body{font-family:PingFangSC-Medium;color:#4a4a4a;}
.ios body{font-family:PingFangSC-Medium;color:#4a4a4a;}
.clear {
    clear: both;
}
.ios .row .col:nth-last-child(4), .ios .row .col:nth-last-child(4)~.col {
    width: 25%;
    width: calc((100% - 5px*3)/ 4);
}
.ios .block{padding:0px;}
.marginLR20{margin-left:20px!important;margin-right:20px!important;}

.bg-color, .bg-color-write{background:#fff;
    overflow: auto;
    -webkit-overflow-scrolling: touch;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    height: 100%;
    position: relative;
    z-index: 1;
    contain: layout size style;
    will-change: scroll-position;
}
.ios .bg-color-gy{background-color:#f5f5f5!important;}
.bg-transparent{
    overflow: auto;
    -webkit-overflow-scrolling: touch;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    height: 100%;
    position: relative;
    z-index: 1;
    contain: layout size style;
    will-change: scroll-position;
}
.ios .simple-list li:after{background:#f5f5f5;}
/*.ios .page{background:#fff;}*/
.left span{font-size:14px;}
.right{font-size:14px;}
.ios .bg-color-write .list .item-inner:after{height:0;}
.ios .subnavbar:after{height:0;}
/*去掉ul线*/
.ios .list ul:before{height:0;}
.ios .list ul:after{height:0;}
.ios .navbar:after{height:0;}
#my-login-screen .list.login-screen-list .item-input{display:block;width:100%;background:#ffffff;border:1px solid #cccccc;border-radius:4px;}
#my-login-screen .logo{margin-top:0px;text-align: center;}
 .ios #my-login-screen .login-screen-title{margin: 0 auto;font-family:PingFangSC-Medium;font-size:18px;color:#4a4a4a;}
 .list.login-screen-list li.item-content:first-child{margin-top:65px;}
/*#my-login-screen .list li.item-content:nth-child(2){margin-top:16px;}*/
#my-login-screen .list input[type="text"].user_name{padding-left:20px;}
#my-login-screen .list input[type="password"].password_code{padding-left:20px;}
/*登陆注册都用*/
.page-content .list .item-content{padding-right:20px;padding-left:20px;}
.page-content .ios .list .item-content{padding-left:20px;}
 .ios .list .item-inner{padding-right:0;}
#my-login-screen .list .item-inner{padding-right:0px;}
#my-login-screen .list.login-screen-list .item-link.list-button{font-size:14px;
color:#fff;background-image:linear-gradient(-90deg, #2676cf 0%, #60a5e3 100%);
border-radius:4px;}
#my-login-screen .list li.submit{padding-left:20px;padding-right:20px;}
#my-login-screen .list li.account_password a{font-size:14px;color:#9b9b9b;float:left;}
#my-login-screen .list li.account_password a:first-child{color:#4095f3;}
#my-login-screen .list li.account_password a:nth-child(2){float:right;color:#4095f3;}
#my-login-screen .list li.account_password{margin-top:16px;border:1px solid #fff;padding-left:20px;padding-right:20px;}
#my-login-screen .list .item-link.list-button:after{background-color:transparent;}
 .ios #my-login-screen .list.login-screen-list .item-inner:after{background-color:transparent;height:0;}
/*注册*/
 .ios #restion-screen-content .navbar{height:60px;background:#background:#f9f9f9;;}
.ios #restion-screen-content .navbar:after{height:0;}
#restion-screen-content .register-nav .navbar-inner .title{font-size:16px;color:#4a4a4a;}
#restion-screen-content .register-nav .navbar-inner .left a span{font-size:14px; }
#restion-screen-content .list ul li .item-inner .item-label{font-size:14px;color:#9b9b9b;}
#restion-screen-content .list ul li .item-inner .restion-input-height{height:60px;}
#myform-screen-content .list ul li .item-inner .restion-input-height {
    height: 60px;
}
.list li:last-child>.item-content>.item-inner:after{display:block!important}
.list li:last-child>.item-inner:after{display:block!important;}
.verification-button{border:1px solid #4095f3;border-radius:4px;width:98px;height:28px;display:block;
    font-size:14px;
    color:#4095f3;position:absolute;right:0;bottom:15px;line-height:28px;text-align: center;cursor:pointer;}
.spanUnit {
    border-radius: 4px;
    width: 48px;
    height: 32px;
    display: block;
    font-size: 16px;
    color: #000;
    position: absolute;
    right: 0;
    /*left:150px;*/
    line-height: 29px;
    text-align: center;
    cursor: pointer;
    bottom: 15px;
    background-color: #D8DCE5;
    border: 1px solid #D8DCE5;
    border-bottom-right-radius: 5px;
    border-top-right-radius: 5px;
}
.verification-code-content{position:relative;}
.restion-margin{margin:20px auto 23px auto!important;}
.ios .list li.agreement .list-button{height:30px;line-height: 30px;text-align: left;font-size:12px;color:#fba65c;background:#fff;}
.ios .list li.agreement{margin: 0 20px;}
.list li.restion .item-link.list-button{font-size:14px;color:#fff;background:#4095f3;
    border-radius:4px;margin-top:5px;height:42px;}
.ios .list .list-button:after{height:0;}
.ios .list .list-button{padding: 0;}
.list li.restion{margin-left:20px;margin-right:20px;}
/*在线服务条款*/
.ios .block-strong:before{height: 0px!important;}
.ios .block-strong:after{height: 0px!important;}
.login-service-terms{margin:10px auto;}
.login-service-terms p{font-size:14px;
    color:#4a4a4a;}
/*基本信息*/
 .navbar .right{font-size:14px;
    color:#007aff;margin-right:10px;}
.ios .radio .icon-radio{background-image:linear-gradient(-180deg, #f5f5f5 0%, #d8d8d8 100%);
    border:1px solid #cccccc;
    border-radius:100px;
    width:13px;
    height:13px;}
/*.ios .radio input[type=radio]:checked~.icon-radio{border-color:#fff!important;}*/
/*.ios .radio input[type=radio]:checked~.icon-radio, .ios label.item-radio input[type=radio]:checked~* .icon-radio, .ios label.item-radio input[type=radio]:checked~.icon-radio{*/
    /*background-image:url("../img/circle-radio.png");*/
/*background-size:7px 7px;*/
/*}*/
.essential-information-item{width:90px;line-height:60px;float:left;font-size:16px;color:#4a4a4a;
}
.sex{line-height:60px;}
.essential-information-input{width: calc(100% - 90px)!important;float:left;font-size:14px!important;}
.sex-man{margin-right:30px;margin-left:10px;}
.sex-woman{margin-left:10px;}
/*重置密码*/
.reset-passwords{background:#eceef3;}
.ios .reset-passwords .list ul{background:transparent;}
/*日志*/
.log-home-list ul{background:#fff!important;margin-top:60px;}
.log-home-list ul li {background:#f1f7ff;
    border-radius:8px;height:80px;}
.ios .list.log-home-list .item-inner:after{height:0;}
.smail{ background-image:url("../img/smail.png"); background-repeat: no-repeat;width:24px;height:21px;margin-right:22px;background-size:21px 21px;}
.ios .list.log-home-list .item-content{height:80px;}
.log-home-list ul li{margin-left:20px;margin-right:20px;}
.log-home-list ul li{margin-top:13px;}

.list.log-home-list .item-after{max-height:80px!important;}
.log-home-list ul li{font-size:14px;
    color:#4a4a4a;}
.medicine{ background-image:url("../img/medicine.png"); background-repeat: no-repeat;width:24px;height:21px;margin-right:22px;background-size:21px 21px;}
.ios .list.log-home-list .item-content{height:80px;}
.email{background-image:url("../img/email.png"); background-repeat: no-repeat;width:24px;height:18px;background-size:24px 18px;}
.log-home-list ul li:nth-child(3) div > span{background-image:url("../img/weight.png"); background-repeat: no-repeat;width:24px;height:23px;background-size:23px 23px;}
.log-home-list:last-child{margin-bottom:72px;}
.log-home-list ul li:nth-child(4) div > span{background-image:url("../img/xueya.png"); background-repeat: no-repeat;width:24px;height:24px;background-size:12px 24px;}
.log-home-list ul li:nth-child(5) div > span{background-image:url("../img/case-notes.png"); background-repeat: no-repeat;width:24px;height:21px;background-size:16px 21px;}

.item-media-email{width:14px!important;height:14px!important;border-radius: 50%!important;background: #d0021b;}
.item-media-email{text-align:right;margin-left:15px;margin-top:-5px;overflow:hidden;}
.item-media-email div.num{font-size:8px;color:#fff;text-align:center;line-height:14px;}
/*症状记录*/
.symptomatography{display:inline-block!important;width:auto!important;}
/*.ios-only{margin-top:-5.5px;}*/
.all-kinds-records li{text-align: center!important;height:40px!important;line-height:40px!important;background:#f9f9f9;padding-left:0!important;
    padding-right:0!important;display:block!important;font-size:15px;
font-weight:bold;color:#4a4a4a;}
.all-kinds-records li:after{left:0!important; position: static;}
.all-kinds-records li.active-daily{background:#fff!important;    color:#4095f3;}
.all-kinds-records ul li:after{}
.all-kinds-records{margin-top:0!important;}
.bg-color .title span{font-size:16px;color:#4a4a4a;}
/*症状记录2*/
.bg-color-write{background:#fff;}
.ios .bg-color-write .list{margin-top:44px}
.semiography-record{margin-bottom:72px!important;}
.semiography-record li:after{content: '';
    position: absolute;
    background-color: #f5f5f5;
    display: block;
    z-index: 15;
    top: auto;
    right: auto;
    bottom: 0;
    left: 0;
    height: 1px;
    width: 100%;
    -webkit-transform-origin: 50% 100%;
    transform-origin: 50% 100%;}
.semiography-record li label{height:60px;color:#4a4a4a;}
.semiography-record li .item-content{padding-left:0!important;}
.save-margin-top{margin-top:120px;height:42px;margin-left:0!important;margin-right:0!important;}
.case-notes-button p.segmented{padding-bottom:10px;border-bottom:1px solid #f5f5f5;}
.case-row-img .col img{width:100%;height:100%;}
.photo-case{position:fixed;bottom:10px;text-align:center;width:100%;margin:0 auto;z-index: 9999;height:100px;}
.photo-case img{text-align:center;}
.photo-case .photo-case-in{text-align: center;margin:0 auto;}
.position{ position: relative;}
/*日志有记录*/
.item-title{line-height:28px;}
/*病例记录*/
.photo-case{text-align:center;}
div.log-home-list-case{background-image:url("../img/log-home-list-case.png"); background-repeat: no-repeat; width:32px;height:32px;background-size:32px 32px;}
/*.ios .navbar a.link{hieght:}*/
/*手机相册1*/
.case-notes-button{padding:0!important;margin:0!important;
    margin-bottom: 55px!important;}
.album-navbar .navbar-inner div{font-size:14px;
    color:#007aff;}
.album-navbar-bottom{left: 0; width: 100%;
    height: 100%;position:absolute;bottom:0px!important;background:#fff;height:55px;z-index:9999;}
.album-navbar-bottom-top{margin-top:13.5px;padding:0 15px;}
.album-left{float:left;width:60px;height:28px;background:transparent;text-align: center;line-height:28px;}
 .album-right{float:right;width:60px;height:28px;background:#4095f3;line-height:28px;
     border-radius:4px;text-align: center;color:#fff;}
.album-navbar .navbar-inner .album-title{font-size:16px;}
.icon-input-positin{margin-right:0!important;right:0!important;position: absolute!important;}
.mobile-album-input{background:transparent!important;position:absolute;right:2px;top:2px;width:50px;height:50px;}
.album-navbar-bottom .album-left{color:#007aff;}
/*检查报告*/
.check-navbar-background{background:#4a4a4a;
    box-shadow:0 2px 4px 0 rgba(0,0,0,0.50);}
.check-report-photo{background-image:url("../img/check-report.png");background-repeat: no-repeat; width:100%;height:285px; margin:0 auto!important;margin-top:260px!important;margin-bottom:125px!important; }
.mobile-photo-background{background:#4a4a4a;
    box-shadow:0 2px 4px 0 rgba(0,0,0,0.50);height:135px;}
.navbar-background{background:#f9f9f9!important;}
.subnavbar-background{background:#fff!important;}
.tab-margin{margin-top:50px!important;}
.tabs-case-notes{padding-bottom:80px;}
.right-button div{background-image:url("../img/yuan-yuan.png"); background-repeat: no-repeat; width:18px;height:18px;}
/*.block{background-image:url("../img/log-home-list-case.png");width:100%;height:100%;background-size: cover;  }*/
/*手机拍照01*/
.photograph-delect{background:transparent!important;}
.photograph-top{margin-top:55.5px;}
.photograph-nav-background{background:#000;}
.photograph-nav-background .left a{color:#fff!important;}
/*弹出层*/
.case-notes-pop{position:absolute;bottom:0;width:100%;z-index:999999!important;}
.case-notes-pop li{background:rgba(255,255,255,0.80)!important;color:#1d8aff;}
.case-notes-pop li:first-child{border-radius:12px 12px 0 0;}
.case-notes-pop li:nth-child(2){border-radius:0 0 12px 12px;}
.case-notes-pop li:nth-child(3){margin-top:10px;border-radius:12px;margin-bottom:10px;}
.case-notes-pop li:nth-child(2) .item-inner:after, .case-notes-pop li:nth-child(3) .item-inner:after{height:0;}
.case-notes-pop li .item-content{height:50px;}
.case-notes-pop li .item-content .item-inner{}
.case-notes-pop li .item-content{padding-left:0!important;}
.case-notes-pop ul{padding:0 20px;background:transparent!important;}
.case-notes-pop .item-title{text-align:center;margin:0 auto;font-size:18px;}
.popup-services-background{background:rgba(0,0,0,0.40)!important;}
.weight-details-list ul li .item-inner:after{height:0!important;}
/*体重记录*/
span.weight-icon{background-image:url("../img/weight-icon.png"); background-repeat: no-repeat; width:23px;height:23px;display:inline-block;}
.medication-icon{background-image:url("../img/medication-icon.png"); background-repeat: no-repeat; width:23px;height:23px;display:inline-block;}
.medication-icon-two{background-image:url("../img/medication-icon-two.png"); background-repeat: no-repeat; width:23px;height:23px;display:inline-block;}
.weight-details-page{background:#CCC;background:#edecf2;}
.blood-icon{background-image:url("../img/blood-deail.png"); background-repeat: no-repeat; width:12px;height:24px;display:inline-block;}
.weight-details-page{background:#CCC;background:#edecf2;}
.sympotoms-icon{background-image:url("../img/sympotoms-record-icon.png"); background-repeat: no-repeat; width:16px;height:21px;display:inline-block;}

.medication-details-list li.li-after:after{content: '';
    position: absolute;
    background-color: #edecf2;
    display: block;
    z-index: 15;
    top: auto;
    right: auto;
    bottom: 0;
    left: 0;
    height: 1px;
    width: 100%;
    -webkit-transform-origin: 50% 100%;
    transform-origin: 50% 100%;}
.weight-details-nav{background:#fff!important;}
.weight-details-page .weight-tab-margin{margin-top:0!important;padding-top:10px!important;background:#fff;}
.weight-details-page .block{padding:0;}
.weight-details-list ul li .item-inner .item-header{font-family:PingFangSC-Regular;font-size:20px;color:#4a4a4a;}
/*{font-size:14px;*/
    /*color:#cccccc;}*/
.weight-details-list ul li .item-content{padding-right:0!important;}
.weight-details-list ul li a{height:48px;}
.weight-details-list .item-after .item-after-weight{margin-right:10px;font-size:14px;
    color:#4a4a4a;}
.weight-details-list .item-after span:nth-child(2){font-size:14px;
    color:#b9b9b9;}
.weight-date{height:30px;background:#edecf2;font-size:14px;line-height:30px;padding-left:20px;
    color:#b9b9b9;}
.weight-details-list .item-title{line-height:18px;}
.weight-details-submit{
background: #edecf2!important;overflow:hidden;}
.medication-tab-margin{margin-top:0!important;padding:0!important;}
.blood-tab-margin{
    margin-top: 45px !important;}
.weight-details-submit a{ margin-top:100px; display:block;  height:40px;background-color:transparent!important;margin-left:20px;margin-right:20px; border-radius:4px;border:1px solid #4095f3;
}
.medication-details-page{background:#edecf2;padding-top:20px!important;}
/*{background:#4a4a4a;*/
    /*box-shadow:0 2px 4px 0 rgba(0,0,0,0.50);}*/
/*.case-notes-button{padding:0 20px!important;margin-bottom:80px;}*/
/*删除照片*/
.delect-photo-cha{position:absolute;top:20px;right:0px;cursor:pointer;width:60px;line-height:60px;height:60px;text-align:center;color:#fff;z-index:99!important;}
/*轮播*/
/* A bit of demo styles */;
.demo-swiper .swiper-slide {
    font-size: 25px;
    font-weight: 300;
    display: flex;
    justify-content: center;
    align-items: center;
    background: #fff;
    color: #000;
}
.demo-swiper .swiper-slide {
    box-sizing: border-box;
    background: #fff;
}
.demo-swiper {
    font-size: 18px;
    height: 120px;
}
.demo-swiper.demo-swiper-auto .swiper-slide {
    width: 85%;
}
.demo-swiper.demo-swiper-auto .swiper-slide:nth-child(2n) {
    width: 70%;
}
.demo-swiper.demo-swiper-auto .swiper-slide:nth-child(3n) {
    width: 30%;
}
/*知识*/
.knowledge-list ul li div.item-title{font-size:16px;
    color:#4a4a4a;}
.knowledge-list ul li div.item-subtitle{font-size:12px;
    color:#9b9b9b;}
.blood-details-page{margin-top:50px;}
/*.blood-pressure-deail #tab2 ul li:nth-child(even){margin-bottom:1px;}*/
.knowledge-list .item-subtitle{margin-top:18px;font-size:12px!important;word-break: break-all;
    text-overflow: ellipsis;
    display: -webkit-box; /** 对象作为伸缩盒子模型显示 **/
    -webkit-box-orient: vertical; /** 设置或检索伸缩盒对象的子元素的排列方式 **/
    -webkit-line-clamp: 2; /** 显示的行数 **/
     white-space:normal!important;
    /**overflow: hidden;   隐藏超出的内容 **/}
.knowledge-list{margin-top: 10px !important;}
.knowledge-list ul li:after{content: '';
    position: absolute;
    background-color: #f5f5f5;
    display: block;
    z-index: 15;
    top: auto;
    right: auto;
    bottom: 0;
    left: 0;
    height: 1px;
    width: 100%;
    -webkit-transform-origin: 50% 100%;
    transform-origin: 50% 100%;
}
.swiper-container-knoeledge .swiper-pagination{text-align:right!important;}
.knowledge-list ul li:last-child:after{height: 0px;}
/*.page-content .knowledge-list .item-content{padding-left:0!important;padding-right:0!important;}*/
.knowledge-list ul li .item-inner:after{height:0!important;}
.knowledge-list{margin-left:0!important;margin-right:0!important;}
.historical-margin{ margin-left: 0!important;border-radius:4px;
    margin-right: 0!important;}
.historical-margin a{background-color:transparent!important;color:#4095f3!important;height:38px!important;border:1px solid #4095f3!important;}
li.restion:after{height:0!important;}
li.restion a{border-radius:4px;
}
/*用药记录*/
.historical-medical-record{margin-top:45px!important;}
.historical-medical-record ul li a:after{left:0!important;background-color:#f5f5f5!important;}
.historical-medical-record ul li a{font-size:16px;padding-left:20px!important;background-position: calc(100% - 20px) center!important;
    color:#9b9b9b!important;height:50px!important;}
.dosage{background:#f5f5f5;text-align:center;line-height:30px;font-size:16px;
    color:#cccccc;
    border-radius:4px;
    width:60px;
    height:30px;}
.historical-medical-record ul li.medical-dosage a{background:none!important;padding-right: 20px;}
.dosage-time{}
.bg-color-gy{padding-top:0!important;}
.medical-records-notes{padding-left:20px;padding-right:20px;margin-top:120px;}
.medical-records-notes a{background:#4095f3;color:#fff!important;text-align: center!important;border-radius:4px;display:block;}
#keep{background:#4095f3;color:#fff!important;text-align: center!important;border-radius:4px;display:block;}
.ul-historical-medical-record li a{background:none!important;padding-right: 20px!important;}
.historical-records-notes-delect{margin-top:10px!important;}
#delect-historical-medical{text-align: center!important;display:block;background:none!important;border:1px solid #4095f3!important;color:#4095f3!important;}
/*.ios .list ul li:after{height:1px!important;background:#f00!important;}*/
/*扫一扫*/
.demo-swiper .swiper-slide {
    font-size: 25px;
    font-weight: 300;
    display: flex;
    justify-content: center;
    align-items: center;
    background: #fff;
    color: #000;
}
.demo-swiper .swiper-slide {
    box-sizing: border-box;
    background: #fff;
}
.demo-swiper {
    margin: 0px 0 35px;
    font-size: 18px;
    height: 120px;
}
.demo-swiper.demo-swiper-auto .swiper-slide {
    width: 85%;
}
.demo-swiper.demo-swiper-auto .swiper-slide:nth-child(2n) {
    width: 70%;
}
.demo-swiper.demo-swiper-auto .swiper-slide:nth-child(3n) {
    width: 30%;
}
 .page-content .recent-record-list .item-content{    width: 200px;
     float: right;}
.page-content .recent-record-list .item-inner:after{height:0px;}
/*select*/
.item-select-date select {
    /*Chrome和Firefox里面的边框是不一样的，所以复写了一下*/
    border:transparent;
    /*很关键：将默认的select选择框样式清除*/
    appearance:none;
    -moz-appearance:none;
    -webkit-appearance:none;
    /*在选择框的最右侧中间显示小箭头图片*/
    background: url("../img/select-jiantou.png") no-repeat scroll right center transparent;
    /*为下拉小箭头留出一点位置，避免被文字覆盖*/
    padding-right: -14px;
    width:80px;float:right;margin-right:20px;
}
/*清除ie的默认选择框样式清除，隐藏下拉箭头*/
select::-ms-expand { display: none; }

/*.sweep-out{background-image:url("../img/log-home-list-case.png"); background-repeat: no-repeat; width:100%;height:100%;background-size: 100%;}*/