.h50{height:50px;}
.classify-wrap {position: relative;max-width: 640px;overflow: hidden;border-top: solid 1px #ddd;}
.classify-wrap .c-left{position: absolute;top: 0;bottom:0;left: 0;right: 74%;overflow-y: scroll;background: #ffffff;}
.classify-wrap .classify-nav .class-brand{padding: 7px 3px;text-align: center;height: 50px;line-height: 37px;font-size: 0.825rem;overflow: hidden;}
.classify-wrap .classify-nav .class-brand.cur {background: #f6f8f7;color: #FF3B30;}
.classify-wrap .classify-nav.gray .class-brand{ -webkit-filter: grayscale(100%);-moz-filter: grayscale(100%);-ms-filter: grayscale(100%);-o-filter: grayscale(100%);filter: grayscale(100%);filter: gray;}
.classify-wrap .classify-nav .class-brand img{width: auto; height:36px; max-width: 100%}
.classify-wrap .classify-nav li{ height: 50px; line-height: 50px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;border-bottom: solid 1px #BFBEC1; background:#F6F4F4; text-align: center }
.classify-wrap .c-right{position: absolute;top: 0;bottom:0;right: 0;left: 26%;overflow-y: scroll;background:#F6F8F7;padding: 0 10px;}
.classify-wrap .c-list-all{ height:50px;background:#FFF; border-bottom: solid 1px #BFBEC1; font-size: 1rem; line-height: 50px;padding:0 10px; position: relative;}
.classify-wrap .c-list-all:after{ content: ""; position: absolute;width: 16px;height:8px;margin-top: -4px; background:url(../images/ico-arrow-t.png) no-repeat right center;right:10px;top:50%;background-size: 15px;}
.cTow-wrap .cTow-box{padding: 0 15px;}
.cTow-box .tit{height: 42px;line-height: 42px;}
.cTow-box .tit b{float:left;}
.cTow-box .tit a{float:right;color: #999;}
.cTow-box .classify-three{overflow:hidden;background: #FFF;border-radius: 2px;margin-bottom: 5px;padding-bottom: 10px;}
.cTow-box .classify-three a{width:33.3%;float:left;padding: 8px 5% 0;text-align:center;}
.cTow-box .classify-three em{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}

.classify-tit{color: #333;padding: 10px 0;font-size: 0.9125rem;line-height: 18px;}
.classify-tit a{float:right;color:#999;font-size:0.75rem;background: url(../images/ico-arrow-r.png) no-repeat right center;background-size: 7px;padding-right: 12px;}
.classify-list {background: #FFF;overflow: hidden;padding: 6px 0;}
.classify-list .classify-item{float:left;width:33.3%;text-align: center;margin: 8px 0;color: #666;font-size: 0.75rem;}
.classify-list .classify-item img{width: 52px;display: block;margin:0 auto 5px;height: 52px;}
.classify-list .classify-item p{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}

