@font-face{font-family:Slowdex;src:url(../font/Slowdex.ttf);font-weight:400;font-style:normal;font-display:swap}.blackFriday{display:none!important}.lazy{background-size:cover;background-position:center}.container-fluid img{width:100%;height:100%}.banner{height:51.5625vw}.banner img{width:100%;height:100%}.rule{height:46.875vw;position:relative;padding-top:19.1146vw;padding-left:9.6354vw}.rule .rule-box{width:36.4583vw;height:26.3021vw;display:flex;flex-direction:column;justify-content:space-between}.rule .rule-item{width:100%;height:7.5521vw;border:.1042vw solid #888787;border-radius:.7813vw}.rule .rule-item p{font-size:1.0193vw;font-family:Radnika-Medium;color:#fff;text-transform:uppercase}.rule .rule-item p span{color:#03cfcf}.rule .rule-item:nth-child(2){padding-top:1.6667vw;padding-left:5.9896vw}.rule .rule-item:nth-child(3){background-size:35.9896vw 6.4583vw;background-position:.2604vw .5208vw;background-repeat:no-repeat}.rule .rule-item:hover{border-color:#03cfcf;box-shadow:0 0 .5208vw #03cfcf}.rule .rule-btn{position:absolute;width:21.4583vw;height:4.375vw;top:38.8021vw;right:16.3021vw;cursor:pointer}.design{height:46.875vw;display:flex;align-items:center;justify-content:center}.design .design-box{width:86.4583vw;height:41.7708vw;display:flex;padding:.2604vw;border-radius:1.3021vw;overflow:hidden;background-size:100% 100%;background-repeat:no-repeat;font-family:Radnika-Medium}.design .design-left{width:26.5625vw;height:100%;border-radius:1.3021vw 0 0 1.3021vw;flex:0 0 auto;background-color:#000;padding:1.5625vw}.design .design-left .left-tit{margin-bottom:1.8229vw}.design .design-left .left-tit h4{font-size:1.5625vw;line-height:1.5625vw;color:#fff;margin-bottom:.5208vw}.design .design-left .left-tit h4 span{color:#03cfcf}.design .design-left .left-tit p{font-size:1.0193vw;line-height:1.5625vw;color:#fff}.design .design-left .left-step-1 .icon{width:2.2396vw;height:1.8229vw;top:.7813vw;left:16.1458vw}.design .design-left .left-step-1 .left-step-box{margin-left:.2604vw;width:21.9792vw;height:13.125vw;margin-top:.5208vw;border-radius:.625vw;border:.1042vw solid grey;background-color:#171717;overflow:hidden;display:flex;justify-content:space-around;align-items:center;padding:.5208vw}.design .design-left .left-step-1 .pro-item{display:flex;flex-direction:column;align-items:center;cursor:pointer;transition:transform .3s ease}.design .design-left .left-step-1 .pro-item.active .pro-select{border-color:#03cfcf}.design .design-left .left-step-1 .pro-img-box{width:1.7708vw;height:7.8125vw;margin-bottom:.4167vw;position:relative}.design .design-left .left-step-1 .pro-img-box img{width:100%;height:100%;object-fit:cover}.design .design-left .left-step-1 .pro-img{width:100%;height:100%;border-radius:.4167vw;position:relative}.design .design-left .left-step-1 .pro-img::before{content:'';position:absolute;top:.2604vw;left:50%;transform:translateX(-50%);width:2.0833vw;height:1.8229vw;background-color:#e0e0e0;border-radius:.3125vw .3125vw 0 0}.design .design-left .left-step-1 .pro-img::after{content:'';position:absolute;top:2.0833vw;left:50%;transform:translateX(-50%);width:.4167vw;height:1.0417vw;background-color:#333}.design .design-left .left-step-1 .pro-label{font-size:1.0193vw;color:#fff;margin-bottom:.5208vw;font-family:Radnika-Medium}.design .design-left .left-step-1 .pro-select{width:1.4583vw;height:1.4583vw;border-radius:50%;border:.1042vw solid #fff;background-color:transparent;position:relative;transition:all .3s ease}.design .design-left .left-step-1 .pro-select::after{content:'';position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:.625vw;height:.625vw;border-radius:50%;background-color:#fff}.design .design-left .left-step-2{margin-top:1.0417vw}.design .design-left .left-step-2 .icon{width:2.9167vw;height:1.3542vw;top:1.7188vw;left:19.2708vw}.design .design-left .left-step-2 .left-step-tit p{margin-left:.625vw}.design .design-left .left-step-2 .left-step-box{margin-left:.2604vw;width:20.3125vw;height:7.5521vw;overflow:hidden;display:flex;flex-direction:column;justify-content:space-between;align-items:center}.design .design-left .left-step-2 .graffiti-item{padding:.1042vw;display:flex;flex-wrap:wrap;column-gap:.7813vw;row-gap:.625vw;width:100%;height:100%;box-sizing:border-box}.design .design-left .left-step-2 .graffiti-color{width:3.3333vw;height:3.3333vw;border-radius:50%;cursor:pointer;border:.1042vw solid #000;outline:.1042vw solid #fff;outline-offset:0vw;transition:all .3s ease}.design .design-left .left-step-2 .graffiti-color.active{outline-color:#03cfcf}.design .design-left .left-step-2 .graffiti-color:nth-child(1){background-color:#000}.design .design-left .left-step-2 .graffiti-color:nth-child(2){background-color:#fff}.design .design-left .left-step-2 .graffiti-color:nth-child(3){background-color:#14ff3b}.design .design-left .left-step-2 .graffiti-color:nth-child(4){background-color:#f00edd}.design .design-left .left-step-2 .graffiti-color:nth-child(5){background-color:#a414ff}.design .design-left .left-step-2 .graffiti-pattern{width:3.3333vw;height:3.3333vw;border-radius:50%;cursor:pointer;border:.1042vw solid #fff;overflow:hidden;transition:all .3s ease;position:relative}.design .design-left .left-step-2 .graffiti-pattern.active{border-color:#03cfcf;box-shadow:0 0 .5208vw #03cfcf}.design .design-left .left-step-2 .graffiti-pattern img{width:100%;height:100%;object-fit:cover}.design .design-left .left-step-2 .graffiti-add{display:flex;align-items:center;justify-content:center;background-color:#333}.design .design-left .left-step-2 .graffiti-add span{font-size:1.875vw;color:#03cfcf;font-weight:700;margin-top:-.4167vw}.design .design-middle{width:33.2292vw;height:100%;aspect-ratio:.8;position:relative}.design .design-middle .bg-img{width:100%;height:100%}.design .design-middle .pro-design-box{position:absolute;width:6.3542vw;height:27.7604vw;bottom:2.0833vw;left:50%;transform:translateX(-50%)}.design .design-middle .pro-img{width:100%;height:100%}.design .design-middle .bright{position:absolute;width:5.2604vw;height:22.0313vw;bottom:-.4167vw;opacity:.3}.design .design-middle .bright.bright1{left:-1.875vw}.design .design-middle .bright.bright2{right:-2.0833vw}.design .design-middle .pro-screen{position:absolute;width:4.6354vw;height:4.6354vw;top:10.3125vw;left:.8333vw}.design .design-middle .pro-logo{position:absolute;width:2.9688vw;height:.7292vw;bottom:1.0938vw;left:50%;transform:translateX(-50%)}.design .design-middle .pro-graffiti{position:absolute;width:100%;height:21.25vw;bottom:.0521vw;object-fit:contain;object-position:center center;left:50%;transform:translateX(-50%)}.design .design-middle .web-logo{position:absolute;width:9.2188vw;height:2.4479vw;top:.8854vw;left:.9375vw}.design .design-middle .age-warning{position:absolute;width:2.6042vw;height:2.6042vw;right:.8333vw;bottom:.6771vw}.design .left-step .left-step-tit{display:flex;align-items:center;position:relative}.design .left-step .left-step-tit i{font-family:Slowdex;color:#03cfcf;font-size:2.5vw;letter-spacing:.2604vw}.design .left-step .left-step-tit p{font-size:1.0193vw;color:#fff;margin-left:1.0417vw}.design .left-step .left-step-tit .icon{position:absolute}.design .design-right{width:26.5625vw;padding-left:1.0417vw;display:flex;align-items:center}.design .design-right .left-step-tit{margin-bottom:.7813vw}.design .design-right .left-step-tit p{margin-left:.1042vw}.design .design-right .left-step-tit .icon{width:1.9271vw;height:2.1354vw;top:.5208vw;left:22.9167vw}.design .design-right .right-step-box{width:23.1771vw;height:21.6146vw;display:flex;flex-wrap:wrap;justify-content:space-between;align-content:space-between}.design .design-right .right-step-box .bg-item{width:10.9896vw;height:10.3125vw;border-radius:.6771vw;overflow:hidden;box-sizing:content-box;border:.0521vw solid transparent;box-shadow:0vw 0vw .3646vw #03cfcf;cursor:pointer}.design .design-right .right-step-box .bg-item img{width:100%;height:100%}.design .design-right .right-step-box .bg-item.active{border-color:#03cfcf}.design .design-right .download-btn{width:20.9896vw;height:3.6979vw;cursor:pointer;margin:2.3438vw auto 0}.design .design-right .msg{margin-top:.8333vw;font-size:.625vw;color:#fff;text-align:center}#cropper-modal{display:none;position:fixed;top:0;left:0;width:100%;height:100%;background:rgba(0,0,0,.8);z-index:9999;justify-content:center;align-items:center}#cropper-modal.show{display:flex}#cropper-modal .cropper-box{width:80%;max-width:31.25vw;background:#222;border-radius:.7813vw;padding:1.0417vw}#cropper-modal .cropper-box h3{color:#fff;text-align:center;margin-bottom:.7813vw}#cropper-modal .cropper-box .cropper-img-box{width:100%;height:20.8333vw;overflow:hidden;border-radius:.5208vw;background:#000}#cropper-modal .cropper-box .cropper-btns{display:flex;justify-content:center;gap:1.0417vw;margin-top:1.0417vw}#cropper-modal .cropper-box .cropper-btns button{padding:.5208vw 1.5625vw;background:#666;color:#fff;border:none;border-radius:.4167vw;cursor:pointer}#cropper-modal .cropper-box .cropper-btns #cropper-confirm{background:#03cfcf;color:#000;font-weight:700}footer{padding-top:0}