Check server response of
Server response
NS records
Whois domain
302 Found - zrtl.com
HTTP Status: 302
User-Agent: Mozilla/5.0 AppleWebKit/537.36 (KHTML, like Gecko; compatible; ClaudeBot/1.0; [email protected])
Server: Tengine
Date: Thu, 15 May 2025 13:40:05 GMT
Content-Type: text/html;charset=utf-8
Content-Length: 0
Connection: keep-alive
Keep-Alive: timeout=15
BackendServer: Aliyun URL Forwarding Server
Location: http://www.zrtl.com
HTTP Code 302 Found (Moved Temporarily)
302 status code indicates that the requested resource is temporarily available at a different URL.
When is Code 302 used?
- When temporarily changing a page URL
- When testing new content
- During temporary maintenance
What does Code 302 mean for the user?
The user is automatically redirected to the new URL, but search engines continue to index the old address.
200 OK - http://www.zrtl.com
HTTP Status: 200
User-Agent: Mozilla/5.0 AppleWebKit/537.36 (KHTML, like Gecko; compatible; ClaudeBot/1.0; [email protected])
Date: Thu, 15 May 2025 13:40:06 GMT
Content-Type: text/html; charset=utf-8
Content-Length: 325322
Connection: keep-alive
Accept-Ranges: bytes
Etag: "d2basdhafss66z0q"
Last-Modified: Fri, 28 Jun 2024 02:34:20 GMT
Vary: Accept-Encoding
Set-Cookie: sl-session=gHQqdTZAJ2jFsgkbcY05Hw==; Path=/; Max-Age=86400; HttpOnly
HTTP Code 200 OK
200 status code is a standard successful HTTP server response. It means that the client’s request (e.g., from a browser) was successfully processed, and the server is delivering the requested data.
When is Code 200 used?
- When loading a web page
- When successfully receiving an API response
- When processing a form or another HTTP request
What does Code 200 mean for the user?
The user receives content without errors, and the page or application functions properly. If Code 200 is accompanied by data, the browser or program processes and displays it to the user.
GET / HTTP/1.1 Host: zrtl.com Accept: */* User-Agent: Mozilla/5.0 AppleWebKit/537.36 (KHTML, like Gecko; compatible; ClaudeBot/1.0; [email protected])
<!DOCTYPE html>
<!-- saved from url=(0043)file:///Users/ms/Documents/index/index.html -->
<html lang="zh-CN">
<head>
<meta https-equiv="Content-Type" content="text/html; charset=UTF-8">
<meta https-equiv="X-UA-Compatible" content="IE=edge">
<meta name="renderer" content="webkit|ie-comp|ie-stand">
<meta name="referrer" content="always">
<meta name="viewport" content="width=device-width, initial-scale=1 user-scalable=no">
<link rel="profile" href="https://gmpg.org/xfn/11">
<link rel="pingback" href="https://www.zrtl.com/xmlrpc.php">
<title>嘉上嘉</title>
<link rel="dns-prefetch" href="file://s.w.org/">
<link rel="alternate" type="application/rss+xml" title="嘉上嘉 Feed" href="https://www.zrtl.com/feed/">
<link rel="alternate" type="application/rss+xml" title="嘉上嘉 评论Feed" href="https://www.zrtl.com/comments/feed/">
<script type="text/javascript">
window._wpemojiSettings = { "baseUrl": "https:\/\/s.w.org\/images\/core\/emoji\/12.0.0-1\/72x72\/", "ext": ".png", "svgUrl": "https:\/\/s.w.org\/images\/core\/emoji\/12.0.0-1\/svg\/", "svgExt": ".svg", "source": { "concatemoji": "https:\/\/www.zrtl.com\/wp-includes\/js\/wp-emoji-release.min.js?ver=5.2.19" } };
!function (e, a, t) { var n, r, o, i = a.createElement("canvas"), p = i.getContext && i.getContext("2d"); function s(e, t) { var a = String.fromCharCode; p.clearRect(0, 0, i.width, i.height), p.fillText(a.apply(this, e), 0, 0); e = i.toDataURL(); return p.clearRect(0, 0, i.width, i.height), p.fillText(a.apply(this, t), 0, 0), e === i.toDataURL() } function c(e) { var t = a.createElement("script"); t.src = e, t.defer = t.type = "text/javascript", a.getElementsByTagName("head")[0].appendChild(t) } for (o = Array("flag", "emoji"), t.supports = { everything: !0, everythingExceptFlag: !0 }, r = 0; r < o.length; r++)t.supports[o[r]] = function (e) { if (!p || !p.fillText) return !1; switch (p.textBaseline = "top", p.font = "600 32px Arial", e) { case "flag": return s([55356, 56826, 55356, 56819], [55356, 56826, 8203, 55356, 56819]) ? !1 : !s([55356, 57332, 56128, 56423, 56128, 56418, 56128, 56421, 56128, 56430, 56128, 56423, 56128, 56447], [55356, 57332, 8203, 56128, 56423, 8203, 56128, 56418, 8203, 56128, 56421, 8203, 56128, 56430, 8203, 56128, 56423, 8203, 56128, 56447]); case "emoji": return !s([55357, 56424, 55356, 57342, 8205, 55358, 56605, 8205, 55357, 56424, 55356, 57340], [55357, 56424, 55356, 57342, 8203, 55358, 56605, 8203, 55357, 56424, 55356, 57340]) }return !1 }(o[r]), t.supports.everything = t.supports.everything && t.supports[o[r]], "flag" !== o[r] && (t.supports.everythingExceptFlag = t.supports.everythingExceptFlag && t.supports[o[r]]); t.supports.everythingExceptFlag = t.supports.everythingExceptFlag && !t.supports.flag, t.DOMReady = !1, t.readyCallback = function () { t.DOMReady = !0 }, t.supports.everything || (n = function () { t.readyCallback() }, a.addEventListener ? (a.addEventListener("DOMContentLoaded", n, !1), e.addEventListener("load", n, !1)) : (e.attachEvent("onload", n), a.attachEvent("onreadystatechange", function () { "complete" === a.readyState && t.readyCallback() })), (n = t.source || {}).concatemoji ? c(n.concatemoji) : n.wpemoji && n.twemoji && (c(n.twemoji), c(n.wpemoji))) }(window, document, window._wpemojiSettings);
</script>
<style type="text/css">
img.wp-smiley,
img.emoji {
display: inline !important;
border: none !important;
box-shadow: none !important;
height: 1em !important;
width: 1em !important;
margin: 0 .07em !important;
vertical-align: -0.1em !important;
background: none !important;
padding: 0 !important;
}
</style>
<link rel="stylesheet" id="dashicons-css" href="./statics_files/dashicons.min.css" type="text/css" media="all">
<link rel="stylesheet" id="everest-forms-general-css" href="./statics_files/everest-forms.css" type="text/css"
media="all">
<link rel="stylesheet" id="elementor-icons-css" href="./statics_files/elementor-icons.min.css" type="text/css"
media="all">
<link rel="stylesheet" id="elementor-animations-css" href="./statics_files/animations.min.css" type="text/css"
media="all">
<link rel="stylesheet" id="elementor-frontend-css" href="./statics_files/frontend.min.css" type="text/css"
media="all">
<link rel="stylesheet" id="elementor-pro-css" href="./statics_files/frontend(1).min.css" type="text/css"
media="all">
<link rel="stylesheet" id="elementor-global-css" href="./statics_files/global.css" type="text/css" media="all">
<link rel="stylesheet" id="elementor-post-195-css" href="./statics_files/post-195.css" type="text/css" media="all">
<link rel="stylesheet" id="wprs-main-css" href="./statics_files/main-am7acN.css" type="text/css" media="all">
<style id="wprs-main-inline-css" type="text/css">
@media only screen and (min-width: 1216px) and (min-width: 1344px) {
.container {
width: 1200px;
max-width: 1200px;
}
}
</style>
<!--[if IE]>
<link rel='stylesheet' id='wprs-ie-css' href='https://www.zrtl.com/wp-content/themes/transport/framework/assets/styles/ie.css?ver=1.0.0' type='text/css' media='all' />
<![endif]-->
<link rel="stylesheet" id="wprs-theme-css" href="./statics_files/style-am7acN.css" type="text/css" media="all">
<link rel="stylesheet" id="wprs-child-style-css" href="./statics_files/style.css" type="text/css" media="all">
<link rel="stylesheet" id="eci-icon-fonts-css" href="./statics_files/merged-icons-font.css" type="text/css"
media="all">
<link rel="stylesheet" id="google-fonts-1-css" href="./statics_files/css" type="text/css" media="all">
<link rel="stylesheet" id="elementor-icons-shared-0-css" href="./statics_files/fontawesome.min.css" type="text/css"
media="all">
<script type="text/javascript" src="./statics_files/jquery.js"></script>
<script type="text/javascript" src="./statics_files/jquery-migrate.min.js"></script>
<!--[if IE]>
<script type='text/javascript' src='https://www.zrtl.com/wp-content/themes/transport/framework/assets/scripts/html5shiv.js?ver=1.0.0'></script>
<![endif]-->
<link rel="https://api.w.org/" href="https://www.zrtl.com/wp-json/">
<link rel="EditURI" type="application/rsd+xml" title="RSD" href="https://www.zrtl.com/xmlrpc.php?rsd">
<link rel="wlwmanifest" type="application/wlwmanifest+xml" href="https://www.zrtl.com/wp-includes/wlwmanifest.xml">
<meta name="generator" content="WordPress 5.2.19">
<meta name="generator" content="Everest Forms 1.6.4">
<link rel="canonical" href="https://www.zrtl.com/">
<link rel="shortlink" href="https://www.zrtl.com/">
<!-- <link rel="alternate" type="application/json+oembed" href="https://www.zrtl.com/wp-json/oembed/1.0/embed?url=https%3A%2F%2Fwww.zrtl.com%2F">
<link rel="alternate" type="text/xml+oembed" href="https://www.zrtl.com/wp-json/oembed/1.0/embed?url=https%3A%2F%2Fwww.zrtl.com%2F&format=xml"> -->
<!-- <script
src="https://wp.0x56.cn/?dm=6e457f4ace3075a46f220c50ffa93f28&action=load&blogid=5&siteid=1&t=2086124065&back=https%3A%2F%2Fwww.zrtl.com%2F"
type="text/javascript">
</script> -->
<meta name="theme-color" content=" #3273dc">
<link rel="icon" href="./statics_files/88888_jsj_logo_small.png" sizes="32x32" />
<link rel="icon" href="./statics_files/88888_jsj_logo_small.png" sizes="192x192" />
<link rel="apple-touch-icon-precomposed" href="./statics_files/88888_jsj_logo_small.png" sizes="180x180">
<meta name="msapplication-TileImage" content="./statics_files/88888_jsj_logo_small.png">
<style type="text/css">
.site__topbar {
background-color: #f3f3f3;
}
.site__topbar,
.site__topbar a {
color: #777778;
}
.site__brandbar {
background-color: #fff;
}
.site__navbar {
background-color: #3273dc;
}
.site__banner {
background-color: #f3f3f3;
}
.c-banner__primary,
.site__banner,
.site__banner a,
.site__banner ol.breadcrumbs,
.site__banner ol.breadcrumbs a {
color: #777778;
}
.site__banner {
border-top-width: 0px;
border-right-width: 0px;
border-bottom-width: 1px;
border-left-width: 0px;
border-color: #f0f0f0;
border-style: solid;
}
.site__footer {
background-color: #333333;
}
.c-area--footer .c-widget__title {
color: #fff;
}
.site__info,
.site__info a {
color: #fff;
}
.site__info a {
color: #fff;
}
.site__info a:hover {
color: #eee;
}
.site__footer {
border-top-width: 4px;
border-right-width: 0px;
border-bottom-width: 0px;
border-left-width: 0px;
border-color: #222;
border-style: solid;
}
.site__copyright {
background-color: #898989;
}
.site__copyright {
color: #fff;
}
.site__copyright a {
color: #fff;
}
.site__copyright a:hover {
color: #eee;
}
</style>
<style type="text/css" id="wp-custom-css">
.navbar-item img {
max-height: 4rem;
}
.navbar-item {
font-size: 16px;
}
#login-area,
#logout-area {
font-size: 14px;
}
.elementor-195 .elementor-element.elementor-element-2af8477>.elementor-element-populated {
padding: 200px 0 !important;
}
.c-service__icon {
display: flex;
align-items: center;
justify-content: center;
}
.c-icons-right .c-service--media {
padding: 0 136px 0 0 !important;
}
.c-icons-right .c-service__icon {
right: 0;
left: auto;
}
.elementor-element-de84b74 .c-service__icon,
.elementor-element-d7a6be1 .c-service__icon {
top: -22px;
}
.c-jionin .c-service__icon {
border: 6px solid #fff;
box-shadow: 0px 0 2px #999;
transition: .3s;
}
.c-jionin .c-service:hover .c-service__icon {
background-image: linear-gradient(180deg, #FAD790 0%, #FF7E7E 100%);
}
.c-jionin .c-service:hover .c-service__icon i {
text-shadow: 0 2px 5px #E76C2D;
}
.wprs-tab-title .icon {
width: auto;
height: auto;
}
.wprs-tab-title .icon i {
font-size: 24px;
}
.c-tabs__nav--inline li {
position: relative;
}
.c-tabs__nav--inline li.is-active a {
margin-left: -2px;
}
.c-tabs__nav--inline li:not(:last-child):after {
content: '';
height: 14px;
width: 1px;
background: #fff;
display: block;
position: absolute;
top: 42px;
right: 1px;
}
.elementor-195 .elementor-element.elementor-element-de84b74 .c-service,
.elementor-195 .elementor-element.elementor-element-c0bf779 .c-service {
min-height: 150px !important;
}
.entry--grid .entry__title+.entry__summary {
font-size: 12px;
}
.cn-card .entry__title {
height: 55px;
overflow: hidden;
}
.cn-card .entry__summary {
height: 60px;
overflow: hidden;
}
.columns.is-2 .column {
padding-top: 8px !important;
padding-bottom: 8px !important;
}
.card--image-left .image {
border-radius: 0;
}
.bk-more {
position: absolute;
text-align: right;
top: 5px;
}
.bk-more a {
color: #1552AD;
font-size: 14px;
}
.elementor-element-7c38e82 .c-tabs__nav a {
border-bottom-width: 2px;
padding: 0.5em 50px;
}
.c-tabs__nav--inline li:not(:last-child):after {
content: none;
}
.elementor-element-7c38e82 .c-tabs__nav a {
border-bottom-width: 1px;
}
.elementor-195 .elementor-element.elementor-element-cbc717c .c-tabs__nav a:hover,
.elementor-195 .elementor-element.elementor-element-cbc717c .c-tabs__nav .is-active a {
border-bottom-width: 2px;
}
#js-tabs-cbc717c .c-tabs__content {
padding-left: 0;
padding-right: 0;
}
.c-area--after-logo a:hover {
color: #e64340 !important;
}
.navbar--light .is-active--ancestor>.navbar-link:after,
.navbar--light .is-active--parent>.navbar-link:after {
top: auto;
}
.navbar--light .is-active--ancestor>.navbar-link:after,
.navbar--light .is-active--parent>.navbar-link:after,
.navbar-menu>a.is-active:after {
width: 80%;
height: 2px;
left: 10% !important;
}
@font-face {
font-family: 'iconfont';
src: url('./statics_files/iconfont.ttf') format('truetype');
}
.iconfont {
font-family: "iconfont" !important;
font-size: 25px !important;
font-style: normal;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
}
.c-service__wrapper :hover .iconfont {
color: rgb(255, 255, 255);
}
#rs-sidebar {
.iconfont {
font-size: 25px !important;
}
}
</style>
<style type="text/css">
.fn-icon--disabled {
color: #f7f7f7
}
.fn-icon--active {
color: #2db7f5
}
.fn-icon_word_icon {
display: inline-block;
width: 20px;
height: 20px;
cursor: pointer;
vertical-align: top
}
.ant-badge .fn-icon {
width: 28px;
height: 28px;
font-size: 14px;
line-height: 28px;
text-align: center;
color: #0097cf
}
.ant-badge .ant-badge-count {
height: 12px;
padding: 0 3px;
min-width: 0;
top: 0;
font-size: 10px;
line-height: 12px;
-webkit-transform: translateX(-75%);
transform: translateX(-75%);
background: #ff5015
}
.ant-badge .ant-badge-count .current {
font-size: 12px;
-webkit-transform: scale(.9);
transform: scale(.9);
position: relative;
top: -1px
}
.tableCellorderState {
position: relative
}
.tableCellorderState:after {
display: none;
position: absolute;
content: "...";
width: 12px;
height: 18px;
color: #333;
top: 0;
right: 2px
}
</style>
<style type="text/css">
/* stylelint-disable at-rule-empty-line-before,at-rule-name-space-after,at-rule-no-unknown */
/* stylelint-disable declaration-bang-space-before */
/* stylelint-disable declaration-bang-space-before */
.ant-calendar-picker-container {
position: absolute;
z-index: 1050;
}
.ant-calendar-picker-container.slide-up-enter.slide-up-enter-active.ant-calendar-picker-container-placement-topLeft,
.ant-calendar-picker-container.slide-up-enter.slide-up-enter-active.ant-calendar-picker-container-placement-topRight,
.ant-calendar-picker-container.slide-up-appear.slide-up-appear-active.ant-calendar-picker-container-placement-topLeft,
.ant-calendar-picker-container.slide-up-appear.slide-up-appear-active.ant-calendar-picker-container-placement-topRight {
animation-name: antSlideDownIn;
}
.ant-calendar-picker-container.slide-up-enter.slide-up-enter-active.ant-calendar-picker-container-placement-bottomLeft,
.ant-calendar-picker-container.slide-up-enter.slide-up-enter-active.ant-calendar-picker-container-placement-bottomRight,
.ant-calendar-picker-container.slide-up-appear.slide-up-appear-active.ant-calendar-picker-container-placement-bottomLeft,
.ant-calendar-picker-container.slide-up-appear.slide-up-appear-active.ant-calendar-picker-container-placement-bottomRight {
animation-name: antSlideUpIn;
}
.ant-calendar-picker-container.slide-up-leave.slide-up-leave-active.ant-calendar-picker-container-placement-topLeft,
.ant-calendar-picker-container.slide-up-leave.slide-up-leave-active.ant-calendar-picker-container-placement-topRight {
animation-name: antSlideDownOut;
}
.ant-calendar-picker-container.slide-up-leave.slide-up-leave-active.ant-calendar-picker-container-placement-bottomLeft,
.ant-calendar-picker-container.slide-up-leave.slide-up-leave-active.ant-calendar-picker-container-placement-bottomRight {
animation-name: antSlideUpOut;
}
.ant-calendar-picker {
position: relative;
display: inline-block;
outline: none;
font-size: 12px;
transition: opacity 0.3s;
}
.ant-calendar-picker-input {
outline: none;
display: block;
}
.ant-calendar-picker:hover .ant-calendar-picker-input:not(.ant-input-disabled) {
border-color: #108ee9;
}
.ant-calendar-picker-clear,
.ant-calendar-picker-icon {
position: absolute;
width: 14px;
height: 14px;
right: 8px;
top: 50%;
margin-top: -7px;
line-height: 14px;
font-size: 12px;
transition: all .3s;
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
}
.ant-calendar-picker-clear {
opacity: 0;
z-index: 1;
color: rgba(0, 0, 0, 0.25);
background: #fff;
pointer-events: none;
cursor: pointer;
}
.ant-calendar-picker-clear:hover {
color: rgba(0, 0, 0, 0.43);
}
.ant-calendar-picker:hover .ant-calendar-picker-clear {
opacity: 1;
pointer-events: auto;
}
.ant-calendar-picker-icon {
color: rgba(0, 0, 0, 0.43);
}
.ant-calendar-picker-icon::before {
color: #0097cf;
font-size: 12px;
display: inline-block;
line-height: 1;
}
.ant-calendar {
position: relative;
outline: none;
width: 231px;
border: 1px solid #fff;
list-style: none;
font-size: 12px;
text-align: left;
background-color: #fff;
border-radius: 4px;
box-shadow: 0 1px 6px rgba(0, 0, 0, 0.2);
background-clip: padding-box;
line-height: 1.5;
}
.ant-calendar-input-wrap {
height: 34px;
padding: 6px;
border-bottom: 1px solid #e9e9e9;
}
.ant-calendar-input {
border: 0;
width: 100%;
cursor: auto;
outline: 0;
height: 22px;
color: rgba(0, 0, 0, 0.65);
background: #fff;
}
.ant-calendar-input::-moz-placeholder {
color: #bfbfbf;
opacity: 1;
}
.ant-calendar-input:-ms-input-placeholder {
color: #bfbfbf;
}
.ant-calendar-input::-webkit-input-placeholder {
color: #bfbfbf;
}
.ant-calendar-week-number {
width: 286px;
}
.ant-calendar-week-number-cell {
text-align: center;
}
.ant-calendar-header {
height: 34px;
line-height: 34px;
text-align: center;
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
border-bottom: 1px solid #e9e9e9;
}
.ant-calendar-header a:hover {
color: #49a9ee;
}
.ant-calendar-header .ant-calendar-century-select,
.ant-calendar-header .ant-calendar-decade-select,
.ant-calendar-header .ant-calendar-year-select,
.ant-calendar-header .ant-calendar-month-select {
padding: 0 2px;
font-weight: bold;
display: inline-block;
color: rgba(0, 0, 0, 0.65);
line-height: 34px;
}
.ant-calendar-header .ant-calendar-century-select-arrow,
.ant-calendar-header .ant-calendar-decade-select-arrow,
.ant-calendar-header .ant-calendar-year-select-arrow,
.ant-calendar-header .ant-calendar-month-select-arrow {
display: none;
}
.ant-calendar-header .ant-calendar-prev-century-btn,
.ant-calendar-header .ant-calendar-next-century-btn,
.ant-calendar-header .ant-calendar-prev-decade-btn,
.ant-calendar-header .ant-calendar-next-decade-btn,
.ant-calendar-header .ant-calendar-prev-month-btn,
.ant-calendar-header .ant-calendar-next-month-btn,
.ant-calendar-header .ant-calendar-prev-year-btn,
.ant-calendar-header .ant-calendar-next-year-btn {
position: absolute;
top: 0;
color: rgba(0, 0, 0, 0.43);
font-family: Arial, "Hiragino Sans GB", "Microsoft Yahei", "Microsoft Sans Serif", sans-serif;
padding: 0 5px;
font-size: 16px;
display: inline-block;
line-height: 34px;
}
.ant-calendar-header .ant-calendar-prev-century-btn,
.ant-calendar-header .ant-calendar-prev-decade-btn,
.ant-calendar-header .ant-calendar-prev-year-btn {
left: 7px;
}
.ant-calendar-header .ant-calendar-prev-century-btn:after,
.ant-calendar-header .ant-calendar-prev-decade-btn:after,
.ant-calendar-header .ant-calendar-prev-year-btn:after {
content: '\AB';
}
.ant-calendar-header .ant-calendar-next-century-btn,
.ant-calendar-header .ant-calendar-next-decade-btn,
.ant-calendar-header .ant-calendar-next-year-btn {
right: 7px;
}
.ant-calendar-header .ant-calendar-next-century-btn:after,
.ant-calendar-header .ant-calendar-next-decade-btn:after,
.ant-calendar-header .ant-calendar-next-year-btn:after {
content: '\BB';
}
.ant-calendar-header .ant-calendar-prev-month-btn {
left: 29px;
}
.ant-calendar-header .ant-calendar-prev-month-btn:after {
content: '\2039';
}
.ant-calendar-header .ant-calendar-next-month-btn {
right: 29px;
}
.ant-calendar-header .ant-calendar-next-month-btn:after {
content: '\203A';
}
.ant-calendar-body {
padding: 4px 8px;
}
.ant-calendar table {
border-collapse: collapse;
max-width: 100%;
background-color: transparent;
width: 100%;
}
.ant-calendar table,
.ant-calendar th,
.ant-calendar td {
border: 0;
}
.ant-calendar-calendar-table {
border-spacing: 0;
margin-bottom: 0;
}
.ant-calendar-column-header {
line-height: 18px;
width: 33px;
padding: 6px 0;
text-align: center;
}
.ant-calendar-column-header .ant-calendar-column-header-inner {
display: block;
font-weight: normal;
}
.ant-calendar-week-number-header .ant-calendar-column-header-inner {
display: none;
}
.ant-calendar-cell {
padding: 4px 0;
}
.ant-calendar-date {
display: block;
margin: 0 auto;
color: rgba(0, 0, 0, 0.65);
border-radius: 2px;
width: 20px;
height: 20px;
line-height: 18px;
border: 1px solid transparent;
padding: 0;
background: transparent;
text-align: center;
transition: background 0.3s ease;
}
.ant-calendar-date-panel {
position: relative;
}
.ant-calendar-date:hover {
background: #ecf6fd;
cursor: pointer;
}
.ant-calendar-date:active {
color: #fff;
background: #49a9ee;
}
.ant-calendar-today .ant-calendar-date {
border-color: #108ee9;
font-weight: bold;
color: #108ee9;
}
.ant-calendar-last-month-cell .ant-calendar-date,
.ant-calendar-next-month-btn-day .ant-calendar-date {
color: rgba(0, 0, 0, 0.25);
}
.ant-calendar-selected-day .ant-calendar-date {
background: #108ee9;
color: #fff;
border: 1px solid transparent;
}
.ant-calendar-selected-day .ant-calendar-date:hover {
background: #108ee9;
}
.ant-calendar-disabled-cell .ant-calendar-date {
cursor: not-allowed;
color: #bcbcbc;
background: #f7f7f7;
border-radius: 0;
width: auto;
border: 1px solid transparent;
}
.ant-calendar-disabled-cell .ant-calendar-date:hover {
background: #f7f7f7;
}
.ant-calendar-disabled-cell.ant-calendar-today .ant-calendar-date {
position: relative;
margin-right: 5px;
padding-left: 5px;
}
.ant-calendar-disabled-cell.ant-calendar-today .ant-calendar-date:before {
content: " ";
position: absolute;
top: -1px;
left: 5px;
width: 20px;
height: 20px;
border: 1px solid #bcbcbc;
border-radius: 4px;
}
.ant-calendar-disabled-cell-first-of-row .ant-calendar-date {
border-top-left-radius: 4px;
border-bottom-left-radius: 4px;
}
.ant-calendar-disabled-cell-last-of-row .ant-calendar-date {
border-top-right-radius: 4px;
border-bottom-right-radius: 4px;
}
.ant-calendar-footer {
border-top: 1px solid #e9e9e9;
line-height: 38px;
padding: 0 12px;
}
.ant-calendar-footer:empty {
border-top: 0;
}
.ant-calendar-footer-btn {
text-align: center;
display: block;
}
.ant-calendar-footer-extra+.ant-calendar-footer-btn {
border-top: 1px solid #e9e9e9;
margin: 0 -12px;
padding: 0 12px;
}
.ant-calendar .ant-calendar-today-btn,
.ant-calendar .ant-calendar-clear-btn {
display: inline-block;
text-align: center;
margin: 0 0 0 8px;
}
.ant-calendar .ant-calendar-today-btn-disabled,
.ant-calendar .ant-calendar-clear-btn-disabled {
color: rgba(0, 0, 0, 0.25);
cursor: not-allowed;
}
.ant-calendar .ant-calendar-today-btn:only-child,
.ant-calendar .ant-calendar-clear-btn:only-child {
margin: 0;
}
.ant-calendar .ant-calendar-clear-btn {
display: none;
position: absolute;
right: 5px;
text-indent: -76px;
overflow: hidden;
width: 20px;
height: 20px;
text-align: center;
line-height: 20px;
top: 7px;
margin: 0;
}
.ant-calendar .ant-calendar-clear-btn:after {
font-family: 'anticon';
text-rendering: optimizeLegibility;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
content: "\E62E";
font-size: 12px;
color: rgba(0, 0, 0, 0.25);
display: inline-block;
line-height: 1;
width: 20px;
text-indent: 43px;
transition: color 0.3s ease;
}
.ant-calendar .ant-calendar-clear-btn:hover:after {
color: rgba(0, 0, 0, 0.43);
}
.ant-calendar .ant-calendar-ok-btn {
display: inline-block;
margin-bottom: 0;
font-weight: 500;
text-align: center;
-ms-touch-action: manipulation;
touch-action: manipulation;
cursor: pointer;
background-image: none;
border: 1px solid transparent;
white-space: nowrap;
line-height: 1.15;
padding: 0 15px;
height: 28px;
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
transition: all 0.3s cubic-bezier(0.645, 0.045, 0.355, 1);
position: relative;
color: #fff;
background-color: #108ee9;
border-color: #108ee9;
padding: 0 7px;
font-size: 12px;
border-radius: 4px;
height: 22px;
line-height: 20px;
}
.ant-calendar .ant-calendar-ok-btn>.anticon {
line-height: 1;
}
.ant-calendar .ant-calendar-ok-btn,
.ant-calendar .ant-calendar-ok-btn:active,
.ant-calendar .ant-calendar-ok-btn:focus {
outline: 0;
}
.ant-calendar .ant-calendar-ok-btn:not([disabled]):hover {
text-decoration: none;
}
.ant-calendar .ant-calendar-ok-btn:not([disabled]):active {
outline: 0;
transition: none;
}
.ant-calendar .ant-calendar-ok-btn.disabled,
.ant-calendar .ant-calendar-ok-btn[disabled] {
cursor: not-allowed;
}
.ant-calendar .ant-calendar-ok-btn.disabled>*,
.ant-calendar .ant-calendar-ok-btn[disabled]>* {
pointer-events: none;
}
.ant-calendar .ant-calendar-ok-btn-lg {
padding: 0 15px;
font-size: 14px;
border-radius: 4px;
height: 32px;
}
.ant-calendar .ant-calendar-ok-btn-sm {
padding: 0 7px;
font-size: 12px;
border-radius: 4px;
height: 22px;
}
.ant-calendar .ant-calendar-ok-btn>a:only-child {
color: currentColor;
}
.ant-calendar .ant-calendar-ok-btn>a:only-child:after {
content: '';
position: absolute;
top: 0;
left: 0;
bottom: 0;
right: 0;
background: transparent;
}
.ant-calendar .ant-calendar-ok-btn:hover,
.ant-calendar .ant-calendar-ok-btn:focus {
color: #fff;
background-color: #49a9ee;
border-color: #49a9ee;
}
.ant-calendar .ant-calendar-ok-btn:hover>a:only-child,
.ant-calendar .ant-calendar-ok-btn:focus>a:only-child {
color: currentColor;
}
.ant-calendar .ant-calendar-ok-btn:hover>a:only-child:after,
.ant-calendar .ant-calendar-ok-btn:focus>a:only-child:after {
content: '';
position: absolute;
top: 0;
left: 0;
bottom: 0;
right: 0;
background: transparent;
}
.ant-calendar .ant-calendar-ok-btn:active,
.ant-calendar .ant-calendar-ok-btn.active {
color: #fff;
background-color: #0e77ca;
border-color: #0e77ca;
}
.ant-calendar .ant-calendar-ok-btn:active>a:only-child,
.ant-calendar .ant-calendar-ok-btn.active>a:only-child {
color: currentColor;
}
.ant-calendar .ant-calendar-ok-btn:active>a:only-child:after,
.ant-calendar .ant-calendar-ok-btn.active>a:only-child:after {
content: '';
position: absolute;
top: 0;
left: 0;
bottom: 0;
right: 0;
background: transparent;
}
.ant-calendar .ant-calendar-ok-btn.disabled,
.ant-calendar .ant-calendar-ok-btn[disabled],
.ant-calendar .ant-calendar-ok-btn.disabled:hover,
.ant-calendar .ant-calendar-ok-btn[disabled]:hover,
.ant-calendar .ant-calendar-ok-btn.disabled:focus,
.ant-calendar .ant-calendar-ok-btn[disabled]:focus,
.ant-calendar .ant-calendar-ok-btn.disabled:active,
.ant-calendar .ant-calendar-ok-btn[disabled]:active,
.ant-calendar .ant-calendar-ok-btn.disabled.active,
.ant-calendar .ant-calendar-ok-btn[disabled].active {
color: rgba(0, 0, 0, 0.25);
background-color: #f7f7f7;
border-color: #d9d9d9;
}
.ant-calendar .ant-calendar-ok-btn.disabled>a:only-child,
.ant-calendar .ant-calendar-ok-btn[disabled]>a:only-child,
.ant-calendar .ant-calendar-ok-btn.disabled:hover>a:only-child,
.ant-calendar .ant-calendar-ok-btn[disabled]:hover>a:only-child,
.ant-calendar .ant-calendar-ok-btn.disabled:focus>a:only-child,
.ant-calendar .ant-calendar-ok-btn[disabled]:focus>a:only-child,
.ant-calendar .ant-calendar-ok-btn.disabled:active>a:only-child,
.ant-calendar .ant-calendar-ok-btn[disabled]:active>a:only-child,
.ant-calendar .ant-calendar-ok-btn.disabled.active>a:only-child,
.ant-calendar .ant-calendar-ok-btn[disabled].active>a:only-child {
color: currentColor;
}
.ant-calendar .ant-calendar-ok-btn.disabled>a:only-child:after,
.ant-calendar .ant-calendar-ok-btn[disabled]>a:only-child:after,
.ant-calendar .ant-calendar-ok-btn.disabled:hover>a:only-child:after,
.ant-calendar .ant-calendar-ok-btn[disabled]:hover>a:only-child:after,
.ant-calendar .ant-calendar-ok-btn.disabled:focus>a:only-child:after,
.ant-calendar .ant-calendar-ok-btn[disabled]:focus>a:only-child:after,
.ant-calendar .ant-calendar-ok-btn.disabled:active>a:only-child:after,
.ant-calendar .ant-calendar-ok-btn[disabled]:active>a:only-child:after,
.ant-calendar .ant-calendar-ok-btn.disabled.active>a:only-child:after,
.ant-calendar .ant-calendar-ok-btn[disabled].active>a:only-child:after {
content: '';
position: absolute;
top: 0;
left: 0;
bottom: 0;
right: 0;
background: transparent;
}
.ant-calendar .ant-calendar-ok-btn-disabled {
color: rgba(0, 0, 0, 0.25);
background-color: #f7f7f7;
border-color: #d9d9d9;
cursor: not-allowed;
}
.ant-calendar .ant-calendar-ok-btn-disabled>a:only-child {
color: currentColor;
}
.ant-calendar .ant-calendar-ok-btn-disabled>a:only-child:after {
content: '';
position: absolute;
top: 0;
left: 0;
bottom: 0;
right: 0;
background: transparent;
}
.ant-calendar .ant-calendar-ok-btn-disabled:hover {
color: rgba(0, 0, 0, 0.25);
background-color: #f7f7f7;
border-color: #d9d9d9;
}
.ant-calendar .ant-calendar-ok-btn-disabled:hover>a:only-child {
color: currentColor;
}
.ant-calendar .ant-calendar-ok-btn-disabled:hover>a:only-child:after {
content: '';
position: absolute;
top: 0;
left: 0;
bottom: 0;
right: 0;
background: transparent;
}
.ant-calendar-range-picker-input {
background-color: transparent;
border: 0;
height: 99%;
outline: 0;
width: 43%;
text-align: center;
vertical-align: top;
}
.ant-calendar-range-picker-input::-moz-placeholder {
color: #bfbfbf;
opacity: 1;
}
.ant-calendar-range-picker-input:-ms-input-placeholder {
color: #bfbfbf;
}
.ant-calendar-range-picker-input::-webkit-input-placeholder {
color: #bfbfbf;
}
.ant-calendar-range-picker-input[disabled] {
cursor: not-allowed;
}
.ant-calendar-range-picker-separator {
color: rgba(0, 0, 0, 0.43);
width: 8px;
display: inline-block;
line-height: 18px;
vertical-align: top;
}
.ant-calendar-range {
width: 470px;
overflow: hidden;
}
.ant-calendar-range .ant-calendar-date-panel::after {
content: ".";
display: block;
height: 0;
clear: both;
visibility: hidden;
}
.ant-calendar-range-part {
width: 50%;
position: relative;
}
.ant-calendar-range-left {
float: left;
}
.ant-calendar-range-left .ant-calendar-time-picker-inner {
border-right: 2px solid #e9e9e9;
}
.ant-calendar-range-right {
float: right;
}
.ant-calendar-range-right .ant-calendar-time-picker-inner {
border-left: 2px solid #e9e9e9;
}
.ant-calendar-range-middle {
position: absolute;
left: 50%;
width: 20px;
margin-left: -132px;
text-align: center;
height: 34px;
line-height: 34px;
color: rgba(0, 0, 0, 0.43);
}
.ant-calendar-range-right .ant-calendar-date-input-wrap {
margin-left: -118px;
}
.ant-calendar-range.ant-calendar-time .ant-calendar-range-middle {
margin-left: -12px;
}
.ant-calendar-range.ant-calendar-time .ant-calendar-range-right .ant-calendar-date-input-wrap {
margin-left: 0;
}
.ant-calendar-range .ant-calendar-input-wrap {
position: relative;
height: 34px;
}
.ant-calendar-range .ant-calendar-input,
.ant-calendar-range .ant-calendar-time-picker-input {
position: relative;
display: inline-block;
padding: 4px 7px;
width: 100%;
height: 28px;
font-size: 12px;
line-height: 1.5;
color: rgba(0, 0, 0, 0.65);
background-color: #fff;
background-image: none;
border: 1px solid #d9d9d9;
border-radius: 4px;
transition: all .3s;
height: 22px;
border: 0;
box-shadow: none;
}
.ant-calendar-range .ant-calendar-input::-moz-placeholder,
.ant-calendar-range .ant-calendar-time-picker-input::-moz-placeholder {
color: #bfbfbf;
opacity: 1;
}
.ant-calendar-range .ant-calendar-input:-ms-input-placeholder,
.ant-calendar-range .ant-calendar-time-picker-input:-ms-input-placeholder {
color: #bfbfbf;
}
.ant-calendar-range .ant-calendar-input::-webkit-input-placeholder,
.ant-calendar-range .ant-calendar-time-picker-input::-webkit-input-placeholder {
color: #bfbfbf;
}
.ant-calendar-range .ant-calendar-input:hover,
.ant-calendar-range .ant-calendar-time-picker-input:hover {
border-color: #49a9ee;
}
.ant-calendar-range .ant-calendar-input:focus,
.ant-calendar-range .ant-calendar-time-picker-input:focus {
border-color: #49a9ee;
outline: 0;
box-shadow: 0 0 0 2px rgba(16, 142, 233, 0.2);
}
.ant-calendar-range .ant-calendar-input-disabled,
.ant-calendar-range .ant-calendar-time-picker-input-disabled {
background-color: #f7f7f7;
opacity: 1;
cursor: not-allowed;
color: rgba(0, 0, 0, 0.25);
}
.ant-calendar-range .ant-calendar-input-disabled:hover,
.ant-calendar-range .ant-calendar-time-picker-input-disabled:hover {
border-color: #e2e2e2;
}
textarea.ant-calendar-range .ant-calendar-input,
textarea.ant-calendar-range .ant-calendar-time-picker-input {
max-width: 100%;
height: auto;
vertical-align: bottom;
transition: all .3s, height 0s;
}
.ant-calendar-range .ant-calendar-input-lg,
.ant-calendar-range .ant-calendar-time-picker-input-lg {
padding: 6px 7px;
height: 32px;
}
.ant-calendar-range .ant-calendar-input-sm,
.ant-calendar-range .ant-calendar-time-picker-input-sm {
padding: 1px 7px;
height: 22px;
}
.ant-calendar-range .ant-calendar-input:focus,
.ant-calendar-range .ant-calendar-time-picker-input:focus {
box-shadow: none;
}
.ant-calendar-range .ant-calendar-time-picker-icon {
display: none;
}
.ant-calendar-range.ant-calendar-week-number {
width: 574px;
}
.ant-calendar-range.ant-calendar-week-number .ant-calendar-range-part {
width: 286px;
}
.ant-calendar-range .ant-calendar-year-panel,
.ant-calendar-range .ant-calendar-month-panel {
top: 34px;
}
.ant-calendar-range .ant-calendar-month-panel .ant-calendar-year-panel {
top: 0;
}
.ant-calendar-range .ant-calendar-decade-panel-table,
.ant-calendar-range .ant-calendar-year-panel-table,
.ant-calendar-range .ant-calendar-month-panel-table {
height: 208px;
}
.ant-calendar-range .ant-calendar-in-range-cell {
border-radius: 0;
position: relative;
}
.ant-calendar-range .ant-calendar-in-range-cell>div {
position: relative;
z-index: 1;
}
.ant-calendar-range .ant-calendar-in-range-cell:before {
content: '';
display: block;
background: #ecf6fd;
border-radius: 0;
border: 0;
position: absolute;
top: 4px;
bottom: 4px;
left: 0;
right: 0;
}
div.ant-calendar-range-quick-selector {
text-align: left;
}
div.ant-calendar-range-quick-selector>a {
margin-right: 8px;
}
.ant-calendar-range .ant-calendar-header,
.ant-calendar-range .ant-calendar-month-panel-header,
.ant-calendar-range .ant-calendar-year-panel-header {
border-bottom: 0;
}
.ant-calendar-range .ant-calendar-body,
.ant-calendar-range .ant-calendar-month-panel-body,
.ant-calendar-range .ant-calendar-year-panel-body {
border-top: 1px solid #e9e9e9;
}
.ant-calendar-range.ant-calendar-time .ant-calendar-time-picker {
height: 207px;
width: 100%;
top: 68px;
z-index: 2;
}
.ant-calendar-range.ant-calendar-time .ant-calendar-time-picker-panel {
height: 241px;
margin-top: -34px;
}
.ant-calendar-range.ant-calendar-time .ant-calendar-time-picker-inner {
padding-top: 34px;
height: 100%;
background: none;
}
.ant-calendar-range.ant-calendar-time .ant-calendar-time-picker-combobox {
display: inline-block;
height: 100%;
background-color: #fff;
border-top: 1px solid #e9e9e9;
}
.ant-calendar-range.ant-calendar-time .ant-calendar-time-picker-select {
height: 100%;
}
.ant-calendar-range.ant-calendar-time .ant-calendar-time-picker-select ul {
max-height: 100%;
}
.ant-calendar-range.ant-calendar-time .ant-calendar-footer .ant-calendar-time-picker-btn {
margin-right: 8px;
}
.ant-calendar-range.ant-calendar-time .ant-calendar-today-btn {
margin: 8px 12px;
height: 22px;
line-height: 22px;
}
.ant-calendar-range-with-ranges.ant-calendar-time .ant-calendar-time-picker {
height: 247px;
}
.ant-calendar-range-with-ranges.ant-calendar-time .ant-calendar-time-picker-panel {
height: 281px;
}
.ant-calendar-range.ant-calendar-show-time-picker .ant-calendar-body {
border-top-color: transparent;
}
.ant-calendar-time-picker {
position: absolute;
width: 100%;
top: 34px;
background-color: #fff;
}
.ant-calendar-time-picker-panel {
z-index: 1050;
position: absolute;
width: 100%;
}
.ant-calendar-time-picker-inner {
display: inline-block;
position: relative;
outline: none;
list-style: none;
font-size: 12px;
text-align: left;
background-color: #fff;
background-clip: padding-box;
line-height: 1.5;
overflow: hidden;
width: 100%;
}
.ant-calendar-time-picker-combobox {
width: 100%;
}
.ant-calendar-time-picker-column-1,
.ant-calendar-time-picker-column-1 .ant-calendar-time-picker-select {
width: 100%;
}
.ant-calendar-time-picker-column-2 .ant-calendar-time-picker-select {
width: 50%;
}
.ant-calendar-time-picker-column-3 .ant-calendar-time-picker-select {
width: 33.33%;
}
.ant-calendar-time-picker-column-4 .ant-calendar-time-picker-select {
width: 25%;
}
.ant-calendar-time-picker-input-wrap {
display: none;
}
.ant-calendar-time-picker-select {
float: left;
font-size: 12px;
border-right: 1px solid #e9e9e9;
box-sizing: border-box;
overflow: hidden;
position: relative;
height: 206px;
}
.ant-calendar-time-picker-select:hover {
overflow-y: auto;
}
.ant-calendar-time-picker-select:first-child {
border-left: 0;
margin-left: 0;
}
.ant-calendar-time-picker-select:last-child {
border-right: 0;
}
.ant-calendar-time-picker-select ul {
list-style: none;
box-sizing: border-box;
margin: 0;
padding: 0;
width: 100%;
max-height: 206px;
}
.ant-calendar-time-picker-select li {
text-align: center;
list-style: none;
box-sizing: content-box;
margin: 0;
width: 100%;
height: 24px;
line-height: 24px;
cursor: pointer;
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
transition: background 0.3s ease;
}
.ant-calendar-time-picker-select li:last-child:after {
content: '';
height: 182px;
display: block;
}
.ant-calendar-time-picker-select li:hover {
background: #ecf6fd;
}
li.ant-calendar-time-picker-select-option-selected {
background: #f7f7f7;
font-weight: bold;
}
li.ant-calendar-time-picker-select-option-disabled {
color: rgba(0, 0, 0, 0.25);
}
li.ant-calendar-time-picker-select-option-disabled:hover {
background: transparent;
cursor: not-allowed;
}
.ant-calendar-time .ant-calendar-day-select {
padding: 0 2px;
font-weight: bold;
display: inline-block;
color: rgba(0, 0, 0, 0.65);
line-height: 34px;
}
.ant-calendar-time .ant-calendar-footer {
position: relative;
height: auto;
line-height: auto;
}
.ant-calendar-time .ant-calendar-footer-btn {
text-align: right;
}
.ant-calendar-time .ant-calendar-footer .ant-calendar-today-btn {
float: left;
margin: 0;
}
.ant-calendar-time .ant-calendar-footer .ant-calendar-time-picker-btn {
display: inline-block;
margin-right: 8px;
}
.ant-calendar-time .ant-calendar-footer .ant-calendar-time-picker-btn-disabled {
color: rgba(0, 0, 0, 0.25);
}
.ant-calendar-month-panel {
position: absolute;
top: 1px;
right: 0;
bottom: 0;
left: 0;
z-index: 10;
border-radius: 4px;
background: #fff;
outline: none;
}
.ant-calendar-month-panel>div {
height: 100%;
}
.ant-calendar-month-panel-hidden {
display: none;
}
.ant-calendar-month-panel-header {
height: 34px;
line-height: 34px;
text-align: center;
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
border-bottom: 1px solid #e9e9e9;
}
.ant-calendar-month-panel-header a:hover {
color: #49a9ee;
}
.ant-calendar-month-panel-header .ant-calendar-month-panel-century-select,
.ant-calendar-month-panel-header .ant-calendar-month-panel-decade-select,
.ant-calendar-month-panel-header .ant-calendar-month-panel-year-select,
.ant-calendar-month-panel-header .ant-calendar-month-panel-month-select {
padding: 0 2px;
font-weight: bold;
display: inline-block;
color: rgba(0, 0, 0, 0.65);
line-height: 34px;
}
.ant-calendar-month-panel-header .ant-calendar-month-panel-century-select-arrow,
.ant-calendar-month-panel-header .ant-calendar-month-panel-decade-select-arrow,
.ant-calendar-month-panel-header .ant-calendar-month-panel-year-select-arrow,
.ant-calendar-month-panel-header .ant-calendar-month-panel-month-select-arrow {
display: none;
}
.ant-calendar-month-panel-header .ant-calendar-month-panel-prev-century-btn,
.ant-calendar-month-panel-header .ant-calendar-month-panel-next-century-btn,
.ant-calendar-month-panel-header .ant-calendar-month-panel-prev-decade-btn,
.ant-calendar-month-panel-header .ant-calendar-month-panel-next-decade-btn,
.ant-calendar-month-panel-header .ant-calendar-month-panel-prev-month-btn,
.ant-calendar-month-panel-header .ant-calendar-month-panel-next-month-btn,
.ant-calendar-month-panel-header .ant-calendar-month-panel-prev-year-btn,
.ant-calendar-month-panel-header .ant-calendar-month-panel-next-year-btn {
position: absolute;
top: 0;
color: rgba(0, 0, 0, 0.43);
font-family: Arial, "Hiragino Sans GB", "Microsoft Yahei", "Microsoft Sans Serif", sans-serif;
padding: 0 5px;
font-size: 16px;
display: inline-block;
line-height: 34px;
}
.ant-calendar-month-panel-header .ant-calendar-month-panel-prev-century-btn,
.ant-calendar-month-panel-header .ant-calendar-month-panel-prev-decade-btn,
.ant-calendar-month-panel-header .ant-calendar-month-panel-prev-year-btn {
left: 7px;
}
.ant-calendar-month-panel-header .ant-calendar-month-panel-prev-century-btn:after,
.ant-calendar-month-panel-header .ant-calendar-month-panel-prev-decade-btn:after,
.ant-calendar-month-panel-header .ant-calendar-month-panel-prev-year-btn:after {
content: '\AB';
}
.ant-calendar-month-panel-header .ant-calendar-month-panel-next-century-btn,
.ant-calendar-month-panel-header .ant-calendar-month-panel-next-decade-btn,
.ant-calendar-month-panel-header .ant-calendar-month-panel-next-year-btn {
right: 7px;
}
.ant-calendar-month-panel-header .ant-calendar-month-panel-next-century-btn:after,
.ant-calendar-month-panel-header .ant-calendar-month-panel-next-decade-btn:after,
.ant-calendar-month-panel-header .ant-calendar-month-panel-next-year-btn:after {
content: '\BB';
}
.ant-calendar-month-panel-header .ant-calendar-month-panel-prev-month-btn {
left: 29px;
}
.ant-calendar-month-panel-header .ant-calendar-month-panel-prev-month-btn:after {
content: '\2039';
}
.ant-calendar-month-panel-header .ant-calendar-month-panel-next-month-btn {
right: 29px;
}
.ant-calendar-month-panel-header .ant-calendar-month-panel-next-month-btn:after {
content: '\203A';
}
.ant-calendar-month-panel-body {
height: calc(100% - 34px);
}
.ant-calendar-month-panel-table {
table-layout: fixed;
width: 100%;
height: 100%;
border-collapse: separate;
}
.ant-calendar-month-panel-selected-cell .ant-calendar-month-panel-month {
background: #108ee9;
color: #fff;
}
.ant-calendar-month-panel-selected-cell .ant-calendar-month-panel-month:hover {
background: #108ee9;
color: #fff;
}
.ant-calendar-month-panel-cell {
text-align: center;
}
.ant-calendar-month-panel-cell-disabled .ant-calendar-month-panel-month,
.ant-calendar-month-panel-cell-disabled .ant-calendar-month-panel-month:hover {
cursor: not-allowed;
color: #bcbcbc;
background: #f7f7f7;
}
.ant-calendar-month-panel-month {
display: inline-block;
margin: 0 auto;
color: rgba(0, 0, 0, 0.65);
background: transparent;
text-align: center;
height: 24px;
line-height: 24px;
padding: 0 6px;
border-radius: 4px;
transition: background 0.3s ease;
}
.ant-calendar-month-panel-month:hover {
background: #ecf6fd;
cursor: pointer;
}
.ant-calendar-year-panel {
position: absolute;
top: 1px;
right: 0;
bottom: 0;
left: 0;
z-index: 10;
border-radius: 4px;
background: #fff;
outline: none;
}
.ant-calendar-year-panel>div {
height: 100%;
}
.ant-calendar-year-panel-hidden {
display: none;
}
.ant-calendar-year-panel-header {
height: 34px;
line-height: 34px;
text-align: center;
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
border-bottom: 1px solid #e9e9e9;
}
.ant-calendar-year-panel-header a:hover {
color: #49a9ee;
}
.ant-calendar-year-panel-header .ant-calendar-year-panel-century-select,
.ant-calendar-year-panel-header .ant-calendar-year-panel-decade-select,
.ant-calendar-year-panel-header .ant-calendar-year-panel-year-select,
.ant-calendar-year-panel-header .ant-calendar-year-panel-month-select {
padding: 0 2px;
font-weight: bold;
display: inline-block;
color: rgba(0, 0, 0, 0.65);
line-height: 34px;
}
.ant-calendar-year-panel-header .ant-calendar-year-panel-century-select-arrow,
.ant-calendar-year-panel-header .ant-calendar-year-panel-decade-select-arrow,
.ant-calendar-year-panel-header .ant-calendar-year-panel-year-select-arrow,
.ant-calendar-year-panel-header .ant-calendar-year-panel-month-select-arrow {
display: none;
}
.ant-calendar-year-panel-header .ant-calendar-year-panel-prev-century-btn,
.ant-calendar-year-panel-header .ant-calendar-year-panel-next-century-btn,
.ant-calendar-year-panel-header .ant-calendar-year-panel-prev-decade-btn,
.ant-calendar-year-panel-header .ant-calendar-year-panel-next-decade-btn,
.ant-calendar-year-panel-header .ant-calendar-year-panel-prev-month-btn,
.ant-calendar-year-panel-header .ant-calendar-year-panel-next-month-btn,
.ant-calendar-year-panel-header .ant-calendar-year-panel-prev-year-btn,
.ant-calendar-year-panel-header .ant-calendar-year-panel-next-year-btn {
position: absolute;
top: 0;
color: rgba(0, 0, 0, 0.43);
font-family: Arial, "Hiragino Sans GB", "Microsoft Yahei", "Microsoft Sans Serif", sans-serif;
padding: 0 5px;
font-size: 16px;
display: inline-block;
line-height: 34px;
}
.ant-calendar-year-panel-header .ant-calendar-year-panel-prev-century-btn,
.ant-calendar-year-panel-header .ant-calendar-year-panel-prev-decade-btn,
.ant-calendar-year-panel-header .ant-calendar-year-panel-prev-year-btn {
left: 7px;
}
.ant-calendar-year-panel-header .ant-calendar-year-panel-prev-century-btn:after,
.ant-calendar-year-panel-header .ant-calendar-year-panel-prev-decade-btn:after,
.ant-calendar-year-panel-header .ant-calendar-year-panel-prev-year-btn:after {
content: '\AB';
}
.ant-calendar-year-panel-header .ant-calendar-year-panel-next-century-btn,
.ant-calendar-year-panel-header .ant-calendar-year-panel-next-decade-btn,
.ant-calendar-year-panel-header .ant-calendar-year-panel-next-year-btn {
right: 7px;
}
.ant-calendar-year-panel-header .ant-calendar-year-panel-next-century-btn:after,
.ant-calendar-year-panel-header .ant-calendar-year-panel-next-decade-btn:after,
.ant-calendar-year-panel-header .ant-calendar-year-panel-next-year-btn:after {
content: '\BB';
}
.ant-calendar-year-panel-header .ant-calendar-year-panel-prev-month-btn {
left: 29px;
}
.ant-calendar-year-panel-header .ant-calendar-year-panel-prev-month-btn:after {
content: '\2039';
}
.ant-calendar-year-panel-header .ant-calendar-year-panel-next-month-btn {
right: 29px;
}
.ant-calendar-year-panel-header .ant-calendar-year-panel-next-month-btn:after {
content: '\203A';
}
.ant-calendar-year-panel-body {
height: calc(100% - 34px);
}
.ant-calendar-year-panel-table {
table-layout: fixed;
width: 100%;
height: 100%;
border-collapse: separate;
}
.ant-calendar-year-panel-cell {
text-align: center;
}
.ant-calendar-year-panel-year {
display: inline-block;
margin: 0 auto;
color: rgba(0, 0, 0, 0.65);
background: transparent;
text-align: center;
height: 24px;
line-height: 24px;
padding: 0 6px;
border-radius: 4px;
transition: background 0.3s ease;
}
.ant-calendar-year-panel-year:hover {
background: #ecf6fd;
cursor: pointer;
}
.ant-calendar-year-panel-selected-cell .ant-calendar-year-panel-year {
background: #108ee9;
color: #fff;
}
.ant-calendar-year-panel-selected-cell .ant-calendar-year-panel-year:hover {
background: #108ee9;
color: #fff;
}
.ant-calendar-year-panel-last-decade-cell .ant-calendar-year-panel-year,
.ant-calendar-year-panel-next-decade-cell .ant-calendar-year-panel-year {
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
color: rgba(0, 0, 0, 0.25);
}
.ant-calendar-decade-panel {
position: absolute;
top: 0;
right: 0;
bottom: 0;
left: 0;
z-index: 10;
background: #fff;
border-radius: 4px;
outline: none;
}
.ant-calendar-decade-panel-hidden {
display: none;
}
.ant-calendar-decade-panel-header {
height: 34px;
line-height: 34px;
text-align: center;
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
border-bottom: 1px solid #e9e9e9;
}
.ant-calendar-decade-panel-header a:hover {
color: #49a9ee;
}
.ant-calendar-decade-panel-header .ant-calendar-decade-panel-century-select,
.ant-calendar-decade-panel-header .ant-calendar-decade-panel-decade-select,
.ant-calendar-decade-panel-header .ant-calendar-decade-panel-year-select,
.ant-calendar-decade-panel-header .ant-calendar-decade-panel-month-select {
padding: 0 2px;
font-weight: bold;
display: inline-block;
color: rgba(0, 0, 0, 0.65);
line-height: 34px;
}
.ant-calendar-decade-panel-header .ant-calendar-decade-panel-century-select-arrow,
.ant-calendar-decade-panel-header .ant-calendar-decade-panel-decade-select-arrow,
.ant-calendar-decade-panel-header .ant-calendar-decade-panel-year-select-arrow,
.ant-calendar-decade-panel-header .ant-calendar-decade-panel-month-select-arrow {
display: none;
}
.ant-calendar-decade-panel-header .ant-calendar-decade-panel-prev-century-btn,
.ant-calendar-decade-panel-header .ant-calendar-decade-panel-next-century-btn,
.ant-calendar-decade-panel-header .ant-calendar-decade-panel-prev-decade-btn,
.ant-calendar-decade-panel-header .ant-calendar-decade-panel-next-decade-btn,
.ant-calendar-decade-panel-header .ant-calendar-decade-panel-prev-month-btn,
.ant-calendar-decade-panel-header .ant-calendar-decade-panel-next-month-btn,
.ant-calendar-decade-panel-header .ant-calendar-decade-panel-prev-year-btn,
.ant-calendar-decade-panel-header .ant-calendar-decade-panel-next-year-btn {
position: absolute;
top: 0;
color: rgba(0, 0, 0, 0.43);
font-family: Arial, "Hiragino Sans GB", "Microsoft Yahei", "Microsoft Sans Serif", sans-serif;
padding: 0 5px;
font-size: 16px;
display: inline-block;
line-height: 34px;
}
.ant-calendar-decade-panel-header .ant-calendar-decade-panel-prev-century-btn,
.ant-calendar-decade-panel-header .ant-calendar-decade-panel-prev-decade-btn,
.ant-calendar-decade-panel-header .ant-calendar-decade-panel-prev-year-btn {
left: 7px;
}
.ant-calendar-decade-panel-header .ant-calendar-decade-panel-prev-century-btn:after,
.ant-calendar-decade-panel-header .ant-calendar-decade-panel-prev-decade-btn:after,
.ant-calendar-decade-panel-header .ant-calendar-decade-panel-prev-year-btn:after {
content: '\AB';
}
.ant-calendar-decade-panel-header .ant-calendar-decade-panel-next-century-btn,
.ant-calendar-decade-panel-header .ant-calendar-decade-panel-next-decade-btn,
.ant-calendar-decade-panel-header .ant-calendar-decade-panel-next-year-btn {
right: 7px;
}
.ant-calendar-decade-panel-header .ant-calendar-decade-panel-next-century-btn:after,
.ant-calendar-decade-panel-header .ant-calendar-decade-panel-next-decade-btn:after,
.ant-calendar-decade-panel-header .ant-calendar-decade-panel-next-year-btn:after {
content: '\BB';
}
.ant-calendar-decade-panel-header .ant-calendar-decade-panel-prev-month-btn {
left: 29px;
}
.ant-calendar-decade-panel-header .ant-calendar-decade-panel-prev-month-btn:after {
content: '\2039';
}
.ant-calendar-decade-panel-header .ant-calendar-decade-panel-next-month-btn {
right: 29px;
}
.ant-calendar-decade-panel-header .ant-calendar-decade-panel-next-month-btn:after {
content: '\203A';
}
.ant-calendar-decade-panel-body {
height: calc(100% - 34px);
}
.ant-calendar-decade-panel-table {
table-layout: fixed;
width: 100%;
height: 100%;
border-collapse: separate;
}
.ant-calendar-decade-panel-cell {
text-align: center;
white-space: nowrap;
}
.ant-calendar-decade-panel-decade {
display: inline-block;
margin: 0 auto;
color: rgba(0, 0, 0, 0.65);
background: transparent;
text-align: center;
height: 24px;
line-height: 24px;
padding: 0 6px;
border-radius: 4px;
transition: background 0.3s ease;
}
.ant-calendar-decade-panel-decade:hover {
background: #ecf6fd;
cursor: pointer;
}
.ant-calendar-decade-panel-selected-cell .ant-calendar-decade-panel-decade {
background: #108ee9;
color: #fff;
}
.ant-calendar-decade-panel-selected-cell .ant-calendar-decade-panel-decade:hover {
background: #108ee9;
color: #fff;
}
.ant-calendar-decade-panel-last-century-cell .ant-calendar-decade-panel-decade,
.ant-calendar-decade-panel-next-century-cell .ant-calendar-decade-panel-decade {
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
color: rgba(0, 0, 0, 0.25);
}
.ant-calendar-month .ant-calendar-month-panel,
.ant-calendar-month .ant-calendar-year-panel {
top: 0;
height: 248px;
}
</style>
<style type="text/css">
/* stylelint-disable at-rule-empty-line-before,at-rule-name-space-after,at-rule-no-unknown */
/* stylelint-disable declaration-bang-space-before */
/* stylelint-disable declaration-bang-space-before */
.ant-input-search-icon {
cursor: pointer;
transition: all .3s;
font-size: 14px;
}
.ant-input-search-icon:hover {
color: #108ee9;
}
.ant-search-input-wrapper {
display: inline-block;
vertical-align: middle;
}
.ant-search-input.ant-input-group .ant-input:first-child,
.ant-search-input.ant-input-group .ant-select:first-child {
border-radius: 4px;
position: absolute;
top: -1px;
width: 100%;
}
.ant-search-input.ant-input-group .ant-input:first-child {
padding-right: 36px;
}
.ant-search-input .ant-search-btn {
color: rgba(0, 0, 0, 0.65);
background-color: #fff;
border-color: #d9d9d9;
border-radius: 0 3px 3px 0;
left: -1px;
position: relative;
border-width: 0 0 0 1px;
z-index: 2;
padding-left: 8px;
padding-right: 8px;
}
.ant-search-input .ant-search-btn>a:only-child {
color: currentColor;
}
.ant-search-input .ant-search-btn>a:only-child:after {
content: '';
position: absolute;
top: 0;
left: 0;
bottom: 0;
right: 0;
background: transparent;
}
.ant-search-input .ant-search-btn:hover,
.ant-search-input .ant-search-btn:focus {
color: #108ee9;
background-color: #fff;
border-color: #108ee9;
}
.ant-search-input .ant-search-btn:hover>a:only-child,
.ant-search-input .ant-search-btn:focus>a:only-child {
color: currentColor;
}
.ant-search-input .ant-search-btn:hover>a:only-child:after,
.ant-search-input .ant-search-btn:focus>a:only-child:after {
content: '';
position: absolute;
top: 0;
left: 0;
bottom: 0;
right: 0;
background: transparent;
}
.ant-search-input .ant-search-btn:active,
.ant-search-input .ant-search-btn.active {
color: #0e77ca;
background-color: #fff;
border-color: #0e77ca;
}
.ant-search-input .ant-search-btn:active>a:only-child,
.ant-search-input .ant-search-btn.active>a:only-child {
color: currentColor;
}
.ant-search-input .ant-search-btn:active>a:only-child:after,
.ant-search-input .ant-search-btn.active>a:only-child:after {
content: '';
position: absolute;
top: 0;
left: 0;
bottom: 0;
right: 0;
background: transparent;
}
.ant-search-input .ant-search-btn.disabled,
.ant-search-input .ant-search-btn[disabled],
.ant-search-input .ant-search-btn.disabled:hover,
.ant-search-input .ant-search-btn[disabled]:hover,
.ant-search-input .ant-search-btn.disabled:focus,
.ant-search-input .ant-search-btn[disabled]:focus,
.ant-search-input .ant-search-btn.disabled:active,
.ant-search-input .ant-search-btn[disabled]:active,
.ant-search-input .ant-search-btn.disabled.active,
.ant-search-input .ant-search-btn[disabled].active {
color: rgba(0, 0, 0, 0.25);
background-color: #f7f7f7;
border-color: #d9d9d9;
}
.ant-search-input .ant-search-btn.disabled>a:only-child,
.ant-search-input .ant-search-btn[disabled]>a:only-child,
.ant-search-input .ant-search-btn.disabled:hover>a:only-child,
.ant-search-input .ant-search-btn[disabled]:hover>a:only-child,
.ant-search-input .ant-search-btn.disabled:focus>a:only-child,
.ant-search-input .ant-search-btn[disabled]:focus>a:only-child,
.ant-search-input .ant-search-btn.disabled:active>a:only-child,
.ant-search-input .ant-search-btn[disabled]:active>a:only-child,
.ant-search-input .ant-search-btn.disabled.active>a:only-child,
.ant-search-input .ant-search-btn[disabled].active>a:only-child {
color: currentColor;
}
.ant-search-input .ant-search-btn.disabled>a:only-child:after,
.ant-search-input .ant-search-btn[disabled]>a:only-child:after,
.ant-search-input .ant-search-btn.disabled:hover>a:only-child:after,
.ant-search-input .ant-search-btn[disabled]:hover>a:only-child:after,
.ant-search-input .ant-search-btn.disabled:focus>a:only-child:after,
.ant-search-input .ant-search-btn[disabled]:focus>a:only-child:after,
.ant-search-input .ant-search-btn.disabled:active>a:only-child:after,
.ant-search-input .ant-search-btn[disabled]:active>a:only-child:after,
.ant-search-input .ant-search-btn.disabled.active>a:only-child:after,
.ant-search-input .ant-search-btn[disabled].active>a:only-child:after {
content: '';
position: absolute;
top: 0;
left: 0;
bottom: 0;
right: 0;
background: transparent;
}
.ant-search-input .ant-search-btn:hover,
.ant-search-input .ant-search-btn:focus,
.ant-search-input .ant-search-btn:active,
.ant-search-input .ant-search-btn.active {
background: #fff;
}
.ant-search-input .ant-search-btn:hover {
border-color: #d9d9d9;
}
.ant-search-input.ant-search-input-focus .ant-search-btn-noempty,
.ant-search-input:hover .ant-search-btn-noempty {
color: #fff;
background-color: #108ee9;
border-color: #108ee9;
}
.ant-search-input.ant-search-input-focus .ant-search-btn-noempty>a:only-child,
.ant-search-input:hover .ant-search-btn-noempty>a:only-child {
color: currentColor;
}
.ant-search-input.ant-search-input-focus .ant-search-btn-noempty>a:only-child:after,
.ant-search-input:hover .ant-search-btn-noempty>a:only-child:after {
content: '';
position: absolute;
top: 0;
left: 0;
bottom: 0;
right: 0;
background: transparent;
}
.ant-search-input.ant-search-input-focus .ant-search-btn-noempty:hover,
.ant-search-input:hover .ant-search-btn-noempty:hover,
.ant-search-input.ant-search-input-focus .ant-search-btn-noempty:focus,
.ant-search-input:hover .ant-search-btn-noempty:focus {
color: #fff;
background-color: #49a9ee;
border-color: #49a9ee;
}
.ant-search-input.ant-search-input-focus .ant-search-btn-noempty:hover>a:only-child,
.ant-search-input:hover .ant-search-btn-noempty:hover>a:only-child,
.ant-search-input.ant-search-input-focus .ant-search-btn-noempty:focus>a:only-child,
.ant-search-input:hover .ant-search-btn-noempty:focus>a:only-child {
color: currentColor;
}
.ant-search-input.ant-search-input-focus .ant-search-btn-noempty:hover>a:only-child:after,
.ant-search-input:hover .ant-search-btn-noempty:hover>a:only-child:after,
.ant-search-input.ant-search-input-focus .ant-search-btn-noempty:focus>a:only-child:after,
.ant-search-input:hover .ant-search-btn-noempty:focus>a:only-child:after {
content: '';
position: absolute;
top: 0;
left: 0;
bottom: 0;
right: 0;
background: transparent;
}
.ant-search-input.ant-search-input-focus .ant-search-btn-noempty:active,
.ant-search-input:hover .ant-search-btn-noempty:active,
.ant-search-input.ant-search-input-focus .ant-search-btn-noempty.active,
.ant-search-input:hover .ant-search-btn-noempty.active {
color: #fff;
background-color: #0e77ca;
border-color: #0e77ca;
}
.ant-search-input.ant-search-input-focus .ant-search-btn-noempty:active>a:only-child,
.ant-search-input:hover .ant-search-btn-noempty:active>a:only-child,
.ant-search-input.ant-search-input-focus .ant-search-btn-noempty.active>a:only-child,
.ant-search-input:hover .ant-search-btn-noempty.active>a:only-child {
color: currentColor;
}
.ant-search-input.ant-search-input-focus .ant-search-btn-noempty:active>a:only-child:after,
.ant-search-input:hover .ant-search-btn-noempty:active>a:only-child:after,
.ant-search-input.ant-search-input-focus .ant-search-btn-noempty.active>a:only-child:after,
.ant-search-input:hover .ant-search-btn-noempty.active>a:only-child:after {
content: '';
position: absolute;
top: 0;
left: 0;
bottom: 0;
right: 0;
background: transparent;
}
.ant-search-input.ant-search-input-focus .ant-search-btn-noempty.disabled,
.ant-search-input:hover .ant-search-btn-noempty.disabled,
.ant-search-input.ant-search-input-focus .ant-search-btn-noempty[disabled],
.ant-search-input:hover .ant-search-btn-noempty[disabled],
.ant-search-input.ant-search-input-focus .ant-search-btn-noempty.disabled:hover,
.ant-search-input:hover .ant-search-btn-noempty.disabled:hover,
.ant-search-input.ant-search-input-focus .ant-search-btn-noempty[disabled]:hover,
.ant-search-input:hover .ant-search-btn-noempty[disabled]:hover,
.ant-search-input.ant-search-input-focus .ant-search-btn-noempty.disabled:focus,
.ant-search-input:hover .ant-search-btn-noempty.disabled:focus,
.ant-search-input.ant-search-input-focus .ant-search-btn-noempty[disabled]:focus,
.ant-search-input:hover .ant-search-btn-noempty[disabled]:focus,
.ant-search-input.ant-search-input-focus .ant-search-btn-noempty.disabled:active,
.ant-search-input:hover .ant-search-btn-noempty.disabled:active,
.ant-search-input.ant-search-input-focus .ant-search-btn-noempty[disabled]:active,
.ant-search-input:hover .ant-search-btn-noempty[disabled]:active,
.ant-search-input.ant-search-input-focus .ant-search-btn-noempty.disabled.active,
.ant-search-input:hover .ant-search-btn-noempty.disabled.active,
.ant-search-input.ant-search-input-focus .ant-search-btn-noempty[disabled].active,
.ant-search-input:hover .ant-search-btn-noempty[disabled].active {
color: rgba(0, 0, 0, 0.25);
background-color: #f7f7f7;
border-color: #d9d9d9;
}
.ant-search-input.ant-search-input-focus .ant-search-btn-noempty.disabled>a:only-child,
.ant-search-input:hover .ant-search-btn-noempty.disabled>a:only-child,
.ant-search-input.ant-search-input-focus .ant-search-btn-noempty[disabled]>a:only-child,
.ant-search-input:hover .ant-search-btn-noempty[disabled]>a:only-child,
.ant-search-input.ant-search-input-focus .ant-search-btn-noempty.disabled:hover>a:only-child,
.ant-search-input:hover .ant-search-btn-noempty.disabled:hover>a:only-child,
.ant-search-input.ant-search-input-focus .ant-search-btn-noempty[disabled]:hover>a:only-child,
.ant-search-input:hover .ant-search-btn-noempty[disabled]:hover>a:only-child,
.ant-search-input.ant-search-input-focus .ant-search-btn-noempty.disabled:focus>a:only-child,
.ant-search-input:hover .ant-search-btn-noempty.disabled:focus>a:only-child,
.ant-search-input.ant-search-input-focus .ant-search-btn-noempty[disabled]:focus>a:only-child,
.ant-search-input:hover .ant-search-btn-noempty[disabled]:focus>a:only-child,
.ant-search-input.ant-search-input-focus .ant-search-btn-noempty.disabled:active>a:only-child,
.ant-search-input:hover .ant-search-btn-noempty.disabled:active>a:only-child,
.ant-search-input.ant-search-input-focus .ant-search-btn-noempty[disabled]:active>a:only-child,
.ant-search-input:hover .ant-search-btn-noempty[disabled]:active>a:only-child,
.ant-search-input.ant-search-input-focus .ant-search-btn-noempty.disabled.active>a:only-child,
.ant-search-input:hover .ant-search-btn-noempty.disabled.active>a:only-child,
.ant-search-input.ant-search-input-focus .ant-search-btn-noempty[disabled].active>a:only-child,
.ant-search-input:hover .ant-search-btn-noempty[disabled].active>a:only-child {
color: currentColor;
}
.ant-search-input.ant-search-input-focus .ant-search-btn-noempty.disabled>a:only-child:after,
.ant-search-input:hover .ant-search-btn-noempty.disabled>a:only-child:after,
.ant-search-input.ant-search-input-focus .ant-search-btn-noempty[disabled]>a:only-child:after,
.ant-search-input:hover .ant-search-btn-noempty[disabled]>a:only-child:after,
.ant-search-input.ant-search-input-focus .ant-search-btn-noempty.disabled:hover>a:only-child:after,
.ant-search-input:hover .ant-search-btn-noempty.disabled:hover>a:only-child:after,
.ant-search-input.ant-search-input-focus .ant-search-btn-noempty[disabled]:hover>a:only-child:after,
.ant-search-input:hover .ant-search-btn-noempty[disabled]:hover>a:only-child:after,
.ant-search-input.ant-search-input-focus .ant-search-btn-noempty.disabled:focus>a:only-child:after,
.ant-search-input:hover .ant-search-btn-noempty.disabled:focus>a:only-child:after,
.ant-search-input.ant-search-input-focus .ant-search-btn-noempty[disabled]:focus>a:only-child:after,
.ant-search-input:hover .ant-search-btn-noempty[disabled]:focus>a:only-child:after,
.ant-search-input.ant-search-input-focus .ant-search-btn-noempty.disabled:active>a:only-child:after,
.ant-search-input:hover .ant-search-btn-noempty.disabled:active>a:only-child:after,
.ant-search-input.ant-search-input-focus .ant-search-btn-noempty[disabled]:active>a:only-child:after,
.ant-search-input:hover .ant-search-btn-noempty[disabled]:active>a:only-child:after,
.ant-search-input.ant-search-input-focus .ant-search-btn-noempty.disabled.active>a:only-child:after,
.ant-search-input:hover .ant-search-btn-noempty.disabled.active>a:only-child:after,
.ant-search-input.ant-search-input-focus .ant-search-btn-noempty[disabled].active>a:only-child:after,
.ant-search-input:hover .ant-search-btn-noempty[disabled].active>a:only-child:after {
content: '';
position: absolute;
top: 0;
left: 0;
bottom: 0;
right: 0;
background: transparent;
}
.ant-search-input .ant-select-combobox .ant-select-selection__rendered {
margin-right: 29px;
}
.ant-input {
position: relative;
display: inline-block;
padding: 4px 7px;
width: 100%;
height: 28px;
font-size: 12px;
line-height: 1.5;
color: rgba(0, 0, 0, 0.65);
background-color: #fff;
background-image: none;
border: 1px solid #d9d9d9;
border-radius: 4px;
transition: all .3s;
}
.ant-input::-moz-placeholder {
color: #bfbfbf;
opacity: 1;
}
.ant-input:-ms-input-placeholder {
color: #bfbfbf;
}
.ant-input::-webkit-input-placeholder {
color: #bfbfbf;
}
.ant-input:hover {
border-color: #49a9ee;
}
.ant-input:focus {
border-color: #49a9ee;
outline: 0;
box-shadow: 0 0 0 2px rgba(16, 142, 233, 0.2);
}
.ant-input-disabled {
background-color: #f7f7f7;
opacity: 1;
cursor: not-allowed;
color: rgba(0, 0, 0, 0.25);
}
.ant-input-disabled:hover {
border-color: #e2e2e2;
}
textarea.ant-input {
max-width: 100%;
height: auto;
vertical-align: bottom;
transition: all .3s, height 0s;
}
.ant-input-lg {
padding: 6px 7px;
height: 32px;
}
.ant-input-sm {
padding: 1px 7px;
height: 22px;
}
.ant-input-group {
position: relative;
display: table;
border-collapse: separate;
border-spacing: 0;
width: 100%;
}
.ant-input-group[class*="col-"] {
float: none;
padding-left: 0;
padding-right: 0;
}
.ant-input-group>[class*="col-"] {
padding-right: 8px;
}
.ant-input-group>[class*="col-"]:last-child {
padding-right: 0;
}
.ant-input-group-addon,
.ant-input-group-wrap,
.ant-input-group>.ant-input {
display: table-cell;
}
.ant-input-group-addon:not(:first-child):not(:last-child),
.ant-input-group-wrap:not(:first-child):not(:last-child),
.ant-input-group>.ant-input:not(:first-child):not(:last-child) {
border-radius: 0;
}
.ant-input-group-addon,
.ant-input-group-wrap {
width: 1px;
white-space: nowrap;
vertical-align: middle;
}
.ant-input-group-wrap>* {
display: block !important;
}
.ant-input-group .ant-input {
float: left;
width: 100%;
margin-bottom: 0;
}
.ant-input-group .ant-input:focus {
z-index: 1;
}
.ant-input-group-addon {
padding: 4px 7px;
font-size: 12px;
font-weight: normal;
line-height: 1;
color: rgba(0, 0, 0, 0.65);
text-align: center;
background-color: #eee;
border: 1px solid #d9d9d9;
border-radius: 4px;
position: relative;
transition: all .3s;
}
.ant-input-group-addon .ant-select {
margin: -5px -7px;
}
.ant-input-group-addon .ant-select .ant-select-selection {
background-color: inherit;
margin: -1px;
border: 1px solid transparent;
box-shadow: none;
}
.ant-input-group-addon .ant-select-open .ant-select-selection,
.ant-input-group-addon .ant-select-focused .ant-select-selection {
color: #108ee9;
}
.ant-input-group-addon>i:only-child:after {
position: absolute;
content: '';
top: 0;
left: 0;
right: 0;
bottom: 0;
}
.ant-input-group>.ant-input:first-child,
.ant-input-group-addon:first-child {
border-bottom-right-radius: 0;
border-top-right-radius: 0;
}
.ant-input-group>.ant-input:first-child .ant-select .ant-select-selection,
.ant-input-group-addon:first-child .ant-select .ant-select-selection {
border-bottom-right-radius: 0;
border-top-right-radius: 0;
}
.ant-input-group>.ant-input-affix-wrapper:not(:first-child) .ant-input {
border-bottom-left-radius: 0;
border-top-left-radius: 0;
}
.ant-input-group>.ant-input-affix-wrapper:not(:last-child) .ant-input {
border-bottom-right-radius: 0;
border-top-right-radius: 0;
}
.ant-input-group-addon:first-child {
border-right: 0;
}
.ant-input-group-addon:last-child {
border-left: 0;
}
.ant-input-group>.ant-input:last-child,
.ant-input-group-addon:last-child {
border-bottom-left-radius: 0;
border-top-left-radius: 0;
}
.ant-input-group>.ant-input:last-child .ant-select .ant-select-selection,
.ant-input-group-addon:last-child .ant-select .ant-select-selection {
border-bottom-left-radius: 0;
border-top-left-radius: 0;
}
.ant-input-group-lg .ant-input,
.ant-input-group-lg>.ant-input-group-addon {
padding: 6px 7px;
height: 32px;
}
.ant-input-group-sm .ant-input,
.ant-input-group-sm>.ant-input-group-addon {
padding: 1px 7px;
height: 22px;
}
.ant-input-group-lg .ant-select-selection--single {
height: 32px;
}
.ant-input-group-sm .ant-select-selection--single {
height: 22px;
}
.ant-input-group .ant-input-affix-wrapper {
display: table-cell;
width: 100%;
float: left;
}
.ant-input-group.ant-input-group-compact {
display: block;
zoom: 1;
}
.ant-input-group.ant-input-group-compact:before,
.ant-input-group.ant-input-group-compact:after {
content: " ";
display: table;
}
.ant-input-group.ant-input-group-compact:after {
clear: both;
visibility: hidden;
font-size: 0;
height: 0;
}
.ant-input-group.ant-input-group-compact>* {
border-radius: 0;
border-right-width: 0;
vertical-align: top;
float: none;
display: inline-block;
}
.ant-input-group.ant-input-group-compact .ant-input {
float: none;
z-index: auto;
}
.ant-input-group.ant-input-group-compact>.ant-select>.ant-select-selection,
.ant-input-group.ant-input-group-compact>.ant-calendar-picker .ant-input,
.ant-input-group.ant-input-group-compact>.ant-select-auto-complete .ant-input,
.ant-input-group.ant-input-group-compact>.ant-cascader-picker .ant-input,
.ant-input-group.ant-input-group-compact>.ant-mention-wrapper .ant-mention-editor,
.ant-input-group.ant-input-group-compact>.ant-time-picker .ant-time-picker-input {
border-radius: 0;
border-right-width: 0;
}
.ant-input-group.ant-input-group-compact>*:first-child,
.ant-input-group.ant-input-group-compact>.ant-select:first-child>.ant-select-selection,
.ant-input-group.ant-input-group-compact>.ant-calendar-picker:first-child .ant-input,
.ant-input-group.ant-input-group-compact>.ant-select-auto-complete:first-child .ant-input,
.ant-input-group.ant-input-group-compact>.ant-cascader-picker:first-child .ant-input,
.ant-input-group.ant-input-group-compact>.ant-mention-wrapper:first-child .ant-mention-editor,
.ant-input-group.ant-input-group-compact>.ant-time-picker:first-child .ant-time-picker-input {
border-top-left-radius: 4px;
border-bottom-left-radius: 4px;
}
.ant-input-group.ant-input-group-compact>*:last-child,
.ant-input-group.ant-input-group-compact>.ant-select:last-child>.ant-select-selection,
.ant-input-group.ant-input-group-compact>.ant-calendar-picker:last-child .ant-input,
.ant-input-group.ant-input-group-compact>.ant-select-auto-complete:last-child .ant-input,
.ant-input-group.ant-input-group-compact>.ant-cascader-picker:last-child .ant-input,
.ant-input-group.ant-input-group-compact>.ant-mention-wrapper:last-child .ant-mention-editor,
.ant-input-group.ant-input-group-compact>.ant-time-picker:last-child .ant-time-picker-input {
border-top-right-radius: 4px;
border-bottom-right-radius: 4px;
border-right-width: 1px;
}
.ant-input-group-wrapper {
display: inline-block;
vertical-align: top;
width: 100%;
}
.ant-input-affix-wrapper {
position: relative;
display: inline-block;
width: 100%;
}
.ant-input-affix-wrapper .ant-input {
z-index: 1;
}
.ant-input-affix-wrapper:hover .ant-input:not(.ant-input-disabled) {
border-color: #49a9ee;
}
.ant-input-affix-wrapper .ant-input-prefix,
.ant-input-affix-wrapper .ant-input-suffix {
position: absolute;
top: 50%;
-ms-transform: translateY(-50%);
transform: translateY(-50%);
z-index: 2;
line-height: 0;
color: rgba(0, 0, 0, 0.65);
}
.ant-input-affix-wrapper .ant-input-prefix {
left: 7px;
}
.ant-input-affix-wrapper .ant-input-suffix {
right: 7px;
}
.ant-input-affix-wrapper .ant-input:not(:first-child) {
padding-left: 24px;
}
.ant-input-affix-wrapper .ant-input:not(:last-child) {
padding-right: 24px;
}
.ant-input-affix-wrapper .ant-input {
min-height: 100%;
}
</style>
<style type="text/css">
/* stylelint-disable at-rule-empty-line-before,at-rule-name-space-after,at-rule-no-unknown */
/* stylelint-disable declaration-bang-space-before */
/* stylelint-disable declaration-bang-space-before */
.ant-time-picker-panel {
z-index: 1050;
position: absolute;
}
.ant-time-picker-panel-inner {
position: relative;
outline: none;
list-style: none;
font-size: 12px;
text-align: left;
background-color: #fff;
border-radius: 4px;
box-shadow: 0 1px 6px rgba(0, 0, 0, 0.2);
background-clip: padding-box;
line-height: 1.5;
overflow: hidden;
left: -2px;
}
.ant-time-picker-panel-input {
margin: 0;
padding: 0;
border: 0;
width: 100%;
cursor: auto;
line-height: 1.5;
outline: 0;
}
.ant-time-picker-panel-input::-moz-placeholder {
color: #bfbfbf;
opacity: 1;
}
.ant-time-picker-panel-input:-ms-input-placeholder {
color: #bfbfbf;
}
.ant-time-picker-panel-input::-webkit-input-placeholder {
color: #bfbfbf;
}
.ant-time-picker-panel-input-wrap {
box-sizing: border-box;
position: relative;
padding: 6px;
border-bottom: 1px solid #e9e9e9;
}
.ant-time-picker-panel-input-invalid {
border-color: red;
}
.ant-time-picker-panel-clear-btn {
position: absolute;
right: 5px;
cursor: pointer;
overflow: hidden;
width: 20px;
height: 20px;
text-align: center;
line-height: 20px;
top: 5px;
margin: 0;
}
.ant-time-picker-panel-clear-btn:after {
font-size: 12px;
color: rgba(0, 0, 0, 0.25);
display: inline-block;
line-height: 1;
width: 20px;
transition: color 0.3s ease;
font-family: 'anticon';
text-rendering: optimizeLegibility;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
content: "\E62E";
}
.ant-time-picker-panel-clear-btn:hover:after {
color: rgba(0, 0, 0, 0.43);
}
.ant-time-picker-panel-narrow .ant-time-picker-panel-input-wrap {
max-width: 112px;
}
.ant-time-picker-panel-select {
float: left;
font-size: 12px;
border-left: 1px solid #e9e9e9;
box-sizing: border-box;
width: 56px;
overflow: hidden;
position: relative;
max-height: 144px;
}
.ant-time-picker-panel-select:hover {
overflow-y: auto;
}
.ant-time-picker-panel-select:first-child {
border-left: 0;
margin-left: 0;
}
.ant-time-picker-panel-select:last-child {
border-right: 0;
}
.ant-time-picker-panel-select:only-child {
width: 100%;
}
.ant-time-picker-panel-select ul {
list-style: none;
box-sizing: border-box;
margin: 0;
padding: 0 0 120px;
width: 100%;
}
.ant-time-picker-panel-select li {
list-style: none;
box-sizing: content-box;
margin: 0;
padding: 0 0 0 8px;
width: 100%;
height: 24px;
line-height: 24px;
text-align: left;
cursor: pointer;
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
transition: background 0.3s;
}
.ant-time-picker-panel-select li:hover {
background: #ecf6fd;
}
li.ant-time-picker-panel-select-option-selected {
background: #f7f7f7;
font-weight: bold;
}
li.ant-time-picker-panel-select-option-selected:hover {
background: #f7f7f7;
}
li.ant-time-picker-panel-select-option-disabled {
color: rgba(0, 0, 0, 0.25);
}
li.ant-time-picker-panel-select-option-disabled:hover {
background: transparent;
cursor: not-allowed;
}
.ant-time-picker-panel-combobox {
zoom: 1;
}
.ant-time-picker-panel-combobox:before,
.ant-time-picker-panel-combobox:after {
content: " ";
display: table;
}
.ant-time-picker-panel-combobox:after {
clear: both;
visibility: hidden;
font-size: 0;
height: 0;
}
.ant-time-picker-panel-addon {
padding: 8px;
border-top: 1px solid #e9e9e9;
}
.ant-time-picker-panel.slide-up-enter.slide-up-enter-active.ant-time-picker-panel-placement-topLeft,
.ant-time-picker-panel.slide-up-enter.slide-up-enter-active.ant-time-picker-panel-placement-topRight,
.ant-time-picker-panel.slide-up-appear.slide-up-appear-active.ant-time-picker-panel-placement-topLeft,
.ant-time-picker-panel.slide-up-appear.slide-up-appear-active.ant-time-picker-panel-placement-topRight {
animation-name: antSlideDownIn;
}
.ant-time-picker-panel.slide-up-enter.slide-up-enter-active.ant-time-picker-panel-placement-bottomLeft,
.ant-time-picker-panel.slide-up-enter.slide-up-enter-active.ant-time-picker-panel-placement-bottomRight,
.ant-time-picker-panel.slide-up-appear.slide-up-appear-active.ant-time-picker-panel-placement-bottomLeft,
.ant-time-picker-panel.slide-up-appear.slide-up-appear-active.ant-time-picker-panel-placement-bottomRight {
animation-name: antSlideUpIn;
}
.ant-time-picker-panel.slide-up-leave.slide-up-leave-active.ant-time-picker-panel-placement-topLeft,
.ant-time-picker-panel.slide-up-leave.slide-up-leave-active.ant-time-picker-panel-placement-topRight {
animation-name: antSlideDownOut;
}
.ant-time-picker-panel.slide-up-leave.slide-up-leave-active.ant-time-picker-panel-placement-bottomLeft,
.ant-time-picker-panel.slide-up-leave.slide-up-leave-active.ant-time-picker-panel-placement-bottomRight {
animation-name: antSlideUpOut;
}
.ant-time-picker {
position: relative;
display: inline-block;
outline: none;
font-size: 12px;
transition: opacity 0.3s ease;
width: 100px;
}
.ant-time-picker-input {
position: relative;
display: inline-block;
padding: 4px 7px;
width: 100%;
height: 28px;
font-size: 12px;
line-height: 1.5;
color: rgba(0, 0, 0, 0.65);
background-color: #fff;
background-image: none;
border: 1px solid #d9d9d9;
border-radius: 4px;
transition: all .3s;
}
.ant-time-picker-input::-moz-placeholder {
color: #bfbfbf;
opacity: 1;
}
.ant-time-picker-input:-ms-input-placeholder {
color: #bfbfbf;
}
.ant-time-picker-input::-webkit-input-placeholder {
color: #bfbfbf;
}
.ant-time-picker-input:hover {
border-color: #49a9ee;
}
.ant-time-picker-input:focus {
border-color: #49a9ee;
outline: 0;
box-shadow: 0 0 0 2px rgba(16, 142, 233, 0.2);
}
.ant-time-picker-input-disabled {
background-color: #f7f7f7;
opacity: 1;
cursor: not-allowed;
color: rgba(0, 0, 0, 0.25);
}
.ant-time-picker-input-disabled:hover {
border-color: #e2e2e2;
}
textarea.ant-time-picker-input {
max-width: 100%;
height: auto;
vertical-align: bottom;
transition: all .3s, height 0s;
}
.ant-time-picker-input-lg {
padding: 6px 7px;
height: 32px;
}
.ant-time-picker-input-sm {
padding: 1px 7px;
height: 22px;
}
.ant-time-picker-input[disabled] {
background-color: #f7f7f7;
opacity: 1;
cursor: not-allowed;
color: rgba(0, 0, 0, 0.25);
}
.ant-time-picker-input[disabled]:hover {
border-color: #e2e2e2;
}
.ant-time-picker-large .ant-time-picker-input {
padding: 6px 7px;
height: 32px;
}
.ant-time-picker-small .ant-time-picker-input {
padding: 1px 7px;
height: 22px;
}
.ant-time-picker-open {
opacity: 0;
}
.ant-time-picker-icon {
position: absolute;
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
transition: all 0.3s cubic-bezier(0.645, 0.045, 0.355, 1);
width: 14px;
height: 12px;
line-height: 12px;
right: 8px;
color: rgba(0, 0, 0, 0.43);
top: 50%;
margin-top: -6px;
}
.ant-time-picker-icon:after {
font-size: 12px;
color: rgba(0, 0, 0, 0.43);
display: block;
line-height: 1;
}
</style>
<style type="text/css">
.ant-time-picker-panel {
box-sizing: border-box;
margin: 0;
padding: 0;
color: rgba(0, 0, 0, .65);
font-size: 14px;
font-variant: tabular-nums;
line-height: 1.5;
list-style: none;
-webkit-font-feature-settings: "tnum";
font-feature-settings: "tnum";
position: absolute;
z-index: 1050;
font-family: -apple-system, BlinkMacSystemFont, Segoe UI, PingFang SC, Hiragino Sans GB, Microsoft YaHei, Helvetica Neue, Helvetica, Arial, sans-serif
}
.ant-time-picker-panel-inner {
position: relative;
left: -2px;
font-size: 14px;
text-align: left;
list-style: none;
background-color: #fff;
background-clip: padding-box;
border-radius: 4px;
outline: none;
box-shadow: 0 2px 8px rgba(0, 0, 0, .15)
}
.ant-time-picker-panel-input {
width: 100%;
max-width: 154px;
margin: 0;
padding: 0;
line-height: normal;
border: 0;
outline: 0;
cursor: auto
}
.ant-time-picker-panel-input:-ms-input-placeholder,
.ant-time-picker-panel-input::-moz-placeholder,
.ant-time-picker-panel-input::-webkit-input-placeholder {
color: #bfbfbf;
opacity: 1
}
.ant-time-picker-panel-input-wrap {
position: relative;
box-sizing: border-box;
padding: 7px 2px 7px 12px;
border-bottom: 1px solid #e8e8e8
}
.ant-time-picker-panel-input-invalid {
border-color: #f5222d
}
.ant-time-picker-panel-narrow .ant-time-picker-panel-input-wrap {
max-width: 112px
}
.ant-time-picker-panel-select {
position: relative;
float: left;
box-sizing: border-box;
width: 56px;
max-height: 192px;
overflow: hidden;
font-size: 14px;
border-left: 1px solid #e8e8e8
}
.ant-time-picker-panel-select:hover {
overflow-y: auto
}
.ant-time-picker-panel-select:first-child {
margin-left: 0;
border-left: 0
}
.ant-time-picker-panel-select:last-child {
border-right: 0
}
.ant-time-picker-panel-select:only-child {
width: 100%
}
.ant-time-picker-panel-select ul {
box-sizing: border-box;
width: 100%;
margin: 0;
padding: 0 0 160px;
list-style: none
}
.ant-time-picker-panel-select li {
box-sizing: content-box;
width: 100%;
height: 32px;
margin: 0;
padding: 0 0 0 12px;
line-height: 32px;
text-align: left;
list-style: none;
cursor: pointer;
transition: background .3s;
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none
}
.ant-time-picker-panel-select li:hover {
background: #e6f7ff
}
.ant-time-picker-panel-select-option-selected {
font-weight: 700;
background: #f5f5f5
}
.ant-time-picker-panel-select-option-selected:hover {
background: #f5f5f5
}
.ant-time-picker-panel-select-option-disabled {
color: rgba(0, 0, 0, .25)
}
.ant-time-picker-panel-select-option-disabled:hover {
background: transparent;
cursor: not-allowed
}
.ant-time-picker-panel-combobox {
zoom: 1
}
.ant-time-picker-panel-combobox:after,
.ant-time-picker-panel-combobox:before {
display: table;
content: ""
}
.ant-time-picker-panel-combobox:after {
clear: both
}
.ant-time-picker-panel-addon {
padding: 8px;
border-top: 1px solid #e8e8e8
}
.ant-time-picker-panel.slide-up-appear.slide-up-appear-active.ant-time-picker-panel-placement-topLeft,
.ant-time-picker-panel.slide-up-appear.slide-up-appear-active.ant-time-picker-panel-placement-topRight,
.ant-time-picker-panel.slide-up-enter.slide-up-enter-active.ant-time-picker-panel-placement-topLeft,
.ant-time-picker-panel.slide-up-enter.slide-up-enter-active.ant-time-picker-panel-placement-topRight {
-webkit-animation-name: antSlideDownIn;
animation-name: antSlideDownIn
}
.ant-time-picker-panel.slide-up-appear.slide-up-appear-active.ant-time-picker-panel-placement-bottomLeft,
.ant-time-picker-panel.slide-up-appear.slide-up-appear-active.ant-time-picker-panel-placement-bottomRight,
.ant-time-picker-panel.slide-up-enter.slide-up-enter-active.ant-time-picker-panel-placement-bottomLeft,
.ant-time-picker-panel.slide-up-enter.slide-up-enter-active.ant-time-picker-panel-placement-bottomRight {
-webkit-animation-name: antSlideUpIn;
animation-name: antSlideUpIn
}
.ant-time-picker-panel.slide-up-leave.slide-up-leave-active.ant-time-picker-panel-placement-topLeft,
.ant-time-picker-panel.slide-up-leave.slide-up-leave-active.ant-time-picker-panel-placement-topRight {
-webkit-animation-name: antSlideDownOut;
animation-name: antSlideDownOut
}
.ant-time-picker-panel.slide-up-leave.slide-up-leave-active.ant-time-picker-panel-placement-bottomLeft,
.ant-time-picker-panel.slide-up-leave.slide-up-leave-active.ant-time-picker-panel-placement-bottomRight {
-webkit-animation-name: antSlideUpOut;
animation-name: antSlideUpOut
}
.ant-time-picker {
box-sizing: border-box;
margin: 0;
padding: 0;
font-size: 14px;
font-variant: tabular-nums;
list-style: none;
-webkit-font-feature-settings: "tnum";
font-feature-settings: "tnum";
width: 128px;
outline: none;
cursor: text;
transition: opacity .3s
}
.ant-time-picker,
.ant-time-picker-input {
color: rgba(0, 0, 0, .65);
line-height: 1.5;
position: relative;
display: inline-block
}
.ant-time-picker-input {
width: 100%;
height: 32px;
padding: 4px 11px;
font-size: 14px;
background-color: #fff;
background-image: none;
border: 1px solid #d9d9d9;
border-radius: 4px;
transition: all .3s
}
.ant-time-picker-input:-ms-input-placeholder,
.ant-time-picker-input::-moz-placeholder,
.ant-time-picker-input::-webkit-input-placeholder {
color: #bfbfbf;
opacity: 1
}
.ant-time-picker-input[disabled] {
color: rgba(0, 0, 0, .25);
background-color: #f5f5f5;
cursor: not-allowed;
opacity: 1
}
.ant-time-picker-input[disabled]:hover {
border-color: #e6d8d8;
border-right-width: 1px !important
}
.ant-time-picker-open {
opacity: 0
}
.ant-time-picker-clear,
.ant-time-picker-icon {
position: absolute;
top: 15px;
right: -1px;
z-index: 1;
width: 14px;
height: 14px;
margin-top: -7px;
color: rgba(0, 0, 0, .25);
line-height: 14px;
transition: all .3s cubic-bezier(.645, .045, .355, 1);
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none
}
.ant-time-picker-clear .ant-time-picker-clock-icon,
.ant-time-picker-icon .ant-time-picker-clock-icon {
display: block;
color: rgba(0, 0, 0, .25);
line-height: 1
}
.ant-time-picker-clear {
z-index: 2;
background: #fff;
opacity: 0;
pointer-events: none
}
.ant-time-picker-clear:hover {
color: rgba(0, 0, 0, .45)
}
.ant-time-picker:hover .ant-time-picker-clear {
opacity: 1;
pointer-events: auto
}
.ant-time-picker-large .ant-time-picker-input {
height: 40px;
padding: 6px 11px;
font-size: 16px
}
.ant-time-picker-small .ant-time-picker-input {
height: 24px;
padding: 1px 7px
}
.ant-time-picker-small .ant-time-picker-clear,
.ant-time-picker-small .ant-time-picker-icon {
right: 7px
}
.ant-time-picker-panel-clear-btn:after {
font-family: iconfont !important;
content: "\E623"
}
</style>
<style type="text/css">
@-webkit-keyframes popoverOpacity {
0% {
opacity: 0
}
to {
opacity: 1
}
}
@keyframes popoverOpacity {
0% {
opacity: 0
}
to {
opacity: 1
}
}
.popover {
position: absolute;
z-index: 1060;
display: block;
font-family: Microsoft YaHei, \\5FAE\8F6F\96C5\9ED1, SimSun, \5b8b\4f53, sans-serif;
font-style: normal;
font-weight: 400;
letter-spacing: normal;
line-break: auto;
line-height: 1.5;
text-align: start;
text-decoration: none;
text-shadow: none;
text-transform: none;
white-space: normal;
word-break: normal;
word-spacing: normal;
font-size: .75rem;
word-wrap: break-word;
background-color: #131e27;
background-clip: padding-box;
border: 1px solid rgba(0, 0, 0, .2);
border-radius: .3rem;
-webkit-animation: popoverOpacity 1s ease;
animation: popoverOpacity 1s ease
}
.popover .popover-arrow {
width: 10px;
height: 10px
}
.popover.popover-top,
.popover.popover-top-left,
.popover.popover-top-right {
margin-top: -10px;
-webkit-transform: translate(-50%, -100%);
transform: translate(-50%, -100%)
}
.popover.popover-top-left .popover-arrow,
.popover.popover-top-right .popover-arrow,
.popover.popover-top .popover-arrow {
left: 50%;
bottom: 0;
-webkit-transform: translate(-50%, 53%) rotate(135deg);
transform: translate(-50%, 53%) rotate(135deg)
}
.popover.popover-top-left {
-webkit-transform: translateY(-100%);
transform: translateY(-100%)
}
.popover.popover-top-left .popover-arrow {
left: 20px
}
.popover.popover-top-right {
-webkit-transform: translate(-100%, -100%);
transform: translate(-100%, -100%)
}
.popover.popover-top-right .popover-arrow {
left: auto;
right: 5px
}
.popover.popover-left {
margin-left: -10px;
-webkit-transform: translate(-100%, -50%);
transform: translate(-100%, -50%)
}
.popover.popover-left .popover-arrow {
top: 50%;
right: 0;
-webkit-transform: translate(50%, -50%) rotate(45deg);
transform: translate(50%, -50%) rotate(45deg)
}
.popover.popover-right {
margin-left: 10px;
-webkit-transform: translateY(-50%);
transform: translateY(-50%)
}
.popover.popover-right .popover-arrow {
top: 50%;
left: 0;
-webkit-transform: translate(-50%, -50%) rotate(225deg);
transform: translate(-50%, -50%) rotate(225deg)
}
.popover.popover-bottom,
.popover.popover-bottom-left,
.popover.popover-bottom-right {
margin-top: 10px;
-webkit-transform: translateX(-50%);
transform: translateX(-50%)
}
.popover.popover-bottom-left .popover-arrow,
.popover.popover-bottom-right .popover-arrow,
.popover.popover-bottom .popover-arrow {
left: 50%;
top: 0;
-webkit-transform: translate(-50%, -50%) rotate(315deg);
transform: translate(-50%, -50%) rotate(315deg)
}
.popover.popover-bottom-left {
-webkit-transform: translateX(0);
transform: translateX(0)
}
.popover.popover-bottom-left .popover-arrow {
left: 20px
}
.popover.popover-bottom-right {
-webkit-transform: translateX(-100%);
transform: translateX(-100%)
}
.popover.popover-bottom-right .popover-arrow {
left: auto;
right: 5px
}
.popover.no-wrap {
white-space: nowrap
}
.popover-title {
padding: 8px 14px;
margin: 0;
font-size: 1rem;
background-color: #0e161d;
border-bottom: 1px solid #06090c;
border-radius: .2375rem .2375rem 0 0
}
.popover-title:empty {
display: none
}
.popover-content {
border-radius: inherit;
position: relative;
z-index: 2;
overflow: hidden;
white-space: nowrap
}
.popover-content span {
color: #fff
}
.detail-tips .popover-content {
white-space: pre-wrap
}
.detail-tips .popover-content span,
.log-tips .popover-content span {
color: #000
}
.popover-arrow {
padding: 4px;
border: 1px solid rgba(0, 0, 0, .25);
display: inline-block;
position: absolute;
border-width: 1px 1px 0 0;
background-color: #131e27;
z-index: 1
}
.popover-danger {
color: #a94442
}
.popover-danger,
.popover-danger .popover-arrow {
border-color: #ebcccc
}
.popover-danger .popover-arrow,
.popover-danger .popover-content {
background-color: #f2dede
}
</style>
<style type="text/css">
.fn-textarea {
border: 1px solid rgba(34, 36, 38, .2);
font-size: 12px;
background: #fff;
padding: 2px 5px;
transition: all .2s ease-in;
border-radius: 2px;
width: 140px;
height: 60px;
box-sizing: border-box;
resize: auto
}
.fn-textarea:focus {
background: #e2f7ff
}
.fn-textarea:focus,
.fn-textarea:hover {
border: 1px solid #0097cf
}
.fn-textarea--error,
.fn-textarea--error:focus {
background: rgba(255, 0, 0, .05);
border: 1px solid #ff4040
}
.fn-textarea--disabled {
background-color: #f2f9ff;
border-color: #c1c1c1;
cursor: no-drop
}
.fn-textarea--disabled:focus {
background-color: #f3f3f3;
border-color: #c1c1c1
}
.fn-textarea--active {
border: 1px solid rgba(45, 183, 245, .5);
box-shadow: 0 0 2px 1px rgba(45, 183, 245, .5)
}
.fn-textarea__text {
background-color: #fff;
border: 1px solid #fff;
cursor: default
}
.fn-textarea_wrap {
font-size: 0
}
</style>
<style type="text/css">
.popup_wrap {
position: absolute;
right: 0;
top: 0;
width: 100%;
height: 100%;
z-index: 1024
}
.popup_wrap_hide,
.popup_wrap_hide_modal {
position: absolute;
top: 0;
z-index: -1;
opacity: 0
}
body>.popup_wrap {
z-index: 1034
}
</style>
<style type="text/css">
.fn-show_info {
border-radius: 4px;
box-shadow: 0 1px 6px rgba(0, 0, 0, .2);
box-sizing: border-box
}
.fn-show_info .fn-icon-check-o {
color: #87deb6
}
.fn-show_info .fn-icon-warn-o {
color: #fbba7f
}
.fn-show_info .fn-icon-info-o {
color: #93c1ea
}
.fn-show_info .fn-icon-error-o {
color: #f0817e
}
.fn-show_info__content {
position: relative;
flex-wrap: nowrap;
justify-content: flex-start;
align-items: center
}
.fn-show_info__icon {
display: inline-block
}
.fn-show_info__icon .fn-icon {
font-size: 32px;
width: 32px;
height: 32px;
line-height: 32px;
margin: 0 12px 0 18px
}
.fn-show_info__text {
display: inline-block;
font-size: 12px;
padding: 0 5px;
max-width: 400px;
max-height: inherit;
overflow-y: auto;
line-height: 20px
}
.fn-show_info__text .assist-box-item {
margin: 5px 0 5px -15px
}
.fn-show_info__text .assist-box-item .assist-box-item-label {
display: inline-block;
width: 80px;
text-align: right
}
.fn-show_info .no_detail {
font-size: 14px;
line-height: 26px;
color: #000;
vertical-align: middle
}
.fn-show_info .no_detail_1 {
vertical-align: middle
}
.fn-show_info .refresh-notice {
max-width: 382px;
padding: 15px 5px 0 0
}
.fn-show_info .refresh-notice p {
margin-left: 18px
}
.net_err {
background: #fff;
box-shadow: 0 4px 8px 0 rgba(0, 0, 0, .35);
width: 445px
}
.net_err .fn-dialog__close {
color: #d0d0d0
}
.net_err .fn-dialog__title {
background: #fff;
border-bottom: 1px solid #e9e9e9;
color: #333;
font-size: 13px;
font-weight: 700
}
.net_err .fn-icon-neterr-o {
color: #f23636
}
.net_err .fn-dialog__center {
background: #fff
}
.net_err .fn-dialog__center .fn-show_info__content {
margin-top: 0
}
</style>
<style type="text/css">
.fn-dialog {
position: absolute;
left: 0;
top: 0;
width: 100%;
height: 100%;
background-color: hsla(0, 0%, 100%, .5);
-webkit-animation-duration: .5s;
animation-duration: .5s;
text-align: center
}
.fn-dialog__content {
background: #fff;
border: 1px solid #aaa;
box-shadow: 0 0 8px 0 rgba(0, 0, 0, .2);
border-radius: 4px;
display: inline-block;
vertical-align: middle;
text-align: left;
position: relative;
overflow: hidden
}
.fn-dialog__content .fn-table input.fn-input:hover {
border: 1px solid #0097cf
}
.fn-dialog__title {
background: #eaeaea;
box-shadow: 0 1px 0 0 #ccc;
border-radius: 4px 4px 0 0;
height: 36px;
line-height: 36px;
color: #000;
font-size: 14px;
font-weight: 700;
padding: 0 12px;
text-align: left;
cursor: move
}
.fn-dialog__center {
padding: 26px 20px 30px;
min-width: 440px
}
.fn-dialog__center .arr_t .fn-label {
width: auto
}
.fn-dialog__center .arr_t .ant-calendar-picker {
min-width: 140px !important
}
.fn-dialog__center .confirm_unload .fn-checkbox {
padding-left: 30px
}
.fn-dialog__center .confirm_unload .fn-checkbox input[type=checkbox] {
top: 11px
}
.fn-dialog__center .cardFrom-dialog__card_form .fn-label--required {
width: 70px
}
.fn-dialog__center .fn-card__form,
.fn-dialog__center .fn-card__form__content {
border: none
}
.fn-dialog__center .fn-typeset .fn-opation {
z-index: unset
}
.fn-dialog__center .public_fixedDataTableCell_cellContent .baseInput__w {
width: 100%
}
.fn-dialog__center .fn-card__form__card-item .fn-label {
width: 90px
}
.fn-dialog__bottom {
background: #eaeaea;
box-shadow: 0 -1px 0 0 #ccc;
border-radius: 0 0 4px 4px;
padding: 7px 12px;
text-align: right
}
.fn-dialog__bottom .fn-btn {
margin-left: 6px;
height: 24px;
line-height: 13px;
font-size: 12px
}
.fn-dialog__bottom .fn-btn:last-child {
margin-right: 0
}
.fn-dialog__bottom .fn-btn--default {
color: #378cbe;
border: 1px solid transparent;
background-image: linear-gradient(-180deg, #eaeaea, #eaeaea 100%)
}
.fn-dialog__bottom .fn-btn--default:hover {
background-image: linear-gradient(-180deg, #fff, #f7f7f7 96%);
border: 1px solid #d3d3d3
}
.fn-dialog__bottom .fn-checkbox input[type=checkbox] {
top: 12px
}
.fn-dialog__close {
position: absolute;
top: 9px;
font-style: normal;
right: 13px;
color: rgba(51, 51, 51, .3);
transition: color .1s ease-out;
cursor: pointer
}
.fn-dialog__close:hover {
color: #fff;
width: 20px;
height: 20px;
vertical-align: middle;
text-align: center;
background-color: #ccc;
border-radius: 3px;
right: 9px
}
.fn-dialog__close:before {
line-height: 20px
}
.fn-dialog__linehr {
display: inline-block;
height: 100%;
vertical-align: middle
}
.fn-dialog .menber-tips {
color: #f37100
}
.fn-dialog .detail_info .fn-show_info__text {
display: block
}
</style>
<style type="text/css">
.fn-wp-dialog {
display: flex;
justify-content: center;
align-items: center;
width: 100%;
height: 100%;
background-color: hsla(0, 0%, 100%, .5)
}
.fn-wp-dialog_content {
background: #fff;
border: 1px solid #eee;
box-shadow: 0 2px 8px 0 rgba(0, 0, 0, .15);
border-radius: 4px;
position: relative;
width: 446px;
min-height: 220px;
padding: 36px 30px 30px
}
.fn-wp-dialog_close {
position: absolute;
top: 14px;
right: 14px
}
.fn-wp-dialog_close .fn-icon {
opacity: .3;
color: #000
}
.fn-wp-dialog_icon {
display: flex;
justify-content: center;
align-items: center;
margin-bottom: 20px
}
.fn-wp-dialog_icon .fn-icon {
width: 44px;
height: 44px;
line-height: 44px;
font-size: 44px
}
.fn-wp-dialog_icon .fn-icon.fn-icon-info-o {
color: #ffb364
}
.fn-wp-dialog_icon .fn-icon.icon-check-o {
color: #31c481
}
.fn-wp-dialog_center {
min-height: 24px;
display: flex;
flex-direction: column;
justify-content: center;
align-items: center
}
.fn-wp-dialog_center .content {
width: 300px;
text-align: center;
margin-bottom: 16px;
font-size: 14px;
color: rgba(0, 0, 0, .85)
}
.fn-wp-dialog_center .notice {
display: flex;
font-size: 12px;
color: #888
}
.fn-wp-dialog_bottom {
margin-top: 30px;
display: flex;
justify-content: center;
align-items: center
}
.fn-wp-dialog_bottom .fn-wp-button {
display: inline-flex;
justify-content: center;
align-items: center;
width: 155px;
height: 42px;
border-radius: 24px;
border: 1px solid #7896fa;
font-size: 16px;
cursor: default
}
.fn-wp-dialog_bottom .fn-wp-button.primary {
color: #fff;
background: #7896fa;
margin-right: 30px
}
.fn-wp-dialog_bottom .fn-wp-button.default {
background: #fff;
color: #7896fa
}
</style>
<style type="text/css">
.fn-select {
background: #fff
}
.fn-select.multiple {
display: inline-flex;
justify-content: flex-end;
align-items: center;
border-radius: 2px;
position: relative;
border: 1px solid rgba(34, 36, 38, .2);
overflow: hidden
}
.fn-select.multiple .display-text {
flex: 0 1;
white-space: nowrap
}
.fn-select.multiple .display-text:active {
background: #e2f7ff
}
.fn-select.multiple .display-text-m {
width: calc(100% - 64px);
vertical-align: top;
top: 0;
padding: 3px 0;
height: 100%
}
.fn-select.multiple .display-text-m:active {
background: #e2f7ff
}
.fn-select.multiple:hover {
border: 1px solid #0097cf
}
.fn-select.multiple .fn-input-pure {
flex: 1 0 60px;
order: 2;
border: 0;
background: none;
box-shadow: none;
text-overflow: ellipsis
}
.fn-select.multiple .fn-input-pure:disabled {
background-color: #f2f9ff;
border-color: #c1c1c1
}
.fn-select.multiple .fn-input-pure:focus {
background: #e2f7ff
}
.fn-select.multiple.active {
padding-left: 5px;
background: #e2f7ff;
border: 1px solid #0097cf
}
.fn-select.multiple.active .fn-input-pure {
color: red;
padding-left: 0
}
.fn-select.active .input-icon.toggle-icon {
-webkit-transform: rotate(180deg);
transform: rotate(180deg)
}
.fn-select .fn-input-pure {
padding-right: 15px
}
.fn-select .fn-input-pure:only-child {
padding-right: 5px
}
.fn-select .input-icon.toggle-icon {
right: 3px;
width: 10px;
height: 6px;
margin-top: -3px;
background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAKCAYAAAC9vt6cAAAABGdBTUEAALGPC/xhBQAAAPlJREFUKBVjnLdq4w2G/wzqDGQARkbGG0yM/xkPkKEXooXx/2EmcV6WfKBJp0g1hJGB8TSDCF8ek5eX108Odo5ARkaG58QaArTwBRMjY2Cio+MPJpCmSH+3ZwzMjEEMjIw/CRkCtOjXf0am4Pgw36cgtWADQIzEYL8TQFMzQWx8AOj0rKRQn2MwNXADQAIJob7zGZgYJ8Ek0WkmRqYpCWF+c5HFUQwASSiK8BYD/bgPWRGIDRQ7IC/KU4gujmGAo6PjHyYWrjCghvswxYwMDA/YORlDQXIwMRiNYQBIIj7I5S0rA4sPAyPDTaDmW4zMjD5Rvr5vYJqQaQA/fTC7iwXNbgAAAABJRU5ErkJggg==) 50% no-repeat;
background-size: 7px auto
}
.fn-select.fn-input-pure-wrap>.fn-icon-error-o {
font-size: 12px;
margin-top: -6px;
color: #000;
opacity: .3;
display: none
}
.fn-select:hover>.fn-icon-error-o {
display: block
}
.fn-select__menu {
max-height: inherit;
display: flex;
flex-direction: column
}
.fn-select__menu>section {
height: auto;
overflow: auto
}
.fn-select__menu>footer {
flex: 0 0 20px;
min-width: 140px;
border-top: 1px solid #ccc;
padding: 5px;
text-align: right
}
.fn-select__menu>footer button {
font-size: 12px;
height: 22px;
line-height: 1;
padding: 0 10px;
font-weight: 400
}
.fn-select__menu>footer button:last-child {
border-color: #fff;
background: #fff
}
.fn-select__menu>footer button:last-child:hover {
color: #0097cf;
border-color: #b9ccd7
}
.fn-select__menu table {
width: 100%;
border: 0;
border-collapse: collapse;
border-spacing: 0;
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none
}
.fn-select__menu table[data-col="1"] td:not(.checkbox-col),
.fn-select__menu table[data-col="1"] th:not(.checkbox-col),
.fn-select__menu table[data-col="2"] td:not(.checkbox-col),
.fn-select__menu table[data-col="2"] th:not(.checkbox-col),
.fn-select__menu table[data-col="3"] td:not(.checkbox-col),
.fn-select__menu table[data-col="3"] th:not(.checkbox-col),
.fn-select__menu table[data-col="4"] td:not(.checkbox-col),
.fn-select__menu table[data-col="4"] th:not(.checkbox-col) {
min-width: 90px
}
.fn-select__menu tr:not(.empty-tip) .fn-icon-close {
display: none;
position: absolute;
-webkit-transform: scale(.7) translate3d(0, -65%, 0);
transform: scale(.7) translate3d(0, -65%, 0);
right: 2px;
top: 50%
}
.fn-select__menu tr:not(.empty-tip) .fn-icon-close:hover {
color: #f12222
}
.fn-select__menu tr:not(.empty-tip).focus,
.fn-select__menu tr:not(.empty-tip):hover {
background: #abdbfa
}
.fn-select__menu tr:not(.empty-tip).focus:not(.checked) input[type=checkbox] {
background: #fff
}
.fn-select__menu tr:not(.empty-tip).checked {
background: #ecf0f5
}
.fn-select__menu tr:not(.empty-tip).focus.checked,
.fn-select__menu tr:not(.empty-tip):hover.checked {
background: #abdbfa
}
.fn-select__menu tr:not(.empty-tip):hover .fn-icon-close {
display: block
}
.fn-select__menu tr.empty-tip td,
.fn-select__menu tr.loading td {
text-align: center
}
.fn-select__menu tr.empty-tip td .icon-loading,
.fn-select__menu tr.loading td .icon-loading {
color: #29c5ff;
vertical-align: -2px
}
.fn-select__menu td,
.fn-select__menu th {
text-align: left;
padding: 0 6px;
border: 1px solid #cbcbcb;
white-space: nowrap;
text-overflow: ellipsis;
overflow: hidden
}
.fn-select__menu td:last-child,
.fn-select__menu th:last-child {
border-right: 0
}
.fn-select__menu td:first-child,
.fn-select__menu th:first-child {
border-left: 0
}
.fn-select__menu th {
height: 28px;
background: #fff;
border-top: 0
}
.fn-select__menu th small {
font-size: 12px;
font-weight: 400;
color: #666
}
.fn-select__menu td {
height: 26px;
color: #333;
border-top: 0;
border-bottom: 0;
position: relative
}
.fn-select__menu td.text-red {
color: red
}
.fn-select__menu .checkbox-col {
max-width: 28px;
min-width: 28px;
width: 28px;
border-right: 0;
padding-right: 0;
padding-left: 0;
line-height: 0;
text-align: center
}
.fn-select__menu .checkbox-col+td:last-child,
.fn-select__menu .checkbox-col+th:last-child {
border-left: 0
}
</style>
<style type="text/css">
.fn-input-pure {
border: 1px solid rgba(34, 36, 38, .2);
font-size: 12px;
background: #fff;
padding: 3px 5px;
outline: 0;
border-radius: 2px;
color: #000;
cursor: text;
width: 100%;
height: 100%
}
.fn-input-pure:focus {
background: #e2f7ff
}
.fn-input-pure:focus,
.fn-input-pure:hover {
border: 1px solid #0097cf
}
.fn-input-pure.invalid,
.fn-input-pure.invalid:focus {
background: #fff5f5;
border: 1px solid #ff4040
}
.fn-input-pure[disabled] {
color: #333;
background-color: #f2f9ff;
border-color: #c1c1c1;
cursor: no-drop
}
.fn-input-pure-wrap {
width: 140px;
height: 24px;
position: relative;
display: inline-block;
vertical-align: middle
}
.fn-input-pure-wrap .fn-checkbox-pure,
.fn-input-pure-wrap .input-icon {
position: absolute;
top: 50%;
margin-top: -6px;
right: 5px;
width: auto;
height: auto;
color: #0097cf;
font-size: 14px;
line-height: 14px
}
.fn-input-pure-wrap .fn-checkbox-pure.fn-icon-yingyewangdian,
.fn-input-pure-wrap .input-icon.fn-icon-yingyewangdian {
font-size: 13px
}
.fn-input-pure-wrap .fn-checkbox-pure+.input-icon,
.fn-input-pure-wrap .fn-checkbox-pure+.input-tip,
.fn-input-pure-wrap .input-icon+.input-icon,
.fn-input-pure-wrap .input-icon+.input-tip {
right: 22px;
line-height: 12px
}
.fn-input-pure-wrap .fn-checkbox-pure.toggle-icon+.input-tip,
.fn-input-pure-wrap .input-icon.toggle-icon+.input-tip {
right: 5px
}
.input-tip {
position: absolute;
top: 50%;
margin-top: -7px;
right: 5px;
font-size: 0
}
.input-tip .fn-icon {
width: auto;
height: auto;
color: #0097cf;
font-size: 14px;
line-height: 14px
}
.input-tip+.input-icon,
.input-tip+.input-tip {
right: 22px
}
.input-tip.input-tip--invalid {
margin-top: -5px;
color: #f12222;
font-size: 12px;
line-height: 12px
}
.input-title {
background: #fff;
box-shadow: 0 4px 3px 0 rgba(0, 0, 0, .11);
border-radius: 2px;
font-size: 14px;
color: #333;
padding: 0 11px;
word-break: break-all
}
</style>
<style type="text/css">
input[type=checkbox].fn-checkbox-pure {
background: #fff;
padding: 0;
width: 13px;
height: 13px;
border: 1px solid #8ab0c5;
border-radius: 2px;
appearance: none;
cursor: pointer;
vertical-align: middle
}
input[type=checkbox].fn-checkbox-pure:focus,
input[type=checkbox].fn-checkbox-pure:hover {
outline: 0;
border: 1px solid #0097cf
}
input[type=checkbox].fn-checkbox-pure:checked {
border: 0;
background: #0097cf url(data:image/svg+xml;base64,PHN2ZyB2aWV3Qm94PSIwIDAgMTAzMSAxMDI0IiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciPjxwYXRoIGQ9Ik0xMDE0LjU5MiAyMjguMjU2bC05MC44NDgtOTAuODQ4Yy0xMi41NzYtMTIuNTc2LTMyLjgzMi0xMi41NzYtNDUuNDA4IDBMNDEzLjg1NiA2MjcuNzc2bC0yNjYuMjQtMjY2LjM2OGMtMTIuNzA0LTEyLjcwNC0zMy4zMTItMTIuNzA0LTQ2LjAxNiAwbC05Mi4wMzIgOTIuMDk2Yy0xMi43MDQgMTIuNjcyLTEyLjcwNCAzMy4yOCAwIDQ2LjAxNmwzNzguNjU2IDM4Ny40NTZjNy4zMjggNy4zNiAxNy4yOCA5Ljg4OCAyNi44NDggOC42NCA5Ljg4OCAxLjQ3MiAyMC4xOTItMS4wMjQgMjcuNzc2LTguNjRMMTAxNC41OTIgMjczLjY5NkMxMDI3LjEzNiAyNjEuMTUyIDEwMjcuMTM2IDI0MC44IDEwMTQuNTkyIDIyOC4yNTZ6IiBmaWxsPSIjZmZmIj48L3BhdGg+PC9zdmc+) 50% no-repeat;
background-size: 85%
}
input[type=checkbox].fn-checkbox-pure[disabled] {
cursor: not-allowed;
border: 1px solid #ddd;
background: #f8f8f8
}
input[type=checkbox].fn-checkbox-pure[disabled]:focus,
input[type=checkbox].fn-checkbox-pure[disabled]:hover {
border: 1px solid #ddd
}
input[type=checkbox].fn-checkbox-pure[disabled]:checked {
background: #f8f8f8 url(data:image/svg+xml;base64,PHN2ZyB2aWV3Qm94PSIwIDAgMTAzMSAxMDI0IiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciPjxwYXRoIGQ9Ik0xMDE0LjU5MiAyMjguMjU2bC05MC44NDgtOTAuODQ4Yy0xMi41NzYtMTIuNTc2LTMyLjgzMi0xMi41NzYtNDUuNDA4IDBMNDEzLjg1NiA2MjcuNzc2bC0yNjYuMjQtMjY2LjM2OGMtMTIuNzA0LTEyLjcwNC0zMy4zMTItMTIuNzA0LTQ2LjAxNiAwbC05Mi4wMzIgOTIuMDk2Yy0xMi43MDQgMTIuNjcyLTEyLjcwNCAzMy4yOCAwIDQ2LjAxNmwzNzguNjU2IDM4Ny40NTZjNy4zMjggNy4zNiAxNy4yOCA5Ljg4OCAyNi44NDggOC42NCA5Ljg4OCAxLjQ3MiAyMC4xOTItMS4wMjQgMjcuNzc2LTguNjRMMTAxNC41OTIgMjczLjY5NkMxMDI3LjEzNiAyNjEuMTUyIDEwMjcuMTM2IDI0MC44IDEwMTQuNTkyIDIyOC4yNTZ6IiBmaWxsPSIjY2NjIj48L3BhdGg+PC9zdmc+) 50% no-repeat;
background-size: 85%
}
.fn-checkbox-label {
font-size: 14px;
height: 14px;
line-height: 1;
vertical-align: middle
}
.fn-checkbox-label input[type=checkbox].fn-checkbox-pure {
margin: 0 4px;
vertical-align: -1.5px
}
</style>
<style type="text/css"></style>
<style type="text/css">
.slide__drager-hide {
display: none
}
.page-wrapper>.page-content .page-right {
position: relative
}
.slide__drager {
width: 400px;
position: absolute;
right: 0;
top: 0;
bottom: 0;
background: #fff;
min-width: 300px;
box-shadow: -6px 0 4px 0 rgba(0, 0, 0, .1)
}
.slide__drager__div {
width: 20px;
background: transparent;
position: absolute;
left: 0;
top: 0;
bottom: 0;
z-index: 100;
cursor: ew-resize
}
.slide__drager__all {
position: relative;
height: 100%
}
.slide__drager__all .public_fixedDataTable_bottomShadow {
background: #fff;
margin-top: 0
}
.slide__drager__header {
height: 36px;
background: #5a6d82;
line-height: 36px;
position: relative
}
.slide__drager__header h2 {
color: #fff;
font-size: 14px;
padding-left: 12px
}
.slide__drager__right {
position: absolute;
right: 0;
top: 0;
height: 35px;
line-height: 35px
}
.slide__drager__biggest,
.slide__drager__close,
.slide__drager__nail,
.slide__drager__nail-1 {
height: 35px;
display: inline-block;
overflow: hidden;
position: relative;
padding: 0 10px;
cursor: pointer
}
.slide__drager__biggest:before,
.slide__drager__close:before,
.slide__drager__nail-1:before,
.slide__drager__nail:before {
position: absolute;
content: "";
left: 0;
top: 8px;
background: #4e6279;
width: 1px;
height: 20px
}
.slide__drager__biggest .fn-icon,
.slide__drager__close .fn-icon,
.slide__drager__nail-1 .fn-icon,
.slide__drager__nail .fn-icon {
color: #fff
}
.slide__drager__biggest .fn-icon:hover,
.slide__drager__close .fn-icon:hover,
.slide__drager__nail-1 .fn-icon:hover,
.slide__drager__nail .fn-icon:hover {
opacity: .8
}
.slide__drager__nail .fn-icon {
width: 24px;
height: 24px;
line-height: 24px;
font-size: 15px;
text-align: center;
border-radius: 2px
}
.slide__drager__nail .fn-icon:hover {
background-color: #40556a;
opacity: 1
}
.slide__drager__nail-1 .fn-icon {
width: 24px;
height: 24px;
line-height: 24px;
font-size: 15px;
text-align: center;
border-radius: 2px
}
.slide__drager__nail-1 .fn-icon:hover {
opacity: 1
}
.slide__drager__biggest .iconfont {
font-size: 15px
}
.slide__drager__content {
position: absolute;
left: 10px;
top: 46px;
bottom: 0;
right: 0;
overflow: auto;
background: #fff;
padding-right: 10px
}
.slide__drager__content .detailAttr li {
display: inline-block;
margin-right: 20px
}
.slide__drager__content__padding__bottom {
padding-bottom: 40px
}
.slide__drager__content__footer {
bottom: 40px
}
.slide__drager__footer {
position: absolute;
left: 0;
bottom: 0;
right: 0;
height: 40px;
background: #f8f8f8;
text-align: center;
line-height: 40px;
z-index: 3
}
.slide__drager__footer__left {
position: absolute;
left: 10px;
top: 0;
bottom: 0
}
.slide__drager__footer__content .fn-btn {
margin: 0 3px
}
.slide__drager__footer__right {
position: absolute;
right: 10px;
top: 0;
bottom: 0
}
.slide__drager .fn-card__form__content {
padding-top: 10px
}
.slide__drager .fn-card__form__content .fn-card__form__card-item {
margin-bottom: 10px
}
.slide__drager .fn-filter .fn-card__form__content {
padding-top: 2px
}
.slide__drager .filter__tabs--w+.fn-card__form>.fn-card__form__content {
padding-top: 10px
}
.slide__drager .public_fixedDataTableCell_cellContent .baseInput__w {
width: 100%
}
.slide__drager .ant-switch-checked {
border-color: #0097cf;
background-color: #0097cf
}
#edui_fixedlayer {
z-index: 2008 !important
}
.edit__notice_to .ant-input,
.edit__notice_to .ant-select-selection {
border-radius: 2px;
box-shadow: 0 0 0 0 rgba(16, 142, 233, 0);
border-color: #c1c1c1
}
.edit__notice_to .ant-select-open .ant-select-selection {
box-shadow: 0 0 0 0 rgba(16, 142, 233, 0)
}
.edit__notice_to .ant-input:focus,
.edit__notice_to .ant-select-open .ant-select-selection {
background: #e2f7ff;
border: 1px solid #0097cf
}
.edit__notice_to .ant-form-item {
display: inline-block;
width: 50%;
margin-bottom: 7px
}
.edit__notice_to .ant-form-item-control {
line-height: 0
}
.edit__notice_to .ant-form-item-label {
line-height: 22px
}
.edit__notice_to .ant-form-item:first-child,
.edit__notice_to .ant-form-item:nth-child(4) {
display: block;
width: 100%
}
.edit__notice_to .ant-form-item:first-child .ant-form-item-label,
.edit__notice_to .ant-form-item:nth-child(4) .ant-form-item-label {
margin-left: -12.5%
}
.edit__notice_to .ant-form-item:first-child .ant-form-item-control-wrapper,
.edit__notice_to .ant-form-item:nth-child(4) .ant-form-item-control-wrapper {
width: 87.4%
}
.edit__notice_to .ant-calendar-picker,
.edit__notice_to .ant-calendar-picker-input {
width: 100% !important
}
.edit__notice_to .ant-select-sm .ant-select-selection--single {
height: 24px
}
.edit__notice_to .ant-select-sm .ant-select-selection--multiple {
min-height: 24px
}
.edit__notice_to .ant-switch {
min-width: 30px;
height: 19px
}
.edit__notice_to .ant-switch:after {
width: 15px;
height: 15px;
border-radius: 15px
}
.edit__notice_to .ant-switch-checked:after {
margin-left: -16px
}
.upload-list-inline {
display: inline-block;
padding-top: 5px
}
.upload-list-inline .ant-upload a {
color: #0097cf
}
</style>
<style type="text/css">
.fn-dropdown__menu {
position: absolute;
z-index: 2000;
background: #fff;
border-top: 1px solid #ccc;
box-shadow: 0 2px 6px 0 rgba(0, 0, 0, .2);
border-radius: 2px
}
</style>
<style type="text/css">
.amap-simple-marker-position-point {
position: absolute
}
.amap-simple-marker-def-style .amap-simple-marker-icon,
.amap-simple-marker.amap-simple-marker-def-style {
width: 23px;
height: 29px;
display: block;
text-align: center
}
.amap-simple-marker {
position: relative
}
.amap-simple-marker-label {
position: absolute;
text-align: center;
top: 2px;
left: 0;
right: 0;
margin: auto;
font-size: 12px
}
.amap-simple-marker-icon {
font-size: 0
}
.amap-simple-marker-def-style .amap-simple-marker-icon {
background: url(/static/images/map/marker/mbg-fs8.98a987633d312d39a9872ed013b19e4a.png) no-repeat;
background-position: -10000px -10000px
}
@media (-webkit-min-device-pixel-ratio:1.5),
(min--moz-device-pixel-ratio:1.5),
(min-device-pixel-ratio:1.5),
(min-resolution:1.5dppx) {
.amap-simple-marker-def-style .amap-simple-marker-icon {
background-image: url(/static/images/map/marker/[email protected]);
background-size: 452px 29px
}
}
.amap-simple-marker-def-style .amap-simple-marker-label {
top: 0;
left: 0;
right: 0;
bottom: 0;
line-height: 23px
}
.amap-simple-marker-style-red .amap-simple-marker-icon {
background-position: 0 0
}
.amap-simple-marker-style-orange .amap-simple-marker-icon {
background-position: -23px 0
}
.amap-simple-marker-style-green .amap-simple-marker-icon {
background-position: -45px 0
}
.amap-simple-marker-style-blue .amap-simple-marker-icon {
background-position: -68px 0
}
.amap-simple-marker-style-orchid .amap-simple-marker-icon {
background-position: -91px 0
}
.amap-simple-marker-style-darkred .amap-simple-marker-icon {
background-position: -114px 0
}
.amap-simple-marker-style-darkblue .amap-simple-marker-icon {
background-position: -137px 0
}
.amap-simple-marker-style-darkgreen .amap-simple-marker-icon {
background-position: -160px 0
}
.amap-simple-marker-style-purple .amap-simple-marker-icon {
background-position: -183px 0
}
.amap-simple-marker-style-cadetblue .amap-simple-marker-icon {
background-position: -206px 0
}
.amap-simple-marker-style-salmon .amap-simple-marker-icon {
background-position: -229px 0
}
.amap-simple-marker-style-beige .amap-simple-marker-icon {
background-position: -252px 0
}
.amap-simple-marker-style-lightgreen .amap-simple-marker-icon {
background-position: -275px 0
}
.amap-simple-marker-style-lightblue .amap-simple-marker-icon {
background-position: -298px 0
}
.amap-simple-marker-style-pink .amap-simple-marker-icon {
background-position: -321px 0
}
.amap-simple-marker-style-lightpink .amap-simple-marker-icon {
background-position: -344px 0
}
.amap-simple-marker-style-white .amap-simple-marker-icon {
background-position: -367px 0
}
.amap-simple-marker-style-lightgray .amap-simple-marker-icon {
background-position: -390px 0
}
.amap-simple-marker-style-gray .amap-simple-marker-icon {
background-position: -413px 0
}
.amap-simple-marker-style-black .amap-simple-marker-icon {
background-position: -436px 0
}
.marker_label_red {
background: #d43;
color: #fff
}
.marker_label_blue {
background: #38aadd;
color: #fff
}
.amap-marker-label {
border-color: transparent;
font-size: 12px;
padding: 0 3px 1px;
line-height: 17px
}
.col-red {
color: red
}
</style>
<style type="text/css">
.fn-address .fn-input-pure {
padding-right: 22px
}
.fn-address .fn-input-pure:only-child {
padding-right: 5px
}
.fn-address__menu.fn-select__menu td {
border: 0
}
.fn-address__menu.fn-select__menu th.keyboard-tip {
line-height: 24px;
border: 0;
height: 24px;
text-align: center;
color: #555;
background: rgba(255, 0, 0, .1);
padding: 0;
font-weight: 400
}
.fn-address__menu.fn-select__menu th.keyboard-tip .fn-icon {
color: #378cbe
}
</style>
<style type="text/css">
.maps-wrap {
width: 100%;
height: 100%;
position: relative
}
.maps-wrap .select-location {
position: absolute;
width: 580px;
background-color: #fff;
padding: 12px 5px;
top: 30px;
left: 50%;
margin-left: -290px;
z-index: 10;
box-shadow: 0 2px 4px 0 hsla(0, 0%, 68%, .5)
}
.maps-wrap .select-location .fn-input {
display: inline-block;
vertical-align: middle;
width: 120px
}
.maps-wrap .select-location span {
display: inline-block;
vertical-align: middle;
height: 24px;
line-height: 24px;
padding: 0 5px
}
.maps-wrap .select-location span.fn-address {
width: 275px;
line-height: 1;
padding: 0
}
.maps-wrap .select-location .fn-btn {
vertical-align: middle;
margin-left: 5px
}
</style>
<style type="text/css">
@-webkit-keyframes rotate-loading {
to {
-webkit-transform: rotate(1turn);
transform: rotate(1turn)
}
}
@keyframes rotate-loading {
to {
-webkit-transform: rotate(1turn);
transform: rotate(1turn)
}
}
.fn-btn {
transition-property: background, color, box-shadow;
transition-duration: .1s;
transition-timing-function: linear;
display: inline-block;
height: 28px;
padding: 5px 10px;
border-width: 1px;
border-style: solid;
font-size: 14px;
font-weight: 400;
vertical-align: middle;
line-height: 14px;
white-space: nowrap;
cursor: pointer;
border-radius: 2px;
min-width: 24px
}
.fn-btn,
.fn-btn:hover {
text-decoration: none
}
.fn-btn:focus {
outline: 0
}
.fn-btn .fn-icon {
display: inline;
font-size: inherit;
vertical-align: initial
}
.fn-btn .fn-icon-spinner {
padding-left: 14px
}
.fn-btn--primary {
border: none;
background-image: linear-gradient(270deg, #0cace7, #23c2ff);
color: #fff
}
.fn-btn--primary:hover {
background-image: linear-gradient(270deg, #0794c9, #0eade8);
color: #fff
}
.fn-btn--primary:hover .fn-icon {
color: #fff
}
.fn-btn--primary:active {
background-image: linear-gradient(270deg, #0894ca, #0eade8);
box-shadow: inset 0 2px 3px 0 rgba(28, 99, 141, .52)
}
.fn-btn--primary .fn-icon {
color: #fff
}
.fn-btn--default {
border-color: #b9ccd7;
background-image: linear-gradient(-180deg, #fff, #f7f7f7 96%);
color: #0097cf
}
.fn-btn--default:hover {
border-color: #378cbe;
background-color: #378cbe;
background-image: none;
color: #fff
}
.fn-btn--default:hover .fn-icon {
color: #fff
}
.fn-btn--default:active {
background-color: #378cbe;
box-shadow: inset 0 2px 2px 0 #045484
}
.fn-btn--default .fn-icon {
color: #0097cf
}
.fn-btn--disabled {
border-color: #cde3f9;
background-image: linear-gradient(-180deg, #fff, #f7f7f7 96%);
color: #8dbcde;
cursor: not-allowed
}
.fn-btn--disabled .fn-icon {
color: #8dbcde
}
.fn-btn--disabled:hover {
border-color: #cde3f9;
background-color: #ddd;
color: #8dbcde;
cursor: not-allowed
}
.fn-btn--disabled:hover .fn-icon {
color: #8dbcde
}
.fn-btn--disabled:active {
background-color: #ddd;
box-shadow: 0 none
}
.fn-btn--positive {
border-color: #ff9c22;
background-color: #ff9c22;
color: #fff
}
.fn-btn--positive .fn-icon {
color: #fff
}
.fn-btn--positive:hover {
border-color: #ff9c22;
background-color: #ff9c22;
color: #fff
}
.fn-btn--positive:hover .fn-icon {
color: #fff
}
.fn-btn--positive:active {
background-color: #ff9c22;
box-shadow: 0 none
}
.fn-btn--positive-r {
border-color: #ff9c22;
background-color: #fff;
color: #ff9c22
}
.fn-btn--positive-r .fn-icon {
color: #ff9c22
}
.fn-btn--positive-r:active,
.fn-btn--positive-r:hover {
border-color: #ff9c22;
background: #ffeddd;
color: #fa922c
}
.fn-btn--positive-r:active .fn-icon,
.fn-btn--positive-r:hover .fn-icon {
color: #fa922c
}
.fn-btn--loading:not(.fn-btn--positive-r):not(.fn-btn--positive) {
cursor: default;
border-color: #378cbe;
background-color: #378cbe;
background-image: none;
color: #fff
}
.fn-btn--loading:not(.fn-btn--positive-r):not(.fn-btn--positive) .fn-icon {
color: #fff
}
.fn-btn__hide {
opacity: 0;
display: none
}
.fn-btn--circle {
border-radius: 50%
}
.forbid-btn-mask {
position: absolute;
width: 100%;
height: 100%;
background-color: hsla(0, 0%, 100%, .5);
top: 0;
left: 0;
z-index: 1024
}
.forbid-btn-mask:before {
position: absolute;
right: 10px;
bottom: 10px;
color: #1db973;
content: "\6570\636E\52A0\8F7D\4E2D\FF0C\8BF7\7A0D\540E...."
}
.forbid-btn-mask:after {
position: absolute;
top: 50%;
left: 50%;
margin-left: -36px;
width: 72px;
height: 96px;
background: url(/static/images/loadingGif/loading.ec7d1dbd74dd7340421780a536ecf5bf.gif) 0 0 no-repeat;
content: ""
}
</style>
<style type="text/css">
.fn-btn-icon {
display: inline-block
}
.fn-btn-icon--loading button {
min-width: 75px
}
.fn-btn-icon__center {
text-align: center
}
.fn-btn-icon__left .fn-icon {
margin-right: 6px
}
.fn-btn-icon__left .fn-icon-setting {
top: 0
}
.fn-btn-icon__right .fn-icon {
margin-left: 6px
}
.fn-btn-icon__both .fn-icon:first-of-type {
padding-right: 6px
}
.fn-btn-icon__both .fn-icon:nth-of-type(2n) {
padding-left: 6px
}
.fn-btn-icon__hide {
opacity: 0;
display: none
}
</style>
<style type="text/css">
.fn-label {
color: #333
}
.fn-label>i {
padding-right: 2px
}
.fn-label--disabled {
color: #ccc;
background-color: #fff
}
.fn-label--hover {
color: #2db7f5;
background-color: #2db7f5
}
.fn-label--required {
color: red
}
.fn-label--required>i {
display: inline
}
</style>
<style type="text/css">
@-webkit-keyframes tooltipOpacity {
0% {
opacity: 0
}
to {
opacity: 1
}
}
@keyframes tooltipOpacity {
0% {
opacity: 0
}
to {
opacity: 1
}
}
@-webkit-keyframes tooltipTop {
0% {
-webkit-transform: translate(-50%, -85%);
transform: translate(-50%, -85%)
}
to {
-webkit-transform: translate(-50%, -100%);
transform: translate(-50%, -100%)
}
}
@keyframes tooltipTop {
0% {
-webkit-transform: translate(-50%, -85%);
transform: translate(-50%, -85%)
}
to {
-webkit-transform: translate(-50%, -100%);
transform: translate(-50%, -100%)
}
}
@-webkit-keyframes tooltipBottom {
0% {
-webkit-transform: translate(-50%, -15%);
transform: translate(-50%, -15%)
}
to {
-webkit-transform: translate(-50%);
transform: translate(-50%)
}
}
@keyframes tooltipBottom {
0% {
-webkit-transform: translate(-50%, -15%);
transform: translate(-50%, -15%)
}
to {
-webkit-transform: translate(-50%);
transform: translate(-50%)
}
}
@-webkit-keyframes tooltipLeft {
0% {
-webkit-transform: translate(-85%, -50%);
transform: translate(-85%, -50%)
}
to {
-webkit-transform: translate(-100%, -50%);
transform: translate(-100%, -50%)
}
}
@keyframes tooltipLeft {
0% {
-webkit-transform: translate(-85%, -50%);
transform: translate(-85%, -50%)
}
to {
-webkit-transform: translate(-100%, -50%);
transform: translate(-100%, -50%)
}
}
@-webkit-keyframes tooltipRight {
0% {
-webkit-transform: translate(-15%, -50%);
transform: translate(-15%, -50%)
}
to {
-webkit-transform: translateY(-50%);
transform: translateY(-50%)
}
}
@keyframes tooltipRight {
0% {
-webkit-transform: translate(-15%, -50%);
transform: translate(-15%, -50%)
}
to {
-webkit-transform: translateY(-50%);
transform: translateY(-50%)
}
}
body>.advance-tips {
background: #fff;
border: 1px solid #78aadd !important;
box-shadow: 0 3px 4px 0 hsla(60, 2%, 65%, .6);
border-radius: 4px;
padding: 0
}
body>.advance-tips .popover-arrow {
border-width: 1px 1px 0 0 !important;
border-color: #78aadd !important;
background: #fff
}
.popover-content .settle_state_tip {
color: #333;
padding: 4px 12px;
font-size: 14px;
white-space: nowrap
}
.tooltip {
position: absolute;
z-index: 1070;
display: block;
font-family: Microsoft YaHei, \\5FAE\8F6F\96C5\9ED1, SimSun, \5b8b\4f53, sans-serif;
font-style: normal;
font-weight: 400;
letter-spacing: normal;
line-break: auto;
line-height: 1.5;
text-align: start;
text-decoration: none;
text-shadow: none;
text-transform: none;
white-space: normal;
word-break: normal;
word-spacing: normal;
font-size: .875rem;
word-wrap: break-word;
transition: opacity .3 ease, -webkit-transform .3s cubic-bezier(.71, 1.7, .77, 1.24);
transition: opacity .3 ease, transform .3s cubic-bezier(.71, 1.7, .77, 1.24);
transition: opacity .3 ease, transform .3s cubic-bezier(.71, 1.7, .77, 1.24), -webkit-transform .3s cubic-bezier(.71, 1.7, .77, 1.24)
}
.tooltip.tooltip-top {
margin-top: -8px;
-webkit-transform: translate(-50%, -100%);
transform: translate(-50%, -100%);
-webkit-animation: tooltipOpacity .3s ease, tooltipTop .3s cubic-bezier(.71, 1.7, .77, 1.24);
animation: tooltipOpacity .3s ease, tooltipTop .3s cubic-bezier(.71, 1.7, .77, 1.24)
}
.tooltip.tooltip-top .tooltip-arrow {
top: 100%;
left: 50%;
border-left: 5px solid transparent;
border-right: 5px solid transparent;
border-top: 5px solid #222d32;
-webkit-transform: translate(-50%);
transform: translate(-50%)
}
.tooltip.tooltip-right {
margin-left: 8px;
-webkit-animation: tooltipOpacity .3s ease, tooltipRight .3s cubic-bezier(.71, 1.7, .77, 1.24);
animation: tooltipOpacity .3s ease, tooltipRight .3s cubic-bezier(.71, 1.7, .77, 1.24)
}
.tooltip.tooltip-right,
.tooltip.tooltip-right .tooltip-arrow {
-webkit-transform: translateY(-50%);
transform: translateY(-50%)
}
.tooltip.tooltip-right .tooltip-arrow {
top: 50%;
right: 100%;
border-top: 5px solid transparent;
border-bottom: 5px solid transparent;
border-right: 5px solid #222d32
}
.tooltip.tooltip-bottom {
margin-top: 8px;
-webkit-transform: translateX(-50%);
transform: translateX(-50%);
-webkit-animation: tooltipOpacity .3s ease, tooltipBottom .3s cubic-bezier(.71, 1.7, .77, 1.24);
animation: tooltipOpacity .3s ease, tooltipBottom .3s cubic-bezier(.71, 1.7, .77, 1.24)
}
.tooltip.tooltip-bottom .tooltip-arrow {
top: 0;
left: 50%;
border-left: 5px solid transparent;
border-right: 5px solid transparent;
border-bottom: 5px solid #222d32;
-webkit-transform: translate(-50%, -100%);
transform: translate(-50%, -100%)
}
.tooltip.tooltip-left {
margin-left: -8px;
-webkit-transform: translate(-100%, -50%);
transform: translate(-100%, -50%);
-webkit-animation: tooltipOpacity .3s ease, tooltipLeft .3s cubic-bezier(.71, 1.7, .77, 1.24);
animation: tooltipOpacity .3s ease, tooltipLeft .3s cubic-bezier(.71, 1.7, .77, 1.24)
}
.tooltip.tooltip-left .tooltip-arrow {
top: 50%;
left: 100%;
border-top: 5px solid transparent;
border-bottom: 5px solid transparent;
border-left: 5px solid #222d32;
-webkit-transform: translateY(-50%);
transform: translateY(-50%)
}
.tooltip-inner {
position: relative;
z-index: 2;
max-width: 200px;
padding: 3px 8px;
color: #fff;
text-align: center;
background-color: #222d32;
border-radius: .25rem
}
.tooltip-arrow {
position: absolute;
width: 0;
height: 0;
display: inline-block;
z-index: 1
}
</style>
<style type="text/css">
.od_delivery_f_paid_tips,
.pickup_f_paid_tips {
display: inline !important
}
</style>
<style type="text/css">
.ant-calendar-picker--error,
.ant-calendar-picker--error:focus,
date-time--error,
date-time--error:focus {
background: rgba(255, 0, 0, .05);
border: 1px solid #ff4040
}
.ant-calendar-picker .ant-input,
date-time .ant-input {
border: 1px solid #c1c1c1;
height: 24px;
font-size: 12px;
background: #fff;
color: #333;
padding: 3px 5px;
transition: all .2s ease-in;
border-radius: 2px;
width: 140px
}
.ant-calendar-picker .ant-input:focus,
date-time .ant-input:focus {
background: #e2f7ff;
border: 1px solid #0097cf
}
.ant-calendar-picker .ant-add-focus,
date-time .ant-add-focus {
background: #e2f7ff;
border: 1px solid #0097cf;
box-shadow: none
}
.ant-calendar-picker .ant-calendar-picker-icon,
date-time .ant-calendar-picker-icon {
margin-top: -7px;
right: 3px
}
.ant-calendar-picker .ant-calendar-picker-icon:after,
date-time .ant-calendar-picker-icon:after {
color: #0097cf
}
.ant-calendar-picker .ant-calendar-picker-clear,
date-time .ant-calendar-picker-clear {
right: 3px;
top: 12px
}
.ant-calendar-range .ant-calendar-in-range-cell:before {
background: #abdbfa !important
}
</style>
<style type="text/css">
.timeRangePicker {
display: inline-block
}
.timeRangePicker .ant-calendar-picker {
width: 100px !important;
min-width: 100px !important;
vertical-align: middle
}
.timeRangePicker .ant-input {
width: 100px !important
}
.timeRangePickerList {
max-height: 200px
}
</style>
<style type="text/css">
.ant-calendar-picker .ant-calendar-range-picker.ant-input,
date-time .ant-calendar-range-picker.ant-input {
padding-right: 16px
}
.range-time-picker__footer .fn-radio {
margin-right: 10px
}
</style>
<style type="text/css">
.fn-radio {
position: relative;
height: 24px;
font-size: 12px;
line-height: 24px;
cursor: pointer;
display: inline-block
}
.fn-radio input[type=radio] {
display: none
}
.fn-radio input[type=radio]:checked+span {
border-color: #0097cf
}
.fn-radio input[type=radio][disabled]+span {
background-color: #f8f8f8;
border: 1px solid #ddd
}
.fn-radio input[type=radio][disabled]:checked+span:after {
background-color: #ddd
}
.fn-radio input[type=radio]:checked+span:after {
background-color: #0097cf;
border-radius: 100%;
content: "";
display: inline-block;
height: 6px;
margin: 3px;
width: 6px
}
.fn-radio__span {
font-size: 12px;
background-color: #fff;
border: 1px solid #8ab0c5;
border-radius: 100%;
display: inline-block;
height: 14px;
margin-right: 5px;
margin-top: -1px;
vertical-align: middle;
width: 14px;
line-height: 1
}
.fn-radio__span:hover {
border: 1px solid #0097cf
}
</style>
<style type="text/css">
.fn-checkbox {
position: relative !important;
height: 30px;
font-size: 14px;
line-height: 26px;
vertical-align: middle;
cursor: pointer;
display: inline-block
}
.fn-checkbox input[type=checkbox][disabled] {
cursor: not-allowed;
border: 1px solid #ddd;
background: #f8f8f8
}
.fn-checkbox input[type=checkbox][disabled]:focus,
.fn-checkbox input[type=checkbox][disabled]:hover {
border: 1px solid #ddd
}
.fn-checkbox>span:first-child:after {
right: 6px !important;
left: auto !important
}
.fn-checkbox__disabled .check_selected:after {
border-left: 2px solid #ccc !important;
border-bottom: 2px solid #ccc !important
}
.fn-checkbox input[type=checkbox] {
background: #fff;
top: 10px;
line-height: 1;
box-sizing: border-box;
padding: 0;
width: 13px;
height: 13px;
border: 1px solid #8ab0c5;
border-radius: 2px;
appearance: none;
cursor: pointer;
position: static;
margin-right: 4px;
margin-left: 4px
}
.fn-checkbox input[type=checkbox]:focus,
.fn-checkbox input[type=checkbox]:hover {
border: 1px solid #0097cf;
outline: none
}
.fn-checkbox__checked input[type=checkbox] {
background: #0097cf;
border: 1px solid #0097cf;
outline: none
}
.fn-checkbox .label_hide {
display: inline-block
}
.fn-checkbox__checked:not(.fn-checkbox-animbg) .check_selected:after {
content: "";
position: absolute;
width: 9px;
height: 6px;
background: transparent;
top: 11px;
left: 6px;
border: 2px solid #fff;
border-top: none;
border-right: none;
-webkit-transform: rotate(-45deg);
transform: rotate(-45deg)
}
.fn-checkbox span {
font-size: 12px;
vertical-align: middle
}
.fn-checkbox__hide {
display: none
}
.fn-checkbox-animbg input {
width: 22px;
height: 12px;
line-height: 12px;
border: 1px solid #dfdfdf !important;
background-color: #ccc;
box-shadow: inset 0 0 0 0 #dfdfdf;
border-radius: 9px !important;
background-clip: content-box;
appearance: none;
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
position: relative;
cursor: pointer;
text-align: left;
transition: background-color .3s ease
}
.fn-checkbox-animbg input:focus,
.fn-checkbox-animbg input:hover {
border: 1px solid #dfdfdf !important
}
.fn-checkbox-animbg input:focus {
outline-style: none
}
.fn-checkbox-animbg input:before {
content: "";
width: 9px;
height: 9px;
position: absolute;
-webkit-transform: translate(0);
transform: translate(0);
border-radius: 9px;
background-color: #fff;
box-shadow: 0 1px 3px rgba(0, 0, 0, .4)
}
.fn-checkbox-animbg input:checked {
border-color: #6171da
}
.fn-checkbox-animbg input:checked:before {
-webkit-transform: translate(10px);
transform: translate(10px)
}
.fn-checkbox-animbg input:before {
transition: -webkit-transform .3s;
transition: transform .3s;
transition: transform .3s, -webkit-transform .3s
}
.fn-checkbox-animbg input:checked {
box-shadow: inset 0 0 0 0 #dfdfdf;
transition: border-color .3s, background-color .3s ease
}
.fn-checkbox-animbg input:checked:before {
transition: -webkit-transform .3s;
transition: transform .3s;
transition: transform .3s, -webkit-transform .3s
}
.fn-checkbox-animbg input {
transition: border .4s cubic-bezier(0, 0, 0, 1), box-shadow .3s cubic-bezier(0, 0, 0, 1);
outline: none
}
.fn-checkbox-animbg input:checked {
box-shadow: inset 0 0 0 16px #6171da;
background-color: #6171da;
transition: border .3s ease, box-shadow .3s ease, background-color .4s ease
}
</style>
<style type="text/css">
.checkbox-tips .fn-icon.fn-icon-help {
color: #3c8bdc;
margin-right: 3px;
margin-left: 3px;
position: relative;
top: 4px;
font-weight: 400;
font-size: 16px
}
</style>
<style type="text/css">
.color-rule-icon {
display: inline-block;
height: 17px;
line-height: 17px;
width: 17px;
text-align: center;
background: #fa8919;
color: #fff;
vertical-align: middle;
margin-right: 5px
}
.color-rule-icon span .fn-icon {
font-size: 16px;
width: 16px;
height: 16px;
line-height: 12px;
margin: 0;
padding: 0
}
.color_set_tips_pop span {
color: inherit
}
.color_set_tips_pop .popover-content {
white-space: normal
}
.color_set_tips_pop .color-rule-tips {
width: 495px;
padding: 5px 5px 0
}
.color_set_tips_pop .color-rule-item {
overflow: visible;
text-overflow: clip;
white-space: nowrap;
width: 100%;
display: inline-block;
margin: 2px 0
}
.color_set_tips_pop .color-rule-item div {
display: inline-block
}
.color_set_tips_pop .color-rule-item .color-display {
width: 16px;
height: 16px;
margin: 0 4px;
line-height: 16px
}
.color_set_tips_pop .color-rule-item .color-text {
vertical-align: top;
width: calc(100% - 25px)
}
.color_set_tips_pop .color-rule-item .color-text p {
white-space: normal;
font-size: 12px;
color: #333;
line-height: 16px
}
.color_set_tips_pop .introductions {
padding: 5px 0;
font-family: inherit;
font-size: 12px;
color: #666
}
</style>
<style type="text/css">
.fn-popTip {
position: fixed;
border-radius: 2px;
z-index: 9999;
left: 50%;
top: 50%;
-webkit-transform: translate(-50%, -50%);
transform: translate(-50%, -50%);
box-shadow: 0 1px 6px rgba(0, 0, 0, .2);
transition-duration: .2s;
min-width: 400px;
max-width: 500px;
height: 50px;
box-sizing: border-box
}
.fn-popTip_wrap {
width: 80%;
height: 100%
}
.fn-popTip__hide {
opacity: 0
}
.fn-popTip__close {
position: absolute;
right: 10px
}
.fn-popTip__close .fn-icon {
opacity: .4
}
.fn-popTip__close .fn-icon:hover {
opacity: 1
}
.fn-popTip__icon-check-o {
color: #31c481;
background: #cff1c1;
border: 1px solid #b2de9e;
min-height: 34px;
line-height: 34px;
padding-top: 8px;
padding-bottom: 8px
}
.fn-popTip__icon-check-o .fn-popTip__close .fn-icon,
.fn-popTip__icon-check-o .fn-popTip__icon .fn-icon {
color: #31c481
}
.fn-popTip__icon-warn-o {
color: #f37100;
background: #ffefcb;
border: 1px solid #eed9a9;
min-height: 34px;
line-height: 34px;
padding-top: 8px;
padding-bottom: 8px
}
.fn-popTip__icon-warn-o .fn-popTip__close .fn-icon,
.fn-popTip__icon-warn-o .fn-popTip__icon .fn-icon {
color: #f37100
}
.fn-popTip__icon-info-o {
color: #0097cf;
background: #abdbfa;
border: 1px solid #a2d2eb;
min-height: 34px;
line-height: 34px;
padding-top: 8px;
padding-bottom: 8px
}
.fn-popTip__icon-info-o .fn-popTip__close .fn-icon,
.fn-popTip__icon-info-o .fn-popTip__icon .fn-icon {
color: #0097cf
}
.fn-popTip__icon-error-o {
color: #f12222;
background: #ffd1ca;
border: 1px solid #fba6a6;
min-height: 34px;
line-height: 34px;
padding-top: 8px;
padding-bottom: 8px
}
.fn-popTip__icon-error-o .fn-popTip__close .fn-icon,
.fn-popTip__icon-error-o .fn-popTip__icon .fn-icon {
color: #f12222
}
.fn-popTip__icon {
display: inline-block;
cursor: pointer;
margin: 0 10px
}
.fn-popTip__icon .fn-icon {
font-size: 18px;
width: 18px;
height: 18px;
line-height: 18px
}
.fn-popTip__content {
display: inline-block;
vertical-align: middle;
font-size: 14px;
color: #333;
width: calc(100% - 60px)
}
.fn-popTip__content p {
line-height: 18px;
margin-bottom: 0
}
body>.popup_wrap.popup_wrap_tips_modal {
z-index: 1074
}
</style>
<style type="text/css">
.wp-index-pop {
width: 400px;
height: auto;
background-color: #fff;
position: relative;
border-radius: 4px
}
.wp-index-pop .pop_textarea_wrap {
display: flex;
justify-content: center;
padding-top: 20px
}
.wp-index-pop .pop_textarea_wrap .fn-textarea {
padding-left: 12px;
padding-top: 12px;
width: 360px;
height: 44px;
resize: none;
font-size: 12px;
color: #666;
box-shadow: inset 0 0 12px 0 rgba(0, 0, 0, .1);
border: 1px solid #d3d3d4
}
.wp-index-pop .pop_textarea_wrap .fn-textarea:focus {
height: 120px
}
.wp-index-pop .btn-area {
display: flex;
justify-content: center;
padding-top: 18px;
padding-bottom: 20px
}
.wp-index-pop .btn-area .pop_btn {
width: 360px;
height: 40px;
font-size: 16px;
background-color: #ff9700;
border-radius: 2px
}
</style>
<style type="text/css">
.fn-icon-il,
.iconfont {
font-family: iconfont !important;
font-style: normal;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale
}
.fn-icon-il {
-webkit-text-stroke-width: .2px
}
.fn-icon-row-arrows:before {
content: "\E75D"
}
.fn-icon-yanzheng:before {
content: "\E75C"
}
.fn-icon-referee:before {
content: "\E745"
}
.fn-icon-order:before {
content: "\E641"
}
.fn-icon-address:before {
content: "\E64A"
}
.fn-icon-reservation2:before {
content: "\E661"
}
.fn-icon-personal:before {
content: "\E6A1"
}
.fn-icon-bank_card:before {
content: "\E6AD"
}
.fn-icon-bind2:before {
content: "\E721"
}
.fn-icon-phone3:before {
content: "\E722"
}
.fn-icon-arrow-mdown:before {
content: "\E705"
}
.fn-icon-arrow-mup:before {
content: "\E706"
}
.fn-icon-arrow-mright:before {
content: "\E707"
}
.fn-icon-zoom-in:before {
content: "\E708"
}
.fn-icon-zoom-out:before {
content: "\E70A"
}
.fn-icon-allot:before {
content: "\E717"
}
.fn-icon-close1:before {
content: "\E718"
}
.fn-icon-drag-lf:before {
content: "\E719"
}
.fn-icon-avtor-2:before {
content: "\E71B"
}
.fn-icon-record1:before {
content: "\E71C"
}
.fn-icon-abolish:before {
content: "\E71D"
}
.fn-icon-skin:before {
content: "\E71E"
}
.fn-icon-time2:before {
content: "\E720"
}
.fn-icon-guide:before {
content: "\E723"
}
.fn-icon-sort:before {
content: "\E724"
}
.fn-icon-branch:before {
content: "\E725"
}
.fn-icon-appose:before {
content: "\E726"
}
.fn-icon-copy:before {
content: "\E727"
}
.fn-icon-del:before {
content: "\E728"
}
.fn-icon-check1:before {
content: "\E729"
}
.fn-icon-detail-fin:before {
content: "\E72A"
}
.fn-icon-cargo:before {
content: "\E72C"
}
.fn-icon-attach:before {
content: "\E72D"
}
.fn-icon-task-cancel:before {
content: "\E72E"
}
.fn-icon-mark:before {
content: "\E72F"
}
.fn-icon-exchange3:before {
content: "\E730"
}
.fn-icon-transfer:before {
content: "\E731"
}
.fn-icon-setting-bu:before {
content: "\E732"
}
.fn-icon-exchange4:before {
content: "\E733"
}
.fn-icon-bell-3:before {
content: "\E697"
}
.fn-icon-tongguo:before {
content: "\E734"
}
.fn-icon-editinfo:before {
content: "\E613"
}
.fn-icon-tuozhuai:before {
content: "\E735"
}
.fn-icon-download-bu:before {
content: "\E6B7"
}
.fn-icon-zaixianjiance:before {
content: "\E736"
}
.fn-icon-carry-out:before {
content: "\E60A"
}
.fn-icon-daikuanzixun:before {
content: "\E737"
}
.fn-icon-detail:before {
content: "\E624"
}
.fn-icon-wenjianjiqun:before {
content: "\E738"
}
.fn-icon-qq:before {
content: "\E668"
}
.fn-icon-ditu:before {
content: "\E739"
}
.fn-icon-lianlu:before {
content: "\E800"
}
.fn-icon-huoche:before {
content: "\E73A"
}
.fn-icon-help:before {
content: "\E663"
}
.fn-icon-cangku:before {
content: "\E73B"
}
.fn-icon-message:before {
content: "\E640"
}
.fn-icon-icon-test-copy:before {
content: "\E73C"
}
.fn-icon-arrow-sleft:before {
content: "\E68D"
}
.fn-icon-filter-2:before {
content: "\E73D"
}
.fn-icon-notice1:before {
content: "\E60E"
}
.fn-icon-kefu:before {
content: "\E73E"
}
.fn-icon-refresh:before {
content: "\E639"
}
.fn-icon-fuwu:before {
content: "\E73F"
}
.fn-icon-qq01:before {
content: "\E62A"
}
.fn-icon-fuwuzige:before {
content: "\E740"
}
.fn-icon-qrcode-bu:before {
content: "\E65E"
}
.fn-icon-hulianwangjia:before {
content: "\E741"
}
.fn-icon-file-set:before {
content: "\E643"
}
.fn-icon-shoudong:before {
content: "\E86F"
}
.fn-icon-arrive:before {
content: "\E65F"
}
.fn-icon-Changwaizydsgl-Xian:before {
content: "\E9CE"
}
.fn-icon-join:before {
content: "\E644"
}
.fn-icon-qingkong:before {
content: "\E742"
}
.fn-icon-pay-way:before {
content: "\E61C"
}
.fn-icon-suishitixian1:before {
content: "\E743"
}
.fn-icon-location:before {
content: "\E636"
}
.fn-icon-picture:before {
content: "\E744"
}
.fn-icon-jinrong:before {
content: "\E657"
}
.fn-icon-duanxin:before {
content: "\E746"
}
.fn-icon-guanbi:before {
content: "\E6A0"
}
.fn-icon-Shape:before {
content: "\E770"
}
.fn-icon-locate:before {
content: "\E625"
}
.fn-icon-tishi:before {
content: "\E747"
}
.fn-icon-info-o:before {
content: "\E6AC"
}
.fn-icon-dui:before {
content: "\E748"
}
.fn-icon-password1:before {
content: "\E658"
}
.fn-icon-yulan:before {
content: "\E74A"
}
.fn-icon-rock:before {
content: "\E60C"
}
.fn-icon-tuozhuai1:before {
content: "\E74B"
}
.fn-icon-maps:before {
content: "\E64F"
}
.fn-icon-fail:before {
content: "\E74C"
}
.fn-icon-print-out-bu:before {
content: "\E60D"
}
.fn-icon-area:before {
content: "\E74D"
}
.fn-icon-htmal5icon17:before {
content: "\E6E2"
}
.fn-icon-dayinyulan:before {
content: "\E9DC"
}
.fn-icon-sandg:before {
content: "\E715"
}
.fn-icon-phone1:before {
content: "\E74E"
}
.fn-icon-phone-line-o:before {
content: "\E709"
}
.fn-icon-xiayibu1:before {
content: "\E74F"
}
.fn-icon-huifu:before {
content: "\E6DF"
}
.fn-icon-chengzhong:before {
content: "\ECF5"
}
.fn-icon-file:before {
content: "\E68B"
}
.fn-icon-yinhangqia:before {
content: "\E984"
}
.fn-icon-good:before {
content: "\E62C"
}
.fn-icon-zhineng:before {
content: "\E750"
}
.fn-icon-usid:before {
content: "\E60F"
}
.fn-icon-cheliangshiyongshuai:before {
content: "\E751"
}
.fn-icon-previous:before {
content: "\E63D"
}
.fn-icon-zhangdan:before {
content: "\E752"
}
.fn-icon-next:before {
content: "\E63E"
}
.fn-icon-chuangjianyuansuo:before {
content: "\E753"
}
.fn-icon-monthly-pass:before {
content: "\E614"
}
.fn-icon-fujian:before {
content: "\E768"
}
.fn-icon-check-s:before {
content: "\E6A6"
}
.fn-icon-juxing:before {
content: "\E754"
}
.fn-icon-arrow-dl:before {
content: "\E64C"
}
.fn-icon-tibifeishuai:before {
content: "\E755"
}
.fn-icon-finish:before {
content: "\E650"
}
.fn-icon-tiaodu:before {
content: "\E756"
}
.fn-icon-bao:before {
content: "\E714"
}
.fn-icon-bendi:before {
content: "\E757"
}
.fn-icon-stack:before {
content: "\E652"
}
.fn-icon-saomazhifu:before {
content: "\E758"
}
.fn-icon-arrow-l-2:before {
content: "\E649"
}
.fn-icon-shouqi2:before {
content: "\E75A"
}
.fn-icon-shuoming:before {
content: "\E6E4"
}
.fn-icon-zhankai2:before {
content: "\E75B"
}
.fn-icon-message-tmp:before {
content: "\E62D"
}
.fn-icon-batchdelivery:before {
content: "\E828"
}
.fn-icon-add-rad:before {
content: "\E62E"
}
.fn-icon-task-cancel-bu:before {
content: "\E6F7"
}
.fn-icon-tool-box:before {
content: "\E618"
}
.fn-icon-check-o:before {
content: "\E62F"
}
.fn-icon-auto-width:before {
content: "\E631"
}
.fn-icon-add-group:before {
content: "\E633"
}
.fn-icon-duihao:before {
content: "\E6A8"
}
.fn-icon-extend-left:before {
content: "\E6A9"
}
.fn-icon-extend-right:before {
content: "\E638"
}
.fn-icon-avtor1:before {
content: "\E6B8"
}
.fn-icon-bank-card:before {
content: "\E635"
}
.fn-icon-balance-bu:before {
content: "\E660"
}
.fn-icon-menu1:before {
content: "\E637"
}
.fn-icon-qizi:before {
content: "\E6EF"
}
.fn-icon-arrow-down:before {
content: "\E68F"
}
.fn-icon-photo:before {
content: "\E699"
}
.fn-icon-app-l:before {
content: "\E66F"
}
.fn-icon-jinrong1:before {
content: "\E659"
}
.fn-icon-service1:before {
content: "\E63F"
}
.fn-icon-accounting:before {
content: "\E69A"
}
.fn-icon-carry-in:before {
content: "\E642"
}
.fn-icon-lock-o:before {
content: "\E695"
}
.fn-icon-list-down:before {
content: "\E6E3"
}
.fn-icon-phone-line:before {
content: "\E775"
}
.fn-icon-mark-bu:before {
content: "\E71A"
}
.fn-icon-finance:before {
content: "\E645"
}
.fn-icon-cancel:before {
content: "\E646"
}
.fn-icon-bianji2:before {
content: "\E6E5"
}
.fn-icon-cargo-bu:before {
content: "\E647"
}
.fn-icon-attach-bu:before {
content: "\E702"
}
.fn-icon-detail-fin-bu:before {
content: "\E64D"
}
.fn-icon-building:before {
content: "\E653"
}
.fn-icon-track:before {
content: "\E656"
}
.fn-icon-company:before {
content: "\E65A"
}
.fn-icon-attest-2:before {
content: "\E671"
}
.fn-icon-jinrongjigou:before {
content: "\E65B"
}
.fn-icon-pay-bu:before {
content: "\E65C"
}
.fn-icon-neterr-o:before {
content: "\E65D"
}
.fn-icon-appose-bu:before {
content: "\E96A"
}
.fn-icon-revoke:before {
content: "\E6E0"
}
.fn-icon-user-group:before {
content: "\E72B"
}
.fn-icon-scheck:before {
content: "\E664"
}
.fn-icon-error-o:before {
content: "\E665"
}
.fn-icon-baoxian:before {
content: "\E6D6"
}
.fn-icon-active:before {
content: "\E710"
}
.fn-icon-rules:before {
content: "\E666"
}
.fn-icon-time-order:before {
content: "\E669"
}
.fn-icon-warn-2:before {
content: "\E690"
}
.fn-icon-invisible:before {
content: "\E6A7"
}
.fn-icon-app-o:before {
content: "\E670"
}
.fn-icon-exchange2:before {
content: "\E887"
}
.fn-icon-bell:before {
content: "\E66A"
}
.fn-icon-import-bu:before {
content: "\E66B"
}
.fn-icon-unloading:before {
content: "\E66C"
}
.fn-icon-data-s:before {
content: "\E66E"
}
.fn-icon-fenpei:before {
content: "\E6EC"
}
.fn-icon-company1:before {
content: "\E6DB"
}
.fn-icon-car-l:before {
content: "\E672"
}
.fn-icon-flag1:before {
content: "\E674"
}
.fn-icon-iphone:before {
content: "\E71F"
}
.fn-icon-arrow-r-2:before {
content: "\E675"
}
.fn-icon-approve:before {
content: "\E676"
}
.fn-icon-avtor-3:before {
content: "\E677"
}
.fn-icon-weight:before {
content: "\E679"
}
.fn-icon-jiangdichengben:before {
content: "\E6F8"
}
.fn-icon-pop:before {
content: "\E67A"
}
.fn-icon-bangzhu:before {
content: "\E6FA"
}
.fn-icon-setting2:before {
content: "\E6F9"
}
.fn-icon-message2:before {
content: "\E69C"
}
.fn-icon-waper-bu:before {
content: "\E67B"
}
.fn-icon-clip:before {
content: "\E685"
}
.fn-icon-coin:before {
content: "\E67C"
}
.fn-icon-jiqiren:before {
content: "\E682"
}
.fn-icon-arrow-dr:before {
content: "\EC64"
}
.fn-icon-arrow-db:before {
content: "\EC65"
}
.fn-icon-arrow-dt:before {
content: "\EC66"
}
.fn-icon-list-up:before {
content: "\EC67"
}
.fn-icon-precent:before {
content: "\E6EA"
}
.fn-icon-minus-rad:before {
content: "\E68E"
}
.fn-icon-data:before {
content: "\E69B"
}
.fn-icon-touxiang:before {
content: "\E67D"
}
.fn-icon-fukuan:before {
content: "\E6E6"
}
.fn-icon-qian:before {
content: "\E7D4"
}
.fn-icon-switch_account:before {
content: "\E67F"
}
.fn-icon-calculate:before {
content: "\E680"
}
.fn-icon-arrow-up:before {
content: "\EC68"
}
.fn-icon-arrow-r:before {
content: "\EC69"
}
.fn-icon-arrow-l:before {
content: "\EC6A"
}
.fn-icon-arrow-sright:before {
content: "\EC6F"
}
.fn-icon-server:before {
content: "\E691"
}
.fn-icon-chart:before {
content: "\E681"
}
.fn-icon-shalou:before {
content: "\E683"
}
.fn-icon-gaojingyanseshengyinshezhi:before {
content: "\E684"
}
.fn-icon-bell-2:before {
content: "\E686"
}
.fn-icon-xiajia:before {
content: "\E70C"
}
.fn-icon-date:before {
content: "\E687"
}
.fn-icon-upload:before {
content: "\E688"
}
.fn-icon-forward-l:before {
content: "\E689"
}
.fn-icon-branch-bu:before {
content: "\E68A"
}
.fn-icon-owed:before {
content: "\EC70"
}
.fn-icon-yingyewangdian:before {
content: "\E68C"
}
.fn-icon-forward-r:before {
content: "\E693"
}
.fn-icon-setting1:before {
content: "\E694"
}
.fn-icon-licaiqianyue:before {
content: "\E692"
}
.fn-icon-feiyongshuoming:before {
content: "\E700"
}
.fn-icon-action:before {
content: "\E696"
}
.fn-icon-jiesuanguizeshezhi:before {
content: "\E6F2"
}
.fn-icon-file-add:before {
content: "\E698"
}
.fn-icon-export:before {
content: "\E69D"
}
.fn-icon-download:before {
content: "\E69F"
}
.fn-icon-exchange:before {
content: "\E6A2"
}
.fn-icon-import:before {
content: "\E6A3"
}
.fn-icon-file-a:before {
content: "\E6A5"
}
.fn-icon-more:before {
content: "\E6AA"
}
.fn-icon-pay:before {
content: "\E6AF"
}
.fn-icon-print-out:before {
content: "\E6B0"
}
.fn-icon-save:before {
content: "\E6B1"
}
.fn-icon-truck:before {
content: "\E6B2"
}
.fn-icon-user-add:before {
content: "\E6B3"
}
.fn-icon-waper:before {
content: "\E6B4"
}
.fn-icon-youxuanzhuan1:before {
content: "\E6C2"
}
.fn-icon-yunshuchanpin:before {
content: "\E822"
}
.fn-icon-quanshengzhongdiangaodangyanxiaoliangmaoli-xiaoliang:before {
content: "\E6E8"
}
.fn-icon-copy1:before {
content: "\E701"
}
.fn-icon-fangda:before {
content: "\E711"
}
.fn-icon-pause:before {
content: "\E6B5"
}
.fn-icon-logout:before {
content: "\E779"
}
.fn-icon-hide2:before {
content: "\E6B6"
}
.fn-icon-anjianzongjine:before {
content: "\E6BA"
}
.fn-icon-jifen:before {
content: "\E70D"
}
.fn-icon-info-o-2:before {
content: "\E6B9"
}
.fn-icon-siji:before {
content: "\E6FE"
}
.fn-icon-unlock:before {
content: "\E6BB"
}
.fn-icon-zuoxuanzhuan1:before {
content: "\E6C3"
}
.fn-icon-shangjia:before {
content: "\E70E"
}
.fn-icon-songdan:before {
content: "\E80E"
}
.fn-icon-warn-o:before {
content: "\E6BC"
}
.fn-icon-huo:before {
content: "\E6F6"
}
.fn-icon-preview:before {
content: "\E6BE"
}
.fn-icon-bangzhuzhongxin:before {
content: "\E6E9"
}
.fn-icon-tiquxianjinguanli:before {
content: "\E712"
}
.fn-icon-forward-0:before {
content: "\E6BF"
}
.fn-icon-forward-r-2:before {
content: "\E6C0"
}
.fn-icon-time:before {
content: "\E70F"
}
.fn-icon-thousand:before {
content: "\E6C4"
}
.fn-icon-manager1:before {
content: "\E6C5"
}
.fn-icon-help-o:before {
content: "\E6C6"
}
.fn-icon-date-num:before {
content: "\E6C7"
}
.fn-icon-minimize:before {
content: "\E713"
}
.fn-icon-gantanhao:before {
content: "\E703"
}
.fn-icon-tidan:before {
content: "\E9C9"
}
.fn-icon-light:before {
content: "\E6CA"
}
.fn-icon-ziliao:before {
content: "\E6CB"
}
.fn-icon-play:before {
content: "\E6CC"
}
.fn-icon-xiayibu:before {
content: "\E6CD"
}
.fn-icon-close-popup:before {
content: "\E6CE"
}
.fn-icon-suoxiao:before {
content: "\E6CF"
}
.fn-icon-yingshoukuan:before {
content: "\E6EB"
}
.fn-icon-daikuan:before {
content: "\E716"
}
.fn-icon-nail:before {
content: "\E6D1"
}
.fn-icon-attest:before {
content: "\E6D2"
}
.fn-icon-nail-1:before {
content: "\E6D3"
}
.fn-icon-lubiao:before {
content: "\E6D5"
}
.fn-icon-filter:before {
content: "\E6ED"
}
.fn-icon-scan:before {
content: "\E6D7"
}
.fn-icon-keji:before {
content: "\E6D9"
}
.fn-icon-bind:before {
content: "\E6DA"
}
.fn-icon-tiaoduguanli:before {
content: "\E6DC"
}
.fn-icon-shortcut:before {
content: "\E6DD"
}
.fn-icon-round:before {
content: "\E6DE"
}
.fn-icon-polygon:before {
content: "\E6EE"
}
.fn-icon-anchors-close:before {
content: "\E6F0"
}
.fn-icon-anchors-delete:before {
content: "\E6F1"
}
.fn-icon-anchors-add:before {
content: "\E6F3"
}
.fn-icon-pen-tool:before {
content: "\E6F4"
}
.fn-icon-anchors-drag:before {
content: "\E6F5"
}
.fn-icon-empty:before {
content: "\E6FB"
}
.fn-icon-screen:before {
content: "\E6FC"
}
.fn-icon-nonempty:before {
content: "\E6FD"
}
.fn-icon-lubiao1:before {
content: "\E6FF"
}
.fn-icon-qrcode:before {
content: "\E704"
}
.fn-icon-show:before {
content: "\E8F4"
}
.fn-icon-hide:before {
content: "\E678"
}
.fn-icon-minus:before {
content: "\E6C8"
}
.fn-icon-add:before {
content: "\E6C9"
}
.fn-icon-modify:before {
content: "\E67E"
}
.fn-icon-search:before {
content: "\E6D8"
}
.fn-icon-shouqi1:before {
content: "\E6AE"
}
.fn-icon-zhankai1:before {
content: "\E60B"
}
.fn-icon-zhankai:before {
content: "\E64B"
}
.fn-icon-shouqi:before {
content: "\E609"
}
.fn-icon-go-back:before {
content: "\E608"
}
.fn-icon-notice:before {
content: "\E607"
}
.fn-icon-check:before {
content: "\E6D0"
}
.fn-icon-money:before {
content: "\E619"
}
.fn-icon-avtor:before {
content: "\E673"
}
.fn-icon-phone2:before {
content: "\E617"
}
.fn-icon-password:before {
content: "\E654"
}
.fn-icon-safe:before {
content: "\E655"
}
.fn-icon-setting:before {
content: "\E63C"
}
.fn-icon-arrow-sdown:before {
content: "\EC6B"
}
.fn-icon-arrow-sup:before {
content: "\EC6C"
}
.fn-icon-no-data:before {
content: "\E627"
}
.fn-icon-delete:before {
content: "\E63B"
}
.fn-icon-address-book:before {
content: "\E612"
}
.fn-icon-send-car:before {
content: "\E604"
}
.fn-icon-net:before {
content: "\E91C"
}
.fn-icon-goods:before {
content: "\E634"
}
.fn-icon-sale-result:before {
content: "\E603"
}
.fn-icon-science:before {
content: "\E629"
}
.fn-icon-send:before {
content: "\E605"
}
.fn-icon-service:before {
content: "\E616"
}
.fn-icon-gps:before {
content: "\E69E"
}
.fn-icon-car:before {
content: "\E601"
}
.fn-icon-network:before {
content: "\E667"
}
.fn-icon-bus-board:before {
content: "\E622"
}
.fn-icon-site:before {
content: "\E648"
}
.fn-icon-flag:before {
content: "\E621"
}
.fn-icon-receive:before {
content: "\E70B"
}
.fn-icon-house:before {
content: "\E606"
}
.fn-icon-warehouse:before {
content: "\E61B"
}
.fn-icon-to-receive:before {
content: "\E6A4"
}
.fn-icon-transport:before {
content: "\E632"
}
.fn-icon-delete2:before {
content: "\E620"
}
.fn-icon-check-o2:before {
content: "\E64E"
}
.fn-icon-close:before {
content: "\E6E1"
}
.fn-icon-to-top:before {
content: "\E615"
}
.fn-icon-weixin:before {
content: "\E6D4"
}
.fn-icon-customer:before {
content: "\E761"
}
.fn-icon-crown:before {
content: "\E6BD"
}
.fn-icon-lamp:before {
content: "\E611"
}
.fn-icon-function:before {
content: "\E6E7"
}
.fn-icon-gps1:before {
content: "\E651"
}
.fn-icon-page-down2:before {
content: "\E6C1"
}
.fn-icon-page-down:before {
content: "\E66D"
}
.fn-icon-menu:before {
content: "\E785"
}
.fn-icon-fish:before {
content: "\E759"
}
.fn-icon-cost:before {
content: "\E626"
}
.fn-icon-telephone:before {
content: "\E62B"
}
.fn-icon-medical:before {
content: "\E63A"
}
.fn-icon-tiexinfuwu:before {
content: "\E623"
}
.fn-icon-safe1:before {
content: "\E61E"
}
.fn-icon-rocket:before {
content: "\E662"
}
.fn-icon-team:before {
content: "\E630"
}
.fn-icon-flexible:before {
content: "\E628"
}
.fn-icon-price:before {
content: "\E749"
}
.fn-icon-send1:before {
content: "\E6AB"
}
.fn-icon-reservation:before {
content: "\E61A"
}
.fn-icon-trail:before {
content: "\E610"
}
.fn-icon-record:before {
content: "\E61D"
}
.fn-icon-search2:before {
content: "\E602"
}
.fn-icon-info:before {
content: "\E61F"
}
.fn-icon-phone:before {
content: "\E600"
}
.fn-icon {
width: 12px;
height: 12px;
display: inline-block;
font-size: 12px;
vertical-align: middle;
line-height: 12px;
font-family: iconfont !important;
font-style: normal;
-webkit-font-smoothing: antialiased;
-webkit-text-stroke-width: .2px;
-moz-osx-font-smoothing: grayscale
}
.fn-icon-arrow-r-i {
position: absolute;
margin: 0;
top: 50%;
right: 5px;
opacity: 1;
width: 6px;
height: 10px;
margin-top: -3px;
background: url(/static/images/small-arrow-right.fb4e10d1e3beff26561d9fab552e3182.png) 50% no-repeat;
background-size: 7px auto
}
.fn-icon-ani-loading {
display: inline-block;
width: 1em;
height: 1em;
border-radius: 100%;
-webkit-animation-fill-mode: both;
animation-fill-mode: both;
border: 1px solid;
border-bottom-color: transparent;
-webkit-animation: rotate-loading .75s 0s linear infinite;
animation: rotate-loading .75s 0s linear infinite
}
.fn-icon-spinner {
background: url(/static/images/loadingGif/loading-spinner.4626b7ac7a2315d1cb672a11ae505440.svg) 50% no-repeat;
background-size: 28px 30px;
width: 14px;
height: 14px;
position: relative;
top: 50%
}
.text-orange {
color: #ff9a00
}
.text-red {
color: #f12222
}
.text-grey {
color: grey
}
.text-blue {
color: #0097cf
}
.text-green {
color: #1dbb73
}
.text-gray {
color: #999
}
.fs12 {
font-size: 12px
}
.fs14 {
font-size: 14px
}
.fs16 {
font-size: 16px
}
.fs22 {
font-size: 22px
}
.fn-icon-add-rad,
.fn-icon-minus-rad {
font-size: 16px
}
.fn-icon-add-rad,
.fn-input-wrap .fn-icon-add-rad,
.table-filter-column p .fn-icon-add-rad {
color: #0097cf
}
.fn-icon-minus-rad {
color: #dd4b39
}
.btn-checkbox {
display: inline-block;
overflow: hidden;
border: 1px solid #b9ccd7;
width: 200px;
font-size: 14px;
color: #3a3a3a;
height: 40px;
line-height: 40px;
position: relative;
border-radius: 2px;
cursor: pointer;
vertical-align: middle
}
.btn-checkbox.checked,
.btn-checkbox:hover {
border: 1px solid #1c7cda
}
.btn-checkbox.checked:after {
content: "\E64F";
font-family: iconfont;
font-size: 12px;
color: #fff;
-webkit-clip-path: polygon(100% 0, 100% 100%, 0 100%);
clip-path: polygon(100% 0, 100% 100%, 0 100%);
position: absolute;
width: 28px;
height: 24px;
right: 0;
bottom: 0;
background: #1c7cda;
-webkit-transform: scale(.66);
transform: scale(.66);
-webkit-transform-origin: bottom right;
transform-origin: bottom right;
line-height: 32px;
text-indent: 14px
}
.fn-dialog__center .fn-table .public_fixedDataTableRow_even:hover .public_fixedDataTableCell_main,
.fn-dialog__center .fn-table .public_fixedDataTableRow_odd:hover .public_fixedDataTableCell_main,
.oinfo-log-tab .fn-table .public_fixedDataTableRow_even:hover .public_fixedDataTableCell_main,
.oinfo-log-tab .fn-table .public_fixedDataTableRow_odd:hover .public_fixedDataTableCell_main,
.online-log .fn-table .public_fixedDataTableRow_even:hover .public_fixedDataTableCell_main,
.online-log .fn-table .public_fixedDataTableRow_odd:hover .public_fixedDataTableCell_main,
.set_collect .fn-table .public_fixedDataTableRow_even:hover .public_fixedDataTableCell_main,
.set_collect .fn-table .public_fixedDataTableRow_odd:hover .public_fixedDataTableCell_main,
.slide__drager .payModeDiv .fn-table .public_fixedDataTableRow_even:hover .public_fixedDataTableCell_main,
.slide__drager .payModeDiv .fn-table .public_fixedDataTableRow_odd:hover .public_fixedDataTableCell_main {
background-color: #fff
}
.fn-dialog__center .public_fixedDataTable_header,
.fn-dialog__center .public_fixedDataTable_header .public_fixedDataTableCell_main,
.fn-dialog__center .table-filter-column,
.oinfo-log-tab .public_fixedDataTable_header,
.oinfo-log-tab .public_fixedDataTable_header .public_fixedDataTableCell_main,
.oinfo-log-tab .table-filter-column,
.online-log .public_fixedDataTable_header,
.online-log .public_fixedDataTable_header .public_fixedDataTableCell_main,
.online-log .table-filter-column,
.pick-order-content__fee_table .public_fixedDataTable_header,
.pick-order-content__fee_table .public_fixedDataTable_header .public_fixedDataTableCell_main,
.pick-order-content__fee_table .table-filter-column,
.pick-order-content__header .public_fixedDataTable_header,
.pick-order-content__header .public_fixedDataTable_header .public_fixedDataTableCell_main,
.pick-order-content__header .table-filter-column,
.set_collect .public_fixedDataTable_header,
.set_collect .public_fixedDataTable_header .public_fixedDataTableCell_main,
.set_collect .table-filter-column,
.slide__drager .payModeDiv .public_fixedDataTable_header,
.slide__drager .payModeDiv .public_fixedDataTable_header .public_fixedDataTableCell_main,
.slide__drager .payModeDiv .table-filter-column,
.slide__drager .pick-order-content__fee_table .public_fixedDataTable_header,
.slide__drager .pick-order-content__fee_table .public_fixedDataTable_header .public_fixedDataTableCell_main,
.slide__drager .pick-order-content__fee_table .table-filter-column,
.slide__drager .public_fixedDataTable_header,
.slide__drager .public_fixedDataTable_header .public_fixedDataTableCell_main,
.slide__drager .table-filter-column,
.type-set .public_fixedDataTable_header,
.type-set .public_fixedDataTable_header .public_fixedDataTableCell_main,
.type-set .table-filter-column {
background: #ecf0f5
}
.unedit-table-style .fixedDataTableLayout_header {
border-bottom: none
}
.unedit-table-style .filter-header-wraper {
font-weight: 400
}
.unedit-table-style .fixedDataTableRowLayout_rowWrapper:last-child .fixedDataTableRowLayout_main {
border-bottom: none
}
.unedit-table-style .fixedDataTableLayout_main,
.unedit-table-style .public_fixedDataTable_main {
border-top: 1px solid #b9ccd7;
border-left: 1px solid #b9ccd7;
border-color: #b9ccd7
}
.unedit-table-style .fixedDataTableLayout_horizontalScrollbar {
border-top: none
}
.unedit-table-style .public_fixedDataTableCell_main {
border-right: 1px solid #b9ccd7 !important;
border-color: #b9ccd7 !important;
border-bottom: 1px solid #b9ccd7
}
.add__modify>div {
margin-bottom: 6px
}
.wp-search-order .header_bg {
width: 100%;
min-height: 80px;
background-color: #ec4848;
display: flex;
justify-content: center;
align-items: center
}
.wp-search-order .header_bg .__header .input-area {
display: flex;
justify-content: center;
align-items: center;
min-height: 50px
}
.wp-search-order .header_bg .__header .input-area .order-num-input {
width: 708px;
min-height: 50px
}
.wp-search-order .header_bg .__header .input-area .order-num-input .fn-input-pure {
font-size: 14px;
padding-left: 20px;
box-sizing: border-box
}
.wp-search-order .header_bg .__header .input-area .order-num-input .fn-input-pure:focus {
background: #fff
}
.wp-search-order .header_bg .__header .input-area .order-num-btn {
width: 92px;
min-height: 50px;
background: #ff9700;
color: #fff;
border: 0;
border-radius: 0;
font-size: 16px;
border-radius: 2px
}
.wp-search-order .header_bg .__header .input-area .order-num-btn .fn-icon {
color: #fff
}
.wp-search-order ._content {
width: 1200px;
background-color: #fff;
margin: 0 auto
}
.wp-search-order .error-info {
height: 70px;
display: flex;
align-items: center;
padding-left: 60px;
font-size: 16px
}
.wp-search-order .error-info .num {
color: #666;
margin-right: 60px
}
.wp-search-order .error-info .num .text {
margin-left: 5px
}
.wp-search-order .error-info .descript {
color: #f37100
}
.wp-search-order .no-data {
min-height: 500px;
display: flex;
flex-direction: column;
justify-content: center;
align-items: center
}
.wp-search-order .no-data .image {
width: 100px;
height: 88px;
display: inline-flex
}
.wp-search-order .no-data .describe {
letter-spacing: 2px;
padding-left: 12px;
color: #999;
padding-top: 10px;
font-size: 14px
}
.wp-search-order .bill-map {
margin-top: 40px;
width: 1200px;
margin: 0 auto;
min-height: 500px;
position: relative
}
.wp-search-order .bill-map .bill-area {
display: flex;
flex-direction: column;
position: absolute;
width: 800px;
left: 200px;
top: 45px
}
.wp-search-order .bill-map .bill-area .bill-info {
display: flex;
flex-direction: column;
border-radius: 8px;
background: #fff;
z-index: 1;
opacity: .8;
padding: 0 20px
}
.wp-search-order .bill-map .bill-area .bill-info .bill-title {
display: flex;
justify-content: space-between;
align-items: center;
height: 60px
}
.wp-search-order .bill-map .bill-area .bill-info .bill-title .num {
font-size: 14px
}
.wp-search-order .bill-map .bill-area .bill-info .bill-title .num .num-text {
color: #333
}
.wp-search-order .bill-map .bill-area .bill-info .bill-title .num .num {
color: #131e27;
font-weight: 700
}
.wp-search-order .bill-map .bill-area .bill-info .bill-title .route {
font-size: 16px;
color: #131e27
}
.wp-search-order .bill-map .bill-area .bill-info .bill-title .route .start-city,
.wp-search-order .bill-map .bill-area .bill-info .bill-title .route .to-city {
font-weight: 700
}
.wp-search-order .bill-map .bill-area .bill-info .bill-title .route .arrow {
margin: 0 50px
}
.wp-search-order .bill-map .bill-area .bill-info .bill-title .state {
width: 86px;
height: 24px;
border-radius: 20px;
display: inline-flex;
align-items: center;
padding-left: 4px
}
.wp-search-order .bill-map .bill-area .bill-info .bill-title .state .text {
font-size: 14px;
line-height: 20px;
margin-left: 10px
}
.wp-search-order .bill-map .bill-area .bill-info .bill-title .state.create {
background: #dbdbdb
}
.wp-search-order .bill-map .bill-area .bill-info .bill-title .state.create .fn-icon {
background: #999;
width: 18px;
height: 18px;
border-radius: 50%;
color: #fff;
display: inline-flex;
justify-content: center;
align-items: center
}
.wp-search-order .bill-map .bill-area .bill-info .bill-title .state.create .text {
color: #666
}
.wp-search-order .bill-map .bill-area .bill-info .bill-title .state.doing {
background: #ffe9c9
}
.wp-search-order .bill-map .bill-area .bill-info .bill-title .state.doing .fn-icon {
background: #ff9700;
width: 18px;
height: 18px;
border-radius: 50%;
color: #fff;
display: inline-flex;
justify-content: center;
align-items: center
}
.wp-search-order .bill-map .bill-area .bill-info .bill-title .state.doing .text {
color: #ff9700
}
.wp-search-order .bill-map .bill-area .bill-info .bill-title .state.done {
background: #e5ffdd
}
.wp-search-order .bill-map .bill-area .bill-info .bill-title .state.done .fn-icon {
background: #19be6b;
width: 18px;
height: 18px;
border-radius: 50%;
color: #fff;
display: inline-flex;
justify-content: center;
align-items: center
}
.wp-search-order .bill-map .bill-area .bill-info .bill-title .state.done .text {
color: #19be6b
}
.wp-search-order .bill-map .bill-area .bill-info .bill-detail {
border-top: 1px solid #ddd;
padding: 20px 0
}
.wp-search-order .bill-map .bill-area .bill-info .bill-detail .detail-item {
display: inline-flex;
width: 45%;
padding-right: 36px;
padding-bottom: 10px
}
.wp-search-order .bill-map .bill-area .bill-info .bill-detail .detail-item .left {
flex: 0 0 60px;
font-size: 12px;
color: #555;
text-align: right
}
.wp-search-order .bill-map .bill-area .bill-info .bill-detail .detail-item .left:after {
content: "\FF1A"
}
.wp-search-order .bill-map .bill-area .bill-info .bill-detail .detail-item .right {
font-size: 12px;
color: #000
}
.wp-search-order .bill-map .bill-area .bill-info .bill-detail .detail-item .right.red {
color: #f12222
}
.wp-search-order .bill-map .bill-area .bill-info .bill-detail .detail-item .right.green {
color: #19be6b
}
.wp-search-order .bill-map .bill-area .bill-info .bill-detail .detail-item.cee_name {
letter-spacing: 3px
}
.wp-search-order .bill-map .bill-area .view-detail {
display: flex;
justify-content: center;
align-items: center;
height: 16px;
z-index: 1
}
.wp-search-order .bill-map .bill-area .view-detail .fn-detail {
width: 114px;
height: 16px;
display: inline-flex;
justify-content: center;
align-items: center;
background: #eafee3;
border-left: 1px solid #289a18;
border-right: 1px solid #289a18;
border-bottom: 1px solid #289a18;
color: #289a18;
font-size: 12px;
border-radius: 0 0 2px 2px;
cursor: pointer
}
.wp-search-order .bill-map .bill-area .view-detail .fn-detail .fn-label {
font-size: 12px;
margin-left: 4px;
color: #289a18
}
.wp-search-order .bill-map .bill-area .view-detail .fn-detail:hover {
background: #cdffbb
}
.wp-search-order .bill-map .track-iframe {
position: absolute;
border: 0
}
.wp-search-order .list {
margin-top: 40px;
width: 1200px;
max-height: 430px;
overflow-y: auto
}
.wp-search-order .list .list-row {
display: inline-flex;
padding: 0 0 0 40px;
height: 72px;
position: relative;
font-size: 16px;
z-index: 2
}
.wp-search-order .list .list-row .item {
display: inline-flex
}
.wp-search-order .list .list-row .item.type {
position: relative;
margin-right: 45px
}
.wp-search-order .list .list-row .item.type .icon {
display: inline-flex;
width: 30px;
height: 30px;
line-height: 30px;
border-radius: 50%;
justify-content: center;
align-items: center;
background: none
}
.wp-search-order .list .list-row .item.type .icon.create {
background-color: #7d9cac
}
.wp-search-order .list .list-row .item.type .icon.create .list-icon {
font-size: 20px;
width: 20px;
height: 20px;
line-height: 20px;
color: #fff
}
.wp-search-order .list .list-row .item.type .icon.doing {
background-color: #f12222
}
.wp-search-order .list .list-row .item.type .icon.doing .list-icon {
font-size: 16px;
width: 28px;
height: 20px;
line-height: 20px;
color: #fff
}
.wp-search-order .list .list-row .item.type .icon.done {
background-color: #19be6b
}
.wp-search-order .list .list-row .item.type .icon.done .list-icon {
font-size: 20px;
width: 20px;
height: 20px;
line-height: 20px;
color: #fff
}
.wp-search-order .list .list-row .item.type .icon .default-icon {
display: inline-block;
width: 10px;
height: 10px;
border-radius: 50%;
background-color: #7d9cac
}
.wp-search-order .list .list-row .item.type .line {
position: absolute;
width: 1px;
height: 60px;
border-right: 1px dashed #596d82;
left: 15px;
top: 22px;
z-index: -1
}
.wp-search-order .list .list-row .item.time {
margin-right: 60px;
width: 160px
}
.wp-search-order .list .list-row .item.desc {
width: 840px
}
</style>
<style type="text/css">
.wp-dialog {
position: fixed;
left: 0;
top: 0;
width: 100%;
height: 100%;
display: flex;
justify-content: center;
align-items: center;
background-color: rgba(0, 0, 0, .5);
-webkit-animation-duration: .5s;
animation-duration: .5s;
text-align: center
}
.wp-dialog__login-pre {
width: 420px;
height: 352px;
border-radius: 12px;
background: #fff;
box-shadow: 0 3px 8px 0
}
.wp-dialog__login-pre ._close {
position: relative
}
.wp-dialog__login-pre ._close .fn-icon {
position: absolute;
right: 20px;
top: 14px;
cursor: pointer
}
.wp-dialog__login-pre .login-text {
margin-top: 40px;
font-size: 20px;
color: #131e27;
letter-spacing: 0;
text-align: center;
cursor: default
}
.wp-dialog__login-pre .login-choose {
width: 100%;
height: calc(100% - 80px);
display: inline-flex;
justify-content: space-evenly;
align-items: center
}
.wp-dialog__login-pre .login-choose .login-item {
display: inline-flex;
flex-direction: column
}
.wp-dialog__login-pre .login-choose .login-item .login-image {
cursor: pointer
}
.wp-dialog__login-pre .login-choose .login-item .text {
margin: 18px auto 0;
width: 120px;
height: 38px;
border: 1px solid #ec4848;
border-radius: 19px;
display: inline-flex;
justify-content: center;
align-items: center
}
.wp-dialog__login-pre .login-choose .login-item .text .fn--label {
font-size: 14px;
color: #ec4848;
letter-spacing: 0;
text-align: center;
cursor: pointer
}
.wp-dialog__content {
width: 420px;
min-height: 350px;
background: #fff;
border-radius: 12px;
display: inline-block;
vertical-align: middle;
text-align: left;
position: relative;
overflow: hidden
}
.wp-dialog__content.user-login-iframe {
width: 425px;
height: 650px;
border-radius: 12px;
background: none
}
.wp-dialog__content.user-login-iframe .limpid-user-login {
width: 12px;
height: 150px;
position: absolute;
right: 28px;
top: 30px
}
.wp-dialog__content ._close {
position: relative
}
.wp-dialog__content ._close .fn-icon {
position: absolute;
right: 20px;
top: 14px;
cursor: pointer
}
.wp-dialog__content .title {
text-align: center;
padding-top: 40px
}
.wp-dialog__content .title .member-login {
cursor: pointer
}
.wp-dialog__content .title .member-login span {
color: #666;
font-size: 20px;
line-height: 24px;
margin-left: 16px;
position: relative
}
.wp-dialog__content .title .member-login span.account:after {
content: " ";
width: 1px;
height: 16px;
border-right: 1px solid #979797;
display: inline-block;
padding-left: 16px
}
.wp-dialog__content .title .member-login span.is_active {
color: #131e27
}
.wp-dialog__content .title .member-login span.is_active:before {
content: " ";
height: 2px;
width: 48px;
border-bottom: 2px solid #ec4848;
position: absolute;
bottom: -8px;
left: 13px
}
.wp-dialog__content .title .fn--label {
cursor: default;
font-size: 20px;
color: #131e27;
letter-spacing: 0
}
.wp-dialog__content .center {
padding: 40px 70px 0;
display: flex;
flex-direction: column
}
.wp-dialog__content .center .item {
width: 100%;
height: 35px;
margin: 15px 0;
padding-left: 10px;
border-bottom: 1px solid #e6e6e6;
display: flex;
justify-content: center;
align-items: center
}
.wp-dialog__content .center .item .fn-icon {
font-size: 14px;
line-height: 14px;
width: 14px;
height: 14px;
margin-right: 10px
}
.wp-dialog__content .center .item .fn-icon.fn-icon-hide,
.wp-dialog__content .center .item .fn-icon.fn-icon-show {
color: #ec4848
}
.wp-dialog__content .center .item .fn-input-pure-wrap {
height: 36px;
width: calc(100% - 24px)
}
.wp-dialog__content .center .item .fn-input-pure-wrap.verify_code {
width: calc(100% - 104px)
}
.wp-dialog__content .center .item .fn-input-pure-wrap .fn-input-pure {
font-size: 14px;
border: 0;
border-bottom: 1px solid #e6e6e6;
border-radius: 0;
box-shadow: inset 0 0 0 36px #fff
}
.wp-dialog__content .center .item .fn-input-pure-wrap .fn-input-pure:focus {
background: #fff
}
.wp-dialog__content .center .item .fn-input-pure-wrap input::-webkit-input-placeholder {
color: #bbb
}
.wp-dialog__content .center .item.verify-code .text {
display: inline-flex;
height: 24px;
width: 80px;
font-size: 12px;
justify-content: center;
align-items: center;
border: 1px solid #ec4848;
color: #ec4848;
cursor: pointer;
border-radius: 12px
}
.wp-dialog__content .center .item.verify-code .text.disabled {
border: 1px solid #bbb;
color: #bbb;
cursor: default
}
.wp-dialog__content .center .password-row {
margin-top: 5px;
display: flex;
justify-content: flex-end;
font-size: 14px;
padding-left: 10px
}
.wp-dialog__content .center .password-row .forget-pwd .text {
font-size: 14px;
color: #ec4848;
cursor: pointer
}
.wp-dialog__content .btn {
margin-top: 10px;
margin-bottom: 24px;
height: 62px;
cursor: pointer;
padding: 0 70px
}
.wp-dialog__content .btn .errorText {
height: 30px;
color: #f12222;
font-size: 14px
}
.wp-dialog__content .btn .succText {
height: 30px;
color: #31c481;
font-size: 14px
}
.wp-dialog__content .btn ._button {
width: 100%;
height: 42px;
font-size: 14px;
color: #fff;
background-color: #ec4848;
display: inline-flex;
justify-content: center;
align-items: center;
border-radius: 21px
}
.wp-dialog__content .footer {
margin-bottom: 40px;
height: 20px;
width: 100%;
display: flex;
justify-content: center;
align-items: center
}
.wp-dialog__content .footer .text {
font-size: 14px;
color: #131e27
}
.wp-dialog__content .footer .text.link {
margin-left: 6px;
color: #ec4848;
cursor: pointer
}
.fn-wp-dialog.bind-dialog .fn-wp-dialog_center .notice .bind-detail .detail_item {
margin-bottom: 8px
}
.fn-wp-dialog.bind-dialog .fn-wp-dialog_center .notice .bind-detail .detail_item em {
margin-right: 6px
}
</style>
<style type="text/css">
.fn-icon-il,
.iconfont {
font-family: iconfont !important;
font-style: normal;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale
}
.fn-icon-il {
-webkit-text-stroke-width: .2px
}
.fn-icon-row-arrows:before {
content: "\E75D"
}
.fn-icon-yanzheng:before {
content: "\E75C"
}
.fn-icon-referee:before {
content: "\E745"
}
.fn-icon-order:before {
content: "\E641"
}
.fn-icon-address:before {
content: "\E64A"
}
.fn-icon-reservation2:before {
content: "\E661"
}
.fn-icon-personal:before {
content: "\E6A1"
}
.fn-icon-bank_card:before {
content: "\E6AD"
}
.fn-icon-bind2:before {
content: "\E721"
}
.fn-icon-phone3:before {
content: "\E722"
}
.fn-icon-arrow-mdown:before {
content: "\E705"
}
.fn-icon-arrow-mup:before {
content: "\E706"
}
.fn-icon-arrow-mright:before {
content: "\E707"
}
.fn-icon-zoom-in:before {
content: "\E708"
}
.fn-icon-zoom-out:before {
content: "\E70A"
}
.fn-icon-allot:before {
content: "\E717"
}
.fn-icon-close1:before {
content: "\E718"
}
.fn-icon-drag-lf:before {
content: "\E719"
}
.fn-icon-avtor-2:before {
content: "\E71B"
}
.fn-icon-record1:before {
content: "\E71C"
}
.fn-icon-abolish:before {
content: "\E71D"
}
.fn-icon-skin:before {
content: "\E71E"
}
.fn-icon-time2:before {
content: "\E720"
}
.fn-icon-guide:before {
content: "\E723"
}
.fn-icon-sort:before {
content: "\E724"
}
.fn-icon-branch:before {
content: "\E725"
}
.fn-icon-appose:before {
content: "\E726"
}
.fn-icon-copy:before {
content: "\E727"
}
.fn-icon-del:before {
content: "\E728"
}
.fn-icon-check1:before {
content: "\E729"
}
.fn-icon-detail-fin:before {
content: "\E72A"
}
.fn-icon-cargo:before {
content: "\E72C"
}
.fn-icon-attach:before {
content: "\E72D"
}
.fn-icon-task-cancel:before {
content: "\E72E"
}
.fn-icon-mark:before {
content: "\E72F"
}
.fn-icon-exchange3:before {
content: "\E730"
}
.fn-icon-transfer:before {
content: "\E731"
}
.fn-icon-setting-bu:before {
content: "\E732"
}
.fn-icon-exchange4:before {
content: "\E733"
}
.fn-icon-bell-3:before {
content: "\E697"
}
.fn-icon-tongguo:before {
content: "\E734"
}
.fn-icon-editinfo:before {
content: "\E613"
}
.fn-icon-tuozhuai:before {
content: "\E735"
}
.fn-icon-download-bu:before {
content: "\E6B7"
}
.fn-icon-zaixianjiance:before {
content: "\E736"
}
.fn-icon-carry-out:before {
content: "\E60A"
}
.fn-icon-daikuanzixun:before {
content: "\E737"
}
.fn-icon-detail:before {
content: "\E624"
}
.fn-icon-wenjianjiqun:before {
content: "\E738"
}
.fn-icon-qq:before {
content: "\E668"
}
.fn-icon-ditu:before {
content: "\E739"
}
.fn-icon-lianlu:before {
content: "\E800"
}
.fn-icon-huoche:before {
content: "\E73A"
}
.fn-icon-help:before {
content: "\E663"
}
.fn-icon-cangku:before {
content: "\E73B"
}
.fn-icon-message:before {
content: "\E640"
}
.fn-icon-icon-test-copy:before {
content: "\E73C"
}
.fn-icon-arrow-sleft:before {
content: "\E68D"
}
.fn-icon-filter-2:before {
content: "\E73D"
}
.fn-icon-notice1:before {
content: "\E60E"
}
.fn-icon-kefu:before {
content: "\E73E"
}
.fn-icon-refresh:before {
content: "\E639"
}
.fn-icon-fuwu:before {
content: "\E73F"
}
.fn-icon-qq01:before {
content: "\E62A"
}
.fn-icon-fuwuzige:before {
content: "\E740"
}
.fn-icon-qrcode-bu:before {
content: "\E65E"
}
.fn-icon-hulianwangjia:before {
content: "\E741"
}
.fn-icon-file-set:before {
content: "\E643"
}
.fn-icon-shoudong:before {
content: "\E86F"
}
.fn-icon-arrive:before {
content: "\E65F"
}
.fn-icon-Changwaizydsgl-Xian:before {
content: "\E9CE"
}
.fn-icon-join:before {
content: "\E644"
}
.fn-icon-qingkong:before {
content: "\E742"
}
.fn-icon-pay-way:before {
content: "\E61C"
}
.fn-icon-suishitixian1:before {
content: "\E743"
}
.fn-icon-location:before {
content: "\E636"
}
.fn-icon-picture:before {
content: "\E744"
}
.fn-icon-jinrong:before {
content: "\E657"
}
.fn-icon-duanxin:before {
content: "\E746"
}
.fn-icon-guanbi:before {
content: "\E6A0"
}
.fn-icon-Shape:before {
content: "\E770"
}
.fn-icon-locate:before {
content: "\E625"
}
.fn-icon-tishi:before {
content: "\E747"
}
.fn-icon-info-o:before {
content: "\E6AC"
}
.fn-icon-dui:before {
content: "\E748"
}
.fn-icon-password1:before {
content: "\E658"
}
.fn-icon-yulan:before {
content: "\E74A"
}
.fn-icon-rock:before {
content: "\E60C"
}
.fn-icon-tuozhuai1:before {
content: "\E74B"
}
.fn-icon-maps:before {
content: "\E64F"
}
.fn-icon-fail:before {
content: "\E74C"
}
.fn-icon-print-out-bu:before {
content: "\E60D"
}
.fn-icon-area:before {
content: "\E74D"
}
.fn-icon-htmal5icon17:before {
content: "\E6E2"
}
.fn-icon-dayinyulan:before {
content: "\E9DC"
}
.fn-icon-sandg:before {
content: "\E715"
}
.fn-icon-phone1:before {
content: "\E74E"
}
.fn-icon-phone-line-o:before {
content: "\E709"
}
.fn-icon-xiayibu1:before {
content: "\E74F"
}
.fn-icon-huifu:before {
content: "\E6DF"
}
.fn-icon-chengzhong:before {
content: "\ECF5"
}
.fn-icon-file:before {
content: "\E68B"
}
.fn-icon-yinhangqia:before {
content: "\E984"
}
.fn-icon-good:before {
content: "\E62C"
}
.fn-icon-zhineng:before {
content: "\E750"
}
.fn-icon-usid:before {
content: "\E60F"
}
.fn-icon-cheliangshiyongshuai:before {
content: "\E751"
}
.fn-icon-previous:before {
content: "\E63D"
}
.fn-icon-zhangdan:before {
content: "\E752"
}
.fn-icon-next:before {
content: "\E63E"
}
.fn-icon-chuangjianyuansuo:before {
content: "\E753"
}
.fn-icon-monthly-pass:before {
content: "\E614"
}
.fn-icon-fujian:before {
content: "\E768"
}
.fn-icon-check-s:before {
content: "\E6A6"
}
.fn-icon-juxing:before {
content: "\E754"
}
.fn-icon-arrow-dl:before {
content: "\E64C"
}
.fn-icon-tibifeishuai:before {
content: "\E755"
}
.fn-icon-finish:before {
content: "\E650"
}
.fn-icon-tiaodu:before {
content: "\E756"
}
.fn-icon-bao:before {
content: "\E714"
}
.fn-icon-bendi:before {
content: "\E757"
}
.fn-icon-stack:before {
content: "\E652"
}
.fn-icon-saomazhifu:before {
content: "\E758"
}
.fn-icon-arrow-l-2:before {
content: "\E649"
}
.fn-icon-shouqi2:before {
content: "\E75A"
}
.fn-icon-shuoming:before {
content: "\E6E4"
}
.fn-icon-zhankai2:before {
content: "\E75B"
}
.fn-icon-message-tmp:before {
content: "\E62D"
}
.fn-icon-batchdelivery:before {
content: "\E828"
}
.fn-icon-add-rad:before {
content: "\E62E"
}
.fn-icon-task-cancel-bu:before {
content: "\E6F7"
}
.fn-icon-tool-box:before {
content: "\E618"
}
.fn-icon-check-o:before {
content: "\E62F"
}
.fn-icon-auto-width:before {
content: "\E631"
}
.fn-icon-add-group:before {
content: "\E633"
}
.fn-icon-duihao:before {
content: "\E6A8"
}
.fn-icon-extend-left:before {
content: "\E6A9"
}
.fn-icon-extend-right:before {
content: "\E638"
}
.fn-icon-avtor1:before {
content: "\E6B8"
}
.fn-icon-bank-card:before {
content: "\E635"
}
.fn-icon-balance-bu:before {
content: "\E660"
}
.fn-icon-menu1:before {
content: "\E637"
}
.fn-icon-qizi:before {
content: "\E6EF"
}
.fn-icon-arrow-down:before {
content: "\E68F"
}
.fn-icon-photo:before {
content: "\E699"
}
.fn-icon-app-l:before {
content: "\E66F"
}
.fn-icon-jinrong1:before {
content: "\E659"
}
.fn-icon-service1:before {
content: "\E63F"
}
.fn-icon-accounting:before {
content: "\E69A"
}
.fn-icon-carry-in:before {
content: "\E642"
}
.fn-icon-lock-o:before {
content: "\E695"
}
.fn-icon-list-down:before {
content: "\E6E3"
}
.fn-icon-phone-line:before {
content: "\E775"
}
.fn-icon-mark-bu:before {
content: "\E71A"
}
.fn-icon-finance:before {
content: "\E645"
}
.fn-icon-cancel:before {
content: "\E646"
}
.fn-icon-bianji2:before {
content: "\E6E5"
}
.fn-icon-cargo-bu:before {
content: "\E647"
}
.fn-icon-attach-bu:before {
content: "\E702"
}
.fn-icon-detail-fin-bu:before {
content: "\E64D"
}
.fn-icon-building:before {
content: "\E653"
}
.fn-icon-track:before {
content: "\E656"
}
.fn-icon-company:before {
content: "\E65A"
}
.fn-icon-attest-2:before {
content: "\E671"
}
.fn-icon-jinrongjigou:before {
content: "\E65B"
}
.fn-icon-pay-bu:before {
content: "\E65C"
}
.fn-icon-neterr-o:before {
content: "\E65D"
}
.fn-icon-appose-bu:before {
content: "\E96A"
}
.fn-icon-revoke:before {
content: "\E6E0"
}
.fn-icon-user-group:before {
content: "\E72B"
}
.fn-icon-scheck:before {
content: "\E664"
}
.fn-icon-error-o:before {
content: "\E665"
}
.fn-icon-baoxian:before {
content: "\E6D6"
}
.fn-icon-active:before {
content: "\E710"
}
.fn-icon-rules:before {
content: "\E666"
}
.fn-icon-time-order:before {
content: "\E669"
}
.fn-icon-warn-2:before {
content: "\E690"
}
.fn-icon-invisible:before {
content: "\E6A7"
}
.fn-icon-app-o:before {
content: "\E670"
}
.fn-icon-exchange2:before {
content: "\E887"
}
.fn-icon-bell:before {
content: "\E66A"
}
.fn-icon-import-bu:before {
content: "\E66B"
}
.fn-icon-unloading:before {
content: "\E66C"
}
.fn-icon-data-s:before {
content: "\E66E"
}
.fn-icon-fenpei:before {
content: "\E6EC"
}
.fn-icon-company1:before {
content: "\E6DB"
}
.fn-icon-car-l:before {
content: "\E672"
}
.fn-icon-flag1:before {
content: "\E674"
}
.fn-icon-iphone:before {
content: "\E71F"
}
.fn-icon-arrow-r-2:before {
content: "\E675"
}
.fn-icon-approve:before {
content: "\E676"
}
.fn-icon-avtor-3:before {
content: "\E677"
}
.fn-icon-weight:before {
content: "\E679"
}
.fn-icon-jiangdichengben:before {
content: "\E6F8"
}
.fn-icon-pop:before {
content: "\E67A"
}
.fn-icon-bangzhu:before {
content: "\E6FA"
}
.fn-icon-setting2:before {
content: "\E6F9"
}
.fn-icon-message2:before {
content: "\E69C"
}
.fn-icon-waper-bu:before {
content: "\E67B"
}
.fn-icon-clip:before {
content: "\E685"
}
.fn-icon-coin:before {
content: "\E67C"
}
.fn-icon-jiqiren:before {
content: "\E682"
}
.fn-icon-arrow-dr:before {
content: "\EC64"
}
.fn-icon-arrow-db:before {
content: "\EC65"
}
.fn-icon-arrow-dt:before {
content: "\EC66"
}
.fn-icon-list-up:before {
content: "\EC67"
}
.fn-icon-precent:before {
content: "\E6EA"
}
.fn-icon-minus-rad:before {
content: "\E68E"
}
.fn-icon-data:before {
content: "\E69B"
}
.fn-icon-touxiang:before {
content: "\E67D"
}
.fn-icon-fukuan:before {
content: "\E6E6"
}
.fn-icon-qian:before {
content: "\E7D4"
}
.fn-icon-switch_account:before {
content: "\E67F"
}
.fn-icon-calculate:before {
content: "\E680"
}
.fn-icon-arrow-up:before {
content: "\EC68"
}
.fn-icon-arrow-r:before {
content: "\EC69"
}
.fn-icon-arrow-l:before {
content: "\EC6A"
}
.fn-icon-arrow-sright:before {
content: "\EC6F"
}
.fn-icon-server:before {
content: "\E691"
}
.fn-icon-chart:before {
content: "\E681"
}
.fn-icon-shalou:before {
content: "\E683"
}
.fn-icon-gaojingyanseshengyinshezhi:before {
content: "\E684"
}
.fn-icon-bell-2:before {
content: "\E686"
}
.fn-icon-xiajia:before {
content: "\E70C"
}
.fn-icon-date:before {
content: "\E687"
}
.fn-icon-upload:before {
content: "\E688"
}
.fn-icon-forward-l:before {
content: "\E689"
}
.fn-icon-branch-bu:before {
content: "\E68A"
}
.fn-icon-owed:before {
content: "\EC70"
}
.fn-icon-yingyewangdian:before {
content: "\E68C"
}
.fn-icon-forward-r:before {
content: "\E693"
}
.fn-icon-setting1:before {
content: "\E694"
}
.fn-icon-licaiqianyue:before {
content: "\E692"
}
.fn-icon-feiyongshuoming:before {
content: "\E700"
}
.fn-icon-action:before {
content: "\E696"
}
.fn-icon-jiesuanguizeshezhi:before {
content: "\E6F2"
}
.fn-icon-file-add:before {
content: "\E698"
}
.fn-icon-export:before {
content: "\E69D"
}
.fn-icon-download:before {
content: "\E69F"
}
.fn-icon-exchange:before {
content: "\E6A2"
}
.fn-icon-import:before {
content: "\E6A3"
}
.fn-icon-file-a:before {
content: "\E6A5"
}
.fn-icon-more:before {
content: "\E6AA"
}
.fn-icon-pay:before {
content: "\E6AF"
}
.fn-icon-print-out:before {
content: "\E6B0"
}
.fn-icon-save:before {
content: "\E6B1"
}
.fn-icon-truck:before {
content: "\E6B2"
}
.fn-icon-user-add:before {
content: "\E6B3"
}
.fn-icon-waper:before {
content: "\E6B4"
}
.fn-icon-youxuanzhuan1:before {
content: "\E6C2"
}
.fn-icon-yunshuchanpin:before {
content: "\E822"
}
.fn-icon-quanshengzhongdiangaodangyanxiaoliangmaoli-xiaoliang:before {
content: "\E6E8"
}
.fn-icon-copy1:before {
content: "\E701"
}
.fn-icon-fangda:before {
content: "\E711"
}
.fn-icon-pause:before {
content: "\E6B5"
}
.fn-icon-logout:before {
content: "\E779"
}
.fn-icon-hide2:before {
content: "\E6B6"
}
.fn-icon-anjianzongjine:before {
content: "\E6BA"
}
.fn-icon-jifen:before {
content: "\E70D"
}
.fn-icon-info-o-2:before {
content: "\E6B9"
}
.fn-icon-siji:before {
content: "\E6FE"
}
.fn-icon-unlock:before {
content: "\E6BB"
}
.fn-icon-zuoxuanzhuan1:before {
content: "\E6C3"
}
.fn-icon-shangjia:before {
content: "\E70E"
}
.fn-icon-songdan:before {
content: "\E80E"
}
.fn-icon-warn-o:before {
content: "\E6BC"
}
.fn-icon-huo:before {
content: "\E6F6"
}
.fn-icon-preview:before {
content: "\E6BE"
}
.fn-icon-bangzhuzhongxin:before {
content: "\E6E9"
}
.fn-icon-tiquxianjinguanli:before {
content: "\E712"
}
.fn-icon-forward-0:before {
content: "\E6BF"
}
.fn-icon-forward-r-2:before {
content: "\E6C0"
}
.fn-icon-time:before {
content: "\E70F"
}
.fn-icon-thousand:before {
content: "\E6C4"
}
.fn-icon-manager1:before {
content: "\E6C5"
}
.fn-icon-help-o:before {
content: "\E6C6"
}
.fn-icon-date-num:before {
content: "\E6C7"
}
.fn-icon-minimize:before {
content: "\E713"
}
.fn-icon-gantanhao:before {
content: "\E703"
}
.fn-icon-tidan:before {
content: "\E9C9"
}
.fn-icon-light:before {
content: "\E6CA"
}
.fn-icon-ziliao:before {
content: "\E6CB"
}
.fn-icon-play:before {
content: "\E6CC"
}
.fn-icon-xiayibu:before {
content: "\E6CD"
}
.fn-icon-close-popup:before {
content: "\E6CE"
}
.fn-icon-suoxiao:before {
content: "\E6CF"
}
.fn-icon-yingshoukuan:before {
content: "\E6EB"
}
.fn-icon-daikuan:before {
content: "\E716"
}
.fn-icon-nail:before {
content: "\E6D1"
}
.fn-icon-attest:before {
content: "\E6D2"
}
.fn-icon-nail-1:before {
content: "\E6D3"
}
.fn-icon-lubiao:before {
content: "\E6D5"
}
.fn-icon-filter:before {
content: "\E6ED"
}
.fn-icon-scan:before {
content: "\E6D7"
}
.fn-icon-keji:before {
content: "\E6D9"
}
.fn-icon-bind:before {
content: "\E6DA"
}
.fn-icon-tiaoduguanli:before {
content: "\E6DC"
}
.fn-icon-shortcut:before {
content: "\E6DD"
}
.fn-icon-round:before {
content: "\E6DE"
}
.fn-icon-polygon:before {
content: "\E6EE"
}
.fn-icon-anchors-close:before {
content: "\E6F0"
}
.fn-icon-anchors-delete:before {
content: "\E6F1"
}
.fn-icon-anchors-add:before {
content: "\E6F3"
}
.fn-icon-pen-tool:before {
content: "\E6F4"
}
.fn-icon-anchors-drag:before {
content: "\E6F5"
}
.fn-icon-empty:before {
content: "\E6FB"
}
.fn-icon-screen:before {
content: "\E6FC"
}
.fn-icon-nonempty:before {
content: "\E6FD"
}
.fn-icon-lubiao1:before {
content: "\E6FF"
}
.fn-icon-qrcode:before {
content: "\E704"
}
.fn-icon-show:before {
content: "\E8F4"
}
.fn-icon-hide:before {
content: "\E678"
}
.fn-icon-minus:before {
content: "\E6C8"
}
.fn-icon-add:before {
content: "\E6C9"
}
.fn-icon-modify:before {
content: "\E67E"
}
.fn-icon-search:before {
content: "\E6D8"
}
.fn-icon-shouqi1:before {
content: "\E6AE"
}
.fn-icon-zhankai1:before {
content: "\E60B"
}
.fn-icon-zhankai:before {
content: "\E64B"
}
.fn-icon-shouqi:before {
content: "\E609"
}
.fn-icon-go-back:before {
content: "\E608"
}
.fn-icon-notice:before {
content: "\E607"
}
.fn-icon-check:before {
content: "\E6D0"
}
.fn-icon-money:before {
content: "\E619"
}
.fn-icon-avtor:before {
content: "\E673"
}
.fn-icon-phone2:before {
content: "\E617"
}
.fn-icon-password:before {
content: "\E654"
}
.fn-icon-safe:before {
content: "\E655"
}
.fn-icon-setting:before {
content: "\E63C"
}
.fn-icon-arrow-sdown:before {
content: "\EC6B"
}
.fn-icon-arrow-sup:before {
content: "\EC6C"
}
.fn-icon-no-data:before {
content: "\E627"
}
.fn-icon-delete:before {
content: "\E63B"
}
.fn-icon-address-book:before {
content: "\E612"
}
.fn-icon-send-car:before {
content: "\E604"
}
.fn-icon-net:before {
content: "\E91C"
}
.fn-icon-goods:before {
content: "\E634"
}
.fn-icon-sale-result:before {
content: "\E603"
}
.fn-icon-science:before {
content: "\E629"
}
.fn-icon-send:before {
content: "\E605"
}
.fn-icon-service:before {
content: "\E616"
}
.fn-icon-gps:before {
content: "\E69E"
}
.fn-icon-car:before {
content: "\E601"
}
.fn-icon-network:before {
content: "\E667"
}
.fn-icon-bus-board:before {
content: "\E622"
}
.fn-icon-site:before {
content: "\E648"
}
.fn-icon-flag:before {
content: "\E621"
}
.fn-icon-receive:before {
content: "\E70B"
}
.fn-icon-house:before {
content: "\E606"
}
.fn-icon-warehouse:before {
content: "\E61B"
}
.fn-icon-to-receive:before {
content: "\E6A4"
}
.fn-icon-transport:before {
content: "\E632"
}
.fn-icon-delete2:before {
content: "\E620"
}
.fn-icon-check-o2:before {
content: "\E64E"
}
.fn-icon-close:before {
content: "\E6E1"
}
.fn-icon-to-top:before {
content: "\E615"
}
.fn-icon-weixin:before {
content: "\E6D4"
}
.fn-icon-customer:before {
content: "\E761"
}
.fn-icon-crown:before {
content: "\E6BD"
}
.fn-icon-lamp:before {
content: "\E611"
}
.fn-icon-function:before {
content: "\E6E7"
}
.fn-icon-gps1:before {
content: "\E651"
}
.fn-icon-page-down2:before {
content: "\E6C1"
}
.fn-icon-page-down:before {
content: "\E66D"
}
.fn-icon-menu:before {
content: "\E785"
}
.fn-icon-fish:before {
content: "\E759"
}
.fn-icon-cost:before {
content: "\E626"
}
.fn-icon-telephone:before {
content: "\E62B"
}
.fn-icon-medical:before {
content: "\E63A"
}
.fn-icon-tiexinfuwu:before {
content: "\E623"
}
.fn-icon-safe1:before {
content: "\E61E"
}
.fn-icon-rocket:before {
content: "\E662"
}
.fn-icon-team:before {
content: "\E630"
}
.fn-icon-flexible:before {
content: "\E628"
}
.fn-icon-price:before {
content: "\E749"
}
.fn-icon-send1:before {
content: "\E6AB"
}
.fn-icon-reservation:before {
content: "\E61A"
}
.fn-icon-trail:before {
content: "\E610"
}
.fn-icon-record:before {
content: "\E61D"
}
.fn-icon-search2:before {
content: "\E602"
}
.fn-icon-info:before {
content: "\E61F"
}
.fn-icon-phone:before {
content: "\E600"
}
.fn-icon {
width: 12px;
height: 12px;
display: inline-block;
font-size: 12px;
vertical-align: middle;
line-height: 12px;
font-family: iconfont !important;
font-style: normal;
-webkit-font-smoothing: antialiased;
-webkit-text-stroke-width: .2px;
-moz-osx-font-smoothing: grayscale
}
.fn-icon-arrow-r-i {
position: absolute;
margin: 0;
top: 50%;
right: 5px;
opacity: 1;
width: 6px;
height: 10px;
margin-top: -3px;
background: url(/static/images/small-arrow-right.fb4e10d1e3beff26561d9fab552e3182.png) 50% no-repeat;
background-size: 7px auto
}
.fn-icon-ani-loading {
display: inline-block;
width: 1em;
height: 1em;
border-radius: 100%;
-webkit-animation-fill-mode: both;
animation-fill-mode: both;
border: 1px solid;
border-bottom-color: transparent;
-webkit-animation: rotate-loading .75s 0s linear infinite;
animation: rotate-loading .75s 0s linear infinite
}
.fn-icon-spinner {
background: url(/static/images/loadingGif/loading-spinner.4626b7ac7a2315d1cb672a11ae505440.svg) 50% no-repeat;
background-size: 28px 30px;
width: 14px;
height: 14px;
position: relative;
top: 50%
}
.text-orange {
color: #ff9a00
}
.text-red {
color: #f12222
}
.text-grey {
color: grey
}
.text-blue {
color: #0097cf
}
.text-green {
color: #1dbb73
}
.text-gray {
color: #999
}
.fs12 {
font-size: 12px
}
.fs14 {
font-size: 14px
}
.fs16 {
font-size: 16px
}
.fs22 {
font-size: 22px
}
.fn-icon-add-rad,
.fn-icon-minus-rad {
font-size: 16px
}
.fn-icon-add-rad,
.fn-input-wrap .fn-icon-add-rad,
.table-filter-column p .fn-icon-add-rad {
color: #0097cf
}
.fn-icon-minus-rad {
color: #dd4b39
}
.btn-checkbox {
display: inline-block;
overflow: hidden;
border: 1px solid #b9ccd7;
width: 200px;
font-size: 14px;
color: #3a3a3a;
height: 40px;
line-height: 40px;
position: relative;
border-radius: 2px;
cursor: pointer;
vertical-align: middle
}
.btn-checkbox.checked,
.btn-checkbox:hover {
border: 1px solid #1c7cda
}
.btn-checkbox.checked:after {
content: "\E64F";
font-family: iconfont;
font-size: 12px;
color: #fff;
-webkit-clip-path: polygon(100% 0, 100% 100%, 0 100%);
clip-path: polygon(100% 0, 100% 100%, 0 100%);
position: absolute;
width: 28px;
height: 24px;
right: 0;
bottom: 0;
background: #1c7cda;
-webkit-transform: scale(.66);
transform: scale(.66);
-webkit-transform-origin: bottom right;
transform-origin: bottom right;
line-height: 32px;
text-indent: 14px
}
.fn-dialog__center .fn-table .public_fixedDataTableRow_even:hover .public_fixedDataTableCell_main,
.fn-dialog__center .fn-table .public_fixedDataTableRow_odd:hover .public_fixedDataTableCell_main,
.oinfo-log-tab .fn-table .public_fixedDataTableRow_even:hover .public_fixedDataTableCell_main,
.oinfo-log-tab .fn-table .public_fixedDataTableRow_odd:hover .public_fixedDataTableCell_main,
.online-log .fn-table .public_fixedDataTableRow_even:hover .public_fixedDataTableCell_main,
.online-log .fn-table .public_fixedDataTableRow_odd:hover .public_fixedDataTableCell_main,
.set_collect .fn-table .public_fixedDataTableRow_even:hover .public_fixedDataTableCell_main,
.set_collect .fn-table .public_fixedDataTableRow_odd:hover .public_fixedDataTableCell_main,
.slide__drager .payModeDiv .fn-table .public_fixedDataTableRow_even:hover .public_fixedDataTableCell_main,
.slide__drager .payModeDiv .fn-table .public_fixedDataTableRow_odd:hover .public_fixedDataTableCell_main {
background-color: #fff
}
.fn-dialog__center .public_fixedDataTable_header,
.fn-dialog__center .public_fixedDataTable_header .public_fixedDataTableCell_main,
.fn-dialog__center .table-filter-column,
.oinfo-log-tab .public_fixedDataTable_header,
.oinfo-log-tab .public_fixedDataTable_header .public_fixedDataTableCell_main,
.oinfo-log-tab .table-filter-column,
.online-log .public_fixedDataTable_header,
.online-log .public_fixedDataTable_header .public_fixedDataTableCell_main,
.online-log .table-filter-column,
.pick-order-content__fee_table .public_fixedDataTable_header,
.pick-order-content__fee_table .public_fixedDataTable_header .public_fixedDataTableCell_main,
.pick-order-content__fee_table .table-filter-column,
.pick-order-content__header .public_fixedDataTable_header,
.pick-order-content__header .public_fixedDataTable_header .public_fixedDataTableCell_main,
.pick-order-content__header .table-filter-column,
.set_collect .public_fixedDataTable_header,
.set_collect .public_fixedDataTable_header .public_fixedDataTableCell_main,
.set_collect .table-filter-column,
.slide__drager .payModeDiv .public_fixedDataTable_header,
.slide__drager .payModeDiv .public_fixedDataTable_header .public_fixedDataTableCell_main,
.slide__drager .payModeDiv .table-filter-column,
.slide__drager .pick-order-content__fee_table .public_fixedDataTable_header,
.slide__drager .pick-order-content__fee_table .public_fixedDataTable_header .public_fixedDataTableCell_main,
.slide__drager .pick-order-content__fee_table .table-filter-column,
.slide__drager .public_fixedDataTable_header,
.slide__drager .public_fixedDataTable_header .public_fixedDataTableCell_main,
.slide__drager .table-filter-column,
.type-set .public_fixedDataTable_header,
.type-set .public_fixedDataTable_header .public_fixedDataTableCell_main,
.type-set .table-filter-column {
background: #ecf0f5
}
.unedit-table-style .fixedDataTableLayout_header {
border-bottom: none
}
.unedit-table-style .filter-header-wraper {
font-weight: 400
}
.unedit-table-style .fixedDataTableRowLayout_rowWrapper:last-child .fixedDataTableRowLayout_main {
border-bottom: none
}
.unedit-table-style .fixedDataTableLayout_main,
.unedit-table-style .public_fixedDataTable_main {
border-top: 1px solid #b9ccd7;
border-left: 1px solid #b9ccd7;
border-color: #b9ccd7
}
.unedit-table-style .fixedDataTableLayout_horizontalScrollbar {
border-top: none
}
.unedit-table-style .public_fixedDataTableCell_main {
border-right: 1px solid #b9ccd7 !important;
border-color: #b9ccd7 !important;
border-bottom: 1px solid #b9ccd7
}
.add__modify>div {
margin-bottom: 6px
}
.wp-reservation {
background: #eee
}
.wp-reservation .header-bg {
width: 100%;
height: 80px;
background: #ec4848;
display: flex;
justify-content: center;
align-items: center
}
.wp-reservation .header-bg .__header {
width: 1200px;
height: 68px;
opacity: .95;
background: #fff;
border-radius: 2px;
display: flex;
align-items: center
}
.wp-reservation .header-bg .__header .item {
width: 50%;
height: 40px
}
.wp-reservation .header-bg .__header .item.carrier {
padding-left: 60px
}
.wp-reservation .header-bg .__header .item .fn-label {
margin-right: 5px;
letter-spacing: 10px;
font-size: 14px;
line-height: 20px;
height: 20px
}
.wp-reservation .header-bg .__header .item .fn-label--required {
color: #000
}
.wp-reservation .header-bg .__header .item .fn-label--required i {
color: red
}
.wp-reservation .header-bg .__header .item .fn-input-pure-wrap {
display: inline-flex;
width: 380px;
height: 40px
}
.wp-reservation .header-bg .__header .item .fn-input-pure-wrap .fn-input-pure {
font-size: 14px;
border: 0;
border-bottom: 1px solid #ddd;
border-radius: 0;
font-size: 18px;
color: #131e27;
line-height: 25px;
font-weight: bolder;
letter-spacing: 1px
}
.wp-reservation .header-bg .__header .item .fn-input-pure-wrap .fn-input-pure:focus {
border-bottom: 2px solid #ff6122;
background: #fff
}
.wp-reservation .header-bg .__header .item .fn-input-pure-wrap input::-webkit-input-placeholder {
color: #bbb
}
.wp-reservation .header-bg .__header .item.reservation-date {
display: inline-flex;
align-items: center;
justify-content: flex-end;
padding-right: 60px
}
.wp-reservation .header-bg .__header .item.reservation-date .fn-icon {
width: 18px;
height: 18px;
font-size: 18px;
line-height: 18px
}
.wp-reservation .header-bg .__header .item.reservation-date .fn-icon-time-order:before {
color: #0097cf
}
.wp-reservation .header-bg .__header .item.reservation-date .ant-calendar-picker .ant-calendar-picker-input {
border: 0;
border-bottom: 1px solid #ddd;
width: 200px;
height: 40px;
font-size: 18px
}
.wp-reservation .header-bg .__header .item.reservation-date .ant-calendar-picker-icon {
width: 18px;
height: 18px;
font-size: 18px;
line-height: 18px
}
.wp-reservation .__content {
width: 1200px;
margin: 0 auto;
margin-bottom: 70px
}
.wp-reservation .__content .fn-label {
font-size: 14px;
color: #131e27
}
.wp-reservation .__content .fn-label--required i {
color: red
}
.wp-reservation .__content .person {
margin: 10px 0;
opacity: .95;
border-radius: 2px;
background: #fff
}
.wp-reservation .__content .person .cee,
.wp-reservation .__content .person .cor {
position: relative;
width: 50%;
display: inline-flex;
flex-direction: column
}
.wp-reservation .__content .person .cee .flag,
.wp-reservation .__content .person .cor .flag {
position: absolute;
display: flex;
top: 10px;
left: 20px;
width: 34px;
height: 58px;
background-size: 34px 58px;
justify-content: center;
font-size: 14px
}
.wp-reservation .__content .person .cee .flag .text,
.wp-reservation .__content .person .cor .flag .text {
width: 12px;
line-height: 16px;
display: inline-block;
top: 8px;
position: relative;
color: #fff
}
.wp-reservation .__content .person .cee .input-area,
.wp-reservation .__content .person .cor .input-area {
padding: 50px 90px 30px 80px;
position: relative;
width: 100%
}
.wp-reservation .__content .person .cee .input-area.cor:before,
.wp-reservation .__content .person .cor .input-area.cor:before {
content: " ";
width: 1px;
height: calc(100% - 80px);
border-right: 1px dashed #bbb;
line-height: 250px;
position: absolute;
right: 0
}
.wp-reservation .__content .person .cee .input-area .item,
.wp-reservation .__content .person .cor .input-area .item {
display: flex;
align-items: center;
margin: 6px 0
}
.wp-reservation .__content .person .cee .input-area .item .fn-label,
.wp-reservation .__content .person .cor .input-area .item .fn-label {
width: 70px;
text-align: right;
line-height: 35px;
margin-right: 10px
}
.wp-reservation .__content .person .cee .input-area .item .fn-input-pure-wrap,
.wp-reservation .__content .person .cor .input-area .item .fn-input-pure-wrap {
display: inline-flex;
height: 30px;
width: calc(100% - 70px)
}
.wp-reservation .__content .person .cee .input-area .item .fn-input-pure-wrap.cee_addr_info,
.wp-reservation .__content .person .cee .input-area .item .fn-input-pure-wrap.cor_addr_info,
.wp-reservation .__content .person .cor .input-area .item .fn-input-pure-wrap.cee_addr_info,
.wp-reservation .__content .person .cor .input-area .item .fn-input-pure-wrap.cor_addr_info {
width: calc(100% - 200px)
}
.wp-reservation .__content .person .cee .input-area .item .fn-input-pure-wrap.cee_addr_remark,
.wp-reservation .__content .person .cee .input-area .item .fn-input-pure-wrap.cor_addr_remark,
.wp-reservation .__content .person .cor .input-area .item .fn-input-pure-wrap.cee_addr_remark,
.wp-reservation .__content .person .cor .input-area .item .fn-input-pure-wrap.cor_addr_remark {
width: 135px
}
.wp-reservation .__content .person .cee .input-area .item .fn-input-pure-wrap.cee_addr_remark .fn-input-pure,
.wp-reservation .__content .person .cee .input-area .item .fn-input-pure-wrap.cor_addr_remark .fn-input-pure,
.wp-reservation .__content .person .cor .input-area .item .fn-input-pure-wrap.cee_addr_remark .fn-input-pure,
.wp-reservation .__content .person .cor .input-area .item .fn-input-pure-wrap.cor_addr_remark .fn-input-pure {
padding: 0
}
.wp-reservation .__content .person .cee .input-area .item .fn-input-pure-wrap .fn-input-pure,
.wp-reservation .__content .person .cor .input-area .item .fn-input-pure-wrap .fn-input-pure {
font-size: 14px;
border: 0;
border-bottom: 1px solid #ddd;
border-radius: 0
}
.wp-reservation .__content .person .cee .input-area .item .fn-input-pure-wrap .fn-input-pure:focus,
.wp-reservation .__content .person .cor .input-area .item .fn-input-pure-wrap .fn-input-pure:focus {
border-bottom: 2px solid #ff6122;
background: #fff
}
.wp-reservation .__content .person .cee .input-area .item .fn-input-pure-wrap input::-webkit-input-placeholder,
.wp-reservation .__content .person .cor .input-area .item .fn-input-pure-wrap input::-webkit-input-placeholder {
color: #bbb
}
.wp-reservation .__content .person .cee .input-area .item .fn-icon.fn-icon-gps1,
.wp-reservation .__content .person .cor .input-area .item .fn-icon.fn-icon-gps1 {
color: #ec4848
}
.wp-reservation .__content .person .cee .fn-address,
.wp-reservation .__content .person .cor .fn-address {
padding-right: 10px
}
.wp-reservation .__content .goods-info {
width: 1200px;
background: #fff;
margin: 10px 0;
opacity: .95;
border-radius: 2px
}
.wp-reservation .__content .goods-info ._header {
height: 50px;
display: flex;
align-items: center;
padding-left: 30px
}
.wp-reservation .__content .goods-info ._header .fn-icon {
width: 20px;
height: 20px;
line-height: 20px;
font-size: 20px;
margin-right: 5px
}
.wp-reservation .__content .goods-info ._content {
width: 100%;
display: flex;
justify-content: center;
padding: 0 30px 20px
}
.wp-reservation .__content .goods-info ._content ._table {
width: 100%;
display: inline-block;
overflow: auto
}
.wp-reservation .__content .goods-info ._content ._table thead .tb-header {
width: 110px;
min-width: 65px;
height: 36px;
line-height: 36px;
text-align: center;
border: 1px solid #e9e9e9;
background-color: #f8f8f8;
color: #131e27;
font-size: 14px
}
.wp-reservation .__content .goods-info ._content ._table thead .tb-header.op {
width: 38px;
min-width: 38px
}
.wp-reservation .__content .goods-info ._content ._table thead .tb-header.op .fn-icon {
width: 20px;
height: 20px;
line-height: 18px;
font-size: 14px;
color: #7896fa;
border: 1px solid #7896fa;
border-radius: 4px;
cursor: pointer
}
.wp-reservation .__content .goods-info ._content ._table thead .tb-header.weight {
width: 70px;
min-width: 70px
}
.wp-reservation .__content .goods-info ._content ._table thead .tb-header.unit_p {
min-width: 130px
}
.wp-reservation .__content .goods-info ._content ._table thead .tb-header .required {
color: #f12222
}
.wp-reservation .__content .goods-info ._content ._table thead .tb-header .required.show {
display: inline-block
}
.wp-reservation .__content .goods-info ._content ._table thead .tb-header .required.none {
display: none
}
.wp-reservation .__content .goods-info ._content ._table tbody td {
width: 110px;
height: 36px;
position: relative;
border: 1px solid #e9e9e9
}
.wp-reservation .__content .goods-info ._content ._table tbody td .fn-input-pure-wrap {
width: 100%;
height: 100%
}
.wp-reservation .__content .goods-info ._content ._table tbody td .fn-input-pure-wrap .fn-input-pure {
font-size: 14px;
width: 100%;
height: 100%;
border: 0;
border-radius: 0;
text-align: center
}
.wp-reservation .__content .goods-info ._content ._table tbody td .fn-input-pure-wrap .fn-input-pure:focus {
border-bottom: 1px solid #ff6122;
background: #fff
}
.wp-reservation .__content .goods-info ._content ._table tbody td .fn-input-pure-wrap input::-webkit-input-placeholder {
color: #bbb
}
.wp-reservation .__content .goods-info ._content ._table tbody td.op {
width: 38px;
text-align: center;
line-height: 36px
}
.wp-reservation .__content .goods-info ._content ._table tbody td.op .fn-icon {
width: 20px;
height: 20px;
line-height: 18px;
font-size: 14px;
color: #f12222;
border: 1px solid #f12222;
border-radius: 4px;
cursor: pointer
}
.wp-reservation .__content .goods-info ._content ._table tbody td.unit_p {
display: inline-flex;
width: 100%;
height: 37px;
border: 0;
top: 1px;
border-bottom: 1px solid #e9e9e9
}
.wp-reservation .__content .goods-info ._content ._table tbody td.unit_p .unit_p_unit {
border-left: 1px solid #e9e9e9
}
.wp-reservation .__content .service-info {
width: 1200px;
background: #fff;
margin: 10px 0;
opacity: .95;
border-radius: 2px
}
.wp-reservation .__content .service-info ._header {
height: 50px;
display: flex;
align-items: center;
margin: 0 10px;
padding-left: 15px;
border-bottom: 1px dashed #bbb
}
.wp-reservation .__content .service-info ._header .fn-icon {
width: 20px;
height: 20px;
font-size: 20px;
line-height: 20px
}
.wp-reservation .__content .service-info ._header .text {
margin-left: 5px;
font-size: 16px;
line-height: 32px
}
.wp-reservation .__content .service-info ._content {
padding: 30px 20px 20px;
display: flex;
flex-wrap: wrap
}
.wp-reservation .__content .service-info ._content .item {
display: inline-flex;
align-items: center;
line-height: 30px;
margin: 5px 0;
padding-right: 30px
}
.wp-reservation .__content .service-info ._content .item .fn-label {
width: 100px;
margin-right: 5px;
display: inline-flex;
justify-content: flex-end
}
.wp-reservation .__content .service-info ._content .item .fn-input-pure-wrap {
width: 140px;
height: 30px
}
.wp-reservation .__content .service-info ._content .item .fn-input-pure-wrap .fn-input-pure {
font-size: 14px;
border: 0;
border-bottom: 1px solid #ddd;
border-radius: 0;
margin-bottom: 0
}
.wp-reservation .__content .service-info ._content .item .fn-input-pure-wrap .fn-input-pure:focus {
border-bottom: 2px solid #ff6122;
background: #fff
}
.wp-reservation .__content .service-info ._content .item .fn-input-pure-wrap input::-webkit-input-placeholder {
color: #bbb
}
.wp-reservation .__content .service-info ._content .item .ant-calendar-picker .ant-calendar-picker-input,
.wp-reservation .__content .service-info ._content .item .date-time-picker .ant-calendar-picker-input {
width: 100%;
border: 0;
border-bottom: 1px solid #ddd;
border-radius: 0
}
.wp-reservation .__content .service-info ._content .item.checks {
width: 275px;
padding-left: 40px
}
.wp-reservation .__content .service-info ._content .item.checks .fn-checkbox {
display: inline-flex;
justify-content: center;
align-items: center;
margin-right: 20px
}
.wp-reservation .__content .service-info ._content .item.checks .fn-checkbox .fn-checkbox-label {
margin-left: 5px;
line-height: 16px;
color: #131e27
}
.wp-reservation .__content .service-info ._content .item .ant-calendar-picker-icon {
font-size: 14px
}
.wp-reservation .__content .service-info ._content .item.receipt-n .receipt-cat {
width: 100px;
margin-right: 5px;
display: inline-flex;
justify-content: flex-end
}
.wp-reservation .__content .service-info ._content .item.receipt-n .receipt-cat .field {
width: 80px
}
.wp-reservation .__content .fee-info {
width: 1200px;
background: #fff;
margin: 10px 0;
opacity: .95;
border-radius: 2px
}
.wp-reservation .__content .fee-info .fee-header {
height: 50px;
display: flex;
align-items: center;
margin: 0 10px;
padding-left: 15px;
border-bottom: 1px dashed #bbb
}
.wp-reservation .__content .fee-info .fee-header .fn-icon {
width: 20px;
height: 20px;
font-size: 20px;
line-height: 20px
}
.wp-reservation .__content .fee-info .fee-header .text {
margin-left: 5px;
font-size: 16px;
line-height: 32px
}
.wp-reservation .__content .fee-info .fee-header .text.price {
color: #f12222;
font-weight: 700;
margin: 0 15px
}
.wp-reservation .__content .fee-info .fee-header .fn-checkbox {
display: inline-flex;
justify-content: center;
align-items: center
}
.wp-reservation .__content .fee-info .fee-header .fn-checkbox .fn-checkbox-label {
margin-left: 5px;
line-height: 14px;
color: #131e27
}
.wp-reservation .__content .fee-info .fee-content {
padding: 30px 20px 20px;
display: flex;
flex-wrap: wrap
}
.wp-reservation .__content .fee-info .fee-content .item {
display: inline-flex;
align-items: center;
line-height: 30px;
margin: 5px 0;
padding-right: 30px
}
.wp-reservation .__content .fee-info .fee-content .item .fn-label {
width: 100px;
margin-right: 5px;
display: inline-flex;
justify-content: flex-end
}
.wp-reservation .__content .fee-info .fee-content .item .fn-input-pure-wrap {
width: 140px;
height: 30px
}
.wp-reservation .__content .fee-info .fee-content .item .fn-input-pure-wrap .fn-input-pure {
font-size: 14px;
border: 0;
border-bottom: 1px solid #ddd;
border-radius: 0;
margin-bottom: 0
}
.wp-reservation .__content .fee-info .fee-content .item .fn-input-pure-wrap .fn-input-pure:focus {
border-bottom: 2px solid #ff6122;
background: #fff
}
.wp-reservation .__content .fee-info .fee-content .item .fn-input-pure-wrap input::-webkit-input-placeholder {
color: #bbb
}
.wp-reservation .__content .fee-info .fee-content .item.co-freight-f .fn-input-pure-wrap .fn-input-pure {
text-align: center;
color: #f12222;
font-size: 28px
}
.wp-reservation .__content .cost-info {
width: 1200px;
background: #fff;
margin: 10px 0;
opacity: .95;
border-radius: 2px
}
.wp-reservation .__content .cost-info .cost-header {
height: 50px;
display: flex;
align-items: center;
margin: 0 10px;
padding-left: 15px;
border-bottom: 1px dashed #bbb
}
.wp-reservation .__content .cost-info .cost-header .fn-icon {
width: 20px;
height: 20px;
font-size: 20px;
line-height: 20px
}
.wp-reservation .__content .cost-info .cost-header .text {
margin-left: 5px;
font-size: 16px;
line-height: 32px
}
.wp-reservation .__content .cost-info .cost-header .text.price {
color: #f12222;
font-weight: 700
}
.wp-reservation .__content .cost-info .cost-content {
padding: 30px 20px 20px;
display: flex;
flex-wrap: wrap;
position: relative
}
.wp-reservation .__content .cost-info .cost-content .item {
display: inline-flex;
align-items: center;
line-height: 30px;
margin: 5px 0;
position: relative
}
.wp-reservation .__content .cost-info .cost-content .item .fn-label {
width: 100px;
margin-right: 5px;
display: inline-flex;
justify-content: flex-end
}
.wp-reservation .__content .cost-info .cost-content .item .fn-input-pure-wrap {
width: 170px;
height: 30px
}
.wp-reservation .__content .cost-info .cost-content .item .fn-input-pure-wrap .fn-input-pure {
font-size: 14px;
border: 0;
border-bottom: 1px solid #ddd;
border-radius: 0;
margin-bottom: 0
}
.wp-reservation .__content .cost-info .cost-content .item .fn-input-pure-wrap .fn-input-pure:focus {
border-bottom: 2px solid #ff6122;
background: #fff
}
.wp-reservation .__content .cost-info .cost-content .item .fn-input-pure-wrap input::-webkit-input-placeholder {
color: #bbb
}
.wp-reservation .__content .cost-info .cost-content .item .fn-icon {
position: absolute;
right: 2px;
color: #0097cf;
font-size: 14px
}
.wp-reservation .reservation-button {
width: 1200px;
height: 56px;
background: #fff;
display: flex;
justify-content: center;
align-items: center;
position: fixed;
left: calc((100% - 1200px) / 2);
bottom: 0
}
.wp-reservation .reservation-button .submit {
width: 140px;
height: 36px;
border-radius: 21px;
background-color: #7896fa;
color: #fff;
font-size: 14px;
line-height: 19px;
display: inline-flex;
justify-content: center;
align-items: center;
cursor: pointer
}
</style>
<style type="text/css">
.fn-icon-il,
.iconfont {
font-family: iconfont !important;
font-style: normal;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale
}
.fn-icon-il {
-webkit-text-stroke-width: .2px
}
.fn-icon-row-arrows:before {
content: "\E75D"
}
.fn-icon-yanzheng:before {
content: "\E75C"
}
.fn-icon-referee:before {
content: "\E745"
}
.fn-icon-order:before {
content: "\E641"
}
.fn-icon-address:before {
content: "\E64A"
}
.fn-icon-reservation2:before {
content: "\E661"
}
.fn-icon-personal:before {
content: "\E6A1"
}
.fn-icon-bank_card:before {
content: "\E6AD"
}
.fn-icon-bind2:before {
content: "\E721"
}
.fn-icon-phone3:before {
content: "\E722"
}
.fn-icon-arrow-mdown:before {
content: "\E705"
}
.fn-icon-arrow-mup:before {
content: "\E706"
}
.fn-icon-arrow-mright:before {
content: "\E707"
}
.fn-icon-zoom-in:before {
content: "\E708"
}
.fn-icon-zoom-out:before {
content: "\E70A"
}
.fn-icon-allot:before {
content: "\E717"
}
.fn-icon-close1:before {
content: "\E718"
}
.fn-icon-drag-lf:before {
content: "\E719"
}
.fn-icon-avtor-2:before {
content: "\E71B"
}
.fn-icon-record1:before {
content: "\E71C"
}
.fn-icon-abolish:before {
content: "\E71D"
}
.fn-icon-skin:before {
content: "\E71E"
}
.fn-icon-time2:before {
content: "\E720"
}
.fn-icon-guide:before {
content: "\E723"
}
.fn-icon-sort:before {
content: "\E724"
}
.fn-icon-branch:before {
content: "\E725"
}
.fn-icon-appose:before {
content: "\E726"
}
.fn-icon-copy:before {
content: "\E727"
}
.fn-icon-del:before {
content: "\E728"
}
.fn-icon-check1:before {
content: "\E729"
}
.fn-icon-detail-fin:before {
content: "\E72A"
}
.fn-icon-cargo:before {
content: "\E72C"
}
.fn-icon-attach:before {
content: "\E72D"
}
.fn-icon-task-cancel:before {
content: "\E72E"
}
.fn-icon-mark:before {
content: "\E72F"
}
.fn-icon-exchange3:before {
content: "\E730"
}
.fn-icon-transfer:before {
content: "\E731"
}
.fn-icon-setting-bu:before {
content: "\E732"
}
.fn-icon-exchange4:before {
content: "\E733"
}
.fn-icon-bell-3:before {
content: "\E697"
}
.fn-icon-tongguo:before {
content: "\E734"
}
.fn-icon-editinfo:before {
content: "\E613"
}
.fn-icon-tuozhuai:before {
content: "\E735"
}
.fn-icon-download-bu:before {
content: "\E6B7"
}
.fn-icon-zaixianjiance:before {
content: "\E736"
}
.fn-icon-carry-out:before {
content: "\E60A"
}
.fn-icon-daikuanzixun:before {
content: "\E737"
}
.fn-icon-detail:before {
content: "\E624"
}
.fn-icon-wenjianjiqun:before {
content: "\E738"
}
.fn-icon-qq:before {
content: "\E668"
}
.fn-icon-ditu:before {
content: "\E739"
}
.fn-icon-lianlu:before {
content: "\E800"
}
.fn-icon-huoche:before {
content: "\E73A"
}
.fn-icon-help:before {
content: "\E663"
}
.fn-icon-cangku:before {
content: "\E73B"
}
.fn-icon-message:before {
content: "\E640"
}
.fn-icon-icon-test-copy:before {
content: "\E73C"
}
.fn-icon-arrow-sleft:before {
content: "\E68D"
}
.fn-icon-filter-2:before {
content: "\E73D"
}
.fn-icon-notice1:before {
content: "\E60E"
}
.fn-icon-kefu:before {
content: "\E73E"
}
.fn-icon-refresh:before {
content: "\E639"
}
.fn-icon-fuwu:before {
content: "\E73F"
}
.fn-icon-qq01:before {
content: "\E62A"
}
.fn-icon-fuwuzige:before {
content: "\E740"
}
.fn-icon-qrcode-bu:before {
content: "\E65E"
}
.fn-icon-hulianwangjia:before {
content: "\E741"
}
.fn-icon-file-set:before {
content: "\E643"
}
.fn-icon-shoudong:before {
content: "\E86F"
}
.fn-icon-arrive:before {
content: "\E65F"
}
.fn-icon-Changwaizydsgl-Xian:before {
content: "\E9CE"
}
.fn-icon-join:before {
content: "\E644"
}
.fn-icon-qingkong:before {
content: "\E742"
}
.fn-icon-pay-way:before {
content: "\E61C"
}
.fn-icon-suishitixian1:before {
content: "\E743"
}
.fn-icon-location:before {
content: "\E636"
}
.fn-icon-picture:before {
content: "\E744"
}
.fn-icon-jinrong:before {
content: "\E657"
}
.fn-icon-duanxin:before {
content: "\E746"
}
.fn-icon-guanbi:before {
content: "\E6A0"
}
.fn-icon-Shape:before {
content: "\E770"
}
.fn-icon-locate:before {
content: "\E625"
}
.fn-icon-tishi:before {
content: "\E747"
}
.fn-icon-info-o:before {
content: "\E6AC"
}
.fn-icon-dui:before {
content: "\E748"
}
.fn-icon-password1:before {
content: "\E658"
}
.fn-icon-yulan:before {
content: "\E74A"
}
.fn-icon-rock:before {
content: "\E60C"
}
.fn-icon-tuozhuai1:before {
content: "\E74B"
}
.fn-icon-maps:before {
content: "\E64F"
}
.fn-icon-fail:before {
content: "\E74C"
}
.fn-icon-print-out-bu:before {
content: "\E60D"
}
.fn-icon-area:before {
content: "\E74D"
}
.fn-icon-htmal5icon17:before {
content: "\E6E2"
}
.fn-icon-dayinyulan:before {
content: "\E9DC"
}
.fn-icon-sandg:before {
content: "\E715"
}
.fn-icon-phone1:before {
content: "\E74E"
}
.fn-icon-phone-line-o:before {
content: "\E709"
}
.fn-icon-xiayibu1:before {
content: "\E74F"
}
.fn-icon-huifu:before {
content: "\E6DF"
}
.fn-icon-chengzhong:before {
content: "\ECF5"
}
.fn-icon-file:before {
content: "\E68B"
}
.fn-icon-yinhangqia:before {
content: "\E984"
}
.fn-icon-good:before {
content: "\E62C"
}
.fn-icon-zhineng:before {
content: "\E750"
}
.fn-icon-usid:before {
content: "\E60F"
}
.fn-icon-cheliangshiyongshuai:before {
content: "\E751"
}
.fn-icon-previous:before {
content: "\E63D"
}
.fn-icon-zhangdan:before {
content: "\E752"
}
.fn-icon-next:before {
content: "\E63E"
}
.fn-icon-chuangjianyuansuo:before {
content: "\E753"
}
.fn-icon-monthly-pass:before {
content: "\E614"
}
.fn-icon-fujian:before {
content: "\E768"
}
.fn-icon-check-s:before {
content: "\E6A6"
}
.fn-icon-juxing:before {
content: "\E754"
}
.fn-icon-arrow-dl:before {
content: "\E64C"
}
.fn-icon-tibifeishuai:before {
content: "\E755"
}
.fn-icon-finish:before {
content: "\E650"
}
.fn-icon-tiaodu:before {
content: "\E756"
}
.fn-icon-bao:before {
content: "\E714"
}
.fn-icon-bendi:before {
content: "\E757"
}
.fn-icon-stack:before {
content: "\E652"
}
.fn-icon-saomazhifu:before {
content: "\E758"
}
.fn-icon-arrow-l-2:before {
content: "\E649"
}
.fn-icon-shouqi2:before {
content: "\E75A"
}
.fn-icon-shuoming:before {
content: "\E6E4"
}
.fn-icon-zhankai2:before {
content: "\E75B"
}
.fn-icon-message-tmp:before {
content: "\E62D"
}
.fn-icon-batchdelivery:before {
content: "\E828"
}
.fn-icon-add-rad:before {
content: "\E62E"
}
.fn-icon-task-cancel-bu:before {
content: "\E6F7"
}
.fn-icon-tool-box:before {
content: "\E618"
}
.fn-icon-check-o:before {
content: "\E62F"
}
.fn-icon-auto-width:before {
content: "\E631"
}
.fn-icon-add-group:before {
content: "\E633"
}
.fn-icon-duihao:before {
content: "\E6A8"
}
.fn-icon-extend-left:before {
content: "\E6A9"
}
.fn-icon-extend-right:before {
content: "\E638"
}
.fn-icon-avtor1:before {
content: "\E6B8"
}
.fn-icon-bank-card:before {
content: "\E635"
}
.fn-icon-balance-bu:before {
content: "\E660"
}
.fn-icon-menu1:before {
content: "\E637"
}
.fn-icon-qizi:before {
content: "\E6EF"
}
.fn-icon-arrow-down:before {
content: "\E68F"
}
.fn-icon-photo:before {
content: "\E699"
}
.fn-icon-app-l:before {
content: "\E66F"
}
.fn-icon-jinrong1:before {
content: "\E659"
}
.fn-icon-service1:before {
content: "\E63F"
}
.fn-icon-accounting:before {
content: "\E69A"
}
.fn-icon-carry-in:before {
content: "\E642"
}
.fn-icon-lock-o:before {
content: "\E695"
}
.fn-icon-list-down:before {
content: "\E6E3"
}
.fn-icon-phone-line:before {
content: "\E775"
}
.fn-icon-mark-bu:before {
content: "\E71A"
}
.fn-icon-finance:before {
content: "\E645"
}
.fn-icon-cancel:before {
content: "\E646"
}
.fn-icon-bianji2:before {
content: "\E6E5"
}
.fn-icon-cargo-bu:before {
content: "\E647"
}
.fn-icon-attach-bu:before {
content: "\E702"
}
.fn-icon-detail-fin-bu:before {
content: "\E64D"
}
.fn-icon-building:before {
content: "\E653"
}
.fn-icon-track:before {
content: "\E656"
}
.fn-icon-company:before {
content: "\E65A"
}
.fn-icon-attest-2:before {
content: "\E671"
}
.fn-icon-jinrongjigou:before {
content: "\E65B"
}
.fn-icon-pay-bu:before {
content: "\E65C"
}
.fn-icon-neterr-o:before {
content: "\E65D"
}
.fn-icon-appose-bu:before {
content: "\E96A"
}
.fn-icon-revoke:before {
content: "\E6E0"
}
.fn-icon-user-group:before {
content: "\E72B"
}
.fn-icon-scheck:before {
content: "\E664"
}
.fn-icon-error-o:before {
content: "\E665"
}
.fn-icon-baoxian:before {
content: "\E6D6"
}
.fn-icon-active:before {
content: "\E710"
}
.fn-icon-rules:before {
content: "\E666"
}
.fn-icon-time-order:before {
content: "\E669"
}
.fn-icon-warn-2:before {
content: "\E690"
}
.fn-icon-invisible:before {
content: "\E6A7"
}
.fn-icon-app-o:before {
content: "\E670"
}
.fn-icon-exchange2:before {
content: "\E887"
}
.fn-icon-bell:before {
content: "\E66A"
}
.fn-icon-import-bu:before {
content: "\E66B"
}
.fn-icon-unloading:before {
content: "\E66C"
}
.fn-icon-data-s:before {
content: "\E66E"
}
.fn-icon-fenpei:before {
content: "\E6EC"
}
.fn-icon-company1:before {
content: "\E6DB"
}
.fn-icon-car-l:before {
content: "\E672"
}
.fn-icon-flag1:before {
content: "\E674"
}
.fn-icon-iphone:before {
content: "\E71F"
}
.fn-icon-arrow-r-2:before {
content: "\E675"
}
.fn-icon-approve:before {
content: "\E676"
}
.fn-icon-avtor-3:before {
content: "\E677"
}
.fn-icon-weight:before {
content: "\E679"
}
.fn-icon-jiangdichengben:before {
content: "\E6F8"
}
.fn-icon-pop:before {
content: "\E67A"
}
.fn-icon-bangzhu:before {
content: "\E6FA"
}
.fn-icon-setting2:before {
content: "\E6F9"
}
.fn-icon-message2:before {
content: "\E69C"
}
.fn-icon-waper-bu:before {
content: "\E67B"
}
.fn-icon-clip:before {
content: "\E685"
}
.fn-icon-coin:before {
content: "\E67C"
}
.fn-icon-jiqiren:before {
content: "\E682"
}
.fn-icon-arrow-dr:before {
content: "\EC64"
}
.fn-icon-arrow-db:before {
content: "\EC65"
}
.fn-icon-arrow-dt:before {
content: "\EC66"
}
.fn-icon-list-up:before {
content: "\EC67"
}
.fn-icon-precent:before {
content: "\E6EA"
}
.fn-icon-minus-rad:before {
content: "\E68E"
}
.fn-icon-data:before {
content: "\E69B"
}
.fn-icon-touxiang:before {
content: "\E67D"
}
.fn-icon-fukuan:before {
content: "\E6E6"
}
.fn-icon-qian:before {
content: "\E7D4"
}
.fn-icon-switch_account:before {
content: "\E67F"
}
.fn-icon-calculate:before {
content: "\E680"
}
.fn-icon-arrow-up:before {
content: "\EC68"
}
.fn-icon-arrow-r:before {
content: "\EC69"
}
.fn-icon-arrow-l:before {
content: "\EC6A"
}
.fn-icon-arrow-sright:before {
content: "\EC6F"
}
.fn-icon-server:before {
content: "\E691"
}
.fn-icon-chart:before {
content: "\E681"
}
.fn-icon-shalou:before {
content: "\E683"
}
.fn-icon-gaojingyanseshengyinshezhi:before {
content: "\E684"
}
.fn-icon-bell-2:before {
content: "\E686"
}
.fn-icon-xiajia:before {
content: "\E70C"
}
.fn-icon-date:before {
content: "\E687"
}
.fn-icon-upload:before {
content: "\E688"
}
.fn-icon-forward-l:before {
content: "\E689"
}
.fn-icon-branch-bu:before {
content: "\E68A"
}
.fn-icon-owed:before {
content: "\EC70"
}
.fn-icon-yingyewangdian:before {
content: "\E68C"
}
.fn-icon-forward-r:before {
content: "\E693"
}
.fn-icon-setting1:before {
content: "\E694"
}
.fn-icon-licaiqianyue:before {
content: "\E692"
}
.fn-icon-feiyongshuoming:before {
content: "\E700"
}
.fn-icon-action:before {
content: "\E696"
}
.fn-icon-jiesuanguizeshezhi:before {
content: "\E6F2"
}
.fn-icon-file-add:before {
content: "\E698"
}
.fn-icon-export:before {
content: "\E69D"
}
.fn-icon-download:before {
content: "\E69F"
}
.fn-icon-exchange:before {
content: "\E6A2"
}
.fn-icon-import:before {
content: "\E6A3"
}
.fn-icon-file-a:before {
content: "\E6A5"
}
.fn-icon-more:before {
content: "\E6AA"
}
.fn-icon-pay:before {
content: "\E6AF"
}
.fn-icon-print-out:before {
content: "\E6B0"
}
.fn-icon-save:before {
content: "\E6B1"
}
.fn-icon-truck:before {
content: "\E6B2"
}
.fn-icon-user-add:before {
content: "\E6B3"
}
.fn-icon-waper:before {
content: "\E6B4"
}
.fn-icon-youxuanzhuan1:before {
content: "\E6C2"
}
.fn-icon-yunshuchanpin:before {
content: "\E822"
}
.fn-icon-quanshengzhongdiangaodangyanxiaoliangmaoli-xiaoliang:before {
content: "\E6E8"
}
.fn-icon-copy1:before {
content: "\E701"
}
.fn-icon-fangda:before {
content: "\E711"
}
.fn-icon-pause:before {
content: "\E6B5"
}
.fn-icon-logout:before {
content: "\E779"
}
.fn-icon-hide2:before {
content: "\E6B6"
}
.fn-icon-anjianzongjine:before {
content: "\E6BA"
}
.fn-icon-jifen:before {
content: "\E70D"
}
.fn-icon-info-o-2:before {
content: "\E6B9"
}
.fn-icon-siji:before {
content: "\E6FE"
}
.fn-icon-unlock:before {
content: "\E6BB"
}
.fn-icon-zuoxuanzhuan1:before {
content: "\E6C3"
}
.fn-icon-shangjia:before {
content: "\E70E"
}
.fn-icon-songdan:before {
content: "\E80E"
}
.fn-icon-warn-o:before {
content: "\E6BC"
}
.fn-icon-huo:before {
content: "\E6F6"
}
.fn-icon-preview:before {
content: "\E6BE"
}
.fn-icon-bangzhuzhongxin:before {
content: "\E6E9"
}
.fn-icon-tiquxianjinguanli:before {
content: "\E712"
}
.fn-icon-forward-0:before {
content: "\E6BF"
}
.fn-icon-forward-r-2:before {
content: "\E6C0"
}
.fn-icon-time:before {
content: "\E70F"
}
.fn-icon-thousand:before {
content: "\E6C4"
}
.fn-icon-manager1:before {
content: "\E6C5"
}
.fn-icon-help-o:before {
content: "\E6C6"
}
.fn-icon-date-num:before {
content: "\E6C7"
}
.fn-icon-minimize:before {
content: "\E713"
}
.fn-icon-gantanhao:before {
content: "\E703"
}
.fn-icon-tidan:before {
content: "\E9C9"
}
.fn-icon-light:before {
content: "\E6CA"
}
.fn-icon-ziliao:before {
content: "\E6CB"
}
.fn-icon-play:before {
content: "\E6CC"
}
.fn-icon-xiayibu:before {
content: "\E6CD"
}
.fn-icon-close-popup:before {
content: "\E6CE"
}
.fn-icon-suoxiao:before {
content: "\E6CF"
}
.fn-icon-yingshoukuan:before {
content: "\E6EB"
}
.fn-icon-daikuan:before {
content: "\E716"
}
.fn-icon-nail:before {
content: "\E6D1"
}
.fn-icon-attest:before {
content: "\E6D2"
}
.fn-icon-nail-1:before {
content: "\E6D3"
}
.fn-icon-lubiao:before {
content: "\E6D5"
}
.fn-icon-filter:before {
content: "\E6ED"
}
.fn-icon-scan:before {
content: "\E6D7"
}
.fn-icon-keji:before {
content: "\E6D9"
}
.fn-icon-bind:before {
content: "\E6DA"
}
.fn-icon-tiaoduguanli:before {
content: "\E6DC"
}
.fn-icon-shortcut:before {
content: "\E6DD"
}
.fn-icon-round:before {
content: "\E6DE"
}
.fn-icon-polygon:before {
content: "\E6EE"
}
.fn-icon-anchors-close:before {
content: "\E6F0"
}
.fn-icon-anchors-delete:before {
content: "\E6F1"
}
.fn-icon-anchors-add:before {
content: "\E6F3"
}
.fn-icon-pen-tool:before {
content: "\E6F4"
}
.fn-icon-anchors-drag:before {
content: "\E6F5"
}
.fn-icon-empty:before {
content: "\E6FB"
}
.fn-icon-screen:before {
content: "\E6FC"
}
.fn-icon-nonempty:before {
content: "\E6FD"
}
.fn-icon-lubiao1:before {
content: "\E6FF"
}
.fn-icon-qrcode:before {
content: "\E704"
}
.fn-icon-show:before {
content: "\E8F4"
}
.fn-icon-hide:before {
content: "\E678"
}
.fn-icon-minus:before {
content: "\E6C8"
}
.fn-icon-add:before {
content: "\E6C9"
}
.fn-icon-modify:before {
content: "\E67E"
}
.fn-icon-search:before {
content: "\E6D8"
}
.fn-icon-shouqi1:before {
content: "\E6AE"
}
.fn-icon-zhankai1:before {
content: "\E60B"
}
.fn-icon-zhankai:before {
content: "\E64B"
}
.fn-icon-shouqi:before {
content: "\E609"
}
.fn-icon-go-back:before {
content: "\E608"
}
.fn-icon-notice:before {
content: "\E607"
}
.fn-icon-check:before {
content: "\E6D0"
}
.fn-icon-money:before {
content: "\E619"
}
.fn-icon-avtor:before {
content: "\E673"
}
.fn-icon-phone2:before {
content: "\E617"
}
.fn-icon-password:before {
content: "\E654"
}
.fn-icon-safe:before {
content: "\E655"
}
.fn-icon-setting:before {
content: "\E63C"
}
.fn-icon-arrow-sdown:before {
content: "\EC6B"
}
.fn-icon-arrow-sup:before {
content: "\EC6C"
}
.fn-icon-no-data:before {
content: "\E627"
}
.fn-icon-delete:before {
content: "\E63B"
}
.fn-icon-address-book:before {
content: "\E612"
}
.fn-icon-send-car:before {
content: "\E604"
}
.fn-icon-net:before {
content: "\E91C"
}
.fn-icon-goods:before {
content: "\E634"
}
.fn-icon-sale-result:before {
content: "\E603"
}
.fn-icon-science:before {
content: "\E629"
}
.fn-icon-send:before {
content: "\E605"
}
.fn-icon-service:before {
content: "\E616"
}
.fn-icon-gps:before {
content: "\E69E"
}
.fn-icon-car:before {
content: "\E601"
}
.fn-icon-network:before {
content: "\E667"
}
.fn-icon-bus-board:before {
content: "\E622"
}
.fn-icon-site:before {
content: "\E648"
}
.fn-icon-flag:before {
content: "\E621"
}
.fn-icon-receive:before {
content: "\E70B"
}
.fn-icon-house:before {
content: "\E606"
}
.fn-icon-warehouse:before {
content: "\E61B"
}
.fn-icon-to-receive:before {
content: "\E6A4"
}
.fn-icon-transport:before {
content: "\E632"
}
.fn-icon-delete2:before {
content: "\E620"
}
.fn-icon-check-o2:before {
content: "\E64E"
}
.fn-icon-close:before {
content: "\E6E1"
}
.fn-icon-to-top:before {
content: "\E615"
}
.fn-icon-weixin:before {
content: "\E6D4"
}
.fn-icon-customer:before {
content: "\E761"
}
.fn-icon-crown:before {
content: "\E6BD"
}
.fn-icon-lamp:before {
content: "\E611"
}
.fn-icon-function:before {
content: "\E6E7"
}
.fn-icon-gps1:before {
content: "\E651"
}
.fn-icon-page-down2:before {
content: "\E6C1"
}
.fn-icon-page-down:before {
content: "\E66D"
}
.fn-icon-menu:before {
content: "\E785"
}
.fn-icon-fish:before {
content: "\E759"
}
.fn-icon-cost:before {
content: "\E626"
}
.fn-icon-telephone:before {
content: "\E62B"
}
.fn-icon-medical:before {
content: "\E63A"
}
.fn-icon-tiexinfuwu:before {
content: "\E623"
}
.fn-icon-safe1:before {
content: "\E61E"
}
.fn-icon-rocket:before {
content: "\E662"
}
.fn-icon-team:before {
content: "\E630"
}
.fn-icon-flexible:before {
content: "\E628"
}
.fn-icon-price:before {
content: "\E749"
}
.fn-icon-send1:before {
content: "\E6AB"
}
.fn-icon-reservation:before {
content: "\E61A"
}
.fn-icon-trail:before {
content: "\E610"
}
.fn-icon-record:before {
content: "\E61D"
}
.fn-icon-search2:before {
content: "\E602"
}
.fn-icon-info:before {
content: "\E61F"
}
.fn-icon-phone:before {
content: "\E600"
}
.fn-icon {
width: 12px;
height: 12px;
display: inline-block;
font-size: 12px;
vertical-align: middle;
line-height: 12px;
font-family: iconfont !important;
font-style: normal;
-webkit-font-smoothing: antialiased;
-webkit-text-stroke-width: .2px;
-moz-osx-font-smoothing: grayscale
}
.fn-icon-arrow-r-i {
position: absolute;
margin: 0;
top: 50%;
right: 5px;
opacity: 1;
width: 6px;
height: 10px;
margin-top: -3px;
background: url(/static/images/small-arrow-right.fb4e10d1e3beff26561d9fab552e3182.png) 50% no-repeat;
background-size: 7px auto
}
.fn-icon-ani-loading {
display: inline-block;
width: 1em;
height: 1em;
border-radius: 100%;
-webkit-animation-fill-mode: both;
animation-fill-mode: both;
border: 1px solid;
border-bottom-color: transparent;
-webkit-animation: rotate-loading .75s 0s linear infinite;
animation: rotate-loading .75s 0s linear infinite
}
.fn-icon-spinner {
background: url(/static/images/loadingGif/loading-spinner.4626b7ac7a2315d1cb672a11ae505440.svg) 50% no-repeat;
background-size: 28px 30px;
width: 14px;
height: 14px;
position: relative;
top: 50%
}
.text-orange {
color: #ff9a00
}
.text-red {
color: #f12222
}
.text-grey {
color: grey
}
.text-blue {
color: #0097cf
}
.text-green {
color: #1dbb73
}
.text-gray {
color: #999
}
.fs12 {
font-size: 12px
}
.fs14 {
font-size: 14px
}
.fs16 {
font-size: 16px
}
.fs22 {
font-size: 22px
}
.fn-icon-add-rad,
.fn-icon-minus-rad {
font-size: 16px
}
.fn-icon-add-rad,
.fn-input-wrap .fn-icon-add-rad,
.table-filter-column p .fn-icon-add-rad {
color: #0097cf
}
.fn-icon-minus-rad {
color: #dd4b39
}
.btn-checkbox {
display: inline-block;
overflow: hidden;
border: 1px solid #b9ccd7;
width: 200px;
font-size: 14px;
color: #3a3a3a;
height: 40px;
line-height: 40px;
position: relative;
border-radius: 2px;
cursor: pointer;
vertical-align: middle
}
.btn-checkbox.checked,
.btn-checkbox:hover {
border: 1px solid #1c7cda
}
.btn-checkbox.checked:after {
content: "\E64F";
font-family: iconfont;
font-size: 12px;
color: #fff;
-webkit-clip-path: polygon(100% 0, 100% 100%, 0 100%);
clip-path: polygon(100% 0, 100% 100%, 0 100%);
position: absolute;
width: 28px;
height: 24px;
right: 0;
bottom: 0;
background: #1c7cda;
-webkit-transform: scale(.66);
transform: scale(.66);
-webkit-transform-origin: bottom right;
transform-origin: bottom right;
line-height: 32px;
text-indent: 14px
}
.fn-dialog__center .fn-table .public_fixedDataTableRow_even:hover .public_fixedDataTableCell_main,
.fn-dialog__center .fn-table .public_fixedDataTableRow_odd:hover .public_fixedDataTableCell_main,
.oinfo-log-tab .fn-table .public_fixedDataTableRow_even:hover .public_fixedDataTableCell_main,
.oinfo-log-tab .fn-table .public_fixedDataTableRow_odd:hover .public_fixedDataTableCell_main,
.online-log .fn-table .public_fixedDataTableRow_even:hover .public_fixedDataTableCell_main,
.online-log .fn-table .public_fixedDataTableRow_odd:hover .public_fixedDataTableCell_main,
.set_collect .fn-table .public_fixedDataTableRow_even:hover .public_fixedDataTableCell_main,
.set_collect .fn-table .public_fixedDataTableRow_odd:hover .public_fixedDataTableCell_main,
.slide__drager .payModeDiv .fn-table .public_fixedDataTableRow_even:hover .public_fixedDataTableCell_main,
.slide__drager .payModeDiv .fn-table .public_fixedDataTableRow_odd:hover .public_fixedDataTableCell_main {
background-color: #fff
}
.fn-dialog__center .public_fixedDataTable_header,
.fn-dialog__center .public_fixedDataTable_header .public_fixedDataTableCell_main,
.fn-dialog__center .table-filter-column,
.oinfo-log-tab .public_fixedDataTable_header,
.oinfo-log-tab .public_fixedDataTable_header .public_fixedDataTableCell_main,
.oinfo-log-tab .table-filter-column,
.online-log .public_fixedDataTable_header,
.online-log .public_fixedDataTable_header .public_fixedDataTableCell_main,
.online-log .table-filter-column,
.pick-order-content__fee_table .public_fixedDataTable_header,
.pick-order-content__fee_table .public_fixedDataTable_header .public_fixedDataTableCell_main,
.pick-order-content__fee_table .table-filter-column,
.pick-order-content__header .public_fixedDataTable_header,
.pick-order-content__header .public_fixedDataTable_header .public_fixedDataTableCell_main,
.pick-order-content__header .table-filter-column,
.set_collect .public_fixedDataTable_header,
.set_collect .public_fixedDataTable_header .public_fixedDataTableCell_main,
.set_collect .table-filter-column,
.slide__drager .payModeDiv .public_fixedDataTable_header,
.slide__drager .payModeDiv .public_fixedDataTable_header .public_fixedDataTableCell_main,
.slide__drager .payModeDiv .table-filter-column,
.slide__drager .pick-order-content__fee_table .public_fixedDataTable_header,
.slide__drager .pick-order-content__fee_table .public_fixedDataTable_header .public_fixedDataTableCell_main,
.slide__drager .pick-order-content__fee_table .table-filter-column,
.slide__drager .public_fixedDataTable_header,
.slide__drager .public_fixedDataTable_header .public_fixedDataTableCell_main,
.slide__drager .table-filter-column,
.type-set .public_fixedDataTable_header,
.type-set .public_fixedDataTable_header .public_fixedDataTableCell_main,
.type-set .table-filter-column {
background: #ecf0f5
}
.unedit-table-style .fixedDataTableLayout_header {
border-bottom: none
}
.unedit-table-style .filter-header-wraper {
font-weight: 400
}
.unedit-table-style .fixedDataTableRowLayout_rowWrapper:last-child .fixedDataTableRowLayout_main {
border-bottom: none
}
.unedit-table-style .fixedDataTableLayout_main,
.unedit-table-style .public_fixedDataTable_main {
border-top: 1px solid #b9ccd7;
border-left: 1px solid #b9ccd7;
border-color: #b9ccd7
}
.unedit-table-style .fixedDataTableLayout_horizontalScrollbar {
border-top: none
}
.unedit-table-style .public_fixedDataTableCell_main {
border-right: 1px solid #b9ccd7 !important;
border-color: #b9ccd7 !important;
border-bottom: 1px solid #b9ccd7
}
.add__modify>div {
margin-bottom: 6px
}
.wp-company-search {
width: 100%;
height: 100%;
color: #131e27;
font-size: 16px
}
.wp-company-search .header_bg {
width: 100%;
height: 90px;
background-color: #ec4848;
display: flex;
justify-content: center;
align-items: center
}
.wp-company-search .header_bg .header_ct {
height: 50px;
width: 800px;
display: flex
}
.wp-company-search .header_bg .header_ct .search-block {
height: 100%;
width: calc(100% - 92px);
display: inline-flex;
position: relative
}
.wp-company-search .header_bg .header_ct .search-block .fn-input-pure-wrap {
width: 100%;
height: 100%
}
.wp-company-search .header_bg .header_ct .search-block .fn-input-pure-wrap .fn-input-pure {
font-size: 14px;
padding-left: 14px
}
.wp-company-search .header_bg .header_ct .search-block .fn-input-pure-wrap .fn-input-pure:hover {
border: 0
}
.wp-company-search .header_bg .header_ct .search-block .fn-input-pure-wrap .fn-input-pure:focus {
border: 0;
background: #fff
}
.wp-company-search .header_bg .header_ct .search-block .del {
position: absolute;
right: 20px;
top: 18px;
font-size: 18px;
color: #666
}
.wp-company-search .header_bg .header_ct .fn-btn-icon {
height: 100%
}
.wp-company-search .header_bg .header_ct .fn-btn-icon .search-info-btn {
height: 100%;
width: 92px;
background: #ff9700;
color: #fff;
border: 0;
border-radius: 0 2px 2px 0;
font-size: 16px
}
.wp-company-search .header_bg .header_ct .fn-btn-icon .search-info-btn .fn-icon-search {
color: #fff
}
.wp-company-search .content-block {
width: 1200px;
height: 620px;
margin: 20px auto;
display: flex;
justify-content: space-between
}
.wp-company-search .content-block .left-info {
width: 280px;
height: 620px;
background-color: #fff;
border: 1px solid #e9e9e9;
display: flex;
flex-direction: column
}
.wp-company-search .content-block .left-info .title {
line-height: 22px;
padding: 10px 14px;
background: #f9fbff;
border-bottom: 1px solid #e9e9e9;
display: flex;
flex-direction: column
}
.wp-company-search .content-block .left-info .title .info-block .title-info {
display: inline
}
.wp-company-search .content-block .left-info .title .info-block .title-info .title-item {
font-size: 16px;
display: inline-flex;
color: #666
}
.wp-company-search .content-block .left-info .title .info-block .title-info .title-item:hover {
color: #ec4848;
cursor: pointer
}
.wp-company-search .content-block .left-info .title .info-block .title-info .title-item:hover:after {
color: #666
}
.wp-company-search .content-block .left-info .title .info-block .title-info .title-item:not(:last-child):after {
content: ">";
margin: 0 10px;
cursor: default
}
.wp-company-search .content-block .left-info .title .info-block .title-total {
float: right;
font-size: 12px
}
.wp-company-search .content-block .left-info .title .range-block {
padding-top: 7px
}
.wp-company-search .content-block .left-info .title .range-block .fn-select {
float: right;
width: 105px;
height: 26px
}
.wp-company-search .content-block .left-info .title .range-block .fn-select .fn-input-pure {
margin-bottom: 0;
font-size: 14px
}
.wp-company-search .content-block .left-info .list {
width: 100%;
position: relative;
overflow-y: auto
}
.wp-company-search .content-block .left-info .list .list-row {
width: 100%;
padding: 0 11px
}
.wp-company-search .content-block .left-info .list .list-row .list-item {
width: 100%;
height: 52px;
padding: 0 8px;
border-bottom: 1px solid #eaeaea;
display: inline-flex;
justify-content: space-between;
align-items: center;
color: #131e27;
cursor: pointer
}
.wp-company-search .content-block .left-info .list .list-row .list-item.district {
min-height: 110px;
height: auto;
padding: 14px 0;
display: inline-block
}
.wp-company-search .content-block .left-info .list .list-row .list-item.district .row .point-img {
padding-right: 6px
}
.wp-company-search .content-block .left-info .list .list-row .list-item.district .row:not(:last-child) {
padding-bottom: 8px
}
.wp-company-search .content-block .left-info .list .list-row .list-item.district .row.row2,
.wp-company-search .content-block .left-info .list .list-row .list-item.district .row.row3 {
font-size: 14px;
color: #666
}
.wp-company-search .content-block .left-info .list .list-row .list-item .left {
font-size: 16px;
float: left;
cursor: pointer
}
.wp-company-search .content-block .left-info .list .list-row .list-item .right {
font-size: 16px;
float: right;
cursor: pointer
}
.wp-company-search .content-block .left-info .list .list-row.selected,
.wp-company-search .content-block .left-info .list .list-row:hover {
background-color: #ec4848
}
.wp-company-search .content-block .left-info .list .list-row.selected .list-item,
.wp-company-search .content-block .left-info .list .list-row:hover .list-item {
border-bottom: 1px solid #ec4848
}
.wp-company-search .content-block .left-info .list .list-row.selected .list-item .left,
.wp-company-search .content-block .left-info .list .list-row.selected .list-item .right,
.wp-company-search .content-block .left-info .list .list-row.selected .list-item .row,
.wp-company-search .content-block .left-info .list .list-row.selected .list-item .row.row2,
.wp-company-search .content-block .left-info .list .list-row.selected .list-item .row.row3,
.wp-company-search .content-block .left-info .list .list-row:hover .list-item .left,
.wp-company-search .content-block .left-info .list .list-row:hover .list-item .right,
.wp-company-search .content-block .left-info .list .list-row:hover .list-item .row,
.wp-company-search .content-block .left-info .list .list-row:hover .list-item .row.row2,
.wp-company-search .content-block .left-info .list .list-row:hover .list-item .row.row3 {
color: #fff
}
.wp-company-search .content-block .left-info .list .more {
text-align: center;
font-size: 14px;
color: #ec4848;
margin: 6px 10px 8px;
height: 36px;
line-height: 34px;
border-radius: 100px;
border: 1px solid #ec4848;
cursor: pointer
}
.wp-company-search .content-block .map-block {
height: 100%;
width: 900px;
border: 1px solid #e9e9e9
}
.wp-company-search .content-block .map-block .point-marker-pop {
position: absolute;
top: -31px;
left: 9px;
color: #fff;
padding: 4px 8px;
white-space: nowrap;
font-size: 12px;
background-color: #ff6122;
opacity: .95;
border-radius: 4px
}
.wp-company-search .content-block .map-block .point-marker-pop.selected {
background-color: #7896fa
}
.wp-company-search .content-block .map-block .point-marker-pop.search {
background-color: #1dbb73
}
.company-search-tips .fn-popTip__icon-error-o {
background: #fff3f3;
border: 1px solid #ffd5c4;
border-radius: 4px
}
.company-search-tips .fn-popTip__icon {
margin: 0 10px 0 24px
}
.company-search-tips .fn-popTip__icon .fn-icon {
opacity: .6;
color: #f82d2d
}
.company-search-tips .fn-popTip__content {
font-size: 14px;
color: #eb6b38
}
.company-search-tips .fn-popTip__close {
right: 16px
}
.company-search-tips .fn-popTip__close .fn-icon {
opacity: .2;
color: #000
}
</style>
<style type="text/css">
#login,
#logout,
#register {
cursor: pointer
}
#login-telephone {
margin-right: 5px
}
.alignnone.wp-image-415 {
width: 16px;
height: 16px;
position: relative;
bottom: 4px
}
#login,
#login:link,
#login:visited,
#logout,
#logout:link,
#logout:visited,
#register,
#register:link,
#register:visited {
color: #333 !important
}
#login:hover,
#logout:hover,
#register:hover {
color: #333 !important;
text-decoration: underline !important
}
#rs-sidebar {
top: auto;
bottom: 0
}
#rs-sidebar .rs-wexin {
top: auto;
bottom: 0;
text-align: center
}
#rs-sidebar .rs-wexin .qr_code_text {
padding-top: 5px
}
p {
margin: 0
}
</style>
</head>
<body
class="home page-template page-template-elementor_header_footer page page-id-195 everest-forms-js elementor-default elementor-template-full-width elementor-kit-1126 elementor-page elementor-page-195 device-lg"
data-elementor-device-mode="desktop">
<div id="site" canvas="container">
<header class="site__header site__header--style1" id="masthead">
<nav class="site__brandbar navbar navbar--top affix" role="navigation" data-spy="affix"
data-offset-top="125" style="background-image:url();">
<div class="container">
<div class="navbar-brand navbar--light">
<div class="navbar-item">
<a href="./index.html">
<img class="custom-logo logo--light" width="144" height="144"
src="./statics_files/88888_jsj_logo_small.png" alt="" srcset="./statics_files/88888_jsj_logo_small.png 1x,
./statics_files/88888_jsj_logo_small.png 1.5x,
./statics_files/88888_jsj_logo_small.png 0.44x,
./statics_files/88888_jsj_logo_small.png 3.56x,
./statics_files/88888_jsj_logo_small.png 0.22x,
./statics_files/88888_jsj_logo_small.png 1.33x,
./statics_files/88888_jsj_logo_small.png 1.25x,
./statics_files/88888_jsj_logo_small.png 0.42x" sizes="(max-width: 144px) 100vw, 144px">
<img class="custom-logo logo--dark" width="194" height="66"
src="./statics_files/admin-ajax.png" alt="" srcset="./statics_files/admin-ajax.png 194w,
./statics_files/admin-ajax.png 60w" sizes="(max-width: 194px) 100vw, 194px">
</a>
</div>
<div id="navbarBurger" class="navbar-burger burger" data-target="js-navbar-menu">
<span></span>
<span></span>
<span></span>
</div>
</div>
<div id="js-navbar-menu" class="navbar-menu navbar--light js-navbar-menu">
<!-- navbar -->
<div class="navbar-start">
<div id="primary-menu" class="navbar-menu">
<a href="./index.html" class="navbar-item is-active">首页</a>
<a href="./reservation.html" class="navbar-item">下单</a>
<a href="./search.html" class="navbar-item">查单</a>
<a href="./cooperate.html" class="navbar-item">招商合作</a>
<a href="./about.html" class="navbar-item">关于我们</a>
</div>
</div>
<div class="navbar-end is-hidden-mobile">
<aside id="text-8" class="c-area--after-logo c-info c-widget--text">
<div class="textwidget">
<div style="height: 30px;"><span style="line-height: 27px; margin-right: 5px;"><img
class="alignnone size-full wp-image-415" src="./statics_files/phone.png"
alt="" width="16" height="17"></span><span
style="font-weight: 500; color: #e64340; font-size: 18px; line-height: 30px;">18989453022</span>
</div>
</div>
</aside>
<aside id="text-9" class="c-area--after-logo c-info c-widget--text">
<div class="textwidget">
<div style="height: 30px; line-height: 30px;">
<div id="login-area" style="display: inline-block;"><a id="login"
style="margin-right:18px">登录</a><a id="register">注册</a></div>
<div id="logout-area" style="display:none;">欢迎你，<span id="login-telephone"
style="margin-right: 5px;"></span><a id="logout">退出登录</a></div>
</div>
</div>
</aside>
<aside id="text-12" class="c-area--after-logo c-info c-widget--text">
<div class="textwidget">
<div style="height: 30px; line-height: 32px;font-size:14px">
<a style="margin-top: 5px;" href="./app.html">APP下载</a>
</div>
</div>
</aside>
</div>
</div>
</div>
</nav>
</header>
<div data-elementor-type="wp-post" data-elementor-id="195" class="elementor elementor-195"
data-elementor-settings="[]">
<div class="elementor-inner">
<div class="elementor-section-wrap">
<section
class="elementor-element elementor-element-7a703680 elementor-section-full_width elementor-section-height-default elementor-section-height-default elementor-section elementor-top-section"
data-id="7a703680" data-element_type="section">
<div class="elementor-container elementor-column-gap-no">
<div class="elementor-row">
<div class="elementor-element elementor-element-377f966f elementor-column elementor-col-100 elementor-top-column"
data-id="377f966f" data-element_type="column">
<div class="elementor-column-wrap elementor-element-populated">
<div class="elementor-widget-wrap">
<div class="elementor-element elementor-element-763f5c63 elementor--h-position-center elementor--v-position-middle elementor-widget elementor-widget-wprs-slider"
data-id="763f5c63" data-element_type="widget"
data-widget_type="wprs-slider.default">
<div class="elementor-widget-container">
<div class="elementor-slides-wrapper elementor-slick-slider"
dir="ltr">
<div class="elementor-slides js-carousel slick-arrows-inside slick-dots-inside slick-initialized slick-slider slick-dotted"
data-slick="{"slidesToShow":1,"autoplaySpeed":3000,"autoplay":true,"infinite":true,"pauseOnHover":true,"speed":1700,"arrows":true,"dots":true,"rtl":false}"
data-animation=""><button class="slick-prev slick-arrow"
aria-label="Previous" type="button"
style="display: block;">Previous</button>
<div class="slick-list draggable">
<div class="slick-track"
style="opacity: 1; width: 11410px; transform: translate3d(-3260px, 0px, 0px); transition: transform 1700ms ease 0s;">
<div class="slick-slide slick-cloned"
data-slick-index="-1" aria-hidden="true"
tabindex="-1" style="width: 1630px;">
<div>
<div class="elementor-repeater-item-0a0a4da slick-slide"
style="width: 100%; display: inline-block;"
aria-hidden="true">
<div class="slick-slide-bg"></div>
<div class="slick-slide-inner">
<div class="container">
<div
class="elementor-slide-content ">
</div>
</div>
</div>
</div>
</div>
</div>
<div class="slick-slide" data-slick-index="0"
aria-hidden="true" role="tabpanel"
id="slick-slide00" style="width: 1630px;"
aria-describedby="slick-slide-control00">
<div>
<div class="elementor-repeater-item-9c9b4d6 slick-slide"
style="width: 100%; display: inline-block;"
aria-hidden="true">
<div class="slick-slide-bg"></div>
<div class="slick-slide-inner">
<div class="container">
<div
class="elementor-slide-content ">
</div>
</div>
</div>
</div>
</div>
</div>
<div class="slick-slide slick-current slick-active"
data-slick-index="1" aria-hidden="false"
role="tabpanel" id="slick-slide01"
style="width: 1630px;"
aria-describedby="slick-slide-control01"
tabindex="-1">
<div>
<div class="elementor-repeater-item-ef35fb3 slick-slide"
style="width: 100%; display: inline-block;"
aria-hidden="true">
<div class="slick-slide-bg"></div><a
href="file:///Users/ms/Documents/index/index.html"
class="slick-slide-inner"
tabindex="-1">
<div class="container">
<div
class="elementor-slide-content ">
</div>
</div>
</a>
</div>
</div>
</div>
<div class="slick-slide" data-slick-index="2"
aria-hidden="true" role="tabpanel"
id="slick-slide02" style="width: 1630px;"
aria-describedby="slick-slide-control02"
tabindex="-1">
<div>
<div class="elementor-repeater-item-0a0a4da slick-slide"
style="width: 100%; display: inline-block;"
aria-hidden="true">
<div class="slick-slide-bg"></div>
<div class="slick-slide-inner">
<div class="container">
<div
class="elementor-slide-content ">
</div>
</div>
</div>
</div>
</div>
</div>
<div class="slick-slide slick-cloned"
data-slick-index="3" aria-hidden="true"
tabindex="-1" style="width: 1630px;">
<div>
<div class="elementor-repeater-item-9c9b4d6 slick-slide"
style="width: 100%; display: inline-block;"
aria-hidden="true">
<div class="slick-slide-bg"></div>
<div class="slick-slide-inner">
<div class="container">
<div
class="elementor-slide-content ">
</div>
</div>
</div>
</div>
</div>
</div>
<div class="slick-slide slick-cloned"
data-slick-index="4" aria-hidden="true"
tabindex="-1" style="width: 1630px;">
<div>
<div class="elementor-repeater-item-ef35fb3 slick-slide"
style="width: 100%; display: inline-block;"
aria-hidden="true">
<div class="slick-slide-bg"></div><a
href="file:///Users/ms/Documents/index/index.html"
class="slick-slide-inner"
tabindex="-1">
<div class="container">
<div
class="elementor-slide-content ">
</div>
</div>
</a>
</div>
</div>
</div>
<div class="slick-slide slick-cloned"
data-slick-index="5" aria-hidden="true"
tabindex="-1" style="width: 1630px;">
<div>
<div class="elementor-repeater-item-0a0a4da slick-slide"
style="width: 100%; display: inline-block;"
aria-hidden="true">
<div class="slick-slide-bg"></div>
<div class="slick-slide-inner">
<div class="container">
<div
class="elementor-slide-content ">
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div><button class="slick-next slick-arrow"
aria-label="Next" type="button"
style="display: block;">Next</button>
<ul class="slick-dots" style="display: block;"
role="tablist">
<li class="" role="presentation"><button type="button"
role="tab" id="slick-slide-control00"
aria-controls="slick-slide00"
aria-label="1 of 3" tabindex="0"
aria-selected="true">1</button></li>
<li role="presentation" class="slick-active"><button
type="button" role="tab"
id="slick-slide-control01"
aria-controls="slick-slide01"
aria-label="2 of 3" tabindex="-1">2</button>
</li>
<li role="presentation" class=""><button type="button"
role="tab" id="slick-slide-control02"
aria-controls="slick-slide02"
aria-label="3 of 3" tabindex="-1">3</button>
</li>
</ul>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</section>
<section
class="elementor-element elementor-element-5ff2113 elementor-section-boxed elementor-section-height-default elementor-section-height-default elementor-section elementor-top-section"
data-id="5ff2113" data-element_type="section">
<div class="elementor-container elementor-column-gap-default">
<div class="elementor-row">
<div class="elementor-element elementor-element-ae0d0d6 elementor-column elementor-col-20 elementor-top-column"
data-id="ae0d0d6" data-element_type="column">
<div class="elementor-column-wrap elementor-element-populated">
<div class="elementor-widget-wrap">
<div class="elementor-element elementor-element-58e59458 rs-navtab elementor-widget elementor-widget-wprs-tabs"
data-id="58e59458" data-element_type="widget"
data-widget_type="wprs-tabs.default">
<div class="elementor-widget-container">
<div id="js-tabs-58e59458" class="c-tabs c-tabs--vertical">
<div class="tabs c-tabs__nav is-fullwidth">
<ul class="c-tabs__nav--inline">
<li class="is-active"><a class="wprs-tab-title"
href="https://www.zrtl.com/search/"
data-tab="#tab-58e59458-0"><span class="icon"><i
class="eci fontello-d5627bb0-search"></i></span>运单跟踪</a>
</li>
<li class=""><a class="wprs-tab-title"
href="https://www.zrtl.com/reservation/"
data-tab="#tab-58e59458-1"><span class="icon"><i
class="eci fontello-d5627bb0-export"></i></span>我要发货</a>
</li>
</ul>
</div>
<div class="c-tabs__content" style="width: 400px;">
<div id="tab-58e59458-0" class="c-tabs_panel is-active"
style="display: flex;">
<div class="c-tab_inner">
<div class="wp-index-pop">
<div class="input-area">
<div
class="fn-textarea_wrap order_search_textarea pop_textarea_wrap">
<textarea
placeholder="您可以输入运单号、查单号、委托单号进行查询"
class="fn-textarea order_search_textarea pop_textarea"></textarea>
</div>
</div>
<div class="btn-area">
<button
class="pop_btn order_search_btn fn-btn fn-btn--positive">马上查单</button>
</div>
</div>
</div>
</div>
<div id="tab-58e59458-1" class="c-tabs_panel"
style="display: none;">
<div class="c-tab_inner"></div>
</div>
</div>
</div>
<script>
jQuery(document).ready(function ($) {
$("#js-tabs-58e59458").idTabs("!mouseover");
});
</script>
</div>
</div>
</div>
</div>
</div>
<div class="elementor-element elementor-element-a7160f4 elementor-column elementor-col-20 elementor-top-column"
data-id="a7160f4" data-element_type="column">
<div class="elementor-column-wrap">
<div class="elementor-widget-wrap">
</div>
</div>
</div>
<div class="elementor-element elementor-element-8c7e2ad elementor-column elementor-col-20 elementor-top-column"
data-id="8c7e2ad" data-element_type="column">
<div class="elementor-column-wrap elementor-element-populated">
<div class="elementor-widget-wrap">
<div class="elementor-element elementor-element-bba0418 elementor-widget elementor-widget-counter"
data-id="bba0418" data-element_type="widget"
data-widget_type="counter.default">
<div class="elementor-widget-container">
<div class="elementor-counter">
<div class="elementor-counter-number-wrapper">
<span class="elementor-counter-number-prefix"></span>
<span class="elementor-counter-number" data-duration="2000"
data-to-value="221" data-from-value="23"
data-delimiter=",">221</span>
<span class="elementor-counter-number-suffix"></span>
</div>
<div class="elementor-counter-title">个园区</div>
</div>
</div>
</div>
</div>
</div>
</div>
<div class="elementor-element elementor-element-5bbc8d2 elementor-column elementor-col-20 elementor-top-column"
data-id="5bbc8d2" data-element_type="column">
<div class="elementor-column-wrap elementor-element-populated">
<div class="elementor-widget-wrap">
<div class="elementor-element elementor-element-e467e4b elementor-widget elementor-widget-counter"
data-id="e467e4b" data-element_type="widget"
data-widget_type="counter.default">
<div class="elementor-widget-container">
<div class="elementor-counter">
<div class="elementor-counter-number-wrapper">
<span class="elementor-counter-number-prefix"></span>
<span class="elementor-counter-number" data-duration="2000"
data-to-value="1875" data-from-value="25"
data-delimiter=",">1,875</span>
<span class="elementor-counter-number-suffix"></span>
</div>
<div class="elementor-counter-title">条专线</div>
</div>
</div>
</div>
</div>
</div>
</div>
<div class="elementor-element elementor-element-d558ce0 elementor-column elementor-col-20 elementor-top-column"
data-id="d558ce0" data-element_type="column">
<div class="elementor-column-wrap elementor-element-populated">
<div class="elementor-widget-wrap">
<div class="elementor-element elementor-element-ec53c0c elementor-widget elementor-widget-counter"
data-id="ec53c0c" data-element_type="widget"
data-widget_type="counter.default">
<div class="elementor-widget-container">
<div class="elementor-counter">
<div class="elementor-counter-number-wrapper">
<span class="elementor-counter-number-prefix"></span>
<span class="elementor-counter-number" data-duration="2000"
data-to-value="4520" data-from-value="20"
data-delimiter=",">4,520</span>
<span class="elementor-counter-number-suffix"></span>
</div>
<div class="elementor-counter-title">个网点</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</section>
<section
class="elementor-element elementor-element-71a2fd93 elementor-section-boxed elementor-section-height-default elementor-section-height-default elementor-section elementor-top-section"
data-id="71a2fd93" data-element_type="section"
data-settings="{"background_background":"classic"}">
<div class="elementor-container elementor-column-gap-no">
<div class="elementor-row">
<div class="elementor-element elementor-element-6130160e order-track elementor-column elementor-col-100 elementor-top-column"
data-id="6130160e" data-element_type="column">
<div class="elementor-column-wrap">
<div class="elementor-widget-wrap">
</div>
</div>
</div>
</div>
</div>
</section>
<section
class="elementor-element elementor-element-0d4eaad elementor-section-boxed elementor-section-height-default elementor-section-height-default elementor-section elementor-top-section"
data-id="0d4eaad" data-element_type="section">
<div class="elementor-container elementor-column-gap-wide">
<div class="elementor-row">
<div class="elementor-element elementor-element-e6045bd elementor-column elementor-col-100 elementor-top-column"
data-id="e6045bd" data-element_type="column">
<div class="elementor-column-wrap elementor-element-populated">
<div class="elementor-widget-wrap">
<div class="elementor-element elementor-element-98e418e elementor-widget elementor-widget-wprs-heading"
data-id="98e418e" data-element_type="widget"
data-widget_type="wprs-heading.default">
<div class="elementor-widget-container">
<div class="c-heading c-heading--style1 has-text-centered">
<h2 class="c-heading__title"><span>主营产品</span></h2>
</div>
</div>
</div>
<div class="elementor-element elementor-element-d1277f5 c-service-media c-service-plain elementor-widget elementor-widget-wprs-services animated fadeInUp"
data-id="d1277f5" data-element_type="widget"
data-settings="{"_animation":"fadeInUp"}" value=""
data-widget_type="wprs-services.default">
<div class="elementor-widget-container">
<div
class="c-services has-text-justify columns is-mobile is-multiline columns is-mobile is-multiline is-variable is-2">
<div
class="c-service__wrapper column is-6-desktop is-6-tablet is-12-mobile">
<a href="javascript:void(0)">
<div class="c-service c-service--media">
<div class="c-service__icon"><img width="360"
height="180"
src="./statics_files/zhu-ying-chan-pin-1.jpg"
class="attachment-full size-full" alt=""
srcset="./statics_files/zhu-ying-chan-pin-1.jpg 360w, ./statics_files/zhu-ying-chan-pin-1-300x150.jpg 300w, ./statics_files/zhu-ying-chan-pin-1-320x160.jpg 320w,./statics_files/zhu-ying-chan-pin-1-60x30.jpg 60w"
sizes="(max-width: 360px) 100vw, 360px">
</div>
<div class="c-service__content">
<h3 class="c-service__title">大票直达</h3>
<div class="c-service__summary">
定位于300kg以上的快运服务产品，为每一位客户提供门到门服务，价格实惠，服务优质。嘉上嘉专线零担平台，全力保障用户货物安全送达。
</div>
</div>
</div>
</a>
</div>
<div
class="c-service__wrapper column is-6-desktop is-6-tablet is-12-mobile">
<a href="javascript:void(0)">
<div class="c-service c-service--media">
<div class="c-service__icon"><img width="360"
height="180"
src="./statics_files/zhu-ying-chan-pin-2.jpg"
class="attachment-full size-full" alt=""
srcset="./statics_files/zhu-ying-chan-pin-2.jpg 360w, ./statics_files/zhu-ying-chan-pin-2-300x150.jpg 300w, ./statics_files/zhu-ying-chan-pin-2-320x160.jpg 320w, ./statics_files/zhu-ying-chan-pin-2-60x30.jpg 60w"
sizes="(max-width: 360px) 100vw, 360px">
</div>
<div class="c-service__content">
<h3 class="c-service__title">小票快运</h3>
<div class="c-service__summary">
主要针对企业用户小批量、多频次的运输需求，通过精准的线路规划和科学配载，严格的时效保障，完善周到的服务，让您的托付更安全。
</div>
</div>
</div>
</a>
</div>
<div
class="c-service__wrapper column is-6-desktop is-6-tablet is-12-mobile">
<a href="javascript:void(0)">
<div class="c-service c-service--media">
<div class="c-service__icon"><img width="360"
height="180"
src="./statics_files/zhu-ying-chan-pin-4.jpg"
class="attachment-full size-full" alt=""
srcset="./statics_files/zhu-ying-chan-pin-4.jpg 360w, ./statics_files/zhu-ying-chan-pin-4-300x150.jpg 300w, ./statics_files/zhu-ying-chan-pin-4-320x160.jpg 320w, ./statics_files/zhu-ying-chan-pin-4-60x30.jpg 60w"
sizes="(max-width: 360px) 100vw, 360px">
</div>
<div class="c-service__content">
<h3 class="c-service__title">增值服务</h3>
<div class="c-service__summary">
代收货款、保价运输、回单服务、短信服务、送货上楼
</div>
</div>
</div>
</a>
</div>
<div
class="c-service__wrapper column is-6-desktop is-6-tablet is-12-mobile">
<a href="javascript:void(0)">
<div class="c-service c-service--media">
<div class="c-service__icon"><img width="360"
height="180"
src="./statics_files/zhu-ying-chan-pin-3.jpg"
class="attachment-full size-full" alt=""
srcset="./statics_files/zhu-ying-chan-pin-3.jpg 360w, ./statics_files/zhu-ying-chan-pin-3-300x150.jpg 300w, ./statics_files/zhu-ying-chan-pin-3-320x160.jpg 320w, ./statics_files/zhu-ying-chan-pin-3-60x30.jpg 60w"
sizes="(max-width: 360px) 100vw, 360px">
</div>
<div class="c-service__content">
<h3 class="c-service__title">整车运输</h3>
<div class="c-service__summary">
以整车作为物流服务标的物，按照客户订单对交货期、交货地点、品质保证等的要求进行快速响应和准时配送。
</div>
</div>
</div>
</a>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</section>
<section
class="elementor-element elementor-element-fde80c8 elementor-section-boxed elementor-section-height-default elementor-section-height-default elementor-section elementor-top-section"
data-id="fde80c8" data-element_type="section"
data-settings="{"background_background":"classic"}">
<div class="elementor-background-overlay"></div>
<div class="elementor-container elementor-column-gap-wide">
<div class="elementor-row">
<div class="elementor-element elementor-element-4cb0940 elementor-column elementor-col-100 elementor-top-column"
data-id="4cb0940" data-element_type="column">
<div class="elementor-column-wrap elementor-element-populated">
<div class="elementor-widget-wrap">
<div class="elementor-element elementor-element-9f60fe5 elementor-widget elementor-widget-wprs-heading"
data-id="9f60fe5" data-element_type="widget"
data-widget_type="wprs-heading.default">
<div class="elementor-widget-container">
<div class="c-heading c-heading--style1 has-text-centered">
<h2 class="c-heading__title"><span>核心服务</span></h2>
</div>
</div>
</div>
<section
class="elementor-element elementor-element-0fe495a elementor-section-boxed elementor-section-height-default elementor-section-height-default elementor-section elementor-inner-section"
data-id="0fe495a" data-element_type="section">
<div class="elementor-container elementor-column-gap-narrow">
<div class="elementor-row">
<div class="elementor-element elementor-element-2af8477 elementor-column elementor-col-33 elementor-inner-column"
data-id="2af8477" data-element_type="column"
data-settings="{"background_background":"classic"}">
<div
class="elementor-column-wrap elementor-element-populated">
<div class="elementor-widget-wrap">
<div class="elementor-element elementor-element-6b36a77 elementor-widget elementor-widget-image"
data-id="6b36a77" data-element_type="widget"
data-widget_type="image.default">
<div class="elementor-widget-container">
<div class="elementor-image">
<img src="./statics_files/serviceicon1.png"
title="" alt="">
</div>
</div>
</div>
<!-- 123 -->
<div class="elementor-element elementor-element-314f2c1 elementor-widget elementor-widget-heading"
data-id="314f2c1" data-element_type="widget"
data-widget_type="heading.default">
<div class="elementor-widget-container">
<h2
class="elementor-heading-title elementor-size-default">
运输产品</h2>
</div>
</div>
</div>
</div>
</div>
<div class="elementor-element elementor-element-fbcee3b elementor-column elementor-col-33 elementor-inner-column"
data-id="fbcee3b" data-element_type="column"
data-settings="{"background_background":"classic"}">
<div
class="elementor-column-wrap elementor-element-populated">
<div class="elementor-widget-wrap">
<div class="elementor-element elementor-element-6400838 elementor-widget elementor-widget-image"
data-id="6400838" data-element_type="widget"
data-widget_type="image.default">
<div class="elementor-widget-container">
<div class="elementor-image">
<img src="./statics_files/serviceicon2.png"
title="" alt="">
</div>
</div>
</div>
<div class="elementor-element elementor-element-746a95d elementor-widget elementor-widget-heading"
data-id="746a95d" data-element_type="widget"
data-widget_type="heading.default">
<div class="elementor-widget-container">
<h2
class="elementor-heading-title elementor-size-default">
货物跟踪</h2>
</div>
</div>
</div>
</div>
</div>
<div class="elementor-element elementor-element-08edd7f elementor-column elementor-col-33 elementor-inner-column"
data-id="08edd7f" data-element_type="column"
data-settings="{"background_background":"classic"}">
<div
class="elementor-column-wrap elementor-element-populated">
<div class="elementor-widget-wrap">
<div class="elementor-element elementor-element-a208222 elementor-widget elementor-widget-image"
data-id="a208222" data-element_type="widget"
data-widget_type="image.default">
<div class="elementor-widget-container">
<div class="elementor-image">
<img src="./statics_files/serviceicon3.png"
title="" alt="">
</div>
</div>
</div>
<div class="elementor-element elementor-element-7b2119a elementor-widget elementor-widget-heading"
data-id="7b2119a" data-element_type="widget"
data-widget_type="heading.default">
<div class="elementor-widget-container">
<h2
class="elementor-heading-title elementor-size-default">
增值服务</h2>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</section>
</div>
</div>
</div>
</div>
</div>
</section>
<section
class="elementor-element elementor-element-aa58f60 elementor-section-boxed elementor-section-height-default elementor-section-height-default elementor-section elementor-top-section"
data-id="aa58f60" data-element_type="section"
data-settings="{"background_background":"classic"}">
<div class="elementor-background-overlay"></div>
<div class="elementor-container elementor-column-gap-default">
<div class="elementor-row">
<div class="elementor-element elementor-element-7d3dc5b elementor-column elementor-col-100 elementor-top-column"
data-id="7d3dc5b" data-element_type="column">
<div class="elementor-column-wrap elementor-element-populated">
<div class="elementor-widget-wrap">
<div class="elementor-element elementor-element-7488aef elementor-widget elementor-widget-wprs-heading"
data-id="7488aef" data-element_type="widget"
data-widget_type="wprs-heading.default">
<div class="elementor-widget-container">
<div class="c-heading c-heading--style1 has-text-centered">
<h2 class="c-heading__title"><span>平台合作</span></h2>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</section>
<section
class="elementor-element elementor-element-39f3ddb c-jionin elementor-section-boxed elementor-section-height-default elementor-section-height-default elementor-section elementor-top-section"
data-id="39f3ddb" data-element_type="section"
data-settings="{"background_background":"classic"}">
<div class="elementor-container elementor-column-gap-default">
<div class="elementor-row">
<div class="elementor-element elementor-element-d7a6be1 elementor-column elementor-col-33 elementor-top-column"
data-id="d7a6be1" data-element_type="column">
<div class="elementor-column-wrap elementor-element-populated">
<div class="elementor-widget-wrap">
<div class="elementor-element elementor-element-c0bf779 c-service-media c-service-plain elementor-widget elementor-widget-wprs-services"
data-id="c0bf779" data-element_type="widget"
data-widget_type="wprs-services.default">
<div class="elementor-widget-container">
<div
class="c-services has-text-left columns is-mobile is-multiline columns is-mobile is-multiline is-variable is-3">
<div
class="c-service__wrapper column is-12-desktop is-12-tablet is-12-mobile">
<a href="file:///Users/ms/Documents/index/index.html"
target="_blank">
<div class="c-service c-service--media">
<div class="c-service__icon">
<span class="iconfont"></span>
<!-- <i class="eci fontello-d5627bb0-boxc"></i> -->
</div>
<div class="c-service__content">
<h3 class="c-service__title">共享货源</h3>
<div class="c-service__summary">
杭州浙运市场部的电商和项目客户团队，为成员引进更多货源</div>
</div>
</div>
</a>
</div>
<div
class="c-service__wrapper column is-12-desktop is-12-tablet is-12-mobile">
<a href="file:///Users/ms/Documents/index/index.html"
target="_blank">
<div class="c-service c-service--media">
<div class="c-service__icon">
<!-- <i class="eci fontello-d5627bb0-heart"></i> -->
<span class="iconfont"></span>
</div>
<div class="c-service__content">
<h3 class="c-service__title">开业指导</h3>
<div class="c-service__summary">
提供开业前的系统培训，帮助成员企业解决人才问题</div>
</div>
</div>
</a>
</div>
<div
class="c-service__wrapper column is-12-desktop is-12-tablet is-12-mobile">
<a href="file:///Users/ms/Documents/index/index.html"
target="_blank">
<div class="c-service c-service--media">
<div class="c-service__icon">
<!-- <i class="eci fontello-d5627bb0-safty"></i> -->
<span class="iconfont"></span>
</div>
<div class="c-service__content">
<h3 class="c-service__title">安全保障</h3>
<div class="c-service__summary">
流程标准化，降低货损率；完善的理赔保障体系，贴心的小额快赔设计，为成员货物保驾护航
</div>
</div>
</div>
</a>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
<div class="elementor-element elementor-element-1c14fcf elementor-hidden-phone elementor-column elementor-col-33 elementor-top-column"
data-id="1c14fcf" data-element_type="column">
<div class="elementor-column-wrap elementor-element-populated">
<div class="elementor-widget-wrap">
<div class="elementor-element elementor-element-f5efb83 elementor-align-center elementor-widget elementor-widget-button"
data-id="f5efb83" data-element_type="widget"
data-widget_type="button.default">
<div class="elementor-widget-container">
<div class="elementor-button-wrapper">
<a href="https://www.zrtl.com/guan-yu-wo-men/zhao-shang-jia-meng/#/"
target="_blank" rel="nofollow"
class="elementor-button-link elementor-button elementor-size-lg"
role="button">
<span class="elementor-button-content-wrapper">
<span
class="elementor-button-icon elementor-align-icon-right">
<i aria-hidden="true"
class="fas fa-angle-double-right"></i>
</span>
<span class="elementor-button-text">立即合作</span>
</span>
</a>
</div>
</div>
</div>
<div class="elementor-element elementor-element-4593a47 elementor-widget elementor-widget-image"
data-id="4593a47" data-element_type="widget"
data-widget_type="image.default">
<div class="elementor-widget-container">
<div class="elementor-image">
<img src="./statics_files/he-zuo-jia-meng.png" title="" alt="">
</div>
</div>
</div>
</div>
</div>
</div>
<div class="elementor-element elementor-element-ffc52a6 elementor-column elementor-col-33 elementor-top-column"
data-id="ffc52a6" data-element_type="column">
<div class="elementor-column-wrap elementor-element-populated">
<div class="elementor-widget-wrap">
<div class="elementor-element elementor-element-de84b74 c-icons-right c-service-media c-service-plain elementor-widget elementor-widget-wprs-services"
data-id="de84b74" data-element_type="widget"
data-widget_type="wprs-services.default">
<div class="elementor-widget-container">
<div
class="c-services has-text-right columns is-mobile is-multiline columns is-mobile is-multiline is-variable is-3">
<div
class="c-service__wrapper column is-12-desktop is-12-tablet is-12-mobile">
<a href="file:///Users/ms/Documents/index/index.html"
target="_blank">
<div class="c-service c-service--media">
<div class="c-service__icon">
<!-- <i class="eci fontello-d5627bb0-network"></i> -->
<span class="iconfont"></span>
</div>
<div class="c-service__content">
<h3 class="c-service__title">网络覆盖</h3>
<div class="c-service__summary">
广阔的网络覆盖率，实现集约、落货分流及配送一体化</div>
</div>
</div>
</a>
</div>
<div
class="c-service__wrapper column is-12-desktop is-12-tablet is-12-mobile">
<a href="file:///Users/ms/Documents/index/index.html"
target="_blank">
<div class="c-service c-service--media">
<div class="c-service__icon">
<!-- <i class="eci fontello-d5627bb0-chengben"></i> -->
<span class="iconfont"></span>
</div>
<div class="c-service__content">
<h3 class="c-service__title">降本增效</h3>
<div class="c-service__summary">
金融、保险、汽车租赁、加油站、车辆维修等丰富的配套服务，平台通过集采效应，为成员企业降本增效
</div>
</div>
</div>
</a>
</div>
<div
class="c-service__wrapper column is-12-desktop is-12-tablet is-12-mobile">
<a href="file:///Users/ms/Documents/index/index.html"
target="_blank">
<div class="c-service c-service--media">
<div class="c-service__icon">
<!-- <i class="eci fontello-d5627bb0-system"></i> -->
<span class="iconfont"></span>
</div>
<div class="c-service__content">
<h3 class="c-service__title">定制系统</h3>
<div class="c-service__summary">支持线上交易，
运输在线管理、
在线支付结算、
多方评价体系等</div>
</div>
</div>
</a>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</section>
<section
class="elementor-element elementor-element-cf37ad5 elementor-section-boxed elementor-section-height-default elementor-section-height-default elementor-section elementor-top-section"
data-id="cf37ad5" data-element_type="section"
data-settings="{"background_background":"classic"}">
<div class="elementor-container elementor-column-gap-extended">
<div class="elementor-row">
<div class="elementor-element elementor-element-f84e3e9 elementor-column elementor-col-100 elementor-top-column"
data-id="f84e3e9" data-element_type="column">
<div class="elementor-column-wrap elementor-element-populated">
<div class="elementor-widget-wrap">
<div class="elementor-element elementor-element-cf4b554 elementor-widget elementor-widget-wprs-heading"
data-id="cf4b554" data-element_type="widget"
data-widget_type="wprs-heading.default">
<div class="elementor-widget-container">
<div class="c-heading c-heading--style1 has-text-centered">
<h2 class="c-heading__title"><span>合作伙伴</span></h2>
</div>
</div>
</div>
<div class="elementor-element elementor-element-7185789 elementor-widget elementor-widget-image"
data-id="7185789" data-element_type="widget"
data-widget_type="image.default">
<div class="elementor-widget-container">
<div class="elementor-image">
<img width="1086" height="262"
src="./statics_files/he-zuo-huo-ban-2.png"
class="attachment-full size-full" alt=""
srcset="./statics_files/he-zuo-huo-ban-2.png 1086w, ./statics_files/he-zuo-huo-ban-2-300x72.png 300w, ./statics_files/he-zuo-huo-ban-2-768x185.png 768w, ./statics_files/he-zuo-huo-ban-2-1024x247.png 1024w, ./statics_files/he-zuo-huo-ban-2-60x14.png 60w"
sizes="(max-width: 1086px) 100vw, 1086px">
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</section>
</div>
</div>
</div>
<footer class="site__footer section" id="footer" style="display: block;">
<div class="site__info">
<div class="container">
<div class="columns is-multiline is-mobile">
<aside class="column is-12">
<div id="text-11" class="c-area--footer c-widget--text">
<div class="widget-content">
<div class="textwidget">
<p> </p>
<p><img class="size-full wp-image-1840 alignright"
src="./statics_files/ye-jiao-gong-zhong-hao-1.png" alt="" width="186"
height="211"></p>
<p>服务热线：18989453022</p>
<p> </p>
<p>企业地址：杭州市滨江区长河路475号华城和瑞科技园T3-501</p>
<p> </p>
<p>技术支持：杭州浙运科技有限公司</p>
<p> </p>
</div>
</div>
</div>
</aside>
</div>
</div>
</div>
</footer>
<div class="site__copyright" style="display: block;">
<div class="container">
<div class="level">
<div class="level-left has-text-centered-mobile">
copyright © 2024 <a class="is-ml-sm" href="https://www.zrtl.com/">嘉上嘉</a>
<a class="is-ml-sm" rel="nofollow noopener" target="_blank" href="https://beian.miit.gov.cn/">
津ICP备19009950号-2 </a>
</div>
<div class="level-right is-hidden-mobile">
<div id="main-nav" class="navbar-menu"><a class="navbar-item"
href="https://www.zrtl.com/">首页</a><a class="navbar-item"
href="https://www.zrtl.com/wp-admin/nav-menus.php">设置菜单</a></div>
</div>
</div>
</div>
</div>
</div>
<div id="sdk_lib"></div>
<script id="rs_qr_code" url="./statics_files/wx-gzh.png" text="扫码关注微信公众号"></script>
<script id="env_script" name="https://yundan.zrtl.com" src="./statics_files/app.js"></script>
<div style="display: none;">
<div class="popover-arrow"></div>
<div class="popover-content"></div>
</div>
<div style="display: none;">
<div class="tooltip-arrow"></div>
<div class="tooltip-inner"></div>
</div>
<script>initWPPageHook(88888)</script>
<script type="text/javascript">
var c = document.body.className;
c = c.replace(/everest-forms-no-js/, 'everest-forms-js');
document.body.className = c;
</script>
<link rel="stylesheet" id="elementor-post-32-css" href="./statics_files/post-32.css" type="text/css" media="all">
<link rel="stylesheet" id="elementor-post-34-css" href="./statics_files/post-34.css" type="text/css" media="all">
<script type="text/javascript">
/* <![CDATA[ */
var wprsapp = { "ajax_url": "https:\/\/www.zrtl.com\/wp-admin\/admin-ajax.php" };
/* ]]> */
</script>
<script type="text/javascript" src="./statics_files/main.js"></script>
<script type="text/javascript" src="./statics_files/slick.js"></script>
<script type="text/javascript" src="./statics_files/elementor.js"></script>
<script type="text/javascript" src="./statics_files/wp-embed.min.js"></script>
<script type="text/javascript" src="./statics_files/imagesloaded.min.js"></script>
<script type="text/javascript" src="./statics_files/jquery-numerator.min.js"></script>
<script type="text/javascript" src="./statics_files/frontend-modules.min.js"></script>
<script type="text/javascript" src="./statics_files/jquery.sticky.min.js"></script>
<script type="text/javascript">
var ElementorProFrontendConfig = { "ajaxurl": "https:\/\/www.zrtl.com\/wp-admin\/admin-ajax.php", "nonce": "aa496452e4", "shareButtonsNetworks": { "facebook": { "title": "Facebook", "has_counter": true }, "twitter": { "title": "Twitter" }, "google": { "title": "Google+", "has_counter": true }, "linkedin": { "title": "LinkedIn", "has_counter": true }, "pinterest": { "title": "Pinterest", "has_counter": true }, "reddit": { "title": "Reddit", "has_counter": true }, "vk": { "title": "VK", "has_counter": true }, "odnoklassniki": { "title": "OK", "has_counter": true }, "tumblr": { "title": "Tumblr" }, "delicious": { "title": "Delicious" }, "digg": { "title": "Digg" }, "skype": { "title": "Skype" }, "stumbleupon": { "title": "StumbleUpon", "has_counter": true }, "telegram": { "title": "Telegram" }, "pocket": { "title": "Pocket", "has_counter": true }, "xing": { "title": "XING", "has_counter": true }, "whatsapp": { "title": "WhatsApp" }, "email": { "title": "Email" }, "print": { "title": "Print" } }, "facebook_sdk": { "lang": "zh_CN", "app_id": "" } };
</script>
<script type="text/javascript" src="./statics_files/frontend.min.js"></script>
<script type="text/javascript" src="./statics_files/position.min.js"></script>
<script type="text/javascript" src="./statics_files/dialog.min.js"></script>
<script type="text/javascript" src="./statics_files/waypoints.min.js"></script>
<script type="text/javascript" src="./statics_files/swiper.min.js"></script>
<script type="text/javascript" src="./statics_files/share-link.min.js"></script>
<script type="text/javascript">
var elementorFrontendConfig = { "environmentMode": { "edit": false, "wpPreview": false }, "i18n": { "shareOnFacebook": "Share on Facebook", "shareOnTwitter": "Share on Twitter", "pinIt": "Pin it", "downloadImage": "Download image" }, "is_rtl": false, "breakpoints": { "xs": 0, "sm": 480, "md": 768, "lg": 1025, "xl": 1440, "xxl": 1600 }, "version": "2.9.7", "urls": { "assets": "https:\/\/www.zrtl.com\/wp-content\/plugins\/elementor\/assets\/" }, "settings": { "page": [], "general": { "elementor_global_image_lightbox": "yes", "elementor_lightbox_enable_counter": "yes", "elementor_lightbox_enable_fullscreen": "yes", "elementor_lightbox_enable_zoom": "yes", "elementor_lightbox_enable_share": "yes", "elementor_lightbox_title_src": "title", "elementor_lightbox_description_src": "description" }, "editorPreferences": [] }, "post": { "id": 195, "title": "%E5%98%89%E4%B8%8A%E5%98%89", "excerpt": "", "featuredImage": false } };
</script>
<script type="text/javascript" src="./statics_files/frontend(2).min.js"></script><span id="elementor-device-mode"
class="elementor-screen-only"></span>
<!-- 关注微信 回到顶部-->
<div id="rs-sidebar" class="rs-sidebar">
<div id="js-weixin" class="sblock sblock1">
<span class="iconfont"></span>
<span>关注微信</span>
</div>
<div class="sblock js-back-to-top" data-speed="500">
<span class="iconfont"></span>
<span>回到顶部</span>
</div>
<div id="rs-weixin" class="rs-wexin"><img src="./statics_files/wx-gzh.png" alt="扫码关注微信公众号">
<div class="qr_code_text">扫码关注微信公众号</div>
</div>
</div>
<script>
jQuery(document).ready(function ($) {
$(window).on('affix.bs.affix', function () {
$('.home .site__navbar').removeClass('navbar--dark').addClass('navbar--light');
});
$(window).on('affixed-top.bs.affix', function () {
$('.home .site__navbar').removeClass('navbar--light').addClass('navbar--dark');
});
$('#js-weixin').mouseenter(function () {
$('#rs-weixin').show();
}).mouseleave(function () {
$('#rs-weixin').hide();
});
$('.js-back-to-top').click(function () {
$("html, body").animate({ scrollTop: 0 }, "slow");
return false;
});
});
</script>
</body>
</html>
Whois info of domain
Domain Name: ZRTL.COM
Registry Domain ID: 1213165245_DOMAIN_COM-VRSN
Registrar WHOIS Server: grs-whois.hichina.com
Registrar URL: http://www.net.cn
Updated Date: 2024-08-02T03:19:57Z
Creation Date: 2007-09-13T02:25:02Z
Registry Expiry Date: 2029-09-13T02:25:02Z
Registrar: Alibaba Cloud Computing (Beijing) Co., Ltd.
Registrar IANA ID: 420
Registrar Abuse Contact Email: [email protected]
Registrar Abuse Contact Phone: +86.95187
Domain Status: ok https://icann.org/epp#ok
Name Server: DNS25.HICHINA.COM
Name Server: DNS26.HICHINA.COM
DNSSEC: unsigned
URL of the ICANN Whois Inaccuracy Complaint Form: https://www.icann.org/wicf/
>>> Last update of whois database: 2025-05-15T13:39:58Z <<<
For more information on Whois status codes, please visit https://icann.org/epp
NOTICE: The expiration date displayed in this record is the date the
TERMS OF USE: You are not authorized to access or query our Whois
by the following terms of use: You agree that you may use this Data only
to: (1) allow, enable, or otherwise support the transmission of mass