@font-face
{
  font-family: CN;
  src: url('/font/SourceHanSansCN-Normal.otf');
}

@font-face
{
  font-family: EN;
  src: url('/font/YesevaOne-Regular.ttf');
}

body {
  line-height: 24px;
  font: 14px CN, Microsoft YaHei, Helvetica Neue,Helvetica,PingFang SC,Tahoma,Arial,sans-serif;
}


.huosk-head{
  position: fixed;
  width: 100%;
  top: 0; left: 0;
  z-index: 10;
  background: #fff;
  /*padding: 40px 60px;*/
  /*display: block;*/
}

.huosk-body{
  padding-top: 90px;
}

.huosk-head-container{
  padding:11px 60px;
  position: relative;
}

.huosk-logo{
  -webkit-animation-duration: .3s;
  animation-duration: .3s;
  -webkit-animation-fill-mode: both;
  animation-fill-mode: both
}

.huosk-logo.on{
  position: absolute;
  left: 60px; top: 50%;
  transform: translate(0, -50%);
}

.k-link-border-bottom{
  margin: 0 10px;
}

.huosk-footer{
  background: #212529;
  color: #fff;
  padding: 5px 0;
  line-height: 26px;
  text-align: center;
}

.huosk-body-poster{
  position: relative;
  margin-top: 30px;
  font-family: 'EN';
}

.postion-middle{
  position: absolute;
  top: 50%; transform:translate(0, -50%);
}
/*#252631*/
.huosk-title{
  color: #252631;
  font-weight: bold;
  font-size: 2.71vw;
}

.huosk-title2{
  color: #252631;
  font-size: 28px;
}

.huosk-context{
  color: #565656;
  font-size: 18px;
}

.huosk-blue{
  color: #4D7CFE;
}

.w1200{
  width: 1200px;
  margin: 0 auto;
  line-height: 38px;
}

.huosk-context2{
  font-size: 28px;
}

.huosk-half-radius{
  border-radius: 0 0 325px 325px;
  background: #252631;
  width: 680px; height: 325px;
  position: absolute; left: 50%; transform: translate(-50%, 0);
  text-align: center;
  opacity:0.79;
}

.huosk-half-radius .huosk-title{
  color: #fff;
  font-size: 50px;
  margin-top: 10px; margin-bottom: 20px;
}

.huosk-half-radius .huosk-context{
  color: #fff;
  font-size: 14px;
  display: inline-block;
  width: 430px;
}

.huosk-container{
  margin: 25px 16px;
  border: 1px solid #E8ECEF;
  position: relative;
  word-wrap:break-word
}

.huosk-container:hover{
  border: 1px solid #D4E9FF;
  box-shadow: 0px 0px 5px #D4E9FF;
}

.huosk-container .context{
  line-height: 28px;
  font-size: 22px;
  height: 60px;
  width: 246px;
  padding: 50px 60px;
  background: #fff;
  display: inline-block;
  overflow: hidden;
}

.huosk-container-tab{
  position: absolute; bottom: 0; right: 0;
  width: 82px; height: 25px;
  background: #FFAB2B;
  color: #fff; font-size: 12px;
  text-align: center; line-height: 25px;
}