.slick-list { position: relative; display: block; overflow: hidden;}
.slick-slide { display: none; float: left; height: 100%; min-height: 1px;}
.slick-initialized .slick-slide { display: block;}

.alllist{ height: 40px; padding: 10px 0; position: relative;}
/*.alllist-left { width: 20px; height: 50px; position: absolute; top: 0; left: 0; background: url(../image/alllist-left.png) left center no-repeat; background-size: 20px 50px; z-index: 1;}
.alllist-right { width: 20px; height: 50px; position: absolute; top: 0; right: 39px; background: url(../image/alllist-right.png) left center no-repeat; background-size: 20px 50px; z-index: 1;}*/
.alllist-left { width: 20px; height: 50px; position: absolute; top: 0; left: 0; background:  left center no-repeat; background-size: 20px 50px; z-index: 1;}
.alllist-right { width: 20px; height: 50px; position: absolute; top: 0; right: 39px; background:  left center no-repeat; background-size: 20px 50px; z-index: 1;}
.alllist .upbtn {position: absolute;right: 5px;width:30px; height: 30px;}
.alllist .upbtn:after { content: ""; display: inline-block; width: 10px; height: 10px; border-top: 2px solid #414de8; border-right: 2px solid #414de8; position: absolute; top: 12px; left: 8px;}
.alllist .upbtn:after { -webkit-transform: rotate(135deg); -moz-transform: rotate(135deg); -o-transform: rotate(135deg); transform: rotate(135deg);}
.alllist .listbox{overflow: hidden; margin-right: 40px; overflow: hidden;}
.alllist .listone{float: left; height: 40px; line-height: 40px; margin: 0 3px; font-size: 14px; text-align: center; color: #fff; border-radius: 20px; background: #414de8; outline: none;}
.alllist .listone.act{ background: #f00;}
.alllist .downlistbox { position: absolute;top: 0; width:100%;background: rgba(255,255,255,0.9); z-index: 1; text-align: center;}
.alllist .downlistbox .bbox {}
.alllist .downlistbox .bbox div { margin: 5px;}

.openlist{display:none;width: 100%;height: 2.85rem;background:#fff;position: absolute;bottom:1.1rem;-webkit-box-shadow: -0.02rem -0.02rem 0.02rem #ccc;
-moz-box-shadow: -0.02rem -0.02rem 0.02rem #ccc;
box-shadow: -0.02rem -0.02rem 0.02rem #ccc;right:0;right:-0.15rem; }
.openlist .tit{height:0.5rem;background:#f9f9f9;color:#5a5a5a;padding:0 0.3rem;}
.openlist .tit .text{float: left;line-height: 0.5rem;}
.openlist .tit .rightbox{min-width: 1.44rem;float: right;}
.openlist .rightbox select{min-width: 0.9rem;height: 0.3rem;border:1px solid #5a5a5a;-webkit-border-radius: 0.05rem;
-moz-border-radius: 0.05rem;
border-radius: 0.05rem;float: left;outline: none;margin-right: 0.3rem;margin-top: 0.09rem}
.openlist .rightbox .close{width: 0.22rem;height: 0.22rem;background:#393939;color:#fff;text-align: center;float: left;line-height: 0.22rem;margin-top: 0.14rem}

.listdetail { min-height: 400px; background: url(../image/loading.gif) center center no-repeat;}
.listdetail img { width: calc(100% - 20px); height: auto; margin: 0 10px;}
@media screen and (max-width:900px) {
.listdetail img { width: calc(100% - 10px); margin: 0 5px;}
}

@media screen and (max-width:450px){ 
.alllist{ height: 30px;} 
.alllist .listone { height: 30px; line-height: 30px; border-radius: 15px;}
.alllist .upbtn:after { top: 5px;}
 }