.mark-box{margin:0 auto;min-width:400px;max-width:750px}.mark-box *{-webkit-box-sizing:border-box;box-sizing:border-box;padding:0;margin:0}.mark-box-main{cursor:crosshair;position:relative}.mark-box-item{position:absolute}.mark-box-img img{width:100%}.mark-box .svg-line{pointer-events:auto;cursor:move}.mark-box .svg-panel{position:absolute;top:0;left:0}.mark-box .mark-draw-order{position:absolute;top:-16px;height:16px;min-width:40px;max-width:75%;padding:0 5px;border-radius:5px 5px 0 0;pointer-events:auto;background-color:rgba(221,187,37,.9);-webkit-box-sizing:border-box;box-sizing:border-box;line-height:16px;font-size:12px;color:#fff;overflow:hidden}.mark-box .mark-draw-comm{background-color:rgba(243,207,51,.9);min-height:30px;text-align:left;padding:5px;white-space:pre-wrap;word-break:break-word;font-size:12px;border-radius:0 5px 5px 5px;line-height:1.5}.mark-box .mark-draw-content{cursor:move}.mark-box .mark-draw-content__box{width:250px;position:relative}.mark-box .mark-draw-content__box.selected .mark-draw-comm{border:1px solid #f95671}.mark-box .mark-draw-content__box.selected .mark-draw-dot{display:block}.mark-box .mark-draw-input{width:100%;height:100%;position:absolute;left:0;top:0;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;color:#000;outline:none;resize:none;border:none;cursor:text}.mark-box .mark-draw-dot{width:6px;height:6px;position:absolute;border-radius:50%;cursor:ew-resize;pointer-events:auto;background-color:#f95671;border:1px solid #333;display:none;margin-top:-3px}.mark-box .mark-draw-dot:hover{background:#fff}.mark-box .mark-draw-dot__left{cursor:default}