@charset "UTF-8";@keyframes rotate {
    0% {
        -webkit-transform: rotate(0deg);
        transform: rotate(0deg)
    }

    to {
        -webkit-transform: rotate(360deg);
        transform: rotate(360deg)
    }
}

@-webkit-keyframes rotate {
    0% {
        -webkit-transform: rotate(0deg)
    }

    to {
        -webkit-transform: rotate(360deg)
    }
}

.s1 {
    background: url(/img/sub_s1_small.jpg) no-repeat center top/auto 4.55rem
}

.header {
    height: 4.55rem
}

.sub {
    background: #e9f8ff no-repeat center bottom/auto 10.2rem
}

.sub_toplink {
    width: 100%;
    height: 4.55rem;
    display: block
}

.play-btn {
    display: block;
    background: url(/img/play2-1581cce5ca.png) no-repeat 0 0/.46rem .46rem;
    width: .46rem;
    height: .46rem;
    left: 5.15rem;
    position: absolute;
    top: 1.7rem
}

.play-btn:hover {
    background: url(/img/play2_h-a3efe44e7f.png) no-repeat 0 0/.46rem .46rem;
    width: .46rem;
    height: .46rem
}

.game-btn-part {
    left: 0;
    width: 100%;
    top: 4.4rem;
    text-align: center
}

.game-btn-part a {
    margin: 0 .18rem
}

.btn-yuyue,.game-btn-part,.tips-txt {
    position: absolute;
    overflow: hidden
}

.btn-yuyue {
    display: block;
    background: url(/img/yuyue4-dc785ca5d7.png) no-repeat 0 0/1.85rem .52rem;
    line-height: 99em;
    color: #acacac;
    font-size: .2rem;
    text-align: center;
    text-decoration: none;
    left: 2.64rem;
    top: 3.85rem;
    width: 1.85rem;
    height: .52rem
}

.btn-yuyue:hover {
    background: url(../img/yuyue4_h-4140f81824.png) no-repeat 0 0/1.85rem .52rem;
    width: 1.85rem;
    height: .52rem
}

.tips-txt {
    background: url(../img/top_tips-0e904fe13c.png) no-repeat 0 0/3.67rem .36rem;
    width: 3.67rem;
    height: .36rem;
    left: 1.67rem;
    top: 3.37rem;
    text-indent: -9999em
}

.sub {
    overflow: hidden;
    padding-top: .2rem
}

.sub-left {
    float: left;
    width: 2.8rem;
    overflow: hidden;
    background: #292929
}

.sub-right {
    float: right;
    width: 9.2rem;
    overflow: hidden
}

.sub-right-inner-top {
    padding: 0 .6rem;
    background: #fff;
    min-height: 4.5rem
}

/* =========================
   0. 强制恢复 left-down 原背景图（最关键）
========================= */
.left-down{
  background-size: 2.8rem 1.52rem !important;

  /* 不动定位，只管样式 */
  display: flex !important;
  align-items: flex-start !important;
  padding: 0.15rem 0.12rem 0.12rem 0.16rem !important;
  box-sizing: border-box !important;

}


/* =========================
   1. 左侧二维码块
========================= */
.left-down .down-code{
  width: 1.06rem !important;
  margin: 0 !important;
  float: none !important;
}

.left-down .down-code-img{
  background: #fff !important;
  width: 1.06rem !important;
  height: 1.06rem !important;
  margin: 0 !important;
  border-radius: 0.06rem !important;
}

.left-down .down-code-img img{
  width: 1.00rem !important;
  height: 1.00rem !important;
  margin: 0.03rem auto 0 !important;
  display: block !important;
}

.left-down .down-code p{
  font-size: 0.12rem !important;
  color: #fff !important;
  text-align: center !important;
  line-height: 0.2rem !important;
  margin-top: 0.04rem !important;
}


/* =========================
   2. 右侧按钮区：竖排
========================= */
.left-down .down-link{
  margin: 0 0 0 0.10rem !important;
  float: none !important;

  display: flex !important;
  flex-direction: column !important;
  gap: 0.06rem !important;

  width: 1.42rem !important;
}


/* =========================
   3. 按钮：图标 + 左对齐
========================= */
.left-down .down-link a{
  text-indent: 0 !important;
  overflow: visible !important;

  display: flex !important;
  align-items: center !important;
  justify-content: flex-start !important;
  gap: 0.06rem !important;
  padding-left: 0.10rem !important;

  width: 1.38rem !important;
  height: 0.28rem !important;

  font-size: 0.13rem !important;
  color: #573b22 !important;

  border-radius: 0.05rem !important;
  text-decoration: none !important;

  position: relative !important;
  box-sizing: border-box !important;

  transition: opacity .2s ease, transform .2s ease !important;
}

.left-down .down-link a:hover{
  opacity: 0.9 !important;
  transform: translateY(-0.01rem) !important;
}
.left-down .down-link a:active{
  transform: translateY(0.01rem) !important;
}


/* =========================
   4. 图标（白色 mask）
========================= */
.left-down .down-link a::before{
  content: "" !important;
  display: inline-block !important;
  width: 0.16rem !important;
  height: 0.16rem !important;
  background-color: #4f331b !important;

  -webkit-mask-repeat: no-repeat !important;
  -webkit-mask-size: contain !important;
  -webkit-mask-position: center !important;
  mask-repeat: no-repeat !important;
  mask-size: contain !important;
  mask-position: center !important;
}


/* =========================
   5. 按钮颜色（4 个齐）
========================= */
.left-down .down-link a.down-android{ background: #cdb67d !important; }
.left-down .down-link a.down-ios{     background: #cdb67d !important; }
.left-down .down-link a.down-pc{      background: #cdb67d !important; }
.left-down .down-link a.down-mac{     background: #cdb67d !important; }


/* =========================
   6. 图标文件
========================= */
.left-down .down-link a.down-android::before{
  -webkit-mask-image: url(/img/android.png) !important;
  mask-image: url(/img/android.png) !important;
}
.left-down .down-link a.down-ios::before{
  -webkit-mask-image: url(/img/ios.png) !important;
  mask-image: url(/img/ios.png) !important;
}
.left-down .down-link a.down-pc::before{
  -webkit-mask-image: url(/img/pc.png) !important;
  mask-image: url(/img/pc.png) !important;
}
.left-down .down-link a.down-mac::before{
  -webkit-mask-image: url(/img/ios.png) !important; /* 没有就换 ios.png */
  mask-image: url(/img/ios.png) !important;
}


/* =========================
   7. 干掉你原来图片按钮背景
========================= */
.left-down .down-link a.down-android,
.left-down .down-link a.down-ios,
.left-down .down-link a.down-pc,
.left-down .down-link a.down-mac{
  background-image: none !important;
}
/* =========================
   强制干掉 left-down 上所有黑色遮罩
========================= */
.left-down{
  background-color: transparent !important;
  filter: none !important;
  -webkit-filter: none !important;
}

/* 如果黑色来自子层，也一起干掉 */
.left-down .down-code,
.left-down .down-link{
  background-color: transparent !important;
  filter: none !important;
  -webkit-filter: none !important;
}


.left_card {
    margin: .05rem auto 0;
    background: url(/img/left_card-5f080106be.png) no-repeat 0 0/2.66rem .52rem;
    width: 2.66rem;
    height: .52rem
}

.left-xsk .inner-item a,.left_card a {
    display: block;
    height: 100%;
    text-align: center
}

.left_card a {
    width: 100%;
    font-size: .18rem;
    color: #69240b;
    line-height: .52rem
}

.left_card a:hover {
    background: url(/img/left_cardh-350b9aa835.png) no-repeat 0 0/2.66rem .52rem;
    width: 2.66rem;
    height: .52rem
}

.left_card i {
    display: inline-block;
    margin-right: .1rem;
    vertical-align: middle;
    margin-top: -.02rem;
    background: url(/img/left_cardicon-b8a45b5654.png) no-repeat 0 0/.22rem .22rem;
    width: .22rem;
    height: .22rem
}

.left-xsk {
    height: .6rem;
    background: #292929
}

.left-xsk .inner-item {
    width: 1.38rem;
    height: .6rem;
    float: left
}

.left-xsk .inner-item a {
    font-size: .16rem;
    color: #fff;
    line-height: .6rem;
    position: relative
}

.left-xsk .inner-item:first-child {
    border-right: .01rem solid #161616
}

.left-xsk .inner-item.ts {
    border-left: .01rem solid #323232
}

.left-xsk .inner-item a i {
    display: inline-block;
    *display: inline;
    *zoom:1;vertical-align: middle;
    margin-right: .06rem;
    margin-top: -.03rem
}

.left-xsk .inner-item a:hover {
    color: #a78b56
}

.left-xsk .inner-item .server-btn i {
    background: url(/img/collect_i-f2123bafae.png) no-repeat 0 0/.2rem .2rem;
    width: .2rem;
    height: .2rem
}

.left-xsk .inner-item .server-btn:hover i {
    background: url(/img/collect_i_h-5a3c2c799e.png) no-repeat 0 0/.2rem .2rem;
    width: .2rem;
    height: .2rem
}

.left-xsk .inner-item .xsk-btn i {
    background: url(/img/gift_i-dbd50f9c4a.png) no-repeat 0 0/.2rem .2rem;
    width: .2rem;
    height: .2rem
}

.left-xsk .inner-item .xsk-btn:hover i {
    background: url(/img/gift_i_h-533eb1f718.png) no-repeat 0 0/.2rem .2rem;
    width: .2rem;
    height: .2rem
}

.zm-num {
    height: .3rem;
    line-height: .3rem;
    text-align: center;
    color: #c5c5c5;
    font-size: .12rem
}

.news-tab a,.weihu a {
    color: #b0b0b0;
    display: block;
    width: 100%
}

.weihu a:hover {
    color: #c5130e
}

.crumbs {
    padding: .2rem 0 .15rem;
    border-bottom: 1px solid #cecece
}

.crumbs .crumbs-tit {
    float: left;
    display: inline;
    color: #000;
    font-size: .3rem;
    line-height: .5rem;
    font-weight: 700
}

.crumbs .crumbs-local {
    float: right;
    display: inline;
    margin-top: .25rem;
    font-size: .16rem
}

.crumbs .crumbs-local i {
    font-size: .16rem;
    margin: 0 .05rem
}

.crumbs .crumbs-local a,.crumbs .crumbs-local em,.crumbs .crumbs-local i,.crumbs .crumbs-local span {
    float: left;
    text-decoration: none;
    font-style: normal;
    color: #676767
}

.crumbs .crumbs-local a:hover {
    color: #d8bf7f
}

.crumbs .crumbs-local em {
    padding-left: .15rem
}

.crumbs-line {
    background: #e3e3e3;
    height: 1px;
    margin-top: .02rem
}

.news-tab {
    overflow: hidden;
    margin: .27rem auto .1rem
}

.news-tab a {
    width: 25%;
    line-height: .42rem;
    text-align: center;
    color: #fff;
    float: left;
    background: url(../img/news_nav_li-09da946e02.jpg) no-repeat 0 0/2rem .42rem;
    width: 2rem;
    height: .42rem
}

.news-tab a.on,.news-tab a:hover {
    background: url(../img/news_nav_li_h-eb33488d5b.jpg) no-repeat 0 0/2rem .42rem;
    width: 2rem;
    height: .42rem
}

.news-list {
    overflow: hidden;
    padding-top: .16rem
}

.news-list ul {
    min-height: 4.2rem
}

.news-list li {
    width: 100%;
    height: .6rem;
    line-height: .6rem;
    font-size: 0;
    border-bottom: 1px solid #eaeaea;
    transition: all .2s ease-in-out;
    -webkit-transition: all .2s ease-in-out;
    -moz-transition: all .2s ease-in-out;
    -o-transition: all .2s ease-in-out
}

.news-list li a,.news-list li span {
    font-size: .16rem;
    color: #444
}

.news-list li a {
    display: block;
    width: 100%;
    overflow: hidden;
    -o-text-overflow: ellipsis;
    text-overflow: ellipsis;
    word-break: keep-all;
    white-space: nowrap
}

.news-list li span {
    float: left;
    height: .6rem;
    padding-right: .08rem
}

.news-list li:hover {
    padding-left: .06rem
}

.hot-news ul li a.hot,.news-list li:hover a,.news-list li:hover span {
    color: #baa464
}

.news-inner {
    padding-bottom: .6rem
}

#pagination {
    font-size: 0;
    text-align: center;
    margin-top: .38rem
}

#pagination li,.new-service .inner-box em {
    display: inline-block;
    *display: inline;
    *zoom:1}

#pagination li {
    margin: 0 .1rem;
    font-size: .16rem;
    padding: 0;
    vertical-align: top
}

#pagination li a,#totop span {
    text-align: center;
    cursor: pointer
}

#pagination li a {
    text-decoration: none;
    float: left;
    width: .3rem;
    background: #fbfbfd;
    line-height: .3rem;
    height: .3rem;
    color: #444
}

#pagination li a span {
    padding: 0 .06rem
}

#pagination .active a,#pagination li a:hover {
    color: #fff;
    background: #e7c22b
}

#pagination .active a {
    cursor: default
}

#pagination .disabled a {
    cursor: not-allowed
}

#pagination .disabled:hover a,#pagination .total:hover a {
    color: #fff
}

#pagination .total a {
    cursor: default;
    border: 0
}

#pagination .total,.lrc-list li span {
    display: none
}

#pagination li.active {
    border-color: #e7c22b
}

#pagination .first a,#pagination .last a,#pagination .next a,#pagination .prev a {
    width: .8rem
}

#pagination .first,#pagination .last a,#pagination .next,#pagination .prev a {
    -o-transition: background .4s ease;
    transition: background .4s ease;
    margin: 0 .08rem;
    -webkit-transition: background .4s ease;
    -moz-transition: background .4s ease
}

#totop {
    position: fixed;
    cursor: pointer;
    background: url(../img/totop-74e0c04641.png) no-repeat 0 0/.42rem 1.33rem;
    width: .42rem;
    height: 1.33rem;
    left: 50%;
    bottom: 2.33rem;
    margin-left: 6.03rem;
    z-index: 300
}

#totop span {
    display: block;
    padding: .5rem .08rem 0;
    line-height: 1.1;
    color: #fff;
    font-size: .16rem
}

.article-content {
    padding: 0 .4rem .2rem
}

.article-content .article-tit {
    color: #5e5e6b;
    font-size: .30rem;
    margin: .45rem auto .2rem;
    text-align: center;
    font-weight: 700
}

.article-content p,.game-intro h3 {
    color: #5e5e5e;
    font-size: .16rem;
    line-height: .32rem
}

.article-content p a {
    text-decoration: underline;
    color: red
}

.article-content p img {
    max-width: 6.5rem;
    margin: .2rem auto 0
}

.article-content p em,.article-content p strong,.article-content table td strong {
    font-weight: 700
}

.article-content table {
    border-collapse: collapse;
    margin: .1rem auto .15rem;
    border-top: 1px solid #b8b8b8;
    border-left: 1px solid #b8b8b8
}

.article-content table td,.article-wrap table td {
    padding: .02rem .05rem;
    border-right: 1px solid #b8b8b8;
    border-bottom: 1px solid #b8b8b8
}

.article-content table td p,.article-wrap table td p {
    margin: 0;
    padding: 0
}

.news-share {
    padding: 0 0 .25rem
}

.news-share .common-share span {
    line-height: .28rem
}

.news-share .common-share a {
    width: .28rem;
    height: .28rem;
    background: url(../img/share28.png) no-repeat 0 0;
    background-size: 1.4rem .28rem
}

.news-share .common-share .quan {
    background-position: -1.12rem 0
}

.news-share .common-share .weibo {
    background-position: 0 0
}

.news-share .common-share .qzone {
    background-position: -.28rem 0
}

.news-share .common-share .weixin {
    background-position: -.56rem 0
}

.game-intro {
    height: 2.1rem;
    padding: 0 2.5rem .3rem .6rem;
    margin: 0 0 .45rem;
    position: relative;
    background: #fff
}

.game-intro .game-intro-pic {
    width: 3.19rem;
    height: 2.1rem;
    position: absolute;
    right: .6rem;
    bottom: .3rem;
    background: url(../img/dq-5923f35016.png) no-repeat 0 0/100% 100%
}

.game-intro h3 {
    color: #222;
    font-size: .2rem;
    width: .82rem;
    padding: .2rem 0 .04rem;
    border-bottom: 1px solid #4d4c59;
    font-weight: 600
}

.game-intro .intro-txt {
    color: #313131;
    margin-top: .12rem;
    line-height: .24rem;
    overflow: hidden
}

.game-intro .intro-txt p {
    text-indent: 2em
}

.game-intro .intro-txt p span {
    color: #e62232
}

.game-intro .intro-pic {
    position: absolute;
    bottom: 0;
    left: 5.78rem;
    z-index: 2
}

.hot-news,.hot-news ul li a {
    color: #b4b3b4;
    overflow: hidden
}

.hot-news {
    padding: .1rem .18rem .24rem
}

.hot-news .hot-tit {
    overflow: hidden;
    height: .46rem;
    border-bottom: 1px solid #464553;
    color: #baa464
}

.hot-news .hot-tit h2 {
    float: left;
    font-size: .2rem;
    line-height: .46rem
}

.hot-news .hot-tit .more {
    float: right;
    margin-top: .16rem;
    font-size: .16rem;
    color: #b4b3b4
}

.hot-news .hot-tit .more:hover {
    text-decoration: underline;
    color: #baa464
}

.hot-news ul {
    overflow: hidden
}

.hot-news ul li {
    vertical-align: top;
    border-bottom: 1px solid #464553
}

.hot-news ul li a {
    display: block;
    font-size: .16rem;
    height: .5rem;
    line-height: .5rem;
    -webkit-transition: all .4s ease;
    -o-transition: all .4s ease;
    transition: all .4s ease;
    white-space: nowrap;
    -o-text-overflow: ellipsis;
    text-overflow: ellipsis
}

.hot-news ul li a:hover {
    color: #baa464;
    margin-left: .06rem
}

.hot-news ul li img {
    margin-left: .05rem
}

.new-service {
    color: #fff;
    background: #292929
}

.new-service .inner-box {
    padding: .21rem .02rem .1rem
}

.new-service .inner-box h4 {
    font-size: .2rem;
    line-height: .22rem;
    text-align: center
}

.new-service .inner-box h4 em {
    margin: 0 .12rem
}

.new-service .inner-box em {
    vertical-align: middle;
    background: url(../img/i_lx-6ba9b73fb0.png) no-repeat 0 0/.08rem .08rem;
    width: .08rem;
    height: .08rem
}

.new-service .inner-box a {
    display: block;
    color: #b0b0b0
}

.new-service .service-list {
    padding: .18rem 0;
    overflow: hidden
}

.service-list li {
    float: right;
    font-size: .14rem;
    padding-bottom: .08rem;
    border-bottom: 1px solid #303030
}

.service-list li:first-child {
    float: left
}

.new-service .inner-box a:hover {
    color: #c5130e
}

.guide-list{
    overflow: hidden;
    padding-top: .05rem;
}

.guide-list li{
    float: left;
    width: 50%;
    border-bottom: 1px solid #303030;
}

.guide-list li.r{
    text-align: right;
}

.guide-list li a{
    display: block;
    height: .14rem;
    padding: .1rem .2rem .1rem .2rem;
    color: #b0b0b0;
}

.guide-list li a:hover{
    color: #c5130e;
}

.media-tab a,.weihu {
    height: .5rem;
    line-height: .5rem;
    text-align: center
}

.media-tab {
    overflow: hidden;
    margin: .27rem auto .1rem
}

.media-tab a {
    display: block;
    line-height: .52rem;
    color: #fff;
    float: left;
    background: url(../img/media_nav_li-feaa84cd5f.jpg) no-repeat 0 0/2.66rem .52rem;
    width: 2.66rem;
    height: .52rem
}

.media-tab a.on,.media-tab a:hover {
    background: url(../img/media_nav_li_h-7d8079e1b3.jpg) no-repeat 0 0/2.66rem .52rem;
    width: 2.66rem;
    height: .52rem
}

.shipin-list {
    margin: 0 auto
}

.shipin-list .video-tit {
    color: #141414;
    font-size: .3rem;
    margin: .35rem auto .07rem;
    text-align: center;
    font-weight: 700
}

.video-wrap .video-play {
    width: 8rem;
    height: 4.5rem;
    margin: 0 auto;
    overflow: hidden;
    background: #fff;
    position: relative
}

.video-m-bar {
    width: 100%;
    height: .2rem;
    line-height: .2rem;
    color: #767676;
    margin: .1rem 0;
    position: relative;
    font-size: .14rem
}

.shipin-share {
    padding-bottom: .15rem
}

.shipin-share .share-txt {
    display: inline;
    color: #000
}

.video-m-bar .down-v a:hover,.video-m-bar .next-v:hover,.video-m-bar .prev-v:hover {
    color: #e56969
}

.video-m-bar .prev-v {
    float: left
}

.video-m-bar .next-v {
    float: right
}

.video-m-bar .down-v {
    position: absolute;
    left: 50%;
    margin-left: -.43rem;
    top: 1px
}

.video-m-bar .down-v i {
    display: inline-block;
    *display: inline;
    *zoom:1;background: url(../img/down_video_i-21bff986c6.png) no-repeat 0 0/.11rem .11rem;
    width: .11rem;
    height: .11rem;
    margin-bottom: .04rem;
    vertical-align: middle;
    margin-right: .04rem
}

.video-m-bar .down-v:hover i {
    background: url(../img/down_video_i_h-ce40c0b2f2.png) no-repeat 0 0/.11rem .11rem;
    width: .11rem;
    height: .11rem
}

.video-m-bar .down-v a {
    display: block;
    position: relative
}

.video-m-bar .down-v .down-tips {
    opacity: 0;
    color: #e15a5a;
    filter: alpha(opacity=0);
    position: absolute;
    width: 2.25rem;
    top: -.08rem;
    left: 1rem;
    text-align: left;
    line-height: 140%;
    padding: .04rem .08rem;
    border: 1px solid #e15a5a;
    border-radius: .08rem;
    -webkit-transition: all .15s ease;
    -o-transition: all .15s ease;
    transition: all .15s ease
}

.video-m-bar .down-v:hover .down-tips {
    opacity: 1;
    filter: alpha(opacity=100);
    left: .9rem
}

.video-detail-txt {
    font-size: .18rem;
    color: #000;
    text-indent: 2em;
    line-height: .36rem;
    padding-top: .12rem
}

.video-showlist {
    border-top: 1px solid #dcdcdc;
    margin-top: .3rem;
    padding-top: .1rem
}

.video-showlist ul {
    font-size: 0;
    margin-right: -.1rem;
    overflow: hidden
}

.video-showlist li {
    float: left;
    margin-right: .1rem;
    margin-bottom: .1rem;
    overflow: hidden;
    position: relative;
    width: 1.93rem
}

.video-showlist li:nth-child(4n),.wallpaper-list ul li.phone:nth-child(4n) {
    margin-right: 0
}

.video-showlist li .img-poster {
    border: 1px solid #fff
}

.video-showlist li .img-poster img {
    width: 100%;
    height: 1.07rem
}

.video-showlist li .v-tit {
    font-size: .14rem;
    color: #2a2a2a;
    text-align: center;
    padding-top: .1rem;
    width: 100%;
    overflow: hidden;
    white-space: nowrap;
    -o-text-overflow: ellipsis;
    text-overflow: ellipsis
}

.video-showlist li .icon {
    display: block;
    position: absolute;
    left: 50%;
    margin-left: -.24rem;
    top: .32rem;
    background: url(../img/video_list_icon-7729196a20.png) no-repeat 0 0/.48rem .48rem;
    width: .48rem;
    height: .48rem;
    opacity: 1;
    filter: alpha(opacity=100);
    -webkit-transition: all .3s ease-out;
    transition: all .3s ease-out;
    -moz-transition: all .3s ease-out;
    -o-transition: all .3s ease-out
}

.video-showlist li a {
    display: block
}

.video-showlist li.active .v-tit,.video-showlist li:hover .v-tit {
    color: #e15a5a
}

.video-showlist li.active .img-poster,.video-showlist li:hover .img-poster {
    border: 1px solid #e15a5a
}

.video-showlist li.active .icon,.video-showlist li:hover .icon {
    opacity: 0;
    filter: alpha(opacity=0)
}

.shipin-list .page {
    margin: .3rem auto
}

.themesong,.wallpaper-list {
    margin-top: .28rem;
    overflow: hidden
}

.shipin-share {
    background: #fff;
    margin: 0 auto .15rem
}

.wallpaper-type {
    overflow: hidden;
    text-align: center;
    width: 3.78rem;
    margin: .28rem auto 0
}

.wallpaper-type ul li {
    font-size: .2rem;
    color: #272727;
    line-height: .4rem;
    border-bottom: .03rem solid #a7a3a3;
    width: 1.26rem;
    float: left;
    cursor: pointer
}

.wallpaper-type ul li.on,.wallpaper-type ul li:hover {
    border-color: #e9b538
}

.wallpaper-list ul {
    margin-right: -.06rem
}

.wallpaper-list ul li.pad,.wallpaper-list ul li.pc {
    width: 3.86rem;
    height: 2.18rem;
    background: #b1b1b1;
    float: left;
    margin-bottom: .2rem;
    overflow: hidden;
    position: relative
}

.wallpaper-list ul li.pad img,.wallpaper-list ul li.pc img,.wallpaper-list ul li.phone a img {
    width: 100%
}

.wallpaper-list ul li.pad p,.wallpaper-list ul li.pc p {
    width: 100%;
    position: absolute;
    height: .6rem;
    background: rgba(50,50,50,.9);
    text-align: center;
    bottom: -.6rem;
    left: 0;
    opacity: 0;
    -webkit-transition: all .3s;
    -o-transition: all .3s;
    transition: all .3s
}

.wallpaper-list ul li.pad p a,.wallpaper-list ul li.pc p a {
    width: 1.1rem;
    height: .35rem;
    display: inline-block;
    *display: inline;
    *zoom:1;background: #d8bf7f;
    line-height: .35rem;
    color: #fff;
    margin-top: .12rem;
    margin-right: .06rem
}

.wallpaper-list ul li.pad:hover p,.wallpaper-list ul li.pc:hover p {
    opacity: 1;
    bottom: 0
}

.wallpaper-list ul li.phone {
    width: 1.96rem;
    height: 3.48rem;
    float: left;
    cursor: pointer;
    margin: 0 .06rem .2rem 0;
    overflow: hidden
}

.wallpaper-list ul li.phone a {
    display: block;
    height: 100%
}

.wallpaper-list ul li.pad:nth-child(2n),.wallpaper-list ul li.pc:nth-child(2n) {
    float: right
}

.music-player {
    position: relative;
    padding-top: .12rem
}

.music-poster {
    overflow: hidden;
    width: 3.54rem;
    height: 3.54rem;
    position: absolute;
    left: 0;
    top: 0;
    border-radius: 3.54rem;
    -webkit-border-radius: 3.54rem;
    -o-border-radius: 3.54rem;
    -moz-border-radius: 3.54rem
}

.music-poster img {
    vertical-align: top;
    width: 100%
}

.music-other {
    position: relative;
    margin: .2rem 0
}

.music-tit {
    font-size: .3rem;
    color: #d8bf7f;
    line-height: .4rem;
    margin-top: .24rem;
    overflow: hidden;
    margin-bottom: .1rem
}

.music-down {
    border: 1px solid #c9c9c9;
    color: #767676;
    padding: 0 .15rem;
    font-size: .14rem;
    border-radius: .15rem;
    float: right;
    line-height: .2rem;
    margin-top: .1rem
}

.music-down em {
    display: inline-block;
    background-position: -.47rem -1.26rem;
    width: .11rem;
    height: .11rem
}

.music-down:hover {
    background: #e36262;
    color: #fff
}

.music-down:hover em {
    background-position: -.26rem -1.26rem
}

.music-topic {
    position: absolute;
    top: .04rem;
    width: .62rem;
    height: .2rem;
    line-height: .2rem;
    text-align: center;
    color: #fff;
    background: #4923a1;
    font-size: .12rem;
    text-decoration: none
}

.music-topic:hover {
    color: #fff;
    text-decoration: underline
}

.music-down-link {
    right: 0
}

.music-down-bz {
    right: .7rem
}

.music-lrc {
    width: 4rem;
    padding-left: 2.5rem;
    height: 3.32rem;
    background: url(../img/music/bg_theme-5f7b2416c2.png) no-repeat left top/100% 100%;
    margin-left: 1.55rem;
    overflow: hidden
}

.music-lrc-con {
    padding-right: .34rem
}

.lrc-box {
    position: relative;
    width: 3.64rem
}

.lrc-list {
    height: 2.26rem;
    overflow-y: scroll;
    position: relative
}

.lrc-list_close {
    position: absolute;
    top: .07rem;
    right: .03rem;
    background: #ccc;
    color: #666;
    cursor: pointer;
    padding: 0 .1rem;
    text-align: center;
    border-radius: .03rem .03rem 0 0;
    height: .25rem;
    line-height: .25rem
}

.lrc-list ul {
    padding: .1rem 0;
    position: relative;
    min-height: 2.06rem;
    height: auto!important
}

.lrc-list li {
    color: #000;
    font-size: .14rem;
    line-height: .22rem;
    min-height: .05rem;
    height: auto!important
}

.lrc-list .on {
    color: #d8bf7f;
    font-weight: 700
}

.music-control {
    height: .52rem;
    line-height: .52rem;
    position: relative
}

.music-info {
    width: 2.1rem;
    text-indent: .2rem;
    font-size: .12rem;
    color: #d1d1d1;
    border-right: 1px solid #54666a
}

.music-info span {
    color: #39bdac
}

.play-pan,.stop {
    float: left;
    display: inline
}

.music-info,.play-val,.seek-pan {
    display: inline
}

.music-info {
    float: left
}

.stop {
    width: .29rem;
    height: .28rem;
    overflow: hidden
}

.play-pan {
    margin-top: 0
}

.play {
    display: inline-block
}

.music-next,.music-prev,.pause,.play {
    overflow: hidden;
    cursor: pointer;
    float: left;
    margin: .12rem .16rem 0 0
}

.music-next,.music-prev {
    display: inline-block
}

.play {
    background: url(../img/play_music-c16d7339b7.png) no-repeat 0 0/.28rem .28rem;
    width: .28rem;
    height: .28rem
}

.music-next:hover,.music-prev:hover,.pause:hover,.play:hover {
    opacity: .9;
    filter: alpha(opacity=90)
}

.pause {
    background: url(../img/playing_music-240f92b063.png) no-repeat 0 0/.28rem .28rem;
    display: none
}

.music-next,.music-prev,.pause {
    width: .28rem;
    height: .28rem
}

.music-prev {
    background: url(../img/prev_music-770286eb4a.png) no-repeat 0 0/.28rem .28rem
}

.music-next {
    background: url(../img/next_music-9c00f789ca.png) no-repeat 0 0/.28rem .28rem
}

.seek-pan {
    width: 3.7rem;
    margin-top: .25rem;
    margin-right: .08rem;
    float: left;
    background: #b8b8b8
}

.play-bar,.seek-bar {
    height: .04rem;
    overflow: hidden
}

.seek-bar {
    float: left;
    display: inline-block;
    background: #b8b8b8;
    position: relative
}

.play-bar {
    background: #e36262;
    position: absolute;
    top: 0;
    left: 0
}

.play-time {
    color: #bab9b9;
    font-size: .14rem;
    float: left;
    margin: .15rem .1rem 0;
    line-height: .24rem
}

.play-time .currtime {
    color: #373737
}

.play-val {
    float: left;
    margin-left: .24rem;
    width: .8rem;
    position: relative;
    font-size: 0;
    line-height: 0;
    background: #b8b8b8;
    margin-top: .25rem;
    z-index: 2
}

.play-val-ico {
    width: .09rem;
    height: .13rem;
    margin: 0 .04rem 0 0;
    cursor: pointer;
    position: absolute;
    left: -.21rem;
    top: -.05rem
}

.play-val-ico-inner {
    background: url(../img/voice_i-bf2b4ae884.png) no-repeat 0 0/.16rem .13rem;
    width: .16rem;
    height: .13rem
}

.play-val-ico-inner.nosound {
    background: url(../img/no_sound-907077d973.png) no-repeat 0 0/.16rem .13rem;
    width: .16rem;
    height: .13rem
}

.unmute {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    display: block
}

.play-val-pan,.play-val-start {
    float: left;
    display: inline;
    font-size: 0;
    line-height: 0;
    height: .04rem
}

.play-val-start {
    width: .1rem;
    background: #d8bf7f
}

.play-val-pan {
    position: relative;
    width: .7rem
}

.play-val-str,.point {
    background: #d8bf7f;
    font-size: 0;
    line-height: 0
}

.play-val-str {
    display: block;
    width: 1px;
    position: relative;
    height: .04rem
}

.point {
    position: absolute;
    top: -.03rem;
    right: 0;
    border-radius: 50%;
    width: .1rem;
    height: .1rem;
    cursor: pointer
}

.music-control-com {
    height: .58rem;
    line-height: .58rem;
    background: #232323
}

.music-control-com .play-pan {
    margin: .12rem .16rem 0 .44rem
}

.music-control-com .pause,.music-control-com .play,.music-control-com .stop {
    width: .37rem;
    height: .37rem
}

.music-control-com .play {
    background-position: 0 0
}

.music-control-com .pause {
    background-position: 0 -.37rem;
    display: block
}

.music-control-com .stop {
    background-position: 0 -.74rem;
    margin: .12rem .16rem 0 0;
    display: block
}

.music-control-com .play-val {
    margin-right: .44rem
}

.music-control-com .seek-pan {
    width: 4.92rem;
    position: relative
}

.seek-pan-shadow {
    width: 100%;
    height: .08rem;
    position: absolute;
    left: 0;
    top: 0;
    z-index: 2
}

.themesong-con {
    padding: .35rem 0 0
}

.themesong-list {
    overflow: hidden;
    border-top: 1px solid #e3e3e3;
    padding-top: .2rem
}

.theme {
    float: left;
    width: 4.5rem
}

.song-tit {
    color: #9c9c9c;
    font-size: .32rem;
    font-weight: 400;
    line-height: .38rem;
    margin-bottom: .15rem
}

.music-share a,.theme-list,.theme-list ul {
    overflow: hidden
}

.theme-list-box {
    height: 4.35rem;
    overflow: auto
}

.theme-list li {
    line-height: .54rem;
    height: .54rem;
    color: #000;
    font-size: .18rem;
    padding: 0 .14rem 0 .13rem
}

.theme-list li.odd:hover,.theme-list li:hover {
    background: #ecfffe
}

.theme-list li strong {
    cursor: pointer
}

.theme-list li.odd {
    background: #fff7f7
}

.theme-list li .link-act {
    float: left;
    width: .75rem;
    height: .2rem;
    line-height: .2rem;
    text-align: center;
    color: #18aca5;
    font-size: .14rem;
    border: 1px solid #18aca5;
    margin-left: .1rem;
    margin-top: .16rem
}

.theme-list li .link-act:hover {
    background: #18aca5;
    color: #fff
}

.theme-list li .handle {
    float: right;
    width: 2.55rem
}

.theme-list li .handle a {
    float: left;
    line-height: 99em;
    overflow: hidden;
    margin: .12rem .12rem 0
}

.theme-list li .handle i {
    float: left;
    width: 1px;
    height: .14rem;
    background: #c9c9c9;
    margin-top: .23rem
}

.btn-audition {
    background: url(/img/music_handle-1831122574.png) no-repeat 0 0/.36rem .32rem;
    width: .36rem;
    height: .32rem
}

.btn-audition:hover {
    background: url(../img/music_handle_h-ef931c6a03.png) no-repeat 0 0/.36rem .32rem;
    width: .36rem;
    height: .32rem
}

.btn-down-music {
    background: url(../img/music_down-9acc3d55f2.png) no-repeat 0 0/.36rem .32rem;
    width: .36rem;
    height: .32rem
}

.btn-down-music:hover {
    background: url(../img/music_down_h-7cb09dadcc.png) no-repeat 0 0/.36rem .32rem;
    width: .36rem;
    height: .32rem
}

.check,.checked {
    width: .14rem;
    height: .14rem
}

.check {
    float: left;
    cursor: pointer;
    overflow: hidden;
    margin: .2rem .1rem 0 0;
    background: url(../img/music_sel-2487bcfc86.png) no-repeat 0 0/.14rem .14rem
}

.checked {
    background: url(../img/music_sel_h-b50a47278f.png) no-repeat 0 0/.14rem .14rem
}

.theme-check {
    line-height: .54rem;
    height: .54rem;
    color: #000;
    font-size: .18rem;
    padding: 0 0 0 .13rem;
    border-top: 1px solid #e3e3e3;
    overflow: hidden
}

.theme-check strong,.theme-list li strong {
    display: inline;
    float: left
}

.theme-check .btn-playall {
    float: right;
    width: 1.76rem;
    height: .34rem;
    line-height: .34rem;
    border: 1px solid #b4d6d4;
    color: #575757;
    font-size: .18rem;
    text-align: center;
    cursor: pointer;
    margin-top: .08rem
}

.theme-check .btn-playall:hover {
    background: #d8bf7f;
    color: #fff
}

.game {
    float: left;
    width: 3.1rem
}

.game li .handle {
    float: right;
    width: 1.22rem
}

.musicImg_ani {
    animation: rotate 10s linear infinite;
    -webkit-animation: rotate 10s linear infinite;
    -moz-animation: rotate 10s linear infinite
}

.musicImg_pauseani {
    animation-play-state: paused;
    -webkit-animation-play-state: paused
}

.musicImg_startani {
    animation-play-state: running;
    -webkit-animation-play-state: running
}

.music-share {
    zoom:1;position: absolute;
    right: .15rem;
    top: .1rem;
    z-index: 9
}

.music-share .share-txt {
    float: left;
    line-height: .34rem;
    color: #000;
    font-size: .14rem;
    padding: 0 .1rem;
    cursor: pointer
}

.music-share .sharetype {
    overflow: hidden;
    position: absolute;
    top: -.35rem;
    left: 50%;
    margin-left: -.68rem;
    padding: .05rem .08rem;
    background: #ededed;
    width: 1.26rem;
    border-radius: .2rem;
    display: none
}

.music-share a {
    display: block;
    float: left;
    text-indent: -99em;
    padding: 0;
    width: .28rem;
    height: .28rem;
    margin: 0 1px;
    background: url(../img/share28.png) no-repeat 0 0;
    background-size: 1.4rem .28rem
}

.music-share a:hover {
    opacity: .8;
    filter: alpha(opacity=80);
    cursor: pointer
}

.music-share .quan {
    background-position: -1.12rem 0
}

.music-share .weibo {
    background-position: 0 0
}

.music-share .qzone {
    background-position: -.28rem 0
}

.music-share .weixin {
    background-position: -.56rem 0
}

.music-share:hover .sharetype {
    display: block
}

.lrc-list::-webkit-scrollbar-thumb,.theme-list-box::-webkit-scrollbar-thumb {
    border-radius: .05rem;
    -webkit-box-shadow: inset 0 0 .05rem rgba(0,0,0,.2);
    box-shadow: inset 0 0 .05rem rgba(0,0,0,.2);
    background: #e2ddc5
}

.lrc-list::-webkit-scrollbar,.theme-list-box::-webkit-scrollbar {
    width: .06rem;
    background: #ccc
}

.lrc-list::-webkit-scrollbar-thumb,.theme-list-box::-webkit-scrollbar-thumb {
    background: #d8bf7f
}

.lrc-list::-webkit-scrollbar-thumb:hover,.theme-list-box::-webkit-scrollbar-thumb:hover {
    border-radius: .05rem;
    -webkit-box-shadow: inset 0 0 .05rem rgba(0,0,0,.2);
    box-shadow: inset 0 0 .05rem rgba(0,0,0,.2);
    background: #d8bf7f
}

.xsk-wrap {
    min-height: 6.2rem;
    width: 6.9rem;
    margin: 0 auto;
    position: relative
}

.xsk-wrap .xsk-gif {
    width: 3.1rem;
    position: absolute;
    top: .35rem;
    left: 0;
    overflow: hidden
}

.xsk-wrap .xsk-gif img {
    width: .99rem
}

.xsk-wrap .xsk-gif li {
    float: left;
    margin: .02rem 0 0 .02rem
}

.xsk-wrap .xsk-box {
    padding-top: 1.2rem;
    padding-left: 3.17rem
}

.xsk-wrap .get-gift {
    display: block;
    cursor: pointer;
    background: url(/img/xsk-d33c17b975.png) no-repeat 0 0/2.3rem .6rem;
    width: 2.3rem;
    height: .6rem;
    text-indent: -999em;
    overflow: hidden
}

.xsk-wrap .get-gift:hover {
    background: url(/img/xsk_h-d26c8eba5a.png) no-repeat 0 0/2.3rem .6rem;
    width: 2.3rem;
    height: .6rem
}

.xsk-wrap .gift-operation {
    margin-top: .11rem;
    overflow: hidden;
    zoom:1}

.gift-operation .code-box,.gift-operation .copy-btn,.gift-operation span {
    line-height: .46rem;
    float: left
}

.gift-operation span {
    color: #333;
    font-size: .18rem
}

.gift-operation .code-box {
    width: 2.69rem;
    height: .46rem;
    overflow: hidden;
    position: relative
}

.gift-operation .gift-code {
    display: block;
    width: 100%;
    height: .46rem;
    border: 0;
    line-height: .46rem;
    color: #838383;
    font-size: .2rem;
    text-align: center;
    background: #e9ebf0
}

.gift-operation .copy-btn {
    font-size: 0;
    cursor: pointer;
    background: url(../img/copy-ac609dc8e6.png) no-repeat 0 0/1rem .46rem;
    width: 1rem;
    height: .46rem
}

.gift-operation .copy-tip {
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    display: none;
    text-align: center;
    font-style: normal;
    color: #fff;
    font-size: .18rem;
    background-color: rgba(0,0,0,.6);
    line-height: .4rem
}

.gift-info {
    margin-top: .4rem;
    border-top: 1px solid #e9ebf0;
    padding-top: .28rem
}

.xsk-wrap .gift-fig img {
    max-width: 2.1rem;
    max-height: 2.1rem;
    display: inline-block
}

.xsk-wrap .gift-detail {
    width: 6.9rem;
    margin: 0 auto;
    overflow: hidden;
    padding-bottom: .3rem
}

.xsk-wrap .gift-detail ul {
    margin-top: -.05rem
}

.xsk-wrap .gift-detail li {
    margin-bottom: .25rem
}

.xsk-wrap .gift-detail li span {
    display: block;
    color: #292929;
    font-weight: 700;
    font-size: .24rem;
    line-height: .4rem
}

.xsk-wrap .gift-detail li p {
    font-size: .16rem;
    line-height: .22rem;
    color: #444;
    padding-top: .1rem
}

.xsk-wrap .gift-detail li p img {
    margin-top: -.06rem;
    margin-left: .02rem
}

.xsk-wrap .gc-code-box {
    width: 4rem;
    padding-top: .2rem;
    overflow: hidden;
    margin: 0 auto
}

.xsk-wrap .gc-code-box img {
    width: 2.55rem;
    display: block;
    margin: 0 auto
}

.xsk-wrap .gc-code-box .tips {
    font-size: .16rem;
    text-align: center;
    line-height: .4rem;
    font-weight: 700
}

.xsk-wrap .gift-detail .other-lb {
    overflow: hidden;
    margin-top: .3rem
}

.xsk-wrap .gift-detail .other-lb a {
    display: block;
    float: left;
    overflow: hidden;
    text-indent: -9999em;
    margin-left: .12rem
}

.xsk-wrap .gift-detail .other-lb a:first-child {
    margin-left: 0
}

.xsk-wrap .gift-detail .other-lb a.wxylb {
    background: url(/img/wxylb-882fb7819c.png) no-repeat 0 0/2.18rem .58rem;
    width: 2.18rem;
    height: .58rem
}

.xsk-wrap .gift-detail .other-lb a.wxylb:hover {
    background: url(/img/wxylb_h-909b3ec90e.png) no-repeat 0 0/2.18rem .58rem;
    width: 2.18rem;
    height: .58rem
}

.xsk-wrap .gift-detail .other-lb a.yjzj {
    background: url(/img/yjzj-912943c274.png) no-repeat 0 0/2.18rem .58rem;
    width: 2.18rem;
    height: .58rem
}

.xsk-wrap .gift-detail .other-lb a.yjzj:hover {
    background: url(/img/yjzj_h-cb3ca566b3.png) no-repeat 0 0/2.18rem .58rem;
    width: 2.18rem;
    height: .58rem
}

.xsk-wrap .gift-detail .other-lb a.zmlb {
    background: url(/img/zmlb-4c7dace04e.png) no-repeat 0 0/2.18rem .58rem;
    width: 2.18rem;
    height: .58rem
}

.xsk-wrap .gift-detail .other-lb a.zmlb:hover {
    background: url(/img/zmlb_h-73047885de.png) no-repeat 0 0/2.18rem .58rem;
    width: 2.18rem;
    height: .58rem
}

#libao-pop {
    display: none;
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 1002;
    filter: progid:DXImageTransform.Microsoft.gradient(enabled="true",startColorstr="#CC000000",endColorstr="#CC000000");
    background-color: rgba(0,0,0,.8)
}

:root #libao-pop {
    -webkit-filter: none;
    filter: none
}

#libao-pop .lb-box {
    display: none;
    width: 7rem;
    position: absolute;
    top: 50%;
    left: 50%;
    margin-left: -3.6rem;
    margin-top: -2.6rem;
    background: #fff;
    border: .02rem solid #5589c5
}

#libao-pop .lb-box .item {
    padding: .4rem .45rem;
    display: none
}

#libao-pop .lb-box .item h4 {
    font-size: .34rem;
    color: #5589c5;
    line-height: 100%;
    padding: 0 .24rem
}

#libao-pop .lb-box .item .intro {
    padding: 0 .24rem
}

#libao-pop .lb-box .intro {
    border-top: 1px solid #e5e5e5;
    margin-top: .26rem
}

#libao-pop .lb-box .intro h5 {
    font-size: .2rem;
    color: #434343;
    margin-bottom: .18rem;
    margin-top: .24rem
}

#libao-pop .lb-box .intro p {
    margin-bottom: .14rem;
    color: #434343;
    font-size: .16rem
}

#libao-pop .lb-box .intro p i {
    display: inline-block;
    *display: inline;
    *zoom:1;vertical-align: middle;
    margin-bottom: .06rem;
    background: url(../img/libao2-5f73155a5a.png) no-repeat 0 0/.4rem .38rem;
    width: .4rem;
    height: .38rem
}

#libao-pop .lb-box .intro .lb-img img {

    margin-left: 1.2rem;
    min-height: 1.8rem;
    margin-top: .12rem
}

#libao-pop .lb-box .intro .tg-img {
    height: .38rem;
    margin: -.08rem .1rem 0
}

#libao-pop .lb-box .libao-clo {
    display: block;
    position: absolute;
    top: -.02rem;
    right: -.63rem;
    background: url(/img/xsk_close-af561d066c.jpg) no-repeat 0 0/.61rem .61rem;
    width: .61rem;
    height: .61rem
}

#libao-pop .lb-box .down-dygame {
    display: block;
    width: 3.2rem;
    height: .72rem;
    margin: .3rem auto;
    background: url(/img/xsk/down_dygame-69dcc8f033.png) no-repeat 0 0/100% 100%;
    line-height: 99em;
    overflow: hidden
}

#libao-pop .lb-box .down-dygame:hover {
    background-position: 0 -.72rem
}

.down-inner {
    padding: .5rem 1.76rem 0
}

.down-inner .code,.down-inner .down-box {
    float: left
}

.down-inner .code {
    padding: .1rem .14rem 0;
    color: #fff;
    font-size: .16rem;
    background: #323232;
    border-radius: .06rem
}

.down-inner .down-main-img {
    background: #fff;
    width: 1.92rem;
    height: 1.92rem;
    margin: 0 auto;
    display: block;
    border-radius: .06rem
}

.down-inner .down-main-img img {
    width: 1.82rem;
    display: block;
    margin-left: .05rem;
    padding-top: .05rem
}

.down-inner .code p,.media-tiem a {
    text-align: center;
    line-height: .24rem
}

.down-box {
    margin-left: .2rem;
    width: 1.8rem;
    color: #696969
}

.down-box .down-info {
    font-size: .16rem;
    color: #676767
}

.down-box .down-info p {
    margin-bottom: .06rem
}

.down-box .down-link {
    font-size: 0
}

.down-box .down-link a,.down-intro dd,.down-intro dt {
    display: inline-block;
    *display: inline;
    *zoom:1;vertical-align: top
}

.down-box .down-link a {
    cursor: pointer;
    overflow: hidden;
    margin-top: .08rem;
    color: #fff
}

.down-box .down-link .down-ios {
    background: url(/img/down_ios2-627c3f40ad.png) no-repeat 0 0/1.54rem .4rem;
    width: 1.54rem;
    height: .4rem
}

.down-box .down-link .down-android {
    background: url(/img/down_android2-9b530b4051.png) no-repeat 0 0/1.54rem .4rem;
    width: 1.54rem;
    height: .4rem
}

.down-box .down-link .down-pc {
    background: url(/img/down_pc2-b3f20ba1bc.png) no-repeat 0 0/1.54rem .4rem;
    width: 1.54rem;
    height: .4rem
}

.down-intro {
    padding-top: .42rem;
    display: block;
    clear: both
}

.down-intro dl {
    display: block;
    padding: .08rem 0;
    font-size: 0;
    border-top: 1px solid #d7d7d7;
    border-bottom: 1px solid #d7d7d7;
    margin-top: -1px;
    background: #fff
}

.down-intro dl.odd {
    background: #f2f2f2
}

.down-intro dd,.down-intro dt {
    height: .24rem;
    line-height: .24rem;
    font-size: .16rem;
    color: #676767
}

.down-intro dt {
    width: 1.14rem;
    text-align: center;
    border-right: 1px solid #d7d7d7
}

.down-intro dd {
    padding: 0 .18rem
}

.media-tiem {
    overflow: hidden;
    margin-right: -.26rem;
    padding: .92rem 0 1.66rem
}

.media-tiem a {
    float: left;
    margin-right: .26rem;
    display: block;
    font-size: .2rem;
    line-height: .46rem;
    color: #fff;
    background: url(/img/down_li-980830b8c9.png) no-repeat 0 0/1.8rem .46rem;
    width: 1.8rem;
    height: .46rem
}

.media-tiem a:hover {
    background: url(/img/down_li_h-4d980150d6.png) no-repeat 0 0/1.8rem .46rem;
    width: 1.8rem;
    height: .46rem
}

.game-exhibition .game-item {
    border-bottom: 1px solid #292929;
    border-top: 1px solid #1c1c1c;
    background: #222;
    zoom:1}

.game-exhibition .game-name {
    padding: 0 .4rem;
    cursor: pointer;
    height: .48rem;
    position: relative
}

.game-exhibition .game-name span {
    float: left;
    color: #ededed;
    font-size: .2rem;
    line-height: .48rem;
    position: absolute;
    top: .16rem;
    right: .78rem;
    text-align: center;
    font-size: 0;
    text-indent: -99em;
    overflow: hidden;
    background: url(/img/leftbar_game_span2-8c5bce38ac.png) no-repeat 0 0/.18rem .18rem;
    width: .18rem;
    height: .18rem
}

.game-exhibition .game-name strong {
    color: #ededed;
    height: .48rem;
    line-height: .48rem;
    width: 1.65rem;
    float: left;
    text-align: center;
    font-weight: 400;
    font-size: .18rem
}

.game-exhibition .expand .game-name span {
    background: url(/img/leftbar_game_span-fe7e87908c.png) no-repeat 0 0/.18rem .18rem;
    width: .18rem;
    height: .18rem
}

.game-exhibition .expand .game-sub {
    height: auto
}

.game-exhibition .game-sub {
    padding: .15rem;
    background: #292929;
    zoom:1;display: none;
    overflow: hidden
}

.game-exhibition .game-sub a {
    float: left;
    width: 1.2rem;
    font-size: .16rem;
    text-align: center;
    color: #b0b0b0;
    line-height: .3rem;
    -o-transition: all .4s ease;
    transition: all .4s ease;
    -webkit-transition: all .4s ease;
    -moz-transition: all .4s ease;
    margin: .03rem 0
}

.game-exhibition .game-sub a:hover {
    background: #bca26c;
    color: #fff
}

.game-inner .tab-list {
    padding-top: .2rem;
    overflow: hidden;
    margin-right: -.04rem;
    font-size: 0
}

.game-inner .tab-list a {
    display: inline-block;
    *display: inline;
    *zoom:1;vertical-align: text-top;
    position: relative;
    margin-bottom: .02rem;
    margin-right: .02rem;
    background: #666;
    text-align: center;
    color: #fff;
    font-size: .18rem;
    background: #292929;
    transition: all .2s ease;
    -webkit-transition: all .2s ease;
    -moz-transition: all .2s ease;
    -o-transition: all .2s ease;
    border-radius: .03rem;
    padding: .03rem;
    cursor: pointer
}

.game-inner .tab-list a.cur,.game-inner .tab-list a:hover {
    background: #ab8f5a
}

.game-inner .tab-list span {
    width: 1.22rem;
    height: .38rem;
    border: 1px solid #393939;
    display: inline-block;
    *display: inline;
    *zoom:1;line-height: .38rem
}

.game-inner .tab-list a.cur span,.game-inner .tab-list a:hover span {
    border: 1px solid #a28959
}

.article-wrap {
    padding: .28rem 0
}

.article-wrap h1 {
    color: #333;
    font-size: .32rem;
    font-weight: 700;
    line-height: 100%;
    padding: .35rem 0
}

.article-wrap .article-txt {
    padding: .1rem 0 .38rem;
    min-height: 2.35rem;
    font-size: .14rem
}

.article-wrap .article-txt p {
    line-height: 200%;
    margin-bottom: .08rem
}

.article-wrap .article-txt p em {
    font-style: normal
}

.article-wrap .article-txt p a {
    text-decoration: underline;
    color: #ea4e4e
}

.article-wrap .article-txt img {
    max-width: 8rem;
    margin: .2rem auto 0
}

.article-wrap .article-txt table p {
    padding: .04rem 0;
    margin-bottom: 0
}

.article-wrap .article-txt h3,.article-wrap .article-txt h4,.article-wrap .article-txt h5,.article-wrap .article-txt strong {
    font-weight: 700;
    color: #333;
    margin: .12rem 0
}

.article-wrap .article-txt h3 {
    font-size: .2rem
}

.article-wrap .article-txt h4 {
    font-size: .18rem
}

.article-wrap .article-txt h5 {
    font-size: .16rem
}

.article-wrap .article-txt strong {
    display: block;
    font-size: .2rem
}

.article-wrap .article-txt .guide-pic,.article-wrap h1 {
    text-align: center
}

.article-wrap .article-type {
    height: .62rem;
    line-height: .62rem;
    padding-top: .18rem;
    text-decoration: none;
    text-align: center;
    font-size: 0
}

.article-wrap .article-type li {
    display: inline-block;
    *display: inline;
    *zoom:1;width: 2.95rem;
    background: #30303d;
    text-decoration: none
}

.article-wrap .article-type li a {
    display: block;
    color: #fff;
    font-size: .24rem;
    text-decoration: none
}

.article-wrap .article-type li:first-child {
    width: 2.94rem
}

.article-wrap .article-type .on a,.article-wrap .article-type li a:hover {
    background: #5b67ad
}

.article-wrap table {
    border-collapse: collapse;
    margin: .15rem auto;
    border-top: 1px solid #b8b8b8;
    border-left: 1px solid #b8b8b8
}

.guide-cont {
    padding-bottom: .3rem
}

.guide-cont h3 {
    font-size: .32rem;
    font-weight: 600;
    color: #444;
    text-align: center;
    margin: .4rem 0
}

.guide-cont .guide-cont-text {
    color: #444;
    font-size: .14rem;
    line-height: .24rem
}

.guide-cont .guide-cont-text p {
    text-indent: 2em
}

.guide-cont .guide-cont-text b {
    margin: .3rem 0 .06rem;
    display: block;
    font-weight: 700;
    font-size: .16rem
}

.guide-cont .guide-cont-text img {
    width: 6rem;
    display: block;
    margin: .1rem auto
}

.guide-cont .guide-cont-text .rule-date {
    text-align: center;
    margin: .35rem 0;
    width: 100%
}

.guide-cont .guide-cont-text .rule-date td {
    border: 1px solid #444
}

.newspage {
    overflow: hidden;
    font-size: .16rem;
    padding: .3rem 0 .4rem
}

.newspage a {
    display: block;
    width: 2.92rem;
    white-space: nowrap;
    overflow: hidden;
    -o-text-overflow: ellipsis;
    text-overflow: ellipsis;
    color: #2799e5;
    text-decoration: underline
}

.newspage span {
    position: absolute;
    left: 0;
    top: 0;
    color: #000
}

.newspage .pagenext,.newspage .pagepre {
    position: relative;
    padding-left: .63rem;
    float: left;
    text-align: left;
    width: 40%
}

.newspage .pagenext {
    float: right
}

.newspage a:hover {
    color: red
}

/* 推荐 */
.news-list li a.c,
.article-tit.c {
  color: #d9534f !important;
  font-weight: bold;
}

/* 头条 */
.news-list li a.h,
.article-tit.h {
  color: #f0ad4e !important;
}

/* 图片 */
.news-list li a.p,
.article-tit.p {
  color: #5bc0de !important;
}

/* 特荐 */
.news-list li a.a,
.article-tit.a {
  color: #6f42c1 !important;
}

/* 专题 */
.news-list li a.s,
.article-tit.s {
  color: #198754 !important;
}
.article-header {
    text-align: center;
    padding: 0 0 0.12rem;
}

.article-tit {
    font-size: 0.312rem;      /* 26px ÷ 83.33 */
    line-height: 1.4;
    margin-bottom: 0.096rem; /* 8px ÷ 83.33 */
}

/* 作者 / 时间 */
.article-meta {
    font-size: 0.168rem;     /* 14px ÷ 83.33 */
    color: #888;
    margin-bottom: 0.168rem; /* 14px ÷ 83.33 */
}

.article-meta span {.article-header {
    text-align: center;
    padding: 0 0 0.12rem;
}

.article-tit {
    font-size: 0.312rem;      /* 26px ÷ 83.33 */
    line-height: 1.4;
    margin-bottom: 0.096rem; /* 8px ÷ 83.33 */
}

/* 作者 / 时间 */
.article-meta {
    font-size: 0.168rem;     /* 14px ÷ 83.33 */
    color: #888;
    margin-bottom: 0.168rem; /* 14px ÷ 83.33 */
}

.article-meta span {
    margin: 0 0.096rem;
}

.article-divider {
    width: 100%;
    border-top: 1px solid #e5e5e5;
    margin: 0.12rem 0;
}


/* 正文 */
.article-body {
    font-size: 0.20rem;      /* 20px ÷ 83.33 */
    line-height: 1.8;
    color: #333;
    padding: 0.24rem 0;
}

.article-header::after {
    content: "";
    display: block;
    width: 100%;
    border-top: 2px solid #e5e5e5;
    margin-top: 0.16rem;
}

/* 修复 news-list 表格文字被 font-size:0 吃掉的问题 */
.news-list li a {
    font-size: .16rem;
}

.news-list li a table {
    width: 100%;
    font-size: .16rem;
    color: #444;
}

.news-list li a td {
    line-height: .6rem;
}