sr-iHealthwx/html/yszd/css/consultation.css

@charset "utf-8";
.vertical-line {
    top: 50px;
    left: 20px;
    border-left: 1px solid #B9B9B9;
    position: absolute;
    height: 100%;
}
.s-bc-12B7F5 { background-color: #12B7F5; }
.s-bc-75BF00 { background-color: #75BF00; }
.s-bc-FF9526 { background-color: #FF9526; }
.f-fr {
    float: right;
}
.ul-consultation li{padding-left: 34px;margin-top: 10px;margin-right: 10px;position: relative;}
.ul-consultation .outer-circle{top: 4px;left: 10px;width: 20px;height: 20px;padding: 2px;background-color: #F0F0F0;position: absolute;}
.ul-consultation .outer-circle .inner-circle{width: 100%;height: 100%;border-radius: 10px;}
.ul-consultation .record-card{height: 110px;margin-left: 6px;}
.ul-consultation .record-card .card-title{height: 20px;padding: 5px 10px;color: #FFF;border-top-left-radius: 5px;border-top-right-radius: 5px;font-size: 14px;line-height: 20px;}
.span-date{font-size: 14px;}
.f-fr{float: right;}
.record-card p{display: -moz-box;display: -webkit-box;background-color: #FFF;height: 68px;font-size: 14px;padding-top: 8px;padding-left: 10px;overflow: hidden; -webkit-line-clamp: 3;    -webkit-box-orient: vertical; color:#323232;word-break: break-all;}
.div-beginning{top: 41px;right: 10px;width: 63px;height: 50px; position: absolute;background: url(../images/jinxingzhong_icon.png) 0 0 no-repeat;background-size: 63px 50px;}
.div-ended{top: 41px;right: 10px;width: 63px;height: 50px; position: absolute;background: url(../images/yijieshu_icon.png) 0 0 no-repeat;background-size: 63px 50px;}
.div-bottom{  position: absolute;  bottom: 0;text-align: center;z-index: 20;left:-webkit-calc((100% - 75px)/2)}
.add-icon{ width: 50px; height: 50px;background: url(../images/xuanfu_btn.png) no-repeat center top; background-size: 50px;}
.f-mr10 {margin-right: 10px;}
.f-ib { display: inline-block;}
.f-vam, .f-vama * {vertical-align: middle;}
#footer { position: absolute; z-index: 4; bottom: 45px;right: 15px;width: 71px;height: 48px;padding: 0;}
.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;}
.div-dialog-content{display: none;width: 250px;height: 250px;background: url(../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;}  
.mingyi-icon{width: 55px; height: 55px;background: url(../images/mingyizixun_icon.png) no-repeat center top; background-size: 55px;position: absolute;      z-index: 4;top: 67%;margin-top: -80px;right: -2px;}
.sanshi-icon{width: 55px; height: 55px;background: url(../images/manbingguanli_icon.png) no-repeat center top;background-size: 55px;      position: absolute;      z-index: 4;      bottom: 104px;      left: 50%;      top: 50%;      margin-left: -27px;      margin-top: -118px;}
.jiating-icon{width: 55px; height: 55px;background: url(../images/jiating_btn.png) no-repeat center top; background-size: 55px;position: absolute;      z-index: 4;top: 67%;margin-top: -80px;left: 8px;}
.sanshi-icon1{width: 55px; height: 55px;background: url(../images/manbingguanli_icon.png) no-repeat center top; background-size: 55px;position: absolute; margin-left:0;     z-index: 4;top: 67%;margin-top: -80px;left: 8px;}
.mingyi-icon.active{width: 55px; height: 55px;background: url(../images/mingyizixun_xuanzhong_icon.png) no-repeat center top; background-size: 55px;position: absolute;      z-index: 4;top: 67%;margin-top: -80px;right: -2px;}
.sanshi-icon.active{width: 55px; height: 55px;background: url(../images/manbingguanli_xuanzhong_icon.png) no-repeat center top; background-size: 55px;position: absolute;      z-index: 4;      bottom: 104px;      left: 50%;      top: 50%;      margin-left: -27px;      margin-top: -118px;}
.jiating-icon.active{width: 55px; height: 55px;background: url(../images/jiating_pre.png) no-repeat center top; background-size: 55px;position: absolute;      z-index: 4;top: 67%;margin-top: -80px;left: 8px;}
.sanshi-icon1.active{width: 55px; height: 55px;background: url(../images/manbingguanli_xuanzhong_icon.png) no-repeat center top; background-size: 55px;position: absolute;margin-left:0;       z-index: 4;top: 67%;margin-top: -80px;left: 8px;}

.quxiao{width: 55px;height: 55px;background: url(../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(../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;}
em{color:#12B7F5}
.div-img{width: 320px; height: 184px;background: url(../../../images/shujuweikong_img.png) no-repeat center top; background-size: 320px 184px;margin: 60px auto 0px;}
.bottom-box{    width: 180px;margin: auto; height: 44px;}
#search_suggest_text { position: absolute; top: 55px; left: 8px; color: #75BF00; font-size: 18px;}
.searchbar-clear{position: absolute;width: 28px;height: 28px;right: 0;top:8px;opacity:0;pointer-events:none;background-position:center;background-repeat:no-repeat;background-image:url(../../../images/delete01_pre.png);-webkit-background-size:20px 20px;background-size:20px 20px;-webkit-transition-duration:300ms;transition-duration:300ms;cursor:pointer;}