@charset "UTF-8";@-webkit-keyframes breath {
    0%,to {
        -webkit-transform: scale(.95);
        transform: scale(.95)
    }

    50% {
        -webkit-transform: scale(1);
        transform: scale(1)
    }
}

@keyframes breath {
    0%,to {
        -webkit-transform: scale(.95);
        transform: scale(.95)
    }

    50% {
        -webkit-transform: scale(1);
        transform: scale(1)
    }
}

.swiper-button-next:after,.swiper-button-prev:after {
    content: none
}

.header {
    height: 10.27rem
}

.header .top-topic-link {
    height: 7.2rem;
    font-size: 0
}

.header-video {
    height: 8.78rem
}

.header-video-bg {
    position: absolute;
    width: 100%;
    min-width: 19.2rem;
    height: auto;
    left: 50%;
    top: 0;
    margin-left: -50%
}

.sub-bg {
    display: none
}

body {
    background: #00060b
}

.opactiyinput {
    background: 0 0;
    border: 0;
    outline: 0;
    margin: 0;
    padding: 0;
    -webkit-appearance: none
}

.center-wrap,.yuyue-main-box {
    width: 12rem;
    margin: 0 auto;
    position: relative
}

.yuyue-main-box {
    height: 9.7rem;
    z-index: 8\9
}

.hide {
    display: none
}

.op {
    opacity: 0
}

.clear {
    clear: both;
    float: none
}

.lt {
    float: left
}

.rt {
    float: right
}

.p1,.p2 {
    height: 10.27rem;
    position: relative;
    z-index: 9
}

.p2 {
    height: 12.4rem;
}

.p2-s1 {
    background: url(../images/part2-b30c3f763d.jpg) no-repeat 0 0/100% 100%;
    border-top: 1px solid #dbc0a3
}

.p3,.p4,.p4-s2 {
    position: relative;
    z-index: 9
}

.p3 {
    background: url(../images/part3-5f790aafea.jpg) no-repeat 0 0/100% 100%;
    height: 9.1rem
}

.p4,.p4-s2 {
    height: 15.6rem
}

.p4-s1 {
    background: url(../images/part4-e3d0ca7d24.jpg) no-repeat 0 0/100% 100%
}

.main,.part-main {
    overflow: hidden;
    position: relative
}

.part-main {
    width: 12rem;
    height: 100%;
    padding-top: .5rem;
    margin: 0 auto
}

.main {
    width: 100%;
    margin: auto
}

.part-main>h3 {
    overflow: hidden;
    text-indent: -99.99rem
}

.t1 {
    background: url(../images/t1-c5493797d5.png) no-repeat 0 0/11.81rem 1.12rem;
    height: 1.12rem
}

.t1,.t2,.t3 {
    width: 11.81rem;
    margin: 0 auto
}

.t2 {
    background: url(../images/t2-99ff5872ee.png) no-repeat 0 0/11.81rem 1.18rem;
    height: 1.18rem
}

.t3 {
    background: url(../images/t3-963f86e331.png) no-repeat 0 0/11.81rem 1.25rem;
    height: 1.25rem
}

.T-hot-pic,.T-hot-pic .bd {
    height: 10.72rem
}

.T-hot-pic .bd li,.T-hot-pic .bd ul {
    width: auto;
    height: 10.72rem;
    cursor: default
}

.T-hot-pic .bd ul {
    overflow: hidden
}

.T-hot-pic .bd li {
    position: absolute;
    filter: alpha(opacity=0);
    -moz-opacit: 0;
    -khtml-opacity: 0;
    opacity: 0;
    float: left
}

.T-hot-pic .bd li.on {
    filter: alpha(opacity=100);
    -moz-opacit: 1;
    -khtml-opacity: 1;
    opacity: 1
}

.T-hot-pic .bd li a {
    display: block;
    width: 19.2rem;
    height: 10.72rem;
    position: relative;
    cursor: default
}

.T-hot-pic .bd li a img {
    display: block;
    position: absolute;
    left: 50%;
    margin-left: -9.6rem
}

.T-hot-pic .bd li.on a img {
    opacity: 1
}

.T-hot-pic .bd li.active a img,.T-hot-pic .bd li.on a img {
    -webkit-transition: all 14s linear;
    -o-transition: all 14s linear;
    transition: all 14s linear;
    -webkit-transform: scale(1.3);
    -ms-transform: scale(1.3);
    transform: scale(1.3)
}

.p1 .part-main,.yuyue-area {
    height: 100%;
    position: absolute;
    top: 0
}

.p1 .part-main {
    margin-left: -6rem;
    z-index: 2;
    left: 50%
}

.p1 .part-main .part-top-area h2 {
    position: relative;
    width: 6.63rem;
    height: 2.48rem;
    background: url(../images/top-time2-ab6fecc842.png) no-repeat 0 0/100% 100%;
    font-size: 0;
    text-indent: -99.99rem;
    left: .14rem;
    top: 1.28rem;
    display: none
}

.part-top-area {
    width: 12rem;
    height: 6.4rem;
    margin: .81rem auto 0;
    position: relative
}

.yuyue-area {
    width: 12rem;
    left: 0;
    z-index: 1
}

.yuyue-area .yuyue-title {
    width: 5.14rem;
    height: .68rem;
    background: url(../images/testgc-title-b74620a825.png) no-repeat 0 0/100% 100%;
    margin: 0 0 0 .05rem
}

.yuyue-area .yuyue-btn {
    background: url(../images/go-zhuanti-0837241bee.png) 0 0/100% 100%;
    width: 1.89rem;
    height: .52rem;
    cursor: pointer;
    position: absolute;
    left: 2.5rem;
    top: 3.94rem;
    display: none
}

.yuyue-area .yuyue-btn:hover {
    opacity: .9
}

.game-time {
    width: 5.13rem;
    height: .91rem;
    background: url(../images/jz-time-33540199cc.png) no-repeat 0 0/100% 100%;
    position: absolute;
    left: 1.92rem;
    top: 2.21rem
}

.part-main .down-area {
    width: auto
}

.part-main .down-left {
    width: 2.97rem
}

.down-area {
    height: 1.45rem;
    position: absolute;
    left: 0;
    bottom: 3.05rem;
    z-index: 3
}

.down-left {
    float: left;
    background: url(../images/download-bg-2127bc56cb.png) no-repeat 0 0/4.45rem 1.45rem;
    width: 4.45rem;
    height: 1.45rem
}

.down-left .down-code {
    float: left;
    margin: .08rem 0 0 .06rem;
    overflow: hidden;
    width: 1.14rem
}

.down-left .down-code img,.down-right {
    display: block;
    width: 1.1rem;
    height: 1.08rem;
    margin-left: .04rem
}

.down-left .down-code span {
    display: block;
    margin: .02rem auto 0;
    text-align: center;
    color: #fff;
    font-size: .13rem
}

.down-left .down-btn {
    float: left
}

.down-left .down-btn a {
    display: block;
    font-size: .18rem;
    line-height: .4rem;
    margin-left: .1rem;
    margin-bottom: .04rem
}

.down-left .down-btn a span {
    margin-left: .45rem
}

.down-left .down-android {
    color: #fff9d5;
    margin-top: .08rem;
    background: url(../images/ind_android-472509f88c.png) no-repeat 0 0/1.58rem .4rem;
    width: 1.58rem;
    height: .4rem
}

.down-left .down-ios {
    color: #fff;
    background: url(../images/ind_ios-cbed16c55a.png) no-repeat 0 0/1.58rem .4rem;
    width: 1.58rem;
    height: .4rem
}

.down-left .down-btn a:hover,.top-play:hover {
    zoom:1;filter: alpha(opacity=90);
    -moz-opacity: .9;
    -khtml-opacity: .9;
    opacity: .9
}

.down-left .down-pc {
    color: #472c15;
    position: relative;
    background: url(../images/ind_pc-6d3fe53c9e.png) no-repeat 0 0/1.58rem .4rem;
    width: 1.58rem;
    height: .4rem
}

.down-left .down-pc i {
    right: .04rem;
    top: .13rem;
    background: url(../images/down_tips-c896bb58f8.png) no-repeat 0 0/.12rem .12rem;
    width: .12rem;
    height: .12rem
}

.down-right {
    width: 1.5rem;
    height: 1.2rem;
    float: left;
    margin-left: .1rem;
    margin-top: .1rem;
    position: relative
}

.down-left .down-pc i,.libao,.top-play {
    display: block;
    position: absolute
}

.top-play {
    z-index: 99;
    animation: breath 2s ease infinite;
    -webkit-animation: breath 2s ease infinit
}

.libao {
    width: 1.53rem;
    height: 1.01rem;
    left: 0;
    top: .1rem;
    background: url(../images/libao-628a3bca19.png) no-repeat 0 0/100% 100%
}

.card {
    float: left;
    margin-top: .48rem;
    margin-left: .08rem;
    position: relative;
    background: url(../images/hdown_card-6db51f2a3d.png) no-repeat 0 0/1.41rem .9rem;
    width: 1.41rem;
    height: .9rem
}

.card a {
    width: 100%;
    height: 100%;
    line-height: .9rem;
    text-align: center;
    font-size: .2rem;
    color: #ffdaab;
    text-shadow: 0 0 .01rem #ffdaab
}

.card a:hover {
    text-decoration: none;
    opacity: .9
}

.card i,.hot-box {
    position: absolute;
    left: 0
}

.card i {
    top: -.39rem;
    background: url(../images/card_tips-32df3f84e9.png) no-repeat 0 0/1.41rem .47rem;
    width: 1.41rem;
    height: .47rem
}

.hot-box {
    bottom: .25rem;
    width: 12rem;
    height: 2.7rem;
    overflow: hidden
}

#ind_down .down-pc i {
    right: .06rem;
    top: .13rem
}

.little-tit {
    overflow: hidden;
    height: .54rem;
    border-bottom: 1px solid #e2e2e2
}

.little-tit h2 i {
    display: none;
    position: absolute;
    width: 100%;
    height: .02rem;
    background: #e90801;
    left: 0;
    bottom: 0
}

.card a,.little-tit .more.on,.little-tit h2.on i,.news-part .news-box .new-list-box.on {
    display: block
}

.little-tit h2 {
    float: left;
    font-size: .18rem;
    line-height: .54rem;
    position: relative;
    margin-right: .15rem;
    cursor: pointer
}

.little-tit .more {
    float: right;
    display: none;
    margin-top: .18rem;
    font-size: .14rem;
    color: #5f5f5f
}

.little-tit .more em {
    display: inline-block;
    *display: inline;
    *zoom:1;vertical-align: middle;
    background: url(../images/more_add-6fa0528f00.png) no-repeat 0 0/.08rem .08rem;
    width: .08rem;
    height: .08rem;
    margin-left: .02rem
}

.list-head-item ul li a,.little-tit .more:hover,.new-list ul li a span {
    color: #936e3f
}

.little-tit .more:hover em {
    background: url(../images/more_addh-3cccc00110.png) no-repeat 0 0/.08rem .08rem;
    width: .08rem;
    height: .08rem
}

.new-service {
    font-size: .14rem;
    color: #fff;
    width: 2rem;
    height: 100%;
    float: left;
    background: url(../images/newfu-bg-202350ee90.png) no-repeat 0 0/100% 100%
}

.new-service .inner-box {
    padding-top: .17rem
}

.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 h4 a {
    color: #fff
}

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

.new-service .service-list {
    padding: .11rem .1rem .12rem;
    overflow: hidden;
    text-align: center
}

.guide-list li,.service-list li {
    border-bottom: 1px solid #303030;
    overflow: hidden
}

.service-list li {
    font-size: .14rem;
    padding-bottom: 0;
    float: none;
    clear: both;
    margin: auto;
    text-align: center
}

.service-list li.oli-jqqd {
    font-size: .14rem;
    padding-bottom: 0;
    color: #b0b0b0
}

.service-list li.r {
    text-align: right
}

.new-service .inner-box li a {
    display: block;
    width: 100%;
    overflow: hidden;
    color: #b0b0b0;
    height: .24rem;
    line-height: .24rem
}

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

.new-service .service-list li {
    margin: auto;
    *display: inline;
    *zoom:1}

#zm-qq {
    width: 2rem;
    margin: 0 0 0 -.28rem;
    height: .28rem
}

.new-service .service-list a.oli-jqqd:hover,.weihu a {
    color: #b0b0b0;
    cursor: default
}

.new-server:hover {
    color: #c5130e!important;
    cursor: pointer
}

.guide-list {
    overflow: hidden;
    margin-top: .04rem;
    padding: 0 .1rem
}

.guide-list li {
    width: 100%;
    margin: .07rem auto
}

.guide-list li a {
    height: .14rem;
    padding: 1px 0;
    width: 100%;
    text-align: center
}

.guide-list li a i,.new-service .service-list li {
    display: inline-block;
    width: 50%
}

.weihu {
    height: .25rem;
    line-height: .25rem;
    text-align: center;
    margin-top: .08rem
}

.new-service .inner-box .no-cursor {
    cursor: default
}

.new-service .inner-box h4 a.no-cursor:hover {
    color: fff!important
}

.hot-pic {
    overflow: hidden;
    position: relative
}

.hot-pic,.hot-pic .swiper-slide,.news-part {
    float: left;
    width: 6rem;
    height: 2.7rem
}

.hot-pic .swiper-slide a {
    display: block;
    width: 100%;
    height: 2.7rem
}

.hot-pic .swiper-slide a img {
    display: block;
    width: 100%
}

.hot-pic .hot-pagination {
    position: absolute;
    left: 0;
    width: 100%;
    bottom: .04rem;
    font-size: 0;
    *word-spacing: -1px;
    padding: 0 .1rem;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    text-align: right
}

.hot-pic .hot-pagination span,.new-service .inner-box em,.news-part .news-list li i {
    display: inline-block;
    *display: inline;
    *zoom:1;vertical-align: middle
}

.hot-pic .hot-pagination span {
    margin: 0 .15rem;
    line-height: 99em;
    overflow: hidden;
    cursor: pointer;
    background: url(../images/p-dot-22ba7cef47.png) no-repeat 0 0/.24rem .24rem;
    opacity: 1;
    width: .24rem;
    height: .24rem
}

.hot-pic .hot-pagination span.swiper-pagination-bullet-active {
    background: url(../images/p-doth-199a3d0504.png) no-repeat 0 0/.24rem .24rem;
    width: .24rem;
    height: .24rem;
    opacity: 1
}

.news-part {
    width: 4rem;
    background: #fff;
    overflow: hidden;
    color: #444
}

.news-part .news-box {
    padding: 0 .18rem;
    margin: .03rem;
    overflow: hidden
}

.news-part .news-box .new-list-box {
    display: none
}

.news-part .news-hot {
    font-size: 0;
    word-spacing: -1px;
    text-align: center
}

.news-part .news-hot a {
    height: .36rem;
    color: #222;
    line-height: .36rem;
    margin-top: .05rem;
    text-align: center;
    display: block;
    font-size: .16rem;
    font-weight: 700;
    white-space: nowrap;
    letter-spacing: normal;
    -o-text-overflow: ellipsis;
    text-overflow: ellipsis;
    overflow: hidden
}

.news-part .news-key {
    overflow: hidden;
    line-height: .28rem;
    text-align: center
}

.news-part .news-key a {
    color: #e90801;
    text-align: center;
    margin: 0 .06rem
}

.news-part .news-key a:hover,.tese-show li>a span {
    text-decoration: underline
}

.news-part .news-list,.tese-show li {
    overflow: hidden
}

.news-part .news-list li {
    vertical-align: top;
    height: .32rem
}

.news-part .news-list li a {
    display: block;
    font-size: .14rem;
    color: #5c5c5c;
    height: .32rem;
    line-height: .32rem;
    -webkit-transition: all .4s ease;
    -o-transition: all .4s ease;
    transition: all .4s ease;
    white-space: nowrap;
    overflow: hidden;
    -o-text-overflow: ellipsis;
    text-overflow: ellipsis
}

.news-part .news-list li a.news-fc {
    color: #e90801
}

.news-part .news-list li a:hover {
    color: #e90801;
    margin-left: .06rem
}

.news-part .news-list li i {
    width: .12rem;
    height: .14rem;
    background: #e90801;
    color: #fff;
    font-size: .1rem;
    text-align: center;
    margin-left: .02rem;
    line-height: .14rem;
    border-radius: .02rem
}

.p2 .part-main .tese-show {
    width: 12rem;
    height: auto;
    margin: .6rem auto 0
}

.tese-show li {
    width: 100%;
    margin-bottom: .85rem
}

.tese-show li>a {
    display: block;
    position: relative
}

.tese-show li>a span {
    display: block;
    position: absolute;
    right: .16rem;
    top: .1rem;
    font-size: .16rem;
    color: #e2c8a8
}

.tese-show li>a span:hover {
    color: red
}

.tese-show li.last-oli,.tese-show li:last-child {
    margin-bottom: 0
}

.tese-show li .left-tese {
    float: left;
    max-width: 7.2rem
}

.tese-show li .spacing-left {
    margin-left: .31rem
}

.tese-show li .right-tese {
    float: right;
    max-width: 7.2rem
}

.tese-show li img {
    width: 4.26rem;
    height: 2.02rem
}

.tese-show li h3 {
    min-width: 3rem;
    height: .68rem;
    line-height: .68rem;
    display: inline-block;
    position: relative
}

.tese-show li h3.long-title {
    width: 7.3rem;
    height: 1.05rem
}

.tese-show li .long-title .chaochu1 {
    float: left;
    margin-bottom: .11rem
}

.tese-show li .long-title .chaochu2 {
    float: right;
    margin-right: .15rem
}

.tese-show li h3 i {
    display: block;
    background: url(../images/dot-efcbe9786c.png) no-repeat 0 0/.22rem .22rem;
    width: .22rem;
    height: .22rem;
    position: absolute;
    left: -.31rem;
    top: .13rem
}

.tese-show li h3 span {
    display: block;
    color: #e2c8a8;
    font-family: "\5B8B\4F53";
    font-weight: bolder;
    font-size: .37rem;
    padding-bottom: .1rem;
    border-bottom: 1px solid #e2c8a8;
    text-indent: 0;
    overflow: hidden;
    line-height: .36rem
}

.tese-show li p {
    width: 7.2rem;
    display: inline-block;
    font-size: .18rem;
    color: #e2c8a8;
    margin-top: .12rem;
    text-indent: .37rem
}

.p3 .part-main {
    overflow: visible
}

.act-pic .swiper-wrapper {
    height: 6.65rem;
    margin-top: .47rem
}

.cw-box,.cw-box .back,.cw-box .front {
    -webkit-transform-style: preserve-3d;
    transform-style: preserve-3d
}

.cw-box {
    float: left;
    width: 2.98rem;
    height: 6.65rem;
    text-align: center;
    font-size: .18rem;
    -webkit-transition: -webkit-transform .5s ease-in-out;
    transition: transform .5s ease-in-out,-webkit-transform .5s ease-in-out;
    display: block;
    position: relative;
    -o-transition: transform .5s ease-in-out;
    transition: transform .5s ease-in-out
}

.cw-box a {
    width: 100%;
    height: 100%;
    display: block;
    text-decoration: none
}

.cw-box a:hover {
    cursor: pointer
}

.cw-box a.cw-hover .front,.cw-box a:hover .front {
    -webkit-transform: rotateY(180deg);
    transform: rotateY(180deg);
    z-index: 1
}

.cw-box a.cw-hover .back,.cw-box a:hover .back {
    -webkit-transform: rotateY(0deg);
    transform: rotateY(0deg);
    z-index: 2
}

.cw-box .back,.cw-box .front {
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    -webkit-transition: .6s ease-out;
    -o-transition: .6s ease-out;
    transition: .6s ease-out;
    position: absolute;
    top: 0;
    left: 0
}

.cw-box .front {
    z-index: 3;
    -webkit-transform: rotateY(0deg);
    transform: rotateY(0deg)
}

.back .role-name img,.cw-box .front img {
    display: block;
    width: 2.93rem;
    height: 6.65rem
}

.cw-box .back {
    width: 100%;
    height: 100%;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    z-index: 2;
    -webkit-transform: rotateY(-180deg);
    transform: rotateY(-180deg)
}

#long-desc {
    width: 7.38rem
}

.back .role-name {
    width: 100%;
    height: auto;
    overflow: hidden
}

.back .role-name p {
    width: 1rem;
    height: .8rem;
    float: left
}

.back .role-name span {
    display: inline-block;
    color: #e4c8a5
}

.back .role-name .zn-name {
    font-size: .36rem;
    width: 2.22rem;
    text-align: left
}

.back .role-name .zn-name i {
    padding: 0 .05rem
}

.back .role-name .en-name {
    font-size: .16rem;
    margin: .12rem 0 0 .02rem;
    width: 2rem;
    text-align: left
}

.back p.role-desc {
    color: #e4c8a5;
    font-size: .16rem;
    line-height: .26rem;
    margin-top: .1rem;
    text-align: left
}

.act-pic-next,.act-pic-prev {
    position: absolute;
    top: 50%;
    margin-top: .1rem;
    z-index: 99;
    cursor: pointer
}

.act-pic-prev {
    background: url(../images/left-cc4c6817b4.png) no-repeat 0 0/.45rem .95rem;
    width: .45rem;
    height: .95rem;
    left: -.9rem
}

.act-pic-next {
    background: url(../images/right-fce37d30e7.png) no-repeat 0 0/.46rem .95rem;
    width: .46rem;
    height: .95rem;
    right: -.9rem
}

.act-pic-next:hover,.act-pic-prev:hover {
    opacity: .8;
    filter: alpha(opacity=80)
}

.v-box {
    height: 5.3rem;
    margin-top: .25rem
}

.p-box h4,.v-box h4 {
    font-size: .36rem;
    color: #e2c8a8;
    line-height: .38rem;
    margin-bottom: .2rem
}

.sp-left,.sp-right {
    width: 8rem;
    height: 4.5rem;
    float: left
}

.sp-left a,.sp-left a .poster {
    width: 100%;
    height: 100%;
    position: relative
}

.sp-left a {
    display: block
}

.sp-left a p,.sp-right a p {
    position: absolute;
    bottom: 0;
    color: #fff
}

.sp-left a p {
    width: 8rem;
    text-align: center;
    font-size: .24rem;
    height: .66rem;
    line-height: .66rem
}

.sp-left a .poster {
    overflow: hidden
}

.sp-left a .poster video {
    position: absolute;
    left: 0;
    top: 0;
    z-index: 9
}

.sp-left a .poster i.gry,.sp-left a img,.sp-right a img {
    width: 100%;
    height: 100%;
    -webkit-transition: all .4s ease;
    -o-transition: all .4s ease;
    transition: all .4s ease
}

.sp-left a:hover img,.sp-right a:hover img {
    -webkit-transform: scale(1.12);
    -ms-transform: scale(1.12);
    transform: scale(1.12)
}

.sp-left a .poster i,.sp-right a,.sp-right a i {
    position: absolute;
    display: block
}

.sp-left a .poster i.gry {
    left: 0;
    top: 0;
    z-index: 3;
    filter: progid:DXImageTransform.Microsoft.gradient(enabled='true',startColorstr='#0000004d', endColorstr='#0000004d');
    background: rgba(0,0,0,.3)
}

.sp-left a .poster i.play {
    background: url(../images/play1-267fb98e87.png) no-repeat 0 0/.82rem .81rem;
    width: .82rem;
    height: .81rem;
    left: 50%;
    top: 50%;
    margin-left: -.41rem;
    margin-top: -.41rem;
    z-index: 2;
    cursor: pointer
}

.sp-right {
    width: 3.9rem;
    float: right
}

.sp-right a {
    position: relative;
    width: 3.92rem;
    height: 2.23rem
}

.sp-right a .poster,.sp-right a .poster i {
    position: absolute;
    width: 100%;
    height: 100%;
    left: 0;
    top: 0
}

.sp-right a .poster {
    overflow: hidden
}

.sp-right a .poster i {
    display: block;
    z-index: 2;
    -webkit-transition: all .4s ease;
    -o-transition: all .4s ease;
    transition: all .4s ease;
    filter: progid:DXImageTransform.Microsoft.gradient(enabled='true',startColorstr='#0000004d', endColorstr='#0000004d');
    background: rgba(0,0,0,.3)
}

.sp-left a .poster:hover i.gry,.sp-right a .poster:hover i {
    filter: progid:DXImageTransform.Microsoft.gradient(enabled='true',startColorstr='#00000000', endColorstr='#00000000');
    background: 0 0
}

.sp-right a i {
    background: url(../images/play2-59f488c1ee.png) no-repeat 0 0/.24rem .24rem;
    width: .24rem;
    height: .24rem;
    left: .1rem;
    bottom: .1rem
}

.sp-right a p {
    z-index: 3;
    width: 100%;
    text-indent: .4rem;
    font-size: .16rem;
    height: .46rem;
    line-height: .46rem;
    filter: progid:DXImageTransform.Microsoft.gradient(enabled='true',startColorstr='#00000080', endColorstr='#00000080');
    background: rgba(0,0,0,.5)
}

.sp-right-t2 {
    margin-bottom: .04rem
}

.p-box h4 {
    margin-top: .3rem
}

.pic-inner,.pic-inner a {
    width: 8rem;
    height: 3.96rem
}

.pic-inner a {
    display: block;
    float: left;
    width: 2.59rem;
    margin-right: .1rem;
    overflow: hidden
}

.pic-inner a.pic3,.pic-inner a:last-child {
    margin-right: 0
}

.part-main .pic-inner .last-t3 {
    margin-right: 0
}

.pic-inner a .pic-wrap,.pic-right .pic-right-t1 .pic-wrap {
    width: 100%;
    height: 100%
}

.pic-inner a .pic-wrap img,.pic-right a img {
    width: 100%;
    height: 100%;
    -webkit-transition: all .4s ease;
    -o-transition: all .4s ease;
    transition: all .4s ease
}

.pic-inner a:hover img,.pic-right a:hover img {
    -webkit-transform: scale(1.12);
    -ms-transform: scale(1.12);
    transform: scale(1.12)
}

.pic-right {
    width: 3.91rem;
    height: 3.96rem;
    float: right
}

.pic-right a {
    display: block;
    float: left;
    width: 1.91rem;
    height: 1.93rem;
    overflow: hidden
}

.pic-right .pic-right-t4,.pic-right .pic-right-t6 {
    margin-right: .09rem
}

.pic-right a:nth-child(1),.pic-right a:nth-child(3),.pic-right1,.pic-right3 {
    margin-right: .09rem
}

.pic-right .pic-right-t4,.pic-right .pic-right-t5 {
    margin-bottom: .09rem
}

.pic-right a:nth-child(1),.pic-right a:nth-child(2),.pic-right1,.pic-right2 {
    margin-bottom: .09rem
}

.pic-right .pic-right-t6 img,.pic-right .pic-right-t7 img {
    margin-top: -1px
}

.pic-right a:nth-child(3) img,.pic-right a:nth-child(4) img,.pic-right4 img,.pic-right6 img {
    margin-top: -1px
}

.wx-box {
    width: auto;
    height: 2.12rem;
    text-align: center;
    margin-top: .8rem
}

.wx-box a {
    width: 2.51rem;
    height: 2.12rem;
    display: inline-block;
    position: relative;
    margin: 0 1.15rem;
    cursor: default
}

.wx-box a.zm {
    background: url(../images/zm-a0d31f71d7.png) no-repeat 0 0/100% 100%
}

.wx-box a.wx {
    background: url(../images/wx-6cb69bcf1d.png) no-repeat 0 0/100% 100%
}

.wx-box a i {
    display: block;
    width: 1.66rem;
    height: 1.66rem;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    padding: .1rem;
    background: #fff;
    position: absolute;
    right: .22rem;
    top: -.18rem
}

.wx-box a i img {
    width: 1.46rem;
    height: 1.46rem
}

.wx-box a p {
    width: 90%;
    margin: 1.65rem auto 0;
    line-height: .2rem;
    font-size: .14rem;
    color: #9b9191;
    text-align: left
}

#footer {
    background: #151110;
    padding: 0 0 .18rem
}

.news-btn,.r-aside {
    position: fixed;
    top: 50%;
    z-index: 99
}

.news-btn {
    width: 1.09rem;
    height: 1.21rem;
    cursor: pointer;
    background: url(../images/news-75cb45381b.png) no-repeat 0 0/100% 100%;
    text-indent: -99.99rem;
    overflow: hidden;
    display: none;
    right: .5rem;
    margin-top: -.6rem
}

.r-aside {
    display: block;
    right: -3.78rem;
    margin-top: -2.68rem;
    background: #f5f5f5;
    border: 1px solid #c1b79f
}

.part1-news,.r-aside {
    width: 3.46rem;
    height: 5.35rem
}

.normal-title {
    width: 100%;
    height: .64rem;
    text-indent: .25rem
}

.normal-title p {
    float: left;
    font-size: .3rem;
    font-weight: 700;
    margin-top: .25rem;
    color: #936e3f;
    text-indent: .25rem
}

.normal-title p span {
    font-family: "Georgia";
    font-size: .18rem;
    color: #d9c8a0;
    font-weight: 400;
    text-indent: .25rem
}

.more-item {
    float: right;
    margin-right: .15rem;
    margin-top: .25rem;
    line-height: .5rem;
    font-size: .14rem
}

.more-item a {
    text-indent: .25rem;
    color: #400000
}

.more-item i {
    display: inline-block;
    background: url(../images/news-more-b1804d2543.png) no-repeat 0 0/.14rem .11rem;
    width: .14rem;
    height: .11rem
}

.new-list-head {
    width: 100%;
    overflow: hidden;
    font-size: .18rem;
    text-align: center;
    margin-top: .12rem
}

.new-list-head .new-point {
    width: 3.6rem;
    height: .36rem;
    background: url(../images/news-rc-bg1-8925b3ca2c.jpg) no-repeat 0 0/100% 100%;
    line-height: .4rem
}

.new-list-head .new-point a {
    font-size: .16rem;
    display: inline-block;
    margin-left: .49rem;
    color: #e83535;
    width: 83%;
    height: 100%;
    overflow: hidden;
    white-space: nowrap;
    -o-text-overflow: ellipsis;
    text-overflow: ellipsis
}

.list-head-item,.new-list {
    width: 100%;
    margin-top: .06rem
}

.list-head-item ul li {
    display: inline-block;
    margin-right: .08rem;
    font-size: .14rem;
    color: #333;
    *display: inline;
    *zoom:1}

.new-list-box a img {
    padding-left: .05rem;
    vertical-align: middle;
    width: .21rem;
    height: .09rem
}

.new-list ul li {
    height: .3rem;
    line-height: .3rem;
    font-size: .16rem;
    word-spacing: -1px
}

.new-list ul li:last-child {
    border-bottom: none
}

.new-list ul li a:hover {
    padding-left: .1rem;
    color: #936e3f
}

.new-list ul li a {
    display: block;
    height: 100%;
    color: #000;
    width: 100%;
    font-size: .14rem;
    -webkit-transition: all .4s ease;
    -o-transition: all .4s ease;
    transition: all .4s ease;
    white-space: nowrap;
    overflow: hidden;
    -o-text-overflow: ellipsis;
    text-overflow: ellipsis;
    letter-spacing: normal;
    word-spacing: normal;
    zoom:1}

.new-list ul li a.hot {
    color: #e83535
}

.r-aside .line {
    width: 89%;
    height: 1px;
    background: #936e3f;
    margin: .1rem 0 0 .25rem
}

.hot-picture {
    height: 1.81rem;
    position: relative;
    margin-left: .24rem;
    margin-top: .2rem
}

.hot-picture .bd,.hot-picture .bd li,.hot-picture .bd ul {
    width: 3.11rem;
    height: 1.81rem
}

.hot-picture,.hot-picture .bd ul {
    overflow: hidden
}

.hot-picture .bd li {
    float: left
}

.hot-picture .bd li a {
    display: block
}

.hot-picture,.hot-picture .bd li a img {
    width: 3.11rem
}

.hot-picture .hd {
    position: absolute;
    left: 0;
    width: 3.11rem;
    height: .06rem;
    bottom: 0;
    font-size: 0;
    word-spacing: -1px;
    text-align: right
}

.hot-picture .hd ul {
    width: 100%;
    height: 100%;
    text-align: center
}

.hot-picture .hd li {
    display: inline-block;
    width: 50%;
    height: .06rem;
    background: #272727;
    line-height: 99em;
    overflow: hidden;
    cursor: pointer
}

.hot-picture .hd li.on {
    background: #f4c58b
}

.r-aside .turn-off {
    display: block;
    position: absolute;
    left: -1px;
    top: -.3rem;
    background: url(../images/retract2-bf81686a98.png) no-repeat 0 0/.92rem .29rem;
    width: .92rem;
    height: .29rem;
    cursor: pointer
}

.pop-video,.pop-video .mask {
    left: 0;
    top: 0;
    height: 100%;
    width: 100%
}

.pop-video {
    display: none;
    position: fixed;
    z-index: 100
}

.pop-video .mask {
    position: absolute;
    background: #000;
    opacity: .7;
    filter: alpha(opacity=70);
    z-index: 1
}

.pop-video .close {
    position: absolute;
    right: 0;
    top: -.5rem;
    background: url(../images/close-317b848fed.png) no-repeat 0 0/100% 100%;
    width: .29rem;
    height: .29rem;
    line-height: 99em;
    z-index: 3;
    overflow: hidden;
    cursor: pointer;
    -webkit-transition: transform .3s ease-in-out;
    -webkit-transition: -webkit-transform .3s ease-in-out;
    -o-transition: transform .3s ease-in-out;
    transition: transform .3s ease-in-out;
    transition: transform .3s ease-in-out,-webkit-transform .3s ease-in-out
}

.pop-video .close:hover {
    -webkit-transform: rotate(90deg);
    -ms-transform: rotate(90deg);
    transform: rotate(90deg)
}

.pop-video-bd {
    position: absolute;
    background: 0 0;
    z-index: 2;
    width: 8rem;
    height: 4.5rem;
    top: 50%;
    left: 50%;
    margin-left: -4rem;
    margin-top: -2.25rem
}

.pop-video-bd video {
    width: 8rem!important;
    height: 4.5rem!important
}

.agetip-btn16 {
    width: .94rem!important;
    height: 1.2rem!important;
    background-position: 0 0!important;
    background-size: cover!important
}

.pop-agemain {
    width: 10.71rem!important;
    height: 7.04rem!important;
    margin: -3.52rem 0 0 -5.35rem!important;
    background: url(../images/agepop.png) no-repeat 0 0/100% 100%!important
}

.pop-agemain .close-pop {
    right: -.5rem!important;
    width: .4rem!important;
    height: .4rem!important;
    background: url(../images/close.png) no-repeat 0 0/100% 100%!important
}

.pop-agemain .inbox {
    padding: .46rem .45rem 0!important
}

.pop-agemain h3 {
    font-size: .34rem!important
}

.pop-agemain .ageTip-con {
    font-size: .18rem!important;
    line-height: .3rem!important;
    height: 5.56rem!important;
    padding-right: .1rem!important
}

.pop-agemain .ageTip-con p {
    margin-top: .2rem!important
}