* {
    margin: 0px;
    padding: 0px;
}

#showImgs,
#logoShowImgs,
#licenseShowImgs,
#qualificationsShowImgs,
#requireUploadImgs{
    /* overflow: hidden; */
}

#showImgs div,
#logoShowImgs div,
#licenseShowImgs div,
#qualificationsShowImgs div,
#requireUploadImgs div {
    float: left;
}

#showImgs div img,
#logoShowImgs div img,
#licenseShowImgs div img,
#qualificationsShowImgs div img,
#requireUploadImgs div img {
    width: 80px;
    height: 75px;
    border: 1px solid #e9e9e9;
    margin-right: 8px;
    cursor: pointer;
}

#uploadImgs div img,
#logoUploadImgs div img,
#licenseUploadImgs div img,
#qualificationsUploadImgs div img,
#requireUploadImgs div img {
    width: 78px;
    height: 73px;
    border: 1px solid #e9e9e9;
    cursor: pointer;
}

.imgs-bg {
    background: url("../images/bg-opacty.png");
    position: fixed;
    left: 0px;
    top: 0px;
    right: 0px;
    bottom: 0px;
    padding: 40px;
    display: none;
    z-index: 9999;
}

.imgs-bg .left {
    position: absolute;
    top: 48%;
    left: -51px;
    cursor: pointer;
}

.imgs-bg .left img {
    width: 40px;
    height: 40px;
}

.imgs-bg .right img {
    width: 40px;
    height: 40px;
}

.imgs-bg .middle {
    position: absolute;
    left: 0px;
    top: 5%;
    right: 0px;
    bottom: 0px;
    margin: auto;
    min-width: 100px;
}

.middle-img {
    height: 100%;
    overflow-y: auto;
}

.imgs-bg .middle p {
    font-size: 50px;
    cursor: pointer;
    position: absolute;
    top: -15px;
    right: -50px;
    color: #fff;
}

.middle-img img {
    opacity: 0;
}

.imgs-bg .right {
    position: absolute;
    top: 48%;
    right: -50px;
    cursor: pointer;
}

/***---------------------------下面是上传相关的样式***/
#uploadImgs,
#logoUploadImgs,
#licenseUploadImgs,
#qualificationsUploadImgs,
#requireUploadImgs {
    height: 75px;
}

#uploadImgs div,
#logoUploadImgs div,
#licenseUploadImgs div,
#qualificationsUploadImgs div,
#requireUploadImgs div {
    float: left;
    margin-right: 12px;
}

.logoUploadImgs-add,
.licenseUploadImgs-add,
.qualificationsUploadImgs-add,
.requireUploadImgs-add {
    width: 80px;
    height: 75px;
    border-radius: 5px;
    border: 1px dotted #dfe3eb;
    background: #fbfcff;
    font-size: 50px;
    color: #a3aec7;
    text-align: center;
    line-height: 75px;
    cursor: pointer;
    font-weight: lighter;
}

#uploadImgs .show-img-div2,
#logoUploadImgs .show-img-div2-logo,
#licenseUploadImgs .show-img-div2-license,
#qualificationsUploadImgs .show-img-div2-qualifications,
#requireUploadImgs .show-img-div2-require {
    position: relative
}

#uploadImgs .show-img-div2 span img,
#logoUploadImgs .show-img-div2-logo span img,
#licenseUploadImgs .show-img-div2-license span img,
#qualificationsUploadImgs .show-img-div2-qualifications span img,
#requireUploadImgs .show-img-div2-require span img {
    width: 100%;
    height: 100%;
    border: none;
}

#uploadImgs .show-img-div2 span,
#logoUploadImgs .show-img-div2-logo span,
#licenseUploadImgs .show-img-div2-license span,
#qualificationsUploadImgs .show-img-div2-qualifications span,
#requireUploadImgs .show-img-div2-require span {
    width: 20px;
    height: 20px;
    position: absolute;
    top: -9px;
    right: -2px;
}
#editImgs,
#logoEditImgs,
#licenseEditImgs,
#qualificationsEditImgs,
#requireEditImgs{
    width: 80px;
    height: 75px;
    border:1px dotted #7c7c7c;
    text-align: center;
    line-height: 75px;
    cursor: pointer;
    float:left;
}