| 1 |
- :root{--van-nav-bar-height:46px;--van-nav-bar-background:var(--van-background-2);--van-nav-bar-arrow-size:16px;--van-nav-bar-icon-color:var(--van-primary-color);--van-nav-bar-text-color:var(--van-primary-color);--van-nav-bar-title-font-size:var(--van-font-size-lg);--van-nav-bar-title-text-color:var(--van-text-color);--van-nav-bar-z-index:1}.van-nav-bar{position:relative;z-index:var(--van-nav-bar-z-index);line-height:var(--van-line-height-lg);text-align:center;background:var(--van-nav-bar-background);-webkit-user-select:none;-moz-user-select:none;user-select:none}.van-nav-bar--fixed{position:fixed;top:0;left:0;width:100%}.van-nav-bar--safe-area-inset-top{padding-top:constant(safe-area-inset-top);padding-top:env(safe-area-inset-top)}.van-nav-bar .van-icon{color:var(--van-nav-bar-icon-color)}.van-nav-bar__content{position:relative;display:flex;align-items:center;height:var(--van-nav-bar-height)}.van-nav-bar__arrow{margin-right:var(--van-padding-base);font-size:var(--van-nav-bar-arrow-size)}.van-nav-bar__title{max-width:60%;margin:0 auto;color:var(--van-nav-bar-title-text-color);font-weight:var(--van-font-bold);font-size:var(--van-nav-bar-title-font-size)}.van-nav-bar__left,.van-nav-bar__right{position:absolute;top:0;bottom:0;display:flex;align-items:center;padding:0 var(--van-padding-md);font-size:var(--van-font-size-md)}.van-nav-bar__left{left:0}.van-nav-bar__right{right:0}.van-nav-bar__text{color:var(--van-nav-bar-text-color)}.common-list ul{margin-top:10px}.common-list ul li{list-style:none;position:relative;display:flex;box-sizing:border-box;align-items:center;justify-content:space-between;padding:12px 16px;background:#fff;border-bottom:1px solid #f1f1f1}.common-list ul li .center-content{flex:1}.mailDtl{overflow:hidden;width:100vw;background:#fff}.mailDtl .content{overflow-x:auto;padding:20px 12px}.mailDtl .title{padding:20px 12px 12px;font-size:16px;font-weight:500}.mailDtl .flie-list{padding:0 12px}.mailDtl .flie-list .title{padding:20px 0 12px;font-size:16px;font-weight:500}.mailDtl .flie-list .list .item{display:flex;align-items:center;padding:12px 0;border-bottom:1px solid #ddd}.mailDtl .flie-list .list .item .icon{width:40px;height:40px;border-radius:50%;background:#f5f5f5;display:flex;align-items:center;justify-content:center}.mailDtl .flie-list .list .item .icon i{font-size:20px;color:#999}.mailDtl .flie-list .list .item .text{flex:1;padding:0 12px}.mailDtl .flie-list .list .item .text .name{font-size:14px;color:#333}.mailDtl .flie-list .list .item .text .size{font-size:12px;color:#999}.mailDtl .flie-list .list .item .btn{width:80px;height:32px;line-height:32px;text-align:center;border-radius:16px;background:#f5f5f5;color:#999;font-size:12px}.mailDtl ul{padding:0 12px 8px;border-bottom:1px solid #ddd}.mailDtl ul li{height:32px;line-height:32px;color:#999;font-size:14px;word-break:break-all}.mailDtl ul li .AddressList{display:inline-block}.mailDtl ul li .label{width:60px;display:inline-block}
|
