/* 重置默认样式 */
* {
    margin: 0;
    padding: 0;
    box-sizing: border-box;
}

ul, li {
    list-style-type: none;
}

a {
    text-decoration: none;
}

i {
    font-style: normal;
}

body {
    font-family: "Microsoft YaHei", sans-serif;
}

.fs14 {
    font-size: 14px;
}

.fs16 {
    font-size: 16px;
}

.fs20 {
    font-size: 20px;
}


.fs24 {
    font-size: 24px;
}

.fs32 {
    font-size: 32px;
}

.opacity-0 {
    opacity: 0;
}

.cur {
    cursor: pointer;
}

.tl {
    text-align: left;
}

.mt4 {
    margin-top: 4px;
}

.mt8 {
    margin-top: 8px;
}

.mr8 {
    margin-right: 8px;
}

.mr12 {
    margin-right: 12px;
}

.mr24 {
    margin-right: 24px;
}

.mt12 {
    margin-top: 12px;
}

.mt16 {
    margin-top: 16px;
}

.mt32 {
    margin-top: 32px;
}
.mb4 {
    margin-bottom: 4px;
}
.mb8 {
    margin-bottom: 8px;
}
.mb32 {
    margin-bottom: 32px;
}
.br8 {
    border-radius: 8px;
}
.fn {
    color: #052633a6;
}

.ft {
    color: #052633d9;
}

.fw100 {
    font-weight: 100 !important;
}

.fw600 {
    font-weight: 600;
}

.fw700 {
    font-weight: 700;
}

.w1440 {
    width: 1440px;
}

.w704 {
    width: 704px !important;
}

.w720 {
    width: 720px !important;
}

.h64 {
    height: 64px !important;
}

.lh64 {
    line-height: 64px !important;
}

.cw {
    color: #fff;
}

.mb0 {
    margin-bottom: 0 !important;
}

.mb16 {
    margin-bottom: 16px;
}

.mt0 {
    margin-top: 0 !important;
}

.grid-cols-2 {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
}

.grid-cols-3 {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
}

.grid-cols-4 {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
}

.grid-cols-6 {
    display: grid;
    grid-template-columns: repeat(6, 1fr);
}

.gap8 {
    gap: 8px;
}

.gap16 {
    gap: 16px;
}

.flex {
    display: flex;
}

.floor-wrap-box {
    display: flex;
    justify-content: center;
    background-color: #E9EFF2;
}
.floor-wrap-box .floor-box {
    width: 1440px;
    margin: 80px auto;
}
.container-box {
    width: 1440px;
    margin: 80px auto;
}
.container-box .title {
    color: #052633;
    opacity: .85;
    text-align: center;
    font-size: 40px;
    font-weight: 700;
    line-height: 48px;
}
.container-box .subtitle {
    color: #052633;
    opacity: .65;
    text-align: center;
    font-size: 24px;
    margin: 8px 0 32px 0;
    line-height: 32px;
}
.fs40 {
    font-size: 40px;
}
.tc {
    text-align: center;
}
.flex-al-c {
    display: flex;
    align-items: center;
}

.floor-box .card-item {
    display: flex;
    background: #EBF5FA;
    border-radius: 8px;
}
.floor-box .card-item .img-box {
    display: flex;
    width: 704px;
    height: 100%;
    padding: 16px 0 16px 16px;
    align-items: center;
    gap: 10px;
    flex-shrink: 0;
}
.floor-box .card-item .img-box img {
    width: 100%;
    height: 100%;
}
.floor-box .card-item .card-list {
    padding: 24px 24px 0 24px;
}
.floor-box .card-item .card-list .card {
    padding: 16px;
    margin-bottom: 16px;
    background-color: #fff;
}
.floor-box .card-item .card-list .card .title-box {
    display: flex;
    align-items: center;
    margin-bottom: 16px;
}
.floor-box .card-item .card-list .card .title-box img {
    width: 40px;
    height: 40px;
    margin-right: 8px;
}
.floor-box .card-item .card-list .card .desc {
    color: #052633a6;
    font-size: 14px;
    line-height: 22px;
}
.floor-box .card-item .card-list .card .desc .paragraph {
    color: #0B9ED9FF;
}
.floor-wrap-box .floor-box .title {
    color: #052633;
    opacity: .85;
    text-align: center;
    font-size: 40px;
    font-weight: 700;
    line-height: 48px;
}
.star-box {
    margin-top: 12px;
}
.star-box .iconfont {
    font-size: 18px;
    margin-right: 4px;
    color: #FBDB15;
}