.ivu-upload .show_img {
    margin-top: 10px;
}

.pic_area_ctl_container {
    overflow: auto;
}




.pic_area_ctl {
    margin: 10px 20px;

    //图片项
    .pic_item {
        position: relative;
        width: 200px;
        height: 160px;
        float: left;
        margin-right: 10px;
        margin-bottom: 20px;
        cursor: pointer;
        //图片 名称区域
        .name_area {
            line-height: 30px;
            height: 30px;
            width: 100%;
            text-align: center;

            span {
                display: inline-block;
                overflow: hidden;
                text-overflow: ellipsis;
                white-space: nowrap;
                max-width: 90px;
            }

            input:focus {
                border: 1px solid #1F85EC;
            }
        }

        //图片选中状态样式
        .img_choose {
            position: absolute;
            top: -1px;
            right: 0;
            height: 132px;
            width: 204px;
            bottom: 0;
            left: -2px;
            border-radius: 10px;
            z-index: 300;
            border: 3px solid #EB6100;
            //选中样式 右上角的小方块样式
            .icon_bg {
                position: absolute;
                top: -3px;
                right: -3px;
                display: inline-block;
                width: 20px;
                height: 20px;
                color: #EB6100;
                background-color: #EB6100;
                z-index: 10;
                font-size: 22px;
            }
        }

        //查询图标
        .query_icon {
            position: absolute;
            left: 10px;
            top: 10px;
            z-index: 200;

            i {
                color: #FFF00;
                font-size: 20px;
            }
        }

        //图片 操作下拉区域
        .img_operation {
            position: absolute;
            right: 10px;
            top: 10px;
            z-index: 200;

            .operates {
                background-color: @whiteFFF;
                position: absolute;
                width: 100px;
                left: -80px;
                border: 1px solid @border_color;
                //操作项
                .operate_item {
                    height: 25px;
                    line-height: 25px;
                    padding: 0 20px;

                    &:hover {
                        background-color: #1F85EC;
                        color: @whiteFFF;
                    }
                }

                i {
                    color: @whiteFFF;
                    font-size: 20px;
                }
            }

            .operation_icon {
                colro: @whiteFFF;
                display: inline-block;
                border-radius: 20px;
                width: 20px;
                height: 20px;
            }

        }
        //图片展示区域
        .img_area {
            width: 200px;
            height: 130px;
            z-index: 100;
            border-radius: 10px;
            background-color: #4c9df0;
            //图片的大小
            img {
                width: 200px;
                height: 130px;
                border-radius: 10px;
                border: 1px solid #d4d4d4;
            }
            //加载中的图片样式
            .lazy-img-fadein[lazy=loading] {
                width: 40px!important;
                height: 40px !important;
                margin-left:70px;
                border:0 !important;
                margin-top: 40px;
            }
        }

        .img_div {
            height: 130px;
        }

    }
}


//图片分页区域
.pic_pagin_area {
    position: absolute;
    bottom: 10px;
    width: 100%
}


.icon_check_ok {
    position: absolute;
    top: 1px;
    right: 1px;
    color: @whiteFFF;
    z-index: 10;
    font-weight: bold;
    font-size: 13px;
}