input::-webkit-input-placeholder { color: #999; font-size: 12px; }

input::-moz-placeholder { color: #999; font-size: 12px; }

input:-moz-placeholder { color: #999; font-size: 12px; }

input:-ms-input-placeholder { color: #999; font-size: 12px; }

.marginbt16 { margin-bottom: 16px; }

.content-title { width: 100%; height: 178px; background-image: linear-gradient(to right, #56bc5c, #0e56a6); filter: progid:DXImageTransform.Microsoft.Gradient(gradientType=1, startColorStr=#56bc5c, endColorStr=#0e56a6); background: -ms-linear-gradient(left, #56bc5c, #0e56a6); background: -moz-linear-gradient(left, #56bc5c, #0e56a6); background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#56bc5c), to(#0e56a6)); background: -webkit-linear-gradient(left, #56bc5c, #0e56a6); background: -o-linear-gradient(left, #56bc5c, #0e56a6); }

.content-row { width: 1200px; margin: 0 auto; margin-top: -178px; }

.req-account { border-radius: 5px; box-sizing: border-box; margin-bottom: 60px; box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.15); background-color: #fff; overflow: hidden; }

.req-account > .title { height: 124px; width: 100%; box-sizing: border-box; padding: 38px 0 60px 40px; color: #333; font-size: 24px; font-weight: bold; line-height: 21px; background-color: #fff; }

.req-account > .applay-content { width: 100%; }

.req-account > .applay-content .step-list { width: 100%; margin: 0 auto; width: calc(100% - 352px); display: flex; justify-content: space-between; align-items: center; }

.req-account > .applay-content .step-list .step-item .step-title { display: flex; align-items: center; justify-content: flex-start; width: 200px; height: 50px; border-radius: 162px; font-family: Microsoft YaHei; font-size: 14px; font-weight: normal; line-height: 21px; letter-spacing: 0em; background: #F5F5F5; color: #666666; }

.req-account > .applay-content .step-list .step-item .step-title span { margin: 0 6px 0 16px; width: 25px; height: 25px; display: flex; align-items: center; justify-content: center; border-radius: 50%; font-family: Arial; font-size: 18px; line-height: 21px; color: #FFFFFF; background: #D6D6D6; }

.req-account > .applay-content .step-list .step-item.active .step-title { color: #FFFFFF; background: #38B13F; }

.req-account > .applay-content .step-list .step-item.active .step-title span { background: #FFFFFF; color: #38B13F; }

.req-account > .applay-content .step-form { margin-top: 38px; }

.req-account > .applay-content .step-form #account-form { width: 100%; }

.req-account > .applay-content .step-form #account-form .form-item { position: relative; display: flex; justify-content: flex-start; align-items: flex-start; }

.req-account > .applay-content .step-form #account-form .form-item.ml343 { width: calc(100% - 325px); margin-left: 325px; }

.req-account > .applay-content .step-form #account-form .form-item label { float: left; display: block; text-align: right; box-sizing: border-box; padding-right: 3px; width: 125px; font-family: Microsoft YaHei; font-size: 12px; font-weight: normal; height: 34px; line-height: 34px; letter-spacing: 0em; color: #333333; }

.req-account > .applay-content .step-form #account-form .form-item label::before { margin-right: 3px; content: '*'; color: #FF0000; }

.req-account > .applay-content .step-form #account-form .form-item input { padding: 0 10px; width: 300px; height: 34px; line-height: 34px; background: #FFFFFF; box-sizing: border-box; border: 1px solid #D6D6D6; }

.req-account > .applay-content .step-form #account-form .form-item textarea { padding: 9px 10px; width: 300px; height: 120px; background: #FFFFFF; box-sizing: border-box; border: 1px solid #D6D6D6; }

.req-account > .applay-content .step-form #account-form .form-item .spannum { position: absolute; bottom: 0; left: 435px; font-family: Microsoft YaHei; font-size: 12px; font-weight: normal; line-height: 21px; color: #999999; }

.req-account > .applay-content .step-form #account-form .form-item .switch-manpower { width: 100%; text-align: center; font-family: Microsoft YaHei; font-size: 12px; font-weight: normal; line-height: 16px; letter-spacing: 0em; color: #888888; }

.req-account > .applay-content .step-form #account-form .form-item .switch-manpower a { color: #0E56A6; }

.req-account > .applay-content .step-form #account-form .form-item .switch-manpower a:hover { color: #ff5b01; }

.req-account > .applay-content .step-form #account-form .form-item-submit { margin: 24px auto 13px; width: 300px; height: 40px; border-radius: 2px; background: #FF5B01; }

.req-account > .applay-content .step-form #account-form .form-item-submit .layui-btn { width: 100%; height: 100%; background-color: transparent; }

.req-account > .applay-content .step-form .tips-msg { margin: 24px auto 60px; padding: 10px 11px; width: calc(100% - 654px); height: 113px; background: #FFF5EC; box-sizing: border-box; border: 1px solid #FFDECC; }

.req-account > .applay-content .step-form .tips-msg .change-bind-tips { font-family: Microsoft YaHei; font-size: 12px; color: #333333; line-height: 21px; letter-spacing: 0em; }

.req-account > .applay-content .step-form .tips-msg .change-bind-tips .bind-tips-title { font-weight: bold; }

.req-account > .applay-content .step-form .tips-msg .change-bind-tips .bind-tips-content { line-height: 24px; font-weight: normal; }

.req-account > .applay-content .face-verification { margin-top: 58px; }

.req-account > .applay-content .face-verification .verify-code { font-family: Microsoft YaHei; text-align: center; letter-spacing: 0em; color: #333333; line-height: 21px; }

.req-account > .applay-content .face-verification .verify-code .verify-title { font-size: 18px; }

.req-account > .applay-content .face-verification .verify-code .code { position: relative; margin: 29px auto 30px; width: 179px; height: 179px; }

.req-account > .applay-content .face-verification .verify-code .code .expires_mask { position: absolute; top: 0; display: flex; justify-content: center; align-items: center; width: 100%; height: 100%; color: #FFFFFF; font-size: 18px; background: rgba(0, 0, 0, 0.6); }

.req-account > .applay-content .face-verification .verify-code .verify-tip { line-height: 21px; height: 21px; font-size: 14px; }

.req-account > .applay-content .face-verification .verify-code .verify-tip img { width: 21px; height: 21px; object-fit: cover; margin-right: 8px; vertical-align: bottom; }

.req-account > .applay-content .face-verification .tips-msg { margin: 58px auto 60px; padding: 10px 11px; width: calc(100% - 654px); height: 113px; background: #FFF5EC; box-sizing: border-box; border: 1px solid #FFDECC; }

.req-account > .applay-content .face-verification .tips-msg .change-bind-tips { font-family: Microsoft YaHei; font-size: 12px; color: #333333; line-height: 21px; letter-spacing: 0em; }

.req-account > .applay-content .face-verification .tips-msg .change-bind-tips .bind-tips-title { font-weight: bold; }

.req-account > .applay-content .face-verification .tips-msg .change-bind-tips .bind-tips-content { line-height: 24px; font-weight: normal; }

.req-account > .applay-content .bind_new_phone { margin: 38px 0 60px 358px; }

.req-account > .applay-content .bind_new_phone .form-item { display: flex; justify-content: flex-start; align-items: flex-start; }

.req-account > .applay-content .bind_new_phone .form-item label { float: left; text-align: right; box-sizing: border-box; padding-right: 10px; width: 92px; font-family: Microsoft YaHei; font-size: 12px; font-weight: normal; height: 34px; line-height: 34px; letter-spacing: 0em; color: #333333; }

.req-account > .applay-content .bind_new_phone .form-item label::before { margin-right: 3px; content: '*'; color: #FF0000; }

.req-account > .applay-content .bind_new_phone .form-item .form-input { float: left; display: flex; justify-content: flex-start; align-items: center; }

.req-account > .applay-content .bind_new_phone .form-item .form-input input { box-sizing: border-box; padding: 0 10px; width: 300px; height: 34px; line-height: 34px; background: #FFFFFF; border: 1px solid #D6D6D6; }

.req-account > .applay-content .bind_new_phone .form-item .form-getvc { width: 300px; }

.req-account > .applay-content .bind_new_phone .form-item .form-getvc input { width: 145px; height: 34px; line-height: 34px; box-sizing: border-box; }

.req-account > .applay-content .bind_new_phone .form-item .form-getvc .validation { margin-left: 10px; width: 145px; height: 34px; line-height: 34px; box-sizing: border-box; }

.req-account > .applay-content .bind_new_phone .form-item-submit { margin: 24px 0 0 92px; width: 300px; height: 40px; border-radius: 2px; background: #FF5B01; }

.req-account > .applay-content .bind_new_phone .form-item-submit .layui-btn { width: 100%; height: 100%; background-color: transparent; }

.req-account > .applay-content .bind_success { margin: 38px auto 60px; font-family: Microsoft YaHei; font-weight: normal; text-align: center; }

.req-account > .applay-content .bind_success .success-icon { margin: 0 auto; width: 60px; height: 60px; border-radius: 30px; }

.req-account > .applay-content .bind_success .success-icon img { width: 100%; height: 100%; object-fit: cover; }

.req-account > .applay-content .bind_success .success-title { margin: 14px 0 24px; font-size: 18px; line-height: 21px; color: #333333; }

.req-account > .applay-content .bind_success .success-content { font-size: 14px; line-height: 14px; color: #888888; }

.req-account > .applay-content .bind_success .form-item-submit { margin: 24px auto 0; width: 300px; height: 40px; border-radius: 2px; background: #FF5B01; }

.req-account > .applay-content .bind_success .form-item-submit a:hover { opacity: 1; color: #fff; }

.req-account > .applay-content .bind_success .form-item-submit .layui-btn { width: 100%; height: 100%; background-color: transparent; }
