* {  padding: 0;  margin: 0;  box-sizing: border-box;flex-shrink: 0;}
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;}
.oa{ overflow:auto;}
.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%;}
.w50{ width: 50%;}
.w33{ width: 33.3%;}
.w25{ width: 25%;}
.w20{ width: 20%;}
.h100 {  height: 100%;}
.h50{ height: 50%;}
.h33{ height: 33.3%;}
.h25{ height: 25%;}
.h20{ height: 20%;}
.wh100 {  width: 100%;  height: 100%;}
.origin-lt{transform-origin: left top !important; -webkit-transform-origin: left top !important;}
.origin-lc{transform-origin: left center !important; -webkit-transform-origin: left center !important;}
.origin-lb{transform-origin: left bottom !important; -webkit-transform-origin: left bottom !important;}
.origin-ct{transform-origin: center top !important; -webkit-transform-origin: center top !important;}
.origin-ct20{transform-origin: center 20% !important; -webkit-transform-origin: center 20% !important;}
.origin-cc{transform-origin: center center !important; -webkit-transform-origin: center center !important;}
.origin-cb{transform-origin: center bottom !important; -webkit-transform-origin: center bottom !important;}
.origin-rt{transform-origin: right top !important; -webkit-transform-origin: right top !important;}
.origin-rc{transform-origin: right center !important; -webkit-transform-origin: right center !important;}
.origin-rb{transform-origin: right bottom !important; -webkit-transform-origin: right bottom !important;}

.op0{opacity: 0;}
.op10{opacity: .1;}
.op20{opacity: .2;}
.op30{opacity: .3;}
.op40{opacity: .4;}
.op50{opacity: .5;}
.op60{opacity: .6;}
.op70{opacity: .7;}
.op80{opacity: .8;}
.op90{opacity: .9;}
.op100{opacity: 1;}

/* 弹窗 */
.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 .6s ease-out both; -webkit-animation:downIn2 .6s 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 upIn2 {
  0% {
    margin-top: 1.5rem;
    opacity: 0;
  }
  100% {
    margin-top: 0;
    opacity: 1;
  }
}
@keyframes upIn2 {
  0% {
    margin-top: 1.5rem;
    opacity: 0;
  }
  100% {
    margin-top: 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: 1;
  }
  100% {
    margin-top: 0;
    opacity: 1;
  }
}
@keyframes downIn2 {
  0% {
    margin-top: -.6rem;
    opacity: 0;
  }
  80% {
    margin-top: .2rem;
    opacity: 1;
  }
  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 mouseLoop {
  0% {
    -o-transform: translateY(-20px);
    -webkit-transform: translateY(-20px);
    -moz-transform: translateY(-20px);
    -ms-transform: translateY(-20px);
    transform: translateY(-20px);
    opacity: 0;
  }
  50% {
      -o-transform: translateY(0px);
      -webkit-transform: translateY(0px);
      -moz-transform: translateY(0px);
      -ms-transform: translateY(0px);
      transform: translateY(0px);
      opacity: 1;
  }
  100% {
      -o-transform: translateY(20px);
      -webkit-transform: translateY(20px);
      -moz-transform: translateY(20px);
      -ms-transform: translateY(20px);
      transform: translateY(20px);
      opacity: 0;
  }
}

@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 bzCss {
	0% {
		-webkit-transform:rotateZ(0deg) ;
	}40% {
		-webkit-transform:rotateZ(0deg) ;
	}70% {
		-webkit-transform: rotateZ(90deg) ;
	}100%{
		-webkit-transform:rotateZ(0deg) ;
	}
}
@keyframes bzCss {
	0% {
		transform:rotateZ(0deg) ;
	}40% {
		transform:rotateZ(0deg) ;
	}70%{
		transform: rotateZ(90deg) ;}
	100%{
		transform:rotateZ(0deg) ;
	}
}
@-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 masky {
  0% {
    opacity: 0;
    -webkit-mask-position: 0 0;
  }
  100% {
    -webkit-mask-position: 100% 0;
    opacity: 1;
  }
}
@-webkit-keyframes masky {
  0% {
    opacity: 0;
    -webkit-mask-position: 0 0;
  }
  100% {
    -webkit-mask-position: 100% 0;
    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); }
}
@-webkit-keyframes shakeLoop{
	25%{
		-webkit-transform:translate(-3%,0);
	}
	75%{
		-webkit-transform:translate(3%,0);
	}0%,50%,100%{
		-webkit-transform:translate(0,0);
	}
}
@keyframes shakeLoop{
	25%{
		transform:translate(-3%,0);
	}
	75%{
		transform:translate(3%,0);
	}0%,50%,100%{
		transform:translate(0,0);
	}
}

.an-upIn,.an-upIn2,.an-downIn,.an-rightIn,.an-leftIn,.an-fadeIn,.an-masky{
  opacity: 0;
}
.current.an-upIn,.current .an-upIn{
  animation:upIn .8s ease-out both;
  -webkit-animation:upIn .8s ease-out both; /* Safari 和 Chrome */
}
.current.an-upIn2,.current .an-upIn2{
  animation:upIn2 .8s ease-out both;
  -webkit-animation:upIn2 .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 */
}
.current.an-masky,.current .an-masky{
  /* -webkit-mask: url(./images/mask.png) no-repeat center bottom; 
  -webkit-mask-size: 4000% 100%;
  */
  animation: masky 1s steps(39) forwards;
  -webkit-animation: masky 1s steps(39) forwards;
}
.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-mouseLoop{
  -webkit-animation: mouseLoop 2s ease-in-out 0s infinite 300ms 0 ease; 
  -moz-animation: mouseLoop 2s ease-in-out 0s infinite 300ms 0 ease;
  -ms-animation: mouseLoop 2s ease-in-out 0s infinite 300ms 0 ease;
  animation: mouseLoop 2s ease-in-out 0s infinite 300ms 0 ease;
  -o-animation: mouseLoop 2s ease-in-out 0s infinite;
  -webkit-animation: mouseLoop 2s ease-in-out 0s infinite;
  -moz-animation: mouseLoop 2s ease-in-out 0s infinite;
  -ms-animation: mouseLoop 2s ease-in-out 0s infinite;
  animation: mouseLoop 2s ease-in-out 0s 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;  
}
.an-shakeLoop{
  -webkit-animation: shakeLoop .1s linear infinite; animation: shakeLoop .1s 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;	
}

/* 文字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);}



.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;}

/* 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; } */

/*lading*/
#Toast_bg{ width:100%; height:100%; position:fixed; right:0px; top:0px; background-color:#000; opacity:0.5; filter:alpha(opacity=50); z-index:10001; display:none;}
#Black_bg,#Black_bg2{ width:100%; height:100%; position:fixed; right:0px; top:0px; background-color:#000; opacity:0.5; filter:alpha(opacity=50); z-index:999;}
#Black_bg{ z-index:1002;}
#Black_bg2{ display:none;}
#loading{width:100vw; height:100vh; position:fixed; left:0px; top:0px;  z-index:1005; }
#loading .pop_wp{ width:100%; position:relative; float:left; height:100%;background-color: rgba(0, 0, 0, .8); display: flex; align-items: center; justify-content: center;}
#loading .load_img{width:10%; height:auto;}
#alert_box{ position:fixed; background-color:#fff; width:90%; left:5%; height:auto; top:40%; overflow:hidden; z-index:1003; display:none; border-radius:5px;}
#alert_box .alert_txt{ padding:12% 0; width:90%; float:left; text-align:center; color:#333; line-height:120%; margin-left:5%; display:inline; height:auto;}
#alert_box .alert_but{ width:90%; margin:0 5% 5% 5%; padding:4% 0; text-align:center; line-height:120%; height:auto; background-color:#0170D9; color:#FFF; border-radius:4px;  float:left; cursor:pointer;}
#Toast{ position:fixed; z-index:10002; width:74%; padding:20px 3%;  height:auto; border-radius:5px; background-color:#1B1B1B; color:#fff; top:45%; left:10%; display:none; text-align:center; line-height:120%;}

  /* 竖屏提示 */
.mobile #popOtt{ z-index:9002; width:100%; height:100%; position:fixed; _position:absolute; left:0px; top:0px; display:none;}
.mobile #popOtt .pwin_bg{width: 100%;height: 100%; background: #000; }
.mobile #popOtt .pwin_bg img{ position:absolute; width:90px; left:50%; margin-left:-45px;top: 50%; margin-top: -110px; -webkit-animation: bzCss 2.6s linear 0s infinite; animation: bzCss 2.6s linear 0s infinite;}
.mobile #popOtt .pwin_bg p{ text-align:center; position: relative; top:60%;  color:#fff;}
.mobile #popOtt .pwin_bg span{ font-size:30px;}

.mobile .f12 {  font-size: .12rem;}
.mobile .f14 {  font-size: .14rem;}
.mobile .f16 {  font-size: .16rem;}
.mobile .f18 {  font-size: .18rem;}
.mobile .f20 {  font-size: .2rem;}
.mobile .f22 {  font-size: .22rem;}
.mobile .f24 {  font-size: .24rem;}
.mobile .f26 {  font-size: .26rem;}
.mobile .f28 {  font-size: .28rem;}
.mobile .f30 {  font-size: .30rem;}
.mobile .f32 {  font-size: .32rem;}
.mobile .f34 {  font-size: .34rem;}
.mobile .f36 {  font-size: .36rem;}
.mobile .f38 {  font-size: .38rem;}
.mobile .f40 {  font-size: .40rem;}
.mobile .f42 {  font-size: .42rem;}
.mobile .f44 {  font-size: .44rem;}
.mobile .f46 {  font-size: .46rem;}
.mobile .f48 {  font-size: .48rem;}
.mobile .f50 {  font-size: .50rem;}
.mobile .f60 {  font-size: .60rem;}
.mobile .mt5 {  margin-top: .05rem;}
.mobile .mt10 {  margin-top: .10rem;}
.mobile .mt15 {  margin-top: .15rem;}
.mobile .mt20 {  margin-top: .20rem;}
.mobile .mt25 {  margin-top: .25rem;}
.mobile .mt30 {  margin-top: .30rem;}
.mobile .mt35 {  margin-top: .35rem;}
.mobile .mt40 {  margin-top: .40rem;}
.mobile .mt45 {  margin-top: .45rem;}
.mobile .mt50 {  margin-top: .50rem;}
.mobile .mt55 { margin-top: .55rem;}
.mobile .mt60 {  margin-top: .60rem;}
.mobile .mt65 {  margin-top: .65rem;}
.mobile .mt70 {  margin-top: .70rem;}
.mobile .mt75 {  margin-top: .75rem;}
.mobile .mt80 {  margin-top: .8rem;}
.mobile .mt85 {  margin-top: .85rem;}
.mobile .mt90 {  margin-top: .9rem;}
.mobile .mt95 {  margin-top: .95rem;}
.mobile .mt100 {  margin-top: 1rem;}
.mobile .mt110 {  margin-top: 1.1rem;}  
.mobile .mt120 {  margin-top: 1.2rem;}  
.mobile .mt130 {  margin-top: 1.3rem;}  
.mobile .mt140 {  margin-top: 1.4rem;}  
.mobile .mt150 {  margin-top: 1.5rem;}
.mobile .ml5 {  margin-left: .05rem;}
.mobile .ml10 {  margin-left: .10rem;}
.mobile .ml15 {  margin-left: .15rem;}
.mobile .ml20 {  margin-left: .20rem;}
.mobile .ml25 {  margin-left: .25rem;}
.mobile .ml30 {  margin-left: .30rem;}
.mobile .ml35 {  margin-left: .35rem;}
.mobile .ml40 {  margin-left: .40rem;}
.mobile .ml45 {  margin-left: .45rem;}
.mobile .ml50 {  margin-left: .50rem;}
.mobile .ml55 { margin-left: .55rem;}
.mobile .ml60 {  margin-left: .60rem;}
.mobile .ml65 {  margin-left: .65rem;}
.mobile .ml70 {  margin-left: .70rem;}
.mobile .ml75 {  margin-left: .75rem;}
.mobile .ml80 {  margin-left: .8rem;}
.mobile .ml85 {  margin-left: .85rem;}
.mobile .ml90 {  margin-left: .9rem;}
.mobile .ml95 {  margin-left: .95rem;}
.mobile .ml100 {  margin-left: 1rem;}