.flex-box{ display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; align-userInfos: center; } .flex-box-item{ -webkit-box-flex: 1; -ms-flex: 1; flex: 1; } /*绑定设备*/ .icon{width: 21px;height: 21px;vertical-align:middle;display: inline-block;background-size: auto 100%;background-position: center center;background-repeat: no-repeat;} .icon-wx{background-image: url(../images/weixing_icon.png);} .icon-wx-gray{background-image: url(../images/weixing_zihui_icon.png);} .icon-xueyaji{background-image: url(../images/icon_xueyaji2.png);} .icon-xueyaji-gray{background-image: url(../images/icon_xueyaji_zhihui.png);} .icon-xuetangyi{background-image: url(../images/icon_xuetangyi.png);} .icon-xuetangyi-gray{background-image: url(../images/icon_xuetangyi_zhihui.png);} /*高糖*/ .mb-icon-round{width: 50px;height: 21px;border-radius: 10px;text-align: center;line-height: 21px;font-size: 15px;display: inline-block;} .mb-icon-round.red{border: solid 1px #FF4c4c;color: #FF4c4c;} .mb-icon-round.orange{border: solid 1px #FFc691;color: #FFc691;} .mb-icon-round.green{border: solid 1px #06bf04;color: #06bf04;} [v-cloak]{display: none;} /*滚动条样式*/ .label-list::-webkit-scrollbar { width:2px; height:2px; } .label-list::-webkit-scrollbar-button { display: none; background-color:#FF7677; } .label-list::-webkit-scrollbar-track { background:#dcdcdc; } .label-list::-webkit-scrollbar-thumb{ background:#999999; border-radius:4px; } ::-webkit-scrollbar-thumb { background: white !important; } .label-list::-webkit-scrollbar-corner { background:#82AFFF; } .label-list::-webkit-scrollbar-resizer { background:#FF0BEE; } .f14{font-size: 14px;} .mt80{margin-top: 80px;} .c-container{width: 700px;margin: 0 auto;} .w-250{width: 250px;} .w-80{width: 80px;} .w-110{width: 110px;} .c-container>.w-250{height: 570px;border-right: 1px solid #d7dde7;margin-right: 20px;} .user-images{margin: 80px auto 0;width: 100px;height: 100px;} .user-images img{width: 100%;display: block;} .user-name{margin: 20px auto;font-size: 20px;color: #333;} .tool-list{margin: 20px 30px 0px 20px;padding: 0;} .tool-list li{float: left;list-style: none;width: 50%;} .tool-list li a{line-height: 26px;height: 26px;margin-bottom: 10px;text-align: center;display: block;color: #333;border: 1px solid #d7dce6;text-decoration: none;} .tool-list li:nth-of-type(2n){float: right;margin-right: -10px;} .panel-fff{border: 1px solid #d7dde7;border-radius: 0;} .panel-fff .panel-heading{font-size: 16px;font-weight: bold;padding: 11px 10px 11px 20px;border-bottom: 1px solid #d7dde7;} .panel-fff .panel-body{padding: 10px 10px 10px 20px;color: #333;} .panel-fff .panel-body .w-80,.panel-fff .panel-body .w-110{line-height: 20px;} .label-list{margin: 0;padding: 0;font-size: 0;white-space: nowrap;list-style: none;width: 318px;overflow-y: auto;} .label-list li{width: 80px;text-align: center;margin-right: 10px;border-radius: 10px;display: inline-block;font-size: 12px;height: 20px;line-height: 20px} .bgc-12b7f5 li{background-color: #12B7F5;color: #fff;} .bgc-2DBE55 li{background-color: #2DBE55;color: #fff;} .bgc-ff3b30 li{background-color: #ff3b30;color: #fff;} .bgc-FF9630 li{background-color: #FF9630;color: #fff;}