.ChooseBlock { display:flex; line-height: 32px; } .CName { width:130px; font-weight: 700; height: 100%; text-align: right; white-space: nowrap; flex-shrink: 0; } .CValues { display:flex; justify-content: flex-start; align-content: flex-start; flex-wrap: wrap; } input { margin-left: 20px; margin-right: 6px; vertical-align: middle; } #ItemSelectArea { height:40px; border-top: 1px solid #009688; display: flex; align-items: center; } #ItemSelectArea .SmallBtn { margin-left:5px; } #ItemBlockArea { flex: 1; display:flex; overflow-x:auto; flex-wrap:wrap; flex-direction: column; justify-content:flex-start; align-items: flex-start; align-content:flex-start; line-height: 32px; } .MItem { width: 220px; height: 32px; } #NoticeMask { background-color: #000; position: absolute; top: 0px; left: 0px; right: 0px; bottom: 0px; opacity: 0.05; display: none; } #NoticeBody { display: none; width: 500px; border-width: 1px; border-style: solid; border-radius: 4px; background-color: inherit; position: absolute; left: 50%; top: 200px; margin-left: -250px; } #NoticeBar { background-color:#00f0d8; height: 40px; line-height: 40px; color: #fff; text-align: center; } #NoticeContent { padding: 4mm 10mm; } #NoticeBtns { margin-top: 4mm; display: flex; justify-content:space-around; } #GotoNetPluginBtn { display: none; }