input[type="number"]::-webkit-inner-spin-button,
input[type="number"]::-webkit-outer-spin-button {
    -webkit-appearance: none;
    margin: 0;
    height: 1.6em;
    width: 0.5em;
    color: transparent;
    background-color: transparent;
    border: none;
}

.com-message{
    width: 100%;
    display: flex;
    flex-direction: column;
    font-size: 1.28rem;
}

.select2-container--default .select2-selection--single{
    background-color: rgba(249,250,254,1);
    /*border: 0.01rem solid #DDDDDD;*/
}

.select2-container .select2-selection--single,
.select2-container--default .select2-selection--single .select2-selection__arrow{
    height: 2.86rem ;
}

.select2-container .select2-selection--single,
.select2-container--default .select2-selection--single .select2-selection__rendered{
    line-height: 2.86rem ;
}

.com-message .message-item{
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin-top: 1.42rem;
    position: relative;
}

.com-message .message-item input.name,
.com-message .message-item .phone-box{
    width: calc((100% - 1.42rem) / 2);
    height: 2.86rem;
    /*border: 1px solid #CCCCCC;*/
    background: #F9FAFE;
    border-radius: 4px;
    padding: 0 .58rem;
}

.com-message .message-item .phone-box .label-code{
    max-width: 4.28rem;
    height: 1rem;
    line-height: 1rem;
    border-right: 2px solid rgb(197,198,200);
    padding-right: .72rem;
    color: #999999;
}

.com-message .message-item .phone-box input.phone{
    margin-left: 6px;
    min-width: calc(100% - 3.86rem);
    background: none;
}

.com-message .message-item input.email{
    width: calc((100% - 1rem) / 4 * 3);
    height: 2.86rem;
    background: #F9FAFE;
    border-radius: 4px;
    padding: 0 .58rem;
}

.com-message .message-item input.start{
    width: 100%;
}

.com-message .message-item input.bfb{
    width: 100%;
    background: #CCCCCC;
}

.com-message .message-item .verify-btn{
    width: calc((100% - 1rem) / 4);
    height: 2.86rem;
    line-height: 2.86rem;
    color: #FFFFFF;
    background-color: var(--send-color);
    text-align: center;
    border-radius: 4px;
    display: none;
}

.com-message .message-item img.suc-email{
    position: absolute;
    top: 50%;
    right: 1rem;
    transform: translate(0,-50%);
    width: 1.42rem;
    height: 1.42rem;
    display: none;
}

.com-message .error-tips span{
    display: none;
    margin-top: 6px;
    color: #F75244;
    font-size: 1rem;
}

.com-message .info-box,
.com-message .message-info-item{
    margin-top: 1.42rem;
    width: 100%;
    padding: .58rem;
    border-radius: 4px;
    background-color: #F9FAFE;
    /*border: 1px solid #CCCCCC;*/
    display: flex;
    align-items: flex-end;
    justify-content: space-between;
}

.com-message .info-box{
    height: 7.14rem;
}

.com-message .message-info-item{
    height: 10rem;
}

.com-message .info-box textarea{
    width: calc(((100% - 1rem) / 4 * 3) + 7px);
    height: 100%;
    background: none;
}

.com-message .message-info-item textarea{
    width: 100%;
    height: 100%;
    background: none;
}

.com-message .info-box .ok-btn{
    width: calc(((100% - 1rem) / 4) - 7px);
    height: 0.4rem;
    line-height: 2.86rem;
    text-align: center;
    border-radius: 4px;
    background-color: #E2E2E2;
    color: #999999;
}

.com-message .bfb-ok-btn{
    margin-top: 1.42rem;
    width: 100%;
    height: 2.86rem;
    line-height: 2.86rem;
    text-align: center;
    border-radius: 4px;
    background-color: var(--send-color);
    color: #FFFFFF;
}

.com-message .error-border{
    border: 1px solid #F75244 !important;
}

@media screen and (min-width: 350px) and (max-width: 1020px) {
    .select2-container .select2-selection--single,
    .select2-container--default .select2-selection--single,
    .select2-selection__rendered{
        line-height: 40px !important;
    }

    .select2-container .select2-selection--single,
    .select2-container--default .select2-selection--single
    .select2-selection__arrow{
        height: 40px !important;
    }

    .com-message{
        font-size: 14px;
    }

    .com-message .message-item{
        margin-top: 20px;
    }

    .com-message .message-item input.name, .com-message .message-item .phone-box{
        width: calc((100% - 20px) / 2);
        border-radius: 4px;
        padding: 0 6px;
        height: 40px;
    }

    .com-message .message-item .phone-box .label-code{
        max-width: 40px;
        height: 10px;
        line-height: 10px;
        padding-right: 6px;
    }

    .com-message .message-item .phone-box input.phone{
        padding-left: 6px;
        min-width: calc(100% - 40px);
    }

    .com-message .message-item input.email{
        width: calc((100% - 10px) / 4 * 3);
        height: 40px;
        border-radius: 4px;
        padding: 0 6px;
    }

    .com-message .message-item input.bfb,
    .com-message .message-item input.start{
        width: 100%;
    }

    .com-message .message-item .verify-btn{
        width: calc((100% - 10px) / 4);
        height: 40px;
        line-height: 40px;
        border-radius: 4px;
    }

    .com-message .message-item img.suc-email{
        width: 20px;
        height: 20px;
        right: 6px;
    }

    .com-message .message-info-item{
        margin-top: 20px;
        height: 200px;
        border-radius: 4px;
    }

    .com-message .bfb-ok-btn{
        margin-top: 20px;
        height: 40px;
        line-height: 40px;
        border-radius: 4px;
    }

    .com-message .error-tips span{
        font-size: 12px;
    }

}