/*init*/
html { font-family: "Microsoft YaHei", arial, 'Open Sans', sans-serif; -webkit-font-smoothing: antialiased; font-size: 14px; }
html, body, div, span, applet, object, h1, h2, h3, h4, h5, h6, p, a, abbr, em, img, strong, sub, sup, tt, var, b, u, i, dl, dt, dd, ol, ul, li, fieldset, form, label, input, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, video, input, textarea, select, *:after, *:before { margin: 0; padding: 0; font-family: Source Han Sans;-webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; outline: 0; border: 0; background: transparent; vertical-align: baseline; }
ul, ol, li { list-style: none; }
article, aside, details, figcaption, figure, footer, header, hgroup, main, nav, section, summary { display: block; }
audio, canvas, progress, video { display: inline-block; vertical-align: baseline; }
audio:not([controls]) { display: none; height: 0; }
[hidden], template { display: none; }
a { background: transparent; }
a:active, a:hover { outline: 0; }
abbr[title] { border-bottom: 1px dotted; }
b, strong { font-weight: bold; }
dfn { font-style: italic; }
mark { background: #ff0; color: #000; }
small { font-size: 80%; }
sub, sup { font-size: 75%; line-height: 0; position: relative; vertical-align: baseline; }
sup { top: -0.5em; }
sub { bottom: -0.25em; }
img { border: 0; }
svg:not(:root) { overflow: hidden; }
figure { margin: 1em 40px; }
hr { -moz-box-sizing: content-box; box-sizing: content-box; height: 0; }
pre { overflow: auto; }
code, kbd, pre, samp { font-family: monospace, monospace; font-size: 1em; }
button, input, optgroup, select, textarea { color: inherit; font: inherit; margin: 0; }
button { overflow: visible; }
button, select { text-transform: none; }
button, html input[type="button"], input[type="reset"], input[type="submit"] { -webkit-appearance: button; cursor: pointer; }
button[disabled], html input[disabled] { cursor: default; }
button::-moz-focus-inner, input::-moz-focus-inner { border: 0; padding: 0; }
input { line-height: normal; }
input[type="checkbox"], input[type="radio"] { box-sizing: border-box; padding: 0; }
input[type="number"]::-webkit-inner-spin-button, input[type="number"]::-webkit-outer-spin-button { height: auto; }
input[type="search"] { -webkit-appearance: textfield; -moz-box-sizing: content-box; -webkit-box-sizing: content-box; box-sizing: content-box; }
input[type="search"]::-webkit-search-cancel-button, input[type="search"]::-webkit-search-decoration { -webkit-appearance: none; }
fieldset { border: 1px solid #c0c0c0; margin: 0 2px; padding: 0.35em 0.625em 0.75em; }
legend { border: 0; padding: 0; }
textarea { overflow: auto; }
optgroup { font-weight: bold; }
table { border-collapse: collapse; border-spacing: 0; }
td, th { padding: 0; }
a { text-decoration: none; color: #005fb4; }
.copyrights { text-indent: -9999px; height: 0; line-height: 0; font-size: 0; overflow: hidden; }

@media print {
    * { text-shadow: none !important; color: #000 !important; background: transparent !important; box-shadow: none !important; }
    a, a:visited { text-decoration: underline; }
    a[href]:after { content: " (" attr(href) ")"; }
    abbr[title]:after { content: " (" attr(title) ")"; }
    a[href^="javascript:"]:after, a[href^="#"]:after { content: ""; }
    pre, blockquote { border: 1px solid #999; page-break-inside: avoid; }
    thead { display: table-header-group; }
    tr, img { page-break-inside: avoid; }
    img { max-width: 100% !important; }
    p, h2, h3 { orphans: 3; widows: 3; }
    h2, h3 { page-break-after: avoid; }
    select { background: #fff !important; }
}
.clear:after {content: ''; display: block; clear: both; }
.tran {transition: all .5s ease; -webkit-transition: all .3s ease; -moz-transition: all .3s ease; -ms-transition: all .3s ease; -o-transition: all .3s ease; }
.tran6 {transition: all .6s ease; -webkit-transition: all .6s ease; -moz-transition: all .6s ease; -ms-transition: all .6s ease; -o-transition: all .6s ease; }
.main {margin: 0 auto; width: 1409px; }
.main:after { content: ''; display: block; clear: both; }
.shade {position: fixed; left: 0; top: 0; z-index: 3; display: none; width: 100%; height: 100%; background-color: #000; opacity: .35; filter: alpha(opacity=35); }
.line-1 {overflow: hidden;white-space: nowrap;text-overflow: ellipsis;}
.line-2 {display: -webkit-box;text-overflow: ellipsis;overflow : hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 2;-webkit-box-orient: vertical;}
.line-3 {display: -webkit-box;text-overflow: ellipsis;overflow : hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 3;-webkit-box-orient: vertical;}
.line-4 {display: -webkit-box;text-overflow: ellipsis;overflow : hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 3;-webkit-box-orient: vertical;}
.popup {position: fixed; left: 0; top: 0; z-index: 3; width: 100%; height: 100%; background-color: rgba(0, 0, 0, .3);}
.popup-main {position: absolute;left: 50%;top: 50%;transform: translate(-50%, -50%);background-color: #fff;border-radius: 5px;}
body.popup-open {overflow: hidden;}
::-webkit-scrollbar { width: 5px; height: 5px; background-color: #dbdbdb; }
::-webkit-scrollbar-track { background-color: #dbdbdb; }
::-webkit-scrollbar-thumb { background-color: #064f96; }

.bg-blue {background: #F0F5FA;}
.bg-gray {background-color: #EFEFEF;}

.dashboard {padding: 20px 0 200px;}
.dashboard-container {display: flex;gap: 20px;}
.left-nav {width: 200px;background-color: #fff;border-radius: 10px;box-shadow: 0 2px 10px rgba(0, 0, 0, 0.1);padding: 20px 0;}
.nav-item {display: block;padding: 12px 20px;color: #333;text-decoration: none;font-weight: 500;transition: all 0.3s ease;position: relative;}
.nav-item:hover {color: #0080FF;background-color: rgba(0, 128, 255, 0.05);}
.nav-item.active {color: #0080FF;background-color: rgba(0, 128, 255, 0.1);border-left: 3px solid #0080FF;}
.submenu {margin: 8px 0 16px 0;padding-left: 20px;}
.submenu-item {display: block;padding: 8px 15px;color: #666;text-decoration: none;font-size: 14px;transition: all 0.3s ease;border-radius: 4px;}
.submenu-item:hover {color: #0080FF;background-color: rgba(0, 128, 255, 0.05);}
.submenu-item.active {color: #0080FF;background-color: rgba(0, 128, 255, 0.1);}
.right-content {flex: 1;background-color: #fff;border-radius: 10px;box-shadow: 0 2px 10px rgba(0, 0, 0, 0.1);padding: 25px;}
.content-section {display: none;}
.content-section.active {display: block;}
.search-container {display: flex;gap: 10px;margin-bottom: 25px;align-items: center;}
.search-box {flex: 1;position: relative;}
.search-box input {width: 100%;padding: 10px 15px;border: 1px solid #ddd;border-radius: 4px;font-size: 14px;}
.search-btn {padding: 10px 20px;background-color: #0080FF;color: #fff;border: none;border-radius: 4px;cursor: pointer;font-size: 14px;font-weight: 500;transition: all 0.3s ease;}
.search-btn:hover {background-color: #0066cc;}
.search-operation {display: flex;gap: 15px;margin-bottom: 25px;align-items: center;justify-content: space-between;flex-wrap: wrap;padding: 16px 20px;background-color: #fafbfc;border-radius: 8px;box-shadow: 0 2px 8px rgba(0, 0, 0, 0.06);}
.search-operation .search-filters {display: flex;gap: 12px;align-items: center;flex: 1;flex-wrap: wrap;}
.search-operation .search-box {flex: 1;min-width: 200px;position: relative;display: flex;align-items: center;background-color: #fff;border-radius: 6px;border: 2px solid #f0f2f5;transition: all 0.3s ease;}
.search-operation .status-filter {position: relative;}
.search-operation .status-filter select {padding: 12px 16px;padding-right: 36px;background-color: #fff;border: 2px solid #f0f2f5;border-radius: 6px;font-size: 14px;color: #333;cursor: pointer;outline: none;transition: all 0.3s ease;appearance: none;background-image: url('data:image/svg+xml;charset=utf-8,%3Csvg xmlns=%22http://www.w3.org/2000/svg%22 fill=%22none%22 viewBox=%220 0 20 20%22%3E%3Cpath stroke=%22%23606266%22 stroke-linecap=%22round%22 stroke-linejoin=%22round%22 stroke-width=%221.5%22 d=%22M6 8l4 4 4-4%22/%3E%3C/svg%3E');background-position: right 12px center;background-repeat: no-repeat;background-size: 16px;}
.search-operation .status-filter select:hover {border-color: #0080FF;box-shadow: 0 0 0 3px rgba(0, 128, 255, 0.1);}
.search-operation .status-filter select:focus {border-color: #0080FF;box-shadow: 0 0 0 3px rgba(0, 128, 255, 0.1);}
.search-operation .search-box:hover {border-color: #0080FF;box-shadow: 0 0 0 3px rgba(0, 128, 255, 0.1);}
.search-operation .search-box input {width: 100%;padding: 12px 16px;border: none;border-radius: 6px;font-size: 14px;font-weight: 400;color: #333;outline: none;background: transparent;}
.search-operation .search-box input::placeholder {color: #909399;font-weight: 400;}
.search-operation .search-btn {padding: 12px 24px;background-color: #0080FF;color: #fff;border: none;border-radius: 6px;cursor: pointer;font-size: 14px;font-weight: 500;transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);box-shadow: 0 2px 6px rgba(0, 128, 255, 0.3);box-sizing: border-box;line-height: 1;height: 40px;display: inline-flex;align-items: center;justify-content: center;}
.search-operation .search-btn:hover {background-color: #0066cc;box-shadow: 0 4px 12px rgba(0, 128, 255, 0.4);transform: translateY(-1px);}
.search-operation .search-btn:active {transform: translateY(0);}
.dashboard-apply-btn {padding: 12px 24px;background-color: #0080FF;color: #fff;border: none;border-radius: 6px;cursor: pointer;font-size: 14px;font-weight: 500;transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);box-shadow: 0 2px 6px rgba(0, 128, 255, 0.3);box-sizing: border-box;line-height: 1;height: 40px;display: inline-flex;align-items: center;justify-content: center;}
.dashboard-apply-btn:hover {background-color: #0066cc;box-shadow: 0 4px 12px rgba(0, 128, 255, 0.4);transform: translateY(-1px);}
.dashboard-apply-btn:active {transform: translateY(0);}

.dashboard-order-table-container {margin-bottom: 15px;}
.dashboard-order-table {width: 100%;border-collapse: collapse;font-size: 14px;border-spacing: 0;table-layout: auto;}
.dashboard-order-table th {padding: 14px 15px;text-align: left;border-bottom: 1px solid #f0f0f0;vertical-align: middle;background-color: #eeeeee;font-weight: 700;color: #777;font-family: "Microsoft YaHei", sans-serif;width: auto;white-space: nowrap;min-width: fit-content;}
.dashboard-order-table td {padding: 13px 15px;text-align: left;border-bottom: 1px solid #f0f0f0;vertical-align: middle;color: #777;font-family: "Microsoft YaHei", sans-serif;white-space: normal;word-break: break-all;overflow: visible;text-overflow: clip;width: auto;min-width: 80px;}
.dashboard-order-table tr:hover {background-color: rgba(0, 128, 255, 0.02);}
.dashboard-order-table td .btn-view,
.dashboard-order-table td .btn-pay,
.dashboard-order-table td .btn-download {padding: 6px 12px;margin-right: 10px;border-radius: 3px;font-size: 13px;text-decoration: none;transition: all 0.3s ease;min-width: 60px;}
.dashboard-order-table td .btn-view {background-color: #f0f0f0;color: #333;}
.dashboard-order-table td .btn-view:hover {background-color: #e0e0e0;}
.dashboard-order-table td .btn-pay {background-color: #0080FF;color: #fff;}
.dashboard-order-table td .btn-pay:hover {background-color: #0066cc;}
.dashboard-order-table td .btn-download {background-color: #22c55e;color: #fff;}
.dashboard-order-table td .btn-download:hover {
  background-color: #16a34a;
}

.dashboard-order-table td .btn-cancel {padding: 6px 12px;margin-right: 10px;border-radius: 3px;font-size: 13px;text-decoration: none;transition: all 0.3s ease;min-width: 60px;background-color: #fafafa; color: #777;}
.dashboard-order-table td .btn-cancel:hover {background-color: #f2f2f2;}
/* 二次确认 */
.confirm-modal {position: fixed;top: 0;left: 0;width: 100%;height: 100%;background: rgba(0, 0, 0, 0.5);display: flex;align-items: center;justify-content: center;z-index: 9999;}
.confirm-modal-content {background: #fff;border-radius: 8px;width: 400px;padding: 20px 24px;box-shadow: 0 2px 12px rgba(0, 0, 0, 0.1);}
.confirm-modal-title {font-size: 16px;font-weight: 600;color: #333;margin-bottom: 12px;}
.confirm-modal-desc {font-size: 14px;color: #666;margin-bottom: 20px;line-height: 1.5;}
.confirm-modal-btns {display: flex;justify-content: flex-end;gap: 12px;}
.confirm-modal-btn {padding: 6px 16px;border-radius: 4px;font-size: 14px;cursor: pointer;border: 1px solid #e5e7eb;transition: all 0.2s;}
.confirm-modal-btn-cancel {background: #f9fafb;color: #666;}
.confirm-modal-btn-cancel:hover {background: #f3f4f6;}
.confirm-modal-btn-confirm {background: #0080ff;color: #fff;border-color: #0080ff;}
.confirm-modal-btn-confirm:hover {background: #0066cc;}

.dashboard-status-pending { color: #399bfd;}
.dashboard-status-pass { color: #54cd18;}
.dashboard-status-reject { color: #fa6e6b;}
.dashboard-status-cancel { color: #8C8C8C;}


/* 弹窗样式 */
.dashboard-invoice-shade {position: fixed;top: 0;left: 0;width: 100%;height: 100%;background-color: rgba(0, 0, 0, 0.5);z-index: 999;}
.dashboard-invoice-popup {position: fixed;top: 50%;left: 50%;transform: translate(-50%, -50%);background-color: #fff;border-radius: 8px;box-shadow: 0 4px 20px rgba(0, 0, 0, 0.15);width: 500px;max-width: 90%;z-index: 1000;}
.dashboard-popup-header {display: flex;justify-content: space-between;align-items: center;padding: 16px 20px;border-bottom: 1px solid #eee;}
.dashboard-popup-header h3 {margin: 0;font-size: 18px;font-weight: 500;color: #333;}
.dashboard-popup-close {background: none;border: none;font-size: 24px;color: #999;cursor: pointer;padding: 0;line-height: 1;}
.dashboard-popup-close:hover {color: #333;}
.dashboard-popup-content {padding: 20px;}
.form-group {margin-bottom: 20px;}
.form-group label {display: block;margin-bottom: 8px;font-size: 14px;font-weight: 500;color: #333;}
.form-group input,
.form-group textarea {width: 100%;padding: 10px 12px;border: 1px solid #ddd;border-radius: 4px;font-size: 14px;box-sizing: border-box;}
.form-group input[readonly] {background-color: #f5f5f5;color: #666;cursor: not-allowed;}
.form-group textarea {resize: vertical;}

.dashboard-radio-group {display: flex;gap: 20px;;}
.dashboard-radio-group label {display: flex;align-items: center;margin-bottom: 0;cursor: pointer;font-weight: normal;}
.dashboard-radio-group input[type="radio"] {width: auto;margin-right: 6px;}
.dashboard-popup-footer {display: flex;justify-content: flex-end;gap: 12px;padding: 16px 20px;border-top: 1px solid #eee;}
.dashboard-btn-cancel {padding: 8px 16px;border: 1px solid #ddd;border-radius: 4px;background-color: #fff;color: #333;font-size: 14px;cursor: pointer;}
.dashboard-btn-cancel:hover {background-color: #f5f5f5;}
.dashboard-btn-submit {padding: 8px 16px;border: 1px solid #0080FF;border-radius: 4px;background-color: #0080FF;color: #fff;font-size: 14px;cursor: pointer;}
.dashboard-btn-submit:hover {background-color: #0066cc;}



.flex {display: flex;}
.flex-wrap {display: flex;flex-wrap: wrap;}
.flex-col {flex-direction: column;}
.flex-1 {flex: 1;}
.flex-2 {flex: 1;}
.flex-3 {flex: 1;}
.flex-4 {flex: 1;}
.flex-y-center {display: flex;align-items: center;}
.flex-x-center {display: flex;justify-content: center;}
.flex-xy-center {display: flex;align-items: center;justify-content: center;}
.flex-x-between {display: flex;justify-content: space-between;}


/* 头部 */
body{padding-top: 122px;}
body.pt-80 {padding-top: 80px;}
.head { position: fixed;left: 0; top: 0; z-index: 3;width: 100%;background: #fff;box-shadow: 0 0 5px 1px rgba(0, 0, 0, .05)}
.head-top {line-height: 34px;background-color: #F5F5F5;font-size: 13px;color: #656565;}
.head-top a {color: #1890FF;}
.head-top span {margin: 0 10px;}
.head-logo { float: left; }
.head-logo a {display: table-cell; vertical-align: middle; width: 147px; height: 88px;}
.head-logo img {display:block;width: 100%; }
.head-menu {float: left;padding-left: 146px; }
.head-menu a {position: relative;float: left;margin-right: 46px;line-height: 88px;font-size: 18px;color: #000;font-weight: bold;}
.head-menu a::before {content: '';position: absolute;left: 0;bottom: 20px;width: 100%;height: 2px;}
.head-menu a:hover {color: #0080FF;}
.head-menu a:hover::before {background-color: #0080FF;}
.head-menu a.active {color: #0080FF;}
.head-menu a.active::before {background-color: #0080FF;}
.head-service {float: right;height: 88px;padding-top: 26px;padding-left: 40px;background: url('../images/service.png') no-repeat;background-size: 36px;background-position: left center;font-size: 16rpx;color: #0080FF;font-weight: 700;}
.head-service .num {font-size: 19px;}

/* 底部 */
.foot {color: #fff;line-height: 24px;}
.foot-main {padding: 20px 0;background-color: #564040;}
.foot-main .main {display: flex;align-items: center;justify-content: center;gap: 45px;}
.foot-main .main > div, .foot-main .main > a {float: none;}
.foot-logo {flex: 0 0 220px;margin-right: 0;}
.foot-logo img {display: block;width: 100%;}
.foot-tit {margin-bottom: 10px;font-size: 20px;font-weight: 700;}
.foot-about {flex: 0 0 388px;width: 388px;font-size: 15px;}
.foot-line {flex: 0 0 2px;width: 2px;height: 143px;margin: 0;background-color: #6C5E5E;}
.foot-contact {flex: 0 0 210px;width: 210px;}
.foot-contact .tit {margin: 10px 0;font-size: 15px;}
.foot-contact .num {font-size: 22px;font-weight: bold;letter-spacing: 1px;white-space: nowrap;}
.foot-wechat {flex: 0 0 auto;display: flex;gap: 40px;}
.foot-wechat .item {float: none;margin-left: 0;text-align: center;}
.foot-wechat .item img {margin-bottom: 5px;display: block;width: 145px;height: 145px;}
.foot-num {line-height: 48px;text-align: center;background-color: #4D3838;font-size: 15px;}
.foot-num a, .foot-num a:visited, .foot-num a:hover, .foot-num a:active {color: #4D3838;text-decoration: none;}

/* 登录 */
.login {position: fixed;left: 50%;top: 50%;z-index: 3;transform: translate(-50%, -50%);display: none;padding: 0 27px;width: 373px;height: 368px;border-radius: 4px;background-color: #fff;}
.login-menu {margin-bottom: 20px;border-bottom: 2px solid rgba(0, 0, 0, 0.15);}
.login-menu p {padding-top: 24px;padding-bottom: 8px;margin-bottom: -2px;float: left;width: 50%;text-align: center;font-size: 20px;font-weight: bold;cursor: pointer;color: rgba(0, 0, 0, 0.45);border-bottom: 2px solid transparent;}
.login-menu p.active {border-color: #1890FF;color: #1890FF;}
.login-form {}
.login-form-item {margin-top: 16px;padding: 10px 0;border: 1px solid rgba(0, 0, 0, 0.15);}
.login-form-item.error {border-color: #FF241A;}
.login-form-item img {float: left;margin: 5px 11px 0;}
.login-form-item input {padding: 0 11px;float: left;width: 85%;height: 31px;line-height: 31px;border-left: 1px solid rgba(0, 0, 0, 0.15);}
.login-form-item .login-code {width: 50%;}
.login-form-item .login-code-img { height: 38px;}
.login-form-item:hover {border-color: #1890FF;}
.login-form-forget {padding-top: 8px;margin-bottom: 25px;text-align: right;}
.login-form-forget a {color: rgba(0, 0, 0, 0.45);}
.login-form-btn {line-height: 49px;border-radius: 2px;background: #1890FF;cursor: pointer;text-align: center;color: #fff;font-size: 22px;}
.login-sign {margin-top: 30px;display: block;text-align: center;color: #1890FF;}
.login-ca {display: none;}
.login-ca .login-sign {margin-top: 10px;}
.login-ca-desc {margin: 0 -10px 15px;text-align: center;font-size: 16px;color: #FF241A;}
.login-ca-desc img {margin: 0 auto 10px auto;display: block;}
.login-ca-desc .tit {margin-bottom: 14px;font-weight: 700;font-size: 18px;}
.login-ca-btn {margin-bottom: 30px;}
.login-ca-btn .btn {padding: 0 14px 0 38px;margin: 0 15px;float: left;border: 1px solid #BBC1C2;line-height: 40px;cursor: pointer;border-radius: 4px;color: #6F6A6A;background-repeat: no-repeat;background-position: 14px center;background-image: url(../images/ca.png);}
.login-ca-btn .btn:first-child {background-image: url(../images/download.png);}

/* 注册 */
.sign {position: fixed;left: 50%;top: 50%;z-index: 3;transform: translate(-50%, -50%);display: none;width: 553px;border-radius: 4px;background-color: #fff;}
.sign-tit {position: relative;line-height: 60px;text-align: center;color: #1890FF;font-size: 20px;font-weight: bold;border-bottom: 2px solid #1890FF;}
.sign-close {position: absolute;right: 20px;top: 50%;transform: translateY(-50%);width: 18px;height: 18px;cursor: pointer;}
.sign-form {padding: 20px 30px 30px;}
.sign-dl {margin-bottom: 20px;}
.sign-dt {float: left;width: 120px;font-size: 15px;color: rgba(0, 0, 0, 0.75);line-height: 35px;text-align: right;}
.sign-dd {float: right;width: 73%;}
.sign-dd input {padding: 0 15px;float: left;width: 100%;height: 35px;line-height: 35px;border: 1px solid rgba(0, 0, 0, 0.15);}
.sign-dd input:hover {border-color: #1890FF;}
.sign-dd input.error {border-color: #FF241A;;}
.sign-dd a {float: right;width: 123px;color: #fff;line-height: 35px;border-radius: 2px;text-align: center;background: rgba(82, 124, 240, 0.66);}
.sign-dd.wid input {width: 63%;}

/* 忘记密码 */
.forget {position: fixed;left: 50%;top: 50%;z-index: 3;transform: translate(-50%, -50%);display: none;padding: 0 30px;width: 373px;border-radius: 4px;background-color: #fff;}
.forget-tit {margin-bottom: 30px;padding-top: 10px;line-height: 50px;text-align: center;color: #1890FF;font-size: 20px;font-weight: bold;border-bottom: 2px solid #1890FF;}
.forget-form {}
.forget-item .login-form-item {float: left;width: 62%;}
.forget-item .login-form-item input {width: 76%;}
.forget-item a {margin-top: 16px;float: right;width: 112px;line-height: 52px;text-align: center;color: #fff;background: #68ACEA;}
.forget-btn {padding: 20px 0;text-align: center;font-size: 22px;}
.forget-btn .close {float: left;width: 98px;line-height: 47px;border-radius: 2px;border: 1px solid #D4D1D1;color: #B0B0B0;}
.forget-btn .btn {float: right;width: 192px;line-height: 49px;border-radius: 2px;background: #1890FF;color: #fff;}
.forget-tip {padding-bottom: 14px;text-align: center;font-size: 14px;color: #FF1818;}

/* 首页 */
.home {}
.home-top {padding-top: 30px;background: linear-gradient(180deg, #DFEBF6 0%, #F0F5FA 98%);}
.home-banner {position: relative;float: left;width: 920px;height: 530px;box-shadow: 0px 4px 40px 3px rgba(170, 173, 232, 0.3);overflow: hidden;border-radius: 10px;}
.home-banner img {display: block;width: 100%;height: 100%;}
.home-banner .btn {position: absolute;left: 405px;bottom: 87px;width: 142px;line-height: 47px;border-radius: 5px;text-align: center;font-size: 24px;color: #fff;background: #FE8F24;}
.home-banner .banner-swiper-pagination {position: relative;bottom: 40px !important;z-index: 2;text-align: center;}
.home-banner .swiper-pagination-bullet-active {background: rgba(0, 0, 0, 0.75);}
.home-hot {position: relative;float: right;width: 463px;height: 530px;padding: 0 39px;border-radius: 15px;background-color: #fff;}
.home-hot::before {content: '';position: absolute;left: 0px;top: 0;width: 191px;height: 191px;transform: rotate(-90deg);border-radius: 15px;background: linear-gradient(209deg, #BAE0FD 1%, rgba(253, 254, 255, 0.025) 32%, rgba(253, 254, 255, 0.0302) 51%, rgba(255, 255, 255, 0) 61%, rgba(255, 255, 255, 0) 146%);}
.home-hot-tit {padding: 20px 0;font-size: 28px;color: #3D3D3D;}
.home-hot-item {padding: 16px 25px;margin-bottom: 20px;border: 1px solid rgba(0, 0, 0, 0.09);background: #F0F7FF;border-radius: 10px;}
.home-hot-item .cont {float: left;width: 70%;font-size: 16px;color: #666;}
.home-hot-item .cont .tit {margin-bottom: 12px;font-size: 20px;color: #000;font-weight: bold;}
.home-hot-item .btn {float: right;width: 50px;line-height: 50px;border-radius: 50%;text-align: center;background: #1890FF;font-size: 16px;font-weight: 800;color: #fff;}
.home-hot-item .btn:hover{background: #409EFF;}
.home-advantage {margin-bottom: 56px;}
.home-tit {position: relative;z-index: 1;margin-top: 45px;padding: 50px 0;text-align: center;font-weight: bold;}
.home-tit::before {content: '';position: absolute;left: 50%;top: 30px;transform: translateX(-50%);width: 58px;height: 9px;border-radius: 5px;background: #50C2FF;}
.home-tit .en {position: absolute;left: 0;top: 50%;transform: translateY(-50%);z-index: -1;width: 100%;font-size: 90px;color: rgba(0, 0, 0, 0.02);}
.home-tit .cn {font-size: 35px;color: rgba(0, 0, 0, 0.8);}
.home-advantage-ul {margin: 0 -1%;}
.home-advantage-li {position: relative;float: left;width: 23%;margin: 0 1%;padding: 33px 20px;border-radius: 6px;box-shadow: 2px 2px 8px 0px rgba(128, 57, 164, 0.2);background-color: #fff;}
.home-advantage-li img {float: left;}
.home-advantage-li .cont {float: right;width: 60%;font-size: 13px;color: rgba(0, 0, 0, 0.6);}
.home-advantage-li .cont .tit {margin-bottom: 10px;font-weight: bold;font-size: 21px;color: #111;}
.home-advantage-li::before {content: '';position: absolute;left: 0;top: 0;width: 64px;height: 64px;transform: rotate(-90deg);border-radius: 6px;background: linear-gradient(212deg, #BAFDFB 1%, rgba(253, 254, 255, 0.025) 45%, rgba(253, 254, 255, 0.0302) 50%, rgba(255, 255, 255, 0) 60%, rgba(255, 255, 255, 0) 144%);}
.home-step {height: 193px;border-radius: 6px;background: linear-gradient(90deg, rgba(27, 55, 240, 0.8) 0%, #6DE2F2 100%);color: #fff;}
.home-step-cont {float: left;padding-left: 41px;padding-top: 45px;font-size: 21px;}
.home-step-cont .tit {margin-bottom: 10px;font-family: zihunbiantaoti;font-size: 40px;}
.home-step-cont img {margin-right: 35px;}
.home-step-ul {position: relative;float: right;padding-top: 49px;}
.home-step-ul::before {content: '';position: absolute;left: 10%;top: 86px;width: 80%;height: 1px;background-color: #fff;}
.home-step-li {position: relative;z-index: 1;float: left;padding: 0 60px;text-align: center;font-size: 16px;font-weight: bold;}
.home-step-li img {margin: 0 auto 15px auto;}
.home-news-ul {margin: 0 -27px;}
.home-news-li {float: left;width: 25%;padding: 0 27px;}
.home-news-li a {padding: 35px 25px;display: block;border-radius: 2px;background: #F9FAFC;font-size: 16px;color: #666;transition: all .3s ease;}
.home-news-li .time {margin-bottom: 5px;padding-bottom: 5px;width: 101px;color: rgba(0, 0, 0, 0.5);font-size: 23px;border-bottom: 1px solid #000;}
.home-news-li .year {margin-bottom: 35px;color: rgba(0, 0, 0, 0.5);font-size: 23px;}
.home-news-li .tit {margin-bottom: 15px;height: 60px;font-size: 20px;color: rgba(0, 0, 0, 0.8);line-height: 30px;}
.home-news-li .desc {height: 96px;line-height: 24px;}
.home-news-li a:hover {background-color: #fff;box-shadow: 0 0 10px 1px rgba(0, 0, 0, .1)}
.home-news-more {padding-top: 17px;text-align: right;font-size: 20px;}
.home-news-more a {color: #5F37F0;}
.home-company {padding-bottom: 80px;}
.home-company-desc {margin-bottom: 44px;padding: 0 140px;font-size: 20px;color: rgba(0, 0, 0, 0.6);text-align: center;}
.home-company-cont {position: relative;}
.home-company-swiper {margin: 0 65px;overflow: hidden;}
.home-company-ul {}
.home-company-li {padding: 0 15px;}
.home-company-li img {display: block;width: 100%;}
.home-company-prev, .home-company-next {position: absolute;top: 50%;transform: translateY(-50%);z-index: 1;width: 40px;height: 40px;cursor: pointer;}
.home-company-prev {left: 0;background: url('../images/arrow-left.png') no-repeat center;}
.home-company-next {right: 0;background: url('../images/arrow-right.png') no-repeat center;}

/* 保函查询 */
.search {padding: 40px 0 60px 0;}
.search-main {position: relative;padding: 20px 130px 240px;border-radius: 15px;background: linear-gradient(180deg, #E5F5FF 0%, #FFFFFF 13%, #FFFFFF 16%);}
.search-main::before {content: '';position: absolute;right: 56px;bottom: 0;width: 106px;height: 54px;background: url(../images/search.png) no-repeat center;background-size: contain;}
.search-tit {padding: 42px 0;text-align: center;}
.search-tit p {position: relative;display: inline-block;font-size: 28px;color: #3D3D3D;}
.search-tit span {color: #2B63FF;}
.search-tit p::before {content: '';position: absolute;left: -55px;top: 50%;width: 46px;height: 3px;background-color: #ddd;}
.search-tit p::after {content: '';position: absolute;right: -55px;top: 50%;width: 46px;height: 3px;background-color: #ddd;}
.search-form {margin: 0 auto 40px auto;width: 342px;}
.search-form input {padding: 0 10px;width: 243px;height: 38px;line-height: 36px;font-size: 13px;border: 1px solid #2B63FF;border-radius: 5px 0px 0px 5px;}
.search-form button {width: 99px;height: 40px;border-radius:  0px 5px 5px 0px ;color: #fff;background: #2B63FF;border: none;}
.search-form button:hover {background-color: #409EFF;}
.search-none {margin: -20px 0 40px;text-align: center;font-size: 20px;color: #FF0000;}
.search-ul {}
.search-li {padding: 15px 23px;float: left;width: 25%;}
.search-li img {display: block;width: 100%;height: 93px;border: 1px solid rgba(0, 0, 0, 0.1);border-radius: 6px;}
.search-popup {position: fixed;left: 50%;top: 50%;z-index: 3;transform: translate(-50%, -50%);display: none;width: 553px;border-radius: 4px;background-color: #fff;}
.search-popup .tit {line-height: 60px;text-align: center;color: #1890FF;font-size: 20px;font-weight: bold;border-bottom: 2px solid #1890FF;}
.search-popup .cont {padding: 20px 40px;}
.search-popup .item {padding: 15px;font-size: 18px;color: #3D3D3D;}
.search-popup .item span {display: inline-block;width: 106px;}
.search-popup .btn {margin-top: 25px;display: block;line-height: 43px;border-radius: 2px;text-align: center;color: #fff;font-size: 20px;background: #1890FF;}

/* 项目 */
.product {position: relative;min-height: 700px;padding-bottom: 54px;}
.product::before {content: '';position: absolute;left: 0;top: 0;width: 100%;height: 673px;background: linear-gradient(180deg, #3491E7 0%, #F0F5FA 100%);}
.product-tit {text-align: center;font-size: 50px;font-weight: bold;color: #fff;}
.product-main {position: relative;z-index: 1;padding: 0 80px 100px;border-radius: 15px;background-color: #fff;}
.product-main::before {content: '';position: absolute;top: 0;left: 0;width: 191px;height: 191px;transform: rotate(-90deg);border-radius: 15px;background: linear-gradient(209deg, #9ABEFD 1%, rgba(253, 254, 255, 0.025) 34%, rgba(253, 254, 255, 0.0302) 51%, rgba(255, 255, 255, 0) 61%, rgba(255, 255, 255, 0) 146%);}
.product-filt {position: relative;z-index: 1;padding: 45px 0;border-bottom: 1px solid #ddd;}
.product-filt-item {padding: 8px 0;font-size: 16px;line-height: 30px;}
.product-filt-tit {float: left;width: 80px;font-weight: 500;color: #000;}
.product-filt-a {float: left;width: 93%;}
.product-filt-a a {margin-right: 20px;float: left;color: rgba(0, 0, 0, 0.7);}
.product-filt-a a:hover {color: rgba(87, 0, 238, 0.77);}
.product-filt-a a.active {color: rgba(87, 0, 238, 0.77);}
.product-search {float: left;}
.product-search input {padding: 0 8px;float: left;width: 243px;line-height: 30px;border: 1px solid #7297FD;border-radius: 2px;font-size: 13px;;}
.product-search button {margin-left: 14px;float: left;width: 68px;height: 32px;border-radius: 2px;font-size: 16px;border:none;color: #fff;background: #1890FF;}
.product-search button:hover {background-color: #409EFF;}
.product-ul {}
.product-li {padding: 18px 0;border-bottom: 1px solid #ddd;font-size: 16px;}
.product-li-cont {float: left;width: 92%;padding: 0 20px;color: rgba(0, 0, 0, 0.8);}
.product-li-cont .tit {margin-bottom: 10px;font-weight: 500;}
.product-li-cont span {color: rgba(0, 0, 0, 0.55);}
.product-li-cont .list {padding-top: 10px;}
.product-li-cont .list p {float: left;width: 33.333%;}
.product-li-btn {margin-top: 24px;float: right;width: 99px;line-height: 38px;border-radius: 5px;color: #fff;text-align: center;background: #1890FF;}
.product-li-btn:hover {background: #409EFF;}

/* 资讯 */
.news {padding: 80px 0;}
.news-menu {float: left;width: 160px;margin-left: 100px;font-size: 16px;font-weight: 500;}
.news-menu p {padding: 10px 0;margin-bottom: 20px;color: #3D3D3D;border-bottom: 1px solid #ddd;}
.news-menu a {padding: 0 23px;display: block;line-height: 38px;color: rgba(0, 0, 0, 0.65);}
.news-menu a.active {background: #1292F1;color: #fff;}
.news-menu a:hover {background: #1292F1;color: #fff;}
.news-main {float: right;width: 775px;margin-right: 130px;}
.news-list {}
.news-item {display: block;margin-bottom: 34px;padding: 40px 50px;background: #FCFCFC;border-radius: 5px;}
.news-item img {float: left;width: 125px;}
.news-cont {float: right;width: 506px;font-size: 13px;font-weight: 500;color: rgba(0, 0, 0, 0.45);}
.news-cont .tit {margin-bottom: 10px;font-size: 20px;color: #3D3D3D;}
.news-cont .time {margin-bottom: 5px;font-size: 13px;color: rgba(0, 0, 0, 0.35);}
.news-item:hover .tit {color: #5672FD;}
.news-info {padding: 60px 0;}
.news-info-main {padding: 60px 80px 90px;background-color: #fff}
.news-info-top {margin-bottom: 40px;padding-bottom: 30px;text-align: center;border-bottom: 1px solid #ddd;}
.news-info-top .tit {margin-bottom: 30px;font-size: 36px;color: #3D3D3D;}
.news-info-top .time {font-size: 19px;color: rgba(0, 0, 0, 0.35);}
.news-info-cont {padding: 0 50px;}
.news-file {margin-top: 60px;display: inline-block;color: #3B55FF;}

/* 关于我们 */
.about {padding: 70px 0;}
.about-main {padding: 37px 80px 90px;border-radius: 15px;background: linear-gradient(180deg, #E5F5FF 0%, #FFFFFF 7%, #FFFFFF 16%);}
.about-cont {margin-bottom: 40px;}
.about-tit {margin-bottom: 20px;font-size: 35px;color: rgba(0, 0, 0, 0.75);font-weight: 500;}
.about-cont .desc {float: left;width: 575px;font-size: 20px;color: rgba(0, 0, 0, 0.65);line-height: 35px;}
.about-cont img {margin-top: 40px;float: right;width: 556px;}
.about-business {}
.about-business-ul {margin: 0 -40px;}
.about-business-li {float: left;width: 33.333%;padding: 40px;}
.about-business-li .cont {position: relative;padding: 45px 20px;border-radius: 6px;background-color: #fff;box-shadow: 2px 2px 8px 0px rgba(128, 57, 164, 0.2);}
.about-business-li .cont::before {content: '';position: absolute;left: 0;top: 0;width: 64px;height: 64px;transform: rotate(-90deg);border-radius: 6px;background: linear-gradient(212deg, #BAFDFB 1%, rgba(253, 254, 255, 0.025) 45%, rgba(253, 254, 255, 0.0302) 50%, rgba(255, 255, 255, 0) 60%, rgba(255, 255, 255, 0) 144%);}
.about-business-li img {float: left;width: 62px;}
.about-business-li p {float: right;width: 230px;font-size: 16px;color: rgba(0, 0, 0, 0.6);}

/* 账号设置 */
.account {padding-top: 10px;}
.account .main {padding: 0 100px;}
.account-state {padding: 10px 30px;margin-bottom: 10px;line-height: 30px;background: #FDE1E1;border-radius: 2px;font-size: 13px;color: rgba(0, 0, 0, 0.65);}
.account-main {padding: 30px 100px 40px;background-color: #fff;}
.account-tit {margin-bottom: 10px;font-size: 18px;font-weight: bold;color: rgba(0, 0, 0, 0.85);}
.account-tit p {float: left;}
.account-tit a {float: right;width: 104px;line-height: 30px;border-radius: 4px;color: #fff;text-align: center;font-size: 14px;background: #1890FF;font-weight: normal;}
.account-tit a:hover {background: #409EFF;}
.account-table {width: 100%;margin-bottom: 30px;table-layout: fixed;}
.account-table tr th {width: 160px;padding: 13px 0;border: 1px solid #E8E8E8;vertical-align: middle;background: #FAFAFA;}
.account-table tr th span{
    width: 6px;
    display: inline-block;
    color: #ff0000;
}
.account-table tr td {padding: 13px 23px;border: 1px solid #E8E8E8;vertical-align: middle; white-space: normal;word-wrap: break-word;word-break: break-all;}
.account-upload {padding-top: 60px;padding-bottom: 40px;text-align: center;}
.account-upload .btn {position: relative;margin: 0 auto 8px auto;width: 52px;height: 28px;line-height: 28px;text-align: center;background: #E8F4FF;border: 1px solid rgba(0, 0, 0, 0.05);font-size: 14px;color: #409EFF;}
.account-upload .btn input {position: absolute;left: 0;top: 0;width: 100%;height: 100%;opacity: 0;cursor: pointer;}
.account-upload .tip {font-size: 13px;color: rgba(0, 0, 0, 0.35);}
.account-img {position: relative;width: 197px;height: 108px;margin: 20px auto;}
.account-img img {display: block;width: 100%;height: 100%;}
.account-img .handle {position: absolute;left: 0;top: 0;display: none;width: 100%;height: 100%;padding-top: 44px;background: rgba(0, 0, 0, 0.2);text-align: center;}
.account-img .handle a {display: inline-block;width: 44px;margin: 0 14px;line-height: 20px;text-align: center;background: #E8F4FF;font-size: 12px;color: #2795FA;}
.account-img:hover .handle {display: block;}
.account-table tr input {padding: 0 12px;display: block;width: 100%;height: 28px;;line-height: 28px;border-radius: 3px;border: 1px solid #EDE5E5;font-size: 14px;}
.account-table tr input:hover {border-color: #1890FF;}
.account-table tr input.error {border-color: #FF241A;}
.account-code {}
.account-code input {padding: 0 6px;width: 103px;line-height: 30px;border-radius: 3px 0px 0px 3px;border: 1px solid #EDE5E5;}
.account-code input:hover {border-color: #1890FF;}
.account-code input.error {border-color: #FF241A;}
.account-code button {width: 88px;height: 32px;color: #fff;background: #1890FF;border: none;border-radius: 0px 3px 3px 0px;}
.account-code button:hover {background: #409EFF;}
.account-btn {padding: 0px 0;text-align: center;}
.account-btn button {width: 96px;height: 40px;border-radius: 4px;background: #1890FF;color: #fff;border: none;font-size: 14px;}
.account-btn button:hover {background: #409EFF;}
.account-book {line-height: 28px;font-size: 13px;color: rgba(0, 0, 0, 0.65);}
.account-book .btn {position: relative;float: left;width: 117px;margin-right: 15px;cursor: pointer;text-align: center;border-radius: 1px;background: #E8F4FF;border: 1px solid #87DEF0;}
.account-book .btn input {position: absolute;left: 0;top: 0;width: 100%;height: 100%;opacity: 0;cursor: pointer;}
.account-book a {color: #4000FF;}
.account-book-pdf {position: relative;padding: 0 8px;display: inline-block;line-height: 25px;border: 1px solid rgba(0, 0, 0, 0.15);font-size: 13px;color: #216AFA;}
.account-book-pdf img {position: absolute;right: -5px;top: -5px;width: 10px;height: 10px;cursor: pointer;}
.account-perfect {width: 416px;border-radius: 5px;background-color: #fff;}
.account-perfect .tit {padding: 50px 0 50px 67px;font-size: 18px;color: rgba(0, 0, 0, 0.75);background: url('../images/tip-1.png') no-repeat 18px center;}
.account-perfect .btn {padding: 16px 0;text-align: center;border-top: 1px solid #ddd;}
.account-perfect .btn a {display: inline-block;width: 96px;line-height: 40px;border-radius: 5px;color: #fff;background: #1890FF;}
.account-user {width: 1400px;}
.account-user-tit {padding: 0 35px;border-bottom: 1px solid #ddd;line-height: 66px;}
.account-user-tit p {float: left;font-size: 18px;color: rgba(0, 0, 0, 0.7);}
.account-user-tit img {margin-top: 25px;float: right;cursor: pointer;width: 18px;}
.account-user-main {padding: 20px 30px 30px;}
.account-user-btn {margin-bottom: 20px;}
.account-user-btn button {float: right;width: 93px;height: 30px;border-radius: 4px;border: none;background: #1890FF;color: #fff;}
.account-user-btn button:hover {background: #409EFF;}
.account-user-table {width: 100%;}
.account-user-table tr {border-bottom: 1px solid #f1f1f1;}
.account-user-table tr th {padding: 0 10px;text-align: left;background-color: #eee;line-height: 48px;font-size: 14px;color: rgba(0, 0, 0, 0.45);}
.account-user-table tr td {padding: 15px 10px;color: rgba(0, 0, 0, 0.65);}
.account-user-table tr:hover td {background: rgba(225, 239, 252, 0.5);}
.account-user-table tr td a {margin: 0 6px;display: inline-block;color: #409EFF;}
.account-user-add {width: 1200px;}
.account-user-handle {padding-top: 0px;text-align: center;}
.account-user-handle a {margin: 0 10px;display: inline-block;width: 68px;line-height: 40px;color: rgba(0, 0, 0, 0.65);text-align: center;border-radius: 4px;border: 1px solid rgba(0, 0, 0, 0.1);}
.account-user-handle a.bg {background: #1890FF;color: #fff;}
.account-edit-baseInfo {width: 1200px;}
.account-edit-baseInfo-main {padding: 20px 30px 30px;}
.account-edit-baseInfo-tit {padding: 0 0px;border-bottom: 1px solid #ddd;line-height: 66px;}
.account-edit-baseInfo-tit p {float: left;font-size: 18px;color: rgba(0, 0, 0, 0.7);}
.account-edit-baseInfo-tit img {margin-top: 25px;float: right;cursor: pointer;width: 18px;}
.account-edit-invoiceInfo {width: 1200px;}
.account-edit-invoiceInfo-main {padding: 20px 30px 30px;}
.account-edit-invoiceInfo-tit {padding: 0 0px;border-bottom: 1px solid #ddd;line-height: 66px;}
.account-edit-invoiceInfo-tit p {float: left;font-size: 18px;color: rgba(0, 0, 0, 0.7);}
.account-edit-invoiceInfo-tit img {margin-top: 25px;float: right;cursor: pointer;width: 18px;}
.account-loading-container {display: flex;justify-content: center;align-items: center;height: 5vh;}
.account-loader {border: 4px solid #f3f3f3;border-top: 4px solid #3498db;border-radius: 50%;width: 30px;height: 30px;animation: spin 2s linear infinite;}
@keyframes spin { 0% { transform: rotate(0deg); } 100% { transform: rotate(360deg); } }
.account-error-file-tip {color: #ff4d4f;font-size: 12px;margin-top: 4px;line-height: 1.2;height: 8px;}
.account-error-text-tip {color: #ff4d4f;font-size: 12px;margin-top: 4px;line-height: 0.5;height: 0px;}
.account-modal-overlay {position: fixed;top: 0;left: 0;right: 0;bottom: 0;background-color: rgba(0, 0, 0, 0.5);display: flex;justify-content: center;align-items: center;z-index: 1000;}
.account-modal-container {width: 330px;background-color: white;border-radius: 8px;padding: 36px 24px;text-align: center;box-shadow: 0 4px 20px rgba(0, 0, 0, 0.15);}
.account-modal-message {font-size: 16px;color: #333;margin: 0 0 36px 0;line-height: 1.8;font-weight: 450;}
.account-modal-buttons {display: flex;justify-content: flex-end;gap: 12px;padding-right: 8px;}
.account-modal-btn {padding: 6px 16px;border-radius: 6px;font-size: 13px;cursor: pointer;border: none;transition: all 0.2s ease;}
.account-modal-btn-close {background-color: #e5e7eb;color: #1f2937;}
.account-modal-btn-close:hover {background-color: #d1d5db;color: #111827;}
.account-modal-btn-buy {background-color: #1677ff;color: white;}
.account-modal-btn-buy:hover {background-color: #0f62d9;box-shadow: 0 2px 8px rgba(22, 119, 255, 0.3);}
/* 大图预览样式 */
.account-image-preview-mask {position: fixed;top: 0;left: 0;right: 0;bottom: 0;background: rgba(0, 0, 0, 0.8);z-index: 9999;display: flex;align-items: center;justify-content: center;animation: fadeIn 0.3s ease;}
.account-image-preview-container {position: relative;max-width: 90%;max-height: 90vh;}
.account-preview-image {max-width: 100%;max-height: 90vh;object-fit: contain;border-radius: 4px;}
.account-close-btn {position: absolute;top: -40px;right: 0;color: #fff;font-size: 32px;background: transparent;border: none;cursor: pointer;padding: 8px;transition: all 0.2s ease;}
.account-close-btn:hover {color: #ddd;transform: scale(1.1);}
@keyframes fadeIn {
  from {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}
/* 订单 */
.order {padding: 70px 0 90px;}
.order-main {width: 1200px;margin: 0 auto;padding: 0 35px 35px;background-color: #fff;}
.order-tit {padding: 20px 0 15px 0;font-size: 18px;color: rgba(0, 0, 0, 0.75);border-bottom: 1px solid #D8D8D8;}
.order-search {padding: 17px 0;}
.order-search .item {float: left;margin-right: 24px;;line-height: 30px;font-size: 14px;color: rgba(0, 0, 0, 0.75);}
.order-search .item .tit {float: left;}
.order-search .item input {float: left;padding: 0 12px;width: 228px;height: 30px;border-radius: 4px;border: 1px solid rgba(0, 0, 0, 0.15);}
.order-search .item select {float: left;padding: 0 12px;width: 102px;height: 30px;border-radius: 4px;border: 1px solid rgba(0, 0, 0, 0.1);}
.order-search .btn {float: right;}
.order-search .btn button {float: left;width: 76px;height: 30px;margin-left: 12px;color: #fff;;border-radius: 4px;border: none;background: #1890FF;cursor: pointer;}
.order-search .btn button.bg {background: #13CE66;}
.order-table {width: 100%;}
.order-table tr {border-bottom: 1px solid #eee;}
.order-table tr:hover td {background: rgba(225, 239, 252, 0.5);}
.order-table tr th {padding: 0 10px;text-align: left;background: #EEEEEE;line-height: 48px;font-size: 14px;}
.order-table tr td {padding: 15px 10px;font-size: 14px;color: rgba(0, 0, 0, 0.65);}
.order-table tr td .handle {}
.order-table tr td .handle a {display: inline-block;color: #409EFF;}

/* 我的消息 */
.message-clear {padding-top: 40px;padding-bottom: 15px;text-align: right;}
.message-clear a {display: inline-block;padding-left: 20px;background: url(../images/clear.png) no-repeat left center;color: #409EFF;}

/* 申请页面 */
.apply {}
.apply-main {margin: 0 auto;width: 1200px;padding-top: 20px;padding-bottom: 35px;}
.apply-state {padding: 38px 0 25px 0;margin-bottom: 20px;background-color: #fff;border-radius: 2px;}
.apply-state-ul {position: relative;z-index: 1;}
.apply-state-ul::before {content: '';position: absolute;left: 10%;top: 20px;z-index: -1;width: 80%;height: 2px;background-color: #B3BBC2;;}
.apply-state-li {position: relative;z-index: 1;float: left;width: 20%;text-align: center;font-size: 13px;color: #B3BBC2;}
.apply-state-li .num {position: relative;margin: 0 auto 5px auto;width: 40px;height: 40px;line-height: 40px;text-align: center;border: 1px solid #B3BBC2;font-size: 18px;color: #B3BBC2;border-radius: 50%;background-color: #fff;}
.apply-state-li .tit {}
.apply-state-li:before {content: '';position: absolute;left: 0;top: 20px;z-index: -1;display: none;width: 100%;height: 2px;background-color: #0080FF;}
.apply-state-li:first-child::before {left: 50%;width: 50%;}
.apply-state-li:last-child::before {width: 50%;}
.apply-state-li.active {color: #5090EF;}
.apply-state-li.active::before {display: block;}
.apply-state-li.active .num::after {content: '';position: absolute;left: 0;top: 0;width: 100%;height: 100%;background: #fff url(../images/active.png) no-repeat center;}
.apply-state-li.current {color: #5090EF;}
.apply-state-li.current::before {display: block;}
.apply-state-li.current .num::after {content: '';position: absolute;left: 0;top: 0;width: 100%;height: 100%;background: #fff url(../images/current.png) no-repeat center;}
.apply-form {padding: 0 50px;background-color: #fff;border-radius: 2px;}
.apply-item {}
.apply-tit {padding-top: 16px;margin-bottom: 9px;display: flex;align-items: center;justify-content: space-between;border-bottom: 1px solid #D8D8D8;}
.apply-tit .tit {padding-bottom: 5px;margin-bottom: -1px;font-size: 14px;font-weight: 500;color: #0379D0;border-bottom: 1px solid #0379D0;}
.apply-tit .tip {font-weight: 700;color: #FF0E0E;}
.apply-cont {padding-right: 65px;padding-bottom: 20px;}
.apply-dl {display: flex;padding: 9px 35px 9px 0;width: 50%;}
.apply-dl.wid {width: 100%;}
.apply-dt {width: 156px;text-align: right;font-weight: 500;color: #3D3D3D;}
.apply-dd {padding-left: 5px;}
.apply-check {}
.apply-check a {margin-right: 19px;display: block;padding: 0 8px;line-height: 30px;border: 1px solid #D0CBCB;color: #817A7A;}
.apply-check a.active {border-color: #5090EF;background: url(../images/select.png) no-repeat right bottom;color: #3D3D3D;}
.apply-check a:hover {border-color: #5090EF;}
.apply-dd-inp {padding: 0 8px;height: 30px;line-height: 30px;border-radius: 3px;border: 1px solid #EDE5E5;}
.apply-dd-inp.bor {border-radius: 3px  0px 0px 3px;}
.apply-dd-inp:hover {border-color: #3399FF;}
.apply-dd-btn {width: 90px;line-height: 30px;border-radius: 0px 3px 3px 0px;text-align: center;background: #3399FF;color: #fff;}
.apply-dd-btn:hover {background: #409EFF;}
.apply-dd-unit {width: 60px;line-height: 30px;text-align: center;border-radius: 0px 3px 3px 0px;background: #E4E4E4;color: #6D6767;}
.apply-dd-a {display: inline-block;color: #409EFF;}
.apply-dd-text {padding: 8px;border: 1px solid #EDE5E5;}
.apply-data {width: 100%;margin-bottom: 12px;}
.apply-data tr {}
.apply-data tr th {background: #FCF8F8;line-height: 38px;color: rgba(0, 0, 0, 0.85);border: 1px solid #E8E8E8;}
.apply-data tr td {padding: 8px;border: 1px solid #E8E8E8;text-align: center;}
.apply-data .tit {color: rgba(0, 0, 0, 0.85);}
.apply-data .tit span {color: #FF0000;}
.apply-data .view {padding-left: 25px;display: inline-block;color: #409EFF;background: url(../images/view.png) no-repeat left center;}
.apply-data .file {font-size: 13px;color: #216AFA;}
.apply-data .upload {font-size: 13px;color: rgba(0, 0, 0, 0.65);}
.apply-data .upload p {position: relative;padding-left: 25px;padding-right: 5px;overflow: hidden;cursor: pointer;color: #409EFF;font-size: 14px;background: url(../images/upload.png) no-repeat left center;}
.apply-data .upload p input {position: absolute;left: 0;top: 0;width: 100%;height: 100%;opacity: 0;}
.apply-agree {}
.apply-agree .item {margin-bottom: 12px;color: #666;}
.apply-agree input {margin-right: 5px;}
.apply-agree a {color: #1890FF;}
.apply .account-code input {width: 182px;}
.apply-btn {padding-top: 23px;}
.apply-btn button {margin: 0 10px;width: 96px;height: 40px;border-radius: 4px;color: #fff;border: none;background: #1890FF;}
.apply-btn button.bg {width: 68px;border: 1px solid rgba(0, 0, 0, 0.1);background-color: #fff;color: rgba(0, 0, 0, 0.65);}
.apply-btn button:hover {background: #409EFF;}
.apply-btn button.bg:hover {background-color: #fff;}
.apply-pay{padding: 0 60px 30px;background-color: #fff;border-radius: 2px;}
.apply-pay-menu {padding-top: 16px;margin-bottom: 40px;border-bottom: 1px solid #D8D8D8;}
.apply-pay-menu a {padding: 0 7px 6px;margin-bottom: -1px;margin-right: 15px;font-weight: 500;color: #4D4E4F;border-bottom: 1px solid transparent;}
.apply-pay-menu a.active {border-color: #0379D0;color: #0379D0;}
.apply-pay-table {margin-bottom: 20px;width: 100%;border: 1px solid #D6CBCB;font-size: 20px;color: #3D3D3D;}
.apply-pay-table tr {border-bottom: 1px solid #D6CBCB;}
.apply-pay-table tr th {line-height: 68px;font-size: 22px;font-weight: 700;}
.apply-pay-table tr th a {font-weight: normal;color: #1890FF;}
.apply-pay-table tr td {padding: 20px;text-align: center;}
.apply-pay-table tr td a {color: #1890FF;}
.apply-pay-table tr td .price span {color: #1890FF;font-weight: 700;}
.apply-pay-tip {padding: 17px 30px;border-radius: 5px;background: #FDF6EC;border-radius: 5px;color: rgba(0, 0, 0, 0.65);}
.apply-pay-tip .tit {margin-bottom: 5px;color: #1890FF;font-size: 16px;font-weight: 500;}
.apply-pay-tip span {color: #1890FF;}
.apply-status {padding: 154px 0;border-radius: 2px;background-color: #fff;text-align: center;color: rgba(0, 0, 0, 0.65);}
.apply-status .handling {margin: 0 auto 25px auto;width: 76px;height: 76px;border-radius: 50%;border-radius: 50%;background: #E6A23C;}
.apply-status .handling i {margin: 0 5px;width: 9px;height: 9px;background-color: #fff;border-radius: 50%;animation: loading 1s infinite;}
.apply-status .handling i:nth-child(2) {animation-delay: .1s;}
.apply-status .handling i:nth-child(3) {animation-delay: .2s;}
.apply-status img {margin: 0 auto 25px auto;width: 76px;display: block;}
.apply-status span {color: #1890FF;}
.apply-status a {color: #1890FF;}

.apply-projectList {width: 1400px;}
.apply-projectList-tit {padding: 0 35px;border-bottom: 1px solid #ddd;line-height: 66px;}
.apply-projectList-tit p {float: left;font-size: 18px;color: rgba(0, 0, 0, 0.7);}
.apply-projectList-tit img {margin-top: 25px;float: right;cursor: pointer;width: 18px;}
.apply-projectList-main {padding: 20px 30px 30px;}
.apply-projectList-btn {margin-bottom: 20px;}
.apply-projectList-btn button {float: right;width: 93px;height: 30px;border-radius: 4px;border: none;background: #1890FF;color: #fff;}
.apply-projectList-btn button:hover {background: #409EFF;}
.apply-projectList-table {width: 100%;}
.apply-projectList-table tr {border-bottom: 1px solid #f1f1f1;}
.apply-projectList-table tr th {padding: 0 10px;text-align: left;background-color: #eee;line-height: 48px;font-size: 14px;color: rgba(0, 0, 0, 0.45);}
.apply-projectList-table tr td {padding: 15px 10px;color: rgba(0, 0, 0, 0.65);}
.apply-projectList-table tr:hover td {background: rgba(225, 239, 252, 0.5);}
.apply-projectList-table tr td a {margin: 0 6px;display: inline-block;color: #409EFF;}
.apply-project-search-container {padding: 15px 20px;border-bottom: 1px solid #eee;display: flex;gap: 10px;align-items: center;}
.apply-project-search-container input {width: 300px;padding: 10px 15px;border: 1px solid #ddd;border-radius: 4px;font-size: 14px;}
.apply-project-search-container .apply-search-btn {padding: 10px 20px;background-color: #0080FF;color: #fff;border: none;border-radius: 4px;cursor: pointer;transition: all 0.3s ease;}
.apply-project-search-container .apply-search-btn:hover {background-color: #0066cc;}
@keyframes loading{
    0% {transform: translateY(0px);}
    50% {transform: translateY(10px);}
    100% {transform: translateY(0px);}
}

/* 管理后台头部底部 */
.header {position: fixed;left: 0;top: 0;z-index: 3;min-width: 1400px;width: 100%;height: 80px;padding: 0 7%;background-color: #fff;}
.header-tit {font-size: 30px;font-weight: 500;color: rgba(55, 47, 47, 0.91);}
.header-menu {}
.header-menu a {padding-bottom: 12px;margin-left: 67px;display: inline-block;font-weight: bold;font-size: 20px;color: #6C6666;border-bottom: 3px solid transparent;}
.header-menu a:hover {color: #2E2A2A;border-color: #2E2A2A;}
.header-menu a.active {color: #2E2A2A;border-color: #2E2A2A;}
.footer {text-align: center;line-height: 65px;background: #409EFF;}
.footer span {margin: 0 22px;display: inline-block;font-size: 17px;color: #fff;}

/* 管理后台登录 */
.admin-login {padding: 130px 0;background: #A9D1F8 url(../images/login.png) no-repeat 10% center;background-size: 720px 436px;}
.admin-login-main {position: relative;padding: 0 35px;margin-right: 310px;float: right;width: 463px;height: 555px;border-radius: 5px;background: #FFFFFF;}
.admin-login-menu {margin-bottom: 30px;}
.admin-login-menu a {padding: 10px 0;margin: 0 15px;display: inline-block;font-size: 16px;color: #292D31;border-bottom: 2px solid transparent;}
.admin-login-menu a.active {border-color: #409EFF;color: #409EFF;}
.admin-login-phone {position: absolute;left: 0;bottom: 10px;width: 100%;text-align: center;font-size: 15px;color: #3D3D3D;}
.admin-login-phone span {color: #FF0000;}
.admin-login-item {margin-bottom: 20px;}
.admin-login-item .tit {margin-bottom: 6px;font-size: 16px;color: #000;}
.admin-login-item .cont {padding: 0 12px;border: 1px solid #DCDFE6;border-radius: 4px;}
.admin-login-item .cont:hover {border-color: #409EFF;}
.admin-login-item .cont.active {border-color: #409EFF;}
.admin-login-item .cont.error {border-color: #FF241A;}
.admin-login-item .cont.bg {background: #F2F2F2;}
.admin-login-item .login-image-cont {padding: 0 12px;}
.admin-login-item input {width: 100%;height: 40px;line-height: 40px;}
.admin-login-item select {width: 100%;height: 40px;line-height: 40px;}
.admin-login-item .psd {display: block;width: 16px;cursor: pointer;}
.admin-login-item .login-code {width: 70%;}
.admin-login-item .login-code-img { height: 38px; min-width: 100px;}
.admin-login-btn {margin-top: 25px;width: 100%;height: 40px;border-radius: 3px;border: none;color: #fff;background: #409EFF;font-size: 17px;}
.admin-login-btn.m-t {margin-top: 110px;}
.admin-login .login-ca {display: block;padding-top: 10px;}

/* 保证金公示 */
.current-page {padding: 20px 0;color: #615C5C;}
.current-page a {color: #615C5C;}
.current-page span {}
.deposit {padding-bottom: 25px;}
.deposit-main {padding: 20px;min-height: calc(100vh - 235px);background-color: #fff;}
.deposit-search {margin-bottom: 20px;}
.deposit-search input {padding: 0 8px;width: 740px;height: 35px;line-height: 35px;border-radius: 3px 0px 0px 3px;border: 1px solid #EDE5E5;}
.deposit-search button {width: 75px;height: 35px;border-radius: 0px 3px 3px 0px;border: none;background: #3399FF;color: #fff;border: 1px solid #3399FF;}
.deposit-table {width: 100%;}
.deposit-table tr {border-bottom: 1px solid #E5E6EB;}
.deposit-table tr th {line-height: 48px;background-color: #DADBE4;font-size: 14px;font-weight: bold;color: #2A2E36;}
.deposit-table tr td {padding: 15px;font-size: 13px;color: #3D3535;text-align: center;}
.deposit-table tr:hover td {background: rgba(225, 239, 252, 0.5);}
.deposit-table .state.red {color: #FF0000;}
.deposit-tip {padding: 15px 0;font-size: 13px;color: #FF0202;}

/* 保函验真 */
.check {padding: 90px 0;background: url(../images/check.png) no-repeat center;background-size: cover;}
.check-main {margin: 0 auto;padding: 0 50px 50px 50px;width: 738px;height: 578px;border-radius: 8px;background: #FFFFFF;border: 1px solid #D0D0D0;box-shadow: 0px 4px 10px 0px rgba(0, 0, 0, 0.3);}
.check-tit {padding: 30px 0;font-size: 32px;font-weight: 500;color: #3E3E40;text-align: center;}
.check-search {}
.check-search input {padding: 0 15px;height: 45px;line-height: 45px;border-radius: 3px 0px 0px 3px;border: 1px solid #B9B3B3;}
.check-search button {width: 75px;height: 45px;border-radius: 0px 3px 3px 0px;background: #3399FF;color: #fff;border: none;}
.check-empty {padding: 90px 0;text-align: center;font-size: 16px;color: #B9B0B0;}
.check-empty img {margin: 0 auto 15px auto;display: block;width: 109px;}
.check-cont {padding: 30px 55px;}
.check-cont .item {padding: 15px 0;font-size: 18px;color: #3D3D3D;}
.check-cont .tit {margin-right: 15px;}

/* 操作手册 */
.guide {padding-bottom: 30px;}
.guide-menu {padding: 40px 0;width: 211px;height: 680px;margin-right: 21px;background-color: #fff;border-radius: 3px;}
.guide-menu a {display: block;margin:  15px 0;padding-left: 44px;font-size: 15px;color: #55505E;background-repeat: no-repeat;background-position: 22px center;background-image: url(../images/guide-notice.png);border-left: 3px solid transparent;}
.guide-menu a:first-child {background-image: url(../images/guide-book.png);}
.guide-menu a.active {border-color: #9050FF;color: #9050FF;background-image: url(../images/guide-notice-1.png);}
.guide-menu a.active:first-child {background-image: url(../images/guide-book-1.png);}
.guide-menu a:hover {border-color: #9050FF;color: #9050FF;background-image: url(../images/guide-notice-1.png);}
.guide-menu a:hover:first-child {background-image: url(../images/guide-book-1.png);}
.guide-cont {padding: 30px;height: 680px;background-color: #fff;border-radius: 3px;}
.guide-tit {padding: 15px 0;font-weight: bold;font-size: 22px;color: #3D3D3D;border-bottom: 1px solid #E5E6EB;}
.guide-list {}
.guide-list .item {padding: 15px 35px;border-bottom: 1px solid #E5E6EB;color: #3D3535;}
.guide-list .tit {}
.guide-list .time {margin-left: 30px;}
.guide-list .item:hover {color: #9050FF;background: #ECEEF9;}
.guide-empty {padding: 140px 0;text-align: center;font-size: 16px;color: #B9B0B0;}
.check-empty img {margin: 0 auto 15px auto;display: block;width: 109px;}

/* 操作手册详情 */
.guide-info {margin: 0 auto;width: 1260px;padding-bottom: 27px;}
.guide-info-main {padding: 0 40px 40px;min-height: calc(100vh - 235px);background-color: #fff;border-radius: 3px;}
.guide-info-main .tit {padding-top: 30px;padding-bottom: 15px;font-size: 30px;color: #3D3535;text-align: center;}
.guide-info-main .time {line-height: 46px;background: #F4EEEE;text-align: center;font-size: 14px;color: #524F4F;}
.guide-info-main .cont {padding: 30px;}
.guide-info-main .doc {padding-left: 20px;font-size: 15px;color: #4F52EE;background: url(../images/doc.png) no-repeat left center;}



/* 通用分页 */
/*.common-page{padding: 14px 0;font-size: 13px;color: #5D5A5A;word-break: keep-all;}*/
/*.common-page select{margin: 0 18px;padding-left: 10px;width: 85px;height: 25px;border-radius: 2px;border: 1px solid #BEB7B7;}*/
/*.common-page .page{font-family: "宋体";}*/
/*.page {gap: 2px;}*/
/*.common-page .page a{margin: 0 3px;display: block;width: 24px;height: 24px;line-height: 24px;text-align: center;background: #F4F4F5;color: #5E5A5A;}*/
/*.common-page .page a.active{background: #409EFF;color: #fff;}*/
/*.common-page .go{margin-left: 25px;}*/
/*.common-page .go input{margin: 0 5px;width: 39px;height: 25px;text-align: center;border-radius: 2px;border: 1px solid #BEB7B7;}*/
.common-page {margin: 16px 0;align-items: center;}
.page {margin-left: 16px;gap: 8px;align-items: center;}
.pageHref {padding: 4px 12px;border: 1px solid #e5e7eb;border-radius: 4px;cursor: pointer;text-decoration: none;color: #333;}
.pageHref.active {background: #165dff;color: white;border-color: #165dff;}
.pageHref.disabled {color: #9ca3af;cursor: not-allowed;background: #f9fafb;}
.no-data {margin-left: 16px;color: #9ca3af;}
.page span {margin: 0 4px;color: #666;}

.loading{position: fixed;left: 0;top: 0;z-index: 4;width: 100%;height: 100%;background: rgba(0,0,0,.6);font-size: 30px;font-weight: bold;color: #fff;text-align: center;}
.loading p{margin-top: 80px;}
.loading-main{position:relative;}
.loading-main span{position:absolute;left: -100px;width:30px;height:30px;background:#fff;opacity:0.5;border-radius:50%;animation: loading 1s infinite ease-in-out;}
.loading-main span:nth-child(2){left: -60px;animation-delay: .2s;}
.loading-main span:nth-child(3){left:-20px;animation-delay: .4s;}
.loading-main span:nth-child(4){left:20px;animation-delay: .6s;}
.loading-main span:nth-child(5){left:60px;animation-delay: .8s;}
