.certification{ display: flex; flex-direction: column; background-color: #F0F0F0; padding-bottom: 300px; .certification-content{ background-color: white; padding-bottom: 50px; } .certification-content:nth-of-type(3){ margin-top: 18px; } .certification-title{ font-size: 26px; font-weight: 700; margin-left: 30px; padding-top: 40px; color: #000000; // border-top: 18px solid #F0F0F0; } .certification-upload{ width: 642px; height: 316px; border: 10px solid #cde5ff; border-radius: 30px; margin: 0 auto; display: flex;align-items: center;justify-content: center; font-size: 34px; font-weight: 700; color: #68b4ff; background-color: #ECF5FF; position: relative; margin-top: 60px; } .certification-upload text{ margin-bottom: 60px; } .certification-upload-no{ display: flex;flex-direction: column;align-items: center; } .certification-upload-no-icon{ width: 104px; height: 104px; background: #68b4ff; box-shadow: 0px 0px 12px 0px #68b4ff; display: flex;align-items: center;justify-content: center; border-radius: 50%; color: white; } .certification-upload-no-tips{ margin-top: 30px; border-radius: 30px; font-size: 24px; font-weight: 400; color: #000000; } .certification-button{ position: absolute;bottom: -10px;left: -10px;right: -10px; background-color: #858A8F; display: flex; height: 86px; border-radius: 0 0 30px 30px; } .certification-button view{ flex: 1; display: flex;align-items: center;justify-content: center; font-size: 24px; font-weight: 400; color: #ffffff; } .certification-button view:first-child{ border-right: 1px solid #CCCCCC; } .certification-footer{ width: 750px; height: 174px; background: #ffffff; box-shadow: 6px 0px 12px 0px rgba(0,0,0,0.16); position: fixed;bottom: 0;left: 0;right: 0; width: 100%; display: flex;align-items: center;justify-content: center; } .certification-footer-button{ width: 696px; height: 82px; background: #ffffff; border: 2px solid #cde5ff; display: flex; border-radius: 40px; box-sizing: border-box; overflow: hidden; } .certification-footer-button view{ flex: 1; display: flex;align-items: center;justify-content: center; font-size: 32px; font-weight: 400; color: #007aff; } .certification-footer-button view:last-child{ color: white; background-color: #007AFF; } }