@charset "utf-8";
/* CSS Document */
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,p,pre,form,fieldset,input,textarea,blockquote,th,td{ margin:0px; padding:0px;}
header,footer,section,article,aside,nav,hgroup,address,figure,figcaption,menu,details { display:block; } 
table{ border-collapse:collapse; border-spacing:0;}
fieldset,img{ border:0px;}
address,caption,em,code{ font-style:normal; font-weight:normal;}
pre, code, kbd, samp { font-family:inherit; } 
ol,ul{ list-style:none;}
h1,h2,h3,h4,h5,h6{ font-size:100%; font-weight:normal; padding:0; margin:0;}
a{ text-decoration:none;-webkit-tap-highlight-color: rgba(0,0,0,0);-webkit-tap-highlight-color: transparent;}
body{font-family: "Microsoft Yahei", "宋体", sans-serif;font-size:62.5%; background:#fff;min-width:320px;
max-width:640px;width:expression(document.body.clientWidth <700 ? "640px" : "100%" ); margin:0 auto; }
/*清楚浮动*/
.clearfix:after{ display:block;visibility:hidden;clear:both;height:0;content:'.';}
.clearfix { zoom:1;}
.cb{ clear:both;}
html{font-size:62.5%;font-family:'Microsoft Yahei'; }
.fl{ float:left;}
.fr{ float:right;}

/***banner***/
.banner,.banner img{ width:100%; height: auto; display: block;}
.content{ padding-top:12px;}
.h2-txt{ margin: 10px; min-width: 255px; height:65px; background: url(../img/bg24.png) 0 0 no-repeat; background-size: 320px auto;}
.h2-txt em{width:56px;height:42px;display: inline-block;vertical-align: middle; margin-top:7px;}
.h2-emone{ background: url(../img/bg24.png) 0 -107px; background-size: 320px auto;}
.h2-emtwo{ background: url(../img/bg24.png) 0 -155px; background-size: 320px auto;}
.h2-emthree{ background: url(../img/bg24.png) 0 -200px;background-size: 320px auto;}
.h2-txt span{ display: inline-block; color:#fff;  vertical-align: middle;}
.h2-txt span b{ font: bold 2.4rem/2.5rem "Microsoft Yahei"; margin-top:6px; display: inline-block;}
.h2-txt span i{font:1.6rem/2rem "Microsoft Yahei"; margin-top: 3px; display: }

/****/
.h3-txt{ margin:24px auto 0; text-align: center; position:relative;}
.h3-txt span{font: bold 1.9rem/1.9rem "Microsoft Yahei"; height:35px; color:#fff; display: inline-block; border:1px solid #006ce1;box-shadow: 0px 0px 6px 2px rgba(6,90,161,0.6) inset;padding:0 20px; position: relative; color:#93fbff; line-height:35px;}
.h3-left{ width:20px; height:47px; background: url(../img/bg24.png) 0 -256px;background-size:320px auto; position:absolute; left:-14px;top:-10px;display: inline-block;}
.h3-right{width:23px; height:47px; background: url(../img/bg24.png) 0 -305px;background-size:320px auto; position:absolute;right:-14px;top:-1px;display: inline-block;}
.prediction{ width:100%; height: auto; background:url(../img/prediction-bg.png) no-repeat bottom;background-size:100% auto; margin-top:10px;}
.prediction .prediction-ul{ margin-left:10px; margin-bottom:20px;}
.prediction-ul li{ width:50%; float:left; margin-top:10px;overflow: hidden;height: 136px;}
.prediction-ul li .pre-bh{ margin-right:10px; padding-bottom: 10px;height: 94%;}
.pre-bh{box-shadow: 0px 0px 6px 2px rgba(4,177,204,0.6) inset;}
.pre-bh .h6-txt{font: bold 1.4rem/1.4rem "Microsoft Yahei"; color:#fff; padding:6px 20px; display: inline-block; background-image: linear-gradient(90deg, #00b5ff, #043467); margin:15px 0 0 15px;}
.pre-bh p{font:1.2rem/1.4rem "Microsoft Yahei"; color:#fff; margin:10px 15px 0 15px;}
.prediction-ul li a{color:#93fbff;}

.stage{ margin-left: 59px; margin-top:15px; position: relative; margin-right:10px;}
.stage-piao{ width:84px; height:84px; background: url(../img/bg24.png) 0 -360px; background-size:320px auto; position: absolute;top:14%; left:-50px;}
.stage-piao b{font:1.3rem/22px "Microsoft Yahei"; color:#fff; font-weight:bold; width:22px; height:22px; border-radius:24px; display: inline-block; background:#e9536a; border:2px solid #fff; position: absolute; right: 0; top:-5px; text-align: center;}
.stage-piao em,.stage-piao span{font: bold 1.5rem/22px "Microsoft Yahei"; display: block; text-align: center;}
.stage-piao em{ margin-top:18px; color:#333;}
.stage-piao span{margin-top:10px; color:#fff;}
.stage-rg{box-shadow: 0px 0px 6px 2px rgba(4,177,204,0.6) inset; padding:10px 0; margin-top:20px; position: relative;} 
.stage-rg ul{ margin:0 22px 0 45px; }
.stage-rg ul li{ font-size:1.3rem; color:#fff; padding:10px 0;}
.stage-rg ul li em{ font-size:1.3rem; padding:4px 0; width:25%; border-radius:0 8px 0 8px; color:#333; font-weight:bold;background:#fff; display: inline-block; text-align: center; vertical-align: top;}
.stage-rg ul li span{font-size:1.3rem;  width:70%; display: inline-block; margin-left: 4%;vertical-align:top;}
.stage-li{border-bottom: 1px dashed #005abb;}
.stage-piao2{top:30%;}
.stage-piao3{top:30%;}
.stage-bt,.stage-bt img{width:100%; height:auto; margin:0 auto; display: block;}

/**第二部分**/
.content-two{ background:url(../img/contjianzhu.jpg) bottom  no-repeat #03172c;background-size:100% auto;   padding-top:15px; padding-bottom:60px;}
.h2-txt2{ margin-top:10px;}
.test-box{ border:1px solid #00c3ff; background:#03172c; margin:10px; box-shadow: 0px 0px 6px 2px rgba(4,177,204,0.6) inset;}
.test-k{margin:0 10px;}
.test-p{ font-size:1.3rem; color:#fff; }
.test-p span{ display:inline-block;font:bold 1.5rem/26px "Microsoft Yahei"; color:#fff; text-align: center;}
.test-span{ border-left:1px solid #003369;border-right:1px solid #003369; width:18%; padding:10px 0;}
.test-table{ background:#fff; padding-bottom:10px; margin-bottom:20px;}
.h4-txt{font:1.5rem/32px "Microsoft Yahei"; height:32px;background-image: linear-gradient(90deg, #5938ef, #027cef); display: inline-block; color:#fff; padding:0 10px; border-radius:0 0 10px 0;}
.table-box{ margin:10px auto 0; }
.ui-table{ clear:both;}
.table-box td{ border:1px #ddd solid; padding:8px 10px; font:normal 1.3rem/22px "Microsoft Yahei";}
.table-box td:nth-child(2){width: 18%;text-align: center;}
.table-box .tabletxt-l{border-left:1px solid #fff; width:26%;}
.table-box .tabletxt-r{ width:50%;}
.table-box .tabletxt-t{border-top:1px solid #fff;}
.table-box .tabletxt-b{border-bottom:1px solid #fff;}
.table-box td span{ color:#e1384c;}
.test-an{ margin:0 10px;}
.test-an a{width:100%; height: auto; display: block;}
.test-an a img{width:100%; height: auto; display: block;}
/**第三部分**/
.content-three{ background: url(../img/geli.jpg) bottom  no-repeat; background-size:100% auto; padding-bottom: 30px;}
.steady{ margin:0 10px;overflow: hidden;}
.steady-txt{width:340px; height: auto; margin-top:25px;}
.h4{ width:23%; display: inline-block;}
.h4 span{font: bold 5rem/50px "Microsoft Yahei"; color:#0142a3; display: block; position:relative;} 
.h4 span i{ position: absolute; bottom:0;  font: bold 1.4rem/20px "Microsoft Yahei";  background: -webkit-linear-gradient(left, #00ccff , #8cfb96);     /* 背景色渐变 */
  -webkit-background-clip: text;         /* 规定背景的划分区域 */  -webkit-text-fill-color: transparent;  /* 防止字体颜色覆盖 */}
.h4 strong{font:1.6rem/26px "Microsoft Yahei"; color:#fff;display: block; position: relative;}
.h4 strong i{width:25px; height:5px; background:#006ede; background-image: linear-gradient(20deg, #00edff, #006ede);
	display: inline-block; position: absolute; left:0; bottom:-8px;}
.steady-txt p{ width:64%; color:#c0defe;font:1.4rem/22px "Microsoft Yahei"; display: inline-block;}
.steady .fr{ margin-left: 25px;}
.steady-tu{ margin-top:10px; height: auto; display: block;}
.steady-tu img{ width: 82%;    height: auto;   display: block;    margin: 0 auto 20px;}
.steady-button{ margin: 0 auto; text-align: center;}
.steady-button a{width:55%;height:35px;font-size:1.4rem;color:#fff;line-height:35px;border:2px solid #00eeff;display: inline-block;border-radius: 40px;margin: 0 auto;}
.steady-two{ margin-top:3px !important;}
/**content-four**/
.content-four{  background:#071222; padding-bottom:20px; }
.h2-four{ width:100%; height: auto; background: url(../img/btl.jpg) center;background-size:100% auto;  text-align: center;  }
.h2-four span{line-height:80px;font-size:2rem; font-family:"Microsoft Yahei";background: -webkit-linear-gradient(left, #5b72ff , #58edff);     /* 背景色渐变 */	
  -webkit-background-clip: text;         /* 规定背景的划分区域 */  -webkit-text-fill-color: transparent;  /* 防止字体颜色覆盖 */}
.online{border:1px solid #00c3ff; background:#071222; margin:10px; margin-top:20px; box-shadow: 0px 0px 6px 2px rgba(4,177,204,0.6) inset; position: relative; padding-bottom:15px; background: url(../img/ghyio.png) bottom no-repeat; background-size:100% auto;}
.online-r{ margin-left:20%; margin-right:6%; position: relative;}
.on-txt{width:30px;height: auto;position: absolute;left:-20%;top: -16px;padding-bottom:25px;background-image: linear-gradient(to top, #25aeff, #670dff);text-align: center;border-radius:0 0 16px 16px;}
.on-txt span{ margin-top:6px;font-size:1.6rem; font-weight:bold; color:#fff; margin-top:5px; display: inline-block; }
.price{ width:100%; background:#fff; margin:15px 0;}
.price li { padding:12px 0;}
.price li em{ font:14px/24px "Microsoft Yahei";}
.price .priceli{ border-bottom:1px  dashed  #e1e1e1;}
.price li span{ margin-left:3%; font:1.4rem/24px "Microsoft Yahei";display: inline-block;vertical-align:bottom; width:40%; display: inline-block;}
.price li strong{font:1.8rem/24px "Microsoft Yahei"; color:#ff3251;width:30%; text-align:left; display: inline-block;vertical-align:bottom; }
.price li a{font:1.4rem/20px "Microsoft Yahei"; text-align: center; width:20%; height:20px; border-radius:2px; border:1px solid #ff3251; color:#ff3251; display:inline-block; }
.price li a:hover{ background:#ff3251; color:#fff;}
.price-sm p{ margin-top:10px;}
.price-sm p span{font:1.4rem/22px "Microsoft Yahei"; color:#fff; margin-left:10px; width:84%; display:inline-block; vertical-align:top;}
.price-sm p em{font:1.4rem/22px "Microsoft Yahei"; width:20px; height:20px; border:1px solid #fff; display: inline-block; color:#fff;
	border-radius:11px; text-align: center; vertical-align:top;}
.price-sm p .p-yellow{ color:#ffd65a;}
.online-eml{ width:33px; height:33px; background: url(../img/bg24.png) 0 -515px; background-size:320px auto; position: absolute; left:-2px; top:-2px; z-index: 5;}
.online-emr{ width:33px; height:33px; background: url(../img/bg24.png) 0 -560px; background-size:320px auto;position: absolute; bottom:-2px; right:-2px;}


/****返回顶部***/
.top-ico{ position:fixed; display: block; width: 36px; height: 36px; background-color:rgba(0,0,0,0.5); bottom:20px; right: 10px; border-radius: 18px; z-index: 10}
.top-ico i{ width:14px; height:18px; display:block; background:url(../img/in-bg.png) no-repeat -4px -58px; margin:9px auto; background-size:90px auto}
.ico-kf{ bottom:66px; background: url(../img/top_icon_consult@2x.png) center no-repeat; background-color:rgba(0,0,0,0.5); background-size: 65% auto;}



.dhldiv{
	width: 94%;
    height: 50px;
    background: #0652C9;
    line-height: 50px;
    margin: 4px auto 15px;
    overflow: hidden;
    font-size: 14px;
    font-weight: 400;
    color: #FFFFFF;
    text-align: center;
}
.dhldiv a{
	display: inline-block;
	color: #FFFFFF;
	width: 19.7%;
	float: left;
	height: 50px;
	line-height: 50px;
}
.dhldiv i{
	display: inline-block;
	width: 1px;
	height: 20px;
	background: #053D99;
	position: relative;
	top: 15px;
	float: left;
}
.dhldiv a:hover{background: #053D99;color: #FFFF00;}
.dhldiv a:hover i{background: #053D99;}


.s-plan{
	width: 94%;
	margin: 20px auto;
	background: #FFFFFF;
	overflow: hidden;
	border-radius: 10px;
}
.s-plan .s-title{
	width: 94%;
	overflow: hidden;
	font-size: 14px;
	line-height: 26px;
	margin: 0px auto 10px;
	padding-top: 10px;
}
.s-plan .s-plan-table{width: 94%;margin: 0 auto;overflow: hidden;}
.s-plan .s-plan-table table{margin: 0 auto 30px;table-layout:fixed;overflow: hidden;word-break:break-all; word-wrap:break-all;}
.chapter-table tr th,.chapter-table tr td{border:1px #e5e5e5 solid;line-height:34px;padding:4px; text-align: center;font-size: 14px;}
.chapter-table .chapter-bt td{border-bottom:1px solid #fff;}
.chapter-table tr td:nth-child(2),.chapter-table tr:nth-child(4) td,.chapter-table tr:last-child td{text-align: left;}
/* .chapter-table tr .stroke-l{border-left:1px solid #fff;  position: relative;}
.chapter-table tr .stroke-r{border-right:1px solid #fff;} */


.pmflrig{
	width: 5.5rem;
    height: auto;
    position: fixed;
    top: 54%;
    right: .2rem;
    border-radius: 0.37rem;
    align-items: center;
    justify-content: center;
    z-index: 99;
    overflow: hidden;
}
.pmflrig a{width: 100%;display: block;text-align: center;}
.pmflrig a:first-child img,.pmflrig a:nth-child(2) img{width: 90%;}
.pmflrig a img{width: 80%;}