*,
    :after,
    :before {
      -webkit-tap-highlight-color: rgba(0, 0, 0, 0)
    }

    blockquote,
    body,
    dd,
    div,
    dl,
    dt,
    fieldset,
    form,
    h1,
    h2,
    h3,
    h4,
    h5,
    h6,
    input,
    legend,
    li,
    ol,
    p,
    td,
    textarea,
    th,
    ul {
      margin: 0;
      padding: 0
    }

    table {
      border-collapse: collapse;
      border-spacing: 0
    }

    fieldset,
    img {
      border: 0
    }

    li {
      list-style: none
    }

    caption,
    th {
      text-align: left
    }

    q:after,
    q:before {
      content: ""
    }

    input:password {
      ime-mode: disabled
    }

    :focus {
      outline: none
    }

    body,
    html {
      min-height: 100%
    }

    a,
    img {
      -webkit-touch-callout: none
    }

    body {
      background-color: #f5f5f9
    }

    body.am-bg-white {
      background-color: #fff
    }

    html body,
    button,
    input,
    select,
    textarea {
      font-size: .32rem;
      line-height: 1.5;
      color: #333;
      font-family: tahoma, arial, "Hiragino Sans GB", "Microsoft Yahei", "\5b8b\4f53"
    }

    input {
      line-height: normal
    }

    a {
      color: #0ae;
      text-decoration: none
    }

    .fn-hide {
      display: none
    }

    .fn-left {
      float: left
    }

    .fn-right {
      float: right
    }

    .am-content {
      margin-left: .2rem;
      margin-right: .2rem
    }

    .am-content h5 {
      margin: 0;
      padding: 0;
      font-weight: 400;
      line-height: 1.5
    }

    .am-fixed {
      position: fixed !important;
      top: 0;
      left: 0;
      right: 0;
      z-index: 99;
      width: 100%
    }

    .am-fixed-bottom {
      top: inherit;
      bottom: 0
    }

    .user-select {
      -webkit-user-select: auto;
      -moz-user-select: auto;
      -ms-user-select: auto;
      user-select: auto
    }

    html {
      text-rendering: optimizeLegibility;
      -webkit-font-smoothing: antialiased;
    }

    body {
      min-width: 1280px;
    }
    body {
        margin: 0;
        min-width: 1280px;
      }
  
      #J_joinOpen a:hover {
        color: #fff
      }
  
      .header-item {
        position: relative;
        z-index: 1001;
      }
  
      .open-fn-arrow>a:after {
        content: "";
        vertical-align: middle;
        margin-left: 4px;
        margin-bottom: 8px;
        width: 7px;
        height: 7px;
        display: inline-block;
  
        border-left: 1px solid #fff;
        border-bottom: 1px solid #fff;
  
        -webkit-transform-origin: 3px 6px;
        -ms-transform-origin: 3px 6px;
        transform-origin: 3px 6px;
        -webkit-transform: rotate(-45deg);
        -ms-transform: rotate(-45deg);
        transform: rotate(-45deg);
  
        -webkit-transition: -webkit-transform .2s;
        transition: transform .2s;
      }
  
      /*hover效果*/
      .open-fn-arrow:hover>a:after {
        -webkit-transform: rotate(135deg);
        -ms-transform: rotate(135deg);
        transform: rotate(135deg);
      }
  
      .has-submenu:hover .menu-popup {
        display: block;
      }
  
      .open-site-header {
        box-sizing: border-box;
        position: relative;
        height: 60px;
        font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
        background: #fff;
        border-bottom: 1px solid rgba(255, 255, 255, .1);
      }
  
      .open-homepage .open-site-header {
        width: 100%;
        position: absolute;
        left: 0;
        right: 0;
        top: 0;
        z-index: 10000;
      }
  
      .open-site-header * {
        box-sizing: border-box;
      }
  
      .open-site-header p {
        margin: 0;
      }
  
      .open-site-header img {
        border: 0;
        outline: none;
      }
  
      .open-menu-area {
        min-width: 1220px;
        /* 1280 - 30*2 */
        height: 100%;
        margin-left: 40px;
      }
  
      .antLogo {
        float: left;
      }
  
      .antLogo a {
        display: block;
        font-size: 0;
        height: 60px;
        line-height: 60px;
        margin-right: 35px;
      }
  
      .antLogoImg {
        height: 28px;
        vertical-align: middle;
      }
  
      .open-nav-menu {
        margin-left: 193px;
        line-height: 60px;
        font-size: 0;
        position: relative;
      }
  
      .open-nav-main-menu,
      .open-submenu,
      .open-nav-right-menu {
        margin: 0;
        list-style: none;
        padding: 0;
        font-size: 0;
      }
  
      .open-nav-main-menu {
        display: inline-block;
      }
  
      .open-menu-item {
        position: relative;
        display: inline-block;
        height: 60px;
        vertical-align: middle;
        transition: opacity .1s;
      }
  
      .open-nav-main-menu .open-menu-item .open-menu-item-text {
        color: #333;
        font-size: 16px;
      }
  
      .open-nav-main-menu .open-menu-item .open-menu-item-text:hover {
        color:#00a7cf;
      }
  
      .open-submenu-item {
        position: relative;
        display: block;
      }
  
      li.open-menu-item.selected a {
        color: #00a7cf !important;
        font-weight: 500;
        -webkit-font-smoothing: antialiased;
        font-size: 18px !important;
      }
  
      li.open-menu-item.selected a::after {
        position: absolute;
        bottom: 9px;
        left: 50%;
        width: 100%;
        height: 4px;
        background-color:#00a7cf;
        border-radius: 2px;
        transform: translateX(-50%);
        content: "";
      }
  
      .open-menu-item.can-disabled-select:hover:after {
        display: none;
      }
  
      .open-nav-right-menu {
        position: absolute;
        right: 0;
        top: 0;
        height: 100%;
      }
  
      .open-menu-login {
        position: relative;
        width: 130px;
        background:#00a7cf;
        text-align: center;
      }
  
      .open-menu-login a {
        color: #fff !important;
      }
  
      .open-nav-menu a,
      .open-nav-menu a:link,
      .open-nav-menu a:visited {
        color: #00a7cf;
        font-size: 16px;
        text-decoration: none;
        display: block;
      }
  
      .open-nav-menu a:hover {
        color: #00a7cf;
      }
  
      .open-nav-right-menu a {
        font-size: 16px;
      }
  
      .open-nav-menu .menu-popup {
        display: none;
        position: absolute;
        overflow: visible;
        z-index: 111111;
        min-width: 120px;
        text-align: left;
        left: 0;
        top: 60px;
        border: 1px rgba(255, 255, 255, .48) solid;
        box-shadow: rgba(0, 0, 0, .15) 0 2px 8px 0;
        z-index: 1;
        border-radius: 2px;
        border-top-right-radius: 0;
      }
  
      .menu-islogin {
        border-left: 1px solid transparent;
      }
  
      .menu-islogin .menu-popup {
        right: 0;
        left: auto;
        min-width: 300px;
        border-radius: 0 0 14px 14px;
      }
  
      .menu-islogin .has-submenu {
        position: relative;
      }
  
      .has-submenu:hover.last-menu::after {
        content: "";
        height: 1px;
        width: 100%;
        background: #fff;
        position: absolute;
        bottom: -1px;
        left: 0;
        z-index: 1000;
      }
  
      .open-nav-menu .open-submenu {
        white-space: nowrap;
        border-radius: 0 0 14px 14px;
      }
  
      .open-nav-menu .last-menu .open-submenu {
        border-bottom: none;
      }
  
      .open-nav-menu .open-submenu-item {
        background: #fff;
        line-height: 40px;
        padding: 0 20px;
      }
  
      .hotline {
        line-height: 1.8;
        background: rgba(6, 16, 36, .9);
        padding: 0 20px 15px;
        white-space: nowrap;
        text-align: left;
        border-top: none;
      }
  
      .hotline:before {
        display: block;
        content: "";
        border-top: 1px solid rgba(255, 255, 255, .4);
        width: 100%;
        height: 1px;
      }
  
      .hotline h3 {
        margin: 10px 0 4px;
        font-size: 14px;
        line-height: 1.4;
        color: #8F8F8F;
        font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
      }
  
      .hotline p {
        font-size: 16px;
        color: #8F8F8F;
        line-height: 1.5;
      }
  
      .nav-title {
        position: absolute;
        left: 240px;
        bottom: 24px;
        color: #1A1A1A;
        font-size: 18px;
        margin: 0;
      }
  
      .open-menu-item-text {
        position: relative;
        margin: 0 23px;
      }
  
      .open-menu-item-hot {
        top: 0;
        width: 24px;
        position: absolute;
        right: 12px;
      }
  
      /* 20170427 */
      .user-profile {
        min-width: 180px;
        background: #FFF;
        padding: 20px 26px 15px;
        line-height: normal;
        font-family: PingFangSC-Regular, sans-serif, "Microsoft Yahei";
        border-radius: 0 0 14px 14px;
      }
  
      .user-profile-account {
        color: #333;
        font-size: 14px;
        max-width: 477px;
        white-space: nowrap;
        overflow: hidden;
        text-overflow: ellipsis;
      }
  
      .user-profile a,
      .user-profile a:link,
      .user-profile a:visited {
        color: #1081e9;
        font-size: 14px;
        display: inline-block;
        width: 50%;
        line-height: 20px;
      }
  
      .user-profile .user-profile-name,
      .user-profile .user-profile-id {
        opacity: 1;
      }
  
      .user-profile .user-profile-name {
        font-size: 16px;
        line-height: 22px;
        font-weight: 600;
      }
  
      .user-profile .user-profile-id {
        line-height: 20px;
        font-size: 14px;
        color: #999;
      }
  
      .site-username {
        display: inline-block;
        /*make text property has effect*/
        line-height: 100%;
        /* make inline element align with inline-block element */
        vertical-align: middle;
        overflow: hidden;
        text-overflow: ellipsis;
        white-space: nowrap;
        max-width: 127px;
      }
  
      .site-open-menu-item.login-info {
        padding: 0;
      }
  
      .login-info-container {
        font-size: 16px;
      }
  
      .login-info-name {
        padding-left: 20px;
        font-size: 14px;
      }
  
      .user-profile-outlogin {
        border-top: 1px solid #eee;
        padding-top: 12px;
      }
  
      .user-profile-outlogin {
        position: relative;
        text-align: center;
      }
  
      .user-profile-outlogin:after {
        content: "";
        position: absolute;
        top: 11px;
        left: 50%;
        width: 1px;
        height: 19px;
        background: #eee;
      }
  
      .login-info-name {
        padding-left: 20px;
        font-size: 14px;
      }
  
      .J_SearchBtn {
        width: 32px;
        height: 20px;
        line-height: 20px;
        font-size: 14px;
      }
  
      .open-menu-item-search {
        position: absolute;
        left: -221px;
        height: 60px;
        line-height: 60px;
        -webkit-transition: all .2s ease-in-out;
        transition: all .2s ease-in-out;
        z-index: 10;
      }
  
      .open-search-form {
        position: relative;
        padding-left: 13px;
        padding-right: 28px;
        line-height: 0;
        width: 200px;
        height: 32px;
        right: 10px;
        top: 12px;
        border: 1px solid #fff;
        border-radius: 4px;
      }
  
      .nav-search-input input {
        width: 0;
        height: 30px;
        -webkit-transition: all .2s ease-in-out;
        transition: all .2s ease-in-out;
        font-size: 14px;
        background: transparent;
        opacity: 0;
        border: 0;
        outline: none;
        color: #666;
        position: absolute;
        right: 28px;
        line-height: normal;
      }
  
      .nav-search-input input::placeholder {
        color: #ccc;
      }
  
      /* search mode */
      .open-search-mode input {
        width: 162px;
        opacity: 1;
      }
  
      .open-search-mode .open-search-form {
        background: rgba(255, 255, 255, .08);
        border: 1px solid #f0f0f0;
      }
  
      .open-search-mode .open-menu-item-search {
        left: -221px;
      }
  
      .open-search-mode .has-submenu:hover .menu-popup {
        display: none;
      }
  
      .open-search-mode .menu-islogin:hover {
        background: #fff;
        box-shadow: none;
        border-left: 1px solid #fff;
      }
  
      .nav-search-input {
        position: relative;
      }
  
      .user-profile-id {
        padding: 4px 0 16px;
      }
  
      .open-menu-item-help {
        position: relative;
      }
  
      .open-menu-item-help:before {
        content: '';
        position: absolute;
        top: 16px;
        left: 0px;
        width: 1px;
        height: 18px;
        background: rgba(255, 255, 255, .4)
      }
  
      .open-menu-item-help:hover:before,
      .open-menu-item-help:hover+.open-menu-login-border:before,
      .menu-islogin:hover:before,
      .menu-islogin:hover:after {
        width: 0;
      }
  
      .open-nav-menu .open-menu-item-help>div>a {
        padding: 0 10px;
      }
  
      .open-menu-item-icon {
        top: 10px;
        position: absolute;
        display: inline-block;
        right: 10px;
        cursor: pointer;
        width: 16px;
        height: 16px;
        background: url(https://gw.alipayobjects.com/zos/bmw-prod/890f3da7-d4b7-4d58-9149-6b400d97e101.svg) no-repeat;
        background-size: 16px 16px;
      }
  
      .open-search-mode .open-menu-item-icon {
        top: 0;
        position: absolute;
        display: inline-block;
        right: 0;
        cursor: pointer;
        width: 39px;
        height: 30px;
        background: url(https://gw.alipayobjects.com/mdn/rms_995b1a/afts/img/A*jy5XT7qKtY0AAAAAAAAAAAAAARQnAQ) no-repeat;
        background-size: 39px 30px;
      }
  
      .open-nav-menu a.menu-username {
        display: inline-block;
        width: 26px;
        height: 26px;
        text-align: center;
        font-size: 0;
      }
  
      .menu-username img {
        width: 100%;
        height: 100%;
        border-radius: 100%;
        vertical-align: top;
        background: #666;
      }
  
      .menu-islogin .has-submenu {
        padding: 0px 25px 0 14px;
        height: 60px;
        display: inline-block;
        line-height: 60px;
      }
  
      .down-icon {
        margin-left: 12px;
        width: 9px;
      }
  
      .username-part {
        height: 100%;
        display: flex;
        align-items: center;
      }
  
      li.open-menu-item-magetcenter {
        width: 130px;
        background: #00a7cf;
        text-align: center;
      }
  
      li.open-menu-item-magetcenter a {
        color: #fff !important;
      }
  
      li.open-menu-item-free {
        border-left: 1px solid #eee;
        width: 146px;
        text-align: center;
      }
  
      li.open-menu-item-free a {
        color: #00a7cf !important;
      }
  
      .nav-search-word {
        width: 0px;
        background: #fff;
        color: #333;
        font-size: 12px;
        line-height: 36px;
        list-style-type: none;
        padding: 12px 0;
        border-radius: 4px;
        opacity: 0;
        box-shadow: 0 6px 8px 0 rgba(9, 9, 9, 0.1);
      }
  
      .nav-search-word-active {
        width: 323px;
        opacity: 1;
      }
  
      .nav-search-word-item {
        padding: 0 24px;
        cursor: pointer;
        overflow: hidden;
        text-overflow: ellipsis;
        white-space: nowrap;
      }
  
      .nav-search-word-item:hover {
        background: #F7F7F7;
      }
  
      .open-menu-right-icon {
        margin-left: 20px;
        width: 30px;
      }
  
      .open-menu-right-icon img {
        width: 30px;
        height: 23px;
        position: absolute;
        top: 50%;
        transform: translateY(-50%);
      }
      .islogin-user-info-button a {
        background: #027AFF !important;
      }
      .slick-content {
        width: 100%;
        height: 530px;
        position: relative;
      }

      .slick-content-box {
        width: 100%;
        height: 530px;
        position: relative;
        overflow: hidden;
      }

      .slick-item {
        width: 100%;
        height: 530px;
        text-align: center;
        font-size: 18px;
        background: #1E3148;
        position: relative;
        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;
      }

      .click-item-mask {
        background-color: rgba(8, 8, 8, .5);
        position: absolute;
        width: 100%;
        height: 530px;
        z-index: 2;
      }

      .slick-content .img {
        max-width: 1920px;
        margin: 0 auto;
        display: block;
        height: 530px;
        background-repeat: no-repeat;
        background-position: center;
        background-size: cover;
        -webkit-background-size: cover;
        -moz-background-size: cover;
      }

      .fn-filter {
        -webkit-filter: blur(10px);
        -moz-filter: blur(10px);
        -o-filter: blur(10px);
        -ms-filter: blur(10px);
        filter: blur(10px);
        filter: progid:DXImageTransform.Microsoft.Blur(pixelRadius=10, MakeShadow=false);
        transform: scale(1.1);
        zoom: 1.0\9;
      }

      .img.fn-filter {
        position: absolute;
        top: -5px;
        bottom: 0;
        left: -5px;
        right: 0;
        width: 100%;
        height: 100%;
        z-index: 1;
      }

      .banner-admodel {
        width: 770px;
        position: absolute;
        top: 89px;
        left: 50%;
        margin-left: -570px;
        text-align: left;
        z-index: 3;
      }

      .banner-admodel .sub-title {
        white-space: pre-wrap;
        white-space: -moz-pre-wrap;
        white-space: -pre-wrap;
        white-space: -o-pre-wrap;
        word-wrap: break-word;
      }

      .slick-content-btnbox {
        width: 1280px;
        margin: 0 auto;
        position: relative;
      }

      .slick-mainContainer .slick-content-btn {
        width: 115px;
        height: 36px;
        border: 1px solid #1080E9;
        background: transparent;
        border-radius: 2px;
        font-size: 16px;
        color: #1080E9;
        position: absolute;
        bottom: 134px;
        left: 40px;
      }

      .banner-admodel .slick-content-btn:hover {
        background: #1080E9
      }

      .main-title {
        font-size: 50px;
        color: #fff;
        font-weight: normal;
        margin-bottom: 11px;
        line-height: 70px;
        font-weight: 600;
      }

      .sub-title {
        font-size: 24px;
        color: #fff;
        line-height: 33px;
        margin-top: 11px;
      }


      .banner-btn {
        display: block;
        width: 160px;
        height: 54px;
        line-height: 54px;
        text-align: center;
        color: #fff;
        margin-top: 36px;
        font-size: 16px;
        border-radius: 4px;
        position: relative;
        background: #00a7cf;
      }


      #swiper-pagination {
        bottom: 40px;
        width: 1200px;
        margin: auto;
        left: 0;
        right: 0;
        text-align: left;
      }

      #swiper-pagination .swiper-pagination-bullet {
        width: 8px;
        height: 8px;
        background: rgba(255, 255, 255, 0.5)
      }

      #swiper-pagination.swiper-pagination-bullet.swiper-pagination-bullet-active {
        background: rgba(255, 255, 255, 0.8);
      }

      .J-imgBox {
        width: 100%;
        transition: all 0.3s ease-in-out;
        -moz-transition: all 0.3s ease-in-out;
        -webkit-transition: all 0.3s ease-in-out;
        -o-transition: all 0.3s ease-in-out;
      }

      .slick-content .slick-dots {
        position: absolute;
        left: 50%;
        margin-left: -570px;
        width: 1140px;
        height: 100px;
        text-align: left;
        z-index: 1111111;
        display: flex;
        bottom: 50px;
      }

      .slick-content .slick-dots li {
        flex: 1;
        height: 100%;
        cursor: pointer;
        transition: all .5s;
      }

      .slick-content .slick-dots li:hover {
        background: rgba(0, 0, 0, 0.3);
      }

      .slick-content .slick-dots li button {
        width: 32px;
        height: 7px;
        display: none;
      }

      .slick-content .slick-dots li.slick-active {
        width: 20px;
        background: rgba(0, 0, 0, 0.3);
      }

      .banner-content {
        width: 100%;
        position: relative;
        top: 0;
        font-family: "PingFang SC", "Microsoft YaHei", Helvetica Neue, Helvetica, Arial, sans-serif;
      }

      .banner-login {
        width: 286px;
        height: 290px;
        position: absolute;
        top: 50%;
        left: 50%;
        margin-left: 290px;
        margin-top: -238px;
        border-radius: 5px;
        overflow: hidden;
        z-index: 1000;
      }

      .banner-islogin {
        -webkit-font-smoothing: initial;
        width: 286px;
        margin-top: 25px;
        background: rgba(0, 0, 0, .5);
        border-radius: 5px;
        color: #fff;
        filter: progid:DXImageTransform.Microsoft.Gradient(GradientType=0, StartColorStr='#66000000', EndColorStr='#66000000');
      }

      .banner-islogin-user {
        padding: 0 30px 30px;
      }

      .islogin-title {
        font: 18px/28px tahoma, arial, "Hiragino Sans GB", "Microsoft Yahei", \5b8b\4f53;
        font-weight: 500;
        font-weight: bold\0;
        padding: 26px 0 16px;
        width: 100%;
        color: #fff;
        text-align: center;
      }

      .islogin-user-info {
        margin: 16px 0 0 0;
        font-size: 14px;
      }

      .islogin-spitline {
        overflow: hidden;
        height: 1px;
        background: rgba(255, 255, 255, 0.3);
      }

      .islogin-user-info-wellcome {
        font-size: 14px;
      }

      .islogin-user-info-account {
        margin: 4px 0 0 0;
        font-weight: 700;
        font-family: verdana, Arial;
        color: #FF9700;
        word-break: break-all;
        word-wrap: break-word;
      }

      .islogin-user-info-button {
        margin: 40px 0 0 0;
      }

      .islogin-user-info-button a {
        display: block;
        overflow: hidden;
        width: 225px;
        height: 35px;
        color: #fff;
        background: #0AE;
        font-size: 15px;
        text-align: center;
        line-height: 35px;
        -webkit-appearance: none;
        -webkit-border-radius: 4px;
        -moz-border-radius: 4px;
        border-radius: 4px;
      }

      .islogin-user-info-button a:hover {
        background: #00a3d2;
      }

      .islogin-out {
        position: relative;
        padding-top: 7px;
        zoom: 1;
        font-size: 12px;
      }

      .islogin-out .islogin-user-out {
        position: absolute;
        right: 0;
        top: 7px;
        font-size: 12px;
        color: #0AE;
      }

      .slick-item-imgList {
        position: relative;
        width: 100%;
        overflow: hidden;
      }

      .slick-item-img {
        display: block;
        position: relative;
        margin-left: -960px;
        left: 50%;
      }

      .notice-model {
        position: relative;
        margin: 0 auto;
        bottom: 50px;
      }

      .notice-mask-item {
        height: 49px;
        background: rgba(0, 0, 0, 0.2);
        position: absolute;
        left: 0;
        right: 0;
        z-index: 1;
        border-top: 1px solid rgba(151, 151, 151, 0.2);
        backdrop-filter: blur(15px);
      }

      .banner-nologin {
        border-radius: 6px;
      }

      .slick-dots-pagination {
        height: 100%;
        padding: 0 20px;
        display: flex;
        flex-direction: column;
        justify-content: center;
        align-items: center;
      }

      .slick-dots-pagination .slick-dots-pagination-title {
        font-size: 18px;
        line-height: 25px;
        color: #fff;
      }

      .slick-dots-pagination .slick-dots-pagination-subtitle {
        font-size: 14px;
        line-height: 20px;
        color: #fff;
        margin-top: 6px;
      }

      .slick-dots-pagination-part {
        width: 100%;
        height: 100px;
        position: absolute;
        bottom: 50px;
        background: rgba(0, 0, 0, 0.2);
        backdrop-filter: blur(15px);
      }
      .notice-container {
        width: 1140px;
        margin: 0 auto;
        z-index: 10;
        height: 50px;
        line-height: 50px;
        overflow: hidden;
      }

      .notice-box {
        position: relative;
        z-index: 1000;
        text-align: left;
      }

      .notice-box ul {
        overflow: hidden;
        font-size: 0;
        position: relative;
        padding-left: 15px;
      }

      .notice-box li {
        margin-right: 50px;
        height: 50px;
        line-height: 50px;
      }

      .notice-box .last {
        margin-right: 0;
        position: absolute;
        right: 20px;
        top: 0;
        width: auto;
      }

      .notice-container span {
        display: inline-block;
        font-style: normal;
        color: #000;
        margin-right: 10px;
      }

      .notice-container .notice-newtip {
        display: inline-block;
        float: left;
        width: 37px;
        height: 50px;
        line-height: 50px;
        background: url(https://gw.alipayobjects.com/mdn/rms_ca30ea/afts/img/A*zAvlSLYC3fsAAAAAAAAAAAAAARQnAQ) no-repeat right center;
        background-size: 37px 17px;
        margin-left: 5px;
      }

      .notice-box a {
        max-width: 815px;
        font-size: 14px;
        color: #fff;
        position: relative;
        white-space: nowrap;
        overflow: hidden;
        -ms-text-overflow: ellipsis;
        -o-text-overflow: ellipsis;
        text-overflow: ellipsis;
        display: inline-block;
        vertical-align: top;
        float: left;
        letter-spacing: 1px;
        font-family: 'PingFangSC-Regular';
      }

      .notice-box a:hover,
      .notice-box .more-notice a:hover {
        color: #8B98AA;
      }

      .notice-box .more-notice {
        display: -webkit-box;
        display: -ms-flexbox;
        height: 50px;
        display: flex;
        align-items: center;
        width: auto;
        text-align: right;
        margin-right: 0;
        position: absolute;
        top: 0;
        right: 0;
      }

      .notice-box .more-notice>div::after {
        content: "";
        height: 18px;
        width: 1px;
        background-color: #D8D8D8;
        position: absolute;
        top: 20px;
        right: 12px;
      }

      .notice-box .more-notice>div {
        padding-right: 20px;
        position: relative;
        font-size: 16px;
        color: #ccc;
      }

      .notice-box .more-notice a {
        margin-right: 0;
        width: 8px;
        height: 10px;
        color: #8B98AA;
        background: url(https://gw.alipayobjects.com/zos/bmw-prod/6630f908-de61-4347-bf88-6dc72e5aab7b.svg) no-repeat center right;
        background-size: 8px 10px;
        display: inline-block;
      }

      .notice-box .more-notice span {
        margin: 0 2px;
        color: #999;
      }

      .notice-li {
        position: relative;
        width: 736px;
      }

      /*.notice-li:after{
content:"";
position:absolute;
top:15px;
left:-15px;
width:5px;
height:5px;
background:#ffffff;
border-radius:50%;
}*/
      .notice-tips {
        float: left;
        padding-top: 7px;
        height: 50px;
        font-size: 0;
        -webkit-box-sizing: border-box;
        box-sizing: border-box;
      }

      .notice-tips img {
        width: 60px;
        height: 14px;
      }

      .clickBtn {
        display: inline-block;
        width: 16px;
        height: 16px;
        border-radius: 2px;
        cursor: pointer;
      }

      .lenghtBox {
        display: inline-block;
        width: 32px;
        font-size: 14px;
      }
      @keyframes big {
        from {
          width: 100%;
          height: 250px;
          top: 0px;
          left: 0px;
        }

        to {
          width: 618px;
          height: 298px;
          top: -24px;
          left: -24px;
        }
      }

      @keyframes up {
        from {
          height: 250px;
          top: 0;
          left: -24px;
          padding: 104px 42px 0 66px;
          opacity: 0;
        }

        to {
          height: 298px;
          top: -24px;
          left: -24px;
          padding: 45px 66px 0 66px;
          opacity: 1;
        }
      }

      body {
        min-width: 1280px;
      }

      .homePageContent {
        font-family: "PingFang SC", "Microsoft YaHei", Helvetica Neue, Helvetica, Arial, sans-serif;
        padding-bottom: 100px;
        background: #fff;
      }

      .homePageContent a {
        color: #00a7cf;
      }

      .level-title {
        color: #000;
        font-size: 34px;
        line-height: 47px;
        margin-bottom: 34px;
        padding-left: 11px;
        font-weight: 600;
        text-align: center;
      }

      .isvVipServeContent {
        width: 100%;
        background: #F8FAFD;
      }

      .isvVipServeContent .boxContent {
        width: 1140px;
        margin: 0 auto;
        -webkit-box-sizing: border-box;
        box-sizing: border-box;
        padding: 52px 0 43px 0;
      }

      .isvVipServeContent .serveList {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-pack: justify;
        -ms-flex-pack: justify;
        justify-content: space-between;
      }

      .isvVipServeContent .serveItem {
        background: #fff;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        width: 273px;
        min-height: 284px;
        text-align: center;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
        padding: 52px 48px 50px;
        border-radius: 8px;
        box-sizing: border-box;
        border: 1px solid #fff;
        position: relative;
      }

      .isvVipServeContent .serveItem:hover {
        border: 1px solid #00a7cf;
        box-shadow: rgba(41, 103, 190, .15) 0 10px 30px 0;
      }

      .isvVipServeContent .serveItem:hover .itemName,
      .isvVipServeContent .serveItem:hover .itemDesc {
        color: #00a7cf;
      }

      .isvVipServeContent .serveItem:hover .itemBtn {
        color: #00a7cf;
        border: 1px solid #00a7cf;
      }

      .isvVipServeContent .itemImg {
        width: 47px;
        height: 47px;
        margin: 0 auto;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
      }

      .isvVipServeContent .itemImg img {
        max-width: 100%;
        max-height: 100%;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center;
      }

      .isvVipServeContent .normalIcon {
        display: flex;
      }

      .isvVipServeContent .activeIcon {
        display: none;
      }

      .isvVipServeContent .serveItem:hover .normalIcon {
        display: none;
      }

      .isvVipServeContent .serveItem:hover .activeIcon {
        display: flex;
      }

      .isvVipServeContent .itemName {
        font-size: 24px;
        margin-top: 26px;
        line-height: 33px;
        color: #333;
        font-weight: 600;
      }

      .isvVipServeContent .itemDesc {
        color: #8997AD;
        font-size: 14px;
        line-height: 20px;
        max-height: 40px;
        overflow: hidden;
        margin-top: 12px;
      }

      .isvVipServeContent .itemBtn {
        width: 89px;
        height: 26px;
        line-height: 26px;
        border: 1px solid #cdd5e2;
        color: #8997ad;
        text-align: center;
        position: absolute;
        bottom: 30px;
        margin-left: -45px;
        left: 50%;
        border-radius: 2px;
        font-size: 12px;
      }

      .toBeIsvBox .oBeIsvContent {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        width: 1140px;
        margin: 58px auto 0;
        -webkit-box-pack: justify;
        -ms-flex-pack: justify;
        justify-content: space-between;
      }

      .toBeIsvBox .guideStep {
        width: 356px;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: start;
        -ms-flex-align: start;
        align-items: flex-start;
      }

      .toBeIsvBox .guideStep:first-child {
        width: 368px;
      }

      .toBeIsvBox .guideStep:last-child {
        width: 290px;
      }


      .toBeIsvBox .stepInfo {
        width: 380px;
        height: 160px;
        padding-left: 100px;
      }

      .toBeIsvBox .stepTitle {
        width: 280px;
        font-size: 24px;
        line-height: 33px;
        color: #000;
        padding-top: 20px;
        margin-bottom: 12px;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
      }

      .toBeIsvBox .stepTitleLine {
        height: 1px;
        margin-left: 44px;
        width: 150px;
        background: rgba(142, 168, 218, .27);
      }

      .toBeIsvBox .stepDesc {
        font-size: 14px;
        color: #8997AD;
        width: 250px;
        height: 60px;
        line-height: 20px;
        overflow: hidden;
      }

      .toBeIsvBox .actionLink {
        margin-top: 4px;
      }

      .toBeIsvBox .actionLink a {
        font-size: 14px;
        color: #00a7cf;
        line-height: 20px;
      }

      .isvAccessContent {
        background: #fff;
      }

      .isvAccessContent .boxContent {
        width: 1140px;
        margin: 0 auto;
        padding-top: 50px;
      }

      .isvAccessContent .serveList {
        display: flex;
        flex-wrap: wrap;
      }

      .isvAccessContent .serveItem {
        width: 50%;
        height: 250px;
        position: relative;
        cursor: pointer;
      }

      .isvAccessContent .itemImg {
        overflow: hidden;
      }

      .isvAccessContent .itemImg {
        width: 100%;
        height: 250px;
      }

      .isvAccessContent .serveItem:hover .itemImg {
        width: 618px;
        height: 298px;
        position: absolute;
        top: -24px;
        left: -24px;
        z-index: 88;
        animation-name: big;
        animation-duration: .5s;
      }

      .isvAccessContent .serveItem:hover .itemImg::after {
        content: '';
        display: block;
        position: absolute;
        left: 0;
        right: 0;
        top: 0;
        bottom: 0;
        background: rgba(0, 167, 207, .7);
      }

      .isvAccessContent .itemText {
        position: absolute;
        top: 0;
        left: -24px;
        padding: 104px 42px 0 66px;
        color: #fff;
      }

      .isvAccessContent .serveItem:hover .itemText {
        width: 618px;
        height: 298px;
        top: -24px;
        left: -24px;
        z-index: 99;
        padding: 45px 66px 0 66px;
        box-sizing: border-box;
        animation-name: up;
        animation-duration: .5s;
      }

      .isvAccessContent .itemName {
        width: 500px;
        font-size: 30px;
        font-weight: 600;
        line-height: 42px;
        margin-bottom: 10px;
      }

      .isvAccessContent .itemDesc {
        width: 500px;
        padding-top: 0;
        font-size: 14px;
        line-height: 20px;
      }

      .itemTips {
        display: none;
      }

      .isvAccessContent .serveItem:hover .itemTips {
        display: block;
      }

      .isvAccessContent .serveItem:hover .itemDesc {
        height: 52px;
      }

      .isvAccessContent .itemIconContent {
        font-size: 12px;
        display: none;
      }

      .isvAccessContent .serveItem:hover .itemIconContent {
        padding-top: 44px;
        display: flex;
      }

      .isvAccessContent .itemIcon {
        width: 70px;
        text-align: center;
        padding-top: 43px;
        color: #fff;
      }

      .toBeIsvBox {
        background: #fff;
        display: none;
      }

      .toBeIsvBox .toBeIsvContent {
        width: 1140px;
        margin: 0 auto;
        padding: 60px 0 0;
      }

      .toBeIsvBox .toBeIsvTab {
        display: flex;
        justify-content: center;
      }

      .toBeIsvBox .toBeIsvTabItem {
        padding: 0 38px;
        font-size: 20px;
        color: #000;
        cursor: pointer;
      }

      .toBeIsvBox .toBeIsvTabActiveItem {
        color: #00a7cf;
        position: relative;
      }

      .toBeIsvBox .toBeIsvTabActiveItem:after {
        content: '';
        height: 4px;
        border-radius: 2px;
        width: 40px;
        background: #00a7cf;
        position: absolute;
        left: 50%;
        margin-left: -20px;
        top: 42px;
      }

      .show {
        display: block;
      }

      .hidden {
        display: none !important;
      }

      .bottomBtn {
        width: 250px;
        height: 60px;
        border-radius: 2px;
        font-size: 24px;
        color: #fff !important;
        margin: 0 auto;
        display: flex;
        justify-content: center;
        align-items: center;
        background: #00a7cf;
        margin-top: 47px;
        text-decoration: none;
      }
      body {
        margin: 0;
      }

      .footer-box {
        min-width: 1280px;
        background-color: #F9FBFF;
        -webkit-font-smoothing: antialiased;
        font-family: Tahoma, arial, "Hiragino Sans GB", "Microsoft Yahei";
        line-height: 1.6;
      }

      .footer-box * {
        box-sizing: border-box;
      }

      .footer-box ul {
        list-style: none;
        margin: 0;
        padding: 0;
      }

      .footer-clearfix:before,
      .footer-clearfix:after {
        display: block;
        content: '';
      }

      .footer-clearfix:after {
        clear: both;
      }

      .footer-box-content {
        width: 1150px;
        margin: 0 auto;
        padding: 57px 0px 45px;
      }

      .footer-box-left {
        float: left;
        width: 930px;
      }

      .footer-box-content-li {
        float: left;
        width: 25%;
        padding-right: 10px;
      }

      .footer-box-content-li:first-child {
        position: relative;
        left: 30px;
      }

      .footer-box-content ul li:last-child {
        margin-right: 0px;
      }

      .footer-box-content-item {
        width: 208px;
      }

      .footer-box-content-name {
        font-size: 20px;
        line-height: 28px;
        color: #657792;
        padding-bottom: 16px;
      }

      .footer-box-content-subli {
        padding-top: 14px;
        white-space: normal;
        word-break: break-all;
        overflow: hidden;
      }

      .footer-box-content-subli a,
      .footer-box-content-subli span {
        font-size: 14px;
        line-height: 22px;
        color: #8997AD;
        opacity: 0.6;
        text-decoration: none;
      }

      .footer-box-content-subli a:hover {
        color: #00a7cf;
      }

      .footer-box-right {
        float: right;
        width: 220px;
        padding-left: 85px;
        border-left: 1px solid rgba(151, 151, 151, 0.16);
        text-align: center;
      }

      .footer-box-right-title {
        font-size: 22px;
        color: #657792;
      }

      .footer-box-right-item {
        padding-top: 10px;
        font-size: 14px;
        color: #8997AD;
      }

      .footer-box-right-item.footer-box-right-item-opacity {
        opacity: 0.6;
      }

      .footer-box-right-item img {
        width: 125px;
        height: 125px;
      }

      .body-footer {
        clear: both;
      }

      .site-footer {
        padding: 16px 0 0;
        font-size: 12px;
        clear: both;
      }

      .site-footer .copyright {
        text-align: center;
        opacity: 0.8;
        color: #8997AD;
        padding-bottom: 20px;
      }

      .site-footer .server {
        color: #8997AD;
      }

      .copyright-blogroll-ul {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center;
      }

      .copyright-blogroll-ul li {
        padding: 0 16px;
        font-size: 12px;
        position: relative;
        white-space: nowrap;
      }

      .copyright-blogroll-ul li::after {
        content: "";
        width: 1px;
        height: 10px;
        background-color: #8997AD;
        font-size: 0;
        position: absolute;
        opacity: 0.8;
        top: 5px;
        right: 0;
      }

      .copyright-blogroll-ul li:last-child::after {
        content: "";
        width: 0px;
        height: 0px;
        overflow: hidden;
        font-size: 0;
      }

      .copyright-blogroll-ul a {
        color: #8997AD;
        font-family: 'PingFangSC-Regular';
      }

      .copyright-blogroll-ul a:hover {
        color: #00a7cf;
      }