.layui-upload-img {
    height: 92px;
    border: 1px dashed #999;
} 
.layui-upload-list .fa{
    color: #e31010;
    font-size: 24px;
}
.file_item {
    margin: 5px;
    position: relative;
}
.file_item .fix_top{    
    position: absolute;
    right: 0;
    top: -36px;
}

.file_item .file_name{
    width: 400px;
    display: inline-block;
    text-align: center;
}


/*****十字框上传图片*****/
.upfile li,.upfile1 li{
    float:left;
    width:49%;
    height:120px;
    margin-right:1%;
}
.upfile1 li{height: 10rem;}
.upfile input{display:block;text-align:center;}
.upfile li a{display:block;height:120px;line-height: 120px;margin-bottom:.3rem;border:1px solid #d3d3d3;border-radius: .2rem;background:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAGQAAABkCAYAAABw4pVUAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAAJcEhZcwAADsMAAA7DAcdvqGQAAAHvSURBVHhe7ZxBigIBEMT8/xfnMYqC6ElyMZZDFhb2UGz1JJbevFxO8nMcx/Ukj/L/j3GX8fz9/6c5wRMkZExiQhIyRmDsnBaSkDECY+e0kISMERg7p4UkZIzA2DktJCFjBMbOaSEJGSMwdk4LScgYgbFzWkhCxgiMndNCEjJGYOycFpKQMQJj57SQhIwRGDunhSRkjMDYOS0kIWMExs5pIQkZIzB2TgtJyBiBsXNaSELGCIyd00ISMkZg7JwWkpAxAmPntJCEjBEYO6eFJGSMwNg5LSQhYwTGzmkhCRkjMHZOC0nIdwm8v8L6+/XdWzaLh2W7tL7PwpPy9m10v36xfPd9UPzvfaiLsElVQgglMZMQETapSgihJGYSIsImVQkhlMRMQkTYpCohhJKYSYgIm1QlhFASMwkRYZOqhBBKYiYhImxSlRBCScwkRIRNqhJCKImZhIiwSVVCCCUxkxARNqlKCKEkZhIiwiZVCSGUxExCRNikKiGEkphJiAibVCWEUBIzCRFhk6qEEEpiJiEibFKVEEJJzCREhE2qEkIoiZmEiLBJVUIIJTGTEBE2qUoIoSRmEiLCJlUJIZTETEJE2KQqIYSSmEmICJtUJYRQEjMJEWGTqoQQSmImISJsUpUQQknMJESETavuUmh2OXcD0OwdaThmkfsAAAAASUVORK5CYII=) 50% no-repeat;background-size: 30%;}
.upfile1 li a{margin:.3rem 0;}
.upfile a.success{background-size:100% auto;position: relative;}
.upfile a.success:before{display:block;position:absolute;top:50%;left:50%;width:2.6rem;height:2.6rem;margin:-1.3rem auto auto -1.3rem;border-radius:50%;background:rgba(255,53,53, .4) url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABMAAAASCAYAAAC5DOVpAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAAJcEhZcwAADsMAAA7DAcdvqGQAAAC3SURBVDhPY2CAgv///58B4lAYn1j6379/M0EYrh7IuQs0CAbSSDEIpglsIJCjBGS8QzIMxCRoIFDNKjQ9Z8COgBqI7Dq8BqIbBHTMbhTfABUIonn3P5Bfju5lggYhRQJeA0EuQPPaKoLhi+5CoAEdZBmEllTQHALhoiQFgk5DTXsoBpJlEMg8LF6jnqtQEigF3iMvAvClNaJjFFsuICvRkpo/ceYCUg1CSoc4MzqoLKO8CKJm4QgAKahdq0+VD5cAAAAASUVORK5CYII=) 50% no-repeat;background-size:10px;content: "";}
.upfile .btn{margin:2rem;}