.form_2 .form-container{
    width: 100%;
    /*background:linear-gradient(rgb(227,60,80),rgb(227,60,80));*/
    border: 1px solid transparent;
    position: relative;
}
/*滚动条*/
.form_2 .form-container .scroll-bar{
    position: absolute;
    width: 100%;
    overflow: hidden;
    top:-.5rem;
}

.form_2 .form-container .scroll-bar .scroll-bar-container{
    display: flex;
    justify-content: center;
    animation: form_2_round 20s infinite linear;
}

.form_2 .form-container .scroll-bar .scroll-bar-container span{
    background-color: rgba(0,0,0,.7);
    color: #ffffff;
    text-align: center;
    padding: .1rem .2rem;
    border-radius: .25rem;
    margin-left: .25rem;
    width: 2.8rem;
    display: block;
    flex-shrink: 0;
}

@keyframes form_2_round {
    0% {
        transform: translateX(0rem);
    }

    100% {
        transform: translateX(-25rem);
    }
}

    /*表单*/
.form_2 .form-container .form-box{
    margin: .5rem .5rem;
    /*background:linear-gradient(rgba(227,60,80,0),rgba(227,60,80,0));*/
    padding: 0rem 0.2rem .5rem 0.2rem;
    border-radius: 0.5rem
}

.form_2 .form-container .form-box:before{
    content:" ";
    display:table;
}

.form_2 .form-container .form-box .group{
    margin-top: .3rem;
    width: 100%;
    border-radius: .5rem;
}

.form_2 .form-container .form-box .input-group1,
.form_2 .form-container .form-box .input-group2{
    height: 1rem;
    background-color: #fff;
    display: flex;
    justify-content: left;
    position: relative;
}

.form_2 .form-container .form-box .input-group1{
    padding: 0 10%;
}

.form_2 .form-container .form-box .input-group2{
    padding: 0 0 0 10%;
    margin-top: .5rem;
}

.form_2 .form-container .form-box .input-group1 input{
    width: 100%;
    font-size: .45rem;
    font-weight: bold;
    letter-spacing: .05rem;
}

.form_2 .form-container .form-box .input-group2 input{
    width: 70%;
    font-size: .45rem;
    font-weight: bold;
}

.form_2 .form-container .form-box .input-group1 .step-hand1{
    position: absolute;
    width: 4rem;
    height: 1rem;
    left: 10%;
    bottom: 0.8rem;
}

.form_2 .form-container .form-box .input-group2 .step-hand2{
    position: absolute;
    width: 4rem;
    height: 1rem;
    right: 5%;
    bottom: 0.6rem;
}

.form_2 .form-container .form-box .input-group2 .step-hand3{
    position: absolute;
    width: 4rem;
    height: 1rem;
    left: 10%;
    bottom: 0.8rem;
}

.form_2 .form-container .form-box .btn-group1 .step-hand4{
    position: absolute;
    width: 4rem;
    height: 1rem;
    left: 40%;
    bottom: -0.2rem;
}

.form_2 .form-container .form-box .group input{
    height: 1rem;
    line-height: 1rem;
    text-align: left;
    vertical-align: middle;
    font-family: "Helvetica Neue", "Arial", "Hiragino Sans GB", "PingFang SC", "Heiti SC", "STHeiti", "Microsoft Yahei", "Source Han Sans SC", "Noto Sans CJK SC", "Droid Sans Fallback", "sans-serif";;
}

.form_2 .form-container .form-box .group input::placeholder{
    text-align: left;
    font-size: .3rem;
    font-weight:300;
    letter-spacing: 0rem;
}

.form_2 .form-container .form-box .input-group2 .send-btn{
    width: 30%;
    background-color: #ff6a00;
    text-align: center;
    border-radius: 0 .5rem .5rem 0;
    line-height: 1rem;
    color: #fff;
    font-size: .3rem;
}

.form_2 .form-container .form-box .btn-group1{
    animation: form_2_btnTrans .8s infinite linear;
}

@keyframes form_2_btnTrans {
    0% {
        transform: scale(1);
    }

    50% {
        transform: scale(1.1);
    }

    100% {
        transform: scale(1);
    }
}

.form_2 .form-container .form-box .btn-group1,
.form_2 .form-container .form-box .protocol-group1{
    display: flex;
    justify-content: center;
    position: relative;
}

.form_2 .form-container .form-box .btn-group1 .button1{
    width: 90%;
}

/*协议*/
.form_2 .form-container .form-box .protocol-group1{
    margin-top: .5rem;
    font-size: .2rem;
    font-family: 冬青黑体, "Microsoft YaHei", 黑体, 宋体, Tahoma, Arial;
}

.form_2 .form-container .form-box .protocol-group1 .protocol-box{
    width: 100%;
    display: inline-block;
}

.form_2 .form-container .form-box .protocol-group1 .protocol-box label{
    position: relative;
}

.form_2 .form-container .form-box .protocol-group1 .protocol-box span{
    /*color:rgba(51,51,51,1);*/
}

.form_2 .form-container .form-box .protocol-group1 .protocol-box a{
    /*color:#ff6a00*/
}

.form_2 .form-container .form-box .protocol-group1 .protocol-box .checkbox input{
    display: none;
}

.form_2 .form-container .form-box .protocol-group1 .protocol-box .checkbox .checkbox-imitate {
    position: relative;
    content: "";
    display: inline-block;
    width: 0.3rem;
    height: 0.3rem;
    vertical-align: top;
    background: #fff;
    border-radius: 0.1rem;
}

.form_2 .form-container .form-box .protocol-group1 .protocol-box .checkbox .checkbox-imitate::before {
    position: absolute;
    left: 50%;
    top: 50%;
    display: block;
    content: "";
    width: 0.1rem;
    height: 0.26rem;
    margin-top: -0.04rem;
    border: .05rem solid transparent;
    transform: translate(-50%, -50%) rotate(45deg);
    -webkit-transform: translate(-50%, -50%) rotate(45deg);
    background: transparent;
}

.form_2 .form-container .form-box .protocol-group1 .protocol-box .checkbox>input[type='checkbox']:checked~.checkbox-imitate:before {
    border-color: transparent rgba(51,51,51,1) rgba(51,51,51,1) transparent;
}

/*二确*/
.form_2 .mask{
    position: fixed;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    background-color: #000000;
    z-index: 2;
    opacity: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
}

.form_2 .confirm-container .confirm-box{
    width: 90%;
    position: relative;
}

.form_2 .confirm-container .confirm-box .btn-group{
    display: flex;
    justify-content: center;
    align-items: center;
    position: absolute;
    bottom: -1.5rem;
    margin: 0rem .8rem;
}

.form_2 .confirm-container .confirm-box .btn-group img{
    width: 50%;
}

.form_2 .confirm-container .confirm-box .single-btn{
    bottom: 0rem;
}

.form_2 .confirm-container .confirm-box .single-btn img{
    width: 70%;
}

.form_2 .confirm-container .confirm-box .confirm-close{
    position: absolute;
    right: 1rem;
    top: 0rem;
    width: .4rem;
    opacity: .5;
}

/*成功*/
.form_2 .success-container .success-box{
    width: 80%;
    position: relative;
}

/*成功适配*/
.form_2 .tip{
    position: fixed;
    top: 0rem;
    left: 5.6rem;
    color: white;
    padding: 0.4rem;
    text-align: center;
    font-size: 0.5rem;
    z-index: 3;
}

/*验证码提示修改*/
.form_2 .code-edit-container{
    background-color: rgba(0,0,0,0.5);
}

.form_2 .code-edit-container .code-edit-box{
    width: 80%;
    background-color: #f6f6f6;
    position: relative;
    text-align: center;
    border-radius: .2rem;
    font-size: .3rem;
    padding: 0.3rem 0.3rem;
    font-weight: bold;
}

.form_2 .code-edit-container .code-edit-box p span{
    color: #f50000;
}

.form_2 .code-edit-container .code-edit-box img{
   margin: .3rem 0rem;
}

.form_2 .code-edit-container .code-edit-box{
    width: 80%;
    background-color: #f6f6f6;
    position: relative;
    text-align: center;
}

.form_2 .code-edit-container .code-edit-box .code-edit-btn{
    background-color: rgb(252,85,49);
    color: #fff;
    height: 1rem;
    line-height: 1rem;
    border-radius: 1rem;
    font-size: .4rem;
}

.front-box {
    width: 100%;
    height: 100%;
    position: fixed;
    top: 0;
    left: 0;
    z-index: 2;
    overflow: hidden;
}

.kf-btn {
    width: 0.9rem;
    height: 0.9rem;
    position: fixed;
    right: 0.2rem;
    top: 60%;
}

.custom-checkbox {
    display: none; /* 隐藏默认的复选框 */
}

.custom-checkbox-label {
    position: relative;
    display: inline-block;
    width: 20px;
    height: 20px;
    border-radius: 50%; /* 使标签成为圆圈 */
    border: 2px solid #ccc;
    cursor: pointer;
    transition: border-color 0.3s;
    background: #fff;
}

.custom-checkbox:checked + .custom-checkbox-label::after {
    content: '\2713'; /* 添加勾号作为内容 */
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    font-size: 14px;
    color: #fff; /* 勾号的颜色 */
}

/* 当复选框被悬停时改变边框颜色 */
.custom-checkbox-label:hover {
    border-color: #888;
}

/* 当复选框被选中时改变边框颜色 */
.custom-checkbox:checked + .custom-checkbox-label {
    border-color: #888;
    background: linear-gradient(rgb(228, 60, 80), rgb(228, 60, 80));
}


.custom-checkbox-2 {
    display: none; /* 隐藏默认的复选框 */
}

.custom-checkbox-label-2 {
    position: relative;
    display: inline-block;
    width: 20px;
    height: 20px;
    border-radius: 50%; /* 使标签成为圆圈 */
    border: 2px solid #ccc;
    cursor: pointer;
    transition: border-color 0.3s;
    background: #fff;
}

.custom-checkbox-2:checked + .custom-checkbox-label-2::after {
    content: '\2713'; /* 添加勾号作为内容 */
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    font-size: 14px;
    color: #fff; /* 勾号的颜色 */
}

/* 当复选框被悬停时改变边框颜色 */
.custom-checkbox-label-2:hover {
    border-color: #888;
}

/* 当复选框被选中时改变边框颜色 */
.custom-checkbox-2:checked + .custom-checkbox-label-2 {
    border-color: #888;
    background: linear-gradient(rgb(228, 60, 80), rgb(228, 60, 80));
}


.pack-up {
    line-height: 1rem;
    text-align: center;
    display: flex;
    justify-content: center;
    align-items: center;
    color: #333;
    font-size: .28rem;
}

.pack-up:before {
    content: "";
    display: block;
    width: 1.5rem;
    height: 2px;
    background-image: linear-gradient(270deg, #aaa, transparent);
    margin-right: 10px;
}

.pack-up:after {
    content: "";
    display: block;
    width: 1.5rem;
    height: 2px;
    background-image: linear-gradient(90deg, #aaa, transparent);
    margin-left: 10px;
}

.pack-up i {
    width: 8px;
    height: 8px;
    transform: translateY(-2px) rotate(45deg);
    border-bottom: 2px solid #666;
    border-right: 2px solid #666;
    margin-left: 5px;
}

.pack-down i {
    border-top: 2px solid #666;
    border-left: 2px solid #666;
    border-bottom: none;
    border-right: none;
    transform: translateY(2px) rotate(45deg);
}


.mask-modal{
    width: 100%;
    position: fixed;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    background: rgba(0,0,0,0.7);
    z-index: 5;
    display: flex;
    justify-content: center;
    align-items: center;
    overflow: hidden;
}

.mask-modal .confirm-box{
    width: 70%;
    background: #fff;
    z-index: 6;
    display: flex;
    justify-content: flex-start;
    align-items: center;
    flex-direction: column;
    border-radius: 0.13rem;
    position: relative;
}

.mask-modal .confirm-box .title {
    width: 80%;
    margin-top: 0.4rem;
    text-align: center;
    font-size: 0.3rem;
    color: #333;
}

.mask-modal .confirm-box .content {
    width: 80%;
    margin-top: 0.3rem;
    text-align: center;
    font-size: 0.25rem;
    color: #333;
}

.mask-modal .confirm-box .btn-block {
    width: 100%;
    height: 0.7rem;
    display: flex;
    justify-content: center;
    align-items: center;
    margin-top: 0.6rem;
    border-top: 1px solid #e1e1e1;
}

.mask-modal .confirm-box .btn-block .btn-l{
    width: 50%;
    height: 100%;
    font-size: 0.3rem;
    color: #333;
    display: flex;
    justify-content: center;
    align-items: center;
    border-right:  1px solid #e1e1e1;
}

.mask-modal .confirm-box .btn-block .btn-r{
    width: 50%;
    height: 100%;
    font-size: 0.3rem;
    color: #333;
    display: flex;
    justify-content: center;
    align-items: center;
}

.mask-modal .confirm-box .close {
    position: absolute;
    width: 0.5rem;
    bottom: -1rem;
}