.md-ruler{position:relative;padding:2.4vw 0 2.66667vw;width:100%;height:9.46667vw;box-sizing:border-box;font-family:DINPro-Medium,DIN Alternate,Helvetica Neue,Helvetica,PingFang SC,Hiragino Sans GB,Microsoft YaHei,微软雅黑,Arial,sans-serif}.md-ruler .md-ruler-canvas{width:100%;height:4vw}.md-ruler .md-ruler-cursor{z-index:10;position:absolute;top:1.73333vw;left:50%;width:2px;height:4.66667vw;-webkit-transform:translate(-50%);transform:translate(-50%);background-color:#2f86f6;box-shadow:0 2px 0.53333vw #2f86f6}.md-ruler .md-ruler-cursor-bottom{height:2.66667vw}.md-ruler .md-ruler-arrow{z-index:10;position:absolute;bottom:1.73333vw;left:50%;border-bottom:0.66667vw solid #2f86f6;border-left:0.66667vw solid transparent;border-right:0.66667vw solid transparent;-webkit-transform:translate(-50%);transform:translate(-50%)}