@charset "gb2312";
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,input,textarea,p,blockquote,th,td,aside,article,figcaption,figure,header,hgroup,menu,nav,section{margin:0;padding:0}
body,html{font:14px "Helvetica Neue",HelveticaNeue,Helvetica-Neue,Helvetica,'\5fae\8f6f\96c5\9ed1';background:#f5f5f5;color:#333;-webkit-text-size-adjust:none;width:100%;overflow: hidden;}
body { padding:0; text-align: left; font-size: 12px; background: #f2f2f2; font-family: arial,"Microsoft YaHei","\5fae\8f6f\96c5\9ed1";}
html{-webkit-text-size-adjust:100%;-ms-text-size-adjust:100%;overflow-x:hidden;overflow-y:auto;}
table{border-collapse:collapse;border-spacing:0}caption,th{text-align:left}fieldset,img{border:0}
q:before,q:after{content:''}button,input,select,textarea{font-size:100%;vertical-align:middle;outline:none;}legend{color:#333}
abbr,acronym{border:0;font-variant:normal}sup{vertical-align:text-top}sub{vertical-align:text-bottom}
ol,ul{list-style:none}address,caption,cite,code,dfn,em,strong,th,var{font-style:normal;font-weight:400}
a{color:#444;text-decoration:none}a:hover{text-decoration:none;}
h1,h2,h3,h4,h5,h6{font-size:100%}
header,menu,nav,section,article,aside{display:block}
em, i, u, s, b,strong{font-style:normal;font-weight:normal;text-decoration:none;}
.cfix:before,.cfix:after,#mcateCont ul:before,#mcateCont ul:after{content:".";display:block;height:0;visibility:hidden;font-size:0;}
.cfix:after,#mcateCont ul:after{clear:both;}.cfix,#mcateCont ul{*zoom:1;}

/*幻灯片*/
.g-index-ppt{width:100%; height:auto; background:#fff; display:block; overflow:hidden; position:relative; zoom:1}
.g-index-ppt .swiper-wrapper{width:100%; height:100%; display:flex; box-sizing:content-box; position:relative; zoom:1; z-index:10; padding:0; box-sizing:border-box;}
.g-index-ppt .swiper-wrapper .swiper-slide{-webkit-flex-shrink: 0; -ms-flex: 0 0 auto; flex-shrink: 0; width: 100%; height: 100%; position: relative;}
.g-index-ppt .swiper-wrapper .swiper-slide img{ width:100%; height:auto; display:block; overflow:hidden}
.g-index-ppt .swiper-wrapper .swiper-slide span{ width:100%; height:30px; line-height:30px; font-size:14px; font-weight:normal; color:#fff; background:rgba(0,0,0,.6); padding:0 3%; box-sizing:border-box; display:block; overflow:hidden; position:absolute; left:0; bottom:0;}

.g-index-ppt .swiper-pagination{position: absolute; text-align: center; -webkit-transition: .3s; -moz-transition: .3s; -o-transition: .3s; transition: .3s; -webkit-transform: translate3d(0,0,0); -ms-transform: translate3d(0,0,0); -o-transform: translate3d(0,0,0); transform: translate3d(0,0,0); z-index: 15; bottom:7px; right: 0; width:auto;}
.g-index-ppt .swiper-pagination span{width:10px; height:10px; display: inline-block; border-radius: 100%; background:rgba(255,255,255,.5);margin:0 5px}
.g-index-ppt .swiper-pagination .swiper-active-switch{ background: #f60;}


.g-nav {width:100%; height:auto; line-height:33px; background-color:#fff; margin:82px 0 0; display:-moz-box; display:-webkit-box; display:box; width:100%;}
.g-nav li{-moz-box-flex:1; -webkit-box-flex:1; box-flex:1; text-align:center; font-size: 14px;}
.g-nav li.f-hover{ border-bottom:1px solid #ff5b3b; color:#ff5b3b;}

#slider{ width:100%; height:auto; display:block; overflow:hidden; margin:12px 0 0;}
#position{ text-align:right; list-style:none; margin:0; padding:0 10px 0 0; width:100%; height:30px; position:absolute; right:0; bottom:0; z-index:40}
#position li{ width:10px; height:10px; border-radius:10px; padding:0 2px; margin:11px 5px 0 0 ; display:inline-block; background:#fff;}
#position .on{ background:#f60}
#position-f{ width:100%; height:30px;text-align:left; list-style:none; margin:0; padding:0;  position:absolute; right:0; bottom:0; z-index:10}
#position-f li{ width:100%; height:20px; line-height:20px; display:none;}
#position-f li strong{ width:100%; height:30px; line-height:30px; font-size:14px; font-weight:normal; color:#fff; text-indent:14px; display:block; overflow:hidden; position:absolute; left:0; top:0; z-index:50;}
#position-f li b{ width:100%; height:30px; background:#000; opacity:0.7; position:absolute; left:0; top:0; z-index:20;}
#position-f .on{ display:block;}
.m-swipe-box {overflow: hidden;visibility: hidden;position: relative;}
.m-swipe-box .m-swipe-wrap {display:block;overflow: hidden;position: relative; zoom:1}
.m-swipe-box .m-swipe-wrap > figure {float: left; margin:0; padding:0; border:0;position: relative; text-align:center; padding:0; display:none}
.m-swipe-box .m-swipe-wrap > figure img{ width:100%;}

.nav_fl{ width:96%; height:100px; margin:0 auto 12px; background:#fff; display:-webkit-box;}
.nav_fl a{ -webkit-box-flex:1; line-height:28px; display:block; overflow:hidden; font-size:14px; font-weight:normal; color:#333; text-align:center;}
.nav_fl a b{ display:block; overflow:hidden; background:url(../images/webgame.png) no-repeat; width:58px; height:58px; margin:12px auto 0;}
.nav_fl a .m-guide-1{ background-position:0 1px; background-size:250px;}
.nav_fl a .m-guide-2{ background-position:-64px 1px; background-size:250px;}
.nav_fl a .m-guide-3{ background-position:-128px 1px; background-size:250px;}
.nav_fl a .m-guide-4{ background-position:-192px 1px; background-size:250px;}
.g-recharge{ width:96%; height:auto; margin:10px auto 0; overflow:hidden;}
.g-recharge .tit{ height:40px; padding:0 12px; background-color:#fff; border-radius:6px 6px 0 0; border-bottom:1px solid #eeeeee;}
.g-recharge .tit span{ float:left; display:block; margin:10px 0 0; font-size:14px;}
.g-recharge .tit span .icon { display: inline-block; float:none; width:20px; height:20px; margin:0 6px 0 0; background: url(../images/webgame.png) no-repeat 0 -56px; background-size:200px 83px; white-space:nowrap;  letter-spacing: -1em; text-indent: -99em; color: transparent; *text-indent: 0; *zoom: expression( this.runtimeStyle['zoom'] = '1', this.innerHTML = '\3000');}
.g-recharge .tit span .icon:before { content: '\3000'; }
.g-recharge .tit i{ float:right; margin:11px 0 0; color:#999999;}
.g-key-game{ width:100%; height:auto; padding:0; display:block; overflow:hidden; box-sizing:border-box}
.g-key-game .g-coll-gamedown{ width:100%; height:auto; padding:10px; overflow:hidden; box-sizing:border-box; background:#fff; margin:0 0 10px; border-radius:6px; box-shadow: -1px 3px 0px #e5e5e5;}
.g-key-game .g-coll-gamedown:nth-child(1){ border-radius:0 0 6px 6px;}
.g-key-game .g-coll-gamedown .g-coll-gamedown-left{ float:left; width:78%; height:auto; display:block; overflow:hidden;}
.g-key-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-key-game .g-coll-gamedown .g-coll-gamedown-left p{ width:auto; height:auto; display:block; overflow:hidden; -webkit-box-flex:1;}
.g-key-game .g-coll-gamedown .g-coll-gamedown-left p strong{ width:auto; height:20px; line-height:20px; font-size:16px; font-weight:normal; color:#333; float:left; margin:4px 0 0 13px; display:inline-block; overflow:hidden;}
.g-key-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 13px; display:inline-block; overflow:hidden;}
.g-key-game .g-coll-gamedown .g-coll-gamedown-left p img{ width:auto; height:12px; float:left; margin:4px 0 0 13px; display:inline-block;overflow:hidden;}
.g-key-game .g-coll-gamedown .g-coll-gamedown-right{ float:left; width:20%; height:32px; line-height:30px; border:1px solid #3ea3ff; border-radius:16px; font-size:14px; font-weight:normal; text-align:center; color:#fff; background-color:#3ea3ff; display:block; overflow:hidden; position:relative; zoom:1; margin:34px 0 0 0; }
.g-key-game .g-coll-gamedown .g-coll-gamedown-right b{ width:20px; height:20px;  background:url(../images/moblie-bg.png) no-repeat 0 -169px; background-size:500px; display:block; overflow:hidden; position:absolute; left:12px; top:4px;}
.g-tabbox{ width:96%; margin:0 auto 12px; background-color:#fff; border-radius:6px;}
.g-tabbox .g-tabbox-tabnav{ height:40px; line-height:40px; font-size:14px; text-align:center; border-bottom:2px solid #f2f2f2;}
.g-tabbox .g-tabbox-tabnav i{ padding:0 4%; color:#cccccc;}
.g-tabbox .g-tabbox-tabnav span.hover{ padding:12px 0; color:#3ea3ff; border-bottom:2px solid #3ea3ff;}
.g-recomd-game { display: block; width: 100%; height: auto; padding: 0 10px 0 0; box-sizing: border-box; overflow: hidden;}
.g-recomd-game li { display: inline; float: left; width: 25%; height: 168px; margin: 10px 0 0 0; border-left: 10px #fff solid; overflow: hidden; box-sizing: border-box;}
.g-recomd-game li a { display: block; position: relative; width: 100%; height: auto; padding: 0 0 0 0px; box-sizing: border-box; overflow: hidden;}
.g-recomd-game li a img { display: block; width: 100%; height: auto; margin:0 auto; border-radius: 14px; overflow: hidden;}
.g-recomd-game li a strong { display: block; width: 100%; height: 20px; line-height: 20px; font-size: 14px; font-weight: normal; color: #333; text-align: center; margin: 5px 0 0 0; overflow: hidden;}
.g-recomd-game li a span { display: block; width: 100%; height: 20px; line-height: 20px; font-size: 12px; font-weight: normal; color: #888; text-align: center; margin: 0 0 0 0; overflow: hidden;}
.g-recomd-game li a b { width: 84%; height: 28px; line-height: 28px; font-size: 12px; font-weight: normal; color: #3ea3ff; border: 1px solid #3ea3ff; border-radius: 4px; text-align: center; margin: 4px auto 0; display: block; overflow: hidden; box-sizing: border-box;}
.g-recomd-game li i{ display: inline-block; width: 70px; height: 18px; position: absolute; top: 10px; left: -16px; transform: rotate(-45deg); font-style: normal; text-align: center; color: #fff; }
.g-recomd-game li i.red { background-color: #F96A0E;}
.g-recomd-game li i.blue { background-color: #19B5FF;}
.g-recomd-game li i.green { background-color: #2DCC70;}

.g-jxwy{ width:96%; margin:0 auto;}
.g-jxwy .tit{ height:40px; padding:0 12px; background-color:#fff; border-radius:6px 6px 0 0; border-bottom:1px solid #eeeeee;}
.g-jxwy .tit span{ float:left; display:block; margin:10px 0 0; font-size:14px;}
.g-jxwy .tit span .icon { display: inline-block; width:20px; height:20px; margin-right:6px; background: url(../images/webgame.png) no-repeat -26px -56px; background-size:200px 83px; white-space:nowrap;  letter-spacing: -1em; text-indent: -99em; color: transparent; *text-indent: 0; *zoom: expression( this.runtimeStyle['zoom'] = '1', this.innerHTML = '\3000');}
.g-jxwy .tit span .icon:before { content: '\3000'; }
.g-jxwy .g-jxwy-item{ padding:8px 0 0; margin-bottom:12px; background-color:#fff;}
.g-jxwy .g-jxwy-item .title{ height:38px;}
.g-jxwy .g-jxwy-item .title span{ display:block; float:left; width:100px; height:38px; line-height:30px; margin:3px 0 0 -8px; font-size:14px; color:#fff; background:url(../images/webgame_tit_icon.png) no-repeat 0 0; background-size:80px 35px; text-indent:1em;}
.g-jxwy .g-jxwy-item .title a{ float:right; padding:12px 13px 0 0;}
.g-jxwy .g-jxwy-item .g-recomd-game li{ height:auto; padding-bottom:10px; margin-top:0;}

.g-gxts{ width:96%; margin:12px auto;}
.g-gxts .tit{ height:40px; padding:0 12px; background-color:#fff; border-radius:6px 6px 0 0; border-bottom:1px solid #eeeeee;}
.g-gxts .tit span{ float:left; display:block; margin:10px 0 0; font-size:14px;}
.g-gxts .tit span .icon { display: inline-block; width:20px; height:20px; margin-right:6px; background: url(../images/webgame.png) no-repeat -26px -56px; background-size:200px 83px; white-space:nowrap;  letter-spacing: -1em; text-indent: -99em; color: transparent; *text-indent: 0; *zoom: expression( this.runtimeStyle['zoom'] = '1', this.innerHTML = '\3000');}
.g-gxts .tit span .icon:before { content: '\3000'; }

.g-gxts ul{ padding-bottom:16px; background-color:#fff; overflow:hidden;}
.g-gxts ul li{ float:left; width:25%; height:36px; line-height:36px; margin:12px 0 0; text-align:center;}
.g-gxts ul li a{ display:block; margin:0 6px; border:1px solid #eeeeee; border-radius:30px;}

.g-bigtu{ width:96%; margin:12px auto;}
.g-bigtu img{ display:block; width:100%; height:auto; border-radius:8px;}
.g-webhot .g-coll-gamedown{ width:96%; margin:0 auto 10px;}

.g-peo-like ul .m-color1{ background:#fe3336; border-color:#fe3336; color:#fff}
.g-peo-like ul .m-color2{ background:#5fc700; border-color:#5fc700;color:#fff}
.g-peo-like ul .m-color3{ background:#19b5ff; border-color:#19b5ff;color:#fff}
.g-peo-like ul .m-color4{ background:#bc7afe; border-color:#bc7afe;color:#fff}
.g-peo-like ul .m-color5{ background:#fdbf2c; border-color:#fdbf2c;color:#fff}
.g-peo-like ul .m-color6{ background:#ff6600; border-color:#ff6600;color:#fff}
.g-peo-like ul .m-color7{ background:#b36fff; border-color:#b36fff;color:#fff}
.g-peo-like ul .m-color8{ background:#26ce95; border-color:#26ce95;color:#fff}
.g-peo-like ul .m-color9{ background:#4b5398; border-color:#4b5398;color:#fff}
.g-peo-like ul .m-color10{ background:#e068ff; border-color:#e068ff;color:#fff}