body {background: linear-gradient(180deg,rgba(255,255,255,1) 0%,rgba(178,195,241,1) 100%); height: auto;}
.page {position: relative; display: flex; flex-direction: column; align-items: center; min-width: 320px; max-width: 750px; margin: 0 auto; background: #fff; background: #fff url('https://img.nala.com.cn/images/hz/2021/bm-index-bg.jpg?v=20210705') top center no-repeat; background-size: contain;}
.pointer {cursor: pointer;}
.none {display: none !important;}
.fixed {position: fixed; max-height: 100vh; overflow: hidden;}
.img_banner {width: 100%;}
.container {margin-top: 50%; width: 100%; display: flex; flex-direction: column; align-items: center;}
.form_wrapper {width: 89%; background: #fff; border-radius: 4px; box-shadow:0px 0px 20px 0px rgba(7,1,111,0.1);}
.form_wrapper .btn_base {height: 40px; line-height: 40px; text-align: center; border-radius: 2px; font-size: 16px; color: #fff; background: linear-gradient(180deg,rgba(9,105,226,1) 0%,rgba(6,40,164,1) 100%);}
select:disabled,
input:disabled{color: #bbb; background: #f8f8f8;}
option{font-size: 16px;}

/* 登录 */
.login_wrapper {padding: 48px 32px 32px;}
.login_wrapper .login_item {display: flex; align-items: center; padding-bottom: 12px; border-bottom: 1px solid #E5E5E5;}
.login_wrapper .login_item + .login_item {margin-top: 32px;}
.login_wrapper .login_item .login_item_label {flex: none; font-size: 16px; color: #333; font-weight: 600;}
.login_wrapper .login_item .login_item_input {flex: 1; width: 25%; margin-left: 16px; border: none; color: #333; font-size: 16px;}
.login_item_input::-webkit-input-placeholder {color: #ccc; font-size: 16px;}
.login_item_input:-moz-placeholder {color: #ccc; font-size: 16px;}
.login_item_input:-ms-input-placeholder {color: #ccc; font-size: 16px;}
.login_wrapper .login_item .btn_code {flex: none; margin-left: 24px; font-size: 14px; color: #0632AD;}
.login_wrapper .btn_code.disabled {color: #999;}
.login_wrapper .btn_login {margin-top: 40px;}

/* 活动信息 */
.info_wrapper {margin-top: 40px;}
.info_wrapper .info_item {text-align: center;}
.info_wrapper .info_item + .info_item {margin-top: 24px;}
.info_wrapper .info_item .info_title {margin-bottom: 8px; display: inline-block; font-size: 16px; line-height: 22px; font-weight: 600; padding: 0 34px; background: url("../images/line.png"), url("../images/line.png"); background-repeat: no-repeat; background-position: left center, right center; background-size: 20px 10px; color: #333;}
.info_wrapper .info_item .info_content {font-size: 14px; color: #4A4954;}
.info_wrapper .info_contact {position: relative; text-align: center; padding: 11px 0;}
/* 复制文本 */
#wechat_text {position: absolute; top: 0; left: -9999px; z-index: -9999;}
.info_wrapper .info_contact .contact_item {display: inline-block; padding-left: 32px; font-size: 14px; color: #333; background-repeat: no-repeat; background-size: 20px; background-position: left center;}
.info_wrapper .info_contact .contact_wechat {background-image: url('../images/copy@2x.png');}
.info_wrapper .info_contact .contact_phone {background-image: url('../images/phone@2x.png');}
.info_wrapper .info_contact .line {display: inline-block; margin: 0 30px; width: 1px; height: 28px; background: #E5E5E5; vertical-align: middle;}

/* 展商报名 */
.business_wrapper {margin-top: 20px; position: relative; width: 100%; padding: 10px 48px 10px 0; background: url('../images/bg_business.png?v=20200116') center no-repeat; background-size: cover; text-align: right; box-sizing: border-box;}
.business_wrapper .qr_business {width: 26%;}

/* 登录成功 */
.login_success_wrapper {padding: 40px 20px 32px;}
.login_success_wrapper .submit_item + .submit_item {margin-top: 20px;}
.login_success_wrapper .submit_item .submit_title {margin-bottom: 8px; font-size: 16px; color: #333; font-weight: 600;}
.login_success_wrapper .submit_item .submit_title em {color: #EF2635;}
.login_success_wrapper .submit_item .submit_item_input {width: 100%; padding: 8px 12px; height: 40px; box-sizing: border-box; line-height: 24px; border-radius: 2px; border: 1px solid #ddd; color: #333; font-size: 16px;}
.login_success_wrapper .submit_item .submit_item_textarea {height: 80px;}
.login_success_wrapper .submit_item .form_tips {margin-top: 4px; font-size: 12px; color: #999;}
.login_success_wrapper .btn_submit {margin-top: 32px;}
.login_success_wrapper .submit_tips {margin-top: 12px; font-size: 12px; color: #999; text-align: center;}
.login_success_wrapper .radio_wrapper {margin-top: 12px;}
.login_success_wrapper .radio_wrapper .radio_item {display: inline-flex; align-items: center; font-size: 16px; color: #333;}
.login_success_wrapper .radio_item + .radio_item {margin-left: 48px;}
.login_success_wrapper .radio_wrapper .label {margin-right: 8px; width: 20px; height: 20px; border: 1px solid #ccc; box-sizing: border-box; border-radius: 50%;}
.login_success_wrapper .checkbox_wrapper .label{border-radius: 4px; width: 18px; height: 18px;}
.radio_wrapper input[type="radio"],
.checkbox_wrapper input[type="checkbox"] {width: 0; height: 0; border: none;}
.radio_wrapper input[type="radio"]:checked + .label {border: 6.5px solid #190889;}
.checkbox_wrapper input[type="checkbox"]:checked + .label {border: none; background: #190889 url('../images/icon_checked@2x.png') center no-repeat; text-align: center; background-size: 14px;}
.login_success_wrapper .type_select {margin-top: 12px; width: 100%; height: 40px; padding: 9px 12px; border: 1px solid #ddd; border-radius: 2px; background: url('../images/arrow_down@2x.png') 97% center no-repeat; background-size: 12px 7px; color: #333; font-size: 16px;}
.login_success_wrapper .type_select:disabled {color: #bbb; background: #f8f8f8;}

/* 弹窗 */
.dialog_wrapper {position: fixed; top: 0; bottom: 0; left: 0; right: 0; display: flex; flex-direction: column; align-items: center; justify-content: center; background: rgba(0, 0, 0, 0.5);}
.dialog_wrapper .dialog_content {width: 315px; padding: 32px 30px 20px; box-sizing: border-box; border-radius: 12px; background: #fff; font-size: 16px;}
.dialog_wrapper .dialog_content .dialog_tips {text-align: center; color: #333;}
.dialog_wrapper .dialog_content .btn_know {margin-top: 24px; height: 40px; line-height: 40px; border-radius: 20px; color: #fff; background: #EF2635; text-align: center;}
