.img-mbz {
      width: 100%;
      height: auto;
    }
    * {
      margin: 0;
      padding: 0;
    }
    ul, li {
      list-style-type: none;
    }
    body {
      font: 12px/180% Arial, Helvetica, sans-serif;
    }
    small, em, i {
      font-style: none;
    }
    a {
      color: #333;
      text-decoration: none;
    }
    a:hover {
      color: #3366cc;
      text-decoration: underline;
    }
    .demopage {
      width: 730px;
      margin: 0 auto;
    }
    .demopage h2 {
      font-size: 14px;
      margin: 20px 0;
    }
    /* scrollDiv */
    .scrollDiv {
      height: 25px;
      line-height: 25px;
      overflow: hidden;
    }
    .scrollDiv li {
      height: 25px;
      padding-left: 0px;
    }
    .scrollDiv li a {
      font-size: 13px;
      color: #666;
    }
    #s2, #s3 {
      height: 100px;
    }
    .vip_con {
      -webkit-top-right-border-radius: 50%;
      border-top-right-radius: 10px;
      -moz-border-top-right-radius: 10px;
      position: absolute;
      right: 0;
      top: 0;
    }
    .box_seconde {
      position: relative;
    }
    .vip_con img {
      display: block;
      width: 50px;
      height: auto;
      -webkit-top-right-border-radius: 50%;
      border-top-right-radius: 10px;
      -moz-border-top-right-radius: 10px;
    }
    body {
      background: #fff;
    }
    .banner img {
      display: block;
      width: 100%;
      height: auto;
    }
    .section_big {
      margin: 0 auto;
    }
    .banner_fixed {
      margin-top: -15.53333333333333%;
      padding: 0 15px;
      z-index: 990;
      position: relative;
    }
    .banner_fixed_back {
      padding-bottom: 5px;
      background: #fff;
      -moz-box-shadow: 2px 2px 15px rgba(0,0,0,0.1);
      -webkit-box-shadow: 2px 2px 15px rgba(0,0,0,0.1);
      box-shadow: 2px 2px 15px rgba(0,0,0,0.1);
      -webkit-border-radius: 10px;
      border-radius: 10px;
      -moz-border-radius: 10px;
    }
    .new {
      background: none;
      padding: 0px 10px;
      border-bottom: 0;
      height: auto;
    }
    .nav {
      background: none;
      padding: 15px 10px;
      padding-bottom: 10px;
    }
    .new .sectionav {
      border-top: 1px solid #f1f1f1;
      width: 100%;
      padding: 10px 0;
      padding-top: 5px;
      padding-left: 30px;
      padding-right: 15px;
    }
    .new ul .lb {
      width: 20px;
      height: auto;
      margin: 0;
      padding: 0;
      position: absolute;
      left: 0;
      top: 10px;
    }
    .new a.more img {
      width: 8px;
      height: auto;
    }
    .nav ul li img {
      width: 35px;
      height: auto;
    }
    .nav ul li a {
      color: #222;
      font-size: 14px;
      display: block;
      overflow: hidden;
      white-space: nowrap;
      text-overflow: ellipsis;
    }
    .nav ul li {
      line-height: 25px;
    }
    .mid {
    }
    .box_shadow {
      padding: 15px 15px;
      float: left;
      width: 100%;
    }
    .box_shadow-back {
      float: left;
      width: 100%;
      background: #fff;
      -moz-box-shadow: 2px 2px 15px rgba(0,0,0,0.1);
      -webkit-box-shadow: 2px 2px 15px rgba(0,0,0,0.1);
      box-shadow: 2px 2px 15px rgba(0,0,0,0.1);
      -webkit-border-radius: 10px;
      border-radius: 10px;
      -moz-border-radius: 10px;
    }
    .box_seconde {
      background: linear-gradient(90deg, rgb(11, 159, 244) 30%, rgb(11, 159, 244));
      color: #fff;
      font-size: 16px;
      text-align: center;
      padding: 10px 10px;
      float: left;
      width: 100%;
      -webkit-top-left-border-radius: 50%;
      border-top-left-radius: 10px;
      -moz-border-top-left-radius: 10px;
      -webkit-top-right-border-radius: 50%;
      border-top-right-radius: 10px;
      -moz-border-top-right-radius: 10px;
    }
    .box_seconde small {
      font-size: 12px;
      display: block;
      padding-top: 5px;
    }
    .box_seconde span {
      font-size: 22px;
      display: block;
      float: left;
      width: 33.333%;
    }
    .parent_level {
      padding: 0 15px;
      padding-bottom: 25px;
      float: left;
      width: 100%;
    }
    .parent_level div {
      width: 48%;
      display: block;
      text-align: center;
      padding: 5px 15px;
      background: linear-gradient(90deg, rgb(11, 159, 244) 30%, rgb(11, 159, 244));
      color: #fff;
      font-size: 13px;
      float: left;
      -webkit-border-radius: 30px;
      border-radius: 30px;
      -moz-border-radius: 30px;
    }
    .parent_level div:nth-child(2) {
      float: right;
    }
    .parent_level div a {
      color: #ffffff;
    }
    .circleChart {
      width: 104px;
      margin: 10px auto;
      position: relative;
    }
    .circleChart canvas {
      display: block;
    }
    #circle1 {
      height: 100px;
      -webkit-border-radius: 50%;
      border-radius: 50%;
      -moz-border-radius: 50%;
      position: relative;
      margin: 0;
    }
    #circle1:before {
      width: 100%;
      height: 100%;
      content: "";
      display: block;
      position: absolute;
      left: 0;
      z-index: 990;
      top: 0;
      -webkit-border-radius: 50%;
      border-radius: 50%;
      -moz-border-radius: 50%;
      border: 1px solid #e3e3e3;
    }
    #circle1:after {
      width: 100%;
      height: 100%;
      content: "";
      display: block;
      position: absolute;
      left: 0;
      z-index: 990;
      top: 0;
      -webkit-border-radius: 50%;
      border-radius: 50%;
      -moz-border-radius: 50%;
      border: 1px solid linear-gradient(90deg, rgb(11, 159, 244) 30%, rgb(11, 159, 244));
    }
    .circleChart .circleChart-div {
      position: absolute;
      left: 0;
      top: 0;
      width: 100%;
      height: 100%;
      display: block;
      padding: 6px;
    }
    .circleChart .circleChart-div .justify-content {
      background: linear-gradient(90deg, rgb(11, 159, 244) 30%, rgb(11, 159, 244));
    }
    .border-radius-50 {
      -webkit-border-radius: 50%;
      border-radius: 50%;
      -moz-border-radius: 50%;
    }
    .circleChart-div span,
    .circleChart-div small {
      display: block;
      text-align: center;
      color: #c8d8ff;
      font-size: 12px;
    }
    .circleChart-div span {
      color: #fff;
      font-size: 22px;
      padding-bottom: 5px;
    }
    .justify-content {
      height: 100%;
      width: 100%;
      margin: 0;
      padding: 0;
      display: -webkit-box;
      display: -ms-flexbox;
      display: -webkit-flex;
      display: flex;
      -webkit-box-pack: center;
      -ms-flex-pack: center;
      -webkit-justify-content: center;
      justify-content: center;
      -webkit-box-align: center;
      -ms-flex-align: center;
      -webkit-align-items: center;
      align-items: center;
    }
    .dots1 {
      width: 1px;
      height: 2px;
      background: linear-gradient(90deg, rgb(196, 38, 225) 30%, rgb(255, 181, 13));
      content: "";
      position: absolute;
      left: 50%;
      top: 1px;
      display: block;
      z-index: 990;
    }
    .myy-class .layui-layer-title {
      display: none;
    }
    .myy-class .layui-layer-content {
      padding: 0;
    }
    .myy-class .layui-layer-content img {
      width: 100%;
    }
    .myy-class .layui-layer-setwin {
      display: none;
    }
    .myy-class {
      border-radius: 5%;
    }
    .myy-class .layui-layer-btn {
      padding: 10px;
      padding-left: 1px;
      padding-right: 1px;
    }
    .myy-class .layui-layer-btn > a {
      width: 50%;
      margin: 0;
      background: white;
      border: 0;
      text-align: center;
    }
    .myy-class.layui-layer-dialog {
      min-width: 200px;
    }
    .myy-class .layui-layer-btn > a:nth-child(1) {
      color: #999999;
    }
    .myy-class .layui-layer-btn > a:nth-child(2) {
      color: #5e7ffb;
    }

    .nav {
      margin-top: 2px;
      background: #fff;
      padding: 8px 0;
    }
    .nav ul {
      text-align: center;
      overflow: hidden;
    }

    .new {
      height: 33px;
      border-bottom: 2px solid #f3f3f3;
      background: #fff;
    }
    .new ul {
      position: relative;
    }
    .new ul .lb {
      float: left;
      margin-top: 10px;
      margin-right: 10px;
    }
    .new ul li {
      line-height: 33px;
    }
    .new a.more {
      position: absolute;
      right: 0;
      top: 8px;
      cursor: pointer;
    }
    .nav {
      margin-top: 2px;
      background: #fff;
      padding: 8px 0;
    }
    .nav ul {
      text-align: center;
      overflow: hidden;
    }
    .nav ul li {
      display: inline-block;
      width: 25%;
      float: left;
    }
    .banner_fixed {
      margin-top: -15.53333333333333%;
      padding: 0 15px;
      z-index: 990;
      position: relative;
    }
    .banner_fixed_back {
      padding-bottom: 5px;
      background: #fff;
      -moz-box-shadow: 2px 2px 15px rgba(0,0,0,0.1);
      -webkit-box-shadow: 2px 2px 15px rgba(0,0,0,0.1);
      box-shadow: 2px 2px 15px rgba(0,0,0,0.1);
      -webkit-border-radius: 10px;
      border-radius: 10px;
      -moz-border-radius: 10px;
    }
    .new {
      background: none;
      padding: 0px 10px;
      border-bottom: 0;
      height: auto;
    }
    .nav {
      background: none;
      padding: 15px 10px;
      padding-bottom: 10px;
    }
    .new .sectionav {
      border-top: 1px solid #f1f1f1;
      width: 100%;
      padding: 10px 0;
      padding-top: 5px;
      padding-left: 30px;
      padding-right: 15px;
    }
    .new ul .lb {
      width: 20px;
      height: auto;
      margin: 0;
      padding: 0;
      position: absolute;
      left: 0;
      top: 10px;
    }
    .new a.more img {
      width: 8px;
      height: auto;
    }
    .nav ul li img {
      width: 35px;
      height: auto;
    }
    .nav ul li a {
      color: #222;
      display: flex;
      justify-content: center;
      align-items: center;
      flex-direction: column;
      font-size: 14px;
      overflow: hidden;
      white-space: nowrap;
      text-overflow: ellipsis;
    }
    .nav ul li {
      line-height: 25px;
    }
    .more li {
      background-color: #fff !important;
    }

    .startread {
      width: 100px;
      height: 100px;
      border-radius: 50px;
      display: flex;
      justify-content: center;
      align-items: center;
      background: linear-gradient(90deg, rgb(11, 159, 244) 30%, rgb(11, 159, 244));
      margin-top: 80px;
      color: #ffffff;
    }
    .fui-danmu {
      height: 32px;
      max-width: 240px;
      border-radius: 16px;
      position: absolute;
      bottom: 15%;
      left: 10px;
      z-index: 999;
      padding: 3px;
      display: -webkit-box;
      display: -webkit-flex;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-align: center;
      -webkit-align-items: center;
      -ms-flex-align: center;
      align-items: center;
      font-size: 14px;
      color: #fff;
      overflow: hidden;
      position: fixed;
      opacity: 0.9;
    }
    .fui-danmu:before {
      content: "";
      position: absolute;
      top: 0;
      left: 0;
      right: 0;
      bottom: 0;
      background: #000;
      z-index: 1;
      opacity: 0.7;
    }
    .fui-danmu.style2 {
      border-radius: 4px;
    }
    .fui-danmu.style2 .thumb {
      border-radius: 4px;
    }
    .fui-danmu .thumb {
      height: 26px;
      width: 26px;
      border-radius: 50%;
      background: #fff;
      position: relative;
      z-index: 2;
    }
    .fui-danmu .text {
      -webkit-box-flex: 1;
      -webkit-flex: 1;
      -ms-flex: 1;
      flex: 1;
      padding-left: 4px;
      overflow: hidden;
      text-overflow: ellipsis;
      white-space: nowrap;
      position: relative;
      z-index: 2;
    }
    .fui-danmu .time {
      text-align: right;
      padding: 0 4px;
      font-size: 13px;
      position: relative;
      z-index: 2;
    }

    /* 公告弹窗样式（原版） */
    #box {
      width: 80%;
      height: auto;
      z-index: 999999;
      box-shadow: 0 0 20px red;
      background-color: #3a3e4a;
      color: #fff;
      border-radius: 20%;
      position: absolute;
      left: 10%;
      top: 80px;
      text-align: center;
      display: none;
      padding: 20px;
      border: 1px solid #048df6;
    }
    #box h1 {
      font-size: 28px;
    }
    #box p {
      font-size: 15px;
    }
    #box button {
      background: none repeat scroll 0 0 #048df6;
      border: 0;
      border-radius: 2px;
      color: #fff !important;
      cursor: pointer;
      font-family: open sans, hiragino sans gb, microsoft yahei, wenquanyi micro hei, Arial, Verdana, Tahoma, sans-serif;
      font-size: 14px;
      padding: 6px 10%;
      border-radius: 30px;
    }
    #content {
      width: 100px;
      height: 100px;
      margin: 0 auto;
      font-size: 18px;
    }
    
    .box_seconde span {
    text-align: center;
}