﻿/*通用类*/
*{
	margin:0;		
	padding:0;
	-webkit-tap-highlight-color: rgba(0,0,0,0);
}


/*兼容老设备的rem-px基准*/
html{
	font-size:42.6667px;	
}
@media screen and (max-width: 320px){ 
  html{
  	font-size:42.6667px;
  }
}
@media screen and (min-width: 321px) and (max-width: 360px){ 
  html{
  	font-size:48px;
  }
}
@media screen and (min-width: 361px) and (max-width: 375px){ 
  html{
  	font-size:50px;
  }
}
@media screen and (min-width: 376px) and (max-width: 414px){ 
  html{
  	font-size:55px;
  }
}
@media screen and (min-width: 415px) and (max-width: 484px){ 
  html{
  	font-size:64px;
  }
}
@media screen and (min-width: 485px) and (max-width: 720px){ 
  html{
  	font-size:96px;
  }
}
@media screen and (min-width: 721px) and (max-width: 768px){ 
  html{
  	font-size:102px;
  }
}
@media screen and (min-width: 769px) and (max-width: 1080px){ 
  html{
  	font-size:144px;
  }
}
@media screen and (min-width: 1080px){ 
  html{
  	font-size:144px;
  }
}
/*新设备的rem-vw标准*/
html{	
	overflow-x:hidden;
	font-size:13.3333333333vw;	/*一便rem.js失效，这里起作用*/
}

body{		
	width:100%;	
	min-width:320px;
	min-height: 100vh;
	margin:0 auto;	
	font-family:PingFang SC,Hiragino Sans GB,Microsoft YaHei UI,Microsoft YaHei,Source Han Sans CN,sans-serif;
	background:#dc98eb url(../images/bg.jpg?v=5) no-repeat top center;
	background-size:100% auto;
	overflow-x:hidden;
	text-align:left;	
	position:relative;
	font-size:0.24rem;
	-webkit-text-size-adjust: 100% !important;
	text-size-adjust: 100% !important;
	-moz-text-size-adjust: 100% !important;
}

img{
	border:none;	
}
h1,h2,h3{
	font-weight:normal;	
}
a{
	color:#6b6b6b;
	text-decoration:none;	
	-webkit-tap-highlight-color: rgba(0,0,0,0);
	-webkit-tap-highlight-color:transparent;
	outline:none；
}
input,textarea,select{
	font-family:PingFang SC,Hiragino Sans GB,Microsoft YaHei UI,Microsoft YaHei,Source Han Sans CN,sans-serif;
	font-size:1em;
	outline:none;
	margin:0;
	padding:0;
}
input::-webkit-input-placeholder {
	color: #a0a0a0 !important;
}
textarea::-webkit-input-placeholder {
	color: #a0a0a0 !important;
}
input[type='button'],input[type='text'],input[type='search'], input[type='submit'], input[type='reset'],input[type='date'],input[type='time'],input[type='number'] {
	-webkit-appearance: none;
}
select{
	-webkit-appearance: none;
	-webkit-appearance: none;
	appearance:none;
    -moz-appearance:none;
    -webkit-appearance:none;
    border:none;	
}
textarea{ 
	-webkit-appearance: none;
}
input::-webkit-outer-spin-button,input::-webkit-inner-spin-button{
    -webkit-appearance: none !important;
    margin: 0;
}
ul,ol{
	padding:0;
	list-style-type:none;	
}
em{
	font-style:normal;	
}
.lt{
	float:left;	
}
.rt{
	float:right;	
}
input.sub,label{
	border:none;	
	cursor:pointer;
}
input,textarea{
	font-family:PingFang SC,Hiragino Sans GB,Microsoft YaHei UI,Microsoft YaHei,Source Han Sans CN,sans-serif;
	outline:none;	
	margin:0;
	padding:0;
}
table{
	border-collapse:collapse;	
}
td,th{
	padding:0;	
}
div.clear{
	font: 0px Arial; line-height:0;
	height:0; 
	overflow:hidden;	
	clear:both;	
}

.homebg{
	background:#ea80fc url(../images/homebg.jpg?v=5) no-repeat top center;
	background-size:100% auto;

}
.homebg2{
	background:url(../images/hend.png) no-repeat bottom center;
	background-size:100% auto;
	min-height: 14.5rem;
	height: 100vh;
}
.homebtn{
	display: block;
	width: 2.27rem;
	height: 0.93rem;
	background:url(../images/homebtn.png) no-repeat center center;
	background-size:100% 100%;
	position: absolute;
	top: 10.9rem;
	left:50%;
	margin-left:-1.13rem;
}
.si_fm{
	padding:4rem 0.94rem 0 0.94rem;
}
.si_fm .title{
	display: block;
	height: 0.7rem;
}
.si_fm .text{
	width: 100%;
	height: 0.6rem;
	background:url(../images/si_text.png) no-repeat center center;
	background-size:100% 100%;
	border:0;
	box-sizing:border-box;
	padding:0 0.2rem;
	font-size:0.28rem;
	color:#a81be4;
	font-weight: bold;
}
.si_fm .send{
	display: block;
	width: 1.87rem;
	height: 0.76rem;
	margin:0.6rem auto 0 auto;
	background:url(../images/si_send.png) no-repeat center center;
	background-size:100% 100%;
}

.okbg{
	background:#dc98eb url(../images/okbg.jpg) no-repeat top center;
	background-size:100% auto;
}

.ok_fm{
	padding:6.4rem 0 0 0;
}
.ok_fm .go{
	width: 1.84rem;
	height: 0.76rem;
	margin:0.5rem auto 0 auto;
	display: block;
}
.ok_fm .go img{
	display: block;
	width: 1.84rem;
	height: 0.76rem;
}
.ok_fm .title{
	height: 0.58rem;
	margin:0 auto 0.38rem auto;
	display: block;
}
.ok_fm .code{
	width: 3.6rem;
	height: 3.6rem;
	margin:0 auto;
	background:rgba(255,255,255,0.64);
	border-radius:0.2rem;
	box-sizing:border-box;
	padding:0.15rem;
}
.ok_fm .codein{
	display: block;
	width: 3.3rem;
	height: 3.3rem;
}
.ok_fm .end{
	display: block;
	height: 1.06rem;
	margin:0.38rem auto 0 auto;
}

.endbg{
	background:#dc98eb url(../images/endbg.jpg?v=5) no-repeat top center;
	background-size:100% auto;
}
.tip_win{
	border:1px solid #fff;
	border-radius:0.2rem;
	position: fixed;
	left: 50%;
	top: 50%;
	z-index: 200;
	-webkit-transform: translate(-50%,-50%);
	-ms-transform: translate(-50%,-50%);
	-o-transform: translate(-50%,-50%);
	transform: translate(-50%,-50%);
	font-size:0.28rem;
	padding:0.03rem;
	background:rgba(255,255,255,0.5);
	display: none;
}
.tip_win .tip{
	border-radius:0.2rem;
	padding:0.15rem 0.3rem;
	text-align: center;
	width: 2.7rem;
	color:#a81be4;
	font-weight: bold;
	background:linear-gradient(to right, #f9dfff, #efa5ff);
	letter-spacing:2px;
}

.e_go{
	width: 1.84rem;
	height: 0.76rem;
	position: absolute;
	top: 8.14rem;
	left: 50%;
	margin-left:-0.92rem;
	display: block;
}
.e_go img{
	display: block;
	width: 1.84rem;
	height: 0.76rem;
}