body .bdshare-button-style0-16 a, body .bdshare-button-style0-16 .bds_more { float: none; padding-left: 0; background-image: inherit; margin: 0; }

body .swal-title { font-size: 22px; }

body .swal-button, body .swal-button:active, body .swal-icon--info:after, body .swal-icon--info:before, body .swal-icon--info:after, body .swal-icon--info:before, body .swal-icon--success__line, body .swal-icon--error__line, body .swal-icon--warning__body, body .swal-icon--warning__dot { background-color: #000; }

body .swal-icon--success__ring { border: 4px solid #000; }

body .swal-button--cancel:active { background-color: #eee; }

body .swal-button { border-radius: 0; padding: 13px 24px; }

body .swal-icon--info, body .swal-icon--error, body .swal-icon--warning { border-color: #000; }

body .swal-button:focus { box-shadow: none; }

body .swal-button--cancel { color: #333; background-color: #eee; }

body .swal-footer { text-align: center; }

body .swal-overlay--show-modal .swal-modal { border-radius: 0; }

.swal-text { font-size: 14px; line-height: 24px; text-align: center; }

.swal-footer { padding-bottom: 40px; }

button { border: none; cursor: pointer; }

.fl { float: left; }

.fr { float: right; }

.hide { display: none; }

.show { display: block; }

.relative { position: relative; }

.absolute { position: absolute; }

.lazy { background: url(../assets/images/loading.gif) no-repeat center center; background-size: 24px; }

.lazy.inset { position: absolute; z-index: -1; top: 50%; left: 50%; width: 24px; height: 24px; margin-top: -12px; margin-left: -12px; }

.clearfl { clear: both; }

.wrap { min-height: calc(100vh - 40px); }

.container { padding-top: 38px; padding-right: 40px; padding-left: 250px; }

.bg-cover { background-repeat: no-repeat; background-position: center center; background-size: cover; }

.module-inner-wrap { position: fixed; right: 40px; top: 38px; z-index: 1000; }

.module-inner-wrap:after { display: block; float: none; clear: both; content: ''; }

.module-text { max-width: 381px; }

.module-text p { font-size: 12px; line-height: 18px; color: #000; }

.small-size-pic { display: none; }

.product .small-size-pic { position: absolute; opacity: 0; }

/*header*/
.logo img { width: 100px; height: 100px; }

.logo .l1 { display: none; }

.no-svg .l1 { display: block; }

.no-svg .l2 { display: none; }

.navigation { padding-top: 32px; }

.navigation li { margin-bottom: 7px; }

.navigation li a { font-family: "helveticaNeueRegular"; font-size: 12px; transition: color 0.4s ease; text-transform: uppercase; word-break: break-all; color: #000; }

.navigation li a:hover { color: #808080; }

.navigation li.on > a { color: #000; }

.navigation dl { display: none; padding-left: 20px; }

.navigation dl dd { padding-top: 6px; }

/*end*/
/*footer*/
.footer { transition: background 0.4s ease; position: relative; }

.footer.bg-color { background-color: #fff; }

.footer-main { font-size: 0; padding: 10px 0; }

.footer-share { padding-left: 28px; }

.footer-copyright { padding-left: 66px; }

/*end*/
/*banner*/
.share a { position: relative; font-size: 20px; margin-right: 6px; transition: color 0.4s ease; color: #000; }

.share a:hover { color: #808080; }

.share .wx { margin-right: 0; }

.share .modia-wx-wrap { transition: all 0.4s ease; background-color: #000; position: absolute; left: -100px; top: -208px; width: 190px; height: 190px; opacity: 0; visibility: hidden; }

.share .modia-wx-wrap.open { opacity: 1; visibility: visible; }

.share .modia-wx-wrap img { padding-top: 30px; display: block; margin: auto; width: 125px; }

.share .modia-wx-wrap strong { font-family: "HelveticaNeueBold"; font-size: 12px; color: #fff; display: block; text-align: center; margin-top: 10px; }

.share .modia-wx-wrap span { cursor: pointer; position: absolute; right: 10px; top: 10px; font-size: 18px; color: #fff; }

.copyright p, .copyright a { font-size: 8px; color: #000; }

.share, .copyright { display: inline-block; vertical-align: middle; }

@keyframes guide-cls-fill { 0% { fill: #333;
    opacity: .4; }
  100% { fill: #fff;
    opacity: 1; } }

.guide-module-full { position: fixed; left: 0; top: 0; width: 100%; height: 100%; background-color: #000; z-index: 1500; overflow: hidden; }

.guide-module-full.on .n-ie .leaf-fill { background-position: 0 0; }

.guide-module-full.on .y-ie .cls { fill: #fff; }

.guide-module-full .n-ie .leaf-fill { transition: background 1s linear; width: 100%; height: 100%; position: absolute; left: 0; top: 0; z-index: 2; background: url(../assets/images/background.png) no-repeat 0 182px; -webkit-mask-image: url(../assets/images/icon-02.svg); }

.guide-module-full .y-ie { display: none; }

.guide-module-full .y-ie svg { position: absolute; left: 0; top: 0; width: 100%; height: 100%; }

.guide-module-full .y-ie .cls { transition: all 1s ease; }

.guide-module-full .y-ie .guide-cls-1 { transition-delay: .2s; }

.guide-module-full .y-ie .guide-line { transition-delay: .4s; }

.guide-module-full .y-ie .guide-cls-2 { transition-delay: .6s; }

.guide-module-full .y-ie .guide-cls-3 { transition-delay: .8s; }

.guide-module-full .dl { position: absolute; left: 0; top: 0; z-index: 1; }

.guide-module-full a { display: inline-block; position: relative; width: 196px; height: 182px; }

.guide-module-full .txt { font-size: 12px; line-height: 20px; color: #fff; margin-top: 32px; }

.guide-module-full .guide-module-content { position: absolute; left: 0; top: 50%; transform: translateY(-50%); width: 100%; text-align: center; padding: 0 20px; }

.home-activity-content { display: none; }

.home-banner, .home-activity-content { position: relative; width: 73.95%; margin-top: 140px; margin-left: auto; margin-right: auto; overflow: hidden; }

.home-banner .item, .home-activity-content .item { position: relative; }

.home-banner figure, .home-activity-content figure { padding-top: calc(100vh - 280px); background-repeat: no-repeat; background-position: top center; background-size: cover; }

.home-banner article h3, .home-activity-content article h3 { font-family: "HelveticaNeueBold"; font-size: 2.60417vw; font-weight: bold; line-height: 1.1; color: #fff; }

.home-banner img, .home-activity-content img { max-width: 100%; }

.home-banner-bgImg { position: fixed; z-index: 50; top: 0; left: 0; width: 100%; height: 100vh; pointer-events: none; }

.home-slider-wrap { font-size: 0; position: relative; overflow: hidden; }

.home-text-slick { position: absolute; left: 0; width: 100%; top: 50%; transform: translateY(-50%); padding: 0 3.125vw; pointer-events: none; }

.home-banner-time { margin-bottom: 4px; position: absolute; left: 0; width: 100%; top: 50%; transform: translateY(-50%); padding: 0 3.125vw; }

.home-banner-time .row { display: inline-block; vertical-align: top; margin-right: 8px; }

.home-banner-time h2, .home-banner-time .row, .home-banner-time span { font-family: "helveticaNeueRegular"; font-size: 14px; line-height: 16px; color: #fff; }

.home-banner-slider { position: relative; margin-top: 10px; text-align: right; }

.slider-dots, .slider-arrows { display: inline-block; vertical-align: middle; }

.slider-dots li, .slider-dots a { display: inline-block; vertical-align: top; }

.slider-dots li { margin: 0 4px; }

.slider-dots a { width: 9px; height: 9px; padding: 0; border: 1px solid #000; transition: background 0.4s ease; text-indent: -99999999999999999px; }

.slider-dots a:hover { background-color: #000; }

.slider-dots .slider-active a { background-color: #000; }

.slider-arrows { margin-left: 40px; }

.slider-arrows a { display: inline-block; margin-left: 5px; transition: background 0.4s ease; vertical-align: middle; width: 30px; height: 30px; border: 1px solid #000; background-color: #fff; position: relative; }

.slider-arrows a i { transition: color 0.4s ease; font-size: 16px; color: #000; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); }

.slider-arrows a:hover { background-color: #000; }

.slider-arrows a:hover i { color: #fff; }

.home-banner-foot { transition: all 0.4s ease; font-size: 0; position: fixed; z-index: 1000; bottom: 16px; left: 0; width: 100%; z-index: 10; padding-left: 26px; }

.home-banner-foot.zindex { z-index: 1; }

.home-banner-share { margin-right: 56px; padding-top: 3px; }

.home-entrance-wap { position: relative; font-size: 0; }

.home-entrance-wap article { position: absolute; top: 50%; left: 0; width: 100%; transform: translateY(-50%); text-align: center; padding: 0 40px; }

.home-entrance-wap article span { color: #fff; transition: color 0.4s ease; font-family: "HelveticaNeueBold"; font-size: 2.60417vw; }

.home-entrance-wap article span:hover { color: #808080; }

.home-entrance-wap figure { overflow: hidden; }

.home-entrance-wap img { width: 100%; transition: all 4s ease; }

.home-item-column, .home-item-full { font-size: 0; position: relative; }

.home-item-column .row { position: relative; display: inline-block; width: 50%; vertical-align: top; }

.home-item-column .row:nth-child(even):after { position: absolute; top: 0; left: 0; display: block; width: 100%; height: 100%; content: ''; pointer-events: none; border-top: 8.64583vw solid #fff; border-right: 8.85417vw solid #fff; border-bottom: 8.64583vw solid #fff; border-left: 8.85417vw solid #fff; }

/*end*/
/*news*/
.page-top-inner { position: relative; margin-bottom: 32px; min-height: 72px; }

.page-top-inner:after { display: block; float: none; clear: both; content: ''; }

.page-title { font-family: "HelveticaNeueBold"; font-size: 40px; position: fixed; top: 60px; left: 250px; color: #000; z-index: 1000; }

.page-title a { transition: color 0.4s ease; color: #000; font-family: "HelveticaNeueBold"; }

.page-title a:hover { color: #808080; }

.m-page-title { display: none; }

.txt-bg .module-text p { background-color: #f8d3d4; }

.news-list { margin-bottom: 40px; }

.news-list ul { font-size: 0; }

.news-list li { margin-bottom: 40px; }

.news-list a { position: relative; display: block; }

.news-list a:hover .title { color: #808080; }

.news-list a:hover img { transform: scale(1.1); }

.news-list figure { display: inline-block; vertical-align: top; }

.news-list figure { position: relative; overflow: hidden; width: 500px; }

.news-list figure img { width: 100%; transition: transform 1s ease; }

.news-list article { position: absolute; top: -2px; left: 500px; width: 610px; height: 100%; padding-left: 18px; }

.news-list .title { font-family: "HelveticaNeueBold"; font-size: 20px; line-height: 24px; margin-bottom: 20px; transition: color 0.4s ease; font-weight: bold; }

.news-list .txt { font-size: 14px; line-height: 22px; margin-bottom: 20px; color: #000; }

.news-list .sc { font-size: 12px; color: #000; }

.news-list time { font-size: 12px; line-height: 14px; position: absolute; bottom: 0; display: block; color: #808080; }

/*end*/
/*news-data*/
.news-data .container { padding-bottom: 50px; }

.news-subject { width: 960px; }

.news-data-banner { font-size: 0; margin-bottom: 12px; text-align: center; }

.news-data-banner .slick-dots { display: none !important; }

.news-data-banner:after { display: block; float: none; clear: both; content: ''; }

.news-slick img { width: 100%; }

.news-slick-page { display: inline-block; margin-top: 10px; text-align: center; margin-left: 60px; }

.news-slick-page div, .news-slick-page i { font-size: 14px; display: inline-block; vertical-align: middle; color: #000; }

.news-slick-page i { margin-right: 4px; margin-left: 2px; }

.news-slick-arrow { float: right; margin-top: 10px; }

.news-slick-arrow a { font-size: 20px; line-height: 30px; display: inline-block; width: 30px; height: 30px; transition: background 0.4s ease; text-align: center; vertical-align: top; color: #fff; background-color: #000; }

.news-slick-arrow a:hover { background-color: #808080; }

.news-slick-arrow .slick-next { margin-left: 1px; }

.news-data-inner .title { font-family: "HelveticaNeueBold"; font-size: 2.08333vw; margin-bottom: 10px; text-transform: uppercase; color: #000; font-weight: bold; }

.news-data-inner .txt { font-size: 14px; line-height: 22px; color: #000; }

/*end*/
/*store-list*/
.store-list { width: 66.7%; }

.store-list ul { font-size: 0; margin: 0 -20px; }

.store-list li { display: inline-block; width: 33.33333333%; margin-bottom: 32px; vertical-align: top; }

.store-list a { position: relative; display: block; margin: 0 20px; }

.store-list a:hover img { transform: scale(1.2); }

.store-list a:hover article .title { color: #808080; }

.store-list figure { position: relative; overflow: hidden; margin-bottom: 16px; padding-top: 56.25%; }

.store-list figure img { position: absolute; top: 0; left: 0; width: 100%; transition: transform 4s ease; }

.store-list article .title { font-size: 14px; line-height: 16px; margin-bottom: 10px; transition: color 0.4s ease; color: #000; }

.store-list article .title p { margin-right: 5px; }

.store-list article .title span, .store-list article .title p { display: inline-block; vertical-align: top; }

.store-list article .txt { font-size: 12px; color: #000; }

.store-list article .txt p { display: inline-block; margin-bottom: 8px; }

/*end*/
/*product*/
.product-data .page-top-inner, .product .page-top-inner { position: absolute; top: 0; left: 0; width: 100%; }

.product .header { background-color: transparent; }

.product .container { position: relative; padding-top: 0; padding-right: 0; padding-left: 0; }

@keyframes zoomOutImage { 0% { transform: scale(1.1); }
  100% { transform: scale(1); } }

.product-pagebgImg { transition: opacity 0.4s ease; overflow: hidden; z-index: -1; }

.product-pagebgImg img { width: 100%; }

.product-list-bg { position: absolute; top: 0; left: 0; width: 100%; height: 45vh; background-color: #000; }

.product-list { position: relative; margin: 0 7.29167vw 40px 250px; }

.product-list ul { font-size: 0; margin: 0 -20px; }

.product-list li { display: inline-block; width: 25%; margin-bottom: 40px; vertical-align: top; }

.product-list a { position: relative; display: block; margin: 0 20px; }

.product-list a:hover .default-img { z-index: -1; }

.product-list a:hover .hover-img { z-index: 1; opacity: 1; }

.product-list figure { position: relative; }

.product-list figure img { width: 100%; }

.product-list figure .hover-img { transition: opacity 0.4s ease; position: absolute; left: 0; top: 0; width: 100%; opacity: 0; z-index: -1; }

/*end*/
/*product-data*/
.product-data .container { padding-top: 0; }

.product-data .page-top-inner { z-index: 100; }

.product-data .product-list { display: none; }

.product-data-banner { position: relative; margin: auto; padding: 0 40px; }

.product-data-banner .slide-arrow { font-size: 24px; position: absolute; top: 50%; transition: color 0.4s ease, opacity 0.4s ease; transform: translateY(-50%); color: #000; }

.product-data-banner .slide-prev { left: 0; }

.product-data-banner .slide-next { right: 0; }

.product-banner-box { display: none; }

.product-data-slick { font-size: 0; }

.product-data-slick a { position: relative; display: block; }

.product-data-slick a:hover article { visibility: visible; opacity: 1; }

.product-data-slick figure { position: relative; }

.product-data-slick figure img { width: auto; margin: auto; height: 100vh; }

.product-data-slick article { font-size: 0; position: absolute; right: 20px; bottom: 20px; width: 160px; height: 80px; padding: 8px 25px 8px 8px; transition: all .25s ease; border: 1px solid #000; }

.product-data-slick article img, .product-data-slick article span { display: inline-block; vertical-align: middle; }

.product-data-slick article img { width: 60px; height: 60px; margin-right: 27px; }

.product-data-slick article span { font-size: 12px; color: #000; }

/*end*/
/*about*/
.about-subject { width: 860px; padding-bottom: 30px; }

.about-content-top { font-size: 0; overflow: hidden; margin-bottom: 34px; }

.switch-inner figure, .switch-inner article { display: inline-block; vertical-align: top; }

.switch-inner article { width: 300px; padding-right: 3.4375vw; }

.switch-inner figure { width: 400px; }

.switch-inner figure img { width: 100%; }

.switch-inner .p-inner { margin-top: 57px; }

.switch-inner .intro { font-family: "HelveticaNeueBold"; font-size: 18px; line-height: 22px; margin-bottom: 16px; color: #000; }

.switch-inner .txt { font-size: 12px; line-height: 18px; color: #000; }

.switch-inner .txt p { margin-bottom: 4px; }

.switch-inner .txt strong { font-weight: bold; }

.switch-inner .m-inner { display: none; }

.switch-inner .title { min-height: 58px; padding-bottom: 20px; }

.switch-inner .title time { font-size: 12px; display: block; margin-bottom: 6px; color: #000; }

.switch-inner .title p { font-size: 12px; display: inline-block; color: #000; }

.switch-time { left: -17px; max-width: 432px; margin-top: 20px; margin-left: 300px; text-align: center; }

.switch-time .slick-current a { color: #808080; }

.switch-time a { font-size: 12px; transition: color 0.4s ease; color: #000; }

.switch-time a:hover { color: #808080; }

.switch-time .switch-time__hover-main { display: none; }

.about-content-middle { margin-bottom: 40px; border-bottom: 1px solid #707070; }

.about-content-middle .caption { font-family: "HelveticaNeueBold"; font-size: 18px; line-height: 22px; margin-bottom: 16px; color: #000; }

.about-content-middle figure { position: relative; margin-bottom: 10px; padding-top: 65.38%; }

.about-content-middle article { font-size: 12px; line-height: 14px; display: inline-block; color: #000; }

.about-content-middle img { position: absolute; top: 0; left: 0; width: 100%; }

.about-content-middle ul { font-size: 0; margin: 0 -20px; }

.about-content-middle li { display: inline-block; width: 33.33333333%; margin-bottom: 40px; vertical-align: top; }

.about-content-middle .item { margin: 0 20px; }

.about-content-bottom .inner-01 { margin-bottom: 40px; }

.about-content-bottom .inner-01 .pic, .about-content-bottom .inner-01 .txt { display: inline-block; vertical-align: top; }

.about-content-bottom .inner-01 .pic { margin-right: 16px; width: 90px; }

.about-content-bottom .inner-01 .txt { font-size: 12px; line-height: 14px; width: 316px; color: #000; }

.about-content-bottom .inner-02 { margin-bottom: 30px; }

.about-content-bottom .inner-02 .code-pic { margin-bottom: 12px; width: 80px; }

.about-content-bottom .inner-02 .share { display: block; margin-bottom: 4px; }

.about-content-bottom .inner-02 .share a { margin-right: 0; }

.about-content-bottom .inner-02 .hint { font-size: 12px; line-height: 14px; color: #000; }

.about-content-bottom .inner-03 a { font-size: 12px; line-height: 14px; color: #000; }

/*end*/
/*login*/
.user-handle { position: relative; min-height: 100vh; background-color: #1a1a1a; }

.user-handle .header { background-color: transparent; }

.user-handle .container { position: relative; }

.user-handle .page-bgImg { position: absolute; top: 0; left: 0; width: 100%; height: 100%; }

.user-handle .page-title, .user-handle .m-page-title, .user-handle .m-page-title a { color: #fff; }

.user-handle .module-text p { color: #fff; }

.user-handle .footer { background-color: transparent; }

.user-handle .footer-share a { color: #fff; }

.user-handle .footer-share a:hover { color: #808080; }

.user-handle .copyright p { color: #fff; }

.verify-message { font-size: 12px; color: #fff; }

.verify-message .error { width: 100%; }

.user-login-subject { font-size: 0; padding-bottom: 40px; }

.user-login-subject .login-caption { font-size: 12px; color: #fff; }

.user-login-subject .login-form-full, .user-login-subject .login-inner-full { display: inline-block; vertical-align: top; }

.user-login-subject .login-form-full { width: 314px; margin-right: 60px; }

.user-login-subject .login-inner-full { width: 400px; }

.login-form-full:after { display: block; float: none; clear: both; content: ''; }

.login-form-full .login-caption { margin-bottom: 28px; }

.login-form-full .form-group { position: relative; margin-bottom: 10px; }

.login-form-full label, .login-form-full input { font-size: 12px; display: inline-block; vertical-align: middle; color: #fff; }

.login-form-full label { width: 50px; padding-right: 10px; }

.login-form-full input { line-height: 24px; width: calc(100% - 50px); height: 24px; padding: 0 10px; border: none; border: 1px solid #fff; background-color: transparent; }

.login-form-full .form-code-group input { width: 154px; margin-right: 10px; }

.login-form-full .form-code-group a, .login-form-full .form-code-group button { display: inline-block; vertical-align: middle; }

.login-form-full .form-code-group button { border: none; cursor: pointer; padding: 0; }

.login-form-full .form-code-group button.forbid { background-color: #808080; color: #fff; cursor: text; }

.login-form-full .send-btn { float: right; }

.login-btn { font-size: 12px; line-height: 24px; width: 100px; height: 24px; transition: all 0.4s ease; text-align: center; color: #000; background-color: #fff; }

.login-btn:hover { color: #fff; background-color: #808080; }

.send-login__btn { background-color: #000; color: #fff; margin-top: 10px; }

.login-inner-full .m-order .login-btn { display: none; }

.login-inner-full .login-caption { margin-bottom: 30px; }

.login-inner-full .row p, .login-inner-full .row h4 { font-size: 12px; line-height: 18px; margin-bottom: 2px; color: #fff; }

.login-inner-full .txt p { display: inline-block; }

.login-inner-full .row-01, .login-inner-full .row-02 { display: inline-block; max-width: 181px; vertical-align: top; }

.login-inner-full .row-01 { margin-right: 38px; }

.login-inner-full .row-03 { max-width: 181px; margin-bottom: 37px; }

.login-inner-full .row-04 { margin-bottom: 40px; }

.login-inner-full .row-04 a { display: inline-block; }

.login-inner-full .row-05 .pic, .login-inner-full .row-05 .intro { display: inline-block; vertical-align: middle; }

.login-inner-full .row-05 .pic { margin-right: 20px; width: 100px; margin-left: 4px; }

.login-inner-full .row-05 .intro { font-size: 12px; line-height: 18px; color: #fff; }

/*end*/
/*register*/
.res-form-full .form-group-sex, .res-form-full .form-group-name { display: inline-block; vertical-align: top; }

.res-form-full .form-group-name { margin-right: 10px; }

.res-form-full .form-group-name input { width: 175px; }

.res-form-full .form-group-sex { line-height: 24px; }

.res-form-full .form-group-sex .row { display: inline-block; margin-right: 16px; vertical-align: top; }

.res-form-full .form-group-sex .row:last-child { margin-right: 0; }

.res-form-full .form-group-sex label { position: relative; width: auto; padding-right: 0; padding-left: 19px; cursor: pointer; }

.res-form-full .form-group-sex label:before, .res-form-full .form-group-sex label:after { position: absolute; top: 8px; left: 0; display: block; width: 7px; height: 7px; content: ''; transition: all 0.4s ease; border: 1px solid #fff; }

.res-form-full .form-group-sex label:after { visibility: hidden; opacity: 0; background-color: #fff; }

.res-form-full .form-group-sex input { display: none; }

.res-form-full .form-group-sex input:checked + label:before { visibility: hidden; opacity: 0; }

.res-form-full .form-group-sex input:checked + label:after { visibility: visible; opacity: 1; }

.res-form-full .form-date-group .row-full, .res-form-full .form-date-group .row { display: inline-block; vertical-align: middle; }

.res-form-full .form-date-group .row { position: relative; width: 81px; margin-right: 10px; }

.res-form-full .form-date-group .row:last-child { margin-right: 0; }

.res-form-full .form-date-group i { font-size: 12px; position: absolute; right: 5px; bottom: 4px; margin-top: -6px; pointer-events: none; color: #fff; }

.res-form-full .form-date-group select { font-size: 12px; line-height: 24px; width: 100%; height: 24px; padding: 0 10px; color: #fff; border: 1px solid #fff; background-color: transparent; }

.res-form-full .form-date-group option { color: #333; }

/*end*/
/*member*/
.member { overflow-x: hidden; }

.member .user-login-subject { padding-bottom: 0; }

.member .container { padding-bottom: 40px; }

.member .integral span, .member .integral .num { font-size: 12px; display: inline-block; vertical-align: top; color: #fff; }

.member .integral span { margin-right: 56px; }

.member .show-amend-full { margin-bottom: 24px; }

.member-infor { margin-bottom: 38px; max-width: 660px; }

.member-infor .login-caption { margin-bottom: 18px; }

.member-infor .row { display: inline-block; vertical-align: top; }

.member-infor .user-card { position: relative; margin-right: 60px; margin-bottom: 18px; }

.member-infor .user-card img { max-width: 100%; }

.member-infor .user-card .vipCode { font-size: 12px; position: absolute; bottom: 15px; left: 18px; color: #fff; }

.member-infor .row-right .pic, .member-infor .row-right .txt { display: inline-block; vertical-align: middle; }

.member-infor .row-right .pic { margin-right: 20px; width: 100px; }

.member-infor .row-right .txt { font-size: 12px; line-height: 18px; color: #fff; }

.show-amend-full { font-size: 0; }

.show-amend-full a { transition: all 0.4s ease; position: relative; font-size: 12px; line-height: 25px; display: inline-block; vertical-align: middle; width: 122px; height: 25px; color: #000; background-color: #fff; padding: 0 15px; margin-right: 22px; }

.show-amend-full a i { transition: all 0.4s ease; font-size: 12px; color: #000; position: absolute; right: 8px; top: 6px; transform: rotate(-90deg); }

.show-amend-full a.on { background-color: #000; color: #fff; }

.show-amend-full a.on i { transform: rotate(0deg); color: #fff; }

.show-amend-full a:hover { background-color: #000; color: #fff; }

.show-amend-full a:hover i { color: #fff; }

.member-filter__date { max-width: 414px; }

.member-filter__date .member-time, .member-filter__date .tc { display: inline-block; vertical-align: middle; }

.member-filter__date .tc { font-size: 12px; color: #fff; width: 30px; text-align: center; }

.member-time { max-width: 190px; width: calc(50% - 15px); }

.member-time input { width: 100%; background-color: #fff; border: none; height: 25px; border: 1px solid #fff; font-size: 12px; color: #000; text-align: center; }

.member-query__wrap { margin-top: 16px; text-align: center; }

.member-query__wrap span { display: block; font-size: 12px; color: #fff; }

.member-query__wrap .query-btn { transition: background 0.4s ease; margin-top: 7px; display: inline-block; width: 120px; height: 25px; line-height: 25px; background-color: #000; font-size: 12px; color: #fff; }

.member-query__wrap .query-btn:hover { background-color: #808080; }

.member-integral__item .member-list__sub { width: 410px; }

.member-consume__item .member-list__sub { width: 860px; }

.member-main__item { position: relative; padding-bottom: 40px; display: none; }

.member-filter__list { margin-top: 50px; }

.member-filter__list .member-list__sub { margin-right: 20px; }

.member-filter__list table { width: 100%; }

.member-filter__list th, .member-filter__list td { text-align: center; padding: 8px 0; font-size: 12px; color: #fff; border-bottom: 1px solid #7c7c7c; }

.member-filter__list thead th:first-child { text-align: left; }

.member-filter__list thead th:last-child { text-align: right; padding-right: 10px; }

.member-filter__list tbody td:first-child { text-align: left; padding-left: 5px; }

.member-filter__list tbody td:last-child { text-align: right; padding-right: 26px; }

.member-total__number { margin-top: 10px; text-align: right; font-size: 12px; color: #fff; }

/*end*/
/*history*/
.history-main { width: 900px; }

.history-intro { margin-bottom: 40px; }

.history-intro .title { font-family: "HelveticaNeueBold"; font-size: 14px; color: #000; margin-bottom: 10px; }

.history-intro .txt { font-size: 12px; line-height: 16px; color: #000; }

.history-content { font-size: 0; }

.history-content .show-history-pic, .history-content .history-list { display: inline-block; vertical-align: top; }

.show-history-pic { width: 300px; margin-right: 35px; }

.show-history-pic img { max-width: 100%; }

.show-history-pic p { margin-top: 16px; font-size: 14px; font-family: "HelveticaNeueBold"; color: #000; }

.history-list { width: 525px; }

.history-list .box { display: none; }

.history-list ul { display: inline-block; vertical-align: top; width: 50%; }

.history-list li { padding-right: 15px; }

.history-list a { transition: background 0.4s ease; display: inline-block; padding: 0 5px; }

.history-list a img { display: none; }

.history-list a span { transition: color 0.4s ease; font-size: 12px; line-height: 20px; color: #000; }

.history-list a:hover { background-color: #000; }

.history-list a:hover span { color: #fff; }

/*end*/
@media screen and (min-width: 1025px) { .no-scroll { overflow: hidden; }
  .home .header { transition: all 0.4s ease; background-color: transparent; }
  .home .home-top-content { transition: all 0.6s cubic-bezier(0.7, 0.01, 0.3, 1); height: 100vh; }
  .home.scroll-visible .home-banner-foot { opacity: 0; visibility: hidden; }
  .home.scroll-visible .module-inner-wrap { z-index: 800; }
  .home.scroll-visible .home-banner-bgImg { opacity: 0; visibility: hidden; }
  .home.scroll-visible .home-top-content { overflow: hidden; height: 0; padding-top: 0; }
  .shopify-section { position: fixed; left: 0; top: 0; width: 100%; height: 100%; z-index: 200; }
  .home-banner, .home-activity-content { z-index: 100; }
  .home-entrance-wap { z-index: 300; }
  .footer { position: fixed; bottom: 0; left: 0; width: 100%; z-index: 1300; }
  .header { transition: all 0.4s ease; position: fixed; z-index: 800; top: 0; left: 0; width: 250px; height: 100%; padding: 0 30px; background-color: #fff; }
  .header-share, .m-menu { display: none; }
  .product-data { overflow-y: hidden; }
  .product-data .container { padding-left: 0; }
  .product .page-title, .product-data .page-title { left: 250px; }
  .product-perch { padding-top: calc(100vh - 160px); }
  .product-data-slick article { visibility: hidden; opacity: 0; }
  .product-pagebgImg { width: 100%; min-height: 100vh; position: fixed; top: 0; left: 0; right: 0; bottom: 0; }
  .user-handle .navigation li a { color: #fff; }
  .user-handle .navigation li a:hover { color: #808080; }
  .user-handle .navigation li.on > a { color: #fff; }
  .store .container { padding-right: 5.20833vw; }
  .product-list { transition: all 1s linear; opacity: 0; visibility: hidden; }
  .product-list.show { opacity: 1; visibility: visible; }
  .product-data-banner { width: 670px; }
  .product-data-banner .slide-arrow { display: none; }
  .product-data-banner .slide-arrow.show { display: block; }
  .product-data-banner .slide-arrow:hover { color: #808080; }
  .product-data-banner .slide-arrow.forbid { color: #808080; opacity: .6; } }

@media screen and (max-width: 1600px) { .home-banner-bgImg video { width: 1600px; } }

@media screen and (max-width: 1440px) { .page-title { font-size: 34px; }
  .news-list figure { width: 400px; }
  .news-list article { left: 400px; width: calc(100% - 400px); }
  .store-list { width: 80%; }
  .store-list ul { margin: 0 -10px; }
  .store-list li { margin-bottom: 22px; }
  .store-list a { margin: 0 10px; }
  .product-list ul { margin: 0 -10px; }
  .product-list a { margin: 0 10px; }
  .guide-module-content svg { width: 140px; }
  .guide-module-content a { width: 140px; height: 130px; }
  .guide-module-content .txt { margin-top: 10px; }
  .home-banner-bgImg video { width: 1440px; } }

@media screen and (max-width: 1366px) { .news-subject { width: 90%; }
  .guide-module-content svg { width: 120px; }
  .guide-module-content a { width: 120px; height: 111px; }
  .home-banner-bgImg video { width: 1366px; } }

@media screen and (max-width: 1300px) { .store-list { width: 90%; }
  .product-list li { width: 33.333333%; }
  .home-banner-bgImg video { width: 1300px; } }

@media screen and (max-width: 1200px) { .page-title { font-size: 30px; }
  .about-subject { width: 100%; }
  .user-login-subject .login-form-full { margin-right: 46px; }
  .history-main { width: 740px; }
  .show-history-pic { width: 260px; }
  .history-list { width: 440px; }
  .home-banner-bgImg video { width: 1200px; } }

@media screen and (max-width: 1100px) { .member .iScrollHorizontalScrollbar { background-color: #fff !important; border: none !important; height: 1px !important; overflow: inherit !important; }
  .member .iScrollIndicator { height: 5px !important; background-color: #fff !important; border-radius: 0 !important; top: -2px; } }

@media screen and (max-width: 1024px) { html, body { overflow: hidden; overflow-y: auto; }
  .large-size-pic { display: none; }
  .small-size-pic { display: block; }
  .product .large-size-pic { position: absolute; opacity: 0; }
  .product .small-size-pic { position: relative; opacity: 1; }
  .module-inner-wrap, .home-banner-bgImg, .home-banner-slider, .home-banner-foot { display: none; }
  .home-entrance-wap article span { font-size: 30px; }
  .navigation { position: fixed; z-index: 400; top: 0; right: 0; visibility: hidden; width: 400px; height: 100%; padding-top: 140px; padding-right: 20px; padding-left: 20px; transition: all 0.4s ease; transform: translateX(100%); opacity: 0; background-color: rgba(255, 255, 255, 0.9); }
  .navigation li { position: relative; margin-bottom: 30px; }
  .navigation li a { font-size: 18px; }
  .navigation dl { position: absolute; top: 0; right: 30px; max-width: 70%; }
  .navigation dl dd { padding-top: 0; padding-bottom: 12px; }
  .header { transition: all 0.4s ease; font-size: 0; position: fixed; z-index: 300; top: 0; left: 0; width: 100%; padding: 0 20px; background-color: #fff; }
  .header.scrollOpa { transform: translate3d(0, -100%, 0); pointer-events: none; }
  .header-main { position: relative; }
  .logo img { position: relative; z-index: 420; width: 68px; height: 68px; }
  .m-menu { position: absolute; z-index: 450; top: 50%; right: 0; cursor: pointer; transform: translateY(-50%); }
  .m-menu i { display: block; width: 28px; height: 3px; margin: 6px 0; transition: all 0.4s ease; background-color: #000; }
  .open .navigation { visibility: visible; transform: translateX(0); opacity: 1; }
  .open .m-menu i:nth-child(1) { transform: translateY(13px) rotate(-45deg); }
  .open .m-menu i:nth-child(2) { visibility: hidden; opacity: 0; }
  .open .m-menu i:nth-child(3) { transform: translateY(-5px) rotate(47deg); }
  .header-share { position: absolute; bottom: 20px; left: 0; width: 100%; padding-left: 20px; }
  .header-share .wx { margin-right: 0; }
  .footer-copyright { padding-left: 24px; }
  .wrap { padding-top: 68px; min-height: inherit; }
  .container { padding-top: 20px; padding-right: 20px; padding-left: 20px; }
  .about .container { padding-top: 14px; }
  .home .home-top-content { padding-top: 20px; margin: 0 20px 10px 20px; }
  .home-entrance-wap { margin: 0 20px; }
  .home-banner, .home-activity-content { width: 100%; margin-top: 0; }
  .home-banner figure, .home-activity-content figure { padding-top: 56%; }
  .home-banner article h3, .home-activity-content article h3 { font-size: 34px; }
  .home-item-column .row:nth-child(even):after { border-width: 10px; }
  .home-text-slick, .home-banner-time { padding: 0 24px; text-align: center; }
  .home-item-column { margin-bottom: 10px; }
  .home-slider-wrap { height: auto; padding-top: 0; }
  .page-top-inner { margin-bottom: 0; min-height: inherit; }
  .page-title { font-size: 22px; position: fixed; z-index: 1000; top: 27px; bottom: inherit; left: 120px; backface-visibility: hidden; display: none; }
  .m-page-title { font-size: 22px; color: #000; font-family: "HelveticaNeueBold"; display: inline-block; margin-left: 13px; }
  .m-page-title a { font-size: 22px; color: #000; font-family: "HelveticaNeueBold"; display: inline-block; }
  .news-data-inner .title { font-size: 22px; }
  .news-subject { width: auto; }
  .news-data-banner { margin-bottom: 10px; }
  .product .page-top-inner { padding-top: 0; }
  .product .product-list { padding-top: 0; }
  .product-pagebgImg { height: auto; margin: 20px 4px 4px 4px; }
  .product-list { margin-right: 4px; margin-left: 4px; padding-top: 20px; }
  .product-list ul { margin: 0 -2px; }
  .product-list li { margin-bottom: 4px; }
  .product-list a { margin: 0 2px; }
  .product .header { background-color: #fff; }
  .product .page-top-inner { padding-top: 0; }
  .product-data-slick figure:after { padding-top: calc(100vh - 102px); }
  .product-data-banner { width: 100%; margin-top: 20px; padding: 0; }
  .product-data-banner figure img { width: 100%; height: auto; }
  .product-data .page-top-inner { z-index: 320; padding-top: 0; }
  .about-content-middle ul { margin: 0 -9px; }
  .about-content-middle .item { margin: 0 9px; }
  .about-subject { width: auto; }
  .about-content-bottom .inner-02, .about-content-bottom .inner-03 { text-align: center; }
  .user-handle .header { background-color: #1a1a1a; }
  .user-handle .page-bgImg { display: none; }
  .user-handle .m-menu i { background-color: #fff; }
  .user-handle.open .m-menu i { background-color: #000; }
  .guide-module-content svg { width: 90px; }
  .guide-module-content a { width: 90px; height: 83px; }
  .store-list { width: 100%; }
  .share .modia-wx-wrap { top: -155px; width: 150px; height: 150px; }
  .share .modia-wx-wrap img { padding-top: 24px; width: 90px; }
  .share .modia-wx-wrap span { font-size: 16px; top: 7px; right: 7px; }
  .member-filter__list { margin-top: 30px; }
  .member-main__filter::-webkit-scrollbar { display: none; } }

@media screen and (max-width: 800px) { .guide-module-content .txt { font-size: 8px; line-height: 14px; }
  .home-banner article h3, .home-activity-content article h3 { font-size: 26px; }
  .home-entrance-wap article span { font-size: 24px; }
  .news-list li { margin-bottom: 30px; }
  .news-list figure { width: 100%; margin-bottom: 12px; }
  .news-list article { position: relative; top: inherit; left: 0; width: 100%; padding-left: 0; }
  .news-list article:after { display: block; float: none; clear: both; content: ''; }
  .news-list .title { margin-bottom: 10px; font-size: 18px; }
  .news-list .txt { max-height: inherit; font-size: 12px; line-height: 18px; margin-bottom: 18px; }
  .news-list .sc { float: left; font-size: 10px; }
  .news-list time { font-size: 10px; position: relative; bottom: inherit; float: right; }
  .store-list li, .product-list li { width: 50%; }
  .store-list { margin-bottom: 10px; }
  .store-list article .title p { display: none; }
  .store-list article .title span { text-transform: uppercase; font-size: 16px; }
  .store-list article .txt p { margin-bottom: 4px; }
  .store-list .attr-tel { display: none; }
  .switch-inner article { width: 100%; margin-bottom: 0; padding-right: 0; }
  .switch-inner figure { width: 100%; }
  .switch-inner .intro { margin-bottom: 12px; }
  .switch-inner .title { min-height: 45px; padding-bottom: 10px; }
  .switch-inner .title time { margin-bottom: 0; font-weight: bold; }
  .switch-inner .title p { background-color: transparent; }
  .switch-inner .p-inner { display: none; }
  .switch-inner .m-inner { display: block; margin-top: 10px; }
  .switch-time { left: -40px; width: 111%; max-width: inherit; margin-left: 0; margin-top: 14px; }
  .about-content-top { margin-bottom: 20px; }
  .about-content-middle { margin-bottom: 20px; }
  .about-content-middle li { margin-bottom: 20px; }
  .about-content-middle .caption { margin-bottom: 10px; }
  .about-content-bottom .inner-01 { margin-bottom: 30px; }
  .about-content-bottom .inner-01 .txt { font-size: 10px; }
  .about-content-bottom .inner-02 { margin-bottom: 22px; }
  .about-content-bottom .inner-03 a { font-size: 11px; line-height: 12px; }
  .user-login-subject .login-form-full { margin-bottom: 26px; }
  .user-login-subject .login-caption { font-size: 14px; }
  .login-form-full label { font-size: 12px; width: 50px; }
  .login-form-full input { width: calc(100% - 50px); }
  .login-form-full .form-code-group input { width: calc(100% - 160px); }
  .res-form-full input { width: calc(100% - 50px); }
  .res-form-full .form-group-name input { width: calc(100% - 50px); }
  .res-form-full .form-date-group .row-full { width: calc(100% - 50px); }
  .member-infor .user-card { margin-right: 46px; }
  .history-main { width: auto; }
  .show-history-pic { width: 300px; margin-right: 20px; }
  .show-history-pic p { margin-top: 8px; }
  .history-intro { display: none; }
  .history-list { height: 100vh; width: calc(100% - 340px); overflow: hidden; margin-top: -4px; }
  .history-list ul { margin-left: 20px; width: 100%; }
  .history-list li { margin-bottom: 6px; }
  .history .iScrollVerticalScrollbar { background-color: transparent; overflow: inherit !important; right: auto !important; z-index: 10 !important; height: 100vh; top: 88px !important; width: 5px !important; }
  .history .iScrollVerticalScrollbar:after { content: ""; display: block; position: absolute; left: 2px; top: 0; width: 1px; background-color: #000; height: 100%; }
  .history .iScrollIndicator { background-color: #000 !important; border: none !important; left: 0; border-radius: 0 !important; top: 0; }
  .product-list { margin-bottom: 30px; }
  .product-data-slick article { border: none; width: auto; height: auto; padding: 0; right: 12px; bottom: 12px; text-align: center; }
  .product-data-slick article img { margin-right: 0; margin-top: 46px; }
  .product-data-slick article span { font-size: 14px; position: absolute; top: 0; left: 0; width: 100%; }
  .product-data-banner { margin-top: 20px; padding: 0; margin-bottom: 0; }
  .product-data-banner .slide-arrow { font-size: 20px; line-height: 30px; display: inline-block; width: 30px; height: 30px; text-align: center; vertical-align: top; color: #fff; background-color: #000; }
  .product-data-banner .slide-prev { left: 0; }
  .product-data-banner .slide-next { right: 0; }
  .product-data .product-list { display: block; margin-left: 0; margin-right: 0; }
  .news-data-inner .title { font-size: 18px; }
  .news-data-inner .txt { font-size: 12px; line-height: 18px; }
  .switch-time a { font-size: 11px; }
  .store-list li { margin-bottom: 20px; }
  .store-list article .title { font-size: 12px; font-weight: bold; }
  .store-list article .txt { font-size: 10px; } }

@media screen and (max-width: 700px) { .member .integral { margin-bottom: 40px; } }

@media screen and (max-width: 640px) { .member-integral__item .member-list__sub { width: 100%; } }

@media screen and (max-width: 600px) { .show-history-pic { position: fixed; width: 45%; margin-right: 5%; }
  .history-list { width: 50%; margin-left: 52%; } }

@media screen and (max-width: 500px) { .navigation { width: 100%; }
  .home-banner article h3, .home-activity-content article h3 { font-size: 18px; }
  .home-entrance-wap article span { font-size: 16px; line-height: 16px; }
  .page-title { left: 100px; font-size: 18px; width: 160px; }
  .m-page-title { font-size: 18px; width: 160px; }
  .m-page-title a { font-size: 18px; }
  .navigation li { margin-bottom: 14px; }
  .navigation li a { font-size: 12px; }
  .footer-share { padding-left: 16px; }
  .footer-copyright { padding-left: 17px; margin-top: 5px; display: block; }
  .share .wx { margin-right: -4px; }
  .store-list ul { margin: 0 -5px; }
  .store-list a { margin: 0 5px; }
  .store-list figure { margin-bottom: 8px; }
  .store-list article .title { margin-bottom: 4px; }
  .about-content-middle ul { margin: 0 -4px; }
  .about-content-middle .item { margin: 0 4px; }
  .switch-time { left: -10px; width: 106%; }
  .about-content-bottom .inner-01 .pic { width: 70px; }
  .about-content-bottom .inner-01 .txt { width: calc(100% - 100px); }
  .user-login-subject .login-form-full { width: 100%; margin-right: 0; margin-bottom: 40px; }
  .user-login-subject .login-inner-full { width: 100%; }
  .user-login-subject .login-inner-full .row-01, .user-login-subject .login-inner-full .row-02 { width: 50%; }
  .user-login-subject .login-inner-full .row-01 { margin-right: 0; padding-right: 30px; }
  .login-form-full input { line-height: 35px; height: 35px; }
  .login-btn { line-height: 35px; height: 35px; }
  .login-inner-full .login-caption { margin-bottom: 22px; }
  .login-inner-full .row-04 { display: none; }
  .login-inner-full .m-order { margin-bottom: 20px; }
  .login-inner-full .m-order:after { content: ""; display: block; float: none; clear: both; }
  .login-inner-full .m-order .login-caption { float: left; margin-top: 6px; margin-bottom: 0; }
  .login-inner-full .m-order .login-btn { display: block; float: right; }
  .login-inner-full .row h4 { margin-bottom: 6px; }
  .login-inner-full .row-03 { max-width: 100%; }
  .res-form-full .form-group-sex { display: block; margin-top: -3px; margin-bottom: 16px; text-align: right; }
  .res-form-full .form-group-sex label:before, .res-form-full .form-group-sex label:after { top: 7px; width: 10px; height: 10px; }
  .res-form-full .form-group-name { display: block; margin-right: 0; }
  .res-form-full .form-date-group .row { width: 33.3333333333%; margin-right: 0; padding: 0 2%; }
  .res-form-full .form-date-group .row:first-child { padding-left: 0; }
  .res-form-full .form-date-group .row:last-child { padding-right: 0; }
  .res-form-full .form-date-group i { right: 8px; bottom: 10px; }
  .res-form-full .form-date-group select { line-height: 34px; height: 34px; }
  .res-form-full .form-date-group option { background-color: #000; }
  .member .integral span, .member .integral .num { font-size: 14px; }
  .member-infor .row-right .pic { margin-right: 10px; }
  .member-infor .row-right .txt { font-size: 14px; line-height: 22px; }
  .show-amend-full { margin-right: -3%; }
  .show-amend-full a { width: 30.3333333%; margin-right: 3%; padding: 0 6px; height: 35px; line-height: 35px; }
  .show-amend-full a i { right: 2px; font-size: 10px; margin-top: 5px; }
  .lazy { background-size: 22px; }
  .history-list a span { font-size: 10px; line-height: 18px; }
  .show-history-pic p { font-size: 12px; }
  .member-time input { height: 35px; line-height: 35px; background-color: transparent; color: #fff; }
  .member-query__wrap .query-btn { height: 35px; line-height: 35px; } }

/*# sourceMappingURL=main.css.map */