page { background: #f7f7f7; } .container { .content { width: 704px; margin: 18px auto; .content_bg { // height: 527px; background: #ffffff; border-radius: 20px; padding: 24px; margin-bottom: 10px; .content_top { display: flex; .content_title { font-size: 32px; font-family: PingFang SC; font-weight: 500; color: #000000; line-height: 40px; height: 31px; } .content_tip { font-size: 26px; font-family: PingFang SC; font-weight: 500; color: #808080; line-height: 40px; margin-top: 5px; margin-left: 14px; } } .content_foot { .addImage-content { margin-top: 30px; margin-left: 30px; height: 244px; width: 630px; display: flex; align-items: center; .content { display: flex; .item { height: 129px; display: flex; .item-box1 { height: 129px; width: 129px; border-radius: 16px; background: #f57c00; margin-right: 20px; display: flex; align-items: center; justify-content: center; .add_img { width: 37px; height: 37px; } } .item-box2 { margin-right: 20px; height: 129px; width: 129px; position: relative; border-radius: 16px; .box-image { width: 129px; height: 129px; border-radius: 16px; } .box-sign2 { position: absolute; z-index: 2; top: 6px; right: 0px; height: 50px; width: 50px; border-radius: 100%; } } } } } .remark-content{ margin-top: 30px; } } } } .btn { width: 100%; display: flex; justify-content: center; align-items: center; padding: 40px 0; .btn_next { font-size: 36px; font-family: PingFang SC; font-weight: 500; color: #ffffff; width: 704px; height: 98px; background: #FA7921; border-radius: 20px; display: flex; justify-content: center; align-items: center; } .btn_ne { font-size: 36px; font-family: PingFang SC; font-weight: 500; color: #ffffff; width: 704px; height: 98px; background: #cccccc; border-radius: 20px; display: flex; justify-content: center; align-items: center; } } }