.header .nav { border-bottom: none; }

.main .m-t8 { margin-top: 8px; }

.main .m-t30 { margin-top: 30px; }

.main .clearfix:after, .main .clearfix:before { content: ""; display: table; }

.main .clearfix:after { clear: both; }

.main .clearfix { *zoom: 1; }

.main .info-content { width: 1200px; margin: auto; }

.main .info-content .info-top-box { height: 460px; margin-top: 16px; overflow: hidden; }

.main .info-content .info-top-box .info-swiper-box { height: 460px; float: left; width: 800px; }

.main .info-content .info-top-box .info-swiper-box .swiper-slide img { width: 800px; height: 460px; }

.main .info-content .info-top-box .info-swiper-box .swiper-title-box { height: 54px; width: 800px; background: rgba(51, 51, 51, 0.6); position: absolute; left: 0px; bottom: 0px; z-index: 1980002000; }

.main .info-content .info-top-box .info-swiper-box .swiper-title { width: 100%; display: table; height: 54px; overflow: hidden; }

.main .info-content .info-top-box .info-swiper-box .swiper-title .swiper-title-item { display: table-cell; height: 54px; line-height: 54px; font-size: 14px; color: #fff; text-align: center; cursor: pointer; }

.main .info-content .info-top-box .info-swiper-box .swiper-title .swiper-current-title { background: rgba(66, 66, 66, 0.6); color: #ff7327; }

.main .info-content .info-top-box .info-swiper-box .swiper-title-item:hover { color: #FF5B01; }

.main .info-content .info-top-box .info-hot-new { background: #222439; width: 400px; height: 460px; float: right; padding: 24px 24px 0 30px; }

.main .info-content .info-top-box .info-hot-new a { display: block; }

.main .info-content .info-top-box .info-hot-new .hot-one-box { height: 116px; padding-bottom: 16px; }

.main .info-content .info-top-box .info-hot-new .hot-one-box .hot-img-box { width: 145px; height: 100px; overflow: hidden; }

.main .info-content .info-top-box .info-hot-new .hot-one-box .hot-img-box img { width: 145px; height: 100px; object-fit: cover; }

.main .info-content .info-top-box .info-hot-new .hot-one-box > div { float: left; }

.main .info-content .info-top-box .info-hot-new .hot-one-box .hot-title-box { margin-left: 24px; width: 177px; overflow: hidden; margin-top: 10px; }

.main .info-content .info-top-box .info-hot-new .hot-one-box .hot-title-box > p { overflow: hidden; word-break: break-all; }

.main .info-content .info-top-box .info-hot-new .hot-one-box .hot-title-box .hot-tile { font-size: 16px; color: #fff; height: 40px; line-height: 21px; margin-bottom: 7px; }

.main .info-content .info-top-box .info-hot-new .hot-one-box .hot-title-box .hot-tile:hover { color: #FF5B01; }

.main .info-content .info-top-box .info-hot-new .hot-one-box .hot-title-box .hot-zy { font-size: 12px; color: #999; line-height: 18px; height: 33px; }

.main .info-content .info-top-box .info-hot-new .hot-text-title { font-size: 14px; color: #fff; margin-bottom: 12px; line-height: 18px; overflow: hidden; height: 18px; }

.main .info-content .info-top-box .info-hot-new .hot-text-title:hover { color: #ff5b01; }

.main .info-content .info-center-box { margin-bottom: 60px; }

.main .info-content .info-center-box .info-center-left { float: left; width: 800px; padding-right: 24px; }

.main .info-content .info-center-box .info-center-right { float: right; width: 400px; padding-left: 28px; }

.main .info-content .info-center-box .info-center-right .more { margin-right: 0; }

.main .info-content .info-center-box .more { float: right; margin-right: 16px; font-size: 14px; color: #666; line-height: 18px; margin-top: 10px; }

.main .info-content .info-center-box .more i { margin-right: 6px; top: 2px; }

.main .info-content .info-center-box .more:hover { color: #FF5B01; }

.main .info-content .info-center-box .news-type-title { font-size: 24px; font-weight: bold; color: #333; height: 28px; line-height: 28px; margin-bottom: 14px; margin-top: 30px; }

.main .info-content .info-center-box .news-img-text { width: 100px; margin-right: 16px; float: left;margin-bottom: 15px; }

/* 热门资讯：每行第3个卡片不需要右间距（与三列布局对齐） */
.main .info-content .info-center-box .news-img-text:nth-child(3n) { margin-right: 0px; }

.main .info-content .info-center-box .news-img-text > div { width: 100px; height: 100px; overflow: hidden; }

.main .info-content .info-center-box .news-img-text > div img { width: 100px; height: 100px; object-fit: cover;border-radius: 20px;}

.main .info-content .info-center-box .news-img-text p { font-size: 14px; color: #333; text-align: center; margin-top: 5px; height: 18px; line-height: 18px; overflow: hidden; }

.main .info-content .info-center-box .news-img-text p:hover { color: #FF5B01; }

.main .info-content .info-center-box .hot-gift-box .news-img-text > div { height: 100px; }

.main .info-content .info-center-box .hot-gift-box .news-img-text > div img { height: 100px; }

.main .info-content .info-center-box .news-line { width: 372px; margin-right: 16px; border-top: 1px solid #ededed; padding-bottom: 2px; float: left; margin-top: 14px; }

.main .info-content .info-center-box .text-title a { height: 18px; width: 372px; line-height: 18px; overflow: hidden; font-size: 14px; color: #333; margin-top: 12px; float: left; margin-right: 16px; }

.main .info-content .info-center-box .text-title a:hover { color: #FF5B01; }

.main .info-content .info-center-box .info-list-left { width: 770px; padding-right: 30px; }

.main .info-content .info-center-box .info-list { display: table; border-bottom: 1px solid #ededed; margin-bottom: 16px; height: 151px; padding-bottom: 16px; }

.main .info-content .info-center-box .info-list .info-list-img { width: 195px; height: 135px; display: table-cell; vertical-align: middle; margin-right: 16px; margin-bottom: 16px; }

.main .info-content .info-center-box .info-list .info-list-img img { width: 195px; height: 135px; object-fit: cover; display: block; }

.main .info-content .info-center-box .info-list .info-list-introduce { width: 529px; display: table-cell; vertical-align: middle; padding-left: 16px; }

.main .info-content .info-center-box .info-list .info-list-introduce .info-list-title { font-size: 16px; color: #333; font-weight: bold; margin-bottom: 12px; line-height: 24px; max-height: 48px; overflow: hidden; }

.main .info-content .info-center-box .info-list .info-list-introduce .info-list-title:hover { color: #FF5B01; }

.main .info-content .info-center-box .info-list .info-list-introduce div { height: 39px; line-height: 21px; color: #666; font-size: 14px; overflow: hidden; }

.main .info-content .info-center-box .info-list .info-list-introduce .info-time { font-size: 14px; color: #999; margin-top: 12px; height: 18px; line-height: 18px; }

.main .info-content .info-tra-box { border-bottom: 1px solid #ededed; }

.main .info-content .border-top-ed { border-top: 1px solid #ededed; min-height: 50px; }

.main .info-content .info-title-num { width: 42px; color: #bfbfbf; font-size: 14px; text-align: center; }

.main .info-content .info-hover-style { font-size: 16px; font-weight: bold; }

.main .info-content .color-e74 { color: #e74240; }

.main .info-content .color-ed7 { color: #ed713d; }

.main .info-content .color-feb { color: #feb185; }

.main .info-content .right-text-title { height: 56px; line-height: 56px; }

.main .info-content .right-text-title .info-title-num, .main .info-content .right-text-title .info-game-name { float: left; }

.main .info-content .right-text-title .info-game-name { font-size: 14px; color: #333; width: 260px; overflow: hidden; height: 56px; }

.main .info-content .right-text-title .info-game-type { float: right; font-size: 12px; color: #999; width: 68px; overflow: hidden; text-align: right; height: 56px; }

.main .info-content .tra-Ranking .right-text-and-img .right-game-title, .main .info-content .tra-Ranking .right-text-and-img .right-game-type { width: 186px; }

.main .info-content .right-text-and-img { height: 81px; }

.main .info-content .right-text-and-img .info-tra-box { display: block; }

.main .info-content .right-text-and-img .tra-img { width: 60px; height: 60px; margin-top: 10.5px; margin-right: 16px; }

.main .info-content .right-text-and-img .tra-img img { width: 60px; height: 60px; object-fit: cover; border-radius: 16px; }

.main .info-content .right-text-and-img .right-game-title { height: 20px; line-height: 20px; font-size: 14px; color: #333; margin-top: 18.5px; display: block; cursor: pointer; width: 174px; overflow: hidden; }

.main .info-content .right-text-and-img .right-game-title:hover { color: #FF5B01; }

.main .info-content .right-text-and-img .right-game-type { font-size: 12px; color: #999; height: 16px; line-height: 16px; margin-top: 8px; width: 174px; overflow: hidden; }

.main .info-content .right-text-and-img .come-in-btn { width: 68px; height: 24px; line-height: 22px; text-align: center; border: 1px solid #0E56A6; color: #0E56A6; font-size: 12px; margin-top: 28.5px; float: right; cursor: pointer; }

.main .info-content .right-text-and-img .come-in-btn:hover { background: #0E56A6; color: #fff; }

.main .info-content .right-text-and-img .info-title-num { height: 80px; line-height: 80px; }

.main .info-content .star-box { height: 13px; line-height: 13px; margin-top: 8px; }

.main .info-content .down-Ranking .right-game-title { margin-top: 18.5px; }

.main .info-content .down-Ranking .right-text-and-img { height: 102px; }

.main .info-content .down-Ranking .right-text-and-img .info-title-num { height: 102px; line-height: 102px; }

.main .info-content .down-Ranking .come-in-btn { margin-top: 39px; }

.main .info-content .down-Ranking .tra-img { height: 72px; width: 72px; cursor: pointer; margin-top: 15px; }

.main .info-content .down-Ranking .tra-img img { height: 72px; width: 72px; }

.main .left { float: left; }

.main .down-box-model { position: fixed; z-index: 1980002001; }

.main .info-list-nav { height: 60px; width: 100%; background: #333333; }

.main .info-list-nav .info-tabar { width: 1200px; margin: auto; }

.main .info-list-nav .info-tabar-item { font-size: 16px; color: #D6D6D6; text-align: center; cursor: pointer; float: left; text-align: center; margin-right: 40px; display: inline-block; height: 60px; line-height: 58px; color: #fff; }

.main .info-list-nav .info-tabar-item:hover { color: #FF5B01; }

.main .info-list-nav .active-tabar, .main .info-list-nav .active-tabar:hover { color: #FF5B01; font-weight: bold; border-bottom: 2px solid #FF5B01; }

.main #pagination-box { margin-top: 16px; }

.main #pagination-box span, .main #pagination-box .current-index-box, .main #pagination-box .ui-pagination-page-btn { display: none; }

.main #pagination-box .ui-pagination-container { text-align: center; }

.main #pagination-box .ui-pagination-container .ui-pagination-page-item { float: none; }

.main .news-detail-title { text-align: center; font-size: 24px; color: #333; margin-top: 30px; margin-bottom: 12px; line-height: 28px; font-weight: bold; }

.main .news-detail-title2 { text-align: center; display: table; width: 100%; }

.main .news-detail-title2 span { font-size: 12px; height: 16px; line-height: 16px; color: #999; }

.main .news-detail-title2 .p-r16 { padding-right: 16px; }

.main .news-detail-content { font-size: 14px; line-height: 28px; color: #666; margin-top: 28px; }

.main .news-detail-content img { max-width: 740px; }

.main .detail-foot { margin-top: 60px; }

.main .detail-foot a { width: 286px; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; height: 16px; line-height: 16px; font-size: 14px; color: #666; float: left; }

.main .detail-foot a:hover { color: #FF5B01; }

.main .detail-foot .m-r120 { margin-right: 120px; }