@charset "gb2312";
/*
#66d105
#0ACCA5

*/
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;}

.g-top{ width:100%; height:45px; background:#0ACCA5; box-sizing:border-box; display:-webkit-box; position:relative; zoom:1}
.g-top .g-logo{width:auto;height:auto;margin: 12px 12px 0 10px;display:block;overflow:hidden;}
.g-top .g-logo img{ width:auto; height:23px; display:block; overflow:hidden}
.g-top form{width:auto;height:auto;display:-webkit-box;overflow:hidden;margin: 9px 12px 0 0;-webkit-box-flex:1;}
.g-top form .soBox{width:auto;height:auto;display:-webkit-box;overflow:hidden;0;-webkit-box-flex:1;}
.g-top form .search-input{width:auto;height: 26px;line-height: 26px;font-size:14px;font-weight:normal;color:#666;text-indent:10px;background:#fff;display:block;overflow:hidden;-webkit-box-flex:1;border:0;padding:0;margin:0;border-radius:4px 0 0 4px;}
.g-top form .search-input .bdcs-search-form-input{width:100%;height: 26px;line-height: 26px;font-size:14px;font-weight:normal;color:#666;text-indent:10px;background:#fff;display:block;overflow:hidden;-webkit-box-flex:1;border:0;padding:0;margin:0;border-radius:4px 0 0 4px;}
.g-top form .search-button{width: 38px;height: 26px;display:block;overflow:hidden;border:0;padding:0;background: url(../../images/webicon.png) no-repeat 4px -182px #fff;background-size:500px;border-radius:0 4px 4px 0;}
.g-top form .search-button .bdcs-search-form-submit{width: 38px;height: 26px;display:block;overflow:hidden;border:0;padding:0;background: url(../../images/webicon.png) no-repeat 4px -182px #fff;background-size:500px;border-radius:0 4px 4px 0; text-indent:999px;}

.g-top div.bdcs-search-form{width:auto;height:auto;display:-webkit-box;overflow:hidden;margin: 9px 12px 0 0;-webkit-box-flex:1;}
.g-top div.bdcs-search-form .soBox{width:auto;height:auto;display:-webkit-box;overflow:hidden;0;-webkit-box-flex:1;}
.g-top div.bdcs-search-form .search-input{width:auto;height: 26px;line-height: 26px;font-size:14px;font-weight:normal;color:#666;text-indent:10px;background:#fff;display:block;overflow:hidden;-webkit-box-flex:1;border:0;padding:0;margin:0;border-radius:4px 0 0 4px;}
.g-top div.bdcs-search-form .search-input .bdcs-search-form-input{width:100%;height: 26px;line-height: 26px;font-size:14px;font-weight:normal;color:#666;text-indent:10px;background:#fff;display:block;overflow:hidden;-webkit-box-flex:1;border:0;padding:0;margin:0;border-radius:4px 0 0 4px;}
.g-top div.bdcs-search-form .search-button{width: 38px;height: 26px;display:block;overflow:hidden;border:0;padding:0;background: url(../../images/webicon.png) no-repeat 4px -182px #fff;background-size:500px;border-radius:0 4px 4px 0;}
.g-top div.bdcs-search-form .search-button .bdcs-search-form-submit{width: 38px;height: 26px;display:block;overflow:hidden;border:0;padding:0;background: url(../../images/webicon.png) no-repeat 4px -182px #fff;background-size:500px;border-radius:0 4px 4px 0; text-indent:999px;}


.g-top .m-hide-nav{ width:100%; height:auto; padding:0; background:#fff; display:none; overflow:hidden; box-sizing:border-box; position:absolute; left:0; top:45px; box-shadow:1px 2px 2px #ccc; z-index:9999;}
.g-top .m-hide-nav .g-nav-btn{ width:auto; height:40px; margin:15px 15px 0 15px; border:1px solid #0ACCA5; border-radius:4px; display:-webkit-box; overflow:hidden}
.g-top .m-hide-nav .g-nav-btn li{ width:auto; height:40px; line-height:40px; font-size:15px; font-weight:normal; color:#0ACCA5; text-align:center; display:block; overflow:hidden; border-right:1px solid #0ACCA5; -webkit-box-flex:1; display:block; overflow:hidden; cursor:pointer}
.g-top .m-hide-nav .g-nav-btn li:last-child { border-right: none }
.g-top .m-hide-nav .g-nav-btn li:nth-child(3){ border:0;}
.g-top .m-hide-nav .g-nav-btn .m-hover{ background:#0ACCA5; color:#fff;}
.g-top .m-hide-nav .g-nav-ul{ width:100%; height:auto; padding:15px 14px 0 0; box-sizing:border-box; display:block; overflow:hidden;}
.g-top .m-hide-nav .g-nav-ul li{ width:33.33%; height:auto; float:left; padding:0 0 14px 14px; display:inline; overflow:hidden; box-sizing:border-box;}
.g-top .m-hide-nav .g-nav-ul li a{ width:100%; height:auto; padding:10px; box-sizing:border-box; border:1px solid #d6d6d6; display:block; overflow:hidden;}
.g-top .m-hide-nav .g-nav-ul li a strong{ width:100%; height:20px; line-height:20px; font-size:16px; font-weight:normal; color:#333; text-align:center; margin:2px 0 0 0; display:block; overflow:hidden}
.g-top .m-hide-nav .g-nav-ul li a b{ width:100%; height:20px; line-height:20px; font-size:14px; font-weight:normal; color:#999; text-align:center; margin:8px 0 0 0; display:block; overflow:hidden}
.g-top .m-hide-nav .g-nav-ul li a:active{ background:#0ACCA5; color:#fff; border:1px solid #0ACCA5}
.g-top .m-hide-nav .g-nav-ul li a:active strong{ color:#fff;}
.g-top .m-hide-nav .g-nav-ul li a:active b{ color:#fff;}

.g-nav{ position:relative; z-index:92; width:100%;height: auto;background:#fff;display:-webkit-box;overflow:hidden;}
.g-nav li{width:auto;height: 36px;text-align:center;display:block;overflow:hidden;-webkit-box-flex:1;}
.g-nav li a{width:auto;height: 36px;line-height: 35px;font-size: 15px;font-weight:normal;color:#333;border-bottom:2px solid #fff;padding:0 3px;display:inline-block;overflow:hidden;box-sizing:border-box;}
.g-nav li.more .arrow-down{ display:block; width: 0px; height: 0px; border-left: 6px solid transparent; border-right: 6px solid transparent; border-top: 6px solid #0ACCA5; font-size: 0px; line-height: 0px; margin:16px auto 0;} 
.g-nav li.more .arrow-up{ display:block; width: 0px; height: 0px; border-left: 6px solid transparent; border-right: 6px solid transparent; border-bottom: 6px solid #0ACCA5; /*以下属性可以是IE5兼容*/ font-size: 0px; line-height: 0px; margin:16px auto 0;} 
.g-nav .m-hover a{ border-bottom:2px solid #0ACCA5;}
.m-secondnav{ display:none; position:absolute; top:82px; right:0; z-index:98;}
.m-secondnav li{ width:100px; height:40px; line-height:40px; text-align:center; background-color:#fff; font-size:14px;}
.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;}

.swiper-container .swiper-wrapper .swiper-slide a{ width:100%; height:auto; display:block; overflow:hidden; position:relative; zoom:1}
.swiper-container .swiper-wrapper .swiper-slide a img{ width:100%; height:auto; display:block; overflow:hidden}
.swiper-container .swiper-wrapper .swiper-slide a strong{ width:100%; height:35px; line-height:35px;font-size:14px; font-weight:normal; color:#fff; text-indent:12px; text-shadow:1px 1px 2px #000; background:rgba(0,0,0,0.5); background-size:414px; display:block; overflow:hidden; position:absolute; left:0; bottom:0; z-index:10;}
.swiper-container .swiper-pagination{ width:auto; height:auto; display:block; overflow:hidden; position:absolute; right:10px; bottom:10px;}
.swiper-container .swiper-pagination span{ width:8px; height:8px; background:#fff; border-radius:0; opacity:1;}
.swiper-container .swiper-pagination .swiper-pagination-bullet-active{ width:16px; background:#0ACCA5}

.g-four-btn{ width:100%; height:auto; background:#fff; padding:12px 0; box-sizing:border-box; display:-webkit-box; overflow:hidden}
.g-four-btn li{ width:auto; height:auto; display:block; overflow:hidden; -webkit-box-flex:1;}
.g-four-btn li a{ width:54px; height:auto; margin:auto; display:block; overflow:hidden}
.g-four-btn li a em{width:54px;height:54px;background: url(../../images/webicon.png) no-repeat 0 -55px;background-size: 404px;display:block;overflow:hidden;}
.g-four-btn li a span{ width:100%; height:20px; line-height:20px; font-size:14px; font-weight:normal; color:#333; text-align:center; margin:5px 0 0; display:block; overflow:hidden}
.g-four-btn li:nth-child(2) a em{background-position:-100px -55px}
.g-four-btn li:nth-child(3) a em{background-position:-200px -55px}
.g-four-btn li:nth-child(4) a em{background-position:-302px -55px}


.g-box{ width:100%; height:auto; background:#fff; margin:10px 0 0; padding:10px; box-sizing:border-box; display:block; overflow:hidden; box-shadow:0px 1px 3px #ccc;}
.g-title{ width:100%; height:auto; display:-webkit-box; overflow:hidden}
.g-title dt{ width:auto; height:34px; line-height:30px; font-size:16px; font-weight:normal; color:#333; padding:0 5px; box-sizing:border-box; border-bottom:1px solid #0ACCA5; display:block; overflow:hidden;}
.g-title dd{ width:auto; height:34px; line-height:30px; font-size:12px; font-weight:normal; color:#999; padding:0 5px; box-sizing:border-box; border-bottom:1px solid #ebebeb; display:block; overflow:hidden;-webkit-box-flex:1; text-align:right; margin:0;}
.g-title dd a{ color:#999}
.g-four-game{ width:100%; height:auto; padding:0; box-sizing:border-box; display:block; overflow:hidden;}
.g-four-game li{ width:25%; height:auto; float:left; padding:12px 0 0; box-sizing:border-box; display:inline; overflow:hidden}
.g-four-game li a{ width:66px; height:auto; display:block; overflow:hidden; margin:auto;}
.g-four-game li a img{ width:100%; height:66px; border-radius:14px; display:block; overflow:hidden}
.g-four-game li a strong{ width:100%; height:20px; line-height:20px; font-size:15px; font-weight:normal; color:#333; text-align:center; margin:6px 0 0; display:block; overflow:hidden}
.g-four-game li a b{ width:100%; height:14px; line-height:14px; font-size:12px; font-weight:normal; color:#999; text-align:center; margin:0 0 0; display:block; overflow:hidden}

.g-index-key{width:100%;height:auto;display:-webkit-box;overflow:hidden;padding: 12px 0;border-bottom: 1px solid #EEE;}
.g-index-key dt{width: 111px;height:auto;display:block;overflow:hidden;}
.g-index-key dt a{ width:auto; height:auto; display:block; overflow:hidden}
.g-index-key dt a img{ width:100%; height:auto; display:block; overflow:hidden}
.g-index-key dd{ width:auto; height:auto; display:block; overflow:hidden; -webkit-box-flex:1; margin:0 0 0 10px;}
.g-index-key dd a{width:100%;height:20px;line-height:20px;font-size: 15px;font-weight:bold;color:#333;display:block;overflow:hidden;}
.g-index-key dd div{width:100%;height: 41px;line-height: 19px;font-size:12px;font-weight:normal;color:#999;display:block;overflow:hidden;margin: 7px 0 0 0;}

.g-recomd{ width:100%; height:126px; padding:10px 0; box-sizing:border-box; background:#fff; display:block; overflow:hidden; position:relative; zoom:1;}
.g-recomd .g-recomd-ul{ width:auto; height:auto; position:absolute; top:10px; left:0; white-space:nowrap; overflow:visible; display:block; overflow:hidden}
.g-recomd .g-recomd-ul li{ width:200px; height:auto; display:inline-block; margin:0 0 0 15px; white-space:nowrap}
.g-recomd .g-recomd-ul li a{ width:100%; height:auto; display:block; overflow:hidden}
.g-recomd .g-recomd-ul li a img{ width:100%; height:78px; border-radius:10px; display:block; overflow:hidden}
.g-recomd .g-recomd-ul li a span{ 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-soft-ul{ width:100%; height:auto; display:block; overflow:hidden;}
.g-soft-ul li{ width:100%; height:auto; display:block; overflow:hidden; background:#fff; padding:0 10px; box-sizing:border-box; position:relative; zoom:1}
.g-soft-ul li i{ width:100%; height:1px; background:#eee; display:block; overflow:hidden;}
.g-soft-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 li .g-a-left img{ width:66px; height:66px; margin:0 10px 0 0; display:block; overflow:hidden;}
.g-soft-ul li .g-a-left p{ width:auto; height:auto; display:block; overflow:hidden; -webkit-box-flex:1}
.g-soft-ul li .g-a-left p strong{width:100%;height:20px;line-height:20px;font-size:16px;font-weight:normal;color:#333;margin: 1px 0 7px 0;display:block;overflow:hidden;}
.g-soft-ul li .g-a-left p b{width:100%;height:18px;line-height:18px;font-size: 12px;font-weight:normal;color:#bbb;margin: 1px 0 0 0;display:block;overflow:hidden;}
.g-soft-ul li .g-a-left p b img{ width:auto; height:12px; display:inline}
.g-soft-ul li .g-a-left h2{ width:auto; height:auto; display:block; overflow:hidden; -webkit-box-flex:1}
.g-soft-ul li .g-a-left h2 strong{width:100%;height:20px;line-height:20px;font-size:16px;font-weight:normal;color:#333;margin: 1px 0 7px 0;display:block;overflow:hidden;}
.g-soft-ul li .g-a-left h2 b{width:100%;height:18px;line-height:18px;font-size: 12px;font-weight:normal;color:#bbb;margin: 1px 0 0 0;display:block;overflow:hidden;}
.g-soft-ul li .g-a-left h2 b img{ width:auto; height:12px; display:inline}
.g-soft-ul li .g-a-right{ width: 73px; height: 34px; line-height: 32px; font-size: 15px; font-weight:normal; color:#0ACCA5; text-align:center; border:1px solid #0ACCA5; border-radius:7px;  background-size: 434px; display:block; overflow:hidden; position:absolute; right:10px; top:20px;}
.g-soft-ul li .g-a-right:active{ color:#fff; background:#0ACCA5; background-size:500px}
.g-soft-ul .m-eq3{ margin:10px 0 0 0;}
.g-soft-ul .m-eq3 i{ display:none}

.g-game-class{ width:100%; height:auto; display:block; overflow:hidden; padding:0 10px 10px 0; box-sizing:border-box;}
.g-game-class li{width: auto;height:auto;float:left;padding:0 0 0 10px;margin:10px 0 0 0;display:inline;overflow:hidden;box-sizing:border-box;}
.g-game-class li a{width:100%;height:34px;line-height:32px;font-size:14px;font-weight:normal;color:#666;text-align:center;border:1px solid #dcdcdc;border-radius:14px;display:block;overflow:hidden;padding: 0 8px;}

.g-game-class .m-fontcolor1 a{  color:#8289d9}
.g-game-class .m-fontcolor2 a{color:#ffb20d}
.g-game-class .m-fontcolor3 a{ color:#319cfe}
.g-game-class .m-fontcolor4 a{ color:#f63289}
.g-game-class .m-fontcolor5 a{color:#55c37b}
.g-game-class .m-fontcolor6 a{color:#8289d9}


.g-friend{ width:100%; height:auto; display:block; overflow:hidden; padding:0 10px 10px 0; box-sizing:border-box;}
.g-friend li{  height:auto;float:left; padding:0 10px 0 0 ; margin:12px 0 0 0; display:inline; overflow:hidden; box-sizing:border-box;}
.g-friend li a{ height:34px; line-height:32px; font-size:14px; font-weight:normal; color:#666; text-align:center; border:1px solid #dcdcdc; border-radius:4px; display:block; overflow:hidden; padding:0 10px; }


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:none; overflow:hidden; position:fixed; bottom:50px; right:10px; border-radius:100px;}
.g-class-nav-box{ position:relative; height:103px;}
.g-class-nav-box .g-class-nav{ position: absolute; top: 10px; left: 0; width: auto; height: auto; white-space: nowrap; overflow: visible; display: block; overflow: hidden;}
.g-class-nav-box .g-class-nav li{ display: inline-block; width:67px; height: auto; margin: 0 0 0 15px; white-space: nowrap;}
.g-class-nav-box .g-class-nav li img{ width:60px; height:auto; display:block; margin:0 auto; overflow:hidden}
.g-class-nav-box .g-class-nav li strong{ width:100%; height:auto; font-size:14px; font-weight:normal; color:#333; text-align:center; margin:4px 0 0 0; display:block; overflow:hidden}

.g-class-nav-box .g-rank-class{ padding:10px 0 6px 20px}
.g-class-nav-box .g-rank-class li{ padding:0 20px 0 0}


.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}

@-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}
}
.button-footer{height:34px;text-align:center;line-height:34px;overflow:hidden;color:#666;position:relative;}