pfhwyigou/wechat/web/css/brand/home.css

.max_box{max-width:640px;margin:auto;min-width:320px;position: relative;background:#FFF;}
body{background:#FFF;}
.y_header{display:none;}
.navsidebar{display:none;}
.m_headimg{height:180px;position:relative;
display:flex;align-items:center;
justify-content:center;
}
.m_headimg img{width:130px;display:block;}
.m_headimg i{position:absolute;top:0;left:0;width:100%;height:100%;background:rgba(0, 0, 0, 0.4);}

.m_dh{position:absolute;top:9px;left:50%;width:90%;height:40px;margin-left:-46%;}
.m_dh .m_dh_l{float:left;display: block;height:40px; width: 40px; text-align: center; position: relative; left: -10px;}
.m_dh .m_dh_l img{width:16px;position:relative;top:10px; margin: auto;}
.m_dh .m_dh_r{float:right;display: block;height:40px; width: auto; position: relative; right: 0;top: 0; }
.m_dh .m_dh_r img{width:20px;position:relative;top:10px;}


/*文章描述*/
.m_Article_box{padding:0 20px;border-radius:10px 10px 0 0;background:#FFF;position:relative;z-index:10;margin-top:-10px;padding-top:30px;}
.y_lphome_h2{}
.y_lphome_h2 span{font-size:1.125rem;color:#383838;}
.m_Article_text{margin-top:5px;font-size:1rem;color:#333;line-height:25px; position: relative;}
.m_Article_text_box{overflow:hidden;font-size:0.875rem;color:#999;}
/*.m_Article_text_box.on{height:auto;}*/
.m_Article_buttom{margin-top:15px;text-align:center;}
.m_Article_buttom span{display: inline-block;border-radius: 3px;font-size:0.9375rem;color:#999;}
.m_Article_buttom img{width:11px;margin-left:5px;}
.m_Article_text .bg-openg{
	width: 100%;
    position: absolute;
    left: 0px;
    bottom: 3px;
    padding: 23px 0;
    background: linear-gradient(0deg,rgba(255,255,255,1) 0%,rgba(255,255,255,0.4) 100%);
    box-shadow: 0 -5px 15px 0 rgba(255,255,255,0.8);
}




.sell_conter{margin-top:65px;padding:0 15px;background:#FFF;}
.sell_conter ul li {border-bottom:1px solid #F5F5F5; position: relative;padding:15px 0;}
.sell_conter ul li:last-child{border-bottom:0;padding-bottom:0;}
.sell_conter ul li .cal_price{ z-index: 8; position: absolute; right: 0; top:24px; height: 35px; width: 35px;}
.sell_conter ul li .cal_price img{ width: 100%; height: 100%;}
.sell_conter ul li a {display:block;}
.sell_conter ul li .sell_img{width:33%;height:92px;position:relative;border-radius:3px;overflow:hidden;float:left;}
.sell_conter ul li .sell_img i{position:absolute;bottom:0;left:0;font-size:0.8125rem;color:#fff;width:100%;text-overflow:ellipsis;white-space:nowrap;overflow:hidden;padding:20px 10px 5px 10px;
 background:-webkit-gradient(linear, 0 0, 0 bottom, from(rgba(255, 255, 255, 0)), to(rgba(8, 8, 8, 0.73)));          
                -moz-linear-gradient(linear, 0 0, 0 bottom, from(rgba(255, 255, 255, 0)), to(rgba(8, 8, 8, 0.73)));
                -o-linear-gradient(linear, 0 0, 0 bottom, from(rgba(255, 255, 255, 0)), to(rgba(8, 8, 8, 0.73)));
}
.sell_conter ul li .sell_img img {display:block;width:100%;height:100%;}
.sell_conter ul li .sell_conter_right {float:left;width:62%;margin-left:15px;}
.sell_conter ul li .sell_conter_right p.jg_ing{margin-top:5px;}
.sell_conter ul li .sell_conter_right p.jg_ing span{ color:#D50000; font-weight: bold; font-size:0.75rem;}
.sell_conter ul li .sell_conter_right p.jg_ing span em{color:#EF0000;font-size:1.05rem;margin-top:10px;font-weight:600;}
.sell_conter_right .date{font-size:0.6875rem;color:#999;margin-top:5px;}
.sell_conter_right .style{font-size:0.6875rem;color:#999;}
.sell_conter_right .style{}
.sell_conter_right .style i{max-width: 63px;overflow: hidden;text-overflow: ellipsis;white-space: nowrap; margin-top:5px;display: block;float:left;font-style: normal;background:#EFF2F4;margin-right: 6px;font-size:0.6875rem;color:#475C89;padding:5px 6px 3px 6px;border-radius:3px;}
.sell_conter_right .style i:nth-child(1){background:#FFE6EC;color:#D61F2B;}
.sell_conter ul li .sell_conter_right .title {font-size:1.0625rem;color:#333;width:77%;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;font-weight:600;}

.m_gzlx{font-size:0.6875rem;color:#333;margin-top:10px;background:#F8F8F8;padding:4px 10px;border-radius:50px;float:left;}
.m_gzlx_l{float:left; font-weight: bold; color: #333;}
.m_gzlx_l img{width:14px;height:14px;position:relative;top:-1px;margin-right:5px;}
.m_gzlx_r{float:left;margin-left:5px;padding-left:5px;position:relative; top: 1px;}
.m_gzlx_r:before {content:"";position:absolute;top:0px;left:0;width:1px;height:12px;background:#999;display: block;}
.m_gzlx_r span{color:#D50000; }