@charset "gb2312";
body,p,ul,dl,h1,h2,h3,h4,h5,h6{margin:0;padding:0;font-weight:normal;}
body{text-align:left;font-size: 12px;padding:0 0 0 0; font-family:"微软雅黑";  background:none; background:#ebebeb}
li{list-style:none}
input {-webkit-appearance:none;}
a:link{ text-decoration:none}
a,a:visited{text-decoration:none;color:#333;}
.clearfix:after{clear:both;height:0;overflow:hidden;display:block;visibility:hidden;content:"."}
em{ font-style:normal;}
* {	-moz-box-sizing: border-box;-webkit-box-sizing: border-box;	box-sizing: border-box;	-webkit-tap-highlight-color: rgba(0,0,0,0);	-webkit-text-size-adjust: none;}

.m-black{ display: inline; transform-origin: 0px 0px 0px; transform: scale(1, 1); width: 100%; height: 100%; background: #000; opacity: 0.7; position: fixed; left: 0; top: 45px; overflow: hidden; z-index: 90;}

.g-box{ padding: 0 10px; box-sizing: border-box;}

footer{ width:100%; height:45px; line-height:45px; background:#dedede; border-top:1px solid #d2d2d2; font-size:14px; font-weight:normal; color:#333; text-align:center; margin:0 0 0 0; display:block; overflow:hidden;}
footer a{ padding:0 10px; text-decoration:none; color:#333}


.m-backtop{ width:50px; height:50px; line-height:50px; font-size:40px; font-weight:bold; font-family:serif; color:#fff; text-align:center; -webkit-transform: rotate(90deg);-moz-transform: rotate(90deg);-o-transform: rotate(90deg);-ms-transform: rotate(90deg);transform: rotate(90deg); background:rgba(0,0,0,0.5); display:block; overflow:hidden; position:fixed; bottom:50px; right:10px; border-radius:100px;}
.fr { float: right;}
.g-top .menu {  width: 1.58333rem; height: 0; border-top: 2px solid #fff; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; position: relative; margin-right: 1rem; margin-top: 1.3rem;
 -webkit-transition: all .5s; -o-transition: all .5s; transition: all .5s;}
.g-top .menu::after,.g-top .menu::before { content: '';	position: absolute;	width: 100%; height: 2px; background-color: #fff; left: 0}
.g-top .menu::after { top: -9px;}
.g-top .menu::before { top: 5px;}
.g-top .close::after { -webkit-animation: menu-after-close .5s forwards; -o-animation: menu-after-close .5s forwards; animation: menu-after-close .5s forwards}
.g-top .close::before {	-webkit-animation: menu-before-close .5s forwards; -o-animation: menu-before-close .5s forwards; animation: menu-before-close .5s forwards}
.g-top .open { border-color: transparent}
.g-top .open::after {-webkit-animation: menu-after-open .5s forwards;	-o-animation: menu-after-open .5s forwards;	animation: menu-after-open .5s forwards}
.g-top .open::before {	-webkit-animation: menu-before-open .5s forwards; -o-animation: menu-before-open .5s forwards; animation: menu-before-open .5s forwards}
.g-top .sub-tool-bar-menu {	position: absolute;	right: 1rem; top: 0}
/* 公用部分结束 */

.g-soft-ul-box{ padding:0 10px;}
.g-soft-ul-box .g-newgame-ul{ width:100%; height:auto; display:block; overflow:hidden;}
.g-soft-ul-box .g-newgame-ul li{ width:100%; height:auto; display:block; overflow:hidden; background:#fff; padding:0 10px; margin:10px 0 0 0; box-sizing:border-box; position:relative; zoom:1}
.g-soft-ul-box .g-newgame-ul li i{ width:100%; height:1px; background:#eee; display:block; overflow:hidden;}
.g-soft-ul-box .g-newgame-ul li .g-a-left{ width:100%; height:auto; display:-webkit-box; overflow:hidden; padding:10px 86px 10px 0; box-sizing:border-box;}
.g-soft-ul-box .g-newgame-ul li .g-a-left img{ width:66px; height:66px; margin:0 10px 0 0; display:block; overflow:hidden; border-radius:14px;}
.g-soft-ul-box .g-newgame-ul li .g-a-left p{ width:auto; height:auto; display:block; overflow:hidden; -webkit-box-flex:1}
.g-soft-ul-box .g-newgame-ul li .g-a-left p strong{ width:100%; height:auto; line-height:20px; font-size:15px; font-weight:normal; color:#333; margin:4px 0 0 0; display:block; overflow:hidden;}
.g-soft-ul-box .g-newgame-ul li .g-a-left p b{ width:100%; height:auto; line-height:16px; font-size:12px; font-weight:normal; color:#A5A5A5; margin:6px 0 0 0; display:block; overflow:hidden;}
.g-soft-ul-box .g-newgame-ul li .g-a-right{ width: 52px; height: 30px; line-height: 30px; font-size: 16px; font-weight:normal; color:#22a7f0; text-align:center; border:1px solid #22a7f0; border-radius:4px;background-size: 434px; display:block; overflow:hidden; position:absolute; right:10px; top:31px;}
.g-soft-ul-box .g-newgame-ul li .g-a-right:active{ color:#fff; background:url(../images/home-icon.png) no-repeat -146px -128px #22a7f0; background-size:500px}
.g-soft-ul-box .g-newgame-ul .m-eq3{ margin:10px 0 0 0;}
.g-soft-ul-box .g-newgame-ul .m-eq3 i{ display:none}
.g-key-list{width:100%; height:auto; background:#fff; padding:0 14px 10px 0; margin:10px 0 0 0; box-sizing:border-box; display:block; overflow:hidden}
.g-key-list li{ width:50%; height:auto; float:left; padding:14px 0 0 14px; display:inline; overflow:hidden}
.g-key-list li a{ width:100%; height:auto; display:block; overflow:hidden}
.g-key-list li a img{ width:150px; height: 75px; display:block; overflow:hidden}
.g-key-list li a strong{ width:100%; height:20px; line-height:20px; font-size:14px; font-weight:normal; color:#333; text-align:center; margin:4px 0 0 0; display:block; overflow:hidden}
.g-key-list li:nth-child(n+7){ display:none}


.g-key-box{ padding:10px 10px 10px 0;}
.g-key-box a{ width:50%; height:auto; padding:0 0 0 10px; box-sizing:border-box; float:left; display:inline; overflow:hidden; position:relative; zoom:1}
.g-key-box a img{ width:100%; height:auto; display:block; overflow:hidden}
.g-key-box a strong{ width:100%; height:28px; line-height:28px; font-size:14px; font-weight:normal; color:#fff; text-align:center; display:block; overflow:hidden; position:absolute; left:0; bottom:0; z-index:50; padding:0 0 0 10px; box-sizing:border-box;}
.g-key-box a b{ width:100%; height:auto; display:block; overflow:hidden; position:absolute; left:0; bottom:0; z-index:20; padding:0 0 0 10px; box-sizing:border-box;}
.g-key-box a b img{ width:100%; height:auto; display:block; overflow:hidden}

#head{ width:100%; height:170px; margin:0; padding:0; display:block; overflow:hidden; position:relative; zoom:1}
#head h1{ width:auto; height:auto; line-height:22px; font-size: 15px; font-weight:normal; color:#fff; background:#22a7f0; opacity:1; display:block; overflow:hidden; position:absolute; left:0; top:0; padding: 5px 8px;}
#head img{ width:100%; height:auto; display:block; overflow:hidden;}
#daodu{ margin:0; padding:0 0 22px 0; text-align: center; position:relative; zoom:1}
#content{ width:100%;height:40px; margin:0px; padding:0 10px; box-sizing:border-box; display:block; overflow:hidden; position:absolute; left:0; bottom:8px; z-index:20}
#content .g-cont-scroll{ width:94%; height:auto; display:block; overflow:hidden; position:absolute; left:3%; top:0; padding:0 90px 0 0; box-sizing:border-box; color: #fff}
#content .g-cont-scroll p{ width:100%; height:auto; line-height:20px; font-size:12px; font-weight:normal; color:#fff; display:block; overflow:hidden; text-indent:2em;}
#content .g-cont-scroll p strong{ font-size:12px; font-weight:normal; color:#fff;}
#g-black-bg{ width:100%; height:57px; background:#000; opacity:0.7; display:block; overflow:hidden; position:absolute; left:0; bottom:0; z-index:10;}

#g-look-desc{ width:80px; height:24px; line-height:24px; font-size:12px; font-weight:normal; color:#fff; background:#22a7f0; text-align:center; display:block; overflow:hidden; position:absolute; right: 6px; bottom: 17px; z-index:20; margin: 0 0 0 0; border-radius:4px;}
#g-desc-bg{ width:80px; height:25px; background:#000; opacity:0.7; display:none; overflow:hidden; position:absolute; left:0; bottom:52px; z-index:10;}

#daodu #spread{ width:55px; height:24px; line-height:24px; font-size:14px; position:absolute; right:10px; bottom:0; background:#f60; color:#fff; border-radius:4px;}
#daodu #fold{ width:55px; height:24px; line-height:24px; font-size:14px; position:absolute; right:10px; bottom:0; background:#f60; color:#fff; border-radius:4px;}

.m-desc-alert{ width:90%; height:auto; max-height:70%; padding:18px; box-sizing:border-box; display:block; overflow:hidden; background:#fff; border-radius:4px; position:fixed; top:15%; left:5%;z-index:99999; overflow:auto}
.m-desc-alert p{ width:100%; height:auto; line-height:22px; font-size:14px; font-weight:normal; color:#333; display:block; overflow:hidden; text-indent:18px;}
.m-desc-alert p strong{ font-size:12px; font-weight:bold; }
#m-close-desc{ width:auto; height:auto; font-size:12px; font-weight:normal; background:#333; color:#fff; padding:2px 6px; display:block; overflow:hidden; position:fixed; right:5%; top:15%; z-index:10; border-radius:0 0 0 6px}
#m-alert-bg{ width:100%; height:100%; background:#000; opacity:0.6; display:block; overflow:hidden; position:fixed; left:0; top:0; z-index:99998;}
.g-soft-box{ padding:0 10px 0;}
.g-soft-box b{ top:6px;}
.g-soft-ul-box{ padding:0 10px;}
.g-soft-ul-box .g-newgame-ul{ width:100%; height:auto; display:block; overflow:hidden;}
.g-soft-ul-box .g-newgame-ul li{ width:100%; height:auto; display:block; overflow:hidden; background:#fff; padding:0 10px; margin:10px 0 0 0; box-sizing:border-box; position:relative; zoom:1}
.g-soft-ul-box .g-newgame-ul li i{ width:100%; height:1px; background:#eee; display:block; overflow:hidden;}
.g-soft-ul-box .g-newgame-ul li .g-a-left{ width:100%; height:auto; display:-webkit-box; overflow:hidden; padding:10px 86px 10px 0; box-sizing:border-box;}
.g-soft-ul-box .g-newgame-ul li .g-a-left img{ width:66px; height:66px; margin:0 10px 0 0; display:block; overflow:hidden; border-radius:14px;}
.g-soft-ul-box .g-newgame-ul li .g-a-left p{ width:auto; height:auto; display:block; overflow:hidden; -webkit-box-flex:1}
.g-soft-ul-box .g-newgame-ul li .g-a-left p strong{ width:100%; height:auto; line-height:20px; font-size:15px; font-weight:normal; color:#333; margin:4px 0 0 0; display:block; overflow:hidden;}
.g-soft-ul-box .g-newgame-ul li .g-a-left p b{ width:100%; height:auto; line-height:16px; font-size:12px; font-weight:normal; color:#A5A5A5; margin:6px 0 0 0; display:block; overflow:hidden;}
.g-soft-ul-box .g-newgame-ul li .g-a-right{ width: 52px; height: 30px; line-height: 30px; font-size: 16px; font-weight:normal; color:#22a7f0; text-align:center; border:1px solid #22a7f0; border-radius:4px;background-size: 434px; display:block; overflow:hidden; position:absolute; right:10px; top:31px;}
.g-soft-ul-box .g-newgame-ul li .g-a-right:active{ color:#fff; background:url(../images/home-icon.png) no-repeat -146px -128px #22a7f0; background-size:500px}
.g-soft-ul-box .g-newgame-ul .m-eq3{ margin:10px 0 0 0;}
.g-soft-ul-box .g-newgame-ul .m-eq3 i{ display:none}

.m-keyword-title{width:100%; height:auto; display:block; overflow:hidden; background:#fff; padding:0 10px; margin:10px 0 0 0; box-sizing:border-box; position:relative; zoom:1; font-size: 15px; font-weight:normal; color:#666; text-indent:10px; padding: 6px 0; border-left: 5px solid #22a7f0;}
.m-keyword-title span{ width:auto; height:auto; position:absolute; right:10px; top:7px; font-size:12px; font-weight:normal; color:#888;}
.g-soft-ul-box .g-newgame-ul .m-game-title{ font-size: 15px; font-weight:normal; color:#666; text-indent:10px; padding: 6px 0; border-left: 5px solid #22a7f0;}
.g-soft-ul-box .g-newgame-ul .m-game-title span{ color:#22a7f0; font-weight:bold; padding: 0 4px;}

/* zhuti */
.g-coll-game{ width:100%; height:auto; padding:0 10px; display:block; overflow:hidden; box-sizing:border-box}
.g-coll-game .g-coll-gamedown{ width:100%; height:auto; padding:10px; display:-webkit-box; overflow:hidden; box-sizing:border-box; background:#fff; margin:10px 0 0 0;}
.g-coll-game .g-coll-gamedown .g-coll-gamedown-left{ width:auto; height:auto; display:block; overflow:hidden; -webkit-box-flex:1;}
.g-coll-game .g-coll-gamedown .g-coll-gamedown-left .m-game-img{ width:71px; height:71px;border-radius:12px; float:left; margin:0; display:inline; overflow:hidden;}
.g-coll-game .g-coll-gamedown .g-coll-gamedown-left p{ width:auto; height:auto; display:block; overflow:hidden; -webkit-box-flex:1; padding:0 0 0 20px; box-sizing:border-box}
.g-coll-game .g-coll-gamedown .g-coll-gamedown-left p strong{ width:100%; height:20px; line-height:20px; font-size:16px; font-weight:normal; color:#333; float:left; margin:4px 0 0 0; display:inline-block; overflow:hidden;}
.g-coll-game .g-coll-gamedown .g-coll-gamedown-left p em{ width:100%; height:20px; line-height:20px; font-size:12px; font-weight:normal; color:#999; float:left; margin:8px 0 0 0; display:inline-block; overflow:hidden;}
.g-coll-game .g-coll-gamedown .g-coll-gamedown-left p img{ width:auto; height:12px; float:left; margin:4px 0 0 0; display:inline-block;overflow:hidden;}
.g-coll-game .g-coll-btn{ width:100%; height:40px; background:#fff; margin:10px 0 0; box-sizing:border-box; display:-webkit-box; overflow:hidden; border-radius:4px;}
.g-coll-game .g-coll-btn li{ width:auto; height:40px; line-height:40px; font-size:15px; font-weight:normal; color:#555; text-align:center; box-sizing:border-box; margin:0; padding:0; border-left:1px solid #eee; display:block;overflow:hidden; -webkit-box-flex:1}
.g-coll-game .g-coll-btn li:nth-child(1){ border:0}
.g-coll-game .g-coll-btn .m-hover{ background:#22a7f0; color:#fff; font-weight:bold;}
.g-coll-game .g-coll-gamedown .g-coll-gamedown-right{ width:80px; height:32px; line-height:30px; text-indent:32px; border:1px solid #ff4000; border-radius:6px; font-size:14px; font-weight:normal; color:#ff4000; display:block; overflow:hidden; position:relative; zoom:1; margin:34px 0 0 0;}
.g-coll-game .g-coll-gamedown .g-coll-gamedown-right b{ width:20px; height:20px;  background:url(../images/moblie-bg.png) no-repeat 0 0; background-size:20px; display:block; overflow:hidden; position:absolute; left:12px; top:4px;}
.g-coll-game{ width:100%; height:auto; padding:0 10px; display:block; overflow:hidden; box-sizing:border-box}
.g-coll-game .g-coll-gamedown{ width:100%; height:auto; padding:10px; display:-webkit-box; overflow:hidden; box-sizing:border-box; background:#fff; margin:10px 0 0 0;}
.g-coll-game .g-coll-gamedown .g-coll-gamedown-left{ width:auto; height:auto; display:block; overflow:hidden; -webkit-box-flex:1;}
.g-coll-game .g-coll-gamedown .g-coll-gamedown-left .m-game-img{ width:71px; height:71px;border-radius:12px; float:left; margin:0; display:inline; overflow:hidden;}
.g-coll-game .g-coll-gamedown .g-coll-gamedown-left p{ width:auto; height:auto; display:block; overflow:hidden; -webkit-box-flex:1; padding:0 0 0 20px; box-sizing:border-box}
.g-coll-game .g-coll-gamedown .g-coll-gamedown-left p strong{ width:100%; height:20px; line-height:20px; font-size:16px; font-weight:normal; color:#333; float:left; margin:4px 0 0 0; display:inline-block; overflow:hidden;}
.g-coll-game .g-coll-gamedown .g-coll-gamedown-left p em{ width:100%; height:20px; line-height:20px; font-size:12px; font-weight:normal; color:#999; float:left; margin:8px 0 0 0; display:inline-block; overflow:hidden;}
.g-coll-game .g-coll-gamedown .g-coll-gamedown-left p img{ width:auto; height:12px; float:left; margin:4px 0 0 0; display:inline-block;overflow:hidden;}

.g-coll-game .g-coll-gamedown .g-coll-gamedown-right{ width:80px; height:32px; line-height:30px; text-indent:32px; border:1px solid #12d00c; border-radius:6px; font-size:14px; font-weight:normal; color:#12d00c; display:block; overflow:hidden; position:relative; zoom:1; margin:34px 0 0 0;}
.g-coll-game .g-coll-gamedown .g-coll-gamedown-right b{ width:20px; height:20px;  background:url(../images/moblie-bg.png) no-repeat 0 0; background-size:20px; display:block; overflow:hidden; position:absolute; left:12px; top:4px;}



/* 点击按钮的CSS3动画 */
@-webkit-keyframes menu-after-open {
	0% {top: -9px}
	50% {top: 0}
	100% {-webkit-transform: rotate(45deg);transform: rotate(45deg);top: 0}
}

@-o-keyframes menu-after-open {
	0% {top: -9px}
	50% {top: 0}
	100% {-o-transform: rotate(45deg);transform: rotate(45deg);top: 0}
}

@keyframes menu-after-open {
	0% {top: -9px}
	50% {top: 0}
	100% {-webkit-transform: rotate(45deg);-o-transform: rotate(45deg);transform: rotate(45deg);top: 0}
}

@-webkit-keyframes menu-before-open {
	0% {top: 5px}
	50% {top: 0}
	100% {-webkit-transform: rotate(-45deg);transform: rotate(-45deg);top: 0}
}

@-o-keyframes menu-before-open {
	0% {top: 5px}
	50% {top: 0}
	100% {-o-transform: rotate(-45deg);transform: rotate(-45deg);top: 0}
}

@keyframes menu-before-open {
	0% {top: 5px}
	50% {top: 0}
	100% {-webkit-transform: rotate(-45deg);-o-transform: rotate(-45deg);transform: rotate(-45deg);top: 0}
}

@-webkit-keyframes menu-after-close {
	0% {top: 0;-webkit-transform: rotate(45deg);transform: rotate(45deg)}
	50% {-webkit-transform: rotate(0);transform: rotate(0);top: 0}
	100% {-webkit-transform: rotate(0);transform: rotate(0);top: -9}
}

@-o-keyframes menu-after-close {
	0% {top: 0;-o-transform: rotate(45deg);transform: rotate(45deg)}
	50% {-o-transform: rotate(0);transform: rotate(0);top: 0}
	100% {-o-transform: rotate(0);transform: rotate(0);top: -9}
}

@keyframes menu-after-close {
	0% {top: 0;-webkit-transform: rotate(45deg);-o-transform: rotate(45deg);transform: rotate(45deg)}
	50% {-webkit-transform: rotate(0);-o-transform: rotate(0);transform: rotate(0);top: 0}
	100% {-webkit-transform: rotate(0);-o-transform: rotate(0);transform: rotate(0);top: -9}
}

@-webkit-keyframes menu-before-close {
	0% {top: 0;-webkit-transform: rotate(-45deg);transform: rotate(-45deg)}
	50% {-webkit-transform: rotate(0);transform: rotate(0);top: 0}
	100% {-webkit-transform: rotate(0);transform: rotate(0);top: 5px}
}

@-o-keyframes menu-before-close {
	0% {top: 0;-o-transform: rotate(-45deg);transform: rotate(-45deg)}
	50% {-o-transform: rotate(0);transform: rotate(0);top: 0}
	100% {-o-transform: rotate(0);transform: rotate(0);top: 5px}
}

@keyframes menu-before-close {
	0% {top: 0;-webkit-transform: rotate(-45deg);-o-transform: rotate(-45deg);transform: rotate(-45deg)}
	50% {-webkit-transform: rotate(0);-o-transform: rotate(0);transform: rotate(0);top: 0}
	100% {-webkit-transform: rotate(0);-o-transform: rotate(0);transform: rotate(0);top: 5px}
}

.m-h3tit {
    font-size: 15px;
    font-weight: normal;
    color: #666;
    text-indent: 10px;
    padding: 6px 0;
    border-left: 5px solid #22a7f0;
    width: 100%;
    height: auto;
    display: block;
    overflow: hidden;
    background: #fff;
    margin: 10px 0 0 0;
    box-sizing: border-box;
    position: relative;
    zoom: 1;
}
.m-h3tit strong{ margin: 0 0 0 10px;}

.m-xgkey{ width:auto; height:auto; max-height:55px; line-height:22px; padding:6px 10px 6px 10px; font-size:14px; font-weight:normal; color:#333; display:block; overflow:hidden; margin:10px 12px 0; background:#fff; display:block; overflow:hidden}
.m-xgkey b{ width:65px; height:22px; line-height:22px; font-size:14px; font-weight:normal; color:#fff; background:url(../images/key-label-bg.png) no-repeat; background-size:65px; float:left; margin:0; display:inline; overflow:hidden; text-indent:2px;}
.m-xgkey a{ width:auto; height:22px; line-height:22px; font-size:14px; font-weight:normal; color:#666; float:left; margin:0 0 0 12px; display:inline; overflow:hidden; text-decoration:underline}
.m-xgkey i{ width:1px; height:12px; line-height:12px; background:#eaeaea; float:left; margin:5px 0 5px 12px; display:inline; overflow:hidden; display:none}
.m-xgkey i:nth-last-child(1){ display:none}
.m-xgkey a:nth-child(1){ color:#ef4836}
.m-xgkey a:nth-child(2){ color:#333}
.m-xgkey a:nth-child(3){ color:#4183d7}
.m-xgkey a:nth-child(4){ color:#26a65b}
.m-xgkey a:nth-child(5){ color:#333}
.m-xgkey a:nth-child(6){ color:#ef4836}
.m-xgkey a:nth-child(7){ color:#663399}

.g-cms-list2{width:100%; height:auto; background:#fff; padding:0; box-sizing:border-box; display:block; overflow:hidden; margin:10px 0 0;}
.g-cms-list2 li{ width:100%; height:auto; padding:10px; box-sizing:border-box; display:block; overflow:hidden; border-bottom:1px solid #eee;}
.g-cms-list2 li:active { background-color: #f6f6f6}
.g-cms-list2 li a{ width:100%; height:auto; display:-webkit-box; overflow:hidden;position:relative; zoom:1}
.g-cms-list2 li a b{ width:110px; height:auto; padding:0 12px 0 0; display:block; overflow:hidden;}
.g-cms-list2 li a b img{ width:100%; height:auto; display:block; overflow:hidden}
.g-cms-list2 li a u{ width:auto; height:auto; display:block; overflow:hidden; -webkit-box-flex:1; }
.g-cms-list2 li a u strong{ width:100%; height:18px; line-height:18px; font-size:16px; font-weight:normal; color:#333; float:left; margin:0 0 0 0; display:inline; overflow:hidden;}
.g-cms-list2 li a u p{ width:100%; height:14px; line-height:14px; font-size:12px; font-weight:normal; color:#999; margin:5px 0 0 0; float:left; display:inline;overflow:hidden;}