.c-75bf00 { color: #75BF00; } .c-74bf00 { color: #74BF00; } .c-border-75bf00 { border-color: #75BF00; } .c-t-right { text-align: right; } .select-image-bar{ background: transparent; border-bottom: 1px solid #909090;} .c-arrow-r { position: absolute; top: 50%; right: 10px; margin-top: -5px; content: ""; display: block; width: 8px; height: 8px; border: solid #cdcdcd; border-width: 2px 2px 0 0; -webkit-transform: rotate(45deg); -moz-transform: rotate(45deg); -ms-transform: rotate(45deg); transform: rotate(45deg); } .c-arrow-d { position: absolute; top: 50%; right: 10px; margin-top: -5px; content: ""; display: block; width: 8px; height: 8px; border: solid #74BF00; border-width: 2px 2px 0 0; -webkit-transform: rotate(135deg); -moz-transform: rotate(135deg); -ms-transform: rotate(135deg); transform: rotate(135deg); } .del-icon { width: 16px; height: 16px; } .c-btn-74bf00 { background-color: transparent; color: #74BF00; border: #74BF00 1px solid; } .c-btn-icon { width: 100%; padding: 8px 16px; border-radius: 5px; } #jian_yan_types .c-btn-icon, #jian_cha_types .c-btn-icon { padding: 5px 16px; } .c-btn-icon.active { background: #74BF00; color: #FFF; } .catalog-name { position: absolute; bottom: 0; font-size: 14px; color: #fff; width: 76px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; text-align: center; background: rgba(0,0,0,0.3); } .upload-img ul li { padding: 0; margin: 0 10px 10px 0; overflow: hidden; } #img_ul .del-wrap { position: absolute; top: -25px; right: -25px; width: 50px; height: 50px; background: rgba(0,0,0,0.3); border-radius: 50px; } #img_ul .del-icon {position: absolute; bottom: 8px; left: 8px; width: 16px; height: 16px; }