body,div,h2,p{margin:0;padding:0;} html{ width: 100%; height:100%; background-color: #f2f2f2; font-family: OpenSans-SemiBold, OpenSans, Arial, Helvetica, sans-serif, SimSun, 宋体; } .maintain-header{ width:100%; height:40px; background-color:#FFF; } .maintain-img { width: 89px; height: 20px; padding: 10px 10px 10px 0; } .maintain-header-img-container{ width:1200px; margin:0 auto; } #maintain{ border-radius:8px; max-width:1200px; min-width:570px; width:100%; height:410px; background-color:#FFF; position:absolute; top:50%; left:50%; -webkit-transform: translate(-50%,-50%); -moz-transform: translate(-50%,-50%); transform:translate(-50%,-50%); display: flex; align-items: center; justify-content: center; } #maintain .content{ display: flex; flex-direction: column; align-items: center; } #maintain .maintain-page-img{ background: url(https://ae01.alicdn.com/kf/HTB1g7VraxD1gK0jSZFK5jcJrVXaw.gif); background-size: cover; margin:0 auto; width: 120px; height: 120px; } #maintain .maintain-page-main-text{ font-family: OpenSans-Bold, OpenSans, Arial, Helvetica, sans-serif, SimSun, 宋体; font-weight: 600; font-size:28px; margin:24px 0 12px 0; } #maintain p{ text-align: center; width:534px; margin-bottom:24px; line-height: normal; font-size:16px; } .button-primary{ display:inline-block; height:44px; line-height: 44px; padding:0 40px; border-radius:3px; font-weight:400; font-size:14px; color:#FFF; text-align:center; vertical-align: middle; background-color:#FF4747; border-radius: 4px; text-decoration:none; }