: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{-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%;padding:50px 40px 0 40px}main.self-opening>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;color:#fff;font-size:24px}main.self-opening>header strong{font-style:italic}main.self-opening>header .buttons{display:-webkit-box;display:-ms-flexbox;display:flex}main.self-opening>header .buttons button{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:170px;height:40px;border-radius:5px;background-color:#2585e7;font-size:14px;color:#fff;position:relative}main.self-opening>header .buttons button:first-child:before,main.self-opening>header .buttons button:first-child:after{content:"";display:-webkit-box;display:-ms-flexbox;display:flex;width:10px;height:6px;background-color:#fff;position:absolute;right:36px;-ms-flex-item-align:center;align-self:center}main.self-opening>header .buttons button:first-child:before{-webkit-clip-path:polygon(0 100%, 100% 100%, 50% 0);clip-path:polygon(0 100%, 100% 100%, 50% 0);margin-top:-8px}main.self-opening>header .buttons button:first-child:after{-webkit-clip-path:polygon(0 0, 100% 0, 50% 100%);clip-path:polygon(0 0, 100% 0, 50% 100%);margin-bottom:-8px}main.self-opening>header .buttons button:last-child{margin-left:40px}main.self-opening>header .buttons button:last-child i.iconfont{margin-left:10px}main.self-opening>header .buttons button.asc:after{background-color:#b2b2b2}main.self-opening>header .buttons button.desc:before{background-color:#b2b2b2}main.self-opening .content{-webkit-box-flex:1;-ms-flex:1 0 0px;flex:1 0 0}main.self-opening .content .list ul{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;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;margin-top:38px}main.self-opening .content .list ul li{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-bottom:24px;cursor:pointer}main.self-opening .content .list ul li.fix{margin-top:0 !important;margin-bottom:0 !important;padding-top:0 !important;padding-bottom:0 !important;height:0 !important}main.self-opening .content .list ul li .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 .content .list ul li .img img{width:70%}main.self-opening .content .list ul li .img .img-sold-out{-webkit-filter:brightness(0.4);filter:brightness(0.4)}main.self-opening .content .list ul li .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 .content .list ul li .img .gold{position:absolute;left:0;top:0;width:89px;height:33px}main.self-opening .content .list ul li .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 .content .list ul li .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 .content .list ul li .price .name{font-size:18px}main.self-opening .content .list ul li .price .package-price{font-size:18px;font-weight:bold}main.self-opening .content .list ul li .price .package-price span{font-weight:normal;font-size:14px}
