@import url(reset.css);
a:hover {
  text-decoration: none; }

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

.text-pink, .home-page .header-card .card-list .list-item .media-body .iconfont, .home-page .header-card .card-list .list-item .num {
  color: #ff49b5; }

.hidden {
  display: none; }

.iconfont + .name, .icon + .name, .fa + .name {
  padding-left: 4px; }

.name + .iconfont, .name + .icon, .name + .fa {
  padding-left: 4px; }

.tips {
  display: inline-block;
  width: 6px;
  height: 6px;
  background: #1ca3ff; }
.tips.info {
  background: #14b4b6; }
.tips.active {
  background: #ff49b5; }
.tips.diamond {
  transform: rotateZ(45deg); }
.tips.circle {
  border-radius: 50%; }

.alert {
  font-size: 18px;
  border-radius: 0; }
@media screen and (max-width: 1920px) {
  .alert {
    font-size: 18px; } }
@media screen and (max-width: 1600px) {
  .alert {
    font-size: 15px; } }
@media screen and (max-width: 1440px) {
  .alert {
    font-size: 14px; } }
@media screen and (max-width: 1366px) {
  .alert {
    font-size: 13px; } }
@media screen and (max-width: 1280px) {
  .alert {
    font-size: 13px; } }
@media screen and (max-width: 1024px) {
  .alert {
    font-size: 10px; } }
.alert.alert-warning {
  color: #6d6d6d;
  background-color: #ffffe0;
  border: 1px solid #ffa066; }

.nav.nav-line {
  margin-bottom: -1px; }
.nav.nav-line .nav-link {
  color: #4d4d4d;
  border-radius: 0;
  background-color: transparent;
  border-bottom: 3px solid transparent; }
.nav.nav-line .nav-link.active {
  color: #286bcd;
  background-color: transparent;
  border-color: #286bcd; }

.table-responsive .table {
  border: 1px solid #e3e3e3; }
.table-responsive .pagination {
  margin-top: -1px;
  border-radius: 0;
  border: 1px solid #e3e3e3;
  border-top: none; }

.table-hover tr:hover td {
  background-color: rgba(240, 244, 254, 0.85); }

.table td, .table th {
  color: #333;
  font-size: 14px;
  padding: 1rem 0.75rem;
  border-color: #e3e3e3; }
@media screen and (max-width: 1920px) {
  .table td, .table th {
    font-size: 14px;
    padding: 1rem 0.75rem; } }
@media screen and (max-width: 1600px) {
  .table td, .table th {
    font-size: 12px;
    padding: 0.8333rem 0.624975rem; } }
@media screen and (max-width: 1440px) {
  .table td, .table th {
    font-size: 11px;
    padding: 0.75rem 0.5625rem; } }
@media screen and (max-width: 1366px) {
  .table td, .table th {
    font-size: 10px;
    padding: 0.7115rem 0.533625rem; } }
@media screen and (max-width: 1280px) {
  .table td, .table th {
    font-size: 10px;
    padding: 0.6667rem 0.500025rem; } }
@media screen and (max-width: 1024px) {
  .table td, .table th {
    font-size: 8px;
    padding: 0.5333rem 0.399975rem; } }
.table .thead-light th {
  color: #3f548c;
  background-color: #f0f4fe;
  border-color: #e3e3e3; }

.pagination.pagination-sm {
  justify-content: flex-end;
  padding: 14px 16px; }
@media screen and (max-width: 1920px) {
  .pagination.pagination-sm {
    padding: 14px 16px; } }
@media screen and (max-width: 1600px) {
  .pagination.pagination-sm {
    padding: 11.6662px 13.3328px; } }
@media screen and (max-width: 1440px) {
  .pagination.pagination-sm {
    padding: 10.5px 12px; } }
@media screen and (max-width: 1366px) {
  .pagination.pagination-sm {
    padding: 9.961px 11.384px; } }
@media screen and (max-width: 1280px) {
  .pagination.pagination-sm {
    padding: 9.3338px 10.6672px; } }
@media screen and (max-width: 1024px) {
  .pagination.pagination-sm {
    padding: 7.4662px 8.5328px; } }
.pagination.pagination-sm .page-link {
  font-size: 14px;
  color: #2a3c63;
  line-height: 26px;
  padding: 0.2rem 0.5rem; }
@media screen and (max-width: 1920px) {
  .pagination.pagination-sm .page-link {
    font-size: 14px;
    line-height: 26px;
    padding: 0.2rem 0.5rem; } }
@media screen and (max-width: 1600px) {
  .pagination.pagination-sm .page-link {
    font-size: 12px;
    line-height: 21.6658px;
    padding: 0.16666rem 0.41665rem; } }
@media screen and (max-width: 1440px) {
  .pagination.pagination-sm .page-link {
    font-size: 11px;
    line-height: 19.5px;
    padding: 0.15rem 0.375rem; } }
@media screen and (max-width: 1366px) {
  .pagination.pagination-sm .page-link {
    font-size: 10px;
    line-height: 18.499px;
    padding: 0.1423rem 0.35575rem; } }
@media screen and (max-width: 1280px) {
  .pagination.pagination-sm .page-link {
    font-size: 10px;
    line-height: 17.3342px;
    padding: 0.13334rem 0.33335rem; } }
@media screen and (max-width: 1024px) {
  .pagination.pagination-sm .page-link {
    font-size: 8px;
    line-height: 13.8658px;
    padding: 0.10666rem 0.26665rem; } }
.pagination.pagination-sm .page-item {
  margin-left: 6px; }
.pagination.pagination-sm .page-item:first-child .page-link, .pagination.pagination-sm .page-item:last-child .page-link {
  border-radius: 0; }
.pagination.pagination-sm .page-item.active .page-link {
  color: #fff;
  background-color: #1494eb;
  border-color: #1494eb; }

.home-page {
  padding: 32px 34px 0 30px; }
@media screen and (max-width: 1920px) {
  .home-page {
    padding: 32px 34px 0 30px; } }
@media screen and (max-width: 1600px) {
  .home-page {
    padding: 26.6656px 28.3322px 0 24.999px; } }
@media screen and (max-width: 1440px) {
  .home-page {
    padding: 24px 25.5px 0 22.5px; } }
@media screen and (max-width: 1366px) {
  .home-page {
    padding: 22.768px 24.191px 0 21.345px; } }
@media screen and (max-width: 1280px) {
  .home-page {
    padding: 21.3344px 22.6678px 0 20.001px; } }
@media screen and (max-width: 1024px) {
  .home-page {
    padding: 17.0656px 18.1322px 0 15.999px; } }
.home-page .card {
  border: 1px solid #c9d9f0;
  border-radius: 0;
  margin: 0 14px 28px; }
@media screen and (max-width: 1920px) {
  .home-page .card {
    margin: 0 14px 28px; } }
@media screen and (max-width: 1600px) {
  .home-page .card {
    margin: 0 11.6662px 23.3324px; } }
@media screen and (max-width: 1440px) {
  .home-page .card {
    margin: 0 10.5px 21px; } }
@media screen and (max-width: 1366px) {
  .home-page .card {
    margin: 0 9.961px 19.922px; } }
@media screen and (max-width: 1280px) {
  .home-page .card {
    margin: 0 9.3338px 18.6676px; } }
@media screen and (max-width: 1024px) {
  .home-page .card {
    margin: 0 7.4662px 14.9324px; } }
.home-page .card .card-header {
  position: relative;
  padding: 0;
  background: transparent;
  border-bottom: 1px solid #c9d9f0; }
.home-page .card .card-header .link-more {
  display: block;
  color: #1494eb;
  font-size: 20px;
  line-height: 4rem;
  padding: 0 1.6rem; }
@media screen and (max-width: 1920px) {
  .home-page .card .card-header .link-more {
    font-size: 20px;
    line-height: 4rem;
    padding: 0 1.6rem; } }
@media screen and (max-width: 1600px) {
  .home-page .card .card-header .link-more {
    font-size: 17px;
    line-height: 3.3332rem;
    padding: 0 1.33328rem; } }
@media screen and (max-width: 1440px) {
  .home-page .card .card-header .link-more {
    font-size: 15px;
    line-height: 3rem;
    padding: 0 1.2rem; } }
@media screen and (max-width: 1366px) {
  .home-page .card .card-header .link-more {
    font-size: 15px;
    line-height: 2.846rem;
    padding: 0 1.1384rem; } }
@media screen and (max-width: 1280px) {
  .home-page .card .card-header .link-more {
    font-size: 14px;
    line-height: 2.6668rem;
    padding: 0 1.06672rem; } }
@media screen and (max-width: 1024px) {
  .home-page .card .card-header .link-more {
    font-size: 11px;
    line-height: 2.1332rem;
    padding: 0 0.85328rem; } }
.home-page .card .card-header .link-more .icon-shezhi {
  font-size: 30px; }
@media screen and (max-width: 1920px) {
  .home-page .card .card-header .link-more .icon-shezhi {
    font-size: 30px; } }
@media screen and (max-width: 1600px) {
  .home-page .card .card-header .link-more .icon-shezhi {
    font-size: 25px; } }
@media screen and (max-width: 1440px) {
  .home-page .card .card-header .link-more .icon-shezhi {
    font-size: 23px; } }
@media screen and (max-width: 1366px) {
  .home-page .card .card-header .link-more .icon-shezhi {
    font-size: 22px; } }
@media screen and (max-width: 1280px) {
  .home-page .card .card-header .link-more .icon-shezhi {
    font-size: 21px; } }
@media screen and (max-width: 1024px) {
  .home-page .card .card-header .link-more .icon-shezhi {
    font-size: 16px; } }
.home-page .card .card-header .fixed-right {
  position: absolute;
  top: 0;
  right: 0; }
.home-page .nav.nav-line .nav-link {
  font-size: 18px;
  padding: 1.5rem 1.8rem; }
@media screen and (max-width: 1920px) {
  .home-page .nav.nav-line .nav-link {
    font-size: 18px;
    padding: 1.5rem 1.8rem; } }
@media screen and (max-width: 1600px) {
  .home-page .nav.nav-line .nav-link {
    font-size: 15px;
    padding: 1.24995rem 1.49994rem; } }
@media screen and (max-width: 1440px) {
  .home-page .nav.nav-line .nav-link {
    font-size: 14px;
    padding: 1.125rem 1.35rem; } }
@media screen and (max-width: 1366px) {
  .home-page .nav.nav-line .nav-link {
    font-size: 13px;
    padding: 1.06725rem 1.2807rem; } }
@media screen and (max-width: 1280px) {
  .home-page .nav.nav-line .nav-link {
    font-size: 13px;
    padding: 1.00005rem 1.20006rem; } }
@media screen and (max-width: 1024px) {
  .home-page .nav.nav-line .nav-link {
    font-size: 10px;
    padding: 0.79995rem 0.95994rem; } }
.home-page .nav.nav-pills {
  margin: 1rem 1.8rem; }
@media screen and (max-width: 1920px) {
  .home-page .nav.nav-pills {
    margin: 1rem 1.8rem; } }
@media screen and (max-width: 1600px) {
  .home-page .nav.nav-pills {
    margin: 0.8333rem 1.49994rem; } }
@media screen and (max-width: 1440px) {
  .home-page .nav.nav-pills {
    margin: 0.75rem 1.35rem; } }
@media screen and (max-width: 1366px) {
  .home-page .nav.nav-pills {
    margin: 0.7115rem 1.2807rem; } }
@media screen and (max-width: 1280px) {
  .home-page .nav.nav-pills {
    margin: 0.6667rem 1.20006rem; } }
@media screen and (max-width: 1024px) {
  .home-page .nav.nav-pills {
    margin: 0.5333rem 0.95994rem; } }
.home-page .nav.nav-pills .nav-item:first-of-type .nav-link {
  border-radius: 18px 0 0 18px; }
.home-page .nav.nav-pills .nav-item:last-of-type .nav-link {
  border-radius: 0 18px 18px 0; }
.home-page .nav.nav-pills .nav-link {
  font-size: 14px;
  padding: 0.6rem 1rem;
  color: #4d4d4d;
  border-radius: 0;
  background-color: transparent;
  border: 1px solid #1494eb; }
@media screen and (max-width: 1920px) {
  .home-page .nav.nav-pills .nav-link {
    font-size: 14px;
    padding: 0.6rem 1rem; } }
@media screen and (max-width: 1600px) {
  .home-page .nav.nav-pills .nav-link {
    font-size: 12px;
    padding: 0.49998rem 0.8333rem; } }
@media screen and (max-width: 1440px) {
  .home-page .nav.nav-pills .nav-link {
    font-size: 11px;
    padding: 0.45rem 0.75rem; } }
@media screen and (max-width: 1366px) {
  .home-page .nav.nav-pills .nav-link {
    font-size: 10px;
    padding: 0.4269rem 0.7115rem; } }
@media screen and (max-width: 1280px) {
  .home-page .nav.nav-pills .nav-link {
    font-size: 10px;
    padding: 0.40002rem 0.6667rem; } }
@media screen and (max-width: 1024px) {
  .home-page .nav.nav-pills .nav-link {
    font-size: 8px;
    padding: 0.31998rem 0.5333rem; } }
.home-page .nav.nav-pills .nav-link.active {
  color: #fff;
  background-color: #1494eb; }
.home-page .header-card {
  border: none;
  border-radius: 0;
  color: #fff;
  background: url("../images/main-header-bg.png") center no-repeat;
  background-size: cover; }
.home-page .header-card .card-body {
  padding: 35px 42px 40px; }
@media screen and (max-width: 1920px) {
  .home-page .header-card .card-body {
    padding: 35px 42px 40px; } }
@media screen and (max-width: 1600px) {
  .home-page .header-card .card-body {
    padding: 29.1655px 34.9986px 33.332px; } }
@media screen and (max-width: 1440px) {
  .home-page .header-card .card-body {
    padding: 26.25px 31.5px 30px; } }
@media screen and (max-width: 1366px) {
  .home-page .header-card .card-body {
    padding: 24.9025px 29.883px 28.46px; } }
@media screen and (max-width: 1280px) {
  .home-page .header-card .card-body {
    padding: 23.3345px 28.0014px 26.668px; } }
@media screen and (max-width: 1024px) {
  .home-page .header-card .card-body {
    padding: 18.6655px 22.3986px 21.332px; } }
.home-page .header-card .card-body > .title {
  font-size: 22px; }
@media screen and (max-width: 1920px) {
  .home-page .header-card .card-body > .title {
    font-size: 22px; } }
@media screen and (max-width: 1600px) {
  .home-page .header-card .card-body > .title {
    font-size: 19px; } }
@media screen and (max-width: 1440px) {
  .home-page .header-card .card-body > .title {
    font-size: 17px; } }
@media screen and (max-width: 1366px) {
  .home-page .header-card .card-body > .title {
    font-size: 16px; } }
@media screen and (max-width: 1280px) {
  .home-page .header-card .card-body > .title {
    font-size: 15px; } }
@media screen and (max-width: 1024px) {
  .home-page .header-card .card-body > .title {
    font-size: 12px; } }
.home-page .header-card .card-body > .info {
  font-size: 14px; }
@media screen and (max-width: 1920px) {
  .home-page .header-card .card-body > .info {
    font-size: 14px; } }
@media screen and (max-width: 1600px) {
  .home-page .header-card .card-body > .info {
    font-size: 12px; } }
@media screen and (max-width: 1440px) {
  .home-page .header-card .card-body > .info {
    font-size: 11px; } }
@media screen and (max-width: 1366px) {
  .home-page .header-card .card-body > .info {
    font-size: 10px; } }
@media screen and (max-width: 1280px) {
  .home-page .header-card .card-body > .info {
    font-size: 10px; } }
@media screen and (max-width: 1024px) {
  .home-page .header-card .card-body > .info {
    font-size: 8px; } }
.home-page .header-card .card-list {
  display: flex;
  flex-direction: row;
  justify-content: flex-start;
  align-items: center;
  margin-top: 2rem; }
@media screen and (max-width: 1920px) {
  .home-page .header-card .card-list {
    margin-top: 2rem; } }
@media screen and (max-width: 1600px) {
  .home-page .header-card .card-list {
    margin-top: 1.6666rem; } }
@media screen and (max-width: 1440px) {
  .home-page .header-card .card-list {
    margin-top: 1.5rem; } }
@media screen and (max-width: 1366px) {
  .home-page .header-card .card-list {
    margin-top: 1.423rem; } }
@media screen and (max-width: 1280px) {
  .home-page .header-card .card-list {
    margin-top: 1.3334rem; } }
@media screen and (max-width: 1024px) {
  .home-page .header-card .card-list {
    margin-top: 1.0666rem; } }
.home-page .header-card .card-list .list-item {
  display: inline-flex;
  color: #474747;
  font-size: 16px;
  line-height: 1.33rem;
  border-radius: 12px;
  background: #fff;
  padding: 2.16rem 2rem;
  margin-right: 2.5rem; }
@media screen and (max-width: 1920px) {
  .home-page .header-card .card-list .list-item {
    font-size: 16px;
    line-height: 1.33rem;
    padding: 2.16rem 2rem;
    margin-right: 2.5rem; } }
@media screen and (max-width: 1600px) {
  .home-page .header-card .card-list .list-item {
    font-size: 14px;
    line-height: 1.108289rem;
    padding: 1.799928rem 1.6666rem;
    margin-right: 2.08325rem; } }
@media screen and (max-width: 1440px) {
  .home-page .header-card .card-list .list-item {
    font-size: 12px;
    line-height: 0.9975rem;
    padding: 1.62rem 1.5rem;
    margin-right: 1.875rem; } }
@media screen and (max-width: 1366px) {
  .home-page .header-card .card-list .list-item {
    font-size: 12px;
    line-height: 0.946295rem;
    padding: 1.53684rem 1.423rem;
    margin-right: 1.77875rem; } }
@media screen and (max-width: 1280px) {
  .home-page .header-card .card-list .list-item {
    font-size: 11px;
    line-height: 0.886711rem;
    padding: 1.440072rem 1.3334rem;
    margin-right: 1.66675rem; } }
@media screen and (max-width: 1024px) {
  .home-page .header-card .card-list .list-item {
    font-size: 9px;
    line-height: 0.709289rem;
    padding: 1.151928rem 1.0666rem;
    margin-right: 1.33325rem; } }
.home-page .header-card .card-list .list-item .iconfont {
  font-size: 46px; }
@media screen and (max-width: 1920px) {
  .home-page .header-card .card-list .list-item .iconfont {
    font-size: 46px; } }
@media screen and (max-width: 1600px) {
  .home-page .header-card .card-list .list-item .iconfont {
    font-size: 39px; } }
@media screen and (max-width: 1440px) {
  .home-page .header-card .card-list .list-item .iconfont {
    font-size: 35px; } }
@media screen and (max-width: 1366px) {
  .home-page .header-card .card-list .list-item .iconfont {
    font-size: 33px; } }
@media screen and (max-width: 1280px) {
  .home-page .header-card .card-list .list-item .iconfont {
    font-size: 31px; } }
@media screen and (max-width: 1024px) {
  .home-page .header-card .card-list .list-item .iconfont {
    font-size: 25px; } }
.home-page .header-card .card-list .list-item .icon-daiban1 {
  color: #1ca3ff; }
.home-page .header-card .card-list .list-item .icon-schoolCard {
  color: #28d7c0; }
.home-page .header-card .card-list .list-item .icon-gongzitiao {
  color: #f7b84f; }
.home-page .header-card .card-list .list-item .icon-kechengbiao-xuanzhong {
  color: #78cc46; }
.home-page .header-card .card-list .list-item .media-body {
  position: relative; }
.home-page .header-card .card-list .list-item .media-body .iconfont {
  position: absolute;
  top: -20px;
  right: -10px;
  display: block;
  font-size: 20px;
  width: 20px;
  height: 20px; }
@media screen and (max-width: 1920px) {
  .home-page .header-card .card-list .list-item .media-body .iconfont {
    top: -20px;
    right: -10px;
    display: block;
    font-size: 20px;
    width: 20px;
    height: 20px; } }
@media screen and (max-width: 1600px) {
  .home-page .header-card .card-list .list-item .media-body .iconfont {
    top: -17px;
    right: -8.5px;
    display: block;
    font-size: 17px;
    width: 17px;
    height: 17px; } }
@media screen and (max-width: 1440px) {
  .home-page .header-card .card-list .list-item .media-body .iconfont {
    top: -15px;
    right: -7.5px;
    display: block;
    font-size: 15px;
    width: 15px;
    height: 15px; } }
@media screen and (max-width: 1366px) {
  .home-page .header-card .card-list .list-item .media-body .iconfont {
    top: -15px;
    right: -7.5px;
    display: block;
    font-size: 15px;
    width: 15px;
    height: 15px; } }
@media screen and (max-width: 1280px) {
  .home-page .header-card .card-list .list-item .media-body .iconfont {
    top: -14px;
    right: -7px;
    display: block;
    font-size: 14px;
    width: 14px;
    height: 14px; } }
@media screen and (max-width: 1024px) {
  .home-page .header-card .card-list .list-item .media-body .iconfont {
    top: -11px;
    right: -5.5px;
    display: block;
    font-size: 11px;
    width: 11px;
    height: 11px; } }
.home-page .header-card .card-list .list-item .media-body.num-visible .num.num-hide {
  display: none; }
.home-page .header-card .card-list .list-item .media-body.num-visible .num.num-active {
  display: inline-block; }
.home-page .header-card .card-list .list-item .num.num-hide {
  display: inline-block; }
.home-page .header-card .card-list .list-item .num.num-active {
  display: none; }
.home-page > .container {
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  flex-wrap: wrap;
  margin-top: 28px;
  padding: 0;
  max-width: 100%;
  max-height: 1100px;
  overflow-y: auto; }
@media screen and (max-width: 1920px) {
  .home-page > .container {
    margin-top: 28px;
    max-height: 1100px; } }
@media screen and (max-width: 1600px) {
  .home-page > .container {
    margin-top: 23.3324px;
    max-height: 916.63px; } }
@media screen and (max-width: 1440px) {
  .home-page > .container {
    margin-top: 21px;
    max-height: 825px; } }
@media screen and (max-width: 1366px) {
  .home-page > .container {
    margin-top: 19.922px;
    max-height: 782.65px; } }
@media screen and (max-width: 1280px) {
  .home-page > .container {
    margin-top: 18.6676px;
    max-height: 733.37px; } }
@media screen and (max-width: 1024px) {
  .home-page > .container {
    margin-top: 14.9324px;
    max-height: 586.63px; } }
.home-page > .container .card {
  display: inline-flex;
  width: calc(50% - 28px); }
@media screen and (max-width: 1920px) {
  .home-page > .container .card {
    width: calc(50% - 28px); } }
@media screen and (max-width: 1600px) {
  .home-page > .container .card {
    width: calc(50% - 23.3324px); } }
@media screen and (max-width: 1440px) {
  .home-page > .container .card {
    width: calc(50% - 21px); } }
@media screen and (max-width: 1366px) {
  .home-page > .container .card {
    width: calc(50% - 19.922px); } }
@media screen and (max-width: 1280px) {
  .home-page > .container .card {
    width: calc(50% - 18.6676px); } }
@media screen and (max-width: 1024px) {
  .home-page > .container .card {
    width: calc(50% - 14.9324px); } }
.home-page > .container .card .card-body {
  padding: 0; }
.home-page > .container .tab-content .tab-pane {
  padding: 0; }
.home-page > .container .tab-content .tab-pane .table-responsive {
  padding: 26px 34px; }
@media screen and (max-width: 1920px) {
  .home-page > .container .tab-content .tab-pane .table-responsive {
    padding: 26px 34px; } }
@media screen and (max-width: 1600px) {
  .home-page > .container .tab-content .tab-pane .table-responsive {
    padding: 21.6658px 28.3322px; } }
@media screen and (max-width: 1440px) {
  .home-page > .container .tab-content .tab-pane .table-responsive {
    padding: 19.5px 25.5px; } }
@media screen and (max-width: 1366px) {
  .home-page > .container .tab-content .tab-pane .table-responsive {
    padding: 18.499px 24.191px; } }
@media screen and (max-width: 1280px) {
  .home-page > .container .tab-content .tab-pane .table-responsive {
    padding: 17.3342px 22.6678px; } }
@media screen and (max-width: 1024px) {
  .home-page > .container .tab-content .tab-pane .table-responsive {
    padding: 13.8658px 18.1322px; } }
.home-page > .container .tab-content .tab-pane .table-responsive .table {
  margin-bottom: 0; }
.home-page > .container .menu-list {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  justify-content: flex-start;
  align-items: center;
  padding: 2.2rem 1.6rem 0.2rem; }
@media screen and (max-width: 1920px) {
  .home-page > .container .menu-list {
    padding: 2.2rem 1.6rem 0.2rem; } }
@media screen and (max-width: 1600px) {
  .home-page > .container .menu-list {
    padding: 1.83326rem 1.33328rem 0.16666rem; } }
@media screen and (max-width: 1440px) {
  .home-page > .container .menu-list {
    padding: 1.65rem 1.2rem 0.15rem; } }
@media screen and (max-width: 1366px) {
  .home-page > .container .menu-list {
    padding: 1.5653rem 1.1384rem 0.1423rem; } }
@media screen and (max-width: 1280px) {
  .home-page > .container .menu-list {
    padding: 1.46674rem 1.06672rem 0.13334rem; } }
@media screen and (max-width: 1024px) {
  .home-page > .container .menu-list {
    padding: 1.17326rem 0.85328rem 0.10666rem; } }
.home-page > .container .menu-list .list-item {
  display: inline-flex;
  width: 20%;
  margin-bottom: 2rem; }
@media screen and (max-width: 1920px) {
  .home-page > .container .menu-list .list-item {
    margin-bottom: 2rem; } }
@media screen and (max-width: 1600px) {
  .home-page > .container .menu-list .list-item {
    margin-bottom: 1.6666rem; } }
@media screen and (max-width: 1440px) {
  .home-page > .container .menu-list .list-item {
    margin-bottom: 1.5rem; } }
@media screen and (max-width: 1366px) {
  .home-page > .container .menu-list .list-item {
    margin-bottom: 1.423rem; } }
@media screen and (max-width: 1280px) {
  .home-page > .container .menu-list .list-item {
    margin-bottom: 1.3334rem; } }
@media screen and (max-width: 1024px) {
  .home-page > .container .menu-list .list-item {
    margin-bottom: 1.0666rem; } }
.home-page > .container .menu-list .list-item a {
  display: block;
  width: 100%;
  text-align: center;
  color: #252525;
  padding: 0.5rem 0; }
@media screen and (max-width: 1920px) {
  .home-page > .container .menu-list .list-item a {
    padding: 0.5rem 0; } }
@media screen and (max-width: 1600px) {
  .home-page > .container .menu-list .list-item a {
    padding: 0.41665rem 0; } }
@media screen and (max-width: 1440px) {
  .home-page > .container .menu-list .list-item a {
    padding: 0.375rem 0; } }
@media screen and (max-width: 1366px) {
  .home-page > .container .menu-list .list-item a {
    padding: 0.35575rem 0; } }
@media screen and (max-width: 1280px) {
  .home-page > .container .menu-list .list-item a {
    padding: 0.33335rem 0; } }
@media screen and (max-width: 1024px) {
  .home-page > .container .menu-list .list-item a {
    padding: 0.26665rem 0; } }
.home-page > .container .menu-list .list-item a:hover {
  background: rgba(40, 107, 205, 0.1); }
.home-page > .container .menu-list .list-item img, .home-page > .container .menu-list .list-item .name, .home-page > .container .menu-list .list-item .iconfont {
  display: block;
  margin: 0 auto; }
.home-page > .container .menu-list .list-item img {
  width: 88px;
  height: 88px; }
@media screen and (max-width: 1920px) {
  .home-page > .container .menu-list .list-item img {
    width: 88px;
    height: 88px; } }
@media screen and (max-width: 1600px) {
  .home-page > .container .menu-list .list-item img {
    width: 73.3304px;
    height: 73.3304px; } }
@media screen and (max-width: 1440px) {
  .home-page > .container .menu-list .list-item img {
    width: 66px;
    height: 66px; } }
@media screen and (max-width: 1366px) {
  .home-page > .container .menu-list .list-item img {
    width: 62.612px;
    height: 62.612px; } }
@media screen and (max-width: 1280px) {
  .home-page > .container .menu-list .list-item img {
    width: 58.6696px;
    height: 58.6696px; } }
@media screen and (max-width: 1024px) {
  .home-page > .container .menu-list .list-item img {
    width: 46.9304px;
    height: 46.9304px; } }
.home-page > .container .menu-list .list-item .iconfont {
  font-size: 54px;
  color: #1c7cf7; }
@media screen and (max-width: 1920px) {
  .home-page > .container .menu-list .list-item .iconfont {
    font-size: 54px; } }
@media screen and (max-width: 1600px) {
  .home-page > .container .menu-list .list-item .iconfont {
    font-size: 45px; } }
@media screen and (max-width: 1440px) {
  .home-page > .container .menu-list .list-item .iconfont {
    font-size: 41px; } }
@media screen and (max-width: 1366px) {
  .home-page > .container .menu-list .list-item .iconfont {
    font-size: 39px; } }
@media screen and (max-width: 1280px) {
  .home-page > .container .menu-list .list-item .iconfont {
    font-size: 37px; } }
@media screen and (max-width: 1024px) {
  .home-page > .container .menu-list .list-item .iconfont {
    font-size: 29px; } }
.home-page > .container .menu-list .list-item .iconfont + .name {
  padding-left: 0; }
.home-page > .container .menu-list .list-item .name {
  font-size: 18px;
  line-height: 2rem; }
@media screen and (max-width: 1920px) {
  .home-page > .container .menu-list .list-item .name {
    font-size: 18px;
    line-height: 2rem; } }
@media screen and (max-width: 1600px) {
  .home-page > .container .menu-list .list-item .name {
    font-size: 15px;
    line-height: 1.6666rem; } }
@media screen and (max-width: 1440px) {
  .home-page > .container .menu-list .list-item .name {
    font-size: 14px;
    line-height: 1.5rem; } }
@media screen and (max-width: 1366px) {
  .home-page > .container .menu-list .list-item .name {
    font-size: 13px;
    line-height: 1.423rem; } }
@media screen and (max-width: 1280px) {
  .home-page > .container .menu-list .list-item .name {
    font-size: 13px;
    line-height: 1.3334rem; } }
@media screen and (max-width: 1024px) {
  .home-page > .container .menu-list .list-item .name {
    font-size: 10px;
    line-height: 1.0666rem; } }
.home-page > .container .menu-list.fw {
  align-items: flex-start;
  padding: 2rem 1.2rem 1.5rem; }
@media screen and (max-width: 1920px) {
  .home-page > .container .menu-list.fw {
    padding: 2rem 1.2rem 1.5rem; } }
@media screen and (max-width: 1600px) {
  .home-page > .container .menu-list.fw {
    padding: 1.6666rem 0.99996rem 1.24995rem; } }
@media screen and (max-width: 1440px) {
  .home-page > .container .menu-list.fw {
    padding: 1.5rem 0.9rem 1.125rem; } }
@media screen and (max-width: 1366px) {
  .home-page > .container .menu-list.fw {
    padding: 1.423rem 0.8538rem 1.06725rem; } }
@media screen and (max-width: 1280px) {
  .home-page > .container .menu-list.fw {
    padding: 1.3334rem 0.80004rem 1.00005rem; } }
@media screen and (max-width: 1024px) {
  .home-page > .container .menu-list.fw {
    padding: 1.0666rem 0.63996rem 0.79995rem; } }
.home-page > .container .menu-list.fw .list-item {
  margin-bottom: 1rem; }
@media screen and (max-width: 1920px) {
  .home-page > .container .menu-list.fw .list-item {
    margin-bottom: 1rem; } }
@media screen and (max-width: 1600px) {
  .home-page > .container .menu-list.fw .list-item {
    margin-bottom: 0.8333rem; } }
@media screen and (max-width: 1440px) {
  .home-page > .container .menu-list.fw .list-item {
    margin-bottom: 0.75rem; } }
@media screen and (max-width: 1366px) {
  .home-page > .container .menu-list.fw .list-item {
    margin-bottom: 0.7115rem; } }
@media screen and (max-width: 1280px) {
  .home-page > .container .menu-list.fw .list-item {
    margin-bottom: 0.6667rem; } }
@media screen and (max-width: 1024px) {
  .home-page > .container .menu-list.fw .list-item {
    margin-bottom: 0.5333rem; } }
.home-page > .container .menu-list.fw .list-item a {
  color: #404040;
  padding: 0.5rem 0; }
@media screen and (max-width: 1920px) {
  .home-page > .container .menu-list.fw .list-item a {
    padding: 0.5rem 0; } }
@media screen and (max-width: 1600px) {
  .home-page > .container .menu-list.fw .list-item a {
    padding: 0.41665rem 0; } }
@media screen and (max-width: 1440px) {
  .home-page > .container .menu-list.fw .list-item a {
    padding: 0.375rem 0; } }
@media screen and (max-width: 1366px) {
  .home-page > .container .menu-list.fw .list-item a {
    padding: 0.35575rem 0; } }
@media screen and (max-width: 1280px) {
  .home-page > .container .menu-list.fw .list-item a {
    padding: 0.33335rem 0; } }
@media screen and (max-width: 1024px) {
  .home-page > .container .menu-list.fw .list-item a {
    padding: 0.26665rem 0; } }
.home-page > .container .menu-list.fw .list-item .name {
  font-size: 16px;
  line-height: 1.5rem; }
@media screen and (max-width: 1920px) {
  .home-page > .container .menu-list.fw .list-item .name {
    font-size: 16px;
    line-height: 1.5rem; } }
@media screen and (max-width: 1600px) {
  .home-page > .container .menu-list.fw .list-item .name {
    font-size: 14px;
    line-height: 1.24995rem; } }
@media screen and (max-width: 1440px) {
  .home-page > .container .menu-list.fw .list-item .name {
    font-size: 12px;
    line-height: 1.125rem; } }
@media screen and (max-width: 1366px) {
  .home-page > .container .menu-list.fw .list-item .name {
    font-size: 12px;
    line-height: 1.06725rem; } }
@media screen and (max-width: 1280px) {
  .home-page > .container .menu-list.fw .list-item .name {
    font-size: 11px;
    line-height: 1.00005rem; } }
@media screen and (max-width: 1024px) {
  .home-page > .container .menu-list.fw .list-item .name {
    font-size: 9px;
    line-height: 0.79995rem; } }
.home-page > .container .notice-list {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-content: stretch;
  padding: 12px 30px 20px; }
@media screen and (max-width: 1920px) {
  .home-page > .container .notice-list {
    padding: 12px 30px 20px; } }
@media screen and (max-width: 1600px) {
  .home-page > .container .notice-list {
    padding: 9.9996px 24.999px 16.666px; } }
@media screen and (max-width: 1440px) {
  .home-page > .container .notice-list {
    padding: 9px 22.5px 15px; } }
@media screen and (max-width: 1366px) {
  .home-page > .container .notice-list {
    padding: 8.538px 21.345px 14.23px; } }
@media screen and (max-width: 1280px) {
  .home-page > .container .notice-list {
    padding: 8.0004px 20.001px 13.334px; } }
@media screen and (max-width: 1024px) {
  .home-page > .container .notice-list {
    padding: 6.3996px 15.999px 10.666px; } }
.home-page > .container .notice-list .list-item a {
  display: block;
  width: 100%;
  font-size: 16px;
  color: #333;
  line-height: 2.5rem; }
@media screen and (max-width: 1920px) {
  .home-page > .container .notice-list .list-item a {
    font-size: 16px;
    line-height: 2.5rem; } }
@media screen and (max-width: 1600px) {
  .home-page > .container .notice-list .list-item a {
    font-size: 14px;
    line-height: 2.08325rem; } }
@media screen and (max-width: 1440px) {
  .home-page > .container .notice-list .list-item a {
    font-size: 12px;
    line-height: 1.875rem; } }
@media screen and (max-width: 1366px) {
  .home-page > .container .notice-list .list-item a {
    font-size: 12px;
    line-height: 1.77875rem; } }
@media screen and (max-width: 1280px) {
  .home-page > .container .notice-list .list-item a {
    font-size: 11px;
    line-height: 1.66675rem; } }
@media screen and (max-width: 1024px) {
  .home-page > .container .notice-list .list-item a {
    font-size: 9px;
    line-height: 1.33325rem; } }
.home-page > .container .notice-list .list-item a:hover {
  color: #286bcd; }
.home-page > .container .notice-list .list-item .name, .home-page > .container .notice-list .list-item .date {
  display: inline-block;
  vertical-align: middle; }
.home-page > .container .notice-list .list-item .name {
  width: calc(100% - 80px - 10px);
  padding-left: 12px;
  overflow: hidden;
  text-overflow: ellipsis;
  -o-text-overflow: ellipsis;
  -webkit-text-overflow: ellipsis;
  white-space: nowrap; }
@media screen and (max-width: 1920px) {
  .home-page > .container .notice-list .list-item .name {
    padding-left: 12px; } }
@media screen and (max-width: 1600px) {
  .home-page > .container .notice-list .list-item .name {
    padding-left: 9.9996px; } }
@media screen and (max-width: 1440px) {
  .home-page > .container .notice-list .list-item .name {
    padding-left: 9px; } }
@media screen and (max-width: 1366px) {
  .home-page > .container .notice-list .list-item .name {
    padding-left: 8.538px; } }
@media screen and (max-width: 1280px) {
  .home-page > .container .notice-list .list-item .name {
    padding-left: 8.0004px; } }
@media screen and (max-width: 1024px) {
  .home-page > .container .notice-list .list-item .name {
    padding-left: 6.3996px; } }
.home-page > .container .notice-list .list-item .date {
  width: 80px;
  color: #666;
  font-size: 14px;
  text-align: right; }
@media screen and (max-width: 1920px) {
  .home-page > .container .notice-list .list-item .date {
    font-size: 14px; } }
@media screen and (max-width: 1600px) {
  .home-page > .container .notice-list .list-item .date {
    font-size: 12px; } }
@media screen and (max-width: 1440px) {
  .home-page > .container .notice-list .list-item .date {
    font-size: 11px; } }
@media screen and (max-width: 1366px) {
  .home-page > .container .notice-list .list-item .date {
    font-size: 10px; } }
@media screen and (max-width: 1280px) {
  .home-page > .container .notice-list .list-item .date {
    font-size: 10px; } }
@media screen and (max-width: 1024px) {
  .home-page > .container .notice-list .list-item .date {
    font-size: 8px; } }

.personal-page {
  position: relative;
  width: 100%;
  height: 100%; }
.personal-page .center-box {
  position: absolute;
  top: 50%;
  left: 50%;
  display: block;
  width: 78%;
  border-radius: 0;
  border-color: #c9d9f0;
  transform: translate(-50%, -50%); }
.personal-page .nav.nav-line {
  display: inline-flex; }
.personal-page .nav.nav-line .nav-link {
  font-size: 20px;
  padding: 22px 26px; }
@media screen and (max-width: 1920px) {
  .personal-page .nav.nav-line .nav-link {
    padding: 22px 26px;
    font-size: 20px; } }
@media screen and (max-width: 1600px) {
  .personal-page .nav.nav-line .nav-link {
    padding: 18.3326px 21.6658px;
    font-size: 17px; } }
@media screen and (max-width: 1440px) {
  .personal-page .nav.nav-line .nav-link {
    padding: 16.5px 19.5px;
    font-size: 15px; } }
@media screen and (max-width: 1366px) {
  .personal-page .nav.nav-line .nav-link {
    padding: 15.653px 18.499px;
    font-size: 15px; } }
@media screen and (max-width: 1280px) {
  .personal-page .nav.nav-line .nav-link {
    padding: 14.6674px 17.3342px;
    font-size: 14px; } }
@media screen and (max-width: 1024px) {
  .personal-page .nav.nav-line .nav-link {
    padding: 11.7326px 13.8658px;
    font-size: 11px; } }
.personal-page .alert-warning {
  text-align: center; }
.personal-page .card .card-header {
  padding: 0;
  background-color: transparent;
  border-bottom-color: #c9d9f0; }
.personal-page .card .card-header .btn-link {
  font-size: 24px;
  padding: 14px 30px;
  color: #ff7112;
  float: right; }
@media screen and (max-width: 1920px) {
  .personal-page .card .card-header .btn-link {
    padding: 14px 30px;
    font-size: 24px; } }
@media screen and (max-width: 1600px) {
  .personal-page .card .card-header .btn-link {
    padding: 11.6662px 24.999px;
    font-size: 20px; } }
@media screen and (max-width: 1440px) {
  .personal-page .card .card-header .btn-link {
    padding: 10.5px 22.5px;
    font-size: 18px; } }
@media screen and (max-width: 1366px) {
  .personal-page .card .card-header .btn-link {
    padding: 9.961px 21.345px;
    font-size: 18px; } }
@media screen and (max-width: 1280px) {
  .personal-page .card .card-header .btn-link {
    padding: 9.3338px 20.001px;
    font-size: 17px; } }
@media screen and (max-width: 1024px) {
  .personal-page .card .card-header .btn-link {
    padding: 7.4662px 15.999px;
    font-size: 13px; } }
.personal-page .card .card-body {
  padding: 0; }
.personal-page .tab-pane {
  padding: 36px 32px; }
@media screen and (max-width: 1920px) {
  .personal-page .tab-pane {
    padding: 36px 32px; } }
@media screen and (max-width: 1600px) {
  .personal-page .tab-pane {
    padding: 29.9988px 26.6656px; } }
@media screen and (max-width: 1440px) {
  .personal-page .tab-pane {
    padding: 27px 24px; } }
@media screen and (max-width: 1366px) {
  .personal-page .tab-pane {
    padding: 25.614px 22.768px; } }
@media screen and (max-width: 1280px) {
  .personal-page .tab-pane {
    padding: 24.0012px 21.3344px; } }
@media screen and (max-width: 1024px) {
  .personal-page .tab-pane {
    padding: 19.1988px 17.0656px; } }
.personal-page .info-box, .personal-page .edit-box {
  font-size: 0; }
.personal-page .param-group {
  display: inline-block;
  vertical-align: top;
  width: 50%;
  font-size: 0; }
.personal-page .param-group .param-name, .personal-page .param-group .param-value {
  display: inline-block;
  vertical-align: top;
  font-size: 18px; }
@media screen and (max-width: 1920px) {
  .personal-page .param-group .param-name, .personal-page .param-group .param-value {
    font-size: 18px; } }
@media screen and (max-width: 1600px) {
  .personal-page .param-group .param-name, .personal-page .param-group .param-value {
    font-size: 15px; } }
@media screen and (max-width: 1440px) {
  .personal-page .param-group .param-name, .personal-page .param-group .param-value {
    font-size: 14px; } }
@media screen and (max-width: 1366px) {
  .personal-page .param-group .param-name, .personal-page .param-group .param-value {
    font-size: 13px; } }
@media screen and (max-width: 1280px) {
  .personal-page .param-group .param-name, .personal-page .param-group .param-value {
    font-size: 13px; } }
@media screen and (max-width: 1024px) {
  .personal-page .param-group .param-name, .personal-page .param-group .param-value {
    font-size: 10px; } }
.personal-page .param-group .param-name {
  width: 25%;
  color: #4b5c8a;
  text-align: right; }
.personal-page .param-group .param-value {
  width: 75%;
  color: #333333; }
.personal-page .input-group {
  letter-spacing: -6px; }
.personal-page .input-group > * {
  letter-spacing: normal; }
.personal-page .input-group input.form-control, .personal-page .input-group .edit-box .form-control, .personal-page .edit-box .input-group .form-control {
  display: inline-flex;
  max-width: calc(100% - 88px);
  width: calc(100% - 150px); }
@media screen and (max-width: 1920px) {
  .personal-page .input-group input.form-control, .personal-page .input-group .edit-box .form-control, .personal-page .edit-box .input-group .form-control {
    width: calc(100% - 150px); } }
@media screen and (max-width: 1600px) {
  .personal-page .input-group input.form-control, .personal-page .input-group .edit-box .form-control, .personal-page .edit-box .input-group .form-control {
    width: calc(100% - 125px); } }
@media screen and (max-width: 1440px) {
  .personal-page .input-group input.form-control, .personal-page .input-group .edit-box .form-control, .personal-page .edit-box .input-group .form-control {
    width: calc(100% - 113px); } }
@media screen and (max-width: 1366px) {
  .personal-page .input-group input.form-control, .personal-page .input-group .edit-box .form-control, .personal-page .edit-box .input-group .form-control {
    width: calc(100% - 107px); } }
@media screen and (max-width: 1280px) {
  .personal-page .input-group input.form-control, .personal-page .input-group .edit-box .form-control, .personal-page .edit-box .input-group .form-control {
    width: calc(100% - 101px); } }
@media screen and (max-width: 1024px) {
  .personal-page .input-group input.form-control, .personal-page .input-group .edit-box .form-control, .personal-page .edit-box .input-group .form-control {
    width: calc(100% - 80px); } }
.personal-page .input-group input.form-control:not(:last-child), .personal-page .input-group .edit-box .form-control:not(:last-child), .personal-page .edit-box .input-group .form-control:not(:last-child) {
  border-radius: 4px 0 0 4px; }
.personal-page .input-group .input-group-append, .personal-page .input-group .input-group-prepend {
  display: inline-flex;
  min-width: 88px;
  width: 150px; }
@media screen and (max-width: 1920px) {
  .personal-page .input-group .input-group-append, .personal-page .input-group .input-group-prepend {
    width: 150px; } }
@media screen and (max-width: 1600px) {
  .personal-page .input-group .input-group-append, .personal-page .input-group .input-group-prepend {
    width: 125px; } }
@media screen and (max-width: 1440px) {
  .personal-page .input-group .input-group-append, .personal-page .input-group .input-group-prepend {
    width: 113px; } }
@media screen and (max-width: 1366px) {
  .personal-page .input-group .input-group-append, .personal-page .input-group .input-group-prepend {
    width: 107px; } }
@media screen and (max-width: 1280px) {
  .personal-page .input-group .input-group-append, .personal-page .input-group .input-group-prepend {
    width: 101px; } }
@media screen and (max-width: 1024px) {
  .personal-page .input-group .input-group-append, .personal-page .input-group .input-group-prepend {
    width: 80px; } }
.personal-page .input-group .input-group-append .btn, .personal-page .input-group .input-group-prepend .btn {
  width: 100%; }
.personal-page .input-group .btn {
  font-size: inherit;
  padding: 16px 8px; }
@media screen and (max-width: 1920px) {
  .personal-page .input-group .btn {
    padding: 16px 8px; } }
@media screen and (max-width: 1600px) {
  .personal-page .input-group .btn {
    padding: 13.3328px 6.6664px; } }
@media screen and (max-width: 1440px) {
  .personal-page .input-group .btn {
    padding: 12px 6px; } }
@media screen and (max-width: 1366px) {
  .personal-page .input-group .btn {
    padding: 11.384px 5.692px; } }
@media screen and (max-width: 1280px) {
  .personal-page .input-group .btn {
    padding: 10.6672px 5.3336px; } }
@media screen and (max-width: 1024px) {
  .personal-page .input-group .btn {
    padding: 8.5328px 4.2664px; } }
.personal-page .info-box {
  padding-bottom: 56px; }
@media screen and (max-width: 1920px) {
  .personal-page .info-box {
    padding-bottom: 56px; } }
@media screen and (max-width: 1600px) {
  .personal-page .info-box {
    padding-bottom: 46.6648px; } }
@media screen and (max-width: 1440px) {
  .personal-page .info-box {
    padding-bottom: 42px; } }
@media screen and (max-width: 1366px) {
  .personal-page .info-box {
    padding-bottom: 39.844px; } }
@media screen and (max-width: 1280px) {
  .personal-page .info-box {
    padding-bottom: 37.3352px; } }
@media screen and (max-width: 1024px) {
  .personal-page .info-box {
    padding-bottom: 29.8648px; } }
.personal-page .info-box .param-group {
  line-height: 78px; }
@media screen and (max-width: 1920px) {
  .personal-page .info-box .param-group {
    line-height: 78px; } }
@media screen and (max-width: 1600px) {
  .personal-page .info-box .param-group {
    line-height: 64.9974px; } }
@media screen and (max-width: 1440px) {
  .personal-page .info-box .param-group {
    line-height: 58.5px; } }
@media screen and (max-width: 1366px) {
  .personal-page .info-box .param-group {
    line-height: 55.497px; } }
@media screen and (max-width: 1280px) {
  .personal-page .info-box .param-group {
    line-height: 52.0026px; } }
@media screen and (max-width: 1024px) {
  .personal-page .info-box .param-group {
    line-height: 41.5974px; } }
.personal-page .edit-box {
  padding-bottom: 36px; }
@media screen and (max-width: 1920px) {
  .personal-page .edit-box {
    padding-bottom: 36px; } }
@media screen and (max-width: 1600px) {
  .personal-page .edit-box {
    padding-bottom: 29.9988px; } }
@media screen and (max-width: 1440px) {
  .personal-page .edit-box {
    padding-bottom: 27px; } }
@media screen and (max-width: 1366px) {
  .personal-page .edit-box {
    padding-bottom: 25.614px; } }
@media screen and (max-width: 1280px) {
  .personal-page .edit-box {
    padding-bottom: 24.0012px; } }
@media screen and (max-width: 1024px) {
  .personal-page .edit-box {
    padding-bottom: 19.1988px; } }
.personal-page .edit-box input, .personal-page .edit-box .form-control {
  width: 85%;
  padding: 16px 16px;
  border-radius: 4px;
  border: 1px solid #d6d6d6; }
@media screen and (max-width: 1920px) {
  .personal-page .edit-box input, .personal-page .edit-box .form-control {
    padding: 16px 16px; } }
@media screen and (max-width: 1600px) {
  .personal-page .edit-box input, .personal-page .edit-box .form-control {
    padding: 13.3328px 13.3328px; } }
@media screen and (max-width: 1440px) {
  .personal-page .edit-box input, .personal-page .edit-box .form-control {
    padding: 12px 12px; } }
@media screen and (max-width: 1366px) {
  .personal-page .edit-box input, .personal-page .edit-box .form-control {
    padding: 11.384px 11.384px; } }
@media screen and (max-width: 1280px) {
  .personal-page .edit-box input, .personal-page .edit-box .form-control {
    padding: 10.6672px 10.6672px; } }
@media screen and (max-width: 1024px) {
  .personal-page .edit-box input, .personal-page .edit-box .form-control {
    padding: 8.5328px 8.5328px; } }
.personal-page .edit-box input:focus, .personal-page .edit-box .form-control:focus {
  border-color: #286bcd;
  outline: none; }
.personal-page .edit-box .input-group {
  width: 85%; }
.personal-page .edit-box .form-control {
  font-size: inherit;
  width: 100%;
  height: auto; }
.personal-page .edit-box .param-group {
  margin-top: 18px; }
@media screen and (max-width: 1920px) {
  .personal-page .edit-box .param-group {
    margin-top: 18px; } }
@media screen and (max-width: 1600px) {
  .personal-page .edit-box .param-group {
    margin-top: 14.9994px; } }
@media screen and (max-width: 1440px) {
  .personal-page .edit-box .param-group {
    margin-top: 13.5px; } }
@media screen and (max-width: 1366px) {
  .personal-page .edit-box .param-group {
    margin-top: 12.807px; } }
@media screen and (max-width: 1280px) {
  .personal-page .edit-box .param-group {
    margin-top: 12.0006px; } }
@media screen and (max-width: 1024px) {
  .personal-page .edit-box .param-group {
    margin-top: 9.5994px; } }
.personal-page .edit-box .param-group .param-name, .personal-page .edit-box .param-group .param-value {
  vertical-align: middle; }
.personal-page .edit-box .param-group .required {
  display: inline-block;
  vertical-align: middle;
  color: #fe6f72;
  padding: 0 10px;
  line-height: 60px; }
@media screen and (max-width: 1920px) {
  .personal-page .edit-box .param-group .required {
    padding: 0 10px;
    line-height: 60px; } }
@media screen and (max-width: 1600px) {
  .personal-page .edit-box .param-group .required {
    padding: 0 8.333px;
    line-height: 49.998px; } }
@media screen and (max-width: 1440px) {
  .personal-page .edit-box .param-group .required {
    padding: 0 7.5px;
    line-height: 45px; } }
@media screen and (max-width: 1366px) {
  .personal-page .edit-box .param-group .required {
    padding: 0 7.115px;
    line-height: 42.69px; } }
@media screen and (max-width: 1280px) {
  .personal-page .edit-box .param-group .required {
    padding: 0 6.667px;
    line-height: 40.002px; } }
@media screen and (max-width: 1024px) {
  .personal-page .edit-box .param-group .required {
    padding: 0 5.333px;
    line-height: 31.998px; } }
.personal-page .edit-box .btn-row {
  margin-top: 58px;
  text-align: center; }
@media screen and (max-width: 1920px) {
  .personal-page .edit-box .btn-row {
    margin-top: 58px; } }
@media screen and (max-width: 1600px) {
  .personal-page .edit-box .btn-row {
    margin-top: 48.3314px; } }
@media screen and (max-width: 1440px) {
  .personal-page .edit-box .btn-row {
    margin-top: 43.5px; } }
@media screen and (max-width: 1366px) {
  .personal-page .edit-box .btn-row {
    margin-top: 41.267px; } }
@media screen and (max-width: 1280px) {
  .personal-page .edit-box .btn-row {
    margin-top: 38.6686px; } }
@media screen and (max-width: 1024px) {
  .personal-page .edit-box .btn-row {
    margin-top: 30.9314px; } }
.personal-page .edit-box .btn-row .btn-green {
  width: 350px;
  font-size: 24px;
  padding: 11px 0;
  color: #FFFFFF;
  border-radius: 4px;
  background-color: #56b51d; }
@media screen and (max-width: 1920px) {
  .personal-page .edit-box .btn-row .btn-green {
    font-size: 24px;
    padding: 11px 0; } }
@media screen and (max-width: 1600px) {
  .personal-page .edit-box .btn-row .btn-green {
    font-size: 20px;
    padding: 11px 0; } }
@media screen and (max-width: 1440px) {
  .personal-page .edit-box .btn-row .btn-green {
    font-size: 18px;
    padding: 11px 0; } }
@media screen and (max-width: 1366px) {
  .personal-page .edit-box .btn-row .btn-green {
    font-size: 18px;
    padding: 11px 0; } }
@media screen and (max-width: 1280px) {
  .personal-page .edit-box .btn-row .btn-green {
    font-size: 17px;
    padding: 11px 0; } }
@media screen and (max-width: 1024px) {
  .personal-page .edit-box .btn-row .btn-green {
    font-size: 13px;
    padding: 11px 0; } }

.psd-page .center-box {
  width: 50%; }
.psd-page .edit-box {
  padding-top: 26px; }
@media screen and (max-width: 1920px) {
  .psd-page .edit-box {
    padding-top: 26px; } }
@media screen and (max-width: 1600px) {
  .psd-page .edit-box {
    padding-top: 21.6658px; } }
@media screen and (max-width: 1440px) {
  .psd-page .edit-box {
    padding-top: 19.5px; } }
@media screen and (max-width: 1366px) {
  .psd-page .edit-box {
    padding-top: 18.499px; } }
@media screen and (max-width: 1280px) {
  .psd-page .edit-box {
    padding-top: 17.3342px; } }
@media screen and (max-width: 1024px) {
  .psd-page .edit-box {
    padding-top: 13.8658px; } }
.psd-page .edit-box .param-group {
  display: block;
  width: 100%; }
.psd-page .edit-box .param-group .param-name {
  color: #212121;
  width: 29%; }
.psd-page .edit-box .param-group .param-value {
  width: 71%; }
.psd-page .edit-box .param-group .param-value input, .psd-page .personal-page .edit-box .param-group .param-value .form-control, .personal-page .psd-page .edit-box .param-group .param-value .form-control {
  width: 72%; }
.psd-page .edit-box .btn-row {
  margin-top: 44px; }
@media screen and (max-width: 1920px) {
  .psd-page .edit-box .btn-row {
    margin-top: 44px; } }
@media screen and (max-width: 1600px) {
  .psd-page .edit-box .btn-row {
    margin-top: 36.6652px; } }
@media screen and (max-width: 1440px) {
  .psd-page .edit-box .btn-row {
    margin-top: 33px; } }
@media screen and (max-width: 1366px) {
  .psd-page .edit-box .btn-row {
    margin-top: 31.306px; } }
@media screen and (max-width: 1280px) {
  .psd-page .edit-box .btn-row {
    margin-top: 29.3348px; } }
@media screen and (max-width: 1024px) {
  .psd-page .edit-box .btn-row {
    margin-top: 23.4652px; } }
.psd-page .state-line {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  justify-content: center;
  align-items: center; }
.psd-page .state-line .line-item {
  position: relative;
  display: inline-flex;
  width: 18%;
  padding-bottm: 46px;
  flex-direction: column;
  justify-content: center;
  align-items: center; }
@media screen and (max-width: 1920px) {
  .psd-page .state-line .line-item {
    padding-bottom: 46px; } }
@media screen and (max-width: 1600px) {
  .psd-page .state-line .line-item {
    padding-bottom: 38.3318px; } }
@media screen and (max-width: 1440px) {
  .psd-page .state-line .line-item {
    padding-bottom: 34.5px; } }
@media screen and (max-width: 1366px) {
  .psd-page .state-line .line-item {
    padding-bottom: 32.729px; } }
@media screen and (max-width: 1280px) {
  .psd-page .state-line .line-item {
    padding-bottom: 30.6682px; } }
@media screen and (max-width: 1024px) {
  .psd-page .state-line .line-item {
    padding-bottom: 24.5318px; } }
.psd-page .state-line .line-item::before {
  content: '';
  position: absolute;
  top: 12px;
  left: 0;
  display: block;
  width: 100%;
  height: 1px;
  border-bottom: 1px dashed #a6a6a6;
  transform: translateX(-50%);
  z-index: 1; }
.psd-page .state-line .line-item:first-of-type::before {
  display: none; }
.psd-page .state-line .line-item .dot {
  position: relative;
  display: block;
  margin: 0 auto;
  width: 22px;
  height: 22px;
  border-radius: 50%;
  background-color: #d2d2d2;
  z-index: 10; }
.psd-page .state-line .line-item .dot::after {
  content: '';
  position: absolute;
  top: 50%;
  left: 50%;
  display: block;
  visibility: hidden;
  width: 30px;
  height: 30px;
  border-radius: 50%;
  border: 1px solid #d2d2d2;
  transform: translate(-50%, -50%);
  z-index: 10; }
.psd-page .state-line .line-item .title {
  margin-top: 26px;
  font-size: 24px;
  color: #666666; }
@media screen and (max-width: 1920px) {
  .psd-page .state-line .line-item .title {
    margin-top: 26px;
    font-size: 24px; } }
@media screen and (max-width: 1600px) {
  .psd-page .state-line .line-item .title {
    margin-top: 21.6658px;
    font-size: 20px; } }
@media screen and (max-width: 1440px) {
  .psd-page .state-line .line-item .title {
    margin-top: 19.5px;
    font-size: 18px; } }
@media screen and (max-width: 1366px) {
  .psd-page .state-line .line-item .title {
    margin-top: 18.499px;
    font-size: 18px; } }
@media screen and (max-width: 1280px) {
  .psd-page .state-line .line-item .title {
    margin-top: 17.3342px;
    font-size: 17px; } }
@media screen and (max-width: 1024px) {
  .psd-page .state-line .line-item .title {
    margin-top: 13.8658px;
    font-size: 13px; } }
.psd-page .state-line .line-item.active::before {
  border-color: #56b51d; }
.psd-page .state-line .line-item.active .dot {
  background-color: #56b51d; }
.psd-page .state-line .line-item.active .dot::after {
  visibility: visible;
  border-color: #56b51d; }
.psd-page .state-line .line-item.active .title {
  color: #56b51d; }

/*# sourceMappingURL=skin.css.map */