*{ margin:0; padding:0; -webkit-tap-highlight-color:rgba(0,0,0,0); -moz-tap-highlight-color:rgba(0,0,0,0); -ms-tap-highlight-color:rgba(0,0,0,0); -o-tap-highlight-color:rgba(0,0,0,0); tap-highlight-color:rgba(0,0,0,0); -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;}
a{ text-decoration:none; outline:none; blr:expression(this.onFocus=this.blur()); color: #141519;}
html,body,menu,ul,ol,li,dl,dt,dd,p,div,form,h1,h2,h3,h4,h5,h6,img,a img,input,textarea,fieldset,figure,figcaption{ padding:0; margin:0; border:0;}
img,input,select{ outline:none; vertical-align:middle; background: none; -webkit-appearance: none;}
input[type=button]{ -webkit-appearance: none;}
button{ border: none; outline: none;}
body,input,textarea,select,button{ resize:none; -webkit-text-size-adjust:none;}
body{ position: relative; font-family: "Arial", sans-serif; background: #ffffff; font-weight: normal;}
.ace-row{ display: flex; display: -webkit-flex; flex-wrap: wrap;}
.row-middle{ align-items: center;}
.row-center{ justify-content: center;}
.row-between{ justify-content: space-between;}
.row-right{ justify-content: flex-end;}
ul,li{list-style: none;}
input{ outline: none;}

.login-box{ width: 100%; height: 100vh; background: url("../images/bg.png") center center no-repeat; background-size: 100% 100%;}
.login{ position: fixed; left: 50%; top: 50%; width: 46rem; padding: 3rem; transform: translateX(-50%) translateY(-50%); border-radius: .8rem; background: #ffffff;}
.login .title{ margin: 0 0 1.4rem; font-size: 2rem; color: #777777;}
.login .title span{ color: #BF1639;}
.login .form .item{ margin: 0 0 3rem; flex-direction: column;}
.login .form .item span{ margin: 0 0 1rem; font-size: 1.8rem; color: #666666;}
.login .form .item .item-ipt{ width: 100%; padding: 1.6rem 2rem; border-radius: .6rem; font-size: 1.6rem; color: #333333; background: #F8F8FA;}
.login .form .item .item-ipt img{ width: 1.8rem; height: 1.8rem; margin: 0 .8rem 0 0;}
.login .form .item .item-ipt input{ font-size: 1.6rem; color: #333333;}
.login .form .item input::placeholder{ color: #999999;}
.login .form .item input::-webkit-input-placeholder{ color: #999999;}
.login .login-btn{ width: 100%; height: 5rem; font-size: 1.8rem; text-align: center; line-height: 5rem; border-radius: .6rem; background: #BF1639; color: #ffffff; cursor: pointer;}

.monitor .inner{ width: 100%; height: 100%; padding: 4rem;}
.monitor .top .title{ font-weight: bold; font-size: 2rem ; color: #BF1639;}
.monitor .top .user{ font-size: 2rem; color: #666666;}
.monitor .top .user span{ color: #333333; cursor: pointer;}
.monitor .top .user span:hover{ color: #BF1639;}

.monitor .operate{ margin: 3rem 0;}
.monitor .operate .search-box{ width: 66rem; height: 5.4rem; border-radius: .6rem;background: #F2F2F2;}
.monitor .operate .search{ padding: .9rem 1.4rem;}
.monitor .operate .search img{ width: 3.6rem; height: 3.6rem;}
.monitor .operate .search .ipt{ width: 42rem; margin: 0 0 0 1rem; font-size: 1.8rem; color: #333333;}
.monitor .operate .search .ipt::placeholder{ color: #9F9F9F;}
.monitor .operate .search .ipt::-webkit-input-placeholder{ color: #9F9F9F;}
.monitor .operate .search-box .btn{ width: 16rem; height: 5.4rem; border-radius: .6rem; font-size: 2rem; background: #BF1639; color: #ffffff; cursor: pointer;}
.monitor .operate .add{ width: 46rem; height: 5.4rem; border-radius: .6rem; font-size: 2rem; background: #BF1639; color: #ffffff; cursor: pointer;}
.monitor .operate .add img{ width: 2.4rem; height: 2.4rem;}
.monitor .operate .export{ width: 16rem; height: 5.4rem; border-radius: .6rem; font-size: 2rem; background: #BF1639; color: #ffffff; cursor: pointer;}
.monitor .operate .add img,.monitor .operate .export img{ width: 2.4rem; height: 2.4rem;}

.table-head table{ width: 100%;}
.table-head thead tr{ width: 100%; height: 5.4rem; padding: 0 2rem; font-size: 1.8rem; background: rgba(191, 22, 57, 0.12); color: #333333;}
.table-head thead tr td{ width: 16%; padding: 0 2rem 0 0;}
.table-head thead tr td:first-child{ width: 20%;}
.table-body thead tr td:last-child{ padding: 0;}

.table-body table{ width: 100%;}
.table-body tbody tr{ width: 100%; padding: 1rem 2rem; font-size: 1.6rem; border-bottom: 1px solid rgba(191, 22, 57, 0.16); color: #666666;}
.table-body tbody tr td{ width: 16%; padding: 0 2rem 0 0;}
.table-body tbody tr td:first-child{ width: 20%;}
.table-body tbody tr td:last-child{ padding: 0;}
.table-body tbody tr .operate-btn .edit{ width: 8.8rem; height: 3.4rem; font-size: 1.6rem; text-align: center; line-height: 3.4rem; border-radius: .2rem; background: rgba(22, 191, 59, 0.10); color: #1FC056; cursor: pointer;}
.table-body tbody tr .operate-btn .delete{ width: 8.8rem; height: 3.4rem; margin: 0 0 0 1rem; font-size: 1.6rem; text-align: center; line-height: 3.4rem; border-radius: .2rem; background: rgba(191, 22, 57, 0.08); color: #BF1639; cursor: pointer;}

.monitor .page{ margin: 2rem 0 0;}
.monitor .page .num{ font-size: 1.4rem; color: #666666;}
.monitor .page .num span{ color: #BF1639;}
.monitor .page .list{ margin: 0 2rem; font-size: 1.4rem; color: #333333;}
.monitor .page .list span{ cursor: pointer;}
.monitor .page .page-list li{ padding: 0 1rem; cursor: pointer;}
.monitor .page .page-list li.active,.monitor .page .page-list li.page-li-no:hover{ color: #BF1639;}
.monitor .page .list .prev.disable,.monitor .page .list .next.disable{ cursor: default; color: #999999;}
.monitor .page .jump-page-box{ font-size: 1.4rem; color: #666666;}
.monitor .page .jump-page-box .jump-input{ width: 4.4rem; margin: 0 .4rem; padding: .2rem; border-radius: .2rem; font-size: 1.4rem; text-align: center; color: #333333; background: rgba(191, 22, 57, 0.12);}
.monitor .page .jump-page-box .jump-btn{ margin: 0 0 0 1rem; font-size: 1.4rem; color: #BF1639; cursor: pointer;}

.dialog-add{ display: none; position: fixed; top: 0; left: 0; width: 100%; height: 100%; background: rgba(0, 0, 0, 0.5);}
.dialog-add .add{ position: absolute; left: 50%; top: 50%; width: 44rem; padding: 3rem; transform: translateX(-50%) translateY(-50%); border-radius: .8rem; background: #ffffff;}
.dialog-add .close{ position: absolute; top: 3rem; right: 3rem; width: 2.4rem; height: 2.4rem; background: url(../images/close.png) no-repeat; background-size: 100% 100%; cursor: pointer;}
.dialog-add .title{ margin: 0 0 1.4rem; font-weight: bold; font-size: 2rem; color: #BF1639;}
.dialog-add .form .item{ margin: 0 0 2rem; flex-direction: column;}
.dialog-add .form .item span{ margin: 0 0 1rem; font-size: 1.8rem; color: #666666;}
.dialog-add .form .item input{ width: 100%; padding: 1.6rem 2rem; border-radius: .6rem; font-size: 1.6rem; color: #333333; background: #F8F8FA;}
.dialog-add .form .item input::placeholder{ color: #999999;}
.dialog-add .form .item input::-webkit-input-placeholder{ color: #999999;}
.dialog-add .confirm{ width: 100%; height: 5rem; font-size: 1.8rem; text-align: center; line-height: 5rem; border-radius: .4rem; background: #BF1639; color: #ffffff; cursor: pointer;}

.dialog-edit{ display: none; position: fixed; top: 0; left: 0; width: 100%; height: 100%; background: rgba(0, 0, 0, 0.5);}
.dialog-edit .edit{ position: absolute; left: 50%; top: 50%; width: 44rem; padding: 3rem; transform: translateX(-50%) translateY(-50%); border-radius: .8rem; background: #ffffff;}
.dialog-edit .close{ position: absolute; top: 3rem; right: 3rem; width: 2.4rem; height: 2.4rem; background: url(../images/close.png) no-repeat; background-size: 100% 100%; cursor: pointer;}
.dialog-edit .title{ margin: 0 0 1.4rem; font-weight: bold; font-size: 2rem; color: #BF1639;}
.dialog-edit .form .item{ margin: 0 0 2rem; flex-direction: column;}
.dialog-edit .form .item span{ margin: 0 0 1rem; font-size: 1.8rem; color: #666666;}
.dialog-edit .form .item input{ width: 100%; padding: 1.6rem 2rem; border-radius: .6rem; font-size: 1.6rem; color: #333333; background: #F8F8FA;}
.dialog-edit .form .item input::placeholder{ color: #999999;}
.dialog-edit .form .item input::-webkit-input-placeholder{ color: #999999;}
.dialog-edit .confirm{ width: 100%; height: 5rem; font-size: 1.8rem; text-align: center; line-height: 5rem; border-radius: .4rem; background: #BF1639; color: #ffffff; cursor: pointer;}

.dialog-delete{ display: none; position: fixed; top: 0; left: 0; width: 100%; height: 100%; background: rgba(0, 0, 0, 0.5);}
.dialog-delete .delete{ position: absolute; left: 50%; top: 50%; width: 44rem; min-height: 16rem; padding: 3rem; transform: translateX(-50%) translateY(-50%); border-radius: .8rem; background: #ffffff;}
.dialog-delete .title{ margin: 0 0 3rem; font-weight: bold; font-size: 2rem; text-align: center; color: #333333;}
.dialog-delete .confirm{ width: 16rem; height: 5rem; font-size: 1.8rem; text-align: center; line-height: 5rem; border-radius: .4rem; background: #BF1639; color: #ffffff; cursor: pointer;}
.dialog-delete .cancel{ width: 16rem; height: 5rem; font-size: 1.8rem; text-align: center; line-height: 5rem; border-radius: .4rem; background: #E8E8E8; color: #333333; cursor: pointer;}

.dialog-import{ display: none; position: fixed; top: 0; left: 0; width: 100%; height: 100%; background: rgba(0, 0, 0, 0.5);}
.dialog-import .import{ position: absolute; left: 50%; top: 50%; width: 44rem; min-height: 16rem; padding: 3rem; transform: translateX(-50%) translateY(-50%); border-radius: .8rem; background: #ffffff;}
.dialog-import .upload{ position: relative; width: 100%; height: 16rem; border: 1px solid #E8E8E8;}
.dialog-import .upload-img{ width: 100%; height: 16rem;}
.dialog-import .upload-img img{ width: 8.8rem; height: 8.8rem;}
.dialog-import .upload-img .name{ font-size: 2rem; color: #666666;}
.dialog-import .upload-file{ position: absolute; left: 0; top: 0; width: 100%; height: 16rem; content: ''; opacity: 0; z-index: 10; cursor: pointer;}
.dialog-import .tip{ margin: 1.2rem 0;}
.dialog-import .tip span{ font-size: 1.6rem; color: #999999;}
.dialog-import .tip .load{ font-size: 1.6rem; color: #BF1639;}
.dialog-import .confirm{ width: 18rem; height: 5rem; font-size: 1.8rem; text-align: center; line-height: 5rem; border-radius: .4rem; background: #BF1639; color: #ffffff; cursor: pointer;}
.dialog-import .cancel{ width: 18rem; height: 5rem; font-size: 1.8rem; text-align: center; line-height: 5rem; border-radius: .4rem; background: #E8E8E8; color: #333333; cursor: pointer;}

.dialog-logout{ display: none; position: fixed; top: 0; left: 0; width: 100%; height: 100%; background: rgba(0, 0, 0, 0.5);}
.dialog-logout .logout{ position: absolute; left: 50%; top: 50%; width: 44rem; min-height: 16rem; padding: 3rem; transform: translateX(-50%) translateY(-50%); border-radius: .8rem; background: #ffffff;}
.dialog-logout .title{ margin: 0 0 3rem; font-weight: bold; font-size: 2rem; text-align: center; color: #333333;}
.dialog-logout .confirm{ width: 16rem; height: 5rem; font-size: 1.8rem; text-align: center; line-height: 5rem; border-radius: .4rem; background: #BF1639; color: #ffffff; cursor: pointer;}
.dialog-logout .cancel{ width: 16rem; height: 5rem; font-size: 1.8rem; text-align: center; line-height: 5rem; border-radius: .4rem; background: #E8E8E8; color: #333333; cursor: pointer;}

.toast{ display: none; position: fixed; left: 50%; top:50%; text-align: center; -webkit-border-radius: .6rem; -moz-border-radius: .6rem; -ms-border-radius: .6rem; border-radius: .6rem; transform: translateX(-50%) translateY(-50%); padding: 1.6rem 2rem; font-size: 1.8rem; background: rgba(0, 0, 0, .5); color: #ffffff; z-index: 900;}