.batchCopy { .info { border: 1px solid rgb(226, 226, 226); padding: 0 10px; width: 100%; border-radius: 4px; .items { width: 100%; display: flex; justify-content: space-between; margin: 10px 0; .item { width: 50%; display: flex; justify-content: flex-start; align-items: center; .label { font-size: 14px; font-weight: 500; width: 110px; text-align: right; margin-right: 10px; } } } margin-bottom: 20px; } .title { font-size: 16px; font-weight: 700; margin-bottom: 20px; } .originality { border: 1px dashed rgb(228, 228, 228); padding: 10px; box-sizing: border-box; border-radius: 4px; &+div { margin-top: 10px; } .head { display: flex; justify-content: space-between; align-items: center; font-weight: 700; font-size: 14px; .clear { display: none; } &:hover .clear { display: inline-block; } } } } .adcreative_template { width: 100%; overflow-y: auto; display: flex; height: 173px; >label { height: 100%; margin-right: 15px; } } .adcreative_template_item { width: 150px; height: 160px; display: flex; align-items: center; justify-content: center; flex-flow: column; } .video {} .box { width: 60%; height: 200px; display: flex; align-items: center; justify-content: center; background-color: #f5f7fa; flex-direction: column; color: rgba(0, 0, 0, .3); border-radius: 5px; >p { display: flex; align-items: center; flex-flow: column; font-size: 10px; cursor: pointer; max-height: 150px; margin-bottom: 0; img { height: 100%; } video { height: 100%; } } } .image_list { flex-flow: row wrap; background-color: transparent; height: auto; justify-content: flex-start; >p { width: 150px; background-color: #f5f7fa; height: 150px; display: flex; align-items: center; justify-content: center; border: 1px solid #e6e8ed; margin: 0; } } .crt { display: inline-flex; align-items: center; width: auto; margin-left: 8px; padding: 1px 4px; height: 16px; border-radius: 3px; font-size: 12px; color: #fff; border: 1px solid #296bef; background-color: #296bef; line-height: normal; }