.tonesTable[data-v-fcbbdae4]{width:100%;height:100%}.tonesTable .lines-wrap[data-v-fcbbdae4]{width:335px}.tonesTable .lines-wrap .row-nums[data-v-fcbbdae4]{display:-webkit-box;display:-ms-flexbox;display:flex;width:100%;-ms-flex-pack:distribute;justify-content:space-around}.tonesTable .lines-wrap .row-nums span[data-v-fcbbdae4]{display:inline-block;width:20px}.tonesTable .lines-wrap .col-nums[data-v-fcbbdae4]{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:reverse;-ms-flex-direction:column-reverse;flex-direction:column-reverse;font-size:9px}.tonesTable .lines-wrap .col-nums span[data-v-fcbbdae4]{display:inline-block;width:20px;height:30px}.tonesTable .lines-wrap .col-nums .line[data-v-fcbbdae4]{display:inline-block;height:1px;background:#e9e8e7;width:calc(100% - 20px);margin-bottom:5px}.tonesTable .lines-wrap .col-nums .col-nums-wrap[data-v-fcbbdae4]{position:relative}.tonesTable .lines-wrap .col-nums .col-nums-wrap .arrow-wrap[data-v-fcbbdae4]{position:absolute;width:100px;height:2px;top:6px;left:20px;z-index:1;background:#f5c653}.tonesTable .lines-wrap .col-nums .col-nums-wrap .arrowpy[data-v-fcbbdae4]{position:relative}.tonesTable .lines-wrap .col-nums .col-nums-wrap .arrowpy[data-v-fcbbdae4]:after{content:"  ";position:absolute;display:block;top:-5px;right:.5px;width:10px;height:10px;-webkit-transform:rotate(45deg);transform:rotate(45deg)}.tonesTable .lines-wrap .col-nums .col-nums-wrap .isFir[data-v-fcbbdae4]{width:50px;height:2px}.tonesTable .lines-wrap .col-nums .col-nums-wrap .isSec[data-v-fcbbdae4]{width:65px;height:2px;-webkit-transform:rotate(-65deg);transform:rotate(-65deg);position:absolute;left:86px;top:7px}.tonesTable .lines-wrap .col-nums .col-nums-wrap .isThir[data-v-fcbbdae4]{position:absolute;top:22px;left:171px;-webkit-transform:rotate(-70deg);transform:rotate(-70deg);width:95px}.tonesTable .lines-wrap .col-nums .col-nums-wrap .isThir[data-v-fcbbdae4]:before{content:"";position:absolute;left:-4px;top:-11px;width:33px;height:2px;background:#f5c653;-webkit-transform:rotate(-42deg);transform:rotate(-42deg)}.tonesTable .lines-wrap .col-nums .col-nums-wrap .isFouth[data-v-fcbbdae4]{width:125px;height:2px;-webkit-transform:rotate(71deg);transform:rotate(71deg);position:absolute;left:240px;top:-25px}.tonesTable .lines-wrap .col-nums .col-nums-wrap .isFiv[data-v-fcbbdae4]{opacity:0}.tonesTable .lines-wrap .col-nums .col-nums-wrap.isGrey .arrow-wrap[data-v-fcbbdae4]{background:#f1f1f0}.tonesTable .lines-wrap .col-nums .col-nums-wrap.isGrey .arrowpy[data-v-fcbbdae4]:after{border-top:2px solid #f1f1f0;border-right:2px solid #f1f1f0}.tonesTable .lines-wrap .col-nums .col-nums-wrap.isGrey .isThir[data-v-fcbbdae4]:before{background:#f1f1f0}.tonesTable .lines-wrap .col-nums .isFirActive .arrow-wrap.isFir[data-v-fcbbdae4]{background:#f5c653}.tonesTable .lines-wrap .col-nums .isFirActive .arrow-wrap.isFir .arrowpy[data-v-fcbbdae4]:after{border-top:2px solid #f5c653;border-right:2px solid #f5c653}.tonesTable .lines-wrap .col-nums .isSecActive .arrow-wrap.isSec[data-v-fcbbdae4]{background:#f5c653}.tonesTable .lines-wrap .col-nums .isSecActive .arrow-wrap.isSec .arrowpy[data-v-fcbbdae4]:after{border-top:2px solid #f5c653;border-right:2px solid #f5c653}.tonesTable .lines-wrap .col-nums .isThirActive .arrow-wrap.isThir[data-v-fcbbdae4]{background:#f5c653}.tonesTable .lines-wrap .col-nums .isThirActive .arrow-wrap.isThir .arrowpy[data-v-fcbbdae4]:after{border-top:2px solid #f5c653;border-right:2px solid #f5c653}.tonesTable .lines-wrap .col-nums .isFouthActive .arrow-wrap.isFouth[data-v-fcbbdae4],.tonesTable .lines-wrap .col-nums .isThirActive .arrow-wrap.isThir[data-v-fcbbdae4]:before{background:#f5c653}.tonesTable .lines-wrap .col-nums .isFouthActive .arrow-wrap.isFouth .arrowpy[data-v-fcbbdae4]:after{border-top:2px solid #f5c653;border-right:2px solid #f5c653}