@charset "utf-8";
/* CSS Document design by ka.113you.com */
body{--red:#e54d42;--orange:#f37b1d;--yellow:#fbbd08;--olive:#8dc63f;--green:#39b54a;--cyan:#1cbbb4;--blue:#0081ff;--purple:#6739b6;--mauve:#9c26b0;--pink:#e03997;--brown:#a5673f;--grey:#8799a3;--black:#333333;--darkGray:#666666;--gray:#aaaaaa;--ghostWhite:#f1f1f1;--white:#ffffff;--redLight:#fadbd9;--orangeLight:#fde6d2;--yellowLight:#fef2ce;--oliveLight:#e8f4d9;--greenLight:#d7f0db;--cyanLight:#d2f1f0;--blueLight:#cce6ff;--purpleLight:#e1d7f0;--mauveLight:#ebd4ef;--pinkLight:#f9d7ea;--brownLight:#ede1d9;--greyLight:#e7ebed;--gradualRed:linear-gradient(45deg, #f43f3b, #ec008c);--gradualOrange:linear-gradient(45deg, #ff9700, #ed1c24);--gradualGreen:linear-gradient(45deg, #39b54a, #8dc63f);--gradualPurple:linear-gradient(45deg, #9000ff, #5e00ff);--gradualPink:linear-gradient(45deg, #ec008c, #6739b6);--gradualBlue:linear-gradient(45deg, #0081ff, #1cbbb4);--ShadowSize:0.06rem 0.06rem 0.08rem;--redShadow:rgba(204, 69, 59, 0.2);--orangeShadow:rgba(217, 109, 26, 0.2);--yellowShadow:rgba(224, 170, 7, 0.2);--oliveShadow:rgba(124, 173, 55, 0.2);--greenShadow:rgba(48, 156, 63, 0.2);--cyanShadow:rgba(28, 187, 180, 0.2);--blueShadow:rgba(0, 102, 204, 0.2);--purpleShadow:rgba(88, 48, 156, 0.2);--mauveShadow:rgba(133, 33, 150, 0.2);--pinkShadow:rgba(199, 50, 134, 0.2);--brownShadow:rgba(140, 88, 53, 0.2);--greyShadow:rgba(114, 130, 138, 0.2);--grayShadow:rgba(114, 130, 138, 0.2);--blackShadow:rgba(26, 26, 26, 0.2);background-color:var(--ghostWhite);font-size:.28rem;color:var(--black);font-family:Helvetica Neue,Helvetica,sans-serif}
a,button,div,img,input,textarea{box-sizing:border-box}
.round{border-radius:50rem}
.radius{border-radius:.06rem}
img{max-width:100%;display:inline-block;position:relative;z-index:0}
img.loading::before{content:"";background-color:#f5f5f5;display:block;position:absolute;width:100%;height:100%;z-index:-2}
img.loading::after{content:"\e7f1";font-family:cuIcon;position:absolute;top:0;left:0;width:.32rem;height:.32rem;line-height:.32rem;right:0;bottom:0;z-index:-1;font-size:.32rem;margin:auto;color:#ccc;-webkit-animation:cuIcon-spin 2s infinite linear;animation:cuIcon-spin 2s infinite linear;display:block}
.response{width:100%}
.dashed,.dashed-bottom,.dashed-left,.dashed-right,.dashed-top,.solid,.solid-bottom,.solid-left,.solid-right,.solid-top,.solids,.solids-bottom,.solids-left,.solids-right,.solids-top{position:relative}
.dashed-bottom::after,.dashed-left::after,.dashed-right::after,.dashed-top::after,.dashed::after,.solid-bottom::after,.solid-left::after,.solid-right::after,.solid-top::after,.solid::after,.solids-bottom::after,.solids-left::after,.solids-right::after,.solids-top::after,.solids::after{content:" ";width:200%;height:200%;position:absolute;top:0;left:0;border-radius:inherit;transform:scale(.5);transform-origin:0 0;pointer-events:none;box-sizing:border-box}
.solid::after{border:.01rem solid rgba(0,0,0,.1)}
.solid-top::after{border-top:.01rem solid rgba(0,0,0,.1)}
.solid-right::after{border-right:.01rem solid rgba(0,0,0,.1)}
.solid-bottom::after{border-bottom:.01rem solid rgba(0,0,0,.1)}
.solid-left::after{border-left:.01rem solid rgba(0,0,0,.1)}
.solids::after{border:.08rem solid #eee}
.solids-top::after{border-top:.08rem solid #eee}
.solids-right::after{border-right:.08rem solid #eee}
.solids-bottom::after{border-bottom:.08rem solid #eee}
.solids-left::after{border-left:.08rem solid #eee}
.dashed::after{border:.01rem dashed #ddd}
.dashed-top::after{border-top:.01rem dashed #ddd}
.dashed-right::after{border-right:.01rem dashed #ddd}
.dashed-bottom::after{border-bottom:.01rem dashed #ddd}
.dashed-left::after{border-left:.01rem dashed #ddd}
.shadow[class*=white]{--ShadowSize:0 0.01rem 0.06rem}
.shadow-lg{--ShadowSize:0rem 0.4rem 1rem 0rem}
.shadow-warp{position:relative;box-shadow:0 0 .1rem rgba(0,0,0,.1)}
.shadow-warp:after,.shadow-warp:before{position:absolute;content:"";top:.2rem;bottom:.3rem;left:.2rem;width:50%;box-shadow:0 .3rem .2rem rgba(0,0,0,.2);transform:rotate(-3deg);z-index:-1}
.shadow-warp:after{right:.2rem;left:auto;transform:rotate(3deg)}
.shadow-blur{position:relative}
.shadow-blur::before{content:"";display:block;background:inherit;filter:blur(.1rem);position:absolute;width:100%;height:100%;top:.1rem;left:.1rem;z-index:-1;opacity:.4;transform-origin:0 0;border-radius:inherit;transform:scale(1,1)}
.block{display:block}
.flex{display:flex}
.basis-xs{flex-basis:20%}
.basis-sm{flex-basis:40%}
.basis-df{flex-basis:50%}
.basis-lg{flex-basis:60%}
.basis-xl{flex-basis:80%}
.flex-sub{flex:1}
.flex-twice{flex:2}
.flex-treble{flex:3}
.flex-direction{flex-direction:column}
.flex-wrap{flex-wrap:wrap}
.align-start{align-items:flex-start}
.align-end{align-items:flex-end}
.align-center{align-items:center}
.align-stretch{align-items:stretch}
.self-start{align-self:flex-start}
.self-center{align-self:flex-center}
.self-end{align-self:flex-end}
.self-stretch{align-self:stretch}
.align-stretch{align-items:stretch}
.justify-start{justify-content:flex-start}
.justify-end{justify-content:flex-end}
.justify-center{justify-content:center}
.justify-between{justify-content:space-between}
.justify-around{justify-content:space-around}
.margin-0{margin:0}
.margin-xs{margin:.1rem}
.margin-sm{margin:.2rem}
.margin{margin:.3rem}
.margin-lg{margin:.4rem}
.margin-xl{margin:.5rem}
.margin-top-xs{margin-top:.1rem}
.margin-top-sm{margin-top:.2rem}
.margin-top{margin-top:.3rem}
.margin-top-lg{margin-top:.4rem}
.margin-top-xl{margin-top:.5rem}
.margin-right-xs{margin-right:.1rem}
.margin-right-sm{margin-right:.2rem}
.margin-right{margin-right:.3rem}
.margin-right-lg{margin-right:.4rem}
.margin-right-xl{margin-right:.5rem}
.margin-bottom-xs{margin-bottom:.1rem}
.margin-bottom-sm{margin-bottom:.2rem}
.margin-bottom{margin-bottom:.3rem}
.margin-bottom-lg{margin-bottom:.4rem}
.margin-bottom-xl{margin-bottom:.5rem}
.margin-left-xs{margin-left:.1rem}
.margin-left-sm{margin-left:.2rem}
.margin-left{margin-left:.3rem}
.margin-left-lg{margin-left:.4rem}
.margin-left-xl{margin-left:.5rem}
.margin-lr-xs{margin-left:.1rem;margin-right:.1rem}
.margin-lr-sm{margin-left:.2rem;margin-right:.2rem}
.margin-lr{margin-left:.3rem;margin-right:.3rem}
.margin-lr-lg{margin-left:.4rem;margin-right:.4rem}
.margin-lr-xl{margin-left:.5rem;margin-right:.5rem}
.margin-tb-xs{margin-top:.1rem;margin-bottom:.1rem}
.margin-tb-sm{margin-top:.2rem;margin-bottom:.2rem}
.margin-tb{margin-top:.3rem;margin-bottom:.3rem}
.margin-tb-lg{margin-top:.4rem;margin-bottom:.4rem}
.margin-tb-xl{margin-top:.5rem;margin-bottom:.5rem}
.padding-0{padding:0}
.padding-xs{padding:.1rem}
.padding-sm{padding:.2rem}
.padding{padding:.3rem}
.padding-lg{padding:.4rem}
.padding-xl{padding:.5rem}
.padding-top-xs{padding-top:.1rem}
.padding-top-sm{padding-top:.2rem}
.padding-top{padding-top:.3rem}
.padding-top-lg{padding-top:.4rem}
.padding-top-xl{padding-top:.5rem}
.padding-right-xs{padding-right:.1rem}
.padding-right-sm{padding-right:.2rem}
.padding-right{padding-right:.3rem}
.padding-right-lg{padding-right:.4rem}
.padding-right-xl{padding-right:.5rem}
.padding-bottom-xs{padding-bottom:.1rem}
.padding-bottom-sm{padding-bottom:.2rem}
.padding-bottom{padding-bottom:.3rem}
.padding-bottom-lg{padding-bottom:.4rem}
.padding-bottom-xl{padding-bottom:.5rem}
.padding-left-xs{padding-left:.1rem}
.padding-left-sm{padding-left:.2rem}
.padding-left{padding-left:.3rem}
.padding-left-lg{padding-left:.4rem}
.padding-left-xl{padding-left:.5rem}
.padding-lr-xs{padding-left:.1rem;padding-right:.1rem}
.padding-lr-sm{padding-left:.2rem;padding-right:.2rem}
.padding-lr{padding-left:.3rem;padding-right:.3rem}
.padding-lr-lg{padding-left:.4rem;padding-right:.4rem}
.padding-lr-xl{padding-left:.5rem;padding-right:.5rem}
.padding-tb-xs{padding-top:.1rem;padding-bottom:.1rem}
.padding-tb-sm{padding-top:.2rem;padding-bottom:.2rem}
.padding-tb{padding-top:.3rem;padding-bottom:.3rem}
.padding-tb-lg{padding-top:.4rem;padding-bottom:.4rem}
.padding-tb-xl{padding-top:.5rem;padding-bottom:.5rem}
.cf::after,.cf::before{content:" ";display:table}
.cf::after{clear:both}
.fl{float:left}
.fr{float:right}
.line-red::after,.lines-red::after{border-color:var(--red)}
.line-orange::after,.lines-orange::after{border-color:var(--orange)}
.line-yellow::after,.lines-yellow::after{border-color:var(--yellow)}
.line-olive::after,.lines-olive::after{border-color:var(--olive)}
.line-green::after,.lines-green::after{border-color:var(--green)}
.line-cyan::after,.lines-cyan::after{border-color:var(--cyan)}
.line-blue::after,.lines-blue::after{border-color:var(--blue)}
.line-purple::after,.lines-purple::after{border-color:var(--purple)}
.line-mauve::after,.lines-mauve::after{border-color:var(--mauve)}
.line-pink::after,.lines-pink::after{border-color:var(--pink)}
.line-brown::after,.lines-brown::after{border-color:var(--brown)}
.line-grey::after,.lines-grey::after{border-color:var(--grey)}
.line-gray::after,.lines-gray::after{border-color:var(--gray)}
.line-black::after,.lines-black::after{border-color:var(--black)}
.line-white::after,.lines-white::after{border-color:var(--white)}
.bg-red{background-color:var(--red);color:var(--white)}
.bg-orange{background-color:var(--orange);color:var(--white)}
.bg-yellow{background-color:var(--yellow);color:var(--black)}
.bg-olive{background-color:var(--olive);color:var(--white)}
.bg-green{background-color:var(--green);color:var(--white)}
.bg-cyan{background-color:var(--cyan);color:var(--white)}
.bg-blue{background-color:var(--blue);color:var(--white)}
.bg-purple{background-color:var(--purple);color:var(--white)}
.bg-mauve{background-color:var(--mauve);color:var(--white)}
.bg-pink{background-color:var(--pink);color:var(--white)}
.bg-brown{background-color:var(--brown);color:var(--white)}
.bg-grey{background-color:var(--grey);color:var(--white)}
.bg-gray{background-color:#f0f0f0;color:var(--black)}
.bg-black{background-color:var(--black);color:var(--white)}
.bg-white{background-color:var(--white);color:var(--darkGray)}
.bg-shadeTop{background-image:linear-gradient(#000,rgba(0,0,0,.01));color:var(--white)}
.bg-shadeBottom{background-image:linear-gradient(rgba(0,0,0,.01),#000);color:var(--white)}
.bg-red.light{color:var(--red);background-color:var(--redLight)}
.bg-orange.light{color:var(--orange);background-color:var(--orangeLight)}
.bg-yellow.light{color:var(--yellow);background-color:var(--yellowLight)}
.bg-olive.light{color:var(--olive);background-color:var(--oliveLight)}
.bg-green.light{color:var(--green);background-color:var(--greenLight)}
.bg-cyan.light{color:var(--cyan);background-color:var(--cyanLight)}
.bg-blue.light{color:var(--blue);background-color:var(--blueLight)}
.bg-purple.light{color:var(--purple);background-color:var(--purpleLight)}
.bg-mauve.light{color:var(--mauve);background-color:var(--mauveLight)}
.bg-pink.light{color:var(--pink);background-color:var(--pinkLight)}
.bg-brown.light{color:var(--brown);background-color:var(--brownLight)}
.bg-grey.light{color:var(--grey);background-color:var(--greyLight)}
.bg-gradual-red{background-image:var(--gradualRed);color:var(--white)}
.bg-gradual-orange{background-image:var(--gradualOrange);color:var(--white)}
.bg-gradual-green{background-image:var(--gradualGreen);color:var(--white)}
.bg-gradual-purple{background-image:var(--gradualPurple);color:var(--white)}
.bg-gradual-pink{background-image:var(--gradualPink);color:var(--white)}
.bg-gradual-blue{background-image:var(--gradualBlue);color:var(--white)}
.shadow[class*="-red"]{box-shadow:var(--ShadowSize) var(--redShadow)}
.shadow[class*="-orange"]{box-shadow:var(--ShadowSize) var(--orangeShadow)}
.shadow[class*="-yellow"]{box-shadow:var(--ShadowSize) var(--yellowShadow)}
.shadow[class*="-olive"]{box-shadow:var(--ShadowSize) var(--oliveShadow)}
.shadow[class*="-green"]{box-shadow:var(--ShadowSize) var(--greenShadow)}
.shadow[class*="-cyan"]{box-shadow:var(--ShadowSize) var(--cyanShadow)}
.shadow[class*="-blue"]{box-shadow:var(--ShadowSize) var(--blueShadow)}
.shadow[class*="-purple"]{box-shadow:var(--ShadowSize) var(--purpleShadow)}
.shadow[class*="-mauve"]{box-shadow:var(--ShadowSize) var(--mauveShadow)}
.shadow[class*="-pink"]{box-shadow:var(--ShadowSize) var(--pinkShadow)}
.shadow[class*="-brown"]{box-shadow:var(--ShadowSize) var(--brownShadow)}
.shadow[class*="-grey"]{box-shadow:var(--ShadowSize) var(--greyShadow)}
.shadow[class*="-gray"]{box-shadow:var(--ShadowSize) var(--grayShadow)}
.shadow[class*="-black"]{box-shadow:var(--ShadowSize) var(--blackShadow)}
.shadow[class*="-white"]{box-shadow:var(--ShadowSize) var(--blackShadow)}
.text-shadow[class*="-red"]{text-shadow:var(--ShadowSize) var(--redShadow)}
.text-shadow[class*="-orange"]{text-shadow:var(--ShadowSize) var(--orangeShadow)}
.text-shadow[class*="-yellow"]{text-shadow:var(--ShadowSize) var(--yellowShadow)}
.text-shadow[class*="-olive"]{text-shadow:var(--ShadowSize) var(--oliveShadow)}
.text-shadow[class*="-green"]{text-shadow:var(--ShadowSize) var(--greenShadow)}
.text-shadow[class*="-cyan"]{text-shadow:var(--ShadowSize) var(--cyanShadow)}
.text-shadow[class*="-blue"]{text-shadow:var(--ShadowSize) var(--blueShadow)}
.text-shadow[class*="-purple"]{text-shadow:var(--ShadowSize) var(--purpleShadow)}
.text-shadow[class*="-mauve"]{text-shadow:var(--ShadowSize) var(--mauveShadow)}
.text-shadow[class*="-pink"]{text-shadow:var(--ShadowSize) var(--pinkShadow)}
.text-shadow[class*="-brown"]{text-shadow:var(--ShadowSize) var(--brownShadow)}
.text-shadow[class*="-grey"]{text-shadow:var(--ShadowSize) var(--greyShadow)}
.text-shadow[class*="-gray"]{text-shadow:var(--ShadowSize) var(--grayShadow)}
.text-shadow[class*="-black"]{text-shadow:var(--ShadowSize) var(--blackShadow)}
.bg-img{background-size:cover;background-position:center;background-repeat:no-repeat}
.bg-mask{background-color:var(--black);position:relative}
.bg-mask::after{content:"";border-radius:inherit;width:100%;height:100%;display:block;background-color:rgba(0,0,0,.4);position:absolute;left:0;right:0;bottom:0;top:0}
.bg-mask cover-view,.bg-mask view{z-index:5;position:relative}
.bg-video{position:relative}
.bg-video video{display:block;height:100%;width:100%;-o-object-fit:cover;object-fit:cover;position:absolute;top:0;z-index:0;pointer-events:none}
.text-xs{font-size:.2rem}
.text-sm{font-size:.24rem}
.text-df{font-size:.28rem}
.text-lg{font-size:.32rem}
.text-xl{font-size:.36rem}
.text-xxl{font-size:.44rem}
.text-sl{font-size:.8rem}
.text-xsl{font-size:1.2rem}
.text-Abc{text-transform:Capitalize}
.text-ABC{text-transform:Uppercase}
.text-abc{text-transform:Lowercase}
.text-price::before{content:"¥";font-size:80%;margin-right:.04rem}
.text-cut{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}
.text-bold{font-weight:700}
.text-center{text-align:center}
.text-content{line-height:1.6}
.text-left{text-align:left}
.text-right{text-align:right}
.line-red,.lines-red,.text-red{color:var(--red)}
.line-orange,.lines-orange,.text-orange{color:var(--orange)}
.line-yellow,.lines-yellow,.text-yellow{color:var(--yellow)}
.line-olive,.lines-olive,.text-olive{color:var(--olive)}
.line-green,.lines-green,.text-green{color:var(--green)}
.line-cyan,.lines-cyan,.text-cyan{color:var(--cyan)}
.line-blue,.lines-blue,.text-blue{color:var(--blue)}
.line-purple,.lines-purple,.text-purple{color:var(--purple)}
.line-mauve,.lines-mauve,.text-mauve{color:var(--mauve)}
.line-pink,.lines-pink,.text-pink{color:var(--pink)}
.line-brown,.lines-brown,.text-brown{color:var(--brown)}
.line-grey,.lines-grey,.text-grey{color:var(--grey)}
.line-gray,.lines-gray,.text-gray{color:var(--gray)}
.line-black,.lines-black,.text-black{color:var(--black)}
.line-white,.lines-white,.text-white{color:var(--white)}