/* 公用样式 */
.layui-layer-dialog .layui-layer-title{color:#fff}
span.star{color:red;font-size:16px;position:relative;top:4px}
.tc{text-align:center}
.tr{text-align:right}
.tl{text-align:left}
.listTotalData{padding:10px 10px 0 10px}
.layui-card-header.layuiadmin-card-header-auto{line-height:normal;height: auto;}
input.bgf5{background-color:#e2e2e2}
.phoneBox{position:fixed;right:30px;bottom:30px;background:#fff;width:240px;color:#333;box-shadow:0 0 15px 1px #d1cece;z-index:999;display:none}
.phoneBox .phoneTitle{font-size:12px;line-height:20px;padding:8px;text-align:center;color:#fff;border-bottom:1px solid #f9f9f9;user-select:none}
.phoneBox .phoneContent{font-size:12px;line-height:18px;max-height:54px;overflow:hidden;padding:10px}
.phoneBox .phoneBtn{font-size:12px;overflow:hidden;user-select:none;border-top:1px solid #f9f9f9;cursor:pointer}
.phoneBox .phoneBtn div{padding:5px 10px}
.phoneBox .phoneBtn div:hover{text-decoration:underline;}
.phoneBox .phoneBtn i{font-size:12px;margin-right:3px}
/* table操作按钮 */
.layui-table-body .layui-table-cell .layui-btn.layui-btn-xs{border:0 !important;background:none!important;cursor:pointer;margin:0 8px;position:relative;font-size:12px;padding:0}
.layui-table-body .layui-table-cell .layui-btn.layui-btn-xs+.layui-btn.layui-btn-xs::after{position:absolute;left:-10px;content:'';height:14px;width:1px;top:4px;background:#ddd}
.layui-table-body .layui-table-cell .layui-btn.layui-btn-xs:hover{text-decoration:underline}
.layui-table-body .layui-table-cell .layui-btn.layui-btn-xs .layui-icon{display:none}

.totalMoney {padding: 10px 10px 0 10px;}
.layui-upload-img {max-width: 100%;height: 92px;}
.imgBox .imgTitle{text-align:center;white-space: nowrap;color: #fff}
.tangram-suggestion-main {z-index: 9999999999;}
.taskInfo span {display: inline-block;width: 110px;text-align: right;margin-right: 15px;}

.layui-table-tips .layui-table-tips-main .layui-btn.layui-btn-xs{border:0 !important;background:none!important;cursor:pointer;margin:0 8px;position:relative;font-size:12px;padding:0}
.layui-table-tips .layui-table-tips-main .layui-btn.layui-btn-xs+.layui-btn.layui-btn-xs::after{position:absolute;left:-10px;content:'';height:14px;width:1px;top:4px;background:#ddd}
.layui-table-tips .layui-table-tips-main .layui-btn.layui-btn-xs:hover{text-decoration:underline}
.layui-table-tips .layui-table-tips-main .layui-btn.layui-btn-xs .layui-icon{display:none}
.layui-table-tips .layui-table-tips-main .layui-btn-link .layui-icon{display:none}

/* 案件详情 */
.detail-class-table{display:table;border-collapse:separate;border:1px solid #ccc;text-align:center;height:170px;}
.detail-class-table .table-header-group{display:table-header-group;}
.detail-class-table .table-row-group{display:table-row-group;}
.detail-class-table .table-row{display:table-row;}
.detail-class-table .table-cell{display:table-cell;border:1px solid #ccc;width:300px;vertical-align:middle;}
.detail-class-table .stylr{border:hidden;background:#f6f6f6;}
.detail-class-table .stylr1{border:hidden;background:#f6f6f6;text-align:right;}
.detail-class-table .stylr2{border:hidden;background:#f6f6f6;text-align:left;}
.detail-class-table .table-row-group .table-row:hover{background:#f6f6f6;color:dodgerblue;}
.detail-class-inputbox .layui-form-label{width:30px;text-align:left;padding:9px 10px;}
.detail-class-inputbox .layui-input-block{margin-left:50px;}
.detail-class-inputbox2 .layui-form-label{width:70px;text-align:left}
.detail-class-inputbox2 .layui-input-block{margin-left:100px;}


/* 案件列表图标 */
.imgJuhe{width:15px;height:19px;display:inline-block;background:url(../../../src/style/res/juhe.png) no-repeat center center;background-size:90% 90%;position:relative;top:4px;}
.imgTousu{width:15px;height:19px;display:inline-block;background:url(../../../src/style/res/tousu.png) no-repeat center center;background-size:90% 90%;position:relative;top:4px;}
.imgFengxian{width:15px;height:19px;display:inline-block;background:url(../../../src/style/res/fengxian.png) no-repeat center center;background-size:90% 90%;position:relative;top:4px;}
.imgPhone{width: 20px;height: 19px;display: inline-block;position: relative;top: 4px;background-size: 100% 100%;cursor: pointer;}


/* 铃铛动画 */
.layui-badge.layui-badge-message{line-height:12px;height:12px;font-size:10px;min-width:12px;top:30%;padding:0 1px;left:50%}
@-webkit-keyframes zy{20%{transform:rotate(15deg)}40%{transform:rotate(-15deg)}60%{transform:rotate(10deg)}80%{transform:rotate(-10deg)}50%,100%{transform:rotate(0deg)}}
@-moz-keyframes zy{20%{transform:rotate(15deg)}40%{transform:rotate(-15deg)}60%{transform:rotate(10deg)}80%{transform:rotate(-10deg)}50%,100%{transform:rotate(0deg)}}
@-o-keyframes zy{20%{transform:rotate(15deg)}40%{transform:rotate(-15deg)}60%{transform:rotate(10deg)}80%{transform:rotate(-10deg)}50%,100%{transform:rotate(0deg)}}
@keyframes zy{20%{transform:rotate(15deg)}40%{transform:rotate(-15deg)}60%{transform:rotate(10deg)}80%{transform:rotate(-10deg)}50%,100%{transform:rotate(0deg)}}
#smallBell.active{float:left;animation:zy 0.5s 0.05s linear infinite;-moz-animation:zy 0.5s 0.05s linear infinite;-webkit-animation:zy 0.5s 0.05s linear infinite;-o-animation:zy 0.5s 0.05s linear infinite}
/* 右上角个人信息模块 */
.lx-box{width:210px;color:#666;padding:15px}
.lx-box i.layui-icon.layui-icon-up{position:absolute;right:50px;top:-12px;line-height:16px;background:#fff;color:#999}
.lx-box .lx-name{font-size:12px;color:#333;line-height:26px}
.lx-box .lx-name span{margin-left:5px;font-size:12px}
.lx-box .lx-company{font-size:12px}
.lx-box .lx-user{background:#f1f2f4;padding:10px 15px;font-size:12px;margin:5px 0;position:relative;border-radius:3px}
.lx-box .lx-user .btn{position:absolute;right:10px;top:10px;padding:0 12px;font-size:12px;color:#fff;border-radius:3px}
.lx-box .lx-user .title{font-size:12px}
.lx-box .lx-list{font-size:12px}
.lx-box .lx-time{font-size:12px;padding:5px;border-top:1px dashed #eee;border-bottom:1px dashed #eee;color:#ff6700;margin-top:5px;line-height:20px}
.lx-box .lx-list,.lx-box .lx-user,.lx-box .lx-company{color:#666;line-height:26px}