@charset "UTF-8";
@font-face {
  font-family: 'black';
  src: url("https://h5-static.yeahka.com/static/new_leshua/font/NotoSansHans-Black.ttf") format("truetype");
}

@font-face {
  font-family: 'regular';
  src: url("https://h5-static.yeahka.com/static/new_leshua/font/NotoSansHans-Regular.ttf") format("truetype");
}

@font-face {
  font-family: 'regular2';
  src: url("https://h5-static.yeahka.com/static/new_leshua/font/notoRegular.ttf") format("truetype");
}

@font-face {
  font-family: 'medium';
  src: url("https://h5-static.yeahka.com/static/new_leshua/font/NotoSansHans-Medium.ttf") format("truetype");
}

@font-face {
  font-family: 'bold';
  src: url("https://h5-static.yeahka.com/static/new_leshua/font/NotoSansHans-Bold.ttf") format("truetype");
}

@font-face {
  font-family: 'numbers';
  src: url("https://h5-static.yeahka.com/static/new_leshua/font/FACTORY-LININGNUMBERS.ttf") format("truetype");
}

@font-face {
  font-family: 'oppo-bold';
  src: url("https://h5-static.yeahka.com/static/new_leshua/font/OPPOSans-S-B.ttf") format("truetype");
}

@font-face {
  font-family: 'din-blck';
  src: url("https://h5-static.yeahka.com/static/new_leshua/font/DIN_Black_0.ttf") format("truetype");
}

@font-face {
  font-family: 'oppo-regular';
  src: url("https://h5-static.yeahka.com/static/new_leshua/font/OPPOSans-R-2.ttf") format("truetype");
}

@font-face {
  font-family: 'oppo-medium';
  src: url("https://h5-static.yeahka.com/static/new_leshua/font/OPPOSans-M.TTF") format("truetype");
}

* {
  padding: 0;
  margin: 0;
  outline: none;
  font-family: "Microsoft Yahei";
}

html {
  font-size: calc(22px + 6 * (100vw - 1000px) / 1000);
}

input,
textarea {
  border: none;
  outline: none;
}

input::-webkit-input-placeholder,
textarea::-webkit-input-placeholder {
  color: #d4d4d4;
  font-weight: normal;
  font-family: 'regular2';
}

ul {
  list-style: none;
}

body {
  position: relative;
  background-color: #fff;
}

a {
  text-decoration: none;
}

.hide {
  display: none !important;
}

.vhide {
  visibility: hidden;
}

.bg-grey {
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  background-color: #000;
  opacity: 0.65;
  z-index: 29;
}

.line {
  position: absolute;
  content: '';
  height: 100%;
  width: 1px;
  z-index: -1;
  background-color: #eeeeee;
}

.line-left {
  left: 8.3333%;
}

.line-middle {
  left: 41.6666%;
}

.line-right {
  right: 8.3333%;
}

.letter-four {
  letter-spacing: 1px;
}

.letter-seven {
  letter-spacing: 1.3px;
}

.letter-thirteen {
  letter-spacing: 1.7px;
}

header {
  width: 100%;
  min-width: 1280px;
  height: 100%;
}

@media screen and (max-width: 2560px) {
  .logo-tips {
    top: .35rem !important;
    width: 0.9rem !important;
    margin-left: 1.6rem !important;
  }
}

@media screen and (max-width: 2048px) {
  .logo-tips {
    top: .45rem !important;
    width: 1.1rem !important;
    margin-left: 1.9rem !important;
  }
}

@media screen and (max-width: 1680px) {
  .logo-tips {
    top: .58rem !important;
    width: 1.3rem !important;
    height: .25rem !important;
    line-height: .25rem !important;
    margin-left: 2.3rem !important;
  }
}

@media screen and (max-width: 1620px) {
  .logo-tips {
    margin-left: 2.6rem !important;
  }
  .go-oldLeshua, .dialog-time {
    font-size: 14px !important;
  }
  .check-btn {
    font-size: 17px !important;
  }
  .dialog-title {
    font-size: 34px !important;
  }
  .dialog-head {
    font-size: 40px !important;
  }
  .dialog-head2 {
    font-size: 34px !important;
  }
  .header-wrapper {
    padding: 0 6.3333% !important;
  }
  .yeahka-introduce {
    padding-left: 6.3333% !important;
    padding-right: 6.3333% !important;
  }
  .index-arrow-down {
    right: 3.2% !important;
  }
  .banner-bottom-wrapper {
    width: 93.6% !important;
  }
  .bs-wrapper, .company-activity-wrapper, .bank-box, .news-content-container, .download-content-container, .contact-container {
    width: 87.3333% !important;
  }
  .media-head {
    margin-right: 3% !important;
  }
  .news-container {
    margin-right: 6.3333% !important;
    padding: 0.8rem 0 0.2rem 6.3333% !important;
  }
  .contact-container, .download-content-container, .news-content-container, .join-container {
    margin-right: 6.3333% !important;
    margin-left: 6.3333% !important;
  }
  .footer-left-record {
    right: 6.3333% !important;
  }
  .address {
    margin-left: 6.3333% !important;
  }
  .footer-left-link, .company-title {
    margin-left: 4.3333% !important;
  }
  .title-box-one {
    margin-left: 8.8% !important;
  }
  .news-wrapper > Li {
    padding-right: 6% !important;
    padding-left: 6.8% !important;
    background-position: 3% !important;
  }
  .banner-p1-t {
    font-size: 35px !important;
  }
  .to_top {
    right: 0.14rem !important;
  }
  header .header-wrapper Nav .language-wrapper:after {
    left: 0.3rem !important;
  }
  header .language-tab {
    right: -.3rem !important;
  }
}

@media screen and (max-width: 1510px) {
  .go-oldLeshua, .dialog-time {
    font-size: 12px !important;
  }
  .check-btn {
    font-size: 16px !important;
  }
  .dialog-title {
    font-size: 28px !important;
  }
  .dialog-head {
    font-size: 36px !important;
  }
  .dialog-head2 {
    font-size: 30px !important;
  }
  .news-arrow-wrapper {
    left: 80.3% !important;
  }
  .navTitle {
    font-size: 14px !important;
  }
  .footer-left-link, .company-title {
    margin-left: 6.3333% !important;
  }
  .address {
    margin-left: 6.3333% !important;
  }
}

@media screen and (max-width: 1440px) {
  .logo-tips {
    width: 1.4rem !important;
    top: .68rem !important;
    margin-left: 2.8rem !important;
  }
  header .header-wrapper Nav .language-wrapper:after {
    left: 0.33rem !important;
  }
}

@media screen and (max-width: 1366px) {
  .check-btn {
    font-size: 14px !important;
  }
  .dialog-title {
    font-size: 26px !important;
  }
  .dialog-head {
    font-size: 32px !important;
  }
  .dialog-head2 {
    font-size: 26px !important;
  }
  .news-head, .more-news-wrapper .btn-wrapper {
    font-size: 14px !important;
  }
  .banner-h2-t {
    font-size: 22px !important;
  }
  .banner-p1-t {
    font-size: 30px !important;
  }
  .about-active-img6 {
    left: 1.11rem !important;
  }
  .horizontal-line {
    width: 15px !important;
  }
  .vertical-line {
    height: 15px !important;
  }
  .round-dot {
    padding-bottom: 6px !important;
    width: 6px !important;
  }
  .title-box-one {
    margin-top: 0.4rem !important;
  }
  .banner-title-wrapper {
    top: 0.75rem !important;
  }
  .index-to-top {
    margin: 0.32rem auto 0 !important;
  }
}

@media screen and (max-width: 1280px) {
  .logo-tips {
    top: .7rem !important;
    width: 1.6rem !important;
    margin-left: 3.2rem !important;
    height: .3rem !important;
    line-height: .3rem !important;
  }
  .dialog-head {
    font-size: 31px !important;
  }
  .title-box-one {
    margin-top: 0.55rem !important;
  }
  .banner-title-wrapper {
    top: 0.85rem !important;
  }
  .about-active-img6 {
    left: 1.09rem !important;
  }
}

@media screen and (min-width: 2000px) {
  header {
    font-size: 20px !important;
  }
  header .header-wrapper Nav .loginAndRegist a {
    width: 1rem !important;
  }
  header .header-wrapper Nav .loginAndRegist span {
    font-size: 16px !important;
  }
  header .header-wrapper Nav .language-wrapper {
    font-size: 16px !important;
  }
  .inverstment-title, .coop-title, .product-title, .content-intro-wrapper .section1 h2, .socialTitle, .view_t1, .view_t11 {
    font-size: 40px !important;
  }
}

header {
  position: fixed;
  width: 100%;
  height: 110px;
  line-height: 110px;
  font-size: 0.18rem;
  box-sizing: border-box;
  z-index: 30;
  background: #fff;
}

header .header-wrapper {
  position: relative;
  height: 100%;
  padding: 0 8.3333%;
  overflow: hidden;
}

header .header-wrapper::after {
  display: inline-block;
  content: '';
  clear: both;
}

header .header-wrapper .logo-wrapper {
  position: absolute;
  cursor: pointer;
}

header .header-wrapper .logo-wrapper img {
  display: inline-block;
  width: 50px;
  float: left;
  margin-top: 22px;
}
header .header-wrapper .logo-wrapper span {
color: #008CF6;
line-height: 50px;
height: 52px;
margin-top: 22px;
float: left;
margin-left: 10px;
font-size: 42px;
font-weight: 500;
}

header .header-wrapper Nav {
  position: relative;
}

header .header-wrapper Nav::after {
  display: inline-block;
  content: '';
  clear: both;
}

header .header-wrapper Nav > div {
  float: right;
  margin-right: 3.1%;
  padding-top: 8px;
  overflow: hidden;
}

header .header-wrapper Nav > div a {
  color: #000;
}

header .header-wrapper Nav > div .btn {
  cursor: pointer;
  position: relative;
  padding-bottom: 18px;
  border-bottom: 2px solid #fff;
  font-family: "Microsoft Yahei";
  -webkit-transition: color .3s ease-in-out .1s,border-color .3s ease-in-out .1s;
  transition: color .3s ease-in-out .1s,border-color .3s ease-in-out .1s;
  overflow: hidden;
}

header .header-wrapper Nav > div .btn.active::after {
  content: "";
  position: absolute;
  width: 100%;
  bottom: 0;
  height: 2px;
  background: currentColor;
  right: auto;
  left: 0;
  -webkit-transition: width 0.3s cubic-bezier(0.37, 0, 0.21, 1.02);
  transition: width 0.3s cubic-bezier(0.37, 0, 0.21, 1.02);
}

header .header-wrapper Nav > div .btn::after {
  content: "";
  position: absolute;
  width: 0;
  bottom: 0;
  height: 2px;
  background: currentColor;
  right: 0;
  -webkit-transition: width 0.3s cubic-bezier(0.37, 0, 0.21, 1.02);
  transition: width 0.3s cubic-bezier(0.37, 0, 0.21, 1.02);
}

header .header-wrapper Nav > div .btn:not(.active):hover:after {
  left: 0;
  right: auto;
  width: 100%;
}

header .header-wrapper Nav .trangle {
  margin-right: .48rem;
}

header .header-wrapper Nav .trangle:after {
  position: absolute;
  top: 62px;
  display: inline-block;
  border-top: 4px solid #979797;
  border-right: 3px solid transparent;
  border-left: 3px solid transparent;
  border-bottom: none;
  content: '';
  margin-left: 4px;
  -webkit-transform: rotate(0deg);
  transform: rotate(0deg);
  -webkit-transform-origin: center;
  transform-origin: center;
  -webkit-transition: border-color .2s ease-in-out .1s,transform .2s ease-in-out .1s;
  transition: border-color .2s ease-in-out .1s,transform .2s ease-in-out .1s;
}

header .header-wrapper Nav .trangle:hover::after {
  border-top-color: #000000;
  transform: rotate(180deg);
  -webkit-transform: rotate(180deg);
}

header .header-wrapper Nav .loginAndRegist {
  font-size: 0.14rem;
  margin-top: 33px;
}

header .header-wrapper Nav .loginAndRegist a {
  position: relative;
  border: 2px solid #2564ff;
  color: #2564ff;
  cursor: pointer;
  box-sizing: border-box;
  width: 1.2rem;
  display: -webkit-box;
  display: -webkit- flex;
  display: flex;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  justify-content: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
  align-items: center;
  height: 40px;
  line-height: 40px;
  text-align: center;
  font-family: "Microsoft Yahei";
}

header .header-wrapper Nav .loginAndRegist a::after {
  content: '';
  position: absolute;
  top: -0.1px;
  bottom: 0;
  right: 0;
  width: 0;
  height: 105%;
  background-color: #2564ff;
  -webkit-transition: width 0.3s cubic-bezier(0.37, 0, 0.21, 1.02);
  transition: width 0.3s cubic-bezier(0.37, 0, 0.21, 1.02);
  z-index: 1;
}

header .header-wrapper Nav .loginAndRegist a:hover span {
  position: relative;
  z-index: 11;
  color: #fff;
}

header .header-wrapper Nav .loginAndRegist a:hover::after {
  left: 0;
  right: auto;
  width: 100%;
}

header .header-wrapper Nav .global {
  font-size: 0;
  cursor: pointer;
  margin-top: .09rem;
  padding-right: .06rem;
  margin-right: 0 !important;
}

header .header-wrapper Nav .global .language_global {
  width: .16rem;
  height: .16rem;
  display: inline-block;
}

header .header-wrapper Nav .global span {
  width: .16rem;
  height: .17rem;
  display: inline-block;
  background: url("https://h5-static.yeahka.com/static/new_leshua/img/language.png") no-repeat;
  background-size: 100% auto;
}

header .header-wrapper Nav .language-wrapper {
  margin-right: 15px;
  font-size: 0.14rem;
  transform: translate(0%, 0);
  -webkit-transform: translate(0%, 0);
  font-family: "Microsoft Yahei";
  cursor: pointer;
  z-index: 13;
  overflow: inherit;
}

header .header-wrapper Nav .language-wrapper:hover .language-cn {
  visibility: 1;
  opacity: 1;
  transform: translate(0, 3%);
  -webkit-transform: translate(0, 3%);
}

header .header-wrapper Nav .language-wrapper:hover .language-jn {
  visibility: 1;
  opacity: 0.5;
  transform: translate(0, -1%);
  -webkit-transform: translate(0, -1%);
}

header .header-wrapper Nav .language-wrapper .language-cn:after {
  margin-bottom: 2px;
}

header .header-wrapper Nav .language-wrapper .language-cn {
  margin-top: 2px;
  display: inline;
  font-family: 'Microsoft Yahei';
}

header .header-wrapper Nav .language-wrapper .language-en {
  left: 0;
  position: absolute;
  top: 85px;
  visibility: 0;
  opacity: 0;
  z-index: 10;
  line-height: 0;
  display: inline;
  transform: translate(0, -11%);
  -webkit-transform: translate(0, -11%);
  -webkit-transition: opacity 0.3s ease-in 0.06s, -webkit-transform 0.5s cubic-bezier(0.85, 0.01, 0.14, 0.99) 0.06s;
  -moz-transition: opacity 0.3s ease-in 0.06s, transform 0.5s cubic-bezier(0.85, 0.01, 0.14, 0.99) 0.06s;
  -ms-transition: opacity 0.3s ease-in 0.06s, transform 0.5s cubic-bezier(0.85, 0.01, 0.14, 0.99) 0.06s;
  -o-transition: opacity 0.3s ease-in 0.06s, transform 0.5s cubic-bezier(0.85, 0.01, 0.14, 0.99) 0.06s;
  transition: opacity 0.2s ease-in 0.06s, transform 0.5s cubic-bezier(0.85, 0.01, 0.14, 0.99) 0.06s;
  font-family: "Microsoft Yahei";
}

header .header-wrapper Nav .language-wrapper .language-jn {
  position: absolute;
  left: 1px;
  top: 102px;
  visibility: 0;
  opacity: 0;
  z-index: 10;
  line-height: 0;
  display: inline;
  transform: translate(0, -17%);
  -webkit-transform: translate(0, -17%);
  -webkit-transition: opacity 0.3s ease-in 0.06s, -webkit-transform 0.5s cubic-bezier(0.85, 0.01, 0.14, 0.99) 0.06s;
  -moz-transition: opacity 0.3s ease-in 0.06s, transform 0.5s cubic-bezier(0.85, 0.01, 0.14, 0.99) 0.06s;
  -ms-transition: opacity 0.3s ease-in 0.06s, transform 0.5s cubic-bezier(0.85, 0.01, 0.14, 0.99) 0.06s;
  -o-transition: opacity 0.3s ease-in 0.06s, transform 0.5s cubic-bezier(0.85, 0.01, 0.14, 0.99) 0.06s;
  transition: opacity 0.3s ease-in 0.06s, transform 0.5s cubic-bezier(0.85, 0.01, 0.14, 0.99) 0.06s;
  font-family: "Microsoft Yahei";
}

header .header-wrapper Nav .language-wrapper:after {
  position: absolute;
  top: 51%;
  left: .3rem;
}

header .language-tab {
  float: right;
  width: 3rem;
  height: .6rem;
  font-size: 0;
  line-height: 0;
  padding-top: 0;
  margin-right: -.5rem;
  background: #f7f7f7;
  position: relative;
}

header .language-tab ul {
  display: flex;
  padding: .22rem .18rem;
}

header .language-tab ul li {
  color: #000;
  width: .75rem;
  height: .09rem;
  line-height: 0;
  cursor: pointer;
  font-size: .14rem;
  text-align: center;
  padding-top: .08rem;
  padding-left: .05rem;
  padding-right: .05rem;
  font-family: "Microsoft Yahei";
  border-right: 1px solid #b9b9b9;
}

header .language-tab ul li:nth-child(3) {
  width: 1.1rem;
}

header .language-tab ul li:nth-child(4) {
  width: .9rem;
  border-right: 0;
}

header .language-tab ul .active {
  color: #2564ff;
}

header .language-tab ul :hover {
  color: #2564ff;
}

header .nav-service {
  position: absolute;
  top: 110px;
  width: 100%;
  padding: 6vh 8.3333%;
  overflow: hidden;
  z-index: 12;
  background-color: #f7f7f7;
  box-sizing: border-box;
}

header .nav-service .nav-line-left {
  left: 8.3333%;
  z-index: 11;
  background-color: #ecedf2;
}

header .nav-service .nav-line-right {
  right: 8.3333%;
  z-index: 11;
  background-color: #ecedf2;
}

header .nav-service .nav-line-middle {
  left: 41.6666%;
  z-index: 11;
  background-color: #ecedf2;
}

header .nav-service > ul {
  width: 100%;
  height: 100%;
  margin: auto;
}

header .nav-service > ul li {
  transition: transform .7s, background-color .5s;
  -webkit-transition: -webkit-transform .7s, background-color .5s;
  cursor: pointer;
}

header .nav-service > ul li .link-more {
  display: inline-block;
  line-height: 26px;
  padding-bottom: 1px;
  font-size: 0.16rem;
  color: #2564ff;
}

header .nav-service > ul li .link-more::after {
  content: "";
  position: absolute;
  width: 67px;
  bottom: 0;
  height: 2px;
  background: currentColor;
  right: 0;
}

header .nav-service > ul li .link-more:hover::after {
  -webkit-animation: news-line-move 0.65s cubic-bezier(0.6, 0, 0, 1) forwards;
  animation: news-line-move 0.65s cubic-bezier(0.6, 0, 0, 1) forwards;
}

header .nav-service .business-nav-wrapper {
  display: flex;
  flex-direction: row;
  align-items: center;
}

header .nav-service .business-nav-wrapper > a {
  position: relative;
  float: left;
  height: 3.4rem;
  padding-left: 3.1%;
  padding-right: 3.9%;
  margin-left: 2.13%;
  background-color: #ecedf2;
  transition: transform .7s, background-color .5s;
  -webkit-transition: -webkit-transform .7s, background-color .5s;
  box-sizing: border-box;
  color: #152747;
}

header .nav-service .business-nav-wrapper > a:hover {
  background-color: #3578f5;
}

header .nav-service .business-nav-wrapper > a:hover > div {
  color: #fff;
}

header .nav-service .business-nav-wrapper > a:hover > .active-img {
  transform: translate3d(0, 0, 0);
  -webkit-transform: translate3d(0, 0, 0);
  opacity: 1;
}

header .nav-service .business-nav-wrapper > a:hover .link-more, header .nav-service .business-nav-wrapper > a:hover .static-img {
  display: none;
}

header .nav-service .business-nav-wrapper > a .static-img {
  position: absolute;
}

header .nav-service .business-nav-wrapper > a .business-img1 {
  bottom: 0;
  right: .48rem;
  width: 1.6rem;
  height: 1.7rem;
}

header .nav-service .business-nav-wrapper > a .business-img2 {
  width: 38.6%;
  left: 50px;
  bottom: 0.3rem;
}

header .nav-service .business-nav-wrapper > a .business-img3 {
  width: 31%;
  left: 43px;
  bottom: 0.36rem;
}

header .nav-service .business-nav-wrapper > a .business-img4 {
  width: 36.3%;
  left: 43px;
  bottom: 0.47rem;
}

header .nav-service .business-nav-wrapper > a .business-img5 {
  width: 41%;
  left: 40px;
  bottom: 0.5rem;
}

header .nav-service .business-nav-wrapper > a .link-more {
  display: inline-block;
  line-height: 26px;
  padding-bottom: 1px;
  font-size: 16px;
  color: #2564ff;
}

header .nav-service .business-nav-wrapper > a .link-more::after {
  content: "";
  position: absolute;
  width: 67px;
  bottom: 0;
  height: 2px;
  background: currentColor;
  right: 0px;
}

header .nav-service .business-nav-wrapper > a .link-more:hover::after {
  -webkit-animation: news-line-move 0.65s cubic-bezier(0.6, 0, 0, 1) forwards;
  animation: news-line-move 0.65s cubic-bezier(0.6, 0, 0, 1) forwards;
}

header .nav-service .business-nav-wrapper > a .head {
  width: 4.1rem;
  height: 0.22rem;
  line-height: 0.22rem;
  margin-top: 0.58rem;
  font-size: 0.22rem;
  font-weight: bold;
  font-family: "Microsoft Yahei";
}

header .nav-service .business-nav-wrapper > a .content {
  width: 2.4rem;
  line-height: 0.24rem;
  margin-top: 0.12rem;
  font-size: 0.16rem;
  letter-spacing: 0.4px;
  opacity: 0.65;
  font-family: "Microsoft Yahei";
}

header .nav-service .business-nav-wrapper > a span {
  position: absolute;
  bottom: 66px;
  letter-spacing: 0.8px;
  display: inline-block;
  line-height: 26px;
  padding-bottom: 1px;
  font-size: 16px;
  color: #2564ff;
}

header .nav-service .business-nav-wrapper > a > .active-img {
  position: absolute;
  opacity: 0;
  transition: all .6s;
  -webkit-transition: all .6s;
}

header .nav-service .business-nav-wrapper > a .phone-img {
  bottom: 0;
  right: 1rem;
  width: 1.1rem;
  height: 1.7rem;
}

header .nav-service .business-nav-wrapper > a .bank-card-img {
  position: absolute;
  right: .48rem;
  bottom: 0;
  width: 1.02rem;
  height: 1.3rem;
  transform: translate(-100%, 0);
  -webkit-transform: translate(-100%, 0);
}

header .nav-service .business-nav-wrapper > a .blue-rectangle-img1, header .nav-service .business-nav-wrapper > a .blue-rectangle-img2, header .nav-service .business-nav-wrapper > a .white-rectangle-img {
  width: 32%;
  left: 43px;
}

header .nav-service .business-nav-wrapper > a .blue-rectangle-img1 {
  bottom: 0.95rem;
  z-index: 13;
  transition: all .4s;
  -webkit-transition: all .4s;
}

header .nav-service .business-nav-wrapper > a .white-rectangle-img {
  bottom: 0.66rem;
  z-index: 12;
  transition: all .4s .4s;
  -webkit-transition: all .4s .4s;
  transform: translate(0, -50%);
  -webkit-transform: translate(0, -50%);
}

header .nav-service .business-nav-wrapper > a .blue-rectangle-img2 {
  bottom: 0.35rem;
  z-index: 11;
  transform: translate(0, -50%);
  -webkit-transform: translate(0, -50%);
  transition: all .4s .8s;
  -webkit-transition: all .4s .8s;
}

header .nav-service .business-nav-wrapper > a .bussiness-static-img3 {
  width: 1.95rem;
  height: 1.7rem;
  right: .29rem;
  bottom: 0;
}

header .nav-service .business-nav-wrapper > a .pie-img {
  width: 1.26rem;
  height: 1.7rem;
  right: .76rem;
  bottom: 0;
}

header .nav-service .business-nav-wrapper > a .coin-img {
  width: 1.02rem;
  height: 1.01rem;
  right: .29rem;
  bottom: .33rem;
  transform: translate(-100%, 0);
  -webkit-transform: translate(-100%, 0);
}

header .nav-service .business-nav-wrapper > a .business-static-img6 {
  width: 1.73rem;
  height: 1.59rem;
  right: .68rem;
  bottom: 0;
}

header .nav-service .business-nav-wrapper > a .business-static-img7 {
  width: 0.7rem;
  height: 0.42rem;
  right: 1rem;
  bottom: 0.5rem;
}

header .nav-service .business-nav-wrapper > a .scan-img {
  width: 1.46rem;
  height: 1.59rem;
  right: .95rem;
  bottom: 0;
}

header .nav-service .business-nav-wrapper > a .business-card-img {
  width: 0.95rem;
  height: 0.68rem;
  right: .68rem;
  bottom: 0.48rem;
  transform: translate3d(-100%, 0, 0);
  -webkit-transform: translate3d(-100%, 0, 0);
}

header .nav-service .business-nav-wrapper > a .cube-img {
  width: 38.6%;
  left: 50px;
  bottom: 0.3rem;
}

header .nav-service .business-nav-wrapper a:nth-of-type(1) {
  margin-left: 0;
}

header .nav-service .business-nav-wrapper .blue-bg {
  background: url("https://h5-static.yeahka.com/static/new_leshua/img/ellipse.png") center no-repeat;
  background-size: 1rem 116px;
  background-position: 50px 197px;
  background-color: #3578f5;
}

header .nav-service .business-nav-wrapper .blue-bg div {
  color: #fff;
}

header .nav-service .invest-nav-wrapper {
  overflow: hidden;
  display: flex;
  flex-direction: row;
  align-items: center;
}

header .nav-service .invest-nav-wrapper > a {
  position: relative;
  float: left;
  height: 3.4rem;
  padding-left: 3.1%;
  padding-right: 3.9%;
  margin-left: 2.13%;
  background-color: #ecedf2;
  transition: transform .7s, background-color .5s;
  -webkit-transition: -webkit-transform .7s, background-color .5s;
  box-sizing: border-box;
  color: #152747;
}

header .nav-service .invest-nav-wrapper > a:hover {
  background-color: #3578f5;
}

header .nav-service .invest-nav-wrapper > a:hover > div {
  color: #fff;
}

header .nav-service .invest-nav-wrapper > a:hover > .active-img {
  transform: translate3d(0, 0, 0);
  -webkit-transform: translate3d(0, 0, 0);
  opacity: 1;
}

header .nav-service .invest-nav-wrapper > a:hover .link-more, header .nav-service .invest-nav-wrapper > a:hover .static-img {
  display: none;
}

header .nav-service .invest-nav-wrapper > a .static-img {
  position: absolute;
}

header .nav-service .invest-nav-wrapper > a .business-img1 {
  width: 1.88rem;
  height: 1.76rem;
  right: .33rem;
  bottom: 0;
}

header .nav-service .invest-nav-wrapper > a .business-img2 {
  width: 38.6%;
  left: 50px;
  bottom: 0.3rem;
}

header .nav-service .invest-nav-wrapper > a .business-img3 {
  width: 31%;
  left: 43px;
  bottom: 0.36rem;
}

header .nav-service .invest-nav-wrapper > a .business-img4 {
  width: 36.3%;
  left: 43px;
  bottom: 0.47rem;
}

header .nav-service .invest-nav-wrapper > a .business-img5 {
  width: 41%;
  left: 40px;
  bottom: 0.5rem;
}

header .nav-service .invest-nav-wrapper > a .link-more {
  display: inline-block;
  line-height: 26px;
  padding-bottom: 1px;
  font-size: 16px;
  color: #2564ff;
}

header .nav-service .invest-nav-wrapper > a .link-more::after {
  content: "";
  position: absolute;
  width: 67px;
  bottom: 0;
  height: 2px;
  background: currentColor;
  right: 0px;
}

header .nav-service .invest-nav-wrapper > a .link-more:hover::after {
  -webkit-animation: news-line-move 0.65s cubic-bezier(0.6, 0, 0, 1) forwards;
  animation: news-line-move 0.65s cubic-bezier(0.6, 0, 0, 1) forwards;
}

header .nav-service .invest-nav-wrapper > a .head {
  width: 4.1rem;
  height: 0.22rem;
  line-height: 0.22rem;
  margin-top: 0.58rem;
  font-size: 0.22rem;
  font-weight: bold;
  font-family: "Microsoft Yahei";
}

header .nav-service .invest-nav-wrapper > a .content {
  width: 2.4rem;
  line-height: 0.24rem;
  margin-top: 0.12rem;
  font-size: 0.16rem;
  letter-spacing: 0.4px;
  opacity: 0.65;
  font-family: "Microsoft Yahei";
}

header .nav-service .invest-nav-wrapper > a span {
  position: absolute;
  bottom: 66px;
  letter-spacing: 0.8px;
  display: inline-block;
  line-height: 26px;
  padding-bottom: 1px;
  font-size: 16px;
  color: #2564ff;
}

header .nav-service .invest-nav-wrapper > a > .active-img {
  position: absolute;
  opacity: 0;
  transition: all .6s;
  -webkit-transition: all .6s;
}

header .nav-service .invest-nav-wrapper > a .phone-img {
  height: 1.36rem;
  width: 1.81rem;
  right: .33rem;
  bottom: 0;
}

header .nav-service .invest-nav-wrapper > a .bank-card-img {
  right: 1.27rem;
  bottom: .81rem;
  width: 0.94rem;
  height: 0.95rem;
  position: absolute;
  transform: translate(-100%, 0);
  -webkit-transform: translate(-100%, 0);
}

header .nav-service .invest-nav-wrapper > a .blue-rectangle-img1, header .nav-service .invest-nav-wrapper > a .blue-rectangle-img2, header .nav-service .invest-nav-wrapper > a .white-rectangle-img {
  width: 32%;
  left: 43px;
}

header .nav-service .invest-nav-wrapper > a .blue-rectangle-img1 {
  bottom: 0.95rem;
  z-index: 13;
  transition: all .4s;
  -webkit-transition: all .4s;
}

header .nav-service .invest-nav-wrapper > a .white-rectangle-img {
  bottom: 0.66rem;
  z-index: 12;
  transition: all .4s .4s;
  -webkit-transition: all .4s .4s;
  transform: translate(0, -50%);
  -webkit-transform: translate(0, -50%);
}

header .nav-service .invest-nav-wrapper > a .blue-rectangle-img2 {
  bottom: 0.35rem;
  z-index: 11;
  transform: translate(0, -50%);
  -webkit-transform: translate(0, -50%);
  transition: all .4s .8s;
  -webkit-transition: all .4s .8s;
}

header .nav-service .invest-nav-wrapper > a .bussiness-static-img3 {
  width: 2.02rem;
  height: 1.71rem;
  right: .28rem;
  bottom: 0;
}

header .nav-service .invest-nav-wrapper > a .pie-img {
  width: 1.4rem;
  height: 1.71rem;
  right: .9rem;
  bottom: 0;
}

header .nav-service .invest-nav-wrapper > a .coin-img {
  width: 0.92rem;
  height: 0.88rem;
  right: 0.28rem;
  bottom: 0;
  transform: translate(-100%, 0);
  -webkit-transform: translate(-100%, 0);
}

header .nav-service .invest-nav-wrapper > a .business-static-img6 {
  width: 1.86rem;
  height: 1.65rem;
  right: 0.7rem;
  bottom: 0;
}

header .nav-service .invest-nav-wrapper > a .business-static-img7 {
  width: 0.7rem;
  height: 0.42rem;
  right: 1rem;
  bottom: 0.5rem;
}

header .nav-service .invest-nav-wrapper > a .scan-img {
  width: 1.48rem;
  height: 1.65rem;
  right: .7rem;
  bottom: 0;
}

header .nav-service .invest-nav-wrapper > a .business-card-img {
  width: 0.75rem;
  height: 0.75rem;
  right: 1.81rem;
  bottom: 0;
  transform: translate(-100%, 0);
  -webkit-transform: translate(-100%, 0);
}

header .nav-service .invest-nav-wrapper > a .cube-img {
  width: 38.6%;
  left: 50px;
  bottom: 0.3rem;
}

header .nav-service .invest-nav-wrapper a:nth-of-type(1) {
  margin-left: 0;
}

header .nav-service .invest-nav-wrapper .blue-bg {
  background: url("https://h5-static.yeahka.com/static/new_leshua/img/ellipse.png") center no-repeat;
  background-size: 1rem 116px;
  background-position: 50px 197px;
  background-color: #3578f5;
}

header .nav-service .invest-nav-wrapper .blue-bg div {
  color: #fff;
}

header .nav-service .news-nav-wrapper {
  overflow: hidden;
  display: flex;
  flex-direction: row;
  align-items: center;
}

header .nav-service .news-nav-wrapper > a {
  cursor: pointer;
  position: relative;
  float: left;
  height: 3.4rem;
  padding-left: 3.1%;
  padding-right: 3.9%;
  margin-left: 2.13%;
  background-color: #ecedf2;
  transition: transform .7s, background-color .5s;
  -webkit-transition: -webkit-transform .7s, background-color .5s;
  box-sizing: border-box;
  color: #152747;
}

header .nav-service .news-nav-wrapper > a:hover {
  background-color: #3578f5;
}

header .nav-service .news-nav-wrapper > a:hover > div {
  color: #fff;
}

header .nav-service .news-nav-wrapper > a:hover > .active-img {
  transform: translate3d(0, 0, 0);
  -webkit-transform: translate3d(0, 0, 0);
  opacity: 1;
}

header .nav-service .news-nav-wrapper > a:hover .link-more, header .nav-service .news-nav-wrapper > a:hover .static-img {
  display: none;
}

header .nav-service .news-nav-wrapper > a .static-img {
  position: absolute;
}

header .nav-service .news-nav-wrapper > a .business-img1 {
  width: 2.01rem;
  height: 1.71rem;
  right: .6rem;
  bottom: 0;
}

header .nav-service .news-nav-wrapper > a .business-img2 {
  width: 38.6%;
  left: 50px;
  bottom: 0.3rem;
}

header .nav-service .news-nav-wrapper > a .business-img3 {
  width: 31%;
  left: 43px;
  bottom: 0.36rem;
}

header .nav-service .news-nav-wrapper > a .business-img4 {
  width: 36.3%;
  left: 43px;
  bottom: 0.47rem;
}

header .nav-service .news-nav-wrapper > a .business-img5 {
  width: 41%;
  left: 40px;
  bottom: 0.5rem;
}

header .nav-service .news-nav-wrapper > a .link-more {
  display: inline-block;
  line-height: 26px;
  padding-bottom: 1px;
  font-size: 16px;
  color: #2564ff;
}

header .nav-service .news-nav-wrapper > a .link-more::after {
  content: "";
  position: absolute;
  width: 67px;
  bottom: 0;
  height: 2px;
  background: currentColor;
  right: 0px;
}

header .nav-service .news-nav-wrapper > a .link-more:hover::after {
  -webkit-animation: news-line-move 0.65s cubic-bezier(0.6, 0, 0, 1) forwards;
  animation: news-line-move 0.65s cubic-bezier(0.6, 0, 0, 1) forwards;
}

header .nav-service .news-nav-wrapper > a .head {
  width: 4.1rem;
  height: 0.22rem;
  line-height: 0.22rem;
  margin-top: 0.58rem;
  font-size: 0.22rem;
  font-weight: bold;
  font-family: "Microsoft Yahei";
}

header .nav-service .news-nav-wrapper > a .content {
  width: 3rem;
  cursor: pointer;
  line-height: 0.24rem;
  margin-top: 0.12rem;
  font-size: 0.16rem;
  letter-spacing: 0.4px;
  opacity: 0.65;
  font-family: "Microsoft Yahei";
}

header .nav-service .news-nav-wrapper > a span {
  position: absolute;
  bottom: 66px;
  letter-spacing: 0.8px;
  display: inline-block;
  line-height: 26px;
  padding-bottom: 1px;
  font-size: 16px;
  color: #2564ff;
}

header .nav-service .news-nav-wrapper > a > .active-img {
  position: absolute;
  opacity: 0;
  transition: all .6s;
  -webkit-transition: all .6s;
}

header .nav-service .news-nav-wrapper > a .phone-img {
  height: 1.4rem;
  width: 1.3rem;
  right: 1.3rem;
  bottom: 0;
  position: absolute;
  transform: translate(-100%, 0);
  -webkit-transform: translate(-100%, 0);
}

header .nav-service .news-nav-wrapper > a .bank-card-img {
  z-index: 100;
  right: .6rem;
  bottom: 0rem;
  width: 1.41rem;
  height: 1.71rem;
}

header .nav-service .news-nav-wrapper > a .blue-rectangle-img1, header .nav-service .news-nav-wrapper > a .blue-rectangle-img2, header .nav-service .news-nav-wrapper > a .white-rectangle-img {
  width: 32%;
  left: 43px;
}

header .nav-service .news-nav-wrapper > a .blue-rectangle-img1 {
  bottom: 0.95rem;
  z-index: 13;
  transition: all .4s;
  -webkit-transition: all .4s;
}

header .nav-service .news-nav-wrapper > a .white-rectangle-img {
  bottom: 0.66rem;
  z-index: 12;
  transition: all .4s .4s;
  -webkit-transition: all .4s .4s;
  transform: translate(0, -50%);
  -webkit-transform: translate(0, -50%);
}

header .nav-service .news-nav-wrapper > a .blue-rectangle-img2 {
  bottom: 0.35rem;
  z-index: 11;
  transform: translate(0, -50%);
  -webkit-transform: translate(0, -50%);
  transition: all .4s .8s;
  -webkit-transition: all .4s .8s;
}

header .nav-service .news-nav-wrapper > a .bussiness-static-img3 {
  width: 2rem;
  height: 1.5rem;
  right: .7rem;
  bottom: 0;
}

header .nav-service .news-nav-wrapper > a .pie-img {
  width: 1.6rem;
  height: 1.5rem;
  right: .7rem;
  bottom: 0;
}

header .nav-service .news-nav-wrapper > a .coin-img {
  width: 0.89rem;
  height: 0.89rem;
  right: 1.81rem;
  bottom: 0.21rem;
  transform: translate(-100%, 0);
  -webkit-transform: translate(-100%, 0);
}

header .nav-service .news-nav-wrapper > a .business-static-img6 {
  width: 1.95rem;
  height: 1.7rem;
  right: 0.86rem;
  bottom: 0;
}

header .nav-service .news-nav-wrapper > a .business-static-img7 {
  width: 0.7rem;
  height: 0.42rem;
  right: 1rem;
  bottom: 0.5rem;
}

header .nav-service .news-nav-wrapper > a .scan-img {
  width: 1.5rem;
  height: 1.7rem;
  right: 0.86rem;
  bottom: 0;
}

header .nav-service .news-nav-wrapper > a .business-card-img {
  width: 1.03rem;
  height: .64rem;
  right: 1.48rem;
  bottom: 0.49rem;
  transform: translate(-100%, 0);
  -webkit-transform: translate(-100%, 0);
}

header .nav-service .news-nav-wrapper > a .cube-img {
  width: 38.6%;
  left: 50px;
  bottom: 0.3rem;
}

header .nav-service .news-nav-wrapper a:nth-of-type(1) {
  margin-left: 0;
}

header .nav-service .news-nav-wrapper .blue-bg {
  background: url("https://h5-static.yeahka.com/static/new_leshua/img/ellipse.png") center no-repeat;
  background-size: 1rem 116px;
  background-position: 50px 197px;
  background-color: #3578f5;
}

header .nav-service .news-nav-wrapper .blue-bg div {
  color: #fff;
}

header .nav-service .about-nav-wrapper {
  display: flex;
  flex-direction: row;
  align-items: center;
}

header .nav-service .about-nav-wrapper > a {
  position: relative;
  float: left;
  height: 3.4rem;
  padding-left: 3.1%;
  padding-right: 3.9%;
  margin-left: 2.13%;
  background-color: #ecedf2;
  transition: transform .7s, background-color .5s;
  -webkit-transition: -webkit-transform .7s, background-color .5s;
  box-sizing: border-box;
  color: #152747;
}

header .nav-service .about-nav-wrapper > a:hover {
  background-color: #3578f5;
}

header .nav-service .about-nav-wrapper > a:hover > div {
  color: #fff;
}

header .nav-service .about-nav-wrapper > a:hover > .active-img {
  transform: translate3d(0, 0, 0);
  -webkit-transform: translate3d(0, 0, 0);
  opacity: 1;
}

header .nav-service .about-nav-wrapper > a:hover .link-more, header .nav-service .about-nav-wrapper > a:hover .static-img {
  display: none;
}

header .nav-service .about-nav-wrapper > a .static-img {
  position: absolute;
}

header .nav-service .about-nav-wrapper > a .business-img1 {
  width: 2.03rem;
  height: 1.61rem;
  right: .49rem;
  bottom: 0;
}

header .nav-service .about-nav-wrapper > a .business-img2 {
  width: 38.6%;
  left: 50px;
  bottom: 0.3rem;
}

header .nav-service .about-nav-wrapper > a .business-img3 {
  width: 31%;
  left: 43px;
  bottom: 0.36rem;
}

header .nav-service .about-nav-wrapper > a .business-img4 {
  width: 36.3%;
  left: 43px;
  bottom: 0.47rem;
}

header .nav-service .about-nav-wrapper > a .business-img5 {
  width: 41%;
  left: 40px;
  bottom: 0.5rem;
}

header .nav-service .about-nav-wrapper > a .link-more {
  display: inline-block;
  line-height: 26px;
  padding-bottom: 1px;
  font-size: 16px;
  color: #2564ff;
}

header .nav-service .about-nav-wrapper > a .link-more::after {
  content: "";
  position: absolute;
  width: 67px;
  bottom: 0;
  height: 2px;
  background: currentColor;
  right: 0px;
}

header .nav-service .about-nav-wrapper > a .link-more:hover::after {
  -webkit-animation: news-line-move 0.65s cubic-bezier(0.6, 0, 0, 1) forwards;
  animation: news-line-move 0.65s cubic-bezier(0.6, 0, 0, 1) forwards;
}

header .nav-service .about-nav-wrapper > a .head {
  width: 4.1rem;
  height: 0.22rem;
  line-height: 0.22rem;
  margin-top: 0.58rem;
  font-size: 0.22rem;
  font-weight: bold;
  font-family: "Microsoft Yahei";
}

header .nav-service .about-nav-wrapper > a .content {
  width: 3rem;
  line-height: 0.24rem;
  margin-top: 0.12rem;
  font-size: 0.16rem;
  letter-spacing: 0.4px;
  opacity: 0.65;
  font-family: "Microsoft Yahei";
}

header .nav-service .about-nav-wrapper > a span {
  position: absolute;
  bottom: 66px;
  letter-spacing: 0.8px;
  display: inline-block;
  line-height: 26px;
  padding-bottom: 1px;
  font-size: 16px;
  color: #2564ff;
}

header .nav-service .about-nav-wrapper > a > .active-img {
  position: absolute;
  opacity: 0;
  transition: all .6s;
  -webkit-transition: all .6s;
}

header .nav-service .about-nav-wrapper > a .phone-img {
  height: 1.55rem;
  width: .96rem;
  right: 1.03rem;
  bottom: 0;
  position: absolute;
  transform: translate(-100%, 0);
  -webkit-transform: translate(-100%, 0);
}

header .nav-service .about-nav-wrapper > a .file-img {
  height: 1.49rem;
  width: .97rem;
  right: .49rem;
  bottom: 0;
  position: absolute;
  transition: all .5s .3s;
  webkit-transition: all .5s .3s;
  transform: translate(-100%, 0);
  -webkit-transform: translate(-100%, 0);
}

header .nav-service .about-nav-wrapper > a .bank-card-img {
  width: .95rem;
  height: 1.61rem;
  right: 1.57rem;
  bottom: 0rem;
}

header .nav-service .about-nav-wrapper > a .blue-rectangle-img1, header .nav-service .about-nav-wrapper > a .blue-rectangle-img2, header .nav-service .about-nav-wrapper > a .white-rectangle-img {
  width: 32%;
  left: 43px;
}

header .nav-service .about-nav-wrapper > a .blue-rectangle-img1 {
  bottom: 0.95rem;
  z-index: 13;
  transition: all .4s;
  -webkit-transition: all .4s;
}

header .nav-service .about-nav-wrapper > a .white-rectangle-img {
  bottom: 0.66rem;
  z-index: 12;
  transition: all .4s .4s;
  -webkit-transition: all .4s .4s;
  transform: translate(0, -50%);
  -webkit-transform: translate(0, -50%);
}

header .nav-service .about-nav-wrapper > a .blue-rectangle-img2 {
  bottom: 0.35rem;
  z-index: 11;
  transform: translate(0, -50%);
  -webkit-transform: translate(0, -50%);
  transition: all .4s .8s;
  -webkit-transition: all .4s .8s;
}

header .nav-service .about-nav-wrapper > a .bussiness-static-img3 {
  width: 1.89rem;
  height: 1.77rem;
  right: .42rem;
  bottom: 0;
}

header .nav-service .about-nav-wrapper > a .pie-img {
  width: 1.89rem;
  height: 1.32rem;
  right: .42rem;
  bottom: 0;
}

header .nav-service .about-nav-wrapper > a .coin-img {
  width: 0.51rem;
  height: 0.45rem;
  right: 1.12rem;
  bottom: 1.32rem;
  transform: translate(-100%, 0);
  -webkit-transform: translate(-100%, 0);
}

header .nav-service .about-nav-wrapper > a .business-static-img6 {
  width: 2.2rem;
  height: 1.72rem;
  right: 0.76rem;
  bottom: 0;
}

header .nav-service .about-nav-wrapper > a .business-static-img7 {
  width: 0.7rem;
  height: 0.42rem;
  right: 1rem;
  bottom: 0.5rem;
}

header .nav-service .about-nav-wrapper > a .scan-img {
  width: 1.59rem;
  height: 1.1rem;
  right: 1.37rem;
  bottom: 0;
}

header .nav-service .about-nav-wrapper > a .business-card-img {
  width: .97rem;
  height: .98rem;
  right: .76rem;
  bottom: 0.74rem;
  transform: translate(-100%, 0);
  -webkit-transform: translate(-100%, 0);
}

header .nav-service .about-nav-wrapper > a .cube-img {
  width: 38.6%;
  left: 50px;
  bottom: 0.3rem;
}

header .nav-service .about-nav-wrapper a:nth-of-type(1) {
  margin-left: 0;
}

header .nav-service .about-nav-wrapper .blue-bg {
  background: url("https://h5-static.yeahka.com/static/new_leshua/img/ellipse.png") center no-repeat;
  background-size: 1rem 116px;
  background-position: 50px 197px;
  background-color: #3578f5;
}

header .nav-service .about-nav-wrapper .blue-bg div {
  color: #fff;
}

.login-wrapper {
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  background-color: rgba(0, 0, 0, 0.6);
  z-index: 30;
}

.login-wrapper .close-img {
  float: right;
  height: 0.14rem;
  width: 0.14rem;
  margin-right: 0.3rem;
  margin-top: 0.3rem;
  cursor: pointer;
}

.login-wrapper h3 {
  margin: auto;
  width: 73.6%;
  margin-top: 0.7rem;
  font-size: 0.3rem;
}

.login-wrapper .input-wrapper {
  margin-top: 0.3rem;
}

.login-wrapper .input-wrapper .tips-text {
  text-align: center;
  color: #ff3333;
  font-size: 0.14rem;
}

.login-wrapper .input-wrapper .input-item {
  width: 73.6%;
  height: 0.6rem;
  margin: auto;
  margin-top: 0.1rem;
}

.login-wrapper .input-wrapper .input-item > input {
  float: left;
  width: 100%;
  height: 0.6rem;
  padding-left: 0.18rem;
  font-size: 0.16rem;
  border: solid 2px #f2f2f2;
  box-sizing: border-box;
}

.login-wrapper .input-wrapper .code-item input {
  float: left;
  width: 61%;
}

.login-wrapper .input-wrapper .code-item .code-wrapper {
  float: left;
  width: 34%;
  height: 0.6rem;
  padding-top: 0.1rem;
  margin-left: 4.5%;
  box-sizing: border-box;
}

.login-wrapper .input-wrapper .code-item .code-wrapper .login-spin-img, .login-wrapper .input-wrapper .code-item .code-wrapper .forget-spin-img {
  transition: all 1s ease-in-out;
  -webkit-transition: all 1s ease-in-out;
  -webkit-transform: translateZ(0) rotate(0deg);
  transform: translateZ(0) rotate(0deg);
}

.login-wrapper .input-wrapper .code-item img {
  float: left;
  cursor: pointer;
}

.login-wrapper .input-wrapper .code-item img:nth-of-type(1) {
  width: 75%;
  height: 0.4rem;
}

.login-wrapper .input-wrapper .code-item img:nth-of-type(2) {
  width: 0.28rem;
  height: 0.22rem;
  margin-left: 0.07rem;
  margin-top: 0.1rem;
}

.login-wrapper .login-box-wrapper {
  position: fixed;
  top: 50%;
  left: 50%;
  -webkit-transform: translate3d(-50%, -50%, 0);
  transform: translate3d(-50%, -50%, 0);
  width: 75%;
  height: 6rem;
}

.login-wrapper .login-box-wrapper .banner-container {
  position: relative;
  float: left;
  width: 58.3%;
  height: 6rem;
  overflow: hidden;
  opacity: 1;
}

.login-wrapper .login-box-wrapper .banner-container .dot-wrapper {
  position: absolute;
  right: 0.3rem;
  bottom: 0.3rem;
  width: 56px;
  z-index: 12;
}

.login-wrapper .login-box-wrapper .banner-container .dot-wrapper .dot {
  float: left;
  width: 10px;
  height: 10px;
  margin-left: 0.1rem;
  border-radius: 50%;
  background-color: #ffffff;
  opacity: 0.53;
  cursor: pointer;
}

.login-wrapper .login-box-wrapper .banner-container .dot-wrapper .dot.active {
  opacity: 1;
}

.login-wrapper .login-box-wrapper .banner-container .dot-wrapper .dot:nth-child(1) {
  margin-left: 0;
}

.login-wrapper .login-box-wrapper .banner-container .login-banner-wrapper {
  transition: all 1s ease-in-out;
  -webkit-transition: all 1s ease-in-out;
}

.login-wrapper .login-box-wrapper .banner-container .login-banner-wrapper li {
  position: absolute;
  width: 100%;
  height: 6rem;
}

.login-wrapper .login-box-wrapper .banner-container .login-banner-wrapper li > img {
  width: 100%;
  height: 100%;
  transform: translate3d(0, 0, 0);
  -webkit-transform: translate3d(0, 0, 0);
}

.login-wrapper .login-box-wrapper .banner-container .login-banner-wrapper li:nth-of-type(1) {
  left: 0;
}

.login-wrapper .login-box-wrapper .banner-container .login-banner-wrapper li:nth-of-type(2) {
  transform: translate3d(100%, 0, 0);
  -webkit-transform: translate3d(100%, 0, 0);
}

.login-wrapper .login-box-wrapper .banner-container .login-banner-wrapper li:nth-of-type(3) {
  transform: translate3d(200%, 0, 0);
  -webkit-transform: translate3d(200%, 0, 0);
}

.login-wrapper .login-box-wrapper .login-box, .login-wrapper .login-box-wrapper .forget-box {
  float: left;
  width: 41.6%;
  height: 6rem;
  overflow: hidden;
  background-color: #fff;
}

.login-wrapper .login-box-wrapper .login-box .tips, .login-wrapper .login-box-wrapper .forget-box .tips {
  width: 73.6%;
  margin: auto;
  margin-top: 0.06rem;
  padding-left: 0.26rem;
  color: #ff3333;
  font-size: 0.12rem;
  background: url("https://h5-static.yeahka.com/static/new_leshua/img/input-error.png") no-repeat;
  background-position: left 50%;
  background-size: 0.16rem 0.16rem;
  box-sizing: border-box;
}

.login-wrapper .login-box-wrapper .login-box .forget-pwd, .login-wrapper .login-box-wrapper .forget-box .forget-pwd {
  width: 73.6%;
  margin: auto;
  margin-top: 0.16rem;
  font-size: 0.16rem;
  color: #000000;
  opacity: 0.7;
  cursor: pointer;
}

.login-wrapper .login-box-wrapper .login-box .btn-login, .login-wrapper .login-box-wrapper .login-box .select-pwd, .login-wrapper .login-box-wrapper .forget-box .btn-login, .login-wrapper .login-box-wrapper .forget-box .select-pwd {
  width: 73.6%;
  height: 0.66rem;
  line-height: 0.66rem;
  margin: auto;
  margin-top: 0.16rem;
  font-size: 0.2rem;
  color: #fff;
  text-align: center;
  background-color: #2564ff;
  cursor: pointer;
  letter-spacing: 0.7px;
  display: block;
}

.login-wrapper .login-box-wrapper .login-box .merchant-wrapper, .login-wrapper .login-box-wrapper .forget-box .merchant-wrapper {
  position: relative;
  width: 73.6%;
  margin: auto;
  margin-top: 0.34rem;
  font-size: 0.16rem;
}

.login-wrapper .login-box-wrapper .login-box .merchant-wrapper .merchant-item, .login-wrapper .login-box-wrapper .forget-box .merchant-wrapper .merchant-item {
  float: left;
  cursor: pointer;
}

.login-wrapper .login-box-wrapper .login-box .merchant-wrapper .merchant-item:nth-of-type(2), .login-wrapper .login-box-wrapper .forget-box .merchant-wrapper .merchant-item:nth-of-type(2) {
  border-left: 1px solid rgba(0, 0, 0, 0.35);
  margin-left: 0.15rem;
  padding-left: 0.15rem;
  box-sizing: border-box;
}

.login-wrapper .login-box-wrapper .login-box .merchant-wrapper .regist, .login-wrapper .login-box-wrapper .forget-box .merchant-wrapper .regist {
  float: right;
  color: #585858;
  cursor: pointer;
}

.login-wrapper .login-box-wrapper .login-box .merchant-wrapper .regist span, .login-wrapper .login-box-wrapper .forget-box .merchant-wrapper .regist span {
  color: #2564ff;
}

.login-wrapper .login-box-wrapper .login-box .return-login, .login-wrapper .login-box-wrapper .forget-box .return-login {
  width: 2rem;
  margin-left: 0.8rem;
  margin-top: 0.58rem;
  font-size: 0.16rem;
  cursor: pointer;
}

.login-wrapper .login-box-wrapper .login-box .return-login > img, .login-wrapper .login-box-wrapper .forget-box .return-login > img {
  width: 0.25rem;
  height: 0.12rem;
}

.login-wrapper .login-box-wrapper .forget-box {
  float: left;
  width: 41.6%;
  height: 6rem;
  overflow: hidden;
  background-color: #fff;
}

.login-wrapper .index-regist-box-wrapper1, .login-wrapper .index-regist-box-wrapper2 {
  position: fixed;
  top: 50%;
  left: 50%;
  transform: translate3d(-50%, -50%, 0);
  -webkit-transform: translate3d(-50%, -50%, 0);
  width: 36.4%;
  padding-bottom: 0.4rem;
  margin: 0 auto;
  background-color: #fff;
  overflow: hidden;
}

.login-wrapper .index-regist-box-wrapper1 .regist-close-img, .login-wrapper .index-regist-box-wrapper2 .regist-close-img {
  float: right;
  height: 0.14rem;
  width: 0.14rem;
  margin-right: 0.3rem;
  margin-top: 0.3rem;
  cursor: pointer;
}

.login-wrapper .index-regist-box-wrapper1 > h3, .login-wrapper .index-regist-box-wrapper2 > h3 {
  margin-left: 13%;
  margin-top: 0.7rem;
}

.login-wrapper .index-regist-box-wrapper1 > p, .login-wrapper .index-regist-box-wrapper2 > p {
  margin-left: 13%;
  font-size: 0.2rem;
}

.login-wrapper .index-regist-box-wrapper1 .input-wrapper .skip, .login-wrapper .index-regist-box-wrapper2 .input-wrapper .skip {
  margin-top: 0.24rem;
  font-size: 0.16rem;
  text-align: center;
  cursor: pointer;
}

.login-wrapper .index-regist-box-wrapper1 .input-wrapper .input-item, .login-wrapper .index-regist-box-wrapper2 .input-wrapper .input-item {
  position: relative;
  width: 72.8%;
}

.login-wrapper .index-regist-box-wrapper1 .input-wrapper .input-item .triangle3, .login-wrapper .index-regist-box-wrapper2 .input-wrapper .input-item .triangle3 {
  position: absolute;
  top: 50%;
  left: 96%;
  transform: translate3d(-50%, -50%, 0);
  -webkit-transform: translate3d(-50%, -50%, 0);
  display: inline-block;
  border-top: 4.8px solid #000;
  border-right: 3px solid transparent;
  border-left: 3px solid transparent;
  border-bottom: none;
}

.login-wrapper .index-regist-box-wrapper1 .input-wrapper .input-item .FBankNameCode, .login-wrapper .index-regist-box-wrapper1 .input-wrapper .input-item .FBankBranch2, .login-wrapper .index-regist-box-wrapper2 .input-wrapper .input-item .FBankNameCode, .login-wrapper .index-regist-box-wrapper2 .input-wrapper .input-item .FBankBranch2 {
  width: 100%;
  float: left;
  height: 0.6rem;
  padding-left: 0.18rem;
  font-size: 0.16rem;
  border: solid 2px #f2f2f2;
  box-sizing: border-box;
  color: rgba(0, 0, 0, 0.2);
}

.login-wrapper .index-regist-box-wrapper1 .input-wrapper .input-item .proAcity, .login-wrapper .index-regist-box-wrapper2 .input-wrapper .input-item .proAcity {
  float: left;
  width: 48%;
  height: 0.6rem;
  margin-left: 4%;
  padding-left: 0.18rem;
  font-size: 0.16rem;
  border: solid 2px #f2f2f2;
  box-sizing: border-box;
  color: rgba(0, 0, 0, 0.2);
}

.login-wrapper .index-regist-box-wrapper1 .input-wrapper .input-item .proAcity:nth-child(1), .login-wrapper .index-regist-box-wrapper2 .input-wrapper .input-item .proAcity:nth-child(1) {
  margin-left: 0;
}

.login-wrapper .index-regist-box-wrapper1 .input-wrapper .tips, .login-wrapper .index-regist-box-wrapper2 .input-wrapper .tips {
  width: 72.8%;
  padding-left: 0.26rem;
  margin: auto;
  color: #ff3333;
  font-size: 0.12rem;
  margin-top: 0.06rem;
  background: url("https://h5-static.yeahka.com/static/new_leshua/img/input-error.png") no-repeat;
  background-position: left 50%;
  background-size: 0.16rem 0.16rem;
  box-sizing: border-box;
}

.login-wrapper .index-regist-box-wrapper1 .input-wrapper .input-code-item .code-input, .login-wrapper .index-regist-box-wrapper2 .input-wrapper .input-code-item .code-input {
  width: 66%;
}

.login-wrapper .index-regist-box-wrapper1 .input-wrapper .input-code-item .selected-img, .login-wrapper .index-regist-box-wrapper2 .input-wrapper .input-code-item .selected-img {
  position: absolute;
  right: 36%;
  top: 0.23rem;
  width: 0.16rem;
  height: 0.16rem;
}

.login-wrapper .index-regist-box-wrapper1 .input-wrapper .input-code-item .get-code, .login-wrapper .index-regist-box-wrapper2 .input-wrapper .input-code-item .get-code {
  float: right;
  width: 31%;
  height: 100%;
  font-size: 0.16rem;
  line-height: 0.6rem;
  text-align: center;
  color: #2564ff;
  background-color: #f2f2f2;
  cursor: pointer;
}

.login-wrapper .index-regist-box-wrapper1 .input-wrapper .input-address-item, .login-wrapper .index-regist-box-wrapper2 .input-wrapper .input-address-item {
  position: relative;
}

.login-wrapper .index-regist-box-wrapper1 .input-wrapper .input-address-item input:nth-of-type(2), .login-wrapper .index-regist-box-wrapper2 .input-wrapper .input-address-item input:nth-of-type(2) {
  float: right;
}

.login-wrapper .index-regist-box-wrapper1 .input-wrapper .province, .login-wrapper .index-regist-box-wrapper1 .input-wrapper .city, .login-wrapper .index-regist-box-wrapper1 .input-wrapper .area, .login-wrapper .index-regist-box-wrapper2 .input-wrapper .province, .login-wrapper .index-regist-box-wrapper2 .input-wrapper .city, .login-wrapper .index-regist-box-wrapper2 .input-wrapper .area {
  float: left;
  width: 30%;
  height: 0.6rem;
  margin-left: 5%;
  padding-left: 0.18rem;
  font-size: 0.16rem;
  border: solid 2px #f2f2f2;
  box-sizing: border-box;
  color: rgba(0, 0, 0, 0.2);
}

.login-wrapper .index-regist-box-wrapper1 .input-wrapper .province option, .login-wrapper .index-regist-box-wrapper1 .input-wrapper .city option, .login-wrapper .index-regist-box-wrapper1 .input-wrapper .area option, .login-wrapper .index-regist-box-wrapper2 .input-wrapper .province option, .login-wrapper .index-regist-box-wrapper2 .input-wrapper .city option, .login-wrapper .index-regist-box-wrapper2 .input-wrapper .area option {
  color: #000;
}

.login-wrapper .index-regist-box-wrapper1 .input-wrapper .province, .login-wrapper .index-regist-box-wrapper2 .input-wrapper .province {
  margin-left: 0;
}

.login-wrapper .index-regist-box-wrapper1 .input-wrapper .triangle, .login-wrapper .index-regist-box-wrapper2 .input-wrapper .triangle {
  position: absolute;
  top: 50%;
  transform: translate(-50%, -50%);
  -webkit-transform: translate(-50%, -50%);
  display: inline-block;
  border-top: 4.8px solid #000;
  border-right: 3px solid transparent;
  border-left: 3px solid transparent;
  border-bottom: none;
}

.login-wrapper .index-regist-box-wrapper1 .input-wrapper .triangle1, .login-wrapper .index-regist-box-wrapper2 .input-wrapper .triangle1 {
  left: 45%;
}

.login-wrapper .index-regist-box-wrapper1 .input-wrapper .triangle2, .login-wrapper .index-regist-box-wrapper2 .input-wrapper .triangle2 {
  left: 96%;
}

.login-wrapper .index-regist-box-wrapper1 .input-wrapper .agreement-wrapper, .login-wrapper .index-regist-box-wrapper2 .input-wrapper .agreement-wrapper {
  position: relative;
  overflow: hidden;
  width: 72.8%;
  height: 0.6rem;
  line-height: 0.6rem;
  margin: auto;
}

.login-wrapper .index-regist-box-wrapper1 .input-wrapper .agreement-wrapper .circle-grey, .login-wrapper .index-regist-box-wrapper2 .input-wrapper .agreement-wrapper .circle-grey {
  position: relative;
  top: 50%;
  -webkit-transform: translateY(-50%);
  float: left;
  width: 0.16rem;
  height: 0.16rem;
  border: solid 2px #dcdcdc;
  border-radius: 50%;
  cursor: pointer;
}

.login-wrapper .index-regist-box-wrapper1 .input-wrapper .agreement-wrapper .circle-grey .green-dot, .login-wrapper .index-regist-box-wrapper2 .input-wrapper .agreement-wrapper .circle-grey .green-dot {
  position: absolute;
  top: 50%;
  left: 50%;
  height: 6px;
  width: 6px;
  transform: translate(-50%, -50%);
  -webkit-transform: translate(-50%, -50%);
  background: #fff;
  border-radius: 50%;
}

.login-wrapper .index-regist-box-wrapper1 .input-wrapper .agreement-wrapper .circle-grey .green-dot.active, .login-wrapper .index-regist-box-wrapper2 .input-wrapper .agreement-wrapper .circle-grey .green-dot.active {
  background: #56bd75;
}

.login-wrapper .index-regist-box-wrapper1 .input-wrapper .agreement-wrapper > p, .login-wrapper .index-regist-box-wrapper2 .input-wrapper .agreement-wrapper > p {
  float: left;
  line-height: 0.62rem;
  margin-left: 0.08rem;
  font-size: 0.16rem;
}

.login-wrapper .index-regist-box-wrapper1 .input-wrapper .agreement-wrapper > p > a, .login-wrapper .index-regist-box-wrapper2 .input-wrapper .agreement-wrapper > p > a {
  color: #2564ff;
}

.login-wrapper .index-regist-box-wrapper1 .input-wrapper .next-step, .login-wrapper .index-regist-box-wrapper2 .input-wrapper .next-step {
  width: 72.8%;
  height: 0.66rem;
  line-height: 0.66rem;
  margin: 0 auto;
  font-size: 0.2rem;
  color: #fff;
  text-align: center;
  background-color: #2564ff;
  cursor: pointer;
  letter-spacing: 0.7px;
}

.login-wrapper .index-regist-box-wrapper1 .return-login, .login-wrapper .index-regist-box-wrapper2 .return-login {
  width: 72.8%;
  margin: auto;
  margin-top: 0.28rem;
  font-size: 0.16rem;
  cursor: pointer;
}

.login-wrapper .index-regist-box-wrapper1 .return-login > img, .login-wrapper .index-regist-box-wrapper2 .return-login > img {
  width: 0.25rem;
  height: 0.12rem;
}

.login-wrapper .index-regist-box-wrapper1 .return-login > span, .login-wrapper .index-regist-box-wrapper2 .return-login > span {
  margin-left: 0.08rem;
}

.login-wrapper .index-regist-box-wrapper1 .submit-btn, .login-wrapper .index-regist-box-wrapper2 .submit-btn {
  width: 72.8%;
  height: 0.66rem;
  line-height: 0.66rem;
  margin: 0 auto;
  margin-top: 0.3rem;
  font-size: 0.2rem;
  color: #fff;
  text-align: center;
  background-color: #2564ff;
  cursor: pointer;
  letter-spacing: 0.7px;
}

@keyframes line-through {
  0% {
    -webkit-transform: scaleX(0);
    transform: scaleX(0);
    -webkit-transform-origin: left center;
    transform-origin: left center;
  }
  40% {
    -webkit-transform: scaleX(1);
    transform: scaleX(1);
    -webkit-transform-origin: left center;
    transform-origin: left center;
  }
  60% {
    -webkit-transform: scaleX(1);
    transform: scaleX(1);
    -webkit-transform-origin: right center;
    transform-origin: right center;
  }
  100% {
    -webkit-transform: scaleX(0);
    transform: scaleX(0);
    -webkit-transform-origin: right center;
    transform-origin: right center;
  }
}

@keyframes news-line-move {
  0% {
    right: 0;
    width: 67px;
  }
  25% {
    right: 0;
    width: 0;
  }
  75% {
    left: 0px;
    right: none;
    width: 0;
  }
  100% {
    left: 0px;
    right: none;
    width: 67px;
  }
}

@keyframes news-line-move1 {
  0% {
    right: 0;
    width: 67px;
  }
  25% {
    right: 0;
    width: 0;
  }
  75% {
    left: 0px;
    right: none;
    width: 0;
  }
  100% {
    left: 0px;
    right: none;
    width: 67px;
  }
}

#baida-im-box {
  right: .34rem !important;
}

.expandArea {
  width: 3rem;
  float: right;
  right: 1.55rem;
  padding-left: .5rem;
  padding-bottom: .5rem;
  padding-right: .5rem;
  padding-top: .3rem;
  margin-top: -.3rem;
  position: relative;
  background: transparent;
}

.logo-tips {
  color: #000;
  opacity: .6;
  font-size: 0.06rem;
  display: inline-block;
  margin-left: 2rem;
  height: .2rem;
  line-height: .2rem;
  position: absolute;
  text-align: center;
  width: 1.2rem;
  border: 1px solid #eeeeee;
  border-radius: .5rem;
  top: .5rem;
}