body{ background:#f2f2f2}


.g-white-box{ width:1200px; height:auto; margin:auto; background:#fff; display:block; overflow:hidden}
.f-top-10{margin-top:10px;}

.g-title-h4{ width:100%; height:24px; line-height:24px; font-size:18px; font-weight:normal; color:#222; display:block; overflow:hidden}
.g-title-h4 i{ width:4px; height:24px; background:#fa833e; float:left; margin:0 12px 0 0; display:inline; overflow:hidden}
.g-title-h4 a{ font-size:14px; font-weight:normal; color:#999; float:right; display:inline; overflow:hidden}

/*顶部推荐*/
.m-top-recomd{ width:100%; height:auto; padding:16px 0; display:block; overflow:hidden; border-bottom:1px dotted #d4d4d4;}
.m-top-recomd li{ width:82px; height:auto; float:left; margin:0 6px 0 30px; display:inline; overflow:hidden}
.m-top-recomd li a{ width:100%; height:auto; display:block; overflow:hidden}
.m-top-recomd li a img{ width:100%; height:82px; display:block; overflow:hidden; border-radius:16px;}
.m-top-recomd li a strong{ width:100%; height:16px; line-height:16px; font-size:14px; font-weight:normal; color:#999; text-align:center; margin:10px 0 0; display:block; overflow:hidden;}
.m-top-recomd li a:hover strong{ color:#fe0032}

/*顶部分类推荐*/
.g-top-class{ padding:5px 0 40px 0;}
.g-top-class .m-main-cont{ width:auto; height:auto; display:block; overflow:hidden; margin:15px 12px 0; padding:0 0 0;}
.g-top-class .m-main-cont .u-label{ width:60px; height:26px; float:left; margin:0 0 0 12px; display:inline; overflow:hidden}
.g-top-class .m-main-cont .u-label dt{ width:56px; height:26px; line-height:26px; font-size:14px; font-weight:normal; color:#fff; text-align:center; background:#ff7b42; float:left; display:inline; overflow:hidden}
.g-top-class .m-main-cont .u-label dd{ width:0; height:0; border-top:4px solid transparent; border-bottom:4px solid transparent; border-left:4px solid #ff7b42; float:left; margin:9px 0 0; display:inline; overflow:hidden}
.g-top-class .m-main-cont .m-cont{ width:1050px; height:26px; line-height:26px; font-size:14px; font-weight:normal; color:#222; float:left; margin:0; display:inline; overflow:hidden}
.g-top-class .m-main-cont .m-cont a{ margin:0 10px; float:left; display:inline;max-width: 125px; overflow:hidden}
.g-top-class .m-main-cont .u-more{ width:auto; height:26px; line-height:26px; font-size:14px; font-weight:normal; color:#999; float:left; display:inline; overflow:hidden}

.g-top-class .m-main-cont:nth-child(2) .u-label dt{ background:#3e96f9}
.g-top-class .m-main-cont:nth-child(2) .u-label dd{ border-left:4px solid #3e96f9;}

.g-top-class .m-main-cont:nth-child(3) .u-label dt{ background:#49c124}
.g-top-class .m-main-cont:nth-child(3) .u-label dd{ border-left:4px solid #49c124;}

/*第一板块*/
.g-plate-1 .m-left{ width:400px; height:auto; margin:0 0 0 12px;}
.g-plate-1 .m-left .m-ppt-box{ width:100%; height:240px; display:block; overflow:hidden; position:relative; zoom:1}
.g-plate-1 .m-left .m-ppt-box .m-ppt-cont{ width:100%; height:auto; display:block; overflow:hidden}
.g-plate-1 .m-left .m-ppt-box .m-ppt-cont li{ width:100%; height:240px; display:block; overflow:hidden; position:absolute; left:0; top:0; z-index:5}
.g-plate-1 .m-left .m-ppt-box .m-ppt-cont li img{ width:100%; height:240px; display:block; overflow:hidden}
.g-plate-1 .m-left .m-ppt-box .m-ppt-cont li:nth-child(n+2){ display:none}


.g-plate-1 .m-left .m-ppt-box .m-ppt-page{ width:100%; height:24px; line-height:0; background:rgba(0,0,0,.5); text-align:center; display:block; overflow:hidden; position:absolute; left:0; bottom:0; z-index:5}
.g-plate-1 .m-left .m-ppt-box .m-ppt-page li{ width:8px; height:8px; margin:8px 4px; background:rgba(255,255,255,.34); border-radius:8px; display:inline-block; overflow:hidden; white-space:nowrap; cursor:pointer}
.g-plate-1 .m-left .m-ppt-box .m-ppt-page li.f-hover{ width:24px;}

.g-plate-1 .m-left .m-news-game{ width:100%; height:auto; margin:15px 15px; display:block; overflow:hidden}
.g-plate-1 .m-left .m-news-game .m-cont{ width:100%; height:auto; display:block; overflow:hidden}
.g-plate-1 .m-left .m-news-game .m-cont li{ width:50%; height:auto; float:left; margin:16px 0 0; display:inline; overflow:hidden}
.g-plate-1 .m-left .m-news-game .m-cont li .u-img{ width:64px; height:64px; float:left; margin:0; border-radius:12px; display:inline; overflow:hidden}
.g-plate-1 .m-left .m-news-game .m-cont li span{ width:110px; height:64px; float:left; margin:0 0 0 12px; display:inline; overflow:hidden}
.g-plate-1 .m-left .m-news-game .m-cont li span a{ width:100%; height:18px; line-height:18px; font-size:16px; font-weight:normal; color:#333; margin:4px 0 0; display:block; overflow:hidden}
.g-plate-1 .m-left .m-news-game .m-cont li span a:hover{ color:#fe0032}
.g-plate-1 .m-left .m-news-game .m-cont li span strong{ 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-1 .m-center{ width:500px; height:auto; margin:0 0 0 24px; }
.g-plate-1 .m-center h3{ width:100%; height:24px; line-height:24px; font-size:20px; font-weight:bold; color:#fe0032; text-align:center; display:block; overflow:hidden}
.g-plate-1 .m-center h3 a{ color:#fe0032}
.g-plate-1 .m-center h4{ width:100%; height:18px; line-height:18px;  font-size:16px; font-weight:normal; color:#666; text-align:center; display:block; overflow:hidden; margin:20px 0 0;}
.g-plate-1 .m-center h4 a{ width:21%; margin:0 2%; float:left; display:inline; overflow:hidden}
.g-plate-1 .m-center .m-cont-tab{ width:100%; height:428px; display:block; overflow:hidden; margin:16px 0 0;}
.g-plate-1 .m-center .m-cont-tab .m-tab-btn{ width:100%; height:auto; display:block; overflow:hidden;}
.g-plate-1 .m-center .m-cont-tab .m-tab-btn li{ width:100px; height:44px; line-height:32px; font-size:14px; font-weight:normal; color:#666; text-align:center; background:url(../../pc/images/index-icon.png) no-repeat -170px 0; float:left; display:inline; overflow:hidden; cursor:pointer}
.g-plate-1 .m-center .m-cont-tab .m-tab-btn li:hover{ background-position:0 0; color:#fff;}
.g-plate-1 .m-center .m-cont-tab .m-tab-btn li.f-hover{ background-position:0 0; color:#fff;}
.g-plate-1 .m-center .m-cont-tab .m-tab-cont{ width:100%; height:auto; display:block; overflow:hidden; margin:7px 0 0;}
.g-plate-1 .m-center .m-cont-tab .m-tab-cont li{ width:100%; height:20px; line-height:20px; font-size:14px; font-weight:normal; margin:10px 0 0; display:block; overflow:hidden}
.g-plate-1 .m-center .m-cont-tab .m-tab-cont li .u-catalog{ width:84px; height:20px; color:#666; text-align:center; border-right:1px solid #ccc; float:left; display:inline; overflow:hidden}
.g-plate-1 .m-center .m-cont-tab .m-tab-cont li .u-img{ width:20px; height:20px; border-radius:2px; float:left; margin:0 10px; display:inline; overflow:hidden}
.g-plate-1 .m-center .m-cont-tab .m-tab-cont li .u-name{ width:250px; height:20px; float:left; display:inline; overflow:hidden}
.g-plate-1 .m-center .m-cont-tab .m-tab-cont li em{ width:auto; height:20px; float:right; color:#666; display:inline; overflow:hidden}
.g-plate-1 .m-center .m-cont-tab .m-tab-cont li:nth-child(6){ border-bottom:1px dotted #d4d4d4; padding:0 0 10px 0;}

.g-plate-1 .m-right{ width:228px; height:auto; float:left; margin:0 0 0 24px;}
.g-plate-1 .m-right .m-cont{ width:100%; height:auto; margin:10px 0 0; display:block; overflow:hidden}
.g-plate-1 .m-right .m-cont li{ width:100%; height:auto; padding:9px 0; border-bottom:1px dotted #d4d4d4; display:block; overflow:hidden}
.g-plate-1 .m-right .m-cont li .u-img{ width:32px; height:32px; float:left; margin:0 12px 0 0; display:inline; overflow:hidden}
.g-plate-1 .m-right .m-cont li .u-name{ width:180px; height:16px; line-height:16px; font-size:14px; font-weight:normal; float:left; margin:0; display:inline; overflow:hidden}
.g-plate-1 .m-right .m-cont li b{ width:180px; height:14px; line-height:14px; font-size:12px; font-weight:normal; color:#999; float:left; margin:4px 0 0 0; display:inline; overflow:hidden}

/*网游*/
.g-wangyou-box{ padding:40px 0 0;}
.g-wangyou-box .m-wy-left{ width:924px; height:378px; margin:0 0 0 12px;}
.g-wangyou-box .m-wy-left .m-wy-top{ width:100%; height:auto; display:block; overflow:hidden; border-bottom:1px solid #ededed}
.g-wangyou-box .m-wy-left .m-wy-top .m-wy-tabbtn{ width:auto; height:auto;}
.g-wangyou-box .m-wy-left .m-wy-top .m-wy-tabbtn li{ width:auto; height:27px; line-height:18px; border-bottom:3px solid #fff; font-size:18px; font-weight:normal; color:#666; padding:0; float:left; margin:0 30px 0 0; display:inline; overflow:hidden; cursor:pointer}
.g-wangyou-box .m-wy-left .m-wy-top .m-wy-tabbtn li.f-hover{ border-bottom:3px solid #fa833e; color:#fa833e}
.g-wangyou-box .m-wy-left .m-wy-top .m-wy-recomd{ width:580px; height:auto; line-height:18px; font-size:14px; font-weight:normal;}
.g-wangyou-box .m-wy-left .m-wy-top .m-wy-recomd dt{ width:500px; float:left; text-align:right; color:#ccc}
.g-wangyou-box .m-wy-left .m-wy-top .m-wy-recomd dt a{ color:#666; margin:0 4px;}
.g-wangyou-box .m-wy-left .m-wy-top .m-wy-recomd dt a:hover{ color:#f00}
.g-wangyou-box .m-wy-left .m-wy-top .m-wy-recomd dd{ width:80px; float:right; text-align:right;}
.g-wangyou-box .m-wy-left .m-wy-top .m-wy-recomd dd a{ color:#999}
.g-wangyou-box .m-wy-left .m-wy-top .m-wy-recomd dd a:hover{ color:#f00}

.g-wangyou-box .m-wy-left .m-wy-cont{ width:100%; height:auto; display:block; overflow:hidden}
.g-wangyou-box .m-wy-left .m-wy-cont a{ width:70px; height:auto; float:left; margin:20px 23px 0 22px; display:inline; overflow:hidden}
.g-wangyou-box .m-wy-left .m-wy-cont a img{ width:70px; height:70px; border-radius:14px; display:block; overflow:hidden}
.g-wangyou-box .m-wy-left .m-wy-cont a strong{ width:100%; height:16px; line-height:16px; font-size:14px; font-weight:normal; color:#999; text-align:center; margin:10px 0 0; display:block; overflow:hidden}
.g-wangyou-box .m-wy-left .m-wy-cont a:hover strong{ color:#f00}


.g-wangyou-box .m-wy-right{ width:228px; height:auto; margin:0 0 0 24px;}
.g-wangyou-box .m-wy-right .m-cont{ width:100%; height:auto; margin:12px 0 0; display:block; overflow:hidden}
.g-wangyou-box .m-wy-right .m-cont li{ width:100%; height:20px; margin:12px 0 0; display:block; overflow:hidden}
.g-wangyou-box .m-wy-right .m-cont li i{ width:20px; height:20px; border-radius:4px; line-height:20px; font-size:12px; font-weight:normal; color:#fff; text-align:center; font-style:normal; background:#ccc; float:left; margin:0; display:inline; overflow:hidden}
.g-wangyou-box .m-wy-right .m-cont li .u-img{ width:64px; height:64px; border-radius:12px; float:left; margin:0 0 0 12px; display:none; overflow:hidden}
.g-wangyou-box .m-wy-right .m-cont li .u-name{ width:110px; height:20px; line-height:20px; font-size:14px; font-weight:normal; float:left; margin:0 0 0 12px; display:inline; overflow:hidden}
.g-wangyou-box .m-wy-right .m-cont li .u-rank{ width:auto; height:14px; float:left; margin:0; display:inline; overflow:hidden}
.g-wangyou-box .m-wy-right .m-cont li b{ display:none;}
.g-wangyou-box .m-wy-right .m-cont li.f-hover{ height:auto;}
.g-wangyou-box .m-wy-right .m-cont li.f-hover i{ margin-top:22px;}
.g-wangyou-box .m-wy-right .m-cont li.f-hover .u-img{ display:inline}
.g-wangyou-box .m-wy-right .m-cont li.f-hover .u-name{ width:120px;}
.g-wangyou-box .m-wy-right .m-cont li.f-hover .u-rank{ display:inline; margin:7px 0 0 12px;}
.g-wangyou-box .m-wy-right .m-cont li.f-hover b{ width:120px; height:14px; line-height:14px; font-size:12px; font-weight:normal; color:#999; margin:7px 0 0 12px; float:left; display:inline; overflow:hidden}
.g-wangyou-box .m-wy-right .m-cont li:nth-child(1) i{ background:#fa4e57}
.g-wangyou-box .m-wy-right .m-cont li:nth-child(2) i{ background:#ff9000}
.g-wangyou-box .m-wy-right .m-cont li:nth-child(3) i{ background:#ffc000}

/*合集*/
.g-project-box{ width:1176px; padding:40px 12px 0;}
.g-project-box .m-cont-box{ width:100%; height:auto; display:block; overflow:hidden}
.g-project-box .m-cont-box .m-cont{ width:282px; height:auto; float:left; margin:20px 16px 0 0px; display:inline; overflow:hidden}
.g-project-box .m-cont-box .m-cont .m-project{ width:100%; height:auto; position:relative; float:left; display:inline; overflow:hidden}
.g-project-box .m-cont-box .m-cont .m-project img{ width:100%; height:160px; display:block; overflow:hidden}
.g-project-box .m-cont-box .m-cont .m-project strong{ width:100%; height:24px; line-height:24px; font-size:14px; font-weight:normal; color:#fff; text-align:center; background:rgba(0,0,0,.5); display:block; overflow:hidden; position:absolute; left:0; bottom:0; z-index:1}
.g-project-box .m-cont-box .m-cont .m-project:hover strong{background:#2d985ec9}
.g-project-box .m-cont-box .m-cont .m-game{ width:33.33%; height:auto; float:left; margin:20px 0 0; display:inline; overflow:hidden}
.g-project-box .m-cont-box .m-cont .m-game img{ width:56px; height:56px; border-radius:12px; display:block; overflow:hidden; margin:auto;}
.g-project-box .m-cont-box .m-cont .m-game strong{ width:100%; height:14px; line-height:14px; font-size:12px; font-weight:normal; color:#999; text-align:center; margin:9px 0 0; display:block; overflow:hidden;}
.g-project-box .m-cont-box .m-cont .m-game b{ width:54px; height:20px; line-height:20px; font-size:12px; font-weight:normal; color:#999; text-align:center; border:1px solid #ccc; border-radius:4px; margin:9px auto 0; display:block; overflow:hidden}
.g-project-box .m-cont-box .m-cont .m-game:hover b{ border-color:#fa833e; background:#fa833e; color:#fff;}
.g-project-box .m-cont-box .m-cont:nth-last-child(1){ margin-right:0;}



.g-rank-box{ padding:40px 0 0;}
.g-rank-box .m-cont{ width:378px; height:auto; margin:0 10px 0 10px;}
.g-rank-box .m-cont .m-cont-ul{ width:100%; height:auto; margin:8px 0 0; display:block; overflow:hidden}
.g-rank-box .m-cont .m-cont-ul li{ width:100%; height:20px; margin:16px 0 0; display:block; overflow:hidden}
.g-rank-box .m-cont .m-cont-ul li i{ width:20px; height:20px; line-height:20px; font-size:12px; font-weight:normal; color:#fff; text-align:center; background:#ccc; border-radius:4px; float:left; margin:0; display:inline; overflow:hidden; font-style:normal}
.g-rank-box .m-cont .m-cont-ul li .u-img{ display:none}
.g-rank-box .m-cont .m-cont-ul li .u-name{ width:270px; height:20px; line-height:20px; font-size:14px; font-weight:normal; color:#222; float:left; margin:0 0 0 11px; display:inline; overflow:hidden}
.g-rank-box .m-cont .m-cont-ul li strong{ width:77px; height:20px; line-height:20px; font-size:14px; font-weight:normal; color:#999; float:left; margin:0; display:inline; overflow:hidden; text-align:right}
.g-rank-box .m-cont .m-cont-ul li strong p{ display:none}
.g-rank-box .m-cont .m-cont-ul li .u-btn{ display:none}

.g-rank-box .m-cont .m-cont-ul li.f-hover{ height:auto; padding:0;}
.g-rank-box .m-cont .m-cont-ul li.f-hover i{ margin:22px 0 0;}
.g-rank-box .m-cont .m-cont-ul li.f-hover .u-img{ width:64px; height:64px; border-radius:14px; float:left; margin:0 0 0 11px; display:inline; overflow:hidden}
.g-rank-box .m-cont .m-cont-ul li.f-hover .u-name{ width:195px;}
.g-rank-box .m-cont .m-cont-ul li.f-hover strong{ width:195px; height:14px; line-height:14px; font-size:12px; text-align:left; margin:5px 0 0 11px;}
.g-rank-box .m-cont .m-cont-ul li.f-hover strong p{ display:inline;}
.g-rank-box .m-cont .m-cont-ul li.f-hover .u-btn {
    width: 60px;
    height: 24px;
    background: #fa833e;
    line-height: 24px;
    font-size: 12px;
    font-weight: normal;
    color: #fff;
    text-indent: 6px;
    border-radius: 4px;
    float: left;
    margin: 6px 0 0 11px;
    display: inline;
    overflow: hidden;
    position: relative;
}
.g-rank-box .m-cont .m-cont-ul li.f-hover .u-btn em{ width:27px; height:24px; background:url(../../pc/images/index-icon.png) no-repeat -318px 4px; display:block; overflow:hidden; position:absolute; right:0; top:0; z-index:5; border-left:1px solid #f76225}

.g-rank-box .m-cont .m-cont-ul li:nth-child(1) i{ background:#fa4e57}
.g-rank-box .m-cont .m-cont-ul li:nth-child(2) i{ background:#ff9000}
.g-rank-box .m-cont .m-cont-ul li:nth-child(3) i{ background:#ffc000}


/*友联*/
.g-friend-box{width:1176px; padding:40px 12px;}
.g-friend-box .g-friend-ul{  height:auto; display:block; overflow:hidden; margin:10px auto 0;}
.g-friend-box .g-friend-ul li{ float:left; height:14px; line-height:14px; font-size:12px; font-weight:normal; padding:3px 6px; display:inline; overflow:hidden;word-break:break-all; /*支持IE，chrome，FF不支�?/　word-wrap:break-word;/*支持IE，chrome，FF*/}
.g-friend-box .g-friend-ul li a{ color:#4e4e4e; height:14px; line-height:14px;white-space:nowrap; font-size:14px;}
.g-friend-box .g-friend-ul li a:hover{ color:#f90366; text-decoration:underline}