html { margin: 0px; touch-action: manipulation; }
body { padding: 0px; margin: 0px; color: #333; padding-bottom: 75px; touch-action: manipulation; padding-top: 5.8rem; }
* { list-style: none; margin: 0px; padding: 0px; font-family: "PingFangSC-Regular","Microsoft YaHei"; box-sizing: border-box; }
img { border: currentColor; border-image: none; user-select: none; }
div, ul, li, h1, h2, h3, h4, p, dl, dt, dd, img, p, form { padding: 0px; margin: 0px; }
form { border: none; margin: 0; padding: 0; }
ul, ul li { list-style: none; }
img { border: 0px; vertical-align: middle; }
a { color: #0066CC; }
a:hover { color: #058e38; }
a:link, a:visited { text-decoration: none; }
span { white-space: nowrap; }
:root { --primary-color: 187,42,23; --deputy-color: 122,13,12; }
.sysTopDiv { box-shadow: 0 0 20px 3px rgba(64, 86, 141, 0.3); height: 5.8rem; background: rgba(var(--deputy-color)); position: fixed; top: 0; width: 100%; z-index: 99999; }
.sysTopDiv .sysTopTitle { margin-top: 3.3rem; text-align: center; color: #fff; font-size: 16px; font-weight: bold; }

.layui-btn { background: rgba(var(--deputy-color),0.9); border-radius: 7px; letter-spacing: 1px; padding: 0 16px; }
.layui-laydate { font-size: 13px; }

/*验证表格*/
.verifyTable { border: 1px solid #3F558C; border-collapse: collapse; }
.verifyTable th { border: 1px solid #aaa; }
.verifyTable td { border: 1px solid #ccc; padding: 0 6px; }
.verifyTable thead { background: #ccc; color: #555; height: 32px; font-size: 13px; }

/*生物验证*/
.biovalidation { display: flex; align-items: center; position: fixed; bottom: 62px; right: 12px; left: 50%; transform: translateX(-50%); white-space: nowrap; width: 240px; }
.biovalidation i { font-size: 20px; margin-right: 3px; }

/*可伸缩DIV*/
.allow-expand { }
.expand_split { line-height: 1px; border-bottom: 1px solid rgba(64,86,141,0.1); margin-top: 12px; }
.bottom_toggle { width: 45px; height: 30px; position: absolute; bottom: -10px; left: 50%; transform: translateX(-50%); background: #fff; border-radius: 50%; line-height: 0.7; }
.toggle_btn { font-size: 28px; cursor: pointer; transition: transform 0.3s ease; position: absolute; bottom: 0; left: 50%; transform: translateX(-50%); }

.clearfix { overflow: hidden; _zoom: 1; }
.blue { color: #006ba8; }
.blue a:link, .blue a:visited, .blue a:hover { color: #006ba8; }
.green { color: green; }
.green a:link, .green a:visited, .green a:hover { color: green; }
.while { color: #fff; }
.while a:link, .while a:visited, .while a:hover { color: #fff; }
.while:link, .while:visited, .while:hover { color: #fff; }
.red { color: #ff0000; }
.red a:link, .red a:visited, .red a:hover { color: #ff0000; }
.red:link, .red:visited, .red:hover { color: #ff0000; }
.yellow { color: #ff5300; }
.yellow a:link, .yellow a:visited, .yellow a:hover { color: #ff5300; }

/*个人中心*/
.topLine { line-height: 50px; display: flex; background: rgba(var(--primary-color)); color: #fff; }
.topLine .l { width: 55px; text-align: center; font-size: 25px; }
.topLine .m { flex: 1; text-align: center; font-weight: bold; }
.topLine .m i { font-size: 22px; font-weight: initial; margin-right: 5px; vertical-align: bottom; }
.topLine .r { width: 45px; }

.lan-info { border: 1px solid rgba(64,86,141,0.2); margin: 12px 12px 0px 12px; background: #fff; border-radius: 6px; padding: 12px; margin-bottom: 12px; box-shadow: 0 0 20px 3px rgba(64,86,141, 0.3); }
.lan-info .title { font-weight: bold; border-bottom: 1px dotted rgba(var(--deputy-color)); font-size: 14px; padding-bottom: 5px; display: flex; margin-bottom: 9px; letter-spacing: 0.5px; }
.lan-info .title span { line-height: 30px; }
.lan-info .title i { font-size: 28px; font-weight: initial; margin-right: 6px; line-height: 30px; }

.user-box { background: #fff; display: flex; }
.user-box .pic .ziLogo { color: #fff; font-size: 22px; font-weight: bold; text-align: center; line-height: 80px; width: 80px; height: 80px; margin-right: 10px; border-radius: 50%; background: linear-gradient( 135deg, rgba(78,157,229, 0.8) 0%, #4E9DE5 100% ); box-shadow: 0 10px 30px rgba(0, 0, 0, 0.08), 0 2px 6px rgba(0, 0, 0, 0.04); }
.user-box .pic img { width: 80px; height: 80px; margin-right: 10px; border-radius: 50%; background: #E8EAF1; border: 1px solid #ccc; }

.user-box .nick_title { display: flex; align-items: center; }
.user-box .userNick { font-size: 14px; font-weight: bold; max-width: 100px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.user-box .userName_container { display: flex; align-items: center; font-size: 12px; font-weight: bold; color: #7E8299; margin-left: 6px; }
.user-box .userName { max-width: 100px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.user-box .picTitle { line-height: 32px; flex: 1; font-size: 14px; word-wrap: break-word; overflow-wrap: break-word; word-break: break-all; }
.user-box .picTitle .boxline { background: #E8EAF1; margin: 15px 0px; border-radius: 4px; padding-left: 6px; }
.user-box .picTitle .boxline:first-child { margin-top: 0px; }
.user-box .picTitle .boxline:last-child { margin-bottom: 0px; }
.user-box .userId { font-size: 12px; }

.balance-asset { align-items: center; background: #FAFAFF; margin-top: 16px; font-size: 14px; display: flex; border-radius: 8px; line-height: 35px; padding-left: 9px; }
.balance-asset .asset-title { font-weight: bold; }
.balance-asset .trx-icon { font-size: 25px; color: #502828; margin-right: 2px; }
.balance-asset .usdt-icon { font-size: 20px; color: darkgreen; margin-right: 3px; }
.balance-asset .trx-value, .balance-asset .usdt-value { font-weight: bold; }

.tit-desc { color: #666; font-size: 13px; display: flex; line-height: 30px; margin-top: 16px; }
.tit-desc i { margin-right: 6px; }
.tit-desc a { font-weight: bold; color: #006ba8; margin-left: 3px; }

.convert-form { display: flex; gap: 10px; margin-top: 18px; }

.div-btns { display: flex; border-top: 1px solid rgba(64,86,141,0.1); padding-top: 18px; margin-top: 12px; }
.div-btns button { border: 0px; border-radius: 5px; color: #fff; font-size: 12px; padding: 6px 9px; margin-right: 12px; }
.div-btns button i { background: rgba(64, 86, 141, 1); margin-right: 6px; font-size: 22px; }
.div-btns button span { line-height: 20px; }
.btn-item { flex: 1; margin-left: 6px; }
.btn-item:first-child { margin-left: 0px; }
.btn-item p { box-shadow: 0 4px 12px rgba(0, 0, 0, 0.22); margin: 0px auto; width: 42px; height: 42px; padding: 4px; text-align: center; border-radius: 12px; background: radial-gradient(circle at top left, rgba(var(--primary-color),0.1) 0%, rgba(var(--primary-color),1) 20%); }
.btn-item div { color: #333; font-weight: bold; white-space: nowrap; text-align: center; font-size: 12px; font-family: "PingFangSC-Medium,PingFang SC"; margin-top: 6px; }
.btn-item i { font-size: 23px; color: #FFF; }

.action-lan { margin: 12px 12px 0px 12px; border: 1px solid rgba(64,86,141,0.2); background: #fff; border-radius: 6px; padding: 12px; box-shadow: 0 0 20px 3px rgba(64,86,141, 0.3); }
.action-lan dd { border-bottom: 1px solid rgba(64,86,141,0.1); line-height: 40px; display: flex; font-size: 14px; }
.action-lan dd .right { float: initial; margin-left: auto; margin-right: 0px; }
.action-lan dd i { font-size: 20px; margin-right: 9px; font-weight: bold; }

/*浮动底部*/
.lan-bottom { position: fixed; width: 100%; bottom: 0px; background: #fff; display: flex; padding-top: 12px; padding-bottom: 18px; border-top: 1px solid #ccc; box-shadow: 0 -1px 5px rgba(0, 0, 0, 0.3); }
.lan-bottom dl { flex: 1; text-align: center; line-height: 20px; color: #666; }
.lan-bottom dl dt i { font-size: 25px; }
.lan-bottom dl dd { font-size: 12px; }
.lan-bottom .current { color: rgba(var(--primary-color)); font-weight: bold; }
.lan-bottom .current i { font-size: 32px; }
.lan-bottom .countLabel { display: none; box-shadow: 0px 0px 5px rgba(0, 0, 0, 0.3); top: 2px; color: white; font-weight: normal; font-size: 10px; line-height: 16px; position: absolute; background-color: red; border-radius: 50%; width: 16px; height: 16px; }


/*搜索*/
.search-content { display: flex; flex-direction: column; gap: 12px; }
.search-item { display: flex; align-items: center; }
.search-item input { height: 35px; font-size: 13px; }

/*日期搜索框*/
.search-date { display: flex; align-items: center; }
.search-date .search-title { }
.search-date input { width: 95px; height: 35px; font-size: 13px; }
.search-date .line-split { width: 26px; text-align: center; }
.search-date button { background: rgba(var(--primary-color), 0.95); height: 35px; line-height: 33px; margin-left: 12px; }

/*流水列表*/
.list-item { border: 1px solid rgba(64,86,141,0.2); margin: 12px 12px 0px 12px; background: #fff; border-radius: 6px; margin-bottom: 12px; box-shadow: 0 0 20px 3px rgba(64,86,141, 0.3); }
.list-item .item_title { border-top-left-radius: 6px; border-top-right-radius: 6px; line-height: 35px; padding: 0 6px; white-space: nowrap; display: flex; align-items: center; border-bottom: 1px solid rgba(var(--primary-color),0.2); background: linear-gradient(to bottom, #ffffff,#ffffff 50%, rgba(var(--primary-color), 0.1)); }
.list-item .item_title .no { display: flex; align-items: center; }
.list-item .item_title i { font-size: 20px; margin-right: 3px; }
.list-item .item_title span { font-weight: bold; font-size: 12px; max-width: 176px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.list-item .item_title .date { font-size: 10px; color: rgba(var(--primary-color),1); font-weight: bold; }
.list-item .item_content { padding: 6px 12px; line-height: 38px; }
.list-item .item_asset { font-size: 12px; }

.list-item .line { display: flex; }
.list-item .address label { font-size: 12px; background: rgba(var(--primary-color),0.05); border-radius: 5px; padding: 6px 6px; }
.list-item .address .add-icon { font-size: 22px; color: rgba(var(--primary-color),1); margin-right: 6px; vertical-align: middle; }
.list-item .address .copy { font-size: 20px; margin-left: 5px; color: #502828; font-weight: bold; }
.list-item .remark { flex: 1; border-top: 1px dotted rgb(64,86,141,0.3); padding-top: 6px; margin-top: 9px; font-size: 13px; line-height: 25px; word-wrap: break-word; overflow-wrap: break-word; word-break: break-all; }
.list-item .remark i { font-size: 20px; margin-right: 3px; vertical-align: middle; }

.list-item .balance { display: flex; color: #3A5D75; }
.list-item .trx-icon { font-size: 24px; color: #502828; margin-right: 2px; }
.list-item .usdt-icon { font-size: 19px; color: darkgreen; margin-right: 3px; }
.list-item .right { margin-left: auto; margin-right: 6px; }

/*页码*/
.div-page { text-align: center; display: none; }
.div-page a { margin-right: 9px; border: 1px solid rgba(var(--primary-color),0.6); color: rgba(var(--primary-color)); padding: 3px 9px; border-radius: 4px; font-weight: bold; font-size: 12px; }
.div-page .current { color: #fff; background: rgba(var(--primary-color)); }
.div-page .dian { margin-right: 9px; }
.div-page .total { font-size: 12px; }

/*充值收款*/
.click_copy { margin-left: auto; margin-right: 0px; display: flex; align-items: center; color: rgba(var(--deputy-color)) !important; font-size: 14px !important; }
.click_copy i { font-size: 20px !important; font-weight: bold !important; margin-right: 0px !important; }

.recharge_tip { color: #666; font-size: 14px; line-height: 30px; margin-top: 16px; border-top: 1px dotted #ccc; padding-top: 12px; }
.recharge_tip i { margin-right: 6px; }
.recharge_tip a { font-weight: bold; color: #006ba8; margin-left: 3px; }

/*安全设置*/
.lanTop { background: rgba(var(--primary-color)); color: #fff; padding: 9px; display: flex; align-items: center; border-top: 2px solid #ccc; box-shadow: 0 0 20px 3px rgba(64,86,141, 0.3); }
.lanTop .logo img { width: 120px; margin-right: 10px; }
.lanTop h1 { font-size: 20px; white-space: nowrap; margin-bottom: 9px; }
.lanTop p { line-height: 30px; font-size: 14px; }

.setting_item { line-height: 32px; display: flex; align-items: center; }
.setting_item .body { font-weight: bold; flex: 1; display: flex; align-items: center; }
.setting_item .body label { border: 1px solid; border-radius: 4px; padding: 3px 6px; position: relative; padding-left: 24px; }
.setting_item .body label::before { position: absolute; left: 3px; top: 50%; transform: translateY(-50%); font-family: 'iconfont'; font-size: 16px; color: #ff9800; }
.setting_item .body label.noadd::before { content: '\e661'; color: red; }
.setting_item .body label.added::before { content: '\e78a'; color: green; }
.setting_item .body .noadd { color: red; line-height: 18px; }
.setting_item .body .added { display: block; color: green; max-width: 176px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; line-height: 18px; font-size: 12px; }
.setting_item .add { display: none; margin-right: 9px; }
.setting_item .modify { display: none; margin-right: 9px; white-space: nowrap; }
.setting_item .reset { display: none; white-space: nowrap; }
.setting_item span { width: 80px; text-align: right; white-space: initial; white-space: nowrap; }
.setting_item input { flex: 1; }
/*输入项*/
.input_item { line-height: 46px; display: flex; align-items: center; margin-top: 5px; }
.input_item:first-child { margin-top: 20px; }
.input_item span { width: 100px; text-align: right; white-space: initial; white-space: nowrap; }

/*转账验证*/
.verify_btns { margin-left: auto; margin-right: 0px; }
.verify_btns .del { font-size: 23px !important; color: #ff5300; font-weight: bold; }
.verify_list { line-height: 40px; }
.verify_list .layui-form-switch { margin-top: 0px !important; padding: 0 9px !important; }
.verify_item { display: flex; }
.verify_item p label { border: 1px solid green; border-radius: 4px; color: darkgreen; padding: 3px 6px; font-weight: bold; white-space: nowrap; font-size: 12px; }
.verify_tip { color: #666; font-size: 14px; line-height: 30px; margin-top: 12px; border-top: 1px dotted #ccc; padding-top: 9px; }
.verify_tip i { margin-right: 6px; }
.verify_tip a { font-weight: bold; color: #006ba8; margin-left: 3px; }
.verify_add { display: flex; align-items: center; }
.verify_add button { margin-right: 10px; height: initial; line-height: initial; padding: 3px 6px; display: flex; align-items: center; }
.verify_add button i { font-size: 20px; margin-right: 3px; }
.verify_item .auth_item label { margin-right: 9px; }
.verify_item .auth_item label:last-child { margin-right: 0px; }

.verify_type_title { border-bottom: 1px dotted #ccc; margin: 12px 0px; padding-bottom: 3px; display: flex; }
.verify_types { line-height: 40px; }
.verify_types .layui-form-checkbox { margin-right: 2px; }
.verify_types .layui-form-checkbox > div { padding: 0px 6px; font-size: 13px; }

.verify_list .verify_users { display: flex; align-items: center; }
.verify_list .verify_users label { margin-right: 3px; font-family: "iconfont"; display: block; max-width: 130px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; line-height: 16px; font-size: 12px; }
.verify_list .verify_users label.passed::before { content: '\e78a'; color: green; font-size: 20px; display: inline-block; vertical-align: middle; }

.verify_list .verify_users label.nopass { border-color: red; color: red; }
.verify_list .verify_users label.nopass::before { content: '\e650'; color: red; font-size: 12px; margin-right: 2px; }

.verify_list .verify_users label.ving { border-color: #006ba8; color: #006ba8; }
.verify_list .verify_users label.ving::before { content: '\e60c'; color: #006ba8; font-size: 12px; margin-right: 2px; }

/*转账*/
.transfer_title { width: 75px !important; text-align: right; white-space: initial; }
.transfer_form input { flex: 1; }

.transfer_tab { margin: 0px 12px; overflow: hidden; line-height: 36px; background: #fff; margin-top: 18px; display: flex; border: 1px solid rgba(var(--primary-color), 0.8); border-bottom: 0px; border-radius: 9px 9px 0 0; }
.transfer_tab .tab-item { flex: 1; display: flex; font-size: 14px; border-bottom: 0px; color: rgba(var(--primary-color),1); font-weight: bold; border-right: 1px solid rgba(var(--primary-color), 0.3); }
.transfer_tab .tab-item:last-child { border-right: 0px; }
.transfer_tab .tab-item .center { margin: 0 auto; display: flex; }
.transfer_tab .tab-item.layui-this { color: #fff; background: rgba(var(--primary-color),0.5); }
.transfer_tab i { font-size: 18px; margin-right: 3px; font-weight: initial !important; }

.tranTabs_body { margin: 0px 12px; border: 1px solid rgba(var(--primary-color),0.4); border-top: 2px solid rgba(var(--primary-color),0.5); border-radius: 0 0 6px 6px; }
.tranTabs_body .body-item { padding: 16px; padding-top: 0px; display: none; }

.multiple_area::placeholder { font-size: 14px; line-height: 30px; color: #999; }

.alert_html .alert_line { display: flex; line-height: 32px; border-bottom: 1px dotted #ccc; }
.alert_html .alert_line:last-child { border-bottom: 0px; }
.alert_html .alert_line .alert_title { }
.alert_html .alert_line .alert_box { flex: 1; border-radius: 5px; font-size: 12px; }
.alert_html .alert_border { border-top: 1px dotted #ccc; line-height: 45px; display: flex; }
.alert_html .alert_records { border: 1px solid #ccc; border-radius: 6px; padding: 0 9px; line-height: 35px; margin-top: 12px; }
.alert_html .alert_records div { border-bottom: 1px dotted #eee; }
.alert_html .alert_records div:last-child { border-bottom: 0px }
.alert_html .alert_desc { border: 1px solid #ccc; border-radius: 6px; padding: 6px; background: #FAFAFF; }
.alert_html .alert_desc .alert_address { font-size: 12px; text-align: center; background: #FAFAFF; border-radius: 5px; padding: 0 3px; line-height: 35px; border-bottom: 1px dotted #ccc; }

.complete_table { width: 100%; border: 1px solid #3F558C; border-collapse: collapse; margin: 0 auto; margin-top: 16px; line-height: 30px; font-size: 12px; }
.complete_table th { border: 1px solid #aaa; }
.complete_table td { border: 1px solid #ccc; padding: 0 6px; white-space: nowrap; }
.complete_table td:first-child { width: 80px; text-align: right; }
.complete_table td:last-child { max-width: 250px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }

/*预约转账*/
.header_tab { border-top: 2px solid #fff; border-bottom: 1px solid #fff; line-height: 35px; padding: 0px; border-radius: 0px; display: flex; font-weight: bold; }
.header_tab .tab-item { flex: 1; text-align: center; border-left: 1px solid #fff; border-right: 1px solid #fff; background: #fff; }
.header_tab .tab-item i { margin-right: 6px; font-size: 22px; }
.header_tab .center { border-bottom: 2px solid rgba(var(--primary-color),0.6); display: flex; justify-content: center; }
.header_tab .tab-item.layui-this { color: #fff; background: rgba(var(--primary-color),0.8); }

.plan_body { padding: 12px; border: 0px; background: initial; box-shadow: initial; }
.plan_body .body-item { display: none; }
.plan_body .body-item .div-page { margin: 0px; box-shadow: initial; }
.plan_list dd { background: #fff; border-radius: 6px; margin-bottom: 12px; padding: 12px; color: #000; font-size: 15px; }
.plan_list .title { font-weight: bold; display: flex; align-items: center; line-height: 27px; }
.plan_list .title i { font-size: 23px; margin-right: 6px; }
.plan_list .line { display: flex; line-height: 35px; }
.plan_list .right { margin-left: auto; margin-right: 0px; display: flex; }
.plan_list .right button { height: initial; line-height: initial; padding: 6px 9px; font-size: 12px; border-radius: 5px; display: flex; border: 0px; }
.plan_list .right button i { font-size: 16px; margin-right: 3px; color: #fff; }
.plan_list .time { color: #666; font-size: 14px; }
.plan_list .time label { font-size: 12px; }
.plan_list .surplus { font-size: 12px; }
.plan_list .receiver { font-size: 14px; color: #666; }
.plan_list .remark { line-height: 28px; color: #666; }
.plan_list .remark span { font-size: 14px; }
.plan_list .remark label { font-size: 12px; }
.plan_list .bottom_line { border-top: 1px dotted rgb(64,86,141,0.3); padding-top: 6px; margin-top: 9px; }
.plan_list .receiver_value { font-size: 12px; color: #000; background: rgba(var(--primary-color), 0.1); padding: 6px 6px; border-radius: 4px; }
.plan_list .passed { background-color: green; }
.plan_list .alert { background-color: #cb2d01; }
.top_btn { margin: 6px 0; margin-top: 9px; }
.top_btn button { background: #fff; color: rgba(var(--primary-color), 1); font-weight: bold; height: initial; line-height: initial; padding: 6px 9px; font-size: 12px; border-radius: 5px; display: flex; border: 0px; }
.top_btn button i { font-size: 16px; margin-right: 3px; font-weight: initial; }
.top_btn button:hover { background: #fff; color: rgba(var(--primary-color), 1); }

.flow_line { line-height: 25px; white-space: nowrap; display: flex; align-items: center; }
.flow_line i { font-size: 20px; margin-right: 3px; font-weight: initial; }
.flow_line .no { font-size: 12px; font-weight: bold; display: flex; align-items: center; }
.flow_line .date { font-size: 12px; }
.plan_list .money span { font-size: 14px; color: #666; }
.plan_list .money label { font-size: 12px; font-weight: bold; color: #cb2d01; }
.plan_list .status_value { border: 1px solid; border-radius: 4px; padding: 3px 6px; position: relative; padding-left: 24px; }
.plan_list .status_value::before { position: absolute; left: 3px; top: 50%; transform: translateY(-50%); font-family: 'iconfont'; font-size: 16px; color: #ff9800; }

.plan_list .status { display: flex; align-items: center; font-size: 14px; color: #666; }
.plan_list .status_value { font-weight: bold; display: block; color: green; max-width: 176px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; line-height: 18px; font-size: 12px; }
.plan_list .status_value.on::before { content: '\e78a'; color: green; }

.plan_list .status_value.off { color: red; }
.plan_list .status_value.off::before { content: '\e661'; color: red; }
.plan_list .list_btns { margin-right: 12px; }
.plan_list .edit_surplus { font-size: 16px; margin-left: 6px; color: rgba(var(--primary-color), 1); }
.plan_list .edit_remark { font-size: 18px; margin-left: 0px; color: rgba(var(--primary-color), 1); }
/*首页登陆*/
.index-body { margin: 0 auto; margin-top: 35px; }

.login-body .logo { text-align: center; }
.login-body .logo img { width: 120px; margin-right: 10px; }
.login-title { font-size: 24px; text-align: center; font-weight: bold; line-height: 50px; }
.login-btns { border-top: 1px solid rgba(var(--primary-color), 0.1); margin-top: 20px; padding: 32px; padding-bottom: 12px; }
.login-btns button { color: #fff; margin: 0 auto; margin-bottom: 24px; border: 0px; display: block; border-radius: 8px; background: #197CDE; line-height: 40px; width: 95%; font-size: 16px; font-weight: 500; }
.login-btns button i { font-size: 24px; vertical-align: middle; margin-right: 6px; }

.login-btns button.empty { background: #fff; border: 1px solid #ccc; color: #333; }
.login-btns button img { margin-right: 6px; }

.login-bottom div { text-align: center; font-size: 12px; margin-bottom: 20px; }

.login-err { color: red; display: none; font-weight: bold; justify-content: center; }
.login-err div { display: flex; align-items: center; }
.login-err i { font-size: 28px; margin-right: 6px; font-weight: initial; }