pfhwyigou/mobile/web/overseas/css/lpdetails.css

body{background:#f4f6f9;}

.y_lphome_h2 {padding:8px 0;}
.y_lphome_h2 span{ font-size: 1.1rem; color: #333;}
/*基本信息*/
.y_lpjbxx{ background: #fff; padding: 10px 0; margin-top: 10px;}
.y_lpjbxx_main{ margin: 0 10px;}
.y_lpjbxx_cent{ margin-top: 5px;}
.y_lpjbxx_cent ul li{ font-size: 0.9rem; color: #333; padding: 13px 0;}
.y_lpjbxx_cent ul li span{ color: #9e5a5a; display: inline-block; float: left;}
.y_lpjbxx_cent ul li em{ display:  inline-block; width: 76%; float: left; color: #666;}
.y_lpjbxx_cent ul li.tese em i{ display: inline-block; font-size: 0.85rem; padding: 3px 5px; border-radius: 3px;}
.y_lpjbxx_cent ul li.tese em i+i{ margin-left: 8px;}

.y_lpjbxx_cent ul li.tese em i:nth-child(1){ background: #EBF3FE; color:#638EC9;}
.y_lpjbxx_cent ul li.tese em i:nth-child(2){ background: #F8EAE6; color:#E3957E;}
.y_lpjbxx_cent ul li.tese em i:nth-child(3){ background: #E2F8E1; color:#75AB78;}
.y_lpjbxx_cent ul li.tese em i:nth-child(4){ background: #FFF3E2; color:#F9A321;}


.y_lpjbxx_cent ul li+li{ border-top: 1px solid #e4e3e3;}



.y_lpjbxx_cent ul li{ position: relative;}
.y_lpjbxx_cent ul li a.y_ckysz{ display: inline-block;font-size: 0.9rem; color: #fb6537;}

/*项目介绍*/
.y_lpjbxx_main .w-font { position: relative;line-height: 25px;color: #3D4C60;padding-bottom:20px; height:120px; overflow: hidden;}
.y_lpjbxx_main .w-font:after{
  content: '';
  display: block;
    padding: 30px 0 25px 0;
    position: absolute;
    bottom: 0px;
    left: 0;
    width: 100%;
    background: -webkit-gradient(linear, 0 0, 0 bottom, from(rgba(255, 255, 255, 0)), to(#fff));
    -moz-linear-gradient(linear, 0 0, 0 bottom, from(rgba(255, 255, 255, 0)), to(#fff)): ;
    -o-linear-gradient(linear, 0 0, 0 bottom, from(rgba(255, 255, 255, 0)), to(#fff)): ;
}
.y_lpjbxx_main .on {height:auto;}
.font-more a.w-more{background: #EDF3FE; display: inline-block; width: 100%; border-radius: 5px; text-align:center;color:#3D4C60;font-size:0.9375rem;margin-top:20px; height: 40px; line-height: 40px;}



/*媒体查询*/
@media (max-width: 320px){
.y_lpjbxx_cent ul li em{ width: 68%;}
.y_lpjbxx_cent ul li.tese em i+i{ margin-left: 5px;}
}