@charset "gb2312";
/** 
   description:style
   author:pgy
   update:2016.05.17
*/
/*reset*/
html{ font-size:62.5%;}
body,h1,h2,h3,h4,h5,h6,hr,p,blockquote,dl,dt,dd,ul,ol,li,pre,figcaption,figure,fieldset,legend,button,input,textarea,th,td{margin:0;padding:0}
body,button,input,select,textarea{font:12px/1 'Helvetica','Microsoft YaHei',"Lucida Grande","Lucida Sans Unicode",Helvetica,Arial,Verdana,sans-serif; color: #424242;}
h1{font-size:18px;font-weight:normal}
h2{font-size:16px;font-weight:normal}
h3{font-size:14px;font-weight:normal}
h4,h5,h6{font-size:100%;font-weight:normal}
address,cite,dfn,em,var{font-style:normal}
code,kbd,pre,samp,tt{font-family:"Courier New",Courier,monospace}
small{font-size:12px}
ul,ol,li{list-style:none}
a{text-decoration:none;color:#424242;}
em,i{font-style:normal;}
abbr[title],acronym[title]{border-bottom:1px dotted;cursor:help}
q:before,q:after{content:''}
legend{color:#000}
fieldset,img{border:0}
table{border-collapse:collapse;border-spacing:0}
hr{border:0;height:1px}
*{-ms-word-break:break-all;word-break:break-all;-ms-word-wrap:break-word;word-wrap:break-word;-webkit-tap-highlight-color:rgba(0,0,0,0)}

.clearfix {*zoom:1;}
.clearfix:after{content:"\200B";height:0;display:block;clear:both;}
.pr{ position: relative; }
.pa{ position: absolute; }
.fl{ float:left;}
.fr{ float:right;}
.clearfix2{ zoom:1; overflow:hidden;}

.ph-028{ padding-left:2.8%; padding-right:2.8%; width:94.4%;}
.bd-001-d9d9d9{ border-bottom:.1rem solid #d9d9d9;}
.right-arrow{ display: inline-block; float: right; width: .6rem; height: 1rem; background: url(../img/ch_icon_uc_arrow_right.png) center center no-repeat; background-size: 100% 100%;}

/*module*/
.module .m-hd{ height:3rem; padding:0 2.8%; background:#ececec; border:.1rem solid #d5d5d5; border-width:1px 0;}
.module .more{ display:inline-block; float:right; height:3rem; line-height:3rem; color:#424242;}
.m-hd h5{ height:3rem; font-size:1.3rem; color:#1ec57d; line-height:3.1rem; padding-left:.5rem; background:url(../img/icon-h5.png) no-repeat; background-size:auto 100%;}

.to-read-more a{ display:none; width:75%; height:4rem; font-size:1.35rem; line-height:4rem; text-align:center; margin:0 auto; color:#1ec57d; font-weight:lighter;}
.to-read-more div{ display:block; width:3rem; height:3rem; margin:1rem auto 0;}
.bg-black-pop{ display: none; width:100%; height:200%; position:fixed; z-index:10; top:0; left:0; background:#000; opacity:.4;}

header{ width:100%; height:48px; position:fixed; top:0; right:0; background:#1ec57d; z-index:5;}
header>section{ height:100%; width:100%; position:relative;}
header>section>section{ display:block; height:32px; padding:8px 0; position:absolute; top:0;}
header>section>section a{ display:inline-block; float:left; width:32px; height:32px; margin:0 6px;}
header>section>.hl{ height: 26px; padding: 12px 0; }
header>section>.hl a{ width: 26px; height: 26px; }
header>section>section a:last-child{ margin-right:0;}
header>section>section a img{ width:100%; height:100%;}
header>section>.hl{ left:0;}
header>section>.hr{ right:0;}
header h4{ height:48px; width:100%; font-size:21px; line-height:48px; text-align:center; color:#fff; overflow:hidden;}
header h4>img{ height:100%;}



/* m-home */
.m-home{ padding: 0 2.8%; width: 94.4%; }
.m-home .h-mid{ display: inline-block; float: left; width: auto; }
.m-home .hr{ display: inline-block; float: right; width: auto; height: 32px; padding: 8px 0; }
.m-home .hr .hr-a,.menu-box{ display: inline-block; float: left; width:32px; height:32px; margin:0 6px;}
.m-home .hr .hr-a img{ width: 100%; height: 100%; }
.menu-box{ position: relative; }
.menu-box .menu-line{ display: block; width: 22px; height: 3px; background: #fff; position: absolute; left: 5px; z-index: 11; }
.menu-box .menu-line1,.menu-box .menu-line2{top: 5px; transition: top .5s linear .1s; -moz-transition:top .5s linear .1s; -webkit-transition:top .5s linear .1s; -o-transition:top .5s linear .1s; }
.menu-box .menu-line3{ top: 14px; }
.menu-box .menu-line4{ top: 23px; }
.menu-box.hover .menu-line1,
.menu-box.hover .menu-line2{ top: 14px; }
.menu-box.hover .menu-line1{
	transform:rotate(45deg);
	-ms-transform:rotate(45deg); 	/* IE 9 */
	-moz-transform:rotate(45deg); 	/* Firefox */
	-webkit-transform:rotate(45deg); /* Safari 鍜� Chrome */
	-o-transform:rotate(45deg); 	/* Opera */
}
.menu-box.hover .menu-line2{
	transform:rotate(135deg);
	-ms-transform:rotate(135deg); 	/* IE 9 */
	-moz-transform:rotate(135deg); 	/* Firefox */
	-webkit-transform:rotate(135deg); /* Safari 鍜� Chrome */
	-o-transform:rotate(135deg); 	/* Opera */
}
.menu-box.hover .menu-line3,.menu-box.hover .menu-line4{ display: none; }

/* 涓嬫媺鑿滃崟寮规 */
.menu-pop .pr{ height: 171px; padding: 0; }
.menu-pop{ width: 146px; height: 171px; padding: 0; background: #fff; border-radius: 5px; position: fixed; right: 2.8%; top: -180px; z-index: 4; transition: top .5s linear .1s; -moz-transition:top .5s linear .1s; -webkit-transition:top .5s linear .1s; -o-transition:top .5s linear .1s; } /*瀹戒负375*/
.menu-pop .menu-a{ display: block; float:none; height: 42px; width: 68px; padding: 0 39px; border-bottom: 1px solid #d9d9d9; text-align: center; margin: 0; }
.menu-pop .menu-a:last-child{ border-bottom: none; }
.menu-pop .menu-a img{ display: block; height: 42px; width: 68px; }
.menu-pop.hover{ top: 56px; }
.d-arrow1{ position:absolute; left:80%; overflow:hidden; width:0; height:0; border-color:transparent transparent #fff transparent; border-style:dashed dashed solid dashed; border-width:8px; }
.d-arrow1{ top:-16px; }
.bg-black-pop{ top: 48px; z-index: 3; }


/* m-share */
.m-share{ height:4rem;}
.m-share>.share-tit{ display:inline-block; float:left; height:4rem; font-size:1.2rem; color:#202020; line-height:4rem;}
.m-share>.bdshare-button-style0-16{ display:inline-block; height:3rem; padding:.5rem 0;}
.m-share .bdshare-button-style0-16 a{ width:3rem; height:3rem; padding:0; margin:0 .5rem;}


@media (max-width:1000px){
	html{ font-size:150.0%;}
}
@media (max-width:720px){
	html{ font-size:104%;}
}
@media (max-width:480px){
	html{ font-size:83.3%;}
}
@media (max-width:320px){
	html{ font-size:62.5%;}

	body{ padding-top:42px;}
	header{ height:42px;}
	header>section>section{ height:28px; padding:7px 0;}
	header>section>section a{ width:28px; height:28px; margin:0 5px;}
	header>section>.hl{ height: 26px; padding: 8px 0; }
	header>section>.hl a{ width: 26px; height: 26px; }
	header h4{ height:42px; width:100%; font-size:19px; line-height:42px; text-align:center; color:#fff; overflow:hidden;}

	.m-home .hr{ display: inline-block; float: right; width: auto; height: 28px; padding: 7px 0; }
	.m-home .hr .hr-a,.menu-box{ display: inline-block; float: left; width:28px; height:28px; margin:0 5px;}
	
	.menu-box .menu-line1,.menu-box .menu-line2{top: 4px; transition: top .5s linear .1s; -moz-transition:top .5s linear .1s; -webkit-transition:top .5s linear .1s; -o-transition:top .5s linear .1s; }
	.menu-box .menu-line3{ top: 12px; }
	.menu-box .menu-line4{ top: 20px; }

	.menu-box.hover .menu-line1,
	.menu-box.hover .menu-line2{ top: 10px; }

	.bg-black-pop{ top: 42px; }
	.menu-pop.hover{ top: 50px; }
}

/*loading*/
@-webkit-keyframes rotate {
	0% {
		-webkit-transform: rotate(0);
		transform: rotate(0)
	}

	50% {
		-webkit-transform: rotate(180deg);
		transform: rotate(180deg)
	}

	100% {
		-webkit-transform: rotate(360deg);
		transform: rotate(360deg)
	}
}
@keyframes rotate {
	0% {
		-webkit-transform: rotate(0);
		transform: rotate(0)
	}

	50% {
		-webkit-transform: rotate(180deg);
		transform: rotate(180deg)
	}

	100% {
		-webkit-transform: rotate(360deg);
		transform: rotate(360deg)
	}
}
.ball-clip-rotate-multiple {
	position: relative
}

.ball-clip-rotate-multiple>div {
	position: absolute;
	left: 0;
	top: 0;
	border: 2px solid #1ec57d;
	border-bottom-color: transparent;
	border-top-color: transparent;
	border-radius: 100%;
	height: 2rem;
	width: 2rem;
	-webkit-animation: rotate 1s 0s ease-in-out infinite;
	animation: rotate 1s 0s ease-in-out infinite
}

.ball-clip-rotate-multiple>div:last-child {
	display: inline-block;
	top: .5rem;
	left: .5rem;
	width: 1rem;
	height: 1rem;
	-webkit-animation-duration: .5s;
	animation-duration: .5s;
	border-color: #1ec57d transparent;
	-webkit-animation-direction: reverse;
	animation-direction: reverse
}



.game-list ul{ padding:0 2.8%;}
.game-list ul li{ border-bottom:.1rem solid #d9d9d9;}
.game-list ul li{ padding:1rem 0; /*height:5rem;*/}
.game-list ul li .gl-box{ display:block; width:100%;}
.game-list ul li .ibox,.game-focus>div{ margin-right:6rem;}
.game-list ul li .btn-game-download,.game-focus .btn-game-download{ display:inline-block; float:right; height:2.4rem; width:5.2rem; margin-top:1.3rem; background:#1ec57d; border-radius:.4rem; font-size:1.2rem; line-height:2.45rem; color:#fff; text-align:center;}
.game-list ul li .ibox img,.game-focus div img{ display:inline-block; float:left; width:5rem; height:5rem; border-radius:.5rem;}
.game-list ul li .ibox div,.game-focus div div{ margin-left:6rem; height:5rem;}
.game-list ul li .ibox div h5,.game-focus div div h5{ height:2rem; font-size:1.35rem; line-height:2rem; color:#202020; text-overflow: ellipsis; white-space: nowrap; overflow: hidden;}
.game-list ul li .ibox div em,.game-focus div div em{ display:block; height:.9rem; width:5.5rem; background:url(../img/bg-white-star.png) no-repeat; background-size:5.5rem .9rem;}
.game-list ul li .ibox div em i,.game-focus  div div em i{ display:inline-block; float:left; height:.9rem; background:url(../img/bg-red-star.png) no-repeat; background-size:5.5rem .9rem;}
.game-list ul li .ibox div p,.game-focus div div p{ height:1.6rem; font-size:.9rem; color:#5e5e5e; line-height:1.6rem; font-weight:lighter; text-overflow:ellipsis; white-space:nowrap; overflow:hidden;}
.game-list ul li .ibox div em,.game-list ul li .ibox div em i{ background:url(#);}


.menu-gb-center{ border:.1rem solid #d5d5d5; border-width:.1rem 0;}
.menu-gb-center a{ display:inline-block; float:left; height:3.1rem; width:49.8%; border-right:.1rem solid #bdbdbd; font-size:1.3rem; line-height:3.1rem; text-align:center; color:#424242;}
.menu-gb-center a.hover{ background:url(../img/bg-hicon-redborder.png) center bottom no-repeat; background-size:100% .2rem; color:#1ec57d;}
.menu-gb-center a:last-child{ border-right:none;}


.main-menu-choose{ background:#ececec;}
.main-menu-choose,.sub-menu-choose{ border:.1rem solid #d5d5d5; border-width:.1rem 0;}
.sub-menu-choose{ border-top:none;}
.main-menu-choose a{ height:3.1rem; width:33.1%; border-right:.1rem solid #bdbdbd; font-size:1.35rem; color:#424242; line-height:3.1rem;}
.sub-menu-choose a{ height:4.2rem; width:16.66%; font-size:1.2rem; color:#5f5f5f; line-height:4.2rem;}
.main-menu-choose a.hover{ color:#1ec57d; background:url(../img/bg-hicon-redborder.png) center bottom no-repeat; background-size:100% .2rem;}
.sub-menu-choose a.hover{ color:#202020;}
.main-menu-choose a:last-child,.sub-menu-chosse a:last-child{ border-right:none;}
.main-menu-choose a,.sub-menu-choose a{ display:inline-block; float:left; text-align:center;}