@import url(//tlhj.changyou.com/logo/logo.css);
* { box-sizing: border-box; }

:before, :after { pointer-events: none; }

html { width: 1920rem; height: 100vh; font-size: calc(100vw / 1920); margin: 0 auto; background: #c8d6de; }

a { text-decoration: none; -webkit-tap-highlight-color: rgba(255, 255, 255, 0); -webkit-user-select: none; -moz-user-focus: none; -moz-user-select: none; }

* { -webkit-tap-highlight-color: transparent; -webkit-tap-highlight-color: transparent; }

a { transition: filter .6s; }

a:hover { text-decoration: none; filter: brightness(1.1); }

a:active { filter: brightness(0.5); }

body._popupScrollLock { position: static !important; }

::-webkit-scrollbar { width: 5rem; }

::-webkit-scrollbar-track { border-radius: 5rem; background-color: #858585; }

::-webkit-scrollbar-thumb { border-radius: 5rem; background-color: #cbcbcb; }

#cyou_top { background-size: 100% 65px !important; }

#cyou_bottom { height: auto !important; background-size: 100% 65px !important; }

.footer { height: auto; }

body { width: 100%; height: 100%; overflow-x: hidden; }

@font-face { font-family: 'kbks'; src: url("kbks.woff2"); }

.snow-container { width: 100%; height: 100%; position: fixed; top: 0; left: 0; z-index: 44; pointer-events: none; }

.snowImg { width: 0; height: 0; visibility: hidden; pointer-events: none; display: none; }

.wrap { display: flex; flex-direction: column; width: 100%; }

.kv { display: flex; flex-direction: column; justify-content: flex-end; align-items: center; height: 1080rem; padding-bottom: 65rem; background: url(../img/kv.jpg) no-repeat center/cover; position: relative; z-index: 1; }

.kv-logo { width: 203rem; height: 94rem; font-size: 0; color: transparent; background: url(../img/logo.png) no-repeat center/cover; position: absolute; top: 27rem; left: 23rem; }

.kv-slogan { font-size: 0; color: transparent; }

.kv-btn { display: flex; align-items: center; position: relative; z-index: 2; }

.kv-tab { display: flex; }

.kv-tab li { display: flex; flex-direction: column; justify-content: center; align-items: center; width: 266rem; height: 71rem; background: url(../img/kv-tab.png) no-repeat 0 0/285rem 142rem; cursor: pointer; position: relative; margin: 0 17rem; transition: all .3s; }

.kv-tab li strong { font-size: 36rem; color: #fff; font-family: 'kbks'; line-height: 1; transform: scaleY(1.1); transition: all .3s; }

.kv-tab li span { font-size: 16rem; color: #fff; transition: all .3s; }

.kv-tab li:after { content: ''; width: 19rem; height: 17rem; background: url(../img/kv-tab.png) no-repeat -266rem -42rem/285rem 142rem; position: absolute; top: 42rem; right: -19rem; transition: all .3s; }

.kv-tab li.active, .kv-tab li:hover { background-position-y: -71rem; }

.kv-tab li.active:after, .kv-tab li:hover:after { background-position-y: -113rem; }

.kv-tab li.active strong, .kv-tab li:hover strong { color: #661515; }

.kv-tab li.active span, .kv-tab li:hover span { color: #661515; }

.kv-link { display: flex; justify-content: center; align-items: flex-end; width: 190rem; height: 190rem; font-size: 0; color: transparent; background: url(../img/kv-link.png) no-repeat center/cover; position: absolute; top: -140rem; right: -270rem; }

.kv-link a { width: 190rem; height: 57rem; font-size: 0; color: transparent; background: url(../img/kv-link-btn.png) no-repeat center/cover; transform-origin: center; animation: kvLinkPulse 1.5s ease-in-out infinite; }

.kv:after { content: ''; width: 100%; height: 194rem; background: url(../img/kv-after.png) no-repeat center/cover; position: absolute; bottom: 0; z-index: 10; }

.kv video { width: 100%; height: 100%; object-fit: cover; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); z-index: -1; }

@keyframes kvLinkPulse { 0%, 100% { transform: scale(0.95); }
  50% { transform: scale(1.05); } }

.content { display: flex; flex-direction: column; }

.page { display: none; flex-direction: column; align-items: center; background-repeat: no-repeat; background-position: top center; background-size: cover; }

.page.active { display: flex; }

.page-part { display: flex; flex-direction: column; align-items: center; }

.page-title { width: auto; height: 126rem; margin-bottom: 25rem; }

.hide { opacity: 0; pointer-events: none; }

.aslide { display: flex; flex-direction: column; justify-content: center; align-items: center; width: 217rem; background-repeat: no-repeat; background-position: center; background-size: cover; position: fixed; top: 50%; left: 0; z-index: 111; transform: translateY(-50%); opacity: 0; pointer-events: none; transition: all .6s; }

.aslide.active { opacity: 1; pointer-events: auto; }

.aslide ul { display: flex; flex-direction: column; }

.aslide li { display: flex; flex-direction: column; justify-content: center; align-items: center; width: 174rem; height: 49rem; font-size: 22rem; color: #fff; line-height: 1.2; background: url(../img/alside-item.png) no-repeat 0 0/185rem 98rem; position: relative; transition: all .3s; cursor: pointer; margin-bottom: 15rem; }

.aslide li:last-child { margin-bottom: 0; }

.aslide li:after { content: ''; width: 11rem; height: 10rem; background: url(../img/alside-item.png) no-repeat -174rem 0/174rem 98rem; position: absolute; top: 0; right: -11rem; }

.aslide li.active, .aslide li:hover { color: #7e221a; background-position-y: -49rem; }

.aslide li.active:after, .aslide li:hover:after { background-position-y: -49rem; }

.aslide span { font-size: 15rem; }

.aslide a { width: 73rem; height: 73rem; font-size: 0; color: transparent; background: url(../img/aslide-top.png) no-repeat center/cover; position: absolute; bottom: 0; left: 50%; transform: translate(-50%, 50%); }

.sect { background-image: url(../img/sect.jpg); }

.sect .aslide { height: 352rem; background-image: url(../img/sect-aslide.png); }

.sect-0 { height: 999rem; padding-top: 46rem; }

.sect-0-box { display: flex; flex-direction: column; align-items: center; position: relative; margin-right: -268rem; }

.sect-0-box:before { content: ''; width: 483rem; height: 834rem; background: url(../img/sect-0-before.png) no-repeat center/cover; position: absolute; left: 0; top: -176rem; transform: translateX(-488rem); }

.sect-0-con { display: flex; }

.sect-0-video { display: flex; width: 669rem; height: 385rem; background: #000; position: relative; }

.sect-0-video video { width: 100%; height: 100%; object-fit: cover; position: relative; z-index: 1; }

.sect-0-video:after { content: ''; width: 100%; height: 100%; background: url(../img/sect-0-video.png) no-repeat center/cover; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); z-index: 999; }

.sect-0-video a { width: 90rem; height: 90rem; font-size: 0; color: transparent; background: url(../img/play.png) no-repeat center/cover; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); z-index: 100; }

.sect-0-desc { display: flex; flex-direction: column; width: 937rem; padding-top: 20rem; }

.sect-0-desc p { font-size: 22rem; color: #512522; font-family: 'kbks'; transform: scaleY(1.1); margin-bottom: 10rem; }

.sect-0-exterior { display: flex; flex-direction: column; align-items: center; margin-left: 18rem; }

.sect-0-exterior img { width: 250rem; height: auto; object-fit: cover; }

.sect-0-exterior a { display: flex; justify-content: center; align-items: center; width: 249rem; height: 42rem; font-size: 22rem; color: #fff; font-weight: bold; background: url(../img/sect-0-exterior-btn.png) no-repeat 0 0/259rem 42rem; position: relative; margin-top: 8rem; }

.sect-0-exterior a:after { content: ''; width: 10rem; height: 9rem; background: url(../img/sect-0-exterior-btn.png) no-repeat -249rem 0/259rem 42rem; position: absolute; top: 0; right: -10rem; }

.sect-1 { height: 1023rem; }

.sect-1-video { display: flex; width: 1000rem; height: 489rem; background: #000; position: relative; }

.sect-1-video video { width: 100%; height: 100%; object-fit: cover; position: relative; z-index: 1; }

.sect-1-video:after { content: ''; width: 100%; height: 100%; background: url(../img/sect-1-video.png) no-repeat center/cover; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); z-index: 999; }

.sect-1-video a { width: 90rem; height: 90rem; font-size: 0; color: transparent; background: url(../img/play.png) no-repeat center/cover; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); z-index: 100; }

.sect-1-desc { display: flex; flex-direction: column; align-items: center; width: 1000rem; padding-top: 30rem; }

.sect-1-desc img { width: 253rem; height: 31rem; margin-bottom: 20rem; }

.sect-1-desc p { font-size: 20rem; color: #dbdde2; font-family: 'kbks'; transform: scaleY(1.1); margin-bottom: 20rem; }

.sect-2 { height: 983rem; }

.sect-2-box { display: flex; flex-direction: column; align-items: center; position: relative; z-index: 1; margin-top: 40rem; }

.sect-2-box:after { content: ''; width: 661rem; height: 971rem; background: url(../img/sect-2-box-after.png) no-repeat center/cover; position: absolute; top: -190rem; right: -593rem; z-index: -1; }

.sect-2-video { display: flex; width: 565rem; height: 319rem; background: #000; position: relative; }

.sect-2-video video { width: 100%; height: 100%; object-fit: cover; position: relative; z-index: 1; }

.sect-2-video:after { content: ''; width: 100%; height: 100%; background: url(../img/sect-2-video.png) no-repeat center/cover; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); z-index: 999; }

.sect-2-video a { width: 90rem; height: 90rem; font-size: 0; color: transparent; background: url(../img/play.png) no-repeat center/cover; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); z-index: 100; }

.sect-2-music { display: flex; flex-direction: column; }

.sect-2-music audio { display: none; }

.sect-2-name { display: flex; flex-direction: column; padding-top: 100rem; }

.sect-2-name p { font-size: 30rem; color: #913730; font-family: 'kbks'; transform: scaleY(1.1); }

.sect-2-name span { font-size: 24rem; color: #b68567; font-family: 'kbks'; transform: scaleY(1.1); }

.sect-2-speed { display: flex; flex-direction: column; }

.sect-2-line { display: flex; width: 494rem; height: 2rem; background: rgba(145, 55, 48, 0.5); margin-top: 40rem; }

.sect-2-line i { width: 0%; max-width: 100%; height: 100%; background: #913730; position: relative; transition: all .3s; }

.sect-2-line i:after { content: ''; width: 6rem; height: 6rem; border-radius: 50%; background: #913730; position: absolute; top: 50%; right: 0; transform: translateY(-50%); }

.sect-2-time { display: flex; align-items: center; justify-content: space-between; padding-top: 15rem; }

.sect-2-time span { font-size: 18rem; color: #b68567; }

.sect-2-btn { display: flex; align-items: center; justify-content: center; padding-top: 20rem; }

.sect-2-like { width: 38rem; height: 31rem; text-indent: 0; color: transparent; background: url(../img/sect-2-like.png) no-repeat center/cover; filter: brightness(0%); transition: all .6s; }

.sect-2-like.likeing { filter: brightness(100%); }

.sect-2-play { width: 70rem; height: 70rem; font-size: 0; color: transparent; background: url(../img/sect-2-play.png) no-repeat center/cover; margin: 0 45rem; }

.sect-2-play.playing { background-image: url(../img/sect-2-playing.png); }

.sect-2-repeat { width: 36rem; height: 26rem; font-size: 0; color: transparent; background: url(../img/sect-2-repeat.png) no-repeat center/cover; filter: brightness(0%); transition: all .6s; }

.sect-2-repeat.looping { filter: brightness(100%); }

.sect-2-lyrics { display: flex; flex-direction: column; align-items: center; position: absolute; top: 0; left: -350rem; }

.sect-2-lyrics img { width: 296rem; height: 44rem; }

.sect-2-lyrics ul { display: flex; flex-direction: column; align-items: center; height: 450rem; overflow-y: auto; margin-top: 20rem; }

.sect-2-lyrics ul::-webkit-scrollbar { width: 0; }

.sect-2-lyrics li { font-size: 22rem; color: #512522; font-family: 'kbks'; transform: scaleY(1.1); margin: 10rem 0; }

.sect-3 { height: 1033rem; }

.sect-3-box { display: flex; flex-direction: column; align-items: center; position: relative; margin-left: 442rem; z-index: 1; }

.sect-3-box:before { content: ''; width: 918rem; height: 911rem; background: url(../img/sect-3-box-before.png) no-repeat center/cover; position: absolute; top: -90rem; left: -670rem; z-index: -1; }

.sect-3-desc { width: 1026rem; }

.sect-3-skill { display: flex; flex-direction: column; align-items: center; }

.sect-3-tab { display: flex; flex-wrap: wrap; justify-content: center; width: 1026rem; padding: 30rem 0 5rem; }

.sect-3-tab li { display: flex; justify-content: center; align-items: center; width: 195rem; height: 40rem; font-size: 20rem; color: #fff; font-family: 'kbks'; transform: scaleY(1.1); background: url(../img/sect-3-tab.png) no-repeat 0 0/204rem 80rem; position: relative; margin: 0 6rem 12rem; cursor: pointer; transition: all .3s; }

.sect-3-tab li:after { content: ''; width: 9rem; height: 10rem; background: url(../img/sect-3-tab.png) no-repeat -195rem 0/204rem 80rem; position: absolute; top: 0; right: -9rem; transition: all .3s; }

.sect-3-tab li:nth-child(1) { margin-left: 0; }

.sect-3-tab li:nth-child(5) { margin-right: 0; }

.sect-3-tab li.active, .sect-3-tab li:hover { color: #7e221a; background-position-y: -40rem; }

.sect-3-tab li.active:after, .sect-3-tab li:hover:after { background-position-y: -40rem; }

.sect-3-list { display: flex; flex-direction: column; width: 1025rem; height: 585rem; padding: 20rem 40rem; background: url(../img/sect-3-list.png) no-repeat center/cover; }

.sect-3-list ul { flex: auto; display: flex; flex-direction: column; height: 1rem; padding-top: 15rem; overflow-y: auto; }

.sect-3-list ul::-webkit-scrollbar { width: 5rem; }

.sect-3-list ul::-webkit-scrollbar-track { background-color: #a2a2a2; }

.sect-3-list ul::-webkit-scrollbar-thumb { background-color: #cab379; }

.sect-3-list li { flex: none; display: flex; flex-direction: column; align-items: flex-start; margin-bottom: 20rem; }

.sect-3-name { flex: none; display: flex; align-items: center; min-width: 422rem; height: 55rem; padding-left: 18rem; border: 1.5rem solid #bba05d; border-right: none; background: url(../img/sect-3-name.png) no-repeat left center/422rem 55rem; position: relative; }

.sect-3-name:after { content: ''; width: 79rem; height: 55rem; background: url(../img/sect-3-name-after.png) no-repeat center/100% 100%; position: absolute; top: 50%; right: -79rem; transform: translateY(-50%); }

.sect-3-name i { display: flex; justify-content: center; align-items: center; width: 64rem; height: 64rem; border-radius: 50%; border-radius: 50%; border: 1rem solid #e0bf72; background: #fff; margin-top: -15rem; }

.sect-3-name img { width: 58rem; height: 58rem; border-radius: 50%; border: 1rem solid #e0bf72; }

.sect-3-name p { width: 190rem; font-size: 24rem; color: #fff; font-family: 'kbks'; padding-left: 10rem; transform: scaleY(1.1); }

.sect-3-name span { font-size: 20rem; color: #927630; font-family: 'kbks'; padding-top: 15rem; }

.sect-3-info { flex: auto; display: flex; padding: 10rem 15rem 10rem 30rem; }

.sect-3-info div { display: flex; flex-direction: column; justify-content: flex-start; max-height: 92rem; overflow-y: hidden; transition: all .6s; }

.sect-3-info div:hover { max-height: 1000rem; }

.sect-3-info p { font-size: 21rem; color: #703724; }

.sect-4 { height: 973rem; }

.sect-4 .page-title { margin-bottom: 0; }

.sect-4-box { display: flex; flex-direction: column; align-items: center; width: 1330rem; position: relative; }

.sect-4-tab { display: flex; flex-direction: column; position: absolute; top: 50%; left: 50rem; transform: translateY(-50%); z-index: 2; }

.sect-4-tab li { display: flex; justify-content: center; align-items: center; width: 112rem; height: 111rem; background: url(../img/sect-4-tab.png) no-repeat 0 0/112rem 222rem; margin-bottom: 18rem; cursor: pointer; }

.sect-4-tab li span { font-size: 30rem; color: #313036; font-family: 'kbks'; transform: scaleY(1.1); }

.sect-4-tab li:last-child { margin-bottom: 0; }

.sect-4-tab li.active { background-position-y: -111rem; }

.sect-4-tab li.active span { color: #f4d189; }

.sect-4-swiper { width: 1300rem; height: 900rem; background: url(../img/sect-4-swiper.png) no-repeat center/cover; }

.sect-4-swiper .swiper-slide { display: flex; }

.sect-4-swiper .swiper-slide img { width: 100%; height: 850rem; object-fit: cover; }

.sect-4-swiper .swiper-slide img:last-child { width: 240rem; height: 500rem; position: absolute; top: 20rem; right: 100rem; }

.sect-4-pagination { display: flex; position: relative; z-index: 2; margin-top: -192rem; }

.sect-4-pagination li { display: flex; justify-content: center; align-items: center; width: 174rem; height: 49rem; font-size: 24rem; color: #fff; background: url(../img/sect-4-pagination.png) no-repeat 0 0/185rem 98rem; position: relative; cursor: pointer; margin: 0 8rem; }

.sect-4-pagination li:after { content: ''; width: 11rem; height: 10rem; background: url(../img/sect-4-pagination.png) no-repeat -174rem 0/185rem 98rem; position: absolute; top: 0; right: -11rem; }

.sect-4-pagination li.active { background-position-y: -49rem; }

.sect-4-pagination li.active:after { background-position-y: -49rem; }

.sect-5 { height: 1207rem; }

.sect-5-swiper { width: 1300rem; }

.sect-5-swiper .swiper-slide { display: flex; }

.sect-5-swiper .swiper-slide img { width: 100%; border: 2rem solid #ffe8a8; }

.sect-5-small { display: flex; align-items: center; margin-top: 20rem; }

.sect-5-small .swiper { width: 1300rem; margin: 0 20rem; }

.sect-5-small .swiper-slide { display: flex; justify-content: center; align-items: center; filter: brightness(50%); transition: all .3s; cursor: pointer; }

.sect-5-small .swiper-slide img { width: 246rem; height: 104rem; object-fit: cover; border: 2rem solid #ffe8a8; }

.sect-5-small .swiper-slide.swiper-slide-thumb-active { filter: brightness(100%); }

.sect-5-small-prev, .sect-5-small-next { width: 50rem; height: 50rem; font-size: 0; color: transparent; background: url(../img/sect-5-small-prev.png) no-repeat center/cover; }

.sect-5-small-prev.swiper-button-disabled, .sect-5-small-next.swiper-button-disabled { opacity: 0.5; }

.sect-5-small-next { transform: rotate(180deg); }

.pvp { background-image: url(../img/pvp.jpg); }

.pvp .aslide { height: 412rem; background-image: url(../img/pvp-aslide.png); }

.pvp-0 { height: 1496rem; padding-top: 70rem; }

.pvp-0-desc { display: flex; flex-direction: column; align-items: center; padding-bottom: 60rem; }

.pvp-0-desc p { font-size: 22rem; color: #512522; font-family: 'kbks'; transform: scaleY(1.1); }

.pvp-0-desc ul { display: flex; align-items: center; padding-top: 20rem; }

.pvp-0-desc li { display: flex; flex-direction: column; width: 425rem; border: 1rem solid #512522; }

.pvp-0-desc span { display: flex; justify-content: center; align-items: center; width: 100%; height: 52rem; font-size: 26rem; color: #5e1f00; font-family: 'kbks'; background: url(../img/pvp-0-desc.png) no-repeat center/cover; }

.pvp-0-desc div { display: flex; justify-content: center; align-items: center; width: 100%; height: 90rem; font-size: 20rem; color: #512522; font-family: 'kbks'; padding: 0 15rem; border-top: 1rem solid #512522; }

.pvp-0-intro { display: flex; flex-direction: column; width: 1300rem; }

.pvp-0-intro li { display: flex; flex-direction: column; padding-bottom: 10rem; font-family: 'kbks'; }

.pvp-0-intro div { display: flex; align-items: flex-start; margin-bottom: 5rem; line-height: 1.3; }

.pvp-0-intro span { font-size: 22rem; color: #bb7613; }

.pvp-0-intro p, .pvp-0-intro i { font-size: 22rem; color: #512522; }

.pvp-0-intro i { flex: none; font-style: normal; }

.pvp-0-intro table { width: 100%; border-collapse: collapse; }

.pvp-0-intro table thead { background: #efdbaa; }

.pvp-0-intro table td { min-height: 55rem; font-size: 22rem; color: #512522; text-align: center; font-family: 'kbks'; border: 1rem solid #512522; padding: 10rem; }

.pvp-0-intro table .bg { background: #e1d5d1; }

.pvp-0-intro img { width: 100%; height: auto; }

.pvp-1 { height: 1173rem; }

.pvp-1-intro { display: flex; flex-direction: column; width: 1300rem; }

.pvp-1-intro li { display: flex; flex-direction: column; padding-bottom: 10rem; font-family: 'kbks'; }

.pvp-1-intro div { display: flex; align-items: flex-start; margin-bottom: 0; line-height: 1.3; }

.pvp-1-intro span { font-size: 22rem; color: #d8c287; }

.pvp-1-intro em { color: #bf3a25; font-style: normal; }

.pvp-1-intro p, .pvp-1-intro i { font-size: 22rem; color: #dbdde2; }

.pvp-1-intro i { flex: none; font-style: normal; }

.pvp-1-intro table { width: 100%; border-collapse: collapse; }

.pvp-1-intro table thead { background: #efdbaa; }

.pvp-1-intro table td { height: 55rem; font-size: 22rem; color: #512522; text-align: center; font-family: 'kbks'; border: 1rem solid #512522; }

.pvp-1-intro img { width: 100%; height: auto; }

.pvp-2 { height: 2047rem; }

.pvp-2-intro { display: flex; flex-direction: column; width: 1300rem; }

.pvp-2-intro li { display: flex; flex-direction: column; padding-bottom: 10rem; font-family: 'kbks'; }

.pvp-2-intro div { display: flex; align-items: flex-start; margin-bottom: 5rem; line-height: 1.3; }

.pvp-2-intro span { font-size: 22rem; color: #bb7613; }

.pvp-2-intro em { color: #bf3a25; font-style: normal; }

.pvp-2-intro p, .pvp-2-intro i { font-size: 22rem; color: #512522; }

.pvp-2-intro i { flex: none; font-style: normal; }

.pvp-2-intro table { width: 100%; border-collapse: collapse; }

.pvp-2-intro table thead { background: #efdbaa; }

.pvp-2-intro table td { min-height: 55rem; font-size: 22rem; color: #512522; text-align: center; font-family: 'kbks'; border: 1rem solid #512522; padding: 10rem; }

.pvp-2-intro table .bg { background: #e1d5d1; }

.pvp-2-intro table.lastleft tbody td:last-child { text-align: left; }

.pvp-2-intro img { width: 100%; height: auto; }

.pvp-3 { height: 1442rem; }

.pvp-3-intro { display: flex; flex-direction: column; width: 1300rem; }

.pvp-3-intro li { display: flex; flex-direction: column; padding-bottom: 10rem; font-family: 'kbks'; }

.pvp-3-intro div { display: flex; align-items: flex-start; margin-bottom: 5rem; line-height: 1.3; }

.pvp-3-intro span { font-size: 22rem; color: #d8c287; }

.pvp-3-intro em { color: #bf3a25; font-style: normal; }

.pvp-3-intro p, .pvp-3-intro i { font-size: 22rem; color: #dbdde2; }

.pvp-3-intro i { flex: none; font-style: normal; }

.pvp-3-intro table { width: 100%; border-collapse: collapse; }

.pvp-3-intro table thead { background: #39456a; }

.pvp-3-intro table thead .bg { background: #736036; }

.pvp-3-intro table td { min-height: 55rem; font-size: 22rem; color: #dbdde2; text-align: center; font-family: 'kbks'; border: 1rem solid #dbdde2; padding: 10rem; }

.pvp-3-intro table p { width: 100%; text-align: left; }

.pvp-3-intro table .bg { background: #41382b; }

.pvp-3-intro table em { color: #ffe788; }

.pvp-3-intro img { width: 100%; height: auto; }

.pvp-3-intro dl { display: flex; justify-content: space-between; width: 1300rem; }

.pvp-3-intro dd { display: flex; flex-direction: column; width: 822rem; }

.pvp-3-intro dd:last-child { width: 454rem; }

.pvp-4 { height: 1700rem; }

.pvp-4-intro { display: flex; flex-direction: column; width: 1300rem; }

.pvp-4-intro li { display: flex; flex-direction: column; padding-bottom: 10rem; font-family: 'kbks'; }

.pvp-4-intro div { display: flex; align-items: flex-start; margin-bottom: 5rem; line-height: 1.3; }

.pvp-4-intro span { font-size: 22rem; color: #bb7613; }

.pvp-4-intro em { color: #bf3a25; font-style: normal; }

.pvp-4-intro p, .pvp-4-intro i { font-size: 22rem; color: #512522; }

.pvp-4-intro i { flex: none; font-style: normal; }

.pvp-4-intro table { width: 100%; border-collapse: collapse; }

.pvp-4-intro table thead { background: #efdbaa; }

.pvp-4-intro table td { min-height: 55rem; font-size: 22rem; color: #512522; text-align: center; font-family: 'kbks'; border: 1rem solid #512522; padding: 10rem; }

.pvp-4-intro table .bg { background: #e1d5d1; }

.pvp-4-intro table.lastleft tbody td:last-child { text-align: left; }

.pvp-4-intro img { width: 100%; height: auto; }

.act { background-image: url(../img/act.jpg); }

.act .aslide { height: 412rem; background-image: url(../img/pvp-aslide.png); }

.act-0 { height: 1532rem; padding-top: 60rem; }

.act-0-intro { display: flex; flex-direction: column; width: 1300rem; }

.act-0-intro li { display: flex; flex-direction: column; padding-bottom: 10rem; font-family: 'kbks'; }

.act-0-intro div { display: flex; align-items: flex-start; margin-bottom: 5rem; line-height: 1.3; }

.act-0-intro span { font-size: 22rem; color: #bb7613; }

.act-0-intro em { color: #bf3a25; font-style: normal; }

.act-0-intro p, .act-0-intro i { font-size: 22rem; color: #512522; }

.act-0-intro i { flex: none; font-style: normal; }

.act-0-intro table { width: 100%; border-collapse: collapse; }

.act-0-intro table thead { background: #efdbaa; }

.act-0-intro table td { min-height: 55rem; font-size: 22rem; color: #512522; text-align: center; font-family: 'kbks'; border: 1rem solid #512522; padding: 10rem; }

.act-0-intro table .bg { background: #e1d5d1; }

.act-0-intro img { width: 100%; height: auto; }

.act-1 { height: 966rem; }

.act-1-intro { display: flex; flex-direction: column; width: 1300rem; }

.act-1-intro li { display: flex; flex-direction: column; padding-bottom: 10rem; font-family: 'kbks'; }

.act-1-intro li.flexrow { flex-direction: row; align-items: flex-start; }

.act-1-intro div { display: flex; align-items: flex-start; margin-bottom: 5rem; line-height: 1.3; }

.act-1-intro span { font-size: 22rem; color: #d8c287; }

.act-1-intro em { color: #bf3a25; font-style: normal; }

.act-1-intro p, .act-1-intro i { font-size: 22rem; color: #dbdde2; }

.act-1-intro i { flex: none; font-style: normal; }

.act-1-intro table { width: 890rem; border-collapse: collapse; }

.act-1-intro table td { min-height: 55rem; font-size: 22rem; color: #dbdde2; text-align: center; font-family: 'kbks'; border: 1rem solid #dbdde2; padding: 10rem; }

.act-1-intro img { width: 420rem; height: auto; margin: -30rem 0 -500rem; }

.act-1-intro h6 { display: flex; justify-content: center; align-items: center; width: 393rem; height: 61rem; font-size: 24rem; color: #5e1f00; padding: 10rem 50rem 0 0; background: url(../img/act-1-h6.png) no-repeat center/cover; }

.act-2 { height: 1591rem; }

.act-2-intro { display: flex; flex-direction: column; width: 1300rem; }

.act-2-intro li { display: flex; flex-direction: column; padding-bottom: 10rem; font-family: 'kbks'; }

.act-2-intro li.flexrow { flex-direction: row; justify-content: space-between; align-items: flex-start; }

.act-2-intro li.flexrow table { width: 440rem; }

.act-2-intro div { display: flex; align-items: flex-start; margin-bottom: 5rem; line-height: 1.3; }

.act-2-intro span { font-size: 22rem; color: #bb7613; }

.act-2-intro em { color: #bf3a25; font-style: normal; }

.act-2-intro p, .act-2-intro i { font-size: 22rem; color: #512522; }

.act-2-intro i { flex: none; font-style: normal; }

.act-2-intro table { width: 100%; border-collapse: collapse; }

.act-2-intro table thead { background: #efdbaa; }

.act-2-intro table td { font-size: 22rem; color: #512522; text-align: center; font-family: 'kbks'; border: 1rem solid #512522; padding: 12rem 0; }

.act-2-intro table .bg { background: #e1d5d1; }

.act-2-intro img { width: 430rem; height: auto; margin: 0 -20rem; }

.act-3 { height: 1213rem; }

.act-3-intro { display: flex; flex-direction: column; width: 1300rem; }

.act-3-intro li { display: flex; flex-direction: column; padding-bottom: 10rem; font-family: 'kbks'; }

.act-3-intro li.flexrow { flex-direction: row; align-items: flex-start; }

.act-3-intro li.flexrow table { width: 870rem; }

.act-3-intro div { display: flex; align-items: flex-start; margin-bottom: 5rem; line-height: 1.3; }

.act-3-intro span { font-size: 22rem; color: #d8c287; }

.act-3-intro em { color: #bf3a25; font-style: normal; }

.act-3-intro p, .act-3-intro i { font-size: 22rem; color: #dbdde2; }

.act-3-intro i { flex: none; font-style: normal; }

.act-3-intro table { width: 100%; border-collapse: collapse; }

.act-3-intro table thead { background: #39456a; }

.act-3-intro table td { min-height: 55rem; font-size: 22rem; color: #dbdde2; text-align: center; font-family: 'kbks'; border: 1rem solid #dbdde2; padding: 10rem; }

.act-3-intro img { width: 386rem; height: auto; margin: -90rem 0; }

.act-4 { height: 630rem; }

.act-4 .page-title { height: 100rem; }

.act-4 ul { display: flex; }

.act-4 ul li { display: flex; flex-direction: column; align-items: center; margin: 0 18rem; }

.act-4 ul img { width: 654rem; height: auto; }

.act-4 ul a { display: flex; justify-content: center; align-items: center; width: 223rem; height: 59rem; font-size: 32rem; color: #fff; font-family: 'kbks'; background: url(../img/act-4-btn.png) no-repeat 0 0/239rem 59rem; position: relative; margin-top: 20rem; }

.act-4 ul a:after { content: ''; width: 16rem; height: 59rem; background: url(../img/act-4-btn.png) no-repeat -223rem 0/239rem 59rem; position: absolute; top: 0; right: -16rem; }

.out { background-image: url(../img/out.jpg); }

.out-0 { height: 2070rem; padding-top: 60rem; }

.out-0-swiper { width: 1300rem; height: 850rem; background: url(../img/out-0-swiper.png) no-repeat center/cover; }

.out-0-swiper .swiper-slide { display: flex; }

.out-0-swiper .swiper-slide img { width: 100%; height: 100%; object-fit: cover; }

.out-0-pagination { display: flex; flex-direction: column; position: absolute; right: 55rem; bottom: 150rem; z-index: 2; }

.out-0-pagination li { display: flex; justify-content: center; align-items: center; width: 112rem; height: 111rem; background: url(../img/sect-4-tab.png) no-repeat 0 0/112rem 222rem; margin-bottom: 18rem; cursor: pointer; }

.out-0-pagination li span { font-size: 30rem; color: #313036; font-family: 'kbks'; transform: scaleY(1.1); }

.out-0-pagination li:last-child { margin-bottom: 0; }

.out-0-pagination li.active { background-position-y: -111rem; }

.out-0-pagination li.active span { color: #f4d189; }

.out-0-image { display: flex; flex-direction: column; position: relative; }

.out-0-box { display: flex; flex-direction: column; align-items: center; }

.out-0-box p { display: flex; justify-content: center; align-items: center; width: 297rem; height: 46rem; font-size: 24rem; color: #fff; font-family: 'kbks'; background: url(../img/out-0-box.png) no-repeat center/cover; }

.out-0-box img { width: 620rem; height: auto; margin-top: 12rem; }

.out-0-item { display: flex; }

.out-0-item li { display: flex; align-items: center; position: absolute; }

.out-0-item li:nth-child(1) { top: 78rem; left: -395rem; }

.out-0-item li:nth-child(2) { top: 78rem; right: -395rem; }

.out-0-item li:nth-child(3) { top: 404rem; left: -322rem; }

.out-0-item li:nth-child(4) { top: 404rem; right: -322rem; }

.out-0-item p { width: 45rem; height: 297rem; font-size: 24rem; color: #fff; text-align: center; line-height: 45rem; writing-mode: vertical-rl; font-family: 'kbks'; padding-top: 10rem; background: url(../img/out-0-item.png) no-repeat center/cover; }

.out-0-item img { width: 262rem; height: auto; margin: 0 12rem; }

.dia { width: 100%; height: 100%; margin: 0 !important; position: fixed !important; left: 0 !important; top: 0 !important; display: none; z-index: 99999; }

.dia-box { display: flex; flex-direction: column; align-items: center; width: 680rem; padding: 40rem; background: url(../img/dia-918.jpg) no-repeat center/cover; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); }

.dia-title { width: auto; height: 50rem; margin-bottom: 30rem; }

.dia-close { width: 39rem; height: 40rem; font-size: 0; color: transparent; background: url(../img/dia-close.png) no-repeat center/cover; position: absolute; top: 15rem; right: 15rem; }

.dia-sect { display: flex; flex-direction: column; align-items: center; }

.dia-sect img { width: 550rem; height: auto; }

.dia-sect div { display: flex; width: 550rem; padding-top: 15rem; }

.dia-sect span { flex: none; }

.dia-sect span, .dia-sect p { font-size: 22rem; color: #512522; font-family: 'kbks'; }

.dia-tips { display: flex; flex-direction: column; justify-content: center; align-items: center; height: 300rem; }

.dia-tips p { font-size: 30rem; color: #512522; font-family: 'kbks'; }