/*图片上传开始*/
.pdf-cover-item {
    width: 100px;
    height: 130px;
    background-size: cover;
}

.viewFile {
    padding: 15px;
    border: 1px solid #eee;
    position: relative;
    box-shadow: -2px 2px 2px 2px #eee;
}

.viewFile .top-right {
    position: absolute;
    right: -10px;
    top: -12px;
    color: #dd514c;
    text-decoration: none;
    font-size: 20px;
    cursor: pointer;
}

.view-file .input-file {
    position: absolute;
    right: 0;
    top: 0;
    cursor: pointer;
    z-index: 1;
    opacity: 0;
    filter: alpha(opacity=0);
    width: 100%;
    height: 100%;
    font-size: inherit;
}

.view-file .file-container .wrapper {
    position: relative;
    width: 80px;
    height: 100px;
    display: inline-block;
}

.view-file .file-container .item {
    background: url(/images/file-cover.png);
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center center;
    width: 80px;
    height: 105px;
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    box-shadow: 0 2px 1px -1px rgba(0, 0, 0, .2), 0 1px 1px 0 rgba(0, 0, 0, .14), 0 1px 3px 0 rgba(0, 0, 0, .12);
    background-color: #fff;
    opacity: 0.8;
    -webkit-filter: blur(0.3px);
}

.view-file .file-container.upload  .item{
    background: none;
    border: 1px dashed #999;
    box-shadow: none;
}

.view-file .file-container .contract-item {
    background: url(/images/contract_cover.png);
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center center;
    width: 80px;
    height: 105px;
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    box-shadow: 0 2px 1px -1px rgba(0, 0, 0, .2), 0 1px 1px 0 rgba(0, 0, 0, .14), 0 1px 3px 0 rgba(0, 0, 0, .12);
    background-color: #fff;
    opacity: 0.8;
    -webkit-filter: blur(0.3px);
}

.view-file .file-container.upload  .contract-item{
    background: none;
    border: 1px dashed #999;
    box-shadow: none;
}

.view-file .file-container .pdf-cover-item {
    /*background: url(/images/pdf_cover.png);*/
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center center;
    width: 80px;
    height: 105px;
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    box-shadow: 0 2px 1px -1px rgba(0, 0, 0, .2), 0 1px 1px 0 rgba(0, 0, 0, .14), 0 1px 3px 0 rgba(0, 0, 0, .12);
    background-color: #fff;
    opacity: 0.8;
    -webkit-filter: blur(0.3px);
}

.view-file .file-container.upload  .pdf-cover-item{
    background: none;
    border: 1px dashed #999;
    box-shadow: none;
}

.view-file .file-container .belt-wrapper {
    position: absolute;
    top: 50%;
    margin: -22.5px -2px;
    right: 0;
    left: 0;
    text-align: center;
    background-color: rgb(254, 192, 65);
    color: #fff;
    padding: 3px 0;
    box-shadow: 0 3px 5px -1px rgba(0, 0, 0, .2), 0 6px 10px 0 rgba(0, 0, 0, .14), 0 1px 18px 0 rgba(0, 0, 0, .12);
}

.view-file .file-container.upload .belt-wrapper {
    margin: -15px -2px;
}

.view-file .belt {
    border-top: 1px dashed #ccc;
    border-bottom: 1px dashed #ccc;
    font-size: 12px;
    line-height: 16px;
    padding: 3px;
    color: white;
    text-decoration: none !important;
    display: block;
    display: -webkit-box;
    overflow: hidden;
    text-overflow: ellipsis;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
}

.view-file .belt:hover,.belt:focus {
    color: white;
}

.view-file .belt-wrapper.green {
    background-color: #5FB878;
}

.view-file .belt-wrapper.red {
    background-color: #F44336;
}

.view-file .belt-wrapper.blackish-green {
    background-color: #009688
}

.view-file .belt-wrapper.blue {
    background-color: #01AAED
}

.view-file .file-container.size-L .wrapper {
    width: 100px;
    height: 120px;
}

.view-file .file-container.size-L .item {
    width: 100px;
    height: 130px;
}

.view-file .file-container.attachment .wrapper {
    width: 70px;
    height: 80px;
}

.view-file .file-container.attachment .item {
    width: 60px;
    height: 80px;
}

.view-file .file-container.size-L .contract-item {
    width: 130px;
    height: 160px;
}

.view-file .file-container.size-L .pdf-cover-item {
    width: 100px;
    height: 130px;
}

.view-file .wrapper .remove {
    position: absolute;
    right: -10px;
    top: -12px;
    z-index: 11;
    color: #dd514c;
    text-decoration: none;
    font-size: 20px;
    cursor: pointer;
}

.view-file .attachment .wrapper .remove {
    position: absolute;
    right: 0;
    top: -14px;
    z-index: 11;
    color: #dd514c;
    text-decoration: none;
    font-size: 20px;
    cursor: pointer;
}

/*.wrapper {*/
/*  width: 100px;*/
/*  height: 130px;*/
/*}*/

/*.item {*/
/*  background-repeat: no-repeat;*/
/*  !*background-size: cover;*!*/
/*  background-size: contain;*/
/*  background-position: center center;*/
/*  border: 1px dashed #999;*/
/*  width: 100px;*/
/*  height: 130px;*/
/*  opacity: 0.8;*/
/*}*/
/*图片上传结束*/