.list-box{margin:0;padding:0}.list-box img{display:block}.list-box .filter-box{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;height:40px;line-height:40px;-webkit-box-pack:end;-webkit-justify-content:flex-end;-ms-flex-pack:end;justify-content:flex-end;border-bottom:1px solid #f1f1f1;box-sizing:border-box}.list-box .filter-box .filter-item{margin:0 16px;font-size:16px;color:grey;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;float:right}.list-box .filter-box .cur,.list-box .filter-box .filter-item:hover{cursor:pointer;color:#414141;border-bottom:1px solid #414141;position:relative}.list-box .filter-box .filter-item:nth-child(2).cur::after{content:'';position:absolute;width:6px;height:6px;right:-12px;top:20px;border-right:1px solid #999;border-bottom:1px solid #999;box-sizing:border-box;-webkit-transform:rotate(45deg);-ms-transform:rotate(45deg);transform:rotate(45deg)}.list-box .filter-box .filter-item:nth-child(2).cur::before{content:'';position:absolute;width:6px;height:6px;right:-12px;top:16px;border-left:1px solid #000;border-top:1px solid #000;box-sizing:border-box;-webkit-transform:rotate(45deg);-ms-transform:rotate(45deg);transform:rotate(45deg)}.list-box .filter-box .filter-item:nth-child(2).cur.asc::after{border-right:1px solid #000;border-bottom:1px solid #000}.list-box .filter-box .filter-item:nth-child(2).cur.asc::before{border-left:1px solid #999;border-top:1px solid #999}.list-box .filter-box .filter-item:nth-child(3).cur::after{content:'';position:absolute;width:6px;height:6px;right:-12px;top:20px;border-right:1px solid #999;border-bottom:1px solid #999;box-sizing:border-box;-webkit-transform:rotate(45deg);-ms-transform:rotate(45deg);transform:rotate(45deg)}.list-box .filter-box .filter-item:nth-child(3).cur::before{content:'';position:absolute;width:6px;height:6px;right:-12px;top:16px;border-left:1px solid #000;border-top:1px solid #000;box-sizing:border-box;-webkit-transform:rotate(45deg);-ms-transform:rotate(45deg);transform:rotate(45deg)}.list-box .filter-box .filter-item:nth-child(3).cur.asc::after{border-right:1px solid #000;border-bottom:1px solid #000}.list-box .filter-box .filter-item:nth-child(3).cur.asc::before{border-left:1px solid #999;border-top:1px solid #999}.list-box .list-body{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-pack:justify;-webkit-justify-content:space-between;-ms-flex-pack:justify;justify-content:space-between;padding-bottom:50px;min-height:800px}.list-box .list-body .left-menu{width:200px;padding:0 16px;box-sizing:border-box;float:left}.list-box .list-body .left-menu .lm-item{min-height:62px;line-height:62px;border-bottom:1px solid #f1f1f1;text-align:left;font-size:16px;color:grey;position:relative;cursor:pointer;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.list-box .list-body .left-menu .lm-item>span{display:block}.list-box .list-body .left-menu .lm-item .item-options{overflow:hidden;line-height:24px;-webkit-transition:all .3s;transition:all .3s}.list-box .list-body .left-menu .lm-item .item-options .item-option{padding-left:30px;position:relative;padding-bottom:10px;cursor:pointer}.list-box .list-body .left-menu .lm-item .item-options .item-option:hover{color:#414141}.list-box .list-body .left-menu .lm-item .item-options .item-option::before{content:'';position:absolute;top:5px;left:0;width:16px;height:16px;border:1px solid grey;display:block;border-radius:4px;box-sizing:border-box}.list-box .list-body .left-menu .lm-item .item-options .item-option.cur::before{content:'';color:#fff;border:1px solid #414141;background:url(../png/icon-dui.png) no-repeat center;background-size:10px 10px;background-color:#414141}.list-box .list-body .left-menu .lm-item.cur .item-options{height:0!important;-webkit-transition:all .3s;transition:all .3s}.list-box .list-body .left-menu .lm-item::after{content:"";position:absolute;top:30px;right:2px;width:8px;height:0;border-bottom:2px solid grey;-webkit-transition:-webkit-transform .2s;transition:-webkit-transform .2s;transition:transform .2s;transition:transform .2s,-webkit-transform .2s}.list-box .list-body .left-menu .lm-item.cur::after{-webkit-transform:rotate(180deg);-ms-transform:rotate(180deg);transform:rotate(180deg);-webkit-transition:-webkit-transform .2s;transition:-webkit-transform .2s;transition:transform .2s;transition:transform .2s,-webkit-transform .2s}.list-box .list-body .left-menu .lm-item::before{content:"";position:absolute;top:30px;right:2px;width:8px;height:0;border-top:2px solid grey;-webkit-transition:-webkit-transform .2s;transition:-webkit-transform .2s;transition:transform .2s;transition:transform .2s,-webkit-transform .2s}.list-box .list-body .left-menu .lm-item.cur::before{-webkit-transform:rotate(270deg);-ms-transform:rotate(270deg);transform:rotate(270deg);-webkit-transition:-webkit-transform .2s;transition:-webkit-transform .2s;transition:transform .2s;transition:transform .2s,-webkit-transform .2s}.list-box .list-body .right-pros{float:right}.list-box .list-body .pro-list{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;width:1040px;-webkit-flex-wrap:wrap;-ms-flex-wrap:wrap;flex-wrap:wrap;height:-webkit-max-content;height:-moz-max-content;height:max-content}.list-box .list-body .pro-list li{margin:16px 0 0 8px;width:252px;height:390px;background-color:#fafafa;text-align:center;cursor:pointer;position:relative;overflow:hidden;float:left}.list-box .list-body .pro-list li .pro-sellout{position:absolute;width:60px;height:24px;background-color:#414141;color:#fff;text-align:center;line-height:24px;font-size:14px;right:8px;top:8px;border-radius:3px}.list-box .list-body .pro-list li .pro-presale{display:none;border:1px solid #414141!important;background-color:#fff!important;color:#414141!important;font-weight:700!important}.list-box .list-body .pro-list li .pro-img{position:relative;height:252px}.list-box .list-body .pro-list li .pro-img img{display:block;width:100%;height:100%}.list-box .list-body .pro-list li .pro-img .float-img{position:absolute;top:0;left:0}.list-box .list-body .pro-list li .pro-xilie{color:grey;font-weight:lighter;font-size:14px;line-height:24px;min-height:48px}.list-box .list-body .pro-list li .pro-name{color:#414141;font-size:16px;height:48px;line-height:24px;padding:0 15px}.list-box .list-body .pro-list li .pro-price{margin-top:12px;color:#414141;font-size:16px;line-height:24px}.list-box .list-body .pro-list li .pro-price span{margin-left:10px;color:#737373;font-size:12px;text-decoration:line-through}.list-box .list-body .pro-list li .pro-icon-label{position:absolute;left:8px;top:8px;z-index:9}.list-box .list-body .pro-list li:hover{box-shadow:1.4px 1.4px 4px 0 rgba(0,0,0,.1)}.list-box .list-body #loading{text-align:center;margin:20px 0;color:grey}