:root { 
  --tc: $themeColor; 
  --tc2: #ec730a; 
}
@font-face {
  font-family: 'bh';
  src: url('../font1/bahnschrift.woff') format('woff'),
}

.bg_w{background-color: #fff;}
.vw_100{width: 100vw;}
.wrap{width: 1200px; margin: 0 auto;}
.minH{min-height: 450px;}
.micon{font-size: inherit;}
.c_p{cursor: pointer;}
.icon img{
  width:100% ;
  height: 100%;
  object-fit: contain;
}

.submit_btn{
  background: var(--tc);
  color: #fff !important;
  text-align: center;
  font-size: 16px;
  border-radius: 5px;
  line-height: 40px;
  cursor: pointer;
  display: block;
}
.submit_btn.style1{
  margin: 0 auto;
  width: 120px;
}
.submit_btn.style2{
  margin: 0 auto;
  width: 120px;
  background-color: #dddddd;
  color: #333;
}


.detail_box{
  border: 1px solid #e5e5e5;
  padding: 40px 120px;
  position: relative;
}
.article_title{
  font-size: 30px;
  padding: 0 60px;
  text-align: center;
}

.article_content{
  line-height: 2;
}


.audit_state{
  height: 100px;
  background: #f4f4f4;
  border: 1px solid #ddd;
  font-size: 16px;
  padding: 0 60px;
  border-radius: 5px;
}
.audit_state .quan{
  height: 18px;
  width: 18px;
  border: 4px solid var(--tc);
  border-radius: 50%;
}
.audit_state .quan.tc2{
  border-color: #f00;
}
.audit_callback{
  border: 1px solid #ddd;
  border-radius: 5px;
  padding: 20px;
}

.member_info{
  border: 1px solid #e5e5e5;
  padding: 40px;
}

/* 
  @ 高度定义
  @author: jxd
*/
.h5{height:5px;clear:both;}
.h10{height:10px;clear:both;}
.h15{height:15px;clear:both;}
.h20{height:20px;clear:both;}
.h25{height:25px;clear:both;}
.h30{height:30px;clear:both;}
.h40{height:40px;clear:both;}
.h50{height:50px;clear:both;}
.h60{height:60px;clear:both;}
.h70{height:70px;clear:both;}
.h80{height:80px;clear:both;}
.h90{height:90px;clear:both;}
.h100{height:100px;clear:both;}
.h110{height:110px;clear:both;}
.h140{height:140px;clear:both;}
.h160{height: 160px;clear: both;}

/* 
  @ 内边距
  @author: jxd
*/
.pdlr_10{padding-left:10px;padding-right: 10px;}
.pdlr_20{padding-left:20px;padding-right: 20px;}
.pdlr_30{padding-left:30px;padding-right: 30px;}
.pdlr_40{padding-left:40px;padding-right: 40px;}
.pdlr_50{padding-left:50px;padding-right: 50px;}
.pdl_10{padding-left:10px;}
.pdl_20{padding-left:20px;}
.pdl_30{padding-left:30px;}
.pdl_40{padding-left:40px;}
.pdl_50{padding-left:50px;}
.pdr_10{padding-right: 10px;}
.pdr_20{padding-right: 20px;}
.pdr_30{padding-right: 30px;}
.pdr_40{padding-right: 40px;}
.pdr_50{padding-right: 50px;}

.pdtb_10{padding-top:10px;padding-bottom: 10px;}
.pdtb_20{padding-top:20px;padding-bottom: 20px;}
.pdtb_30{padding-top:30px;padding-bottom: 30px;}
.pdtb_40{padding-top:40px;padding-bottom: 40px;}
.pdtb_50{padding-top:50px;padding-bottom: 50px;}

/* 
  @ 字符截取
  @author: jxd
*/
.clamp1{
  word-break: break-all;
  display: -webkit-box !important;
  -webkit-line-clamp: 1 !important;
  -webkit-box-orient: vertical;
  overflow: hidden;
}
.clamp2{
  word-break: break-all;
  display: -webkit-box !important;
  -webkit-line-clamp: 2 !important;
  -webkit-box-orient: vertical;
  overflow: hidden;
}
.clamp3{
  word-break: break-all;
  display: -webkit-box !important;
  -webkit-line-clamp: 3 !important;
  -webkit-box-orient: vertical;
  overflow: hidden;
}
.clamp4{
  word-break: break-all;
  display: -webkit-box !important;
  -webkit-line-clamp: 4 !important;
  -webkit-box-orient: vertical;
  overflow: hidden;
}
.clamp5{
  word-break: break-all;
  display: -webkit-box !important;
  -webkit-line-clamp: 5 !important;
  -webkit-box-orient: vertical;
  overflow: hidden;
}
.clamp6{
  word-break: break-all;
  display: -webkit-box !important;
  -webkit-line-clamp: 6 !important;
  -webkit-box-orient: vertical;
  overflow: hidden;
}

/* 
  @ 图片等比缩放
  @author: jxd
*/
.pic{
  position: relative;
  background-size: 20%;
  overflow: hidden;
  background: url(../icon/default.png) no-repeat center center;
  background-size: 150px;
}
.pic::after{
  content: '';
  display: block;
  padding-top: 56.25%;
}
.pic img{
  width: 100%;
  height: 100%;
  object-position: center;
  position: absolute;
  top: 0;
  left: 0;
  z-index: 1;
  transition: 0.3s;
  object-fit: cover;
}
.pic .none{
  object-fit: none;
}
.pic .contain img{
  object-fit: contain;
}

/* 
  @浮动
  @author: jxd
*/
.fl{float: left;}
.fr{float: right;}

/* 
  @ 文字对齐
  @author: jxd
*/
.text_c{text-align: center;}
.text_l{text-align: left;}
.text_r{text-align: right;}

/* 
  @ 文字大小
  @author: jxd
*/
.fs_12{font-size: 12px;}
.fs_14{font-size: 14px;}
.fs_16{font-size: 16px;}
.fs_18{font-size: 18px;}
.fs_20{font-size: 20px;}
.fs_24{font-size: 24px;}
.fs_30{font-size: 30px;}
.fw_b{font-weight: bold;}

/* 
  @ 颜色
  @author: jxd
*/
.c_333{color: #333;}
.c_666{color: #666;}
.c_999{color: #999;}
.c_tc{color: var(--tc);}
.c_red1{color: #fc4040;}
.c_green{color: #20a53a;}

/* 
  @清除浮动
  @author: jxd
*/
.clearAfter::after{
  content: '';
  display: block;
  clear: both;
}
.clear{clear: both;}

/* 
  @flex
  @author: jxd
*/
.flex{display: flex;}
.flex_w{flex-wrap: wrap;}
.flex_v_m{align-items: center;}
.flex_v_b{align-items: flex-end;}
.flex_between{justify-content: space-between}
.flex_h_c{justify-content: center;}
.flex_1{flex: 1;}
.flex_2{flex: 2;}

/* 
  @animation
  @author: jxd
*/
@keyframes fadeIn {
  from {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}
@keyframes fadeInUp {
  from {
    opacity: 0;
    transform: translateY(20px);
  }
  to {
    opacity: 1;
    transform: translateY(0);
  }
}
@keyframes fadeInDown {
  from {
    opacity: 0;
    transform: translateY(-20px);
  }
  to {
    opacity: 1;
    transform: translateY(0);
  }
}
@keyframes zoomIn {
  from {
    opacity: 0;
    transform: scale(0.5);
  }
  to {
    opacity: 1;
    transform: scale(1);
  }
}
.fadeInUp{
  animation-name: fadeInUp;
  animation-duration: .5s;
  animation-fill-mode: both;
}
.el-pagination span{
  padding: 0 10px;
}

.page_title{
  font-size: 36px;
}

/* 响应到手机 */
@media screen and (max-width: 360px){
  html{
    font-size: 0.4px;
  }
}
@media screen and (min-width: 361px) and (max-width: 750px){
  html{
    font-size: calc(100vw / 750);
  }
}
@media screen and (min-width: 751px) and (max-width: 1199px){
  html{
    font-size: 1px;
  }
}
@media screen and (max-width:1200px) {
  .wrap{
    width: auto;
    margin:0 30rem;
  }
  .title_cn{
    height: 50rem;
  }
  .page_title{
    font-size: 40rem;
  }
  .h5{height:5rem;}
  .h10{height:10rem;}
  .h15{height:15rem;}
  .h20{height:20rem;}
  .h25{height:25rem;}
  .h30{height:30rem;}
  .h40{height:40rem;}
  .h50{height:50rem;}
  .h60{height:60rem;}
  .h70{height:70rem;}
  .h80{height:80rem;}
  .h90{height:90rem;}
  .h100{height:100rem;}
  .h110{height:110rem;}
  .h140{height:140rem;}
  .h160{height:160rem;}
  .minH{min-height: calc(100vh - 660rem);}
}