.common-page-uploader{margin:48px auto 40px;max-width:976px;min-height:377px;position:relative}.common-page-uploader .ant-upload-wrapper .ant-upload-drag{background-color:#fff;border-color:#e5d6ff;border-radius:24px;border-style:solid;box-shadow:0 4px 16px #e9e6f2}.common-page-uploader .ant-upload-wrapper .ant-upload-drag:not(.ant-upload-disabled):hover{border-color:#b96bed}.common-page-uploader .ant-upload-wrapper .ant-upload-drag .ant-upload{padding:8px}.common-page-uploader .uploader-container{background:linear-gradient(180deg,#f3f0ff,#fff 75%);border-radius:20px;padding:16px 8px 3px}.common-page-uploader .uploader-wrapper{background:url(../_image/home/pic_dian_bg.svg) no-repeat 50%;box-sizing:border-box;height:340px;padding:32px 0 0}.common-page-uploader .uploader-wrapper .browser-file{background-image:linear-gradient(98deg,#6f34f3,#e86df5);border-radius:12px;color:#fff;font-size:18px;font-weight:600;height:48px;margin:15px 0;overflow:hidden;position:relative;transition:all .3s;width:300px;z-index:0}.common-page-uploader .uploader-wrapper .browser-file:before{background-image:linear-gradient(90deg,#8351f5,#ea81f6);border-radius:12px;bottom:0;content:"";left:0;opacity:0;position:absolute;right:0;top:0;transition:opacity .3s;z-index:-1}.common-page-uploader .uploader-wrapper .browser-file:hover:before{opacity:1}.common-page-uploader .uploader-wrapper .browser-file:active:before{background-image:linear-gradient(90deg,#592ac2,#c16acb 99%)}.common-page-uploader .uploader-wrapper .cancel-button{background:#f0f1f5;height:32px;width:120px}.common-page-uploader .uploader-wrapper .cancel-button:hover{background:#dcdee6}.common-page-uploader .uploader-wrapper .cancel-button:active{background:#d5d6db}.common-page-uploader .tag-img{position:absolute;right:-30px;top:-110px}@media (max-width:1000px){.common-page-uploader .tag-img{display:none}}