
/* ===== 基础重置 reset ===== */
body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, form, fieldset, input, textarea, p, blockquote, th, td {
    margin: 0;
    padding: 0
}

table {
    border-collapse: collapse;
    border-spacing: 0
}

address, caption, cite, code, dfn, em, strong, th, var {
    font-weight: normal;
    font-style: normal
}

ol, ul {
    list-style: none
}

caption, th {
    text-align: left
}

h1, h2, h3, h4, h5, h6 {
    font-weight: normal;
    font-size: 100%
}

a {
    text-decoration: none;
    transition: all 0.2s;
    cursor: pointer;
    outline: 0;
    color: #000
}

a:hover {
    opacity: 0.85;
    transition: 0.2s all
}
/* ===== 页面基础 ===== */


body {
    background-color: #191219;
    overflow-x: hidden !important;
    font-family: SourceHanSansCN_Medium, sans-serif
}

q:before, q:after {
    content: ''
}
/* ===== 通用工具类 ===== */


.tn {
    display: block;
    overflow: hidden;
    text-indent: -9999em
}

.hid {
    display: block;
    height: 0;
    overflow: hidden
}

.pa {
    position: absolute
}

fieldset, img, abbr, acronym {
    border: 0
}

input:focus {
    outline: none
}

select:focus {
    outline: none
}

textarea:focus {
    outline: none
}

.bg {
    background-repeat: no-repeat;
    background-position: center 0;
    background-size: cover
}

.hd,.m,.wrapper-zw>*{
    display: none
}

html {
    -webkit-text-size-adjust: 100%
}
/* ===== 字体 ===== */


@font-face {
    font-family: 'SourceHanSansCN_Light';
    src: url('SourceHanSansCN-Light.otf') format('opentype');
    font-weight: normal;
    font-style: normal
}

@font-face {
    font-family: 'SourceHanSansCN_Medium';
    src: url('SourceHanSansCN-Medium.otf') format('opentype');
    font-weight: normal;
    font-style: normal
}

@font-face {
    font-family: 'SourceHanSansCN_Bold';
    src: url('SourceHanSansCN-Bold.otf') format('opentype');
    font-weight: normal;
    font-style: normal
}

@font-face {
    font-family: 'SourceHanSansCN_Heavy';
    src: url('SourceHanSansCN-Heavy.otf') format('opentype');
    font-weight: normal;
    font-style: normal
}

@font-face{font-family:'Tungsten-Bold';src:url('TUNGSTEN-BOLD.OTF') format('opentype');font-weight:normal;font-style:normal}

/* ===== 布局容器 wrapper ===== */
.wrapper * {
    box-sizing: border-box
}

.wrapper > * {
    margin-top: -1px;
    overflow: hidden;
}
.wrapper-zw > *{
    display: none;
}
.wrapper-scale {
    position: relative;
    overflow: hidden
}

.wrapper-scale .wrapper {
    transform-origin: 0 0
}

.wrapper.index {
    width: 1920px
}
/* ===== 视频组件 BP_video（通用） ===== */


.BP_video .video_wrapper .video {
    width: 100%;
    height: 100%;
    position: relative;
    display: flex;
    justify-content: center;
    align-items: center
}

.BP_video .video_wrapper .video iframe {
    width: 1047px;
    height: 590px
}

.BP_video .video_wrapper .video_btn {
    z-index: 2;
    background-image: url(//game.gtimg.cn/images/val/act/a202609201645activity/video_btn.png);
    width: 117px;
    height: 117px;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%)
}

.part2 .BP_video .video_wrapper::after,
.part4.mode_detail > .video_section .video_wrapper::after,
.part5 .BP_video .video_wrapper::after,
/*.part6 .BP_video .video_wrapper::after,*/
.part9 .BP_video .video_wrapper::after {
    content: '';
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, 0.4);
    z-index: 1;
    pointer-events: none
}

.part2 .BP_video .video_wrapper .video iframe,
.part5 .BP_video .video_wrapper .video iframe,
.part6 .BP_video .video_wrapper .video iframe,
.part9 .BP_video .video_wrapper .video iframe,
.part4.mode_detail > .video_section .video_wrapper .video iframe {
    position: relative;
    z-index: 3
}

.w14 {
    width: 1422px;
    margin: 0 auto
}
/* ===== 通用标题 title / sub_title ===== */


h2.title {
    font-size: 86px;
    display: inline-block;
    font-family: 'SourceHanSansCN_Heavy', sans-serif;
    font-weight: normal;
    letter-spacing: 0;
    background-image: linear-gradient(135deg, #e9d2ff 0px, #ffffff 280px);
    background-clip: text;
    -webkit-background-clip: text;
    color: transparent
}

.sub_title {
    font-size: 30px;
    display: block;
    color: #ffffff;
    font-weight: normal;
    font-family: 'SourceHanSansCN_Medium', sans-serif;
    letter-spacing: 6.5px
}
/* ===== 通用卡片容器 mode_detail ===== */


.mode_detail {
    width: 1920px;
    position: relative;
    padding-top: 185px
}

.mode_detail .note {
    color: #fff;
    width: 1500px;
    margin: 30px auto 60px;
    font-size: 22px
}
/* --- 卡片列表 other_update --- */

.mode_detail .other_update {
    display: flex;
    gap: 15px;
    justify-content: center;
    position: relative;
    margin-top: 30px
}

.mode_detail .other_update::-webkit-scrollbar {
    display: none
}

.mode_detail .other_update .title {
    font-size: 26.4px;
    font-weight: normal;
    font-family: 'SourceHanSansCN_Bold', sans-serif;
    line-height: 1.1;
    letter-spacing: 0;
    margin-bottom: 20px;
    color: #000000
}

.mode_detail .other_update .text::-webkit-scrollbar {
    display: none
}

.mode_detail .other_update .text p {
    font-size: 17px;
    margin-bottom: 16px;
    margin-left: 22px;
    color: #ffffff;
    font-family: 'SourceHanSansCN_Medium', sans-serif;
    font-weight: normal;
    line-height: 28px;
    letter-spacing: 0
}
/* --- 卡片变体 part11_cards --- */

.part11_cards > h2.title {
    position: absolute;
    left: 248px;
    top: 90px
}

.part11_cards.mode_detail .other_update {
    gap: 31.67px;
    margin-left: -3px
}

.part11_cards .other_update li {
    width: 333px;
    flex: 0 0 auto
}

.part11_cards .other_update .text {
    display: none
}

.part11_cards.mode_detail .other_update .title::before {
    display: none
}

.part11_cards.mode_detail .other_update .img {
    margin-top: 9px;
    font-size: 0;
    line-height: 0
}

.part11_cards.mode_detail .other_update .img img {
    position: relative;
    display: block;
    width: 333px;
    height: 722px;
}

.part11_cards.mode_detail .other_update .title {
    font-size: 22px;
    font-family: 'SourceHanSansCN_Medium', sans-serif;
    color: #ffffff;
    margin-bottom: 0;
    text-align: center
}

.part11_cards.mode_detail .other_update .title .num {
    display: none
}
/* ===== part7 / part9 共用 ===== */


.part7, .part9 {
    position: relative
}

.part7 > h2.title, .part9 > h2.title {
    position: absolute;
    margin: 0;
    z-index: 4
}

.part7 > .sub_title, .part9 > .sub_title {
    position: absolute;
    margin: 0;
    z-index: 5
}

.part7 .BP_video, .part9 .BP_video {
    position: absolute;
    width: 1065px;
    height: 607px;
    margin: 0;
    display: flex;
    align-items: center;
    justify-content: center
}

.BP_video {
    background: url(//game.gtimg.cn/images/val/act/a202609201645activity/video_frame_bg.png) no-repeat center/contain;
    width: 1063px;
    height: 604px
}

.BP_video .video_wrapper .video > * {
    width: 1047px;
    height: 590px
}
/* ===== header 顶部 banner ===== */


.header {
    background-image: url(//game.gtimg.cn/images/val/act/a202609201645activity/header.jpg);
    width: 1920px;
    height: 1187px;
    position: relative
}

.header .top_info {
    width: 695px;
    height: 592px;
    position: absolute;
    top: 195px;
    left: 85px;
    z-index: 10;
    text-wrap: nowrap;
}

.header .top_info h2 {
    display: block;
    width: 664px;
    height: 278px;
    margin: 128px auto 0;
    font-size: 0;
    line-height: 0;
    text-indent: -9999em;
    overflow: hidden
}

.header .top_info h2 span {
    color: #1ceff8
}

.header .top_info h4 {
    display: block;
    width: 324px;
    height: 27px;
    margin: 48px auto 0;
    font-size: 0;
    line-height: 0;
    text-indent: -9999em;
    overflow: hidden
}
/* --- 顶部按钮（下载 / 官网） --- */

.header .h_btns {
    width: 552px;
    height: 72px;
    display: flex;
    justify-content: space-between;
    position: absolute;
    left: 42px;
    top: 302px
}

.header .h_btns a {
    display: block;
    width: 266px;
    height: 72px;
    line-height: 73px;
    text-align: center;
    font-family: SourceHanSansCN_Bold;
    background-repeat: no-repeat;
    background-position: 0 0;
    background-size: 100% 100%;
    background-image: none;
    color: #472ABB;
    font-size: 23.9px;
    font-weight: normal;
    letter-spacing: 0;
}

.header .h_btns a.download {
    background-image: url(//game.gtimg.cn/images/val/act/a202609201645activity/header_download_pc_plate.png);
}

.header .h_btns a.home {
    background-image: url(//game.gtimg.cn/images/val/act/a202609201645activity/header_home_pc_plate.png);
    color: #ffffff;
}
/* ===== part1 本赛幕更新汇总（新闻轮播） ===== */


.part1 {
    background-image: url(//game.gtimg.cn/images/val/act/a202609201645activity/part1.jpg);
    width: 1920px;
    height: 884px;
    position: relative;
    overflow: hidden
}

.part1 .title {
    margin: 24px 0 0 248px
}

.part1 .cont1 {
    width: 1435.2px;
    height: 552px;
    background: none;
    margin: 83px auto 0 243px
}
/* --- 轮播容器 swiper --- */

.part1 .cont1 .news-swiper {
    width: 100%;
    height: 100%;
    overflow: hidden;
    position: relative;
    z-index: 10
}

.part1 .cont1 .swiper {
    width: 100%;
    height: 100%
}
/* --- 分页圆点 pagination --- */

.part1 .cont1 .part1-pagination {
    position: absolute;
    bottom: 4px !important;
    left: 50%;
    transform: translateX(-50%);
    width: auto;
    height: 10px;
    display: flex;
    align-items: center;
    background: none;
    z-index: 20
}

.part1 .cont1 .part1-pagination.swiper-pagination-clickable {
    background: none
}

.part1 .cont1 .part1-pagination .swiper-pagination-bullet {
    width: 54px;
    height: 14px;
    border-color: #1ceff8 !important;
    background: #1ceff822 !important;
    margin: 0 15px 0 !important;
    border-radius: 0 !important;
    opacity: 1 !important;
    background: none;
    flex-shrink: 0;
    border: 1px solid #1ceff8
}

.part1 .cont1 .part1-pagination .swiper-pagination-bullet-active {
    border-color: #1ceff8 !important;
    background: #1ceff8 !important
}
/* --- 单条新闻 swiper-slide --- */

.part1 .cont1 .swiper-slide {
    width: 545px;
    height: 100%;
    position: relative;
    cursor: default;
    background: none;
    border-radius: 0
}

.part1 .cont1 .swiper-slide:hover {
    transform: none
}

.part1 .cont1 .swiper-slide .news-thumb-wrap {
    width: 545px;
    height: 309px;
    background: url(//game.gtimg.cn/images/val/act/a202609201645activity/part1_img_bg.png) no-repeat;
    background-size: 100% 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    overflow: hidden;
    margin-top: 52px
}

.part1 .cont1 .swiper-slide .news-thumb-wrap img {
    width: 531px;
    height: 297px;
    object-fit: contain;
    display: block
}

.part1 .cont1 .swiper-slide .news-detail {
    width: 547px;
    height: 480px;
    position: absolute;
    top: 0;
    left: 0;
    z-index: 10
}

.part1 .cont1 .swiper-slide .nub {
    position: absolute;
    left: 0;
    top: 15px;
    font-size: 23.1px;
    height: 24px;
    line-height: 24px;
    color: #1ceff8;
    font-family: 'SourceHanSansCN_Bold', sans-serif;
    font-weight: normal;
    letter-spacing: 0;
    transform: none
}

.part1 .cont1 .swiper-slide .time-wrap {
    position: absolute;
    top: 370px;
    left: 0px;
    width: 542px;
    display: flex;
    align-items: center;
    justify-content: space-between;
    height: 27px
}

.part1 .cont1 .swiper-slide .time-wrap .tag {
    width: 73px;
    height: 27px;
    border: 1px solid #1ceff8;
    font-size: 17.3px;
    color: #1ceff8;
    font-family: 'SourceHanSansCN_Medium', sans-serif;
    font-weight: normal;
    letter-spacing: 0.69px;
    display: flex;
    align-items: center;
    justify-content: center;
    position: relative
}

.part1 .cont1 .swiper-slide .time-wrap .tag::before {
    content: "";
    position: absolute;
    top: 0px;
    left: 0px;
    width: 3px;
    height: 3px;
    background: #1ceff8
}

.part1 .cont1 .swiper-slide .time-wrap .tag::after {
    content: "";
    position: absolute;
    top: 0px;
    right: 0px;
    width: 3px;
    height: 3px;
    background: #1ceff8
}

.part1 .cont1 .swiper-slide .time-wrap .tag-bot {
    position: absolute;
    bottom: 0px;
    width: 3px;
    height: 3px;
    background: #1ceff8
}

.part1 .cont1 .swiper-slide .time-wrap .tag-bot.left {
    left: 0px
}

.part1 .cont1 .swiper-slide .time-wrap .tag-bot.right {
    right: 0px
}

.part1 .cont1 .swiper-slide .time-wrap .time {
    font-size: 15.6px;
    color: #e6e6e6;
    line-height: 1;
    margin-top: 6px;
    font-family: 'SourceHanSansCN_Medium', sans-serif;
    font-weight: normal;
    letter-spacing: 0
}

.part1 .cont1 .swiper-slide .news-title {
    position: absolute;
    top: 408px;
    left: 0px;
    font-size: 28.2px;
    color: #e6e6e6;
    line-height: 38px;
    width: 560px;
    font-family: 'SourceHanSansCN_Bold', sans-serif;
    font-weight: normal;
    letter-spacing: 0
}
/* ===== part2 异变轮战 / 全新系统更新 ===== */


.part2 {
    background-image: url(//game.gtimg.cn/images/val/act/a202609201645activity/part2.jpg);
    width: 1920px;
    height: 1553px;
    position: relative;
    overflow: hidden
}

.part2 > h2.title {
    margin: 54px 0 0 248px
}

.part2 > .sub_title {
    margin: 20px 0 0 248px;
    position: relative;
    left: -18px;
    top: -39px
}

.part2 > .sub_title .lat {
    letter-spacing: 1.6px
}

.part2 > .note {
    font-size: 16px;
    color: #02182c;
    text-align: center;
    margin-top: 10px;
}
/* --- 视频区 --- */

.part2 .BP_video {
    width: 1063px;
    height: 604px;
    margin: 90px auto 0;
    display: flex;
    justify-content: center;
    align-items: center;
    position: relative;
    top: -55px
}

.part2 .BP_video .video_wrapper {
    background-image: url(//game.gtimg.cn/images/val/act/a202609201645activity/part2_video_cover.jpg);
    width: 1047px;
    height: 590px;
    position: relative
}
/* --- 卡片列表 --- */

.part2 .mode_detail {
    padding-top: 0;
    height: auto;
    width: 1920px;
    position: relative
}

.part2 > h2.title:nth-of-type(2) {
    margin-top: 79px
}

.part2 .mode_detail .other_update .title {
    font-size: 27.8px;
    line-height: 31px;
    font-weight: normal;
    letter-spacing: 0;
    color: #4c33b2;
    text-align: center;
    margin: 0;
}

.part2 .mode_detail .other_update li:nth-child(2) .img {
    margin-bottom: 54.5px
}

.part2 .mode_detail .other_update .title::before {
    display: none
}

.part2 .mode_detail .other_update .text {
    background: none;
    width: 100%;
    height: auto;
    padding: 0;
    overflow: visible;
    margin-top: 35.5px
}

.part2 .mode_detail .other_update .text p {
    font-size: 16.8px;
    line-height: 21px;
    color: #333333;
    text-align: center;
    margin: 0;
    letter-spacing: 0;
    font-family: 'SourceHanSansCN-Regular', 'SourceHanSansCN_Light', sans-serif;
}

.part2 .mode_detail .other_update .text .dgt {
    margin: 0 4px
}

.part2 .mode_detail .other_update {
    display: flex;
    gap: 0;
    justify-content: flex-start;
    margin: 52px 0 0 249px;
    position: static;
}

.part2 .mode_detail .other_update li:first-child {
    margin-left: 0
}

.part2 .mode_detail .other_update li:nth-child(3) {
    margin-left: 14px
}

.part2 .mode_detail .other_update li {
    background-size: 344px 450px;
    margin-left: 13px;
    width: 344px;
    height: 450px;
    flex: 0 0 auto;
    display: flex;
    flex-direction: column;
    align-items: center;
    background-image: url(//game.gtimg.cn/images/val/act/a202609201645activity/part3_item_bg.png);
    background-repeat: no-repeat;
}

.part2 .mode_detail .other_update .img {
    position: relative;
    margin: 8px 0 53.5px 0;
    font-size: 0;
    line-height: 0;
}

.part2 .mode_detail .other_update .img img {
    display: block;
    width: 326px;
    height: 211.7px;
    margin-left: -2px;
}

.part2 .mode_detail .other_update .num {
    position: absolute;
    display: block;
    width: 67px;
    height: 34px;
    left: -2px;
    top: 0;
    font-size: 30px;
    line-height: 33px;
    color: #472abb;
    background-color: #fff;
    font-family: 'Tungsten-Bold', 'Tungsten', Impact, sans-serif;
    padding-left: 11px;
    z-index: 2;
    -webkit-clip-path: polygon(
            0 0,
            100% 0,
            calc(100% - 29px) 100%,
            0 100%
    );
    clip-path: polygon(
            0 0,
            100% 0,
            calc(100% - 29px) 100%,
            0 100%
    );
}
/* ===== part3 全新「英雄精通系统」 ===== */


.part3.mode_detail {
    background-image: url(//game.gtimg.cn/images/val/act/a202609201645activity/part3.jpg);
    height: 919px
}

.part3.mode_detail > .other_update .img img {
    display: block;
    margin-left: 3px;
    width: 453px;
    height: 255px;
}

.part3 > .mode_detail {
    height: 1008px
}

.part3.mode_detail > .other_update {
    width: 1428px;
    justify-content: space-between;
    margin: 32px 0 0 249px;
}

.part3.mode_detail > .other_update > li:nth-child(2) {
    margin-left: 1px
}

.part3.mode_detail > .other_update .title,
.part4.mode_detail > .other_update .title{
    text-align: center;
    color: #000000;
    background: url(//game.gtimg.cn/images/val/act/a202609201645activity/part3_title_bg.png) no-repeat;
    background-size: 454px 40px;
    margin: -3px 0 0;
    width: 454px;
    height: 40px;
    line-height: 40px;
    position: relative;
    top: 4px;
}

.part3.mode_detail > .other_update .text {
    background: none;
    padding: 0;
    overflow: visible;
    width: 457px;
    height: 38px;
    margin-top: 14px;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
}
.part3 > h2.title {
    position: static;;
    margin: -5px 0 0 247px;
    z-index: 4
}
.part3 > .sub_title {
    margin: -8px 0 0 229px;
    position: static;;
    font-family: 'SourceHanSansCN_Light', sans-serif;
    letter-spacing: 6.5px;
    z-index: 5
}
/* ===== part4 对局面板系列更新（竞技模式大厅）、视频 ===== */


.part4.mode_detail .video_section .map_compare {
    margin-top: 77px
}

.part4.mode_detail > .video_section .map_compare {
    margin-top: 77px
}
/* --- 卡片列表 --- */

.part4.mode_detail .other_update {
    gap: 29px;
    margin-left: -2px
}

.part4.mode_detail .other_update li {
    width: 456px;
    flex: 0 0 auto
}

.part4.mode_detail .other_update .title {
    margin: -7px 0 0;
    height: 40px;
    line-height: 40px;
    text-align: center;
    color: #000000;
    background: url(//game.gtimg.cn/images/val/act/a202609201645activity/part3_title_bg.png) no-repeat;
    background-size: 454px 40px;
    background-position: 2px 0
}
.part3.mode_detail > .other_update .title::before,
.part4.mode_detail .other_update .title::before {
    display: none
}

.part4.mode_detail .other_update .text {
    background: none;
    width: 456px;
    height: auto;
    padding: 0;
    overflow: visible;
    margin-top: 10px
}

.part4.mode_detail .other_update .text p {
    margin: 0;
    text-align: center;
    font-size: 17px;
    line-height: 17px;
    color: #ffffff;
    letter-spacing: 0
}

.part4.mode_detail .other_update .img img {
    display: block;
    margin-left: 4px;
    width: 453px;
    height: 255px;
}

.part4.mode_detail .other_update li:nth-child(3) .img img {
    margin-left: 3px;
    width: 453px;
    height: 255px;
}

.part4.mode_detail {
    background-image: url(//game.gtimg.cn/images/val/act/a202609201645activity/part4.jpg);
    height: 1458px;
    padding-top: 0;
}
/* --- 视频区 video_section --- */

.video_section {
    height: 1111px;
    position: relative;
    padding-top: 104px;
    box-sizing: border-box
}

.video_section .BP_video {
    background: url(//game.gtimg.cn/images/val/act/a202609201645activity/video_frame_bg.png) no-repeat center/contain;
    width: 1063px;
    height: 604px;
    display: flex;
    align-items: center;
    justify-content: center
}

.video_section .video_wrapper {
    width: 1058px;
    height: 595px;
    position: relative
}

.video_section .video_wrapper .video {
    width: 100%;
    height: 100%
}

.video_section .video_wrapper .video iframe {
    width: 100%;
    height: 100%;
    border: 0;
    display: block
}
.part3.mode_detail > .other_update > li,
.part4.mode_detail > .other_update > li {
    width: 457px;
    flex: 0 0 auto
}

.part4.mode_detail > .other_update .text {
    width: 457px;
    height: 17px;
    margin-top: 9px;
    padding: 0;
    overflow: visible;
    background: none
}
.part3.mode_detail > .other_update .text p,
.part4.mode_detail > .other_update .text p {
    text-align: center;
    font-size: 17px;
    line-height: 17px;
    color: #ffffff;
    letter-spacing: 0;
    margin: 0;
    font-family: 'SourceHanSansCN_Light', sans-serif
}
.part3.mode_detail > .other_update .img,
.part4.mode_detail .other_update .img,
.part4.mode_detail > .other_update .img {
    font-size: 0;
    line-height: 0;
    margin-top: 10px
}

.part4.mode_detail > .other_update .img img {
    display: block;
    margin-left: 4px;
    width: 453px;
    height: 255px;
}

.part4.mode_detail > .video_section > .map_compare {
    position: absolute;
    left: 427px;
    top: 0;
    margin: 0
}

.part4.mode_detail > .video_section .map_cont_wrapper {
    width: 1065px;
    height: 607px
}

.part4.mode_detail > .video_section .map_cont {
    width: 1065px;
    height: 607px
}

.part4.mode_detail > .video_section .BP_video {
    display: flex;
    align-items: center;
    justify-content: center
}

.part4.mode_detail > .video_section .video_wrapper {
    width: 1049px;
    height: 592px;
    position: relative;
    background-image: url(//game.gtimg.cn/images/val/act/a202609201645activity/part4_video_cover.jpg);
    background-size: cover;
    background-position: center center
}
/* --- 副标题 part3_sub_title / part4_sub_title --- */

.part3.mode_detail > .part3_sub_title,
.part4.mode_detail > .part4_sub_title {
    z-index: 4;
    margin: 56px 0 0 253px;
    font-size: 70px;
    color: #ffffff;
    font-family: 'SourceHanSansCN_Heavy', sans-serif;
    font-weight: normal;
    letter-spacing: 0;
    position: relative;
}
.part4.mode_detail > .part4_sub_title{
    margin-top: 63px;
}
.part4.mode_detail > .part4_sub_title:nth-child(1){
    margin-top: 35px;
}

.part3.mode_detail > .part3_sub_title::before,
.part4.mode_detail > .part4_sub_title::before {
    content: '';
    display: inline-block;
    width: 21px;
    height: 21px;
    background: #ffffff;
    transform: rotate(45deg);
    margin: 0 18px 18px 0;
    margin-top: 15px;
}
.part4.mode_detail > .other_update {
    width: 1428px;
    justify-content: space-between;
    margin: 26px 0 0 246px;
}
.part4.mode_detail > .video_section {
    position: relative;;
    width: 100%;
    height: 0;
    padding: 0;
    margin: 22px 0 0
}

.part4.mode_detail > .video_section > .BP_video {
    margin: 0 0 0 429px
}

.part4.mode_detail > .video_section > .video_wrapper {
    width: 1049px;
    height: 592px
}
/* ===== part5 新武器「悍狼」 ===== */


.part5 {
    background-color: #0c2235;
    background-image: url(//game.gtimg.cn/images/val/act/a202609201645activity/part5.jpg);
    background-repeat: no-repeat;
    background-position: center top;
    background-size: 100% auto;
    width: 1920px;
    height: 1697px;
    position: relative
}
/* --- 武器面板 weapon_panels --- */

.weapon_panels {
    position: relative;
    width: 100%
}

.weapon_info {
    position: absolute;
    left: 119px;
    top: 166px;
    width: 340px
}
/* --- 武器数值 weapon_stats --- */

.weapon_stats {
    display: flex;
    flex-direction: column
}

.weapon_stats .stat {
    position: relative;
    display: flex;
    align-items: center;
    width: 340px
}

.weapon_stats .stat1 {
    height: 50px
}

.weapon_stats .stat2 {
    height: 48px
}

.weapon_stats .stat3 {
    height: 49px
}

.weapon_stats .stat4 {
    height: 44px
}

.weapon_stats .stat5 {
    height: 46px
}

.weapon_stats .stat6 {
    height: 45px
}

.weapon_stats .stat_name {
    line-height: 1;
    font-weight: normal;
    font-family: 'SourceHanSansCN_Bold', sans-serif;
    white-space: nowrap
}

.weapon_stats .stat_val {
    margin-left: auto;
    line-height: 1;
    font-weight: normal;
    font-family: 'SourceHanSansCN_Bold', sans-serif;
    white-space: nowrap
}

.weapon_stats .stat_icon {
    margin-left: auto;
    flex: 0 0 auto;
    background-repeat: no-repeat;
    background-position: 0 0;
    background-size: 100% 100%
}

.weapon_stats .stat_icon + .stat_val {
    margin-left: 0
}

.weapon_stats .stat2 .stat_icon {
    background-image: url(//game.gtimg.cn/images/val/act/a202609201645activity/part5_stat2_icon.png);
    width: 36px;
    height: 35px;
    margin-right: 20px;
    transform: translate(0, -1.5px)
}

.weapon_stats .stat6 .stat_icon {
    background-image: url(//game.gtimg.cn/images/val/act/a202609201645activity/part5_stat6_icon.png);
    width: 26px;
    height: 25px;
    margin-left: 22px;
    margin-right: 0;
    transform: translate(0, 1px)
}

.weapon_stats .stat1 .stat_name {
    font-size: 19.54px;
    letter-spacing: 0.67px;
    color: #ffffff;
    transform: translate(4.0px, 3.0px)
}

.weapon_stats .stat1 .stat_val {
    font-size: 24.14px;
    letter-spacing: -1.2px;
    color: #1fe2f4;
    transform: translate(-37.5px, 3.0px)
}

.weapon_stats .stat2 .stat_name {
    font-size: 20.9px;
    letter-spacing: -0.06px;
    color: #ffffff;
    transform: translate(4.5px, -1.5px)
}

.weapon_stats .stat2 .stat_val {
    font-size: 25.08px;
    letter-spacing: -1.0px;
    color: #1fe2f4;
    transform: translate(-7.0px, -0.5px)
}

.weapon_stats .stat3 .stat_name {
    font-size: 19.54px;
    letter-spacing: 0.0px;
    color: #ffffff;
    transform: translate(5.5px, 1.0px)
}

.weapon_stats .stat3 .stat_val {
    font-size: 25.08px;
    letter-spacing: -1.8px;
    color: #1fe2f4;
    transform: translate(-31.5px, 0.5px)
}

.weapon_stats .stat4 .stat_name {
    font-size: 18.65px;
    letter-spacing: 1.67px;
    color: #ffffff;
    transform: translate(6.0px, -0.5px)
}

.weapon_stats .stat4 .stat_val {
    font-size: 19.54px;
    letter-spacing: -0.33px;
    color: #1fe2f4;
    transform: translate(-9.5px, 1.0px)
}

.weapon_stats .stat5 .stat_name {
    font-size: 18.65px;
    letter-spacing: 1.33px;
    color: #ffffff;
    transform: translate(7.0px, -0.5px)
}

.weapon_stats .stat5 .stat_val {
    font-size: 18.45px;
    letter-spacing: -0.5px;
    color: #1fe2f4;
    transform: translate(-30.0px, 1.0px)
}

.weapon_stats .stat6 .stat_name {
    font-size: 18.65px;
    letter-spacing: 1.0px;
    color: #ffffff;
    transform: translate(6.5px, -0.5px)
}

.weapon_stats .stat6 .stat_val {
    font-size: 25.2px;
    letter-spacing: 0.0px;
    color: #1fe2f4;
    margin-left: 24px;
    transform: translate(0, 2.0px)
}
/* --- 伤害分布 damage_bd --- */

.damage_bd {
    position: absolute;
    left: 370px;
    top: 426px;
    width: 684px;
    height: 253px;
    background-image: url(//game.gtimg.cn/images/val/act/a202609201645activity/part5_db_panel.png);
    background-repeat: no-repeat;
    background-size: 100% 100%
}

.damage_bd > * {
    opacity: 0;
}

.damage_bd .db_body {
    display: flex;
    align-items: flex-start;
    padding-left: 141px
}

.damage_bd .db_col {
    display: flex;
    flex-direction: column
}

.damage_bd .db_col_left {
    align-items: flex-start;
    width: 91px
}

.damage_bd .db_col_right {
    width: 248px;
    margin-left: 68px
}

.damage_bd .db_pill {
    display: block;
    line-height: 1;
    font-weight: normal;
    font-family: 'SourceHanSansCN_Bold', sans-serif;
    white-space: nowrap
}

.damage_bd .db_damage {
    display: flex;
    flex-direction: column;
    align-items: flex-end
}

.damage_bd .db_dmg {
    line-height: 1;
    font-weight: normal;
    font-family: 'SourceHanSansCN_Bold', sans-serif;
    white-space: nowrap
}

.damage_bd .db_specs {
    display: flex;
    flex-direction: column;
    width: 243px;
    margin-left: 5px
}

.damage_bd .db_specs li {
    display: flex;
    align-items: baseline;
    justify-content: space-between
}

.damage_bd .db_spec_name, .damage_bd .db_spec_val {
    line-height: 1;
    font-weight: normal;
    font-family: 'SourceHanSansCN_Bold', sans-serif;
    white-space: nowrap
}

.damage_bd .db_notes {
    display: flex;
    flex-direction: column
}

.damage_bd .db_notes li {
    line-height: 1;
    font-weight: normal;
    font-family: 'SourceHanSansCN_Bold', sans-serif;
    white-space: nowrap
}

.damage_bd .db_notes li::before {
    content: '\00b7'
}

.damage_bd .db_title {
    margin: 0;
    line-height: 1;
    font-weight: normal;
    font-family: 'SourceHanSansCN_Bold', sans-serif;
    white-space: nowrap;
    text-align: center;
    font-size: 22.0px;
    letter-spacing: 6.25px;
    color: #482cbe;
    transform: translate(3.5px, 4.5px);
}

.damage_bd .db_col_left .db_pill {
    font-size: 18.63px;
    letter-spacing: 0.05px;
    color: #482cbe;
    transform: translate(-1.0px, 33.5px)
}

.damage_bd .db_col_right .db_pill {
    font-size: 16.1px;
    letter-spacing: -0.2px;
    color: #482cbe;
    transform: translate(90.5px, 35.0px)
}

.damage_bd .db_specs li:nth-child(1) .db_spec_name {
    font-size: 17.27px;
    letter-spacing: 1.46px;
    color: #482cbe;
    transform: translate(-1.5px, 38.0px)
}

.damage_bd .db_specs li:nth-child(2) .db_spec_name {
    font-size: 17.27px;
    letter-spacing: 2.0px;
    color: #482cbe;
    transform: translate(-0.5px, 39.0px)
}

.damage_bd .db_specs li:nth-child(3) .db_spec_name {
    font-size: 17.27px;
    letter-spacing: 2.0px;
    color: #482cbe;
    transform: translate(0.0px, 39.0px)
}

.damage_bd .db_specs li:nth-child(1) .db_spec_val {
    font-size: 19.0px;
    letter-spacing: -0.8px;
    color: #ffffff;
    transform: translate(-3.5px, 37.5px)
}

.damage_bd .db_specs li:nth-child(2) .db_spec_val {
    font-size: 17.5px;
    letter-spacing: 0.28px;
    color: #ffffff;
    transform: translate(-3.0px, 37.0px)
}

.damage_bd .db_specs li:nth-child(3) .db_spec_val {
    font-size: 17.64px;
    letter-spacing: -0.03px;
    color: #ffffff;
    transform: translate(-4.0px, 37.5px)
}

.damage_bd .db_damage li:nth-child(1) {
    font-size: 30.57px;
    letter-spacing: -0.5px;
    color: #482cbe;
    transform: translate(38.5px, 33.5px);
    margin-top: 28px;
}

.damage_bd .db_damage li:nth-child(2) {
    font-size: 21.59px;
    letter-spacing: 0.5px;
    color: #ffffff;
    transform: translate(27.0px, 28.5px);
    margin-top: 22px;
}

.damage_bd .db_damage li:nth-child(3) {
    font-size: 22.67px;
    letter-spacing: -0.5px;
    color: #ffffff;
    transform: translate(25.5px, 28.5px);
    margin-top: 20px;
}

.damage_bd .db_specs li:nth-child(1) {
    margin-top: 28px
}

.damage_bd .db_specs li:nth-child(2) {
    margin-top: 10px
}

.damage_bd .db_specs li:nth-child(3) {
    margin-top: 9px
}

.damage_bd .db_notes li:nth-child(1) {
    font-size: 11.91px;
    letter-spacing: 1.45px;
    color: #ffffff;
    transform: translate(-9.5px, 38.5px);
    margin-top: 20px;
}

.damage_bd .db_notes li:nth-child(2) {
    font-size: 11.91px;
    letter-spacing: 1.4px;
    color: #ffffff;
    transform: translate(-9.5px, 39.5px);
    margin-top: 8px;
}

.weapon_stats .stat3 .stat_icon {
    background-image: url(//game.gtimg.cn/images/val/act/a202609201645activity/part5_stat3_icon.png);
    width: 26px;
    height: 26px;
    margin-right: 50px;
    transform: translate(0, 1.5px);
    display: inline-block;
    background: url(//game.gtimg.cn/images/val/act/a202609201645activity/part5_stat3.png) no-repeat center/contain;
    margin: 0 8px;
    flex-shrink: 0
}

.weapon_stats .stat_line {
    display: inline-block;
    width: 145px;
    height: 24px;
    background: url(//game.gtimg.cn/images/val/act/a202609201645activity/part5_line.png) no-repeat center/contain;
    margin: 0 14px;
    flex-shrink: 0
}

.weapon_stats .stat2 .stat_line {
    margin: 0 12px;
}

.weapon_stats .stat3 .stat_line {
    margin: 0 12px;
}

.weapon_stats .stat4 .stat_line {
    margin: 0 12px;
}

.weapon_stats .stat5 .stat_line {
    margin: 0 12px;
}
/* --- part5 自身布局 / 视频 --- */

.part5 .part5_con {
    padding-top: 135px;
    min-height: 1076px
}

.part5 .part5_con .info {
    color: #ffffff;
    font-size: 22px;
    font-family: 'SourceHanSansCN_Medium', sans-serif;
    font-weight: normal;
    line-height: 30px;
    letter-spacing: 0.44px;
    font-feature-settings: 'halt';
    display: flex;
    justify-content: start;
    margin-left: 3px;
    margin-top: 117px;
    margin-bottom: 5px
}

.part5 .BP_video .video_wrapper {
    background-image: url(//game.gtimg.cn/images/val/act/a202609201645activity/part5_video_cover.jpg);
    width: 1047px;
    height: 590px;
    position: relative
}
.part5 > h2.title {
    margin: 86px 0 0 246px;
    position: static;
    z-index: auto
}

.part5 .w14.part5_con {
    min-height: 0;
    height: 685px
}

.part5 .weapon_panels .weapon_info {
    top: 38px;
    opacity: 0;
}

.part5 .weapon_panels .damage_bd {
    top: 295px
}
.part5 .BP_video {
    width: 1063px;
    height: 604px;
    margin: 87px auto 0;
    display: flex;
    justify-content: center;
    align-items: center;
    position: relative;
    top: 0
}
/* ===== part6「悍狼登场」礼包同步上线 ===== */


.part6 {
    background-image: url(//game.gtimg.cn/images/val/act/a202609201645activity/part6.jpg);
    width: 1920px;
    height: 1059px;
    position: relative
}

.part6 .BP_video .video_wrapper {
    background-image: url(//game.gtimg.cn/images/val/act/a202609201645activity/part6_video_cover.jpg);
    width: 1049px;
    height: 592px;
    position: relative;
}

.part6 .BP_video .video_wrapper .video_btn {
    background-image: none;
}

.part6 .btn_buy {
    position: absolute;
    display: block;
    background-image: url(//game.gtimg.cn/images/val/act/a202609201645activity/buy_btn.png);
    background-size: 100% 100%;
    width: 238px;
    height: 84px;
    top: 46px;
    left: 1437px;
    font-size: 25.16px;
    line-height: 84px;
    color: #472ABB;
    text-indent: 0;
    overflow: visible;
    text-align: center;
    font-family: 'SourceHanSansCN_Bold', sans-serif;
    font-weight: normal;
    letter-spacing: 0;
}
.part6 > h2.title {
    position: static;;
    font-size: 86px;
    margin: 4px 0px 0px 195px;
}
.part6 > .sub_title {
    position: static;;
    font-size: 30px;
    letter-spacing: 1.5px;        
    margin: -20px 0 0 232px;
}
.part6 .BP_video {
    position: static;;
    width: 1065px;
    height: 607px;
    margin: 78px 0 0 427px;
    display: flex;
    justify-content: center;
    align-items: center
}
/* ===== part7 9月23日「夜市」瞩目开放 ===== */


.part7 {
    background-image: url(//game.gtimg.cn/images/val/act/a202609201645activity/part7.jpg);
    width: 1920px;
    height: 1066px;
    position: relative
}

.part7 .BP_video .video_wrapper {
    width: 1049px;
    height: 592px;
    position: relative;
    background: url(//game.gtimg.cn/images/val/act/a202609201645activity/part7_video_cover.jpg.png) no-repeat center/contain;
}

.part7 .BP_video .video_wrapper .video_btn {
    display: none !important
}
.part7 > h2.title {
    position: static;
    margin: 80px 0 0 249px
}
.part7 .BP_video {
    position: static;
    margin: 85px 0 0 427px
}
/* ===== part8 首个高校特权折扣「新瓦礼包」 ===== */


.part8 {
    background-image: url(//game.gtimg.cn/images/val/act/a202609201645activity/part8.jpg);
    width: 1920px;
    height: 1025px;
    position: relative;
    overflow: hidden
}

.part8 .title {
    margin: 65px 0 0 248px;
    position: relative;
    z-index: 4
}

.part8 .sub_title {
    margin: -19px 0 0 230px;
    position: relative;
}

.part8 .sub_title span {
    letter-spacing: 3px
}

.part8 .BP_video {
    width: 1063px;
    height: 604px;
    margin: 72px auto 0 428px;
    display: flex;
    justify-content: center;
    align-items: center;
    position: relative;
    top: 5px
}

.part8 .BP_video .video_wrapper {
    background: url(//game.gtimg.cn/images/val/act/a202609201645activity/part8_video_cover.jpg) no-repeat center/contain;
    width: 1047px;
    height: 590px;
    position: relative
}

.part8 .btn_buy {
    position: absolute;
    display: block;
    background-image: url(//game.gtimg.cn/images/val/act/a202609201645activity/buy_btn.png);
    background-size: 100% 100%;
    width: 230px;
    height: 76px;
    top: 94px;
    left: 1441px;
    font-size: 25.16px;
    line-height: 77px;
    color: #472ABB;
    text-align: center;
    font-family: 'SourceHanSansCN_Bold', sans-serif;
    font-weight: normal;
    letter-spacing: 0;
}

.part8 .BP_video .video_wrapper .video_btn {
    display: none !important
}
/* ===== part9 龙蛇有界 生死无暇（冠军套装） ===== */


.part9 {
    background-image: url(//game.gtimg.cn/images/val/act/a202609201645activity/part9.jpg);
    width: 1920px;
    height: 1330px;
    position: relative
}

.part9 > .sub_title span {
    letter-spacing: 1px
}

.part9 .BP_video .video_wrapper {
    width: 1049px;
    height: 592px;
    position: relative;
    background-image: url(//game.gtimg.cn/images/val/act/a202609201645activity/part9_video_cover.jpg);
    background-size: cover;
    background-position: center center
}
.part9 > .sub_title ,
.part10 > .sub_title {
    letter-spacing: 6.5px;
    position: static;
    margin: -24px 0 0 229px
}
.part9 .BP_video {
    position: static;
    margin: 94px 0 0 425px
}
.part9 .BP_video .video_wrapper .video_btn {
    background-image: url(//game.gtimg.cn/images/val/act/a202609201645activity/video_btn2.png);
    width: 108px;
    height: 108px;
}
.part9 > h2.title {
    position: static;
    margin: 362px 0 0 247px;
    background-image: linear-gradient(135deg, #bca970 0px, #ffffff 280px);
    -webkit-background-clip: text;
    background-clip: text;
    color: transparent
}

.part9 .btn_buy {
    position: absolute;
    display: block;
    background-image: url(//game.gtimg.cn/images/val/act/a202609201645activity/buy_btn2.png);
    background-size: 100% 100%;
    width: 230px;
    height: 76px;
    top: 391px;
    left: 1441px;
    font-size: 25.16px;
    line-height: 77px;
    color: #262626;
    text-align: center;
    font-family: 'SourceHanSansCN_Bold', sans-serif;
    font-weight: normal;
    letter-spacing: 0;
}
/* ===== part10 完成挑战领葫芦盘盘 / 冠军赛系列奖励 ===== */


.part10 {
    background-color: #202020;
    background-image: url(//game.gtimg.cn/images/val/act/a202609201645activity/part10.jpg);
    width: 1920px;
    height: 1090px;
    position: relative;
    overflow: hidden;
}

.part10 .sub_title span {
    margin-left: 11px;
    letter-spacing: 3px
}

.part10 .btn_buy {
    background-image: url(//game.gtimg.cn/images/val/act/a202609201645activity/buy_btn.png);
    width: 238px;
    height: 84px;
    position: absolute;
    top: 20px;
    left: 1333px;
    display: block;
    color: #f2ead6;
    font-size: 25.2px;
    font-family: 'SourceHanSansCN_Bold', sans-serif;
    line-height: 85px;
    text-align: center;
    font-weight: normal;
    letter-spacing: 0
}

.part10 .show_img {
    display: block;
    object-fit: cover;
    width: 1047px;
    height: 590px;
    margin: 0 0 1px;
}
/* --- 活动手风琴 activity_list --- */

.part10 .activity_list_wrapper {
    display: flex;
    margin: 0;
    position: relative
}

.part10 .activity_list_wrapper li {
    width: 204px;
    text-align: center;
    position: relative;
    transition: width 0.2s
}

.part10 .activity_list_wrapper li.open {
    width: 846px
}

.part10 .activity_list_wrapper li a:after {
    position: absolute;
    display: block;
    content: '';
    width: 7px;
    height: 7px;
    background-color: #8e9296;
    left: -7px;
    bottom: -7px
}

.part10 .activity_list_wrapper li.open a:after {
    background-color: #c7b475;
}

.part10 .activity_list_wrapper li strong {
    font-size: 18px;
    color: #8e9296;
    display: block;
    font-weight: bold;
}

.part10 .activity_list_wrapper li strong em {
    font-size: 15px;
    margin: 0 5px;
    font-weight: bold;
    display: none;
    transform: translateY(-3px);
}

.part10 .activity_list_wrapper li.open strong {
    color: #c7b475
}

.part10 .activity_list_wrapper li.open strong em {
    display: inline-block
}

.part10 .activity_list_wrapper li a {
    display: block;
    width: 100%;
    margin-top: 15px;
    transition: filter 0.1s;
    filter: brightness(100%)
}

.part10 .activity_list_wrapper li.open a {
    margin-top: 17px
}

.part10 .activity_list_wrapper li a .activity_img::after {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background: rgba(0, 0, 0, 0.5)
}

.part10 .activity_list_wrapper li.open a .activity_img {
    border: 0.5px solid #c7b475;
}

.part10 .activity_list_wrapper li.open a .activity_img::after {
    display: none
}

.part10 .activity_list_wrapper li a .activity_title {
    display: block;
    font-size: 24px;
    line-height: 64px;
    font-weight: 500;
    position: absolute;
    bottom: 0;
    left: 1px;
    right: 1px;
    background: #424242;
    text-align: start;
    color: #a5a5a5;
    padding-left: 24px;
    box-sizing: border-box;
    font-family: SourceHanSansCN-Heavy;
    white-space: nowrap;
    overflow: hidden
}

.part10 .activity_list_wrapper li.open a .activity_title {
    background-image: linear-gradient(90deg, #bca970 -20%, #ffffff 110%);
    color: #000;
}

.part10 .activity_list_wrapper li a .activity_title .pre {
    display: none;
}

.part10 .activity_list_wrapper li.open a .activity_title .pre {
    display: inline;
    margin-right: 10px;
}

.part10 .activity_list_wrapper li.open a .activity_title::after {
    background: url(//game.gtimg.cn/images/val/act/a202609201645activity/part10_activity_arrow.png) no-repeat center/contain;
    width: 16px;
    height: 26px;
    display: inline-block;
    content: '';
    margin-left: 18px;
    position: relative;
    top: 3px
}

.part10 .activity_list_wrapper li .line {
    background: url(//game.gtimg.cn/images/val/act/a202609201645activity/part10_activity_tab1.png) no-repeat top left/210px 12px;
    width: 210px;
    height: 33px;
    border: none;
    margin-top: -5px;
    margin-bottom: 3px;
    position: relative;
    z-index: 5;
    margin-right: -6px;
}
.part10 .activity_list_wrapper li:nth-child(2) .line {
    margin-left: 0
}
.part10 .activity_list_wrapper li:nth-child(1) + li .line {
    margin-left: -3px
}
.part10 .activity_list_wrapper li:nth-child(1).open + li .line {
    margin-left: -5px
}
.part10 .activity_list_wrapper li:nth-child(3) .line{
    margin-left: -6px!important;
}
.part10 .activity_list_wrapper li:nth-child(4) .line{
    margin-left: -7px!important;
}
.part10 .activity_list_wrapper li:nth-child(4).open .line{
    margin-left: -8px!important;
}
.part10 .activity_list_wrapper li.open .line {
    background: url(//game.gtimg.cn/images/val/act/a202609201645activity/part10_activity_tab.png) no-repeat left/852px 28px;
    width: 852px;
    height: 29px;
    border: none;
    margin-top: -6px;
    margin-bottom: 5px;
    margin-left: 0;
    position: relative;
    z-index: 6;
    transition: width 0.2s;
}
.part10 .activity_list_wrapper li:nth-child(1) a .activity_img {
    background-image: url(//game.gtimg.cn/images/val/act/a202609201645activity/part10_u1.jpg)
}

.part10 .activity_list_wrapper li:nth-child(2) a .activity_img {
    background-image: url(//game.gtimg.cn/images/val/act/a202609201645activity/part10_u2.jpg)
}

.part10 .activity_list_wrapper li:nth-child(3) a .activity_img {
    background-image: url(//game.gtimg.cn/images/val/act/a202609201645activity/part10_u3.jpg)
}
.part10 .activity_list_wrapper li:nth-child(4) a .activity_img {
    background-image: url(//game.gtimg.cn/images/val/act/a202609201645activity/part10_u4.jpg)
}
.part10 .activity_list {
    position: static;
    margin: 107px 0 0 218px;
    width: 1453px;}

.part10 .activity_list_wrapper li:hover a {
    opacity: 1;
    filter: brightness(106%)
}
.part10 > h2.title {
    position: static;;
    margin: 2px 0 0 247px;
    z-index: 4;
    background-image: linear-gradient(135deg, #bca970 0px, #ffffff 280px);
    -webkit-background-clip: text;
    background-clip: text;
    color: transparent
}
.part10 .activity_list_wrapper li a .activity_img {
    width: 100%;
    height: 538px;
    overflow: hidden;
    border: 0.5px solid #8e9296;
    box-sizing: border-box;
    position: relative;
    background-repeat: no-repeat;
    background-position: left center;
    background-size: 843px 536px
}
/* ===== part11 官方登录器 & 掌上无畏契约更新 ===== */


.part11 {
    background-image: url(//game.gtimg.cn/images/val/act/a202609201645activity/part11.jpg);
    width: 1920px;
    height: 2250px;
    position: relative
}

.part11 .show_img {
    display: block;
    width: 1049px;
    height: 656px;
    object-fit: cover;
    margin: 0 0 2px
}

.part11 .part11_cards.mode_detail .other_update {
    margin-top: 30px
}
.part11 .part11_cards.mode_detail .other_update .title {
    color: #252525;
    text-align: left;
    padding-left: 59px;
    position: relative
}

.part11 .part11_cards.mode_detail .other_update .title .num {
    display: block;
    position: absolute;
    left: 21px;
    top: 6px;
    width: 35px;
    height: 35px;
    font-family: 'Tungsten-Bold', 'Tungsten', Impact, sans-serif;
    font-style: normal;
    font-weight: normal;
    font-size: 18px;
    line-height: 35px;
    color: #D1D1D1;
    text-align: center;
    letter-spacing: 0;
    z-index: 2
}

.part11 > h2.title .c1 {
    background: none;
    -webkit-background-clip: border-box;
    background-clip: border-box;
    -webkit-text-fill-color: rgb(146, 133, 91);
    color: rgb(146, 133, 91)
}
/* --- 登录器 part11_login --- */

.part11 .part11_login {
    position: relative;
    height: 622px
}
.part11 .part11_login .sub_title {
    z-index: 6;
    margin: 0 0 0 233px;
    font-size: 70px;
    color: #242424;
    font-family: 'SourceHanSansCN_Heavy', sans-serif;
    font-weight: normal;
    letter-spacing: 0;
    position: relative;
    left: 85px;
    top: 86px
}
.part11 .part11_login .video_wra {
    background-image: url(//game.gtimg.cn/images/val/act/a202609201645activity/video_frame_bg2.png);
    background-size: contain;
    background-repeat: no-repeat;
    width: 1065px;
    height: 670px;
    display: flex;
    justify-content: center;
    align-items: center;
    position: relative;
    left: 181px;
    top: 0;
    margin: 304px auto 0 246px;
    margin-top: 108px
}
/* --- 卡片区 part11_cards --- */

.part11 .part11_cards > h2.title {
    position: relative;
    left: auto;
    top: auto;
    font-size: 70px;
    line-height: 1.5;
    color: #242424;
    background-image: none;
    background-clip: border-box;
    -webkit-background-clip: border-box;
    margin: 131px 0 0 319px
}

.part11 .part11_cards .other_update {
    margin-top: 29px
}
.part11 > h2.title {
    position: relative;;
    margin: 67px 0 0 246px;
    z-index: 4;
    background-image: linear-gradient(135deg, #bca970 0px, #262626 280px);
    background-clip: text;
    -webkit-background-clip: text;
    color: transparent
}

.part11 .part11_login .sub_title::before,
.part11 .part11_cards > h2.title::before {
    content: '';
    position: absolute;
    left: -70px;
    top: 50%;
    transform: translateY(-50%);
    width: 59px;
    height: 59px;
    background: url(//game.gtimg.cn/images/val/act/a202609201645activity/title_target.png) no-repeat center/contain
}

.part11 .part11_cards.mode_detail .other_update .title .num::before {
    content: '';
    position: absolute;
    left: 50%;
    top: 50%;
    width: 25px;
    height: 25px;
    background: #262626;
    transform: translate(-50%, -50%) rotate(45deg);
    z-index: -1;
}
/* ===== part12 跨界重磅联动开启 ===== */


.part12 {
    background-image: url(//game.gtimg.cn/images/val/act/a202609201645activity/part12.jpg);
    background-repeat: no-repeat;
    background-color: #0d0b16;
    width: 1920px;
    height: 2684px;
    position: relative;
}

.part12 > h2.title {
    position: static;
    margin: 86px 0 0 246px;
    font-size: 86px;
    color: #ffffff;
    background-image: linear-gradient(135deg, #bca970 0px, #ffffff 280px);
    -webkit-background-clip: text;
    background-clip: text;
    color: transparent
}

.part12 > .BP_video {
    position: absolute;
    left: 427px;
    top: 712px;
    width: 1065px;
    height: 606px
}

.part12 > .BP_video > .video_wrapper {
    width: 100%;
    height: 100%;
    position: relative
}

.part12 > .BP_video > .video_wrapper > .show_img {
    display: block;
    width: 100%;
    height: 100%;
    object-fit: cover
}
/* --- 更新列表 update_list --- */

.part12 .update_list {
    margin: 83px 364px 0;
    padding: 0;
    list-style: none
}

.part12 .update_list li {
    margin-bottom: 110px
}

.part12 .update_list li:last-child {
    margin-bottom: 0
}

.part12 .update_title {
    font-size: 70px;
    color: #C5B174;
    font-family: 'SourceHanSansCN_Heavy', sans-serif;
    display: flex;
    align-items: center;
    font-weight: normal;
    position: relative;
    margin: 0;
    line-height: 1
}

.part12 .update_title .dia {
    position: absolute;
    left: -119px;
    top: 59px;
    width: 26px;
    height: 26px;
    background: #C5B174;
    transform: translateY(-50%) rotate(45deg)
}

.part12 .update_sub {
    font-size: 30px;
    color: #C5B174;
    font-family: 'SourceHanSansCN_Medium', sans-serif;
    font-weight: normal;
    margin: 11px 0 0;
    letter-spacing: 5px
}

.part12 .video_wra {
    position: relative;
    width: 1063px;
    height: 604px;
    background: url(//game.gtimg.cn/images/val/act/a202609201645activity/video_frame_bg.png) no-repeat center/contain;
    display: flex;
    justify-content: center;
    align-items: center;
    margin: 58px auto 0
}

.part12 .video_wra .show_img {
    display: block;
    width: 1047px;
    height: 590px;
    object-fit: cover
}

.part12 .video_wra .update_txt {
    width: 100%;
    position: absolute;
    left: 50%;
    transform: translateX(-50%);
    bottom: -52px;
    margin: 0;
    font-size: 22px;
    color: #fff;
    display: flex;
    justify-content: center;
    align-items: center;
    text-align: center;
    letter-spacing: 0.1px;
    font-family: SourceHanSansCN-Regular;
}
/* ===== 页脚 afooter ===== */


#afooter {
    position: relative;
    padding: 30px 0;
    text-align: center;
    font: normal 12px/19px Tahoma;
    z-index: 10;
    background-color: #191219
}

#afooter,
#afooter a {
    color: #c0c0c0;
    text-decoration: none
}

.pc_show {
    position: fixed;
    top: 0;
    left: 0;
    height: 100%;
    width: 100%;
    background: #333;
    z-index: 99999;
    display: none;
}

.pc_show span {
    text-align: center;
    font-size: 16px;
    color: #fff;
    position: absolute;
    top: 50%;
    left: 0;
    height: 30px;
    width: 100%;
    margin-top: 170px;
    z-index: 999;
}

.pc_show::before {
    content: "";
    position: absolute;
    z-index: 999;
    height: 300px;
    width: 300px;
    left: 50%;
    top: 50%;
    margin: -150px 0 0 -150px;
    color: #fff;
    background-image: url(https://game.gtimg.cn/images/val/act/a202609201645activity/qrcode_zw.png);
    background-repeat: no-repeat;
    background-position: center center;
    background-size: 300px auto;
    transform: rotateZ(-90deg);
}
/* ===== 弹窗 / 浮层 pop ===== */


.pop_play_btn {
    /*width: 70px;*/
    /*height: 71px;*/
    /*position: absolute;*/
    /*left: 50%;*/
    /*top: 0;*/
    /*z-index: 15;*/
    /*transform: translateX(-50%);*/
    /*background-image: url(//game.gtimg.cn/images/val/act/a202609201645activity/header_play_video.png);*/
    display: none
}

.pop_Mark {
    width: 100%;
    height: 100%;
    background-color: rgba(0, 0, 0, .9);
    position: fixed;
    top: 0;
    left: 0;
    display: none;
    z-index: 9999
}

.pop {
    position: fixed;
    left: 50%;
    transform: translate(-50%, -50%);
    transition: all .5s;
    top: 50%
}

.close_btn {
    width: 30px;
    height: 30px;
    background: url(//game.gtimg.cn/images/val/act/a202609201645activity/pop_close.png) no-repeat center/cover;
    position: absolute;
    right: 0;
    top: -40px;
    transition: all .3s;
    z-index: 999;
    color: #fff
}

.pop_video {
    width: 1130px;
    height: 642px;
    border: 2px solid #1ceff8
}

.pop_video .video, .pop_video iframe {
    width: 100%;
    height: 100%
}

#pop_common .close_btn {
    top: 10px;
    right: 15px
}
/* ===== 提示 toast ===== */


.common-toast1 {
    z-index: 101;
    position: absolute;
    top: 50%;
    transform: translate(-50%, -50%);
    width: 320px;
    height: 60px;
    line-height: 60px;
    color: #e5e5e5;
    background-color: rgba(0, 0, 0, 0.68);
    border-radius: 8px;
    font-size: 22px;
    text-align: center;
    box-shadow: 0 4px 12px rgba(0, 0, 0, 0.15)
}


/* ===== 横屏适配 ===== */

.pc_show {
    display: block
}
