#diy{font-family:S-Bold;line-height:1;font-size:1rem;color:#fff}.box1_img{transform:scale(1.1)}.box1_icon{width:30%;bottom:6%;left:35%;transition:all 1s;transform:translateY(2rem);opacity:0}.box2{height:58rem;overflow:hidden;background:#000}.box2_bg{top:50%;left:50%;transform:translate(-50%,-50%) scale(1.7);transition:all 1s}.box2bg_active{transform:translate(-50%,-50%) scale(1.1)}.box2_product{top:50%;left:50%;transform:translate(-50%,-50%);width:30%;transition:all 1s}.box2_title{font-size:6rem;transition:all 1s;transform:translateY(2rem);opacity:0}.box2pt_active{transform:translate(-50%,-50%) scale(1.5)}.box2_mask{width:100%;height:100%;top:0;left:0;background:#000c}.box2_content{width:100%;top:50%;left:50%;transform:translate(-50%,-50%);text-align:center}.box2_items{width:68%;margin:6rem auto;display:flex;justify-content:space-between}.box2_items p{width:1.5rem;display:flex;align-items:center;transition:all 1s;transform:translateY(2rem);opacity:0}.box2_items div{width:20%;position:relative;font-family:S-Regular;line-height:1.3;font-size:1.2rem;transition:all 1s;transform:translateY(2rem);opacity:0}.box2_items div img{width:10rem;margin:0 auto 1rem}.box2_items div c{font-family:S-Bold;font-size:2rem;position:absolute;top:.5rem;left:7rem}.box2_items div d{color:red;border-bottom:1px solid red;cursor:pointer}.box2_btn{width:fit-content;margin:0 auto;cursor:pointer;padding:.6rem 3rem;border-radius:2rem;background:red;font-family:S-Medium;font-size:2rem;display:flex;align-items:center;justify-content:center;transition:all 1s;transform:translateY(2rem);opacity:0}.box2_btn img{width:1.2rem;margin:.2rem 0 0 1rem}.pbox1{padding:6rem 0 10rem;z-index:5;background:#fff}.pbox1_title{color:#000;text-align:center;font-size:5rem;width:50%;margin:0 auto}.pbox1_items{width:80%;margin:6rem auto 0;display:flex;justify-content:space-around}.pbox1_items div{width:16.6%;padding:2rem 0;border-radius:1rem;cursor:pointer;transition:all 1s;position:relative}.pbox1_items div img{width:55%;margin:0 auto}.pbox1_items div span{background:red;border-radius:2rem;width:fit-content;margin:1rem auto 0;display:block;font-size:1.2rem;padding:.2rem 2rem;opacity:0}.pbox1_active{background:linear-gradient(135deg,#6d6d6d,#151515);transform:scale(1.2)}.opacity1{opacity:1!important}.pbox1i_active{background:linear-gradient(135deg,#6d6d6d,#151515);opacity:1;height:40rem;width:43rem!important}.pbox1i_active0{transform:scale(1) translate(-4.5rem,-14rem)!important}.pbox1i_active1{transform:scale(1) translate(-13rem,-14rem)!important}.pbox1i_active2{transform:scale(1) translate(-22rem,-14rem)!important}.pbox1i_active3{transform:scale(1) translate(-30.5rem,-14rem)!important}.pbox1i_active4{transform:scale(1) translate(-39.5rem,-14rem)!important}.pbox1i_active5{transform:scale(1) translate(-48rem,-14rem)!important}.pbox1ii_active{width:35%!important;top:50%;position:absolute;left:50%;transform:translate(-50%,-50%)}.opacity0{transition:none!important;opacity:0!important}.pbox1id_active{transition:none!important;opacity:0;width:0!important}.pbox2{padding:8rem 0;top:0;left:0;width:100%;background:#fff;transition:all .5s;opacity:0}.pbox2_content{width:80%;margin:0 auto;display:flex;align-items:center;justify-content:space-between}.pbox2_left{width:45%;border-radius:1rem;height:40rem;background:linear-gradient(135deg,#6d6d6d,#151515)}.pl2_bg{top:30%;left:20%;transform:scale(3)}.pbox2_right{width:48%}.pbox2_title{color:#000;margin-bottom:4rem}.pi2_subtitle{font-size:1.5rem;color:#000}.pi2_color{margin-top:1rem;display:flex;align-items:center}.pi2_color input{width:8rem;height:4rem;margin-right:2rem;border:none;padding:0}.pi2_color span{font-family:S-Regular;font-size:1.2rem;line-height:1.2;color:#000;width:37%}.pi2_btns{margin-top:4rem;display:flex}.pi2_btns .pi2_btn:last-child{margin-left:2rem}.pi2_btn{width:fit-content;padding:.5rem 2rem;background:red;color:#fff;font-size:1.5rem;border-radius:2rem;cursor:pointer}.pl2_img{top:50%;left:50%;transform:translate(-50%,-50%);width:35%;z-index:3;-webkit-user-select:none;user-select:none;pointer-events:none}.pl2_cover{top:50%;left:50%;transform:translate(-50%,-50%);width:35%;z-index:5}.uploadImg{top:0;left:0;width:100%;height:100%;border-radius:50%;opacity:0}.pl2_upload{-webkit-mask-size:auto 100%;mask-size:auto 100%;z-index:6;top:50%;left:50%;width:35%}.pl2_style0{top:-19%;left:31%;transform:scale(.415)}.pl2_style1{transform:scale(.423);top:-17.8%;left:31.4%}.pl2_style2{transform:scale(.45);top:-15.5%;left:31.55%}.pl2_style3{transform:scale(.89);top:38%;left:30.6%}.pl2_style4{transform:scale(.63);top:12.4%;left:30.5%}.pl2_style5{transform:scale(.41);left:31%;top:22.5%}.pl2_upImage{top:0;left:0;-webkit-user-select:none;user-select:none}.pl2_maskimg{top:50%;left:50%;transform:translate(-50%,-50%);width:34.5%;-webkit-mask-size:auto 100%;mask-size:auto 100%}.pi2_items{width:70%;margin-top:1rem;display:flex;justify-content:space-between;align-items:center}.pi2_items img{width:2.5rem;cursor:pointer}.box_popup{position:fixed;top:0;left:0;z-index:9999;width:100%;height:100%;background:#000c;display:none}.bp_center{top:50%;left:50%;transform:translate(-50%,-50%);width:50%;background:#fff;border:.2rem solid red;border-radius:2rem;color:#000;font-family:S-Medium}.bp_login{padding:6rem 0 4rem}.bpl_close{width:2rem;top:-3rem;right:-3rem;cursor:pointer}.bpd_close{width:2rem;top:3rem;right:3rem;cursor:pointer;z-index:99}.wcr_item{width:50%;margin:0 auto;z-index:10}.wcr_input,.wcs_item{width:100%;padding:0 1rem 0 1.5rem;font-size:.9375rem;background:transparent;height:2.5rem;line-height:2.5rem;background:#f7f8fa;border:1px solid #dee2e6;border-radius:.25rem;margin-bottom:2rem}.wcr_code{top:0;right:0;height:2.5rem;font-size:.875rem;padding:0 1rem;display:flex;align-items:center;justify-content:center;background:#ddd;border-radius:.25rem;cursor:pointer}.wcr_input::placeholder{color:#000}.wcr_select{width:100%;position:relative;color:#000}.quickFind{width:100%;top:100%;left:0}.quickFind input{margin:0}.quickFind img{position:absolute;width:1rem;right:1rem;top:50%;transform:translateY(-50%);z-index:2}.wcs_item{width:100%;display:flex;justify-content:space-between;align-items:center;cursor:pointer}.wcs_item img{width:1rem}.wcr_popup{position:absolute;top:200%;left:0;width:100%;background-color:#fff;border:1px solid #dee2e6;border-radius:.25rem;border-top:0;z-index:2;height:18rem;overflow:scroll}.wcr_popup div{padding:0 1rem 0 1.5rem;font-size:.9375rem;height:2.5rem;line-height:2.5rem;cursor:pointer}.select_active{background:#f7f8fa}.country_option{height:15rem;overflow-y:scroll}.bpl_btn,.share_btn{width:fit-content;margin:3rem auto 0;padding:.8rem 3rem;font-size:1.5rem;background:linear-gradient(135deg,#ff0006,#ff01a2);border-radius:1rem;cursor:pointer;color:#fff;position:relative;z-index:9}.bp_rule{padding:4rem 2% 6rem;line-height:1.3}.bpr_content{width:50%;font-family:S-Regular;font-size:1rem}.bpr_content div{font-size:2rem;margin:1.5rem auto 0;color:red;font-family:S-Bold}.bpr_content div:nth-child(3){margin-top:3rem}.bpr_content span{border:1px solid black;width:fit-content;padding:.2rem 2rem;display:block;border-radius:.25rem;margin-top:1rem}.bpr_prize{top:-3rem;right:-6rem;width:59%;pointer-events:none}.pi2_tip{bottom:-2rem;left:0;font-family:S-Regular;font-size:1rem;line-height:1.2;color:#777}.download_img{width:45%;margin:0 auto;display:none}.di_content{transform:scale(.75);width:100%;height:100%;top:0;left:0}.scale_bar{width:100%;margin:2rem 0;height:.5rem;background:#ccc;border-radius:2rem}.scale_slider{width:1rem;height:1rem;background:red;border-radius:50%;top:50%;left:0}.box7{background:#fff;padding:6rem 0;z-index:9}.box7_line{width:75%;margin:0 auto;height:2px;background:#5f5f5f}.box7_line div{position:absolute;top:50%;transform:translateY(-50%);left:0;background:#fff;font-size:2rem;color:#5f5f5f;padding-right:1.5rem}.box7_info{width:75%;margin:3rem auto 0;display:flex;justify-content:space-between}.box7_info div{width:45%;font-family:S-Regular;font-size:1rem;line-height:1.4;text-align:left;color:#666}.box7_info div span:nth-child(1){font-size:1.2rem;color:#5f5f5f;display:block;margin-bottom:1rem;font-family:S-Medium}.box7_info div p{margin-bottom:2rem}.box1_icon2{width:1.5rem;left:50%;transform:translate(-50%);bottom:26%;z-index:2;-webkit-animation:donhua1 1.5s ease-in-out infinite alternate;-o-animation:donhua1 1.5s ease-in-out infinite alternate;animation:donhua1 1.5s ease-in-out infinite alternate}@keyframes donhua1{0%{-webkit-transform:translateY(0);-o-transform:translateY(0);transform:translateY(0)}to{-webkit-transform:translateY(2rem);-o-transform:translateY(2rem);transform:translateY(2rem)}}.widthAuto{height:100%;width:auto}.actPopup,.minPopup{display:none!important}.block{display:block}.pi2_mt{margin-top:4rem}.Ptitle{font-size:3.5rem}.showup{transform:translateY(0)!important;opacity:1!important}@media(max-width:750px){.Ptitle{font-size:1.5rem}.box2_content{top:50%}.box2_title{font-size:2rem;width:90%;margin:0 auto;text-align:left}.box2_title,.box2_items div,.box2_btn{transform:none;opacity:1}.box7{padding:3rem 0}.box7_info{width:90%;margin:2rem auto 0;display:block}.box7_info div:nth-child(1){margin-bottom:2rem}.box7_info div span:nth-child(1){font-size:1.2rem;margin-bottom:0}.box7_info div{width:100%;font-size:.9375rem}.box7_line{width:90%;height:2px}.box7_line div{font-size:1.5rem;padding-right:1rem}.pi2_tip{font-size:.875rem;bottom:-2.5rem}.pbox1Swiper-pagination{bottom:-6rem!important;display:flex;align-items:center;justify-content:center}.pbox1Swiper-pagination .swiper-pagination-bullet-active{background:#000}.pbox2{position:relative;padding:3rem 0;opacity:1}.pi2_btns{margin:2rem auto 0;justify-content:space-between}.pi2_btn{padding:.4rem 1rem;font-size:1.2rem;width:48%;margin-bottom:1rem;text-align:center}.pi2_btns .pi2_btn:last-child{margin-left:0}.pi2_btns .pi2_btn:nth-child(2){display:flex;align-items:center;justify-content:center}.pi2_mt{margin-top:2rem}.pi2_items img{width:3rem;margin-right:7%;margin-bottom:1rem}.pi2_color input{height:3rem;margin-right:1rem;border-radius:0}.pi2_items{width:100%;flex-wrap:wrap;justify-content:flex-start}.pi2_color span{font-size:.9375rem;width:68%}.pbox2_title{margin-bottom:2rem;font-size:2rem}.pbox2_right{width:96%;margin:3rem auto 0}.pbox2_content{width:90%;display:block}.pbox2_left{width:100%;height:20rem}.bp_rule{padding:1rem 3% 1.5rem;top:54%}.bpr_prize{top:-5rem;right:-1rem;width:105%}.bpr_content span{margin-top:.5rem}.bpr_content{width:100%;font-size:.875rem;margin-top:14rem}.bpr_content div{font-size:1.2rem;margin:1rem 0 0}.bpr_content div:nth-child(3){margin-top:1rem}.bp_login{padding:3rem 0 2rem}.bp_center{width:90%;border-radius:1rem;border:2px solid red}.bpl_close{top:auto;bottom:-3rem;left:50%;transform:translate(-50%)}.bpd_close{top:.5rem;right:1rem}.bpl_bg{width:77%}.wcr_select{width:100%}.wcr_popup{width:100%;left:0%;height:15rem}.wcr_popup div{font-size:.875rem}.wi_flex{display:flex!important}.wcr_input,.wcs_item{width:100%;display:block;margin:0 auto 1rem;font-size:.9375rem}.bpl_btn{margin:2rem auto 0;padding:.6rem 2rem;font-size:1rem;border-radius:.5rem}.wcr_code{font-size:.75rem}.wcr_item{width:90%;display:block;margin-bottom:0;z-index:10}.pbox1{padding:3rem 0;width:100%;overflow:hidden}.Mpbox1_item{padding:1rem 0;border-radius:.5rem;transition:all .5s}.Mpbox1_item img{width:50%;margin:0 auto}.Mpbox1_item span{background:red;border-radius:2rem;width:fit-content;margin:1rem auto 0;display:block;font-size:1rem;padding:.4rem 1rem .2rem;opacity:0;line-height:1}.pbox1Swiper{margin:5rem 0}.pbox1Swiper .swiper-slide-active .Mpbox1_item{background:linear-gradient(135deg,#6d6d6d,#151515);transform:scale(1.2)}.pbox1Swiper .swiper-slide-active .Mpbox1_item span{opacity:1}.pbox1_items{display:none}.pbox1_title{width:90%;margin:0 auto;font-size:2rem;text-align:left}.box2{height:40rem}.box2_mask{background:#000000d9}.box2_items div{width:100%;font-size:1rem;margin-bottom:1rem;background:#fff;height:6rem;color:#000;display:flex;align-items:center;justify-content:space-around;border-radius:1rem}.box2_btn{padding:1rem 2rem;font-size:1rem;margin:0 0 0 5%}.box2_btn img{width:.8rem;margin:0 0 0 .5rem}.box2_items div c{font-size:1.5rem;top:1.7rem;left:3.5rem}.box2_items div span{width:48%;text-align:left}.box2_items div d{display:block;width:fit-content}.box2_items div img{width:7rem;margin:0 0 .5rem}.box2_items p{display:none}.box2_items{width:90%;flex-wrap:wrap;margin:1rem auto 0}.box2_bg{transform:translate(-50%,-50%) scale(5)}.box2_product{width:100%}}
/*# sourceMappingURL=/cdn/shop/t/42/assets/diy.css.map */