.on-countdown-box,.on-countdown-item{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center}.on-countdown-item{border:1px solid;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;padding:1px;border-radius:6px;white-space:nowrap;-webkit-transform:translateZ(0);transform:translateZ(0)}.on-countdown-time{margin:0;padding:0}.on-countdown-colon{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;padding:0 5px;position:relative}.on-colon-pad{padding:0!important}.on-countdown-scale{-webkit-transform:scale(.9);transform:scale(.9);-webkit-transform-origin:center center;transform-origin:center center}.banner,.mask{width:100%;height:127px;background-color:#000}.banner{position:relative;overflow:hidden}.banner .banner_img{width:100%;height:125px}.banner .mask{z-index:2;position:absolute;opacity:.5}.banner .info{z-index:3;position:absolute;color:#fff;text-align:center;display:block;width:100%;bottom:14px}.banner .name{margin:10px 10px 20px 10px;font-size:16px;word-break:break-all;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:1;line-height:25px;height:25px}.banner .state{line-height:21px;padding:0 10px;font-size:12px;height:40px;opacity:.8}.banner .state .on-countdown-box{margin-top:-8px;margin-right:5px}.banner .state .time{display:-webkit-box;display:-ms-flexbox;display:flex;float:left;margin-top:10px}.banner .state .count{float:right;margin-top:10px}.banner .state .count li{float:left;border-right:1px solid #fff;padding:0 5px;height:20px;line-height:20px}.banner .state .count li:last-child{border:none}.filter{background-color:#f9f9f9;border:1px solid #e4e7ed;border-top:none;overflow:hidden;margin-bottom:10px}.filter ul{padding:10px}.filter ul li.f-tit,.filter ul li.li-a{margin:5px;font-size:12px;line-height:25px}.filter ul li.f-tit{font-size:14px}.filter ul li{float:left;padding:0 5px}.filter ul li.li-a{background-color:#f2f2f2;border:1px solid #e4e7ed;color:#666;cursor:pointer}.filter ul li.li-a:hover{color:#980000}.filter ul li.li-a.is-active{color:#980000;border:1px solid #980000}.banner .image{width:100px;position:absolute;padding:5px 5px 7px;background:#fff;border:1px solid #ddd;z-index:1}.banner .image:hover{-webkit-transform:rotate(0deg);transform:rotate(0deg);-webkit-transform:scale(1.1);transform:scale(1.1);-webkit-box-shadow:5px 5px 5px #ddd;box-shadow:5px 5px 5px #ddd;z-index:2;cursor:pointer}.pic1{top:0;left:200px;-webkit-transform:rotate(-5deg);transform:rotate(-5deg)}.pic6{top:0;left:300px;-webkit-transform:rotate(-20deg);transform:rotate(-20deg)}.pic3{bottom:0;right:0;-webkit-transform:rotate(5deg);transform:rotate(5deg)}.pic4{left:150px}.pic4,.pic5{bottom:0;-webkit-transform:rotate(-10deg);transform:rotate(-10deg)}.pic2,.pic5{left:0}.pic2{top:0;-webkit-transform:rotate(10deg);transform:rotate(10deg)}.pic7{top:0;left:75px;-webkit-transform:rotate(20deg);transform:rotate(20deg)}.pic8{bottom:-10px;right:315px;-webkit-transform:rotate(5deg);transform:rotate(5deg)}.pic9{top:45px;left:220px;-webkit-transform:rotate(15deg);transform:rotate(15deg)}.pic10{left:90px;top:10px;-webkit-transform:rotate(-10deg);transform:rotate(-10deg)}