.g-top-recomd{ margin-top:10px; background:#fff;} .g-top-recomd .m-recomd-top{ width:100%; height:auto; padding:20px 0; display:block; overflow:hidden} .g-top-recomd .m-recomd-top a{ width:87px; height:auto; float:left; margin:0 0 0 20px; display:inline; overflow:hidden} .g-top-recomd .m-recomd-top a img{ width:100%; height:87px; border-radius:14px; display:block; overflow:hidden} .g-top-recomd .m-recomd-top 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-top-recomd .m-recomd-top a:hover strong{ color:#f60} .g-top-recomd .m-recomd-foot dl{ width:100%; height:auto; margin:20px 0 0; display:block; overflow:hidden} .g-top-recomd .m-recomd-foot dl dt{ width:86px; height:auto; float:left; display:inline; overflow:hidden} .g-top-recomd .m-recomd-foot dl dt strong{ width:80px; height:26px; line-height:26px; font-size:14px; font-weight:normal; color:#fff; text-align:center; background:#89c3ff; border-radius:3px 0 0 3px; float:left; display:inline; overflow:hidden} .g-top-recomd .m-recomd-foot dl dt i{ width:0; height:0; border-top:13px solid transparent; border-bottom:13px solid transparent; border-left:6px solid #89c3ff; float:left; display:inline; overflow:hidden} .g-top-recomd .m-recomd-foot dl dd{ width:1070px; height:26px; line-height:26px; font-size:14px; font-weight:normal; color:#eaeaea; float:left; display:inline; overflow:hidden} .g-top-recomd .m-recomd-foot dl dd a{ width:auto; color:#666; float:left; margin:0 15px; display:inline; overflow:hidden} .g-top-recomd .m-recomd-foot dl dd i{ font-style:normal; float:left; display:inline; overflow:hidden} .g-top-recomd .m-recomd-foot dl:nth-child(2) dt strong{ background:#9ba3f6} .g-top-recomd .m-recomd-foot dl:nth-child(2) dt i{border-left:6px solid #9ba3f6;} .g-top-recomd .m-recomd-foot dl:nth-child(3) dt strong{ background:#ffa9a9} .g-top-recomd .m-recomd-foot dl:nth-child(3) dt i{border-left:6px solid #ffa9a9;} .g-top-recomd .m-recomd-foot{ width:auto; height:auto; margin:0 20px; padding:0 0 20px 0; border-top:1px solid #eaeaea; display:block; overflow:hidden} .g-top-recomd .m-recomd-foot li{ width:auto; height:26px; line-height:26px; float:left; margin:20px 0 0; display:inline; overflow:hidden} .g-top-recomd .m-recomd-foot li a{ width:auto; float:left; margin:0 12px; display:inline; overflow:hidden} .g-top-recomd .m-recomd-foot li a:hover{ color:#f60} .g-top-recomd .m-recomd-foot li i{ width:1px; height:18px; background:#eaeaea; font-style:normal; margin:4px 0 0; float:left; display:inline; overflow:hidden} .g-top-recomd .m-recomd-foot li.g-tech-boss{width:86px; height:auto; float:left; display:inline; overflow:hidden; clear:both} .g-top-recomd .m-recomd-foot li.g-tech-boss span{width:80px; height:26px; line-height:26px; font-size:14px; font-weight:normal; color:#fff; text-align:center; background:#89c3ff; border-radius:3px 0 0 3px; float:left; display:inline; overflow:hidden} .g-top-recomd .m-recomd-foot li.g-tech-boss i{width:0; height:0; border-top:13px solid transparent; border-bottom:13px solid transparent; border-left:6px solid #89c3ff; float:left; display:inline; overflow:hidden; background:none; margin:0;} .g-plate-one{ margin-top:10px;} .g-plate-one .m-left-box{ width:435px; height:763px; margin:0; background:#fff; padding:0;} /*幻灯片*/ .g-plate-one .m-left-box .f-pic-box{ width:395px; height:282px; margin:20px auto 0; display:block; overflow:hidden; position:relative; zoom:1} .g-plate-one .m-left-box .f-pic-box .f-pic-position{ width:auto; height:36px; background:#fdfdfd; line-height:10px; margin:0; padding:0 10px 0 0; text-align:center; display:block; overflow:hidden; position:absolute; right:1px; bottom:1px} .g-plate-one .m-left-box .f-pic-box .f-pic-position li{ width:10px; height:10px; margin:14px 0 0 8px; background:#ccc; border-radius:22px; display:inline-block; overflow:hidden} .g-plate-one .m-left-box .f-pic-box .f-pic-position .f-hover{ background:#ff6501;} .g-plate-one .m-left-box .f-pic-box .g-pic-show{ width:auto; height:auto; display:block; overflow:hidden; position:absolute; left:0; top:0;} .g-plate-one .m-left-box .f-pic-box .g-pic-show li{ width:395px; height:auto; float:left; display:inline; overflow:hidden} .g-plate-one .m-left-box .f-pic-box .g-pic-show li a{ width:100%; height:auto; display:block; overflow:hidden; position:relative; zoom:1} .g-plate-one .m-left-box .f-pic-box .g-pic-show li a img{ width:100%; height:245px; display:block; overflow:hidden} .g-plate-one .m-left-box .f-pic-box .g-pic-show li a strong{ width:393px; height:36px; line-height:36px; font-size:14px; font-weight:normal; color:#333; text-align:left; text-indent:10px; background:#fdfdfd; display:block; overflow:hidden; border:1px solid #eee; border-top:0;} .g-plate-one .m-left-box .f-pic-box .g-pic-leftbtn{ width:33px; height:45px; line-height:45px; font-size:25px; font-weight:bold; color:#fff; background:rgba(0,0,0,0.5); text-align:center; font-family:serif; display:block; overflow:hidden; position:absolute; left:0; top:96px; z-index:10; cursor:pointer} .g-plate-one .m-left-box .f-pic-box .g-pic-rightbtn{ width:33px; height:45px; line-height:45px; font-size:25px; font-weight:bold; color:#fff; background:rgba(0,0,0,0.5); text-align:center; display:block; overflow:hidden; position:absolute; right:0; top:96px; z-index:10; font-family:serif; cursor:pointer} .g-plate-one .m-left-box .m-left-foot{ width:395px; height:auto; margin:20px auto 0; display:block; overflow:hidden} .g-plate-one .m-left-box .m-left-foot .m-tab-btn{ width:394px; height:auto; border-right:1px solid #eee; background:#fdfdfd; display:block; overflow:hidden} .g-plate-one .m-left-box .m-left-foot .m-tab-btn li{ width:130px; height:37px; line-height:37px; font-size:14px; font-weight:normal; color:#999; text-align:center; float:left; border:1px solid #eee; border-right:0; display:inline; overflow:hidden; cursor:pointer} .g-plate-one .m-left-box .m-left-foot .m-tab-btn li.f-hover{ height:34px; line-height:34px; background:#fff; border-top:3px solid #ff6501; color:#ff6501; border-bottom:1px solid #fff;} .g-plate-one .m-left-box .m-left-foot .m-tab-cont{ width:100%; height:auto; display:block; overflow:hidden} .g-plate-one .m-left-box .m-left-foot .m-tab-cont li{ width:100%; height:98px; border-bottom:1px dashed #eee; display:block; overflow:hidden; position:relative;} .g-plate-one .m-left-box .m-left-foot .m-tab-cont li .u-img{ width:63px; height:63px; margin:18px 0 0; } .g-plate-one .m-left-box .m-left-foot .m-tab-cont li .u-img img{ width:63px; height:63px; border-radius:14px; display:block; overflow:hidden} .g-plate-one .m-left-box .m-left-foot .m-tab-cont li span{ width:320px; height:auto; margin:22px 0 0 12px;} .g-plate-one .m-left-box .m-left-foot .m-tab-cont li span a{ width:100%; height:16px; line-height:16px; font-size:14px; font-weight:bold; color:#333; display:block; overflow:hidden} .g-plate-one .m-left-box .m-left-foot .m-tab-cont li span a:hover{ color:#f60} .g-plate-one .m-left-box .m-left-foot .m-tab-cont li span b{ width:100%; height:14px; line-height:14px; font-size:12px; font-weight:normal; color:#999; margin:6px 0 0; display:block; overflow:hidden} .g-plate-one .m-left-box .m-left-foot .m-tab-cont li span p{ width:100%; height:14px; line-height:14px; font-size:12px; font-weight:normal; color:#666; margin:6px 0 0; display:block; overflow:hidden} .g-plate-one .m-left-box .m-left-foot .m-tab-cont li span p i{ font-style:normal; color:#ff6501} .g-plate-one .m-left-box .m-left-foot .m-tab-cont li .u-btn{ width:76px; height:29px; line-height:29px; font-size:12px; font-weight:normal; color:#ff6501; text-align:center; border:1px solid #ff6501; border-radius:4px; background:#fff; margin:0; position:absolute; right:0; top:22px;} .g-plate-one .m-left-box .m-left-foot .m-tab-cont li .u-btn:hover{ background:#ff6501; color:#fff;} .g-plate-one .m-left-box .m-left-foot .m-tab-cont:nth-child(n 3){ display:none} .g-plate-one .m-left-box .m-left-foot .m-tab-cont li:nth-last-child(1){ border:0;} .g-plate-one .m-center-box{ width:431px; height:743px; padding:10px 13px; background:#fff; margin:0 0 0 10px;} .g-plate-one .m-center-box .m-title{ width:434px; height:22px; line-height:22px; font-size:16px; font-weight:bold; color:#333; text-indent:10px; border-left:3px solid #ff6501; display:block; overflow:hidden} .g-plate-one .m-center-box .m-title i{ widows:0; height:0; border-top:3px solid transparent; border-bottom:3px solid transparent; border-left:3px solid #ff6501; float:left; margin:8px 0 0; display:inline; overflow:hidden} .g-plate-one .m-center-box .m-cms-top{ width:100%; height:83px; background:#fcfcfc; margin:14px 0 0; display:block; overflow:hidden} .g-plate-one .m-center-box .m-cms-top strong{ width:100%; height:20px; line-height:20px; font-size:22px; font-weight:normal; margin:20px 0 0; float:left; display:inline; overflow:hidden; text-align:center} .g-plate-one .m-center-box .m-cms-top strong a{ color:#f44334} .g-plate-one .m-center-box .m-cms-top strong a:hover{ color:#f60} .g-plate-one .m-center-box .m-cms-top p{ width:100%; height:14px; line-height:14px; font-size:14px; font-weight:normal; margin:14px 0 0; float:left; display:inline; overflow:hidden; text-align:center} .g-plate-one .m-center-box .m-cms-top p a{ width:150px; height:14px; line-height:14px; margin:0 5px; color:#666; display:inline-block; overflow:hidden} .g-plate-one .m-center-box .m-cms-top p a span{ width:134px; height:14px; line-height:14px; float:left; display:inline; overflow:hidden; text-align:center} .g-plate-one .m-center-box .m-cms-top p a i{ float:left; font-style:normal;} .g-plate-one .m-center-box .m-cms-top p a:hover span{ color:#f60} .g-plate-one .m-center-box .m-cms-tab{ width:100%; height:auto; margin:20px 0 0; display:block; overflow:hidden} .g-plate-one .m-center-box .m-cms-tab .m-tab-btn{width:430px; height:auto; border-right:1px solid #eee; background:#fdfdfd;display:block; overflow:hidden} .g-plate-one .m-center-box .m-cms-tab .m-tab-btn li{ width:85px; height:28px; line-height:28px; font-size:14px; font-weight:normal; color:#666; text-align:center; float:left; border:1px solid #eee; border-right:0; display:inline; overflow:hidden; cursor:pointer} .g-plate-one .m-center-box .m-cms-tab .m-tab-btn li.f-hover{ height:27px; line-height:27px; background:#fff; border-top:3px solid #ff6501; color:#ff6501; border-bottom:1px solid #fff;} .g-plate-one .m-center-box .m-cms-tab .m-tab-cont{ width:100%; height:auto; margin:20px 0 0; display:block; overflow:hidden} .g-plate-one .m-center-box .m-cms-tab .m-tab-cont li{ width:100%; height:30px; line-height:30px; font-size:14px; font-weight:normal; margin:0; padding:0; display:block; overflow:hidden} .g-plate-one .m-center-box .m-cms-tab .m-tab-cont li strong{ width:62px; height:30px; color:#999; font-weight:normal; float:left; margin:0; display:inline; overflow:hidden;} .g-plate-one .m-center-box .m-cms-tab .m-tab-cont li i{ width:7px; height:30px; background:url(/uploads/image/svimages/index-cms-icon.png) no-repeat; float:left; display:inline; overflow:hidden} .g-plate-one .m-center-box .m-cms-tab .m-tab-cont li img{ width:20px; height:20px; float:left; margin:5px 0 0 7px; display:inline; overflow:hidden} .g-plate-one .m-center-box .m-cms-tab .m-tab-cont li a{ width:260px; height:30px; line-height:30px; float:left; margin:0 0 0 7px; display:inline; overflow:hidden} .g-plate-one .m-center-box .m-cms-tab .m-tab-cont li em{ width:auto; color:#999; float:right; display:inline; overflow:hidden} .g-plate-one .m-center-box .m-cms-tab .m-tab-cont li:nth-child(5n){ border-bottom:1px dashed #eee; margin:0 0 20px 0; padding-bottom:20px} .g-plate-one .m-right-box{ width:288px; height:auto; margin:0 0 0 10px;} .g-plate-one .m-right-box .m-rank-box{ width:268px; height:379px; background:#fff; margin:0; padding:0 10px; display:block; overflow:hidden} .g-plate-one .m-right-box .m-rank-box .m-tab-btn{ width:100%; height:auto; display:block; overflow:hidden} .g-plate-one .m-right-box .m-rank-box .m-tab-btn li{ width:50%; height:49px; line-height:49px; font-size:14px; font-weight:normal; color:#666; text-align:center; border-bottom:1px solid #eee; float:left; display:inline; overflow:hidden; position:relative; cursor:pointer} .g-plate-one .m-right-box .m-rank-box .m-tab-btn li i{ font-style:normal; position:absolute; right:0; top:0; color:#eee;} .g-plate-one .m-right-box .m-rank-box .m-tab-btn li.f-hover{ height:48px; line-height:48px; color:#ff6501; border-bottom:2px solid #ff6501;} .g-plate-one .m-right-box .m-rank-box .m-tab-cont{ width:100%; height:auto; margin:8px 0 0; display:block; overflow:hidden} .g-plate-one .m-right-box .m-rank-box .m-tab-cont li{ width:100%; height:76px; border-bottom:1px dashed #eee; display:block; overflow:hidden} .g-plate-one .m-right-box .m-rank-box .m-tab-cont li .u-img{ width:57px; height:57px; border-radius:14px; float:left; margin:10px 10px 0 0; display:inline; overflow:hidden} .g-plate-one .m-right-box .m-rank-box .m-tab-cont li .u-name{ width:200px; height:16px; line-height:16px; font-size:14px; font-weight:normal; color:#333; float:left; margin:16px 0 0; display:inline; overflow:hidden} .g-plate-one .m-right-box .m-rank-box .m-tab-cont li .u-name:hover{ color:#f60} .g-plate-one .m-right-box .m-rank-box .m-tab-cont li p{width:200px; height:14px; line-height:14px; font-size:12px; font-weight:normal; color:#999; float:left; margin:10px 0 0; display:inline; overflow:hidden} .g-plate-one .m-right-box .m-rank-box .m-tab-cont li p span{ color:#fe4b4e} .g-plate-one .m-right-box .m-key-all{ width:268px; height:374px; padding:0 10px; background:#fff; margin:10px 0 0; display:block; overflow:hidden;} .g-plate-one .m-right-box .m-key-all .m-title{ width:100%; height:19px; line-height:19px; font-size:16px; font-weight:bold; color:#333; margin:13px 0 0; display:block; overflow:hidden} .g-plate-one .m-right-box .m-key-all .m-title i{ width:4px; height:19px; background:#ff6501; float:left; margin:0 9px 0 0; display:inline; overflow:hidden} .g-plate-one .m-right-box .m-key-all .m-img-link{ width:100%; height:166px; margin:11px 0 0; display:block; overflow:hidden; position:relative;} .g-plate-one .m-right-box .m-key-all .m-img-link img{ width:100%; height:166px; display:block; overflow:hidden} .g-plate-one .m-right-box .m-key-all .m-img-link strong{ width:100%; height:35px; line-height:35px; font-size:14px; font-weight:normal; color:#fff; text-align:center; display:block; overflow:hidden; position:absolute; left:0; bottom:0; background:rgba(0,0,0,.5)} .g-plate-one .m-right-box .m-key-all .m-img-link:hover strong{ background:#f60; color:#fff;} .g-plate-one .m-right-box .m-key-all .m-font-link{ width:100%; height:29px; line-height:29px; font-size:12px; margin:9px 0 0; background:#edf1f3; display:block; overflow:hidden} .g-plate-one .m-right-box .m-key-all .m-font-link strong{ width:42px;background:#879299; color:#fff; font-weight:normal; text-align:center; float:left; display:inline; overflow:hidden} .g-plate-one .m-right-box .m-key-all .m-font-link i{ border-top:4px solid transparent; border-bottom:4px solid transparent; border-left:4px solid #879299; float:left; margin:11px 0 0; display:inline; overflow:hidden} .g-plate-one .m-right-box .m-key-all .m-font-link b{ width:212px; float:left; color:#666; margin:0 0 0 9px; display:inline; overflow:hidden; font-weight:normal;} .g-plate-one .m-right-box .m-key-all .m-font-link:hover strong{ background:#ff6501} .g-plate-one .m-right-box .m-key-all .m-font-link:hover i{ border-left:4px solid #ff6501} .g-plate-one .m-right-box .m-key-all .m-font-link:hover b{ color:#ff6501} .g-zthj-box{ background:#fff; margin-top:10px; width:1160px; padding:0 20px 28px;} .g-zthj-box .m-title{ width:auto; height:58px; border-bottom:1px solid #eee; margin:0; display:block; overflow:hidden} .g-zthj-box .m-title strong{ height:56px; line-height:60px;font-size:22px; font-weight:normal; color:#333; border-bottom:3px solid #ff6501; float:left; display:inline; overflow:hidden; font-weight:normal} .g-zthj-box .m-title a{ float:right; font-size:12px; font-weight:normal; color:#999; margin:28px 0 0; display:inline; overflow:hidden} .g-zthj-box .m-title a:hover{ color:#f60} .g-zthj-box .g-project-cont{ width:100%; height:auto; display:block; overflow:hidden; position:relative; zoom:1; margin:18px auto 0;} .g-zthj-box .g-project-cont .m-show-box{width:1170px; height:202px; margin:auto; background:#fff; display:block; overflow:hidden; position:relative; zoom:1} .g-zthj-box .g-project-cont .m-show-window{ width:1096px; height:202px; margin:0 0 0 26px; background:#fff; display:block; overflow:hidden; position:relative; zoom:1} .g-zthj-box .g-project-cont .m-show-window ul{ width:1000px; height:auto; display:block; overflow:hidden; position:absolute; left:0; top:0;} .g-zthj-box .g-project-cont .m-show-window ul li{ width:262px; height:202px; float:left; margin:0 0 0 12px; display:inline;} .g-zthj-box .g-project-cont .m-show-window ul li a{ width:100%; height:auto; display:block; overflow:hidden;} .g-zthj-box .g-project-cont .m-show-window ul li a img{ width:260px; height:160px; border:1px solid #eee; display:block; overflow:hidden} .g-zthj-box .g-project-cont .m-show-window ul li a strong{ width:260px; height:39px; line-height:39px; font-size:14px; font-weight:normal; color:#333; text-align:center; background:#fdfdfd; border:1px solid #eee; border-top:0; display:block; overflow:hidden;} .g-zthj-box .g-project-cont .m-show-window ul li a:hover img{ border-color:#fe5f3d;} .g-zthj-box .g-project-cont .m-show-window ul li a:hover strong{ background:#fe5f3d; border-color:#fe5f3d; color:#fff;} .g-zthj-box .g-project-cont b{ width:30px; height:90px; display:block; overflow:hidden; position:absolute; left:0; top:52px; z-index:10; cursor:pointer} .g-zthj-box .g-project-cont b i{ margin:30px auto 0;} .g-zthj-box .g-project-cont .u-right-btn{ left:inherit; right:0; z-index:10} /*大版块标题*/ .m-big-title{ width:auto; height:67px; margin:0 20px; display:block; overflow:hidden; position:relative} .m-big-title h3{ width:100%; height:44px; line-height:44px; padding:16px 0 0; border-bottom:2px solid #b9dd7d; display:block; overflow:hidden} .m-big-title h3 i{ float:left; margin:0 0 0 9px; display:inline;} .m-big-title h3 strong{ width:auto; font-size:24px; font-weight:bold; color:#333; float:left; margin:0 0 0 15px; display:inline; overflow:hidden} .m-big-title h3 em{ float:left; margin:5px 0 0 15px; display:inline;} .m-big-title h3 b{ width:auto; font-size:24px; font-weight:normal; color:#ddd; float:left; margin:0 0 0 15px; display:inline; overflow:hidden; font-family:serif; font-style:oblique; padding:0 10px 0 0;} .m-big-title h3 b span{ font-size:32px; color:#b9dd7d} .m-big-title h3 a{ float:right; font-size:12px; font-weight:normal; color:#999;} .m-big-title h3 a:hover{ color:#f60} .m-big-title ul{ width:auto; height:46px; display:block; overflow:hidden; position:absolute; left:364px; top:22px; z-index:1;} .m-big-title ul li{ width:auto; height:auto; float:left; margin:0 10px 0 0; display:inline; overflow:hidden; cursor:pointer} .m-big-title ul li strong{ width:103px; height:37px; line-height:37px; font-size:16px; font-weight:normal; color:#666; text-align:center; background:#fafafa; border:1px solid #eee; border-bottom:0; display:block; overflow:hidden} .m-big-title ul li.f-hover strong{ background:#b9dd7d; color:#fff; border-color:#b9dd7d} .m-big-title ul li.f-hover i{ width:0; height:0; border-left:6px solid transparent; border-right:6px solid transparent; border-top:5px solid #b9dd7d; margin:auto; display:block; overflow:hidden} /*安卓游戏*/ .g-android-box{ margin-top:10px; background:#fff; padding:0 0 40px 0; position:relative;} .g-android-box .m-android-cont{ width:922px; height:453px; margin:0; overflow:hidden} .g-android-box .m-android-cont span{ width:100%; height:auto; display:block; overflow:hidden} .g-android-box .m-android-cont a{ width:80px; height:auto; float:left; margin:26px 13px 0 20px; display:inline; overflow:hidden} .g-android-box .m-android-cont a img{ width:80px; height:80px; border-radius:14px; display:block; overflow:hidden;} .g-android-box .m-android-cont a strong{ width:100%; height:16px; line-height:16px; font-size:14px; font-weight:normal; color:#333; margin:10px 0 0; display:block; overflow:hidden; text-align:center} .g-android-box .m-android-cont a b{ width:100%; height:14px; line-height:14px; font-size:12px; font-weight:normal; color:#999; margin:5px 0 0; display:block; overflow:hidden; text-align:center} .g-android-box .m-android-cont a:hover strong{ color:#f60} .g-android-box .m-android-right{ width:258px; height:auto; margin:23px 0 0;} .g-android-box .m-android-right h3{ width:100%; height:22px; line-height:22px; font-size:18px; font-weight:bold; color:#333; display:block; overflow:hidden} .g-android-box .m-android-right h3 i{ float:left; margin:0 8px 0 0; display:inline; overflow:hidden} .g-android-box .m-android-right ul{ width:100%; height:auto; margin:4px 0 0; display:block; overflow:hidden} .g-android-box .m-android-right ul li{ width:100%; height:24px; margin:14px 0 0; display:block; overflow:hidden} .g-android-box .m-android-right ul li span{ width:18px; height:24px; float:left; margin:0; display:inline; overflow:hidden} .g-android-box .m-android-right ul li span strong{ width:100%; height:16px; line-height:16px; font-size:12px; font-weight:normal; color:#fff; text-align:center; background:#c3c3c3; border-radius:4px; margin:4px 0 0; display:block; overflow:hidden} .g-android-box .m-android-right ul li .u-name{ width:220px; height:24px; line-height:24px; font-size:12px; font-weight:normal; color:#666; float:left; margin:0 0 0 10px; display:inline; overflow:hidden} .g-android-box .m-android-right ul li img{ display:none} .g-android-box .m-android-right ul li b{ display:none;} .g-android-box .m-android-right ul li .u-btn{ display:none} .g-android-box .m-android-right ul li:nth-child(-n 3) span{ position:relative;} .g-android-box .m-android-right ul li:nth-child(-n 3) span strong{ width:100%; height:24px; background:#fe2a35; margin:0; border-radius:2px 2px 0 0;} .g-android-box .m-android-right ul li:nth-child(-n 3) span i{ width:0; height:0; border-left:9px solid transparent; border-right:9px solid transparent; border-bottom:5px solid #fff; display:block; overflow:hidden; position:absolute; left:0; bottom:0;} .g-android-box .m-android-right ul li:nth-child(2) span strong{ background:#fa7a53} .g-android-box .m-android-right ul li:nth-child(3) span strong{ background:#fbc258} .g-android-box .m-android-right ul li.f-hover{ height:auto;} .g-android-box .m-android-right ul li.f-hover img{ width:58px; height:58px; float:left; margin:7px 10px 0 26px; display:inline; overflow:hidden; border-radius:12px;} .g-android-box .m-android-right ul li.f-hover b{ width:164px; height:14px; line-height:14px; font-size:12px; font-weight:normal; color:#999; float:left; margin:12px 0 0; display:inline; overflow:hidden} .g-android-box .m-android-right ul li.f-hover .u-btn{ width:70px; height:26px; line-height:26px; font-size:12px; font-weight:normal; color:#fff; background:#b9dd7d; border-radius:4px; float:left; margin:8px 0 0 0; display:inline; overflow:hidden; text-align:center} /*苹果游戏*/ .g-ios-box .m-big-title h3{ border-color:#e40001} .g-ios-box .m-big-title h3 b span{ color:#e40001} .g-ios-box .m-big-title ul li.f-hover strong{ background:#e40001;border-color:#e40001} .g-ios-box .m-big-title ul li.f-hover i{ border-top:5px solid #e40001} .g-ios-box .m-android-right ul li.f-hover .u-btn{ background:#e40001} /*pc*/ .g-pc-box{ margin-top:10px; background:#fff; padding:0 0 0 0;} .g-pc-box .m-big-title h3{ border-color:#3aabe7} .g-pc-box .m-big-title h3 i{ margin-top:8px;} .g-pc-box .m-big-title h3 b span{ color:#3aabe7} .g-pc-box .m-left-box{ width:920px; height:auto; overflow:hidden} .g-pc-box .m-left-box .m-left-cont{ width:100%; height:auto; display:block; overflow:hidden; border-bottom:1px solid #eee; padding:0 0 35px 0;} .g-pc-box .m-left-box .m-left-cont dt{ width:180px; height:254px; float:left; margin:20px 0 0 20px; border-right:1px solid #eee; display:inline; overflow:hidden} .g-pc-box .m-left-box .m-left-cont dt a{ width:150px; height:auto; margin:0; display:block; overflow:hidden} .g-pc-box .m-left-box .m-left-cont dt a img{ width:100%; height:210px; display:block; overflow:hidden} .g-pc-box .m-left-box .m-left-cont dt a strong{ width:100%; height:16px; line-height:16px; font-size:14px; font-weight:normal; color:#333; text-align:center; margin:7px 0 0; display:block; overflow:hidden} .g-pc-box .m-left-box .m-left-cont dt a:hover strong{ color:#f60} .g-pc-box .m-left-box .m-left-cont dt a b{ width:100%; height:14px; line-height:14px; font-size:12px; font-weight:normal; color:#666; text-align:center; margin:4px 0 0; display:block; overflow:hidden} .g-pc-box .m-left-box .m-left-cont dd{ width:700px; height:auto; float:left; margin:10px 0 0 15px; display:inline; overflow:hidden} .g-pc-box .m-left-box .m-left-cont dd a{ width:120px; height:auto; float:left; margin:10px 0 0 15px; display:inline; overflow:hidden} .g-pc-box .m-left-box .m-left-cont dd a img{ width:118px; height:78px; border:1px solid #eee; display:block; overflow:hidden} .g-pc-box .m-left-box .m-left-cont dd a strong{width:100%; height:16px; line-height:16px; font-size:14px; font-weight:normal; color:#333; text-align:center; margin:8px 0 0; display:block; overflow:hidden} .g-pc-box .m-left-box .m-left-cont dd a b{ width:100%; height:14px; line-height:14px; font-size:12px; font-weight:normal; color:#666; text-align:center; margin:3px 0 0; display:block; overflow:hidden} .g-pc-box .m-left-box .m-left-cont dd a:hover strong{ color:#f60} .g-pc-box .m-left-box .m-left-cont:nth-child(2){ margin-top:15px; border:0;} .g-pc-box .m-right-box{ width:258px; height:563px; margin:23px 0 0;} .g-pc-box .m-right-box h3{ width:100%; height:22px; line-height:22px; font-size:18px; font-weight:bold; color:#3aabe7; display:block; overflow:hidden} .g-pc-box .m-right-box h3 i{ float:left; margin:0 8px 0 0; display:inline; overflow:hidden} .g-pc-box .m-right-box h3 ul{ width:auto; height:auto; font-size:14px; font-weight:normal; color:#666; float:right; display:inline; overflow:hidden} .g-pc-box .m-right-box h3 ul li{ width:auto; padding:0 5px 0 20px; float:left; display:inline; overflow:hidden; position:relative; cursor:pointer} .g-pc-box .m-right-box h3 ul li i{ position:absolute; left:5px; top:0; font-style:normal; color:#999} .g-pc-box .m-right-box h3 ul li.f-hover{ color:#3aabe7} .g-pc-box .m-right-box .m-rank-dl{ width:100%; height:auto; display:block; overflow:hidden; border-top:1px solid #eee; margin:9px 0 0;} .g-pc-box .m-right-box .m-rank-dl dt{ width:100%; height:96px; border-bottom:1px dashed #eee; margin:0; display:block; overflow:hidden} .g-pc-box .m-right-box .m-rank-dl dt .u-img{ width:109px; height:69px; float:left; margin:14px 10px 0 0; display:inline; overflow:hidden; position:relative} .g-pc-box .m-right-box .m-rank-dl dt .u-img img{ width:107px; height:66px; margin:3px 0 0 2px; display:block; overflow:hidden} .g-pc-box .m-right-box .m-rank-dl dt .u-img i{ line-height:19px; font-size:12px; font-weight:normal; color:#fff; text-align:center; font-style:normal; position:absolute; left:0; top:0; z-index:1;} .g-pc-box .m-right-box .m-rank-dl dt .u-name{ width:136px; height:16px; line-height:16px; font-size:14px; font-weight:normal; color:#333; margin:15px 0 0; float:left; display:inline; overflow:hidden} .g-pc-box .m-right-box .m-rank-dl dt .u-name:hover{ color:#f60} .g-pc-box .m-right-box .m-rank-dl dt p{ width:136px; height:auto; line-height:16px; font-size:12px; font-weight:normal; color:#999; margin:2px 0 0; float:left; display:inline; overflow:hidden} .g-pc-box .m-right-box .m-rank-dl dt b{ width:136px; height:14px; line-height:14px; font-size:12px; font-weight:normal; color:#333; margin:5px 0 0; float:left; display:inline; overflow:hidden} .g-pc-box .m-right-box .m-rank-dl dd{ width:100%; height:47px; font-size:12px; font-weight:normal; color:#666; border-bottom:1px dashed #eee; display:block; overflow:hidden} .g-pc-box .m-right-box .m-rank-dl dd i{ width:16px; height:16px; line-height:16px; background:#bfbfbf; text-align:center; color:#fff; font-style:normal; float:left; margin:15px 0 0; display:inline; overflow:hidden; border-radius:4px} .g-pc-box .m-right-box .m-rank-dl dd a{ width:144px;height:47px; line-height:47px; float:left; margin:0 0 0 10px; display:inline; overflow:hidden} .g-pc-box .m-right-box .m-rank-dl dd b{ width:auto;height:47px; line-height:47px; font-weight:normal; float:right; margin:0 0 0 10px; display:inline; overflow:hidden} /*软件下载*/ .g-softdown-box{ height:400px;} .g-softdown-box .m-big-title h3{ border-color:#ea8801} .g-softdown-box .m-big-title h3 b span{ color:#ea8801} .g-softdown-box .m-big-title ul li.f-hover strong{ background:#ea8801;border-color:#ea8801} .g-softdown-box .m-big-title ul li.f-hover i{ border-top:5px solid #ea8801} .g-softdown-box .m-big-title h3 i{ margin-top:4px;} .g-softdown-box .m-cont-box{ width:100%; height:auto; margin:4px 0 0; display:block; overflow:visible} .g-softdown-box .m-cont-box a{ width:198px; height:auto; float:left; margin:32px 0 0 38px; display:inline; overflow:hidden} .g-softdown-box .m-cont-box a img{ width:78px; height:78px; float:left; margin:0 10px 0 0; display:inline; overflow:hidden; border-radius:14px;} .g-softdown-box .m-cont-box a strong{ width:110px; height:16px; line-height:16px; font-size:14px; font-weight:bold; color:#666; float:left; margin:10px 0 0; display:inline; overflow:hidden} .g-softdown-box .m-cont-box a b{ width:110px; height:14px; line-height:14px; font-size:12px; font-weight:normal; color:#999; float:left; margin:8px 0 0; display:inline; overflow:hidden} .g-softdown-box .m-cont-box a em{ width:110px; height:14px; line-height:14px; font-size:12px; font-weight:normal; color:#666; float:left; margin:8px 0 0; display:inline; overflow:hidden} .g-softdown-box .m-cont-box a em i{ font-style:normal; color:#fe5f3d} .g-softdown-box .m-cont-box a:hover strong{ color:#f60} .g-softdown-box .m-cont-box .u-tab-more{ width:auto; height:auto; font-size:12px; font-weight:normal; color:#999; position:absolute; right:20px; top:30px; float:none; display:block; overflow:hidden; margin:0;} .g-softdown-box .m-cont-box .u-tab-more:hover{ color:#f60} /*友情链接*/ .g-friend-box{ width:100%; height:auto; padding:40px 0 0; margin:10px 0 0; background:#282828; display:block; overflow:hidden} .g-friend-box h3{ width:100%; height:20px; line-height:20px; font-size:18px; font-weight:normal; color:#fff; display:block; overflow:hidden} .g-friend-box h3 i{ width:3px; height:20px; background:#ff6501; float:left; margin:0 10px 0 0; display:inline; overflow:hidden} .g-friend-box span{ width:100%; height:auto; padding:12px 0 22px; border-bottom:1px solid #3e3e3e; display:block; overflow:hidden} .g-friend-box span a{ width:auto; height:14px; line-height:14px; font-size:12px; font-weight:normal; color:#9d9d9d; float:left; margin:10px 0 0; display:inline; overflow:hidden} .g-friend-box span i{ width:auto; height:14px; line-height:14px; font-size:12px; font-weight:normal; color:#9d9d9d; font-style:normal; float:left; margin:10px 12px 0; display:inline; overflow:hidden} /*浮动导航*/ .g-float-nav{ width:108px; background:#fff; display:none; overflow:hidden; position:absolute; top:0; left:50%; margin:0 0 0 630px;} .g-float-nav ul{ width:88px; height:auto; margin:10px; display:block; overflow:hidden; border-bottom:1px solid #dfdfdf} .g-float-nav ul li{ width:86px; height:68px; border:1px solid #dfdfdf; border-bottom:0px; display:block; overflow:hidden; cursor:pointer} .g-float-nav ul li i{ margin:7px auto 0;-webkit-filter: grayscale(100%);-moz-filter: grayscale(100%);-ms-filter: grayscale(100%);-o-filter: grayscale(100%);filter: grayscale(100%); filter: gray;} .g-float-nav ul li strong{ width:100%; height:14px; line-height:14px; font-size:12px; font-weight:normal; color:#666; text-align:center; margin:6px 0 0; display:block; overflow:hidden} .g-float-nav ul li i.u-icon-back{ margin-top:18px;} .g-float-nav ul li i.u-icon-16{ margin-top:12px;} .g-float-nav ul li i.u-icon-17{ margin-top:12px;} .g-float-nav ul li:hover{ border:1px solid #f60; background:#fff0e6} .g-float-nav ul li:hover i{-webkit-filter: grayscale(0%);-moz-filter: grayscale(0%);-ms-filter: grayscale(0%);-o-filter: grayscale(0%); filter: grayscale(0%); filter: gray;} .g-float-nav ul li:hover strong{ color:#f60} .g-float-nav ul li.f-hover{ border:1px solid #f60; background:#fff0e6} .g-float-nav ul li.f-hover i{-webkit-filter: grayscale(0%);-moz-filter: grayscale(0%);-ms-filter: grayscale(0%);-o-filter: grayscale(0%); filter: grayscale(0%); filter: gray;} .g-float-nav ul li.f-hover strong{ color:#f60}