.container { position: absolute; left: 0; right: 0; top: 0; bottom: 0; background: #f5f5f5; .header { position: relative; .bg { width: 100%; height: 250px; position: absolute; top: 0; } .user { position: absolute; top: 100px; left: 16px; @include FLEX(flex, row, flex-start, center); .avatar { width: 60px; height: 60px; border-radius: 50%; overflow: hidden; background: #f9f9f9; img { width: 100%; height: 100%; } } .name { @include FLEX(flex, column, flex-start, flex-start); @include FONT(#eaf8ff, 18px, 400); line-height: 25px; margin-left: 12px; span:nth-child(2) { font-size: 14px; } } } .set { @include WH(90px, 32px); position: absolute; top: 110px; right: 0; @include FLEX(flex, row, center, center); @include FONT(#ffffff, 12px, 400); border-radius: 50px 0px 0px 50px; background: #049fd4; .icon-shezhi { font-size: 14px; margin-right: 6px; } } } .patient { padding: 9px 12px; position: absolute; top: 190px; left: 16px; right: 16px; border-radius: 10px; background: #ffffff; .title { @include FONT(#333333, 14px, 500); } .null-box { min-height: 140px; @include FLEX(flex, column, center, center); @include FONT(#999999, 12px, 400); .icon-shoucang { @include FONT(#05a9e2, 60px, 400); margin-bottom: 4px; } } .user-list { padding: 12px 0; .cell-item { width: 100%; height: 44px; background: #f9f9f9; border-radius: 10px; padding: 11px 14px; box-sizing: border-box; @include FLEX(flex, row, space-between, center); margin-bottom: 12px; .name { @include FONT(#333333, 16px, 500); } .icon-jiantoua { @include FONT(#cccccc, 16px, 400); } .icon-shanchu { @include FONT(#cccccc, 16px, 400); } } } .add-box { @include FLEX(flex, row, flex-end, center); .add-btn { display: flex; @include FONT(#05a9e2, 12px, 400); .icon-shoucang { font-size: 16px; margin-right: 4px; } } } } .popup-btn { height: 50px; background: #ffffff; padding: 0 16px; border-bottom: 1px solid #ededed; @include FLEX(flex, row, space-between, center); span { @include FONT(#999999, 14px, 400); } span:last-child { @include FONT(#10aeff, 14px, 400); } } .cell-group { background: #f9f9f9; border-top-left-radius: 10px; border-top-right-radius: 10px; overflow: hidden; .cell-item { width: 100%; height: 50px; line-height: 50px; background: #ffffff; text-align: center; @include FONT(#333333, 16px, 500); border-bottom: 1px solid #f9f9f9; } .tips { @include FONT(#999999, 12px, 400); i { display: inline-block; } } .red { color: #ff3500; } .margintop { margin-top: 10px; } } }