/*全局*/
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,input,button,textarea,p,blockquote,th,td,header,footer,section,aside,article{padding:0;margin:0}
body { background: #0f0b0c url(../style/bg-body.jpg) repeat-y center 14rem; font-size:12px; font-family:"Microsoft YaHei",Tahoma,SimSun,Verdana;}
address,caption,cite,code,dfn,em,th,var{font-weight:normal;font-style:normal}
abbr,acronym,img,input{border:0}
input,button,textarea,select,optgroup,option{font-family:inherit;font-size:inherit;font-style:inherit;font-weight:inherit}
ul,ol,li{list-style:none;}
table{border-collapse:collapse;border-spacing:0}
.fr{float:right;}
.fl{float:left;}
.disb{display:block;}
.hid{display:none;}
.disib{display:inline-block;*display:inline;*zoom:1;}
a{color:#d7b591; text-decoration:none} 
a:hover{color:#fff; text-decoration: none; }
a:focus,input:focus{outline:0}
img{border:0;vertical-align:top; }
.clr { clear: both; }

.mainboxtop{margin: 0 auto;width: 100%; margin-top:-1rem; position:relative; z-index:10; max-width:10rem; }
.mainbox{margin: 0 auto; width: 10rem;height: 100%;position: relative; max-width:10rem; }


/*------固定浮动------*/
.gamedown{ height:1.8rem; width:100%; position:fixed; top:0; z-index: 9999; max-width:10rem; background: #000; background:rgba(0, 0, 0, .8); display:none; }
.gamedown.fixed {  width: 10rem; height: 1.8rem; display:block; max-width:10rem; margin: 0 auto; }

.gamedown .logo { width:1.467rem; height: 1.467rem; float: left; margin: 0.133rem 0 0 .133rem; }
.gamedown .logo img { width:1.467rem; height: 1.467rem; margin-left: 0; }
.gamedown .txt { width: 3.5rem; float: left; margin: 0.2rem 0 0 0.2rem; }
.gamedown .txt h1 { font-size: 0.427rem; font-weight: bold; line-height: 0.8rem; color: #ead1b0; background-image:-webkit-linear-gradient(bottom,#ad8959,#ead1b0,#fdeeda); -webkit-background-clip:text;-webkit-text-fill-color:transparent;}
.gamedown .txt p { color: #a68355; font-size: 0.24rem; }
.gamedown .android {  float: left; width: 2.133rem; height: 1.067rem; margin: 0.293rem 0 0 0; }
.gamedown .ios { float: left; width: 2.133rem; height: 1.067rem; margin: 0.293rem 0 0 0.2rem; }
.gamedown .ios a,.gamedown .android a {width: 2.133rem; height: 1.067rem; line-height: 1.067rem; font-size: 0.373rem; color: #fff; text-align: center; display: block; }
.gamedown .android a {background: #7c962b; background: linear-gradient(180deg, #a4c53a 0%, #7c962b 6%, #4e640a 94%, #6c851e 100%); text-shadow: 0px 2px 0 #39480b;}
.gamedown .ios a { background: #154e8c;  background: linear-gradient(180deg, #57a6ff 0%, #266cb5 6%, #0f427b 94%, #266cb5 100%); text-shadow: 0px 2px 0 #00234a;}

/*------ banner大图 ------*/
#banner {
	width: 100%; 
	height:13.333rem; 
	max-width:10rem; 
	z-index: 9;
	margin: 0 auto;
	position: relative;
	display: block;
	clear:both; 
	overflow: hidden; 
}
#bannerbg {
	width: 100%;
	height: 13.333rem;
	position: absolute;
	overflow: hidden;
	z-index: 1;
	background: url(../style/bg.gif) no-repeat center top;
	max-width:10rem; 
	background-size: cover;
	top:0;
}
#bannertxt {
	width: 10rem;
	height: 13.333rem;
	z-index: 999;
	margin: 0 auto;
	position: relative;
	display: block;
	max-width:10rem; 
}

#logo {
	width: 2.533rem;
	height: 2.6rem;
	position: absolute;
	right:3%;
	top:0;
	z-index: 99;
}
#logo img { width: 2.533rem; height: auto;}

#logo h1 {
	display: none;
}

#banner .txt1 {
	width: 10rem;
	height: auto;
	position: absolute;
	top: 54%;
	left:0;
}
/*#banner .txt1 img { -webkit-animation:pulse 1s infinite linear ;}*/

#banner #logo img,#banner .txt1 img { width: 100% !important;height: 100%; }

/*------banner下载------*/
#banner .downbox { width: 10rem; height: 1.867rem; position: absolute; top:77%; }
#banner .downbox div { width: 4.267rem; height: 1.467rem; background-color: green; display: inline-block; box-shadow: 0 0 0.107rem #000; }
#banner .downbox div a { width: 4.267rem; height: 1.467rem; display: block; line-height: 1.4rem; border-radius: 0.08rem; text-align: center; color: #fff; font-weight: bold; font-size: 0.64rem; }
#banner .downbox .android {
	background: #6ca963;
	background: linear-gradient(-45deg, #6ca963 50%, #1a8229 60%, #6ca963 70%);
	background-size: 600% 100%;
	-webkit-animation: shine 20s infinite;
			animation: shine 20s infinite;
	-webkit-animation-delay: 0s;
			animation-delay: 0s;
	-webkit-animation-timing-function: linear;
			animation-timing-function: linear;
	text-shadow: 0.04rem 0.04rem 0.04rem #37671a;
	margin: 0.2rem 0 0 0.55rem;
	border-radius: 0.107rem;
}
#banner .downbox .ios {
	background: #5480da;
	background: linear-gradient(-45deg, #5480da 50%, #244485 60%, #5480da 70%);
	background-size: 600% 100%;
	-webkit-animation: shine 20s infinite;
			animation: shine 20s infinite;
	-webkit-animation-delay: .8s;
			animation-delay: .8s;
	-webkit-animation-timing-function: linear;
			animation-timing-function: linear;
	text-shadow: 0.04rem 0.04rem 0.04rem #1c3f86;
	margin: 0.2rem 0 0 0.267rem;
	border-radius: 0.107rem;
}
@-webkit-keyframes shine {
	0% {background-position-x: 400%;}
	50% {background-position-x: 0%;}
	100% {background-position-x: -400%;}
}
@keyframes shine {
    0% {background-position-x: 400%;}
	50% {background-position-x: 0%;}
	100% {background-position-x: -400%;}
}



/*三端互通*/
.ports{ width: 100%; height: 21.467rem; display: block; max-width: 10rem; }
.title-ports { width: 100%; height:2.333rem; display: block; z-index: 99; margin-bottom: 0.267rem; }
.title-ports .titlebg { width: 100%; height:1.933rem; background: url(../style/title-ports.png) no-repeat center top; background-size: cover;}
.tittxt { width: 10rem; text-align: center; color: #a68355; font-size: 0.347rem;}
/*安卓*/
.androidbox { width: 10rem; height: 5.547rem; position: relative; margin-bottom: 0.4rem; }
.androidbox .title-android { width: 1.333rem; height: 3.2rem; position: absolute; z-index: 3;top: 0; left: 0.133rem; }
.androidbox .title-android .icon { width: 0.64rem; height: 0.747rem; margin: 0 auto; background: url(../style/icon-android.png) no-repeat; background-size: cover;}
.casetitle p { color: #ad8959; font-weight: bold; font-size: 0.507rem; width: 0.64rem; margin: 0 auto; text-align: center;}
.androidbox .mask-android { width: 10rem; height: 5.547rem; position: absolute; z-index: 2; background: url(../style/bg-android.png) no-repeat right top; background-size: cover;}
.androidbox .imgbox { width: 8.333rem; height: 5.133rem; position: absolute; z-index: 1; top: 0.227rem; right: 0; background-color: #000; }
.androidbox .imgbox img { width: 8.333rem; height: 5.307rem; border-radius: 0.427rem 0 0 0.427rem; }
/*苹果*/
.iosbox { width: 10rem; height: 5.547rem; position: relative; margin-bottom: 0.4rem; }
.iosbox .title-android { width: 1.333rem; height: 3.2rem; position: absolute; z-index: 3;top: 0; right: 0.133rem; }
.iosbox .title-android .icon { width: 0.64rem; height: 0.747rem; margin: 0 auto; background: url(../style/icon-ios.png) no-repeat; background-size: cover;}
.iosbox .mask-android { width: 10rem; height: 5.547rem; position: absolute; z-index: 2; background: url(../style/bg-ios.png) no-repeat left top; background-size: cover;}
.iosbox .imgbox { width: 8.333rem; height: 5.133rem; position: absolute; z-index: 1; top: 0.227rem; left: 0; background-color: #000; }
.iosbox .imgbox img { width: 8.333rem; height: 5.307rem; border-radius: 0 0.427rem 0.427rem 0; }

/*电脑*/
.pcbox { width: 10rem; height: 6.6rem; position: relative; margin-bottom: 0.4rem; }
.pcbox .title-android { width: 1.333rem; height: 3.2rem; position: absolute; z-index: 3;top: 0; left: 0.133rem; }
.pcbox .title-android .icon { width: 0.64rem; height: 0.747rem; margin: 0 auto; background: url(../style/icon-pc.png) no-repeat; background-size: cover;}
.pcbox .mask-android { width: 10rem; height: 6.6rem; position: absolute; z-index: 2; background: url(../style/bg-pc.png) no-repeat right top; background-size: cover;}
.pcbox .imgbox { width: 8.2rem; height: 5.307rem; overflow: hidden; position: absolute; z-index: 1; top: 0.4rem; right: 0; background-color: #000; }
.pcbox .imgbox img { width: 8.333rem; height: 5.307rem; }

/*随时开区*/
.kaiqu { width: 100%; height: 15.133rem; display: block; max-width: 10rem; }
.title-kaiqu { width: 100%; height:2.333rem; display: block; z-index: 99; margin-bottom: 0.267rem; }
.title-kaiqu .titlebg { width: 100%; height:1.933rem; background: url(../style/title-kaiqu.png) no-repeat center top; background-size: cover;}
.kaiqucnt { width: 10rem; height: 12.533rem; position: relative; }
.kaiqubg { width: 10rem; height: 12.533rem; position: absolute; z-index: 2; background: url(../style/bg-banben.png) no-repeat center top; background-size: cover; }
.kaiquimg { width: 7.24rem; height: 11.4rem; position: absolute; z-index: 1; top:0.333rem; left: 1.36rem; background-color: rosybrown; }
.kaiquimg img { width: 7.24rem;  height: 11.4rem; }

/*版本多样*/
.edition { width: 100%; height: 11rem; display: block; max-width: 10rem; }
.title-edition { width: 100%; height:2.333rem; display: block; z-index: 99; margin-bottom: 0.267rem; }
.title-edition .titlebg { width: 100%; height:1.933rem; background: url(../style/title-edition.png) no-repeat center top; background-size: cover;}
.zzsc-container{ width: 10rem; height: 8.5rem; margin: -1rem auto 0; position: relative; overflow: hidden; /*border: 0.013rem solid #4f341a; background: #0f0b0c; background: rgba(15, 11, 12, .85); */}
#tag-cloud {/*width:640px;height:480px*/margin: 0 auto;  }


/* 底部版权 */
#footer { width: 100%; background: #181616; max-width:10rem; padding-bottom: .3rem; margin-top:0; border-top: 0.013rem solid #694828;}
.copyright { width: 9.7rem; padding: .4rem .15rem .5rem; color: #4a4647; font-size: 0.24rem; line-height: .4rem; text-align: center; }
.copyright .tips { color: #7f6543; font-weight: normal; }
.copyright a { color: #aaa; }
@media screen and (min-width: 320px) and (max-width: 760px){
	.copyright { font-size: 12px; }
	.copyright p { width: 110%; font-size: 12px;
		-webkit-transform-origin-x: 0;
		-webkit-transform: scale(0.90);}
}

/*微信引导提示*/
#pMask { position: fixed; z-index:99999; top: 0; width: 100%; height: 100%; display: none; }
.wx { display: none; position: fixed; width: 9rem; height: 5rem; margin: 0 0.5rem; border-radius: 0.3rem; top:2.3rem; z-index: 999999; background: rgba(0,0,0,.7); }