.quarter-picker{position:relative;width:256px;height:32px;cursor:pointer;border:1px solid #d9d9d9;border-radius:4px;-webkit-transition:.3s;transition:.3s}.quarter-picker:hover{border-color:#5e86db}.quarter-picker .view-box{position:relative;display:-webkit-box;display:-ms-flexbox;display:flex;height:30px;-webkit-box-align:center;-ms-flex-align:center;align-items:center}.quarter-picker .view-box.placeholder .view-item{color:#ccc}.quarter-picker .view-box:before{position:absolute;top:50%;left:50%;font-size:14px;color:rgba(0,0,0,.45);content:"~";-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%)}.quarter-picker .view-box .view-item{width:50%;font-size:14px;line-height:14px;color:rgba(0,0,0,.65);text-align:center}.quarter-picker .picker-panel{position:absolute;top:-4px;left:-4px;z-index:99999999;width:552px;background-color:#fff;border:1px solid #fff;border-radius:2px;-webkit-box-shadow:0 2px 8px rgba(0,0,0,.15);box-shadow:0 2px 8px rgba(0,0,0,.15)}.quarter-picker .picker-panel .panel-view-line{position:relative;display:-webkit-box;display:-ms-flexbox;display:flex;height:34px;-webkit-box-align:center;-ms-flex-align:center;align-items:center;border-bottom:1px solid #e8e8e8}.quarter-picker .picker-panel .panel-view-line.placeholder .view-item{color:#ccc}.quarter-picker .picker-panel .panel-view-line:before{position:absolute;top:50%;left:50%;font-size:14px;color:rgba(0,0,0,.45);content:"~";-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%)}.quarter-picker .picker-panel .panel-view-line .view-item{width:50%;font-size:14px;line-height:14px;color:rgba(0,0,0,.65);text-align:center}.quarter-picker .picker-panel .year-line{display:-webkit-box;display:-ms-flexbox;display:flex;border-bottom:1px solid #e8e8e8}.quarter-picker .picker-panel .year-line .year-item{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;-webkit-box-align:center;-ms-flex-align:center;align-items:center;width:50%;padding:0 12px}.quarter-picker .picker-panel .year-line .year-item .year-icon{display:block;padding:10px;font-size:14px;color:rgba(0,0,0,.45);cursor:pointer;-webkit-transition:.3s;transition:.3s}.quarter-picker .picker-panel .year-line .year-item .year-icon:hover{color:#5e86db}.quarter-picker .picker-panel .year-line .year-item .year-text{height:40px;font-size:14px;line-height:40px;color:rgba(0,0,0,.85);-webkit-transition:.3s;transition:.3s}.quarter-picker .picker-panel .year-line .year-item .year-text:hover{color:#5e86db}.quarter-picker .picker-panel .quarter-line{display:-webkit-box;display:-ms-flexbox;display:flex}.quarter-picker .picker-panel .quarter-line .quarter-box{display:-webkit-box;display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap;width:50%}.quarter-picker .picker-panel .quarter-line .quarter-box .quarter-item{width:50%;height:40px;line-height:40px;color:rgba(0,0,0,.65);text-align:center;-webkit-transition:.3s;transition:.3s}.quarter-picker .picker-panel .quarter-line .quarter-box .quarter-item.selected{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center}.quarter-picker .picker-panel .quarter-line .quarter-box .quarter-item.selected .quarter-span{height:24px;padding:0 8px;font-size:14px;line-height:24px;color:#fff;background-color:#3862cf;border-radius:4px}.quarter-picker .picker-panel .quarter-line .quarter-box .quarter-item.disabled{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;cursor:not-allowed}.quarter-picker .picker-panel .quarter-line .quarter-box .quarter-item.disabled .quarter-span{height:24px;padding:0 8px;font-size:14px;line-height:24px;color:rgba(0,0,0,.25);background-color:#f5f5f5;border-radius:4px}.quarter-picker .picker-panel .quarter-line .quarter-box .quarter-item.disabled:hover{color:unset!important}.quarter-picker .picker-panel .quarter-line .quarter-box .quarter-item:hover{color:#5e86db}.quarter-picker .button-line{display:-webkit-box;display:-ms-flexbox;display:flex;height:38px;padding-right:12px;border-top:1px solid #e8e8e8;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:end;-ms-flex-pack:end;justify-content:flex-end}