.login {
    padding-top: 7rem;
    padding-bottom: 7rem;
}

    .login .login-box {
        width: auto; /* 改为自适应宽度 */
        max-width: 500px; /* 设置最大宽度 */
        margin: 0 auto;
        border-radius: 4px;
        box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);
        padding: 20px; /* 增加内边距 */
        position: relative;
        background-color: #fff; /* 设置背景颜色 */
    }

        .login .login-box::before {
            content: '';
            height: 4px;
            transition: color 0.15s ease-in-out, background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
            background: linear-gradient(90deg, #72b33a, #0090c8);
            position: absolute;
            left: 0;
            right: 0;
            top: 0;
            border-top-left-radius: 4px;
            border-top-right-radius: 4px;
        }

        .login .login-box .get-back {
            font-size: 16px; /* 增加字体大小 */
            color: #999;
            display: flex;
            align-items: center;
            margin-bottom: 15px; /* 增加底部间距 */
        }



            .login .login-box .get-back img {
                width: 10px;
                height: 16px;
                margin-right:5px;
            }

            .login .login-box .title {
                font-size: 24px; /* 增加字体大小 */
                text-align: center;
                margin-bottom: 20px; /* 增加底部间距 */
            }

        .login .login-box .item {
            font-size: 14px; /* 统一字体大小 */
        }

            .login .login-box .item .item-label {
              
                align-items: center;
                margin-bottom: 15px; /* 增加底部间距 */
            }

                .login .login-box .item .item-label .inp {
                    width: 100%;
                    height: 45px; /* 增加输入框高度 */
                    border: 1px solid #ddd; /* 修改边框颜色 */
                    padding: 0 10px; /* 增加内边距 */
                    border-radius: 4px; /* 添加圆角 */
                }

                .login .login-box .item .item-label .btn {
                    font-size: 1.5em;
                    width: 100%;
                    height: 45px; /* 增加按钮高度 */
                    border-radius: 0.25rem;
                    transition: color 0.15s ease-in-out, background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
                    background: linear-gradient(90deg, #72b33a, #0090c8);
                    color: #fff;
                    border: none; /* 移除边框 */
                    border-radius: 4px; /* 添加圆角 */
                    cursor: pointer;
                    padding: 0rem !important;
                }


                .login .login-box .item .item-label.tw {
                    display: flex; /* 使用 flexbox 布局 */
                    justify-content: space-between; /* 使元素分布在两端 */
                    align-items: center; /* 垂直居中对齐 */
                    margin-bottom: 15px; /* 根据需要调整底部间距 */
                }


@media (max-width: 750px) {
    .login .login-box {
        width: 90%; /* 移动端自适应宽度 */
        padding: 10px; /* 减少内边距 */
    }

        .login .login-box .title {
            font-size: 18px; /* 减小字体大小 */
        }

        .login .login-box .item .item-label .inp,
        .login .login-box .item .item-label .btn {
            height: 30px; /* 调整高度 */
        }
}


.dis-flex {
    display: flex;
}