.crop-container{-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;height:40px}.crop-container,.crop-container .crop-slider{display:-webkit-box;display:-ms-flexbox;display:flex;background-color:#313239}.crop-container .crop-slider{position:relative;-webkit-box-align:center;-ms-flex-align:center;align-items:center;width:400px;height:100%;padding:0 10px;border:1px solid #46484d;border-top:none;border-bottom:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.crop-container .crop-slider *{-webkit-box-sizing:border-box;box-sizing:border-box}.crop-container .crop-slider .crop-time-line-container{position:relative;-webkit-box-flex:1;-ms-flex:1;flex:1;height:100%}.crop-container .crop-slider .crop-time-line-container .crop-time-line{position:absolute;top:50%;-webkit-transform:translateY(-50%);transform:translateY(-50%);width:100%;height:4px;background-color:hsla(0,0%,100%,.5);border-radius:2px}.crop-container .crop-slider .media-duration{margin-left:5px;font-size:14px;color:#fff}.crop-container .crop-slider .cursor-time-hint{position:absolute;left:0;width:2px;height:100%;opacity:0;will-change:transform;z-index:1000}.crop-container .crop-slider .cursor-time-hint .cursor-line{position:relative;height:100%;background-color:#fff}.crop-container .crop-slider .cursor-time-hint .cursor-line .cursor-sensor{position:absolute;width:6px;height:100%;top:50%;left:50%;-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%)}.crop-container .crop-slider .cursor-time-hint .cursor-time{position:absolute;font-size:12px;line-height:24px;padding:2px 4px;top:-35px;left:50%;-webkit-transform:translateX(-50%);transform:translateX(-50%);background-color:#1795ff;border-radius:4px}.crop-container .crop-slider .cursor-time-hint .cursor-time:after{position:absolute;left:50%;bottom:0;-webkit-transform:translate(-50%,10px);transform:translate(-50%,10px);display:block;content:"";width:0;height:0;border:5px solid #1795ff;border-right-color:transparent;border-bottom-color:transparent;border-left-color:transparent}.crop-container .crop-slider .cropping{opacity:1}.crop-container .crop-slider .cropping .cursor-time{color:#1795ff;background-color:#fff}.crop-container .crop-slider .cropping .cursor-time:after{border-top-color:#fff}.crop-container .crop-slider .crop-moving-cursor{opacity:1}.crop-container .crop-slider .crop-moving-cursor:before{content:"";display:block;position:absolute;top:50%;left:0;-webkit-transform:translate(-10px,-50%);transform:translate(-10px,-50%);width:0;height:0;border:4px solid #fff;border-top-color:transparent;border-bottom-color:transparent;border-left-color:transparent}.crop-container .crop-slider .crop-moving-cursor:after{content:"";display:block;position:absolute;top:50%;right:0;-webkit-transform:translate(10px,-50%);transform:translate(10px,-50%);width:0;height:0;border:4px solid #fff;border-top-color:transparent;border-bottom-color:transparent;border-right-color:transparent}.crop-container .crop-slider .crop-moving-cursor .cursor-time{color:#fff;background-color:#1795ff}.crop-container .crop-slider .moving-cursor{opacity:1;color:#fff}.crop-container .crop-slider .crop-range{position:absolute;left:0;height:100%;background-color:rgba(23,149,255,.2)}.crop-container .crop-slider .crop-range-dragging,.crop-container .crop-slider .crop-range-hover{background-color:rgba(23,149,255,.6)}.crop-container .crop-panel{position:relative;display:-webkit-box;display:-ms-flexbox;display:flex;height:100%;background-color:#313239}.crop-container .crop-panel *{-webkit-box-sizing:border-box;box-sizing:border-box}.crop-container .crop-panel .small-btn{padding:0 3px;height:24px;font-size:12px;line-height:24px;text-align:center;color:#fff;border:none;background:none;cursor:pointer}.crop-container .crop-panel .crop-time-area{position:absolute;right:0;bottom:40px;background-color:#313239}.crop-container .crop-panel .crop-time-area .crop-time-header{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;width:100%;height:32px;padding:0 10px;border:1px solid #46484d}.crop-container .crop-panel .crop-time-area .crop-time-header .header-crop-icon{background-position:24px 0;cursor:auto}.crop-container .crop-panel .crop-time-area .crop-time-header .text{-webkit-box-flex:1;-ms-flex-positive:1;flex-grow:1;font-size:14px;text-align:left;color:#fff}.crop-container .crop-panel .crop-time-area .crop-time-body{overflow-y:auto;overflow-x:hidden;-webkit-transition:height .3s;transition:height .3s}.crop-container .crop-panel .crop-time-area .crop-time-body[data-count="0"]{height:0}.crop-container .crop-panel .crop-time-area .crop-time-body[data-count="1"]{height:40px}.crop-container .crop-panel .crop-time-area .crop-time-body[data-count="2"]{height:80px}.crop-container .crop-panel .crop-time-area .crop-time-body[data-count="3"]{height:120px}.crop-container .crop-panel .crop-time-area .crop-time-body[data-count="4"]{height:160px}.crop-container .crop-panel .crop-time-area .crop-time-body[data-count="5"]{height:200px}.crop-container .crop-panel .crop-time-area .crop-time-body[data-count="6"]{height:240px}.crop-container .crop-panel .crop-time-area .crop-time-body[data-count="7"]{height:280px}.crop-container .crop-panel .crop-time-area .crop-time-body[data-count="8"]{height:320px}.crop-container .crop-panel .crop-time-area .crop-time-body[data-count="9"]{height:360px}.crop-container .crop-panel .crop-time-area .crop-time-body[data-count="10"]{height:400px}.crop-container .crop-panel .crop-time-area .crop-time-body-hide{height:0}.crop-container .crop-panel .crop-time-item{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;height:40px;padding:0 10px}.crop-container .crop-panel .crop-time-item:hover,.crop-container .crop-panel .crop-time-item[data-highlight="1"]{background-color:#40414a}.crop-container .crop-panel .time-area{-webkit-box-flex:1;-ms-flex-positive:1;flex-grow:1}.crop-container .crop-panel .time-area,.crop-container .crop-panel .time-area .time-input-area{display:-webkit-box;display:-ms-flexbox;display:flex;-ms-flex-pack:distribute;justify-content:space-around;-webkit-box-align:center;-ms-flex-align:center;align-items:center}.crop-container .crop-panel .time-area .time-input-area{width:128px;height:24px;line-height:24px;border:1px solid #46484d}.crop-container .crop-panel .time-area .time-input-area .time-text{font-size:12px;color:#fff}.crop-container .crop-panel .time-area .time-input-area .time-input{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;width:65px;font-size:14px;text-align:center;color:#9b9b9b;border:none;background:none}.crop-container .crop-panel .time-area .time-input-area .time-input input{width:20px;padding:0 1px;background:none;border:none;color:#9b9b9b}.crop-container .crop-panel .time-area .range-text{font-size:20px;color:#9b9b9b}.crop-container .crop-panel .confirm-btn{margin:8px;width:80px;height:24px;line-height:24px;text-align:center;border-radius:4px;color:#fff;background-color:#ff991b;cursor:pointer}.crop-container .crop-panel .confirm-btn-disabled{background-color:#9b9b9b;cursor:wait}