* {
  padding: 0;
  margin: 0;
  border: none;
  font-family: PingFangSC-Regular, "Microsoft YaHei", "Segoe UI", "Lucida Grande", Helvetica, Arial, FreeSans, Arimo, "Droid Sans", "wenquanyi micro hei", "Hiragino Sans GB", "Hiragino Sans GB W3", Arial, sans-serif;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  box-sizing: border-box;
  font-size: 14px;
  color: #444;
  background-color: transparent;
  outline: 0
}

body,
html {
  width: 100%;
  height: 100%;
  background-color: #eee
}

::-webkit-input-placeholder {
  color: #bbb
}

:-ms-input-placeholder {
  color: #bbb
}

::placeholder {
  color: #bbb
}

a,
a:active,
a:hover,
a:link,
a:visited {
  color: #4990e2;
  outline: 0;
  text-decoration: none;
  cursor: pointer
}

table {
  border-spacing: 0
}

th {
  background-color: #f1f1f1;
  color: #666;
  padding: 8px 10px;
  line-height: 20px;
  word-break: break-word;
  vertical-align: top;
  text-align: left
}

th:not(:last-child) {
  border-right: 2px solid #fff
}

th span {
  font-weight: 400;
  color: #999
}

tr:nth-child(even) {
  background-color: #fafafa
}

td {
  padding: 20px 10px;
  line-height: 20px;
  word-break: break-word;
  vertical-align: top
}

input {
  border: 1px solid #e9e9e9;
  border-radius: 1px;
  outline: 0
}

input:focus {
  background-color: #f0fbfe;
  border-color: #a1eafd
}

input[disabled] {
  background-color: #fafafa;
  color: #999;
  cursor: not-allowed
}

input.error {
  background-color: #fff2ef;
  border-color: #ffaf9d
}

button {
  outline: 0;
  cursor: pointer
}

button[disabled] {
  cursor: not-allowed
}

.col-1 {
  width: 4.16666667% !important;
  display: block;
  float: left
}

.col-offset-1 {
  margin-left: 4.16666667% !important
}

.col-2 {
  width: 8.33333333% !important;
  display: block;
  float: left
}

.col-offset-2 {
  margin-left: 8.33333333% !important
}

.col-3 {
  width: 12.5% !important;
  display: block;
  float: left
}

.col-offset-3 {
  margin-left: 12.5% !important
}

.col-4 {
  width: 16.66666667% !important;
  display: block;
  float: left
}

.col-offset-4 {
  margin-left: 16.66666667% !important
}

.col-5 {
  width: 20.83333333% !important;
  display: block;
  float: left
}

.col-offset-5 {
  margin-left: 20.83333333% !important
}

.col-6 {
  width: 25% !important;
  display: block;
  float: left
}

.col-offset-6 {
  margin-left: 25% !important
}

.col-7 {
  width: 29.16666667% !important;
  display: block;
  float: left
}

.col-offset-7 {
  margin-left: 29.16666667% !important
}

.col-8 {
  width: 33.33333333% !important;
  display: block;
  float: left
}

.col-offset-8 {
  margin-left: 33.33333333% !important
}

.col-9 {
  width: 37.5% !important;
  display: block;
  float: left
}

.col-offset-9 {
  margin-left: 37.5% !important
}

.col-10 {
  width: 41.66666667% !important;
  display: block;
  float: left
}

.col-offset-10 {
  margin-left: 41.66666667% !important
}

.col-11 {
  width: 45.83333333% !important;
  display: block;
  float: left
}

.col-offset-11 {
  margin-left: 45.83333333% !important
}

.col-12 {
  width: 50% !important;
  display: block;
  float: left
}

.col-offset-12 {
  margin-left: 50% !important
}

.col-13 {
  width: 54.16666667% !important;
  display: block;
  float: left
}

.col-offset-13 {
  margin-left: 54.16666667% !important
}

.col-14 {
  width: 58.33333333% !important;
  display: block;
  float: left
}

.col-offset-14 {
  margin-left: 58.33333333% !important
}

.col-15 {
  width: 62.5% !important;
  display: block;
  float: left
}

.col-offset-15 {
  margin-left: 62.5% !important
}

.col-16 {
  width: 66.66666667% !important;
  display: block;
  float: left
}

.col-offset-16 {
  margin-left: 66.66666667% !important
}

.col-17 {
  width: 70.83333333% !important;
  display: block;
  float: left
}

.col-offset-17 {
  margin-left: 70.83333333% !important
}

.col-18 {
  width: 75% !important;
  display: block;
  float: left
}

.col-offset-18 {
  margin-left: 75% !important
}

.col-19 {
  width: 79.16666667% !important;
  display: block;
  float: left
}

.col-offset-19 {
  margin-left: 79.16666667% !important
}

.col-20 {
  width: 83.33333333% !important;
  display: block;
  float: left
}

.col-offset-20 {
  margin-left: 83.33333333% !important
}

.col-21 {
  width: 87.5% !important;
  display: block;
  float: left
}

.col-offset-21 {
  margin-left: 87.5% !important
}

.col-22 {
  width: 91.66666667% !important;
  display: block;
  float: left
}

.col-offset-22 {
  margin-left: 91.66666667% !important
}

.col-23 {
  width: 95.83333333% !important;
  display: block;
  float: left
}

.col-offset-23 {
  margin-left: 95.83333333% !important
}

.col-24 {
  width: 100% !important;
  display: block;
  float: left
}

.col-offset-24 {
  margin-left: 100% !important
}

.text-left {
  text-align: left
}

.text-center {
  text-align: center
}

.text-right {
  text-align: right
}

.bold {
  font-weight: 700
}

.error-tips {
  color: #a94442;
  height: 20px;
  line-height: 20px
}

.fl {
  float: left
}

.fr {
  float: right
}

.clearfix {
  zoom: 1
}

.clearfix::after,
.clearfix::before {
  content: "";
  display: table
}

.clearfix::after {
  clear: both;
  visibility: hidden;
  font-size: 0;
  height: 0
}



.modal-mask {
  background-color: rgba(0, 0, 0, .4);
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  z-index: 100;
}

.modal-body {
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate3d(-50%, -50%, 0);
  transform: translate3d(-50%, -50%, 0);
  width: 420px;
  box-shadow: 0 0 15px 0 rgba(0, 0, 0, .2);
  border-radius: 2px;
  background-color: #fff;
  padding: 40px 20px 20px 40px
}

.modal-body .title {
  line-height: 24px;
  color: #333;
}
.modal-body .close {
  font-size: 20px;
  cursor: pointer
}
.modal-body .content {
  margin-top: 5px;
  line-height: 20px;
  color: #999;
}

.modal-body a {
  margin-top: 60px;
  line-height: 28px
}



.form-group {
  position: relative;
  zoom: 1
}

.form-group::after,
.form-group::before {
  content: "";
  display: table
}

.form-group::after {
  clear: both;
  visibility: hidden;
  font-size: 0;
  height: 0
}

.form-group label {
  text-align: right;
  height: 46px;
  padding: 13px 10px
}

.form-group input {
  width: 100%;
  height: 46px;
  padding: 13px 10px;
  border-radius: 1px 1px 0 0
}

.form-group.with-icon input {
  padding-left: 30px
}

.form-group.with-icon .icon {
  position: absolute;
  width: 18px;
  top: 50%;
  left: 8px;
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%)
}

.form-group.with-button input {
  padding-right: 100px
}

.form-group.with-button input:focus+button::before {
  background-color: #f0fbfe
}

.form-group.with-button input.error+button::before {
  background-color: #fff2ef
}

.form-group.with-button button {
  width: 90px;
  height: calc(100% - 2px);
  color: #4990e2;
  position: absolute;
  right: 1px;
  top: 50%;
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%);
  border-left: 1px solid #e9e9e9
}

.form-group.with-button button::before {
  content: '';
  display: block;
  width: 6px;
  height: 6px;
  border-left: 1px solid #e9e9e9;
  border-top: 1px solid #e9e9e9;
  position: absolute;
  -webkit-transform: translateY(-50%) rotate(-45deg);
  transform: translateY(-50%) rotate(-45deg);
  top: 50%;
  left: -4px;
  background-color: #fff
}

.btn {
  border-radius: 2px;
  font-size: 14px;
  text-align: center;
  height: 28px;
  line-height: 28px;
  padding: 0 16px;
  display: inline-block
}

.btn.border {
  line-height: 26px;
  border-width: 1px;
  border-style: solid
}

.btn.big {
  width: 140px;
  height: 40px;
  line-height: 40px
}

.btn.big.border {
  line-height: 38px
}

.btn.default {
  color: #444;
  background-color: #fff;
  border: 1px solid #e9e9e9
}

.btn.default:active,
.btn.default:focus,
.btn.default:hover {
  background-color: #f2f2f2;
  border-color: #ddd
}

.btn.default[disabled] {
  background-color: #fff;
  border-color: #f7f7f7
}

.btn.primary {
  color: #fff;
  background-color: #00c3f5;
  border-color: #00c3f5
}

.btn.primary:active,
.btn.primary:focus,
.btn.primary:hover {
  background-color: #00b0f5;
  border-color: #00b0f5
}

.btn.primary[disabled] {
  background-color: #a6eafc;
  border-color: #a6eafc
}

.btn.primary-o {
  color: #00c3f5;
  background-color: #fff;
  border-color: #00c3f5
}

.btn.primary-o:active,
.btn.primary-o:focus,
.btn.primary-o:hover {
  color: #00b0f5;
  border-color: #00b0f5
}

.btn.primary-o[disabled] {
  color: #a6eafc;
  border-color: #a6eafc
}

.btn.orange {
  color: #fff;
  background-color: #f6a623;
  border-color: #f6a623
}

.btn.orange:active,
.btn.orange:focus,
.btn.orange:hover {
  background-color: #ea9e21;
  border-color: #ea9e21
}

.btn.orange[disabled] {
  background-color: #fce0b2;
  border-color: #fce0b2
}

.btn.danger {
  color: #fff;
  background-color: #f1684f;
  border-color: #f1684f
}

.btn.danger:active,
.btn.danger:focus,
.btn.danger:hover {
  background-color: #e5634b;
  border-color: #e5634b
}

.btn.danger[disabled] {
  background-color: #facac1;
  border-color: #facac1
}

header.header-wrap {
  width: 100%;
  min-width: 1200px;
  background-color: #262626;
  color: #fff
}

header.header-wrap a {
  color: inherit
}

header.header-wrap .header-content {
  height: 50px;
  line-height: 50px;
  width: 1200px;
  margin: 0 auto;
  background: url(//s.yezgea02.com/static/pc7o1.png) no-repeat left center/99px 39px;
  padding-left: 110px
}

header.header-wrap .one-item {
  float: left;
  margin: 18px 0;
  padding: 0 15px;
  height: 14px;
  line-height: 14px;
  color: #fff
}

header.header-wrap .one-item:not(:last-child) {
  border-right: 1px solid #666
}

header.header-wrap .avatar {
  position: relative
}

header.header-wrap .avatar>* {
  vertical-align: top
}

header.header-wrap .avatar img {
  margin-top: -5px;
  border-radius: 50%
}

header.header-wrap .avatar i {
  display: inline-block;
  width: 6px;
  height: 6px;
  vertical-align: middle;
  border-top: 6px solid #aaa;
  border-left: 3px solid transparent;
  border-right: 3px solid transparent
}

header.header-wrap .avatar:hover .dropdown {
  display: block
}

header.header-wrap .dropdown {
  position: absolute;
  z-index: 1;
  display: none;
  padding-top: 32px;
  top: 0
}

header.header-wrap .dropdown::before {
  content: "";
  display: block;
  width: 5px;
  height: 5px;
  background-color: #fff;
  border-top: 1px solid #d8d8d8;
  border-left: 1px solid #d8d8d8;
  position: absolute;
  top: 29px;
  left: 68px;
  -webkit-transform: rotate(45deg);
  transform: rotate(45deg)
}

header.header-wrap .dropdown ul {
  border: 1px solid #d8d8d8;
  box-shadow: 0 0 8px 0 rgba(0, 0, 0, .1);
  border-radius: 2px;
  background-color: #fff
}

header.header-wrap .dropdown li {
  width: 100px;
  list-style: none;
  height: 30px;
  line-height: 30px;
  padding-left: 15px;
  text-align: left;
  color: #666
}

header.header-wrap .dropdown li:hover {
  background-color: #eee;
  font-weight: 700
}

div.main-wrap {
  width: 1200px;
  min-height: 800px;
  margin: 40px auto 0;
  background-color: #fff
}

div.main-wrap .nav-wrap {
  padding: 14px 0 13px;
  background-color: #f9f9f9;
  border-bottom: 1px solid #e9e9e9
}
div.main-wrap .nav-wrap ul {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}

div.main-wrap .nav-wrap li {
  -webkit-box-flex:1;
      -ms-flex:1;
          flex:1;
  list-style: none;
  height: 22px;
  position: relative
}

div.main-wrap .nav-wrap li:not(:last-child) {
  border-right: 1px solid #e9e9e9
}

div.main-wrap .nav-wrap li.profile a {
  background-image: url(//s.yezgea02.com/static/70cj9.png)
}

div.main-wrap .nav-wrap li.profile.active a {
  background-image: url(//s.yezgea02.com/static/d6875.png)
}

div.main-wrap .nav-wrap li.payment a {
  background-image: url(//s.yezgea02.com/static/cwdii.png)
}

div.main-wrap .nav-wrap li.payment.active a {
  background-image: url(//s.yezgea02.com/static/xouc7.png)
}

div.main-wrap .nav-wrap li.list a {
  background-image: url(//s.yezgea02.com/static/wfa43.png)
}

div.main-wrap .nav-wrap li.list.active a {
  background-image: url(//s.yezgea02.com/static/qnl05.png)
}

div.main-wrap .nav-wrap li.setpassword a {
  background-image: url(//s.yezgea02.com/static/b3ae8.png)
}

div.main-wrap .nav-wrap li.setpassword.active a {
  background-image: url(//s.yezgea02.com/static/99p2v.png)
}

div.main-wrap .nav-wrap li.subuser a {
  background-image: url(//s.yezgea02.com/static/7w6m9.png)
}

div.main-wrap .nav-wrap li.subuser.active a {
  background-image: url(//s.yezgea02.com/static/uz56x.png)
}

div.main-wrap .nav-wrap li a {
  color: #666;
  padding-left: 24px;
  font-weight: 700;
  font-size: 16px;
  line-height: 22px;
  background-position: left center;
  background-repeat: no-repeat;
  background-size: 16px 16px
}

div.main-wrap .nav-wrap li.active a {
  color: #00c3f5
}

div.main-wrap .nav-wrap li.active::after {
  content: "";
  display: block;
  width: 6px;
  height: 6px;
  border-left: 1px solid #e9e9e9;
  border-top: 1px solid #e9e9e9;
  background-color: #fff;
  position: absolute;
  top: 32px;
  left: 50%;
  -webkit-transform: translateX(-50%) rotate(45deg);
  transform: translateX(-50%) rotate(45deg)
}

div.main-wrap h3.title {
  font-size: 16px;
  height: 60px;
  line-height: 59px;
  border-bottom: 1px solid #e9e9e9;
  padding-left: 13px;
  position: relative
}

div.main-wrap h3.title::before {
  content: "";
  display: block;
  width: 3px;
  height: 16px;
  border-radius: 2px;
  background-color: #00c3f5;
  position: absolute;
  top: 22px;
  left: 0
}

footer.footer-wrap {
  width: 100%;
  min-width: 1200px;
  height: 70px;
  line-height: 70px;
  color: #999
}

.nologin-wrap {
  width: 100%;
  height: 100%;
  min-height: 800px;
  background-color: #eee;
  display: -webkit-box;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  flex-direction: column;
  -webkit-box-align: center;
  align-items: center;
  -webkit-box-pack: center;
  justify-content: center
}

@media (max-width:798px) {
  .nologin-wrap .copyright-area,
  .nologin-wrap .main-area {
    align-self: flex-start
  }
}

.nologin-wrap .main-area {
  background-color: #fff;
  border: 1px solid #d8d8d8;
  box-shadow: 0 0 20px 0 rgba(0, 0, 0, .05);
  padding: 35px 36px;
  width: 798px
}

@media (max-width:500px) {
  .nologin-wrap .main-area {
    width: 100%
  }
}

.nologin-wrap .logo {
  height: 50px;
  background: url(//s.yezgea02.com/static/u50e6.png) no-repeat left center/120px 50px;
  line-height: 50px
}

.nologin-wrap .logo a {
  color: #4990e2
}

.nologin-wrap h2 {
  font-size: 18px;
  line-height: 24px;
  font-weight: 400
}

.nologin-wrap .copyright-area {
  margin-top: 20px;
  color: #999;
  width: 798px
}

@media (max-width:500px) {
  .nologin-wrap .copyright-area {
    width: 100%
  }
}

@media (max-height:800px) {
  .nologin-wrap {
    min-height: 100%
  }
}

.main-area.login-form-wrap {
  min-height: 558px
}

.main-area.login-form-wrap h2 {
  cursor: pointer
}

.main-area.login-form-wrap h2.active {
  color: #00c3f5
}

.main-area.login-form-wrap h2:first-child {
  border-right: 1px solid #d8d8d8
}

.main-area.login-form-wrap .qrcode {
  position: relative;
  margin-top: 40px
}
.main-area.login-form-wrap .qrcode .refresh-qrcode {
  position: absolute;
  top: 0;
  left: 50px;
  right: 50px;
  bottom: 60px;
  background-color: rgba(255, 255, 255, 0.5);
  z-index: 1;
}

.main-area.login-form-wrap .qrcode .refresh-qrcode button {
  margin-top: 88px;
  border-radius: 50%;
  display: inline-block;
  height: 40px;
  width: 40px;
  background: url(//s.yezgea02.com/static/7n4q9.png) no-repeat center / 32px #fff;
}

.main-area.login-form-wrap .qrcode img {
  border: 1px solid #e9e9e9
}

.main-area.login-form-wrap .qrcode p {
  color: #999;
}

.main-area.login-form-wrap .login {
  padding: 54px 202px 0
}

.main-area.login-form-wrap .login form {
  margin-top: 20px
}

.main-area.login-form-wrap .login form .form-group {
  display: block;
  width: 100%;
  margin-bottom: 16px
}

@media (max-width:500px) {
  .main-area.login-form-wrap .login {
    padding-left: 0;
    padding-right: 0
  }
}

.main-area.login-form-wrap .captcha-wrap input {
  width: 120px
}

.main-area.login-form-wrap .captcha-wrap img {
  vertical-align: middle
}

.main-area.login-form-wrap .captcha-wrap button {
  color: #4990e2
}

.main-area.login-form-wrap #login_form button[type=submit] {
  display: block;
  width: 100%;
  height: 46px;
  font-size: 18px
}

.main-area.login-form-wrap .form-group.feature input[type=checkbox] {
  position: absolute;
  z-index: 1;
  width: 14px;
  height: 14px;
  top: 3px;
  opacity: 0
}

.main-area.login-form-wrap .form-group.feature label {
  display: inline-block;
  width: 14px;
  height: 14px;
  border-radius: 2px;
  border: 1px solid #d8d8d8;
  -webkit-transform: translateY(3px);
  transform: translateY(3px);
  margin-right: 5px;
  position: relative;
  padding: 0
}

.main-area.login-form-wrap .form-group.feature input[type=checkbox]:checked+label {
  background-color: #00c3f5
}

.main-area.login-form-wrap .form-group.feature input[type=checkbox]:checked+label::after {
  content: '';
  display: block;
  position: absolute;
  width: 7px;
  height: 3px;
  -webkit-transform: rotate(-45deg);
  transform: rotate(-45deg);
  border-left: 2px solid #fff;
  border-bottom: 2px solid #fff;
  top: 2px;
  left: 1px
}

.main-area.login-form-wrap .form-group.feature .forget-pwd {
  color: #4990e2
}

.main-area.login-form-wrap .other-login {
  color: #999;
  position: relative
}

.main-area.login-form-wrap .other-login .line {
  position: absolute;
  height: 1px;
  width: 100%;
  top: 10px;
  background-color: #e9e9e9
}

.main-area.login-form-wrap .other-login p {
  width: 120px;
  margin: 0 auto;
  position: relative;
  z-index: 1;
  background-color: #fff
}

.main-area.login-form-wrap .other-login .third-platform-logo {
  margin-top: 20px
}

.main-area.signup-form {
  min-height: 731px
}

.main-area.signup-form .signup {
  padding: 54px 202px 0
}

.main-area.signup-form .signup form {
  margin-top: 20px
}

.main-area.signup-form .signup form .form-group {
  display: block;
  width: 100%;
  margin-bottom: 16px
}

@media (max-width:500px) {
  .main-area.signup-form .signup {
    padding-left: 0;
    padding-right: 0
  }
}

.main-area.signup-form .captcha-wrap input {
  width: 120px
}

.main-area.signup-form .captcha-wrap img {
  vertical-align: middle
}

.main-area.signup-form .captcha-wrap button {
  color: #4990e2
}

.main-area.signup-form #signup_form button[type=submit] {
  display: block;
  width: 100%;
  height: 46px;
  font-size: 18px
}

.main-area.signup-form .agreement,
.main-area.signup-form .other-login {
  color: #999;
  position: relative
}

.main-area.signup-form .form-group.agreement input[type=checkbox] {
  position: absolute;
  z-index: 1;
  width: 14px;
  height: 14px;
  top: 3px;
  opacity: 0
}

.main-area.signup-form .form-group.agreement label {
  display: inline-block;
  width: 14px;
  height: 14px;
  border-radius: 2px;
  border: 1px solid #d8d8d8;
  -webkit-transform: translateY(3px);
  transform: translateY(3px);
  margin-right: 5px;
  position: relative;
  padding: 0
}

.main-area.signup-form .form-group.agreement input[type=checkbox]:checked+label {
  background-color: #00c3f5
}

.main-area.signup-form .form-group.agreement input[type=checkbox]:checked+label::after {
  content: '';
  display: block;
  position: absolute;
  width: 7px;
  height: 3px;
  -webkit-transform: rotate(-45deg);
  transform: rotate(-45deg);
  border-left: 2px solid #fff;
  border-bottom: 2px solid #fff;
  top: 2px;
  left: 1px
}

.main-area.signup-form .form-group.agreement a {
  color: #4990e2
}

.main-area.signup-form .other-login {
  color: #999;
  position: relative
}

.main-area.signup-form .other-login .line {
  position: absolute;
  height: 1px;
  width: 100%;
  top: 10px;
  background-color: #e9e9e9
}

.main-area.signup-form .other-login p {
  width: 120px;
  margin: 0 auto;
  position: relative;
  z-index: 1;
  background-color: #fff
}

.main-area.signup-form .other-login .third-platform-logo {
  margin-top: 20px
}

.main-area.signup-form .modal-body {
  width: 400px;
}

.main-area.signup-form .modal-body .title {
  line-height: 50px;
  color: #333;
  border-bottom: 1px solid #e9e9e9
}

.main-area.signup-form .modal-body .close {
  font-size: 20px;
  cursor: pointer
}

.main-area.findpassword-wrap {
  min-height: 540px
}

.main-area.findpassword-wrap .findpassword {
  padding: 54px 202px 0
}

.main-area.findpassword-wrap .findpassword h2 {
  font-size: 18px;
  line-height: 24px;
  font-weight: 400
}

.main-area.findpassword-wrap .findpassword form {
  margin-top: 25px
}

.main-area.findpassword-wrap .findpassword form .form-group {
  display: block;
  width: 100%;
  margin-bottom: 20px
}

@media (max-width:500px) {
  .main-area.findpassword-wrap .findpassword {
    padding-left: 0;
    padding-right: 0
  }
}

.main-area.findpassword-wrap .step-wrap {
  position: relative;
  margin-top: 20px
}

.main-area.findpassword-wrap .step-wrap .line {
  position: absolute;
  height: 1px;
  width: 100%;
  top: 12px;
  background-color: #e9e9e9
}

.main-area.findpassword-wrap .step-wrap div[class^=step-] {
  height: 25px;
  line-height: 25px;
  background-color: #fff;
  position: relative;
  z-index: 1
}

.main-area.findpassword-wrap .step-wrap div[class^=step-]:not(:last-child) {
  margin-right: 20px;
  padding-right: 8px
}

.main-area.findpassword-wrap .step-wrap div[class^=step-]:not(:first-child) {
  padding-left: 8px
}

.main-area.findpassword-wrap .step-wrap div[class^=step-] span {
  display: inline-block;
  width: 25px;
  height: 25px;
  border: 1px solid #00c3f5;
  color: #00c3f5;
  background-color: #dff9ff;
  border-radius: 50%;
  margin-right: 10px
}

.main-area.findpassword-wrap .step-wrap div[class^=step-].active {
  color: #00c3f5
}

.main-area.findpassword-wrap .step-wrap div[class^=step-].active span {
  color: #fff;
  background-color: #00c3f5
}

@media (max-width:500px) {
  .main-area.findpassword-wrap .step-wrap div[class^=step-] {
    width: 33.3%;
    text-align: center
  }
  .main-area.findpassword-wrap .step-wrap div[class^=step-]:not(:last-child) {
    margin-right: 0;
    padding-right: 0
  }
  .main-area.findpassword-wrap .step-wrap div[class^=step-]:not(:first-child) {
    padding-left: 0
  }
}

.main-area.findpassword-wrap .tips {
  color: #999;
  width: 84px;
  position: absolute;
  top: 50%;
  left: 330px;
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%);
  cursor: pointer
}

.main-area.findpassword-wrap .tips:hover+.tips-content {
  display: block
}

.main-area.findpassword-wrap .tips-content {
  display: none;
  line-height: 20px;
  padding: 10px;
  position: absolute;
  width: 200px;
  background-color: #fff;
  top: 100%;
  left: 330px;
  border-radius: 2px;
  background-color: rgba(0, 0, 0, .7)
}

.main-area.findpassword-wrap .tips-content::after {
  content: "";
  display: block;
  position: absolute;
  border-bottom: 6px solid rgba(0, 0, 0, .7);
  border-left: 6px solid transparent;
  border-right: 6px solid transparent;
  top: -6px;
  left: 30px
}

.main-area.findpassword-wrap .tips-content ol {
  padding-left: 20px
}

.main-area.findpassword-wrap .tips-content li {
  color: #fff
}

@media (max-width:500px) {
  .main-area.findpassword-wrap .tips {
    display: none
  }
}
.main-area.findpassword-wrap .subuser-tips {
  white-space: nowrap;
}
@media (max-width:500px) {
  .main-area.findpassword-wrap .subuser-tips {
    white-space: unset;
  }
}
.main-area.findpassword-wrap #check_account_form button[type=submit],
.main-area.findpassword-wrap #reset_password_form button[type=submit] {
  display: block;
  width: 100%;
  height: 46px;
  font-size: 18px
}

.main-area.findpassword-wrap #reset_success {
  margin-top: 25px
}

.main-area.findpassword-wrap #reset_success img {
  margin-top: 25px
}

.main-area.findpassword-wrap #reset_success div {
  margin-top: 8px;
  font-size: 24px;
  line-height: 33px
}

.main-area.findpassword-wrap #reset_success p {
  margin-top: 15px;
  font-size: 14px;
  line-height: 20px;
  color: #999
}

.main-area.link-account-wrap {
  min-height: 600px
}

.main-area.link-account-wrap .link-account {
  padding: 54px 162px 0
}

@media (max-width:500px) {
  .main-area.link-account-wrap .link-account {
    padding-left: 0;
    padding-right: 0
  }
}

.main-area.link-account-wrap .create,
.main-area.link-account-wrap .link {
  padding: 20px 20px 20px 64px;
  border: 1px solid #e9e9e9;
  line-height: 24px;
  background: url(//s.yezgea02.com/static/slpug.png) no-repeat left 20px top 33px/25px;
  cursor: pointer
}

.main-area.link-account-wrap .create .title,
.main-area.link-account-wrap .link .title {
  font-size: 18px
}

.main-area.link-account-wrap .create .desc,
.main-area.link-account-wrap .link .desc {
  color: #999
}

.main-area.link-account-wrap .create .form-group,
.main-area.link-account-wrap .link .form-group {
  max-width: 240px;
  margin-top: 10px;
  display: none
}

.main-area.link-account-wrap .create input,
.main-area.link-account-wrap .link input {
  height: 36px;
  padding-top: 8px;
  padding-bottom: 8px
}

.main-area.link-account-wrap .create.active,
.main-area.link-account-wrap .link.active {
  cursor: default;
  border-color: #00c3f5;
  background-image: url(//s.yezgea02.com/static/e7odk.png)
}

.main-area.link-account-wrap .create.active .form-group,
.main-area.link-account-wrap .link.active .form-group {
  display: block
}

.main-area.link-account-wrap .create button,
.main-area.link-account-wrap .link button {
  width: 120px;
  height: 36px
}

.main-area.link-account-wrap .create li,
.main-area.link-account-wrap .link li {
  color: #999;
  font-size: 12px;
  text-align: justify
}

.main-area.link-account-wrap .link {
  margin-top: 20px
}

.profile-wrap .overview-wrap {
  padding: 0 20px;
  border-bottom: 1px solid #e9e9e9
}

.profile-wrap .user-data {
  height: 110px;
  padding: 20px 0;
}

.profile-wrap .user-data>div {
  width: calc(100% - 70px);
  height: 100%
}

.profile-wrap .user-data .one-item {
  display: inline-block;
  zoom: 1
}

.profile-wrap .user-data .one-item::after,
.profile-wrap .user-data .one-item::before {
  content: "";
  display: table
}

.profile-wrap .user-data .one-item::after {
  clear: both;
  visibility: hidden;
  font-size: 0;
  height: 0
}

.profile-wrap .user-data .one-item span {
  display: block;
  float: left;
  height: 14px;
  line-height: 14px
}

.profile-wrap .user-data .one-item .text {
  min-width: 70px;
  color: #999
}

.profile-wrap .user-data .one-item .data {
  color: #333;
  font-weight: 700
}

.profile-wrap .user-data .bottom {
  margin-top: 20px;
  height: 28px;
  line-height: 28px
}

.profile-wrap .user-data .bottom .one-item:not(:first-child) {
  margin-left: 60px
}

.profile-wrap .user-data .tips {
  margin-left: 7px
}

.profile-wrap .user-data .action {
  color: #999
}

.profile-wrap .user-data .action a {
  display: inline-block
}

.profile-wrap .account-setting {
  height: 90px;
  padding: 15px 0;
  border-top: 1px solid #e9e9e9
}

.profile-wrap .account-setting .email,
.profile-wrap .account-setting .mobile,
.profile-wrap .account-setting .third-platform-link {
  width: 373px;
  height: 100%
}

.profile-wrap .account-setting .email>div:nth-child(1),
.profile-wrap .account-setting .mobile>div:nth-child(1),
.profile-wrap .account-setting .third-platform-link>div:nth-child(1) {
  color: #999;
  height: 14px;
  line-height: 14px
}

.profile-wrap .account-setting .email>div:nth-child(2),
.profile-wrap .account-setting .mobile>div:nth-child(2),
.profile-wrap .account-setting .third-platform-link>div:nth-child(2) {
  margin-top: 5px;
  height: 30px;
  line-height: 30px
}

.profile-wrap .account-setting .email,
.profile-wrap .account-setting .mobile {
  border-right: 1px solid #e9e9e9;
  margin-right: 20px
}

.profile-wrap .account-setting input {
  width: 160px;
  height: 30px;
  padding: 5px 10px
}

.profile-wrap .account-setting .action>* {
  color: #4990e2;
  margin-left: 12px
}

.profile-wrap .account-setting .third-platform-link .qq,
.profile-wrap .account-setting .third-platform-link .wechat {
  display: inline-block;
  height: 30px;
  padding-left: 30px
}

.profile-wrap .account-setting .third-platform-link .qq {
  background: url(//s.yezgea02.com/static/qk4fz.png) no-repeat left center/25px
}

.profile-wrap .account-setting .third-platform-link .wechat {
  background: url(//s.yezgea02.com/static/1ggon.png) no-repeat left center/25px
}

.profile-wrap .account-setting .third-platform-link .action {
  color: #4990e2;
  cursor: pointer
}

.profile-wrap .bill-wrap {
  padding: 0 20px 20px
}

.profile-wrap .bill-wrap .title a {
  width: 80px;
  height: 30px;
  line-height: 28px;
  padding: 0;
  font-weight: 400;
  margin-top: 15px
}

.profile-wrap .bill-wrap table {
  width: 100%;
  margin-top: 20px
}

.profile-wrap .bill-wrap td:last-child {
  color: #999
}

.profile-wrap .modal-body {
  width: 440px;
}

.profile-wrap .bind-modal .modal-body {
  height: 350px;
  padding: 0 20px 20px
}

.profile-wrap .bind-modal .modal-body .title {
  line-height: 50px;
  border-bottom: 1px solid #e9e9e9
}

.profile-wrap .err-modal .modal-body .title {
  padding-left: 35px;
  background: url(//s.yezgea02.com/static/tqj38.png) no-repeat left center/24px 24px
}

.profile-wrap .err-modal .modal-body .content {
  padding-left: 35px
}

.profile-wrap .err-modal .modal-body a,
.profile-wrap .err-modal .modal-body button {
  margin-left: 10px;
  margin-top: 60px;
  line-height: 28px
}

.profile-wrap .unbind-modal .modal-body {
  height: 400px;
  padding: 0 20px 20px
}

.profile-wrap .unbind-modal .modal-body .title {
  line-height: 50px;
  border-bottom: 1px solid #e9e9e9
}

.profile-wrap .unbind-modal .modal-body .content {
  margin-top: 20px;
}

.profile-wrap .unbind-modal .modal-body .btn-group {
  width: 202px;
  margin: 0 auto;
  border: 1px solid #00c3f5;
  border-radius: 2px
}

.profile-wrap .unbind-modal .modal-body .btn-group button {
  width: 100px;
  border-radius: 0;
  padding-left: 0;
  padding-right: 0
}

.profile-wrap .unbind-modal .modal-body .qrcode-valid img {
  margin-top: 20px
}

.profile-wrap .unbind-modal .modal-body .qrcode-valid .desc {
  color: #f6a623
}

.profile-wrap .unbind-modal .modal-body .mobile-vaild {
  margin-top: 20px
}

.profile-wrap .unbind-modal .modal-body .mobile-vaild .desc {
  color: #999
}

.profile-wrap .unbind-modal .modal-body .mobile-vaild .form-group {
  margin-bottom: 15px
}

.profile-wrap .unbind-modal .modal-body .mobile-vaild .form-group span {
  font-size: 16px
}

.profile-wrap .unbind-modal .modal-body .mobile-vaild .form-group input,
.profile-wrap .unbind-modal .modal-body .mobile-vaild .form-group label {
  height: 40px;
  line-height: 40px;
  padding: 0
}

.profile-wrap .unbind-modal .modal-body .mobile-vaild .form-group input {
  padding: 10px
}

.profile-wrap .unbind-modal .modal-body .no-mobile p {
  padding-top: 10px;
  font-size: 16px;
  line-height: 24px
}

.profile-wrap .unbind-modal .modal-body .no-mobile a {
  display: inline-block;
  line-height: 40px;
  margin-top: 40px;
  margin-bottom: 15px
}

.changemobile-wrap .changemobile {
  padding: 0 20px
}

.changemobile-wrap .step-wrap {
  position: relative;
  width: 480px;
  margin: 90px auto 0
}

.changemobile-wrap .step-wrap .line {
  position: absolute;
  height: 1px;
  width: 100%;
  top: 12px;
  background-color: #e9e9e9
}

.changemobile-wrap .step-wrap div[class^=step-] {
  height: 25px;
  line-height: 25px;
  background-color: #fff;
  position: relative;
  z-index: 1
}

.changemobile-wrap .step-wrap div[class^=step-]:not(:last-child) {
  margin-right: 57px;
  padding-right: 16px
}

.changemobile-wrap .step-wrap div[class^=step-]:not(:first-child) {
  padding-left: 16px
}

.changemobile-wrap .step-wrap div[class^=step-] span {
  display: inline-block;
  width: 25px;
  height: 25px;
  border: 1px solid #00c3f5;
  color: #00c3f5;
  background-color: #dff9ff;
  border-radius: 50%;
  margin-right: 10px
}

.changemobile-wrap .step-wrap div[class^=step-].active {
  color: #00c3f5
}

.changemobile-wrap .step-wrap div[class^=step-].active span {
  color: #fff;
  background-color: #00c3f5
}

.changemobile-wrap #check_new_mobile_form,
.changemobile-wrap #check_old_mobile_form,
.changemobile-wrap #reset_success {
  width: 480px;
  margin: 60px auto 0
}

.changemobile-wrap #check_new_mobile_form .form-group,
.changemobile-wrap #check_old_mobile_form .form-group,
.changemobile-wrap #reset_success .form-group {
  margin-bottom: 20px
}

.changemobile-wrap #check_new_mobile_form input,
.changemobile-wrap #check_new_mobile_form label,
.changemobile-wrap #check_old_mobile_form input,
.changemobile-wrap #check_old_mobile_form label,
.changemobile-wrap #reset_success input,
.changemobile-wrap #reset_success label {
  height: 40px;
  padding-top: 10px;
  padding-bottom: 10px
}

.changemobile-wrap .captcha-wrap input {
  width: 120px
}

.changemobile-wrap .captcha-wrap button {
  color: #4990e2
}

.changemobile-wrap #reset_success div {
  margin-top: 8px;
  font-size: 24px;
  line-height: 33px
}

.changemobile-wrap #reset_success p,
.changemobile-wrap #reset_success span {
  margin-top: 15px;
  font-size: 14px;
  line-height: 20px;
  color: #999
}

.payment-wrap .payment {
  padding: 0 20px
}

.payment-wrap .payment .title a {
  width: 120px;
  height: 30px;
  line-height: 28px;
  padding: 0;
  font-weight: 400;
  margin-top: 15px
}

.payment-wrap #payment_form {
  margin-top: 90px
}

.payment-wrap #payment_form .form-group {
  margin-bottom: 20px
}

.payment-wrap #payment_form .form-group.alipay-logo img {
  border: 1px solid #e9e9e9
}

.payment-wrap #payment_form a,
.payment-wrap #payment_form input,
.payment-wrap #payment_form label {
  height: 40px;
  padding-top: 10px;
  padding-bottom: 10px
}

.payment-wrap #payment_form a {
  margin-left: 10px
}

.payment-wrap #payment_form .captcha-wrap input {
  width: 120px !important
}

.payment-wrap #payment_form .captcha-wrap .captcha-img {
  vertical-align: middle
}

.payment-wrap #payment_form .captcha-wrap button {
  color: #4990e2
}

.setpassword-wrap .setpassword {
  padding: 0 20px
}

.setpassword-wrap form {
  margin-top: 90px
}

.setpassword-wrap .form-group {
  margin-bottom: 20px
}

.setpassword-wrap input,
.setpassword-wrap label {
  height: 40px;
  padding-top: 10px;
  padding-bottom: 10px
}

.setpassword-wrap .alert-danger {
  color: #a94442
}

.setpwdsuccess-wrap .setpwdsuccess {
  padding: 0 20px
}

.setpwdsuccess-wrap .content {
  padding-top: 100px
}

.setpwdsuccess-wrap .content div {
  margin-top: 8px;
  font-size: 24px;
  line-height: 33px
}

.setpwdsuccess-wrap .content p {
  margin-top: 15px;
  font-size: 14px;
  line-height: 20px;
  color: #999
}

.setpwdsuccess-wrap .content p span {
  color: #999
}

.bindmobile-wrap .bindmobile {
  padding: 0 20px
}

.bindmobile-wrap form {
  margin-top: 90px
}

.bindmobile-wrap .form-group {
  margin-bottom: 20px
}

.bindmobile-wrap input,
.bindmobile-wrap label {
  height: 40px;
  padding-top: 10px;
  padding-bottom: 10px
}

.bindmobile-wrap .captcha-wrap input {
  width: 120px !important
}

.bindmobile-wrap .captcha-wrap .captcha-img {
  vertical-align: middle
}

.bindmobile-wrap .captcha-wrap button {
  color: #4990e2
}

.linkqqerror-wrap .linkqqerror {
  padding: 0 20px
}

.linkqqerror-wrap .content {
  padding-top: 100px
}

.linkqqerror-wrap .content div {
  margin-top: 8px;
  font-size: 24px;
  line-height: 33px
}

.linkqqerror-wrap .content p {
  margin-top: 15px;
  font-size: 14px;
  line-height: 20px;
  color: #999
}

.linkqqerror-wrap .content p span {
  color: #999
}

.linkqqerror-wrap .content a {
  margin-top: 30px
}

.extract-wrap .extract {
  padding: 0 20px
}

.extract-wrap .tips {
  display: inline-block;
  padding: 5px 10px 5px 30px;
  margin: 20px 0 15px 11px;
  border: 1px solid #ffd389;
  color: #666;
  background: url(//s.yezgea02.com/static/hu3g0.png) no-repeat left 9px center/18px #fff7e8;
  line-height: 20px
}
.extract-wrap .tips a{
  margin-left:15px;
}

.extract-wrap .form-group input,
.extract-wrap .form-group label,
.extract-wrap .form-group span {
  height: 40px;
  line-height: 40px;
  padding: 0
}

.extract-wrap .form-group input {
  padding: 10px
}

.extract-wrap .canuse-money {
  font-size: 20px;
  color: #f6a623;
  font-weight: 700
}

.extract-wrap .money-wrap {
  margin-top: 10px;
  margin-bottom: 20px
}

.extract-wrap .modal-body .title {
  padding-left: 35px;
  background: url(//s.yezgea02.com/static/tqj38.png) no-repeat left center/24px 24px
}

.extract-wrap .modal-body .content {
  padding-left: 35px
}

.extract-wrap .modal-body a {
  margin-top: 60px;
  line-height: 28px
}

.extract-success-wrap .extract-success {
  padding: 0 20px
}

.extract-success-wrap .extract-success>div {
  width: 600px;
  margin-left: auto;
  margin-right: auto
}

.extract-success-wrap .common {
  padding-top: 100px
}

.extract-success-wrap .common div {
  margin-top: 8px;
  font-size: 24px;
  line-height: 33px
}

.extract-success-wrap .detail {
  margin-top: 20px;
  padding: 25px;
  border: 1px solid #e9e9e9;
  border-top: 4px solid #00c3f5;
  background-color: #fdfdfd
}

.extract-success-wrap .detail p {
  margin-bottom: 16px;
  height: 20px;
  line-height: 20px
}

.extract-success-wrap .detail p:last-child {
  margin-bottom: 0
}

.extract-success-wrap .detail p .money {
  color: #f6a623;
  font-size: 20px
}

.extract-success-wrap .tips {
  margin-top: 15px;
  padding: 5px 10px 5px 30px;
  border: 1px solid #ffd389;
  color: #666;
  background: url(//s.yezgea02.com/static/hu3g0.png) no-repeat left 9px top 6px/18px #fff7e8;
  line-height: 20px
}

.extract-success-wrap .extract-error {
  margin-top: 20px;
  padding: 20px 20px 30px 20px;
  background-color: #fdfdfd;
  border: 1px solid #e9e9e9
}

.extract-success-wrap .extract-error .msg,
.extract-success-wrap .extract-error .tel {
  padding-left: 30px;
  line-height: 20px
}

.extract-success-wrap .extract-error .msg {
  font-size: 20px;
  margin-bottom: 4px;
  background: url(//s.yezgea02.com/static/qdtzw.png) no-repeat left center/22px 22px
}

.extract-success-wrap .extract-error .tel {
  color: #999
}

.extracts-wrap .extracts {
  padding: 0 20px
}

.extracts-wrap .option {
  margin-top: 20px;
  height: 30px;
  line-height: 30px
}

.extracts-wrap .option input,
.extracts-wrap .option select {
  height: 30px
}

.extracts-wrap .option select {
  border: 1px solid #e9e9e9
}

.extracts-wrap table {
  width: 100%;
  margin-top: 20px
}

.extracts-wrap td:nth-child(6) {
  color: #6cbc14
}

.extracts-wrap td:last-child {
  color: #999
}

.list-wrap .list {
  padding: 0 20px
}

.list-wrap .list .title button {
  margin-top: 15px
}

.list-wrap .option {
  margin-top: 20px;
  height: 30px;
  line-height: 30px
}

.list-wrap .option input,
.list-wrap .option select {
  height: 30px
}

.list-wrap .option select {
  border: 1px solid #e9e9e9
}

.list-wrap table {
  width: 100%;
  margin-top: 20px
}

.list-wrap td:last-child {
  color: #999
}

.recharge-wrap .recharge>div {
  min-height: 400px;
  padding: 24px 40px
}

.recharge-wrap .recharge>div:not(:last-child) {
  border-right: 1px solid #e9e9e9
}

.recharge-wrap .type-title {
  color: #666;
  background-color: #f7f7f7;
  font-weight: 700;
  height: 37px;
  line-height: 37px
}

.recharge-wrap .type-1 .type-title {
  background: url(//s.yezgea02.com/static/jvrcp.png) no-repeat left top/28px #f7f7f7;
  padding-left: 2em;
}

.recharge-wrap .type-1 .form-group {
  margin-top: 16px
}

.recharge-wrap .type-1 .form-group input,
.recharge-wrap .type-1 .form-group label {
  height: 40px;
  padding-top: 10px;
  padding-bottom: 10px
}

.recharge-wrap .type-1 .form-group label {
  padding-left: 0;
  padding-right: 0;
  float: left
}

.recharge-wrap .type-1 .form-group input {
  width: 200px
}

.recharge-wrap .type-1 .canuse-money {
  margin-top: 30px;
  line-height: 28px
}

.recharge-wrap .type-1 .canuse-money span {
  font-size: 20px;
  color: #f6a623;
  font-weight: 700
}

.recharge-wrap .type-1 .alipay-logo {
  margin-top: 20px;
  height: 60px
}

.recharge-wrap .type-1 .alipay-logo>* {
  float: left
}

.recharge-wrap .type-1 .alipay-logo img {
  border: 1px solid #e9e9e9
}

.recharge-wrap .type-1 .alipay-logo span {
  color: #6cbc14;
  height: 40px;
  padding-top: 10px;
  padding-bottom: 10px
}

.recharge-wrap .type-1 .submit {
  margin-top: 20px;
  padding-left: 70px
}

.recharge-wrap .type-1 .tips {
  margin-top: 11px;
  padding-left: 70px;
  color: #999
}

.recharge-wrap .type-2 .alipay-qrcode {
  display: block;
  margin: 30px auto 0
}

.recharge-wrap .type-2 .company-name {
  margin-top: 10px;
  color: #999
}

.recharge-wrap .type-2 .account-alias {
  margin-top: 30px
}

.recharge-wrap .type-2 a {
  display: block;
  margin: 10px auto
}

.recharge-wrap .type-2 .tips {
  padding: 10px 10px 10px 30px;
  border: 1px solid #ffd389;
  color: #666;
  background: url(//s.yezgea02.com/static/hu3g0.png) no-repeat left 9px top 11px/18px #fff7e8;
  line-height: 20px
}

.recharge-wrap .type-3 .card {
  margin: 30px auto;
  padding-top: 28px;
  height: 160px;
  background: url(//s.yezgea02.com/static/oil6k.png) no-repeat right 16px bottom 18px/80px #fafafa;
  border: 1px solid #e9e9e9;
  border-top: 2px solid #d0011b;
  width: 60%;
}

.recharge-wrap .type-3 p {
  margin-bottom: 16px;
  height: 14px;
  line-height: 14px
}

.recharge-wrap .type-3 .card-number {
  color: #d0011b;
  font-weight: 700;
  font-size: 18px
}

.recharge-wrap .type-3 .tips {
  padding: 10px 10px 10px 30px;
  border: 1px solid #ffd389;
  color: #666;
  background: url(//s.yezgea02.com/static/hu3g0.png) no-repeat left 9px top 11px/18px #fff7e8;
  line-height: 20px
}

.recharge-wrap .modal-body .title {
  padding-left: 35px;
  background: url(//s.yezgea02.com/static/tqj38.png) no-repeat left center/24px 24px
}

.recharge-wrap .modal-body .content {
  padding-left: 35px
}

.recharge-wrap .modal-body a {
  margin-top: 60px;
  line-height: 28px
}

.extracts-wrap .pages,
.list-wrap .pages,
.subuser-wrap .pages {
  text-align: center;
  padding: 10px 10px 30px
}

.extracts-wrap .pages>*,
.list-wrap .pages>*,
.subuser-wrap .pages>* {
  margin-top: 0;
  border: 1px solid #d8d8d8;
  border-radius: 1px;
  min-width: 30px;
  padding-left: 10px;
  padding-right: 10px;
  height: 30px;
  display: inline-block;
  background-color: #fff;
  font-size: 12px;
  font-weight: 700;
  line-height: 28px;
}

.extracts-wrap .pages>.current,
.list-wrap .pages>.current,
.subuser-wrap .pages>.current {
  background-color: #00c3f5;
  color: #fff !important;
  border-color: #00c3f5
}

.extracts-wrap .pages>a,
.list-wrap .pages>a,
.subuser-wrap .pages>a {
  cursor: pointer;
  color: #666 !important
}

.extracts-wrap .pages>span,
.list-wrap .pages>span,
.subuser-wrap .pages>span {
  cursor: not-allowed;
  color: #999 !important
}




.authentication .step-wrap {
  position: relative;
  width: 480px;
  margin: 90px auto 0
}

.authentication .step-wrap .line {
  position: absolute;
  height: 1px;
  width: 90%;
  top: 12px;
  background-color: #e9e9e9
}

.authentication .step-wrap div[class^=step-] {
  height: 25px;
  line-height: 25px;
  background-color: #fff;
  position: relative;
  z-index: 1
}

.authentication .step-wrap div[class^=step-]:not(:last-child) {
  margin-right: 60px;
  padding-right: 16px;
}

.authentication .step-wrap div[class^=step-]:not(:first-child) {
  padding-left: 16px
}

.authentication .step-wrap div[class^=step-] span {
  display: inline-block;
  width: 25px;
  height: 25px;
  border: 1px solid #00c3f5;
  color: #00c3f5;
  background-color: #dff9ff;
  border-radius: 50%;
  margin-right: 10px
}

.authentication .step-wrap div[class^=step-].active {
  color: #00c3f5
}

.authentication .step-wrap div[class^=step-].active span {
  color: #fff;
  background-color: #00c3f5
}
.authentication .auth-form{
  margin-top:50px;
}
.authentication .auth-step2 .extract-tips-wrap{
  position: relative;
}
.authentication .auth-step2 .extract-tips{
  padding: 13px 10px;
  display: block;
}
.authentication .auth-step2 .tips-content{
  position: absolute;
  bottom: 40px;
  border: 1px solid #e9e9e9;
  border-radius: 5px;
  padding: 10px;
  background: #fff;
  width: 200px;
  line-height: 24px;
  left: -50px;
  display: none;
}
.authentication .auth-step2 .tips-content:after{
  content: "";
  display: block;
  position: absolute;
  border-left: 1px solid #e9e9e9;
  border-bottom: 1px solid #e9e9e9;
  bottom: -11px;
  left: 90px;
  background: #fff;
  width: 10px;
  height: 10px;
  transform: translateY(-50%) rotate(-45deg);
}


.authentication .auth-step3{
  text-align: center;
}
.authentication .auth-step3 .success-icon{
    margin: 0 auto;
    width:60px;
    height: 60px;
    display: block;
    margin-top:50px;
}
.authentication .auth-step3 .success-text{
  font-size:24px;
  color:#444;
  margin: 20px 0;
}
.authentication .auth-step3 .auth-info{
  padding:10px;
  background:#fafafa;
  border:1px solid #e9e9e9;
  width:298px;
  line-height: 30px;
  text-align: left;
  margin: 0 auto;
}
.authentication .auth-step3 .redirect-tips{
  margin: 20px 0;
}
.authentication .auth-form{

}

.authentication .auth-form .form-group{
  margin-bottom: 20px;
}

.auth-confirm-modal .name{
  
}
.auth-confirm-modal p{
  line-height: 22px;
  margin-bottom:5px;
}
.auth-confirm-modal div{
  margin-bottom:10px;
}
.auth-confirm-modal em{
  color:#e63d19;
  font-weight:normal;
  font-style: normal;
}
.auth-confirm-modal .btn.default{
  margin-right:10px;
}
.auth-step3 .back{
  margin-top:20px;
}

.warning-tips {
  padding: 10px 10px 10px 30px;
  border: 1px solid #ffd389;
  color: #666;
  background: url(//s.yezgea02.com/static/hu3g0.png) no-repeat left 9px top 11px/18px #fff7e8;
  line-height: 20px
}

.extracts-tips-modal p{
  margin-bottom:5px;
}
.extracts-tips-modal p span{
  color:#ff0000;
}
.extracts-tips-modal .view-more{
  padding-left:20px;
}
.extracts-tips-modal .actions{
  margin-top: 20px;
}

#modal-extracts-tips .modal-body{
  width:520px;
}

/* 子账号模块共有样式 */
.subuser-wrap .subuser, .subuser-role-wrap .subuser-role {
  padding: 0 20px;
}

.subuser-wrap .sub-title, .subuser-role-wrap .sub-title {
  font-size: 16px;
  height: 60px;
  line-height: 59px;
  border-bottom: 1px solid #e9e9e9;
}

.subuser-wrap .sub-title a, .subuser-role-wrap .sub-title a {
  color: #666;
  font-weight: 700;
  font-size: 16px;
  line-height: 22px;
  margin-right: 30px;
  padding: 18px 0;
}

.subuser-wrap .sub-title a.active, .subuser-role-wrap .sub-title a.active {
  color: #00c3f5;
  border-bottom: 2px solid #00c3f5;
}
.subuser-wrap .no-data p, .subuser-role-wrap .no-data p {
  font-size: 14px;
  color:#999;
  margin: 20px 0;
}
.subuser-wrap .delete-confirm,
.subuser-role-wrap .delete-confirm {
  display: none;
  position: absolute;
  z-index: 1;
  width: 200px;
  height: 90px;
  box-shadow:0 0 4px 0 rgba(0, 0, 0, .2);
  border: 1px solid #d8d8d8;
  border-radius:2px;
  background-color: #fff;
  padding: 17px 13px;
}
.subuser-wrap .delete-confirm::before,
.subuser-role-wrap .delete-confirm::before {
  content: '';
  position: absolute;
  width: 6px;
  height: 6px;
  -webkit-transform: rotate(45deg);
  transform: rotate(45deg);
  background-color: #fff;
  border-top: 1px solid #d8d8d8;
  border-left: 1px solid #d8d8d8; 
  left: 97px;
  top: -5px; 
}
.subuser-wrap .modal-body, .subuser-role-wrap .modal-body {
  width: 440px;
  padding: 0 20px 20px
}

.subuser-wrap .modal-body .title, .subuser-role-wrap .modal-body .title {
  line-height: 50px;
  border-bottom: 1px solid #e9e9e9
}
.subuser-wrap .edit-subuser-modal .content, .subuser-role-wrap .modal-body .content {
  margin-top: 30px;
}

.subuser-wrap .form-group, .subuser-role-wrap .form-group {
  margin-bottom: 15px;
}
.subuser-wrap .form-group input, .subuser-wrap .form-group label, 
.subuser-role-wrap .form-group input, .subuser-role-wrap .form-group label {
  height: 34px;
  padding-top: 7px;
  padding-bottom: 7px;
}
.subuser-wrap .radio-group span, .subuser-role-wrap .radio-group span {
  line-height: 34px;
  margin-left: 10px;
}
.subuser-wrap .modal-body .footer, .subuser-role-wrap .modal-body .footer {
  margin-top: 25px;
  border-top: 1px solid #e9e9e9;
  padding-top: 14px;
}

/* 子账号管理 */
.subuser-wrap table {
  width: 100%;
}
.subuser-wrap span[id^="drop_icon_"] {
  position: relative;
  display: inline-block;
  width: 20px;
  cursor: pointer;
}
.subuser-wrap span[id^="drop_icon_"]::after {
  display: none;
  content: '';
  position: absolute;
  width: 6px;
  height: 6px;
  -webkit-transform: rotate(-45deg);
  transform: rotate(-45deg);
  background-color: #fff;
  border-top: 1px solid #d8d8d8;
  border-left: 1px solid #d8d8d8;
  top: 7px;
  left: 16px;
}
.subuser-wrap span[id^="drop_icon_"].show::after {
  display: block;
}
.subuser-wrap span[id^="drop_icon_"] > img {
  vertical-align: middle;
  -webkit-transition: -webkit-transform 0.3s ease-in-out;
  transition: -webkit-transform 0.3s ease-in-out;
  transition: transform 0.3s ease-in-out;
  transition: transform 0.3s ease-in-out, -webkit-transform 0.3s ease-in-out;
}
.subuser-wrap span[id^="drop_icon_"].show > img {
  -webkit-transform: rotate(180deg);
  transform: rotate(180deg);
}
.subuser-wrap div[id^="config_gzh_"] {
  display: none;
  position: absolute;
  width: 210px;
  height: auto;
  max-height: 330px;
  overflow-y: auto;
  border: 1px solid #d8d8d8;
  border-radius: 3px;
  box-shadow: 0 0 8px 0 rgba(0, 0, 0, .1);
  background-color: #fff;
  transform: translate(20px, calc(-50% - 10px));
  padding: 10px 20px;
}
.subuser-wrap div[id^="config_gzh_"] > div {
  padding: 10px 0;
}
.subuser-wrap div[id^="config_gzh_"] .avatar {
  display: inline-block;
  vertical-align: middle;
  width: 30px;
  height: 30px;
  margin-right: 10px;
  border-radius: 50%;
  overflow: hidden;
}
.subuser-wrap div[id^="config_gzh_"] img {
  width: 150px;
  height: 150px;
  margin-top: -60px;
  margin-left: -60px;
}
.subuser-wrap div[id^="config_gzh_"] .gzh-name {
  display: inline-block;
  vertical-align: middle;
}
.subuser-wrap div[id^="config_gzh_"] .gzh-name > *:nth-child(1) {
  line-height: 14px;
  vertical-align: bottom;
}
.subuser-wrap div[id^="config_gzh_"] .gzh-name > *:nth-child(2) {
  font-size: 13px;
  line-height: 13px;
  color: #999;
  vertical-align: top;
}
.subuser-wrap table .del-btn {
  position: relative;
}
.subuser-wrap div[id^="delete_confirm_"] {
  -webkit-transform: translate(75px, 2px);
  transform: translate(75px, 2px);
}
.subuser-wrap .edit-subuser-modal select {
  height: 34px;
  border: 1px solid #e9e9e9;
}
.subuser-wrap .edit-subuser-modal option {
  height: 40px;
}
.subuser-wrap .edit-subuser-modal option:hover {
  background-color: #f9f9f9;
}
.subuser-wrap .edit-gzh-modal .content {
  min-height: 250px;
}
.subuser-wrap .edit-gzh-modal .gzh-item {
  padding: 10px;
  position: relative;
}
.subuser-wrap .edit-gzh-modal .gzh-item:nth-child(even) {
  background-color: #fafafa;
}
.subuser-wrap .edit-gzh-modal .gzh-item input[type=checkbox] {
  position: absolute;
  z-index: 1;
  width: 14px;
  height: 14px;
  top: 3px;
  opacity: 0
}
.subuser-wrap .edit-gzh-modal .gzh-item .avatar {
  display: inline-block;
  vertical-align: middle;
  width: 30px;
  height: 30px;
  margin-left: 5px;
  margin-right: 10px;
  border-radius: 50%;
  overflow: hidden;
}
.subuser-wrap .edit-gzh-modal .gzh-item img {
  width: 150px;
  height: 150px;
  margin-top: -60px;
  margin-left: -60px;
}
.subuser-wrap .edit-gzh-modal .gzh-item label {
  display: inline-block;
  width: 14px;
  height: 14px;
  background-color: #fff;
  border-radius: 2px;
  border: 1px solid #d8d8d8;
  -webkit-transform: translateY(3px);
  transform: translateY(3px);
  margin-right: 5px;
  position: relative;
  padding: 0
}

.subuser-wrap .edit-gzh-modal .gzh-item input[type=checkbox]:checked+label {
  background-color: #00c3f5
}

.subuser-wrap .edit-gzh-modal .gzh-item input[type=checkbox]:checked+label::after {
  content: '';
  display: block;
  position: absolute;
  width: 7px;
  height: 3px;
  -webkit-transform: rotate(-45deg);
  transform: rotate(-45deg);
  border-left: 2px solid #fff;
  border-bottom: 2px solid #fff;
  top: 2px;
  left: 1px
}
.subuser-wrap .edit-gzh-modal .gzh-item .gzh-name > *,
.subuser-wrap .edit-gzh-modal .gzh-item .gzh-config {
  vertical-align: middle;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  display: inline-block;
}
.subuser-wrap .edit-gzh-modal .gzh-item .gzh-name {
  width: 80px;
  vertical-align: middle;
  display: inline-block;
}
.subuser-wrap .edit-gzh-modal .gzh-item .gzh-name > * {
  width: 80px;
}
.subuser-wrap .edit-gzh-modal .gzh-item .gzh-name > *:nth-child(1) {
  line-height: 14px;
  vertical-align: bottom;
}
.subuser-wrap .edit-gzh-modal .gzh-item .gzh-name > *:nth-child(2) {
  font-size: 13px;
  line-height: 13px;
  color: #999;
  vertical-align: top;
}
.subuser-wrap .edit-gzh-modal .gzh-item .gzh-config {
  width: 230px;
  color: #f5a623;
}
.subuser-wrap .edit-gzh-modal .pages {
  padding-bottom: 0;
}
.subuser-wrap .edit-gzh-modal .pages>* {
  min-width: 24px;
  height: 24px;
  line-height: 22px;
  padding-left: 0;
  padding-right: 0;
}
.subuser-wrap .not-allow-add-modal .modal-body {
  width: 420px;
  padding: 40px 20px 20px 40px;
}
.subuser-wrap .not-allow-add-modal .title {
  line-height: 24px;
  border: none;
  padding-left: 35px;
  background: url(//s.yezgea02.com/static/tqj38.png) no-repeat left center/24px 24px;
}
.subuser-wrap .not-allow-add-modal .content {
  padding-left: 35px;
}

/* 子账号角色管理 */
.subuser-role-wrap .role-item {
  display: inline-block;
  width: 216px;
  border: 1px solid #e9e9e9;
  margin: 0 15px 20px 0;
  padding: 20px;
}
.subuser-role-wrap .role-item img {
  width: 16px;
  height: 16px;
  cursor: pointer;
}
.subuser-role-wrap .role-item div {
  color: #999;
}
.subuser-role-wrap .role-item .title {
  color: #333;
  font-weight: bold;
  line-height: 16px;
  position: relative;
}
.subuser-role-wrap div[id^="delete_confirm_"] {
  -webkit-transform: translate(64px, 6px);
  transform: translate(64px, 6px);
}
.subuser-role-wrap .role-item:nth-child(5n) {
  margin-right: 0;
}

.subuser-role-wrap .checkbox-group {
  line-height: 34px;
  position: relative;
}
.subuser-role-wrap .checkbox-group input[type=checkbox] {
  position: absolute;
  z-index: 1;
  width: 14px;
  height: 14px;
  top: 3px;
  opacity: 0
}

.subuser-role-wrap .checkbox-group label {
  display: inline-block;
  width: 14px;
  height: 14px;
  border-radius: 2px;
  border: 1px solid #d8d8d8;
  -webkit-transform: translateY(3px);
  transform: translateY(3px);
  margin-right: 5px;
  position: relative;
  padding: 0
}

.subuser-role-wrap .checkbox-group input[type=checkbox]:checked+label {
  background-color: #00c3f5
}

.subuser-role-wrap .checkbox-group input[type=checkbox]:checked+label::after {
  content: '';
  display: block;
  position: absolute;
  width: 7px;
  height: 3px;
  -webkit-transform: rotate(-45deg);
  transform: rotate(-45deg);
  border-left: 2px solid #fff;
  border-bottom: 2px solid #fff;
  top: 2px;
  left: 1px
}

.type-title .highlight {
  background: #FFF2EF;
  border: 1px solid #FFAE9D;
  border-radius: 12px;
  font-size: 12px;
  padding: 0 5px;
  color: #E63D19;
}

.offline-payment {
  min-height: 550px !important;
}
.offline-payment .type-title {
  padding-left: 1em;
}

.offline-payment .tips {
  padding: 10px 10px 10px 30px;
  border: 1px solid #ffd389;
  color: #666;
  background: url(//s.yezgea02.com/static/hu3g0.png) no-repeat left 9px top 11px/18px #fff7e8;
  line-height: 20px;
  margin-bottom: 50px;
}

.offline-payment .title {
  margin-top: 30px;
  text-align: center;
}

.recharge-wrap .type-2 {
  border-left: 1px solid #efefef;
}

.offline-pay-button {
  display: inline-block;
  border:1px solid #d8d8d8;
  border-radius:2px;
  margin: 30px 50px;
  padding: 15px 30px;
  font-size: 16px;
  color: black !important;
}

.offline-payment-wrapper {
  display:none;
}