.img-cover{
        object-fit: cover;
    }
    .message-bage{
    position: relative;
    left: -14px;
    top: -11px;
    color: white;
    width: 16px;
    height: 16px;
    background: #E62D06;
    /* border: 1px solid #FFFFFF; */
    border-radius: 50%;
    display: inline-block;
    text-align: center;
    line-height: 16px;
    font-size: 11px;
    }
    .hide{
        display: none;
    }
     .aside-avatar{
        border-radius: 50%;
        height: 3rem;
        object-fit: cover;
    }
    .tooltip-inner {
        max-width: initial !important;
    }

    .popover {
        max-width: initial !important;
    }

    form#form-search-condition .row>.col,
    form#form-search-condition .row>.col-md-1,
    form#form-search-condition .row>.col-md-2 {
        padding-right: 0;
    }

    .vid-wrap {
        width: 100%;
        position: relative;
        height: 550px;
    }

    .vid-wrap video {
        width: 100%;
        height: 96%;
        margin: 2% auto;
        object-fit: fill;
    }
    @media (min-width: 768px){
        .p-md-8 {
            padding: 3.39rem !important;
        }
    }
    #play-video-player {
        width: 100%;
        height: 96%;
    }

    .swal2-popup {
        width: 400px;
    }

    .swal2-icon {
        width: 60px;
        height: 60px;
        line-height: 60px;
    }

    .swal2-popup #swal2-content {
        color: #66BC38;
        font-size: 13px;
        padding: 0 16px;
        font-weight: 400;
        line-height: 20px;
    }

    .swal2-popup .swal2-title {
        font-size: 18px;
        color: #505560;
        /* font-weight: 400; */
    }

    .swal2-popup .swal2-styled,
    .swal2-popup .swal2-styled.swal2-confirm {
        outline: none;
        font-size: 1rem;
        line-height: 1.5;
        padding: .5rem 2rem;
        font-size: 0.925rem;
        border: none;
    }
    .swal2-popup .swal2-styled:focus{
        box-shadow:none;
    }
    .asid-bigbox-height{
        height: calc(100% - 43px);
    }
    .page-small-box .page-link{
        padding: 0.35rem 0.35rem;
        font-size: 13px;
        min-width: 2rem;
    }
    .font-size-12{
        font-size: 12px!important;
    }
    .font-size-20{
        font-size: 20px!important;
    }
    .btn-height-44{
        padding: 0.375rem 0.813rem!important;
    }
    .input-placeholder-gray::-webkit-input-placeholder{
       color: #BFC2C7;
    }
    .achievement-box{
        border-top: 1px #E7EAF3 solid;
    }
    .achievement-box p{
        color: #7B8693;
        font-size:16px;
        font-weight:500;
    }
    .achievement-pic{
        width: 357px;
        height: 239px;
        margin: 0 auto;
        overflow: hidden;
        /* background: #e6e6e6; */
    }
    .achievement-pic img{
        height: 100%;
    }
    .achievement-long img{
       width:auto;
       height: 100%;
    }
    .free-tool-box{
        color: #fff;
       background: url('static/images/free-tool-bg.png') no-repeat top center;
       min-height: 200px;
       background-size: cover;
       padding-top: 45px;
    }
    .item-free-tool{
        display: inline-block;
        width:130px;
        height:40px;
        background:rgba(255,255,255,1);
        box-shadow:0px 2px 8px 0px rgba(255,157,24,1);
        border-radius:4px;
        font-size:16px;
        font-weight:600;
        color:rgba(255,170,55,1);
        text-align: center;
        line-height: 40px;
        margin-right: 43px;
    }
    .item-free-tool:last-child{
        margin-right: 0;
    }
    .mr-100{
        margin-right: 100px;
    }
    .btn-video-custom{
        font-size: 24px;
        display: flex;
        justify-content: center;
        align-items: center;
        width: 220px;
        height: 60px;
        line-height: 60px;
        padding: 0;
        border: 0;
        border-radius: 30px;
        text-align: center;
    }
    .btn-video-custom span.iconfont{
        font-size: 30px;
        vertical-align: middle;
    }
    .color-deep-red{
        color: #F1453D!important;
    }
    /* 专题页面 */
    .extension-marketing-banner{
       background:url('static/images/extension-marketing-banner.png') no-repeat left top;
       background-size: cover;
       height: 680px;
       color: #FFFFFF;
       text-align: center;
    }
    .extension-marketing-banner h2{
        font-size: 60px;
        font-weight: bold;
        line-height: 72px;
        margin-top: 188px;
    }
    .extension-marketing-banner p{
        font-size: 28px;
        font-weight: 400;
        line-height: 48px;
        color: #FFFFFF;
        margin: 20px 0 6px;
    }
    .extension-marketing-banner .merit-box span{
        font-size: 16px;
        font-weight: 400;
        color: #FFFFFF;
        line-height: 48px;
        display: inline-block;
        vertical-align: middle;
        margin-right: 30px;
    }
    .extension-marketing-banner .merit-box span:last-child{
        margin-right: 0;
    }
    .extension-marketing-banner .u-btn-orange{
        width: 163px;
        height: 44px;
        line-height: 28px;
        margin-top: 153px;
        font-size: 16px;
        font-weight: bold;
    }
    .extension-marketing-banner .u-btn-orange .iconfont{
        font-weight: lighter;
    }
    .extension-marketing-video{
        position: relative;
        height: 514px;
    }
    .extension-bg{
        position: absolute;
    }
    .extension-bg.left{
      top: 6px;
      right: 0;
    }
    .extension-bg.right{
      bottom:13px;
      left:0;
    }
    .bg-ligter-darker{
        background-color: #FAFBFC;
    }
    .font-size-28{
        font-size: 28px!important;
    }
    .font-weight-400{
        font-weight: 400!important;
    }
    .slide-achievement-box{
            margin: 0 auto;
        }
    /* 企业成就 */
    .slick__arrow_achievement.u-slick__arrow-classic-inner--right{
        right: -56px;
        top: 37%;
        background-image: url(static/images/trotting-lamp-right.png);
    }
    .slick__arrow_achievement.u-slick__arrow-classic-inner--right:hover{
        background-image: url(static/images/trotting-lamp-right-hover.png);
    }
    .slick__arrow_achievement.u-slick__arrow-classic-inner--left {
        left: -56px;
        top: 37%;
        background-image: url(static/images/trotting-lamp-left.png);
    }
    .slick__arrow_achievement.u-slick__arrow-classic-inner--left:hover{
        background-image: url(static/images/trotting-lamp-left-hover.png);
    }
    /* 插件端介绍页 */
    .slick__arrow_extension.u-slick__arrow-classic-inner--left,.slick__arrow_extension.u-slick__arrow-classic-inner--right{
        margin-top: -17px;
        width: 34px;
        height: 34px;
        top: 47%;
        background-size: 8px 12px;
        background-position: center;

    }
    .slick__arrow_extension.u-slick__arrow-classic-inner--right{
        background-image: url(static/images/right-arrow@2x.png);
        right: -19px;
    }
    .slick__arrow_extension.u-slick__arrow-classic-inner--left{
        background-image: url(static/images/left-arrow@2x.png);
        left: -19px;
    }
    .slick__arrow_extension.u-slick__arrow-classic-inner--right:hover{
        background-image: url(static/images/right-arrow-active@2x.png);
    }
    .slick__arrow_extension.u-slick__arrow-classic-inner--left:hover{
        background-image: url(static/images/left-arrow-active@2x.png);
    }
    .u-slick__pagination.u-slick__pagination-orange-extension li span{
        width: 8px;
        height: 8px;
        border-radius: 8px;
    }
    .u-slick__pagination.u-slick__pagination-orange-extension li span{
        background: #FFD8B2;
    }
    .u-slick__pagination.u-slick__pagination-orange-extension li.slick-active span{
        background: #FFB265;
    }
    @media screen and (max-width: 992px) {
        .vid-wrap {
            height: 250px;
        }
        .item-free-tool{
           margin-right: 16px;
        }
    }
    @media screen and (max-width: 750px) {
        .u-slick__pagination.u-slick__pagination-ph-orange li span{
            width: 8px;
            height: 8px;
            border-radius: 8px;
        }
        .u-slick__pagination.u-slick__pagination-ph-orange li span{
            background: rgba(251,140,31,0.3);
        }
        .u-slick__pagination.u-slick__pagination-ph-orange li.slick-active span{
            background: #fb8c1e;
        }
        .item-free-tool{
            margin-bottom: 10px;
        }
        .btn-video-custom,.btn-try-out{
            font-size: 18px;
            width: 140px;
            height: 45px;
            line-height: 45px;
        }
        .btn-video-custom.mr-100{
            margin-right: 30px;
        }
        .btn-video-custom span.iconfont{
            font-size: 20px;
       }
       .slick__arrow_custorm{
            display: none!important;
        }
        .mobile-footer-p{
            margin: 0.625rem 0 0!important;
        }
        .mobile-pt-0rem{
            padding-top: 0!important;
        }
        /* 专题 */
        .extension-marketing-banner{
            height: 360px;
            margin-bottom: 30px;
            background-position: center center;
        }
        .extension-marketing-banner h2{
            font-size: 28px;
            margin-top: 70px;
            line-height: 40px;
        }
        .extension-marketing-banner p{
            font-size: 16px;
            margin: 0;
        }
        .extension-marketing-banner .merit-box span{
            font-size: 13px;
            line-height: 26px;
        }
        .extension-marketing-banner .u-btn-orange{
            width: 120px;
            height: 36px;
            line-height: 20px;
            font-size: 14px;
            margin-top: 60px;
        }
        .extension-marketing-video{
            height: auto;
        }
    }
    .scroll-show-auto {
        overflow: auto;
    }

    .scroll-show-auto::-webkit-scrollbar {
        /*滚动条整体样式*/
        width : 5px;  /*高宽分别对应横竖滚动条的尺寸*/
        height: 1px;
    }
    .scroll-show-auto:hover::-webkit-scrollbar-thumb {
        /*滚动条里面小方块*/
        border-radius: 10px;
        background: rgba(159,163,168,0.5);
    }
    .scroll-show-auto::-webkit-scrollbar-track {
        /*滚动条里面轨道*/
        border-radius: 10px;
        background: transparent;
    }
    @media screen and (max-width: 650px) {
        .free-tool-content{
           text-align: center;
        }
    }
    @media screen and (max-width: 450px) {
        .item-free-tool:nth-child(2n){
            margin-right: 0;
        }
    }


  .try-out-bg {
      /* background-image: url(static/images/try_out@2x.png); */
  }
  .btn-try-out {
      font-size: 24px;
      width: 220px;
      height: 60px;
      line-height: 60px;
      padding: 0;
      border: 0;
      border-radius: 30px;
  }
  .keep-slider-aspect-ratio {
      padding-top: 28.6% !important;
  }
  .btn-xs {
      font-size: 14px;
  }
  .vjs-big-play-button{
      display: none!important;
  }
  .u-slick__pagination li{
      margin: 0 0.25rem;
  }
  .u-slick__pagination li span,.u-slick__pagination--white li.slick-active span{
      width: 33px;
      height: 6px;
      border-radius: 0;
      -webkit-transform: scale(0.9);
      transform: scale(0.9);
      border:0;
  }
  .u-slick__pagination li span{
      background: rgba(255,255,255,0.3);
  }
  .u-slick__pagination--white li.slick-active span{
      background: #fff;
  }
  .video-js .vjs-tech{
      height: auto;
      top: 50%;
      transform: translateY(-54%);
      -webkit-transform: translateY(-54%);
      -moz-transform: translateY(-54%);
      -ms-transform: translateY(-54%);
  }
  .btn-padding-37{
      padding: 0.344rem 0.9375rem;
  }
  .btn-padding-37 i{
      vertical-align: -1px;
  }
  .achievement-pic img{
      margin: 0 auto;
  }
  @media screen and (max-width: 750px) {
    .u-space-2,.u-space-3{
        padding-top:0.825rem;
        padding-bottom:0.825rem;
    }
    .m10-info{
        display: none;
    }
    .u-ver-divider.mb-7{
        margin-bottom: 1rem!important;
    }
    .mobile-mb-07{
        margin-bottom: 1.5rem!important;
    }
    .mobile-mb-00{
        margin-bottom: 0rem!important;
    }
    .mobile-mt-1rem{
        margin-top: 2rem!important;
    }
  }
  .popup{
    position: fixed;
    width: 100vw;
    height: 100vh;
    top:0;
    left:0;
    background-color: red;
    background-color: #06060626;
    z-index: 10000000000;
    display: none;
  }
  .pop-content{
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%,-50%);
    background: white;
    padding: 28px;
    border-radius: 5px;
  }
  .pop-header{
    font-weight: bold;
  }
  .pop-body{
    width: 355px;
    line-height: 33px;
    font-size: 15px;
    margin-top: 10px;
  }
  .pop-footer{
    text-align: center;
    margin-top: 10px;
    font-size: 13px;
    color: #5882f7;
    cursor: pointer;
  }
  .show-pop{
    cursor: pointer;
  }