@charset "UTF-8";
/*除以100版本*/
html {
  -ms-text-size-adjust: 100%;
  -webkit-text-size-adjust: 100%;
  font-size: 312.5%;
}
ul,
li,
div,
p,
body,
h1,
h2,
h3,
h4,
h5,
h6,
dl,
dt,
dd {
  margin: 0;
  padding: 0;
}
li {
  list-style: none;
}
a {
  text-decoration: none;
  color: #2a2a2a;
}
input {
  -webkit-appearance: none;
  outline: none;
}
* {
  outline: none;
  webkit-focus-ring-color: rgba(0, 0, 0, 0);
  -webkit-tap-highlight-color: transparent;
  /*  -webkit-touch-callout: none;*/
}
.hide {
  display: none;
}
body,
html {
  width: 100%;
  font-family: "Microsoft YaHei", "Helvetica Neue", Arial, HelveticaNeue, Helvetica, "BBAlpha Sans", sans-serif;
  font-weight: normal;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-box-align: center;
}
textarea {
  overflow: auto;
  resize: none;
}
a,
button {
  cursor: pointer;
}
b,
em,
h1,
h2,
h3,
h4,
h5,
h6,
strong {
  font-weight: 700;
}
a,
a:hover {
  text-decoration: none;
}
a,
input {
  outline: 0;
}
button {
  border: none;
}
button:focus,
button:active {
  outline: none;
}
* {
  -webkit-tap-highlight-color: transparent;
  -webkit-focus-ring-color: transparent;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}
.clearfix:after {
  content: " ";
  display: block;
  height: 0;
  clear: both;
}
/* mobile media-query */
html {
  font-size: 312.5%;
}
@media screen and (max-width: 359px) and (orientation: portrait) {
  html {
    font-size: 266.67%;
  }
}
@media screen and (min-width: 360px) and (max-width: 374px) and (orientation: portrait) {
  html {
    font-size: 300%;
  }
}
@media screen and (min-width: 384px) and (max-width: 399px) and (orientation: portrait) {
  html {
    font-size: 320%;
  }
}
@media screen and (min-width: 400px) and (max-width: 413px) and (orientation: portrait) {
  html {
    font-size: 333.33%;
  }
}
@media screen and (min-width: 414px) and (max-width: 431px) and (orientation: portrait) {
  html {
    font-size: 345%;
  }
}
@media screen and (min-width: 432px) and (max-width: 479px) and (orientation: portrait) {
  html {
    font-size: 360%;
  }
}
@media screen and (min-width: 480px) and (max-width: 639px) and (orientation: portrait) {
  html {
    font-size: 400%;
  }
}
@media screen and (min-width: 640px) and (orientation: portrait) {
  html {
    font-size: 533.33%;
  }
}
.noSize {
  font-size: 0;
  text-indent: -9999em;
}
.center {
  margin-left: auto;
  margin-right: auto;
}
.flex {
  display: box;
  /* OLD - Android 4.4- */
  display: -webkit-box;
  /* OLD - iOS 6-, Safari 3.1-6 */
  display: -moz-box;
  /* OLD - Firefox 19- (buggy but mostly works) */
  display: -ms-flexbox;
  /* TWEENER - IE 10 */
  display: -webkit-flex;
  /* NEW - Chrome */
  display: flex;
  /* NEW, Spec - Opera 12.1, Firefox 20+ */
}
html {
  font-size: 312.5%;
}
body {
  font-size: 0.28rem;
}
/*app*/
#app {
  /*display: none;
  opacity: 0;*/
}
#app div,
#app button,
#app span,
#app p {
  -webkit-touch-callout: none;
}
/*竖屏浏览*/
#forhorview {
  display: none;
  width: 100%;
  height: 100%;
  position: fixed;
  opacity: 0.95;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  z-index: 99999;
}
#forhorview p {
  text-align: center;
  color: #fff;
  position: relative;
  top: 35%;
  font-size: 0.3rem;
}
/*版权*/
.copyright {
  padding-top: 2.5rem;
  position: relative;
  bottom: 0.5rem;
  left: 50%;
  margin-left: -3.75rem;
  width: 100%;
  text-align: center;
}
.NIE-copyRight_m {
  display: inline-block;
  color: #636c81;
  font-size: 0.22rem;
}
.NIE-copyRight_m a {
  color: inherit;
  text-decoration: underline;
}
.NIE-copyRight_m P {
  text-align: center;
}
/*分享*/
.NIE-share-m {
  display: none;
}
.alert-wrap {
  display: none;
  position: fixed;
  top: 30%;
  left: 50%;
  width: 4rem;
  padding: 0.5rem 0.2rem;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  text-align: center;
  margin-left: -2rem;
  margin-top: -1rem;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  border-radius: 4px;
  color: #fff;
  z-index: 9999;
}
.popup-wrap {
  display: none;
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  z-index: 9;
}
.popup-wrap .popup-mask {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
}
.popup-wrap .popup-close {
  position: absolute;
  display: block;
  width: 0.62rem;
  height: 0.42rem;
}
.popup-wrap .popup-content {
  position: absolute;
  left: 50%;
  top: 50%;
  -webkit-touch-callout: unset;
  -webkit-transform: translate(-50%, -50%);
  -moz-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  -o-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
}
.popup-wrap .popup-content img {
  display: block;
  width: 100%;
}
@-webkit-keyframes playRoate {
  0% {
    -webkit-transform: rotate(0);
    -moz-transform: rotate(0);
    -ms-transform: rotate(0);
    -o-transform: rotate(0);
    transform: rotate(0);
  }
  100% {
    -webkit-transform: rotate(360deg);
    -moz-transform: rotate(360deg);
    -ms-transform: rotate(360deg);
    -o-transform: rotate(360deg);
    transform: rotate(360deg);
  }
}
@-moz-keyframes playRoate {
  0% {
    -webkit-transform: rotate(0);
    -moz-transform: rotate(0);
    -ms-transform: rotate(0);
    -o-transform: rotate(0);
    transform: rotate(0);
  }
  100% {
    -webkit-transform: rotate(360deg);
    -moz-transform: rotate(360deg);
    -ms-transform: rotate(360deg);
    -o-transform: rotate(360deg);
    transform: rotate(360deg);
  }
}
@-ms-keyframes playRoate {
  0% {
    -webkit-transform: rotate(0);
    -moz-transform: rotate(0);
    -ms-transform: rotate(0);
    -o-transform: rotate(0);
    transform: rotate(0);
  }
  100% {
    -webkit-transform: rotate(360deg);
    -moz-transform: rotate(360deg);
    -ms-transform: rotate(360deg);
    -o-transform: rotate(360deg);
    transform: rotate(360deg);
  }
}
@-o-keyframes playRoate {
  0% {
    -webkit-transform: rotate(0);
    -moz-transform: rotate(0);
    -ms-transform: rotate(0);
    -o-transform: rotate(0);
    transform: rotate(0);
  }
  100% {
    -webkit-transform: rotate(360deg);
    -moz-transform: rotate(360deg);
    -ms-transform: rotate(360deg);
    -o-transform: rotate(360deg);
    transform: rotate(360deg);
  }
}
@keyframes playRoate {
  0% {
    -webkit-transform: rotate(0);
    -moz-transform: rotate(0);
    -ms-transform: rotate(0);
    -o-transform: rotate(0);
    transform: rotate(0);
  }
  100% {
    -webkit-transform: rotate(360deg);
    -moz-transform: rotate(360deg);
    -ms-transform: rotate(360deg);
    -o-transform: rotate(360deg);
    transform: rotate(360deg);
  }
}
@-webkit-keyframes musicAnim {
  0%,
  to {
    -webkit-transform: scale(1);
    transform: scale(1);
  }
  20% {
    -webkit-transform: scaleY(0.5);
    transform: scaleY(0.5);
  }
  40% {
    -webkit-transform: scaleY(0.7);
    transform: scaleY(0.7);
  }
  60% {
    -webkit-transform: scaleY(0.3);
    transform: scaleY(0.3);
  }
  80% {
    -webkit-transform: scaleY(0.6);
    transform: scaleY(0.6);
  }
}
@-moz-keyframes musicAnim {
  0%,
  to {
    -webkit-transform: scale(1);
    transform: scale(1);
  }
  20% {
    -webkit-transform: scaleY(0.5);
    transform: scaleY(0.5);
  }
  40% {
    -webkit-transform: scaleY(0.7);
    transform: scaleY(0.7);
  }
  60% {
    -webkit-transform: scaleY(0.3);
    transform: scaleY(0.3);
  }
  80% {
    -webkit-transform: scaleY(0.6);
    transform: scaleY(0.6);
  }
}
@-ms-keyframes musicAnim {
  0%,
  to {
    -webkit-transform: scale(1);
    transform: scale(1);
  }
  20% {
    -webkit-transform: scaleY(0.5);
    transform: scaleY(0.5);
  }
  40% {
    -webkit-transform: scaleY(0.7);
    transform: scaleY(0.7);
  }
  60% {
    -webkit-transform: scaleY(0.3);
    transform: scaleY(0.3);
  }
  80% {
    -webkit-transform: scaleY(0.6);
    transform: scaleY(0.6);
  }
}
@-o-keyframes musicAnim {
  0%,
  to {
    -webkit-transform: scale(1);
    transform: scale(1);
  }
  20% {
    -webkit-transform: scaleY(0.5);
    transform: scaleY(0.5);
  }
  40% {
    -webkit-transform: scaleY(0.7);
    transform: scaleY(0.7);
  }
  60% {
    -webkit-transform: scaleY(0.3);
    transform: scaleY(0.3);
  }
  80% {
    -webkit-transform: scaleY(0.6);
    transform: scaleY(0.6);
  }
}
@keyframes musicAnim {
  0%,
  to {
    -webkit-transform: scale(1);
    transform: scale(1);
  }
  20% {
    -webkit-transform: scaleY(0.5);
    transform: scaleY(0.5);
  }
  40% {
    -webkit-transform: scaleY(0.7);
    transform: scaleY(0.7);
  }
  60% {
    -webkit-transform: scaleY(0.3);
    transform: scaleY(0.3);
  }
  80% {
    -webkit-transform: scaleY(0.6);
    transform: scaleY(0.6);
  }
}
@-webkit-keyframes musicAnim2 {
  0% {
    -webkit-transform: translateY(0);
    -moz-transform: translateY(0);
    -ms-transform: translateY(0);
    -o-transform: translateY(0);
    transform: translateY(0);
  }
  100% {
    -webkit-transform: translateY(-100%);
    -moz-transform: translateY(-100%);
    -ms-transform: translateY(-100%);
    -o-transform: translateY(-100%);
    transform: translateY(-100%);
  }
}
@-moz-keyframes musicAnim2 {
  0% {
    -webkit-transform: translateY(0);
    -moz-transform: translateY(0);
    -ms-transform: translateY(0);
    -o-transform: translateY(0);
    transform: translateY(0);
  }
  100% {
    -webkit-transform: translateY(-100%);
    -moz-transform: translateY(-100%);
    -ms-transform: translateY(-100%);
    -o-transform: translateY(-100%);
    transform: translateY(-100%);
  }
}
@-ms-keyframes musicAnim2 {
  0% {
    -webkit-transform: translateY(0);
    -moz-transform: translateY(0);
    -ms-transform: translateY(0);
    -o-transform: translateY(0);
    transform: translateY(0);
  }
  100% {
    -webkit-transform: translateY(-100%);
    -moz-transform: translateY(-100%);
    -ms-transform: translateY(-100%);
    -o-transform: translateY(-100%);
    transform: translateY(-100%);
  }
}
@-o-keyframes musicAnim2 {
  0% {
    -webkit-transform: translateY(0);
    -moz-transform: translateY(0);
    -ms-transform: translateY(0);
    -o-transform: translateY(0);
    transform: translateY(0);
  }
  100% {
    -webkit-transform: translateY(-100%);
    -moz-transform: translateY(-100%);
    -ms-transform: translateY(-100%);
    -o-transform: translateY(-100%);
    transform: translateY(-100%);
  }
}
@keyframes musicAnim2 {
  0% {
    -webkit-transform: translateY(0);
    -moz-transform: translateY(0);
    -ms-transform: translateY(0);
    -o-transform: translateY(0);
    transform: translateY(0);
  }
  100% {
    -webkit-transform: translateY(-100%);
    -moz-transform: translateY(-100%);
    -ms-transform: translateY(-100%);
    -o-transform: translateY(-100%);
    transform: translateY(-100%);
  }
}
@-webkit-keyframes videoAnim {
  0% {
    opacity: 0.9;
    -webkit-transform: scale(0.75);
    -moz-transform: scale(0.75);
    -ms-transform: scale(0.75);
    -o-transform: scale(0.75);
    transform: scale(0.75);
  }
  100% {
    opacity: 1;
    -webkit-transform: scale(1);
    -moz-transform: scale(1);
    -ms-transform: scale(1);
    -o-transform: scale(1);
    transform: scale(1);
  }
}
@-moz-keyframes videoAnim {
  0% {
    opacity: 0.9;
    -webkit-transform: scale(0.75);
    -moz-transform: scale(0.75);
    -ms-transform: scale(0.75);
    -o-transform: scale(0.75);
    transform: scale(0.75);
  }
  100% {
    opacity: 1;
    -webkit-transform: scale(1);
    -moz-transform: scale(1);
    -ms-transform: scale(1);
    -o-transform: scale(1);
    transform: scale(1);
  }
}
@-ms-keyframes videoAnim {
  0% {
    opacity: 0.9;
    -webkit-transform: scale(0.75);
    -moz-transform: scale(0.75);
    -ms-transform: scale(0.75);
    -o-transform: scale(0.75);
    transform: scale(0.75);
  }
  100% {
    opacity: 1;
    -webkit-transform: scale(1);
    -moz-transform: scale(1);
    -ms-transform: scale(1);
    -o-transform: scale(1);
    transform: scale(1);
  }
}
@-o-keyframes videoAnim {
  0% {
    opacity: 0.9;
    -webkit-transform: scale(0.75);
    -moz-transform: scale(0.75);
    -ms-transform: scale(0.75);
    -o-transform: scale(0.75);
    transform: scale(0.75);
  }
  100% {
    opacity: 1;
    -webkit-transform: scale(1);
    -moz-transform: scale(1);
    -ms-transform: scale(1);
    -o-transform: scale(1);
    transform: scale(1);
  }
}
@keyframes videoAnim {
  0% {
    opacity: 0.9;
    -webkit-transform: scale(0.75);
    -moz-transform: scale(0.75);
    -ms-transform: scale(0.75);
    -o-transform: scale(0.75);
    transform: scale(0.75);
  }
  100% {
    opacity: 1;
    -webkit-transform: scale(1);
    -moz-transform: scale(1);
    -ms-transform: scale(1);
    -o-transform: scale(1);
    transform: scale(1);
  }
}
/*skin*/
/*----size----*/
/*链接*/
/*导航*/
/*一级标题*/
/*二级标题*/
/*文字*/
/*next*/
/*icon*/
/*间距*/
/*敬请期待*/
.build-wrap {
  display: none;
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  z-index: 999;
}
.build-mask {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
}
.build-body {
  position: absolute;
  width: 6.41rem;
  height: 2.73rem;
  left: 50%;
  top: 50%;
  z-index: 999;
  font-size: 0.36rem;
  color: #000;
  text-align: center;
  padding: 0.5rem 0.4rem;
  -webkit-transform: translate(-50%, -50%);
  -moz-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  -o-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
}
.build-body .btn-close {
  position: absolute;
  top: -0.37rem;
  right: 0;
  width: 0.37rem;
  height: 0.37rem;
  cursor: pointer;
  z-index: 2;
}
.header {
  position: relative;
  z-index: 9;
}
.header .logo-wrap {
  position: absolute;
  display: block;
  width: 2.5rem;
  height: 0.69rem;
  top: 0.25rem;
  left: 0.2rem;
}
.header .logo-wrap .logo {
  position: absolute;
  display: block;
  width: 2.07rem;
  height: 0.95rem;
}
.header .link {
  position: absolute;
  top: 0;
  right: 0;
  font-size: 0;
  text-align: right;
  width: 1.75rem;
  height: 0.51rem;
  line-height: 0.51rem;
  text-indent: -99999px;
}
.header .link .link-item {
  display: block;
  width: 1.75rem;
  height: 0.51rem;
}
.section-nav {
  position: relative;
  height: 9.7rem;
}
.section-nav .nav-wrap {
  position: absolute;
  top: 9.05rem;
  width: 7.5rem;
  height: 0.86rem;
}
.section-nav .nav-wrap .main-nav-item-1 {
  position: absolute;
  top: 0.23rem;
  left: 0.09rem;
  width: 3.09rem;
  height: 0.57rem;
}
.section-nav .nav-wrap .main-nav-item-2 {
  position: absolute;
  top: 0;
  left: 2.88rem;
  width: 1.97rem;
  height: 0.57rem;
}
.section-nav .nav-wrap .main-nav-item-3 {
  position: absolute;
  top: 0.26rem;
  right: 0.03rem;
  width: 2.9rem;
  height: 0.56rem;
}
.section-page {
  display: none;
}
.section-page.section-page-bh .nav-item {
  position: relative;
}
.section-page.section-page-bh .nav-item::after {
  display: inline-block;
  content: '';
  width: 0.52rem;
  height: 0.19rem;
  font-size: 12px;
  position: absolute;
  top: 0px;
  right: 0.16rem;
  color: #b7c1dd;
}
.section-page.section-page-bh .nav-item.open::after {
  display: none;
}
.section-page.section-page-bh .nav-item:nth-of-type(1) {
}
.section-page.section-page-bh .nav-item:nth-of-type(1).nav-active {
}
.section-page.section-page-bh .nav-item:nth-of-type(2) {
}
.section-page.section-page-bh .nav-item:nth-of-type(2).nav-active {
}
.section-page.section-page-bh .nav-item:nth-of-type(3) {
}
.section-page.section-page-bh .nav-item:nth-of-type(3).nav-active {
}
.section-page.section-page-bh .nav-item:nth-of-type(4) {
}
.section-page.section-page-bh .nav-item:nth-of-type(4).nav-active {
}
.section-page.section-page-zb .nav-item {
  position: relative;
}
.section-page.section-page-zb .nav-item::after {
  display: inline-block;
  content: '';
  width: 0.52rem;
  height: 0.19rem;
  font-size: 12px;
  position: absolute;
  top: 0px;
  right: 0.16rem;
  color: #b7c1dd;
}
.section-page.section-page-zb .nav-item.open::after {
  display: none;
}
.section-page.section-page-zb .nav-item:nth-of-type(1) {
}
.section-page.section-page-zb .nav-item:nth-of-type(1).nav-active {
}
.section-page.section-page-zb .nav-item:nth-of-type(2) {
}
.section-page.section-page-zb .nav-item:nth-of-type(2).nav-active {
}
.section-page.section-page-zb .nav-item:nth-of-type(3) {
}
.section-page.section-page-zb .nav-item:nth-of-type(3).nav-active {
}
.section-page.section-page-zb .nav-item:nth-of-type(4) {
}
.section-page.section-page-zb .nav-item:nth-of-type(4).nav-active {
}
.section-page.section-page-df .nav-item {
  position: relative;
}
.section-page.section-page-df .nav-item::after {
  display: inline-block;
  content: '';
  width: 0.52rem;
  height: 0.19rem;
  font-size: 12px;
  position: absolute;
  top: 0px;
  right: 0.16rem;
  color: #b7c1dd;
}
.section-page.section-page-df .nav-item:nth-of-type(1) {
}
.section-page.section-page-df .nav-item:nth-of-type(1).nav-active {
}
.section-page.section-page-df .nav-item:nth-of-type(2) {
}
.section-page.section-page-df .nav-item:nth-of-type(2).nav-active {
}
.section-page.section-page-df .nav-item:nth-of-type(3) {
}
.section-page.section-page-df .nav-item:nth-of-type(3).nav-active {
}
.section-page.section-page-df .nav-item:nth-of-type(4) {
}
.section-page.section-page-df .nav-item:nth-of-type(4).nav-active {
}
.section-page .sub-nav-wrap {
  position: relative;
  width: 100%;
  height: 0.86rem;
  text-align: center;
  font-size: 0;
}
.section-page .sub-nav-wrap .nav-item {
  margin: 0 -0.12rem;
  display: inline-block;
  width: 1.89rem;
  height: 0.58rem;
  cursor: pointer;
}
html,
body {
  font-family: "Microsoft YaHei";
  height: 100%;
}
body {
  font-size: 0.26rem;
}
.btn-link {
  display: block;
  width: 60%;
  margin: 10px auto;
}
.btn-link img {
  width: 100%;
}
.video-not-support {
  display: none;
  color: #fff;
  text-align: center;
}
.window {
  position: fixed;
  left: 0;
  top: 0;
  right: 0;
  bottom: 0;
  z-index: 1;
  opacity: 0;
}
.wrap {
  position: relative;
  width: 100%;
  min-height: 100%;
  opacity: 0;
  z-index: 2;
  overflow: hidden;
}
.main-wrap {
  overflow: hidden;
  margin-left: auto;
  margin-right: auto;
}
.main-wrap .section-nav {
  margin-bottom: 1.4rem;
}
.content-section {
  overflow: hidden;
  padding: 0 0.4rem 0.3rem 0.4rem;
}
.content-section .first {
  margin-top: 0.3rem;
}
.content-section h3 {
  font-size: 0.3rem;
  color: #8f7d4f;
  font-family: title-font;
  height: 0.54rem;
  line-height: 0.6rem;
  text-indent: 1rem;
  margin-top: 0.3rem;
  margin-bottom: 0.26rem;
}
.content-section .section-summer {
  color: #89acff;
}
.content-section .section-mark {
  color: #eeac71;
}
.content-section p {
  position: relative;
  color: #737e98;
  font-size: 0.24rem;
  padding-left: 0.35rem;
  line-height: 0.42rem;
  text-align: justify;
}
.content-section p:before {
  position: absolute;
  left: 0.1rem;
  top: 0.12rem;
  content: '';
  width: 0.1rem;
  height: 0.1rem;
  -webkit-transform: rotate(45deg);
  -moz-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  -o-transform: rotate(45deg);
  transform: rotate(45deg);
}
.content-section .section-table {
  margin: 0.6rem auto 0;
  color: #636c81;
  font-size: 0.24rem;
  border-collapse: collapse;
  border-left: solid 1px;
  border-bottom: solid 1px;
  border-color: #7a87a6;
}
.content-section .section-table th,
.content-section .section-table td {
  padding: 0 0.05rem;
  height: 0.48rem;
  line-height: 0.48rem;
  text-align: center;
  border-top: solid 1px;
  border-right: solid 1px;
  border-color: #7a87a6;
}
.content-section .section-table th {
  color: #fff;
}
.award-amount {
  position: absolute;
  top: 9.55rem;
  left: 3.15rem;
  color: #eedea8;
  font-weight: bold;
  font-size: 0.26rem;
  font-style: italic;
  -webkit-transform: translateX(-50%);
  -moz-transform: translateX(-50%);
  -ms-transform: translateX(-50%);
  -o-transform: translateX(-50%);
  transform: translateX(-50%);
}
.update-time {
  position: absolute;
  top: 9.55rem;
  right: 0.2rem;
  color: #b7a59c;
  font-style: italic;
}
.go-top {
  display: none;
  position: fixed;
  bottom: 2rem;
  right: 0;
  width: 0.7rem;
  height: 0.43rem;
  z-index: 99;
}
/*cc直播*/
.zhibo-item {
  padding-top: 0.2rem;
}
.zhibo-item .live-wrap {
  position: relative;
  margin-left: auto;
  margin-right: auto;
  margin-top: 0.3rem;
  text-align: center;
}
.zhibo-item .live-wrap .live-content {
  display: inline-block;
  position: relative;
  text-align: center;
  border: 0.1rem solid #636c81;
}
.zhibo-item .live-wrap video {
  width: 100%;
  height: auto;
}
.zhibo-item .live-wrap .btn-player-wrap {
  position: absolute;
  top: -0.5rem;
  left: 0.2rem;
  z-index: 1;
  overflow: hidden;
}
.zhibo-item .live-wrap .btn-player-wrap .btn-player {
  float: left;
  display: block;
  width: 1.73rem;
  height: 0.49rem;
}
.zhibo-item .live-wrap .btn-player-wrap .player-cc {
}
.zhibo-item .live-wrap .btn-player-wrap .player-cc.player-active {
}
.zhibo-item .live-wrap .btn-player-wrap .player-dy {
}
.zhibo-item .live-wrap .btn-player-wrap .player-dy.player-active {
}
.zhibo-item .live-wrap .btn-player-wrap .player-hy {
}
.zhibo-item .live-wrap .btn-player-wrap .player-hy.player-active {
}
.zhibo-item .live-wrap .hyplayer {
  width: 100%;
  height: 100%;
  border: 0;
}
.zhibo-item .live-wrap .live-item {
  display: none;
  width: 6.5rem;
  height: 3.8rem;
}
.zhibo-item .live-wrap .live-2 {
  height: 3.78rem;
  overflow: hidden;
}
.zhibo-item .live-wrap .live-player {
  display: inline-block;
}
.zhibo-item .live-wrap object,
.zhibo-item .live-wrap embed {
  display: block;
  width: 100%;
}
.zhibo-item .live-wrap iframe {
  width: 100%;
  height: 100%;
  outline: none;
  border: none;
}
.zhibo-item .live-wrap iframe html body .container .video-area .info-bar {
}
.section-wrap {
  display: none;
}
.section-wrap.section-show {
  display: block;
}
.section-wrap .s-title {
  color: #455073;
  font-size: 0.4rem;
  text-align: center;
  margin: 0.4rem auto;
  margin-top: 0.7rem;
  line-height: 0.89rem;
}
.section-wrap .s-title span {
  display: inline-block;
  position: relative;
}
.section-wrap .s-title span:before,
.section-wrap .s-title span:after {
  display: block;
  content: "";
  position: absolute;
  top: 50%;
  width: 1.73rem;
  height: 0.51rem;
  margin-top: -0.22rem;
}
.section-wrap .s-title span:before {
  left: -2.1rem;
}
.no-webp button {background:none}
.webp button {background:none}
.no-webp #forhorview {background:#000}
.webp #forhorview {background:#000}
.no-webp .alert-wrap {background:rgba(111, 109, 109, 0.8)}
.webp .alert-wrap {background:rgba(111, 109, 109, 0.8)}
.no-webp .popup-wrap .popup-mask {background:rgba(0, 0, 0, 0.8)}
.webp .popup-wrap .popup-mask {background:rgba(0, 0, 0, 0.8)}
.no-webp .popup-wrap .popup-close {background-size:100%}
.webp .popup-wrap .popup-close {background-size:100%}
.no-webp .build-wrap {background:rgba(0, 0, 0, 0.7)}
.webp .build-wrap {background:rgba(0, 0, 0, 0.7)}
.no-webp .build-body {background:url(https://n.res.netease.com/pc/zt/20210323104401/img/modal-bg_e3d78622.png) no-repeat;
  background-size: 100% 100%}
.webp .build-body {background:url(https://n.res.netease.com/pc/zt/20210323104401/img/modal-bg_e3d78622.webp) no-repeat;
  background-size: 100% 100%}
.no-webp .build-body {background-size:100% 100%}
.webp .build-body {background-size:100% 100%}
.no-webp .build-body .btn-close {background:url(https://n.res.netease.com/pc/zt/20210323104401/img/close_03df17cd.png) no-repeat;
  background-size: 100% 100%}
.webp .build-body .btn-close {background:url(https://n.res.netease.com/pc/zt/20210323104401/img/close_03df17cd.webp) no-repeat;
  background-size: 100% 100%}
.no-webp .build-body .btn-close {background-size:100% 100%}
.webp .build-body .btn-close {background-size:100% 100%}
.no-webp .header .logo-wrap .logo {background:url(https://n.res.netease.com/pc/zt/20210323104401/img/logo_f1320157.png) no-repeat center;
  background-size: 100% 100%}
.webp .header .logo-wrap .logo {background:url(https://n.res.netease.com/pc/zt/20210323104401/img/logo_f1320157.webp) no-repeat center;
  background-size: 100% 100%}
.no-webp .header .logo-wrap .logo {background-size:100% 100%}
.webp .header .logo-wrap .logo {background-size:100% 100%}
.no-webp .header .link {background:url(https://n.res.netease.com/pc/zt/20210323104401/img/link-bg_819b2271.png) no-repeat;
  background-size: 100% 100%}
.webp .header .link {background:url(https://n.res.netease.com/pc/zt/20210323104401/img/link-bg_819b2271.webp) no-repeat;
  background-size: 100% 100%}
.no-webp .header .link {background-size:100% 100%}
.webp .header .link {background-size:100% 100%}
.no-webp .section-nav .nav-wrap .main-nav-item-1 {background-image:url(https://n.res.netease.com/pc/zt/20210323104401/img/nav1_f8836a28.png);
  background-size: 100% 100%}
.webp .section-nav .nav-wrap .main-nav-item-1 {background-image:url(https://n.res.netease.com/pc/zt/20210323104401/img/nav1_f8836a28.webp);
  background-size: 100% 100%}
.no-webp .section-nav .nav-wrap .main-nav-item-1 {background-size:100% 100%}
.webp .section-nav .nav-wrap .main-nav-item-1 {background-size:100% 100%}
.no-webp .section-nav .nav-wrap .main-nav-item-2 {background-image:url(https://n.res.netease.com/pc/zt/20210323104401/img/nav2_0f9a4066.png);
  background-size: 100% 100%}
.webp .section-nav .nav-wrap .main-nav-item-2 {background-image:url(https://n.res.netease.com/pc/zt/20210323104401/img/nav2_0f9a4066.webp);
  background-size: 100% 100%}
.no-webp .section-nav .nav-wrap .main-nav-item-2 {background-size:100% 100%}
.webp .section-nav .nav-wrap .main-nav-item-2 {background-size:100% 100%}
.no-webp .section-nav .nav-wrap .main-nav-item-3 {background-image:url(https://n.res.netease.com/pc/zt/20210323104401/img/nav3_15a38205.png);
  background-size: 100% 100%}
.webp .section-nav .nav-wrap .main-nav-item-3 {background-image:url(https://n.res.netease.com/pc/zt/20210323104401/img/nav3_15a38205.webp);
  background-size: 100% 100%}
.no-webp .section-nav .nav-wrap .main-nav-item-3 {background-size:100% 100%}
.webp .section-nav .nav-wrap .main-nav-item-3 {background-size:100% 100%}
.no-webp .section-page.section-page-bh .nav-item::after {background:url(https://n.res.netease.com/pc/zt/20210323104401/img/commingsoon_172ab6ff.png);
  background-size: 100% 100%}
.webp .section-page.section-page-bh .nav-item::after {background:url(https://n.res.netease.com/pc/zt/20210323104401/img/commingsoon_172ab6ff.webp);
  background-size: 100% 100%}
.no-webp .section-page.section-page-bh .nav-item::after {background-size:100% 100%}
.webp .section-page.section-page-bh .nav-item::after {background-size:100% 100%}
.no-webp .section-page.section-page-bh .nav-item:nth-of-type(1) {background:url(https://n.res.netease.com/pc/zt/20210323104401/img/nav1_b1f021d5.png) no-repeat;
  background-size: 100%}
.webp .section-page.section-page-bh .nav-item:nth-of-type(1) {background:url(https://n.res.netease.com/pc/zt/20210323104401/img/nav1_b1f021d5.webp) no-repeat;
  background-size: 100%}
.no-webp .section-page.section-page-bh .nav-item:nth-of-type(1) {background-size:100%}
.webp .section-page.section-page-bh .nav-item:nth-of-type(1) {background-size:100%}
.no-webp .section-page.section-page-bh .nav-item:nth-of-type(1).nav-active {background:url(https://n.res.netease.com/pc/zt/20210323104401/img/nav1-h_9332a79f.png) no-repeat;
  background-size: 100%}
.webp .section-page.section-page-bh .nav-item:nth-of-type(1).nav-active {background:url(https://n.res.netease.com/pc/zt/20210323104401/img/nav1-h_9332a79f.webp) no-repeat;
  background-size: 100%}
.no-webp .section-page.section-page-bh .nav-item:nth-of-type(1).nav-active {background-size:100%}
.webp .section-page.section-page-bh .nav-item:nth-of-type(1).nav-active {background-size:100%}
.no-webp .section-page.section-page-bh .nav-item:nth-of-type(2) {background:url(https://n.res.netease.com/pc/zt/20210323104401/img/nav2_15dbc48b.png) no-repeat;
  background-size: 100%}
.webp .section-page.section-page-bh .nav-item:nth-of-type(2) {background:url(https://n.res.netease.com/pc/zt/20210323104401/img/nav2_15dbc48b.webp) no-repeat;
  background-size: 100%}
.no-webp .section-page.section-page-bh .nav-item:nth-of-type(2) {background-size:100%}
.webp .section-page.section-page-bh .nav-item:nth-of-type(2) {background-size:100%}
.no-webp .section-page.section-page-bh .nav-item:nth-of-type(2).nav-active {background:url(https://n.res.netease.com/pc/zt/20210323104401/img/nav2-h_fa040ad9.png) no-repeat;
  background-size: 100%}
.webp .section-page.section-page-bh .nav-item:nth-of-type(2).nav-active {background:url(https://n.res.netease.com/pc/zt/20210323104401/img/nav2-h_fa040ad9.webp) no-repeat;
  background-size: 100%}
.no-webp .section-page.section-page-bh .nav-item:nth-of-type(2).nav-active {background-size:100%}
.webp .section-page.section-page-bh .nav-item:nth-of-type(2).nav-active {background-size:100%}
.no-webp .section-page.section-page-bh .nav-item:nth-of-type(3) {background:url(https://n.res.netease.com/pc/zt/20210323104401/img/nav3_3a6ada37.png) no-repeat;
  background-size: 100%}
.webp .section-page.section-page-bh .nav-item:nth-of-type(3) {background:url(https://n.res.netease.com/pc/zt/20210323104401/img/nav3_3a6ada37.webp) no-repeat;
  background-size: 100%}
.no-webp .section-page.section-page-bh .nav-item:nth-of-type(3) {background-size:100%}
.webp .section-page.section-page-bh .nav-item:nth-of-type(3) {background-size:100%}
.no-webp .section-page.section-page-bh .nav-item:nth-of-type(3).nav-active {background:url(https://n.res.netease.com/pc/zt/20210323104401/img/nav3-h_170166f9.png) no-repeat;
  background-size: 100%}
.webp .section-page.section-page-bh .nav-item:nth-of-type(3).nav-active {background:url(https://n.res.netease.com/pc/zt/20210323104401/img/nav3-h_170166f9.webp) no-repeat;
  background-size: 100%}
.no-webp .section-page.section-page-bh .nav-item:nth-of-type(3).nav-active {background-size:100%}
.webp .section-page.section-page-bh .nav-item:nth-of-type(3).nav-active {background-size:100%}
.no-webp .section-page.section-page-bh .nav-item:nth-of-type(4) {background:url(https://n.res.netease.com/pc/zt/20210323104401/img/nav4_8776ae89.png) no-repeat;
  background-size: 100%}
.webp .section-page.section-page-bh .nav-item:nth-of-type(4) {background:url(https://n.res.netease.com/pc/zt/20210323104401/img/nav4_8776ae89.webp) no-repeat;
  background-size: 100%}
.no-webp .section-page.section-page-bh .nav-item:nth-of-type(4) {background-size:100%}
.webp .section-page.section-page-bh .nav-item:nth-of-type(4) {background-size:100%}
.no-webp .section-page.section-page-bh .nav-item:nth-of-type(4).nav-active {background:url(https://n.res.netease.com/pc/zt/20210323104401/img/nav4-h_d8129d4b.png) no-repeat;
  background-size: 100%}
.webp .section-page.section-page-bh .nav-item:nth-of-type(4).nav-active {background:url(https://n.res.netease.com/pc/zt/20210323104401/img/nav4-h_d8129d4b.webp) no-repeat;
  background-size: 100%}
.no-webp .section-page.section-page-bh .nav-item:nth-of-type(4).nav-active {background-size:100%}
.webp .section-page.section-page-bh .nav-item:nth-of-type(4).nav-active {background-size:100%}
.no-webp .section-page.section-page-zb .nav-item::after {background:url(https://n.res.netease.com/pc/zt/20210323104401/img/commingsoon_172ab6ff.png);
  background-size: 100% 100%}
.webp .section-page.section-page-zb .nav-item::after {background:url(https://n.res.netease.com/pc/zt/20210323104401/img/commingsoon_172ab6ff.webp);
  background-size: 100% 100%}
.no-webp .section-page.section-page-zb .nav-item::after {background-size:100% 100%}
.webp .section-page.section-page-zb .nav-item::after {background-size:100% 100%}
.no-webp .section-page.section-page-zb .nav-item:nth-of-type(1) {background:url(https://n.res.netease.com/pc/zt/20210323104401/img/nav1_d67260e5.png) no-repeat;
  background-size: 100%}
.webp .section-page.section-page-zb .nav-item:nth-of-type(1) {background:url(https://n.res.netease.com/pc/zt/20210323104401/img/nav1_d67260e5.webp) no-repeat;
  background-size: 100%}
.no-webp .section-page.section-page-zb .nav-item:nth-of-type(1) {background-size:100%}
.webp .section-page.section-page-zb .nav-item:nth-of-type(1) {background-size:100%}
.no-webp .section-page.section-page-zb .nav-item:nth-of-type(1).nav-active {background:url(https://n.res.netease.com/pc/zt/20210323104401/img/nav1-h_7d48a4f8.png) no-repeat;
  background-size: 100%}
.webp .section-page.section-page-zb .nav-item:nth-of-type(1).nav-active {background:url(https://n.res.netease.com/pc/zt/20210323104401/img/nav1-h_7d48a4f8.webp) no-repeat;
  background-size: 100%}
.no-webp .section-page.section-page-zb .nav-item:nth-of-type(1).nav-active {background-size:100%}
.webp .section-page.section-page-zb .nav-item:nth-of-type(1).nav-active {background-size:100%}
.no-webp .section-page.section-page-zb .nav-item:nth-of-type(2) {background:url(https://n.res.netease.com/pc/zt/20210323104401/img/nav2_b67411a1.png) no-repeat;
  background-size: 100%}
.webp .section-page.section-page-zb .nav-item:nth-of-type(2) {background:url(https://n.res.netease.com/pc/zt/20210323104401/img/nav2_b67411a1.webp) no-repeat;
  background-size: 100%}
.no-webp .section-page.section-page-zb .nav-item:nth-of-type(2) {background-size:100%}
.webp .section-page.section-page-zb .nav-item:nth-of-type(2) {background-size:100%}
.no-webp .section-page.section-page-zb .nav-item:nth-of-type(2).nav-active {background:url(https://n.res.netease.com/pc/zt/20210323104401/img/nav2-h_4a485e0a.png) no-repeat;
  background-size: 100%}
.webp .section-page.section-page-zb .nav-item:nth-of-type(2).nav-active {background:url(https://n.res.netease.com/pc/zt/20210323104401/img/nav2-h_4a485e0a.webp) no-repeat;
  background-size: 100%}
.no-webp .section-page.section-page-zb .nav-item:nth-of-type(2).nav-active {background-size:100%}
.webp .section-page.section-page-zb .nav-item:nth-of-type(2).nav-active {background-size:100%}
.no-webp .section-page.section-page-zb .nav-item:nth-of-type(3) {background:url(https://n.res.netease.com/pc/zt/20210323104401/img/nav5_361f23f9.png) no-repeat;
  background-size: 100%}
.webp .section-page.section-page-zb .nav-item:nth-of-type(3) {background:url(https://n.res.netease.com/pc/zt/20210323104401/img/nav5_361f23f9.webp) no-repeat;
  background-size: 100%}
.no-webp .section-page.section-page-zb .nav-item:nth-of-type(3) {background-size:100%}
.webp .section-page.section-page-zb .nav-item:nth-of-type(3) {background-size:100%}
.no-webp .section-page.section-page-zb .nav-item:nth-of-type(3).nav-active {background:url(https://n.res.netease.com/pc/zt/20210323104401/img/nav5-h_ba81277b.png) no-repeat;
  background-size: 100%}
.webp .section-page.section-page-zb .nav-item:nth-of-type(3).nav-active {background:url(https://n.res.netease.com/pc/zt/20210323104401/img/nav5-h_ba81277b.webp) no-repeat;
  background-size: 100%}
.no-webp .section-page.section-page-zb .nav-item:nth-of-type(3).nav-active {background-size:100%}
.webp .section-page.section-page-zb .nav-item:nth-of-type(3).nav-active {background-size:100%}
.no-webp .section-page.section-page-zb .nav-item:nth-of-type(4) {background:url(https://n.res.netease.com/pc/zt/20210323104401/img/nav4_10e217e5.png) no-repeat;
  background-size: 100%}
.webp .section-page.section-page-zb .nav-item:nth-of-type(4) {background:url(https://n.res.netease.com/pc/zt/20210323104401/img/nav4_10e217e5.webp) no-repeat;
  background-size: 100%}
.no-webp .section-page.section-page-zb .nav-item:nth-of-type(4) {background-size:100%}
.webp .section-page.section-page-zb .nav-item:nth-of-type(4) {background-size:100%}
.no-webp .section-page.section-page-zb .nav-item:nth-of-type(4).nav-active {background:url(https://n.res.netease.com/pc/zt/20210323104401/img/nav4-h_87049861.png) no-repeat;
  background-size: 100%}
.webp .section-page.section-page-zb .nav-item:nth-of-type(4).nav-active {background:url(https://n.res.netease.com/pc/zt/20210323104401/img/nav4-h_87049861.webp) no-repeat;
  background-size: 100%}
.no-webp .section-page.section-page-zb .nav-item:nth-of-type(4).nav-active {background-size:100%}
.webp .section-page.section-page-zb .nav-item:nth-of-type(4).nav-active {background-size:100%}
.no-webp .section-page.section-page-df .nav-item::after {background:url(https://n.res.netease.com/pc/zt/20210323104401/img/commingsoon_172ab6ff.png);
  background-size: 100% 100%}
.webp .section-page.section-page-df .nav-item::after {background:url(https://n.res.netease.com/pc/zt/20210323104401/img/commingsoon_172ab6ff.webp);
  background-size: 100% 100%}
.no-webp .section-page.section-page-df .nav-item::after {background-size:100% 100%}
.webp .section-page.section-page-df .nav-item::after {background-size:100% 100%}
.no-webp .section-page.section-page-df .nav-item:nth-of-type(1) {background:url(https://n.res.netease.com/pc/zt/20210323104401/img/nav1_b1f021d5.png) no-repeat;
  background-size: 100%}
.webp .section-page.section-page-df .nav-item:nth-of-type(1) {background:url(https://n.res.netease.com/pc/zt/20210323104401/img/nav1_b1f021d5.webp) no-repeat;
  background-size: 100%}
.no-webp .section-page.section-page-df .nav-item:nth-of-type(1) {background-size:100%}
.webp .section-page.section-page-df .nav-item:nth-of-type(1) {background-size:100%}
.no-webp .section-page.section-page-df .nav-item:nth-of-type(1).nav-active {background:url(https://n.res.netease.com/pc/zt/20210323104401/img/nav1-h_9332a79f.png) no-repeat;
  background-size: 100%}
.webp .section-page.section-page-df .nav-item:nth-of-type(1).nav-active {background:url(https://n.res.netease.com/pc/zt/20210323104401/img/nav1-h_9332a79f.webp) no-repeat;
  background-size: 100%}
.no-webp .section-page.section-page-df .nav-item:nth-of-type(1).nav-active {background-size:100%}
.webp .section-page.section-page-df .nav-item:nth-of-type(1).nav-active {background-size:100%}
.no-webp .section-page.section-page-df .nav-item:nth-of-type(2) {background:url(https://n.res.netease.com/pc/zt/20210323104401/img/nav2_15dbc48b.png) no-repeat;
  background-size: 100%}
.webp .section-page.section-page-df .nav-item:nth-of-type(2) {background:url(https://n.res.netease.com/pc/zt/20210323104401/img/nav2_15dbc48b.webp) no-repeat;
  background-size: 100%}
.no-webp .section-page.section-page-df .nav-item:nth-of-type(2) {background-size:100%}
.webp .section-page.section-page-df .nav-item:nth-of-type(2) {background-size:100%}
.no-webp .section-page.section-page-df .nav-item:nth-of-type(2).nav-active {background:url(https://n.res.netease.com/pc/zt/20210323104401/img/nav2-h_fa040ad9.png) no-repeat;
  background-size: 100%}
.webp .section-page.section-page-df .nav-item:nth-of-type(2).nav-active {background:url(https://n.res.netease.com/pc/zt/20210323104401/img/nav2-h_fa040ad9.webp) no-repeat;
  background-size: 100%}
.no-webp .section-page.section-page-df .nav-item:nth-of-type(2).nav-active {background-size:100%}
.webp .section-page.section-page-df .nav-item:nth-of-type(2).nav-active {background-size:100%}
.no-webp .section-page.section-page-df .nav-item:nth-of-type(3) {background:url(https://n.res.netease.com/pc/zt/20210323104401/img/nav3_3a6ada37.png) no-repeat;
  background-size: 100%}
.webp .section-page.section-page-df .nav-item:nth-of-type(3) {background:url(https://n.res.netease.com/pc/zt/20210323104401/img/nav3_3a6ada37.webp) no-repeat;
  background-size: 100%}
.no-webp .section-page.section-page-df .nav-item:nth-of-type(3) {background-size:100%}
.webp .section-page.section-page-df .nav-item:nth-of-type(3) {background-size:100%}
.no-webp .section-page.section-page-df .nav-item:nth-of-type(3).nav-active {background:url(https://n.res.netease.com/pc/zt/20210323104401/img/nav3-h_170166f9.png) no-repeat;
  background-size: 100%}
.webp .section-page.section-page-df .nav-item:nth-of-type(3).nav-active {background:url(https://n.res.netease.com/pc/zt/20210323104401/img/nav3-h_170166f9.webp) no-repeat;
  background-size: 100%}
.no-webp .section-page.section-page-df .nav-item:nth-of-type(3).nav-active {background-size:100%}
.webp .section-page.section-page-df .nav-item:nth-of-type(3).nav-active {background-size:100%}
.no-webp .section-page.section-page-df .nav-item:nth-of-type(4) {background:url(https://n.res.netease.com/pc/zt/20210323104401/img/nav4_8776ae89.png) no-repeat;
  background-size: 100%}
.webp .section-page.section-page-df .nav-item:nth-of-type(4) {background:url(https://n.res.netease.com/pc/zt/20210323104401/img/nav4_8776ae89.webp) no-repeat;
  background-size: 100%}
.no-webp .section-page.section-page-df .nav-item:nth-of-type(4) {background-size:100%}
.webp .section-page.section-page-df .nav-item:nth-of-type(4) {background-size:100%}
.no-webp .section-page.section-page-df .nav-item:nth-of-type(4).nav-active {background:url(https://n.res.netease.com/pc/zt/20210323104401/img/nav4-h_d8129d4b.png) no-repeat;
  background-size: 100%}
.webp .section-page.section-page-df .nav-item:nth-of-type(4).nav-active {background:url(https://n.res.netease.com/pc/zt/20210323104401/img/nav4-h_d8129d4b.webp) no-repeat;
  background-size: 100%}
.no-webp .section-page.section-page-df .nav-item:nth-of-type(4).nav-active {background-size:100%}
.webp .section-page.section-page-df .nav-item:nth-of-type(4).nav-active {background-size:100%}
.no-webp body {background:#e3e8f2}
.webp body {background:#e3e8f2}
.no-webp .wrap {background-color:#e3e8f2}
.webp .wrap {background-color:#e3e8f2}
.no-webp .wrap {background:url(https://n.res.netease.com/pc/zt/20210323104401/img/bg_01abcb8a.jpg) no-repeat center top / 7.5rem 14.59rem;
  background-size: 100%}
.webp .wrap {background:url(https://n.res.netease.com/pc/zt/20210323104401/img/bg_01abcb8a.webp) no-repeat center top / 7.5rem 14.59rem;
  background-size: 100%}
.no-webp .wrap {background-size:100%}
.webp .wrap {background-size:100%}
.no-webp .content-section h3 {background:url(https://n.res.netease.com/pc/zt/20210323104401/img/sub-title_9956c719.png);
  background-size: 3.27rem 0.54rem;
  background-position: 0% 50%;
  background-repeat: no-repeat}
.webp .content-section h3 {background:url(https://n.res.netease.com/pc/zt/20210323104401/img/sub-title_9956c719.webp);
  background-size: 3.27rem 0.54rem;
  background-position: 0% 50%;
  background-repeat: no-repeat}
.no-webp .content-section h3 {background-size:3.27rem 0.54rem}
.webp .content-section h3 {background-size:3.27rem 0.54rem}
.no-webp .content-section h3 {background-position:0% 50%}
.webp .content-section h3 {background-position:0% 50%}
.no-webp .content-section h3 {background-repeat:no-repeat}
.webp .content-section h3 {background-repeat:no-repeat}
.no-webp .content-section p:before {background-color:#afa489}
.webp .content-section p:before {background-color:#afa489}
.no-webp .content-section .section-table th {background-color:#7a87a6}
.webp .content-section .section-table th {background-color:#7a87a6}
.no-webp .go-top {background-image:url(https://n.res.netease.com/pc/zt/20210323104401/img/top_6d91c70c.png);
  background-size: 100% 100%}
.webp .go-top {background-image:url(https://n.res.netease.com/pc/zt/20210323104401/img/top_6d91c70c.webp);
  background-size: 100% 100%}
.no-webp .go-top {background-size:100% 100%}
.webp .go-top {background-size:100% 100%}
.no-webp .zhibo-item .live-wrap .live-content {background:#000000}
.webp .zhibo-item .live-wrap .live-content {background:#000000}
.no-webp .zhibo-item .live-wrap .btn-player-wrap .btn-player {background-size:100%}
.webp .zhibo-item .live-wrap .btn-player-wrap .btn-player {background-size:100%}
.no-webp .zhibo-item .live-wrap .btn-player-wrap .btn-player {background-position:center}
.webp .zhibo-item .live-wrap .btn-player-wrap .btn-player {background-position:center}
.no-webp .zhibo-item .live-wrap .btn-player-wrap .btn-player {background-repeat:no-repeat}
.webp .zhibo-item .live-wrap .btn-player-wrap .btn-player {background-repeat:no-repeat}
.no-webp .zhibo-item .live-wrap .btn-player-wrap .player-cc {background-image:url(https://n.res.netease.com/pc/zt/20210323104401/img/btn-player-cc_445736d3.png)}
.webp .zhibo-item .live-wrap .btn-player-wrap .player-cc {background-image:url(https://n.res.netease.com/pc/zt/20210323104401/img/btn-player-cc_445736d3.webp)}
.no-webp .zhibo-item .live-wrap .btn-player-wrap .player-cc.player-active {background-image:url(https://n.res.netease.com/pc/zt/20210323104401/img/btn-player-cc-hover_7c01ef80.png)}
.webp .zhibo-item .live-wrap .btn-player-wrap .player-cc.player-active {background-image:url(https://n.res.netease.com/pc/zt/20210323104401/img/btn-player-cc-hover_7c01ef80.webp)}
.no-webp .zhibo-item .live-wrap .btn-player-wrap .player-dy {background-image:url(https://n.res.netease.com/pc/zt/20210323104401/img/btn-player-dy_c884dd24.png)}
.webp .zhibo-item .live-wrap .btn-player-wrap .player-dy {background-image:url(https://n.res.netease.com/pc/zt/20210323104401/img/btn-player-dy_c884dd24.webp)}
.no-webp .zhibo-item .live-wrap .btn-player-wrap .player-dy.player-active {background-image:url(https://n.res.netease.com/pc/zt/20210323104401/img/btn-player-dy-hover_5a6c16cd.png)}
.webp .zhibo-item .live-wrap .btn-player-wrap .player-dy.player-active {background-image:url(https://n.res.netease.com/pc/zt/20210323104401/img/btn-player-dy-hover_5a6c16cd.webp)}
.no-webp .zhibo-item .live-wrap .btn-player-wrap .player-hy {background-image:url(https://n.res.netease.com/pc/zt/20210323104401/img/btn-player-yh_146c5c0d.png)}
.webp .zhibo-item .live-wrap .btn-player-wrap .player-hy {background-image:url(https://n.res.netease.com/pc/zt/20210323104401/img/btn-player-yh_146c5c0d.webp)}
.no-webp .zhibo-item .live-wrap .btn-player-wrap .player-hy.player-active {background-image:url(https://n.res.netease.com/pc/zt/20210323104401/img/btn-player-yh-hover_05c94a0b.png)}
.webp .zhibo-item .live-wrap .btn-player-wrap .player-hy.player-active {background-image:url(https://n.res.netease.com/pc/zt/20210323104401/img/btn-player-yh-hover_05c94a0b.webp)}
.no-webp .zhibo-item .live-wrap iframe html body .container .video-area .info-bar {background:#636c81}
.webp .zhibo-item .live-wrap iframe html body .container .video-area .info-bar {background:#636c81}
.no-webp .section-wrap .s-title {background-image:url(https://n.res.netease.com/pc/zt/20210323104401/img/h1-bg_e63775c2.png);
  background-size: auto 100%;
  background-repeat: no-repeat;
  background-position: center}
.webp .section-wrap .s-title {background-image:url(https://n.res.netease.com/pc/zt/20210323104401/img/h1-bg_e63775c2.webp);
  background-size: auto 100%;
  background-repeat: no-repeat;
  background-position: center}
.no-webp .section-wrap .s-title {background-size:auto 100%}
.webp .section-wrap .s-title {background-size:auto 100%}
.no-webp .section-wrap .s-title {background-repeat:no-repeat}
.webp .section-wrap .s-title {background-repeat:no-repeat}
.no-webp .section-wrap .s-title {background-position:center}
.webp .section-wrap .s-title {background-position:center}
.no-webp .section-wrap .s-title span:before, 
.no-webp .section-wrap .s-title span:after {background-size:100%}
.webp .section-wrap .s-title span:before, 
.webp .section-wrap .s-title span:after {background-size:100%}
.no-webp .section-wrap .s-title span:before, 
.no-webp .section-wrap .s-title span:after {background-position:center}
.webp .section-wrap .s-title span:before, 
.webp .section-wrap .s-title span:after {background-position:center}
.no-webp .section-wrap .s-title span:before, 
.no-webp .section-wrap .s-title span:after {background-repeat:no-repeat}
.webp .section-wrap .s-title span:before, 
.webp .section-wrap .s-title span:after {background-repeat:no-repeat}
.no-webp .section-wrap .s-title span:before {background-image:url(https://n.res.netease.com/pc/zt/20210323104401/img/title1_a2e330dc.png)}
.webp .section-wrap .s-title span:before {background-image:url(https://n.res.netease.com/pc/zt/20210323104401/img/title1_a2e330dc.webp)}
.no-webp .section-wrap .s-title span:after {background-image:url(https://n.res.netease.com/pc/zt/20210323104401/img/title2_930cb3f9.png)}
.webp .section-wrap .s-title span:after {background-image:url(https://n.res.netease.com/pc/zt/20210323104401/img/title2_930cb3f9.webp)}
.section-wrap .s-title span:after {
  right: -2.1rem;
}