Title.title{
padding:25px 0 20px 0;
text-align:center;
}
.title>div:nth-of-type(1) {
font-weight: bolder;
font-size:20px;
}
.title>div:nth-of-type(2){
color: #c5c5c5;
font-size:12px;
}
.row {
display: flex;
}
.row-item{
width:100%;
height: 330px;
flex:1;
padding:5px 3px;
box-sizing:border-box;
}
.row-item-inner{
width:100%;
height:100%;
border:2px solid #F7F7F7;
box-sizing:border-box;
padding:3px;
position:relative;
}
.flag {
position: absolute;
top: 3px;
right: 3px;
width:34px;
height:32px;
}
.flag>img{
width:100%;
height:100%;
}
.row-img{
width:100%;
height:calc(100% - 60px);
}
.row-price {
width: 100%;
height: 60px;
}
.row-price>p{
text-indent:15px;
margin:5px 0 0 0;
width:100%;
overflow: auto;
font-size:16px;
}
.row-price>p>span{
display:inline-block;
float:left;
width: 50%;
}
.row-price>p>span:nth-of-type(1){
text-decoration:line-through;
}
.buy-now-wrap{
width:100%;
padding-top:10px;
text-align:center;
}
@media screen and (max-width:414px){
html,body {
width: 100%;
}
body {
margin: 0;
}
.row{
display:block;
overflow: auto;
}
.row-item{
width: 50%;
height:330px;
display:inline-block;
float:left;
}
.row-price{
height: 40px;
}
.row-price>p {
font-size: 12px;
text-indent:15px;
}
}