html{
	 touch-action: manipulation;
}
a {
        text-decoration: none !important;
    }
	.m_edit_a{}

a.m_a1{color:#0d6efd; }
a.m_a1:hover{color:#0b5ed7}
.iblock{display:inline-block;}
.bold{font-weight:bold;}
.bold5{font-weight:500;}
.flex{    display: flex;     align-items: center;
	}
	
.transbg{transition: background-color .15s ease-in-out;}
.topbar{    width: 100%;
    position: fixed;
    background-color: white;
    top: 2.5em;
    height: 2em;
    z-index: 100;
    padding: 0.5em 1em 0 1em;}
.topbar_space{height:2em;}

.flexcenter1{    display: flex;
    justify-content: center;
    align-items: center;
	}
.flexcenter2{    display: flex; 
    align-items: center;
	}
.flexbet{display: flex; justify-content: space-between;}
.flexarod{display: flex; justify-content: space-around;}
.flex_spbt{display: flex;justify-content: space-between;}
.flexstartmid{display: flex;  justify-content: flex-start;  align-items: center;}
.flexendmid{display: flex;  justify-content: flex-end;  align-items: center;}
.flexcentermid{    display: flex; justify-content: center; align-items: center;}
.vmid{align-items: center;}
.dircol{    flex-direction: column;}


.ac{text-align:center;}
.ar{text-align:right;}
.hide{display: none !important; }
.btc_b{border-top: 3px solid #0d6efd;}

.ml_1{ margin-left: 1em;}
.fs08{ font-size: 0.8em;}
.fs09{ font-size: 0.9em;}
.gray{    color: gray;}
.inp01{}
.bc_disabled{background-color:#efefef}


.inp_pure{border: 0;outline:none !important;background:none !important;}	

.inpback{background-color: #f6f6f6;
    border-radius: 0.5em;
    padding: 3px 5px 3px 5px;}
.inpback .txtinput{    line-height: 2.5em; padding:0 1em 0 1em;}


.must:after{content:"*";color:red;font-weight:bold;}
 


.red{color:red;}

.white{color:white;}
.bcwhite{background-color:white;}
.bcgr{background-color:rgb(246,250,254);}

.aleft{text-align:left;}
.acenter{text-align:center;}
.aright{text-align:right;}

.tcblack{color:#000;}
.tcblack1{color:#5a5a5a;}
.tcgray{color:#7e7e7e}
     
.fs11{font-size:1.1em !important;}
.fs12{font-size:1.2em !important;}
.fs15{font-size:1.5em !important;}
.fs20{font-size:2em !important;}
.fs25{font-size:2.5em !important;}
.fs08{font-size:0.8em !important;}
.fs09{font-size:0.9em !important;}	
.fs12{font-size:1.2em !important;}
.fs13{font-size:1.3em !important;}
.fs15{font-size:1.5em !important;}
.fs20{font-size:2.0em !important;}
	
.lh20{line-height:2em !important;}
.lh25{line-height:2.5em !important;}
.lh30{line-height:3em !important;}
 
.pd_tb_05{padding-top:0.5em;padding-bottom:0.5em;}
.pd_tb_08{padding-top:0.8em;padding-bottom:0.8em;}
.pd_tb_10{padding-top:1em;padding-bottom:1em;}
.pd_tb_15{padding-top:1.5em;padding-bottom:1.5em;}

.pd_lr_05{padding-left:0.5em;padding-right:0.5em;}
.pd_lr_08{padding-left:0.8em;padding-right:0.8em;}
.pd_lr_10{padding-left:1em;padding-right:1em;}
.pd_lr_15{padding-left:1.5em;padding-right:1.5em;}

.pd_05{padding:0.5em;}
.pd_08{padding:0.8em;}
.pd_10{padding:1em;}
.pd_15{padding:1.5em;}

.mg_lr_auto{margin-left:auto;margin-right:auto;}

.br8{border-radius: 8px;}
.br1em{border-radius: 1em;} 
.br50pc{border-radius: 50%;}
.bs01
{ 
	text-align:center; 
    padding: 1em;
	width:9em;
	border-radius: 8px;
}
.w50{width:50%;}
.w100{width:100%;}
.h100{height:100%;}
.wh100{width:100%;height:100%;}
.full{width:100%;height:100%;}

.tclr1{color:rgb(133, 189, 0) !important;}
.tclr2{color:#2a6bd6 !important; }
.tclr3{color:#888 !important; }
.bclr1{background-color: rgb(248, 248, 248);}

.swiper-slide {
      text-align: center;
      font-size: 18px;
      background: #fff;
      display: flex;
      justify-content: center;
      align-items: center;
    } 
    .swiper-slide img {
      display: block;
      width: 100%;
      height: 100%;
      object-fit: cover;
    } 
    .swiper-pagination-bullet {
      width: 20px;
      height: 20px;
      text-align: center;
      line-height: 20px;
      font-size: 12px;
      color: #000;
      opacity: 1;
      background: rgba(0, 0, 0, 0.2);
    } 
    .swiper-pagination-bullet-active {
      color: #fff;
      background: #007aff;
    }
	.mySwiper img.fm{max-width:100%;max-height:100%;}
	
	
.pi_none{display:none;}
  .pi_tb01{}
  .pi_tb01 .p_tit{ display:flex;background-color:white;margin-bottom: 0.5em;}
  .pi_tb01 .p_tit a{display:inline-block;  
					color:#666; 
					text-align:center; 
					border-right:1px solid #ddd; 
					padding:0.5em 1em 0.5em 1em;
					}
   .pi_tb01 .p_tit a:hover{color: #669900;}
   .pi_tb01 .p_tit a.p_fix{ }
   .pi_tb01 .p_tit a.p_sel{color: #fff;
					border-right:1px solid #ff4c66;
					background: #ff4c66;}
	.pi_tb01 .p_content{background-color:white;}
	.pi_tb01 .p_content .p_cot_item{padding:0.5em;} 
	.btperiod button{font-size: 0.8em;     min-width: 6em;}
	 
.ctmg1{width:95%;margin-left:2.5%;}
.ctmg2{width:90%;margin-left:5%;}

.scrollable-no-scrollbar {
  overflow: auto;         /* 开启滚动 */
  -ms-overflow-style: none;  /* IE 和 Edge 隐藏滚动条 */
  scrollbar-width: none;     /* Firefox 隐藏滚动条 */
}

.scrollable-no-scrollbar::-webkit-scrollbar {
  display: none;             /* Chrome/Safari 隐藏滚动条 */
} 
 
.vscroll{overflow-y:scroll}
 
.arr_down{transform: scaleY(0.6);}
.arr_up{transform: scaleY(-0.6);}




.csc_g{background-color:rgb(133, 189, 0) !important;color:white !important;}
.csc_r{background-color:#f6543e !important;color:white !important;}
.csc_y{background-color:rgb(114, 78, 214) !important;color:white !important;}


.modal {
  opacity: 0;
  transition: opacity 0.4s ease-in-out; /* 设置渐变时间 */
  display: none; /* 初始隐藏 */
}
.modal.show {
  display: block;
  opacity: 1;
}



.circlose{border-radius: 50%;
    width: 1.5em;
    height: 1.5em;
    line-height: 1.4em;
    font-size: 1.3em;
	font-weight:bold;
    color: white;
    text-align: center;
    background-color: #111;}
	
.modal-body{padding:0 0 0 0 !important;}



/*登录后 body会有 logon类，所有元素要登录才显示的话，可设置 logui */
body       .logui{display: none;}
body       .nlogui{display: block;}

body.logon .logui{display:block !important;}
body.logon .nlogui{display:none !important;}

.rotate180{    transform: scaleY(-1);}



.btgroup a.bt{color:#8d8d8d;}


.fa-plus:before {
    content: "\f067";
}

.fa-gou:before {
    content: "\f00c";
}
.fa-cha:before {
    content: "\f00d";
}
.fa-tan:before {
    content: "\f12a";
}

/*这是一个圈圈，用于加载资源时非常有用*/
@keyframes van-rotate {
    0% {  transform: rotate(0) } 
    to {  transform: rotate(360deg)  }
}
@keyframes van-circular 
{
    0% {  stroke-dasharray: 1,200;  stroke-dashoffset: 0  } 
    50% {  stroke-dasharray: 90,150;   stroke-dashoffset: -40  } 
    to {  stroke-dasharray: 90,150;  stroke-dashoffset: -120  }
}
.van-loading__spinner 
{ 
	position: relative;  display: inline-block;  width: 8vw;  max-width: 100%;  height: 8vw;
    max-height: 100%; vertical-align: middle;  animation: van-rotate .8s linear infinite;
}
.van-loading__spinner--circular{ animation-duration: 2s; }
.van-loading__circular {  display: block;  width: 100%;  height: 100%; }
.van-loading__circular circle { animation: van-circular 1.5s ease-in-out infinite;  stroke: currentColor; stroke-width: 3; stroke-linecap: round;}

/*<span class="van-loading__spinner van-loading__spinner--circular" style="color: rgb(255 255 255);">
<svg class="van-loading__circular" viewBox="25 25 50 50">
<circle cx="50" cy="50" r="20" fill="none"></circle></svg></span>
*/