PC-application/app/temporary/css/userInfo.css

.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;}