.WallAdd { position: absolute; z-index: 99; top: 0; left: 0; width: 100vw; height: 100vh; background-color: rgba(0, 0, 0, 0.45); :global { .WallTableTitle { position: absolute; top: 100px; left: 50%; transform: translateX(-50%); width: 800px; padding: 20px 24px; border-radius: 8px; background-color: #fff; .txt { color: rgba(0, 0, 0, 0.88); margin-bottom: 8px; } .main { border-top: 1px solid #999999; padding-top: 15px; width: 100%; .myformBox { display: flex; margin-bottom: 20px; .label { width: 94px; text-align: right; &>span { position: relative; top: 2px; color: #ff4d4f; } } .myformBoxR { width: calc(100% - 94px); } .fileBoxRow_r { position: relative; .fileBoxRow_up { color: #a6a6a6; border-radius: 3px; cursor: pointer; font-size: 30px; width: 100px; height: 100px; border: 1px dashed #797979; display: flex; justify-content: center; align-items: center; } .upImgBox { display: flex; flex-wrap: wrap; &>div { margin: 0 15px 15px 0; } .fileBoxRow_r_img { position: relative; // 有无边框的选择 .upImgDoneBox { position: absolute; bottom: -30px; font-size: 12px; left: 0; width: 100%; height: 30px; display: flex; justify-content: center; align-items: center; .ant-radio-group { display: flex; font-size: 12px; } } .clearCover { right: -10px; top: -10px; transform: translate(0, 0); background-color: rgba(0, 0, 0, .8); width: 20px; height: 20px; border-radius: 50%; font-size: 16px; color: #fff; } } } .fileBoxRow_r_img { width: 100px; height: 100px; position: relative; .clearCover { cursor: pointer; z-index: 10; position: absolute; width: 50px; height: 50px; top: 50%; transform: translateY(-50%); right: -50px; display: flex; justify-content: center; align-items: center; font-size: 24px; } } .fileTit { font-size: 14px; color: rgb(126, 124, 124); } } } .myformBox0 { margin-bottom: 5px; } .noUpThumb { position: relative; overflow: hidden; opacity: 0; transition: top .2s; color: #ff4d4f; top: -10px; padding-left: 94px; } .noUpThumbAc { top: 0; opacity: 1; } } } } }