.vpn {
        position: relative;
        list-style: none;
        padding: 0;
        margin: 0;}

    .WebVPN {
        display: none;
        position: absolute;
        left: 50%;
        top: 100%;
        z-index: 999;
        width: 150%;
        transform: translate(-50%);}

    .vpn:hover .WebVPN {
        display: block;}

    .WebVPN {
        text-align: center;
        background: #fff;
        padding: 0;
        box-shadow: 0 0 10px rgba(0, 0, 0, .3);}

    .WebVPN:after {
        content: '';
        height: 3px;
        width: 100%;
        position: absolute;
        left: 0;
        top: 0;
        background: #033f7d;}

    .WebVPN a {
        display: block;
        font-size: .14rem;
        padding: 0 .13rem !important;
        margin-bottom: 1px;
        background: #fff;
        color: #033f7d !important;
        white-space: nowrap;
        line-height: .35rem;} .WebVPN a:hover{    background: #ededed;}
.hd-nav .sub-nav-h .li3{position: relative;}
.hd-nav .sub-nav-h .sub-navs{position: absolute;left: 100%;top: 0;min-width: 1.6rem;background: #ffffff;display: none;}
.hd-nav .sub-nav-h .li3:hover  .sub-navs{display: block;}
.header .hd-nav li .sub-nav .sub-nav-h .li3:hover>a{background: #ededed;}
.sj-vpn {
    position: relative;
    list-style: none;
    margin: 0;
    padding: 0 20px 0 0;}
.sj-WebVPN {
    position: absolute;
    top: 100%;
    z-index: 999;
    left: 50%;
    width: 150%;
    transform: translate(-50%);
    background-color: #fff;
    text-align: center;
    display: none;}
.sj-WebVPN a {
    color: #033f7d;
    text-align: center;
    margin: 0;
    padding: 0;}
.xl {
    position: absolute;
    z-index: 10000;
    top: 0;
    right: 6%;
    width: 16px;
    height: 100%;}
.xl:after {
        content: "";
        display: block;
      
        font-size: .2rem;
        font-family: "swiper-icons" !important;
        content: "\e600";
        color: #fff;
        transition: .3s;}        .ony:after{transform: rotate(180deg);
        -webkit-transform: rotate(180deg);
        -moz-transform: rotate(180deg);}
.vsbcontent-table-container-outer { position: relative;}
.vsbcontent-table-container
{
    width: 98%;
    overflow-y: auto;
    _overflow: auto;
    margin: 2px;}
.vsbcontent-table-container::-webkit-scrollbar
{
    -webkit-appearance: none;
    width: 14px;
    height: 14px;}
.vsbcontent-table-container::-webkit-scrollbar-thumb
{
    border-radius: 8px;
    border: 3px solid #fff;
    background-color: rgba(0, 0, 0, .3);}
.vsbcontent-table-container-fade
{
    position: absolute;
    right: 0;
    width: 5px;
    height: 100%;
    background-image: -webkit-linear-gradient(0deg, rgba(255,255,255,.5), #fff);
    background-image: -moz-linear-gradient(0deg, rgba(255,255,255,.5), #fff);
    background-image: -ms-linear-gradient(0deg, rgba(255,255,255,.5), #fff);
    background-image: -o-linear-gradient(0deg, rgba(255,255,255,.5), #fff);
    background-image: linear-gradient(0deg, rgba(255,255,255,.5), #fff);}