.index-cate{}
.index-cate ul{list-style:none;padding:0;}
.index-cate .cate-name{height:50px;line-height:40px;padding:0 10px;padding-top:10px;}
.index-cate .cate-name img{margin:10px 0;width:20px;float:left;}
.index-cate .cate-name span{margin-left:10px;}
.index-cate .cate-list{padding:10px;overflow:hidden;}
.index-cate .cate-list a{height:40px;line-height:40px;width:33%;float:left;}
.index-cate .cate-more{text-align:center;height:40px;line-height:40px;padding-bottom:10px;}
.index-cate .cate-more span{margin-right:5px;}
.index-cate .cate-more i{color:#999;}
.index-cate .cate-more .up{display:none;}
.index-cate .active .up{display:inline-block;}
.index-cate .active .down{display:none;}

.cate-wrap{font-size:0;background-color:#fff;border-bottom:1px solid #f3f3f3;width:100%;overflow:hidden;padding-bottom:.3rem;padding-top:1.8rem}
.cate-wrap li{box-sizing:border-box;width:20%;float:left}
.cate-wrap li a,.icon2{color:#555;font-size:16px;text-align:center;display:block;padding:.8rem 0}
.cate-img{background-size:6rem auto;display:inline-block}
.cate-wrap li a img, .cate-img img{width:3rem;height:3rem}
.cate-desc{display:block}
.cate-wrap li a p,.cate-desc{padding-top:.8rem}

.home-top .top-fixed{top: 30px;}
.header-wrap { display: block; max-width: 320px; max-width: 640px; margin: 0 auto; text-align: center; }
.header-l { display: block; width: 1.95rem; height: 1.95rem; position: absolute; top: 0; left: 0; }
.home-top .header-inp {  background-color: rgba(255,255,255,0.9); border: none; border-radius: 0.1rem;}
.header-inp [class*="icon-"] { padding: 0 5px; font-size:1.5rem; line-height: 2.5rem;}
.header-inp .icon-search { float: right;}
.header-inp .search-input { width: 60%; height: 2.5rem; font-size: 1rem; line-height: 2.5rem; color: #BBB; vertical-align: top; border: solid 0.05rem #DEDEDE; overflow: hidden; text-overflow: ellipsis; white-space: nowrap;display: inline-block;}
.header-inp .input-del { position: absolute; z-index: 1; top: 0; right: 0; display: none; width: 1.38rem; height: 1.38rem; background-image: url(../images/cancel_b.png); background-repeat: no-repeat; background-position: 50% 50%; background-size: 50%; opacity: 0.2;}
.header-inp.write .search-input { color: #111;}
.header-inp.write .input-del { display: block;}
.home-top .header-r a i.message { width: 1rem; height: 1rem; margin: 0 auto; background-image: url(../images/message_ws.png); background-repeat: no-repeat; background-position: 50% 50%; background-size: 90%; opacity: 1;}
.home-top { display: block; min-height: 2.2rem; position: relative;  z-index: 2; padding-top: 30px; overflow: hidden;}
.home-top .cohesive { position: absolute; z-index: 2; top: 0; left: 0; right: 0; display: block; height: 2.25rem;
background-image: -moz-linear-gradient(top, rgba(0,0,0,0.3),  rgba(0,0,0,0.0));
background-image: -ms-linear-gradient(top, rgba(0,0,0,0.3),  rgba(0,0,0,0.0));
background-image: -webkit-linear-gradient(top, rgba(0,0,0,0.3),  rgba(0,0,0,0.0));
background-image: linear-gradient(top, rgba(0,0,0,0.3),  rgba(0,0,0,0.0));}

.index-cate li span.icon { display: inline-block; width: 3.0rem; height: 3.0rem; border-radius: 100%;}
.index-cate li:nth-child(1) span.icon { background-color: #FB6E52;}
.index-cate li:nth-child(2) span.icon { background-color: #48CFAE;}
.index-cate li:nth-child(3) span.icon { background-color: #4FC0E8;}
.index-cate li:nth-child(4) span.icon { background-color: #AC92ED;}
.index-cate li:nth-child(5) span.icon { background-color: #FF9300;}
.index-cate li:nth-child(6) span.icon { background-color: #62BA1E;}
.index-cate li:nth-child(7) span.icon { background-color: #1A8DE5;}
.index-cate li:nth-child(8) span.icon { background-color: #EC87BF;}
.index-cate li:nth-child(9) span.icon { background-color: #B5A140;}
.index-cate li:nth-child(10) span.icon { background-color: #77A0A0;}
.index-cate li span.icon i {font-size: 24px !important; line-height: 3.0rem; color:#fff;}
.index-cate li span.icon i.icon-delivery-dining {font-size:2.2rem !important;}
.index-cate li span.icon i.ico { display: inline-block; width: 100%; height: 100%; background-position: 50% 50%; background-repeat: no-repeat; background-size: 50%;}