footer .fbbox {
    display: none;
}
footer .foot {
    border-top: 1px solid #EAEDF3;
}
.content {
    display: flex;
    justify-content: center;
    align-items: flex-start;
    padding-top: 4rem;
    padding-bottom: 4rem;
    box-sizing: border-box;
    margin: 3.4rem auto 0;
    /* min-height: 70vh;  */
}
.content>hr {
    width: 1px;
    background-color: #EAEDF3;
    display: block;
    height: 15rem;
    margin: 0 3rem;
}
.content .left h2 {
    font-size: 1.4rem;
    font-family: PingFangSC-Medium;
    font-weight: 500;
    color: #313336;
    line-height: 2.25rem;
}
.content .left h4 span {
    display: inline-block !important;
}
.content .left h4 {
    font-family: PingFangSC-Regular, PingFangSC;
    font-weight: 400;
    font-size: 0.7rem;
    color: #313336;
    line-height: 1.5rem;
    margin: 0.8rem 0 0;
}
.content .gwboxbg {
    display: inline-block;
    margin-top: 3rem;
}
.content .gwboxbg .heabox {
    display: flex;
    justify-content: flex-start;
    align-items: center;
    padding-bottom: 1rem;
    border-bottom: 1px solid #EFF2FC;
    margin-bottom: 1rem;
}
.content .gwboxbg .heabox .head {
    width: 2rem;
    height: 2rem;
    display: block;
    margin-right: 0.6rem;
}
.content .gwboxbg .heabox h3 {
    font-size: 0.9rem;
    font-weight: 600;
    color: #313336;
    white-space: nowrap;
}
.content .gwboxbg .heabox p {
    white-space: nowrap;
    font-size: 0.7rem;
    margin-top: 0.1rem;
    color: #6A6E73;
}
.content .gwboxbg .callbox {
    display: flex;
    justify-content: flex-start;
    align-items: flex-start;
}
.content .gwboxbg .callbox p {
    font-size: 0.7rem;
    line-height: 1rem;
    color: #313336;
    margin-bottom: 0.6rem;
}
.content .gwboxbg .callbox .qr {
    width: 4rem;
    display: block;
    margin-right: 2.3rem;
}
.content .gwboxbg .callbox>div>div {
    background: #ebebeb;
    padding: 0.5rem 1.8rem 0.8rem 0.8rem;
}
.content .gwboxbg .callbox .libx {
    display: flex;
    justify-content: flex-start;
    align-items: center;
    font-size: 0.7rem;
    font-weight: 500;
    line-height: 1rem;
    color: #313336;
    padding-top: 0.4rem;
    font-family: Jost-Medium;
}
.content .gwboxbg .callbox .ico {
    width: 0.8rem;
    display: block;
    margin: 0 0.3rem 0 0;
}
.content .right {
    max-width: 588px;
    width: 50%;
}
.content .right .back {
    font-size: 0.6rem;
    color: #A4A9B1;
    display: flex;
    justify-content: flex-start;
    align-items: center;
    margin: 0 0 0.5rem -0.2rem;
    cursor: pointer;
}
.content .right .back img {
    display: block;
    width: 1rem;
}
.content .right h2 {
    font-size: 1rem;
    font-family: PingFangSC-Semibold,Jost-SemiBold;
    font-weight: 600;
    color: #313336;
    line-height: 1.2rem;
    margin: 2.6rem 0 1.4rem;
}
.content .right p.tit {
    font-size: 0.7rem;
    font-family: PingFangSC-Semibold,Jost-SemiBold;
    font-weight: 600;
    color: #313336;
    line-height: 1.3rem;
    margin-bottom: 0.4rem;
}
.content .right p.tit i {
    color: #EE5060;
}
.content .right p.tit em {
    font-size: 0.6rem;
    color: #6A6E73;
    font-family: PingFang SC;
    font-weight: 400;
    line-height: 1.3rem;
    margin-left: 0.6rem;
}
.content .right .flex {
    display: flex;
    justify-content: space-between;
    align-items: flex-end;
}
.content .right .flexs {
    display: flex;
    justify-content: flex-start;
    align-items: flex-start;
}
.content .right .flex>div {
    width: 48%;
}
.content .right .input {
    width: 100%;
    border: 1px solid #A4A9B1;
    outline: none;
    padding: 0.35rem 0.6rem;
    box-sizing: border-box;
    font-size: 0.7rem !important;
    height: 2rem;
    line-height: 1.3rem;
    margin-bottom: 1.4rem;
    display: flex;
    align-items: center;
    justify-content: space-between;
    position: relative;
}
.content .radiobox {
    display: flex;
    justify-content: flex-start;
    align-items: center;
    flex-wrap: wrap;
    margin-bottom: 0.8rem;
}
.content .radiobox p {
    background: #ebebeb;
    color: #313336;
    font-size: 0.7rem;
    line-height: 2rem;
    padding: 0 1.2rem;
    margin: 0 0.6rem 0.6rem 0;
    box-sizing: border-box;
    cursor: pointer;
    border: 1px solid transparent;
}
.content .radiobox p:hover,
.content .radiobox p.on {
    color: #fff;
    background:#000;
    border: 1px solid #000;
}
.content .radiobox p:hover {
    border: 1px solid transparent;
}
.content .right input,
.content .right textarea,
.content .right .input>select {
    height: 100%;
    width: 100%;
    border: 0;
    outline: none;
    resize: none;
}
.content .right textarea {
    line-height: 1.5rem;
}
.content .right .textarea {
    height: 6.5rem !important;
    padding: 0.4rem 0.6rem;
}
.content .right .price {
    width: calc(100% - 1rem);
    background: transparent;
    border: 0;
    outline: none;
}
.content .right .vcode {
    width: calc(100% - 4rem);
    background: transparent !important;
    outline: none;
}
.content .right .vcode:-webkit-autofill {
    outline: none;
    -webkit-box-shadow: 0 0 0px 1000px transparent inset;
    border: 0 !important;
    transition: background-color 5000s ease 0s;
    -webkit-text-fill-color: #000;
}
.content .right .getcode {
    font-size: 0.7rem;
    color: #1054EE;
    white-space: nowrap;
    cursor: pointer;
}
.content .right .getcode:hover {
    color: #296AFF;
}
.content .right .input .tips {
    position: absolute;
    top: calc(100% + 0.2rem);
    left: 0;
    font-size: 0.6rem;
    color: #EE5060;
    line-height: 0.85rem;
    font-weight: 400;
    font-family: PingFang SC;
    display: none;
}
.content .right .btn {
    font-size: 0.7rem;
    color: #fff;
    line-height: 1.8rem;
    padding: 0 1.1rem;
    background: #000;
    cursor: pointer;
    display: inline-block;
    margin: 0.6rem 0.6rem 1rem 0;
    border: 1px solid #000;
    box-sizing: border-box;
    user-select: none;
}
.content .right .btn:hover {
    background-color: #efefef;
    color:#313336;
    border: 1px solid #000;
}
.content .right .btn.back,
.content .right .btn.prevbtn {
    background-color: transparent;
    color: #1054EE;
    border: 1px solid #1054EE;
}
.content .right .btn.back:hover,
.content .right .btn.prevbtn:hover {
    background-color: transparent;
    color: #296AFF;
    border: 1px solid #296AFF;
}
.successbox {
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background: rgba(0, 0, 0, 0.5);
    display: none;
    z-index: 99;
}
.successbox .con {
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
    min-width: 335px;
    width: 19.58vw;
    box-sizing: border-box;
    padding: 3rem 1rem 1.8rem;
    background-color: #fff;
    display: flex;
    justify-content: center;
    align-items: center;
    flex-direction: column;
}
.successbox .close {
    width: 1.5rem;
    display: block;
    cursor: pointer;
    position: absolute;
    right: 0.4rem;
    top: 0.4rem;
    cursor: pointer;
}
.successbox .icon {
    width: 2rem;
    display: block;
}
.successbox h4 {
    font-size: 1rem;
    font-family: PingFangSC-Semibold,Jost-SemiBold, PingFang SC;
    font-weight: 600;
    color: #04B472;
    line-height: 1.4rem;
    text-align: center;
    margin-top: 1rem;
}
.successbox p {
    margin: 0.6rem 0 1.8rem;
    font-size: 0.7rem;
    font-family: PingFangSC-Regular, PingFang SC;
    font-weight: 400;
    color: #313336;
    line-height: 1.3rem;
    text-align: center;
}
.successbox .btn {
    font-size: 0.8rem;
    color: #fff;
    line-height: 2rem;
    padding: 0 1.4rem;
    background: #000;
    cursor: pointer;
    display: inline-block;
    border: 1px solid #000;
    box-sizing: border-box;
    user-select: none;
}
@media screen and (max-width:1500px) and (min-width:1200px) {
    .content>hr {
        margin: 0 3rem;
    }
}
@media screen and (max-width:1200px) and (min-width:800px) {
    .content {
        display: block;
        padding-top: 0;
        padding-bottom: 0;
    }
    .content .left h2 {
        font-size: 1.5rem;
    }
    .content .left h4 {
        margin-bottom: 0;
        font-size: 0.8rem;
        display: none;
    }
    .content .left p,
    .content .left .btn {
        display: none;
    }
    .content>hr {
        display: none;
        width: 100vw;
        height: 1px;
        position: absolute;
        left: 0;
    }
    .content .left,
    .content .right {
        width: 49vw;
        padding: 3rem 0;
        margin: 0 auto;
    }
    .content .left {
        padding-bottom: 0;
    }
    .content .gwboxbg {
        margin-top: 1rem;
        display: none;
    }
}
@media screen and (max-width:800px) {
    .successbox .close {
        width: 3rem;
        display: block;
        cursor: pointer;
        position: absolute;
        right: 0.8rem;
        top: 0.8rem;
        cursor: pointer;
    }
    .successbox .icon {
        width: 4rem;
        display: block;
    }
    .successbox h4 {
        font-size: 2rem;
        font-family: PingFangSC-Semibold,Jost-SemiBold, PingFang SC;
        font-weight: 600;
        color: #04B472;
        line-height: 2.8rem;
        text-align: center;
        margin-top: 2rem;
    }
    .successbox p {
        margin: 1.2rem 0 3.6rem;
        font-size: 1.4rem;
        font-family: PingFangSC-Regular, PingFang SC;
        font-weight: 400;
        color: #313336;
        line-height: 2.6rem;
        text-align: center;
    }
    .successbox .btn {
        font-size: 1.6rem;
        color: #fff;
        line-height: 4rem;
        padding: 0 2rem;
        background: #1054EE;
        cursor: pointer;
        display: inline-block;
        border: 1px solid #1054EE;
        box-sizing: border-box;
        user-select: none;
    }
    .content {
        display: block;
        padding: 4rem 5.33vw 6rem;
    }
    .content .left h4 span {
        display: none !important;
    }
    .content .left h2,
    .content .left h4 {
        font-size: 2.2rem;
        font-family: PingFangSC-Medium;
        font-weight: 500;
        color: #313336;
        line-height: 3rem;
        margin: 0;
    }
    .content .right {
        width: 100%;
        padding-left: 0;
        padding-top: 2rem;
    }
    .content .right h2 {
        display: none;
    }
    .content .right .flex {
        display: block;
    }
    .content .right .flexs {
        display: flex;
        justify-content: center;
        align-items: flex-start;
    }
    .content .right .flex>div {
        width: 100%;
    }
    .content .right p.tit em,
    .content .right p.tit {
        font-size: 1.4rem;
        line-height: 2.6rem;
        margin-bottom: 0.8rem;
    }
    .content .right p.tit em {
        font-size: 1.2rem;
    }
    .content .right .upload {
        background: #F7F9FF;
        font-size: 1.4rem;
        line-height: 4rem;
        height: 4rem;
        padding: 0 2rem;
        margin-bottom: 0.8rem;
    }
    .content .right .upload .icon {
        width: 1.6rem;
        margin-right: 0.4rem;
    }
    .content .right .input {
        width: 100%;
        padding: 0.7rem 1.2rem;
        box-sizing: border-box;
        font-size: 1.4rem !important;
        height: 4rem;
        line-height: 2.6rem;
        margin-bottom: 2.8rem;
    }
    .content .radiobox {
        margin-bottom: 1.6rem;
    }
    .content .radiobox p {
        font-size: 1.4rem;
        line-height: 4rem;
        padding: 0 2.4rem;
        margin: 0 1.2rem 1.2rem 0;
    }
    .content .radiobox.requirement_type p {
        margin: 0 auto 1.2rem;
        width: 31%;
        padding: 0;
        text-align: center;
    }
    .content .right textarea {
        line-height: 3rem;
    }
    .content .right .textarea {
        height: 16rem !important;
        padding: 0.8rem 1.2rem;
    }
    .content .radiobox p:hover {
        border: 1px solid #1054EE;
    }
    .content .right .getcode {
        font-size: 1.4rem;
    }
    .content .right .input .tips {
        position: absolute;
        top: calc(100% + 0.4rem);
        left: 0;
        font-size: 1.2rem;
        color: #EE5060;
        line-height: 1.5rem;
        display: none;
    }
    .content .right .btn {
        font-size: 1.4rem;
        line-height: 4rem;
        padding: 0 2.9rem;
        margin: 1rem 0.5rem 2.4rem;
        border: 1px solid #1054EE;
        box-sizing: border-box;
        user-select: none;
    }
    .content .right .btn.back,
    .content .right .btn.prevbtn {
        background-color: transparent;
        color: #1054EE;
        border: 1px solid #1054EE;
    }
}