* { font-family: "Open Sans", -apple-system, BlinkMacSystemFont, "PingFang SC", "Microsoft YaHei", sans-serif; }
body { font-size: 14px; background: #fff; color: #212529; }
a { text-decoration: none; cursor: pointer; color: #1c5c93; }
a:hover { opacity: .65; color: #1c5c93; }
.main_wrapper { background-color: #fff; min-width: 320px; }
.container { max-width: 100%; }
.fs-13 { font-size: .8125rem !important; }
.fs-14 { font-size: .875rem !important; }
.fs-16 { font-size: 1rem !important; }
.fs-18 { font-size: 1.125rem !important; }
.fs-21 { font-size: 1.3125rem !important; }
.fs-22 { font-size: 1.375rem !important; }

/* 公告条 */
.notice_bar { width: 100%; background-color: #583bff; padding: 14px 0; }
.notice_inner { width: 90%; margin: 0 auto; display: flex; align-items: center; justify-content: space-between; }
.notice_text { color: #fff; font-size: 12px; line-height: 20px; margin-left: 10px; margin-right: auto; }
.notice_text:hover { color: #fff; }
.notice_close { border: 0; background: none; color: #fff; font-size: 18px; line-height: 1; padding: 0 4px; }

/* 头部 */
.brand_logo { width: 30px; height: 30px; margin-right: 10px; object-fit: contain; }

/* 首页 */
.slogan { color: #9e9e9e; font-weight: 500; }
.search_btn { background-color: #4e6ef2 !important; color: #fff !important; cursor: pointer; border-color: #4e6ef2 !important; }
.search_btn:hover { opacity: 1; }
.home_panel { background-color: #f5f9fc; }
.price_line { display: flex; align-items: center; justify-content: center; flex-wrap: wrap; }
.price_item { display: flex; align-items: center; margin-right: 1rem; margin-bottom: .5rem; font-size: 16px; }
.price_item img { width: 25px; height: 25px; margin-right: 5px; }
.price_sym { width: 50px; }
.price_val { width: 80px; text-align: right; margin-right: 8px; }
.price_note { text-align: center; color: #9e9e9e; font-size: 16px; }
.md5f { padding-left: 12px; padding-right: 12px; }
@media (min-width: 768px) { .md5f { flex: 0 0 auto; width: 20%; } }
.ad_box { display: block; background: #fff; height: 170px; padding-top: 1.5rem; box-shadow: 0 1px 6px rgba(0, 0, 0, .08); color: #1c5c93; }
.ad_box img, .ad_fallback { height: 60px; max-width: 80%; object-fit: contain; }
.ad_fallback { display: inline-flex; width: 60px; border-radius: 50%; background: #1c5c93; color: #fff; font-size: 26px; font-weight: 700; align-items: center; justify-content: center; }
.ad_title { color: #1c5c93; font-weight: 700; margin-top: .5rem; font-size: .875rem; text-align: center; }
.ad_line { color: #1c5c93; font-size: .8125rem; text-align: center; }

/* 地址页 */
.addr_container { max-width: 1110px; }
.addr_panel { background-color: #f5f9fc; padding-bottom: 60px; margin: 0 -12px; }
.ggcon { width: 100%; display: flex; justify-content: space-between; align-items: center; flex-wrap: wrap; }
.ggcon_i { width: 530px; margin: 5px; }
.ggcon_i img { width: 100%; display: block; }
.addr_head { padding: 5px 10px; border-bottom: 1px solid #dee2e6; }
.c_title { color: #333; line-height: 20px; font-size: 15px; font-weight: bold; }
.addr_text { white-space: nowrap; color: #333; }
.qr_btn img { width: 25px; height: 25px; }
.pc_qrcode { position: relative; }
.pc_qrbox { display: none; position: absolute; top: -10px; left: 35px; z-index: 999; padding: 15px; background: #fff; border-radius: 10px; }
.pc_qrcode:hover { opacity: 1; }
.pc_qrcode:hover .pc_qrbox { display: block; }
.addr_info { padding: 10px; border-bottom: 1px solid #dee2e6; }
.c_con1_i { display: flex; align-items: center; }
.c_con1_i_l { width: 80px; color: #333; display: flex; align-items: center; white-space: nowrap; }
.c_con1_i_r { width: 200px; color: #333; }
.c_wh { width: 14px; height: 14px; border-radius: 7px; background: #b1b1b1; margin-right: 8px; color: #333; font-size: 12px; text-align: center; line-height: 14px; font-weight: bold; display: inline-block; cursor: default; }
.tooltip-inner { min-width: 300px; max-width: 341px; text-align: left; }

.filter_row { padding: 10px 20px 0; margin: 0; }
.c_tabs { border: 1px solid #ced4da; border-radius: 6px; flex-wrap: nowrap; }
.c_tabs .nav-item { width: 50%; }
.c_tabs .nav-link { padding: 0; height: 28px; line-height: 28px; text-align: center; color: #0d6efd; }
.c_tabs .nav-link.active { background: #0d6efd; color: #fff; }
.c_tabs .nav-link:hover { opacity: 1; }
.c_con3 { display: flex; align-items: center; justify-content: space-between; width: 100%; height: 30px; background: #fff; border-radius: 6px; border: 1px solid #ced4da; position: relative; }
.c_con3_l { padding-left: 10px; color: #666; font-size: 12px; margin: 0; white-space: nowrap; }
.c_con3_rx { position: absolute; left: 0; top: 0; width: 100%; height: 28px; border: 0; padding-left: 10px; text-align: center; background: transparent; appearance: none; -webkit-appearance: none; outline: none; cursor: pointer; }
.c_con3_rs { width: 14px; height: 14px; display: block; margin-right: 14px; background: url(/static/img/down.svg) center/contain no-repeat; pointer-events: none; }
.c_con3s { display: flex; align-items: center; width: 100%; height: 30px; }
.c_con3d { display: flex; align-items: center; width: 100px; height: 30px; background: #fff; border-radius: 6px; border: 1px solid #ced4da; }
.c_con3_rss { width: 100%; border: 0; text-indent: 10px; background: transparent; outline: none; }
.date_range { display: flex; align-items: center; height: 30px; background: #fff; border: 1px solid #ced4da; border-radius: 6px; padding: 0 8px; }
.date_icon { width: 14px; height: 14px; margin-right: 6px; }
.date_input { border: 0; outline: none; width: 42%; color: #555; font-size: 13px; background: transparent; min-width: 0; }
.date_sep { margin: 0 4px; color: #666; }
.btns, .btnss { width: 80px; border: 1px solid #eee; background: #fff; text-align: center; cursor: pointer; color: #555; font-size: 14px; height: 30px; line-height: 28px; padding: 0; flex-shrink: 0; }
.btnss { margin-right: 10px; }
.fold_toggle { width: 30px; height: 30px; margin-left: 5px; border: 1px solid #eee; border-radius: 4px; background: #fff; display: flex; align-items: center; justify-content: center; flex-shrink: 0; padding: 0; }
.fold_toggle .c_con3_rs { margin: 0; width: 20px; height: 20px; transition: transform .2s; }
.fold_toggle.open .c_con3_rs { transform: rotate(180deg); }
.c_tips { font-size: 15px; margin: 10px 0 0 20px; }
.c_in { color: #5da01d; }
.c_out { color: #f72935; }

.tx_table { margin-bottom: 0; }
.tx_table > :not(:first-child) { border-top: 1px solid #dee2e6; }
.tx_table th { font-size: 16px; font-weight: 500; white-space: nowrap; }
.tx_table td { white-space: nowrap; vertical-align: middle; }
.tx_table .badge { font-size: .85em; }
.hash_cell { cursor: pointer; }
.hash_link { color: #0a58ca; }
.height_cell { color: #0a58ca; cursor: pointer; }
.empty_row td { text-align: center; color: #999; padding: 40px 0; }

/* 分页 */
.page { text-align: center; margin: 30px 0; }
.page_item { display: inline-block; font-size: 14px; padding: 4px 10px; background: #fff; border: 1px solid #c5b7b7; color: #888; margin: 0 3px; cursor: pointer; user-select: none; }
.page_item:hover { border-color: #568dbd; color: #568dbd; opacity: 1; }
.page_item.active { background: #30a5da; border-color: #30a5da; color: #fff; cursor: default; }
.page_item.disabled { color: #ccc; cursor: default; }

/* 底部 */
.footer { background-color: #587187; color: #fff; margin-top: 50px; }
.footer_link, .footer_link:hover { color: #fff; }
.footer_link img { width: 30px; }

/* 弹层 */
.qr_dialog { max-width: 200px; margin-left: auto; margin-right: auto; }
.toast_msg { position: fixed; left: 50%; top: 50%; transform: translate(-50%, -50%); background: rgba(0, 0, 0, .7); color: #fff; padding: 12px 25px; border-radius: 2px; font-size: 14px; z-index: 2000; display: none; max-width: 80%; text-align: center; }
.loading_mask { position: fixed; inset: 0; background: rgba(0, 0, 0, .15); z-index: 1900; display: flex; align-items: center; justify-content: center; }
.loading_box { background: rgba(0, 0, 0, .65); color: #fff; padding: 10px 20px; border-radius: 4px; }

@media (max-width: 767px) {
  .ggcon { flex-direction: column; }
  .ggcon_i { width: 100%; margin: 0 0 4px; }
  .fold { display: none; }
  .fold.show { display: block; }
  .c_con3d { width: auto; flex: 1 1 0; min-width: 0; }
  .btns, .btnss { width: 52px; }
  .btnss { margin-right: 5px; }
  .c_tips { font-size: 10px; }
}