* {
    margin: 0;
    padding: 0;
}

html {
    font-family: sans-serif;
    -ms-text-size-adjust: 100%;
    -webkit-text-size-adjust: 100%;
}
ul {list-style:none} 
html,
body {
    width: 100%;
    font-size: 62.5%;
}
#main {
	width: 100%;
	position: absolute;
	height:100%;
}
.container {
	position: relative;
	height:100%;
}

.container img {
	width: 100%;
}
.container > img {
	height:100%;
}
.downLoad {
    position: absolute;
    height: 10%;
    top: 0;
    width: 100%;
    z-index: 999;
    background: url('/self/img/blank-1.png') repeat;
}

.downLoad img {
    position: absolute;
    top: 8px;
    z-index: 99;
    left: 3%;
}

.logo {
    position: absolute;
    top: 12%;
    z-index: 1;
    width: 100%;
}
.logo img{width:100%;}
.weixin-tip {
     display: none;
     position: fixed;
     left: 0;
     top: 0;
     bottom: 0;
     background: rgba(0,0,0,0.8);
     filter: alpha(opacity=80);
     height: 100%;
     width: 100%;
     z-index: 1000;
	 overflow: hidden;
}
.weixin-tip img{width:100%;}
.weixin-tip p {
    text-align: center;
    margin-top: 10%;
    padding: 0 5%;
}

.downLoad .text {
    font-family: DeliciousRoman, Helvetica, Arial, sans-serif;
    color: #FFF;
    font-size: 1.2em;
    width: 12em;
    position: absolute;
    left: 19%;
    top: 9px;
    line-height: 1.3;
}

.downLoad .text span {
    display: block;
}

.downLoad .dowmLoad-btn img {
    width: 100%;
}
.textArea{
	position: absolute;
    bottom: 0;
    color: #fff;
    padding: 2%;
	font-family: DeliciousRoman, Helvetica, Arial, sans-serif;
}
.textArea p{
	line-height:1.8;
}
.gifbox{position:absolute; bottom:0; width:100%;}
.gifbox img{width:100%; height:100%;}
.gifbox_list img { border: 0px; }
.gifbox ul { display:none;}
.gifbox_list p { position: absolute; width: 100%;}
.gifbox_list p img{width:100%; height:100%;}
.gamelist{position:absolute; top:5%; /*! left:5%; */ width: 150px;}
.gamelist ul{position:absolute;}
.gamelist li{width: 100%;float: left;}
.game-name{float: left;font-weight: bold;color: #483523;}
.game-icon{float: left;}
.game-icon img{border: 1px solid #fff; border-radius: 6px;}
@-webkit-keyframes dong {
    from {
        bottom: 20px;
    }

    to {
        bottom: 60px;
    }
}

@-webkit-keyframes tong {
    from {
        top: 20px;
    }

    to {
        top: 60px;
    }
}

@media screen and (max-width:360px) {
	body{font-size:13px;}
	.gamelist{width: 133px;top: 64px;}
	.gamelist ul{top: 22px;width: 100px;padding: 0 21px;}
    .gamelist li{height: 33px;line-height: 33px;}
    .game-name{margin-left: 5px; font-size:13px;}
	.game-icon{width: 28px;margin-top: 1px;}
    .downLoad .text {
        font-size: 1em;
    }
	.gifbox{height: 195px;}
    .downLoad{height:60px}
    .downLoad img {
        width: 44px;
    }

    .dowmLoad-btn {
        width: 120px;
        height: 63px;
        position: absolute;
        right: 3%;
        top: 4px;
        font-family: DeliciousRoman, Helvetica, Arial, sans-serif;
        color: #FFF;
        font-size: 28px;
        text-align: center;
        line-height: 67px;
        text-decoration: none;
    }
}

@media screen and (min-width:361px) {
	body{font-size:14px;}	
	.gamelist{width: 150px;top: 75px;}
	.gamelist ul{top: 27px;width: 106px;padding: 0 25px;}
    .gamelist li{height: 37px;line-height: 37px;}
    .game-name{margin-left: 8px; font-size:14px;}
	.game-icon{width: 29px;margin-top: 1px;}
    .downLoad img {
        width: 55px;
    }
	.gifbox{height: 256px;}
    .downLoad{height:70px}
    .dowmLoad-btn {
        width: 158px;
        height: 67px;
        position: absolute;
        right: 3%;
        top: 1px;
        font-family: DeliciousRoman, Helvetica, Arial, sans-serif;
        color: #FFF;
        font-size: 28px;
        text-align: center;
        line-height: 67px;
        text-decoration: none;
    }
}
@media screen and (min-width:400px) {
	body{font-size:14px;}	
	.gamelist{width: 174px;top: 75px;}
	.gamelist ul{top: 32px;width: 115px;padding: 0 25px;}
    .gamelist li{height: 40px;line-height: 40px;}
    .game-name{margin-left: 8px; font-size:14px;}
	.game-icon{width: 35px;margin-top: 1px;}
    .downLoad img {
        width: 55px;
    }
	.gifbox{height: 256px;}
    .downLoad{height:70px}
    .dowmLoad-btn {
        width: 158px;
        height: 67px;
        position: absolute;
        right: 3%;
        top: 1px;
        font-family: DeliciousRoman, Helvetica, Arial, sans-serif;
        color: #FFF;
        font-size: 28px;
        text-align: center;
        line-height: 67px;
        text-decoration: none;
    }
}


@media screen and (min-width:700px) {
	body{font-size:16px;}
	#main{height:auto}
	.container{height:auto}
	.gamelist{width: 287px;top: 120px;}
	.gamelist ul{top: 57px;width: 190px;padding: 0 41px;}
    .gamelist li{height: 68px;line-height: 68px;}
    .game-name{margin-left: 8px;font-size: 20px;}
	.game-icon{width: 62px;margin-top: 1px;}
    .downLoad img {
        width: 11%;
		top:16px;
    }
	.textArea{font-size:2rem;}
	.gifbox{height: 534px;}
    .downLoad .text {
        font-size: 28px;
    }
    .downLoad{height:114px}
    .dowmLoad-btn {
        position: absolute;
        right: 3%;
        top: 7px;
        font-family: DeliciousRoman, Helvetica, Arial, sans-serif;
        color: #FFF;
        font-size: 28px;
        text-align: center;
        line-height: 67px;
        text-decoration: none;
    }
	.container > img {
	height:auto;
   }
}
@media screen and (min-width:1000px) {
	body{font-size:16px;}
	.gamelist{width: 370px;top: 115px;}
	.gamelist ul{top: 69px;width: 252px;padding: 0 53px;}
    .gamelist li{height:90px;line-height:90px;}
    .game-name{margin-left: 8px;font-size: 20px;}
	.game-icon{width: 82px;}
	.game-icon img{border: 1px solid #fff; border-radius: 13px;}
	.textArea{font-size:2rem;}
   #main {
	width: 1000px;
	height: 1442px;
	position: absolute;
	left: 50%;
	margin-left: -500px;
}
   .container > img{height:1442px;}
   .downLoad{width:1000px;}
   .gifbox{height: 620px;}
   .logo{width:1000px;top: 128px;}
    .downLoad img {
        width: 8%;
		top:16px;
    }
}