@charset "utf-8";
*,::after,::before{box-sizing:border-box;}
.ui-upload-tips-show{display:inline-block;background:#348FE4;border:1px solid #348FE4;border-radius:5px;padding:10px 15px;box-shadow:1px 2px 10px rgba(0,0,0,0.1);max-width:600px;word-break:break-all;z-index:999;color:#fff;white-space:nowrap;}
.ui-upload-tips-show:after{content:"";position:absolute;width:10px;height:10px;border-left:0;border-bottom:0;background:#348FE4;border:1px solid #348FE4;border-bottom:0;border-right:0;}
.ui-upload-tips-show-top:after{left:50%;top:100%;transform:translateX(-50%) translateY(-50%) rotate(-140deg);}
.ui-upload-tips-show-top-left{background:#fff;border-color:#c4c4c4;color:#333;}
.ui-upload-tips-show-top-left:after{left:10px;top:100%;transform:translateY(-50%) rotate(-140deg);background:#fff;border-color:#c4c4c4}
.ui-upload-single{position:absolute;right:0;top:0;bottom:0;height:100%;width:100%;opacity:0;cursor:pointer;}
.ui-upload-multiple{background:#fff;padding:15px;}
.ui-upload-choose{position:absolute;left:0;bottom:0;top:0;right:0;opacity:0;height:100%;width:100%;cursor:pointer;}
.ui-upload-body{height:350px;overflow-y:auto;margin-top:15px;}
.ui-upload-drop{height:100%;border:2px dashed #ddd;display:flex;align-items:center;justify-content:center;color:#999;cursor:pointer;}
.ui-upload-drop i{display:block;font-size:30px;margin:0 10px;}
.ui-upload-drop.active{border-color:#09F;color:#09f;}
.ui-upload-list ul{list-style:none;display:flex;flex-wrap:wrap;margin:0 0 0 -1.5%;}
.ui-upload-list ul li{width:18.5%;padding:6px;border:1px solid #eaeaea;border-radius:5px;margin:0 0 1.5% 1.5%;position:relative;overflow:hidden;}
.ui-upload-list ul li .image{position:relative;padding-bottom:100%;overflow:hidden;}
.ui-upload-list ul li .image img{width:100%;position:absolute;object-fit:cover;top:50%;transform:translateY(-50%);}
.ui-upload-list ul li.success{border-color:#C9E5FE;}
.ui-upload-list ul li.success:before{font:normal normal normal 16px/1 iconfont;content:"\e87a";display:block;position:absolute;bottom:11px;right:10px;z-index:99;color:#fff;}
.ui-upload-list ul li.success:after{width:0;height:0;border-bottom:40px solid #1890FF;border-left:40px solid transparent;position:absolute;display:block;right:6px;bottom:6px;content:"";z-index:98;}
.ui-upload-list ul li.fail{border-color:#FFCEC2;}
.ui-upload-list ul li.fail:before{font:normal normal normal 16px/1 iconfont;content:"\e87d";display:block;position:absolute;bottom:11px;right:10px;z-index:99;color:#fff;}
.ui-upload-list ul li.fail:after{width:0;height:0;border-bottom:40px solid #ED4014;border-left:40px solid transparent;position:absolute;display:block;right:6px;bottom:6px;content:"";z-index:98;}
.ui-upload-list ul li .action{position:absolute;width:100%;height:50px;top:-100%;left:0;display:flex;justify-content:center;align-items:center;font-size:15px;z-index:2;background:rgba(0,0,0,.4);transition:all .5s ease 0s;}
.ui-upload-list ul li .action a{font-size:24px;color:#ccc;margin:0 6px;}
.ui-upload-list ul li .action a:hover{color:#fff;}
.ui-upload-list ul li:hover .action{top:0;}
.ui-upload-list ul li .name{position:absolute;bottom:6px;left:6px;right:6px;padding:5px 10px;font-size:12px;color:#fff;background:rgba(0,0,0,0.3)}
.ui-upload-list .ui-progress{top:50%;position:absolute;right:15px;left:15px;transform:translateY(-50%);}
.ui-upload-target{position:relative;display:inline-block;border:1px solid #e0e0e0;padding:10px 15px;line-height:42px;overflow:hidden;border-radius:4px;color:#595959;background:#fff;user-select:none;vertical-align:middle;margin:0 10px 0 0;}
.ui-upload-target::-ms-expand{background-color:transparent;border:0;}