.wrapper .content-nav_a {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: distribute;
    justify-content: space-around;
    position: relative;
    overflow: hidden;
    background:#d7e6ff
}

.wrapper .content-nav_a .nav-tab-actvive {
    position: absolute;
    left: 0rem;
    top: 0;
    background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAARgAAABICAYAAAAtd+rPAAANiUlEQVR4Xu1dh3IjxxXsTQjM5El35J3OVpXLQS7L9v9/hVNZDuUq2acjeYkJBAFsdL0Ji8VyQaTdmSX5RsIxgZjZ5myj+703M84Pp1mGey2D6wCuk8FzMgRehq6foeOl6PgZnPu/8GS+47ou6OE4Tv6gi6OvuTECGoFM3Tb0UT/SNAU9nmojoghjB2HiYhI7iBIXSQakmYNUsMj9e8SpJpj5EHluhu0gwXYnEaTzFJrneaAHEQs3RmBTBIhkkiQRj6fQiEyGoYdh5CFJV3ujXZlgioCRojnsx+gHj4+1SZFoYmF18hRug/ZdAykbTTRa8bRvlPNHNIpcXI58oVjWbRsRjO6066U42ooejaLxfV+QCxPLutOGf28VBDTRxHG8yq9Zey4plou7AJMNiEUPvhaCkS+W4aAXY7+XoG3hCm3kyAJ1goCJxdrUfd4dE9GEUZTHaVYzG81jR2Gl67GHq7FfGU9ZZwQ1EozsnmzTq50Q3vqqap3ruPc7eXRIfeL7Hki5sGqpBV5+kTURIJIhJRPHKj6jWMY22SQp8OG2s5EdqoKkdoKhTnyXSCYS2SfTrUws9DWpFiIYboxAWxAggiE1kxOLRaKJEgcfbgPEaf2qoBGCoT8ipbiPd0N0DJFMFbHQOLqdQMRbuDECbUOAAsCTMBLDskU0YeLgfNARqeYmWmMEQ4OlGpqTvQn8+okxx2IesQi7FvjCFnFjBNqKANmlMJoGf00STZwCZzddJA2RiyDOVetgVv1DUUyGlAwV7tXdiuRSNGMUrAoCXxAMN0ag7QgQwURRPJMcEbdLg7aJCuNIuWySgl4G18YJhgax04nx1XZ9Kbp5xEJ9Ebl4notet7PM9fNzGIFWIDCehEiS9F4Gtimi+Tz0cRs2/wZshGAohU2ZpX6wedD3IdWiZ8pWv8vZolbcNjyIZRGg7NLdaJI/vVjqUTfJjCIK6tIbcAO2onTBhghGZpZe721mlR4iF/2zbuALe8SNEXhsCJBNmqh4DN36TZAMWaPTm04jGaMqvI0RDHW+34tw2F9vfcZCcsnkgsStfofVy2O7s3i8AgGpYkLxkcRFEyRzOfJwPQ6MIW6UYBxkeLO/elapilz0GnDxs0z8j16H1YuxmcMdNYIAqZhxGEvzokhGfFoM+K4Z/KWs0fvrLkzuh2CUYNYJ+C4iFyIaeg5hvrPFsZdGZj2/qDEESL3c3k3yOU3EoiMlm5KMqcBuESzjBEN0QLGYZQvwigpFykg5fPqgyYU+dgMPva456WdsxnFHzw6B8STCJJJr+rRNmkcyy4ZpqaCOYi8mAruWCQbo+QmOd2UF40NtWXIhgtnd6oj0NDdG4LEjQOnqwV0oCaYmkjkfBBjH5ivaLSgY+eeXaev5+8isQi6O62B/u/vY5xWPnxHIEbgeTpClWS0kQ/u6yLS0+WaNYAIvxetdydLlNi/uUrZFwiJlFNz10O+xPTI/fbjHphAYjSOMQ2WTKpTMsvEYuj9OBx2xvaWNZo1g6GJfbIXY7d5XMVXqZR650Pf3tjvw2R7ZmD/cZ0MIxEmKm2E4jcEsQTJV8ZjBxMWXOzvqhaCxSjCek+LN/mzx3Txy0aloKhQqBnddx8HBLtujhuY5v6xFBK4GE6SZskkqVU1r+oop7LKSKZIM3SvvrztIMjvqxTrB0ADKxXcPqhexg/k0g0Sf97s+tntcuWvxPuCuG0JgOI4xmsRiobAO9uaflwrxynUzNCTTRXVVMFhVMILhCsV3i8hF2yStYshcHe6wPWpofvPLWkaAbNLlbQjSH0QwRaIpZ5jkvTQtzrNRVNdKgqFB6dXWmkDoe9oGkTUiItEB3aJFch0XR3v2/KXl+cfdPwMELm5CpFmax2KKCkYYn7KSUV/bKKprLcGQ6TlRu9/pDFIxzkKf58SSE46DftfDTp/t0TO4z57tJd6OyCZRNinLlcyMmqmwSlRUdzYwX1TXYoIBun4i9vEtqpcqksntUebgxV7A2aNne+s9jwsnm/TlJhJb0GpiqYrDFBdG0v66EwtFda0lGB17eamK74rEMiUUaZOkXXJA2aOv9tkePY/b7Hlf5edrsklEMFMVo0mmHJehorqPVFRXWMNkEz3rQV6hWNQ/viq+y2teVMZolmTkObhbPQ+7bI9szh3u2xACg1GMu3Gigrzy3PjcJqkAsM4yUVFdTEV1TDDTv04e0AVw1A+x002lWlE1L8WsUZpKgvlqL0DQ5G7ihiYPd8MILEIgilN8FjYJcN35KuZ24uJiJFV9eS+ZRX009XPrCmYmNZ1RKk7ufKeVDZFJmkqVQ0cr0Ndkj14esD1qalLw67YPgY9X0iYJkqF4DB0N5KrUtRourZZOqaiuVIxn82paQTB6CwZdrbvXjbDXS3IVIxWMJBd6bPc87G1x9sjmxOG+zSJwcxdjqGyStEiabKRduhl7uJkEeS2MUDEtsElWCWbeimmZtp4IgGbUSwokGfByn+2R2enNvdlGgGzSx+sInrBJsyqG3qDPBrRcRi4UeGj5gOnraA/BqIAuASBUSifGQS9WcZipeqF9d48P2R6Znijcn30Ezi/lfr3SJk1VDB1WPwz9/OyxmWUDllWMXYIpkIq2R9NV0xleboXwvUzGXpR62el52N9me2R/uvMITCNwPYxxO05mVEycOPh414FD/+miOx3lbUGw1xrBlIO7MxW8qt6l6yV4sR1BZ46SFHh1wPbI9MTm/tqBANmkD1cRaGcSnVH6MgwwSbyZKt+cX1oQ7LVKMOXgrrZHxUK7o60QHTcTsRfKHp0csT1qx3TnUdhA4OxCZpMoFhOmDi5IvRSWC+gjmmcOa7Nok+wRTMEe5Rt5l/Z6oapd30mVigF2+h4O2B7ZmNfcZ0sQuCKbNEpEoJfUS5y5U/VSKLorB3urdo40cUlWCGaePaLg7oyKUWnpvV6Erpfi+DBAh4vrTMwL7qOlCIRxivPLCJPExc04mG7hoAK/NOyyiqnaK8bU5VkjmLI9mlkeUFoiQCuQjndjvHnB9sjUxOB+2ovA+y8hzgeU6HCrlwxUBXst2SQ7BPOAPRI79CrlIhY2pjJt/fYwxcmhva3/2jvdeGTPDYGzyxTvLl2pXijgq1ULqZiW2STjBPOQPZq3ipoI5vtvgC0WMM/tXuLrrUDgLgT++pPKJBUXPj4Q7LVlk6wQzCJ7lCsXVXRHW+7+/i3PNUaAEdAI/OUdMI4VyZBqUUom30qzJTbJPMEssEf51pgFe/T6APjmiCcXI8AIaAR+ugBOr1RFb4lc2mSTjBLMWvYoBb5/y/aIby1GoIiAsEnvCiuqKzYFb0M2yTjBrGSPUjrUHvgD2yO+uxiBewgImxQpkmmpTTJLMMvao8JmU2yP+M5iBKoR0Dapaq/ettgkYwTD9ohvE0agXgQeg00ySjCr2iM6z56zR/VOSn61p4XAn98BkxbbJHMEs449OgS+OXxaE4KvhhGoE4GfLoHTy+km4OWD2XTamvosbkRlam2SEYJZ1x798WcyyMuNEWAEqhEg9fKn/7U3m2SMYFa1R7s94LvXPK0YAUZgEQI/nAKDcTuzSWYIZg179Ktj4GBrEbT8c0aAEbi6A/513k6b1DjBrGOPKLj7uzdTz8hTiBFgBOYjQO7gb+9VTUzL1iYZIZhKe6TOOsqPg6VV07T2KAV++Qo43OYpxQgwAssicDkE/v1hjk1SRXjiMDYR7ZWvauJYk+YJZkV7RLGX35wsCys/jxFgBDQC/zhTsZjisgHLWzg0SjAL7VFpYylSM799w+uO+JZhBNZBgArv/v5eKRNNMoX9YWysTWqcYO7Zo4p9d8Xhahnw5hA4OVgHWv4dRoARIATOroD3ui6muMq6QDQmbVJjBLPqvrvbXeDXxxzY5duEEdgEAXqj/uc5MJzow9mm2SV6XdMqxijBlPfdFRtLZYDvAd+dAIG3CbT8u4wAI0AIRAnwwxkQJ4pciuqltBFV0zvdNUcwS+67S5FsyhqRguHGCDAC9SBACoaySvQGLlSLpWBvIwSzMLirlAs97xdfA3v9ekDlV2EEGIEpAjcj4D+fZFb6ocPZmlQxjRHMouAuXfXPX3C1Lt8QjECTCFCV73+/yJM6iiST18A0XBNTO8E8GNxVZ07TZjjffg1QzQs3RoARaBYBWqf04ydZyCoO/ikc0jajXho4O6lWgpkhF7oQFYcpBncDH/j2BdDnI0ianVX86oxAAYFRCPz4BYjiaZ3MvcpeRT5K1NSCX3MEUwrykmXa7QNvjwCPz0+r5Y/HL8IIrIJAkgLvLoDBaEoyilOEqmkiFlMbwZTVS/FAezqo+2Sf1xetMhn4uYxAUwjQuqWza7nuL9+ESsdialYxtRDMPGtEY6UtF17tyVoXbowAI9AOBKhG5sMNQEHgooq5p2g2HO7GBFNFLjQmskNf7wK09QI3RoARaCcCdOzJp4G0TVOmqc8ubUQwZXLxHVnTcrQDdPx2AsqjYgQYgfsIhDFwcQtQ7Uwsbux6SGYtglH9iyyR7wLbPZly3unyWiKevIzAY0aAYqe3E7ntw3AMxJTbLsZnVry4pQiGSo3pQWRCsRRKNfcDaX9YqayIOD+dEXhECJCyIRs1imSKm2I3RDqpOhxx0aX8H8fNb0pPaldyAAAAAElFTkSuQmCC);
    background-size: 100% 100%;
    width: 13.75rem;
    height: 3.75rem;
    color: #3385ff;
    font-weight: 700;
    font-size: 1.14583rem;
    transition:all .3s;
}



.wrapper .content-nav-item_a {
    width: 10.41667rem;
    height: 3.75rem;
    color: #3385ff;
    list-style: none;
    font-size: 1.04167rem;
    text-align: center;
    line-height: 3.75rem;
    cursor:pointer
}

.wrapper .content-nav-item_a span {
    z-index:100
}

      .charge_desc{
        position:absolute;
        top:50%;
        left:50%;
        transform: translate(-50%,-50%);
        background-color: #fff;
        width: 400px;
        z-index: 999;
        padding: 15px;
        border-radius: 10px;
        padding-bottom: 50px;
        min-height: 500px;
        display: none;
      }
      .descss{
        position: absolute;
        width: 100%;
        bottom: 0px;
        left: 0px;
        background-color: #00aaff;
        text-align: center;
        padding: 10px 0px;
        color: #fff;
        font-size: 15px;
        border-radius: 0px 0px 10px 10px;
        cursor: pointer;

      }
      .sapadast{
        position: absolute;
        top: 70px;
        right: 30px;
        z-index: 99;
        cursor: pointer;
        display: none;
      }
      .sapadast .iconfont{
        font-size: 25px;
        color: #ff5500;
      }
        .login-box {
          width: 100%;
          height: 100%;
          background: rgba(0, 0, 0, .5);
          position: fixed;
          left: 0;
          top: 0;
          z-index: 99999;
          display: none;
          justify-content: center;
          align-items: center;
        }

        .login-box .us-info {
          font-size: 12px;
          font-family: PingFangSC-Regular, PingFang SC;
          font-weight: 400;
          color: rgba(152, 159, 179, 0.7);
          line-height: 30px;
          text-align: center;
        }

        .login-box .login-content {
          opacity: 1 !important;
          width: 345px;
          /*height: 326px;*/
          background: #FFFFFF;
          border-radius: 11px;
          position: relative;
          box-sizing: border-box;
        }

        .close-login {
          position: absolute;
          bottom: -44px;
          left: 159px;
          width: 28px;
          height: 28px;
          cursor: pointer;
        }

        .code-box {
          /*margin-bottom: 40px;*/
          /* display: none; */
        }

        .login-content .code-header {
          display: flex;
          flex-direction: row;
          justify-content: space-between;
          padding-left: 25px;
        }

        .code-header .tab-img {
          width: 60px;
          height: 60px;
          opacity: 0.5;
          cursor: pointer;
        }

        .switch-img-box {
          position: relative;
          display: flex;
          flex-direction: row;
          justify-content: space-between;
          width: 140px;
          margin-bottom: 40px;
        }

        .tips-img {
          width: 70px;
          height: 28px;
          margin-top: 10px;
          opacity: 0;
        }

        .code-header .tab-img:hover {
          opacity: 1;
        }

        .login-title {
          font-size: 20px;
          font-weight: bold;
          color: #575B66;
          line-height: 20px;
          margin-top: 40px;
        }

        .input-box {
          padding-left: 24px;
          box-sizing: border-box;
        }

        .input-content {
          width: 298px;
          height: 40px;
          background: #F2F4F8;
          border-radius: 4px;
          margin-bottom: 14px;
          display: flex;
          flex-direction: row;
          align-items: center;
          padding-left: 15px;
          box-sizing: border-box;
        }

        .input-content .input-a {
          width: 100%;
          line-height: 40px;
          font-size: 14px;
          font-weight: 400;
          background: #F2F4F8;
          color: #1A2033;
        }

        .input-content span {
          color: #B2B7C6;
          font-size: 25px;
          margin-right: 10px;
        }

        .code-info {
          display: flex;
          flex-direction: row;
          align-items: center;
        }

        .code-info .input-content {
          width: 176px;
          margin-right: 10px;
          margin-bottom: 0;
        }

        .code-info .send-code {
          width: 112px;
          height: 40px;
          background: #CBCED8;
          border-radius: 4px;
          font-size: 14px;
          font-weight: 400;
          color: #FFFFFF;
          text-align: center;
          line-height: 40px;
          pointer-events: none;
        }

        .code-info .send-code-active {
          background: #36D9A3;
          cursor: pointer;
          pointer-events: auto !important;
        }

        .send-code-active {
          color: #cecece !important;
          cursor: pointer;
          pointer-events: auto !important;
        }

        .login-btn {
          width: 298px;
          height: 40px;
          background: #CBCED8;
          border-radius: 20px;
          font-size: 14px;
          font-family: PingFangSC-Regular, PingFang SC;
          font-weight: 400;
          color: #FFFFFF;
          line-height: 40px;
          text-align: center;
          margin-top: 24px;
          pointer-events: none;
        }

        .login-btn-active {
          background: #4070FF;
          cursor: pointer;
          pointer-events: auto !important;
        }

        .scan-box {
          margin-bottom: 48px;
          display: none;
        }

        .scan-box .scan-img-box {
          width: 150px;
          height: 150px;
          margin: 0 auto;
        }

        .scan-box .scan-img-box img {
          width: 100%;
          height: 100%;
        }

        .video-list-box {
          width: 50px;
          display: none;
        }

        .video-list-box:hover .icon-video {
          display: inline-block;
          animation: shakeTopx1 2s;

        }

        @keyframes shakeTopx1 {

          0%,
          100% {
            transform: rotate(0deg) scale(0.8);
          }

          10% {
            transform: rotate(2deg);
            transform: scale(1);
          }

          15%,
          25%,
          35% {
            transform: rotate(-4deg);
          }

          20%,
          30%,
          40% {
            transform: rotate(4deg);
          }

          45% {
            transform: rotate(-2deg);
          }

          50% {
            transform: rotate(2deg);
          }

          55%,
          90% {
            transform: rotate(0deg);
          }
        }

        .video-list-box span {
          font-size: 35px;
          line-height: 35px;
          cursor: pointer;
        }

        .video-list-mask {
          position: absolute;
          right: -60px;
          transform: translate(-50%);
          top: 109px;
          display: none;
          z-index: 999999999999;
          padding-top: 20px;
        }

        .video-list-mask .jian {
          display: inline-block;
          transform: rotate(180deg);
          color: rgba(21, 21, 21, .8);
          position: absolute;
          right: 40px;
          top: -6px;
          font-size: 16px;
        }

        .video-list-content {
          width: 200px;
          height: 200px;
          padding-top: 10px;
          border-radius: 8px;
          overflow-y: scroll;
          background: rgba(21, 21, 21, .8);
        }

        .video-list-content::-webkit-scrollbar {
          display: none;
        }

        .video-list-content div {
          font-size: 16px;
          color: #fff;
          line-height: 50px;
          height: 50px;
          cursor: pointer;
          padding: 0 10px;
          box-sizing: border-box;
          border-radius: 5px;
          white-space: nowrap;
          overflow: hidden;
          text-overflow: ellipsis;
        }

        .video-list-content div span {
          opacity: 0;
          display: block;
          width: 0;
          height: 0;
        }

        .video-list-content .active-list {
          background: #4070FF;
        }

        .video-list-mask::-webkit-scrollbar {
          width: 5px;
          height: 5px;
        }

        .video-list-mask::-webkit-scrollbar-track {
          background: rgba(21, 21, 21, .8);
          border-radius: 2px;
        }

        .video-list-mask::-webkit-scrollbar-thumb {
          background: #bfbfbf;
          border-radius: 10px;
        }

        .video-list-mask::-webkit-scrollbar-thumb:hover {
          background: #888;
        }

        .video-list-mask::-webkit-scrollbar-corner {
          background: #179a16;
        }

        .langeuage-info {
          position: relative;
        }

        .change-lang-img {
          width: 3.2rem;
          height: 3.2rem;
        }

        .lang-box {
          position: absolute;
          width: 140px;
          max-height: 500px;
          background: #FFFFFF;
          box-shadow: 0px 5px 29px 0px rgba(0, 0, 0, 0.08);
          border: 2px solid #E5E5E5;
          left: 0;
          top: 0px;
          border-radius: 10px;
          display: none;
          padding: 25px 36px;
          padding-bottom: 0;
          box-sizing: border-box;
          z-index: 99999;
          overflow-y: scroll;
        }

        .lang-box::-webkit-scrollbar {
          display: none;
        }

        .lang-box .langeuage-chu-box {
          width: 100%;
          margin-bottom: 38px;
          position: relative;
        }

        .langeuage-chu-box .langeuage-img-chu {
          display: block;
        }

        .langeuage-chu-box .langeuage-img {
          display: none;
        }

        .chu-true .langeuage-img-chu {
          display: none;
        }

        .chu-true .langeuage-img {
          display: block;
        }

        .langeuage-name {
          color: #989FB3;
          margin-top: 12px;
          font-size: 19px;
          font-weight: bold;
        }

        .languagechu-name {
          color: #1A2033;
          margin-top: 12px;
          font-size: 19px;
          font-weight: bold;
        }

        .icon-img {
          width: 62px;
          height: 62px;
        }

        .tab-left {
          animation: language-left .5s linear forwards;
        }

        .tab-right {
          animation: language-right 0.5s linear forwards;
        }

        @keyframes language-left {
          0% {
            transform: translate(80px);
            opacity: 1;
          }

          90% {
            opacity: 0;
          }

          100% {
            opacity: 0;
            transform: translate(0rpx);
          }

        }

        @keyframes language-right {
          0% {
            transform: translate(0px);
          }

          100% {
            transform: translate(80px);
          }
        }

        .shake {
          animation: shake-right .5s linear;
        }

        @keyframes shake-right {

          0%,
          100% {
            -webkit-transform: translateX(0);
          }

          10%,
          30%,
          50%,
          70%,
          90% {
            -webkit-transform: translateX(-5px);
          }

          20%,
          40%,
          60%,
          80% {
            -webkit-transform: translateX(5px);
          }
        }

        .time-subsequence {
          width: auto !important;
          padding: 0 8px;
        }