flex布局

<h2 class="tit_p">

        <b>限免好课</b>

        <span>限时免费的实战课程</span>

        <em class="xf-em"><img src="/Public/wapNew/img/refresh-icon@2x.png" alt="more"> 换一换</em>

    </h2>

.tit_p {

    width: 100%;

    height: 0.2rem;

    color: #2e2e2e;

    margin-bottom: 0.18rem;

    padding-top: 0.12rem;

    padding-bottom: 0.19rem;

    display: flex;

    align-items: baseline;

}

.tit_p span{

    font-size: 13px;

    color: #575757;

    margin-left: 10px;

    flex: 1 1 auto;

}

.tit_p em{

    font-size: 0.11rem;

}

.tit_p em img{

    width: 0.1rem;

    height: 0.09rem;

}

.tit_p>b {

    display: inline-block;

    font-size: 0.15rem;

    line-height: 0.2rem;

    vertical-align: middle;

    font-family: HYQiHei-FES;

    font-weight: bold;

    color: #000000;

}

.tit_p>a {

    float: right;

    font-size: 0.13rem;

    font-family: HYQiHei-DES;

    font-weight: normal;

    color: #959595;

    line-height: 0.24rem;

    padding-right: 0.12rem;

}

.relatedRecomm-bott:after{

   content: "";

   flex: 1;

}