html {
  font-size: 7.29832px;
}

[v-cloak] {
    display: none!important;
  }

a{
    text-decoration: none;
}

@media (min-width: 1201px) {
   
   html,body{
       overflow-x: hidden;
   }
   
}

.left-menu{
    width:140px;padding:20px 20px;
    background: #fff;min-height:500px;
} 

.left-menu a{
    display: block;padding:10px 0;font-size:14px;color:#333;
}

.left-menu  a i{
    margin-right:5px;font-size:18px;
}

.left-menu a.active{
    color:rgba(218, 20, 19, 1);
}

.right-list{
    background: #fff;min-height:500px;margin-left:16px;
    flex:1;
   
}

.right-list .list-col{
     padding:20px 20px;
    display: flex;
    flex-wrap:wrap;
}

.right-list  .row-col{
    width:33.3333%;
    padding:0 2rem;box-sizing: border-box;font-size:14px;padding-bottom:2rem;
    display: block;color:#333;
}

.right-list  .row-col .title-text{
    padding-bottom:6px;padding-top:8px;
}

.right-list  .row-col .small-text{
    color:#999;font-size:12px;padding-bottom:4px;
}


.tab-col{
    padding:20px 0 0 20px;
}

.tab-col  span{
    display: inline-block;padding:8px 10px;font-size:15px;margin-right:10px;
    cursor: pointer;
}



.tab-col .active{
    color:rgba(218, 20, 19, 1);border-bottom:1px solid rgba(218, 20, 19, 1);
}

.right-list img{
    width:100%;display: block;
}


.page-col{
    text-align: center;padding:20px 0 30px 0;
}


.btn{
    background:rgba(218, 20, 19, 1);color:#fff;display: inline-block;font-size:14px;padding:10px 50px;border-radius: 4px;
    cursor: pointer;
}

.btn:hover{
    opacity: 0.8;
}


.el-pagination.is-background .el-pager li:not(.disabled).active{
    background:#CD8D54!important;border:1px solid #CD8D54!important;
}

.el-pager li,.el-pagination.is-background .btn-next, .el-pagination.is-background .btn-prev, .el-pagination.is-background .el-pager li{
    height: 36px!important;
    line-height: 36px!important;
    padding:0 15px!important;
    background: #fff!important;
    border: 1px solid rgba(179, 179, 179, 1)!important;
}


body * {
  box-sizing: border-box;
  flex-shrink: 0;
}

*{
    margin:0;padding:0;
}

body {
  font-family: PingFangSC-Regular, Roboto, Helvetica Neue, Helvetica, Tahoma,
    Arial, PingFang SC-Light, Microsoft YaHei;
}
input {
  background-color: transparent;
  border: 0;
}
button {
  margin: 0;
  padding: 0;
  border: 1px solid transparent;
  outline: none;
  background-color: transparent;
}

button:active {
  opacity: 0.6;
}
.flex-col {
  display: flex;
  flex-direction: column;
}
.flex-row {
  display: flex;
  flex-direction: row;
}
.justify-start {
  display: flex;
  justify-content: flex-start;
}
.justify-center {
  display: flex;
  justify-content: center;
}

.justify-end {
  display: flex;
  justify-content: flex-end;
}
.justify-evenly {
  display: flex;
  justify-content: space-evenly;
}
.justify-around {
  display: flex;
  justify-content: space-around;
}
.justify-between {
  display: flex;
  justify-content: space-between;
}
.align-start {
  display: flex;
  align-items: flex-start;
}
.align-center {
  display: flex;
  align-items: center;
}
.align-end {
  display: flex;
  align-items: flex-end;
}



.header-col .box1 {
  background-color: rgba(183, 50, 55, 1);
  width: 208.131rem;
  height: 13.659rem;
  background-image:url('top.jpg');
  background-size:100% auto;
}



.header-col .box2 {
  position: relative;
  width: 146.505rem;
  height: 13.578rem;
   margin:0 auto;
}

.header-col .logo {
  width: 37.155rem;
  height: 4.066rem;
  overflow-wrap: break-word;
  color: rgba(255, 255, 255, 1);
  font-size: 4.146rem;
  font-family: SourceHanSerifCN-Heavy;
  font-weight: 900;
  text-align: left;
  white-space: nowrap;
  line-height: 4.147rem;
  margin-top: 4.635rem;
  cursor: pointer;
  text-decoration: none;
}


.header-col .logo:focus,.header-col .logo:active{
    border:0;outline: 0;
}



.header-col .menu a{
    display: inline-block;
    height: 13.578rem;
    line-height:13.578rem ;
    padding:0 2.5rem;
    cursor: pointer;
    color:#fff;
    text-decoration: none;
}

.header-col .menu a:hover{
    opacity: 0.8;
}


.header-col .menu a.active{
     background-color: rgba(205, 141, 84, 1);
}


.header-col .menu {
  height: 2.277rem;
  overflow-wrap: break-word;
  color: rgba(255, 255, 255, 1);
  font-size: 2.439rem;
  font-family: SourceHanSansCN-Regular;
  font-weight: NaN;
  text-align: left;
  white-space: nowrap;
  line-height: 2.44rem;
}

.header-col .box3 {
  background-color: rgba(222, 179, 141, 1);
  width: 208.131rem;
  height: 0.082rem;
}




.text-wrapper20 {
  background-color: rgba(51, 50, 49, 1);
  width: 208.131rem;
  height: 29.838rem;
  margin-top: -0.081rem;
}

.text73 {
  width: 43.659rem;
  height: 3.578rem;
  overflow-wrap: break-word;
  color: rgba(255, 255, 255, 1);
  font-size: 3.658rem;
  font-family: SourceHanSerifCN-Heavy;
  font-weight: 900;
  text-align: left;
  white-space: nowrap;
  line-height: 3.659rem;
  margin: 6.017rem 0 0 81.952rem;
}

.text74 {
  width: 42.602rem;
  height: 2.277rem;
  overflow-wrap: break-word;
  color: rgba(255, 255, 255, 1);
  font-size: 1.951rem;
  font-family: SourceHanSansCN-Regular;
  font-weight: NaN;
  text-align: left;
  white-space: nowrap;
  line-height: 1.952rem;
  margin: 3.253rem 0 0 82.44rem;
}

.text75 {
  width: 28.618rem;
  height: 1.87rem;
  overflow-wrap: break-word;
  color: rgba(255, 255, 255, 1);
  font-size: 1.951rem;
  font-family: SourceHanSansCN-Regular;
  font-weight: NaN;
  text-align: left;
  white-space: nowrap;
  line-height: 1.952rem;
  margin: 3.09rem 0 0 89.35rem;
}

.text76 {
  width: 15.448rem;
  height: 1.87rem;
  overflow-wrap: break-word;
  color: rgba(255, 255, 255, 1);
  font-size: 1.951rem;
  font-family: SourceHanSansCN-Regular;
  font-weight: NaN;
  text-align: left;
  white-space: nowrap;
  line-height: 1.952rem;
  margin: 3.171rem 0 4.716rem 96.017rem;
}