@charset "UTF-8";
.main-width{width:73vw;margin:0 auto}
.secd-width{width:83.34vw;margin:0 auto}
.banner img{width:100%;height:auto}
.hb{height:7.8vw}
.top{background-color:#000;text-align:center}
.top p{line-height:2.6vw;font-size:.83vw;font-family:Helvetica;font-weight:700;font-style:italic;color:#fff}


header{left:0;top:0;width:100%;height:5.2vw;text-align:center;background-color:#fff;box-shadow:0 0 5px #0003;z-index:9999}
header .phone-menu{display:none;float:left;width:28px;height:17px;margin-top:17px;cursor:pointer}
header .phone-menu span{display:block;width:28px;height:1px;background-color:#000;border-radius:1px;-moz-transform-origin:9.5% 50%;-webkit-transform-origin:9.5% 50%;-o-transform-origin:9.5% 50%;transition:all .3s}
header .phone-menu .b1,header .phone-menu .b2{margin-bottom:7px}
header .logo{float:left;height:3.7vw;margin-top:.75vw}
header .logo img{width:auto;height:100%}
header .func{float:right}
header .func a{position:relative;display:inline-block;vertical-align:top;width:2vw;height:2vw;margin:1.6vw 0;background-image:url(/images/icon.png);background-size:300% 100%}
header .func button{margin-top:1.5vw}
header .func .like{background-position-x:-100%;margin:1.6vw .5vw;}
header .func .cart{background-position-x:-200%;}
header .func .cart i{display:none;position:absolute;right:-0.1vw;top:-0.1vw;width:1vw;height:1vw;line-height:1vw;font-size:0.7vw;background-color:#e8000f;color:#fff;border-radius:50%;}
header .func .cart i.has{display:block;}
header .func .search{display:inline-block;vertical-align:top;width:2vw;height:2vw;padding:1.6vw 0;z-index:9;transition:all .3s}
header .func .search .box{position:relative;float:right;width:2vw;height:2vw;overflow:hidden;transition:all .5s}
header .func .search .box .text{width:100%;height:2vw;padding:0 2vw 0 .5vw;color:#333;border:1px solid rgba(0,0,0,0);border-radius:1.1vw;background:none;box-sizing:border-box;transition:border .5s}
header .func .search .box .btn,header .func .search .box .sub{position:absolute;top:0;right:0;width:2vw;height:2vw;background-image:url(/images/icon.png);background-size:300% 100%;background-position-x:0;background-color:initial;background-repeat:no-repeat;cursor:pointer}
header .func .search .box .sub{display:none}
header .func .search .box.open{width:14vw}
header .func .search .box.open .text{background-color:#fff;border-color:#999;border:1px solid rgba(0,0,0,.5)}
header .func .search .box.open .sub{display:block}
header .func .search .box.open .btn{display:none}
header nav{display:inline-block;vertical-align:top}
header nav .one>li{position:relative;float:left;line-height:2.2vw;padding:1.5vw 2vw;font-size:.9375vw}
header nav .one>li>i{display:none;position:absolute;right:15px;top:15px;width:21px;height:21px}
header nav .one>li>i:before{content:"";position:absolute;left:0;top:10px;width:100%;height:1px;background-color:#000}
header nav .one>li>i:after{content:"";position:absolute;left:10px;top:0;width:1px;height:100%;background-color:#000}
header nav .one>li.on>i:after{display:none}
header nav .drop{display:none;position:fixed;left:0;top:7.8vw;width:100%;padding:2.5vw 0;border-top:.4vw solid #333;background-color:#fff;z-index:9999}
header nav .drop ul{display:flex;justify-content:space-between}
header nav .drop li{width:32%}
header nav .drop li .pic{height:0;padding-bottom:64.4%;overflow:hidden}
header nav .drop li .pic img{width:100%;height:auto}
header nav .drop li .text{text-align:left}
header nav .drop li .text h3{line-height:1.5vw;margin:1vw 0 .6vw;font-size:1.2vw}
header nav .drop li .text p{line-height:1.2vw;padding-bottom:1vw;margin-bottom:.5vw;border-bottom:1px solid #333;font-size:.9375vw;color:#000}
header nav .drop li .text a{display:block;line-height:1.2vw;font-size:.9375vw}
header.flow{position:fixed}
header.flow nav .drop{top:5.2vw}
header.active .phone-menu .b1{transform:rotate(45deg)}
header.active .phone-menu .b2{filter:alpha(opacity=0);-moz-opacity:0;-khtml-opacity:0;opacity:0}
header.active .phone-menu .b3{transform:rotate(-45deg)}


.footer{position:relative;padding:3vw 0;background-color:#fff;overflow:hidden}
.footer h3{line-height:1.56vw;margin-bottom:1.56vw;font-size:1.25vw}
.footer p{line-height:1.56vw;font-size:.9375vw;color:#333}
.footer li{line-height:1.56vw;font-size:.9375vw}
.footer .nav{float:left;margin-right:7.8vw}
.footer .nav .drop{display:none}
.footer .contact{float:right;width:37.85%}
.footer .contact h3{margin-bottom:.5vw}
.footer:after{content:"";position:absolute;left:46.5%;top:15%;width:1px;height:70%;background-color:#333}


.copy-right{background-color:#fff}
.copy-right .main-width{padding:2.2vw 0;border-top:1px solid #333;overflow:hidden}
.copy-right p{float:left;line-height:1.6vw;font-size:.83vw}
.copy-right .sns{float:right}
.copy-right .sns a{display:inline-block;vertical-align:top;width:1.6vw;height:1.6vw;margin-left:1vw;background-image:url(https://cdn.shopifycdn.net/s/files/1/0556/1860/1244/files/icon-sns.png?v=1666426812);background-size:500% 100%}
.copy-right .sns .twitter{background-position-x:0}
.copy-right .sns .youtube{background-position-x:-100%}
.copy-right .sns .facebook{background-position-x:-200%}
.copy-right .sns .linkedin{background-position-x:-300%}
.copy-right .sns .instagram{background-position-x:-400%}


.subscr{padding:4vw 0;background-color:#f1f4f7;text-align:center}
.subscr h2{line-height:3.4vw;margin-bottom:.8vw;font-size:3.15vw}
.subscr p{line-height:1.56vw;margin-bottom:2vw;font-size:.9375vw;color:#333}
.subscr span{display:block;line-height:1vw;font-size:.73vw}
.subscr .box{width:850px;max-width:90%;height:2.6vw;margin:0 auto 2vw;font-size:0}
.subscr .box input{width:73.5%;height:2.6vw;min-height:0;padding:0 1vw;border:1px solid #333;box-sizing:border-box;font-size:.83vw}
.subscr .box button{float:right;width:24.7%;height:2.6vw;font-size:.9375vw;background-color:#000;color:#fff;border:none;text-transform:uppercase}


.flow-video{position:fixed;top:0;left:0;width:100%;height:100%;background:rgba(0,0,0,.7);transition:all .5s;filter:alpha(opacity=0);-moz-opacity:0;-khtml-opacity:0;opacity:0;z-index:-1}
.flow-video .box{position:absolute;top:30%;left:50%;width:854px;height:480px;transform:translate(-50%,-50%);box-sizing:border-box;box-shadow:0 0 20px #333;transition:all .5s;filter:alpha(opacity=0);-moz-opacity:0;-khtml-opacity:0;opacity:0;background:#fff url(/images/loadinglit.gif) no-repeat center}
.flow-video .box i{position:absolute;right:-36px;top:0;width:36px;height:36px;background:url(/images/close.png);cursor:pointer}
.flow-video.on{filter:alpha(opacity=100);-moz-opacity:1;-khtml-opacity:1;opacity:1;z-index:99999}
.flow-video.on .box{top:50%;filter:alpha(opacity=100);-moz-opacity:1;-khtml-opacity:1;opacity:1}
.flow-icon{position:fixed;right:.5vw;top:50%;width:4.4vw;transform:translateY(-50%);z-index:9999}
.flow-icon a{display:block;width:4.4vw;height:4.4vw;margin-bottom:.5vw;cursor:pointer;border-radius:50%;background-color:#000;background-image:url(https://cdn.shopifycdn.net/s/files/1/0556/1860/1244/files/flow-icon.png?v=1669875967);background-size:300% 100%}
.flow-icon a:hover{background-color:#e8000f}
.flow-icon .mail{background-position-x:-100%}
.flow-icon .ttop{background-color:#929292;background-position-x:-200%}


.page{text-align:center;clear:both}
.page ul{display:inline-block}
.page ul li{float:left;margin:0 5px}
.page ul li a{display:block;line-height:36px;padding:0 14px;background-color:#ccc}
.page ul li.thisclass a,.page ul li a:hover{background-color:#e8000f;color:#fff}


.search-results{padding:30px 0}
.search-results h1{line-height:30px;padding-bottom:20px;margin-bottom:30px;border-bottom:1px solid #e6e6e6;font-size:24px}
.search-results .seabox{width:650px;max-width:100%;height:42px;margin-bottom:20px;font-size:0;box-sizing:border-box;overflow:hidden}
.search-results .seabox input[type=text]{width:80%;height:42px;padding:0 10px;border:1px solid #ddd;box-sizing:border-box;font-size:14px;border-radius:10px 0 0 10px}
.search-results .seabox input[type=submit]{width:20%;height:42px;background-color:#e8000f;color:#fff;box-sizing:border-box;font-size:14px;border-radius:0 10px 10px 0;cursor:pointer}
.search-results .cont{float:left;width:50%}
.search-results .cont ul,.search-results .cont li{margin-bottom:30px}
.search-results .cont li h3{line-height:25px;margin-bottom:5px;font-size:18px;text-overflow:ellipsis;overflow:hidden;white-space:nowrap}
.search-results .cont li h3 a{text-decoration:underline}
.search-results .cont li p{line-height:20px;font-size:16px;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:4;-webkit-box-orient:vertical}
.search-results .cont li .info{position:relative;padding-left:150px;padding-top:10px;min-height:100px}
.search-results .cont li .info .pic{position:absolute;left:0;top:0;width:130px;height:100px;overflow:hidden}
.search-results .cont li .info .pic img{position:absolute;left:0;top:50%;width:100%;height:auto;transform:translateY(-50%)}
.search-results .probox{float:right;width:40%}
.search-results .probox h2{line-height:30px;margin-bottom:20px;font-size:20px;clear:both}
.search-results .probox ul{width:103%;overflow:hidden}
.search-results .probox li{float:left;width:30.42%;margin:0 2.91% 2.91% 0;text-align:center}
.search-results .probox li h3{line-height:20px;font-size:16px}
.search-results .probox li .pic{position:relative;width:100%;height:0;padding-bottom:100%;overflow:hidden}
.search-results .probox li .pic img{position:absolute;left:0;top:50%;width:100%;height:auto;transform:translateY(-50%)}
.search-results .probox .marb{margin-bottom:30px}
.search-results .sear-page{text-align:center;font-size:0;overflow:hidden}
.search-results .sear-page span,.search-results .sear-page strong,.search-results .sear-page a{float:left;display:block;font-size:14px;line-height:40px;padding:0 15px;margin:0 5px 10px;background-color:#e7eaec;border-radius:5px}
.search-results .sear-page span,.search-results .sear-page strong{cursor:default}
.search-results .sear-page strong,.search-results .sear-page a:hover{background-color:#e8000f;color:#fff}


.index-main h2{line-height:3.4vw;margin-bottom:.8vw;font-size:3.125vw}
.index-main p{line-height:1.56vw;font-size:.9375vw}
.index-main .more{display:inline-block;line-height:2vw;padding:0 2vw;margin-top:1.3vw;font-size:.73vw;border-radius:50%;border:1px solid #1a1a1a;color:#1a1a1a;background-color:#fff;transition:all .5s}
.index-main .more:hover{background-color:#e8000f;border-color:#e8000f;color:#fff}
.index-main .slidebox{width:100%;position:relative;z-index:99;overflow:hidden}
.index-main .slidebox .slideshow{width:100%;margin:0 auto;overflow:hidden;position:relative}
.index-main .slidebox .slideshow ul{position:relative;width:4000px;overflow:hidden}
.index-main .slidebox .slideshow ul li{float:left;height:41.3vw;}
.index-main .slidebox .slideshow ul li img{width:100%;height:auto}
.index-main .slidebox .slidelist{position:absolute;left:0;bottom:0}
.index-main .slidebox .item-btn{position:absolute;top:50%;width:4vw;height:4vw;line-height:4vw;margin-top:-2vw;background-color:#fff9;border-radius:50%;cursor:pointer;text-align:center;font-family:SimHei;font-size:1.4vw;font-weight:700;color:#000}
.index-main .slidebox .item-btn:hover{background-color:#fff}
.index-main .slidebox .prev{left:6vw}
.index-main .slidebox .next{right:6vw}
.index-main .mbtn{display:inline-block;vertical-align:top;line-height:3vw;padding:0 2.6vw;font-size:1.2vw;border-radius:2vw;border:1px solid #fff;color:#fff;transition:all .5s}
.index-main .mbtn:after{content:"\279c";display:inline-block;vertical-align:top;line-height:3vw;margin-left:1vw;font-size:1.5vw}
.index-main .mbtn:hover{background-color:#e8000f;border-color:#e8000f;color:#fff}
.index-main .mbtn.black{border-color:#000;color:#000}
.index-main .mbtn.black:hover{border-color:#e8000f;color:#fff}

.index-mate{position:relative}
.index-mate img{width:100%;height:auto}
.index-mate h2{position:absolute;left:0;top:10%;width:100%;line-height:3.5vw;font-size:3vw;text-align:center;color:#fff}
.index-mate .tv{position:absolute;left:82.8%;top:14.18vw;width:5.2vw;height:2vw}
.index-mate .btn{position:absolute;left:0;top:20%;width:100%;text-align:center;color:#fff}
.index-mate .btn .mbtn{margin:0 1vw}
.index-mate .info{position:absolute;left:3%;top:20%;width:22.5vw;text-align:center}
.index-mate .info .chip h3{line-height:1.25vw;font-size:1.25vw;color:#fff}
.index-mate .info .chip:before{content:"";display:block;width:7.3vw;height:7.3vw;margin:0 auto;background-image:url(https://cdn.shopifycdn.net/s/files/1/0556/1860/1244/files/cloud-icon.png?v=1667805855);background-size:100% 100%}
.index-mate .info .tech{position:relative;width:22.5vw;height:22.5vw;background-size:81% 81%;background-image:url(https://cdn.shopifycdn.net/s/files/1/0556/1860/1244/files/index-mate-cap.png?v=1667805907);background-position:center;background-repeat:no-repeat}
.index-mate .info .tech i{position:absolute;left:0;top:0;width:100%;height:100%;background-image:url(https://cdn.shopifycdn.net/s/files/1/0556/1860/1244/files/index-circle-01.png?v=1667805855);background-size:100% 100%;animation:scir 10s linear;animation-iteration-count:infinite}
.index-mate .info .tech em{position:absolute;left:0;top:0;width:100%;height:100%;background-image:url(https://cdn.shopifycdn.net/s/files/1/0556/1860/1244/files/index-circle-02.png?v=1667805855);background-size:100% 100%;animation:ncir 10s linear;animation-iteration-count:infinite}
.index-mate .info .tech:before{content:"";position:absolute;left:0;top:0;width:100%;height:100%;background-image:url(https://cdn.shopifycdn.net/s/files/1/0556/1860/1244/files/index-circle-03.png?v=1667805855);background-size:100% 100%}
.index-mate .info .text{padding:0 2vw}
.index-mate .info .text h3{line-height:1.5vw;margin-bottom:.5vw;font-size:1.25vw;color:#fff}
.index-mate .info .text p{line-height:1.5vw;font-size:.9375vw;color:#fff}@keyframes scir{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@keyframes ncir{0%{transform:rotate(0)}to{transform:rotate(-360deg)}}
.combg{position:relative;animation:bgchange 20s linear;animation-iteration-count:infinite;background-color:#f496ee}
.combg:before{content:"";position:absolute;left:0;top:0;width:100%;height:100%;background-image:linear-gradient(rgba(255,255,255,1),rgba(255,255,255,0))}@keyframes bgchange{0%{background-color:#f496ee}20%{background-color:#a3f496}40%{background-color:#f3d187}60%{background-color:#91f387}80%{background-color:#f38187}to{background-color:#f496ee}}

.index-circle{position:relative;padding:5.5vw 0 3vw}
.index-circle h3{line-height:2.5vw;margin-bottom:1vw;font-size:1.875vw}
.index-circle .title{margin-bottom:4.5vw;text-align:center}
.index-circle .cont{overflow:hidden}
.index-circle .cont .pic{float:left;width:48.15%;border-radius:.5vw;overflow:hidden}
.index-circle .cont .pic img{width:100%;height:auto}
.index-circle .cont .text{float:right;width:48.6%;padding-top:2.5vw}
.index-circle .cont .text p{margin:2vw 0;}
.index-circle .cont .text .btn{display:inline-block;vertical-align:top;line-height:3vw;margin-top:2vw;padding:0 2.6vw;font-size:1.2vw;border:1px solid #1a1a1a;border-radius:2vw;transition:all .5s}
.index-circle .cont .text .btn:after{content:"\279c";display:inline-block;vertical-align:top;line-height:3vw;margin-left:1vw;font-size:1.5vw}
.index-circle .cont .text .btn:hover{background-color:#e8000f;border-color:#e8000f;color:#fff}
.index-circle .cont .text img{display:inline-block;vertical-align:middle;width:7.35vw;height:7.35vw;margin-left:6vw}

.index-fun{position:relative;padding:3vw 0;overflow:hidden}
.index-fun .pic{float:right;width:51.64%}
.index-fun .pic img{width:100%;height:auto}
.index-fun .text{float:left;width:38%}
.index-fun .text h2{line-height:6vw;margin-bottom:3vw;font-size:5.73vw}
.index-fun .text li{width:400px;max-width:100%;line-height:3vw;margin-top:1.2vw;border-bottom:1px solid #333;font-size:1.25vw;color:#000}
.index-fun .text .mbtn{margin-top:3vw}

.index-slide{position:relative;padding-top:4vw;overflow:hidden}
.index-slide .cbox{position:relative;width:50vw;height:50vw;margin:0 auto -12vw;background-image:url(https://cdn.shopifycdn.net/s/files/1/0556/1860/1244/files/badge-man.png?v=1667805855);background-size:100% 100%}
.index-slide .cbox ul{position:absolute;left:0;top:0;width:100%;height:100%;background-image:url(https://cdn.shopifycdn.net/s/files/1/0556/1860/1244/files/badge-circle_e9a051c7-149e-424f-9c45-348795d40d35.png?v=1668998540);background-size:100% 100%;animation:scir 30s linear;animation-iteration-count:infinite}
.index-slide .cbox ul li{position:absolute;left:50%;top:50%;width:5.47vw;height:3.125vw;margin:-1.5625vw 0 0 -2.735vw;text-align:center;z-index:1;transition:all .5s}
.index-slide .cbox ul li img{position:relative;width:auto;height:100%;transition:all .5s;z-index:2;cursor:pointer}
.index-slide .cbox ul li p{position:absolute;top:0;left:-50%;width:200%;line-height:1.5vw;font-size:1vw;text-align:center;color:#000;opacity:0;transition:all .5s}
.index-slide .cbox ul li:hover{z-index:99}
.index-slide .cbox ul li:hover img{transform:scale(3)}
.index-slide .cbox ul li:hover p{transform:translateY(-5vw);opacity:1;transition-delay:.1s}
.index-slide .cbox ul li:nth-child(1){transform:translateY(-22.24vw)}
.index-slide .cbox ul li:nth-child(2){transform:rotate(18deg) translateY(-22.24vw)}
.index-slide .cbox ul li:nth-child(3){transform:rotate(36deg) translateY(-22.24vw)}
.index-slide .cbox ul li:nth-child(4){transform:rotate(54deg) translateY(-22.24vw)}
.index-slide .cbox ul li:nth-child(5){transform:rotate(72deg) translateY(-22.24vw)}
.index-slide .cbox ul li:nth-child(6){transform:rotate(90deg) translateY(-22.24vw)}
.index-slide .cbox ul li:nth-child(7){transform:rotate(108deg) translateY(-22.24vw)}
.index-slide .cbox ul li:nth-child(8){transform:rotate(126deg) translateY(-22.24vw)}
.index-slide .cbox ul li:nth-child(9){transform:rotate(144deg) translateY(-22.24vw)}
.index-slide .cbox ul li:nth-child(10){transform:rotate(162deg) translateY(-22.24vw)}
.index-slide .cbox ul li:nth-child(11){transform:rotate(180deg) translateY(-22.24vw)}
.index-slide .cbox ul li:nth-child(12){transform:rotate(198deg) translateY(-22.24vw)}
.index-slide .cbox ul li:nth-child(13){transform:rotate(216deg) translateY(-22.24vw)}
.index-slide .cbox ul li:nth-child(14){transform:rotate(234deg) translateY(-22.24vw)}
.index-slide .cbox ul li:nth-child(15){transform:rotate(252deg) translateY(-22.24vw)}
.index-slide .cbox ul li:nth-child(16){transform:rotate(270deg) translateY(-22.24vw)}
.index-slide .cbox ul li:nth-child(17){transform:rotate(288deg) translateY(-22.24vw)}
.index-slide .cbox ul li:nth-child(18){transform:rotate(306deg) translateY(-22.24vw)}
.index-slide .cbox ul li:nth-child(19){transform:rotate(324deg) translateY(-22.24vw)}
.index-slide .cbox ul li:nth-child(20){transform:rotate(342deg) translateY(-22.24vw)}
.index-slide .cbox ul:hover{animation-play-state:paused}

.index-custom{position:relative;padding:5.7vw 0;background-image:linear-gradient(#2580b3,#cbbacc);overflow:hidden}
.index-custom .text{float:left;width:42.857%}
.index-custom .text h2{margin-bottom:1vw;color:#fff}
.index-custom .text p{color:#fff}
.index-custom .text .mbtn{margin:8vw 0}
.index-custom .text .tip{margin:0 0 1vw}
.index-custom .product{position:absolute;left:48%;top:55%;width:30vw;height:30vw;margin:-15vw 0 0 -15vw}
.index-custom .product .pro{position:absolute;left:0;top:0;width:100%;height:100%}
.index-custom .product .ico{position:absolute;left:50%;top:28.5%;transform:translate(-50%);width:42.75%;height:28.875%}
.index-custom .product .ico img{position:absolute;left:50%;top:50%;width:auto;height:auto;max-width:100%;max-height:100%;transform:translate(-50%,-50%)}
.index-custom .option{float:right;width:30%;padding:2vw;border-radius:1vw;background-color:#fff;box-sizing:border-box}
.index-custom .option h3{line-height:1.56vw;margin-bottom:.5vw;font-size:.9375vw;font-family:Helvetica;color:#000;text-align:left}
.index-custom .option .style{margin-bottom:2vw;overflow:hidden;text-align:center}
.index-custom .option .style li{display:inline-block;vertical-align:top;width:4.7vw;height:4.7vw;margin:0 .3vw;padding:.3vw;border:1px solid #ddd;border-radius:50%;box-sizing:border-box;overflow:hidden;cursor:pointer}
.index-custom .option .style li img{width:100%;height:100%}
.index-custom .option .style li.on{border-color:#000}
.index-custom .option .patch{margin-bottom:2vw;overflow:hidden}
.index-custom .option .patch ul{overflow:hidden}
.index-custom .option .patch li{display:none;float:left;width:25%;height:2.7vw;padding:.15vw;border:1px solid #fff;box-sizing:border-box;border-radius:.2vw;text-align:center;cursor:pointer;overflow:hidden}
.index-custom .option .patch li div{position:relative;width:100%;height:100%}
.index-custom .option .patch li div img{position:absolute;left:50%;top:50%;max-width:100%;max-height:100%;width:auto;height:auto;transform:translate(-50%,-50%)}
.index-custom .option .patch li.upload{display:block;position:relative;line-height:2.1vw;font-size:1vw;text-align:center;color:#000}
.index-custom .option .patch li.upload div{border-radius:.2vw;border:1px solid #000;background-color:#e2e2e2;box-sizing:border-box}
.index-custom .option .patch li.upload input{position:absolute;left:0;top:0;width:100%;height:100%;opacity:0;cursor:pointer}
.index-custom .option .patch li.upload:hover div{background-color:#d9d9d9}
.index-custom .option .patch li.show{display:block}
.index-custom .option .patch li.on{border-color:#000}
.index-custom .option .patch .refresh{display:block;width:2.24vw;height:2.24vw;margin:.8vw auto 1.5vw;background-image:url(https://cdn.shopifycdn.net/s/files/1/0556/1860/1244/files/refrsh.png?v=1669103207);background-size:100% 100%;cursor:pointer}
.index-custom .option .patch .refresh.on{transition:all .5s}
.index-custom .option .sub{display:block;line-height:2.6vw;font-size:.9375vw;background-color:#000;color:#fff;text-align:center;border-radius:2vw;cursor:pointer}

.index-products{padding:5.7vw 0;background:linear-gradient(#b9b6e5,#b6dcff);text-align:center;}
.index-products h2{margin-bottom:1.5vw;text-align:center;}
.index-products .tip{width:auto;height:3vw;margin-bottom:3vw;}
.index-products .cont{margin-bottom:2vw;}
.index-products .cont ul{display:flex;justify-content:center;flex-wrap:wrap;width:102.857%;}
.index-products .cont li{width:22.2222%;margin:0 2.7778% 2.7778% 0;text-align:center;}
.index-products .cont li h3{line-height:1.3vw;margin:1vw 0 0.5vw;font-size:0.9375vw;font-family:"Helvetica";}
.index-products .cont li p{line-height:1vw;font-size:0.83vw;}
.index-products .cont li p span{font-weight:bold;color:#e8000f;}
.index-products .cont li .pic{position:relative;height:0;padding:38% 15% 90%;background-color:#fff;overflow:hidden;}
.index-products .cont li .pic img{width:100%;height:auto;}
.index-products .cont li .pic img.mod{position:absolute;left:0;top:50%;width:100%;height:auto;transform:translateY(-50%);cursor:pointer;}
.index-products .cont li .pic span{position:absolute;right:1vw;top:1vw;line-height:1.6vw;font-size:0.85vw;font-weight:bold;color:#333;}
.index-products .cont li .pic span i{display:inline-block;vertical-align:top;padding:0 0.6vw;margin-right:0.4vw;border:1px solid #333;}
.index-products .cont li .pic .dg-slide{position:absolute;left:50%;width:26.2%;height:13.63%;margin-left:-13.1%;}
.index-products .cont li .pic .dg-slide ul{position:relative;width:100%;height:100%;}
.index-products .cont li .pic .dg-slide li{position:absolute;width:100%;height:100%;transform:translateX(0);opacity:0;transition:all .5s;}
.index-products .cont li .pic .dg-slide li img{position:absolute;left:50%;top:50%;width:auto;height:auto;max-width:100%;max-height:100%;transform:translate(-50%,-50%);}
.index-products .cont li .pic .dg-slide li.on{opacity:1;}
.index-products .cont li .pic .dg-slide li.le{transform:translateX(-34%);opacity:0;}
.index-products .cont li .pic .dg-slide li.left{transform:translateX(-100%);opacity:0;}
.index-products .cont li .pic .dg-slide li.rig{transform:translateX(34%);opacity:0;}
.index-products .cont li .pic .dg-slide li.right{transform:translateX(100%);opacity:0;}
.index-products .cont li .pic .slide-btn{display:none;position:absolute;left:0;bottom:7%;width:100%;text-align:center;font-size:0;}
.index-products .cont li .pic .slide-btn span{display:inline-block;line-height:2vw;font-size:2vw;color:#333;cursor:pointer;}
.index-products .cont li .pic .slide-btn .prev{margin-right:1vw;}
.index-products .cont li.bc .pic .dg-slide{top:45%;}
.index-products .cont li.bck .pic .dg-slide{top:46%;}
.index-products .cont li.bh .pic .dg-slide{top:43.8%;}
.index-products .cont li.sh .pic .dg-slide{top:50.5%;}
.index-products .cont li.th .pic .dg-slide{top:45%;}

.index-agent{padding:5.7vw 0;background-color:#fff}
.index-agent .title{margin-bottom:4vw;text-align:center}
.index-agent .title p{margin-bottom:1vw;}
.index-agent .title .more{line-height:3.35vw;padding:0 3.6vw;border-radius:2vw;font-size:.9375vw}
.index-agent .cont{position:relative}
.index-agent .cont ul{display:flex;justify-content:space-between}
.index-agent .cont li{width:23.57%;padding:2.34vw 1.8vw;box-sizing:border-box;border-radius:1vw;text-align:center}
.index-agent .cont li p{color:#fff}
.index-agent .cont li:before{content:"";display:block;width:7.3vw;height:7.3vw;margin:0 auto 1.5vw;background-image:url(https://cdn.shopifycdn.net/s/files/1/0556/1860/1244/files/agent-icon.png?v=1669015646);background-size:400% 100%}
.index-agent .cont li:nth-child(1){background-image:linear-gradient(to right,#12d6df,#3cb1e5)}
.index-agent .cont li:nth-child(2){background-image:linear-gradient(to right,#3cb1e5,#8175ef)}
.index-agent .cont li:nth-child(2):before{background-position-x:-100%}
.index-agent .cont li:nth-child(3){background-image:linear-gradient(to right,#8175ef,#c739f8)}
.index-agent .cont li:nth-child(3):before{background-position-x:-200%}
.index-agent .cont li:nth-child(4){background-image:linear-gradient(to right,#c739f8,#f60fff)}
.index-agent .cont li:nth-child(4):before{background-position-x:-300%}

.index-jointly{padding:5.7vw 0;overflow:hidden}
.index-jointly .text{float:left;width:43%}
.index-jointly .text span{display:block;line-height:2vw;margin:2vw 0 3vw;font-size:1.56vw;font-weight:700;color:#000}
.index-jointly .text img{display:block;width:19vw;height:auto}
.index-jointly .text .mbtn{margin-top:2vw}
.index-jointly .pic{float:right;width:48.2%;border-radius:1vw;overflow:hidden}
.index-jointly .pic img{width:100%;height:auto}

.index-cate ul{display:flex;justify-content:space-between}
.index-cate li{position:relative;width:25%;height:43.854vw;border-right:1px solid #fff;box-sizing:border-box;text-align:center;background-size:100% 100%}
.index-cate li a{position:absolute;left:0;top:0;width:100%;height:100%;padding-top:31.25vw;box-sizing:border-box}
.index-cate li img{width:72%;height:auto;opacity:0;transition:all .8s}
.index-cate li .text{position:absolute;left:0;top:20.5vw;width:100%;padding:0 2vw;box-sizing:border-box;transition:all .8s}
.index-cate li .text h3{line-height:2vw;margin-bottom:1.5vw;font-size:1.875vw;color:#fff}
.index-cate li .text p{color:#fff;opacity:0;transition:all .8s}
.index-cate li:hover img{opacity:1}
.index-cate li:hover .text{transform:translateY(-8.8vw)}
.index-cate li:hover .text p{opacity:1}


.list-products{padding:2.6vw 0 4vw;background-color:#f5f5f5;}
.list-products .sort{height:2.6vw;margin-bottom:2.6vw;float:right;}
.list-products .sort p{float:left;line-height:2.6vw;font-size:0.9375vw;color:#333;}
.list-products .sort .select{float:left;width:10.4vw;height:2.6vw;margin:0 0.8vw 0 1.5vw;border-radius:0.5vw;overflow:hidden;cursor:pointer;transition:all .5s;}
.list-products .sort .select p{position:relative;float:none;padding:0 1.3vw;}
.list-products .sort .select p:after{content:">";position:absolute;top:0;right:0;line-height:2.6vw;width:2.6vw;font-family:SimSun;font-weight:bold;transform:rotate(90deg);transform-origin:center;text-align:center;}
.list-products .sort .select .selbox span{display:block;line-height:2.6vw;padding:0 1.3vw;font-size:0.9375vw;transition:all .5s;}
.list-products .sort .select .selbox span:hover{background-color:#f1f1f1;}
.list-products .sort .select:hover{height:auto;background-color:#fff;overflow:visible;}
.list-products .cont{position:relative;clear:both;}
.list-products .cont .func{float:left;position:sticky;top:8vw;width:17.5%;}
.list-products .cont .func .search{position:relative;height:2.6vw;margin-bottom:3vw;border:1px solid #ddd !important;border-radius:2vw;box-sizing:border-box;overflow:hidden;}
.list-products .cont .func .search input[type="text"]{width:100%;height:2.6vw;padding:0 2.6vw 0 0.5vw;font-size:0.9375vw;border:none;}
.list-products .cont .func .search input[type="submit"]{position:absolute;right:0;top:0;width:2.6vw;height:2.6vw;background-image:url(https://cdn.shopifycdn.net/s/files/1/0556/1860/1244/files/search-icon.png?v=1667983589);background-size:1vw 1vw;background-position:center;background-repeat:no-repeat;background-color:initial;border:none;}
.list-products .cont .func .item{padding-bottom:2vw;margin-bottom:2vw;border-bottom:1px solid #d1d1d1;}
.list-products .cont .func .item h3{line-height:1.6vw;margin-bottom:0.8vw;font-size:1.1vw;font-family:"Helvetica";font-weight:bold;}
.list-products .cont .func .item li{position:relative;line-height:1vw;margin-top:0.5vw;padding:0.3vw 0 0.3vw 1.45vw;cursor:pointer;}
.list-products .cont .func .item li:before{content:"";position:absolute;left:0;top:0.4vw;width:0.8vw;height:0.8vw;border:1px solid #d1d1d1;box-sizing:border-box;}
.list-products .cont .func .item li:after{content:"";position:absolute;left:0.2vw;top:0.6vw;width:0.4vw;height:0.4vw;background-color:#e8000f;transform:scale(0);transition:all .5s;}
.list-products .cont .func .item li:hover{color:#e8000f;}
.list-products .cont .func .item li:hover:before{border-color:#ff949b;}
.list-products .cont .func .item li.on:before{border-color:#ff949b;}
.list-products .cont .func .item li.on:after{transform:scale(1);}
.list-products .cont .func .price .num{line-height:2vw;margin-bottom:1.6vw;overflow:hidden;text-align:center;}
.list-products .cont .func .price .num input{width:90px;height:2vw;max-width:40%;border:1px solid #ddd;text-align:center;font-size:0.83vw;}
.list-products .cont .func .price .num .min{float:left;}
.list-products .cont .func .price .num .max{float:right;}
.list-products .cont .func .price .bar{position:relative;height:8px;background-color:#ddd;border-radius:5px;}
.list-products .cont .func .price .bar i{position:absolute;left:0;top:-2px;width:12px;height:12px;background-color:#e8000f;border-radius:50%;cursor:pointer;}
.list-products .cont .func .price .bar .max{left:calc(100% - 12px);}
.list-products .cont .list{float:right;width:77.5%;}
.list-products .cont .list ul{display:flex;flex-wrap:wrap;width:102.8%;}
.list-products .cont .list li{width:30.588%;margin:0 2.745% 2.745% 0;text-align:center;overflow:hidden;transition:all .5s;}
.list-products .cont .list li .text{padding:0 1.4vw 1vw;}
.list-products .cont .list li .text h3{line-height:1.3vw;margin:1vw 0 0.5vw;font-size:0.9375vw;font-family:"Helvetica";}
.list-products .cont .list li .text p{line-height:1vw;font-size:0.83vw;}
.list-products .cont .list li .text p span{font-weight:bold;color:#e8000f;}
.list-products .cont .list li .text .view{display:none;line-height:2.5vw;margin-top:1vw;font-size:0.9375vw;background-color:#000;text-align:center;border-radius:2vw;color:#fff;}
.list-products .cont .list li .text .view:hover{background-color:#e8000f;}
.list-products .cont .list li .pic{position:relative;height:0;padding-bottom:100%;overflow:hidden;}
.list-products .cont .list li .pic img{width:100%;height:auto;}
.list-products .cont .list li .pic img.mod{position:absolute;left:0;top:50%;width:100%;height:auto;transform:translateY(-50%);cursor:pointer;}
.list-products .cont .list li .pic .hsh{position:absolute;left:0;top:0;opacity:0;transition:all .5s;}
.list-products .cont .list li .pic .mupic{position:absolute;left:0;top:0;width:100%;height:100%;z-index:2;}
.list-products .cont .list li .pic .mupic img{position:absolute;left:0;top:0;width:100%;height:auto;opacity:0;transition:all .5s;}
.list-products .cont .list li .pic .mupic img.show{opacity:1;}
.list-products .cont .list li .pic .dg-slide{position:absolute;left:50%;width:26.2%;height:13.63%;margin-left:-13.1%;z-index:3;}
.list-products .cont .list li .pic .dg-slide ul{position:relative;width:100%;height:100%;}
.list-products .cont .list li .pic .dg-slide li{position:absolute;width:100%;height:100%;transform:translateX(0);background:none;opacity:0;transition:all .5s;}
.list-products .cont .list li .pic .dg-slide li img{position:absolute;left:50%;top:50%;width:auto;height:auto;max-width:100%;max-height:100%;transform:translate(-50%,-50%);}
.list-products .cont .list li .pic .dg-slide li.on{opacity:1;}
.list-products .cont .list li .pic .dg-slide li.le{transform:translateX(-34%);opacity:0;}
.list-products .cont .list li .pic .dg-slide li.left{transform:translateX(-100%);opacity:0;}
.list-products .cont .list li .pic .dg-slide li.rig{transform:translateX(34%);opacity:0;}
.list-products .cont .list li .pic .dg-slide li.right{transform:translateX(100%);opacity:0;}
.list-products .cont .list li .pic .slide-btn{display:none;position:absolute;left:0;bottom:7%;width:100%;text-align:center;font-size:0;}
.list-products .cont .list li .pic .slide-btn span{display:inline-block;line-height:2vw;font-size:2vw;color:#333;cursor:pointer;}
.list-products .cont .list li .pic .slide-btn .prev{margin-right:1vw;}
.list-products .cont .list li .pic:hover .hsh{opacity:1;}
.list-products .cont .list li .pic.a7,.list-products .cont .list li .pic.a8{padding:38% 15% 90%;background-color:#fff;}
.list-products .cont .list li .pic.a7 span,.list-products .cont .list li .pic.a8 span{position:absolute;right:1vw;top:1vw;line-height:1.6vw;font-size:0.85vw;font-weight:bold;color:#333;}
.list-products .cont .list li .pic.a7 span i,.list-products .cont .list li .pic.a8 span i{display:inline-block;vertical-align:top;padding:0 0.6vw;margin-right:0.4vw;border:1px solid #333;}
.list-products .cont .list li.hide{width:0;margin:0;}
.list-products .cont .list li.h7 .pic .dg-slide{display:none;}
.list-products .cont .list li.bc .pic .dg-slide{top:45%;}
.list-products .cont .list li.bck .pic .dg-slide{top:46%;}
.list-products .cont .list li.bh .pic .dg-slide{top:43.8%;}
.list-products .cont .list li.sh .pic .dg-slide{top:50.5%;}
.list-products .cont .list li.th .pic .dg-slide{top:45%;}
.list-products .cont:after{content:"";display:block;height:0;clear:both;}
.list-products.rel{margin-bottom:3vw;}
.list-products.rel .cont .list .item{display:none;text-align:center;}
.list-products.rel .cont .list .item.on{display:block;}
.list-products.rel .cont .list .item .mbtn{display:inline-block;vertical-align:top;line-height:3vw;padding:0 2.6vw;margin-top:2vw;font-size:1.2vw;border-radius:2vw;border:1px solid #000;color:#000;transition:all .5s;}
.list-products.rel .cont .list .item .mbtn:after{content:"➜";display:inline-block;vertical-align:top;line-height:3vw;margin-left:1vw;font-size:1.5vw;}
.list-products.rel .cont .list .item .mbtn:hover{background-color:#e8000f;border-color:#e8000f;color:#fff;}
.selbox{margin-bottom:2vw}


.main-products{padding:1.5625vw 0 4vw}
.main-products .overview{margin-bottom:4vw;}
.main-products .overview .main-width{display:flex;justify-content:space-between;}
.main-products .overview .slide-pro{width:45.258vw;overflow:hidden}
.main-products .overview .slide-pic{position:relative;float:right;width:36.458vw;height:36.458vw;overflow:hidden;}
.main-products .overview .slide-pic ul{width:100%;height:100%;}
.main-products .overview .slide-pic li{display:none;width:36.458vw;height:36.458vw;}
.main-products .overview .slide-pic li img{width:100%;height:auto}
.main-products .overview .slide-pic li.active{display:block;}
.main-products .overview .slide-pic .patch{display:none;position:absolute;left:50%;top:31%;transform:translate(-50%);width:35.5%;height:23.6%;z-index:2}
.main-products .overview .slide-pic .patch img{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);width:auto;height:auto;max-width:100%;max-height:100%}
.main-products .overview .slide-pic .patch.on{display:block}
.main-products .overview .slide-pic .patch.bc{top:29%;}
.main-products .overview .slide-pic .patch.bck{top:31%;}
.main-products .overview .slide-pic .patch.bh{top:26.5%;}
.main-products .overview .slide-pic .patch.sh{top:39%;}
.main-products .overview .slide-pic .patch.th{top:29.5%;}
.main-products .overview .slide-dot{position:relative;float:left;width:7vw;height:36.458vw;padding-left:0.8vw;direction:rtl;overflow-y:auto;}
.main-products .overview .slide-dot li{width:7vw;height:7vw;margin-bottom:1vw;border:2px solid #fff;box-sizing:border-box;overflow:hidden;cursor:pointer;background-color:#fff;box-sizing:border-box;}
.main-products .overview .slide-dot li img{width:100%;height:auto}
.main-products .overview .slide-dot li.active{border-color:#162950}
.main-products .overview .slide-dot::-webkit-scrollbar{;width:4px;height:4px;background-color:#fff;}
.main-products .overview .slide-dot::-webkit-scrollbar-thumb{width:4px;height:4px;border-radius:2px;background-color:#e8000f;}
.main-products .overview .text{width:26vw;padding-top:1vw;box-sizing:border-box;}
.main-products .overview .text h1{line-height:2vw;padding-bottom:.8vw;margin-bottom:2vw;border-bottom:1px solid #ccc;font-size:1.875vw;font-family:Helvetica;font-weight:700;color:#000}
.main-products .overview .text .star{height:1.1vw;margin-bottom:1vw}
.main-products .overview .text .star i{display:inline-block;vertical-align:top;width:6.66vw;height:1.1vw;background-image:url(/images/star.png);background-size:100% 100%}
.main-products .overview .text .star p{display:inline-block;vertical-align:top;line-height:1.1vw;font-size:.9375vw;color:#000}
.main-products .overview .text .proid{display:none;}
.main-products .overview .text .price{line-height:1.6vw;margin-bottom:2vw;font-size:1.25vw;font-weight:700;color:#666;}
.main-products .overview .text .price span{color:#da2f0c;}
.main-products .overview .text .quantity{margin-bottom:2vw}
.main-products .overview .text .quantity h3{line-height:1vw;margin-bottom:.5vw;font-size:.73vw;font-family:Helvetica}
.main-products .overview .text .quantity .box{display:inline-block;vertical-align:top;height:2.6vw;border:1px solid #ddd;background-color:#fff}
.main-products .overview .text .quantity .box i{display:inline-block;vertical-align:top;width:2.6vw;height:2.6vw}
.main-products .overview .text .quantity .box input{width:7vw;height:2.6vw;line-height:2.6vw;padding:0 1vw;box-sizing:border-box;font-size:.9375vw}
.main-products .overview .text .selbox h3{line-height:1.2vw;font-size:1vw;margin-bottom:.5vw;}
.main-products .overview .text .selbox .selist{height:2.6vw;overflow:hidden;}
.main-products .overview .text .selbox .selist p{position:relative;line-height:calc(2.6vw - 2px);padding:0 0.5vw;border:1px solid #aaa;border-radius:0.4vw;font-size:.9375vw;background-color:#fff;color:#000;box-sizing:border-box;cursor:pointer;}
.main-products .overview .text .selbox .selist p:after{content:">";position:absolute;top:0;right:0;width:2.6vw;line-height:calc(2.6vw - 2px);text-align:center;transform:rotate(90deg);font-family:Simhei;font-weight:bold;font-size:1vw;}
.main-products .overview .text .selbox .selist .alist{position:relative;background-color:#fff;border:1px solid #aaa;border-radius:0.4vw;z-index:9;overflow:hidden;}
.main-products .overview .text .selbox .selist .alist a{display:block;line-height:2vw;padding:0 0.5vw;font-size:.9375vw}
.main-products .overview .text .selbox .selist .alist a:hover{background-color:#da2f0c;color:#fff;}
.main-products .overview .text .selbox .selist.on{overflow:visible;}
.main-products .overview .text .btn{display:flex;justify-content:space-between;margin-bottom:2vw}
.main-products .overview .text .btn a{display:block;width:48%;line-height:2.6vw;margin-bottom:1vw;border:1px solid #000;color:#000;border-radius:2vw;text-align:center;font-size:.9375vw}
.main-products .overview .text .btn a:hover{background-color:#000;color:#fff}
.main-products .overview .text .share span{display:inline-block;vertical-align:top;line-height:1.2vw;font-size:.73vw}
.main-products .overview .text .share a{display:inline-block;vertical-align:top;width:1.2vw;height:1.2vw;margin-left:.5vw;background-image:url(/images/icon-sns.png);background-size:500% 100%}
.main-products .overview .text .share .twitter{background-position-x:0}
.main-products .overview .text .share .youtube{background-position-x:-100%}
.main-products .overview .text .share .facebook{background-position-x:-200%}
.main-products .overview .text .share .linkedin{background-position-x:-300%}
.main-products .overview .text .share .instagram{background-position-x:-400%}
.main-products .info{margin-bottom:4vw}
.main-products .info h2{line-height:1.5vw;padding-bottom:.5vw;margin-bottom:1vw;border-bottom:1px solid #ddd;font-size:1.25vw}
.main-products .info h3{line-height:1.6vw;margin-bottom:.5vw;font-size:1vw;font-family:Helvetica;font-weight:700}
.main-products .info p{line-height:1.6vw;margin-bottom:.8vw;font-size:.9375vw;color:#000}
.main-products .info li{position:relative;line-height:1.6vw;padding-left:.75vw;margin-bottom:.5vw;font-size:.9375vw;color:#000}
.main-products .info li:after{content:"";position:absolute;left:0;top:.5vw;width:.3vw;height:.3vw;background-color:#000;border-radius:50%}
.main-products .info img{width:auto;max-width:100%;height:auto}
.main-products .info table{width:100%;margin-bottom:2vw}
.main-products .info table th,.main-products .info table td{width:12.5%;line-height:1vw;padding:.5vw;font-size:.73vw;border:1px solid #ddd;text-align:center}
.main-products .info table th{background-color:#eee}
.main-products .info table td{background-color:#fff}
.main-products .info .left{float:left;max-width:36.6%}
.main-products .info .right{float:right;max-width:68%}
.main-products .info .contbox{padding:1.8vw 0 1.8vw 1.8vw;overflow:hidden}
.main-products .related{overflow:hidden;}
.main-products .related h2{line-height:2.35vw;margin-bottom:2.35vw;font-size:2vw;text-align:center;color:#e8000f;}
.main-products .related ul{display:flex;flex-wrap:wrap;width:102%;}
.main-products .related li{width:23.039%;margin:0 1.961% 1.961% 0;text-align:center;overflow:hidden;transition:all .5s;}
.main-products .related li .text{padding:0 1.4vw 2.5vw;}
.main-products .related li .text h3{line-height:1.3vw;margin:1vw 0 0.5vw;font-size:0.9375vw;font-family:"Helvetica";}
.main-products .related li .text p{line-height:1vw;font-size:0.83vw;}
.main-products .related li .text p span{font-weight:bold;color:#e8000f;}
.main-products .related li .text .view{display:block;line-height:2.5vw;margin-top:1vw;font-size:0.9375vw;background-color:#000;text-align:center;border-radius:2vw;color:#fff;}
.main-products .related li .text .view:hover{background-color:#e8000f;}
.main-products .related li .pic{position:relative;height:0;padding:38% 15% 90%;background-color:#fff;overflow:hidden;}
.main-products .related li .pic img{width:100%;height:auto;}
.main-products .related li .pic img.mod{position:absolute;left:0;top:50%;width:100%;height:auto;transform:translateY(-50%);cursor:pointer;}
.main-products .related li .pic span{position:absolute;right:1vw;top:1vw;line-height:1.6vw;font-size:0.85vw;font-weight:bold;color:#333;}
.main-products .related li .pic span i{display:inline-block;vertical-align:top;padding:0 0.6vw;margin-right:0.4vw;border:1px solid #333;}
.main-products .related li .pic .pro{position:relative;width:16.2vw;max-width:100%;height:16.2vw;margin:0 auto;}
.main-products .related li .pic .pro img{position:absolute;left:50%;top:50%;width:auto;height:auto;max-width:100%;max-height:100%;transform:translate(-50%,-50%);}
.main-products .related li .pic .ico{height:2.5vw;text-align:center;font-size:0;}
.main-products .related li .pic .ico img{width:auto;height:100%;margin:0 0.4vw;}
.main-products .related li .pic .dg-slide{position:absolute;left:50%;width:26.2%;height:13.63%;margin-left:-13.1%;z-index:3;}
.main-products .related li .pic .dg-slide ul{position:relative;width:100%;height:100%;}
.main-products .related li .pic .dg-slide li{position:absolute;width:100%;height:100%;transform:translateX(0);background:none;opacity:0;transition:all .5s;}
.main-products .related li .pic .dg-slide li img{position:absolute;left:50%;top:50%;width:auto;height:auto;max-width:100%;max-height:100%;transform:translate(-50%,-50%);}
.main-products .related li .pic .dg-slide li.on{opacity:1;}
.main-products .related li .pic .dg-slide li.le{transform:translateX(-34%);opacity:0;}
.main-products .related li .pic .dg-slide li.left{transform:translateX(-100%);opacity:0;}
.main-products .related li .pic .dg-slide li.rig{transform:translateX(34%);opacity:0;}
.main-products .related li .pic .dg-slide li.right{transform:translateX(100%);opacity:0;}
.main-products .related li .pic .slide-btn{display:none;position:absolute;left:0;bottom:7%;width:100%;text-align:center;font-size:0;}
.main-products .related li .pic .slide-btn span{display:inline-block;line-height:2vw;font-size:2vw;color:#333;cursor:pointer;}
.main-products .related li .pic .slide-btn .prev{margin-right:1vw;}
.main-products .related li.bc .pic .dg-slide{top:45%;}
.main-products .related li.bck .pic .dg-slide{top:46%;}
.main-products .related li.bh .pic .dg-slide{top:43.8%;}
.main-products .related li.sh .pic .dg-slide{top:50.5%;}
.main-products .related li.th .pic .dg-slide{top:45%;}
.main-products .related .threec{justify-content:center}
.main-products .related .threec li{width:31.372%}
.sidelist{position:absolute;left:0;top:0;width:120px;height:100%;padding-top:2px;overflow-y:auto;direction:rtl}
.sidelist::-webkit-scrollbar{width:4px;height:4px;background-color:#fff}
.sidelist::-webkit-scrollbar-thumb{width:4px;height:4px;border-radius:2px;background-color:#e8000f}
.product-single{margin:0!important}
.product-single__thumbnails{display:block!important;margin:0!important}
.product-single__thumbnails-slider-track{display:block!important}
.proview{width:55%!important;padding:0 0 0 130px!important}
.protext{width:45%!important;padding:0 0 0 30px}
.patch-comb{display:flex;justify-content:center}
.patch-comb .pac{width:48%;height:140px;text-align:center}
.patch-comb .pac img{width:auto;height:auto;max-width:100%;max-height:100%}
.pabox{margin-bottom:1vw}
.pabox h3{line-height:1.2vw;font-size:1vw;margin-bottom:.5vw}
.pabox ul{display:flex;flex-wrap:wrap}
.pabox li{position:relative;width:3vw;padding:2px;margin:0 .5vw .5vw 0;border-radius:.3vw;border:2px solid #fff;box-sizing:border-box;cursor:pointer}
.pabox li img{width:100%;height:auto}
.pabox li.on{border-color:#333}
.patch1 li{width:4.5vw}
.zoomImg{z-index:3}


.main-brand{padding-top:6vw}
.main-brand h2{line-height:3.4vw;margin-bottom:3vw;font-size:3.125vw}
.main-brand p{line-height:1.9vw;font-size:.9375vw;color:#333}
.main-brand img{width:100%;height:auto}
.main-brand .profile{text-align:center}
.main-brand .profile h3{line-height:2vw;margin-bottom:6vw;font-size:1.56vw;font-weight:700;font-style:italic;font-family:Helvetica;color:#000}
.main-brand .profile .cont{position:relative;padding:0;overflow:hidden}
.main-brand .profile .cont .text{position:relative;float:right;width:47.14%;height:44.8vw;padding:4.7vw 3.6vw 0;border:1px solid #222;background-image:url(/images/brand/profile-kun.jpg);background-size:100% auto;background-position:center bottom;background-repeat:no-repeat;background-color:#fff;box-sizing:border-box;overflow:hidden;z-index:2}
.main-brand .profile .cont .text img{width:11.4vw}
.main-brand .profile .cont .text hr{margin:4vw 0;border:none;border-top:1px solid #222}
.main-brand .profile .cont .text p{padding:0 2.85vw}
.main-brand .profile .cont .pic{position:relative;float:left;width:50%;height:44.8vw;overflow:hidden;z-index:2}
.main-brand .profile .cont .pic img{height:100%}
.main-brand .profile .cont:before{position:absolute;left:0;top:0;width:38.5%;height:100%;background-image:linear-gradient(#9faee6,#76e9d6)}
.main-brand .concept{padding:10vw 0;text-align:center}
.main-brand .show{height:100vh;background-image:url(https://cdn.shopifycdn.net/s/files/1/0556/1860/1244/files/show_be9684b8-8fd5-40e2-85ca-9735e76cd0ee.jpg?v=1667809556);background-size:100% auto;background-position:center;background-attachment:fixed}
.main-brand .story{padding:6vw 0;overflow:hidden}
.main-brand .story .text{float:left;width:50%;padding-top:3vw}
.main-brand .story .text p{line-height:1.6vw;margin-bottom:1.6vw}
.main-brand .story .pic{float:right;width:43.9%}
.main-brand .idea{padding:3vw 0 9vw;overflow:hidden}
.main-brand .idea .text{float:right;width:50%}
.main-brand .idea .text p{line-height:1.6vw;margin-bottom:1.6vw}
.main-brand .idea .text .tip{position:relative;padding-left:1vw}
.main-brand .idea .text .tip:before{content:"";position:absolute;left:0;top:.6vw;width:.4vw;height:.4vw;border-radius:50%;background-color:#333}
.main-brand .idea .pic{float:left;width:43.57%}


.main-contact span{position:relative;display:block;line-height:1.8vw;margin-bottom:1.5vw;padding-bottom:.8vw;font-size:1.25vw;text-transform:uppercase;color:#333}
.main-contact span:after{content:"";position:absolute;left:0;bottom:0;width:2.6vw;height:1px;background-color:#333}
.main-contact h2{line-height:3.4vw;margin-bottom:2vw;font-size:3.125vw;color:#000}
.main-contact p{line-height:1.56vw;margin-bottom:1vw;font-size:.9375vw;color:#333}
.main-contact .way{padding:8vw 0 7.5vw;background-image:url(https://cdn.shopifycdn.net/s/files/1/0556/1860/1244/files/banner-contact.jpg?v=1670892998);background-size:50% auto;background-position:top left;background-repeat:no-repeat}
.main-contact .way .info{width:42.14%;margin:0 0 0 auto}
.main-contact .way .info .sns{margin:3vw 0 4vw}
.main-contact .way .info .sns a{display:inline-block;vertical-align:top;width:1.1vw;height:1.1vw;margin-right:1vw;background-image:url(https://cdn.shopifycdn.net/s/files/1/0556/1860/1244/files/icon-sns.png?v=1666426812);background-size:500% 100%}
.main-contact .way .info .sns .twitter{background-position-x:0}
.main-contact .way .info .sns .youtube{background-position-x:-100%}
.main-contact .way .info .sns .facebook{background-position-x:-200%}
.main-contact .way .info .sns .linkedin{background-position-x:-300%}
.main-contact .way .info .sns .instagram{background-position-x:-400%}
.main-contact .way .info .req{line-height:1vw;font-size:.9375vw;border-bottom:1px solid #333;text-transform:uppercase}
.main-contact .message{padding:5.7vw 0;overflow:hidden}
.main-contact .message .box{width:48.57%}
.main-contact .message .box label{display:block;line-height:1.2vw;margin-bottom:.3vw;font-size:.83vw;color:#333}
.main-contact .message .box input{width:100%;height:2.6vw;margin-bottom:1vw;padding:0 .7vw;border:1px solid #333;box-sizing:border-box;font-size:.83vw}
.main-contact .message .box input[type=submit]{margin-bottom:0;background-color:#000;color:#fff;border-radius:2vw;cursor:pointer;font-size:.9375vw}
.main-contact .message .box textarea{width:100%;height:7.7vw;line-height:1.3vw;margin-bottom:.8vw;padding:.5vw .7vw;border:1px solid #333;box-sizing:border-box;font-size:.83vw}
.main-contact .message .left{float:left}
.main-contact .message .right{float:right}
.main-contact .design{padding-bottom:4vw;overflow:hidden}
.main-contact .design .text{float:right;width:48.57%;height:35.4vw;padding:5vw 4vw 0;background-color:#e915c9;text-align:center;box-sizing:border-box}
.main-contact .design .text h2{color:#fff}
.main-contact .design .text p{padding:0 5%;color:#fff}
.main-contact .design .text a{display:inline-block;width:17.7vw;line-height:3vw;margin-top:4vw;font-size:.9375vw;color:#fff;border:1px solid #fff;border-radius:2vw}
.main-contact .design .pic{float:left;width:48.57%;height:35.4vw}
.main-contact .design .pic img{width:100%;height:100%}


.main-agent h2{line-height:3.5vw;margin-bottom:4vw;font-size:3vw;text-align:center}
.main-agent .message{padding:5.7vw 0;overflow:hidden}
.main-agent .message .box{width:48.57%;margin-bottom:1vw}
.main-agent .message .box label{display:block;line-height:1.2vw;margin-bottom:.3vw;font-size:.83vw;color:#333}
.main-agent .message .box input{width:100%;height:2.6vw;margin-bottom:1vw;padding:0 .7vw;border:1px solid #333;box-sizing:border-box;font-size:.83vw}
.main-agent .message .box textarea{width:100%;height:7.7vw;line-height:1.3vw;margin-bottom:.8vw;padding:.5vw .7vw;border:1px solid #333;box-sizing:border-box;font-size:.83vw}
.main-agent .message .btn{clear:both;text-align:center}
.main-agent .message .btn input[type=submit]{width:48.57%;height:2.6vw;background-color:#000;color:#fff;border-radius:2vw;cursor:pointer;font-size:.9375vw}
.main-agent .message .left{float:left}
.main-agent .message .right{float:right}
.main-agent .info{padding-bottom:1vw;}
.main-agent .info .letter{margin-bottom:3vw;}
.main-agent .info .letter img{width:103.2%;max-width:105%;height:auto;}
.main-agent .info .item{display:flex;justify-content:space-between;align-items:center;margin-bottom:5vw;}
.main-agent .info .item .pic{width:45.15%;border-radius:0.8vw;overflow:hidden;}
.main-agent .info .item .pic img{width:100%;height:auto;}
.main-agent .info .item .text{width:47.8%;}
.main-agent .info .item .text h3{line-height:2vw;margin-bottom:1vw;font-size:1.6vw;font-weight:bold;color:#333;}
.main-agent .info .item .text p{position:relative;line-height:1.5vw;margin:0 0 0.5vw;padding-left:1vw;font-size:0.9375vw;}
.main-agent .info .item .text p:before{content:"";position:absolute;left:0;top:0.35vw;border:0.4vw solid transparent;border-left-color:red;}
.main-agent .info .item:nth-child(2n){flex-direction:row-reverse;}
.main-agent .advantage{padding:5.7vw 0;background-color:#fff}
.main-agent .advantage ul{display:flex;justify-content:space-between}
.main-agent .advantage li{width:23.57%;padding:2.34vw 1.8vw;box-sizing:border-box;border-radius:1vw;text-align:center}
.main-agent .advantage li p{color:#fff}
.main-agent .advantage li:before{content:"";display:block;width:7.3vw;height:7.3vw;margin:0 auto 1.5vw;background-image:url(https://cdn.shopifycdn.net/s/files/1/0556/1860/1244/files/agent-icon.png?v=1669015646);background-size:400% 100%}
.main-agent .advantage li:nth-child(1){background-image:linear-gradient(to right,#12d6df,#3cb1e5)}
.main-agent .advantage li:nth-child(2){background-image:linear-gradient(to right,#3cb1e5,#8175ef)}
.main-agent .advantage li:nth-child(2):before{background-position-x:-100%}
.main-agent .advantage li:nth-child(3){background-image:linear-gradient(to right,#8175ef,#c739f8)}
.main-agent .advantage li:nth-child(3):before{background-position-x:-200%}
.main-agent .advantage li:nth-child(4){background-image:linear-gradient(to right,#c739f8,#f60fff)}
.main-agent .advantage li:nth-child(4):before{background-position-x:-300%}
.main-agent .want{padding:6.5vw 0}
.main-agent .want .cont{text-align:center}
.main-agent .want .cont .item{position:relative;display:inline-block;vertical-align:top;padding:0 6vw}
.main-agent .want .cont .item span{display:block;line-height:10.4vw;font-size:10.4vw;font-family:Charter;color:red}
.main-agent .want .cont .item p{line-height:1.5vw;font-size:1.25vw;color:#000}
.main-agent .want .cont .item:nth-child(1):after{content:"";position:absolute;right:0;width:1px;height:50%;top:25%;background-color:#aaa}
.main-agent .cando{padding:6.5vw 0 4vw;background-color:#fff}
.main-agent .cando p{line-height:1.5vw;font-size:.9375vw;text-align:center}
.main-agent .cando .cont{display:flex;justify-content:space-between;margin-bottom:4vw}
.main-agent .cando .cont .item{width:48.14%;text-align:center}
.main-agent .cando .cont .item h3{line-height:1.6vw;margin-bottom:.5vw;font-size:1.25vw}
.main-agent .cando .cont .item p{line-height:1.3vw;font-size:.9375vw}
.main-agent .cando .cont .item .pic{position:relative;height:0;padding-bottom:64%;margin-bottom:1vw;overflow:hidden;border-radius:1vw}
.main-agent .cando .cont .item .pic img{width:100%;height:auto}
.main-agent .cando .cont .item .pic .dg-slide{position:absolute;left:50%;top:30%;width:4.9vw;height:4.9vw;margin-left:-2.45vw}
.main-agent .cando .cont .item .pic .dg-slide ul{position:relative;width:100%;height:100%}
.main-agent .cando .cont .item .pic .dg-slide li{position:absolute;width:100%;height:100%;transform:translate(0);opacity:0;transition:all .5s}
.main-agent .cando .cont .item .pic .dg-slide li img{position:absolute;left:50%;top:0;width:auto;height:100%;transform:translate(-50%)}
.main-agent .cando .cont .item .pic .dg-slide li.on{opacity:1}
.main-agent .cando .cont .item .pic .dg-slide li.le{transform:translate(-234%);opacity:1}
.main-agent .cando .cont .item .pic .dg-slide li.left{transform:translate(-400%);opacity:0}
.main-agent .cando .cont .item .pic .dg-slide li.rig{transform:translate(234%);opacity:1}
.main-agent .cando .cont .item .pic .dg-slide li.right{transform:translate(400%);opacity:0}
.main-agent .cando .cont .item .pic .slide-btn{position:absolute;left:0;bottom:7%;width:100%;text-align:center;font-size:0}
.main-agent .cando .cont .item .pic .slide-btn span{display:inline-block;line-height:2vw;font-size:2vw;color:#fff;cursor:pointer}
.main-agent .cando .cont .item .pic .slide-btn .prev{margin-right:1vw}
.main-agent .eligibility{padding:6.5vw 0}
.main-agent .eligibility .cont{display:flex;justify-content:space-between}
.main-agent .eligibility .cont .item{position:relative;width:48.2%;padding:2vw 2vw 2vw 9.2vw;background-color:#fff;border:1px solid #999;box-sizing:border-box}
.main-agent .eligibility .cont .item h3{line-height:1.6vw;margin-bottom:.5vw;font-size:1.25vw}
.main-agent .eligibility .cont .item p{line-height:1.6vw;font-size:.9375vw}
.main-agent .eligibility .cont .item:before{content:"";position:absolute;left:2vw;top:2.5vw;width:5.2vw;height:5.2vw;background-image:url(https://cdn.shopifycdn.net/s/files/1/0556/1860/1244/files/eligibility.png?v=1667810111);background-size:200% 100%}
.main-agent .eligibility .cont .item:nth-child(2):before{background-position-x:-100%}


.main-craftsmanship{padding:6vw 0 1vw}
.main-craftsmanship h2{line-height:3.5vw;margin-bottom:4vw;font-size:3vw;text-align:center}
.main-craftsmanship .diagram{margin-bottom:6vw}
.main-craftsmanship .diagram .cont{display:flex;justify-content:space-between}
.main-craftsmanship .diagram .cont .item{width:48.9%}
.main-craftsmanship .diagram .cont .item h3{line-height:1.6vw;margin-bottom:1vw;font-size:1.25vw}
.main-craftsmanship .diagram .cont .item img{width:100%;height:auto}
.main-craftsmanship .advantage .item{margin-bottom:6vw;overflow:hidden}
.main-craftsmanship .advantage .item .pic{float:right;width:48.57%;overflow:hidden;border-radius:1vw}
.main-craftsmanship .advantage .item .pic img{width:100%;height:auto}
.main-craftsmanship .advantage .item .text{float:left;width:45%;padding-top:1.8vw}
.main-craftsmanship .advantage .item .text img{width:auto;height:3.33vw}
.main-craftsmanship .advantage .item .text h3{line-height:2.2vw;margin-bottom:1.5vw;font-size:1.875vw;font-family:Helvetica;font-weight:700;color:#000}
.main-craftsmanship .advantage .item .text p{line-height:1.3vw;margin-top:1vw;font-size:.83vw;color:#000}
.main-craftsmanship .advantage .item .text li{position:relative;min-height:2.6vw;line-height:1.3vw;padding-left:3.5vw;margin-bottom:1.3vw;font-size:.9375vw;color:#000}
.main-craftsmanship .advantage .item .text li:before{content:"";position:absolute;left:0;top:0;width:2.6vw;height:2.6vw;background-image:url(https://cdn.shopifycdn.net/s/files/1/0556/1860/1244/files/craftsmanship-icon.png?v=1669021394);background-size:900% 100%}
.main-craftsmanship .advantage .item:nth-child(2) .text li:nth-child(1):before{background-position-x:0}
.main-craftsmanship .advantage .item:nth-child(2) .text li:nth-child(2):before{background-position-x:-100%}
.main-craftsmanship .advantage .item:nth-child(2) .text li:nth-child(3):before{background-position-x:-200%}
.main-craftsmanship .advantage .item:nth-child(3) .text li:nth-child(1):before{background-position-x:-300%}
.main-craftsmanship .advantage .item:nth-child(3) .text li:nth-child(2):before{background-position-x:-400%}
.main-craftsmanship .advantage .item:nth-child(3) .text li:nth-child(3):before{background-position-x:-500%}
.main-craftsmanship .advantage .item:nth-child(4) .text li:nth-child(1):before{background-position-x:-600%}
.main-craftsmanship .advantage .item:nth-child(4) .text li:nth-child(2):before{background-position-x:-700%}
.main-craftsmanship .advantage .item:nth-child(5) .text li:nth-child(1):before{background-position-x:-800%}
.main-craftsmanship .advantage .item:nth-child(2n) .pic{float:left}
.main-craftsmanship .advantage .item:nth-child(2n) .text{float:right}


.banner.crf{position:relative;overflow:hidden}
.banner.crf .tech{position:absolute;left:50%;top:50%;width:44vw;height:44vw;margin:-22vw 0 0 -22vw;background-size:81% 81%;background-position:center;background-repeat:no-repeat}
.banner.crf .tech i{position:absolute;left:0;top:0;width:100%;height:100%;background-image:url(https://cdn.shopifycdn.net/s/files/1/0556/1860/1244/files/index-circle-01_06ff8bf4-2f1e-44ff-8c98-c293760431a1.png?v=1669019726);background-size:100% 100%;animation:scir 10s linear;animation-iteration-count:infinite}
.banner.crf .tech em{position:absolute;left:0;top:0;width:100%;height:100%;background-image:url(https://cdn.shopifycdn.net/s/files/1/0556/1860/1244/files/index-circle-02_e46bd7e4-f62d-4698-902d-f8ae9e68f9c2.png?v=1669019726);background-size:100% 100%;animation:ncir 10s linear;animation-iteration-count:infinite}
.banner.crf .tech:before{content:"";position:absolute;left:0;top:0;width:100%;height:100%;background-image:url(https://cdn.shopifycdn.net/s/files/1/0556/1860/1244/files/index-circle-03_ae16db8f-6aee-44cd-8fd6-8b8a82da1227.png?v=1669019726);background-size:100% 100%}


.main-faq{padding:6vw 0}
.main-faq .cont{position:relative}
.main-faq .catebox{position:sticky;top:8vw;float:left;width:21.5%;border-left:1px solid #ddd}
.main-faq .catebox span{position:relative;display:block;line-height:1.6vw;margin-bottom:1.2vw;padding:.5vw 0 .5vw 1.2vw;font-size:1.25vw;font-weight:700;color:#666;cursor:pointer}
.main-faq .catebox .on{color:#000}
.main-faq .catebox .on:before{content:"";position:absolute;left:-1px;top:0;width:2px;height:100%;background-color:#000}
.main-faq .list{width:57.86%;margin:0 0 0 auto}
.main-faq .list section{margin-bottom:5vw}
.main-faq .list h2{line-height:3.5vw;margin-bottom:2vw;font-size:3vw;color:#000}
.main-faq .list li{padding:1.5vw 0;border-bottom:1px solid #ddd}
.main-faq .list li h3{position:relative;line-height:1.8vw;padding-right:1.8vw;font-size:1.25vw;font-family:Helvetica;font-weight:700;color:#000;cursor:pointer}
.main-faq .list li h3:before{content:"";position:absolute;right:.3vw;top:.9vw;width:1.2vw;height:2px;margin-top:-1px;background-color:#333}
.main-faq .list li h3:after{content:"";position:absolute;right:.9vw;top:.3vw;width:2px;height:1.2vw;margin-right:-1px;background-color:#333}
.main-faq .list li p{line-height:1.3vw;margin-bottom:.8vw;font-size:.9375vw;color:#222}
.main-faq .list li.on h3:after{display:none}
.main-faq .list .answer{display:none;padding-top:1vw;line-height:1.3vw;font-size:.9375vw;color:#222}


.main-ship{padding:7vw 0}
.main-ship h1,.main-ship h2{line-height:3.5vw;margin-bottom:2vw;font-size:3vw;color:#000}
.main-ship p{line-height:1.5vw;font-size:.9375vw;color:#333}
.main-ship .shipping{margin-bottom:6vw;text-align:center}
.main-ship .shipping p{line-height:1.6vw;font-size:1.25vw}
.main-ship .shipping:before{content:"";display:block;width:6.5vw;height:6.5vw;margin:0 auto 2vw;background-image:url(https://cdn.shopifycdn.net/s/files/1/0556/1860/1244/files/shipping-icon.png?v=1667810551);background-size:100% 100%}
.main-ship .fast{margin-bottom:7vw}
.main-ship .fast ul{display:flex;justify-content:space-between}
.main-ship .fast li{position:relative;width:30.55%;padding-bottom:9vw;border-radius:1vw;background-color:#fff;overflow:hidden;text-align:center}
.main-ship .fast li .pic{height:0;padding-bottom:100%;border-radius:1vw;overflow:hidden}
.main-ship .fast li .pic img{width:100%;height:auto}
.main-ship .fast li .text{position:absolute;left:0;bottom:0;width:100%;height:9vw;box-sizing:border-box}
.main-ship .fast li .text .box{position:absolute;left:0;top:50%;width:100%;padding:0 3vw;box-sizing:border-box;transform:translateY(-50%)}
.main-ship .fast li .text .box h3{line-height:1.6vw;margin-bottom:.5vw;font-size:1.25vw;font-family:Helvetica;font-weight:700;color:#000}
.main-ship .fast li .text .box p{line-height:1.2vw}
.main-ship .fast li:nth-child(2){padding:9vw 0 0}
.main-ship .fast li:nth-child(2) .text{bottom:initial;top:0}
.main-ship .step{margin-bottom:7vw;text-align:center}
.main-ship .step span{position:relative;display:block;line-height:1.5vw;padding-bottom:.8vw;margin-bottom:1vw;font-size:1.25vw;text-transform:uppercase;color:#000}
.main-ship .step span:after{content:"";position:absolute;left:50%;bottom:0;width:2.6vw;height:1px;margin-left:-1.3vw;background-color:#666}
.main-ship .step h2{margin-bottom:4vw}
.main-ship .step ul{display:flex;justify-content:space-between}
.main-ship .step li{position:relative;width:30.55%;padding-left:7vw;box-sizing:border-box;text-align:left}
.main-ship .step li h3{line-height:1.6vw;margin-bottom:.5vw;padding-bottom:.5vw;border-bottom:1px solid #ddd;font-size:1.25vw;font-family:Helvetica;font-weight:700;color:#000}
.main-ship .step li:before{content:"";position:absolute;left:0;top:0;width:5.5vw;height:5.5vw;background-image:url(https://cdn.shopifycdn.net/s/files/1/0556/1860/1244/files/step-icon.png?v=1667810551);background-size:300% 100%}
.main-ship .step li:nth-child(2):before{background-position-x:-100%}
.main-ship .step li:nth-child(3):before{background-position-x:-200%}
.main-ship .return{margin-bottom:7vw;text-align:center}
.main-ship .return h2{margin-bottom:1.5vw}
.main-ship .return p{margin-bottom:3vw}
.main-ship .return ul{display:flex;justify-content:space-between;flex-wrap:wrap}
.main-ship .return li{width:48.57%;margin-bottom:1.2vw;text-align:left}
.main-ship .return li label{display:block;line-height:1vw;margin-bottom:.5vw;font-size:.9vw;color:#000}
.main-ship .return li input{width:100%;height:2.5vw;padding:0 .8vw;box-sizing:border-box;border:1px solid #333;font-size:1vw}
.main-ship .return li input[type=submit]{background-color:#000;color:#fff}
.main-ship .return li textarea{width:100%;height:8.5vw;line-height:1.3vw;padding:.5vw .8vw;box-sizing:border-box;border:1px solid #333;font-size:1vw}
.main-ship .return li.big{width:100%}


.main-wword{padding:3vw 0}
.main-wword h1{line-height:2.8vw;margin-bottom:2vw;font-size:2.4vw;text-align:center}
.main-wword h2{line-height:2.3vw;margin:3vw 0 1.1vw;font-size:1.8vw}
.main-wword h3{line-height:2vw;margin-top:2.5vw;margin-bottom:1.1vw;font-size:1.5vw;font-weight:700}
.main-wword p{line-height:1.8vw;margin-bottom:1.1vw;font-size:1.15vw}
.main-wword ul{padding-left:1.5vw;margin-bottom:1.1vw}
.main-wword li{list-style-type:disc;line-height:1.8vw;font-size:1.15vw;color:#333}
.main-wword li strong{color:#333}
.main-wword table{width:100%;}
.main-wword table td{line-height:1.8vw;padding:1vw;font-size:1.25vw;border:1px solid #ccc;}


.design-com{padding-bottom:4vw;overflow:hidden}
.design-com .text{float:right;width:48.57%;height:35.4vw;padding:4vw 4vw 0;background-color:#e915c9;text-align:center;box-sizing:border-box}
.design-com .text h2{line-height:2vw;margin-bottom:1vw;font-size:2vw;color:#fff}
.design-com .text p{padding:0 5%;color:#fff}
.design-com .text a{display:inline-block;width:17.7vw;line-height:3vw;margin-top:1vw;font-size:.9375vw;color:#fff;border:1px solid #fff;border-radius:2vw}
.design-com .pic{float:left;width:48.57%;height:35.4vw}
.design-com .pic img{width:100%;height:100%}


.list-blog{padding-bottom:4vw}
.list-blog .year{border-bottom:1px solid #000;overflow:hidden}
.list-blog .year span{position:relative;display:inline-block;line-height:1.6vw;padding:2vw 1vw;margin-right:4vw;cursor:pointer}
.list-blog .year .on{font-weight:700;color:#000}
.list-blog .year .on:after{content:"";position:absolute;left:0;bottom:0;width:100%;height:2px;background-color:#000}
.list-blog .cont{margin-bottom:4vw}
.list-blog .cont ul{width:100%}
.list-blog .cont li{width:100%;padding:3.65vw 0;border-bottom:1px solid #000;display:flex;justify-content:space-between;overflow:hidden}
.list-blog .cont li .pic{width:48.14%;height:0;padding-bottom:35.28%;overflow:hidden}
.list-blog .cont li .pic img{width:100%;height:auto}
.list-blog .cont li .text{position:relative;width:45%;padding-top:2vw}
.list-blog .cont li .text h3{line-height:2.6vw;margin-bottom:2.4vw;font-size:1.875vw;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical}
.list-blog .cont li .text p{line-height:2vw;font-size:1.25vw;color:#999;text-transform:uppercase}
.list-blog .cont li .text p span{display:inline-block;vertical-align:top;width:50%}
.list-blog .cont li .text a{position:absolute;left:0;bottom:2vw;display:inline-block;vertical-align:top;line-height:1.6vw;font-size:1.25vw;font-weight:700}
.list-blog .cont li .text a:before{content:"\2192";display:inline-block;vertical-align:top;line-height:1.8vw;margin-right:.2vw;font-size:2vw;font-weight:700;transform:scaleX(.6)}


.main-blog{padding:3vw 0}
.main-blog h1{line-height:2.4vw;font-size:1.875vw}
.main-blog .blog-width{width:800px;max-width:100%;margin:0 auto}
.main-blog .func{margin-bottom:2vw;padding:2vw 0 1.5vw;border-bottom:1px solid #ddd;text-transform:uppercase}
.main-blog .func span{display:inline-block;vertical-align:top;line-height:1.6vw;margin-right:3vw;font-size:.9375vw}
.main-blog .func time{display:inline-block;vertical-align:top;line-height:1.6vw;font-size:.9375vw}
.main-blog .func .share{float:right}
.main-blog .func .share span{margin:0}
.main-blog .func .share .social-sharing{float:right}
.main-blog .func .share .social-sharing span{display:none}
.main-blog .func .share a{display:inline-block;position:relative;width:1.6vw;height:1.6vw;padding:0;margin:0 0 0 .5vw}
.main-blog .func .share a svg{position:absolute;left:50%;top:50%;margin:-8px 0 0 -8px}
.main-blog .artbox{line-height:1.6vw;font-size:.9375vw;color:#333}
.main-blog .artbox p{line-height:1.6vw;margin-bottom:1.6vw;font-size:.9375vw}
.main-blog .artbox img{display:block;width:auto;height:auto;max-width:100%;margin:0 auto 2vw}
.main-blog .subpage{position:relative;display:flex;justify-content:space-between;padding-top:2vw;margin-top:2vw;border-top:1px solid #ddd}
.main-blog .subpage div{position:relative;width:48%;line-height:1.5vw;font-size:.83vw}
.main-blog .subpage div span{display:block}
.main-blog .subpage .prev{padding-left:40px}
.main-blog .subpage .prev:before{content:"\2190";position:absolute;left:0;top:1.5vw;line-height:1vw;margin-top:-.5vw;font-size:1.8vw;transform:scaleX(.7)}
.main-blog .subpage .next{padding-right:40px;text-align:right}
.main-blog .subpage .next:before{content:"\2192";position:absolute;right:0;top:1.5vw;line-height:1vw;margin-top:-.5vw;font-size:1.8vw;transform:scaleX(.7)}
.main-blog .subpage:before{content:"";position:absolute;left:50%;top:15%;width:2px;height:70%;margin-top:1vw;background-color:#ddd}


.main-match .title{width:auto;margin-bottom:4vw}
.main-match .mtbanner img{width:100%;height:auto}
.main-match .catebtn{padding:2.6vw 0;background-color:#cdbdf1}
.main-match .catebtn .main-width{display:flex;justify-content:space-between}
.main-match .catebtn a{position:relative;display:block;width:18.57%;height:3.7vw;background-color:#fff;font-size:1.1vw;text-align:center}
.main-match .catebtn a span{position:absolute;left:0;top:50%;width:100%;line-height:1.2vw;transform:translateY(-50%)}
.main-match .compet{position:relative;padding:6vw 0 0;margin-bottom:8vw}
.main-match .compet span{position:absolute;right:-4%;top:12vw;font-size:9.1vw;font-weight:700;-webkit-text-fill-color:transparent;-webkit-text-stroke:1px #000}
.main-match .compet h2{line-height:3.5vw;margin-bottom:4vw;font-size:3.125vw;font-family:Helvetica!important;font-weight:700}
.main-match .compet p{line-height:2.5vw;font-size:1.875vw;color:#000}
.main-match .compet p i{font-weight:700;color:#2037a1}
.main-match .compet .text{position:relative;padding:5vw;background-color:#90a0f0;border-radius:2vw;text-align:center}
.main-match .time{margin-bottom:11vw;text-align:center}
.main-match .time .title{height:5.625vw}
.main-match .time .cont{width:100%;height:auto}
.main-match .require{margin-bottom:10vw;padding:0 2vw;border:.2vw solid #000;border-radius:2vw;background-color:#eeea3c;text-align:center}
.main-match .require p{position:relative;line-height:2.8vw;margin-bottom:2.9vw;padding-left:3.5vw;font-size:1.875vw;color:#000;text-align:left}
.main-match .require p i{position:absolute;left:0;top:0;width:2.8vw;height:2.8vw;line-height:2.8vw;border-radius:50%;text-align:center;background-color:#000;color:#eeea3c}
.main-match .require .title{height:5.625vw;margin-top:-3vw}
.main-match .require .btn{position:relative;bottom:-2.1vw;display:inline-block;line-height:3.8vw;padding:0 3vw;border:.2vw solid #000;border-radius:.5vw;background-color:#fff;font-size:1.875vw}
.main-match .issue{margin-bottom:8vw;text-align:center}
.main-match .issue .title{height:7.135vw}
.main-match .issue .slide-work{position:relative}
.main-match .issue .slide-work .btn{position:absolute;top:50%;width:3.2vw;height:3.2vw;line-height:3.2vw;box-sizing:border-box;border:2px solid #000;border-radius:50%;cursor:pointer;background-color:#00ce7c;color:#000}
.main-match .issue .slide-work .btn:after{content:"\279c";display:block;line-height:3.2vw;font-size:1.6vw}
.main-match .issue .slide-work .prev{left:-5.7vw}
.main-match .issue .slide-work .prev:after{transform:rotate(180deg)}
.main-match .issue .slide-work .next{right:-5.7vw}
.main-match .issue .slide-pic{overflow:hidden}
.main-match .issue .slide-pic ul{display:flex;width:75vw}
.main-match .issue .slide-pic li{width:23vw;margin-right:2vw;border:.2vw solid #000;box-sizing:border-box;border-radius:.8vw;overflow:hidden;text-align:left}
.main-match .issue .slide-pic li .pic{height:0;padding-bottom:65%;overflow:hidden}
.main-match .issue .slide-pic li .pic img{width:100%;height:auto}
.main-match .issue .slide-pic li .text{padding:1.5vw 2vw}
.main-match .issue .slide-pic li .text p{line-height:1.3vw;font-size:.9375vw;color:#000}
.main-match .issue .slide-pic li .text span{display:block;line-height:1.3vw;margin:1vw 0 1.5vw;font-size:.9375vw;color:#999}
.main-match .issue .slide-pic li .text .avatar{position:relative;padding-left:3.6vw;margin-bottom:1vw}
.main-match .issue .slide-pic li .text .avatar img{position:absolute;left:0;top:0;width:2.6vw;height:2.6vw}
.main-match .issue .slide-pic li .text .avatar h3{line-height:2.6vw;font-size:.9375vw;font-family:Helvetica;color:#000}
.main-match .issue .slide-pic li .text .func{display:flex;height:1.8vw}
.main-match .issue .slide-pic li .text .func p{position:relative;line-height:1.8vw;padding-left:2vw;margin-right:1.5vw;color:#999}
.main-match .issue .slide-pic li .text .func p:before{content:"";position:absolute;left:0;top:0;width:1.8vw;height:1.8vw;background-image:url(../images/issue-icon.png);background-size:300% 100%}
.main-match .issue .slide-pic li .text .func p:nth-child(2):before{background-position-x:-100%}
.main-match .issue .slide-pic li .text .func p:nth-child(3):before{background-position-x:-200%}
.main-match .awards{margin-bottom:8vw;text-align:center}
.main-match .awards .title{height:5.625vw}
.main-match .awards .cont{padding:3.6vw 6.7vw;border-radius:2vw;background-color:#000}
.main-match .awards .cont p{line-height:2vw;font-size:1.25vw;color:#fff}
.main-match .awards .cont ul{display:flex;justify-content:space-between;flex-wrap:wrap}
.main-match .awards .cont li{width:16.2vw;padding:1vw 3vw 2vw;margin-bottom:4vw;border-radius:1.5vw;box-sizing:border-box;background-color:#00ce7c}
.main-match .awards .cont li p{line-height:2.5vw;margin-bottom:1vw;font-size:1.875vw;font-weight:700;color:#000}
.main-match .awards .cont li span{display:block;line-height:5.2vw;font-size:2.5vw;font-weight:700;background-color:#000;color:#fff}
.main-match .awards .cont li.big{display:flex;justify-content:space-between;width:100%;padding:3vw;margin-bottom:2vw;text-align:left}
.main-match .awards .cont li.big p{line-height:2.6vw;margin:0}
.main-match .awards .cont li.big span{padding:0 1vw}
.main-match .winning{padding-bottom:1px;text-align:center}
.main-match .winning h2{line-height:3.5vw;margin-bottom:4vw;font-size:3.125vw;font-family:Helvetica!important;font-weight:700;color:#000}
.main-match .winning span{display:inline-block;vertical-align:top;line-height:4.5vw;margin-bottom:4vw;padding:0 2.2vw;font-size:1.875vw;font-weight:700;background-color:#ff7171;border:2px solid #000;border-radius:3vw;color:#000}
.main-match .winning span:after{content:"\279c";display:inline-block;vertical-align:middle;width:2vw;height:2vw;line-height:2vw;margin-left:2vw;transform:rotate(90deg);font-size:1.8vw}
.main-match .winning .cont{margin-bottom:6vw}
.main-match .winning .cont ul{display:flex;justify-content:space-between;flex-wrap:wrap}
.main-match .winning .cont li{width:23vw;margin-bottom:2vw;border:.2vw solid #000;box-sizing:border-box;border-radius:.8vw;overflow:hidden;text-align:left}
.main-match .winning .cont li .pic{height:0;padding-bottom:65%;overflow:hidden}
.main-match .winning .cont li .pic img{width:100%;height:auto}
.main-match .winning .cont li .text{padding:1.5vw 2vw}
.main-match .winning .cont li .text p{line-height:1.3vw;font-size:.9375vw;color:#000}
.main-match .winning .cont li .text .avatar{position:relative;padding-left:3.6vw;margin-top:1vw}
.main-match .winning .cont li .text .avatar img{position:absolute;left:0;top:0;width:2.6vw;height:2.6vw}
.main-match .winning .cont li .text .avatar h3{line-height:2.6vw;font-size:.9375vw;font-family:Helvetica;color:#000}


.main-customcap{position:relative;padding:5vw 0 4vw;background-image:url(https://cdn.shopifycdn.net/s/files/1/0556/1860/1244/files/custom-bg.jpg?v=1667982912);background-size:100% auto;background-position:center;overflow:hidden}
.main-customcap .product{position:relative;float:left;width:38.5vw;height:38.5vw;margin-top:-1vw}
.main-customcap .product .pro{position:absolute;left:0;top:0;width:100%;height:100%}
.main-customcap .product .ico{position:absolute;left:50%;top:28.5%;transform:translate(-50%);width:42.75%;height:28.875%}
.main-customcap .product .ico img{position:absolute;left:50%;top:50%;width:auto;height:auto;max-width:100%;max-height:100%;transform:translate(-50%,-50%)}
.main-customcap .option{float:right;width:30%;padding:2vw;border-radius:1vw;background-color:#fff;box-sizing:border-box}
.main-customcap .option h3{line-height:1.56vw;margin-bottom:.5vw;font-size:.9375vw;font-family:Helvetica;color:#000;text-align:left}
.main-customcap .option .style{margin-bottom:2vw;overflow:hidden;text-align:center}
.main-customcap .option .style li{display:inline-block;vertical-align:top;width:4.7vw;height:4.7vw;margin:0 .3vw;padding:.3vw;border:1px solid #ddd;border-radius:50%;box-sizing:border-box;overflow:hidden;cursor:pointer}
.main-customcap .option .style li img{width:100%;height:100%}
.main-customcap .option .style li.on{border-color:#000}
.main-customcap .option .patch{margin-bottom:2vw;overflow:hidden}
.main-customcap .option .patch ul{overflow:hidden}
.main-customcap .option .patch li{display:none;float:left;width:25%;height:2.7vw;padding:.15vw;border:1px solid #fff;box-sizing:border-box;border-radius:.2vw;text-align:center;cursor:pointer;overflow:hidden}
.main-customcap .option .patch li div{position:relative;width:100%;height:100%}
.main-customcap .option .patch li div img{position:absolute;left:50%;top:50%;max-width:100%;max-height:100%;width:auto;height:auto;transform:translate(-50%,-50%)}
.main-customcap .option .patch li.upload{display:block;position:relative;line-height:2.1vw;font-size:1vw;text-align:center;color:#000}
.main-customcap .option .patch li.upload div{border-radius:.2vw;border:1px solid #000;background-color:#e2e2e2;box-sizing:border-box}
.main-customcap .option .patch li.upload input{position:absolute;left:0;top:0;width:100%;height:100%;opacity:0;cursor:pointer}
.main-customcap .option .patch li.upload:hover div{background-color:#d9d9d9}
.main-customcap .option .patch li.show{display:block}
.main-customcap .option .patch li.on{border-color:#000}
.main-customcap .option .patch .refresh{display:block;width:2.24vw;height:2.24vw;margin:.8vw auto 1.5vw;background-image:url(https://cdn.shopifycdn.net/s/files/1/0556/1860/1244/files/refrsh.png?v=1669103207);background-size:100% 100%;cursor:pointer}
.main-customcap .option .patch .refresh.on{transition:all .5s}
.main-customcap .option .sub{display:block;line-height:2.6vw;font-size:.9375vw;background-color:#000;color:#fff;text-align:center;border-radius:2vw;cursor:pointer}
.main-custombadge{position:relative;padding:5vw 0 4vw;margin-bottom:5vw;background-image:url(https://cdn.shopifycdn.net/s/files/1/0556/1860/1244/files/cus-bg.jpg?v=1669081013);background-size:100% auto;background-position:bottom center;overflow:hidden}
.main-custombadge .product{position:relative;float:left;width:35.3125vw;height:22.92vw;margin-top:6vw}
.main-custombadge .product p{position:absolute;left:50%;top:-5vw;height:3vw;line-height:3vw;padding:0 2vw;transform:translate(-50%);font-size:1.25vw;background-color:#00000026;border-radius:.5vw;color:#fff}
.main-custombadge .product .container{position:absolute;background-image:url(https://cdn.shopifycdn.net/s/files/1/0556/1860/1244/files/badge-bg-01.jpg?v=1668050159);background-size:100% 100%;background-color:#fff;border-radius:1vw;overflow:hidden;transition:all .5s}
.main-custombadge .product .container .logo{position:absolute;left:1.8vw;top:2.34vw;width:3.4375vw;height:auto;z-index:7}
.main-custombadge .product .container .ico{position:absolute;left:50%;top:50%;width:29.92vw;max-width:none;height:29.92vw;margin:-14.96vw 0 0 -14.96vw}
.main-custombadge .product .container .ico.ani{animation:dongyd .8s 0s;-webkit-animation:dongyd .8s 0s;transform-origin:bottom;-webkit-transform-origin:bottom}
.main-custombadge .product .container:before{content:"";position:absolute;left:.52vw;top:.52vw;width:calc(100% - 1.04vw);height:calc(100% - 1.04vw);border:2px solid #000;border-radius:.7vw;box-sizing:border-box;z-index:9}
.main-custombadge .product .container:after{content:"";position:absolute;left:0;top:0;width:100%;height:100%;border:2px solid #000;border-radius:1vw;box-sizing:border-box;z-index:9}
.main-custombadge .product .container.squ{left:6.19625vw;top:0;width:22.92vw;height:22.92vw}
.main-custombadge .product .container.rec{left:0;top:1.41vw;width:35.3125vw;height:20.1vw}
.main-custombadge .product:before{content:"";position:absolute;left:-38%;bottom:-38%;width:176%;height:75%;background-image:url(https://cdn.shopifycdn.net/s/files/1/0556/1860/1244/files/baseplate.png?v=1669081391);background-size:100% 100%}
.main-custombadge .option{float:right;width:30%;padding:2vw;border-radius:1vw;background-color:#fff;box-sizing:border-box}
.main-custombadge .option h3{line-height:1.56vw;margin-bottom:.5vw;font-size:.9375vw;font-family:Helvetica;color:#000;text-align:left}
.main-custombadge .option .shape{margin-bottom:1vw}
.main-custombadge .option .shape li{display:inline-block;vertical-align:top;line-height:1vw;margin-right:1.2vw;padding:.5vw;border:1px solid #f3f3f3;background-color:#f3f3f3;color:#000;border-radius:2vw;font-size:.83vw;cursor:pointer}
.main-custombadge .option .shape li:before{content:"";display:inline-block;vertical-align:top;width:1vw;height:1vw;margin-right:.5vw;box-sizing:border-box;background-color:#fff;border:1px solid #dedede;border-radius:50%}
.main-custombadge .option .shape li.on{border-color:#000}
.main-custombadge .option .shape li.on:before{border:.3vw solid #000}
.main-custombadge .option .emoji{margin-bottom:1vw;overflow:hidden}
.main-custombadge .option .emoji .ebox{position:relative}
.main-custombadge .option .emoji .ebox span{position:absolute;top:50%;line-height:2vw;margin-top:-1vw;font-size:1vw;font-family:Simsun;font-weight:700;cursor:pointer;color:#000}
.main-custombadge .option .emoji .ebox span.prev{left:0}
.main-custombadge .option .emoji .ebox span.next{right:0}
.main-custombadge .option .emoji .ebox span.non{color:#ccc;cursor:default}
.main-custombadge .option .emoji .pos{width:15.5vw;margin:0 auto;overflow:hidden}
.main-custombadge .option .emoji ul{position:relative;font-size:0}
.main-custombadge .option .emoji li{display:inline-block;vertical-align:top;width:4.7vw;height:10vw;margin-right:.6vw}
.main-custombadge .option .emoji li img{width:100%;height:100%}
.main-custombadge .option .emoji li .imc{width:4.7vw;height:4.7vw;margin-bottom:.6vw;padding:.3vw;border:1px solid #ddd;border-radius:50%;box-sizing:border-box;overflow:hidden;cursor:pointer}
.main-custombadge .option .emoji li .imc.on{border-color:#000}
.main-custombadge .option .back{margin-bottom:3vw;overflow:hidden}
.main-custombadge .option .back ul{overflow:hidden}
.main-custombadge .option .back li{display:none;float:left;width:25%;height:2.7vw;padding:.15vw;border:1px solid #fff;box-sizing:border-box;border-radius:.2vw;text-align:center;cursor:pointer;overflow:hidden}
.main-custombadge .option .back li div{position:relative;width:100%;height:100%}
.main-custombadge .option .back li div img{position:absolute;left:50%;top:50%;max-width:100%;max-height:100%;width:auto;height:auto;transform:translate(-50%,-50%)}
.main-custombadge .option .back li.upload{display:block;position:relative;line-height:2.1vw;font-size:1vw;text-align:center;color:#000}
.main-custombadge .option .back li.upload div{border-radius:.2vw;border:1px solid #000;background-color:#e2e2e2;box-sizing:border-box}
.main-custombadge .option .back li.upload input{position:absolute;left:0;top:0;width:100%;height:100%;opacity:0;cursor:pointer}
.main-custombadge .option .back li.upload:hover div{background-color:#d9d9d9}
.main-custombadge .option .back li.show{display:block}
.main-custombadge .option .back li.on{border-color:#000}
.main-custombadge .option .back .refresh{display:block;width:2.24vw;height:2.24vw;margin:.8vw auto .5vw;background-image:url(https://cdn.shopifycdn.net/s/files/1/0556/1860/1244/files/refrsh.png?v=1669103207);background-size:100% 100%;cursor:pointer}
.main-custombadge .option .back .refresh.on{transition:all .5s}
.main-custombadge .option .sub{line-height:2.6vw;font-size:.9375vw;background-color:#000;color:#fff;text-align:center;border-radius:2vw;cursor:pointer;background-repeat:no-repeat;background-position:center;background-size:auto 70%}
.main-custombadge .option .sub.on{font-size:0;background-image:url(https://cdn.shopifycdn.net/s/files/1/0556/1860/1244/files/loadinglit.gif?v=1669707576)}@keyframes dongyd{0%{-webkit-transform:rotate(0deg) scale(1.2);transform:rotate(0) scale(1.2)}40%{-webkit-transform:rotate(6deg) scale(1.1);transform:rotate(6deg) scale(1.1)}50%{-webkit-transform:rotate(-6deg) scale(1);transform:rotate(-6deg) scale(1)}60%{-webkit-transform:rotate(6deg);transform:rotate(6deg)}70%{-webkit-transform:rotate(-6deg);transform:rotate(-6deg)}80%{-webkit-transform:rotate(6deg);transform:rotate(6deg)}90%{-webkit-transform:rotate(-6deg);transform:rotate(-6deg)}to{-webkit-transform:rotate(0deg);transform:rotate(0)}}@-webkit-keyframes dongyd{0%{-webkit-transform:rotate(0deg) scale(1.2);transform:rotate(0) scale(1.2)}40%{-webkit-transform:rotate(6deg) scale(1.1);transform:rotate(6deg) scale(1.1)}50%{-webkit-transform:rotate(-6deg) scale(1);transform:rotate(-6deg) scale(1)}60%{-webkit-transform:rotate(6deg);transform:rotate(6deg)}70%{-webkit-transform:rotate(-6deg);transform:rotate(-6deg)}80%{-webkit-transform:rotate(6deg);transform:rotate(6deg)}90%{-webkit-transform:rotate(-6deg);transform:rotate(-6deg)}to{-webkit-transform:rotate(0deg);transform:rotate(0)}}


.patch-game{position:relative;padding:2.5vw;background-image:linear-gradient(#c231da,#fb5cda,#be186b)}
.patch-game .bg{position:relative;padding:2.2% 0;background-image:linear-gradient(#55adfe,#06f1fe);border-radius:1.4vw}
.patch-game .bg .list{position:relative;width:90.47vw;height:35.69vw;margin:0 auto;z-index:2}
.patch-game .bg .list ul{position:relative;width:100%;height:100%}
.patch-game .bg .list li{position:absolute;width:8.3vw;height:8.3vw;border-radius:.8vw;overflow:hidden;background-image:url(https://cdn.shopifycdn.net/s/files/1/0556/1860/1244/files/patch-bg.jpg?v=1670403920);background-size:300% 100%}
.patch-game .bg .list li img{width:100%;height:100%}
.patch-game .bg .list li:nth-child(2n){background-position-x:-100%}
.patch-game .bg .list li:nth-child(1){top:0;left:18.26vw}
.patch-game .bg .list li:nth-child(2){top:0;left:27.39vw}
.patch-game .bg .list li:nth-child(3){top:0;left:36.52vw}
.patch-game .bg .list li:nth-child(4){top:0;left:45.65vw}
.patch-game .bg .list li:nth-child(5){top:0;left:54.78vw}
.patch-game .bg .list li:nth-child(6){top:0;left:63.91vw}
.patch-game .bg .list li:nth-child(7){top:0;left:73.04vw}
.patch-game .bg .list li:nth-child(8){top:0;left:82.17vw}
.patch-game .bg .list li:nth-child(9){top:9.13vw;left:82.17vw}
.patch-game .bg .list li:nth-child(10){top:18.26vw;left:82.17vw}
.patch-game .bg .list li:nth-child(11){top:27.39vw;left:82.17vw}
.patch-game .bg .list li:nth-child(12){top:27.39vw;left:73.04vw}
.patch-game .bg .list li:nth-child(13){top:27.39vw;left:63.91vw}
.patch-game .bg .list li:nth-child(14){top:27.39vw;left:54.78vw}
.patch-game .bg .list li:nth-child(15){top:27.39vw;left:45.65vw}
.patch-game .bg .list li:nth-child(16){top:27.39vw;left:36.52vw}
.patch-game .bg .list li:nth-child(17){top:27.39vw;left:27.39vw}
.patch-game .bg .list li:nth-child(18){top:27.39vw;left:18.26vw}
.patch-game .bg .list li:nth-child(19){top:27.39vw;left:9.13vw}
.patch-game .bg .list li:nth-child(20){top:27.39vw;left:0vw}
.patch-game .bg .list li:nth-child(21){top:18.26vw;left:0vw}
.patch-game .bg .list li:nth-child(22){top:9.13vw;left:0vw}
.patch-game .bg .list li:nth-child(23){top:0;left:0}
.patch-game .bg .list li:nth-child(24){top:0;left:9.13vw}
.patch-game .bg .list li.now{background-position-x:-200%}
.patch-game .bg .cont{position:absolute;left:50%;top:50%;width:70.83vw;height:16vw;transform:translate(-50%,-50%);z-index:3;overflow:hidden}
.patch-game .bg .cont .patchbox{position:relative;float:left;width:28.1vw;height:16vw;background-image:url(https://cdn.shopifycdn.net/s/files/1/0556/1860/1244/files/badge-bg-01.jpg?v=1668050159);border-radius:1vw;background-size:100% 100%}
.patch-game .bg .cont .patchbox .logo{position:absolute;left:1.45vw;top:1.87vw;width:2.75vw;height:auto;z-index:7}
.patch-game .bg .cont .patchbox .ico{position:absolute;left:50%;top:50%;width:24vw;max-width:none;height:24vw;margin:-12vw 0 0 -12vw}
.patch-game .bg .cont .patchbox:before{content:"";position:absolute;left:.42vw;top:.42vw;width:calc(100% - .84vw);height:calc(100% - .84vw);border:2px solid #000;border-radius:.7vw;box-sizing:border-box;z-index:9}
.patch-game .bg .cont .patchbox:after{content:"";position:absolute;left:0;top:0;width:100%;height:100%;border:2px solid #000;border-radius:1vw;box-sizing:border-box;z-index:9}
.patch-game .bg .cont .text{float:left;margin-left:2.5vw;padding-top:2vw}
.patch-game .bg .cont .text img{display:block;width:auto;height:8vw;margin-bottom:1.5vw}
.patch-game .bg .cont .text .sbtn{display:inline-block;width:14vw;line-height:2.6vw;padding:0 4.5vw;background-image:linear-gradient(#e41c2d,#eb5562);border-radius:2vw;font-size:1.65vw;font-weight:700;color:#fff;text-shadow:2px 2px 2px #000;box-shadow:3px 3px 3px #000;cursor:pointer;box-sizing:border-box;text-align:center}
.patch-game .bg:before{content:"";position:absolute;right:7.7%;bottom:0;width:26vw;height:100%;background-image:url(https://cdn.shopifycdn.net/s/files/1/0556/1860/1244/files/people-bg.png?v=1670403920);background-size:100% auto;background-position:bottom center;background-repeat:no-repeat}
.patch-game .light li:before{content:"";position:absolute;width:1.72vw;height:1.72vw;margin:-.86vw 0 0 -.86vw;background-image:url(https://cdn.shopifycdn.net/s/files/1/0556/1860/1244/files/light.png?v=1670403920);background-size:200% 100%}
.patch-game .light li:after{content:"";position:absolute;width:1.72vw;height:1.72vw;margin:-.86vw 0 0 -.86vw;background-image:url(https://cdn.shopifycdn.net/s/files/1/0556/1860/1244/files/light.png?v=1670403920);background-size:200% 100%;background-position-x:-100%}
.patch-game .light li:nth-child(1):before{top:1.85vw;left:1.5%}
.patch-game .light li:nth-child(1):after{top:1.25vw;left:6.5%}
.patch-game .light li:nth-child(2):before{top:1.25vw;left:11.5%}
.patch-game .light li:nth-child(2):after{top:1.25vw;left:17.5%}
.patch-game .light li:nth-child(3):before{top:1.25vw;left:22.5%}
.patch-game .light li:nth-child(3):after{top:1.25vw;left:27.5%}
.patch-game .light li:nth-child(4):before{top:1.25vw;left:32.5%}
.patch-game .light li:nth-child(4):after{top:1.25vw;left:37.5%}
.patch-game .light li:nth-child(5):before{top:1.25vw;left:42.5%}
.patch-game .light li:nth-child(5):after{top:1.25vw;left:47%}
.patch-game .light li:nth-child(6):before{top:1.25vw;left:52.5%}
.patch-game .light li:nth-child(6):after{top:1.25vw;left:57%}
.patch-game .light li:nth-child(7):before{top:1.25vw;left:62.5%}
.patch-game .light li:nth-child(7):after{top:1.25vw;left:67.5%}
.patch-game .light li:nth-child(8):before{top:1.25vw;left:72.5%}
.patch-game .light li:nth-child(8):after{top:1.25vw;left:77.5%}
.patch-game .light li:nth-child(9):before{top:1.25vw;left:82.5%}
.patch-game .light li:nth-child(9):after{top:1.25vw;left:87.5%}
.patch-game .light li:nth-child(10):before{top:1.25vw;left:92.5%}
.patch-game .light li:nth-child(10):after{top:1.25vw;left:98%}
.patch-game .light li:nth-child(11):before{top:5.75vw;left:98.7%}
.patch-game .light li:nth-child(11):after{top:10.25vw;left:98.7%}
.patch-game .light li:nth-child(12):before{top:15.25vw;left:98.7%}
.patch-game .light li:nth-child(12):after{top:19.75vw;left:98.7%}
.patch-game .light li:nth-child(13):before{top:25.25vw;left:98.7%}
.patch-game .light li:nth-child(13):after{top:29.75vw;left:98.7%}
.patch-game .light li:nth-child(14):before{top:35.25vw;left:98.7%}
.patch-game .light li:nth-child(14):after{top:39.75vw;left:98.7%}
.patch-game .light li:nth-child(15):before{bottom:.39vw;left:96%}
.patch-game .light li:nth-child(15):after{bottom:.39vw;left:91%}
.patch-game .light li:nth-child(16):before{bottom:.39vw;left:86%}
.patch-game .light li:nth-child(16):after{bottom:.39vw;left:81%}
.patch-game .light li:nth-child(17):before{bottom:.39vw;left:76%}
.patch-game .light li:nth-child(17):after{bottom:.39vw;left:71%}
.patch-game .light li:nth-child(18):before{bottom:.39vw;left:66%}
.patch-game .light li:nth-child(18):after{bottom:.39vw;left:61%}
.patch-game .light li:nth-child(19):before{bottom:.39vw;left:56%}
.patch-game .light li:nth-child(19):after{bottom:.39vw;left:51%}
.patch-game .light li:nth-child(20):before{bottom:.39vw;left:46%}
.patch-game .light li:nth-child(20):after{bottom:.39vw;left:41%}
.patch-game .light li:nth-child(21):before{bottom:.39vw;left:36%}
.patch-game .light li:nth-child(21):after{bottom:.39vw;left:31%}
.patch-game .light li:nth-child(22):before{bottom:.39vw;left:26%}
.patch-game .light li:nth-child(22):after{bottom:.39vw;left:21%}
.patch-game .light li:nth-child(23):before{bottom:.39vw;left:16%}
.patch-game .light li:nth-child(23):after{bottom:.39vw;left:11%}
.patch-game .light li:nth-child(24):before{bottom:.39vw;left:6%}
.patch-game .light li:nth-child(24):after{bottom:.39vw;left:1.5%}
.patch-game .light li:nth-child(25):before{bottom:4.89vw;left:1.3%}
.patch-game .light li:nth-child(25):after{bottom:9.39vw;left:1.3%}
.patch-game .light li:nth-child(26):before{bottom:13.89vw;left:1.3%}
.patch-game .light li:nth-child(26):after{bottom:18.39vw;left:1.3%}
.patch-game .light li:nth-child(27):before{bottom:22.89vw;left:1.3%}
.patch-game .light li:nth-child(27):after{bottom:27.39vw;left:1.3%}
.patch-game .light li:nth-child(28):before{bottom:31.89vw;left:1.3%}
.patch-game .light li:nth-child(28):after{bottom:36.39vw;left:1.3%}
.patch-game .light.shan li:before{background-position-x:-100%}
.patch-game .light.shan li:after{background-position-x:0}
.disbox{position:fixed;left:0;top:0;width:100%;height:100%;background-color:rgba(0,0,0,.7);opacity:0;z-index:-1;transition:all .5s;}
.disbox .box{position:absolute;left:50%;top:50%;padding:50px;transform:translate(-50%,-50%) scale(2);background-color:#fff;border-radius:10px;text-align:center;transition:all .5s;}
.disbox .box h3{line-height:40px;font-size:30px;font-weight:900;color:#e8000f;}
.disbox .box p{line-height:30px;margin:20px 0;font-size:18px;}
.disbox .box p i{color:#e8000f;}
.disbox .box span{display:inline-block;line-height:40px;padding:0 30px;font-size:20px;font-weight:bold;background-color:#e8000f;color:#fff;border-radius:5px;cursor:pointer;}
.disbox.on{opacity:1;z-index:9999;transition-delay:.5s;}
.disbox.on .box{transform:translate(-50%,-50%) scale(1);transition-delay:.5s;}


.main-nfc{display:flex;height:calc(100vh - 7.8vw);text-align:center;background-color:#000;}
.main-nfc h1,.main-nfc h2{line-height:5vw;margin-bottom:4vw;transform:translateY(4vw);font-size:4vw;color:#fff;transition:all .7s;}
.main-nfc h2{margin-bottom:2vw;}
.main-nfc p{line-height:2vw;transform:translateY(4vw);font-size:1.2vw;color:#fff;transition:all .7s;}
.main-nfc a{display:inline-block;line-height:3.9vw;padding:0 3vw;margin:0 1.5vw;font-size:1.6vw;color:#fff;border:1px solid #fff;border-radius:5vw;opacity:0;transition:all .7s;}
.main-nfc a:after{content:"➜";margin-left:0.5vw;}
.main-nfc .text{width:100%;}
.main-nfc .toindex{display:flex;align-items:center;width:50%;background-image:url(https://cdn.shopifycdn.net/s/files/1/0556/1860/1244/files/nfc-bg.jpg?v=1676962865);background-size:100vw auto;background-position:center;box-sizing:border-box;transition:all .7s;}
.main-nfc .toindex:hover{width:85%;}
.main-nfc .toindex:hover h1{transform:translateY(0);}
.main-nfc .toindex:hover a{opacity:1;}
.main-nfc .tospec{display:flex;align-items:center;width:50%;background-image:url(https://cdn.shopifycdn.net/s/files/1/0556/1860/1244/files/nfc-specbg.jpg?v=1677634837);background-size:64.53vw auto;background-position:center;box-sizing:border-box;transition:all .7s;}
.main-nfc .tospec .text img{width:auto !important;height:2vw !important;margin-bottom:1vw;transform:translateY(4vw);transition:all .7s;}
.main-nfc .tospec:hover{width:85%;}
.main-nfc .tospec:hover h2{transform:translateY(0);}
.main-nfc .tospec:hover img{transform:translateY(0);}
.main-nfc .tospec:hover a{opacity:1;}
.main-nfc.index{height:100%;}


.vtbox{margin-bottom:6vw;overflow:hidden}
.vtbox .videobox{float:left;width:60%;height:24.6vw}
.vtbox .text{float:right;width:40%;height:24.6vw;padding:3vw 3vw 0;background-color:#fff;box-sizing:border-box}
.vtbox .text h3{margin-bottom:2vw;}
.videobox{position:relative}
.videobox i{position:absolute;left:2vw;top:2vw;width:60px;height:60px;border-radius:50%;background-image:url(https://cdn.shopifycdn.net/s/files/1/0556/1860/1244/files/jingyin.svg?v=1669709477);background-size:100% 100%;cursor:pointer;z-index:2;opacity:.3}
.videobox i.play{background-image:url(https://cdn.shopifycdn.net/s/files/1/0556/1860/1244/files/bofang.svg?v=1669709335)}
.videobox video{width:100%;height:auto}


.product-single__media-group{position:relative}
.product-single__media-group .btn{display:none;position:absolute;top:250px;line-height:40px;margin-top:-20px;font-size:36px;font-family:Simsun;font-weight:700;cursor:pointer}
.product-single__media-group .btn:hover{color:var(--color-sale-text)}
.product-single__media-group .prev{left:0}
.product-single__media-group .next{right:0}
.product-single__meta .selbox ul{overflow:hidden}
.product-single__meta .selbox ul li{float:left;width:40px;height:40px;padding:3px;margin-right:15px;border:3px solid #f4f4f4;box-sizing:border-box;border-radius:50%;cursor:pointer}
.product-single__meta .selbox ul li:after{content:"";display:block;width:100%;height:100%;border-radius:50%}
.product-single__meta .selbox ul li.on{border-color:#000}
.product-single__meta .selbox ul li.Black:after{background-color:#000}
.product-single__meta .selbox ul li.White:after{background-color:#fff}
.product-single__meta .selbox ul li.Yellow:after{background-color:#fae25d}
.a-point{position:relative;display:block;height:0;overflow:hidden}
.marno{margin-top:0;padding-top:0!important}


.main-cart{padding:5vw 0;}
.main-cart .title{margin-bottom:5vw;text-align:center;}
.main-cart .title h1{line-height:60px;margin-bottom:20px;font-size:50px;}
.main-cart .title a{display:inline-block;line-height:25px;font-size:16px;color:#e8000f;border-bottom:1px solid #e8000f;}
.main-cart .cont table{width:100%;}
.main-cart .cont table th{padding:10px 0 20px;border-bottom:1px solid #ddd;text-align:left;font-size:18px;}
.main-cart .cont table th.box-pro{width:50%;}
.main-cart .cont table th.box-price{width:15%;}
.main-cart .cont table th.box-count{width:15%;}
.main-cart .cont table th.box-total{width:15%;}
.main-cart .cont table th.box-func{width:5%;}
.main-cart .cont table td{padding:20px 0;border-bottom:1px solid #ddd;}
.main-cart .cont table td p{line-height:30px;font-size:16px;}
.main-cart .cont table td input{width:60px;height:40px;border:1px solid #aaa;text-align:center;}
.main-cart .cont table td .del{display:inline-block;line-height:25px;font-size:16px;border-bottom:1px solid #e8000f;color:#e8000f;cursor:pointer;}
.main-cart .cont table td .pro{display:flex;align-items:center;}
.main-cart .cont table td .pro .cid{display:none;}
.main-cart .cont table td .pro .pic{width:100px;height:100px;margin-right:40px;overflow:hidden;}
.main-cart .cont table td .pro .pic img{width:100%;height:auto;}
.main-cart .cont table td .pro .info h3{line-height:30px;margin-bottom:10px;font-size:24px;}
.main-cart .cont table td .pro .info p{line-height:30px;font-size:16px;}
.main-cart .cont .checkout{margin-top:40px;text-align:right;}
.main-cart .cont .checkout .subtotal{line-height:30px;margin-bottom:40px;font-size:24px;}
.main-cart .cont .checkout .subtotal strong{margin-right:40px;}
.main-cart .cont .checkout .settlement{width:100px;height:40px;cursor:pointer;font-size:18px;}
.main-cart .none{display:none;text-align:center;}
.main-cart .hasorder{display:none;line-height:25px;margin-right:20px;font-size:16px;border-bottom:1px solid #e8000f;color:#e8000f;cursor:pointer;}
.main-cart .hasorder.on{display:inline-block;}



.main-checkout{padding:5vw 0;}
.main-checkout h1{line-height:50px;margin-bottom:40px;font-size:40px;text-align:center;}
.main-checkout h2{line-height:30px;margin-bottom:30px;font-size:24px;}
.main-checkout .receipt{padding:40px 0;border-top:1px solid #ccc;}
.main-checkout .receipt dd{position:relative;display:block;min-height:40px;padding-left:120px;margin-left:0;margin-bottom:20px;}
.main-checkout .receipt dd label{position:absolute;left:0;top:0;line-height:40px;font-size:16px;color:#000;}
.main-checkout .receipt dd label i{color:#ff0000;}
.main-checkout .receipt dd input{width:630px;max-width:100%;height:40px;padding:0 15px;border:1px solid #ccc;box-sizing:border-box;font-size:14px;}
.main-checkout .receipt dd input::-webkit-input-placeholder{color:#aaa;}
.main-checkout .receipt dd textarea{width:630px;max-width:100%;height:120px;line-height:20px;padding:10px 15px;border:1px solid #ccc;box-sizing:border-box;font-size:14px;}
.main-checkout .receipt dd textarea::-webkit-input-placeholder{color:#aaa;}
.main-checkout .receipt dd .pcadd{display:flex;}
.main-checkout .receipt dd .pcadd ul{display:none;max-height:300px;border:1px solid #ccc;background-color:#fff;overflow-y:auto;}
.main-checkout .receipt dd .pcadd ul.open{display:block;}
.main-checkout .receipt dd .pcadd li{line-height:30px;padding:0 15px;font-size:14px;cursor:pointer;}
.main-checkout .receipt dd .pcadd li:hover{background-color:#f1f1f1;}
.main-checkout .receipt dd .pcadd > div{position:relative;width:300px;box-sizing:border-box;cursor:pointer;}
.main-checkout .receipt dd .pcadd > div p{position:relative;line-height:38px;padding:0 15px;font-size:14px;background-color:#fff;border:1px solid #ccc;color:#aaa;}
.main-checkout .receipt dd .pcadd > div p span{display:none;position:absolute;left:0;top:0;width:100%;height:100%;padding:0 15px;background-color:#fff;box-sizing:border-box;color:#333;}
.main-checkout .receipt dd .pcadd > div p span.seled{display:block;}
.main-checkout .receipt dd .pcadd > div p:hover{background-color:#f1f1f1;}
.main-checkout .receipt dd .pcadd > div p:hover span{background-color:#f1f1f1;}
.main-checkout .receipt dd .pcadd > div:after{content:"";position:absolute;right:10px;top:17px;border:7px solid transparent;border-top-color:#666;z-index:2;}
.main-checkout .receipt dd .pcadd .province{margin-right:30px;}
.main-checkout .prolist{padding:40px 0;border-top:1px solid #ccc;}
.main-checkout .prolist table{width:100%;}
.main-checkout .prolist table th{padding:10px 0;border-bottom:1px solid #ddd;text-align:left;font-size:14px;font-weight:normal;}
.main-checkout .prolist table th.box-pro{width:55%;}
.main-checkout .prolist table th.box-price{width:15%;}
.main-checkout .prolist table th.box-count{width:15%;}
.main-checkout .prolist table th.box-total{width:15%;}
.main-checkout .prolist table td{padding:20px 0;border-bottom:1px solid #ddd;}
.main-checkout .prolist table td p{line-height:30px;font-size:14px;}
.main-checkout .prolist table td input{width:60px;height:40px;border:1px solid #aaa;text-align:center;}
.main-checkout .prolist table td .del{display:inline-block;line-height:25px;font-size:16px;border-bottom:1px solid #e8000f;color:#e8000f;cursor:pointer;}
.main-checkout .prolist table td .pro{display:flex;align-items:center;}
.main-checkout .prolist table td .pro .pic{width:100px;height:100px;margin-right:40px;overflow:hidden;}
.main-checkout .prolist table td .pro .pic img{width:100%;height:auto;}
.main-checkout .prolist table td .pro .info h3{line-height:25px;margin-bottom:5px;font-size:16px;}
.main-checkout .prolist table td .pro .info p{line-height:25px;font-size:14px;}
.main-checkout .prolist .subtotal{line-height:30px;margin:40px 0;font-size:24px;text-align:right;}
.main-checkout .prolist .subtotal strong{display:inline-block;vertical-align:top;margin-right:40px;}
.main-checkout .prolist .subtotal span{display:inline-block;vertical-align:top;}
.main-checkout .prolist .subtotal label{display:none;vertical-align:top;color:red;}
.main-checkout .prolist .subtotal.hdis span{color:#999;text-decoration:line-through;}
.main-checkout .prolist .subtotal.hdis label{display:inline-block;}
.main-checkout .prolist .discount{text-align:right;font-size:0;margin-bottom:40px;}
.main-checkout .prolist .discount strong{display:inline-block;vertical-align:top;line-height:40px;font-size:18px;}
.main-checkout .prolist .discount .discode{width:228px;height:40px;margin:0 20px;padding:0 10px;border:1px solid #ccc;box-sizing:border-box;}
.main-checkout .prolist .discount .sub{width:60px;height:40px;cursor:pointer;background-color:#e8000f;font-size:16px;color:#fff;border-radius:5px;}
.main-checkout .prolist .discount .sub.load{background-image:url(/images);background-size:auto 70%;background-position:center;background-repeat:no-repeat;font-size:0;}
.main-checkout .prolist .payway{margin-bottom:40px;text-align:right;font-size:0;}
.main-checkout .prolist .payway strong{display:inline-block;vertical-align:top;line-height:40px;font-size:18px;}
.main-checkout .prolist .payway span{display:inline-block;line-height:30px;padding:5px 20px;margin-left:20px;font-size:16px;background-color:#fff;border:1px solid #ccc;cursor:pointer;}
.main-checkout .prolist .payway span:before{content:"";display:inline-block;width:20px;height:20px;margin-right:10px;background-size:100% 100%;vertical-align:middle;}
.main-checkout .prolist .payway span.on{padding:4px 19px;border:2px solid #e8000f;}
.main-checkout .prolist .payway span.disabled{opacity:0.5;cursor:not-allowed;}
.main-checkout .prolist .payway .alipay:before{background-image:url(/images/alipay.png);}
.main-checkout .prolist .payway .wechat:before{background-image:url(/images/wechat.png);}
.main-checkout .prolist .pay{float:right;width:200px;height:50px;font-size:18px;cursor:pointer;background-color:#000;color:#fff;border:none;border-radius:5px;}


.main-result{padding:100px 0;text-align:center;}
.main-result .status img{width:80px;height:auto;}
.main-result .status p{line-height:25px;margin:20px 0;font-size:18px;}
.main-result .status h1{line-height:40px;font-size:36px;}
.main-result .status h1 i{font-size:24px;}
.main-result .info{width:420px;margin:55px auto;}
.main-result .info li{line-height:36px;font-size:16px;overflow:hidden;}
.main-result .info li span{float:left;color:#999;}
.main-result .info li p{float:right;color:#000;}
.main-result .btn{display:inline-block;line-height:45px;padding:0 60px;background-color:#0b5bd3;color:#fff;font-size:16px;border-radius:60px;}
.main-result .back{display:inline-block;line-height:45px;padding:0 60px;margin-right:20px;background-color:#e8e8e8;color:#333;font-size:16px;border-radius:60px;}
.main-result .tip{line-height:25px;margin-top:40px;font-size:14px;}


.main-wxpay{padding:5vw 0;}
.main-wxpay .cont{width:700px;height:460px;padding-top:30px;margin:0 auto;text-align:left;background-image:url(/images/wxpay.jpg);background-size:auto 100%;background-position:center right;background-repeat:no-repeat;box-sizing:border-box;}
.main-wxpay h1{line-height:40px;margin-bottom:-64px;font-size:32px;}
.main-wxpay .cont span{display:block;line-height:20px;margin-bottom:10px;font-size:14px;}
.main-wxpay .cont span i{color:#ff0000;}
.main-wxpay .cont .box{width:250px;}
.main-wxpay .cont .box img{border:1px solid #eee;}
.main-wxpay .cont .box p{position:relative;line-height:25px;padding:10px 10px 10px 80px;margin:10px 0 30px;font-size:16px;background-color:#04b204;color:#fff;}
.main-wxpay .cont .box p:after{content:"";position:absolute;left:20px;top:15px;width:40px;height:40px;background-image:url(/images/scan-icon.png);background-size:100% 100%;}
.main-wxpay .cont .box a{font-size:16px;color:#2150ff;}