@charset "utf-8";
.clearfix:after {
    visibility: hidden;
    display: block;
    font-size: 0;
    content: ".";
    clear: both;
    height: 0
}

* html .clearfix {
    zoom: 1
}

*:first-child + html .clearfix {
    zoom: 1
}

.upload-ul {
    position: relative;
    display: inline-block;
    *display: inline;
    *zoom: 1;
}

.upload-ul li {
    position: relative;
    float: left;
    display: inline-block;
    width: 120px;
    height: 110px;
    margin: 0 10px 10px 0;
    padding: 0;
    border: none;
    cursor: pointer;
    -moz-border-radius: 2px;
    -webkit-border-radius: 2px;
    border-radius: 2px;
    overflow: hidden
}

.upload-pick {
    background: url(https://cdn.educationgroup.cn/diyUpload/images/pc.png) no-repeat 0 0
}

.upload-pick:hover {
    background: url(https://cdn.educationgroup.cn/diyUpload/images/pc_dark.png) no-repeat 0 0
}

.webuploader-pick {
    position: relative;
    display: inline-block;
    vertical-align: top;
    width: 100%;
    height: 100%
}

.webuploader-container {
    position: relative;
    width: 100%;
    height: 100%
}

.webuploader-container label {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%
}

.webuploader-element-invisible {
    opacity: 0;
    width: 100%;
    height: 100%;
    clip: rect(1px 1px 1px 1px);
    clip: rect(1px, 1px, 1px, 1px)
}

.viewThumb {
    position: relative;
    width: 120px;
    height: 90px;
    overflow: hidden;
    border-radius: .3rem
}

.viewThumb img {
    width: 100%;
    height: 100%
}

.diyFileName {
    text-align:center
}

.diyBar {
    position: absolute;
    display: none;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: url(https://cdn.educationgroup.cn/diyUpload/images/bgblack.png);
    z-index: 3
}

.diyProgress {
    position: absolute;
    left: 0;
    top: 33px;
    width: 100%;
    height: 24px;
    line-height: 24px;
    font-size: 14px;
    text-align: center;
    color: #fff;
    background: rgba(10, 168, 241, .7);
    z-index: 3
}

.diyControl {
    position: absolute;
    display: none;
    left: 0px;
    bottom: -10px;
    width: 100%;
    height: 30px;
    line-height: 24px;
    font-size: 14px;
    background: url(https://cdn.educationgroup.cn/diyUpload/images/bgblack.png);
    z-index: 3
}

.viewThumb:hover .diyControl {
    display: block
}

.diyControl span {
    display: inline-block;
    padding: 6.5px 13px;
    width: 12px;
    height: 11px
}

.diyControl span i {
    display: block;
    width: 12px;
    height: 11px;
    opacity: .7
}

.diyControl span i:hover {
    opacity: 1;
    cursor: pointer
}

.diyLeft {
    margin-left: 3px
}

.diyLeft {
    margin-right: 12px
}

.diyLeft i {
    margin-left: 3px;
    background: url(https://cdn.educationgroup.cn/diyUpload/images/upload-icon1.png) no-repeat 0 0
}

.diyCancel i {
    background: url(https://cdn.educationgroup.cn/diyUpload/images/upload-icon1.png) no-repeat 0 -11px
}

.diyRight i {
    margin-right: 3px;
    background: url(https://cdn.educationgroup.cn/diyUpload/images/upload-icon1.png) no-repeat 0 -22px
}

.upload-btn {
    display: inline-block;
    padding: 10px 50px;
    font: 16px/20px 'Microsoft YaHei';
    background: rgba(10, 168, 241, .7);
    color: #fff;
    border-radius: 5px
}

.upload-btn:hover {
    background: #0aa8f1
}

.mobile {
    background: url(https://cdn.educationgroup.cn/diyUpload/images/mobile.png) no-repeat 0 0
}

.mobile:hover {
    background: url(https://cdn.educationgroup.cn/diyUpload/images/mobile_dark.png) no-repeat 0 0
}


.avi_diy_bg,.txt_diy_bg,.doc_diy_bg,.zip_diy_bg,.csv_diy_bg,.xls_diy_bg,.mp3_diy_bg,.pdf_diy_bg,.rar_diy_bg,.ppt_diy_bg {
    background-position:center;background-repeat:no-repeat;background-size:100%;
}
.avi_diy_bg {
    background-image:url(https://cdn.educationgroup.cn/diyUpload/images/upload/avi.png);
}
.txt_diy_bg {
    background-image:url(https://cdn.educationgroup.cn/diyUpload/images/upload/txt.png);
}
.doc_diy_bg {
    background-image:url(https://cdn.educationgroup.cn/diyUpload/images/upload/doc.png);
}
.zip_diy_bg {
    background-image:url(https://cdn.educationgroup.cn/diyUpload/images/upload/zip.png);
}
.csv_diy_bg {
    background-image:url(https://cdn.educationgroup.cn/diyUpload/images/upload/csv.png);
}
.xls_diy_bg {
    background-image:url(https://cdn.educationgroup.cn/diyUpload/images/upload/xls.png);
}
.mp3_diy_bg {
    background-image:url(https://cdn.educationgroup.cn/diyUpload/images/upload/mp3.png);
}
.pdf_diy_bg {
    background-image:url(https://cdn.educationgroup.cn/diyUpload/images/upload/pdf.png);
}
.rar_diy_bg {
    background-image:url(https://cdn.educationgroup.cn/diyUpload/images/upload/rar.png);
}

.ppt_diy_bg {
    background-image:url(https://cdn.educationgroup.cn/diyUpload/images/upload/ppt.png);
}