* {
    padding: 0;
    margin: 0;
}

html,
body {
    height: 100%;
    font-size: 14px;
    /* font-family: PingFang SC, Arial, Microsoft YaHei, sans-serif; */
    font-family: "PingFang SC", "Hiragino Sans GB", "Microsoft YaHei", "WenQuanYi Micro Hei", "Helvetica Neue", Arial, sans-serif;
    color: #333;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}

.w1200 {
    width: 1200px;
    margin: 0 auto;
}

a {
    text-decoration: none;
    color: #333;
}

*,
*:focus,
*:hover,
input {
    outline: none;
}

/* ::-webkit-scrollbar { width: 0px; } */
::-webkit-scrollbar-track {
    border-radius: 8px;
}

::-webkit-scrollbar-thumb {
    border-radius: 8px;
    background: #ccc;
}

::-webkit-scrollbar-thumb:hover {
    background: #aaa;
}

::-webkit-scrollbar-thumb:active {
    background: #999;
}

:root {
    --theme-color: #2EAEFF;
    --theme-bg: #E9F7FF;
}

text,
button,
input {
    border: 0;
    outline: none;

}

/* 移动端 */
@media (max-width: 600px) {
    .w1200 {
        width: 100%;
    }

    /* 登录弹窗 */
    .el-dialog__wrapper {
        width: 100vw;
        height: 100vh;
    }

    .el-dialog {
        width: 90vw !important;
    }

    /* 头部城市选择 */
    .city-box {
        width: 80% !important;
    }

}


.flex {
    display: flex;
    align-items: center;
}

.flex-c {
    display: flex;
    align-items: center;
    justify-content: center;
}

.flex-a {
    display: flex;
    align-items: center;
    justify-content: space-around;
}

.flex-w {
    display: flex;
    flex-wrap: wrap;
}

.flex-bt {
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.flex-start {
    display: flex;
    justify-content: flex-start;
}

.flex-end {
    display: flex;
    justify-content: flex-end;
}

.flex-col {
    display: flex;
    flex-direction: column;
}

/* 省略 */
.ellipsis-1 {
    display: -webkit-box !important;
    overflow: hidden;
    text-overflow: ellipsis;
    word-wrap: break-word;
    word-break: break-all;
    white-space: normal !important;
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical;
}

.ellipsis-2 {
    display: -webkit-box !important;
    overflow: hidden;
    text-overflow: ellipsis;
    word-wrap: break-word;
    word-break: break-all;
    white-space: normal !important;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
}

.ellipsis-3 {
    display: -webkit-box !important;
    overflow: hidden;
    text-overflow: ellipsis;
    word-wrap: break-word;
    word-break: break-all;
    white-space: normal !important;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
}

.new-sc {
    width: 30px;
    height: 30px;
    display: inline-block;
    background-size: 100% 100%;
    background-repeat: no-repeat;
    background-image: url('../img/sc.png');
}

.active .new-sc {
    background-image: url('../img/scs.png');
}

[v-cloak] {
    display: none !important;
}