*{margin: 0; padding: 0; box-sizing: border-box; outline: none;  image-rendering: -webkit-optimize-contrast; word-break: break-all !important; }
html{height: 100%;min-width:1080px;}
body{height: 100%;}
*::-webkit-scrollbar {  width: 8px; height:8px;  background-color: #f0f0f0;}
*::-webkit-scrollbar-thumb {  background: #ccc; }
*::-webkit-scrollbar-button{display: none;}



.btn-upload{background-color: #0099ff; border: none; outline: none; padding: 6px 12px; color: #fff; position: relative; overflow: hidden; font-size: 14px; cursor: pointer; border-radius: 4px;}
.btn-upload:active{background-color: #0d74b9;}

.a-table{border-collapse: collapse; border: none;}
.a-tr{border-bottom: 1px solid #ddd;}
.a-tr:hover{background-color: #fafafa;}
.a-td{padding: 15px 8px; font-size: 14px ; color:#333;}

.b-table{table-layout: fixed; border-collapse: collapse; border-top: 1px solid #ddd; border-left: 1px solid #ddd;}
.b-td{ border-bottom: 1px solid #ddd; border-right: 1px solid #ddd; padding: 8px 16px; font-size: 14px;}

.n-table{border-collapse: collapse; border: none; table-layout: fixed;}
.n-td{padding: 15px 8px; font-size: 14px ; color:#333; border: none; text-align: right;}

.el-pagination.is-background .btn-next, .el-pagination.is-background .btn-prev, .el-pagination.is-background .el-pager li{background-color: #fff  !important; border:1px solid #ddd !important; color:#999; font-weight: normal;}
.el-pagination.is-background .el-pager li:not(.disabled).active { background-color: #409EFF !important; border:1px solid #409EFF !important; color: #FFF !important;}

.img-wrap{width: 110px; height: 110px; background: #fafafa; border:1px dotted #ddd; position: relative; display: flex; flex-direction: column; justify-content: center; align-items: center;cursor: pointer;}

.flex{display: flex;}
.flex-col{flex-direction: column;}
.flex-wrap{flex-wrap: wrap;}
.flex-nowrap{flex-wrap: nowrap;}
.flex-fixed{flex-shrink: 0; flex-grow: 0;}
.flex-1{flex:1;}
.justify-center{justify-content: center;}
.justify-between{justify-content: space-between;}
.justify-right{justify-content: flex-end;}
.align-center{align-items: center;}
.align-between{align-items: space-between;}

.ml5{margin-left: 5px;}
.ml10{margin-left: 10px;}
.ml15{margin-left: 15px;}
.ml20{margin-left: 20px;}
.ml30{margin-left: 30px;}

.mr5{margin-right: 5px;}
.mr10{margin-right: 10px;}
.mr15{margin-right: 15px;}
.mr20{margin-right: 20px;}
.mr30{margin-right: 30px;}

.mt5{margin-top:5px;}
.mt10{margin-top:10px;}
.mt15{margin-top:15px;}
.mt20{margin-top:20px;}
.mt24{margin-top:24px;}
.mt28{margin-top:28px;}
.mt30{margin-top:30px;}
.mt50{margin-top:50px;}

.mb5{margin-bottom: 5px;}
.mb10{margin-bottom: 10px;}
.mb15{margin-bottom: 15px;}

.w10{width:10%;}
.w15{width:15%;}
.w35{width: 35%;}
.w100{width: 100%;}


.f12{font-size: 12px;}
.f14{font-size: 14px;}
.f18{font-size: 18px;}
.f20{font-size: 20px;}
.f22{font-size: 22px;}
.f24{font-size: 24px;}

.fbold{font-weight: bold;}

.color-ff{color: white;}
.color-bf{color:#BFCBD9;}
.color-99{color:#999;}
.color-33{color:#333;}
.color-66{color:#666;}
.color-red{color:#ff6600;}

.bg-ff{background-color: #fff;}

.pointer{cursor: pointer;}
.text-center{text-align: center;}

.relative{position: relative;}
.absolute{position: absolute;}
.fixed{position: fixed;}
.no-event{pointer-events: none;}
.zoom-in{cursor: zoom-in;}

.table{table-layout: auto; border-collapse: collapse;}
.td{padding: 10px 10px; border-bottom: 1px solid #ddd; font-size: 14px;}

.a{cursor: pointer;}
.a:hover{color:#0099ff; text-decoration: underline;}
.a:active{color:#0099ff;}