/*!
 *  build: 双画象双精准育人平台 - 学校端 
 *  copyright: 来亿科技 
 *  time: 2021-8-24 10:08:24
 */
.vab-magnifier[data-v-573e9578] {
    position: relative;
    width: 100%;
    height: 100%
}

.vab-magnifier .origin-img[data-v-573e9578] {
    width: 100%;
    height: 100%
}

.vab-magnifier .img-zoomer[data-v-573e9578] {
    position: absolute;
    box-sizing: border-box;
    cursor: crosshair;
    background-repeat: no-repeat;
    border: 1px solid rgba(0, 0, 0, .1)
}

.vab-magnifier .img-zoomer.circle[data-v-573e9578] {
    border-radius: 50%
}

.vab-magnifier .img-zoomer-point[data-v-573e9578] {
    position: absolute;
    top: 50%;
    left: 50%;
    width: 4px;
    height: 4px;
    background-color: #000;
    transform: translate(-50%, -50%)
}

.vab-magnifier .img-out-show[data-v-573e9578] {
    position: absolute;
    right: -8px;
    box-sizing: border-box;
    background-repeat: no-repeat;
    border: 1px solid rgba(0, 0, 0, .1);
    transform: translate(100%)
}

.vab-magnifier .img-out-show.base-line[data-v-573e9578]:after {
    position: absolute;
    top: 0;
    bottom: 0;
    left: 50%;
    box-sizing: border-box;
    width: 1px;
    content: "";
    border: 1px dashed rgba(0, 0, 0, .36);
    transform: translateX(-50%)
}

.vab-magnifier .img-out-show.base-line[data-v-573e9578]:before {
    position: absolute;
    top: 50%;
    right: 0;
    left: 0;
    box-sizing: border-box;
    height: 1px;
    content: "";
    border: 1px dashed rgba(0, 0, 0, .36);
    transform: translateY(-50%)
}