.clearBox[data-v-ceeab886] { zoom: 1; } .clearBox[data-v-ceeab886]:after { clear: both; content: ""; display: block; height: 0; visibility: hidden; } .font10[data-v-ceeab886] { transform: scale(0.83); transform-origin: 0; } .submit-success-overlay[data-v-ceeab886] { align-items: center; animation: fadeIn-ceeab886 0.3s ease-in-out; background: rgba(0, 0, 0, 0.6); display: flex; height: 100%; justify-content: center; left: 0; position: fixed; top: 0; width: 100%; z-index: 9999; } @keyframes fadeIn-ceeab886 { 0% { opacity: 0; } to { opacity: 1; } } @keyframes slideUp-ceeab886 { 0% { opacity: 0; transform: translateY(30px); } to { opacity: 1; transform: translateY(0); } } .submit-success-modal[data-v-ceeab886] { align-items: center; animation: slideUp-ceeab886 0.4s ease-out; background: linear-gradient(1turn, #372b1f, #161513); border-radius: 16px; box-shadow: 0 0.1rem 0.3rem rgba(0, 0, 0, 0.3); box-sizing: border-box; display: flex; height: 150px; justify-content: center; position: relative; text-align: center; width: 187.5px; } .submit-success-modal.lang-2[data-v-ceeab886] { height: 184px; width: 250px; } .success-content[data-v-ceeab886] { align-items: center; display: flex; flex-direction: column; } .success-icon[data-v-ceeab886] { margin-bottom: 10px; } .success-icon img[data-v-ceeab886], .success-icon svg[data-v-ceeab886] { height: 23px; width: 23px; } .description[data-v-ceeab886] { color: #fff; font-size: 15px; line-height: 1.4; margin: 0 10px; } .close-x-button[data-v-ceeab886] { background: none; border: none; border-radius: 50%; color: #999; cursor: pointer; position: absolute; right: 15px; top: 15px; transition: all 0.3s ease; } .close-x-button[data-v-ceeab886]:hover { background: rgba(0, 0, 0, 0.1); color: #333; } .close-x-button svg[data-v-ceeab886] { height: 8px; width: 8px; } @media screen and (min-width: 768px) { .submit-success-modal[data-v-ceeab886] { border-radius: 1.29032258vw; box-sizing: border-box; } .submit-success-modal.lang-2[data-v-ceeab886], .submit-success-modal[data-v-ceeab886] { height: 24.19354839vw; width: 30.24193548vw; } .success-icon[data-v-ceeab886] { margin-bottom: 1.61290323vw; } .success-icon img[data-v-ceeab886], .success-icon svg[data-v-ceeab886] { height: 3.70967742vw; width: 3.70967742vw; } .description[data-v-ceeab886] { font-size: 2.41935484vw; margin: 0 1.61290323vw; } .close-x-button[data-v-ceeab886] { right: 1.93548387vw; top: 1.93548387vw; } .close-x-button svg[data-v-ceeab886] { height: 1.29032258vw; width: 1.29032258vw; } } @media screen and (min-width: 1240.5px) { .submit-success-modal[data-v-ceeab886] { border-radius: 16px; box-sizing: border-box; height: 300px; width: 260px; } .submit-success-modal.lang-2[data-v-ceeab886] { height: 300px; width: 260px; } .success-content[data-v-ceeab886] { width: 100%; } .success-icon[data-v-ceeab886] { margin-bottom: 20px; } .success-icon img[data-v-ceeab886], .success-icon svg[data-v-ceeab886] { height: 46px; width: 46px; } .description[data-v-ceeab886] { font-size: 18px; margin: 0 20px; } .close-x-button[data-v-ceeab886] { right: 24px; top: 24px; } .close-x-button svg[data-v-ceeab886] { height: 24px; width: 24px; } .close-x-button[data-v-ceeab886]:hover { background: rgba(0, 0, 0, 0.1); } } .clearBox[data-v-54320a96] { zoom: 1; } .clearBox[data-v-54320a96]:after { clear: both; content: ""; display: block; height: 0; visibility: hidden; } .font10[data-v-54320a96] { transform: scale(0.83); transform-origin: 0; } .floating-ball[data-v-54320a96] { align-items: center; background: #b8997d; border-radius: 999px; box-shadow: 0 4px 12px rgba(0, 0, 0, 0.15); box-sizing: border-box; cursor: pointer; display: flex; flex-direction: row; height: 60px; justify-content: flex-start; opacity: 1; padding: 8px 16px; position: fixed; right: 30px; top: 200px; transition: all 0.3s ease; width: 125px; z-index: 1000; } .floating-ball[data-v-54320a96]:hover { background: #a68b70; box-shadow: 0 6px 16px rgba(0, 0, 0, 0.2); transform: translateY(-2px); } .floating-ball[data-v-54320a96]:active { box-shadow: 0 2px 8px rgba(0, 0, 0, 0.15); transform: translateY(0); } .floating-ball-icon[data-v-54320a96] { flex-shrink: 0; height: 44px; width: 44px; } .floating-ball-text[data-v-54320a96] { color: #1d1d1d; font-size: 18px; font-weight: 500; letter-spacing: 0; line-height: 120%; margin-left: 10px; text-align: center; } .floating-ball.lang-2[data-v-54320a96] { width: 165px; } @media screen and (max-width: 767.5px) { .floating-ball[data-v-54320a96] { border-radius: 132.49px 0 0 132.49px; height: 40px; justify-content: flex-start; padding: 4px 8px; right: 0; top: 200px; width: 80px; } .floating-ball-text[data-v-54320a96] { display: block; font-size: 12px; margin-left: 6px; } .floating-ball-icon[data-v-54320a96] { height: 28px; width: 28px; } .floating-ball.lang-2[data-v-54320a96] { width: 100px; } } @media screen and (min-width: 768px) and (max-width: 1240px) { .floating-ball[data-v-54320a96] { border-radius: 132.49px 0 0 132.49px; height: 76px; padding: 10px 16px; right: 0; top: 250px; width: 158px; } .floating-ball-icon[data-v-54320a96] { height: 56px; width: 56px; } .floating-ball-text[data-v-54320a96] { font-size: 24px; margin-left: 10px; } .floating-ball.lang-2[data-v-54320a96] { width: 185px; } } .clearBox { zoom: 1; } .clearBox:after { clear: both; content: ""; display: block; height: 0; visibility: hidden; } .font10 { transform: scale(0.83); transform-origin: 0; } /deep/ .showPC { display: none; } /deep/ .showH5, /deep/ .showH5AndIpad { display: block; } .custom-datepicker-panel { background: #1d1f21; border: none; border-radius: 8px; box-shadow: 0 4px 16px 0 #00000080; box-sizing: border-box; height: 296px; padding: 16px; width: 256px; } .custom-datepicker-panel .el-picker-panel__body-wrapper { height: auto; overflow: hidden; width: 100%; } .custom-datepicker-panel .el-picker-panel__body { height: 100%; margin: 0; padding: 0; width: 100%; } .custom-datepicker-panel .el-date-picker__header, .custom-datepicker-panel .el-picker-panel__header { align-items: center!important; border-bottom: none!important; display: flex!important; justify-content: space-between !important; margin: 0!important; padding: 0 0 8px!important; width: 100% !important; } .custom-datepicker-panel .el-date-picker__header .el-picker-panel__icon-btn, .custom-datepicker-panel .el-picker-panel__header .el-picker-panel__icon-btn { background: transparent!important; border: none!important; color: #e3e4e5 !important; cursor: pointer!important; font-size: 14px!important; height: 20px!important; line-height: 20px!important; outline: none!important; text-align: center!important; width: 20px !important; } .custom-datepicker-panel .el-date-picker__header .el-picker-panel__icon-btn:hover, .custom-datepicker-panel .el-picker-panel__header .el-picker-panel__icon-btn:hover { color: #b99a7d !important; } .custom-datepicker-panel .el-date-picker__header .el-picker-panel__icon-btn.el-icon-d-arrow-left:before, .custom-datepicker-panel .el-picker-panel__header .el-picker-panel__icon-btn.el-icon-d-arrow-left:before { content: url("data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTEiIGhlaWdodD0iMTIiIGZpbGw9Im5vbmUiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PHBhdGggZmlsbC1ydWxlPSJldmVub2RkIiBjbGlwLXJ1bGU9ImV2ZW5vZGQiIGQ9Ik02LjM0LjY2YS41NTcuNTU3IDAgMCAxLS4wMDMuNzg1TDEuODIyIDUuOTk5bDQuNTE1IDQuNTU1YS41Ni41NiAwIDAgMSAuMDAzLjc4NC41NDUuNTQ1IDAgMCAxLS43NzgtLjAwM0wuNjYzIDYuMzkzQS41Ni41NiAwIDAgMSAuNTAxIDZMLjUgNmEuNTYuNTYgMCAwIDEgLjE2My0uMzk0bDQuOS00Ljk0MkEuNTQ4LjU0OCAwIDAgMSA2LjM0LjY2Wm00IDBhLjU1Ny41NTcgMCAwIDEtLjAwMy43ODVMNS44MjIgNS45OTlsNC41MTUgNC41NTVhLjU2LjU2IDAgMCAxIC4wMDMuNzg0LjU0NS41NDUgMCAwIDEtLjc3OC0uMDAzTDQuNjYzIDYuMzkzQS41Ni41NiAwIDAgMSA0LjUwMSA2TDQuNSA2YS41Ni41NiAwIDAgMSAuMTYzLS4zOTRsNC45LTQuOTQyQS41NDguNTQ4IDAgMCAxIDEwLjM0LjY2WiIgZmlsbD0iIzlCOUI5RSIvPjwvc3ZnPg=="); } .custom-datepicker-panel .el-date-picker__header .el-picker-panel__icon-btn.el-icon-arrow-left:before, .custom-datepicker-panel .el-picker-panel__header .el-picker-panel__icon-btn.el-icon-arrow-left:before { content: url("data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iNyIgaGVpZ2h0PSIxMiIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj48cGF0aCBmaWxsLXJ1bGU9ImV2ZW5vZGQiIGNsaXAtcnVsZT0iZXZlbm9kZCIgZD0iTS41IDZjMC0uMTI4LjA1LS4yNTYuMTQ3LS4zNTRsNC45NS00Ljk1YS41LjUgMCAwIDEgLjcwNy43MDdMMS43MDggNmw0LjU5NiA0LjU5NmEuNS41IDAgMCAxLS43MDcuNzA3bC00Ljk1LTQuOTVBLjQ5OC40OTggMCAwIDEgLjUgNloiIGZpbGw9IiM5QjlCOUUiLz48L3N2Zz4="); } .custom-datepicker-panel .el-date-picker__header .el-picker-panel__icon-btn.el-icon-arrow-right:before, .custom-datepicker-panel .el-picker-panel__header .el-picker-panel__icon-btn.el-icon-arrow-right:before { content: url("data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iNyIgaGVpZ2h0PSIxMiIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj48cGF0aCBmaWxsLXJ1bGU9ImV2ZW5vZGQiIGNsaXAtcnVsZT0iZXZlbm9kZCIgZD0iTTYuNDUgNmEuNDk4LjQ5OCAwIDAgMC0uMTQ3LS4zNTRMMS4zNTMuNjk2YS41LjUgMCAxIDAtLjcwNy43MDdMNS4yNDMgNiAuNjQ2IDEwLjU5NmEuNS41IDAgMCAwIC43MDguNzA3bDQuOTUtNC45NUEuNDk4LjQ5OCAwIDAgMCA2LjQ1IDZaIiBmaWxsPSIjOUI5QjlFIi8+PC9zdmc+"); } .custom-datepicker-panel .el-date-picker__header .el-picker-panel__icon-btn.el-icon-d-arrow-right:before, .custom-datepicker-panel .el-picker-panel__header .el-picker-panel__icon-btn.el-icon-d-arrow-right:before { content: url("data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTIiIGhlaWdodD0iMTIiIGZpbGw9Im5vbmUiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PHBhdGggZmlsbC1ydWxlPSJldmVub2RkIiBjbGlwLXJ1bGU9ImV2ZW5vZGQiIGQ9Ik01LjY5Ni42OTZhLjUuNSAwIDAgMSAuNzA3IDBsNC45NSA0Ljk1YS40OTkuNDk5IDAgMCAxIDAgLjcwN2wtNC45NSA0Ljk1YS41LjUgMCAwIDEtLjcwNy0uNzA3TDEwLjI5MiA2IDUuNjk2IDEuNDAzYS41LjUgMCAwIDEgMC0uNzA3Wm0tNCAwYS41LjUgMCAwIDEgLjcwNyAwbDQuOTUgNC45NWEuNDk4LjQ5OCAwIDAgMSAwIC43MDdsLTQuOTUgNC45NWEuNS41IDAgMCAxLS43MDctLjcwN0w2LjI5MiA2IDEuNjk2IDEuNDAzYS41LjUgMCAwIDEgMC0uNzA3WiIgZmlsbD0iIzlCOUI5RSIvPjwvc3ZnPg=="); } .custom-datepicker-panel .el-date-picker__header .el-date-picker__header-label, .custom-datepicker-panel .el-picker-panel__header .el-date-picker__header-label { background: transparent!important; border: none!important; color: #e3e4e5 !important; cursor: pointer!important; font-size: 16px!important; font-weight: 600!important; padding: 0; } .custom-datepicker-panel .el-date-picker__header .el-date-picker__header-label:hover, .custom-datepicker-panel .el-picker-panel__header .el-date-picker__header-label:hover { color: #b99a7d !important; } .custom-datepicker-panel .el-date-picker__header .el-picker-panel__icon-btn.el-icon-d-arrow-left, .custom-datepicker-panel .el-picker-panel__header .el-picker-panel__icon-btn.el-icon-d-arrow-left { order: 1 !important; } .custom-datepicker-panel .el-date-picker__header .el-picker-panel__icon-btn.el-icon-arrow-left, .custom-datepicker-panel .el-picker-panel__header .el-picker-panel__icon-btn.el-icon-arrow-left { order: 2 !important; } .custom-datepicker-panel .el-date-picker__header .el-date-picker__header-label, .custom-datepicker-panel .el-picker-panel__header .el-date-picker__header-label { flex: 1!important; order: 3!important; text-align: center !important; } .custom-datepicker-panel .el-date-picker__header .el-picker-panel__icon-btn.el-icon-arrow-right, .custom-datepicker-panel .el-picker-panel__header .el-picker-panel__icon-btn.el-icon-arrow-right { order: 4 !important; } .custom-datepicker-panel .el-date-picker__header .el-picker-panel__icon-btn.el-icon-d-arrow-right, .custom-datepicker-panel .el-picker-panel__header .el-picker-panel__icon-btn.el-icon-d-arrow-right { order: 5 !important; } .custom-datepicker-panel .el-picker-panel__content { font-size: 12px; height: 232px; width: 224px; } .custom-datepicker-panel .el-picker-panel__content .el-date-table, .custom-datepicker-panel .el-picker-panel__content .el-month-table, .custom-datepicker-panel .el-picker-panel__content .el-year-table { height: 100%; table-layout: fixed; width: 100%; } .custom-datepicker-panel .el-picker-panel__content .el-date-table tr, .custom-datepicker-panel .el-picker-panel__content .el-month-table tr, .custom-datepicker-panel .el-picker-panel__content .el-year-table tr { height: 32px; } .custom-datepicker-panel .el-picker-panel__content .el-date-table tr:first-child, .custom-datepicker-panel .el-picker-panel__content .el-month-table tr:first-child, .custom-datepicker-panel .el-picker-panel__content .el-year-table tr:first-child { margin-bottom: 8px; } .custom-datepicker-panel .el-picker-panel__content .el-date-table tr .disabled, .custom-datepicker-panel .el-picker-panel__content .el-month-table tr .disabled, .custom-datepicker-panel .el-picker-panel__content .el-year-table tr .disabled { color: #7d7f83 !important; cursor: not-allowed !important; } .custom-datepicker-panel .el-picker-panel__content .el-date-table th, .custom-datepicker-panel .el-picker-panel__content .el-month-table th, .custom-datepicker-panel .el-picker-panel__content .el-year-table th { color: #9b9b9e; font-size: 14px; font-weight: 400; } .custom-datepicker-panel .el-picker-panel__content .el-date-table td, .custom-datepicker-panel .el-picker-panel__content .el-month-table td, .custom-datepicker-panel .el-picker-panel__content .el-year-table td { color: #e3e4e5; cursor: pointer!important; padding: 2px; text-align: center; width: 14.28%; } .custom-datepicker-panel .el-picker-panel__content .el-date-table td.disabled .el-date-table-cell .el-date-table-cell__text, .custom-datepicker-panel .el-picker-panel__content .el-month-table td.disabled .el-date-table-cell .el-date-table-cell__text, .custom-datepicker-panel .el-picker-panel__content .el-year-table td.disabled .el-date-table-cell .el-date-table-cell__text { background-color: transparent!important; color: #7d7f83 !important; cursor: not-allowed !important; } .custom-datepicker-panel .el-picker-panel__content .el-date-table td.next-month .el-date-table-cell .el-date-table-cell__text, .custom-datepicker-panel .el-picker-panel__content .el-date-table td.prev-month .el-date-table-cell .el-date-table-cell__text, .custom-datepicker-panel .el-picker-panel__content .el-month-table td.next-month .el-date-table-cell .el-date-table-cell__text, .custom-datepicker-panel .el-picker-panel__content .el-month-table td.prev-month .el-date-table-cell .el-date-table-cell__text, .custom-datepicker-panel .el-picker-panel__content .el-year-table td.next-month .el-date-table-cell .el-date-table-cell__text, .custom-datepicker-panel .el-picker-panel__content .el-year-table td.prev-month .el-date-table-cell .el-date-table-cell__text { color: #7d7f83 !important; } .custom-datepicker-panel .el-picker-panel__content .el-date-table td.disabled .el-date-table-cell:hover .el-date-table-cell__text, .custom-datepicker-panel .el-picker-panel__content .el-month-table td.disabled .el-date-table-cell:hover .el-date-table-cell__text, .custom-datepicker-panel .el-picker-panel__content .el-year-table td.disabled .el-date-table-cell:hover .el-date-table-cell__text { background-color: transparent!important; color: #7d7f83 !important; cursor: not-allowed !important; } .privateWealthForm { background-color: #0c0d0d; font-family: var(--cs-site-font-regular); height: auto; padding: 1.6rem 0.32rem; } .privateWealthForm .pc-wrap { padding: 0; width: auto; } .privateWealthForm .left-box .title { color: #e3be95; font-size: 0.5rem; line-height: 0.6rem; margin-bottom: 0.4rem; } .privateWealthForm .left-box .subTitle { color: #dfdfdf; font-size: 0.2rem; line-height: 0.3rem; margin-bottom: 0.33rem; } .privateWealthForm .left-box .lang-2.subTitle { color: #dfdfdf; font-size: 0.24rem; line-height: 0.4rem; margin-bottom: 0.18rem; } .privateWealthForm .left-box .tips { color: #b7b7b7; font-size: 0.18rem; line-height: 0.3rem; } .privateWealthForm .left-box .lang-2.tips { font-size: 0.2rem; } .privateWealthForm .left-box .nn.subTitle { color: #b7b7b7; } .privateWealthForm .left-box .pdf { border-bottom: 1px solid #4a4040; border-top: 1px solid #4a4040; color: #b7b7b7; display: inline-block; font-size: 0.3rem; padding: 0.35rem 0.66rem; position: relative; width: 100%; } .privateWealthForm .left-box .pdf:before { background-image: url("data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iNjIiIGhlaWdodD0iNzEiIGZpbGw9Im5vbmUiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGcgY2xpcC1wYXRoPSJ1cmwoI2EpIiBmaWxsPSIjQzVBNzg0Ij48cGF0aCBkPSJNMzIuNDkyIDI5LjQ0VjEyLjQyNWMwLS45OC0uODUzLTEuNzc1LTEuOTA2LTEuNzc1cy0xLjkwNi43OTUtMS45MDYgMS43NzVWMjkuNDRsLTYuMjc3LTUuODQ1YTIuMDA3IDIuMDA3IDAgMCAwLTIuNjk2IDAgMS42OSAxLjY5IDAgMCAwIDAgMi41MWwxMC44NzkgMTAuMTMgMTAuODgtMTAuMTNhMS42OSAxLjY5IDAgMCAwIDAtMi41MSAyLjAwOCAyLjAwOCAwIDAgMC0yLjY5NyAwbC02LjI3NyA1Ljg0NVoiLz48cGF0aCBkPSJNMTUuMzM2IDMzLjcyNWMxLjA1MyAwIDEuOTA2Ljc5NCAxLjkwNiAxLjc3NXYyLjg0YzAgMS4zNzIgMS4xOTUgMi40ODUgMi42NjkgMi40ODVoMjEuMzVjMS40NzQgMCAyLjY2OS0xLjExMyAyLjY2OS0yLjQ4NVYzNS41YzAtLjk4Ljg1My0xLjc3NSAxLjkwNi0xLjc3NXMxLjkwNi43OTQgMS45MDYgMS43NzV2Mi44NGMwIDMuMzMzLTIuOTAxIDYuMDM1LTYuNDgxIDYuMDM1SDE5LjkxYy0zLjU4IDAtNi40ODEtMi43MDItNi40ODEtNi4wMzVWMzUuNWMwLS45OC44NTMtMS43NzUgMS45MDYtMS43NzVaIi8+PC9nPjxkZWZzPjxjbGlwUGF0aCBpZD0iYSI+PHBhdGggZmlsbD0iI2ZmZiIgdHJhbnNmb3JtPSJ0cmFuc2xhdGUoLjA4NikiIGQ9Ik0wIDBoNjF2NzFIMHoiLz48L2NsaXBQYXRoPjwvZGVmcz48L3N2Zz4="); background-repeat: no-repeat; background-size: cover; content: ""; display: inline-block; height: 0.71rem; left: 0; position: absolute; top: 0.28rem; width: 0.61rem; } .privateWealthForm .right-box .form-title { border-bottom: 1px solid #4a4040; margin-bottom: 0.23rem; padding-bottom: 0.23rem; } .privateWealthForm .right-box .form-title .title { color: #b99a7d; font-size: 0.3rem; line-height: 140%; } .privateWealthForm .right-box .form-title .subTitle { color: #b99a7d; font-size: 0.2rem; line-height: 140%; } .privateWealthForm .right-box .form .form-item { font-size: 0; margin-bottom: 0.4rem; } .privateWealthForm .right-box .form .account-id .accountid-item { align-items: center; display: flex; } .privateWealthForm .right-box .form .account-id .has-accountid-item { margin-bottom: 0.23rem; } .privateWealthForm .right-box .form .account-id .radio { background-image: url("data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjUiIGhlaWdodD0iMjUiIGZpbGw9Im5vbmUiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGNpcmNsZSBjeD0iMTIuNSIgY3k9IjEyLjUiIHI9IjEyIiBzdHJva2U9IiNmZmYiLz48L3N2Zz4="); background-position: 50%; background-repeat: no-repeat; background-size: 100% 100%; flex-shrink: 0; height: 0.3rem; line-height: 0.36rem; width: 0.3rem; } .privateWealthForm .right-box .form .account-id .radio.active { background-image: url("data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjUiIGhlaWdodD0iMjUiIGZpbGw9Im5vbmUiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGNpcmNsZSBjeD0iMTIuNSIgY3k9IjEyLjUiIHI9IjEyIiBzdHJva2U9IiNmZmYiLz48Y2lyY2xlIGN4PSIxMi41IiBjeT0iMTIuNSIgcj0iNiIgZmlsbD0iI2ZmZiIgc3Ryb2tlPSIjZmZmIi8+PC9zdmc+"); } .privateWealthForm .right-box .form .account-id .sub-label { color: #b7b7b7; flex-shrink: 0; font-size: 0.3rem; margin: 0 0.1rem; white-space: nowrap; } .privateWealthForm .right-box .form .account-id .text { border: none; border-bottom: 1px solid #4a4040; flex: 1; min-width: 0; padding: 0; } .privateWealthForm .right-box .form .label { color: #fff; font-size: 0.3rem; line-height: 0.36rem; margin-bottom: 0.23rem; } .privateWealthForm .right-box .form .nn.label { color: #b7b7b7; } .privateWealthForm .right-box .form .moo-required { position: relative; } .privateWealthForm .right-box .form .moo-required .required-asterisk { color: red; font-size: 0.3rem; font-weight: 700; margin-right: 0.05rem; } .privateWealthForm .right-box .form input, .privateWealthForm .right-box .form select, .privateWealthForm .right-box .form textarea { background-color: #0c0d0d; border: 1px solid #4a4040; box-sizing: border-box; color: #fff; font-family: var(--cs-site-font-regular); font-size: 0.3rem; line-height: 0.36rem; padding: 0.2rem; width: 100%; } .privateWealthForm .right-box .form input::input-placeholder, .privateWealthForm .right-box .form select::input-placeholder, .privateWealthForm .right-box .form textarea::input-placeholder { color: #626262; } .privateWealthForm .right-box .form select { appearance: none; background-image: url("data:image/svg+xml;charset=US-ASCII,"); background-position: right 0.2rem center; background-repeat: no-repeat; background-size: 0.12rem; padding-right: 0.4rem; } .privateWealthForm .right-box .form select option { background-color: #0c0d0d; color: #fff; } .privateWealthForm .right-box .form .date-time-container { display: flex; gap: 0.2rem; position: relative; } .privateWealthForm .right-box .form .date-time-container .el-date-editor, .privateWealthForm .right-box .form .date-time-container .el-select { background-color: #0c0d0d; border: 1px solid #4a4040; border-radius: 0; position: relative; width: 100%; } .privateWealthForm .right-box .form .date-time-container .el-date-editor .el-input__inner, .privateWealthForm .right-box .form .date-time-container .el-select .el-input__inner { background-color: transparent; border: none; box-sizing: border-box; color: #fff; font-family: var(--cs-site-font-regular); font-size: 0.3rem; line-height: 0.36rem; padding: 0.2rem 0.6rem 0.2rem 0.2rem; width: 100%; } .privateWealthForm .right-box .form .date-time-container .el-date-editor .el-input__inner::placeholder, .privateWealthForm .right-box .form .date-time-container .el-select .el-input__inner::placeholder { color: #626262; } .privateWealthForm .right-box .form .date-time-container .el-date-editor .el-input__inner:focus, .privateWealthForm .right-box .form .date-time-container .el-select .el-input__inner:focus { border: none; outline: none; } .privateWealthForm .right-box .form .date-time-container .el-date-editor .el-input__prefix .el-input__icon, .privateWealthForm .right-box .form .date-time-container .el-select .el-input__prefix .el-input__icon { color: #fff; font-size: 0.3rem; } .privateWealthForm .right-box .form .date-time-container .el-date-editor .el-input__suffix .el-input__suffix-inner, .privateWealthForm .right-box .form .date-time-container .el-select .el-input__suffix .el-input__suffix-inner { color: #fff; } .privateWealthForm .right-box .form .date-time-container .el-date-editor .el-input__suffix .el-input__suffix-inner .el-input__icon, .privateWealthForm .right-box .form .date-time-container .el-select .el-input__suffix .el-input__suffix-inner .el-input__icon { color: #fff; font-size: 0.3rem; } .privateWealthForm .right-box .form .date-time-container .el-date-editor:hover, .privateWealthForm .right-box .form .date-time-container .el-select:hover { border-color: #4a4040; } .privateWealthForm .right-box .form .date-time-container .el-date-editor.is-active, .privateWealthForm .right-box .form .date-time-container .el-date-editor:focus-within, .privateWealthForm .right-box .form .date-time-container .el-select.is-active, .privateWealthForm .right-box .form .date-time-container .el-select:focus-within { border-color: #4a4040; } .privateWealthForm .right-box .form .date-time-container .date-picker:after { background-image: url("data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTYiIGhlaWdodD0iMTciIGZpbGw9Im5vbmUiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PHJlY3QgeD0iLjUiIHk9IjEuNSIgd2lkdGg9IjE1IiBoZWlnaHQ9IjE1IiByeD0iMiIgc3Ryb2tlPSIjNjA2MjY2Ii8+PHJlY3QgeD0iMyIgeT0iOSIgd2lkdGg9IjQiIGhlaWdodD0iMSIgcng9Ii41IiBmaWxsPSIjNjA2MjY2Ii8+PHJlY3QgeD0iMyIgeT0iMTIiIHdpZHRoPSI0IiBoZWlnaHQ9IjEiIHJ4PSIuNSIgZmlsbD0iIzYwNjI2NiIvPjxyZWN0IHg9IjkiIHk9IjkiIHdpZHRoPSI0IiBoZWlnaHQ9IjEiIHJ4PSIuNSIgZmlsbD0iIzYwNjI2NiIvPjxyZWN0IHg9IjkiIHk9IjEyIiB3aWR0aD0iNCIgaGVpZ2h0PSIxIiByeD0iLjUiIGZpbGw9IiM2MDYyNjYiLz48cGF0aCBmaWxsPSIjNjA2MjY2IiBkPSJNMCA1aDE2djFIMHoiLz48cmVjdCB4PSI0IiB3aWR0aD0iMSIgaGVpZ2h0PSIzIiByeD0iLjUiIGZpbGw9IiM2MDYyNjYiLz48cmVjdCB4PSIxMSIgd2lkdGg9IjEiIGhlaWdodD0iMyIgcng9Ii41IiBmaWxsPSIjNjA2MjY2Ii8+PC9zdmc+"); height: 0.34rem; } .privateWealthForm .right-box .form .date-time-container .date-picker:after, .privateWealthForm .right-box .form .date-time-container .time-select:after { background-position: 50%; background-repeat: no-repeat; background-size: contain; content: ""; pointer-events: none; position: absolute; right: 0.2rem; top: 50%; transform: translateY(-50%); width: 0.32rem; z-index: 1; } .privateWealthForm .right-box .form .date-time-container .time-select:after { background-image: url("data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTYiIGhlaWdodD0iMTYiIGZpbGw9Im5vbmUiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGNpcmNsZSBjeD0iOCIgY3k9IjgiIHI9IjYuNSIgc3Ryb2tlPSIjNjA2MjY2IiBzdHJva2UtbGluZWpvaW49InJvdW5kIi8+PHBhdGggZD0iTTggNC41VjhsMi44IDIuNCIgc3Ryb2tlPSIjNjA2MjY2IiBzdHJva2UtbGluZWNhcD0icm91bmQiIHN0cm9rZS1saW5lam9pbj0icm91bmQiLz48L3N2Zz4="); height: 0.32rem; } .privateWealthForm .right-box .form .date-time-container.nn .el-date-editor .el-input__inner, .privateWealthForm .right-box .form .date-time-container.nn .el-date-editor .el-input__prefix .el-input__icon, .privateWealthForm .right-box .form .date-time-container.nn .el-date-editor .el-input__suffix .el-input__suffix-inner .el-input__icon, .privateWealthForm .right-box .form .date-time-container.nn .el-select .el-input__inner, .privateWealthForm .right-box .form .date-time-container.nn .el-select .el-input__prefix .el-input__icon, .privateWealthForm .right-box .form .date-time-container.nn .el-select .el-input__suffix .el-input__suffix-inner .el-input__icon, .privateWealthForm .right-box .form input.nn, .privateWealthForm .right-box .form select.nn, .privateWealthForm .right-box .form textarea.nn { color: #b7b7b7; } .privateWealthForm .right-box .form input.nn:focus-visible, .privateWealthForm .right-box .form select.nn:focus-visible, .privateWealthForm .right-box .form textarea.nn:focus-visible { outline: none; } .privateWealthForm .right-box .form select.nn { background-image: url("data:image/svg+xml;charset=US-ASCII,"); } .privateWealthForm .right-box .form .error { border: 1px solid red; } .privateWealthForm .right-box .form .submit-wrapper { position: relative; width: fit-content; } .privateWealthForm .right-box .form .submit-wrapper .submit-tooltip { align-items: center; color: #fff; display: none; display: flex; flex-direction: column; justify-content: center; left: 50%; position: absolute; top: -0.95rem; transform: translateX(-50%); width: 4.06rem; z-index: 10; } .privateWealthForm .right-box .form .submit-wrapper .submit-tooltip .tooltip-content { background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAl4AAABoCAYAAAAgnf4fAAAACXBIWXMAAAsTAAALEwEAmpwYAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAfeSURBVHgB7d2xblNZGgfwc68TidJAkLZbo8QhHaGbDtNNBzwB8ARMuxXwBLs8AdBtt5lutiJ005EpkKIENHd7CKYcJbH3nGBHJtjBjn0dJ/n9pJt77dxIkRv/9X3nficLZ8TKykqt1WqtZlmWzjfjudput2udczXeUg0AwHnVjN/5zfid30zX8djI8/x/8XUxPz9fvHv3biOcAVmYUTFoNWLAuh0/0EZ8uRoEKwBgsIMwFsPZmxjI1jc3N9fDDJqZ4FWr1aqXLl1a3d/ffxBf3guCFgBwcimIrcUg9uvW1tZamBGnHrxSZSuGrbvx8mEQtgCAyTsIYZVK5dVpV8JOLXjV6/WH8ZSqW40AADAdaS3Y8+3t7ZfhFEw9eKXAFct+T9LC+AAAcDqKeDybdgCbWvDqLJZ/IXABADOkCFMMYKUHrzQGYn9//0XQUgQAZtd6pVJ5tLm5WYQSVUKJlpeXn8QqV3qSoBYAAGZXLXblfllYWAifPn16E0pSSsWrU+X6T/g6fwsA4CwpYvXrThnVr4lXvG7cuPE4Vrn+HVS5AICzKe2K8/DatWt/xerX72GCJhq86vX6P+M/+jReXgoAAGfXpZhpfr569Wp1Z2fnv2FCJtJqTFPn5+fnU2uxEQAAzpeN2Hq8P4nW49jBq7N59WtjIgCAc2wi677GCl5CFwBwgYwdvk4cvIQuAOACGit8nSh4CV0AwAV24vA1cvASugAAQrG7u3urKIrmKH+UhxGlwahCFwBwwdU6Ex1GMtIcrzSnK57uBQAAaqPO+Ro6eKWJ9J3hqAAAfPXTtWvXvgw74X6oNV6dvRffxstqAACgV7NSqdwaZrH9UGu80mL6IHQBAPRTTWvgh7nxh63G5eXlJ7HFaF0XAMBgf1tYWMhiy3H9uJuObTV2Wox/BgAAfii2HK8f13I8ttUYQ9eLAADAUH6UnQYGr3q9/jCeGgEAgGE1lpaWGoN+OTB4ZVn2JAAAMJKYoQZWvfoGr1TtMp0eAOBEap3O4Xf6Bi/VLgCAsfTNUt8FL9UuAICx9a169at4PQ4AAIzrwdE3vgleKysrjXhaDQAAjOu7Jxy/CV77+/sPAgAAE5Fl2Te7/xxtNdoaCABgch7UarXD/a4Pg9fi4mIKXTbCBgCYnOrc3NzhMq7D4JXn+d0AAMBExXbj4VKu3lajNiMAwOQdZqyD4NV5mlGbEQBg8qrdpxsPgler1WoEAABKked54+CcfrTb7dsBAIBSdLNWd42XoakAAOU5yFpZvV5PF28DAAClqVQq1/NWq1ULAACUKmau1Xxubq4WAAAoVZZlNRUvAIApiJnrZlpcfzMAAFCqWPG6nIKXwakAACVrt9t/z2P6ErwAAMpXzWP6ErwAAMpX1WoEAJiOah4AAJgKwQsAYEoELwCAKUnBqxkAAChbM42TELwAAMrXTOMkBC8AgPIdVLyKAABA2ZppjdeXAABA2f5IFa+NAABAqfI8L/K9vb0iAABQqna7XeTz8/MqXgAAJYuZq8jSRb1e/xzs2QgAUJbm9vb25e7kelUvAIDyHGStg+CVZdmbAABAKbpZ6yB4tVqt9QAAQCm6WSvrvmGdFwBAKQ7Wd6WL7hqvVAL7NQAAMGlr3YvD4BVLYC8DAAAT1VvcOgxee3t7abW9DbMBACanubW19X3FqyiKFLpeBQAAJmWt90Xe+6Ldbq8FAAAmImarb4pa2dEb6vX663hqBAAAxrGxvb19q/eNvM9N2o0AAON7fvSNrN9dy8vLf8bSWC0AAHASRax2XT/6Zr+KV+pHPgsAAJxU3yyVDbpb1QsA4ET6VruSfNBftFqtRwEAgFEN7Bxm4RiecAQAGMl6rHbdGfTL/Li/rFQqql4AAEP6UXaqHPfLjx8/NhcWFlJVrBEAABgoPZzYuz1QP8e2Grtiy/FtPK0GAAD6GbigvlcehhDLZveDDbQBAPppxqx0Z5gbK8PclFqOV65c+SvLsp8DAACHYovxH7HF+Nsw9w4VvJKdnZ3fL0cxfP0UAABI47eef/jw4emw9w+1xquXERMAAAe+2wT7R4Za49Vrd3f3fqx6FQEA4OIqOmvgRzJy8CqKopnn+R3hCwC4oFLourO5uVmEEY3cauxaWVmpxb7ma/s5AgAXyIlDV3Li4JUIXwDABTJW6ErGCl6J8AUAXABjh65k5DVeR6V/IK35ipcbAQDg/Fnf3d29NW7oSsauePVaXFz8VwxhjwMAwDnQmdP1S5iQoQeoDuPz58+/Xbly5UtnyOqlAABwNjXTRPpRhqMOY6IVry7rvgCAM2wjzeiaRGvxqFKCV9fS0tLTWP16EgAAzoBYNHr2/v37p6EkpQavJFW/9vf3XwTbDAEAs2s9VrkelVHl6lV68Oqq1+sPU/VL+xEAmCFFzCaPYpVrPUzB1IJXlwAGAMyAIh7Ptre3X4Ypmnrw6koBLJ7S6InVAAAwHevxeDXtwNV1asGra2lpqRErYA/j5d14VAMAwGQ14/EqdtvWptVSHOTUg1evxcXFe3me3wtCGAAwnhS21mLYerW3t7dRFEUzzICZCl69UiUshrBG/MBuh6/tSEEMABgkBauNmBvexPP6aVe2BpnZ4HVUvV5fbbVatbm5uTSctRbfuhmPamxTVuOHnEKZYAYA51czfuenafLpnJ5EbMYCzR+xmlXMz89vlD0GYlL+D6E1tai4eJeCAAAAAElFTkSuQmCC"); background-position: 50%; background-repeat: no-repeat; background-size: 100% 100%; font-size: 0.28rem; padding: 0.1rem 0.2rem; text-align: center; } .privateWealthForm .right-box .form .submit-wrapper .submit-tooltip.lang-2 { top: -1.4rem; width: 4.5rem; } .privateWealthForm .right-box .form .submit-wrapper .submit-tooltip.lang-2 .tooltip-content { padding: 0.15rem 0.3rem; } .privateWealthForm .right-box .form .submit-wrapper .submit-tooltip .submit-popup-arrow { height: 0.26rem; margin-top: -0.02rem; width: 0.26rem; } .privateWealthForm .right-box .form .submit { background: linear-gradient(270deg, #b7987c, #c7a986); border-radius: 0.08rem; box-sizing: border-box; color: #000; cursor: pointer; font-size: 0.36rem; height: 1.1rem; line-height: 0.2rem; margin: auto; padding: 0.45rem 0; text-align: center; width: 6.7rem; } .privateWealthForm .right-box .form .submit:hover { background: #d6b58f; color: #0f1112; } .privateWealthForm .right-box .form .submit.disable { background: transparent; border: 1px solid #b8997d; color: #b99a7d; cursor: no-drop; } .privateWealthForm .right-box .form .submit.disable:hover { background: transparent; color: #b99a7d; } .privateWealthForm .right-box .form .loading { cursor: wait; } .privateWealthForm .right-box .form .asset-range .label, .privateWealthForm .right-box .form .lang .label, .privateWealthForm .right-box .form .scheduled .label { margin-bottom: 0.38rem; } .privateWealthForm .right-box .form .asset-range .tab-box, .privateWealthForm .right-box .form .lang .tab-box, .privateWealthForm .right-box .form .scheduled .tab-box { display: flex; justify-content: space-between; } .privateWealthForm .right-box .form .asset-range .tab-box .lang-tab, .privateWealthForm .right-box .form .lang .tab-box .lang-tab, .privateWealthForm .right-box .form .scheduled .tab-box .lang-tab { align-items: center; border: 1px solid #b5b5b5; border-radius: 0.08rem; box-sizing: border-box; color: #ebebeb; cursor: pointer; display: flex; font-size: 0.22rem; font-weight: 600; justify-content: center; line-height: 0.22rem; margin-right: 0.2rem; padding: 0.2rem 0; text-align: center; width: 100%; } .privateWealthForm .right-box .form .asset-range .tab-box .lang-tab:last-child, .privateWealthForm .right-box .form .lang .tab-box .lang-tab:last-child, .privateWealthForm .right-box .form .scheduled .tab-box .lang-tab:last-child { margin-right: 0; } .privateWealthForm .right-box .form .asset-range .tab-box .nn.lang-tab, .privateWealthForm .right-box .form .lang .tab-box .nn.lang-tab, .privateWealthForm .right-box .form .scheduled .tab-box .nn.lang-tab { color: #b7b7b7; } .privateWealthForm .right-box .form .asset-range .tab-box .active, .privateWealthForm .right-box .form .asset-range .tab-box .nn.active, .privateWealthForm .right-box .form .lang .tab-box .active, .privateWealthForm .right-box .form .lang .tab-box .nn.active, .privateWealthForm .right-box .form .scheduled .tab-box .active, .privateWealthForm .right-box .form .scheduled .tab-box .nn.active { background: linear-gradient(270deg, #b7987c, #c7a986); border: none; color: #000; } .privateWealthForm .right-box .form .name .firstName { margin-right: 0.15rem; width: 2.35rem; } .privateWealthForm .right-box .form .name .lastName { width: 4.11rem; } .privateWealthForm .email { color: #626262; font-size: 0.22rem; line-height: 0.26rem; margin-top: 0.22rem; text-align: center; } .privateWealthForm .email a { color: #626262; text-decoration: underline; } .privateWealthForm .nn.email, .privateWealthForm .nn.email a { color: #b7b7b7; } .privateWealthForm .qrcode-box { display: flex; justify-content: space-around; margin-top: 0.7rem; } .privateWealthForm .qrcode-box .icon { background-repeat: no-repeat; background-size: cover; display: inline-block; height: 0.22rem; width: 0.22rem; } .privateWealthForm .qrcode-box .icon-1 { height: 0.22rem; width: 0.28rem; } .privateWealthForm .qrcode-box .img { height: 1.97rem; width: 1.97rem; } .privateWealthForm .qrcode-box .name { color: #626262; font-size: 0.24rem; line-height: 0.24rem; margin-top: 0.1rem; text-align: center; } .privateWealthForm .offline-reserve, .privateWealthForm .online-contact { margin-top: 0.4rem; } .privateWealthForm .offline-reserve .title, .privateWealthForm .online-contact .title { color: #fff; font-size: 0.4rem; font-weight: 600; line-height: 150%; margin-bottom: 0.2rem; } .privateWealthForm .offline-reserve .title /deep/ .comment, .privateWealthForm .online-contact .title /deep/ .comment { color: #b7b7b7; font-size: 0.3rem; font-weight: 400; } .privateWealthForm .offline-reserve .content-wrapper, .privateWealthForm .online-contact .content-wrapper { display: flex; flex-direction: column; } .privateWealthForm .offline-reserve .content-wrapper.showIpad, .privateWealthForm .online-contact .content-wrapper.showIpad { display: none; } .privateWealthForm .offline-reserve .content-wrapper.showH5, .privateWealthForm .online-contact .content-wrapper.showH5 { display: block; } .privateWealthForm .offline-reserve .content-wrapper .content, .privateWealthForm .online-contact .content-wrapper .content { margin-bottom: 0.2rem; } .privateWealthForm .offline-reserve .content-wrapper .content .email, .privateWealthForm .offline-reserve .content-wrapper .content .whatsapp, .privateWealthForm .online-contact .content-wrapper .content .email, .privateWealthForm .online-contact .content-wrapper .content .whatsapp { align-items: start; display: flex; flex-direction: column; } .privateWealthForm .offline-reserve .content-wrapper .content .email .text, .privateWealthForm .offline-reserve .content-wrapper .content .whatsapp .text, .privateWealthForm .online-contact .content-wrapper .content .email .text, .privateWealthForm .online-contact .content-wrapper .content .whatsapp .text { color: #b7b7b7; font-size: 0.3rem; font-weight: 400; line-height: 150%; } .privateWealthForm .offline-reserve .content-wrapper .content .email .icon, .privateWealthForm .offline-reserve .content-wrapper .content .whatsapp .icon, .privateWealthForm .online-contact .content-wrapper .content .email .icon, .privateWealthForm .online-contact .content-wrapper .content .whatsapp .icon { font-size: 0.3rem; } .privateWealthForm .offline-reserve .content-wrapper .content .email a, .privateWealthForm .offline-reserve .content-wrapper .content .whatsapp a, .privateWealthForm .online-contact .content-wrapper .content .email a, .privateWealthForm .online-contact .content-wrapper .content .whatsapp a { color: #b7b7b7; font-size: 0.3rem; font-weight: 400; line-height: 150%; text-decoration: underline; } .privateWealthForm .offline-reserve .content-wrapper .content .whatsapp .showIpad, .privateWealthForm .online-contact .content-wrapper .content .whatsapp .showIpad { display: none; } .privateWealthForm .offline-reserve .content-wrapper .content .whatsapp .showH5, .privateWealthForm .online-contact .content-wrapper .content .whatsapp .showH5 { display: block; } .privateWealthForm .offline-reserve .content-wrapper .content .whatsapp .whatsapp-container, .privateWealthForm .online-contact .content-wrapper .content .whatsapp .whatsapp-container { position: relative; width: 100%; } .privateWealthForm .offline-reserve .content-wrapper .content .whatsapp .whatsapp-container .whatsapp-button, .privateWealthForm .online-contact .content-wrapper .content .whatsapp .whatsapp-container .whatsapp-button { align-items: center; background: #252525; border-radius: 475.75px; cursor: pointer; display: flex; height: 1.1rem; justify-content: center; width: 100%; } .privateWealthForm .offline-reserve .content-wrapper .content .whatsapp .whatsapp-container .whatsapp-button img, .privateWealthForm .online-contact .content-wrapper .content .whatsapp .whatsapp-container .whatsapp-button img { height: 0.55rem; } .privateWealthForm .offline-reserve .content-wrapper .content .whatsapp .whatsapp-container .whatsapp-qr-popup, .privateWealthForm .online-contact .content-wrapper .content .whatsapp .whatsapp-container .whatsapp-qr-popup { position: absolute; right: 1rem; top: 50%; transform: translateY(-50%); z-index: 1000; } .privateWealthForm .offline-reserve .content-wrapper .content .whatsapp .whatsapp-container .whatsapp-qr-popup .qr-wrapper, .privateWealthForm .online-contact .content-wrapper .content .whatsapp .whatsapp-container .whatsapp-qr-popup .qr-wrapper { align-items: center; background: #252525; border-radius: 0.08rem; box-shadow: 0 4px 16px 0 #00000080; display: flex; height: 1.5rem; justify-content: center; position: relative; width: 1.47rem; } .privateWealthForm .offline-reserve .content-wrapper .content .whatsapp .whatsapp-container .whatsapp-qr-popup .qr-wrapper:before, .privateWealthForm .online-contact .content-wrapper .content .whatsapp .whatsapp-container .whatsapp-qr-popup .qr-wrapper:before { border-bottom: 0.08rem solid transparent; border-right: 0.08rem solid #252525; border-top: 0.08rem solid transparent; content: ""; filter: drop-shadow(-2px 0 4px rgba(0, 0, 0, 0.3)); height: 0; left: -0.08rem; position: absolute; top: 50%; transform: translateY(-50%); width: 0; } .privateWealthForm .offline-reserve .content-wrapper .content .whatsapp .whatsapp-container .whatsapp-qr-popup .qr-wrapper .qr-image, .privateWealthForm .online-contact .content-wrapper .content .whatsapp .whatsapp-container .whatsapp-qr-popup .qr-wrapper .qr-image { border-radius: 0.04rem; height: 1.25rem; width: 1.27rem; } .privateWealthForm .offline-reserve .content-wrapper .content .email a, .privateWealthForm .online-contact .content-wrapper .content .email a { color: #b99a7d !important; } .privateWealthForm .offline-reserve .content-wrapper .content-address, .privateWealthForm .offline-reserve .content-wrapper .content-time, .privateWealthForm .online-contact .content-wrapper .content-address, .privateWealthForm .online-contact .content-wrapper .content-time { color: #b7b7b7; font-size: 0.3rem; font-weight: 400; line-height: 150%; margin-bottom: 0.15rem; } .privateWealthForm .offline-reserve .content-wrapper .content-img, .privateWealthForm .online-contact .content-wrapper .content-img { height: 100%; margin-top: 0.2rem; width: 100%; } .footer .online-contact .email a, .footer .online-contact .email.nn a { color: #b99a7d !important; } .privateWealthForm.moo .left-box .title { color: #fff; font-size: 0.6rem; line-height: 1.2; margin-bottom: 0.3rem; } .privateWealthForm.moo .left-box .subTitle { display: flex; flex-direction: column; } .privateWealthForm.moo .left-box .subTitle .subTitle-item { color: #b7b7b7; display: flex; font-size: 0.3rem; line-height: 150%; margin-bottom: 0.2rem; } .privateWealthForm.moo .left-box .subTitle .subTitle-item:last-child { margin-bottom: 0; } .privateWealthForm.moo .left-box .subTitle .subTitle-item .dot { color: #b7b7b7; flex-shrink: 0; margin-right: 0.05rem; width: fit-content; } .privateWealthForm.moo .left-box .subTitle .subTitle-item /deep/ .hightlight { color: #b99a7d; } .privateWealthForm.moo .left-box .subTitle .subTitle-item span:last-child { flex: 1; } .privateWealthForm.moo .left-box .nn.subTitle { color: #b7b7b7; } .privateWealthForm.moo .right-box { margin-top: 0.6rem; } .privateWealthForm.moo .right-box .form .label { color: #b7b7b7; } .privateWealthForm.moo .right-box .form .submit { background: #f2cb8c; } .privateWealthForm.moo .right-box .form .submit.disable { background: transparent; border: 1px solid #b8997d; color: #b99a7d; cursor: no-drop; } .privateWealthForm.moo .right-box .form .submit.disable:hover { background: transparent; color: #b99a7d; } .privateWealthForm.moo .right-box .form .asset-range .tab-box, .privateWealthForm.moo .right-box .form .lang .tab-box { justify-content: flex-start; } .privateWealthForm.moo .right-box .form .asset-range .tab-box .lang-tab, .privateWealthForm.moo .right-box .form .lang .tab-box .lang-tab { padding: 0.28rem 0; width: 2.1rem; } .privateWealthForm.moo .right-box .form .asset-range .tab-box .active, .privateWealthForm.moo .right-box .form .lang .tab-box .active { background: #ba9b7e; border: none; color: #000; } @media screen and (min-width: 768px) { /deep/ .showH5 { display: none; } .privateWealthForm.nn { padding: 11.29032258vw 0; } .privateWealthForm.nn .pc-wrap { margin: auto; max-width: none; width: 83%; } .privateWealthForm.nn .left-box .title { font-size: 4.03225806vw; line-height: 4.83870968vw; margin-bottom: 2.5vw; } .privateWealthForm.nn .left-box .subTitle { font-size: 1.61290323vw; line-height: 2.41935484vw; margin-bottom: 2.01612903vw; } .privateWealthForm.nn .left-box .tips { font-size: 1.4516129vw; line-height: 2.41935484vw; } .privateWealthForm.nn .left-box .lang-2.tips { font-size: 1.61290323vw; } .privateWealthForm.nn .left-box .pdf { font-size: 2.41935484vw; padding: 2.82258065vw 5.32258065vw; } .privateWealthForm.nn .left-box .pdf:before { height: 5.72580645vw; top: 2.25806452vw; width: 4.91935484vw; } .privateWealthForm.nn .right-box { margin-top: 5.16129032vw; } .privateWealthForm.nn .right-box .form-title { align-items: start; border-bottom: 1px solid #4a4040; display: flex; flex-direction: column; margin-bottom: 3.22580645vw; padding-bottom: 3.22580645vw; } .privateWealthForm.nn .right-box .form-title .title { font-size: 3.22580645vw; line-height: 140%; } .privateWealthForm.nn .right-box .form-title .subTitle { font-size: 1.61290323vw; line-height: 140%; } .privateWealthForm.nn .right-box .form .form-item { margin-bottom: 3.22580645vw; } .privateWealthForm.nn .right-box .form .label { font-size: 2.41935484vw; line-height: 2.90322581vw; margin-bottom: 1.85483871vw; } .privateWealthForm.nn .right-box .form .moo-required { position: relative; } .privateWealthForm.nn .right-box .form .moo-required .required-asterisk { color: red; font-size: 2.41935484vw; font-weight: 700; margin-right: 0.40322581vw; } .privateWealthForm.nn .right-box .form input, .privateWealthForm.nn .right-box .form select, .privateWealthForm.nn .right-box .form textarea { font-size: 2.41935484vw; line-height: 2.90322581vw; padding: 1.61290323vw; width: 100%; } .privateWealthForm.nn .right-box .form select { appearance: none; background-image: url("data:image/svg+xml;charset=US-ASCII,"); background-position: right 1.61290323vw center; background-repeat: no-repeat; background-size: 0.96774194vw; padding-right: 3.22580645vw; } .privateWealthForm.nn .right-box .form select.nn { background-image: url("data:image/svg+xml;charset=US-ASCII,"); } .privateWealthForm.nn .right-box .form .date-time-container { display: flex; gap: 1.61290323vw; position: relative; } .privateWealthForm.nn .right-box .form .date-time-container .el-date-editor .el-input__inner, .privateWealthForm.nn .right-box .form .date-time-container .el-select .el-input__inner { font-size: 2.41935484vw; line-height: 2.90322581vw; padding: 1.61290323vw 4.83870968vw 1.61290323vw 1.61290323vw; } .privateWealthForm.nn .right-box .form .date-time-container .el-date-editor .el-input__prefix .el-input__icon, .privateWealthForm.nn .right-box .form .date-time-container .el-date-editor .el-input__suffix .el-input__suffix-inner .el-input__icon, .privateWealthForm.nn .right-box .form .date-time-container .el-select .el-input__prefix .el-input__icon, .privateWealthForm.nn .right-box .form .date-time-container .el-select .el-input__suffix .el-input__suffix-inner .el-input__icon { font-size: 2.41935484vw; } .privateWealthForm.nn .right-box .form .date-time-container .date-picker:after { background-image: url("data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTYiIGhlaWdodD0iMTciIGZpbGw9Im5vbmUiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PHJlY3QgeD0iLjUiIHk9IjEuNSIgd2lkdGg9IjE1IiBoZWlnaHQ9IjE1IiByeD0iMiIgc3Ryb2tlPSIjNjA2MjY2Ii8+PHJlY3QgeD0iMyIgeT0iOSIgd2lkdGg9IjQiIGhlaWdodD0iMSIgcng9Ii41IiBmaWxsPSIjNjA2MjY2Ii8+PHJlY3QgeD0iMyIgeT0iMTIiIHdpZHRoPSI0IiBoZWlnaHQ9IjEiIHJ4PSIuNSIgZmlsbD0iIzYwNjI2NiIvPjxyZWN0IHg9IjkiIHk9IjkiIHdpZHRoPSI0IiBoZWlnaHQ9IjEiIHJ4PSIuNSIgZmlsbD0iIzYwNjI2NiIvPjxyZWN0IHg9IjkiIHk9IjEyIiB3aWR0aD0iNCIgaGVpZ2h0PSIxIiByeD0iLjUiIGZpbGw9IiM2MDYyNjYiLz48cGF0aCBmaWxsPSIjNjA2MjY2IiBkPSJNMCA1aDE2djFIMHoiLz48cmVjdCB4PSI0IiB3aWR0aD0iMSIgaGVpZ2h0PSIzIiByeD0iLjUiIGZpbGw9IiM2MDYyNjYiLz48cmVjdCB4PSIxMSIgd2lkdGg9IjEiIGhlaWdodD0iMyIgcng9Ii41IiBmaWxsPSIjNjA2MjY2Ii8+PC9zdmc+"); height: 2.74193548vw; } .privateWealthForm.nn .right-box .form .date-time-container .date-picker:after, .privateWealthForm.nn .right-box .form .date-time-container .time-select:after { background-position: 50%; background-repeat: no-repeat; background-size: contain; content: ""; pointer-events: none; position: absolute; right: 1.61290323vw; top: 50%; transform: translateY(-50%); width: 2.58064516vw; z-index: 1; } .privateWealthForm.nn .right-box .form .date-time-container .time-select:after { background-image: url("data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTYiIGhlaWdodD0iMTYiIGZpbGw9Im5vbmUiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGNpcmNsZSBjeD0iOCIgY3k9IjgiIHI9IjYuNSIgc3Ryb2tlPSIjNjA2MjY2IiBzdHJva2UtbGluZWpvaW49InJvdW5kIi8+PHBhdGggZD0iTTggNC41VjhsMi44IDIuNCIgc3Ryb2tlPSIjNjA2MjY2IiBzdHJva2UtbGluZWNhcD0icm91bmQiIHN0cm9rZS1saW5lam9pbj0icm91bmQiLz48L3N2Zz4="); height: 2.58064516vw; } .privateWealthForm.nn .right-box .form .submit-wrapper { position: relative; width: fit-content; } .privateWealthForm.nn .right-box .form .submit-wrapper .submit-tooltip { align-items: center; color: #fff; display: none; display: flex; flex-direction: column; justify-content: center; left: 50%; position: absolute; top: -8.06451613vw; transform: translateX(-50%); width: 32.74193548vw; z-index: 10; } .privateWealthForm.nn .right-box .form .submit-wrapper .submit-tooltip.lang-2 { top: -11.29032258vw; width: 36.29032258vw; } .privateWealthForm.nn .right-box .form .submit-wrapper .submit-tooltip.lang-2 .tooltip-content { padding: 1.20967742vw 2.41935484vw; } .privateWealthForm.nn .right-box .form .submit-wrapper .submit-tooltip .tooltip-content { background-position: 50%; background-repeat: no-repeat; background-size: 100% 100%; font-size: 2.25806452vw; padding: 0.80645161vw 1.61290323vw; } .privateWealthForm.nn .right-box .form .submit-wrapper .submit-tooltip .submit-popup-arrow { height: 2.09677419vw; margin-top: -0.16129032vw; width: 2.09677419vw; } .privateWealthForm.nn .right-box .form .submit { border-radius: 0.64516129vw; color: #0d0e11; font-size: 2.41935484vw; height: auto; line-height: 2.90322581vw; padding: 1.77419355vw 0; width: 29.19354839vw; } .privateWealthForm.nn .right-box .form .nn.submit { font-size: 2.90322581vw; padding: 2.98387097vw 0; width: 54.03225806vw; } .privateWealthForm.nn .right-box .form .disable { background: transparent; border: 1px solid #b8997d; color: #b99a7d; cursor: no-drop; } .privateWealthForm.nn .right-box .form .disable:hover { background: transparent; color: #b99a7d; } .privateWealthForm.nn .right-box .form .loading { cursor: wait; } .privateWealthForm.nn .right-box .form .asset-range .label, .privateWealthForm.nn .right-box .form .lang .label, .privateWealthForm.nn .right-box .form .scheduled .label { margin-bottom: 1.85483871vw; } .privateWealthForm.nn .right-box .form .asset-range .tab-box, .privateWealthForm.nn .right-box .form .lang .tab-box, .privateWealthForm.nn .right-box .form .scheduled .tab-box { justify-content: start; } .privateWealthForm.nn .right-box .form .asset-range .tab-box .lang-tab, .privateWealthForm.nn .right-box .form .lang .tab-box .lang-tab, .privateWealthForm.nn .right-box .form .scheduled .tab-box .lang-tab { border-radius: 0.64516129vw; font-size: 1.77419355vw; line-height: 1.77419355vw; margin-right: 2.82258065vw; padding: 1.61290323vw 0; width: 25.24193548vw; } .privateWealthForm.nn .right-box .form .asset-range .tab-box .lang-tab:last-child, .privateWealthForm.nn .right-box .form .lang .tab-box .lang-tab:last-child, .privateWealthForm.nn .right-box .form .scheduled .tab-box .lang-tab:last-child { margin-right: 0; } .privateWealthForm.nn .right-box .form .scheduled .tab-box .lang-tab { width: 16.12903226vw; } .privateWealthForm.nn .right-box .form .name .firstName { margin-right: 2.66129032vw; width: 30vw; } .privateWealthForm.nn .right-box .form .name .lastName { width: 49.67741935vw; } .privateWealthForm.nn .email { font-size: 1.77419355vw; line-height: 2.09677419vw; margin-top: 3.5483871vw; } .privateWealthForm.nn .email a { color: #b99a7d !important; text-decoration: underline; } .privateWealthForm.nn .email.nn a { color: #b99a7d !important; } .privateWealthForm.nn .footer { margin-top: -1.61290323vw; } .privateWealthForm.nn .qrcode-box { justify-content: space-evenly; } .privateWealthForm.nn .offline-reserve, .privateWealthForm.nn .online-contact { margin-top: 3.22580645vw; } .privateWealthForm.nn .offline-reserve .title, .privateWealthForm.nn .online-contact .title { border-bottom: 1px solid #4a4040; color: #fff; font-size: 3.22580645vw; font-weight: 600; line-height: 150%; margin-bottom: 4.03225806vw; padding-bottom: 1.61290323vw; } .privateWealthForm.nn .offline-reserve .title /deep/ .comment, .privateWealthForm.nn .online-contact .title /deep/ .comment { color: #b7b7b7; font-size: 2.41935484vw; font-weight: 400; } .privateWealthForm.nn .offline-reserve .content-wrapper, .privateWealthForm.nn .online-contact .content-wrapper { gap: 1.61290323vw; } .privateWealthForm.nn .offline-reserve .content-wrapper.showIpad, .privateWealthForm.nn .online-contact .content-wrapper.showIpad { display: flex; flex-direction: row; gap: 3.22580645vw; } .privateWealthForm.nn .offline-reserve .content-wrapper.showIpad .content-img, .privateWealthForm.nn .online-contact .content-wrapper.showIpad .content-img { height: 100%; margin-top: 0; width: 27.41935484vw; } .privateWealthForm.nn .offline-reserve .content-wrapper.showIpad .content-time-address, .privateWealthForm.nn .online-contact .content-wrapper.showIpad .content-time-address { align-items: start; display: flex; flex-direction: column; gap: 1.61290323vw; } .privateWealthForm.nn .offline-reserve .content-wrapper.showIpad .content-time-address .content-address, .privateWealthForm.nn .offline-reserve .content-wrapper.showIpad .content-time-address .content-time, .privateWealthForm.nn .online-contact .content-wrapper.showIpad .content-time-address .content-address, .privateWealthForm.nn .online-contact .content-wrapper.showIpad .content-time-address .content-time { color: #b7b7b7; font-size: 2.41935484vw; font-weight: 400; line-height: 150%; margin-bottom: 0; } .privateWealthForm.nn .offline-reserve .content-wrapper.showH5, .privateWealthForm.nn .online-contact .content-wrapper.showH5 { display: none; } .privateWealthForm.nn .offline-reserve .content-wrapper .content, .privateWealthForm.nn .online-contact .content-wrapper .content { align-items: start; display: flex; flex-direction: column; gap: 4.83870968vw; margin-bottom: 2.41935484vw; } .privateWealthForm.nn .offline-reserve .content-wrapper .content .email .text, .privateWealthForm.nn .offline-reserve .content-wrapper .content .whatsapp .text, .privateWealthForm.nn .online-contact .content-wrapper .content .email .text, .privateWealthForm.nn .online-contact .content-wrapper .content .whatsapp .text { color: #b7b7b7; font-size: 2.41935484vw; font-weight: 400; line-height: 2.41935484vw; } .privateWealthForm.nn .offline-reserve .content-wrapper .content .email .icon, .privateWealthForm.nn .offline-reserve .content-wrapper .content .whatsapp .icon, .privateWealthForm.nn .online-contact .content-wrapper .content .email .icon, .privateWealthForm.nn .online-contact .content-wrapper .content .whatsapp .icon { font-size: 1.4516129vw; } .privateWealthForm.nn .offline-reserve .content-wrapper .content .email a, .privateWealthForm.nn .offline-reserve .content-wrapper .content .whatsapp a, .privateWealthForm.nn .online-contact .content-wrapper .content .email a, .privateWealthForm.nn .online-contact .content-wrapper .content .whatsapp a { color: #b7b7b7; font-size: 2.41935484vw; font-weight: 400; line-height: 2.41935484vw; } .privateWealthForm.nn .offline-reserve .content-wrapper .content .email, .privateWealthForm.nn .online-contact .content-wrapper .content .email { align-items: start; display: flex; flex-direction: column; gap: 1.61290323vw; margin-top: 0; } .privateWealthForm.nn .offline-reserve .content-wrapper .content .whatsapp, .privateWealthForm.nn .online-contact .content-wrapper .content .whatsapp { align-items: start; display: flex; flex-direction: column; gap: 1.61290323vw; } .privateWealthForm.nn .offline-reserve .content-wrapper .content .whatsapp .showIpad, .privateWealthForm.nn .online-contact .content-wrapper .content .whatsapp .showIpad { display: block; } .privateWealthForm.nn .offline-reserve .content-wrapper .content .whatsapp .showH5, .privateWealthForm.nn .online-contact .content-wrapper .content .whatsapp .showH5 { display: none; } .privateWealthForm.nn .offline-reserve .content-wrapper .content .whatsapp .whatsapp-container, .privateWealthForm.nn .online-contact .content-wrapper .content .whatsapp .whatsapp-container { position: relative; } .privateWealthForm.nn .offline-reserve .content-wrapper .content .whatsapp .whatsapp-container .whatsapp-button, .privateWealthForm.nn .online-contact .content-wrapper .content .whatsapp .whatsapp-container .whatsapp-button { align-items: center; background: #252525; border-radius: 87.90322581vw; cursor: pointer; display: flex; height: 8.87096774vw; justify-content: center; width: 54.03225806vw; } .privateWealthForm.nn .offline-reserve .content-wrapper .content .whatsapp .whatsapp-container .whatsapp-button img, .privateWealthForm.nn .online-contact .content-wrapper .content .whatsapp .whatsapp-container .whatsapp-button img { height: 4.43548387vw; } .privateWealthForm.nn .offline-reserve .content-wrapper .content .whatsapp .whatsapp-container .whatsapp-qr-popup, .privateWealthForm.nn .online-contact .content-wrapper .content .whatsapp .whatsapp-container .whatsapp-qr-popup { left: 56.4516129vw; position: absolute; top: 50%; transform: translateY(-50%); z-index: 1000; } .privateWealthForm.nn .offline-reserve .content-wrapper .content .whatsapp .whatsapp-container .whatsapp-qr-popup .qr-wrapper, .privateWealthForm.nn .online-contact .content-wrapper .content .whatsapp .whatsapp-container .whatsapp-qr-popup .qr-wrapper { align-items: center; background: #252525; border-radius: 0.64516129vw; box-shadow: 0 4px 16px 0 #00000080; display: flex; height: 12.09677419vw; justify-content: center; position: relative; width: 11.85483871vw; } .privateWealthForm.nn .offline-reserve .content-wrapper .content .whatsapp .whatsapp-container .whatsapp-qr-popup .qr-wrapper:before, .privateWealthForm.nn .online-contact .content-wrapper .content .whatsapp .whatsapp-container .whatsapp-qr-popup .qr-wrapper:before { border-bottom: 0.64516129vw solid transparent; border-right: 0.64516129vw solid #252525; border-top: 0.64516129vw solid transparent; content: ""; filter: drop-shadow(-2px 0 4px rgba(0, 0, 0, 0.3)); height: 0; left: -0.64516129vw; position: absolute; top: 50%; transform: translateY(-50%); width: 0; } .privateWealthForm.nn .offline-reserve .content-wrapper .content .whatsapp .whatsapp-container .whatsapp-qr-popup .qr-wrapper .qr-image, .privateWealthForm.nn .online-contact .content-wrapper .content .whatsapp .whatsapp-container .whatsapp-qr-popup .qr-wrapper .qr-image { border-radius: 0.32258065vw; height: 10.08064516vw; width: 10.24193548vw; } .privateWealthForm.nn .offline-reserve .content-wrapper .content-address, .privateWealthForm.nn .offline-reserve .content-wrapper .content-time, .privateWealthForm.nn .online-contact .content-wrapper .content-address, .privateWealthForm.nn .online-contact .content-wrapper .content-time { color: #b7b7b7; font-size: 2.41935484vw; font-weight: 400; line-height: 150%; } .privateWealthForm.nn .offline-reserve .content-wrapper .content-time, .privateWealthForm.nn .online-contact .content-wrapper .content-time { margin-bottom: 3.22580645vw; } .privateWealthForm.nn .offline-reserve .content-wrapper .content-img, .privateWealthForm.nn .online-contact .content-wrapper .content-img { height: 100%; margin-top: 1.61290323vw; width: 27.41935484vw; } .privateWealthForm.nn .online-contact { margin-top: 9.67741935vw; } .privateWealthForm.moo { padding: 8.7890625vw 0 9.765625vw; } .privateWealthForm.moo .pc-wrap { display: flex; justify-content: space-between; margin: auto; width: 83%; } .privateWealthForm.moo .left-box { width: 34.5703125vw; } .privateWealthForm.moo .left-box .title { font-size: 2.9296875vw; line-height: 1.2; margin-bottom: 1.953125vw; } .privateWealthForm.moo .left-box .subTitle { display: flex; flex-direction: column; } .privateWealthForm.moo .left-box .subTitle .subTitle-item { color: #b7b7b7; display: flex; font-size: 1.953125vw; line-height: 150%; margin-bottom: 1.953125vw; } .privateWealthForm.moo .left-box .subTitle .subTitle-item:last-child { margin-bottom: 0; } .privateWealthForm.moo .left-box .subTitle .subTitle-item .dot { color: #b7b7b7; flex-shrink: 0; margin-right: 0.48828125vw; width: fit-content; } .privateWealthForm.moo .left-box .subTitle .subTitle-item /deep/ .hightlight { color: #b99a7d; } .privateWealthForm.moo .left-box .subTitle .subTitle-item span:last-child { flex: 1; } .privateWealthForm.moo .right-box { margin-top: 0; width: 40.234375vw; } .privateWealthForm.moo .right-box .form-title { align-items: start; border-bottom: 1px solid #4a4040; display: flex; flex-direction: column; margin-bottom: 3.22580645vw; padding-bottom: 3.22580645vw; } .privateWealthForm.moo .right-box .form-title .title { font-size: 3.22580645vw; line-height: 140%; } .privateWealthForm.moo .right-box .form-title .subTitle { font-size: 1.61290323vw; line-height: 140%; } .privateWealthForm.moo .right-box .form .form-item { margin-bottom: 1.85546875vw; } .privateWealthForm.moo .right-box .form .form-item.other { margin-bottom: 2.44140625vw; } .privateWealthForm.moo .right-box .form .form-item.contact-phone { margin-bottom: 0.9765625vw; } .privateWealthForm.moo .right-box .form .label { color: #b7b7b7; font-size: 1.26953125vw; line-height: 1.2; margin-bottom: 0.9765625vw; } .privateWealthForm.moo .right-box .form input, .privateWealthForm.moo .right-box .form select, .privateWealthForm.moo .right-box .form textarea { font-size: 1.26953125vw; line-height: 1.6; padding: 0.9765625vw 1.3671875vw; width: 100%; } .privateWealthForm.moo .right-box .form select { appearance: none; background-image: url("data:image/svg+xml;charset=US-ASCII,"); background-position: right 1.3671875vw center; background-repeat: no-repeat; background-size: 0.78125vw; padding-right: 2.9296875vw; } .privateWealthForm.moo .right-box .form select.nn { background-image: url("data:image/svg+xml;charset=US-ASCII,"); } .privateWealthForm.moo .right-box .form .date-time-container { display: flex; gap: 1.3671875vw; position: relative; } .privateWealthForm.moo .right-box .form .date-time-container .el-date-editor .el-input__inner, .privateWealthForm.moo .right-box .form .date-time-container .el-select .el-input__inner { font-size: 1.26953125vw; line-height: 1.6; padding: 0.9765625vw 3.90625vw 0.9765625vw 1.3671875vw; } .privateWealthForm.moo .right-box .form .date-time-container .el-date-editor .el-input__prefix .el-input__icon, .privateWealthForm.moo .right-box .form .date-time-container .el-date-editor .el-input__suffix .el-input__suffix-inner .el-input__icon, .privateWealthForm.moo .right-box .form .date-time-container .el-select .el-input__prefix .el-input__icon, .privateWealthForm.moo .right-box .form .date-time-container .el-select .el-input__suffix .el-input__suffix-inner .el-input__icon { font-size: 1.26953125vw; } .privateWealthForm.moo .right-box .form .date-time-container .date-picker:after { background-image: url("data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTYiIGhlaWdodD0iMTciIGZpbGw9Im5vbmUiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PHJlY3QgeD0iLjUiIHk9IjEuNSIgd2lkdGg9IjE1IiBoZWlnaHQ9IjE1IiByeD0iMiIgc3Ryb2tlPSIjNjA2MjY2Ii8+PHJlY3QgeD0iMyIgeT0iOSIgd2lkdGg9IjQiIGhlaWdodD0iMSIgcng9Ii41IiBmaWxsPSIjNjA2MjY2Ii8+PHJlY3QgeD0iMyIgeT0iMTIiIHdpZHRoPSI0IiBoZWlnaHQ9IjEiIHJ4PSIuNSIgZmlsbD0iIzYwNjI2NiIvPjxyZWN0IHg9IjkiIHk9IjkiIHdpZHRoPSI0IiBoZWlnaHQ9IjEiIHJ4PSIuNSIgZmlsbD0iIzYwNjI2NiIvPjxyZWN0IHg9IjkiIHk9IjEyIiB3aWR0aD0iNCIgaGVpZ2h0PSIxIiByeD0iLjUiIGZpbGw9IiM2MDYyNjYiLz48cGF0aCBmaWxsPSIjNjA2MjY2IiBkPSJNMCA1aDE2djFIMHoiLz48cmVjdCB4PSI0IiB3aWR0aD0iMSIgaGVpZ2h0PSIzIiByeD0iLjUiIGZpbGw9IiM2MDYyNjYiLz48cmVjdCB4PSIxMSIgd2lkdGg9IjEiIGhlaWdodD0iMyIgcng9Ii41IiBmaWxsPSIjNjA2MjY2Ii8+PC9zdmc+"); height: 2.1484375vw; } .privateWealthForm.moo .right-box .form .date-time-container .date-picker:after, .privateWealthForm.moo .right-box .form .date-time-container .time-select:after { background-position: 50%; background-repeat: no-repeat; background-size: contain; content: ""; pointer-events: none; position: absolute; right: 1.3671875vw; top: 50%; transform: translateY(-50%); width: 1.953125vw; z-index: 1; } .privateWealthForm.moo .right-box .form .date-time-container .time-select:after { background-image: url("data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTYiIGhlaWdodD0iMTYiIGZpbGw9Im5vbmUiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGNpcmNsZSBjeD0iOCIgY3k9IjgiIHI9IjYuNSIgc3Ryb2tlPSIjNjA2MjY2IiBzdHJva2UtbGluZWpvaW49InJvdW5kIi8+PHBhdGggZD0iTTggNC41VjhsMi44IDIuNCIgc3Ryb2tlPSIjNjA2MjY2IiBzdHJva2UtbGluZWNhcD0icm91bmQiIHN0cm9rZS1saW5lam9pbj0icm91bmQiLz48L3N2Zz4="); height: 1.953125vw; } .privateWealthForm.moo .right-box .form .nn.submit, .privateWealthForm.moo .right-box .form .submit { border-radius: 0.5859375vw; font-size: 1.5625vw; height: auto; line-height: 1.5625vw; margin: 0; padding: 1.3671875vw 0; width: 20.5078125vw; } .privateWealthForm.moo .right-box .form .nn.disable { background: transparent; border: 1px solid #b8997d; color: #b99a7d; cursor: no-drop; } .privateWealthForm.moo .right-box .form .nn.disable:hover { background: transparent; color: #b99a7d; } .privateWealthForm.moo .right-box .form .loading { cursor: wait; } .privateWealthForm.moo .right-box .form .asset-range .label, .privateWealthForm.moo .right-box .form .lang .label { margin-bottom: 0.9765625vw; } .privateWealthForm.moo .right-box .form .asset-range .radio-box, .privateWealthForm.moo .right-box .form .lang .radio-box { display: flex; } .privateWealthForm.moo .right-box .form .asset-range .radio-box div, .privateWealthForm.moo .right-box .form .lang .radio-box div { cursor: pointer; display: flex; margin-right: 2.05078125vw; } .privateWealthForm.moo .right-box .form .asset-range .radio-box input[type=radio], .privateWealthForm.moo .right-box .form .lang .radio-box input[type=radio] { appearance: none; border: 1px solid #b5b5b5; border-radius: 50%; cursor: pointer; height: 1.26953125vw; margin: 0; padding: 0; position: relative; top: 0.390625vw; transition: all 0.2s linear; width: 1.26953125vw; } .privateWealthForm.moo .right-box .form .asset-range .radio-box input[type=radio]:checked, .privateWealthForm.moo .right-box .form .lang .radio-box input[type=radio]:checked { background-color: #ba9b7e !important; border: 1px solid #ba9b7e; } .privateWealthForm.moo .right-box .form .asset-range .radio-box label, .privateWealthForm.moo .right-box .form .lang .radio-box label { color: #b7b7b7; cursor: pointer; font-size: 1.26953125vw; line-height: 1.6; margin-left: 0.5859375vw; } .privateWealthForm.moo .right-box .form .name .firstName { margin-right: 1.171875vw; width: 14.2578125vw; } .privateWealthForm.moo .right-box .form .name .lastName { width: 24.70703125vw; } } @media screen and (min-width: 1240.5px) { /deep/ .showPC { display: block; } /deep/ .showH5AndIpad { display: none; } .privateWealthForm.moo, .privateWealthForm.nn { padding: 140px 0; } .privateWealthForm.moo .pc-wrap, .privateWealthForm.nn .pc-wrap { display: flex; justify-content: space-between; width: 1180px; } .privateWealthForm.moo .left-box, .privateWealthForm.nn .left-box { width: 502px; } .privateWealthForm.moo .left-box .title, .privateWealthForm.nn .left-box .title { font-size: 42px; line-height: 50.4px; margin-bottom: 18px; } .privateWealthForm.moo .left-box .lang-0.title, .privateWealthForm.moo .left-box .lang-1.title, .privateWealthForm.nn .left-box .lang-0.title, .privateWealthForm.nn .left-box .lang-1.title { font-size: 44px; } .privateWealthForm.moo .left-box .subTitle, .privateWealthForm.nn .left-box .subTitle { border-bottom: 1px solid #4a4040; color: #b7b7b7; font-size: 18px; line-height: 30px; margin-bottom: 0; padding-bottom: 28px; } .privateWealthForm.moo .left-box .subTitle.moo, .privateWealthForm.nn .left-box .subTitle.moo { border-bottom: none; font-size: 18px; line-height: 30px; } .privateWealthForm.moo .left-box .subTitle.moo .subTitle-item, .privateWealthForm.nn .left-box .subTitle.moo .subTitle-item { font-size: 18px; line-height: 30px; margin-bottom: 0; } .privateWealthForm.moo .left-box .lang-2.tips, .privateWealthForm.moo .left-box .tips, .privateWealthForm.nn .left-box .lang-2.tips, .privateWealthForm.nn .left-box .tips { color: #b7b7b7; font-size: 16.48px; line-height: 27.46px; margin-top: 11px; } .privateWealthForm.moo .left-box .lang-0.subTitle, .privateWealthForm.moo .left-box .lang-1.subTitle, .privateWealthForm.nn .left-box .lang-0.subTitle, .privateWealthForm.nn .left-box .lang-1.subTitle { font-size: 18px; line-height: 30px; } .privateWealthForm.moo .left-box .pdf, .privateWealthForm.nn .left-box .pdf { font-size: 16.5px; padding: 11px 30px; } .privateWealthForm.moo .left-box .pdf:before, .privateWealthForm.nn .left-box .pdf:before { height: 37px; top: 8px; width: 29px; } .privateWealthForm.moo .left-box .foorter, .privateWealthForm.nn .left-box .foorter { margin-top: 236px; } .privateWealthForm.moo .left-box .nn.footer, .privateWealthForm.nn .left-box .nn.footer { margin-top: 30px; } .privateWealthForm.moo .left-box .email, .privateWealthForm.nn .left-box .email { color: #b7b7b7; font-size: 17px; letter-spacing: -0.5px; line-height: 30px; text-align: left; } .privateWealthForm.moo .left-box .email a, .privateWealthForm.nn .left-box .email a { color: #b99a7d !important; text-decoration: underline; } .privateWealthForm.moo .left-box .email.nn a, .privateWealthForm.nn .left-box .email.nn a { color: #b99a7d !important; } .privateWealthForm.moo .left-box .lang-0.email, .privateWealthForm.moo .left-box .lang-1.email, .privateWealthForm.nn .left-box .lang-0.email, .privateWealthForm.nn .left-box .lang-1.email { font-size: 18px; } .privateWealthForm.moo .left-box .nn.email, .privateWealthForm.nn .left-box .nn.email { margin-top: 25px; } .privateWealthForm.moo .left-box .qrcode-box, .privateWealthForm.nn .left-box .qrcode-box { justify-content: start; margin-top: 0.7rem; } .privateWealthForm.moo .left-box .qrcode-box .qrcode-item, .privateWealthForm.nn .left-box .qrcode-box .qrcode-item { margin-right: 38px; } .privateWealthForm.moo .left-box .qrcode-box .icon, .privateWealthForm.nn .left-box .qrcode-box .icon { height: 11px; width: 11px; } .privateWealthForm.moo .left-box .qrcode-box .icon-1, .privateWealthForm.nn .left-box .qrcode-box .icon-1 { height: 11px; width: 14px; } .privateWealthForm.moo .left-box .qrcode-box .img, .privateWealthForm.nn .left-box .qrcode-box .img { height: 120px; margin-top: 10px; width: 120px; } .privateWealthForm.moo .left-box .qrcode-box .name, .privateWealthForm.nn .left-box .qrcode-box .name { font-size: 14px; line-height: 14px; } .privateWealthForm.moo .left-box .offline-reserve, .privateWealthForm.moo .left-box .online-contact, .privateWealthForm.nn .left-box .offline-reserve, .privateWealthForm.nn .left-box .online-contact { margin-top: 0; } .privateWealthForm.moo .left-box .offline-reserve .title, .privateWealthForm.moo .left-box .online-contact .title, .privateWealthForm.nn .left-box .offline-reserve .title, .privateWealthForm.nn .left-box .online-contact .title { border-bottom: none; color: #fff; font-size: 24px; font-weight: 600; line-height: 30px; margin-bottom: 0; padding-bottom: 30px; } .privateWealthForm.moo .left-box .offline-reserve .title /deep/ .comment, .privateWealthForm.moo .left-box .online-contact .title /deep/ .comment, .privateWealthForm.nn .left-box .offline-reserve .title /deep/ .comment, .privateWealthForm.nn .left-box .online-contact .title /deep/ .comment { color: #b7b7b7; font-size: 18px; font-weight: 400; } .privateWealthForm.moo .left-box .offline-reserve .content-wrapper .content, .privateWealthForm.moo .left-box .online-contact .content-wrapper .content, .privateWealthForm.nn .left-box .offline-reserve .content-wrapper .content, .privateWealthForm.nn .left-box .online-contact .content-wrapper .content { border-bottom: 1px solid #4a4040; gap: 30px; margin-bottom: 30px; padding-bottom: 30px; } .privateWealthForm.moo .left-box .offline-reserve .content-wrapper .content .email, .privateWealthForm.moo .left-box .offline-reserve .content-wrapper .content .whatsapp, .privateWealthForm.moo .left-box .online-contact .content-wrapper .content .email, .privateWealthForm.moo .left-box .online-contact .content-wrapper .content .whatsapp, .privateWealthForm.nn .left-box .offline-reserve .content-wrapper .content .email, .privateWealthForm.nn .left-box .offline-reserve .content-wrapper .content .whatsapp, .privateWealthForm.nn .left-box .online-contact .content-wrapper .content .email, .privateWealthForm.nn .left-box .online-contact .content-wrapper .content .whatsapp { align-items: center; display: flex; flex-direction: row; gap: 10px; } .privateWealthForm.moo .left-box .offline-reserve .content-wrapper .content .email .text, .privateWealthForm.moo .left-box .offline-reserve .content-wrapper .content .whatsapp .text, .privateWealthForm.moo .left-box .online-contact .content-wrapper .content .email .text, .privateWealthForm.moo .left-box .online-contact .content-wrapper .content .whatsapp .text, .privateWealthForm.nn .left-box .offline-reserve .content-wrapper .content .email .text, .privateWealthForm.nn .left-box .offline-reserve .content-wrapper .content .whatsapp .text, .privateWealthForm.nn .left-box .online-contact .content-wrapper .content .email .text, .privateWealthForm.nn .left-box .online-contact .content-wrapper .content .whatsapp .text { color: #b7b7b7; font-size: 17px; font-weight: 400; line-height: 30px; } .privateWealthForm.moo .left-box .offline-reserve .content-wrapper .content .email .icon, .privateWealthForm.moo .left-box .offline-reserve .content-wrapper .content .whatsapp .icon, .privateWealthForm.moo .left-box .online-contact .content-wrapper .content .email .icon, .privateWealthForm.moo .left-box .online-contact .content-wrapper .content .whatsapp .icon, .privateWealthForm.nn .left-box .offline-reserve .content-wrapper .content .email .icon, .privateWealthForm.nn .left-box .offline-reserve .content-wrapper .content .whatsapp .icon, .privateWealthForm.nn .left-box .online-contact .content-wrapper .content .email .icon, .privateWealthForm.nn .left-box .online-contact .content-wrapper .content .whatsapp .icon { font-size: 18px; } .privateWealthForm.moo .left-box .offline-reserve .content-wrapper .content .email a, .privateWealthForm.moo .left-box .offline-reserve .content-wrapper .content .whatsapp a, .privateWealthForm.moo .left-box .online-contact .content-wrapper .content .email a, .privateWealthForm.moo .left-box .online-contact .content-wrapper .content .whatsapp a, .privateWealthForm.nn .left-box .offline-reserve .content-wrapper .content .email a, .privateWealthForm.nn .left-box .offline-reserve .content-wrapper .content .whatsapp a, .privateWealthForm.nn .left-box .online-contact .content-wrapper .content .email a, .privateWealthForm.nn .left-box .online-contact .content-wrapper .content .whatsapp a { color: #b7b7b7; font-size: 18px; font-weight: 400; line-height: 30px; } .privateWealthForm.moo .left-box .offline-reserve .content-wrapper .content .whatsapp .whatsapp-container, .privateWealthForm.moo .left-box .online-contact .content-wrapper .content .whatsapp .whatsapp-container, .privateWealthForm.nn .left-box .offline-reserve .content-wrapper .content .whatsapp .whatsapp-container, .privateWealthForm.nn .left-box .online-contact .content-wrapper .content .whatsapp .whatsapp-container { position: relative; } .privateWealthForm.moo .left-box .offline-reserve .content-wrapper .content .whatsapp .whatsapp-container .whatsapp-button, .privateWealthForm.moo .left-box .online-contact .content-wrapper .content .whatsapp .whatsapp-container .whatsapp-button, .privateWealthForm.nn .left-box .offline-reserve .content-wrapper .content .whatsapp .whatsapp-container .whatsapp-button, .privateWealthForm.nn .left-box .online-contact .content-wrapper .content .whatsapp .whatsapp-container .whatsapp-button { align-items: center; background: #252525; border-radius: 1090px; cursor: pointer; display: flex; height: 48px; justify-content: center; width: 203px; } .privateWealthForm.moo .left-box .offline-reserve .content-wrapper .content .whatsapp .whatsapp-container .whatsapp-button img, .privateWealthForm.moo .left-box .online-contact .content-wrapper .content .whatsapp .whatsapp-container .whatsapp-button img, .privateWealthForm.nn .left-box .offline-reserve .content-wrapper .content .whatsapp .whatsapp-container .whatsapp-button img, .privateWealthForm.nn .left-box .online-contact .content-wrapper .content .whatsapp .whatsapp-container .whatsapp-button img { height: 24px; } .privateWealthForm.moo .left-box .offline-reserve .content-wrapper .content .whatsapp .whatsapp-container .whatsapp-qr-popup, .privateWealthForm.moo .left-box .online-contact .content-wrapper .content .whatsapp .whatsapp-container .whatsapp-qr-popup, .privateWealthForm.nn .left-box .offline-reserve .content-wrapper .content .whatsapp .whatsapp-container .whatsapp-qr-popup, .privateWealthForm.nn .left-box .online-contact .content-wrapper .content .whatsapp .whatsapp-container .whatsapp-qr-popup { left: calc(100% + 30px); position: absolute; top: 50%; transform: translateY(-50%); z-index: 1000; } .privateWealthForm.moo .left-box .offline-reserve .content-wrapper .content .whatsapp .whatsapp-container .whatsapp-qr-popup .qr-wrapper, .privateWealthForm.moo .left-box .online-contact .content-wrapper .content .whatsapp .whatsapp-container .whatsapp-qr-popup .qr-wrapper, .privateWealthForm.nn .left-box .offline-reserve .content-wrapper .content .whatsapp .whatsapp-container .whatsapp-qr-popup .qr-wrapper, .privateWealthForm.nn .left-box .online-contact .content-wrapper .content .whatsapp .whatsapp-container .whatsapp-qr-popup .qr-wrapper { align-items: center; background: #252525; border-radius: 8px; box-shadow: 0 4px 16px 0 #00000080; display: flex; height: 150px; justify-content: center; position: relative; width: 147px; } .privateWealthForm.moo .left-box .offline-reserve .content-wrapper .content .whatsapp .whatsapp-container .whatsapp-qr-popup .qr-wrapper:before, .privateWealthForm.moo .left-box .online-contact .content-wrapper .content .whatsapp .whatsapp-container .whatsapp-qr-popup .qr-wrapper:before, .privateWealthForm.nn .left-box .offline-reserve .content-wrapper .content .whatsapp .whatsapp-container .whatsapp-qr-popup .qr-wrapper:before, .privateWealthForm.nn .left-box .online-contact .content-wrapper .content .whatsapp .whatsapp-container .whatsapp-qr-popup .qr-wrapper:before { border-bottom: 8px solid transparent; border-right: 8px solid #252525; border-top: 8px solid transparent; content: ""; filter: drop-shadow(-2px 0 4px rgba(0, 0, 0, 0.3)); height: 0; left: -8px; position: absolute; top: 50%; transform: translateY(-50%); width: 0; } .privateWealthForm.moo .left-box .offline-reserve .content-wrapper .content .whatsapp .whatsapp-container .whatsapp-qr-popup .qr-wrapper .qr-image, .privateWealthForm.moo .left-box .online-contact .content-wrapper .content .whatsapp .whatsapp-container .whatsapp-qr-popup .qr-wrapper .qr-image, .privateWealthForm.nn .left-box .offline-reserve .content-wrapper .content .whatsapp .whatsapp-container .whatsapp-qr-popup .qr-wrapper .qr-image, .privateWealthForm.nn .left-box .online-contact .content-wrapper .content .whatsapp .whatsapp-container .whatsapp-qr-popup .qr-wrapper .qr-image { border-radius: 4px; height: 125px; width: 127px; } .privateWealthForm.moo .left-box .offline-reserve .content-wrapper .content-address, .privateWealthForm.moo .left-box .offline-reserve .content-wrapper .content-time, .privateWealthForm.moo .left-box .online-contact .content-wrapper .content-address, .privateWealthForm.moo .left-box .online-contact .content-wrapper .content-time, .privateWealthForm.nn .left-box .offline-reserve .content-wrapper .content-address, .privateWealthForm.nn .left-box .offline-reserve .content-wrapper .content-time, .privateWealthForm.nn .left-box .online-contact .content-wrapper .content-address, .privateWealthForm.nn .left-box .online-contact .content-wrapper .content-time { color: #b7b7b7; font-size: 18px; font-weight: 400; line-height: 150%; margin-bottom: 10px; } .privateWealthForm.moo .left-box .offline-reserve .content-wrapper .content-img, .privateWealthForm.moo .left-box .online-contact .content-wrapper .content-img, .privateWealthForm.nn .left-box .offline-reserve .content-wrapper .content-img, .privateWealthForm.nn .left-box .online-contact .content-wrapper .content-img { height: 100%; margin-top: 15px; width: 425px; } .privateWealthForm.moo .right-box, .privateWealthForm.nn .right-box { margin-top: 0; width: 492px; } .privateWealthForm.moo .right-box .form-title, .privateWealthForm.nn .right-box .form-title { border-bottom: 1px solid #4a4040; margin-bottom: 30px; padding-bottom: 30px; } .privateWealthForm.moo .right-box .form-title .title, .privateWealthForm.nn .right-box .form-title .title { font-size: 30px; line-height: 140%; } .privateWealthForm.moo .right-box .form-title .subTitle, .privateWealthForm.nn .right-box .form-title .subTitle { font-size: 18px; line-height: 140%; } .privateWealthForm.moo .right-box .form .form-item, .privateWealthForm.nn .right-box .form .form-item { margin-bottom: 26px; } .privateWealthForm.moo .right-box .form .label, .privateWealthForm.nn .right-box .form .label { color: #b7b7b7; font-size: 18px; line-height: 30px; margin-bottom: 14px; } .privateWealthForm.moo .right-box .form .moo-required, .privateWealthForm.nn .right-box .form .moo-required { position: relative; } .privateWealthForm.moo .right-box .form .moo-required .required-asterisk, .privateWealthForm.nn .right-box .form .moo-required .required-asterisk { color: red; font-size: 18px; font-weight: 700; margin-right: 3px; } .privateWealthForm.moo .right-box .form input, .privateWealthForm.moo .right-box .form select, .privateWealthForm.moo .right-box .form textarea, .privateWealthForm.nn .right-box .form input, .privateWealthForm.nn .right-box .form select, .privateWealthForm.nn .right-box .form textarea { font-size: 18px; line-height: 30px; padding: 14px; width: 100%; } .privateWealthForm.moo .right-box .form select, .privateWealthForm.nn .right-box .form select { appearance: none; background-image: url("data:image/svg+xml;charset=US-ASCII,"); background-position: right 14px center; background-repeat: no-repeat; background-size: 8px; padding-right: 35px; } .privateWealthForm.moo .right-box .form select.nn, .privateWealthForm.nn .right-box .form select.nn { background-image: url("data:image/svg+xml;charset=US-ASCII,"); } .privateWealthForm.moo .right-box .form .date-time-container, .privateWealthForm.nn .right-box .form .date-time-container { display: flex; gap: 14px; position: relative; } .privateWealthForm.moo .right-box .form .date-time-container .el-date-editor .el-input__inner, .privateWealthForm.moo .right-box .form .date-time-container .el-select .el-input__inner, .privateWealthForm.nn .right-box .form .date-time-container .el-date-editor .el-input__inner, .privateWealthForm.nn .right-box .form .date-time-container .el-select .el-input__inner { font-size: 18px; line-height: 30px; padding: 14px 50px 14px 14px; } .privateWealthForm.moo .right-box .form .date-time-container .el-date-editor .el-input__prefix .el-input__icon, .privateWealthForm.moo .right-box .form .date-time-container .el-date-editor .el-input__suffix .el-input__suffix-inner .el-input__icon, .privateWealthForm.moo .right-box .form .date-time-container .el-select .el-input__prefix .el-input__icon, .privateWealthForm.moo .right-box .form .date-time-container .el-select .el-input__suffix .el-input__suffix-inner .el-input__icon, .privateWealthForm.nn .right-box .form .date-time-container .el-date-editor .el-input__prefix .el-input__icon, .privateWealthForm.nn .right-box .form .date-time-container .el-date-editor .el-input__suffix .el-input__suffix-inner .el-input__icon, .privateWealthForm.nn .right-box .form .date-time-container .el-select .el-input__prefix .el-input__icon, .privateWealthForm.nn .right-box .form .date-time-container .el-select .el-input__suffix .el-input__suffix-inner .el-input__icon { font-size: 18px; } .privateWealthForm.moo .right-box .form .date-time-container .date-picker:after, .privateWealthForm.nn .right-box .form .date-time-container .date-picker:after { background-image: url("data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTYiIGhlaWdodD0iMTciIGZpbGw9Im5vbmUiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PHJlY3QgeD0iLjUiIHk9IjEuNSIgd2lkdGg9IjE1IiBoZWlnaHQ9IjE1IiByeD0iMiIgc3Ryb2tlPSIjNjA2MjY2Ii8+PHJlY3QgeD0iMyIgeT0iOSIgd2lkdGg9IjQiIGhlaWdodD0iMSIgcng9Ii41IiBmaWxsPSIjNjA2MjY2Ii8+PHJlY3QgeD0iMyIgeT0iMTIiIHdpZHRoPSI0IiBoZWlnaHQ9IjEiIHJ4PSIuNSIgZmlsbD0iIzYwNjI2NiIvPjxyZWN0IHg9IjkiIHk9IjkiIHdpZHRoPSI0IiBoZWlnaHQ9IjEiIHJ4PSIuNSIgZmlsbD0iIzYwNjI2NiIvPjxyZWN0IHg9IjkiIHk9IjEyIiB3aWR0aD0iNCIgaGVpZ2h0PSIxIiByeD0iLjUiIGZpbGw9IiM2MDYyNjYiLz48cGF0aCBmaWxsPSIjNjA2MjY2IiBkPSJNMCA1aDE2djFIMHoiLz48cmVjdCB4PSI0IiB3aWR0aD0iMSIgaGVpZ2h0PSIzIiByeD0iLjUiIGZpbGw9IiM2MDYyNjYiLz48cmVjdCB4PSIxMSIgd2lkdGg9IjEiIGhlaWdodD0iMyIgcng9Ii41IiBmaWxsPSIjNjA2MjY2Ii8+PC9zdmc+"); background-position: 50%; background-repeat: no-repeat; background-size: contain; content: ""; height: 17px; pointer-events: none; position: absolute; right: 14px; top: 50%; transform: translateY(-50%); width: 16px; z-index: 1; } .privateWealthForm.moo .right-box .form .date-time-container .time-select:after, .privateWealthForm.nn .right-box .form .date-time-container .time-select:after { background-image: url("data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTYiIGhlaWdodD0iMTYiIGZpbGw9Im5vbmUiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGNpcmNsZSBjeD0iOCIgY3k9IjgiIHI9IjYuNSIgc3Ryb2tlPSIjNjA2MjY2IiBzdHJva2UtbGluZWpvaW49InJvdW5kIi8+PHBhdGggZD0iTTggNC41VjhsMi44IDIuNCIgc3Ryb2tlPSIjNjA2MjY2IiBzdHJva2UtbGluZWNhcD0icm91bmQiIHN0cm9rZS1saW5lam9pbj0icm91bmQiLz48L3N2Zz4="); background-position: 50%; background-repeat: no-repeat; background-size: contain; content: ""; height: 16px; pointer-events: none; position: absolute; right: 14px; top: 50%; transform: translateY(-50%); width: 16px; z-index: 1; } .privateWealthForm.moo .right-box .form .submit-wrapper, .privateWealthForm.nn .right-box .form .submit-wrapper { position: relative; width: fit-content; } .privateWealthForm.moo .right-box .form .submit-wrapper .submit-tooltip, .privateWealthForm.nn .right-box .form .submit-wrapper .submit-tooltip { align-items: center; color: #fff; display: none; display: flex; flex-direction: column; justify-content: center; left: 50%; position: absolute; top: -60px; transform: translateX(-50%); width: 203px; z-index: 10; } .privateWealthForm.moo .right-box .form .submit-wrapper .submit-tooltip.lang-2, .privateWealthForm.nn .right-box .form .submit-wrapper .submit-tooltip.lang-2 { top: -80px; width: 260px; } .privateWealthForm.moo .right-box .form .submit-wrapper .submit-tooltip.lang-2 .tooltip-content, .privateWealthForm.nn .right-box .form .submit-wrapper .submit-tooltip.lang-2 .tooltip-content { padding: 10px 30px; } .privateWealthForm.moo .right-box .form .submit-wrapper .submit-tooltip .tooltip-content, .privateWealthForm.nn .right-box .form .submit-wrapper .submit-tooltip .tooltip-content { background-position: 50%; background-repeat: no-repeat; background-size: 100% 100%; font-size: 14px; padding: 10px 20px; } .privateWealthForm.moo .right-box .form .submit-wrapper .submit-tooltip .submit-popup-arrow, .privateWealthForm.nn .right-box .form .submit-wrapper .submit-tooltip .submit-popup-arrow { height: 13px; margin-top: -2px; width: 13px; } .privateWealthForm.moo .right-box .form .nn.submit, .privateWealthForm.moo .right-box .form .submit, .privateWealthForm.nn .right-box .form .nn.submit, .privateWealthForm.nn .right-box .form .submit { border-radius: 8px; color: #000; font-size: 22px; height: auto; line-height: 22px; margin: 0; padding: 20px 0; width: 230px; } .privateWealthForm.moo .right-box .form .lang-0.submit, .privateWealthForm.moo .right-box .form .lang-1.submit, .privateWealthForm.nn .right-box .form .lang-0.submit, .privateWealthForm.nn .right-box .form .lang-1.submit { font-size: 24px; } .privateWealthForm.moo .right-box .form .nn.disable, .privateWealthForm.nn .right-box .form .nn.disable { background: transparent; border: 1px solid #b8997d; color: #b99a7d; cursor: no-drop; } .privateWealthForm.moo .right-box .form .nn.disable:hover, .privateWealthForm.nn .right-box .form .nn.disable:hover { background: transparent; color: #b99a7d; } .privateWealthForm.moo .right-box .form .loading, .privateWealthForm.nn .right-box .form .loading { cursor: wait; } .privateWealthForm.moo .right-box .form .asset-range .radio-box input[type=radio], .privateWealthForm.moo .right-box .form .lang .radio-box input[type=radio], .privateWealthForm.moo .right-box .form .scheduled .radio-box input[type=radio], .privateWealthForm.nn .right-box .form .asset-range .radio-box input[type=radio], .privateWealthForm.nn .right-box .form .lang .radio-box input[type=radio], .privateWealthForm.nn .right-box .form .scheduled .radio-box input[type=radio] { appearance: none; border: 1px solid #b5b5b5; border-radius: 50%; cursor: pointer; height: 16px; padding: 0; position: relative; top: 5px; transition: all 0.2s linear; width: 16px; } .privateWealthForm.moo .right-box .form .asset-range .radio-box input[type=radio]:checked, .privateWealthForm.moo .right-box .form .lang .radio-box input[type=radio]:checked, .privateWealthForm.moo .right-box .form .scheduled .radio-box input[type=radio]:checked, .privateWealthForm.nn .right-box .form .asset-range .radio-box input[type=radio]:checked, .privateWealthForm.nn .right-box .form .lang .radio-box input[type=radio]:checked, .privateWealthForm.nn .right-box .form .scheduled .radio-box input[type=radio]:checked { background-color: #bc9d7f !important; border: 1px solid #bc9d7f; } .privateWealthForm.moo .right-box .form .asset-range .radio-box label, .privateWealthForm.moo .right-box .form .lang .radio-box label, .privateWealthForm.moo .right-box .form .scheduled .radio-box label, .privateWealthForm.nn .right-box .form .asset-range .radio-box label, .privateWealthForm.nn .right-box .form .lang .radio-box label, .privateWealthForm.nn .right-box .form .scheduled .radio-box label { color: #b7b7b7; cursor: pointer; font-size: 18px; line-height: 30px; margin-left: 8px; } .privateWealthForm.moo .right-box .form .asset-range .radio-box label .showH5AndIpad, .privateWealthForm.moo .right-box .form .lang .radio-box label .showH5AndIpad, .privateWealthForm.moo .right-box .form .scheduled .radio-box label .showH5AndIpad, .privateWealthForm.nn .right-box .form .asset-range .radio-box label .showH5AndIpad, .privateWealthForm.nn .right-box .form .lang .radio-box label .showH5AndIpad, .privateWealthForm.nn .right-box .form .scheduled .radio-box label .showH5AndIpad { display: none; } .privateWealthForm.moo .right-box .form .asset-range .label, .privateWealthForm.moo .right-box .form .lang .label, .privateWealthForm.moo .right-box .form .scheduled .label, .privateWealthForm.nn .right-box .form .asset-range .label, .privateWealthForm.nn .right-box .form .lang .label, .privateWealthForm.nn .right-box .form .scheduled .label { margin-bottom: 13px; } .privateWealthForm.moo .right-box .form .asset-range .radio-box, .privateWealthForm.moo .right-box .form .lang .radio-box, .privateWealthForm.moo .right-box .form .scheduled .radio-box, .privateWealthForm.nn .right-box .form .asset-range .radio-box, .privateWealthForm.nn .right-box .form .lang .radio-box, .privateWealthForm.nn .right-box .form .scheduled .radio-box { display: flex; flex-wrap: wrap; } .privateWealthForm.moo .right-box .form .asset-range .radio-box div, .privateWealthForm.moo .right-box .form .lang .radio-box div, .privateWealthForm.moo .right-box .form .scheduled .radio-box div, .privateWealthForm.nn .right-box .form .asset-range .radio-box div, .privateWealthForm.nn .right-box .form .lang .radio-box div, .privateWealthForm.nn .right-box .form .scheduled .radio-box div { cursor: pointer; display: flex; margin-right: 27px; } .privateWealthForm.moo .right-box .form .asset-range .radio-box div label .showH5AndIpad, .privateWealthForm.moo .right-box .form .lang .radio-box div label .showH5AndIpad, .privateWealthForm.moo .right-box .form .scheduled .radio-box div label .showH5AndIpad, .privateWealthForm.nn .right-box .form .asset-range .radio-box div label .showH5AndIpad, .privateWealthForm.nn .right-box .form .lang .radio-box div label .showH5AndIpad, .privateWealthForm.nn .right-box .form .scheduled .radio-box div label .showH5AndIpad { display: none; } .privateWealthForm.moo .right-box .form .name .firstName, .privateWealthForm.nn .right-box .form .name .firstName { margin-right: 14px; width: 172px; } .privateWealthForm.moo .right-box .form .name .lastName, .privateWealthForm.nn .right-box .form .name .lastName { width: 301px; } .privateWealthForm.moo { padding: 140px 0 130px; } .privateWealthForm.moo .left-box { width: 482px; } .privateWealthForm.moo .left-box .title { font-size: 60px; line-height: 1.2; margin-bottom: 32px; } .privateWealthForm.moo .left-box .subTitle { color: #eee; font-size: 32px; line-height: 1.2; } .privateWealthForm.moo .right-box .form .form-item.other { margin-bottom: 33px; } .privateWealthForm.moo .right-box .form .form-item.contact-phone { margin-bottom: 14px; } .privateWealthForm.moo .right-box .form .nn.submit, .privateWealthForm.moo .right-box .form .submit { background-color: #f2cb8c; border-radius: 8px; color: #000; font-size: 22px; height: auto; line-height: 22px; margin: 0; padding: 20px 0; width: 230px; } .privateWealthForm.moo .right-box .form .disable { background: transparent; border: 1px solid #b8997d; color: #b99a7d; cursor: no-drop; } .privateWealthForm.moo .right-box .form .disable:hover { background: transparent; color: #b99a7d; } .privateWealthForm.moo .right-box .form .asset-range .label, .privateWealthForm.moo .right-box .form .lang .label, .privateWealthForm.moo .right-box .form .scheduled .label { margin-bottom: 13px; } .privateWealthForm.moo .right-box .form .asset-range .radio-box, .privateWealthForm.moo .right-box .form .lang .radio-box, .privateWealthForm.moo .right-box .form .scheduled .radio-box { display: flex; } .privateWealthForm.moo .right-box .form .asset-range .radio-box div, .privateWealthForm.moo .right-box .form .lang .radio-box div, .privateWealthForm.moo .right-box .form .scheduled .radio-box div { cursor: pointer; display: flex; margin-right: 27px; } .privateWealthForm.moo .right-box .form .asset-range .radio-box input[type=radio], .privateWealthForm.moo .right-box .form .lang .radio-box input[type=radio], .privateWealthForm.moo .right-box .form .scheduled .radio-box input[type=radio] { appearance: none; border: 1px solid #b5b5b5; border-radius: 50%; cursor: pointer; height: 16px; padding: 0; position: relative; top: 7px; transition: all 0.2s linear; width: 16px; } .privateWealthForm.moo .right-box .form .asset-range .radio-box input[type=radio]:checked, .privateWealthForm.moo .right-box .form .lang .radio-box input[type=radio]:checked, .privateWealthForm.moo .right-box .form .scheduled .radio-box input[type=radio]:checked { background-color: #ba9b7e !important; border: 1px solid #ba9b7e; } .privateWealthForm.moo .right-box .form .asset-range .radio-box label, .privateWealthForm.moo .right-box .form .lang .radio-box label, .privateWealthForm.moo .right-box .form .scheduled .radio-box label { color: #b7b7b7; cursor: pointer; font-size: 18px; line-height: 30px; margin-left: 8px; } .privateWealthForm.moo .right-box .form .asset-range .radio-box label .showH5AndIpad, .privateWealthForm.moo .right-box .form .lang .radio-box label .showH5AndIpad, .privateWealthForm.moo .right-box .form .scheduled .radio-box label .showH5AndIpad { display: none; } .privateWealthForm.moo .right-box .form .scheduled .radio-box div { cursor: pointer; margin-right: 20px; } } .custom-select-panel { align-items: center; background: #1d1f21; border: none; border-radius: 10px; box-shadow: 0 4px 16px 0 #00000080; box-sizing: border-box !important; display: flex; flex-direction: column; height: auto; justify-content: center; min-height: fit-content; min-width: 161px!important; padding: 10px 0; width: 161px !important; } .custom-select-panel .el-scrollbar { flex-shrink: 0; height: auto!important; width: 124px; } .custom-select-panel .el-scrollbar .el-scrollbar__wrap { height: auto!important; margin-bottom: 0!important; margin-right: 0!important; max-height: none!important; overflow: visible !important; } .custom-select-panel .el-scrollbar .el-scrollbar__view, .custom-select-panel .el-select-dropdown__list { height: auto!important; min-height: fit-content !important; padding: 0; } .custom-select-panel .el-select-dropdown__list { margin: 0; } .custom-select-panel .el-select-dropdown__item { align-items: center; background-color: transparent; box-sizing: border-box; color: #e3e4e5; cursor: pointer; display: flex; font-size: 14px; font-weight: 400; height: 32px!important; justify-content: center; line-height: 32px; max-height: 32px!important; min-height: 32px!important; width: 124px; } .custom-select-panel .el-select-dropdown__item.selected, .custom-select-panel .el-select-dropdown__item:hover { background: #ebeced0d; border-radius: 4px; } .custom-select-panel .el-select-dropdown__item.is-disabled { background-color: transparent!important; color: #7d7f83 !important; cursor: not-allowed !important; } .custom-select-panel .el-select-dropdown__item.is-disabled:hover { background: transparent!important; color: #7d7f83 !important; } .actSgPrivate.privateWealthForm { background-color: #e8bb7c; box-sizing: border-box; color: #000; margin: 0 auto; max-width: 768px; padding: 0.8rem 0.32rem; width: 7.5rem; } .actSgPrivate.privateWealthForm .left-box { display: none; } .actSgPrivate.privateWealthForm .right-box { margin-top: 0; } .actSgPrivate.privateWealthForm .right-box .form .account-id .sub-label, .actSgPrivate.privateWealthForm.moo .right-box .form .label { color: #000; } .actSgPrivate.privateWealthForm .right-box .form .account-id .radio { background-image: url("data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjUiIGhlaWdodD0iMjUiIGZpbGw9Im5vbmUiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGNpcmNsZSBjeD0iMTIuNSIgY3k9IjEyLjUiIHI9IjEyIiBzdHJva2U9IiMwMDAiLz48L3N2Zz4="); } .actSgPrivate.privateWealthForm .right-box .form .account-id .radio.active { background-image: url("data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjUiIGhlaWdodD0iMjUiIGZpbGw9Im5vbmUiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGNpcmNsZSBjeD0iMTIuNSIgY3k9IjEyLjUiIHI9IjEyIiBzdHJva2U9IiMwMDAiLz48Y2lyY2xlIGN4PSIxMi41IiBjeT0iMTIuNSIgcj0iNiIgZmlsbD0iIzAwMCIgc3Ryb2tlPSIjMDAwIi8+PC9zdmc+"); } .actSgPrivate.privateWealthForm .right-box .form .account-id .text { border-bottom: 1px solid #000; } .actSgPrivate.privateWealthForm .right-box .form .account-id .text.error { border-bottom: 1px solid red; } .actSgPrivate.privateWealthForm .right-box .form input, .actSgPrivate.privateWealthForm .right-box .form select, .actSgPrivate.privateWealthForm .right-box .form textarea { background-color: transparent; color: #000; } .actSgPrivate.privateWealthForm .right-box .form .asset-range .tab-box .lang-tab, .actSgPrivate.privateWealthForm .right-box .form .lang .tab-box .lang-tab, .actSgPrivate.privateWealthForm .right-box .form .scheduled .tab-box .lang-tab { border-color: #000; border-radius: 0; color: #000; } .actSgPrivate.privateWealthForm .right-box .form input::placeholder, .actSgPrivate.privateWealthForm .right-box .form select::placeholder, .actSgPrivate.privateWealthForm .right-box .form textarea::placeholder { color: #343434; } .actSgPrivate.privateWealthForm .right-box .form .asset-range .tab-box .active, .actSgPrivate.privateWealthForm .right-box .form .lang .tab-box .active { background-color: #000; border: none; color: #ebcb67; } .actSgPrivate.privateWealthForm .right-box .form .submit, .actSgPrivate.privateWealthForm .right-box .form .submit:hover { background-color: #000; color: #ebcb67; } .actSgPrivate.privateWealthForm .right-box .form .submit.disable, .actSgPrivate.privateWealthForm .right-box .form .submit.disable:hover { background: transparent; border: 1px solid #000; color: #000; } @media screen and (min-width: 768px) { .actSgPrivate.privateWealthForm.moo .right-box .form .asset-range .label, .actSgPrivate.privateWealthForm.moo .right-box .form .lang .label, .actSgPrivate.privateWealthForm.moo .right-box .form .scheduled .label { margin-bottom: 13px; } .actSgPrivate.privateWealthForm.moo .right-box { width: 492px; } .actSgPrivate.privateWealthForm.moo .right-box .form .asset-range .radio-box label, .actSgPrivate.privateWealthForm.moo .right-box .form .lang .radio-box label { font-size: 18px; } .actSgPrivate.privateWealthForm .right-box .form .moo-required .required-asterisk { font-size: 18px; line-height: 1.2; } .actSgPrivate.privateWealthForm .right-box .form .account-id .sub-label, .actSgPrivate.privateWealthForm .right-box .form .asset-range .tab-box .lang-tab, .actSgPrivate.privateWealthForm .right-box .form .label, .actSgPrivate.privateWealthForm .right-box .form .lang .tab-box .lang-tab, .actSgPrivate.privateWealthForm .right-box .form .scheduled .tab-box .lang-tab { font-size: 18px; } .actSgPrivate.privateWealthForm .right-box .form .account-id .radio { height: 20px; width: 20px; } .actSgPrivate.privateWealthForm.moo .right-box .form .asset-range .radio-box label, .actSgPrivate.privateWealthForm.moo .right-box .form .lang .radio-box label, .actSgPrivate.privateWealthForm.moo .right-box .form .scheduled .radio-box label { color: #000; } .actSgPrivate.privateWealthForm.moo .right-box .form .asset-range .radio-box input[type=radio], .actSgPrivate.privateWealthForm.moo .right-box .form .lang .radio-box input[type=radio], .actSgPrivate.privateWealthForm.moo .right-box .form .scheduled .radio-box input[type=radio] { border: 1px solid #000; } .actSgPrivate.privateWealthForm.moo .right-box .form input, .actSgPrivate.privateWealthForm.moo .right-box .form select, .actSgPrivate.privateWealthForm.moo .right-box .form textarea { font-size: 14px; } .actSgPrivate.privateWealthForm.moo .right-box .form .form-item { margin-bottom: 26px; } .actSgPrivate.privateWealthForm.moo .right-box .form .account-id .has-accountid-item { margin-bottom: 10px; } }