.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; .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-face{ width: 88px; height: 88px; position: absolute; border: 1px solid #E54189; border-radius: 50%; left: 50px; top: 24px; } .reg-top-text1{ font-size: 18px; font-weight: 700; text-indent: 160px; padding-top: 24px; } .reg-top-text2{ font-size: 14px; color: #999999; text-indent: 160px; padding-top: 8px; } .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; >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; font-weight: 700; padding-top: 10px; font-weight: 700; } .reg-ul{ width: 1100px; margin: 0 auto; margin-top: 18px; li{ height: 60px; width: 204px; border:1px solid #E5E5E5; border-radius: 8px; float: left; margin-right: 16px; margin-bottom: 16px; img{ width: 204px; } } li:nth-child(5n){ margin-right: 0px; } } .gash-ul{ width: 1100px; margin: 0 auto; margin-top: 18px; 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; } li:nth-child(5n){ margin-right: 0px; } } .money-ul{ width: 1100px; margin: 0 auto; margin-top: 18px; 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; } 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; 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; }