html, body {
    color:#212121;
    font-size:16px;
    font-weight:400;
    box-sizing: border-box;
    font-family: 微软雅黑, 微软雅黑, "PingFang SC", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;
    scroll-behavior: smooth;
}
.common-footer-wrap .container {
    margin: 0 auto;
}
a:hover, a:focus {
    color:  inherit;
    text-decoration: none !important;
    outline:none !important;
}

* {
    box-sizing: border-box;
}
button:focus {
    outline:none !important
}
.slick-dots {
    bottom:85px;
}
.slick-dots li button:before {
    color: #16AF86;
    font-size: 20px;
}
.slick-dots li.slick-active button:before {
    color: #16AF86;
}
.MuiButton-containedPrimary {
    background-color:'#16AF86'
}

.navLeft{
    width: 45px;
    position: absolute;
    left: -45px;
    top: 60px;
    fill:#fff;
    cursor:'pointer'
}
.navLeft:hover {
    fill:#16AF86
}
.navRight:hover {
    fill:#16AF86
}
.navRight {
    width: 45px;
    position: absolute;
    right: -45px;
    top: 60px;
    fill:#fff;
    cursor:'pointer'

}
.items-container {
    position: absolute;
    overflow-x: hidden;
    overflow-y: scroll;
    height: 590px;
    right: -15px;
    padding-right: 7px;
    padding-left: 20px;
    background: #fff;
}
.items-container::-webkit-scrollbar {
    width: 8px;
}

.items-container::-webkit-scrollbar-thumb {
    width: 8px;
    height: 240px;
    background: rgba(0,0,0,0.2);
    border-radius: 4px;
}
.items-container .item:last-child {
    margin-bottom: 0;
}
@media (max-width: 750px) { 
    .navRight {
        width: 15px;
        position: absolute;
        right: -10px;
        top: -20px;
        fill:#16AF86;
    }
    .navLeft{
        width: 15px;
        position: absolute;
        left: -10px;
        top: -20px;
        fill:#16AF86;
    }
    .slick-dots{
        bottom: 100px;
    }
    .items-container {
        position: static;
        padding: 0;
        overflow: auto;
        height: auto;
        background: none;
    }
 
   
}