.flex-1 {
    flex: 1;
}

.flex-2 {
    flex: 2;
}

.flex-3 {
    flex: 3;
}

.flex-4 {
    flex: 4;
}

.flex-5 {
    flex: 5;
}

.flex-6 {
    flex: 6;
}

.flex-7 {
    flex: 7;
}

.bg-color-1 {
    background-color: #C19E7E;
}

.bg-color-2 {
    background-color: #F8F5EF;
}

.color-white {
    color: white;
}

.font-size-36 {
    font-size: 36px;
}

.font-size-32 {
    font-size: 32px;
}

.font-size-28 {
    font-size: 28px;
}

.font-size-20 {
    font-size: 20px;
}

.letter-space-2 {
    letter-spacing: 2px;
}

.letter-space-3 {
    letter-spacing: 3px;
}

.letter-space-5 {
    letter-spacing: 5px;
}

.font-family-1 {
    font-family: 'fzjt';
}

.display-flex {
    display: flex;
}

.diplay-flex-column {
    display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: column;
}

.diplay-flex-column-1 {
    display: flex;
    flex-direction: column;
}

.display-relative {
    position: relative;
    overflow: hidden;
}

.height-110 {
    height: 110% !important;
}

.height-115 {
    height: 115% !important;
}

.second {
    height: 700px;
    margin: 80px 0;
}

.collectwind-bg {
    height: 700px;
}

.collectwind {
    height: 100%;
    display: flex;
}

.content-section {
    height: 100%;
    float: left;
    display: flex;
    flex-direction: column;
}

.content-section-item {
    cursor: pointer;
}

.content-section-item:hover {
    transform: scale(1.03);
}


/* .content-section-item:hover .content-section-item-title {
    display: block;
} */

.content-section-item-img {
    height: 100%;
    max-width: unset;
    position: absolute;
    left: 50%;
    transform: translateX(-50%);
}

.content-section-item-title {
    display: block;
    position: absolute;
    bottom: 0;
    padding-left: 10px;
    color: white;
    width: 100%;
    background: rgba(0, 0, 0, 0.3);
    height: 30px;
    line-height: 30px;
}

.content-section-item-letter {
    color: white;
    opacity: 0.6;
    writing-mode: vertical-lr;
    position: absolute;
    bottom: 30px;
}