:root {
    --pm-c: #fd8610
}

.news-left {
    width: 837px;
}

.news-right {
    width: 294px;
}

.fixed {
    display: flex;
    margin: 18px 0;
    font-size: 12px;
    color: #999;
    margin-top: 0;
}

.fixed a {
    color: #999;
}

.fixed a:hover {
    color: var(--public-color)
}

.news-tabs ul {
    display: flex;
    flex-wrap: wrap;
}

.news-tabs ul li {
    width: 120px;
    height: 40px;
    line-height: 40px;
    background-color: #f6f6f6;
    text-align: center;
    margin-right: 6px;
}

.news-tabs ul li a {
    font-size: 16px;
    color: #666;
}

.news-tabs ul li.active,
.news-tabs ul li:hover {
    background: #fff8f2;
}

.news-tabs ul li.active a,
.news-tabs ul li:hover a {
    color: #fd8610;
}

.news-list ul li {
    display: flex;
    justify-content: space-between;
    border-bottom: 1px dashed #dcdcdc;
    padding-bottom: 24px;
    margin-top: 25px;
}

.news-list ul li .img {
    width: 235px;
    height: 155px;
    border-radius: 10px;
}

.news-list ul li .img img {
    width: 235px;
    height: 155px;
    border-radius: 10px;
}

.news-list ul li .info {
    height: 155px;
    margin-left: 22px;
}

.news-list ul li .info p.t2 {
    color: #888;
    font-size: 14px;
    line-height: 28px;
}

.news-list ul li .info .name {
    font-size: 18px;
    color: #333;
    font-weight: bold;
    margin-top: 8px;
}

.news-list ul li .info .type {
    min-width: 80px;
    padding: 0 10px;
    line-height: 24px;
    height: 26px;
    border-radius: 13px;
    font-size: 12px;
    color: #fd8610;
    border: solid 1px #fd8610;
    text-align: center;
    margin-bottom: 3px;
}

.news-list ul li .info .time {
    display: flex;
    align-items: center;
    font-size: 12px;
    color: #999;
    margin-bottom: 3px;
}

.news-list ul li .info .time img {
    margin-right: 10px;
}

.pagination {
    width: 100%;
    padding: 80px 0;
    text-align: center;
    font-size: 14px;
    color: #999;
}

.pagination li {
    display: inline-block;
    margin: 0 4px;
}

.pagination a {
    display: inline-block;
    margin: 0 4px;
    padding: 5px 13px;
    border: 1px solid #d2d2d2;
    border-radius: 2px;
    transition: all .3s ease;
    color: #999;
}

.pagination a.current span.page-link {
    display: block;
    padding: 5px 13px;
    background: #fd8610;
    color: #fff;
    border: 1px solid #fd8610;
}

.pagination a.current{
    padding: 5px 13px;
    background: #fd8610;
    color: #fff;
    border: 1px solid #fd8610;
}

.pagination li a {
    display: block;
    padding: 5px 13px;
    border: 1px solid #d2d2d2;
    border-radius: 2px;
    transition: all .3s ease;
    color: #999;
}

.pagination li a:hover,
.pagination li.on a {
    background: #fd8610;
    color: #fff;
    border: 1px solid #fd8610;
}

.pagination a:hover,
.pagination a.on{
    background: #fd8610;
    color: #fff;
    border: 1px solid #fd8610;
}

.side-box {
    margin-bottom: 25px;
}

.side-box:last-child {
    position: sticky;
    top: 20px;
}

.side-hot-recoment {
    width: 100%;
    border-bottom: 1px dashed #eee;
    padding-bottom: 18px;
}

.side-hot-recoment .img {
    width: 294px;
    height: 163px;
    border-radius: 10px;
}

.side-hot-recoment .img img {
    width: 294px;
    height: 163px;
    border-radius: 10px;
}

.side-hot-recoment .name {
    font-size: 16px;
    color: #333;
    margin-top: 18px;
}

.side-hot-recoment p {
    font-size: 14px;
    color: #999;
    margin-top: 16px;
}

.side-hot-list ul li {
    display: flex;
    justify-content: space-between;
    align-items: center;
    border-bottom: 1px dashed #eee;
    padding-bottom: 18px;
    margin-top: 18px;
}

.side-hot-list ul li .img {
    width: 110px;
    height: 80px;
    border-radius: 10px;
}

.side-hot-list ul li .img img {
    width: 110px;
    height: 80px;
    border-radius: 10px;
}

.side-hot-list ul li .info {
    margin-left: 17px;
    font-size: 14px;
    color: #999;
}

.side-hot-list ul li .t2 {
    line-height: 26px;
    margin-bottom: 8px;
    font-size: 16px;
    color: #333;
}

.article-top {
    text-align: center;
    border-bottom: 1px dashed #dcdcdc;
    margin-bottom: 30px;
    padding-bottom: 30px;
}

.article-top h1 {
    font-size: 28px;
    color: #333;
    font-weight: bold;
    margin-top: 0;
    margin-bottom: 50px;
    line-height: 40px;
    margin-top: 60px;
}

.article-top p {
    display: flex;
    justify-content: center;
    font-size: 14px;
    color: #999;
}

.article-top p span:not(:last-child) {
    margin-right: 15px;
}


.article-content {
    font-size: 16px;
    color: #666;
    line-height: 30px;
    text-indent: 2em;
    margin: 0 14px;
}

.article-content p {
    margin: 14px 0;
    line-height: 35px;
}

.article-content p a {
    display: inline;
    color: var(--public-color)
}

.article-content p iframe {
    display: block;
    margin: 0 auto;
    max-width: 70%;
}

.article-content p img {
    display: block;
    margin: 0 auto;
    max-width: 70%;
}

.article-next {
    height: 115px;
    display: flex;
    flex-direction: column;
    justify-content: center;
    background-color: #f6f6f6;
    padding-left: 24px;
}

.article-next a {
    font-size: 16px;
    color: #999;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.article-next a:first-child {
    margin-bottom: 20px;
}

.left-box {
    margin-top: 24px;
}

.show-left-lr ul {
    display: flex;
    flex-wrap: wrap;
}

.show-left-lr ul li {
    width: 260px;
    height: 102px;
    background-color: #f6f6f6;
    border-radius: 10px;
    margin-right: 28px;
    position: relative;
    margin-top: 38px;
    margin-bottom: 10px;
}

.show-left-lr ul li:nth-child(3n) {
    margin-right: 0;
}

.show-left-lr ul li .img {
    position: absolute;
    width: 78px;
    height: 78px;
    border-radius: 10px;
    left: 16px;
    top: -24px;
}

.show-left-lr ul li .img img {
    width: 78px;
    height: 78px;
    border-radius: 10px;
}

.show-left-lr ul li .name {
    margin-left: 107px;
    margin-right: 10px;
    margin-top: 18px;
    font-size: 16px;
    color: #333;
}

.show-left-lr ul li p {
    margin-top: 32px;
    margin-left: 16px;
    font-size: 14px;
    color: #666;
}

.show-left-lr ul li .down {
    width: 39px;
    height: 28px;
    background-color: #fd8610;
    border-radius: 14px 0px 0px 14px;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 0;
    position: absolute;
    right: 0;
    bottom: 19px
}

.show-left-lr ul li:hover .down {
    width: 72px;
    font-size: 14px;
    color: #fff;
}

.show-left-lr ul li:hover .down img {
    margin-right: 5px;
}

.game-tabs {
    background: url('../images/game_tabs_bg.png')no-repeat center;
    height: 189px;
    padding-top: 20px;
    padding-left: 20px;
}

.soft-tabs {
    background: url('../images/soft_tabs_bg.png')no-repeat center;
}

.about-tabs{
    background: url('../images/about_tabs_bg.png')no-repeat center;
}

.rank-tabs{
    background: url('../images/rank_tabs_bg.png')no-repeat center;
}

.game-tabs ul {
    display: flex;
    flex-wrap: wrap;
    margin-right: 360px;
}

.about-tabs ul{
    margin-right: 450px;
}

.rank-tabs ul{
    margin-right: 250px;
}

.game-tabs ul li {
    margin-right: 10px;
    margin-bottom: 10px;
}

.game-tabs ul li a {
    width: 120px;
    height: 40px;
    border-radius: 4px;
    border: solid 1px #eee4d9;
    text-align: center;
    line-height: 38px;
    font-size: 16px;
    color: #666;
}

.rank-tabs ul li a {
    width: 160px;
}

.game-tabs ul li.active a,
.game-tabs ul li:hover a {
    background-color: #fd8610;
    border: solid 1px #fd8610;
    color: #fff;
    font-weight: bold;
}

.game-list ul {
    display: flex;
    flex-wrap: wrap;
}

.game-list ul li {
    width: 375px;
    margin-right: 17px;
    margin-top: 10px;
    margin-bottom: 15px;
}

.game-list ul li:nth-child(3n) {
    margin-right: 0;
}

.game-list ul li .top {
    height: 47px;
    background-color: #f6f6f6;
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 0 17px;
    font-size: 14px;
    color: #999;
    position: relative;
}

.game-list ul li .top::after {
    position: absolute;
    content: '';
    bottom: 0;
    left: 27px;
    width: 0;
    height: 0;
    border-left: 11px solid transparent;
    border-right: 11px solid transparent;
    border-bottom: 10px solid white;
}

.game-list ul li .name {
    font-size: 16px;
    color: #333;
    font-weight: bold;
    margin-right: 10px;
}

.game-list ul li .name span.num{
    width: 64px;
    height: 22px;
    display: inline-block;
    text-align: center;
    line-height: 22px;
    font-size: 14px;
    color:#fff;
    background: url('../images/album_show_num.png')no-repeat center;
    font-weight: normal;
    padding-left: 5px;
}

.game-list ul li:nth-child(-n+3) span.num{
    background: url('../images/album_show_num1.png')no-repeat center;
}

.game-list ul li .bottom {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-top: 20px;
}

.game-list ul li .img {
    width: 90px;
    height: 90px;
    border-radius: 10px;
}

.game-list ul li .img img {
    width: 90px;
    height: 90px;
    border-radius: 10px;
}

.game-list ul li .info {
    margin-left: 14px;
    margin-right: 14px;
    font-size: 14px;
    color: #666;
}

.game-list ul li .info p:first-child {
    margin-bottom: 15px;
}

.game-list ul li .down {
    width: 89px;
    height: 36px;
    border-radius: 6px;
    border: solid 1px #fd8610;
    text-align: center;
    line-height: 34px;
    font-size: 14px;
    color: #fd8610;
}

.game-list ul li:hover .top {
    background: #fd8610;
    color: #fff;
}

.game-list ul li:hover .top .name {
    color: #fff;
}

.game-list ul li:hover .down {
    background: #fd8610;
    color: #fff;
}

.game-show-top {
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.game-show-top .img {
    width: 150px;
    height: 150px;
    border-radius: 20px;
}

.game-show-top .info {
    margin-left: 24px;
    margin-right: 24px;
    font-size: 16px;
    color: #666;
    flex: 1;
}

.game-show-top .info p {
    display: flex;
    margin: 24px 0;
}

.game-show-top .info p span {
    min-width: 250px;
}

.game-show h1 {
    height: 47px;
    line-height: 47px;
    padding-left: 20px;
    font-size: 22px;
    color: #333;
    font-weight: bold;
    background: linear-gradient(to right, #f6f6f6, #fff)
}

.game-show-soft {
    background: url('../images/game_scope.png')no-repeat center;
    width: 158px;
    height: 150px;
    margin-right: 24px;
    text-align: center;
    line-height: 130px;
    font-size: 52px;
    font-weight: bold;
    color: #cc6600;
    letter-spacing: -5px;
}

.soft-show-scope{
    background: url('../images/soft_scope.png')no-repeat center;
}

.gift-show-scope{
    background: url('../images/gift_scope.png')no-repeat center;
}

.game-show-soft span {
    font-size: 12px;
}

.game-show-right {
    margin-right: 10px;
}

.game-show-right p {
    display: flex;
    align-items: center;
    font-size: 12px;
    color: #999;
    margin: 16px 0;
}

.game-show-right p span {
    width: 114px;
    height: 5px;
    background-color: #eeeeee;
    margin-left: 15px;
    position: relative;
}

.game-show-right p span::after {
    content: '';
    position: absolute;
    left: 0;
    top: 0;
    height: 5px;
    background-color: #ffc35a;
    width: 20px;
}

.game-show-right p:nth-child(1) span::after {
    width: 10px;
}

.game-show-right p:nth-child(2) span::after {
    width: 60px;
}

.game-show-right p:nth-child(3) span::after {
    width: 50px;
}

.game-show-right p:nth-child(4) span::after {
    width: 90px;
}

.btn-code {
    display: none;
    position: absolute;
    left: 13px;
    bottom: -175px;
    width: 155px;
    height: 177px;
    background-color: #ffffff;
    box-shadow: 0px 0px 16px 0px rgba(100, 100, 100, 0.22);
    border: solid 1px #ffffff;
    text-align: center;
    font-size: 14px;
    color: #999;
    overflow: hidden;
    z-index: 99;
}

.btn-code img {
    width: 125px;
    height: 125px;
    margin-top: 8px;
    margin-bottom: 7px;
}

.btn-code p img {
    height: auto;
    width: auto;
    margin: 0;
}

.show-down {
    display: flex;
    margin-top: 10px;
    margin-bottom: 20px;
}

.show-down>div {
    position: relative;
    width: 179px;
    height: 50px;
    display: flex;
    justify-content: center;
    align-items: center;
    font-size: 16px;
    color: #fff;
    background-color: #fca93d;
    border-radius: 10px;
    font-weight: bold;
}

.show-down>div>img {
    margin-right: 15px;
}

.show-down .no-down img {
    margin-right: 0;
}

.show-down>div:first-child {
    background-color: #ff897e;
    margin-right: 20px;
}

.show-down>div:hover>.btn-code {
    display: block;
}





.show-down>a {
    position: relative;
    width: 179px;
    height: 50px;
    display: flex;
    justify-content: center;
    align-items: center;
    font-size: 16px;
    color: #fff;
    background-color: #fca93d;
    border-radius: 10px;
    font-weight: bold;
}

.show-down>a>img {
    margin-right: 15px;
}

.show-down .no-down img {
    margin-right: 0;
}

.show-down>a:first-child {
    background-color: #ff897e;
    margin-right: 20px;
}

.show-down>a:hover>.btn-code {
    display: block;
}




.game-down-href {
    width: 179px;
    height: 50px;
    display: flex;
    justify-content: center;
    align-items: center;
    font-size: 16px;
    color: #fff;
    background-color: #ff897e;
    border-radius: 10px;
    margin-right: 15px;
    font-weight: bold;
}

.game-down-href img {
    margin-right: 15px;
}

.game-down-href:hover {
    color: #fff;
}

.gift-down-href img {
    margin-right: 15px;
}

.gift-down-href:hover {
    color: #fff;
}

.gift-down-href {
    width: 179px;
    height: 50px;
    display: flex;
    justify-content: center;
    align-items: center;
    font-size: 16px;
    color: #fff;
    background: #fca93d;
    border-radius: 10px;
    margin-right: 15px;
    font-weight: bold;
}

.game-content {
    line-height: 35px;
    text-indent: 2em;
}

.game-content p {
    font-size: 16px;
    color: #666;
    margin: 14px 0;
}

.game-content p img {
    max-width: 80%;
}

.game-content h2,
.game-content h3 {
    height: 40px;
    background-color: #fff8f2;
    line-height: 40px;
    border-left: 5px solid #fd8610;
    padding-left: 12px;
    font-size: 16px;
    color: #333;
    text-indent: 0;
    font-weight: bold;
}

.game-show-swiper {
    position: relative;
    overflow: hidden;
    flex: 1;
}

.game-show-swiper img {
    width: 100%;
    height: 100%;
}

.game-swiper {
    margin-top: 15px;
    display: flex;
    justify-content: space-between;
    position: relative;
}

.show-left-gl>.left {
    width: 499px;
}

.side-same-comment ul {
    display: flex;
    flex-wrap: wrap;
}

.side-same-comment ul li {
    width: 80px;
    margin-right: 27px;
    text-align: center;
    font-size: 14px;
    color:#999;
    margin-top: 10px;
    margin-bottom: 15px;
}

.side-same-comment ul li:nth-child(3n) {
    margin-right: 0;
}

.side-same-comment ul li .img {
    width: 80px;
    height: 80px;
    border-radius: 10px;
}

.side-same-comment ul li .img img {
    width: 80px;
    height: 80px;
    border-radius: 10px;
}

.side-same-comment ul li .name {
    font-size: 16px;
    color: #333;
    margin:18px 0;
}

.side-same-comment ul li .down{
    width: 80px;
	height: 34px;
	border-radius: 6px;
	border: solid 1px #fd8610;
    text-align: center;
    line-height: 32px;
    font-size: 16px;
    color:#fd8610;
    margin-top: 15px;
}

.side-same-comment ul li:hover .down{
    background: #fd8610;
    color:#fff;
}

.album-list ul{
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
}

.album-list ul li{
    display: flex;
    justify-content: space-between;
    width: 570px;
	height: 188px;
	background-color: #ffffff;
	border-radius: 4px;
	border: solid 1px #eeeeee;
    margin-top: 66px;
}

.album-list ul li .left{
    display: flex;
    flex-direction: column;
    align-items: center;
    width: 149px;
    background-color: #f6f6f6;
    height: 186px;
    font-size: 14px;
    color:#888;
    position: relative;
}

.album-list ul li .left::after{
    position: absolute;
    content: '';
    border-right: 17px solid white;
    border-top: 10px solid transparent;
    border-bottom: 10px solid transparent;
    top:50%;
    right:0;
    margin-top: -10px;
}

.album-list ul li .left p{
    margin-bottom: 15px;
}

.album-list ul li .img{
    width: 110px;
	height: 110px;
	border-radius: 20px;
    margin-top: -30px;
    margin-bottom: 30px;
}

.album-list ul li .img img{
    width: 110px;
	height: 110px;
	border-radius: 20px;
}

.album-list ul li .right{
    flex:1;
    overflow: hidden;
    padding:20px;
    font-size: 14px;
    color:#999;
}

.album-list ul li .bottom{
    display: flex;
    align-items: center;
    margin-top: 30px;
}

.album-list ul li .bottom .img{
    width: 50px;
	height: 50px;
    border-radius: 50%;
    margin:0;
    margin-right: 20px;
}

.album-list ul li .bottom .img img{
    width: 50px;
	height: 50px;
    border-radius: 50%;
}

.album-list ul li .name{
    font-size: 18px;
    color:#333;
    font-weight: bold;
    margin-bottom: 16px;
}

.album-list ul li .info{
    margin-right: 10px;
}

.album-list ul li  .down{
    width: 70px;
	height: 38px;
	background-color: #fd8610;
	border-radius: 6px;
	border: solid 1px #fd8610;
    text-align: center;
    line-height: 36px;
    color:#fff;
}

.album-show-top{
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.album-show-top .img{
    width: 150px;
	height: 150px;
	border-radius: 20px;
}

.album-show-top .info{
    margin:0 20px;
    font-size: 16px;
    color:#666;
}

.album-show-top .info p{
    display: flex;
    align-items: center;
    margin: 27px 0;
}

.album-show-top .info p span{
    margin-right: 150px;
}

.album-show-top .info p a{
    width: 170px;
	height: 30px;
	background-color: #fff8f1;
	border-radius: 6px;
    line-height: 30px;
    font-size: 14px;
    color:#fd8610;
    text-align: center;
    padding:0 10px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    margin-left: 10px;
}

.album-show-game{
    background: url('../images/album_comment.png')no-repeat center;
    width: 325px;
	height: 157px;
    display: flex;
    align-items: center;
    justify-content: space-between;
    position: relative;
    padding-left: 20px;
    padding-top: 32px;
}

.album-show-game .down{
    position: absolute;
    top:65px;
    right:16px;
}

.album-show-game .img{
    width: 80px;
	height: 80px;
	border-radius: 10px;
}

.album-show-game .img img{
    width: 80px;
	height: 80px;
	border-radius: 10px;
}

.album-show-game .info{
    display: flex;
    flex-direction: column;
    height: 76px;
    justify-content: space-between;
    font-size: 14px;
    color:#666;
}

.album-show-game .name{
    font-size: 18px;
    color:#333;
    font-weight: bold;
}

.album-show-game .info p{
    margin:0;
    display: block;
}

.album-game-list ul li:hover .top{
    background:#f6f6f6;
    color:#999;
}

.album-game-list ul li:hover .top .name{
    color:#333;
}

.search-msg{
    color:#fd8610;
    font-size: 18px;
    margin:30px 0;
}

.gift-list ul li{
    display: flex;
    justify-content: space-between;
    margin-top: 20px;
    margin-bottom: 25px;
}

.gift-list ul li .img{
	width: 90px;
	height: 90px;
	border-radius: 10px;
}

.gift-list ul li .img img{
	width: 90px;
	height: 90px;
	border-radius: 10px;
}

.gift-list ul li .info{
    height: 88px;
    justify-content: space-between;
    margin-right: 20px;
}

.gift-list ul li .right{
    border-bottom: 1px dashed #dcdcdc;
    padding-bottom: 22px;
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-left: 20px;
    font-size: 14px;
    color:#888;
}

.gift-list ul li .name{
    font-size: 16px;
    color:#333;
    font-weight: bold;
}

.gift-list ul li .down{
    width: 50px;
	height: 50px;
	background-color: #fd8610;
    border-radius: 50%;
    text-align: center;
    line-height: 50px;
    font-size: 0;
    background-image: url('../images/gift_down.png');
    background-position: center;
    background-repeat: no-repeat;
    transition: all 0s;
}

.gift-list ul li:hover .down{
    background-image: none;
    font-size: 20px;
    color:#fff;
    font-weight: bold;
}

.side-hot-gift ul li{
    display: flex;
    justify-content: space-between;
    align-items: center;
    position: relative;
    margin-top: 20px;
}

.side-hot-gift ul li .img{
    width: 80px;
	height: 80px;
	border-radius: 10px;
}

.side-hot-gift ul li .img img{
    width: 80px;
	height: 80px;
	border-radius: 10px;
}

.side-hot-gift ul li .info{
    display: flex;
    flex-direction: column;
    height: 75px;
    justify-content: space-between;
    font-size: 14px;
    color:#888;
    line-height: 24px;
    margin-left: 16px;
}

.side-hot-gift ul li .name{
    font-size: 16px;
    color:#333;
    margin-bottom: 6px;
}

.side-hot-gift ul li .t2{
    margin-right: 84px;
}

.side-hot-gift ul li .down{
    position: absolute;
    right:0;
    bottom:5px;
    width: 70px;
	height: 34px;
	border-radius: 6px;
	border: solid 1px #fd8610;
    text-align: center;
    line-height: 32px;
    color:#fd8610;
    font-size: 16px;
}

.side-gift-rb ul li{
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin:17px 0;
}

.side-gift-rb ul li .tags{
    font-size: 14px;
    color:#999;
}

.side-gift-rb ul li .name{
    font-size: 16px;
    color:#333;
    margin:0 7px;
}

.side-gift-rb ul li .get{
    font-size: 14px;
    color:#fd8610
}

.gift-model {
    position: fixed;
    height: 100%;
    width: 100%;
    left: 0;
    top: 0;
    background: rgba(0, 0, 0, 0.4);
    z-index: 999999999999;
}

.gift-show-pop {
    width: 379px;
	height: 327px;
	background-color: #ffffff;
	border-radius: 10px;
    position: relative;
    text-align: center;
    margin:0 auto;
    margin-top: 225px;
}

.gift-show-pop>.img{
    margin-top: -76px;
}

.gift-title{
    margin-top: 33px;
    font-size: 22px;
    color:#fd8610;
    font-weight: bold;
}

.gift-show-close {
    width: 21px;
	height: 22px;
	background: url('../images/close.png')no-repeat center;
    text-align: center;
    font-size: 18px;
    cursor: pointer;
    position: absolute;
    top:23px;
    right:23px;
}


.gift-show-code {
    margin-top: 33px;
    color: #666;
    font-size: 16px;
}

#gift-btn {
    width: 100%;
    background-color: #fd8610;
	border-radius: 10px;
    cursor: pointer;
    text-align: center;
    line-height: 50px;
    font-size: 16px;
    color:#fff;
    font-weight: bold;
}

.goft-show-btn{
    display: flex;
    justify-content: center;
    width: 100%;
    margin-top: 48px;
    padding:0 40px;
}

.show-xg-gift ul li{
    display: flex;
    justify-content: space-between;
    margin-top: 25px;
}

.show-xg-gift ul li .down{
    width: 50px;
    height: 50px;
    background-color: #fd8610;
    border-radius: 50%;
    text-align: center;
    line-height: 50px;
    font-size: 0;
    background-image: url(../images/gift_down.png);
    background-position: center;
    background-repeat: no-repeat;
}

.show-xg-gift ul li .right{
    border-bottom: 1px dashed #dcdcdc;
    padding-bottom: 22px;
    font-size: 14px;
    color:#888;
    margin-left: 20px;
}

.show-xg-gift ul li .top{
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin-bottom: 15px;
}

.show-xg-gift ul li .name{
    font-size: 16px;
    color:#333;
    font-weight: bold;
    margin-right: 20px;
}

.show-xg-gift ul li .time{
    font-size: 14px;
    color:#888;
}


.no-found-body{
    height:900px;
    display: flex;
    flex-direction: column;
    align-items: center;
    padding-top: 258px;
}

.no-found-body p{
    margin-top: 43px;
    font-size: 18px;
    color:#666;
}

.no-found-body img{
    margin-right: 30px;
}

.no-found-body a{
    width: 138px;
	height: 41px;
	background-color: #ffa073;
	border-radius: 21px;
    font-size: 16px;
    font-weight: bold;
    color:#fff;
    text-align: center;
    line-height: 41px;
    margin-top: 35px;
}

.about-content {
    line-height: 35px;
    font-size: 16px;
    color: #666;
    text-indent: 2em;
}

.about-content  p{
    margin:15px 0;
}

.about-content h2,.about-content h3{
    font-size: 16px;
    color:#333;
    font-weight: bold;
    text-indent: 0em;
}

.map-box{
    margin-top: 30px;
}

.map-list{
    display: flex;
    flex-wrap: wrap;
}

.map-list a{
    width: 120px;
	height: 40px;
	background-color: #f6f6f6;
    text-align: center;
    line-height: 40px;
    margin-right: 6px;
    margin-bottom: 6px;
}

.map-rank-list a{
    width: 173px;
    margin-right: 10px;
    margin-bottom: 10px;
}

.public-rank ul li{
    margin-top: 20px;
    margin-bottom: 30px;
}

.public-rank ul li .top{
    display: flex;
    align-items: center;
    height: 47px;
	background-color: #f6f6f6;
    padding-left: 19px;
    position: relative;
}

.public-rank ul li .top::after {
    position: absolute;
    content: '';
    bottom: 0;
    left: 27px;
    width: 0;
    height: 0;
    border-left: 11px solid transparent;
    border-right: 11px solid transparent;
    border-bottom: 10px solid white;
}

.public-rank ul li .top>img{
    margin-left: 6px;
}

.public-rank ul li .name{
    font-size: 16px;
    color:#333;
    font-weight: bold;
    margin-right: 4px;
}

.public-rank ul li .num{
    position: absolute;
    right:39px;
    top:0;
    width: 49px;
    height: 68px;
    background: url('../images/rank_num.png')no-repeat center;
    text-align: center;
    line-height: 80px;
    font-size: 18px;
    color:#fff;
    font-weight: bold;
}

.public-rank ul li:nth-child(-n+3) .num{
    background: url('../images/rank_first_num.png')no-repeat center;
}

.public-rank ul li .bottom{
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-top: 20px;
}

.public-rank ul li .img{
    width: 90px;
	height: 90px;
	border-radius: 10px;
}

.public-rank ul li .img img{
    width: 90px;
	height: 90px;
	border-radius: 10px;
}

.public-rank ul li .info{
    margin:0 20px;
    font-size: 15px;
    color:#777;
    margin-right: 60px;
}

.public-rank ul li .info p:first-child{
    margin-bottom: 20px;
}

.public-rank ul li .info span:not(:last-child){
    margin-right: 50px;
}

.public-rank ul li .down{
    width: 120px;
	height: 42px;
	border-radius: 6px;
	border: solid 1px #fd8610;
    line-height: 40px;
    color:#fd8610;
    font-size: 14px;
    margin-right: 5px;
    display: flex;
    justify-content: center;
    align-items: center;
}

.public-rank ul li:hover .down{
    background: #fd8610;
    color:#fff;
}

.public-rank ul li .down span{
    width: 17px;
	height: 17px;
    background: url('../images/rank_down.png')no-repeat center;
    background-size: 17px 17px;
    margin-right: 8px;
}

.public-rank ul li:hover .down span{
    background: url('../images/lr_down.png')no-repeat center;
    background-size: 17px 17px;
}

.list-rank ul{
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
}

.list-rank ul li{
    display: flex;
    justify-content: space-between;
    align-items: center;
    width: 570px;
	height: 240px;
	background-color: #fcfcfc;
    padding:20px;
    font-size: 14x;
    color:#999;
    margin-top: 20px;
}

.list-rank ul li:hover{
    background: #FFF9F4;
}

.list-rank ul li .item-list{
    display: flex;
    align-items: center;
}

.list-rank ul li .right{
    width: 60px;
	height: 144px;
	border-radius: 10px;
	border: solid 1px #d2d2d2;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    font-size: 16px;
    color:#999;
    line-height: 25px;
    padding:0 13px;
}

.list-rank ul li:hover .right{
    border: solid 1px #fd8610;
    color:#fd8610;
}

.list-rank ul li:hover .right>span{
    background: url('../images/list_rank_active.png')no-repeat center;
}

.list-rank ul li .right>span{
    width: 32px;
	height: 29px;
    background: url('../images/list_rank_ico.png')no-repeat center;
    margin-bottom: 10px;
}

.list-rank ul li .right>i{
    margin:0 5px;
    font-style:normal;
    text-align: center;
    line-height: 26px;
}

.list-rank ul li .name{
    font-size: 20px;
    color:#2c2c34;
    font-weight: bold;
    margin-bottom: 24px;
}

.list-rank ul li  .item{
    display: flex;
    flex-direction: column;
    width: 70px;
    margin-top: 22px;
    margin-right: 20px;
}

.list-rank ul li  .item img{
    width: 56px;
	height: 56px;
    border-radius: 50%;
    margin:0 auto;
}

.list-rank ul li  .item p{
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    font-size: 14px;
    color:#888;
    margin-top: 16px;
    text-align: center;
}

.rank-show-top{
    background: url(../images/rank_tabs_bg.png)no-repeat center;
    height: 189px;
    display: flex;
    flex-direction: column;
    justify-content: space-around;
    align-items: center;
    padding:30px 0;
    padding-right: 200px;
    font-size: 14px;
    color:#999;
}

.rank-show-top h1{
    margin:0;
    font-size: 30px;
    color:#333;
    font-weight: bold;
}

.side-more-rank ul li{
    display: flex;
    align-items: center;
    justify-content: space-between;
    height: 42px;
    border-radius: 4px;
    padding-left: 21px;
    padding-right: 11px;
    margin-top: 10px;
}

.side-more-rank ul li .name{
    font-size: 16px;
    margin-right: 15px;
}

.side-more-rank ul li .down{
    width: 16px;
	height: 16px;
}

.side-more-rank ul li:nth-child(4n+1){
    background: #EDFBF5;
}

.side-more-rank ul li:nth-child(4n+2){
    background: #FEFAF2;
}

.side-more-rank ul li:nth-child(4n+3){
    background: #EDF8FF;
}

.side-more-rank ul li:nth-child(4n+4){
    background: #FFF6FB;
}

.side-more-rank ul li:nth-child(4n+1) .name{
    color:#38d08f;
}

.side-more-rank ul li:nth-child(4n+2) .name{
    color:#ffb632;
}

.side-more-rank ul li:nth-child(4n+3) .name{
    color:#66c3ff;
}

.side-more-rank ul li:nth-child(4n+4) .name{
    color:#fe9fd7;
}

.side-more-rank ul li:nth-child(4n+1) .down{
    background: url('../images/side_rank_1.png')no-repeat center;
}

.side-more-rank ul li:nth-child(4n+2) .down{
    background: url('../images/side_rank_2.png')no-repeat center;
}

.side-more-rank ul li:nth-child(4n+3) .down{
    background: url('../images/side_rank_3.png')no-repeat center;
}

.side-more-rank ul li:nth-child(4n+4) .down{
    background: url('../images/side_rank_4.png')no-repeat center;
}


.img-swiper{
    position: relative;
    overflow: hidden;
    margin:15px 0;
}

.img-swiper img{
    height: 100%;
    width: 100%;
}

.article-content img{
    max-width: 95%;
}