.warp100{width: 100%;}

.side-content {
    position: relative;
    z-index: 1198;
    overflow: hidden;
    height: 100%;
    padding: 0;
}

.side-content.index {
}

.side-html {
    position: relative;
    z-index: 1197;
}

.side-content.show .side-html {
    height: 100%;
}

.side-body {
    background-color: rgba(255, 255, 255, .6);
    background-position: top center;
    background-size: 100% auto;
    overflow: hidden;
    position: relative;
}

.banner-sub.auto.not-has + .side-html > .side-body:first-child {
    margin-top: 80px;
}

.banner-sub.not-has:not(.auto) {
    height: 80px;
}

@media (max-width: 767px) {
    .banner-sub.auto.not-has + .side-html > .side-body:first-child {
        margin-top: 60px;
    }

    .banner-sub.not-has:not(.auto) {
        height: 60px;
    }
}

.side-content.show .side-body {
    height: 100%;
    background-size: cover;
    overflow: hidden;
    display: -ms-flexbox;
    -ms-flex-align: center;
    -ms-box-pack: center;
    display: -moz-box;
    -moz-box-align: center;
    -moz-box-pack: center;
    display: -webkit-box;
    -webkit-box-align: center;
    -webkit-box-pack: center;
    display: box;
    box-align: center;
    box-pack: center;
}

.side-content.show .side-body.foot {
    height: auto !important;
    display: block;
}

.side-content:not(.show) .side-body:last-child:before {
    height: 2px;
    background: #00c0ff;
    width: 100%;
    content: '';
    display: block;
}

.side-scroll {
    right: 0 !important;
    width: 5px !important;
    display: block !important;
    background: rgba(255, 255, 255, .4);
    top: 0 !important;
    height: 100% !important;
    z-index: 1198 !important;
}

.side-content.show .side-scroll {
    display: none !important;
}

.side-scroll .swiper-scrollbar-drag {
    background: #00c0ff !important;
    border-radius: 0 !important;
}

html:not(.isMobile) .side-html, html:not(.isMobile) .side-scroll .swiper-scrollbar-drag {
    transition: .5s !important;
    -moz-transition: .5s !important;
    -ms-transition: .5s !important;
    -o-transition: .5s !important;
    -webkit-transition: .5s !important;
}