:root { 
  --tc: #008ad4; 
  --tc2: #ec730a; 
}

.bg_w{background-color: #fff;}
.vw_100{width: 100vw;}
.wrap{width: 1200rem; margin: 0 auto;}
.minH{min-height: calc(100vh - 460rem);}
.micon{font-size: inherit;}
.c_p{cursor: pointer;}
.icon img{
  width:100% ;
  height: 100%;
  object-fit: contain;
}
.column_box{
  display: flex;
  justify-content: center;
  height: 100vh;
  flex-direction: column;
  overflow: hidden;
}

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


.detail_box{
  border: 1rem solid #e5e5e5;
  padding: 40rem 120rem;
  position: relative;
}
.article_title{
  font-size: 30rem;
  padding: 0 60rem;
  text-align: center;
}
.article_time{
  padding: 20rem 0;
  text-align: center;
}
.article_content{
  line-height: 2;
}


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

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

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

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

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

/* 
  @ 字符截取
  @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: 150rem;
}
.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: 12rem;}
.fs_14{font-size: 14rem;}
.fs_16{font-size: 16rem;}
.fs_18{font-size: 18rem;}
.fs_20{font-size: 20rem;}
.fs_24{font-size: 24rem;}
.fs_30{font-size: 30rem;}
.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(20rem);
  }
  to {
    opacity: 1;
    transform: translateY(0);
  }
}
@keyframes fadeInDown {
  from {
    opacity: 0;
    transform: translateY(-20rem);
  }
  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 10rem;
}

.please-login{
  text-align: center;
  font-size: 16rem;
  color: #999;
}
.please-login span{
  color: var(--tc);
  cursor: pointer;
}

/* 响应到手机 */
/* 响应到手机 */
@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){
  html{
    font-size: 1px;
  }
}
@media screen and (min-width: 1900px){
  html{
    font-size: calc(100vw / 1920);
  }
}
/* @media screen and (max-width:1200px) {
  .wrap{
    width: auto;
    margin:0 30rem;
  }
  .column_box{
    padding: 50rem 0;
  }
  .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);}
} */

.common-title{
  font-size: 30rem;
  color: #333;
  line-height: 50rem;
  margin-bottom: 30rem;
}
.article-page-main{
  background-color: #fafbfc;
  padding: 35rem;
  border: 1px solid #dee9f4;
  border-top: 4px solid var(--tc);
  
}
.article-page-title{
  font-size: 24rem;
  font-weight: bold;
  text-align: center;
  margin-bottom: 30rem;
}

.public-list .item{
  font-size: 16rem;
  padding: 15rem 0;
  line-height: 28rem;
}
.public-list .item~.item{
  border-top: 1px solid #f5f5f5;
}
.public-list .btn{
  color: var(--tc);
  opacity: 0.8;
  transition: 0.2s;
  cursor: pointer;
}
.public-list .btn:hover{
  opacity: 1;
}