.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(../images/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(../images/alllist-right.png) 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 #0063ca; border-right: 2px solid #0063ca; 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: #0063ca; 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(../images/loading.gif) center center no-repeat;}
.listdetail img { width: 100%; height: auto;}

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

.cgi-foot-blank { height: 70px; clear: both; overflow: hidden;}
.cgi-foot-links { width: 100%; max-width: 800px; height: 60px; border-top: solid 1px #ddd; box-shadow:0 -4px 10px rgba(0, 0, 0, 0.05);  background: #fff; background-image:linear-gradient(to top, #e5e5e5, #fff); position: fixed; bottom: 0; z-index: 1000;}
.cgi-foot-links ul {}
.cgi-foot-links ul li { float: left; width: 20%; text-align: center;}
.cgi-foot-links ul li a { font-size: 15px; color: #555;}
.cgi-foot-links ul li a.hover { color: #f00;}
.cgi-foot-links ul li a:hover { text-decoration: none; color: #f00;}
.cgi-foot-links ul li a span { height: 34px; display: block;}
.cgi-foot-links ul li a span.cfl1 { background: url(../images/cfl1.png) 50% 8px no-repeat; background-size: auto 25px;}
.cgi-foot-links ul li a span.cfl2 { background: url(../images/cfl2.png) 50% 8px no-repeat; background-size: auto 25px;}
.cgi-foot-links ul li a span.cfl3 { background: url(../images/cfl3.png) 50% 8px no-repeat; background-size: auto 25px;}
.cgi-foot-links ul li a span.cfl4 { background: url(../images/cfl4.png) 50% 8px no-repeat; background-size: auto 25px;}
.cgi-foot-links ul li a.hover span.cfl1 { background: url(../images/cfl1-2.png) 50% 8px no-repeat; background-size: auto 25px;}
.cgi-foot-links ul li a.hover span.cfl2 { background: url(../images/cfl2-2.png) 50% 8px no-repeat; background-size: auto 25px;}
.cgi-foot-links ul li a.hover span.cfl3 { background: url(../images/cfl3-2.png) 50% 8px no-repeat; background-size: auto 25px;}
.cgi-foot-links ul li a.hover span.cfl4 { background: url(../images/cfl4-2.png) 50% 8px no-repeat; background-size: auto 25px;}
.cgi-foot-links ul li a:hover span.cfl1 { background: url(../images/cfl1-2.png) 50% 8px no-repeat; background-size: auto 25px;}
.cgi-foot-links ul li a:hover span.cfl2 { background: url(../images/cfl2-2.png) 50% 8px no-repeat; background-size: auto 25px;}
.cgi-foot-links ul li a:hover span.cfl3 { background: url(../images/cfl3-2.png) 50% 8px no-repeat; background-size: auto 25px;}
.cgi-foot-links ul li a:hover span.cfl4 { background: url(../images/cfl4-2.png) 50% 8px no-repeat; background-size: auto 25px;}
.cgi-foot-links ul li.cfl-more { width: 20%; height: 60px; display: block; position: relative;}
.cgi-foot-links ul li.cfl-more a { width: 70px; height: 70px; line-height: 70px; background: url(../images/cfl-more.png) center center no-repeat; background-size: 100%; border-radius: 35px; display: block; position: absolute; bottom: 0px; left: 50%; margin-left: -35px; overflow: hidden; text-indent: -999999px;}

.cgi-foot-more { width: 100%; max-width: 800px; position: fixed; bottom: 60px; z-index: 999; padding: 5px 0; font-size: 14px; text-align: center; background: rgba(0,0,0,0.7);display:none;}
.cgi-foot-more ul {}
.cgi-foot-more ul li { float: left; width: 20%;}
.cgi-foot-more ul li a { height: 30px; line-height: 30px; color: #fff; display: block;}