.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 #3399ff; 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:36px; line-height:20px; font-size:13px; 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}

.m-key-ul{ width:100%; height:auto; display:block; overflow-y:hidden; overflow-x:auto; white-space:nowrap}
.m-key-ul li{ width:220px; height:auto; margin:12px 12px 0 0px; display:inline-block; overflow:hidden;}
.m-key-ul li a{ width:100%; height:auto; display:block; overflow:hidden}
.m-key-ul li a img{ width:100%; height:152px; display:block; overflow:hidden}
.m-key-ul li a strong{ width:100%; height:20px; line-height:20px; font-size:14px; font-weight:normal; color:#444; text-align:center; margin:5px 0 0; display:block; overflow:hidden}
.m-key-ul li a:active strong{ color:#3399ff}

/*���а�*/
.g-rank-box{ width:100%; height:auto; display:block; overflow:hidden; background:#fff;margin-top:10px;}
.g-rank-box .m-rank-title{ width:100%; height:auto; line-height:38px; font-size:18px; font-weight:normal; color:#3399ff; text-indent:14px; border-bottom:2px solid #eee; padding:0; box-sizing:border-box; display:-webkit-box; overflow:hidden;}
.g-rank-box .m-rank-title .u-rank-h3{ width:auto; font-weight:normal; display:block; overflow:hidden; -webkit-box-flex:1}
.g-rank-box .m-rank-title .m-rank-label{ width:auto; display:block; overflow:hidden}
.g-rank-box .m-rank-title .m-rank-label li{ width:auto; font-size:14px; font-weight:normal; color:#888; float:left; display:inline; overflow:hidden; margin:0 5px; text-indent:0; padding:0 5px;}
.g-rank-box .m-rank-title .m-rank-label li.f-hover{ color:#3399ff; border-bottom:2px solid #3399ff}
.g-rank-box .m-rank-cont{ width:100%; height:auto; display:block; overflow:hidden; padding:0 15px; box-sizing:border-box;}
.g-rank-box .m-rank-cont h3{ display: none}
.g-rank-box .m-rank-cont .m-rank-list{ width:100%; height:auto; display:block; overflow:hidden; background:#fff; padding:0; margin: 0 ; box-sizing:border-box; position:relative; zoom:1; border-bottom:1px #eee solid;}
.g-rank-box .m-rank-cont .m-rank-list:active { background-color: #f6f6f6}
.g-rank-box .m-rank-cont .m-rank-list i{ width:100%; height:1px; background:#eee; display:block; overflow:hidden;}
.g-rank-box .m-rank-cont .m-rank-list .g-a-left{ width:100%; height:auto; display:-webkit-box; overflow:hidden; padding:10px 96px 10px 0; box-sizing:border-box;}
.g-rank-box .m-rank-cont .m-rank-list .g-a-left img{ width:60px; height:60px; border-radius:14px; margin:0 10px 0 0; display:block; overflow:hidden;}
.g-rank-box .m-rank-cont .m-rank-list .g-a-left p{ width:auto; height:auto; display:block; overflow:hidden; -webkit-box-flex:1}
.g-rank-box .m-rank-cont .m-rank-list .g-a-left p strong{ width:100%; height:20px; line-height:20px; font-size:14px; font-weight:normal; color:#333; margin:8px 0 0 0; display:block; overflow:hidden; text-align:left}
.g-rank-box .m-rank-cont .m-rank-list .g-a-left p b{ width:100%; height:14px; line-height:14px; font-size:12px; font-weight:normal; color:#bbb; margin:7px 0 0 0; display:block; overflow:hidden;}
.g-rank-box .m-rank-cont .m-rank-list .g-a-right{ width: 60px; height: 45px;padding-top: 29px; font-size: 14px; font-weight:normal; color:#3399ff; text-indent: 30px;  background: url(../png/snav.png) no-repeat 33px -177px; background-size: 26px auto; display:inline-block; overflow:hidden; position:absolute; right:9px; top:20px;}
.g-rank-box .m-rank-cont .m-rank-list:nth-child(n+6){ display:none}
.g-rank-box .m-rank-cont .u-rank-more{ width:100%; height:40px; line-height:40px; font-size:14px; font-weight:normal; color:#888; text-align:center; background: #f6f6f6; margin:10px 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 50px 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:14px;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 .vis{background: url(../png/snav.png) -6px -257px no-repeat;background-size: 26px auto;padding-left: 18px;}
.g-soft-ul li .g-a-left p b .time{background: url(../png/snav.png) -6px -293px no-repeat;background-size: 26px auto;padding-left: 18px;margin-left: 4px;}
.g-soft-ul li .g-a-left p b img{ width:auto; height:12px; display:inline}
.g-soft-ul li .g-a-right{ width: 60px; height: 44px;padding-top: 28px; font-size: 15px; font-weight:normal; color:#3399ff; text-align:center; background: url(../png/snav.png) no-repeat 18px -178px;  background-size: 26px auto; display:inline-block; overflow:hidden; position:absolute; right:4px; top:20px;}
.g-soft-ul .m-eq3{ margin:10px 0 0 0;}
.g-soft-ul .m-eq3 i{ display:none}


.nav{ width:100%; line-height:36px; border-top:1px solid #e0e0e0; background-color:#fff;}
.nav ul.nav-main{ display:-moz-box; display:-webkit-box; display:box; width:100%; height:36px; border-bottom:2px solid #80d254;}
.nav ul.nav-main li{ -moz-box-flex:1; -webkit-box-flex:1; box-flex:1; text-align:center; border-right:1px solid #e0e0e0;}
.nav ul.nav-main li a{ display:block; font-size:16px;}
.nav ul.nav-main li a.hover{ width:60%; height:33px; margin:0 auto; border-bottom:3px solid #53b91c; color:#53b91c;}
.nav ul.tab{ display:-moz-box; display:-webkit-box; display:box; width:100%; height:36px; border-bottom:1px solid #d7d7d7;}
.nav ul.tab li{ -moz-box-flex:1; -webkit-box-flex:1; box-flex:1; text-align:center;}
.nav ul.tab li a{ display:block; font-size:16px;}
.nav ul.tab li a.hover{ width:60%; height:34px; margin:0 auto; border-bottom:2px solid #3399ff; color:#3399ff;}


.bor-right-one{border-right: 1px solid;padding-right: 4px;}
.bor-right-two{border-right: 1px solid;padding: 0 4px 0 2px;}
.bor-right-tree{padding-left: 4px;}