@charset "utf-8";
/* register-banner start */
.register-banner{
    height: 480px;
    /*background: #E04141 url('../img/fxpage/banner2.png') no-repeat center center;*/
}
.register-banner-button{
    position: absolute;
    width: 100%;
    height: 100%;
    text-decoration: none!important;
}
/* register-banner end */

/* about start */

.join-in-about{
  overflow: hidden;
  height:633px;
  background-color: #F5F9FD;
}
.join-in-about-title{
  margin-top:60px;
  height:30px;
  font-size:30px;
  font-family:PingFangSC-Medium;
  font-weight:500;
  color:rgba(16,16,16,1);
  line-height:30px;
  text-align: center;
}
.join-in-about-title-des{
  margin-top:16px;
  font-size:16px;
  font-family:PingFangSC-Regular;
  font-weight:400;
  color:rgba(96,96,96,1);
  line-height:28px;
  text-align: center;
}
.join-in-about-main{
  margin:32px auto 0;
  width:1090px;
}
.join-in-about-main>li{
  margin:0 10px;
  width:198px;
  height:327px;
  background:rgba(255,255,255,1);
  border-radius:0px 20px 0px 20px;
  box-sizing: border-box;
  transition: all .2s linear;
  -moz-transition: all .2s linear; /* Firefox 4 */
  -webkit-transition: all .2s linear;/* Safari and Chrome */
  -o-transition: all .2s linear; /* Opera */
}
.join-in-about-main>li:hover{
  box-shadow:0 15px 30px rgba(0,0,0,.1);
  transform: translate3d(0,-2px,0);
}
.join-in-about-main>li>img{
  display: block;
  margin: 0 auto;
}
.join-in-about-main-item-title{
  margin-top:20px;
  height:20px;
  font-size:20px;
  font-family:PingFangSC-Medium;
  font-weight:500;
  color:rgba(48,48,48,1);
  line-height:20px;
  text-align: center;
}
.join-in-about-main-item-des{
  margin:12px auto;
  width:150px;
  font-size:14px;
  font-family:PingFangSC-Regular;
  font-weight:400;
  color:rgba(96,96,96,1);
  line-height:24px;
  text-align: justify;
}

/* about end */
/* advantage start */
.advantage{
  height: 682px;
}
.advantage-title{
  margin-top:60px;
  height:30px;
  font-size:30px;
  font-family:PingFangSC-Medium;
  font-weight:500;
  color:rgba(16,16,16,1);
  line-height:30px;
  text-align: center;
}
.advantage-main{
  margin:30px auto;
  width: 1068px;
  height: 480px;
  box-shadow: 0 4px 10px 0 rgba(52,52,52,0.30);
  overflow: hidden;
}
.advantage-main >li{
  position: relative;
  width: 267px;
  height: 240px;
  box-sizing: border-box;
  overflow: hidden;
}
.advantage-main >li .advantage-main-item-title{
  margin-top:60px;
  height:20px;
  font-size:20px;
  font-family:PingFangSC-Medium;
  font-weight:500;
  color:rgba(48,48,48,1);
  line-height:20px;
  text-align: center;
}
.advantage-main >li .advantage-main-item{
  margin:12px 32px 0 32px;
  width:203px;
  font-size:14px;
  font-family:PingFangSC-Regular;
  font-weight:400;
  color:rgba(96,96,96,1);
  line-height:24px;
}
.advantage-main >li>img{
  display: block;
  width: 100%;
  height: 100%;
  transition: transform 1s ease-in-out;
  -moz-transition:transform 1s ease-in-out;; /* Firefox 4 */
  -webkit-transition:transform 1s ease-in-out;; /* Safari and Chrome */
  -o-transition:transform 1s ease-in-out;; /* Opera */
}
.advantage-main >li>.righttRiangle{
  position: absolute;
  top:134px;
  right:0px;
  border-width: 7px;
  border-style:solid;
  border-color:transparent #ffffff  transparent transparent;
}
.advantage-main >li>.leftRiangle{
  position: absolute;
  top:134px;
  left:0px;
  border-width: 7px;
  border-style:solid;
  border-color:transparent  transparent transparent #ffffff;
}
.advantage-main >li:hover>img{
  -webkit-transform:scale(1.2,1.2);
  -moz-transform:scale(1.2,1.2);
  -o-transform:scale(1.2,1.2);
  transform:scale(1.2,1.2);
}

/* advantage end */

/* select start*/
.select{
  height:540px;
  background-color: #F5F9FD
}
.select-title{
  margin-top:60px;
  height:30px;
  font-size:30px;
  font-family:PingFangSC-Medium;
  font-weight:500;
  color:rgba(16,16,16,1);
  line-height:30px;
  text-align: center;
}
.select-title-des{
  margin-top:20px;
  height:20px;
  font-size:16px;
  font-family:PingFangSC-Medium;
  font-weight:500;
  color:#606060;
  line-height:20px;
  text-align: center;
}
.select-main{
  margin:30px auto;
  width: 1090px;
}
.select-main>.select-main-item{
  margin: 0 10px 20px;
  width: 89px;
  height: 89px;
  transition: all .2s linear;
  -moz-transition: all .2s linear; /* Firefox 4 */
  -webkit-transition: all .2s linear;/* Safari and Chrome */
  -o-transition: all .2s linear; /* Opera */
}
.select-main>.select-main-item:hover{
  box-shadow:0 15px 30px rgba(0,0,0,.1);
  transform: translate3d(0,-2px,0);
}
.select-main>.select-main-item>img{
  width: 100%;
  height: 100%;
}
/* select end*/
/* join-in-new" start*/
.join-in-new{
    padding-top: 60px;
    height:522px;
    box-sizing: border-box;
    text-align: center;
}
.join-in-new-title{
    margin:0 auto;
    display: table;
    height:30px;
    text-align: center;
}
.join-in-new-title-big{
    display: table-cell;
    height: 30px;
    font-size:30px;
    font-family:PingFangSC-Medium;
    font-weight:500;
    color:rgba(16,16,16,1);
    line-height:30px;
}
.join-in-new-title-small{
    display: table-cell;
    height: 30px;
    font-size:18px;
    font-family:PingFangSC-Regular;
    font-weight:400;
    color:rgba(96,96,96,1);
    line-height:30px;
    vertical-align: middle;
}
.join-in-new-des{
    margin-top:22px;
    height:16px;
    font-size:16px;
    font-family:PingFangSC-Regular;
    font-weight:400;
    color:rgba(96,96,96,1);
    line-height:16px;
    text-align: center;
}
.join-in-new-quan{
    margin-top:32px;
}
.join-in-new-button{
    margin-top:56px;
    display: inline-block;
    width:220px;
    height:48px;
    background:rgba(241,30,20,1);
    border-radius:4px;
    font-size:20px;
    font-family:PingFangSC-Medium ;
    font-weight:500;
    color:rgba(255,255,255,1)!important;
    line-height: 48px;
    cursor: pointer;
    text-decoration: none!important;
}
/* join-in-new" end*/

/* media start */
.media-wrap{
    overflow: hidden;
    background-color: #F5F9FD;
}
.media{
    height: 670px;
    box-sizing: border-box;
}
.media-title{
    margin:90px auto 0; 
    width:120px;
    height:30px;
    font-size:30px;
    font-family:PingFangSC-Medium;
    font-weight:500;
    color:rgba(16,16,16,1);
    line-height:30px
}
.media-main{
    margin-top:32px;
}
.media-main-left{
    width: 520px;
}
/* sweed */
  .media-main-title{
    margin-top:30px;
    font-size:18px;
    font-family:PingFangSC-Medium;
    font-weight:500;
    color:rgba(48,48,48,1);
    line-height:18px;
  }
  .media-main-des{
    margin-top:8px;
    font-size:14px;
    font-family:PingFangSC-Regular;
    font-weight:400;
    color:rgba(96,96,96,1);
    line-height:24px;
  }
  .media-main-right{
      width: 520px;
  }
  .media-main-button{
    margin-top:12px;
    display: block;
    width:100px;
    line-height: 32px;
    text-align: center;
    background:#E6F2FF;
    border:1px solid rgba(227,234,255,1);
    font-size:14px;
    font-family:PingFangSC-Medium;
    font-weight:500;
    color:#1770CB;
    height:32px;
    cursor: pointer;
    text-decoration: none!important;
  }
.media-main-button:hover{
  background-color: #1770CB;
  color: #ffffff;
}
  .media-main-more{
    margin-top:30px;
    display: block;
    width:100px;
    height:20px;
    font-size:16px;
    font-family:PingFangSC-Regular;
    font-weight:500;
    color:rgba(23,112,203,1);
    line-height:20px;
    cursor: pointer;
    text-decoration: none!important;
  }
/* media end */
/* join-in-register start */
.join-in-register-wrap{
    border-bottom:1px solid #CCCCCC;
}
.join-in-register{
    padding-top: 60px;
    height: 500px;
    box-sizing: border-box;
}
.join-in-register-title{
    height:30px;
    font-size:30px;
    font-family:PingFangSC-Medium;
    font-weight:500;
    color:rgba(16,16,16,1);
    line-height:30px;
    text-align: center;
}
.join-in-register-main{
    margin-top:30px;
}
.join-in-register-main-input{
    margin: 0 auto 16px;
    display: table;
    height: 40px;
    line-height: 40px;
}
.join-in-register-main-input-icon{
    font-size:18px;
    font-family:PingFangSC-Regular;
    font-weight:400;
    color:rgba(241,30,20,1);
}
.join-in-register-main-input-name{
    margin-right:20px;
    width: 120px;
    height: 40px;
    font-size:18px;
    font-family:PingFangSC-Regular;
    font-weight:400;
    text-align: right;
}
.join-in-register-main-input-main{
    height:40px;
    width: 400px;
    font-size:14px;
    font-family:PingFangSC-Regular;
    font-weight:400;
    line-height:20px;
    text-indent: 12px;
    text-align: left;
    line-height: 40px;
}
.join-in-register-main-input-msg{
    margin-left:10px;
    width:110px;
    height:40px;
    background:rgba(23,112,203,1);
    cursor: pointer;
    text-align: center;
    color: #fff;
    cursor: pointer;
    line-height: 40px;
    font-family:PingFangSC-Regular;
}
.join-in-register-main-input-agreement{
    height:16px;
    width: 400px;
    font-size:12px;
    font-family:PingFangSC-Regular;
    font-weight:400;
    color:rgba(144,144,144,1);
    line-height:20px;
    text-align: left;
    line-height: 16px;
}
.join-in-register-main-input-agreement>input{
    margin:2px 10px 0 0;
}
.join-in-register-main-button{
    width:220px;
    height:48px;
    background:rgba(237,22,22,1);
    border-radius:4px;
    line-height: 48px;
    text-align: center;
    color: #fff;
    cursor: pointer;
    float:left;
}
/* join-in-register end */

/* side-nav start */
.side-nav{
  position: fixed;
  right:0;
  top:20%;
  width: 100px;
  background:rgba(255,255,255,1);
  border: 1px solid rgba(238,238,238,1);
  border-bottom:none;
  border-radius:3px;
  box-sizing: border-box;
}
.side-nav>li{
  height: 40px;
  border-bottom: 1px solid rgba(238,238,238,1);
}
.side-nav>li:nth-last-child(1){
  height: 20px;
}
.side-nav>li>a{
  display: block;
  height: 100%;
  font-size:14px;
  font-family:PingFangSC-Regular;
  font-weight:400;
  color:rgba(96,96,96,1);
  text-align: center;
  line-height: 40px;
  text-decoration: none;
  cursor: pointer;
}
.side-nav>li>a:hover{
  color:rgba(241,30,20,1);
}
.side-nav>li:nth-last-child(1)>a{
  line-height: 20px;
}
.codeImgBox {
  width: 110px;
  margin-left: 10px;
  display: inline-block;
}

.agreementText {
  width: 350px;
  margin-left: 10px;
}
/* side-nav end */