.rp-error { color: red; background: #FFF5D9 no-repeat 0 0; text-align: left; white-space: nowrap; height: 36px; line-height: 36px; padding: 0 8px; vertical-align: middle; position: absolute; z-index: 4001; top: 0px; }
.rp-layer { position: absolute; left: 0; top: 0; z-index: 3000; margin: 0px; padding: 0px; overflow: hidden; }
.rp-msg { display: inline-block; position: absolute; z-index: 4000; background-color: #fbab20; color: white; text-align: left; white-space: nowrap; border-radius: 2px; box-shadow: 1px 1px 3px rgba(0,0,0,.2); }
.rp-layer-content { line-height: 22px; min-width: 12px; padding: 8px 12px; color: inherit; font-size: 12px; border-radius: 2px; box-shadow: 1px 1px 3px rgba(0,0,0,.2); }
.rp-layer-content .fa { color: inherit; font-size: inherit }
.rp-layer-bubble-left, .rp-layer-bubble-right, .rp-layer-bubble-top, .rp-layer-bubble-bottom { position: absolute; width: 0; height: 0; z-index: 4001; border-color: transparent; border-width: 8px; border-style: dashed; top: 5px; border-bottom-style: solid; }
.rp-layer-bubble-right { border-bottom-color: black; left: -8px; }
.rp-layer-bubble-left { border-bottom-color: black; right: -8px; }
.rp-layer-bubble-top { border-left-color: black; top: 30px;left:8px; }
.rp-layer-bubble-bottom { border-left-color: black; top: -8px; left: 8px; }
.rp-tips { display: inline-block; position: absolute; z-index: 4000; background-color: #fbfbfb; color: black; border: 1px solid #c7c7c7;  text-align: left; white-space: nowrap; border-radius: 2px;  }
.rp-tips .rp-layer-bubble-top-top { position: absolute; border-width: 6px; border-style: solid; border-color: #fbfbfb transparent transparent; bottom: -11px; left: 15%; }
.rp-tips .rp-layer-bubble-top-bottom { position: absolute; border-width: 6px; border-style: solid; border-color: #c7c7c7 transparent transparent; bottom: -12px; left: 15%; }
.rp-tips .rp-layer-bubble-bottom-top { position: absolute; border-width: 6px; border-style: solid; border-color: transparent transparent #fbfbfb; top: -11px; left: 15%; }
.rp-tips .rp-layer-bubble-bottom-bottom { position: absolute; border-width: 6px; border-style: solid; border-color: transparent transparent #c7c7c7; top: -12px; left: 15%; }
.rp-tips .rp-layer-bubble-left-top { position: absolute; border-width: 6px; border-style: solid; border-color: transparent transparent transparent #fbfbfb; right: -11px; top: 35%; }
.rp-tips .rp-layer-bubble-left-bottom { position: absolute; border-width: 6px; border-style: solid; border-color: transparent transparent transparent #c7c7c7; right: -12px; top: 35%; }
.rp-tips .rp-layer-bubble-right-top { position: absolute; border-width: 6px; border-style: solid; border-color: transparent #fbfbfb transparent transparent; left: -11px; top: 35%; }
.rp-tips .rp-layer-bubble-right-bottom { position: absolute; border-width: 6px; border-style: solid; border-color: transparent #c7c7c7 transparent transparent; left: -12px; top: 35%; }
.rp-mask { position: absolute; left: 0; top: 0; z-index: 1000; margin: 0px; padding: 0px; overflow: hidden; }
.rp-opacity { background-color: #ccc; opacity: 0.4; filter: alpha(opacity=40); }
.rp-window { }
.rp-alert { position: absolute; left: 0; top: 0; z-index: 2000; margin: 0px; padding: 0px; overflow: hidden; box-sizing: content-box; -moz-box-sizing: content-box; -ms-box-sizing: content-box; -webkit-box-sizing: content-box; }
.rp-alert-icon { }
.rp-alert-content { padding: 1px; word-break: break-word; word-wrap: break-word; display: block }
.rp-window { position: absolute; background: #FFF; box-shadow: 0 3px 6px rgba(0, 0, 0, 0.3); border-radius: 2px; }
.rp-window-border { overflow: hidden; border-radius: 2px; width: inherit; height: inherit; }
.rp-window-header { background-color: #59b408; color: #fff; border-bottom: 1px solid #eee; height: 40px; line-height: 40px; font-size: 14px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; border-radius: 2px 2px 0 0; }
.rp-window-header-inner { position: relative; vertical-align: middle; }
.rp-window-icon { display: inline-block; width: 16px; height: 16px; }
.rp-window-title { font-weight: bolder; }
.rp-window-border { }
.rp-window-viewport { overflow: hidden; position: relative; }
.rp-window-toolbar { }
.rp-window-body { overflow: hidden; }
.rp-window-footer { overflow: hidden; }
.rp-window-resizer { }
.rp-block { background-color: white; border: 1px solid #d8d8d8; padding: 0px 8px; position: relative; margin: 4px 0; min-height: 40px; line-height: 40px; vertical-align: middle; }
.rp-palnel { background-color: white; border: 1px solid #d8d8d8; position: relative; margin: 4px 0;}
.rp-palnel-title { border-bottom: 1px solid #d8d8d8; font-weight: bold; padding: 0px 8px; height: 38px; line-height: 38px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; vertical-align: middle; }
.rp-palnel-item { border-bottom: 1px solid #d8d8d8; padding: 1px; height: 30px; line-height: 30px; text-overflow: ellipsis; overflow: hidden; white-space: nowrap; }
.rp-palnel-content { background-color: white; padding: 1px; }
.rp-palnel-foot { background-color: white; padding: 1px; border-top: 1px solid #d8d8d8; }
.rp-tools { }
.rp-tools-collapse { }
.rp-tools-min, .rp-tools-max, .rp-tools-close { position: absolute; cursor: pointer; width: 11px; top: 14px; }
.rp-tools-min { right: 63px; top: 20px; border: 1px solid #fff; border-top-width: 2px; height: 0px; }
.rp-tools-max { right: 38px; border: 1px solid #fff; border-top-width: 3px; height: 8px; }
.rp-tools-close { right: 15px; top: 12px; font-weight: bold; width: 14px; font-size: 21px; line-height: 14px; overflow: hidden; text-align: center; vertical-align: middle; }
.rp-buttons { text-align: center; }
.rp-button { background-color: #59b408; color: #fff; height: 28px; line-height: 28px; text-align: center; padding: 0px 20px; cursor: pointer; font-size: 12px; display: inline-block; margin: 2px; vertical-align: middle; border-radius: 2px; }
.rp-button:hover { background-color: #63c60a; color: #fff; }
.rp-table { width: 100%; height: 100%; border-collapse: collapse; }
.rp-table thead tr { background-color: #f2f2f2; }
.rp-table thead th { text-align: center;}
.rp-table th {text-align: center; }
.rp-table th, .rp-table td { vertical-align: middle; }
.rp-table .rp-td-column { width: 80px; text-align: right; }
.rp-table-border tr:hover { background-color: #fafafa; }
.rp-table-border th { border: 1px solid #e6e6e6; line-height: 24px; padding: 5px 0px; }
.rp-table-border td { border: 1px solid #e6e6e6; line-height: 22px; padding: 4px 0px }

.rp-table-inside { margin: 0px; width: 100%;border-collapse: collapse; }
.rp-table-inside tr { }
.rp-table-inside th {padding: 0px;text-align:center;vertical-align:middle; }
.rp-table-inside td { padding: 0px ;vertical-align:middle; }
.rp-table-inside .rp-td-left{ border-right: 1px dotted #e6e6e6; }

.rp-form .rp-tr { margin: 4px 0px; display:block; height: 40px; }
.rp-form .rp-td-left, .rp-form .rp-td-centre, .rp-form .rp-td-centreplus, .rp-form .rp-td-right { display: block; position: relative; border-width: 1px; border-style: solid; border-color: #e6e6e6; height: 40px; text-overflow: ellipsis; white-space: nowrap; box-sizing: border-box; }
.rp-form .rp-td-left { float: left; border-radius: 2px 0 0 2px; width: 90px; text-align: right; text-overflow: clip; background-color: #FBFBFB; border-right: 0px; padding: 5px; overflow: hidden; line-height: 30px; }
.rp-form .rp-td-centre { margin-left: 90px; padding: 0px; text-align: left; }
.rp-form .rp-td-centreplus { margin-left: 90px; margin-right: 41px; }
.rp-form .rp-td-right { float: right; border-left: 0px; border-radius: 0px 2px 2px 0px; text-align: center; padding: 5px; min-width: 42px; overflow: hidden; line-height: 30px; }
.rp-form .rp-tr .layui-input, .rp-form .rp-tr .layui-select, .rp-form .rp-tr .layui-textarea { border-width: 0px; }
.rp-top-navbar { background-color: rgb(255, 255, 255); height: 40px; position: absolute; top: 0; left: 0; right: 0; z-index: 1000; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; vertical-align: middle; }
/*.rp-top-navbar:after { content: '';position: absolute; z-index: 2; bottom: 0; left: 0; width: 100%; border-bottom: 1px solid #b2b2b2; -webkit-transform: scaleY(.5); transform: scaleY(.5); -webkit-transform-origin: 0 0; transform-origin: 0 0; }*/
.rp-top-navbar-center { margin: auto 28px; width: 100%; text-align: center; padding: 0 1px; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; font-size: 14px; white-space: nowrap; overflow: hidden; color: #5C5C5C; }
.rp-top-navbar-button { position: absolute; top: 0; bottom: 0; padding: 0 4px; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center;  white-space: nowrap; overflow: hidden; color: #5C5C5C; }
.rp-top-navbar-title { font-size: 18px; color: #5C5C5C; font-weight: bolder; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.rp-top-navbar .fa, .rp-foot-navbar .fa { font-size: 28px; cursor: pointer; }
.rp-foot-navbar { background-color: rgb(255, 255, 255);position: absolute; bottom: 0; left: 0; right: 0;z-index:1000; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; vertical-align: middle; padding:1px 0px;}
.rp-top-navbar > table, .rp-foot-navbar > table { width: 100%; height: 100%; }
.rp-top-navbar > table td, .rp-foot-navbar > table td { text-align: center; font-weight: bolder; overflow: hidden;vertical-align:middle;}
.rp-foot-navbar > table td { width: 25%; }
.rp-top-navbar .fa:hover, .rp-foot-navbar .fa:hover, .rp-foot-navbar table td:hover { color: #1d9d74; }
.rp-top-navbar { border-bottom: 1px solid #e6e6e6; }
.rp-foot-navbar { border-top: 1px solid #e6e6e6; }
.rp-spinner { border: 1px solid #d2d2d2; border-radius: 1px; display: block; overflow: hidden; height: 36px; width: 170px; }
.rp-spinner .rp-spinner-input { font-size: 14px; letter-spacing: 0; float: left; width: 50%; height: inherit; line-height: 100%; text-align: center; vertical-align: middle; justify-content: center; color: #666; border: none; background-color: #fff; }
.rp-spinner-up, .rp-spinner-down { float: left; width: 25%; height: inherit; line-height: inherit; display: flex; -ms-flex-direction: column; text-align: center; justify-content: center; vertical-align: middle; align-items: center; text-align: center; position: relative; background-color: #d2d2d2; overflow: hidden; cursor: pointer; font-size: 30px; }
.rp-page-toolbar {position:absolute;left:0px;bottom:100px;z-index:2000; display:none;color:white;}
.rp-page-toolbar dd { font-size: 34px; opacity: .6; background-color: #393D49; width: 38px; height: 38px; line-height: 38px; vertical-align: middle; text-align: center; cursor: pointer; border-radius: 2px; }