html{
  font-family: Pingfang SC,Microsoft YaHei;
}
body {
  min-width: 1260px;
  overflow: auto;
  margin: 0;
}
html,ul,li,p {
  padding: 0;
  margin: 0;
  list-style: none;
}
button{
  cursor: pointer;
  position: relative;
  border: 0;
  box-sizing: border-box;
}
button:active{
  top: 1px;
}
.relative{
  position: relative;
}
.show{
  display: block;
}
.hide{
  display: none !important;
}
.v-align-tb {
  vertical-align: text-bottom;
}
div{
  box-sizing: border-box;
}
a{
  text-decoration: none;
}
.alignR{
  text-align: right;
}
.alignC{
  text-align: center;
}
.color-fff{
  color: #ffffff !important;
}
.color-a1a4b8{
  color: #a1a4b8 !important;
}
.color-d6d7de{
  color: #d6d7de!important;
}
.color-FE6D40{
  color: #FE6D40;
}
.mgt-6{
  margin-top: 6px!important;
}
.mgt-8{
  margin-top: 8px!important;
}
.mgt-10{
  margin-top: 10px!important;
}
.mgt-16{
  margin-top: 16px!important;
}
.mgt-20{
  margin-top: 20px!important;
}
.mgt-24{
  margin-top: 24px!important;
}
.mgt-26{
  margin-top: 26px !important;
}
.mgt-28{
  margin-top: 28px !important;
}
.mgt-30{
  margin-top: 30px !important;
}
.mgt-40{
  margin-top: 40px !important;
}
.mgt-42{
  margin-top: 42px !important;
}
/* .mgt-49{
  margin-top: 49px !important;
} */
.mgt-50{
  margin-top: 50px !important;
}
.mgt-60{
  margin-top: 60px !important;
}
.mgt-70{
  margin-top: 70px !important;
}
.mgt-78{
  margin-top: 78px !important;
}
.mgt-100{
  margin-top: 100px !important;
}
.mgl-20{
  margin-left: 20px !important;
}
.mgl-24{
  margin-left: 24px !important;
}
.mgl-40{
  margin-left: 40px !important;
}
.mgr-12{
  margin-right: 12px!important;
}
.mar-40{
  margin-right: 40px!important;
}
.wid-100{
  width: 100px;
}
.font-12{
  font-size: 12px;
}
.font-14{
  font-size: 14px;
}
.font-16{
  font-size: 16px;
}
.lhet-24{
  line-height: 24px !important;
}
/* 自适应字体 */
.auto-font-16{
  font-size: 16px;
}
@media screen and (max-width:  1366px){
  .auto-font-16{
    font-size: 14px;
  }
}

/**
 *滚动条
 * /
/*定义滚动条轨道*/

::-webkit-scrollbar-track {
  background-color: #F5F5F5;
  -webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.22);
}


/*定义滚动条高宽及背景*/

::-webkit-scrollbar {
  width: 8px!important;
  height: 8px;
  background-color: rgba(0, 0, 0, 0.34);
}


/*定义滚动条*/

::-webkit-scrollbar-thumb {
  background-color: #999;
  border-radius: 10px;
}

/* flex 布局 */

.flex-box {
  display: -webkit-flex;
  display: flex;
}

.flex-1 {
  flex: 1;
  flex-shrink: 0;
}

.flex-2 {
  flex: 2;
  flex-shrink: 0;
}

.flex-3 {
  flex: 3;
  flex-shrink: 0;
}

.flex-4 {
  flex: 4;
  flex-shrink: 0;
}
.content-title{
  width: 100%;
  height: 45px;
  font-size: 40px;
  font-weight: 400;
  text-align: center;
  color: #252642;
  line-height: 45px;
}
.content-explain{
  /* height: 24px; */
  font-size: 20px;
  font-weight: 400;
  text-align: center;
  color: #686d88;
  line-height: 24px;
  letter-spacing: 1px;
}
.ell {
  display: inline-block;
  word-break: keep-all;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  -moz-text-overflow: ellipsis;
}

/* 按钮 */
.btn-FE6D40{
  border-radius: 8px;
  text-align: center;
  color: #ffffff;
  font-size: 20px;
  border: none; 
  animation-timing-function: linear;
  animation-iteration-count: infinite; 
  animation-duration: 4s;
  overflow: hidden;
  cursor: pointer;
  background: linear-gradient(248deg,#ff9051 0%,  #fe6d40 100%);
  background-size: 100% 100%;
  background-repeat: no-repeat;
  background-image: url(https://asset.joinf.com/official/images/button.gif?t=222);
}
/* .btn-FE6D40:hover{
  background-image: url(https://asset.joinf.com/official/images/button.gif?t=222);
} */

/* 禁止选择 */

.No-duplication {
  -moz-user-select: none!important;
  -khtml-user-select: none!important;
  user-select: none!important;
}

@font-face{
  font-family:"BarlowCondensed-Regular";
  font-display: swap;
  src: url('https://asset.joinf.com/official/fonts/BarlowCondensed-Regular.ttf')
}

@font-face{
  font-family:"BarlowCondensed-SemiBold";
  font-display: swap;
  src: url('https://asset.joinf.com/official/fonts/BarlowCondensed-SemiBold.ttf')
}

@font-face{
  font-family:"AlibabaPuHuiTi-2-105-Heavy";
  font-display: swap;
  src: url('https://asset.joinf.com/official/fonts/AlibabaPuHuiTi-2-105-Heavy.otf')
}

@font-face{
  font-family:"AlibabaPuHuiTi-2-55-Regular";
  font-display: swap;
  src: url('https://asset.joinf.com/official/fonts/AlibabaPuHuiTi-2-55-Regular.otf')
}

#mask{
  position: fixed;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  z-index: 10000;
  background-color: rgba(0,0,0,.5);
  display: none;
}
#mask .video-box{
  width: 910px;
  height: 512px;
  background-color: #151515;
  position: absolute;
  top: 50%;
  left: 50%;
  margin-left: -455px;
  margin-top: -256px;
}
#mask .close-box{
  position: absolute;
  top: -15px;
  right: -20px;
  width: 20px;
  height: 20px;
}
#mask .close-box i{
  color: #ffffff;
  font-size: 30px;
  cursor: pointer;
}
#mask .close-box i:hover{
  opacity: .4;
}
.padd-100-0-public{
  padding: 100px 0!important
}
.pat-100-public{
  padding-top: 100px!important
}
.pab-100-public{
  padding-bottom: 100px!important
}
.mgt-60-public{
  margin-top: 60px !important
}
.mgt-100-public{
  margin-top: 100px !important
}
.mgt-30-public{
  margin-top: 30px !important
}
@media screen and (min-width:  1440px){
  .padd-100-0-public{
    padding: 100px 0!important
  }
  .pat-100-public{
    padding-top: 100px!important
  }
  .pab-100-public{
    padding-bottom: 100px!important
  }
  .mgt-60-public{
    margin-top: 60px !important
  }
  .mgt-100-public{
    margin-top: 100px !important
  }
  .mgt-30-public{
    margin-top: 30px !important
  }
}
@media screen and (max-width:  1440px) and (min-width:  1367px){
  .padd-100-0-public{
    padding: 80px 0!important
  }
  .pat-100-public{
    padding-top: 80px!important
  }
  .pab-100-public{
    padding-bottom: 80px!important
  }
  .mgt-60-public{
    margin-top: 45px!important
  }
  .mgt-100-public{
    margin-top: 80px !important
  }
  .mgt-30-public{
    margin-top: 20px !important
  }
}

@media screen and (max-width:  1280px) and (min-width:  768px){
  .padd-100-0-public{
    padding: 60px 0;
  }
  .pat-100-public{
    padding-top: 60px;
  }
  .pab-100-public{
    padding-bottom: 60px!important
  }
  .mgt-100-public{
    margin-top: 60px !important
  }
  .mgt-60-public{
    margin-top: 30px;
  }
  .mgt-30-public{
    margin-top: 15px !important
  }
}

.noDate{
  width: 1200px;
  padding-top: 80px;
  margin: auto;
  margin-top: 84px;
}
.noDate p{
  text-align: center;
  line-height: 60px;
  font-size: 16px;
  color: #252642;
}
.noDate div{
  text-align: center;
  line-height: 60px;
  font-size: 16px;
  color: #252642;
}
.noDate div a{
  font-size: 16px;
  color: #fe6d40;
  font-weight: 600;
}