/* tab-scroll-category */
.tab-scroll-category {position:relative;margin-bottom:30px}
.tab-scroll-category #tab-category {position:relative;overflow-x:hidden;height:55px;line-height:53px;border-top:1px solid #e3e3e3;background:url(../../img/common/cate_bg.gif) repeat-x bottom;z-index:1}
.tab-scroll-category #tab-category .category-list span {position:relative;color:#858585;text-align:center;cursor:pointer;display:inline-block;float:left;border-right:1px solid #f7f7f7;border-left:1px solid #e3e3e3;z-index:1}

.tab-scroll-category #tab-category .category-list span.fake-span {width:50px}
.tab-scroll-category #tab-category .category-list span a {width:100%;padding:0 20px;color:#858585;display:inline-block;height:53px;line-height:53px;}
.tab-scroll-category #tab-category .category-list span.active {border-color:#a3a3a3;}
.tab-scroll-category #tab-category .category-list span.active a {color:#000;background:#fff;font-weight:bold;height:55px;}
.tab-scroll-category #tab-category .category-list span.active:before {content:'';position:absolute;top:-1px;left:0;display:block;width:100%;height:5px;z-index:2;
background: -webkit-linear-gradient(90deg, rgb(188, 143, 240), rgb(173, 208, 255));
background: linear-gradient(90deg, rgb(188, 143, 240), rgb(173, 208, 255));
}
.tab-scroll-category #tab-category .category-list span.active:after {content:'';display:block;width:100%;height:5px;z-index:2;background:#fff;}
.tab-scroll-category .scrollbar {position:relative;height:2px;/*background:#eaeaea;*/line-height:0;margin-bottom:10px;border-radius:2px !important}
.tab-scroll-category .scrollbar .handle {width:100px;height:100%;/*background:#eaeaea;*/cursor:pointer;border-radius:1px !important}
.tab-scroll-category .scrollbar .handle .mousearea {position:absolute;top:0;left:0;width:100%;height:15px}
.tab-scroll-category .controls .btn {position:absolute;top:0;width:20px;height:53px;padding:0;font-size:16px;background:rgba(255, 255, 255, 0.8)}
.tab-scroll-category .controls {display:none}
.tab-scroll-category .controls .btn.disabled {display:none}
.tab-scroll-category .controls .btn.prev {left:0}
.tab-scroll-category .controls .btn.next {right:0}
.tab-scroll-category .tab-category-divider {position:absolute;bottom:0;left:0;width:100%;height:1px;/*background:#eaeaea*/}
/* tab-scroll-page-category */
.tab-scroll-page-category {position:relative;padding:0;margin-top:25px}
.tab-scroll-page-category #tab-page-category {position:relative;overflow:hidden;height:40px;line-height:30px;z-index:1}
.tab-scroll-page-category #tab-page-category .page-category-list span {padding:0 20px;color:#858585;text-align:center;cursor:pointer;display:inline-block}
.tab-scroll-page-category #tab-category .category-list span.fake-span {width:50px}
.tab-scroll-page-category #tab-page-category .page-category-list span a {color:#858585;display:inline-block;height:40px}
.tab-scroll-page-category #tab-page-category .page-category-list span.active a {color:#000;font-weight:bold;height:40px;border-bottom:1px solid #000;z-index:1}
.tab-scroll-page-category .scrollbar {position:relative;height:2px;background:#eaeaea;line-height:0;margin-bottom:10px;border-radius:2px !important}
.tab-scroll-page-category .scrollbar .handle {width:100px;height:100%;background:#757575;cursor:pointer;border-radius:2px !important}
.tab-scroll-page-category .scrollbar .handle .mousearea {position:absolute;top:0;left:0;width:100%;height:15px}
.tab-scroll-page-category .controls .btn {position:absolute;top:0;width:20px;height:30px;padding:0;font-size:16px;background:rgba(255, 255, 255, 0.8)}
.tab-scroll-page-category .controls {display:none}
.tab-scroll-page-category .controls .btn.disabled {display:none}
.tab-scroll-page-category .controls .btn.prev {left:0}
.tab-scroll-page-category .controls .btn.next {right:0}
.tab-scroll-page-category .tab-page-category-divider {position:absolute;bottom:0;left:0;width:100%;height:1px;background:#eaeaea}