.bord_box[data-v-e77bd95c]{background:#e5e4e5;height:100%;position:relative}.bord_box .control_box[data-v-e77bd95c]{display:flex;align-items:center}.bord_box .control[data-v-e77bd95c]{color:#9da1a6}.bord_box .control .shape_control[data-v-e77bd95c]{position:absolute;left:calc(100% + 8px);top:50%;background:#fff;box-shadow:0 2px 16px 0 rgba(6,45,38,.15);padding:10px;z-index:99;width:60px;transform:translateY(-50%)}.bord_box .control .shape_control .triangle_left[data-v-e77bd95c]{content:"";position:absolute;left:-4px;width:8px;height:8px;background:#fff;transform:rotate(45deg);transform-origin:center;box-shadow:1px 3px 100px 0 rgba(6,45,38,.15);z-index:0;top:50%}.bord_box .control .shape_control .shape_item[data-v-e77bd95c]{height:50px}.bord_box .control .shape_control .icon_control[data-v-e77bd95c]{font-size:20px}.bord_box .control .color[data-v-e77bd95c]{position:relative}.bord_box .control .color .color_control[data-v-e77bd95c]{position:absolute;width:282px;height:214px;background:#fff;border:1px solid #dfe6ec;box-shadow:0 2px 16px 0 rgba(6,45,38,.15);border-radius:6px;display:flex;flex-wrap:wrap;align-items:center;left:calc(100% + 8px);z-index:1}.bord_box .control .color .color_control .line_change[data-v-e77bd95c]{display:flex;flex-flow:column;height:100%;justify-content:space-evenly;align-items:center;width:30%}.bord_box .control .color .color_control .line_change .line_item_box[data-v-e77bd95c]{width:30px;height:30px}.bord_box .control .color .color_control .line_change .line_item[data-v-e77bd95c]{width:20px;background:#ccc}.bord_box .control .color .color_control .line_change .select_line_class[data-v-e77bd95c]{background:#00d987!important}.bord_box .control .color .color_control .color_change[data-v-e77bd95c]{height:100%;width:60%;margin-left:5%}.bord_box .control .color .color_control .color_change .color_box[data-v-e77bd95c]{display:flex;justify-content:space-around;flex-wrap:wrap;height:100%;align-items:center}.bord_box .control .color .color_control .color_change .color_box .color_item[data-v-e77bd95c]{background:red;width:26%;height:30px}.bord_box .control .color .color_control .divice_line[data-v-e77bd95c]{height:70%;width:1px;background:#dfe6ec}.bord_box .control .color .triangle_left[data-v-e77bd95c]{content:"";position:absolute;left:-4px;width:8px;height:8px;background:#fff;transform:rotate(45deg);transform-origin:center;box-shadow:1px 3px 100px 0 rgba(6,45,38,.15);z-index:0;top:50%}.bord_box .control>li[data-v-e77bd95c]{border-top:1px solid #ccc;text-align:center;font-size:12px;background:#fff;flex-wrap:wrap;margin:0 auto}.bord_box .control>li[data-v-e77bd95c],.bord_box .control>li li[data-v-e77bd95c]{display:flex;align-items:center;justify-content:center}.bord_box .control .control_shape[data-v-e77bd95c]{font-size:18px}.bord_box .control .recording_icon[data-v-e77bd95c]{color:#949494}.bord_box .control .el-icon-edit[data-v-e77bd95c]{font-size:30px}.bord_box .control .active_class[data-v-e77bd95c]{color:#fff;background:#e14852}.bord_box .bord[data-v-e77bd95c]{display:flex;height:100%;align-items:center;position:absolute;left:0;top:0;bottom:0;right:0;margin:auto}.bord_box .bord .recording_time[data-v-e77bd95c]{position:absolute;margin:auto;top:0;background-image:linear-gradient(-73deg,#f98d3f,#fe7931);box-shadow:0 0 4px 0 rgba(255,170,109,.65);color:#fff;text-align:center;left:50%;transform:translateX(-50%);font-size:13px;padding:3px;border-radius:5px;margin-top:3px}.bord_box .pen_back_img[data-v-e77bd95c]{position:absolute;width:20px;height:20px;display:none}.bord_box .play_box[data-v-e77bd95c]{position:fixed;width:100%;height:100%;z-index:99}.bord_box .play_box .callback_control_box[data-v-e77bd95c]{position:fixed;bottom:0;left:0;right:0;margin:auto;background:rgba(0,0,0,.5)}.bord_box .play_box .callback_control_box .callback_control[data-v-e77bd95c]{display:flex;color:#fff;width:95%;margin:0 auto}.bord_box .play_box .callback_control_box .callback_control .currentTime[data-v-e77bd95c]{font-size:15px;display:flex;align-items:center;margin-left:20px}.bord_box .play_box .callback_control_box .callback_control .icon_control[data-v-e77bd95c]{font-size:30px;margin-right:20px;display:flex;align-items:center}[data-v-e77bd95c] .el-slider__button-wrapper{display:flex;align-items:center}[data-v-e77bd95c] .textarea:focus{outline:none}[data-v-e77bd95c] .textarea{position:absolute;z-index:10;overflow:auto;background-attachment:fixed;background-repeat:no-repeat;border:1px dashed #8eadff;background:transparent;resize:none;user-select:none}