html {
    max-width: 750px;
    margin: 0 auto;
    font-size: calc(750px/10);
    height: 100%;
    overflow: hidden;
}

body {
    width: 100%;
    height: 100%;
    overflow: hidden;
}

::-webkit-input-placeholder {
    /* WebKit browsers */
    color: #999;
}

:-moz-placeholder {
    /* Mozilla Firefox 4 to 18 */
    color: #999;
    opacity: 1;
}

::-moz-placeholder {
    /* Mozilla Firefox 19+ */
    color: #999;
    opacity: 1;
}

:-ms-input-placeholder {
    /* Internet Explorer 10+ */
    color: #999;
}

.content {
    width: 100%;
    height: 100vh;
    position: relative;
    background-image: url("https://static.zhongbaisubao.com/images/applet/ls/saoma/bg1.png");
    background-repeat: no-repeat;
    background-position: 0 -0.5rem;
    background-size: 100% 100%;
}

.content .topimage {
    margin: 0.7rem auto 0;
    width: 2.72rem;
    height: 1rem;
    background-image: url("https://static.zhongbaisubao.com/images/applet/ls/saoma/box1.png");
    background-repeat: no-repeat;
    bbackground-size: 100% 100%;
}

.content .logo {
    margin: 0.6rem auto 0;
    width: 80%;
    height: 2rem;
    background-image: url("https://static.zhongbaisubao.com/images/applet/ls/saoma/bgwenzi.png");
    background-repeat: no-repeat;
    background-size: 100% 100%;
    margin-bottom: 0.4rem;
}

.content .form {
    height: calc(100vh - 2rem);
    overflow-y: auto;
    -ms-overflow-style: none;
    /* IE and Edge */
    scrollbar-width: none;
    /* Firefox */
    /* box-shadow: 0rem 0.13rem 0.4rem 0rem #dbdcdd; */
    border-radius: 0.27rem;
    /* border: solid 0.01rem #ffffff; */
    font-size: 0.28rem;
    color: #181818;
    padding: 0 0.2rem;
}

.content .form::-webkit-scrollbar {
    display: none;  /* Chrome, Safari, and Opera */
}

.content .form .wenzi {
    width: 80%;
    margin: 0 auto;
    color: #fff;
    font-size: 0.3rem;
    line-height: 0.5rem;
    margin-bottom: 0.4rem;
}

.content .form .card {
    width: 80%;
    margin: 0 auto;
    border: 2px solid #1d147b;
    color: #fff;
    padding: 0.2rem;
    box-sizing: border-box;
    margin-bottom: 0.4rem;
}

.content .form .card .mid-card {
    background-color: #120b54;
    width: 100%;
    height: 100%;
    box-sizing: border-box;
    padding: 0.4rem;
}

.mid-card .title {
    width: 64%;
    margin: 0 auto;
    line-height: 0.35rem;
    text-align: center;
}

.mid-card .fenge-img {
    margin: 0.3rem auto;
    width: 2rem;
    height: 0.1rem;
    background-image: url("https://static.zhongbaisubao.com/images/applet/ls/saoma/xian.png");
    background-repeat: no-repeat;
    background-size: cover;
}

.mid-card .miaoshu {
    width: 90%;
    margin: 0 auto;
}

.mid-card .miaoshu .list {
    display: flex;
    justify-content: space-around;
}

.mid-card .miaoshu .list .itembox1,
.mid-card .miaoshu .list .itembox2,
.mid-card .miaoshu .list .itembox3 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    font-size: 0.24rem;
    width: 1rem;
    text-align: center;
    line-height: 0.3rem;
}

.itembox1-img {
    width: 0.5rem;
    height: 0.5rem;
    margin-bottom: 0.2rem;
    background-image: url("https://static.zhongbaisubao.com/images/applet/ls/saoma/list1.png");
    background-repeat: no-repeat;
    background-size: cover;
}

.itembox2-img {
    width: 0.5rem;
    height: 0.5rem;
    margin-bottom: 0.2rem;
    background-image: url("https://static.zhongbaisubao.com/images/applet/ls/saoma/list2.png");
    background-repeat: no-repeat;
    background-size: cover;
}

.itembox3-img {
    width: 0.5rem;
    height: 0.5rem;
    margin-bottom: 0.2rem;
    background-image: url("https://static.zhongbaisubao.com/images/applet/ls/saoma/list3.png");
    background-repeat: no-repeat;
    background-size: cover;
}

.card .mid-card .second-title {
    width: 80%;
    margin: 0 auto;
    text-align: center;
}

.card .mid-card .second-title .txt1 {
    font-size: 0.35rem;
    font-weight: bold;
}

.card .mid-card .second-title .txt2 {
    font-size: 0.2rem;
    margin-top: 0.1rem;
}

.card .mid-card .second-title .txt1 .num {
    font-size: 0.5rem;
    font-weight: bold;
    margin-top: -0.1px;
    background: -webkit-linear-gradient(45deg, #9EF9E0 20%, #CE33E0 100%);
    background: linear-gradient(45deg, #9EF9E0 20%, #CE33E0 100%);
    -webkit-background-clip: text;
    background-clip: text;
    -webkit-text-fill-color: transparent;
    color: transparent;
}

.card .mid-card .tool-list {
    margin-top: 0.3rem;
    margin-left: 0.2rem;
}

.card .mid-card .tool-list .t-item {
    display: flex;
    align-items: flex-start;
    line-height: 0.4rem;
    margin-bottom: 0.2rem;
}

.card .mid-card .tool-list .t-item:last-child {
    margin-bottom: 0;
}

.card .mid-card .tool-list .t-item .t-text {
    margin-left: 0.3rem;
}

.card .mid-card .tool-list .t-item .t-text .t-name {
    font-size: 0.28rem;
    font-weight: bold;
}

.card .mid-card .tool-list .t-item .t-text .t-tip {
    font-size: 0.24rem;
}

.card .mid-card .tool-list .t-item .t-img1,
.card .mid-card .tool-list .t-item .t-img2,
.card .mid-card .tool-list .t-item .t-img3,
.card .mid-card .tool-list .t-item .t-img4,
.card .mid-card .tool-list .t-item .t-img5,
.card .mid-card .tool-list .t-item .t-img6 {
    width: 0.8rem;
    height: 0.8rem;
    min-width: 0.8rem;
    margin-bottom: 0.2rem;
    background-image: url("https://static.zhongbaisubao.com/images/applet/ls/zhuce/falvfagui.png");
    background-repeat: no-repeat;
    background-size: cover;
}

.card .mid-card .tool-list .t-item .t-img2 {
    background-image: url("https://static.zhongbaisubao.com/images/applet/ls/zhuce/zhinengleian.png");
}

.card .mid-card .tool-list .t-item .t-img3 {
    background-image: url("https://static.zhongbaisubao.com/images/applet/ls/zhuce/zhinengliangxing.png");
}

.card .mid-card .tool-list .t-item .t-img4 {
    background-image: url("https://static.zhongbaisubao.com/images/applet/ls/zhuce/hetongai.png");
}

.card .mid-card .tool-list .t-item .t-img5 {
    background-image: url("https://static.zhongbaisubao.com/images/applet/ls/zhuce/hetongku.png");
}

.card .mid-card .tool-list .t-item .t-img6 {
    background-image: url("https://static.zhongbaisubao.com/images/applet/ls/zhuce/qiyesifa.png");
}

.action-footer {
    position: fixed;
    bottom: 0;
    width: 100%;
    overflow: hidden;
    background-color: #040b24;
    color: #fff;
    padding: 0.4rem 0;
}

.action-footer .btn {
    width: 90%;
    height: 1rem;
    background-color: #276AD9;
    display: flex;
    justify-content: center;
    align-items: center;
    font-size: 0.35rem;
    font-weight: bold;
    margin: 0 auto;
    border-radius: 0.5rem;
}

@media screen and (max-width: 500px) {

    html,
    body {
        max-width: 100vw !important;
        font-size: calc(100vw / 10) !important;
    }
}