/*
* Prefixed by https://autoprefixer.github.io
* PostCSS: v8.3.6,
* Autoprefixer: v10.3.1
* Browsers: last 4 version
*/

@charset "utf-8";
/* usually */
body {
  font-family: "Noto Serif JP", serif;
  font-size: 14px;
  color: #171717;
}
body,div,h1,h2,h3,h4,h5,h6,hr,p,span,blockquote,dl,dt,dd,ul,ol,li,pre,form,fieldset,legend,button,input,textarea,th,td,a,:after,:before{margin:0;padding:0;box-sizing: border-box;}
ul,ol,li{list-style:none;}
a{text-decoration: none;color: #171717}
.auto{margin-left:auto;margin-right:auto;}
.l{float:left;}.r{float:right;}.tc{text-align: center;}.ti2{text-indent: 2em;}
.db{display:block;}.dn{display:none;}.dib{display: inline-block;}
.ovh{overflow:hidden;}.rel{position:relative;}.abs{position:absolute;}
.fix:after{display:block;content:"clear";height:0;clear:both;overflow:hidden;visibility:hidden;}
.fix-flex:after{display:block;content:"clear";height:0;clear:both;overflow:hidden;visibility:hidden;}
.fix-web:after{display:block;content:"clear";height:0;clear:both;overflow:hidden;visibility:hidden;}
.fix-phone:after{display:block;content:"clear";height:0;clear:both;overflow:hidden;visibility:hidden;}
.img-responsive{max-width: 100%; height: auto; display: block;}
.ellipsis{-o-text-overflow: ellipsis;text-overflow: ellipsis; overflow: hidden; display: block; white-space: nowrap;}
.ellipsis1{-o-text-overflow: ellipsis;text-overflow: ellipsis; overflow: hidden; display: inline-block; white-space: nowrap;}
img {border:none;display: inline-block;height: auto;max-width: 100%;}
.swiper-slide {user-select: none;}
.showmenu.nav-ul-box {
  right:  0;
}
/*margin*/
.m0{margin: 0px;}
.m1{margin: 1px;}.ml1{margin-left: 1px;}.mt1{margin-top: 1px;}.mr1{margin-right: 1px;}.mb1{margin-bottom: 1px;}
.m2{margin: 2px;}.ml2{margin-left: 2px;}.mt2{margin-top: 2px;}.mr2{margin-right: 2px;}.mb2{margin-bottom: 2px;}
.m5{margin: 5px;}.ml5{margin-left: 5px;}.mt5{margin-top: 5px;}.mr5{margin-right: 5px;}.mb5{margin-bottom: 5px;}
.m10{margin: 10px;}.ml10{margin-left: 10px;}.mt10{margin-top: 10px;}.mr10{margin-right: 10px;}.mb10{margin-bottom: 10px;}
.m15{margin: 15px;}.ml15{margin-left: 15px;}.mt15{margin-top: 15px;}.mr15{margin-right: 15px;}.mb15{margin-bottom: 15px;}
.m20{margin: 20px;}.ml20{margin-left: 20px;}.mt20{margin-top: 20px;}.mr20{margin-right: 20px;}.mb20{margin-bottom: 20px;}
.mr25 {margin-right: 25px;}
/*padding*/
.p0{padding: 0px;}
.p1{padding: 1px;}.pl1{padding-left: 1px;}.pt1{padding-top: 1px;}.pr1{padding-right: 1px;}.pb1{padding-bottom: 1px;}
.p2{padding: 2px;}.pl2{padding-left: 2px;}.pt2{padding-top: 2px;}.pr2{padding-right: 2px;}.pb2{padding-bottom: 2px;}
.p5{padding: 5px;}.pl5{padding-left: 5px;}.pt5{padding-top: 5px;}.pr5{padding-right: 5px;}.pb5{padding-bottom: 5px;}
.p10{padding: 10px;}.pl10{padding-left: 10px;}.pt10{padding-top: 10px;}.pr10{padding-right: 10px;}.pb10{padding-bottom: 10px;}
.p15{padding: 15px;}.pl15{padding-left: 15px;}.pt15{padding-top: 15px;}.pr15{padding-right: 15px;}.pb15{padding-bottom: 15px;}
.p20{padding: 20px;}.pl20{padding-left: 20px;}.pt20{padding-top: 20px;}.pr20{padding-right: 20px;}.pb20{padding-bottom: 20px;}
.mt30 {margin-top: 30px;}
.mt40 {margin-top: 40px;}
.mt60 {margin-top: 60px;}
.mb25 {margin-bottom: 25px;}
.heigh100 {height: 100%;}

.icon-plus {display: inline-block;width: 18px;height: 18px;position: relative;cursor: pointer;}
.icon-plus::before,.icon-plus:after {content: "";display: block;width: 100%;height: 2px;background-color: rgba(255, 255, 255, .4);border-radius: 4px;position: absolute;left: 50%;transform: translate(-50%,-50%);top: 50%;transition: transform .3s ease-in;border-radius: 4px;}
.icon-plus:after {transform: translate(-50%,-50%) rotate(90deg);}
.icon-plus.rotate:after {transform: translate(-50%,-50%) rotate(0);}


.pages {
  text-align: center;
  padding: 40px 0;
}
.pages li {
  display: inline-flex;
  font-size: 12px;
  color: #000000;
  border: 1px solid rgba(0,0,0,0.1);
}
.pages li:hover {text-decoration: underline;}
.underline {text-decoration: underline;}
.pages li a {
  height:30px;
  display: inline-flex;
  justify-content: center;
  align-items: center;
  color: #000000;
  padding: 0 12px;
}

.pages li span {
  height:30px;
  display: inline-flex;
  justify-content: center;
  align-items: center;
  color: #FFFFFF;
  padding: 0 12px;
}

.pages .iconfont {font-size: 14px;}

.pages-select {
  -webkit-appearance: none;
  appearance:none;
  -moz-appearance: none;
  -webkit-appearance: none;
  background: url(../img/arrow-down-fill.png) no-repeat 96% center;
  border:1px solid #dadada;
  outline: none;
  font-size: 14px;
  border-radius: 4px;
  padding: 5px;
  padding-right: 16px;
}

.pages li.thisclass {
  background:var(--theme);
  border-color: var(--theme);
  color: #fff;
}
.pages li.thisclass a {
  color: #fff;
}

.pages li.noborder {border: none;background-color: transparent;padding: 0;}
.pages li .turn-input {color: #666666;padding: 8px 12px 7px;background-color: #fff;width: 48px;}

input[type="text"],input[type="password"],input[type="number"],textarea,button,input[type="email"],input[type="date"] {
  border: none;
  outline: none;
  background-color: transparent;
}
input.el-input-date,input.el-input-date1{
  position: absolute;
  width: 100%;
  height: 100%;
  opacity: 0;
  left: 0;
  top: 0;
}
input.el-input-date::-webkit-calendar-picker-indicator,input.el-input-date1::-webkit-calendar-picker-indicator {
  position: absolute;
  right: 0;
  padding-left: 100%;
}

.flex-row {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -ms-flex-direction: row;
  flex-direction: row;
}

.inline-flex {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
}

.flex-column {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
}
.flex-wrap {
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
}
.align-center {
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}
.flex-reverse {
  flex-direction: row-reverse;
}
.align-start {
  -webkit-box-align: start;
  -ms-flex-align: start;
  align-items: flex-start;
}
.align-end {
  -webkit-box-align: end;
  -ms-flex-align: end;
  align-items: flex-end;
}
.space-between {
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
}
.space-around {
  -ms-flex-pack: distribute;
  justify-content: space-around;
}
.flex-end {
  -webkit-box-pack: end;
  -ms-flex-pack: end;
  justify-content: flex-end;
}

.just-end {
  -webkit-box-pack: end;
  -ms-flex-pack: end;
  justify-content: flex-end;
}
.flex1 {
  -webkit-box-flex: 1;
  -ms-flex: 1;
  flex: 1;
}
.just-center {
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
}

.no {
  -webkit-tap-highlight-color: rgba(0,0,0,0);
}
.abs-center {
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%,-50%);
  -ms-transform: translate(-50%,-50%);
  transform: translate(-50%,-50%);
}

.banner {position: relative;width: 80%;margin: 20px auto 0;}

.banner-i {
  width: 100%;
  display: block;
}

.lan {
  -webkit-appearance: none;
  appearance:none;
  -moz-appearance: none;
  -webkit-appearance: none;
  background: url(../img/arrow-down.png) no-repeat right center;
  padding-right: 16px;
}

.normal-table {width: 100%;border-collapse: collapse;}
.normal-select {
  -webkit-appearance: none;
  appearance:none;
  -moz-appearance: none;
  -webkit-appearance: none;
  border: none;
  outline: none;
  background-color: transparent;
}


.mobile-img {display: none;}

.menu {
  cursor: pointer;
  display: none;
}

.menu i {
  display: block;
  width: 25px;
  height: 2px;
  background-color: var(--theme);
  margin-top:7px;
  -webkit-transform-origin: left center;
  -ms-transform-origin: left center;
  transform-origin: left center;
  -webkit-transition:-webkit-transform 0.3s;
  transition:-webkit-transform 0.3s;
  -o-transition:transform 0.3s;
  transition:transform 0.3s;
  transition:transform 0.3s, -webkit-transform 0.3s;
}

.menu i:first-child {
  margin-top: 0;
}
.menu.rotate i:nth-of-type(1) {
  -webkit-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  transform: rotate(45deg);
}
.menu.rotate i:nth-of-type(2){
  opacity: 0;
}

.menu.rotate i:nth-of-type(3){
  -webkit-transform: rotate(-45deg);
  -ms-transform: rotate(-45deg);
  transform: rotate(-45deg);
}

.normal-place ::-webkit-input-placeholder{
  font-size: 14px;
  color: #C1C1C1;
  font-family:"Noto Serif JP", serif;
}
.normal-place :-moz-placeholder{
  font-size: 14px;
  color: #C1C1C1;
  font-family:"Noto Serif JP", serif;
}
.normal-place :-ms-input-placeholder{
  font-size: 14px;
  color: #C1C1C1;
  font-family:"Noto Serif JP", serif;
}

.normal-place1 ::-webkit-input-placeholder{
  font-size: 14px;
  color: #999999;
  font-family:"Noto Serif JP", serif;
}
.normal-place1 :-moz-placeholder{
  font-size: 14px;
  color: #999999;
  font-family:"Noto Serif JP", serif;
}
.normal-place1 :-ms-input-placeholder{
  font-size: 14px;
  color: #999999;
  font-family:"Noto Serif JP", serif;
}

.up-btn .iconfont{font-size: 32px;color: #fff;}
.up-btn {position: fixed;bottom: 20%;right: 40px;width: 60px;height: 60px;background: #9277FF;border-radius: 50%;display: flex;justify-content: center;align-items: center;z-index: 90;}
img[class*=avatar] {border-radius: 50%;}
.hover-theme a:hover {color: var(--theme);}
.hover-show-a a:hover {opacity: 0.8;}
.hover-show-a .pro-top {cursor:pointer}
.hover-show-a .pro-top:hover {opacity: 0.8;}
.hover-show-btn:hover {opacity: 0.8;}
.hover-tit a:hover [class*=tit] {color: var(--theme);}
._h-img {transition: transform .3s ease;}
.hover-img a:hover ._h-img {transform: scale(1.1);}
.bold {font-weight: 600;}
.tl {text-align: left;}
[class*=btn] {cursor: pointer;}
.col-red {color: #E7240E;}
input.upload-file,input.upload-file1 {
  position: absolute;
  width: 100%;
  height: 100%;
  opacity: 0;
  left: 0;
  top: 0;
  cursor: pointer;
  font-size:0
}


@-webkit-keyframes circleMove {
  from {
    -webkit-transform: rotateZ(0deg);
    transform: rotateZ(0deg);
  }
  to {
    -webkit-transform: rotateZ(360deg);
    transform: rotateZ(360deg);
  }
}
@keyframes circleMove {
  from {
    -webkit-transform: rotateZ(0deg);
    transform: rotateZ(0deg);
  }
  to {
    -webkit-transform: rotateZ(360deg);
    transform: rotateZ(360deg);
  }
}

.lg_sfdh {
  animation: play_btn 0.5s infinite alternate;
}

@keyframes play_btn{
  0%{transform:scale(1.0)}
  100%{transform:scale(1.1)}
}

@keyframes hideIndex{
  0%{ opacity: 0; padding-top: 40px; }
  100%{opacity: 1; padding-top: 25px; }
}



@media (min-width:992px) {
.drop-ul>li:hover>.drop-content {
    display: block;
}
.drop-content {
    /*display: none;*/
    position: absolute;
    z-index: 99;
    left: 50%;
    bottom: 0;
    transform: translate(-50%,100%);
    display: none;
}
.head-level1 .drop-ul>li {
    padding: 10px 20px;
    color: #000;
    position: relative;
    white-space: nowrap;
}
.head-level1 .drop-ul>li:hover>.drop-tab>a{
    color: var(--theme);
}
.head-level2 .drop-content {
    right: 0;
    left: unset;
    bottom: unset;
    top: 0;
    transform: translate(100%,0);
    max-height: 500px;
    overflow-x: auto;
}

.head-level1 .drop-ul>li a {
    color: #000;
}
.head-level1 .drop-ul {
    background-color: #fff;
    padding: 10px 0;
    box-shadow: 0 0 10px rgba(0,0,0,0.2);
}
}
input:-webkit-autofill,
input:-webkit-autofill:hover,
input:-webkit-autofill:focus,
input:-webkit-autofill:active {
  -webkit-transition-delay: 99999s;
  -webkit-transition: color 99999s ease-out, background-color 99999s ease-out;
}



.responsive-y {overflow-y: auto;}
.head-rdrop-bott {max-height: 208px;}

.head-rdrop-bott::-webkit-scrollbar {
  width: 16px;
}
.head-rdrop-bott::-webkit-scrollbar-thumb {
  background-color: #ACACAC;
  border-radius: 999px;
}
.responsive-x {overflow-x: auto;}

.head-sticky {position: sticky;position: -webkit-sticky;width: 100%;z-index: 99;top: 0;}
.head-fixed {position: fixed;width: 100%;z-index: 99;top: 0;color: #fff;}

.gx_ {width: 16px;height: 16px;position: relative;vertical-align: middle;}
.gx_::after {content: "";display: block;width: 100%;height: 100%;top: 50%;transform: translate(-50%,-50%);background-color: #fff;border: 1px solid #000;border-radius: 50%;left: 50%;position: absolute;}
.gx_:checked::after {background: #000 url(../img/gx.png) no-repeat center;background-size: 80% auto;}


.vjs-poster {background-size: cover;}
.video-js {width: 100%;height: 100%;}
.video-js .vjs-tech {
  object-fit: cover;
}

:root {
  --center-box:1200px;
  --theme:#E8300F;
}

.blue-theme {
  --theme:#436CFB;
}

.head-pd {padding:0 40px;}

.center-box {
  max-width: var(--center-box);
  margin-left: auto;
  margin-right: auto;
}

.center-box.no-pd {max-width: none;}
.head {padding: 10px 0;}
.head-search {
  background-color: rgba(245,245,245,1);
  max-width: 645px;
  width: 100%;
  border-radius: 999px;
}

:root {
  --wel:#E7240E
}

.blue-theme {
  --wel:#020202
}

.head-wel {
  max-width: 108px;
  color: var(--wel);
  font-size: 12px;
  line-height: 1.5em;
  font-weight: 600;
}
.head-val {height: 40px;flex: 1;color: #333;width: 100%;padding: 0 20px;}

:root {
  --sbtn1:#E8300F;
}

.blue-theme {
  --sbtn1:#436CFB;
}
.head-search-btn {
  display: inline-flex;
  justify-content: center;
  align-items: center;
  width: 74px;
  height: 40px;
  border-radius: 999px;
  background: var(--sbtn1);
  color: #fff;
}
.head-search-btn .iconfont {font-size: 20px;font-weight: 600;}
.head-nav-ul>li,.head-nav-ul>li a {color: #fff;}

:root {
  --nav1:#E7230D;
  --nav2:#F5AF19;
}

.blue-theme {
  --nav1:#4163FA;
  --nav2:#4BA8FF;
}

.nav-menu {
  background: linear-gradient(to right,var(--nav1),var(--nav2));
}


.head-nav-ul>li {padding: 18px 0;font-size: 16px;font-weight: 600;position:relative}
.head-nav-ul>li + li {margin-left: 2.08vw;}

.swiper-banner .swiper-slide {
  width: 23.72vw;
}
.index-tab {
  padding: 10px 0;
}

.index-tab-btn{
  display: inline-flex;
  width: 110px;
  height:30px;
  border-radius: 999px;
  border-width: 1px;
  border-style: solid;
  justify-content: center;
  align-items: center;
  transition: all .3s ease;
}



.index-tab-btn{
  color: var(--tab);
  border-color: var(--tab);
}

.index-tab-btn:hover,.index-tab-btn.on {
  background-color: var(--tab);
  color: #fff;
}

.index-tab-btn + .index-tab-btn {margin-left: 15px;}


.head-lan.on,.lan-hover:hover {
  color: #E8300F;
}

.head-lan-box {font-weight: 600;}

.swiper-banner-prev, .swiper-banner-next {
  width: 50px;
  height: 50px;
  background: #2C2C2C;
  border-radius: 50%;
  color: #fff;
  top: 50%;
  transform: translate(0,-50%);
  margin: 0;
}
.swiper-banner-prev::after,.swiper-banner-next::after {
  font-size: 25px;
}
.swiper-banner-prev {
    display: none;
  left: min(calc(calc(80vw - calc(100% - 1200px)) / 2),calc(calc(80vw - 500px) / 2));
  transform: translate(-50%, -50%);
}
.swiper-banner-next {
     display: none;
  right: min(calc(calc(80vw - calc(100% - 1200px)) / 2),calc(calc(80vw - 500px) / 2));
  transform: translate(50%, -50%);
}

.head-cart {position: relative; color: #454545;margin-left: 1.04vw;}

.head-cart .iconfont {
  font-size: 24px;
  font-weight: 600;
}
.cart-num {
  position: absolute;
  right: 0;
  top: 0;
  background: #FF544A;
  width: 16px;
  height: 16px;
  display: flex;
  justify-content: center;
  align-items: center;
  color: #fff;
  font-size: 12px;
  transform: translate(50%,-50%);
  border-radius: 50%;
}
:root {
  --drop:#F58719;
}
.blue-theme {
  --drop:#017FE3;
}
.head-rdrop-btn {
  display: inline-flex;
  width: 150px;
  height: 40px;
  border: 1px solid #D2D2D3;
  color: #222222;
  justify-content: center;
  align-items: center;
  font-size: 16px;
  max-width: calc(50% - 15px);
}

.head-rdrop-btn  + .head-rdrop-btn {margin-left: 30px;}
.head-rdrop-btn.on,.head-rdrop-btn:hover {background: var(--drop);border-color: var(--drop);color: #fff;}
.head-rdrop-cont {
  position: absolute;
  bottom: 0;
  right: 0;
  transform: translate(0,100%);
  padding-top: 25px;
  display: none;
}

.head-rdrop {border-radius: 5px;width: 465px;box-shadow: 0 4px 10px rgb(142, 142, 142,0.25);max-width: 100vw;}
.head-rdrop-top {padding: 20px;border-bottom: 1px solid #E7E7E7;}
.head-rdrop-text {color: var(--drop);font-size: 16px;font-weight: 600;}
.head-rdrop-bott {padding: 20px 0 20px 20px;}
.head-rd-left {width: 120px;height: 70px;border: 1px solid #D2D2D3;display: flex;justify-content: center;align-items: center;}
.drop-img {max-height: 100%;display: block;}
.head-rd-tit {
  font-weight: 600;
}
.head-rdrop-ul {padding-right: 20px;}
.head-rdrop-ul>li + li {margin-top: 20px;}
.head-rd-info {font-size: 12px;color: #959595;}
.head-rd-right {padding-left: 12px;}
.head-rdrop-oper-btn {
  display: inline-flex;
  justify-content: center;
  align-items: center;
  width: 100px;
  height: 28px;
  background-color: var(--theme);
  font-size: 12px;
  color: #fff;
}
.head-rdrop-oper {
  padding: 10px;
  box-shadow: 0 -2px 10px rgba(194,194,194,0.25);
}
.head-hover-drop:hover .head-rdrop-cont {
  display: block;
  animation: hideIndex .3s ease;
}
.swiper-banner-pagination {position: static;}
.swiper-banner-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active {background-color: #F18716;}

:root {
  --normal-tit:#E92828;
  --normal-tit1:
  --normal-line:#E7240E;
}

.blue-theme {
  --normal-tit:#4368FA;
  --normal-line:#017EE2;
}

.blue-theme .step-tit {
  --normal-tit:#017EE2;
}

.normal-tit {
  font-family: Montserrat;
  font-size: 48px;
  font-weight: 900;
  text-transform: uppercase;
  color: var(--normal-tit);
}
.pt30 {padding-top: 30px;}
.pb30 {padding-bottom: 30px;}
.main-left {
   width: 73.6%; 
}
.main-right {
  width: 20.8%;
}
:root {
  --line1:#E7240E
}
.blue-theme {
  --line1:#5092FD
}
.normal-tit-group-line {padding-bottom: 15px;border-bottom: 1px dashed var(--line1);}
.normal-desc {
  font-size: 16px;
  margin-top: 5px;
}
.pro-top {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 100%;
  padding-top: 100%;
}
.pro-bott {
  padding: 15px;
}
.pro-img-posi {position: absolute;top: 50%;left: 50%;transform: translate(-50%,-50%);max-height: calc(100% - 30px);max-width: calc(100% - 30px);}
.pro-ul>li {
  border: 1px solid #E0E0E0;
  border-radius: 10px;
  width: 24.34%;
  margin-left: 0.86%;
  margin-top: 20px;
  background-color: #FFFFFF;
}
.pro-ul>li:nth-of-type(4n+1) {
  margin-left: 0;
}

.pro-ul>li .pro-tit {
    display: -webkit-box;
  -webkit-box-orient: vertical;
  overflow: hidden;
  -webkit-line-clamp: 2;
   height: 42px;
}
.pro-oper-btn {
  width: 49%;
  min-height: 45px;
  border-radius: 4px;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  position: relative;
  padding: 5px 0;
  overflow: hidden;
}

.pro-oper-btn::before {
  content: "";
  position: absolute;
  inset: 1px;
  background-color: #fff;
  border-radius: 4px;
}
.pro-oper-btn.on::before {
  display: none;
}

.pro-oper-btn1 + .pro-oper-btn1 {margin-left: 12px;}
.pro-oper-btn1 {max-width: 148px;}
:root {
  --line-pro1:#FF0844;
  --line-pro2:#FFB199;
  --line-pro3:#FF40BF;
  --line-pro4:#FFB199;
}

.blue-theme {
  --line-pro1:#4163FA;
  --line-pro2:#5092FD;
  --line-pro3:#4163FA;
  --line-pro4:#5092FD;
}


.pro-oper-btn:nth-of-type(1) {
  background: linear-gradient(to right,var(--line-pro1),var(--line-pro2));
  color: var(--line-pro1);
}

.pro-oper-btn:nth-of-type(2) {
  background: linear-gradient(to right,var(--line-pro3),var(--line-pro4));
  color: var(--line-pro3);
}

.pro-oper-btn.on {
  color: #fff;
}

.pro-oper-btn1 .pro-oper-price {
  font-size: 26px;
}

.pro-flag {
  font-size: 12px;
  color: #808080;
}

.pro-tit {
  line-height: 1.5em;
}

.pro-oper-price {
  font-size: 16px;
  font-weight: 700;
  font-family: "Helvetica Neue";
}
.main-box-bj {
  background:linear-gradient(to bottom,#FFF9F5,#fff);
}
.main-box-bj1 {
  background-color: #f0f0f0;
}
.visihide {
  position: absolute;top: 0;width: 100%;
}
.pro-more-btn {
  width: 112px;
  height: 35px;
  border-radius: 4px;
  border: 1px solid rgba(0,0,0,0.1);
  display: inline-flex;
  justify-content: center;
  align-items: center;
  font-size: 16px;
  color: #595959;
}
.hover-theme-bj a:hover {
  background-color: var(--theme);
  color: #fff;
}
.pv20 {padding: 20px 0;}
.pv10 {padding: 10px 0;}

:root {
  --flag:#E7240E
}
.blue-theme {
  --flag:#5092FD
}
.pro-flag-posi {
  width: 62px;
  height: 30px;
  border-radius: 11px 12px 12px 0px;
  background: var(--flag);
  color: #fff;
  display: flex;
  justify-content: center;
  align-items: center;
}

.pro-flag-posi2 {
  position: absolute;
  top: 10px;
  left: 10px;
}

.normal-bj::before {
  content: "";
  width: 100vw;
  position: absolute;
  left: calc(-1 * calc(calc(100vw - 1200px) / 2));
  height: 100%;
  top: 0;
  background: linear-gradient(to bottom,#FFF9F5,#FFFFFF);
}
.normal-tit-group-line2::before,.normal-tit-group-line2::after {
  content: "";
  width: 230px;
  height: 3px;
  background: var(--normal-line);
  top: 50%;
  transform: translate(0,-50%);
  left: 0;
  position: absolute;
  max-width: calc(calc(100% - 200px) / 2);
}

.normal-tit-group-line2::after {
  left: unset;
  right: 0;
}

.step-top {
  font-size: 18px;
  font-weight: 600;
  color: #fff;
  display: flex;
  justify-content: center;
  padding: 12px 12px 32px;
}
.steo-bj {position: absolute;bottom: 0;left: 0;width: 100;height: auto;}



:root {
  --step1:#F5AF1A;
  --step2:#FF9500;

  --step3:#FE9A18;
  --step4:#FF6634;

  --step5:#EB4711;
  --step6:#E41700;

  --step7:#E7240E;
  --step8:#AB2A00;
}

.blue-theme {
  --step1:#01C3F0;
  --step2:#009EC3;

  --step3:#01A8EB;
  --step4:#0187BD;

  --step5:#0297F7;
  --step6:#007AC8;

  --step7:#017EE2;
  --step8:#005AA3;
}

.step-ul>li:nth-of-type(4n+1) .step-top{
  background: var(--step1);
}

.step-ul>li:nth-of-type(4n+1) .stop-circle {
  background: linear-gradient(180deg, var(--step1) 0%, var(--step2) 100%);
}

.step-ul>li:nth-of-type(4n+1) .step-go-btn {
  background: var(--step1);
}

.step-ul>li:nth-of-type(4n+2) .step-top{
  background: linear-gradient(0deg, var(--step1), var(--step1)),
  linear-gradient(0deg, var(--step3), var(--step3));

}

.step-ul>li:nth-of-type(4n+2) .stop-circle {
  background: linear-gradient(180deg, var(--step3) 0%, var(--step4) 100%);
}

.step-ul>li:nth-of-type(4n+2) .step-go-btn {
  background: linear-gradient(0deg, var(--step1), var(--step1)),
  linear-gradient(0deg, var(--step3), var(--step3));
}


.step-ul>li:nth-of-type(4n+3) .step-top{
  background: var(--step5);
}

.step-ul>li:nth-of-type(4n+3) .stop-circle {
  background: linear-gradient(180deg, var(--step5) 0%, var(--step6) 100%);
}

.step-ul>li:nth-of-type(4n+3) .step-go-btn {
  background: var(--step5);
}

.step-ul>li:nth-of-type(4n+4) .step-top{
  background: var(--step7);
}

.step-ul>li:nth-of-type(4n+4) .stop-circle {
  background: linear-gradient(180deg, var(--step7) 0%, var(--step8) 100%);
}

.step-ul>li:nth-of-type(4n+4) .step-go-btn {
  background: var(--step7);
}

.step-ul>li {
  width: 24.34%;
  margin-left: 0.86%;
  background-color: #FFFFFF;
  border: 1px solid #E0E0E0;
  border-radius: 10px;
  overflow: hidden;
}

.step-ul>li:nth-of-type(4n+1) {
  margin-left: 0;
}

.stop-circle {
  display: inline-flex;
  width: 74px;
  height: 74px;
  border-radius: 50%;
  justify-content: center;
  align-items: center;
}
.s-img {max-width: 67%;}
.method-bott {max-width: 960px;margin-left: auto;margin-right: auto;}
.step-go-btn {
  min-width: 137px;
  height: 24px;
  border-radius: 5px;
  display: inline-flex;
  justify-content: center;
  align-items: center;
  margin-top: 30px;
  color: #fff;
}

.stop-go-text {
  letter-spacing: 0.6000000238418579px;
  margin-top: 15px;
}
.main-step-box {padding: 30px 0 70px;}
.step-bott {padding: 25px 15px 20px;}

.footer {
  background-color: #F3F5F9;
  padding: 40px 0;
}

.footer-people-box {
  width: 236px;
  height: 107px;
  border-radius: 5px;
  background: linear-gradient(to left,#11BCEB,#8512F1);
  padding: 8px 6px 13px;
}
.footer-people {
  display: flex;
  align-items: flex-start;
}
.footer-people-box {color: #fff;}
.footer-pd {
  padding: 0 calc(calc(100vw - 1200px) / 2) 0 50px;
}

.footer-tpd {padding-top: 35px;}
.footer-people-tit {
  font-size: 16px;
  font-weight: 700;
  letter-spacing: 0.6000000238418579px;
}

.footer-people-btn {
  width: 136px;
  height: 30px;
  border: 1px solid #fff;
  border-radius: 4px;
  display: inline-flex;
  justify-content: center;
  align-items: center;
  font-size: 16px;
}
.footer-left-text {
  color: #020202;
}
.logo-img {
  max-width: 180px;
}
.footer-links>li {
  font-size: 16px;
  font-weight: 500;
  color: #000;
  padding: 0 10px;
}

.footer-links>li:last-child,.footer-links>li:nth-last-of-type(1) {padding-right: 0;}
.footer-links>li a {
  color: #000;
}
.footer-links2>li{
  padding: 0 20px;
  color: #656565;
  position: relative;
}
.footer-links2>li::before {
  content: "";
  width: 1px;
  height: 20px;
  background: #656565;
  top: 50%;
  transform: translate(0,-50%);
  left: 0;
  position: absolute;
  max-height: 80%;
}
.footer-links2>li:first-child::before {
  display: none;
}
.footer-links2>li a {
  color: #656565;
}
.footer-links2>li:last-child {
  padding-right: 0;
}
.footer-links2>li:nth-last-of-type(1) {
  padding-right: 0;
}
.scroll-view_H {
    white-space: nowrap;
}
.scroll-bar {
  font-family: Meiryo UI;
  font-size: 80px;
  font-weight: 700;
  letter-spacing: 0.07em;
  color: #E7EDF8;
  overflow: hidden;
  white-space: nowrap;
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  text-transform: uppercase;
}
.marquee {
    display: inline-block;
    font-size: 0;
    -webkit-text-stroke: 1px #4FB2EF;
    -webkit-text-fill-color: transparent;
    color: transparent;
    text-transform: uppercase;
    animation: scroll 20s linear infinite;
    white-space: nowrap;
}
.media-img {
    transition: transform .3s ease;
}
.media-img:hover {
    transform: translate3d(0,-5px,0);
}
.level2>li:hover>.tree-drop,.level3>li:hover>.tree-drop{
    color: var(--theme1);
}
.scrol-ani {
  display: inline-block;
  animation: scroll 20s linear infinite;
}
.tree-drop-cont {display: none;}
.tree-ul {
     /* max-height: 135px; */
     overflow-y: auto;
}

.tree-ul::-webkit-scrollbar {
  width: 10px;
  background-color: #F2F2F2;
}
.tree-ul::-webkit-scrollbar-thumb {
  background-color: #C7C7C7;
  border-radius: 999px;
}
.people-img {max-width: 179px;}
.media-links + .media-links {margin-left: 15px;}
.tree-ul:has(.tree-ul) {max-height: none;}
.tree-ul>li {margin-top: 5px;}

.level1 {
  --color:#fff;--level:1;
}
.level2 {
  --bg:#F1F1F1;--color:#3f3f3f;--level:2
}
.level3 {
  --bg:#FFF;--color:#3f3f3f;--level:3
}
.tree-drop {background-color: var(--bg);cursor: pointer;padding: 10px 12px;color: var(--color);padding-left: calc(12px * var(--level));}
.tree-drop.rotate .tree-icon {transform: rotate(135deg);}
.tree-icon {display: inline-block;width: 12px;height: 12px;border-top: 2px solid var(--color);border-right: 2px solid var(--color);transform: rotate(45deg);transition: all .3s ease;}
@keyframes scroll {
  0% {
    transform: 0;
  }

  100% {
    transform: translateX(-100%);
  }
}



.main-rnormal-tit {
  font-family: Montserrat;
  font-size: 28px;
  font-weight: 900;
  color: var(--bg);
  text-transform: uppercase;
}

.main-rnormal-tit1{
  color: var(--normal-tit);
}

.main-rnormal-desc {
  font-weight: 500;
  line-height: 18px;
  letter-spacing: 0.05em;
}

.news-swiper-box {
  background-color: #fff;
  border: 1px solid #DEDEDE;
  padding: 0 10px;
  border-radius: 4px;
}
.swiper-news-pagination {position: static;padding: 5px 0 10px;}
.swiper-news-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active {
  background-color: #E92828;
}
.news-swiper-top .icon-arrow {color: #CCCCCC;font-size: 24px;}
.main-rgroup-pd {border-bottom: 1px solid #FD7310;}
.news-swiper-time {
  font-size: 12px;
  font-weight: 500;
  color: #A2A2A2;
  margin-top: 10px;
}
.news-swiper-tit {
  font-weight: 500;
  color: #000000;
  margin-top: 5px;
}

.main-list-tit {
  font-family: Montserrat;
  font-size: 40px;
  font-weight: 900;
  color: var(--normal-tit);
  text-transform: uppercase;
}


:root {
  --desc:#EA3F10;
}
.blue-theme {
  --desc:#4372FB;
}

.main-list-desc {
  display: inline-flex;
  background-color: var(--desc);
  color: #fff;
  padding: 0 2.08vw;
  justify-content: center;
  align-items: center;
  font-size: 26px;
}

.main-list-line::before {
  content: "";
  width: 100%;
  height: 1px;
  background-color: var(--desc);
  top: 50%;
  left: 0;
  transform: translate(0,-50%);
  position: absolute;
  width: 100%;
}

.main-list-vice-tit {
  font-weight: 500;
}
.nav-position,.nav-position a {
  color: #282828;
}
.nav-position-pd {
  padding: 20px 0;
}
.tan-img {max-width: 224px;display: block;border-radius: 5px;}
._pro-deta-right {
  padding-left: 2.60vw;
}
._pro-deta-tit {
  font-size: 22px;
  font-weight: 500;
  line-height: 1.9em;
  color: #222222;
}

._pro-deta-sn {
  font-size: 20px;
  font-weight: 400;
  line-height: 2em;
  color: #868686;
}

.step-btn {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 48px;
  height: 48px;
  position: relative;
  border: 1px solid #A6A6A6;
  border-radius: 50%;
}
.step-value {height: 48px;width: 70px;text-align: center;
  font-family: Inter;
  font-size: 21px;
}
.step-btn::before,.step-btn::after {
  content: "";
  width: 19px;
  height: 3px;
  background-color: #A6A6A6;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%,-50%);
}
.pro-dl>dt {
  font-weight: 700;
  color: #222222;
  padding-right: 15px;
}
.step-plus::after {
  transform: translate(-50%,-50%) rotate(90deg);
}
:root {
  --add:#E7240E;
}
.blue-theme {
  --add:#436FFB;
}
.pro-add-btn {
  display: flex;
  width: 100%;
  height: 48px;
  border-radius: 4px;
  border: 1px solid var(--add);
  color: var(--add);
  display: flex;
  justify-content: center;
  align-items: center;
  font-weight: 600;
  margin-top: 15px;
  max-width: 310px;
}
.pro-add-btn.on {
  background-color: var(--add);
  color: #fff;
}
.bb {border-bottom: 1px solid #DDDDDD;}
._pro-deta-show {
  font-size: 15px;
  font-weight: 500;
  line-height: 2.26em;
  letter-spacing: 0.6000000238418579px;
  padding: 20px 0;
}

:root {
  --head1:#E7240E;
  --head2:#F39F18;
}

.method-head {
  padding: 1.82vw 1.82vw 3.90vw;
  background: linear-gradient(90deg, var(--head1) 0%, var(--head2) 100%);
  color: #fff;
}

.method-flag {
  font-size: 18px;
  font-weight: 600;
  letter-spacing: 3.5999999046325684px;
}
.method-head-right {
  padding-left: 2.08vw;
}
.method-style {
  color: #E7240E;
  text-shadow: 1px 1px #fff, -1px 1px #fff, 1px -1px #fff, -1px -1px #fff;
  margin: 0 10px;
}
.gutter {
  padding: 0 20px;
}
.method-head-line {border-bottom: 4px solid #fff;}
.method-tit {
  font-size: 32px;
  font-weight: 800;
  line-height: 1.78em;
  padding: 15px 0;
}
.br10 {border-radius: 10px;}
:root {
  --method:#fd6e00
}
.method-bi-tit {
  font-size: 28px;
  font-weight: 700;
  letter-spacing: 2.0999999046325684px;
}
.method-bi-text {font-size: 12px;}
.method-bi-index {font-size: 16px;font-weight: 600;}
.method-bitem + .method-bitem {margin-top: 40px;}
.method-b-mt {background-color: #FBFAFA;margin-top: -40px;padding: 2.08vw 1.56vw 2.34vw;}
.method-bi-group {display: flex;flex-direction: column;align-items: center;justify-content: center;width: 60px;height: 60px;background: var(--method);color: #fff;border-radius: 50%;}
.method-bi-bleft {
  width: 35.11%;
}
.method-bi-bright {
  padding-left: 2.08vw;
}
.method-bitem:last-child .method-bi-line,.method-bitem:nth-last-of-type(1) .method-bi-line{display: none;}
.method-bi-desc {font-size: 16px;line-height: 1.68em;}
.method-bi-line::after {
  content: "";
  width: 0;
  height: 0;
  border-top: 20px solid #FE8C00;
  border-left: 10px solid transparent;
  border-right: 10px solid transparent;
  top: 50%;
  left: 50%;
  transform: translate(-50%,-50%);
  position: absolute;
}
.method-bi-line::before {
  content: "";
  width: 80px;
  height: 20px;
  background: #FBFAFA;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%,-50%);
}
.method-img {max-width: 100px;}
.fun-ul>li {
  width: 32.60%;
  margin-left: 1.08%;
  border: 1px solid #1E1E1E;
  border-radius: 5px;
  color: #1E1E1E;
  display: flex;
  justify-content: center;
  align-items: center;
  height: 64px;
  cursor: pointer;
  font-size: 20px;
}
.swiper-fun .swiper-slide {
  border: 1px solid #1E1E1E;
  border-radius: 5px;
  color: #1E1E1E;
  display: flex;
  justify-content: center;
  align-items: center;
  height: 64px;
  cursor: pointer;
  font-size: 20px;
  padding: 0 10px;
}
.swiper-fun {
    padding:  40px 0;
    margin: 0;
}
.fun-ul>li:nth-of-type(3n+1) {
  margin-left: 0;
}
:root {
  --fun1:#FF6262;
  --fun2:#DB0000;
}

.blue-theme {
  --fun1:#0A80D8;
  --fun2:#5092FD;

}
.fun-ul>li.on,.fun-ul>li:hover,.swiper-fun .swiper-slide.on,.swiper-fun .swiper-slide:hover {
  background:linear-gradient(to right, var(--fun1), var(--fun2));
  border-color: var(--fun1);
  color: #fff;
}

.fun-ul>li.on a,.fun-ul>li:hover a,.swiper-fun .swiper-slide.on a,.swiper-fun .swiper-slide:hover a {
  color: #fff;
}

.swiper-fun-pagination {position: static;padding: 25px 0 0;}
.swiper-fun-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active {
  background-color: var(--fun2);
}

.fun-show {
  padding: 20px 0;
  font-size: 18px;
  line-height: 1.78em;
}
.info-ul>li {
  margin-top: 40px;
  width: 32.73%;
  margin-left: 0.88%;
}
.info-ul>li:nth-of-type(3n+1) {
  margin-left: 0;
}
.info-time {
  font-size: 12px;
  margin-top: 20px;
  color: #666666;
}
.info-desc {
  font-size: 16px;
  font-weight: 500;
  margin-top: 10px;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  overflow: hidden;
  -webkit-line-clamp: 2;
}

.info-details-tit {
  font-size: 24px;
  font-weight: 500;
  color: #1E1E1E;
}

.info-details-time {
  font-weight: 500;
  margin-top: 10px;
}

.contact-form {
  max-width: 800px;
  margin-left: auto;
  margin-right: auto;
  margin-top: 55px;
}
.info-details-show {
  padding: 30px 0;
  color: #393939;
  line-height: 2.22em;
}

.contact-text-tit {
  color: #000000;
}
.contact-dl {margin-top: 30px;}
.contact-dl>dt {
  font-weight: 600;
  color: #000000;
}
.contact-val,.contact-select {height: 50px;width: 100%;flex: 1;}
.contact-select1,.contact-val1 {height: 35px!important;}
.contact-input-box:has(.contact-select) {padding: 0;}
.contact-select{
  padding: 0 20px;
}
.apply-price-dl {
  font-size: 16px;
  padding: 10px 0;
  border-bottom: 1px solid #A6A6A6;
}
.apply-sum-price {
  font-size: 22px;
}
.apply-price-dl>dt {
  font-weight: 600;
}
.apply-sum-btn {
  display: inline-flex;
  width: 457px;
  height: 55px;
  background-color: #FF7223;
  color: #fff;
  justify-content: center;
  align-items: center;
  font-size: 16px;
  max-width: 100%;
}
.apply-normal-tit {
  font-size: 16px;
  font-weight: 600;
}
.contact-input-box {border: 1px solid #DCDCDC;border-radius: 1px;padding: 0 20px;position: relative;}
.select-icon {
  position: absolute;
  right: 0;
  top: 0;
  aspect-ratio: 1 / 1;
  height: 100%;
  background-color: #F2F2F2;
  pointer-events: none;
}
.apply-dl>dt {color: #3C3C3C;font-weight: 600;}
.flex-row.apply-dl>dt {width: 90px;color: #414141;}
.contact-label + .contact-label {margin-top: 15px;}
.apply-vice-inner-item + .apply-vice-inner-item {margin-top: 25px;}
.select-icon::after {
  content: "";
  border-top: 6px solid #000;
  border-left:6px solid transparent;
  border-right: 6px solid transparent;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%,-50%);
}
.el-contact-width {
  width: 47.5%;
}

.contact-text {
  height: 217px;
  padding: 20px 0;
  resize: none;
}

.contact-label {
  color: #000000;
}

.contact-btn {
  display: inline-flex;
  width: 193px;
  height: 46px;
  justify-content: center;
  align-items: center;
  background: linear-gradient(to right,var(--fun1),var(--fun2));
  color: #fff;
  border-radius: 5px;
}

.prev-next-box {
  padding: 30px 0;
  color: var(--theme);
}

.prev-next-box a {
  color: var(--theme);
}

.company-show {
  padding: 30px 0;
  line-height: 2.85em;
}
.swiper-company-box {
  padding: 0 40px;
}
.swiper-company-prev {
  left: 0;
}

.swiper-company-next {
  right: 0;
}

/* .swiper-company-next.swiper-button-disabled, .swiper-company-prev.swiper-button-disabled {
  pointer-events: 1;
  opacity: 1;
} */

.swiper-company-next::after,.swiper-company-prev::after {
  color: #000000;
  font-size: 20px;
}
.letter-info-dl {
  font-size: 16px;
  line-height: 2em;
}
.letter-info-dl>dt {
  letter-spacing: 0.800000011920929px;
  padding: 30px 0;
  width: 145px;
  border-bottom: 1px solid #FE7E0E;
  font-weight: 600;
  color: rgb(49, 50, 51,0.5);
}
.letter-info-dl>dd {
  margin-left: 20px;
  padding: 30px 0;
  border-bottom: 1px solid #D7DDE0;
  flex: 1;
  color: #313233;
}
.map-box {height: 325px;}
.map-iframe {width: 100%;height: 100%;}
.letter-info-dl:first-child>dt {border-top: 1px solid #FE7E0E;}
.letter-info-dl:first-child>dd {border-top: 1px solid #D7DDE0;}
.statute-box {
  padding: 2.08vw;
  background-color: #F8F8F8;
  line-height: 1.78em;
}
.statute-box strong {font-size: 20px;}
.mask {position: fixed;width: 100%;height: 100%;background: rgba(0, 0, 0,0.35);top: 0;left: 0;z-index: 99;display: none;}
.mask:has(.login-form-show) {display: block;}
.mask-inner1 {width: 690px;max-width: 96%;padding: 1.875vw 3.43vw 1.56vw 3.43vw;background: #F5F7FA;border-radius:10px;overflow:hidden}
.mask-close {width: 34px;height: 34px;background-color: #010101;border-radius: 50%;color: #fff;display: inline-flex;justify-content: center;align-items: center;cursor: pointer;position: absolute;right: 15px;top: 10px;}
.mask-form-bg {background-color: rgba(126, 126, 126, 0.08);padding: 16px 1.66vw;}
.mask-inner-form {max-width: 568px;margin-left: auto;margin-right: auto;}
.mask-form-text {
  font-size: 20px;
  font-weight: 500;
  text-align: center;
}

input.el-input-date {
  position: absolute;
  width: 100%;
  height: 100%;
  opacity: 0;
  left: 0;
  top: 0;
}

input.el-input-date::-webkit-calendar-picker-indicator {
  position: absolute;
  right: 0;
  padding-left: 100%;
}
.mask-input-box {border: 1px solid #CCCCCC;background-color: #fff;padding: 0 15px;}
.mask-val {height: 40px;width: 100%;}
.mask-form-dl>dt {color: #3C3C3C;font-weight: 600;}
.mask-form-dl + .mask-form-dl {margin-top: 25px;}
.mask-logo {max-width: 180px;}
.eye-img {
  position: absolute;
  top: 0;
  left: 0;
}
.eye-on {
  opacity: 0;
}

.eye-btn {
  width: 16px;
  height: 16px;
  position: relative;
}

.passeye .eye-normal {
  opacity: 0;
}

.passeye .eye-on {
  opacity: 1;
}
.mask-btn {
  display: inline-flex;
  width: 240px;
  height: 40px;
  justify-content: center;
  align-items: center;
  color: #fff;
  border-radius: 5px;
  background: linear-gradient(90deg, var(--fun1) 0%, var(--fun2) 100%);
}
.mask-btn.on {
  background: linear-gradient(90deg, #1A1A1A 0%, #1A1A1A 100%);;
}
.mask-forget {
  font-size: 12px;
  font-weight: 500;
  line-height: 1.75em;
  color: #000000;
}
.mask-links {justify-content:center;}
.mask-links>li {padding: 0 10px;position: relative;}
.mask-links>li::before {
  content: "";
  width: 1px;
  height: 18px;
  background-color: #656565;
  top: 50%;
  transform: translate(0,-50%);
  position: absolute;
  left: 0;
}
.mask-links>li:first-of-type::before {
  display: none;
}
.mask-info {
  font-size: 12px;
  letter-spacing: 0.6399999856948853px;
  color: #626262;
}
.login-vice-tit {
  font-size: 16px;
  font-weight: 500;
}

.send-code {
  display: inline-flex;
  width: 121px;
  height: 28px;
  justify-content: center;
  align-items: center;
  border: 1px solid #B8B8B8;
  justify-content: center;
  align-items: center;
  color: #878787;
}
.send-code:disabled {
  color: #B8B8B8;
}

.mask-inner {
  width: 690px;
  border-radius: 8px;
  overflow: hidden;
  max-width: 94%;
}

.mask-inner-top {
  background-color: #9277FF;
  color: #fff;
  text-align: center;
  padding: 15px;
  font-size: 22px;
}

.mask-inner-bott {
  padding: 30px 15px;
  font-size: 16px;
  font-weight: 700;
  line-height: 2em;
  text-align: center;
  background-color: #fff;
}

.cart-top-pd {
  padding: 10px 0 30px;
}
.cart-img {max-width: 205px;border: 1px solid #E6E6E6;font-size: 0;}
.cart-img-info {padding: 0 0 0 15px;}
.cart-img-name {
  font-size: 18px;
  font-weight: 600;
  line-height: 2em;
  color:#202020;
}
.order-summay-box {
  color: #000000;
  font-weight: 600;
}
.order-summay-text {
  line-height: 1.7em;
}
.cart-table th,.cart-table td {
  padding: 15px;
  border: 1px solid #E6E6E6;
}
.cart-table + .cart-table {margin-top: 25px;}
.cart-table th {vertical-align: bottom;background: #F7F7F7;}
.cart-box {
  padding: 50px 0;
}

.mask-oper-btn {
  display: inline-flex;
  width: 132px;
  height: 30px;
  background-color: #9277FF;
  justify-content: center;
  align-items: center;
  color: #fff;
  border-radius: 999px;
}
.mask-oper-btn.on {background: var(--theme);}
.mask-oper-btn + .mask-oper-btn {margin-left: 2.08vw;}
.cart-table-mt {margin-top: 60px;}
.cart-table .cart-input-num {width: 110px;height: 27px;border: 1px solid #E6E6E6;text-align: center;}
.cart-del-btn {
  width: 112px;
  height: 33px;
  border-radius: 999px;
  display: inline-flex;
  justify-content: center;
  align-items: center;
  box-shadow: 2.12px 2.12px 4px 0px #00000033;
  border: 1px solid #E6E6E6
}
.cart-price {font-size: 12px;}
.cart-price-data {
  font-size: 20px;
  color: #CA001E;
}
.cart-summay-btn {
  display: flex;
  width: 258px;
  height: 52px;
  border: 1px solid var(--normal-tit);
  color: var(--normal-tit);
  justify-content: center;
  align-items: center;
  font-size: 20px;
  font-weight: 600;
}
.cart-summay-btn .icon-gouwuche {
  display: inline-flex;
  width: 30px;
  height: 30px;
  background-color: var(--normal-tit);
  justify-content: center;
  align-items: center;
  color: #fff;
  border-radius: 50%;
}
.cart-price-data {font-size: 18px;}
.cart-img-sn {color: #676767;}
.cart-summay-btn + .cart-summay-btn {margin-top: 20px;}
.flex-row .cart-summay-btn + .cart-summay-btn {margin-top: 0;margin-left: 20px;}
.cart-summay-btn.on {
  background-color: #020202;
  border-color: #020202;
  color: #fff;
}

.vip-login-ul>li {
  display: inline-flex;
  width: 136px;
  height: 38px;
  border: 1px solid #7E878F;
  border-radius: 999px;
  color: #7E878F;
  font-size: 16px;
  justify-content: center;
  align-items: center;
  justify-content: center;
  align-items: center;
  margin-right: 15px;
}
.vip-login-ul>li:has(:checked) a {
  color: #fff;
}
.vip-login-ul>li:has(:checked) {
  background-color: #ED5C12;
  color: #fff;
  border-color: #ED5C12;
}
.order-summay-btn {
  display: inline-flex;
  width: 186px;
  height: 52px;
  border: 1px solid var(--normal-tit);
  justify-content: center;
  align-items: center;
  color: var(--normal-tit);
  font-size: 20px;
  font-weight: 600;
}
.cart-summay-btn.on1 {
  color: #fff;
  background: linear-gradient(90deg, var(--fun1) 0%, var(--fun2) 100%);
  border-color: var(--fun1);
}

.order-ul>li {
  width: 24.02%;
  margin-left: 1.29%;
  border: 1px solid #E0E0E0;
  display: inline-flex;
  justify-content: center;
  align-items: center;
  font-size: 22px;
  color: #7E878F;
  height: 64px;
  border-radius: 999px;
  cursor: pointer;
}
.order-ul>li.on,.order-ul>li:hover {

  background: linear-gradient(90deg, var(--fun1) 0%, var(--fun2) 100%);
  border-color: var(--fun1);
}

.order-ul>li:nth-of-type(2).on,.order-ul>li:nth-of-type(2):hover{
  --fun1:#0A80D8;
  --fun2:#5092FD;
}
.order-ul>li.on a,.order-ul>li:hover a {
  color: #fff;
}
.order-ul>li .iconfont {
  font-size: 22px;
}
.order-ul>li a {
  color: #7E878F;
}
.order-ul>li:nth-of-type(4n+1) {
  margin-left: 0;
}

.vip-login-form{
  max-width: 800px;
  margin-left: auto;
  margin-right: auto;
  margin-top: 60px;
}
@media (min-width:1992px) {
  .mask-oper-btn + .mask-oper-btn {margin-left: 40px;}
  .mask-inner1 {padding: 36px 66px 30px 66px;}
  .head-nav-ul>li + li {margin-left: 40px;}
  .head-cart {margin-left: 20px;}
  ._pro-deta-right {padding-left: 50px;}
  .method-head-right,.method-bi-bright {
    padding-left: 40px;
  }
  .method-head {
    padding: 35px 35px 75px;
  }
  .method-b-mt {padding: 40px 30px 45px;}
  .statute-box {padding: 40px;}
  .mask-form-bg {padding: 16px 32px;}
}

@media (min-width:992px) {
  .contact-input-width {width: 112px;}
  .head-mid {padding: 0 20px;}
  .main-list-box  .main-right.pt30 {
    padding-top: 50px;
  }
  .pro-oper-btn.flex1 .pro-oper-price {
    font-size: 24px;
  }
}
.fixed-closed {color: #fff;position: absolute;right: 0;top: 0;transform: translate(50%,-50%);font-weight: 600;width: 24px;height: 24px;background-color: #2D2D2D;border-radius: 50%;display: flex;justify-content: center;align-items: center;cursor: pointer;}
.right-fixed-line {background: linear-gradient(to right,#20D01C,#12B60D);padding: 12px 18px;color: #fff;}
.right-fixed {position: fixed;top: 50%;right: 20px;transform: translate(0,-50%);z-index: 98;}
.right-fixed-line-tit {
  font-family: Montserrat;
  font-size: 48px;
  font-weight: 800;
}

._pro-deta_left {
  width: 45.65%;
}
.swiper-main {border: 1px solid #D2D2D3;}
.swiper-main .swiper-slide {
  display: flex;
  justify-content: center;
  align-items: center;
}
.swiper-thumbs .swiper-slide {
  border: 1px solid #d4d4d4;
  cursor: pointer;
}

.swiper-thumbs .swiper-slide.swiper-slide-thumb-active {
  border-color: #303030;
}
.load-img-top {
  width: 146px;
  height: 146px;
  border: 1px solid #A0A0A0;
  display: flex;
  justify-content: center;
  align-items: center;
}
.load-img-top::before {
  content: attr(data-content);
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
  display: flex;
  justify-content: center;
  align-items: center;
  color: #CFCFCF;
  font-size: 20px;
}

.load-btn {
  display: inline-flex;
  width: 135px;
  height: 32px;
  background-color: #232323;
  color: #fff;
  justify-content: center;
  align-items: center;
}
.load-btn.on {
  background: linear-gradient(to right,var(--fun1),var(--fun2));
  opacity: 0;
  height: 0;
}
.load-btn.on.show {
  opacity: 1;
  height: 32px;
}
.load-img {
  max-width: 100%;
  max-height: 100%;
  object-fit: cover;
}
.apply-form {max-width: 666px;margin-left: auto;margin-right: auto;}
.aplly-desc {
  font-size: 14px;
  font-weight: 500;
  line-height: 1.5em;
}
.apply-item-bott {
  padding: 15px 30px;
}
.apply-item-top {
  padding: 10px;
  background-color: var(--theme);
  color: #fff;
  display: flex;
  justify-content: center;
  align-items: center;
  font-size: 16px;
}
.apply-item {border: 1px solid #E6E6E6;}
.apply-btn {display: inline-flex;
  width: 63px;
  height: 31px;
  justify-content: center;
  align-items: center;
  background-color: #EBEBEB;
  font-size: 12px;
  color: #505050;
  border: 1px solid #BBBBBB;
}
.apply-vice-inner {
  background: #F7F7F7;
  padding: 10px 15px;
}
.apply-pro-img {width: 95px;}
.aplly-table {font-size: 12px;}
.aplly-info-tit {
  font-weight: 700;
  line-height: 2em;
}
.apply-img-info {
  padding-left: 15px;
}
.aplly-table th,.aplly-table td {
  border: 1px solid #E0E0E0;
  padding: 5px;

}
.apply-item + .apply-item {margin-top: 30px;}
.aplly-table th {
  background-color: #F7F7F7;
}
.apply-vice-tit {
  font-size: 14px;
  font-weight: 600;
}
.block {display: block;width: 100%;}
.mt25 {margin-top: 25px;}
.tr {text-align: right;}
.hide-pc {display: none;}
.webkit {
  display: -webkit-box;
  -webkit-box-orient: vertical;
  overflow: hidden;
  -webkit-line-clamp: 1;
}
.line2 {
  -webkit-line-clamp: 2;
}
.line3 {
  -webkit-line-clamp: 3;
}
.line4 {
  -webkit-line-clamp: 4;
}
.line5 {
  -webkit-line-clamp: 5;
}
.col-000 {
  color: #000;
}
.col-333 {
  color: #333;
}
.col-666 {
  color: #666;
}
.col-999 {
  color: #999;
}
.fs12 {
  font-size: 12px;
}
.fs14 {
  font-size: 14px;
}
.fs16 {
  font-size: 16px;
}
.col-fff {
  color: #fff;
}
.col-fff a {
  color: #fff;
}
.col-fb {
  color: #FBFBFD;
}
.bgfff {
  background-color: #fff;
}
.theme {color: #AF8826;}