@charset "utf-8";

.register-wrapper .head-tab {width: 100%;background: white;font-size: 28px;font-weight: normal;color: #333;display: flex;position: relative;align-items: center;padding: 15px 0 15px 18.8%;border-bottom: 1px solid rgba(145, 145, 145, 0.15);box-shadow: 0 1px 0 0 rgba(145, 145, 145, 0.15);}
.register-wrapper .head-tab img {margin-right: 40px;}

.register-content {display: flex;flex-direction: column;justify-content: center;align-items: center;background-color: white;padding: 43px 0 0 0;font-family: microsoft yahei;}
.register-content .register-tab {width: 400px;display: flex;padding-bottom: 16px;border-bottom: 1px solid #f5f5f5;}
.register-content .register-tab .tab-item {width: 50%;text-align: center;font-size: 18px;font-weight: bold;color: #999;cursor: pointer;}
.register-content .register-tab .tab-item.active {color: #333;}

.register-content .register-form {}
.register-content .register-form > div {display: none;}
.register-content .register-form > div.active {display: block;}
.register-content .register-form .input-item {display: flex;align-items: center;width: 400px;height: 50px;background: #f5f5f5;border-radius: 2px;margin-top: 20px;}
.register-content .register-form .input-item .left-label {min-width: 100px;text-align: center;border-right: 1px solid #e5e5e5;font-size: 14px;font-weight: normal;color: #333;margin: 15px 0;}
.register-content .register-form .input-item input {padding: 0 10px;font-size: 14px;font-weight: normal;color: #333;}

/* 去除edge的密码框默认出现的小眼睛 */
.register-content .register-form .input-item input::-webkit-input-placeholder {color: #999;}
.register-content .register-form .input-item input[type="password"]::-ms-reveal {display: none;}
.register-content .register-form .input-item input[type="password"]::-ms-clear {display: none;}
.register-content .register-form .input-item input[type="password"]::-o-clear {display: none;}

/* 手机注册 */
.register-content .register-form .tip {width: 348px;font-size: 12px;font-weight: normal;color: #999;line-height: 20px;}
.register-content .register-form .red-tip {width: 350px;font-size: 14px;font-weight: normal;color: #ef0d0d;margin-top: 5px;}
.register-content .register-form .grey-tip {width: 350px;font-size: 12px;font-weight: normal;color: #999;margin-top: 5px;white-space: nowrap;}
.register-content .register-form .code-image {width: 100px;height: 50px;border-radius: 2px;cursor: pointer;}
.register-content .register-form .code-button {width: 120px;height: 50px;background: #5092ff;border-radius: 2px;line-height: 50px;text-align: center;cursor: pointer;font-size: 14px;font-weight: normal;color: white;}
.register-content .register-form .btn-default {width: 100px;height: 30px;display: flex;justify-content: space-between;align-items: center;padding-left: 10px;padding-right: 10px;border-right: 1px solid #e5e5e5;}
.register-content .register-form .btn-default:hover {border-right: 1px solid #e5e5e5;}
.register-content .register-form .dropdown-menu > li {height: 40px;line-height: 40px;cursor: pointer;padding-left: 10px;}
.register-content .register-form .dropdown-menu > li:hover {background-color: #e5e5e5;}
.register-content .register-form .validate-message {width: 270px;background: rgba(0, 0, 0, 0.5);border-radius: 2px;position: fixed;top: 45%;left: 43%;text-align: center;padding: 21px 0;display: none;font-size: 18px;font-weight: normal;color: white;line-height: 20px;}
.register-content .register-form .validate-message img {margin-right: 5px;}
.register-content .register-form .eye-image {display: inline-block;height: 22px;width: 22px;cursor: pointer;background: url("../../assets/btn_login_kejian_d.png") center no-repeat;}
.register-content .register-form .eye-image.show-password {background-image: url("../../assets/btn_login_kejian_s.png");}

/* 邮箱注册 */
.register-content .register-form .email-tip {display: flex;width: 350px;align-items: flex-start;margin: 20px 0;}
.register-content .register-form .email-tip img {margin-top: 3px;}
.register-content .register-form .tip-text {margin-left: 5px;font-size: 12px;font-weight: normal;color: #666;line-height: 18px;}
.register-content .submit-form .submit-button {width: 400px;height: 50px;background: #5092ff;border-radius: 2px;line-height: 50px;text-align: center;font-size: 18px;font-weight: normal;color: white;margin-top: 39px;margin-bottom: 30px;cursor: pointer;}
.register-content .submit-form .register-button {margin: 30px auto 140px;font-size: 14px;font-weight: normal;color: #666;line-height: 19px;width: 350px;text-align: center;line-height: 30px;}
.register-content .submit-form .register-text {color: #39f;border-bottom: 1px solid #39f;cursor: pointer;font-weight: normal;}

/* 弹窗 */
.dialog-wrapper {float: left;position: fixed;left: 0;top: 0;height: 100%;width: 100%;display: none;}
.dialog-wrapper .masker-layer {height: 100%;width: 100%;background: #666;opacity: 0.5;}
.dialog-wrapper .dialog {position: fixed;z-index: 999;top: 30%;left: calc(50% - 250px);width: 500px;height: 234px;background: white;display: flex;flex-direction: column;align-items: flex-end;padding: 10px 20px 20px 20px;}
.dialog-wrapper .dialog .close-image {cursor: pointer;}
.dialog-wrapper .dialog .title {width: 100%;font-size: 20px;font-weight: bold;text-align: center;}
.dialog-wrapper .dialog .text {width: 100%;height: 100%;display: flex;align-items: center;justify-content: center;font-size: 16px;font-weight: normal;padding: 0 30px;}
.dialog-wrapper .dialog .button-wrapper {display: flex;justify-content: center;width: 100%;}
.dialog-wrapper .dialog .button-wrapper .button {width: 100px;height: 36px;background: #5092ff;border-radius: 2px;font-size: 16px;font-weight: normal;color: white;margin: 0 10px;cursor: pointer;line-height: 36px;text-align: center;}
.dialog-wrapper .dialog .button-wrapper .cancel-button {background: #eee;color: #666;}

/* go and login */
.go-login {font-size: 14px;font-weight: normal;color: #666;text-align: center;position: absolute;right: 10px;bottom: 10px;}
.go-login span {color: #39f;}

/* 图标 */
.icon {display: inline-block;width: 12px;height: 12px;line-height: 12px;cursor: pointer;background-repeat: no-repeat;background-position: center;}
.icon.icon-check {background-image: url("../../assets/icon_login_choose_d.png");margin-right: 10px;}
.icon.icon-check.checked {background-image: url("../../assets/icon_login_choose_s.png");}

/* UI mobile adjust (2025-02-27 jack) */
.ui-mobile .ui-btn:focus {box-shadow: 0 0 12px white;}
.ui-mobile .ui-title {font-size: 17px;font-weight: bold;letter-spacing: 5px;color: #010101;}
.ui-mobile .ui-content {background: white;}
.ui-mobile .ui-content .red-tip {padding-left: 0;}
.ui-mobile .ui-content .eye-image {margin-right: 8px;}
.ui-mobile .ui-content .register-tab {width: 380px;border-bottom: 0;}
.ui-mobile .ui-content .register-tab .tab-item.active span {border-bottom: 2px solid #80d1b1;}
.ui-mobile .ui-content .input-item {width: 380px;}
.ui-mobile .ui-content .input-item .ui-input-text {width: 100%;height: 100%;margin: 0;border: 0;background: transparent;}
.ui-mobile .ui-content .input-item .ui-input-text input {height: 100%;}
.ui-mobile .ui-content .btn-default {border: 0;margin: 0;height: 100%;font-weight: normal;font-size: 14px;}
.ui-mobile .ui-content .dropdown-menu {padding: 0;min-width: 100px;border-radius: 2px;}
.ui-mobile .ui-content .submit-button {width: 380px;text-shadow: none;}
.ui-mobile .dialog-wrapper > .dialog {max-width: 360px;left: calc(50% - 180px);}