.panda-banner .banner-text .banner-month,.panda-banner-popup .banner-popup .banner-tips .banner-time,.panda-font{font-weight:400}.panda-banner .banner-text,.panda-banner-popup .banner-popup,.panda-font-bold{font-weight:700}body{font-family:Noto Sans,Inter,Roboto,Helvetica Neue,Arial,PingFang SC,Hiragino Sans GB,Microsoft YaHei,sans-serif}.panda-banner{align-items:center;background-size:cover;border-radius:.75rem;box-shadow:0 .75rem .75rem rgba(0,0,0,.15);cursor:pointer;display:flex;height:18.75rem;margin:auto;max-width:1140px;overflow:hidden;position:relative}@media screen and (max-width:1140px){.panda-banner{margin:0 15px}}.panda-banner .panda-banner-bg{background-size:cover}.panda-banner .banner-mobile-btn,.panda-banner .banner-mobile-img{display:none}.panda-banner .banner-img{height:15.5rem;margin:0 5rem;width:20.625rem}.panda-banner .banner-text{color:#fff;flex:1;font-size:18px;letter-spacing:1px;line-height:1.6;text-align:center}.panda-banner .banner-text .banner-name,.panda-banner .banner-text .banner-price{font-size:36px}@media screen and (max-width:1023px){.panda-banner .banner-text .banner-price{font-size:18px;line-height:30px}.panda-banner .banner-text .banner-month{font-weight:700}}.panda-banner .banner-text .banner-month{font-size:14px}.panda-banner .banner-text .banner-discount{color:#262626;display:flex;justify-content:center}@media screen and (max-width:320px){.panda-banner .banner-text .banner-discount.banner-discount-banner{padding-left:15px}}.panda-banner .banner-text .banner-discount ul{display:flex;list-style:none;margin:.625rem .3125rem 0}.panda-banner .banner-text .banner-discount ul li{background-color:#262626;display:inline-block;height:6px;margin-left:2px}.panda-banner .banner-text .btn{background-color:#262626;color:#fff;height:2.625rem;line-height:2.625rem;margin-top:.625rem;width:16.25rem}.panda-banner .banner-text .btn:hover{opacity:.8}@media screen and (max-width:819px){.panda-banner{background-position:50%;height:78px;overflow:hidden;position:relative}.panda-banner .banner-name,.panda-banner .banner-tips,.panda-banner .btn{display:none}.panda-banner .banner-img{background-size:cover;display:block;height:100%;margin:0;position:absolute;width:9.2125rem}.panda-banner .banner-img img{height:100%;width:auto}.panda-banner .banner-mobile-btn{background:rgba(0,0,0,.4);background-image:url(/panda/img/next\ h5.fd41e1a.svg);background-position:50%;background-repeat:no-repeat;background-size:35%;display:block;height:100%;position:absolute;right:0;width:6.5325rem}}.panda-banner-popup{bottom:0;cursor:pointer;left:0;position:fixed;z-index:10}.panda-banner-popup.active{background-color:rgba(0,0,0,.4);height:100%;width:100%;z-index:2147483010}@media screen and (min-width:820px){.panda-banner-popup.active .banner-popup{left:50%;margin-left:-12.5rem;margin-top:-10rem;position:absolute;top:50%;transition:height 0s}}@media screen and (min-width:820px) and (min-width:1900px){.panda-banner-popup.active .banner-popup{transform:scale(1.6)}}.panda-banner-popup .banner-popup{background-size:cover;border-radius:.75rem;box-shadow:0 .75rem .75rem rgba(0,0,0,.15);color:#fff;font-size:18px;height:337px;letter-spacing:1px;line-height:1.6;margin-bottom:15px;margin-left:15px;max-width:100%;overflow:hidden;position:relative;width:400px}.panda-banner-popup .banner-popup .btn{position:relative;z-index:2}.panda-banner-popup .banner-popup .banner-award,.panda-banner-popup .banner-popup .banner-discount{position:relative;z-index:1}.panda-banner-popup .banner-popup .banner-award,.panda-banner-popup .banner-popup .banner-name{font-size:18px;line-height:30px}.panda-banner-popup .banner-popup.mini-popup{background-position:50%;display:flex;height:78px;justify-content:center;line-height:1.5;text-align:center}.panda-banner-popup .banner-popup.mini-popup .close{right:5px;top:5px}.panda-banner-popup .banner-popup.mini-popup .banner-award,.panda-banner-popup .banner-popup.mini-popup .banner-name,.panda-banner-popup .banner-popup.mini-popup .banner-tips,.panda-banner-popup .banner-popup.mini-popup .btn{display:none}.panda-banner-popup .banner-popup.mini-popup .banner-text{padding:10px}.panda-banner-popup .banner-popup.mini-popup .banner-text .banner-price{font-size:18px;line-height:30px}.panda-banner-popup .banner-popup.mini-popup .banner-text .banner-price .banner-month{font-size:18px}.panda-banner-popup .banner-popup.mini-popup .banner-popup-img{bottom:0;height:78px;position:absolute;right:5px;width:104.34px}.panda-banner-popup .banner-popup.mini-popup .banner-mobile-btn{background-color:#262626;border-radius:50%;color:#fff;cursor:pointer;display:block;height:3.5rem;left:.625rem;line-height:3.5rem;position:absolute;top:.625rem;width:3.5rem}.panda-banner-popup .banner-popup.mini-popup .banner-mobile-btn:hover{opacity:.8}.panda-banner-popup .banner-popup .banner-mobile-btn{display:none}.panda-banner-popup .banner-popup .close{background-image:url(/panda/img/popup-close.6f7dee9.svg);background-size:cover;cursor:pointer;height:24px;position:absolute;right:15px;top:15px;width:24px;z-index:3}.panda-banner-popup .banner-popup .close.small{background-image:url(/panda/img/popup-show.c6a25a9.svg)}.panda-banner-popup .banner-popup .banner-tips{font-size:18px;line-height:1;line-height:30px;padding:30px 30px 15px;position:relative}.panda-banner-popup .banner-popup .banner-tips .banner-time{color:hsla(0,0%,100%,.8);display:block;font-size:14px;line-height:24px;width:100%}.panda-banner-popup .banner-popup .banner-text{padding:15px 30px}.panda-banner-popup .banner-popup .banner-text .banner-price{font-size:36px}.panda-banner-popup .banner-popup .banner-text .banner-price .banner-month{font-size:14px;position:relative;z-index:2}.panda-banner-popup .banner-popup .banner-text .banner-discount{color:#262626;display:flex}.panda-banner-popup .banner-popup .banner-text .banner-discount ul{display:flex;list-style:none;margin:.625rem .3125rem 0}.panda-banner-popup .banner-popup .banner-text .banner-discount ul li{background-color:#262626;display:inline-block;height:.375rem;margin-left:.125rem}.panda-banner-popup .banner-popup .banner-text .btn{background-color:#262626;color:#fff;font-size:18px;height:36px;line-height:36px;margin-top:15px;min-width:160px}.panda-banner-popup .banner-popup .banner-text .btn:hover{opacity:.8}.panda-banner-popup .banner-popup .banner-popup-img{bottom:0;position:absolute;right:-.9375rem;width:250px;z-index:2}@media screen and (max-width:1024px) and (min-width:820px){.panda-banner-popup .banner-popup .banner-popup-img{width:220px}}@media screen and (max-width:819px){.panda-banner-popup{right:0}.panda-banner-popup.active{background-color:rgba(0,0,0,.4);height:100%;width:100%}.panda-banner-popup.active .banner-popup .banner-text .banner-price{font-size:38px}.panda-banner-popup.active .banner-discount ul{position:relative;top:4px}.panda-banner-popup.active .banner-discount ul li{height:6px!important;margin-left:2px!important}.panda-banner-popup.active .banner-popup{border-bottom-left-radius:0;border-bottom-right-radius:0;bottom:0;left:0;margin:0;padding-bottom:15px;position:absolute;width:100%}.panda-banner-popup.active .banner-popup .banner-popup-img{bottom:0;right:0;width:18.75rem;z-index:2}}@media screen and (max-width:819px) and (max-width:320px){.panda-banner-popup.active .banner-popup .banner-popup-img{width:150px}}@media screen and (max-width:819px){.panda-banner-popup .banner-popup.mini-popup{border-radius:0;margin:0;width:100%}.panda-banner-popup .banner-popup.mini-popup .banner-text{padding:10px}.panda-banner-popup .banner-popup.mini-popup .banner-text .banner-discount ul{margin:.8125rem .3125rem 0}.panda-banner-popup .banner-popup.mini-popup .banner-mobile-btn{display:none}.panda-banner-popup .banner-popup.mini-popup .banner-popup-img{bottom:0;height:78px;left:0;position:absolute;width:104.34px}.panda-banner-popup .banner-popup.mini-popup .close{display:none}.panda-banner-popup .banner-popup.mini-popup .banner-mobile-btn{background:rgba(0,0,0,.4);background-image:url(/panda/img/next\ h5.fd41e1a.svg);background-position:50%;background-repeat:no-repeat;border-radius:0;display:block;height:100%;left:auto;position:absolute;right:0;text-indent:8.625rem;top:0;width:8.625rem}}.no-common .banner-text .banner-discount,.no-common .banner-text .banner-discount ul,.no-common .panda-banner-popup .banner-popup .banner-text .banner-discount{color:#fff}.no-common .banner-text .banner-discount li,.no-common .banner-text .banner-discount ul li,.no-common .panda-banner-popup .banner-popup .banner-text .banner-discount li{background-color:#bd23ff}.no-common .banner-text .btn,.no-common .panda-banner-popup .banner-popup .banner-text .btn{background-color:#bd23ff;color:#fff}@media screen and (min-width:820px){.no-common .panda-banner-popup .banner-popup.mini-popup .banner-mobile-btn{background-color:#bd23ff;color:#fff}}html[dir=rtl] .panda-banner-popup{left:auto;right:0}html[dir=rtl] .panda-banner-popup.active .banner-popup{left:50%;margin-left:-12.5rem;margin-right:0;right:auto}html[dir=rtl] .panda-banner-popup .banner-popup{margin-left:0;margin-right:15px;transform:scaleX(-1)}html[dir=rtl] .panda-banner-popup .banner-popup .banner-mobile-btn,html[dir=rtl] .panda-banner-popup .banner-popup .banner-popup-img,html[dir=rtl] .panda-banner-popup .banner-popup .banner-text,html[dir=rtl] .panda-banner-popup .banner-popup .banner-tips,html[dir=rtl] .panda-banner-popup .banner-popup .close{transform:scaleX(-1)}html[dir=rtl] .panda-banner-popup .banner-popup .banner-text{text-align:right}html[dir=rtl] .panda-banner-popup .banner-popup .banner-text .banner-discount{justify-content:flex-start}html[dir=rtl] .panda-banner-popup .banner-popup .banner-text .banner-discount ul{margin-left:0;margin-right:.3125rem}html[dir=rtl] .panda-banner-popup .banner-popup .banner-text .btn{margin-left:auto;margin-right:0}html[dir=rtl] .panda-banner-popup .banner-popup.mini-popup .banner-mobile-btn{text-align:center;text-indent:0}html[dir=rtl] .panda-banner{flex-direction:row-reverse;transform:scaleX(-1)}html[dir=rtl] .panda-banner>*{transform:scaleX(-1)}html[dir=rtl] .panda-banner .banner-text{padding-right:2.5rem;text-align:right}html[dir=rtl] .panda-banner .banner-text .banner-discount{justify-content:flex-start}html[dir=rtl] .panda-banner .banner-text .btn{margin-left:auto;margin-right:0}