:root{--safe-area-inset-bottom: env(safe-area-inset-bottom)}@supports not (constant(safe-area-inset-bottom)){>.mobile-container{padding-bottom:30px !important}>footer{padding-bottom:0 !important}}main.self-opening-star{-webkit-box-flex:1;-ms-flex:1 0 0px;flex:1 0 0;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-flow:column nowrap;flex-flow:column nowrap;-webkit-box-align:stretch;-ms-flex-align:stretch;align-items:stretch;-webkit-box-sizing:border-box;box-sizing:border-box;width:100%;position:relative}main.self-opening-star .notice{position:absolute;top:15px;left:50%;-webkit-transform:translateX(-50%);transform:translateX(-50%);width:535px;height:24px;border-radius:12px;background-color:rgba(0,0,0,.6);font-size:12px;z-index:2;color:#fff;overflow:hidden}main.self-opening-star .notice .message{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;height:24px;padding:0 12px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;width:100%}main.self-opening-star .notice .message>img{-webkit-transform:translateY(-1px);transform:translateY(-1px);margin-right:5px}main.self-opening-star .notice .message strong{color:#ff1255}main.self-opening-star .slide-enter-active,main.self-opening-star .slide-leave-active{-webkit-transition:all .5s ease;transition:all .5s ease;position:absolute}main.self-opening-star .slide-enter,main.self-opening-star .slide-leave-to{opacity:0}main.self-opening-star .slide-enter{-webkit-transform:translateY(100%);transform:translateY(100%)}main.self-opening-star .slide-leave-to{-webkit-transform:translateY(-100%);transform:translateY(-100%)}main.self-opening-star .banner{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-flow:column nowrap;flex-flow:column nowrap;-webkit-box-align:center;-ms-flex-align:center;align-items:center;min-width:1000px;max-width:1920px;max-height:320px;position:relative}main.self-opening-star .banner img{width:100%}main.self-opening-star .banner .nav-btn{width:65px;height:61px;position:absolute;top:50%;left:14%;-webkit-transform:translateY(-50%);transform:translateY(-50%);z-index:1;cursor:pointer}main.self-opening-star .banner .nav-btn.reverse{left:auto;right:14%;-webkit-transform:scaleX(-1) translateY(-50%);transform:scaleX(-1) translateY(-50%)}main.self-opening-star .nav-f{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;height:102px;border-radius:51px;background-color:rgba(206,207,214,.9);-webkit-box-shadow:6px 6px 16px 0 rgba(0,0,0,.3);box-shadow:6px 6px 16px 0 rgba(0,0,0,.3);position:absolute;bottom:-30px;z-index:1;padding:0 30px}main.self-opening-star .nav-f>div{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-flow:column nowrap;flex-flow:column nowrap;-webkit-box-align:center;-ms-flex-align:center;align-items:center;width:125px;font-size:16px;position:relative;cursor:pointer}main.self-opening-star .nav-f>div .cover{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;width:40px;height:40px;position:relative;margin-bottom:10px}main.self-opening-star .nav-f>div .cover img{max-height:100%;width:auto;position:absolute;-webkit-filter:drop-shadow(0 10px 10px rgba(255, 255, 255, 0.3));filter:drop-shadow(0 10px 10px rgba(255, 255, 255, 0.3))}main.self-opening-star .nav-f>div:after{content:"";display:-webkit-box;display:-ms-flexbox;display:flex;width:2px;height:26px;background-color:rgba(255,255,255,.2);position:absolute;left:100%}main.self-opening-star .nav-f>div:last-child:after{display:none}main.self-opening-star section{width:1200px;-ms-flex-item-align:center;align-self:center;margin-bottom:30px}main.self-opening-star section:nth-of-type(1){margin-top:50px}main.self-opening-star section header{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;height:55px;padding:0 20px;background-color:#4a5372;border-radius:5px 5px 0 0}main.self-opening-star section header strong{font-size:18px;color:#fff}main.self-opening-star section header a{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;font-size:14px;color:#b9c0ef;text-decoration:underline;position:relative}main.self-opening-star section header a:after{content:">";position:absolute;left:calc(100% + 5px);font-size:12px}main.self-opening-star section .content{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:horizontal;-webkit-box-direction:normal;-ms-flex-flow:row wrap;flex-flow:row wrap;border:1px solid #4a5372;border-top:0;padding-bottom:20px}main.self-opening-star section .content .item{-webkit-box-flex:0;-ms-flex:none;flex:none;width:210px;height:236px;border-radius:14px;background-color:#cecfd6;background-size:100%;background-repeat:no-repeat;position:relative;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;overflow:hidden;margin:20px 0 0 24px;cursor:pointer}main.self-opening-star section .content .item.fix{margin-top:0 !important;margin-bottom:0 !important;padding-top:0 !important;padding-bottom:0 !important;height:0 !important}main.self-opening-star section .content .item .img{-webkit-box-flex:1;-ms-flex:1 0 0px;flex:1 0 0;height:130px;width:100%;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;position:relative}main.self-opening-star section .content .item .img img{width:70%}main.self-opening-star section .content .item .img .img-sold-out{-webkit-filter:brightness(0.4);filter:brightness(0.4)}main.self-opening-star section .content .item .img .num{position:absolute;top:8px;right:10px;font-size:12px;color:#7a80a2}main.self-opening-star section .content .item .img .sold-out{position:absolute;left:50%;top:50%;-webkit-transform:translate(-50%, -50%);transform:translate(-50%, -50%);width:79px;height:49px}main.self-opening-star section .content .item .img .gold{position:absolute;left:0;top:0;width:89px;height:33px}main.self-opening-star section .content .item .img .in-stock{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;width:46px;height:20px;position:absolute;top:9px;right:9px;font-size:14px;color:#fff;border-radius:4px;background-color:#2585e7}main.self-opening-star section .content .item .price{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;font-size:14px;background-color:#9499b5;height:78px;padding:15px 12px;color:#282a30}main.self-opening-star section .content .item .price .name{font-size:18px}main.self-opening-star section .content .item .price .package-price{font-size:18px;font-weight:bold}main.self-opening-star section .content .item .price .package-price span{font-weight:normal;font-size:14px}