| 1 |
- .zbsuserindex{-webkit-box-sizing:border-box;box-sizing:border-box;padding:44px 160px;background:#ecf0f1}.zbsuserindex .userinfo{width:100%;height:180px;background:#fff;-webkit-box-shadow:0 0 8px 0 hsla(0,0%,50.2%,.17);box-shadow:0 0 8px 0 hsla(0,0%,50.2%,.17);display:-webkit-box;display:-ms-flexbox;display:flex}.zbsuserindex .userinfo div{height:100%}.zbsuserindex .userinfo div.left{-webkit-box-flex:1;-ms-flex:1;flex:1;background:#12bcd5;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center}.zbsuserindex .userinfo div.left .headpic{width:100px;height:100px;border-radius:50%}.zbsuserindex .userinfo div.center,.zbsuserindex .userinfo div.right{width:500px}.zbsuserindex .userinfo div.center .item,.zbsuserindex .userinfo div.right .item{height:60px;line-height:60px;text-align:center;-webkit-box-sizing:border-box;box-sizing:border-box;border-bottom:1px solid #dfdfdf}.zbsuserindex .userinfo div.center .item div,.zbsuserindex .userinfo div.right .item div{width:50%;float:left;-webkit-box-sizing:border-box;box-sizing:border-box;border-right:1px solid #dfdfdf}.zbsuserindex .userinfo div.center .item div.item-left,.zbsuserindex .userinfo div.right .item div.item-left{background:#f7f7f7}.zbsuserindex .address,.zbsuserindex .orders,.zbsuserindex .tongji{width:100%;margin-top:20px;background:#fff;-webkit-box-shadow:0 0 8px 0 hsla(0,0%,50.2%,.17);box-shadow:0 0 8px 0 hsla(0,0%,50.2%,.17)}.zbsuserindex .address.tongji,.zbsuserindex .orders.tongji,.zbsuserindex .tongji.tongji{height:300px}.zbsuserindex .address.address,.zbsuserindex .orders.address,.zbsuserindex .tongji.address{margin-bottom:100px}.zbsuserindex .address .header,.zbsuserindex .orders .header,.zbsuserindex .tongji .header{height:60px;line-height:60px;-webkit-box-sizing:border-box;box-sizing:border-box;padding:0 28px;background:#e8e8e8;color:#12bcd5;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between}.zbsuserindex .address .item,.zbsuserindex .orders .item,.zbsuserindex .tongji .item{-webkit-box-sizing:border-box;box-sizing:border-box;width:20%;height:120px;float:left}.zbsuserindex .address .item div,.zbsuserindex .orders .item div,.zbsuserindex .tongji .item div{height:60px;line-height:60px;text-align:center;-webkit-box-sizing:border-box;box-sizing:border-box;border-right:1px solid #dfdfdf;border-bottom:1px solid #dfdfdf}.zbsuserindex .address .item div.top,.zbsuserindex .orders .item div.top,.zbsuserindex .tongji .item div.top{background:#f7f7f7}.zbsuserindex .address .el-table .label,.zbsuserindex .address .el-table td,.zbsuserindex .orders .el-table .label,.zbsuserindex .orders .el-table td,.zbsuserindex .tongji .el-table .label,.zbsuserindex .tongji .el-table td{padding:8px 0;text-align:center}
|
