.rule-outer{position:absolute;bottom:10px;left:50%;-webkit-transform:translate(-50%);transform:translate(-50%);z-index:3;pointer-events:none}.rule-box{height:37px;-webkit-transform-origin:center center;transform-origin:center center}.rule-box1{display:-webkit-box;display:-ms-flexbox;display:flex}.rule-box2{margin-top:4px;position:absolute;display:-webkit-box;display:-ms-flexbox;display:flex}.rule-tickv{height:12px;font-size:12px;width:20%;line-height:12px;text-align:center}.rule-tick{position:relative;height:8px;width:calc(20% - 1px)}.rule-tickright{position:relative;height:8px;width:calc(20% - 2px)}.rule-unit{margin-top:16px;position:absolute;width:100%;height:12px;font-size:12px;line-height:12px;text-align:center;color:#999}.rule-tickright-black-border{border-bottom:1px solid #333;border-left:1px solid #333;border-right:1px solid #333}.rule-tick-black-border{border-bottom:1px solid #333;border-left:1px solid #333}.rule-tickv-black-color{color:#333}.rule-tickright-white-border{border-bottom:1px solid #ffffff;border-left:1px solid #ffffff;border-right:1px solid #ffffff}.rule-tick-white-border{border-bottom:1px solid #ffffff;border-left:1px solid #ffffff}.rule-tickv-white-color{color:#fff}