body{width: 100%;height: 100vh!important;}
#LAY_app_body .layui-fluid{height: 92vh;overflow: scroll;}
.layui-pop-window{width: 100%; height: 100%; background: #fff!important;overflow: hidden;}
.layui-pop-window .layui-fluid{width: calc(100% - 30px); height: 100%; overflow: auto;}
.layui-card-header .layui-icon{line-height: unset!important;}
.layui-btn i.layui-icon{position: relative; top: 0px; left:0;padding-left: 2px;}
.layui-xm-select{display: block;width: 185px; padding-left: 10px;}
.layui-xm-select .layui-form-pane .layui-form-label{display: flex!important;align-items: center!important;justify-content: center!important;}
.layui-form-label-100{min-height:100px;height: auto;line-height: 82px!important;}
.layui-form.layui-card-header{padding:15px 5px 0;height: auto;}
.layui-pop-window .layui-card{box-shadow: none;padding-bottom: 10px;}
.font-size-14{font-size: 14px!important;font-weight: 500!important;letter-spacing: 1px;}
.layui-word-aux{color:#FF5722!important;font-size: 12px;}
.margin-l10{margin-left: 10px!important;}
.margin-l15{margin-left: 15px!important;}
.width-100{width: 100px!important;}
.width-120{width: 120px!important;}
.width-150{width: 150px!important;}
.width-180{width: 180px!important;}
.width-200{width: 200px!important;}
.width-250{width: 250px!important;}
.width-280{width: 280px!important;}
.width-300{width: 300px!important;}
.width-500{width: 500px!important;}
.layui-xm-select{padding-left: 0!important;}
.exportExcel{margin-left:10px!important;}
textarea[name="remark"]{width: 600px;}
layui-hidden{display: none}

td[lay-event="copy"] div{cursor: pointer!important;}

.pad-bottom-10{padding-bottom: 10px;}
.pos-relative{position: relative;}
.layui-form-label{position: relative;}
.layui-form-label i{position: absolute;top:12px;left: 10px; color:#ff5722;}

.layui-table-header th[data-unresize=true] div{padding:0!important;margin:1px 5px!important;}
.layui-table-main td[data-edit=text] div{border:1px solid #ccc;padding:0!important;margin:1px 5px!important;border-radius: 3px;}

/* 按钮 */
.layui-btn-info{background-color: #5FB878!important;}

/* 弹窗内页xm-select下拉框 */
.layui-form-pane .layui-xm-select{margin-top: 1px;width: calc(100% - 2px)!important;}

/* 图片预览 */
.previewImg img{width: 48px!important; height: 25px!important;margin-right: 8px;border-radius: 3px;cursor: pointer;}
.previewImg.upload{width: 70px; display:none; position:absolute; left: 130px; top:0px;}
.previewImg.upload img{height: 38px!important;width: 70px!important;}
.layui-table .previewImg img{width: 70px!important; height: 35px!important;border-radius: 3px;cursor: pointer;}

.tableSelect{z-index: 50000!important;}
.tableSelect .layui-table-header th[data-unresize="true"] div{margin:0!important;}
.previewImg.showImg{width: 50px; height: 30px; display: none; position:absolute; left: 8px; top:4px;}
.previewImg.showImg img{width: 50px!important; height: 30px!important;border-radius: 2px;}

/* 竖显图片 */
.data-vertical td .layui-table-cell { height: 70px!important; overflow:visible; text-overflow:inherit; white-space:normal; }
.data-vertical td .layui-table-cell .previewImg{padding-top:10px;margin:0!important;text-align: center;}
.data-vertical td .layui-table-cell .previewImg img{width: 60px!important; height: 60px!important;float: left;margin-right:2px;text-align: center}
.data-vertical.data-center td div{line-height: 70px!important;}
.data-vertical.data-center td xm-select div {line-height: 28px!important;}
/* 滚动条 */
body::-webkit-scrollbar,dl::-webkit-scrollbar,ul::-webkit-scrollbar,div::-webkit-scrollbar{width:4px; height:8px;cursor: pointer!important;}
body::-webkit-scrollbar-track,dl::-webkit-scrollbar-track,ul::-webkit-scrollbar-track,div::-webkit-scrollbar-track{background: rgb(239, 239, 239);border-radius:2px;cursor: pointer!important;}
body::-webkit-scrollbar-thumb,dl::-webkit-scrollbar-thumb,ul::-webkit-scrollbar-thumb,div::-webkit-scrollbar-thumb{background: #bfbfbf;border-radius:5px;margin-right: 10px;cursor: pointer!important;}
body::-webkit-scrollbar-thumb:hover,dl::-webkit-scrollbar-thumb:hover,ul::-webkit-scrollbar-thumb:hover,div::-webkit-scrollbar-thumb:hover{background: #888;cursor: pointer!important;}
body::-webkit-scrollbar-corner,dl::-webkit-scrollbar-corner,ul::-webkit-scrollbar-corner,div::-webkit-scrollbar-corner{background: #179a16;cursor: pointer!important;}
/* 按钮在右边 */
body .layer-open .layui-layer-title{background:#eee; color:#666; border: none;}
body .layer-open .layui-layer-btn{border-top:none;padding: 0 30px 10px;}
body .layer-open .layui-layer-btn a{background:#009688;color: #fff;border:none;line-height: 40px;height: 40px;padding:0 18px;}
body .layer-open .layui-layer-btn .layui-layer-btn1{background:#FF5722;color: #fff;border: none;line-height: 40px;height: 40px;padding:0 18px;}
/* 按钮在右边 */
body .layer-close .layui-layer-btn a{background:#FF5722;color: #fff;border:none;line-height: 40px;height: 40px;padding:0 18px;}

/* 按钮在左边 */
body .layer-open-left .layui-layer-title{background:#eee; color:#666; border: none;}
body .layer-open-left .layui-layer-btn{border-top:none;padding: 0 30px 10px; text-align: left;}
body .layer-open-left .layui-layer-btn a{background:#009688;color: #fff;border:none;line-height: 40px;height: 40px;padding:0 18px;}
body .layer-open-left .layui-layer-btn .layui-layer-btn1{background:#FF5722;color: #fff;border: none;line-height: 40px;height: 40px;padding:0 18px;}
body .layer-open-left .layui-layer-btn .layui-layer-btn2{background:#FFB800;color: #fff;border: none;line-height: 40px;height: 40px;padding:0 18px;}
body .layer-open-left .layui-layer-btn .layui-layer-btn3{background:#FFf;color: #555;border: 1px solid #c9c9c9;line-height: 40px;height: 40px;padding:0 18px;}

/* 用户信息 */
.showMember{position: relative;color:#01AAED;cursor:pointer;height:70px;width: 70px;margin-left: -10px;margin-top:-5px;}
.avatar img{margin-left:-5px;margin-top:-5px;}
.showMember > .memberInfo{position: fixed; width: 130px;height: 215px;border-radius: 5px;background-color: #fefefe;
    left:332px; z-index:999;padding:10px 0; border:1px solid #eee;box-shadow: 0 0 5px #ccc;display: none;}
.showMember > .memberInfo.active{display: inline-block;}
.showMember > .memberInfo:before{position: absolute;content: '';top: 100px;left: -20px;border-style: solid;width: 0;
    height: 0;border-width: 9.5px 9.5px 9.5px 9.5px;border-color: transparent #cfcfcf transparent transparent;}
.showMember > .memberInfo li{line-height: 30px!important; cursor: pointer; letter-spacing: 3px;margin:0 10px;border-bottom:1px dashed #01AAED;}
.showMember > .memberInfo li:hover{border-bottom:1px solid #FF5722;color:#FF5722;}
.data-vertical td[data-field=member] p{line-height: 40px;position: relative; width: 172px;overflow: hidden;height: 40px;}
.data-vertical td[data-field=member] p span{position: absolute;left: 40px;}
.data-vertical .layui-form-switch em{top:-33.5px!important;}
.data-vertical td .threeLine p{line-height: 25px!important;height: 25px!important;text-align: left;width: 160px!important;overflow: hidden;position: relative;margin-left:-5px;}
.data-vertical td .threeLine p span{position: absolute; left: 55px;}
.data-vertical td .twoLine p{line-height: 36px!important;height: 36px!important;text-align: left;width: 140px!important;overflow: hidden;position: relative;margin-left:-7px;color: #009688;}
.data-vertical td .twoLine p:first-child{color:#FF5722!important;}
.data-vertical td .twoLine p span{position: absolute;left:38px;}
td[data-field="pInvite"] .layui-table-grid-down, td[data-field="member"] .layui-table-grid-down{display: none;}
.data-vertical td .layui-textarea{width: 200px; min-height:70px!important;margin-left: -10px;overflow-y:hidden;resize:none;}
.btn-display-no{
    display: none;
}
