*{padding:0;margin:0}::-webkit-scrollbar{display:none}.home{display:flex;flex-direction:column;font-size:0}.content{position:relative}.section4{background:url(https://cdn.shopifycdn.net/s/files/1/0634/4382/8927/files/home-h4-bg.png) no-repeat;background-size:cover;padding:100px;box-sizing:border-box;text-align:center}.section5{background:#d2fc6b;width:100%;font-size:0}.section5 .top{background:url(https://cdn.shopifycdn.net/s/files/1/0634/4382/8927/files/home-h5-bg.png) no-repeat;display:flex;align-items:center;justify-content:space-between;background-size:cover;padding:80px 3%;box-sizing:border-box}.section5 .botttom{position:relative}.s5-box{position:absolute;height:100%;padding-top:4.5%;left:36.6%;top:0;width:24%;box-sizing:border-box}.s5-box .input{width:100%;height:15.8%;background:#fff;margin-top:10px}.input input{width:100%;height:100%;border:none;outline:none;padding-left:20px;font-size:18px}.input input::placeholder{color:#9c9c9c;font-size:18px}.s5-box .btns{margin-top:18%;font-size:16px;color:#fff}.s5-box .btns div{line-height:40px}#step2,#step3{display:none}.section3{width:100%;background:url(https://cdn.shopifycdn.net/s/files/1/0634/4382/8927/files/home-medium-bg.png) no-repeat;background-size:cover!important;transition:all .5s;height:22.4rem}.default-desc{font-size:.36rem;color:#5e3815;margin-top:3rem;font-family:rm}.section3 .title{padding:.8rem 0;text-align:center;font-size:.86rem;text-transform:uppercase;font-family:im;color:#5e3815;padding-bottom:.4rem!important}.section3 .s-desc{text-align:center;margin-bottom:1.2rem}.switch{width:68.7%;margin:0 auto}.switch .pro{height:1.1rem;width:95%;margin:0 auto;background:linear-gradient(90deg,#f2ccb8,#e5ab79,#724113);border-radius:1.1rem;position:relative}.switch-title .item{font-size:.42rem;font-family:im;color:#5d320e}.slider{background:#7d4310;width:1.7rem;height:1.7rem;border-radius:50%;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);transition:left .5s}.slider-active{font-size:.52rem!important;font-family:im;font-style:italic;color:#5d320e!important}.switch-title{display:flex;align-items:center;justify-content:space-between;margin-top:.5rem}.continue{text-align:center;width:5.3rem;height:1.2rem;margin:1rem .6rem 2.4rem;display:flex;align-items:center;justify-content:center;background:#7d4310;color:#fff;cursor:pointer;position:relative}.continue span{font-family:im;font-size:.6rem}.continue img{position:absolute;width:.25rem!important;margin:0 .4rem!important}.card-box{overflow:hidden;padding:1rem 0;position:relative;height:12rem;box-sizing:border-box}.card{box-sizing:border-box;position:relative;transition:all .5s;width:120%;display:flex;align-items:center;justify-content:center}.card-box .left,.card-box .right{width:3%;height:100%;position:absolute;top:0;z-index:100;display:flex;align-items:center;justify-content:center;cursor:pointer}.card-box .left{left:3%}.card-box .right{right:3%}.card-box .left img,.card-box .right img{width:100%}.card .card-item{display:inline-block;background:#d0a67a;position:relative;width:20%;cursor:pointer}.card .card-item .shadow{position:absolute;width:100%;height:100%;background:#d0a67a;opacity:.5;z-index:10;top:0;left:0}.card .card-item img{width:100%}.card .active{transform:scale(1.1);z-index:90;opacity:1}.card .active .shadow{display:none}@media screen and (max-width: 1440px){.s5-box .btns div{line-height:30px}}@media screen and (max-width: 1024px){.s5-box .btns div{line-height:20px}}.switch-title .item{font-size:.46rem;font-family:im;color:#5e3815}.section10 .switch .pro{position:relative;background:linear-gradient(90deg,#ffd8c1,#f7c787,#e0a966)}.section3 .switch .pro .s-sli{width:2rem;height:100%;position:absolute;transform:translate(-50%);cursor:pointer}.s-left{left:5%}.s-center{left:50%;transform:translate(-50%)}.s-right{right:-5%}.bottom-btn{display:flex;align-items:center;justify-content:center}.bottom-btn .continue{margin-top:.5rem}.goods-list{display:flex;align-items:center;justify-content:center;flex-wrap:wrap}.goods-list .goods-card{width:4.85rem;margin:.5rem .75rem}.goods-card .go-title{font-size:.48rem;font-family:rb;color:#e956a1;text-transform:uppercase;margin-bottom:.3rem}.goods-card .go-img{width:4.85rem;height:6.45rem;overflow:hidden;margin-bottom:.3rem}.goods-card .go-img img{width:4.85rem;height:6.45rem}.goods-card .go-desc{font-size:.28rem;font-family:rb;color:#000;text-transform:uppercase}.goods-card .go-btn{font-size:.48rem;font-family:im;color:#000;height:1.25rem;background:#e956a1;display:flex;align-items:center;justify-content:center;color:#fff;margin-top:.3rem}
/*# sourceMappingURL=/cdn/shop/t/1/assets/shadeFinder.css.map */