*{
    line-height: normal;
    box-sizing: border-box;
}

.mobile-common-footer{
    width: 100%;
    height: 7.5rem;
    background-color: #1b1b1b;
    display: flex;
    flex-direction: column;
    align-items: center;
}
.mobile-common-footer .footer-qr-code{
    width: 2.24rem;
    height: 2.27rem;
}
.mobile-common-footer .code-free-get{
    width: 3.19rem;
    height: .73rem;
}
.mobile-common-footer .online-student{
    color: #7a7a80;
}
.mobile-common-footer .phone{
    color: #5ec6d6;
    font-weight: bolder;
}
.mobile-common-footer .copyright{
    color: #b6b6b8;
}

/* .post .flex_box .zero{
    color: #f23147;
} */
.zero-outer{
    display: flex;
    flex-direction: column;
    align-items: center;
    color: #f23147;
}
.try-listen{
    display: block;
    text-align: center;
    line-height: 27px;
    font-size: 14px;
}

/* .flex li .try-listen:before{
    content: '';
    display: block;
    width: 30px;
    height: 30px;
    margin: 0 auto;
    background:url('../images/zero.png') no-repeat; 
    background-size: 30px 30px;
} */
 .flex {
    background: linear-gradient(to bottom,#ff7a61,#f22f46) !important;
    font-size: 0.85em;
 }
.flex li{
    /* float: left ;
    width: 33.33%;
    height: 65px;
    text-align: left; */
    /* border-left: 1px #dda39f solid !important; */
    border-right: 1px #dda39f solid !important;
    /* padding-top: 6px;
    box-sizing: border-box; */
}
.flex .try-listen{
    text-align: center !important;
    color: #f23147;
    background: linear-gradient(to bottom,#fce5a8,#fbbc4d) !important;
}