.container {
    padding-bottom: .26rem;
    max-width: 480px;
    margin: 0 auto;
}

.header {
    display: flex;
    justify-content: space-between;
    padding: 0 .3rem 0 0;
    height: 2.7rem;
    position: relative;
}

.header .logo {
    width: 1.2rem;
    height: 1.2rem;
    margin-top: .1rem;
}

.header_left {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
}

.header_left .title {
    font-family: PingFang SC, PingFang SC;
    font-weight: 600;
    font-size: .28rem;
    color: #333333;
    margin-left: .3rem;
    margin-top: -0.3rem;
}

.header_left .tips {
    font-family: PingFang SC, PingFang SC;
    font-weight: 400;
    font-size: .14rem;
    color: #6A6A6A;
    margin-left: .3rem;
    margin-top: .16rem;
}

.header_left .upload_btn {
    width: .92rem;
    height: .4rem;
    background: linear-gradient( 270deg, #E1F1FE 0%, #E9DFF7 63%, #94A0FE 100%);
    box-shadow: 0px .05rem .15rem 0px rgba(121, 86, 249, 0.35);
    border-radius: .2rem;
    display: flex;
    align-items: center;
    justify-content: center;
    margin-left: .3rem;
    margin-top: .3rem;
}

.header_left .upload_btn a {
    font-family: PingFang SC, PingFang SC;
    font-weight: 400;
    font-size: .14rem;
    color: #333333;
    text-decoration: none;
}

.header_right {
    position: relative;
    z-index: 10;
}

.header_right .phone {
    width: 1.04rem;
    height: 2.11rem;
    margin-top: .59rem;
}

.bg1 {
    position: absolute;
    right: 0;
    top: 0;
    width: 1.57rem;
    height: 1.38rem;
}

.section1 {
    margin-top: .22rem;
    position: relative;
    display: flex;
    flex-direction: column;
    align-items: center;
}

.section1_bg1 {
    position: absolute;
    left: 0;
    top: .07rem;
    width: .75rem;
    height: .36rem;
}

.section1_bg2 {
    position: absolute;
    right: 0;
    top: 0;
    width: .45rem;
    height: 1.27rem;
}

.section1_title {
    font-family: PingFang SC, PingFang SC;
    font-weight: 600;
    font-size: .22rem;
    color: #333333;
    margin-top: .43rem;
}

p {
    font-family: PingFang SC, PingFang SC;
    font-weight: 400;
    font-size: .12rem;
    color: #9E9E9E;
    width: 2.93rem;
    text-align: left;
    margin-top: .08rem;
    line-height: .17rem;
    text-indent: 0.25rem;
}

.section2 {
    margin-top: .38rem;
    display: flex;
    flex-direction: column;
    align-items: center;
    position: relative;
}

.section2_title {
    font-family: PingFang SC, PingFang SC;
    font-weight: 500;
    font-size: .2rem;
    color: #333333;
    text-align: center;
    position: relative;
    display: inline-block;
    margin-bottom: .08rem;
}

.section2_title::after {
    content: '01';
    position: absolute;
    right: -0.18rem;
    top: -.12rem;
    font-family: DIN, DIN;
    font-weight: 700;
    font-size: .32rem;
    color: #c3c9fc;
    text-align: center;
    z-index: -1;
}

.section2_title2::after {
    content: '02';
}

.section2_title3 {
    margin-top: .2rem;
}

.section2_title3::after {
    content: '03';
}

.section2_title4 {
    margin-top: 0.3rem;
}

.section2_title4::after {
    content: '04';
}

.section2_img {
    width: 2.76rem;
    height: 1.39rem;
    margin-top: .3rem;
}

.section2_bg1 {
    position: absolute;
    left: 0;
    top: 2.12rem;
    width: .82rem;
    height: 1.03rem;
}

.section2_bg2 {
    position: absolute;
    right: .2rem;
    top: 1.94rem;
    width: .56rem;
    height: 1.44rem;
    /* transform: rotate(25deg); */
}

.section2_img2 {
    width: 1.48rem;
    height: 1.42rem;
    margin-top: .3rem;
}

.section2_bg3 {
    position: absolute;
    left: .24rem;
    top: 1.56rem;
    width: .56rem;
    height: 1.44rem;
}

.section2_img3 {
    width: 2.06rem;
    height: 1.56rem;
    margin-top: .3rem;
}

.section2_img4 {
    width: 2.3rem;
    height: 1.45rem;
    margin-top: .3rem;
}

.section2_bg4 {
    position: absolute;
    right: 0;
    top: 0.88rem;
    width: .74rem;
    height: 1.17rem;
}

.pannel {
    position: relative;
    margin-top: .39rem;
    height: 2.05rem;
}

.pannel_img {
    width: 1.88rem;
    height: 1.58rem;
    position: absolute;
    top: .47rem;
    left: 0;
    z-index: 1;
}

.pannel_img2 {
    width: 2.4rem;
    height: 2.05rem;
    position: absolute;
    top: 0;
    right: .28rem;
    z-index: 2;
}

article {
    display: flex;
    flex-direction: column;
    align-items: center;
    margin-top: .13rem;
}

.art_title {
    font-family: PingFang SC, PingFang SC;
    font-weight: 600;
    font-size: .22rem;
    color: #333333;
    align-self: flex-start;
    margin-left: .4rem;
}

article p {
    text-align: start;
    margin: .05rem 0;
}

.btn_box {
    display: flex;
    flex-direction: column;
}

.btn_group {
    width: 1.14rem;
    height: .41rem;
    background: linear-gradient( -270deg, #E1F1FE 0%, #E9DFF7 63%, #94A0FE 100%);
    box-shadow: 0px .05rem .15rem 0px rgba(121, 86, 249, 0.35);
    border-radius: .06rem;
    margin-top: .22rem;
    margin-left: .44rem;
}

.btn_group a {
    width: 100%;
    height: 100%;
    display: flex;
    align-items: center;
    text-decoration: none;
}

.btn_logo {
    width: .25rem;
    height: .25rem;
    margin-right: .08rem;
    margin-left: .06rem;
}

.btn_group .tip {
    display: flex;
    flex-direction: column;
    font-family: PingFang SC, PingFang SC;
    font-weight: 500;
    font-size: .13rem;
    color: #333333;
}

.btn_group .tip span:first-child {
    margin-bottom: .02rem;
}