@charset "utf-8";
* { -webkit-text-size-adjust:none; }
/*html4 reset*/
body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, code, form, fieldset, legend, input, textarea, p, blockquote, th, td {
	margin:0;
	padding:0; 
}
fieldset, img {
	border:0 none;
}
address, caption, cite, code, dfn, em, th, var, b,h1,h2,h3 {
	font-style:normal;
	font-weight:normal;
}
ol, ul, li {
	list-style-type:none
}
q:before, q:after {
	content:'';
}
abbr, acronym {
	border:0;
	font-variant:normal;
}
/*html5 reset*/
header, footer, section, nav, menu, details, hgroup, figure, figcaption, article, aside {
	margin:0;
	padding:0;
	display:block;
}
::-moz-placeholder {
    color:#546374;
	font-size:14px;
}
::-webkit-input-placeholder {
    color:#546374;
	font-size:14px;
}

.clear {clear:both;font-size:0;height:0;line-height:0;overflow:hidden;}
.clearfix:after {clear:both;content:" ";display:block;font-size:0;height:0;visibility:hidden;}
.clearfix{zoom:1;}
a { text-decoration:none; }


/* Body, links, basics */
html, body {
	width:100%;
	height:100%;
	background:#333333;

}
body {
	font-size:14px;
	line-height:28px;
	font-family: "Microsoft Yahei",Arial,Helvetica,sans-serif;
	text-rendering: optimizeLegibility;
	color: #666666;
	min-height:100%;
	background:#fff;
	padding-top: constant(safe-area-inset-top);
    padding-left: constant(safe-area-inset-left);
    padding-right: constant(safe-area-inset-right);
    padding-bottom: constant(safe-area-inset-bottom);
}
.page {
	margin:0 auto;
	/*height:90%;*/
	position: relative;
	/* z-index:100; */
	width:100%;
	background:#fff;
	/*padding-top: 40px;*/
}
	
.banner{
	/*background: url(../images/bj.jpg) center  top no-repeat;*/
	/*background-size: cover;*/
	/*-moz-background-size:cover;*/
	/*-webkit-background-size:cover;*/
	/*width: 100%;*/
	/*position: absolute;*/
	/*left: 0;*/
	/*top: 0;*/
	/*right: 0;*/
	/*bottom:80px;*/
	/*background-size: cover;*/
	}
/* .banner2 img {
	height:100%;
	width:100%;
} */
.banner2{
	background: url(../images/bj2.jpg) center  top no-repeat;
	 background-size: cover;
	 -moz-background-size:cover;
	 -webkit-background-size:cover;
	 position: fixed;
	 left:0;
	 right:0;
	 top:0;
	 bottom:0;
	}
.button{
	background:#d64113;
	text-align:center;
	line-height:44px;
	color:#fff;
	width:90%;
	display:block;
	text-decoration:none;
	/*position:fixed;*/
	left:10%;
	bottom:26px;
	font-size:16px;
	border-radius:5px;
	-moz-border-radius:5px;
	-webkit-border-radius: 5px;}
.button2{
	position:absolute;
	bottom:50px;
	left:10%;}
.ly_shadow{
	background:#000;
	filter:alpha(Opacity=40);
	-moz-opacity:0.7;
	opacity: 0.7;
	width:100%;
	height:100%;
	position:fixed;
	top:0;
	left:0;
	z-index:500;}

.pop_box{
	width: 319px;
	height:auto;
	position:fixed;
	top: 0px;
	left: calc(50% - 159.5px);
	z-index:9999;
	background: url(../images/here.png) top right no-repeat;
	padding-top: 186px;
	background-size: 170px 170px;}
.pop_cont{
	width:100%;
	height:auto;
	background:#fff;
	border-radius:5px;
	-moz-border-radius:5px;
	-webkit-border-radius: 5px;
  padding: 12px 0px 24px 0px;
}
.pop_cont h1 {
  height:25px;
  font-size:18px;
  font-family:PingFangSC-Medium,PingFang SC;
  font-weight: 600;
  color:rgba(62,62,62,1);
  line-height:25px;
  text-align:center;
  margin-top: 8px;
  margin-bottom: 16px;
  }
  
  .tip_list{ width:100%; display: block; }
  .tip_list li{
    background:url(../images/arrow-right.png) 0px 27px no-repeat;
    background-size: 16px 7px;
    display:inline-block;
    float:left;
    font-size:12px;
    /* width:33.3%; */
    text-align:center;}
  .tip_list li.list_one{
    background: none;
    display:inline-block;
    background-size:17px 12px;
    margin-left: 29px;
    width: 39%;
  }
  .tip_list li.list_two{
    width: 46%;
    margin-left: 0px;
  }
  .tip_list li.list_three{margin-left:-10px;	}
  .tip_list li em{
    width:59px;
    height:59px;
    margin:0px auto;}
  .tip_list li em.one{
    background:url(../images/more.png) center center no-repeat;
    background-size:59px 59px;
    display:block;
    }
  .tip_list li em.two{
    background:url(../images/browser.png) center center no-repeat;
    background-size:59px 59px;
    display:block;}
  .tip_list li em.two2{
    background:url(../images/browser.png) center center no-repeat;
    background-size:59px 59px;
    display:block;}
  .tip_list li em.three{
    background:url(../images/icon4.png) center center no-repeat;
    background-size:60px 60px;
    display:block;
    width:60px;
    height:60px;}
  .tip_list li em.four{
    background:url(../images/xz-download.png) center center no-repeat;
    background-size:60px 60px;
    display:block;
    width:60px;
    height:60px;
  }


.page .cebtn {
	/*margin-top: 80%px;*/
	margin-top: 10px;
/*	height: 40px;
*/	/*margin-left: 10%;*/
}

.page .cebtn span {
	height: 40px;
	line-height: 40px;
	-moz-border-radius: 10px;
	-webkit-border-radius: 10px;
	border-radius: 10px;
	text-align: center;
	color: #ffffff;
	/*position: fixed;*/
	font-size: 14px;
	background:#d64113;
	display: block;
}
.ts{
	width: 95%;
}
.tips {
  text-align: center;
  font-size: 0.373333rem;
  font-family: PingFangSC-Regular,PingFang SC;
  font-weight: 400;
  color: rgba(125,125,125,1);
  height: 0.533333rem;
  line-height: 0.533333rem;
  bottom: 3.6rem;
  position: absolute;
  width: 100%;
}
.tips2{
	line-height: 16px;
	font-size: 12px;
	color: #bababa;
	margin-top: 10px;
	margin-left: 11%;
	padding-bottom: 10px;
}
.helper{
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	text-align: right;
	z-index: 10000;
	-webkit-tap-highlight-color: rgba(0,0,0,0);
}
.helper img{
	width:1.4667rem;
	padding: 0 0 0.2667rem 0.2667rem;
	display: inline-block;
	-webkit-tap-highlight-color: rgba(0,0,0,0);
}
.footer img{
            width: 100%;
            margin-left: 0%;
}
body{
    overflow-x: hidden;
}

.wait {
            position: fixed;
            z-index: 600;
            width: 100%;
            height: 100%;
            background-color: #fff;
 }
.wait img {
            position: absolute;
            width: 30px;
            height: 30px;
            top: 50%;
            left: 50%;
            margin-left:-15px;
			margin-top: -15px;
            
 }
 
 .pageType0, .pageType1{
	 display: none;
 }
 .float-btn{
	position: fixed;
	width: 100%;
	height: 1.92rem;
	line-height:  1.92rem;
	bottom: 0;
	border-top: 1px solid #f7f7f7;
	background: #FFFFFF;
	padding-top: constant(safe-area-inset-top);   
	padding-left: constant(safe-area-inset-left);           
	padding-right: constant(safe-area-inset-right);      
	padding-bottom: constant(safe-area-inset-bottom); 
}
 @media only screen and (device-width: 375px) and (device-height: 812px) and (-webkit-device-pixel-ratio: 3) {
         .float-btn{
            padding-bottom:0.5rem !important;
			 
        }
		.float-box{
			/* border-bottom: 1px solid #f7f7f7 !important; */
		}
    }
    @media only screen and (device-width: 414px) and (device-height: 896px) and (-webkit-device-pixel-ratio:3) {
         .float-btn{
            padding-bottom:0.5rem  !important;
			 
        }
		.float-box{
		/* 	border-bottom: 1px solid #f7f7f7 !important; */
		}
    }
    @media only screen and (device-width: 414px) and (device-height: 896px) and (-webkit-device-pixel-ratio:2) {
         .float-btn{
            padding-bottom:0.5rem  !important;
			
        }
		.float-box{
			/* border-bottom: 1px solid #f7f7f7 !important; */
		}
    }
	
body {
    padding-top: constant(safe-area-inset-top);   
    padding-left: constant(safe-area-inset-left);           
    padding-right: constant(safe-area-inset-right);      
    padding-bottom: constant(safe-area-inset-bottom); 
}
 .float-btn .radio{
	 height: 0.213333rem;
	 width: 0.213333rem;
	 border-radius: 50%;
	 background: #FD7A72;
	 margin-left: 0.666666rem;
	 display: inline-block;
	 position: relative;
	 top: -1px;
	 margin-top: 0.933333rem;
     margin-right: 0.26rem;
 }
 .info-text{
	 font-family: PingFangSC-Regular;
	 font-size: 0.426666rem;
	 color: #4A4A4A;
	 display: inline-block;
	 position: relative;
	 top: 1px;
	 
 }
 .right-btn {
	 float: right;
	 height: 0.853333rem;
	 width: 2.426666rem;
	 line-height: 0.853333rem;
	 border: 0.026666rem solid #E00000;
	 border-radius: 0.586666rem;
	 text-align: center;
	 font-family: PingFangSC-Regular;
	font-size: 0.373333rem;
	color: #E00000;
	text-align: center;
	margin-top: 0.53rem;
	margin-right: 0.4rem;
	box-sizing: border-box;
 }
 
 .pageTypeMask2{
	position: absolute;
	 top: 0;
	 width: 100%;
	 z-index: 100;
	 left: 0;
	 display: none;
 }
 .pageTypeMask2 .top-info{
	 font-family: PingFangSC-Medium;
	 font-size: 0.48rem;
	 color: #4A4A4A;
	 line-height: 0.666666rem;
	 height: 0.666666rem;
	 margin-top: 0.693333rem;
	 
 }
 .pageTypeMask2 .top-info >span{
	display: inline-block;  
	float: left;
  }
 .pageTypeMask2 .radio{
	height: 0.213333rem;
	width: 0.213333rem;
	border-radius: 50%;
	background: #FE7C73;
	margin-left: 0.666666rem;
	margin-top: 0.226666rem;
    margin-right: 0.26rem;
  }
 .pageTypeMask2 .red{
	 color: #DE3031;
 }
 .pageTypeMask2 .bottom-info{
	 font-family: PingFangSC-Regular;
	 font-size: 0.346666rem;
	 color: #4A4A4A;
	 line-height: 0.48rem;
	 margin-top: 0;
	 margin-left: 1.146666rem;
	 display: inline-block;
 }
 .pageTypeMask2 .info{
	 position: absolute;
	 top: 0;
	 width: 100%;
 }
 .pageTypeMask2 img{
	 width: 100%;
	 
 }
 .pageType2 img , .pageType3 img{
	 width: 100%;
	 display: inline-block;
	 float: left;
 }
 .float-left{
	 float: left;
 }

.btn {
  font-family: PingFangSC-Regular;
  font-size: 0.373333rem;
  color: rgba(255,255,255,1);
  height: 1.12rem;
  line-height: 1.12rem;
  margin-top: 0.533333rem;
  position: absolute;
  bottom: 1.626667rem;
  width: 90%;
  left: 5%;
  background: linear-gradient(149deg,rgba(35,164,253,1) 0%,rgba(1,127,244,1) 100%);
  box-shadow: 0px 2px 8px 0px rgba(156,214,255,1);
  border: none;
  border-radius: 0.56rem;
  font-weight: 400;
}

.statement {
  font-family: PingFangSC-Light,PingFang SC;
  font-size: 0.32rem;
  line-height: 0.48rem;
  height: 0.48rem;
  text-align: center;
  color: #ccc;
  position: absolute;
  bottom: 0.933333rem;
  width: 100%;
}

.statement span {
  font-size: 0.266667rem;
  margin: 0 0.133333rem;
  position: relative;
  top: -0.026667rem;
}

button { 
  -webkit-tap-highlight-color:rgba(0,0,0,0);
  outline: 0 none !important;
}