.hide {
display: none;
}
.lf {
float: left;
}
.lr {
float: right;
}
.red, .red a, .red a h5, .red a p {
color: #FF0000 !important;
}
html {
background: #f9f9f9;
}
.main-group {
width: 100%;/* margin:80px auto; */
}
.ranking-title {
text-align: center;/* padding:0 0 40px 0; */
}
.ranking-title .title {
font-size: 28px;
font-weight: bold;
color: #dd393d;
}
.ranking-title .brand {
margin: 5px auto 10px auto;
width: 30px;
height: 3px;
background: #fdc936;
border-radius: 20px;
}
.ranking-title .desc {
font-size: 12px;
}
.ranking-nav-group {
display: flex;
background: #fff;
}
.ranking-nav-group div {
width: 25%;
height: 40px;
line-height: 40px;
text-align: center;
font-size: 14px;
color: #9d9d9d;
cursor: pointer;
}
.ranking-nav-group div.self {
color: #fff;
background: #bf2822;
}
.items-box-group .items-group .item-group {
display: flex;
align-items: center;
background: #fff;
margin-top: 5px;
padding: 20px 0;
}
.items-box-group .items-group .item-group .img {
width: 10%;
text-align: center;
background: url(skin/images/sort.png) no-repeat;
background-size: 30px 30px;
background-position: 50% 50%;
height: 40px;
line-height: 45px;
color: #fff;
font-weight: bold;
font-size: 14px
}
.items-box-group .items-group .item-group .item-data {
width: 70%;
}
.items-box-group .items-group .item-group .buttin-group {
width: 20%;
}
.item-data .title {
font-size: 20px;
font-weight: bold;
}
.item-data .title span {
color: #9e9e9e;
margin-left: 10px;
}
.item-price {
display: flex;
margin-top: 10px;
}
.item-price div {
width: 33.33%;
font-size: 30px;
font-weight: bold;
color: #dd393d;
}
.item-price div span {
font-size: 24px
}
.item-price div p {
font-size: 14px;
color: #9e9e9e;
font-weight: 400;
}
.buttin-group a {
width: 80%;
height: 36px;
line-height: 36px;
border: 0;
background: #dd393e;
color: #fff;
border-radius: 30px;
display: inline-block;
text-align: center;
color: #fff;
text-decoration: none;
}