@charset "utf-8";
/*v=1.0.0.1*/

.pro_list{display: flex;flex-wrap: wrap;flex-direction: row;align-items: center;justify-content: space-around;}
.wpro_sed{position: relative;width: 380px;height: 400px;box-shadow: 0px 4px 10px rgba(6, 6, 6, 0.2);margin-top: 28px;}
.wpro_img{display: block;position: relative;}
.whot_icon{position: absolute;width: 60px;height: 33px;background: url('../image/hot_title-20200413.png') no-repeat center;top: 10px;left: -9px;z-index: 2;}
.wpro_shadow{position: absolute;height: 250px;overflow: hidden;top: 0;display: none;width: 100%;flex-direction: column;align-items: center;justify-content: center;box-sizing: border-box;background: rgb(0, 0, 0,0.7);padding: 30px 29px 16px 29px;transition: .4s;z-index: 1;}
.wpro_shadow .title{color: #ffffff;font-size: 20px;font-weight: bold;}
.wpro_shadow>p{font-size: 16px;color: white;line-height: 28px;text-overflow: ellipsis;display: -webkit-box;-webkit-box-orient: vertical;;overflow: hidden;margin: 28px 0;}
.btn_button{width: 140px;line-height: 37px;text-align: center;font-size: 16px;color: white;background: #e1ad3e;border-radius: 50px;}
.wpro_sed:hover .wpro_shadow{display: flex;}
.wpro_info{position: relative;}
.wpro_info>img{display: block;width: 100%;height: 250px;}
.wpro_info>span{position:absolute;background:rgba(0,0,0,.3);-webkit-transform: translateY(-100%);text-align:center;width: 100%;font-size: 20px;color: #fff;text-shadow: 0 2px 2px rgb(0 0 0 / 60%);line-height:250px;height: 250px;}
.wpro_sed:hover .wpro_info>span{color: rgba(0,0,0,.3)}
.wpro_detail{background: white;display: flex;flex-direction: column;}
.wpro_detail_top{display: flex;flex-direction: row;align-items: center;justify-content: center;margin-top: 19px;margin-bottom: 19px;}
.wpro_detail_top .ditem{display: flex;flex-direction: column;flex: 1;align-items: center;justify-content: center;height: 60px;}
.wpro_detail_top .ditem+.ditem{border-left: 1px solid #ebebeb;}
.ditem b{font-size: 16px;color: #e1ad3e;font-weight: bold;margin-bottom: 13px;text-align: center;}
.ditem p{color: #5e5e5e;font-size: 12px;}
.wp_star{display: flex;flex-direction: row;align-items: center;justify-content: space-between;padding: 0 14px;}
.p_star_title{font-size: 14px;color: #919191;display: flex;flex-direction: row;align-items: center;justify-content:flex-start;}
.p_star_title img{display: inline-block;margin-left: 8px;}
.wp_price{display: flex;flex-direction: row;align-items: center;justify-content: flex-end;color: #919191;font-size: 14px;}
.wp_price span{color: #ee3328;}
.wp_price b{color: #ee3328;font-size: 32px;position: relative;top: -3px;}