body,
div,
dl,
dt,
dd,
ul,
ol,
li,
h1,
h2,
h3,
h4,
h5,
h6,
pre,
form,
fieldset,
input,
p,
blockquote,
th,
td {
  margin: 0;
  padding: 0;
  font-family: 微软雅黑;
}
h1,
h2,
h3,
h4,
h5,
h6 {
  font-weight: normal;
}
ol,
ul {
  list-style: none;
}
address,
caption,
cite,
code,
dfn,
em,
th,
var {
  font-style: normal;
  font-weight: normal;
}
fieldset,
img {
  border: none;
}
/*img{vertical-align:top;}*/
input,
button {
  vertical-align: middle;
  color: #6b5f53;
  outline: none;
}
caption,
th {
  text-align: left;
}
a {
  text-decoration: none;
  color: #333;
}
a:hover {
  color: #348660;
  text-decoration: none;
}
a:focus {
  text-decoration: none;
}
body,
html {
  font-size: 14px;
  overflow-x: hidden;
  color: #333;
}
body::-webkit-scrollbar {
  width: 7px;
  height: 7px;
  background-color: #F5F5F5;
}
body::-webkit-scrollbar-track {
  background-color: #fff;
}
body::-webkit-scrollbar-thumb {
  border-radius: 10px;
  box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.1);
  -webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.1);
  background-color: #c8c8c8;
}
.fcbase {
  color: #348660;
}
.fcred {
  color: red;
}
.fcgray {
  color: #666;
}
.fcyellow {
  color: #ffbd3d;
}
.graybg {
  background-color: #eee;
}
.lightbg {
  background-color: rgba(52, 134, 96, 0.1);
}
.fs18 {
  font-size: 18px;
}
.btn {
  background-color: #348660;
  border: 1px solid #348660;
  color: #fff;
  padding: 4px 6px;
  border-radius: 5px;
}
.btn:hover {
  opacity: 0.8;
  color: #fff;
}
.btn.disabled,
.btn:disabled {
  opacity: 1;
  background-color: #d8d8d8 !important;
  border-color: #d8d8d8 !important;
  cursor: not-allowed;
}
.btn-yellow {
  background-color: #ffbd3d;
  border-color: #ffbd3d;
}
.btn-red {
  background-color: red;
  border-color: red;
}
.btn-blue {
  background-color: #016ca1;
  border-color: #016ca1;
}
.btn-gray {
  background-color: #bbb;
  border-color: #bbb;
}
.is-invalid + .chosen-container-single .chosen-single {
  border-color: #dc3545 !important;
}
.chosen-container-single .chosen-single {
  height: 48px;
  border-color: #d8d8d8;
  border-radius: 5px;
  background: #fff url(/static/css/select-ico.png) no-repeat right 5px center;
  outline: none;
}
.chosen-container-single .chosen-single span {
  line-height: 48px;
}
select.form-control {
  appearance: none;
  -moz-appearance: none;
  -webkit-appearance: none;
  background: #fff url(/static/css/select-ico.png) no-repeat right 5px center;
}
select.form-control::-ms-expand {
  display: none;
}
.layui-layer-btn .layui-layer-btn0 {
  border-color: #ee731f !important;
  background-color: #ee731f !important;
}
ul.tabletolist ul > li .row_headers {
  font-weight: normal;
}
ul.tabletolist > li > ul > li {
  border-bottom: 1px solid #ddd;
}
ul.tabletolist.nrh > li:nth-of-type(odd) {
  background-color: rgba(52, 134, 96, 0.1);
}
.fl {
  float: left;
}
.fr {
  float: right;
}
.clearfloat:after {
  content: "";
  display: block;
  clear: both;
}
.wrap {
  width: 100%;
  margin: 0 auto;
}
.wrap:after {
  display: block;
  clear: both;
  content: '';
}
.page-wrap {
  width: 1200px;
}
.jishu {
  position: fixed;
  right: 0;
  bottom: 10%;
  background-color: #348660;
  color: #fff;
  padding: 10px 20px;
  z-index: 999;
}
.jishu a {
  color: #fff;
}
.jishu a:hover {
  color: #ffbd3d;
}
.decimal-list {
  padding-left: 20px;
  list-style: decimal;
}
.kuohao-list {
  list-style-type: none;
  counter-reset: sectioncounter;
}
.kuohao-list li:before {
  content: counter(sectioncounter) '）';
  counter-increment: sectioncounter;
}
.login-bg {
  background: url(../images/img2.jpg) no-repeat center center;
  background-size: cover;
  height: 100vh;
}
.login-wrap .con:after {
  display: block;
  content: '';
  clear: both;
}
.login-wrap .con .top-tit {
  width: 100%;
  background-size: cover;
  padding: 28px;
  position: relative;
}
.login-wrap .con .top-tit .top-tit-wrap {
  position: relative;
}
.login-wrap .con .top-tit .top-tit-wrap:after {
  display: block;
  content: '';
  clear: both;
}
.login-wrap .con .top-tit .top-tit-wrap .logo {
  float: left;
}
.login-wrap .con .top-tit .top-tit-wrap .back {
  float: right;
  margin-top: 28px;
}
.login-wrap .con .top-tit .top-tit-wrap .back a {
  color: #fff;
  border-radius: 25px;
  border: 2px solid #fff;
  font-size: 14px;
  padding: 10px 25px;
  font-weight: bold;
}
.login-wrap .con .top-tit .top-tit-wrap .back a .fa {
  margin-right: 4px;
}
.login-wrap .con .top-tit .entitled-box {
  position: absolute;
  left: 46%;
  top: 48%;
  -webkit-transform: translate(-50%, -50%);
  -moz-transform: translate(-50%, -50%);
  -o-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
}
.login-wrap .con .top-tit .entitled-box .info-box {
  width: 318px;
  margin: 0 auto 30px;
  color: #348660;
  font-size: 15px;
  line-height: 30px;
}
.login-wrap .con .top-tit .entitled-box .tit {
  font-weight: bold;
  font-size: 16px;
}
.login-wrap .con .login-con .login-box {
  position: absolute;
  left: 50%;
  top: 50%;
  -webkit-transform: translate(-50%, -50%);
  -moz-transform: translate(-50%, -50%);
  -o-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
}
.login-wrap .con .login-con .login-box .title {
  font-size: 46px;
  color: #fff;
  text-align: center;
  margin-bottom: 20px;
}
.login-wrap .con .login-con .login-box .login-box-b {
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  justify-content: space-between;
  flex-flow: row-reverse;
  border: 1px solid #fff;
  border-radius: 10px;
  background: #2196f3;
}
.login-wrap .con .login-con .login-box .box {
  background: #fff;
  padding: 60px 65px;
  border-radius: 0 10px 10px 0;
}
.login-wrap .con .login-con .login-box .entitled-box {
  padding: 60px 55px;
}
.login-wrap .con .login-con .login-box .entitled-box .info-box .tit {
  font-size: 30px;
  margin-top: 80px;
  color: #fff;
}
.login-wrap .con .login-con .login-box .entitled-box .info-box .info {
  line-height: 26px;
  color: #fff;
}
.login-wrap .con .login-con .login-box .entitled-box .info-box .info a {
  color: #348660;
}
.login-wrap .con .login-con .login-box .entitled-box .info-box .tip {
  margin-top: 15px;
  background: #f7edda;
  padding: 10px;
}
.login-wrap .con .login-con .login-box .entitled-box .info-box .a {
  background: #ffbd3d;
  border: 1px solid #ffbd3d;
  margin-top: 30px;
  display: block;
  width: 100%;
  border-radius: 4px;
  padding: 12px 0;
  text-align: center;
  color: #fff;
  font-size: 22px;
  -webkit-transition: 400ms;
  -moz-transition: 400ms;
  -o-transition: 400ms;
  transition: 400ms;
}
.login-wrap .con .login-con .login-box .entitled-box .info-box .a .fa {
  margin-right: 5px;
  vertical-align: middle;
}
.login-wrap .con .login-con .login-box .entitled-box .info-box .a:hover {
  background: #fff;
  color: #ffbd3d;
  -webkit-transition: 400ms;
  -moz-transition: 400ms;
  -o-transition: 400ms;
  transition: 400ms;
}
.login-wrap .con .login-con .login-box .rig-wrap {
  padding-top: 30px;
}
.login-wrap .con .login-con .login-box .rig-wrap .copyright {
  position: absolute;
  left: 0;
  width: 100%;
  bottom: -50px;
  text-align: center;
  color: rgba(108, 117, 125, 1);
  font-size: 14px;
}
.login-wrap .con .login-con .login-box .rig-wrap .copyright a {
  color: rgba(108, 117, 125, 1);
}
.login-wrap .con .login-con .login-box .rig-wrap .input {
  position: relative;
  margin-bottom: 40px;
}
.login-wrap .con .login-con .login-box .rig-wrap .input input {
  border: 1px solid #dbdbdb;
  border-radius: 5px;
  width: 540px;
  padding: 15px 15px;
  -webkit-transition: 400ms;
  -moz-transition: 400ms;
  -o-transition: 400ms;
  transition: 400ms;
}
.login-wrap .con .login-con .login-box .rig-wrap .input input::-webkit-input-placeholder {
  color: #8aa79a;
  font-size: 14px;
}
.login-wrap .con .login-con .login-box .rig-wrap .input input::-moz-input-placeholder {
  color: #8aa79a;
  font-size: 14px;
}
.login-wrap .con .login-con .login-box .rig-wrap .input input::-ms-input-placeholder {
  color: #8aa79a;
  font-size: 14px;
}
.login-wrap .con .login-con .login-box .rig-wrap .input .tit-t {
  position: absolute;
  left: 0;
  top: -28px;
  color: #0052d9;
  font-weight: bold;
}
.login-wrap .con .login-con .login-box .rig-wrap .input .ico {
  position: absolute;
  left: 16px;
  top: 21px;
  color: #348660;
}
.login-wrap .con .login-con .login-box .rig-wrap .input .code {
  position: absolute;
  right: 5px;
  top: 4.3px;
  cursor: pointer;
}
.login-wrap .con .login-con .login-box .rig-wrap .input .code img {
  width: 130px;
  height: 44px;
  border-radius: 5px;
}
.login-wrap .con .login-con .login-box .rig-wrap .input .note {
  position: absolute;
  right: 5px;
  top: 4.3px;
  width: 130px;
  height: 45px;
  line-height: 45px;
  border-radius: 5px;
  background: #348660;
  color: #fff;
  text-align: center;
  cursor: pointer;
}
.login-wrap .con .login-con .login-box .rig-wrap .input .note.curr {
  background: #ddd;
}
.login-wrap .con .login-con .login-box .rig-wrap .input.has-error input {
  border-color: #c82333;
  box-shadow: 0 0 10px rgba(200, 35, 51, 0.7);
}
.login-wrap .con .login-con .login-box .rig-wrap .remember {
  margin-bottom: 15px;
}
.login-wrap .con .login-con .login-box .rig-wrap .remember .reme-a {
  color: #ffc251;
  font-size: 14px;
}
.login-wrap .con .login-con .login-box .rig-wrap .log-box {
  padding: 12px 0;
  width: 100%;
  text-align: center;
  background: #0052d9;
  color: #fff;
  border: 1px solid #348660;
  border-radius: 5px;
  margin: 20px 0 35px;
  font-size: 20px;
  cursor: pointer;
  -webkit-transition: 400ms;
  -moz-transition: 400ms;
  -o-transition: 400ms;
  transition: 400ms;
}
.login-wrap .con .login-con .login-box .rig-wrap .log-box:hover {
  background: #fff;
  color: #348660;
  -webkit-transition: 400ms;
  -moz-transition: 400ms;
  -o-transition: 400ms;
  transition: 400ms;
}
.login-wrap .con .login-con .login-box .rig-wrap .no-account {
  margin: 35px 0;
}
.login-wrap .con .login-con .login-box .rig-wrap .no-account .log-box {
  margin-bottom: 0;
  background: #fff;
  color: #348660;
}
.login-wrap .con .login-con .login-box .rig-wrap .no-account .log-box:hover {
  -webkit-transition: 400ms;
  -moz-transition: 400ms;
  -o-transition: 400ms;
  transition: 400ms;
}
.login-wrap .con .login-con .login-box .rig-wrap .no-account .log-box:hover:hover {
  background: #348660;
  color: #fff;
  -webkit-transition: 400ms;
  -moz-transition: 400ms;
  -o-transition: 400ms;
  transition: 400ms;
}
.login-wrap .con .login-con .login-box .rig-wrap .no-account .prompt-li {
  display: none;
}
.login-wrap .con .login-con .login-box .rig-wrap .no-account .prompt-li:first-of-type {
  display: block;
}
.login-wrap .con .login-con .login-box .rig-wrap .no-account .li {
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  line-height: 26px;
  font-size: 15px;
  margin-bottom: 10px;
}
.login-wrap .con .login-con .login-box .rig-wrap .no-account .li .fa {
  margin-right: 8px;
}
.login-wrap .con .login-con .login-box .rig-wrap .no-account .li .reme-a {
  color: #348660;
  border-bottom: 1px solid #348660;
}
.login-wrap .con .login-con .login-box .rig-wrap .no-account .fa {
  font-size: 12px;
  margin-right: 5px;
  color: #348660;
  margin-top: 7px;
}
.login-wrap .con .login-con .login-box .tit-box {
  margin-bottom: 20px;
  border-bottom: 1px solid #e8e8e8;
}
.login-wrap .con .login-con .login-box .tit-box:after {
  display: block;
  content: '';
  clear: both;
}
.login-wrap .con .login-con .login-box .tit-box .tab {
  float: left;
  width: 50%;
  padding: 15px 0;
  text-align: center;
  font-size: 22px;
  cursor: pointer;
  color: #348660;
  position: relative;
}
.login-wrap .con .login-con .login-box .tit-box .tab:after {
  display: block;
  content: '';
  clear: both;
  position: absolute;
  right: 0;
  top: 24px;
  width: 1px;
  height: 17px;
  background: #e8e8e8;
}
.login-wrap .con .login-con .login-box .tit-box .tab:first-of-type {
  border-radius: 10px 0 0 0;
}
.login-wrap .con .login-con .login-box .tit-box .tab:last-of-type {
  border-radius: 0 10px 0 0;
}
.login-wrap .con .login-con .login-box .tit-box .tab:last-of-type:after {
  display: none;
}
.login-wrap .con .login-con .login-box .tit-box .tab.curr {
  color: #0052d9;
}
.login-wrap .con .login-con .login-box .tit-box .tab.curr:before {
  display: block;
  content: '';
  clear: both;
  position: absolute;
  left: 0;
  bottom: -1px;
  width: 100%;
  height: 2px;
  background: #0052d9;
}
input[type="checkbox"] {
  display: inline-block;
  width: 18px !important;
  height: 18px !important;
  position: relative;
  vertical-align: middle;
  margin-right: 5px;
  border-radius: 3px;
  margin-top: 0px;
}
input[type="checkbox"]:before {
  content: '';
  position: absolute;
  left: 0px;
  top: 0px;
  width: 18px;
  height: 18px;
  border: 1px solid #dcd3d5;
  background-color: #fff;
  box-sizing: border-box;
  border-radius: 3px;
}
input[type="checkbox"]:checked:before {
  border-color: #348660;
}
input[type="checkbox"]:checked:after {
  content: '';
  position: absolute;
  z-index: 2;
  top: 0px;
  right: -1px;
  content: url(/static/css/gou.png);
}
input[type="radio"] {
  display: inline-block;
  width: 16px !important;
  height: 16px !important;
  position: relative;
  vertical-align: middle;
  margin-right: 5px;
  border-radius: 50%;
  margin-top: 2px;
}
input[type="radio"]:before {
  content: '';
  position: absolute;
  left: 0px;
  top: 0px;
  width: 16px;
  height: 16px;
  border: 1px solid #7d7d7d;
  border-radius: 50%;
  background-color: #fff;
  box-sizing: border-box;
}
input[type="radio"]:after {
  display: none;
  content: '';
  position: absolute;
  left: 50%;
  top: 50%;
  width: 10px;
  height: 10px;
  background-color: #348660;
  border-radius: 50%;
  transform: translate(-50%, -50%);
}
input[type="radio"]:checked:before {
  border-color: #348660;
}
input[type="radio"]:checked:after {
  display: block;
}
.policy {
  color: #666;
}
.policy:after {
  content: "";
  display: block;
  clear: both;
}
.policy input {
  float: left;
  margin-top: 2px;
}
.policy .txt {
  float: left;
  width: calc(100% - 24px);
}
.policy a {
  color: #348660;
  text-decoration: underline;
  white-space: nowrap;
}
.policy a:hover {
  text-decoration: none;
}
.process-bg {
  background: #e9f9f2;
}
.process-top {
  padding: 28px 0;
}
.process-top:after {
  display: block;
  content: '';
  clear: both;
}
.process-top .logo {
  float: left;
}
.process-top .back {
  float: right;
  margin-top: 16px;
}
.process-top .back a {
  color: #348660;
  font-size: 14px;
}
.process-top .back a .fa {
  margin-right: 4px;
}
.process-con {
  background: #fff;
  border-radius: 10px;
  padding: 50px;
  min-height: 800px;
}
.process-con .reg-box {
  width: 700px;
  margin: 30px auto 120px;
}
.process-con .reg-box .form-box .form-group label {
  text-align: right;
}
.process-con .process-li {
  position: relative;
}
.process-con .process-li .tit {
  font-size: 36px;
  text-align: center;
  color: #348660;
}
.process-con .process-li .tit-info {
  text-align: center;
  padding: 10px 0 35px 0;
}
.process-con .process-li .tit-info a {
  position: absolute;
  right: -214px;
  top: -50px;
  color: #fff;
  font-size: 14px;
  border-radius: 6px;
  padding: 5px 15px;
  border: 1px solid #348660;
  background: #348660;
  -webkit-transition: 400ms;
  -moz-transition: 400ms;
  -o-transition: 400ms;
  transition: 400ms;
}
.process-con .process-li .tit-info a span {
  color: #fff;
  -webkit-transition: 400ms;
  -moz-transition: 400ms;
  -o-transition: 400ms;
  transition: 400ms;
}
.process-con .process-li .tit-info a .fa {
  color: #fff;
  margin-left: 6px;
  font-size: 12px;
  -webkit-transition: 400ms;
  -moz-transition: 400ms;
  -o-transition: 400ms;
  transition: 400ms;
}
.process-con .process-li .tit-info a:hover {
  background: #fff;
  color: #348660;
  -webkit-transition: 400ms;
  -moz-transition: 400ms;
  -o-transition: 400ms;
  transition: 400ms;
}
.process-con .process-li .tit-info a:hover span {
  color: #348660;
  -webkit-transition: 400ms;
  -moz-transition: 400ms;
  -o-transition: 400ms;
  transition: 400ms;
}
.process-con .process-li .tit-info a:hover .fa {
  color: #348660;
  -webkit-transition: 400ms;
  -moz-transition: 400ms;
  -o-transition: 400ms;
  transition: 400ms;
}
.process-con .form-box {
  padding-right: 70px;
}
.process-con .form-box .form-group {
  margin-bottom: 30px;
  position: relative;
}
.process-con .form-box .form-group label {
  font-size: 14px;
  align-self: center;
}
.process-con .form-box .form-group .form-control {
  background: #ecf8f3;
  border: 1px solid #ecf8f3;
  padding: 15px 20px;
  height: auto;
}
.process-con .form-box .form-group .gain-code {
  position: absolute;
  right: 35px;
  top: 16px;
  color: #348660;
  cursor: pointer;
}
.process-con .form-box .form-group.has-error .form-control {
  border-color: #c82333;
  box-shadow: 0 0 10px rgba(200, 35, 51, 0.7);
}
.process-con .form-box .sub-box {
  width: 100%;
  margin-top: 40px;
}
.process-con .form-box .sub-box button {
  width: 100%;
  background: #348660;
  padding: 20px 0;
  text-align: center;
  color: #fff;
  border: 1px solid #348660;
  font-size: 15px;
  -webkit-transition: 400ms;
  -moz-transition: 400ms;
  -o-transition: 400ms;
  transition: 400ms;
}
.process-con .form-box .sub-box button:focus {
  box-shadow: 0 0 0 0.2rem rgba(52, 134, 96, 0.25);
}
.process-con .form-box .sub-box button:active {
  background: #348660;
  opacity: 0.8;
  -webkit-transition: 400ms;
  -moz-transition: 400ms;
  -o-transition: 400ms;
  transition: 400ms;
}
.success-tit {
  border-bottom: 1px solid #d2d2d2;
  margin-bottom: 60px;
  padding-bottom: 60px;
}
.success-tit:after {
  display: block;
  content: '';
  clear: both;
}
.success-tit .img {
  width: 40%;
  text-align: right;
  float: left;
  position: relative;
}
.success-tit .img img {
  position: relative;
  z-index: 1;
  width: 129px;
  margin-right: -18px;
}
.success-tit .img:after {
  display: block;
  content: '';
  clear: both;
  width: 129px;
  height: 129px;
  border-radius: 50%;
  background: #348660;
  position: absolute;
  right: 0;
  top: 0;
}
.success-tit .info {
  width: 56%;
  float: right;
  line-height: 32px;
  margin-top: 16px;
}
.success-tit .info .tit {
  color: #348660;
  font-size: 26px;
  margin-bottom: 12px;
}
.success-tit .info .account {
  font-weight: bold;
  color: #666;
}
.success-box {
  text-align: center;
}
.success-box .tit {
  color: #348660;
  font-size: 30px;
  font-weight: bold;
}
.success-box .buttom {
  margin-top: 50px;
}
.success-box .buttom a {
  padding: 15px 50px;
  border-radius: 5px;
  background: #c1c9c5;
  color: #fff;
  margin: 0 10px;
  -webkit-transition: 400ms;
  -moz-transition: 400ms;
  -o-transition: 400ms;
  transition: 400ms;
}
.success-box .buttom a:hover {
  opacity: 0.7;
  -webkit-transition: 400ms;
  -moz-transition: 400ms;
  -o-transition: 400ms;
  transition: 400ms;
}
.success-box .buttom a:last-of-type {
  background: #348660;
}
.regulations-box .tit {
  text-align: center;
  font-size: 30px;
  color: #348660;
  margin-bottom: 40px;
}
.regulations-box .info {
  line-height: 25px;
}
.regulations-box-back {
  border-top: 5px double #dbdbdb;
  padding-top: 40px;
  margin-top: 40px;
}
.regulations-sub {
  text-align: center;
  margin: 40px 0;
}
.regulations-sub .sub {
  margin-top: 40px;
}
.regulations-sub .sub span {
  display: inline-block;
  padding: 15px 50px;
  border-radius: 5px;
  background: #348660;
  color: #fff;
  cursor: pointer;
  margin: 0 10px;
  -webkit-transition: 400ms;
  -moz-transition: 400ms;
  -o-transition: 400ms;
  transition: 400ms;
}
.regulations-sub .sub span:hover {
  opacity: 0.7;
  -webkit-transition: 400ms;
  -moz-transition: 400ms;
  -o-transition: 400ms;
  transition: 400ms;
}
.regulations-sub .custom-control {
  border-radius: 5px;
  border: 1px solid #348660;
  padding: 10px 0;
  box-shadow: 0 0 15px rgba(52, 134, 96, 0.2);
  color: #348660;
  -webkit-transition: 400ms;
  -moz-transition: 400ms;
  -o-transition: 400ms;
  transition: 400ms;
}
.regulations-sub .custom-control .custom-control-label::before {
  border-color: #348660;
}
.regulations-sub .custom-control.has-error {
  border-color: #c82333;
  box-shadow: 0 0 10px rgba(200, 35, 51, 0.7);
  -webkit-transition: 400ms;
  -moz-transition: 400ms;
  -o-transition: 400ms;
  transition: 400ms;
}
.member-type-wrap {
  border: 1px solid #348660;
  border-radius: 5px;
  padding: 26px;
  -webkit-transition: 400ms;
  -moz-transition: 400ms;
  -o-transition: 400ms;
  transition: 400ms;
}
.member-type-wrap .top {
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
}
.member-type-wrap .top .li {
  width: 48.8%;
  margin-bottom: 20px;
  background: #f2fcf7;
  border: 1px solid #348660;
  border-radius: 5px;
  padding: 26px 40px;
  cursor: pointer;
  position: relative;
  -webkit-transition: 400ms;
  -moz-transition: 400ms;
  -o-transition: 400ms;
  transition: 400ms;
}
.member-type-wrap .top .li .type-tit {
  font-size: 20px;
  color: #348660;
  font-weight: bold;
  margin-bottom: 16px;
}
.member-type-wrap .top .li .type-tit svg {
  margin-right: 5px;
  vertical-align: bottom;
  margin-bottom: -9px;
}
.member-type-wrap .top .li .tick {
  position: absolute;
  left: 2px;
  top: -4px;
  width: 28px;
  z-index: 1;
  -webkit-transform: scale3d(0, 0, 0);
  -moz-transform: scale3d(0, 0, 0);
  -o-transform: scale3d(0, 0, 0);
  transform: scale3d(0, 0, 0);
  -webkit-transition: 400ms;
  -moz-transition: 400ms;
  -o-transition: 400ms;
  transition: 400ms;
}
.member-type-wrap .top .li:after {
  display: block;
  content: '';
  clear: both;
  width: 22px;
  height: 22px;
  border-bottom: 1px solid #348660;
  border-right: 1px solid #348660;
  border-radius: 5px 0 5px 0;
  background: #fff;
  left: 0;
  top: 0;
  position: absolute;
}
.member-type-wrap .top .li.curr {
  background: #348660;
  -webkit-transition: 400ms;
  -moz-transition: 400ms;
  -o-transition: 400ms;
  transition: 400ms;
}
.member-type-wrap .top .li.curr .type-tit {
  color: #fff;
}
.member-type-wrap .top .li.curr .type-tit svg path {
  fill: #fff;
}
.member-type-wrap .top .li.curr .info {
  color: #fff;
}
.member-type-wrap .top .li.curr .tick {
  -webkit-transform: scale3d(1, 1, 1);
  -moz-transform: scale3d(1, 1, 1);
  -o-transform: scale3d(1, 1, 1);
  transform: scale3d(1, 1, 1);
  -webkit-transition: 400ms;
  -moz-transition: 400ms;
  -o-transition: 400ms;
  transition: 400ms;
}
.member-type-wrap .bot {
  margin-top: 26px;
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  justify-content: space-between;
}
.member-type-wrap .bot .li {
  width: 31.33%;
  background: #fdfdfd;
  border: 1px solid #dbdbdb;
  border-radius: 5px;
  padding: 26px 30px;
}
.member-type-wrap .bot .li .type-tit {
  font-size: 20px;
  color: #348660;
  font-weight: bold;
  margin-bottom: 16px;
}
.member-type-wrap .bot .li .type-tit img {
  width: 40px;
  margin-right: 5px;
  vertical-align: bottom;
  margin-bottom: -5px;
}
.member-type-wrap.has-error {
  border-color: #c82333;
  box-shadow: 0 0 10px rgba(200, 35, 51, 0.7);
  -webkit-transition: 400ms;
  -moz-transition: 400ms;
  -o-transition: 400ms;
  transition: 400ms;
}
.member-type-bot {
  background: #f3f9f7;
  padding: 30px;
  margin: 26px 0 30px 0;
  border-radius: 5px;
  border: 1px solid #f4f4f4;
  -webkit-transition: 400ms;
  -moz-transition: 400ms;
  -o-transition: 400ms;
  transition: 400ms;
}
.member-type-bot .top-tit {
  font-size: 24px;
  color: #348660;
  margin-bottom: 6px;
}
.member-type-bot .con {
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  justify-content: space-between;
}
.member-type-bot .li {
  width: 49%;
}
.member-type-bot .li .input {
  margin: 6px 0 0 0;
}
.member-type-bot .li .input .form-control {
  border: 1px solid #d8d8d8;
  border-radius: 4px;
  padding: 12px 10px;
  width: 100%;
  height: auto;
  -webkit-transition: 400ms;
  -moz-transition: 400ms;
  -o-transition: 400ms;
  transition: 400ms;
}
.member-type-bot .li .input .form-control.has-error {
  border: 1px solid #c82333;
  box-shadow: 0 0 10px rgba(200, 35, 51, 0.7);
  -webkit-transition: 400ms;
  -moz-transition: 400ms;
  -o-transition: 400ms;
  transition: 400ms;
}
.member-type-bot .li .input.referees {
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  justify-content: space-between;
}
.member-type-bot .li .input.referees .form-control {
  width: 58%;
}
.member-type-bot .li .input.referees .form-control:first-of-type {
  width: 39%;
}
.member-type-bot.has-error {
  border-color: #c82333;
  box-shadow: 0 0 10px rgba(200, 35, 51, 0.7);
  -webkit-transition: 400ms;
  -moz-transition: 400ms;
  -o-transition: 400ms;
  transition: 400ms;
}
.member-type-bot .bot-tit {
  margin: 2px 0 10px 0;
  color: #dc3545;
  font-size: 16px;
}
.referees-box {
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  align-items: center;
  margin-bottom: 70px;
  -webkit-transition: 400ms;
  -moz-transition: 400ms;
  -o-transition: 400ms;
  transition: 400ms;
  padding-left: 12px;
}
.referees-box .input {
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
}
.referees-box .input input {
  width: 270px;
  margin-left: 10px;
}
.referees-box .input input:first-of-type {
  width: 130px;
}
.referees-box .input input.form-control {
  border: 1px solid #d8d8d8;
  border-radius: 4px;
  padding: 8px 10px;
  width: 100%;
  height: auto;
}
.referees-box.has-error {
  border: 1px solid #c82333;
  box-shadow: 0 0 10px rgba(200, 35, 51, 0.7);
  -webkit-transition: 400ms;
  -moz-transition: 400ms;
  -o-transition: 400ms;
  transition: 400ms;
  padding: 15px;
  border-radius: 5px;
}
.referees-row {
  display: flex;
  margin-bottom: 40px;
}
.referees-row .referees-box {
  width: 50%;
  margin-bottom: 10px;
}
.Member-type-tab {
  margin-bottom: 50px;
  padding: 15px 6px;
}
.Member-type-tab .top .li {
  width: 100%;
  margin: 0 8px;
}
.content-top {
  height: 85px;
  width: 100%;
}
.content-top .top-tit:after {
  display: block;
  content: '';
  clear: both;
}
.content-top .top-tit .logo {
  float: left;
  margin-top: 13px;
}
.Personal-information {
  width: 100%;
  height: 145px;
  background: #e9f5f0;
  background-size: cover;
  padding: 15px 15px;
  position: relative;
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.Personal-information:after {
  display: block;
  content: '';
  clear: both;
  position: absolute;
  width: 100%;
  height: 100%;
  background: #e9f5f0;
  left: 0;
  bottom: -95%;
}
.Personal-information .con {
  width: 76%;
  height: 115px;
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.Personal-information .con .portrait {
  height: 115px;
  width: 115px;
  line-height: 112px;
  border-radius: 50%;
  text-align: center;
  overflow: hidden;
  margin-right: 15px;
}
.Personal-information .con .portrait img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.Personal-information .con .personal {
  line-height: 22px;
}
.Personal-information .con .personal .name {
  font-size: 16px;
  font-weight: bold;
  margin-bottom: 6px;
}
.Personal-information .con .personal .p b {
  color: #348660;
}
.Personal-information .con .state {
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  justify-content: space-between;
  width: 58%;
}
.Personal-information .con .state .li {
  text-align: center;
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  align-items: center;
  justify-content: center;
}
.Personal-information .con .state .li .img {
  margin-right: 20px;
  width: 36px;
  height: 36px;
}
.Personal-information .con .state .li .img img {
  max-width: 100%;
  max-height: 100%;
}
.Personal-information .con .state .li .info {
  text-align: left;
  line-height: 26px;
  width: calc(100% - 54px);
}
.Personal-information .con .state .li .info .txtinfo {
  display: inline-block;
  vertical-align: middle;
  margin-right: 20px;
}
.Personal-information .con .state .li .info .type {
  font-weight: bold;
  color: #348660;
}
.Personal-information .con .state .li .info .span-circle .fa {
  color: #348660;
  margin: 0 4px 0 6px;
}
.Personal-information .con .state .li .info .upgrade {
  display: inline-block;
  margin-top: 4px;
}
.Personal-information .con .state .li .info .upgrade a {
  background: #348660;
  padding: 6px 10px;
  border-radius: 25px;
  color: #fff;
  font-size: 12px;
  -webkit-transition: 400ms;
  -moz-transition: 400ms;
  -o-transition: 400ms;
  transition: 400ms;
  text-align: center;
}
.Personal-information .con .state .li .info .upgrade a img {
  width: 18px;
  margin-left: 4px;
  vertical-align: sub;
}
.Personal-information .con .state .li .info .upgrade a:hover {
  opacity: 0.7;
  -webkit-transition: 400ms;
  -moz-transition: 400ms;
  -o-transition: 400ms;
  transition: 400ms;
}
.Personal-information .con .state .li-link {
  width: 1px;
  background: #e5e5e5;
}
.Personal-information .control a {
  color: #348660;
  margin-left: 15px;
  font-size: 16px;
  -webkit-transition: 400ms;
  -moz-transition: 400ms;
  -o-transition: 400ms;
  transition: 400ms;
}
.Personal-information .control a .fa {
  font-size: 22px;
  vertical-align: text-top;
}
.Personal-information .control a.profilebtn {
  margin-left: 0;
}
.Personal-information .control a.profilebtn .fa {
  margin-right: 6px;
}
.Personal-information .control a:hover {
  opacity: 0.7;
  -webkit-transition: 400ms;
  -moz-transition: 400ms;
  -o-transition: 400ms;
  transition: 400ms;
}
.Pay-cost-a {
  background: #348660;
  padding: 8px 20px;
  border-radius: 25px;
  margin-left: 10px;
  color: #fff;
  font-size: 12px;
  -webkit-transition: 400ms;
  -moz-transition: 400ms;
  -o-transition: 400ms;
  transition: 400ms;
  text-align: center;
}
.Pay-cost-a .fa {
  margin-right: 4px;
}
.Pay-cost-a:hover {
  color: #fff;
  opacity: 0.7;
  -webkit-transition: 400ms;
  -moz-transition: 400ms;
  -o-transition: 400ms;
  transition: 400ms;
}
.con-wrap {
  width: 100%;
  margin: 0 auto;
  background: #348660;
}
.con-wrap:after {
  display: block;
  content: '';
  clear: both;
}
.con-wrap .content-left {
  width: 224px;
  float: left;
  min-height: 100%;
}
.con-wrap .content-left .logo {
  padding: 15px 0;
  text-align: center;
}
.con-wrap .content-left .li .stair {
  color: #fff;
  font-size: 16px;
  padding: 18px 15px 18px 20px;
  display: block;
  border-bottom: 1px solid #257d54;
}
.con-wrap .content-left .li .stair:after {
  display: block;
  content: '';
  clear: both;
}
.con-wrap .content-left .li .stair .fa {
  margin-right: 10px;
  font-size: 20px;
  width: 23px;
  text-align: center;
  vertical-align: text-bottom;
}
.con-wrap .content-left .li .stair .fa-angle-right {
  float: right;
  margin-right: 0;
}
.con-wrap .content-left .li .second {
  display: none;
  background: #42966e;
  padding-top: 15px;
  padding-bottom: 18px;
  padding-left: 55px;
}
.con-wrap .content-left .li .second a {
  display: block;
  padding: 5px 0;
  color: #fff;
  -webkit-transition: 400ms;
  -moz-transition: 400ms;
  -o-transition: 400ms;
  transition: 400ms;
}
.con-wrap .content-left .li .second a:hover {
  opacity: 0.7;
  -webkit-transition: 400ms;
  -moz-transition: 400ms;
  -o-transition: 400ms;
  transition: 400ms;
}
.con-wrap .content-left .li .second a.curr {
  color: #ffbd3d;
}
.con-wrap .content-left .li .second a .fa {
  margin-right: 5px;
}
.con-wrap .content-left .li.curr {
  background: #ffbd3d;
}
.con-wrap .content-left .li.curr .stair {
  border-bottom: 0;
}
.con-wrap .content-right-box {
  float: right;
  width: calc(100% - 224px);
  background: #fff;
}
.con-wrap .content-right {
  width: calc(100% - 16px);
  padding: 0 15px 15px;
  margin: 0 8px;
  border-radius: 5px;
  box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);
  min-height: 800px;
  position: relative;
  z-index: 1;
  background: #fff;
}
.con-wrap .content-right .con-title {
  color: #dc3545;
  font-size: 14px;
  margin: 15px 0 25px 0;
}
.con-wrap .content-right .form-control {
  height: 48px;
  border-color: #d8d8d8;
  border-radius: 5px;
}
.con-wrap .content-right .form-control.readonly {
  cursor: no-drop;
  background-color: #e9f5f0;
  border-color: #a7bfb4;
}
.page-tie {
  font-size: 24px;
  font-weight: bold;
  color: #348660;
  position: relative;
  border-bottom: 1px solid #c7c7c7;
  padding: 12px 0 12px 15px;
  margin-bottom: 16px;
}
.page-tie:after {
  display: block;
  content: '';
  clear: both;
  width: 5px;
  height: 27px;
  background: #ffbd3d;
  position: absolute;
  left: 0;
  top: 17px;
}
.page-tie span {
  color: #ffbd3d;
  font-size: 18px;
  font-weight: normal;
  display: none;
}
.process-head {
  position: absolute;
  width: calc(100% - 160px);
  right: 0;
  top: 20px;
}
.process-head:after {
  display: block;
  content: '';
  clear: both;
}
.process-head .left {
  float: left;
  border-radius: 8px;
}
.process-head .left:after {
  display: block;
  content: '';
  clear: both;
}
.process-head .left .img {
  float: left;
  margin: 0 10px 0 15px;
}
.process-head .left .img img {
  width: 26px;
}
.process-head .left .info {
  float: left;
  color: #348660;
  margin-top: 3px;
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  align-items: center;
  justify-content: center;
}
.process-head .left .info .tit {
  font-size: 15px;
  font-weight: bold;
}
.process-head .left .info .tit span {
  color: #ffbd3d;
  margin: 0 5px;
  border-bottom: 1px solid #ffbd3d;
}
.process-head .process-a {
  float: left;
  margin-left: 15px;
  margin-top: -3px;
  padding: 6px 20px;
  text-align: center;
  color: #ffbd3d;
  background: #348660;
  border-radius: 5px;
  font-size: 15px;
  -webkit-transition: 400ms;
  -moz-transition: 400ms;
  -o-transition: 400ms;
  transition: 400ms;
}
.process-head .process-a .fa {
  margin-right: 6px;
  font-size: 16px;
  vertical-align: top;
  margin-top: 4px;
}
.process-head .process-a:hover {
  opacity: 0.7;
  -webkit-transition: 400ms;
  -moz-transition: 400ms;
  -o-transition: 400ms;
  transition: 400ms;
}
.process-complete-wrap {
  display: none;
}
.process-complete {
  background: #ecfaf4;
  padding: 28px;
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  justify-content: space-between;
}
.process-complete .li {
  border-left: 1px solid #9ac3b0;
  padding-left: 6%;
}
.process-complete .li:first-of-type {
  border-left: 0;
  padding-left: 0;
}
.process-box {
  margin: 140px 0;
}
.process-box .steps-a {
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  justify-content: space-between;
  width: 1345px;
  margin: 0 auto;
}
.process-box .li {
  position: relative;
}
.process-box .li:after {
  display: block;
  content: '';
  clear: both;
  width: 108px;
  height: 168px;
  background: url(/static/css/img49.png);
  background-repeat: no-repeat;
  background-size: contain;
  right: -108px;
  top: 30px;
  position: absolute;
}
.process-box .li .img {
  background: url(/static/css/img22.png);
  background-repeat: no-repeat;
  width: 50px;
  height: 59px;
  margin: 0 auto 15px;
  display: block;
}
.process-box .li span {
  font-weight: bold;
  color: #ffbd3d;
}
.process-box .li .info {
  display: none;
  width: 287px;
  position: absolute;
  border-radius: 5px;
  color: #fff;
  padding: 10px 15px;
  left: calc(50% - 143.5px);
  top: -110px;
  background: #348660;
}
.process-box .li .info:after {
  display: block;
  content: '';
  clear: both;
  border-top: 10px solid #348660;
  border-right: 10px solid transparent;
  border-left: 10px solid transparent;
  position: absolute;
  bottom: -7px;
  width: 10px;
  height: 10px;
  left: calc(50% - 10px);
}
.process-box .li .info .fa {
  margin-right: 4px;
  color: #ffbd3d;
}
.process-box .li .info span {
  border-bottom: 1px solid #ffbd3d;
}
.process-box .li .info .tit {
  font-size: 15px;
}
.process-box .li .info .a {
  font-size: 16px;
  margin-top: 5px;
}
.process-box .li:nth-of-type(2n) {
  margin-top: 200px;
}
.process-box .li:nth-of-type(2n):after {
  width: 106px;
  background: url(/static/css/img48.png);
  background-repeat: no-repeat;
  background-size: contain;
  right: -74px;
  top: -178px;
}
.process-box .li:nth-of-type(2n) .info {
  top: auto;
  bottom: -110px;
}
.process-box .li:nth-of-type(2n) .info:after {
  bottom: auto;
  top: -7px;
  border-top: none;
  border-bottom: 10px solid #348660;
}
.process-box .li:last-of-type:after {
  display: none;
}
.process-box .li.default span {
  color: #348660;
}
.process-box .li.default:after {
  background: url(/static/css/img46.png);
  background-repeat: no-repeat;
  background-size: contain;
}
.process-box .li.default .img {
  background: url(/static/css/img20.png);
  background-repeat: no-repeat;
}
.process-box .li.default:nth-of-type(2n):after {
  background: url(/static/css/img47.png);
  background-repeat: no-repeat;
  background-size: contain;
}
.process-box .li.current .info {
  display: block;
}
.process-box .li.current .img {
  background: url(/static/css/img21.png);
  background-repeat: no-repeat;
}
.Pay-cost-con .title {
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  justify-content: space-between;
  border-bottom: 1px solid #9fc6b4;
  padding-bottom: 10px;
  margin-bottom: 20px;
}
.Pay-cost-con .title .tit {
  font-weight: bold;
}
.Pay-cost-con .title .tit span {
  font-weight: normal;
}
.Pay-cost-con .con .input-box {
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
}
.Pay-cost-con .con .input-box .li {
  width: 48%;
  margin-right: auto;
}
.Pay-cost-con .con .input-box .li:nth-of-type(3n) {
  margin-right: auto;
}
.wxpaybox {
  text-align: center;
  padding: 20px 30px;
}
.wxpaybox .tit {
  margin-bottom: 10px;
}
.wxpaybox .tit span {
  font-weight: bold;
  font-size: 18px;
  color: #348660;
}
.wxpaybox img {
  width: 300px;
  max-width: 100%;
}
.forget-tit {
  margin: 20px auto 30px;
  color: #fff;
  font-size: 36px;
  text-align: center;
}
.forget-box {
  background-color: #fff;
  border-radius: 10px;
  width: 750px;
  overflow: hidden;
  margin: 0 auto;
}
.forget-box ::-webkit-input-placeholder,
.forget-box :-moz-placeholder,
.forget-box ::-moz-placeholder,
.forget-box :-ms-input-placeholder {
  color: #bdcbc4;
}
.forget-box .tab-box {
  background-color: #e3f7ee;
}
.forget-box .tab-box:after {
  display: block;
  content: "";
  clear: both;
}
.forget-box .tab-box .tab {
  text-align: center;
  background-color: #e3f7ee;
  float: left;
  width: 33.33%;
  font-size: 22px;
  line-height: 1;
  position: relative;
  font-weight: bold;
  cursor: pointer;
}
.forget-box .tab-box .tab:not(:last-of-type):after {
  display: block;
  content: "";
  width: 1px;
  height: 24px;
  background-color: #ccded6;
  position: absolute;
  top: 50%;
  margin-top: -12px;
  right: 0;
}
.forget-box .tab-box .tab p {
  display: inline-block;
  padding: 30px 20px;
  position: relative;
}
.forget-box .tab-box .tab:hover {
  color: #348660;
}
.forget-box .tab-box .tab.curr {
  color: #348660;
}
.forget-box .tab-box .tab.curr p:before {
  display: block;
  content: "";
  width: 100%;
  height: 3px;
  background-color: #348660;
  position: absolute;
  bottom: 0;
  left: 50%;
  margin-left: -50%;
}
.forget-box .tab-box .tab.curr p:after {
  content: '';
  position: absolute;
  left: 50%;
  margin-left: -6px;
  bottom: 2px;
  width: 0;
  height: 0;
  border-width: 6px 6px 8px 6px;
  border-style: solid;
  border-color: transparent transparent #348660 transparent;
}
.forget-box .form-box {
  width: 600px;
  padding: 30px 0 50px;
  margin: 0 auto;
}
.forget-box .form-box .form-group {
  margin-bottom: 15px;
}
.forget-box .form-box .name {
  margin-bottom: 5px;
  color: #348660;
  font-weight: bold;
}
.forget-box .form-box .form-input {
  border: 1px solid #b9c6c0;
  padding: 15px;
  border-radius: 5px;
  width: 100%;
}
.forget-box .form-box .codebox {
  position: relative;
}
.forget-box .form-box .codebox .form-input {
  padding-right: 155px;
}
.forget-box .form-box .codebtn {
  position: absolute;
  top: 0;
  right: 0;
  background: #ffbd3d;
  border: 1px solid #ffbd3d;
  color: #fff;
  outline: none;
  border-radius: 5px;
  width: 150px;
  padding: 15px 0;
}
.forget-box .form-box .codebtn[disabled] {
  background-color: #ddd;
  border-color: #ddd;
  cursor: not-allowed;
}
.forget-box .form-box .inputbox:after {
  display: block;
  content: "";
  clear: both;
}
.forget-box .form-box .inputbox > .form-input {
  float: left;
  width: calc(100%/2 - 5px);
  margin-right: 10px;
}
.forget-box .form-box .inputbox .codebox {
  float: left;
  width: calc(100%/2 - 5px);
}
.forget-box .form-box .inputbox .codebox .form-input {
  padding-right: 110px;
}
.forget-box .form-box .inputbox .codebox .codebtn {
  width: 110px;
}
.forget-box .form-box1 {
  padding: 80px 0 100px;
}
.forget-box .form-box1 .form-group {
  margin-bottom: 20px;
}
.forget-box .sub-box {
  margin-bottom: 0;
}
.forget-box .sub-box .btn {
  width: 100%;
  padding: 15px;
  margin-bottom: 10px;
}
.forget-box .sub-box .btn-primary {
  background-color: #348660;
  border-color: #348660;
}
.forget-box .sub-box .btn-warning {
  background-color: #ffbd3d;
  border-color: #ffbd3d;
}
.forgetPop {
  position: static;
  height: 450px;
  transform: translate(0, 0) !important;
}
@media screen and (max-width: 1660px) {
  .process-box .steps-a {
    width: 1000px;
  }
  .process-box .li .img {
    margin-bottom: 6px;
  }
  .process-box .li:after {
    width: 113px;
    height: 96px;
  }
  .process-box .li:nth-of-type(2n) {
    margin-top: 138px;
  }
  .process-box .li:nth-of-type(2n):after {
    top: -110px;
  }
}
.process-bot {
  height: 113px;
  width: 100%;
  border: 1px solid #d3d7d5;
  background: url(/static/css/img10.jpg) no-repeat right;
  background-size: cover;
  padding: 12px 40px;
  margin-top: 40px;
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  justify-content: space-between;
}
.process-bot .li {
  line-height: 30px;
}
.process-bot .li .tit {
  font-weight: bold;
  position: relative;
}
.process-bot .li .tit:after {
  position: absolute;
  left: -10px;
  top: 6.5px;
  display: block;
  content: '';
  clear: both;
  width: 5px;
  height: 16px;
  background: #ffbd3d;
}
.process-bot .li .info {
  font-size: 12px;
}
.process-bot .li .info span {
  color: #348660;
}
.process-bot .li .info a {
  color: #ffbd3d;
}
.process-bot .li:last-of-type {
  width: 60%;
  display: none;
}
.steps-box {
  margin: 20px 0;
}
.steps-box .con {
  position: relative;
  margin-bottom: 45px;
}
.steps-box .con:after {
  display: block;
  content: '';
  clear: both;
}
.steps-box .li {
  width: 25%;
  text-align: center;
  float: left;
  z-index: 1;
  position: relative;
}
.steps-box .li span {
  display: block;
  width: 28px;
  height: 28px;
  line-height: 28px;
  margin: 0 auto 10px;
  border-radius: 50%;
  color: #fff;
  font-size: 13px;
  background: #ffbd3d;
}
.steps-box .li .tit {
  margin-top: 10px;
  font-weight: bold;
  font-size: 15px;
}
.steps-box .li.curr span {
  background: #348660;
}
.steps-box .li.curr .tit {
  color: #348660;
}
.steps-box .top-bg {
  height: 4px;
  width: 75%;
  margin: 0 auto;
  background: #ffbd3d;
  border-radius: 25px;
  position: absolute;
  top: 12px;
  left: 50%;
  -webkit-transform: translateX(-50%);
  -moz-transform: translateX(-50%);
  -ms-transform: translateX(-50%);
  -o-transform: translateX(-50%);
  transform: translateX(-50%);
}
.steps-box .top-bg span {
  background: #348660;
  display: block;
  height: 100%;
  border-radius: 25px;
}
.form-control.is-invalid,
.was-validated .form-control:invalid {
  border-color: #dc3545 !important;
}
.input-box:after {
  display: block;
  content: '';
  clear: both;
}
.input-box .special-box {
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  justify-content: space-between;
}
.input-box .special-box .li {
  width: 49%;
}
.input-box .special-box .li:nth-of-type(3n) {
  margin-right: 1%;
}
.input-box .special-box .li:nth-of-type(2n) {
  margin-right: 0;
}
.input-box .special-right {
  width: 70%;
  margin-left: 3%;
}
.input-box .special-right .li {
  width: 100%;
}
.input-box .li {
  float: left;
  width: 32.6%;
  margin-right: 1%;
  margin-bottom: 12px;
  position: relative;
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  justify-content: space-between;
}
.input-box .li:nth-of-type(3n) {
  margin-right: 0;
}
.input-box .li .form-control.is-invalid,
.input-box .li .was-validated .form-control:invalid {
  background-position: right calc(1.2em + 0.1875rem) center;
}
.input-box .li label {
  font-weight: bold;
  font-size: 12px;
}
.input-box .li label:after {
  display: block;
  content: '';
  clear: both;
}
.input-box .li label span {
  color: #dc3545;
  margin-right: 6px;
}
.input-box .li label .sample {
  float: left;
  color: #dc3545;
  position: relative;
  cursor: pointer;
}
.input-box .li label .sample .fa {
  margin-left: 4px;
}
.input-box .li label .sample .box {
  position: absolute;
  right: 0;
  bottom: 25px;
  z-index: 1;
  border: 1px solid #dc3545;
  display: none;
}
.input-box .li label .sample .box img {
  max-width: 300px;
  max-height: 250px;
}
.input-box .li label .sample:hover .box {
  display: block;
}
.input-box .li .box-label {
  width: 68px;
  align-self: center;
  margin-bottom: 0;
  text-align: right;
}
.input-box .li .box-label.up-img {
  align-self: auto;
  padding-top: 6px;
}
.input-box .li .box-i {
  width: calc(100% - 78px);
}
.input-box .li .li-box {
  position: relative;
  width: calc(100% - 78px);
}
.input-box .li .li-box .loading-box {
  position: absolute;
  left: 1px;
  top: 212px;
  width: calc(100% - 2px);
  height: 22px;
  background: #f7f7f7;
  z-index: 2;
}
.input-box .li .li-box .loading-box .tit {
  text-align: center;
  font-size: 12px;
}
.input-box .li .li-box.readonly .card-img {
  background-color: #e9f5f0;
  border-color: #a7bfb4;
}
.input-box .li .li-box.readonly .card-img .file-input {
  cursor: no-drop;
}
.input-box .li .li-box.readonly .delete {
  display: none;
}
.input-box .li .li-box.readonly .view {
  right: 1px;
}
.input-box .li .li-box.readonly .dropzone {
  background-color: #e9f5f0;
  border-color: #a7bfb4;
  cursor: no-drop;
}
.input-box .li .Start-end {
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.input-box .li .Start-end span {
  padding: 0 6px;
}
.input-box .li .card-img {
  background: url(/static/css/img-logo.png) no-repeat center 40px #fff;
  height: 190px;
  line-height: 268px;
  text-align: center;
  position: relative;
  border: 1px solid #d8d8d8;
  overflow: hidden;
}
.input-box .li .card-img.default-diagram {
  background: #fff;
  line-height: 186px;
}
.input-box .li .card-img img {
  max-height: 100%;
  max-width: 100%;
  vertical-align: middle;
  display: none;
}
.input-box .li .card-img span {
  padding: 12px 30px;
  background: #348660;
  border-radius: 5px;
  color: #fff;
  cursor: pointer;
}
.input-box .li .card-img .file-input {
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  opacity: 0;
  cursor: pointer;
}
.input-box .li .pic-tit {
  margin-top: 6px;
  font-size: 14px;
  border: 1px solid rgba(52, 134, 96, 0.4);
  box-shadow: 0 0 5px rgba(52, 134, 96, 0.2);
  border-radius: 2px;
  padding: 12px 15px;
  position: relative;
  background: #e9f5f0;
  color: #348660;
  text-align: center;
}
.input-box .li .pic-tit .fa {
  margin-right: 6px;
}
.input-box .li .card-p {
  color: red;
  margin-top: 6px;
}
.input-box .li .delete {
  position: absolute;
  right: 1px;
  top: 1px;
  width: 27px;
  height: 27px;
  line-height: 27px;
  text-align: center;
  color: #fff;
  font-size: 16px;
  background: #ffbd3d;
  cursor: pointer;
  -webkit-transition: 400ms;
  -moz-transition: 400ms;
  -o-transition: 400ms;
  transition: 400ms;
}
.input-box .li .delete:hover {
  opacity: 0.7;
  -webkit-transition: 400ms;
  -moz-transition: 400ms;
  -o-transition: 400ms;
  transition: 400ms;
}
.input-box .li .view {
  position: absolute;
  right: 28px;
  top: 1px;
  width: 27px;
  height: 27px;
  line-height: 27px;
  text-align: center;
  color: #fff;
  font-size: 14px;
  background: #348660;
  cursor: pointer;
  -webkit-transition: 400ms;
  -moz-transition: 400ms;
  -o-transition: 400ms;
  transition: 400ms;
  border-radius: 0 0 0 5px;
}
.input-box .li .view img {
  opacity: 0;
  left: 0;
  top: 0;
  position: absolute;
  width: 100%;
  height: 100%;
}
.input-box .li .view:hover {
  opacity: 0.7;
  -webkit-transition: 400ms;
  -moz-transition: 400ms;
  -o-transition: 400ms;
  transition: 400ms;
}
.input-box .li .prove-tit {
  padding-top: 16px;
  color: #333;
  line-height: 26px;
}
.input-box .li.has-error .card-img {
  border-color: #dc3545;
}
.input-box .evidentiary-material:after {
  display: block;
  content: '';
  clear: both;
}
.input-box .evidentiary-material .li {
  width: 48%;
  display: block;
}
.input-box .evidentiary-material .li:last-of-type {
  float: right;
  margin-right: 0;
}
.input-box .evidentiary-material .li .box-label {
  width: 100%;
  text-align: left;
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
}
.input-box .evidentiary-material .li .li-box {
  width: 100%;
}
.input-box .evidentiary-material .li label .sample {
  float: none;
  margin-left: 15px;
}
.input-box .referees-mobile {
  padding: 20px;
  border: 1px dashed #d4d4d4;
  position: relative;
  border-radius: 5px;
  background: #fbfdfc;
  overflow: hidden;
  margin-bottom: 15px;
}
.input-box .referees-mobile .li {
  width: 100%;
  margin-bottom: 0;
}
.input-box .referees-mobile .li .box-i {
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
}
.input-box .referees-mobile .li .box-i input:first-of-type {
  margin-right: 20px;
}
.input-box .link-sub {
  width: 100%;
  display: block;
  content: '';
  clear: both;
}
.input-box .custom-radio {
  margin-top: 13px;
}
.input-box .three-input {
  width: 31.33%;
  float: left;
  margin-right: 3%;
  padding: 0.375rem 0.375rem;
}
.input-box .three-input:last-of-type {
  margin-right: 0;
}
.input-box .period-data {
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  align-items: center;
}
.input-box .period-data span {
  padding: 0 4px;
}
.input-box .input-tit {
  margin: 20px 0;
  color: #fff;
  font-size: 16px;
  font-weight: bold;
  padding-left: 15px;
  height: 44px;
  line-height: 44px;
  width: 100%;
  border-bottom: 2px solid #348660;
  padding-bottom: 64px;
}
.input-box .input-tit.curr {
  position: fixed;
  top: 0;
}
.input-box .input-tit:after {
  display: block;
  content: '';
  clear: both;
}
.input-box .input-tit span {
  font-weight: normal;
  font-size: 14px;
  color: #fff;
  border-radius: 5px;
  background: #348660;
  -webkit-transition: 400ms;
  -moz-transition: 400ms;
  -o-transition: 400ms;
  transition: 400ms;
  display: block;
  float: right;
  padding: 0 20px;
  cursor: pointer;
}
.input-box .input-tit span .fa {
  margin-left: 5px;
}
.input-box .input-tit span:hover {
  opacity: 0.7;
  -webkit-transition: 400ms;
  -moz-transition: 400ms;
  -o-transition: 400ms;
  transition: 400ms;
}
.input-box .input-tit-t {
  font-size: 16px;
  font-weight: bold;
  margin-bottom: 8px;
  color: #348660;
}
.input-box .input-box-con {
  padding: 20px;
  border: 1px dashed #d4d4d4;
  position: relative;
  border-radius: 5px;
  background: #fbfdfc;
}
.input-box .input-box-con .box-con {
  position: relative;
  margin-bottom: 30px;
  padding-bottom: 50px;
}
.input-box .input-box-con .box-con:after {
  display: block;
  content: '';
  clear: both;
}
.input-box .input-box-con .box-con:before {
  display: block;
  content: '';
  clear: both;
  position: absolute;
  left: 0;
  bottom: 0;
  width: 100%;
  height: 2px;
  background: #348660;
}
.input-box .input-box-con .box-con .delete-tit {
  position: absolute;
  right: 0;
  top: -60px;
  cursor: pointer;
  color: #fff;
  background: #ffbd3d;
  padding: 2px 8px;
  border-radius: 4px;
}
.input-box .input-box-con .box-con .delete-tit .fa {
  margin-left: 4px;
}
.input-box .input-box-con .box-con:first-of-type .delete-tit {
  display: none;
}
.input-box .input-box-con .box-con:last-of-type {
  padding-bottom: 0;
  margin-bottom: 0;
}
.input-box .input-box-con .box-con:last-of-type:before {
  display: none;
}
.input-box .material-top:after {
  display: block;
  content: '';
  clear: both;
}
.input-box .material-top .input {
  margin-bottom: 25px;
  width: 100%;
}
.input-box .material-top .input label {
  font-size: 16px;
  font-weight: bold;
  color: #348660;
}
.input-box .related-box {
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding-bottom: 40px;
  flex-wrap: wrap;
}
.input-box .related-box .li {
  float: none;
}
.input-box .related-box .li .box-i .inp {
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin-bottom: 10px;
}
.input-box .related-box .li .box-i .inp:last-of-type {
  margin-bottom: 0;
}
.input-box .related-box .li .box-i .inp input {
  width: calc(100% - 35px);
}
.input-box .related-box .li .box-i .inp .icon .fa {
  cursor: pointer;
  width: 26px;
  height: 26px;
  line-height: 26px;
  text-align: center;
  color: #fff;
  background: #348660;
  border-radius: 50%;
}
.input-box .related-box .li .box-i .inp .icon .fa:last-of-type {
  background: #ffbd3d;
}
.input-box .related-box .li .box-i .inp .icon .fa:first-of-type {
  display: none;
}
.input-box .related-box .li .box-i .inp:last-of-type .icon .fa {
  display: none;
}
.input-box .related-box .li .box-i .inp:last-of-type .icon .fa:first-of-type {
  display: block;
}
.input-box .related-text .input .box-i .inp {
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin-bottom: 10px;
}
.input-box .related-text .input .box-i .inp:last-of-type {
  margin-bottom: 0;
}
.input-box .related-text .input .box-i .inp textarea {
  width: calc(100% - 35px);
}
.input-box .related-text .input .box-i .inp .icon .fa {
  cursor: pointer;
  width: 26px;
  height: 26px;
  line-height: 26px;
  text-align: center;
  color: #fff;
  background: #348660;
  border-radius: 50%;
}
.input-box .related-text .input .box-i .inp .icon .fa:last-of-type {
  background: #ffbd3d;
}
.input-box .related-text .input .box-i .inp .icon .fa:first-of-type {
  display: none;
}
.input-box .related-text .input .box-i .inp:last-of-type .icon .fa {
  display: none;
}
.input-box .related-text .input .box-i .inp:last-of-type .icon .fa:first-of-type {
  display: block;
}
.input-box .other-supporting .input {
  display: block;
}
.input-box .other-supporting .input label {
  width: 100%;
  text-align: left;
  margin-bottom: 10px;
}
.input-box .other-supporting .input .box-i {
  width: 100%;
}
.input-box .academic-box .input .academic-c {
  padding: 20px;
  border: 1px dashed #d4d4d4;
  position: relative;
  border-radius: 5px;
  background: #fbfdfc;
  overflow: hidden;
}
.input-box .academic-box .input .academic-c .academic-t {
  font-size: 16px;
  font-weight: bold;
  color: #348660;
  margin: 10px 0 14px 0;
}
.input-box .academic-box .input .academic-c .academic-con {
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.input-box .academic-box .input .academic-c .academic-con .li {
  display: block;
}
.input-box .academic-box .input .academic-c .academic-con .li:nth-of-type(3n) {
  margin-right: 1%;
}
.input-box .academic-box .input .academic-c .academic-con .li:last-of-type {
  margin-right: 0;
}
.input-box .academic-box .input .academic-c .academic-con .li:first-of-type {
  width: 55%;
}
.input-box .academic-box .input .academic-c .academic-con .li .box-label {
  font-size: 14px;
  color: #333;
  margin-bottom: 5px;
}
body .layui-layer-dialog .layui-layer-padding {
  box-shadow: 0 0 20px rgba(53, 134, 96, 0.8);
  color: #358660;
}
.sub-box {
  width: 100%;
  text-align: center;
  margin: 30px 0;
}
.sub-box .btn-primary {
  background: #ffbd3d;
  border-color: #ffbd3d;
  color: #fff;
  padding: 12px 50px;
  -webkit-transition: 400ms;
  -moz-transition: 400ms;
  -o-transition: 400ms;
  transition: 400ms;
}
.sub-box .btn-primary:hover {
  opacity: 0.7;
  -webkit-transition: 400ms;
  -moz-transition: 400ms;
  -o-transition: 400ms;
  transition: 400ms;
}
.sub-box .last-step {
  background: #348660;
  border-color: #348660;
  margin-right: 10px;
  -webkit-transition: 400ms;
  -moz-transition: 400ms;
  -o-transition: 400ms;
  transition: 400ms;
}
.sub-box .last-step:hover {
  opacity: 0.7;
  -webkit-transition: 400ms;
  -moz-transition: 400ms;
  -o-transition: 400ms;
  transition: 400ms;
}
.preview-box {
  padding: 25px;
}
.preview-box table {
  width: 100%;
  text-align: center;
}
.preview-box table th,
.preview-box table td {
  vertical-align: middle;
}
.preview-box .info {
  text-align: center;
  margin-top: 30px;
  color: #999;
}
.preview-box .sub-box {
  margin-top: 15px;
}
.password-wrap {
  background: #ebf5f1;
  padding: 10% 0;
}
.password-wrap .con {
  width: 650px;
  margin: 0 auto;
  max-width: 100%;
  padding: 0 10px;
}
.password-wrap .form-group label {
  text-align: right;
  align-self: center;
}
.password-wrap .form-group label span {
  color: #dc3545;
  margin-right: 4px;
}
.password-wrap .form-control {
  border: none;
}
.password-wrap .codebox:after {
  content: "";
  display: block;
  clear: both;
}
.password-wrap .codebox .form-control {
  float: left;
  margin-right: 5px;
  width: calc(100% - 155px);
}
.password-wrap .codebtn {
  float: left;
  background: #348660;
  border: 1px solid #348660;
  color: #fff;
  outline: none;
  height: 48px;
  border-radius: 5px;
  width: 150px;
}
.password-wrap .codebtn[disabled] {
  background-color: #ddd;
  border-color: #ddd;
  cursor: not-allowed;
}
.activity-box .li {
  border-bottom: 1px dashed #adc8ba;
  margin-bottom: 30px;
  padding-bottom: 30px;
}
.activity-box .li:after {
  display: block;
  content: '';
  clear: both;
}
.activity-box .li:last-of-type {
  margin-bottom: 0;
  padding-bottom: 0;
  border-bottom: 0;
}
.activity-box .li .ticket {
  width: 93px;
  height: 188px;
  float: left;
  margin-right: 10px;
  background: url(/static/css/img37.png);
  text-align: center;
}
.activity-box .li .ticket .top,
.activity-box .li .ticket .middle {
  display: flex;
  align-content: center;
  flex-wrap: wrap;
  justify-content: center;
}
.activity-box .li .ticket .top {
  height: 45%;
}
.activity-box .li .ticket .top .fa {
  color: #348660;
  font-size: 32px;
}
.activity-box .li .ticket .top span {
  font-size: 14px;
  width: 100%;
}
.activity-box .li .ticket .middle {
  height: 47%;
}
.activity-box .li .ticket .middle b {
  width: 100%;
  color: #ffbd3d;
}
.activity-box .li .ticket .middle b span {
  font-size: 28px;
  color: #ffbd3d;
}
.activity-box .li .ticket .middle span {
  font-size: 14px;
  color: #fff;
}
.activity-box .li .ticket.free {
  background: url(/static/css/img38.png);
}
.activity-box .li .ticket.free .top .fa {
  color: #ffbd3d;
  font-size: 32px;
}
.activity-box .li .img {
  float: left;
  width: 280px;
  height: 188px;
}
.activity-box .li .img img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.activity-box .li .info {
  float: right;
  width: calc(100% - 420px);
}
.activity-box .li .info .tit {
  font-size: 18px;
  color: #333;
}
.activity-box .li .info .time {
  color: #ffbd3d;
  margin: 6px 0 8px 0;
  font-size: 16px;
}
.activity-box .li .info .time span {
  margin-right: 20px;
}
.activity-box .li .info .time span .fa {
  color: #348660;
  margin-right: 4px;
}
.activity-box .li .info .text {
  line-height: 25px;
  color: #999;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
  overflow: hidden;
}
.activity-box .li .info .more {
  margin-top: 25px;
}
.activity-box .li .info .more a {
  background: #348660;
  padding: 12px 35px;
  border-radius: 5px;
  color: #fff;
  -webkit-transition: 400ms;
  -moz-transition: 400ms;
  -o-transition: 400ms;
  transition: 400ms;
}
.activity-box .li .info .more a:hover {
  opacity: 0.7;
  -webkit-transition: 400ms;
  -moz-transition: 400ms;
  -o-transition: 400ms;
  transition: 400ms;
}
.activity-box .li .info .more a:last-of-type {
  background: #ffbd3d;
  margin-left: 10px;
}
.activity-info-box {
  margin: 32px 0;
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.activity-info-box .img {
  width: 45%;
  border-radius: 8px;
  overflow: hidden;
}
.activity-info-box .img img {
  max-width: 100%;
}
.activity-info-box .info {
  width: 53%;
}
.activity-info-box .info .tit {
  font-size: 18px;
  font-weight: bold;
}
.activity-info-box .info .add {
  padding: 12px 0;
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
}
.activity-info-box .info .add .p {
  margin-right: 20px;
}
.activity-info-box .info .add .p .fa {
  color: #3a8a65;
  margin-right: 5px;
}
.activity-info-box .info .add .p span {
  color: #ffbd3d;
}
.activity-info-box .info .fare span {
  color: #ffbd3d;
}
.activity-info-box .info .fare span b {
  font-size: 24px;
}
.activity-info-box .info .number {
  padding: 20px 0;
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
}
.activity-info-box .info .number .int {
  background: #f3f9f6;
  color: #3a8a65;
  padding: 5px 10px;
  border-radius: 20px;
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  align-items: baseline;
}
.activity-info-box .info .number .int input {
  background: none;
  border: none;
  text-align: center;
  width: 60px;
}
.activity-info-box .info .number .int .fa {
  cursor: pointer;
}
.activity-info-box .info .apply {
  padding: 12px 0 20px 0;
}
.activity-info-box .info .apply span {
  background: #3a8a65;
  padding: 10px 25px;
  border-radius: 5px;
  color: #fff;
  cursor: pointer;
  -webkit-transition: 400ms;
  -moz-transition: 400ms;
  -o-transition: 400ms;
  transition: 400ms;
}
.activity-info-box .info .apply span:hover {
  opacity: 0.7;
  -webkit-transition: 400ms;
  -moz-transition: 400ms;
  -o-transition: 400ms;
  transition: 400ms;
}
.activity-info-box .info .preview {
  margin-top: 15px;
}
.activity-info-box .info .preview .fa {
  color: #3a8a65;
  margin-right: 5px;
}
.activity-info-box .info .preview span {
  color: #ffbd3d;
}
.activity-info-bot {
  border-top: 1px solid #d1d1d1;
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  justify-content: space-between;
}
.activity-info-bot .left {
  width: calc(100% - 410px);
  border-right: 1px solid #d1d1d1;
  padding-top: 30px;
  padding-right: 30px;
  padding-bottom: 30px;
}
.activity-info-bot .left .title {
  font-size: 16px;
  font-weight: bold;
  margin-bottom: 15px;
}
.activity-info-bot .left .content {
  line-height: 25px;
}
.activity-info-bot .left .content img {
  max-width: 100%;
  width: auto !important;
}
.activity-info-bot .left .bottom {
  margin-top: 30px;
  padding-top: 30px;
  border-top: 1px solid #d1d1d1;
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding-right: 30px;
  width: calc(100% + 30px);
}
.activity-info-bot .left .bottom .pg {
  width: calc(100% - 165px);
}
.activity-info-bot .left .bottom .pg a {
  padding: 4px 0;
  display: block;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  color: #7c807e;
}
.activity-info-bot .left .bottom .pg a span {
  color: #333;
}
.activity-info-bot .left .bottom .back {
  display: block;
  color: #fff;
  background: #3a8a65;
  border-radius: 5px;
  padding: 10px 25px;
  text-align: center;
  -webkit-transition: 400ms;
  -moz-transition: 400ms;
  -o-transition: 400ms;
  transition: 400ms;
}
.activity-info-bot .left .bottom .back:hover {
  opacity: 0.7;
  -webkit-transition: 400ms;
  -moz-transition: 400ms;
  -o-transition: 400ms;
  transition: 400ms;
}
.activity-info-bot .right {
  width: 370px;
  padding-bottom: 30px;
}
.activity-info-bot .right .title {
  font-size: 16px;
  font-weight: bold;
  margin-bottom: 15px;
  margin-top: 30px;
}
.activity-info-bot .right .box .li {
  margin-bottom: 30px;
}
.activity-info-bot .right .box .li .img {
  width: 100%;
  height: 210px;
  margin-bottom: 15px;
  border-radius: 8px;
  overflow: hidden;
}
.activity-info-bot .right .box .li .img img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.activity-info-bot .right .box .li .tit {
  font-size: 18px;
  font-weight: bold;
}
.activity-info-bot .right .box .li .add {
  padding: 12px 0;
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
}
.activity-info-bot .right .box .li .add .p {
  margin-right: 20px;
}
.activity-info-bot .right .box .li .add .p .fa {
  color: #3a8a65;
  margin-right: 5px;
}
.activity-info-bot .right .box .li .add .p span {
  color: #ffbd3d;
}
.activity-info-bot .right .box .li .fare span {
  color: #ffbd3d;
}
.activity-info-bot .right .box .li .fare span b {
  font-size: 24px;
}
.activity-info-bot .right .box .li .a {
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  margin-top: 18px;
}
.activity-info-bot .right .box .li .a a {
  width: 50%;
  display: block;
  padding: 12px 0;
  border-radius: 5px 0 0 5px;
  background: #348660;
  color: #fff;
  text-align: center;
}
.activity-info-bot .right .box .li .a a:last-of-type {
  background: #ffbd3d;
  border-left: 1px solid #fff;
  border-radius: 0 5px 5px 0;
}
.member-bottom {
  width: 100%;
  padding: 25px 0;
  background: #e4eae7;
  color: #8b9892;
}
.club-card {
  min-height: 530px;
}
.club-card table th,
.club-card table td {
  text-align: center;
  padding: 18px 10px;
  border-color: rgba(0, 0, 0, 0.1);
  vertical-align: middle;
}
.club-card table th {
  background: #348660;
  color: #fff;
  font-weight: bold;
}
.club-card table a {
  font-size: 12px;
}
.club-card table a.over {
  border-color: #ddd;
  background-color: #ddd;
  color: #333;
}
.club-card table .yellow {
  color: #ffbd3d;
}
.club-card table .red {
  font-size: 18px;
  font-weight: bold;
  color: #ff0000;
}
.club-card .Pay-icon {
  width: 30px;
  height: 30px;
}
.invoice-box {
  padding: 20px 30px;
}
.invoice-box .info {
  margin-bottom: 20px;
}
.invoice-box .con .li {
  margin-bottom: 15px;
}
.invoice-box .con .li:last-of-type {
  margin-bottom: 0;
}
.invoice-box .con .li .form-control {
  height: 44px;
  border-color: #d8d8d8;
  border-radius: 5px;
}
.invoice-box .con .li .box-label span {
  color: #ff0000;
  margin-right: 6px;
}
.invoice-box .con .li .liability {
  color: #333;
  text-align: center;
  width: 100%;
  margin-top: 20px;
}
.invoice-box .con .li .liability input {
  margin-right: 4px;
  vertical-align: text-top;
  margin-top: 3.5px;
}
.invoice-box .con .li .liability span {
  color: #348660;
}
.invoice-box .con .li.has-error .form-control {
  border-color: #c82333;
  box-shadow: 0 0 10px rgba(200, 35, 51, 0.7);
  -webkit-transition: 400ms;
  -moz-transition: 400ms;
  -o-transition: 400ms;
  transition: 400ms;
}
.member-box-card {
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
  overflow: hidden;
  justify-content: center;
}
.member-box-card .instructions-info {
  max-width: 725px;
  min-width: 630px;
  margin: 10px 20px;
  background: #e8f9f1;
  border-radius: 5px;
  overflow: hidden;
  position: relative;
}
.member-box-card .instructions-info:after {
  position: absolute;
  display: block;
  content: '';
  clear: both;
  left: 8px;
  top: 8px;
  width: calc(100% - 16px);
  height: calc(100% - 16px);
  border: 2px solid #fff;
  border-radius: 5px;
}
.member-box-card .instructions-info .box-c {
  position: relative;
  z-index: 2;
  padding: 35px;
}
.member-box-card .instructions-info .title {
  font-size: 26px;
  color: #348660;
}
.member-box-card .instructions-info .li {
  margin-top: 22px;
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.member-box-card .instructions-info .li .text {
  margin-right: 25px;
  line-height: 28px;
}
.member-box-card .instructions-info .li .img {
  font-size: 12px;
  line-height: 15px;
  width: 100px;
  text-align: center;
}
.member-box-card .instructions-info .li .img img {
  margin-bottom: 6px;
  max-width: 100%;
  border-radius: 4px;
  border: 6px solid #fff;
}
.member-box-card .instructions-info .li .text-box {
  width: calc(100% - 120px);
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  justify-content: space-between;
  align-items: center;
  flex-wrap: wrap;
}
.member-box-card .instructions-info .li .text-box .icon {
  width: 50%;
  padding: 10px 0;
}
.member-box-card .instructions-info .li .text-box .icon b {
  color: #348660;
}
.member-box-card .instructions-info .li .text-box .icon .fa {
  width: 24px;
  height: 24px;
  line-height: 24px;
  overflow: hidden;
  text-align: center;
  border-radius: 50%;
  color: #fff;
  background: #348660;
  font-size: 12px;
  margin-right: 6px;
  vertical-align: bottom;
}
.member-box-card .instructions-info .li .text-box .icon:last-of-type {
  width: 100%;
}
.member-box {
  max-width: 725px;
  min-width: 725px;
  margin: 10px 0;
  background: url(/static/css/img55.jpg) no-repeat;
  background-size: cover;
  position: relative;
  border-radius: 5px;
  overflow: hidden;
}
.member-box .box-c {
  position: relative;
  z-index: 2;
}
.member-box:after {
  position: absolute;
  display: block;
  content: '';
  clear: both;
  left: 8px;
  top: 8px;
  width: calc(100% - 16px);
  height: calc(100% - 16px);
  border: 2px solid #fff;
  border-radius: 5px;
}
.member-box .logo {
  margin: 30px 30px 25px 30px;
}
.member-box .top {
  background: #358660;
  padding: 10px 30px;
  position: relative;
  overflow: hidden;
}
.member-box .top:before {
  display: block;
  content: '';
  clear: both;
  position: absolute;
  left: -180px;
  top: -40%;
  width: 370px;
  height: 146%;
  background: #f3fff9;
  transform: rotateZ(15deg);
}
.member-box .top .top-c {
  position: relative;
  z-index: 2;
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.member-box .top .img {
  width: 128px;
  height: 166px;
  line-height: 166px;
  text-align: center;
}
.member-box .top .img img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.member-box .top .info {
  width: calc(100% - 226px);
}
.member-box .top .info .text {
  margin-bottom: 8px;
  font-size: 18px;
  line-height: 26px;
  color: #73b898;
}
.member-box .top .info .text span {
  color: #fff;
}
.member-box .bot {
  border-radius: 0 0 5px 5px;
  padding: 15px 25px 25px 25px;
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.member-box .bot .tit {
  color: #348660;
  font-size: 18px;
  font-weight: bold;
}
.member-box .bot .code {
  color: #348660;
  font-weight: bold;
  font-size: 18px;
}
.member-box .bot .code span {
  color: #333;
}
.member-box-no {
  margin-top: 40px;
  text-align: center;
  padding: 40px;
  border: 1px solid #dc3545;
  background: #ffe7e9;
  font-size: 16px;
  color: #dc3545;
}
.member-box-no img {
  margin-right: 20px;
}
.member-box-no .infobox {
  display: inline-block;
  text-align: left;
  line-height: 1.8;
}
.member-box-no .infobox img {
  max-width: 100%;
}
.print-box {
  padding: 35px 0;
  text-align: center;
}
.print-box .a {
  padding: 8px 25px;
  border-radius: 5px;
  color: #fff;
  background: #348660;
  display: inline-flex;
  cursor: pointer;
  -webkit-transition: 400ms;
  -moz-transition: 400ms;
  -o-transition: 400ms;
  transition: 400ms;
}
.print-box .a:hover {
  opacity: 0.7;
  -webkit-transition: 400ms;
  -moz-transition: 400ms;
  -o-transition: 400ms;
  transition: 400ms;
}
.print-box .a .fa {
  margin-top: 4px;
  margin-right: 5px;
}
.register-nutrition-a {
  text-align: center;
  margin-top: 10px;
  margin-bottom: 25px;
}
.register-nutrition-a a {
  display: block;
  width: 90%;
  margin: 0 auto;
  background-color: #5eb28b;
  border: 1px solid #5eb28b;
  border-radius: 25px;
  color: #fff;
  padding: 8px 12px;
  -webkit-transition: 400ms;
  -moz-transition: 400ms;
  -o-transition: 400ms;
  transition: 400ms;
}
.register-nutrition-a a:hover {
  opacity: 0.8;
  -webkit-transition: 400ms;
  -moz-transition: 400ms;
  -o-transition: 400ms;
  transition: 400ms;
}
.register-nutrition-a a:nth-child(2) {
  background-color: transparent;
  margin-top: 10px;
}
.pager,
.pages {
  margin-top: 30px;
  padding: 25px 0;
  text-align: center;
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  -webkit-justify-content: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  -webkit-align-items: center;
  align-items: center;
  font-size: 14px;
}
.pager ul,
.pages ul {
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  -webkit-justify-content: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  -webkit-align-items: center;
  align-items: center;
  font-size: 14px;
}
.pager a,
.pages a,
.pager span,
.pages span {
  padding: 6px 10px;
  border-radius: 5px;
  border: 1px solid #d1e0ec;
  color: #6683ac;
  -webkit-transition: 400ms;
  -moz-transition: 400ms;
  -ms-transition: 400ms;
  -o-transition: 400ms;
  transition: 400ms;
  margin: 0 2px;
}
.pager a:hover,
.pages a:hover,
.pager span:hover,
.pages span:hover {
  background: #ffbd3d;
  border-color: #ffbd3d;
  color: #fff;
  -webkit-transition: 400ms;
  -moz-transition: 400ms;
  -ms-transition: 400ms;
  -o-transition: 400ms;
  transition: 400ms;
}
.pager span,
.pages span {
  background: #ffbd3d;
  border-color: #ffbd3d;
  color: #fff;
}
.pay-box {
  min-height: 530px;
}
.pay-box .li {
  margin: 15px 0;
  font-size: 16px;
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
}
.pay-box .li span {
  color: #348660;
}
.pay-box .li .money {
  color: #ffbd3d;
  font-size: 22px;
  vertical-align: middle;
  margin-top: -4px;
}
.pay-box .li .code {
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
}
.pay-box .li .code .img {
  color: #09bb07;
}
.pay-box .li .code .img span {
  margin-right: 20px;
  width: 120px;
  height: 46px;
  line-height: 42px;
  text-align: center;
  border-radius: 5px;
  background: #09bb07;
  display: block;
  margin-top: 6px;
}
.pay-box .li .code .img span img {
  height: 30px;
}
.pay-box .li .code .img:last-of-type {
  color: #02a9f1;
}
.pay-box .li .code .img:last-of-type span {
  line-height: inherit;
  background: #02a9f1;
}
.pay-box .li .code .img:last-of-type span img {
  height: 70px;
  margin-top: -12px;
}
.activity-info .more {
  text-align: right;
  margin-top: 30px;
}
.activity-info .tit {
  margin-top: 20px;
  font-size: 18px;
  color: #333;
  line-height: 28px;
  text-align: center;
}
.activity-info .time {
  text-align: center;
  color: #ffbd3d;
  margin: 18px 0 30px 0;
  font-size: 14px;
  border-bottom: 1px dashed #ddd;
  padding-bottom: 22px;
}
.activity-info .time span {
  margin-right: 20px;
}
.activity-info .time span .fa {
  color: #348660;
  margin-right: 4px;
}
.activity-info .time a {
  padding: 8px 20px;
  border-radius: 5px;
  background: #ffbd3d;
  color: #fff;
}
.activity-info .info {
  line-height: 25px;
  min-height: 530px;
}
.activity-info .info img {
  width: auto !important;
  max-width: 100%;
}
.datetimepicker {
  font-size: 13px;
}
.datetimepicker thead tr:first-child th,
.datetimepicker tfoot th {
  font-weight: bold;
}
.datetimepicker td,
.datetimepicker th {
  line-height: 26px;
}
body .datetimepicker table tr td span.active,
body .datetimepicker table tr td span.active:hover,
body .datetimepicker table tr td span.active.disabled,
body .datetimepicker table tr td span.active.disabled:hover {
  background-color: #4bae80;
  background-image: -moz-linear-gradient(top, #48a278, #348660);
  background-image: -ms-linear-gradient(top, #48a278, #348660);
  background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#48a278), to(#348660));
  background-image: -webkit-linear-gradient(top, #48a278, #348660);
  background-image: -o-linear-gradient(top, #48a278, #348660);
  background-image: linear-gradient(to bottom, #48a278, #348660);
  background-repeat: repeat-x;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#0088cc', endColorstr='#0044cc', GradientType=0);
  border-color: #348660 #348660 #268358;
  border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);
  filter: progid:DXImageTransform.Microsoft.gradient(enabled=false);
  color: #fff;
  text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
}
body .datetimepicker table tr td.active,
body .datetimepicker table tr td.active:hover,
body .datetimepicker table tr td.active.disabled,
body .datetimepicker table tr td.active.disabled:hover {
  background-color: #4bae80;
  background-image: -moz-linear-gradient(top, #48a278, #348660);
  background-image: -ms-linear-gradient(top, #48a278, #348660);
  background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#48a278), to(#348660));
  background-image: -webkit-linear-gradient(top, #48a278, #348660);
  background-image: -o-linear-gradient(top, #48a278, #348660);
  background-image: linear-gradient(to bottom, #48a278, #348660);
  background-repeat: repeat-x;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#0088cc', endColorstr='#0044cc', GradientType=0);
  border-color: #348660 #348660 #268358;
  border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);
  filter: progid:DXImageTransform.Microsoft.gradient(enabled=false);
  color: #fff;
  text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
}
.prompt {
  background: #d6f3e6;
  border: 1px solid rgba(52, 134, 96, 0.4);
  box-shadow: 0 0 5px rgba(52, 134, 96, 0.2);
  border-radius: 5px;
  padding: 20px;
  margin-bottom: 30px;
  position: relative;
  color: #348660;
  font-size: 15px;
}
.prompt .fa {
  font-size: 18px;
  position: absolute;
  right: 5px;
  top: 5px;
  color: #348660;
}
.remind-senior-tit {
  border-color: #dc3545;
  color: #dc3545;
  background: #ffe7e9;
  box-shadow: 0 0 5px rgba(220, 53, 69, 0.2);
  font-size: 15px;
  margin-bottom: 15px;
}
.remind-senior-tit .fa {
  font-size: 14px;
  color: #dc3545;
}
.description-li {
  margin-right: 0 !important;
}
.description-link {
  margin-top: -11px;
}
.not-through {
  background: #fdf8ee;
  padding: 20px;
  border-radius: 5px;
}
.not-through .tit {
  font-size: 16px;
  font-weight: bold;
  color: #f1ae2d;
  margin-bottom: 10px;
}
.not-through .con {
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  justify-content: space-between;
}
.not-through .con .info {
  width: calc(100% - 150px);
}
.not-through .con .info b {
  color: #f1ae2d;
}
.not-through .con .a a {
  background: #348660;
  color: #fff;
  border-radius: 6px;
  padding: 8px 15px;
  -webkit-transition: 400ms;
  -moz-transition: 400ms;
  -ms-transition: 400ms;
  -o-transition: 400ms;
  transition: 400ms;
}
.not-through .con .a a .fa {
  margin-right: 4px;
}
.not-through .con .a a:hover {
  opacity: 0.7;
  -webkit-transition: 400ms;
  -moz-transition: 400ms;
  -ms-transition: 400ms;
  -o-transition: 400ms;
  transition: 400ms;
}
.receipt-a span,
.receipt-a a {
  display: inline-flex;
  margin: 2px 0;
  vertical-align: top;
}
.receipt-a span .fa,
.receipt-a a .fa {
  vertical-align: middle;
  margin-right: 4px;
  align-self: center;
}
.receipt-a a {
  font-size: 12px;
}
.receipt-a a.over {
  border-color: #ddd;
  background-color: #ddd;
  color: #333;
}
.footer {
  text-align: center;
  padding: 30px 0;
  color: #9dc1b0;
  font-size: 14px;
}
.footer a {
  color: #9dc1b0;
}
.form-control::-webkit-input-placeholder {
  font-size: 14px;
}
.form-control::-moz-input-placeholder {
  font-size: 14px;
}
.form-control::-ms-input-placeholder {
  font-size: 14px;
}
.form-control:focus {
  box-shadow: 0 0 0 0.2rem rgba(52, 134, 96, 0.25);
}
.custom-control-input:checked ~ .custom-control-label::before {
  border-color: #348660;
  background-color: #348660;
}
.dotted-line {
  margin: 40px 0 55px;
  width: 100%;
  height: 1px;
  border-bottom: 1px dashed #348660;
}
.Member-hear {
  background: #358660;
  padding: 12px 0;
}
.Member-hear .Member-List {
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.Member-hear .back {
  color: #fff;
  background: #ffbd3d;
  border-radius: 5px;
  padding: 8px 25px;
  -webkit-transition: 400ms;
  -moz-transition: 400ms;
  -ms-transition: 400ms;
  -o-transition: 400ms;
  transition: 400ms;
}
.Member-hear .back .fa {
  margin-right: 3px;
}
.Member-hear .back:hover {
  opacity: 0.7;
  -webkit-transition: 400ms;
  -moz-transition: 400ms;
  -ms-transition: 400ms;
  -o-transition: 400ms;
  transition: 400ms;
}
.Member-List {
  max-width: 90%;
  width: 1400px;
  margin: 0 auto;
}
body .toast-item-wrapper .toast-message {
  font-size: 14px;
}
body .toast-item-wrapper i.toast-icon {
  font-size: 20px;
}
.myLayui {
  border-radius: 5px !important;
}
.popbox {
  display: none;
  border-radius: 5px;
  background-color: #fff;
  width: 790px;
}
.popbox .poptit {
  font-size: 24px;
  padding-bottom: 10px;
  position: relative;
  background-color: #348660;
  color: #fff;
  padding: 10px 20px;
}
.popbox .poptit .closebtn {
  float: right;
  cursor: pointer;
}
.popbox .popcon {
  padding: 20px;
}
.popbox .strongTxt {
  font-weight: bold;
  text-decoration: underline;
}
.popbox .pindent {
  text-indent: 2em;
}
.policy-popbox {
  max-height: none;
}
.policy-popbox .poptit {
  font-size: 24px;
  font-weight: bold;
  text-align: center;
  background-color: #fff;
  color: #333;
  padding: 30px 0 0;
}
.policy-popbox .popcon {
  line-height: 1.8;
  overflow-y: auto;
  max-height: 85vh;
}
.policy-popbox .popcon p {
  margin-bottom: 5px;
  text-indent: 2em;
}
.policy-popbox .popcon .kuohao-list {
  text-indent: 2em;
  margin-bottom: 5px;
}
.policy-popbox .popcon .decimal-list {
  margin-left: 2em;
}
.policy-popbox .popcon a {
  color: #348660;
}
.paypopbox .remind-senior-tit {
  font-size: 14px;
  padding: 10px 15px;
}
.paypopbox .popcon {
  padding: 30px;
  line-height: 1.8;
  font-size: 16px;
}
.paypopbox .popcon .tit {
  font-size: 18px;
  color: #348660;
}
.paypopbox .popcon span {
  color: #666;
}
.paypopbox .perinfo {
  padding-bottom: 30px;
  margin-bottom: 30px;
  border-bottom: 1px solid #e5e5e5;
}
.paypopbox .txtindent {
  text-indent: 2em;
}
.paypopbox .li {
  padding-left: 15px;
  position: relative;
}
.paypopbox .li:after {
  display: block;
  content: "";
  width: 6px;
  height: 6px;
  border-radius: 50%;
  background-color: #348660;
  position: absolute;
  top: 10px;
  left: 0;
}
.setBox {
  margin: 60px 0 100px;
}
.setBox:after {
  display: block;
  content: "";
  clear: both;
}
.setBox .item {
  float: left;
  width: 33.33%;
  text-align: center;
  position: relative;
}
.setBox .item:not(:last-of-type):after {
  display: block;
  content: "";
  width: 1px;
  height: 160px;
  background-color: #e5e5e5;
  position: absolute;
  top: 50%;
  right: 0;
  margin-top: -80px;
}
.setBox .item .icon {
  width: 130px;
  height: 130px;
  border-radius: 50%;
  background-color: #eff5f3;
  line-height: 130px;
  text-align: center;
  color: #acb5b2;
  font-size: 40px;
  margin: 0 auto;
}
.setBox .item .tit {
  font-weight: bold;
  color: #348660;
  margin: 10px 0;
  font-family: 16px;
}
.setBox .item .p {
  color: #99a8a1;
  min-height: 42px;
}
.setBox .item .btn {
  width: 125px;
  height: 40px;
  line-height: 40px;
  padding: 0;
  border-radius: 20px;
  background-color: #f4faf8;
  border: 1px solid #94c3ad;
  color: #7d9188;
  text-align: center;
  margin-top: 30px;
}
.setBox .item .btn:hover {
  background-color: #348660;
  color: #fff;
}
.changepop {
  width: 635px;
  padding: 30px;
}
.changepop .poptit {
  background-color: #fff;
  border-bottom: 1px solid #d1d1d1;
  padding: 0;
  color: #348660;
  line-height: 1;
  font-weight: bold;
  padding-bottom: 20px;
}
.changepop .poptit:before {
  content: "";
  display: inline-block;
  width: 5px;
  height: 24px;
  max-height: 100%;
  background-color: #ffbd3d;
  vertical-align: middle;
  margin-top: -4px;
  margin-right: 5px;
}
.changepop .col-form-label {
  text-align: right;
}
.changepop .col-form-label span {
  color: red;
}
.changepop .form-control {
  height: 48px;
  background-color: #eef4f2;
  border-color: #eef4f2;
}
.changepop .sub-box {
  margin-bottom: 0;
}
.changepop .codebox:after {
  content: "";
  display: block;
  clear: both;
}
.changepop .codebox .form-control {
  float: left;
  margin-right: 5px;
  width: calc(100% - 155px);
}
.changepop .codebtn {
  float: left;
  background: #348660;
  border: 1px solid #348660;
  color: #fff;
  outline: none;
  height: 48px;
  border-radius: 5px;
  width: 150px;
}
.changepop .codebtn[disabled] {
  background-color: #ddd;
  border-color: #ddd;
  cursor: not-allowed;
}
.huifei-notice {
  padding: 30px 20px;
  line-height: 1.8;
  width: 500px;
  max-width: 90vw;
}
.certsbox .li {
  width: 100%;
}
.certsbox .cert-top {
  justify-content: flex-start;
}
.certsbox .cert-top .box-label,
.certsbox .cert-top .box-i {
  width: auto;
}
.certsbox .certs-selectbox {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
}
.certsbox .certs-selectbox > * {
  width: 32%;
  margin-bottom: 12px;
}
@media screen and (max-width: 1600px) {
  .Personal-information .con {
    width: calc(100% - 140px);
  }
  .login-wrap .con .top-tit .entitled-box {
    top: 57%;
  }
  .login-wrap .con .login-con .login-box {
    -webkit-transform: translate(-50%, -50%) scale(0.8);
    -moz-transform: translate(-50%, -50%) scale(0.8);
    -o-transform: translate(-50%, -50%) scale(0.8);
    transform: translate(-50%, -50%) scale(0.8);
  }
  .login-wrap .con .login-con .login-box .tit .tab {
    font-size: 20px;
    padding: 12px 0;
  }
  .login-wrap .con .login-con .login-box .rig-wrap .input {
    margin-bottom: 38px;
  }
  .login-wrap .con .login-con .login-box .rig-wrap .input .ico {
    top: 16px;
  }
  .login-wrap .con .login-con .login-box .rig-wrap .input .note {
    height: 44px;
    line-height: 44px;
  }
  .login-wrap .con .login-con .login-box .rig-wrap .input .code img {
    height: 44px;
  }
  .login-wrap .con .login-con .login-box .rig-wrap .log-box {
    margin-bottom: 15px;
    margin-top: -16px;
  }
  .login-wrap .con .login-con .login-box .rig-wrap .copyright {
    bottom: -33px;
  }
  .login-wrap .con .login-con .login-box .title {
    font-size: 32px;
  }
  .login-wrap .con .login-con .login-box .box {
    padding: 15px 40px;
    border-radius: 0 10px 10px 0;
  }
  .login-wrap .con .login-con .login-box .entitled-box {
    padding: 30px 50px;
  }
  .login-wrap .con .login-con .login-box .entitled-box .info-box .tit {
    margin-top: 16px;
    font-size: 24px;
  }
  .login-wrap .con .login-con .login-box .entitled-box .info-box .a {
    margin-top: 20px;
  }
  .login-wrap .con .login-con .login-box .tit-box .tab {
    padding: 10px 0;
    font-size: 18px;
  }
  .login-wrap .con .login-con .login-box .rig-wrap .no-account .li {
    margin-bottom: 5px;
    font-size: 14px;
  }
  .process-top {
    padding: 14px 0;
  }
  .process-con {
    padding: 30px;
    min-height: 550px;
  }
  .process-con .process-li .tit {
    font-size: 28px;
  }
  .process-con .process-li .tit-info {
    padding: 10px 0 15px 0;
  }
  .process-con .process-li .tit-info a {
    top: -22px;
  }
  .process-con .reg-box {
    margin: 26px auto 20px;
  }
  .process-con .form-box .sub-box {
    margin-top: 15px;
  }
  .process-con .form-box .sub-box button {
    padding: 12px 0;
  }
  .process-con .form-box .form-group {
    margin-bottom: 16px;
  }
  .regulations-box .tit {
    margin-bottom: 30px;
    font-size: 24px;
  }
  .input-box .li .card-p {
    font-size: 12px;
  }
  .input-box .li .card-img span {
    padding: 8px 12px;
  }
  .input-box .special-right {
    width: 100%;
  }
  .process-bot {
    padding: 12px 20px;
  }
  .con-wrap .content-left {
    width: 200px;
  }
  .con-wrap .content-right-box {
    width: calc(100% - 200px);
  }
}
@media screen and (max-width: 1440px) {
  .wxpaybox img {
    width: 200px;
  }
}