ul.yiniu{
   position: relative;
}
ul.yiniu li{
    position: relative;
    padding-right: 50px;
}
ul.yiniu li:not(.btn) .sub-btn{
    position: absolute;
    right: 0;
    top: 0;
    display: none;
}
ul.yiniu li:hover .sub-btn{
    display: inline-block;
}

ul.yiniu li.btn{
    position: absolute;
    right: 0;
    top: 4px;
}
.cat-list input{
    border: 1px solid #ddd;
    border-radius: 3px;
    width: 70px;
    float: none;
    margin: 0 10px 0 0;
    color: #7d7d7d;
}
.sub-btn{
    margin: 0;
   padding: 5px;
    color: #fff;
    background: rgba(33,146,238,1);
    border: none;
    cursor: pointer;
    border-radius: 4px;
}
.filter{
    margin-top: 10px;
    background: #fff;
    padding: 10px 20px;
    box-sizing: border-box;
    border-radius: 4px;
}
.filter ul{
    display: inline-block;
    border: 1px solid #ddd;
    border-radius: 4px;
}
.filter ul li {
    display: inline-block;
    border-right: 1px solid #ddd;
    padding: 3px 19px;
    cursor: pointer;
}
.filter ul li:hover {
    color: #525252;
}
.filter ul li.selected {
    color: red;
}
.filter ul li:last-child {
    border: none;
}
.filter ul li.price_none{
    background: url("../images/ic_price.png") 43px 6px no-repeat;
}
.filter ul li.price_rise{
    background: url("../images/ic_rise.png") 43px 6px no-repeat;
}
.filter ul li.price_fall{
    background: url("../images/ic_fall.png") 43px 6px no-repeat;
}
.filter input{
    margin: 0px;
    float: none;
}
.filter .checks{
    margin-top: 15px;
}
.filter .checks .my-checkbox{
    margin: 0 5px 0 20px;
    vertical-align: text-bottom;
}
.filter .checks .my-checkbox:first-child{
    margin-left: 0;
}
 .my-checkbox{
    display: inline-block;
    position: relative;
     width: 14px;
     height: 14px;
     box-sizing: border-box;
}
.my-checkbox .bg{
    width: 14px;
    height: 14px;
    background: #fff;
    border:1px solid #ddd;
    z-index:5;
    position: absolute;
    left: 0;
    top: 0;
    box-sizing: border-box;
}
.my-checkbox input[type='checkbox']{
    opacity: 0;
    width: 14px;
    height: 14px;
    z-index: 9;
    position: absolute;
    left: 0;
    top: 0;
}
.my-checkbox input:checked + .bg{
    border:none;
    background: url("../images/ic_choose.png")!important;
}
.itk_order i.is_new{
	background: url(../images/live-img.png?v=2018112112197) -192px -125px no-repeat;
    position: absolute;
    height: 16px;
  /*  top: -8px;
    right: 2px; */
    width: 22px;
    display: block;
    z-index: 1;	
    margin-top:-40px;
}


.sale-rank{
    width: 75pc;
    box-sizing: border-box;
    margin: auto;
    background: #fff;
    padding: 40px 40px 40px 20px;
    display: flex;
    justify-content: space-between;
}
.sale-rank>div{
    padding-left: 70px;
    padding-top: 10px;
    height: 68px;
    cursor: pointer;
}
.sale-rank>div .title1{
    font-size: 20px;
}
.sale-rank>div .title2{
    font-size: 14px;
}
.sale-rank>div:hover .title1{
    color: red;
}
.sale-rank .rank-time{
    background: url('../images/ic_time_def.png') left center no-repeat;
}
.sale-rank .rank-time:hover,.sale-rank .rank-time.selected{
    background: url('../images/ic_time.png') left center no-repeat;
}
.sale-rank .rank-today{
    background: url('../images/ic_today_def.png') left center no-repeat;
}
.sale-rank .rank-today:hover,.sale-rank .rank-today.selected{
    background: url('../images/ic_today.png') left center no-repeat;
}
.sale-rank .rank-yesterday{
    background: url('../images/ic_yesterday_def.png') left center no-repeat;
}
.sale-rank .rank-yesterday:hover,.sale-rank .rank-yesterday.selected{
    background: url('../images/ic_yesterday.png') left center no-repeat;
}
.sale-rank .rank-hour{
    background: url('../images/ic_hour_def.png') left center no-repeat;
}
.sale-rank .rank-hour:hover,.sale-rank .rank-hour.selected{
    background: url('../images/ic_hour.png') left center no-repeat;
}

ul.filter-list {
    width: 75pc;
    box-sizing: border-box;
    margin:10px auto;
    background: #fff;
    padding:0 20px;
}
ul.filter-list  li {
    display: inline-block;
    padding: 20px 2px;
    cursor: pointer;
    margin: 0 20px;
}
ul.filter-list  li:hover {
    color: #525252;
}
ul.filter-list  li.selected {
    color: red;
    border-bottom: 2px solid red;
}
ul.filter-list  li:last-child {
}
