@charset "utf-8";
/********好医汇**********/
body{padding:0;margin:0;}
    .mask{z-index: 100; position: fixed;top:0;left: 0;width:100vw;height:100vh;display:none;}
    .hidelabel {position: absolute;opacity: 0;top: 0;left: 0;}
    .center-box{width:1200px; margin: 0 auto;height:auto;box-sizing: border-box}
    .center-box2{width:1200px; margin: 0 auto;height:auto;}
    .nodata{height:430px;width:100%;}
    .nodata img{
        width: 218px; height: 192px; margin-top: 90px; margin-bottom: 30px;
    }
    .p20{
        padding: 20px;
    }
    .mt20{
        margin-top: 20;
    }
    .nodata div{
        text-align: center; font-size: 18px; font-family: MicrosoftYaHei; color: #696d76; padding-bottom: 90px;
    }
    .center-back-box{
        width:1200px;
        height:auto;
        overflow: hidden;
        background: #f6f7fa;
        padding:25px 0;
        margin: 0 auto;
        border-radius: 4px;
    }
    /*****head********/
        .header{
            height: 106px;
            display: flex;
        }
        .logo {
            width: 188px;
            height: 48px;
            cursor: pointer;
        }
        .search{
            width:527px;
            height:42px;
            background: #F3F4F8;
            border-radius:5px;
        }
        .search .search-input{
            display: block;
            float: left;
            width:452px;
            padding-left: 10px;
            padding-right: 10px;
            height:42px;
            font-size: 18px;
        }
        .search .search-submit{
            display: block;
            float: left;
            width:55px;
            height:42px;
            background: #3878f8 !important;
            border-top-right-radius:5px;
            border-bottom-right-radius:5px;
        }
        .search .search-submit i{
            color:#fff;
            font-size: 20px;
        }
        .userbox{
            width:120px;
            height:35px;
        }
        .userbox .useritem{
            width:60px;
            float:left;
            position: relative;
            text-align: center;
            cursor: pointer;
            padding-bottom: 10px;
        }
        .userbox .useritem .m-qrcode{
            display:none;
            position: absolute;
            top: 45px;
            left:10px;
            width:200px;
            height:200px;
            padding: 10px;
            border-radius: 5px;
            box-shadow: 0 2px 12px 0 rgba(0,0,0,.1);
            background: #fff;
            z-index: 9;
        }
        .userbox .useritem .m-qrcode img{
            width:100%;height:100%;
        }
        .userbox .useritem i{
            color:#9CA2AE;
            font-size: 20px;
        }
        .userbox .useritem div{
            color:#696d76;
            font-size: 14px;
            line-height: 19px;
        }
        .nav{
            height:50px;
            background: #e7effe;
        }
        .nav a{
            line-height: 50px;
            border-bottom: 3px solid #e7effe;
            border-radius: 2px;
            font-size: 20px;
            font-family: MicrosoftYaHei;
            padding-bottom: 6px;
            margin-right: 100px;
        }
        .nav a:hover{
            border-bottom: 3px solid #3878f8;
            font-weight: bold;
            color:#3878f8;
        }
        .nav .cur{
            border-bottom: 3px solid #3878f8;
            font-weight: bold;
            color:#3878f8;
        }
    /*****首页********/
        .menu{
            height:340px;
            padding:20px 0;
        }
        .menu .fast{
            width:315px;height:340px;
            float:left;
        }
        .menu .fast .row{
            height:55px;
            width:100%;
        }
        .menu .fast .row img{
            height:26px;
            width:129px;
            margin-top: 15px;
        }
        .menu .fast .select-mode{
            background: #f6f7fa;
            border-radius: 5px;
            position: relative;
        }
        .menu .fast .select-mode .tip{
            width:50px;
            height:55px;
            float:left;
            margin-left: 20px;
            line-height: 55px;
            font-size: 14px;
            color: #696d76;
        }
        .menu .fast .select-mode .city{
            width:180px;
            height:55px;
            float:left;
        }
        .menu .fast .select-mode .city span{
            line-height: 55px;
            font-size: 14px;
            color: #222;
        }
        .menu .fast .select-mode .position{
            width:30px;
            height:55px;
            float:left;
        }
        .menu .fast .select-mode .position img{
            width:24px;height:24px;
        }
        .menu .fast .select-mode .select span{
            line-height: 55px;
            font-size: 14px;
            color: #222;
        }
        .menu .fast .select-mode .select{
            width:200px;
            height:55px;
            float:left;
            position: relative;
            cursor: pointer;
        }
        .menu .fast .select-mode .selectcity,.select .option{
            display:none;
            width:275px;
            z-index: 999;
            max-height:200px;
            overflow-x:hidden; 
            position: absolute;
            background: #fff;
            top: 55px;
            left:-70px;
            padding: 20px;
            border-radius: 5px;
            box-shadow: 0 2px 12px 0 rgba(0,0,0,.1);
        }
        .menu .fast .select-mode .selectcity{
            width:550px;
            z-index: 999;
            max-height:250px !important;
            overflow-x:hidden; 
            position: absolute;
            background: #fff;
            top: 55px;
            left:0px;
            padding: 20px;
            border-radius: 3px;
            box-shadow: 0 2px 12px 0 rgba(0,0,0,.1);
        }
        .menu .fast .select-mode .selectcity span{
            display:block;
            width:120px;height:40px;
            line-height: 40px;font-size: 14px;
            text-align: left;
            margin-left: 12px;
            float: left;
            cursor: pointer;
        }
        .select .option li{
            height:50px;
            line-height: 50px;
            color:#606266;
            overflow: hidden;
            text-overflow:ellipsis;
            white-space:nowrap;
            border-bottom: 1px solid #E4E7ED;
            cursor: pointer;
        }
        .select .option li.selected{
            color: #409eff;
            font-weight: 700;
        }
        .menu .fast .row button{
            width:100%;
            height:100%;
            border-radius: 4px;
            background: #3878f8;
            font-size: 16px;
            font-family: MicrosoftYaHei-Bold,MicrosoftYaHei;
            font-weight: 700;
            color: #fff;
        }
        .menu .banner{
            width:870px;height:340px;
            float:right;
            position: relative;
            overflow: hidden;
        }
        .banner img{
            /*object-fit:cover;*/
            /*width:870px;*/
            height:340px;
        }
        .banner .num {
            width: 100%;
            height: 10px;
            text-align: center;
            position: absolute;
            left: 0;
            bottom: 18px;
            cursor: pointer;
            z-index: 99;
        }
        .banner .num span {
            display: inline-block;
            width: 10px;
            height: 10px;
            background: #fff;
            margin: 0 8px;
            border-radius: 100%;
            opacity: 0.5;
            filter: alpha(opacity=50);
        }
        .banner .num span.active {
            background: #fff;
            opacity: 1;
            filter: alpha(opacity=100);
        }
        .hospital,.doctor{
            width: 100%;
            height:auto;
            background: #f6f7fa;
            padding-bottom: 20px;
            overflow: hidden;
        }
        .tuinav{
            width:100%;
            height:98px;
        }
        .tuinav .tuijian{
            width:200px;
            height:98px;
            font-size: 34px;
            font-family: MicrosoftYaHei-Bold,MicrosoftYaHei;
            font-weight: 700;
            text-align: left;
            color: #333;
            float: left;
            line-height: 98px;
        }
        .tuinav .hospitalcity{
            width:850px;
            height:98px;
            float: left;
        }
        .tuinav .hospitalcity span{
            line-height: 98px;
            font-size: 20px;
            cursor: pointer;
        }
        .tuinav .hospitalcity span.cur{
            color: #3878f8;
        }
        .tuinav .hospitalmore{
            width:140px;
            height:98px;
            float: right;
            text-align: right;
        }
        .tuinav .hospitalmore img{
            width: 86px;
            height: 24px;
            margin-top: 37px;
        }
        .hospitalslist,.departmentlist{
            height:auto;
            margin-bottom: 20px;
        }
        .hospitalcard{
            width:390px;
            height:90px;
            margin-bottom: 24px;
            background: #fff;
            float: left;
            margin-right: 15px;
        }
        .hospitalcard .cardleft{
            width: 60px;
            height: 60px;
            margin-top: 15px;
            margin-left: 15px;
            float: left;
        }
        .hospitalcard .cardleft img{
            width: 60px;
            height: 60px;
            border-radius: 50%;
        }
        .hospitalcard .cardright{
            width: 290px;
            height: 60px;
            margin-top: 15px;
            float: right;
        }
        .hospitalcard .cardright .hospitalname{
            width:280px;
            padding: 5px 0;
            font-size: 18px;
        }
        .hospitalcard .cardright .hospitaltag{
            padding: 3px 5px;
            border-radius: 3px;
            font-size: 12px;
            line-height: 22px;
            color: #fff;
            background: #3878f8;
        }
        .hospitalcard .more{
            height:90px;
        }
        .hospitalcard .more span{
            font-size: 18px;
            line-height: 20px;
        }
        .hospitalcard .more img{
            width:20px;height:20px;
            margin-left: 5px;
        }
        .departmentlist a{
            display: block;
            width:180px;
            height: 18px;
            font-size: 18px;
            line-height: 18px;
            border-right: 1px solid #d2d6df;
            margin-bottom: 25px;
            float: left;
            margin-right: 23px;
        }
        .doctorcard:hover{
            box-shadow: 0 2px 12px 2px rgba(0,0,0,.1);
        }
        .doctorcard{
            width:385px;
            height:auto;
            margin-top: 20px;
            background: #fff;
            border: 1px solid #e5e5e5;
            border-radius: 5px;
            overflow: hidden;
            background: #fff;
            padding-bottom: 15px;
            background: #f7fbff;
            float: left;
            margin-right: 19px;
        }
        .doctorcard .carddoc{
            height:80px;
            padding:15px 15px 10px 15px;
            background: #fff;
        }
        .doctorcard .carddesc{
            padding:15px 15px 0 15px;
        }
        .doctorcard .carddoc .cardleft{
            width: 80px;
            height: 80px;
            float: left;
            margin-right: 10px;
        }
        .doctorcard .carddoc .cardleft img{
            width: 80px;
            height: 80px;
            border-radius: 4px;
            box-shadow: 0 0 16px 0 rgba(0,0,0,.1);
        }
        .doctorcard .carddoc .cardright{
            width:260px;
            float:right;
        }
        .doctorcard .carddoc .cardright .docname{
            font-size: 24px;
            font-weight: 700;
            margin-right: 6px;
        }
        .doctorcard .carddoc .cardright .doctitle{
            font-size: 20px;
        }
        .doctorcard .carddoc .cardright .cardrightbot span{
            margin-right: 10px;
            white-space: nowrap;
        }
        .doctorcard .carddesc .docdesc{
            height:43px;
            display: -webkit-box;
            -webkit-box-orient: vertical;
            -webkit-line-clamp: 2;
            overflow: hidden;
        }
        .doctorcard .carddesc .docdesc span{
            font-size: 14px;
            line-height: 19px;
            color: #666;
        }
        .doctorcard .carddesc .reservation{
            display: block;
            width: 220px;
            height: 40px;
            line-height: 40px;
            background: #3878f8;
            border-radius: 4px;
            font-size: 18px;
            color: #fff;
            text-align: center;
            margin: 16px auto 0 auto;
        }
    /*****foot********/
        .footer{
            width: 100%;
            height:auto;
            background: #ebedf1;
            padding-bottom: 40px 0 70px 0;
            overflow: hidden;
        }
        .footer .cooperate{
            width: 1200px;
            margin: 30px auto;
            height: auto;
            overflow: hidden;
            font-weight: 700;
            font-size: 34px;
        }
        .footer .cooperatelist{
            width: 1200px;
            margin: 30px auto;
            height: 165px;
        }
        .footer .cooperatelist img{
            width: 232px;
            height: 72px;
        }
        .footer .links{
            margin-bottom: 30px;
        }
        .footer .links a{
            font-size: 18px;
            margin-right: 20px;
        }
        .footer .links span{
            font-size: 14px;
            color:#666;
            margin-right: 20px;
        }
        .footer .about{
            height: 200px;
            margin-bottom: 30px;
        }
        .footer .about .about1{
            width: 146px;
            height: 148px;
            overflow: hidden;
        }
        .footer .about .about1 img{
            width: 100%;
            height: 100%;
        }
        .footer .about .about2{
            width:485px;
        }
        .footer .about .about2 .aboutus a{
            font-size: 16px;
            font-weight: 700;
            margin-right: 20px;
        }
        .footer .about .about2 .aboutus span{
            font-size: 16px;
            color: #dedede;
            margin-right: 20px;
        }
        .footer .about .about2 p{
            font-size: 14px;
            color: #666;
            line-height: 26px;
            font-family: 宋体;
        }
        .footer .about .about2 .statement{
            font-size: 12px;
            color: #666;
            padding: 10px 0 20px 0;
        }
        .footer .about .about3{
            width:515px;
            overflow: hidden;
            height: 200px;
        }
        .footer .about .about3 .qrcode{
            width:162px;
            text-align: center;
        }
        .footer .about .about3 .qrcode img{
            width: 162px;
            height: 162px;
        }
        .footer .about .about3 .qrcode span{
            text-align: center;
            font-size: 16px;
            color: #4e4e4e;
            padding-top: 10px;
        }
    /*****按医院*******/
        .crumb{
            width:100%;
            padding:20px 0 20px 20px;
            box-sizing: border-box;
        }
        .crumb .crumb-bold{
            font-weight: 700;
            color: #303133;
        }
        .crumb .crumb-bold:hover{
            color: #3878f8;
        }
        .crumb span,.crumb a{
            color: #606266;
            margin-right: 10px;
            font-size: 20px
        }
        .crumb i{
            margin-right: 10px;
            font-size: 18px;
            color: #c0c4cc;
        }
        .screen{
            width:1200px;
            height:auto;
            overflow: hidden;
            background: #f6f7fa;
            padding:25px 0;
            margin: 0 10px;
            border-radius: 4px;
        }
        .screen .cur{
            color: #3878f8 !important;
        }
        .screen .screen-row{
            padding:0 20px;
            overflow: hidden;
        }
        .screen .screen-row .screen-title{
            height:56px;
            width:120px;
            text-align: left;
            font-size: 20px;
            font-family: MicrosoftYaHei;
            color: #696d76;
            line-height: 56px;
            float: left;
        }
        .screen .screen-row .screen-factor{
            float: left;
            width:950px;
            overflow: hidden;
        }
        .screen .screen-row .screen-factor a{
            display: block;
            width: 135px;
            height: 56px;
            float: left;
            line-height: 56px;
            text-align: left;
            overflow: hidden;
            text-overflow:ellipsis;
            white-space:nowrap;
            font-size: 20px;
            font-family: MicrosoftYaHei;
            color: #222;
        }
        .screen .screen-row .screen-pack{
            float: left;
            width:75px;
            height:26px;
            background: #e7effe;
            border-radius: 4px;
            margin-left: 10px;
            margin-top: 15px;
            cursor: pointer;
        }
        .screen .screen-row .screen-pack span{
            font-size: 16px;
            line-height: 26px;
            margin-left: 6px;
            font-family: MicrosoftYaHei;
            color: #3878f8;
        }
        .screen .screen-row .screen-pack img{
            width:22px;
            height:20px;
        }
        .hospitallist{
            width:1200px;
            height:auto;
            padding: 0 10px;
            overflow: hidden;
            padding: 30px 10px;
        }
        .hospitallist .hoscard:hover{
            box-shadow: 0 2px 12px 2px rgba(0,0,0,.1);
        }
        .hospitallist .hoscard{
            width:285px;
            height:350px;
            margin-bottom: 10px;
            border-radius: 4px;
            overflow: hidden;
            float: left;
            margin-right: 20px;
        }
        .hospitallist .hoscard .hos-img{
            width:285px;
            height:212px;
            overflow: hidden;
        }
        .hospitallist .hoscard:hover .hos-img .hos-imgbox{
            width:303px;
            height:212px;
        }
        .hospitallist .hoscard .hos-img .hos-imgbox{
            width:285px;
            height:202px;
            flex-shrink:0;
            transition:0.3s;
        }
        .hospitallist .hoscard .hos-img img{
            width:100%;
            height:auto;
        }
        .hospitallist .hoscard .hos-name{
            margin-top: 14px;
            height: 30px;
            overflow: hidden;
            text-overflow: ellipsis;
            white-space: nowrap;
        }
        .hospitallist .hoscard .hos-name span{
            margin-left: 10px;
            font-size: 16px;
            font-family: MicrosoftYaHei;
            color: #222;
            line-height: 30px;
            text-align: left;
        }
        .hospitallist .hoscard:hover .hos-name span{
            color: #3878f8;
        }
        .hospitallist .hoscard .hos-tag{
            height: 30px;
            margin-top: 6px;
            overflow: hidden;
        }
        .hospitallist .hoscard .hos-tag span{
            display: block;
            float: left;
            width: 55px;
            padding:0 5px;
            height: 22px;
            line-height: 22px;
            font-size: 12px;
            font-family: MicrosoftYaHei;
            color: #3878f8;
            text-align: center;
            font-size: 13px;
            border-radius: 2px;
            border: 1px solid #3878f8;
            margin-left: 10px;
            margin-top: 6px;
            overflow: hidden;
            text-overflow: ellipsis;
            white-space: nowrap;
        }
        .hospitallist .hoscard .hos-address{
            height: 30px;
            margin-top: 10px;
        }
        .hospitallist .hoscard .hos-address img{
            width: 24px;height: 24px;margin-left: 10px;
            float: left;
        }
        .hospitallist .hoscard .hos-address span{
            display: block;
            float: left;
            width: 250px;
            height: 24px;
            padding-left: 3px;
            font-size: 14px;
            font-family: MicrosoftYaHei;
            color: #9ca2ae;
            line-height: 24px;
            overflow: hidden;
            text-overflow: ellipsis;
            white-space: nowrap;
        }
    /*****医院详情页***********/
        .hos-detailbox img{
            width: 240px;height:170px;
            object-fit: cover;
            margin-left: 20px;
        }
        .hos-detailbox .hos-detail{
            width:617px;
            height: 160px;
            margin-right: 20px;
        }
        .hos-detailbox .hos-detail .hos-name{
            font-size: 24px;
            font-family: MicrosoftYaHei-Bold,MicrosoftYaHei;
            font-weight: 700;
            color: #222;
            margin-bottom: 12px;
        }
        .hos-detailbox .hos-detail .hos-tag{
            height: 30px;
            overflow: hidden;
            margin-bottom: 10px;
        }
        .hos-detailbox .hos-detail .hos-tag span{
            display: block;
            float: left;
            width: 55px;
            padding:0 5px;
            height: 22px;
            line-height: 22px;
            font-size: 12px;
            font-family: MicrosoftYaHei;
            color: #3878f8;
            text-align: center;
            font-size: 13px;
            border-radius: 2px;
            border: 1px solid #3878f8;
            margin-right: 10px;
            margin-top: 6px;
            overflow: hidden;
            text-overflow: ellipsis;
            white-space: nowrap;
        }
        .hos-detailbox .hos-detail .hos-tel,.hos-detailbox .hos-detail .hos-addr{
            width:100%;
            color: #696d76;
            margin-bottom: 10px;
            font-size: 18px;
            line-height: 24px;
            font-family: MicrosoftYaHei;
        }
        .hos-detailbox .hos-detail .hos-addr{
            height:50px;
        }
        .hos-detailbox .hos-detail .hos-tel span,.hos-detailbox .hos-detail .hos-addr span{
            word-break: break-all;
            line-height: 24px;
        }
        .hos-detailbox .hos-detail .hos-tel{
            white-space: nowrap;
            text-overflow: ellipsis;
            overflow: hidden;
        }
        .hos-detailbox .hos-detail .hos-addr{
            display: -webkit-box;
            -webkit-box-orient: vertical;
            -webkit-line-clamp: 2;
            overflow: hidden;
        }
        .hos-detailbox .hos-star{
            color: #3878f8;
            width: 180px;
            height: 104px;
            border-radius: 10px;
            border: 1px solid #3878f8;
            background: #fff;
            padding-top: 14px;
            box-sizing: border-box;
            margin-right: 50px;
        }
        .hos-detailbox .hos-star .hos-startime{
            font-size: 26px;
            color: #3878f8;
            text-align: center;
            font-family: MicrosoftYaHei!important;
        }
        .hos-detailbox .hos-star .hos-opentime{
            font-weight: 700;
            font-size: 30px;
            color: #3878f8;
            text-align: center;
            font-family: MicrosoftYaHei!important;
        }
        .hos-body{
            overflow: hidden;
            margin-top: 20px;
            margin-bottom: 20px;
        }
        .hos-content{
            width:872px;
            float:left;
        }
        .hos-content .hos-msg,.hos-content .hos-doctors{
            width:100%;
        }
        .hos-content .hos-msg .hos-prop{
            width: 100%;
            border-bottom: 1px solid #ebf1fe;
            overflow: hidden;
        }
        .hos-content .hos-msg .hos-prop .tab-nav-item{
            display:block;
            float: left;
            width:117px;height:46px;
            font-size: 20px;
            font-family: MicrosoftYaHei;
            color: #222;
            margin-right: 80px;
            cursor: pointer;
            line-height: 46px;
            text-align: center;
        }
        .hos-content .hos-msg .hos-prop .tab-nav-item:hover{
            color: #3878f8;
            font-weight: bold;
            background: rgba(56,120,248,.1);
            border-radius: 4px 4px 0 0;
        }
        .hos-content .hos-msg .hos-prop .cur{
            color: #3878f8;
            font-weight: bold;
            background: rgba(56,120,248,.1);
            border-radius: 4px 4px 0 0;
        }
        .hos-prop-content{
            width:100%;
            height: auto;
        }
        .hos-prop-content .showall{
            margin-left: 780px;
            margin-top: 15px;
        }
        .tab-content-item{
            display:none;
        }
        .hos-content .hos-msg .hos-introduction{
            padding: 10px 20px;
            line-height: 32px;
            font-size: 18px;
        }
        .hos-content .process-title{
            font-size: 18px;
            font-weight: 700;
            margin: 8px 0;
        }
        .hos-content .process-img{
            width: 552px;
            height: 32px;
            margin-bottom:15px;
        }
        .hos-content .rule-row{
            margin-top: 14px;
        }
        .hos-content .rule-row span{
            line-height: 32px;
            font-size: 18px;
        }
        .hos-content .rule-row img{
            width: 12px;
            height: 12px;
        }
        .hos-content .map{
            width:100%;
            height: 500px;
        }
        .hos-content .hos-addr{
            margin-top: 24px;
            width: 100%;
            color: #696d76;
            margin-bottom: 10px;
            font-size: 18px;
            line-height: 24px;
            font-family: MicrosoftYaHei;
        }
        .hos-content .hos-addr span{
            color: #333;
        }
        .hos-content .hos-doctors .hos-nav{
            width:100%;height:48px;
            margin-top: 10px;
        }
        .hos-content .hos-doctors .hos-nav .tab-nav-item{
            display: block;
            width: 108px;
            height: 48px;
            float: left;
            border-radius: 4px;
            font-size: 18px;
            text-align: center;
            line-height: 48px;
            font-family: MicrosoftYaHei-Bold,MicrosoftYaHei;
            font-weight: 700;
            cursor: pointer;
        }
        .hos-content .hos-doctors .hos-nav .cur{
            background: #3878f8;
            color: #fff;
        }
        .hos-content .hos-doctors .hos-prop-docbox{
            margin-top: 20px;
        }
        .hos-content .hos-doctors .hos-prop-docbox .hos-doc-screen{
            width:100%;
            height:auto;
            overflow: hidden;
            background: #f6f7fa;
            padding:25px 0;
            border-radius: 4px;
        }
        .hos-content .hos-doctors .hos-prop-docbox .hos-doc-screen-row{
            width: 100%;
            /*height:30px;*/
            margin: 15px 0;
        }
        .hos-content .hos-doctors .hos-prop-docbox .hos-doctorlist{
            width: 100%;
            height: auto;
            overflow: hidden;
        }
        .hos-content .hos-doctors .hos-prop-docbox .hos-doc-screen-tip{
            height: 30px;
            width: 120px;
            font-size: 14px;
            font-family: MicrosoftYaHei-Bold,MicrosoftYaHei;
            font-weight: 700;
            color: #333;
            text-align: center;
            display: inline-block;
            line-height: 30px;
        }
        .hos-content .hos-doctors .hos-prop-docbox .hos-doc-screen-factor{
            height: 30px;
            width: 710px;
            overflow: hidden;
        }
        .hos-content .hos-doctors .hos-prop-docbox .hos-doc-screen-factor a{
            font-size: 15px;
            padding: 5px;
            margin-right: 26px;
        }
        .hos-content .hos-doctors .hos-prop-docbox .hos-doc-screen-factor .cur,.hos-content .hos-doctors .hos-prop-docbox .hos-doc-screen-factor a:hover{
            background: #3878f8;
            color: #fff;
            border-radius: 4px;
        }
        .hos-content .hos-doctors .hos-prop-docbox .hos-doc-screen-pack{
            width: 75px;
            height: 26px;
            margin-right: 10px;
        }
        .hos-content .hos-doctors .hos-prop-docbox .doctorcard {
            width:424px;
        }
        .hos-recommend{
            width:286px;
            float: right;
        }
        .hos-recommend-block{
            width:286px;
            height:auto;
            margin-bottom: 20px;
        }
        .hos-recommend-block .hos-recommend-title{
            width: 286px;
            height: 55px;
            line-height: 55px;
            background: rgba(56,120,248,.6);
            color: #fff;
            padding: 0 22px;
            box-sizing: border-box;
            font-size: 22px;
            text-align: center!important;
        }
        .hos-recommend-block .hos-recommend-box{
            border-left: 1px solid #e5e5e5;
            border-right: 1px solid #e5e5e5;
            border-bottom: 1px solid #e5e5e5;
            padding: 0 20px 10px 20px;
            overflow: hidden;
        }
        .hos-recommend-box .recommend-hospital{
            height: 100px;
        }
        .hos-recommend-box .recommend-doctor{
            height: 126px;
        }
        .hos-recommend .hos-recommend-block .hos-recommend-box .recommend-doctor .recommend-doctorimg{
            width: 86px;
            height: 86px;
        }
        .hos-recommend .hos-recommend-block .hos-recommend-box .recommend-hospital .recommend-hospitalimg{
            width: 86px;
            height: 60px;
        }
        .hos-recommend .hos-recommend-block .hos-recommend-box .recommend-hospitalimg img,.hos-recommend .hos-recommend-block .hos-recommend-box .recommend-doctorimg img{
            width:100%;height:100%;
        }
        .hos-recommend .hos-recommend-block .hos-recommend-box .recommend-hospital .recommend-hospitaldetail{
            width: 145px;
            height: 60px;
            flex-direction:column;
        }
        .hos-recommend .hos-recommend-block .hos-recommend-box .recommend-doctor .recommend-doctordetail{
            width: 145px;
            height: 86px;
            flex-direction:column;
        }
        .hos-recommend .hos-recommend-block .hos-recommend-box .recommend-hospital .recommend-hospitalname{
            font-size: 12px;
            color: #666;
            font-weight: 700;
            line-height: 16px;
            width: 142px;
            position: relative;
            top: -2px;
        }
        .hos-recommend .hos-recommend-block .hos-recommend-box .recommend-hospital .recommend-hospitaltag span{
            line-height: 14px;
            border-radius: 12px;
            color: #3878f8;
            border: 1px solid #3878f8;
            padding: 0 8px;
            font-size: 8px;
        }
        .hos-recommend .hos-recommend-block .hos-recommend-box .recommend-hospital .recommend-hospitaltag2 span{
            line-height: 14px;
            border-radius: 12px;
            color: #ff7268;
            border: 1px solid #ff7268;
            padding: 0 8px;
            font-size: 8px;
        }
        .hos-recommend .hos-recommend-block .hos-recommend-box .recommend-doctor .recommend-doctorname{
            color: #666;
            font-size: 12px;
            display: flex;
            align-items: flex-end;
            position: relative;
            bottom: 6px;
            font-weight: 700;
        }
        .hos-recommend .hos-recommend-block .hos-recommend-box .recommend-doctor .recommend-doctorname span{
            font-size: 18px;
            font-weight: 700;
            padding-right: 10px;
        }
        .hos-recommend .hos-recommend-block .hos-recommend-box .recommend-doctor .recommend-doctorhos,.hos-recommend .hos-recommend-block .hos-recommend-box .recommend-doctor .recommend-doctordepart{
            font-size: 10px;
            color: #666;
            line-height: 14px;
            margin: 4px 0 0;
            font-family: MicrosoftYaHei;
        }
        .hos-recommend .hos-recommend-block .hos-recommend-box .recommend-doctor .recommend-doctorres{
            line-height: 20px;
            text-align: center;
            font-size: 12px;
            color: #fff;
            width: 140px;
            height: 20px;
            background: rgba(56,120,248,.8);
            border-radius: 4px;
            margin-top: 6px;
        }
    /*****医生详情页**************/
        .crumb2{
            background: #fff;
            margin-top: 20px;
            padding: 10px 20px;
            border-radius: 5px;
        }
        .crumb2 *{
            color:#222222;
        }

        .pagebody{
            width:100%;
            height:auto;
            overflow: hidden;
            background: #F6F7FA;
        }
        .doctorbox{
            width:100%;
            height:auto;
            overflow: hidden;
            background: url(../images/bordorbg.png) center center no-repeat;
            margin-top: 20px;
            /*background-size: 115%;*/
        }
        .doctordetailbox{
            width:1200px;
            box-sizing: border-box;
            height:auto;
            padding:35px 0;
            position: relative;
            margin:0 auto;
            overflow: hidden;
        }
        .doctordetailbox_l{
            width:150px;
            height:150px;
            float: left;
        }
        .doctordetailbox_l img{
            width:100%;
            height: 100%;
            object-fit: cover;
            border-radius: 50%;
            border:4px solid #fff;
        }
        .doctordetailbox_r{
            width:700px;
            height:150px;
            float: left;
            margin-left: 50px;
        }
        .doctordetailbox_r div{
            margin:15px 0;
        }
        .boxpadd20{
            padding:20px;
            box-sizing: border-box;
            background:#fff;
            margin-top:20px;
            border-radius: 5px;
        }
        .jianjie,.shanchang{
            width:100%;
            height:auto;
            overflow: hidden;
        }
        .jianjie p,.shanchang p{
            font-size: 14px;
            line-height: 30px;
            color:#696D76;
        }
        .jianjie i{
            padding-left: 40px;
            background: url(../images/jianjie.png) no-repeat 0px 3px; 
            background-size: 33px;
        }
        .shanchang i{
            padding-left: 40px;
            background: url(../images/shanchang.png) no-repeat 0px 3px; 
            background-size: 33px;
        }
        .showmore{
            padding:3px 25px 3px 10px;
            color: #3878f8;
            font-size: 14px;
            line-height: 30px;
            margin-left: 10px;
            background: url(../images/showmore.png) no-repeat 42px 9px #E2F8F8; 
            background-size: 14px;
            cursor: pointer;
        }
        #shanchang,#jianjie{
            display:none;
        }
        .docvideomore{
            font-size: 14px;
            padding-right: 20px;
            color: #3878f8;
            background: url(../images/showmore.png) no-repeat right center;
            background-size: 15px;
        }
        .box-title{
            height:30px;
            width:60%;
            padding:10px 0;
        }
        .box-title .titletxt{
            font-size: 22px;
            font-weight: bold;
            color: #222222;
        }
        .box-title .titletxt font{
            color: #3878f8;
        }
        .box-title .titletip{
            font-size: 14px;
            color: #999999;
            margin-left: 10px;
        }
        .hos-title-nav{
            height:auto;
            width: 100%;
            padding: 10px 0;
            overflow: hidden;
            margin-top: 15px;
        }
        .title-nav span{
            padding: 5px 20px;
            border:1px solid #999999;
            color: #999999;
            background: #fff;
            border-radius: 20px;
            margin-right: 20px;
            cursor: pointer
        }
        .title-nav span.cur{
            border:1px solid #3878f8;
            color: #fff;
            background: #3878f8;
        }
        .hos-title-nav table{
            width:100%;
            height:50px;
            border-collapse: collapse;
        }
        table,td,tr{border: 1px solid #C9CDD5;}
        .hos-title-nav table td{
            text-align: center;
            padding:15px 0;
            color: #222222;
        }
        .thead{
            background: #F6F7FA;
            color: #000;
            font-weight: bold;
        }
        .hos-title-nav table .hassource font{
            color: #E94A3F;
        }
        .hos-title-nav table .hassource a{
            color: #3878f8;
        }
        .center-row{
            height:auto;
            padding:10px;
            margin:10px auto;
            overflow: hidden;
        }
        .weekprev{
            width:90px;
            text-align: center;
            line-height: 30px;
            float: left;
            font-size: 16px;
        }
        .weeknext{
            width:90px;
            text-align: center;
            line-height: 30px;
            float: right;
            font-size: 16px;
        }
        .hasdata{
            color:#3878f8;
            cursor: pointer
        }
        .guahao5site{
            width:300px;
        }
        .guahao5site p{
            text-align: center;
            font-size: 20px;
            font-weight: bold;
        }
        .guahao5site p font{
            color: #3878f8;
        }
        .guahaoicon{
            width: 10%;
            height:40px;
            background-size: 100% !important;
            padding-top: 110px;
            font-size: 12px;
            line-height: 40px;
            text-align: center;
            color: #222222;
        }
        .guahaoicon2{
            width: 50px;
            height:30px;
            background: url(../images/guahaodirection.png) no-repeat 0 center;
            background-size: 100%;
        }
        .other-doc{
            width:32%;
            padding:20px 15px;
            box-sizing: border-box;
            height:325px;
            background: #fff;
            border-radius: 10px;
            font-size: 14px;
            line-height: 26px;
        }
        .other-doc img{
            width:80px;
            height:80px;
            border-radius: 50%;
        }
        .other-doc .other-doc-name{
            margin-top: 10px;
        }
        .other-doc .other-doc-name strong{
            font-size: 16px;
            color: #222222;
        }
        .other-doc .other-doc-hos{
            color: #222222;
        }
        .other-doc .other-doc-desc{
            color: #696D76;
            font-size: 12px;
            margin-top: 10px
        }
        .other-doc .other-doc-but{
            padding:3px 10px;
            background: #3878f8;
            color: #fff;
            border-radius: 5px;
            margin-top: 20px;
        }
        .dochosdesc{
            width:100%;
            height:auto;
            overflow: hidden;
        }
        .dochosdesc p{
            color: #222222;
            line-height: 30px;
        }
        .dochosdesc p span{
            font-weight: bold;
        }

        .videocard:hover{
            box-shadow: 0 2px 12px 2px rgba(0,0,0,.1);
        }
        .videocard{
            width:280px;
            height:270px;
            float: left;
            margin-right: 26px;
            margin-bottom: 26px;
            background: #fff;
            border-radius: 5px;
        }
        .videocard .videoele{
            width:100%;
            height: 157px;
            position: relative;
        }
        .videocard .videoele .videopic{
            position: absolute;
            top:0;left:0;
            width:100%;
            height: 157px;
            object-fit: cover;
            z-index: 1;
        }
        .videocard .videoele .videoplay{
            width:40px;
            height: 40px;
            object-fit: cover;
            margin-top:55px;
            margin-left:110px;
            position: relative;
            z-index: 2;
        }
        .videocard .videoele .videotime{
            padding:3px 10px;
            background: rgba(0, 0, 0, 0.4);
            border-radius: 15px;
            position: absolute;
            right: 10px;
            bottom: 10px;
            color: #fff;
            z-index: 2;
        }
        .videocard .videotitle{
            width:100%;
            padding:10px;
            box-sizing: border-box;
            height:50px;
            margin-top: 10px;
        }
        .videocard .videotitle span{
            font-size: 14px;
            line-height: 22px;
        }
        .videocard .videodocdata{
            padding:0 10px;
            width:100%;
            box-sizing: border-box;
            height:50px;
        }
        .videocard .videodocdata img{
            width:30px;
            height:30px;
            border-radius: 50%;
        }
        .videocard .videodocdata span{
            margin-left: 5px;
            color: #6A6A6A;
        }

        .doctordetailbox_r .docname{
            font-size: 20px;
            line-height: 22px;
            margin-right: 7px;
            color: #222222;
            font-weight: bold;
        }
        .doctordetailbox_r .doctitle{
            font-size: 14px;
            line-height: 16px;
            margin-right: 7px;
            color: #222222;
            font-weight: bold;
        }
        .doctordetailbox_r .doczizhi{
            font-size: 12px;
            padding:0px 8px;
            border:1px solid #3878f8;
            color:#3878f8;
            border-radius: 10px;
            margin-right: 7px;
        }
        .doctordetailbox_r .docduodian{
            font-size: 12px;
            padding:0px 8px;
            border:1px solid #6598EB;
            color:#6598EB;
            border-radius: 10px;
            margin-right: 7px;
        }
        .doctordetailbox_r .dochosptal{
            font-size: 14px;
            line-height: 16px;
            margin-right: 7px;
            color: #222222;
        }
        .hossort{
            width:115px;
            background: url(../images/paiming-icon.png) 10px center no-repeat #FFF6EB;
            background-size: 16px;
            padding:3px 0 3px 35px !important;
            color: #B08956;
            font-size: 14px;
        }
        .docjingxuan{
            width:75px;
            background: url(../images/jingxuan-icon.png) 10px center no-repeat #FFF;
            background-size: 14px;
            padding:3px 0 3px 35px !important;
            color: #666666;
            font-size: 14px;
        }
        .docyuyuenum{
            width:200px;
            text-align: center;
            height: 60px;
            position: absolute;
            right: 0px;
            top: 60px;
        }
        .docyuyuenum div{
            font-size: 26px;
            color: #3878f8;
            text-align: center;
            font-weight: bold;
        }
        .docyuyuenum span{
            font-size: 14px;
            color: #222222;
            text-align: center;
        }
        .doctor-detailbox{
            background: linear-gradient(180deg,hsla(0,0%,100%,.2),#d7ebff);
            border-radius: 4px;
            padding: 20px 20px 26px 20px;
            width: 1160px !important;
            color: #696d76;
            margin-bottom: 30px;
        }
        .doctor-detailbox img{
            width: 230px;
            height: 230px;
            border-radius: 4px;
            object-fit: cover;
        }
        .doctor-detail{
            width:905px;
            position: relative;
            height: auto;
            overflow: hidden;
        }
        .doctor-detail .doctor-name{
            font-size: 20px;
        }
        .doctor-detail .doctor-name span{
            font-size: 24px;
            font-weight: 700;
            padding-right: 14px;
        }
        .doctor-detail .doctor-hospital{
            margin-top: 10px;
        }
        .doctor-detail .doctor-hospital a{
            font-size: 18px;
            color: #3878f8;
            padding-right: 20px;
        }
        .doctor-detail .doctor-home{
            width: 132px;
            height: 38px;
            line-height: 38px;
            text-align: center;
            background: rgba(56,120,248,.8);
            border-radius: 4px;
            font-size: 18px;
            color: #fff;
            position: absolute;
            top: 43px;
            right: 44px;
        }
        .doctor-detail .doctor-home span,.doctor-detail .doctor-home i{
            color:#fff;
        }
        .doctor-illness{
            width: 760px;
            height: auto;
            margin-top: 15px;
        }
        .doctor-detail .doctor-attr-tip{
            font-weight: 700;
        }
        .doctor-illness a{
            display: inline-block;
            height: 26px;
            line-height: 26px;
            text-align: center;
            box-shadow: 0 1px 16px 0 hsla(0,0%,100%,.3);
            border-radius: 13px;
            border: 1px solid #3878f8;
            padding: 0 20px;
            margin: 0 10px 10px 0;
            font-size: 15px;
            color: #3878f8;
        }
        .doctor-desc{
            margin-top: 10px;
        }
        .doctor-desc span{
            line-height: 32px;
            color: #696d76;
        }
        .doctor-desc .openall{
            padding: 2px 26px 4px 10px;
            font-size: 16px;
            font-family: MicrosoftYaHei;
            color: #3878f8;
            border-radius: 4px;
            position: relative;
            margin-left: 8px;
            cursor: pointer;
            background: url(../images/pack_down.png) no-repeat center right #e7effe;
            background-size:24px 24px;
        }
        .place{
            background: #fff;
            border-radius: 4px;
            margin-bottom: 30px;
            border: 1px solid #eee;
        }
        .place-top{
            padding:20px;
        }
        .place .place-img{
            width: 159px;
            height: 111px;
            object-fit: cover;
        }
        .place .place-hosptal{
            width: 480px;height: 111px;
        }
        .place .place-hosptal .place-hosptal-name{
            font-size: 24px;
            color: #666;
            font-weight: 700;
        }
        .place-hosptal-tag span{
            height: 24px;
            line-height: 24px;
            text-align: center;
            border-radius: 12px;
            border: 1px solid #ff7268;
            padding: 2px 8px;
            margin-right: 6px;
            color: #ff7268;
            font-size: 14px;
        }
        .place .place-handle{
            width: 140px;height: 111px;
        }
        .place .place-handle .first_license{
            display: block;
            width: 70px;
            line-height: 24px;
            text-align: center;
            border-radius: 12px;
            border: 1px solid #ff7268;
            padding: 0 8px;
            margin-right: 6px;
            color: #ff7268;
            font-size: 14px;
            font-weight: 700;
        }
        .place .place-handle .multi{
            display: block;
            width: 70px;
            line-height: 24px;
            text-align: center;
            border-radius: 12px;
            border: 1px solid #52a2ef;
            padding: 0 8px;
            margin-right: 6px;
            color: #52a2ef;
            font-size: 14px;
            font-weight: 700;
        }
        .place .place-handle .place-handle-but{
            display: block;
            width: 132px;
            height: 42px;
            line-height: 42px;
            text-align: center;
            background: #3878f8;
            box-shadow: 0 0 10px 0 rgba(82,162,239,.3);
            border-radius: 4px;
            font-size: 18px;
            color: #fff;
        }
        .place .place-handle .place-handle-full{
            display: block;
            width: 132px;
            height: 42px;
            line-height: 42px;
            text-align: center;
            background: #c2c2c2;
            box-shadow: 0 0 10px 0 rgba(194,194,194,.3);
            border-radius: 4px;
            font-size: 18px;
            color: #fff;
        }
        .place .place-handle .firstHospitalNolist{
            display: block;
            width: 384px;
            height: 42px;
            line-height: 42px;
            text-align: center;
            background: rgba(247,181,0,.1);
            box-shadow: 0 0 10px 0 rgba(194,194,194,.3);
            border-radius: 4px;
            font-size: 18px;
            color: #666;
        }
        .hospitalTable{
            border-top: 1px solid #eee;
            background: #f7fbff;
        }
        .tableBox .tableHead {
            font-weight: 700;
        }
        .tableBox .tableItem {
            font-size: 18px;
            color: #222;
            min-height: 74px;
        }
        .flexItem {
            display: flex;
            height: 74px;
            align-items: center;
            font-size: 18px;
        }
        .flexItem div:first-child {
            width: 374px;
        }
        .flexItem>div {
            width: 174px;
            height: 74px;
            line-height: 74px;
            text-align: center;
            border-right: 1px solid rgba(201,205,213,.4);
            border-bottom: 1px solid rgba(201,205,213,.4);
        }
        .showItem .btn span {
            display: inline-block;
            width: 132px;
            height: 42px;
            line-height: 42px;
            text-align: center;
            background: #3878f8;
            font-size: 18px;
            border-radius: 4px;
            margin: 4px auto;
            color: #fff;
        }
        .showItem .btn .grey {
            background: #d8d8d8;
        }
        .showItem div {
            font-size: 18px;
        }
        .moreItem{
            display: none;
        }
        .tableBottom {
            width: 100%;
            justify-content: center;
        }
        .flexItem div:last-child {
            width: 350px;
            cursor: pointer;
        }
        .tableBottom>div {
            width: 198px!important;
            height: 37px;
            line-height: 37px;
            text-align: center;
            background: #e7effe;
            border-radius: 4px;
            color: #3878f8!important;
            border: none!important;
            cursor: pointer;
        }
        .hide{display: none;}
    /*****搜索页********/
        .search-result{
            width: 1200px;
            margin: 30px auto;
            height: 33px;
            line-height: 33px;
            background: #f6f7fa;
            padding: 0 20px;
            font-size: 12px;
            color: #999;
            text-align: left;
            box-sizing: border-box;
        }
        .hos-key{
            display: inline-block;
            font-weight: 700;
            max-width: 90px;
            overflow: hidden;
            color: #fff;
        }
        .result-row{
            width:100%;
            height:135px;
            margin-bottom: 30px;
        }
        .result-row .result-doc-data{
            width: 100%;
            height:60px;
        }
        .result-row .result-doc-data img{
            object-fit: cover;
            width:60px;
            height:60px;
        }
        .result-row .result-doc-data .result-doc{
            width:620px;
            height:60px;
        }
        .result-row .result-doc-data .result-doc .result-doc-name span{
            font-size: 22px;
            color: #333;
            font-weight: 700;
            padding-right: 10px;
        }
        .result-row .result-doc-data .result-doc .result-doc-name .result-doc-title{
            font-size: 20px;
            color: #666;
        }
        .result-row .result-doc-data .result-doc-hos span{
            font-size: 18px;
            color: #666;
        }
        .result-row .result-doc-data .result-doc-but{
            width: 120px;
            height: 36px;
            line-height: 36px;
            background: #3878f8;
            border-radius: 2px;
            font-size: 18px;
            color: #fff;
            text-align: center;
            margin-right: 40px;
        }
        .result-row .result-desc{
            width: 100%;
            height: 62px;
            background: #f6f7fa;
            font-size: 14px;
            color: #333;
            line-height: 21px;
            padding: 10px;
            box-sizing: border-box;
            text-align: left;
            margin-top: 10px;
        }
    /*****个人中心************/
        .centerbox{
            width:100%;
            height:auto;
            overflow: hidden;
            background: #f6f7fa;
            padding:30px 0 50px 0;
        }
        .centerbox .center-crumb{
            margin: 0 auto;height:auto;
            padding:20px 0 20px 10px;
            background: #fff;
            border-radius: 4px;
            width: 1200px !important;
        }
        .centerbox .center-crumb .crumb-bold{
            font-weight: 700;
            color: #303133;
        }
        .centerbox .center-crumb .crumb-bold:hover{
            color: #3878f8;
        }
        .centerbox .center-crumb span,.center-crumb a{
            color: #606266;
            margin-left: 10px;
            font-size: 17px
        }
        .centerbox .center-crumb i{
            margin-left: 10px;
            font-size: 18px;
            color: #c0c4cc;
        }
        .section-row{
            padding:30px 0;
        }
        .section-row .section-handle{
            height:24px;
            width:120px;
            cursor: pointer;
        }
        .section-row .section{
            font-size: 24px;
            color: #222;
            font-weight: 700;
            margin-right: 20px;
        }
        .section-row .section-handle span{
            font-size: 18px;
            font-family: MicrosoftYaHei;
            color: #3878f8;
        }
        .section-row .section-handle img{
            width: 20px;height: 20px;
            margin-left: 5px;
        }
        .center-phone span{
            font-size: 22px;
            text-align: left;
        }
        .center-patientbox{
            overflow: hidden;
        }
        .center-patientbox .center-patient{
            width: 390px;
            height: 170px;
            float: left;
            background: #fff;
            border-radius: 4px;
            margin-right: 15px;
            box-sizing: border-box;
            margin-bottom: 15px;
            cursor: pointer;
            border: 1px solid #eee;
            position: relative;
        }
        .center-patientbox .center-patient .center-patient-selected{
            width: 28px;
            height: 28px;
            position: absolute;top:120px;right: 12px;
        }
        .center-patientbox .center-patient:hover{
            border: 1px solid #3878f8;
        }
        .center-patient .center-patient-msg,.center-patient .center-patient-data{
            width:360px;
            margin: 0 auto;
        }
        .center-patient .center-patient-msg{
            margin-bottom: 10px;
            border-bottom: 1px solid #e9ebee;
        }
        .center-patient .center-patient-msg span,.center-patient .center-patient-data span{
            font-size: 20px;
            line-height: 50px;
        }
        .center-patient .center-patient-data span{
            line-height: 40px;
        }
        .center-patient .center-patient-msg .center-patient-relation{
            color: #696d76;
        }
        .center-patient .center-patient-msg .center-patient-edit{
            font-size: 18px;
            color: #3878f8;
        }
        .center-patient .center-patient-msg .center-patient-supplement{
            font-size: 18px;
            color: #ff9139;
        }
        .center-patient .center-patient-data .center-patient-add{
            margin-left: 10px;
        }
        .center-order{
            width: 1200px;
            background: #fff;
            border-radius: 8px;
            padding: 20px;
            margin-bottom: 20px;
            box-sizing: border-box;
            align-items: center;
            line-height: 36px;
            border: 1px solid #eee;
        }
        .center-order .center-order-hos,.center-order .center-order-people,.center-order .center-order-status{
            width: 325px;
            height: 108px;
        }
        .center-order .center-order-hos span,.center-order .center-order-people span,.center-order .center-order-status span{
            width: 325px;
            text-align: left;
            color: #222;
            font-size: 18px;
            line-height: 36px;
            overflow: hidden;
            white-space: nowrap;
            text-overflow: ellipsis;
        }
        .center-order .center-order-status span{
            text-align: right;
        }
        .center-order .center-order-status .orderCancel{
            color: #696d76;
            font-weight: 700;
        }
        .center-order .center-order-status .orderSuccess{
            color: #5FB878;
            font-weight: 700;
        }
        .center-order .center-order-status .orderFinish{
            color: #009688;
            font-weight: 700;
        }
        .patient-card-bg{
            display:none;
            width: 100%;
            height: 100%;
            position: fixed;
            top: 0;
            left: 0;
            background: rgba(0,0,0,.5);
            z-index: 110;
        }
        .patient-card{
            width: 566px;
            height: 660px;
            background: #fff;
            border-radius: 4px;
            margin: 10% auto 0 auto;
            z-index: 999;
            font-size: 18px;
        }
        .patient-card .patient-card-head{
            height: 74px;
            background: #3878f8;
            border-radius: 4px 4px 0 0;
            padding: 0 20px;
        }
        .patient-card .patient-card-head .patient-card-title{
            font-size: 24px;
            color: #fff;
        }
        .patient-card .patient-card-head .patient-card-close{
            height: 42px;width: 42px;
            cursor: pointer;
        }
        .patient-card .patient-card-body{
            height:auto;
            padding: 50px 60px 10px 40px;
        }
        .patient-card .patient-card-body .patient-card-row{
            height: 40px;margin-bottom: 22px;
        }
        .patient-card .patient-card-body .patient-card-field{
            text-align: right;
            vertical-align: middle;
            float: left;
            font-size: 18px;
            color: #606266;
            line-height: 40px;
            width: 100px;height: 40px;
        }
        .patient-card .patient-card-body .patient-card-value{
            float: left;
            height: 40px;
            width: 320px;
            border-radius: 4px;
            border: 1px solid #dcdfe6;
            /*box-sizing: border-box;*/
            padding: 0 15px;
            transition: border-color .2s cubic-bezier(.645,.045,.355,1);
            margin-left: 12px;
            position: relative;
        }
        .patient-card .patient-card-body .err{
            border-color: #f56c6c;
        }
        .patient-card .patient-card-body .patient-card-value .patient-card-err{
            display: none;
        }
        .patient-card .patient-card-body .err .patient-card-err{
            display: block;
            height: 40px;
            width: 320px;
            color: #f56c6c;
            font-size: 12px;
            line-height: 1;
            padding-top: 4px;
            position: absolute;
            top: 100%;
            left: 0;
        }
        .patient-card .patient-card-body .patient-card-value .textinput{
            -webkit-appearance: none;
            background-color: #fff;
            background-image: none;
            font-size: 14px;
            outline: 0;
            height: 40px;
            line-height: 40px;
            color: #606266;
            width: 100%;
        }
        .patient-card .patient-card-body .patient-card-value i{
            position: absolute;top:13px;right: 10px;
            color: #c0c4cc;
            font-size: 14px;
            cursor: pointer;
            transition: transform .3s;
            transform: rotate(0deg);
        }
        .patient-card .patient-card-body .patient-card-value .icon{
            transform: rotate(180deg);
        }
        .patient-card .patient-card-body .patient-card-value .checkbox{
            width: 20px;height: 20px;margin-right: 10px;
        }
        .patient-card .patient-card-body .patient-card-value .setdefault{
            font-size: 18px;
            text-align: left;
        }
        .patient-card .patient-card-body .patient-card-value .patient-card-cancel{
            float: left;
            margin-right: 10px;
            width: 156px;
            height: 40px;
            background: #c9cdd5;
            line-height: 40px;
            text-align: center;
            border-radius: 4px;
            font-size: 20px;
            color: #fff;
            cursor: pointer;
        }
        .patient-card .patient-card-body .patient-card-value .patient-card-submit{
            float: left;
            margin-right: 10px;
            background: #3878f8;
            width: 156px;
            height: 40px;
            line-height: 40px;
            text-align: center;
            border-radius: 4px;
            font-size: 20px;
            color: #fff;
            cursor: pointer;
        }
        .patient-card  .option{
            left:0 !important;
            top:45px !important;
            width:312px !important;
        }

    /****订单详情****/
        .order-status{
            width:1200px;
            height:auto;
            margin: 0 auto;
        }
        .order-status .cancel{
            font-size: 40px;
            margin: 0 10px;
            color: #3878f8;
        }
        .order-status .success{
            font-size: 40px;
            margin: 0 10px;
            color: #5FB878;
        }
        .order-status .finish{
            font-size: 40px;
            margin: 0 10px;
            color: #3878f8;
        }
        .order-status span{
            font-size: 24px;
            font-weight: 700;
            color: #222;
        }
        .order-info{
            width: 1200px;
            height:auto;
            padding: 20px 0;
            margin: 20px auto;
            background: #fff;
            border-radius: 4px;
        }
        .order-info .order-info-row{
            height:24px;
            margin: 12px 0;
        }
        .order-info .order-info-rowl{
            width:120px;
            height:24px;
            font-size: 18px;
            color: #9ca2ae;
            text-align: right;
            margin-right: 30px;
            float: left;
        }
        .order-info .order-info-rowr{
            width:1000px;
            height:24px;
            float: left;
            color: #222;
            font-size: 18px;
        }
        .order-info .price{
            color:#ff9139 !important;
        }
        .order-tip h3{
            margin:20px auto;
            font-weight: 700;
            font-size: 18px;
        }
        .order-tip p{
            color: #696d76;
            line-height: 32px;
            font-size: 18px;
        }

        .dutybox{
            height:auto;
            overflow: hidden;
            margin: 0 auto;
            padding: 20px 0 20px 10px;
            background: #fff;
            border-radius: 4px;
            width: 1200px !important;
        }
        .dutybox .doctordata{
            width:50%;
            float: left;
        }
        .dutybox .dutydata{
            width:45%;
            float: right;
            height:90px;
            margin-top:17px;
        }
        .dutybox .doctordata .doctor-avatar{
            width:114px;
            height:114px;
            float: left;
            margin-right: 20px;
        }
        .dutybox .doctordata .doctor-avatar img{
            width:100%;
            height:100%;
        }
        .dutybox .doctordata .doctor-hospital{
            width:300px;
            height:114px;
            float: left;
        }
        .dutybox span{
            font-size: 18px;
        }
        .appointment_button{
            width: 300px;
            height: 64px;
            line-height: 64px;
            text-align: center;
            background: #3878f8;
            display: block;
            border-radius: 4px;
            color: #fff;
            font-size: 24px;
            margin: 62px auto;
        }
/********好医汇**********/


.pages{
    width:100%;
    color: #999;
    font-family: "微软雅黑";
    font-size: 14px;
    text-align: center;
    white-space: nowrap;
    vertical-align: middle;
    padding: 40px 0 40px 0;
}
.pages .page-item-prev {
    margin-right: 5px;
}
.pages .page-item-next {
    margin-left: 5px;
}
.pages a.current, .pages a:hover {
    background: #3878f8;
    color: #fff;
    border: 1px solid #3878f8;
}
.pages a {
    display: inline-block;
    padding: 10px 20px;
    text-align: center;
    vertical-align: top;
    margin-right: 2px;
    border: 1px solid #e5e5e5;
}

/* 20220120 */
.PPromptsHint{
    display: inline-block;
    background-color: rgba(0,0,0,0.7);
    padding:6px 22px;
    border-radius: 13px;
    display: none;
    position: absolute;
    left: 50%;
    top: 45%;
    color: #FFFFFF;
    font-size: 14px;
  }

.LabelShaft{
    padding:0px 0 10px 0px;
}
.LabelShaft a{
    font-size: 20px;
    font-family: MicrosoftYaHei;
    color: #222222;
}
.LabelShaft i{
    font-size: 20px;
    font-family: MicrosoftYaHei;
    color: #222222;
    font-style: normal;
    padding:0 10px
}
.LabelShaft span{
    font-size: 20px;
    font-family: MicrosoftYaHei;
    color: #3878f8;
    width: 29%;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    display: inline-block;
    position: relative;
    top: 5px;
}

.mfk-home-reconsitution-header{
    float:right;
    padding-top: 10px;
}

.mfk-home-reconsitution-header .doctorClient dl dt{
    width: 26px;
    height: 26px;
    background: url(https://www.mfk.com/statics/images/25G/yskhd.png) no-repeat;
    background-size: 100% 100%;
}
.mfk-home-reconsitution-header .doctorClient dl:hover dt{
    background: url(https://www.mfk.com/statics/images/25G/yskhd1.png) no-repeat;
    background-size: 100% 100%;
}
.mfk-home-reconsitution-header .mobilePhone{
    position: relative;
}
.mfk-home-reconsitution-header .mobilePhone dl dt{
    width: 21px;
    height: 26px;
    background: url(https://www.mfk.com/statics/images/25G/sjb.png) no-repeat;
    background-size: 100% 100%;
}
.mfk-home-reconsitution-header .mobilePhone dl:hover dt{
    background: url(https://www.mfk.com/statics/images/25G/sjb1.png) no-repeat;
    background-size: 100% 100%;
}
.mfk-home-reconsitution-header .personalCenter dl dt{
    width: 23px;
    height: 26px;
    background: url(https://www.mfk.com/statics/images/25G/grzx.png) no-repeat;
    background-size: 100% 100%;
}
.mfk-home-reconsitution-header .personalCenter dl:hover dt{
    background: url(https://www.mfk.com/statics/images/25G/grzx1.png) no-repeat;
    background-size: 100% 100%;
}
.mfk-home-reconsitution-header .publicDiv{
    padding-left: 50px;
}
.mfk-home-reconsitution-header .publicDiv a{
    display: block;
}
.mfk-home-reconsitution-header .publicDiv dl{
    cursor:pointer
}
.mfk-home-reconsitution-header .publicDiv dl dt{
    margin: 0 auto;
}
.mfk-home-reconsitution-header .publicDiv dl dd{
    font-size: 12px;
    color: #A9A9A9;
    text-align: center;
    padding-top: 4px;
}
.mfk-home-reconsitution-header .publicDiv dl:hover dd{
    color: #3878f8;
}

/*返回顶部*/
.gotop{  position: fixed; bottom: 150px; left: 50%; margin-left:630px; _margin-left:1500px;  _margin-top:-300px; z-index: 500; display:none;}
.gotop span{display:block; width:51px; height:51px; background:url(../images/top.jpg);}
.gotop span:hover{background:url(../images/top_hover.jpg);}


.gotopBlock{  position: fixed; bottom: 150px; left: 50%; margin-left:630px; _margin-left:1500px;  _margin-top:-300px; z-index: 500; }
.gotopBlock .imgA{
    width: 101px;
    height: 103px;
    position: relative;
    right: 24px;
    display: block;
    cursor: pointer;
}
.gotopBlock .imgA img{
    width: 100%;
    height: 100%;
} 
/*提示*/
.nodata{text-align:center; padding:10% 0;}
.nodata p{font-size:18px; padding-top:12px;}
/*===页码===*/
.page {color:#999; font-family: "微软雅黑"; font-size: 14px; text-align: center; white-space: nowrap; vertical-align:middle; padding:40px 0 0;}
.page a { display: inline-block; padding:10px 20px; text-align: center; vertical-align: top;margin-right:2px; border:1px solid #e5e5e5;}
.page a:link,.page a:visited{ background-color: #fff;color: #333;}
.page a.current,.page a:hover{background:#3878f8; color:#fff;border:1px solid #3878f8;}
.page .page-item-info { display: inline-block; font-size: 12px; line-height: 28px; margin-right: 8px; }
.page .page-item-first { margin-right: 5px; }
.page .page-item-prev { margin-right: 5px;}
.page .page-item { margin: 0 5px; }
.page .page-item-next { margin-left: 5px; }
.page .page-item-last { margin-left: 5px; }



/* 20220120 */
/* 登录 */
.mfk-Common-logo-background{
    width: 100%;
    height: 100%;
    display: none;
    background-color: rgba(0,0,0,0.7);
    z-index: 9998;
    position: fixed;
    top: 0;
    left: 0;
}
.mfk-Common-logo-background .mfk-Common-logo-div{
    width: 785px;
    height: 450px;
    background: url(https://www.mfk.com/statics/images/25G/logobg.png) no-repeat;
    background-size: 100% 100%;
    position:absolute;
    margin: auto;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
}
.mfk-Common-logo-background .mfk-Common-logo-div .mfk-Common-logo-div-right{
    width: 246px;
    padding:93px 0 0 67px;
    text-align: center;
}
.mfk-Common-logo-background .mfk-Common-logo-div .mfk-Common-logo-div-right img{
    width: 100%;
    height: 200px;
}
.mfk-Common-logo-background .mfk-Common-logo-div .mfk-Common-logo-div-right p{
    font-size: 18px;
    color: #696D76;
}
.mfk-Common-logo-background .mfk-Common-logo-div .mfk-Common-logo-div-left{
    width: 320px;
    margin-right: 65px;
}
.mfk-Common-logo-background .mfk-Common-logo-div .mfk-Common-logo-div-left .cloneX{
    width: 42px;
    height: 42px;
    position: relative;
    left: 332px;
    margin-top: 20px;
}
.mfk-Common-logo-background .mfk-Common-logo-div .mfk-Common-logo-div-left .cloneX img{
    width: 100%;
    height: 100%;
    cursor: pointer;
}
.mfk-Common-logo-background .mfk-Common-logo-div .mfk-Common-logo-div-left .mfk-Common-logo-div-leftLogo{
    width: 182px;
    height: 38px;
    margin: 0 auto;
}
.mfk-Common-logo-background .mfk-Common-logo-div .mfk-Common-logo-div-left .mfk-Common-logo-div-leftLogo img{
    width: 100%;
    height: 100%;
}
.mfk-Common-logo-background .mfk-Common-logo-div .mfk-Common-logo-div-left .mfk-Common-logo-div-Input .cell-phoneNumber{
    width: 100%;
    height: 48px;
    font-size: 16px;
    border-radius: 8px;
    border: 1px solid #3878f8;
    line-height: 48px;
    margin: 20px 0 20px 0;
}
.mfk-Common-logo-background .mfk-Common-logo-div .mfk-Common-logo-div-left .mfk-Common-logo-div-Input .cell-phoneNumber input{
    height: 38px;
    background:none;  
    outline:none;  
    border:none;
    margin-left: 10px;
    color: #222;
    font-size: 18px;
    box-sizing: border-box;
    font-family: MicrosoftYaHei;
    box-shadow: 0 0 0px 1000px #fff inset;
}
.mfk-Common-logo-background .mfk-Common-logo-div .mfk-Common-logo-div-left .mfk-Common-logo-div-Input .cell-phoneNumber input:focus{   
    border:none;
}
.mfk-Common-logo-background .mfk-Common-logo-div .mfk-Common-logo-div-left .mfk-Common-logo-div-Input .cell-phoneNumber i{
    width: 38px;
    height: 38px;
    display: block;
    background: url(https://www.mfk.com/statics/images/25G/logoimg3.png) no-repeat;
    background-size: 100% 100%;
}
.mfk-Common-logo-background .mfk-Common-logo-div .mfk-Common-logo-div-left .mfk-Common-logo-div-Input .verificationCode{
    width: 188px;
    height: 48px;
    margin-bottom: 20px;
    font-size: 16px;
    border-radius: 8px;
    border: 1px solid #3878f8;
    line-height: 48px;
}
.mfk-Common-logo-background .mfk-Common-logo-div .mfk-Common-logo-div-left .mfk-Common-logo-div-Input .verificationCode input{
    width: 63%;
    height: 38px;
    background:none;  
    outline:none;  
    border:none;
    margin-left: 10px;
    color: #222;
    font-size: 18px;
    box-sizing: border-box;
    font-family: MicrosoftYaHei;
    box-shadow: 0 0 0px 1000px #fff inset;
}
.mfk-Common-logo-background .mfk-Common-logo-div .mfk-Common-logo-div-left .mfk-Common-logo-div-Input .verificationCode input:focus{   
    border:none;
}
.mfk-Common-logo-background .mfk-Common-logo-div .mfk-Common-logo-div-left .mfk-Common-logo-div-Input .verificationCode i{
    width: 38px;
    height: 38px;
    display: block;
    background: url(https://www.mfk.com/statics/images/25G/logoimg4.png) no-repeat;
    background-size: 100% 100%;
}
.mfk-Common-logo-background .mfk-Common-logo-div .mfk-Common-logo-div-left .mfk-Common-logo-div-Input .getCode{
    width: 124px;
    font-size: 16px;
    font-family: MicrosoftYaHei;
    height: 48px;
    line-height: 48px;
    background: #c1c6d4;
    border-radius: 8px;
    cursor: pointer;
    color: #fff;
    text-align: center;
}

.mfk-Common-logo-background .mfk-Common-logo-div .mfk-Common-logo-div-left .registerBox{
    width: 100%;
    display: inline-block;
    font-size: 18px;
    font-family: MicrosoftYaHei-Bold,MicrosoftYaHei;
    font-weight: 700;
    margin-top: 5px;
    height: 48px;
    line-height: 48px;
    background: #c1c6d4;
    border-radius: 8px;
    cursor: pointer;
    color: #fff;
    text-align: center;
}
.mfk-Common-logo-background .mfk-Common-logo-div .mfk-Common-logo-div-left .getCodeBlue,.registerBoxBlue{
    background: #3878f8 !important;
}
.mfk-Common-logo-background .mfk-Common-logo-div .mfk-Common-logo-div-left .reminderBox{
    font-size: 14px;
    font-family: MicrosoftYaHei;
    color: #696D76;
    padding-top: 23px;
}
.mfk-Common-logo-background .mfk-Common-logo-div .mfk-Common-logo-div-left .reminderBox span{
    cursor: pointer;
    color: #3878f8;
}
.mfk-Common-logo-background .mfk-Common-logo-div .mfk-Common-logo-div-left .reminderBox i{
    width: 13px;
    height: 13px;
    display: block;
    border: 1px solid #3878f8;
    margin-right: 4px;
    border-radius: 2px;
    cursor: pointer;
}
.mfk-Common-logo-background .mfk-Common-logo-div .mfk-Common-logo-div-left .reminderBox .pitchOn{
    width: 14px;
    height: 14px;
    background: url(https://www.mfk.com/statics/images/25G/logoimg5.png) no-repeat;
    background-size: 100% 100%;
    border:0;
    border-radius:0;
}
.mfk-Common-logo-background-agreement{
    width: 100%;
    height: 100%;
    display: none;
    background-color: rgba(0,0,0,0.7);
    z-index: 9999;
    position: fixed;
    top: 0;
    left: 0;
}
.mfk-Common-logo-background-agreement .mfk-Common-logo-background-agreement-Content{
    width: 45%;
    background-color: #FFFFFF;
    position: relative;
    margin: 0 auto 50px;
    margin-top: 15vh;
}
.mfk-Common-logo-background-agreement .mfk-Common-logo-background-agreement-Content .mfk-Common-logo-background-agreement-Content-header{
    line-height: 24px;
    font-size: 18px;
    color: #303133;
    padding: 20px 20px 10px;
    text-align: center;
    position: relative;
}
.mfk-Common-logo-background-agreement .mfk-Common-logo-background-agreement-Content .mfk-Common-logo-background-agreement-Content-header i{
    width:42px;
    height:42px;
    background: url(https://www.mfk.com/statics/images/25G/cloneX.png) no-repeat;
    background-size: 100% 100%;
    position: absolute;
    right: 15px;
    top: 10px;
    cursor: pointer;
}
.mfk-Common-logo-background-agreement .mfk-Common-logo-background-agreement-Content .mfk-Common-logo-background-agreement-Content-section{
    text-align: initial;
    padding: 25px 25px 30px;
    height: 500px;
    overflow-y: auto;
    color: #606266;
    font-size: 14px;
}
.mfk-Common-logo-background-agreement .mfk-Common-logo-background-agreement-Content .mfk-Common-logo-background-agreement-Content-section b{
    display: block;
    padding-top: 10px;
}
.mfk-Common-logo-background-agreement .mfk-Common-logo-background-agreement-Content .mfk-Common-logo-background-agreement-Content-section p{
    padding-top: 10px;
}
.noDataImgState img{
    width: 495px;
    height: 346px;
    display: block;
    margin: 0 auto;
}
.noDataImgState p{
    font-size: 18px;
    font-family: MicrosoftYaHei;
    color: #666666;
    text-align: center;
    position: relative;
    top: -81px;
}