html[data-v-b2ed2ebc],
body[data-v-b2ed2ebc],
ul[data-v-b2ed2ebc] {
    margin: 0;
    padding: 0
}

html[data-v-b2ed2ebc] {
    scroll-behavior: smooth
}

a[data-v-b2ed2ebc] {
    text-decoration: none;
    outline: none
}

ul[data-v-b2ed2ebc] {
    list-style-type: none
}

body[data-v-b2ed2ebc]::-webkit-scrollbar {
    width: 8px;
    height: 8px
}

body[data-v-b2ed2ebc]::-webkit-scrollbar-thumb {
    box-shadow: inset 0 0 5px #0000001a;
    background: #cccccc;
    border-radius: 3px;
    cursor: pointer
}

body[data-v-b2ed2ebc]::-webkit-scrollbar-track {
    box-shadow: inset 0 0 5px #0000001a;
    background: #ededed
}

p[data-v-b2ed2ebc],
h1[data-v-b2ed2ebc],
h2[data-v-b2ed2ebc],
h3[data-v-b2ed2ebc],
h4[data-v-b2ed2ebc],
h5[data-v-b2ed2ebc],
h6[data-v-b2ed2ebc] {
    margin: 0
}

.blue-button[data-v-b2ed2ebc] {
    background: #5B81FA;
    border-radius: 2px;
    font-family: PingFangSC, PingFang SC;
    font-weight: 500;
    font-size: 20px;
    color: #fff;
    display: flex;
    align-items: center;
    justify-content: center;
    line-height: 28px;
    text-align: left;
    font-style: normal;
    transition: .2s;
    cursor: pointer;
    box-sizing: border-box
}

.blue-button[data-v-b2ed2ebc]:hover {
    opacity: .8
}

.white-button[data-v-b2ed2ebc] {
    border-radius: 2px;
    border: 1px solid #5B81FA;
    font-family: PingFangSC, PingFang SC;
    font-weight: 500;
    font-size: 20px;
    display: flex;
    align-items: center;
    justify-content: center;
    color: #5b81fa;
    line-height: 28px;
    text-align: left;
    font-style: normal;
    cursor: pointer;
    box-sizing: border-box
}

.white-button[data-v-b2ed2ebc]:hover {
    opacity: .8
}

.gray-button[data-v-b2ed2ebc] {
    background: #F7F8FB;
    border-radius: 2px;
    font-family: PingFangSC, PingFang SC;
    font-weight: 500;
    font-size: 20px;
    color: #666;
    display: flex;
    align-items: center;
    justify-content: center;
    line-height: 28px;
    text-align: left;
    font-style: normal;
    transition: .2s;
    cursor: pointer;
    box-sizing: border-box
}

.gray-button[data-v-b2ed2ebc]:hover {
    opacity: .9
}

.pillRoomItem[data-v-b2ed2ebc] {
    /*width: 323px;*/
    width: 100%;
    height: 252px
}

.pillRoomItem .bg-color[data-v-b2ed2ebc] {
    width: 100%;
    height: 150px;
    border-radius: 8px 8px 0 0;
    position: relative
}

.pillRoomItem .bg-color img[data-v-b2ed2ebc] {
    width: 100%;
    height: 150px;
    border-radius: 8px 8px 0 0
}

.pillRoomItem .bg-color .text[data-v-b2ed2ebc] {
    width: 100%;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    font-weight: 600;
    font-size: 18px;
    color: #111;
    text-wrap: nowrap;
    text-align: center;
    display: inline-block
}

.pillRoomItem .bg-color[data-v-b2ed2ebc]:hover {
    cursor: pointer;
    opacity: .95
}

.pillRoomItem .user-info-box[data-v-b2ed2ebc] {
    width: 100%;
    height: 102px;
    border-radius: 0 0 8px 8px;
    border: 1px solid #D8D8D8;
    display: flex;
    flex-direction: column;
    padding: 16px;
    cursor: pointer;
    transition: .2s
}

.pillRoomItem .user-info-box[data-v-b2ed2ebc]:hover {
    opacity: .8
}

.pillRoomItem .user-info-box .title-name[data-v-b2ed2ebc] {
    font-weight: 500;
    font-size: 16px;
    color: #111;
    margin-bottom: 8px
}

.pillRoomItem .user-info-box .info[data-v-b2ed2ebc] {
    display: flex;
    align-items: center;
    column-gap: 16px;
    margin-bottom: 12px
}

.pillRoomItem .user-info-box .info div[data-v-b2ed2ebc] {
    display: flex;
    align-items: center;
    column-gap: 4px
}

.pillRoomItem .user-info-box .info div img[data-v-b2ed2ebc] {
    width: 12px;
    height: 12px;
    border-radius: 2px
}

.pillRoomItem .user-info-box .info div p[data-v-b2ed2ebc] {
    font-weight: 400;
    font-size: 10px;
    color: #97a1b1
}

.pillRoomItem .user-info-box .text[data-v-b2ed2ebc] {
    font-weight: 400;
    font-size: 10px;
    color: #97a1b1;
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden
}

.pillRoomItem:hover .user-info-box[data-v-b2ed2ebc] {
    background: linear-gradient(226deg, rgba(91, 129, 250, .08) 0%, rgba(255, 255, 255, 0) 100%);
    box-shadow: 0 6px 12px #20398b1a;
    border-radius: 0 0 8px 8px;
    border: 1px solid #5B81FA
}

.pillRoomItem:hover .user-info-box .title-name[data-v-b2ed2ebc] {
    color: #5b81fa
}

@media screen and (min-width: 2500px) {
    .pillRoomItem[data-v-b2ed2ebc] {
        width: 310px
    }
}

html[data-v-5ae7224e],
body[data-v-5ae7224e],
ul[data-v-5ae7224e] {
    margin: 0;
    padding: 0
}

html[data-v-5ae7224e] {
    scroll-behavior: smooth
}

a[data-v-5ae7224e] {
    text-decoration: none;
    outline: none
}

ul[data-v-5ae7224e] {
    list-style-type: none
}

body[data-v-5ae7224e]::-webkit-scrollbar {
    width: 8px;
    height: 8px
}

body[data-v-5ae7224e]::-webkit-scrollbar-thumb {
    box-shadow: inset 0 0 5px #0000001a;
    background: #cccccc;
    border-radius: 3px;
    cursor: pointer
}

body[data-v-5ae7224e]::-webkit-scrollbar-track {
    box-shadow: inset 0 0 5px #0000001a;
    background: #ededed
}

p[data-v-5ae7224e],
h1[data-v-5ae7224e],
h2[data-v-5ae7224e],
h3[data-v-5ae7224e],
h4[data-v-5ae7224e],
h5[data-v-5ae7224e],
h6[data-v-5ae7224e] {
    margin: 0
}

.blue-button[data-v-5ae7224e] {
    background: #5B81FA;
    border-radius: 2px;
    font-family: PingFangSC, PingFang SC;
    font-weight: 500;
    font-size: 20px;
    color: #fff;
    display: flex;
    align-items: center;
    justify-content: center;
    line-height: 28px;
    text-align: left;
    font-style: normal;
    transition: .2s;
    cursor: pointer;
    box-sizing: border-box
}

.blue-button[data-v-5ae7224e]:hover {
    opacity: .8
}

.white-button[data-v-5ae7224e] {
    border-radius: 2px;
    border: 1px solid #5B81FA;
    font-family: PingFangSC, PingFang SC;
    font-weight: 500;
    font-size: 20px;
    display: flex;
    align-items: center;
    justify-content: center;
    color: #5b81fa;
    line-height: 28px;
    text-align: left;
    font-style: normal;
    cursor: pointer;
    box-sizing: border-box
}

.white-button[data-v-5ae7224e]:hover {
    opacity: .8
}

.gray-button[data-v-5ae7224e] {
    background: #F7F8FB;
    border-radius: 2px;
    font-family: PingFangSC, PingFang SC;
    font-weight: 500;
    font-size: 20px;
    color: #666;
    display: flex;
    align-items: center;
    justify-content: center;
    line-height: 28px;
    text-align: left;
    font-style: normal;
    transition: .2s;
    cursor: pointer;
    box-sizing: border-box
}

.gray-button[data-v-5ae7224e]:hover {
    opacity: .9
}

.mobile-dataset[data-v-5ae7224e] {
    background: #FFFFFF;
    user-select: none
}

.mobile-dataset .dataset-head[data-v-5ae7224e] {
    height: 152rem;
    padding: 16rem 16rem 24rem;
    background: url(/assets/dataset_bg-cd5ec407.png) no-repeat center;
    background-size: cover
}

.mobile-dataset .dataset-head .head-title[data-v-5ae7224e] {
    font-weight: 500;
    font-size: 24rem;
    color: #111
}

.mobile-dataset .dataset-head .head-text[data-v-5ae7224e] {
    font-weight: 400;
    font-size: 14rem;
    color: #999;
    margin: 4rem 0 16rem
}

.mobile-dataset .dataset-head[data-v-5ae7224e] .van-search {
    padding: 0;
    width: 343rem;
    height: 40rem;
    background: #F5F6FB;
    border-radius: 2rem;
    border: 1rem solid #D8D8D8
}

.mobile-dataset .dataset-head[data-v-5ae7224e] .van-search .van-search__field {
    background: #F5F6FB
}

.mobile-dataset .dataset-head[data-v-5ae7224e] .van-search .van-field__left-icon {
    margin-right: 10rem;
    display: flex;
    align-items: center
}

.mobile-dataset .dataset-head[data-v-5ae7224e] .van-search .van-search__content {
    background: #F5F6FB
}

.mobile-dataset .dataset-head[data-v-5ae7224e] .van-search .van-field__control {
    color: #d8d8d8 !important
}

.mobile-dataset .dataset-head .search-btn[data-v-5ae7224e] {
    width: 56rem;
    height: 26rem;
    background: #5B81FA;
    border-radius: 2rem;
    font-weight: 500;
    font-size: 12rem;
    color: #fff;
    line-height: 26rem;
    text-align: center
}

.mobile-dataset .dataset-tabs[data-v-5ae7224e] {
    padding: 16rem 16rem 0
}

.mobile-dataset .dataset-tabs .tabs-bottom[data-v-5ae7224e] {
    display: flex;
    align-items: center;
    justify-content: space-between
}

.mobile-dataset .dataset-tabs .tabs-bottom[data-v-5ae7224e] .van-tabs {
    position: relative;
    width: 100%
}

.mobile-dataset .dataset-tabs .tabs-bottom[data-v-5ae7224e] .van-tabs .van-tab .van-tab--line {
    padding-left: 0 !important
}

.mobile-dataset .dataset-tabs .tabs-bottom[data-v-5ae7224e] .van-tabs .van-tabs__wrap {
    display: flex;
    align-items: center;
    height: 33rem;
    margin-bottom: 16rem
}

.mobile-dataset .dataset-tabs .tabs-bottom[data-v-5ae7224e] .van-tabs .van-tabs__nav--line {
    padding-bottom: 0
}

.mobile-dataset .dataset-tabs .tabs-bottom[data-v-5ae7224e] .van-tabs .van-tabs__line {
    width: 56rem;
    height: 2rem;
    bottom: 0;
    background: #5B81FA
}

.mobile-dataset .dataset-tabs .tabs-bottom[data-v-5ae7224e] .van-tabs .van-tab--active .van-tab__text--ellipsis {
    font-weight: 500;
    font-size: 14rem;
    color: #5b81fa
}

.mobile-dataset .dataset-tabs .tabs-bottom[data-v-5ae7224e] .van-tabs .van-tab__text--ellipsis {
    font-weight: 400;
    font-size: 14rem;
    color: #666
}

.mobile-dataset .dataset-tabs .tabs-bottom .spaces[data-v-5ae7224e] {
    column-count: 2;
    -webkit-column-count: 2;
    -o-column-count: 2;
    -ms-column-count: 2;
    -moz-column-count: 2
}

.mobile-dataset .dataset-tabs .tabs-bottom .spaces .space[data-v-5ae7224e] {
    break-inside: avoid;
    -webkit-column-break-inside: avoid;
    width: 164rem;
    background: #FFFFFF;
    align-items: flex-start !important;
    margin-bottom: 16rem;
    overflow: auto;
    border-radius: 4rem;
    position: relative
}

.mobile-dataset .dataset-tabs .tabs-bottom .spaces .space img[data-v-5ae7224e] {
    width: 164rem;
    height: 80rem;
    border-radius: 4rem;
    display: block
}

.mobile-dataset .dataset-tabs .tabs-bottom .spaces .space .space-box[data-v-5ae7224e] {
    position: relative;
    top: -3rem;
    border-bottom-right-radius: 4rem;
    border-bottom-left-radius: 4rem;
    border: 1rem solid #D8D8D8;
    border-top: 0;
    padding: 8rem 8rem 16rem;
    transition: .2s
}

.mobile-dataset .dataset-tabs .tabs-bottom .spaces .space .space-box .title[data-v-5ae7224e] {
    width: 148rem;
    max-height: 40rem;
    font-family: PingFangSC, PingFang SC;
    font-weight: 500;
    font-size: 14rem;
    color: #111
}

.mobile-dataset .dataset-tabs .tabs-bottom .spaces .space .space-box .user[data-v-5ae7224e] {
    display: flex;
    align-items: center;
    margin: 8rem 0
}

.mobile-dataset .dataset-tabs .tabs-bottom .spaces .space .space-box .user img[data-v-5ae7224e] {
    width: 12rem;
    height: 12rem;
    border-top-right-radius: 4rem;
    border-top-left-radius: 4rem;
    margin-right: 4rem
}

.mobile-dataset .dataset-tabs .tabs-bottom .spaces .space .space-box .user div[data-v-5ae7224e] {
    font-weight: 500;
    font-size: 10rem;
    color: #111
}

.mobile-dataset .dataset-tabs .tabs-bottom .spaces .space .space-box .bottom[data-v-5ae7224e] {
    display: flex;
    justify-content: space-between
}

.mobile-dataset .dataset-tabs .tabs-bottom .spaces .space .space-box .bottom .time[data-v-5ae7224e] {
    display: flex;
    align-items: center
}

.mobile-dataset .dataset-tabs .tabs-bottom .spaces .space .space-box .bottom .time img[data-v-5ae7224e] {
    width: 12rem;
    height: 12rem;
    margin-right: 4rem
}

.mobile-dataset .dataset-tabs .tabs-bottom .spaces .space .space-box .bottom .time div[data-v-5ae7224e] {
    font-weight: 400;
    font-size: 10rem;
    color: #999
}

.mobile-dataset .dataset-tabs .tabs-bottom .spaces .space .space-box[data-v-5ae7224e]:active {
    background: linear-gradient(226deg, rgba(91, 129, 250, .08) 0%, rgba(255, 255, 255, 0) 100%);
    box-shadow: 0 6px 12px #20398b1a
}

.mobile-dataset .dataset-tabs .tabs-bottom .spaces .space .space-box:active .title[data-v-5ae7224e] {
    color: #5b81fa
}

html[data-v-9c7a7b33],
body[data-v-9c7a7b33],
ul[data-v-9c7a7b33] {
    margin: 0;
    padding: 0
}

html[data-v-9c7a7b33] {
    scroll-behavior: smooth
}

a[data-v-9c7a7b33] {
    text-decoration: none;
    outline: none
}

ul[data-v-9c7a7b33] {
    list-style-type: none
}

body[data-v-9c7a7b33]::-webkit-scrollbar {
    width: 8px;
    height: 8px
}

body[data-v-9c7a7b33]::-webkit-scrollbar-thumb {
    box-shadow: inset 0 0 5px #0000001a;
    background: #cccccc;
    border-radius: 3px;
    cursor: pointer
}

body[data-v-9c7a7b33]::-webkit-scrollbar-track {
    box-shadow: inset 0 0 5px #0000001a;
    background: #ededed
}

p[data-v-9c7a7b33],
h1[data-v-9c7a7b33],
h2[data-v-9c7a7b33],
h3[data-v-9c7a7b33],
h4[data-v-9c7a7b33],
h5[data-v-9c7a7b33],
h6[data-v-9c7a7b33] {
    margin: 0
}

.blue-button[data-v-9c7a7b33] {
    background: #5B81FA;
    border-radius: 2px;
    font-family: PingFangSC, PingFang SC;
    font-weight: 500;
    font-size: 20px;
    color: #fff;
    display: flex;
    align-items: center;
    justify-content: center;
    line-height: 28px;
    text-align: left;
    font-style: normal;
    transition: .2s;
    cursor: pointer;
    box-sizing: border-box
}

.blue-button[data-v-9c7a7b33]:hover {
    opacity: .8
}

.white-button[data-v-9c7a7b33] {
    border-radius: 2px;
    border: 1px solid #5B81FA;
    font-family: PingFangSC, PingFang SC;
    font-weight: 500;
    font-size: 20px;
    display: flex;
    align-items: center;
    justify-content: center;
    color: #5b81fa;
    line-height: 28px;
    text-align: left;
    font-style: normal;
    cursor: pointer;
    box-sizing: border-box
}

.white-button[data-v-9c7a7b33]:hover {
    opacity: .8
}

.gray-button[data-v-9c7a7b33] {
    background: #F7F8FB;
    border-radius: 2px;
    font-family: PingFangSC, PingFang SC;
    font-weight: 500;
    font-size: 20px;
    color: #666;
    display: flex;
    align-items: center;
    justify-content: center;
    line-height: 28px;
    text-align: left;
    font-style: normal;
    transition: .2s;
    cursor: pointer;
    box-sizing: border-box
}

.gray-button[data-v-9c7a7b33]:hover {
    opacity: .9
}

.pc-box[data-v-9c7a7b33] {
    min-width: 1200px
}

.pc-box .spaces[data-v-9c7a7b33] {
    width: 100%;
    background: #F8FAFD;
    padding: 40px 260px 0;
    min-height: calc(100vh - 360px);
    position: relative
}

.pc-box .spaces .dataset-bg[data-v-9c7a7b33] {
    top: -100px;
    right: 120px;
    z-index: 1;
    width: 500px;
    height: 500px;
    position: absolute
}

.pc-box .spaces .space-top[data-v-9c7a7b33] {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-bottom: 24px;
    position: relative;
    z-index: 2
}

.pc-box .spaces .space-top .left[data-v-9c7a7b33] {
    font-weight: 400;
    font-size: 12px;
    color: #666
}

.pc-box .spaces .space-top .left .title[data-v-9c7a7b33] {
    font-weight: 500;
    font-size: 32px;
    color: #111;
    margin-bottom: 12px
}

.pc-box .spaces .pics[data-v-9c7a7b33] {
    margin-bottom: 24px;
    display: flex;
    width: 100%;
    height: 292px;
    position: relative;
    z-index: 2
}

.pc-box .spaces .pics .pic-left[data-v-9c7a7b33] {
    flex: 1;
    height: 292px;
    background: url(space_pic_left-4d89360d.png) center no-repeat;
    background-size: cover;
    margin-right: 24px;
    padding: 40px 0 24px 32px;
    border-radius: 8px
}

.pc-box .spaces .pics .pic-left .left-title[data-v-9c7a7b33] {
    display: flex;
    align-items: center;
    font-weight: 600;
    font-size: 40px;
    color: #fff;
    margin-bottom: 24px
}

.pc-box .spaces .pics .pic-left .left-title img[data-v-9c7a7b33] {
    width: 40px;
    height: 40px;
    margin-right: 12px
}

.pc-box .spaces .pics .pic-left .left-text[data-v-9c7a7b33] {
    font-family: PingFangSC, PingFang SC;
    font-weight: 300;
    font-size: 14px;
    color: #fff;
    line-height: 22px;
    width: 80%
}

.pc-box .spaces .pics .pic-left .left-text .left-text-title[data-v-9c7a7b33] {
    font-family: PingFangSC, PingFang SC;
    font-weight: 600;
    font-size: 20px;
    color: #fff;
    line-height: 28px
}

.pc-box .spaces .pics .pic-left .tags[data-v-9c7a7b33] {
    display: flex;
    align-items: center;
    column-gap: 16px
}

.pc-box .spaces .pics .pic-left .tags .tag[data-v-9c7a7b33] {
    background: rgba(255, 255, 255, .2);
    padding: 6px 16px;
    border-radius: 20px;
    font-weight: 400;
    font-size: 14px;
    color: #fff
}

.pc-box .spaces .pics .pic-left .tags .tag[data-v-9c7a7b33]:first-child {
    padding: 3px 12px 3px 4px;
    background: #FFFFFF;
    font-weight: 700;
    font-size: 20px;
    color: #ff507a;
    display: flex;
    align-items: center
}

.pc-box .spaces .pics .pic-left .tags .tag:first-child img[data-v-9c7a7b33] {
    width: 24px;
    height: 24px;
    border-radius: 50%
}

.pc-box .spaces .pics .pic-right[data-v-9c7a7b33] {
    width: 472px;
    height: 292px;
    background: url(space_pic_right-ac3fea90.png) center no-repeat;
    background-size: cover;
    border-radius: 8px;
    padding: 40px 32px
}

.pc-box .spaces .pics .pic-right .right-title[data-v-9c7a7b33] {
    font-weight: 600;
    font-size: 40px;
    color: #fff;
    margin-bottom: 36px
}

.pc-box .spaces .pics .pic-right .right-text[data-v-9c7a7b33] {
    width: 224px;
    font-weight: 400;
    font-size: 14px;
    color: #666;
    line-height: 22px;
    margin-bottom: 16px
}

.pc-box .spaces .pics .pic-right .right-tags[data-v-9c7a7b33] {
    font-weight: 500;
    font-size: 14px;
    color: #fff;
    line-height: 20px;
    width: 200px;
    display: flex;
    flex-wrap: wrap;
    column-gap: 24px;
    row-gap: 8px;
    margin-bottom: 40px
}

.pc-box .spaces .pics .pic-right .space-btn[data-v-9c7a7b33] {
    width: 132px;
    height: 38px;
    background: #FFFFFF;
    border-radius: 19px;
    font-weight: 500;
    font-size: 16px;
    color: #5b81fa;
    line-height: 22px;
    display: flex;
    align-items: center;
    justify-content: center;
    cursor: pointer;
    transition: .2s
}

.pc-box .spaces .pics .pic-right .space-btn[data-v-9c7a7b33]:hover {
    opacity: .8
}

.pc-box .spaces .spaces-box-content[data-v-9c7a7b33] {
    background: #FFFFFF;
    border-radius: 8px 8px 0 0;
    padding: 33px 24px 37px
}

.pc-box .spaces .spaces-box-content .search-box[data-v-9c7a7b33] {
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin-bottom: 34px
}

.pc-box .spaces .spaces-box-content .search-box .title[data-v-9c7a7b33] {
    font-weight: 500;
    font-size: 16px;
    color: #111
}

.pc-box .spaces .spaces-box-content .search-box .search-box-right[data-v-9c7a7b33] {
    display: flex;
    align-items: center;
    justify-content: right;
    width: 50%
}

.pc-box .spaces .spaces-box-content .search-box .search-box-right .sort-btn[data-v-9c7a7b33] {
    display: flex;
    align-items: center;
    box-sizing: border-box;
    padding: 8px 12px;
    cursor: pointer;
    width: 92px;
    height: 36px;
    background: #EDF1FE;
    border-radius: 2px;
    transition: .2s;
    margin-left: 16px;
    user-select: none
}

.pc-box .spaces .spaces-box-content .search-box .search-box-right .sort-btn[data-v-9c7a7b33]:hover {
    opacity: .8
}

.pc-box .spaces .spaces-box-content .search-box .search-box-right .sort-btn .sort_iocn[data-v-9c7a7b33] {
    margin-left: 4px
}

.pc-box .spaces .spaces-box-content .list-box[data-v-9c7a7b33] {
    display: grid;
    gap: 20px;
    /*grid-template-columns: repeat(auto-fill, 323px)*/
    grid-template-columns: repeat(auto-fill, 23%)
}

.mobile-box[data-v-9c7a7b33] {
    display: none
}

@media screen and (max-width: 1920px) {
    .pc-box .spaces[data-v-9c7a7b33] {
        padding: 40px 120px 0
    }
}

@media screen and (max-width: 750px) {
    .pc-box[data-v-9c7a7b33] {
        display: none
    }

    .mobile-box[data-v-9c7a7b33] {
        display: block
    }
}

@media screen and (min-width: 2500px) {
    .pc-box .spaces .spaces-box-content .list-box[data-v-9c7a7b33] {
        display: grid;
        gap: 20px;
        grid-template-columns: repeat(auto-fill, 310px)
    }
}

html,
body,
ul {
    margin: 0;
    padding: 0
}

html {
    scroll-behavior: smooth
}

a {
    text-decoration: none;
    outline: none
}

ul {
    list-style-type: none
}

body::-webkit-scrollbar {
    width: 8px;
    height: 8px
}

body::-webkit-scrollbar-thumb {
    box-shadow: inset 0 0 5px #0000001a;
    background: #cccccc;
    border-radius: 3px;
    cursor: pointer
}

body::-webkit-scrollbar-track {
    box-shadow: inset 0 0 5px #0000001a;
    background: #ededed
}

p,
h1,
h2,
h3,
h4,
h5,
h6 {
    margin: 0
}

.blue-button {
    background: #5B81FA;
    border-radius: 2px;
    font-family: PingFangSC, PingFang SC;
    font-weight: 500;
    font-size: 20px;
    color: #fff;
    display: flex;
    align-items: center;
    justify-content: center;
    line-height: 28px;
    text-align: left;
    font-style: normal;
    transition: .2s;
    cursor: pointer;
    box-sizing: border-box
}

.blue-button:hover {
    opacity: .8
}

.white-button {
    border-radius: 2px;
    border: 1px solid #5B81FA;
    font-family: PingFangSC, PingFang SC;
    font-weight: 500;
    font-size: 20px;
    display: flex;
    align-items: center;
    justify-content: center;
    color: #5b81fa;
    line-height: 28px;
    text-align: left;
    font-style: normal;
    cursor: pointer;
    box-sizing: border-box
}

.white-button:hover {
    opacity: .8
}

.gray-button {
    background: #F7F8FB;
    border-radius: 2px;
    font-family: PingFangSC, PingFang SC;
    font-weight: 500;
    font-size: 20px;
    color: #666;
    display: flex;
    align-items: center;
    justify-content: center;
    line-height: 28px;
    text-align: left;
    font-style: normal;
    transition: .2s;
    cursor: pointer;
    box-sizing: border-box
}

.gray-button:hover {
    opacity: .9
}

.my-el-input {
    width: 70%;
    height: 34px
}

.my-el-input .el-input__wrapper {
    height: 34px;
    border-radius: 4px;
    border: 1px solid #D8D8D8;
    box-shadow: none
}

.my-el-input .el-input__wrapper .el-input__inner::placeholder {
    font-weight: 400;
    font-size: 12px;
    color: #d8d8d8
}

.space-info-dropdown {
    font-size: 16px;
    font-weight: 500;
    color: #374151;
    line-height: 22px;
    width: 110px;
    background: #FFFFFF;
    box-shadow: 0 12px 16px #0000001a;
    border-radius: 2px
}

.space-info-dropdown .el-dropdown-menu__item {
    height: 36px;
    border-radius: 2px
}

.space-info-dropdown .el-dropdown-menu__item:hover {
    background: rgba(91, 129, 250, .06)
}