﻿body, html {border:0px solid transparent;margin:0px;padding:0px;background-color:#e5e5e5;width:100%;height:100%;}
.dn{display:none;}
.rel{position:relative;}
.fl{float:left;}
.wauto{width:auto;}
.wautoi{width:auto!important;}
.wa{width:100%;}                
.wai{width:100%!important;}                
.bsz{-khtml-box-sizing:border-box;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;}
.header{position:relative;float:left;padding:0px 20px;margin:0px;height:77px;line-height:77px;width:100%;background-color:#0BB783;font-size:22px;font-weight:500;color:#212121;}
.err-header{position:relative;float:left;padding:0px 20px;margin:0px;height:77px;line-height:77px;width:100%;background-color:#ee2d41;font-size:22px;font-weight:500;color:#212121;}
.header div {height:77px;line-height:77px;padding:0px!important;}
.header .retry-panel{position:relative;float:left;margin-left:20px;}
.header .retry-panel .btn-retry{border:none;outline:none;height:30px;line-height:30px;padding:0px 15px;border-radius:30px;cursor:pointer;background-color:#6993ff;color:#fff;}
.btn-upload{position:relative;float:left;padding:0px;margin:20px;outline:none;border:none;background-color:transparent;font-size:22px;color:#1bc5bd;cursor:pointer;}
.data-container{position:relative;width:100%;height:calc(100% - 77px);margin:0px;padding:0px;outline:none;background-color:transparent;overflow-x:hidden;overflow-y:auto;}
.data-container::-webkit-scrollbar{display: block;width:6px; height:6px;}
.data-container::-webkit-scrollbar-track{background: transparent;}
.data-container::-webkit-scrollbar-thumb{background-color:#B5B5C3;border-left: none;border-top:0px;border-right:none;border-bottom:none;border-radius:3px;}
.data-container::-webkit-scrollbar-track-piece:end {background:transparent;margin-bottom: 10px;margin-right:10px;}
.data-container::-webkit-scrollbar-track-piece:start{background: transparent;margin-top: 10px;margin-left:0px;}
table{width:100%;height:auto;}
thead{width:100%;height:auto;}
thead tr{width:100%;height:auto;}
thead tr td{height:auto;background-color:#f3f6f9;color:#b5b5b3;font-size:12px;font-weight:600;margin:0px;padding:10px 5px;text-align:left;}
thead tr td.br{border-right:1px solid #e5eaee;}
tbody{width:100%;height:auto;}
tbody tr{width:100%;height:auto;}
tbody tr td{height:auto;background-color:#fff;color:#464e5f;font-size:14px;font-weight:600;margin:0px;padding:10px 5px;text-align:left;border-bottom:1px solid #e5eaee;}
tbody tr td.br{border-right:1px solid #e5eaee;}
.progress{position:absolute;left:0px;bottom:10px;width:100%;height:6px!important;background-color:#e1e9ff;border-radius:3px;}
.progress .m-panel{position:relative;float:left;width:100%;height:6px;background-color:transparent;border-radius:3px;}
.progress .m-panel .bar{position:relative;float:left;height:6px!important;background-color:#6993ff;text-align:center;color:#fff;font-size:6px;line-height:6px;font-weight:600;border-radius:3px;}