body {
    color: #797979;
    font-family: "Monospaced Number",Chinese Quote,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,PingFang SC,Hiragino Sans GB,Microsoft YaHei,Helvetica Neue,Helvetica,Arial,sans-serif;
    padding: 0px !important;
    margin: 0px !important;
    font-size: 14px;
}
a,
a:hover,
a:focus {
    text-decoration: none;
    outline: none;
}
.wrap p{margin: 0;padding: 0;}
.sp{background: url("../../img/header/sp.png") no-repeat;}
.sbtn{transition: all .3s;-webkit-transition: all .3s;}
.sbtn:hover{filter: brightness(1.1);-webkit-filter: brightness(1.1);filter:alpha(opacity=90)\0;}

*{outline: none;}
a.sp{transition: all .3s;-webkit-transition: all .3s;}
a.sp:hover{filter: brightness(1.1);-webkit-filter: brightness(1.1);filter:alpha(opacity=90)\0;}
.elips{white-space: nowrap;text-overflow: ellipsis;overflow: hidden;}
.in{display: inline-block;}
.pr{position: relative;}
.pa{position: absolute;}
.t{text-indent: -9999rem;display: block;}
input,select,textarea{border: 0;background: 0;-webkit-appearance: none;outline: 0; }
.wrap{width: 100%;position: relative;overflow: hidden;min-width: 1656px;}
.mid{width: 1656px;margin: 0 auto;z-index: 8;}
.public_footer{min-width: 1656px;}
input::-webkit-input-placeholder{
    color: #999;
}
input::-moz-placeholder{   /* Mozilla Firefox 19+ */
    color: #999;
}
input:-moz-placeholder{    /* Mozilla Firefox 4 to 18 */
    color: #999;
}
input:-ms-input-placeholder{  /* Internet Explorer 10-11 */
    color: #999;
}

html{width: initial;  height: initial;}
html, body{overflow-x: hidden;min-width: auto;}
.wrapper{position: relative;overflow: hidden;}
/*导航*/
.header{background: url("../../img/header/bg_20211207.jpg") no-repeat center top;height: 1443px;position: relative;}
.top-nav-bg{;border-bottom: 1px solid #c5e0fe;width: 1920px;height: 96px;position: absolute;top: 0;left: 50%;margin-left: -960px;z-index: 9;}
.top-nav-bg .top-ct{width: 1200px; height: 58px; margin: 0 auto;}
.top-nav-bg .jx-logo{background: url("../../img/header/jx-logo-comm.png") no-repeat;width: 147px;height: 71px;float: left;position: relative;top: 16px;z-index: 99;left:25px;}
.top-nav-bg .top_menu_bg{
	background: url("../../img/header/top-nav-bg.png") no-repeat center top;
	border-bottom: none;
	width: 1920px;
	height: 96px;
	position: absolute;
	top: 0;
	left: 50%;
	margin-left: -960px;
	z-index: 2;
}
.top-nav-bg .menu-box{width: 975px;position: relative;float: right;}
.top-nav-bg .nav-list{width: 1200px;position: relative;z-index: 2;}
.top-nav-bg .nav-list .nav-item{width: 133px;height: 58px;font-size: 23px;color: #e7f0ff;text-align: center;line-height: 58px;float: left;position: relative;}
.top-nav-bg .nav-list .nav-item i{position: absolute;left: 50%;top: 0;width: 0;height: 2px;background: #dcc072;transition: all .2s ease-in-out;-webkit-transition: all .2s ease-in-out;}
.top-nav-bg .nav-list .nav-item:hover,
.top-nav-bg .nav-list .nav-item.cur{background: url("../../img/header/nav-item-cur.png") no-repeat;color: #dcc072;text-decoration: none;}
.top-nav-bg .nav-list .nav-item:hover i,
.top-nav-bg .nav-list .nav-item.cur i{width: 100%;left: 0;}

.nav-detail{background: url("../../img/header/top-nav-select.png") no-repeat;background-size: cover;width: 1920px;height: 0px; overflow: hidden; position: absolute;top: 59px;left: 50%;margin-left: -1072px;transition: all .3s;z-index: 1;opacity: 0;}
.nav-detail.cur{top: 59px; opacity: 1; height: 370px;}
.nav-detail .detail-ct{width: 1200px;height: 370px; margin: 0 auto;padding-top: 30px;}
.nav-detail .list-one{margin-left: 362px;}
.nav-detail .detail-list{width: 133px;position: relative;min-height: 2px;}
.nav-detail .detail-list:before{content: "";width: 1px;height: 150px;background: #fff;position: absolute;top: 0;left: 0;}
.nav-detail .detail-list li{width: 100%;line-height: 20px;margin-bottom: 20px;text-align: center;position: relative;font-size: 18px;color: #333;}
.nav-detail .detail-list li:hover{background: #dcc072;}
.nav-detail .detail-list a{color: #333;}
.nav-detail .detail-list a:hover{background: #dcc072;}
.nav-detail .ewm{width: 146px;height: 146px;position: absolute;top: 10px;right: 387px;}
.nav-detail .ewm img{display: none;animation: ewm-ani .3s ease both;-webkit-animation: ewm-ani .3s ease both;width: 146px;height: 146px;}

.nav-detail .detail-list img {
    vertical-align: middle;
    border-style: none;
}
.nav-detail .detail-list li:hover .index-expand-code{
	opacity: 1;z-index: 1;
}
.nav-detail .detail-list li:last-child:hover .index-expand-code{
	/* top: -110px; */
}
.nav-detail .detail-list .index-expand-code {
    position: absolute;
    pointer-events: none;
    width: 146px;
    height: 146px;
    top: -43px;
    left: 100%;
    opacity: 0;
    -webkit-transform: translateY(30px);
    -ms-transform: translateY(30px);
    transform: translateY(30px);
    -webkit-transition: all .2s linear;
    -o-transition: all .2s linear;
    transition: all .2s linear;
}
@keyframes ewm-ani {
    0%{opacity: .5;transform: translateY(5px);}
    100%{opacity: 1;transform: translateY(0);}
}

@-webkit-keyframes ewm-ani {
    0%{opacity: .5;-webkit-transform: translateY(5px);}
    100%{opacity: 1;-webkit-transform: translateY(0);}
}
.nav-detail .ewm-qywx{;width: 146px;height: 146px;position: absolute;top: 10px;right: 390px;display: none;}
.nav-detail .ewm-qywx img{animation: ewm-ani .3s ease both;-webkit-animation: ewm-ani .3s ease both;width: 146px;height: 146px;}
@media screen and (max-width: 1600px){

}

.down-load-bg{padding: 370px 0 0 90px; opacity: 0;}
.down-load-bg.show{ animation: ani-fadeIn 0.4s both;}
@keyframes ani-fadeIn {
    0% { opacity: 0; }
    100% { opacity: 1; }
}
@keyframes ani-fadeOut {
    0% { opacity: 1; }
    100% { opacity: 0; }
}
.down-load{background: url("../../img/header/down-load-bg.png") no-repeat;width: 600px;height: 141px;}
.down-load .ewm{width: 178px;height: 141px;background-position: -27px -27px;position: relative;}
.down-load .ewm img{width: 132px;height: 127px;position: absolute;top: 8px;left: 39px;}
.down-load .light{background: url("../../img/header/light.png") no-repeat;width: 152px;height: 8px;position: absolute; top: 8px;right: -3px;}

.light-move {-webkit-animation: mymove 3s ease infinite;animation: mymove 3s ease infinite;}
@-webkit-keyframes  mymove{
    0%{-webkit-transform: translateY(0);}
    100%{-webkit-transform: translateY(115px);}
}

@keyframes  mymove{
    0%{transform: translateY(0);}
    100%{-webkit-transform: translateY(115px);}
}

.down-load .down-btns{margin: 10px 10px 0 15px;width: 200px;}
.down-load .down-btns a{width: 200px;height: 57px;display: block;text-indent: -9999px;}
.down-load .down-btns .btn-ios{background-position: -220px -35px;margin-bottom: 10px;}
.down-load .down-btns .btn-adr{background-position: -220px -102px;}
.down-load .btn-pc{width: 100px;height: 124px;background-position: -429px -35px;margin-top: 10px;text-indent: -9999px;}
.down-load a:hover{filter: brightness(1.1);-webkit-filter: brightness(1.1);filter:alpha(opacity=90)\0;transform: translateY(-2px);-webkit-transform: translateY(-2px);}


/*轮播+新闻*/
.section-top-info{margin-top: 50px;}
.section-lunbo{width: 654px;height: 360px;overflow: hidden;}
.section-lunbo .swiper-slide{width: 100%;height: 100%;}
.section-lunbo .swiper-slide .link{display: block;width: 100%;height: 100%;}
.section-lunbo .swiper-slide img{width: 654px;height: auto;}
.section-lunbo .lunbo-pagination{text-align: left;left: 25px;}
.section-lunbo .lunbo-pagination .swiper-pagination-bullet{width: 12px;height: 12px;background: #ccc;opacity: 1;}
.section-lunbo .lunbo-pagination .swiper-pagination-bullet-active{background: #dcc072;padding: 0 16px;border-radius: 30px;}
.section-news{width: 546px;height: 360px;background: url("../../img/header/section-news-bg.png") no-repeat;position: relative;}
.section-news .btn-more{width: 25px;height: 25px;background-position: -556px -35px;position: absolute;top: 16px;right: 18px;z-index: 10;text-indent: -9999px;}
.news-nav{padding: 11px 0;border-bottom: 1px solid rgba(204,204,204,0.33);font-size: 0; height: 33px;}
.news-nav .nav-item{height: 33px;line-height: 30px;font-size: 20px;color: #333;transition: all 0.2s; text-align: center;display: inline-block;cursor: pointer;position: relative;padding: 0 22px;}
.news-nav .nav-item:before{content: "";background: url("../../img/header/news-nav-ico.png") no-repeat;width: 83px;height: 6px;position: absolute;top: 41px;left: 50%;margin-left: -42px;display: none;}
.news-nav .nav-item.cur{background: #dcc072;color: #fff;border-radius: 20px;}
.news-nav .nav-item.cur:before{display: block;;}
.section-news .news-nav .nav-item{margin-right: 42px;}
.news-nav .it-one{margin-left: 24px;}
.page-cont .news-nav .nav-item:hover{background: #dcc072;color: #fff;border-radius: 20px;}
.page-cont .news-nav .nav-item:hover:before{display: block;;}
.swiper-news{width: 100%;position: relative;}
.swiper-news .news-panel{padding: 0 22px;}
.section-news .news-tit{font-size: 20px;color: #445a84;text-align: center;font-weight: bold;margin: 12px 10px;}
.section-news .news-tit a{display: block;color: #445a84;}


.section-news .tit-links{height: 32px;border-bottom: 1px solid #d3e1ee;text-align: center;margin: 0 24px;}
.section-news .tit-links a{font-size: 16px;color: #dcc072;}
.news-list .list-item{padding: 11px 0;border-bottom: 1px dashed #dee0e1}
.news-list .txt{font-size: 16px;color: #666;display: block;height: 22px;padding-left: 56px;position: relative;transition: all .3s linear;}
.news-list .txt:hover{text-decoration: none;transform: translate3d(5px, 0, 0);}
.news-list .ico{width: 48px;height: 22px;line-height: 20px;font-size: 16px;color: #fff;text-align: center;background: #7fa9d1;position: absolute;top: 0;left: 0;border-radius: 3px;}

/*游戏特色*/
.game-feature{width: 1200px;margin-top: 28px;position: relative; overflow: hidden; height: 410px;}
.game-feature .bar{background: url("../../img/header/game-feature-btn1.png") no-repeat;width: 90px;height: 409px;position: absolute;top: 0;left: 0;z-index: 10;font-size: 26px;color: #eeebdf;text-align: center;}
.game-feature .bar{background-position: 0 0;}
.game-feature .game-item{float: left;width: 90px;height: 410px;overflow: hidden;position: relative;margin-right: 5px; transition: 0.4s width linear;}
.game-feature .game-item:last-child{margin-right: 0;}
.game-feature .game-item.cur{width: 820px;}
.game-feature .game-item.cur .bar{background-position: -94px 0;cursor: pointer; color:#fff;}
.game-feature .img-box{width: 726px;height: 410px;overflow: hidden;position: absolute;top: 0;right: 0;}
.game-feature .img-box img{width: 100%;height: auto;}
.game-feature .txt{width: 36px;margin: 0 auto;display: block;padding-top: 22px;line-height: 34px;writing-mode: vertical-rl; letter-spacing: 4px;}
.game-feature .txt em{display: inline-block;width: 4px;height: 4px;background: #eeebdf;border-radius: 2px;margin: 6px 6px 8px 4px;}
.game-feature .game-item.cur .txt em{background:#fff;}

/*门派*/
.job-wrap{width: 100%;height: 573px;position: relative;overflow: hidden;}
.job-ct{width: 1920px;height: 573px;position: absolute;top: 0;left: 50%;margin-left: -960px;}
.job-item{position: absolute;top: 0;left: 0;display: none;z-index: 1;}
.job-item.cur{display: block;z-index: 2; }
.job-item.cur .fade-job{
    animation: fadeJob .3s linear both;
    -webkit-animation: fadeJob .3s linear both;
}
@keyframes  fadeJob{
    0%{opacity: .3;}
    100%{opacity: 1;}
}
@-webkit-keyframes fadeJob{
    0%{opacity: .3;}
    100%{opacity: 1;}
}

.job-item.cur .chart-ani{
    animation: chart-ani .6s .3s ease both;
    -webkit-animation: chart-ani .6s .3s ease both;
}

@keyframes chart-ani {
    0%{transform: scale(0);}
    100%{transform: scale(1);}
}

@-webkit-keyframes chart-ani {
    0%{-webkit-transform: scale(0);}
    100%{-webkit-transform: scale(1);}
}

.job-item.cur .fade-left{
    animation: fade-left .6s ease both;
    -webkit-animation: fade-left .6s ease both;
}

@keyframes  fade-left{
    0%{opacity: 0;transform: translateX(-500px);}
    100%{opacity: 1;transform: translateY(0);}
}

@-webkit-keyframes  fade-left{
    0%{opacity: 0;-webkit-transform: translateX(-500px);}
    100%{opacity: 1;-webkit-transform: translateY(0);}
}


.job-item.cur .fade-right{
    animation: fade-right .6s ease both;
    -webkit-animation: fade-right .6s ease both;
}

@-webkit-keyframes  fade-right{
    0%{opacity: 0;-webkit-transform: translateX(500px);}
    100%{opacity: 1;-webkit-transform: translateY(0);}
}


.job-item .chart{width: 228px;height: 182px;position: absolute;top: 53px;left: 426px;}
.job-item .job-name{width: 426px;height: 186px;}
.job-item .job-name img{display: block;}
.job-item .job-name1 img{position: relative;top: -10px;left: -5px;}
.job-nav{width: 1200px;height: 33px;position: absolute;top: 44px;left: 50%;margin-left: -600px;z-index: 99;}
.job-nav .nav-item{float: left;height: 30px;line-height: 30px;font-size: 20px;color: #333;text-align: left;padding-left: 24px;position: relative;cursor: pointer;width: 74px;text-decoration: none;margin: 0 16px;}
.job-nav .nav-item:before{content: "";background: url("../../img/header/sp.png") no-repeat -591px -40px;width: 14px;height: 14px;position: absolute;top: 8px;left: 0;}
.job-nav .nav-item.cur,.job-nav .nav-item:hover{width: 96px;border: 1px solid #dcc072;border-radius: 15px;padding-left: 0;}
.job-nav .nav-item.cur .txt, .job-nav .nav-item:hover .txt{color: #fff;text-align: center;display: block;margin: 0 5px;background: #dcc072;border-radius: 15px;}
.job-nav .nav-item.cur:before,.job-nav .nav-item:hover:before{display: none;}
.job-nav .nav-item.cur{animation: pulse 1s linear infinite;}
@keyframes pulse {
    0%{transform: scale(1);}
    50%{transform: scale(.95);}
    10%{transform: scale(1);}
}

.job-info{width: 1200px;position: absolute;top: 132px;left: 50%;margin-left: -600px;}
.job-intro{margin-top: -15px;}
.job-intro .txt{font-size: 30px;color: #727171;}
.job-intro .txt li{margin-bottom: 5px;}
.job-intro .detail{font-size: 20px;color: #727171;margin-top: 25px;}
.job-wrap .btn-prev,
.job-wrap .btn-next{width: 104px;height: 84px;position: absolute;top: 293px;left: 50%;z-index: 100;}
.job-wrap .btn-prev{background-position: -829px -200px;margin-left: -704px;}
.job-wrap .btn-next{background-position: -971px -200px;margin-left: 704px;}

/*底部区块*/
/*footer*/
.footer {
    color: #fff;
    display: inline-block;
    width: 100%;
	font-size: 12px;  line-height: 18px; overflow: hidden; padding-bottom: 4px;
	text-align: center; transform: translateZ(0); transition: height 0.3s, padding 0.3s; width: 100%;height: 255px !important;
}
.footer .footer_dv{background-color:#99D2D9;width:1920px;margin: auto;height: 255px;}
.footer .container{
	max-width: 1656px !important;padding: 0;margin: auto;
}
.footer .public_footer_left{
	    float: left;
	    height: 40px;
	    margin: 92px 0px 0px;
	    position: relative;
	    top: 0px;
	    transition: top 0.3s ease 0s;
	    width: 300px;
}
.footer .public_footer_right{
	padding-left: 400px; padding-top: 34px; transition: padding-top 0.3s
}
.footer .public_footer_top{
	margin: 3px 0px 14px; overflow: hidden; padding-top: 6px; transition: all 0.3s ease 0s; width: 868px;
}
.footer .public_footer_top a {
	text-decoration: none;color: #202d40; font-size: 17px;font-weight: 400;
}
.footer .public_footer a{
	color: #202d40; display: inline-block; height: 20px;font-size: 13px; line-height: 20px; margin-right: 2px; opacity: .6; text-decoration: none; vertical-align: baseline;
	    border-bottom: 1px solid transparent;
}
.footer .public_footer_top_delimiter{
	color: #202d40; opacity: 1;font-size: 17px;
}
.footer .public_footer_mid{font-size: 17px; margin: 0; margin-bottom: 16px; padding: 0;    text-align: left!important;}
.footer .public_footer_mid_font{color: #202d40; font-size: 17px;;font-weight: 400; display: block; margin-bottom: 8px;}
.footer .public_footer_expand_hide{color: #202d40; font-size: 17px; ;font-weight: 400; margin: 0px 0px 12px; padding: 0px; display: none;}
.footer .public_footer_red_link{color: #e80000; display: inline-block; margin-right: 2px;  font-size: 17px;font-weight: 400; text-decoration: none}
.footer .public_footer_need_hidden{color: #202d40; font-size: 17px; ;font-weight: 400; margin: 0px 0px 17px; padding: 0px; visibility: visible;text-align: left;}
.footer .J_whbBeianFootNum{color: #202d40; font-size: 17px; ;font-weight: 400;}
.footer .J_whbBeianFootProvNum{color: #202d40; font-size: 17px;font-weight: 400; display: inline-block; margin-right: 2px; text-decoration: none}


@keyframes swing {
    0%{transform: rotate(-2deg);}
    50%{transform: rotate(0);}
    100%{transform: rotate(2deg);}
}

@-webkit-keyframes swing {
    0%{-webkit-transform: rotate(-2deg);}
    50%{-webkit-transform: rotate(0);}
    100%{-webkit-transform: rotate(2deg);}
}

/*攻略站*/
.strategy-site{margin: 36px 0 0 26px;width: 494px;}
.swiper-strategy{width: 100%;}
.swiper-strategy .news-list{margin-top: 30px;border-top: 1px dashed #dee0e1;}
.swiper-strategy .news-list .list-item{padding: 12px 0;}


/*资料站*/
.data-site{margin: 36px 0 0 58px;width: 435px;}
.data-site .list{margin-top: 30px;font-size: 0;text-align: left;}
.data-site .list .item{display: inline-block;text-align: center; margin-right: 18px; width: 130px;height: 55px;line-height: 55px; background: #fff;font-size: 16px;color: #666;position: relative;border: 1px solid #e4edf5;margin-bottom: 12px;text-decoration: none;}
.data-site .list .item:nth-child(3n){margin-right: 0;}
.data-site .list .item span{display: inline-block;vertical-align: middle;}
.data-site .list .item .ico{width: 38px;height: 38px;display: inline-block;vertical-align: middle;}
.data-site .list .item .ico1{background-position: -340px -185px;}
.data-site .list .item .ico2{background-position: -494px -185px;}
.data-site .list .item .ico3{background-position: -648px -187px;}
.data-site .list .item .ico4{background-position: -341px -254px;}
.data-site .list .item .ico5{background-position: -494px -254px;}
.data-site .list .item .ico6{background-position: -647px -254px;}

.data-site .switch-btns .btn{margin: 0;}
.data-site .switch-btns .btn:nth-child(2){margin: 0 19px;}
.data-site .swiper-data{width: 100%;height: 178px;}
.data-site .search-box{padding-left: 1px;}
.data-site .search-box .input-search{width: 284px;height: 34px;background: #fff;border: 1px solid #e3ecf5;padding: 0 10px;outline: none;}
.data-site .search-box .btn-search{width: 124px;height: 36px;background-position: -183px -193px;text-indent: -9999px;}

/*视听大赏*/
.post-ct{padding-top: 75px;}
.audio-visual{width: 490px;height: 530px;overflow: hidden;}
.swiper-visual{width: 100%;}
.swiper-visual .video-list{padding-top: 16px;width: 480px;margin-left: 8px;}
.swiper-visual .video-list .video-item{width: 235px;height: 125px;float: left;overflow: hidden;margin-bottom: 15px;position: relative;}
.swiper-visual .video-list a{display: block;width: 100%;height: 100%;position: relative;overflow: hidden;z-index: 2; background-size: cover; background-position: center;}
.swiper-visual .video-list .video-item a::before{content: '';width:100%;height:100%;background-color: rgba(0,0,0,0.4);z-index: 1;position: absolute;top:0;left:0; transition: all 0.3s; transform: translateY(100%); opacity: 0;}
.swiper-visual .video-list .video-item a:hover::before{transform: translateY(0); opacity: 1;}
.swiper-visual .video-list a:after{content: "";background: url("../../img/header/vd-ico.png") no-repeat;width: 69px;height: 69px;position: absolute;z-index:2;top: 50%;left: 50%;margin: -35px 0 0 -35px;transition: all .3s;}
.swiper-visual .video-list a:hover:after{transform: rotate(360deg);}
.swiper-visual .video-list .video-item img{height: 100%;display: block;transition: all .3s linear;-webkit-transition: all .3s linear;}
.swiper-visual .video-list .video-item:nth-child(1){width: 480px;height: 256px;}
.swiper-visual .video-list .video-item:nth-child(3){margin-left: 10px;}
.swiper-visual .video-list a:hover img{transform: scale(1.03);-webkit-transform: scale(1.03);}
.swiper-visual .product-list{padding-top: 16px;font-size: 0;text-align: center;width: 504px;margin-left: 10px;}
.swiper-visual .product-list .product-item{width: 228px;position: relative;display: inline-block;margin: 0 24px 24px 0;}
.swiper-visual .product-list .link{display: block;width: 100%;transition: all .3s;}
.swiper-visual .product-list .link:hover{transform: translateY(-2px);box-shadow: 0 0 5px #d0d8de;text-decoration: none;}
.swiper-visual .product-list .img-box{width: 100%;height: 140px;display: block;overflow: hidden;background-position: center; background-size: cover;}
.swiper-visual .product-list .img-box img{height: 100%;margin: 0 auto;}
.swiper-visual .product-list .name{padding: 12px 8px;background: #fff;font-size: 16px;color: #333;text-align: left;}
.swiper-visual .audio-list{width: 480px;padding-top: 10px;margin-left: 8px;}
.swiper-visual .audio-item{padding: 14px 0;border-top: 1px dashed #dee0e1;}
.swiper-visual .audio-item .link{display: block;font-size: 16px;color: #666;transition: all .3s linear;}
.swiper-visual .audio-item .link:hover{text-decoration: none;color: #7fa9d1;transform: translateX(5px);}
.swiper-visual .audio-item span{float: left;}
.swiper-visual .audio-item .au-time{float: right; margin-right: 10px;}
.swiper-visual .audio-item .au-txt{width: 118px;height: 22px;line-height: 22px;overflow:hidden;background: #7fa9d1;color: #fff;text-align: center;border-radius: 2px;margin-right: 23px;}
.audio-top{margin: 25px 0 20px 8px;}
.audio-top .item{width: 150px;height: 124px;float: left;}
.audio-top .item:nth-child(2){margin: 0 14px;}
.audio-top .link{width: 100%;height: 100%;position: relative;display: block;transition: all .3s;}
.audio-top .link:hover{transform: translateY(-2px);}
.audio-top .link .circle{background: url("../../img/header/music-circle.png") no-repeat;width: 120px;height: 120px;background-size: 100% 100%;position: absolute;top: 3px;right: 0;}
.audio-top .link img{width: 124px;height: 124px;position: absolute;top: 0;left: 0;}


/*温情江湖*/
.warm-lake{width: 560px;margin-left: 42px;}
.swiper-warm{width: 100%;}
.warm-list{width: 576px;padding-top: 16px;margin-left: 8px;}
.warm-list .wram-item{width: 262px;float: left;margin: 0 26px 24px 0;}
.warm-list .link{width: 100%;display: block;}
.warm-list .link:hover{text-decoration: none;}
.warm-list .link .img-box{width: 100%;height: 140px;overflow: hidden;position: relative;display: block;background-size: cover; background-position: center;}
.warm-list .link .img-box img{width: auto;height: auto;transition: all .3s linear;-webkit-transition: all .3s linear;max-width: 100%;max-height: 100%;margin: 0 auto; display: block;}
.warm-list .link .img-box .ico{width: 256px;height: 134px;border: 3px solid #dcb558;position: absolute;top: 0;left: 0;transition:all .3s; opacity: 0;background: rgba(0,0,0,.4);}
.warm-list .link .img-box:after{
    content: "";
    background: url(../../img/header/warm-ico2.png) no-repeat;
    width: 33px;
    height: 33px;
    position: absolute;
    top: 50%;
    left: 50%;
    margin: -16px 0 0 -16px;
    opacity: 0;
    transition: all .3s;
    -webkit-transition: all .3s;
}
.warm-list .link .name{ padding: 12px 8px;background: #fff;font-size: 16px;color: #333;text-align: left;}
.warm-list .link:hover .img-box .ico{opacity: 1;}
.warm-list .link:hover .img-box img{transform: scale(1.03);-webkit-transform: scale(1.03);}
.warm-list .link:hover .img-box:after{transform: rotate(360deg);-webkit-transform: rotate(360deg);opacity: 1;}

/*淡入*/
.strategy-site .news-list,
.data-site .guide-list,
.audio-visual .video-list,
.audio-visual .product-list,
.audio-visual .audio-list,
.warm-lake .warm-list {
    opacity: 0;
    transform: translateY(50px);
}

.strategy-site .swiper-slide-active .news-list,
.data-site .swiper-slide-active .guide-list,
.audio-visual .swiper-slide-active .video-list,
.audio-visual .swiper-slide-active .product-list,
.audio-visual .swiper-slide-active .audio-list,
.warm-lake .swiper-slide-active .warm-list{
    opacity: 1;
    transform: translateY(0);
    transition: all .5s ease-out;
}


/*公众号*/
.ewm-list{margin-top: 130px;}
.ewm-list .ewm-item{background: url("../../img/header/ewm-bor.png") no-repeat;width: 230px;height: 186px;position: relative;float: left;margin-right: 86px;}
.ewm-list .ewm-item:last-child{margin-right: 0;}
.ewm-item .ewm-name{width: 32px;height: 124px;background-position: -735px -169px;position: absolute;top: 15px;left: 22px;font-size: 22px;color: #fff;text-align: center;line-height: 26px;padding-top: 6px;}
.ewm-item .ewm{width: 171px;height: 171px;}
.ewm-item a{color: #3c5789;}
.ewm-item .name{font-size: 16px;color: #333;text-align: center;width: 100%;position: absolute;bottom: 18px;left: 0;}
.ewm-item .name:after {
    content: "";width: 5px;height: 5px;background: #cec1a8;position: absolute;top: 10px;transform: rotate(45deg);
}
.ewm-item .name:before{left: 15px;}
.ewm-item .name:after{right: 15px;}

.ewm-list .ewm-wp{width: 150px;height: 150px;background: #fff;padding: 10px;position: absolute;top: -30px;left: 77px;}
.ewm-list .ewm-wp:before{content: "";width: 160px;height: 160px;border: 1px solid #d9bf8c;position: absolute;top: 4px;left: 4px;z-index: 10;}
.ewm-list .ewm-wp img{width: 100%;height: 100%;}

.section-news .btn-more:hover,
.footer .btn-more:hover .ico,
.pop .btn-close:hover
{
    animation: rote-deg .3s linear both;
    -webkit-animation: rote-deg .3s linear both;
}

@keyframes  rote-deg{
    0%{transform: rotate(0deg);}
    0%{transform: rotate(360deg);}
}

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

/*侧边栏*/
.float-wp{position: fixed;top: 50%;margin-top: -235px;right: 40px;z-index: 99;display: none; }
.float-wp.show{display: block;animation: ani-fadeIn 0.6s ease-out both;}
.float-bg{background: url("../../img/header/float-bg.png") no-repeat;width: 202px;height: 470px;}
.float-bg .ewm-tp{padding-top: 38px;}
.float-bg .ewm-box{width: 120px;margin: 0 auto;}
.float-bg .ewm-box img{width: 120px;height: 120px;display: block;}
.float-bg .ewm-box .txt{width: 200px;font-size: 16px;color: #fff;text-align: center;margin-top: 10px;margin-left: -41px;}
.float-bg .btns{margin: 14px 0;}
.float-bg .btns a{width: 128px;height: 38px;text-indent: -9999px;display: block;margin: 0 auto;}
.float-bg .btns .btn-adr{background-position: -27px -251px;}
.float-bg .btns .btn-adr:hover{background-position: -27px -309px;}
.float-bg .btns .btn-ios{background-position: -183px -251px;margin-top: 7px;}
.float-bg .btns .btn-ios:hover{background-position: -181px -309px;}
.float-bg .icos{font-size: 0;text-align: center;margin-top: 10px;}
.float-bg .icos .ico-wx{width: 24px;height: 21px;background-position: -559px -77px;}
.float-bg .icos .ico-wx:hover, .float-bg .icos .ico-wx.cur{background-position: -559px -110px;}
.float-bg .icos .ico-wb{width: 26px;height: 21px;background-position: -597px -77px;margin: 0 14px 0 7px;}
.float-bg .icos .ico-wb:hover, .float-bg .icos .ico-wb.cur{background-position: -597px -110px;}
.float-bg .icos .ico-msg{width: 42px;height: 21px;background-position: -637px -77px;}
.float-bg .icos .ico-msg:hover{background-position: -637px -109px;}
.float-wp .open-btn{word-break: break-all; width: 23px;height: 58px;background: #7da4c7;border: 1px solid #c9e0f4;font-size: 16px;color: #d8e5f0;text-align: center;position: absolute;top: 73px;right: -8px;line-height: 18px;padding-top: 7px; cursor: pointer;}

.float-bg .btns-appoint{margin: 14px 0;}
.float-bg .btns-appoint a{width: 128px;height: 38px;text-indent: -9999px;display: block;margin: 0 auto;}
.float-bg .btns-appoint .btn-appoint{background-position: -41px -814px;}
.float-bg .btns-appoint .btn-wb{background-position: -41px -859px;margin-top: 7px;}
.float-bg .ewm-tl img{width: 120px;height: 120px;margin: 0 auto;display: block;}
.float-bg .ewm-tl .txt{width: 200px;font-size: 16px;color: #fff;text-align: center;margin-top: 5px;}

.float-wp-cur .ewm-download,
.float-wp-cur .btns,
.float-wp-cur .ewm-show,
.float-wp-cur .icos,
.float-wp .ewm-attend,
.float-wp .btns-appoint,
.float-wp .ewm-tl
{
    display: none;
}

.float-wp-cur .ewm-attend,
.float-wp-cur .btns-appoint,
.float-wp-cur .ewm-tl
{
    display: block;
}



/*内页游戏下载*/
.game-down{background: url("../../img/header/game-down-bg.jpg") no-repeat;width: 212px;height: 496px;position: absolute;top: -22px;left: 145px;z-index: 99;}
.game-down .tit{width: 180px;height: 38px;background-position: -636px -357px;margin: 0 auto;text-indent: -9999px;}
.game-down .ewm-box{width: 127px;margin: 25px auto 0;position: relative;}
.game-down .ewm-box .light{display: none;background: url("../../img/header/light2.png") no-repeat;width: 194px;height: 8px;position: absolute;top: 5px;left: -14px;}
.game-down .ewm-box img, .game-down .ewm-box iframe{display: block;margin: 0 auto;width:128px;height:125px;}
.game-cur.game-down .ewm-box img{display: block;}
.game-cur.game-down .ewm-box iframe{display: none;}
.game-down .btns {width: 168px;height: 95px;display: block;margin: 0 auto;}
.game-down .btns a{width: 168px;height: 42px;display: block;margin: 0 auto;}
.game-down .btns .btn-adr{background: url("../../img/header/left_ad_bg.png") no-repeat;width: 168px;height: 42px;cursor: pointer;}
.game-down .btns .btn-ios{background: url("../../img/header/left_ios_bg.png") no-repeat;margin-top: 12px;width: 168px;height: 42px;cursor: pointer;}
.game-down .btns .btn-adr .xia_zai_icd{
	float: left;background: url("../../img/header/and_ico.png") ;width: 21px;
    height: 24px;
    margin-top: 8px;
    margin-left: 20px;
    margin-right: 8px;
    background-size: contain;
}
.game-down .btns .btn-adr .xia_zai_til,.game-down .btns .btn-ios .xia_zai_til{
	float: left;
    text-align: center;
    color: #fff;
    font-size: 22px;
    line-height: 42px;
    font-family: cursive;
}
.game-down .btns .btn-ios .xia_zai_icd{
	float: left;background: url("../../img/header/ios_ico.png") no-repeat;width: 21px;
    height: 24px;
    margin-top: 8px;
        margin-left: 27px;
        margin-right: 8px;
        background-size: contain;
}
.game-down .ggh_img{
	text-align: center;
	height: 128px;
	width: 125px;
	margin: 20px auto 0;
}
.game-down .ggh_img img{
	height: 100%;
	width: 100%;
}
.game-down .ggh_til{
	text-align: center;
	    color: #fff;
	    font-size: 20px;
	    font-family: monospace;
	    margin-top: 5px;
}
.game-down .smxz_til{
	text-align: center;
	    color: #fff;
	    font-size: 20px;
	    font-family: monospace;
	    margin-top: 5px;
	    margin-bottom: 12px;
}

.game-down .sites{margin-top: 16px;}
.game-down .sites a{display: block;width: 200px;height: 35px;font-size: 16px;color: #c2dfff;text-align: center;line-height: 35px;background-position: -390px -375px;margin: 0 auto;position: relative;}
.game-down .sites a:hover{background-position: -390px -429px;text-decoration: none;}
.game-down .ewm-fc{width: 146px;height: 146px;position: absolute;display: none;}
.game-down .ewm-fc img{width: 146px;height: 146px;}
.game-down .ewm-area{top: -50px;right: -155px;}
.game-down .sites .site-btn3:hover .ewm-area{display: block;}
.game-down .icos{font-size: 0;text-align: center;margin-top: 10px;}
.game-down .icos a{vertical-align: middle;position: relative;}
.game-down .icos .ico-wx{width: 24px;height: 21px;background-position: -559px -77px;}
.game-down .icos .ico-wx:hover{background-position: -559px -110px;}
.game-down .icos .ico-wb{width: 26px;height: 21px;background-position: -597px -77px}
.game-down .icos .ico-wb:hover{background-position: -597px -110px;}
.game-down .icos .line{display: inline-block;width: 1px;height: 21px;background: #87a3c1;vertical-align: middle;margin: 0 16px;}
.game-down .icos .ewm-wb{top: 50px;left: -60px;}
.game-down .icos .ewm-wx{top: 50px;left: -60px;}
.game-down .icos .ico-wb:hover .ewm-wb{display: block;}
.game-down .icos .ico-wx:hover .ewm-wx{display: block;}
.light-move2 {-webkit-animation: mymove2 3s ease infinite;animation: mymove2 3s ease infinite;}
@-webkit-keyframes  mymove2{
    0%{top:0;}
    100%{top: 148px;}
}
@keyframes  mymove2{
    0%{top:0;}
    100%{top: 148px;}
}
.game-down .tit-tip{width: 180px;height: 38px;background-position: -848px -357px;margin: 0 auto;text-indent: -9999px;}
.game-down .btns .btn-appoint{background-position: -41px -712px;}
.game-down .btns .btn-tl{background-position: -41px -763px;margin-top: 12px;}
.game-down .tit-tip,
.game-down .btns .btn-appoint,
.game-down .btns .btn-tl{
    display: none;
}

.game-down.game-cur .tit,
.game-down.game-cur .btns .btn-adr,
.game-down.game-cur .btns .btn-ios {
    display: none;
}

.game-down.game-cur .tit-tip,
.game-down.game-cur .btns .btn-appoint,
.game-down.game-cur .btns .btn-tl{
    display: block;
}

/*内页头部*/
.header-comm{height: 0px;padding-top: 59px;position: relative; z-index: 2;}
.header-comm .top-nav-bg{height: 96px;border-bottom: none;}
.header-comm .top-nav-bg .nav-list .nav-item{height: 60px;line-height: 53px;}
.header-comm .top-nav-bg .jx-logo{background: url("../../img/header/jx-logo-comm.png") no-repeat;width: 147px;height: 71px;}
.header-comm .top-nav-bg .jx-name{font-size: 12px;color: #d05d39;float: left;padding: 30px 0 0 6px; display: none;}
.header-comm .nav-detail{top: 60px;}
.news-bg{min-height: 1100px;position: relative;width: 1920px;    margin: auto;padding-bottom: 110px;}
.inner-detail-bg{min-height: 700px;position: relative; }
.inner-mid{padding-bottom: 80px; min-height: 680px;}

.head_img_bg{ background: url("../../img/header/head-comm-bg.png"); height: 287px;width:1920px;margin: auto; background-size: cover;}
.news-bg,.inner-detail-bg{background: #fff url("../../img/header/news-detil-bg.png")  center top;}
.news-bg:before,.inner-detail-bg:before{background: url("../../img/header/news-d-bot.png") center  top;width: 1920px;height: 805px;position: absolute;bottom: 0;left: 50%;margin-left: -960px;z-index: 1;}

/*内页尾部*/
.footer-comm{background: url("../../img/footer/footer-comm-bg.png") center top;height: 330px;position: relative;z-index: 1;width: 1920px;margin: auto;}
.footer-comm .mid{height: 330px;}
.footer-comm .per{background: url(../../img/footer/footer-per.png) no-repeat; width: 663px; height: 598px; position: absolute; bottom: -42px; left: 90px; background-size: contain;}
.footer-comm .footer-ct{}
.footer-comm .ewm-bg{background: url("../../img/footer/footer-ewm-bg.png") no-repeat;width: 195px;height:233px;position: relative;color: #dcc072;margin: 46px 27px 0 558px;}
.footer-comm .ewm-bg img{width: 128px;height: 128px;border: 0px solid #dcc072;padding: 30px 0px 0px 35px;}
.footer-comm .ewm-bg .gfggj{color: #fff;font-size: 22px;text-align: center;font-family: cursive;margin-top: 4px;}
.footer-comm .ewm-bg .txt1{font-size: 24px;line-height: 26px;width: 46px;top: 14px;left: 131px;text-align: center;}
.footer-comm .ewm-bg .txt2{font-size: 20px;line-height: 22px;width: 26px;text-align: center;top: 14px;left: 186px;}
.footer-comm .game-info{margin-top: 24px;background: url("../../img/footer/info_line.png")no-repeat;width: 718px;height: 284px;}
.footer-comm .game-tit{width: 718px;font-size: 32px;color: #dcc072;text-align: center;font-weight: normal;line-height: 33px;position: relative;margin-top: 50px;}
.footer-comm .intro-detail{font-size: 20px;color: #fff;padding: 41px 30px;position: relative;font-weight: lighter;}

/*资讯页*/
.page-cont{padding: 24px 0 90px 178px;}
.page-cont .page-cont-center{padding: 20px 20px 0px 100px;background: #fff url("../../img/header/news_bg_sh.png") no-repeat center top;}
.breadcrumbs{line-height: 33px;position: relative;}
.breadcrumbs .txt{font-size: 30px;color: #3d578a;padding-left: 10px;position: relative;}
.breadcrumbs .txt:before{content: "";width: 3px;height: 30px;background: #5e80a4;position: absolute;top: 2px;left: 0;}
.breadcrumbs .local{position: absolute;top: 8px;right: 0;font-size: 16px;color: #999;line-height: 18px;}
.breadcrumbs .local .ico-pos{background: url("../../img/header/ico-position.png") no-repeat;width: 12px;height: 18px;float: left;margin-right: 5px;}
.breadcrumbs .local a{color: #5b7da1;float: left;}
.breadcrumbs .local span{float: left;color: #5b7da1;margin: 0 5px;}
.news-bg .news-nav{padding: 20px 0 17px 0;}
.news-bg .news-nav .nav-item:before{top: 47px;}
.news-bg .news-nav .nav-item{margin-right: 60px;}
/*.news-fade{animation: news-fade .3s linear both;opacity: 0;}*/
/*@keyframes news-fade {*/
    /*0%{opacity: 0;transform: translateY(20px);}*/
    /*100%{opacity: 1;transform: translateY(0);}*/
/*}*/

.news-p-list .list-item{padding: 20px 0;position: relative;border-bottom: 1px dashed #dee0e1;}
.news-p-list .list-item:last-child{border-bottom: none;}
.news-p-list .links{font-size: 16px;color: #333;display: block;position: relative;transition: all .3s linear;padding-left: 2px;}
.news-p-list .links:hover{text-decoration: none;transform: translate3d(5px, 0, 0);}
.news-p-list .dot{width: 6px;height: 6px;background: #7fa9d1;float: left;transform: rotate(45deg);position: relative;top: 7px;transition: all .3s;-webkit-transition: all .3s}
.news-p-list .links:hover .dot{transform: rotate(405deg);}
.news-p-list .s-tit{color: #7fa9d1;float: left;margin: 0 10px;}
.news-p-list .txt{float: left;}
.news-p-list .time{float: right;color: #666;}

/*分页*/
.el-pagination{margin-top: 10px;text-align: center;font-size: 14px;color: #666;padding-bottom: 10px;border-bottom: 0px solid #d3e1ee;}
.el-pagination li{display: inline-block;vertical-align: middle;width: 30px;height: 28px;line-height: 28px;margin:0 2px;background: #e4e4e4;border-radius: 3px;color: #dcc072;text-decoration: none;}
.el-pagination li.disabled{cursor: not-allowed; color:#888; opacity: .6;}
.el-pagination .page_btn { color: #666;position: relative;}

.el-pagination .page_code:hover{background: #dcc072;color: #fff;}
.el-pagination .page_code{cursor: pointer;background: #E5E3E4;
    width: 30px;
    display: inline-block;
    height: 30px;
    line-height: 30px;}
.el-pagination .current{cursor: pointer;background: #DBC16D;
    width: 30px;
    display: inline-block;
    height: 30px;
    line-height: 30px;}
.el-pagination .page_code.active:not(.disabled){background: #dcc072;color: #fff;cursor: default;}
.el-pagination .page_btn:not(.disabled){cursor: pointer;}
.el-pagination .page_btn:not(.disabled):hover{background: #dcc072;color: #fff;}
.el-pagination .txt{display: inline-block;vertical-align: middle;width: auto;}
.el-pagination .totalPage{width: auto; display: inline-block;vertical-align: middle;background: transparent;margin-left: 10px;}
.el-pagination .totalPage span{color:#666;}
.el-pagination input{display: inline-block;width: 46px;height: 28px;line-height: 28px;background: #f4f4f5;border: 1px solid #e4e4e4;color: #dcc072;text-align: center;outline: none;border-radius: 3px;margin: 0 2px 0 10px;}
.el-pagination .btn-jump{margin-left: 12px;cursor: pointer;text-decoration: underline;}
.el-pagination .btn-jump:hover{color:#dcc072;}


/*资讯详情页*/
.news-detail-tit{margin-top: 16px;text-align: center;border-bottom: 1px solid #d0d8de;}
.news-detail-tit .tit{font-size: 26px;color: #3d578a;text-align: center;font-weight: bold;}
.news-detail-tit .time{font-size: 16px;color: #666;margin: 10px 0;}
.news-detail{width: 100%;min-height:400px;margin-top: 20px;padding-bottom: 36px;border-bottom: 2px solid #d3e1ee; color:#454545;line-height: 24px;}
.news-detail img{max-width: 100%;}
.news-detail iframe{max-width: 100%;border:none;}
.news-detail hr{border:none; background-color: #d5e8ee; height: 1px;}
.news-siblings{margin-top: 30px;}
.news-siblings p{font-size: 20px;line-height: 37px;}
.news-siblings>p{color:#5b7da1}
.news-siblings>p a{color:#5b7da1}
.news-siblings>p a:hover{color:#5b7da1;text-decoration: underline;}
.news-siblings>p.disabled{color:#999}
.news-siblings>p.disabled a{color:#999}
.news-siblings>p.disabled a:hover{color:#999;text-decoration: none;cursor: text;}
.news-siblings .btn-return{width: 113px;height: 32px;background: #5e80a4;font-size: 20px;color: #fff;text-align: center;line-height: 30px;display: block;border-radius: 3px;margin-top: 30px;text-decoration: none;}
.btn-top{background: url("../../img/header/btn-top.png") no-repeat;width: 35px;height: 64px;position: fixed;bottom: 50px;left: 50%; margin-left: 620px; text-indent: -9999px;z-index: 99;display: none;}
.btn-top:hover{background-image: url("../../img/header/btn-top-hover.png");}
@media screen and (max-width: 1340px) {
    .btn-top{left:initial;margin-left: 0; right:10px;}
}

/*攻略站*/
.news-nav-wp{width: 100%;position: relative;}
.news-nav-wp .search-box{width: 338px;position: absolute;top: 20px;right: 0;}
.news-nav-wp .search-box .input-search{width: 190px;height: 34px;background: #fff;border: 1px solid #e3ecf5;padding: 0 10px;outline: none;}
.news-nav-wp .search-box .btn-search{width: 124px;height: 36px;background-position: -183px -193px;text-indent: -9999px;}
.btn-write{background: url("../../img/header/write-ico.png") no-repeat;width: 70px;height: 271px;position: fixed;top: 416px;right:50%;margin-right: -690px;text-indent: -9999px;z-index: 99;}
@media screen and (max-width: 1340px) {
    .btn-write{left:initial;margin-right: 0; right:0px;}
}

/*鼠标hover*/
.data-site .list .item,
.guide-item .guide-link,
.swiper-play-list .link,
.other-play-list .link,
.share-tips .sp
{
    transition: all .3s;
    -webkit-transition: all .3s;
}

.data-site .list .item:hover,
.guide-item .guide-link:hover,
.swiper-play-list .link:hover,
.other-play-list .link:hover,
.share-tips .sp:hover
{
    transform: translateY(-2px);box-shadow: 0 0 5px #d0d8de;
}

/*资料站*/
.search-nav-wp{height: 70px;border-bottom: 1px solid #ccc;position: relative;margin-bottom: 18px;}
.data-mod .data-tit{width: 430px;height: 33px;background-position: -637px -406px;font-size: 20px;color: #fff;font-weight: bold;padding-left: 17px;line-height: 31px;}
.guide-n-list{margin: 20px 0 18px 0;width: 945px;}
.guide-item{float: left;margin: 0 20px 12px 0;}
.guide-item .guide-link{display: block;width: 211px;height: 55px;background: #fff;border: 1px solid #d4e1ee;font-size: 0;text-align: center;}
.guide-item .guide-link span{display: inline-block;vertical-align: middle;}
.guide-item .guide-link .txt{font-size: 20px;color: #666;margin-left: 26px;height: 55px;line-height: 55px;}
.guide-item .guide-link .ico{width: 38px;height: 38px;display: inline-block;vertical-align: middle;}
.guide-item .guide-link .ico1{background-position: -340px -185px;}
.guide-item .guide-link .ico2{background-position: -494px -185px;}
.guide-item .guide-link .ico3{background-position: -648px -187px;}
.guide-item .guide-link .ico4{background-position: -341px -254px;}
.guide-item .guide-link .ico5{background-position: -494px -254px;}
.guide-item .guide-link .ico6{background-position: -647px -254px;}
.sys-n-list{margin: 20px 0 14px 0;width: 945px;font-size: 0;}
.sys-item{margin: 0 22px 16px 0; display: inline-block; vertical-align: top;}
.sys-item .sys-tit{background: #7eaad1;height: 43px;line-height: 43px;font-size: 16px;color: #fff;text-align: center;font-weight: bold;}
.sys-item .sys-links{font-size: 0;text-align: center;padding-top: 18px;width: 110px;border: 1px solid #d4e1ee;background: #fff;}
.sys-item .sys-links .link{font-size: 16px;color: #666;text-align: center;display: inline-block;width: 68px;height: 20px;margin: 0 15px 18px;}
.sys-item .sys-links .link:hover{color: #5e80a4;}
.play-n-list .swiper-play{width: 100%;margin-bottom: 10px; min-height: 160px;}
.swiper-play-list{padding-top: 18px;width: 945px;}
.swiper-play-list .link{width: 168px;height: 95px;background: #fff;border: 1px solid #d4e1ee;float: left;font-size: 16px;color: #666;text-align: center;line-height: 95px;margin: 0 16px 20px 0;text-decoration: none;}
.swiper-play-list .link img{width: 168px;height: 95px;}
.other-play-list{margin-top: 20px;width: 945px;}
.other-play-list .link{width: 211px;height: 55px;line-height: 55px;background: #fff;border: 1px solid #d4e1ee;float: left;font-size: 16px;color: #666;text-align: center;text-decoration: none;margin-right: 23px;}

/*视听大赏*/
.page-cont .tab-links{margin-top: 28px;border: 1px solid #7fa9d1;}
.page-cont .tab-links .btn{width: 460px;height: 40px;background-position: -25px -552px;float: left;transition: all 0s;font-size: 0;text-align: center;}
.page-cont .tab-links .btn .txt{color: #5b7da1;font-size: 20px;text-decoration: none;display: inline-block;vertical-align: middle;margin-left: 24px;height: 40px;line-height: 38px;}
.page-cont .tab-links .btn.cur{background-position: -490px -552px;}
.page-cont .tab-links .btn.cur:hover{filter: brightness(1);-webkit-filter: brightness(1);}
.page-cont .tab-links .ico{width: 42px;height: 40px;display: inline-block;vertical-align: middle;}
.page-cont .tab-links .btn-view .ico{background-position: -992px -526px;}
.page-cont .tab-links .btn-pic .ico{background-position: -1077px -526px;}
.page-cont .tab-links .btn-view.cur .ico{background-position: -992px -585px;}
.page-cont .tab-links .btn-pic.cur .ico{background-position: -1077px -585px;}
.page-cont .tab-links .btn.cur .txt{color: #fff;}

/*精彩视频*/
.tab-hd{padding: 16px 0;border-bottom: 1px solid #ccc;font-size: 0;}
.tab-hd .nav-item{height: 33px;line-height: 30px;font-size: 20px;color: #333;text-align: center;display: inline-block;cursor: pointer;position: relative;padding: 0 22px;}
.tab-hd .nav-item:before{content: "";background: url("../../img/header/tit-bot-ico.png") no-repeat -5px 0;width: 124px;height: 6px;position: absolute;top: 46px;left: 50%;margin-left: -62px;display: none;}
.tab-hd .nav-item.cur{background: #dcc072;color: #fff;border-radius: 20px;}
.tab-hd .nav-item.cur:before{display: block;;}
.tab-hd .nav-item a{color: #333;text-decoration: none;}
.tab-hd .nav-item:not(.cur):hover{color:#dcc072;}
.tab-panel{display: none;padding-top: 30px;}
.tab-panel.cur{display: block;}
.part-video .video-play{width: 920px;height: 486px;background: #000;}
.share-tips{margin-top: 16px;font-size: 0;text-align: right;line-height: 31px;}
.share-tips .txt{font-size: 16px;color: #666;height: 31px;line-height: 31px;display: inline-block;vertical-align: middle;margin-left: 15px;width: auto;}
.share-tips span, .share-tips a{display: inline-block;vertical-align: middle;width: 26px;height: 26px;text-decoration: none;margin-left: 15px;cursor: pointer;}
.share-tips .btn-down{display: inline-block;vertical-align: middle;font-size: 16px;color: #fff;width: 111px;height: 31px;line-height: 31px;background-position: -408px -627px;text-indent: 36px;text-align: left;}
.share-tips .btn-friend{background-position: -538px -630px;}
.share-tips .btn-wb{background-position: -579px -630px;}
.share-tips .btn-zoom{background-position: -617px -630px;}
.share-tips .btn-chat{background-position: -657px -630px;}
.share-tips .sp:hover{box-shadow: none;}
.video-details{margin-top: 25px;}
.video-details .video-tit{font-size: 20px;color: #6692b7;font-weight: bold;}
.video-details .video-txt{font-size: 16px;color: #333;line-height: 34px;margin-top: 10px;}

/*列表*/
.page-video-wrap{margin-top: 50px;}

.page-video-wrap .video-list,
.page-works-wrap .work-list {
    width: 952px;
}

.page-video-wrap .video-item,
.page-works-wrap .work-item {
    width: 284px;float: left;margin: 0 33px 33px 0;
}

.page-video-wrap .video-link ,
.page-works-wrap .work-link {width: 100%;display: block;position: relative;color: #333;text-decoration: none;transition: all 0.3s;}
.page-video-wrap .video-link:hover{ transform: translateY(-2px);}
.page-video-wrap .video-link:hover .img-box{transition: all 0.3s; box-shadow: 0 0 5px #d0d8de;}
.page-video-wrap .video-link{display: block;width: 100%;height: 100%;position: relative;overflow: hidden;z-index: 2; background-size: cover; background-position: center;}
.page-video-wrap .video-link .img-box::before{content: '';width:100%;height:100%;background-color: rgba(0,0,0,0.4);z-index: 1;position: absolute;top:0;left:0; transition: all 0.3s; transform: translateY(100%); opacity: 0;}
.page-video-wrap .video-link .img-box:hover::before{transform: translateY(0); opacity: 1;}

.page-video-wrap .img-box,
.page-works-wrap .img-box {
    width: 284px;height: 152px;overflow: hidden;position: relative;
    background-size: cover; background-position: center;
}

.page-video-wrap .img-box:after{
    content: "";
    background: url(../../img/header/vd-ico.png) no-repeat;
    width: 69px;
    height: 69px;
    position: absolute;
    top: 50%;
    left: 50%;
    margin: -35px 0 0 -35px;
    z-index: 2;
}

.page-video-wrap .video-list img,
.page-works-wrap .work-list img {
    width: 100%;
    display: block;
    transition: all .3s linear;
    -webkit-transition: all .3s linear;
}

.page-video-wrap .video-name,
.page-works-wrap .work-name {font-size: 16px;color: #333;text-align: center;display: block;margin: 12px 15px 0;
}
.page-video-wrap .video-link:hover img{transform: scale(1.03);-webkit-transform: scale(1.03);}
.tab-panel .el-pagination{padding-bottom: 100px;border: none;}

/*同人作品*/
.page-works-wrap .img-box .ico{
    content: "";
    width: 278px;
    height: 146px;
    border: 3px solid #dcb558;
    position: absolute;
    top: 0;
    left: 0;
    transition: all .3s ease;
    -webkit-transition: all .3s ease;
    opacity: 0;
}

.page-works-wrap .img-box:after{
    content: "";background: url("../../img/header/warm-ico2.png") no-repeat;
    width: 33px;
    height: 33px;
    position: absolute;
    top: 50%;
    left: 50%;
    margin: -16px 0 0 -16px;
    transition: all .3s ease;
    -webkit-transition: all .3s ease;
    opacity: 0;
}
.page-works-wrap  .work-link:hover .img-box .ico{opacity: 1;}
.page-works-wrap  .work-link:hover .img-box:after{transform: rotate(360deg);opacity: 1;}

/*作品详情页*/
.works-info{margin-top: 30px;}
.works-info .works-img{width: 921px;}
.works-info .works-img img{margin: 0 auto;display: block;max-width: 921px;}
.screen-info{margin-top: 18px;}
.screen-info .img-tit,
.screen-info .img-name {
    font-size: 20px;color: #333;float: left;
}
.screen-info .img-tit span,
.screen-info .img-name span{
    color: #666;
}
.screen-info .img-tit{margin-right: 58px;}
.screen-info .share-tips{float: right;margin-top: 0;}
.other-p-list{margin-top: 60px;font-size: 0;text-align: center;}
.other-p-list li{display: inline-block;margin: 0 55px;width: 280px;}
.other-p-list .preview-link{width: 100%;display: block;text-decoration: none;}
.other-p-list .inner-img{width: 280px;height: 180px;overflow: hidden;background-size: cover; background-position: center;}
.other-p-list .inner-img img{width: 100%;height: auto;}
.other-p-list .name{font-size: 16px;color: #666;text-align: center;height: 52px;line-height: 52px;background: #fff;border: 1px solid #dae5f1;}
.other-p-list .btn-paging{width: 123px;height: 33px;line-height: 33px;font-size: 20px;color: #fff;text-align: center;display: block;background: #7eaad1; margin: 25px auto 0;text-decoration: none;border-radius: 20px;}

/*音乐*/
.music-wrap{width: 100%;position: relative;}
.music-poster{width: 525px;height: 380px;position: relative;float: left;}
.music-poster .circle{background: url("../../img/music-circle.png") no-repeat;width: 350px;height: 350px;position: absolute;top: 17px;right: 0px;z-index: 1;animation: 8s rotateCircle linear infinite;}
.poster-img.pause .circle{ animation-play-state: paused;}
.music-poster img{width: 380px;height: 380px;position: relative;z-index: 10;}
@keyframes rotateCircle {
    0%{ transform: rotate(0);}
    100%{ transform: rotate(360deg);}
}

/*音乐播放器*/
.music-info-wp{width: 350px;margin: 0 50px 0 105px;float: left;}
.music-tit{	padding-left: 30px;  font-size: 46px;  color: #3d578a;  font-weight: bolder;  position: relative;  font-family: monospace;}
/*.music-tit .icon-lrc{width: 14px;height: 10px;background-position: -1176px -571px;position: absolute;top: 15px;left: 30px;}*/
.music-tit .icon-lrc{width: 14px;height: 10px;background:transparent;position: absolute;top: 23px;left: 10px;font-size: 0;}
.music-tit .icon-lrc span{width:2px; height: 10px; background: #3d578a; display: inline-block;position: absolute; top:0; animation: ani-wave 1.2s 0s linear both infinite}
.music-tit .icon-lrc.pause span{animation-play-state: paused;}
.music-tit .icon-lrc span:nth-child(1){left:0; transform: translateY(-2px); animation-delay: 0.2s;}
.music-tit .icon-lrc span:nth-child(2){left:3px; transform: translateY(2px); animation-delay: 0s;}
.music-tit .icon-lrc span:nth-child(3){left:6px; transform: translateY(-2px); animation-delay: 0.6s;}
.music-tit .icon-lrc span:nth-child(4){left:9px; transform: translateY(2px); animation-delay: 0.4s; }
@keyframes ani-wave {
    0%{transform: translateY(-2px);}
    100%{transform: translateY(2px);}
}
.music-info-wp .lrc-txt{margin: 15px 0 0 68px;font-size: 14px;color: #666;line-height: 24px; min-height: 90px;}
.music-info-wp .audio-btns{font-size: 0;text-align: center;margin-top: 87px;}
.music-info-wp .audio-btns a{display: inline-block;vertical-align: middle;}
.music-info-wp .audio-btns .btn-prev,
.music-info-wp .audio-btns .btn-next {
    width: 71px;height: 40px;
}
.music-info-wp .audio-btns .btn-prev{background-position: -38px -625px;}
.music-info-wp .audio-btns .btn-next{background-position: -122px -625px;}
.music-info-wp .audio-btns .btn-play{width: 53px;height: 53px;background-position: -220px -619px;margin: 0 8px;}
.music-info-wp .audio-btns .btn-play.pause{background-position: -295px -619px;}
.lrc-box{width: 320px;height: 310px;overflow: auto; float: right;font-size: 26px;color: #484848;line-height: 28px;}
.lrc-box::-webkit-scrollbar{width: 6px; background: #e4e4e4;}
.lrc-box::-webkit-scrollbar-thumb{width: 16px; background: #dcc072;}
.lrc-box *{font-size: 16px !important; color:#999999 !important;}
.audio-pro-wrap{width: 100%;height: 4px; background: #f1eeec;position: relative;margin-top: 44px;}
.audio-pro-wrap .audio-slide{display: none;}
.audio-pro-wrap .irs-single{display: none}
.audio-pro-wrap .irs-from{display: none}
.audio-pro-wrap .irs-to{display: none}
.audio-pro-wrap .audio-slider{display: block; width: 100%;  height: 4px; position: absolute; top:0; background: #ececec;}
.audio-pro-wrap .audio-slider .irs-bar { top: 0px; height: 4px; background: #3d578a; border: none; box-shadow: none; z-index: 2;}
.audio-pro-wrap .audio-slider .irs-handle > i{display: none;}
.audio-pro-wrap .audio-slider .irs-line{background: #ececec;top:0;height: 4px;border:none;}
.audio-pro-wrap .audio-slider .irs-handle{display: block; width: 12px; height: 12px; background: #3d578a; border-radius: 50%; position: absolute; left: 20%; top: -4px;z-index: 3; opacity: 1;box-shadow:none; border:none; transition: transform 0.3s ease-in-out;}
.audio-pro-wrap .audio-slider .irs-handle:hover{transform: scale(1.15); cursor: pointer;}
.time-info{position: absolute; right: 0; top: -53px; font-size: 26px; color:#000;}
.audio-pro-wrap .music-info{display: block; width: 100%; position: absolute; top:-53px; color:#000;font-size: 26px;}

/*歌曲列表*/
.music-list-wrap{margin-top: 20px;}
.music-list .list-item{position: relative;border-bottom: 1px dashed #dee0e1;cursor: pointer;height: 95px;line-height: 95px;font-size: 26px;}
.music-list-wrap .list-item .dot {width: 12px;height: 12px;background: #3d578a;float: left;transform: rotate(45deg);position: relative;top: 40px;
}
.music-list .s-tit {color: #3d578a;float: left;margin: 0 10px;font-family: monospace;font-weight: bold;}
.music-list .txt{float: left;font-weight: lighter;}
.music-list .time{float: right;}
.music-list .list-item.active{color: #3d578a;}
.music-list .links{transition: all .3s linear;}
.music-list .list-item:hover .links{transform: translateX(5px);}
.music-list-wrap .el-pagination{border-bottom: 2px solid #d3e1ee;padding-bottom: 20px;}

/*图片列表*/
.page-pic-wrap .work-list{margin-top: 30px;}
.page-pic-wrap .el-pagination{border: none;}



.qr-tip{width: 200px; height: 200px; bottom: 100%; margin-bottom: 16px; left: 50%; margin-left: -100px; position: absolute; background: #fff; box-shadow: 0 0 8px rgba(0,0,0,.8); border-radius: 10px; cursor: default;}
.qr-tip canvas, .qr-tip img{ width: 180px; height: 180px; position: absolute; top:0;bottom:0;left:0;right:0;margin: auto; display: block;}


/*首页预约*/
.appoint-box{display: none;}
.header-cur{background: url("../../img/header/bg_20211207.jpg") no-repeat center top;height: 1470px;}
.header-cur .down-load-bg{display: none;}
.header-cur .appoint-box{display: block;}
.appoint-box{padding: 190px 0 17px 0px;}
.appoint-box .slogon{width: 545px;margin-left: -15px;}
.appoint-box .play-video{width: 73px;height: 73px;position: absolute;top: 230px;left: 519px;}
.appoint-box .play-video .video-ico{background: url("../../img/header/video-btn-inner.png") no-repeat;width: 73px;height: 73px;position: absolute;top: 0;left: 0;}
.appoint-box .play-video .btn-video{background: url("../../img/header/video-btn.png") no-repeat;width: 73px;height: 73px;position: absolute;top: 0;left: 0;animation: video-rote 2s linear infinite;}

/*首页预约弹窗*/
.pop{width:750px; height: auto; position: relative; color: #4d2e2e; display: none; font-size:20px; color:#fff; }
.pop-video .btn-close{transition: all 0.8s ease-in-out; width:70px; height: 70px; font-size: 38px; color: #fff; position: absolute; right:-80px; top:0px; z-index: 2; line-height: 38px; text-align: center; background-position: -548px -71px;}
.pop-video .btn-close:hover{ filter:brightness(1.1); transform: rotate(360deg)}
.pop .pop-head{font-size: 0px; font-weight: bold; color:#4d4d4d; text-align: center; margin: 60px auto 0;  height: 36px;  position: relative;}
.pop .btn-normal{ display: inline-block; width:231px; height: 61px; background-position: -234px -273px; text-align: center; line-height: 57px; font-size: 28px; color:#907529;}
.pop .pop-head::before,.pop .pop-head::after{content:''; display: block; position: absolute; top:0; width:117px; height: 36px; background-position-y: -473px;}
.pop .pop-head::before{background-position-x: 0; left:-140px;}
.pop .pop-head::after{background-position-x: -319px; right:-140px;}
.pop .invite-code-row{margin-top: 16px; font-size: 20px; color:#fff;}
.pop .btn-copy{margin-top:10px; }
.pop-order.sp-order, .pop-order .sp-order{background: url("../../img/header/sp-order.png") no-repeat;}
.pop-order.sp-order{background-position: 0 -434px; width: 800px; height: 540px; overflow: hidden;}
.pop.pop-order .btn-close{width: 40px; height: 40px; background-position: 6px -77px; right:10px; top: 10px;}
.pop-order .pop-head{ width: 554px; height: 60px;}
.order-form{ width:540px; margin:0 auto;}
.order-form .form-line{margin-top: 20px; position: relative;}
.order-form .form-line.form-line-radio{margin-top:40px;}
.order-form .form-line.text-center{text-align: center;}
.order-form .radio{color:#ccc; font-size: 20px; font-weight: bold; cursor: pointer;}
.order-form .radio.checked{color:#ffcd5e;}
.order-form .radio.ios{margin-right:43px;}
.order-form .radio i{ display: inline-block; width: 20px; height: 20px; background-position: 0 -140px; vertical-align: middle; position: relative; top: -2px;margin-right:11px;}
.order-form .radio.checked i{background-position-x: -40px;}
.order-form .input{ background: #3e4d68; border: 1px solid #807968; width:502px; height: 60px; padding:0 18px; color:#fff;font-size:20px;}
.order-form .input.code{ width:310px; height: 60px;}
.order-form .input::placeholder{color:#808080;}
.order-form .btn-send-sms{ background:#56688c; border: 1px solid #807968;  width:160px; height: 60px; line-height: 60px; text-decoration: none; text-align: center; color:#ffcd5e; font-size: 20px; position: absolute; right:0px; top:0;}
.order-form .btn-send-sms.disabled{color:#808080; cursor: not-allowed;background-position:-391px -1940px;}
.order-form .btn-send-sms.disabled:hover{filter: brightness(1); -webkit-filter: grayscale(100%); filter:grayscale(100%);}
.order-form .btn-invite-submit{margin: 20px auto; background-position: 0 -214px; display: block; width: 225px; height: 68px;}
.order-form .btn-invite-submit.disabled{cursor: not-allowed; -webkit-filter: grayscale(100%); filter:grayscale(100%);}
.order-form .btn-invite-submit.disabled:hover{filter: brightness(1); -webkit-filter: grayscale(100%); filter:grayscale(100%);}

/*壁纸弹窗*/
.pop{position: relative;display: none;}
.pop .btn-close{width: 36px;height: 36px;background-position: -707px -84px;position: absolute;top: 0;right: -80px;transition: all 0.8s ease-in-out;}
.pop-pic{width: 863px;padding: 50px 0 27px 0;background: #fff;}
.pop-pic .pic-box{width: 845px;height: 490px;overflow: hidden;margin: 0 auto;position: relative;}
.pop-pic .pic-box img{max-width: 100%; max-height: 100%; min-width: 10%; height: auto;display: block;position: absolute; top:0; left:0;bottom:0;right:0;margin: auto;}
.pop-pic .pic-name{font-size: 20px;color: #333;position: relative;margin: 16px 0 0 13px;padding-left: 27px;}
.pop-pic .pic-name:before{content: "";width: 7px;height: 7px;border: 1px solid #7aa1c1;position: absolute;top: 10px;left: 0;transform: rotate(45deg);}
.pop-pic .size-list{margin: 13px 0 0 13px;font-size: 0;}
.pop-pic .size-list .size{display: inline-block;font-size: 19px;color: #999;cursor: pointer;}
.pop-pic .size-list .size:hover{color:#555; text-decoration: underline;}
.pop-pic .size-list .line{margin: 0 12px;display: inline-block;font-size: 19px;color: #999;}
.pop-pic .size-list .cur{color: #666;}
.pop-video{width: 900px;height: 510px;background: #000;}
.pop-video .video-con{width: 100%;height: 100%;}

@keyframes video-rote {
    0%{transform: rotate(0);}
    100%{transform: rotate(360deg);}
}
.appoint-box .btn-appoint{width: 311px;height: 145px;background: url("../../img/header/btn-appoint-new.png"); display: block;margin: 4px 0 0 103px;text-indent: -9999px;}
.game-limit{background: url("../../img/header/game-limit.png") no-repeat;text-indent: -9999px;width: 94px;height: 123px;position: absolute;top: 660px;right: 50%; margin-right: -698px; z-index: 10;}
.game-limit img{width: 100%;height: 100%;display: block;}

.hide-wrap .teach-ct{display: none;}
.hide-wrap .footer{background: url("../../img/header/fir-add.jpg") no-repeat center top;height: 1160px;}
.hide-wrap .post-ct{padding-top: 30px;}
.hide-wrap .footer .rest-ico{top: 100px;}

.dept_1{
    position: relative;
    width: 1920px;
    height: 820px;
    left: 50%;
    -webkit-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    transform: translateX(-50%);
}
.dept_1 .index-kv-bg-box {
    position: absolute;
    width: 1920px;
    height: 820px;
    top: 0;
    left: 0;
    overflow: hidden;
}
.dept_1 .index-kv-bg {
    /*background-image: url("../../img/index/head_bg.png");*/
}
.dept_1 .index-kv-bg_on{
    margin-top: -800px;position: relative;height: 543px;
}
.dept_1 .title_home{
    height: 282px;
    width: 537px;
    margin: auto;
}
.dept_1 .title_home img{
    height: 100%;
    width: 100%;
}
.dept_1 .title_home_til{
    text-align: center;
    color: #fff;
    font-size: 32px;
    background: url("../../img/header/home/title_bg.png");
    width: 550px;
    height: 50px;
    line-height: 50px;
    margin: auto;
}
.dept_1 .home_end{
    background: url("../../img/header/home/home_end_bg.png");
    height: 142px;
    width: 670px;
    margin: auto;
    padding-top: 11px;margin-top: 20px;
}
.dept_1 .home_end .ewm_bg{
    float: left;
    background: url("../../img/header/home/wx_bg.png");
    height: 129px;
    width: 169px;
    margin-right: 10px;
}
.dept_1 .home_end .ewm_bg .wx_ggh_til{
    float: left;
    writing-mode: vertical-lr;
    color: #fff;
    margin: 0 6px;
    text-align: center;
    width: 27px;
    height: 129px;
    font-family: monospace;
    font-size: 20px;
}
.dept_1 .home_end .ewm_bg .wx_ggh_img{
    float: left;
    margin: 6px;
    height: 117px;
    width: 117px;
}
.dept_1 .home_end .ewm_bg .wx_ggh_img img{
    height: 100%;width: 100%;
}

.dept_1 .home_end .xz_btns{
    float: left;
    margin-right: 10px;
}
.dept_1 .home_end .xz_btns .ad_btn{
    background: url("../../img/header/home/ad_bg.png");
    height: 53px;
    width: 188px;
    margin-bottom: 16px;
    margin-right: 8px;
}
.dept_1 .home_end .xz_btns .ios_btn{
    background: url("../../img/header/home/ios_bg.png");
    height: 53px;
    width: 188px;
}
.dept_1 .home_end .xz_btns .ad_btn_til{
    font-family: monospace;
    font-size: 24px;
    font-weight: 600;
    color: #fff;
    line-height: 53px;
    text-align: center;
    width: 100px;
    margin-left: 65px;

}
.dept_1 .home_end .slts{
    float: left;
    height: 114px;
    width: 88px;
}

/*法律条款详情*/
.page-cont-fltk{padding: 24px 0 90px 278px;position: relative;}
