.sliderbar{position:relative;height:20px;margin-top:20px;border-radius:10px}.sliderbar .bars{width:30px;height:30px;background:#11bad8;position:absolute;top:-5px;cursor:pointer;border-radius:50%}.sliderbar .on{-webkit-box-shadow:5px 3px 9px #696b6c;box-shadow:5px 3px 9px #696b6c}.sliderbar .bars .tip{position:absolute;width:40px;line-height:20px;bottom:100%;margin:0 0 8px -2px;text-align:center;background:#fff}.sliderbar .bars .tip input{display:inline-block;text-align:center;width:100%;vertical-align:top;outline:none}.sliderbar .area{border:0;padding:0;width:100%;border-radius:10px;height:inherit;overflow:hidden}.sliderbar .area li{list-style:none;float:left;text-align:center;line-height:inherit;height:inherit;font-size:14px;color:#313030;font-family:"\5FAE\8F6F\96C5\9ED1"}.bearingMark-scrollbar .header[data-v-730241d7]{height:40px;line-height:40px;border-bottom:1px solid #ccc;font-size:16px;font-weight:500;font-family:"\5FAE\8F6F\96C5\9ED1"}.bearingMark-scrollbar .el-input[data-v-730241d7]{width:210px}.bearingMark-scrollbar .list-header[data-v-730241d7]{height:40px;line-height:40px;border-bottom:1px solid #ccc;margin-bottom:20px}.bearingMark-list .textColor{text-align:right;margin:10px 0}.bearingMark-list .green{color:#01c302}.bearingMark-list .blue{color:#00a2ff}.bearingMark-list .orange{color:#ff8a00}.bearingMark-list .red{color:#f06}