body{-webkit-tap-highcolor:transparent;-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;background-color: #000;}
.header .logo{fill: #fff;}
.header .menu li a.item{color: #fff;}
.header .menu li.active a.item::after,.header .menu li:hover a.item::after{background-color: #fff;}

.header .menu li.lang a{background-color: #000;color: #fff;}
.header.isout .logo span{fill:#000;}
.footer .container{width: 15.28rem;max-width: 15.28rem;}
.mob_logo{fill: #000;}
.menu-btn span{background-color: #000;}
.contact_wrap{padding-top: 1rem;}
.contact_wrap h1{margin-bottom: 1rem; line-height: 1.25;font-size: .8rem;font-weight: bold;color: #000;}
.lx_conts_l{width: 6rem;}
.lx_conts_l img{width: 100%;height: auto;display: block;}
.lx_conts_l .tips{line-height: 1.46;font-size: .48rem;margin-top: .25rem;}
.lx_conts_r{width: 7rem;}
.m-check{font-family: "SourceCN";color: #808080;font-size: .24rem;line-height: 1;font-weight: normal;}
.m-checkbox{margin-right: .1rem;position:relative;width:.22rem;height:.22rem;border:solid 1px rgba(0,0,0,.2);border-radius:.02rem;cursor:pointer;vertical-align: middle;}
.m-checkbox:after{content: '\e63d';font-family: "iconfont" !important;position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);font-size: .16rem;opacity: 0;color: #000;}
.m-check input[type=checkbox]{display:none}
.m-check input[type=checkbox]:checked+div{border:solid 1px #000;background: none;}
.m-check input[type=checkbox]:checked+div:after{opacity: 1;}

input::-webkit-input-placeholder{color:rgba(0,0,0,.5);}
input::-moz-placeholder{color:rgba(0,0,0,.5);}
input:-moz-placeholder{color:rgba(0,0,0,.5);}
input:-ms-input-placeholder{color:rgba(0,0,0,.5);}
.xInt{border: none;outline: none; border-bottom: .02rem solid rgba(0,0,0,.2);display: block;font-size: .24rem;line-height: 1;padding: .28rem 0;font-family: "SourceCN";width: 100%;outline: none;background: none;}
.xInt:focus{color: #000;border-bottom-color: #000;}

.xInt.required{border-bottom-color: #eb5858;color: #eb5858;}
.xInt.active{border-bottom-color: #000;color: #000;background: #fff;}
input.xInt.required::-webkit-input-placeholder{color:#eb5858}
input.xInt.required::-moz-placeholder{color:#eb5858}

.lxItem{margin-bottom: .42rem;background: none;}
.tjbtn{width: 3rem;height: .6rem;background-color: rgba(0,0,0,.1);display: flex;align-items: center;justify-content: center;color: #fff;font-size: .18rem;margin-top: .8rem;position: relative;overflow: hidden;}
.tjbtn span{position: relative;z-index: 2;}
.tjbtn.cur,.tjbtn.black{background-color: #000;color: #fff;}
.tjbtn.cur::after{transition:all .4s;content:'';position:absolute;left:0;top:0;bottom:0;transform:translateX(-100%);right:0;background-color:#6a56fb}
.tjbtn.cur:hover::after{transform:translateX(0)}
.checkbox {
  --background: #fff;
  --border: #D1D6EE;
  --border-hover: #BBC1E1;
  --border-active: #1E2235;
  --tick: #fff;
  margin-left: 0 !important;
  position: relative;
}
.checkbox input,
.checkbox svg {
  width: 21px;
  height: 21px;
  display: block;
}
.checkbox input {
  -webkit-appearance: none;
  -moz-appearance: none;
  position: relative;
  outline: none;
  background: #fff;
  border: none;
  margin: 0;
  padding: 0;
  cursor: pointer;
  border-radius: 4px;
  transition: box-shadow 0.3s;
  box-shadow: inset 0 0 0 var(--s, 1px) var(--b, var(--border));
}
.checkbox input:hover {
  --s: 2px;
  --b: var(--border-hover);
}
.checkbox input:checked {
  --b: var(--border-active);
}
.checkbox svg {
  pointer-events: none;
  fill: none;
  stroke-width: 2px;
  stroke-linecap: round;
  stroke-linejoin: round;
  stroke: var(--stroke, var(--border-active));
  position: absolute;
  top: 0px;
  left: 0;
  width: 21px;
  height: 21px;
  transform: scale(var(--scale, 1)) translateZ(0);
}
.checkbox.path input:checked {
  --s: 2px;
  transition-delay: 0.4s;
}
.checkbox.path input:checked + svg {
  --a: 16.1 86.12;
  --o: 102.22;
	
}

.checkbox.path svg {
  stroke-dasharray: var(--a, 86.12);
  stroke-dashoffset: var(--o, 86.12);
  transition: stroke-dasharray 0.6s, stroke-dashoffset 0.6s;
}
.checkbox.bounce {
  --stroke: var(--tick);
}
.checkbox.bounce input:checked {
  --s: 11px;
}
.checkbox.bounce input:checked + svg {
  animation: bounce 0.4s linear forwards 0.2s;
}
.checkbox.bounce svg {
  --scale: 0;
}

@keyframes bounce {
  50% {
    transform: scale(1.2);
  }
  75% {
    transform: scale(0.9);
  }
  100% {
    transform: scale(1);
  }
}
.lx_ck{margin-right: .1rem;}
.lx_ysi{color: #808080;font-size: .24rem;}
@media (max-width:750px) {
	.lx_conts .lx_conts_l{width: 100%;order: 2;margin-top: 1.6rem;}
	.xInt{font-size: .3rem;padding: .24rem 0;}
	.lxItem{margin-bottom: .8rem;}
	.m-check{font-size: .3rem;}
	.m-checkbox{width: .3rem;height: .3rem;}
	.tjbtn{height: .72rem;font-size: .24rem;}
	.lx_conts_r,.lx_conts_l{width: 100%;}
	.lx_conts_l{position: relative;}
	.lx_conts_l p{color: #fff;z-index: 2;font-size: .32rem;width: 100%;padding: 0 .5rem;line-height: 1.5;}
	.mob_logo{fill: #fff;}
	.menu-btn span{background-color: #fff;}
}