*{box-sizing: border-box;}
html,body,a,img,div,form,img,ul,li,ol,dl,dt,dd,p,tr,td,input,body,strong,span,pre{
	margin:0; 
	padding:0; 
	border:0; 
	background-repeat:no-repeat; 
	list-style: none;
	}
a{text-decoration: none}
h1,h2,h3,h4,h5,h6,p,br{ margin:0; padding:0; font-weight:normal;}
body{ 
	width:100%; 
	font-family:"Microsoft YaHei",Arial; 
	background:rgba(68,68,68, 1.0); 
	margin:0 auto; 
	padding:0; 
	height:auto; 
	color:rgba(225,225,225, 1.0); 
	font-size:12px;
	}


.hidden { display: none;}
.mag_top_20 { margin-top:20px;}
.mag_btm_20 { margin-bottom:20px;}
.ft_18 { font-size:18px;}
.ft_red {color:rgba(255,0,0, 1.0);}

/*页锟芥布锟斤拷锟斤拷式*/
.header,.footer,.wrap-page {
  position:absolute;
  left:0;
  right:0;
}
.header,.footer{
  height:0;
  text-align: center;
  z-index:900;
}
.header{
  top: 0;
  border-bottom: 1px solid #f00;
}
.footer{
  bottom:0;
  height: 50px;
}
.wrap-page{
  top: 0;
  bottom:50px;
  overflow-y:auto;
  -webkit-overflow-scrolling:touch;
  background: rgba(68,68,68, 1.0);
}

/*锟斤拷锟斤拷锟斤拷式*/

.head { 
	width: 100%; 
	height: 50px; 
	line-height: 50px; 
	text-align: center; 
	font-size: 18px; 
	background: rgba(17,17,17, 1.0);
	/*background:url(../img/dsf.png) no-repeat top left rgba(0,0,0, 1.0);
	background-size:162px;
	background-position: 0px 4px;*/
}
 
.check-logo { width: 115px;}
.check-logo img { width: 150px; height: auto; margin-top:5px; border: 0; margin-left: 10px}

.check-ok { width: 100%; padding:20px 0 35px 0; text-align: center;}
.check-ok ul { list-style: none; padding:0; margin: 0;}
.check-ok li { font-size:22px; margin-top: 5px; text-align: center;}
.check-ok li img { width: 30%; margin: 0 auto;}
.check-ok li.ok img { width: 40%; margin: 0 auto;}
.check-ok li.tips { font-size: 14px; line-height: 24px;}

.check-btn {
	width: 90%;
	margin: 0 auto;
	height: 40px;
	line-height: 40px;
	text-align: center;
	font-size: 18px;
	color:rgba(255,255,255, 1.0);
	background: rgba(252,60,45, 1.0);
	margin-top: 15px;
}

.check-btn a:link, .check-btn a:visited { color:rgba(255,255,255, 1.0); text-decoration:none; display:block;}

.link { width:100%; border-top:1px solid rgba(80,80,80, 1.0);padding:10px 0; line-height: 0; text-align:center;background: #444}
.link img { width:90%; border: 0;}
.link2 { width: 100%; border-top:1px solid rgba(80,80,80, 1.0); border-bottom:1px solid rgba(80,80,80, 1.0); margin-top: 20px; padding: 0; line-height: 0;}
.link2 img { width: 100%; border: 0;}


.check-down { 
	width: 94%; 
	padding-top: 15px; 
	padding-bottom: 10px; 
	padding-left: 3%; 
	padding-right: 3%; 
	border:1px solid rgba(100,100,100, 1.0); 
	border-left:0; 
	border-right:0; 
	overflow: auto;
}
.check-down ul { list-style: none; padding:0; margin:0; clear: both;}
.check-down li { float: left;}
.check-down li img { width: 60px; margin-right: 20px;}
.check-down li p { height: 20px;  font-size: 12px; color:rgba(150,150,150, 1.0); }
.check-down li p.name { font-size: 18px; margin-bottom: 5px; color:rgba(225,225,225, 1.0);}
.check-down li.right { float:right; font-size: 14px; line-height:30px; margin-top: 15px; background: rgba(252,60,45, 1.0); padding: 0 10px;}
.check-down li.right a:link, .check-down li.right a:visited { color:rgba(225,255,255, 1.0); text-decoration:none; display: block;}
 
.bottom { width: 100%; height: 50px; line-height: 50px; position:fixed; bottom:0; background:rgba(0,0,0, 1.0); font-size: 15px;}
.bottom span { margin:0 10px;}
.bottom span a:link, .bottom span a:visited { color:rgba(225,225,225, 1.0); text-decoration:none;}

.wx-choujiang { width: 100%; background: #fff;}
.wx-choujiang ul { list-style: none; padding: 0; margin: 0;}
.wx-choujiang li { line-height: 0; width: 100%;}
.wx-choujiang li img { width: 100%;}
.wx-choujiang li.wxh { padding: 20px 0; font-size: 18px; color:#000; text-align: center; line-height: 36px;}
.wx-choujiang li.wxh span { margin-left: 10px; color:#ff3a1f;}



/*add_layer*/
.mob_cj_fx {width:100%; height: 100%; min-height: 960px; background: rgba(0,0,0, 0.8); text-align: right;}
.mob_cj_fx span { text-align: right; float: right; padding-right: 10px;}
.mob_cj_fx span.close { 
	padding-right: 0px;
	clear: both;
	float: none;
	display: block;
	margin-top: 20px;
	font-size: 18px;
	width: 90%; 
	margin-left: 5%;
	height: 42px;
	background: #555;
	text-align: center;
	line-height: 42px;
	cursor:pointer;
}
.mob_cj_fx span.close a:link, .mob_cj_fx span.close a:visited { color:#fff; display: block; text-decoration:none;}

.mob_cj_add_layer{
	z-index:999;
	left:0;/*FF IE7*/
	top:0;/*FF IE7*/
	margin-left:0px!important;/*FF IE7 锟斤拷值为锟斤拷锟斤拷锟斤拷一锟斤拷 */
	margin-top:0px!important;/*FF IE7 锟斤拷值为锟斤拷锟斤拷叩锟揭伙拷锟�/
	margin-top:0px;
	position:fixed!important;/*FF IE7*/
	position:absolute;/*IE6*/
	_top: expression(eval(document.compatMode &&
	     document.compatMode=='CSS1Compat') ?
	     documentElement.scrollTop + (document.documentElement.clientHeight-this.offsetHeight)/2 :/*IE6*/
	     document.body.scrollTop + (document.body.clientHeight - this.clientHeight)/2);/*IE5 IE5.5*/
}



/*微锟斤拷锟斤拷锟斤拷*/
.apply { width: 90%; margin-left: 5%; padding: 10px 0;}
.apply li { font-size: 13px; line-height: 38px; width: 100%; clear: both; height: 38px; margin-bottom: 10px;}
.apply li span { display: inline-block; float: left;}
.apply li span.title { float:left; width: 30%; text-align: right;}
.apply li span.title i { color:rgba(255,58,31, 1.0); margin-right: 5px; font-style:normal;}
.apply li span.form { float:left; width: 60%; margin:5px; margin-left: 5px;}
.apply li span.send-number { float:left; width: 60%; margin:5px; color:rgba(255,58,31, 1.0); margin-left: 5px;}
.apply li span.form select {line-height: 28px; height: 28px; padding-left: 5%;width: 100%; background: rgba(255,255,255, 1.0); border:0;}
.apply li span.form input { line-height: 32px; padding-left: 5%; width: 95%;}
.apply li span.tips { width:20%; float:right; text-align: left;}
.apply li span.radio { margin: 0 10px;}
.apply li span.radio input { margin-right: 5px;}
.apply li span.form2 { float:left; width: 30%; margin:5px; margin-left: 5px;}
.apply li span.form2 input { line-height: 32px; padding-left: 5%; width: 95%;}
.apply li span.pub-name { float:left; text-align: left; font-size: 12px; margin-left: 5px; }
.apply li span.pub-name i { font-size: 14px; font-style:normal; color:rgba(255,58,31, 1.0); margin-right: 5px;}
.apply li span.pub-name a:link, .apply li span.pub-name a:visited { color:rgba(255,255,255, 1.0); text-decoration:none;}

.apply li.title { margin: 40px 0 15px 0; text-align:center; font-size:18px;}
.apply li.title2 { margin: 0px 0px 0px 0px; text-align:center; font-size:18px;}


.apply-rule { width: 90%; margin-left: 5%; line-height: 22px; text-align: center; margin-bottom: 10px; color:rgba(255,58,31, 1.0); font-size: 12px;}
.apply-rule input { margin-right: 5px;}
.apply-rule a:link, .apply-rule a:visited { color:rgba(255,58,31, 1.0); text-decoration:none;}

.apply-msg { width: 90%; margin-left: 5%; padding: 10px 0; border-top:1px solid rgba(200,200,200, 1.0);}
.apply-msg li { font-size: 13px; line-height: 32px; width: 100%; clear: both; height: 32px;}
.apply-msg li span { display: inline-block; float: left;}
.apply-msg li span.title { float:left; width: 30%; text-align: right;}
.apply-msg li span.msg { float:left; width: 55%; margin:5px; margin-left: 5px;}

.apply-ok { width: 90%; margin-left: 5%; padding: 60px 0 40px 0;}
.apply-ok li { font-size: 14px; line-height: 26px; text-align: left; margin-bottom: 8px;}
.apply-ok li i { font-style:normal; color:rgba(255,58,31, 1.0);}
.apply-ok li img {width: 150px;}
.apply-ok li.pro { text-align: center; font-size: 18px; margin-bottom: 20px;}
.apply-ok li.pro img { width:120px;}

.check-mob { width: 90%; margin-left: 5%; padding: 80px 0 40px 0;}
.check-mob li { font-size: 14px; margin-bottom: 10px;}
.check-mob li input { width: 65%; height: 32px; margin-bottom: 15px;}
.check-mob li.mob-number input { width: 65%; height: 32px; margin-bottom: 15px; margin-right: 10px;}

.shop-botton { 
	width: 90%;
	margin-left: 5%;
	margin-bottom: 10px;
	height: 40px;
	text-align:center;
	line-height:40px;
	font-size:16px;
	color:rgba(255,255,255, 1.0);
	background:rgba(255,58,31, 1.0);
	clear: both;
}
.shop-botton a:link, .shop-botton a:visited { color:rgba(255,255,255, 1.0); text-decoration:none; display:block;}

.margin-t-30 { margin-top: 30px;}

.check-box {
	width: 90%;
	margin: 15px auto;
	clear: both;
overflow: hidden}
.check-btn_border{width: 48%; float: left;	height: 40px;
	line-height: 40px;
	text-align: center;
	font-size: 18px;
border: 1px solid #fc3c2d;}
.check-btn_border a{ color: #fc3c2d;}
.left{float: left}
.right{float: right}
.bottomposition{position: fixed;left: 0;right: 0;bottom: 0}
.bottombar { width: 100%; height: 50px; line-height: 50px; background:rgba(0,0,0, 1.0); font-size: 15px;}
.bottombar span { margin:0 10px;}
.bottombar span a:link, .bottombar span a:visited { color:rgba(225,225,225, 1.0); text-decoration:none;}
.width70{width: 70%; margin-left:auto;margin-right:auto}
.bottomheight{height:8rem;}
@media all and (orientation : landscape) {
	.bottomheight{height:11rem;}

}
.clearfix:before,
.clearfix:after {
    content: "";
    display: table;
}
.clearfix:after {
    clear: both;
}
.sy-note {
	width: 100%;
	text-align: center;
	position: absolute;
	bottom: 160px;
}
.sy-note span {
	color: #999;
	font-size: 16px;
}
.pro-name {
	font-size: 16px;
	color: rgba(225,225,225, 1.0);
	padding: 5px 0;
}

.pro-name label{
	float: left;
	text-align: right;
	width: 34%;
}
.pro-name span{
	float: left;
	width: 66%;
}