sr-iHealthApp/html/jkjl/css/health-record.css

@charset "utf-8";
/*---------reset-------------------------*/
.timper-addfix{background: #FF9526;}
.c-lab-mor li.hit a {color: #17b3ec;}
.c-lab-mor li.hit {border-bottom: 3px solid #17b3ec;}
.div-btn-group{height: 35px;margin: 0 auto;text-align: center;}
.div-btn-group .div-all{ width: 90px;height: 29px;margin: 5px auto;display: inline-block;margin-left: 5px;}
.div-btn-group .div-all a,.div-btn-group .div-my-tw a,.div-my-hf a{font-size: 12px;width: 90px;padding: 6px;}
.div-my-tw{width: 90px;height: 29px;margin: 5px auto;display: inline-block;margin-left: 10px;}
.div-my-hf{width: 90px;height: 29px;margin: 7px auto;display: inline-block;margin-left: 14px;}
.c-btn-75bf00{background: #17b3ec;}
.c-btn-90909S0{background: #909090;}
.c-color-75BF00{color: #17b3ec;}
.c-btn-ffffff{background: #ffffff;}
.c-border-75bf00{border: 1px solid #75BF00;}
.c-f10{font-size: 10px;}
.c-color{color: #323232;}
.txt-left{text-align: left !important;}
.p-remark{width: 100%;}
.f-vam{vertical-align: middle;}
.f-pr{position: relative;}
.f-fs13{font-size: 13px;}
.border-bom{border-bottom: 1px solid #dcdcdc;}
.modal-overlay{position: absolute;left: 0;top: 0;width: 100%;height: 100%;background: transparent;z-index: 3;visibility: hidden;opacity: 0;-webkit-transition-duration: 400ms;transition-duration: 400ms;}
.modal-overlay.modal-overlay-visible{ visibility: visible;opacity: 1;}
.p10{padding: 10px;}
.jhadd a.more {float: right;color: #333333;font-size: 15px;}
.f-dn{display: none;}
#footer {position: absolute;z-index: 3; bottom: 30px;width: 50px;height: 48px;padding: 0;right: 30px;}
.add-icon{ width: 50px; height: 50px;background: url(../../wdsb/images/xuanfu_btn.png) no-repeat center top; background-size: 50px;}
.view-more{display: none;}
.labhold-con{text-align: center;}
.m-menu-link{height: 90px;background: #FFFFFF;border: 1px solid #DCDCDC;}
.m-menu-link .row {
    padding: 0 10px;
}
* :not(.content-block-inner) {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}
.row {
    width: 100%;
}
.row .col-25 {
    width: 25%;
    width: -webkit-calc((100% - 20px) / 4);
    width: calc((100% - 20px) / 4);
    display: inline-block;
    font-size: 13px;
}
.row .col-33 {
    width: 33%;
    width: -webkit-calc((100% - 20px) / 3);
    width: calc((100% - 20px) / 3);
    display: inline-block;
    font-size: 13px;
}
.row .col-50 {
    width: 50%;
    width: -webkit-calc((100% - 20px) / 2);
    width: calc((100% - 20px) / 2);
    display: inline-block;
    font-size: 13px;
}
.row > [class*="col-"] {
    box-sizing: border-box;
}
.f-tac {
    text-align: center;
}
.m-menu-link .item-icon.xuetang {
    background: url(../images/xuetang.png) no-repeat;
    background-size: 50px;
}
.m-menu-link .item-icon.xueya {
    background: url(../images/xueya.png) no-repeat;
    background-size: 50px;
}
.m-menu-link .item-icon.tizhong {
    background: url(../images/tizhong.png) no-repeat;
    background-size: 50px;
}
.m-menu-link .item-icon.yaowei {
    background: url(../images/yaowei.png) no-repeat;
    background-size: 50px;
}
.m-menu-link .item-icon.yundong {
    background: url(../images/yundong.png) no-repeat;
    background-size: 50px;
}
.m-menu-link .item-icon.yongyao {
    background: url(../images/yongyao.png) no-repeat;
    background-size: 50px;
}
.m-menu-link .item-icon.yinshi {
    background: url(../images/yinshi.png) no-repeat;
    background-size: 50px;
}
.m-menu-link .xuetang.active {
    background: url(../images/xuetang_pre.png) no-repeat;
    background-size: 50px;
}
.m-menu-link .xueya.active {
    background: url(../images/xueya_pre.png) no-repeat;
    background-size: 50px;
}
.m-menu-link .tizhong.active {
    background: url(../images/tizhong_pre.png) no-repeat;
    background-size: 50px;
}
.m-menu-link .yaowei.active {
    background: url(../images/yaowei_pre.png) no-repeat;
    background-size: 50px;
}

.m-menu-link .yundong.active {
    background: url(../images/yundong_pre.png) no-repeat;
    background-size: 50px;
}
.m-menu-link .yongyao.active {
    background: url(../images/yongyao_pre.png) no-repeat;
    background-size: 50px;
}
.m-menu-link .yinshi.active {
    background: url(../images/yinshi_pre.png) no-repeat;
    background-size: 50px;
}

.m-menu-link .item-icon {
    width: 50px;
    height: 50px;
    margin: 5px auto 5px;
    border-radius: 60px;
}
.table-yinshi img{width: 32px;height: 32px;background-size: 32px;margin-right: 15px;}
.card-title{height:33px;padding:0 10px;color:#323232;border-top-left-radius:5px;border-top-right-radius:5px;font-size:13px;background:#ffffff;}
.div-date{ color: #909090;padding-top: 6px; display: inline-block;}
.lbl-date{color: #323232;padding: 0 2px;font-size: 13px;}
.div-btn-group{float: right;margin-bottom: 10px;margin-top: 4px;}
.div-btn-group .c-btn{border-radius:12px;height:25px;width:63px;text-align:center;font-size:13px;padding:0;margin:0 auto;padding-top:4px;border:0;color:#323232; background: #ffffff;}
.div-btn-group .c-btn.active{color:#ffffff;background: #17b3ec;}
.timper-addfix{ z-index: 5;position: fixed;bottom: 0px;background: #FF9526;width: 48px;height: 48px;border-radius: 50%; text-align: center;line-height: 48px;left: 45%;}
.timper-addfix.active{ width: 71px; height: 71px;background: url('../../wdsb/html/images/xuanfu_btn.png') no-repeat center top; background-size: 71px;}

.icon{ display: inline-block; vertical-align: middle; margin: 0 5px; background: no-repeat; background-size:100%; width: 22px; height: 22px; margin-top:-3px ;}
.icon.del{background-image: url(../images/gouxun_icon.png);width:20px; height: 20px;}
.bottom-box{width:160px;height:16px;background:url(../../wdsb/images/bangding_img.png) no-repeat center top;background-size:160px 16px;position:absolute;z-index:3;bottom:105px;vertical-align:middle;left:50%;margin:0 0 0 -80px;}
.jhadd{position: absolute; z-index: 4;width: 100%;height: auto;}
.div-switch{position: absolute;right: 10px;bottom: 5px;}
.jhadd .date{padding: 0; color: #909090; font-size: 12px; float: right;}
.dt-btn-group{width: 100%;margin: 0;padding: 0;}
.a-btn{border: 0;border-radius: 0;margin: 0;display: inline-block;width: 50%;color: #323232;font-weight: bold;padding: 0;height: 50px;line-height: 50px;text-align: center;}
.a-btn.active{color: #FFFFFF;background: #17b3ec;}
.div-remark{float: left;margin-bottom: 10px;}
#item1 tr,#item2 tr,#item3 tr,#item tr,#sport_list tr,#drug_list tr,#diet_list tr{background-color: #FFFFFF;}
.l-arrow-right {display:block;width:14px;height:14px;border: solid #989898;border-width: 2px 2px 0 0;-webkit-transform:rotate(45deg);-moz-transform:rotate(45deg);-ms-transform:rotate(45deg);-o-transform:rotate(45deg);transform:rotate(45deg);margin-top:2px;}
.l-arrow-left {display:block;width:14px;height:14px;border: solid #989898;border-width: 0 0 2px 2px;-webkit-transform:rotate(45deg);-moz-transform:rotate(45deg);-ms-transform:rotate(45deg);-o-transform:rotate(45deg);transform:rotate(45deg);margin-top:2px;}
.fl {float: left;}
.width-20{width: 20%;}
.width-30{width: 30%;}
.icon-share{width: 25px;height: 25px;background: url(../images/fenxiang01_icon.png) no-repeat center top;background-size: 25px;position: absolute;  top: 10px;  right: 10px;}

.icon-div{padding: 10px;}
#equip-list{margin: 0;padding-left: 10px; padding-right: 10px; margin-top: 0px;overflow: hidden;background: #f3f3f3;}
#equip-list li{height: 100px;margin-top: 10px;margin-left: 0;padding: 0;background: #ffffff;border-radius:3%;position: relative;}
#equip-list img{width: 80px;height: 80px;background-size: 60px;}
#equip-list .div-content{ color: #333;font-size: 16px;font-weight: bold;height: 20px;position:absolute;top:12px;left:105px;}
.div-sn{color:#909090;font-size:14px;position:absolute;top:42px;left:105px;}
.div-sn2{color:#909090;font-size:14px;position:absolute;top:66px;left:105px;}
.div-img{width: 320px; height: 184px;background: url(../../../images/shujuweikong_img.png) no-repeat center top; background-size: 320px 184px;margin: 100px auto 0px;}
.div-tishi-info{vertical-align: middle; margin: 15px auto 30px;text-align: center;font-size: 15px;}
.div-dialog-content{width: 250px;height: 250px;background: url(../../wdsb/images/tuoyuan.png) no-repeat center top;background-size: 250px;position: absolute;z-index: 4;left: 50%;top: 50%;margin-left: -125px;margin-top: -125px;}  
.xueyaji-icon{width: 55px; height: 55px;background: url(../../wdsb/images/xueyaji_btn.png) no-repeat center top; background-size: 55px;position: absolute;      z-index: 4;top: 50%;margin-top: -74px;left: 20px;}
.xuetangyi-icon{width: 55px; height: 55px;background: url(../../wdsb/images/xuetangyi_bth.png) no-repeat center top; background-size: 55px;position: absolute;      z-index: 4;top: 50%;margin-top: -74px;right: 18px;}
.xueyaji-icon.active{width: 55px; height: 55px;background: url(../../wdsb/images/xueyaji_pre.png) no-repeat center top; background-size: 55px;position: absolute;      z-index: 4;top: 50%;margin-top: -74px;left: 20px;}
.xuetangyi-icon.active{width: 55px; height: 55px;background: url(../../wdsb/images/xuetangyi_pre.png) no-repeat center top; background-size: 55px;position: absolute;      z-index: 4;top: 50%;margin-top: -74px;right: 18px;}
.quxiao{width: 55px;height: 55px;background: url(../../wdsb/images/quxiao_btn.png) no-repeat center top;background-size: 55px;position: absolute;      z-index: 4;left: 50%;      top: 50%;      margin-left: -27px;      margin-top: 60px;}
.quxiao.active{width: 55px;height: 55px;background: url(../../wdsb/images/quxiao_pre.png) no-repeat center top;background-size: 55px;position: absolute;      z-index: 4;left: 50%;      top: 50%;      margin-left: -27px;      margin-top: 60px;}
.f-dn{display: none;}