header .cont .registerbtn .register{
    background: linear-gradient(90deg, #5A7EFF 0%, #545BFF 100%);
}
.banner1{
    height: 602px;
    padding-top: 80px;
    overflow: hidden;
    background-color: #F9FCFF;
}
.banner1 .left .title{
    font-size: 36px;
    font-weight: 600;
    color: #1C184E;
    line-height: 60px;
    letter-spacing: 1px;
    /* margin-bottom: 20px; */
    margin: 114px 0 20px 0;
    font-family: PingFangSC-Semibold, PingFang SC;
}
.banner1 .left .text{
    font-size: 20px;
    color: #000000;
    line-height: 26px;
    letter-spacing: 2px;
    
}
.banner1 .left{
    width: 730px;
    float: left;
}

.banner1 img{
    width: 393px;
    height: 432px;
    float: right;
    margin-top: 57px;
}
.banner1 .btn{
    color: white;
    cursor: pointer;
    width: 163px;
    height: 52px;
    line-height: 52px;
    text-align: center;
    border-radius: 26px;
    margin-top: 140px;
    display: inline-block;
    
    box-shadow: 0px 6px 14px 0px rgba(116, 142, 255, 0.72);
    background: linear-gradient(90deg, #6386FF 0%, #5259FF 100%);
}
.banner2{
    overflow: hidden;
}
.banner2 .title{
    font-size: 36px;
    font-weight: 600;
    color: #1C184E;
    line-height: 60px;
    letter-spacing: 1px;
    text-align: center;
    margin: 85px 0 58px 0;
    font-family: PingFangSC-Semibold, PingFang SC;
}
.banner2 .fileWrap{
    overflow: hidden;
}
.banner2 .fileWrap li {
    width: 25%;
    float: left;
    text-align: center;
    margin-bottom: 44px;
}
.banner2 .fileWrap li .item{
    width: 270px;
    height: 258px;
    border-radius: 20px;
    background: #FFFFFF;
    display: inline-block;
    border: 1px solid #A1BEFF;
    position: relative;
}
.banner2 .fileWrap li .item.active{
    border: none;
    box-shadow: 0px 6px 21px 0px rgba(62, 143, 255, 0.22);
}
.banner2 .fileWrap li .item .text{
    width: 204px;
    font-size: 20px;
    font-weight: 500;
    color: #000000;
    line-height: 28px;
    letter-spacing: 2px;
    display: inline-block;
    font-family: PingFangSC-Medium, PingFang SC;
}
.banner2 .fileWrap li .item img{
    width: 77px;
    height: 77px;
    margin-top: 31px;
    margin: 30px 0 46px;
}
.banner2 .fileWrap li .item .look{
    font-size: 14px;
    font-weight: 500;
    color: #6473FF;
    line-height: 20px;
    letter-spacing: 1px;
    cursor: pointer;
    position: absolute;
    bottom: 25px;
    left: 50%;
    transform: translateX(-50%);
    display: none;
    font-family: PingFangSC-Medium, PingFang SC;
}
.banner2 .fileWrap li .item.active .look{
    display: block;
}

.banner2 .develop li {
    width: 25%;
    float: left;
    text-align: center;
    margin-bottom: 44px;
}
.banner2 .develop li .item{
    width: 270px;
    height: 258px;
    border-radius: 20px;
    background: #FFFFFF;
    display: inline-block;
    border: 1px solid #A1E5FF;
    position: relative;
}

.banner2 .develop li .item.active{
    border: none;
    box-shadow: 0px 6px 21px 0px rgba(36, 175, 208, 0.2);
}
.banner2 .develop li .item .text{
    width: 204px;
    font-size: 20px;
    font-weight: 500;
    color: #000000;
    line-height: 28px;
    letter-spacing: 2px;
    display: inline-block;
    font-family: PingFangSC-Medium, PingFang SC;
}
.banner2 .develop li .item img{
    width: 77px;
    height: 77px;
    margin-top: 31px;
    margin: 30px 0 46px;
}
.banner2 .develop li .item .look{
    font-size: 14px;
    font-weight: 500;
    color: #2EBBC8;
    line-height: 20px;
    letter-spacing: 1px;
    cursor: pointer;
    position: absolute;
    bottom: 25px;
    left: 50%;
    transform: translateX(-50%);
    display: none;
    font-family: PingFangSC-Medium, PingFang SC;
}
.banner2 .develop li .item.active .look{
    display: block;
}
.banner3 {
    height: 462px;
    overflow: hidden;
    background-color: #F9FCFF;
}
.banner3 .left{
    width: 400px;
    float: left;
}
.banner3 .left .title{
    font-size: 36px;
    font-weight: 600;
    color: #1C184E;
    line-height: 60px;
    letter-spacing: 1px;
    margin: 72px 0 40px 0;
    font-family: PingFangSC-Semibold, PingFang SC;
}
.banner3 .left ul li{
    font-size: 14px;
    color: #000000;
    line-height: 19px;
    letter-spacing: 1px;
    margin-bottom: 20px;
    
}
.banner3 .left ul li span{
    width: 12px;
    height: 12px;
    border-radius: 50%;
    background: #5182FF;
    display: inline-block;
}
.banner3 .left .createAccount{
    color: white;
    text-align: center;
    line-height: 52px;
    width: 163px;
    height: 52px;
    border-radius: 26px;
    display: inline-block;
    cursor: pointer;
    
    background: linear-gradient(90deg, #6386FF 0%, #5259FF 100%);
    box-shadow: 0px 6px 14px 0px rgba(116, 142, 255, 0.72);
}
.banner3 .left .contact{
    cursor: pointer;
    color: #6473FF;
    text-align: center;
    line-height: 52px;
    width: 163px;
    height: 52px;
    border-radius: 26px;
    
    display: inline-block;
    border: 1px solid #626DFE;
}
.banner3 img{
    width: 546px;
    height: 370px;
    float: right;
    margin-top: 46px;
}
.banner4{
    height: 704px;
    padding-top: 94px;
    position: relative;
}
.banner4 img{
    width: 601px;
    height: 364px;
}
.banner4 .right{
    float: right;
    
}
.banner4 .right .title{
    font-size: 36px;
    font-weight: 600;
    color: #1C184E;
    line-height: 60px;
    letter-spacing: 1px;
    margin-bottom: 40px;
    font-family: PingFangSC-Semibold, PingFang SC;
}
.banner4 .right ul{
    width: 520px;
}
.banner4 .right ul li {
    margin-bottom: 20px;
    
}
.banner4 .right ul li span{
    width: 12px;
    height: 12px;
    background: #5182FF;
    display: inline-block;
    border-radius: 50%;
}
.banner4 .right .language {
    margin-bottom: 80px;
    
}
.banner4 .right .language span{
    color: #6473FF;
    margin-right: 36px;
}
.banner4 .right .language span:first-child{
    color: #000000;
}
.banner4 .right .api .btn{
    color: white;
    width: 30px;
    height: 30px;
    text-align: center;
    line-height: 30px;
    border-radius: 26px;
    display: inline-block;
    margin-right: 20px;
    background: linear-gradient(90deg, #6386FF 0%, #5259FF 100%);
    box-shadow: 0px 6px 14px 0px rgba(116, 142, 255, 0.72);
}
.banner4 .onTrial{
    width: 1000px;
    height: 200px;
    background: #FFFFFF;
    box-shadow: 0px 5px 20px 0px rgba(135, 191, 255, 0.16);
    border-radius: 8px;
    position: absolute;
    left: 50%;
    bottom: -85px;
    margin-left: -500px;
    text-align: center;
}
.banner4 .onTrial .title{
    font-size: 20px;
    font-weight: 600;
    color: #000000;
    line-height: 28px;
    text-align: center;
    margin-top: 35px;
}
.banner4 .onTrial .title span{
    color: #7368FE;
}
.banner4 .onTrial .phone{
    width: 519px;
    height: 68px;
    margin-top: 26px;
    overflow: hidden;
    position: relative;
    border-radius: 34px;
    background: #F6F6FF;
    display: inline-block;
    box-shadow: 0px 10px 20px 0px rgba(73, 160, 255, 0.11), 0px 1px 5px 0px rgba(116, 172, 255, 0.16);
    border: 1px solid rgba(110, 158, 255, 0.14);
}
.banner4 .onTrial .phone input{
    width: 340px;
    float: left;
    height: 100%;
    background: #F6F6FF;
    margin-left: 20px;
}
.banner4 .onTrial .phone .btn{
    width: 144px;
    height: 52px;
    border-radius: 30px;
    display: inline-block;
    text-align: center;
    line-height: 52px;
    color: white;
    position: absolute;
    right: 7px;
    top: 50%;
    transform: translateY(-50%);
    background: linear-gradient(90deg, #6386FF 0%, #5259FF 100%);
    box-shadow: 0px 10px 20px 0px rgba(73, 160, 255, 0.11);
}