.layui-table-view{border: none;}
.layui-table-body{padding-bottom: 0px; margin: 0px;}
.layui-table-fixed{z-index: 20;}
.layui-table-fixed .layui-table-body{padding: 0px;}
.layui-table-body::-webkit-scrollbar {width: 8px;height: 8px;background-color: #c9dee4;}
.layui-table-body::-webkit-scrollbar-track {border-radius: 4px;background-color: #c9dee4;}
.layui-table-body::-webkit-scrollbar-thumb {background-color: #10abca;}

.layui-table thead tr {background: #10abca;}
.layui-table thead tr th{color: #fff; border: 1px solid #70cddf; font-size: 17px; font-weight: 600; position: relative;}

.layui-table thead tr th .layui-table-cell{width: 100px !important; margin: 0px auto;}
.layui-table thead tr:nth-child(1) th:nth-child(1) .layui-table-cell{width:120px !important;}
.layui-table thead tr:nth-child(1) th:nth-child(2) .layui-table-cell{width:120px !important;}
.layui-table thead tr:nth-child(1) th:nth-child(3) .layui-table-cell{width:120px !important;}
.layui-table thead tr:nth-child(1) th:nth-last-child(2) .layui-table-cell{width:110px !important;}

.layui-table td{border-color: #d5d9dd;}
.layui-table td .layui-table-cell{width: 100px !important; margin: 0px auto;}
.layui-table td:last-child .layui-table-cell{width:100px !important;}
.layui-table td:nth-child(1) .layui-table-cell{width:120px !important;}
.layui-table td:nth-child(2) .layui-table-cell{width:120px !important;}
.layui-table td:nth-child(3) .layui-table-cell{width:120px !important;}


.layui-table-view .layui-table{border-radius: 12px 12px 0px 0px; overflow: hidden; min-width:100%;}
.layui-table-fixed .layui-table{border-radius: 12px 0px 0px 0px;}
.layui-table-body .layui-table{border-radius: 0px 0px 12px 12px;}

.layui-table-cell{text-align: center; font-size: 13px; line-height: 22px; white-space: normal; height: auto; padding: 6px 5px;}
th[data-btn="dropdown"] .layui-table-cell span{position: relative; padding-right: 30px; display: inline-block; line-height: 22px;}
th[data-btn="dropdown"] .layui-table-cell .icon-youjiantou:before{position: absolute; right: 0px; top: 50%; transform: translateY(-50%) rotate(90deg);}

th[data-btn="dropdown"].cur .layui-table-cell .icon-youjiantou:before{transform: translateY(-50%) rotate(-90deg);}
th[data-btn="dropdown"]::after{content: ''; left: 0px; top: 0px; width: 100%; height: 100%; position: absolute;}

.layui-table-view-1 .layui-table-body .layui-table .layui-table-cell{ display: flex !important; align-items: center; justify-content: center;}
.layui-table-view-1 .layui-table-body .layui-table .layui-table-cell a{color: #5F5F5F;}
.layui-table-view-1 .layui-table-body .layui-table .layui-table-cell a:hover{color: #10ABCA;}
.layui-table tbody tr:hover, .layui-table-hover{background: rgba(16,171,202,0.1);}

.layui-dropdown{margin: -2px 0px 0px 0px; z-index: 30; border: 1px solid #10abca; box-shadow: 0px 14px 27px rgba(45,184,212,0.3); padding:10px; border-radius: 0px 0px 12px 12px; overflow: hidden;}
.layui-menu{margin: 0px;overflow-x: hidden; overflow-y: auto; max-height: 360px;}
.layui-menu::-webkit-scrollbar {width: 6px;height: 6px;background-color: #f4f4f4;}
.layui-menu::-webkit-scrollbar-track {border-radius: 3px;background-color: #f4f4f4;}
.layui-menu::-webkit-scrollbar-thumb {background-color: #10abca;}

.layui-table-patch{display: none;}

.layui-menu li{position: relative; font-size: 12px; line-height: 22px; color: #242424; padding: 5px 5px 5px 20px;}
.layui-menu li::after{position: absolute; left: 0px; top: 12px; width: 11px; height: 11px; content: ''; background-image: url(../images/33.png); background-repeat: no-repeat; background-size: 11px;}
.layui-menu li:hover{background: none;}
.layui-menu li:hover::after{background-image: url(../images/34.png);}
.layui-menu li.cur::after{background-image: url(../images/34.png);}

#pagination{padding-top: 20px; text-align: center;border:none; display: none;}
#pagination .layui-laypage a{ padding: 0px; border: none; background: #fff;  width:30px; height: 30px; font-size: 12px; margin: 0px 3px; border-radius: 5px; font-weight: 600; display: flex; align-items: center; justify-content: center;}
#pagination .layui-laypage a:hover{background: #10ABCA;}
#pagination .layui-laypage span{padding: 0px; border: none; width: 30px; height: 30px; display: flex; align-items: center; margin: 0px 3px; justify-content: center;}
#pagination .layui-laypage span.layui-laypage-curr{ margin: 0px 3px; padding: 0px; border: none; font-size: 14px; border-radius: 5px; font-weight: 600;background: #10ABCA; }
#pagination .layui-laypage span.layui-laypage-curr em{background: #10ABCA;border-radius: 5px; padding: 0px; top: 0px; left: 0px; line-height: 30px;}

.tableDataMain{position: relative;}
.tableDataMain .loading{position: absolute; display: none; left:50%; top: 50%; -webkit-transform: translate(-50%,-50%); -moz-transform: translate(-50%,-50%); -ms-transform: translate(-50%,-50%); -o-transform: translate(-50%,-50%); transform: translate(-50%,-50%);}
.tableDataMain .loading i{font-size: 40px; color: rgba(255,143,71, 1); text-shadow: 0px 3px 10px rgba(255,255,255,0.2);}
.selection .table >div{overflow: visible !important;}


@media (max-width:768px){
    th[data-btn="dropdown"] .layui-table-cell span{padding-right: 20px;line-height: 20px;}
}

@media (min-width:768px){
    .layui-table-body{padding-bottom: 0vw;}
    .layui-table thead tr th{ font-size: 1.063vw;}

    .layui-table-view .layui-table{border-radius: 0.75vw 0.75vw 0vw 0vw;}
    .layui-table-fixed .layui-table{border-radius: 0.75vw 0vw 0vw 0vw;}
    .layui-table-body .layui-table{border-radius: 0vw 0vw 0.75vw 0.75vw;}

    .layui-table-cell{font-size: 1vw; line-height: 1.5vw; padding: 0.375vw 0.313vw;}
    th[data-btn="dropdown"] .layui-table-cell span{padding-right: 1.875vw;line-height: 1.5vw;}
    .layui-table-body td .layui-table-cell{ height: 4.5vw !important;}
    .layui-dropdown{box-shadow: 0vw 0.875vw 1.688vw rgba(45,184,212,0.3); padding:1.25vw; border-radius: 0vw 0vw 0.75vw 0.75vw;}
    .layui-menu{max-height: 22.5vw;}

    .layui-menu li{font-size: 1vw;  line-height: 1.625vw; padding: 0.313vw 0.625vw 0.313vw 1.25vw;}
    .layui-menu li::after{ top: 0.75vw; width: 0.688vw;height: 0.688vw;background-size: 0.688vw;}

    #pagination{padding-top: 3.125vw;}
    #pagination .layui-laypage a{width: 3vw; height: 3vw; font-size: 0.813vw; margin: 0vw 0.438vw; border-radius: 0.313vw;}
    #pagination .layui-laypage span{width: 3vw; height: 3vw; margin: 0vw 0.438vw;}
    #pagination .layui-laypage span.layui-laypage-curr{margin: 0vw 0.438vw; font-size: 1.063vw; border-radius: 0.313vw; }
    #pagination .layui-laypage span.layui-laypage-curr em{border-radius: 0.313vw; line-height: 3vw;}

    .layui-table thead tr th .layui-table-cell{width: 8.5vw !important;}
    .layui-table thead tr:nth-child(1) th:nth-child(1) .layui-table-cell{width:12.5vw !important;}
    .layui-table thead tr:nth-child(1) th:nth-child(2) .layui-table-cell{width:12.5vw !important;}
    .layui-table thead tr:nth-child(1) th:nth-child(3) .layui-table-cell{width:12.5vw !important;}
    .layui-table thead tr:nth-child(1) th:nth-last-child(2) .layui-table-cell{width:10vw !important;}
    
    .layui-table td .layui-table-cell{width: 8.5vw !important;}
    .layui-table td:last-child .layui-table-cell{width:9.375vw !important;}
    .layui-table td:nth-child(1) .layui-table-cell{width:12.5vw !important;}
    .layui-table td:nth-child(2) .layui-table-cell{width:12.5vw !important;}
    .layui-table td:nth-child(3) .layui-table-cell{width:12.5vw !important;}


}

@media (min-width:1200px){

    .layui-table-body{padding-bottom: 0vw;}
    .layui-table thead tr th{ font-size: 0.885vw;}

    .layui-table-view .layui-table{border-radius: 0.625vw 0.625vw 0vw 0vw;}
    .layui-table-fixed .layui-table{border-radius: 0.625vw 0vw 0vw 0vw;}
    .layui-table-body .layui-table{border-radius: 0vw 0vw 0.625vw 0.625vw;}
    
    .layui-table-cell{font-size: 0.833vw;  line-height: 1.25vw; padding: 0.313vw 0.26vw;}
    th[data-btn="dropdown"] .layui-table-cell span{padding-right: 1.563vw;line-height: 1.25vw;}
    .layui-table-body td .layui-table-cell{ height: 3.75vw !important;}

    .layui-dropdown{box-shadow: 0vw 0.729vw 1.406vw rgba(45,184,212,0.3); padding:1.042vw; border-radius: 0vw 0vw 0.625vw 0.625vw;}
    .layui-menu{max-height: 18.75vw;}

    .layui-menu li{font-size: 0.833vw; line-height: 1.354vw; padding: 0.26vw 0.521vw 0.26vw 1.042vw;}
    .layui-menu li::after{ top: 0.625vw; width: 0.573vw;height: 0.573vw;background-size: 0.573vw;}

    #pagination{padding-top: 2.604vw;}
    #pagination .layui-laypage a{width: 2.5vw; height: 2.5vw; font-size: 0.677vw; margin: 0vw 0.365vw; border-radius: 0.26vw;}
    #pagination .layui-laypage span{width: 2.5vw; height: 2.5vw; margin: 0vw 0.365vw;}
    #pagination .layui-laypage span.layui-laypage-curr{margin: 0vw 0.365vw; font-size: 0.885vw; border-radius: 0.26vw; }
    #pagination .layui-laypage span.layui-laypage-curr em{border-radius: 0.26vw;line-height: 2.5vw;}

    .layui-table thead tr th .layui-table-cell{width: 7.25vw !important;}
    .layui-table thead tr:nth-child(1) th:nth-child(1) .layui-table-cell{width:10.417vw !important;}
    .layui-table thead tr:nth-child(1) th:nth-child(2) .layui-table-cell{width:10.417vw !important;}
    .layui-table thead tr:nth-child(1) th:nth-child(3) .layui-table-cell{width:10.417vw !important;}
    .layui-table thead tr:nth-child(1) th:nth-last-child(2) .layui-table-cell{width:8.333vw !important;}
    
    .layui-table td .layui-table-cell{width: 7.25vw !important;}
    .layui-table td:last-child .layui-table-cell{width:7.813vw !important;}
    .layui-table td:nth-child(1) .layui-table-cell{width:10.417vw !important;}
    .layui-table td:nth-child(2) .layui-table-cell{width:10.417vw !important;}
    .layui-table td:nth-child(3) .layui-table-cell{width:10.417vw !important;}

}


@media (min-width:1600px){

    .layui-table-body{padding-bottom: 0px;}
    .layui-table thead tr th{ font-size: 17px;}

    .layui-table-view .layui-table{border-radius: 12px 12px 0px 0px;}
    .layui-table-fixed .layui-table{border-radius: 12px 0px 0px 0px;}
    .layui-table-body .layui-table{border-radius: 0px 0px 12px 12px;}
    
    .layui-table-cell{font-size: 16px;  line-height: 24px; padding: 6px 5px;}
    th[data-btn="dropdown"] .layui-table-cell span{padding-right: 30px;line-height: 24px;}
    .layui-table-body td .layui-table-cell{ height: 72px !important;}

    .layui-dropdown{box-shadow: 0px 14px 27px rgba(45,184,212,0.3); padding:20px; border-radius: 0px 0px 12px 12px;}
    .layui-menu{max-height: 360px;}

    .layui-menu li{font-size: 16px; line-height: 26px; padding: 5px 10px 5px 20px;}
    .layui-menu li::after{ top: 12px; width: 11px;height: 11px;background-size: 11px;}

    #pagination{padding-top: 50px;}
    #pagination .layui-laypage a{width: 48px; height: 48px; font-size: 13px; margin: 0px 7px; border-radius: 5px;}
    #pagination .layui-laypage span{width: 48px; height: 48px; margin: 0px 7px;}
    #pagination .layui-laypage span.layui-laypage-curr{margin: 0px 7px; font-size: 17px; border-radius: 5px; }
    #pagination .layui-laypage span.layui-laypage-curr em{border-radius: 5px;line-height: 48px;}

    .layui-table thead tr th .layui-table-cell{width: 139px !important;}
    .layui-table thead tr:nth-child(1) th:nth-child(1) .layui-table-cell{width:200px !important;}
    .layui-table thead tr:nth-child(1) th:nth-child(2) .layui-table-cell{width:200px !important;}
    .layui-table thead tr:nth-child(1) th:nth-child(3) .layui-table-cell{width:200px !important;}
    .layui-table thead tr:nth-child(1) th:nth-last-child(2) .layui-table-cell{width:160px !important;}
    
    .layui-table td .layui-table-cell{width: 139px !important;}
    .layui-table td:last-child .layui-table-cell{width:150px !important;}
    .layui-table td:nth-child(1) .layui-table-cell{width:200px !important;}
    .layui-table td:nth-child(2) .layui-table-cell{width:200px !important;}
    .layui-table td:nth-child(3) .layui-table-cell{width:200px !important;}

}