.page-sign {
    padding: .59rem 0;
}

.page-sign .navigation {
    font-size: .3rem;
    color: #333333;
    line-height: .39rem;
    margin-bottom: .56rem;
}

.sign-warp {
    width: 100%;
    height: fit-content;
    background: #fff;
    border-radius: .07rem;
    padding: .31rem 0;
    margin-top: .44rem;
}

.sign-title-warp{
    width: 100%;
    text-align: center;
    padding: .65rem 0;
    background: #F8F8F8;
}

.sign-title-warp .sign-title{
    font-size: .67rem;
    font-weight: bold;
    color: #333333;
    line-height: .87rem;
    letter-spacing: .11rem;
}

.sign-title-warp .sign-title span{
    color: #FF463B;
}

.sign-title-warp .sign-title-desc{
    margin-top: .33rem;
    font-size: .37rem;
    color: #333333;
    line-height: .48rem;
    letter-spacing: .02rem;
}

.sign-flow{
    width: 100%;
    height: fit-content;
}

.sign-flow li .flow-item{
    font-size: .37rem;
    font-weight: bold;
    color: #333333;
    line-height: .56rem;
    height: .56rem;
    letter-spacing: .02rem;
    border-left: .15rem solid #0E77EE;
    padding-left: .19rem;
    margin-top: .63rem;
}

.sign-flow li .sign-grid{
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    grid-column-gap: .56rem;
    grid-auto-rows: 1.85rem;
    margin-top: .3rem;
}

.sign-flow li .sign-grid .sign-grid-item{
    background: #FFFFFF;
    box-shadow: 0rem .04rem .11rem 0rem rgba(0,0,0,0.1);
    border-radius: .19rem;
    overflow: hidden;
    display: flex;
    align-items: center;
}

.sign-flow li .sign-grid .sign-grid-item .item-desc{
    flex: 1;
    padding: 0 .3rem;
    font-size: .33rem;
    color: #333333;
    line-height: .48rem;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 3;
    overflow: hidden;
}

.sign-flow li .sign-grid .sign-item-img{
    width: 1.85rem;
    height: 1.85rem;
    background: linear-gradient(360deg, #0E77EE 0%, #349AFF 100%);
    display: flex;
    align-items: center;
    justify-content: center;
}

.sign-flow li .sign-grid .sign-item-img img{
    width: 1.48rem;
    height: 1.48rem;
}

.flow-item-content{
    width: 100%;
    margin-top: .19rem;
}

.flow-item-content img{
    width: 100%;
    display: block;
}

.flow-desc-html{
    font-size: .3rem;
    color: #000000;
    line-height: .48rem;
    background: #FFFFFF;
    box-shadow: 0rem .04rem .11rem 0rem rgba(0,0,0,0.1);
    border-radius: .19rem;
    padding: .35rem .31rem;
    margin-top: .26rem;
}

.flow-grid-desc{
    margin-top: .56rem;
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    grid-auto-rows: 2.22rem;
    font-size: .37rem;
    font-weight: bold;
    color: #FFFFFF;
    line-height: .48rem;
    letter-spacing: .02rem;
}

.flow-grid-desc div{
    cursor: pointer;
}

.flow-grid-desc .download{
    background: linear-gradient(360deg, #349AFF 0%, #2CB7FF 100%);
    border-radius: .19rem;
}

.flow-grid-desc .download a{
    width: 100%;
    height: 100%;
    text-decoration: underline;
    display: flex;
    align-items: center;
    justify-content: center;
}

.flow-grid-desc .wechat{
    background: linear-gradient(180deg, #3FDA5C 0%, #17B835 100%);
    border-radius: .19rem;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: .46rem;
}

.flow-grid-desc .wechat img{
    width: .74rem;
    height: .74rem;
    margin-right: .56rem;
}

.flow-grid-desc .corporate{
    background: linear-gradient(180deg, #FEAB5F 0%, #FD6126 100%);
    border-radius: .19rem;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: .46rem;
}

.flow-grid-desc .corporate img{
    width: .74rem;
    height: .74rem;
    margin-right: .56rem;
}

.card-modal{
    position: fixed;
    inset: 0;
    margin: auto;
    z-index: 9999;
}

.card-modal .modal-mask{
    position: absolute;
    inset: 0;
    background: #000000;
    opacity: 0.6;
    cursor: pointer;
}

.card-modal .modal-content{
    position: absolute;
    width: 10.37rem;
    height: fit-content;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    margin: auto;
    background: #fff;
    z-index: 2;
    border-radius: .19rem;
    padding: .28rem 0 .37rem;
}

.modal-content .modal-header{
    position: relative;
    display: flex;
    align-items: center;
    justify-content: center;
}

.modal-content .modal-header span{
    font-size: .37rem;
    font-weight: bold;
    color: #333333;
    line-height: .48rem;
    letter-spacing: .02rem;
}

.modal-content .modal-header svg{
    position: absolute;
    right: .31rem;
    cursor: pointer;
}

form{
    width: 100%;
    display: grid;
    margin-top: .5rem;
    padding: 0 .76rem;
}

form .form-item{
    width: 100%;
    display: flex;
    justify-content: space-between;
	margin-bottom: .37rem;
}

form .form-item label{
    font-size: .3rem;
    font-weight: bold;
    color: #333333;
    line-height: .39rem;
}

form .form-item label.form-item-center{
    padding-top: .3rem;
}

form .form-item label span{
    color: #FF463B;
}

form .form-item .form-item-input{
    width: 7.19rem;
    margin-left: .19rem;
}

form .form-item .form-item-input .item-input{
    width: 100%;
    height: .98rem;
    background: #FFFFFF;
    border-radius: .19rem;
    border: .02rem solid #D9D9D9;
}

form .form-item .form-item-input .item-textarea{
    width: 100%;
    height: fit-content;
    background: #FFFFFF;
    border-radius: .19rem;
    border: .02rem solid #D9D9D9;
}

form .form-item .form-item-input .item-textarea textarea{
    width: 100%;
    height: 100%;
    padding: .3rem .26rem;
    font-size: .26rem;
    line-height: .35rem;
    resize: none;
    vertical-align: middle;
}

form .form-item .form-item-input .item-textarea .char-count{
    width: 100%;
    text-align: right;
    font-size: .26rem;
    color: #C0C0C0;
    line-height: .35rem;
    padding: 0 .26rem .15rem;
}

form .form-item .form-item-input .item-input input{
    width: 100%;
    height: 100%;
    padding: 0 .26rem;
    font-size: .26rem;
    line-height: .35rem;
}

form .form-item .form-item-input .item-input input::-webkit-input-placeholder, form .form-item .form-item-input .item-textarea textarea::-webkit-input-placeholder {
    color: #C0C0C0;
}
form .form-item .form-item-input .item-input input:-moz-placeholder, form .form-item .form-item-input .item-textarea textarea:-moz-placeholder {
    color:#C0C0C0;
}
form .form-item .form-item-input .item-input input::-moz-placeholder, form .form-item .form-item-input .item-textarea textarea::-moz-placeholder {
    color:#C0C0C0;
}
form .form-item .form-item-input .item-input input:-ms-input-placeholder, form .form-item .form-item-input .item-textarea textarea:-ms-input-placeholder {
    color:#C0C0C0;
}

form .form-item .form-item-input .tips{
    font-size: .22rem;
    color: #FF463B;
    line-height: .3rem;
    margin-top: .19rem;
}

.form-btn{
    display: flex;
    width: 100%;
    align-items: center;
    justify-content: center;
}

.form-btn button{
    width: 2.31rem;
    height: .74rem;
    background: #EEEEEE;
    border-radius: .11rem;
    font-size: .33rem;
    color: #9E9E9E;
    line-height: .44rem;
	margin-right: 0.46rem;
}

.form-btn button:last-child{
    margin-right: 0;
}

.form-btn button.submit{
    color: #FFFFFF;
    background: #0E77EE;
}

.corporate-info{
    padding: 0 .65rem;
    margin: .7rem 0 0;
}

.corporate-info .corporate-info-content{
    padding: .28rem .22rem;
    border-radius: .19rem;
    border: .02rem solid #D9D9D9;
    line-height: .93rem;
    margin-bottom: .7rem;
    font-size: .3rem;
    font-weight: bold;
    color: #333333;
}