/* 右侧 */


.user-clist .layui-tab{ margin: 0 }
.user-clist .layui-tab-content{ padding: 0; }
.list-uitem{ padding: 15px; }
.list-uitem .layui-card{ background:#0c0c0c;  border-radius: 6px;}
.list-uitem .layui-card .g-title{padding: 10px 15px;overflow: hidden;}
.list-uitem .layui-card .g-title .g-name{float: left;font-size: 12px;line-height: 16.5px;color: #949494;}
.list-uitem .layui-card .g-title .del-btn{float: right;font-size: 12px;line-height: 16.5px;margin: 0;}
.list-uitem .layui-card .g-title .del-btn span{font-size: 13px;margin-left: 6px;color: #949494;}
.greeb{color: #09BB07;}
.blue{color: #007AFF;}
.red{color: #FF0000;}
.black{color: #333E48;}
.list-uitem .layui-card .top-header{line-height: 26px;padding: 10px 15px;border-bottom: 1px dashed #202025;color: #d3d3d3;border-radius: 2px 2px 0 0;font-size: 14px;}
.list-uitem .layui-card .top-header a{ color: #d3d3d3;}

.list-uitem .layui-card .top-header .itemimg{margin-top: 10px; display: flex;}
.list-uitem .layui-card .top-header .itemimg .imgs{ width: 100px; height: 80px; overflow: hidden; margin-right: 12px;}
.list-uitem .layui-card .top-header .itemimg img{background-position: center;background-size: cover; height: 100%;}

.layui-card .itemfoot{display: flex; height: 30px; line-height: 30px;}
.layui-card .itemfoot .itemtime{ font-size: 12px; color: #666; }
.layui-card .itemfoot .itemtime .iconfont{vertical-align:top;}
.layui-card .itemfoot .itemtime em{vertical-align:top; font-style: normal; padding-left: 4px;}
.layui-card .itemfoot .itembutton{flex: 6; text-align: right; float: right; }

.userpage{ text-align: center; }
.userpage .layui-laypage{ margin: 16px auto 0; }

.list-nodata{ min-height: 500px;padding-top: 100px; text-align: center; }
.list-nodata img{ width:160px;   }
.list-nodata p{  font-size: 16px; margin-top: 20px; font-weight: 300; letter-spacing: 2px; color: #d3d3d3; }

.userbutton{margin: 14px 16px 0; padding: 12px 20px; border-radius: 4px; display: flex; background:#fffbf2; border:1px solid #ffefcc;}
.userbutton .info1{flex: 6; height:32px; line-height: 32px; font-weight: 300; }
.userbutton .butt1{ flex: 1; text-align: right; }
.userbutton .info2{ flex: 6; text-align: center; height:32px; line-height: 32px; font-weight: 300; }
.userbutton .info2 b{ color: #f00; }