@font-face {
  font-family: 'OPPOSans';
  src: url('../font/OPPOSans4.0-VF.ttf') format('truetype');
}

@font-face {
  font-family: '三极行楷简体';
  src: url('../font/三极行楷简体-粗.ttf');
}

* {
  margin: 0;
  padding: 0;
  box-sizing: border-box;
  /* font-size: .16rem; */
  /* font-family: Source Han Sans CN, Source Han Sans CN; */
  /* font-family: 'mr';
  font-weight: 400;
  color: #fff; */
  -webkit-tap-highlight-color: transparent;
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
  /* For some Androids */
  /* 英文开启 */
  word-wrap: break-word !important;
  word-break: normal !important;
}

:root {
  --c: #3D60ED;
  --s_tran: 0.3s ease-in-out;
  --l_tran: 0.8s ease-in-out;
}

.page_wrap {
  /*padding-top: 1.2rem;*/
}

.lmx_h1 {
  width: 0px;
  height: 0px;
  margin: 0;
  text-indent: -9999em;
}

html {
  font-size: 100px;
  overflow-x: hidden;
}

a {
  text-decoration: none;
  color: inherit;
  font-size: inherit;
  line-height: inherit;
  display: block;
  /* width: 100%;
  height: 100%; */
}

ul {
  list-style: none;
}

input,
textarea {
  outline: 0;
  border: none;
}

img {
  /* width: 100%;
  height: 100%; */
  object-fit: cover;
  cursor: pointer;
  display: block;
}

hr {
  border: none;
}

/*文字描边*/
/* 设置描边宽度及颜色 默认为字体内外描边
  text-stroke: 2px #2173FF;
 */
/* 兼容Webkit(Chrome/Safari)内核浏览器的写法
  -webkit-text-stroke: 2px #2173FF;
  color: #fff;
 */
.swiper-slide img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}


/* 左右flex布局 */
.flex_box {
  display: flex;
  flex-wrap: nowrap;
  align-items: center;
}

.flex_start {
  align-items: flex-start;
}

.flex_box [class*=flex_box] {
  flex: 1 1 auto;
}


/* 列表flex布局 */
.list_flex {
  display: flex;
  flex-wrap: wrap;
}



/*多行溢出*/
.line1 {
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

.line2 {
  display: -webkit-box;
  -webkit-box-orient: vertical;
  text-overflow: ellipsis;
  overflow: hidden;
  -webkit-line-clamp: 2;
}

.line3 {
  display: -webkit-box;
  -webkit-box-orient: vertical;
  text-overflow: ellipsis;
  overflow: hidden;
  -webkit-line-clamp: 3;
}

.line4 {
  display: -webkit-box;
  -webkit-box-orient: vertical;
  text-overflow: ellipsis;
  overflow: hidden;
  -webkit-line-clamp: 4;
}

.line5 {
  display: -webkit-box;
  -webkit-box-orient: vertical;
  text-overflow: ellipsis;
  overflow: hidden;
  -webkit-line-clamp: 5;
}


/* 板块标题 */
.common_title {}


/* 内页标题 */
.inner_title {}


/* 水波纹效果 */
.btn-ripple {
  vertical-align: bottom;
}

.btn-ripple:not(:disabled):hover {
  opacity: 1;
  position: relative;
  overflow: hidden;
}

.btn-ripple:not(:disabled):hover::before {
  animation: ani_ripple 0.75s;
  z-index: 1;
  content: "";
  position: absolute;
  display: block;
  transition: all 0.6s;
  width: 100%;
  height: 0;
  border-radius: 50%;
  left: 50%;
  top: 50%;
  padding-top: 100%;
  transform: translateX(-50%) translateY(-50%);
}

@keyframes ani_ripple {
  0% {
    background: rgba(0, 0, 0, 0.25);
    transform: translateX(-50%) translateY(-50%) scale(0);
  }

  to {
    background: transparent;
    transform: translateX(-50%) translateY(-50%) scale(1);
  }
}




.more {
  height: 0.81rem;
  width: 1.85rem;
  display: flex;
  justify-content: center;
  align-items: center;
  color: #504D4D;
  font-size: 0.18rem;
  border-right: 0.01rem solid #787676;
  transition: all .25s;
}

.pointer {
  cursor: pointer;
}



/* 公共面包屑 */
.bread .icon {
  width: 0.15rem;
  height: 0.15rem;
  margin-right: 0.08rem;
}

.bread .item span {
  display: flex;
  align-items: center;
  color: rgba(61, 96, 237, 1);
  font-size: 0.14rem;
}

.bread .item>a {
  display: flex;
  align-items: center;
}

.bread .list .item:not(:first-child)::before {
  content: '/';
  display: block;
  font-size: 0.14rem;
  color: rgba(61, 96, 237, 1);
  margin: 0 0.05rem;
  align-self: center;
}

.bread .list,
.bread .item {
  display: flex;
}

.bread .main {
  padding-top: 0.15rem;
  padding-bottom: 0.15rem;
}

.bread .active span {
  color: rgba(233, 238, 255, 1);
}

.bread .list {
  justify-content: flex-end;
}



/* hover-图片放大1.1 */
.scale_box {
  display: block;
  width: auto;
  overflow: hidden;
}

.scale_box .scale_img {
  width: 100%;
  height: 100%;
  transition: var(--s_tran);
  cursor: pointer;
  object-fit: cover;
}

.hover_box:hover .scale_img {
  transform: scale(1.1);
}


/* hover-图片旋转向上位移 */
.rotate_box {
  display: block;
  width: auto;
  overflow: hidden;
}

.rotate_box .rotate_img {
  transition: var(--s_tran);
  object-fit: cover;
}

.hover_box:hover .rotate_img {
  transform: rotateY(180deg) translateY(-0.1rem);
}




/* 页码 */
.page {
  display: flex;
  justify-content: center;
  align-items: center;
}

.page .page_btn {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 0.42rem;
  height: 0.42rem;
  background: #FFFFFF;
  border: 0.01rem solid #C8C8C8;
  border-radius: 50%;
  transition: all 0.3s;
  margin-right: 0.1rem;
  font-family: Microsoft YaHei, Microsoft YaHei;
  font-weight: bold;
  font-size: 0.16rem;
  color: #222222;
}

.page .page_btn:hover {
  background: #FFA600;
  color: #FFFFFF;
  border: 0.01rem solid #FFA600;
}

.page .page_btn.active {
  background: #FFA600;
  color: #FFFFFF;
  border: 0.01rem solid #FFA600;
}

.page .page_text {
  margin-right: 0.12rem;
  margin-left: -0.01rem;
  padding-bottom: 0.06rem;
  font-family: Microsoft YaHei, Microsoft YaHei;
  font-weight: bold;
  font-size: 0.16rem;
  color: #222222;
}

.page .page_btn1 {
  display: block;
  margin-left: 0.37rem;
  cursor: pointer;
  width: 0.1rem;
  height: 0.15rem;
}

.page .page_btn1 img {
  display: block;
  width: 100%;
  height: 100%;
}

.page .page_btn2 {
  display: block;
  margin-left: 0.37rem;
  cursor: pointer;
  width: 0.17rem;
  height: 0.15rem;
}

.page .page_btn2 img {
  display: block;
  width: 100%;
  height: 100%;
}

.max-width {
  /*width: 85%;*/
  /*max-width: 16.4rem;*/
  width: 16.4rem;
  margin: auto;
}

.allButt {
  width: 1.5rem;
  height: 0.4rem;
  background: rgba(255, 255, 255, 0.17);
  border-radius: 0px 0px 0px 0px;
  border: 1px solid #FFA600;
  font-family: OPPOSans;
  font-weight: 400;
  font-size: 0.16rem;
  color: #FFFFFF;
  line-height: 0.4rem;
  text-align: center;
  background: rgba(255, 255, 255, 0.17);
  letter-spacing: 0.02rem;
  display: flex;
  align-items: center;
  justify-content: center;
}

.allButt a {
  display: flex;
  width: auto;
  text-align: center;
  width: 1.5rem;
  justify-content: center;
  align-items: center;

}

.allButt a img {
  width: 0.08rem !important;
  height: 0.14rem !important;
  margin-left: 0.1rem;
  transition: none !important;
}


.allButt:hover {
  background: #FFA600;
  transition: all 0.3s;
}


.container {
  width: 100%;
}

.pub_banner {
  position: relative;
  display: block;
  width: 100%;
  height: 8rem;
  margin-top: 1rem;
}

.pub_banner::after{
    content: '';
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    z-index: 1;
    background: linear-gradient(90deg, rgba(0, 0, 0, 0.7) 8%, rgba(0, 0, 0, 0.56) 19%, rgba(0, 0, 0, 0) 38%);
}

.pub_banner >img {
  display: block;
  width: 100%;
  height: 100%;
  animation: bannerimg 1s linear forwards;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%,-50%);
  object-fit: cover;
}

@keyframes bannerimg {
    0%{
        width: 120%;
        height: 120%;
    }
    100%{
        width: 100%;
        height: 100%;
    }
}

.banner_text {
  position: absolute;
  top: 2.26rem;
  left: 1.4rem;
  z-index: 10;
  animation: bannertext 1s linear forwards;
}

@keyframes bannertext {
    0%{
        top: 3.26rem;
        opacity: 0;
    }
    100%{
        top: 2.26rem;
        opacity: 1;
    }
}

.banner_text .banner_title1 {
  margin-bottom: 0.2rem;
  font-family: Alimama ShuHeiTi, Alimama ShuHeiTi;
  font-weight: bold;
  font-size: 0.45rem;
  color: #FFFFFF;
  line-height: 0.55rem;
}

.banner_text .banner_title2 {
  margin-bottom: 0.1rem;
  font-family: OPPOSans;
  font-weight: 400;
  font-size: 0.26rem;
  color: #FFFFFF;
  line-height: 0.34rem;
}

.banner_text .banner_bor {
  width: 4.25rem;
  height: 0.02rem;
  background: #988F98;
  margin-bottom: 0.35rem;
}

.banner_text .banner_list {
  display: flex;
  margin-bottom: 0.8rem;
}

.banner_text .banner_list .banner_item {
  position: relative;
  padding-left: 0.2rem;
  margin-right: 0.1rem;
  font-family: OPPOSans;
  font-weight: 400;
  font-size: 0.18rem;
  color: #FFFFFF;
  line-height: 0.24rem;
}

.banner_text .banner_list .banner_item::after {
  position: absolute;
  top: 50%;
  left: 0;
  transform: translateY(-50%);
  content: "";
  width: 0.1rem;
  height: 0.1rem;
  background: rgba(255, 255, 255, 0);
  border: 0.02rem solid #FFA600;
  box-sizing: border-box;
  border-radius: 50%;
}

.banner_btn {
  display: flex;
}

.banner_btn a {
  display: flex;
  align-items: center;
  justify-content: center;
  margin-right: 0.3rem;
  width: 1.5rem;
  height: 0.4rem;
  background: rgba(255, 255, 255, 0.17);
  border: 0.01rem solid #FFA600;
  box-sizing: border-box;
  transition: all 0.3s;
  font-family: OPPOSans;
  font-weight: 400;
  font-size: 0.16rem;
  color: #FFFFFF;
}

.banner_btn a:hover {
  background: #FFA600;
}

.banner_btn a img {
  display: block;
  width: 0.08rem;
  height: 0.14rem;
  margin-left: 0.11rem;
}