:root {
    --main—screen-w: 1600px;
    --recommend-w: 370px;
    --recommend-img-h: 205px;
    --h-100: 100px;
    ---500: 500px;
    ---400: 400px;
    --h-125: 125px;
    --f-18: 18px;
    --f-16: 16px;
    --f-17: 17px;
    --f-35: 35px;
    --f--20: 20px;
    --w-341: 341px;
    --h-157: 157px;
    --h-440: 400px;
    --h-48: 55px;
    --w-317: 317px;
    --h-52: 52px;
    --w-257: 257px;
    --w-180: 180px;
    --h-53: 53px;
    --w-375: 375px;
    --w-234: 234px;
    --w-270: 270px;
    --h-83: 83px;
    --w-135: 135px;
    --w-75: 75px;
    --h-80: 80px;
    --f-19: 19px;
    ---19: 19px;
    ---30: 30px;
    --w-254: 254px;
    --w-308: 308px;
    ---10: 10px;
    ---15: 15px;
    ---14: 14px;
    ---32: 32px;
}
pager {
    display: flex;
    justify-content: center;
    line-height: 28px;
    padding: 25px 0 40px;
    align-items: center;
}

pager wf-span {
    margin: 0 5px;
    cursor: pointer;
    height: 40px;
    width: 40px;
    line-height: 37px;
    text-align: center;
    border: 1px solid #ccc;
    color: #24292e;
    border-radius: 4px;
}

pager .go_page_btn {
    margin: 0 5px;
    cursor: pointer;
    height: 40px;
    line-height: 37px;
    text-align: center;
    border: 1px solid #ccc;
    color: #24292e;
    border-radius: 4px;
    font-size: 16px;
}

pager .disabled {
    color: #ffffff;
    background: #dfdfdf;
    cursor: no-drop;
}

pager .current {
    cursor: no-drop;
    border: 1px solid #dd5a5a;
    color: #dd5a5a;
}

pager input {
    width: 60px;
    height: 40px;
    border-color: #ddd;
    border-radius: 3px;
    text-align: center;
    border: 1px solid #ddd;
    outline: none;
    background-color: #fff;
    color: #86909c;
    margin: 0 5px;
    font-size: 16px;
}

pager input:focus {
    background-color: #fff;
    color: #4e5969;
    border-color: #165dff;
}

pager .prev_page,
pager .next_page {
    padding: 0 5px;
}

pager .prev_page svg,
pager .next_page svg {
    vertical-align: middle;
}

pager .disabled path {
    fill: #fff;
}

.tip {
    text-align: center;
    font-size: 20px;
    font-weight: 600;
}

@media screen and (max-width: 800px) {
    pager {
        font-size: 12px;
        line-height: 24px;
    }
    pager wf-span {
        height: 25px;
        width: 25px;
        margin: 0 3px;
    }
}
pager .go_page {
    margin-left: 5px;
}
/* 列表 */
.partner_list_container {
    width: var(--main—screen-w);
    min-height: calc(100vh - 205px);
    margin: 0 auto;
}
.partner_list_container .title {
    color: #333;
    font-size: 24px;
    text-align: center;
    line-height: 80px;
}
.partner_list {
    padding: 20px 0;
    display: grid;
    grid-template-columns: repeat(auto-fill, minmax(32%, 1fr));
    justify-items: stretch;
    row-gap: 15px;
    column-gap: 2%;
}
.partner_item {
    display: flex;
    align-items: center;
    padding: 0 14px;
    width: 100%;
    height: var(--h-100);
    background: #ffffff;
    box-shadow: 0px 2px 8px 0px rgba(53, 53, 53, 0.1);
    border-radius: 6px;
}
.partner_item img,
.partner_item .bg_cover {
    width: var(--h-100);
    height: var(--h-80);
}
.partner_item .bg_cover {
    line-height: 80px;
    text-align: center;
    background: beige;
}
.partner_item span {
    font-weight: 500;
    font-size: var(--f--20);
    color: #333333;
    line-height: 25px;
    margin-left: var(--f--20);
}