.loginApp {
  background-image: linear-gradient(200deg, #fff 10%, #FEF6F5 100%);
  background-repeat: repeat;
  background-size: normal;
  min-height: 100vh;
  position: relative;
}
.content {
  width: 100%;
  max-width: 1200px;
  margin: auto;
  padding-bottom: 77px;
}
.headDiv {
  padding: 24px 0;
}
.headDiv > span {
  font-size: 16px;
  color: #333333;
  line-height: 18px;
  line-height: 42px;
  cursor: pointer;
}
.main h3 {
  font-weight: bold;
  font-size: 36px;
  color: #000000;
  text-align: center;
}
.main > .tips {
  color: #999999;
  font-size: 14px;
  text-align: center;
  margin-top: 18px;
}
.mainContent {
  width: 100%;
  max-width: 1080px;
  height: 720px;
  background: #FFF9F7;
  box-shadow: 0px 0px 20px 0px rgba(255, 136, 99, 0.15);
  border-radius: 10px;
  border: 1px solid #FFEBE4;
  margin: auto;
  margin-top: 30px;
  margin-bottom: 42px;
  overflow: hidden;
}
.mainContent .leftBoxMain,
.mainContent .rightBoxMain {
  height: 100%;
  float: left;
}
.mainContent .leftBoxMain {
  background: url('../img/bg.png') no-repeat;
  background-size: 100% 100%;
  width: 540px;
}
.mainContent .rightBoxMain {
  background-color: #FFF9F7;
  width: calc(100% - 540px);
}
.mainContent .carousel {
  width: 460px;
  height: 42px;
  background: #FFFFFF;
  border-radius: 10px;
  margin: auto;
  margin-top: 30px;
  margin-bottom: 60px;
}
.mainContent .wenzi {
  margin-left: 42px;
  margin-bottom: 44px;
}
.mainContent .commissionRatio {
  background: url('../img/_wenzibeijing.png') no-repeat;
  background-size: 100% 100%;
  width: 460px;
  height: 318px;
  margin: auto;
  position: relative;
  overflow: hidden;
  padding-top: 48px;
}
.mainContent .commissionRatio .tipsTextSpan {
  position: absolute;
  left: 11px;
  top: 13px;
  font-size: 12px;
  color: #9F0F00;
}
.mainContent .commissionRatio .ordinaryDiv,
.mainContent .commissionRatio .memberDiv {
  float: left;
  width: 50%;
}
.mainContent .commissionRatio .ordinaryDiv .userName,
.mainContent .commissionRatio .memberDiv .userName {
  font-size: 20px;
  color: #1A1A1B;
  display: block;
}
.mainContent .commissionRatio .ordinaryDiv .proportion,
.mainContent .commissionRatio .memberDiv .proportion {
  font-weight: bold;
  font-size: 36px;
  color: #1A1A1B;
}
.mainContent .commissionRatio .ordinaryDiv .proportionText,
.mainContent .commissionRatio .memberDiv .proportionText {
  font-size: 16px;
  color: #99999E;
}
.mainContent .commissionRatio .ordinaryDiv li,
.mainContent .commissionRatio .memberDiv li {
  font-size: 16px;
  color: #99999E;
}
.mainContent .commissionRatio .ordinaryDiv li img,
.mainContent .commissionRatio .memberDiv li img {
  margin-right: 4px;
  vertical-align: middle;
}
.mainContent .commissionRatio .ordinaryDiv li + li,
.mainContent .commissionRatio .memberDiv li + li {
  margin-top: 10px;
}
.mainContent .commissionRatio .ordinaryDiv ul,
.mainContent .commissionRatio .memberDiv ul {
  margin-top: 16px;
}
.mainContent .commissionRatio .ordinaryDiv {
  padding-left: 36px;
}
.mainContent .commissionRatio .memberDiv {
  padding-left: 24px;
}
.mainContent .flowBox {
  width: 460px;
  height: 114px;
  background: #FFF9F8;
  border-radius: 10px;
  padding: 18px;
  text-align: center;
  margin: auto;
}
.mainContent .flowBox img {
  margin-top: 2px;
}
.mainContent .flowBox ul {
  width: 108%;
  margin-left: -4%;
}
.mainContent .flowBox li {
  float: left;
  width: 20%;
}
.mainContent .flowBox b {
  font-size: 14px;
  color: #8B4935;
  margin: 6px 0;
  display: inline-block;
}
.mainContent .flowBox span {
  font-size: 12px;
  color: #D9B5A9;
}
.mainContent .rightBoxMain {
  padding: 50px 30px;
  font-size: 0;
}
.mainContent .rightBoxMain > div {
  margin-bottom: 40px;
}
.mainContent .rightBoxMain b {
  font-size: 18px;
  color: #3B312C;
  line-height: 32px;
  display: inline-block;
  margin-bottom: 4px;
}
.mainContent .rightBoxMain p {
  font-size: 16px;
  color: #3B312C;
  line-height: 24px;
  margin: 12px 0;
}
.mainContent .rightBoxMain .joinNow {
  background-image: linear-gradient(90deg, #FF9E80 10%, #FF4C2E 100%);
  background-repeat: repeat;
  text-align: center;
  font-weight: bold;
  font-size: 24px;
  color: #FFFFFF;
  padding: 18px 0;
  border-radius: 10px;
  margin-top: 84px;
  cursor: pointer;
  border: 1px solid #ff9e80;
  display: inline-block;
  vertical-align: top;
  width: 56%;
  margin-left: 2%;
}
.mainContent .rightBoxMain .distributionCenter {
  border: 1px solid #FF6A52;
  background: #fff;
  display: inline-block;
  vertical-align: top;
  width: 42%;
  text-align: center;
  font-weight: bold;
  font-size: 24px;
  color: #FF6244;
  padding: 18px 0;
  border-radius: 10px;
  margin-top: 84px;
  cursor: pointer;
}
.lowermost {
  text-align: center;
  font-size: 12px;
  color: #999999;
  width: 100%;
  border-top: 1px solid #eee;
  line-height: 77px;
  position: absolute;
  bottom: 0;
  left: 0;
}
#memberCarrier {
  position: relative;
}
.sharingMethods {
  overflow: hidden;
}
.sharingMethods > div {
  background: linear-gradient(-30deg, #FF4C2E 0%, #FFB39C 100%);
  box-shadow: 0px 0px 10px 0px rgba(255, 59, 13, 0.3);
  border-radius: 8px;
  width: 110px;
  height: 40px;
  font-size: 16px;
  text-align: center;
  line-height: 40px;
  color: #fff;
  float: left;
  margin-right: 20px;
  cursor: pointer;
  margin-top: 6px;
}
.realTime ul,
.realTime li {
  list-style: none;
  overflow: hidden;
}
.realTime .box {
  height: 35px;
  background: #000;
  overflow: hidden;
}
.realTime .t_news {
  width: 100%;
  text-align: center;
  display: inline-block;
  height: 32px;
  color: #333333;
  padding-left: 10px;
  margin: 5px 0;
  overflow: hidden;
  position: relative;
}
.realTime .t_news b {
  line-height: 32px;
  font-weight: bold;
  display: inline-block;
}
.realTime .news_li,
.realTime .swap {
  line-height: 32px;
  display: inline-block;
  position: absolute;
  top: 0;
  left: 0px;
  width: 100%;
}
.realTime .news_li a,
.realTime .swap a {
  color: #333333;
  font-size: 16px;
}
.realTime .swap {
  top: 30px;
}
.SuccessfulCase {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.mainContent .joinNow.loadEffect {
  background: linear-gradient(90deg, #ffffff11 33%, #d7d7d755 50%, #efefef11 66%) #f7f7f7;
  background-size: 300% 100%;
  cursor: auto;
}
.Getinfo.loadEffect {
  color: transparent !important;
}
.Getinfo.loadEffect.exclusiveProportion {
  background: linear-gradient(90deg, #ffdcd0 33%, #fde6de 50%, #ffd1c1 66%) #f8ecec;
  background-size: 300% 100%;
}
.Getinfo.loadEffect.proportionType1 {
  background: linear-gradient(90deg, #ffe3d9 33%, #fceeea 50%, #fcd2c3 66%) #f8ecec;
  background-size: 300% 100%;
}
.Getinfo.loadEffect.rightProportionText {
  background: linear-gradient(90deg, #fff9f7 33%, #fdfcfc 50%, #fff1ed 66%) #f7f7f7;
  background-size: 300% 100%;
}
.tips .loadEffect.exclusiveProportion {
  background: linear-gradient(90deg, #fdfaf9 33%, #fdfcfc 50%, #faf8f8 66%) #f7f7f7;
  background-size: 300% 100%;
}
/*# sourceMappingURL=init.css.map */