@charset "UTF-8";
.cscategoryfeature{position:relative;margin-bottom:100px}.cscategoryfeature .container h1{margin-bottom:58px}.cscategoryfeature .container #cscategoryfeature li.cate_item{float:left;display:inline-block;text-align:center;list-style:none;margin-left:20px;margin-right:20px;vertical-align:top;text-transform:uppercase}.cscategoryfeature .container #cscategoryfeature li.cate_item > a{display:block;overflow:hidden;position:relative;-webkit-transition:all 0.5s ease-in-out;-moz-transition:all 0.5s ease-in-out;-o-transition:all 0.5s ease-in-out;transition:all 0.5s ease-in-out}.cscategoryfeature .container #cscategoryfeature li.cate_item > a:before{position:absolute;width:100%;height:100%;top:0;left:0;content:'';-webkit-box-shadow:0 0 0 0 rgba(0,0,0,0.1) inset;-moz-box-shadow:0 0 0 0 rgba(0,0,0,0.1) inset;box-shadow:0 0 0 0 rgba(0,0,0,0.1) inset;-webkit-transition:all 0.2s ease-in-out;-webkit-transition-delay:0s;-moz-transition:all 0.2s ease-in-out 0s;-o-transition:all 0.2s ease-in-out 0s;transition:all 0.2s ease-in-out 0s}.cscategoryfeature .container #cscategoryfeature li.cate_item > a:hover:before{-webkit-box-shadow:0 0 0 30px rgba(0,0,0,0.1) inset;-moz-box-shadow:0 0 0 30px rgba(0,0,0,0.1) inset;box-shadow:0 0 0 30px rgba(0,0,0,0.1) inset}.cscategoryfeature .container #cscategoryfeature li.cate_item .big_category{margin-top:10px}.cscategoryfeature .container #cscategoryfeature li.cate_item .big_category a{color:#202020;font-weight:bold}.cscategoryfeature .container #cscategoryfeature li.cate_item .sub_categories li{display:block;border-bottom:1px solid #dbdbdb;padding:10px 0}.cscategoryfeature .cat-buttons{position:absolute}