.flexbox {
display: flex;
}
.flexbox-middle {
align-items: center;
}
.flexbox-wrap {
flex-wrap: wrap;
}
.flexbox-between {
justify-content: space-between;
}
.hide {
display: none;
}
.exchange_rate {
width: 1200px;
height: 800px;
background: #ffffff;
box-shadow: 0px 2px 8px 0px rgba(177, 177, 177, 0.15);
box-sizing: border-box;
line-height: 1;
padding: 38px 24px;
margin: auto;
margin-top: 24px;
}
.exchange_rate .title {
font-size: 20px;
font-weight: 600;
text-align: center;
color: #282a2d;
margin-bottom: 24px;
}
.exchange_rate .exchange-item {
width: 564px;
height: 62px;
background: #fafdff;
border: 1px solid #ecf1f5;
border-radius: 4px;
padding-left: 22px;
color: #282A2D;
margin-top: 12px;
display: flex;
align-items: center;
}
.exchange_rate .exchange-item:not(:nth-child(n+3)) {
margin-top: 0;
}
.exchange_rate .exchange-item .name {
font-size: 14px;
font-weight: 600;
color: #282a2d;
}
.exchange_rate .exchange-item .abbre {
font-size: 12px;
font-weight: 400;
color: #282a2d;
margin-top: 5px;
}
.exchange_rate .exchange-item .unit {
font-size: 16px;
font-weight: 600;
color: #282a2d;
margin-right: 10px;
width: 26px;
text-align: right;
}
.exchange_rate .exchange-item .price {
margin-top: -3px;
border-bottom: 1px solid #0088fa;
padding: 6px 0;
font-size: 16px;
width: 153px;
}
.exchange_rate .exchange-item .rate {
font-size: 14px;
font-weight: 400;
color: #282a2d;
margin-left: 34px;
}