@charset "utf-8";

/* 
Document: core.css 
Created on: 2013-03-11,14:00;
Update: 2013-03-13,16:20;
Author: kimixyz
Description: 全站样式表
*/

/* css reset */
html, body, h1, h2, h3, h4, h5, h6, p, dl, dt, dd, ul, ol, li, form, fieldset, button, input, textarea { margin: 0; padding: 0; -webkit-user-select: none; -webkit-touch-callout: none;}
input[type="text"], input[type="password"], textarea { -webkit-user-select: text; }
body, button, input, select, textarea { font: 12px "Helvetica Neue",Helvetica,Arial,Sans-serif; }
h1, h2, h3, h4, h5, h6 { font-size: 100%; }
ul, ol, li { list-style: none; }
a { text-decoration: none; color: #101010; }
img { border: 0; }
button, input[type="button"], input[type="text"], input[type="password"], select, textarea { font-size: 100%; -webkit-appearance: none; }
/*button, input, select, textarea, label, a { -webkit-tap-highlight-color: rgba(0, 0, 0, 0); }*/

/*默认背景*/
body { background: #f8f8f8; color: #101010; font-size: 24px; }
h1, h2, h3, h4, h5, h6 { font-weight: normal; }
.hidden { display: none; }
/* 遮罩层 */
.shade {
	display: none;
	position: fixed;
	z-index: 9;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	background: #000;
	opacity: .25;
	-webkit-transform: translate3d(0,0,0); 
	}
/* 顶部 */
.top {
	position: fixed;
    top: 0;
    width: 100%;
	height: 90px;
	line-height: 90px;
	text-align: center;
    left: 0px;
    border-bottom: #dcdcdc 1px solid;
    z-index: 200;
}
.top:before {
	content: "";
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	z-index: -1;
	background: #f8f8f8;
	}
	.top h1 {
		font-size: 30px;
		color: #333;
		}
	.top i {
		position: absolute; 
		top: 50%;
		margin-top: -30px;
		width: 70px;
		height: 60px;
		font-style: normal;
		}
		.top i:nth-of-type(1) { left: 16px; }
		.top i:nth-of-type(2) { right: 16px; }
		.top i:before {
			content: "";
			position: absolute;
			top: -1px;
			left: -1px;
			right: -1px;
			bottom: -1px;
			z-index: -1;
			}
		.top i:after {
			content: "";
			position: absolute;
			top: 50%;
			left: 50%;
			margin: -21px 0 0 -20px;
			width: 40px;
			height: 42px;
			background: url("data:image/png;base64,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") no-repeat;
			}
		.top i:nth-of-type(2):after { background-position: 0 -45px; }
        .list-mag { margin-top: 90px; }
        .top-bn { position: relative; text-align: center; width: 640px; margin: auto; padding-top: 15px; }
        .top-bn .tb-close { position: absolute; right: 20px; top: 40px; display: block; width: 50px; height: 50px; background: url(../images/td-close.png) no-repeat; }
        .top-bn img { margin: auto; display: block; width: 640px; height: 100px; }
        .top i:after {
	        content: "";
	        position: absolute;
	        top: 50%;
	        left: 50%;
	        margin: -20px 0 0 -18px;
	        width: 36px;
	        height: 40px;
	        background: url(../images/top-tag.png) no-repeat;
	        opacity: 1;
	        }
        .top i:nth-of-type(2):after { width: 37px; height: 37px; background: url(../images/search-tag2.png) no-repeat center; }
        .top i.apple:after { width: 50px; height: 58px; background: url(../images/top-tag.png) no-repeat 0 -64px; }
        .top i.android:after { background: url(../images/top-tag.png) no-repeat 0 -128px; }
        .top i.ind-tag:after { background: url(../images/top-tag2.png) no-repeat; }
        .top .logo { height: 90px; }
        .top .logo img { width: 214px; height: 45px; margin-top: 20px; }


/* 返回顶部 */
.gaoplus {
	display: none;
	position: fixed;
	-webkit-box-sizing: border-box;
	bottom: 50px;
	right: 40px;
	height: 90px;
	width: 90px;
	padding: 4px;
	z-index: 2;
	background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#e6e7e9), to(#fefeff));
	background-image: -webkit-linear-gradient(top, #e6e7e9, #fefeff);
	background-image: linear-gradient(to bottom, #e6e7e9, #fefeff);
	-webkit-border-radius: 45px;
            border-radius: 45px;
    cursor: pointer;
	}
.gaoplus a {
	display: block;
	width: 82px;
	height: 82px;
	-webkit-appearance: none;
		appearance: none;
	}
.gaoplus a:before {
	content: "";
	display: block;
	width: 82px;
	height: 82px;
	background: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAFIAAABSCAMAAADw8nOpAAABa1BMVEV7e3vGxsbGxsaBgYHs7OyFhYXDw8OFhYXR0dGNjY2Hh4fb29vb29uRkZGSkpKTk5OUlJTIyMj///+ampqWlpaamprc3Nzx8fHb29ubm5uWlpbFxcX///////+Ojo7T09OPj4+Hh4eVlZWOjo6SkpKSkpKOjo6UlJSUlJSMjIzb29v////q6uqJiYnj4+PW1taIiIjz8/PX19fb29v////////////////////39/f////////////h4eH///+Li4vR0dH////////////////////////////////////////////////////z8/P////////////29vb////o6Oj////b29v////////////////V1dX///8AAACJiYmLi4uMjIykpKStra2Tk5N9fX2SkpKPj4+NjY2hoaGioqKKioqmpqadnZ2QkJCRkZGfn5+enp6Ojo6goKCcnJyoqKinp6eBgYGbm5upqanLClbTAAAAXnRSTlPWHxiyFdsX1BWx0dyxnJeQinBQbHhx2BSnZn1iTSuqE6XJg6OblquJjrLkXFq+DxHGj/PufkKSNSzBhCo+DhK4vEk0BjAYDAoxDgEFEAMLCAcJx0BSOOMEWQ0R7GIAgJAijAAAAXdJREFUeNrt18Vuw0AQgOGUmZmZmTHMZGjaULlJw4ljx6n9+NVmXclVKku29xBV+x/n8F1mtNIanpGHSUxiEpOYxCQmVZGB5JdiyYBq0lESFCs5VJMhQVRMCDUCabM8KmaxqSad1ifFrE7VZCQWl2dqao3/KhbReZe+ZkOLEemp+9rb2LSZQEl2diQyXLGLQEcudCeyPM8V52lU5MHSZ5YXRZ5LrdBoyP3DmghMdpVEQRr3ShkgApNh10j9JGEGolSVYTcpvSSxVeSgCM1yeoPSR9LrUJSZb8uUHpJeTEFRbr5O27WTZB8riXKzkBu1ayXJfpYBYr055tdGUgMsUxX/KF/Jjfi1kNRguiyJ9ebLlF8DOTHU2xOutX2ch5f+cRKGjU/OuDSQXs9wFLZzxEHy/TQqNTvn1kAG3TGpwG4BkpWzn5GLDup6iSL3Fbhq4UE2xSQmMflfyODF+R3o6voGFekzeUKg20tvo/17MIlJTGISk5gEfQOiE6CJ3S28/wAAAABJRU5ErkJggg==") no-repeat 0 0;
	}
.gaoplus .gaoplus-circle {
	position: absolute;
	top: 4px;
	left: 4px;
	display: block;
	height: 82px;
	width: 82px;
	cursor: pointer;
	z-index: 2;
	border: 0px;
	font-size: 30px;
	line-height: 40px;
	text-align: center;
	color: white;
	padding: 0px;
	-webkit-transition: all 0.2s linear;
	transition: all 0.2s linear;
	background: url(../images/circle_bg.png) no-repeat;
	-webkit-border-radius: 41px;
			border-radius: 41px;
	-webkit-appearance: none;
	appearance: none;
	}
/* 弹出导航按钮 */
.circle-container {
	position: fixed;
	-webkit-box-sizing: border-box;
	bottom: 50px;
	left: 40px;
	height: 90px;
	width: 90px;
	padding: 4px;
	z-index: 999;
	background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#e6e7e9), to(#fefeff));
	background-image: -webkit-linear-gradient(top, #e6e7e9, #fefeff);
	background-image: linear-gradient(to bottom, #e6e7e9, #fefeff);
	-webkit-border-radius: 45px;
            border-radius: 45px;
    cursor: pointer;
	}
/* line 35, ../sass/_layout.scss */
.circle-container .circle {
	position: absolute;
	top: 4px;
	left: 4px;
	display: block;
	height: 82px;
	width: 82px;
	cursor: pointer;
	z-index: 2;
	border: 0px;
	font-size: 30px;
	line-height: 40px;
	text-align: center;
	color: white;
	padding: 0px;
	-webkit-transition: all 0.2s linear;
	transition: all 0.2s linear;
	background: url(../images/circle_bg.png) no-repeat;
	-webkit-border-radius: 41px;
			border-radius: 41px;
	-webkit-appearance: none;
	appearance: none;
	}
.circle-container .circle-on { -webkit-transform: rotate(145deg); transform: rotate(145deg); }

/* line 53, ../sass/_layout.scss */
.circle-container .circle:active:before {
	content: "";
	display: block;
	position: absolute;
	top: -5px;
	left: -5px;
	right: -5px;
	bottom: -5px;
	background: rgba(0, 0, 0, 0.3);
	pointer-events: none;
	-webkit-border-radius: 45px;
	        border-radius: 45px;
	}
.circle-container .circle-btn {
	position: absolute;
	top: 28px;
	left: 28px;
	height: 36px;
	width: 36px;
	background: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACQAAABOCAMAAAB/sUSWAAACAVBMVEXMzMzR0dG+vr7Ozs76+vr////j4+N5eXmIiIh6enrExMR5eXm+vr7Ly8u9vb2IiIh5eXn4+Pjc3Nzy8vLc3Nz5+fn////6+vrj4+MjcLltqNYAV6oAVaFwqtdtptNtp9UAVqnS5PLr8PH9/f3m7fDp7/HO5PMAVaHS5/Tp7fAASZsqaq4ASZQASpwASJQASpwiZKsASZvz8/P///////+dnZ3////////Nzc3////S0tL////f39/j4+P////T09P///////////+5ubmbm5sAVqn9/f08hcJto9FtotBtodBtoc5toM79/f2Lv+JtrNttrdttsN9tsN5tnsxtoM1trtxtsN1tr93////b29v///9trNptsd9tncptn8wASZv////////j4+OMjIz///8AVqn////9/f3////Q0NAAAAAAis8nqd8huu4nu+4Ai88hp94Adb0AdbyRkZGEhISFhYWhoaGHh4cAari/3+un1Oejo6OdnZ283+uSkpKmpqacnJyioqIBsu4Ae8EAVKMAkNIAjtAAjM8Ais0Bse0BsO0AiMwBouEBoN8Bnt4Br+wBpOIAh8oBpeQAhckBreoAfMEBp+UAfcIAf8QAg8cBqecAgcYBrOkBq+gAgMWoqKiGhoYAYrLL4OkAktQBnNwAlNUBltcBmtoBmNmenp6pqal2TG3mAAAAa3RSTlNuclcZjzHT9jr5HPRZGFg7+ZPcVtuREJHUM08J7k1PTzIvzgjX0DHzMNYONvMM7Qk0DFUyDxEDS28HeVih3RP2NAozlkUMB3JPT09PTwZkT09PT09PT09PWeMNT09PTzMEAds9UTMJHwt0AI/Wf2UAAAH5SURBVHja7dTXU9RQFMfxo4Io2BAVFBVUQCwovcPSe69bADeyRFgFlN52SWiCDbsCStZu8lc62bOTXHaGkxeYYUY+j7/5PiS5mQtOBhd8dNTj8YyEHOecrC2R/Zh7RpZlYfiEffuIzxQkRVEkIZPfPurtkxWV3Ne7H+1alHayW1NS7IuKS/TxSBoHp0Y9mnG36I1E97g+jgQdAvXcNeKsN5oVmU0YPggzkkKTBACZLPA1diw6ANOGzzSdDOER9zV5Jt/bmfL08XBACqRkODQ5uWPeaCw3Rx8zAlMhPYvX5Gf7vnh2vj5mpe/NX+X/ifgwUcJz54mbriD0tMViOXO2iLjpuHMFDrPZ7ChK5fwjtrIXWq3WQjs2TETY9ejmPVUSGSXcXlDduUtFt57Mq4YSqajzA+oko0+IjJo/o2Yq6tpEXWS0gcioZQ21UFHNO1RDRdVvUDUVVT1HVVRUuYwqqajiKarwi0p7GOVLqJzZokudcP0bY2IRTbDjxUgY/GHk4Xn4Zewy/DYWBX+NXYA/xi7B459GHl2BG98ZU6/QFDteLYPaB4y6l6iOHWv9jsX2Atmos7O9RmRU/xbVU1HDR9RARa3rqJWK2r+idipq+4LaqKjpPWqiosZV1EhFHc9QBxmtIDKK659TDcRT0bWYSZfLNRlbtjX6B0/fKK6UsJ+rAAAAAElFTkSuQmCC") no-repeat 0 0;
	z-index: 9999;
	-webkit-transition: all 0.2s linear;
	}
.circle-container .circle-btn-on {
	background-position: 0 -42px;
	left: 27px;
	-webkit-transform: rotate(45deg);
	}

/* 导航块 */
.item {
	position: fixed;
	bottom: 100px;
	left: 100px;
	width: 300px;
	height: 300px;
	background: url(../images/item_bg.png) no-repeat;
	padding: 7px;
	-webkit-border-radius: 157px;
	border-radius: 157px;
	z-index: 999;
	-webkit-transition: all linear .15s
	}
.hide {
	opacity: 0;
	-webkit-transform: translate(-172px,150px) scale(0.2);
	pointer-events: none;
	}
.item-container {
	position: relative;
	width: 300px;
	height: 300px;
	-webkit-border-radius: 150px;
	border-radius: 150px;
	}
.item-container ul li { position: absolute;	}
.item-container a {
	display: inline-block;
	position: absolute;
	width: 60px;
	height: 50px;
	-webkit-tap-highlight-color: rgba(0,0,0,0);
	-webkit-appearance: none;
	}
.item-container a:hover+.bg {
	display: block;
	height: 100%;
	background-position: -10000px 10000px;
	}
.item-container .limit-free .bg ,
.item-container .bbs .bg ,
.item-container .app-rank .bg ,
.item-container .collection .bg ,
.item-container .game-zone .bg ,
.item-container .strategy .bg ,
.item-container .review .bg ,
.item-container .information .bg ,
.item-container .home .bg { background: url(../images/item-icon.png) no-repeat; }
.item-container .limit-free {
	top: 0;
	left: 44px;
	width: 105px;
	height: 115px;
	}
.item-container .limit-free a { top: 23px; left: 35px; }
.item-container .limit-free a:hover+.bg { background-position: -71px -26px; }
.item-container .bbs {
	top: 45px;
	left: 0px;
	width: 114px;
	height: 106px;
	}
.item-container .bbs a { top: 44px; left: 22px; }
.item-container .bbs a:hover+.bg { background-position: 0 -127px; }
.item-container .app-rank {
	top: 152px;
	left: 0px;
	width: 114px;
	height: 105px;
	}
.item-container .app-rank a { top: 15px; left: 22px; }
.item-container .app-rank a:hover+.bg { background-position: -14px -295px; }
.item-container .collection {
	top: 187px;
	left: 45px;
	width: 106px;
	height: 115px;
	}
.item-container .collection a { top: 35px; left: 38px; }
.item-container .collection a:hover:hover+.bg { background-position: -120px -369px; }
.item-container .game-zone {
	top: 187px;
	left: 151px;
	width: 106px;
	height: 115px;
	}
.item-container .game-zone a { top: 35px; left: 8px; }
.item-container .game-zone a:hover+.bg { background-position: -302px -349px; }
.item-container .strategy {
	top: 151px;
	left: 188px;
	width: 113px;
	height: 105px;
	}
.item-container .strategy a { top: 15px; left: 32px; }
.item-container .strategy a:hover+.bg { background-position: -372px -252px; }
.item-container .review {
	top: 44px;
	left: 187px;
	width: 114px;
	height: 106px;
	}
.item-container .review a { top: 45px; left: 34px; }
.item-container .review a:hover+.bg { background-position: -347px -74px; }
.item-container .information {
	top: 0;
	left: 150px;
	width: 106px;
	height: 113px;
	}
.item-container .information a { top: 25px; left: 10px; }
.item-container .information a:hover+.bg { background-position: -249px 0; }
.item-container .home {
	top: 104px;
	left: 104px;
	width: 92px;
	height: 92px;
	}
.item-container .home a { width: 92px; height: 92px; }
.item-container .home a:hover+.bg { background-position: -200px -196px; }


/* 网站编号 */
.copy {
	padding: 20px 0 30px;
	text-align: center;
	color: #999;
	border-top: 1px solid #c4c4c4;
    font-size: 16px;
	}

	/*星级*/
	.star {
		position: relative;
		display: inline-block;
		margin-right: 20px;
		width: 170px;
		height: 34px;
		vertical-align: -4px;
		}
		.star,
		.star em {
			background:url("data:image/png;base64,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") repeat-x;
			}
		.star em { display: block; height: 34px; background-position: 0 -70px; }

/* 查看更多按钮 */
#divMorePic img {
	position: relative;
	display: block;
	margin: 16px auto;
	height: 32px;
	width: 32px;
	}

/*页码*/
.page {
	position: relative;
	display: block;
	height: 40px;
	background: #d3d3d3;
	-webkit-box-shadow: inset 0 1px 2px rgba(0, 0, 0, .3);
	}
	.page span {
		position: absolute;
		top: 0;
		right: 10px;
		display: inline-block;
		padding: 0 5px;
		background: -webkit-gradient(linear,0% 0%, 0% 100%, from(#fff), to(#ccc));
		color: #555;
		font-size: 22px;
		text-shadow: 0 1px 0 rgba(255, 255, 255, .5);
		-webkit-border-bottom-left-radius: 4px;
		-webkit-border-bottom-right-radius: 4px;
		-webkit-box-shadow: 0 2px 2px rgba(0, 0, 0, .5);
		}
.gtop { position: fixed; -webkit-box-sizing: border-box; bottom: 90px; right: 40px; z-index: 3; cursor: pointer; text-indent: -9999px; }
.gtop a { display: block; margin-bottom: 5px; background: url(../images/back-top.png) no-repeat; width: 60px; height: 60px; -webkit-appearance: none; appearance: none; }
.gtop a:hover, .gtop a.on { background: url(../images/back-top.png) no-repeat 0 -200px; }
.gtop a.gotop { display: none; background-position: 0 -91px; }
.gtop a.gotop:hover { background-position: 0 -290px; }

.l-menu { position: fixed; left: 0; top: 0; margin-top: 90px; width: 100%; height: 100%; z-index: 2; background: rgba(0,0,0,0.5); }
.l-menu .menu-box { width: 50%; height: 100%; background: #f8f7f6; }
.l-menu .menu-box li { padding: 10px 0 10px 40px; height: 40px; border-bottom: #e0e0e0 1px solid; }
.l-menu .menu-box li:hover, .l-menu .menu-box li.on { border-left: #03b0da 8px solid; background: #eae9e8; -webkit-box-shadow: inset 1px 2px 3px #ccc; } 
.l-menu .menu-box li a { font-size: 32px; line-height: 1; color: #353535; }
.l-menu .menu-box li h2:before { content: ""; display: inline-block; margin-right: 10px; width: 50px; height: 55px; line-height: 55px; background: url(../images/menu-icon.png) no-repeat center 5px; vertical-align: middle; }
.l-menu .menu-box li:nth-of-type(2) h2:before { background-position: 0 -47px; }
.l-menu .menu-box li:nth-of-type(3) h2:before { background-position: 0 -610px; }
.l-menu .menu-box li:nth-of-type(4) h2:before { background-position: 0 -97px; }
.l-menu .menu-box li:nth-of-type(5) h2:before { background-position: 0 -151px; }
.l-menu .menu-box li:nth-of-type(6) h2:before { background-position: 0 -196px; }
.l-menu .menu-box li:nth-of-type(7) h2:before { background-position: 0 -252px; }
.l-menu .menu-box li:nth-of-type(8) h2:before { background-position: 0 -305px; }
.l-menu .menu-box li:nth-of-type(9) h2:before { background-position: 0 -362px; }
.l-menu .menu-box li:nth-of-type(10) h2:before { background-position: 0 -423px; }
.l-menu .menu-box li:nth-of-type(11) h2:before { background-position: 0 -472px; }
.l-menu .menu-box li:nth-of-type(12) h2:before { background-position: 0 -512px; }
.l-menu .menu-box li:nth-of-type(13) h2:before { background-position: 0 -557px; }
.l-menu .menu-touch { position: absolute; display: block; width: 50%; height: 100%; right: 0; top: 0; }
.con-menu { position: fixed; left: 0; top: 0; width: 100%; height: 100%; z-index: 1002; background: rgba(0,0,0,0.5); }
.con-menu .menu-box { width: 80%; height: 100%; background: rgba(0,0,0,0.7); overflow: auto; }
.con-menu .box-list { margin: 0 10px; }
.con-menu .box-list .menu-tit { padding: 35px 0 20px 0; }
.con-menu .box-list .menu-tit h2 { color: #fff; font-size: 44px; }
.con-menu .menu-touch { position: absolute; display: block; width: 50%; height: 100%; right: 0; top: 0; }
.con-menu .box-list ul { overflow: hidden; }
.con-menu .box-list li { -webkit-box-pack: justify; display: -webkit-box; }
.con-menu .box-list li a { display: block; -webkit-box-sizing: border-box; height: 160px; width: 160px; -webkit-box-flex: 1; padding: 30px 0; margin: 0 5px 10px; color: #fff; text-align: center; background: #0099cc; }
.con-menu .box-list li:nth-of-type(1) a:nth-of-type(1) { width: 33.35%; }
.con-menu .box-list li:nth-of-type(1) a:nth-of-type(2) { width: 66.65%; }
.con-menu .box-list li:nth-of-type(3) a:nth-of-type(1) { position: relative; padding: 0; background: none; text-align: center; }
.con-menu .box-list li:nth-of-type(3) a:nth-of-type(1) img { width: 100%; height: 100%; }
.con-menu .box-list li:nth-of-type(3) a:nth-of-type(1) em { position: absolute; left: 0; bottom: 0; display: block; width: 100%; font-style: normal; height: 40px; text-align: center; line-height: 40px; background: rgba(0,0,0,0.5) }
.con-menu .box-list li:nth-of-type(5) a:nth-of-type(1) { width: 66.65%; }
.con-menu .box-list li:nth-of-type(5) a:nth-of-type(2) { width: 33.35%; }
.con-menu .box-list li h2 { line-height: 1.5; font-family: "Microsoft Yahei"; font-size: 28px; }
.con-menu .box-list li h2:before { content: ""; display: block; margin: auto; width: 80px; height: 70px; background: url("../images/con-meun-tag.png") no-repeat; vertical-align: middle; }
.con-menu .box-list li:nth-of-type(1) a:nth-of-type(1) h2:before { vertical-align: -5px; background-position: center 5px; }
.con-menu .box-list li:nth-of-type(1) a:nth-of-type(2) h2:before { background-position: center -83px; }
.con-menu .box-list li:nth-of-type(2) a:nth-of-type(1) h2:before { background-position: center -179px; }
.con-menu .box-list li:nth-of-type(2) a:nth-of-type(2) h2:before { vertical-align: -5px; background-position: center -275px; }
.con-menu .box-list li:nth-of-type(2) a:nth-of-type(3) h2:before { background-position: center -364px; }
.con-menu .box-list li:nth-of-type(4) a:nth-of-type(1) h2:before { background-position: center -459px; }
.con-menu .box-list li:nth-of-type(4) a:nth-of-type(2) h2:before { background-position: center -555px; }
.con-menu .box-list li:nth-of-type(4) a:nth-of-type(3) h2:before { background-position: center -650px; }
.con-menu .box-list li:nth-of-type(5) a:nth-of-type(1) h2:before { background-position: center -747px; }
.con-menu .box-list li:nth-of-type(5) a:nth-of-type(2) h2:before { background-position: center -843px; }
.con-menu .menu-touch { position: absolute; display: block; width: 100px; height: 100%; left: 85%; top: 0; background: url(../images/menu-arr.png) no-repeat 0 center; }
.article-tj .att-tit h2 { font-weight: 600; }
.article-tj li { padding: 8px 0 8px 15px; background: url(../images/tj-lise.png) no-repeat 0 center; font-size: 30px; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; }
.article-tj li a { color: #333; }
.con-menu .menu-box::-webkit-scrollbar{width:1px; height:1px;}
.con-menu .menu-box::-webkit-scrollbar-thumb{background-color:#333}
.con-menu .menu-box::-webkit-scrollbar-thumb :hover{background-color:#000}
.con-menu .menu-box::-webkit-scrollbar-thumb :active{background-color:#000}


/* 导航 */
.list-nav { position: fixed; top: 90px; height: 88px; line-height: 88px; background: url(../images/title-bg.png); z-index: 200; width: 100%; }
.list-nav ul { overflow: hidden; }
.list-nav li { float: left; }
.list-nav li a { display: block; padding: 0 20px; height: 84px; border-top: #dcdcdc 4px solid; font-size: 32px; color: #333a48; }
.list-nav li.cur a { border-top: #0099cc 4px solid; background: #d6f1fc; color: #0099cc; font-weight: 600; }
.con-game .list-nav li a { padding: 0 10px; }
.yj-news .list-nav li a { padding: 0 8px; font-size: 28px; }
.yj-news .list-nav li.cur a { font-size: 28px; }

.gtop a.gotop { display: none; background: url(../images/in-gtop.png) no-repeat; }
.gtop a.gotop:hover { background-position: 0 0; }

.foot { padding: 30px 0; background: #0099cc; text-align: center; color: #fff; }
.f-mag { padding: 30px 0 100px; }
.foot .f-btn { margin-bottom: 20px; }
.foot .f-btn a { display: inline-block; margin: 0 15px; width: 120px; height: 46px; text-align: center; line-height: 46px; font-size: 28px; color: #fff; border-radius: 3px; }
.foot .f-btn a.on { background: #0068ab; }
.foot .copy { color: #fff; border: none; }

/* ipad */
@media only screen and (min-device-width: 768px) {
	/* 顶部 */
	.top { height: 120px; line-height: 120px; }
		.top h1 { font-size: 56px; }
		.top i {
			position: absolute; 
			top: 50%;
			margin-top: -40px;
			width: 100px;
			height: 80px;
			}
			.top i:after {
				content: "";
				position: absolute;
				top: 50%;
				left: 50%;
				margin: -26px 0 0 -28px;
				width: 80px;
				height: 56px;
				-webkit-background-size: 52px auto;
				}
	.copy { font-size: 36px; }
    .list-mag, .l-menu { margin-top: 120px; }
    .list-nav { top: 120px; }
    }