* {  padding: 0;  margin: 0;  box-sizing: border-box;}
html,body{height: 100%;position: relative;}
h1,h2,h3,h4,h5,h6{  font-weight: normal;}
button {  border: none;  cursor: pointer;  background-color: #fff;}
.center{  text-align: center;}
.right{  text-align: right;}
/* 清除浮动 */
.clearfix::after {  content: '';  display: block;  clear: both;  width: 0;   height: inherit;   float: left;}  /* height不能用100% */
.oh{overflow: hidden;}
.nowrap{white-space: nowrap;}
.omit{	white-space: nowrap;	overflow: hidden; 	text-overflow:ellipsis; }
.omit-two{  display: -webkit-box;  -webkit-line-clamp: 2;  -webkit-box-orient: vertical;  overflow: hidden;}
font{  display: inline-block;  -webkit-transform:scale(0.0);  transform:scale(0.5); }
.transition{-webkit-transition: all 0.2s ease-in 0;  transition: all 0.2s ease-in 0s;}
.underline{text-decoration: underline !important;}
.bold{font-weight: bold;}
select {  color: #808080;  outline: none;  /*去掉默认的下拉三角*/  appearance: none;  -moz-appearance: none;  -webkit-appearance: none;}
input,textarea {  outline: none;  border: none;}
/* 去除数字上下键 */
input::-webkit-outer-spin-button,
input::-webkit-inner-spin-button {  -webkit-appearance: none;}
input[type="number"] {  -moz-appearance: textfield;}
input:focus,
select:focus {  outline: none; }
a {  outline: none;  text-decoration: none;  color: inherit;   display: inline-block;  cursor: pointer;}
a:link,a:visited,a:hover,a:active{ text-decoration:none;}
.event_none{pointer-events: none;}
span { display: inline-block;}
ul {  list-style: none;}
.fl{float: left;}
.fr{float: right;}
.df {  display: flex;  flex-shrink: 0;}
.dfc{  display: flex;  flex-direction: column;  flex-shrink: 0;}
.fww{flex-wrap: wrap;}
.ac {  align-items: center;}
.jc{  justify-content: center;}
.jsb{justify-content: space-between;}
.flex1{flex: 1; }
.db {  display: block !important;}
.dn {  display: none !important;}
.pr {  position: relative;}
.pa {  position: absolute;}
.pf {  position: fixed;}
.l0{left: 0;}
.t0{top: 0;}
.r0{right:0;}
.b0{bottom:0;}
.lt0 {  left: 0;  top: 0;}
.rt0 { right: 0; top: 0;}
.lb0 {  left: 0;  bottom: 0;}
.rb0 {  right: 0;  bottom: 0;}
.lt_center {  left: 50%;  top: 50%;  transform: translate(-50%,-50%);}
.l_center{  left: 50%;  transform: translateX(-50%);}
.t_center{  top: 50%;  transform: translateY(-50%);}
.color_fff{color: #fff;}
.z-index {  z-index: 3;}
.w100 {  width: 100%;}
.h100 {  height: 100%;}
.wh100 {  width: 100%;  height: 100%;}
.f12 { font-size: 12px;}
.f14 { font-size: 14px;}
.f16 { font-size: 16px;}
.f18 { font-size: 18px;}
.f20 { font-size: 20px;}
.f22 { font-size: 22px;}
.f24 { font-size: 24px;}
.f26 { font-size: 26px;}
.f28 { font-size: 28px;}
.f30 { font-size: 30px;}
.f32 { font-size: 32px;}
.f34 { font-size: 34px;}
.f36 { font-size: 36px;}
.f38 { font-size: 38px;}
.f40 {  font-size: 40px;}
.f42 {  font-size: 42px;}
.f44 {  font-size: 44px;}
.f46 {  font-size: 46px;}
.f48 {  font-size: 48px;}
.f50 {  font-size: 50px;}
.f60 { font-size: 60px;}
.fzs50 span {
  float: left;
  width: 200%;
  margin-left: -50%;
  -webkit-transform: scale(0.5);
  transform: scale(0.5);
}
.mt5 { margin-top: 5px;}
.mt10 { margin-top: 10px;}
.mt15 { margin-top: 15px;}
.mt20 { margin-top: 20px;}
.mt25 { margin-top: 25px;}
.mt30 { margin-top: 30px;}
.mt35 { margin-top: 35px;}
.mt40 { margin-top: 40px;}
.mt45 { margin-top: 45px;}
.mt50 { margin-top: 50px;}
.mt55 { margin-top: 55px;}
.mt60 { margin-top: 60px;}
.mt65 { margin-top: 65px;}
.mt70 { margin-top: 70px;}
.mt75 { margin-top: 75px;}
.mt80 { margin-top: 80px;}
.mt85 { margin-top: 85px;}
.mt90 { margin-top: 90px;}
.mt95 { margin-top: 95px;}
.mt100 { margin-top: 100px;}
.mt110 { margin-top: 110px;}
.mt120 { margin-top: 120px;}
.mt130 { margin-top: 130px;}
.mt140 { margin-top: 140px;}
.mt150 { margin-top: 150px;}
.ml5 { margin-left: 5px;}
.ml10 { margin-left: 10px;}
.ml15 { margin-left: 15px;}
.ml20 { margin-left: 20px;}
.ml25 { margin-left: 25px;}
.ml30 { margin-left: 30px;}
.ml35 { margin-left: 35px;}
.ml40 { margin-left: 40px;}
.ml45 { margin-left: 45px;}
.ml50 { margin-left: 50px;}
.ml55 { margin-left: 55px;}
.ml60 { margin-left: 60px;}
.ml65 { margin-left: 65px;}
.ml70 { margin-left: 70px;}
.ml75 { margin-left: 75px;}
.ml80 { margin-left: 80px;}
.ml85 { margin-left: 85px;}
.ml90 { margin-left: 90px;}
.ml95 { margin-left: 95px;}
.ml100 { margin-left: 100px;}

/* 弹窗 */
.pop_win{ z-index:9000; width:100%; height:100%; position:fixed;  left:0px; top:0px; display: none;}
.pop_win .pwin_bg{width: 100%;height: 100%; background: #000; opacity: .7; filter: alpha(opacity=70); }
.pop_win .pwin_box{ position:absolute; left:50%; top:50%; -webkit-transform: translate(-50%,-50%); transform: translate(-50%,-50%); animation:downIn2 .8s ease-out both; -webkit-animation:downIn2 .8s ease-out both;}

/* 动画 */
@-webkit-keyframes upIn {
  0% {
    -webkit-transform: translateY(20%);
    opacity: 0;
  }
  100% {
    -webkit-transform: translateY(0);
    opacity: 1;
  }
}
@keyframes upIn {
  0% {
    transform: translateY(20%);
    opacity: 0;
  }
  100% {
    transform: translateY(0);
    opacity: 1;
  }
}
@-webkit-keyframes downIn {
  0% {
    -webkit-transform: translateY(-20%);
    opacity: 0;
  }
  100% {
    -webkit-transform: translateY(0);
    opacity: 1;
  }
}
@keyframes downIn {
  0% {
    transform: translateY(-20%);
    opacity: 0;
  }
  100% {
    transform: translateY(0);
    opacity: 1;
  }
}
@-webkit-keyframes downIn2 {
  0% {
    margin-top: -.6rem;
    opacity: 0;
  }
  80% {
    margin-top: .2rem;;
    opacity: .8;
  }
  100% {
    margin-top: 0;;
    opacity: 1;
  }
}
@keyframes downIn2 {
  0% {
    margin-top: -.6rem;
    opacity: 0;
  }
  80% {
    margin-top: .2rem;;
    opacity: .8;
  }
  100% {
    margin-top: 0;;
    opacity: 1;
  }
}
@-webkit-keyframes rightIn {
	0% {
		-webkit-transform:translate(-15%,0);
		opacity:0;
	}
	100% {
		-webkit-transform:translate(0,0);
		opacity:1;
	}
}
@keyframes rightIn {
	0% {
		transform:translate(-15%,0);
		opacity:0;
	}
	100% {
		transform:translate(0,0);
		opacity:1;
	}
}
@-webkit-keyframes leftIn {
	0% {
		-webkit-transform:translate(15%,0);
		opacity:0;
	}
	100% {
		-webkit-transform:translate(0,0);
		opacity:1;
	}
}
@keyframes leftIn {
	0% {
		transform:translate(15%,0);
		opacity:0;
	}
	100% {
		transform:translate(0,0);
		opacity:1;
	}
}
@-webkit-keyframes fadeIn {
	0% {
		opacity:0;
	}
	100% {
		opacity:1;
	}
}
@keyframes fadeIn {
	0% {
		opacity:0;
	}
	100% {
		opacity:1;
	}
}
@-webkit-keyframes downUpLoop {
  0% {
      -webkit-transform: translateY(0);
  }
  50% {
      -webkit-transform: translateY(-20%);
  }
  100% {
      -webkit-transform: translateY(0);
  }
}
@keyframes downUpLoop {
  0% {
    transform: translateY(0);
  }
  50% {
    transform: translateY(-20%);
  }
  100% {
    transform: translateY(0);
  }
}
@-webkit-keyframes scaleLoop {
  0% {
      -webkit-transform: scale(1);
  }
  50% {
      -webkit-transform: scale(1.2);
  }
  100% {
      -webkit-transform: scale(1);
  }
}
@keyframes scaleLoop {
  0% {
    transform: scale(1);
  }
  50% {
    transform: scale(1.2);
  }
  100% {
    transform: scale(1);
  }
}
@keyframes z {
  from {
    transform: rotateZ(0deg);
  }
  to {
    transform: rotateZ(360deg);
  }
}
@-webkit-keyframes z {
	from {
		-webkit-transform: rotateZ(0deg);
	}
	to {
		-webkit-transform: rotateZ(360deg);
	}
}
@keyframes fz {
  from {
    transform:  rotateZ(0deg);
  }
  to {
    transform:  rotateZ(-360deg);
  }
}
@-webkit-keyframes fz {
	from {
		-webkit-transform: rotateZ(0deg);
	}
	to {
		-webkit-transform: rotateZ(-360deg);
	}
}
@-webkit-keyframes scaleBg {
	0% {
		-webkit-transform: scale(1.5);
		  opacity:0.3;
	}
	100% {
		-webkit-transform: scale(1);
		 opacity:1;
	}
}
@keyframes scaleBg {
	0% {
		transform: scale(1.5);
		  opacity:0.3;
	}
	100% {
		transform: scale(1);
		 opacity:1;
	}
}
@keyframes swing {
  0% {
    transform:  rotateZ(0deg);
  }
  25% {
    transform:  rotateZ(5deg);
  }
  75% {
    transform:  rotateZ(-5deg);
  }
  100% {
    transform:  rotateZ(0deg);
  }
}
@-webkit-keyframes swing {
  0% {
    -webkit-transform:  rotateZ(0deg);
  }
  25% {
    -webkit-transform:  rotateZ(5deg);
  }
  75% {
    -webkit-transform:  rotateZ(-5deg);
  }
  100% {
    -webkit-transform:  rotateZ(0deg);
  }
}
@-webkit-keyframes rlCss {
  0% {  -webkit-transform: translateX(0);}
  50% {  -webkit-transform: translateX(10%); }
  100% {  -webkit-transform: translateX(0); }
}
@keyframes rlCss {
  0% { transform: translateX(0);}
  50% { transform: translateX(10%); }
  100% { transform: translateX(0); }
}
@-webkit-keyframes lrCss {
  0% {  -webkit-transform: translateX(0);}
  50% {  -webkit-transform: translateX(-10%); }
  100% {  -webkit-transform: translateX(0); }
}
@keyframes lrCss {
  0% { transform: translateX(0);}
  50% { transform: translateX(-10%); }
  100% { transform: translateX(0); }
}
.current.an-upIn,.current .an-upIn{
  animation:upIn .8s ease-out both;
  -webkit-animation:upIn .8s ease-out both; /* Safari 和 Chrome */
}
.current.an-downIn,.current .an-downIn{
  animation:downIn .8s ease-out both;
  -webkit-animation:downIn .8s ease-out both; /* Safari 和 Chrome */
}
.current.an-rightIn,.current .an-rightIn{
  animation:rightIn .8s ease-out both;
  -webkit-animation:rightIn .8s ease-out both; /* Safari 和 Chrome */
}
.current.an-leftIn,.current .an-leftIn{
  animation:leftIn .8s ease-out both;
  -webkit-animation:leftIn .8s ease-out both; /* Safari 和 Chrome */
}
.current.an-fadeIn,.current .an-fadeIn{
  animation:fadeIn .8s ease-out both;
  -webkit-animation:fadeIn .8s ease-out both; /* Safari 和 Chrome */
}
.current.an-scaleBg,.current .an-scaleBg{
  animation:scaleBg .8s ease-out both;
  -webkit-animation:scaleBg .8s ease-out both; /* Safari 和 Chrome */
}
.an-downUpLoop{
  animation: downUpLoop 2s linear infinite;
  -webkit-animation: downUpLoop 2s linear infinite;  
}
.an-scaleLoop{
  animation: scaleLoop 2s linear infinite;
  -webkit-animation: scaleLoop 2s linear infinite;  
}
.an-lrLoop{  animation: lrCss 2s linear infinite;
  -webkit-animation: lrCss 2s linear infinite;  }
.an-rlLoop{  animation: rlCss 2s linear infinite;
  -webkit-animation: rlCss 2s linear infinite;  }
.an-z{
  animation: z 2s linear infinite;
  -webkit-animation: z 2s linear infinite;  
}
.an-fz{
  animation: fz 2s linear infinite;
  -webkit-animation: fz 2s linear infinite;  
}
.an-swing{
  transform-origin: center top; 
  animation: swing 2.5s linear infinite;  
  -webkit-animation: swing 2.5s linear infinite;  
}
/*延迟调用动画*/
.delay2{
	-webkit-animation-delay:.2s!important;
	animation-delay:.2s!important;	
}
.delay4{
	-webkit-animation-delay:.4s!important;
	animation-delay:.4s!important;	
}
.delay6{
	-webkit-animation-delay:.6s!important;
	animation-delay:.6s!important;	
}
.delay8{
	-webkit-animation-delay:.8s!important;
	animation-delay:.8s!important;	
}
.delay10{
	-webkit-animation-delay:1s!important;
	animation-delay:1s!important;	
}
.delay12{
	-webkit-animation-delay:1.2s!important;
	animation-delay:1.2s!important;	
}
.delay14{
	-webkit-animation-delay:1.4s!important;
	animation-delay:1.4s!important;	
}
.delay16{
	-webkit-animation-delay:1.6s!important;
	animation-delay:1.6s!important;	
}
.delay18{
	-webkit-animation-delay:1.8s!important;
	animation-delay:1.8s!important;	
}
.delay20{
	-webkit-animation-delay:2s!important;
	animation-delay:2s!important;	
}
.delay22{
	-webkit-animation-delay:2.2s!important;
	animation-delay:2.2s!important;	
}
.delay24{
	-webkit-animation-delay:2.4s!important;
	animation-delay:2.4s!important;	
}
.delay26{
	-webkit-animation-delay:2.8s!important;
	animation-delay:2.8s!important;	
}
.delay34{
	-webkit-animation-delay:3.4s!important;
	animation-delay:3.4s!important;	
}
.delay38{
	-webkit-animation-delay:3.8s!important;
	animation-delay:3.8s!important;	
}

/* loading */
/* .popKc{ z-index:99999; width:100%; height:100%; position:fixed;  left:0px;  position:absolute; overflow:hidden; display:block;   opacity:1;}
.popKc .popKbg{width: 100%;height: 100%; background:#000; position:absolute; top:0; left:0; opacity:.8; filter: alpha(opacity=8);}
.popKc .popKcont{ position:absolute; width:200px; height:200px; left:50%; top:50%; margin-left:-100px; margin-top:-100px; line-height:200px;}
.popKc .popKcont i{background:url(/Public/Images/zhuanti/20221128/loading.png); -webkit-animation: z 10s ease-out infinite; animation: z 10s ease-out infinite;}
.popKc .popKcont p{ font-size:24px; text-align:center; color:#fff; z-index:3; } */

/* 文字toast */
.pop_text{  line-height: 20.5px;  border-radius: 8.8px;  display: none;	word-break: break-all;  z-index: 999;  position: absolute; border: 1px solid;}
.pop_text .pop_text_html{text-align: left; float: left;box-sizing: border-box;  padding: 10px;  border-radius: 11.7px;background-color: inherit;}
.pop_text::after{  content: "";  display: block;  width: 11px;height: 11px; position: absolute;z-index: -1; border: 1px solid;	border-color: inherit; background-color: inherit; box-sizing: border-box;}
.pop_text.p_b::after{  border-bottom-color: transparent;  border-right-color: transparent;  top: -5.8px;} 
.pop_text.p_t::after{  border-top-color: transparent;  border-left-color: transparent;  bottom: -5.8px;} 
.pop_text.p_l::after{  border-bottom-color: transparent;  border-left-color: transparent;  right: -5.8px;} 
.pop_text.p_r::after{  border-top-color: transparent;  border-right-color: transparent;  left: -5.8px;} 
.pop_text.a2.p_b::after,.pop_text.a2.p_t::after{ left: 50%;transform: translateX(-57%) rotate(45deg);}
.pop_text.a2.p_l::after,.pop_text.a2.p_r::after{ top: 50%;transform: translateY(-57%) rotate(45deg);}
.pop_text.a1.p_b::after,.pop_text.a1.p_t::after{ left: 25%;transform: translateX(-57%) rotate(45deg);}
.pop_text.a1.p_l::after,.pop_text.a1.p_r::after{ top: 25%;transform: translateY(-57%) rotate(45deg);}
.pop_text.a3.p_b::after,.pop_text.a3.p_t::after{ left: 75%;transform: translateX(-57%) rotate(45deg);}
.pop_text.a3.p_l::after,.pop_text.a3.p_r::after{ top: 75%;transform: translateY(-57%) rotate(45deg);}