@charset "utf-8";

.support .module-introduce{
    padding-bottom: 50px;
}
.support-contact{
    padding-bottom: 300px;
    position: relative;
    /* width: 71%; */
    margin: 0 auto;
    background: #f0f0f0!important;
}
.support-info{
    background: #fff;
    width: 70%;
    margin: 0 auto;
    box-shadow: 0 10px 20px rgb(0 0 0 / 20%);
    position: absolute;
    top: -60px;
    left: 15%;
}
.support-info .info{
    min-height: 40px;
}
.online{
    border-top: 4px solid #E73817;
    border-right: 2px solid #F5F5F5;
    padding: 30px;
}
.tel{
    border-top: 4px solid #7E8188;
    padding: 30px;
}

.support-contact .title{
    font-size: 20px;
    font-weight: 600;
    color: #0B0A08;
}
.support-contact .info{
    font-size: 14px;
    color: #333;
    margin: 32px 0 40px;
}
.support-info .number{
    color: #E73817;
    font-size: 20px;
    font-weight: 600;
}
.support-info .btn{
    background: #E73817;
    color: #fff;
    border-radius: 0;
}
.support-info .btn:hover{
    background: #f56440;
}
@media (max-width: 768px) {
    .online{
        border-right:none;
    }
    .support-info .info{
        min-height: unset;
        margin: 25px 0;
    }
    
    
}
@media (max-width: 480px){
    .support-contact{
        min-height: 480px;
    }

}