*{margin:0;padding: 0;}
html{width: 100%;height: 100%;overflow: hidden;}
body{position: relative;font-family: '微软雅黑';width: 100%;height: 100%;text-align: center;overflow:hidden;
	background: #EFEFEF;
	/* background: -moz-linear-gradient(bottom,  #d3d9e5 0%, #f9f9f9 100%);
	background: -webkit-gradient(linear,0 50%,100% 50%, color-stop(0%,#d3d9e5), color-stop(100%,#f9f9f9));
	background: -webkit-linear-gradient(bottom,  #d3d9e5 0%,#f9f9f9 100%);
	background: -o-linear-gradient(bottom,  #d3d9e5 0%,#f9f9f9 100%);
	background: -ms-linear-gradient(bottom,  #d3d9e5 0%,#f9f9f9 100%);
	background: linear-gradient(to bottom,  #d3d9e5 0%,#f9f9f9 100%); */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#d3d9e5', endColorstr='#f9f9f9',GradientType=0 );overflow:hidden;color:rgba(250,250,250,0.9)}

@media (min-device-width : 375px) and (max-device-width : 667px) and (-webkit-min-device-pixel-ratio : 2){
	html{font-size: 37.5px;}
}
.c_e{opacity: 0.7;padding: 0.05rem 0.12rem;color: white;text-align: center;font-size: 0.24rem;position: absolute;right: 0.5rem;top: 0.5rem;border: 1px solid gray;border-radius: 0.09rem}
.c_e span{display:inline-block;font-weight:normal;font-size: 0.2rem;color: gray}
.cn{display:inline-block;color:rgba(31, 207, 161, 0.7);font-size: 0.22rem}
.en{display:inline-block;color: gray;font-size: 0.22rem}
.logo{display: block;margin: 2.5rem auto 0 ;width: 2.5rem;height: 2.5rem;border-radius: 20px;margin-bottom: 0;}
.of_cn{display: block}
.of_cn .w1{text-align: center;width: 48%;vertical-align: top;margin-top: 0.5rem;}
.of_cn .w_w1 img {
	width: 1.8rem;
	position: relative;
	top: -12px;
}
.of_cn .mess{overflow: hidden;letter-spacing: 0.03rem;font-size: 0.24rem;color: #6A6A6A ;font-weight: normal;margin: 0.6rem auto 0;text-align: center}
.of_cn .mess span:nth-of-type(2){margin: 0 0.1rem}
.of_cn .download{overflow: hidden;width: 300px;height: 0.84rem;line-height:0.84rem;margin: 1.6rem auto 0;border-radius: 0.2rem;font-size: 0.4rem;color: white; background: #6A3DE6;}
.of_cn .qsj{position: absolute;height: 1rem;bottom: 0.3rem;font-size: 0.4rem;width: 100%;line-height: 1rem;color:rgba(255, 255, 255, 0.4);font-weight: 200;}
.of_cn .shadow{display: none;position: absolute;top:0;left:0;width: 100%;height: 100%;background-color: rgba(0,0,0,0.7)}
.of_cn .weixin{position: absolute;width: 5rem;right: 0.5rem;top: 0.1rem}
.of_cn .iosKsha{display: none;overflow: hidden;position: absolute;width: 100% ;height: 100%;top:0;left: 0;background-color: rgba(0,0,0,0.7);}
.of_cn .iosK{overflow: hidden;position: absolute;width: 5.92rem;height: 3.83rem;border-radius: 0.2rem;background-color: #ffffff;top: 50%;left: 50%;transform: translate3d(-50%,-50%,0);-webkit-transform:translate3d(-50%,-50%,0);-o-transform: translate3d(-50%,-50%,0);-ms-transform: translate3d(-50%,-50%,0);-moz-transform: translate3d(-50%,-50%,0);}
.of_cn .iosK p{font-size: 0.47rem;text-align: center;}
.of_cn .iosK .iosTitle{color: #A25BDC;font-size: 0.37rem;margin-top: 0.33rem}
.of_cn .iosK .iosText{font-size: 0.27rem;margin-top: 0.28rem;color: #666666}
.of_cn .iosK .circle{position: absolute;width: 0.7rem;height: 0.7rem;left: 2.61rem;top:1.94rem;}
.of_cn .iosK .circle.ani{animation: c_rotate 1s linear 12;-webkit-animation:c_rotate 1s linear 12;}
				@keyframes c_rotate{
					0%{transform: rotateZ(0deg);
						-webkit-transform:rotateZ(0deg)}
					100%{transform: rotateZ(360deg);
						-webkit-transform:rotateZ(360deg);}
				}
				@-webkit-keyframes c_rotate{
					0%{transform: rotateZ(0deg);
						-webkit-transform:rotateZ(0deg)}
					100%{transform: rotateZ(360deg);
						-webkit-transform:rotateZ(360deg);}
				}
.of_cn .iosK .iosBut{opacity: 0;width: 0.69rem;margin: 0.48rem auto 0;font-size: 0.28rem;font-weight:normal;height: 0.69rem;line-height: 0.69rem;color: white;background-color: #A25BDC;border-radius: 0.5rem}
.of_cn .iosK .iosTip{font-size: 0.22rem;margin-top: 0.3rem}
.of_cn .iosK .iosTip span{text-decoration: none;display: block;color: #A25BDC;float: left;width: 2.9rem;height: 0.7rem;line-height: 0.7rem}
.of_cn .iosK .iosTip span:nth-of-type(2){-webkit-user-select:initial;}
.of_cn .iosK .close{position: absolute;width: 0.35rem;height:0.35rem;top: 0.2rem;right: 0.2rem;opacity: 0.7;}


.of_en{display: none}
.of_en .w_w1{height: 2.13rem; overflow: hidden;line-height:1rem;margin-top: 0.7rem}
.of_en .w_w1 img {width: 2.13rem;}
.of_en .w1{text-align: center;width: 6.3rem;vertical-align: middle;}
.of_en .w2{display: none;margin: 0.8rem auto 0 ;width: 7rem;}
.of_en .mess{overflow: hidden;height: 0.24rem;letter-spacing: 0.02rem;line-height: 0.24rem;font-size: 0.2rem;color: #f4f4f4;font-weight: normal;margin: 0.96rem auto 0}
.of_en .mess span:nth-of-type(2){margin: 0 0.1rem}
.of_en .download{overflow: hidden;width: 4.24rem;height: 0.94rem;line-height:0.94rem;margin: 1.24rem auto 0;border: 2px solid white;border-radius: 0.2rem;font-size: 0.45rem;color: white}
.of_en .qsj{position: absolute;height: 1rem;bottom: 0.3rem;font-size: 0.4rem;width: 100%;line-height: 1rem;color:rgba(255, 255, 255, 0.4);font-weight: 200;}
.of_en .shadow{display: none;position: absolute;top:0;left:0;width: 100%;height: 100%;background-color: rgba(0,0,0,0.7)}
.of_en .weixin{position: absolute;width: 5rem;right: 0.5rem;top: 0.1rem}
.of_en .iosKsha{display: none;overflow: hidden;position: absolute;width: 100% ;height: 100%;top:0;left: 0;background-color: rgba(0,0,0,0.7);}
.of_en .iosK{overflow: hidden;position: absolute;width: 5.92rem;height: 3.83rem;border-radius: 0.2rem;background-color: #ffffff;top: 50%;left: 50%;transform: translate3d(-50%,-50%,0);-webkit-transform:translate3d(-50%,-50%,0);-o-transform: translate3d(-50%,-50%,0);-ms-transform: translate3d(-50%,-50%,0);-moz-transform: translate3d(-50%,-50%,0);}
.of_en .iosK p{font-size: 0.47rem;text-align: center;}
.of_en .iosK .iosTitle{color:#A25BDC;font-size: 0.37rem;margin-top: 0.33rem}
.of_en .iosK .iosText{font-size: 0.27rem;margin-top: 0.15rem;color: #666666}
.of_en .iosK .circle{position: absolute;width: 0.7rem;height: 0.7rem;left: 2.61rem;top:1.94rem;}
.of_en .iosK .circle.ani{animation: c_rotate 1s linear 12;-webkit-animation:c_rotate 1s linear 12;}
				@keyframes c_rotate{
					0%{transform: rotateZ(0deg);
						-webkit-transform:rotateZ(0deg)}
					100%{transform: rotateZ(360deg);
						-webkit-transform:rotateZ(360deg);}
				}
				@-webkit-keyframes c_rotate{
					0%{transform: rotateZ(0deg);
						-webkit-transform:rotateZ(0deg)}
					100%{transform: rotateZ(360deg);
						-webkit-transform:rotateZ(360deg);}
				}
.of_en .iosK .iosBut{opacity: 0;width: 0.69rem;margin: 0.27rem auto 0;font-size: 0.28rem;line-height: 0.69rem;font-weight:normal;height: 0.69rem;color: white;background-color:#A25BDC;border-radius: 0.5rem;word-wrap:break-word}
.of_en .iosK .iosTip{font-size: 0.22rem;margin-top: 0.3rem}
.of_en .iosK .iosTip span{text-decoration: none;display: block;color: #A25BDC;float: left;width: 2.9rem;height: 0.7rem;}
.of_en .iosK .iosTip span:nth-of-type(1){line-height: 0.7rem}
.of_en .iosK .iosTip span:nth-of-type(2){-webkit-user-select:initial;}
.of_en .iosK .close{position: absolute;width: 0.35rem;height:0.35rem;top: 0.2rem;right: 0.2rem;opacity: 0.7;}
.tishi{
	width: 100%;
	font-size: 0.24rem;
	padding: 0.4rem 0.7rem 0 0.85rem;
	color: #999;
	box-sizing: border-box;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	text-align: left;
	line-height: 0.39rem;
	position: relative;
	display: none;
}
.tishi:after{
	position: absolute;
	content: "*";
	left: 0.7rem;
	top:0.45rem;
}