@charset "utf-8";
html {
  font-size: 14px;
  font-family: "Monospaced Number", "Chinese Quote", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "PingFang SC", "Hiragino Sans GB", "Microsoft YaHei", "Helvetica Neue", Helvetica, Arial, sans-serif;
  background: #bd3132;
}
/*css-reset*/
html, body, div, ul, ol, li, dl, dt, dd, p, span, em, strong, b, i, h1, h2, h3, h4, form, iframe, table, thead, tbody,th,td,tr, input, button, video, textarea, select, option, img, a, xmp, pre, code, h1, h2, h3, h4, canvas {
  margin:0; 
  padding:0;
  word-break:break-all;
  word-wrap:break-word;
  outline:none;
  -webkit-tap-highlight-color: rgba(0,0,0,0)

}
body{
  overflow:auto;
  min-width: 1200px;
}
a {
  text-decoration: none;
  user-select: none; 
}

a:hover {
  text-decoration: none; 
}

li {
  display: block;
  list-style: none; 
}

textarea,
input,select {
  resize: none;
  outline: none;
  font-family: inherit;
}
input:-webkit-autofill {
  -webkit-box-shadow: 0 0 0px 1000px white inset !important; 
}
img{
  display: block;
}

/*---顶级样式名称---*/
/*清理浮动*/
.clear {
  *height: 1%; }

.clear:after {
  content: ".";
  display: block;
  width: 0;
  height: 0;
  line-height: 0;
  font-size: 0;
  clear: both;
  visibility: hidden; }

/*隐藏*/
.hide {
  display: none !important; 
}

/*显示*/
.show {
  display: block !important; 
}

/*隐藏*/
.hidden {
  visibility: hidden !important; 
}
/*字体撑开*/
.null {
  display: block;
  overflow: hidden;
  font-size: 0;
  line-height: 0;
  text-indent: -999px; 
}
/*通用*/
.content-panel{
  position: relative;
  margin: 0 auto;
  width: 1200px;
  height: 100%;
}
/*头部面板*/
.header-board{
  min-width: 1200px;
  position: relative;
  height: 752px;
  background: url(https://mhxzx.wanmei.com/net/210622koc/images/head-bg.jpg) center top no-repeat;
  overflow: hidden;
}
.header-board .content-panel{
  z-index: 10;
}
.header-board .video-bg{
  position: absolute;
  left: 50%;
  top: 0;
  margin: 0 0 0 -960px;
  width: 1920px;
  height: 750px;
}
.header-board .logo{
  position: absolute;
  top: 60px;
  left: 780px;
  width: 184px;
  height: 64px;
  background: url(https://mhxzx.wanmei.com/net/210622koc/images/logo.png) no-repeat;
}
.header-board .home{
  position: absolute;
  left: 1134px;
  top: 0;
  width: 143px;
  height: 73px;
  background: url(https://mhxzx.wanmei.com/net/210622koc/images/home.png) left top no-repeat;
}
.header-board .home:hover{
  background-position: left bottom;
}
.header-board .skirt{
  position: absolute;
  bottom: 0;
  left: 50%;
  margin: 0 0 0 -960px;
  width: 1920px;
  height: 228px;
  background: url(https://mhxzx.wanmei.com/net/210622koc/images/skirt.png) no-repeat;
}
/*内容面板*/
.content-board{
  overflow: hidden;
  min-width: 1200px;
  height: 1082px;
  padding: 400px 0 0;
  background: url(https://mhxzx.wanmei.com/net/210622koc/images/content-bg.jpg) center top no-repeat;
}
.content-board .nav-bar{
  position: relative;
  padding: 21px 0 0 2px;
  height: 89px;
  overflow: hidden;
  background: #9b2424;
  z-index: 10;
}
.content-board .nav-bar a{
  float: left;
  width: 238px;
  height: 68px;
  background: url(https://mhxzx.wanmei.com/net/210622koc/images/nav-bar.png) no-repeat;
  margin: 0 1px 0 0;
}
.content-board .nav-bar .baidu{
  background-position: 0 0;
}
.content-board .nav-bar .baidu.on{
  background-position: 0 -82px;
}
.content-board .nav-bar .douyin{
  background-position: -239px 0;
}
.content-board .nav-bar .douyin.on{
  background-position: -239px -82px;
}
.content-board .nav-bar .weibo{
  background-position: -478px 0;
}
.content-board .nav-bar .weibo.on{
  background-position: -478px -82px;
}
.content-board .nav-bar .blibli{
  background-position: -717px 0;
}
.content-board .nav-bar .blibli.on{
  background-position: -717px -82px;
}
.content-board .nav-bar .douyu{
  background-position: -956px 0;
}
.content-board .nav-bar .douyu.on{
  background-position: -956px -82px;
}
.content-board .list-panel{
  position: relative;
  height: 711px;
  padding: 44px 00 ;
  background: rgba(231,88,77,.6);
  border-radius: 0 0 10px 10px;
}
.content-board .list-panel .bb-1{
  position: absolute;
  top: -162px;
  right: -503px;
  width: 605px;
  height: 694px;
  background: url(https://mhxzx.wanmei.com/net/210622koc/images/bb-1.png) no-repeat;
}
.content-board .list-panel .bb-2{
  position: absolute;
  left: -309px;
  top: 460px;
  width: 344px;
  height: 478px;
  background: url(https://mhxzx.wanmei.com/net/210622koc/images/bb-2.png) no-repeat;
}
.content-board .list-panel .yun-1{
  position: absolute;
  top: 144px;
  left: -96px;
  width: 140px;
  height: 38px;
  background: url(https://mhxzx.wanmei.com/net/210622koc/images/yun-1.png) no-repeat;
}
.content-board .list-panel .yun-2{
  position: absolute;
  top: 660px;
  right: -112px;
  width: 202px;
  height: 55px;
  background: url(https://mhxzx.wanmei.com/net/210622koc/images/yun-2.png) no-repeat;
}
.content-board .list-panel ul{
  z-index: 10;
  position: relative;
  display: block;
  height: 100%;
}
.content-board .list-panel li{
  position: absolute;
  width: 100%;
  height: 100%;
  left: 0;
  top: 0;
  display: none;
}
.content-board .list-panel .icon{
  background: url(https://mhxzx.wanmei.com/net/210622koc/images/tab-icon.png) no-repeat;
}
.content-board .list-panel li .title{
  width: 451px;
  height: 34px;
  margin: 0 auto 50px;
}
.content-board .list-panel .baidu .title{
  background-position: 0 0;
}
.content-board .list-panel .douyin .title{
  background-position: 0 -44px;
}
.content-board .list-panel .weibo .title{
  background-position: 0 -87px;
}
.content-board .list-panel .blibli .title{
  background-position: 0 -130px;
}
.content-board .list-panel .douyu .title{
  background-position: 0 -173px;
}
.content-board .list-panel .tips-title{
  width: 160px;
  height: 41px;
  margin: 0 auto 20px;
}
.content-board .list-panel .hd-time{
  background-position: 0 -216px;
}
.content-board .list-panel .hd-type{
  background-position: 0 -268px;
}
.content-board .list-panel .hd-mode{
  background-position: 0 -319px;
}
.content-board .list-panel .tips-content{
  color: #ffdd80;
  font-size: 24px;
  line-height: 34px;
  text-align: center;
  margin: 0 auto 30px;
}
.content-board .list-panel .tips-content span{
  color: #fdffe5;
}
.content-board .list-panel .detail-btn{
  width: 228px;
  height: 65px;
  background-position: -172px -216px;
  margin: 60px auto 0;
}
.content-board .list-panel .btn-panel{
  width: 540px;
  margin: 60px auto 0;
  overflow: hidden;
}
.content-board .list-panel .btn-panel a{
  width: 228px;
  height: 65px;
}
.content-board .list-panel .btn-panel .dy-btn{
  background-position: -172px -291px;
}
.content-board .list-panel .btn-panel .hy-btn{
  float: right;
  background-position: 0 -370px;
}