.clearfix {
  clear: both;
  zoom: 1; }

body {
  background-color: #03121f;
  color: #fff; }

.j-prev {
  position: absolute;
  left: 1.0625rem;
  top: 4.6875rem;
  width: 0.375rem;
  height: 0.375rem;
  background-image: url("../img/prev1.png");
  background-position: center;
  background-repeat: no-repeat;
  animation: myfirst 2s infinite ease-in-out;
  -webkit-animation: myfirst 2s infinite ease-in-out;
  z-index: 9999; }

.j-next {
  position: absolute;
  right: 1.0625rem;
  top: 4.6875rem;
  width: 0.375rem;
  height: 0.375rem;
  background-image: url("../img/next1.png");
  background-position: center;
  background-repeat: no-repeat;
  animation: myfirst 2s infinite ease-in-out;
  -webkit-animation: myfirst 2s infinite ease-in-out;
  z-index: 9999; }

.swiper-next {
  width: 0.65625rem;
  height: 0.57813rem;
  margin: 0 auto;
  position: fixed;
  left: 0;
  right: 0;
  bottom: 0.625rem;
  animation: snext 1s infinite ease-in-out;
  -webkit-animation: snext 1s infinite ease-in-out; }
@keyframes snext {
  0% {
    opacity: 1;
    bottom: 0.6875rem; }
  100% {
    opacity: 0.6;
    bottom: 0.625rem; } }
@-webkit-keyframes snext {
  0% {
    opacity: 1;
    bottom: 0.6875rem; }
  100% {
    opacity: 0.6;
    bottom: 0.625rem; } }
  .swiper-next > img {
    width: 100%; }

.top-bar {
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  margin: 0 auto;
  width: 10rem;
  height: 0.54688rem;
  padding: 0.39063rem 0.3125rem;
  line-height: 0.54688rem;
  background-image: url("../img/top_bg.png");
  background-size: 10rem 1.40625rem;
  z-index: 100; }
  .top-bar .music {
    position: fixed;
    left: 1.25rem;
    top: 0.3125rem;
    z-index: 1000;
    width: 0.54688rem;
    height: 0.54688rem;
    background-image: url("../img/on.png");
    background-size: 0.54688rem 0.54688rem;
    animation: switch 3s infinite linear;
    -webkit-animation: switch 3s infinite linear; }
  .top-bar .music-off {
    background-image: url("../img/off.png"); }
@keyframes switch {
  0% {
    transform: rotate(0deg); }
  100% {
    transform: rotate(360deg); } }
@-webkit-keyframes switch {
  0% {
    -webkit-transform: rotate(0deg); }
  100% {
    -webkit-transform: rotate(360deg); } }
  .top-bar .menu-icon {
    width: 0.45313rem;
    height: 0.54688rem;
    float: left; }
    .top-bar .menu-icon > img {
      width: 100%; }
  .top-bar .logo-collection {
    float: right;
    height: 0.53125rem;
    width: 5.45313rem;
    margin-right: 0.46875rem; }
    .top-bar .logo-collection > img {
      width: 100%; }
  .top-bar.baoming-post {
    width: 7.9375rem;
    position: absolute;
    margin: 0 auto;
    left: 0;
    right: 0; }
    .top-bar.baoming-post .logo-collection {
      float: none; }

.container {
  width: 10rem;
  margin: 0 auto; }
  .container .page-index {
    width: 10rem;
    height: 16.25rem;
    background-image: url("../img/page_index_bg.png");
    background-size: 10rem 16.25rem;
    color: #fff; }
    .container .page-index .main {
      padding-left: 0.59375rem;
      position: absolute;
      top: 5.625rem; }
      .container .page-index .main .title-1 {
        font-size: 0.47234rem;
        margin-bottom: 0.625rem;
        font-family: PingFangSC-Light, sans-serif; }
      .container .page-index .main .title-2 {
        font-size: 0.85219rem;
        line-height: 1.5;
        font-family: PingFangSC-Semibold, sans-serif; }
      .container .page-index .main .sub-title {
        width: 6.70313rem;
        height: 0.375rem;
        margin: 0.3125rem 0 0.5rem; }
        .container .page-index .main .sub-title > img {
          width: 100%; }
      .container .page-index .main .title-3 {
        font-size: 0.5625rem;
        line-height: 1.5;
        font-family: PingFangSC-Light, sans-serif; }
      .container .page-index .main .time-location {
        width: 4.46875rem;
        height: 0.8125rem;
        background-image: url("../img/time_location.png");
        background-size: 4.46875rem 0.8125rem;
        line-height: 0.8125rem;
        text-align: center;
        margin-top: 0.46875rem; }
        .container .page-index .main .time-location .time {
          font-size: 0.4375rem; }
        .container .page-index .main .time-location .location {
          font-size: 0.4375rem;
          margin-left: 0.09375rem;
          font-family: PingFangSC-Light, sans-serif; }
    .container .page-index.baoming-post {
      background-image: url("../img/baoming.png");
      height: 11.5625rem; }
      .container .page-index.baoming-post > .outer-wrapper .main {
        top: 1.5625rem;
        width: 7.9375rem;
        padding-left: 0;
        left: 0;
        right: 0;
        margin: 0 auto; }
        .container .page-index.baoming-post > .outer-wrapper .main .title-2 {
          font-size: 0.625rem;
          line-height: 1.25; }
        .container .page-index.baoming-post > .outer-wrapper .main .sub-title {
          width: 5.0625rem;
          height: 0.23438rem;
          margin: 0.15625rem 0 0.375rem; }
          .container .page-index.baoming-post > .outer-wrapper .main .sub-title > img {
            width: 100%; }
        .container .page-index.baoming-post > .outer-wrapper .main .title-3 {
          font-size: 0.76563rem !important; }
        .container .page-index.baoming-post > .outer-wrapper .main .time-location {
          width: 2.8125rem;
          height: 0.53125rem;
          background-image: url("../img/time_location.png");
          background-size: 2.8125rem 0.53125rem;
          line-height: 0.53125rem;
          text-align: center;
          margin-top: 0.46875rem; }
          .container .page-index.baoming-post > .outer-wrapper .main .time-location .time {
            font-size: 0.3125rem; }
          .container .page-index.baoming-post > .outer-wrapper .main .time-location .location {
            font-size: 0.27734rem;
            margin-left: 0.0625rem; }
      .container .page-index.baoming-post > .outer-wrapper .form-list {
        margin: 0 auto;
        width: 8.125rem;
        position: absolute;
        top: 6.03125rem;
        left: 0;
        right: 0; }
        .container .page-index.baoming-post > .outer-wrapper .form-list .form-control {
          width: 7.5625rem;
          height: 1rem;
          margin: 0.625rem 0; }
          .container .page-index.baoming-post > .outer-wrapper .form-list .form-control > input {
            width: 7.5625rem;
            height: 1rem;
            line-height: 1rem;
            border: 1px solid #019bff;
            background-color: #03121f;
            font-size: 0.4375rem;
            padding-left: 0.375rem;
            color: #8bacbd; }
            .container .page-index.baoming-post > .outer-wrapper .form-list .form-control > input::-webkit-input-placeholder {
              color: #8bacbd; }
        .container .page-index.baoming-post > .outer-wrapper .form-list .from-submit {
          width: 7.9375rem;
          height: 1rem;
          margin: 0.625rem 0;
          background-image: url("../img/time_location.png");
          background-size: 7.9375rem 1rem;
          line-height: 1rem;
          font-size: 0.46875rem;
          text-align: center; }
      .container .page-index.baoming-post > .outer-wrapper .form-desc {
        width: 8.125rem;
        height: 5.53125rem;
        color: #9fbac9;
        font-size: 0.3125rem;
        line-height: 2;
        text-align: justify;
        position: absolute;
        left: 0;
        right: 0;
        top: 14.90625rem;
        margin: 0 auto;
        padding-bottom: 0.625rem; }
        .container .page-index.baoming-post > .outer-wrapper .form-desc .tip {
          width: 0.625rem;
          height: 1px;
          background-color: #019cff;
          margin: 0.3125rem auto; }
        .container .page-index.baoming-post > .outer-wrapper .form-desc .tip-title {
          font-size: 0.4375rem;
          margin-bottom: 0.46875rem;
          text-align: center; }
        .container .page-index.baoming-post > .outer-wrapper .form-desc .qrcode-desc {
          text-align: center;
          margin: 0.625rem 0; }
        .container .page-index.baoming-post > .outer-wrapper .form-desc .qrcode-img {
          text-align: center;
          width: 2.85938rem;
          height: 2.85938rem;
          margin: 0 auto; }
          .container .page-index.baoming-post > .outer-wrapper .form-desc .qrcode-img > img {
            width: 100%; }
        .container .page-index.baoming-post > .outer-wrapper .form-desc .qrcode-contact {
          font-size: 0.375rem;
          margin: 0.3125rem 0;
          text-align: center; }
  .container .title-label {
    width: 10rem;
    height: 1.5625rem;
    line-height: 1.5625rem;
    color: #fff; }
    .container .title-label .box {
      padding: 0 0.3125rem;
      position: relative; }
      .container .title-label .box .en-desc {
        font-size: 0.625rem;
        font-family: PingFangSC-Semibold, sans-serif;
        display: inline-block; }
      .container .title-label .box .separate {
        font-size: 0.5625rem;
        font-family: PingFangSC-Light, sans-serif;
        display: inline-block;
        padding: 0.07813rem 0;
        position: absolute;
        left: 5.3125rem;
        top: -0.10938rem; }
      .container .title-label .box .cn-desc {
        font-size: 0.5625rem;
        font-family: PingFangSC-Light, sans-serif;
        display: inline-block;
        padding: 0.07813rem 0;
        position: absolute;
        left: 5.59375rem;
        top: -0.10938rem; }
      .container .title-label .box .btn {
        display: inline-block;
        width: 2.65625rem;
        height: 0.75rem;
        line-height: 0.75rem;
        text-align: center;
        background-color: #03121f;
        border: 1px solid #fff;
        font-size: 0.34375rem;
        color: #fff;
        float: right;
        margin-top: 0.375rem; }
  .container .page-introduce {
    color: #fff;
    padding: 1.20313rem 0.875rem 1.5625rem;
    background-image: url("../img/introduce_bg.png");
    background-size: 10rem 0.25rem; }
    .container .page-introduce .content {
      text-align: justify; }
      .container .page-introduce .content > p {
        font-size: 0.375rem;
        line-height: 2; }
  .container .page-baoming {
    width: 10rem;
    padding: 0.78125rem 0 1.5625rem; }
    .container .page-baoming > .title-label > .box > .separate {
      left: 5rem; }
    .container .page-baoming > .title-label > .box > .cn-desc {
      left: 5.28125rem; }
    .container .page-baoming .btn-collection {
      padding: 0.78125rem 0.3125rem 1.5625rem; }
      .container .page-baoming .btn-collection .btn {
        display: inline-block;
        width: 3.90625rem;
        height: 1.09375rem;
        line-height: 1.09375rem;
        text-align: center;
        background-color: #313545;
        border: 1px solid #00d1ff;
        font-size: 0.46875rem;
        color: #fff;
        animation: myfirst 1s infinite ease-in-out;
        -webkit-animation: myfirst 1s infinite ease-in-out; }
@keyframes myfirst {
  0% {
    opacity: 1; }
  100% {
    opacity: 0.6; } }
@-webkit-keyframes myfirst {
  0% {
    opacity: 1; }
  100% {
    opacity: 0.6; } }
        .container .page-baoming .btn-collection .btn.btn-media {
          float: left; }
        .container .page-baoming .btn-collection .btn.btn-person {
          float: right; }
  .container .page-agenda > .title-label > .box > .separate {
    left: 3.125rem; }
  .container .page-agenda > .title-label > .box > .cn-desc {
    left: 3.40625rem; }
  .container .page-agenda .agenda {
    color: #fff; }
    .container .page-agenda .agenda .time-slogan {
      font-size: 0.46875rem;
      padding: 0 0.3125rem; }
      .container .page-agenda .agenda .time-slogan .date {
        width: 10rem-pxTorem 40px;
        border-top: 1px solid #fff;
        padding: 0.3125rem 0; }
    .container .page-agenda .agenda .agenda-list {
      margin-bottom: 1.875rem; }
      .container .page-agenda .agenda .agenda-list .time-item {
        padding: 0.15625rem 0.3125rem;
        margin: 0.15625rem 0;
        font-size: 0.375rem;
        line-height: 2; }
        .container .page-agenda .agenda .agenda-list .time-item .time-dorion {
          float: left;
          width: 30%;
          position: relative; }
        .container .page-agenda .agenda .agenda-list .time-item .time-content {
          float: left;
          width: 70%; }
          .container .page-agenda .agenda .agenda-list .time-item .time-content .text .blank {
            margin-left: 0.15625rem; }
  .container .page-live > .title-label > .box > .separate {
    left: 1.71875rem; }
  .container .page-live > .title-label > .box > .cn-desc {
    left: 2rem; }
  .container .page-live .zhibo-box {
    margin: 1.09375rem 0 1.5625rem; }
  .container .page-daka > .title-label > .box > .separate {
    left: 3.71875rem; }
  .container .page-daka > .title-label > .box > .cn-desc {
    left: 3.90625rem; }
  .container .page-daka .specail-invite {
    width: 10rem;
    background-size: 10rem 17.75rem; }
    .container .page-daka .specail-invite #pic {
      position: relative;
      overflow: hidden;
      height: 8.4375rem;
      width: 10rem;
      z-index: 2;
      margin: 0 auto; }
    .container .page-daka .specail-invite #pic ul {
      width: 9.53125rem;
      height: 100%;
      margin: 0 auto; }
    .container .page-daka .specail-invite #pic ul li {
      position: absolute;
      background-color: #000;
      overflow: hidden; }
    .container .page-daka .specail-invite #pic ul li a {
      display: block;
      text-decoration: none;
      width: 100%;
      height: 100%; }
    .container .page-daka .specail-invite #pic ul img {
      position: relative;
      top: 0;
      left: 0;
      width: 100%;
      height: 100%; }
    .container .page-daka .specail-invite #pic span {
      display: inline-block;
      zoom: 1;
      width: 2rem;
      height: 3.125rem;
      position: absolute;
      top: 3.59375rem;
      z-index: 30;
      cursor: pointer;
      opacity: 0.7; }
    .container .page-daka .specail-invite .left-top {
      width: 3.04688rem;
      height: 3.32813rem;
      position: absolute;
      left: 1.8125rem;
      top: 0.90625rem;
      z-index: 9999;
      background-image: url("../img/left_top.png");
      background-size: 3.04688rem 3.32813rem; }
    .container .page-daka .specail-invite .right-bottom {
      width: 3.04688rem;
      height: 3.32813rem;
      position: absolute;
      right: 2.125rem;
      bottom: 1.4375rem;
      z-index: 9999;
      background-image: url("../img/right_bottom.png");
      background-size: 3.04688rem 3.32813rem; }
    .container .page-daka .specail-invite .person-info {
      padding: 0.3125rem 0.3125rem 0.78125rem;
      background-color: #3f4655;
      padding-bottom: 1.5625rem;
      margin-bottom: 1.5625rem; }
      .container .page-daka .specail-invite .person-info .name-position {
        width: 7.8125rem;
        margin: 0 auto;
        padding: 0.15625rem 0 0.54688rem;
        text-align: center;
        border-bottom: 1px solid #656b77; }
        .container .page-daka .specail-invite .person-info .name-position .name {
          font-size: 0.46875rem;
          margin-bottom: 0.3125rem;
          font-family: PingFangSC-Semibold, sans-serif; }
        .container .page-daka .specail-invite .person-info .name-position .position {
          line-height: 1.5;
          font-size: 0.375rem;
          font-family: PingFangSC-Light, sans-serif; }
      .container .page-daka .specail-invite .person-info .main-intro {
        padding: 0.78125rem 0.46875rem 0;
        text-align: justify;
        font-size: 0.375rem;
        line-height: 1.5;
        font-family: PingFangSC-Light, sans-serif; }
  .container .page-jingcai {
    padding: 0.3125rem 0 1.25rem; }
    .container .page-jingcai > .title-label > .box > .separate {
      left: 3.125rem; }
    .container .page-jingcai > .title-label > .box > .cn-desc {
      left: 3.40625rem; }
    .container .page-jingcai .baodao {
      margin-top: 0.3125rem;
      width: 10rem;
      height: 5.3125rem; }
  .container .page-wangjie {
    padding: 0.3125rem 0 1.25rem; }
    .container .page-wangjie > .title-label > .box > .separate {
      left: 2.8125rem; }
    .container .page-wangjie > .title-label > .box > .cn-desc {
      left: 3.09375rem; }
    .container .page-wangjie .wangjie {
      margin-top: 0.3125rem;
      width: 10rem;
      height: 5.3125rem;
      position: relative; }
      .container .page-wangjie .wangjie .j-prev {
        top: 2.29688rem;
        left: 0.3125rem; }
      .container .page-wangjie .wangjie .j-next {
        top: 2.29688rem;
        right: 0.3125rem; }
  .container .slideBox ul {
    margin: 0; }
  .container .slideList li {
    width: 10rem;
    height: 5.3125rem;
    overflow: hidden; }
  .container .slideLeft img {
    width: 100% !important;
    height: 5.3125rem; }
  .container .slideBox .slideCurrent {
    width: 10rem;
    height: 5.3125rem;
    /* position:absolute; bottom:-0.02rem;  z-index:1; width: 100%;text-align: center; */ }
  .container .slideBox .slideCurrent li {
    display: inline-block;
    width: 6px;
    height: 6px;
    -webkit-border-radius: 50%;
    background: #fff;
    overflow: hidden;
    margin: 0 5px;
    color: transparent; }
  .container .slideBox .slideCurrent li.on {
    background: #008cd6; }
  .container .swiper-container {
    width: 100%;
    height: 100%; }
  .container .swiper-slide {
    text-align: center;
    font-size: 18px;
    /* Center slide text vertically */
    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; }
    .container .swiper-slide > img {
      width: 100%; }
  .container .page-address > .title-label > .box > .separate {
    left: 3.375rem; }
  .container .page-address > .title-label > .box > .cn-desc {
    left: 3.5625rem; }
  .container .page-address .address {
    padding: 0.3125rem; }
    .container .page-address .address .meetting-info {
      padding: 0.625rem 0;
      border-top: 1px solid #fff;
      font-size: 0.375rem;
      line-height: 2; }
  .container .page-address .address-map {
    width: 10rem;
    height: 5.3125rem; }
  .container .page-zuzhi {
    width: 10rem;
    min-height: 15.42188rem;
    background-image: url("../img/zuzhi_bg.png");
    background-size: 10rem 15.42188rem;
    background-repeat: no-repeat; }
    .container .page-zuzhi > .title-label {
      padding-top: 1.5625rem; }
      .container .page-zuzhi > .title-label > .box > .separate {
        left: 5.15625rem; }
      .container .page-zuzhi > .title-label > .box > .cn-desc {
        left: 5.4375rem; }
    .container .page-zuzhi .mains-content {
      padding: 0.3125rem; }
      .container .page-zuzhi .mains-content .logo-collection {
        padding: 0.625rem 0;
        border-top: 1px solid #fff; }
        .container .page-zuzhi .mains-content .logo-collection .label {
          font-size: 0.46875rem;
          text-align: center; }
          .container .page-zuzhi .mains-content .logo-collection .label.media {
            margin-top: 1.875rem; }
        .container .page-zuzhi .mains-content .logo-collection .logo-big {
          height: 0.875rem;
          width: 9.10938rem;
          margin: 0.9375rem auto; }
          .container .page-zuzhi .mains-content .logo-collection .logo-big > img {
            width: 100%; }
        .container .page-zuzhi .mains-content .logo-collection .media-icon {
          margin: 1.25rem 0; }
          .container .page-zuzhi .mains-content .logo-collection .media-icon > img {
            width: 100%; }
      .container .page-zuzhi .mains-content .cooperation {
        line-height: 1.5;
        padding-bottom: 1.875rem; }
        .container .page-zuzhi .mains-content .cooperation .label {
          font-size: 0.46875rem;
          text-align: center; }
          .container .page-zuzhi .mains-content .cooperation .label.media {
            margin-bottom: 0.625rem;
            text-align: center; }
        .container .page-zuzhi .mains-content .cooperation .paragraph-1 {
          width: 5.78125rem;
          margin: 0.15625rem auto;
          text-align: center; }
          .container .page-zuzhi .mains-content .cooperation .paragraph-1 > span {
            display: inline-block;
            margin-right: 0.15625rem;
            font-size: 0.375rem; }
            .container .page-zuzhi .mains-content .cooperation .paragraph-1 > span:last-child {
              margin-right: 0; }
        .container .page-zuzhi .mains-content .cooperation .paragraph-2 {
          width: 3.4375rem;
          margin: 0.15625rem auto; }
          .container .page-zuzhi .mains-content .cooperation .paragraph-2 > span {
            display: inline-block;
            margin-right: 0.15625rem;
            font-size: 0.375rem; }
            .container .page-zuzhi .mains-content .cooperation .paragraph-2 > span:last-child {
              margin-right: 0; }
        .container .page-zuzhi .mains-content .cooperation .paragraph-3 {
          width: 9.0625rem;
          margin: 0.15625rem auto; }
          .container .page-zuzhi .mains-content .cooperation .paragraph-3 > span {
            display: inline-block;
            margin-right: 0.03125rem;
            font-size: 0.375rem; }
            .container .page-zuzhi .mains-content .cooperation .paragraph-3 > span:last-child {
              margin-right: 0; }

.main-content {
  position: fixed;
  background-color: #03121f;
  background-image: url("../img/zuzhi_bg.png");
  background-size: 10rem 15.42188rem;
  background-repeat: no-repeat;
  width: 10rem;
  height: 17.75rem;
  z-index: 1000;
  display: none; }
  .main-content .main-list {
    width: 7.03125rem;
    margin: 1.5625rem auto 0; }
    .main-content .main-list .main-item {
      width: 6.90625rem;
      height: 0.9375rem;
      text-align: center;
      line-height: 0.9375rem;
      background-color: #03121f;
      margin-bottom: 0.34375rem;
      border-radius: 0.0625rem;
      border: 0.03125rem solid #fff; }
      .main-content .main-list .main-item > a {
        color: #fff;
        display: block;
        text-decoration: none; }

@media only screen and (min-device-width: 414px) and (-webkit-min-device-pixel-ratio: 3) {
  .container .page-baoming > .title-label > .box > .separate {
    left: 5.0625rem; }
  .container .page-daka > .title-label > .box > .separate {
    left: 3.75rem; }
  .container .page-wangjie > .title-label > .box > .separate {
    left: 2.875rem; } }

/*# sourceMappingURL=index.css.map */