body{ margin: 0; padding: 0; overflow-x: hidden;}
.edit-container{ width: 75vw; /* max-width: 1200px; */ margin: 0 auto;}
.visible-xs{ display: none !important;}

.js-m{ transition: 0.8s; transform: translateY(15px); opacity: 0;}
.js-m.animate{ transform: translateY(0); opacity: 1;}

.swiper-slide{ height: auto !important;}

#ns-video-wrap{ z-index: 9999;}
#ns-video-all_jwplayer_logo{ display: none !important;}

header{ position: absolute;}
header::before{ content: ''; width: 100%; height: 1px; background-color: #f5f5f5; position: absolute; left: 0; bottom: 0;}

.ns-sub-navigation{ width: 100%; height: 50px; line-height: 50px; position: absolute; top: 100px; left: 0; z-index: 9999; transition: transform 0.3s; padding: 0 36px;}
.ns-sub-navigation::before{ content: ''; width: 100%; height: 100%; position: absolute; top: 0; left: 0; background-color: #fff; opacity: 0; transition: all 0.3s;}
.ns-sub-navigation .product-title{ float: left; position: relative; z-index: 5; font-size: 16px; font-weight: bold; opacity: 0; transition: all 0.3s;}
.ns-sub-navigation .product-tabs-links{ float: right; position: relative; z-index: 5;}
.ns-sub-navigation .product-tabs-links li{ float: left; font-size: 16px; margin: 0 16px;}
.ns-sub-navigation .product-tabs-links li a{ display: inline-block; color: #fff; line-height: 28px; position: relative;}
.ns-sub-navigation .product-tabs-links li.buy a{ background-color: #df0000; color: #fff; padding: 0 20px; border-radius: 28px;}
.ns-sub-navigation .product-tabs-links li.active a{ color: #df0000;}
.ns-sub-navigation .product-tabs-links li.active a::before{ content: ''; width: 100%; height: 1px; background-color: #df0000; position: absolute; left: 0; bottom: 0;}
.ns-sub-navigation.fixed{ position: fixed; top: 0;}
.ns-sub-navigation.fixed::before{ opacity: 1;}
.ns-sub-navigation.fixed .product-title{ opacity: 1;}
.ns-sub-navigation.fixed .product-tabs-links li a{ color: #000;}
.ns-sub-navigation.fixed .product-tabs-links li.buy a{ color: #fff;}
.ns-sub-navigation.fixed .product-tabs-links li.active a{ color: #df0000;}

.ns-sub-navigation.specs .product-tabs-links li a{ color: #000;}
.ns-sub-navigation.specs .product-tabs-links li.buy a{ color: #fff;}
.ns-sub-navigation.specs .product-tabs-links li.active a{ color: #df0000;}



.product-container{ padding-top: 100px; background-color: #000;}

.megabook-banner{ height: calc(100vh - 100px); position: relative; overflow: hidden;}
.megabook-banner video, .megabook-banner img{ display: block; width: 100%; height: 100%; object-fit: cover;}
.megabook-banner::before{ content: ''; width: 100%; height: 100%; position: absolute; top left: 0;}
.megabook-banner .banner-inner{ width: 100%; position: absolute; left: 0; top: 12%; z-index: 5; text-align: center;}
.megabook-banner .banner-inner .banner-type{ font-size: 1.302vw; color: #fff; text-shadow: 0 0 5px #000;}
.megabook-banner .banner-inner .banner-title{ font-size: 2.343vw; font-weight: bold; color: #fff; margin-top: 1%; text-shadow: 0 0 5px #000;}
.megabook-banner .banner-inner .banner-title img{ display: block; width: auto; height: calc(24px + 2vh); margin: 0 auto;}
.megabook-banner .banner-inner .banner-price{ font-size: 0.833vw; color: #fff; margin-top: 1%; text-shadow: 0 0 5px #000;}
.megabook-banner .banner-inner .banner-price span{ font-size: 2.1875vw; margin: 0 0.5208vw;}
.megabook-banner .banner-inner .banner-btn{ margin-top: 2%;}
.megabook-banner .banner-inner .banner-btn a{ display: inline-block; width: 7.5vw; line-height: 2.239vw; background-color: #fff; border: 1px solid #fff; border-radius: 2.239vw; font-size: 0.9375vw; color: #080808; margin: 0 1%;}
.megabook-banner .banner-inner .banner-btn a:hover{ background-color: rgba(255, 255, 255, 0.7);}
.megabook-banner .banner-inner .banner-btn a.buy{ background-color: transparent; color: #fff;}
.megabook-banner .banner-inner .banner-btn a.buy:hover{ background-color: rgba(255, 255, 255, 0.3);}

.megabook-base-title{ /* font-size: 3.238vw; */ font-size: 2.672vw; color: #fff; text-align: center;}
.megabook-base-title2{ /* font-size: 5.182vw; */ font-size: 3.562vw; font-weight: bold; text-align: center;}
.megabook-base-title2 span{ background-image:-webkit-linear-gradient(0deg, #ff7810, #e69797, #00bbff); -webkit-background-clip:text; -webkit-text-fill-color:transparent; color: #00bbff;}
.megabook-base-title2 img{ display: block; height: 3.4375vw; margin: 0 auto;}
.megabook-base-cont{ /* font-size: 1.943vw; */ font-size: 1.376vw; color: #a7a7a7; line-height: 1.5; text-align: center; margin-top: 2%;}

.megabook-section{ padding: 5.2vw 0; background-color: #000; overflow: hidden;}
.megabook-p0-inner{ margin-top: 4.166vw; position: relative;}
.megabook-p0-inner ul{ margin: 0 -0.26vw;}
.megabook-p0-inner li{ float: left; padding: 0 0.26vw;}
.megabook-p0-inner li .block-box{ border: 1px solid rgba(201,201,201,0.1); border-radius: 10px; overflow: hidden; position: relative; cursor: pointer;}
.megabook-p0-inner li .block-box .pic img{ display: block; width: 100%; height: 100%; object-fit: cover;}
.megabook-p0-inner li .block-box .cont-box{ width: 100%; position: absolute; left: 0; top: 8%; padding: 0 1.041vw; font-size: 0.8vw;}
.megabook-p0-inner li .block-box .cont-box .tit{ font-size: 1.041vw; margin-bottom: 3%;}
.megabook-p0-inner li .block-box .cont-box .tit span{ background-image:-webkit-linear-gradient(-104deg,#c6c6c6,#fafafa,#fafafa); -webkit-background-clip:text; color: #c6c6c6;}
.megabook-p0-inner li .block-box .cont-box p span{ color: #c1c1c1;}
.megabook-p0-inner li .block-box .circle{ overflow: hidden; position: absolute; bottom: 1.0416666vw; left: 1.0416666vw; width: 1.09375vw; height: 1.09375vw; border-radius: 100%; overflow: hidden; box-shadow: 0 0 0.416vw rgba(55,55,55,1) inset;}
.megabook-p0-inner li .block-box .cimgc{ display: flex; flex-direction: column; transform: translateY(-50%); transition: transform 0.3s linear;}

.megabook-p0-inner li .block-box .cimgc img{ height: 50%;}
.megabook-p0-inner li .block-box:hover .cimgc{ transform: translateY(0);}


.megabook-p0-inner li:nth-of-type(1){ width: 31%;}
.megabook-p0-inner li:nth-of-type(1) .block-box .cont-box{ text-align: center; top: 18%;}
.megabook-p0-inner li:nth-of-type(1) .block-box .cont-box .tit{ font-size: 1.5625vw;}
.megabook-p0-inner li:nth-of-type(1) .block-box .cont-box .tit span, .megabook-p0-inner li:nth-of-type(1) .block-box .cont-box p span{ background-image:-webkit-linear-gradient(-104deg,#c6c6c6,#fafafa,#fafafa); -webkit-background-clip:text; -webkit-text-fill-color:transparent; color: #c6c6c6;}
.megabook-p0-inner li:nth-of-type(2), .megabook-p0-inner li:nth-of-type(3){ width: 34.5%; margin-bottom: 0.52vw;}
.megabook-p0-inner li:nth-of-type(4), .megabook-p0-inner li:nth-of-type(5), .megabook-p0-inner li:nth-of-type(6){ width: 23%;}
.megabook-p0-inner li:nth-of-type(2) .block-box .pic, .megabook-p0-inner li:nth-of-type(3) .block-box .pic, .megabook-p0-inner li:nth-of-type(4) .block-box .pic, .megabook-p0-inner li:nth-of-type(5) .block-box .pic, .megabook-p0-inner li:nth-of-type(6) .block-box .pic{ height: 17.34375vw;}

.megabook-p1{ overflow: visible;}
.megabook-p1-inner{ margin-top: 4.166vw;}
.megabook-p1-inner .video-box{ border-radius: 10px; overflow: hidden; position: relative;}
.megabook-p1-inner .video-box video{ display: block; width: 100%;}
.megabook-p1-animation{ margin-top: 23.4375vw; position: sticky; top: 10.416vw; z-index: 10;}
.megabook-p1-swiper{ transform: scale(2);}
.megabook-p1-swiper .swiper-container{ overflow: initial; padding-bottom: 4.166vw;}
.megabook-p1-swiper .swiper-slide .block-box{ border-radius: 10px; overflow: hidden; position: relative;}
.megabook-p1-swiper .swiper-slide .block-box .pic img{ display: block; width: 100%; height: 100%; object-fit: cover;}
.megabook-p1-swiper .swiper-slide .block-box .tit{ font-size: 1.7vw; position: absolute; right: 8%; top: 8%; color: #fff; opacity: 0; transition: 0.5s ease;}
.megabook-p1-swiper .swiper-page{ position: absolute; left: 50%; transform:translateX(-50%); bottom: 0; height: auto; margin-top: 0;}
.megabook-p1-swiper .swiper-page .swiper-arrow{ display: inline-block; width: 2.708vw; height: 2.708vw; border-radius: 100%; overflow: hidden; box-shadow: 0 0 1vw rgba(255,255,255,0.6) inset; margin: 0 0.52vw; cursor: pointer; position: relative;}
.megabook-p1-swiper .swiper-page .swiper-arrow::before{ content: ''; width: 0.833vw; height: 0.833vw; position: absolute; top: 50%; left: 50%; transform:translate(-50%,-50%); background-repeat: no-repeat; background-position: center; background-size: cover;}
.megabook-p1-swiper .swiper-page .swiper-arrow-prev::before{ background-image: url(../images/megabook/icon-swiper-arrow-prev.png);}
.megabook-p1-swiper .swiper-page .swiper-arrow-next::before{ background-image: url(../images/megabook/icon-swiper-arrow-next.png);}
.megabook-p1-swiper .swiper-page .swiper-button-disabled::before{ opacity: 0.35;}
.megabook-p1-swiper.active .swiper-slide .block-box .tit{ opacity: 1;}


.megabook-p1-space{ height: 50vh;}

.megabook-p2{ min-height: 51.354vw; background: url(../images/megabook/megabook-p2-bg.png) top center no-repeat #000; background-size: 100% auto; padding-top: 0;}
.megabook-p2 .megabook-base-box{ margin-top: 5.2vw;}
.megabook-p2-inner{ width: 46vw; margin: 58% auto 0 auto; font-size: 1.295vw; color: #fff; line-height: 2;}
.megabook-p2-inner .cont{ color: #a7a7a7; text-align:justify; letter-spacing: 0.07vw;}
.megabook-p2-inner .cont strong{ font-weight: normal; color: #fff;}
.megabook-p2-inner .label-box{ margin-top: 5%;}
.megabook-p2-inner .label-box dl{ margin: 0 -4%;}
.megabook-p2-inner .label-box dd{ float: left; /* width: 33.333%; */ padding: 0 4%;}

.megabook-p3{ padding-bottom: 0;}
.megabook-p3 .edit-container{ position: relative;}
.megabook-p3 .megabook-base-box{ width: 100%; position: absolute; top: 0; left: 0; z-index: 5;}
.megabook-p3-inner{ margin-top: 1vw;}
.megabook-p3-inner .pic img{ display: block; width: 100%;}

.megabook-p4{ padding-top: 0;}
.megabook-p4-inner{ margin-top: 4.166vw;}
.megabook-p4-inner .pic img{ display: block; width: 100%;}

.megabook-p5-inner{ margin-top: 4.166vw;}
.megabook-p5-inner .pic img{ display: block; width: 100%;}

.megabook-p6{ overflow: visible;}
.megabook-p6-inner{ margin-top: 4.166vw; position: sticky; top: 11.458vw;}
.megabook-p6-inner .pic{ width: 43.765vw; margin: 0 auto; position: relative;}
.megabook-p6-inner .pic img{ display: block; width: 100%;}
.megabook-p6-inner .pic .item-tit{width: 22.348vw;height: 4.048vw;position: absolute;z-index: 9;}
.megabook-p6-inner .pic .item-tit-box{ width: 0; position: absolute; top: 0; right: 0; height: 6vw; overflow: hidden;}
.megabook-p6-inner .pic .item-tit .block-box{ width: 22.348vw; border-top: 1px solid rgba(255,255,255,0.32); padding: 10px 0 0 20px; font-size: 1.295vw; color: #fff; line-height: 1.5; position: absolute; top: 0; right: 0;}
.megabook-p6-inner .pic .item-tit.left{ top: 18.5%; right: 70%;}
.megabook-p6-inner .pic .item-tit.right{ top: 3.5%; left: 69%;}
.megabook-p6-inner .pic .item-tit.right .item-tit-box{ right: auto; left: 0;}
.megabook-p6-inner .pic .item-tit.right .block-box{ width: 19.149vw; text-align: right; padding: 10px 20px 0 0; right: auto; left: 0;}
.megabook-p6-inner .pic .item-tit.right .block-box span{ display: inline-block; text-align: left;}
.megabook-p6-space{ height: 50vh;}

.megabook-p7{ overflow: visible;}
.megabook-p7-inner{ margin-top: 4.166vw; position: sticky; top: 15.625vw;}
.megabook-p7-animation{ width: 32.51vw; margin: 5.2vw auto 0 auto; position: relative;}
.megabook-p7-animation .pic img{ display: block; width: 100%;}
.megabook-p7-animation .pic .img2{ display: none;}
.megabook-p7-animation .megabook-p7-bg{ position: absolute; top: 0; left: 50%; width: 65vw; height: 22.5vw; margin-left: -32.5vw; transform-origin: center; z-index: 2;}
.megabook-p7-animation .megabook-p7-bg .icon{ position: absolute; opacity: 0; transform: matrix(0, 0, 0, 0, 0, 0);}
.megabook-p7-animation .megabook-p7-bg .icon img{ display: block; width: 100%;}
.megabook-p7-animation .megabook-p7-bg .icon1{ top: 2vw; left: 4.8vw; width: 4.008vw; height: 4.008vw;}
.megabook-p7-animation .megabook-p7-bg .icon2{ top: 4.5vw; left: 10.8vw; width: 2.631vw; height: 2.631vw;}
.megabook-p7-animation .megabook-p7-bg .icon3{ top: 8vw; left: 3.8vw; width: 3.4vw; height: 3.4vw;}
.megabook-p7-animation .megabook-p7-bg .icon4{ top: 10vw; left: 9.3vw; width: 2.793vw; height: 2.793vw;}
.megabook-p7-animation .megabook-p7-bg .icon5{ top: 14vw; left: 5.5vw; width: 2.834vw; height: 2.834vw;}
.megabook-p7-animation .megabook-p7-bg .icon6{ top: 17.5vw; left: 10.3vw; width: 2.307vw; height: 2.307vw;}
.megabook-p7-animation .megabook-p7-bg .icon7{ top: 2vw; right: 4.8vw; width: 4.008vw; height: 4.008vw;}
.megabook-p7-animation .megabook-p7-bg .icon8{ top: 4.5vw; right: 10.8vw; width: 2.631vw; height: 2.631vw;}
.megabook-p7-animation .megabook-p7-bg .icon9{ top: 8vw; right: 3.8vw; width: 3.4vw; height: 3.4vw;}
.megabook-p7-animation .megabook-p7-bg .icon10{ top: 10vw; right: 9.3vw; width: 2.793vw; height: 2.793vw;}
.megabook-p7-animation .megabook-p7-bg .icon11{ top: 14vw; right: 5.5vw; width: 2.834vw; height: 2.834vw;}
.megabook-p7-animation .megabook-p7-bg .icon12{ top: 17.5vw; right: 10.3vw; width: 2.307vw; height: 2.307vw;}
.megabook-p7-space{ height: 160vh;}

.megabook-p8{ padding: 0; position: relative;}
.megabook-p8 .bg{ margin: -10% 0;}
.megabook-p8 .bg img{ display: block; width: 100%;}
.megabook-p8 .megabook-base-box{ width: 100%; position: absolute; left: 0; top: 8%;}

.megabook-p9{ padding-top: 0; margin-top: -10.4vw;}
.megabook-p9-inner{ margin-top: 4.166vw;}
.megabook-p9-inner .pic img{ display: block; width: 100%;}
.megabook-p9-tabs{ margin-top: 10.4vw; color: #898989;}
.megabook-p9-tabs .pic-box{}
.megabook-p9-tabs .pic-box img{ display: block; width: 100%;}
.megabook-p9-tabs .pic-box .box{ display: none;}
.megabook-p9-tabs .tabs-box{ width: 68%; margin: 5.2vw auto 0 auto;}
.megabook-p9-tabs .tabs-box ul{ border-bottom: 0.283vw solid #211e1c;}
.megabook-p9-tabs .tabs-box li{ float: left; width: 50%; font-size: 1.943vw; padding-bottom: 3%; position: relative; cursor: pointer;}
.megabook-p9-tabs .tabs-box li::before{ content: ''; width: 100%; height: 0.283vw; background-color: #a7a7a7; border-radius: 0.283vw; position: absolute; left: 0; bottom: -0.283vw; display: none;}
.megabook-p9-tabs .tabs-box li:nth-of-type(2){ text-align: right;}
.megabook-p9-tabs .tabs-box li.active{ color: #fff;}
.megabook-p9-tabs .tabs-box li.active::before{ display: block;}
.megabook-p9-tabs .tabs-cont{ width: 68%; margin: 3% auto 0 auto; font-size: 1.295vw; line-height: 1.5;}
.megabook-p9-tabs .tabs-cont .box{ display: none;}
.megabook-p9-tabs .tabs-cont .box:nth-of-type(2){ text-align: right;}

.megabook-p10{ padding-bottom: 0;}
.megabook-p10 .edit-container{ position: relative; z-index: 5;}
.megabook-p10-item{ margin-top: 5.2vw; color: #898989; text-align: center;}
.megabook-p10-item li{ display: inline-block; vertical-align: top; text-align: left; padding: 0 3%;}
.megabook-p10-item li .block-box .tit{ font-size: 1.538vw;}
.megabook-p10-item li .block-box .con{ font-size: 2.186vw; margin-top: 1.3vw;}
.megabook-p10-item li .block-box .con span{ font-size: 4.048vw; font-family: Arial, Helvetica, sans-serif;}
.megabook-p10-item li .block-box .con img{ display: block; height: 3.724vw;}
.megabook-p10-inner{ margin-top: -23.4375vw;}
.megabook-p10-inner .pic img{ display: block; width: 100%;}

.megabook-p11{ overflow: visible; padding-bottom: 0;}
.megabook-p11-animation{ /* width: 58.825vw; margin: 0 auto; */  margin-top: 5.2vw; height: 100vh; overflow: hidden; position: sticky; top: 50px;}
.megabook-p11-animation img{ display: block; /* width: 58.825vw; */ width: 57.2916vw; margin: 5.2vw auto; transform: scale(2);}
.megabook-p11-space{ height: 100vh;}

.megabook-p12{ padding-top: 0;}
.megabook-p12-inner{ position: relative;}
.megabook-p12-inner .megabook-base-box{ width: 100%; position: absolute; left: 0; top: 5.2vw;}
.megabook-p12-inner .video-box{ border-radius: 10px; overflow: hidden;}
.megabook-p12-inner .video-box video{ display: block; width: 100%;}
.megabook-p12-inner .pic img{ display: block; width: 100%;}

.megabook-p12-swiper{ /* margin-top: 15.625vw; */}
.megabook-p12-swiper .swiper-container{ overflow: initial; padding-bottom: 4.166vw;}
.megabook-p12-swiper .swiper-slide .block-box{ position: relative; overflow: hidden; border-radius: 10px;}
.megabook-p12-swiper .swiper-slide .block-box .block{ padding: 1px; background: -webkit-linear-gradient(111deg, rgba(74,74,74,0.74), rgba(24,24,24,0.74)); background: linear-gradient(111deg, rgba(74,74,74,0.74), rgba(24,24,24,0.74)); overflow: hidden; border-radius: 10px;}
.megabook-p12-swiper .swiper-slide .block-box .pic img{ display: block; width: 100%;}
.megabook-p12-swiper .swiper-slide .block-box .icon-plus{ width: 2.604vw; height: 2.604vw; border-radius: 100%; overflow: hidden; box-shadow: 0 0 0.833vw rgba(55,55,55,1) inset; position: absolute; top: 2.5vw; right: 2.5vw; cursor: pointer; transform: translateZ(1px); z-index: 6;}
.megabook-p12-swiper .swiper-slide .block-box .icon-plus img{display: block; width: 100%; height: 100%; transition: 0.6s;}
.megabook-p12-swiper .swiper-slide .block-box .tit{ font-size: 1.66667vw; line-height: 1.25; position: absolute; top: 2.44792vw; left: 2.5vw; width: 76%; transform: translateY(0px) translateZ(1px); opacity: 1; z-index: 6; transition: 0.3s;}
.megabook-p12-swiper .swiper-slide .block-box .tit span{ background-image:-webkit-linear-gradient(94deg,#ecedea,#fafafa,#ebebeb,#fafafa); -webkit-background-clip:text; -webkit-text-fill-color:transparent; color: #fff;}
.megabook-p12-swiper .swiper-slide .block-box .con{ font-size: 1.14583vw; color: #a7a7a7; width: 23.9583vw; position: absolute; left: 2.5vw; /* top: 14.7917vw; */ top: 16vw; z-index: 6; opacity: 0; transform: translate(0vw, 7vw); transition: 0.3s;}
.megabook-p12-swiper .swiper-slide .block-box.active .pic img{ opacity: 0; transition: 0.1s;}
.megabook-p12-swiper .swiper-slide .block-box.active .icon-plus img{ transform: rotate(45deg);}
.megabook-p12-swiper .swiper-slide .block-box.active .tit{ /* transform: translateX(0px) translateY(8.75vw) translateZ(1px); */ transform: translateX(0px) translateY(10vw) translateZ(1px);}
.megabook-p12-swiper .swiper-slide .block-box.active .con{ opacity: 1; transform: translateX(0px) translateY(0px);}
.megabook-p12-swiper .swiper-page{ position: absolute; left: 50%; transform:translateX(-50%); bottom: 0;}
.megabook-p12-swiper .swiper-page .swiper-arrow{ display: inline-block; width: 2.708vw; height: 2.708vw; border-radius: 100%; overflow: hidden; box-shadow: 0 0 0.833vw rgba(55,55,55,1) inset; margin: 0 0.52vw; cursor: pointer; position: relative;}
.megabook-p12-swiper .swiper-page .swiper-arrow::before{ content: ''; width: 0.833vw; height: 0.833vw; position: absolute; top: 50%; left: 50%; transform:translate(-50%,-50%); background-repeat: no-repeat; background-position: center; background-size: cover; opacity: 0.84;}
.megabook-p12-swiper .swiper-page .swiper-arrow-prev::before{ background-image: url(../images/megabook/icon-swiper-arrow-prev.png);}
.megabook-p12-swiper .swiper-page .swiper-arrow-next::before{ background-image: url(../images/megabook/icon-swiper-arrow-next.png);}
.megabook-p12-swiper .swiper-page .swiper-button-disabled::before{ opacity: 0.35;}

.megabook-text{ font-size: 0.89vw; color: #898989; line-height: 3;}

/* 视频弹框 */
.video-popup-layer{ width: 100%; height: 100%; position: fixed; top: 0; right: 0; bottom: 0; left: 0; z-index: 9999; background-color: #000; display: none;}
.video-popup-layer .layer-container{ width: 100%; position: absolute; top: 50%; left: 50%; transform:translate(-50%,-50%);}
.video-popup-layer .layer-container video{ display: block; width: 100%;}
.video-popup-layer .layer-close{ background-image: url(../images/megabook/btn_x.svg); position: fixed; top: 20px; right: 20px; width: 40px; height: 40px; cursor: pointer;}


.product-specs-section{ padding: 5.2vw 0; background-color: #fff;}
.product-specs-section h3{margin-bottom: 60px;font-size:30px;color:#000}
.product-specs-section dl{margin:0 10px}
.product-specs-section dl dd{display:flex;align-items:center;padding:40px 0;border-bottom:1px solid #cecece}
.product-specs-section dl dd h4{width:30%;flex:none;font-size:24px;color:#000; font-weight: bold;}
.product-specs-section dl dd p{font-size:18px;line-height:1.5}
.product-specs-section dl dd p span{font-size:24px}
.product-specs-section dl dd p .small{ font-size: 14px;color:#999;}
.product-specs-section dl dd .item{flex:auto;display:flex}
.product-specs-section dl dd .item p{flex:1}
.product-specs-section .notice{margin:15px 25px;font-size:16px;color:#999; line-height: 2;}
.product-specs-section .statement{padding-top:3.125vw !important}
.product-specs-section .statement p{margin-bottom:15px;font-size:12px;color:#999;line-height:1.5}
.product-specs-section .statement a{color:#0079cd}




@media (max-width: 1400px) {
    
	
	
}
@media (max-width: 1200px) {
	
    
    
}
@media (max-width: 960px){
	.edit-container{ width: 100%;}
	.visible-xs{ display: block !important;}
	.hidden-xs{ display: none !important;}
	
	header::before{ display: none;}
	.ns-sub-navigation{ height: 48px; line-height: 48px; top: 44px; padding: 0 3.125vw; background-color: #fff;}
	.ns-sub-navigation::before{ height: 1px; background-color: #f5f5f5; opacity: 1;}
	.ns-sub-navigation .product-title{ float: none; font-size: 14px; opacity: 1; padding-right: 90px;}
	.ns-sub-navigation .product-title .tit{ position: relative;}
	.ns-sub-navigation .product-title .tit::before{ content: ''; width: 12px; height: 12px; background: url(../images/megabook/icon-navigation-arrow.png) center no-repeat; background-size: cover; position: absolute; top: 50%; margin-top: -6px; right: 0;  transition:all 0.3s;}
	.ns-sub-navigation .product-title .product-buy{ position: absolute; top: 0; right: 0;}
	.ns-sub-navigation .product-title .product-buy a{ background-color: #df0000; color: #fff; padding: 0 20px; border-radius: 28px; display: inline-block; line-height: 28px;}
	.ns-sub-navigation .product-tabs-links li.buy{ display: none;}
	.ns-sub-navigation .product-tabs-links{ float: none; margin: 0 -3.125vw; background-color: #f5f5f5; line-height: 28px; display: none;}
	.ns-sub-navigation .product-tabs-links li{ float: none; font-size: 14px; margin: 8px 16px;}
	.ns-sub-navigation .product-tabs-links li a{ color: #000;}
	
	.ns-sub-navigation .product-title .tit.active::before{ transform: rotate(-180deg);}
	
	.product-container{ padding-top: 0;}
	.megabook-banner{ height: calc(100vh - 44px);}
	
	.megabook-banner .banner-inner{ font-size: 14px; padding: 0 3.125vw; top: 17%;}
	.megabook-banner .banner-inner .banner-type{ font-size: 14px;}
	.megabook-banner .banner-inner .banner-title{ font-size: 32px; margin-top: 8px;}
	.megabook-banner .banner-inner .banner-title img{ height: 32px;}
	.megabook-banner .banner-inner .banner-price{ font-size: 14px; margin-top: 8px;}
	.megabook-banner .banner-inner .banner-price span{ font-size: 24px;}
	.megabook-banner .banner-inner .banner-btn{ margin-top: 32px;}
	.megabook-banner .banner-inner .banner-btn a{ min-width: 50%; line-height: 32px; border-radius: 35px; font-size: 14px; margin-top: 8px;}
	.megabook-banner .banner-inner .banner-btn a:first-child{ margin-top: 0;}
	
	.megabook-section{ padding: 10.666vw 3.125vw;}
	.megabook-base-title{ font-size: 24px;}
	.megabook-base-title2{ font-size: 24px;}
	.megabook-base-title2 img{ height: 23px;}
	.megabook-base-cont{ font-size: 12px;}
	
	.megabook-p0-inner{ margin-top: 10.666vw;}
	.megabook-p0-inner ul{ margin: 0 -0.4vw;}
	.megabook-p0-inner li{ padding: 0 0.4vw;}
	.megabook-p0-inner li .block-box{ border-radius: 10px;}
	.megabook-p0-inner li .block-box .cont-box{ font-size: 1.4vw; padding: 0 1.5vw;}
	.megabook-p0-inner li .block-box .cont-box .tit{ font-size: 2vw;}
	.megabook-p0-inner li .block-box .pic{ /* height: 73.333vw !important; */}
	.megabook-p0-inner li .block-box .circle{ width: 4vw; height: 4vw; bottom: 1vw; left: 1vw;}
	.megabook-p0-inner li:nth-of-type(1){ width: 50%; margin-top: 0;}
	.megabook-p0-inner li:nth-of-type(1) .block-box .cont-box{ font-size: 1.4vw;}
	.megabook-p0-inner li:nth-of-type(1) .block-box .cont-box .tit{ font-size: 3vw;}
	.megabook-p0-inner li:nth-of-type(1) .block-box .cont-box p{ letter-spacing: -0.15vw; margin: 0 -1.5vw;}
	.megabook-p0-inner li:nth-of-type(1) .block-box .pic{ height: 69.733vw;}
	.megabook-p0-inner li:nth-of-type(2), .megabook-p0-inner li:nth-of-type(3){ width: 50%;}
	.megabook-p0-inner li:nth-of-type(2){ margin-bottom: 0.4vw !important;}
	.megabook-p0-inner li:nth-of-type(2) .block-box .pic, .megabook-p0-inner li:nth-of-type(3) .block-box .pic{ height: 34.266vw;}
	.megabook-p0-inner li:nth-of-type(4), .megabook-p0-inner li:nth-of-type(5), .megabook-p0-inner li:nth-of-type(6){ width: 33.333%;}
	.megabook-p0-inner li:nth-of-type(4) .block-box .pic, .megabook-p0-inner li:nth-of-type(5) .block-box .pic, .megabook-p0-inner li:nth-of-type(6) .block-box .pic{ height: 33.733vw;}
	
	
	.video-popup-btn{ width: 8.333vw; height: 8.333vw; border-radius: 100%; overflow: hidden; box-shadow: 0 0 0.416vw rgba(255, 255, 255, 1) inset; position: absolute; bottom: 2.22222222222vw; right: 2.22222222222vw; z-index: 9;}
	.video-popup-btn::before{ content:''; width: 2.8vw; height: 2.8vw; background: url(../images/megabook/icon-video-play.png) center no-repeat; background-size: cover; position: absolute; top: 50%; left: 50%; transform:translate(-50%,-50%);}
	
	.megabook-p1-inner{ margin-top: 10.666vw;}
	.megabook-p1-animation{ margin-top: 21.332vw; position: initial;}
	.megabook-p1-swiper{ transform: scale(1); margin: 0 -3.125vw;}
	.megabook-p1-swiper .swiper-container{ padding-bottom: 16.666vw;}
	.megabook-p1-swiper .swiper-slide .block-box{ border-radius: 0;}
	.megabook-p1-swiper .swiper-slide .block-box .tit{ font-size: 16px; opacity: 1;}
	.megabook-p1-swiper .swiper-page .swiper-arrow{ width: 9.583vw; height: 9.583vw; margin: 0 1.04vw;}
	.megabook-p1-swiper .swiper-page .swiper-arrow::before{ width: 3.6vw; height: 3.6vw;}
	.megabook-p1-space{ display: none;}
	
	.megabook-p2{ background-size: 150% auto;}
	.megabook-p2-inner{ font-size: 12px; width: 100%;}
	.megabook-p2-inner .label-box dd{ float: none; margin-top: 3vw;}
	
	.megabook-p3-inner{ margin-top: 10.666vw;}
	.megabook-p3-inner .pic{ margin: 0 -15%;}
	
	.megabook-p4-inner{ margin-top: 10.666vw;}
	.megabook-p4-inner .pic{ margin: 0 -15%;}
	
	.megabook-p5-inner{ margin-top: 10.666vw;}
	.megabook-p5-inner .pic{ margin: 0 -15%;}
	
	.megabook-p6-inner{ margin-top: 0; padding-top: 21.332vw; top: 42.664vw;}
	.megabook-p6-inner .pic{ width: 83.333vw;}
	.megabook-p6-inner .pic .item-tit{width: 25vw;height: 12vw;}
	.megabook-p6-inner .pic .item-tit-box{width: 25vw;height: 0; top: auto; bottom: 0;}
	.megabook-p6-inner .pic .item-tit .block-box{width: 25vw;height: 12vw;font-size: 12px;padding: 0 0 0 15px;border-top: 0; top: auto; bottom: 0;}
	.megabook-p6-inner .pic .item-tit .block-box::before{ content: ''; width: 1px; height: 55%; background-color: rgba(255,255,255,0.32); position: absolute; bottom: 0;}
	.megabook-p6-inner .pic .item-tit .block-box::after{ content: ''; width: 1.6vw; height: 1.6vw; background-color: #000; border: 1px solid rgba(255,255,255,0.32); border-radius: 100%; position: absolute; bottom: 53%;}
	.megabook-p6-inner .pic .item-tit.left{ top: auto; bottom: 82%; right: 70%;}
	.megabook-p6-inner .pic .item-tit.left .block-box::before{ right: 0.82vw;}
	.megabook-p6-inner .pic .item-tit.left .block-box::after{ right: 0;}
	.megabook-p6-inner .pic .item-tit.right{ top: auto; bottom: 98%; left: 68%;}
	.megabook-p6-inner .pic .item-tit.right .block-box{ width: 25vw; padding: 0 0 0 15px; text-align: left;}
	.megabook-p6-inner .pic .item-tit.right .block-box::before{ left: 0.82vw;}
	.megabook-p6-inner .pic .item-tit.right .block-box::after{ left: 0;}
	
	.megabook-p7-inner{ margin-top: 10.666vw; padding-top: 43.33vw; top: 31.998vw;}
	.megabook-p7-animation{ width: 78vw; margin-top: 8vw;}
	.megabook-p7-animation .megabook-p7-bg{ width: 30vw; height: 21vw; margin-left: -15vw; top: auto; bottom: 130%; transform: scale(2.2, 2.2);}
	.megabook-p7-animation .megabook-p7-bg .icon{ opacity: 1; transform: matrix(1, 0, 0, 1, 0, 0);}
	.megabook-p7-space{ height: 80vh;}
	
	.megabook-p8{ padding: 0 3.125vw;}
	.megabook-p8 .bg{ margin: -10% -30%;}
	
	.megabook-p9-inner{ margin-top: 10.666vw;}
	.megabook-p9-tabs{ margin-top: 20vw;}
	.megabook-p9-tabs .tabs-box{ width: 80%; margin-top: 10.666vw;}
	.megabook-p9-tabs .tabs-box li{ font-size: 16px;}
	.megabook-p9-tabs .tabs-cont{ width: 80%; font-size: 12px;}
	
	.megabook-p10-item{ margin-top: 10.666vw;}
	.megabook-p10-item li .block-box .tit{ font-size: 18px;}
	.megabook-p10-item li .block-box .con{ font-size: 24px; margin-top: 3vw;}
	.megabook-p10-item li .block-box .con span{ font-size: 30px;}
	.megabook-p10-item li .block-box .con img{ height: 8.724vw;}
	.megabook-p10-inner .pic{ margin: 0 -15%;}
	
	/* .megabook-p11-animation{ margin: 10.666vw -3.125vw 0 -3.125vw; top: 48px;}
	.megabook-p11-animation img{ width: 90vw; margin: 42.664vw auto 0 auto; transform: scale(4);}
	.megabook-p11-space{ height: 50vh;} */
	.megabook-p11-animation{ margin-top: 10.666vw; position: initial; height: auto;}
	.megabook-p11-animation img{ width: 100%; margin: 0 auto; transform: scale(1);}
	.megabook-p11-space{ display: none;}
	
	.megabook-p12-inner{ margin-top: 10.666vw;}
	.megabook-p12-inner .megabook-base-box{ top: 0;}
	.megabook-p12-inner .pic{ margin: 0 -15%;}
	
	.megabook-p12-swiper{ margin-top: 10.666vw;}
	.megabook-p12-swiper .swiper-container{ padding-bottom: 16.666vw;}
	.megabook-p12-swiper .swiper-slide .block-box{ border-radius: 0;}
	.megabook-p12-swiper .swiper-slide .block-box .block{ background: transparent; padding: 0; border-radius: 0;}
	.megabook-p12-swiper .swiper-slide .block-box .pic{ height: 82vw; padding: 1px; background: -webkit-linear-gradient(111deg, rgba(74, 74, 74, 0.74), rgba(24, 24, 24, 0.74)); background: linear-gradient(111deg, rgba(74, 74, 74, 0.74), rgba(24, 24, 24, 0.74)); overflow: hidden; border-radius: 10px;}
	.megabook-p12-swiper .swiper-slide .block-box .pic img{ height: 100%; object-fit: cover;}
	.megabook-p12-swiper .swiper-slide .block-box .icon-plus{ display: none;}
	.megabook-p12-swiper .swiper-slide .block-box .tit{ font-size: 16px; width: 100%; padding: 0 3.125vw; position: initial; margin-top: 5.833333vw;}
	.megabook-p12-swiper .swiper-slide .block-box .con{ font-size: 12px; width: 100%; padding: 0 3.125vw;  position: initial; opacity: 1; transform: translate(0vw, 0); margin-top: 4.166667vw;}
	
	.megabook-p12-swiper .swiper-slide .block-box.active .tit{ transform: translateX(0px) translateY(0) translateZ(1px);}
	
	.megabook-p12-swiper .swiper-page .swiper-arrow{ width: 9.583vw; height: 9.583vw; margin: 0 1.04vw;}
	.megabook-p12-swiper .swiper-page .swiper-arrow::before{ width: 3.6vw; height: 3.6vw;}
	
	.megabook-text{ font-size: 12px;}
	
	
	.product-specs-section{ padding: 21.332vw 3.125vw 10.666vw 3.125vw;}
	.product-specs-section h3{margin-bottom:25px;font-size:24px}
	.product-specs-section dl{ margin: 0 10px;}
	.product-specs-section dl dd{flex-direction:column;align-items:flex-start;padding:20px 0}
	.product-specs-section dl dd h4{width:auto;margin-bottom:10px;font-size:20px}
	.product-specs-section dl dd p{font-size:14px}
	.product-specs-section dl dd p span{font-size:14px}
	.product-specs-section dl dd p .small{ font-size: 12px;}
	.product-specs-section dl dd .item{width:100%}
	.product-specs-section dl dd .item p{padding-right:15px}
	.product-specs-section .notice{margin:15px 10px;font-size:12px;color:#999}
	
	
	
	
}