* {font-family: Arial, "微软雅黑" !important;}
body {padding: 0px;}
table td {font-size: 14px;}
table td img {max-width:80px; max-height: 50px;}

.cen {text-align: center;}
.clearfix {float: none; clear:both;}
.anim {transition: all 0.3s cubic-bezier(0.215, 0.61, 0.355, 1) 0s;}
.layui-btn {border-radius: 8px;}
.cur:hover {cursor: pointer;}
.vCen{  display: flex;
    align-items: center;
    justify-content: center;
    height: 100%;}

select {background:#fff; border:1px solid #ccc}

.borderRed{border:1px solid red;}
.curBlue:hover {border: 2px solid #00a2d4; overflow: hidden; border-radius: 50%; padding:5px; background:#00a2d4; color: #fff;    cursor: pointer; }

 .layui-table td, .layui-table th {font-size: 16px;}

 .vxe-table--render-default .vxe-cell {white-space:inherit; word-break: break-word;}
.searchMain input[type='text']{ float: right; width: 100%;  line-height: 28px; padding:0 3px;}
.searchMain input[type='number']{ float: right; width: 100%;  line-height: 28px; padding:0 3px;}
.searchMain textarea{ float: right; width: 100%;  line-height: 28px; padding:0 3px;}
.searchMain select{ float: right; width: 100%;  line-height: 28px; height: 28px;    min-width: 50px;}
.searchMain input[type="date"]{width: 200px;}
.searchMain table tr:hover {background: #ccc!important; color: #fff!important;}
.searchMain .rInfo {float: right; font-weight: 800; width: 100%;  text-align: left;}

.searchBox .sTyle{float: right; width:69.2%;}
@media only screen and (max-width: 800px) {
    .searchBox .sTyle{float: right; width:67%;}
}

 /*.searchState label{ width: 30%;}*/

.kehuKuai{width: 100%; float:left; border-bottom:1px solid #ccc; padding:3px; color: #000; line-height: 30px; box-sizing: border-box; padding: 5px 10px; letter-spacing: 1px;}
.kehuKuai:hover,.kehuKuai:active,.KuaiCur{background: #2BAFFC; color: #fff; cursor: pointer;}
.kehuKuai:hover:first-letter{background: #2BAFFC; color: #fff; cursor: pointer;}
.kehuKuai:first-letter {color: red;font-size: 15px;}
@media only screen and (max-width: 800px) {
    .kehuKuai{width:100%;}
    .searchMain input[type="date"]{width: 110px;}
}

.ztKuai a{width:18.5%;}
@media only screen and (max-width: 800px) {
    .ztKuai a{width:17.5%;  }
    .ztKuai a:nth-child(4){font-size: 9px;}
    .ztKuai a:nth-child(5){font-size: 9px;}
}

.showBox{position:fixed;width:96%;background:#fff;left:2%;top:2%;border-radius:10px;overflow:auto;box-shadow:#999 6px 6px 51px;z-index:9;padding:15px;box-sizing:border-box;height:82%;z-index:999}
.showBox2{padding-top:10px;position:fixed;width:96%;height:10%;background:#fff;left:2%;bottom:5%;border-radius:10px;overflow:hidden;box-shadow:1px 14px 118px #666;z-index:9;padding:15px;box-sizing:border-box;z-index:9999;justify-content:space-between;display:flex; justify-content: center;}

/*COPY预览页的文字效果*/
 .copyYuLan {z-index: 999;}
 .copyYuLan span{    float: left; width: 100%; color: #4778c7; font-weight:800;}

.layui-nav .layui-nav-item a{padding:0 10px;}
.layui-nav .layui-nav-item a:hover {            cursor: pointer;}
.layui-nav .layui-nav-more{right:-7px;}
.layui-nav .layui-this:after, .layui-nav-bar {background:none;}
.layui-table-click, .layui-table-hover, .layui-table[lay-even] tbody tr:nth-child(even) {background: #EAEAEA}

.layui-laypage a, .layui-laypage span{    height: 32px;    line-height: 32px;    font-size: 16px;} /*底部分页样式*/
.layui-nav .layui-nav-item {line-height:49px;} /*头部导航条高度*/

.sizeBox {width: 100%;}
.sizeBox tr:nth-child(1) td{font-size: 16px;}
.sizeBox input { text-align: center; width: 100%;}
.sizeBox input:hover { border:1px solid #f00;}
.sizeBox td {text-align: center;}
.vxe-table--render-default .vxe-cell{/*font-weight: 800!important;*/ font-size: 14px; text-align: center; color:#000;} /*单元格样式*/
.vxe-header--column.col--ellipsis>.vxe-cell .vxe-cell--title {margin:0 auto;}  /*首行表格样式*/


/*滚动条整体部分*/

 .mytable-scrollbar {
    overflow-x: auto;
    overflow-y: auto;
    width: 100%;
    height: 100%;
    position: relative;
    border: 1px solid #dcdfe6;
    border-radius: 4px;
}

 .mytable-scrollbar ::-webkit-scrollbar {
    width: 15px;
    height: 15px;
    border:10px solid #f00;

}
/*滚动条的轨道*/
.mytable-scrollbar ::-webkit-scrollbar-track {
    background-color: #FFFFFF;
}
/*滚动条里面的小方块，能向上向下移动*/
.mytable-scrollbar ::-webkit-scrollbar-thumb {
    background-color: #000;
    border-radius: 5px;
    border: 1px solid #F1F1F1;
    /*box-shadow: inset 0 0 6px rgba(0,0,0,.3);*/
}
.mytable-scrollbar ::-webkit-scrollbar-thumb:hover {
    background-color: #A8A8A8;
}
.mytable-scrollbar ::-webkit-scrollbar-thumb:active {
    background-color: #000;
}
/*边角，即两个滚动条的交汇处*/
.mytable-scrollbar ::-webkit-scrollbar-corner {
    background-color: #FFFFFF;
}


.col-blue {background:#CCCCCC; color:#000;}

tbody  {margin-bottom: 45px;}


 .vxe-table--render-default {color: #000;}
 /*.vxe-table--render-default.border--full .vxe-body--column, .vxe-table--render-default.border--full .vxe-footer--column, .vxe-table--render-default.border--full .vxe-header--column{border: 1px solid #000;}*/
 /*表格边框颜色*/
 .vxe-table--render-default.border--full .vxe-body--column, .vxe-table--render-default.border--full .vxe-footer--column, .vxe-table--render-default.border--full .vxe-header--column{background-image:-webkit-gradient(linear,left top,left bottom,from(#bfbfbf),to(#bfbfbf)),-webkit-gradient(linear,left top,left bottom,from(#bfbfbf),to(#bfbfbf))}

 /*表格内每两行间间隔行背景颜色*/
 .vxe-table--render-default .vxe-body--row.row--stripe{background-color:#EEEEEE}

 /*表格内单元格内的间距*/
 .vxe-table--render-default .vxe-body--column:not(.col--ellipsis), .vxe-table--render-default .vxe-footer--column:not(.col--ellipsis), .vxe-table--render-default .vxe-header--column:not(.col--ellipsis){padding:0px; }
 .vxe-table--render-default .vxe-cell{padding:3px;}


 /*底部分页边框*/
 .layui-laypage a, .layui-laypage span {border:1px solid #999;}

 /*颠倒下方的水平滚动条在上面*/
 /*.vxe-table--body-wrapper {transform:scaleY(-1);}*/
 /*.vxe-table--body {transform:scaleY(-1);}*/

 .vxe-table--body{
     padding-bottom:150px;
 }