@charset "utf-8";

/*列表主体*/
.main {width: 1120px;padding: 0px 20px;}
.position {padding: 10px 0px;overflow: hidden;color: #999;}
.position .icon-cur {float: left;width: 20px;height: 20px;display: block;background: url("../images/list-icon.png") 0px 2px no-repeat;margin-right: 5px;}
.position a { color: #666; }
.position a:hover { color: #8474d7; }
.content {padding: 20px 0px;overflow: hidden;border-top: 1px solid #ededed;}
.now-title{font-size:22px;padding: 5px 40px 5px;color: #333;background: url("../images/list-icon.png") no-repeat;}
.nol-list{background-position: 0px -643px;}
.vio-list{background-position: 0px -676px;}

/*左侧新闻列表*/
.news-box {float: left;width: 780px;padding-right: 20px;border-right: 1px solid #ededed;}
.news-list {zoom: 1;margin-top: -20px;}
.news-list li { height: 130px; padding: 25px 0 25px 220px; border-bottom: 1px dotted #d8d8d8; position: relative; }
.news-img { position: absolute; top: 25px; left: 0; }
.news-img, .news-img img { width: 200px; height: 130px; display: block; }
.news-title {height: 20px;font-size: 20px;line-height: 20px;overflow: hidden;}
.news-title:hover { color: #8474d7; }
.news-brief {font-size: 12px;padding: 5px 0 5px;}
.news-brief span { padding-left: 20px; color: #999; margin-right: 20px; }
.news-time {background: url("../images/list-icon.png") 0px -37px no-repeat;}
.news-editor {background: url("../images/list-icon.png") 0px -76px no-repeat;}
.news-list li p { height: 52px; line-height: 26px; color: #666; overflow: hidden; position: relative; }
.news-tag {height: 20px;line-height: 20px;margin-top: 5px;padding-left: 25px;background: url("../images/list-icon.png") 0px -110px no-repeat;color: #999;}
.news-tag a {color: #fe6674;margin-right: 5px;}
.news-tag a:hover { text-decoration: underline; }
/*页码翻页*/
.pag { text-align: center; height: 35px; margin: 40px auto 0; }
.pag a { display: inline-block; font-size: 14px; background: #fff; color: #333; border: 1px solid #d7d7d7; height: 33px; line-height: 33px; text-align: center; vertical-align: top; zoom: 1; padding: 0 14px; margin: 0 4px; }
.pag a:hover, a.p_hov, a.p_hov:hover { background: #8474d7; border-color: #8474d7; color: #fff; text-decoration: none; }
.pag span { display: inline-block; vertical-align: top; zoom: 1; height: 32px; line-height: 32px; color: #666; margin: 0 4px 0 10px; }
.pag em { float: left; }
.pag_txt { float: left; width: 22px; height: 30px; line-height: 30px\9; text-align: center; background: #fff; border: 1px solid #d8d8d8; font-size: 14px; color: #333; margin: 0 3px; }
.pag_btn { float: left; width: 50px; height: 32px; background: #fff; border: 1px solid #d8d8d8; margin-left: 10px; font-size: 14px; color: #333; cursor: pointer; }
.pag_btn:hover { background: #8474d7; border-color: #8474d7; color: #fff; }

/*右侧内容*/
.right-side {float: right;width: 300px;margin-top: -20px;}
.side-code {width: 300px;height: 150px;margin-top: 20px;}
.side-code img{width: 300px;height: 150px;}
.side-box { margin-top: 20px; }
.side-title { height: 28px; padding-bottom: 10px; border-bottom: 1px solid #d8d8d8; position: relative; }
.side-title .tit {height: 28px;font-size: 20px;line-height: 28px;color: #333;border-bottom: 1px solid #8474D7;padding-bottom: 10px;position: absolute;top: 0;left: 0;}
.side-title .tit .icon-yxjs {background-position: 0px -219px;}


.side-title .rtside-title { height: 28px; font-size: 20px; line-height: 28px; color: #333; border-bottom: 1px solid #8474d7; padding-bottom: 10px; position: absolute; top: 0; left: 0; }
.side-title .tit i,.side-title .rtside-title i, .rank-tab .rtside-title i, .hot-tab .rtside-title i {float: left;width: 28px;height: 28px;display: inline;margin-right: 10px;background: url("../images/list-icon.png") no-repeat;}
.side-title .rtside-title .icon-rmyx {background-position: 0px -144px;}
.side-title .rtside-title .icon-rmlb {background-position: 0px -183px;}
.side-title .rtside-title .icon-read {background-position: -38px 2px;}
.side-title .rtside-title .icon-yxjs {background-position: -38px -145px;}


.side-title a { line-height: 28px; color: #999; position: absolute; top: 0; right: 0; }
.side-title a:hover { color: #8474d7; }
.side-title a .icon-more {width: 19px;height: 19px;display: inline-block;margin-left: 5px;background: url("../images/list-icon.png") no-repeat;background-position: -44px -300px;vertical-align: middle;}
.side-title a:hover .icon-more {background-position: 0px -300px;}
.zone-ad {display: block;margin-top: 20px;}

/*热门游戏*/
.hot-game2 { height: 202px; overflow: hidden; }
.hot-game2 ul { margin-left: -20px; zoom: 1; }
.hot-game2 li { float: left; width: 60px; margin: 20px 0 0 20px; }
.hot-game2 a { width: 60px; height: 80px; display: block; font-size: 12px; line-height: 1; color: #333; text-align: center; }
.hot-game2 a img { width: 60px; height: 60px; display: block; border-radius: 14px; margin-bottom: 8px; }
.hot-game2 a:hover { color: #8474d7; }
/*广告*/
.ad-flash { width: 300px; height: 250px; overflow: hidden; }
.ad-flash img{ width: 300px; height: 250px;}
.ad-flash1 { width: 300px; height: 150px; overflow: hidden; }
.ad-flash1 img{ width: 300px; height: 150px;}

/*热门礼包*/
.hot-gift li { border-bottom: 1px dotted #d8d8d8; }
.hot-gift li .gift-detail { height: 70px; overflow: hidden; padding: 10px 0; display: none; }
.hot-gift li.hover .gift-detail { display: block; }
.gift-img { float: left; width: 70px; height: 70px; }
.gift-img, .gift-img img { width: 70px; height: 70px; display: block; border-radius: 17px; }
.gift-info { float: left; height: 52px; line-height: 26px; padding: 9px 0; margin-left: 12px; display: inline; }
.gift-info a { font-size: 16px; color: #333; display:block; width:130px; height:21px;overflow: hidden;}
.gift-info a:hover { color: #8474d7; }
.gift-info p { color: #999; }
.get-gift {float: right;width: 66px;height: 30px;display: block;background: url("../images/list-icon.png") no-repeat #8474D7;margin: 20px 0;line-height: 30px;color: #fff;text-indent: 30px;background-position: 0px -331px;}
.hot-gift li .gift-brief { height: 42px; overflow: hidden; padding-left: 16px; background: url("../images/li_arrow.gif") left center no-repeat; }
.hot-gift li.hover .gift-brief { display: none; }
.gift-brief a { float: left; font-size: 16px; line-height: 42px; color: #333; }
.gift-brief .icon-gift {float: right;width: 28px;height: 28px;display: block;margin: 7px 0;background: url("../images/list-icon.png") no-repeat;background-position: 0px -181px;}

.rmgl-list li { height: 41px; line-height: 41px; padding-left: 39px; border-bottom: 1px dotted #d8d8d8; text-overflow: ellipsis; white-space: nowrap; overflow: hidden; position: relative; }
.rmgl-list li span { width: 22px; height: 22px; display: block; font-size: 12px; line-height: 22px; text-align: center; text-align: center; background: #a8a8a8; color: #fff; position: absolute; top: 10px; left: 0; }
.rmgl-list li .front { background: #8474d7; }
.rmgl-list li a { color: #333; font-size: 16px; }
.rmgl-list li a:hover { color: #8474d7; }
.rmlb-list li { height: 41px; line-height: 41px; padding: 0 45px 0 39px; border-bottom: 1px dotted #d8d8d8; position: relative; vertical-align: middle; }
.rmlb-list li span { width: 22px; height: 22px; display: block; font-size: 12px; line-height: 22px; text-align: center; text-align: center; background: #a8a8a8; color: #fff; position: absolute; top: 10px; left: 0; }
.rmlb-list li .front { background: #8474d7; }
.rmlb-list li .gift-name { width: 100%; display: block; color: #333; font-size: 16px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.rmlb-list li .icon-gift, .rmlb-list li .gift-get {width: 28px;height: 28px;display: block;backgroundurl("../images/list-icon.png") no-repeat;text-indent: -999em;overflow: hidden;position: absolute;top: 7px;right: 10px;}
.rmlb-list li .icon-gift { background-position: -38px -393px;}
.rmlb-list li .gift-get { display: none;background-position: -38px -423px;}
.rmlb-list li.hover {border: 1px solid #CDC8E6;border-left: none;margin-top: -1px;zoom: 1;}
.rmlb-list li.hover .gift-name { color: #8474d7; }
.rmlb-list li.hover .icon-gift { display: none; }
.rmlb-list li.hover .gift-get { display: block; }
.rmlb-detail { width: 130px; height: 110px; padding-top: 15px; background: url("../images/hot_gift_hover.gif") no-repeat; position: absolute; top: -42px; left: -130px; display: none; }
.rmlb-list li.hover .rmlb-detail { display: block; }
.rmlb-detail img { width: 70px; height: 70px; display: block; border-radius: 17px; margin-left: 25px; }
.rmlb-detail p { width: 110px; padding: 0 5px; line-height: 30px; text-align: center; color: #999; text-overflow: ellipsis; white-space: nowrap; overflow: hidden; }

.hot-tab { height: 39px; overflow: hidden; margin-bottom: 10px; }
.hot-tab .rtside-title { float: left; width: 150px; height: 28px; line-height: 28px; font-size: 20px; color: #666; padding-bottom: 10px; border-bottom: 1px solid #d8d8d8; cursor: pointer; }
.hot-tab .rtside-title.hover {color: #333;border-bottom: 1px solid #8474D7;}
.hot-tab .rtside-title .icon-rmgl {background-position: -7px -579px;}
.hot-tab .rtside-title .icon-rmlb {background-position: -7px -609px;}
.hot-tab .rtside-title.hover .icon-rmgl {background-position: -37px -579px;}
.hot-tab .rtside-title.hover .icon-rmlb {background-position: -37px -609px;}
/*网游排行+单机排行*/
.rank-tab { height: 39px; overflow: hidden; }

.rank-tab .rtside-title { float: left; width: 150px; height: 28px; line-height: 28px; font-size: 20px; color: #666; padding-bottom: 10px; border-bottom: 1px solid #d8d8d8; cursor: pointer; }
.rank-tab .rtside-title.hover { color: #333; border-bottom: 1px solid #8474d7; }
.rank-tab .rtside-title .icon-wyph {background-position: -42px -218px;}
.rank-tab .rtside-title .icon-djph {background-position: -39px -258px;}
.rank-tab .rtside-title.hover .icon-wyph {background-position: 0px -219px;}
.rank-tab .rtside-title.hover .icon-djph {background-position: 0px -258px;}


.rank-list li { height: 42px; position: relative; padding-left: 38px; border-bottom: 1px dotted #d8d8d8; vertical-align: middle; }
.rank-list li.hover { height: 90px; }
.rank-list li span { width: 22px; height: 22px; display: block; font-size: 12px; background: #a8a8a8; line-height: 22px; text-align: center; color: #fff; position: absolute; top: 10px; left: 0; }
.rank-list li .front { background: #8474d7; }
.rank-list li .rank-detail { height: 70px; padding: 10px 0; overflow: hidden; display: none; }
.rank-list li.hover .rank-detail { display: block; }
.rank-img { float: left; width: 70px; height: 70px; }
.rank-img, .rank-img img { width: 70px; height: 70px; display: block; border-radius: 17px; }
.rank-info { float: left; height: 52px; line-height: 26px; padding: 9px 0; margin-left: 12px; display: inline; }
.rank-info a {display: block;font-size: 16px;color: #333;width: 110px;white-space: nowrap;text-overflow: ellipsis;overflow: hidden;}
.rank-info a:hover { color: #8474d7; }
.rank-info p { color: #999; }
.download {float: right;width: 66px;height: 30px;display: block;background: url("../images/list-icon.png") no-repeat #8474D7;margin: 20px 0;line-height: 30px;color: #fff;text-indent: 30px;background-position: 0px -369px;}
.rank-list li .rank-brief { height: 42px; overflow: hidden; padding-left: 16px; background: url("../images/li_arrow.gif") left center no-repeat; }
.rank-list li.hover .rank-brief { display: none; }
.rank-brief a {float: left;font-size: 16px;line-height: 42px;color: #333;width: 210px;white-space: nowrap;text-overflow: ellipsis;overflow: hidden;}
.rank-brief .icon-download {float: right;width: 29px;height: 28px;display: block;margin: 7px 0;background: url("../images/list-icon.png") no-repeat;background-position: -38px -181px;}
/*关注我们*/
.side-title .rtside-title .icon-gzwm {background-position: -0px -461px;}
.focus-us { height: 118px; position: relative; background: url("../images/focus_us.png") no-repeat; margin-top: 20px; }
.focus-us a { width: 40px; height: 64px; display: block; position: absolute; top: 27px; font-size: 16px; color: #666; line-height: 1; text-align: center; }
.focus-us a:hover { color: #8474d7; }
.focus-us a.sina { right: 106px; }
.focus-us a.weixin { right: 36px; }
.focus-us a i { width: 40px; height: 40px; display: block; background: url("http://www.72g.com/templates/news2015/images/inner_sprite.png") no-repeat; margin-bottom: 8px; }
.focus-us a .icon-sina { background-position: -100px -170px; }
.focus-us a .icon-weixin { background-position: -100px -210px; }
.focus-us a:hover .icon-sina { background-position: -140px -170px; }
.focus-us a:hover .icon-weixin { background-position: -140px -210px; }


/*内容页*/
.article { width: 760px; padding: 6px 10px 0; }
.article h1 {font-size: 28px;line-height: 1;color: #8474d7;font-weight: normal;text-align: center;overflow: hidden;white-space: nowrap;text-overflow: ellipsis;overflow: hidden;}
.article-info { font-size: 12px; line-height: 25px; color: #999; text-align: center; padding-top: 15px; overflow: hidden; }
.article-info span { float: left; display: inline; margin-left: 20px; }
.article-info span a { color: #8474d7; }
.article-info span.article-from { margin-left: 134px; }
.article-info span.bds_more { margin: 0; }
.article p { font-size: 16px; line-height: 32px; color: #666; text-indent: 2em; margin: 15px 0; }
.article p img { max-width: 700px; display: block; margin: 0 auto; }
/*标签分享*/
.article-tag { overflow: hidden; }
.article-tag .atl {float: left;height: 24px;line-height: 24px;padding-left: 25px;background: url("../images/list-icon.png") 0px -107px no-repeat;color: #999;}
.article-tag .atl a {color: #fe6674;margin-right: 8px;}
.article-tag .atl a:hover { text-decoration: underline; }
/*广告*/
.ad-flash-760-90 { width: 760px; height: 90px; overflow: hidden; margin-top: 20px; }
.ad-flash-760-160 { width: 760px; height: 160px; overflow: hidden; margin-top: 20px; }
.ad-flash-760-90 img{width: 760px; height: 90px; }
.ad-flash-760-160 img{width: 760px; height: 160px;}
/*上下一篇*/
.news-side {height: 40px;line-height: 40px;overflow: hidden;border: 1px solid #ffb0ce;margin-top: 20px;padding: 0 10px;}
.news-side a { width: 340px; color: #333; text-overflow: ellipsis; white-space: nowrap; overflow: hidden; }
.news-side a.prev { float: left; }
.news-side a.next { float: right; }
.news-side a span { color: #666; }
.news-side a:hover { color: #8474d7; }
/*相关阅读*/
.related { margin-top: 20px; }
.related ul { margin-left: -30px; zoom: 1; overflow: hidden; padding-top: 5px; }
.related li { float: left; margin-left: 30px; width: 350px; height: 30px; padding-left: 15px; background: url("../images/li_arrow.gif") left 10px no-repeat; line-height: 30px; overflow: hidden; border-bottom: 1px dotted #ccc; display: inline; vertical-align: middle; }
.related li a { float: left; width: 300px; white-space: nowrap; text-overflow: ellipsis; overflow: hidden; color: #333; }
.related li a:hover { color: #8474d7; }
.related li em { float: right; width: 50px; text-align: right; color: #999; }
/*广告*/
.ad-bottom { height: 180px; overflow: hidden; padding: 20px 0; }
.ad-bottom .abl { float: left; height: 180px; width: 440px; }
.ad-bottom .abr { float: right; height: 180px; width: 300px; }
.ad-bottom .abl img{height: 180px;  width: 440px; }
.ad-bottom .abr img{ height: 180px;  width: 300px; }
/*右侧游戏介绍*/
.zit { height: 90px; padding: 20px 0 14px 105px; position: relative; }
.zit img { width: 90px; height: 90px; display: block; border-radius: 21px; position: absolute; top: 20px; left: 0; }
.zone-name { height: 24px; font-size: 20px; line-height: 24px; color: #333; }
.zone-name em { width: 138px; height: 24px; display: inline-block; vertical-align: middle; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.zone-name span { width: 40px; height: 18px; display: inline-block; font-size: 12px; line-height: 19px; margin-left: 10px; text-align: center; background: url("../images/game_info.png") no-repeat; vertical-align: middle; color: #fff; }
.zone-score { width: 84px; padding-left: 38px; height: 15px; line-height: 15px; font-size: 14px; color: #ff9e9f; text-align: right; margin: 8px 0 5px 0; background: url("../images/info_star.png") no-repeat; }
.zone-score.star01 { background-position: 0 -80px; }
.zone-score.star02 { background-position: 0 -60px; }
.zone-score.star03 { background-position: 0 -40px; }
.zone-score.star04 { background-position: 0 -20px; }
.zone-score.star05 { background-position: 0 0; }
.zone-item { float: left; width: 100%; font-size: 14px; line-height: 20px; color: #666; overflow: hidden; }
.zone-item span { float: left; color: #999; }
.system_ios, .system_android, .system_all {float: left;width: 37px;height: 17px;margin-top: 4px;background: url(../images/system_icon.png) no-repeat;}
.system_ios { background-position: 0 0; }
.system_android {background-position: 0 -27px;}
.system_all {background-position: 0 -54px;}
.zib { overflow: hidden; line-height: 24px; color: #666; position: relative; }
.zib em { color: #999; }
.zib a {padding-right: 16px;line-height: 14px;font-size: 12px;height: 14px;color: #8474D7;display: block;background: url("../images/list-icon.png")  no-repeat;position: absolute;bottom: 5px;right: 0;}
.zib a.expand {background-position: 16px -405px;}
.zib a.collapse {background-position: 16px -427px;}
.enter-zone {width: 300px;height: 40px;display: block;font-size: 20px;font-weight: bold;color: #fff;line-height: 40px;margin-top: 15px;text-indent: 130px;background: url("../images/enter_zone.jpg") no-repeat;}
.enter-zone:hover { background-position: 0 -40px; }


/*视频页面*/
.vediominacon {width: 1137px;}
.vediominacon li {float: left;width: 265px;height: 222px;background: #fff;margin: 0px 17px 17px 0px;}
.vediominacon li a {display: block;border: 1px solid #eaeaea;}
.vediominacon li a:hover {border: 1px solid #fe6674;}
.vediominacon li a .vedioimgbox {width: 263px;height: 172px;overflow: hidden;position: relative;}
.vediominacon li a .vedioimgbox b {width: 100%;height: 100%;display: none;background: url(../images/zblackbg.png);opacity: 0.5;position: absolute;top: 0;left: 0;}
.vediominacon li a .vedioimgbox i {width: 90px;height: 90px;display: block;position: absolute;top: 50%;left: 50%;margin: -45px 0px 0px -45px;z-index: 2;}
.vediominacon li a .vedioimgbox em {width: 90px;height: 90px;display: block;background: url("../images/bofn.png") center center no-repeat;position: absolute;top: 50%;left: 50%;margin: -45px 0px 0px -45px;cursor: pointer;z-index: 2;transition: 0.6s all ease;}
.vediominacon li a:hover .vedioimgbox b { display: block; }
.vediominacon li a:hover .vedioimgbox i {background: url("../images/bofnsmal-h.png") center center no-repeat;}
.vediominacon li a:hover .vedioimgbox em {background: url("../images/bofnsmal-hw.png") center center no-repeat;transform: rotate(360deg);}
.vediominacon li a h2 {font-size: 14px;color: #333;text-align: center;line-height: 50px;padding: 0px 10px;white-space: nowrap;text-overflow: ellipsis;overflow: hidden;}
.vediominacon li a:hover h2 {color: #fe6674}