main{padding:20px 10px;display:table;width:100%;table-layout:fixed}main .banner{padding:10px 0}article,aside{display:table-cell;vertical-align:top}aside{width:20%}aside .close{display:none}aside label{display:block;cursor:pointer}aside .slideitem{height:30px}aside .adpic{padding:5px 0}.aside-002{padding:10px 0}.aside-002 .brands-h2,.aside-002 .title-h2,.aside-002 h2{margin:0 0 10px;font-size:16px;padding:7px 10px}.aside-002 .menuitem{font-size:14px;line-height:30px;padding-left:5px;position:relative;display:block;height:30px}article{width:80%;padding-left:3%}@media screen and (max-width:768px){article,aside .close,main{display:block}article{width:100%;padding:0}aside{position:fixed;right:-250px;z-index:500;top:0;background-color:#fff;padding:10px;width:250px;border-left:1px solid #eee;height:100%;overflow:auto;-webkit-transition:right .35s ease;-moz-transition:right .35s ease;-o-transition:right .35s ease;transition:right .35s ease}aside .close{text-align:right;padding-bottom:10px;font-size:20px;color:#999}#baike_aside:checked+aside{right:0}}#breadcrumb{float:left}#topTitle{padding-bottom:4px;border-bottom:1px solid #eee}#topTitle::after{content:'';display:block;clear:both}.club-aside{display:none}.key_search .text{padding:10px}@media screen and (max-width:768px){#topTitle{border:0}#breadcrumb,.club-aside{border-bottom:1px solid #eee}#breadcrumb{width:90%}.club-aside{display:block;float:right;width:10%;height:31px;text-align:right;font-size:20px;padding:5px 0}}main .floatBox{display:inline-block;display:box;display:-webkit-box;display:-moz-box;display:-ms-flexbox;display:-webkit-flex;display:flex;-webkit-flex-wrap:wrap;-moz-flex-wrap:wrap;-ms-flex-wrap:wrap;-o-flex-wrap:wrap;flex-wrap:wrap;-webkit-justify-content:space-between;-moz-justify-content:space-between;-ms-justify-content:space-between;-ms-flex-pack:space-between;-o-justify-content:space-between;justify-content:space-between}main .floatBox::after{content:"";width:31%}main .item{width:31%;margin-bottom:25px;line-height:0;position:relative;text-align:center}main p{margin:0 0 25px}@media screen and (max-width:480px){main .item{width:48%}main .item p{margin:20px 0}.listbox .floatBox{border-bottom:1px solid #eee;padding-bottom:20px}.listbox .pic,.listbox .word{width:100%}.listbox .more{position:relative;margin-top:10px}}@media screen and (min-width:480px){main .item p{position:absolute;bottom:0;width:100%;background:rgba(0,0,0,.7);color:#fff;margin:0;line-height:35px}}