body {
  width: 100%;
  background-color: #ffffff;
  color: #000000;
  font-family: "微软雅黑", "PingFangSC-Medium";
  font-size: 0.34375rem;
}

.pd-b120 {
  padding-bottom: 1.875rem;
}

.pd-b190 {
  padding-bottom: 2.96875rem;
}

.white-bg {
  background-color: #ffffff;
}

.mg-10 {
  margin: 0.15625rem;
}

.mg-20 {
  margin: 0.3125rem;
}

.mg-30 {
  margin: 0.46875rem;
}

.mg-t10 {
  margin-top: 0.15625rem;
}

.mg-b10 {
  margin-bottom: 0.15625rem;
}

.mg-l10 {
  margin-left: 0.15625rem;
}

.mg-r10 {
  margin-right: 0.15625rem;
}

.mg-l20 {
  margin-left: 0.3125rem;
}

.mg-r20 {
  margin-right: 0.3125rem;
}

.mg-t30 {
  margin-top: 0.46875rem;
}

.mg-l30 {
  margin-left: 0.46875rem;
}

.mg-r30 {
  margin-right: 0.46875rem;
}

.mg-70 {
  margin: 1.09375rem;
}

.mg-t70 {
  margin-top: 1.09375rem;
}

.mg-l70 {
  margin-left: 1.09375rem;
}

.mg-r70 {
  margin-right: 1.09375rem;
}

.z-index-2 {
  z-index: 2;
}

.border {
  border: 1px solid #d9d9d9;
}

.border-top {
  border-top: 1px solid #d9d9d9;
}

.border-bottom {
  border-bottom: 1px solid #d9d9d9;
}

.border-top2 {
  border-top: 1px solid #d9d9d9;
}

.border-bottom2 {
  border-bottom: 1px solid #d9d9d9;
}

.border-radius-10 {
  border-radius: 0.15625rem;
}

.color-icons1 {
  color: #5dafa3;
}

.color-icons2 {
  color: #ff723b;
}

.color-icons3 {
  color: #5d6e96;
}

.color-icons4 {
  color: #ca6992;
}

.color-icons5 {
  color: #f55a5a;
}

.color-icons6 {
  color: #2a9cd1;
}

.color-icons7 {
  color: #f9990c;
}

.color-icons8 {
  color: #66b566;
}

.background-color-icons1 {
  background-color: #5dafa3;
}

.background-color-icons2 {
  background-color: #ff723b;
}

.background-color-icons3 {
  background-color: #5d6e96;
}

.background-color-icons4 {
  background-color: #ca6992;
}

.background-color-icons5 {
  background-color: #f55a5a;
}

.background-color-icons6 {
  background-color: #2a9cd1;
}

.background-color-icons7 {
  background-color: #f9990c;
}

.background-color-icons8 {
  background-color: #66b566;
}

.border-radius-16 {
  -webkit-border-radius: 0.25rem;
  -moz-border-radius: 0.25rem;
  -o-border-radius: 0.25rem;
  border-radius: 0.25rem;
}

.white-items {
  background-color: #ffffff;
}

.flex {
  display: flex;
}
.btn, .btn2 {
  display: flex;
}

.btn a, .btn2 a {
  display: block;
  flex-grow: 1;
  text-align: center;
  color: #ffffff;
  background: -webkit-linear-gradient(to right, #2ECC71, #2ECC71);
  background: -moz-linear-gradient(to right, #2ECC71, #2ECC71);
  background: -o-linear-gradient(to right, #2ECC71, #2ECC71);
  background: linear-gradient(to right, #2ECC71, #2ECC71);
  font-size: 0.34375rem;
}

.btn3 {
  display: flex;
}

.btn3 a {
  flex-grow: 1;
  text-align: center;
  color: #ffffff;
  background-color: #f9990c;
  font-size: 0.34375rem;
  height: 0.9375rem;
  line-height: 1.0625rem;
  display: block;
}

.btn a {
  height: 1.09375rem;
  line-height: 1.21875rem;
  width: 0;
}

.btn2 a {
  height: 0.9375rem;
  line-height: 1.0625rem;
  display: block;
}

.btn2 .gray-bg {
  background-color: #808080;
}

input[type=color], input[type=date], input[type=datetime-local], input[type=datetime], input[type=email], input[type=month], input[type=number], input[type=password], input[type=search], input[type=tel], input[type=text], input[type=time], input[type=url], input[type=week], select, textarea {
  margin: 0;
  padding: 0;
}

.mui-popup {
  width: 8.59375rem;
}

.mui-popup .mui-popup-title {
  text-align: left;
  font-size: 0.4375rem;
  height: 0.9375rem;
  line-height: 0.625rem;
  border-bottom: 1px solid #dedede;
}

.mui-popup .tcc p, .mui-popup .tcc .cdqx {
  height: 0.78125rem;
  line-height: 0.78125rem;
  margin-top: 0.3125rem;
  display: flex;
}

.mui-popup .tcc p label, .mui-popup .tcc .cdqx label {
  display: block;
  width: 2.5rem;
  text-align: right;
  margin-right: 0.15625rem;
}

.mui-popup .tcc p input, .mui-popup .tcc .cdqx input, .mui-popup .tcc p strong, .mui-popup .tcc .cdqx strong, .mui-popup .tcc p select, .mui-popup .tcc .cdqx select, .mui-popup .tcc p button, .mui-popup .tcc .cdqx button, .mui-popup .tcc p div.cdxq-content, .mui-popup .tcc .cdqx div.cdxq-content {
  background-color: #f7f7ec;
  border: 1px solid #d5d5b9!important;
  display: block;
  flex-grow: 1;
  height: 0.75rem;
  line-height: 0.75rem;
  padding-left: 0.15625rem;
  width: 0;
  font-weight: normal;
  text-align: left;
}

.mui-popup .tcc p input.disabled, .mui-popup .tcc .cdqx input.disabled {
  background-color: #d9d9d9;
}

.mui-popup .tcc p span, .mui-popup .tcc .cdqx span {
  font-size: 0.34375rem;
  color: #f00;
  margin-left: 0.15625rem;
}

.mui-popup .tcc p button, .mui-popup .tcc .cdqx button {
  border: 0;
  padding-right: 0.15625rem;
}

.mui-popup .tcc p button span, .mui-popup .tcc .cdqx button span {
  color: #000000;
  margin-left: 0;
  display: flex;
}

.mui-popup .tcc p button strong, .mui-popup .tcc .cdqx button strong {
  border: 0!important;
  padding-left: 0;
  background: none;
}

.mui-popup .radio {
  height: 0.78125rem;
  line-height: 0.78125rem;
  margin-top: 0.3125rem;
  display: flex;
}

.mui-popup .radio label {
  display: block;
  width: 2.5rem;
  text-align: right;
  margin-right: 0.15625rem;
  color: #8f8f94;
}

.mui-popup .radio .mui-input-group {
  display: flex;
  background: none;
}

.mui-popup .radio .mui-input-group:after, .mui-popup .radio .mui-input-group:before, .mui-popup .radio .mui-input-group .mui-input-row:after {
  height: 0;
}

.kc-title {
  display: flex;
}

.kc-title p {
  flex-grow: 1;
  text-align: center;
  height: 0.78125rem;
  line-height: 0.78125rem;
  margin-top: 0.234375rem;
}

.kc-title p strong {
  display: block;
  text-align: center;
  font-weight: normal;
  margin: 0 auto;
}

.kc-title a, .kc-title a:visited {
  display: block;
  width: 2.03125rem;
  height: 0.78125rem;
  background-color: #009b4c;
  color: #ffffff;
  border-radius: 0.78125rem;
  line-height: 0.78125rem;
  text-align: center;
  margin-top: 0.2rem;
  margin-right: 0.15625rem;
  font-family: "微软雅黑", "PingFangSC-Medium";
  font-weight: normal;
  font-size: 0.40375rem;
}

.kc-title a span, .kc-title a:visited span {
  display: inline-block;
}

.kc-title a .icon, .kc-title a:visited .icon {
  margin-right: 0.15625rem;
  /* padding-top: -0.046875rem; */
  color: #ffffff;
  display: inline-block;
  font-size: inherit;
}

.dbText {
  width: 10rem;
  z-index: 99999;
  padding: 0.15625rem 0.3125rem;
  line-height: 0.625rem;
  background: #ffffff;
  border-top: 1px solid #d9d9d9;
  position: fixed;
  left: 0;
  bottom: 0;
}

.dbText span {
  margin: 0 0.15625rem;
  color: #f55a5a;
}

.ui-widget-content {
  z-index: 10004;
  width: 200px;
}

.mui-backdrop {
  z-index: 10000;
}

html, body {
  height: 100vh;
  overflow: hidden;
}

body {
  background: url(../img/bg.jpg) left bottom no-repeat;
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
  padding-bottom: 0;
}

input::-webkit-input-placeholder {
  color: #a6d1a6;
}

input:-moz-placeholder {
  color: #a6d1a6;
}

input::-moz-placeholder {
  color: #a6d1a6;
}

input::-ms-input-placeholder {
  color: #a6d1a6;
}


 .logo-mid {
  text-align: center;
  margin-top: 1.5rem;
}

.mg-70 {
  margin: 0.3rem 0.8rem!important;
}

.clear {
  position: absolute;
  top: 0.46875rem;
  right: 0.46875rem;
  width: 0.625rem;
  height: 0.625rem;
  border-radius: 0.3125rem;
  background-color: #24b940;
  line-height: 0.625rem;
}

.clear .icon {
  color: #ffffff;
  font-size: 0.375rem;
  padding-left: 0.109375rem;
}

.logo {
  width: 100%;
}

.logo img {
  width: 100%;
}

.logo-mid img {
  /* margin-top: 1.5rem; */
  width: 4.84375rem;
  height: 2.765625rem;
}

.login {
  /* margin-top: 1rem; */
}

.login h4 {
  font-size: 0.53125rem;
  color: #5d965d;
  height: 1.375rem;
  font-weight: 500;
  line-height: 1.375rem;
}

.login ul li {
  display: flex;
  border-bottom: 1px solid #cedfce;
  height: 1.25rem;
  line-height: 1.25rem;
  margin-bottom: 0.34375rem;
  padding: 0 0 0 0.46875rem;
  background-color: #ffffff;
  overflow: hidden;
}

.login ul li .icon {
  font-size: 0.53125rem;
  color: #a6d1a6;
}

.login ul li input {
  border: 0;
  color: #5d965d;
  height: 1.234375rem;
  line-height: 1.234375rem;
  margin-left: 0.625rem;
  font-size: 0.53125rem;
}

.btn a {
  font-size: 0.48rem;
  height: 1.4rem;
  line-height: 1.4rem;
}

.pass-form-item-submit {
  height: 1.375rem;
  line-height: 1.375rem;
  display: flex;
}

.pass-form-item-submit a {
  display: block;
  flex-grow: 1;
  color: #5d965d;
  font-size: 0.4375rem;
}

.pass-form-item-submit a:nth-of-type(2) {
  text-align: right;
}

.forget-password h4, .change-password h4 {
  font-size: 0.53125rem;
  color: #5d965d;
  height: 1.375rem;
  font-weight: 500;
  line-height: 1.375rem;
}

.forget-password ul, .change-password ul,.grxx-items ul{
  border: 1px solid #cedfce;
  margin-bottom: 0.375rem;
}

.forget-password ul li, .change-password ul li, .grxx-items ul li{
  display: flex;
  height: 1.25rem;
  line-height: 1.25rem;
  background-color: #ffffff;
  border-bottom: 1px solid #cedfce;
  overflow: hidden;
}

.forget-password ul li .icon, .change-password ul li .icon,.grxx-items ul li .icon {
  font-size: 0.53125rem;
  color: #a6d1a6;
  margin-left: 0.3125rem;
  margin-right: 0.625rem;
}

.forget-password ul li input, .change-password ul li input, .forget-password ul li label, .change-password ul li label, .grxx-items ul li label,.grxx-items ul li input{
  border: 0;
  color: #5d965d;
  height: 0.625rem;
  line-height: 0.625rem;
  margin: 0.265625rem 0;
  font-size: 0.53125rem;
}

.forget-password ul li label, .change-password ul li label,.grxx-items ul li label {
  width: 4.375rem;
  margin-left: 0.3125rem;
  text-align: right;
}

.forget-password ul li button, .change-password ul li button , {
  display: block;
  width: 3.4375rem;
  border: 0;
  border-left: 1px solid #cedfce;
  border-top-left-radius: 0;
  border-bottom-left-radius: 0;
  background-color: #e5f5ed;
  color: #009b4c;
  font-size: 0.34375rem;
  text-align: center;
}
.grxx-items ul li button{
  display: block;
  width: 3.4375rem;
  border: 0;
  border-left: 1px solid #cedfce;
  border-top-left-radius: 0;
  border-bottom-left-radius: 0;
  background-color: #666666;
  color: #ffffff;
  font-size: 0.34375rem;
  text-align: center;
}
.forget-password ul li button.disable, .change-password ul li button.disable{
  background: #d9d9d9 !important;
  color: #ffffff;
}
.grxx-items ul li button.disable{
  background-color: #24b940;
  color: #ffffff;
}
.grxx-items ul li button.disabled{
  background-color: #666666;
  color: #ffffff;
}
.forget-password ul li:nth-of-type(1), .change-password ul li:nth-of-type(1) {
  -webkit-border-top-left-radius: 0.15625rem;
  -webkit-border-top-right-radius: 0.15625rem;
  -moz-border-top-left-radius: 0.15625rem;
  -moz-border-top-right-radius: 0.15625rem;
  -o-border-top-left-radius: 0.15625rem;
  -o-border-top-right-radius: 0.15625rem;
  border-top-left-radius: 0.15625rem;
  border-top-right-radius: 0.15625rem;
}

.forget-password ul li:last-child, .change-password ul li:last-child {
  -webkit-border-bottom-left-radius: 0.15625rem;
  -webkit-border-bottom-right-radius: 0.15625rem;
  -moz-border-bottom-left-radius: 0.15625rem;
  -moz-border-bottom-right-radius: 0.15625rem;
  -o-border-bottom-left-radius: 0.15625rem;
  -o-border-bottom-right-radius: 0.15625rem;
  border-bottom-right-radius: 0.15625rem;
  border-bottom-left-radius: 0.15625rem;
  border-bottom: 0;
}

.forget-password p a, .change-password p a {
  text-align: right;
  display: block;
  color: #009b4c;
  margin-top: 0.3125rem;
}

.pass-form-item-submit {
  /* margin-top: 0.5rem; */
}
#yzm-btn{
  background: linear-gradient(to right, #2ECC71, #2ECC71);
  color: #fff;
  opacity: 1;
  font-size: .428rem;
  width: 5rem;
}

#tabsBox button{
  width: 100%;
  border: none;
  outline: none;
  color: #2ECC71;
  background: #fff;
  line-height: 2;
  border: 1px solid #2ECC71;
  font-size: 0.45rem;
}
#tabsBox .activeBtn{
  color: #fff;
  background: #2ECC71;
}