html {
  height: 100%;
}

body {
  min-height: 100%;
  color: #5b5b5b;
  font-size: 1rem;
  line-height: 1.5;
  font-family: PingFangTC-Regular, DroidSansFallback, "Microsoft JhengHei", sans-serif;
  background: #f6f6f6 url(../images/bg.png) no-repeat center top/120rem auto;
  background-attachment: fixed;
}

ul, ol {
  margin-top: 0;
  margin-bottom: 0;
}

input, select, textarea, button {
  font-size: inherit;
  line-height: inherit;
  font-family: inherit;
}

h1, h2, h3, h4, h5, h6, p, li {
  line-height: 1.5;
  font-family: PingFangTC-Regular, DroidSansFallback, "Microsoft JhengHei", sans-serif;
}

h1 {
  font-size: 1.5rem;
}

h2 {
  font-size: 1.375rem;
}

h3 {
  font-size: 1.3125rem;
}

h4 {
  font-size: 1.25rem;
}

h5 {
  font-size: 1.125rem;
}

h6 {
  font-size: 1.0625rem;
}

.small {
  font-size: .9375rem;
}

.extrasmall {
  font-size: .8125rem;
}

a {
  color: #5b5b5b;
  text-decoration: none;
}
a:hover {
  color: #1e1b1c;
  text-decoration: none;
}
a:focus {
  outline: 0;
}

h1, h2, h3, h4, h5, h6, p {
  margin-top: 0;
  margin-bottom: 0;
}

label, .form-control, select, textarea, .btn {
  font-size: 1rem;
}

.form-control:focus, .btn:focus {
  box-shadow: none;
}

.btn-link {
  color: #5b5b5b;
  text-decoration: none;
}
.btn-link:hover, .btn-link:focus {
  color: #1e1b1c;
  text-decoration: none;
}

.container {
  position: relative;
  padding-left: 0;
  padding-right: 0;
  max-width: 75rem !important;
  width: 75rem;
}

.row {
  margin-left: 0;
  margin-right: 0;
}
.row > .col-sm-3 {
  padding: 0 .625rem;
}
.row > .col-sm-9 {
  flex: 0 0 calc(75% - 1.25rem);
  margin: 0 .625rem;
  padding: 0;
  max-width: calc(75% - 1.25rem);
  min-height: 37.5rem;
  background: #fff;
  border-radius: .5625rem;
  box-shadow: 0.375rem 0.625rem 1rem rgba(108, 108, 108, 0.2);
}
.row > .col-sm-9 .flex {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -ms-flex-align: center;
  align-items: center;
  justify-content: space-between;
}
.row > .col-sm-9 .flex-2 {
  justify-content: flex-end;
}

.nav-tabs {
  padding-bottom: 1rem;
  border: 0;
}
.nav-tabs .nav-item {
  margin-bottom: 0;
}
.nav-tabs .nav-item .nav-link {
  position: relative;
  min-width: 7.125rem;
  text-align: center;
  color: #5b5b5b;
  font-size: 1.125rem;
  border: 0;
  border-radius: 0;
  opacity: .75;
}
.nav-tabs .nav-item .nav-link.active {
  color: #ff0000;
  opacity: 1;
}
.nav-tabs .nav-item .nav-link.active:after {
  content: "";
  position: absolute;
  left: 0;
  bottom: 0;
  width: 100%;
  height: .1875rem;
  background: #fb4134;
  border-bottom: 1px solid #ee0000;
}
.nav-tabs .nav-item .nav-link .tab {
  position: relative;
}
.nav-tabs .nav-item .nav-link .tab .up {
  display: inline-block;
  position: absolute;
  left: calc(100% + .125rem);
  top: -.5rem;
  padding-left: .25rem;
  padding-right: .25rem;
  min-width: 1.125rem;
  height: 1.125rem;
  color: #fff;
  font-size: .75rem;
  line-height: 1.0625rem;
  background: #fb4134;
  border-radius: 1rem;
}

.pagination {
  border-radius: 0;
}
.pagination .page-item:first-child .page-link, .pagination .page-item:last-child .page-link {
  border-radius: 0;
}
.pagination .page-link {
  position: relative;
  margin-left: .625rem;
  padding: .5rem 0;
  min-width: 2.125rem;
  height: 2.125rem;
  text-align: center;
  font-size: .9375rem;
  color: #5b5b5b;
  background: #f0f0f2;
  border: 0;
}
.pagination .page-link:focus {
  box-shadow: none;
}
.pagination .page-link.active {
  color: #fff;
  background: #ea433b;
}
.pagination .page-link.page-prev:before, .pagination .page-link.page-next:before, .pagination .page-link.page-first:before, .pagination .page-link.page-last:before {
  content: "";
  position: absolute;
  left: 55%;
  top: 50%;
  width: .5rem;
  height: .5rem;
  border: .125rem solid #666;
  border-width: .125rem .125rem 0 0;
  -webkit-transform: translate(-50%, -50%) rotate(225deg);
  -moz-transform: translate(-50%, -50%) rotate(225deg);
  -ms-transform: translate(-50%, -50%) rotate(225deg);
  transform: translate(-50%, -50%) rotate(225deg);
  transition: all 0.5s;
}
.pagination .page-link.page-next:before, .pagination .page-link.page-last:before {
  left: 45%;
  -webkit-transform: translate(-50%, -50%) rotate(45deg);
  -moz-transform: translate(-50%, -50%) rotate(45deg);
  -ms-transform: translate(-50%, -50%) rotate(45deg);
  transform: translate(-50%, -50%) rotate(45deg);
}

.pagination .page-link.page-first:after, .pagination .page-link.page-last:after {
  content: "";
  position: absolute;
  left: 34%;
  top: 50%;
  width: .125rem;
  height: .6875rem;
  background: #666;
  -webkit-transform: translate(-50%, -50%);
  -moz-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
}
.pagination .page-link.page-last:after {
  left: 66%;
}

.table {
  margin-bottom: 0;
}
.table tr th, .table tr td {
  padding: .4375rem .5rem;
  text-align: center;
  color: #5b5b5b;
  font-size: .875rem;
  border-top: 0;
  border-bottom: 1px solid rgba(201, 201, 205, 0.35);
}
.table tr th .vip, .table tr td .vip {
  font-size: 1rem;
  line-height: 1;
  font-weight: bold;
  font-style: italic;
}
.table tr th .vip.vip1, .table tr td .vip.vip1 {
  color: #cdcdcd;
}
.table tr th .vip.vip2, .table tr td .vip.vip2 {
  color: #28b3ff;
}
.table tr th .vip.vip3, .table tr td .vip.vip3 {
  color: #297eff;
}
.table tr th .vip.vip4, .table tr td .vip.vip4 {
  color: #fa26ff;
}
.table tr th .vip.vip5, .table tr td .vip.vip5 {
  color: #8928ff;
}
.table tr th .vip.vip6, .table tr td .vip.vip6 {
  color: #fc3a23;
}
.table tr th .vip.vip7, .table tr td .vip.vip7 {
  color: #fca323;
}
.table tr th .vip sub, .table tr td .vip sub {
  right: -.125rem;
  bottom: -.0625rem;
  font-family: Arial;
  font-style: normal;
}
.table tr th .valid, .table tr td .valid {
  color: #2ac17c;
}
.table tr th .disabled, .table tr th .negative, .table tr td .disabled, .table tr td .negative {
  color: #f03833;
}
.table tr th .positive, .table tr td .positive {
  color: #000;
}
.table tr th {
  padding: .5625rem .5rem;
  color: #fff;
  font-weight: normal;
  border-bottom: 0;
}
.table thead tr {
  background: #d6ae7b;
  background: -webkit-linear-gradient(top, #d6ae7b, #eacda3);
  background: -moz-linear-gradient(bottom, #d6ae7b, #eacda3);
  background: -o-linear-gradient(bottom, #d6ae7b, #eacda3);
  background: linear-gradient(to bottom, #d6ae7b, #eacda3);
}
.table tfoot tr {
  background: rgba(234, 205, 163, 0.2);
}
.table tfoot tr td {
  padding: .5625rem .5rem;
}

.toast {
  position: absolute;
  left: 50%;
  top: 50%;
  max-width: inherit;
  font-size: .9375rem;
  z-index: 1050;
  -webkit-transform: translate(-50%, -50%);
  -moz-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
}
.toast .toast-body {
  padding: .75rem 1rem;
  white-space: nowrap;
}
.toast .toast-icon {
  margin-right: .5rem;
  vertical-align: .0625rem;
}
.toast .toast-icon img {
  width: 1.125rem;
}

.datepicker table tr th, .datepicker table tr td {
  width: 34px;
}

.mymodify .modal-content {
  border: 0;
  border-radius: .5rem;
  box-shadow: 0.625rem 0.625rem 1rem rgba(108, 108, 108, 0.2);
}
.mymodify .modal-header {
  padding: 2.125rem 2.5rem 1.125rem;
  border: 0;
  border-top-left-radius: .5rem;
  border-top-right-radius: .5rem;
}
.mymodify .modal-title {
  color: #1e1b1c;
  font-size: 1.375rem;
  font-weight: bold;
  font-family: "Microsoft YaHei";
  letter-spacing: .125rem;
}
.mymodify .modal-body {
  padding: 1rem 2.5rem;
}
.mymodify .modal-footer {
  justify-content: center;
  padding: .25rem 2.5rem 2.5rem;
  border: 0;
  border-bottom-left-radius: .5rem;
  border-bottom-right-radius: .5rem;
}

.myconfirm .modal-content {
  border: 0;
  border-radius: .5rem;
  box-shadow: 0.625rem 0.625rem 1rem rgba(108, 108, 108, 0.2);
}
.myconfirm .modal-body {
  padding: 4rem 1.5rem 4.6875rem;
  text-align: center;
  background: url(../images/bg_modal.png) no-repeat center/cover;
  border-radius: .5rem;
}
.myconfirm .modal-body p {
  color: #1e1b1c;
  font-size: 1.25rem;
  font-weight: bold;
}
.myconfirm .modal-body .btn-confirm-4 {
  margin-top: 2.4375rem;
}

.mymsg .modal-content {
  /*
  background: url(../images/bg_modal.png) no-repeat center/cover;
  */
  border: 0;
  border-radius: .5rem;
  box-shadow: 0.625rem 0.625rem 1rem rgba(108, 108, 108, 0.2);
}
.mymsg .modal-header {
  justify-content: center;
  padding: 2.125rem 1.5rem 0rem 1.5rem ;
  border: 0;
  border-top-left-radius: .5rem;
  border-top-right-radius: .5rem;
}
.mymsg .modal-title {
  color: #1e1b1c;
  font-size: 1.375rem;
  font-weight: bold;
  font-family: "Microsoft YaHei";
  letter-spacing: .125rem;
}
.mymsg .modal-body {
  padding: 1rem 2.5rem;
}

.mymsg .modal-footer {
  justify-content: center;
  padding: .25rem 2.5rem 2.5rem;
  border: 0;
  border-bottom-left-radius: .5rem;
  border-bottom-right-radius: .5rem;
}

.mybigimage .modal-dialog {
  margin: 0 auto;
  max-width: 100% !important;
}
.mybigimage .modal-content {
  background: none;
  border: 0;
  border-radius: 0;
}
.mybigimage .modal-body {
  padding: 1.5rem;
  text-align: center;
}
.mybigimage .modal-body .image {
  margin-bottom: 1rem;
}
.mybigimage .modal-body .btn-close {
  padding: 0;
  border: 0;
  border-radius: 0;
}
.mybigimage .modal-body .btn-close img {
  width: 2.25rem;
}

.mymaildetail .modal-content {
  border: 0;
  border-radius: .5rem;
  box-shadow: 0.625rem 0.625rem 1rem rgba(108, 108, 108, 0.2);
}
.mymaildetail .modal-header {
  align-items: center;
  padding: 1.375rem 2.5rem 1.125rem;
  border-top-left-radius: .5rem;
  border-top-right-radius: .5rem;
}
.mymaildetail .modal-header .btn-close {
  padding: 0;
  border: 0;
  border-radius: 0;
}
.mymaildetail .modal-header .btn-close img {
  width: 1.5rem;
}
.mymaildetail .modal-title {
  color: #1e1b1c;
  font-size: 1.375rem;
  font-weight: bold;
  font-family: "Microsoft YaHei";
  letter-spacing: .125rem;
}
.mymaildetail .modal-body {
  padding: 1.375rem 2.5rem 1.5rem;
}
.mymaildetail .modal-body .number, .mymaildetail .modal-body .title, .mymaildetail .modal-body .content {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -ms-flex-align: center;
  align-items: center;
  align-items: flex-start;
  flex-wrap: nowrap;
  margin-bottom: .75rem;
}
.mymaildetail .modal-body .number:before, .mymaildetail .modal-body .title:before, .mymaildetail .modal-body .content:before {
  content: attr(data-text);
  flex: 0 0 3rem;
  margin-right: .75rem;
  max-width: 3rem;
  color: #1e1b1c;
  font-weight: bold;
  white-space: nowrap;
}
.mymaildetail .modal-body .number > div, .mymaildetail .modal-body .title > div, .mymaildetail .modal-body .content > div {
  flex: 0 0 calc(100% - 3.75rem);
  max-width: calc(100% - 3.75rem);
}
.mymaildetail .modal-body .title {
  color: #5b5b5b;
  font-size: 1rem;
  font-weight: normal;
}
.mymaildetail .modal-body .content {
  line-height: 1.5;
}
.mymaildetail .modal-body .content p {
  line-height: 1.5;
}

.w-header .navbar {
  padding: 1.5rem 1rem;
}
.w-header .navbar .left, .w-header .navbar .right {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -ms-flex-align: center;
  align-items: center;
}
.w-header .navbar-brand {
  margin-right: 2.5rem;
  padding: 0;
}
.w-header .navbar-brand img {
  height: 3.125rem;
}
.w-header .partner-outer {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -ms-flex-align: center;
  align-items: center;
}
.w-header .partner-outer > li {
  margin-right: 2.5rem;
  list-style: none;
}
.w-header .partner-outer > li .image {
  display: inline-block;
  margin-right: .3125rem;
  vertical-align: middle;
}
.w-header .partner-outer > li .image img {
  height: 3.375rem;
}
.w-header .partner-outer > li .title {
  display: inline-block;
  vertical-align: middle;
  color: #fff;
  font-size: 1rem;
  line-height: 1.4;
}
.w-header .member-outer {
  margin-right: 1.25rem;
}
.w-header .member-outer .icon {
  display: inline-block;
  margin-right: .375rem;
  vertical-align: middle;
}
.w-header .member-outer .icon img {
  height: 3.375rem;
}
.w-header .member-outer .name {
  display: inline-block;
  vertical-align: middle;
  color: #fff;
  font-size: 1rem;
}

.w-main-vedio {
  width: 100%;
  height: 100vh;
}
.w-main-vedio:after {
  content: "";
  position: fixed;
  left: 0;
  top: 0;
  width: 100%;
  height: 100vh;
  background: rgba(0, 0, 0, 0.65);
  z-index: 1;
}
.w-main-vedio .video {
  position: fixed;
  left: 0;
  top: 0;
  min-width: 100%;
  min-height: 100vh;
}

.w-main {
  padding-bottom: 2.5rem;
}

.header-outer {
  padding: 1.5rem 1rem .25rem;
}

.header-outer-2 {
  padding: 0 1.375rem .25rem;
}

.body-outer {
  padding: 0 1rem;
}

.body-outer-2 {
  padding: 0 1.375rem;
}

.overflow-outer {
  overflow-y: auto;
}

/* add start */
.overflow-outer-2 {
  overflow-y: auto;
  max-height: 34vh;
  /*
  padding-bottom: 3px;
  */
}

.overflow-outer-3 {
  overflow-y: auto;
  max-height: 43vh;
  /*
  padding-bottom: 3px;
  */
}

.title2-outer {
  padding-left: 1rem;
  padding-right: 1rem;
}
/* add end */

.footer-outer {
  padding: 1rem 1rem 2.5rem;
}

.footer-outer-2 {
  padding-bottom: 2.5rem;
}

.form-group-2 {
  position: relative;
  margin-bottom: 1.875rem;
}
.form-group-2 label {
  position: absolute;
  left: .625rem;
  top: .375rem;
}
.form-group-2 label i {
  display: inline-block;
  width: 2.375rem;
  height: 2.375rem;
  text-align: center;
  line-height: calc(2.375rem - .125rem);
  background: #fff;
  border-radius: 50%;
}
.form-group-2 label i img {
  height: 1.5625rem;
}
.form-group-2 .icon-eye, .form-group-2 .icon-eyeslash {
  display: inline-block;
  position: absolute;
  right: 1rem;
  top: .6875rem;
  width: 2.25rem;
  height: 1.75rem;
  background: url(../images/icon_eyeslash.svg) no-repeat center/contain;
}
.form-group-2 .icon-eye {
  background: url(../images/icon_eye.svg) no-repeat center/contain;
}

.form-group-3 label {
  margin-right: 1.125rem;
  color: #7c7e80;
}
.form-group-3 label .line {
  position: relative;
  width: 1px;
}
.form-group-3 label .line:before {
  content: "";
  position: absolute;
  left: 50%;
  top: 50%;
  width: .75rem;
  height: 1px;
  background: #7c7e80;
  -webkit-transform: translate(-50%, -50%);
  -moz-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
}

.form-group-4, .form-group-4b {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -ms-flex-align: center;
  align-items: center;
  align-items: flex-start;
  margin-bottom: 1.25rem;
}
.form-group-4 .left, .form-group-4b .left {
  flex: 0 0 6rem;
  max-width: 6rem;
}
.form-group-4 .right, .form-group-4b .right {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -ms-flex-align: center;
  align-items: center;
  flex: 0 0 calc(100% - 6rem);
  max-width: calc(100% - 6rem);
}
.form-group-4 .left-2, .form-group-4b .left-2 {
  flex: 0 0 7rem;
  max-width: 7rem;
}
.form-group-4 .right-2, .form-group-4b .right-2 {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -ms-flex-align: center;
  align-items: center;
  flex: 0 0 calc(100% - 7rem);
  max-width: calc(100% - 7rem);
}
.form-group-4 .left-3, .form-group-4b .left-3 {
  flex: 0 0 5rem;
  max-width: 5rem;
}

.form-group-4 .right-3, .form-group-4b .right-3 {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -ms-flex-align: center;
  align-items: center;
  flex: 0 0 calc(100% - 5rem);
  max-width: calc(100% - 5rem);
}

.right-3 .icon-eye, .right-3 .icon-eyeslash {
  display: inline-block;
  position: absolute;
  right: 3.00rem;
  width: 2.25rem;
  height: 1.75rem;
  background: url(../images/icon_eyeslash.svg) no-repeat center/contain;
}

.right-3 .icon-eye {
  background: url(../images/icon_eye.svg) no-repeat center/contain;
}

.form-group-4 label, .form-group-4b label {
  margin-bottom: 0;
  color: #7c7e80;
}
.form-group-4 .form-word, .form-group-4b .form-word {
  flex: 0 0 100%;
  max-width: 100%;
}

.form-group-4 label {
  line-height: 2.5rem;
}

.form-group-4b label {
  line-height: 5.625rem;
}

.form-control::-webkit-outer-spin-button, .form-control::-webkit-inner-spin-button {
  -webkit-appearance: none;
}
.form-control[type="number"] {
  -moz-appearance: textfield;
}

.form-control-2 {
  padding: .375rem 3.875rem;
  height: 3.125rem;
  color: #fff;
  font-size: 1.25rem;
  background: rgba(255, 255, 255, 0.5);
  border-color: #fff;
  border-radius: 2rem;
  box-shadow: inset 0 0 1.25rem rgba(255, 255, 255, 0.75);
}
.form-control-2::-webkit-input-placeholder {
  color: #fff;
}
.form-control-2::-moz-placeholder {
  color: #fff;
}
.form-control-2:-ms-input-placeholder {
  color: #fff;
}
.form-control-2:focus {
  color: #fff;
  background: rgba(255, 255, 255, 0.5);
  border-color: #fff;
  box-shadow: inset 0 0 1.25rem rgba(255, 255, 255, 0.75);
}

.form-control-3, .form-control-4, .form-control-4b {
  height: 2.5rem;
  color: #5b5b5b;
  border-color: #e0e0e0;
  border-radius: 0;
}
.form-control-3::-webkit-input-placeholder, .form-control-4::-webkit-input-placeholder, .form-control-4b::-webkit-input-placeholder {
  color: #999;
}
.form-control-3::-moz-placeholder, .form-control-4::-moz-placeholder, .form-control-4b::-moz-placeholder {
  color: #999;
}
.form-control-3:-ms-input-placeholder, .form-control-4:-ms-input-placeholder, .form-control-4b:-ms-input-placeholder {
  color: #999;
}
.form-control-3:focus, .form-control-4:focus, .form-control-4b:focus {
  border-color: #c9c9cd;
}

.form-control-3 {
  margin-right: 1.125rem;
}

.form-control-4 {
  width: 30rem;
}

.form-control-4b {
  margin-right: .625rem;
  padding: .375rem .5rem;
  width: 2.375rem;
  text-align: center;
}

.form-select {
  position: relative;
}
.form-select:after {
  content: "";
  position: absolute;
  right: .625rem;
  top: 45%;
  width: .5rem;
  height: .5rem;
  border: .125rem solid #666;
  border-width: .125rem .125rem 0 0;
  -webkit-transform: translate(-50%, -50%) rotate(135deg);
  -moz-transform: translate(-50%, -50%) rotate(135deg);
  -ms-transform: translate(-50%, -50%) rotate(135deg);
  transform: translate(-50%, -50%) rotate(135deg);
  transition: all 0.5s;
}
.form-select .form-control {
  padding-right: 2rem;
  color: #5b5b5b;
  border-radius: 0;
  appearance: none;
  -moz-appearance: none;
  -webkit-appearance: none;
}
.form-select .form-control::-ms-expand {
  display: none;
}
.form-select .form-control:focus {
  border-color: #c9c9cd;
}

.form-select-2 .form-control {
  padding: .25rem 2rem .25rem .75rem;
  height: 2.125rem;
}

.pagination + .form-select-2 {
  margin-left: .625rem;
}

.form-select-3 {
  margin-right: 1.125rem;
}
.form-select-3 .form-control-3 {
  margin-right: 0;
  width: 12.5625rem;
}

.form-select-4 {
  margin-right: 1.125rem;
}
.form-select-4 .form-control-4 {
  width: 12.5625rem;
}

.form-datepicker {
  position: relative;
}
.form-datepicker .form-control-3 {
  padding: .375rem .75rem .375rem 2.875rem;
  width: 12.5625rem;
}
.form-datepicker .icon-calendar {
  display: inline-block;
  position: absolute;
  left: .8125rem;
  top: 50%;
  width: 1.375rem;
  height: 1.375rem;
  background: url(../images/icon_calendar.svg) no-repeat center/contain;
  -webkit-transform: translate(0, -50%);
  -moz-transform: translate(0, -50%);
  -ms-transform: translate(0, -50%);
  transform: translate(0, -50%);
}

.form-input {
  position: relative;
}
.form-input .form-control-4 {
  padding: .375rem 2.375rem .375rem .75rem;
}
.form-input .time {
  display: inline-block;
  position: absolute;
  right: .75rem;
  top: 50%;
  color: #7c7e80;
  -webkit-transform: translate(0, -50%);
  -moz-transform: translate(0, -50%);
  -ms-transform: translate(0, -50%);
  transform: translate(0, -50%);
}

.form-word, .form-word-2 {
  color: #aaa;
  font-size: .9375rem;
}
.form-word.form-red, .form-word-2.form-red {
  color: #fe8f7e;
}

.form-word {
  padding: .5rem .75rem 0;
}

.form-word-2 {
  padding: .25rem 0 .125rem;
}

.form-check {
  padding-left: 0;
}
.form-check input[type="checkbox"], .form-check input[type="radio"] {
  position: absolute;
  clip: rect(0, 0, 0, 0);
}
.form-check input[type="checkbox"]:checked + label:after, .form-check input[type="radio"]:checked + label:after {
  content: "";
  position: absolute;
  width: .625rem;
  height: .4375rem;
  border: 0.125rem solid #fff;
  border-width: .125rem .125rem 0 0;
  -webkit-transform: translate(-50%, -50%) rotate(135deg);
  -moz-transform: translate(-50%, -50%) rotate(135deg);
  -ms-transform: translate(-50%, -50%) rotate(135deg);
  transform: translate(-50%, -50%) rotate(135deg);
}
.form-check label {
  margin-bottom: 0;
}

.form-check-2 input[type="checkbox"] + label:before {
  content: "";
  position: absolute;
  left: 50%;
  top: 50%;
  width: 1rem;
  height: 1rem;
  background: #fff;
  border-radius: 0;
  border: 1px solid #5b5b5b;
  -webkit-transform: translate(-50%, -50%);
  -moz-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
}
.form-check-2 input[type="checkbox"]:checked + label:before {
  background: #ea433b;
  border-color: #ea433b;
}
.form-check-2 input[type="checkbox"]:checked + label:after {
  left: 50%;
  top: 49%;
}
.form-check-2 label {
  width: 1rem;
  height: 1rem;
}

.form-check-4, .form-check-4b {
  margin-right: 1rem;
}
.form-check-4 input[type="radio"]:checked + label, .form-check-4b input[type="radio"]:checked + label {
  border-color: #fe8f7e;
}
.form-check-4 input[type="radio"]:checked + label:before, .form-check-4b input[type="radio"]:checked + label:before {
  content: "";
  position: absolute;
  right: 0;
  bottom: 0;
  width: 0;
  height: 0;
  border-right: 1.5625rem solid #fe8f7e;
  border-top: 1.5625rem solid transparent;
}
.form-check-4 input[type="radio"]:checked + label:after, .form-check-4b input[type="radio"]:checked + label:after {
  right: -.125rem;
  bottom: .125rem;
}
.form-check-4 label, .form-check-4b label {
  width: 9.5rem;
  text-align: center;
  color: #999;
  border: 1px solid #e0e0e0;
  border-radius: 0;
}

.form-check-4 label {
  height: 2.5rem;
  line-height: 2.5rem;
}

.form-check-4b label {
  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: column;
  height: 5.625rem;
  line-height: 1;
}
.form-check-4b label .icon {
  margin-bottom: .5rem;
}

.btn-confirm, .btn-confirm-2, .btn-confirm-3, .btn-confirm-4 {
  margin-top: 2.875rem;
  padding: 0;
  height: 3.125rem;
  color: #fff;
  font-size: 1.25rem;
  line-height: calc(3.125rem - .125rem);
  background: #ea433b;
  border-radius: 2rem;
}
.btn-confirm:hover, .btn-confirm-2:hover, .btn-confirm-3:hover, .btn-confirm-4:hover {
  color: #fff;
}

.btn-confirm-2, .btn-confirm-3, .btn-confirm-4 {
  margin-top: 0;
  min-width: 5.625rem;
  height: 2.5rem;
  font-size: 1.125rem;
  line-height: calc(2.5rem - .125rem);
}

.btn-confirm-3 {
  margin-right: .375rem;
  min-width: 11.375rem;
}

.btn-confirm-4 {
  margin: 0 .5rem;
  min-width: 10rem;
}

.btn-logout {
  padding: 0;
  height: 2.125rem;
  min-width: 4.125rem;
  color: #fff;
  font-size: 1rem;
  line-height: calc(2.125rem - .125rem);
  background: #d6ae7b;
  background: -webkit-linear-gradient(left, #d6ae7b, #eacda3);
  background: -moz-linear-gradient(right, #d6ae7b, #eacda3);
  background: -o-linear-gradient(right, #d6ae7b, #eacda3);
  background: linear-gradient(to right, #d6ae7b, #eacda3);
  border-radius: 2rem;
}
.btn-logout:hover {
  color: #fff;
}

.btn-modify {
  padding: 0;
  height: 2.375rem;
  min-width: 7.375rem;
  color: #f6f6f6;
  font-size: 1rem;
  line-height: calc(2.375rem - .125rem);
  background: #fe8f7e;
  border-radius: 0;
}
.btn-modify:hover {
  color: #f6f6f6;
}

.btn-cancel {
  margin: 0 .5rem;
  padding: 0;
  min-width: 10rem;
  height: 2.5rem;
  color: #ea433b;
  font-size: 1.125rem;
  line-height: calc(2.5rem - .125rem);
  border: 1px solid #ea433b;
  background: #fff;
  border-radius: 2rem;
}
.btn-cancel:hover {
  color: #ea433b;
}

.people-outer {
  position: absolute;
  left: -5rem;
  top: 7rem;
  z-index: 2;
}

.login-outer {
  position: absolute;
  right: 2.125rem;
  top: 10.375rem;
  width: 37.75rem;
  z-index: 2;
}
.login-outer .logo-outer {
  position: absolute;
  left: -1.5rem;
  top: -2.875rem;
}
.login-outer .partner-outer, .login-outer .icon-outer {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -ms-flex-align: center;
  align-items: center;
  justify-content: space-around;
}
.login-outer .partner-outer > li, .login-outer .icon-outer > li {
  list-style: none;
}
.login-outer .partner-outer > li .image, .login-outer .partner-outer > li .icon, .login-outer .icon-outer > li .image, .login-outer .icon-outer > li .icon {
  margin: 0 auto .375rem;
  width: 4.375rem;
}
.login-outer .partner-outer > li .icon, .login-outer .icon-outer > li .icon {
  margin-bottom: 0;
}
.login-outer .partner-outer > li .title, .login-outer .icon-outer > li .title {
  text-align: center;
  color: #fff;
  font-size: .875rem;
  line-height: 1.2;
}
.login-outer .partner-outer {
  padding: 11rem .75rem 1.25rem;
}
.login-outer .icon-outer {
  padding-top: .625rem;
}
.login-outer .form-outer-2 {
  padding: 2.125rem 2rem 2.5rem;
  background: rgba(255, 255, 255, 0.2);
  border-radius: .625rem;
}

.menu-outer {
  padding: 1.25rem 0;
  min-height: 37.5rem;
  background: #fff;
  border-radius: .5625rem;
  box-shadow: 0.375rem 0.625rem 1rem rgba(108, 108, 108, 0.2);
}

.card-2 {
  border: 0;
  border-radius: 0;
}
.card-2 .card-header {
  padding: 0;
  background: none;
  border: 0;
  border-radius: 0;
}
.card-2 .card-header .card-link {
  position: relative;
  padding: .875rem 1.25rem;
  color: #1e1b1c;
  font-size: 1.0625rem;
}
.card-2 .card-header .card-link.active {
  color: #ee0000;
}
.card-2 .card-header .card-link .icon {
  display: inline-block;
  margin-right: 1.25rem;
  width: 1.5rem;
  height: 1.5rem;
  text-align: center;
  vertical-align: .125rem;
  line-height: 1.5rem;
  opacity: .75;
}
.card-2 .card-header .card-link .icon img {
  width: 100%;
}
.card-2 .card-header .card-link[data-toggle=collapse]:after {
  content: "";
  position: absolute;
  right: 1.25rem;
  top: 48%;
  width: .5rem;
  height: .5rem;
  border: .125rem solid #666;
  border-width: .125rem .125rem 0 0;
  -webkit-transform: translate(-50%, -50%) rotate(135deg);
  -moz-transform: translate(-50%, -50%) rotate(135deg);
  -ms-transform: translate(-50%, -50%) rotate(135deg);
  transform: translate(-50%, -50%) rotate(135deg);
  transition: all 0.5s;
}
.card-2 .card-header .card-link[data-toggle=collapse].collapsed:after {
  top: 56%;
  -webkit-transform: translate(-50%, -50%) rotate(-45deg);
  -moz-transform: translate(-50%, -50%) rotate(-45deg);
  -ms-transform: translate(-50%, -50%) rotate(-45deg);
  transform: translate(-50%, -50%) rotate(-45deg);
}
.card-2 .card-body {
  margin-top: -.5rem;
  padding: 0 0 .5rem;
  min-height: auto;
}
.card-2 .card-body .card-link {
  padding: .3125rem 1.25rem .3125rem 4.75rem;
  color: #5b5b5b;
  font-size: 1rem;
}
.card-2 .card-body .card-link:before {
  content: "";
  display: inline-block;
  margin-right: .875rem;
  width: .625rem;
  height: .125rem;
  vertical-align: .25rem;
  background: #5b5b5b;
  opacity: .5;
}
.card-2 .card-body .card-link.active {
  color: #ee0000;
}
.card-2 .card-link {
  display: block;
}
.card-2 .card-link + .card-link {
  margin-left: 0;
}

.value-outer {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -ms-flex-align: center;
  align-items: center;
  margin: 0 -.375rem;
  padding-top: .375rem;
}
.value-outer > li {
  flex: 0 0 calc(25% - .75rem);
  margin: 0 .375rem 0.175rem;
  padding: 1rem .75rem .875rem;
  max-width: calc(25% - .75rem);
  text-align: center;
  border-radius: .5rem;
  list-style: none;
}
.value-outer > li:nth-child(4n+1) {
  background: url(../images/bg_value_01.png) no-repeat center/cover;
}
.value-outer > li:nth-child(4n+2) {
  background: url(../images/bg_value_02.png) no-repeat center/cover;
}
.value-outer > li:nth-child(4n+3) {
  background: url(../images/bg_value_03.png) no-repeat center/cover;
}
.value-outer > li:nth-child(4n+4) {
  background: url(../images/bg_value_04.png) no-repeat center/cover;
}
.value-outer > li .icon {
  margin-bottom: 1rem;
}
.value-outer > li .count, .value-outer > li .title {
  color: #fff;
  font-size: 1.25rem;
  line-height: 1.2;
}
.value-outer > li .count {
  margin-bottom: .125rem;
}
.value-outer > li .title {
  font-size: 1rem;
  opacity: .75;
}

.title-outer {
  padding-bottom: .5rem;
}
.title-outer .title {
  padding-left: .375rem;
  color: #1e1b1c;
  font-size: 1.375rem;
  font-weight: bold;
  font-family: "Microsoft YaHei";
  letter-spacing: .125rem;
}
.title-outer .btn-back {
  display: inline-block;
  position: relative;
}
.title-outer .btn-back:before {
  content: "";
  display: inline-block;
  margin-right: .25rem;
  width: .625rem;
  height: .625rem;
  vertical-align: -.25rem;
  border: .125rem solid #666;
  border-width: .125rem .125rem 0 0;
  -webkit-transform: translate(-50%, -50%) rotate(225deg);
  -moz-transform: translate(-50%, -50%) rotate(225deg);
  -ms-transform: translate(-50%, -50%) rotate(225deg);
  transform: translate(-50%, -50%) rotate(225deg);
}

.search-outer-2 {
  padding-top: .5rem;
}

.nodata-outer {
  padding: 1.875rem 0 0.775rem;
  text-align: center;
}
.nodata-outer .title {
  font-size: 1.125rem;
}

.amount-outer {
  position: relative;
}
.amount-outer > li {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -ms-flex-align: center;
  align-items: center;
  margin-bottom: 1rem;
  padding: 1rem 1.25rem;
  width: 18.75rem;
  background: url(../images/bg_amount.png) no-repeat center/cover;
  border-radius: .5rem;
  list-style: none;
}
.amount-outer > li .icon {
  margin-right: 1rem;
}
.amount-outer > li .title, .amount-outer > li .count {
  color: #fff;
  font-size: 1.25rem;
  line-height: 1.3;
}
.amount-outer > li .title {
  font-size: 1rem;
  opacity: .75;
}
.amount-outer .form-word {
  position: absolute;
  left: 19rem;
  bottom: .625rem;
}

.finance-outer {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -ms-flex-align: center;
  align-items: center;
  margin: 0 -.625rem;
}
.finance-outer > li {
  flex: 0 0 calc(33.333333% - 1.5rem);
  margin: 0 .75rem 1.25rem;
  padding: 1.375rem 1.25rem 1.1875rem;
  max-width: calc(33.333333% - 1.5rem);
  border-radius: .5rem;
  list-style: none;
}
.finance-outer > li:nth-child(4n+1) {
  background: rgba(255, 94, 92, 0.5);
  background: -webkit-linear-gradient(top, rgba(255, 94, 92, 0.5), rgba(254, 143, 126, 0.5));
  background: -moz-linear-gradient(bottom, rgba(255, 94, 92, 0.5), rgba(254, 143, 126, 0.5));
  background: -o-linear-gradient(bottom, rgba(255, 94, 92, 0.5), rgba(254, 143, 126, 0.5));
  background: linear-gradient(to bottom, rgba(255, 94, 92, 0.5), rgba(254, 143, 126, 0.5));
}
.finance-outer > li:nth-child(4n+2) {
  background: rgba(122, 121, 223, 0.5);
  background: -webkit-linear-gradient(top, rgba(122, 121, 223, 0.5), rgba(175, 189, 254, 0.5));
  background: -moz-linear-gradient(bottom, rgba(122, 121, 223, 0.5), rgba(175, 189, 254, 0.5));
  background: -o-linear-gradient(bottom, rgba(122, 121, 223, 0.5), rgba(175, 189, 254, 0.5));
  background: linear-gradient(to bottom, rgba(122, 121, 223, 0.5), rgba(175, 189, 254, 0.5));
}
.finance-outer > li:nth-child(4n+3) {
  background: rgba(255, 151, 75, 0.5);
  background: -webkit-linear-gradient(top, rgba(255, 151, 75, 0.5), rgba(254, 200, 117, 0.5));
  background: -moz-linear-gradient(bottom, rgba(255, 151, 75, 0.5), rgba(254, 200, 117, 0.5));
  background: -o-linear-gradient(bottom, rgba(255, 151, 75, 0.5), rgba(254, 200, 117, 0.5));
  background: linear-gradient(to bottom, rgba(255, 151, 75, 0.5), rgba(254, 200, 117, 0.5));
}
.finance-outer > li:nth-child(4n+4) {
  background: rgba(53, 151, 224, 0.5);
  background: -webkit-linear-gradient(top, rgba(53, 151, 224, 0.5), rgba(93, 203, 252, 0.5));
  background: -moz-linear-gradient(bottom, rgba(53, 151, 224, 0.5), rgba(93, 203, 252, 0.5));
  background: -o-linear-gradient(bottom, rgba(53, 151, 224, 0.5), rgba(93, 203, 252, 0.5));
  background: linear-gradient(to bottom, rgba(53, 151, 224, 0.5), rgba(93, 203, 252, 0.5));
}
.finance-outer > li .title, .finance-outer > li .count {
  color: #000;
  font-size: 1.25rem;
  line-height: 1.2;
}
.finance-outer > li .title {
  margin-bottom: .375rem;
  font-size: 1rem;
  opacity: .75;
}
.finance-outer > li .count .negative {
  color: #f03833;
}
.finance-outer > li .count .positive {
  color: #000;
}

.table-outer {
  padding-top: .5rem;
  border: 1px solid rgba(201, 201, 205, 0.35);
}
.table-outer .table-tr {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -ms-flex-align: center;
  align-items: center;
  justify-content: space-between;
}
.table-outer .table-tr.border-bottom {
  margin-bottom: .5rem;
  border-bottom: 1px solid rgba(201, 201, 205, 0.35) !important;
}
.table-outer .table-tr .table-td {
  padding: 0 1.5rem .5rem;
  font-size: 1rem;
}
.table-outer .table-tr .table-td.padding-left {
  padding-left: 2.5rem;
}
.table-outer .table-tr .table-td.plus {
  color: #5edda3;
}
.table-outer .table-tr .table-td.minus {
  color: #fe8f7e;
}

.personal-outer {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -ms-flex-align: center;
  align-items: center;
  align-items: flex-start;
}
.personal-outer .icon {
  display: inline-block;
  flex: 0 0 7.75rem;
  padding-top: .5rem;
  max-width: 7.75rem;
}
.personal-outer .icon img {
  width: 6.25rem;
}
.personal-outer .detail-outer {
  flex: 0 0 calc(100% - 7.75rem);
  max-width: calc(100% - 7.75rem);
}
.personal-outer .detail-outer > li {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -ms-flex-align: center;
  align-items: center;
  margin-bottom: 1.25rem;
}
.personal-outer .detail-outer > li .left {
  flex: 0 0 5rem;
  max-width: 5rem;
}
.personal-outer .detail-outer > li .right {
  flex: 0 0 calc(100% - 5rem);
  max-width: calc(100% - 5rem);
}
.personal-outer .detail-outer > li .title {
  color: #7c7e80;
  font-size: 1rem;
  line-height: 2.5rem;
  font-weight: normal;
}
.personal-outer .detail-outer > li .content {
  padding: 0 .75rem;
  height: 2.5rem;
  color: #999;
  line-height: 2.5rem;
  border-bottom: 1px solid #e0e0e0;
  border-radius: 0;
}

.agent-outer {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -ms-flex-align: center;
  align-items: center;
  flex-direction: column;
  padding-top: .5rem;
}
.agent-outer > li {
  margin-bottom: 1.875rem;
  padding: 2.75rem 5rem 1.5rem;
  width: 25rem;
  text-align: center;
  background: url(../images/bg_agent.png) no-repeat center/cover;
  border-radius: .5rem;
  list-style: none;
}
.agent-outer > li .image {
  margin-bottom: 1rem;
  background: #fff;
}
.agent-outer > li .image img {
  width: 15rem;
}
.agent-outer > li .content {
  color: #fff;
  font-size: 1rem;
  line-height: 1.8;
}

.contact-outer {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -ms-flex-align: center;
  align-items: center;
  margin: 0 -.625rem;
  padding-top: .5rem;
}
.contact-outer > li {
  flex: 0 0 calc(33.333333% - 1.5rem);
  margin: 0 .75rem;
  padding: 1.875rem .75rem;
  max-width: calc(33.333333% - 1.5rem);
  text-align: center;
  border: 1px solid #fe8f7e;
  border-radius: .5rem;
  list-style: none;
}
.contact-outer > li .icon {
  margin-bottom: 1.75rem;
}
.contact-outer > li .title {
  margin-bottom: 1.5rem;
  color: rgba(0, 0, 0, 0.75);
  font-size: 1rem;
  line-height: 1.2;
}

.link-outer {
  padding-top: .5rem;
}
.link-outer > li {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -ms-flex-align: center;
  align-items: center;
  margin-bottom: 1.25rem;
  padding: 1.25rem 1.875rem;
  border: 1px solid #fe8f7e;
  border-radius: .5rem;
  list-style: none;
}
.link-outer > li .left {
  flex: 0 0 5rem;
  max-width: 5rem;
}
.link-outer > li .right {
  flex: 0 0 calc(100% - 5rem);
  max-width: calc(100% - 5rem);
  position: relative;
}
.link-outer > li .icon {
  margin-right: 1.25rem;
}
.link-outer > li .title {
  margin-bottom: .5rem;
  color: rgba(0, 0, 0, 0.75);
  font-size: 1.125rem;
}
.link-outer > li .content {
  color: rgba(0, 0, 0, 0.75);
  font-size: 1rem;
}
.link-outer > li .btn {
  position: absolute;
  right: 0;
  top: 50%;
  -webkit-transform: translate(0, -50%);
  -moz-transform: translate(0, -50%);
  -ms-transform: translate(0, -50%);
  transform: translate(0, -50%);
}

.material-outer > li {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -ms-flex-align: center;
  align-items: center;
  padding: 1.25rem 1.875rem;
  border: 1px solid #fe8f7e;
  border-radius: .5rem;
  list-style: none;
}
.material-outer > li .left {
  flex: 0 0 calc(100% - 7.5rem);
  max-width: calc(100% - 7.5rem);
}
.material-outer > li .right {
  flex: 0 0 7.5rem;
  max-width: 7.5rem;
  position: relative;
}
.material-outer > li .image a {
  display: inline-block;
}
.material-outer > li .image img {
  max-width: 100%;
}
.material-outer > li .content {
  margin-bottom: -.125rem;
  padding-top: .5rem;
  color: #aaa;
  font-size: .9375rem;
}
.material-outer > li .btn {
  position: absolute;
  right: 0;
  top: 50%;
  -webkit-transform: translate(0, -50%);
  -moz-transform: translate(0, -50%);
  -ms-transform: translate(0, -50%);
  transform: translate(0, -50%);
}

.detail-outer {
  padding-top: .25rem;
}
.detail-outer .title {
  margin-bottom: .375rem;
  color: #1e1b1c;
  font-size: 1.3125rem;
  font-weight: bold;
}
.detail-outer .date {
  margin-bottom: 1rem;
  color: #ea433b;
  font-size: .9375rem;
  font-family: Arial;
}
.detail-outer .content {
  line-height: 1.8;
}
.detail-outer .content p {
  line-height: 1.8;
}

@media (max-height: 800px) {
  .people-outer {
    top: 1.625rem;
  }

  .login-outer {
    top: 3rem;
  }
}

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