@charset "UTF-8";
html,
body,
div,
ul,
li,
a,
img,
h3,
object,
p {
  padding: 0;
  margin: 0; }

ul,
li {
  list-style: none; }

html, body {
  background-color: #fff;
  font-family: "Microsoft Yahei",tahoma,arial,"Hiragino Sans GB",宋体,sans-serif;
  min-width: 1024px; }

.clear-fix {
  *zoom: 1; }
  .clear-fix:before, .clear-fix:after {
    content: "";
    display: table; }
  .clear-fix:after {
    clear: both; }

.hidden {
  display: none; }

.fl {
  float: left; }

.in-bl {
  display: inline-block; }

.w-100 {
  width: 100%; }

.mt-30px {
  margin-top: 30px; }

.ml-20px {
  margin-left: 20px; }

.ml-80px {
  margin-left: 80px; }

.ml-110px {
  margin-left: 110px; }

.mb-12px {
  margin-bottom: 12px; }

.mb-16px {
  margin-bottom: 16px; }

.pt-20px {
  padding-top: 20px; }

.header-wrap {
  position: relative;
  background-color: #171719;
  margin: 0 auto;
  height: 1490px;
  min-width: 1160px;
  overflow: hidden; }

.bg-header, .picture {
  background: url("http://activity.hdslb.com/zzjs/20160816bml_replay/img/bg_top2.jpg") center no-repeat;
  width: 100%;
  position: absolute;
  top: 0;
  height: 1499px;
  background-size: cover;
  -webkit-transition: transform 0.8s ease-out;
  transition: transform 0.8s ease-out; }

.picture {
  background-image: url("http://activity.hdslb.com/zzjs/20160718bml_living/img/bg_top1.png");
  width: 100%;
  height: 840px;
  top: 150px; }

/* 媒体 */
.bml-wrap {
  background-color: #f9f9f9; }

.bml-wrap .bml-media {
  width: 980px;
  margin: 0 auto; }

.bml-wrap .bml-media .media-organizer {
  padding: 46px 0 30px 0;
  border-bottom: 1px solid #ededed; }

.bml-wrap .bml-media .media-organizer li {
  float: left;
  width: 490px; }

.bml-wrap .bml-media .media-organizer li .amuse {
  padding-left: 50px; }

.bml-wrap .bml-media .media-cooperation {
  padding: 50px 0; }

.bml-wrap .bml-media .media-cooperation .media-title {
  padding-top: 30px; }

.bml-wrap .bml-media .media-title {
  display: block;
  float: left;
  width: 80px;
  padding-top: 15px;
  color: #a3a3a3; }

.bml-wrap .bml-media .media-content {
  display: inline-block;
  width: 200px;
  color: #a3a3a3; }

/*视频播放器*/
.video-box-980 {
  position: absolute;
  top: 650px;
  width: 980px;
  text-align: center;
  -webkit-transition: transform 0.8s ease-out;
  transition: transform 0.8s ease-out; }

.video-box-1160 {
  position: absolute;
  top: 650px;
  left: 50%;
  margin-left: -580px;
  width: 1160px;
  text-align: center;
  -webkit-transition: transform 0.8s ease-out;
  transition: transform 0.8s ease-out; }

.switch-list {
  height: 120px; }

.first-half, .second-half {
  position: relative;
  display: inline-block;
  width: 284px;
  height: 112px;
  background: url("http://activity.hdslb.com/zzjs/20160816bml_replay/img/button_tab1.png") center 0 no-repeat;
  cursor: pointer; }

.first-half:hover, .second-half:hover {
  background: url("http://activity.hdslb.com/zzjs/20160816bml_replay/img/button_tab1.png") center -142px no-repeat; }

.first-half-on {
  background: url("http://activity.hdslb.com/zzjs/20160816bml_replay/img/button_tab1.png") center -284px no-repeat; }

.first-half-on:hover {
  background: url("http://activity.hdslb.com/zzjs/20160816bml_replay/img/button_tab1.png") center -284px no-repeat; }

.first-half-on:after {
  content: '';
  position: absolute;
  top: 55px;
  right: 55px;
  width: 30px;
  height: 30px;
  background: url("http://activity.hdslb.com/zzjs/20160718bml_living/img/png_live3.png") no-repeat;
  -webkit-animation: jumpIcon 0.8s infinite step-start;
  animation: jumpIcon 0.8s infinite step-start; }

@-webkit-keyframes jumpIcon {
  0% {
    background-position: 0 0; }
  33% {
    background-position: 0 0; }
  66% {
    background-position: 0 -30px; }
  100% {
    background-position: 0 -60px; } }

@keyframes jumpIcon {
  0% {
    background-position: 0 0; }
  33% {
    background-position: 0 0; }
  66% {
    background-position: 0 -30px; }
  100% {
    background-position: 0 -60px; } }

.second-half {
  background-image: url("http://activity.hdslb.com/zzjs/20160816bml_replay/img/button_tab2.png"); }

.second-half:hover {
  background: url("http://activity.hdslb.com/zzjs/20160816bml_replay/img/button_tab2.png") center -142px no-repeat; }

.second-half-on {
  background: url("http://activity.hdslb.com/zzjs/20160816bml_replay/img/button_tab2.png") center -284px no-repeat; }

.second-half-on:hover {
  background: url("http://activity.hdslb.com/zzjs/20160816bml_replay/img/button_tab2.png") center -284px no-repeat; }

.second-half-on:after {
  content: '';
  position: absolute;
  top: 55px;
  right: 55px;
  width: 30px;
  height: 30px;
  background: url("http://activity.hdslb.com/zzjs/20160718bml_living/img/png_live3.png") center no-repeat;
  -webkit-animation: jumpIcon 0.8s infinite step-start;
  animation: jumpIcon 0.8s infinite step-start; }

#bofqi_embed {
  width: 100%;
  height: 640px;
  border: none;
  overflow: hidden; }

/*评论*/
.comment-container {
  max-width: 1024px;
  position: relative;
  margin: 0 auto;
  border-radius: 10px;
  background-color: #fff; }

.comment-container .common {
  padding: 0 10px; }

.footer {
  padding-top: 0; }