/*----------project--------*/

/*设置宽度,轨道颜色*/
::-webkit-scrollbar {
    width: 4px !important;
    height: 4px !important;
}
/*滚动条*/
::-webkit-scrollbar-thumb{
    border: none;
    box-sizing: content-box;
    min-height: 10px;
    max-height: 50px;
    background-color: rgba(255, 255, 255, 1);
}
/*轨道背景颜色*/
::-webkit-scrollbar-track-piece {
    background-color: rgba(255, 255, 255, 1);
}

/*悬停样式*/
::-webkit-scrollbar-thumb:hover {
    background-color: rgba(255, 255, 255, 1)
}

body{ background-color: var(--bg-green); overflow-x: hidden;}

.thumb{ width: 80px; position: fixed; opacity: 0; z-index: 1; height: 100%; top: 0; right: -10%; display: flex; align-items: center; }
.thumb ol{ padding: 10px 0;}
.thumb ol li{ padding: 5px 0;}
.thumb ol li.active{ border: 2px solid #DDD;}
.thumb img{ display: block; width: 100%;}
.thumb img:hover{ opacity: 0.8; outline: 1px solid #666;}

.project-container{ max-width: 720px; margin: 0 auto; padding-top: 50px;}
.project-image{ padding-bottom: 50px;}
.project-container>div:first-child{ padding-bottom: 0;}

.project-image img{ width: 100%;}

.project-info{max-width: 800px; margin: 0 auto;}
.project-content{ padding: 100px;}

.client{ font-size: 18px; font-family: "futurastd-bold";}
.desc{ padding: 20px 0; font-size: 16px;}
.btn-link{ display: inline-block; font-size: 16px; background-color: #EEE; color: #000; padding: 10px 20px;}
.btn-link:hover{ background-color: #FFF;}

@media screen and (max-width: 1280px) {
    .project-container{max-width: 600px; margin: 0 auto;}
}

@media screen and (max-width: 980px) {
    .project-container{max-width: 400px; margin: 0 auto;}
}

@media screen and (max-width: 640px) {
    .thumb{ display: none;}
    .project-container{ margin-left: 20px; margin-right: 20px; padding-top: 40px; padding-bottom: 0;}
    .project-info {
        padding: 50px 20px 20px 0;
    }
    .client {
        font-size: 16px;
    }
    .project-image {
        padding-top: 30px;
    }
    .project-content {
        padding: 0;
    }
    .marquee2{ padding-bottom: 40px;}
    
}