@charset "utf-8";
@media screen and (max-width: 319px){html{font-size:14px;}}
@media screen and (min-width: 320px)and (max-width: 359px){html{font-size:14px;}}
@media screen and (min-width: 360px)and (max-width: 399px){html{font-size:16px;}}
@media screen and (min-width: 400px)and (max-width: 439px){html{font-size:18px;}}
@media screen and (min-width: 440px)and (max-width: 479px){html{font-size:20px;}}
@media screen and (min-width: 480px)and (max-width: 639px){html{font-size:22px;}}
@media screen and (min-width: 640px){html{font-size:24px;}}
/*css Reset*/
*{
	margin:0;
	padding:0;
}
*:focus {
	outline:none;
} 
body{
	max-width: 720px;
	margin: 0 auto;
	font-size:100%;
	color:#818181; 
	font-family:"Microsoft Yahei",tahoma,arial,宋体b8b\4f53;
	background:#ebebeb;
	/* padding-bottom: 70px; */
}
h1, h2, h3, h4, h5, h6, hr, p, blockquote, dl, dt, dd, ul, ol, li, pre, form, fieldset, legend, button, input, textarea, th, td {
	list-style:none;
	font-weight:normal;
}
article, aside, canvas, details, figcaption, figure, footer, header, hgroup, menu, nav, section, summary{ 
display:block !important; 
} 
li{
	list-style:none;
}
img{
	border:none;
	display:block;
}
a img{
	border:none;
}
em,i {
	font-style:normal;
}
em{
	display: block;
}
a,input {
	text-decoration:none;
	-webkit-tap-highlight-color:rgba(255,0,0,0);
}
a:hover {
	color:#000;
}
input:focus{
	outline: none;
}
input{
	-webkit-appearance:none;
	appearance:none;
}
.clearfix{ 
	clear:both; 
	display: block; 
	overflow: hidden;
}
/*查询页面*/
.topCont{
	width: 100%;
	padding: 1rem 0.8rem 1rem 0.8rem;
	background: #1cbafb;
	box-sizing:border-box;
	-webkit-box-sizing:border-box;
}
.topCont p{
	color: #fff;
	line-height: 2.2;
}
.topCont p.p1{
	text-align: right;
	line-height: 2;
}
.topCont p.p1>img{
	float: left;
	width: 22%;
}
.topCont p.p2{
	text-align: center;
}
.topCont p.p3{
	font-size: 1.2rem;
}
.topCont p.p4{
	line-height: 1.5;
	font-size: 4rem;
	font-weight: bold;
}
nav{
	width: 100%;
}
nav ul{
	background: #fff;
	display: -webkit-box;
}
nav ul li{
	-webkit-box-flex: 1;
	color: #333;
}
nav ul li{
	padding: 1.5rem 0;
	border-left: 1px solid #e5e5e5;
	border-bottom: 1px solid #e5e5e5;

}
nav ul li:first-child{
	border-left: 0;
}
nav ul li>p{
	text-align: center;
}
nav ul li>p.p1{
	font-size: 1rem;
}
nav ul li>p.p2{
	font-size: 1.4rem;
}
.detialCont{
	width: 100%;
	padding: 0 0.5rem 0 1rem;
	box-sizing:border-box;
	-webkit-box-sizing:border-box;
}
.detialCont h2{
	padding: 0.9rem 0;
	font-size: 1.2rem;
	color: #353535;
	line-height: 2.2;
	border-bottom: 1px solid #dcdcdc;
}
.detialCont li{
	position: relative;
	width: 100%;
	padding: 1rem 0 1.6rem 0;
	border-bottom: 1px solid #dcdcdc;
}
.detialCont li .rIcon{
	position: absolute;
	top:0.4rem;
	right: 0;
}
.detialCont li .rIcon span{
	padding: 0;
	float: left;
	margin-left: 0.3rem;
	display: block;
	width: 1.6rem;
	height: 1.6rem;
	border-radius: 50%;
	line-height: 1.6rem;
	text-align: center;
	color: #fff;
}
.detialCont li .rIcon span.span1{
	background: #ff4e00;
	font-size: 0.8rem;
}
.detialCont li .rIcon span.span2{
	background: #ff2e78;
	font-size: 0.65rem;
}
.detialCont li .lCont{
	position: relative;
	float: left;
	width: 84%;
/*	background: red;*/
}
.detialCont li .lCont>p{
	font-size: 0.95rem;
	line-height: 1.5;
}
.detialCont li .lCont>p span{
	font-size: 0.8rem;
	color: #7f7f7f;
}
.detialCont li .lCont>p span.Lt{
	float: left;
}
.detialCont li .lCont>p span.Rt{
	float: right;
/*	margin-right: 0.7rem;
*/}
.detialCont li .lCont .flow{
	margin-top: 0.5rem;
	width: 95%;
	background: #d7d7d7;
	height: 0.5rem;
	border-radius: 1rem;
	overflow: hidden;

}
.detialCont li .lCont .flow .flowBar{
	background: #20beff;
	width: 0;
	height: 0.5rem;
	border-radius: 1rem;
}
/*.progess1{
	width: 89%;
}
.progess2{
	width: 25%;
}
.progess3{
	width: 45%;
}*/
.detialCont li .lCont .count{
	display: block;
	position: absolute;
	bottom:-0.4rem;
	left: 100%;
	font-size: 1rem;
	color: #20beff;
}
.bottomLink a{
	position: fixed;
	bottom: 0;
	left: 0;
	display:block;
	width: 100%;
	color: #fff;
	font-size:1.2rem;
	height:48px;
	line-height: 48px;
	text-align: center;
	background: #1cbafb;
}
/*套餐列表页*/
.wrapper{
	margin:0 auto;
	position:relative;
	width:100%;
}
header{
	width: 100%;
}
header img{
	width: 100%;
}
.num{
	padding: 1.8rem 0.8rem 1.43rem 0.8rem;
	background: #fff;
}
.num img{
	float: left;
	width: 7%;
	display: inline-block;
	margin-top: 0.2rem;
}

.bold{
	color: #000000;
	font-size: 1.8rem;
	margin-left: 0.6rem;
}
.connect h1{
	position: relative;
    line-height:3;
    font-size: 0.9rem;
    text-indent: 2rem;
    font-style: normal;
    color: #9f9f9f;
}
.connect h1:after{
	position: absolute;
	top:1.1rem;
	left: 1rem;
	content: "";
	width: 0.5rem;
	height: 0.5rem;
	border-radius: 50%;
	background: #9f9f9f;

}
.connect ul li{
	padding: 0rem 0.8rem 0rem 0.8rem;
	height: 4.5rem;
	background: #fff;
	border-bottom:1px solid #e5e5e5 ;
}
.connect ul li p{
	padding: 1.45rem 0;
	display: inline-block;
}
.connect ul li p span.span1{
	font-size: 1.2rem;
}
.connect ul li p span.fs_8{
	font-size: 0.9rem;
}
.pay{
	width: 4.8rem;
	margin-top: 1.15rem;
	border: 0;
	background: #fff;
	border-radius: 4px;
	border: 1px solid #26abf8;
	font-size: 1.1rem;
	color: #26abf8;
	text-align: center; 
	line-height: 1.6;
	padding: 0.2rem 0.7rem;
	font-family: "微软雅黑";
	float: right;
}
.foot{
	padding-right: 0.8rem;
	text-align: right;
	margin-top: 0.4rem;
}
.foot a{
	font-size: 0.8rem;
	color: #868484;
}
/*绑定手机*/
.pic{
	text-align: center;
	padding: 6rem 0rem 7rem 0rem;
}
.pic img{
	width: 30%;
	display: inline-block;
}
.usertext{
	margin: 0rem 2.5rem;
	border-bottom: 1px solid #dcdcdc;
	padding-bottom: 0.3rem;
	margin-bottom: 1.6rem;
}
.usertext img{
	width:8%;
	display: inline-block;
	vertical-align: middle;
}
.usertext input{
	border: 0;
    width: 40%;
    margin: 0 auto;
    margin-left: 0.5rem;
    height: 2.5rem;
    font-size: 1rem;
}
.usertext input::-webkit-input-placeholder{
	color: #626262;
	font-family: "微软雅黑";
	font-size: 1rem;
	line-height: 1;
	padding-left: 0.5rem;
}
.usertext a{
	float: right;
	display: inline-block;
	color: #FFFFFF;
	background: #1cbafb;
	padding: 0.5rem 1rem;
	border-radius: 4px;
	vertical-align: middle;
}
.sub{
	margin-top:3rem;
	text-align: center;
}
.sub input{
	border: 0;
	margin: 0 auto;
    color: #FFFFFF;
    font-size: 1rem;
    font-family: "微软雅黑";
	background: #1cbafb;
	padding: 0.7rem 7.3rem;
	border-radius: 4px;
}
/*确认交易*/
.detial{
	width: 100%;
	padding: 0.5rem 1rem 0rem 1rem;
	background: #fff;
	box-sizing:border-box;
	-webkit-box-sizing:border-box;
}
.detial h2{
	padding-bottom: 0.5rem;
    border-bottom:1px solid #e5e5e5; 
}
.detial h2>span{
	display: block;
}
.detial h2>span.span1{
	float: left;
	padding-top: 0.5rem;
	display: block;
	font-size: 0.9rem;
	color: #404040;
}
.detial h2>span.span2{
	float: right;
	display: block;
	font-size: 1.6rem;
	color: #ff8a00;
}
.detial ul{
	padding: 0.5rem 0;
	border-bottom:1px solid #e5e5e5; 
}
.detial ul li{
	margin-bottom: 0.5rem;
}
.detial ul li>span{
	display: block;
}
.detial ul li>span.span1{
	float: left;
	display: block;
	font-size: 0.9rem;
	color: #a1a1a1;
}
.detial ul li>span.span2{
	float: right;
	display: block;
	font-size: 0.9rem;
	color: #404040;
}
.detial ul li>span.span3{
    color: #1cbafb;
}
.detial p{
	text-align: center;
	padding: 0.7rem 0rem;
}
.detial p a{
	color: #1cbafb;
}
/*交易详情*/
.detial{
	width: 100%;
	padding: 0.5rem 1rem 1rem 1rem;
	background: #fff;
	box-sizing:border-box;
	-webkit-box-sizing:border-box;
}
.detial h2{
	padding-bottom: 0.5rem;
    border-bottom:1px solid #e5e5e5; 
}
.detial h2>span{
	display: block;
}
.detial h2>span.span1{
	float: left;
	padding-top: 0.5rem;
	display: block;
	font-size: 0.9rem;
	color: #404040;
}
.detial h2>span.span2{
	float: right;
	display: block;
	font-size: 1.6rem;
	color: #ff8a00;
}
.detial ul{
	padding: 0.5rem 0;
	border-bottom:1px solid #e5e5e5; 
}
.detial ul li{
	margin-bottom: 0.5rem;
}
.detial ul li>span{
	display: block;
}
.detial ul li>span.span1{
	float: left;
	display: block;
	font-size: 0.9rem;
	color: #a1a1a1;
}
.detial ul li>span.span2{
	float: right;
	display: block;
	font-size: 0.9rem;
	color: #404040;
}
.detial ul li>span.span3{
    color: #1cbafb;
}
.bottomTxt{
	margin: 0 auto;
/*	margin-top: 0.5rem;
*/	width: 92%
}
.bottomTxt>span{
	display: block;
}
.bottomTxt>span.span1{
	float: left;
	display: block;
	font-size: 0.9rem;
	color: #000;
}
.bottomTxt>span.span1>img{
	float: left;
	margin-right: 0.5rem;
	width: 20%;
}
.bottomTxt>span.span2{
	float: right;
	display: block;
	font-size: 0.9rem;
	color: #818181;
}
.bottomTxt>span.span2>img{
	float: left;
	margin-right: 0.5rem;
	width: 30%;
}

.boldnew{
	float: left;
	margin-left: 1rem;
	margin-top: -0.3rem;
	border: 0;
	font-size: 2rem;
	color: #333;
	font-family: "微软雅黑";
	width: 14rem;
}
.boldnew::-webkit-input-placeholder{
	margin-top: 1.5rem;
	color: #ccc;
	font-family: "微软雅黑";
	font-size: 1rem;
	line-height: 1;
	padding-top: 0.7rem;
}
/*下载页面样式*/
.title{
	width: 100%;
	margin-top:1.3rem;
	color: #fff;
	font-size: 1.9rem;
	text-align: center;
	letter-spacing: 2px;
}
.title span{
	font-size: 1.5rem;
}
.letterTip{
	width: 100%;
	margin-top: 0.5rem;
	color: #fff;
	font-size: 0.8rem;
	text-align: center;
}
.pro{
	margin: 0 auto;
	margin-top: 1.2rem;
	width: 40%;
}
.pro>img{
	width: 100%;
}
.bottom_link{
	margin: 0 auto;
	margin-top: 1.5rem;
	width: 90%;
}
.bottom_link a.public{
	float: left;
	display: block;
	margin-left: 0.3rem;
	width: 40%;
	background: #40c7ff;
	border: 1px solid #fff;
	border-radius: 8px;
	padding:0.4rem;
}
.bottom_link a.public .lPic{
	float: left;
	width: 22%;
	margin-top: 0.3rem;
}
.bottom_link a.public .lPic>img{
	width: 100%;
}
.bottom_link a.public .rCont{
	float: left;
	margin-left: 1rem;
}
.bottom_link a.public .rCont p{
	color: #fff;
	list-style: 1.6;
	font-size: 1.2rem;
	font-weight: bold;
}
.bottom_link a.public .rCont p.p1{
	font-size: 1rem;
}
.bottomTip{
	width: 100%;
	margin-top: 1rem;
	padding-bottom:0.4rem;
	color: #fff;
	font-size: 0.8rem;
	text-align: center;
	letter-spacing:0.5px;
}

/*增加样式*/
.num p{
    width:5rem;
    display: inline-block;
    float: right;
    background: url(../images/dingdan.png) no-repeat center 0.2rem;
    background-size: 25%;
    padding: 2rem 0rem 0rem 0rem;
    margin-top: -0.5rem;
    text-align: center;
    border-left:1px solid #e5e5e5;
    font-size: 0.9rem; 
    box-sizing:border-box;
}
.blonging{
	position: absolute;
    top: 7.8rem;
    left: 3.5rem;
    font-size: 0.9rem;
}

/*订单页面输入按钮的样式*/
.inputTxt{
	width: 100%;
	padding: 1rem;
	box-sizing:border-box;
	background: #fff;
}
.inputTxt .img{
	float: left;
}
 
/*手机号码*/
.dTxt{
	float: left;
	margin-left: 1rem;
	margin-top: -0.3rem;
	border: 0;
	font-size: 2rem;
	color: #333;
	font-family: "微软雅黑";
	width: 14rem;
}
.dTxt span{
	padding-right: 10px;
}