body{ background:#fafafa}
.g-top-recomd{ margin-top:15px; padding:5px 0 15px 0;}
.g-top-recomd dl{ width:370px; height:auto; float:left; margin:10px 0 0 15px; display:inline; overflow:hidden}
.g-top-recomd dl dt{ width:52px; height:22px; line-height:22px; font-size:14px; font-weight:normal; color:#ff514c; border:1px solid #ff514c; border-left:4px solid #ff514c; border-radius:4px; float:left; display:inline; overflow:hidden; text-align:center;}
.g-top-recomd dl dd{ width:300px; height:24px; line-height:24px;float:left; margin:0 0 0 13px; display:inline; overflow:hidden}
.g-top-recomd dl dd a{ width:66px; height:24px; line-height:24px; font-size:14px; font-weight:normal; color:#333; text-align:center; padding:0 4px; float:left;display:inline; overflow:hidden;}
.g-top-recomd dl dd a:hover{ color:#ff5400}
.g-top-recomd dl dd i{ width:1px; height:14px; float:left; margin:5px 0 0; display:inline; overflow:hidden; background:#888;}

.g-top-recomd dl:nth-child(2) dt{ border-color:#ff8a00; color:#ff8a00}
.g-top-recomd dl:nth-child(3) dt{ border-color:#00c17b; color:#00c17b}
.g-top-recomd dl:nth-child(4) dt{ border-color:#61ae44; color:#61ae44}
.g-top-recomd dl:nth-child(5) dt{ border-color:#18a9fc; color:#18a9fc}
.g-top-recomd dl:nth-child(6) dt{ border-color:#8e33ff; color:#8e33ff}
.g-top-recomd dl:nth-child(7) dt{ border-color:#51cdcb; color:#51cdcb}
.g-top-recomd dl:nth-child(8) dt{ border-color:#ff6600; color:#ff6600}
.g-top-recomd dl:nth-child(9) dt{ border-color:#5fc700; color:#5fc700}
.g-top-recomd dl:nth-child(10) dt{ border-color:#c642ff; color:#c642ff}
.g-top-recomd dl:nth-child(11) dt{ border-color:#ff3aa0; color:#ff3aa0}
.g-top-recomd dl:nth-child(12) dt{ border-color:#4c61ff; color:#4c61ff}

.g-top-scroll{ margin-top:15px; padding:15px 0;}
.g-top-scroll h3{ width:26px; height:107px; line-height:22px; padding:18px 10px 0; font-size:18px; font-weight:normal; color:#fff; text-align:center; background:#63b73d; float:left; margin:0 0 0 15px; display:inline; overflow:hidden; position:relative; zoom:1}
.g-top-scroll h3 i{ width:35px; height:115px; border:1px solid #fff; display:block; overflow:hidden; position:absolute; left:5px; top:4px; z-index:10;}
.g-top-scroll .m-scroll-show{ width:1048px; height:125px; float:left; display:inline; overflow:hidden; position:relative; zoom:1}
.g-top-scroll .m-scroll-show ul{ width:100%; height:125px; display:block; overflow:hidden; position:absolute; left:0; top:0; z-index:10;}
.g-top-scroll .m-scroll-show ul li{ width:80px; height:auto; float:left; margin:0 16px 0 20px; display:inline; overflow:hidden}
.g-top-scroll .m-scroll-show ul li a{ width:100%; height:auto; display:block; overflow:hidden}
.g-top-scroll .m-scroll-show ul li a img{ width:80px; height:80px; border-radius:14px; display:block; overflow:hidden}
.g-top-scroll .m-scroll-show ul li a strong{ width:100%; height:16px; line-height:16px; font-size:14px; font-weight:normal; color:#333; text-align:center; margin:10px 0 0; display:block; overflow:hidden}
.g-top-scroll .m-scroll-show ul li a b{ width:100%; height:14px; line-height:14px; font-size:12px; font-weight:normal; color:#999; text-align:center; margin:6px 0 0; display:block; overflow:hidden}
.g-top-scroll .m-scroll-show ul li a:hover strong{ color:#ff5400}


.g-top-scroll em{ width:46px; height:58px; background:#f8f8f8; float:left; margin:0; display:inline; overflow:hidden; cursor:pointer}
.g-top-scroll em i{ width:20px; height:20px; border-left:2px solid #cdcdcd; border-bottom:2px solid #cdcdcd; display:block; overflow:hidden; transform:rotate(45deg); margin:17px 0 0 18px;}
.g-top-scroll .u-scroll-rightbtn{ margin-top:9px;}
.g-top-scroll .u-scroll-rightbtn i{ transform:rotate(-135deg); margin-left:7px;}
.g-top-scroll em:hover i{ border-color:#ff5400}


.g-newgame-box{ margin-top:15px; padding:25px 0 0;}
.g-newgame-box .m-newgame-left{ width:835px; height:262px;}
.g-newgame-box .m-newgame-left .m-newgame-tabbtn{ width:800px; height:auto; margin:0 0 0 15px; background:#f5f5f5; display:block; overflow:hidden}
.g-newgame-box .m-newgame-left .m-newgame-tabbtn li{ width:124px; height:36px; line-height:36px; font-size:16px; font-weight:normal; color:#333; text-align:center; border-top:4px solid #c9c9c9; float:left; margin:0 0 0 1px; display:inline; overflow:hidden; cursor:pointer}
.g-newgame-box .m-newgame-left .m-newgame-tabbtn .f-hover{ border-color:#45af42; color:#45af42;}
.g-newgame-box .m-newgame-left .m-newgame-cont{ width:100%; height:auto; display:block; overflow:hidden;}
.g-newgame-box .m-newgame-left .m-newgame-cont a{ width:254px; height:94px; border:1px solid #ebebeb; background:#f8f8f8; float:left; margin:15px 0 0 15px; display:inline; overflow:hidden}
.g-newgame-box .m-newgame-left .m-newgame-cont a img{ width:66px; height:66px; border-radius:12px; float:left; margin:14px 14px 0 15px; display:inline; overflow:hidden}
.g-newgame-box .m-newgame-left .m-newgame-cont a strong{ width:146px; height:16px; line-height:16px; font-size:14px; font-weight:normal; color:#333; float:left; margin:14px 0 0; display:inline; overflow:hidden}
.g-newgame-box .m-newgame-left .m-newgame-cont a p{ width:146px; height:14px; line-height:14px; font-size:12px; font-weight:normal; color:#999; float:left; margin:5px 0 0; display:inline; overflow:hidden}
.g-newgame-box .m-newgame-left .m-newgame-cont a p span{ color:#ff5151}
.g-newgame-box .m-newgame-left .m-newgame-cont a b{ width:78px; height:22px; line-height:22px; border:1px solid #ebebeb; border-radius:4px; font-size:12px; font-weight:normal; color:#ff5400; text-align:center; background:#fff; float:left; margin:10px 0 0; display:inline; overflow:hidden}
.g-newgame-box .m-newgame-left .m-newgame-cont a:hover b{ background:#ff5400; border-color:#ff5400; color:#fff;}


.g-newgame-box .m-newgamne-right{ width:335px; height:auto; float:left; margin:0 ; display:inline; overflow:hidden}
.g-newgame-box .m-newgamne-right dt{ width:320px; height:40px; line-height:40px; font-size:16px; font-weight:normal; color:#333; display:block; overflow:hidden; background:#f5f5f5;}
.g-newgame-box .m-newgamne-right dt i{ width:6px; height:30px; background:#45af42; float:left; margin:5px 10px 0 0; display:inline; overflow:hidden}
.g-newgame-box .m-newgamne-right dd{ width:100%; height:auto; display:block; overflow:hidden}
.g-newgame-box .m-newgamne-right dd a{ width:71px; height:auto; float:left; margin:15px 12px 0 0; display:inline; overflow:hidden}
.g-newgame-box .m-newgamne-right dd a img{ width:100%; height:71px; border-radius:12px; display:block; overflow:hidden}
.g-newgame-box .m-newgamne-right dd a strong{ width:100%; height:16px; line-height:16px; font-size:14px; font-weight:normal; color:#333; text-align:center; margin:9px 0 0; display:block; overflow:hidden}
.g-newgame-box .m-newgamne-right dd a:hover strong{ color:#ff5400}

.g-title{ width:auto; height:40px; margin:0 15px; display:block; overflow:hidden; position:relative; zoom:1}
.g-title dt{ width:auto; height:35px; line-height:35px; font-size:20px; font-weight:bold; color:#333; padding:0 4px; border-bottom:5px solid #45af42; float:left; display:inline; overflow:hidden; position:absolute; left:0; top:0;}
.g-title dd{ width:100%; height:37px; border-bottom:1px solid #f5f5f5; float:left; display:inline; overflow:hidden}

.g-ios-update{ padding:28px 0 0;}
.g-ios-update .m-iosupdate-cont{ width:100%; height:auto; display:block; overflow:hidden}
.g-ios-update .m-iosupdate-cont a{ width:168px; height:198px; float:left; margin:20px 15px 0 9px; display:inline; overflow:hidden; border:1px solid #ebebeb; position:relative; zoom:1}
.g-ios-update .m-iosupdate-cont a strong{ width:100%; height:16px; line-height:16px; font-size:14px; font-weight:normal; color:#333; text-align:center; margin:13px 0 0; display:block; overflow:hidden}
.g-ios-update .m-iosupdate-cont a b{ width:100%; height:14px; line-height:14px; font-size:12px; font-weight:normal; color:#999; text-align:center; margin:8px 0 0; display:block; overflow:hidden}
.g-ios-update .m-iosupdate-cont a b i{ font-style:normal; color:#ff5151}
.g-ios-update .m-iosupdate-cont a img{ width:80px; height:80px; border-radius:14px; margin:12px auto 0; display:block; overflow:hidden}
.g-ios-update .m-iosupdate-cont a span{ width:100%; height:auto; display:block; overflow:hidden; position:absolute; left:0; bottom:0; z-index:10;}
.g-ios-update .m-iosupdate-cont a span i{ width:0px; height:8px; border-left:8px solid transparent; border-right:8px solid transparent; border-bottom:8px solid #ebebeb; display:block; overflow:hidden; margin:auto;}
.g-ios-update .m-iosupdate-cont a span em{ width:100%; height:35px; line-height:35px; font-size:14px; font-weight:normal; color:#ff5400; text-align:center; display:block; overflow:hidden; background:#ebebeb}
.g-ios-update .m-iosupdate-cont a:hover strong{ color:#ff5400}
.g-ios-update .m-iosupdate-cont a:hover span i{border-bottom:8px solid #ff5400;}
.g-ios-update .m-iosupdate-cont a:hover span em{ background:#ff5400; color:#fff;}


.g-ios-soft{padding:28px 0 0;}
.g-ios-soft .m-iossoft-class{ width:214px; height:auto; margin:6px 0 0 5px; display:inline; overflow:hidden;}
.g-ios-soft .m-iossoft-class .m-iossoft-classbox{ width:100%; height:194px; display:block; overflow:hidden; position:relative; zoom:1}
.g-ios-soft .m-iossoft-class .m-iossoft-classbox ul{ width:100%; height:auto; display:block; overflow:hidden; position:absolute; left:0; top:0; z-index:10;}
.g-ios-soft .m-iossoft-class .m-iossoft-classbox ul li{ width:90px; height:36px; background:#f2f2f2; float:left; margin:10px 0 0 10px; display:inline; overflow:hidden; cursor:pointer; position:relative; zoom:1}
.g-ios-soft .m-iossoft-class .m-iossoft-classbox ul li strong{ width:100%; height:36px;line-height:36px; font-size:14px; font-weight:normal; color:#f64648; text-align:center; display:block; overflow:hidden; position:absolute; left:0; top:0; z-index:10;}
.g-ios-soft .m-iossoft-class .m-iossoft-classbox ul li i{ width:0px; height:0; border-left:12px solid transparent; border-right:12px solid transparent; border-bottom:12px solid #f64648; display:block; overflow:hidden; position:absolute; left:-8px; top:-2px; z-index:10; transform:rotate(-45deg)}
.g-ios-soft .m-iossoft-class .m-iossoft-classbox ul li b{ width:100%; height:36px; background:#f64648; display:none; overflow:hidden; position:absolute; left:0; top:0; z-index:0;}

.g-ios-soft .m-iossoft-class .m-iossoft-classbox ul li:nth-child(2) strong{ color:#00b18e}
.g-ios-soft .m-iossoft-class .m-iossoft-classbox ul li:nth-child(2) i{border-bottom:12px solid #00b18e;}
.g-ios-soft .m-iossoft-class .m-iossoft-classbox ul li:nth-child(2) b{ background:#00b18e}

.g-ios-soft .m-iossoft-class .m-iossoft-classbox ul li:nth-child(3) strong{ color:#ff2094}
.g-ios-soft .m-iossoft-class .m-iossoft-classbox ul li:nth-child(3) i{border-bottom:12px solid #ff2094;}
.g-ios-soft .m-iossoft-class .m-iossoft-classbox ul li:nth-child(3) b{ background:#ff2094}

.g-ios-soft .m-iossoft-class .m-iossoft-classbox ul li:nth-child(4) strong{ color:#00a1ff}
.g-ios-soft .m-iossoft-class .m-iossoft-classbox ul li:nth-child(4) i{border-bottom:12px solid #00a1ff;}
.g-ios-soft .m-iossoft-class .m-iossoft-classbox ul li:nth-child(4) b{ background:#00a1ff}

.g-ios-soft .m-iossoft-class .m-iossoft-classbox ul li:nth-child(5) strong{ color:#ff6c14}
.g-ios-soft .m-iossoft-class .m-iossoft-classbox ul li:nth-child(5) i{border-bottom:12px solid #ff6c14;}
.g-ios-soft .m-iossoft-class .m-iossoft-classbox ul li:nth-child(5) b{ background:#ff6c14}

.g-ios-soft .m-iossoft-class .m-iossoft-classbox ul li:nth-child(6) strong{ color:#0047fd}
.g-ios-soft .m-iossoft-class .m-iossoft-classbox ul li:nth-child(6) i{border-bottom:12px solid #0047fd;}
.g-ios-soft .m-iossoft-class .m-iossoft-classbox ul li:nth-child(6) b{ background:#0047fd}

.g-ios-soft .m-iossoft-class .m-iossoft-classbox ul li:nth-child(7) strong{ color:#4fa400}
.g-ios-soft .m-iossoft-class .m-iossoft-classbox ul li:nth-child(7) i{border-bottom:12px solid #4fa400;}
.g-ios-soft .m-iossoft-class .m-iossoft-classbox ul li:nth-child(7) b{ background:#4fa400}

.g-ios-soft .m-iossoft-class .m-iossoft-classbox ul li:nth-child(8) strong{ color:#ab2fe1}
.g-ios-soft .m-iossoft-class .m-iossoft-classbox ul li:nth-child(8) i{border-bottom:12px solid #ab2fe1;}
.g-ios-soft .m-iossoft-class .m-iossoft-classbox ul li:nth-child(8) b{ background:#ab2fe1}

.g-ios-soft .m-iossoft-class .m-iossoft-classbox ul li:nth-child(9) strong{ color:#f64648}
.g-ios-soft .m-iossoft-class .m-iossoft-classbox ul li:nth-child(9) i{border-bottom:12px solid #f64648;}
.g-ios-soft .m-iossoft-class .m-iossoft-classbox ul li:nth-child(9) b{ background:#f64648}

.g-ios-soft .m-iossoft-class .m-iossoft-classbox ul li:nth-child(10) strong{ color:#00b18e}
.g-ios-soft .m-iossoft-class .m-iossoft-classbox ul li:nth-child(10) i{border-bottom:12px solid #00b18e;}
.g-ios-soft .m-iossoft-class .m-iossoft-classbox ul li:nth-child(10) b{ background:#00b18e}

.g-ios-soft .m-iossoft-class .m-iossoft-classbox ul li:nth-child(11) strong{ color:#ff2094}
.g-ios-soft .m-iossoft-class .m-iossoft-classbox ul li:nth-child(11) i{border-bottom:12px solid #ff2094;}
.g-ios-soft .m-iossoft-class .m-iossoft-classbox ul li:nth-child(11) b{ background:#ff2094}

.g-ios-soft .m-iossoft-class .m-iossoft-classbox ul li:nth-child(12) strong{ color:#00a1ff}
.g-ios-soft .m-iossoft-class .m-iossoft-classbox ul li:nth-child(12) i{border-bottom:12px solid #00a1ff;}
.g-ios-soft .m-iossoft-class .m-iossoft-classbox ul li:nth-child(12) b{ background:#00a1ff}

.g-ios-soft .m-iossoft-class .m-iossoft-classbox ul li.f-hover strong{ color:#fff;}
.g-ios-soft .m-iossoft-class .m-iossoft-classbox ul .f-hover b{ display:block}

.g-ios-soft .m-iossoft-class .m-iossoft-classbtn{ width:100%; height:auto; margin:0; display:block; overflow:hidden}
.g-ios-soft .m-iossoft-class .m-iossoft-classbtn li{ width:90px; height:28px; background:#f2f2f2; float:left; margin:0 0 0 10px; display:inline; overflow:hidden; cursor:pointer}
.g-ios-soft .m-iossoft-class .m-iossoft-classbtn li i{ width:0; height:0; border-top:4px solid transparent; border-bottom:4px solid transparent; border-right:10px solid #838383; float:left; margin:10px 0 0 23px; display:inline; overflow:hidden}
.g-ios-soft .m-iossoft-class .m-iossoft-classbtn li em{ width:35px; height:2px; background:#838383; float:left; margin:13px 0 0; display:inline; overflow:hidden}
.g-ios-soft .m-iossoft-class .m-iossoft-classbtn .u-class-rightbtn i{margin:10px 0 0;border-right:0; border-left:10px solid #838383;}
.g-ios-soft .m-iossoft-class .m-iossoft-classbtn .u-class-rightbtn em{ margin:13px 0 0 23px;}

.g-ios-soft .m-iossoft-class .m-iossoft-classbtn li:hover{ background:#45b823}
.g-ios-soft .m-iossoft-class .m-iossoft-classbtn li:hover i{border-right:10px solid #fff;}
.g-ios-soft .m-iossoft-class .m-iossoft-classbtn li:hover em{ background:#fff}
.g-ios-soft .m-iossoft-class .m-iossoft-classbtn .u-class-rightbtn:hover i{ border-right:0; border-left:10px solid #fff;}

.g-ios-soft .m-iossoft-cont{ width:950px; height:230px; margin:0; display:inline; overflow:hidden}
.g-ios-soft .m-iossoft-cont span{ width:100%; height:auto; display:block; overflow:hidden}
.g-ios-soft .m-iossoft-cont span a{ width:220px; height:94px; border:1px solid #ebebeb; background:#f8f8f8; float:left; margin:16px 15px 4px 0; display:inline; overflow:hidden}
.g-ios-soft .m-iossoft-cont span a img{ width:66px; height:66px; border-radius:12px; float:left; margin:14px 14px 0 15px; display:inline; overflow:hidden}
.g-ios-soft .m-iossoft-cont span a strong{ width:106px; height:16px; line-height:16px; font-size:14px; font-weight:normal; color:#333; float:left; margin:14px 0 0; display:inline; overflow:hidden}
.g-ios-soft .m-iossoft-cont span a p{ width:106px; height:14px; line-height:14px; font-size:12px; font-weight:normal; color:#999; float:left; margin:5px 0 0; display:inline; overflow:hidden}
.g-ios-soft .m-iossoft-cont span a p span{ color:#ff5151}
.g-ios-soft .m-iossoft-cont span a b{ width:78px; height:22px; line-height:22px; border:1px solid #ebebeb; border-radius:4px; font-size:12px; font-weight:normal; color:#ff5400; text-align:center; background:#fff; float:left; margin:10px 0 0; display:inline; overflow:hidden}
.g-ios-soft .m-iossoft-cont span a:hover b{ background:#ff5400; border-color:#ff5400; color:#fff;}

.g-project-box{padding:28px 0 0;}
.g-project-box .m-project-cont{ width:100%; height:auto; display:block; overflow:hidden}
.g-project-box .m-project-cont dl{ width:557px; height:125px; float:left; margin:16px 11px 10px 15px; display:inline; overflow:hidden; background:#f8f8f8}
.g-project-box .m-project-cont dl dt{ width:202px; height:125px; float:left; display:inline; overflow:hidden; position:relative; zoom:1}
.g-project-box .m-project-cont dl dt img{ width:100%; height:125px; display:block; overflow:hidden}
.g-project-box .m-project-cont dl dt strong{ width:100%; height:30px; line-height:30px; font-size:14px; font-weight:normal; color:#fff; text-align:center; background:rgba(0,0,0,.6); display:block; overflow:hidden; position:absolute; left:0; bottom:0;}
.g-project-box .m-project-cont dl dd{ width:349px; height:110px; float:left; margin:15px 0 0 6px; display:inline; overflow:hidden}
.g-project-box .m-project-cont dl dd a{ width:71px; height:auto; float:left; margin:0 0 0 12px; display:inline; overflow:hidden}
.g-project-box .m-project-cont dl dd a img{ width:100%; height:71px; border-radius:12px; display:block; overflow:hidden}
.g-project-box .m-project-cont dl dd a strong{ width:100%; height:16px; line-height:16px; font-size:14px; font-weight:normal; color:#333; text-align:center; margin:12px 0 0; display:block; overflow:hidden;}
.g-project-box .m-project-cont dl dd a:hover strong{ color:#ff5400}

.g-rank-box{ padding:28px 0 24px}
.g-rank-box .m-rank-cont{ width:100%; height:auto; display:block; overflow:hidden; margin:15px 0 0;}
.g-rank-box .m-rank-cont dl{ width:270px; height:auto; float:left; margin:0 5px 0 15px; display:inline; overflow:hidden}
.g-rank-box .m-rank-cont dl dt{ width:100%; height:22px; line-height:22px; font-size:16px; font-weight:normal; color:#333; display:block; overflow:hidden}
.g-rank-box .m-rank-cont dl dt span{ color:#33c587}
.g-rank-box .m-rank-cont dl dt ul{ width:auto; height:auto; float:right; display:inline; overflow:hidden}
.g-rank-box .m-rank-cont dl dt ul li{ width:auto; height:20px; line-height:20px; font-size:12px; font-weight:normal; color:#333; padding:0 10px; border:1px solid #eee; float:left; margin:0; display:inline; overflow:hidden; cursor:pointer}
.g-rank-box .m-rank-cont dl dt ul li:nth-child(1){ border-right:0;}
.g-rank-box .m-rank-cont dl dt ul .f-hover{ background:#33c587; border-color:#33c587; color:#fff;}
.g-rank-box .m-rank-cont dl dd{ width:100%; height:auto; margin:16px 0 0; display:block; overflow:hidden}
.g-rank-box .m-rank-cont dl dd a{ width:100%; height:auto; padding:10px 0; border-bottom:1px solid #eee; display:block; overflow:hidden;}
.g-rank-box .m-rank-cont dl dd a i{ width:20px; height:20px; line-height:20px; background:#ababab; font-size:12px; font-weight:normal; color:#fff; font-style:normal; text-align:center; float:left; margin:0; display:inline; overflow:hidden; border-radius:4px;}
.g-rank-box .m-rank-cont dl dd a img{ display:none}
.g-rank-box .m-rank-cont dl dd a span{ width:240px; height:auto; float:left; margin:0 0 0 10px; display:inline; overflow:hidden}
.g-rank-box .m-rank-cont dl dd a span strong{ width:170px; height:20px; line-height:20px; font-size:14px; font-weight:normal; color:#333; float:left; margin:0; display:inline; overflow:hidden}
.g-rank-box .m-rank-cont dl dd a span b{ width:70px; height:20px; line-height:20px; font-size:14px; font-weight:normal; color:#999; text-align:right; float:left; display:inline; overflow:hidden;}
.g-rank-box .m-rank-cont dl dd a span b em{ display:none}
.g-rank-box .m-rank-cont dl dd a:nth-child(-n+3) i{ background:#61c803}

.g-rank-box .m-rank-cont dl dd .f-hover{ padding:10px 0;}
.g-rank-box .m-rank-cont dl dd .f-hover i{ height:66px; line-height:66px;}
.g-rank-box .m-rank-cont dl dd .f-hover .u-game-img{ width:66px; height:66px; float:left; margin:0 0 0 10px; display:inline; overflow:hidden; border-radius:12px;}
.g-rank-box .m-rank-cont dl dd .f-hover span{ width:160px; height:auto;}
.g-rank-box .m-rank-cont dl dd .f-hover span strong{ font-weight:bold; margin:2px 0 0;}
.g-rank-box .m-rank-cont dl dd .f-hover span img{ height:13px; float:left; margin:6px 0 0; display:inline; overflow:hidden}
.g-rank-box .m-rank-cont dl dd .f-hover span b{ width:100%; margin:5px 0 0; text-align:left; font-size:12px;}