:root {
  --color_main: #ff9600;
  --color_main_hover: #ffb650;
  --color_main_light: #ffe0c0;
  --color_nav_hover: #c96500;
  --color_add: #4582EC;
  --color_add_hover: #7EADFF;
  --color_add_hover_b: #1863E6;
  --color_modify: #50b728;
  --color_modify_hover: #99E97A;
  --color_delete: #ff4d50;
  --color_delete_hover: #FB7E80;
  --color_delete_hover_b: #EF1600;
  --color_body_bg: #fff2e9;
  --color_breadcrumb_bg: #ffdec9;
  --color_label: #bbb;
  --color_label_hover: #569dff;
  --color_table_th: #e3b080;
  --color_table_th2: #ab835e8a;
  --color_table_bg: #ffd4a62e;
  --color_text: #333;
  --h1_font_size: clamp(2.8em, 7.5vw, 3.3em);
  --h2_font_size: clamp(2.2em, 5vw, 3em);
  --h3_font_size: clamp(1.6em, 5vw, 2.2em);
  --h4_font_size: clamp(1.3em, 3.8vw, 1.65em);
  --h5_font_size: clamp(0.9em, 3vw, 1.2em);
  --title_font_size: clamp(1.08em, 2vw, 1.1em);
  --text_font_size: clamp(.9em, 2vw, 1em);
  --btn_font_size: clamp(.85em, 2vw, 1em);
  --font-style: "Microsoft YaHei", "Helvetica Neue", Helvetica, Arial,
    "Hiragino Sans GB", "Arial Narrow Bold";
}

h1,
h2,
h3,
h4,
h5,
h6 {
  color: #333;
  font-family: var(--font-style);
}

h1 {
  font-size: var(--h1_font_size);
}

h2 {
  font-size: var(--h2_font_size);
}

h3 {
  font-size: var(--h3_font_size);
}

h4 {
  font-size: var(--h4_font_size);
}

h5 {
  font-size: var(--h5_font_size);
}

span {
  font-family: var(--font-style);
}

body {
  font-family: var(--font-style);
}

a {
  color: #333;
  cursor: pointer;
  text-decoration: none !important;
  transition: all 0.3s;
}
a:hover {
  color: var(--color_main);
}

li {
  padding: 0;
  margin: 0;
  list-style: none;
}

.dropdown-menu > li > a:hover,
.dropdown-menu > li > a:focus {
  background: var(--color_main);
}

span {
  text-decoration: none !important;
}

.flex {
  display: flex;
  align-items: center;
  flex-wrap: nowrap;
  width: 100%;
}
.flex .form_label {
  max-width: 120px !important;
}

.flex_wrap {
  flex-wrap: wrap;
}

.modal.show {
  background: rgba(0, 0, 0, 0.4156862745);
}

.modal.show .modal-dialog {
  padding: 0 15px 0;
  margin: 20vh auto 20px;
}

.btn.focus,
.btn:focus {
  outline: unset;
  box-shadow: unset;
}

span[data-cellid=supertop_c1] {
  min-width: 120px;
  padding: 0 0 0 15px;
}
span[data-cellid=supertop_c1] a.logo {
  color: #333;
  font-weight: bold;
  padding: 0px 0 10px;
  display: flex !important;
  justify-content: flex-start;
  align-items: flex-end;
}
span[data-cellid=supertop_c1] a.logo img {
  display: block;
  width: 100%;
  max-width: 50px;
  margin: 0;
}
span[data-cellid=supertop_c1] a.logo .text_wrap {
  margin: 0 10px 5px 15px;
}
span[data-cellid=supertop_c1] a.logo .text_wrap .text {
  color: #333;
  font-size: 15px;
  font-weight: bold;
  line-height: 18px;
}

body .r-topbar-page nav.navbar {
  width: 100%;
  max-width: 1398px;
  border: unset;
  margin-bottom: 0;
  position: fixed;
  z-index: 99;
  filter: drop-shadow(0px 3px 5px rgba(51, 51, 51, 0.2));
}
body .r-topbar-page nav.navbar span[data-itemid=logo] {
  padding: 0 0 0 15px;
}
body .r-topbar-page nav.navbar span[data-itemid=logo] a[data-itemtype=logo] {
  width: 100%;
  color: #333;
  font-weight: bold;
  padding: 0px 0 10px;
  display: flex !important;
  justify-content: flex-start;
  align-items: flex-end;
}
body .r-topbar-page nav.navbar span[data-itemid=logo] a[data-itemtype=logo] img.logo {
  display: block;
  width: 100%;
  max-width: 50px;
  margin: 0;
}
body .r-topbar-page nav.navbar span[data-itemid=logo] a[data-itemtype=logo] .text_wrap {
  margin: 0 10px 5px 15px;
}
body .r-topbar-page nav.navbar span[data-itemid=logo] a[data-itemtype=logo] .text_wrap .text {
  color: #333;
  font-size: 16px;
  font-weight: bold;
  line-height: 18px;
}
body .r-topbar-page nav.navbar ul[data-itemtype=menu] {
  margin: 0 0 0 20px;
}
body .r-topbar-page nav.navbar ul[data-itemtype=menu] li {
  min-width: 100px;
  text-align: center;
}
body .r-topbar-page nav.navbar ul[data-itemtype=menu] li a {
  color: #333;
  font-size: 15px;
  letter-spacing: 1px;
  font-weight: unset;
  padding: 5px 15px;
  margin: 0;
}
body .r-topbar-page nav.navbar ul[data-itemtype=menu] li a:hover, body .r-topbar-page nav.navbar ul[data-itemtype=menu] li a:focus {
  color: var(--color_main);
  background: #fff;
}
body .r-topbar-page nav.navbar ul[data-itemtype=menu] li.active a {
  color: var(--color_main);
}
body .r-topbar-page nav.navbar span.navbar-form[data-topcell-item-type=simple_search] {
  background: #fff;
}
body .r-topbar-page nav.navbar span.navbar-form[data-topcell-item-type=simple_search] span[data-itemid=simple_search] .input-group {
  background: #fff;
}
body .r-topbar-page nav.navbar span.navbar-form[data-topcell-item-type=simple_search] span[data-itemid=simple_search] .input-group input {
  border: 1px solid #aaa;
}
body .r-topbar-page nav.navbar span.navbar-form[data-topcell-item-type=simple_search] span[data-itemid=simple_search] .input-group span.input-group-btn button#searchButtTop1 {
  padding: 5px 15px 0;
}
body .r-topbar-page nav.navbar span.navbar-form[data-topcell-item-type=simple_search] span[data-itemid=simple_search] .input-group span.input-group-btn button#searchButtTop1 span {
  margin: 0;
}
body .r-topbar-page nav.navbar button.navbar-toggle {
  padding: 15px 10px;
  border-color: #aaa;
}
body .r-topbar-page nav.navbar button.navbar-toggle:hover .icon-bar {
  background: #fff;
}
body .r-topbar-page nav.navbar span.navbar-form {
  width: auto;
  margin-top: 0;
  margin-bottom: 0;
}
body .r-topbar-page nav.navbar span.navbar-form button.btn {
  display: block;
  padding: 15px;
  color: #333;
  letter-spacing: 1px;
}
body .r-topbar-page nav.navbar span.navbar-form button.btn span.glyphicon {
  margin: 0 10px 0 0;
}
body .r-topbar-page nav.navbar .btn.btn.btn .caret {
  border-top-color: var(--color_main);
}
body .r-topbar-page .r-top .r-form ol {
  padding: 5px 15px;
}
body .r-topbar-page .r-top .r-form ol li a {
  color: #333;
  font-size: 14px;
}
body .r-topbar-page .r-top .breadcrumb {
  background: #f5f5f5;
}
body .r-topbar-page .r-body {
  padding: 85px 15px 20px;
}
body .r-topbar-page .r-body table thead tr:nth-of-type(1) th {
  position: sticky;
  top: -1px;
  z-index: 10;
}
body .r-topbar-page .r-body table thead tr th {
  color: #fff;
  background: var(--color_table_th);
  vertical-align: middle;
}
body .r-topbar-page .r-body table thead tr th a {
  color: #fff;
}
body .r-topbar-page .r-body table thead tr th span {
  color: #fff;
  text-decoration: none;
}
body .r-topbar-page .r-body table tbody tr td {
  font-size: 15px;
  vertical-align: middle;
}

[data-location=supertop] > [data-itemtype=menu] {
  padding: 0 0 0 10px;
}

nav.navbar span[data-itemid=loginform_login] {
  display: none;
}

.r-topbar-page nav.navbar span[data-itemid=username_button] {
  margin: 0 0 0 auto;
}
.r-topbar-page nav.navbar span[data-itemid=username_button] .dropdown ul.dropdown-menu {
  top: 125%;
  left: auto;
  right: unset;
}
.r-topbar-page nav.navbar span[data-itemid=username_button] .dropdown ul.dropdown-menu li:hover a {
  color: #fff;
  background: var(--color_main_hover);
}
.r-topbar-page nav.navbar span[data-itemid=username_button] .dropdown button.dropdown-toggle {
  color: #333;
  width: 170px;
  padding: 10px;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 1;
  text-overflow: ellipsis;
  overflow: hidden;
}

table.r-form {
  margin-bottom: 0;
}

.menu {
  position: fixed;
  top: 0;
  width: 100%;
  height: 70px;
  background: #fff;
  box-shadow: 0 3px 10px rgba(204, 204, 204, 0.6666666667);
  transition: 0.3s;
  z-index: 1060;
}
.menu .navbar {
  width: 100%;
  max-width: 1200px;
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin: 0 auto;
  padding: 9px 15px;
}
.menu .navbar .navbar-toggler:focus {
  border: unset;
  outline: unset;
}
.menu .navbar a.logo {
  display: flex;
  justify-content: flex-start;
  align-items: flex-end;
  padding: 0;
}
.menu .navbar a.logo img {
  width: 60px;
  transition: 0.5s;
}
.menu .navbar a.logo .text_wrap {
  margin: 0 0 5px 10px;
}
.menu .navbar a.logo .text_wrap .text {
  color: #333;
  font-size: 18px;
  font-weight: bold;
  line-height: 18px;
}
.menu .navbar ul.navbar-nav {
  align-items: center;
}
.menu .navbar .nav-item {
  margin: 0 10px 0;
}
.menu .navbar .nav-item a {
  color: #333;
}
.menu .navbar .nav-item a:hover {
  color: var(--color_main);
}
.menu .navbar a.btn {
  display: block;
  width: 120px;
  padding: 5px 15px;
  margin: 0 auto 0;
  color: #fff;
  background: var(--color_main);
  text-align: center;
  border-radius: 50px;
}
.menu .navbar a.btn:focus {
  color: #fff;
}
.menu .navbar a.btn:hover {
  color: #fff;
  background: var(--color_main_hover);
}

.modal-header {
  padding: 20px 15px 0;
}
.modal-header ul.nav-tabs {
  width: 100%;
}

.nav-tabs .nav-item {
  text-align: center;
  width: 200px;
}
.nav-tabs .nav-item a {
  border-bottom: unset !important;
}
.nav-tabs .nav-item a.active {
  color: #fff;
  background: var(--color_main);
}

.login {
  width: 100%;
  height: 100%;
  max-width: 800px;
  padding: 20px 15px 20px;
  margin: 0 auto;
  text-align: center;
  background: #fff;
}
.login .logo_img {
  width: 250px;
}
.login .title {
  font-weight: bold;
  margin: 10px auto 5px;
  letter-spacing: 1px;
}
.login .subtitle {
  margin: 10px auto 55px;
}
.login .account,
.login .password {
  position: relative;
  display: flex;
}
.login .account i,
.login .password i {
  position: absolute;
  top: 18px;
  left: 10px;
}
.login .account i::before,
.login .password i::before {
  font-size: 22px;
}
.login .account span.eyes,
.login .password span.eyes {
  position: relative;
  cursor: pointer;
}
.login .account span.eyes i,
.login .password span.eyes i {
  position: absolute;
  top: 18px;
  left: unset;
  right: 20px;
}
.login input {
  position: relative;
  margin: 10px auto 10px;
}
.login input.form-control {
  padding: 0.375rem 0.75rem 0.375rem 1rem;
}
.login .caution {
  color: red;
  font-size: 14px;
}
.login .flex {
  justify-content: space-between;
  margin: 10px auto 0px;
  font-size: 15px;
}
.login .flex label {
  margin: 0;
}
.login .flex label input[type=checkbox] {
  margin: 0 10px 0 0;
}
.login .flex .forget {
  display: flex;
}
.login .flex .forget i {
  margin: 0 5px 0 0;
}
.login .form-register a {
  display: inline-block;
  padding: 0 5px 0;
}
.login .form-register a:hover {
  color: #009fe8;
}
.login button {
  margin: 0 auto 10px;
}

.register {
  width: 100%;
  height: 100%;
  max-width: 800px;
  padding: 20px 15px 20px;
  margin: 0 auto;
  text-align: center;
  background: #fff;
}
.register .logo_img {
  width: 250px;
}
.register .title {
  font-weight: bold;
  margin: 10px auto 5px;
  letter-spacing: 1px;
}
.register .subtitle {
  margin: 10px auto 30px;
}
.register button {
  margin: 0 auto 10px;
}
.register .unified_number,
.register .identity,
.register .account,
.register .password {
  position: relative;
  display: flex;
}
.register .unified_number i,
.register .identity i,
.register .account i,
.register .password i {
  position: absolute;
  top: 18px;
  left: 10px;
}
.register .unified_number i::before,
.register .identity i::before,
.register .account i::before,
.register .password i::before {
  font-size: 22px;
}
.register .unified_number span.eyes,
.register .identity span.eyes,
.register .account span.eyes,
.register .password span.eyes {
  position: relative;
  cursor: pointer;
}
.register .unified_number span.eyes i,
.register .identity span.eyes i,
.register .account span.eyes i,
.register .password span.eyes i {
  position: absolute;
  top: 18px;
  left: unset;
  right: 20px;
}
.register .tip {
  text-align: left;
  color: #333;
  font-size: 14px;
}
.register input {
  position: relative;
  margin: 10px auto 10px;
}
.register input.form-control {
  padding: 0.375rem 0.75rem 0.375rem 1rem;
}
.register .form-signin {
  margin: 0 auto 0;
}
.register .part {
  width: 100%;
  margin: 10px auto 20px;
  display: flex;
}
.register .part .group {
  width: 100%;
  display: flex;
}
.register .part input {
  text-align: center;
  padding: 0 10px;
  margin: 0 auto 0;
}
.register .part.hidden {
  display: none;
}
.register .caution {
  color: red;
  font-size: 14px;
  margin: 0 auto 10px;
}
.register .flex {
  justify-content: space-between;
  margin: 5px auto 30px;
  font-size: 15px;
}
.register .flex label {
  margin: 0;
}
.register .flex .forget {
  display: flex;
}
.register .flex .forget i {
  margin: 0 5px 0 0;
}
.register .register_btn {
  margin: 20px auto 10px;
}
.register .note {
  font-size: 14px;
}
.register .note a {
  color: var(--color_main);
}
.register .sign_up_now a {
  display: inline-block;
  padding: 0 5px 0;
}
.register .sign_up_now {
  padding: 10px;
  border: 1px solid #ccc;
}

.or {
  position: relative;
  margin: 20px auto 20px;
}
.or .text {
  position: relative;
  color: #333;
  font-size: 14px;
  padding: 0 15px 0;
  text-align: center;
  background: #fff;
  display: inline-block;
  z-index: 1;
}
.or::before {
  position: absolute;
  content: "";
  top: 10px;
  left: 0;
  width: 100%;
  height: 1px;
  background: #aaa;
  z-index: 0;
}

button.btn-block {
  display: block;
  border: 1px solid #ccc;
  text-align: center;
}
button.btn-block.active {
  color: #fff;
  background: var(--color_main);
}
button.btn-block.active:hover {
  background: var(--color_main_hover);
}
button.btn-block:hover {
  color: #fff;
  background: var(--color_main);
}

.footer {
  width: 100%;
  padding: 50px 50px 30px;
  border-radius: 10px;
  background: linear-gradient(to bottom, #231b00 0%, #000000 35%, #000000 100%);
  /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
}
.footer .top_area {
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.footer .top_area .left .label {
  color: #fff;
  font-size: clamp(1.2em, 3vw, 1.8em);
  font-weight: bold;
  letter-spacing: 3px;
  line-height: 1.3em;
  margin: 0 auto 5px;
}
.footer .top_area .left .text {
  color: #fff;
  font-size: 13px;
  letter-spacing: 2px;
}
.footer .top_area .right img {
  width: 80px;
}
.footer hr {
  margin: 15px auto;
  border-color: #fff;
}
.footer .bottom_area {
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.footer .bottom_area .text {
  color: #fff;
  font-size: 14px;
}
.footer .bottom_area .footer_menu {
  width: 320px;
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.footer .bottom_area .footer_menu .list::marker {
  color: #888;
}
.footer .bottom_area .footer_menu .list a {
  color: #fff;
  font-size: 14px;
  letter-spacing: 2px;
}
.footer .bottom_area .footer_menu .list a:hover {
  color: var(--color_main);
}

.r-panel-page {
  width: 800px;
  margin: 25vh auto 0;
}
.r-panel-page .bs-pagepanel {
  border-color: var(--color_main);
}
.r-panel-page .bs-pagepanel .panel-heading {
  color: #fff;
  background-color: var(--color_main);
  border-color: var(--color_main);
}

span[data-itemid=remind_button] a {
  width: 120px;
  color: #fff;
  padding: 10px;
  margin: 0 15px 0 0;
  background: var(--color_main);
  border: unset;
}
span[data-itemid=remind_button] a:hover {
  background: var(--color_main_hover);
}

span[data-itemid=back_to_login] a {
  width: 120px;
  color: var(--color_main);
  padding: 10px;
  background: #fff;
  border: 1px solid var(--color_main);
}
span[data-itemid=back_to_login] a:hover {
  color: #fff;
  background: var(--color_main_hover);
}

.pagination > li > a:hover,
.pagination > li > span:hover,
.pagination > li > a:focus,
.pagination > li > span:focus {
  z-index: 2;
  color: #fff;
  background-color: var(--color_main_hover);
  border-color: var(--color_main);
}

button.btn,
a.btn {
  line-height: 25px;
  color: #fff;
  margin: 0;
  text-align: center;
  border: unset;
  border-radius: 5px;
}

button.btn {
  color: #fff;
  background: var(--color_main);
}
button.btn:hover {
  color: #fff;
  background: var(--color_main_hover);
}

button.btn_add {
  color: #fff;
  background: var(--color_add);
}
button.btn_add:hover {
  color: #fff;
  background: var(--color_add_hover);
}

button.btn_account {
  background: #aaa;
}
button.btn_account:hover {
  color: #fff;
  background: var(--color_modify_hover);
}

button.btn_modify {
  background: var(--color_modify);
}
button.btn_modify:hover {
  color: #fff;
  background: var(--color_modify_hover);
}

button.btn_delete {
  background: var(--color_delete);
}
button.btn_delete:hover {
  color: #fff;
  background: var(--color_delete_hover);
}

button.btn_search,
button.btn_save {
  color: #fff;
  background: var(--color_main);
}
button.btn_search:hover,
button.btn_save:hover {
  color: #fff;
  background: var(--color_main_hover);
}

button.btn_cancel,
button.btn_return,
a.btn_return {
  color: #fff;
  background: #aaa;
}
button.btn_cancel:hover,
button.btn_return:hover,
a.btn_return:hover {
  color: #fff;
  background: var(--color_main_hover);
}

button.btn_sign_out {
  color: #fff;
  background: #aaa;
}
button.btn_sign_out:hover {
  color: #fff;
  background: #888;
}

@media (max-width: 100vw) {
  .container {
    width: 100%;
  }
}
@media (max-width: 1200px) {
  .container {
    max-width: 100%;
  }
}
@media (max-width: 992px) {
  .container {
    max-width: 100%;
  }
}
@media (max-width: 767px) {
  body .r-topbar-page nav.navbar {
    width: 100%;
  }
  [data-location=supertop] > [data-itemtype=menu] {
    padding: 0 15px;
  }
  nav.navbar span[data-itemid=logo] img.logo {
    margin: 0;
  }
  .r-topbar-page [data-location=supertop] > [data-cellid][data-cellid][data-cellid] {
    width: 100%;
  }
  .r-topbar-page [data-location=supertop] > [data-cellid][data-cellid][data-cellid] a[data-itemtype=logo] {
    width: 180px;
  }
  .r-welcome-align-center.r-welcome-align-center,
  .r-welcome-align-left.r-welcome-align-left,
  .r-welcome-align-right.r-welcome-align-right,
  .r-welcome-align.r-welcome-align {
    margin: 0;
  }
  .menu {
    height: 60px;
  }
  nav.navbar ul {
    width: 100%;
  }
  .navbar-toggler-icon {
    width: 1em;
    height: 1em;
  }
  .menu .navbar a.logo img {
    width: 45px;
  }
  .menu .navbar ul.navbar-nav {
    margin: 15px auto 0;
    filter: drop-shadow(0 5px 10px rgba(0, 0, 0, 0.3333333333));
    border-radius: 10px;
    overflow: hidden;
  }
  .menu .navbar li.nav-item {
    width: 100%;
    padding: 10px 15px;
    background: #ffffff;
    border-bottom: 1px solid #ddd;
  }
  .menu .navbar li.nav-item a {
    width: 100%;
    display: block;
    padding: 10px 15px;
    font-size: 18px;
    text-align: center;
  }
  .menu .navbar li.nav-item a.btn {
    width: 150px;
    padding: 10px 15px;
  }
  .index .main .footer {
    padding: 50px 25px 30px;
  }
  .index .main .footer .top_area {
    flex-wrap: wrap;
    justify-content: center;
  }
  .index .main .footer .top_area .left {
    margin: 0 auto 20px;
  }
  .index .main .footer .top_area .right {
    width: 100%;
    text-align: center;
  }
  .index .main .footer .bottom_area {
    flex-wrap: wrap;
    flex-direction: column-reverse;
  }
  body .r-topbar-page nav.navbar ul[data-itemtype=menu] {
    margin: 0;
  }
  .r-topbar-page [data-location=supertop] > [data-cellid][data-cellid][data-cellid] {
    border-bottom: unset;
  }
  .r-topbar-page [data-location=supertop] > [data-cellid][data-cellid][data-cellid] ul[data-itemid=menu] li a:hover {
    background: var(--color_main);
  }
  .r-topbar-page [data-location=supertop] > [data-cellid][data-cellid][data-cellid] ul[data-itemid=menu] li a:hover span {
    color: #fff !important;
  }
  .r-topbar-page [data-location=supertop] > [data-cellid][data-cellid][data-cellid] ul[data-itemid=menu] li.dropdown.open ul li a span {
    color: #333;
  }
  [data-location=supertop] .open > [data-menu-link][data-menu-link][data-menu-link]:not(:hover) {
    color: #333;
  }
  body .r-topbar-page nav.navbar > span.navbar-form[data-itemid=username_button] {
    border-bottom: 1px solid #ccc !important;
  }
}
@media (max-width: 600px) {
  .nav-tabs .nav-item {
    width: 50%;
  }
  .index .main .footer .top_area .left .label {
    letter-spacing: 1px;
  }
  .index .main .block_area1 .row .block_2 .block .caption,
  .index .main .block_area1 .row .block_3 .block .caption {
    font-size: 20px;
  }
  .index .main .block_area1 .row .block_2 .block .text,
  .index .main .block_area1 .row .block_3 .block .text {
    font-size: 16px;
  }
  .footer .bottom_area ul.footer_menu {
    width: 305px;
    padding: 0 20px;
  }
}
@media (max-width: 520px) {
  .modal-content.ui-resizable {
    width: 100% !important;
  }
}/*# sourceMappingURL=nav_bar.css.map */