.filter{width:300px;background-color:#fff;overflow:hidden;z-index:102;position:fixed;top:0;right:-300px;bottom:0;box-shadow:0 7px 15px 2px rgba(0,0,0,.17);transition:right .3s ease-in-out}.filter.is-visible{right:0}.filter .header{width:100%;height:44px;background:#f6f9fb;padding:12px;box-sizing:border-box;display:flex;justify-content:space-between}.filter .header .title{display:flex;align-items:center}.filter .header .title img{margin-right:4px;width:20px;height:20px}.filter .header .close{cursor:pointer}.filter .header .close img{width:20px;height:20px}.filter .footer{display:flex;justify-content:flex-end;padding:0 24px;position:absolute;bottom:0;width:100%;padding:10px;border-top:1px solid #e5e5e5;background-color:#fff;z-index:9999}.filter .body::-webkit-scrollbar{width:0}.filter .body{padding:12px 24px;height:calc(100vh - 180px);overflow:auto;box-sizing:border-box}.filter .body .fliter-item{margin-bottom:15px}.filter .body .fliter-item .fliter-title{font-size:14px;margin-bottom:8px;color:#333;cursor:pointer;font-weight:700;text-align:left}.filter .body .fliter-item .fliter-title img{width:10px;height:6px;vertical-align:middle}.filter .body .fliter-item .fliter-content{display:flex;flex-wrap:wrap}.filter .body .fliter-item .fliter-content .el-input{margin:4px 0}.year-select .el-input__inner{text-align:center}.el-checkbox-group{display:flex;flex-direction:column;flex-wrap:wrap;max-height:360px}.el-checkbox-group>div{margin-right:32px}.collapse-enter-active,.collapse-leave-active{transition:max-height .5s ease,opacity .5s ease}.collapse-enter,.collapse-leave-to{max-height:0;opacity:0}.collapse-enter-to,.collapse-leave{max-height:800px;opacity:1}.rote{transform:rotate(270deg)}