@charset "UTF-8";

img{ width:100%; }
main { background: none; }

body #center { background: none; }

/*分类首页*/
/*.cate-tab { max-width:1024px;position:absolute;top:0;right:0;bottom:130px;left:0; margin:0 auto; padding: 80px 0 50px 0; display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex; }*/
.tabs{ margin:0;padding:0;list-style:none; width: 22%; height: 100%; float: left; background: #eee;position:absolute;z-index:1;overflow-y:auto;-webkit-overflow-scrolling:touch;text-decoration: none; }
.tabs li{ padding:12px 10px; text-align:center;cursor:pointer; color: #555; }
.tabs li.active{border-left:3px solid #d93;background:#fff; color: #d93; }
.tab-content{overflow:hidden;position:absolute;overflow-y:auto;padding:0;width: 78%;height:100%; float:right; right:0; background-color:#fff;-webkit-overflow-scrolling:touch; flex:1;}
.tabs::-webkit-scrollbar { display: none; }
.tab-content .tab-item{display:none;  margin: 0 0 10px 0; padding: 0 8px; background: #fff; border-radius: 2px; }
.tab-content .tab-item.active{display:block;}
.tab-content{ transition:transform .3s ease-in-out;}

.cate-banner { /*margin: 0 1%; */padding-top: 10px; }
.cate-banner a img { display:block;width:100%;height:auto;border:none;border-radius:4px; }
.cate-list { display: block; overflow: hidden; }
.cate-list h3 { margin: 15px 0 0 0; padding: 0 6px; font-size:14px; color: #333; border-left: 3px solid #d83; }
.cate-list ul { padding: 0 0 10px 0; display: block; overflow: hidden; }
.cate-list ul li { width: 26.333%; margin: 2px 3.5%; float: left; text-align: center; }
.cate-list ul li img { width: 100%; padding: 0; margin: 0; font-size: 0; }
.cate-list ul li p { padding: 0; margin: 0; clear: both; font-size: 13px; color: #777; line-height:15px; }

.footer { display: none; }

/*屏幕小于1024px*/
@media screen and (min-width:0px) and (max-width:1024px){
    .cate-tab { width:100%; max-width: 640px; position:absolute;top:0;right:0;bottom:130px;left:0; margin:0 auto; padding: 88px 0 50px 0; display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex; }
}


/*屏幕大于1024px*/
@media screen and (min-width:1025px){
    .cate-list ul li { width: 16%; margin: 1px 2%; float: left; text-align: center; }
    .cate-list ul li:hover a p { color: #d83; }

    .cate-tab { width:1200px;position:absolute;top:0;right:0;bottom:80px;left:0; margin:0 auto; padding: 80px 0 1px 0; display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex; }

}