.zu {position:relative;max-width:500px;}
.zu .zu-item {position:relative;border-top-right-radius: 2px;overflow: hidden;border-bottom-right-radius: 2px;}
.zu .zu-item .zu-btn {position:absolute;right:0;top:0;}
.zu .zu-img-list {position:relative;padding-bottom:7.5px;padding-top:7.5px;}
.zu .zu-img-list .zu-img {height:120px;background-size:100%;background-repeat: no-repeat;background-position: center center;position:relative;overflow:hidden;box-sizing:border-box;}
.zu .zu-img-list .zu-img:hover {border:2px solid #FF5722;}
.zu .zu-img-list .zu-img:hover .zu-img-dao {transform:translateX(0);}
.zu .zu-img-list .zu-img-dao {position:absolute;transform:translateX(-150%);transition:transform .2s;height:100%;width:100%;background-color:rgba(0,0,0,0.5);text-align:center;padding-top: 20px;}
.zu .zu-img-list .zu-dao {display:inline-block;background-color:#009688;color:#fff;padding:5px 10px;margin:4px 2px 0 2px;cursor:pointer;}
.zu .zu-img-list .zu-dao:hover {background-color:#FF5722;}
@media screen and (max-width:750px) {.zu .zu-img-list .zu-img {height:140px;}
.zu-loca .zu-loca-items {height:200px;}
.zu .zu-img-list .zu-img-dao{padding-top: 0;}
.zu .zu-img-list .zu-dao{font-size: 0.5rem;margin: 1px;}
}
.zu-loca {position:relative;border:1px dashed #ddd;padding:10px;min-height:300px;}
.zu-loca .zu-loca-select {text-align:center;margin-top:60px;}
.zu-loca .zu-loca-select .layui-icon {font-size:80px;}
.zu-loca .zu-loca-btn {border-bottom:1px solid #ddd;padding-bottom:7px;margin-bottom:7px;}
.zu-loca .zu-loca-btn p {float:left;line-height:38px;}
.zu-loca .zu-loca-btn .zu-btn-gp {float:right;}
.zu-loca .zu-loca-items {height:100px;background-size:auto 100%;background-repeat:no-repeat;background-position:center center;position:relative;overflow:hidden;box-sizing:border-box;cursor:pointer;}
.zu-loca .zu-loca-items .zu-loca-dao {position:absolute;height:30px;width:100%;padding:0 10px;box-sizing:border-box;top:0;left:0;line-height:30px;background-color:rgba(0,0,0,.4);text-align:right;transform:translateY(-150%);transition:transform .2s;z-index:10;}
.zu-loca .zu-loca-items:hover .zu-loca-dao {transform:translateY(0);}
.zu-loca .zu-loca-items .zu-loca-dao i {font-size:20px;color:#fff;cursor:pointer;}
.zu-loca .zu-loca-items .zu-loca-dao i:hover {color:#FF5722;}
.zu-btn-gp .layui-form-switch {margin-top:0;margin-right:10px;}
.zu-loca .zu-loca-items .zu-loca-success {background-image:url(/static/ui/success.png);position:absolute;width:100%;height:40px;bottom:0;left:0;background-repeat:no-repeat;background-size:auto 100%;background-position:right bottom;}
.zu-loca .zu-loca-items .zu-loca-error {color:#fff;background-color:rgba(0,0,0,.5);position:absolute;bottom:0;width:100%;padding:4px;box-sizing:border-box;font-size:12px;z-index:1;}
.zu-loca .zu-loca-items.zu-loca-er {border:2px solid #FF5722;}
.zu-loca .zu-loca-items .zu-loca-loading {background-color:rgba(0,0,0,.5);color:#fff;position:absolute;height:30px;line-height:30px;width:100%;top:0;bottom:0;margin:auto;text-align:center;}
.zu-loca .zu-line-loading {text-align:center;padding:20px 0;}
.zu-inser-img {max-width:240px;}