body {
}
.list-inner {
    border: 1px solid #FFFFFF;
    height: 316px;
    width: 226px;
    position: relative;
    text-align: center;
    margin: 0 0 20px 20px;
    float: left;
    overflow: hidden;
    -webkit-transition: all 0.25s;
    -moz-transition: all 0.25s;
    -ms-transition: all 0.25s;
    -o-transition: all 0.25s;
    transition: all 0.25s;
}

.pro-img {
    width: 88%;
    height: 61%;
    display: block;
    position: absolute;
    top: 32%;
    left: 48%;
    margin: -50% 0 0 -42%;
    overflow: hidden;
    background: url("../images/bgPro.png") no-repeat center center;
    background-image: -webkit-image-set(url(../images/bgPro.png) 1x, url(../images/bgPro@2x.png) 2x);
    background-image: -moz-image-set(url(../images/bgPro.png) 1x,url(../images/bgPro@2x.png) 2x);
    background-image: -ms-image-set(url(../images/bgPro.png) 1x,url(../images/bgPro@2x.png) 2x);
    background-image: -o-image-set(url(../images/bgPro.png) 1x,url(../images/bgPro@2x.png) 2x);
}

.pro-info {
    margin-bottom: -5%;
    display: block;
    width: 90%;
    height: auto;
    position: absolute;
    left: 52%;
    margin-left: -45%;
    bottom: 14px;
    overflow: hidden;
    text-align: center;
}

.cx span.price1 {
    padding-left: 0px;
    background-position: -13px -806px;
}

.pro-info span.pro-name {
    color: #424243;
    display: block;
    width: 14em;
	height:2.9em;
    margin: 0px;
    overflow: hidden;
    white-space: normal;
    text-align:left;
	word-break: break-all;
    text-overflow: ellipsis;
    display: -webkit-box !important; /** 对象作为伸缩盒子模型显示 **/
    -webkit-box-orient: vertical; /** 设置或检索伸缩盒对象的子元素的排列方式 **/
    -webkit-line-clamp: 2; /** 显示的行数 **/
    overflow: hidden !important; /** 隐藏超出的内容 **/
}

.pro-info span {
    font-size: 14px;
    line-height: 22px;
    color: #424243;
}

.pro-info span {
    font-size: 14px;
    line-height: 18px;
    color: #424243;
}
.pro-info span.price1 {
    color: #9E0028;
    line-height: 28px;
    display: inline-block;
}

.hot span.price1 {
    padding-left: 0px;
    background-position: -13px -742px;
}
.new span.price1 {
    padding-left: 0px;
    background-position: -13px -774px;
}
.cx span.price1 {
    padding-left: 0px;
    background-position: -13px -806px;
}

@media screen and (min-width: 1441px) {
.list-inner {
    border: 1px solid #FFFFFF;
    height: 360px;
    width: 260px;
    position: relative;
    text-align: center;
    margin: 0 0 20px 20px;
    float: left;
    overflow: hidden;
}

}
@media screen and (max-width: 1219px) {
    .list-inner {
    border: 1px solid #FFFFFF;
    height: 316px;
    width: 44%;
    position: relative;
    text-align: center;
    margin: 0 0 20px 20px;
    float: left;
    overflow: hidden;
    -webkit-transition: all 0.25s;
    -moz-transition: all 0.25s;
    -ms-transition: all 0.25s;
    -o-transition: all 0.25s;
    transition: all 0.25s;
}
}