@charset "utf-8";
blockquote,body,button,dd,dl,dt,fieldset,form,h1,h2,h3,h4,h5,h6,hr,input,legend,li,ol,p,pre,td,textarea,th,ul{margin:0;padding:0;outline:0 none;-webkit-tap-highlight-color:rgba(0,0,0,0);-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box}
body{font:12px/1.5 Arial,"Hiragino Sans GB",source,'\5FAE\8F6F\96C5\9ED1',tahoma,sans-serif;background:#000;color:#000}
a{outline:0 none;cursor:pointer;text-decoration:none;color:#fff}
a:hover{text-decoration:none}
ol,ul{list-style:none}
img{border:0 none;vertical-align:middle}
em,i{font-style:normal;font-weight:400}
h1,h2,h3,h4{font-weight:400}
table{border-collapse:collapse;border-spacing:0;width:100%}
.fl,.fr{display:inline;float:left}
.fr{float:right}
.pr{position:relative}
.pa{position:absolute}
.pf{position:fixed}
[class*=btn]{display:block;background-repeat:no-repeat;background-size:100% 100%}
.bg{background-repeat:no-repeat;background-size:100% 100%}
.df{display:flex;display:-webkit-flex;-webkit-align-items:center;-webkit-justify-content:center;align-items:center;justify-content:center}
.dg{display:grid;display:-ms-grid;grid-auto-columns:1fr;-ms-grid-row:auto;grid-template-rows:auto}
.pup,[class*=pup]{top:50%;left:50%;background-repeat:no-repeat;background-size:100% 100%;-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%);z-index:102}
input::-webkit-input-placeholder,textarea::-webkit-input-placeholder{color:#bdc0c4}
input:-moz-placeholder,textarea:-moz-placeholder{color:#bdc0c4}
input:-ms-input-placeholder,textarea:-ms-input-placeholder{color:#bdc0c4}
.thickdiv{position:fixed;top:0;left:0;width:100%;height:100%;background:#000;border:0 none;opacity:.5;filter:alpha(opacity=50);z-index:101}
.btn-black,.btn-border,.btn-green,.btn-white{ padding: 0 .25rem; width: fit-content; height:.66rem;background:#b5e50d;text-align:center;font-family:Inter-Medium; line-height:.66rem;font-size:.16rem;color:#000;-webkit-border-radius:.08rem;border-radius:.08rem}
.btn-border{background:0 0;border:.02rem #000 solid}
.btn-black img,.btn-green img,.btn-white img{ position: relative; top: -.02rem; margin:0 .05rem;height:.24rem;vertical-align:middle}
.btn-black{background:#000;color:#fff}
.btn-white{background:#fff;color:#000}
@font-face{font-family:Inter-Medium;src:url(../images/fonts/Inter-Medium.otf) format('truetype');font-weight:400;font-style:normal}
@font-face{font-family:Inter-Bold;src:url(../images/fonts/Inter-Bold.otf) format('truetype');font-weight:400;font-style:normal}
@font-face{font-family:Inter-Regular;src:url(../images/fonts/Inter-Regular.otf) format('truetype');font-weight:400;font-style:normal}
@font-face{font-family:Inter-SemiBold;src:url(../images/fonts/Inter-SemiBold.otf) format('truetype');font-weight:400;font-style:normal}

:root{ 
    --top-height:.9rem;
    --content-width:12rem;
 }

.wrapper{font-size:.16rem;color:#fff;font-family:Inter-Medium; overflow-x: hidden;}
.container{margin:0 auto;width:var( --content-width);}

.header{top:0;left:0;right:0; height: var(--top-height); z-index:15}
.header.header-fixed{ background: #000; z-index: 99; }
.header .container{height: 100%; -webkit-justify-content: space-between; justify-content: space-between; line-height:2;}
.header .logo{ position: relative; z-index: 2; width:2.92rem;}
.header .logo img{width:100%;}
.header .nav{display:flex; height: 100%; column-gap:.48rem;font-family: Inter-Regular; -webkit-justify-content:flex-end; justify-content:flex-end; -webkit-align-items:center; align-items:center; z-index:1}
.header .nav .active{ color: #fff; }
.header .nav a{ position: relative; }
.header [class*="nav-"]{ height: 100%; }
.header [class*="nav-"] .text{ cursor: pointer; }
.header [class*="float-"]{ top: .7rem; padding: .15rem .1rem; left: 50%; width: 1.5rem; background: #fff; text-align: center; color: #000; border: .01rem #ddd solid; -webkit-border-radius: .08rem; border-radius: .08rem; -webkit-transform: translateX(-50%); transform: translateX(-50%); z-index: 999; display: none; }
.header .float-code{ width: 3.8rem; font-size: .14rem; box-sizing: border-box; }
.header .float-code .flex-cont{ display: flex; -webkit-justify-content: center; justify-content: center; -webkit-align-items: center; align-items: center; }
.header .float-code .flex-cont .code-cont{ padding: 0 .1rem; }
.header .float-code .flex-cont .code-cont:first-child{ border-right: .01rem rgba(220,220,220,0.5) solid; }
.header .float-code .img img{ width: .83rem; border: .01rem #eaeaea solid; }
.header .float-code .desc{ font-family:Inter-Regular; font-size: .14rem; }
.header .float-code .btn-black{ margin: .1rem 0; padding: 0 .15rem; width: 100%; font-size: .14rem; height: .4rem; line-height: .4rem; box-sizing: border-box; }
.header [class*="nav-"].show [class*="float-"] { display: block; }
.header .float-contact{ width: 2.8rem; font-size: .14rem; box-sizing: border-box; }
.header .float-contact img{ margin-right: .1rem; height: .18rem; vertical-align: sub; }
.header .float-contact .email{ margin-bottom: .15rem; background: #ebebeb; -webkit-border-radius: .05rem; border-radius: .05rem; }
.header .float-contact .email a{font-family:Inter-SemiBold; color: #000; }
.header .float-contact .address{ margin-right: .05rem; text-align: left; -webkit-align-items:flex-start;  align-items:flex-start; }
.header .float-contact .address img{ margin-top: .05rem; margin-left: .15rem; }
.header .float-contact .address .text{ line-height: 1.8; }
.header [class*="nav-"]:hover [class*="float-"]{ display: block; }

.main{ background: #fff; }

.footer .container{ -webkit-align-items: flex-start; align-items: flex-start; font-family:Inter-Regular; }
.footer .con-top [class*="con-"]{ margin-top: .45rem; width: 25%; }
.footer .con-top [class*="con-"] .title{ margin-bottom: .2rem; font-size: .18rem; color: #ddd; }
.footer .con-top [class*="con-"] li,
.footer .con-top [class*="con-"] .text{ margin-bottom: .2rem; }
.footer .con-top .con-04{ text-align: right; }
.footer .con-top .con-04 .ico-bot{ height: .46rem; }
.footer .con-center{ padding: .2rem 0; border-top: .01rem #666 solid; border-bottom: .01rem #666 solid; color: #B8B8B8; }
.footer .con-center a{ color: #B8B8B8; }
.footer .con-center .container{ -webkit-justify-content: space-between; justify-content: space-between; }
.footer .con-center .line{ margin: 0 .15rem; color: #666666; }
.footer .con-bot{ margin-top: -.01rem; }
.footer .con-bot img{ width: 100%; }

.btn-close{ top: .4rem; right: .4rem; width:.27rem;height:.27rem;background:0 0;cursor:pointer;}
.btn-close span{display:block;position:absolute;height:.03rem;width:100%;background:#000;border-radius:.09rem;opacity:1;left:0;transform:rotate(0);transition:.25s ease-in-out}
.btn-close span:nth-of-type(1){transform:rotate(45deg);top: 50%;left: 0;}
.btn-close span:nth-of-type(2){width: 100%;transform:rotate(-45deg);top: .13rem;left: .0rem;}
.pup-tips{ padding: .4rem .35rem; background: #fff; color: #000; -webkit-border-radius: .2rem; border-radius: .2rem; }
.pup-tips .title{ margin-bottom: .4rem; font-size: .32rem; }
.pup-tips .float-contact{ width: 6rem; font-size: .28rem; box-sizing: border-box; }
.pup-tips .float-contact img{ margin-right: .1rem; height: .36rem; vertical-align: sub; }
.pup-tips .float-contact .email{ margin-bottom: .2rem; padding: .15rem .2rem; background: #ebebeb; -webkit-border-radius: .05rem; border-radius: .05rem; }
.pup-tips .float-contact .email a{ color: #000;}
.pup-tips .float-contact .address{ margin-right: .15rem; text-align: left; -webkit-align-items:flex-start;  align-items:flex-start; }
.pup-tips .float-contact .address img{ margin-top: .05rem; margin-left: .2rem; }


.header-inside{ background: #000; }
.agreement{ padding-bottom: 1rem; margin-top: var(--top-height); color: #000; overflow: hidden; }
.agreement .title{ margin: .7rem 0 .2rem; font-size: .48rem; font-family:Inter-SemiBold; }
.agreement .date{ font-size: .24rem; }

@media only screen and (min-width:781px){
a{-webkit-transition:transform 1s;transition:transform 1s}
a:hover{-webkit-transform:scale(.95);transform:scale(.95)}
.header{display:block}
.top{display:none}
}
@media only screen and (max-width:780px){
.header{ display:none}
.container{ padding: 0 .3rem; width:100%; box-sizing: border-box; }
.top{ display:flex; top: 0; left: 0; width: 100%; height: 1rem; background: #000; color: #fff; z-index: 99; -webkit-transition: height .5s;  transition: height .5s; }
.top.show{ height: 100%;}
.top .container{ padding: 0 .15rem; width: 100%; height: 1rem; background: #000;  -webkit-justify-content: space-between;  justify-content: space-between; box-sizing: border-box; z-index: 2; }
.top .logo img{ width: 3.6rem;}
.burger{ width:.4rem;height:.3rem;background:0 0;cursor:pointer;}
.burger span{display:block;position:absolute;height:.03rem;width:100%;background:#fff;border-radius:.09rem;opacity:1;left:0;transform:rotate(0);transition:.25s ease-in-out}
.burger span:nth-of-type(1){top:0;transform-origin:left center}
.burger span:nth-of-type(2){top:50%;transform:translateY(-50%);transform-origin:left center}
.burger span:nth-of-type(3){top:100%; width: 80%; transform-origin:left center;transform:translateY(-100%)}
.top.show .burger span:nth-of-type(1){transform:rotate(45deg);top:0;left:.05rem}
.top.show .burger span:nth-of-type(2){width:0%;opacity:0}
.top.show .burger span:nth-of-type(3){ width: 100%; transform:rotate(-45deg);top:.28rem;left:.05rem}
.top .menu-content{ top: 1rem; padding: .35rem; width: 100%; box-sizing: border-box; -webkit-transform: translateY(-100%);  transform: translateY(-100%); -webkit-transition: transform .5s; transition: transform .5s; z-index: 1; }
.top.show .menu-content{ -webkit-transform: translateY(0);  transform: translateY(0);}
.top .menu-content .title{ margin-bottom: .35rem; font-size: .36rem;}
/* .top .menu-content .title .arrow{ top: 50%; right: 0; width: .22rem; height: .14rem; background-image: url("../images/mobile_faq_arrow.png"); -webkit-transform: rotate(180deg); transform: rotate(180deg);  } */
.top .menu-content .menu-list.show .title .arrow{ -webkit-transform: rotate(0); transform: rotate(0); }
.top .menu-list .list{ max-height: 0; transition: all 0.25s ease-in-out; opacity: 0; }
.top .menu-list.show .list{ max-height: 100vh; opacity: 1; }
.top .menu-content .list li{ margin-bottom: .75rem; font-size: .32rem; color: #fff; }
.top .menu-content .list li.active,
.top .menu-content .list li.active a{ color: #4ad11a; }
.top .menu-content .list li a{ color: #fff;}

.btn-black,
.btn-border, 
.btn-green,.btn-white{ height: .88rem; font-size: .28rem; line-height: .88rem; vertical-align: baseline; }
.btn-black img,
.btn-border img, 
.btn-green img{ height: .37rem; }

.footer .con-top .container{ -webkit-flex-flow: column; flex-flow: column; }
.footer .con-top [class*="con-"]{ width: 100%; }
.footer .con-top [class*="con-"] .title{ font-size: .24rem; }
.footer .con-top [class*="con-"] .list,
.footer .con-top [class*="con-"] .text{ font-size: .28rem; }
.footer .con-top .con-04{display: none; }
.footer .con-bot{ padding: 0 .3rem; box-sizing: border-box; }

}