.main_right_con{ margin: 20px 0; padding:0 40px 10px 20px; } .change_pwd_title{ font-weight: 600; margin:20px 0 60px; padding-left: 4px; color: #32c5d2; font-size: 16px; } .change_pwd_con{ width: 600px; height: 230px; } .f12{ font-size: 12px; margin-left: 40px; } .input_l{ width:80px; text-align: right; display: inline-block; margin-right: 12px; } .input_pwd{ width:238px; height: 30px; line-height: 30px; border:1px solid #e1e4e6; color:#676869; padding-left: 8px; border-radius: 2px; } .input_r{ color:#32c5d2; margin-left: 8px; } .change_pwd_con li:nth-of-type(1){ margin-bottom: 8px; } .change_pwd_con li:nth-of-type(3){ margin: 6px 0; padding-bottom: 8px; padding-left: 26px; position: relative; } .change_pwd_con li:nth-of-type(3):before{ content: '!'; position: absolute; width: 10px; height: 10px; line-height: 10px; font-size: 12px; top:5px; border:1px solid #32c5d2; opacity: .5; text-align: center; /*background: #676869;*/ color: #32c5d2; left:50px; border-radius: 100%; } .change_pwd_con li:nth-of-type(5){ margin-top: 24px; } .change_btn{ width:160px; height:32px; line-height: 32px; background: #32c5d2; display: inline-block; color: #fff; border-radius: 20px !important; text-align: center; } .change_pwd_success_con{ display: block; width: 600px; position:relative; top: 50%; left: 50%; margin-left: -300px; height: 230px; margin-top: -115px; padding-top:100px; background-color: #fff; /*background: url('../img/change_pwd_success_con.png') no-repeat center 0;*/ } .success-msg{ } .change_pwd_success_con a{ color: #32c5d2; } em { color: #d4333f; margin-right: 8px; vertical-align: middle; } .glyphicon { color: #32c5d2; }