.rec_area{ border-bottom:5px solid #f2f2f2; background:#fff; padding:0 10px;}
.rec_area .rec_hd{font-size:0.9em; color:#888888;position:relative; height:40px; line-height:42px; border-bottom:1px solid #f2f2f2;}
.rec_area .rec_hd .daojishi span{
    font-size: 0.8em;
    min-width: 17px;
    height: 16px;
    line-height: 16px;
    text-align: center;
    display: inline-block;
    color: #fff;
    background: #FF8989;
    border-radius: 3px;
    margin: 0 2px;
    padding: 0 1px;
}
.rec_area .rec_hd i{ vertical-align: top; display:inline-block; width:25px; height:35px; background:url(../images/cash_rec_djs_3-5-3.png)no-repeat center 12px; background-size:18px auto;}
.rec_area .rec_hd .guanzu{ float:right; color:#FBAC44;}
.rec_area .rec_hd .guanzu::before{ content:''; vertical-align: middle; display:inline-block; width:25px; height:36px;}
.rec_area .rec_bd{ padding:10px 0;}
.rec_area .rec_bd .bd-img{float:left; position:relative; width:85px; height:85px; overflow:hidden; margin-left:5px;}
.rec_area .rec_bd .bd-img img{ width:100%;height: 100%;object-fit: cover;}
.rec_area .rec_bd .bd-img span{ border-bottom-right-radius:13px; position:absolute; top:0; left:0; width:75px; height:20px;}
.rec_area .rec_bd .bd-img span img{ height:100%;}
.rec_area .rec_bd .bd-content{position:relative; float:left; margin-left:10px; width:calc( 100% - 110px); width:-webkit-calc(100% - 100px);}
.rec_area .rec_bd .bd-content h5{  font-size:1em;height:40px; font-weight:500; color:#333; line-height:20px; width:calc(100% - 75px);width:-webkit-calc(100% - 75px);
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;}
.rec_area .rec_bd .bd-content h5 a{color: #222222;}
.rec_area .rec_bd .bd-content h5 a span{
    background-color: #f60;
    color: #fff;
    border-radius: 5px;
    padding: 0 3px;
    font-size: 0.8em;
}
.rec_area .rec_bd .bd-content p.price{ height:20px;  font-size:0.9em;margin-top: 7px;}
.rec_area .rec_bd .bd-content p.price .now_price{ color:#ff1d1d;}
.rec_area .rec_bd .bd-content p.price .now_price span{ font-size:1.5em;margin-right: 2px;}
.rec_area .rec_bd .bd-content p.price .ykt_price{ color:#50B43F;}
.rec_area .rec_bd .bd-content p.price .ykt_price span{ margin-right:2px; position:relative; background:#50B43F; padding:1px 5px; color:#fff; font-size:0.8em;}
.rec_area .rec_bd .bd-content p.price .ykt_price span:after{content:''; position:absolute; bottom:0px; right:-5px;  display:inline-block; border-top:5px solid transparent;border-right:5px solid transparent; border-bottom:5px solid #50B43F; border-left:5px solid transparent; }


.rec_area .rec_bd .bd-content p.price .condition{ color:#9C9C9C;}
.rec_area .rec_bd .bd-content p.price .condition:before{ content:''; display:inline-block; height:15px; border-left:1px solid #9c9c9c; position:relative; top:2px; margin-right:5px;}
.rec_area .rec_bd .bd-content p.process .bottom{ overflow:hidden; margin-right:5px; display:inline-block; width:100px; height:6px; background:#E4E4E4; border-radius:5px;vertical-align: middle;}
.rec_area .rec_bd .bd-content p.process { height:20px; line-height:20px; color:#9C9C9C; font-size:0.8em}
.rec_area .rec_bd .bd-content p.process .bottom span{vertical-align: top; display:inline-block; width:20px; height:6px; background:#FF8989; border-radius:5px;}
.rec_area .rec_bd .bd-content .button{ position:absolute; right:0; top:0; width:70px; height:30px; line-height:30px; text-align:center; color:#fff; background:#F02B2B; border-radius:5px; font-size:0.9em}
.rec_area .rec_bd .bd-content .button a{ display:block; color:#fff;}
.rec_area .rec_bd .bd-content p.price .old_price{ text-decoration: line-through; color:#999999; }
.rec_area .rec_bd .bd-content p.price .old_price:after{ content:''; display:inline-block; height:15px; border-left:0px solid #999999; position:relative; top:2px; margin-left:5px;}
.rec_area .rec_bd .bd-content p.price .shenyu{ color:#FD3238; }
.rec_area .rec_bd .bd-content .botton_grey{ background:#C5C5C5;}