@charset "UTF-8";
@import url("https://tw.hicdn.beanfun.com/plugins/tiny-slider2.9.2/tiny-slider.css");
html { line-height: 1.15; -webkit-text-size-adjust: 100%; }

body { margin: 0; }

main { display: block; }

h1 { font-size: 2em; margin: 0.67em 0; }

hr { -webkit-box-sizing: content-box; box-sizing: content-box; height: 0; overflow: visible; }

pre { font-family: monospace, monospace; font-size: 1em; }

a { background-color: transparent; }

abbr[title] { border-bottom: none; text-decoration: underline; -webkit-text-decoration: underline dotted; text-decoration: underline dotted; }

b, strong { font-weight: bolder; }

code, kbd, samp { font-family: monospace, monospace; font-size: 1em; }

small { font-size: 80%; }

sub, sup { font-size: 75%; line-height: 0; position: relative; vertical-align: baseline; }

sub { bottom: -0.25em; }

sup { top: -0.5em; }

img { border-style: none; }

button, input, optgroup, select, textarea { font-family: inherit; font-size: 100%; line-height: 1.15; margin: 0; }

button, input { overflow: visible; }

button, select { text-transform: none; }

button, [type='button'], [type='reset'], [type='submit'] { -webkit-appearance: button; }

button::-moz-focus-inner, [type='button']::-moz-focus-inner, [type='reset']::-moz-focus-inner, [type='submit']::-moz-focus-inner { border-style: none; padding: 0; }

button:-moz-focusring, [type='button']:-moz-focusring, [type='reset']:-moz-focusring, [type='submit']:-moz-focusring { outline: 1px dotted ButtonText; }

fieldset { padding: 0.35em 0.75em 0.625em; }

legend { -webkit-box-sizing: border-box; box-sizing: border-box; color: inherit; display: table; max-width: 100%; padding: 0; white-space: normal; }

progress { vertical-align: baseline; }

textarea { overflow: auto; }

[type='checkbox'], [type='radio'] { -webkit-box-sizing: border-box; box-sizing: border-box; padding: 0; }

[type='number']::-webkit-inner-spin-button, [type='number']::-webkit-outer-spin-button { height: auto; }

[type='search'] { -webkit-appearance: textfield; outline-offset: -2px; }

[type='search']::-webkit-search-decoration { -webkit-appearance: none; }

::-webkit-file-upload-button { -webkit-appearance: button; font: inherit; }

details { display: block; }

summary { display: list-item; }

template { display: none; }

[hidden] { display: none; }

/* .box{ width:1200px; } .box在Mobile版尺寸是600 @media screen and (max-width: 768px){ .box{ width: getvw(600); } } */
body { background-color: #1a0c01; position: relative; }

.default .gbox-wrap { padding: 0 !important; width: 599px !important; height: 335px; background-repeat: no-repeat !important; background-size: cover !important; background-image: url(../img/gobox_bg.png) !important; background-color: transparent; }

.default .gbox-wrap .gbox-close { margin-top: -52px; background-image: url(../img/close.png); width: 40px; height: 40px; color: transparent; }

.default .gbox-wrap .gbox-title { font-weight: 900; margin-top: 70px; margin-bottom: -10px; font-size: 35px; color: #f6afae; text-shadow: 0 0 1rem black, 0 0 1rem black, 0 0 1rem black; }

.default .gbox-wrap .gbox-action { margin-top: 12px; }

.default .gbox-wrap .gbox-action .gbox-btn { font-weight: 600; margin: 0 18px; padding: 0; width: 201px; height: 62px; line-height: 62px; font-size: 30px; color: #f6afae; -webkit-box-shadow: 0 0 1rem 0.5rem #3b0101 inset; box-shadow: 0 0 1rem 0.5rem #3b0101 inset; background-color: #4d0101; border: solid 1px red; text-shadow: 0 0 1rem black, 0 0 1rem black, 0 0 1rem black; }

.content { position: relative; background-image: url(../img/bgc_top.jpg), url(../img/bgc_bottom.jpg); background-repeat: no-repeat; background-position: center top, center 1337px; max-width: 1920px; min-width: 1200px; overflow: hidden; margin: auto; font-family: 'PingFangTC-Regular', 'Heiti TC', 'Noto Sans TC', 'Microsoft JhengHei', 'Helvetica Neue', Helvetica, Arial, sans-serif; }

.content .effect { width: 100%; height: 100%; position: absolute; left: 0%; }

.content .effect img { margin: auto; position: absolute; left: 52.6%; top: 3.6%; -webkit-transform: translateX(-50%); -ms-transform: translateX(-50%); transform: translateX(-50%); display: none; }

.content .new { position: absolute; left: 120px; top: 185px; z-index: 1; }

.content .new a .li { width: 160px; height: 160px; margin-bottom: 30px; background-position: center; background-size: contain; }

.content .new .account-btn { background-image: url(../img/new/apply.png); }

.content .new .account-btn:hover { background-image: url(../img/new/apply-hover.png); }

.content .new .game-btn { background-image: url(../img/new/play.png); }

.content .new .game-btn:hover { background-image: url(../img/new/play-hover.png); }

.content .new .download-btn { background-image: url(../img/new/download.png); }

.content .new .download-btn:hover { background-image: url(../img/new/download-hover.png); }

.content .new .event-btn { background-image: url(../img/new/activity.png); }

.content .new .event-btn:hover { background-image: url(../img/new/activity-hover.png); }

.content .new .about-btn { background-image: url(../img/new/know.png); }

.content .new .about-btn:hover { background-image: url(../img/new/know-hover.png); }

.content .new .find-btn { background-image: url(../img/new/find-btn-off.png); }

.content .new .find-btn:hover { background-image: url(../img/new/find-btn-on.png); }

.content .wrap { margin: auto; max-width: 1200px; position: relative; }

.content .wrap .header { position: relative; height: 113px; }

.content .wrap .header:after { content: ''; display: block; clear: both; }

.content .wrap .header a { float: left; }

.content .wrap .header a img { vertical-align: middle; max-width: 100%; }

.content .wrap .header .btn-group { position: absolute; top: 50%; right: 0; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); }

.content .wrap .header .btn-group a { display: block; width: 164px; height: 44px; border-radius: 8px; border: solid 1px #cfa972; background-color: #2a1800; float: right; text-shadow: 0px 3px 7px rgba(9, 2, 4, 0.5); font-size: 24.5px; font-weight: 500; text-align: center; color: #cfa972; text-decoration: none; line-height: 44px; }

.content .wrap .header .btn-group a:nth-child(1) { margin-left: 6px; }

.content .wrap .header .btn-group a:hover { background-color: #2a1800c9; }

.content .wrap .about { width: 100%; }

.content .wrap .about .about-title { margin-top: 380px; margin-bottom: -90px; width: 100%; overflow: hidden; }

.content .wrap .about .about-title img { position: relative; left: 51%; -webkit-transform: translateX(-50%); -ms-transform: translateX(-50%); transform: translateX(-50%); width: 1783px; vertical-align: middle; }

.content .wrap .about .about-title .mb { display: none; }

.content .wrap .about .about-title .mb img { width: 100%; max-width: 625px; }

.content .wrap .about .about-title .mb img + img { width: 206px; }

.content .wrap .about .about-select { position: relative; max-width: 640px; max-height: 130px; font-size: 0; margin: auto; margin-top: 30px; margin-bottom: 81px; }

.content .wrap .about .about-select .mb { display: none; }

.content .wrap .about .about-select img { max-width: 640px; width: 100%; }

.content .wrap .about .about-new { max-width: 609px; margin: auto; }

.content .wrap .about .about-new a { max-width: 274px; width: 100%; height: 73px; display: inline-block; }

.content .wrap .about .about-new a .item { font-size: 0; display: inline-block; width: 100%; max-width: 274px; height: 73px; background-size: contain; background-repeat: no-repeat; background-position: center; background-image: url("../img/images/btn-about.jpg"); }

.content .wrap .about .about-new a .item:hover { background-image: url("../img/images/btn-about-hover.jpg"); }

.content .wrap .about .about-new a + a { margin-left: 55px; }

.content .wrap .about .about-new a + a .item { background-image: url("../img/images/btn-about2.png"); }

.content .wrap .about .about-new a + a .item:hover { background-image: url("../img/images/btn-about2-hover.png"); }

.content .wrap .about .gift { margin-top: 87px; }

.content .wrap .about .gift .mb { display: none; }

.content .wrap .about .gift > img { max-width: 100%; vertical-align: middle; position: relative; left: 50%; -webkit-transform: translateX(-50%); -ms-transform: translateX(-50%); transform: translateX(-50%); }

.content .wrap .about .gift .stone { margin-bottom: 128px; }

.content .wrap .about .gift .stone .group { font-size: 0; max-width: 738px; margin: auto; }

.content .wrap .about .gift .stone .group .item { display: inline-block; position: relative; white-space: nowrap; }

.content .wrap .about .gift .stone .group .item img { width: 100%; max-width: 369px; vertical-align: middle; }

.content .wrap .about .gift .stone .group .item p { position: absolute; left: 50%; bottom: 0; margin: 0; -webkit-transform: translateX(-50%); -ms-transform: translateX(-50%); transform: translateX(-50%); bottom: 14%; font-size: 30px; display: block; font-size: 30px; color: #ffdfa0; }

.content .wrap .about .gift .stone + img { margin-bottom: 90px; }

.content .wrap .swiper { width: 100%; }

.content .wrap .swiper .navbar { font-size: 0; white-space: nowrap; margin: auto; }

.content .wrap .swiper .navbar .button.active { background-image: url("../img/hover/btn-hover.png") !important; }

.content .wrap .swiper .navbar .button { cursor: pointer; margin: 0 14px; font-size: 24px; display: inline-block; width: 25%; max-width: 271px; height: 63px; color: #ffdfa0; text-align: center; line-height: 63px; }

.content .wrap .swiper .navbar .button:hover { background-image: url("../img/hover/btn-hover.png") !important; }

.content .wrap .swiper .navbar .button:nth-child(1) { background-image: url("../img/hover/btn.png"); }

.content .wrap .swiper .navbar .button:nth-child(2) { background-image: url("../img/hover/btn.png"); }

.content .wrap .swiper .navbar .button:nth-child(3) { background-image: url("../img/hover/btn.png"); }

.content .wrap .swiper .navbar .button:nth-child(4) { background-image: url("../img/hover/btn.png"); }

.content .wrap .swiper .text { width: 100%; }

.content .wrap .swiper .text .group.active { display: block; }

.content .wrap .swiper .text .about-new2 { display: none; }

.content .wrap .swiper .text .group { display: none; margin-top: 43px; padding-bottom: 46px; }

.content .wrap .swiper .text .group > img { max-height: 61px; }

.content .wrap .swiper .text .group img { width: 100%; max-width: 367px; margin: auto; position: relative; left: 50%; -webkit-transform: translateX(-50%); -ms-transform: translateX(-50%); transform: translateX(-50%); }

.content .wrap .swiper .text .group p { text-align: center; color: #f3c887; margin: 0; line-height: 1.5rem; margin-top: 19px; font-size: 30px; line-height: 30px; }

.content .wrap .swiper .text .group p + p { margin-top: 0; margin-bottom: 21px; }

.content .wrap .swiper .text .group .variable .v-item, .content .wrap .swiper .text .group .variable2 .v-item, .content .wrap .swiper .text .group .variable3 .v-item, .content .wrap .swiper .text .group .variable4 .v-item { font-size: 0; border: solid 1.5px #e4c17c; }

.content .wrap .swiper .text .group .variable .v-item img, .content .wrap .swiper .text .group .variable2 .v-item img, .content .wrap .swiper .text .group .variable3 .v-item img, .content .wrap .swiper .text .group .variable4 .v-item img { left: 25%; max-width: 449px; display: inline-block; }

.content .wrap .swiper .text .group .tns-outer { position: relative; text-align: center; max-width: 901px; margin: auto; }

.content .wrap .swiper .text .group .tns-outer img { max-width: 449px; display: inline-block; }

.content .wrap .swiper .text .group .tns-outer .tns-nav { position: absolute; width: 100%; bottom: -28px; z-index: 1; }

.content .wrap .swiper .text .group .tns-outer .tns-nav .tns-nav-active { background-color: #f3c887; border-style: none; }

.content .wrap .swiper .text .group .tns-outer .tns-nav button { position: relative; margin-right: 21px; -webkit-transform: translateX(30%); -ms-transform: translateX(30%); transform: translateX(30%); height: 2px; width: 42px; background-color: #e9c28849; border: none; outline: none; }

.content .wrap .swiper .text .group .tns-outer .tns-nav button:focus { background-color: #f3c887; }

.content .wrap .swiper .text .group .tns-outer [aria-controls] { width: 50px; height: 50px; position: absolute; border: none; z-index: 1; top: 50%; -webkit-transform: translate(-50%); -ms-transform: translate(-50%); transform: translate(-50%); }

.content .wrap .swiper .text .group .tns-outer button[data-controls='prev'] { background-color: transparent; color: transparent; background-image: url("../img/left.png"); background-repeat: no-repeat; left: 2px; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); outline: none; }

.content .wrap .swiper .text .group .tns-outer button[data-controls='next'] { background-color: transparent; color: transparent; background-image: url("../img/right.png"); background-repeat: no-repeat; right: 1px; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); outline: none; }

.content .wrap .swiper .text .group .variable2 { max-width: 900px; margin: auto; }

.content .wrap .swiper .text .group .variable2 .v-item { font-size: 0; }

.content .wrap .swiper .text .group .variable2 .v-item img { left: 50%; max-width: 450px; }

.content .wrap .swiper .text .group .variable3 .v-item { font-size: 0; }

.content .wrap .swiper .text .group .variable3 .v-item img { left: 50%; max-width: 900px; }

.content .wrap .swiper .text .group .variable3 .v-item img + img { display: none; }

.content .wrap .swiper .text .group .variable4 .v-item { font-size: 0; }

.content .wrap .swiper .text .group .variable4 .v-item img { left: 50%; max-width: 900px; }

.content .wrap .swiper .text .group .slick-prev, .content .wrap .swiper .text .group .slick-next { width: 47px; height: 47px; }

.content .wrap .swiper .text .group .slick-prev { left: 0; z-index: 1; background-image: url("../img/left.png"); background-repeat: no-repeat; }

.content .wrap .swiper .text .group .slick-prev::before { content: ''; }

.content .wrap .swiper .text .group .slick-next { right: 0; background-image: url("../img/right.png"); background-repeat: no-repeat; }

.content .wrap .swiper .text .group .slick-next::before { content: ''; }

.content .wrap .swiper .share.active .share-link { display: block; }

.content .wrap .swiper .share { margin: 0 auto; margin-top: 65px; margin-bottom: 40px; max-width: 78px; position: relative; cursor: pointer; padding: 24px; }

.content .wrap .swiper .share img { position: relative; left: 50%; -webkit-transform: translateX(-50%); -ms-transform: translateX(-50%); transform: translateX(-50%); margin: auto; }

.content .wrap .swiper .share .share-link { position: absolute; top: -65px; max-width: 124px; max-height: 60px; left: 50%; -webkit-transform: translateX(-50%); -ms-transform: translateX(-50%); transform: translateX(-50%); display: none; }

.content .wrap .swiper .share .share-link a { display: block; position: absolute; z-index: 1; left: 0; width: 50%; height: 100%; }

.content .wrap .swiper .share .share-link a + a { display: none; }

.content .wrap .swiper .share .share-link a + a + a { left: 50%; display: block; }

.content .wrap .swiper .share .share-link img { max-width: 192px; height: auto; }

.content .wrap .swiper .share .share-link img + img { display: none; }

.content .toggle { cursor: pointer; position: fixed; display: none; z-index: 11; right: 2.66667vw; top: 2.66667vw; border-radius: 0.53333vw; overflow: hidden; }

.content .toggle .open { width: 8.13333vw; height: 6.66667vw; padding: 2.13333vw; }

.content .toggle .open img { width: 100%; }

.content .toggle .close { width: 8.13333vw; height: 6.66667vw; padding: 2.13333vw; }

.content .toggle .close img { width: 100%; }

.content .toggle .btn { position: relative; right: 0; z-index: 2; }

.content .toggle .btn img { vertical-align: middle; width: 100%; }

.content .toggle .close { display: none; }

.content .barlink { display: none; position: fixed; z-index: 4; top: 0; right: 0; width: 100%; height: 100vh; max-width: 60vw; background-color: rgba(90, 22, 23, 0.83); font-size: 4vw; }

.content .barlink .group { margin-top: 16.26667vw; margin-bottom: 5.86667vw; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; white-space: nowrap; }

.content .barlink .group a { color: #f6afae; -webkit-box-flex: 1; -ms-flex: 1; flex: 1; position: relative; border: none; text-align: center; }

.content .barlink .group a:nth-child(1):after { content: ''; display: block; height: 4vw; width: 0.4vw; background-color: #f6afae; position: absolute; right: 0; top: 50%; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); }

.content .barlink a { color: #f6afae; display: block; text-decoration: none; padding: 2.66667vw; border-top: solid 1px #ff7878; }

.content .barlink a:nth-child(6) { padding-top: 5.33333vw; padding-bottom: 5.33333vw; }

.content .barlink a:nth-child(5) img { display: none; }

.newshare .notice__share-tip, .share .notice__share-tip { position: absolute; top: -64px; left: 50%; -webkit-transform: translateX(-50%); -ms-transform: translateX(-50%); transform: translateX(-50%); font-size: 0; background-color: #282828; border-radius: 12px; -webkit-transition: all .4s; -o-transition: all .4s; transition: all .4s; display: none; min-width: 140px; }

@media screen and (max-width: 768px) { .newshare .notice__share-tip, .share .notice__share-tip { top: -8.53333vw; border-radius: 1.6vw; } }

.newshare .notice__share-tip .line__share, .share .notice__share-tip .line__share { display: none; width: 40px; }

.newshare .notice__share-tip .line__share img, .share .notice__share-tip .line__share img { width: 100%; display: block; }

@media screen and (max-width: 768px) { .newshare .notice__share-tip .line__share, .share .notice__share-tip .line__share { display: inline-block; width: 8vw; } }

.newshare .notice__share-tip .share__fb, .share .notice__share-tip .share__fb { width: 40px; }

@media screen and (max-width: 768px) { .newshare .notice__share-tip .share__fb, .share .notice__share-tip .share__fb { display: inline-block; width: 8vw; } }

.newshare .notice__share-tip .share__fb img, .share .notice__share-tip .share__fb img { width: 100%; display: block; }

.newshare .notice__share-tip .link__share, .share .notice__share-tip .link__share { width: 40px; }

@media screen and (max-width: 768px) { .newshare .notice__share-tip .link__share, .share .notice__share-tip .link__share { display: inline-block; width: 8vw; } }

.newshare .notice__share-tip .link__share img, .share .notice__share-tip .link__share img { width: 100%; display: block; }

.newshare .notice__share-tip.show, .share .notice__share-tip.show { display: block; }

@media screen and (max-width: 768px) { .newshare .notice__share-tip.show, .share .notice__share-tip.show { display: -webkit-box; display: -ms-flexbox; display: flex; } }

.newshare .notice__share-tip:before, .share .notice__share-tip:before { content: ""; border-top: 14px solid #282828; border-left: 6px solid transparent; border-right: 6px solid transparent; position: absolute; bottom: -14px; left: 50%; -webkit-transform: translateX(-50%); -ms-transform: translateX(-50%); transform: translateX(-50%); }

@media screen and (max-width: 768px) { .newshare .notice__share-tip:before, .share .notice__share-tip:before { bottom: -1.86667vw; border-top-width: 1.86667vw; border-left-width: 0.8vw; border-right-width: 0.8vw; } }

.newshare .notice__share-tip > div, .share .notice__share-tip > div { padding: 11px 15px; display: inline-block; cursor: pointer; -webkit-box-sizing: content-box; box-sizing: content-box; }

@media screen and (max-width: 768px) { .newshare .notice__share-tip > div, .share .notice__share-tip > div { padding: 1.46667vw 2vw; } }

@media screen and (max-width: 768px) { .newshare .notice__share-tip { left: 19%; } }

.menu-wrap { width: 100%; height: 100%; position: fixed; top: 0; left: 0; background-color: rgba(0, 0, 0, 0.5); }

@media screen and (max-width: 768px) { .content .barlink .barlink__li { padding: 3.2vw 3.2vw 3.2vw 6.93333vw !important; } }

@media (max-width: 768px) { .content { min-width: 100%; background-size: 150%; background-position: center top, center 104vw; }
  .content .effect img { width: 86%; left: 10.3%; top: 1.2%; -webkit-transform: translateX(1%); -ms-transform: translateX(1%); transform: translateX(1%); }
  .content .new { display: none; }
  .content .toggle { display: block; }
  .content .barlink a { position: relative; }
  .content .barlink a .share-link { position: absolute; bottom: 70%; -webkit-transform: translateX(-50%); -ms-transform: translateX(-50%); transform: translateX(-50%); }
  .content .barlink a .share-link img { width: 80%; }
  .content .barlink .newshare .share-link.active { display: block; }
  .content .barlink .newshare { color: #f6afae; border-top: solid 1px #ff7878; position: relative; padding: 2.66667vw; }
  .content .barlink .newshare .share-link { display: none; max-width: 28.4vw; max-height: 9.46667vw; bottom: 90%; left: 0; -webkit-transform: translateX(-50%); -ms-transform: translateX(-50%); transform: translateX(-50%); position: absolute; }
  .content .barlink .newshare .share-link img { width: 100%; }
  .content .barlink .newshare .share-link a { padding: 0; width: 33%; height: 75%; left: 0; display: block; position: absolute; border: none; }
  .content .barlink .newshare .share-link a + a { left: 33%; }
  .content .barlink .newshare .share-link a + a + a { left: 66%; }
  .content .wrap .header { height: 15.06667vw; }
  .content .wrap .header > a img { max-width: 22.4vw; }
  .content .wrap .header .btn-group { display: none; }
  .content .wrap .about .about-title { margin-bottom: auto; margin-top: 20vw; }
  .content .wrap .about .about-title > img { display: none; }
  .content .wrap .about .about-title img { max-width: 171.06667vw; left: 50%; }
  .content .wrap .about .about-title .mb { width: 100%; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; }
  .content .wrap .about .about-title .mb img:nth-child(2) { margin-top: -11.33333vw; }
  .content .wrap .about .about-title .mb img + img { width: 34.66667vw; }
  .content .wrap .about .about-select { max-width: 65.33333vw; margin-top: 4vw; margin-bottom: 10.8vw; }
  .content .wrap .about .about-select .pc { display: none; }
  .content .wrap .about .about-select .mb { display: block; }
  .content .wrap .about .about-new { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; }
  .content .wrap .about .about-new a { width: 36.53333vw; height: 9.73333vw; margin-right: 4.24vw; }
  .content .wrap .about .about-new a .item { width: 36.53333vw; height: 9.73333vw; }
  .content .wrap .about .about-new a + a { margin-left: 0; margin-left: 4.24vw; margin-right: 0; }
  .content .wrap .about .gift { margin-top: 8.48vw; margin-bottom: 10.93333vw; overflow: hidden; }
  .content .wrap .about .gift .pc { display: none; }
  .content .wrap .about .gift .mb { display: block; }
  .content .wrap .about .gift .stone { margin-bottom: 11.33333vw; }
  .content .wrap .about .gift .stone .group { display: -webkit-box; display: -ms-flexbox; display: flex; }
  .content .wrap .about .gift .stone .group .item p { font-size: 4vw; white-space: nowrap; }
  .content .wrap .swiper .navbar { display: none; }
  .content .wrap .swiper .text .group { margin-top: 0; padding-bottom: 12.93333vw; display: block; }
  .content .wrap .swiper .text .group p { font-size: 3.73333vw; margin-top: 3.46667vw; line-height: 4vw; }
  .content .wrap .swiper .text .group p + p { margin-bottom: 3.33333vw; margin-right: 0.02667vw; margin-left: 0.02667vw; }
  .content .wrap .swiper .text .group img { max-width: 40vw; }
  .content .wrap .swiper .text .group .variable .v-item img { width: 50%; }
  .content .wrap .swiper .text .group .variable3 .v-item img { display: none; }
  .content .wrap .swiper .text .group .variable3 .v-item img + img { display: block; }
  .content .wrap .swiper .text .group .variable2 { margin: 0 1.33333vw; margin-bottom: -2.8vw; }
  .content .wrap .swiper .text .group .variable2 .v-item img { max-width: 53.33333vw; }
  .content .wrap .swiper .text .group .tns-outer { margin: 0 1.33333vw; }
  .content .wrap .swiper .text .group .tns-outer .tns-nav { bottom: -22px; }
  .content .wrap .swiper .text .group .tns-outer .tns-nav button { margin-right: 2.8vw; height: 0.26667vw; width: 5.6vw; }
  .content .wrap .swiper .text .group .tns-outer [aria-controls] { width: 6.66667vw; height: 6.66667vw; background-size: contain; }
  .content .wrap .swiper .text .about-new2 { margin-top: 1.64vw; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; position: relative; }
  .content .wrap .swiper .text .about-new2 a { width: 38.10667vw; height: 10.14667vw; }
  .content .wrap .swiper .text .about-new2 a .item { width: 38.10667vw; height: 10.14667vw; background-size: cover; background-position: center; background-image: url("../img/images/btn-about.jpg"); }
  .content .wrap .swiper .text .about-new2 a .item:hover { background-image: url("../img/images/btn-about-hover.jpg"); }
  .content .wrap .swiper .text .about-new2 .top { position: absolute; right: 9.33333vw; top: 50%; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); cursor: pointer; }
  .content .wrap .swiper .text .about-new2 .top img { max-width: 14.93333vw; }
  .content .wrap .swiper .text .share.active .share-link { display: none; }
  .content .wrap .swiper .text .share { margin-top: 7.98667vw; position: relative; cursor: pointer; margin-bottom: 2.53333vw; width: 11.2vw; padding-bottom: 0; }
  .content .wrap .swiper .text .share .share-link { position: absolute; top: -10.66667vw; max-width: 28.4vw; max-height: 9.46667vw; display: none; }
  .content .wrap .swiper .text .share .share-link a { width: 33%; }
  .content .wrap .swiper .text .share .share-link a .line { display: block; }
  .content .wrap .swiper .text .share .share-link a + a { left: 33%; display: block; }
  .content .wrap .swiper .text .share .share-link a + a + a { left: 66%; }
  .content .wrap .swiper .text .share .share-link img { max-width: 25.6vw; height: auto; display: none; }
  .content .wrap .swiper .text .share .share-link img + img { display: block; } }
/*# sourceMappingURL=style.css.map */