﻿
body{ font-family:Helvetica;position: relative;}
html, body{ overflow: hidden; height: 100%;}
a{ text-decoration: none;color: #666;-webkit-tap-highlight-color: rgba(0,0,0,0);-webkit-tap-highlight-color: transparent;}
body, dl, dd, h1, h2, h3, h4, h5, h6, p, form{ margin:0;}
ol,ul,li,dl,dt,dd{ margin:0; padding:0; list-style: none;}
html{font-size: 100px;}
body{font-size: 0.14rem;color: #fff}
input[type="button"],input[type="submit"],input[type="reset"],textarea,select{-webkit-appearance: none;-webkit-tap-highlight-color:transparent;} 
*{box-sizing:border-box;-moz-box-sizing:border-box;-webkit-box-sizing:border-box;-webkit-tap-highlight-color:transparent}
body.mhome{
	width: 100%;
	height: 100%;
	padding: 0;
    min-width: 300px;
    max-width: 750px;
    margin: 0 auto;
    background: #c71717;
    overflow-x: hidden;
    -webkit-overflow-scrolling: touch;/*溢出为touch事件*/
    -webkit-text-size-adjust: 100%;/*清除浏览器默认字号大小,横竖屏时字号不变*/
    text-size-adjust: 100%;
}
/*===通用===*/
.clear{clear: both;}
.mt3{margin-top: 3% !important;}
.mb3{margin-bottom: 3% !important;}
.pt3{padding-top: 3% !important;}
.pb3{padding-bottom: 3% !important;}
.pl3{padding-left: 3% !important;}
.pr3{padding-right: 3% !important;}
.mt0{margin-top: 0% !important;}
.mb0{margin-bottom: 0% !important;}
.pt0{padding-top: 0% !important;}
.pb0{padding-bottom: 0% !important;}
.after:after{
    content: "";
    display: block;
    height: 0;
    clear: both;
    visibility: hidden;
}
.wrapper{
	width: 100%;
	height: 100%;
	background: url(../images/xueqiu_bg.jpg) top center no-repeat;
	background-size: 100%;
}
.header{
	width: 100%;
	font-size: 0;
	padding-top: 0.09rem;
	
}
.header img{
	display: inline-block;
	vertical-align: middle;
	width: 37.26%;
	height: auto;
}
.header span{
	width:62.74%;
	text-align: right;
	display: inline-block;
	vertical-align: middle;
	font-size: 0.12rem;
	color: #fff;
}
.ban_img{
	width: 100%;
}
.ban_img img{
	width: 100%;
}
.boxA{
	width: 100%;
	height: 0.93rem;
	margin-top: -0.08rem;
	
}
.boxA table{
	display: block;
	width: 100%;
	height: 100%;
	padding-top: 0.25rem;
	background: url(../images/xq_a2.png) top center no-repeat;
	background-size: cover;
	padding-left: 0.05rem;
}
.boxA table td{
	vertical-align: middle;
}
.boxA img.a1{
	width: 0.12rem;
	height: 0.1rem;
}
.boxA span{
	font-size: 0.148rem;
	color: #f6e3c2;
	padding-left: 0.05rem;
	line-height: 0.24rem;
	padding-right: 0.06rem;
}
.boxA img.a3{
	width: 0.41rem;
	height: 0.17rem;
}
.phone{
	width: 85%;
	margin: 0 auto;
	margin-top: 0.25rem;
}
.phone input.number{
	border: #ad5050 1px solid;
	background: #f2f0f0;
	/*height: 0.47rem;*/
	outline: none;
	display: block;
	width: 100%;
	line-height:0.17rem;
	border-radius: 3px;
	padding: 0.15rem 0.18rem;
	font-size: 0.15rem;
	color: #575b5c;
	/*line-height: 0.47rem;*/

}
.phone .imgyzm{
	margin-top: 0.13rem;
	border: #ad5050 1px solid;
	background: #f2f0f0;
	line-height:0.17rem;
	border-radius: 3px;
	color: #575b5c;
	overflow: hidden;
	font-size: 0;
}
.phone .imgyzm input{
	width: 60%;
	padding: 0.15rem 0.18rem;
	display: inline-block;
	vertical-align: middle;
	outline: none;
	border: 0;
	background: #f2f0f0;
	line-height:0.17rem;
	font-size: 0.15rem;
	appearance:none;
}
.phone .imgyzm div{
	width: 40%;
	position: relative;
	display: inline-block;
	vertical-align: middle;
}
.phone .imgyzm div:before{
	content: "";
	width: 1px;
	height: 0.32rem;
	display: block;
	background: #7f8181;
	left: 0;
	top:50%;
	margin-top: -0.16rem;
	position: absolute;
}
.phone .imgyzm div img{
	width: 100%;
	height: 100%;
}
/*.phone::-webkit-input-placeholder{
	font-size: 0.15rem;
	line-height:0.15rem;
    color: #575b5c;
}
.phone::-moz-placeholder{  
     font-size: 0.15rem;
     line-height:0.15rem;
    color: #575b5c;     
}
.phone:-ms-input-placeholder{ 
      font-size: 0.15rem;
      line-height:0.15rem;
    color: #575b5c;       
}*/

.phone button.button{
	font-size: 0.17rem;
	color: #7b4505;
	line-height: 0.47rem;
	display: block;
	margin-top: 0.13rem;
	width: 100%;
	border: 0;
	outline: none;
	height: 0.56rem;
	background: url(../images/xq_a4.png) top center;
	background-size: cover;
}
.text{
	font-size: 0.12rem;
	color: #f7a259;
	line-height: 0.21rem;
	text-align: center;
	padding-top: 0.08rem;
}
@media only screen and (max-width: 350px) {
	.boxA span{
		font-size: 0.14rem;
	}
	.phone{
		margin-top: 0.2rem;
	}
	.text{
		padding-top: 0.1rem;
	}
}
.header{
	padding-top: 0.15rem;
}
.ban_img{
	margin-top: 0.2rem;
}
.boxA{
	margin-top: 0.08rem;
}
.phone{
	margin-top: 0.3rem;
}
.phone button.button{
	margin-top: 0.18rem;
}
.text{
	padding-top: 0.1rem;
}
