: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 .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 .container{width:1200px;margin:30px auto 0}main.self-opening-star .container>header .top{display:-webkit-box;display:-ms-flexbox;display:flex}main.self-opening-star .container>header .top strong{font-style:italic;font-size:24px;-ms-flex-negative:0;flex-shrink:0;margin-right:30px;color:#fff}main.self-opening-star .container>header .top .type-c{display:-webkit-box;display:-ms-flexbox;display:flex}main.self-opening-star .container>header .top .type-c .item{width:130px;height:29px;background:url("https://static.99cs2.cn/static/front/assets/images/self-opening/bg-btn-replacement.png") no-repeat center/100% 100%;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;margin-left:10px;color:#b9c0ef}main.self-opening-star .container>header .top .type-c .item.active{color:#20263b;background:url("https://static.99cs2.cn/static/front/assets/images/self-opening/bg-btn-replacement-1.png") no-repeat center/100% 100%;font-weight:bold}main.self-opening-star .container>header .top .type-c .item:first-child{margin-left:0}main.self-opening-star .container>header .btn-c{margin-top:35px;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;padding-right:6px}main.self-opening-star .container>header .btn-c .search-c{position:relative}main.self-opening-star .container>header .btn-c .search-c .iconfont{position:absolute;top:50%;-webkit-transform:translateY(-50%);transform:translateY(-50%)}main.self-opening-star .container>header .btn-c .search-c .icon-search{position:absolute;left:13px;color:#b9c0ef}main.self-opening-star .container>header .btn-c .search-c .icon-search:before{content:""}main.self-opening-star .container>header .btn-c .search-c .icon-weitongguo{right:11px;color:#7a80a2}main.self-opening-star .container>header .btn-c .search-c input{width:260px;height:40px;background-color:#292e41;border-radius:5px;border:solid 1px #454d6b;padding-left:40px;color:#fff;padding-bottom:5px}main.self-opening-star .container>header .btn-c .search-c input::-webkit-input-placeholder{font-size:14px}main.self-opening-star .container>header .btn-c .search-c input::-moz-placeholder{font-size:14px}main.self-opening-star .container>header .btn-c .search-c input:-ms-input-placeholder{font-size:14px}main.self-opening-star .container>header .btn-c .search-c input::-ms-input-placeholder{font-size:14px}main.self-opening-star .container>header .btn-c .search-c input::placeholder{font-size:14px}main.self-opening-star .container>header .buttons{display:-webkit-box;display:-ms-flexbox;display:flex;grid-gap:40px;gap:40px}main.self-opening-star .container>header .buttons .desc{position:relative;display:-webkit-inline-box;display:-ms-inline-flexbox;display:inline-flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;border-radius:5px;font-size:14px;color:#fff;cursor:pointer;border:none;padding:0 16px}main.self-opening-star .container>header .buttons .desc .triangles{position:absolute;right:-6px;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-align:center;-ms-flex-align:center;align-items:center;grid-gap:3px;gap:3px;z-index:10}main.self-opening-star .container>header .buttons .desc .triangle{width:0;height:0;border-left:5px solid rgba(0,0,0,0);border-right:5px solid rgba(0,0,0,0);-webkit-transition:border-color .2s ease;transition:border-color .2s ease;cursor:pointer;pointer-events:auto}main.self-opening-star .container>header .buttons .desc .triangle.up{border-bottom:6px solid #fff}main.self-opening-star .container>header .buttons .desc .triangle.down{border-top:6px solid #fff}main.self-opening-star .container>header .buttons .desc .triangle:hover.up{border-bottom-color:#2585e7}main.self-opening-star .container>header .buttons .desc .triangle:hover.down{border-top-color:#2585e7}main.self-opening-star .container>header .buttons .desc.asc .triangle.up{border-bottom-color:#2585e7 !important}main.self-opening-star .container>header .buttons .desc.asc .triangle.down{border-top-color:#fff !important}main.self-opening-star .container>header .buttons .desc.asc .triangle:hover.up{border-bottom-color:#2585e7 !important}main.self-opening-star .container>header .buttons .desc.asc .triangle:hover.down{border-top-color:#2585e7 !important}main.self-opening-star .container>header .buttons .desc.des .triangle.up{border-bottom-color:#fff !important}main.self-opening-star .container>header .buttons .desc.des .triangle.down{border-top-color:#2585e7 !important}main.self-opening-star .container>header .buttons .desc.des .triangle:hover.up{border-bottom-color:#2585e7 !important}main.self-opening-star .container>header .buttons .desc.des .triangle:hover.down{border-top-color:#2585e7 !important}main.self-opening-star .container .content{-webkit-box-flex:1;-ms-flex:1 0 0px;flex:1 0 0}main.self-opening-star .container .content .list{margin-top:30px;position:relative}main.self-opening-star .container .content .list .list-container{height:100%;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;-ms-flex-line-pack:start;align-content:flex-start;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between}main.self-opening-star .container .content .list:after{content:"";display:-webkit-box;display:-ms-flexbox;display:flex;width:1px;height:1px}main.self-opening-star .container .content .list .skin{margin-bottom:18px}main.self-opening-star .container .content .skin{-webkit-box-flex:0;-ms-flex:none;flex:none;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;width:226px;height:268px;background-color:#cecfd6;border-radius:14px;position:relative;cursor:pointer}main.self-opening-star .container .content .skin .cover{-webkit-box-flex:1;-ms-flex:1 0 auto;flex:1 0 auto;position:relative}main.self-opening-star .container .content .skin .cover>img{max-width:60%;max-height:60%;-o-object-fit:contain;object-fit:contain;position:absolute;top:50%;left:50%;-webkit-transform:translate(-50%, -50%);transform:translate(-50%, -50%)}main.self-opening-star .container .content .skin .cover .tag{position:absolute;top:0;left:0;font-size:14px;padding:6px 9px;color:#fff;border-radius:10px 0px 10px 0px;font-weight:bold}main.self-opening-star .container .content .skin .cover .max{position:absolute;top:6px;right:9px;font-size:12px;color:#7a80a2}main.self-opening-star .container .content .skin .cover .max span{font-weight:bold;color:#505468}main.self-opening-star .container .content .skin .cover .anchor{position:absolute;left:0;bottom:4px;width:223px;height:26px;font-size:12px;font-weight:bold;line-height:26px;padding-left:44px;background:url("https://static.99cs2.cn/static/front/assets/images/self-opening/bg-anchor-clip-1.png") no-repeat center/100% 100%;color:#464e7d}main.self-opening-star .container .content .skin .cover .anchor img{position:absolute;border-radius:50%;border:solid 1px #000;width:30px;height:30px;top:-8px;left:7px}main.self-opening-star .container .content .skin .cover .line{position:absolute;width:100%;height:4px;bottom:0;left:0}main.self-opening-star .container .content .skin .cover .sellout{-webkit-filter:brightness(0.3);filter:brightness(0.3)}main.self-opening-star .container .content .skin .cover .sellout-img{width:128px;height:79px}main.self-opening-star .container .content .skin .info{height:97px;background-color:#9499b5;padding:0 6px 0 9px;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:space-evenly;-ms-flex-pack:space-evenly;justify-content:space-evenly;border-radius:0px 0px 14px 14px}main.self-opening-star .container .content .skin .info .desc{font-size:16px;max-width:100%;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;line-height:1.2;font-weight:bold;color:#282a30}main.self-opening-star .container .content .skin .info .desc span{font-weight:normal}main.self-opening-star .container .content .skin .info .operate{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;-webkit-box-align:center;-ms-flex-align:center;align-items:center}main.self-opening-star .container .content .skin .info .operate .left{font-size:14px}main.self-opening-star .container .content .skin .info .operate .left p{font-size:18px;font-weight:bold;color:#282a30}main.self-opening-star .container .content .skin .info .operate button{width:80px;height:24px;background-color:#2585e7;border-radius:12px;color:#fff;font-size:14px}main.self-opening-star .container .content .skin .info .chart{display:-webkit-box;display:-ms-flexbox;display:flex;border-radius:4px;color:#fff;font-weight:bold;font-size:12px;-webkit-box-align:center;-ms-flex-align:center;align-items:center;padding-left:2px}main.self-opening-star .container .content .skin .info .chart img{width:12px;height:11px;margin-right:10px}main.self-opening-star .container .content .skin .mask{position:absolute;top:0;left:0;bottom:0;right:0;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;background-color:#202125;border-radius:10px;opacity:.8}main.self-opening-star .container .content .skin .mask span{font-weight:bold;font-size:42px}main.self-opening-star .container .content .skin.fix{height:0 !important;font-size:0 !important;padding-top:0 !important;padding-bottom:0 !important;margin-top:0 !important;margin-bottom:0 !important}main.self-opening-star .container .content .skin.fix *{display:none}