@charset "UTF-8";/*! Animate.css - http://daneden.me/animate Licensed under the MIT license - http://opensource.org/licenses/MIT Copyright (c) 2015 Daniel Eden */.animated{animation-duration:1s;animation-fill-mode:both}.animated.infinite{animation-iteration-count:infinite}.animated.hinge{animation-duration:2s}@keyframes bounce{0%,100%,20%,53%,80%{transition-timing-function:cubic-bezier(0.215,.61,.355,1);transform:translate3d(0,0,0)}40%,43%{transition-timing-function:cubic-bezier(0.755,.050,.855,.060);transform:translate3d(0,-30px,0)}70%{transition-timing-function:cubic-bezier(0.755,.050,.855,.060);transform:translate3d(0,-15px,0)}90%{transform:translate3d(0,-4px,0)}}.bounce{animation-name:bounce;transform-origin:center bottom}@keyframes flash{0%,100%,50%{opacity:1}25%,75%{opacity:0}}.flash{animation-name:flash}@keyframes pulse{0%{transform:scale3d(1,1,1)}50%{transform:scale3d(1.05,1.05,1.05)}100%{transform:scale3d(1,1,1)}}.pulse{animation-name:pulse}@keyframes rubberBand{0%{transform:scale3d(1,1,1)}30%{transform:scale3d(1.25,.75,1)}40%{transform:scale3d(0.75,1.25,1)}50%{transform:scale3d(1.15,.85,1)}65%{transform:scale3d(.95,1.05,1)}75%{transform:scale3d(1.05,.95,1)}100%{transform:scale3d(1,1,1)}}.rubberBand{animation-name:rubberBand}@keyframes shake{0%,100%{transform:translate3d(0,0,0)}10%,30%,50%,70%,90%{transform:translate3d(-10px,0,0)}20%,40%,60%,80%{transform:translate3d(10px,0,0)}}.shake{animation-name:shake}@keyframes swing{20%{transform:rotate3d(0,0,1,15deg)}40%{transform:rotate3d(0,0,1,-10deg)}60%{transform:rotate3d(0,0,1,5deg)}80%{transform:rotate3d(0,0,1,-5deg)}100%{transform:rotate3d(0,0,1,0deg)}}.swing{transform-origin:top center;animation-name:swing}@keyframes tada{0%{transform:scale3d(1,1,1)}10%,20%{transform:scale3d(.9,.9,.9) rotate3d(0,0,1,-3deg)}30%,50%,70%,90%{transform:scale3d(1.1,1.1,1.1) rotate3d(0,0,1,3deg)}40%,60%,80%{transform:scale3d(1.1,1.1,1.1) rotate3d(0,0,1,-3deg)}100%{transform:scale3d(1,1,1)}}.tada{animation-name:tada}@keyframes wobble{0%{transform:none}15%{transform:translate3d(-25%,0,0) rotate3d(0,0,1,-5deg)}30%{transform:translate3d(20%,0,0) rotate3d(0,0,1,3deg)}45%{transform:translate3d(-15%,0,0) rotate3d(0,0,1,-3deg)}60%{transform:translate3d(10%,0,0) rotate3d(0,0,1,2deg)}75%{transform:translate3d(-5%,0,0) rotate3d(0,0,1,-1deg)}100%{transform:none}}.wobble{animation-name:wobble}@keyframes bounceIn{0%,100%,20%,40%,60%,80%{transition-timing-function:cubic-bezier(0.215,.61,.355,1)}0%{opacity:0;transform:scale3d(.3,.3,.3)}20%{transform:scale3d(1.1,1.1,1.1)}40%{transform:scale3d(.9,.9,.9)}60%{opacity:1;transform:scale3d(1.03,1.03,1.03)}80%{transform:scale3d(.97,.97,.97)}100%{opacity:1;transform:scale3d(1,1,1)}}.bounceIn{animation-name:bounceIn;animation-duration:.75s}@keyframes bounceInDown{0%,100%,60%,75%,90%{transition-timing-function:cubic-bezier(0.215,.61,.355,1)}0%{opacity:0;transform:translate3d(0,-3000px,0)}60%{opacity:1;transform:translate3d(0,25px,0)}75%{transform:translate3d(0,-10px,0)}90%{transform:translate3d(0,5px,0)}100%{transform:none}}.bounceInDown{animation-name:bounceInDown}@keyframes bounceInLeft{0%,100%,60%,75%,90%{transition-timing-function:cubic-bezier(0.215,.61,.355,1)}0%{opacity:0;transform:translate3d(-3000px,0,0)}60%{opacity:1;transform:translate3d(25px,0,0)}75%{transform:translate3d(-10px,0,0)}90%{transform:translate3d(5px,0,0)}100%{transform:none}}.bounceInLeft{animation-name:bounceInLeft}@keyframes bounceInRight{0%,100%,60%,75%,90%{transition-timing-function:cubic-bezier(0.215,.61,.355,1)}0%{opacity:0;transform:translate3d(3000px,0,0)}60%{opacity:1;transform:translate3d(-25px,0,0)}75%{transform:translate3d(10px,0,0)}90%{transform:translate3d(-5px,0,0)}100%{transform:none}}.bounceInRight{animation-name:bounceInRight}@keyframes bounceInUp{0%,100%,60%,75%,90%{transition-timing-function:cubic-bezier(0.215,.61,.355,1)}0%{opacity:0;transform:translate3d(0,3000px,0)}60%{opacity:1;transform:translate3d(0,-20px,0)}75%{transform:translate3d(0,10px,0)}90%{transform:translate3d(0,-5px,0)}100%{transform:translate3d(0,0,0)}}.bounceInUp{animation-name:bounceInUp}@keyframes bounceOut{20%{transform:scale3d(.9,.9,.9)}50%,55%{opacity:1;transform:scale3d(1.1,1.1,1.1)}100%{opacity:0;transform:scale3d(.3,.3,.3)}}.bounceOut{animation-name:bounceOut;animation-duration:.75s}@keyframes bounceOutDown{20%{transform:translate3d(0,10px,0)}40%,45%{opacity:1;transform:translate3d(0,-20px,0)}100%{opacity:0;transform:translate3d(0,2000px,0)}}.bounceOutDown{animation-name:bounceOutDown}@keyframes bounceOutLeft{20%{opacity:1;transform:translate3d(20px,0,0)}100%{opacity:0;transform:translate3d(-2000px,0,0)}}.bounceOutLeft{animation-name:bounceOutLeft}@keyframes bounceOutRight{20%{opacity:1;transform:translate3d(-20px,0,0)}100%{opacity:0;transform:translate3d(2000px,0,0)}}.bounceOutRight{animation-name:bounceOutRight}@keyframes bounceOutUp{20%{transform:translate3d(0,-10px,0)}40%,45%{opacity:1;transform:translate3d(0,20px,0)}100%{opacity:0;transform:translate3d(0,-2000px,0)}}.bounceOutUp{animation-name:bounceOutUp}@keyframes fadeIn{0%{opacity:0}100%{opacity:1}}.fadeIn{animation-name:fadeIn}@keyframes fadeInDown{0%{opacity:0;transform:translate3d(0,-100%,0)}100%{opacity:1;transform:none}}.fadeInDown{animation-name:fadeInDown}@keyframes fadeInDownBig{0%{opacity:0;transform:translate3d(0,-2000px,0)}100%{opacity:1;transform:none}}.fadeInDownBig{animation-name:fadeInDownBig}@keyframes fadeInLeft{0%{opacity:0;transform:translate3d(-100%,0,0)}100%{opacity:1;transform:none}}.fadeInLeft{animation-name:fadeInLeft}@keyframes fadeInLeftBig{0%{opacity:0;transform:translate3d(-2000px,0,0)}100%{opacity:1;transform:none}}.fadeInLeftBig{animation-name:fadeInLeftBig}@keyframes fadeInRight{0%{opacity:0;transform:translate3d(100%,0,0)}100%{opacity:1;transform:none}}.fadeInRight{animation-name:fadeInRight}@keyframes fadeInRightBig{0%{opacity:0;transform:translate3d(2000px,0,0)}100%{opacity:1;transform:none}}.fadeInRightBig{animation-name:fadeInRightBig}@keyframes fadeInUp{0%{opacity:0;transform:translate3d(0,100%,0)}100%{opacity:1;transform:none}}.fadeInUp{animation-name:fadeInUp}@keyframes fadeInUpBig{0%{opacity:0;transform:translate3d(0,2000px,0)}100%{opacity:1;transform:none}}.fadeInUpBig{animation-name:fadeInUpBig}@keyframes fadeOut{0%{opacity:1}100%{opacity:0}}.fadeOut{animation-name:fadeOut}@keyframes fadeOutDown{0%{opacity:1}100%{opacity:0;transform:translate3d(0,100%,0)}}.fadeOutDown{animation-name:fadeOutDown}@keyframes fadeOutDownBig{0%{opacity:1}100%{opacity:0;transform:translate3d(0,2000px,0)}}.fadeOutDownBig{animation-name:fadeOutDownBig}@keyframes fadeOutLeft{0%{opacity:1}100%{opacity:0;transform:translate3d(-100%,0,0)}}.fadeOutLeft{animation-name:fadeOutLeft}@keyframes fadeOutLeftBig{0%{opacity:1}100%{opacity:0;transform:translate3d(-2000px,0,0)}}.fadeOutLeftBig{animation-name:fadeOutLeftBig}@keyframes fadeOutRight{0%{opacity:1}100%{opacity:0;transform:translate3d(100%,0,0)}}.fadeOutRight{animation-name:fadeOutRight}@keyframes fadeOutRightBig{0%{opacity:1}100%{opacity:0;transform:translate3d(2000px,0,0)}}.fadeOutRightBig{animation-name:fadeOutRightBig}@keyframes fadeOutUp{0%{opacity:1}100%{opacity:0;transform:translate3d(0,-100%,0)}}.fadeOutUp{animation-name:fadeOutUp}@keyframes fadeOutUpBig{0%{opacity:1}100%{opacity:0;transform:translate3d(0,-2000px,0)}}.fadeOutUpBig{animation-name:fadeOutUpBig}@keyframes flip{0%{transform:perspective(400px) rotate3d(0,1,0,-360deg);animation-timing-function:ease-out}40%{transform:perspective(400px) translate3d(0,0,150px) rotate3d(0,1,0,-190deg);animation-timing-function:ease-out}50%{transform:perspective(400px) translate3d(0,0,150px) rotate3d(0,1,0,-170deg);animation-timing-function:ease-in}80%{transform:perspective(400px) scale3d(.95,.95,.95);animation-timing-function:ease-in}100%{transform:perspective(400px);animation-timing-function:ease-in}}.animated.flip{backface-visibility:visible;animation-name:flip}@keyframes flipInX{0%{transform:perspective(400px) rotate3d(1,0,0,90deg);transition-timing-function:ease-in;opacity:0}40%{transform:perspective(400px) rotate3d(1,0,0,-20deg);transition-timing-function:ease-in}60%{transform:perspective(400px) rotate3d(1,0,0,10deg);opacity:1}80%{transform:perspective(400px) rotate3d(1,0,0,-5deg)}100%{transform:perspective(400px)}}.flipInX{backface-visibility:visible!important;animation-name:flipInX}@keyframes flipInY{0%{transform:perspective(400px) rotate3d(0,1,0,90deg);transition-timing-function:ease-in;opacity:0}40%{transform:perspective(400px) rotate3d(0,1,0,-20deg);transition-timing-function:ease-in}60%{transform:perspective(400px) rotate3d(0,1,0,10deg);opacity:1}80%{transform:perspective(400px) rotate3d(0,1,0,-5deg)}100%{transform:perspective(400px)}}.flipInY{backface-visibility:visible!important;animation-name:flipInY}@keyframes flipOutX{0%{transform:perspective(400px)}30%{transform:perspective(400px) rotate3d(1,0,0,-20deg);opacity:1}100%{transform:perspective(400px) rotate3d(1,0,0,90deg);opacity:0}}.flipOutX{animation-name:flipOutX;animation-duration:.75s;backface-visibility:visible!important}@keyframes flipOutY{0%{transform:perspective(400px)}30%{transform:perspective(400px) rotate3d(0,1,0,-15deg);opacity:1}100%{transform:perspective(400px) rotate3d(0,1,0,90deg);opacity:0}}.flipOutY{backface-visibility:visible!important;animation-name:flipOutY;animation-duration:.75s}@keyframes lightSpeedIn{0%{transform:translate3d(100%,0,0) skewX(-30deg);opacity:0}60%{transform:skewX(20deg);opacity:1}80%{transform:skewX(-5deg);opacity:1}100%{transform:none;opacity:1}}.lightSpeedIn{animation-name:lightSpeedIn;animation-timing-function:ease-out}@keyframes lightSpeedOut{0%{opacity:1}100%{transform:translate3d(100%,0,0) skewX(30deg);opacity:0}}.lightSpeedOut{animation-name:lightSpeedOut;animation-timing-function:ease-in}@keyframes rotateIn{0%{transform-origin:center;transform:rotate3d(0,0,1,-200deg);opacity:0}100%{transform-origin:center;transform:none;opacity:1}}.rotateIn{animation-name:rotateIn}@keyframes rotateInDownLeft{0%{transform-origin:left bottom;transform:rotate3d(0,0,1,-45deg);opacity:0}100%{transform-origin:left bottom;transform:none;opacity:1}}.rotateInDownLeft{animation-name:rotateInDownLeft}@keyframes rotateInDownRight{0%{transform-origin:right bottom;transform:rotate3d(0,0,1,45deg);opacity:0}100%{transform-origin:right bottom;transform:none;opacity:1}}.rotateInDownRight{animation-name:rotateInDownRight}@keyframes rotateInUpLeft{0%{transform-origin:left bottom;transform:rotate3d(0,0,1,45deg);opacity:0}100%{transform-origin:left bottom;transform:none;opacity:1}}.rotateInUpLeft{animation-name:rotateInUpLeft}@keyframes rotateInUpRight{0%{transform-origin:right bottom;transform:rotate3d(0,0,1,-90deg);opacity:0}100%{transform-origin:right bottom;transform:none;opacity:1}}.rotateInUpRight{animation-name:rotateInUpRight}@keyframes rotateOut{0%{transform-origin:center;opacity:1}100%{transform-origin:center;transform:rotate3d(0,0,1,200deg);opacity:0}}.rotateOut{animation-name:rotateOut}@keyframes rotateOutDownLeft{0%{transform-origin:left bottom;opacity:1}100%{transform-origin:left bottom;transform:rotate3d(0,0,1,45deg);opacity:0}}.rotateOutDownLeft{animation-name:rotateOutDownLeft}@keyframes rotateOutDownRight{0%{transform-origin:right bottom;opacity:1}100%{transform-origin:right bottom;transform:rotate3d(0,0,1,-45deg);opacity:0}}.rotateOutDownRight{animation-name:rotateOutDownRight}@keyframes rotateOutUpLeft{0%{transform-origin:left bottom;opacity:1}100%{transform-origin:left bottom;transform:rotate3d(0,0,1,-45deg);opacity:0}}.rotateOutUpLeft{animation-name:rotateOutUpLeft}@keyframes rotateOutUpRight{0%{transform-origin:right bottom;opacity:1}100%{transform-origin:right bottom;transform:rotate3d(0,0,1,90deg);opacity:0}}.rotateOutUpRight{animation-name:rotateOutUpRight}@keyframes hinge{0%{transform-origin:top left;animation-timing-function:ease-in-out}20%,60%{transform:rotate3d(0,0,1,80deg);transform-origin:top left;animation-timing-function:ease-in-out}40%,80%{transform:rotate3d(0,0,1,60deg);transform-origin:top left;animation-timing-function:ease-in-out;opacity:1}100%{transform:translate3d(0,700px,0);opacity:0}}.hinge{animation-name:hinge}@keyframes rollIn{0%{opacity:0;transform:translate3d(-100%,0,0) rotate3d(0,0,1,-120deg)}100%{opacity:1;transform:none}}.rollIn{animation-name:rollIn}@keyframes rollOut{0%{opacity:1}100%{opacity:0;transform:translate3d(100%,0,0) rotate3d(0,0,1,120deg)}}.rollOut{animation-name:rollOut}@keyframes zoomIn{0%{opacity:0;transform:scale3d(.3,.3,.3)}50%{opacity:1}}.zoomIn{animation-name:zoomIn}@keyframes zoomInDown{0%{opacity:0;transform:scale3d(.1,.1,.1) translate3d(0,-1000px,0);animation-timing-function:cubic-bezier(0.55,.055,.675,.19)}60%{opacity:1;transform:scale3d(.475,.475,.475) translate3d(0,60px,0);animation-timing-function:cubic-bezier(0.175,.885,.32,1)}}.zoomInDown{animation-name:zoomInDown}@keyframes zoomInLeft{0%{opacity:0;transform:scale3d(.1,.1,.1) translate3d(-1000px,0,0);animation-timing-function:cubic-bezier(0.55,.055,.675,.19)}60%{opacity:1;transform:scale3d(.475,.475,.475) translate3d(10px,0,0);animation-timing-function:cubic-bezier(0.175,.885,.32,1)}}.zoomInLeft{animation-name:zoomInLeft}@keyframes zoomInRight{0%{opacity:0;transform:scale3d(.1,.1,.1) translate3d(1000px,0,0);animation-timing-function:cubic-bezier(0.55,.055,.675,.19)}60%{opacity:1;transform:scale3d(.475,.475,.475) translate3d(-10px,0,0);animation-timing-function:cubic-bezier(0.175,.885,.32,1)}}.zoomInRight{animation-name:zoomInRight}@keyframes zoomInUp{0%{opacity:0;transform:scale3d(.1,.1,.1) translate3d(0,1000px,0);animation-timing-function:cubic-bezier(0.55,.055,.675,.19)}60%{opacity:1;transform:scale3d(.475,.475,.475) translate3d(0,-60px,0);animation-timing-function:cubic-bezier(0.175,.885,.32,1)}}.zoomInUp{animation-name:zoomInUp}@keyframes zoomOut{0%{opacity:1}50%{opacity:0;transform:scale3d(.3,.3,.3)}100%{opacity:0}}.zoomOut{animation-name:zoomOut}@keyframes zoomOutDown{40%{opacity:1;transform:scale3d(.475,.475,.475) translate3d(0,-60px,0);animation-timing-function:cubic-bezier(0.55,.055,.675,.19)}100%{opacity:0;transform:scale3d(.1,.1,.1) translate3d(0,2000px,0);transform-origin:center bottom;animation-timing-function:cubic-bezier(0.175,.885,.32,1)}}.zoomOutDown{animation-name:zoomOutDown}@keyframes zoomOutLeft{40%{opacity:1;transform:scale3d(.475,.475,.475) translate3d(42px,0,0)}100%{opacity:0;transform:scale(.1) translate3d(-2000px,0,0);transform-origin:left center}}.zoomOutLeft{animation-name:zoomOutLeft}@keyframes zoomOutRight{40%{opacity:1;transform:scale3d(.475,.475,.475) translate3d(-42px,0,0)}100%{opacity:0;transform:scale(.1) translate3d(2000px,0,0);transform-origin:right center}}.zoomOutRight{animation-name:zoomOutRight}@keyframes zoomOutUp{40%{opacity:1;transform:scale3d(.475,.475,.475) translate3d(0,60px,0);animation-timing-function:cubic-bezier(0.55,.055,.675,.19)}100%{opacity:0;transform:scale3d(.1,.1,.1) translate3d(0,-2000px,0);transform-origin:center bottom;animation-timing-function:cubic-bezier(0.175,.885,.32,1)}}.zoomOutUp{animation-name:zoomOutUp}@keyframes slideInDown{0%{transform:translateY(-100%);visibility:visible}100%{transform:translateY(0)}}.slideInDown{animation-name:slideInDown}@keyframes slideInLeft{0%{transform:translateX(-100%);visibility:visible}100%{transform:translateX(0)}}.slideInLeft{animation-name:slideInLeft}@keyframes slideInRight{0%{transform:translateX(100%);visibility:visible}100%{transform:translateX(0)}}.slideInRight{animation-name:slideInRight}@keyframes slideInUp{0%{transform:translateY(100%);visibility:visible}100%{transform:translateY(0)}}.slideInUp{animation-name:slideInUp}@keyframes slideOutDown{0%{transform:translateY(0)}100%{visibility:hidden;transform:translateY(100%)}}.slideOutDown{animation-name:slideOutDown}@keyframes slideOutLeft{0%{transform:translateX(0)}100%{visibility:hidden;transform:translateX(-100%)}}.slideOutLeft{animation-name:slideOutLeft}@keyframes slideOutRight{0%{transform:translateX(0)}100%{visibility:hidden;transform:translateX(100%)}}.slideOutRight{animation-name:slideOutRight}@keyframes slideOutUp{0%{transform:translateY(0)}100%{visibility:hidden;transform:translateY(-100%)}}.slideOutUp{animation-name:slideOutUp} @keyframes notyf-fadeinup{0%{opacity:0;transform:translateY(25%)}to{opacity:1;transform:translateY(0)}}@keyframes notyf-fadeinleft{0%{opacity:0;transform:translateX(25%)}to{opacity:1;transform:translateX(0)}}@keyframes notyf-fadeoutright{0%{opacity:1;transform:translateX(0)}to{opacity:0;transform:translateX(25%)}}@keyframes notyf-fadeoutdown{0%{opacity:1;transform:translateY(0)}to{opacity:0;transform:translateY(25%)}}@keyframes ripple{0%{transform:scale(0) translateY(-45%) translateX(13%)}to{transform:scale(1) translateY(-45%) translateX(13%)}}.notyf{position:fixed;top:0;left:0;height:100%;width:100%;color:#fff;z-index:9999;display:flex;flex-direction:column;align-items:flex-end;justify-content:flex-end;pointer-events:none;box-sizing:border-box;padding:20px}.notyf__icon--error,.notyf__icon--success{height:21px;width:21px;background:#fff;border-radius:50%;display:block;margin:0 auto;position:relative}.notyf__icon--error:after,.notyf__icon--error:before{content:"";background:currentColor;display:block;position:absolute;width:3px;border-radius:3px;left:9px;height:12px;top:5px}.notyf__icon--error:after{transform:rotate(-45deg)}.notyf__icon--error:before{transform:rotate(45deg)}.notyf__icon--success:after,.notyf__icon--success:before{content:"";background:currentColor;display:block;position:absolute;width:3px;border-radius:3px}.notyf__icon--success:after{height:6px;transform:rotate(-45deg);top:9px;left:6px}.notyf__icon--success:before{height:11px;transform:rotate(45deg);top:5px;left:10px}.notyf__toast{display:block;overflow:hidden;pointer-events:auto;animation:notyf-fadeinup .3s ease-in forwards;box-shadow:0 3px 7px 0 rgba(0,0,0,.25);position:relative;padding:0 15px;border-radius:2px;max-width:300px;transform:translateY(25%);box-sizing:border-box;flex-shrink:0}.notyf__toast--disappear{transform:translateY(0);animation:notyf-fadeoutdown .3s forwards;animation-delay:.25s}.notyf__toast--disappear .notyf__icon,.notyf__toast--disappear .notyf__message{animation:notyf-fadeoutdown .3s forwards;opacity:1;transform:translateY(0)}.notyf__toast--disappear .notyf__dismiss{animation:notyf-fadeoutright .3s forwards;opacity:1;transform:translateX(0)}.notyf__toast--disappear .notyf__message{animation-delay:.05s}.notyf__toast--upper{margin-bottom:20px}.notyf__toast--lower{margin-top:20px}.notyf__toast--dismissible .notyf__wrapper{padding-right:30px}.notyf__ripple{height:400px;width:400px;position:absolute;transform-origin:bottom right;right:0;top:0;border-radius:50%;transform:scale(0) translateY(-51%) translateX(13%);z-index:5;animation:ripple .4s ease-out forwards}.notyf__wrapper{display:flex;align-items:center;padding-top:17px;padding-bottom:17px;padding-right:15px;border-radius:3px;position:relative;z-index:10}.notyf__icon{width:22px;text-align:center;font-size:1.3em;opacity:0;animation:notyf-fadeinup .3s forwards;animation-delay:.3s;margin-right:13px}.notyf__dismiss{position:absolute;top:0;right:0;height:100%;width:26px;margin-right:-15px;animation:notyf-fadeinleft .3s forwards;animation-delay:.35s;opacity:0}.notyf__dismiss-btn{background-color:rgba(0,0,0,.25);border:none;cursor:pointer;transition:opacity .2s ease,background-color .2s ease;outline:none;opacity:.35;height:100%;width:100%}.notyf__dismiss-btn:after,.notyf__dismiss-btn:before{content:"";background:#fff;height:12px;width:2px;border-radius:3px;position:absolute;left:calc(50% - 1px);top:calc(50% - 5px)}.notyf__dismiss-btn:after{transform:rotate(-45deg)}.notyf__dismiss-btn:before{transform:rotate(45deg)}.notyf__dismiss-btn:hover{opacity:.7;background-color:rgba(0,0,0,.15)}.notyf__dismiss-btn:active{opacity:.8}.notyf__message{vertical-align:middle;position:relative;opacity:0;animation:notyf-fadeinup .3s forwards;animation-delay:.25s;line-height:1.5em}@media only screen and (max-width:480px){.notyf{padding:0}.notyf__ripple{height:600px;width:600px;animation-duration:.5s}.notyf__toast{max-width:none;border-radius:0;box-shadow:0 -2px 7px 0 rgba(0,0,0,.13);width:100%}.notyf__dismiss{width:56px}} /* 购物车弹窗样式 */ .pop-up-windowa {position: fixed;width: 415px;background: #f5f5f5;top: 80px;right:-415px; padding: 0 25px;overflow: auto;z-index: 100;border-radius: 15px;} .pop-top h2{font-weight: 700;font-size: 26px;color: #272525;padding: 27px 0 31px 0; } .popbox{background: #fff;border-radius: 8px; overflow: hidden; margin-bottom: 10px;} .cart-t{ padding: 18px 0 0;} .cart-t h3{font-weight: bold;font-size: 14px;color: #0F0F0F;display: flex;gap:8px;padding-left: 10px;align-items: center;} .my_protocol_a .input_agreement_protocol { -moz-appearance: none; appearance: none; -webkit-appearance: none; outline: none; display: none; } .my_protocol_a .input_agreement_protocol+span {cursor:pointer;width: 20px;height: 20px;border:1px solid #d8d8d8;display: inline-block;position: relative;border-radius:50%; vertical-align:middle; } .my_protocol_a .input_agreement_protocol:checked+span {background-image: url(../images/pic62.png); background-size:100% 100%;} .pay-text h2{font-weight: bold;font-size: 14px; line-height: 1.4;color: #1A1A1A; margin-top: 5px;} .cart-top{padding: 0 10px;} .cart-top li{padding: 20px 0; border-bottom: 1px solid #eee;} .cartbox{display: flex;justify-content: space-between;align-items: flex-start;} .carta-left{width: 105px; display: flex;justify-content: space-between;} .carta-left img{width: 75px;border-radius: 6px;-o-object-fit: cover;object-fit: cover;aspect-ratio: 16 / 16;} .carta-right{width: calc(100% - 125px);} .carta-right h3{font-weight: bold;color: #1A1A1A;font-size: 12px;line-height: 14px;} .carta-right p{font-size: 10px;color: #4B4B4B;margin:8px 0;} .carta-price{display: flex;justify-content: space-between;align-items: center; padding-right: 15px;} .carta-right h4{font-size: 12px;color:#FF0000;} .product-total{font-weight: 700;color: #FF0000;} .quantity-control_a{display: flex;justify-content: space-between;width: 93px;} .decrease-btn{width: 21px;height:20px;border: 1px solid #dadada;border-radius: 4px;background: #fff;font-size: 16px;color: #000;cursor: pointer; line-height: 15px; } .increase-btn{width: 21px;height:20px;border: 1px solid #dadada;border-radius: 4px;background: #fff;font-size: 16px;color: #000;cursor: pointer; } .quantity-input{width: calc(100% - 44px);border-radius: 4px; height: 20px;text-align: center; line-height: 20px;background: #f1f2f7;} .cart-top li:last-child {border-bottom: none;} .cart-bottom {display: flex; padding: 10px 40px;background: #fff2ec;justify-content: space-between;align-items: center;} .cart-bottom h3 span{font-size: 16px;color: #000;} .Total-Price{font-weight: bold;display: inline-block; color:#FF0000;font-size: 16px;margin: 0 6px;} .total-discount{color: #646464;font-size: 10px;text-decoration: line-through;} .Checkout-buttom{width: 110px;height: 35px;background: #ff5e16;border-radius: 18px;color: #fff;font-weight: bold;cursor: pointer;border: none;} .summary-botton{color: #FF5E17;font-size: 14px;display: flex;gap:5px;margin-top: 5px;align-items: center;} .win-bg{position: fixed;width: 100%;height: calc(100% - 80px);background: rgba(0,0,0,.7);top: 80px;left: 0;z-index: 100;display: none;} .transitionPoint{ width: 10px; height: 10px; background: red; position: fixed; z-index: 1999; border-radius: 50%; } .pop-up-windowa .pop-top{ height: auto; } @charset "utf-8"; /* CSS Document */ *,*:before,*:after { scrollbar-width: none; /* 先写Firefox，避免样式冲突（可选） */ -ms-overflow-style: none; /* 2. 兼容 IE 和 旧版 Edge */ box-sizing: border-box; } body{ margin:0px; padding:0px; font-size:12px;font-family:"PingFang SC", "Microsoft YaHei","黑体";color:#898989;line-height:1; background:#FFF;} ul,li,dl,dd,dt,p,h1,h2,h3,h4,h5,h6,ol,form,input{ margin:0px; padding:0px;} input,textarea { font-family: "微软雅黑"; border: none; outline: none; background: none; } ul,li{ list-style:none} img{border:0px; padding:0px; display: block;} a{ color:#5c5c5c; text-decoration:none} h2,h3,h4,b,strong { font-weight: normal; } em,i { font-style: normal; } .clear{ zoom: 1; } .clear:after { content: ''; display: block; clear: both; } .fl { float:left} .fr { float:right} /*Language pop-up window*/ .language-modal{position: fixed; width: 100%;height: 100%; left: 0;top: 0;z-index: 100;display: none;} .language-modal-bg{position:fixed; width: 100%;height: 100%; left: 0;top: 0;background: rgba(0,0,0,.7);z-index: 100;} .language{width: 430px;top: 100px; position: fixed;z-index: 101;left:50%; top:50%; transform:translate(-50%,-50%);} .languagebox{border-radius: 8px; background: #fff;box-shadow:0 0 10px rgba(0, 0, 0, .1); padding: 0 25px 25px 25px;} .language-title{padding: 30px 0 40px;} .language-title h2{font-weight: 700;font-size: 18px;color: #2C2C2C;} .language-title h2 img{display: inline-block;vertical-align: middle; margin: -3px 5px 0 0;} .language-content li{padding-bottom: 35px;} .language-content p{font-weight: 700;font-size: 16px;color: #2C2C2C;margin-bottom: 10px;} .select-choice{width: 100%; height: 42px;border-radius: 5px; padding: 0 20px;background: #efeff1;border: none;outline:none;} .Save-buttom{display: block;width: 100%;border-radius: 5px; height: 42px;background: #222127;border: none;cursor: pointer;color: #fff;font-weight: 700;font-size: 16px;} .Cancel-buttom{display: block;width: 100%;border-radius: 5px; height: 42px;background: #f4f4f4;border: none;cursor: pointer;color: #222127;font-weight: 700;font-size: 16px; margin-top: 10px;} /*Login pop-up window*/ .pop-up-bg{position:fixed; width: 100%;height: 100%; left: 0;top: 0;background: rgba(0,0,0,.7);z-index: 101;display: none;} .login-pop{position: fixed;width: 580px; z-index: 10001;border-radius: 6px; background: #fff;left:50%; top:50%; transform:translate(-50%,-50%);overflow: hidden;display: none;} .login-pop h2{font-weight: bold;font-size: 22px;color: #3C3C3C; padding: 40px 45px;} .login-content li{padding-bottom: 15px;} .input_b{width: 100%;height: 50px; padding-left: 60px; border: 1px solid #dedede; line-height: 48px;background: #fff;width: 100%;border-radius: 25px;background: url(../images/pic38.png) no-repeat 22px center;} .input_c{width: 100%;height: 50px; padding-left: 60px; border: 1px solid #dedede; line-height: 48px;background: #fff;width: 100%;border-radius: 25px;background: url(../images/pic39.png) no-repeat 22px center;} .log-buttoom{cursor: pointer; width: 100%;color: #fff;font-size: 16px;border: none;height: 50px;margin-top: 10px;border-radius: 25px;background: #ff5e16;} .login-content{padding: 0 45px;position: relative;} /* 登录弹窗内提示文案美化 */ .login-message{margin-top: 8px;font-size: 13px;line-height: 1.4;text-align: center;color: #666;min-height: 18px;} .login-message.success{color: #0F5132;background: #D1E7DD;border-radius: 999px;padding: 6px 12px;margin-top: 12px;} .login-message.error{color: #842029;background: #F8D7DA;border-radius: 999px;padding: 6px 12px;margin-top: 12px;} /* 浏览器自动填充时保持邮箱图标与样式 */ .input_b:-webkit-autofill{ box-shadow: 0 0 0 30px #fff inset; -webkit-text-fill-color: #000; background-color: #fff !important; background-image: url("/buffhub/images/pic38.png") !important; background-repeat: no-repeat !important; background-position: 22px center !important; } /* 验证码 6 位小方框样式 */ .login-pop-code-row{display: flex;justify-content: space-between;gap: 8px;margin: 4px 0 0;} .login-pop-code-box{width: 40px;height: 44px;border-radius: 8px;border: 1px solid #dedede;text-align: center;font-size: 20px;line-height: 44px;} .login-pop-code-box:focus{outline: none;border-color: #ff5e16;box-shadow: 0 0 0 1px rgba(255,94,22,0.2);} /* 登录弹窗加载动画覆盖层 */ .login-pop-loading{position: absolute;left: 0;top: 0;right: 0;bottom: 0;background: rgba(255,255,255,0.85);display: none;align-items: center;justify-content: center;flex-direction: column;z-index: 10002;} .login-pop-loading .loading-spinner{width: 32px;height: 32px;border-radius: 50%;border: 3px solid #ffd6bf;border-top-color: #ff5e16;animation: login-pop-spin 0.8s linear infinite;margin-bottom: 8px;} .login-pop-loading .loading-text{font-size: 14px;color: #555;} @keyframes login-pop-spin{to{transform: rotate(360deg);}} .Login-Selection h3{text-align: center; padding: 25px 0;text-align: center; color: #777777;font-size: 16px;} .Login-Selection ul{display: flex;justify-content: center;gap:8px} .Login-Instructions h4{font-size:12px;color: #777777; margin: 30px 0;text-align: center;line-height: 1.5;} .Login-Instructions h4 a{color: #37A1F6;} .Login-Instructions h4 a:hover{text-decoration: underline;} .Login-Instructions ul{background: #f9f9f9;padding: 35px 70px;display: flex;justify-content: space-between; position: relative;} .Login-Instructions ul:before{position: absolute;content: "";background: url(../images/a125.png); width: 20px;height: 42px; left: 50px;top: 50%;transform: translateY(-50%);background-size: 100% 100%;} .Login-Instructions ul:after{position: absolute;content: "";background: url(../images/a126.png); width: 20px;height: 42px; right: 50px;top: 50%;transform: translateY(-50%);background-size: 100% 100%;} .Login-Instructions li{text-align: center;} .Login-Instructions h3{font-weight: bold;font-size: 18px;color: #525252;} .Login-Instructions p{font-size: 12px;color: #777777; margin-top: 15px;} .five-stars{background: url(../images/pic48.png);width: 17px;height: 16px;display: inline-block;background-size: 100% 100%;vertical-align: middle; margin: -3px 5px 0 0;} .close-bottom{position: absolute;cursor: pointer;background: url(../images/a127.png);width: 19px;height: 19px;background-size: 100% 100%;top:40px;right: 40px;z-index: 10;} .logqh{padding: 0 50px;} .logqh li{padding-bottom: 15px;} /*breadcrumb*/ .main-content {width: 1300px; margin: 0 auto;max-width: 94%;} .breadcrumb{padding: 19px 0;display: flex;gap:5px; font-size: 14px;color: #626262;} .breadcrumb h4{font-size: 14px;display: flex;align-items: center;} .breadcrumb h2,h3{font-size: 14px;} .breadcrumb a{color: #626262;transition: all .5s;} .breadcrumb h2.cur a{font-weight: 700;color: #000103;} .breadcrumb a:hover{font-weight: 700;color: #000103;} .breadcrumb img{display: inline-block;vertical-align: middle;margin-right: 8px;} /*pagination*/ .pagination ul{display: flex;justify-content: center;align-items: center;gap:8px;flex-wrap: nowrap;white-space: nowrap;} .pagination li{display: inline-flex;align-items: center;} .pagination a{line-height: 39px;width: 39px;display: inline-flex;align-items: center;justify-content: center;color: #0F0F0F;font-size: 14px;text-align: center;background: #efeff1;border-radius: 50%;flex-shrink: 0;} .pagination .ellipsis{display: inline-flex;align-items: center;justify-content: center;line-height: 39px;color: #0F0F0F;width: 39px;text-align: center;border-radius: 50%;background: #efeff1;flex-shrink: 0;} .pagination .prev{line-height: 39px;width: auto;background: none; padding-right: 15px;flex-shrink: 0;} .prev b{display: inline-block;background: url(../images/a38.png);width: 8px;height: 13px;background-size: 100% 100%;vertical-align: middle; margin: -3px 10px 0 0;} .pagination .next{line-height: 39px;width: 39px;width: auto;background: none; padding-left: 15px;flex-shrink: 0;} .next b{display: inline-block;background: url(../images/a39.png);width: 8px;height: 13px;background-size: 100% 100%;vertical-align: middle; margin: -3px 0 0 10px;} .pagination a.active{background: #2c2d32;color: #fff;} .pagination a.on:hover{background: #2c2d32;color: #fff;} .pop-up-windowa {position: fixed;width: 415px;background: #f5f5f5;top: 80px;right:-415px; padding: 0 25px;z-index: 1001;border-radius: 15px;height: calc(100vh - 80px);} .pop-top{overflow: auto;height: calc(100vh - 180px);} .pop-top h2{font-weight: 700;font-size: 26px;color: #272525;padding: 27px 0 31px 0; } .popbox{background: #fff;border-radius: 8px; overflow: hidden; margin-bottom: 10px;} .cart-t{ padding: 18px 0 0;} .cart-t h3{font-weight: bold;font-size: 14px;color: #0F0F0F;display: flex;gap:8px;padding-left: 10px;align-items: center;} .my_protocol_a .input_agreement_protocol { -moz-appearance: none; appearance: none; -webkit-appearance: none; outline: none; display: none; } .my_protocol_a .input_agreement_protocol+span {cursor:pointer;width: 20px;height: 20px;border:1px solid #d8d8d8;display: inline-block;position: relative;border-radius:50%; vertical-align:middle; } .my_protocol_a .input_agreement_protocol:checked+span {background-image: url(../images/pic62.png); background-size:100% 100%;} .pay-text h2{font-weight: bold;font-size: 14px; line-height: 1.4;color: #1A1A1A; margin-top: 5px;} .cart-top{padding: 0 10px;} .cart-top li{padding: 20px 0; border-bottom: 1px solid #eee;} .cartbox{display: flex;justify-content: space-between;align-items: flex-start;} .carta-left{width: 105px; display: flex;justify-content: space-between;} .carta-left img{width: 75px;border-radius: 6px;-o-object-fit: cover;object-fit: cover;aspect-ratio: 16 / 16;} .carta-right{width: calc(100% - 125px);} .carta-right h3{font-weight: bold;color: #1A1A1A;font-size: 12px;line-height: 14px;} .carta-right p{font-size: 10px;color: #4B4B4B;margin:8px 0;} .carta-price{display: flex;justify-content: space-between;align-items: center; padding-right: 15px;} .carta-right h4{font-size: 12px;color:#FF0000;} .product-total{font-weight: 700;color: #FF0000;} .quantity-control_a{display: flex;justify-content: space-between;width: 93px;} .decrease-btn{width: 21px;height:20px;border: 1px solid #dadada;border-radius: 4px;background: #fff;font-size: 16px;color: #000;} .increase-btn{width: 21px;height:20px;border: 1px solid #dadada;border-radius: 4px;background: #fff;font-size: 16px;color: #000;} .quantity-input{width: calc(100% - 44px);border-radius: 4px; height: 20px;text-align: center; line-height: 20px;background: #f1f2f7;} .cart-top li:last-child {border-bottom: none;} .cart-bottom {display: flex; padding: 10px 40px;background: #fff2ec;justify-content: space-between;align-items: center;} .cart-bottom h3 span{font-size: 16px;color: #000;} .Total-Price{font-weight: bold;display: inline-block; color:#FF0000;font-size: 16px;margin: 0 6px;} .total-discount{color: #646464;font-size: 10px;text-decoration: line-through;} .Checkout-buttom{width: 110px;height: 35px;background: #ff5e16;border-radius: 18px;color: #fff;font-weight: bold;cursor: pointer;border: none;} .summary-botton{color: #FF5E17;font-size: 14px;display: flex;gap:5px;margin-top: 5px;align-items: center;} .win-bg{position: fixed;width: 100%;height: calc(100% - 80px);background: rgba(0,0,0,.7);top: 80px;left: 0;z-index: 100;display: none;} .member{width: 415px;border-radius: 10px;top: 80px;position: fixed;z-index: 1005;background: #fff;right: -415px;padding: 30px 15px 15px 15px;box-shadow:0 0 10px rgba(0, 0, 0, .1); } .go-right{position: absolute;background: url(../images/pic153.png);width: 20px;height: 12px;background-size: 100% 100%;cursor: pointer; right: 50px;top: 80px;} .member-button{width: 46px; position: relative;background: none;border: none;cursor: pointer;} .user-profile{display: flex;justify-content: space-between;align-items: center;} .avatar-large {width:76px;height: 76px;margin: 0 0 0 10px;} .avatar-large img{width: 100%;aspect-ratio: 16 / 16; border-radius: 50%;} .vipbox{width: calc(100% - 98px);} .user-id { font-size: 18px; margin-bottom: 8px;font-weight: bold;color: #312E2C;} .vip-badge {display: inline-block;width: 72px;} .vip-badge img{width: 100%;} .points-right{width: calc(100% - 290px);} .balance-info { margin:25px 0 0;border-bottom: 1px solid #eee; padding-bottom: 15px;display: flex;} .balance-info .balance-item:nth-child(3) { display: none; } .balance-item {text-align: center;width:50;} .balance-amount{display: flex;justify-content: center;align-items: flex-start;margin-top: 20px;font-size: 18px; font-weight: bold;color: #333;margin-bottom: 12px;height: 27px;} .sidebar-left{width: 271px;background: #fff; padding:33px 10px 0 10px;box-shadow: 0px 3px 6px 0px rgba(51, 169, 255, 0.0627);border-radius: 6px;} .user-profile{display: flex;justify-content: space-between;align-items: center;} .user-id { font-size: 18px; margin-bottom: 8px;font-weight: bold;color: #312E2C;} .vip-badge {display: inline-block;} .points-right{width: calc(100% - 290px);} .balance-info { margin:5px 0 0;border-bottom: 1px solid #eee; padding-bottom: 15px;display: flex;} .balance-item {text-align: center;width: 50%;} .balance-label { font-size: 16px;color:#312E2C;} .personal-menu {padding:15px 0 10px 0;} .menu-link { display: flex; align-items: center;gap: 15px; color: #1D1D1D;text-decoration: none;padding: 10px; border-radius: 4px;transition: background-color 0.3s;font-size: 18px;position: relative; position: relative;transition: all .5s;line-height: 36px;} .menu-link:before{position: absolute;content: "";width: 3px;height: 0; top: 50%;transform: translateY(-50%);left: 0;background: #ff0000;transition: all .5s;} .balance-amount img{display: inline-block;vertical-align: middle; margin: -3px 8px 0 0;width: 27px;} .menu-link:hover {font-weight: bold;background: #FFF2ED;} .menu-link:hover:before{height: 100%;} .menu-icon {width: 25px;height: 20px; display: flex;align-items: center; justify-content: center;} .menu-item b{width: 30px; line-height: 30px;background: #ff0000;text-align: center;font-size: 14px;color: #fff; position: absolute;right: 15px;top: 50%;transform: translateY(-50%);border-radius: 50%;} .menu-item.cur a{font-weight: bold;background: #FFF2ED; } .menu-item.cur a:before{height: 100%;} .Program-Rules{position: fixed;z-index: 1005;border-radius: 6px;width: 600px;background: #fff;padding: 45px;left:50%; top:50%; transform:translate(-50%,-50%);display: none;} .Program-Rules h2{font-weight: bold;font-size: 16px;color: #312E2C;margin-bottom: 20px;} .Program-Rules p{font-size: 12px;color: #312E2C;line-height: 1.7;} .Confrm-button{display: block;margin: 20px auto 0 auto;cursor: pointer; width: 105px;height: 31px;border: none;background: #ff5e16;border-radius: 6px;color: #fff; } @media (max-width: 950px){ .sidebar-left,.breadcrumb{display: none;} .close-bottom{top: .3rem; right: .3rem;width: .3rem;height: .3rem;background-size: 100% 100%;} .language{width: 90%; right: auto;left:50%; top:50%; transform:translate(-50%,-50%);display: none; z-index: 1001;} .languagebox{padding: 0 .3rem .45rem .3rem;} .language-title{padding: .45rem 0 .25rem;} .language-title h2{font-size: .32rem;} .language-title h2 img{width: .35rem;} .language-content li{padding-bottom: .2rem;} .language-content p{padding: .2em 0;font-size: .24rem;} .login-pop{position: fixed; width: 750px;max-width: 100%; border-radius:.2rem .2rem 0 0; top: auto; transform: translate(0, 0); bottom: -120%;display: block;overflow: hidden;padding-bottom: .5rem;left: 50%;transform: translateX(-50%);} .Login-Instructions ul{display: none;} .login-sj{padding: .4rem .3rem .8rem .3rem; background-image: linear-gradient(#d9d2f8, #f9e1db);} .login-sj img{width: .85rem;} .login-sj h3{font-weight: bold;font-size: .28rem;line-height: 1.4;color: #000;margin-top: .1rem;} .login_bottom{background: #fff; padding: .25rem .3rem 0 .3rem;border-radius: .2rem .2rem 0 0; position: relative;z-index: 10;top: -.2rem;} .logqh{padding: 0;} .logqh p{font-weight: bold;font-size: .28rem;color: #333; padding: .2rem 0;} .Login-Selection{background: #fff; padding: .3rem .3rem 0 .3rem ;} .Login-Selection ul{overflow: auto;} .login-pop h2{padding: .35rem .35rem;font-size: .36rem;} .login-content{padding: 0 .35rem;} .login-content li{padding-bottom: .2rem;} .input_b,.input_c{height: .9rem;line-height: .9rem;padding-left: .9rem;font-size: .3rem;border-radius: .45rem;background-position: .28rem center;background-size: .32rem auto;} .log-buttoom{height: .9rem;line-height: .9rem;font-size: .32rem;border-radius: .45rem;} .Login-Selection h3{font-size: .32rem;padding: .25rem 0;} .Login-Selection ul{gap: .28rem;padding-bottom: .12rem;} .Login-Selection ul img{width: .8rem;height: .8rem;} .login-message{font-size: .26rem;} .Login-Selection img{width: .5rem;} .Login-Instructions{background: #fff;} .Login-Instructions h4{padding: .2rem .3rem; margin: 0;} .log-buttoom{height: .8rem;font-size: .3rem;} .Tourist-button{margin: 0 .3rem; text-align: center;display: block;border-radius: .4rem;line-height: .8rem;background: #222127;font-size: .3rem;color: #F4DBBF;} .input_b{height: .8rem;line-height: .78rem;} .win-bg{width: 100%;height: 100%;position: fixed;top: 0;left: 0;background: rgba(0,0,0,.7);z-index: 99;} .pop-up-windowa{ width:100%; background: #ffff;top: auto;right: auto;z-index: 1005; border-radius: .2rem .2rem 0 0; height: calc(100vh - 3rem);left: 50%;transform: translateX(-50%);bottom: -120%; padding: 0 .3rem 1.5rem .3rem;} .pop-top h2{display: none;} .pop-top{height:calc(100vh - 4rem);} .member {width: 90%; border-radius: .2rem;top: auto;background: none; right: auto; padding:0;box-shadow: 0 0 10px rgba(0, 0, 0, 0);left:50%; top:50%; transform:translate(-50%,-50%);display: none;} .member-top{border-radius: .2rem;background: #fff; padding: 0 .3rem .3rem .3rem;} .avatar-large{margin-top: -.5rem;width: 1.05rem;} .avatar-large img{border: 2px solid #fff;} .vipbox{width: calc(100% - 1.3rem);display: flex;justify-content: space-between;align-items: center;} .user-profile{align-items: flex-start;} .user-id{font-size: .26rem;} .vip-badge{width: 1.1rem;} .balance-info{margin:-.5rem 0 0 0; padding: 0;border: none;gap:.1rem;} .balance-item{width: calc(33.33% - .2rem/3);} .balance-amount{padding: 0;margin: 0;font-size: .3rem;} .balance-amount img{margin:-2px .1rem 0 0;width: .4rem;} .balance-label{font-size: .24rem;margin-top: .1rem;} .balance-item h2{font-size: .3rem;color: #000;font-weight: bold;} .balance-item p{font-size: .24rem;margin-top: .15rem;} .need{background: #fff;border-radius: .2rem; padding: .3rem 0;margin-top: .25rem;} .need ul{display: flex;justify-content: space-between;align-items: center;} .need li{width: 25%;} .need p{font-size: .24rem;color: #333; margin-top: .1rem;text-align: center;} .need img{margin: 0 auto;width: .6rem;} .go-right{right: .3rem;top: .9rem;} .Program-Rules {width: 90%; padding: .5rem .3rem;} } @keyframes bottomPayMethod-marquee { 0% { transform: translate3d(0, 0, 0); } 100% { transform: translate3d(-50%, 0, 0); } } #bottomPayMethod{ overflow: hidden; } #bottomPayMethod .bottomPayMethod-track{ display: flex; width: -moz-max-content; width: max-content; animation: bottomPayMethod-marquee 20s linear infinite; will-change: transform; } #bottomPayMethod:hover .bottomPayMethod-track{ animation-play-state: paused; } @media (prefers-reduced-motion: reduce){ #bottomPayMethod .bottomPayMethod-track{ animation: none; } } @charset "utf-8"; .header {background-color: #fff; position: sticky;top: 0; z-index: 98;} .headertop{display: flex;justify-content: space-between;align-items: center;padding: 0 38px;border-bottom: 1px solid #D8D8D8;} .header-container{width: 1200px;margin: 0 auto;display: flex; justify-content: space-between; align-items: center;max-width: 92%;padding: 20px 0;} .header-container-home{display: none;} .headerLeft{display: flex;gap:56px;align-items: center;} .logo {width: 189px;} .logo img{width: 100%; margin-left: -95px;} .Gametup {margin:0 20px;} .Gametup ul{display: flex;gap:12px;} .Gametup a{display: flex;justify-content: space-between;padding: 10px 17px;border-radius: 20px;transition: all .5s;font-weight: bold;font-size: 14px;color: #000103;gap:7px;align-items: center;} .Gametup a img{height: 25px;} .Gametup a:hover{box-shadow: 0px 3px 6px 0px rgba(51, 169, 255, 0.1);} .Gametup li.cur a{box-shadow: 0px 3px 6px 0px rgba(51, 169, 255, 0.1);} /* 顶部主导航间距对齐备份 header1.css */ .nav-menu { display: flex; list-style: none;gap: 52px;align-items: center;} .nav-item { position: relative;} .main-navigation{align-items: center;display: flex;} /* 顶部主导航文字和下划线效果，参考备份 header1.css */ .nav-link {color: #0F0F0F; text-decoration: none;font-weight: 400;font-size: 18px;transition: color 0.3s;line-height: 66px; position: relative;transition: all .5s;white-space: nowrap;} .nav-link::after {content: ''; position: absolute;bottom: -10px;height: 2px;background-color: #ff6600;left: 50%;transform: translateX(-50%);width: 0;transition: all .5s;} .nav-link.active {color: #ff6600;} .nav-item:first-child .nav-link:hover::after{width: 0%;} /* Games 右侧小箭头图标间距对齐备份 nav-menu 样式 */ .nav-menu .nav-link img{display: inline-block;vertical-align: middle; margin: -2px 0 0 10px;width: 12px;} .nav-menu .nav-link img.logo-icon{width: 36px;height: 36px;} .sub{position: absolute;width: 1200px; top: 100%;left: 0;background: #1e1e1e;display: none;} .subTitle{padding:0 30px;display: flex;justify-content: space-between;gap:20px;} .subBox.all{width: calc(66.66% - 20px); } .subBox{width: calc(33.33% - 40px/3); } .subBox h2{color: #fff; line-height: 60px;font-size: 18px;border-bottom: 1px solid rgba(255,255,255,.1);display: flex;justify-content: space-between;align-items: center;} .subBox h2 img{display: inline-block;vertical-align: middle; margin: -3px 10px 0 0;} .subBox h2 img.subBox-arrow{margin-left: auto;margin-right: 0;} .subBox h2{cursor: pointer;} .subBox dl{padding: 15px 0;} .subBox dl.scrollable-list { max-height: 300px; overflow-y: auto; overflow-x: hidden; padding-right: 10px; overscroll-behavior-y: contain; -webkit-overflow-scrolling: touch; } /* 特殊处理两列布局的滚动列表 */ .subBox.all dl.scrollable-list { display: flex; flex-wrap: wrap; gap: 0 2%; padding-right: 10px; } .subBox.all dl.scrollable-list dt { width: 49%; line-height: 60px; font-size: 16px; } /* 覆盖全局滚动条隐藏样式，确保滚动条可见 */ .subBox dl.scrollable-list { /* Firefox */ scrollbar-width: thin; scrollbar-color: rgba(200, 200, 200, 0.5) transparent; /* IE 和 Edge */ -ms-overflow-style: auto; } /* 自定义WebKit滚动条样式 */ .subBox dl.scrollable-list::-webkit-scrollbar { width: 8px; } .subBox dl.scrollable-list::-webkit-scrollbar-track { background: transparent; } .subBox dl.scrollable-list::-webkit-scrollbar-thumb { background: rgba(200, 200, 200, 0.5); border-radius: 4px; min-height: 30px; } .subBox dl.scrollable-list::-webkit-scrollbar-thumb:hover { background: rgba(200, 200, 200, 0.7); } .subBox a{color: #fff;font-size: 16px; line-height: 60px;} .subBox a img{width: 38px;height: 38px;border-radius: 6px;display: inline-block;vertical-align: middle; margin: -3px 15px 0 0;} .subBox a:hover{opacity: .6;} .ico1{display: inline-block; color: #fff;background: url("/buffhub/images/label2.png"); width: 36px; line-height: 15px;background-size: 100% 100%;text-align: center; vertical-align: middle; margin: -3px 0 0 4px;} .ico2{display: inline-block; color: #fff;background: url("/buffhub/images/label1.png"); width: 64px; line-height: 15px;background-size: 100% 100%;text-align: center; vertical-align: middle; margin: -3px 0 0 4px;font-size: 10px;} .subBottom{padding: 17px 30px;display: flex;justify-content: space-between;align-items: center;border-top: 1px solid rgba(255,255,255,.1);} .subBottom a{display: flex;align-items: center;justify-content: space-between;width: 100%;color: #fff;text-decoration: none;} .subBottom p{color: #fff;font-size: 18px;margin: 0;} .subBottom p img{display: inline-block;vertical-align: middle; margin: -3px 15px 0 0;} .subBottom span{display: inline-block;background: url("/buffhub/images/icon5.png");width: 8px;height: 14px;background-size: 100% 100%;} /* 头部右侧操作区，buttonbox 完全参考备份 header1.css 颜色与尺寸 */ .header-actions {display: flex;align-items: center;gap: 43px;} .buttonbox{border: 1px solid #28282A;height: 34px;border-radius: 17px;position: relative;display: flex;justify-content: space-between;width: 278px;font-size: 18px;} .search-input2{height: 32px;border: none;background: #28282A;color: #fff;outline:none;border: none;border-radius: 24px 0 0 24px; padding: 0 13px;} .search-input {width: 100%;height: 32px; line-height: 32px; padding: 0 15px; color: #DBDBDB;font-size:14px} .search-input::-webkit-input-placeholder{color:#626262;} .search-icon {background: url("/buffhub/images/a32.png");width: 15px;height: 15px;cursor: pointer;position: absolute;right: 10px;top: 50%;transform:translateY(-50%);} .icon-button { position: relative; background: none; border: none; cursor: pointer; padding: 5px;font-size: 16px; color: #1D1D1D;} .icon-button img{display: inline-block;vertical-align: middle; margin: -3px 5px 0 0;width: 26px;} .dropdown-arrow img{display: inline-block;vertical-align: middle; margin: -3px 5px 0 0;width: 26px;} .badge { position: absolute;top: -5px; right: -5px;background-color: #ff0000;color: white; border-radius: 50%;width: 26px;height: 26px;font-size: 16px; display: flex;align-items: center;justify-content: center;} .Log-button{width: 98px;height: 36px;border:none;border-radius: 4px; background: #fa5d00;color: #fff;font-weight: 700;cursor: pointer;font-size: 16px;} .user-menu{position: relative;display: flex;align-items: center;} .user-menu-trigger{border: none;background: transparent;padding: 0;cursor: pointer;display: inline-flex;align-items: center;justify-content: center;} .user-menu-trigger img{width: 36px;height: 36px;border-radius: 50%;-o-object-fit: cover;object-fit: cover;} .user-menu-dropdown{position: absolute;right: 0;top: 100%;width: 275px;background: #fff;border-radius: 12px;box-shadow: 0 12px 28px rgba(0,0,0,0.18);padding: 14px;z-index: 120;opacity: 0;visibility: hidden;transform: translateY(8px);pointer-events: none;transition: opacity .18s ease, transform .18s ease, visibility .18s ease;} .user-menu:hover .user-menu-dropdown, .user-menu:focus-within .user-menu-dropdown{opacity: 1;visibility: visible;transform: translateY(0);pointer-events: auto;} .user-menu-profile{display: flex;align-items: center;gap: 12px;padding-bottom: 12px;border-bottom: 1px solid #f0f0f0;} .user-menu-avatar img{width: 48px;height: 48px;border-radius: 50%;-o-object-fit: cover;object-fit: cover;} .user-menu-nickname{font-size: 14px;font-weight: 700;color: #1A1A1A;line-height: 1.2;max-width: 180px;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;} .user-menu-balance{display: flex;gap: 8px;padding: 10px 0;border-bottom: 1px solid #f0f0f0;} .user-menu-balance-item{flex: 1;background: #f7f7f8;border-radius: 10px;padding: 8px 10px; cursor: pointer;} .user-menu-balance-amount{font-size: 13px;font-weight: 700;color: #1A1A1A;display: flex;align-items: center;gap: 6px;} .user-menu-balance-amount img{width: 14px;height: 14px;display: inline-block;} .user-menu-balance-label{margin-top: 4px;font-size: 12px;color: #666;} .user-menu-links{display: flex;flex-direction: column;padding-top: 10px;} .user-menu-link{display: block;padding: 10px 10px;border-radius: 10px;color: #1A1A1A;font-size: 14px;line-height: 1.2;} .user-menu-link:hover{background: #f7f7f8;} .user-menu-logout{color: #ff5905;font-weight: 700;} /* 支付弹窗 */ .payment-overlay{position: fixed;top: 0;left: 0;right: 0;bottom: 0;z-index: 98;display: none;justify-content: center;align-items: center;overflow: hidden;} .payment-mask{position: absolute;top: 0;left: 0;right: 0;bottom: 0;background: rgba(0, 0, 0, 0.5);z-index: 98;} .detail-mask{position: absolute;top: 0;left: 0;right: 0;bottom: 0;background: rgba(0, 0, 0, 0.5);z-index: 101;display: none;} .PaymentModel{position: fixed;z-index: 99;width: 1055px;border-radius: 20px;display: flex;justify-content: space-between;background: #fff;left:50%; top:50%; transform:translate(-50%,-50%);max-width: 94%;} .PaymentModel-left{width: 55%;background: #f6f4f7; padding: 30px 0 0 20px; border-top-left-radius: 20px; border-bottom-left-radius: 20px;} .PaymentModel-title h2{font-weight: bold; font-size: 16px;color: #332E2E;margin-bottom: 10px;} /* UID显示样式 */ .uid-display { display: flex; align-items: center; justify-content: space-between; background: #f5f5f5; border-radius: 8px; padding: 12px 16px 12px 0px; } .uid-input-wrapper { display: flex; align-items: center; flex: 1; margin-right: 10px; } .game-icon { width: 36px; height: 36px; display: flex; align-items: center; justify-content: center; } .game-icon img { max-width: 100%; max-height: 100%; vertical-align: middle; } .uid-label { font-size: 14px; color: #666; font-weight: normal; } .uid-value { font-size: 14px; color: #333; font-weight: normal; margin-left: auto; } .arrow-icon { width: 21px; height: 21px; background: url("/buffhub/images/exchange.png") no-repeat center center; background-size: contain; cursor: pointer; } .uid-verify-tip{ margin-top: 6px; font-size: 12px; line-height: 1.4; } .uid-verify-loading{ display: inline-flex; align-items: center; gap: 6px; color: #8d8d8d; } .uid-verify-spinner{ width: 12px; height: 12px; border-radius: 50%; border: 2px solid rgba(255, 94, 23, 0.2); border-top-color: #ff5e17; animation: uid-verify-spin 0.8s linear infinite; } .uid-verify-ok{color: #1aa85b;} .uid-verify-warn{color: #ff5e17;} @keyframes uid-verify-spin{ to{transform: rotate(360deg);} } .text-box{padding-right: 48px;} .text-box p{font-size: 12px;color:#332E2E;margin-bottom: 5px;} .text-box li{padding-bottom: 14px;} .text-content{position: relative; height: 36px;border-radius: 18px;background: #fff;} .text-content.error{border: 1px solid #FF0000;} /* .text-content.error input::-webkit-input-placeholder{color:#FF5905;} */ .text-input1{width: 100%;height: 36px; line-height: 36px;font-size: 12px; padding-left: 38px;background: url("/buffhub/images/sa8.png") no-repeat 13px center;} .text-input2{width: 100%;height: 36px; line-height: 36px;font-size: 12px; padding-left: 38px;background: url("/buffhub/images/sa9.png") no-repeat 13px center;} .button-a{position: absolute; width: 128px;height: 36px;right: 0;top: 0;color: #fff;border-radius: 18px;cursor: pointer;transition: all .5s;border: none;background: #ff5905;} .button-a:hover{opacity: 0.6;} .sele{padding: 5px 0 0 0 ;} .sele h2{font-weight: bold;font-size: 16px;color: #332E2E;margin-bottom: 10px;} .sele li{padding-bottom: 14px;} .sele li.cur a{border: 1px solid #FF8022;} .sele li.cur .sele_b h3 {color: #FF8022 !important;} .gdtCont { width:100%; height:480px; overflow:hidden; margin:0 auto; position:relative; } .txtCont { width:100%; height:100%; overflow:auto; box-sizing:border-box; padding-right:48px; } .bz-gdtCon { width:6px; position:absolute; top:0; right:0; background:#898989; height:100%; } .bz-chtgn { width:100%; position:absolute; top:0; left:0; background:rgba(0,0,0,.5); } .sele a{display: block;display: flex;justify-content: space-between;padding: 15px 30px;border-radius: 6px;border: 1px solid #adaaaa;background: #fff;align-items: center;} .sele a:hover{border: 1px solid #FF8022;} .sele_b h3{font-weight: bold;font-size: 18px;line-height: 1.4;color: #1A1A1A;} .sele_c{text-align: center;} .sele_c h3{font-size: 20px;font-weight: bold;color: #FF0000;margin-bottom: 2px;} .sele_c p{font-size: 12px;color: #1A1A1A;} .seleft{width: calc(100% - 130px);display: flex;align-items: center;justify-content: space-between;} .seleft .sele_a img{max-height:26px;} .sele_b{width:calc(100% - 150px);} .PaymentModel-right{width: 45%; background: #fff; padding: 20px 30px 0 48px; border-top-right-radius: 20px; border-bottom-right-radius: 20px;} .img-text{display: flex;justify-content: space-between;} .imgtextleft{width: 145px;} .imgtextleft img{max-width: 96px;} .imgtextright{width: calc(100% - 145px);} .imgtextright h2{font-weight: bold;font-size: 16px;color: #393939;} .imgtextright p{font-size: 24px;color: #FF5905;margin: 15px 0;font-weight: bold;} .imgtextright p b{font-size: 16px;} .imgtextright h3{display: flex;gap:10px} .btn-a{line-height: 18px;padding: 0 8px;background: #ff5e17;border-radius: 5px;color: #fff;font-size: 12px;} .btn-b{line-height: 18px;padding: 0 8px;background: #fff2ed;border-radius: 5px;color: #333;font-size: 12px;text-decoration: line-through;} .PaymentModel-img .mySwiper{padding-bottom: 30px;} .PaymentModel-img .mySwiper .img-text { padding-left: 14px; } .PaymentModel-img .swiper-pagination-bullet{width: 15px;height: 15px; opacity: 1;background: #d8d8d8;} .PaymentModel-img .swiper-pagination-bullet-active{background: #ff5905;} .PaymentModel-img .swiper-button-prev { left: -7px; } .PaymentModel-img .swiper-button-prev:after, .swiper-button-next:after { color: #575B66; font-size: 22px; font-weight: 600 } .Summary-title h2{font-weight: bold;font-size: 18px;color: #1A1A1A;margin-bottom: 20px;} .Summary-nr{height: 490px; overflow: auto;} .Summary-top a{display: block; padding: 0 15px;border-radius: 5px;border: 1px solid #e5e5e5;display: flex;gap:10px;font-size: 14px;color: #312E2C;line-height: 28px;align-items: center;} .Summary-top a:hover{border: 1px solid #ff5905;color: #ff5905;} .dwtb{background: url("/buffhub/images/a141.png") no-repeat 95% center;} .sunnary-bottom{border-top: 1px solid #ededed;border-bottom: 1px solid #ededed;padding: 12px 0;} .sunnary-bottom li{display: flex;justify-content: space-between;padding: 8px 0;color: #1A1A1A;align-items: center;} .sunnary-bottom li b{font-weight: bold;} .color3{color: #121212;} .color4{color: #00B67A;} .sunnary-bootno{padding: 15px 20px;} .sunnary-bootno p{display: flex;padding: 0 0 15px;align-items: center;justify-content: space-between;} .sunnary-bootno b{font-weight: bold;font-size: 16px;color: #332E2E;} .sunnary-bootno span{font-weight: bold;font-size: 24px;color: #FF5905;} .sunnary-bootno em{font-size: 16px;font-weight: 400;} .Summary-top li{margin-bottom: 12px; position: relative;} .Summary-top li:hover input{border: 1px solid #FF8022 !important;cursor: pointer;color: #FF8022;} .Summary-top li:hover input::-moz-placeholder{color: #FF8022;} .Summary-top li:hover input::placeholder{color: #FF8022;} .Summary-top li.disabled input{cursor: not-allowed;} .Summary-top li.selected input{border: 1px solid #FF8022 !important;cursor: pointer;color: #FF8022;} .Summary-top li.selected input::-moz-placeholder{color: #FF8022;} .Summary-top li.selected input::placeholder{color: #FF8022;} .maximum-botton{position: absolute;cursor: pointer;background: url("/buffhub/images/pic138.png");width: 5px;height: 9px;top: 50%;transform: translateY(-50%);right: 10px;} .coupon-botton{position: absolute;cursor: pointer;background: url("/buffhub/images/pic139.png");width: 12px;height: 13px;top: 50%;transform: translateY(-50%);right: 10px;} button.redeem-botton{border: none;position: absolute;width: 68px;height: 96%;top: 50%;background-color: #fe1528;border-radius: 0 4px 4px 0;transform: translateY(-50%);right: 1px;display: flex;align-items: center;justify-content: center;color: #fff;font-size: 12px;} .redeem-botton:disabled{background-color: #d8d8d8;cursor: not-allowed;} #maximum{width: 100%;height: 30px; line-height: 28px;border: 1px solid #e8e6da;border-radius: 4px; padding: 0 40px;background: url("/buffhub/images/a140.png") no-repeat 12px center;} #coupone{width: 100%;height: 30px; line-height: 28px;border: 1px solid #e8e6da;border-radius: 4px; padding: 0 40px;background: url("/buffhub/images/a142.png") no-repeat 12px center;} #points{width: 100%;height: 30px; line-height: 28px;border: 1px solid #e8e6da;border-radius: 4px; padding: 0 40px;background: url("/buffhub/images/a143.png") no-repeat 12px center;} #balance{width: 100%;height: 30px; line-height: 28px;border: 1px solid #e8e6da;border-radius: 4px;padding: 0 40px;background: url("/buffhub/images/sa121.png") no-repeat 12px center;} .doubt{position: absolute; right: 10px;top: 50%;transform: translateY(-50%);background: url("/buffhub/images/a139png.png");width: 12px;height: 13px;cursor: pointer;} .list-b p{display: flex;justify-content: space-between;font-size: 12px;color: #1A1A1A;line-height: 38px;} .list-b b{font-weight: bold;font-size: 12px;} .color1{color: #121212;} .color2{color: #00B67A;} .btoont{text-align: center;display: block; line-height: 50px;background: #ff844e;color: #fff;border-radius: 25px;font-size: 20px; transition: all .5s;width: 100%;border: none;} .btoont:disabled{background: #d8d8d8;cursor: not-allowed;} .Order{position: fixed;z-index: 1005;border-radius: 15px;background: #fff;width: 475px; padding: 0 40px 35px 40px;left:50%; top:50%; transform:translate(-50%,-50%);} .Order-title{padding: 40px 0 20px;} .Order-title h2{font-weight: bold;font-size: 18px;color: #1D1D1D;} .Order-title p{line-height: 16px;color: #ADAAAA;margin-top: 10px;} .list1 p{font-size: 16px;color: #2C2C2C;line-height: 2;} .Order-input2{width: 100%;height: 42px; line-height: 40px; padding: 0 20px;border-radius: 21px;border: 1px solid #FF5905;} .Order-input3{width: 100%;height: 42px; line-height: 40px; padding: 0 20px;border-radius: 21px;border: 1px solid #FF5905;background:url("/buffhub/images/pic55.png") no-repeat 95% center #fff;outline:none;appearance:none;-moz-appearance:none;-webkit-appearance:none;outline:none;} .list1 ul{padding-bottom: 20px;} .list1 li{padding-bottom: 10px;} .order-button{width: 100%;height: 50px;background: #222127;border-radius: 25px;cursor: pointer; font-weight: bold;font-size: 16px;color: #F4DBBF;transition: all .5s;} .order-button:hover{opacity: .6;} .payment-topup-confirm .uid-confirm-actions{display: flex;gap: 12px;} .payment-topup-confirm .uid-confirm-actions .order-button{width: auto;flex: 1;} .payment-topup-confirm-dialog{ position: fixed; top: 0; right: 0; bottom: 0; left: 0; z-index: 10011; opacity: 0; transition: opacity .2s; } .payment-topup-confirm-dialog.is-active{opacity: 1;} .payment-topup-confirm-dialog .modal-mask{ position: absolute; top: 0; right: 0; bottom: 0; left: 0; background: rgba(0, 0, 0, .56); } .payment-topup-confirm-dialog .w-dialog__outer{ position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); max-width: 92vw; width: 480px; pointer-events: auto; } .payment-topup-confirm-dialog .w-dialog{ background: #fff; border-radius: 12px; box-shadow: 0 10px 30px rgba(0, 0, 0, .2); } .payment-topup-confirm-dialog .uid-confirm-actions{display: flex;gap: 12px;} .payment-topup-confirm-dialog .uid-confirm-actions .w-button{flex: 1;} .list2 ul{padding-bottom: 25px;} .list2 li{padding:15px 0 20px;border-bottom: 1px solid #d8d8d8;display: flex;justify-content: space-between;align-items: center;} .list2 li span{font-size: 16px;color: #2C2C2C;} .list2 li b{font-size: 16px;color: #FF8022;} .payment-coupon .Coupons-popup{ position: relative; z-index: 1005; background: #fff; border-radius: 15px; width: 560px; max-height: 80vh; overflow-y: auto; } .coupons-title{border-bottom: 1px solid #ebebeb;padding: 0 45px;} .coupons-title h2{font-weight: bold;font-size: 18px;color: #1D1D1D; padding: 28px 0 34px;} .coupons-title h2 img{display: inline-block;vertical-align: middle; margin: -3px 15px 0 0;} .coupons-title ul{display: flex;} .coupons-title li{width: 50%;} .coupons-title li a{display: block;text-align: center; line-height: 46px;font-size: 18px;color: #ADAAAA;position: relative;transition: all .5s} .coupons-title li a:before{position: absolute;content: "";border-bottom: 4px solid #ff5905;border-radius: 2px;bottom: 0;left: 50%;transform: translateX(-50%);transition: all .5s;width: 0;} .coupons-title li.cur a{font-weight: bold;} .coupons-title li.cur a:before{width: 37px;} .coupons-title li a:hover{font-weight: bold;} .coupons-title li a:hover:before{width: 37px;} .coupons-title a:hover{font-weight: bold;} .coupons-title a:hover:before{width: 37px;} .coup-empty{height:500px ;display: flex;justify-content: center;align-items: center;} .emptytext img{margin: 0 auto;} .emptytext p{font-size: 18px;line-height: 1.6;color: #ADAAAA;margin-top: 35px;} .reddem{padding: 15px 40px 25px 40px;display: flex;justify-content: space-between;} .reddem-input{height: 42px; line-height: 42px; padding: 0 20px;border-radius: 6px;background: #f5f5f5;width: calc(100% - 147px);font-size: 16px;} .reddem-button{background: #fff;border: 1px solid #FF8022;color: #FF8022;cursor: pointer; color: #FF8022;font-size: 16px;height: 42px;width: 134px;border-radius: 6px;} .reddem-button:disabled{background: #f5f5f5;border: 1px solid #D8D8CC;color: #D8D8CC;cursor: not-allowed;} .shopping-voucher{height: 420px; overflow: auto;margin: 0 45px 25px 45px;padding: 5px;} .shopping-voucher li{padding-bottom: 10px;} .couponbox{position: relative;cursor: pointer; } .couponbox.selected{border: 1px solid #FF8022;border-radius: 12px;} .coupon-img img{width: 100%;border-radius:10px;box-shadow:0 0 10px rgba(0, 0, 0, .1);} .coupon-text-a{position: absolute; left: 20px;top: 15px;width: 355px;display: flex;justify-content: space-between;} .coupon-right{width: 86px;} .coupon-right img{width: 100%; } .coupon-left{width: 78%;} .coupon-left h1{font-weight: bold;font-size: 18px;color: #E5E5E5;} .coupon-left h2{font-weight: bold;font-size: 18px;color: #EA5504;} .coupon-left h2 span{font-weight: 400;font-size: 12px;} .coupon-left h3{font-size: 10px;color: #312E2C;margin: 6px 0 6px;} .coupon-left h4{font-size: 14px;color: #312E2C;} .title-bottom{position: absolute; line-height: 43px;font-size: 12px;color: #312E2C;bottom:0;border-top: 1px dashed #eee;width: 375px;left: 9px; padding-left: 11px;} .coupon-text-b{position: absolute;left: 0;bottom: 0;} .coupon-img img { width: 100%; border-radius: 10px;} .total-price{padding: 0 45px 25px 45px; box-shadow:0 0 10px rgba(0, 0, 0, .1); } .total-price h2{line-height: 44px; display: flex;justify-content: space-between;align-items: center;} .total-price h2 b{font-size: 16px;color: #626262;} .total-price h2 span{font-weight: bold;font-size: 18px;color: #FF5905;} .total-botton{width: 100%;display: block;text-align: center;line-height: 52px;background: #222127;font-weight: bold;font-size: 16px;color: #F4DBBF;border-radius: 6px;} .payment-pending,.payment-deposit{position: fixed;top: 0;left: 0;right: 0;bottom: 0;z-index: 1004;display: flex;justify-content: center;align-items: center;overflow: hidden;} .Payment{position: relative;z-index: 1005;background: #fff;border-radius: 15px;width: 475px; padding: 0 35px 35px 35px;} .payment-coupon{position: fixed;top: 0;left: 0;right: 0;bottom: 0;z-index: 1004;display: flex;justify-content: center;align-items: center;overflow: hidden;} .paymentbox{padding: 40px 15px 15px 15px; overflow: hidden;} .paymentbox h2{font-weight: bold;text-align: center;color: #1D1D1D;font-size: 18px;} .swiper-box img{margin: 0 auto;} .swiper-box h2{font-weight: bold;font-size: 18px;text-align: center;color: #1D1D1D; margin: 12px 0 36px;} .paymentbox .swiper-pagination-bullet{background: #13c15b;} .paymentbox .swiper-pagination-bullet-active{background: #13c15b;} .paymen-text p{font-size: 16px;text-align: center; line-height: 24px;color: #ADAAAA;} .paymen-text ul{display: flex;gap:15px; padding: 15px 0 0 0;} .paymen-text li{width: calc(50% - 15px/2);} .paymen-text dl{display: flex;gap:15px; padding: 15px 30px 0 30px;justify-content: space-between;} .paymen-text dl dt a{font-size: 12px; line-height: 16px;color: #ADAAAA;} .paymen-text span{padding: left 5px;} .paymen-text dl dt a:hover{color: #FF5E17;} .paymen-text dl dt a img{display: inline-block;vertical-align: middle;margin: -3px 0 0 0;} .order-button1{width: 100%;cursor: pointer;border: none;height: 50px;background: #fff;border-radius: 25px;transition: all .5s;font-size: 16px;color: #ADAAAA;border: 1px solid #ADAAAA;} .order-button1:hover{background:#222127;border: 1px solid #222127;color: #fff;} .payment-points{position: fixed;top: 0;left: 0;right: 0;bottom: 0;z-index: 1004;display: flex;justify-content: center;align-items: center;overflow: hidden;} .Points{perspective-origin: left;z-index: 1005;border-radius: 8px;background:url("/buffhub/images/pic137.png") no-repeat center top #fff;width: 476px; position: fixed;left:50%; top:50%; transform:translate(-50%,-50%);background-size: 100% auto;padding: 0 40px 45px 40px;} .Points-title h2{font-weight: bold;font-size:18px;color: #1D1D1D;padding: 40px 0 30px;} .Points-content h2{font-size: 12px;color: #ADAAAA;line-height:16px;} .Points-content ul{padding: 0 0 10px;} .Points-content li{display: flex;justify-content: space-between;align-items: center;height: 60px;} .Points-content li span{font-weight: bold;font-size: 16px;color: #2C2C2C;} .Points-content li b{font-size: 18px;font-weight: bold;color: #312E2C;} .Points-content li b img{display: inline-block;vertical-align: middle; margin: -3px 5px 0 0;} .Points-content li em{font-size: 16px;color: #FF5905;} .Points-content li font{font-weight: bold;} .Points-content h2{font-size: 16px;color: #626262;margin-bottom: 5px;} .Points-content p{font-size: 12px; line-height: 16px;color: #ADAAAA;} .list1{padding-bottom: 15px;} .quantity{width: 120px;height: 32px;border: 1px solid #d8d8d8;border-radius: 15px;display: flex;justify-content: space-between;} .decrease{width: 30px;border: none;border-right: 1px solid #d8d8d8;height: 28px;background: none;font-size: 14px;color: #000000;cursor: pointer;} .increase{width: 30px;border: none;border-left: 1px solid #d8d8d8;height: 28px;background: none;font-size: 14px;color: #000000;cursor: pointer;} .quantity-value{width: calc(100% - 60px);text-align: center;font-size: 14px; line-height: 28px;color: #000000;-moz-appearance: textfield;} .quantity-value::-webkit-outer-spin-button, .quantity-value::-webkit-inner-spin-button { -webkit-appearance: none; margin: 0; } .sjzs{display: none;} .PaymentModel-top{display:none} .quantity-text{padding-left: 24px;font-size:.2rem;} @media (max-width: 1470px){ .logo img{width: 100%; margin-left:0;} } @media (min-width: 950px) { .nav-item:hover .sub { display: block; } .nav-link.active::after {width: 100%;} .nav-item .nav-link:hover::after{width: 100%;} .nav-link:hover { color: #ff6600;} } @media (max-width: 950px){ .sjzs{display: block;} .pczs{display: none !important;} .header{height: auto;z-index: 99;} .headertop{height: 1rem;border:none} .logo{position: absolute;width:2.7rem;left: .35rem;top: .15rem;} .header-container{height: 0.7rem;padding: 0;width: 100%;} .header-container-home{display: block;} .icon-button1{display: none;} .buttonbox{display: block;} .search-input2{display: none !important;} .main-navigation{position: fixed;width: 80%; top: 1.64rem;left: -80%; height: calc(100vh);background: #fff;display: block;overflow-y: auto; -webkit-overflow-scrolling: touch;} .nav-menu{display: block;overscroll-behavior-y: auto} .nav-item:first-child{display: none;} .nav-link{font-size: 14px;display: block;line-height: 46px; padding: 0 15px;border-bottom: 1px solid rgba(255,255,255,.1);} .nav-item{margin: 0;overscroll-behavior-y: auto} /* .nav-link.active::after{bottom: 0; background: #ff6600;height: 2px;} */ .nav-menu .nav-link img{position: absolute; right: 15px;top: 20px;transition: transform 0.3s ease;} .sub{position: static;width: 94%; margin:5px auto;padding: 0 15px;background: #fff !important;color: #000;font-size: 14px;font-weight: bold;border-radius: 10px;box-shadow: 0px 4px 10px 0px rgba(0,0,0,.1) !important;opacity: 1;max-height: 520px;overflow-y: auto;-webkit-overflow-scrolling: touch;scrollbar-width: none;-ms-overflow-style: none;overscroll-behavior-y: contain} .sub::-webkit-scrollbar{width: 0;height: 0;} .nav-link::after{bottom: 0;} .subTitle{display: block; padding: 0;} .subBox dl{padding: 0;} .subBox, .subBox.all{width: 100%;margin-bottom: 15px;} .subBox a img{width: 30px;height: 30px;} .subBox h2{font-size: 14px;line-height: 36px; color: #000 !important;font-weight: bold;} .subBox h2 img{width: 12px;height: auto;} .subBox-icon.hot{ content: url('/buffhub/images/hot-mobile.png'); /* 如果直接使用content属性，需要隐藏src */ height: 0; width: auto; min-height: 16px; /* 设置最小高度 */ } .subBox-icon.all{ content: url('/buffhub/images/all-mobile.png'); height: 0; width: auto; min-height: 16px; /* 设置最小高度 */ } .subBox-arrow{transition: transform 0.3s ease;} .subBox.all .subBox-arrow{transform: rotate(-90deg);} .subBox a{font-size: 14px;line-height: 30px;color: #000 !important;} .subBox dl.scrollable-list{ scrollbar-width: none; -ms-overflow-style: none; display: none; overflow-y: auto; -webkit-overflow-scrolling: touch; overscroll-behavior-y: auto; } .subBox dl.scrollable-list::-webkit-scrollbar{width: 0;height: 0;} .subBox.all dl.scrollable-list dt,.subBox dl.scrollable-list dt{ width:calc(100%); line-height: 48px; } .subBottom{display: none;} .ico2{zoom: .6;} .ico1{zoom: .6;} .buttonbox{border-radius: 4px;height: .54rem;border: 1px solid #6a6967;width:4rem;position: absolute;bottom: .25rem;left: 1.1rem;} .search-icon{width: .21rem;height: .21rem;right: auto;left: .3rem;background-size: 100% 100%;} .search-input{width: 100%; height: .52rem; line-height: .52rem; font-size: .22rem; padding-left: .8rem;} .search-box{width: 100%;} .Log-button{border-radius: 4px; padding: 0 .15rem;height: .52rem;bottom: .25rem;font-size: .22rem; right: .35rem; position: absolute;width: auto;} .Log-button b{display: none;} .dhbtn{position: absolute;left: .4rem;bottom: .4rem;background: url("/buffhub/images/d1.png") no-repeat center center;width: .4rem; height: .3rem;background-size: 100% 100%;} .dhbtn.on{background: url("/buffhub/images/d2.png") no-repeat center center;background-size: auto 100%;} .dropdown-arrow{position: absolute;right: .35rem;top: .15rem;padding:.1rem .15rem;border-radius: 4px;color: #fff;background: #333743;font-size: .22rem;} .icon-button img{display: none;} .user-menu{position: absolute;right: .35rem;bottom: .1rem;} .user-menu-trigger img{width: .8rem;height: .8rem;} .user-menu:hover .user-menu-dropdown,.user-menu:focus-within .user-menu-dropdown{opacity: 0;visibility: hidden;} .dhbj{position: fixed;z-index:99; width: 100%; height: 100%; top: 0;left: 0;background: rgba(0,0,0,.7);display: none;} .member-button{position: absolute;right: .55rem;bottom: .1rem;} .h68{height:.5rem;} .Gametup{display: none;} .payment-overlay{z-index: 99;} .payment-mask{z-index: 100;} .PaymentModel{ display: block; height: auto; max-width: 100%; z-index: 100; padding:0; background: #F5F5F5; left: 50%; top: 2.7rem; bottom: 0; transform: translate(-50%, 0%); overflow-y: auto; border-radius: .3rem .3rem 0 0; } .payment-overlay .PaymentModel-top { /* background: linear-gradient(135deg, #667eea 0%, #764ba2 100%); */ display: block; padding: .3rem .25rem; border-radius: .2rem .2rem 0 0; color:#000 } .PaymentModel-top .PaymentModel-title { display: flex; align-items: center; justify-content: center; position: relative; } .PaymentModel-top .PaymentModel-title img { position: absolute; left: 0; height: .5rem; cursor: pointer; padding: .1rem; } .PaymentModel-top .PaymentModel-title h2 { font-size: .32rem; font-weight: bold; margin: 0; } .PaymentModel-img{ background: #fff; padding:.3rem .25rem; } .PaymentModel-img .mySwiper{ padding-bottom: 0; } .PaymentModel-left{width: 100%; border-radius:0;padding: 0;} .text-box{ padding: .1rem .3rem; background: #fff; } .text-box li:last-child{ padding-bottom: 0; } .text-content{height: .65rem;border-radius: 0;background: #f8f8f8;} .text-input1{height: .65rem;font-size: .24rem;} .text-input2{height: .65rem;font-size: .24rem;} .PaymentModel-left .PaymentModel-title{ display: none; background: #fff; font-size: .32rem; font-weight: bold; margin: 0; padding: .25rem; } .Summary-top{ background: #fff; padding: .1rem .3rem; border-radius: 0; } .PaymentModel-title h2{font-size: .32rem} .Summary-title h2{font-size: .32rem;font-weight: bold;margin: 0;} .Summary-top ul{ padding: .25rem 0 0 0; } .Summary-top li #maximum,.Summary-top li #coupone,.Summary-top li #points,.Summary-top li #balance{ height:.65rem; line-height: .65rem; } .Summary-top li:hover input{ border: 1px solid #e8e6da !important; color: #898989; } .Summary-top li:hover input::-moz-placeholder{color: #898989;} .Summary-top li:hover input::placeholder{color: #898989;} .Summary-top button.redeem-botton{ font-size: 0.24rem; } .sele{ /* margin: .25rem 0 0 0; */ background: #fff; padding: .1rem .3rem; } .bz-gdtCon{display: none;} .PaymentModel-right{ width: 100%; /* margin: .25rem 0 0 0; */ background: #fff; padding: .25rem .3rem; border-radius: 0; } .Summary-nr{ height: auto; } .button-a{height: .5rem;border-radius: .25rem;width: 1.5rem;font-size: 0.24rem;} .sele h2{font-size: .24rem;font-weight: bold; margin: 0 .25rem .25rem 0;display: none;} .imgtextright h2{font-size: .24rem;} .imgtextright p{font-size: .3rem;margin: .15rem 0;} .txtCont a{padding: .25rem .15rem;} .txtCont{padding-right:0;} .gdtCont{height: 100%;} .seleft{width: calc(100% - 1.5rem);} .sele_a{width: 1rem;} .sele_c{width: 1.8rem;} .sele_c h3{font-size: .24rem;margin-bottom: .1rem;} .sele_c p{font-size: .18rem;} .sele_b{width: calc(100% - 3rem);} .sele_b h3{font-size: .24rem;} .imgtextleft{width: 1.9rem;} .imgtextright{width:calc(100% - 2.1rem);} .sunnary-bottom{ font-size: .24rem; border: 0; } .PaymentDetail { position: fixed; left: 0; right: 0; bottom: 0; background: #fff; z-index: 101; display: none; border-radius: .25rem .25rem 0 0; /* box-shadow: 0 -2px 10px rgba(0, 0, 0, 0.1); */ } .PaymentDetail b{font-weight: bold;} .PaymentDetail ul { padding: .25rem .3rem; color: #000; font-size: .24rem; font-weight: 400; } .PaymentDetail li { display: flex; justify-content: space-between; padding: .15rem 0; } .PaymentDetail li:last-child { border-bottom: none; } .PaymentDetail-title{ padding:.3rem; margin: 0; } .PaymentDetail-title h2{ text-align: center; font-size: .32rem; font-weight: bold; color: #000; } .tjbotton{position: sticky;background: #fff;left: 0;bottom: 0; padding: .25rem .3rem;display: flex;justify-content: space-between;width: 100%;} .tjboleft h2{font-size: .32rem;color: #332E2E;margin-bottom: .2rem;font-weight: bold;} .tjboleft p{font-size: .3rem;color: #FF5905;font-weight: bold;display: flex;align-items: center;gap: .1rem;} .tjboleft .summary img{ transition: transform 0.3s ease; } .tjboleft p b{ font-size: .32rem; font-weight: 700; } .tjboleft span.summary{ display: inline-block; vertical-align: middle; } .tjboleft span.summary img{ height: .3rem; } .tjbotton button{ width: 2.5rem; padding: .25rem .3rem; border-radius: .3rem; background: #ff844e; color: #fff; text-align: center; font-size: .3rem; border: none; } .tjbotton button:disabled{ background: #eee; cursor: not-allowed; } .payment-coupon .Coupons-popup{ position: fixed; left: 0; right: 0; bottom: 0; z-index: 101; border-radius: .3rem .3rem 0 0; width: 100%; /* box-shadow: 0 -2px 10px rgba(0, 0, 0, 0.1); */ } .coupons-title{ padding: 0 .3rem; } .coupons-title h2{ padding: .3rem 0; font-size: .32rem; font-weight: bold; color: #000; } .Coupons-popup .shopping-voucher { margin: .3rem .15rem; } .Coupons-popup .reddem{ padding: .25rem .3rem; } .Coupons-popup .reddem-button{ width: 2rem; } .Coupons-popup .reddem-input{ width: calc(100% - 2.5rem); } .payment-overlay .Points,.payment-overlay .Order{ width: 100%; bottom: 0; left: 0; top: auto; transform: translate(0%, 0%); } .payment-pending .Payment{ width: 92%; position:fixed; top: 50%; left: 50%; transform: translate(-50%, -50%); padding: 0; } .Payment .paymen-text { display: flex; justify-content: space-around; padding: .3rem .2rem; } .Payment .paymen-text dl{ padding: 0; gap: 1rem; } .Payment .paymen-text dt { flex: 1; text-align: center; } .Payment .paymen-text a { display: flex; flex-direction: column; align-items: center; gap: .1rem; text-decoration: none; color: #666; font-size: .24rem; } .Payment .paymen-text img { width: .3rem; height: .3rem; } .Payment .paymen-text span { margin-top: .1rem; } .Order{ border-radius: .3rem .3rem 0 0; } /* .tjbotton{position: sticky;background: #fff;left: 0;bottom: 0; padding: .15rem .3rem;display: block;justify-content: space-between;width: 100%;} .tjboleft h2{font-size: .24rem;color: #332E2E;margin-bottom: .1rem;} .tjboleft p{font-size: .3rem;color: #FF5905;font-weight: bold;} .tjboleft p b{font-size: .24rem;font-weight: 400;} .tjbotton a{line-height: .8rem;border-radius: .1rem; padding: 0 .3rem;background: #ff844e;color: #fff;text-align: center;font-size: .3rem;font-weight: bold;} .tjbotton a span b{padding-left: .3rem;font-weight:bold} */ .notyf{ width: 72%; left: 50%; transform: translate(-50%, 0%); margin: 0 auto; } } .select-ins{ background-color: #28282A; border-top-left-radius: 16px; border-bottom-left-radius: 16px; } .select-ins .search-input2{ background: transparent; } @charset "utf-8"; .ways{border-top: 1px solid #dbdbdb;} .waysbox{width: 1300px;margin: 0 auto;max-width: 94%; padding: 30px 0;display: flex;justify-content: space-between;align-items: center;} .waysleft p{color: #2F2F2F;font-weight: 700;font-size: 20px;} .box {width: calc(100% - 160px)} .winBox { height: 32px;width:100%;overflow:hidden;position:relative;} .scroll {width:3000px;position:absolute;left:0px;top:0px;} .scroll li {float:left; margin-right: 40px;} .h68{height: 68px;} .footer-background{background: #14171c;} .footer-content{width: 1300px;max-width: 94%; margin: 0 auto; padding: 70px 0 115px;display: flex;justify-content: space-between;flex-wrap: wrap;} .footer-Left h2{color: #fff;font-weight: 700;font-size: 17px;margin: 15px 0 10px;} .footer-Left p{font-size: 16px; line-height: 1.6;color: #818181;} .footer-Left h3{padding: 15px 0 25px;display: flex;align-items: center;gap:5px;} .footer-Left h3 span{color: #fff; font-size: 14px;} .footer-Left h3 b{display: inline-block;} .pic1{background: url(../images/a23.png);width: 21px;height: 22px;background-size: 100% 100%;} .pic2{background: url(../images/a24.png);width: 21px;height: 22px;background-size: 100% 100%;} .rating{width: 115px;display: flex;justify-content: space-between;align-items: center;display: flex;justify-content: space-between;} .footer-Left ul{display: flex;gap:9px;} .footer-Left li img{transition: all .5s;} .footer-Left li a:hover img{opacity: .6;} .footer-Right{width: calc(100% - 450px);} .footer-Right ul{display: flex;justify-content: space-between;} .footer-Right h2{font-weight: 700;color: #fff;font-size: 20px; margin-bottom: 20px;} .footer-Right dt a{color: #868686; transition: all .5s;display: block;line-height: 32px;font-size: 18px;} .footer-Right dt a:hover{color: #FFF;} .footer-Right dt a img{display: inline-block;vertical-align: middle; margin: -3px 0 0 5px;} .footer-Bottom{border-top: 1px solid rgba(255,255,255,.1);text-align: center;} .footer-Bottom p{color: #fff; padding: 25px 0; line-height: 24px;font-size: 16px;color: #8E8E8E;} @media only screen and (min-width: 950px) and (max-width: 1340px) { .footer-content{padding: 50px 0 80px;} .footer-Right h2{font-size: 14px;} .footer-Right dt a{font-size: 12px;line-height: 2;} .footer-Bottom p{font-size: 12px;} } @media (max-width: 950px){ .banner2{display: none;} .ways{border: none;} .waysbox{display: block; padding: .25rem .3rem 0 .3rem;border-radius: .15rem .15rem 0 0;background: #fff; margin-top: .4rem;} .waysleft{display: none;} .box{width: 100%; background: #fff;border-bottom: 0;padding-bottom: .25rem;} /* .footer-background{background: none;} */ .footer-content{padding: 0;display: block;} .bottom-logo{display: none;} .footer-Left{display: none;} .footer-Left h2{display: none;} .footer-Left p{display: none;} .footer-Left h3{display: none;} .footer-Left ul{justify-content: center;padding: .3rem 0 0 0;} .footer-Left ul li:nth-child(3){ display: none;} .footer-Left li img{height: .8rem;} /* .footer-Right{display: none;} */ .winBox{height: .35rem;} .footer-Right{width: 100%;margin-bottom: .2rem;} .footer-Right h2{font-size: .3rem; margin-bottom: 10px;} .footer-Right dt a{font-size: .26rem;line-height: 2;} .footer-Bottom{border-radius: 0 0 .15rem .15rem; margin: 0 3%;} .footer-Bottom p{font-size: .24rem; padding: .3rem 0;} .winBox img{height: .35rem;} .scroll li {margin-right: .45rem;} .phone-nav{position: fixed;width: 100%;background: #fff; padding: .2rem .6rem;z-index: 98;left: 50%; transform: translateX(-50%);bottom: 0;background: #fff;} body{padding-bottom: 1.28rem;} .phone-nav ul{display: flex;justify-content: space-between;} .phone-nav p{font-size: .24rem;margin-top: .15rem;width: 100%; text-align: center;} .phone-nav li img{margin: 0 auto;height: .4rem;} .phone-nav ul li:nth-child(3) img{ height: .8rem;margin: -.3rem auto 0 auto;} } .ins-load-layout{ z-index: 999; position: absolute; } .ins-load-layout .ins-mask{ width: 100%; height: 100%; position: fixed; top: 0; left: 0; background-color: rgba(0, 0, 0, 0.5); z-index: 1000; } .ins-load-layout .ins-load{ width: 80px; height: 80px; position: fixed; left: 50%; top: 50%; transform: translate(-50%, -50%); z-index: 1001; display: flex; flex-direction: column; align-items: center; background: #fff; border-radius: 8px; padding-top: 22px; } .ins-load-layout .ins-load .spin-ins{ position: relative; height: 30px; } @keyframes spinner-line-fade-more { 0%, 100% { opacity: 0; /* minimum opacity */ } 1% { opacity: 1; } } @keyframes spinner-line-fade-quick { 0%, 39%, 100% { opacity: 0.25; /* minimum opacity */ } 40% { opacity: 1; } } @keyframes spinner-line-fade-default { 0%, 100% { opacity: 0.22; /* minimum opacity */ } 1% { opacity: 1; } } @keyframes spinner-line-shrink { 0%, 25%, 100% { /* minimum scale and opacity */ transform: scale(0.5); opacity: 0.25; } 26% { transform: scale(1); opacity: 1; } } /*!* 基础css框架（全局） *!*/ /* @import 'bulma'; */ /* 动画库（全局） */ /* toast提示框（全局） */ /* 购物车样式（全局） */ /* 全部样式（方便使用，未拆分，先全局使用） */ /* 导入load样式 */