:root{--gap-color1:#f1f3f8;--gap-color2:#fff;--gap-light2-dark3:#fff;--gap-light1-dark3:#f1f3f8;--gap-light2-dark1:#fff;--gap-light1-dark2:#f1f3f8;--font-color1:#000;--font-color2:#666;--font-color3:#999;--border-color:#ddd;--model-bg:url(/_nuxt/img/model-img.f665a27.png)}html.isDark{--gap-color1:#0a0b0d;--gap-color2:#1c1e22;--gap-light2-dark3:#32353e;--gap-light1-dark3:#32353e;--gap-light2-dark1:#0a0b0d;--gap-light1-dark2:#1c1e22;--font-color1:#eee;--font-color2:#999;--font-color3:#666;--border-color:#4a4e58;--model-bg:url(/_nuxt/img/dark-model-img.dd8a644.png)}.designers-winner-list-layout{background:#0a0b1e;min-height:100vh;padding:.26667rem .26667rem .53333rem;position:relative}@media (min-width:1200px){.designers-winner-list-layout{padding:unset;padding-bottom:20PX;padding-top:1PX}}.designers-winner-list-layout:after{background:linear-gradient(0deg,#0a0b1e,#ff3467);content:"";height:2.66667rem;left:0;position:absolute;top:0;width:100%;z-index:0}@media (min-width:1200px){.designers-winner-list-layout:after{height:150PX}}.designers-winner-list-layout .designers--header--btn{align-items:center;background:#fff;background:hsla(0,0%,100%,.1);border:.02667rem solid hsla(0,0%,100%,.3);border-radius:.4rem;color:#fff;cursor:pointer;display:flex;font-size:.34667rem;font-weight:600;height:.69333rem;justify-content:center;margin-right:.13333rem;width:1.73333rem}@media (min-width:1200px){.designers-winner-list-layout .designers--header--btn{border:.01333rem solid hsla(0,0%,100%,.3);height:32PX;margin-right:14PX;width:90PX}}.designers-winner-list-layout .designers--header--btn>i{color:#fff;font-size:.32rem;font-weight:400;margin-right:.13333rem}@media (min-width:1200px){.designers-winner-list-layout .designers--header--btn>i{font-size:14PX;margin-right:5PX}.designers-winner-list-layout .designers--header--btn{border-radius:.2rem;font-size:14PX;transition:all .2s}.designers-winner-list-layout .designers--header--btn:hover{opacity:.85}}.designers-winner-list-layout .designers--header--btn.designers-activity-header-rule>i{color:#fff;font-size:.26667rem;margin:unset;margin-left:.13333rem}@media (min-width:1200px){.designers-winner-list-layout .designers--header--btn.designers-activity-header-rule>i{font-size:12PX;margin-left:5PX}}.designers-winner-list-layout .designer--header-share-box{padding:.2rem .26667rem}@media (min-width:1200px){.designers-winner-list-layout .designer--header-share-box{padding:.06667rem .09333rem}}.designers-winner-list-layout .designers-rules-tab{background-color:rgba(0,0,0,.5);display:flex;height:1.09333rem;justify-content:center;left:0;overflow-x:auto;padding:.13333rem .26667rem;position:fixed;top:0;width:100vw;z-index:10}@media (min-width:1200px){.designers-winner-list-layout .designers-rules-tab{background-color:rgba(0,0,0,.3);height:56PX;overflow:hidden;padding:7PX 0}}.designers-winner-list-layout .designers-rules-tab .designers-rules-tab-list{align-items:center;color:#fff;cursor:pointer;display:flex;font-size:.4rem;font-weight:400;justify-content:center;line-height:.56rem;padding:.13333rem .32rem;transition:all .2s;white-space:nowrap}.designers-winner-list-layout .designers-rules-tab .designers-rules-tab-list:not(:last-child){margin-right:.26667rem}@media (min-width:1200px){.designers-winner-list-layout .designers-rules-tab .designers-rules-tab-list{font-size:18PX;line-height:26PX;padding:8PX 30PX}.designers-winner-list-layout .designers-rules-tab .designers-rules-tab-list:not(:last-child){margin-right:30PX}.designers-winner-list-layout .designers-rules-tab .designers-rules-tab-list:not(.designers-rules-tab-active):hover{border-radius:30PX;box-shadow:inset 0 0 20PX 0 #fff;color:#fff}}.designers-winner-list-layout .designers-rules-tab .designers-rules-tab-active{background:#fff;border-radius:.4rem;color:#ff3764;font-weight:700}.designers-winner-list-layout .designer-rules-back-box{display:flex;justify-content:space-between;position:relative;z-index:3}@media (min-width:1200px){.designers-winner-list-layout .designer-rules-back-box{left:unset;margin:20PX auto 0;position:relative;top:unset;width:1200PX}}.designers-winner-list-layout .designer-rules-back-box .designers-top-login{display:flex;justify-content:flex-end}@media (min-width:1200px){.designers-winner-list-layout .designer-rules-back-box .designers-top-login{margin-left:.10667rem;padding:unset}}.designers-winner-list-layout .designer-rules-back-box .designers-top-login .login-btn{align-items:center;background-color:#fff;border-radius:.93333rem;color:#ff3764;display:flex;font-size:.32rem;font-weight:700;height:.69333rem;justify-content:center;line-height:.69333rem;padding:0 .4rem}@media (min-width:1200px){.designers-winner-list-layout .designer-rules-back-box .designers-top-login .login-btn{border-radius:16PX;cursor:pointer;font-size:14PX;height:32PX;line-height:32PX;min-width:68PX;padding:0 10PX}.designers-winner-list-layout .designer-rules-back-box .designers-top-login .login-btn:hover{opacity:.85}}.designers-winner-list-layout .designer-rules-back-box .designers-top-login .avatar-box{align-items:center;display:flex}.designers-winner-list-layout .designer-rules-back-box .designers-top-login .avatar-box .images_comp{border:.02667rem solid #fff;border-radius:.38667rem;height:.69333rem;overflow:hidden;position:relative;width:.69333rem}@media (min-width:1200px){.designers-winner-list-layout .designer-rules-back-box .designers-top-login .avatar-box .images_comp{border:.00667rem solid #fff;border-radius:.38667rem;flex:0 0 36PX;height:36PX;width:36PX}}.designers-winner-list-layout .designer-rules-back-box .designers-top-login .avatar-box .logout{align-items:center;display:flex;flex:1}.designers-winner-list-layout .designer-rules-back-box .designers-top-login .avatar-box .logout .icon{color:#fff;font-size:.32rem;font-weight:400;margin-left:.16rem;margin-right:.05333rem}@media (min-width:1200px){.designers-winner-list-layout .designer-rules-back-box .designers-top-login .avatar-box .logout .icon{cursor:pointer;font-size:.09333rem;margin-left:.06667rem;margin-right:.02667rem}}.designers-winner-list-layout .designer-rules-back-box .designers-top-login .avatar-box .logout .text{color:#fff;display:none;font-size:.32rem}@media (min-width:1200px){.designers-winner-list-layout .designer-rules-back-box .designers-top-login .avatar-box .logout .text{cursor:pointer;display:block;font-size:14PX}.designers-winner-list-layout .designer-rules-back-box .designers-top-login .avatar-box .logout:hover .text{text-decoration:underline}}.designers-winner-list-layout .designer-rules-back{align-items:center;color:#fff;cursor:pointer;display:flex;font-size:.34667rem;z-index:1}.designers-winner-list-layout .designer-rules-back>i{font-size:.26667rem;margin-right:.13333rem}@media (min-width:1200px){.designers-winner-list-layout .designer-rules-back{border-radius:16PX;font-size:16PX;line-height:24PX;padding:4PX 13PX;transition:all .2s}.designers-winner-list-layout .designer-rules-back>i{font-size:14PX;margin-right:5PX}.designers-winner-list-layout .designer-rules-back:hover{background-color:hsla(0,0%,96%,.1)}}.designers-winner-list-layout h1{color:#fff;font-size:.53333rem;font-weight:600;line-height:.74667rem;margin-top:.26667rem;position:relative;text-align:center;z-index:2}@media (min-width:1200px){.designers-winner-list-layout h1{font-size:30PX;line-height:42PX;margin-top:10PX}}.designers-winner-list-layout .designer-rules-box{background:hsla(0,0%,100%,.1);border:.02667rem solid hsla(0,0%,100%,.3);border-radius:.21333rem;color:#fff;font-size:.37333rem;line-height:.53333rem;margin:1.09333rem auto 0;padding:.82667rem .26667rem .26667rem;position:relative;z-index:1}@media (min-width:1200px){.designers-winner-list-layout .designer-rules-box{border:.01333rem solid hsla(0,0%,100%,.3);border-radius:16PX;font-size:16PX;line-height:22PX;margin:50PX auto 0;padding:50PX 20PX 20PX;width:1200PX}}.designers-winner-list-layout .designer-rules-box:after{background:#fff;border-radius:.44rem;color:#ff3764;font-size:.42667rem;font-weight:600;left:50%;max-height:.86667rem;padding:.13333rem .4rem;position:absolute;top:-.4rem;transform:translateX(-50%);white-space:nowrap;z-index:2}@media (min-width:1200px){.designers-winner-list-layout .designer-rules-box:after{font-size:22PX;line-height:30PX;padding:6PX 30PX;top:-21PX}}.designers-winner-list-layout .designer-rules-box.won{flex-direction:column;margin-top:1.33333rem;z-index:2}@media (min-width:1200px){.designers-winner-list-layout .designer-rules-box.won{flex-direction:row;line-height:22PX;margin-top:70PX}}.designers-winner-list-layout .designer-rules-box.won:after{content:"Top 10 Designers"}.designers-winner-list-layout .designer-rules-box.won>div{flex:1}.designers-winner-list-layout .designer-rules-box.won>div:last-child{margin-left:0;margin-top:.4rem}@media (min-width:1200px){.designers-winner-list-layout .designer-rules-box.won>div:last-child{margin-left:20PX;margin-top:unset}}.designers-winner-list-layout .designer-rules-box.won .rules-prize-title{border-radius:0 .10667rem .10667rem 0;color:#fff;font-size:.4rem;font-weight:700;height:.82667rem;line-height:.82667rem;margin-bottom:.4rem;padding-left:1.12rem;position:relative;width:100%}@media (min-width:1200px){.designers-winner-list-layout .designer-rules-box.won .rules-prize-title{font-size:20PX;height:40PX;line-height:40PX;margin-bottom:25PX;padding-left:70PX;width:534PX}}.designers-winner-list-layout .designer-rules-box.won .rules-prize-title.red-shadow{background:linear-gradient(90deg,#ff3467,#222334);left:-.29333rem}@media (min-width:1200px){.designers-winner-list-layout .designer-rules-box.won .rules-prize-title.red-shadow{left:-22PX}}.designers-winner-list-layout .designer-rules-box.won .rules-prize-title.blue-shadow{background:linear-gradient(90deg,#546599,#222334);left:-.29333rem;padding-left:1.12rem}@media (min-width:1200px){.designers-winner-list-layout .designer-rules-box.won .rules-prize-title.blue-shadow{left:unset;padding-left:50PX}}.designers-winner-list-layout .designer-rules-box.won .rules-prize-title.gold-medal:after{background:url(/_nuxt/img/gold-medal.a066d69.png);background-size:cover;content:"";height:.96rem;left:.26667rem;position:absolute;top:-.08rem;width:.72rem;z-index:2}@media (min-width:1200px){.designers-winner-list-layout .designer-rules-box.won .rules-prize-title.gold-medal:after{height:53PX;left:20PX;top:-4PX;width:40PX}}.designers-winner-list-layout .designer-rules-box.won .rules-prize-title.silver-medal:after{background:url(/_nuxt/img/silver-medal.1bb0c5d.png);background-size:cover;content:"";height:.96rem;left:.26667rem;position:absolute;top:-.08rem;width:.72rem;z-index:2}@media (min-width:1200px){.designers-winner-list-layout .designer-rules-box.won .rules-prize-title.silver-medal:after{height:53PX;left:-4PX;top:-4PX;width:40PX}}.designers-winner-list-layout .designer-rules-box.not-won:after{content:"Top 100 Designers"}.designers-winner-list-layout .designer-rules-box.not-won .order-explain{font-size:.37333rem;line-height:.53333rem;text-align:center}@media (min-width:1200px){.designers-winner-list-layout .designer-rules-box.not-won .order-explain{font-size:14PX;line-height:20PX}}.designers-winner-list-layout .designer-rules-box.not-won .no-won-designer-list{display:grid;gap:.4rem;grid-template-columns:repeat(2,1fr);margin-top:.53333rem}@media (min-width:1200px){.designers-winner-list-layout .designer-rules-box.not-won .no-won-designer-list{gap:30PX;grid-template-columns:repeat(4,1fr);margin-top:30PX}}.designers-winner-list-layout .designer-rules-box.not-won .no-won-designer-list .no-won-designer-item{align-items:center;cursor:pointer;display:flex}.designers-winner-list-layout .designer-rules-box.not-won .no-won-designer-list .no-won-designer-item:hover{background:#474857;border-radius:.74667rem}.designers-winner-list-layout .designer-rules-box.not-won .no-won-designer-list .no-won-designer-item:hover>label{color:#ff3467;text-decoration:underline}.designers-winner-list-layout .designer-rules-box.not-won .no-won-designer-list .no-won-designer-item .no-won-designer-item-avatar{border:.01333rem solid #fff;border-radius:50%;height:1rem;overflow:hidden;position:relative;width:1rem}@media (min-width:1200px){.designers-winner-list-layout .designer-rules-box.not-won .no-won-designer-list .no-won-designer-item .no-won-designer-item-avatar{height:60PX;width:60PX}}.designers-winner-list-layout .designer-rules-box.not-won .no-won-designer-list .no-won-designer-item>label{color:#fff;cursor:pointer;flex:1;font-size:.37333rem;line-height:.53333rem;margin-left:.18667rem;word-break:break-word}@media (min-width:1200px){.designers-winner-list-layout .designer-rules-box.not-won .no-won-designer-list .no-won-designer-item>label{font-size:14PX;line-height:20PX;margin-left:14PX}}.designers-winner-list-layout .designer-rules-box .mt50{margin-top:.66667rem}@media (min-width:1200px){.designers-winner-list-layout .designer-rules-box .mt50{margin-top:25PX}}.designers-winner-list-layout .designer-rules-box p{line-height:.53333rem}@media (min-width:1200px){.designers-winner-list-layout .designer-rules-box p{line-height:22PX}}.designers-winner-list-layout .voter-wins-btn{align-items:center;background:#ff3764;border-radius:.8rem;color:#fff;cursor:pointer;display:flex;font-size:.42667rem;font-weight:700;height:1.06667rem;justify-content:center;margin-top:.4rem;position:relative;width:9.46667rem}.designers-winner-list-layout .voter-wins-btn:hover{opacity:.85}.designers-winner-list-layout .voter-wins-btn .iconfont{color:#fff;font-size:.4rem;line-height:1;margin-left:.2rem}@media (min-width:1200px){.designers-winner-list-layout .voter-wins-btn .iconfont{font-size:14PX;margin-left:10PX}}.designers-winner-list-layout .voter-wins-btn .icon-bronze-medal{background:url(/_nuxt/img/bronze-medal.16c1dca.png);background-size:cover;display:block;height:.8rem;margin-right:.16rem;width:.61333rem}@media (min-width:1200px){.designers-winner-list-layout .voter-wins-btn .icon-bronze-medal{height:30PX;margin-right:6PX;width:23PX}.designers-winner-list-layout .voter-wins-btn{border-radius:30PX;font-size:16PX;height:48PX;line-height:24PX;margin-top:30PX;width:350PX}.van-dialog_reset.van-dialog{border-radius:10PX;font-size:14PX;width:300PX}.confirm_dialog .content{font-size:16PX;min-height:80PX}.confirm_dialog .dialog-footer .btn{cursor:pointer;font-size:16PX;height:auto;padding:10PX 0}}