html {
    font-size :1rem;
}

@media only screen and (min-width: 320px){
    html {
        font-size: 1rem !important;
    }
}
@media only screen and (min-width: 480px){
    html {
        font-size: 1.1rem !important; 
    }
}
@media only screen and (min-width: 640px){
    html {
        font-size: 1.5rem !important; 
    }
}
@media only screen and (min-width: 750px){
    html {
        font-size: 2rem !important; 
    }
}

/*下载按钮动画*/
@keyframes myanimate{
	0% {
   		transform: scale(.9);
	}
	50% {
	    transform: scale(1);
	}
	100% {
	    transform: scale(.9);
	}
}
/*logo动画*/
@keyframes logo{
	0% {
	    transform: translateY(0);
	}
	33% {
	    transform: translateY(-0.08rem);
	}
	66% {
	    transform: translateY(0.08rem);
	}
	100% {
	    transform: translateY(0);
	}
}
#btn_load{animation:myanimate 1.2s linear infinite;}
.load_ios{animation:logo 1.3s ease-in-out infinite;}
.load_az{animation:logo 1.3s 0.4s ease-in-out infinite;}

.clearfix:after{content:".";display:block;height:0;clear:both;visibility:hidden}


body,ol,ul,h1,h2,h3,h4,h5,h6,p,th,td,dl,dd,form,fieldset,legend,input,textarea,select{margin:0;padding:0}
body{font-family:"微软雅黑","Arial Narrow",HELVETICA;background:#000;-webkit-text-size-adjust:100%;}
a{color:#172c45;text-decoration:none}
a:hover{color:#cd0200;text-decoration:none}
em{font-style:normal}
li{list-style:none}
img{border:0;vertical-align:middle}

body{font-size:62.5%;}
.left-box{float:left}
.right-box{float:right}
.mian{max-width:750px;width:100%;margin:0px auto;padding-top:3.5rem;}

h2{background:#4C064A;color:#EECDFB;font-size:1.2rem;line-height:200%;text-indent:1em;}
.mian .pic img{width:100%}
.mian .brn{width:90%;margin:1rem auto;margin-top: 0.5rem;}

.mian .banner{position:relative;margin-bottom:2rem;text-align:center;}
.mian .banner .btn{width:90%;margin:0px auto;position:absolute;bottom:0rem;padding-left:5%;}
.mian .banner .btn .left-box{width:45%}
.mian .banner .btn .left-box img{width:100%}
.mian .banner .btn .right-box{width:45%}
.mian .banner .btn .right-box img{width:100%}

.list{width:90%;margin:0 auto;margin-bottom: 10px;}
.list .left-box{width:30%;margin-top:1rem;margin-left:0.5rem;}
.list .left-box img{width:100%}

.mian .footer{width:95%;margin:0 auto;}
.mian .footer a{font-size:0.9rem;color:#fff;line-height:150%;margin-left:2%;text-align:center;width:30%;display:block;float:left;}
.mian .footer p{font-size:1rem;line-height:250%;text-align:center;color:#fff;}

.mian .fixed{max-width:750px;margin:0px auto;width:100%;background:url(../image/bg_h.png);color:#fff;position:fixed;top:0px;background-size: 100% 100%;height: 3.3rem;}
.mian .fixed .left-box{width:65%;position:relative}
.mian .fixed .left-box .logo{position:absolute;width:100%}
.mian .fixed .left-box .logo img{width:4rem;padding: 5px 0 0 5px;}
.mian .fixed .left-box p{line-height:150%;font-size:0.8rem;padding-left:35%;}
.mian .fixed .right-box{width:30%;text-align: center;}
.mian .fixed .right-box img{width:95%;padding:0.5rem 0;}