/* CSS Document */
/*
  date 2022-09-30
  author xuyan
*/
@charset "utf-8";
*:focus {
    outline: none;
}
html, body {
    height: 100%;
}
body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, form, fiedldset, input, textarea, p, blockquote, th, td {
    margin: 0;
    padding: 0;
}
table {
    border-collapse: collapse;
    border-spacing: 0;
}
fieldset, img {
    border: 0;
}
address, caption, cite, code, dfn, em, strong, th, var, i {
    font-style: normal;
    font-weight: normal;
}
ol, ul, li {
    list-style: none;
}
h1, h2, h3, h4, h5, h6 {
    font-size: 100%;
    font-weight: normal;
}
body {
    font-family: "Microsoft YaHei";
    color: #232323;
    font-size: 16px;
    background: #e6e5e5;
}
input, select, textarea, button {
    vertical-align: middle;
    font-family: "Microsoft YaHei";
}
a, a:link {
    text-decoration: none;
    outline: none;
}
.hide{ display: none;}
@font-face{ font-family: 'titleFont'; src:url(../fonts/title.ttf);}
.mb28{ margin-bottom: 28px; }
.mb45{ margin-bottom: 45px; }
.wrap{ width:100%; max-width:1920px; min-width:1050px; height:auto;background: url(../images/bg.jpg); _width:expression(this.scrollWidth > 1920 ? "1920px" : (this.scrollWidth < 1050? "1050px" : "auto")); overflow:hidden; margin:0 auto; position: relative; font-size: 14px; color: #232323; line-height: 24px; }
.header{ height: 90px; background: rgba(0,0,0,.5); position: absolute; z-index: 6; left: 0; top: 0; right: 0; }
.logo{ position: absolute; top: 12px; left: 50px; padding-left: 75px; height: 65px; font-size: 15px; color: #a4a4a4; }
.logo img{ position: absolute; left: 0; top: 0; width: 61px; }
.logo p{ font-size: 22px; color: #fff; margin: 5px 0 1px; }
.nav{ width: 1450px; margin: 0 auto; }
.nav ul{ float: right; height: 90px; }
.nav li{ width: 146px; float: left; text-align: center; position: relative; }
.nav li a{ display: block; height: 90px; line-height: 90px; width: 100%; color: #fff; font-size: 18px; }
.nav li.on::after,.nav li:hover::after{ display: block; content: ''; width: 80px; height: 4px; background: #bf9d5e; position: absolute; left: 50%; margin-left: -40px; top: 86px; }
.nav li.on a,.nav li:hover a{ color: #c3a469; }
.subnav{ margin-top: 8px; display: none; }
.nav li .subnav a{ line-height: normal; font-size: 16px; color: #b0aaa2; height: auto; }
.subnav p{ height: 40px; line-height: 40px; }
.subnav p a{ line-height: 40px!important; }
.subnav p a:hover{ color: #c3a469; }
.header-mask{ position: fixed; top: 0; left: 0; right: 0; height: 300px; z-index: 5; opacity: .9; background: url(../images/header_mask.png) center bottom; display: none; }
.attention{ height: 140px; background: url(../images/focus_bg.jpg) center top; position: absolute; z-index: 5; left: 0; top: 90px; right: 0; width: 1920px; margin-left: -1538px; display: none; }
.focus-main{ width: 1450px; margin: 0 auto; }
.code{ float: right; overflow: hidden; margin-top: 20px; }
.code .code-list{ float: left; width: 110px; text-align: center; color: #000; }
.code .code-list img{ width: 86px; height: 86px; margin-bottom: 4px; }
.about{ float: right; overflow: hidden; margin-left: 15px; position: relative; }
.about .about-list{ width: 138px; position: relative; float: left; text-align: center; }
.about .about-list a{ display: block; height: 120px; padding-top: 20px; line-height: normal; color: #000; font-size: 14px; }
.nav li.on .about-list a,.nav li:hover .about-list a{ color: #000; }
.about-img{ width: 80px; height: 60px; padding-top: 20px; margin: 0 auto 6px; border: 1px solid #866a35; background: rgba(38,38,38,.2); border-radius: 50%; text-align: center; }
.about-img i{ display: inline-block; width: 40px; height: 40px; background: url(../images/icon.png) 0 0 no-repeat; }
.about-img i.qq{ background-position: -45px 0; width: 38px; }
.about-img i.bz{ background-position: -88px 0; width: 42px; }
.about-img i.kf{ background-position: -132px 0; width: 43px; }
.about-img i.zx{ background-position: -308px -46px; width: 37px; }
.about .about-list::before{ display: block; position: absolute; left: 0; top: 20px; height: 98px; background: #aa894e; width: 2px; content: ''; }
.inner-banner{ height: 458px; background: url(../images/bg_hflyff_3_2.jpg) center top no-repeat; }
/*新闻公告=帕里一角bg_hflyff_1_2.jpg */
/*账号中心=晨光港口bg_hflyff_3_2.jpg */
/*游戏特色=克拉岛泳装秀bg_hflyff_4_1.jpg */
/*BOSS爆率=瑞伽大陆bg_hflyff_5_3.jpg */
/*下载专区=星空下的吻bg_hflyff_6_1.jpg */
.con1{ background: url(../images/dec1.jpg) center bottom no-repeat; min-height: 800px; overflow: hidden; padding: 0 0 40px; }
.main{ width: 1280px; margin: 0 auto; overflow: hidden;  }
.headline{ padding: 0 0 15px 8px; }
.headline::before{ display: inline-block; content: ''; width: 12px; height: 12px; background: url(../images/icon.png) -189px 0 no-repeat; vertical-align: middle; margin: -3px 10px 0 0; }
.headline i{ display: inline-block; width: 9px; height: 12px; background: url(../images/icon.png) -178px 0 no-repeat; vertical-align: middle; margin: -3px 15px 0; }
.headline a{ color: #272727; font-size: 16px; }
.block{ background: #fff; overflow: hidden; }
.title{ height: 80px; line-height: 80px; padding-left: 25px; background: url(../images/title.png) 0 0 no-repeat; font-size: 30px; color: #fff; font-family: 'titleFont'; position: relative; }
.title .index-title{ margin-top: 23px; }
.title .more-btn{ background-position: -346px 0; margin: 30px 20px 0 0; position: relative; z-index: 1; }
.title-bg::after{ display: block; position: absolute; right: 0; bottom: 0; width: 96px; height: 80px; background: url(../images/title.png) -152px -122px no-repeat; content: ''; }
.copyright{ padding: 50px 0; background: #2e2b29; font-size: 12px; color: #d1d1d1; position: relative; line-height: 22px; }
.copyright .copy-main{ width:1300px; margin:0 auto; overflow:hidden;}
.copyright a{ color: #bf9d5e; }
.copyright img{ margin-right:7px; vertical-align:middle;}
.copyright .lines{ width:1px; height:46px; border-left:1px solid #d1d1d1; margin-right:10px; vertical-align:middle; display:inline-block; margin: 0 52px; }
.copyright::after{ display: block; content: ''; width: 0; height: 0; background: url(../images/hero_fade.png) no-repeat; position: absolute; left: 0; bottom: 0; }
.copyright-left{ width:500px; padding-top:37px; float:left;}
.copyright-mid{ width: 330px; float: left; }
.copyright-right{ width: 440px; float: right; }

/*首页*/
.banner{ height: 930px; position: relative; overflow: hidden; }
.bgVideo{position: absolute; width: 1920px; height: auto; top: 0; left: 50%; margin-left: -960px;}
.video-bg{ position: absolute; width: 1920px; height: 940px; top: 0; left: 50%; margin-left: -960px; }
.top-msg{ position: absolute; top: 112px; left: 0; z-index: 3;width: 100%;padding: 0 60px;box-sizing: border-box; }
.top-msg img{ float: left; }
.top-msg .age-btn { position: absolute;right: 60px;top: 0; }
.top-msg img{ margin-right: 20px; margin-top: 12px; }
.top-msg a img{ margin-top: 0; }
.play-btn{ position: absolute; width: 148px; height: 148px; background: url(../images/play.png) no-repeat; top: 340px; left: 50%; margin-left: -45px; cursor: pointer; z-index: 5; }
.play-btn:hover{ animation-play-state:paused; -webkit-animation-play-state:paused; }
.slogan{background: url(../images/slogan.png) no-repeat;width: 810px;height: 24px;position: absolute;top: 620px;left: 50%;margin-left: -405px;}
/* .banner::after{ display: block; content: ''; position: absolute; z-index: 4; left: 0; bottom: -60px; right: 0; width: 100%; height: 180px; background: url(../images/index_fade.png); } */
/*有pc下载版本*/
.download-pc{ width: 500px; height: 144px; padding-top: 33px; position: absolute; z-index: 5; top: 665px; left: 50%; margin-left: -250px; }
.download-pc .down-left{ text-align: center; margin-top: -6px; width: 136px; height: 152px; float: left; background: url(../images/code-bg.png) no-repeat; }
.download-pc .down-left img{ display: block; width: 106px; margin:  10px auto 7px; }
.download-pc .down-right{ float: left; margin-left: 9px; width: 222px; }
.download-pc .down-right a{ display: flex; justify-content: center; align-items: center; width: 222px; height: 68px; margin-bottom: 6px; background: url(../images/index_btn_4.png) -6px -6px no-repeat; position: relative;color: #bb944f;font-size: 12px; }
.download-pc .down-right a span{margin-top: 30px;opacity: .5;}
.download-pc .down-right a.android{ background-position: -6px -80px; color: #FFF; }
.download-pc .down-pc{ display: block; float: left; width: 108px; height: 140px; background: url(../images/index_btn.png) -240px -6px no-repeat; margin-left: 12px; position: relative; }
.download-pc .down-right a:hover,.download-pc .down-pc:hover{ -webkit-filter: brightness(102%); filter: brightness(102%); }
.download-pc .down-right a:hover::after,.download-pc .down-pc:hover::after{ opacity: 1; }
.download-pc .down-pc span{ position: absolute; left: 0; right: 0; top: 100px; color: rgba(255,255,255,.5); text-align: center; font-size: 12px;}
/*无pc下载版本*/
.download{ width: 380px; height: 144px; padding-top: 33px; position: absolute; z-index: 5; top: 665px; left: 50%; margin-left: -190px; }
.download .down-left{ text-align: center; margin-top: -6px; width: 136px; height: 152px; float: left; background: url(../images/code-bg.png) no-repeat; }
.download .down-left img{ display: block; width: 106px; margin:  10px auto 7px; }
.download .down-right{ float: left; margin-left: 9px; width: 222px; }
.download .down-right a{ display: flex; justify-content: center; margin-top: 20px; align-items: center; width: 222px; height: 68px; margin-bottom: 6px; background: url(../images/index_btn.png) -6px -6px no-repeat; position: relative; font-size: 12px;}
.download .down-right a.android{ background-position: -6px -80px; }
.download .down-right a:hover,.download-pc .down-pc:hover{ -webkit-filter: brightness(102%); filter: brightness(102%); }
.download .down-right a:hover::after,.download-pc .down-pc:hover::after{ opacity: 1; }
/*end*/
.con2 .main{padding-top: 0;margin-top: 48px;}
.press{ width: 634px; height: 300px; overflow: hidden; position: relative; float: left; }
/* .press::after {content: "";background: url(../images/banner-layer.png);width: 634px;height: 300px;position: absolute;left: 0;top: 0;z-index: 9;} */
.press .swiper-slide{width: 634px; height: 300px; position: relative; overflow: hidden; }
.press-left,.press-right{ position: absolute; left: 0; top: 0; width: 634px; height: 300px; transition: all .7s; }
.press-left{ left: -100%; z-index: 1; }
.press-right{ opacity: 0; }
.press-btn{ width: 137px; height: 31px; background: #c5a568; position: absolute; left: -100%; top: 183px; z-index: 2; font-size: 16px; color: #fff; text-align: center; line-height: 31px;  transition: all .9s; }
.press .swiper-slide img{ display: block; width: 634px; height: 300px;object-fit: cover; }
.press .swiper-slide.swiper-slide-active .press-left{ left: 0; }
.press .swiper-slide.swiper-slide-active .press-right{ opacity: 1; }
.press .swiper-slide.swiper-slide-active .press-btn{ left: 465px; top: 183px; }
.press-page{ position: absolute; z-index: 2;left: auto !important; right: 30px; bottom: 30px !important; height: 13px; overflow: hidden; width: auto!important; }
.press-page .swiper-pagination-bullet{ width: 13px; height: 13px; border-radius: 8px; background: #8e8e8e; opacity: 0.3; transition: all .3s; font-size: 0; margin-right: 7px; }
.press-page .swiper-pagination-bullet.swiper-pagination-bullet-active{ width: 37px; background: #000000; opacity: 0.4; }
.news-con {float: left;width: 608px;height: 300px; position: relative;margin-left: 38px;}
.news-con .news-con-tab{ height: 30px;  position: relative; margin: 12px 0 24px 0; }
.news-con .news-tab-btn{ font-size: 18px; color: #232323;height: 30px;display: inline-block;vertical-align: middle;border-radius: 2px; padding: 0 10px; line-height: 30px;margin-right: 39px; position: relative;}
.news-con .news-tab-btn::after{content: ""; width: 1px; height: 24px; background-color: #cccbca;position: absolute;right: -21px;top: 50%;margin-top: -12px;}
.news-con .news-tab-btn:nth-last-child(1)::after{display: none;}
.news-con .news-tab-btn:hover,.news-con .news-tab-btn.active{ font-size: 18px; color: #ffffff; padding: 0 10px; background-color: #cbad76;}
.news-con .btn-more{ display: block; position: absolute; z-index: 2; top: 11px; right: 0;  font-size: 18px; line-height: 30px; color: #262626; text-align: center; }
.news-con .btn-more span{ display: inline-block;vertical-align: middle; margin-right: 6px;}
.news-con .btn-more i{ display: inline-block;vertical-align: middle; width: 20px; height: 21px; background: url(../images/icon-more.png) no-repeat; font-size: 0; line-height: 30px;transition: all .3s;}
.news-con .btn-more:hover i{ -webkit-transform: rotate(180deg); -moz-transform: rotate(180deg); transform: rotate(180deg); }
.news-con .news-con-list {display: none;}
.news-con .news-con-list.show {display: block;}
.news-con .news-list-item {width: 95%;height: 38px; line-height: 38px; overflow: hidden;display: flex;align-items: center;justify-content: space-between;}
.news-con .news-list-item:hover .news-title,.news-con .news-list-item:hover .news-date {color: #bf9d5e;}
.news-con .news-list-item .news-tag {font-size: 16px; color: #c5a365;margin-left: -8px;opacity: 0.8;}
.news-con .news-list-item .news-title {font-size: 16px; color: #222222; white-space: nowrap;width: 420px;
            overflow: hidden;
            text-overflow: ellipsis;}
.news-con .news-list-item .news-date {font-size: 16px; color: #cccccc;}
.press-mid{ width: 257px; height: 500px; float: left; overflow: hidden; position: relative; }
.press-mid a{ display: block; height: 100%; font-size: 16px; color: #ccc; line-height: 24px; }
.press-info{ position: absolute; bottom: 30px; left: 0; right: 0; padding: 0 20px; z-index: 2; }
.press-time{ font-size: 30px; color: #e5e5e5; margin-bottom: 10px; }
.press-name{ display:-webkit-box; -webkit-box-orient:vertical; -webkit-line-clamp:2; overflow:hidden; }
.press-name span{ color: #bf9d5e; vertical-align: text-bottom; display: inline-block; height: 16px; line-height: 13px; border-right: 1px solid #bf9d5e; padding-right: 10px; margin: -3px 8px 0 0; }
.big img{ display:block; width:100%; min-height:100%;-webkit-transition:all .3s ease-out; -moz-transition:all .3s ease-out; -ms-transition:all .3s ease-out; -o-transition:all .3s ease-out; transition:all .3s ease-out; -webkit-transform:scale(1); -moz-transform:scale(1); -ms-transform:scale(1); transform:scale(1);}
.big:hover img{ -webkit-transform:scale(1.1); -moz-transform:scale(1.1); -ms-transform:scale(1.1); transform:scale(1.1); }
.press-next .press-time{ color: #262626; }
.press-next a{ color: #262626; }
.press-hot{ font-size: 12px; color: #fff; background: #ad2727; width: 44px; height: 18px; border-radius: 9px; position: absolute; top: 3px; right: 35px; text-align: center; line-height: 18px; }
.press-more{ width: 139px; height: 144px!important; position: absolute; top: 0; right: 0; z-index: 3; background: url(../images/title.png) 0 -123px no-repeat; transition: all .3s; }
.press-more span{ width: 20px; text-align: center; display: block; position: absolute; top: 11px; right: 16px; color: #fff; font-size: 16px; line-height: 16px; }
.press-more i{ display: inline-block; width: 20px; height: 20px; border-radius: 50%; background: url(../images/icon.png) -233px 0 no-repeat; font-size: 0; line-height: 18px; margin-bottom: 5px; }
.circle-move i{ -webkit-transition: -webkit-transform 0.4s ease-out; -moz-transition: -moz-transform 0.4s ease-out; transition: transform 0.4s ease-out; animation-delay:2s;
-webkit-animation-delay:2s;}
.circle-move:hover i{ -webkit-transform: rotate(180deg); -moz-transform: rotate(180deg); transform: rotate(180deg); }
.game{ clear: both; padding: 0 0 0;margin-bottom: 60px; overflow: hidden;}
.guide{ width: 414px; overflow: hidden; background: #fff; float: left; }
.guide li{ width: 137px; height: 500px; border-right: 1px solid #f4f4f4; float: left; overflow: hidden; }
.guide li:last-child{ border-right: 0;}
.hvr-sweep-to-top { position: relative; -webkit-transition-property: color; transition-property: color; -webkit-transition-duration: 0.3s; transition-duration: 0.3s;}
.hvr-sweep-to-top:before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background: #bf9d5e;
  -webkit-transform: scaleY(0);
  transform: scaleY(0);
  -webkit-transform-origin: 50% 100%;
  transform-origin: 50% 100%;
  -webkit-transition-property: transform;
  transition-property: transform;
  -webkit-transition-duration: .2s;
  transition-duration: .2s;
  -webkit-transition-timing-function: ease-out;
  transition-timing-function: ease-out;
}
.hvr-sweep-to-top:hover:before, .hvr-sweep-to-top:focus:before, .hvr-sweep-to-top:active:before {
  -webkit-transform: scaleY(1);
  transform: scaleY(1);
}
.guide li a{ display: block; position: relative; z-index: 1; height: 100%; text-align: center; font-family: 'titleFont'; font-size: 24px; }
.guide-num{ width: 44px; height: 44px; border-radius: 50%; line-height: 44px; border: 1px solid #bf9d5e; margin: 30px auto 0; color: #bf9d5e; }
.guide-name{ color: #262626; width: 30px; margin: 20px auto 35px; line-height: 28px; }
.guide-dec{ width: 164px; height: 164px; background: url(../images/guide.png) 0 0 no-repeat; margin-left: -50px; transition: margin .3s; position: relative; }
.guide-dec.dec2{ background-position: 0 -174px; }
.guide-dec.dec3{ background-position: 0 -345px; }
.guide li:hover .guide-dec{ margin-left: -40px; background-position: -166px 0; }
.guide li:hover .guide-num{ color: #fff; border-color: #fff; }
.guide li:hover .guide-name{ color: #fff; }
.guide li:hover .guide-dec.dec2{ background-position: -166px -174px; }
.guide li:hover .guide-dec.dec3{ background-position: -166px -345px; }
.guide-dec::after{ display: block; content: ''; width: 31px; height: 9px; background: url(../images/icon.png) -234px -78px no-repeat; position: absolute; left: 103px; top: 210px; }
.guide li:hover .guide-dec::after{ background-position: -269px -78px; }
.model{ width: 397px; height: 500px; float: left; margin-left: 27px; position: relative; }
.model-more{ display: block; position: absolute; z-index: 2; top: 28px; right: 25px; width: 20px; font-size: 16px; line-height: 16px; color: #262626; text-align: center; }
.model-more i{ display: inline-block; width: 20px; height: 20px; border-radius: 50%; background: url(../images/icon.png) -233px 0 no-repeat; font-size: 0; line-height: 18px; margin-bottom: 5px; }
.model-info{ width: 397px; height: 500px; overflow: hidden; }
.model-info .swiper-slide{ background: #e7e7e7; position: relative; }
.model-info .swiper-slide img{ display: block; width: 397px; height: 500px; -webkit-transition:all .5s ease-out; -moz-transition:all .5s ease-out; -ms-transition:all .5s ease-out; -o-transition:all .5s ease-out; transition:all .5s ease-out; -webkit-transform:scale(1.1); -moz-transform:scale(1.1); -ms-transform:scale(1.1); transform:scale(1.1); }
.mode-info{ position: absolute; left: 0; top: 390px; right: 0; padding: 0 30px; color: #262626; }
.mode-info p{ font-size: 30px; margin-bottom: 12px; }
.mode-text{ display:-webkit-box; -webkit-box-orient:vertical; -webkit-line-clamp:2; overflow:hidden; }
.model-nav{ position: absolute; top: 27px; left: 30px; height: 336px; overflow: hidden; }
.model-nav .swiper-slide{ width: 40px; height: 40px!important; border-radius: 50%; overflow: hidden; border: 1px solid #bf9d5e; margin-bottom: 6px; cursor: pointer; text-align: center; }
.model-nav .swiper-slide span{ height: 40px; background: #fff; font-size: 13px; color: #bf9d5e; display: flex; align-items: center; justify-content: center; line-height: 14px; display: none; }
.model-nav .swiper-slide p{ background: #262626; padding-top: 5px; height: 35px; }
.model-nav .swiper-slide.swiper-slide-thumb-active p{ display: none; }
.model-nav .swiper-slide.swiper-slide-thumb-active span{ display: flex; }
.model-info .swiper-slide.swiper-slide-active img{ -webkit-transform:scale(1); -moz-transform:scale(1); -ms-transform:scale(1); transform:scale(1);}
.match{ width: 412px; height: 500px; float: right; position: relative; overflow: hidden; background: #aa8d59 url(../images/games.webp) 0 0 no-repeat; }
.match a{ display: block; height: 100%; overflow: hidden; }
.match a::after{ display: block; position: absolute; content: ''; border: 1px solid #ab9571; z-index: 3; top: 28px; right: 26px; bottom: 28px; left: 26px; }
.match-title{ position: absolute; z-index: 3; width: 58px; height: 215px; background: url(../images/text.png) -190px -64px no-repeat; top: 52px; right: 50px; }
.match-title i{ position: absolute; width: 56px; height: 56px; background: url(../images/text.png) -191px -286px no-repeat; display: block; top: 210px; left: 0; transition: all .1s; }
.match-img{ width: 412px; height: 500px; background: url(../images/games.webp) 0 0 no-repeat;}
.match:hover .match-img{ animation: run 4s steps(29, end) infinite; -webkit-animation: run 4s steps(29, end) infinite; -moz-animation: run 4s steps(29, end) infinite; }
@keyframes run {
  0%{ background-position: 0 0; }
  50%{ background-position: 100% 0; }
  100%{ background-position: 0 0; }
}
@-moz-keyframes four_play {
  0%{ background-position: 0 0; }
  50%{ background-position: 100% 0; }
  100%{ background-position: 0 0; }
}
@-webkit-keyframes four_play {
  0%{ background-position: 0 0; }
  50%{ background-position: 100% 0; }
  100%{ background-position: 0 0; }
}
.match:hover .match-title i{ left: 10px; }
.con2{ margin-bottom: 60px; }
.con3{  position: relative; height: 630px;margin-bottom: 28px; }
.video{ width: 1280px; margin: 0 auto; }
.video-top{ overflow: hidden; margin-bottom: 46px;  line-height: normal; position: relative;}
.index-title{ width: 166px; height: 33px; background: url(../images/text.png) 0 -384px no-repeat; float: left; }
.index-title.tit2{ height: 38px; background-position: 0 -165px; }
.index-title.tit3{ height: 41px; background-position: 0 -211px; }
.index-title.tit4{ height: 40px; background-position: 0 -259px; }
.index-title.tit5{ height: 30px; background-position: 0 -307px; }
.index-title.tit6{ height: 31px; background-position: 0 -346px; }
.video-nav{ overflow: hidden; float: left; width: 760px; margin-left: 20px; margin-top: 8px; }
.video-nav li{ width: 116px; height: 24px; line-height: 24px; text-align: center; border-right: 1px solid #cccbca; float: left; font-size: 18px; color: #262626; cursor: pointer; }
.video-nav li:last-child{ border-right: 0; }
.video-nav li.on{ color: #bf9d5e; }
.more-btn{ display: block; float: right; width: 21px; height: 21px; background: url(../images/icon.png) -257px 0 no-repeat; margin-top: 15px; -webkit-transition: -webkit-transform 0.4s ease-out; -moz-transition: -moz-transform 0.4s ease-out; transition: transform 0.4s ease-out; animation-delay:2s;
-webkit-animation-delay:2s; }
.more-btn:hover{ -webkit-transform: rotate(180deg); -moz-transform: rotate(180deg); transform: rotate(180deg); }

.con3 .video-top .btn-more{ display: block; position: absolute; z-index: 2; top: 0; right: 0;  font-size: 18px; line-height: 30px; color: #262626; text-align: center; }
.con3 .video-top .btn-more span{ display: inline-block;vertical-align: middle; margin-right: 6px;}
.con3 .video-top .btn-more i{ display: inline-block;vertical-align: middle; width: 20px; height: 21px;  background: url(../images/icon-more.png)  no-repeat; font-size: 0; line-height: 30px;transition: all .3s;}
.con3 .video-top .btn-more:hover i{ -webkit-transform: rotate(180deg); -moz-transform: rotate(180deg); transform: rotate(180deg); }
.video-main{ width: 1280px; margin: 0 auto; position: relative; }
.video-list{ width: 1302px; overflow: hidden; margin: 0 0 0 -10px; display: grid;grid-template-rows: repeat(2, 1fr);grid-template-columns: repeat(4, 1fr);}
.video-list .swiper-slide{ width: 300px; position: relative; height: 250px; }
.video-list a{ display: block; width: 312px; margin: 0 auto 28px;height: 242px;background:url(../images/video-item-bg.png);padding: 6px;box-sizing: border-box;}
.video-img{ width: 300px; height: 160px; overflow: hidden;border-radius:5px;box-sizing: border-box; }
.video-list .video-info {margin-top: 12px;clear: both;padding: 0 10px;box-sizing: border-box;}
.video-list .video-info .video-title {font-size: 16px;color: #000000;line-height: 16px;text-overflow: ellipsis;white-space: nowrap;overflow: hidden;margin-bottom: 15px;}
.video-list .video-info .video-num::before{ display: inline-block; width: 14px; height: 12px; background: url(../images/icon-video.png)  no-repeat; content: ''; vertical-align: middle; margin: -3px 3px 0 0; }
.video-list .video-info .video-num {float: left;font-size: 14px;color: #a3a2a1;}
.video-list .video-info .video-date {float: right;font-size: 14px;color: #a3a2a1;}
.video-list a:hover .video-info .video-title,.video-list a:hover .video-info .video-num,.video-list a:hover .video-info .video-date {
  color: #bf9d5e;
}
.video-list a:hover .video-info .video-num::before{
  background: url(../images/icon-video-hover.png) no-repeat;
}
.video-list a:hover .video-img{
  border: 2px solid #c5a365;
}
.video-list li{width: 280px; position: relative; height: 160px; float: left; margin-bottom: 50px;}
.video-main .swiper-prev,.video-main .swiper-next,
.game-main .swiper-prev,.game-main .swiper-next,
.modes-main .swiper-prev,.modes-main .swiper-next{ top: 54px; left: 0; background-position: -282px 0; width: 27px; height: 41px; }
.video-main .swiper-next,
.game-main .swiper-next,
.modes-main .swiper-next{ right: 0; left: auto; background-position: -312px 0; }
/* .video-list .swiper-slide a:hover p,.video-list li a:hover p{ background: #bf9d5e; } */
.recommend{ width: 1105px; margin: 0 auto; border-top: 1px solid #2e2e2e; padding: 60px 0 55px 175px; position: relative; overflow: hidden; }
.recommend li{ width: 245px; float: left; height: 40px; border-left: 2px solid #767676; padding-right: 5px; }
.recommend li a{ display: block; height: 100%; font-size: 12px; color: #ccc; padding-left: 25px; }
.recommend li p{ font-size: 14px; color: #fff; white-space:nowrap; text-overflow:ellipsis; -o-text-overflow:ellipsis; overflow:hidden; margin-left: -7px; }
.recommend li p span{ color: #bf9d5e; }
.recommend li:hover p{ color: #bf9d5e;}
.recommend::after{ display: block; content: ''; width: 67px; height: 67px; background: url(../images/text.png) 0 -91px no-repeat; position: absolute; left: 75px; top: 40px; }
.con4{ padding: 0 0 60px; }
.ranking{ width: 427px; float: left; background: #fff; height: 680px; overflow: hidden;  }
.rank-top{ overflow: hidden; width: 292px; margin: 30px auto 25px; }
.rank-top li{ width: 96px; float: left; height: 20px; line-height: 20px; border-right: 1px solid #d3d3d3; text-align: center; font-size: 18px; }
.rank-top li:last-child{ border-right: 0; }
.rank-top li a,.rank-nav li a{ display: block; color: #232323; height: 100%; }
.rank-top li.on a{ color: #bf9d5e; }
.rank-nav{ width: 387px; height: 42px; line-height: 42px; border-radius: 21px; background: #f4f4f4; margin: 0 auto 6px; overflow: hidden; }
.rank-nav li{ width: 25%; float: left; position: relative; text-align: center; font-size: 16px; }
.rank-nav li::after{ display: block; content: ''; height: 18px; width: 1px; background: #cacaca; position: absolute; right: 0; top: 12px; }
.rank-nav li:last-child::after{ display: none; }
.rank-nav li.on{ background: #bf9d5e; }
.rank-nav li.on a{ color: #fff; }
.rank-nav li.on::after{ display: none; }
.rank-list{ overflow: hidden; margin: 0 25px; }
.rank-list li{ padding: 9px 0 9px 3px; overflow: hidden; border-bottom: 1px solid #f0f0f0; height: 64px; line-height: 16px; }
.rank-num{ width: 28px; height: 28px; border: 1px solid #d3d3d3; font-size: 20px; border-radius: 50%; color: #d3d3d3; line-height: 28px; text-align: center; float: left; margin-top: 17px; font-family: 'titleFont'; }
.rank-list li:nth-child(1) .rank-num,.rank-list li:nth-child(2) .rank-num,.rank-list li:nth-child(3) .rank-num{ border-color: #bf9d5e; color: #bf9d5e;}
.rank-img{ width: 64px; height: 64px; border-radius: 50%; overflow: hidden; float: left; margin: 0 15px 0 30px; }
.rank-img img{ display: block; width: 100%; min-height: 100%; }
.rank-name{ width: 110px; float: left; padding: 0 5px; height: 16px; line-height: 16px; border-right: 1px solid #d3d3d3; white-space:nowrap; text-overflow:ellipsis; -o-text-overflow:ellipsis; overflow:hidden; margin-top: 25px; text-align: center; }
.rank-count{ text-align: center; width: 100px; float: right; margin-top: 25px; }
.rank-more{ display: block; text-align: center; font-size: 14px; color: #232323; padding: 16px 0; margin-top: 6px; }
.rank-more::after{ display: inline-block; width: 12px; height: 9px; background: url(../images/icon.png) -242px -28px no-repeat; content: ''; vertical-align: middle; margin: -2px 0 0 3px; }
.rank-more:hover{ color: #bf9d5e; }
.player{ width: 830px; float: right; background: #fff; height: 680px; overflow: hidden; margin-bottom: 60px;  }
.player-main{ height: 600px; overflow: hidden; position: relative; }
.player-info{ width: 100%; overflow: hidden; }
.player-info .hero-left{ padding: 62px 400px 0 40px; width: 390px; height: 538px; overflow: hidden; left: -20%; transition: all .7s; }
.player-info .hero-desc::before{ width: 390px; }
.player-info .swiper-slide{ background: #fff; height: 600px; overflow: hidden; }
.player-info .hero-left .hero-from li{ cursor: default; }
.player-info .swiper-slide.swiper-slide-active .hero-left{ left: 0; }
.player-right{ position: relative; height: 600px; overflow: hidden; }
.player-right img{ position: absolute; top: 0; right: 0; height: 600px; }
.player-nav{ position: absolute; z-index: 3; top: 70px; right: 38px; overflow: hidden; width: 68px; height: 462px; }
.player-nav .swiper-slide{ width: 68px; height: 68px!important; text-align: center; border-radius: 50%; text-align: center; background: #232323; margin-bottom: 9px; cursor: pointer; font-size: 14px; color: #fff; display: flex; align-items: center; justify-content: center; line-height: 18px; }
.player-nav .swiper-slide.swiper-slide-thumb-active{ background: #bf9d5e; }
.player-nav .swiper-wrapper{ transform: none!important; }
.club{ clear: both; background: #fff; height: 465px; overflow: hidden; }
.club-left{ overflow: hidden; padding: 10px 0 0 30px; width: 380px; float: left; }
.club-left li{ height: 67px; line-height: 67px; border-bottom: 1px solid #e8e8e8; }
.club-left li:last-child{ border-bottom: 0; }
.club-left li a{ display: block; height: 100%; white-space:nowrap; text-overflow:ellipsis; -o-text-overflow:ellipsis; overflow:hidden; font-size: 16px; color: #232323; }
.club-left li span{ display: inline-block; width: 24px; height: 24px; border-radius: 50%; background: #d4d4d4; color: #fff; font-size: 14px; line-height: 24px; text-align: center; vertical-align: middle; margin: -3px 5px 0 0; font-family: 'titleFont'; }
.club-left li:hover span{ background: #bf9d5e; }
.club-left li:hover a{ color: #bf9d5e; }
.club-right{ float: right; margin-right: 30px; width: 800px; overflow: hidden; }
.club-right h3{ padding: 22px 0 12px 15px; }
.club-right h3 span{ font-family: 'titleFont'; font-size: 24px; color: #232323; display: inline-block; vertical-align: middle; }
.club-right h3 i{ display: inline-block; width: 44px; height: 18px; line-height: 18px; text-align: center; border-radius: 9px; color: #fff; background: #ad2727; font-size: 12px; vertical-align: middle; margin: -3px 0 0 5px; }
.club-list{ overflow: hidden; width: 800px; }
.club-list li{ width: 370px; float: left; margin: 0 15px; }
.club-list li a{ display: block; }
.club-img{ height: 180px; overflow: hidden; }
.club-name{ font-size: 16px; color: #232323; white-space:nowrap; text-overflow:ellipsis; -o-text-overflow:ellipsis; overflow:hidden; margin: 12px 0 8px; }
.club-name span{ color: #bf9d5e; border-right: 1px solid #bf9d5e; height: 14px; line-height: 14px; padding-right: 8px; margin-right: 6px; display: inline-block; }
.club-info{ font-size: 14px; color: #a9a9a9; line-height: 24px; display:-webkit-box; -webkit-box-orient:vertical; -webkit-line-clamp:2; overflow:hidden; }
.club-list li:hover .club-name{ color: #bf9d5e; }
.more-height{ padding: 0; height: 560px; }
.wall-all{ position: relative; height: 480px; overflow: hidden; }
.wallpaper{ width: 1164px; margin: 0 auto; overflow: hidden; height: 480px; }
.wallpaper .swiper-slide{ width: 388px; height: 240px!important; position: relative; }
.wallpaper a{ display: block; width: 330px; margin: 0 auto; height: 185px; }
.wall-img{ width: 330px; height: 160px; overflow: hidden; }
.wallpaper p{ position: absolute; top: 147px; left: 50%; margin-left: -115px; width: 210px; height: 32px; line-height: 32px; padding: 0 10px; background: #e8e7e7; border-radius: 16px; font-size: 14px; color: #272727; white-space:nowrap; text-overflow:ellipsis; -o-text-overflow:ellipsis; overflow:hidden; text-align: center; }
.wall-all .swiper-prev,.wall-all .swiper-next{ top: 153px; left: 20px; background-position: -282px 0; width: 27px; height: 41px; }
.wall-all .swiper-next{ right: 20px; left: auto; background-position: -312px 0; }
.wallpaper .swiper-slide a:hover p{ background: #bf9d5e; }
.wall-page{ position: absolute; top: 460px; z-index: 3; left: 0; right: 0; text-align: center; height: 20px; overflow: hidden; }
.wall-page .swiper-pagination-bullet{ width: 16px; height: 16px; background: #1f1f1f; border-radius: 50%; border: 1px solid #3e372c; opacity: 1; margin: 0 8px; position: relative; }
.wall-page .swiper-pagination-bullet.swiper-pagination-bullet-active::after{ display: inline-block; content: ''; position: absolute; width: 8px; height: 8px; background: #927c52; left: 4px; top: 4px; border-radius: 50%; }
.con5{  padding: 0 0 60px; }
.contact{ width: 1280px; margin: 0 auto; background: #fff; margin-top: 60px; background: #fff; overflow: hidden; }
.contact-info{ overflow: hidden; padding: 25px 100px 50px 0; }
.contact .about{ padding-left: 30px; margin-left: 30px; }
.contact .about .about-list::before{ display: none; }
.contact .about .about-list{ width: 145px; }
.contact .about-img{ background: #d4d4d4; border-color: #808080; }
.contact .about::before{ display: block; height: 98px; width: 1px; content: ''; position: absolute; left: 0; top: 20px; background: #adadad; }
.contact .code .code-list{ width: 150px; }
.contact .about-list:hover a{ color: #bf9d5e; }
.contact .about-list:hover .about-img{ border-color: #bf9d5e; }
.fade{ position:fixed; top: 0%; left: 0%; background: black; z-index:9; -moz-opacity: 0.6; opacity:.60; filter: alpha(opacity=65); width:100%; height:100%; display:none;}
.alert{ position:fixed; z-index:10; display:none;}
.media{ width: 760px; background: #000;}
#videoPlay{ width: 760px; }
.alert-close{ position: absolute; z-index: 3; right: 15px; top: 15px; width: 45px; height: 45px; background: url(../images/icon.png) -372px 0 no-repeat; display: block; -webkit-transition: -webkit-transform .3s ease-out; -moz-transition: -moz-transform .3s ease-out; -o-transition: -o-transform .3s ease-out; -ms-transition: -ms-transform .3s ease-out; }
.alert-close:hover{ -webkit-transform: rotateZ(180deg); -moz-transform: rotateZ(180deg); -o-transform: rotateZ(180deg); -ms-transform: rotateZ(180deg); transform: rotateZ(180deg);}  

/*武将信息页*/
.hero-top{ position: relative; height: 600px; }
.hero-left{ padding: 62px 620px 0 40px; height: 550px; position: absolute; z-index: 2; left: 0; top: 0; }
.hero-title{ height: 55px; }
.hero-title span{ font-size: 44px; display: inline-block; vertical-align: middle; margin-right: 25px; margin-top: -3px; }
.hero-title i{ width: 25px; height: 25px; text-align: center; line-height: 25px; background: #bf9d5e; border-radius: 50%; color: #fff; display: inline-block; vertical-align: middle; margin-right: 8px; }
.hero-from{ display: inline-block; vertical-align: middle; }
.hero-from li{ display: inline-block; width: 46px; height: 22px; line-height: 22px; text-align: center; margin-right: 8px; cursor: pointer; border-radius: 4px; border: 1px solid #c3c3c3; background: #ebebeb; }
.hero-from li.on{ background: #bf9d5e; border-color: #bf9d5e; color: #fff; }
.hero-intro{ display:-webkit-box; -webkit-box-orient:vertical; -webkit-line-clamp:3; overflow:hidden;}
.hero-desc{ margin: 15px 0 10px; }
.hero-desc::before{ width: 510px; height: 1px; background: #ebebeb; content: ''; display: block; margin-bottom: 10px; }
.hero-desc p span{ color: #b78b5a; }
.hero-desc p i{ font-size: 16px; letter-spacing: 2px; }
.hero-guide{ margin: 10px 0 0 30px; }
.hero-guide img{ height: 220px; }
.hero-right,.hero-change{ height: 600px; overflow: hidden; position: relative; }
.hero-info .swiper-slide{ text-align: right; background: #fff; width: 1280px; height: 600px; overflow: hidden; position: relative; }
.hero-info .swiper-slide img{ width: 530px; position: absolute; top: -5px; right: 112px; }
.hero-info .swiper-slide::after{ display: block; position: absolute; content: ''; right: 0; top: 0; width: 782px; height: 600px; background: url(../images/hero_fade.png) no-repeat; z-index: 1; }
.hero-nav{ position: absolute; z-index: 3; right: 60px; top: 102px; width: 80px; height: 400px; overflow: hidden; }
.hero-nav .swiper-slide{ height: 100px; width: 80px!important; text-align: center; font-size: 14px; color: #272727; }
.hero-nav .swiper-slide p{ width: 76px; height: 76px; overflow: hidden; border-radius: 50%; cursor: pointer; border: 2px solid #d1d1d1; background: #fff; }
.hero-nav .swiper-slide p img{ display: block; width: 100%; }
.hero-nav .swiper-slide.swiper-slide-thumb-active p{ border-color: #bf9d5e; }
.swiper-prev,.swiper-next{ position: absolute; z-index: 3; width: 36px; height: 25px; top: 50px; right: 80px; background: url(../images/icon.png) -39px -44px no-repeat; cursor: pointer; }
.swiper-next{ top: 508px; background-position: 0 -44px; }
.swiper-prev.swiper-button-disabled,.swiper-next.swiper-button-disabled{ -webkit-filter: grayscale(100%) brightness(65%); -moz-filter: grayscale(100%) brightness(65%); -ms-filter: grayscale(100%) brightness(65%); -o-filter: grayscale(100%) brightness(65%); filter: grayscale(100%) brightness(65%); filter: gray; cursor: default; }
.skill{ padding: 27px 40px 50px; }
.skill-nav{ overflow: hidden; margin-bottom: 30px; }
.skill-nav li{ height: 22px; text-align: center; line-height: 22px; float: left; cursor: pointer; border-right: 2px solid #9f9f9f; overflow: hidden; font-size: 18px; color: #262626; }
.skill-nav li a{ display: block; height: 100%; color: #262626; padding: 0 38px; }
.skill-nav li:last-child{ border-right: 0; }
.skill-nav li.on a,.skill-nav li a:hover{ color: #bf9d5e; }
.play{ padding: 27px 40px 25px; }
.play p{ margin-bottom: 24px; }

/*武将列表页*/
.general{ height: 463px; position: relative; overflow: hidden; margin-bottom: 28px; }
.general-info .swiper-slide{ height: 463px; }
.general-info .swiper-slide a{ display: block; position: relative; }
.general-info .swiper-slide a::after{ display: block; content: ''; top: 16px; right: 16px; bottom: 16px; left: 16px; border: 1px solid #fff; opacity: .2; position: absolute; z-index: 2; }
.general-info .swiper-slide a::before{ display: block; content: ''; position: absolute; z-index: 1; left: 0; right: 0; bottom: 0; height: 160px; background: linear-gradient(0deg, rgba(0, 0, 0, 0.85), rgba(0, 0, 0, 0)); }
.general-info .swiper-slide img{ display: block; width: 100%; min-height: 463px; }
.general-nav{ position: absolute; z-index: 3; bottom: 50px; right: 100px; width: 460px; overflow: hidden; }
.general-nav .swiper-slide{ width: 72px!important; height: 72px; overflow: hidden; margin: 0 10px; }
.general-nav .swiper-slide p{ width: 68px; height: 68px; overflow: hidden; border: 2px solid #d1d1d1; cursor: pointer; background: #d1d1d1; }
.general-nav .swiper-slide p img{ display: block; width: 100%; height: 100%; }
.general-nav .swiper-slide.swiper-slide-thumb-active p{ border-color: #bf9d5e; }
.general-info .swiper-prev,.general-info .swiper-next{ top: auto; bottom: 65px; right: 566px; background-position: -79px -44px; width: 22px; height: 33px; }
.general-info .swiper-next{ right: 64px; background-position: -104px -44px; }
.general-title{ font-size: 0; position: absolute; width: 240px; height: 60px; background: url(../images/text.png) 0 0 no-repeat; left: 44px; bottom: 55px; z-index: 2; }
.general-top{ padding: 22px 40px 25px; overflow: hidden; }
.general-nation{ overflow: hidden; float: left; }
.general-nation li{ width: 76px; text-align: center; height: 20px; line-height: 20px; border-right: 1px solid #d6d6d6; float: left; font-size: 18px; cursor: pointer; }
.general-nation li:last-child{ border-right: 0; }
.general-nation li.on{ color: #bf9d5e; }
.general-search{ float: right; width: 230px; height: 36px; position: relative; }
.search-input{ width: 214px; height: 36px; padding-left: 16px; border-radius: 18px; background: #f4f4f4; border: 0; font-size: 16px; color: #232323; }
.search-btn{ position: absolute; width: 18px; height: 18px; border: 0; top: 8px; right: 15px; background: url(../images/icon.png) -128px -44px no-repeat; font-size: 0; cursor: pointer; }
.general-list{ overflow: hidden; width: 1206px; margin: 0 auto; padding-bottom: 20px; }
.general-list li{ width: 90px; float: left; margin: 0 22px 40px; text-align: center; font-size: 18px; color: #272727; }
.general-list li a{ display: block; font-size: 18px; color: #272727; }
.general-img{ width: 86px; height: 86px; border: 2px solid #232323; overflow: hidden; margin-bottom: 6px; }
.general-img img{ display: block; width: 100%; height: min-height: 86px; }
.general-list li:hover .general-img{ border-color: #ac905d; }
.general-list li:hover a{ color: #ac905d; }

/*新闻列表页*/
.news-left{ width: 257px; float: left; }
.news-down{ height: 117px; overflow: hidden; }
.news-down a{ display: block; position: relative; height: 100%; background: url(../images/download_bg.png) 0 0 no-repeat; transition: all .5s; -webkit-filter: brightness(100%); filter: brightness(100%); }
.news-down img{ display: block; width: 100%; }
.news-down a::after{ display: block; content: ''; width: 138px; height: 56px; background: url(../images/text.png) -246px 0 no-repeat; position: absolute; left: 60px; top: 33px; }
.news-down a::before{ display: block; content: ''; width: 257px; height: 117px; background: url(../images/download_bg.png) -259px 0 no-repeat; position: absolute; left: 0; top: 0; display: none; transition: all .5s; opacity: 0; }
.news-down:hover a::before{ display: block; opacity: 1; }
.news-down:hover a{ -webkit-filter: brightness(105%); filter: brightness(105%); }
.news-code{ padding: 25px 0 35px; background: #fff; text-align: center; margin-bottom: 30px; }
.news-code img{ display: block; width: 188px; margin: 0 auto 5px; }
.news-code::after{ display: block; content: ''; width: 155px; height: 24px; background: url(../images/text.png) 0 -63px no-repeat; margin: 0 auto; }
.side-nav{ padding: 20px 0 20px; background: #fff; }
.side-top{ width: 170px; text-align: center; margin: 0 auto; border-top: 1px solid #d3d3d3; }
.side-top a{ height: 60px; line-height: 60px; font-size: 18px; color: #232323; }
.side-top:first-child{ border-top: 0; }
.side-top a i{ -webkit-transform: perspective(1px) translateZ(0);
  transform: perspective(1px) translateZ(0);
  box-shadow: 0 0 1px rgba(0, 0, 0, 0);
  -webkit-transition-duration: 0.3s;
  transition-duration: 0.3s;
  -webkit-transition-property: transform;
  transition-property: transform;
  -webkit-transition-timing-function: ease-out;
  transition-timing-function: ease-out; }
.side-top a:hover i{ -webkit-transform: translateX(-4px); transform: translateX(-4px);}
.side-top a:hover{ color: #bf9d5e; }
.icon{ display: inline-block; width: 18px; height: 23px; background: url(../images/icon.png) -149px -44px no-repeat; vertical-align: middle; }
.icon.wj{ margin: -3px 12px 0 0; }
.icon.ms{ margin: -3px 12px 0 0; height: 18px; background-position: -169px -44px; }
.icon.arraw{ width: 20px; height: 7px; background-position: -189px -78px; margin: -3px 0 0 8px; }
.side-link{ overflow: hidden; width: 204px; margin: 0 auto; padding: 17px 0 25px; }
.side-link li{ float: left; width: 102px; text-align: center; margin-bottom: 12px; }
.side-link li a{ font-size: 14px; color: #000; }
.side-link .side-img{ width: 64px; height: 49px; padding-top: 15px; border-radius: 50%; background: #d4d4d4; border: 1px solid #828282; margin: 0 auto 3px; }
.side-link li:hover .side-img{ border-color: #bf9d5e; }
.side-link li:hover a{ color: #bf9d5e; }
.icon.lt{ width: 36px; height: 35px; background-position: 0 -78px; }
.icon.qq{ width: 32px; height: 35px; background-position: -77px -78px; }
.icon.bz{ width: 36px; height: 35px; background-position: -38px -78px; }
.icon.kf{ width: 36px; height: 35px; background-position: -111px -78px; }
.news-right{ width: 996px; float: right; background: #fff; padding-bottom: 45px; }
.news-head{ height: 80px; line-height: 80px; background: #212121; padding: 0 0 0 48px; position: relative; }
.news-head a{ font-size: 16px; color: #eae9e9; }
.news-head::before{ display: inline-block; content: ''; width: 12px; height: 12px; background: url(../images/icon.png) -203px 0 no-repeat; vertical-align: middle; margin: -3px 10px 0 0; }
.news-head i{ display: inline-block; width: 9px; height: 12px; background: url(../images/icon.png) -218px 0 no-repeat; vertical-align: middle; margin: -3px 15px 0; }
.news-head::after{ position: absolute; right: 0; top: 0; content: ''; width: 500px; background: url(../images/title.png) -782px 0 no-repeat; height: 80px; }
.news-tab{ overflow: hidden; margin: 5px 45px; display: table; width: 906px; }
.news-tab li{ text-align: center; height: 40px; line-height: 40px; border-bottom: 2px solid #dcdcdc; display: table-cell; }
.news-tab li a{ display: block; font-size: 18px; color: #232323; }
.news-tab li.on{ border-bottom-color: #bf9d5e; }
.news-tab li.on a,.news-tab li:hover a{ color: #bf9d5e; }
.news-list{ overflow: hidden; margin: 0 45px; }
.news-list li{ height: 46px; overflow: hidden; line-height: 46px; border-bottom: 1px solid #e8e8e8; }
.news-list li a{ display: block; color: #232323; font-size: 16px; }
.news-name{ width: 85%; float: left; white-space:nowrap; text-overflow:ellipsis; -o-text-overflow:ellipsis; overflow:hidden; }
.news-name span{ color: #bf9d5e; display: inline-block; height: 16px; border-right: 1px solid #bf9d5e; line-height: 16px; padding-right: 10px; margin: -3px 6px 0 0; vertical-align: middle; }
.news-time{ width: 15%; text-align: right; float: right; color: #a9a9a9; }
.news-list li:hover a,.news-list li:hover a .news-time{ color: #c3a469; }
.pages{ padding: 35px 0 10px; text-align: center; font-size: 14px; color: #bf9d5e; }
.pages a{ font-size: 14px; color: #bf9d5e; display: inline-block; margin: 0 6px; }
.page-prev,.page-next{ margin: 0 12px; }
.page-prev::before,.page-next::after{ display: inline-block; content: ''; width: 18px; height: 4px; vertical-align: middle; margin: -3px 6px 0; background: url(../images/icon.png) -202px -17px no-repeat; }
.page-next::after{ background-position: -180px -17px; }
.page-prev.end::before,.page-next.end::before{ -webkit-filter: grayscale(100%) brightness(110%); -moz-filter: grayscale(100%) brightness(110%); -ms-filter: grayscale(100%) brightness(110%); -o-filter: grayscale(100%) brightness(110%); filter: grayscale(100%) brightness(110%); filter: gray; }
.page-prev.end,.page-next.end{ color: #a3a3a3; }
.pages a.on{ color: #a3a3a3;}
.page-input{ display: inline-block; vertical-align: middle; margin: -3px 3px 0; width: 46px; height: 22px; line-height: 22px; text-align: center; background: #ebebeb; border-radius: 4px; border: 1px solid #c3c3c3; font-size: 14px; color: #232323; }
/*新闻详情*/
.detail{ padding: 25px 45px; }
.detail-title{ color: #c3a469; font-size: 24px; line-height: 32px; padding-bottom: 13px; border-bottom: 1px solid #dcdcdc; }
.detail-sub{ overflow: hidden; font-size: 16px; padding: 10px 0 10px; }
.detail-time{ float: left; }
.share{ float: right; }
.share-text{ float: left; }
.bdsharebuttonbox{ float: left; padding-top: 2px; }
.bdsharebuttonbox a{ padding: 0!important; margin: 0 0 0 9px!important; width: 21px; height: 21px!important; background: url(../images/icon.png) -190px -44px no-repeat!important; }
.bdsharebuttonbox a.bds_sqq{ background-position: -218px -44px!important; }
.bdsharebuttonbox a.bds_weixin{ background-position: -249px -44px!important; }
.bdsharebuttonbox a.bds_weixin.wxpy{ background-position: -278px -44px!important; }
.detail-content{ font-size: 14px; color: #232323; line-height: 24px; padding-top: 20px; }
.detail-content img{ display: block; max-width: 100%; height: auto!important; width: auto!important; }
.detail-content p{ margin-bottom: 20px; }
.detail-content h3{ height: 25px; line-height: 25px; background: url(../images/title.png) 0 -90px no-repeat; padding-left: 8px; color: #fff; margin-bottom: 20px; }
.detail-content b{ font-weight: bold; }
.detail-content i{ font-style: italic; }
.news-video{ height: 450px; width: 690px; margin: 0 auto 20px; }

/*大神榜单页*/
.inner-rank .rank-top{ width: 632px; }
.inner-rank .rank-top li{ width: 125px; }
.inner-rank .rank-list{ margin: 0 60px 10px; }
.inner-rank .rank-num{ margin-left: 68px; }
.inner-rank .rank-img{ margin: 0 40px 0 120px; }
.inner-rank .rank-name{ width: 250px; }
.inner-rank .rank-count{ width: 240px; float: left; }
.inner-rank .rank-list li:last-child{ border-bottom: 0; }

/*游戏壁纸*/
.skin{ overflow: hidden; width: 930px; margin: 0 auto -15px; }
.skin li{ width: 288px; height: 154px; float: left; margin: 0 11px 40px; position: relative; }
.skin li a{ display: block; height: 100%; }
.skin-img{ height: 140px; overflow: hidden; }
.skin li p{ position: absolute; bottom: 0; width: 210px; height: 32px; line-height: 32px; left: 50%; margin-left: -115px; padding: 0 10px; background: #1f1f1f; border-radius: 16px; font-size: 14px; color: #fff; white-space:nowrap; text-overflow:ellipsis; -o-text-overflow:ellipsis; overflow:hidden; text-align: center; }
.skin li:hover p{ background: #bf9d5e; color: #272727; }
.look-img{ width: 1040px; background: #fff; overflow: hidden; }
.look-info{ padding: 15px; position: relative; }
.look-info img{ display: block; width: 100%; }
.look-info p{ position: absolute; left: 15px; bottom: 40px; padding: 0 20px 0 15px; height: 48px; line-height: 48px; border-radius: 0 24px 24px 0; color: #fff; font-size: 14px; background: rgba(0,0,0,.75); }
.look-info::after,.age-info::after{ display: block; position: absolute; z-index: 2; width: 45px; height: 45px; top: 15px; right: 15px; background: #272727; content: ''; }

/*视频中心*/
.flv-top{ overflow: hidden; margin-bottom: 25px; }
.flv-banner{ width: 1023px; height: 430px; overflow: hidden; float: left; position: relative; }
.flv-banner .press-page{ left: 20px!important; bottom: 25px; top: auto; }
.flv-search{ width: 257px; padding: 17px 0 0; float: right; background: #2b2928; height: 413px; overflow: hidden; }
.flv-search .general-search{ float: none; margin: 0 auto; }
.flv-list{ overflow: hidden; padding: 12px 0 0 17px; height: 352px; }
.flv-list a{ display: inline-block; height: 32px; line-height: 32px; padding: 0 15px; border-radius: 16px; border: 1px solid #585858; color: #585858; text-align: center; margin: 0 5px 10px 0; }
.flv-nav{ margin: 27px 40px 35px; }
.flv{ width: 1236px; margin: 0 auto; overflow: hidden; }
.flv li{ width: 273px; float: left; margin: 0 18px 20px; height: 235px; overflow: hidden; font-size: 16px; }
.flv li a{ display: block; }
.flv-img{ height: 153px; overflow: hidden; }
.flv-name{ color: #272727; line-height: 20px; display:-webkit-box; -webkit-box-orient:vertical; -webkit-line-clamp:2; overflow:hidden; margin: 10px 0 8px; }
.flv-next{ overflow: hidden; color: #808080; }
.flv-num{ width: 148px; float: left; }
.flv-num::before{ display: inline-block; width: 12px; height: 13px; background: url(../images/icon.png) -153px -78px no-repeat; content: ''; vertical-align: middle; margin: -3px 3px 0 0; }
.flv-time{ float: left; }
.flv-time::before{ display: inline-block; width: 15px; height: 16px; background: url(../images/icon.png) -170px -78px no-repeat; content: ''; vertical-align: middle; margin: -3px 3px 0 0; }
.flv li:hover .flv-name{ color: #bf9d5e; }

/*模式介绍*/
.pattern{ margin-top: 20px; background: #fff; overflow: hidden; position: relative; }
.pattern-left{ width: 270px; float: left; border-right: 1px solid #f4f4f4; }
.pattern-left li{ height: 68px; line-height: 68px; border-bottom: 1px solid #f4f4f4; font-size: 18px; }
.pattern-left li a{ display: block; height: 100%; padding-left: 90px; color: #232323; }
.pattern-left li img{ width: 28px; vertical-align: middle; margin: -3px 15px 0 0; }
.pattern-left li img.active{ display: none; }
.pattern-left li.on a,.pattern-left li:hover a{ color: #c3a469; }
.pattern-left li.on img{ display: none; }
.pattern-left li.on img.active{ display: inline-block; }
.pattern-right{ width: 910px; float: left; border-left: 1px solid #f4f4f4; margin-left: -1px; padding: 25px 0 45px 52px; }
.modes{ padding: 25px 0 30px; }
.modes-main{ width: 906px; margin: 0 auto; position: relative; height: 186px; overflow: hidden; }
.modes-list{ width: 830px; overflow: hidden; margin: 0 auto; }
.modes-list .swiper-slide{ width: 166px; position: relative; height: 186px!important; overflow: hidden; }
.modes-list .swiper-slide p{ width: 134px; height: 186px; overflow: hidden; border-radius: 5px; margin: 0 auto; }
.modes-list .swiper-slide img{ display: block; width: 100%; min-height: 100%; }
.to-hero{ float: left; }
.to-hero a{ color: #232323; font-size: 18px; }

/*赛事中心*/
.con6{ background: url(../images/dec5.jpg) center bottom no-repeat; padding: 0 0 80px; }
.game-main{ width: 1270px; margin: 0 auto; position: relative; }
.game-list{ width: 1203px; height: 254px; overflow: hidden; margin: 0 auto; }
.game-list .swiper-slide{ width: 401px; position: relative; height: 254px!important; overflow: hidden; background: url(../images/game1.jpg) center top no-repeat; text-align: center; color: #fff; font-size: 16px; }
.game-main .swiper-prev,.game-main .swiper-next{ top: 90px; }
.game-time{ padding: 40px 0 12px; }
.game-time::before{ display: inline-block; width: 18px; height: 18px; background: url(../images/icon.png) -214px -78px no-repeat; content: ''; vertical-align: middle; margin: -3px 5px 0 0; }
.game-con{ overflow: hidden; width: 308px; margin: 0 auto; }
.game-player{ width: 106px; float: left; }
.game-img{ width: 72px; height: 72px; margin: 0 auto 6px; background: #fff; border-radius: 50%; padding: 7px; }
.game-img img{ display: block; width: 100%; height: 100%; border-radius: 50%; }
.game-mid{ width: 95px; float: left; padding-top: 12px; font-size: 14px; color: #a8a8a8; }
.game-num{ font-size: 29px; color: #bf9d5e; margin: 12px 0; }
.live{ width: 1280px; position: absolute; top: -50px; left: 50%; margin-left: -640px; }
.live-left{ width: 746px; float: left; }
.game-top{ overflow: hidden; line-height: normal; }
.game-head{ font-size: 30px; float: left; color: #292827; font-family: 'titleFont'; }
.live-left .skill-nav{ margin: 5px 0 0 20px; }
.room{ height: 420px; overflow: hidden; margin-top: 45px; }
.live-height{ padding: 0; height: 485px; }
.live-right{ width: 460px; float: right; }
.live-right .more-btn{ margin-top: 10px; }
.msg-top{ margin-top: 43px; height: 52px; line-height: 52px; text-align: center; }
.msg-top a{ display: block; font-size: 24px; color: #bf9d5e; white-space:nowrap; text-overflow:ellipsis; -o-text-overflow:ellipsis; overflow:hidden; }
.msg-list{ overflow: hidden; }
.msg-list li{ height: 60px; line-height: 60px; border-top: 2px solid #333; }
.msg-list li a{ display: block; font-size: 16px; color: #e6e5e5; }
.msg-name{ width: 85%; float: left; white-space:nowrap; text-overflow:ellipsis; -o-text-overflow:ellipsis; overflow:hidden; }
.msg-time{ width: 15%; float: left; text-align: right; color: #818080; }
.msg-list li:hover a,.msg-list li:hover .msg-time{ color: #bf9d5e;  }
.team{ margin: 0 auto; width: 1280px; padding-top: 60px; }
.team-all{ background: #fff; overflow: hidden; padding: 40px 55px 70px; position: relative; }
.team-nav{ width: 1040px; overflow: hidden; margin: 0 auto; }
.team-nav .swiper-slide{ width: 130px; height: 138px!important; text-align: center; cursor: pointer; }
.team-nav .swiper-slide p{ width: 88px; height: 88px; background: #fff; border-radius: 50%; margin: 0 auto 5px; border: 7px solid #e9e9e9; overflow: hidden; }
.team-nav .swiper-slide p img{ display: block; width: 88px; height: 88px; border-radius: 50%; margin: 0 auto; border: 1px solid #d9d9d9; overflow: hidden; }
.team-nav .swiper-slide.swiper-slide-thumb-active p{ border-color: #dfceae; }
.team-nav .swiper-slide.swiper-slide-thumb-active p img{ border-color: #d9b879; }
.team-info{ width: 1170px; overflow: hidden; height: 430px; margin-top: 20px; }
.team-img{ width: 766px; height: 430px; overflow: hidden; float: left; }
.team-img img{ display: block; width: 100%; min-height: 100%; }
.team-intro{ width: 359px; float: left; background: #232323; float: left; color: #fff; padding: 15px 20px 0 25px; height: 415px; }
.team-intro p{ font-size: 44px; line-height: normal; margin-bottom: 10px; }
.team-text{ display:-webkit-box; -webkit-box-orient:vertical; -webkit-line-clamp:13; overflow:hidden; }
.team-all .swiper-prev,.team-all .swiper-next{ top: 77px; left: 63px; background-position: -282px 0; width: 27px; height: 41px; }
.team-all .swiper-next{ right: 63px; left: auto; background-position: -312px 0; }
.back-height{ padding: 0; height: 390px; }
.event-left{ width: 230px; text-align: center; position: relative; padding: 30px 0 30px; float: left; }
.event-left img{ height: 130px; }
.event-left::after{ position: absolute; width: 1px; height: 60px; background: #e5e5e5; content: ''; right: 0; top: 70px; }
.event{ padding: 35px 0 35px 35px; width: 985px; float: left; }
@-webkit-keyframes hvr-pulse {
  25% {
    -webkit-transform: scale(1.05);
    transform: scale(1.05);
  }
  75% {
    -webkit-transform: scale(0.95);
    transform: scale(0.95);
  }
} 
@keyframes hvr-pulse {
  25% {
    -webkit-transform: scale(1.05);
    transform: scale(1.05);
  }
  75% {
    -webkit-transform: scale(0.95);
    transform: scale(0.95);
  }
}
.hvr-pulse {
  -webkit-transform: perspective(1px) translateZ(0);
  transform: perspective(1px) translateZ(0);
  -webkit-animation-name: hvr-pulse;
  animation-name: hvr-pulse;
  -webkit-animation-duration: 1.2s;
  animation-duration: 1.2s;
  -webkit-animation-timing-function: linear;
  animation-timing-function: linear;
  -webkit-animation-iteration-count: infinite;
  animation-iteration-count: infinite;
}

/*视频详情*/
.video-show{ width: 690px; float: left; }
.video-show .detail-content{ padding: 0; }
.video-side{ width: 470px; float: right; overflow: hidden; padding: 18px 0; }
.video-side li{ overflow: hidden; margin-bottom: 25px; }
.video-side li a{ display: block; }
.media-img{ width: 170px; height: 96px; float: left; overflow: hidden; }
.media-info{ width: 285px; float: right; }
.media-name{ font-size: 16px; line-height: 24px; color: #272727; margin-bottom: 25px; display:-webkit-box; -webkit-box-orient:vertical; -webkit-line-clamp:2; overflow:hidden; height: 48px; }
.video-side li:hover .media-name{ color: #bf9d5e; }
.look-club{ width: 270px; background: #fff; }
.look-club .look-info{ padding: 20px 0; }
.look-club .look-info img{ width: 182px; margin: 0 auto; }
.look-club .look-info::after,.look-club .alert-close{ top: 0; right: 0; }

.default-nav{ overflow: hidden; margin: 0 25px; border-bottom: 1px solid #f0f0f0; padding-bottom: 12px; padding-top: 10px; }
.default-nav li{ float: left; font-size: 16px; color: #585858; }
.default-nav li.rank-mc{ width: 34px; float: left; }
.default-nav li.rank-name{ border-right: 0; margin-top: 0; height: auto; line-height: inherit; }
.default-nav li.rank-count{ margin-top: 0; }
.inner-rank .default-nav{ margin: 0 60px; }
.inner-rank .default-nav li.rank-mc{ margin-left: 68px; }
.inner-rank .default-nav li.rank-img{ height: auto; text-align: center; }
.media-all{ min-height: 430px; }
.game-banner{ height: 937px; background: url(../images/game_banner.jpg) center top no-repeat; }
.age-info{ width: 480px; background: #fff; }
.age-info::after,.age-info .alert-close{ top: 0; right: 0; }
.age-text{ margin: 55px 12px 25px 20px; height: 240px; padding-right: 15px; overflow: auto; font-size: 14px; color: #232323; line-height: 22px; }
.age-text p{ margin-bottom: 20px; }
.age-text::-webkit-scrollbar{ width: 3px; height: 1px;}
.age-text::-webkit-scrollbar-thumb{ background: #ccc;}
.age-text::-webkit-scrollbar-track{ background: #f0f0f0;}

.news-head .general-search{ position: absolute; top: 22px; right: 45px; z-index: 3; }
.hero-chat{ width: 282px; height: 240px; margin-top: 15px; }

/*壁纸改版*/
.check-img{ position: fixed; z-index: 10; display: none; width: 1040px; background: #fff; overflow: hidden; left: 50%; top: 50%; transform: translate(-50%, -50%); }
.crossImg{ width: 1040px; }
.verticalImg{ width: 580px; }
.look-type{ overflow: hidden; width: 200px; margin: 10px auto 30px; display: flex; align-items: center; justify-content: center; }
.look-type li{ text-align: center; font-size: 18px; color: #232323; width: 50%; cursor: pointer; position: relative; }
.look-type li:nth-child(2)::before{ content: ''; display: block; position: absolute; left: 0; top: 50%; width: 1px; height: 18px; margin-top: -9px; background: #d6d6d6; }
.look-type li.on{ color: #bf9d5e; }
.wall-nav{ padding: 25px 30px 0; }