.downloadbanner {
    width: 100%;
    height: 620px;
    background: url(/v3/images/2-2download_banner.png) repeat-x 50%;
    margin-top: 76px;
}

.download {
    width: 100%;
}
.download_list li{
    height: 650px;
}
.download_list li:nth-child(odd){
    background: #fff;
}
.download_list li:nth-child(even){
    background: #fafbfd;
}
.download__part {
    width: 100%;
}

.download__partcolor {

}

.download__partIn {
    width: 1100px;
    margin: auto;
    position: relative;
    display: table;
}

.download__parttext {
    width: 450px;
    display: table-cell;
    vertical-align: middle;
    padding-left: 90px;
    transform: translate(-50px, 0);
    position: relative;
    animation: moveLeft 1s ease forwards;
}

.download__parttext h3 {
    font-size: 26px;
    margin-bottom: 60px;
    position: relative;
    line-height: 1;
}
.download__parttext h3::after {
    display: block;
    position: absolute;
    content: '';
    width: 30px;
    height: 2px;
    background: #21a8df;
    bottom: -30px;
}
.download__parttext p {
    line-height: 26px;
    font-size: 14px;
    color: #7d889c;
}

.download__parttext p.twotit {
    margin-bottom: 14px;
    color: #2e3748;
    font-size: 16px;
    line-height: 1;
    margin-top: 28px;
}

.download__partImg {
    display: table-cell;
    vertical-align: middle;
    animation: moveRight 1s ease forwards;
}
.download__partImg img{
    width: 650px;
}
.download__part2text {

}

.download__part2Img {
    right: auto;
    left: 60px;
}

.download__partlast {
    padding-bottom: 0;
}
.download_list li:nth-child(odd) .download__parttext{
    animation: moveRight 1s ease forwards;
}
.download_list li:nth-child(odd) .download__partImg{
    animation: moveLeft 1s ease forwards;
}
.download_list li:nth-child(even) .download__parttext{
    animation: moveLeft 1s ease forwards;
}
.download_list li:nth-child(even) .download__partImg{
    animation: moveRight 1s ease forwards;
}
.downloadb {
    width: 100%;
    height: 392px;
    background: url(/v3/images/2-2download_bg.png) repeat-x 50%;
}
.wrap{
    width: 1100px;
    margin: auto;
}
.downloadbanner__content{
    padding-top: 154px;
}
.logo_panel{
    display: table;
}
.logo_panel img{
    width: 100px;
    display:table-cell;
    margin-right: 20px;
    border-radius: 20px;
    box-shadow: 0 6px 20px rgba(189, 210, 229, 0.6)
}
.logo_panel h2{
    display: table-cell;
    vertical-align: middle;
    font-size: 46px;
    color: #2e3748;
}
.downloadbanner__content a, .downloadb a{
    width: 200px;
    height: 50px;
    display: block;
    border-radius: 30px;
    background-size: 100% 100%;
    box-shadow: 0px 6px 8px rgba(17, 133, 181, 0.2);
}
.downloadbanner__content a:hover, .downloadb a:hover{
    box-shadow: 0px 12px 16px rgba(17, 133, 181, 0.2)
}
.downloadbanner__content a.iphone, .downloadb a.iphone{
   background-image:  url('/v3/images/2-2download_iphone.png');
   margin-bottom: 30px;
}
.downloadbanner__content a.android, .downloadb a.android{
    background-image:  url('/v3/images/2-2download_android.png');
 }
.btn_panel{
    margin-top: 50px;
    display: table;
}
.btn_panel span{
    display: table-cell;
}
.btn_panel img{
    display: block;
    width: 130px;
    height: 130px;
    margin-left: 30px;
}
.downloadb__pos{
    text-align: center;
    padding-top: 80px;
}
.downloadb__pos span{
    text-align: center;
    margin-right: 75px;
    display: inline-block;
}
.downloadb__pos img{
    width: 170px;
    height: 170px;
    margin-bottom: 10px;
}
.downloadb__pos p{
    color: #fff;
    font-size: #fafbfc;
    line-height: 26px;
    font-size: 16px;
}
.downloadb__pos .btn{
    margin-left: 50px;
    vertical-align: top;
    padding-top: 45px;
}
@keyframes moveLeft{
    from{
        transform: translate(-50px, 0);
    }
    to{
        transform: translate(0, 0);
    }
}
@keyframes moveRight{
    from{
        transform: translate(50px, 0);
    }
    to{
        transform: translate(0, 0);
    }
}