.my-slider{position:relative;height:20px}.my-slider .path{background:#f8f9fa}.my-slider .bg,.my-slider .path{position:absolute;left:0;top:6px;width:100%;height:8px;border-radius:5px}.my-slider .bg{background:#4a6df0}.my-slider .slider{position:absolute;cursor:pointer;width:16px;height:16px;top:2px;border-radius:50%;background:#fff;border:3px solid #4a6df0}.sliderConfig{display:inline-flex;width:100%;background:#fff;min-height:500px}.sliderConfig .config{width:calc(100% - 260px);min-width:500px;margin-right:16px;padding-bottom:16px}.sliderConfig .config .config-slot{margin-bottom:24px}.sliderConfig .config .config-slot .config-slot-top{display:inline-flex;width:100%}.sliderConfig .config .config-slot .config-slot-top .title{width:50%;font-weight:500;font-size:16px;line-height:22px;color:rgba(0,0,0,.85)}.sliderConfig .config .config-slot .config-slot-top .number{width:50%;text-align:right}.sliderConfig .config .config-slot .config-slot-content{margin-top:16px;background:#f8f9fa;border-radius:4px;padding:20px 16px}.sliderConfig .config .config-slot .config-slot-content .flex-box{display:inline-flex;flex-wrap:wrap;width:100%}.sliderConfig .config .config-slot .config-slot-content .flex-box .singleBox{min-width:180px}.sliderConfig .config .config-slot .config-slot-content .flex-box .singleBox .title{font-weight:700;font-size:14px;line-height:22px;color:#262626}.sliderConfig .config .config-slot .config-slot-content .flex-box .singleBox .title>span{width:10px;height:10px;border-radius:5px;margin-right:5px;background:red;display:inline-block}.sliderConfig .config .config-slot .config-slot-content .flex-box .singleBox .input{margin:10px 0}.sliderConfig .right{width:260px}.sliderConfig .right .content{margin-top:45px;padding:24px;background:#f4faff;border-radius:4px}.sliderConfig .right .content>div{margin-top:18px;font-size:14px;line-height:22px;display:flex;align-items:center;color:rgba(0,0,0,.65)}