body{
    background: #19191A;
}
.header{
    padding: 1% 0;
}

.header .header-img{
    width: 17.58%;
    margin-left: 8.65%;
}

.header .header-nav{
    width: 32.5%;
    margin-right: 8.65%;
}

.header-nav>p{
    cursor: pointer;
}

.banner{
    width: 83.33%;
    margin: 0 auto;
}

.icon-left,.icon-right{
    width: 2.22%;
}

.title{
   justify-content: center;
}

.content1,.content2{
    margin-top:5%;
}

.content1 .content1-body{
    width: 83.33%;
    margin: 0 auto;
}
.content1 .content1-body-1{
    margin-top: 3%;
}
.content1 .content1-body .content1-body-1>div{
    flex:0 0 32%;
    background: #1D1D1E;
    box-sizing: border-box;
    border-radius: 16px;
    padding-bottom: 2%;
}

.content1 .content1-body .content1-body-1 .content1-body-1-img{
    width: 20.51%;
    margin: 0 auto;
    flex: 0 0 33%;
}

.content2,.content3,.content4-box {
    width: 83.33%;
    margin: 5% auto 0;
}

.content2-body,.content3-body,.content4-body{
    margin-top: 3%;
}

.content3-body .left{
    flex:0 0 32%;
    position: relative;
}

.content3-body .left>div{
    position: absolute;
    top: 40%;
    left:2%;
}

.content3-body .middle,.content3-body .right{
    flex:0 0 32%;
}

.content3-body .middle>div,.content3-body .right>div{
    flex: 0 0 48%;
    border-radius: 16px;
    background: #1D1D1E;
}


.middle-img{
    width: 20.51%;
    margin: 0 auto;
}

.content4{
    background: url("../image/pt_cs_bg@1x.png") no-repeat;
    background-size: 100% 100%;
}

.content4 .left{
    text-align: right;
    padding: 0 2%;
    flex:0 0 36%;
}
.content4 .right{
    text-align: left;
    padding: 0 2%;
}
.content4 .middle{
    flex:0 0 26.67%;
}

.footer{
    width: 83.33%;
    margin: 8% auto 0;
}

.footer .footer-image{
    width: 4%;
    padding-bottom: 8%;
}