body .panel{
    height: auto;
}
.pro-content{
 width: 6.9rem;
    margin: .25rem auto;
}
.pro-content .pro-top{
    position: relative;
    overflow: hidden;
    border-radius: .1rem;
}
.pro-content .pro-top a{
    display: block;
}
.pro-content .pro-top a img{
    display: block;
    width: 6.9rem;
    height: 3.5rem;
}
.pro-content .pro-top .opacity-bottom{
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    height:.6rem ;
    line-height: .6rem;
    background: rgba(0,0,0,.2);
    color: #fff;
    font-size: .28rem;
    padding:0 .25rem;
}
.pro-content .pro-top .opacity-bottom i{
    display: inline-block;
    font-style: normal;
    width: .37rem;
    height: .38rem;
    background: url("/images/promotion01/clock.png") no-repeat;
    background-size: .37rem .38rem;
    vertical-align: text-bottom;
}
.pro-content .pro-top .opacity-bottom em{
    float: right;
    background: url("/images/promotion01/jiantou.png") no-repeat;
    width: .44rem;
    height: .44rem;
    background-size: .44rem .44rem;
    display: inline-block;
    margin-top: .1rem;
}
.pro-content  .pro-bottom{
    background: url("/images/promotion01/bg.png") no-repeat;
    width: 6.9rem;
    height: .88rem;
    background-size: 6.9rem .88rem;
    display: flex;
    /*justify-content: space-between;*/
    align-items: center;
    font-size: 0;
    padding:0 .25rem;
    margin-bottom: .5rem;
}
.pro-content  .pro-bottom .bottom-left{
    width: 33%;
}
.pro-content  .pro-bottom .bottom-left em{
    display: inline-block;
    font-size: .24rem;
    border: .025rem solid #ddd;
    border-radius: .5rem;
    width: .84rem;
    height: .46rem;
    line-height: .4rem;
    text-align: center;
    margin-right: .2rem;
}
.pro-content  .pro-bottom .bottom-left em.red{
    color: #ff2828;
    border-color: #ff2828;
}
.pro-content  .pro-bottom .bottom-left em.orange{
    color: #ff9100;
    border-color: #ff9100;
}
.pro-content  .pro-bottom .bottom-left em.lemon{
    color: #debd00;
    border-color: #debd00;
}
.pro-content  .pro-bottom .bottom-left em.purple{
    color: #7d85f1;
    border-color: #7d85f1;
}
.pro-content  .pro-bottom .bottom-left em.blue{
    color: #0186eb;
    border-color: #0186eb;
}
.pro-content  .pro-bottom .bottom-right{
    display: flex;
    align-items: center;
    font-size: .28rem;
    color: #333;
    justify-content: space-between;
    width: 67%;
}
.pro-content  .pro-bottom .right-item1 i{
    display: inline-block;
    font-style: normal;
    width: .26rem;
    height: .28rem;
    background: url("/images/promotion01/user.png") no-repeat;
    background-size: .26rem .28rem;
    vertical-align: top;
    margin-right: .13rem;
}
.pro-content  .pro-bottom .right-item2 i{
    display: inline-block;
    font-style: normal;
    width: .24rem;
    height: .28rem;
    background: url("/images/promotion01/award.png") no-repeat;
    background-size: .24rem .28rem;
    vertical-align: top;
    margin-right: .13rem;
}