* {
     margin: 0;
     padding: 0;
 }

 body {
     font-size: 14px;
     font-family: "Arial", "Microsoft YaHei", sans-serif;
 }

 body {
     font-size: .875rem;
     background-color: #171717;
     -webkit-font-smoothing: antialiased;
     color: #000;
 }

 body.is-med {
     overflow: hidden;
     position: static !important;
     width: 100%;
     height: 100%;
     -ms-touch-action: none;
     touch-action: none;


 }

 .is-med .container,
 .is-med .nav {

     opacity: 0.6;
     visibility: visible;
     background-color: #000;
 }



 a {
     text-decoration: none;
     color: #fff;
 }

 ul li {
     list-style: none;
 }

 .both {
     clear: both;
 }

 #topBg {
     position: absolute;
     width: 100%;
     top: 0;
     right: 0;
     left: 0;
     z-index: 1;
     overflow: hidden;

 }

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


 #topBg::before {
     content: "";
     position: absolute;
     top: 0;
     left: 0;
     width: 100%;
     height: 100%;
     vertical-align: top;
     pointer-events: none;
     z-index: 10;
     background: linear-gradient(180deg, rgba(27, 22, 19, 0) 39.47%, #1B1613 94.78%), rgba(0, 0, 0, .16);
 }

 #topBg::after {
     content: "";
     position: absolute;
     top: 0;
     left: 0;
     width: 100%;
     height: 100%;
     vertical-align: top;
     pointer-events: none;
     z-index: 10;
     background: url(../images/video_mask_pc.png) no-repeat 50% 100%;
     background-size: auto 100%;
     overflow: hidden;
 }




 .header {
     position: relative;
     width: 100%;
     height: 57px;
     display: flex;
     justify-content: space-between;
     background-color: rgba(0, 0, 0, .5);
     z-index: 100;
 }

 .header .left {
     display: flex;
     justify-content: space-between;
 }

 .header .fold {
     position: relative;
     width: 52px;
     height: 50px;
     vertical-align: top;
     font-size: 0;
 }

 .header .btn>span i {
     -webkit-box-sizing: border-box;
     box-sizing: border-box;
     -webkit-font-smoothing: antialiased;
     -moz-osx-font-smoothing: grayscale;
     display: block;
     position: absolute;
     left: 0;
     width: 100%;
     border-top: 2px solid #fff;
     -webkit-transition: all .2s ease;
     transition: all .2s ease;
     -webkit-transform: perspective(1px) translateZ(0);
     transform: perspective(1px) translateZ(0);
 }

 .header .btn>span {
     top: 21px;
     position: absolute;
     display: block;
     width: 20px;
     height: 20px;
     top: 18px;
     left: 16px;
 }

 .header .btn>span i:first-child {
     top: 0;
 }

 .header .btn>span i:nth-child(2) {
     top: 6px;
 }

 .header .btn>span i:nth-child(3) {
     top: 12px;
 }

 .header .btn:hover i:nth-child(1) {
     transform-origin: center bottom;
     transform: translate3d(4px, 1px, 0) rotate(45deg) scaleX(0.7);

 }

 .header .btn:hover i:nth-child(3) {
     transform: translate3d(4px, -1px, 0) rotate(-45deg) scaleX(0.7);
 }


 .header .logo a {
     background-image: url(../images/logo.png);
     width: 114px;
     height: 46px;
     margin-top: 2px;
     display: block;
     background-size: cover;
     background-repeat: no-repeat;
     background-position: center center;
     font-size: 0;
 }



 .ncc-left-panel {
     z-index: 9100026;
     position: fixed;
     top: 0;
     width: 375px;
     height: 100%;
     background: #171717;
     transition: all 0.3s;
     min-width: 320px;
     visibility: hidden;
     transform: translateX(-100%);
 }



 .is-active {
     display: block;
     visibility: visible;
     -webkit-transform: translateX(0);
     transform: translateX(0);
 }



 .ncc-left-panel-wrap {
     position: absolute;
     top: 0;
     left: 0;
     height: 100%;
     width: 100%;
     overflow: hidden;
 }


 .ncc-left-panel-header {

     display: block;
     background-color: #957c5c;
     position: absolute;
     top: 0;
     left: 0;
     width: 100%;
     height: 50px;

     text-align: center;
 }

 .ncc-left-panel-content {
     position: absolute;
     top: 50px;
     bottom: 0;
     left: 0;
     right: 0;
     overflow: hidden;
 }

 .ncc-lnb-m .ncc-lnb-item>a {
     position: relative;
     padding: 15px 18px 16px 24px;
     font-size: 14px;
     color: rgb(255 255 255 / 60%);
 }

 .ncc-lnb-m a {
     display: block;
 }

 .ncc-lnb-item:before {
     content: "";
     height: 1px;
     position: absolute;
     left: 15px;
     right: 15px;
     bottom: 0;
     background-color: hsla(0, 0%, 100%, .08);
 }

 .ncc-lnb-m .ncc-lnb-item {
     position: relative;
     border-bottom: 1px solid transparent;
 }



 .ncc-ncservice-item-plaync {

     display: flex;
     padding: 24px 12px;
 }

 .ncc-ncservice-item-plaync a.plaync::before {
     background-image: url(../svg/ic-services-plaync-dark.svg);
     content: "";

     display: inline-flex;
     width: 16px;
     height: 16px;
     margin: 0px 5px;
     box-sizing: inherit;
 }

 .ncc-ncservice-item-plaync a span {
     color: #ae9473;
     line-height: 20px;
 }

 .ncc-ncservice-item-plaync a {
     border-color: hsla(0, 0%, 100%, .08);
     background-color: hsla(0, 0%, 100%, .04);
     position: relative;
     display: flex;
     flex: 1;
     font-size: 14px;
     color: #495057;
     text-align: center;
     justify-content: center;
     font-size: 13px;
     color: #8c919a;
     padding: 11px 14px 12px;
     box-sizing: border-box;

 }

 .ncc-lnb-header-bi .ncc-bi {
     background-image: url(../images/bi-lineagew-type2.png);
     width: 114px;
     height: 46px;
     margin-top: 2px;
     text-indent: -9999em;
     white-space: nowrap;
     overflow: hidden;
     background-size: cover;
     background-repeat: no-repeat;
     background-position: center center;
     font-weight: 400;
     line-height: 42px;
     text-align: left;
     position: relative;
     display: inline-block !important;
     color: #fff;
 }

 .ncc-left-panel-close {
     position: absolute;
     top: 0;
     left: 0;
     height: 50px !important;
     width: 48px !important;
     z-index: 9100027;
     font: 0/0 a;
     text-shadow: none;
     color: transparent;
     white-space: nowrap;
     height: 18px;
     width: 18px;
     -webkit-box-sizing: border-box;
     box-sizing: border-box;
     line-height: 18px;
     display: inline-block;
 }

 .ncc-left-panel-close:after,
 .ncc-left-panel-close:before {
     content: "";
     position: absolute;
     top: 50%;
     left: 50%;
     margin-top: -1px;
     margin-left: -10px;
     display: block;
     height: 2px;
     width: 20px;
     background-color: #ffffff;
     -webkit-transition: all .2s ease-out;
     transition: all .2s ease-out;
 }


 .ncc-left-panel-close:after {
     -webkit-transform: rotate(45deg);
     transform: rotate(45deg);
 }

 .ncc-left-panel-close:before {
     -webkit-transform: rotate(-45deg);
     transform: rotate(-45deg);
 }

 .ncc-ncservice-item-games-title {
     color: hsla(0, 0%, 100%, .83);
     border-color: hsla(0, 0%, 100%, .12);
     background-color: hsla(0, 0%, 100%, .04);
 }

 .ncc-ncservice-item-games-title {

     display: flex;
     -webkit-box-align: center;

     align-items: center;
     height: 38px;
     font-size: 14px;
     padding-right: 10px;
     padding-left: 24px;
     font-weight: 400;
     line-height: 1.4;

     border-top: 1px solid rgba(140, 134, 134, 0.12);

     border-bottom: 0;
 }

 .ncc-ncservice-item-games ul li {
     border-color: hsla(0, 0%, 100%, .08);
 }


 .ncc-ncservice-item-games ul li a {
     padding: 0 0 0 8px;
     display: flex;
     -webkit-box-align: center;
     color: hsla(0, 0%, 100%, .6);
     text-decoration: none;
     align-items: center;
     height: 100%;
     font-size: 14px;
     font-weight: 500;
 }



 .ncc-left-panel-wrap .ncc-lnb-list a span,
 .ncc-ncservice a span {
     display: inline-block;
     position: relative;
 }


 .ncc-left-panel-wrap .ncc-lnb-list a span:after,
 .ncc-ncservice-item-games__name:after {
     content: "";
     position: absolute;
     left: 0;
     width: 100%;
     height: 1px;
     bottom: 0;
     background-color: currentColor;
     -webkit-transition: all .4s ease;
     transition: all .4s ease;
     opacity: 0;
     -webkit-transform: scaleX(0);
     transform: scaleX(0);
 }


 .ncc-lnb-list a:hover span::after,
 .ncc-ncservice a:hover .ncc-ncservice-item-games__name:after {
     opacity: 0.8;
     transform: scaleX(1);
 }






 .ncc-ncservice-item-games ul li a>span span[class^=icon] {
     position: relative;
     display: inline-block;
     width: 22px;
     height: 22px;
     font-size: 0;
     overflow: hidden;
     margin: 0 4px;
 }

 .ncc-ncservice-item-games ul li a>span span[class^=icon].icon-official:before {
     background-image: url(../svg/ic-games-official-dark.svg);
     content: "";
     display: inline-block;
     width: 22px;
     height: 22px;
 }

 .ncc-ncservice-item-games ul li a>span span[class^=icon].icon-apple:before {
     background-image: url(../svg/ic-games-apple-dark.svg);
     content: "";
     display: inline-block;
     width: 22px;
     height: 22px;
 }

 .ncc-ncservice-item-games ul li a>span span[class^=icon].icon-google:before {
     background-image: url(../svg/ic-games-android-dark.svg);
     content: "";
     display: inline-block;
     width: 22px;
     height: 22px;
 }

 .ncc-ncservice-item-games ul li a>span.ncc-ncservice-item-games__name {
     margin-left: 10px;
     margin-right: auto;
 }

 .ncc-ncservice-item-games ul li a>span.ncc-ncservice-item-games__icon {
     margin-left: auto;
     margin-right: 0;
     display: inline-flex;
     position: relative;
     box-sizing: border-box;
 }

 .ncc-ncservice-item-games ul li {
     width: 100%;
     height: 48px;
     border-bottom: 1px solid hsl(0deg 0% 100% / 8%);
 }

 .header .right {
     padding: 0 15px;
 }

 .header .right a {
     line-height: 50px;
     color: #fff;
     opacity: .7;
     -webkit-transition: opacity .3s ease;
     transition: opacity .3s ease;

 }


 .header .right a:hover {
     opacity: 1;
 }

 .nav {

     position: relative;
     width: 100%;
     height: 58px;
     border-top: 1px solid hsla(0, 0%, 100%, .1);
     background-color: rgba(0, 0, 0, .5);
     z-index: 100;
     overflow: hidden;
 }

 .nav_fixed {
     position: fixed;
     background-color: hsla(0, 0%, 9%, 0.9);
     border-bottom: 1px solid rgba(255, 255, 255, 0.12);
     top: 0px;

 }



 .nav .download {
     position: absolute;
     top: 0;
     right: 0;
 }

 .nav .download a {
     background-image: url(../images/btn-download-zh.png);
     box-sizing: border-box;
     background-color: transparent !important;
     background-size: 190px 58px;
     background-position: 50%;
     background-repeat: no-repeat;
     border: 0;
     -webkit-transition: background-image .6s ease-in-out;
     transition: background-image .6s ease-in-out;
     cursor: pointer;
     display: block;
     font-size: 0;
     width: 190px;
     height: 58px;
 }

 .nav .download a:hover {
     background-image: url(../images/btn-download-hover-zh.png);
 }


 .menu {
     width: 100%;
     height: 58px;

 }


 .menu ul li {
     float: left;
 }

 .menu ul li a {
     color: #fff;
     position: relative;
     display: block;
     height: 58px;
     padding: 0 16px;
     font-size: 15px;
     font-weight: 400;
     line-height: 56px;
     transition: opacity .3s ease;
 }

 .over ul li a {
     opacity: .5;

 }

 .over ul li.on a {
     opacity: 1;

 }

 .container {
     position: relative;
     width: 100%;
     /* z-index: 10; */
 }

 .pic1 {
     position: relative;
     background-image: url('../images/title_0.png');
     background-repeat: no-repeat;
     background-position: center 0;
     margin-top: 60px;
     height: 400px;

 }

 .trailer_btn {
     text-align: center;
     height: 150px;
 }

 .fast {
     width: 100%;
     padding: 0;
     margin-bottom: 40px;
 }

 /* flash1 */
 .flash1 {
     position: relative;
     width: 1000px;
     height: 350px;
     margin: 0 auto;
     padding: 0 80px 20px 80px;
 }

 .flash1 .flash-swiper {
     width: 100%;
     height: 350px;
     overflow: hidden;
 }


 .flash1 .box {

     display: flex;
     justify-content: space-around;
     overflow: hidden;
     transition: all .5s ease-in-out;
 }




 .flash1 .box a {
     position: relative;
     width: 320px;
     height: 320px;
     box-sizing: border-box;
     margin: 3px 6px;

 }



 .flash1 a::after {
     content: '';
     position: absolute;
     top: -3px;
     left: 0;
     width: 100%;
     height: 8px;
     background: url(../images/deco_top_pc.png) no-repeat 50% 0;
     background-size: auto 100%;
     height: 7px;

 }


 .flash1 .box a:before {
     content: "";
     position: absolute;
     top: 0;
     left: 0;
     width: calc(100% - 2px);
     height: calc(100% - 2px);
     border: 1px solid rgba(204, 173, 150, .2);
     border-radius: 0px 0px 4px 4px;
     pointer-events: none;
     z-index: 6
 }



 .flash1 .event__tips {
     position: absolute;
     width: 100%;
     top: 10px;
     left: 10px;
     width: auto;
     padding: 3px 6px 3px 5px;
     background: rgba(0, 0, 0, .4);
     outline: 1px solid rgba(255, 255, 255, .16);
     border-radius: 3px;
     color: var(--ncui-ui-white);
     font-size: 12px;
     line-height: 16px;

 }

 .flash1 .event__pic {
     display: flex;
     justify-content: center;
     align-items: center;
     width: 100%;
     height: 100%;
     border-radius: 0px 0px 4px 4px;
     display: block;
     overflow: hidden;

 }

 .flash1 .event__pic img {
     width: 100%;
     height: 100%;
     /* object-fit: none; */
 }





 .flash1 .event__pic:before {
     content: "";
     position: absolute;
     top: 0;
     left: 0;
     width: 100%;
     height: 100%;
     /* border: 1px solid rgba(204, 173, 150, .2); */
     background: linear-gradient(180deg, rgba(0, 0, 0, 0) 35.41%, rgba(49, 40, 35, 0.7) 107.47%), linear-gradient(180deg, rgba(0, 0, 0, 0) 18.38%, rgba(0, 0, 0, 0.8) 95.11%);
     border-radius: 0px 0px 4px 4px;
 }


 .flash1 .event__title {
     position: absolute;
     bottom: 0;
     left: 0;
     width: 100%;
     height: 87px;
     border-top: 1px solid rgba(204, 173, 150, .08);
     display: flex;
     justify-content: center;
     align-items: center;
     font-weight: 400;
     font-size: 18px;
     line-height: 25px;
     color: rgba(255, 255, 255, 0.83);
     text-shadow: 0px 2px 2px rgba(0, 0, 0, .4);
     z-index: 5;

 }


 .flash1 .swiper-button-prev1 {
     position: absolute;
     top: 40%;
     left: 0;
     font-size: 0;
     width: 70px;
     height: 72px;
     background-image: url(../images/prev_pc.png);
     z-index: 10;
     cursor: pointer;
 }

 .flash1 .swiper-button-next1 {
     position: absolute;
     top: 40%;
     right: 0;
     font-size: 0;
     width: 70px;
     height: 72px;
     background-image: url(../images/next_pc.png);
     z-index: 10;
     cursor: pointer;
 }


 .flash1 .swiper-button-prev1:after,
 .flash1 .swiper-button-next1:after {
     font-size: 0;
 }


 .flash1 .swiper-pagination1 {
     position: absolute;
     bottom: 1px;
     height: 28px;
     font-weight: 400;
     font-size: 15px;
     line-height: 28px;
     text-align: center;
     color: rgba(255, 255, 255, 0.38);
     text-shadow: 1px 1px 0px rgba(0, 0, 0, .4);
     background: url(../images/pagination_bg_pc.png) no-repeat 50% 0;
     filter: drop-shadow(0px 1px 1px rgba(0, 0, 0, 0.26));
     border-radius: 100px;
 }


 .flash1 .swiper-pagination-current {
     color: #ae9473;
 }


 .news {
     height: 801px;
     background: url(../images/bg_pc.jpg) no-repeat 50% 0;
     background-size: 1920px auto;
     overflow: hidden;
 }




 .news .title {
     background: url(../images/subject_pc_zh.png) no-repeat 50% 0;
     background-size: auto 100%;
     height: 55px;
     margin: 120px 0 0;
     text-align: start;
     text-indent: -9999em;
     white-space: nowrap;
     overflow: hidden;
     font-size: 0;

 }

 .news__contents {
     display: flex;
     flex-direction: row;
     justify-content: space-between;
     max-width: 1034px;
     margin: 29px auto 0;
     display: flex;
     padding: 40px 0;


 }


 .nchome-news__cmazit {
     position: relative;
     order: 1;
     width: 52%;
     margin: 0;
     padding: 30px 40px 45px;
 }

 .nchome-news__list {
     order: 2;
     width: 48%;
     max-width: 540px;
     padding: 6px 40px 0 0px;
     box-sizing: border-box;
 }

 .nchome-news__list .list__items {
     min-height: 68px;
     padding: 5px 0;
     display: flex;
     align-items: center;
 }

 .nchome-news__list .list__items:not(:nth-child(1)) {
     border-top: 1px solid rgba(174, 148, 115, .1);
 }

 .nchome-news__list .list__category--notice {
     background: url(../images/icon_notice_pc.png) no-repeat 50% 0;
     background-size: cover;
     width: 44px;
     height: 50px;
     margin: 0 8px 0 0;
     text-align: start;
     text-indent: -9999em;
     white-space: nowrap;
     overflow: hidden;
     font-size: 0;
 }

 .nchome-news__list .list__category--update {
     background: url(../images/icon_update_pc.png) no-repeat 50% 0;
     background-size: cover;
     width: 44px;
     height: 50px;
     margin: 0 8px 0 0;
     text-align: start;
     text-indent: -9999em;
     white-space: nowrap;
     overflow: hidden;
     font-size: 0;
 }

 .nchome-news__list .list__title {
     margin: -1px 0 0 8px;
     font-size: 18px;
     line-height: 25px;
     color: rgba(255, 255, 255, .6);
     text-shadow: 1px 1px 0px rgb(0 0 0 / 40%);
     display: block;
     display: -webkit-box;
     overflow: hidden;
     line-height: 1.4;
     max-height: 2.8em;
     text-overflow: ellipsis;
     word-break: keep-all;
     word-wrap: break-word;
     -webkit-box-orient: vertical;
     -webkit-line-clamp: 2;
     unicode-bidi: plaintext;
     text-align: start;
     unicode-bidi: normal;
 }


 .nchome-news__shortcut {
     position: relative;
     display: flex;
     justify-content: center;
     max-width: 1034px;
     order: 3;
     margin: 0 auto;
     padding: 10px 0px 12px 0px;
     flex-direction: row;
     flex-wrap: wrap;
     align-items: center;
 }

 .shortcut-list {
     position: relative;
     width: 100%;
     max-width: 100%;
     height: 92px;
     justify-content: center;
     background: url(../images/shortcut_bg_pc.png) no-repeat 100% 100%;
     background-size: auto 100%;
     filter: drop-shadow(0px 4px 4px rgba(0, 0, 0, 0.25));
     border-radius: 4px;
     display: flex;
     flex-direction: row;
     flex-wrap: wrap;
     align-items: center;
 }


 .shortcut__items {
     position: relative;
     max-width: 210px;
     font-size: 20px;
     line-height: 27px;
     color: #ae9473;
     text-shadow: 1px 1px 0px rgb(0 0 0 / 40%);
     background-color: rgba(0, 0, 0, 0);
     border: 0;
     box-shadow: none;
     margin: 3px 6px 3px 0;
     padding: 8px 15px;
     border-radius: 4px;
     text-align: center;
 }

 /* flash2 */

 .flash2 {
     position: relative;
     width: 490px;
     height: 280px;
     padding-top: 26px;

 }

 .flash2 .flash-swiper2 {
     position: relative;
     width: 100%;
     height: 280px;
     overflow: hidden;

 }

 .flash2 .flash-swiper2:before {
     content: "";
     position: absolute;
     top: 0;
     left: 0;
     width: 100%;
     height: 2px;
     background: radial-gradient(31.86% 60958.79% at 51.2% 500%, #C4B3A3 0%, #7B6754 100%);
     box-shadow: 0px 1px 2px rgb(0 0 0 / 15%);
     z-index: 5;
 }



 .flash2 .swiper-button-prev2 {
     position: absolute;
     bottom: 20px;
     right: 80px;
     font-size: 0;
     width: 15px;
     height: 24px;
     background-image: url(../images/prev.png);
     background-repeat: no-repeat;
     background-size: cover;
     z-index: 10;
     cursor: pointer;
 }

 .flash2 .swiper-button-next2 {
     position: absolute;
     bottom: 20px;
     right: 20px;
     font-size: 0;
     width: 15px;
     height: 24px;
     background-image: url(../images/next.png);
     background-repeat: no-repeat;
     background-size: cover;
     z-index: 10;
     cursor: pointer;
 }



 .flash2 .swiper-button-prev2:after,
 .flash2 .swiper-button-next2:after {
     font-size: 0;
 }

 .flash2 .swiper-pagination2 {
     position: absolute;
     width: 40px;
     bottom: 22px;
     right: 30px;
     font-size: 13px;
     line-height: 19px;
     left: auto;
     color: rgba(255, 255, 255, .3);
     text-shadow: 1px 1px 0px rgb(0 0 0 / 40%);
     z-index: 10;
 }

 .flash2 .box {
     width: 490px;
     height: 280px;
 }


 .flash2 .event__tips {
     position: absolute;
     width: 100%;
     left: 20px;
     bottom: 50px;
     color: #ae9473;
     font-size: 18px;
 }

 .flash2 .event__title {
     position: absolute;
     bottom: 20px;
     left: 20px;
     font-weight: 400;
     font-size: 18px;
     line-height: 25px;
     color: rgba(255, 255, 255, 0.83);


 }





 .flash2 .event__pic img {
     width: 490px;
     height: 280px;
 }

 /* flash3 */


 .flash3 {
     position: relative;
     width: 100%;
     height: 1000px;
 }

 .flash3 .flash-swiper3 {
     width: 100%;
     height: 1000px;
 }



 .nchome-story {
     position: relative;
     height: 1000px;
     background-color: #000;
     overflow: hidden;
 }

 .nchome-story__subject {
     background: url(../images/game_pc_zh.png) no-repeat 50% 0;
     background-size: auto 100%;
     height: 202px;
     position: absolute;
     left: 0;
     width: 100%;
     height: 199px;
     text-align: start;
     text-indent: -9999em;
     white-space: nowrap;
     overflow: hidden;
     font-size: 0;
     z-index: 15;
     pointer-events: none;
 }

 .nchome-story__frame {
     position: absolute;
     top: 60px;
     bottom: 60px;
     left: 60px;
     right: 60px;
     border: 1px solid rgba(255, 255, 255, .08);
     z-index: 15;
     pointer-events: none;
 }


 .frame__top-left,
 .frame__top-right,
 .frame__bottom-left,
 .frame__bottom-right {
     position: absolute;
     width: 6px;
     height: 6px;
     background: url(../images/frame_dot_pc.png) no-repeat 50% 0;
     background-size: cover;
 }


 .frame__top-left {
     top: -3px;
     left: -3px;

 }

 .frame__top-right {
     top: -3px;
     right: -3px;

 }

 .frame__bottom-left {
     bottom: -3px;
     left: -3px;
 }

 .frame__bottom-right {
     bottom: -3px;
     right: -3px;
 }



 .nchome-story .swiper-button-prev {
     background-image: url(../images/prev_pc3.png);
     left: 45px;
     right: initial;

 }

 .nchome-story .swiper-button-next {
     background-image: url(../images/next_pc3.png);
     right: 45px;
     left: initial;

 }


 .nchome-story .swiper-button-prev::after,
 .nchome-story .swiper-button-next::after {
     font-size: 0;
 }

 .nchome-story .story__visual {
     position: absolute;
     top: 0;
     left: 0;
     width: 100%;
     height: 100%;
     background-repeat: no-repeat;
     background-position: 50% 0;
     background-size: auto 100%;
     z-index: -1;
 }


 .nchome-story .story__visual .video {
     width: 100%;
     height: 100%;
     object-fit: cover;
 }

 .nchome-story .story__contents {
     position: relative;
     display: flex;
     flex-direction: column;
     justify-content: center;
     align-items: center;
     width: 100%;
     height: 100%;
     padding: 6px 16px 0;


 }

 .nchome-story .story__title {
     width: 800px;
     height: auto;

 }

 .nchome-story .story__title>* {
     opacity: 1;
     transform: none;
 }

 /* .nchome-story .story__title>*:nth-child(1) {
     transition-delay: 0.3s;
 } */

 .flash3 .swiper-slide-active .story__contents {
     animation-name: example;
     animation-duration: 3s;

 }

 @keyframes example {
     0% {
         opacity: 0;
         transform: translateY(100px);
     }

     100% {
         opacity: 1;
         transform: translateY(px);
     }
 }








 .nchome-story .story__subtitle {
     margin: 15px auto 58px;
     font-size: 22px;
     line-height: 26px;
     color: rgb(255 255 255 / 83%);
 }

 .nchome-story .story__btn-wrap {
     display: flex;
     overflow: hidden;


 }

 .nchome-story .story__btn-wrap .story__btn--detail {
     background: url(../images/btn_detail_pc1_zh.png) no-repeat 50% 0;
     background-size: cover;
     width: 200px;
     height: 80px;
     text-align: start;
     text-indent: -9999em;
     white-space: nowrap;
     overflow: hidden;
     font-size: 0;
 }

 .flash3 .swiper-pagination {
     position: absolute;
     text-align: center;
     transition: .3s opacity;
     transform: translate3d(0, 0, 0);
     bottom: 37px !important;
     z-index: 50;

 }

 .nchome-story .swiper-pagination-bullet {
     width: 42px;
     height: 42px;
     margin: 0 2px !important;
     background: url(../images/pagination_off_pc.png) no-repeat 50% 0;
     opacity: 1;
     background-color: rgba(0, 0, 0, 0);
     border-radius: 0;
 }


 .nchome-story .swiper-pagination-bullet-active {
     background: url(../images/pagination_on_pc.png) no-repeat 50% 0;
 }


 /* flash4 */
 .flash-swiper4 {
     position: relative;
     width: 100%;
     height: 100%;
     padding-top: 100px;
     overflow: hidden;
     margin: 0 auto;

 }


 .flash-swiper4 .swiper-wrapper {
     left: 50%;
 }



 .flash-swiper4 .swiper-slide-active {

     width: 800px !important;
     height: 640px;
     padding: 0 40px;
     box-sizing: border-box;
 }




 .items:not(.swiper-slide-active) {
     width: 500px !important;
     height: 270px;
     margin: 67px 0 0;
     padding: 0 10px;
     opacity: .4;

 }

 .swiper-slide-active .guide__contents:before {
     content: "";
     position: absolute;
     top: -13px;
     left: 0;
     width: 100%;
     height: 52px;
     background: url(../images/deco_bottom.png) no-repeat 50% 0;
     background-size: auto 100%;
     pointer-events: none;
     z-index: 5;
 }


 .nchome-guide .swiper-slide-active .guide__visual {
     height: 405px;
     border-radius: 0px 0px 4px 4px;
     filter: drop-shadow(6px 6px 8px rgba(0, 0, 0, 0.25));
     will-change: opacity;
     overflow: hidden;
 }

 .items:not(.swiper-slide-active) .guide__title {
     max-height: 36px;
     font-size: 22px;
     line-height: 33px;
 }

 .items:not(.swiper-slide-active) .guide__contents {
     position: absolute;
     left: 0;
     right: 0;
     bottom: 20px;
     overflow: hidden;
     will-change: opacity;
 }



 .items:not(.swiper-slide-active) .guide__desc,
 .items:not(.swiper-slide-active) .guide__btn-wrap {
     display: none;
 }




 .items:not(.swiper-slide-active) .guide__visual .mask {
     background: linear-gradient(180deg, rgba(0, 0, 0, 0) 24.81%, rgba(0, 0, 0, 0.6) 100%);
     will-change: opacity;
 }



 .flash-swiper4 .swiper-button-prev {
     position: absolute;
     font-size: 0;
     top: 278px;
     left: 50%;
     right: initial;
     margin-left: -390px;
     margin-right: initial;
     width: 64px;
     height: 72px;
     background-image: url(../images/prev_pc4.png);
     background-repeat: no-repeat;
     background-size: cover;
     z-index: 10;
     cursor: pointer;
 }

 .flash-swiper4 .swiper-button-next {
     position: absolute;
     font-size: 0;
     width: 64px;
     height: 72px;
     background-image: url(../images/next_pc4.png);
     background-repeat: no-repeat;
     background-size: cover;
     z-index: 10;
     cursor: pointer;
     top: 278px;
     right: 50%;
     left: initial;
     margin-right: -390px;
     margin-left: initial;

 }


 .flash-swiper4 .swiper-button-prev:after,
 .flash-swiper4 .swiper-button-next:after {
     font-size: 0;
 }


 .flash-swiper4 .video {
     position: absolute;
     top: 0;
     left: 0;
     width: 100%;
     height: 100%;
     object-fit: cover;
     z-index: -1;
 }


 .nchome-guide .swiper-slide-active .nchome-guide__items-inner:before {
     display: block;
     content: "";
     position: absolute;
     top: -58px;
     left: 0;
     width: 100%;
     height: 58px;
     background: url(../images/deco_top.png) no-repeat 50% 0;
     background-size: auto 100%;
     pointer-events: none;
     z-index: 5;
 }



 .nchome-guide .guide__visual .border {
     position: absolute;
     left: 0px;
     top: 0px;
     right: 0px;
     bottom: 0px;
     border: 1px solid rgba(204, 173, 150, .2);
     border-radius: 4px;
     pointer-events: none;
     z-index: 10;
 }

 .nchome-guide .swiper-slide-active .guide__visual .border:after {
     display: block;
     content: "";
     box-sizing: border-box;
     border-top: 2px solid rgba(0, 0, 0, 0);
     border-image: radial-gradient(31.86% 60958.79% at 51.2% 500%, #C4B3A3 0%, #7B6754 100%);
     border-image-slice: 1;
     border-image-width: 2px 0 0 0;
 }

 .nchome-guide .guide__visual {
     position: relative;
     background-repeat: no-repeat;
     background-size: cover;
     overflow: hidden;
     filter: drop-shadow(4px 4px 6px rgba(0, 0, 0, 0.25));
     height: 100%;
     border-radius: 4px;
 }

 .nchome-guide {
     position: relative;
     width: 100%;
     height: 1030px;
     overflow: hidden;
     background: url(../images/guide_bg_pc.jpg) no-repeat 50% 0;
     background-color: #1b1613;
 }

 .nchome-guide__subject {
     width: 100%;
     height: 55px;
     margin: 120px auto 30px;
     background: url(../images/subject_pc_zh4.png) no-repeat 50% 0;
     background-size: auto 100%;
     text-align: start;
     text-indent: -9999em;
     white-space: nowrap;
     overflow: hidden;
 }

 .nchome-guide__items-inner {
     position: relative;
     left: 50%;
     height: 100%;
     transform: translate(-50%, 0);
     will-change: transform;
 }

 .guide__visual {
     height: 405px;
     border-radius: 0px 0px 4px 4px;
     filter: drop-shadow(6px 6px 8px rgba(0, 0, 0, 0.25));
     will-change: opacity;
     overflow: hidden;
 }

 .guide__contents {
     position: relative;
     padding: 39px 0 0;
     display: flex;
     flex-direction: column;
     align-items: center;
     justify-content: center;
     width: 85%;
     margin: 0 auto;
 }

 .guide__title {
     width: 100%;
     max-height: 48px;
     font-size: 34px;
     line-height: 46px;
     color: #ffffff;
     text-align: center;
     text-shadow: 0px 0px 5px rgb(255 194 141 / 80%);
     text-overflow: ellipsis;
     word-break: break-all;
     word-wrap: break-word;
     -webkit-box-orient: vertical;
     -webkit-line-clamp: 1;
 }

 .guide__desc {
     max-height: 54px;
     font-size: 18px;
     line-height: 27px;
     width: 100%;

     margin: 12px 0 0;
     font-weight: 400;
     line-height: 20px;
     color: rgb(255 255 255 / 60%);
     text-shadow: 1px 1px 0px rgb(0 0 0 / 40%);

     text-align: center;
 }

 .nchome-guide .swiper-slide-active .guide__btn-wrap {
     display: flex;
     margin: 14px 0 0;
 }

 .guide__btn--detail {
     background: url(../images/btn_detail_pc_zh4.png) no-repeat 50% 0;
     background-size: cover;
     width: 160px;
     height: 66px;
     text-align: start;
     text-indent: -9999em;
     white-space: nowrap;
     overflow: hidden;
     font-size: 0;
 }



 /* footer */


 .nchome-btn-top {
     position: relative;
     display: flex;
     justify-content: flex-end;
     margin: -59px 11px 6px;
     z-index: 10;
 }


 .nchome-btn-top .btn-top {
     position: fixed;
     right: 16px;
     bottom: 10px;
     width: 48px;
     height: 53px;
     background: url(../images/btn_top.png) no-repeat 50% 0;
     background-size: cover;
     text-align: start;
     text-indent: -9999em;
     white-space: nowrap;
     overflow: hidden;
     font-size: 0;
     border: 0;
     cursor: pointer;
 }



 .footer {
     width: 100%;
     padding: 30px 0 60px;
     text-align: center;
     background-color: #f6f6f6;
 }

 .footer-sns>.footer-sns-list {
     margin: 30px 0 0;
     font-size: 0;
     text-align: center;
 }

 .footer-sns-item {
     display: inline-block;
     width: 45px;
     height: 45px;
     margin: 0 4px;
 }

 .footer-sns-item a {
     text-align: left;
     text-indent: -9999em;
     white-space: nowrap;
     overflow: hidden;
     display: block;
     width: 100%;
     height: 100%;
     outline: 0;
     background-size: 45px;
 }



 .footer-links {
     margin-top: 20px;
     padding: 13px 0;
     border-top: 1px solid #eee;
     border-bottom: 1px solid #eee;
 }

 .footer-links-list .footer-links-item {
     padding: 0 11px;
 }

 .footer-links ul li {
     display: inline-block;
     font-size: 14px;

 }

 .footer-links ul li a {
     color: rgba(63, 62, 62, 0.6);
 }

 .footer-copyright {
     margin: 0;
     padding: 10px;
     font-size: 12px;
     line-height: 18px;
     color: rgba(63, 62, 62, 0.6);
 }



 .footer-logo-wrap .footer-logo {
     display: flex;
     font-size: 0;
     align-items: center;
     justify-content: center
 }

 .footer-logo-wrap .footer-logo+.footer-logo {
     margin-left: 22px
 }

 .footer-logo-wrap .footer-logo+.footer-logo:before {
     display: inline-block;
     margin-right: 22px;
     width: 1px;
     height: 18px;
     content: "";

 }

 .footer-logo-wrap .footer-logo.ncsoft:after {
     content: '';
     width: 47px;
     height: 25px;
     background-size: 47px 25px;

 }

 .footer-sns-item-youtube a {
     background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAFoAAABaBAMAAADKhlwxAAAABGdBTUEAALGPC/xhBQAAAAFzUkdCAK7OHOkAAAAhUExURUdwTCYmJgEBASQkJCYmJgEBAQICAgMDAxMTEwUFBQcHB7hmWbAAAAALdFJOUwAUtAkQoY17I1tA4NQ9WgAAAdlJREFUWMOll79Ow0AMxoOSB6gVS1DGSi1/plTpAzSiC2ukPEA7VKywFEYYqNQRCaGuSKA+JoE27Tnx5e6j3/yT85198dlB0FCYZhkx3ySBW+mEKnHqYMMRmWqPH2YkxQkAl0oQ2IrrsM2MDpe4Bo/IpljxQXYl3j5ULxG1aVyjW+F68PbQRB0gdC24K7QMnhEQPCS3DjkfetAxYKSU/xnNCg296BgxUlkJ/eBdVk486Q5guzJOvkJsb41H3nQHsL01LujVx2JeFL1fFcV8sd7UabM2r726HuUxzUOe5Q26/yyOadKnvabuBW2m5EWhL8U1NOv+qdDXIoUm/abQV4I2E/ig0BcihSY92xG5lc4U+s74SN9KVzGn3VylWaf5NnfTFTElXu6Di9KTShMtIZreEZq/EPpbdaKf0riOVnqfQermQL7Pfaqzr/zsUPmBoF23amC9g+4bi/0NEfSnYX8x1iGw7iMSvmztbFzrmrxai675tGntsSx78KTRkf27/Rh+SXwf193zir2AEfS6Yi+3p3H+18SBTTPYpAROYdiEh02PHuccB8BoykdM1I7gfNQmgG0Z4AaDbUfg5mXb6qxLIALrOLS8JsAWHbu29DTz39C38bM/VIn7A4A7I4MKFV0EAAAAAElFTkSuQmCC);
 }

 .footer-sns-item-youtube a:hover {
     background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAFoAAABaCAMAAAAPdrEwAAAABGdBTUEAALGPC/xhBQAAAAFzUkdCAK7OHOkAAAA8UExURUdwTPgAAIsVFa8NDf0AAPYBAfoAACYmJiQkJCYmJt0FBesDA/ACAv8AAP////9BQf+oqP/f3/8gIP9lZRG1pG4AAAANdFJOUwC1IzHhpcQUCRBae4mSMtQIAAABzklEQVRYw9WZ627CMAyFaUNiuzd2ef93XejExLo62E0OaOcPQkgfRydp6tink0XMLCSUlT+E+dREGboyN6rmX82qqqGXuDc6CLyKUWA/3AF2xuICr3CIZU8qTIfEgDDMoRwmP2RTjQTkeRXIc9G3UL1w5H3fTE3EMPIeW1qhCUfexs3UUIwyvYmkqenftqmxYKbvbROhbHN7NEO2x71tgOmbbR3dD2OMXTpfNf/o+i2lLk7jEB6gtTxCmh8qhlIimulwng069wXbGjrOJnUFtJJHPxvV6+ef8q+DFT3oYSu/TFb0qKIro86bRA1bQycrWl9HMaIv75/K9nOjt7v6sixvHx60eND7cD963kMve6mojzq50Bl+gaH/pvIf0I5AfMu4eJbRt/lQ+xr2yPwN+VtJRWvHU2c9npL75GtwqGq7b7SiJ/0tI7gXGPC1W7mO8UAd0ttKnFCqzNTCzLBJulC8hunlZBjGKZeTab+cjOPQH65U6XjlzbDSXfAXDoDtZ1zumtt+zkW6rW15VtMC2GpBNoiQbS1gMw7ZQmzCxjVV5RVN5kq2vKqhjxxDIIcnyJEPclDlN+6c3aHADjhsTlox3S3SQUNpyDA9Q23UL86TyxUgjd51AAAAAElFTkSuQmCC)
 }

 .footer-logo-wrap a.ncsoft::after {
     content: '';
     background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAF4AAAAyBAMAAAAnynF8AAAABGdBTUEAALGPC/xhBQAAAAFzUkdCAK7OHOkAAAAeUExURUdwTP///////////////////////////////////8kBMKEAAAAJdFJOUwDfHz7MEKOF79I8V3AAAADbSURBVEjH7dY9DoJAEAXgiRGoJbGwQ2PiDayNCQUdBQewpTN2ewTLzRpkbivIT2D3oZkWfR0zX2YaJkBUZc/jhNTGbvC6ri42VlVHDXcabOry1q52C9xG7T1nCusUj3/7jN3EhBuV9xLgHyluVN5nlBPRkqHPoS9ww1DAOBe415Ca8IXCnkX5Aa9Xg5x7f9s1Odr+SqO01bJ79u5jXhL0ui9YL7H++7+fkZ+4l2lfDu8x/u7xvc/P50J/EPpICX0g9OiD99H7Qk+J0GdC7/4RmG7ns/dqMMBZEL4Ac2zVrzr9ZvwAAAAASUVORK5CYII=)
 }



 .trailer__download {
     display: none;
 }


 @media (max-width: 960px) {

     .header {
         position: fixed;
         top: 0;
     }

     .hd_fixed {
         background-color: #957c5c;
     }

     .hd_fixed .logo a {
         background-image: url(../images/bi-lineagew-type2.png);
     }

     .trailer {
         height: 230px;
     }

     .trailer__download {
         display: block;
         color: #ae9473;
     }


     .trailer__download {
         display: flex;
         justify-content: center;
         align-items: flex-end;
         min-width: 110px;
         height: 83px;
         margin: 10px auto 50px auto;
         background: url(../images/btn_download.png) no-repeat 50% 0;
         background-size: auto 72px;
         overflow: hidden;
         border: 0;
     }

     .pic1 {
         width: 100%;
         height: 200px;
         background-size: 130%;
         margin-top: 80px;
     }

     .trailer_btn {
         height: 100px;
     }

     .trailer_btn img {
         height: 60px !important;
         width: 154px !important;
     }

     .nav,
     .footer-logo-wrap .footer-logo {
         display: none;
     }

     .flash1 {
         padding: 0;
         width: 100%;
     }

     .flash1 .swiper-button-prev1,
     .flash1 .swiper-button-next1 {
         display: none;
     }

     .flash2 {
         width: 100%;
         padding: 20px 20px;
         box-sizing: border-box;
     }

     .nchome-story {
         height: 600px;
     }

     .flash3,
     .flash3 .flash-swiper3 {
         width: 100%;
         height: 600px;
     }


     .flash3 .swiper-button-next,
     .flash3 .swiper-button-prev {
         display: none;
     }

     .nchome-guide {
         position: relative;
         height: 766px;
     }

     .flash-swiper4 .swiper-slide-active {
         height: 290px;
         padding: 0px 10px;
         box-sizing: border-box;
         width: 90% !important;
     }


     .flash-swiper4 .swiper-wrapper {
         left: auto;
     }


     .items:not(.swiper-slide-active) {
         width: 70% !important;
         height: 290px;
         margin: 0px 0 0;
         padding: 0 10px;
         opacity: .4;
     }

     .nchome-guide .swiper-slide-active .guide__visual {
         height: 290px;
     }

     .nchome-story .story__btn-wrap .story__btn--detail {
         width: 150px;
         height: 56px;
     }

     .nchome-story__frame {
         border: 0;
     }

     .news .title {
         background: url(../images/subject_zhm.png) no-repeat 50% 0;
         background-size: auto 100%;
         height: 76px;
         margin: 40px 0 0;
         text-align: start;
         text-indent: -9999em;
         white-space: nowrap;
         overflow: hidden;
         font-size: 0;
     }

     .news__contents {
         display: flex;
         flex-wrap: wrap;
         margin: 0;

     }

     .nchome-guide__subject {
         background: url(../images/subject_zhm4.png) no-repeat 50% 0;
         background-size: auto 100%;
         width: 100%;
         height: 76px;
         margin: 40px auto 0;
         text-align: start;
         text-indent: -9999em;
         white-space: nowrap;
         overflow: hidden;
         font-size: 0;
     }

     .shortcut-list {
         background-image: url('');

     }

     .shortcut__items {
         font-size: 16px;
         margin: 3px 6px 3px 0;
         padding: 8px 15px;
         background: rgba(37, 45, 44, .8);
         border: 1px solid rgba(77, 91, 86, .3);
         box-shadow: 0px 1px 3px rgb(0 0 0 / 25%);
         border-radius: 4px;
         text-align: center;
         font-size: 14px;
         line-height: 20px;
         color: #ae9473;
     }

     .nchome-story .story__title {
         width: 100%;
     }


     .nchome-news__list {
         position: relative;
         order: 0;
         width: 100%;
         display: block;
         overflow: hidden;
     }

     .nchome-news__list .list__items {
         min-height: 28px;
         padding: 0 20px;
     }

     .nchome-news__list .list__title {
         font-size: 16px;
     }

     .ncc-left-panel {
         width: 200px;
     }

     .footer-links-list .footer-links-item {
         padding: 0 5px;
     }

 }