.no-example {padding-top: 30px;}
.no-example .icon-upwarn {background: url(../../res/images/uploadgroup/up-warn.png) no-repeat center;width: 28px;height: 28px;display: inline-block;}
.no-example .warn-text {font-size: 12px;color: #848994;margin-top: 5px;}
.upfile-group {margin-bottom: 20px;}
.upfile-group .group-label {float: left;text-align: left;margin-right: 7px;margin-top: -3px;width: 108px;}
.upfile-group .upfile-box {font-size: 0;float: left;}
.upfile-group .upload-btn {position: relative;border: 1px dashed #cbced6;width: 150px;height: 110px;text-align: center;cursor: pointer;}
.upfile-group .upload-btn:hover {border-color: #4d7cfe;}
.upfile-group .upload-btn .icon-bigadd {width: 42px;height: 42px;display: block;background: url(../../res/images/uploadgroup/icon-add.png) no-repeat 0 0;margin: 33px auto 0;}
.upfile-group .upload-btn:hover .icon-bigadd {background-position: 0 -48px;}
.upfile-group .upload-btn .upload {position: absolute;width: 100%;height: 100%;left: 0;top: 0;cursor: pointer;opacity: 0;}
.upfile-group .upfile-wrap {float: left;margin-bottom: 30px;}
.upfile-group .pic-box {position: relative;border: 1px solid #dce0e1;width: 150px;height: 110px;text-align: center;}
.upfile-group .upfile-wrap {margin-right: 30px;}
.r-group .upfile-wrap:nth-child(2n) {margin-right: 0;}
.upfile-group .pic-box>img {max-width: 100%;max-height: 100%;}
.upfile-group .box-handles {position: absolute;left: 0;right: 0;height: 28px;font-size: 0;bottom: -1px;margin-left: -1px;margin-right: -1px;visibility: hidden;}
.upfile-group .box-handles.visible, .upfile-group .pic-box:hover .box-handles {visibility: visible;}
.upfile-group .box-handle-btn {text-align: center;line-height: 28px;cursor: pointer;color: #fff;background-color: rgba(0, 0, 0, 0.45);width: 48%;font-size: 12px;display: inline-block;vertical-align: middle;border-right: 1px solid rgba(255, 255, 255, 0.5);position: relative;}
.upfile-group .box-handle-btn:hover {background-color: rgba(0, 0, 0, 0.6);}
.upfile-group .box-handle-btn.btn-block {width: 100%;border-right: none;}
.box-handle-btn .icon-scan {width: 13px;height: 13px;background: url(../../res/images/uploadgroup/scan.png) no-repeat center;display: inline-block;vertical-align: middle;margin-right: 8px;margin-top: -2px;}
.upfile-group .box-handle-btn .upload {position: absolute;width: 100%;height: 100%;cursor: pointer;left: 0;top: 0;opacity: 0;}
.upfile-group .delete {position: absolute;width: 16px;height: 16px;cursor: pointer;right: -9px;top: -9px;background: url(../../res/images/uploadgroup/icon-delete.png) no-repeat center;display: none;}
.upfile-group .pic-box:hover .delete {display: block;}
.tab-group-tabchange {padding: 21px 28px;font-size: 0;background-color: #f5f7f8;margin-bottom: 30px;}
.tab-group-tabchange .tab-group-item {font-size: 12px;height: 32px;line-height: 32px;text-align: center;min-width: 90px;vertical-align: middle;display: inline-block;line-height: 30px;box-sizing: border-box;background-color: #fff;border: 1px solid #cbced6;margin-right: 28px;border-radius: 3px;cursor: pointer;}
.tab-group-tabchange .tab-group-item:hover {border: 1px solid #4b86fc;color: #4b86fc;}
.tab-group-tabchange .tab-group-item.cur {color: #ffffff;border: 1px solid #6f9efd;background-color: #6f9efd;}
.page-block-tip {background-color: #fff6e9;height: 37px;line-height: 37px;padding: 0 10px;color: #ff8800;}
.page-block-tip .icon-ptip {width: 18px;height: 19px;background: url(../../res/images/uploadgroup/ptips.png) no-repeat center;display: inline-block;vertical-align: middle;margin-right: 9px;margin-top: -4px;}
.upfile-group .upfile-label{display: block;font-size: 12px;color: #333;text-align: center;padding: 8px 0;}