.A2business { display: flex; justify-content: space-between; font-size: 16px; :global { .A2tit { height: 52px; font-weight: 700; font-size: 18px; display: flex; align-items: center; justify-content: space-between; margin-bottom: 10px; } .A2none { width: 100%; height: 70px; font-weight: 700; font-size: 18px; display: flex; justify-content: center; align-items: center; } .A2ll { width: calc(100% - 190px); height: 100%; overflow-y: auto; margin-right: 20px; .A2ll1 { height: 100px; background-color: #dddddd; border-radius: 10px; display: flex; align-items: center; justify-content: space-between; padding: 0 24px; .A2ll1_1 { display: flex; img { width: 70px; height: 70px; border-radius: 50%; } .A2ll1_1Txt { margin-left: 30px; & > h1 { font-size: 18px; } & > p { margin-top: 20px; } } } } .A2ll2 { margin-top: 15px; display: flex; justify-content: space-between; min-height: 27.3%; .A2ll2_1 { width: calc(100% - 520px); padding: 10px 20px 0px; background-color: #fff; border-radius: 10px; } .A2ll2_2 { width: 500px; margin-left: 20px; padding: 10px 20px 0px; background-color: #fff; border-radius: 10px; } .A2ll2RowBox { display: flex; flex-wrap: wrap; align-items: center; .A2ll2Row { border: 2px solid #dddddd; cursor: pointer; transition: all 0.3s; margin-right: 20px; margin-bottom: 20px; height: 90px; width: 100px; background-color: #dddddd; border-radius: 10px; display: flex; flex-direction: column; justify-content: center; align-items: center; font-weight: 700; &:hover { border-color: var(--themeColor); } & > p { margin-top: 10px; } } } } .A2ll2Full { background-color: #fff; border-radius: 10px; padding: 10px 20px 0px; display: block; } } .A2rr { width: 170px; background-color: #fff; border-radius: 10px; padding: 20px; & > h1 { font-size: 18px; } .A2rrRow { margin-top: 36%; width: 100%; height: 12%; background-color: #dddddd; border-radius: 10px; display: flex; align-items: center; & > div { text-align: center; &:nth-of-type(1) { width: 60%; } &:nth-of-type(2) { width: 40%; } } } } } }