.banner{
   width:100%;
   height:500px;
   background: url(../img/ppt/bannerbg.png) no-repeat;
   background-size:cover;
   position: relative;
 }
.slogan1{
   display: block;
    width:449px;
   height:49px;
    position: absolute;
    top:125px;
    left:50%;
    margin-left:-224.5px;
}
.slogan2{
   display: block;
   width:504px;
   height:39px;
   position: absolute;
   top:204px;
   left:50%;
   margin-left:-260px;
}
.promote-tt{
   width:440px;
   height:47px;
   line-height:47px;
   font-size:36px;
   margin:54px auto 36px;
   position: relative;
   text-align:center;
   font-weight: bold;
}
.p-left{
     position:absolute;
     left:0;
     top:8px;
     display: block;
     width:37px;
     height:28px;
}
.p-right{
    position:absolute;
    right:0;
    top:8px;
    display: block;
    width:37px;
    height:28px;
}
.promotebg{
   width:1200px;
   height:420px;
   margin:0 auto;
}
.promotebg li{
   width:373px;
   height:420px;
   float:left;
   box-shadow:0px 0px 15px 0px rgba(0,0,0,0.1);
}
.margin40{
  margin-right:40px;
}
.p-img{
   display:block;
   width:300px;
   height:174px;
   margin:50px auto;
}
.red-div{
  width:22px;
  height:12px;
  background:#E4223A;
  margin:0 auto 30px;
}
.red-tt{
    color:#E4223A;
    font-size:14px;
    width:100%;
    text-align: center;
    font-weight:bold;
}
.explain{
        font-size:14px;
        color:#333333;
        text-align:center;
        margin-top:5px;
}
.slogan{
height:21px;
font-size:16px;
font-family:MicrosoftYaHei;
color:rgba(51,51,51,1);
line-height:21px;
margin:38px auto 115px;
text-align:center;
}
.icon-tt{
    height:24px;
    font-size:18px;
    color:rgba(51,51,51,1);
    line-height:24px;
    margin:18px auto 3px;
    text-align:center;
}
.rewardbg li{
     width:343px;
     float:left;
}
.margin70{
    margin-right:70px;
}
.rewardbg{
   width:1170px;
   margin:0 auto 144px;
}
.rewardbg li img{
    display:block;
    width:142px;
    height:142px;
    margin:0 auto;
}
.reward-ex{
  width:100%;
  text-align:center;
  color:#666666;
  font-size:14px;
}
.promote-tt2{
    width: 630px;
}
.subtitle-tt{
    width:588px;
    height:48px;
    font-size:14px;
    font-family:MicrosoftYaHei;
    color:rgba(51,51,51,1);
    margin:0 auto 25px;
    text-align:center;
}
.promote-bg{
   width:1170px; 
   margin:0 auto;
}
.promote_banner img{
    display: block;
    width:520px;
    height:350px;
    float:left;
}
.promote-ex{
  float:left;
  margin-left:53px;
}
.promote-ex{
   margin-top:68px;
}
.promote-ex dt{
    font-size:16px;
    font-family:MicrosoftYaHei-Bold,MicrosoftYaHei;
    font-weight:bold;
    color:rgba(228,34,58,1);
    height:24px;
    margin-bottom:20px;
}
.code{
   display: inline-block;
   width:30px;
   height:30px;
   line-height:30px;
   text-align:center;
   color:#E4223A;
   font-size:16px;
   border:1px solid #E4223A;
   border-radius:50%;
   margin-right:10px;
}
.promote-ex dd span{ float: left;}
.promote-ex dd{
   position: relative;
}
.code-ct{
   position:absolute;
   top:5px;
   display:block;
   width:500px;
   left:45px;
}
.promote-ex dd{
   margin-bottom:25px;
}
.bottom-detail{
   width:100%;
   height:60px;
   border-top:1px solid #000000;
   margin-top:80px;
}
.bottom-ct{
   width:1190px;
   margin:0 auto;
   height:60px;
   line-height:60px;
}
.bottom-ct a{color:#E4223A;}
.makeMoney{
     height:60px;
     background:#E4223A;
     color: white;
     line-height:60px;
     text-align:center;
     width:180px;
     float: right;
}
.Money2{
   height:60px;
   background:#E4223A;
   color: white!important;
   line-height:60px;
   text-align:center;
   width:180px;
   float: right;
   display:none;
}
.invite_bg{
    width:600px;
    height:296px;
    background:#FFFFFF;
    border-radius:16px;
    margin:0 auto;
    box-shadow:0px 2px 4px 0px rgba(0,0,0,0.5);
    position:absolute;
    left:50%;
    top:50%;
    margin-left:-300px; 
    margin-top:-148px;
    z-index:200000;
    display:none;
}
.invite-tt{
    font-size:16px;
    font-family:MicrosoftYaHei-Bold,MicrosoftYaHei;
    font-weight:bold;
    color:rgba(51,51,51,1);
    height:58px;
    line-height:58px;
    text-indent:50px;
    position: relative;
}
.pclose{
   display:block;
   width:24px;
   height:24px;
   position:absolute;
   right:11px;
   top:20px;
}
.phone{
  width:484px;
  height:46px;
  background:rgba(255,255,255,1);
  box-shadow:0px 2px 4px 0px rgba(0,0,0,0.5);
  border-radius:4px;
  border:1px solid rgba(204,204,204,1);
  margin:23px auto 0;
  font-size:14px;
  text-indent:10px;
  display:block;
}
.phone-remind{
   width:484px;
   font-size:14px;
   margin:12px auto 50px;
}
.invite-btn{
  width:230px;
  height:44px;
  line-height:44px;
  background:rgba(11,54,122,1);
  box-shadow:0px 2px 4px 0px rgba(0,0,0,0.5);
  border-radius:22px;
  margin:42px auto 0;
  text-align:center;
  font-size:16px;
  color:#FFFFFF;
}
.phone-remind{
   font-size:14px;
   width:220px;
   margin:25px 55px 0;
}
.phone-remind strong{margin-right:10px;}
.makeMoney2{
   display:block;
   position:absolute;
   top:323px;
   left:50%;
   margin-left:-100px;
   width:200px;
   height:52px;
   background:white; 
   border-radius:25px;
}
/* 推广赚钱-邀请码 */
.i-slo1{
    display: block;
    width:448px;
    height:50px;
    position: absolute;
    top:166px;
    left:0;
}
.i-slo2{
   display: block;
   width:504px;
   height:39px;
   position: absolute;
   top:245px;
   left:0;
}
.makeMoney3{
   display:block;
   position:absolute;
   top:347px;
   left:100px;
   margin-left:-100px;
   width:200px;
   height:52px;
   background:white; 
   border-radius:25px;
}
.banner-ct{
      width:1190px;
      height:500px;
      margin:0 auto;
      position: relative;
      display: none;
}
.invitation{
   position:absolute;
   top:162px;
   right:0px;   
}
.invitation-tt{
   font-size:36px;
   font-family:MicrosoftYaHei-Bold,MicrosoftYaHei;
   font-weight:bold;
   color:rgba(248,233,233,1);
   line-height:47px;
   letter-spacing:1px;
}
.invitation-code{
   font-size:24px;
   font-family:MicrosoftYaHei-Bold,MicrosoftYaHei;
   font-weight:bold;
   color:rgba(251,239,239,1);
   line-height:31px;
   letter-spacing:1px;
   margin-top:10px;
}
.invite-slo{
    margin-top:37px;
    font-size:16px;
    font-family:MicrosoftYaHei;
   color:rgba(255,255,255,1);
}
.margin45{
  margin-right:45px;
}
.share li{
   width:45px;
   float: left;
}
.share{
   margin-top:30px;
}
.sahre-tt{
   width:48px;
   height:16px;
   font-size:12px;
   font-family:MicrosoftYaHei;
   color:rgba(255,255,255,1);
   line-height:16px;
   text-align:center;
   margin-top:10px;
}
.banner-ct{
    display: none;
}
.gray{
   width:100%;
   height:100%;
   background:rgba(0,0,0,0.6);
   position: absolute;
   top:0;
   left:0;
   position: fixed;
   display: none;
}
.phone-bg2{
   display: none;
}
.sure{
   width: 230px;
   height: 44px;
   line-height: 44px;
   background: rgba(11,54,122,1);
   box-shadow: 0px 2px 4px 0px rgba(0,0,0,0.5);
   border-radius: 22px;
   margin: 42px auto 0;
   text-align: center;
   font-size: 16px;
   color: #FFFFFF;
}