.home { background: #fff; &-line { height: 50px; } &-item { display: flex; flex-direction: column; padding: 15px 30px; font-size: 28px; &-tit { font-size: 32px; margin-bottom: 10px; font-weight: 600; } &-tits { font-size: 32px; margin-bottom: 10px; font-weight: 600; display: flex; flex-direction: row; align-items: center; justify-content: space-between; flex-wrap: nowrap; &-txt { width: 500px; display: inline-block; font-weight: 600; } &-bt {} } &-val { border-bottom: 1px solid #d9d9d9; font-size: 30px; } &-vals { display: flex; flex-direction: row; justify-content: space-between; flex-wrap: nowrap; height: 50.68px; border-bottom: 1px solid #d9d9d9; font-size: 30px; &-txt { width: 500px; display: inline-block; } &-bt { // width: 26%; } } &-text { display: flex; flex-direction: row; flex-wrap: nowrap; &-val { display: flex; flex: 1; border-bottom: 1px solid #d9d9d9; } } &-editor { min-height: 150px; font-size: 30px; // border: 1px solid #d9d9d9; // padding: 15px; margin-top: 15px; } &-bottom { display: flex; justify-content: space-between; width: 100%; margin-top: 15px; margin-bottom: 20px; } } } /* 遮罩层样式 */ .mask { position: fixed; top: 0; right: 0; bottom: 0; left: 0; background: rgba(0, 0, 0, 0.5); z-index: 998; display: flex; align-items: center; justify-content: center; .count { width: 70%; background: #fff; border-radius: 15px; .title { font-size: 36px; display: flex; flex-direction: row; align-items: center; justify-content: center; margin-top: 20px; } &_top { padding: 30px; margin: 40px 0; &_input { border-bottom: 1px solid #d9d9d9; font-size: 32px; } &_date { border-bottom: 1px solid #d9d9d9; font-size: 32px; margin-top: 30px; } &_dates { border-bottom: 1px solid #d9d9d9; font-size: 32px; margin-top: 30px; color: #757575; } } &_foot { display: flex; flex-direction: row; } } }