html,body{
  max-width: 750px;
  margin: 0 auto;
}
body {
    background: #fff;
}

.header {
    width: 100%;
    overflow: hidden;
}

.header img {
    width: 100%;
    vertical-align: middle;
}

.list {
    position: relative;
    z-index: 10;
    margin-top: -10vh;
    padding-bottom: 50px;
}

.list .item {
    padding: 0 20px;
    margin-bottom: 40px;
}

.item .item-inner,
.item .item-inner .info {
    overflow: hidden;
    zoom: 1;
}

.item .item-inner .cover,
.item .item-inner .info {
    display: table-cell;
    vertical-align: top;
}

.item .item-inner .info {
    width: 10000px;
}

.item .item-inner .cover {
    padding-right: 20px;
}

.item .item-inner .cover img {
    display: block;
    width: 21vw;
    max-width: 160px;
    vertical-align: middle;
}

.item .item-inner .info {}

.item .item-inner .info .title {
    color: #001952;
    font-size: 20px;
    margin-bottom: 10px;
    overflow: hidden;
    text-overflow: ellipsis;
    line-height: 1;
}

.item .item-inner .info .desc {
    font-size: 14px;
    color: #41588c;
    line-height: 20px;
    min-height: 50px;
    margin-bottom: 5px;
}

.item .item-inner .info .btn-buy {
    float: right;
    width: 25vw;
    max-width: 190px;
}

.item .item-inner .info .btn-buy img {
    width: 100%;
    vertical-align: middle;
}

.item .item-inner .info .price {
    float: left;
    font-size: 20px;
    color: #001952;
    line-height: 1.5;
}

.item .item-inner .info .price .op {
    font-size: 14px;
    color: #41588c;
    text-decoration: line-through;
    margin-left: 10px;
}