/* 提示 */
.point_wrap{
    position: absolute;
    top: -60px;
    left: 50%;
    width: 260px;
    height: 30px;
    line-height: 30px;
    display: block;
    margin-left: -140px;
    background-color: #fbe9f1;
    font-size: 12px;
    color: #666;
    padding: 0 12px;
    border-bottom-left-radius: 8px;
    border-bottom-right-radius: 8px;
    -webkit-transition: all 0.75s ease-in-out;
    -moz-transition: top 0.75s ease-in-out;
    transition: top 0.75s ease-in-out;
}
.homeTipShow{
    top: 0;
}
.point_wrap p a{
    color: #498cec;
}
.point_wrap p a:hover{
    text-decoration: underline;
}
.point_wrap .close{
    width: 16px;
    height: 16px;
    top: 7px;
    right: 10px;
}
/* login */
#loginbody {
    width: 100%;
    height: 100%;
}
.login_top{
    width: 100%;
    height: 80px;
    overflow: hidden;
    background: #fff;
}
.login_top h1{
    font-size: 28px;
    color: #2f799b;
    font-weight: 100;
    line-height: 80px;
    padding-left: 60px;
    background: url("../images/u4906.png") no-repeat 20px center;
    background-size: 30px 30px;
}
.login_top h1 span{
    float: right;
    font-size: 18px;
    line-height: 60px;
    margin: 15px 30px 0 0;
}
.page-container {
    background: url("../images/bg.png") no-repeat center;
    background-size: 100% 100%;
    margin: 0 auto;
    width: 100%;
    height: -moz-calc(100% - 80px);
    height: -webkit-calc(100% - 80px);
    height: calc(100% - 80px);
    position: relative;
}

.page-container form {
    width: 304px;
    height: 312px;
    padding: 20px 25px;
    position: absolute;
    top: 50%;
    right: 80px;
    margin-top: -176px;
    background-color: rgba(242, 242, 242, 1);
}
.page-container form h3 {
    font-size: 20px;
    font-weight: 400;
    padding-bottom: 20px;
    border-bottom: 1px dashed #999;
    color: #666;
    margin-bottom: 30px;
}
.page-container form input {
    width: 270px;
    height: 42px;
    margin-bottom: 25px;
    padding: 0 15px;
    background: transparent;
    -moz-border-radius: 6px;
    -webkit-border-radius: 6px;
    border-radius: 6px;
    border: 1px solid rgba(0, 0, 0, 0.2);
    -moz-box-shadow: 0 2px 3px 0 rgba(0, 0, 0, .1) inset;
    -webkit-box-shadow: 0 2px 3px 0 rgba(0, 0, 0, .1) inset;
    box-shadow: 0 2px 3px 0 rgba(0, 0, 0, .1) inset;
    font-family: 'PT Sans', Helvetica, Arial, sans-serif;
    font-size: 14px;
    color: #999;
    text-shadow: 0 1px 2px rgba(0, 0, 0, .1);
    -o-transition: all .2s;
    -moz-transition: all .2s;
    -webkit-transition: all .2s;
    outline: none;
}

.page-container button {
    cursor: pointer;
    width: 300px;
    height: 44px;
    margin-bottom: 15px;
    padding: 0;
    background: #14bdc3;
    -moz-border-radius: 6px;
    -webkit-border-radius: 6px;
    border-radius: 6px;
    border: 1px solid #63BAAF;
    -moz-box-shadow: 0 15px 30px 0 rgba(255, 255, 255, .25) inset, 0 2px 7px 0 rgba(0, 0, 0, .2);
    -webkit-box-shadow: 0 15px 30px 0 rgba(255, 255, 255, .25) inset, 0 2px 7px 0 rgba(0, 0, 0, .2);
    box-shadow: 0 15px 30px 0 rgba(255, 255, 255, .25) inset, 0 2px 7px 0 rgba(0, 0, 0, .2);
    font-family: 'PT Sans', Helvetica, Arial, sans-serif;
    font-size: 14px;
    font-weight: 700;
    color: #fff;
    text-shadow: 0 1px 2px rgba(0, 0, 0, .1);
    -o-transition: all .2s;
    -moz-transition: all .2s;
    -webkit-transition: all .2s;
}

.page-container input::-webkit-input-placeholder {
    color: #999;
}
.page-container input:-moz-placeholder {
    color: #999;
}

.list_flipPage span {
    width: auto !important;
}
.page-container p{
    text-align: right;
    font-size: 12px;
}
.page-container p a{
    color: #999;
    margin-left: 10px;
}
.page-container p a:hover{
    color: #333;
}

/* 注册 */
.join{
    width: 900px;
    height: 440px;
    margin: 40px auto 0;
    background-color: #fff;
    overflow: hidden;
    position: relative;
}
.join .tip{
    font-size: 13px;
    position: absolute;
    top: 40px;
    right: 20px;
}
.join .tip a{
    color: #009EDA;
}
.join .Jform{
    width: 300px;
    height: auto;
    margin: 0 auto;
    padding-top: 20px;
}
.join .Jform .title{
    padding-bottom: 10px;
}
.join .Jform .title h3{
    font-size: 20px;
    color: #333;
    border-bottom: 1px dashed #d5d5d5;
    line-height: 54px;
    font-weight: 400;
}
.join .Jform .box{
    width: 100%;
    position: relative;
    margin-top: 15px;
}
.join .Jform .box input{
    width: 300px;
    height: 36px;
    padding: 0 15px;
    background: none;
    border: 1px solid rgba(0, 0, 0, 0.2);
    font-family: 'PT Sans', Helvetica, Arial, sans-serif;
    font-size: 14px;
    color: #999;
    outline: none;
    box-sizing: border-box;
    -moz-box-sizing: border-box;
}
.join .Jform .box input.code{
    width: 186px;
}
.join .Jform .box input.getcode{
    width: 108px;
    padding: 0;
    float: right;
    color: #666;
    cursor: pointer;
}
.join .Jform .box input.getcode[disabled]{
    background: #f9f9f9;
    color: #ccc;
    cursor: default;
}

.join .Jform .box input::-webkit-input-placeholder {
    color: #ccc;
}
.join .Jform .box input:-moz-placeholder {
    color: #ccc;
}
.join .Jform .box span{
    position: absolute;
    left: 308px;
    top: 0;
    color: #DD0F06;
    font-size: 12px;
    line-height: 36px;
    white-space: nowrap;
}
.join .Jform button{
    width: 100%;
    height: 36px;
    margin-top: 20px;
    background: #2f799b;
    border: 1px solid rgba(0, 0, 0, 0.2);
    color: #fff;
    cursor: pointer;
}
.join .Jform button[disabled]{
    color: #999;
    background: #f9f9f9;
    cursor: default;
}
.join .Jform p{
    color: #009EDA;
    font-size: 12px;
    line-height: 20px;
    margin-top: 10px;
}
.join .Jform p input{
    float: left;
    margin: 3px 2px 0 0;
    outline: none;
}
.join .Jform p a{
    color: #009EDA;
}
.agreementJK{
    width: 100%;
    height: 100%;
    position: fixed;
    top: 0;
    left: 0;
    background: rgba(0,0,0,0.6);
    z-index: 100;
}
/* 注册 end */
/* header style */
.header{
    width: 100%;
    min-width: 1250px;
    height: 64px;
    background-color: #397694;
    border-bottom: 1px solid #397694;
}
.header .logo{
    float: left;
    line-height: 64px;
    margin-left: 39px;
    position: relative;
}
.header .logo a{
    display: inline-block;
    vertical-align: middle;
    font-size: 20px;
    color: #fff;
    padding: 0 3px;
}
.header .logo a img{
    width: 36px;
    height: 36px;
    display: block;
}
.header .user{
    line-height: 64px;
    float: right;
    text-align: right;
    margin-right: 42px;
}

.header .user_info{
    display: inline-block;
    font-size: 14px;
    color: #fff;
}
.user_out{
    margin-left: 5px;
    cursor: pointer;
}

/* end */
/* 主体部分公共样式 */
.content{
    width: 1250px;
    height: auto;
    margin: 16px auto 0;
    min-height: -moz-calc(100% - 81px);
    min-height: -webkit-calc(100% - 81px);
    min-height: calc(100% - 81px);
    display: -webkit-box;  /* 老版本语法: Safari, iOS, Android browser, older WebKit browsers. */
    display: -moz-box;     /* 老版本语法: Firefox (buggy) */
    display: -ms-flexbox;  /* 混合版本语法: IE 10 */
    display: -webkit-flex; /* 新版本语法: Chrome 21+ */
    display: flex;
}
.contentInfo{
    height: -moz-calc(100% - 81px);
    height: -webkit-calc(100% - 81px);
    height: calc(100% - 81px);
}
.contentMain{
    min-height: -moz-calc(100% - 97px);
    min-height: -webkit-calc(100% - 97px);
    min-height: calc(100% - 97px);
    margin: 16px auto;
}
.content .left_nav{
    width: 240px;
    min-height: -moz-calc(100% - 20px);
    min-height: -webkit-calc(100% - 20px);
    min-height: calc(100% - 20px);
    background: #fff;
    margin-right: 10px;
}
.content .right{
    width: 1000px;
    -webkit-box-flex: 1;   /* OLD - iOS 6-, Safari 3.1-6 */
    -moz-box-flex: 1;     /* OLD - Firefox 19- */
    -webkit-flex: 1;      /* Chrome */
    -ms-flex: 1;           /* IE 10 */
    flex: 1;
    background-color: #fff;
}
.content .left_nav ul{
    width: 100%;
}
.content .left_nav ul li{
    height: 50px;
    line-height: 50px;
    color: #4a4a4a;
    font-size: 14px;
    padding-left: 40px;
}
.content .left_nav ul li a{
    color: #4a4a4a;
    display: block;
}
.content .left_nav ul li.ico_0{
    background: url("../images/u308.png") no-repeat 10px center;
    background-size: 20px 20px;
}
.content .left_nav ul li.ico_0.on{
    background: url("../images/u308_white.png") no-repeat 10px center #397694;
    background-size: 20px 20px;
}
.content .left_nav ul li.ico_1{
    background: url("../images/u1828.png") no-repeat 10px center;
    background-size: 20px 20px;
}
.content .left_nav ul li.ico_1.on{
    background: url("../images/u1828_white.png") no-repeat 10px center #397694;
    background-size: 20px 20px;
}
.content .left_nav ul li.ico_2{
    background: url("../images/u1826.png") no-repeat 10px center;
    background-size: 20px 20px;
}
.content .left_nav ul li.ico_2.on{
    background: url("../images/u1826_white.png") no-repeat 10px center #397694;
    background-size: 20px 20px;
}
.content .left_nav ul li.ico_3{
    background: url("../images/u1011.png") no-repeat 10px center;
    background-size: 20px 20px;
}
.content .left_nav ul li.ico_3.on{
    background: url("../images/u1011_white.png") no-repeat 10px center #397694;
    background-size: 20px 20px;
}
.content .left_nav ul li.ico_4{
    background: url("../images/u1323.png") no-repeat 10px center;
    background-size: 20px 20px;
}
.content .left_nav ul li.ico_4.on{
    background: url("../images/u1323_white.png") no-repeat 10px center #397694;
    background-size: 20px 20px;
}
.content .left_nav ul li.ico_5{
    background: url("../images/u1485.png") no-repeat 10px center;
    background-size: 20px 20px;
}
.content .left_nav ul li.ico_5.on{
    background: url("../images/u1485_white.png") no-repeat 10px center #397694;
    background-size: 20px 20px;
}
.content .left_nav ul li.ico_6{
    background: url("../images/u1538.png") no-repeat 10px center;
    background-size: 20px 20px;
}
.content .left_nav ul li.ico_6.on{
    background: url("../images/u1538_white.png") no-repeat 10px center #397694;
    background-size: 20px 20px;
}
.content .left_nav ul li.ico_7{
    background: url("../images/u9361.png") no-repeat 10px center;
    background-size: 20px 20px;
}
.content .left_nav ul li.ico_7.on{
    background: url("../images/u9361_white.png") no-repeat 10px center #397694;
    background-size: 20px 20px;
}
.content .left_nav ul li:hover{
    background-color: #ebf1f8;
    transition: 0.2s all ease-in-out;
}
.content .left_nav ul li.on{
    background-color: #397694;
}
.content .left_nav ul li.on:hover{
    background-color: #397694;
}
.content .left_nav ul li.on a{
    color: #fff;
}

/* end */
/*完善个人资料*/
.right .title{
    line-height: 36px;
    padding: 17px 0 17px 20px;
    font-size: 18px;
    color: rgb(76, 76, 76);
    text-shadow: 0 1px 1px rgb(255,255,255);
}
.info_wrap{
    height: 100%;
    overflow-x: hidden;
}
.info_wrap .step_box{
    width: 100%;
    height: auto;
    padding: 20px 0;
    overflow: hidden;
}
.info_wrap .step_box li{
    float: left;
    width: 25%;
    text-align: center;
    font-size: 0;
}
.info_wrap .step_box li span{
    display: block;
    width: 24px;
    height: 24px;
    -webkit-border-radius: 100%;
    -moz-border-radius: 100%;
    border-radius: 100%;
    margin: 10px auto;
    background-color: #f0f2f5;
    font-size: 12px;
    line-height: 24px;
    color: #bbb;
    position: relative;
}
.info_wrap .step_box li span::before{
    content: '';
    width: 226px;
    height: 0;
    border-bottom: 1px solid #e5e5e5;
    position: absolute;
    left: -226px;
    top:12px;
}
.info_wrap .step_box li.on span::before{
    content: '';
    width: 226px;
    height: 0;
    border-bottom: 1px solid #397694;
    position: absolute;
    left: -226px;
    top:12px;
}
.info_wrap .step_box li:first-child span::before{
    display: none;
}
.info_wrap .step_box li p{
    font-size: 14px;
    color: #ccc;
}
.info_wrap .step_box li.on span{
    background: #397694;
    color: #fff;
}
.info_wrap .step_box li.on p{
    color: #397694;
}
.addInfoTip{
    font-size: 12px;
    color: #999;
    line-height: 36px;
    padding-left: 54px;
    background: #f0f2f5 url("../images/u8061.png") no-repeat left 30px center;
    background-size: 18px;
}
.info_wrap .info_box{
    width: 100%;
    height: -moz-calc(100% - 217px);
    height: -webkit-calc(100% - 217px);
    height: calc(100% - 217px);
    font-size: 14px;
    position: relative;
    text-align: center;
}
.info_wrap .info_box form{
    display: block;
    width: 95%;
    font-size: 0;
    text-align: left;
}
.info_wrap .info_box form h2{
    font-size: 13px;
    line-height: 24px;
    color: #757575;
    margin-top: 15px;
}
.info_wrap .info_box form>div{
    display: -webkit-box;  /* 老版本语法: Safari, iOS, Android browser, older WebKit browsers. */
    display: -moz-box;     /* 老版本语法: Firefox (buggy) */
    display: -ms-flexbox;  /* 混合版本语法: IE 10 */
    display: -webkit-flex; /* 新版本语法: Chrome 21+ */
    display: flex;
}
.info_wrap .info_box form.f_five{
    width: 360px;
}
.info_wrap .info_box p{
    margin-top: 10px;
    color: #858585;
    -webkit-box-flex: 1;   /* OLD - iOS 6-, Safari 3.1-6 */
    -moz-box-flex: 1;     /* OLD - Firefox 19- */
    -webkit-flex: 1;      /* Chrome */
    -ms-flex: 1;          /* IE 10 */
    flex: 1;
}
.info_wrap .info_box p label{
    display: inline-block;
    width: 90px;
    vertical-align: middle;
    font-size: 14px;
    text-align: right;
}
.info_wrap .info_box p input{
    width: 250px;
    height: 32px;
    padding: 0 15px;
    background: none;
    border: 1px solid #e5e5e5;
    font-family: 'PT Sans', Helvetica, Arial, sans-serif;
    font-size: 14px;
    color: #999;
    outline: none;
    box-sizing: border-box;
    -moz-box-sizing: border-box;
    vertical-align: middle;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
}
.info_wrap .info_box p input::-webkit-input-placeholder{
    color: #999;
}
.info_wrap .info_box p select{
    width: 250px;
    height: 32px;
    padding: 0 15px;
    background: none;
    border: 1px solid #e5e5e5;
    font-family: 'PT Sans', Helvetica, Arial, sans-serif;
    font-size: 14px;
    color: #999;
    outline: none;
    box-sizing: border-box;
    -moz-box-sizing: border-box;
    display: inline-block;
    vertical-align: middle;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
}
/* 2018-5-15 新增 */
.five_box{
    margin-top: 10px;
    line-height: 30px;
    text-align: center;
    font-size: 0;
}
.five_box label{
    width: 120px;
    font-size: 14px;
    color: #999;
    display: inline-block;
    vertical-align: middle;
    text-align: right;
}
.five_box input{
    width: 230px;
    height: 30px;
    display: inline-block;
    vertical-align: middle;
    padding: 0 10px;
    background: none;
    border: 1px solid rgba(0, 0, 0, 0.2);
    font-family: 'PT Sans', Helvetica, Arial, sans-serif;
    font-size: 14px;
    color: #999;
    outline: none;
    box-sizing: border-box;
    -moz-box-sizing: border-box;
}
.five_box input::-webkit-input-placeholder{
    color: #ccc;
    font-size: 13px;
}
.info_wrap .footer{
    padding: 20px 10px;
    height: 36px;
    text-align: right;
    border-top: 1px solid #f5f5f5;
}
.info_wrap .footer a{
    min-width: 66px;
    height: 36px;
    line-height: 36px;
    padding: 0 15px;
    text-align: center;
    background-color: #397694;
    /*background-image: -webkit-linear-gradient(#65e168, #4bcd09 100px);
    background-image: linear-gradient(#65e168,#4bcd09 100px);*/
    color: #fff;
    font-size: 14px;
    margin-right: 10px;
    display: inline-block;
}
.info_wrap .physical_box, .info_wrap .up_file_box{
    height: -moz-calc(100% - 217px);
    height: -webkit-calc(100% - 217px);
    height: calc(100% - 217px);
    padding: 10px 50px 0;
    overflow-y: auto;
    box-sizing: border-box;
    -moz-box-sizing: border-box;
}

.info_wrap .up_file_box p.back{
    padding-bottom: 10px;
    border-bottom: 1px dashed #e5e5e5;
}
.info_wrap .up_file_box p.back a{
    padding: 3px 8px;
    font-size: 12px;
    color: #fff;
    background: #397694;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
    margin-top: -10px;
}
.physical_box .tip, .up_file_box .tip{
    font-size: 13px;
    line-height: 20px;
    border-bottom: 1px dashed #e5e5e5;
    padding: 15px 0 15px 25px;
    background: url("../images/u2395.png") no-repeat 0 15px;
    background-size: 20px 20px;
}
.physical_box .question{
    padding: 10px 20px;
    position: relative;
}
.physical_box .question p{
    font-size: 14px;
    color: #333;
    line-height: 30px;
}
.physical_box .question p span{
    color: #999;
    float: right;
    font-size: 12px;
}
.physical_box .question p span em{
    color: #ff6600;
    font-size: 14px;
    font-style: normal;
    font-weight: 700;
}
.physical_box .question .process{
    width: 100%;
    height: 6px;
    overflow: hidden;
    background: #e5e5e5;
    font-size: 0;
}
.physical_box .question .process span{
    height: 100%;
    display: block;
    background: #59BD55;
}
.question_main{
    overflow: hidden;
    margin-top: 20px;
}
.question_main h2{
    font-size: 14px;
    font-weight: 400;
}
.question_main h2 em{
    padding: 0 3px;
    line-height: 30px;
    font-style: normal;
}
.question_main .answer{
    overflow: hidden;
    width: 90%;
    display: flex;
}
.question_main .answer_list{
    overflow: hidden;
    width: 100%;
    display: block;
    font-size: 14px;
}
.question_main .answer_div{
    flex: 1;
    margin: 10px 0 15px;
    font-size: 14px;
}
.question_main .answer .answer_list{
    width: 80px;
    float: left;
    cursor: pointer;
    font-size: 14px;
}
.question_main .answer .answer_list input{
    cursor: pointer;
}
.question_page{
    width: 100%;
    padding: 20px 0;
    text-align: center;
}
.question_page a{
    width: 40px;
    height: 40px;
    display: inline-block;
    font-size: 0;
    vertical-align: middle;
}
.question_page a.prev{
    background: url("../images/u2530.png") no-repeat center;
    background-size: 100%;
}
.question_page a.next{
    background: url("../images/u2535.png") no-repeat center;
    background-size: 100%;
}
.question_page span{
    font-size: 18px;
    display: inline-block;
    margin: 0 30px;
    line-height: 40px;
}
.question .doctor_wrap{
    width: 160px;
    height: 270px;
    padding: 20px;
    position: absolute;
    top: 100px;
    left: 80%;
    background-color: rgba(233, 211, 47, 0.188);
}
.question .doctor_wrap .doctor_img{
    width: 100%;
    height: 180px;
    overflow: hidden;
}
.question .doctor_wrap .doctor_img img{
    width: 100%;
}
.question .doctor_wrap h2{
    font-size: 18px;
    color: #333;
    line-height: 36px;
    text-align: center;
    font-weight: normal;
    margin-top: 10px;
    text-indent: 15px;
}
.question .doctor_wrap p{
    font-size: 13px;
    color: #333;
    line-height: 26px;
    text-align: center;
}
.physical_box .ques_btn{
    width: 100%;
    margin-top: 30px;
    text-align: center;
}
.physical_box .ques_btn a{
    display: inline-block;
    padding: 0 10px;
    font-size: 14px;
    color: #fff;
    background-color: #397694;
    line-height: 26px;
    cursor: pointer;
}
.question_ok{
    padding: 40px 0;
    text-align: center;
}
.question_ok p{
    font-size: 14px;
    color: #ccc;
    margin-top: 10px;
}
/* 第三步 上传报告 */
.u_f_home{
    width: 100%;
    overflow: hidden;
    padding-bottom: 30px;
    display: -webkit-box; /* Chrome 4+, Safari 3.1, iOS Safari 3.2+ */
    display: -moz-box; /* Firefox 17- */
    display: -webkit-flex; /* Chrome 21+, Safari 6.1+, iOS Safari 7+, Opera 15/16 */
    display: -ms-flexbox; /* IE 10 */
    display: flex;
}
.u_f_home_box{
    flex: 1;
    margin-top: 75px;
}
.u_f_home_box a{
    width: 100px;
    height: 100px;
    display: block;
    margin: 0 auto;
}
.u_f_home_box a.ico_1{
    background: url("../images/u2388.png") no-repeat center;
    background-size: 100%;
}
.u_f_home_box a.ico_2{
    background: url("../images/u3289.png") no-repeat center;
    background-size: 100%;
}
.u_f_home_box p{
    font-size: 14px;
    line-height: 30px;
    color: #333;
    text-align: center;
}
.dDetail_r{
    margin-top: 10px;
}
.dDetail_r ul{
    height: 30px;
    /*width: 55%;
    max-width: 600px;*/
    border-bottom: 1px dashed #e5e5e5;
}
.dDetail_r ul li{
    float: left;
    font-size: 14px;
    color: #333;
    line-height: 30px;
    padding: 0 20px;
    position: relative;

}
.dDetail_r ul li.on::after{
    content: '';
    position: absolute;
    left: 0;
    bottom: -1px;
    width: 100%;
    height: 0;
    border-bottom: 2px solid #999;
}
.dDetail_wrap{
    overflow: hidden;
    display: -webkit-box; /* Chrome 4+, Safari 3.1, iOS Safari 3.2+ */
    display: -moz-box; /* Firefox 17- */
    display: -webkit-flex; /* Chrome 21+, Safari 6.1+, iOS Safari 7+, Opera 15/16 */
    display: -ms-flexbox; /* IE 10 */
    display: flex;
}
.dDetail_box{
    padding: 20px 0;
    flex: 1.5;
    max-width: 600px;
}
.d_b_top{
    width: 100%;
    overflow: hidden;
    border-bottom: 1px dashed #e5e5e5;
}
.d_b_top_new{
    border-bottom: none;
    margin-top: 15px;
}
.d_b_top p{
    width: 101%;
    font-size: 0;
}
.d_b_top p input{
    width: 48%;
    line-height: 25px;
    border: 1px solid #e5e5e5;
    margin: 0 2% 20px 0;
    padding: 0 10px;
    font-size: 12px;
    color: #333;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
}
.d_b_top p select{
    width: 48%;
    line-height: 25px;
    border: 1px solid #e5e5e5;
    margin: 0 2% 20px 0;
    padding: 0 10px;
    font-size: 12px;
    color: #333;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
}
.d_b_center{
    /*padding: 10px 0;*/
    /*border-bottom: 1px dashed #e5e5e5;*/
    /*overflow: hidden;*/
    position: relative;
}
.d_b_center .girl_tip{
    font-size: 14px;
    color: #999;
    padding-bottom: 10px;
}
.d_b_center_cover{
    width: 100%;
    height: 100%;
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    background: rgba(255,255,255,0.6);
    z-index: 1;
}
.d_b_c_box{
    width: 100%;
    max-width: 600px;
    margin-top: 10px;
    position: relative;
}
.d_b_c_box label{
    min-width: 30px;
    font-size: 14px;
    color: #333;
    line-height: 25px;
    display: inline-block;
    vertical-align: middle;
}
.d_b_c_box input{
    width: 64%;
    height: 23px;
    border: 1px solid #e5e5e5;
    padding: 0 10px;
    color: #333;
    background: none;
    outline: none;
    margin-right: 5px;
}
.d_b_c_box input::-webkit-input-placeholder{
    color: #aaa;
}
.d_b_c_box input::-moz-placeholder{
    color: #aaa;
}
.d_b_c_box span{
    width: 18px;
    height: 18px;
    text-align: center;
    line-height: 17px;
    color: #999;
    border: 1px solid #ddd;
    display: inline-block;
    vertical-align: middle;
    margin-left: 3px;
    cursor: pointer;
}
.d_b_c_box ul{
    position: absolute;
    top: 25px;
    left: 34px;
    border: 1px solid #e5e5e5;
    width: 68%;
    height: 120px;
    overflow-y: scroll;
    overflow-x: hidden;
    background: #fff;
    z-index: 1;
}
.d_b_c_box ul li{
    display: block;
    width: 100%;
    white-space: nowrap;
    line-height: 25px;
    font-size: 13px;
    color: #666;
    cursor: pointer;
}
.d_b_c_box ul li:hover{
    background: #f0f2f5;
}
.d_b_bottom{
    overflow: hidden;
    width: 100%;
    max-width: 600px;
    padding-top: 10px;
    font-size: 0;
}
.d_b_bottom textarea{
    width: 100%;
    padding: 5px 10px;
    resize: none;
    border: 1px solid #e5e5e5;
    font-size: 14px;
    color: #333;
    margin-top: 10px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}
.d_b_bottom textarea::-webkit-input-placeholder{
    color: #999;
}
.d_b_bottom textarea::-moz-placeholder{
    color: #999;
}
.project_box{
    overflow: hidden;
    flex: 1;
    margin-left: 30px;
    min-height: 400px;
    padding: 0 20px 76px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}
.pro_box_bg{
    width: 100%;
    max-width: 332px;
    height: 100%;
    /*background-color: rgba(233, 211, 47, 0.1);*/
    padding: 10px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    border-left: 1px solid #f5f5f5;
    margin-top: 10px;
}
.pro_box_bg_rec{
    max-width: 336px;
}
.pro_box_bg p{
    text-align: center;
    font-size: 14px;
    margin-top: 100px;
    color: #999;
}
.project_box .project_list{
    float: left;
    width: 84px;
    height: 98px;
    margin: 0 10px 10px 10px;
    background: url("../images/pro_list_bg.png") no-repeat center;
    position: relative;
}
.project_box .on{
    background: url("../images/pro_list_bg_on.png") no-repeat center;
    background-size: 122%;
}
.project_box .project_list a{
    width: 100%;
    height: 100%;
    display: block;
    line-height: 98px;
    font-size: 14px;
    color: #fff;
    font-weight: bold;
    text-align: center;
    cursor: pointer;
}
.project_box .project_list span{
    width: 26px;
    height: 26px;
    display: block;
    text-align: center;
    line-height: 26px;
    color: #ff0000;
    overflow: hidden;
    background: #fff;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    border-radius: 50%;
    position: absolute;
    top: 1px;
    right: 1px;
    cursor: pointer;
}
.dDetail_r .addBtn{
    width: 100%;
    padding: 20px 0;
    text-align: center;
}
.dDetail_r .saveBox{
    display: inline-block;
    margin: 0 5px;
    width: 80px;
    line-height: 36px;
    font-size: 14px;
    color: #333;
    text-align: center;
    -moz-box-shadow: 2px 2px 5px rgba(0,0,0,0.3);
    -webkit-box-shadow: 2px 2px 5px rgba(0,0,0,0.3);
    box-shadow: 2px 2px 5px rgba(0,0,0,0.3);
    vertical-align: middle;
    cursor: pointer;
}
.d_b_center_jy{
    padding: 10px 0 0;
    border-bottom: none;
    min-height: 122px;
}
.d_b_center_jy input{
    width: 37%;
}
.saveAll{
    width: 100%;
    overflow: hidden;
    padding: 20px 0;
}
.saveAll a{
    display: block;
    width: 120px;
    height: 36px;
    line-height: 36px;
    text-align: center;
    font-size: 13px;
    color: #fff;
    background: #397694;
    margin: 0 auto;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
    cursor: pointer;
}

/* 上传图片 */
.img_box{
    width: 100%;
    overflow: hidden;
    padding-bottom: 30px;
}
.img_box .img_list{
    width: 178px;
    height: 136px;
    float: left;
    margin: 30px 15px 0 0;
    position: relative;
    background: #f9f9f9;
}
.img_box .img_list img{
    max-height: 100%;
    max-width: 100%;
}
.img_box .img_list .close{
    width: 28px;
    height: 28px;
    display: block;
    border: 1px solid #999;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    border-radius: 50%;
    position: absolute;
    top: -15px;
    right: -10px;
    font-size: 20px;
    color: #ff0000;
    background: #fff;
    text-align: center;
    line-height: normal;
}
.img_box .img_up{
    float: left;
    width: 178px;
    height: 136px;
    font-size: 0;
    text-align: center;
    padding: 30px 60px;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    margin: 30px 15px 0 0;
}
.img_box .img_up .img_up_btn{
    width: 100%;
    height: 100%;
    overflow: hidden;
    position: relative;
}
.img_box .img_up input{
    width: 58px;
    height: 76px;
    position: absolute;
    top: 0;
    left: 0;
    opacity: 0;
    cursor: pointer;
}
.img_box .img_up img{
    width: 58px;
    display: block;
}
.img_box .img_up span{
    font-size: 14px;
}
.img_box p{
    width: 100%;
    float: left;
}
/*完善个人资料 end*/
/* 报告详情 */
.record_detail{
    padding: 20px;
}
.record_detail_box{
    padding: 20px 0;
    flex: 1.5;
    max-width: 600px;
}
.record_detail_item{
    padding: 10px 0;
    border-bottom: 1px dashed #e5e5e5;
}
.record_detail_item:last-child{
    border-bottom: none;
}
.record_detail_item{
    width: 100%;
}
.record_detail_item p{
    display: -webkit-box; /* Chrome 4+, Safari 3.1, iOS Safari 3.2+ */
    display: -moz-box; /* Firefox 17- */
    display: -webkit-flex; /* Chrome 21+, Safari 6.1+, iOS Safari 7+, Opera 15/16 */
    display: -ms-flexbox; /* IE 10 */
    display: flex;
    padding: 3px 0;
}
.record_detail_item p span{
    flex: 1;
    position: relative;
    padding-left: 80px;
}
.record_detail_item p span label{
    width: 72px;
    line-height: 25px;
    text-align: right;
    font-size: 14px;
    color: #999;
    position: absolute;
    top: 0;
    left: 0;
}
.record_detail_item p span em{
    display: block;
    font-size: 14px;
    color: #333;
    line-height: 25px;
    font-style: normal;
}
/* 首页 */
.home_wrap{
    width: 100%;
    overflow: hidden;
    border-top: 8px solid #f0f2f5;
}
.home_wrap .home_tit{
    padding: 0 20px;
    border-bottom: 1px solid #f5f5f5;
}
.home_wrap .home_tit h3{
    font-size: 16px;
    font-weight: 400;
    line-height: 36px;
    color: rgba(76,76,76,0.8);
    border-bottom: 1px dashed #f0f0f0;
}
.home_wrap .home_tit h3.home_int_m{
    margin-bottom: 10px;
}

.home_wrap .base_info p{
    padding: 20px 0;
}
.home_wrap .base_info p span{
    font-size: 13px;
    color: #999;
    display: inline-block;
    min-width: 230px;
}
.home_wrap .base_info p span em{
    font-size: 14px;
    color: #333;
    font-style: normal;
}
.home_wrap .r_i_list{
    width: 100%;
    overflow: hidden;
    display: -webkit-box; /* Chrome 4+, Safari 3.1, iOS Safari 3.2+ */
    display: -moz-box; /* Firefox 17- */
    display: -webkit-flex; /* Chrome 21+, Safari 6.1+, iOS Safari 7+, Opera 15/16 */
    display: -ms-flexbox; /* IE 10 */
    display: flex;
}
.home_wrap .r_i_l_box, .inter_wrap .r_i_l_box{
    flex: 1;
    margin-right: 10px;
    border-left: 1px dashed #f0f0f0;
    border-right: 1px dashed #f0f0f0;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}
.home_wrap .r_i_l_box:first-child, .inter_wrap .r_i_l_box:first-child{
    border-left: none;
}
.home_wrap .r_i_l_box:last-child, .inter_wrap .r_i_l_box:last-child{
    border-right: none;
}
.home_wrap .r_i_l_box label, .inter_wrap .r_i_l_box label{
    font-size: 14px;
    padding: 10px 5px 0;
    line-height: 22px;
    border-bottom: 1px dashed #397694;
    color: #397694;
    display: block;
}
.home_wrap .r_i_l_box label a, .inter_wrap .r_i_l_box label a{
    float: right;
}
.home_wrap .r_i_l_box p, .inter_wrap .r_i_l_box p{
    padding: 10px 5px;
    font-size: 14px;
    color: #999;
    min-height: 60px;
}
.home_wrap .rec_result{
    margin-top: 10px;
    /*padding: 10px;*/
    /*background: #f1eed1;*/
    position: relative;
    min-width: 900px;
}
.rec_result_ques{
    position: relative;
    min-width: 900px;
    margin: 10px 0;
}
.rec_result_ques h2{
    font-size: 14px;
    font-weight: bold;
    color: #397694;
    line-height: 36px;
}
.rec_result_ques p{
    font-size: 14px;
    color: #414141;
    line-height: 25px;
}
.rec_res_l{
    width: 350px;
    min-height: 260px;
}
.rec_res_l h2{
    font-size: 16px;
    color: #333;
    padding: 10px 0;
    font-weight: normal;
}
.rec_res_l p{
    font-size: 14px;
    color: #858585;
    line-height: 22px;
}
.rec_res_l p span{
    font-size: 13px;
    color: #858585;
    font-weight: bold;
}
.rec_res_r{
    width: 550px;
    height: 260px;
    position: absolute;
    top: 50%;
    margin-top: -130px;
    left: 350px;
}
.home_wrap .rep_file_now{
    padding-bottom: 30px;
}
.home_wrap .rep_f_n_list, .inter_wrap .rep_f_n_list{
    width: 100%;
    overflow: hidden;
    display: -webkit-box; /* Chrome 4+, Safari 3.1, iOS Safari 3.2+ */
    display: -moz-box; /* Firefox 17- */
    display: -webkit-flex; /* Chrome 21+, Safari 6.1+, iOS Safari 7+, Opera 15/16 */
    display: -ms-flexbox; /* IE 10 */
    display: flex;
}
.home_wrap .rep_f_n_list .r_i_l_box, .inter_wrap .rep_f_n_list .r_i_l_box{
    border: none;
}
.h_rec_f_n_wrap{
    /*padding: 20px 10px 0;*/
    background: #fafafa;
    margin-bottom: 10px;
    border-bottom: 1px solid #d5d5d5;
}
.r_f_wrap{
    position: relative;
    padding: 20px 0;
}
.no_record{
    width: 100px;
    height: 100px;
    display: block;
    margin: 10px auto;
    background: url("../images/no_tip.png") no-repeat center;
}
.no_record_txt{
    font-size: 14px;
    color: #ccc;
    text-align: center;
    margin-bottom: 40px;
}
/* 首页 end */
/* 我的健康档案 */
.right .title a.btn1{
    float: right;
    padding: 0 15px;
    margin-right: 10px;
    border: 1px solid #e5e5e5;
    font-size: 16px;
    color: #397694;
    -moz-box-shadow: 0 3px 3px 0 rgba(0, 0, 0, .1);
    -webkit-box-shadow: 0 3px 3px 0 rgba(0, 0, 0, .1);
    box-shadow: 0 3px 3px 0 rgba(0, 0, 0, .1);
}
.btn_new{
    float: right;
    color: #fff;
    font-size: 13px;
    padding: 0 5px;
    height: 24px;
    line-height: 24px;
    margin-top: 5px;
    background-color: #397694;
}
.record_back{
    padding: 17px 20px;
    overflow: hidden;
}
.record_back_b{
    border-bottom: 1px solid #f0f2f5;
}
.record_back a{
    padding: 3px 8px;
    font-size: 12px;
    color: #fff;
    background: #397694;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
    cursor: pointer;
}
.record_back a.back_right{
    float: right;
}
.record_back span.tit{
    font-size: 16px;
    margin-right: 10px;
}
.record_back span.msg{
    font-size: 12px;
    color: #999;
    margin-right: 10px;
}
.records_wrap{
    height: 100%;
    min-height: 100%;
}
.records_wrap h2.lab{
    font-size: 14px;
    background: #f0f2f5;
    line-height: 30px;
    text-indent: 20px;
    color: #666;
    font-weight: normal;
}
.records_wrap .records_btn{
    width: 86px;
    height: 36px;
    line-height: 36px;
    text-align: center;
    font-size: 13px;
    color: #fff;
    background: #397694;
    cursor: pointer;
    display: block;
    margin: 20px auto;
}
.record_box{
    padding: 20px;
    overflow: hidden;
    min-height: -webkit-calc(100% - 205px);
    min-height: -moz-calc(100% - 205px);
    min-height: calc(100% - 205px);
}
.report_new_box{
    width: 580px;
    height: auto;
    padding: 20px;
    /*border: 1px solid #f5f5f5;
    margin: 20px auto;*/
}
.report_new_box h4{
    font-size: 13px;
    color: #999;
    line-height: 30px;
}
.report_new_box h4 input{
    vertical-align: middle;
}
.record_box .u_f_home{
    padding-top: 30px;
}
.record_footer{
    padding: 20px 10px;
    height: 36px;
    text-align: right;
    border-top: 1px solid #f5f5f5;
}
.record_footer a{
    min-width: 66px;
    height: 36px;
    line-height: 36px;
    padding: 0 15px;
    text-align: center;
    background-color: #397694;
    /*background-image: -webkit-linear-gradient(#65e168, #4bcd09 100px);
    background-image: linear-gradient(#65e168,#4bcd09 100px);*/
    color: #fff;
    font-size: 14px;
    margin-right: 10px;
    display: inline-block;
}

.r_f_n_wrap{
    position: relative;
    /*padding: 20px 10px;
    background: #fafafa;*/
}
.r_f_padding{
    padding: 0 20px;
    overflow: hidden;
}
.rec_f_n_max{
    height: 800px;
    overflow: hidden;
    width: -moz-calc(100% + 40px);
    width: -webkit-calc(100% + 40px);
    width: calc(100% + 40px);
    margin-left: -20px;
}
.rec_f_max_padding{
    margin-top: -25px;
}
.r_f_new{
    margin-top: 20px;
    padding-top: 10px;
    position: relative;
}
.r_f_new .time{
    font-size: 14px;
    position: absolute;
    top: 0;
    left: 0;
}
.r_f_new .time span{
    color: #38a9e2;
}
.r_f_new .btn2{
    display: block;
    line-height: 36px;
    padding: 0 15px;
    border: 1px solid #e5e5e5;
    font-size: 16px;
    color: #397694;
    -moz-box-shadow: 0 3px 3px 0 rgba(0, 0, 0, .1);
    -webkit-box-shadow: 0 3px 3px 0 rgba(0, 0, 0, .1);
    box-shadow: 0 3px 3px 0 rgba(0, 0, 0, .1);
    position: absolute;
    top: -10px;
    right: 0;
}
.old_records_box{
    width: 800px;
    height: 340px;
    overflow: hidden;
    position: relative;
}
.old_records_box::before{
    content: '';
    width: 2px;
    height: 100%;
    display: block;
    background: rgba(91,194,226,0.6);
    position: absolute;
    top: 0;
    left: 50%;
    margin-left: -1px;
    box-shadow: 0 0 1px rgba(91,194,226,0.3);
    z-index: 1;
}
.old_records{
    width: 817px;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    z-index: 2;
    overflow-y: scroll;
}

.old_r_year{
    overflow: hidden;
    width: 100%;
    position: relative;
}
.old_r_year .old_time{
    width: 146px;
    height: 26px;
    line-height: 26px;
    text-align: center;
    font-size: 14px;
    background: #397694;
    color: #fff;
    margin: 30px auto;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
}
.old_r_y_list{
    width: 380px;
    border: 1px solid #e5e5e5;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
    margin-top: 20px;
    position: relative;
}
.old_r_y_list_f{
    margin-top: 0;
}
.old_r_y_list:nth-child(2n){

}
.old_r_y_list:nth-child(2n+1){
    margin: -100px 0 0 418px;
}
.old_r_y_list:nth-child(2n)::after{
    content: '';
    width: 8px;
    height: 8px;
    border: 3px solid #fff;
    background: #5BC2E2;
    display: block;
    overflow: hidden;
    -moz-border-radius: 100%;
    -webkit-border-radius: 100%;
    border-radius: 100%;
    position: absolute;
    top: 30px;
    right: -26px;
}
.old_r_y_list:nth-child(2n+1)::after{
    content: '';
    width: 8px;
    height: 8px;
    border: 3px solid #fff;
    background: #5BC2E2;
    display: block;
    overflow: hidden;
    -moz-border-radius: 100%;
    -webkit-border-radius: 100%;
    border-radius: 100%;
    position: absolute;
    top: 30px;
    left: -26px;
}
.old_r_y_list:nth-child(2n) span.max_trans{
    width: 0;
    height: 0;
    display: block;
    border-left: 10px solid #e5e5e5;
    border-top: 7px solid transparent;
    border-bottom: 7px solid transparent;
    position: absolute;
    top: 30px;
    right: -10px;
    z-index: 3;
}
.old_r_y_list:nth-child(2n) span.min_trans{
    width: 0;
    height: 0;
    display: block;
    border-left: 9px solid #fff;
    border-top: 6px solid transparent;
    border-bottom: 6px solid transparent;
    position: absolute;
    top: 31px;
    right: -9px;
    z-index: 4;
}
.old_r_y_list:nth-child(2n+1) span.max_trans{
    width: 0;
    height: 0;
    display: block;
    border-right: 10px solid #e5e5e5;
    border-top: 7px solid transparent;
    border-bottom: 7px solid transparent;
    position: absolute;
    top: 30px;
    left: -10px;
    z-index: 3;
}
.old_r_y_list:nth-child(2n+1) span.min_trans{
    width: 0;
    height: 0;
    display: block;
    border-right: 9px solid #fff;
    border-top: 6px solid transparent;
    border-bottom: 6px solid transparent;
    position: absolute;
    top: 31px;
    left: -9px;
    z-index: 4;
}
.old_r_y_l_top{
    padding: 10px 15px;
}
.old_r_y_l_top h2{
    font-size: 14px;
    color: #0d72a6;
    margin-bottom: 10px;
}
.old_r_y_l_top p{
    padding-left: 20px;
    font-size: 13px;
    color: #397694;
    line-height: 25px;
}
.old_r_y_l_top span{
    font-size: 12px;
    color: #999;
    line-height: 20px;
    display: block;
    margin-top: 10px;
    padding-left: 20px;
}
.old_r_y_l_bottom{
    background: #f7f9fc;
    text-align: right;
    padding: 0 15px;
    border-top: 1px solid #f5f5f5;
}
.old_r_y_l_bottom a{
    font-size: 12px;
    color: #397694;
    line-height: 25px;
}
.old_r_y_l_bottom a:hover{
    color: #0d72a6;
    -o-transition: all .2s ease-in-out;
    -moz-transition: all .2s ease-in-out;
    -webkit-transition: all .2s ease-in-out;
}
.r_f_wrap .more_box{
    width: 800px;
    overflow: hidden;
    margin-top: 30px;
}
.r_f_wrap .more_box a{
    width: 146px;
    height: 30px;
    display: block;
    margin: 0 auto;
    line-height: 30px;
    text-align: center;
    font-size: 14px;
    background: #397694;
    color: #fff;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
}
.right_r_list{
    position: absolute;
    top: 20px;
    left: 900px;
    width: 80px;
    max-height: 330px;
    overflow: hidden;
}
.right_r_list_s{
    width: 100px;
    max-height: 330px;
    overflow-y: auto;
}
.right_r_list .r_years{
    padding-left: 10px;
    border-left: 4px solid #C2E5F7;
    margin-top: 5px;
}
.right_r_list .r_years span{
    display: block;
    line-height: 25px;
    font-size: 12px;
    color: #397694;
    cursor: pointer;
}
.right_r_list .r_years .r_month{
    padding-left: 10px;
}
.right_r_list .r_years label{
    font-size: 12px;
    line-height: 25px;
    color: #C2E5F7;
}
.right_r_list .r_years_on{
    border-left: 4px solid #0d72a6;
}
.right_r_list .r_years_on label{
    font-size: 14px;
    line-height: 35px;
    color: #0d72a6;
    font-weight: bold;
}
/* 我的健康档案 end */
/* 我的健康报告 */
.report_info{
    padding: 10px 20px 0;
    position: relative;
}
.report_info .time{
    /*width: 250px;*/
    line-height: 36px;
    font-size: 14px;
}
.report_info .time span{
    color: #397694;
}
.report_info .btn_box{
    position: absolute;
    top: 10px;
    right: 20px;
    text-align: right;
}
.report_info .btn_box .btn2{
    display: inline-block;
    line-height: 36px;
    padding: 0 15px;
    margin-left: 10px;
    border: 1px solid #e5e5e5;
    font-size: 16px;
    color: #397694;
    -moz-box-shadow: 0 3px 3px 0 rgba(0, 0, 0, .1);
    -webkit-box-shadow: 0 3px 3px 0 rgba(0, 0, 0, .1);
    box-shadow: 0 3px 3px 0 rgba(0, 0, 0, .1);
}

.reset_tab{
    position: absolute;
    top: 40px;
    right: 20px;
    background-color: #fff;
    border: 1px solid #e5e5e5;
    z-index: 1;
    width: 60px;
    line-height: 26px;
    font-size: 12px;
    color: #858585;
    text-align: center;
}
.reset_tab li{
    border-bottom: 1px solid #e5e5e5;
    cursor: pointer;
}
.reset_tab li:last-child{
    border-bottom: none;
}
.reset_tab li:hover{
    background-color: #f9f8f9;
}
.d_pay_Ques{
    padding-top: 10px !important;
}
.d_pay_Ques .tip{
    font-size: 12px;
    color: #999;
    line-height: 24px;
    padding-left: 25px;
    background: url("../images/u2395.png") no-repeat left center;
    background-size: 18px 18px;
    margin-bottom: 10px;
}

/* 健康报告 end */
/* 搜索条件 */

.right .int_title{
    font-size: 14px;
    position: relative;
}
.right_btn{
    position: absolute;
    top: 17px;
    right: 20px;
    text-align: right;
}
.right_btn .sel{
    height: 35px;
    line-height: 35px;
    padding: 1px 10px 0;
    border: none;
    color: #999;
    outline: none;
    background-color: #f0f2f5 !important;
}
.title .int_time{
    display: inline-block;
    vertical-align: middle;
    font-size: 14px;
    color: #333;
}
.title .search{
    width: 100px;
    height: 36px;
    line-height: 36px;
    padding: 0 10px;
    border: none;
    outline: none;
    background: #f0f2f5;
    color: #333;
}
.title .search_btn{
    width: 36px;
    height: 36px;
    border: none;
    vertical-align: middle;
    background: #f0f2f5 url("../images/search_btn.png") no-repeat center;
    background-size: 80%;
    outline: none;
}

/* 搜索条件 end */
/* 表单 */
.tab{
    width: 100%;
    padding: 0 0 30px;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    /*overflow: hidden;*/
}
.tab table{
    width: 100%;
    border: none;
    border-collapse:collapse;
}
.tab table thead tr{
    background: #f0f2f5;
    line-height: 40px;
    font-size: 14px;
    text-align: center;
}
.tab table thead tr th{
    font-weight: 400;
}
.tab table tbody tr{
    border-bottom: 1px solid #f1f1f1;
    font-size: 14px;
}
.tab table tbody tr td{
    padding: 10px;
    line-height: 20px;
    text-align: center;
    position: relative;
}
.tab table tbody tr td i{
    display: block;
    width: 12px;
    height: 12px;
    overflow: hidden;
    position: absolute;
    top: 10px;
    left: 50%;
    margin-left: 24px;
}
.tab table tbody tr td i.tip2{
    background: url("../images/u806.png") no-repeat center;
    background-size: 100%;
}
.tab table tbody tr td i.tip3{
    background: url("../images/u804.png") no-repeat center;
    background-size: 100%;
    margin-left: 30px;
}
.tab table tbody tr td em{
    display: inline-block;
    width: 152px;
    font-size: 12px;
    color: #333;
    font-style: normal;
    text-align: justify;
    padding: 5px;
    line-height: 16px;
    border: 1px solid #e5e5e5;
    position: absolute;
    top: 28px;
    left: 50%;
    margin-left: 24px;
    background: #fff;
    z-index: 1;
}
.tab table tbody tr td span{
    margin-right: 5px;
}
.tab table tbody tr td a{
    font-size: 12px;
    color: #53a7b2;
    cursor: pointer;
    padding: 0 2px;
}
.tab table tbody tr td a:hover{
    color: #397694;
}
.tab table tbody tr td a.disabled{
    color: #999;
    cursor: default;
}
.tab table tbody tr td a.disabled:hover{
    color: #999;
}
.pages{
    width: 100%;
    text-align: right;
    overflow: hidden;
    padding-right: 20px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}
.pages_padding{
    padding: 20px 0 40px;
}
.pages a{
    display: inline-block;
    margin: 0 5px;
    padding: 2px 6px;
    font-size: 12px;
    border: 1px solid #d5d5d5;
    color: #666;
    cursor: pointer;
}
.pages a.on{
    color: #000;
    font-weight: 700;
    border-color: #fff;
    cursor: default;
}
/* 表单 end */
/* 我的干预报告 */
.inter_wrap{
    padding: 10px 20px;
}
.int_w_t{
    font-size: 14px;
    line-height: 30px;
    border-bottom: 1px dashed #e7e7e7;
    color: #333;
    font-weight: normal;
    display: block;
    margin-bottom: 10px;
}
.int_w_ways{
    padding: 0 0 10px;
}
.int_w_ways ul{
    display: block;
    margin-bottom: 10px;
    padding-left: 35px;
    position: relative;
}
.int_w_ways ul i{
    font-style: normal;
    font-size: 12px;
    color: #fff;
    width: 24px;
    height: 24px;
    text-align: center;
    line-height: 24px;
    display: inline-block;
    position: absolute;
    top: 3px;
    left: 0;
    background-color: #d5d5d5;
    -moz-border-radius: 4px;
    -webkit-border-radius: 4px;
    border-radius: 4px;
}
.int_w_ways ul li{
    display: inline-block;
    margin-right: 20px;
    position: relative;
    font-size: 13px;
    color: #999;
    line-height: 30px;
    cursor: pointer;
}
.int_w_ways ul li.on{
    color: #397694;
}
.int_w_ways ul li.on::before{
    content: '';
    width: 0;
    height: 0;
    display: block;
    border-bottom: 10px solid #e5e5e5;
    border-left: 10px solid transparent;
    border-right: 10px solid transparent;
    position: absolute;
    left: 50%;
    margin-left: -10px;
    top: 31px;
    z-index: 1;
}
.int_w_ways ul li.on::after{
    content: '';
    width: 0;
    height: 0;
    display: block;
    border-bottom: 9px solid #fff;
    border-left: 9px solid transparent;
    border-right: 9px solid transparent;
    position: absolute;
    left: 50%;
    margin-left: -9px;
    top: 32px;
    z-index: 2;
}
.int_w_content_only{
    padding: 20px;
    border: 1px solid #e5e5e5;
}
.int_w_content h4{
    font-size: 12px;
    line-height: 36px;
	color: #397694;
}
.int_w_content p{
    font-size: 13px;
    color: #999;
    line-height: 32px;
}
.int_w_content p em{
    color: #333;
    font-style: normal;
}
.inter_doctor h3{
    font-size: 14px;
    color: #333;
    font-weight: normal;
    line-height: 30px;
    border-bottom: 1px solid #e7e7e7;
}
.inter_doctor h3 .nextP{
    float: right;
    font-size: 13px;
    color: #333;
    padding-left: 24px;
    background: url("../images/refresh.png") no-repeat left center;
    background-size: 20px 20px;
}
.int_result{
    padding: 10px 20px 0;
    border-bottom: 1px solid #f0f2f5;
}
.flex_wrap{
    display: -webkit-box;  /* 老版本语法: Safari, iOS, Android browser, older WebKit browsers. */
    display: -moz-box;     /* 老版本语法: Firefox (buggy) */
    display: -ms-flexbox;  /* 混合版本语法: IE 10 */
    display: -webkit-flex; /* 新版本语法: Chrome 21+ */
    display: flex;
    margin-bottom: 8px;
}
.flex_wrap label{
    width: 72px;
    font-size: 14px;
    color: #333;
    padding: 0 1px 0 5px;
    line-height: 26px;
}
.flex_cell{
    -webkit-box-flex: 1;   /* OLD - iOS 6-, Safari 3.1-6 */
    -moz-box-flex: 1;     /* OLD - Firefox 19- */
    -webkit-flex: 1;      /* Chrome */
    -ms-flex: 1;          /* IE 10 */
    flex: 1;
    font-size: 13px;
    line-height: 26px;
    color: #999;
}
.flex_cell strong{
    color: #333;
}
/* 干预报告 end */
/* 我要预约 */
.appoint_box{
    padding: 0 20px;
}
/* 2018-7-17 新增 预约 */
.appoint_list{
    display: -webkit-box;  /* 老版本语法: Safari, iOS, Android browser, older WebKit browsers. */
    display: -moz-box;     /* 老版本语法: Firefox (buggy) */
    display: -ms-flexbox;  /* 混合版本语法: IE 10 */
    display: -webkit-flex; /* 新版本语法: Chrome 21+ */
    display: flex;
    padding: 15px 0;
    border-bottom: 1px solid #e5e5e5;
    position: relative;
}
.doc_img{
    width: 139px;
    height: 162px;
    margin-right: 20px;
    overflow: hidden;
}
.doc_img img{
    width: 100%;
}
.doc_info{
    -webkit-box-flex: 1;   /* OLD - iOS 6-, Safari 3.1-6 */
    -moz-box-flex: 1;     /* OLD - Firefox 19- */
    -webkit-flex: 1;      /* Chrome */
    -ms-flex: 1;          /* IE 10 */
    flex: 1;
}
.doc_info h2{
    font-size: 16px;
    color: #333;
    line-height: 32px;
    margin-bottom: 3px;
}
.doc_info h2 span{
    float: right;
    font-size: 12px;
    color: #ff1b08;
}
.doc_info h2 span i{
    font-size: 16px;
    font-style: normal;
}
.doc_info p{
    font-size: 13px;
    color: #999;
    line-height: 20px;
    text-align: justify;
}
.doc_info p label{
    color: #787878;
}
.doc_info p.p1{
    margin-bottom: 2px;
}
.doc_info p.p1 span{
    margin-right: 30px;
}
.doc_info p.p3{
    margin-bottom: 15px;
    height: 40px;
    overflow: hidden;
}
.doc_info p.p2{
    margin-bottom: 10px;
}
.doc_info p.p2 span{
    margin-right: 20px;
}
.doc_info p.p4 span{
    margin-right: 6px;
    background: #f0f2f5;
    padding: 0 5px;
    line-height: 20px;
    display: inline-block;
    border-radius: 3px;
    font-size: 12px;
}
.doc_btn{
    position: absolute;
    right: 0;
    bottom: 15px;
    font-size: 0;
}
.doc_btn a{
    display: inline-block;
    margin-left: 10px;
    width: 102px;
    height: 30px;
    line-height: 30px;
    font-size: 14px;
    text-align: center;
    color: #fff;
    background: #397694;
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    border-radius: 3px;
}
.doc_btn a.disabled{
    background-color: #e0e0e0;
    cursor: default;
}
.appoint_wrap{
    padding: 10px 0;
    overflow: hidden;
    min-height: 410px;
}
.records_wrap .lab .nextP{
    font-size: 13px;
    color: #333;
    font-weight: normal;
    float: right;
    margin-right: 20px;
    padding-left: 4px;
    background: url("../images/refresh.png") no-repeat left center;
    background-size: 20px 20px;
}
.a_item{
    width: 300px;
    height: 172px;
    float: left;
    margin: 15px 1% 15px 0.5%;
    display: -webkit-box; /* Chrome 4+, Safari 3.1, iOS Safari 3.2+ */
    display: -moz-box; /* Firefox 17- */
    display: -webkit-flex; /* Chrome 21+, Safari 6.1+, iOS Safari 7+, Opera 15/16 */
    display: -ms-flexbox; /* IE 10 */
    display: flex;
}
.a_item .a_i_left{
    width: 150px;
    height: 100%;
    overflow: hidden;
    -webkit-box-shadow: -1px 2px 5px rgba(0, 0, 0, 0.1);
    -moz-box-shadow: -1px 2px 5px rgba(0, 0, 0, 0.1);
    box-shadow: -1px 2px 5px rgba(0, 0, 0, 0.1);
}
.a_item .a_i_left img{
    width: 100%;
}
.a_item .a_i_right{
    flex: 1;
    -ms-flex: 1;
    -webkit-flex: 1;
    -moz-box-flex: 1;
    height: 100%;
    padding: 0 10px;
    overflow: hidden;
    -webkit-box-shadow: 2px 2px 5px rgba(0, 0, 0, 0.1);
    -moz-box-shadow: 2px 2px 5px rgba(0, 0, 0, 0.1);
    box-shadow: 2px 2px 5px rgba(0, 0, 0, 0.1);
}
.a_item .a_i_right .money{
    text-align: right;
    font-size: 14px;
    color: #333;
    padding: 5px 0;
}
.a_item .a_i_right .money span{
    text-decoration: underline;
}
.a_item .a_i_right .money .red{
    color: #ff0000;
}
.a_item .a_i_right h3{
    font-size: 16px;
    color: #333;
    font-weight: normal;
    line-height: 37px;
    border-bottom: 1px solid #e7e7e7;
}
.a_item .a_i_right .lab{
    font-size: 13px;
    padding: 8px 0;
    display: block;
}
.a_item .a_i_right p{
    font-size: 13px;
    color: #333;
    line-height: 20px;
}
.a_item .a_i_right p.minTxt{
    width: 100%;
    overflow: hidden;
    height: 42px;
}
.a_item .a_i_right a{
    width: 102px;
    height: 30px;
    line-height: 30px;
    display: block;
    font-size: 14px;
    text-align: center;
    color: #fff;
    background: #b2712e;
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    border-radius: 3px;
    margin-top: 15px;
}
.a_item .a_i_right a.disabled{
    background: #e0e0e0;
    cursor: default;
}
    /* 我要预约 end */
/* 健康商城 */
.shop_wrap{
    padding: 20px;
    overflow: hidden;
    border-top: 8px solid #f0f2f5;
    height: -moz-calc(100% - 128px);
    height: -webkit-calc(100% - 128px);
    height: calc(100% - 128px);
}
.shop_hid{
    width: 100%;
    height: -moz-calc(100% + 230px);
    height: -webkit-calc(100% + 230px);
    height: calc(100% + 230px);
    overflow: hidden;
    position: relative;
}
.shop_hid #iframe_shop{
    position: absolute;
    top: -150px;
    left: 0;
}

/* 2018-5-3 新增健康指数 */
.health_wrap{
    overflow: hidden;
    text-align: center;
}
.score_box{
    width: 300px;
    display: inline-block;
    margin: 0 3%;
}
.health_wrap .tip{
    font-size: 14px;
    margin-bottom: 20px;
    text-align: center;
}
.detail_box{
    width: 500px;
    display: inline-block;
    margin: 0 3%;
}
.health_top{
    overflow: hidden;
}
.health_top h3{
    float: left;
    border-bottom: none !important;
}
.h_select{
    float: right;
    padding: 5px 0;
}
.h_select label{
    font-size: 12px;
    color: #999;
    line-height: 28px;
}
.h_select input{
    width: 80px;
    height: 24px;
    line-height: 24px;
    padding: 0 10px;
    font-size: 12px;
    color: #999;
    border: 1px solid #f5f5f5;
    background: none;
    outline: none;
    margin-right: 5px;
}
.h_select a{
    font-size: 12px;
    color: #999;
    padding: 0 10px;
    line-height: 24px;
    display: inline-block;
    border: 1px solid #f5f5f5;
    border-radius: 2px;
}
.health_all{
    padding: 30px 0;
}
.h_girl_box{
    line-height: 30px;
}
.h_girl_box label{
    font-size: 13px;
    color: #333;
    display: inline-block;
    vertical-align: middle;
    margin-right: 20px;
}
.h_girl_box label input[type=radio]{
    vertical-align: middle;
    margin-right: 10px;
}
.h_girl_box label span{
    display: inline-block;
    vertical-align: middle;
}
.h_girl_box input[type=text]{
    line-height: 20px;
    border: none;
    border-bottom: 1px solid #e5e5e5;
    padding: 0 10px;
    font-size: 12px;
    color: #333;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    outline: none;
}
.h_girl_box>span{
    display: inline-block;
    vertical-align: middle;
    font-size: 13px;
    color: #333;
}
.no_wrap{
    padding: 80px 0;
    text-align: center;
    font-size: 12px;
    color: #999;
}
.h_w_border{
    border-top: 9px solid #f0f2f5;
}
/* 更新高频五项弹窗 */
.h_mask{
    width: 100%;
    height: 100%;
    background-color: rgba(0,0,0,0.7);
    position: fixed;
    top: 0;
    left: 0;
    z-index: 1000;
}
.h_dialog{
    width: 400px;
    height: 220px;
    padding: 50px;
    background: #fff;
    position: absolute;
    top: 50%;
    left: 50%;
    margin-top: -100px;
    margin-left: -200px;
}
 .close{
    width: 24px;
    height: 24px;
    background: url("../images/close.png") no-repeat center;
    background-size: 100%;
    position: absolute;
    top: 10px;
    right: 10px;
}
.h_dialog .tit{
    font-size: 13px;
    color: #000;
    line-height: 30px;
    border-bottom: 1px solid #e5e5e5;
}
.h_dialog .tit a{
    float: right;
    color: #000;
    font-size: 12px;
}
.h_cont{
    overflow: hidden;
    padding: 10px 0;
}
.h_cont .h_box{
    width: 50%;
    padding: 0 15px;
    margin-top: 10px;
    box-sizing: border-box;
    float: left;
}
.h_cont .h_box label{
    display: block;
    font-size: 12px;
    color: #333;
    line-height: 25px;
}
.h_cont .h_box input{
    width: 100%;
    height: 26px;
    line-height: 24px;
    border: 1px solid #e5e5e5;
    background: none;
    outline: none;
    padding: 0 10px;
    box-sizing: border-box;
}

/* 推荐医生 分页 */
.appoint_wrap{
    position: relative;
}
.appoint_wrap ul.pageRight{
    width: 12px;
    display: block;
    position: absolute;
    top: 50%;
    margin-top: -50px;
    right: 0;
    font-size: 0;
}
.appoint_wrap ul.pageRight li{
    width: 12px;
    height: 12px;
    background: #f0f2f5;
    border-radius: 100%;
    display: inline-block;
    margin: 3px auto;
}
.appoint_wrap ul.pageRight li.on{
    background: #38a9e2;
}

/* 2018-5-16 新增 */
.health_new{
    margin-top: 2%;
}
.health_lab{
    background: #f0f2f5;
    height: 30px;
    padding: 5px 0;
}
.health_lab h2{
    font-weight: normal;
    float: left;
    width: 300px;
    font-size: 14px;
    color: #666;
    margin-left: 20px;
    line-height: 30px;
}
.health_lab select{
    float: right;
    font-size: 14px;
    margin: 0 20px 0 0;
    width: 86px;
    padding: 0 10px;
    height: 30px;
    border: 1px solid #e5e5e5;
    color: #666;
    background-color: #fff !important;
}

.fiveResult{
    min-height: -moz-calc(100% - 217px);
    min-height: -webkit-calc(100% - 217px);
    min-height: calc(100% - 217px);
    overflow: hidden;
    box-sizing: border-box;
    -moz-box-sizing: border-box;
}

/* 2018-5-17 新增预约支付 */
.mask{
    width: 100%;
    height: 100%;
    position: fixed;
    top: 0;
    left: 0;
    z-index: 1000;
    background-color: rgba(0,0,0,0.5);
}
.dialog{
    width: 540px;
    height: 420px;
    overflow: hidden;
    position: absolute;
    top: 50%;
    left: 50%;
    margin-top: -210px;
    margin-left: -270px;
    background-color: #fff;
}
.int_d_top{
    height: 44px;
    background-color: #f0f2f5;
}
.int_d_top h2{
    font-size: 13px;
    color: #666;
    text-indent: 10px;
    line-height: 44px;
}
.int_d_content{
    padding: 10px 20px;
}
.int_d_content p.tip{
    padding-left: 20px;
    background: url("../images/u406.png") no-repeat left center;
    background-size: 16px 16px;
    font-size: 12px;
    color: #999;
    line-height: 16px;
}
.int_d_box{
    font-size: 0;
    margin-top: 10px;
}
.int_d_box label{
    width: 72px;
    font-size: 14px;
    color: #999;
    line-height: 30px;
    text-align: right;
    display: inline-block;
    vertical-align: middle;
}
.int_d_box span{
    display: inline-block;
    vertical-align: middle;
    padding: 0 10px;
    min-width: 60px;
    font-size: 13px;
    line-height: 30px;
    text-align: center;
    color: #999;
    background-color: #f0f2f5;
    margin-right: 10px;
    cursor: pointer;
}
.int_d_box span.on{
    color: #fff;
    background-color: #397694;
}
.int_d_box em{
    font-size: 13px;
    color: #333;
    font-style: normal;
    display: inline-block;
    vertical-align: middle;
    line-height: 30px;
}
.int_d_box em.red{
    color: #ff0000;
}
.int_d_box .sel{
    width: 120px;
    height: 30px;
    padding: 0 10px;
    line-height: 30px;
    display: inline-block;
    vertical-align: middle;
    border: 1px solid #f0f2f5;
    font-size: 13px;
    color: #333;
    box-sizing: border-box;
    -webkit-box-sizing: border-box;
    margin-right: 10px;
}
.int_d_box .sel_100{
    width: 80px;
}
.int_d_info{
    border-top: 1px dashed #e5e5e5;
    margin-top: 20px;
    padding: 20px 0;
}
.int_d_info h3{
    font-size: 13px;
    color: #666;
}
.int_d_box>div{
    width: 200px;
    height: 30px;
    display: inline-block;
    vertical-align: middle;
}
.int_d_box .inp{
    width: 120px;
    height: 30px;
    padding: 0 10px;
    box-sizing: border-box;
    -webkit-box-sizing: border-box;
    display: inline-block;
    vertical-align: middle;
    font-size: 13px;
    border: 1px solid #f0f2f5;
    outline: none;
}
.int_d_box .inp_2{
    width: 190px;
}
.int_d_box .inp[disabled]{
    border: none;
    background: #f9f9f9;
    color: #999;
}
.int_btn{
    text-align: center;
    margin-top: 10px;
    position: relative;
}
.int_btn a{
    display: inline-block;
    padding: 0 10px;
    line-height: 30px;
    min-width: 80px;
    text-align: center;
    background-color: #397694;
    font-size: 13px;
    color: #fff;
    cursor: default;
}
.int_btn span{
    font-size: 14px;
    color: #999;
    position: absolute;
    top: 0;
    left: 0;
}
.int_btn span em{
    font-size: 16px;
    font-style: normal;
    color: #ff0000;
}

/* dialog_pay */
.dialog_pay{
    width: 540px;
    height: 440px;
    overflow: hidden;
    position: absolute;
    top: 50%;
    left: 50%;
    margin-top: -220px;
    margin-left: -270px;
    background-color: #fff;
    padding: 20px;
    box-sizing: border-box;
    -webkit-box-sizing: border-box;
}
.dialog_Ques{
    height: 460px;
    margin-top: -230px;
}
.d_pay_top{
    line-height: 30px;
    border-bottom: 1px solid #e5e5e5;
}
.d_pay_top h2{
    font-size: 14px;
    color: #666;
    font-weight: normal;
}
.d_pay_top em{
    position: absolute;
    top: 20px;
    right: 20px;
    font-size: 13px;
    color: #666;
    font-style: normal;
}
.d_pay_top i{
    color: #ff0000;
    font-style: normal;
}
.d_pay_content{
    padding: 20px;
}
.d_pay_nav{
    font-size: 0;
    height: 30px;
    border-bottom: 1px solid #f0f2f5;
    box-sizing: border-box;
    -webkit-box-sizing: border-box;
}
.d_pay_nav span{
    float: left;
    padding: 0 10px;
    min-width: 60px;
    height: 30px;
    font-size: 13px;
    line-height: 30px;
    text-align: center;
    color: #999;
    background-color: #f9f9f9;
    border: 1px solid #f0f2f5;
    cursor: default;
    box-sizing: border-box;
    -webkit-box-sizing: border-box;
}
.d_pay_nav span.on{
    background-color: #fff;
    border-bottom: none;
}
.d_pay_box{
    border: 1px solid #f0f2f5;
    border-top: none;
    width: 100%;
    height: 260px;
    padding: 20px;
    box-sizing: border-box;
    -webkit-box-sizing: border-box;
}
.d_pay_w{
    width: 160px;
    padding: 8px;
    border: 1px solid #f5f5f5;
    margin: 0 auto;
}
.d_pay_w>img{
    width: 100%;
}
.d_pay_w>div{
    text-align: center;
    font-size: 12px;
    line-height: 16px;
    margin-top: 5px;
}
.d_pay_w>div img{
    width: 32px;
    height: 32px;
    display: inline-block;
    vertical-align: middle;
}
.d_pay_w>div span{
    display: inline-block;
    vertical-align: middle;
    text-align: left;
}
.d_pay_content .int_btn{
    margin-top: 22px;
}
.help_wrap{
    width: 200px;
    height: 60px;
    position: fixed;
    right: 10px;
    bottom: 0;
    z-index: 1000;
}
.help_wrap p{
    font-size: 12px;
    color: #333;
    line-height: 24px;
    position: absolute;
    bottom: 0;
    right: 0;
}
.help_wrap .ico_tel{
    width: 36px;
    height: 36px;
    position: absolute;
    right: 0;
    top: 0;
    background: #b5b5b5 url("../images/u610.png") no-repeat center;
    background-size: 100%;
}
.tel_wrap{
    width: 14px;
    height: 36px;
    overflow: hidden;
    position: absolute;
    right: 36px;
    top: 0;
}
.tel_on{
    width: 164px;
    transition: 0.25s all ease-in-out;
}
.tel_wrap span{
    display: block;
    width: 164px;
    height: 36px;
    line-height: 36px;
    text-align: center;
    font-size: 14px;
    overflow: hidden;
}
.tel_wrap span i{
    width: 14px;
    height: 36px;
    background-color: #f0f0f0;
    float: left;
    font-style: normal;
}
.tel_wrap span i.ico_1{
    display: block;
}
.tel_wrap span i.ico_2{
    display: none;
}
.tel_wrap span em{
    float: left;
    width: 149px;
    height: 34px;
    font-style: normal;
    border: 1px solid #e5e5e5;
    border-right: none;
    background-color: #fff;
}


.upgrade{
    font-size: 16px;
    background: #e90015;
    color: #fff;
    text-align: center;
    line-height: 40px;
    width: 125px;
    margin: 50px auto 0;
    cursor: pointer;
    -moz-user-select:none; /*火狐*/
    -webkit-user-select:none; /*webkit浏览器*/
    -ms-user-select:none; /*IE10*/
    user-select:none;
}