.qqpay-view,
.wechatpay-view,
.alipay-view,
.avatar-view {
    cursor: pointer;
}

.qqpay-view img,
.wechatpay-view img,
.alipay-view img,
.avatar-view img {
    width: 100%;
}

.qqpay-upload,
.wechatpay-upload,
.alipay-upload,
.avatar-upload {
    overflow: hidden;
}

.qqpay-upload label,
.wechatpay-upload label,
.alipay-upload label,
.avatar-upload label {
    display: block;
    float: left;
    clear: left;
    width: 100px;
}

.qqpay-upload input,
.wechatpay-upload input,
.alipay-upload input,
.avatar-upload input {
    display: block;
}

.qqpay-wrapper,
.wechatpay-wrapper,
.alipay-wrapper,
.avatar-wrapper {
    height: 364px;
    width: 100%;
    margin-top: 15px;
    box-shadow: inset 0 0 5px rgba(0,0,0,.25);
    background-color: #fcfcfc;
    overflow: hidden;
}

.qqpay-wrapper img,
.wechatpay-wrapper img,
.alipay-wrapper img,
.avatar-wrapper img {
    display: block;
    height: auto;
    max-width: 100%;
}

.qqpay-preview,
.wechatpay-preview,
.alipay-preview,
.avatar-preview {
    float: left;
    margin-top: 15px;
    margin-right: 15px;
    background-color: #fff;
    overflow: hidden;
}

.qqpay-preview:hover,
.wechatpay-preview:hover,
.alipay-preview:hover,
.avatar-preview:hover {
    border-color: #ccf;
    box-shadow: 0 0 5px rgba(0,0,0,.15);
}

.avatar-preview img {
    width: 100%;
}
.alipay-preview img {
    width: 100%;
}
.wechatpay-preview img {
    width: 100%;
}
.qqpay-preview img {
    width: 100%;
}

.preview-lg {
    height: 184px;
    width: 184px;
    margin-top: 15px;
}

.preview-md {
    height: 100px;
    width: 100px;
}

.preview-sm {
    height: 50px;
    width: 50px;
}

@media (min-width: 992px) {
    .avatar-preview {
        float: none;
    }
    .alipay-preview {
        float: none;
    }
    .wechatpay-preview {
        float: none;
    }
    .qqpay-preview {
        float: none;
    }
}

.loading {
    display: none;
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    opacity: .75;
    filter: alpha(opacity=75);
    z-index: 20140628;
}