#app {

    height: 100%;

    font-family: "Microsoft YaHei";

    padding-top: 36px;

    padding-left: 60px;

}

.display_none{

  display: none;

}



.display_block{

  display: block;

}



.custom_watermark {

    width: 1000px;

    height: 100%;

    display: flex;

    justify-content: space-between;

}

.custom_watermark_content {

    width: calc(100% - 400px);

    border-right: 1px solid #eee;

    margin-left: 30px;

    padding: 20px 10px;

}

.custom_watermark_content .content_box {

    margin-bottom: 30px;

}

.custom_watermark_content .content_box:last-of-type {

    margin-bottom: 0;

}

.custom_watermark_content .custom_title {

    font-size: 18px;

    margin-bottom: 10px;

}

.custom_watermark_content .item_content {

    display: flex;

    justify-content: space-between;

    align-items: baseline;

    margin-bottom: 10px;

}

.custom_watermark_content .item_content .item_left {

    width: 120px;

    flex-shrink: 0;

    font-size: 14px;

}

.custom_watermark_content .item_content .item_right {

    width: calc(100% - 130px);

    flex-shrink: 0;

}

.custom_watermark_content .item_content .item_right .user_checkbox {

    margin-bottom: 10px;

}



.custom_watermark_content .item_content .item_right .el-checkbox {

    margin-bottom: 10px;

}



.custom_watermark_content .item_content .item_right .iten_input {

    margin-bottom: 10px;

    width: 320px;

}

.custom_watermark_content .item_content .item_right .rotate_box {

    width: 100px;

}

.custom_watermark_content .item_content .item_right .rotate_box .el-input-number {

    width: 100%;

}

.custom_watermark_content .item_content.transparency_box {

    align-items: center;

}

.custom_watermark_content .item_content.transparency_box .item_right {

    display: flex;

    align-items: center;

}

.custom_watermark_content .item_content.transparency_box .slider_box {

    width: 200px;

    margin-right: 30px;

}



.custom_watermark_content .item_content .item_right .location_item {

    display: flex;

    align-items: center;

    margin-bottom: 10px;

}

.custom_watermark_content .item_content .item_right .location_item .name {

    margin-right: 10px;

}

.custom_watermark_content .item_content .item_right .location_item .unit {

    width: 100px;

    margin-left: 10px;

}



.show_watermark_box {

    margin-left: 10px;

    padding: 20px 10px;

}

.show_watermark_box .watermark_title {

    font-size: 18px;

    margin-bottom: 10px;

}

.show_watermark_box .show_content {

    width: 375px;

    height: 667px;

    border: 1px solid #eee;

    position: relative;

    overflow: hidden;

}



.show_watermark_box .show_watermark_img {

  width: 375px;

  position: absolute;

  top: -26px;

  left: 0;

}



.show_watermark_box .watermark {

    position: absolute;

    text-align: center;

    color: #000;

}



.show_watermark_box .watermark div {

    width: 100%;

}



