@charset "utf-8";

/******************************************************************************* item_list */

#item_body{
width:100%;
height:auto;
overflow:hidden;
min-width:200px;
max-width:1200px;
border-radius:20px;
background-color:#fafafa;
color:#666666;
}

#item_body .item_menu_topbg{
float:left;
width:100%;
height:auto;
background-color:#fafafa;
background: linear-gradient(to bottom, #fff, #fafafa);
}

#item_num_div,#item_more_div{
float:left;
width:96%;
margin-left:2%;
height:30px;
line-height:30px;
text-align:left;
border-bottom:1px dotted #eeeeee;
padding-top:10px;
padding-bottom:5px;
color:#999;
}

#item_num_div font, #item_more_div font{
float:left;
width:auto;
height:auto;
}

#item_num_div span , #item_more_div span{
float:right;
width:auto;
height:28px;
line-height:28px;
padding-left:15px;
padding-right:15px;
font-size:12px;
overflow: hidden;
}

#item_num_div span a, #item_more_div span a{
color:#666;
}

#item_num_div b{
color:red;
font-weight:bold;
}

.item_submenu{
float:left;
width:96%;
margin-left:2%;
height:auto;
text-align:left;
line-height:34px;
padding-top:10px;
padding-bottom:0px;
color:#999999;
}

.item_submenu ul{
float:left;
width:100%;
height:auto;
}

.item_submenu .swiper-slide{
float:left;
width: auto;
height:40px;
text-align:center;
font-size:16px;
border-bottom:2px solid #f6f6f6;
overflow:hidden;
color:#333;
cursor:pointer;
}

.item_submenu li{
float:left;
width:20%;
height:40px;
text-align:center;
font-size:16px;
border-bottom:2px solid #f6f6f6;
overflow:hidden;
cursor:pointer;
}

.item_submenu .on{
font-size:16px;
border-bottom:2px solid red;
font-weight:bold;
color:red;
}

.catlist {
float:left;
width:96%;
margin-left:2%;
height:auto;
text-align:left;
line-height:30px;
padding-top:10px;
padding-bottom:0px;
color:#999999;
border-bottom:1px dotted #eeeeee;
}

.catlist .l{
float:left;
width:20%;
text-align:center;
max-width:150px;
}

.catlist .r{
float:left;
width:80%;
height:auto;
max-height:120px;
overflow-y:scroll;
scrollbar-width: none; /* Firefox 64 */
-ms-overflow-style: none; /* IE 11 */
}

.catlist .r::-webkit-scrollbar {
display:none;
}

.catlist .r .del{
float:right;
width:10px;
height:12px;
margin-top:10px;
margin-left:5px;
background-image:url(/images/open_colse.png);
background-position:center center;
background-size:8px;
background-repeat:no-repeat;
border-radius:50%;
}


.catlist ul{
float:left;
width:100%;
height:auto;
}

.catlist li{
float:left;
width:auto;
height:auto;
border-radius:20px;
height:32px;
margin-right:10px;
padding-left:15px;
padding-right:15px;
background-color:#F5F4F4;
line-height:32px;
overflow:hidden;
margin-bottom:10px;
}

.catlist .on{
background-color:#F11B1B;
color:#ffffff;
}

.catlist .resetting{
background-color: #FCE2E2;
}

.catlist a{
color:#666666;
}

#screen_list {
float:left;
width:96%;
margin-left:2%;
height:auto;
text-align:left;
line-height:30px;
padding-top:10px;
color:#666666;
border-bottom:1px dotted #eeeeee;
overflow:auto;
}

#screen_list ul{
max-width:1200px;
min-width:200px;
}

/* 隐藏滚动条 */  
#screen_list::-webkit-scrollbar {  
display: none;  
}

#screen_list ul{
float:right;
width: auto;
height:auto;
}

#screen_list li{
float:left;
width:60px;
height:auto;
border-radius:20px;
height:32px;
margin-right:10px;
background-color:#fff;
line-height:32px;
overflow:hidden;
margin-bottom:10px;
text-align:center;
min-width:60px;
cursor:pointer;
}

#screen_list .on{
background-color:#F11B1B;
color:#ffffff;
}

#screen_list .resetting{
background-color:#FCE2E2;
}

#screen_list a{
color:#666666;
}

#screen_list .input{
background-color:#ffffff;
border:0px;
width:40px;
height:18px;
outline:0px;
color:#666666;
border-radius:5px;
text-align: center;
}

#screen_list .submit{
border:0px;
width:80%;
outline:0px;
height:24px;
line-height:24px;
color:#fff;
background-color:#F11B1B;
border-radius:20px;
margin-bottom:20px;
margin-top:10px;
}

#screen_list .select{
background-color:#F5F4F4;
border:0px;
width:auto;
outline:0px;
color:#666666;
border-radius:20px;
}

#screen_list .screen_menu{
float:left;
width:80px;
height:auto;
position:fixed;
_position:absolute;
top:0px;
left:0px;
z-index:10;
border-radius:20px;
background-color:#fff;
padding:0px;
margin:0px;
}  
  
#screen_list .pricecustom{
width:120px;
height:auto;
background-color:#f1f1f1;
}  
  
#screen_list .screen_menu div {
float:left;
width:100%;
height:auto;
height: auto;
line-height:32px;
text-align:center;
}  

#screen_list .screen_menu .on {
background-color:#F11B1B;
color:#ffffff;
border-radius:20px;
}  


.item_list {
float:left;
width:100%;
height: auto;
line-height:30px;
}

.item_list .body{
width:100%;
height:auto;
overflow:hidden;
}

.error{
width:100%;
height:30px;
padding-top:80px;
line-height:200%;
font-size:14px;
color:#999999;
background-image:url(/images/ku.png);
background-position:center 20px;
background-size:50px;
background-repeat:no-repeat;
margin-top:10px;
margin-bottom:20px;
border-radius:10px;
}

.item_list .load{
float:left;
width:100%;
height:60px;
padding-top:100px;
line-height:250%;
font-size:14px;
color:#999999;
background-image:url(/images/wait.gif);
background-position:center 50px;
background-repeat:no-repeat;
background-color:#fafafa;
margin-top:20px;
border-radius:10px;
opacity:0.8;
filter:Alpha(Opacity=80);
margin-bottom:30px;
text-align:center;
}

.item_list .lastpage{
float:left;
width:100%;
height:80px;
color:#999999;
line-height:200%;
font-size:14px;
padding-top:50px;
text-align:center;
}

.item_list .nextpage{
float:left;
width:100%;
height:100px;
color:#999999;
line-height:200%;
font-size:14px;
padding-top:20px;
text-align:center;
}

.item_list .submit{
width:20%;
min-width:150px;
max-width:300px;
height:36px;
border:0px;
line-height:32px;
background-color:#F12D2D;
font-weight:bold;
color:#ffffff;
cursor:pointer;
font-family:"微软雅黑","宋体","Microsoft YaHei","Hiragino Sans GB",tahoma,arial,simhei;
font-size:14px;
border-radius:20px;
}

.item_list ul{
float:left;
width:100%;
height:auto;
padding:0px;
margin-left:2%;
margin-right:2%;
width:96%;
}

.item_list li{
margin-top:10px;
float:left;
width:49%;
height:auto;
overflow:hidden;
line-height:200%;
overflow:hidden;
background-color:#fff;
border-radius:10px;
padding-bottom:15px;
}

.li_4{margin-right:0px;}

.item_list .img{
width:100%;
height:auto;
float:left;
}

.item_list .img img{
width:100%;
}

.item_list .tit{
width:96%;
height:60px;
float:left;
font-size:14px;
text-align:left;
padding-left:2%;
padding-right:2%;
line-height:150%;
padding-top:5px;
padding-bottom:5px;
overflow:hidden;
word-break: break-all;
text-decoration:none;
cursor: pointer;
}

.item_list .tit2{
height:40px;
}

.item_list .tit a{
text-decoration:none;
}

.item_list .fanli{
width:96%;
height:18px;
float:left;
font-size:12px;
text-align:left;
padding-left:2%;
padding-right:2%;
line-height:180%;
padding-bottom:18px;
overflow:hidden;
word-break: break-all; 
}

.item_list .fanli span{
float:left;
padding:3px 4px;
border-radius:10px;
margin-right:3px;
min-width:16px;
text-align:center;
margin-bottom:10px;
font-size:14px;
padding:5px 10px;
color:#666;
background-color: #FFEFEB;
cursor:pointer;
}

.item_list .fanli span strong{
color: #FF0000;
}

.item_list .com{
width:96%;
height:28px;
float:left;
font-size:12px;
text-align:left;
padding-left:2%;
padding-right:2%;
line-height:150%;
padding-top:10px;
padding-bottom:0px;
overflow:hidden;
word-break: break-all;
}

.item_list .com span{
float:left;
border-radius:10px;
margin-right:3px;
min-width:16px;
text-align:center;
margin-bottom:10px;
font-size:14px;
padding:5px 3px;
color:#888;
cursor:pointer;
}

.item_list .com span strong{
color: #FF6600;
}

.item_list .com font{
float:right;
padding:5px 10px;
margin-right:3px;
min-width:16px;
text-align:center;
font-size:14px;
border-radius:20px;
background-color: #FF6600;
color:#FFF;
height:auto;
}

.item_list .com font A{
color:#FFF;
} 

.item_list .sale{
width:96%;
height:24px;
float:left;
font-size:12px;
text-align:left;
padding-left:2%;
padding-right:2%;
line-height:150%;
padding-top:10px;
padding-bottom:5px;
overflow:hidden;
word-break: break-all; 
}

.item_list .sale font{
float:left;
padding:3px 10px;
border-radius:10px;
color:#333;
margin-right:3px;
min-width:16px;
text-align:center;
margin-bottom:10px;
background-color:#FDD6D6;
}

.item_list .inf{
width:96%;
height:24px;
float:left;
font-size:12px;
text-align:left;
padding-left:2%;
padding-right:2%;
line-height:150%;
padding-top:10px;
padding-bottom:5px;
overflow:hidden;
word-break: break-all; 
}

.item_list .inf font{
float:left;
height:auto;
padding:3px 4px;
border-radius:5px;
color:#ffffff;
margin-right:3px;
min-width:16px;
text-align:center;
margin-bottom:10px;
line-height:18px;
}

.item_list .inf .fee{
background-color: #FF3366;
}

.item_list .inf .tmall{
background-color: #F11B1B;
}

.item_list .inf .taobao{
background-color: #FF5402;
}

.item_list .inf .quan{
background-color: #FF3300;
margin-right:0px;
border-left:2px dotted;
}

.item_list .inf .quan2{
background-color: #FF3300;
margin-right:0px;
border-left:1px dotted #ffffff;
}

.item_list .inf .listbuy{
background-color: #FF3300;
margin-right:0px;
}


.item_list .pri{
width:96%;
height:30px;
float:left;
font-size:14px;
text-align:left;
padding-left:2%;
padding-right:2%;
line-height:150%;
padding-top:10px;
padding-bottom:0px;
overflow:hidden;
word-break: break-all; 
}

.item_list .pri .l{
float:left;
font-size:14px;
color:#999999;
}

.item_list .pri .l b{
font-size:18px;
color:red;
}

.item_list .pri .l b x{
font-size:14px;
}

.item_list .pri .r{
float:right;
color:#999999;
font-size:14px;
}

.item_list .pri .r a{
color:#999999;
text-decoration:none;
cursor: auto;
}

.item_list .pri .rx{
float:right;
color:#999999;
font-size:14px;
}

.item_list .pri .rx a{
color:#999999;
text-decoration:none;
}

.item_list .love{
width:94%;
height:18px;
float:left;
font-size:14px;
text-align:left;
padding-left:3%;
padding-right:3%;
line-height:220%;
padding-top:0px;
overflow:hidden;
word-break: break-all;
color:#999999;
overflow:hidden;
padding-bottom:20px;
}

.item_list .love a{
color:#999999;
}

.item_list .love .l{
float:left;
width: auto;
font-size:14px;
color:#999999;
overflow:hidden;
}

.item_list .love .r{
float:right;
width:auto;
color:#999999;
font-size:14px;
text-align:right;
overflow:hidden;
}

.item_list .sho{
width:94%;
height:18px;
float:left;
font-size:14px;
text-align:left;
padding-left:3%;
padding-right:3%;
line-height:220%;
padding-top:0px;
overflow:hidden;
word-break: break-all;
color:#999999;
overflow:hidden;
padding-bottom:10px;
}

.item_list .sho a{
color:#999999;
}

.item_list .sho .l{
float:left;
width:60%;
font-size:14px;
color:#999999;
overflow:hidden;
}

.item_list .sho .r{
float:right;
width:40%;
color:#999999;
font-size:14px;
text-align:right;
overflow:hidden;
}

.item_list .buy{
width:100%;
height:40px;
float:left;
font-size:14px;
text-align:left;
line-height:40px;
padding-top:5px;
padding-bottom:0px;
overflow:hidden;
word-break: break-all; 
color:#ffffff;
text-align:center;
font-weight:bold;
}

.item_list .buy .l{
float:left;
width:45%;
height:100%;
border-bottom-left-radius:10px;
background-color:#FF5408;
}

.item_list .buy .r{
float:right;
width:55%;
height:100%;
border-bottom-right-radius:10px;
background-color:#FF083C;
}

.item_list .buy a{
color:#fff;
}


.item_list .activity{
width:100%;
height:32px;
float:left;
font-size:14px;
text-align:left;
line-height:32px;
padding-top:5px;
padding-bottom:0px;
overflow:hidden;
word-break: break-all; 
color:#666;
text-align:center;
}

.item_list .activity .l{
float:left;
width:57%;
height:100%;
border-radius:20px;
background-color: #FF3300;
margin-left:3%;
}

.item_list .activity .r{
float:right;
width:35%;
height:100%;
text-align:right;
margin-right:5%;
}

.item_list .activity a{
color:#fff;
}

.item_list .activity .r a{
color:#666;
}

@media only screen and (max-width: 320px){
.item_list li{margin-top:10px;width:100%;}
}

@media only screen and (min-width: 320px) and (max-width: 800px){
.item_list li{margin-top:10px;width:49%;}.li_2{margin-left:2%;}.li_4{margin-left:2%;}
}

@media only screen and (min-width: 800px) and (max-width: 1200px){
.item_list li{margin-top:20px;width:23.5%;}.li_2{margin-left:2%;}.li_3{margin-left:2%;}.li_4{margin-left:2%;}
}

@media only screen and (min-width: 1200px){
.item_list li{margin-top:20px;width:23.875%;}.li_2{margin-left:1.5%;}.li_3{margin-left:1.5%;}.li_4{margin-left:1.5%;}
}

.activity_list .tit{
height:20px;
}

.activity_list .tit2{
height:40px;
}