@import '@css/mixin.scss'; .l-box { padding-top: 80px; } page { height: 100%; background: #f2f2f2; font-size: 28px; } .l-scroll-view { height: calc(100vh - 80px); // box-sizing: border-box; } .scoped-list { .sl-item { background: #fff; @include itemBox(20px 20px, 20px 20px 0); position: relative; .sli-time { position: absolute; top: 20px; right: 10px; color: #999; font-size: 24px; } .sli-r2 { position: absolute; top: 60px; right: 10px; background: $greenColor; color: #fff; border-radius: 10px; padding: 10px 16px; font-size: 22px; } .p1 { font-size: 30px; color: #313131; padding-bottom: 10px; .s { display: inline-block; font-weight: bold; color: $mainColor2; } } .p2 { font-size: 28px; color: $dangerColor; font-weight: bold; padding-bottom: 10px; } .p3 { font-size: 24px; color: #999; } .p-one { display: flex; font-size: 26px; padding-bottom: 20px; .po-l { width: 120px; color: #999; } .po-r { flex: 1; color: #313131; &.t1 { color: $dangerColor; font-weight: bold; } .img { display: inline-block; vertical-align: top; width: 50px; height: 50px; } .por-btn { display: inline-block; vertical-align: top; color: $mainColor; font-weight: bold; } .por-more { display: inline-block; vertical-align: top; color: $greenColor; font-weight: bold; font-size: 24px; text-decoration: underline; } } } } } .scoped-header { position: fixed; top: 0; left: 0; right: 0; z-index: 900; background: #fff; display: flex; .sh-search { display: inline-block; min-width: 450px; } } .scoped-input-box { display: inline-block; .sib-content { display: flex; background: #fff; .i { width: 70px; font-size: 28px; line-height: 90px; height: 90px; text-align: center; } .t { width: 50px; font-size: 28px; color: #999; line-height: 90px; height: 90px; text-align: center; &.t2 { width: 70px; } } } }