@charset "utf-8";

/* CSS Document */

*{padding:0px;

margin:0px;

border:0px}

body{

background-color:#470076;

font: normal 16px;

background-image:url(../images/bg.jpg);

background-size:100% 100%;

background-repeat:no-repeat

}



#logo{

	width:26rem;

	height:10rem;

	background-image:url(../images/logo.png);

	background-repeat:no-repeat;

	background-size:contain;

	margin:0 auto;

	margin-top:3.5rem}



#p2{width:60rem;

	text-align:center;

	margin:0 auto;

	font-size:2.2rem;

	font-family:"微软雅黑";

	color:#fff;

	height:2.2rem;

	line-height:2.2rem;

}

#p1{width:60rem;

	margin:0 auto;

	font-size:3.5rem;

	font-weight:bold;

	font-family:"微软雅黑";

	color:#ffff00;

	height:6.5rem;

	line-height:6.5rem;

	text-align:center}

#p3{width:60rem;

	text-align:center;

	color:#ffff74;

	font-size:2.5rem;

	font-family:"微软雅黑";

	margin:0.5rem auto;

	letter-spacing: 0.15rem;}

	

	.icon1{

		width:54rem;

		height:13.77rem;

		margin:0.5rem auto;

		background-image: url(../images/Android.png);

		background-size: contain;

		background-repeat: no-repeat;}

	.icon2{

		width:54rem;

		height:13.77rem;

		margin:0 auto;

	background-image: url(../images/IOS.png);

	background-size: contain;

		background-repeat: no-repeat;}

	.icon3{

		width:54rem;

		height:13.77rem;

		margin:0.5rem auto;

	background-image: url(../images/Search.png);

	background-size: contain;

		background-repeat: no-repeat;}



	.icon1 a{

		width:50rem;

		height:10.72rem;

		display: block;}

	.icon2 a{

		width:50rem;

		height:10.72rem;

		display: block;}

	.icon3 a{

		width:50rem;

		height:10.72rem;

		display: block;}



	#button{

			width:54rem;

			height:8rem;

			margin:2rem auto;

			text-align: center;

}

	#button img{

		width:24rem ;

		height:6.98rem; 

	}		

	#action{

		width:27rem;

		height:7.63rem;

		float:right;

	

	

		}

	#right{

		width:27rem;

		height:7.63rem;

		float:left;

	

		}

	#right a{

		width:27rem;

		height:7.63rem;

		display: block;}

	#footer{

		width:60rem;

		height:2.5rem;

		font-size:2rem;

		color:#fff;

		font-family:"微软雅黑";

		line-height:2.5rem;

		margin:3.125rem auto;

		text-align:center;

	



		}	

		

.ath-modal{

    position: fixed; left: 0px; width: 100%; height: 100%; top: 0px;    pointer-events: auto !important;background: rgba(0,0,0,0.6);

}

.ath-container{

    pointer-events: auto !important;

    position: absolute;

    z-index: 2147483641;

    padding: 2rem  3.2rem 3rem 3.2rem;

    width: 45rem;

    height:8rem;

    line-height: 8rem;

    background: #eee;

    background-size: 100% auto;

    box-shadow: 0 .02rem 0 #d1d1d1;

    font-family:"微软雅黑";

    font-size: 3rem;

    text-align: center;

    margin: 0 auto



}



.ath-container img{

    width:4rem;

}

.ath-viewport span.close {

    position: absolute;

    display: block;

    right:0;

    top:0;

    background-image: url(../images/icon_tip_close.png);

    background-color: rgba(255,255,255,0.8);

    background-size:contain;

    background-repeat: no-repeat;

   

    width: 5rem;

    height: 5rem;

    text-align: center;

    overflow: hidden;

    color: #a33;

    z-index: 2147483642;

}

.ath-ios11.ath-phone{

    transition-property: transform, opacity; transition-duration: 0s; transition-timing-function: ease-out; transform: translate3d(0px, 0px, 0px); 

    bottom: 3rem;

    left:30%;

    margin-left: -13.5rem;

    height: 6rem;

}

.ath-ios.ath-phone:after {

    content: '';

    background: #eee;

    position: absolute;

    z-index: -1;

    width: 4rem;

    height: 4rem;

    bottom: -2rem;

    left: 50%;

    margin-left: -.4rem;

    -webkit-transform: scaleX(0.9) rotate(45deg);

    transform: scaleX(0.9) rotate(45deg);

    box-shadow: .02rem .02rem 0 #d1d1d1;

}