﻿@charset "utf-8";
/* CSS Document */

/*媒体查询*/
html,img{font-size:121px}
html{max-width:460px; margin:0 auto;}
/*统一样式*/
*{ margin:0; padding:0;-webkit-tap-highlight-color:rgba(0,0,0,0)}
/*body,html {-webkit-user-select: none;user-select: none}*/
a,img,button,input,textarea,span,i,div{-webkit-tap-highlight-color:rgba(255,255,255,0);}
body{font-size:0.12rem;font-family:"微软雅黑"; font-weight:400;min-width:320px;max-width:640px;height: 100%;margin: 0 auto; background:#fff; color:#000}
ul,li{list-style:none}
img{border:none; vertical-align:bottom;}
a{color:#000; text-decoration:none;}
*:focus{outline: 0;}
em,i{font-style:normal;}
.fl{float:left;}.fr{float:right;}
.clearfix:after{content: "020"; display: block; height: 0; clear: both; visibility: hidden;}
.clearfix {zoom: 1;}
.wrap{ width:100%; min-width:320px; max-width:640px; margin-left:auto; margin-right:auto;}
.text-clip{overflow:hidden;white-space:nowrap;text-overflow: ellipsis;-ms-text-overflow: ellipsis;-o-text-overflow: ellipsis;}
.g-img img{width:100%;}
.text-red{ color:#c70a0a; text-decoration:underline}
header,nav,footer,aside,section,article{ display:block}
.mt{ margin-top:.1rem}

.header{width: 100%; margin: 0 auto; margin-bottom: 0.01rem;}
.header img{width: 100%;}
.head{position: fixed; top: 44px;z-index: 99;}

.nav ul li{float: left; width: 24%; background: #2d343e; height: 0.4rem;}
.nav ul li a{display: block; width: 100%; text-align: center; font-size: 0.16rem; color: #fff; line-height: 0.4rem; background: url(../images/nav_li_bj.png) no-repeat right; background-size: 0.02rem 100%!important;}
.nav .nav_center{width: 26%;}
.nav ul li:last-child a{background: none;}

.ban{margin-bottom: 2%;}

/*通用标题*/
.box_tit{width: 100%; margin: 0 auto; background: #2d343e; padding: 1% 0;}
.box_tit .tit{width: 94%; margin:  0 auto; padding: 0 1%; border-left: 0.03rem solid #FFF;}
.box_tit .tit h3 {font-size: 0.16rem; color: #fcfd01;}
.box_tit .tit h3 i{color: #fff;}
.box_tit .tit p{font-size: 0.1rem!important; color: #ffffff;}

.one_cont{margin: 2% auto;}
.one_cont .box_nav{width: 94%; margin: 0 auto; padding: 4% 1%; background: #eeeeee; border-radius: 0.06rem;}
.one_cont .box_nav .look_disease{ width: 22%; margin-top: 6%; text-align: center; color: #4fe4ce;}
.one_cont .box_nav .look_disease img{display: block; width: 65%; margin: 4% auto;}
.one_cont .box_nav .look_disease h3{font-weight: initial; color: #c50715;}
.one_cont .box_nav .look_disease p{font-size: 0.08rem!important; width: 100%; color: #2d343e;}
.one_cont .box_nav .disease_class{width: 78%;}
.one_cont .box_nav .disease_class .top ul li{ float: left; width:46%; border: 0.01rem solid #2d343e; margin-right: 4%; margin-bottom: 4%; border-radius: 0.04rem; background: #fff; text-align: center;}
.one_cont .box_nav .disease_class .top ul li a{display: block; font-size: 0.16rem; line-height: 0.34rem; color: #4e4e4e;}
.one_cont .box_nav .disease_class .top .ri{margin-right: 0;}

.one_cont .box_nav .disease_class .top .box2 li{width: 22%; margin-right: 2%;}

.one_cont .one_swt{width: 100%;}
.one_cont .one_swt a{display: block; width: 84%; margin: 0 auto; background: #c50715; border-radius: 0.05rem; text-align: center; color: #fff; font-size: 0.14rem; line-height: 0.34rem;}
.one_cont .one_swt a i{padding-right: 10%; background: url(../images/one_box_tp.png) no-repeat right; background-size: 0.24rem 0.2rem;}

.one_cont .box_swt{width: 94%; margin: 0 auto; padding: 2% 0;} 
.one_cont .box_swt .order{width: 35%; padding: 4% 2%; border-right: 0.01rem solid #dbdbdb;text-align: center; }
.one_cont .box_swt .order a{ display: block;}
.one_cont .box_swt .order img{display: block; width: 35%; margin: 4% auto;}
.one_cont .box_swt .order h3{font-weight: initial; color: #4e4e4e;}
.one_cont .box_swt .order p{ font-size: 0.1rem!important; color: #b8b8b8;}
.one_cont .box_swt .consult{width: 60.6%;}
.one_cont .box_swt .consult .top{ width: 100%; padding: 2% 0; border-bottom: 0.01rem solid #DBDBDB;}
.one_cont .box_swt .consult .bot{padding-top: 2%;}
.one_cont .box_swt .consult a{ display: block; padding: 0.5% 0;}
.one_cont .box_swt .consult a img{width: 100%;}

.two_cont{width: 96%; margin: 0 auto;}
.two_cont .text{ width: 98%; margin: 2% auto; background: #eee; padding: 2% 1%;}
.two_cont .text h3{font-size: 0.14rem; color: #C70A0A; text-align: center; line-height: 0.28rem;}
.two_cont .text p{font-size: 0.12rem; color: #333; padding: 1%;}
.two_cont .text p a{ color: #C30203;}
.two_cont .authent img{ display: block; width: 100%; margin-bottom: 2%;}
.two_cont .text_two{border: 0.01rem solid #2d343e; padding: 2%; margin-bottom: 2%;}
.two_cont .text_two p{font-size: 0.12rem; color: #333;}
.two_cont .text_two p a{color: #C30203;}
.two_cont .two_tab .tab_nav ul li{ float: left; width: 32%; text-align: center; margin-right: 2%; background: #2d343e; color: #FFFFFF; font-size: 0.16rem; line-height: 0.32rem; position: relative;}
.two_cont .two_tab .tab_nav ul li:last-child{ margin: auto;}
.two_cont .two_tab .tab_nav .active{background: #C70A0A;}
.two_cont .two_tab .tab_nav .active i{display: block; width: 0.16rem; height: 0.12rem; background: url(../images/tab_tit_tp.png) no-repeat; position: absolute; bottom: -0.12rem; left: 40%;}
.two_cont .two_tab .tab_cont .tab_item{display: none;}
.two_cont .two_tab .tab_cont{margin: 4% 0 2%;}
.two_cont .two_tab .tab_cont .step{margin-bottom: 2%;}
.two_cont .two_tab .tab_cont .step ul li{ float: left; width: 49%; margin-right: 2%; background: #eeeeee;}
.two_cont .two_tab .tab_cont .step ul li:last-child{margin: auto;}
.two_cont .two_tab .tab_cont .step ul li img{width: 100%;}
.two_cont .two_tab .tab_cont .step ul li p{padding: 4%; font-size: 0.12rem;}
.two_cont .two_tab .tab_cont .step ul li p span{color: #C70A0A;}
.two_cont .two_tab .tab_cont .step ul li p i{ color: #2d343e;}
.two_cont .two_tab .tab_cont .effect ul li{margin:2.5% 0;}
.two_cont .two_tab .tab_cont img{width: 100%;}

.thr_cont{width: 100%; margin: 2% auto;}
.thr_cont .expert .tp{width: 34%; padding: 3% 2%;}
.thr_cont .expert .tp img{width: 100%;}
.thr_cont .expert_txt {width: 59%; padding-top: 1%;}
.thr_cont .expert_txt h3{font-weight: initial; color: #2d343e; line-height: 0.22rem;}
.thr_cont .expert_txt h3 img{width: 6%; vertical-align: text-bottom;}
.thr_cont .expert_txt h3 span{font-weight: bold; font-size: 0.18rem; color: #C70A0A;}
.thr_cont .expert_txt p{font-size: 0.12rem; padding: 0.02rem 0;}
.thr_cont .expert_txt p span{color: #2d343e;}
.thr_cont .expert_txt p a{color: #ce0606;}
.thr_cont .expert_txt .mavin{ width: 86%; margin: 2% auto 0;}
.thr_cont .expert_txt .mavin a{display: block; float: left; width: 48%; font-size: 0.12rem; color: #fff; line-height: 0.28rem; text-align: center; background: #2d343e; margin-right: 4%;}
.thr_cont .expert_txt .mavin a:last-child{margin: auto; background: #ce0606;}

/*第四部分*/
.four_cont{width: 96%; margin: 0 auto;}
.four_cont .four_tab{margin: 2% auto 4%;}
.four_cont .four_tab ul li { margin-bottom: 1%;}

.five_cont .swiper-container {width: 96%;margin: 2% auto 0;}
.five_cont .card{width: 95%; margin-bottom: 8%; border: 0.01rem solid #2d343e; background: url(../images/four_tab_bj.jpg) repeat; box-shadow: 0 0.02rem 0.04rem #838080;  border-radius: 0.04rem; padding: 2%;}
.five_cont .card h3{text-align: center; color: #c30203; font-size: 0.16rem;}
.five_cont .card .patient .text{width: 50%;}
.five_cont .card .patient .text h4{margin-top: 1%; font-size: 0.14rem; color: #2d343e; font-weight: initial;}
.five_cont .card .patient .text p{ color: #343633;}
.five_cont .card .patient .text a{display: block; width: 80%; margin: 2% auto 0; background: #ce0606; text-align: center; color: #fff; line-height: 0.24rem;}
.five_cont .card .patient .tp{width: 40%; margin-left: 10%; padding-top: 3%;}




.six_cont{margin: 0 auto;}
.six_cont p{width: 96%; margin: 2% auto; font-size: 0.12rem; color: #525252;}
.six_cont .table{width: 80%; margin: 2% auto; font-size: 0.14rem;}
.six_cont .table .usname{width: 100%;}
.six_cont .table div{margin: 2.8% auto;}
.six_cont .table .usname input{width: 60%; line-height: 0.14rem; font-size: 0.12rem; padding: 1% 0 1% 1%;}
.six_cont .table .phone input{width: 60%;line-height: 0.14rem; font-size: 0.12rem; padding: 1% 0 1% 1%;}
.six_cont .table .radio input{margin-left: 5%; line-height: 0.14rem;vertical-align:middle;}
.six_cont .table_two .button_on{width: 75%; margin: 2% auto 4%; background: #c40816; text-align: center; line-height: 0.28rem; color: #fff; font-size: 0.14rem;}
.six_cont .table_value {margin: 2% auto;}
.six_cont .table_value p{width: 98%; font-size: 0.14rem; color: #333; font-weight: bold; background: #eee; padding-left: 2%; line-height: 0.24rem;}
.six_cont .table_value .box{padding: 1% 2%; margin-bottom: 1%;}
.six_cont .table_value .box span{display: block; font-size: 0.12rem !important; line-height: 0.22rem; height: 0.22rem; float: left; padding-right: 2%;}
.six_cont .table_value .box span input{vertical-align:middle;}

.six_cont .sub_tab{ width: 75%; margin: 0 auto;}
.six_cont .sub_tab input{width: 45%; margin-right: 8%; border: 0; background: #ce0606; border-radius: 0.12rem ; line-height: 0.24rem; font-size: 0.14rem; color: #fff; }
.six_cont .sub_tab input:last-child{margin: 0; background: #373737;}

.wechat{width: 96%; margin: 2% auto; border: 0.01rem solid #2d343e;}
.wechat h3{width: 100%; text-align: center; background: #2d343e; color: #fff800; font-weight: initial; line-height: 0.3rem; font-size: 0.14rem;}
.wechat .contact{padding: 4% 2%;}
.wechat .contact .tp{width: 22%;padding-left: 1%;}
.wechat .contact .txt{ width: 75%; margin-top: 0.06rem; margin-left: 2%;}
.wechat .contact .txt ul li{line-height: 0.24rem; font-size: 0.12rem;}
.wechat .contact .txt ul li i{color: #2d343e;}
.wechat .contact .txt ul li span{color: #ce0606;}
.wechat .contact .txt ul li a{ margin-left: 2%; padding: 1% 4%; background: #2d343e; line-height: 0.24rem; font-size: 0.12rem; color: #fff; border-radius: 0.12rem;}

/*页面底部*/
.foot .foot_nav ul li{float: left; width: 33.1%; border-right: 0.01rem solid #fff; background: #d3d3d3;}
.foot .foot_nav ul li:last-child{border: 0;}
.foot .foot_nav ul li a{display: block; text-align: center; line-height: 0.28rem; font-size: 0.18rem; font-weight: 800; color: #333;}
.foot .txt{background: #f0eee1; text-align: center; padding: 2% 0 15%;}
.foot .txt p span{color: #035014; line-height: 0.18rem; font-size: 0.14rem;}

.fiex_nav .foot_tab ul li{width: 33.3%; float: left;}
.fiex_nav .fiex{position: fixed; bottom: 0; z-index: 99;}
