.m-box { width: 1200px; margin: 0 auto; position: relative; } .reg-h2 { font-size: 30px; font-weight: 700; height: 70px; line-height: 70px; padding-top: 10px; position: relative; text-indent: 10px; } .reg-h2 .line { position: absolute; height: 20px; width: 4px; background: #E53985; border-radius: 20px; left: 0; top: 37px; } .reg-box { position: relative; width: 1200px; background: #FFFFFF; min-height: 600px; border-radius: 8px; box-shadow: 0 2px 20px rgba(0, 0, 0, 0.05); } .reg-box-top { width: 1200px; height: 130px; position: relative; } .reg-box-top .reg-face { width: 88px; height: 88px; position: absolute; border: 1px solid #E54189; border-radius: 50%; left: 50px; top: 24px; } .reg-box-top .reg-top-text1 { font-size: 18px; font-weight: 700; text-indent: 160px; padding-top: 24px; } .reg-box-top .reg-top-text2 { font-size: 14px; color: #999999; text-indent: 160px; padding-top: 8px; } .reg-box-top .reg-top-text3 { width: 80px; height: 26px; background: #E5E5E5; color: #666666; font-size: 12px; line-height: 26px; text-align: center; margin-left: 160px; margin-top: 8px; border-radius: 4px; } .reg-top-diamond-box { height: 60px; width: 350px; background: #F4F5F8; border-radius: 50px; position: absolute; top: 40px; right: 52px; } .diamond-box-text1 { line-height: 60px; color: #999999; font-size: 14px; float: left; text-indent: 24px; } .diamond-box-text1 > img { vertical-align: middle; width: 16px; margin-top: -2px; } .diamond-box-text2 { line-height: 60px; float: right; color: #E53985; font-size: 14px; font-weight: 700; margin-right: 24px; } .reg-title { text-indent: 50px; color: #333333; font-size: 16px; padding-top: 10px; font-weight: 700; } .reg-ul { width: 1100px; margin: 0 auto; margin-top: 18px; } .reg-ul li { height: 60px; width: 204px; border: 1px solid #E5E5E5; border-radius: 8px; float: left; margin-right: 16px; margin-bottom: 16px; } .reg-ul li img { width: 204px; } .reg-ul li:nth-child(5n) { margin-right: 0px; } .gash-ul { width: 1100px; margin: 0 auto; margin-top: 18px; } .gash-ul li { width: 204px; height: 48px; border: 1px solid #E5E5E5; border-radius: 8px; float: left; margin-right: 16px; margin-bottom: 16px; line-height: 48px; text-align: center; font-size: 14px; } .gash-ul li:nth-child(5n) { margin-right: 0px; } .money-ul { width: 1100px; margin: 0 auto; margin-top: 18px; } .money-ul li { position: relative; width: 204px; height: 58px; border: 1px solid #E5E5E5; border-radius: 8px; float: left; margin-right: 16px; margin-bottom: 16px; text-align: center; } .money-ul li:nth-child(5n) { margin-right: 0px; } .money-li-p1 { height: 24px; line-height: 24px; color: #E53985; font-size: 14px; font-weight: 700; padding-top: 8px; } .money-li-p1 img { vertical-align: middle; width: 14px; margin-top: -3px; margin-right: 2px; } .money-li-p2 { height: 16px; line-height: 16px; color: #999999; font-size: 12px; } .reg-next-btn { width: 376px; height: 60px; background: #E53985; border-radius: 50px; text-align: center; line-height: 60px; color: #fff; font-size: 18px; margin: 0 auto; margin-top: 35px; }