/*弹窗红色*/ .verify-container{ width: 324px; height: 415px; position: absolute; top: -418px; left: -180px; background-image: url(/components/Task/taskassign/detail-bg-active.png); background-size: 100% 100%; z-index: 9999; } .verify-container .title{ font-size:16px; width: calc( 100% - 46px); height:30px; color:#fff; border-left: 3px solid rgb(240, 38, 38); margin: 22px 30px; line-height:30px; text-indent:10px; background: linear-gradient(270deg, rgb(39, 20, 16) 0%, rgb(116, 11, 9) 47%, rgb(204, 1, 1) 100%); } .verify-container .close-button{ width: 18px; height: 18px; position: absolute; top: 28px; right:20px; background-image: url(/components/Task/taskassign/close-active.png); background-size:100% 100%; } .verify-container .image-container{ width: calc( 100% - 60px); margin:0px auto; height: 154px; overflow:hidden; border: 2px solid rgb(240, 38, 38); } .image-container img{ width:100%; height:100%; } .verify-container .description-container{ width: calc( 100% - 60px); margin:10px auto; height:160px; color:#fff; overflow-y:auto; } .verify-container .description-container .description-item{ width:100%; min-height:24px; line-height:18px; margin:0px 0px; display:flex; font-size:12px; } .verify-container .description-container .description-item .label{ min-width:80px; position:relative; text-indent:20px; color:#cfcfcf; } .verify-container .description-container .description-item .label::before{ content:""; width:4px; height:4px; border-radius: 50%; position:absolute; top:8px; left:0px; background: #C9FFC7; box-shadow: 0px 0px 5px 1px #1FBF4B; } .verify-container .description-container .description-item .value{ flex:auto; word-wrap: break-word; word-break: break-all; white-space: normal; } /*弹窗绿色*/ .verify-container-over{ width: 324px; height: 415px; position: absolute; top: -418px; left: -180px; background-image: url(/components/Task/taskassign/detail-bg.png); background-size: 100% 100%; z-index: 9999; } .verify-container-over .title{ font-size:16px; width: calc( 100% - 46px); height:30px; color:#fff; border-left:3px solid #20C24D; margin: 22px 30px; line-height:30px; text-indent:10px; background: linear-gradient( 270deg, #0A261E 0%, #15AF3F 47%, #17B241 100%); } .verify-container-over .close-button{ width: 18px; height: 18px; position: absolute; top: 28px; right:20px; background-image: url(/components/Task/taskassign/close.png); background-size:100% 100%; } .verify-container-over .image-container{ width: calc( 100% - 60px); margin:0px auto; height: 154px; overflow:hidden; border: 2px solid #1FBF4B; } .image-container img{ width:100%; height:100%; } .verify-container-over .description-container{ width: calc( 100% - 60px); margin:10px auto; height:160px; color:#fff; overflow-y:auto; } .verify-container-over .description-container .description-item{ width:100%; min-height:24px; line-height:18px; margin:0px 0px; display:flex; font-size:12px; } .verify-container-over .description-container .description-item .label{ min-width:80px; position:relative; text-indent:20px; color:#cfcfcf; } .verify-container-over .description-container .description-item .label::before{ content:""; width:4px; height:4px; border-radius: 50%; position:absolute; top:8px; left:0px; background: #C9FFC7; box-shadow: 0px 0px 5px 1px #1FBF4B; } .verify-container-over .description-container .description-item .value{ flex:auto; word-wrap: break-word; word-break: break-all; white-space: normal; }