@charset "UTF-8";
button { -webkit-border-radius: 5px; border-radius: 5px; }

.text-truncate { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }

.text-truncate-2 { text-overflow: -o-ellipsis-lastline; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 2; line-clamp: 2; -webkit-box-orient: vertical; }

.text-truncate-3 { -webkit-line-clamp: 3; line-clamp: 3; }

/* 公共字体自定义 */
.f_12 { font-size: 12px; }

.f_16 { font-size: 16px; }

.f_18 { font-size: 18px; }

.f_20 { font-size: 20px; }

.f_22 { font-size: 22px; }

.f_24 { font-size: 24px; }

.f_26 { font-size: 26px; }

.f_28 { font-size: 28px; }

.f_30 { font-size: 30px; }

.f_32 { font-size: 32px; }

.f_34 { font-size: 34px; }

.f_36 { font-size: 36px; }

.f_38 { font-size: 38px; }

.f_40 { font-size: 40px; }

.f_48 { font-size: 48px; }

@media (max-width: 1440px) { .f_12 { font-size: 12px; }
  .f_16 { font-size: 14px; }
  .f_18 { font-size: 16px; }
  .f_20 { font-size: 18px; }
  .f_22 { font-size: 20px; }
  .f_24 { font-size: 22px; }
  .f_26 { font-size: 24px; }
  .f_28 { font-size: 26px; }
  .f_30 { font-size: 28px; }
  .f_32 { font-size: 30px; }
  .f_34 { font-size: 30px; }
  .f_36 { font-size: 30px; }
  .f_38 { font-size: 30px; }
  .f_40 { font-size: 32px; }
  .f_48 { font-size: 34px; } }

@media (max-width: 960px) { .f_12 { font-size: 12px; }
  .f_16 { font-size: 14px; }
  .f_18 { font-size: 16px; }
  .f_20 { font-size: 18px; }
  .f_22 { font-size: 18px; }
  .f_24 { font-size: 18px; }
  .f_26 { font-size: 20px; }
  .f_28 { font-size: 24px; }
  .f_30 { font-size: 24px; }
  .f_32 { font-size: 24px; }
  .f_34 { font-size: 24px; }
  .f_36 { font-size: 24px; }
  .f_38 { font-size: 26px; }
  .f_40 { font-size: 26px; }
  .f_48 { font-size: 26px; }
  .f_48 { font-size: 26px; } }

/*:root{--red:#ED4014;--yellow:#F37B1D;--blue:#ea0012;--green:#19BE6B;--info:#2DB7F5;}*/
* { font-family: Helvetica, Pingfang SC, Microsoft YaHei, STHeiti, Verdana, Arial, Tahoma, sans-serif; }

*, ::after, ::before { -webkit-box-sizing: border-box; box-sizing: border-box; }

html { font-family: sans-serif; }

article, aside, figcaption, figure, footer, header, hgroup, main, nav, section { display: block; }

[tabindex="-1"]:focus { outline: 0; }

hr { -webkit-box-sizing: content-box; box-sizing: content-box; height: 0; overflow: visible; }

h1, h2, h3, h4, h5, h6 { margin-top: 0; margin-bottom: 5px; }

p { margin: 0; }

abbr[data-original-title], abbr[title] { text-decoration: underline; -webkit-text-decoration: underline dotted; text-decoration: underline dotted; cursor: help; border-bottom: 0; -webkit-text-decoration-skip-ink: none; text-decoration-skip-ink: none; }

address { margin-bottom: 10px; font-style: normal; line-height: inherit; }

dl, ol, ul { margin: 0; padding: 0; }

ol ol, ol ul, ul ol, ul ul { margin: 0; padding: 0; }

dt { font-weight: 700; }

dd { margin-bottom: 10px; margin-left: 0; }

blockquote { margin: 0 0 10px; }

b, strong { font-weight: bold; }

small { font-size: 80%; }

sub, sup { position: relative; font-size: 75%; line-height: 0; vertical-align: baseline; }

sub { bottom: -5px; }

sup { top: -10px; }

em { font-style: normal; }

a { color: #333; text-decoration: none; outline: none; }

a:hover { color: #f30; }

a:not([href]):not([tabindex]) { /*color:inherit;*/ text-decoration: none; }

a:not([href]):not([tabindex]):focus, a:not([href]):not([tabindex]):hover { /*color:inherit;*/ text-decoration: none; }

a:not([href]):not([tabindex]):focus { outline: 0; }

pre { margin-top: 0; margin-bottom: 10px; overflow: auto; }

figure { margin: 0 0 10px; }

img { vertical-align: middle; border-style: none; border: none; outline: none; }

table { border-collapse: collapse; }

caption { padding: 15px auto; color: #6c757d; text-align: left; caption-side: bottom; }

th { text-align: inherit; }

label { display: inline-block; }

button { border-radius: 0; }

button, input, optgroup, select, textarea { border: none; outline: none; margin: 0; font-family: inherit; font-size: inherit; line-height: inherit; }

button, input { overflow: visible; }

button, select { text-transform: none; }

input, button, select, textarea { outline: none; }

textarea { resize: none; }

select { word-wrap: normal; }

[type=button], [type=reset], [type=submit], button { -webkit-appearance: button; }

[type=button]:not(:disabled), [type=reset]:not(:disabled), [type=submit]:not(:disabled), button:not(:disabled) { cursor: pointer; }

[type=button]::-moz-focus-inner, [type=reset]::-moz-focus-inner, [type=submit]::-moz-focus-inner, button::-moz-focus-inner { padding: 0; border-style: none; }

input[type=checkbox], input[type=radio] { -webkit-box-sizing: border-box; box-sizing: border-box; padding: 0; }

textarea { overflow: auto; resize: vertical; }

progress { vertical-align: baseline; }

form { margin: 0; padding: 0; }

fieldset { margin: 15px 0; border: 1px solid #eaeaea; padding: 0 2rem 2rem 2rem; border-radius: 4px; font-size: 15px; line-height: 30px; color: #333; }

legend { border: 0; font-size: 1.6rem; width: auto; margin: 10px; padding: 5px; color: #f30; }

hr { display: block; padding: 0; border: 0; height: 0; border-top: 1px solid #ddd; }

video { outline: 0; }

.notsupport { position: fixed; top: 0; bottom: 0; z-index: 99999; width: 100%; height: 100%; text-align: center; clear: both; color: #fff; background: #0072C6; }

.notsupport h1 { font-size: 100px; margin-top: 200px; margin-bottom: 30px; }

.notsupport h2 { font-size: 30px; margin-bottom: 30px; }

@font-face { font-family: "iconfont"; src: url("../fonts/iconfont.eot?t=1552896629776"); src: url("../fonts/iconfont.eot?t=1552896629776#iefix") format("embedded-opentype"), url("../fonts/iconfont.woff?t=1552896629776") format("woff"), url("../fonts/iconfont.ttf?t=1552896629776") format("truetype"); }

[class*=ui-icon-] { font-family: "iconfont"; font-size: 2rem; font-style: normal; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; vertical-align: middle; }

.ui-icon-cart:before { content: "\e6af"; }

.ui-icon-rmb:before { content: "\e836"; }

.ui-icon-weixin:before { content: "\e697"; }

.ui-icon-qq:before { content: "\e601"; }

.ui-icon-top:before { content: "\e61e"; }

.ui-icon-list:before { content: "\e64b"; }

.ui-icon-hao:before { content: "\e62c"; }

.ui-icon-qi:before { content: "\e633"; }

.ui-icon-sheng:before { content: "\e635"; }

.ui-icon-kuai:before { content: "\e63e"; }

.ui-icon-man:before { content: "\e63f"; }

.ui-icon-mian:before { content: "\e640"; }

.ui-icon-pei:before { content: "\e642"; }

.ui-icon-you:before { content: "\e648"; }

.ui-icon-zheng:before { content: "\e64a"; }

.ui-icon-more:before { content: "\e628"; }

.ui-icon-alipay:before { content: "\e67b"; }

.ui-icon-weibo:before { content: "\e608"; }

.ui-icon-tel:before { content: "\e6e8"; }

.ui-icon-check-circle:before { content: "\e77d"; }

.ui-icon-Dollar:before { content: "\e77f"; }

.ui-icon-compass:before { content: "\e780"; }

.ui-icon-close-circle:before { content: "\e781"; }

.ui-icon-frown:before { content: "\e782"; }

.ui-icon-info-circle:before { content: "\e783"; }

.ui-icon-left-circle:before { content: "\e784"; }

.ui-icon-down-circle:before { content: "\e785"; }

.ui-icon-copyright:before { content: "\e786"; }

.ui-icon-minus-circle:before { content: "\e787"; }

.ui-icon-meh:before { content: "\e788"; }

.ui-icon-plus-circle:before { content: "\e789"; }

.ui-icon-play-circle:before { content: "\e78a"; }

.ui-icon-question-circle:before { content: "\e78b"; }

.ui-icon-right-circle:before { content: "\e78c"; }

.ui-icon-smile:before { content: "\e78d"; }

.ui-icon-trademark:before { content: "\e78e"; }

.ui-icon-time-circle:before { content: "\e78f"; }

.ui-icon-timeout:before { content: "\e790"; }

.ui-icon-YUAN:before { content: "\e792"; }

.ui-icon-up-circle:before { content: "\e793"; }

.ui-icon-warning-circle:before { content: "\e794"; }

.ui-icon-sync:before { content: "\e795"; }

.ui-icon-transaction:before { content: "\e796"; }

.ui-icon-undo:before { content: "\e797"; }

.ui-icon-redo:before { content: "\e798"; }

.ui-icon-reload:before { content: "\e799"; }

.ui-icon-reloadtime:before { content: "\e79a"; }

.ui-icon-message:before { content: "\e79b"; }

.ui-icon-issuesclose:before { content: "\e79d"; }

.ui-icon-poweroff:before { content: "\e79e"; }

.ui-icon-logout:before { content: "\e79f"; }

.ui-icon-piechart:before { content: "\e7a0"; }

.ui-icon-setting:before { content: "\e7a1"; }

.ui-icon-eye:before { content: "\e7a2"; }

.ui-icon-location:before { content: "\e7a3"; }

.ui-icon-export:before { content: "\e7a5"; }

.ui-icon-save:before { content: "\e7a6"; }

.ui-icon-Import:before { content: "\e7a7"; }

.ui-icon-appstore:before { content: "\e7a8"; }

.ui-icon-adduser:before { content: "\e7ae"; }

.ui-icon-deleteteam:before { content: "\e7af"; }

.ui-icon-deleteuser:before { content: "\e7b0"; }

.ui-icon-addteam:before { content: "\e7b1"; }

.ui-icon-user:before { content: "\e7b2"; }

.ui-icon-team:before { content: "\e7b3"; }

.ui-icon-areachart:before { content: "\e7b4"; }

.ui-icon-linechart:before { content: "\e7b5"; }

.ui-icon-barchart:before { content: "\e7b6"; }

.ui-icon-pointmap:before { content: "\e7b7"; }

.ui-icon-container:before { content: "\e7b8"; }

.ui-icon-database:before { content: "\e7b9"; }

.ui-icon-sever:before { content: "\e7ba"; }

.ui-icon-mobile:before { content: "\e7bb"; }

.ui-icon-tablet:before { content: "\e7bc"; }

.ui-icon-redenvelope:before { content: "\e7bd"; }

.ui-icon-book:before { content: "\e7be"; }

.ui-icon-filedone:before { content: "\e7bf"; }

.ui-icon-reconciliation:before { content: "\e7c0"; }

.ui-icon-file-exception:before { content: "\e7c1"; }

.ui-icon-filesync:before { content: "\e7c2"; }

.ui-icon-filesearch:before { content: "\e7c3"; }

.ui-icon-solution:before { content: "\e7c4"; }

.ui-icon-fileprotect:before { content: "\e7c5"; }

.ui-icon-file-add:before { content: "\e7c6"; }

.ui-icon-file-excel:before { content: "\e7c7"; }

.ui-icon-file-exclamation:before { content: "\e7c8"; }

.ui-icon-file-pdf:before { content: "\e7c9"; }

.ui-icon-file-image:before { content: "\e7ca"; }

.ui-icon-file-markdown:before { content: "\e7cb"; }

.ui-icon-file-unknown:before { content: "\e7cc"; }

.ui-icon-file-ppt:before { content: "\e7cd"; }

.ui-icon-file-word:before { content: "\e7ce"; }

.ui-icon-file:before { content: "\e7cf"; }

.ui-icon-file-zip:before { content: "\e7d0"; }

.ui-icon-file-text:before { content: "\e7d1"; }

.ui-icon-file-copy:before { content: "\e7d2"; }

.ui-icon-snippets:before { content: "\e7d3"; }

.ui-icon-audit:before { content: "\e7d4"; }

.ui-icon-diff:before { content: "\e7d5"; }

.ui-icon-Batchfolding:before { content: "\e7d6"; }

.ui-icon-securityscan:before { content: "\e7d7"; }

.ui-icon-propertysafety:before { content: "\e7d8"; }

.ui-icon-safetycertificate:before { content: "\e7d9"; }

.ui-icon-alert:before { content: "\e7db"; }

.ui-icon-delete:before { content: "\e7dc"; }

.ui-icon-bulb:before { content: "\e7de"; }

.ui-icon-bell:before { content: "\e7e0"; }

.ui-icon-trophy:before { content: "\e7e1"; }

.ui-icon-rest:before { content: "\e7e2"; }

.ui-icon-USB:before { content: "\e7e3"; }

.ui-icon-skin:before { content: "\e7e4"; }

.ui-icon-home:before { content: "\e7e5"; }

.ui-icon-bank:before { content: "\e7e6"; }

.ui-icon-filter:before { content: "\e7e7"; }

.ui-icon-funnelplot:before { content: "\e7e8"; }

.ui-icon-like:before { content: "\e7e9"; }

.ui-icon-unlike:before { content: "\e7ea"; }

.ui-icon-unlock:before { content: "\e7eb"; }

.ui-icon-lock:before { content: "\e7ec"; }

.ui-icon-customerservice:before { content: "\e7ed"; }

.ui-icon-flag:before { content: "\e7ee"; }

.ui-icon-moneycollect:before { content: "\e7ef"; }

.ui-icon-medicinebox:before { content: "\e7f0"; }

.ui-icon-shop:before { content: "\e7f1"; }

.ui-icon-rocket:before { content: "\e7f2"; }

.ui-icon-shopping:before { content: "\e7f3"; }

.ui-icon-folder:before { content: "\e7f4"; }

.ui-icon-folder-open:before { content: "\e7f5"; }

.ui-icon-folder-add:before { content: "\e7f6"; }

.ui-icon-deploymentunit:before { content: "\e7f7"; }

.ui-icon-accountbook:before { content: "\e7f8"; }

.ui-icon-contacts:before { content: "\e7f9"; }

.ui-icon-carryout:before { content: "\e7fa"; }

.ui-icon-calendar-check:before { content: "\e7fb"; }

.ui-icon-calendar:before { content: "\e7fc"; }

.ui-icon-scan:before { content: "\e7fd"; }

.ui-icon-select:before { content: "\e7fe"; }

.ui-icon-laptop:before { content: "\e7ff"; }

.ui-icon-barcode:before { content: "\e800"; }

.ui-icon-camera:before { content: "\e801"; }

.ui-icon-cluster:before { content: "\e802"; }

.ui-icon-car:before { content: "\e803"; }

.ui-icon-printer:before { content: "\e804"; }

.ui-icon-read:before { content: "\e805"; }

.ui-icon-cloud-server:before { content: "\e806"; }

.ui-icon-cloud-upload:before { content: "\e807"; }

.ui-icon-cloud:before { content: "\e808"; }

.ui-icon-cloud-download:before { content: "\e809"; }

.ui-icon-cloud-sync:before { content: "\e80a"; }

.ui-icon-video:before { content: "\e80b"; }

.ui-icon-notification:before { content: "\e80c"; }

.ui-icon-sound:before { content: "\e80d"; }

.ui-icon-qrcode:before { content: "\e80f"; }

.ui-icon-fund:before { content: "\e810"; }

.ui-icon-image:before { content: "\e811"; }

.ui-icon-mail:before { content: "\e812"; }

.ui-icon-table:before { content: "\e813"; }

.ui-icon-idcard:before { content: "\e814"; }

.ui-icon-creditcard:before { content: "\e815"; }

.ui-icon-heart:before { content: "\e816"; }

.ui-icon-heart-fill:before { content: "\e849"; }

.ui-icon-block:before { content: "\e817"; }

.ui-icon-error:before { content: "\e818"; }

.ui-icon-star:before { content: "\e819"; }

.ui-icon-gold:before { content: "\e81a"; }

.ui-icon-wifi:before { content: "\e81b"; }

.ui-icon-attachment:before { content: "\e81c"; }

.ui-icon-edit:before { content: "\e791"; }

.ui-icon-key:before { content: "\e81e"; }

.ui-icon-api:before { content: "\e81f"; }

.ui-icon-disconnect:before { content: "\e820"; }

.ui-icon-link:before { content: "\e822"; }

.ui-icon-pushpin:before { content: "\e824"; }

.ui-icon-shake:before { content: "\e826"; }

.ui-icon-tag:before { content: "\e827"; }

.ui-icon-tags:before { content: "\e829"; }

.ui-icon-right:before { content: "\e82a"; }

.ui-icon-left:before { content: "\e82b"; }

.ui-icon-up:before { content: "\e82c"; }

.ui-icon-down:before { content: "\e82d"; }

.ui-icon-fullscreen:before { content: "\e82e"; }

.ui-icon-fullscreen-exit:before { content: "\e82f"; }

.ui-icon-check:before { content: "\e830"; }

.ui-icon-close:before { content: "\e831"; }

.ui-icon-line:before { content: "\e832"; }

.ui-icon-question:before { content: "\e833"; }

.ui-icon-rollback:before { content: "\e834"; }

.ui-icon-pause:before { content: "\e835"; }

.ui-icon-crown:before { content: "\e842"; }

.ui-icon-drag:before { content: "\e843"; }

.ui-icon-desktop:before { content: "\e844"; }

.ui-icon-gift:before { content: "\e845"; }

.ui-icon-stop:before { content: "\e846"; }

.ui-icon-fire:before { content: "\e847"; }

.ui-icon-thunderbolt:before { content: "\e848"; }

.ui-icon-star-fill:before { content: "\e86a"; }

.ui-icon-android:before { content: "\e887"; }

.ui-icon-sketch:before { content: "\e888"; }

.ui-icon-windows:before { content: "\e889"; }

.ui-icon-zoomout:before { content: "\e897"; }

.ui-icon-apartment:before { content: "\e898"; }

.ui-icon-audio:before { content: "\e899"; }

.ui-icon-robot:before { content: "\e89b"; }

.ui-icon-zoomin:before { content: "\e89c"; }

.ui-icon-bug:before { content: "\e8ea"; }

.ui-icon-comment:before { content: "\e8eb"; }

.ui-icon-videocameraadd:before { content: "\e8ee"; }

.ui-icon-switchuser:before { content: "\e8ef"; }

.ui-icon-whatsapp:before { content: "\e8f0"; }

.ui-icon-search:before { content: "\e8f1"; }

.ui-icon-retweet:before { content: "\e8f2"; }

.ui-icon-login:before { content: "\e8f3"; }

.ui-icon-coupons:before { content: "\e6ed"; }

.ui-icon-plus:before { content: "\e8fe"; }

.ui-icon-doubleleft:before { content: "\e80e"; }

.ui-icon-doubleright:before { content: "\e821"; }

.ui-icon-pay:before { content: "\e656"; }

.ui-icon-refund:before { content: "\e631"; }

.ui-icon-return:before { content: "\e6cf"; }

.ui-icon-shipped:before { content: "\e708"; }

.ui-icon-post:before { content: "\e62f"; }

.ui-icon-receive:before { content: "\e62d"; }

.ui-icon-evaluate:before { content: "\e61f"; }

.ui-icon-tuan:before { content: "\e618"; }

.ui-icon-limit:before { content: "\e6f8"; }

.ui-icon-brand:before { content: "\e671"; }

.ui-icon-coupon:before { content: "\e625"; }

.ui-icon-share:before { content: "\e617"; }

.ui-icon-long-arrow-right:before { content: "\e7da"; }

.ui-icon-external:before { content: "\e622"; }

.ui-icon-square:before { content: "\e839"; }

.ui-icon-cube:before { content: "\e6b8"; }

.ui-icon-box:before { content: "\e769"; }

.ui-icon-html5:before { content: "\eb10"; }

.ui-icon-play:before { content: "\e64c"; }

.ui-icon-pauses:before { content: "\e613"; }

.ui-icon-pre:before { content: "\e619"; }

.ui-icon-next:before { content: "\e62e"; }

.ui-icon-voice-big:before { content: "\e683"; }

.ui-icon-voice-small:before { content: "\e684"; }

.ui-icon-lists:before { content: "\e602"; }

.ui-icon-loop:before { content: "\e600"; }

.ui-icon-random:before { content: "\e643"; }

.ui-icon-one:before { content: "\e6ac"; }

.ui-icon-stops:before { content: "\e6a3"; }

.ui-icon-service:before { content: "\e603"; }

.ui-loading { display: inline-block; vertical-align: middle; background: url("data:image/gif;base64,R0lGODlhGAAYAPQAAP///zMzM9fX1/r6+ubm5r+/v+zs7KSkpNLS0q+vr9/f37m5uczMzPT09JGRkZ6ensbGxoaGhgAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAACH/C05FVFNDQVBFMi4wAwEAAAAh/hpDcmVhdGVkIHdpdGggYWpheGxvYWQuaW5mbwAh+QQJBwAAACwAAAAAGAAYAAAFriAgjiQAQWVaDgr5POSgkoTDjFE0NoQ8iw8HQZQTDQjDn4jhSABhAAOhoTqSDg7qSUQwxEaEwwFhXHhHgzOA1xshxAnfTzotGRaHglJqkJcaVEqCgyoCBQkJBQKDDXQGDYaIioyOgYSXA36XIgYMBWRzXZoKBQUMmil0lgalLSIClgBpO0g+s26nUWddXyoEDIsACq5SsTMMDIECwUdJPw0Mzsu0qHYkw72bBmozIQAh+QQJBwAAACwAAAAAGAAYAAAFsCAgjiTAMGVaDgR5HKQwqKNxIKPjjFCk0KNXC6ATKSI7oAhxWIhezwhENTCQEoeGCdWIPEgzESGxEIgGBWstEW4QCGGAIJEoxGmGt5ZkgCRQQHkGd2CESoeIIwoMBQUMP4cNeQQGDYuNj4iSb5WJnmeGng0CDGaBlIQEJziHk3sABidDAHBgagButSKvAAoyuHuUYHgCkAZqebw0AgLBQyyzNKO3byNuoSS8x8OfwIchACH5BAkHAAAALAAAAAAYABgAAAW4ICCOJIAgZVoOBJkkpDKoo5EI43GMjNPSokXCINKJCI4HcCRIQEQvqIOhGhBHhUTDhGo4diOZyFAoKEQDxra2mAEgjghOpCgz3LTBIxJ5kgwMBShACREHZ1V4Kg1rS44pBAgMDAg/Sw0GBAQGDZGTlY+YmpyPpSQDiqYiDQoCliqZBqkGAgKIS5kEjQ21VwCyp76dBHiNvz+MR74AqSOdVwbQuo+abppo10ssjdkAnc0rf8vgl8YqIQAh+QQJBwAAACwAAAAAGAAYAAAFrCAgjiQgCGVaDgZZFCQxqKNRKGOSjMjR0qLXTyciHA7AkaLACMIAiwOC1iAxCrMToHHYjWQiA4NBEA0Q1RpWxHg4cMXxNDk4OBxNUkPAQAEXDgllKgMzQA1pSYopBgonCj9JEA8REQ8QjY+RQJOVl4ugoYssBJuMpYYjDQSliwasiQOwNakALKqsqbWvIohFm7V6rQAGP6+JQLlFg7KDQLKJrLjBKbvAor3IKiEAIfkECQcAAAAsAAAAABgAGAAABbUgII4koChlmhokw5DEoI4NQ4xFMQoJO4uuhignMiQWvxGBIQC+AJBEUyUcIRiyE6CR0CllW4HABxBURTUw4nC4FcWo5CDBRpQaCoF7VjgsyCUDYDMNZ0mHdwYEBAaGMwwHDg4HDA2KjI4qkJKUiJ6faJkiA4qAKQkRB3E0i6YpAw8RERAjA4tnBoMApCMQDhFTuySKoSKMJAq6rD4GzASiJYtgi6PUcs9Kew0xh7rNJMqIhYchACH5BAkHAAAALAAAAAAYABgAAAW0ICCOJEAQZZo2JIKQxqCOjWCMDDMqxT2LAgELkBMZCoXfyCBQiFwiRsGpku0EshNgUNAtrYPT0GQVNRBWwSKBMp98P24iISgNDAS4ipGA6JUpA2WAhDR4eWM/CAkHBwkIDYcGiTOLjY+FmZkNlCN3eUoLDmwlDW+AAwcODl5bYl8wCVYMDw5UWzBtnAANEQ8kBIM0oAAGPgcREIQnVloAChEOqARjzgAQEbczg8YkWJq8nSUhACH5BAkHAAAALAAAAAAYABgAAAWtICCOJGAYZZoOpKKQqDoORDMKwkgwtiwSBBYAJ2owGL5RgxBziQQMgkwoMkhNqAEDARPSaiMDFdDIiRSFQowMXE8Z6RdpYHWnEAWGPVkajPmARVZMPUkCBQkJBQINgwaFPoeJi4GVlQ2Qc3VJBQcLV0ptfAMJBwdcIl+FYjALQgimoGNWIhAQZA4HXSpLMQ8PIgkOSHxAQhERPw7ASTSFyCMMDqBTJL8tf3y2fCEAIfkECQcAAAAsAAAAABgAGAAABa8gII4k0DRlmg6kYZCoOg5EDBDEaAi2jLO3nEkgkMEIL4BLpBAkVy3hCTAQKGAznM0AFNFGBAbj2cA9jQixcGZAGgECBu/9HnTp+FGjjezJFAwFBQwKe2Z+KoCChHmNjVMqA21nKQwJEJRlbnUFCQlFXlpeCWcGBUACCwlrdw8RKGImBwktdyMQEQciB7oACwcIeA4RVwAODiIGvHQKERAjxyMIB5QlVSTLYLZ0sW8hACH5BAkHAAAALAAAAAAYABgAAAW0ICCOJNA0ZZoOpGGQrDoOBCoSxNgQsQzgMZyIlvOJdi+AS2SoyXrK4umWPM5wNiV0UDUIBNkdoepTfMkA7thIECiyRtUAGq8fm2O4jIBgMBA1eAZ6Knx+gHaJR4QwdCMKBxEJRggFDGgQEREPjjAMBQUKIwIRDhBDC2QNDDEKoEkDoiMHDigICGkJBS2dDA6TAAnAEAkCdQ8ORQcHTAkLcQQODLPMIgIJaCWxJMIkPIoAt3EhACH5BAkHAAAALAAAAAAYABgAAAWtICCOJNA0ZZoOpGGQrDoOBCoSxNgQsQzgMZyIlvOJdi+AS2SoyXrK4umWHM5wNiV0UN3xdLiqr+mENcWpM9TIbrsBkEck8oC0DQqBQGGIz+t3eXtob0ZTPgNrIwQJDgtGAgwCWSIMDg4HiiUIDAxFAAoODwxDBWINCEGdSTQkCQcoegADBaQ6MggHjwAFBZUFCm0HB0kJCUy9bAYHCCPGIwqmRq0jySMGmj6yRiEAIfkECQcAAAAsAAAAABgAGAAABbIgII4k0DRlmg6kYZCsOg4EKhLE2BCxDOAxnIiW84l2L4BLZKipBopW8XRLDkeCiAMyMvQAA+uON4JEIo+vqukkKQ6RhLHplVGN+LyKcXA4Dgx5DWwGDXx+gIKENnqNdzIDaiMECwcFRgQCCowiCAcHCZIlCgICVgSfCEMMnA0CXaU2YSQFoQAKUQMMqjoyAglcAAyBAAIMRUYLCUkFlybDeAYJryLNk6xGNCTQXY0juHghACH5BAkHAAAALAAAAAAYABgAAAWzICCOJNA0ZVoOAmkY5KCSSgSNBDE2hDyLjohClBMNij8RJHIQvZwEVOpIekRQJyJs5AMoHA+GMbE1lnm9EcPhOHRnhpwUl3AsknHDm5RN+v8qCAkHBwkIfw1xBAYNgoSGiIqMgJQifZUjBhAJYj95ewIJCQV7KYpzBAkLLQADCHOtOpY5PgNlAAykAEUsQ1wzCgWdCIdeArczBQVbDJ0NAqyeBb64nQAGArBTt8R8mLuyPyEAOwAAAAAAAAAAAA==") no-repeat top center; margin: 5px 5px 5px 0; width: 30px; height: 30px; }

/*Grid*/
.ui-row { display: -ms-flexbox; display: -webkit-box; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; }

.ui-col, .ui-col-1, .ui-col-10, .ui-col-11, .ui-col-12, .ui-col-2, .ui-col-3, .ui-col-4, .ui-col-5, .ui-col-6, .ui-col-7, .ui-col-8, .ui-col-9, .ui-col-auto, .ui-col-lg, .ui-col-lg-1, .ui-col-lg-10, .ui-col-lg-11, .ui-col-lg-12, .ui-col-lg-2, .ui-col-lg-3, .ui-col-lg-4, .ui-col-lg-5, .ui-col-lg-6, .ui-col-lg-7, .ui-col-lg-8, .ui-col-lg-9, .ui-col-lg-auto, .ui-col-md, .ui-col-md-1, .ui-col-md-10, .ui-col-md-11, .ui-col-md-12, .ui-col-md-2, .ui-col-md-3, .ui-col-md-4, .ui-col-md-5, .ui-col-md-6, .ui-col-md-7, .ui-col-md-8, .ui-col-md-9, .ui-col-md-auto, .ui-col-sm, .ui-col-sm-1, .ui-col-sm-10, .ui-col-sm-11, .ui-col-sm-12, .ui-col-sm-2, .ui-col-sm-3, .ui-col-sm-4, .ui-col-sm-5, .ui-col-sm-6, .ui-col-sm-7, .ui-col-sm-8, .ui-col-sm-9, .ui-col-sm-auto, .ui-col-xl, .ui-col-xl-1, .ui-col-xl-10, .ui-col-xl-11, .ui-col-xl-12, .ui-col-xl-2, .ui-col-xl-3, .ui-col-xl-4, .ui-col-xl-5, .ui-col-xl-6, .ui-col-xl-7, .ui-col-xl-8, .ui-col-xl-9, .ui-col-xl-auto { position: relative; width: 100%; }

.ui-col { -ms-flex-preferred-size: 0; flex-basis: 0; -ms-flex-positive: 1; -webkit-box-flex: 1; flex-grow: 1; max-width: 100%; }

.ui-col-auto { -ms-flex: 0 0 auto; -webkit-box-flex: 0; flex: 0 0 auto; width: auto; max-width: 100%; }

.ui-col-1 { -ms-flex: 0 0 8.333333%; -webkit-box-flex: 0; flex: 0 0 8.333333%; max-width: 8.333333%; }

.ui-col-2 { -ms-flex: 0 0 16.666667%; -webkit-box-flex: 0; flex: 0 0 16.666667%; max-width: 16.666667%; }

.ui-col-3 { -ms-flex: 0 0 25%; -webkit-box-flex: 0; flex: 0 0 25%; max-width: 25%; }

.ui-col-4 { -ms-flex: 0 0 33.333333%; -webkit-box-flex: 0; flex: 0 0 33.333333%; max-width: 33.333333%; }

.ui-col-5 { -ms-flex: 0 0 41.666667%; -webkit-box-flex: 0; flex: 0 0 41.666667%; max-width: 41.666667%; }

.ui-col-6 { -ms-flex: 0 0 50%; -webkit-box-flex: 0; flex: 0 0 50%; max-width: 50%; }

.ui-col-7 { -ms-flex: 0 0 58.333333%; -webkit-box-flex: 0; flex: 0 0 58.333333%; max-width: 58.333333%; }

.ui-col-8 { -ms-flex: 0 0 66.666667%; -webkit-box-flex: 0; flex: 0 0 66.666667%; max-width: 66.666667%; }

.ui-col-9 { -ms-flex: 0 0 75%; -webkit-box-flex: 0; flex: 0 0 75%; max-width: 75%; }

.ui-col-10 { -ms-flex: 0 0 83.333333%; -webkit-box-flex: 0; flex: 0 0 83.333333%; max-width: 83.333333%; }

.ui-col-11 { -ms-flex: 0 0 91.666667%; -webkit-box-flex: 0; flex: 0 0 91.666667%; max-width: 91.666667%; }

.ui-col-12 { -ms-flex: 0 0 100%; -webkit-box-flex: 0; flex: 0 0 100%; max-width: 100%; }

.ui-order-first { -ms-flex-order: -1; -webkit-box-ordinal-group: 0; order: -1; }

.ui-order-last { -ms-flex-order: 13; -webkit-box-ordinal-group: 14; order: 13; }

.ui-order-0 { -ms-flex-order: 0; -webkit-box-ordinal-group: 1; order: 0; }

.ui-order-1 { -ms-flex-order: 1; -webkit-box-ordinal-group: 2; order: 1; }

.ui-order-2 { -ms-flex-order: 2; -webkit-box-ordinal-group: 3; order: 2; }

.ui-order-3 { -ms-flex-order: 3; -webkit-box-ordinal-group: 4; order: 3; }

.ui-order-4 { -ms-flex-order: 4; -webkit-box-ordinal-group: 5; order: 4; }

.ui-order-5 { -ms-flex-order: 5; -webkit-box-ordinal-group: 6; order: 5; }

.ui-order-6 { -ms-flex-order: 6; -webkit-box-ordinal-group: 7; order: 6; }

.ui-order-7 { -ms-flex-order: 7; -webkit-box-ordinal-group: 8; order: 7; }

.ui-order-8 { -ms-flex-order: 8; -webkit-box-ordinal-group: 9; order: 8; }

.ui-order-9 { -ms-flex-order: 9; -webkit-box-ordinal-group: 10; order: 9; }

.ui-order-10 { -ms-flex-order: 10; -webkit-box-ordinal-group: 11; order: 10; }

.ui-order-11 { -ms-flex-order: 11; -webkit-box-ordinal-group: 12; order: 11; }

.ui-order-12 { -ms-flex-order: 12; -webkit-box-ordinal-group: 13; order: 12; }

.ui-offset-1 { margin-left: 8.333333%; }

.ui-offset-2 { margin-left: 16.666667%; }

.ui-offset-3 { margin-left: 25%; }

.ui-offset-4 { margin-left: 33.333333%; }

.ui-offset-5 { margin-left: 41.666667%; }

.ui-offset-6 { margin-left: 50%; }

.ui-offset-7 { margin-left: 58.333333%; }

.ui-offset-8 { margin-left: 66.666667%; }

.ui-offset-9 { margin-left: 75%; }

.ui-offset-10 { margin-left: 83.333333%; }

.ui-offset-11 { margin-left: 91.666667%; }

.ui-flex-row { -ms-flex-direction: row; -webkit-box-orient: horizontal; -webkit-box-direction: normal; flex-direction: row; }

.ui-flex-column { -ms-flex-direction: column; -webkit-box-orient: vertical; -webkit-box-direction: normal; flex-direction: column; }

.ui-flex-row-reverse { -ms-flex-direction: row-reverse; -webkit-box-orient: horizontal; -webkit-box-direction: reverse; flex-direction: row-reverse; }

.ui-flex-column-reverse { -ms-flex-direction: column-reverse; -webkit-box-orient: vertical; -webkit-box-direction: reverse; flex-direction: column-reverse; }

.ui-flex-wrap { -ms-flex-wrap: wrap; flex-wrap: wrap; }

.ui-flex-nowrap { -ms-flex-wrap: nowrap; flex-wrap: nowrap; }

.ui-flex-wrap-reverse { -ms-flex-wrap: wrap-reverse; flex-wrap: wrap-reverse; }

.ui-flex-fill { -ms-flex: 1 1 auto; -webkit-box-flex: 1; flex: 1 1 auto; }

.ui-flex-grow-0 { -ms-flex-positive: 0; -webkit-box-flex: 0; flex-grow: 0; }

.ui-flex-grow-1 { -ms-flex-positive: 1; -webkit-box-flex: 1; flex-grow: 1; }

.ui-flex-shrink-0 { -ms-flex-negative: 0; flex-shrink: 0; }

.ui-flex-shrink-1 { -ms-flex-negative: 1; flex-shrink: 1; }

.ui-justify-content-start { -ms-flex-pack: start; -webkit-box-pack: start; justify-content: flex-start; }

.ui-justify-content-end { -ms-flex-pack: end; -webkit-box-pack: end; justify-content: flex-end; }

.ui-justify-content-center { -ms-flex-pack: center; -webkit-box-pack: center; justify-content: center; }

.ui-justify-content-between { -ms-flex-pack: justify; -webkit-box-pack: justify; justify-content: space-between; }

.ui-justify-content-around { -ms-flex-pack: distribute; justify-content: space-around; }

.ui-align-items-start { -ms-flex-align: start; -webkit-box-align: start; align-items: flex-start; }

.ui-align-items-end { -ms-flex-align: end; -webkit-box-align: end; align-items: flex-end; }

.ui-align-items-center { -ms-flex-align: center; -webkit-box-align: center; align-items: center; }

.ui-align-items-baseline { -ms-flex-align: baseline; -webkit-box-align: baseline; align-items: baseline; }

.ui-align-items-stretch { -ms-flex-align: stretch; -webkit-box-align: stretch; align-items: stretch; }

.ui-align-content-start { -ms-flex-line-pack: start; align-content: flex-start; }

.ui-align-content-end { -ms-flex-line-pack: end; align-content: flex-end; }

.ui-align-content-center { -ms-flex-line-pack: center; align-content: center; }

.ui-align-content-between { -ms-flex-line-pack: justify; align-content: space-between; }

.ui-align-content-around { -ms-flex-line-pack: distribute; align-content: space-around; }

.ui-align-content-stretch { -ms-flex-line-pack: stretch; align-content: stretch; }

.ui-align-self-auto { -ms-flex-item-align: auto; align-self: auto; }

.ui-align-self-start { -ms-flex-item-align: start; align-self: flex-start; }

.ui-align-self-end { -ms-flex-item-align: end; align-self: flex-end; }

.ui-align-self-center { -ms-flex-item-align: center; align-self: center; }

.ui-align-self-baseline { -ms-flex-item-align: baseline; align-self: baseline; }

.ui-align-self-stretch { -ms-flex-item-align: stretch; align-self: stretch; }

@media (min-width: 576px) { .ui-col-sm { -ms-flex-preferred-size: 0; flex-basis: 0; -ms-flex-positive: 1; -webkit-box-flex: 1; flex-grow: 1; max-width: 100%; }
  .ui-col-sm-auto { -ms-flex: 0 0 auto; -webkit-box-flex: 0; flex: 0 0 auto; width: auto; max-width: 100%; }
  .ui-col-sm-1 { -ms-flex: 0 0 8.333333%; -webkit-box-flex: 0; flex: 0 0 8.333333%; max-width: 8.333333%; }
  .ui-col-sm-2 { -ms-flex: 0 0 16.666667%; -webkit-box-flex: 0; flex: 0 0 16.666667%; max-width: 16.666667%; }
  .ui-col-sm-3 { -ms-flex: 0 0 25%; -webkit-box-flex: 0; flex: 0 0 25%; max-width: 25%; }
  .ui-col-sm-4 { -ms-flex: 0 0 33.333333%; -webkit-box-flex: 0; flex: 0 0 33.333333%; max-width: 33.333333%; }
  .ui-col-sm-5 { -ms-flex: 0 0 41.666667%; -webkit-box-flex: 0; flex: 0 0 41.666667%; max-width: 41.666667%; }
  .ui-col-sm-6 { -ms-flex: 0 0 50%; -webkit-box-flex: 0; flex: 0 0 50%; max-width: 50%; }
  .ui-col-sm-7 { -ms-flex: 0 0 58.333333%; -webkit-box-flex: 0; flex: 0 0 58.333333%; max-width: 58.333333%; }
  .ui-col-sm-8 { -ms-flex: 0 0 66.666667%; -webkit-box-flex: 0; flex: 0 0 66.666667%; max-width: 66.666667%; }
  .ui-col-sm-9 { -ms-flex: 0 0 75%; -webkit-box-flex: 0; flex: 0 0 75%; max-width: 75%; }
  .ui-col-sm-10 { -ms-flex: 0 0 83.333333%; -webkit-box-flex: 0; flex: 0 0 83.333333%; max-width: 83.333333%; }
  .ui-col-sm-11 { -ms-flex: 0 0 91.666667%; -webkit-box-flex: 0; flex: 0 0 91.666667%; max-width: 91.666667%; }
  .ui-col-sm-12 { -ms-flex: 0 0 100%; -webkit-box-flex: 0; flex: 0 0 100%; max-width: 100%; }
  .ui-order-sm-first { -ms-flex-order: -1; -webkit-box-ordinal-group: 0; order: -1; }
  .ui-order-sm-last { -ms-flex-order: 13; -webkit-box-ordinal-group: 14; order: 13; }
  .ui-order-sm-0 { -ms-flex-order: 0; -webkit-box-ordinal-group: 1; order: 0; }
  .ui-order-sm-1 { -ms-flex-order: 1; -webkit-box-ordinal-group: 2; order: 1; }
  .ui-order-sm-2 { -ms-flex-order: 2; -webkit-box-ordinal-group: 3; order: 2; }
  .ui-order-sm-3 { -ms-flex-order: 3; -webkit-box-ordinal-group: 4; order: 3; }
  .ui-order-sm-4 { -ms-flex-order: 4; -webkit-box-ordinal-group: 5; order: 4; }
  .ui-order-sm-5 { -ms-flex-order: 5; -webkit-box-ordinal-group: 6; order: 5; }
  .ui-order-sm-6 { -ms-flex-order: 6; -webkit-box-ordinal-group: 7; order: 6; }
  .ui-order-sm-7 { -ms-flex-order: 7; -webkit-box-ordinal-group: 8; order: 7; }
  .ui-order-sm-8 { -ms-flex-order: 8; -webkit-box-ordinal-group: 9; order: 8; }
  .ui-order-sm-9 { -ms-flex-order: 9; -webkit-box-ordinal-group: 10; order: 9; }
  .ui-order-sm-10 { -ms-flex-order: 10; -webkit-box-ordinal-group: 11; order: 10; }
  .ui-order-sm-11 { -ms-flex-order: 11; -webkit-box-ordinal-group: 12; order: 11; }
  .ui-order-sm-12 { -ms-flex-order: 12; -webkit-box-ordinal-group: 13; order: 12; }
  .ui-offset-sm-0 { margin-left: 0; }
  .ui-offset-sm-1 { margin-left: 8.333333%; }
  .ui-offset-sm-2 { margin-left: 16.666667%; }
  .ui-offset-sm-3 { margin-left: 25%; }
  .ui-offset-sm-4 { margin-left: 33.333333%; }
  .ui-offset-sm-5 { margin-left: 41.666667%; }
  .ui-offset-sm-6 { margin-left: 50%; }
  .ui-offset-sm-7 { margin-left: 58.333333%; }
  .ui-offset-sm-8 { margin-left: 66.666667%; }
  .ui-offset-sm-9 { margin-left: 75%; }
  .ui-offset-sm-10 { margin-left: 83.333333%; }
  .ui-offset-sm-11 { margin-left: 91.666667%; } }

code { color: #ff8400; background: rgba(255, 132, 0, 0.1); border: 1px solid rgba(255, 132, 0, 0.2); border-radius: 3px; padding: 0 4px; margin: 0 4px; }

/*grid*/
.ui-grid { width: 100%; display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; }

.ui-grid-item { padding: 2rem 0; position: relative; }

.ui-grid-2 .ui-grid-item { -webkit-box-flex: 0; -ms-flex: 0 0 50%; flex: 0 0 50%; max-width: 50%; }

.ui-grid-3 .ui-grid-item { -webkit-box-flex: 0; -ms-flex: 0 0 33.333333%; flex: 0 0 33.333333%; max-width: 33.333333%; }

.ui-grid-4 .ui-grid-item { -webkit-box-flex: 0; -ms-flex: 0 0 25%; flex: 0 0 25%; max-width: 25%; }

.ui-grid-5 .ui-grid-item { -webkit-box-flex: 0; -ms-flex: 0 0 20%; flex: 0 0 20%; max-width: 20%; }

/*btn*/
.ui-btn { position: relative; display: inline-block; border: 1px solid #e0e0e0; padding: 0 2rem; line-height: 42px; overflow: hidden; border-radius: 4px; color: #595959; background: #fff; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; vertical-align: middle; }

.ui-btn [class*=ui-icon-] { margin: 0 5px 0 -5px; }

.ui-btn:hover { color: #40a9ff; border-color: #40a9ff; -webkit-box-shadow: 2px 2px 10px 0 rgba(24, 144, 255, 0.2); box-shadow: 2px 2px 10px 0 rgba(24, 144, 255, 0.2); }

.ui-btn-red { background: #ED4014; border-color: #ED4014; color: #fff; }

.ui-btn-red:hover { background: #F04055; border-color: #F04055; color: #fff; }

.ui-btn-yellow { background: #F37B1D; border-color: #F37B1D; color: #fff; }

.ui-btn-yellow:hover { background: #F3710A; border-color: #F3710A; color: #fff; }

.ui-btn-blue { background: #ea0012; border-color: #ea0012; color: #fff; }

.ui-btn-blue:hover { background: #40A9FF; border-color: #40A9FF; color: #fff; }

.ui-btn-green { background: #19BE6B; border-color: #19BE6B; color: #fff; }

.ui-btn-green:hover { background: #47CB89; border-color: #47CB89; color: #fff; }

.ui-btn-info { background: #2DB7F5; border-color: #2DB7F5; color: #fff; }

.ui-btn-info:hover { background: #57C5F7; border-color: #57C5F7; color: #fff; }

.ui-btn-lt { font-size: 12px; padding: 0 4px; line-height: 18px; }

.ui-btn-sm { font-size: 15px; padding: 0 10px; line-height: 36px; }

.ui-btn-big { font-size: 1.6rem; padding: 0 36px; line-height: 54px; }

.ui-btn-lg { font-size: 2rem; padding: 0 52px; line-height: 64px; }

.ui-btn-outline-red { background: #fff; color: #ED4014; }

.ui-btn-outline-yellow { background: #fff; color: #F37B1D; }

.ui-btn-outline-blue { background: #fff; color: #ea0012; }

.ui-btn-outline-green { background: #fff; color: #19BE6B; }

.ui-btn-outline-info { background: #fff; color: #2DB7F5; }

.ui-btn-block { display: block; width: 100%; text-align: center; }

a.ui-btn-red, a.ui-btn-yellow, a.ui-btn-blue, a.ui-btn-green, a.ui-btn-info { color: #fff; }

a:hover.ui-btn-red, a:hover.ui-btn-yellow, a:hover.ui-btn-blue, a:hover.ui-btn-green, a:hover.ui-btn-info { color: #fff; }

.ui-btn-red:hover { -webkit-box-shadow: 2px 2px 10px 0 rgba(237, 64, 20, 0.2); box-shadow: 2px 2px 10px 0 rgba(237, 64, 20, 0.2); }

.ui-btn-yellow:hover { -webkit-box-shadow: 2px 2px 10px 0 rgba(243, 123, 29, 0.2); box-shadow: 2px 2px 10px 0 rgba(243, 123, 29, 0.2); }

.ui-btn-green:hover { -webkit-box-shadow: 2px 2px 10px 0 rgba(25, 190, 107, 0.2); box-shadow: 2px 2px 10px 0 rgba(25, 190, 107, 0.2); }

.ui-btn-info:hover { -webkit-box-shadow: 2px 2px 10px 0 rgba(45, 183, 245, 0.2); box-shadow: 2px 2px 10px 0 rgba(45, 183, 245, 0.2); }

a.ui-btn-outline-red { color: #ED4014; }

a.ui-btn-outline-yellow { color: #F37B1D; }

a.ui-btn-outline-blue { color: #ea0012; }

a.ui-btn-outline-green { color: #19BE6B; }

a.ui-btn-outline-info { color: #2DB7F5; }

.ui-btn:disabled { background: #fff; cursor: not-allowed; border-color: #E7E7E7; color: #999; }

/*btn-group*/
.ui-btn-group { margin-left: 1px; font-size: 0; vertical-align: middle; }

.ui-btn-group-item { vertical-align: middle; border: 1px solid #e3e3e3; margin-left: -1px; display: inline-block; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center; cursor: pointer; padding: 0 2rem; line-height: 44px; overflow: hidden; font-size: 1.6rem; color: #595959; background: #fff; text-align: center; }

.ui-btn-group-item:first-child { border-radius: 4px 0 0 4px; }

.ui-btn-group-item:last-child { border-radius: 0 4px 4px 0; }

.ui-btn-group-item:hover { color: #333; border-color: #40a9ff; position: relative; z-index: 2; }

.ui-btn-group-item.active { color: #40a9ff; border-color: #40a9ff; position: relative; z-index: 2; }

.ui-btn-group-item:before { margin-right: 5px; color: #999; font-size: 18px; vertical-align: middle; }

.ui-btn-group-full { display: -webkit-box; display: -ms-flexbox; display: flex; }

.ui-btn-group-full .ui-btn-group-item { -webkit-box-flex: 1; -ms-flex: 1; flex: 1; padding: 0; line-height: 50px; }

.ui-btn-group-red .active, .ui-btn-group-red .active:hover, .ui-btn-group-red a.active, .ui-btn-group-red a:hover.active { color: #ED4014; border-color: #ED4014; }

.ui-btn-group-red .ui-btn-group-item:hover { border-color: #ED4014; }

.ui-btn-group-yellow .active, .ui-btn-group-yellow .active:hover, .ui-btn-group-yellow a.active, .ui-btn-group-yellow a:hover.active { color: #F37B1D; border-color: #F37B1D; }

.ui-btn-group-yellow .ui-btn-group-item:hover { border-color: #F37B1D; }

.ui-btn-group-blue .active, .ui-btn-group-blue .active:hover, .ui-btn-group-blue a.active, .ui-btn-group-blue a:hover.active { color: #ea0012; border-color: #ea0012; }

.ui-btn-group-blue .ui-btn-group-item:hover { border-color: #ea0012; }

.ui-btn-group-green .active, .ui-btn-group-green .active:hover, .ui-btn-group-green a.active, .ui-btn-group-green a:hover.active { color: #47CB89; border-color: #47CB89; }

.ui-btn-group-green .ui-btn-group-item:hover { border-color: #47CB89; }

.ui-btn-group-info .active, .ui-btn-group-info .active:hover, .ui-btn-group-info a.active, .ui-btn-group-info a:hover.active { color: #57C5F7; border-color: #57C5F7; }

.ui-btn-group-info .ui-btn-group-item:hover { border-color: #57C5F7; }

.ui-btn-group-red.ui-btn-group-bg .active, .ui-btn-group-red.ui-btn-group-bg a.active { color: #fff; background: #ED4014; }

.ui-btn-group-yellow.ui-btn-group-bg .active, .ui-btn-group-yellow.ui-btn-group-bg a.active { color: #fff; background: #F37B1D; }

.ui-btn-group-blue.ui-btn-group-bg .active, .ui-btn-group-blue.ui-btn-group-bg a.active { color: #fff; background: #ea0012; }

.ui-btn-group-green.ui-btn-group-bg .active, .ui-btn-group-green.ui-btn-group-bg a.active { color: #fff; background: #47CB89; }

.ui-btn-group-info.ui-btn-group-bg .active, .ui-btn-group-info.ui-btn-group-bg a.active { color: #fff; background: #57C5F7; }

.ui-btn-group-sm .ui-btn-group-item { font-size: 12px; padding: 8px 15px; line-height: 22px; }

.ui-btn-group-big .ui-btn-group-item { font-size: 1.6rem; padding: 0 36px; line-height: 54px; }

.ui-btn-group-lg .ui-btn-group-item { font-size: 2rem; padding: 0 52px; line-height: 64px; }

/*Badge*/
.ui-badge { min-width: 2rem; line-height: 2rem; min-height: 2rem; padding: 0 4px; border-radius: 10px; background: #eaeaea; display: inline-block; color: #595959; text-align: center; font-size: 12px; vertical-align: middle; white-space: nowrap; -webkit-box-shadow: 0 0 0 1px #fff; box-shadow: 0 0 0 1px #fff; -webkit-box-sizing: border-box; box-sizing: border-box; }

.ui-badge-dot { min-width: 6px; height: 6px; min-height: 6px; padding: 0; background: #d9d9d9; border-radius: 100%; font-size: 10px; }

.ui-badge-sm { min-width: 8px; height: 8px; min-height: 8px; padding: 0; background: #d9d9d9; border-radius: 100%; font-size: 10px; }

.ui-badge-red { background: #ED4014; color: #fff; }

.ui-badge-yellow { background: #F37B1D; color: #fff; }

.ui-badge-blue { background: #ea0012; color: #fff; }

.ui-badge-green { background: #19BE6B; color: #fff; }

.ui-badge-info { background: #2DB7F5; color: #fff; }

.ui-badge-warp { position: relative; display: inline-block; }

.ui-badge-warp .ui-badge { position: absolute; top: -2px; right: -2px; }

/*Bar*/
.ui-bar { position: fixed; top: 0; width: 50px; right: -50px; height: 100%; background: #222; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; color: #fff; z-index: 40; }

.ui-bar ul { list-style: none; margin: 0; padding: 0; }

.ui-bar ul li a { line-height: 60px; display: block; position: relative; }

.ui-bar ul li a i { font-size: 32px; color: #fff; }

.ui-bar ul li a p { position: absolute; top: 0; background: #fff; color: #333; padding: 8px 2rem; line-height: 24px; border: 1px solid #ddd; border-right: 0; display: none; border-radius: 6px 0 0 6px; }

.ui-bar ul li a div { position: absolute; top: -100px; background: #fff; color: #333; padding: 10px; line-height: 24px; border: 1px solid #ddd; display: none; border-radius: 6px; text-align: center; }

.ui-bar ul li a div img { width: 250px; height: 250px; display: block; }

.ui-bar ul li a p:after { display: block; content: ""; background: #fff; width: 10px; height: 10px; position: absolute; top: 15px; right: -4px; -webkit-transform: rotate(45deg); transform: rotate(45deg); }

.ui-bar ul li a:hover p { left: -11.4rem; display: block; }

.ui-bar ul li a div:after { display: block; content: ""; background: #fff; width: 1.6rem; height: 1.6rem; position: absolute; top: 112px; right: -8.2px; -webkit-transform: rotate(45deg); transform: rotate(45deg); border: 1px solid #ddd; border-left: 0; border-bottom: 0; }

.ui-bar ul li a:hover div { left: -300px; display: block; }

.ui-bar ul:last-child { position: absolute; bottom: 5px; right: 11px; }

.ui-bar-red { background: #ED4014; }

.ui-bar-yellow { background: #F37B1D; }

.ui-bar-blue { background: #ea0012; }

.ui-bar-green { background: #19BE6B; }

.ui-bar-info { background: #2DB7F5; }

/*Bread*/
.ui-bread ul { list-style: none; }

.ui-bread ul li { display: inline-block; color: #999; }

.ui-bread ul li + li:before { padding: 0 8px; content: "/\00a0"; color: #999; font-family: 宋体; }

.ui-bread-1 ul li + li:before { content: ">>"; }

.ui-bread-2 ul li + li:before { content: ">"; }

.ui-bread ul li i { color: #999; padding-right: 5px; -webkit-transform: translateY(-1px); transform: translateY(-1px); }

/*Carousel*/
.ui-carousel { position: relative; }

.ui-carousel-inner { position: relative; width: 100%; overflow: hidden; }

.ui-carousel-inner::after { display: block; clear: both; content: ""; }

.ui-carousel-item { position: relative; display: none; float: left; width: 100%; margin-right: -100%; -webkit-backface-visibility: hidden; backface-visibility: hidden; transition: -webkit-transform 0.6s ease-in-out; -webkit-transition: -webkit-transform 0.6s ease-in-out; transition: transform 0.6s ease-in-out; transition: transform 0.6s ease-in-out, -webkit-transform 0.6s ease-in-out; }

.ui-carousel-item img { width: 100%; height: auto; }

.ui-carousel-item.active, .ui-carousel-item-next, .ui-carousel-item-prev { display: block; }

.ui-carousel-item-next:not(.ui-carousel-item-left), .active.ui-carousel-item-right { -webkit-transform: translateX(100%); transform: translateX(100%); }

.ui-carousel-item-prev:not(.ui-carousel-item-right), .active.ui-carousel-item-left { -webkit-transform: translateX(-100%); transform: translateX(-100%); }

.ui-carousel-prev, .ui-carousel-next { position: absolute; top: 0; bottom: 0; z-index: 1; display: -ms-flexbox; display: -webkit-box; display: flex; -ms-flex-align: center; -webkit-box-align: center; align-items: center; -ms-flex-pack: center; -webkit-box-pack: center; justify-content: center; width: 15%; color: #fff; text-align: center; opacity: 0.5; -webkit-transition: opacity 0.15s ease; transition: opacity 0.15s ease; }

.ui-carousel-prev:hover, .ui-carousel-prev:focus, .ui-carousel-next:hover, .ui-carousel-next:focus { color: #fff; text-decoration: none; outline: 0; opacity: 0.9; }

.ui-carousel-prev { left: 0; }

.ui-carousel-next { right: 0; }

.ui-carousel-prev-icon, .ui-carousel-next-icon { display: inline-block; width: 50px; height: 50px; background: no-repeat 50% / 100% 100%; }

.ui-carousel-prev-icon { background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%23fff'%3e%3cpath d='M11.354 1.646a.5.5 0 0 1 0 .708L5.707 8l5.647 5.646a.5.5 0 0 1-.708.708l-6-6a.5.5 0 0 1 0-.708l6-6a.5.5 0 0 1 .708 0z'/%3e%3c/svg%3e"); }

.ui-carousel-next-icon { background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%23fff'%3e%3cpath d='M4.646 1.646a.5.5 0 0 1 .708 0l6 6a.5.5 0 0 1 0 .708l-6 6a.5.5 0 0 1-.708-.708L10.293 8 4.646 2.354a.5.5 0 0 1 0-.708z'/%3e%3c/svg%3e"); }

.ui-carousel-page { position: absolute; right: 0; bottom: 10px; left: 0; z-index: 15; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; list-style: none; }

.ui-carousel-page li { -webkit-box-sizing: content-box; box-sizing: content-box; -webkit-box-flex: 0; -ms-flex: 0 1 auto; flex: 0 1 auto; width: 50px; height: 4px; margin-right: 4px; margin-left: 3px; text-indent: -999px; cursor: pointer; background-color: #fff; background-clip: padding-box; opacity: .5; -webkit-transition: opacity 0.6s ease; transition: opacity 0.6s ease; }

.ui-carousel-page .active { opacity: 1; }

.ui-carousel-control { position: absolute; bottom: 0; left: 0; right: 0; z-index: 10; display: -webkit-box; display: -ms-flexbox; display: flex; background: rgba(0, 0, 0, 0.4); }

.ui-carousel-control .ui-carousel-title { -webkit-box-flex: 1; -ms-flex: 1; flex: 1; display: -webkit-box; display: -ms-flexbox; display: flex; color: #fff; line-height: 40px; padding: 0 10px; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; }

.ui-carousel-control .ui-carousel-page { -webkit-box-pack: end; -ms-flex-pack: end; justify-content: flex-end; -webkit-box-align: center; -ms-flex-align: center; align-items: center; position: static; margin-right: 10px; }

.ui-carousel-control .ui-carousel-page li { width: 10px; height: 10px; border-radius: 50%; }

.ui-carousel-pagenum { position: absolute; right: 5px; bottom: 5px; z-index: 15; background: rgba(0, 0, 0, 0.3); color: #fff; padding: 3px 10px; border-radius: 2rem; font-size: 10px; }

/*Card*/
.ui-card { border: 1px solid #e5e5e5; background: #fff; }

.ui-card-header { background: #fff; padding: 15px 2rem; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; border-bottom: 1px solid #e5e5e5; }

.ui-card-header .ui-card-header-title { font-size: 17px; font-weight: 500; margin: 0; border-left: 2px solid #ea0012; padding-left: 15px; -webkit-box-flex: 1; -ms-flex: 1; flex: 1; }

.ui-card-header .ui-card-header-more { -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: end; -ms-flex-pack: end; justify-content: flex-end; }

.ui-card-image img { width: 100%; height: auto; }

.ui-card-image svg { width: 100%; text-anchor: middle; }

.ui-card-body { padding: 15px; }

.ui-card-body.np { padding-top: 0; }

.ui-card-body.ui-row { margin-top: -15px; }

.ui-card-body .ui-card-title { font-weight: bold; padding-bottom: 10px; }

.ui-card-body .ui-card-text { word-break: break-all; color: #999; }

.ui-card-body ul { list-style: none; }

.ui-card-body .ui-list { margin-top: -10px; }

.ui-card-footer { background: #fff; padding: 12px 18px; border-top: 1px solid #F2F2F2; }

/*collapse*/
.ui-collapse { margin-top: 2px; }

.ui-collapse .ui-card { border-radius: 0; margin-top: -2px; }

.ui-collapse .ui-card .ui-card-header { cursor: pointer; }

.ui-collapse .ui-card .ui-card-header ui-card-header-title { font-weight: normal; color: #444; border-left: 0; padding-left: 0; }

.ui-collapse .ui-card .ui-card-header .ui-icon-right { -webkit-transition: all 0.4s ease; transition: all 0.4s ease; font-size: 1.4rem; color: #999; }

.ui-collapse .ui-card .ui-card-header.active .ui-icon-right { -webkit-transform: rotate(90deg); transform: rotate(90deg); }

.ui-collapse .ui-card:first-child { border-radius: 2px 2px 0 0; }

.ui-collapse .ui-card:last-child { border-radius: 0 0 2px 2px; border-bottom: 1; }

.ui-collapse .ui-card-body.hide { display: none; }

.ui-collapse-menu.ui-collapse-menu-border { border: 1px solid #f3f3f3; }

.ui-collapse-menu-title { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: space-betweend; -ms-flex-pack: space-betweend; justify-content: space-betweend; border-bottom: 1px solid #f3f3f3; line-height: 50px; padding: 0 0 0 2rem; }

.ui-collapse-menu-title a { -webkit-box-flex: 1; -ms-flex: 1; flex: 1; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; }

.ui-collapse-menu-title i { display: block; -webkit-transition: all 0.4s ease; transition: all 0.4s ease; color: #ccc; cursor: pointer; min-width: 50px; line-height: 50px; text-align: center; font-size: 2rem; }

.ui-collapse-menu-title.active { background: #efefef; }

.ui-collapse-menu-title.active i { -webkit-transform: rotate(90deg); transform: rotate(90deg); }

.ui-collapse-menu-body { display: none; }

.ui-collapse-menu-body ul { list-style: none; }

.ui-collapse-menu-body ul li { line-height: 50px; border-bottom: 1px solid #f3f3f3; padding: 0 30px; }

.ui-collapse-menu-body ul li.active a { color: #f30; }

.ui-collapse-menu-body.show { display: block; }

.ui-collapse-menu-body.hide { display: none; }

/*Dropmenu*/
.ui-dropdown { display: none; background: #fff; border: 1px solid #d9d9d9; border-radius: 4px; padding: 10px 0; -webkit-box-shadow: 1px 2px 10px rgba(0, 0, 0, 0.1); box-shadow: 1px 2px 10px rgba(0, 0, 0, 0.1); line-height: 1.5; word-break: break-all; z-index: 100; }

.ui-dropdown img { max-width: 100%; }

.ui-dropdown:after { content: " "; position: absolute; width: 10px; height: 10px; border-left: 0; border-bottom: 0; background: #fff; border: 1px solid #d9d9d9; border-bottom: 0; border-right: 0; }

.ui-dropdown-left:after { right: -6px; top: 50%; -webkit-transform: translateY(-50%) rotate(-225deg); transform: translateY(-50%) rotate(-225deg); }

.ui-dropdown-top:after { left: 50%; top: 100%; -webkit-transform: translateX(-50%) translateY(-50%) rotate(-140deg); transform: translateX(-50%) translateY(-50%) rotate(-140deg); }

.ui-dropdown-right:after { left: -6px; top: 50%; -webkit-transform: translateY(-50%) rotate(-45deg); transform: translateY(-50%) rotate(-45deg); }

.ui-dropdown-bottom:after { left: 50%; top: 0; -webkit-transform: translateX(-50%) translateY(-50%) rotate(45deg); transform: translateX(-50%) translateY(-50%) rotate(45deg); }

.ui-dropdown-bottom-left:after { left: 10px; top: 0; -webkit-transform: translateY(-50%) rotate(45deg); transform: translateY(-50%) rotate(45deg); }

.ui-dropdown-top-left:after { left: 10px; top: 100%; -webkit-transform: translateY(-50%) rotate(-140deg); transform: translateY(-50%) rotate(-140deg); }

.ui-dropdown-right-top:after { left: -6px; top: 15px; -webkit-transform: translateY(-50%) rotate(-45deg); transform: translateY(-50%) rotate(-45deg); }

.ui-dropdown-line { height: 0; margin: 10px 0; overflow: hidden; border-top: 1px solid #e9ecef; }

.ui-dropdown-item { display: block; width: 100%; padding: 5px 2rem; clear: both; font-weight: 400; color: #212529; text-align: inherit; white-space: nowrap; background-color: transparent; border: 0; }

.ui-dropdown-item.active { background: #ea0012; }

a.ui-dropdown-item.active { color: #fff; }

/*Dialog*/
.ui-dialog-mask { position: fixed; left: 0; top: 0; right: 0; bottom: 0; background: rgba(0, 0, 0, 0.15); z-index: 198; display: block; overflow-x: hidden; overflow-y: auto; display: none; }

.ui-dialog { z-index: 999; position: fixed; border: 1px solid #eaeaea; border-radius: 4px; background: #fff; min-width: 350px; max-width: 96%; margin: 0 auto; -webkit-box-shadow: 0 5px 10px rgba(0, 0, 0, 0.1); box-shadow: 0 5px 10px rgba(0, 0, 0, 0.1); opacity: 1; -webkit-transition: all 0.2s linear; transition: all 0.2s linear; -webkit-animation-duration: 0.3s; animation-duration: 0.3s; -webkit-animation-fill-mode: both; animation-fill-mode: both; }

.ui-dialog-header { padding: 2rem; border-bottom: 1px solid #f3f3f3; display: -webkit-box; display: -ms-flexbox; display: flex; }

.ui-dialog-header .ui-dialog-title { -webkit-box-flex: 1; -ms-flex: 1; flex: 1; font-weight: bold; cursor: move; -moz-user-select: none; -webkit-user-select: none; }

.ui-dialog-header .ui-dialog-close { -webkit-box-pack: end; -ms-flex-pack: end; justify-content: flex-end; -webkit-box-align: center; -ms-flex-align: center; align-items: center; font-size: 28px; cursor: pointer; line-height: 1; color: #999; }

.ui-dialog-header .ui-dialog-close:hover { color: #000; }

.ui-dialog-body { padding: 2rem; max-height: 500px; overflow-y: auto; word-break: break-all; }

.ui-dialog-body .ui-form-ip { line-height: normal; }

.ui-dialog-body-input { padding-bottom: 6px; }

.ui-dialog-body-iframe { padding: 0; overflow: hidden; max-height: 100%; line-height: 0; margin: 0; }

.ui-dialog-body-iframe iframe { width: 100%; height: 100%; border: 0; margin: 0; }

.ui-dialog-body-address { padding: 0; height: 300px; overflow: hidden; }

.ui-dialog-footer { padding: 10px 2rem; text-align: right; border-top: 0 solid #f3f3f3; }

.ui-dialog-footer-mobile { display: -webkit-box; display: -ms-flexbox; display: flex; border-top: 1px solid #f3f3f3; }

.ui-dialog-footer-mobile button { width: 100%; border: 0; background: #fff; padding: 12px 0; -webkit-box-flex: 1; -ms-flex: 1; flex: 1; color: #666; }

.ui-dialog-footer-mobile button:last-child { border-left: 1px solid #f3f3f3; color: #ea0012; }

.ui-dialog-address { max-width: 100%; }

.ui-dialog-address .ui-dialog-footer-mobile { border-top: 0; border-bottom: 1px solid #f3f3f3; }

.ui-dialog-mobile { border-radius: 8px; min-width: 250px; border: 0; }

.ui-dialog-mobile .ui-dialog-header { border-radius: 8px 8px 0 0; padding: 12px 1.6rem; }

.ui-dialog-mobile .ui-dialog-body { padding: 2rem 1.6rem; }

.ui-dialog-mobile .ui-dialog-body-iframe { padding: 0; overflow: hidden; max-height: 100%; }

.ui-dialog-mobile .ui-dialog-footer-mobile { border-radius: 0 0 8px 8px; }

.ui-dialog-mobile .ui-dialog-footer-mobile button:first-child { border-radius: 0 0 0 8px; }

.ui-dialog-mobile .ui-dialog-footer-mobile button:last-child { border-radius: 0 0 8px 0; }

.ui-dialog-in { -webkit-animation-name: ui-dialogIn; animation-name: ui-dialogIn; }

.ui-dialog-out { -webkit-animation-name: ui-dialogOut; animation-name: ui-dialogOut; opacity: 0; -webkit-transition: all 0.2s linear; transition: all 0.2s linear; }

/*Endtime*/
.ui-endtime { color: #999; }

.ui-endtime i { color: #f30; font-style: normal; padding: 0 5px; }

.ui-endtime i:first-child { padding-left: 0; }

/*filter*/
.ui-filter { background: #fff; -webkit-box-shadow: 0 1px 10px rgba(0, 0, 0, 0.07); box-shadow: 0 1px 10px rgba(0, 0, 0, 0.07); padding: 10px 2rem 2rem 0; }

.ui-filter .ui-filter-left { text-align: right; padding-top: 18px; color: #999; }

.ui-filter .ui-filter-right { padding-left: 10px; }

.ui-filter .ui-filter-right a { border: 1px solid #eaeaea; padding: 7px 15px; border-radius: 2px; margin: 10px 10px 0 0; display: inline-block; color: #999; }

.ui-filter a:hover, .ui-filter a.active { border-color: #ea0012; color: #ea0012; }

.ui-filter-red a:hover, .ui-filter-red a.active { border-color: #ED4014; color: #ED4014; }

.ui-filter-yellow a:hover, .ui-filter-yellow a.active { border-color: #F37B1D; color: #F37B1D; }

.ui-filter-blue a:hover, .ui-filter-blue a.active { border-color: #ea0012; color: #ea0012; }

.ui-filter-green a:hover, .ui-filter-green a.active { border-color: #19BE6B; color: #19BE6B; }

.ui-filter-info a:hover, .ui-filter-info a.active { border-color: #2DB7F5; color: #2DB7F5; }

.ui-filter-black a:hover, .ui-filter-black a.active { border-color: #666; color: #666; }

.ui-filter .ui-filter-right-image { /*margin-right:-1px;*/ }

.ui-filter .ui-filter-right-image a { /*margin-right:0;margin-left:-1px;border-radius:0;*/ }

.ui-filter .ui-filter-right-image a:hover { position: relative; }

.ui-filter .ui-filter-right-image a.active { position: relative; }

.ui-filter .ui-filter-right-image a:first-child { margin-right: 15px; }

/*Fixed*/
.ui-fixed-top { position: fixed; top: 0; z-index: 30; right: 0; left: 0; }

.ui-fixed-bottom { position: fixed; bottom: 0; z-index: 30; right: 0; left: 0; }

.ui-fixed-warp { z-index: 100; }

/*Form*/
.ui-form-group { margin-bottom: 10px; padding-bottom: 5px; position: relative; }

.ui-form-group + .hide { display: none; }

.ui-form-icon { position: absolute; top: 46%; left: 15px; z-index: 99; -webkit-transform: translateY(-50%); transform: translateY(-50%); font-size: 18px; vertical-align: middle; font-size: 24px; }

.ui-form-icon + .ui-form-ip { padding-left: 50px; }

.ui-form-group > label { margin-bottom: 10px; }

.ui-form-ip { display: block; width: 100%; padding: 15px 2rem; color: #495057; background: #fff; background-clip: padding-box; border: 1px solid #e3e3e3; border-radius: 4px; -webkit-transition: border-color 0.15s ease-in-out, -webkit-box-shadow 0.15s ease-in-out; transition: border-color 0.15s ease-in-out, -webkit-box-shadow 0.15s ease-in-out; transition: border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out; transition: border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out, -webkit-box-shadow 0.15s ease-in-out; text-align: left; }

.ui-form-group-sm .ui-form-ip { height: 46px; padding: 0 15px; }

input.ui-form-ip { line-height: 1; }

select.ui-form-ip, textarea.ui-form-ip { height: auto; }

textarea.ui-form-ip { min-height: 100px; }

.ui-form-ip::-ms-expand { background-color: transparent; border: 0; }

.ui-form-ip:focus { color: #495057; background: #fff; border-color: #80bdff; outline: 0; -webkit-box-shadow: 0 0 0 2px rgba(0, 123, 255, 0.25); box-shadow: 0 0 0 2px rgba(0, 123, 255, 0.25); }

.ui-form-ip::-webkit-input-placeholder { color: #999; }

.ui-form-ip::-moz-placeholder { color: #999; }

.ui-form-ip:-ms-input-placeholder { color: #999; }

.ui-form-ip::-ms-input-placeholder { color: #999; }

.ui-form-ip::placeholder { color: #999; }

.ui-form-ip:disabled { background: #fafafa; opacity: 1; cursor: not-allowed; }

.ui-form-ip[readonly] { background: #fafafa; opacity: 1; }

.ui-form-ip-check { margin-bottom: 3px; margin-right: 5px; vertical-align: middle; }

.ui-form-limit-text { position: absolute; right: 10px; bottom: 10px; color: #999; background: rgba(255, 255, 255, 0.5); }

.ui-form-limit-text span { color: #f30; }

.ui-col-form-label { color: #666; padding: 10px 10px 0 0; text-align: right; -webkit-transform: translateY(1px); transform: translateY(1px); }

.ui-col-form-label-top { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: end; -ms-flex-pack: end; justify-content: flex-end; -webkit-box-align: start; -ms-flex-align: start; align-items: flex-start; color: #666; padding: 0 10px 0 0; }

.ui-input-group { display: -webkit-box; display: -ms-flexbox; display: flex; }

.ui-input-group .before { -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center; display: -webkit-box; display: -ms-flexbox; display: flex; padding: 0 15px; color: #495057; border: 1px solid #e3e3e3; border-right: 0; background: #F6F7FF; border-radius: 4px 0 0 4px; white-space: nowrap; }

.ui-input-group .after { -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center; display: -webkit-box; display: -ms-flexbox; display: flex; padding: 0 15px; color: #495057; border: 1px solid #e3e3e3; border-left: 0; background: #F6F7FF; border-radius: 0 4px 4px 0; white-space: nowrap; }

.ui-input-group a.after { padding: 0 15px; cursor: pointer; font-family: microsoft yahei; }

.ui-input-group a.after:before { margin-right: 5px; color: #999; font-family: "iconfont"; }

.ui-input-group a:hover.after, .ui-input-group a:hover.after:before { color: #f30; }

.ui-input-group button.after { padding: 0 10px; }

.ui-input-group button.after [class*=ui-icon] { font-size: 24px; }

.ui-input-group .code { min-height: 42px; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center; display: -webkit-box; display: -ms-flexbox; display: flex; padding: 0 12px; border: 1px solid #e3e3e3; border-left: 0; background: #fff; border-radius: 0; cursor: pointer; border-radius: 0 4px 4px 0; }

.ui-input-group .code img { height: 42px; border-radius: 0 4px 4px 0; }

.ui-input-group .ui-form-ip { -webkit-box-flex: 1; -ms-flex: 1; flex: 1; }

.ui-input-group-check { padding-top: 7px; }

.ui-input-group-check label { margin-right: 10px; }

.ui-input-group .radius-none { border-radius: 0; }

.ui-input-group .radius-left-none { border-radius: 0 4px 4px 0; }

.ui-input-group .radius-right-none { border-radius: 4px 0 0 4px; }

.ui-input-group .radius-none { border-radius: 0; }

.ui-check-error { color: #ED4014; }

.ui-check-error .ui-form-ip { border-color: #ED4014; }

.ui-check-error .ui-form-ip:focus { -webkit-box-shadow: 0 0 0 2px rgba(255, 51, 0, 0.25); box-shadow: 0 0 0 2px rgba(255, 51, 0, 0.25); }

.ui-check-error .error-msg { display: inline-block; padding: .5833em .833em; margin-top: 10px; border-radius: 5px; text-transform: none; border: 1 solid #DB2828; position: relative; background: #fff; border: 1px solid #db2828; color: #db2828; }

.ui-check-error .error-msg:before { background: #fff; border-width: 1px 0 0 1px; border-style: solid; border-left-color: #DB2828; border-top-color: #DB2828; position: absolute; content: ''; -webkit-transform: rotate(45deg); transform: rotate(45deg); z-index: 2; width: .6666em; height: .6666em; -webkit-transform: translateX(-50%) translateY(-50%) rotate(45deg); transform: translateX(-50%) translateY(-50%) rotate(45deg); top: 0; left: 50%; }

.ui-check-error .ui-form-icon { top: 24.5%; }

.ui-check-error .ui-form-limit-text { bottom: 37%; }

.ui-form-ip.w-auto { width: auto; display: inline-block; }

.ui-form-inline .before { border-radius: 0; }

.ui-form-inline .before:first-child { border-radius: 4px 0 0 4px; }

.ui-form-inline .ui-form-ip { border-radius: 0; border-right: 0; }

.ui-form-inline .after { border-left: 1px solid #e3e3e3; }

/*CheckBox*/
.ui-checkbox { display: inline-block; cursor: pointer; margin-right: 10px; vertical-align: middle; }

.ui-checkbox input[type="checkbox"] { -moz-appearance: none; appearance: none; -webkit-appearance: none; outline: none; display: none; }

.ui-checkbox input[type="checkbox"] + i { margin-right: 5px; font-style: normal; vertical-align: middle; display: inline-block; }

.ui-checkbox input[type="checkbox"] + i:after { width: 2rem; height: 2rem; border: 1px solid #ea0012; border-radius: 2px; display: inline-block; line-height: 2rem; content: ''; text-align: center; overflow: hidden; margin-top: 2px; }

.ui-checkbox input[type="checkbox"]:checked + i:after { content: '\e830'; font-family: iconfont; background: #ea0012; color: #fff; border-color: #ea0012; }

.ui-checkbox input[type="checkbox"]:disabled + i:after { background: #f5f5f5; color: #999; border-color: #ddd; }

.ui-checkbox input[type="checkbox"]:checked:disabled + i:after { content: '\e830'; font-family: iconfont; background: #f5f5f5; color: #999; border-color: #ddd; }

.ui-checkbox input[type="checkbox"]:disabled + i { cursor: not-allowed; }

.ui-checkbox-red input[type="checkbox"] + i:after { border-color: #ED4014; }

.ui-checkbox-red input[type="checkbox"]:checked + i:after { background: #ED4014; border-color: #ED4014; }

.ui-checkbox-yellow input[type="checkbox"] + i:after { border-color: #F37B1D; }

.ui-checkbox-yellow input[type="checkbox"]:checked + i:after { background: #F37B1D; border-color: #F37B1D; }

.ui-checkbox-blue input[type="checkbox"] + i:after { border-color: #ea0012; }

.ui-checkbox-blue input[type="checkbox"]:checked + i:after { background: #ea0012; border-color: #ea0012; }

.ui-checkbox-green input[type="checkbox"] + i:after { border-color: #19BE6B; }

.ui-checkbox-green input[type="checkbox"]:checked + i:after { background: #19BE6B; border-color: #19BE6B; }

.ui-checkbox-info input[type="checkbox"] + i:after { border-color: #2DB7F5; }

.ui-checkbox-info input[type="checkbox"]:checked + i:after { background: #2DB7F5; border-color: #2DB7F5; }

.ui-checkbox:last-child { margin-right: 0; }

/*Radio*/
.ui-radio { display: inline-block; cursor: pointer; margin-right: 10px; vertical-align: middle; }

.ui-radio input[type="radio"] { -moz-appearance: none; appearance: none; -webkit-appearance: none; outline: none; display: none; }

.ui-radio input[type="radio"] + i { vertical-align: middle; display: inline-block; margin-right: 5px; border: 1px solid #ddd; width: 2rem; height: 2rem; border-radius: 50%; position: relative; -webkit-transition: all .3s ease 0s; transition: all .3s ease 0s; margin-top: 2px; }

.ui-radio input[type="radio"] + i:after { width: 10px; height: 10px; display: inline-block; border-radius: 50%; display: inline-block; position: absolute; left: 4px; top: 4px; }

.ui-radio input[type="radio"]:checked + i { border-color: #ea0012; -webkit-box-shadow: 0 0 0 2px rgba(24, 144, 255, 0.1); box-shadow: 0 0 0 2px rgba(24, 144, 255, 0.1); }

.ui-radio input[type="radio"]:checked + i:after { content: ''; background: #ea0012; }

.ui-radio input[type="radio"]:disabled + i { border-color: #ddd; background: #F5F5F5; cursor: not-allowed; }

.ui-radio input[type="radio"]:checked:disabled + i { border: 1px solid #ddd; -webkit-box-shadow: none; box-shadow: none; }

.ui-radio input[type="radio"]:checked:disabled + i:after { background: #C4C4C4; }

.ui-radio-red input[type="radio"]:checked + i { border-color: #ED4014; }

.ui-radio-red input[type="radio"]:checked + i:after { background: #ED4014; }

.ui-radio-yellow input[type="radio"]:checked + i { border-color: #F37B1D; }

.ui-radio-yellow input[type="radio"]:checked + i:after { background: #F37B1D; }

.ui-radio-blue input[type="radio"]:checked + i { border-color: #ea0012; }

.ui-radio-blue input[type="radio"]:checked + i:after { background: #ea0012; }

.ui-radio-green input[type="radio"]:checked + i { border-color: #19BE6B; }

.ui-radio-green input[type="radio"]:checked + i:after { background: #19BE6B; }

.ui-radio-info input[type="radio"]:checked + i { border-color: #2DB7F5; }

.ui-radio-info input[type="radio"]:checked + i:after { background: #2DB7F5; }

.ui-radio:last-child { margin-right: 0; }

/*Switch*/
.ui-switch { display: inline-block; text-align: left; }

.ui-switch > input[type="checkbox"] { display: none; }

.ui-switch > input[type="checkbox"]:disabled ~ .ui-switch-checkbox { background: #EBEBEB; cursor: not-allowed; }

.ui-switch > input[type="checkbox"]:checked:disabled ~ .ui-switch-checkbox { background: #EBEBEB; }

.ui-switch > input[type="checkbox"]:checked ~ .ui-switch-checkbox { background: #ea0012; }

.ui-switch > input[type="checkbox"]:checked ~ .ui-switch-checkbox::before { left: 38px; }

.ui-switch > input[type="checkbox"]:checked ~ .ui-switch-checkbox.ui-switch-text::before { text-indent: -24px; content: '开'; color: #fff; }

.ui-switch > input[type="checkbox"]:checked ~ .ui-switch-checkbox.ui-switch-icon::before { content: '\e830'; text-indent: -24px; font-family: iconfont; color: #fff; }

.ui-switch > input[type="checkbox"]:checked ~ .ui-switch-checkbox.ui-switch-en::before { text-indent: -28px; content: 'On'; color: #fff; }

.ui-switch .ui-switch-checkbox.ui-switch-text::before { content: '关'; text-indent: 36px; color: #fff; }

.ui-switch .ui-switch-checkbox.ui-switch-en::before { content: 'Off'; text-indent: 34px; color: #fff; }

.ui-switch .ui-switch-checkbox.ui-switch-icon::before { content: '\e831'; text-indent: 36px; font-family: iconfont; color: #fff; }

.ui-switch .ui-switch-checkbox { width: 70px; height: 32px; border-radius: 100px; background: #ccc; -webkit-transition: background ease 0.5s; transition: background ease 0.5s; cursor: pointer; position: relative; display: inline-block; overflow: hidden; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; }

.ui-switch .ui-switch-checkbox::before { content: ''; font-weight: 500; width: 30px; height: 30px; line-height: 28px; position: absolute; border-radius: 50%; top: 1px; left: 2px; background: #fff; olor: #fff; font-size: 15px; -webkit-transition: left ease 0.3s; transition: left ease 0.3s; font-style: normal; }

.ui-switch-red > input[type="checkbox"]:checked ~ .ui-switch-checkbox { background: #ED4014; }

.ui-switch-yellow > input[type="checkbox"]:checked ~ .ui-switch-checkbox { background: #F37B1D; }

.ui-switch-blue > input[type="checkbox"]:checked ~ .ui-switch-checkbox { background: #ea0012; }

.ui-switch-green > input[type="checkbox"]:checked ~ .ui-switch-checkbox { background: #19BE6B; }

.ui-switch-info > input[type="checkbox"]:checked ~ .ui-switch-checkbox { background: #2DB7F5; }

/*Inputnumber*/
.ui-inputnumber-wrap { display: inline-block; overflow: hidden; position: relative; vertical-align: middle; border: 1px solid #dadada; border-radius: 2px; background: #fff; }

.ui-inputnumber-wrap:hover { border-color: #80bdff; }

.ui-inputnumber-text { min-width: 60px; border-radius: 2px 0 0 2px; text-align: center; height: 40px; }

.inputnumber:focus { -webkit-box-shadow: none; box-shadow: none; border: 0; }

.ui-inputnumber-min, .ui-inputnumber-max { border: 1px solid #dadada; border-top: 0; border-bottom: 0; padding: 10px 15px; cursor: pointer; margin-left: -1px; -moz-user-select: none; -webkit-user-select: none; -ms-user-select: none; color: #555; }

.ui-inputnumber-max { border-right: 0; }

.ui-inputnumber-min:hover, .ui-inputnumber-max:hover { color: #ea0012; border-color: #80bdff; z-index: 1; }

.ui-inputnumber-min i, .ui-inputnumber-max i { font-size: 1.4rem; }

.ui-inputnumber-min.ui-inputnumber-disabled, .ui-inputnumber-max.ui-inputnumber-disabled { cursor: not-allowed; color: #999; }

.ui-inputnumber-min.ui-inputnumber-disabled:hover, .ui-inputnumber-max.ui-inputnumber-disabled:hover { border-color: #dadada; }

.ui-inputnumber-wrap.disabled { -moz-user-select: none; -webkit-user-select: none; -ms-user-select: none; background: #fafafa; cursor: not-allowed; }

.ui-inputnumber-wrap.disabled:hover { border-color: #dadada; }

.ui-inputnumber-wrap.disabled .ui-inputnumber-min, .ui-inputnumber-wrap.disabled .ui-inputnumber-max, .ui-inputnumber-wrap.disabled .ui-inputnumber-text { cursor: not-allowed; color: #999; }

.ui-inputnumber-wrap.disabled .ui-inputnumber-min:hover, .ui-inputnumber-wrap.disabled .ui-inputnumber-max:hover { border-color: #dadada; color: #999; }

.ui-inputnumber-center .ui-inputnumber-min { border-right: 1px solid #dadada; border-left: 0; }

/*.ui-line*/
.ui-line { text-align: center; width: 100%; position: relative; z-index: 0; margin: 10px 0; min-height: 4px; }

.ui-line:before { content: ""; display: table; position: absolute; top: 50%; width: 100%; border-top: 1px solid #e8eaec; -webkit-transform: translateY(50%); transform: translateY(50%); z-index: -1; }

.ui-line span { background: #fff; display: inline-block; padding: 0 10px; z-index: 1; white-space: nowrap; }

.ui-line-left { text-align: left; }

.ui-line-left span { margin-left: 1.5%; }

.ui-line-right { text-align: right; }

.ui-line-right span { margin-right: 1.5%; }

.ui-line-red:before { border-top-color: #ED4014; }

.ui-line-red span { color: #ED4014; }

.ui-line-yellow:before { border-top-color: #F37B1D; }

.ui-line-yellow span { color: #F37B1D; }

.ui-line-blue:before { border-top-color: #ea0012; }

.ui-line-blue span { color: #ea0012; }

.ui-line-green:before { border-top-color: #19BE6B; }

.ui-line-green span { color: #19BE6B; }

.ui-line-info:before { border-top-color: #2DB7F5; }

.ui-line-info span { color: #2DB7F5; }

/*List*/
.ui-list { list-style: none; }

.ui-list li { border-bottom: 1px solid #f3f3f3; padding: 15px 10px; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; -webkit-box-align: center; -ms-flex-align: center; align-items: center; }

.ui-list li a { color: #333; -webkit-box-flex: 1; -ms-flex: 1; flex: 1; }

.ui-list li a:hover { color: #f30; }

.ui-list li a i { margin: 0 10px 0 5px; color: #999; margin-right: 10px; -webkit-transform: translateY(-1px); transform: translateY(-1px); }

.ui-list li .arrow { padding: 0 5px 0 9px; }

.ui-list li .arrow:after { content: "\e82a"; font-family: "iconfont"; color: #ccc; font-size: 2rem; -webkit-transform: translateY(3px); transform: translateY(3px); }

.ui-list-border { border: 1px solid #e4eaec; border-bottom: 0; }

.ui-list-striped li:nth-child(even) { background: #F9FBFD; }

.ui-list-hover li:hover { background: #F9FBFD; }

.ui-list-border .arrow { padding: 0 9px; }

.ui-list .active { background: #F5FAFE; }

/*LightBox*/
.ui-lightbox-mask { position: fixed; left: 0; top: 0; right: 0; bottom: 0; background: rgba(0, 0, 0, 0.4); z-index: 998; display: block; display: none; overflow: hidden; }

.ui-lightbox-warp { background: #fff; padding: 5px; border-radius: 4px; z-index: 999; position: fixed; left: 45%; top: 45%; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; }

.ui-lightbox-left { position: absolute; left: 0; top: 0; width: 30%; height: 100%; cursor: pointer; }

.ui-lightbox-left:after { content: "\e784"; font-family: iconfont; font-size: 42px; color: #fff; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: start; -ms-flex-pack: start; justify-content: flex-start; -webkit-box-align: center; -ms-flex-align: center; align-items: center; height: 100%; margin-left: 10%; opacity: 0; }

.ui-lightbox-right { position: absolute; right: 0; top: 0; width: 30%; height: 100%; cursor: pointer; }

.ui-lightbox-right:after { content: "\e78c"; font-family: iconfont; font-size: 42px; color: #fff; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: end; -ms-flex-pack: end; justify-content: flex-end; -webkit-box-align: center; -ms-flex-align: center; align-items: center; height: 100%; margin-right: 10%; opacity: 0; }

.ui-lightbox-warp:hover .ui-lightbox-left:after, .ui-lightbox-warp:hover .ui-lightbox-right:after { opacity: .8; }

.ui-lightbox-image { position: relative; }

.ui-lightbox-video { background: #000; }

.ui-lightbox-iframe { line-height: 0; }

.ui-lightbox-image-url { width: 0; }

.ui-lightbox-bottom { position: absolute; width: 0; height: 0; bottom: 0; left: 0; background: rgba(0, 0, 0, 0.6); color: #fff; padding: 0 15px; overflow: hidden; -webkit-transition: all .3s ease 0s; transition: all .3s ease 0s; }

.ui-lightbox-bottom * { line-height: 40px; }

.ui-lightbox-bottom i { float: right; font-style: normal; float: right; padding-left: 15px; color: #999; }

.ui-lightbox-close { position: absolute; right: -10px; top: -10px; font-size: 2rem; cursor: pointer; color: #333; font-family: verdana; background: #999; width: 30px; height: 30px; line-height: 30px; border-radius: 50%; background: #fff; text-align: center; z-index: 20; }

/*Modal*/
.ui-modal-mask { position: fixed; left: 0; top: 0; right: 0; bottom: 0; background: rgba(0, 0, 0, 0.3); z-index: 98; display: block; overflow-x: hidden; overflow-y: auto; display: none; }

.ui-modal { display: none; z-index: 99; position: fixed; border: 1px solid #eaeaea; border-radius: 4px; background: #fff; width: 500px; margin: 0 auto; -webkit-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.3); box-shadow: 0 1px 3px rgba(0, 0, 0, 0.3); -webkit-transition: -webkit-transform 0.2s cubic-bezier(0.16, 0.68, 0.43, 0.99); transition: -webkit-transform 0.2s cubic-bezier(0.16, 0.68, 0.43, 0.99); transition: transform 0.2s cubic-bezier(0.16, 0.68, 0.43, 0.99); transition: transform 0.2s cubic-bezier(0.16, 0.68, 0.43, 0.99), -webkit-transform 0.2s cubic-bezier(0.16, 0.68, 0.43, 0.99); }

.ui-modal-header { padding: 2rem; border-bottom: 1px solid #f3f3f3; display: -webkit-box; display: -ms-flexbox; display: flex; }

.ui-modal-header .ui-modal-title { -webkit-box-flex: 1; -ms-flex: 1; flex: 1; font-weight: bold; cursor: move; }

.ui-modal-header .ui-modal-close { -webkit-box-pack: end; -ms-flex-pack: end; justify-content: flex-end; -webkit-box-align: center; -ms-flex-align: center; align-items: center; font-size: 2rem; cursor: pointer; font-weight: 700; line-height: 1; color: #999; }

.ui-modal-header .ui-modal-close:hover { color: #000; }

.ui-modal-body { padding: 2rem; max-height: 500px; overflow-y: auto; }

.ui-modal-body .ui-form-ip { line-height: normal; }

.ui-modal-footer { padding: 10px 2rem; border-top: 1px solid #f3f3f3; text-align: right; font-size: 2rem; }

.ui-modal-sm { width: 360px; }

.ui-modal-sm .ui-modal-body { max-height: 22rem; }

.ui-modal-bg { width: 800px; }

.ui-modal-lg { width: 1000px; }

.ui-modal-in { -webkit-transition: -webkit-transform 0.3s ease-out; transition: -webkit-transform 0.3s ease-out; transition: transform 0.3s ease-out; transition: transform 0.3s ease-out, -webkit-transform 0.3s ease-out; -webkit-transform: translate(0, 50px); transform: translate(0, 50px); }

.ui-modal-out { -webkit-transition: -webkit-transform 0.3s ease-out; transition: -webkit-transform 0.3s ease-out; transition: transform 0.3s ease-out; transition: transform 0.3s ease-out, -webkit-transform 0.3s ease-out; -webkit-transform: translate(0); transform: translate(0); }

/*Media*/
.ui-media-list .ui-media { margin-bottom: 2rem; padding-bottom: 2rem; display: -webkit-box; display: -ms-flexbox; display: flex; border-bottom: 1px solid #f3f3f3; }

.ui-media-list .ui-media:last-child { margin-bottom: 0; }

.ui-media-img img, .ui-media-img svg { border: 1px solid #f3f3f3; padding: 3px; text-anchor: middle; border-radius: 4px; }

.ui-media-body { -webkit-box-flex: 1; -ms-flex: 1; flex: 1; position: relative; overflow: hidden; }

.ui-media-header { font-size: 2rem; font-weight: bold; margin: 0 0 5px 0; }

.ui-media-text { color: #666; word-break: break-all; }

.ui-media-text img { max-width: 100%; }

.ui-media-other { font-size: 12px; color: #999; margin-top: 5px; vertical-align: middle; }

.ui-media-link { padding-left: 15px; }

.ui-media-arrow { padding-left: 15px; }

.ui-media-arrow:after { content: ">"; font-family: 宋体; color: #ccc; font-size: 30px; }

.ui-media-center { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; }

.ui-media-bottom { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: end; -ms-flex-align: end; align-items: flex-end; }

.ui-media-border .ui-media { border-bottom: 0; padding-bottom: 0; }

.ui-media-border .ui-media-body { border-bottom: 1px solid #eaeaea; padding-bottom: 30px; }

.ui-media-border .ui-media-link, .ui-media-border .ui-media-arrow { border-bottom: 1px solid #eaeaea; }

.ui-media-border-none .ui-media { border-bottom: 0; }

.ui-media-border-none .ui-media:last-child { margin-bottom: 0; padding-bottom: 0; }

/*Menu*/
.ui-menu { display: -webkit-box; display: -ms-flexbox; display: flex; border-bottom: 1px solid #eaeaea; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; -webkit-box-align: center; -ms-flex-align: center; align-items: center; }

.ui-menu .ui-menu-name { color: #333; border-bottom: 2px solid #999; margin-bottom: -1px; padding-bottom: 15px; -ms-flex-item-align: end; align-self: flex-end; }

.ui-menu .ui-menu-more a { color: #666; display: block; padding-bottom: 10px; }

.ui-menu .ui-menu-more a:hover { color: #f30; }

.ui-menu-red .ui-menu-name { color: #ED4014; border-bottom-color: #ED4014; }

.ui-menu-yellow .ui-menu-name { color: #F37B1D; border-bottom-color: #F37B1D; }

.ui-menu-blue .ui-menu-name { color: #ea0012; border-bottom-color: #ea0012; }

.ui-menu-green .ui-menu-name { color: #19BE6B; border-bottom-color: #19BE6B; }

.ui-menu-info .ui-menu-name { color: #2DB7F5; border-bottom-color: #2DB7F5; }

.ui-menu-noborder { border: 0; }

.ui-menu-noborder .ui-menu-name { border: 0; }

/*Nav*/
.ui-nav ul { list-style: none; padding: 0; margin: 0; font-size: 0; }

.ui-nav ul li { display: inline-block; list-style: none; padding: 0; margin: 0; position: relative; }

.ui-nav ul li a { display: block; padding: 15px 30px; font-size: 1.6rem; text-align: center; }

.ui-nav ul li ul { position: absolute; min-width: 200px; border: 1px solid #d9d9d9; background: #fff; opacity: 0; -webkit-transition: all .3s ease 0s; transition: all .3s ease 0s; visibility: hidden; -webkit-transform: translate3d(0, 10px, 0); transform: translate3d(0, 10px, 0); -webkit-box-shadow: 0 3px 10px 0 rgba(51, 51, 51, 0.1); box-shadow: 0 3px 10px 0 rgba(51, 51, 51, 0.1); z-index: 20; }

.ui-nav ul li ul li { display: block; z-index: 1; }

.ui-nav ul li ul li a { text-align: left; color: #333; white-space: nowrap; }

.ui-nav ul li ul li a:hover { background: #ea0012; color: #fff; }

.ui-nav ul li:hover ul { opacity: 1; -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); visibility: visible; }

.ui-nav-full ul { display: -webkit-box; display: -ms-flexbox; display: flex; }

.ui-nav-full ul li { -webkit-box-flex: 1; -ms-flex: 1; flex: 1; }

.ui-nav-full ul li ul, .ui-nav-full ul li ul li { display: block; width: 100%; }

.ui-nav-bottom ul li ul { bottom: 41px; }

.ui-nav-bottom ul li ul:before { width: 0; height: 0; }

.ui-nav-bg-red { background: #ED4014; border: 1px solid #ED4014; }

.ui-nav-bg-red li a { color: #fff; }

.ui-nav-bg-red li a:hover { background: #fff; color: #333; }

.ui-nav-bg-red ul li.active a { background: #fff; color: #333; }

.ui-nav-bg-yellow { background: #F37B1D; border: 1px solid #F37B1D; }

.ui-nav-bg-yellow li a { color: #fff; }

.ui-nav-bg-yellow li a:hover { background: #fff; color: #333; }

.ui-nav-bg-yellow ul li.active a { background: #fff; color: #333; }

.ui-nav-bg-blue { background: #ea0012; border: 1px solid #ea0012; }

.ui-nav-bg-blue li a { color: #fff; }

.ui-nav-bg-blue li a:hover { background: #fff; color: #333; }

.ui-nav-bg-blue ul li.active a { background: #fff; color: #333; }

.ui-nav-bg-green { background: #19BE6B; border: 1px solid #19BE6B; }

.ui-nav-bg-green li a { color: #fff; }

.ui-nav-bg-green li a:hover { background: #fff; color: #333; }

.ui-nav-bg-green ul li.active a { background: #fff; color: #333; }

.ui-nav-bg-info { background: #2DB7F5; border: 1px solid #2DB7F5; }

.ui-nav-bg-info li a { color: #fff; }

.ui-nav-bg-info li a:hover { background: #fff; color: #333; }

.ui-nav-bg-info ul li.active a { background: #fff; color: #333; }

.ui-nav-bg-black { background: #000; border: 1px solid #000; }

.ui-nav-bg-black li a { color: #fff; }

.ui-nav-bg-black li a:hover { background: #fff; color: #333; }

.ui-nav-bg-black ul li.active a { background: #fff; color: #333; }

/*Offside*/
.ui-offside-mask { position: fixed; left: 0; top: 0; right: 0; bottom: 0; background: rgba(0, 0, 0, 0.3); z-index: 98; overflow-y: auto; display: none; }

.ui-offside { position: fixed; min-width: 200px; z-index: 996; -webkit-overflow-scrolling: touch; background: #fff; -webkit-transition: all .3s ease 0s; transition: all .3s ease 0s; }

.ui-offside-left { left: -100%; top: 0; height: 100%; overflow-y: auto; }

.ui-offside-right { right: -100%; top: 0; height: 100%; overflow-y: auto; }

.ui-offside-top { top: -100%; width: 100%; min-height: 100px; }

.ui-offside-bottom { bottom: -110%; width: 100%; min-height: 100px; }

.ui-offside-in.ui-offside-left, .ui-offside-in.ui-offside-right { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); }

.ui-offside-right-close { position: absolute; right: 10px; top: -10px; font-size: 24px; font-weight: bold; background: #fff; width: 28px; height: 28px; line-height: 26px; padding: 0; text-align: center; border: 1px solid #ddd; color: #333; border-radius: 50%; display: none; z-index: 999; }

.ui-offside-in .ui-offside-right-close { display: inline-block; }

/*OrderBy*/
.ui-orderby { background: #fff; border: 1px solid #eee; }

.ui-orderby ul { list-style: none; display: -webkit-box; display: -ms-flexbox; display: flex; }

.ui-orderby ul li a { border-right: 1px solid #eee; padding: 10px 30px; color: #666; display: block; }

.ui-orderby ul li a:hover { background: #fff; color: #ea0012; }

.ui-orderby ul li a i { font-size: 1.6rem; margin-left: 5px; }

.ui-orderby ul li.active a { background: #ea0012; border-right-color: #ea0012; color: #fff; }

.ui-orderby-red ul li a:hover { color: #ED4014; }

.ui-orderby-red ul li.active a { background: #ED4014; border-right-color: #ED4014; color: #fff; }

.ui-orderby-yellow ul li a:hover { color: #F37B1D; }

.ui-orderby-yellow ul li.active a { background: #F37B1D; border-right-color: #F37B1D; color: #fff; }

.ui-orderby-blue ul li a:hover { color: #ea0012; }

.ui-orderby-blue ul li.active a { background: #ea0012; border-right-color: #ea0012; color: #fff; }

.ui-orderby-green ul li a:hover { color: #19BE6B; }

.ui-orderby-green ul li.active a { background: #19BE6B; border-right-color: #19BE6B; color: #fff; }

.ui-orderby-info ul li a:hover { color: #2DB7F5; }

.ui-orderby-info ul li.active a { background: #2DB7F5; border-right-color: #2DB7F5; color: #fff; }

.ui-orderby-black ul li a:hover { color: #666; }

.ui-orderby-black ul li.active a { background: #666; border-right-color: #666; color: #fff; }

/*PicList*/
/*
3:2 ： 66.6%
3:4 ： 133.3%
16:9 ： 56.2%
两列列宽：48.5%
三列列宽：31.8%
四列列宽：23.5%
五列列宽：18.5%
*/
.ui-piclist { margin: 0 -.75%; padding: 0 0 .25% 0; list-style: none; overflow: hidden; font-size: 0; }

.ui-piclist:after { content: " "; clear: both; display: table; }

.ui-piclist-item { float: left; width: 23.5%; padding: 0; margin: 0 .75% 1.5% .75%; background: #fff; border: 1px solid #eaeaea; position: relative; z-index: 1; }

.ui-piclist-item:hover { -webkit-box-shadow: 0 1px 2rem rgba(0, 0, 0, 0.1); box-shadow: 0 1px 2rem rgba(0, 0, 0, 0.1); }

.ui-piclist-item .ui-progress { position: absolute; top: 32%; left: 10px; right: 10px; z-index: 2; }

.ui-piclist-item .error { position: absolute; top: 0; left: 0; right: 0; background: #F00; color: #fff; padding: 8px; font-size: 12px; z-index: 2; text-align: center; }

.ui-piclist-item.disabled, .ui-piclist-item.disabled a { cursor: not-allowed; }

.ui-piclist-image { position: relative; overflow: hidden; padding-bottom: 56.2%; }

.ui-piclist-image img { width: 100%; position: absolute; z-index: 1; }

.ui-piclist-image svg { width: 100%; height: 100%; z-index: 1; color: #fff; font-size: 24px; text-anchor: middle; position: absolute; }

.ui-piclist-image .upload { width: 100%; height: 100%; position: absolute; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center; font-size: 40px; color: #ccc; cursor: pointer; background: #f9f9f9; }

.ui-piclist-image .upload:hover { color: #333; }

.ui-piclist-image em { position: absolute; right: -74px; top: 10px; z-index: 10; width: 200px; line-height: 32px; background: #2DB7F5; color: #fff; font-size: 13px; text-align: center; font-style: normal; -webkit-transform: rotate(45deg); transform: rotate(45deg); }

.ui-piclist-image em.bg-red { background: #ED4014; }

.ui-piclist-image em.bg-yellow { background: #F37B1D; }

.ui-piclist-image em.bg-blue { background: #ea0012; }

.ui-piclist-image em.bg-green { background: #19BE6B; }

.ui-piclist-image em.bg-info { background: #2DB7F5; }

.ui-piclist-body { padding: 15px; }

.ui-piclist-title { font-size: 1.6rem; }

.ui-piclist-flex { margin: 10px 0 5px 0; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; }

.ui-piclist-price { color: #333; -webkit-box-flex: 1; -ms-flex: 1; flex: 1; font-size: 1.4rem; }

.ui-piclist-price strong { font-size: 1.6rem; color: #ED4014; }

.ui-piclist-price del, .ui-piclist-price span { color: #999; display: block; font-size: 12px; }

.ui-piclist-flex .action a.ui-btn { border-radius: 50px; padding: 0 2rem; font-size: 1.6rem; }

.ui-piclist-col-2 .ui-piclist-item { width: 48.5%; }

.ui-piclist-col-3 .ui-piclist-item { width: 31.8%; }

.ui-piclist-col-5 .ui-piclist-item { width: 18.5%; }

.ui-piclist-1-1 .ui-piclist-image { padding-bottom: 100%; }

.ui-piclist-3-2 .ui-piclist-image { padding-bottom: 66.6%; }

.ui-piclist-3-4 .ui-piclist-image { padding-bottom: 133.3%; }

.ui-piclist-4-3 .ui-piclist-image { padding-bottom: 75%; }

.ui-piclist-16-9 .ui-piclist-image { padding-bottom: 56.2%; }

.ui-piclist-100 .ui-piclist-image img { min-height: 100%; }

.ui-piclist-image .upload-action { position: absolute; width: 100%; height: 100%; bottom: -100%; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center; font-size: 15px; z-index: 2; background: rgba(0, 0, 0, 0.4); -webkit-transition: all .5s ease 0s; transition: all .5s ease 0s; }

.ui-piclist-image .upload-action a { font-size: 30px; color: #ccc; margin: 0 5px; }

.ui-piclist-image .upload-action a:hover { color: #fff; }

.ui-piclist-image:hover .upload-action { bottom: 0; }

.ui-piclist-top { margin-top: -15px; }

/*Page*/
.ui-page { -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; }

.ui-page ul { margin: 0; padding: 0; list-style: none; display: -webkit-box; display: -ms-flexbox; display: flex; margin-left: 1px; }

.ui-page ul li { font-size: 0; list-style: none; display: inline-block; border: 1px solid #d9d9d9; margin-left: -1px; }

.ui-page ul li:first-child, .ui-page ul li:first-child a { border-radius: 4px 0 0 4px; }

.ui-page ul li:last-child, .ui-page ul li:last-child a { border-radius: 0 .4px 4px 0; }

.ui-page ul li a { font-size: 1.6rem; display: block; padding: 0 15px; line-height: 40px; color: #444; background: #fff; }

.ui-page ul li a:not([href]) { color: #999; cursor: not-allowed; }

.ui-page ul li.active { border-color: #ea0012; background: #ea0012; }

.ui-page ul li.active a { color: #fff; background: #ea0012; }

.ui-page ul li.active a:hover { background: #ea0012; }

.ui-page ul li:hover a { background: #f9f9f9; }

.ui-page-red ul li.active { border-color: #ED4014; background: #ED4014; }

.ui-page-red ul li.active a { background: #ED4014; }

.ui-page-red ul li.active a:hover { background: #ED4014; }

.ui-page-yellow ul li.active { border-color: #F37B1D; background: #F37B1D; }

.ui-page-yellow ul li.active a { background: #F37B1D; }

.ui-page-yellow ul li.active a:hover { background: #F37B1D; }

.ui-page-green ul li.active { border-color: #19BE6B; background: #19BE6B; }

.ui-page-green ul li.active a { background: #19BE6B; }

.ui-page-green ul li.active a:hover { background: #19BE6B; }

.ui-page-info ul li.active { border-color: #2DB7F5; background: #2DB7F5; }

.ui-page-info ul li.active a { background: #2DB7F5; }

.ui-page-info ul li.active a:hover { background: #2DB7F5; }

.ui-page-mid ul li { margin-right: 6px; }

.ui-page-mid ul li { border-radius: 2px; }

.ui-page-mid ul li:first-child, .ui-page-mid ul li:last-child { border-radius: 2px; }

.ui-page-center ul { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center; }

.ui-page-right ul { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: end; -ms-flex-pack: end; justify-content: flex-end; }

.ui-page-right { display: -webkit-box; display: -ms-flexbox; display: flex; }

.ui-page-right .ui-page-other { -webkit-box-flex: 1; -ms-flex: 1; flex: 1; -webkit-box-pack: start; -ms-flex-pack: start; justify-content: flex-start; -webkit-box-align: center; -ms-flex-align: center; align-items: center; display: -webkit-box; display: -ms-flexbox; display: flex; }

/*Progress*/
.ui-progress { background: #e4eaec; height: 10px; overflow: hidden; display: -webkit-box; display: -ms-flexbox; display: flex; }

.ui-progress .ui-progress-bar { background: #ea0012; display: -webkit-box; display: -ms-flexbox; display: flex; font-size: 12px; color: #fff; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center; }

.ui-progress-radius { border-radius: 2rem; }

.ui-progress-radius .ui-progress-bar { border-radius: 2rem 0 0 2rem; }

.ui-progress-lt { height: 2px; }

.ui-progress-sm { height: 4px; }

.ui-progress-big { height: 15px; }

.ui-progress-lg { height: 22px; }

.ui-progress-red .ui-progress-bar { background: #ED4014; }

.ui-progress-yellow .ui-progress-bar { background: #F37B1D; }

.ui-progress-green .ui-progress-bar { background: #19BE6B; }

.ui-progress-info .ui-progress-bar { background: #2DB7F5; }

.ui-progress-striped .ui-progress-bar { background-image: -webkit-linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent); background-image: linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent); background-size: 40px 40px; -webkit-animation: ui-progress-bar-active 2s linear infinite normal; animation: ui-progress-bar-active 2s linear infinite normal; }

@-webkit-keyframes ui-progress-bar-active { from { background-position: 30px 0; }
  to { background-position: 0 0; } }

@keyframes ui-progress-bar-active { from { background-position: 30px 0; }
  to { background-position: 0 0; } }

/*Step*/
.ui-step-wrap { position: relative; overflow: hidden; z-index: 20; }

.ui-step-wrap .ui-step-bg, .ui-step-wrap .ui-step-progress { height: 4px; position: absolute; top: 17px; left: 0; }

.ui-step-wrap .ui-step-bg { width: 100%; background: #ccd5db; }

.ui-step-wrap .ui-step-progress { width: 0; background: #ea0012; }

.ui-step { font-size: 0; display: -webkit-box; display: -ms-flexbox; display: flex; position: relative; }

.ui-step-item { font-size: 1.6rem; color: #595959; text-align: center; -webkit-box-flex: 1; -ms-flex: 1; flex: 1; position: relative; }

.ui-step-num { width: 36px; height: 36px; font-size: 18px; line-height: 32px; background: #ccd5db; border: 2px solid #ccd5db; display: block; border-radius: 50%; color: #fff; text-align: center; margin: 0 auto; }

.ui-step-title { line-height: 32px; color: #999; }

.ui-step-item.active .ui-step-num { background: #fff; color: #ea0012; border-color: #ea0012; }

.ui-step-item.active .ui-step-title { color: #ea0012; }

.ui-step-bottom .ui-step-bg, .ui-step-bottom .ui-step-progress { top: 48px; }

.ui-step-red .ui-step-progress { background: #ED4014; }

.ui-step-red .ui-step-item.active .ui-step-num { color: #ED4014; border-color: #ED4014; }

.ui-step-red .ui-step-item.active .ui-step-title { color: #ED4014; }

.ui-step-yellow .ui-step-progress { background: #F37B1D; }

.ui-step-yellow .ui-step-item.active .ui-step-num { color: #F37B1D; border-color: #F37B1D; }

.ui-step-yellow .ui-step-item.active .ui-step-title { color: #F37B1D; }

.ui-step-green .ui-step-progress { background: #19BE6B; }

.ui-step-green .ui-step-item.active .ui-step-num { color: #19BE6B; border-color: #19BE6B; }

.ui-step-green .ui-step-item.active .ui-step-title { color: #19BE6B; }

.ui-step-info .ui-step-progress { background: #2DB7F5; }

.ui-step-info .ui-step-item.active .ui-step-num { color: #2DB7F5; border-color: #2DB7F5; }

.ui-step-info .ui-step-item.active .ui-step-title { color: #2DB7F5; }

.ui-step-arrow:after { display: block; content: " "; margin: 15px auto 0 auto; width: 2rem; height: 2rem; border: 1px solid #eaeaea; border-left: 0; border-bottom: 0; -webkit-transform: rotate(-45deg); -ms-transform: rotate(-45deg); transform: rotate(-45deg); background: #fff; z-index: 30; }

/*Star*/
.ui-star-item { font-size: 30px; font-family: arial; display: inline-block; color: #999; cursor: pointer; }

.ui-star-item i { font-size: 24px; }

.ui-star-item:hover { color: #f30; }

.ui-star-full { color: #f30; }

.ui-star-active { color: #f30; }

/*Scroll*/
.ui-scroll { overflow: hidden; position: relative; }

.ui-scroll-warp { width: 100%; }

/*Table*/
.ui-table-wrap { overflow-y: auto; width: 100%; margin-bottom: 10px; }

.ui-table { width: 100%; }

.ui-table th { padding: 15px; white-space: nowrap; border-bottom: 2px solid #eee; white-space: nowrap; }

.ui-table td { padding: 10px 15px; border-bottom: 1px solid #eee; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; min-height: 40px; }

.ui-table .ui-thead-dark { background: #697076; }

.ui-table .ui-thead-dark th { color: #fff; border-color: #697076; }

.ui-table .ui-thead-gray { background: #fafafa; }

.ui-table .ui-thead-gray th { border-color: #eee; }

.ui-table-border, .ui-table-border th, .ui-table-border td { border: 1px solid #eee; text-align: center; }

.ui-table-hover tr:hover { background: #EBF7FF; }

.ui-table-striped tr:nth-child(even) { background: #FBFDFF; }

.ui-table-striped tr:nth-child(even):hover { background: #EBF7FF; }

.ui-table .ui-thead-dark tr:hover { background: #697076; }

.ui-table .ui-thead-gray tr:hover { background: #fafafa; }

.ui-table td .ui-switch { margin-top: 5px; }

.ui-table td [class*=ui-icon-] { font-size: 19px; }

.ui-table td a [class*=ui-icon-] { color: #999; }

.ui-table td a:hover [class*=ui-icon-] { color: #f30; }

.ui-table td del { color: #999; }

.ui-table .ui-active { background: #EBF7FF; }

.ui-table .ui-active tr:hover { background: #EBF7FF; }

.ui-table .border-left-none { border-left: 0; }

.ui-table .border-right-none { border-right: 0; }

.ui-table td .image { border: 1px solid #f3f3f3; width: 64px; vertical-align: text-top; margin-right: 15px; float: left; padding: 2px; }

/*Tab*/
.ui-tabs:after { display: table; content: " "; clear: both; }

.ui-tabs-nav { border-bottom: 0 solid #e4eaec; font-size: 0; -ms-flex-item-align: end; align-self: flex-end; }

.ui-tabs-nav li { display: inline-block; margin-right: 10px; }

.ui-tabs-nav li a { display: block; color: #76838F; padding: 15px 2rem; font-size: 1.6rem; }

.ui-tabs-nav li a:hover { color: #ea0012; }

.ui-tabs-nav li.active { border-bottom: 2px solid #ea0012; }

.ui-tabs-nav li.active a { color: #ea0012; }

.ui-tabs-content { padding: 0; }

.ui-tabs-content .ui-tabs-pane { display: none; }

.ui-tabs-content .ui-tabs-pane img { max-width: 100%; }

.ui-tabs-pane.active { display: block; }

.ui-tabs-vertical { display: -webkit-box; display: -ms-flexbox; display: flex; }

.ui-tabs-vertical > .ui-tabs-nav { -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; border-right: 1px solid #e4eaec; border-bottom: none; }

.ui-tabs-vertical > .ui-tabs-nav li { display: -webkit-box; display: -ms-flexbox; display: flex; margin: 0; }

.ui-tabs-vertical > .ui-tabs-nav li a { padding: 2rem 30px; }

.ui-tabs-vertical > .ui-tabs-nav li.active { border: 0; border-right: 2px solid #ea0012; }

.ui-tabs-vertical > .ui-tabs-nav li:hover { border: 0; border-right: 2px solid #ea0012; }

.ui-tabs-vertical > .ui-tabs-content { padding: 0 2rem; -webkit-box-flex: 1; -ms-flex: 1; flex: 1; }

.ui-tabs-white > .ui-tabs-nav { border: 0; }

.ui-tabs-white > .ui-tabs-nav li { margin: 0; }

.ui-tabs-white > .ui-tabs-nav li a { padding: 15px 30px; }

.ui-tabs-white > .ui-tabs-nav li:hover { border: 0; }

.ui-tabs-white > .ui-tabs-nav li.active { border: 0; background: #fff; border-radius: 4px 4px 0 0; font-weight: normal; }

.ui-tabs-white > .ui-tabs-nav li.active a { color: #444; }

.ui-tabs-white > .ui-tabs-content { border: 0; background: #fff; padding: 2rem; }

.ui-tabs-header-nav { display: -webkit-box; display: -ms-flexbox; display: flex; border-bottom: 1px solid #eaeaea; }

.ui-tabs-header-nav > .ui-tabs-nav { -webkit-box-flex: 1; -ms-flex: 1; flex: 1; }

.ui-tabs-header-more { -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: end; -ms-flex-pack: end; justify-content: flex-end; display: -webkit-box; display: -ms-flexbox; display: flex; }

.ui-tabs-header-subject { display: -webkit-box; display: -ms-flexbox; display: flex; }

.ui-tabs-header-subject .ui-tabs-header-title { -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: start; -ms-flex-pack: start; justify-content: flex-start; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-flex: 1; -ms-flex: 1; flex: 1; font-size: 18px; font-weight: 400; }

.ui-tabs-header-subject .ui-tabs-nav { -webkit-box-pack: end; -ms-flex-pack: end; justify-content: flex-end; display: -webkit-box; display: -ms-flexbox; display: flex; }

.ui-tabs-header-subject .ui-tabs-nav li { margin-left: 10px; margin-right: 0; }

.ui-tabs-content .ui-tabs-pane .ui-tabs-nav li.active { display: inline-block; }

/*Tips*/
.ui-tips-show { display: inline-block; background: #fff; border: 1px solid #d9d9d9; border-radius: 4px; padding: 10px 1.6rem; -webkit-box-shadow: 1px 2px 10px rgba(0, 0, 0, 0.1); box-shadow: 1px 2px 10px rgba(0, 0, 0, 0.1); max-width: 600px; word-break: break-all; z-index: 999; }

.ui-tips-show img { max-width: 100%; border: 1px solid #f3f3f3; margin: 8px 0; }

.ui-tips-show:after { content: " "; position: absolute; width: 10px; height: 10px; border-left: 0; border-bottom: 0; background: #fff; border: 1px solid #d9d9d9; border-bottom: 0; border-right: 0; }

.ui-tips-left:after { right: -6px; top: 50%; -webkit-transform: translateY(-50%) rotate(-225deg); transform: translateY(-50%) rotate(-225deg); }

.ui-tips-top:after { left: 50%; top: 100%; -webkit-transform: translateX(-50%) translateY(-50%) rotate(-140deg); transform: translateX(-50%) translateY(-50%) rotate(-140deg); }

.ui-tips-right:after { left: -6px; top: 50%; -webkit-transform: translateY(-50%) rotate(-45deg); transform: translateY(-50%) rotate(-45deg); }

.ui-tips-bottom:after { left: 50%; top: 0; -webkit-transform: translateX(-50%) translateY(-50%) rotate(45deg); transform: translateX(-50%) translateY(-50%) rotate(45deg); }

.ui-tips-bottom-left:after { left: 10px; top: 0; -webkit-transform: translateY(-50%) rotate(45deg); transform: translateY(-50%) rotate(45deg); }

.ui-tips-top-left:after { left: 10px; top: 100%; -webkit-transform: translateY(-50%) rotate(-140deg); transform: translateY(-50%) rotate(-140deg); }

.ui-tips-right-top:after { left: -5px; top: 15px; -webkit-transform: translateY(-50%) rotate(-45deg); transform: translateY(-50%) rotate(-45deg); }

.ui-tips-red { background: #ED4014; border-color: #ED4014; color: #fff; }

.ui-tips-red:after { border-color: #ED4014; background: #ED4014; }

.ui-tips-yellow { background: #F37B1D; border-color: #F37B1D; color: #fff; }

.ui-tips-yellow:after { border-color: #F37B1D; background: #F37B1D; }

.ui-tips-blue { background: #ea0012; border-color: #ea0012; color: #fff; }

.ui-tips-blue:after { border-color: #ea0012; background: #ea0012; }

.ui-tips-green { background: #19BE6B; border-color: #19BE6B; color: #fff; }

.ui-tips-green:after { border-color: #19BE6B; background: #19BE6B; }

.ui-tips-info { background: #2DB7F5; border-color: #2DB7F5; color: #fff; }

.ui-tips-info:after { border-color: #2DB7F5; background: #2DB7F5; }

.ui-tips-black { background: #000; border-color: #000; color: #fff; }

.ui-tips-black:after { border-color: #000; background: #000; }

/*Toast*/
.ui-toast-warp { z-index: 998; pointer-events: none; position: fixed; }

.ui-toast { min-width: 250px; max-width: 400px; overflow: hidden; font-size: 1.6rem; background: #fff; border: 1px solid rgba(0, 0, 0, 0.1); -webkit-box-shadow: 0 1px 5px rgba(0, 0, 0, 0.2); box-shadow: 0 1px 5px rgba(0, 0, 0, 0.2); border-radius: 4px; -webkit-transition: -webkit-transform 0.2s cubic-bezier(0.16, 0.68, 0.43, 0.99); transition: -webkit-transform 0.2s cubic-bezier(0.16, 0.68, 0.43, 0.99); transition: transform 0.2s cubic-bezier(0.16, 0.68, 0.43, 0.99); transition: transform 0.2s cubic-bezier(0.16, 0.68, 0.43, 0.99), -webkit-transform 0.2s cubic-bezier(0.16, 0.68, 0.43, 0.99); word-break: break-all; text-align: left; pointer-events: all; display: block; z-index: 999; opacity: 1; -webkit-transition: all 0.2s linear; transition: all 0.2s linear; -webkit-animation-duration: 0.3s; animation-duration: 0.3s; -webkit-animation-fill-mode: both; animation-fill-mode: both; }

.ui-toast-header { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; padding: 15px 1.6rem; border-bottom: 1px solid rgba(0, 0, 0, 0.05); }

.ui-toast-header .ui-toast-title { -webkit-box-flex: 1; -ms-flex: 1; flex: 1; font-weight: bold; }

.ui-toast-header .ui-toast-close { -webkit-box-pack: end; -ms-flex-pack: end; justify-content: flex-end; -webkit-box-align: center; -ms-flex-align: center; align-items: center; font-size: 2rem; cursor: pointer; font-weight: 700; line-height: 1; color: #999; }

.ui-toast-header .ui-toast-close:hover { color: #000; }

.ui-toast-body { padding: 15px 25px; }

.ui-toast-body-icon { padding: 10px 2rem; }

.ui-toast-body span { font-size: 30px; vertical-align: middle; margin-right: 15px; -webkit-transform: translateY(1px); transform: translateY(1px); }

.ui-toast-body .success { color: #19BE6B; }

.ui-toast-body .error { color: #ED4014; }

.ui-toast-body .warn { color: #F37B1D; }

.ui-toast-body .loading { color: #ea0012; }

.ui-progress-toast { background: #f5f5f5; }

.ui-progress-toast .ui-progress-bar { background: #40a9ff; }

.ui-progress-toast .ui-progress-success { background: #19BE6B; opacity: .6; }

.ui-progress-toast .ui-progress-error { background: #ED4014; opacity: .6; }

.ui-progress-toast .ui-progress-warn { background: #F37B1D; opacity: .6; }

.ui-progress-toast .ui-progress-loading { background: #ED4014; }

.ui-toast-warp-top-left { left: 0; top: 0; }

.ui-toast-warp-top-right { right: 0; top: 0; }

.ui-toast-warp-top-center { top: 0; }

.ui-toast-warp-bottom-left { left: 0; bottom: 0; }

.ui-toast-warp-bottom-right { right: 0; bottom: 0; }

.ui-toast-warp-bottom-center { bottom: 0; }

.ui-toast-warp-top-left .ui-toast, .ui-toast-warp-top-right .ui-toast, .ui-toast-warp-bottom-left .ui-toast, .ui-toast-warp-bottom-right .ui-toast { margin: 10px; }

.ui-toast-warp-top-center .ui-toast { margin: 10px auto 5px auto; }

.ui-toast-warp-bottom-center .ui-toast { margin: 5px auto 10px auto; }

.ui-toast-red { background: #ED4014; color: #fff; }

.ui-toast-red .ui-toast-header { border-color: #F16643; }

.ui-toast-red .ui-toast-header .ui-toast-title { color: #fff; }

.ui-toast-red .ui-toast-header .ui-toast-close { color: #fff; }

.ui-toast-red .ui-toast-header .ui-toast-close:hover { color: #fff; }

.ui-toast-red .ui-icon-font.success, .ui-toast-red .ui-icon-font.error, .ui-toast-red .ui-icon-font.warn { color: #fff; }

.ui-toast-yellow { background: #FF6C47; color: #fff; }

.ui-toast-yellow .ui-toast-header { border-color: #FB882D; }

.ui-toast-yellow .ui-toast-header .ui-toast-title { color: #fff; }

.ui-toast-yellow .ui-toast-header .ui-toast-close { color: #fff; }

.ui-toast-yellow .ui-toast-header .ui-toast-close:hover { color: #fff; }

.ui-toast-yellow .ui-icon-font.success, .ui-toast-yellow .ui-icon-font.error, .ui-toast-yellow .ui-icon-font.warn { color: #fff; }

.ui-toast-blue { background: #ea0012; color: #fff; }

.ui-toast-blue .ui-toast-header { border-color: #40A9FF; }

.ui-toast-blue .ui-toast-header .ui-toast-title { color: #fff; }

.ui-toast-blue .ui-toast-header .ui-toast-close { color: #fff; }

.ui-toast-blue .ui-toast-header .ui-toast-close:hover { color: #fff; }

.ui-toast-blue .ui-icon-font.success, .ui-toast-blue .ui-icon-font.error, .ui-toast-blue .ui-icon-font.warn { color: #fff; }

.ui-toast-green { background: #19BE6B; color: #fff; }

.ui-toast-green .ui-toast-header { border-color: #47CB89; }

.ui-toast-green .ui-toast-header .ui-toast-title { color: #fff; }

.ui-toast-green .ui-toast-header .ui-toast-close { color: #fff; }

.ui-toast-green .ui-toast-header .ui-toast-close:hover { color: #fff; }

.ui-toast-green .ui-icon-font.success, .ui-toast-green .ui-icon-font.error, .ui-toast-green .ui-icon-font.warn { color: #fff; }

.ui-toast-info { background: #2DB7F5; color: #fff; }

.ui-toast-info .ui-toast-header { border-color: #57C5F7; }

.ui-toast-info .ui-toast-header .ui-toast-title { color: #fff; }

.ui-toast-info .ui-toast-header .ui-toast-close { color: #fff; }

.ui-toast-info .ui-toast-header .ui-toast-close:hover { color: #fff; }

.ui-toast-info .ui-icon-font.success, .ui-toast-info .ui-icon-font.error, .ui-toast-info .ui-icon-font.warn { color: #fff; }

.ui-toast-red .ui-progress-toast { background: none; }

.ui-toast-red .ui-progress-toast .ui-progress-bar { background: rgba(255, 255, 255, 0.4); }

.ui-toast-red .ui-progress-toast { background: none; }

.ui-toast-red .ui-progress-toast .ui-progress-bar { background: rgba(255, 255, 255, 0.4); }

.ui-toast-yellow .ui-progress-toast { background: none; }

.ui-toast-yellow .ui-progress-toast .ui-progress-bar { background: rgba(255, 255, 255, 0.4); }

.ui-toast-blue .ui-progress-toast { background: none; }

.ui-toast-blue .ui-progress-toast .ui-progress-bar { background: rgba(255, 255, 255, 0.4); }

.ui-toast-green .ui-progress-toast { background: none; }

.ui-toast-green .ui-progress-toast .ui-progress-bar { background: rgba(255, 255, 255, 0.4); }

.ui-toast-info .ui-progress-toast { background: none; }

.ui-toast-info .ui-progress-toast .ui-progress-bar { background: rgba(255, 255, 255, 0.4); }

.ui-toast-in { -webkit-animation-name: ui-toast-In; animation-name: ui-toast-In; }

/*TimeLine*/
.ui-timeline-item { padding: 0 0 2rem 40px; position: relative; }

.ui-timeline-item:last-child { padding-bottom: 0; }

.ui-timeline-item:before { content: " "; width: 1px; display: block; background: #eee; height: 100%; position: absolute; top: 5px; left: 10px; }

.ui-timeline-dot { position: absolute; width: 2rem; height: 2rem; border-radius: 50%; border: 2px solid #ea0012; left: 0; top: 4px; background: #fff; }

.ui-timeline-title { font-size: 2rem; font-weight: bold; margin-bottom: 10px; padding: 0; }

.ui-timeline-text { color: #666; }

.ui-timeline-red .ui-timeline-dot { border-color: #ED4014; }

.ui-timeline-yellow .ui-timeline-dot { border-color: #F37B1D; }

.ui-timeline-blue .ui-timeline-dot { border-color: #ea0012; }

.ui-timeline-green .ui-timeline-dot { border-color: #19BE6B; }

.ui-timeline-info .ui-timeline-dot { border-color: #2DB7F5; }

/*address*/
.ui-address { z-index: 100; }

.ui-address .ui-col-4 { border-left: 1px solid #eaeaea; overflow: hidden; }

.ui-address .ui-col-4:first-child { border: 0; }

.ui-address ul { height: 300px; overflow-y: auto; width: 22rem; }

.ui-address ul li { cursor: pointer; }

@media (max-width: 576px) { .ui-modal, .ui-dialog { max-width: 95%; }
  .ui-dialog-address { max-width: 100%; }
  .ui-dialog-address .ui-list li { border-bottom: 0; }
  .ui-dialog-body-address { min-height: 200px; }
  .ui-step-wrap .ui-step-bg, .ui-step-wrap .ui-step-progress { height: 2px; }
  .ui-step-num { width: 30px; height: 30px; font-size: 1.6rem; line-height: 26px; }
  .ui-piclist-image em { position: absolute; right: -8px; top: 8px; z-index: 10; width: 200px; height: 24px; line-height: 26px; background: #2DB7F5; color: #fff; font-size: 9px; text-align: center; font-style: normal; -webkit-transform: rotate(45deg); transform: rotate(45deg); }
  .ui-page ul li a { font-size: 12px; padding: 0 12px; line-height: 30px; }
  .ui-piclist-price strong { font-size: 15px; font-weight: normal; }
  .ui-filter .ui-filter-left { padding-top: 9px; font-size: 13px; }
  .ui-filter .ui-filter-right a { padding: 4px 10px; margin: 5px 5px 0 0; font-size: 13px; } }

.ui-mwidth { width: 100%; max-width: 640px; margin: 0 auto; }

/*Topbar*/
.ui-topbar { display: -webkit-box; display: -ms-flexbox; display: flex; padding: 10px 2rem; background: #ea0012; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center; }

.ui-topbar-logo { padding: 0 10px 5px 0; }

.ui-topbar-logo a { color: #fff; }

.ui-topbar-search { -webkit-box-flex: 1; -ms-flex: 1; flex: 1; -webkit-box-pack: end; -ms-flex-pack: end; justify-content: flex-end; color: #fff; text-align: right; padding-right: 2rem; position: relative; }

.ui-topbar-search input { background: #fff; border: 1px solid rgba(255, 255, 255, 0.5); height: 40px; padding: 0 15px; border-radius: 2rem; color: #666; width: 100%; margin-left: 2rem; }

.ui-topbar-search button { position: absolute; background: none; width: 30px; border: 0; top: 0; right: 10px; top: 6px; }

.ui-topbar-search button:focus { border: 0; }

.ui-topbar-search button i { color: #999; }

.ui-topbar-search-layout { -webkit-box-flex: 1; -ms-flex: 1; flex: 1; -webkit-box-pack: end; -ms-flex-pack: end; justify-content: flex-end; text-align: right; padding-right: 2rem; position: relative; }

.ui-topbar-search-layout a { background: #fff; border: 1px solid rgba(255, 255, 255, 0.5); line-height: 30px; height: 34px; padding: 10px 15px; border-radius: 2rem; color: #666; width: 100%; margin-left: 2rem; display: block; text-align: left; line-height: 1; }

.ui-topbar-search-layout i { position: absolute; top: 10%; right: 15px; color: #999; }

.ui-topbar-three { -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; }

.ui-topbar-left { color: #fff; min-width: 2rem; cursor: pointer; }

.ui-topbar-left a { color: #fff; }

.ui-topbar-title { color: #fff; font-size: 1.6rem; padding: 0 2rem; }

.ui-topbar-right { color: #fff; min-width: 2rem; }

.ui-topbar-right a { color: #fff; }

.ui-topbar-red { background: #ED4014; }

.ui-topbar-yellow { background: #F37B1D; }

.ui-topbar-blue { background: #ea0012; }

.ui-topbar-green { background: #19BE6B; }

.ui-topbar-info { background: #2DB7F5; }

.ui-topbar-black { background: #222; }

.ui-topbar-white { background: #fff; }

.ui-topbar-white .ui-topbar-left a { color: #333; }

.ui-topbar-white .ui-topbar-title { color: #333; }

.ui-topbar-white .ui-topbar-right { color: #333; }

.ui-topbar-white .ui-topbar-right a { color: #333; }

.ui-topbar-opacity { background: none; z-index: 998; position: relative; }

.ui-topbar-opacity .ui-topbar-left a { color: #fff; background: rgba(51, 51, 51, 0.2); padding: 5px; border-radius: 50%; }

.ui-topbar-opacity .ui-topbar-right a { color: #fff; background: rgba(51, 51, 51, 0.2); padding: 5px; border-radius: 50%; }

.ui-topbar-opacity .ui-topbar-title ul { list-style: none; display: none; margin-bottom: -6px; }

.ui-topbar-opacity .ui-topbar-title ul li { font-size: 13px; padding: 0 8px; }

.ui-topbar-opacity .ui-topbar-title ul li a { border-bottom: 2px solid transparent; display: -webkit-box; display: -ms-flexbox; display: flex; padding-bottom: 5px; }

.ui-topbar-opacity .ui-topbar-title ul li.active a { border-bottom-color: #ea0012; color: #ea0012; }

.ui-topbar-show { background: #fff; -webkit-transition: background 1s; transition: background 1s; border-bottom: 1px solid #eee; -webkit-box-shadow: 1px 1px 10px rgba(0, 0, 0, 0.1); box-shadow: 1px 1px 10px rgba(0, 0, 0, 0.1); }

.ui-topbar-show .ui-topbar-left { font-size: 1.6rem; color: #333; }

.ui-topbar-show .ui-topbar-left a { color: #333; background: #fff; -webkit-transition: background 1s; transition: background 1s; padding: 5px; font-size: 1.6rem; }

.ui-topbar-show .ui-topbar-right a { color: #333; background: #fff; -webkit-transition: background 1s; transition: background 1s; padding: 5px; }

.ui-topbar-show .ui-topbar-title { color: #333; }

.ui-topbar-show .ui-topbar-title ul { display: -webkit-box; display: -ms-flexbox; display: flex; }

/*Footbar*/
.ui-footbar { display: -webkit-box; display: -ms-flexbox; display: flex; background: #fff; -webkit-box-shadow: 1px -2px 10px 0px rgba(0, 0, 0, 0.05); box-shadow: 1px -2px 10px 0px rgba(0, 0, 0, 0.05); -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center; }

.ui-footbar-left { display: -webkit-box; display: -ms-flexbox; display: flex; }

.ui-footbar-left a { line-height: 2rem; padding: 10px 2rem; text-align: center; display: block; }

.ui-footbar-left a:last-child { border: 0; }

.ui-footbar-left a i { display: block; font-size: 24px; }

.ui-footbar-left a:first-child { color: #f30; }

.ui-footbar-left a:last-child { color: #999; }

.ui-footbar-right { -webkit-box-flex: 1; -ms-flex: 1; flex: 1; display: -webkit-box; display: -ms-flexbox; display: flex; }

.ui-footbar-right a, .ui-footbar-right button { -webkit-box-flex: 1; -ms-flex: 1; flex: 1; background: #f90; display: block; padding: 15px 0; color: #fff; text-align: center; border: 0; }

.ui-footbar-right a:last-child, .ui-footbar-right button:last-child { background: #ED4014; }

.ui-footbar a.disabled { background: #f3f3f3; cursor: not-allowed; color: #999; }

/*Footnav*/
.ui-footnav { display: -webkit-box; display: -ms-flexbox; display: flex; background: #fff; -webkit-box-shadow: 1px -2px 10px 0px rgba(0, 0, 0, 0.05); box-shadow: 1px -2px 10px 0px rgba(0, 0, 0, 0.05); -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center; }

.ui-footnav a { line-height: 22px; padding: 10px 0; text-align: center; border-right: 0px solid #f3f3f3; display: block; -webkit-box-flex: 1; -ms-flex: 1; flex: 1; color: #999; position: relative; }

.ui-footnav a:last-child { border: 0; }

.ui-footnav a i { display: block; font-size: 24px; color: #666; }

.ui-footnav a .ui-badge { position: absolute; top: 4px; }

.ui-footnav a.active { color: #ea0012; }

.ui-footnav a.active i { color: #ea0012; }

.ui-footnav-red a.active { color: #ED4014; }

.ui-footnav-red a.active i { color: #ED4014; }

.ui-footnav-yellow a.active { color: #F37B1D; }

.ui-footnav-yellow a.active i { color: #F37B1D; }

.ui-footnav-blue a.active { color: #ea0012; }

.ui-footnav-blue a.active i { color: #ea0012; }

.ui-footnav-green a.active { color: #19BE6B; }

.ui-footnav-green a.active i { color: #19BE6B; }

.ui-footnav-info a.active { color: #2DB7F5; }

.ui-footnav-info a.active i { color: #2DB7F5; }

.ui-footnav-bg-red { background: #ED4014; }

.ui-footnav-bg-red a { color: #fff; border-right-color: rgba(255, 255, 255, 0.2); }

.ui-footnav-bg-red a i { color: #fff; }

.ui-footnav-bg-red a.active, .ui-footnav-bg-red a.active i { color: #ff0; }

.ui-footnav-bg-yellow { background: #F37B1D; }

.ui-footnav-bg-yellow a { color: #fff; border-right-color: rgba(255, 255, 255, 0.2); }

.ui-footnav-bg-yellow a i { color: #fff; }

.ui-footnav-bg-yellow a.active, .ui-footnav-bg-yellow a.active i { color: #ff0; }

.ui-footnav-bg-blue { background: #ea0012; }

.ui-footnav-bg-blue a { color: #fff; border-right-color: rgba(255, 255, 255, 0.2); }

.ui-footnav-bg-blue a i { color: #fff; }

.ui-footnav-bg-blue a.active, .ui-footnav-bg-blue a.active i { color: #ff0; }

.ui-footnav-bg-green { background: #19BE6B; }

.ui-footnav-bg-green a { color: #fff; border-right-color: rgba(255, 255, 255, 0.2); }

.ui-footnav-bg-green a i { color: #fff; }

.ui-footnav-bg-green a.active, .ui-footnav-bg-green a.active i { color: #ff0; }

.ui-footnav-bg-info { background: #2DB7F5; }

.ui-footnav-bg-info a { color: #fff; border-right-color: rgba(255, 255, 255, 0.2); }

.ui-footnav-bg-info a i { color: #fff; }

.ui-footnav-bg-info a.active, .ui-footnav-bg-info a.active i { color: #ff0; }

.ui-footnav-bg-black { background: #444; }

.ui-footnav-bg-black a { color: #fff; border-right-color: rgba(255, 255, 255, 0.2); }

.ui-footnav-bg-black a i { color: #fff; }

.ui-footnav-bg-black a.active, .ui-footnav-bg-black a.active i { color: #ff0; }

/*sidebar*/
.ui-sidebar { position: fixed; right: 0; bottom: 40px; z-index: 998; }

.ui-sidebar ul { list-style: none; -webkit-box-shadow: 0px 0px 30px rgba(0, 0, 0, 0.1); box-shadow: 0px 0px 30px rgba(0, 0, 0, 0.1); border-radius: 2rem 0 0 2rem; }

.ui-sidebar ul li { color: #333; margin-top: -1px; position: relative; z-index: 200; }

.ui-sidebar ul li a { color: #ea0012; display: block; width: 50px; line-height: 45px; text-align: center; background: #fff; border: 1px solid #eee; }

.ui-sidebar ul li div { position: absolute; right: -100px; top: 2px; border: 1px solid #d9d9d9; -webkit-box-shadow: 0px 0px 30px rgba(0, 0, 0, 0.1); box-shadow: 0px 0px 30px rgba(0, 0, 0, 0.1); background: #fff; font-size: 13px; color: #333; border-radius: 4px; padding: 0 10px; line-height: 40px; opacity: 0; min-width: 9rem; -webkit-transition: all .5s ease; transition: all .5s ease; text-align: center; z-index: -1; white-space: nowrap; }

.ui-sidebar ul li div:after { content: " "; position: absolute; width: 10px; height: 10px; border-left: 0; border-bottom: 0; background: #fff; border: 1px solid #d9d9d9; border-bottom: 0; border-right: 0; right: -6px; top: 50%; -webkit-transform: translateY(-50%) rotate(-225deg); transform: translateY(-50%) rotate(-225deg); }

.ui-sidebar ul li a:hover { color: #fff; background: #ea0012; border-color: #ea0012; border-bottom-color: #fff; }

.ui-sidebar ul li:hover div { opacity: 1; right: 60px; }

.ui-sidebar ul li.active a { color: #fff; display: block; width: 50px; line-height: 45px; text-align: center; background: #ea0012; border: 1px solid #ea0012; }

.ui-sidebar ul li:first-child, .ui-sidebar ul li:first-child a { border-radius: 2rem 0 0 0; }

.ui-sidebar ul li:last-child, .ui-sidebar ul li:last-child a { border-radius: 0 0 0 2rem; }

.ui-sidebar-red ul li a { color: #ED4014; }

.ui-sidebar-red ul li a:hover { background: #ED4014; border-color: #ED4014; }

.ui-sidebar-red ul li.active a { background: #ED4014; border-color: #ED4014; }

.ui-sidebar-yellow ul li a { color: #F37B1D; }

.ui-sidebar-yellow ul li a:hover { background: #F37B1D; border-color: #F37B1D; }

.ui-sidebar-yellow ul li.active a { background: #F37B1D; border-color: #F37B1D; }

.ui-sidebar-green ul li a { color: #19BE6B; }

.ui-sidebar-green ul li a:hover { background: #19BE6B; border-color: #19BE6B; }

.ui-sidebar-green ul li.active a { background: #19BE6B; border-color: #19BE6B; }

.ui-sidebar-info ul li a { color: #2DB7F5; }

.ui-sidebar-info ul li a:hover { background: #2DB7F5; border-color: #2DB7F5; }

.ui-sidebar-info ul li.active a { background: #2DB7F5; border-color: #2DB7F5; }

/*常用*/
.ui-w-100 { width: 100% !important; }

.ui-w-auto { width: auto !important; }

.ui-h-25 { height: 25% !important; }

.ui-h-50 { height: 50% !important; }

.ui-h-75 { height: 75% !important; }

.ui-h-100 { height: 100% !important; }

.ui-h-auto { height: auto !important; }

.ui-mw-100 { max-width: 100% !important; }

.ui-mh-100 { max-height: 100% !important; }

.ui-min-vw-100 { min-width: 100vw !important; }

.ui-min-vh-100 { min-height: 100vh !important; }

.ui-min-100 { min-height: 100px !important; }

.ui-min-200 { min-height: 200px !important; }

.ui-min-300 { min-height: 300px !important; }

.ui-min-400 { min-height: 400px !important; }

.ui-vw-100 { width: 100vw !important; }

.ui-vh-100 { height: 100vh !important; }

.ui-p { padding: 10px !important; }

.ui-p-0 { padding: 0 !important; }

.ui-p-sm { padding: 5px !important; }

.ui-p-10 { padding: 10px !important; }

.ui-p-15 { padding: 15px !important; }

.ui-p-20 { padding: 2rem !important; }

.ui-p-30 { padding: 30px !important; }

.ui-p-40 { padding: 40px !important; }

.ui-p-50 { padding: 50px !important; }

.ui-p-60 { padding: 60px !important; }

.ui-p-70 { padding: 70px !important; }

.ui-p-80 { padding: 80px !important; }

.ui-p-90 { padding: 90px !important; }

.ui-p-100 { padding: 100px !important; }

.ui-pt { padding-top: 10px !important; }

.ui-pt-0 { padding-top: 0 !important; }

.ui-pt-sm { padding-top: 5px !important; }

.ui-pt-10 { padding-top: 10px !important; }

.ui-pt-15 { padding-top: 15px !important; }

.ui-pt-20 { padding-top: 2rem !important; }

.ui-pt-30 { padding-top: 30px !important; }

.ui-pt-40 { padding-top: 40px !important; }

.ui-pt-50 { padding-top: 50px !important; }

.ui-pt-60 { padding-top: 60px !important; }

.ui-pt-70 { padding-top: 70px !important; }

.ui-pt-80 { padding-top: 80px !important; }

.ui-pt-90 { padding-top: 90px !important; }

.ui-pt-100 { padding-top: 100px !important; }

.ui-pb { padding-bottom: 10px !important; }

.ui-pb-0 { padding-bottom: 0 !important; }

.ui-pb-sm { padding-bottom: 5px !important; }

.ui-pb-10 { padding-bottom: 10px !important; }

.ui-pb-15 { padding-bottom: 15px !important; }

.ui-pb-20 { padding-bottom: 2rem !important; }

.ui-pb-30 { padding-bottom: 30px !important; }

.ui-pb-40 { padding-bottom: 40px !important; }

.ui-pb-50 { padding-bottom: 50px !important; }

.ui-pb-60 { padding-bottom: 60px !important; }

.ui-pb-70 { padding-bottom: 70px !important; }

.ui-pb-80 { padding-bottom: 80px !important; }

.ui-pb-90 { padding-bottom: 90px !important; }

.ui-pb-100 { padding-bottom: 100px !important; }

.ui-pl { padding-left: 10px !important; }

.ui-pl-0 { padding-left: 0 !important; }

.ui-pl-sm { padding-left: 5px !important; }

.ui-pl-10 { padding-left: 10px !important; }

.ui-pl-15 { padding-left: 15px !important; }

.ui-pl-20 { padding-left: 2rem !important; }

.ui-pl-30 { padding-left: 30px !important; }

.ui-pl-40 { padding-left: 40px !important; }

.ui-pl-50 { padding-left: 50px !important; }

.ui-pl-60 { padding-left: 60px !important; }

.ui-pl-70 { padding-left: 70px !important; }

.ui-pl-80 { padding-left: 80px !important; }

.ui-pl-90 { padding-left: 90px !important; }

.ui-pl-100 { padding-left: 100px !important; }

.ui-pr { padding-right: 10px !important; }

.ui-pr-0 { padding-right: 0 !important; }

.ui-pr-sm { padding-right: 5px !important; }

.ui-pr-10 { padding-right: 10px !important; }

.ui-pr-15 { padding-right: 15px !important; }

.ui-pr-20 { padding-right: 2rem !important; }

.ui-pr-30 { padding-right: 30px !important; }

.ui-pr-40 { padding-right: 40px !important; }

.ui-pr-50 { padding-right: 50px !important; }

.ui-pr-60 { padding-right: 60px !important; }

.ui-pr-70 { padding-right: 70px !important; }

.ui-pr-80 { padding-right: 80px !important; }

.ui-pr-90 { padding-right: 90px !important; }

.ui-pr-100 { padding-right: 100px !important; }

.ui-m { margin: 10px !important; }

.ui-m-0 { margin: 0 !important; }

.ui-m-sm { margin: 5px !important; }

.ui-m-10 { margin: 10px !important; }

.ui-m-15 { margin: 15px !important; }

.ui-m-20 { margin: 2rem !important; }

.ui-m-30 { margin: 30px !important; }

.ui-m-40 { margin: 40px !important; }

.ui-m-50 { margin: 50px !important; }

.ui-m-60 { margin: 60px !important; }

.ui-m-70 { margin: 70px !important; }

.ui-m-80 { margin: 80px !important; }

.ui-m-90 { margin: 90px !important; }

.ui-m-100 { margin: 100px !important; }

.ui-mt { margin-top: 10px !important; }

.ui-mt-0 { margin-top: 0 !important; }

.ui-mt-sm { margin-top: 5px !important; }

.ui-mt-10 { margin-top: 10px !important; }

.ui-mt-15 { margin-top: 15px !important; }

.ui-mt-20 { margin-top: 2rem !important; }

.ui-mt-30 { margin-top: 30px !important; }

.ui-mt-40 { margin-top: 40px !important; }

.ui-mt-50 { margin-top: 50px !important; }

.ui-mt-60 { margin-top: 60px !important; }

.ui-mt-70 { margin-top: 70px !important; }

.ui-mt-80 { margin-top: 80px !important; }

.ui-mt-90 { margin-top: 90px !important; }

.ui-mt-100 { margin-top: 100px !important; }

.ui-mb { margin-bottom: 10px !important; }

.ui-mb-0 { margin-bottom: 0 !important; }

.ui-mb-sm { margin-bottom: 5px !important; }

.ui-mb-10 { margin-bottom: 10px !important; }

.ui-mb-15 { margin-bottom: 15px !important; }

.ui-mb-20 { margin-bottom: 2rem !important; }

.ui-mb-30 { margin-bottom: 30px !important; }

.ui-mb-40 { margin-bottom: 40px !important; }

.ui-mb-50 { margin-bottom: 50px !important; }

.ui-mb-60 { margin-bottom: 60px !important; }

.ui-mb-70 { margin-bottom: 70px !important; }

.ui-mb-80 { margin-bottom: 80px !important; }

.ui-mb-90 { margin-bottom: 90px !important; }

.ui-mb-100 { margin-bottom: 100px !important; }

.ui-ml { margin-left: 10px !important; }

.ui-ml-0 { margin-left: 0 !important; }

.ui-ml-sm { margin-left: 5px !important; }

.ui-ml-10 { margin-left: 10px !important; }

.ui-ml-15 { margin-left: 15px !important; }

.ui-ml-20 { margin-left: 2rem !important; }

.ui-ml-30 { margin-left: 30px !important; }

.ui-ml-40 { margin-left: 40px !important; }

.ui-ml-50 { margin-left: 50px !important; }

.ui-ml-60 { margin-left: 60px !important; }

.ui-ml-70 { margin-left: 70px !important; }

.ui-ml-80 { margin-left: 80px !important; }

.ui-ml-90 { margin-left: 90px !important; }

.ui-ml-100 { margin-left: 100px !important; }

.ui-mr { margin-right: 10px !important; }

.ui-mr-0 { margin-right: 0 !important; }

.ui-mr-sm { margin-right: 5px !important; }

.ui-mr-10 { margin-right: 10px !important; }

.ui-mr-15 { margin-right: 15px !important; }

.ui-mr-20 { margin-right: 2rem !important; }

.ui-mr-30 { margin-right: 30px !important; }

.ui-mr-40 { margin-right: 40px !important; }

.ui-mr-50 { margin-right: 50px !important; }

.ui-mr-60 { margin-right: 60px !important; }

.ui-mr-70 { margin-right: 70px !important; }

.ui-mr-80 { margin-right: 80px !important; }

.ui-mr-90 { margin-right: 90px !important; }

.ui-mr-100 { margin-right: 100px !important; }

.ui-fl { float: left !important; }

.ui-fr { float: right !important; }

.ui-clear { clear: both !important; }

.ui-show { display: block !important; }

.ui-hide { display: none !important; }

.dz-message { display: none; height: 0; }

.dz-preview { display: none; }

@media print { .ui-print-hide { display: none !important; } }

.ui-bd { border: 1px solid #eaeaea; }

.ui-bg-white { background: #fff; }

.ui-bg-gray { background: #f6f6f6; }

/*字体颜色*/
.ui-text-red { color: #ED4014; }

.ui-text-yellow { color: #F37B1D; }

.ui-text-blue { color: #ea0012; }

.ui-text-green { color: #19BE6B; }

.ui-text-info { color: #2DB7F5; }

.ui-text-white { color: #fff; }

.ui-text-black { color: #000; }

.ui-text-gray { color: #999; }

/*字体样式*/
.ui-text-left { text-align: left !important; }

.ui-text-center { text-align: center !important; }

.ui-text-right { text-align: right !important; }

.ui-text-del { text-decoration: line-through !important; }

.ui-text-bold { font-weight: bold !important; }

/*字体大小*/
.ui-font-10 { font-size: 10px !important; }

.ui-font-12 { font-size: 12px !important; }

.ui-font-13 { font-size: 13px !important; }

.ui-font-14 { font-size: 1.4rem !important; }

.ui-font-15 { font-size: 15px !important; }

.ui-font-16 { font-size: 1.6rem !important; }

.ui-font-17 { font-size: 17px !important; }

.ui-font-18 { font-size: 18px !important; }

.ui-font-20 { font-size: 2rem !important; }

.ui-font-22 { font-size: 22px !important; }

.ui-font-24 { font-size: 24px !important; }

.ui-font-26 { font-size: 26px !important; }

.ui-font-28 { font-size: 28px !important; }

.ui-font-30 { font-size: 30px !important; }

.ui-font-32 { font-size: 32px !important; }

.ui-font-36 { font-size: 36px !important; }

.ui-font-38 { font-size: 38px !important; }

.ui-font-40 { font-size: 40px !important; }

.ui-font-50 { font-size: 50px !important; }

.ui-font-60 { font-size: 60px !important; }

/*间距*/
.ui-height-auto { line-height: normal !important; }

.ui-height-18 { line-height: 18px !important; }

.ui-height-20 { line-height: 2rem !important; }

.ui-height-22 { line-height: 22px !important; }

.ui-height-24 { line-height: 24px !important; }

.ui-height-26 { line-height: 26px !important; }

.ui-height-28 { line-height: 28px !important; }

.ui-height-30 { line-height: 30px !important; }

.ui-height-40 { line-height: 40px !important; }

.ui-height-50 { line-height: 50px !important; }

.ui-height-60 { line-height: 60px !important; }

/*超出省略*/
.ui-text-hide { overflow: hidden; white-space: nowrap; text-overflow: ellipsis; }

/*以下仅在Chrome内核浏览器中生效，其他浏览器：需要配置行高和高度使用*/
.ui-text-hide-2, .ui-text-hide-3, .ui-text-hide-4, .ui-text-hide-5, .ui-text-hide-6 { display: -webkit-box; -webkit-box-orient: vertical; overflow: hidden; text-overflow: ellipsis; }

.ui-text-hide-2 { -webkit-line-clamp: 2; }

.ui-text-hide-3 { -webkit-line-clamp: 3; }

.ui-text-hide-4 { -webkit-line-clamp: 4; }

.ui-text-hide-5 { -webkit-line-clamp: 5; }

.ui-text-hide-6 { -webkit-line-clamp: 6; }

.ui-radius { border-radius: 50%; }

.ui-radius img, .ui-radius svg { border-radius: 50%; }

.ui-radius-sm { border-radius: 4px; }

.ui-disabled, button:disabled { cursor: not-allowed; }

.ui-inline-block { display: inline-block; }

/*Animal*/
.ui-scrollspy { opacity: 0; }

.ui-rotate { -webkit-animation: 2s infinite linear; -moz-animation: 2s infinite linear; -ms-animation: 2s infinite linear; animation: 2s infinite linear; }

.ui-rotate:hover { -webkit-animation-name: ui-a-rotate; -moz-animation-name: ui-a-rotate; -ms-animation-name: ui-a-rotate; animation-name: ui-a-rotate; }

@-webkit-keyframes ui-a-rotate { 0% { -webkit-transform: rotate(0deg); }
  100% { -webkit-transform: rotate(359deg); } }

@-moz-keyframes ui-a-rotate { 0% { -moz-transform: rotate(0deg); }
  100% { -moz-transform: rotate(359deg); } }

@-ms-keyframes ui-a-rotate { 0% { -ms-transform: rotate(0deg); }
  100% { -ms-transform: rotate(359deg); } }

@keyframes ui-a-rotate { 0% { -webkit-transform: rotate(0deg);
    transform: rotate(0deg); }
  100% { -webkit-transform: rotate(359deg);
    transform: rotate(359deg); } }

@-webkit-keyframes ui-dialogIn { 0% { -webkit-transform: scale(0.7);
    transform: scale(0.7); }
  45% { -webkit-transform: scale(1.05);
    transform: scale(1.05); }
  80% { -webkit-transform: scale(0.95);
    transform: scale(0.95); }
  100% { -webkit-transform: scale(1);
    transform: scale(1); } }

@keyframes ui-dialogIn { 0% { -webkit-transform: scale(0.7);
    transform: scale(0.7); }
  45% { -webkit-transform: scale(1.05);
    transform: scale(1.05); }
  80% { -webkit-transform: scale(0.95);
    transform: scale(0.95); }
  100% { -webkit-transform: scale(1);
    transform: scale(1); } }

@-webkit-keyframes ui-dialogOut { 0% { -webkit-transform: scale(1);
    transform: scale(1); }
  45% { -webkit-transform: scale(0.95);
    transform: scale(0.95); }
  80% { -webkit-transform: scale(0.55);
    transform: scale(0.55); }
  100% { -webkit-transform: scale(0);
    transform: scale(0); } }

@keyframes ui-dialogOut { 0% { -webkit-transform: scale(1);
    transform: scale(1); }
  45% { -webkit-transform: scale(0.95);
    transform: scale(0.95); }
  80% { -webkit-transform: scale(0.55);
    transform: scale(0.55); }
  100% { -webkit-transform: scale(0);
    transform: scale(0); } }

@-webkit-keyframes ui-toast-In { 0% { -webkit-transform: translateY(-0.625em) rotateZ(2deg);
    transform: translateY(-0.625em) rotateZ(2deg); }
  33% { -webkit-transform: translateY(0) rotateZ(-2deg);
    transform: translateY(0) rotateZ(-2deg); }
  66% { -webkit-transform: translateY(0.3125em) rotateZ(2deg);
    transform: translateY(0.3125em) rotateZ(2deg); }
  100% { -webkit-transform: translateY(0) rotateZ(0deg);
    transform: translateY(0) rotateZ(0deg); } }

@keyframes ui-toast-In { 0% { -webkit-transform: translateY(-0.625em) rotateZ(2deg);
    transform: translateY(-0.625em) rotateZ(2deg); }
  33% { -webkit-transform: translateY(0) rotateZ(-2deg);
    transform: translateY(0) rotateZ(-2deg); }
  66% { -webkit-transform: translateY(0.3125em) rotateZ(2deg);
    transform: translateY(0.3125em) rotateZ(2deg); }
  100% { -webkit-transform: translateY(0) rotateZ(0deg);
    transform: translateY(0) rotateZ(0deg); } }

@-webkit-keyframes ui-toast-Out { 0% { -webkit-transform: translateY(0) rotateZ(0deg);
    transform: translateY(0) rotateZ(0deg); }
  33% { -webkit-transform: translateY(0.3125em) rotateZ(2deg);
    transform: translateY(0.3125em) rotateZ(2deg); }
  66% { -webkit-transform: translateY(0) rotateZ(-2deg);
    transform: translateY(0) rotateZ(-2deg); }
  100% { -webkit-transform: translateY(-0.625em) rotateZ(2deg);
    transform: translateY(-0.625em) rotateZ(2deg); } }

@keyframes ui-toast-Out { 0% { -webkit-transform: translateY(0) rotateZ(0deg);
    transform: translateY(0) rotateZ(0deg); }
  33% { -webkit-transform: translateY(0.3125em) rotateZ(2deg);
    transform: translateY(0.3125em) rotateZ(2deg); }
  66% { -webkit-transform: translateY(0) rotateZ(-2deg);
    transform: translateY(0) rotateZ(-2deg); }
  100% { -webkit-transform: translateY(-0.625em) rotateZ(2deg);
    transform: translateY(-0.625em) rotateZ(2deg); } }

@-webkit-keyframes ui-fade { 0% { opacity: 0; }
  100% { opacity: 1; } }

@keyframes ui-fade { 0% { opacity: 0; }
  100% { opacity: 1; } }

@-webkit-keyframes ui-fade-out { 0% { opacity: 1; }
  100% { opacity: 0; } }

@keyframes ui-fade-out { 0% { opacity: 1; }
  100% { opacity: 0; } }

@-webkit-keyframes ui-scale-up { 0% { opacity: 0;
    -webkit-transform: scale(0.2);
    transform: scale(0.2); }
  100% { opacity: 1;
    -webkit-transform: scale(1);
    transform: scale(1); } }

@keyframes ui-scale-up { 0% { opacity: 0;
    -webkit-transform: scale(0.2);
    transform: scale(0.2); }
  100% { opacity: 1;
    -webkit-transform: scale(1);
    transform: scale(1); } }

@-webkit-keyframes ui-scale-down { 0% { opacity: 0;
    -webkit-transform: scale(1.8);
    transform: scale(1.8); }
  100% { opacity: 1;
    -webkit-transform: scale(1);
    transform: scale(1); } }

@keyframes ui-scale-down { 0% { opacity: 0;
    -webkit-transform: scale(1.8);
    transform: scale(1.8); }
  100% { opacity: 1;
    -webkit-transform: scale(1);
    transform: scale(1); } }

@-webkit-keyframes ui-slide-top { 0% { opacity: 0;
    -webkit-transform: translateY(-100%);
    transform: translateY(-100%); }
  100% { opacity: 1;
    -webkit-transform: translateY(0);
    transform: translateY(0); } }

@keyframes ui-slide-top { 0% { opacity: 0;
    -webkit-transform: translateY(-100%);
    transform: translateY(-100%); }
  100% { opacity: 1;
    -webkit-transform: translateY(0);
    transform: translateY(0); } }

@-webkit-keyframes ui-slide-bottom { 0% { opacity: 0;
    -webkit-transform: translateY(100%);
    transform: translateY(100%); }
  100% { opacity: 1;
    -webkit-transform: translateY(0);
    transform: translateY(0); } }

@keyframes ui-slide-bottom { 0% { opacity: 0;
    -webkit-transform: translateY(100%);
    transform: translateY(100%); }
  100% { opacity: 1;
    -webkit-transform: translateY(0);
    transform: translateY(0); } }

@-webkit-keyframes ui-slide-left { 0% { opacity: 0;
    -webkit-transform: translateX(-100%);
    transform: translateX(-100%); }
  100% { opacity: 1;
    -webkit-transform: translateX(0);
    transform: translateX(0); } }

@keyframes ui-slide-left { 0% { opacity: 0;
    -webkit-transform: translateX(-100%);
    transform: translateX(-100%); }
  100% { opacity: 1;
    -webkit-transform: translateX(0);
    transform: translateX(0); } }

@-webkit-keyframes ui-slide-right { 0% { opacity: 0;
    -webkit-transform: translateX(100%);
    transform: translateX(100%); }
  100% { opacity: 1;
    -webkit-transform: translateX(0);
    transform: translateX(0); } }

@keyframes ui-slide-right { 0% { opacity: 0;
    -webkit-transform: translateX(100%);
    transform: translateX(100%); }
  100% { opacity: 1;
    -webkit-transform: translateX(0);
    transform: translateX(0); } }

@-webkit-keyframes ui-shake { 0%, 100% { -webkit-transform: translateX(0);
    transform: translateX(0); }
  10% { -webkit-transform: translateX(-9px);
    transform: translateX(-9px); }
  20% { -webkit-transform: translateX(8px);
    transform: translateX(8px); }
  30% { -webkit-transform: translateX(-7px);
    transform: translateX(-7px); }
  40% { -webkit-transform: translateX(6px);
    transform: translateX(6px); }
  50% { -webkit-transform: translateX(-5px);
    transform: translateX(-5px); }
  60% { -webkit-transform: translateX(4px);
    transform: translateX(4px); }
  70% { -webkit-transform: translateX(-3px);
    transform: translateX(-3px); }
  80% { -webkit-transform: translateX(2px);
    transform: translateX(2px); }
  90% { -webkit-transform: translateX(-1px);
    transform: translateX(-1px); } }

@keyframes ui-shake { 0%, 100% { -webkit-transform: translateX(0);
    transform: translateX(0); }
  10% { -webkit-transform: translateX(-9px);
    transform: translateX(-9px); }
  20% { -webkit-transform: translateX(8px);
    transform: translateX(8px); }
  30% { -webkit-transform: translateX(-7px);
    transform: translateX(-7px); }
  40% { -webkit-transform: translateX(6px);
    transform: translateX(6px); }
  50% { -webkit-transform: translateX(-5px);
    transform: translateX(-5px); }
  60% { -webkit-transform: translateX(4px);
    transform: translateX(4px); }
  70% { -webkit-transform: translateX(-3px);
    transform: translateX(-3px); }
  80% { -webkit-transform: translateX(2px);
    transform: translateX(2px); }
  90% { -webkit-transform: translateX(-1px);
    transform: translateX(-1px); } }

@-webkit-keyframes ui-slide-top-fixed { 0% { opacity: 0;
    -webkit-transform: translateY(-10px);
    transform: translateY(-10px); }
  100% { opacity: 1;
    -webkit-transform: translateY(0);
    transform: translateY(0); } }

@keyframes ui-slide-top-fixed { 0% { opacity: 0;
    -webkit-transform: translateY(-10px);
    transform: translateY(-10px); }
  100% { opacity: 1;
    -webkit-transform: translateY(0);
    transform: translateY(0); } }

@-webkit-keyframes ui-slide-bottom-fixed { 0% { opacity: 0;
    -webkit-transform: translateY(10px);
    transform: translateY(10px); }
  100% { opacity: 1;
    -webkit-transform: translateY(0);
    transform: translateY(0); } }

@keyframes ui-slide-bottom-fixed { 0% { opacity: 0;
    -webkit-transform: translateY(10px);
    transform: translateY(10px); }
  100% { opacity: 1;
    -webkit-transform: translateY(0);
    transform: translateY(0); } }

@-webkit-keyframes ui-spin { 0% { -webkit-transform: rotate(0);
    transform: rotate(0); }
  100% { -webkit-transform: rotate(359deg);
    transform: rotate(359deg); } }

@keyframes ui-spin { 0% { -webkit-transform: rotate(0);
    transform: rotate(0); }
  100% { -webkit-transform: rotate(359deg);
    transform: rotate(359deg); } }

@-webkit-keyframes ui-right-spring { 0% { -webkit-transform: translateX(0);
    transform: translateX(0); }
  50% { -webkit-transform: translateX(-20%);
    transform: translateX(-20%); }
  100% { -webkit-transform: translateX(0);
    transform: translateX(0); } }

@keyframes ui-right-spring { 0% { -webkit-transform: translateX(0);
    transform: translateX(0); }
  50% { -webkit-transform: translateX(-20%);
    transform: translateX(-20%); }
  100% { -webkit-transform: translateX(0);
    transform: translateX(0); } }

@-webkit-keyframes ui-left-spring { 0% { -webkit-transform: translateX(0);
    transform: translateX(0); }
  50% { -webkit-transform: translateX(20%);
    transform: translateX(20%); }
  100% { -webkit-transform: translateX(0);
    transform: translateX(0); } }

@keyframes ui-left-spring { 0% { -webkit-transform: translateX(0);
    transform: translateX(0); }
  50% { -webkit-transform: translateX(20%);
    transform: translateX(20%); }
  100% { -webkit-transform: translateX(0);
    transform: translateX(0); } }

[class*="ui-am-"] { -webkit-animation-duration: 0.5s; animation-duration: 0.5s; -webkit-animation-timing-function: ease-out; animation-timing-function: ease-out; -webkit-animation-fill-mode: both; animation-fill-mode: both; }

.ui-am-fade { -webkit-animation-name: ui-fade; animation-name: ui-fade; -webkit-animation-duration: 0.8s; animation-duration: 0.8s; -webkit-animation-timing-function: linear; animation-timing-function: linear; }

.ui-am-fade-out { -webkit-animation-name: ui-fade-out; animation-name: ui-fade-out; -webkit-animation-duration: 0.8s; animation-duration: 0.8s; -webkit-animation-timing-function: linear; animation-timing-function: linear; }

.ui-am-scale-up { -webkit-animation-name: ui-scale-up; animation-name: ui-scale-up; }

.ui-am-scale-down { -webkit-animation-name: ui-scale-down; animation-name: ui-scale-down; }

.ui-am-slide-top { -webkit-animation-name: ui-slide-top; animation-name: ui-slide-top; }

.ui-am-slide-bottom { -webkit-animation-name: ui-slide-bottom; animation-name: ui-slide-bottom; }

.ui-am-slide-left { -webkit-animation-name: ui-slide-left; animation-name: ui-slide-left; }

.ui-am-slide-right { -webkit-animation-name: ui-slide-right; animation-name: ui-slide-right; }

.ui-am-slide-top-fixed { -webkit-animation-name: ui-slide-top-fixed; animation-name: ui-slide-top-fixed; }

.ui-am-shake { -webkit-animation-name: ui-shake; animation-name: ui-shake; }

.ui-am-spin { -webkit-animation: ui-spin 2s infinite linear; animation: ui-spin 2s infinite linear; }

.ui-am-left-spring { -webkit-animation: ui-left-spring 0.3s ease-in-out; animation: ui-left-spring 0.3s ease-in-out; }

.ui-am-right-spring { -webkit-animation: ui-right-spring 0.3s ease-in-out; animation: ui-right-spring 0.3s ease-in-out; }

.ui-am-delay-1 { -webkit-animation-delay: 1s; animation-delay: 1s; }

.ui-am-delay-1-5 { -webkit-animation-delay: 1.5s; animation-delay: 1.5s; }

.ui-am-delay-2 { -webkit-animation-delay: 2s; animation-delay: 2s; }

.ui-am-delay-2-5 { -webkit-animation-delay: 2.5s; animation-delay: 2.5s; }

.ui-am-delay-3 { -webkit-animation-delay: 3s; animation-delay: 3s; }

.ui-am-delay-3-5 { -webkit-animation-delay: 3.5s; animation-delay: 3.5s; }

.ui-am-delay-4 { -webkit-animation-delay: 4s; animation-delay: 4s; }

.ui-am-delay-4-5 { -webkit-animation-delay: 4.5s; animation-delay: 4.5s; }

.ui-am-delay-5 { -webkit-animation-delay: 5s; animation-delay: 5s; }

.ui-am-delay-5-5 { -webkit-animation-delay: 5.5s; animation-delay: 5.5s; }

.ui-am-delay-6 { -webkit-animation-delay: 6s; animation-delay: 6s; }

.ui-am-delay-6-5 { -webkit-animation-delay: 6.5s; animation-delay: 6.5s; }

/*btn*/
.ui-btn { position: relative; display: inline-block; border: 1px solid #e0e0e0; padding: 0 2rem; line-height: 42px; overflow: hidden; border-radius: 4px; color: #595959; background: #fff; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; vertical-align: middle; }

.ui-btn [class*=ui-icon-] { margin: 0 5px 0 -5px; }

.ui-btn:hover { color: #40a9ff; border-color: #40a9ff; -webkit-box-shadow: 2px 2px 10px 0 rgba(24, 144, 255, 0.2); box-shadow: 2px 2px 10px 0 rgba(24, 144, 255, 0.2); }

.ui-btn-red { background: #ED4014; border-color: #ED4014; color: #fff; }

.ui-btn-red:hover { background: #F04055; border-color: #F04055; color: #fff; }

.ui-btn-yellow { background: #F37B1D; border-color: #F37B1D; color: #fff; }

.ui-btn-yellow:hover { background: #F3710A; border-color: #F3710A; color: #fff; }

.ui-btn-blue { background: #ea0012; border-color: #ea0012; color: #fff; }

.ui-btn-blue:hover { background: #40A9FF; border-color: #40A9FF; color: #fff; }

.ui-btn-green { background: #19BE6B; border-color: #19BE6B; color: #fff; }

.ui-btn-green:hover { background: #47CB89; border-color: #47CB89; color: #fff; }

.ui-btn-info { background: #2DB7F5; border-color: #2DB7F5; color: #fff; }

.ui-btn-info:hover { background: #57C5F7; border-color: #57C5F7; color: #fff; }

.ui-btn-lt { font-size: 12px; padding: 0 4px; line-height: 18px; }

.ui-btn-sm { font-size: 15px; padding: 0 10px; line-height: 36px; }

.ui-btn-big { font-size: 1.6rem; padding: 0 36px; line-height: 54px; }

.ui-btn-lg { font-size: 2rem; padding: 0 52px; line-height: 64px; }

.ui-btn-outline-red { background: #fff; color: #ED4014; }

.ui-btn-outline-yellow { background: #fff; color: #F37B1D; }

.ui-btn-outline-blue { background: #fff; color: #ea0012; }

.ui-btn-outline-green { background: #fff; color: #19BE6B; }

.ui-btn-outline-info { background: #fff; color: #2DB7F5; }

.ui-btn-block { display: block; width: 100%; text-align: center; }

a.ui-btn-red, a.ui-btn-yellow, a.ui-btn-blue, a.ui-btn-green, a.ui-btn-info { color: #fff; }

a:hover.ui-btn-red, a:hover.ui-btn-yellow, a:hover.ui-btn-blue, a:hover.ui-btn-green, a:hover.ui-btn-info { color: #fff; }

.ui-btn-red:hover { -webkit-box-shadow: 2px 2px 10px 0 rgba(237, 64, 20, 0.2); box-shadow: 2px 2px 10px 0 rgba(237, 64, 20, 0.2); }

.ui-btn-yellow:hover { -webkit-box-shadow: 2px 2px 10px 0 rgba(243, 123, 29, 0.2); box-shadow: 2px 2px 10px 0 rgba(243, 123, 29, 0.2); }

.ui-btn-green:hover { -webkit-box-shadow: 2px 2px 10px 0 rgba(25, 190, 107, 0.2); box-shadow: 2px 2px 10px 0 rgba(25, 190, 107, 0.2); }

.ui-btn-info:hover { -webkit-box-shadow: 2px 2px 10px 0 rgba(45, 183, 245, 0.2); box-shadow: 2px 2px 10px 0 rgba(45, 183, 245, 0.2); }

a.ui-btn-outline-red { color: #ED4014; }

a.ui-btn-outline-yellow { color: #F37B1D; }

a.ui-btn-outline-blue { color: #ea0012; }

a.ui-btn-outline-green { color: #19BE6B; }

a.ui-btn-outline-info { color: #2DB7F5; }

.ui-btn:disabled { background: #fff; cursor: not-allowed; border-color: #E7E7E7; color: #999; }

/*btn-group*/
.ui-btn-group { margin-left: 1px; font-size: 0; vertical-align: middle; }

.ui-btn-group-item { vertical-align: middle; border: 1px solid #e3e3e3; margin-left: -1px; display: inline-block; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center; cursor: pointer; padding: 0 2rem; line-height: 44px; overflow: hidden; font-size: 1.6rem; color: #595959; background: #fff; text-align: center; }

.ui-btn-group-item:first-child { border-radius: 4px 0 0 4px; }

.ui-btn-group-item:last-child { border-radius: 0 4px 4px 0; }

.ui-btn-group-item:hover { color: #333; border-color: #40a9ff; position: relative; z-index: 2; }

.ui-btn-group-item.active { color: #40a9ff; border-color: #40a9ff; position: relative; z-index: 2; }

.ui-btn-group-item:before { margin-right: 5px; color: #999; font-size: 18px; vertical-align: middle; }

.ui-btn-group-full { display: -webkit-box; display: -ms-flexbox; display: flex; }

.ui-btn-group-full .ui-btn-group-item { -webkit-box-flex: 1; -ms-flex: 1; flex: 1; padding: 0; line-height: 50px; }

.ui-btn-group-red .active, .ui-btn-group-red .active:hover, .ui-btn-group-red a.active, .ui-btn-group-red a:hover.active { color: #ED4014; border-color: #ED4014; }

.ui-btn-group-red .ui-btn-group-item:hover { border-color: #ED4014; }

.ui-btn-group-yellow .active, .ui-btn-group-yellow .active:hover, .ui-btn-group-yellow a.active, .ui-btn-group-yellow a:hover.active { color: #F37B1D; border-color: #F37B1D; }

.ui-btn-group-yellow .ui-btn-group-item:hover { border-color: #F37B1D; }

.ui-btn-group-blue .active, .ui-btn-group-blue .active:hover, .ui-btn-group-blue a.active, .ui-btn-group-blue a:hover.active { color: #ea0012; border-color: #ea0012; }

.ui-btn-group-blue .ui-btn-group-item:hover { border-color: #ea0012; }

.ui-btn-group-green .active, .ui-btn-group-green .active:hover, .ui-btn-group-green a.active, .ui-btn-group-green a:hover.active { color: #47CB89; border-color: #47CB89; }

.ui-btn-group-green .ui-btn-group-item:hover { border-color: #47CB89; }

.ui-btn-group-info .active, .ui-btn-group-info .active:hover, .ui-btn-group-info a.active, .ui-btn-group-info a:hover.active { color: #57C5F7; border-color: #57C5F7; }

.ui-btn-group-info .ui-btn-group-item:hover { border-color: #57C5F7; }

.ui-btn-group-red.ui-btn-group-bg .active, .ui-btn-group-red.ui-btn-group-bg a.active { color: #fff; background: #ED4014; }

.ui-btn-group-yellow.ui-btn-group-bg .active, .ui-btn-group-yellow.ui-btn-group-bg a.active { color: #fff; background: #F37B1D; }

.ui-btn-group-blue.ui-btn-group-bg .active, .ui-btn-group-blue.ui-btn-group-bg a.active { color: #fff; background: #ea0012; }

.ui-btn-group-green.ui-btn-group-bg .active, .ui-btn-group-green.ui-btn-group-bg a.active { color: #fff; background: #47CB89; }

.ui-btn-group-info.ui-btn-group-bg .active, .ui-btn-group-info.ui-btn-group-bg a.active { color: #fff; background: #57C5F7; }

.ui-btn-group-sm .ui-btn-group-item { font-size: 12px; padding: 8px 15px; line-height: 22px; }

.ui-btn-group-big .ui-btn-group-item { font-size: 1.6rem; padding: 0 36px; line-height: 54px; }

.ui-btn-group-lg .ui-btn-group-item { font-size: 2rem; padding: 0 52px; line-height: 64px; }

.ui-box { -webkit-box-shadow: 0px 0px 30px rgba(0, 0, 0, 0.1); box-shadow: 0px 0px 30px rgba(0, 0, 0, 0.1); border: 1px solid #f3f3f3; background: #fff; }

.ui-box-radius { border-radius: 2rem 0 0 0; }

.ui-box-radius .ui-box-title { border-radius: 2rem 0 0 0; }

.ui-box-title { background: -webkit-gradient(linear, left top, right top, from(#f0122b), to(#be3223)); background: linear-gradient(90deg, #f0122b 0%, #be3223 100%); color: #fff; font-size: 24px; font-weight: 400; padding: 30px; }

.ui-box-title span { display: block; font-size: 1.4rem; color: #eaeaea; font-weight: 300; text-transform: uppercase; line-height: 30px; }

/*collapse*/
.ui-collapse { margin-top: 2px; }

.ui-collapse .ui-card { border-radius: 0; margin-top: -2px; }

.ui-collapse .ui-card .ui-card-header { cursor: pointer; }

.ui-collapse .ui-card .ui-card-header ui-card-header-title { font-weight: normal; color: #444; border-left: 0; padding-left: 0; }

.ui-collapse .ui-card .ui-card-header .ui-icon-right { -webkit-transition: all 0.4s ease; transition: all 0.4s ease; font-size: 1.4rem; color: #999; }

.ui-collapse .ui-card .ui-card-header.active .ui-icon-right { -webkit-transform: rotate(90deg); transform: rotate(90deg); }

.ui-collapse .ui-card:first-child { border-radius: 2px 2px 0 0; }

.ui-collapse .ui-card:last-child { border-radius: 0 0 2px 2px; border-bottom: 1; }

.ui-collapse .ui-card-body.hide { display: none; }

.ui-collapse-menu.ui-collapse-menu-border { border: 1px solid #f3f3f3; }

.ui-collapse-menu-title { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: space-betweend; -ms-flex-pack: space-betweend; justify-content: space-betweend; border-bottom: 1px solid #f3f3f3; line-height: 50px; padding: 0 0 0 2rem; }

.ui-collapse-menu-title a { -webkit-box-flex: 1; -ms-flex: 1; flex: 1; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; }

.ui-collapse-menu-title i { display: block; -webkit-transition: all 0.4s ease; transition: all 0.4s ease; color: #ccc; cursor: pointer; min-width: 50px; text-align: center; }

.ui-collapse-menu-title.active { background: #efefef; }

.ui-collapse-menu-title.active i { -webkit-transform: rotate(90deg); transform: rotate(90deg); }

.ui-collapse-menu-body { display: none; }

.ui-collapse-menu-body ul { list-style: none; }

.ui-collapse-menu-body ul li { line-height: 50px; border-bottom: 1px solid #f3f3f3; padding: 0 30px; }

.ui-collapse-menu-body ul li.active a { color: #f30; }

.ui-collapse-menu-body.show { display: block; }

.ui-collapse-menu-body.hide { display: none; }

/*Dropmenu*/
.ui-dropdown { display: none; background: #fff; border: 1px solid #d9d9d9; border-radius: 4px; padding: 10px 0; -webkit-box-shadow: 1px 2px 10px rgba(0, 0, 0, 0.1); box-shadow: 1px 2px 10px rgba(0, 0, 0, 0.1); line-height: 1.5; word-break: break-all; z-index: 100; }

.ui-dropdown img { max-width: 100%; }

.ui-dropdown:after { content: " "; position: absolute; width: 10px; height: 10px; border-left: 0; border-bottom: 0; background: #fff; border: 1px solid #d9d9d9; border-bottom: 0; border-right: 0; }

.ui-dropdown-left:after { right: -6px; top: 50%; -webkit-transform: translateY(-50%) rotate(-225deg); transform: translateY(-50%) rotate(-225deg); }

.ui-dropdown-top:after { left: 50%; top: 100%; -webkit-transform: translateX(-50%) translateY(-50%) rotate(-140deg); transform: translateX(-50%) translateY(-50%) rotate(-140deg); }

.ui-dropdown-right:after { left: -6px; top: 50%; -webkit-transform: translateY(-50%) rotate(-45deg); transform: translateY(-50%) rotate(-45deg); }

.ui-dropdown-bottom:after { left: 50%; top: 0; -webkit-transform: translateX(-50%) translateY(-50%) rotate(45deg); transform: translateX(-50%) translateY(-50%) rotate(45deg); }

.ui-dropdown-bottom-left:after { left: 10px; top: 0; -webkit-transform: translateY(-50%) rotate(45deg); transform: translateY(-50%) rotate(45deg); }

.ui-dropdown-top-left:after { left: 10px; top: 100%; -webkit-transform: translateY(-50%) rotate(-140deg); transform: translateY(-50%) rotate(-140deg); }

.ui-dropdown-right-top:after { left: -6px; top: 15px; -webkit-transform: translateY(-50%) rotate(-45deg); transform: translateY(-50%) rotate(-45deg); }

.ui-dropdown-line { height: 0; margin: 10px 0; overflow: hidden; border-top: 1px solid #e9ecef; }

.ui-dropdown-item { display: block; width: 100%; padding: 5px 2rem; clear: both; font-weight: 400; color: #212529; text-align: inherit; white-space: nowrap; background-color: transparent; border: 0; }

.ui-dropdown-item.active { background: #ea0012; }

a.ui-dropdown-item.active { color: #fff; }

/*Grid*/
.ui-row { display: -ms-flexbox; display: -webkit-box; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; }

.ui-col, .ui-col-1, .ui-col-10, .ui-col-11, .ui-col-12, .ui-col-2, .ui-col-3, .ui-col-4, .ui-col-5, .ui-col-6, .ui-col-7, .ui-col-8, .ui-col-9, .ui-col-auto, .ui-col-lg, .ui-col-lg-1, .ui-col-lg-10, .ui-col-lg-11, .ui-col-lg-12, .ui-col-lg-2, .ui-col-lg-3, .ui-col-lg-4, .ui-col-lg-5, .ui-col-lg-6, .ui-col-lg-7, .ui-col-lg-8, .ui-col-lg-9, .ui-col-lg-auto, .ui-col-md, .ui-col-md-1, .ui-col-md-10, .ui-col-md-11, .ui-col-md-12, .ui-col-md-2, .ui-col-md-3, .ui-col-md-4, .ui-col-md-5, .ui-col-md-6, .ui-col-md-7, .ui-col-md-8, .ui-col-md-9, .ui-col-md-auto, .ui-col-sm, .ui-col-sm-1, .ui-col-sm-10, .ui-col-sm-11, .ui-col-sm-12, .ui-col-sm-2, .ui-col-sm-3, .ui-col-sm-4, .ui-col-sm-5, .ui-col-sm-6, .ui-col-sm-7, .ui-col-sm-8, .ui-col-sm-9, .ui-col-sm-auto, .ui-col-xl, .ui-col-xl-1, .ui-col-xl-10, .ui-col-xl-11, .ui-col-xl-12, .ui-col-xl-2, .ui-col-xl-3, .ui-col-xl-4, .ui-col-xl-5, .ui-col-xl-6, .ui-col-xl-7, .ui-col-xl-8, .ui-col-xl-9, .ui-col-xl-auto { position: relative; width: 100%; }

.ui-col { -ms-flex-preferred-size: 0; flex-basis: 0; -ms-flex-positive: 1; -webkit-box-flex: 1; flex-grow: 1; max-width: 100%; }

.ui-col-auto { -ms-flex: 0 0 auto; -webkit-box-flex: 0; flex: 0 0 auto; width: auto; max-width: 100%; }

.ui-col-1 { -ms-flex: 0 0 8.333333%; -webkit-box-flex: 0; flex: 0 0 8.333333%; max-width: 8.333333%; }

.ui-col-2 { -ms-flex: 0 0 16.666667%; -webkit-box-flex: 0; flex: 0 0 16.666667%; max-width: 16.666667%; }

.ui-col-3 { -ms-flex: 0 0 25%; -webkit-box-flex: 0; flex: 0 0 25%; max-width: 25%; }

.ui-col-4 { -ms-flex: 0 0 33.333333%; -webkit-box-flex: 0; flex: 0 0 33.333333%; max-width: 33.333333%; }

.ui-col-5 { -ms-flex: 0 0 41.666667%; -webkit-box-flex: 0; flex: 0 0 41.666667%; max-width: 41.666667%; }

.ui-col-6 { -ms-flex: 0 0 50%; -webkit-box-flex: 0; flex: 0 0 50%; max-width: 50%; }

.ui-col-7 { -ms-flex: 0 0 58.333333%; -webkit-box-flex: 0; flex: 0 0 58.333333%; max-width: 58.333333%; }

.ui-col-8 { -ms-flex: 0 0 66.666667%; -webkit-box-flex: 0; flex: 0 0 66.666667%; max-width: 66.666667%; }

.ui-col-9 { -ms-flex: 0 0 75%; -webkit-box-flex: 0; flex: 0 0 75%; max-width: 75%; }

.ui-col-10 { -ms-flex: 0 0 83.333333%; -webkit-box-flex: 0; flex: 0 0 83.333333%; max-width: 83.333333%; }

.ui-col-11 { -ms-flex: 0 0 91.666667%; -webkit-box-flex: 0; flex: 0 0 91.666667%; max-width: 91.666667%; }

.ui-col-12 { -ms-flex: 0 0 100%; -webkit-box-flex: 0; flex: 0 0 100%; max-width: 100%; }

.ui-order-first { -ms-flex-order: -1; -webkit-box-ordinal-group: 0; order: -1; }

.ui-order-last { -ms-flex-order: 13; -webkit-box-ordinal-group: 14; order: 13; }

.ui-order-0 { -ms-flex-order: 0; -webkit-box-ordinal-group: 1; order: 0; }

.ui-order-1 { -ms-flex-order: 1; -webkit-box-ordinal-group: 2; order: 1; }

.ui-order-2 { -ms-flex-order: 2; -webkit-box-ordinal-group: 3; order: 2; }

.ui-order-3 { -ms-flex-order: 3; -webkit-box-ordinal-group: 4; order: 3; }

.ui-order-4 { -ms-flex-order: 4; -webkit-box-ordinal-group: 5; order: 4; }

.ui-order-5 { -ms-flex-order: 5; -webkit-box-ordinal-group: 6; order: 5; }

.ui-order-6 { -ms-flex-order: 6; -webkit-box-ordinal-group: 7; order: 6; }

.ui-order-7 { -ms-flex-order: 7; -webkit-box-ordinal-group: 8; order: 7; }

.ui-order-8 { -ms-flex-order: 8; -webkit-box-ordinal-group: 9; order: 8; }

.ui-order-9 { -ms-flex-order: 9; -webkit-box-ordinal-group: 10; order: 9; }

.ui-order-10 { -ms-flex-order: 10; -webkit-box-ordinal-group: 11; order: 10; }

.ui-order-11 { -ms-flex-order: 11; -webkit-box-ordinal-group: 12; order: 11; }

.ui-order-12 { -ms-flex-order: 12; -webkit-box-ordinal-group: 13; order: 12; }

.ui-offset-1 { margin-left: 8.333333%; }

.ui-offset-2 { margin-left: 16.666667%; }

.ui-offset-3 { margin-left: 25%; }

.ui-offset-4 { margin-left: 33.333333%; }

.ui-offset-5 { margin-left: 41.666667%; }

.ui-offset-6 { margin-left: 50%; }

.ui-offset-7 { margin-left: 58.333333%; }

.ui-offset-8 { margin-left: 66.666667%; }

.ui-offset-9 { margin-left: 75%; }

.ui-offset-10 { margin-left: 83.333333%; }

.ui-offset-11 { margin-left: 91.666667%; }

.ui-flex-row { -ms-flex-direction: row; -webkit-box-orient: horizontal; -webkit-box-direction: normal; flex-direction: row; }

.ui-flex-column { -ms-flex-direction: column; -webkit-box-orient: vertical; -webkit-box-direction: normal; flex-direction: column; }

.ui-flex-row-reverse { -ms-flex-direction: row-reverse; -webkit-box-orient: horizontal; -webkit-box-direction: reverse; flex-direction: row-reverse; }

.ui-flex-column-reverse { -ms-flex-direction: column-reverse; -webkit-box-orient: vertical; -webkit-box-direction: reverse; flex-direction: column-reverse; }

.ui-flex-wrap { -ms-flex-wrap: wrap; flex-wrap: wrap; }

.ui-flex-nowrap { -ms-flex-wrap: nowrap; flex-wrap: nowrap; }

.ui-flex-wrap-reverse { -ms-flex-wrap: wrap-reverse; flex-wrap: wrap-reverse; }

.ui-flex-fill { -ms-flex: 1 1 auto; -webkit-box-flex: 1; flex: 1 1 auto; }

.ui-flex-grow-0 { -ms-flex-positive: 0; -webkit-box-flex: 0; flex-grow: 0; }

.ui-flex-grow-1 { -ms-flex-positive: 1; -webkit-box-flex: 1; flex-grow: 1; }

.ui-flex-shrink-0 { -ms-flex-negative: 0; flex-shrink: 0; }

.ui-flex-shrink-1 { -ms-flex-negative: 1; flex-shrink: 1; }

.ui-justify-content-start { -ms-flex-pack: start; -webkit-box-pack: start; justify-content: flex-start; }

.ui-justify-content-end { -ms-flex-pack: end; -webkit-box-pack: end; justify-content: flex-end; }

.ui-justify-content-center { -ms-flex-pack: center; -webkit-box-pack: center; justify-content: center; }

.ui-justify-content-between { -ms-flex-pack: justify; -webkit-box-pack: justify; justify-content: space-between; }

.ui-justify-content-around { -ms-flex-pack: distribute; justify-content: space-around; }

.ui-align-items-start { -ms-flex-align: start; -webkit-box-align: start; align-items: flex-start; }

.ui-align-items-end { -ms-flex-align: end; -webkit-box-align: end; align-items: flex-end; }

.ui-align-items-center { -ms-flex-align: center; -webkit-box-align: center; align-items: center; }

.ui-align-items-baseline { -ms-flex-align: baseline; -webkit-box-align: baseline; align-items: baseline; }

.ui-align-items-stretch { -ms-flex-align: stretch; -webkit-box-align: stretch; align-items: stretch; }

.ui-align-content-start { -ms-flex-line-pack: start; align-content: flex-start; }

.ui-align-content-end { -ms-flex-line-pack: end; align-content: flex-end; }

.ui-align-content-center { -ms-flex-line-pack: center; align-content: center; }

.ui-align-content-between { -ms-flex-line-pack: justify; align-content: space-between; }

.ui-align-content-around { -ms-flex-line-pack: distribute; align-content: space-around; }

.ui-align-content-stretch { -ms-flex-line-pack: stretch; align-content: stretch; }

.ui-align-self-auto { -ms-flex-item-align: auto; align-self: auto; }

.ui-align-self-start { -ms-flex-item-align: start; align-self: flex-start; }

.ui-align-self-end { -ms-flex-item-align: end; align-self: flex-end; }

.ui-align-self-center { -ms-flex-item-align: center; align-self: center; }

.ui-align-self-baseline { -ms-flex-item-align: baseline; align-self: baseline; }

.ui-align-self-stretch { -ms-flex-item-align: stretch; align-self: stretch; }

@media (min-width: 576px) { .ui-col-sm { -ms-flex-preferred-size: 0; flex-basis: 0; -ms-flex-positive: 1; -webkit-box-flex: 1; flex-grow: 1; max-width: 100%; }
  .ui-col-sm-auto { -ms-flex: 0 0 auto; -webkit-box-flex: 0; flex: 0 0 auto; width: auto; max-width: 100%; }
  .ui-col-sm-1 { -ms-flex: 0 0 8.333333%; -webkit-box-flex: 0; flex: 0 0 8.333333%; max-width: 8.333333%; }
  .ui-col-sm-2 { -ms-flex: 0 0 16.666667%; -webkit-box-flex: 0; flex: 0 0 16.666667%; max-width: 16.666667%; }
  .ui-col-sm-3 { -ms-flex: 0 0 25%; -webkit-box-flex: 0; flex: 0 0 25%; max-width: 25%; }
  .ui-col-sm-4 { -ms-flex: 0 0 33.333333%; -webkit-box-flex: 0; flex: 0 0 33.333333%; max-width: 33.333333%; }
  .ui-col-sm-5 { -ms-flex: 0 0 41.666667%; -webkit-box-flex: 0; flex: 0 0 41.666667%; max-width: 41.666667%; }
  .ui-col-sm-6 { -ms-flex: 0 0 50%; -webkit-box-flex: 0; flex: 0 0 50%; max-width: 50%; }
  .ui-col-sm-7 { -ms-flex: 0 0 58.333333%; -webkit-box-flex: 0; flex: 0 0 58.333333%; max-width: 58.333333%; }
  .ui-col-sm-8 { -ms-flex: 0 0 66.666667%; -webkit-box-flex: 0; flex: 0 0 66.666667%; max-width: 66.666667%; }
  .ui-col-sm-9 { -ms-flex: 0 0 75%; -webkit-box-flex: 0; flex: 0 0 75%; max-width: 75%; }
  .ui-col-sm-10 { -ms-flex: 0 0 83.333333%; -webkit-box-flex: 0; flex: 0 0 83.333333%; max-width: 83.333333%; }
  .ui-col-sm-11 { -ms-flex: 0 0 91.666667%; -webkit-box-flex: 0; flex: 0 0 91.666667%; max-width: 91.666667%; }
  .ui-col-sm-12 { -ms-flex: 0 0 100%; -webkit-box-flex: 0; flex: 0 0 100%; max-width: 100%; }
  .ui-order-sm-first { -ms-flex-order: -1; -webkit-box-ordinal-group: 0; order: -1; }
  .ui-order-sm-last { -ms-flex-order: 13; -webkit-box-ordinal-group: 14; order: 13; }
  .ui-order-sm-0 { -ms-flex-order: 0; -webkit-box-ordinal-group: 1; order: 0; }
  .ui-order-sm-1 { -ms-flex-order: 1; -webkit-box-ordinal-group: 2; order: 1; }
  .ui-order-sm-2 { -ms-flex-order: 2; -webkit-box-ordinal-group: 3; order: 2; }
  .ui-order-sm-3 { -ms-flex-order: 3; -webkit-box-ordinal-group: 4; order: 3; }
  .ui-order-sm-4 { -ms-flex-order: 4; -webkit-box-ordinal-group: 5; order: 4; }
  .ui-order-sm-5 { -ms-flex-order: 5; -webkit-box-ordinal-group: 6; order: 5; }
  .ui-order-sm-6 { -ms-flex-order: 6; -webkit-box-ordinal-group: 7; order: 6; }
  .ui-order-sm-7 { -ms-flex-order: 7; -webkit-box-ordinal-group: 8; order: 7; }
  .ui-order-sm-8 { -ms-flex-order: 8; -webkit-box-ordinal-group: 9; order: 8; }
  .ui-order-sm-9 { -ms-flex-order: 9; -webkit-box-ordinal-group: 10; order: 9; }
  .ui-order-sm-10 { -ms-flex-order: 10; -webkit-box-ordinal-group: 11; order: 10; }
  .ui-order-sm-11 { -ms-flex-order: 11; -webkit-box-ordinal-group: 12; order: 11; }
  .ui-order-sm-12 { -ms-flex-order: 12; -webkit-box-ordinal-group: 13; order: 12; }
  .ui-offset-sm-0 { margin-left: 0; }
  .ui-offset-sm-1 { margin-left: 8.333333%; }
  .ui-offset-sm-2 { margin-left: 16.666667%; }
  .ui-offset-sm-3 { margin-left: 25%; }
  .ui-offset-sm-4 { margin-left: 33.333333%; }
  .ui-offset-sm-5 { margin-left: 41.666667%; }
  .ui-offset-sm-6 { margin-left: 50%; }
  .ui-offset-sm-7 { margin-left: 58.333333%; }
  .ui-offset-sm-8 { margin-left: 66.666667%; }
  .ui-offset-sm-9 { margin-left: 75%; }
  .ui-offset-sm-10 { margin-left: 83.333333%; }
  .ui-offset-sm-11 { margin-left: 91.666667%; } }

@-moz-keyframes spin { from { -moz-transform: rotate(0deg); }
  to { -moz-transform: rotate(360deg); } }

@-webkit-keyframes spin { from { -webkit-transform: rotate(0deg); }
  to { -webkit-transform: rotate(360deg); } }

@keyframes spin { from { -webkit-transform: rotate(0deg);
    transform: rotate(0deg); }
  to { -webkit-transform: rotate(360deg);
    transform: rotate(360deg); } }

@-webkit-keyframes grow { 0% { -webkit-transform: scale(1, 1);
    transform: scale(1, 1);
    opacity: 1; }
  100% { -webkit-transform: scale(1.5, 1.5);
    transform: scale(1.5, 1.5);
    opacity: 0; } }

@keyframes grow { 0% { -webkit-transform: scale(1, 1);
    transform: scale(1, 1);
    opacity: 1; }
  100% { -webkit-transform: scale(1.5, 1.5);
    transform: scale(1.5, 1.5);
    opacity: 0; } }

code { color: #ff8400; background: rgba(255, 132, 0, 0.1); border: 1px solid rgba(255, 132, 0, 0.2); border-radius: 3px; padding: 0 4px; margin: 0 4px; }

/*grid*/
.ui-grid { width: 100%; display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; }

.ui-grid-item { padding: 2rem 0; position: relative; }

.ui-grid-2 .ui-grid-item { -webkit-box-flex: 0; -ms-flex: 0 0 50%; flex: 0 0 50%; max-width: 50%; }

.ui-grid-3 .ui-grid-item { -webkit-box-flex: 0; -ms-flex: 0 0 33.333333%; flex: 0 0 33.333333%; max-width: 33.333333%; }

.ui-grid-4 .ui-grid-item { -webkit-box-flex: 0; -ms-flex: 0 0 25%; flex: 0 0 25%; max-width: 25%; }

.ui-grid-5 .ui-grid-item { -webkit-box-flex: 0; -ms-flex: 0 0 20%; flex: 0 0 20%; max-width: 20%; }

/* 公共图片数据 */
/*PicList*/
/*
3:2 ： 66.6%
3:4 ： 133.3%
16:9 ： 56.2%
两列列宽：48.5%
三列列宽：31.8%
四列列宽：23.5%
五列列宽：18.5%
*/
.ui-piclist { margin: 0 -.75%; padding: 0 0 .25% 0; list-style: none; overflow: hidden; font-size: 0; }

.ui-piclist:after { content: " "; clear: both; display: table; }

.ui-piclist-item { float: left; width: 23.5%; padding: 0; margin: 0 .75% 1.5% .75%; background: #fff; border: 1px solid #eaeaea; position: relative; z-index: 1; }

.ui-piclist-item:hover { -webkit-box-shadow: 0 1px 2rem rgba(0, 0, 0, 0.1); box-shadow: 0 1px 2rem rgba(0, 0, 0, 0.1); }

.ui-piclist-item .ui-progress { position: absolute; top: 32%; left: 10px; right: 10px; z-index: 2; }

.ui-piclist-item .error { position: absolute; top: 0; left: 0; right: 0; background: #F00; color: #fff; padding: 8px; font-size: 12px; z-index: 2; text-align: center; }

.ui-piclist-item.disabled, .ui-piclist-item.disabled a { cursor: not-allowed; }

.ui-piclist-image { position: relative; overflow: hidden; padding-bottom: 56.2%; }

.ui-piclist-image img { width: 100%; position: absolute; z-index: 1; }

.ui-piclist-image svg { width: 100%; height: 100%; z-index: 1; color: #fff; font-size: 24px; text-anchor: middle; position: absolute; }

.ui-piclist-image .upload { width: 100%; height: 100%; position: absolute; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center; font-size: 40px; color: #ccc; cursor: pointer; background: #f9f9f9; }

.ui-piclist-image .upload:hover { color: #333; }

.ui-piclist-image em { position: absolute; right: -74px; top: 10px; z-index: 10; width: 200px; line-height: 32px; background: #2DB7F5; color: #fff; font-size: 13px; text-align: center; font-style: normal; -webkit-transform: rotate(45deg); transform: rotate(45deg); }

.ui-piclist-image em.bg-red { background: #ED4014; }

.ui-piclist-image em.bg-yellow { background: #F37B1D; }

.ui-piclist-image em.bg-blue { background: #ea0012; }

.ui-piclist-image em.bg-green { background: #19BE6B; }

.ui-piclist-image em.bg-info { background: #2DB7F5; }

.ui-piclist-body { padding: 15px; }

.ui-piclist-title { font-size: 1.6rem; }

.ui-piclist-flex { margin: 10px 0 5px 0; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; }

.ui-piclist-price { color: #333; -webkit-box-flex: 1; -ms-flex: 1; flex: 1; font-size: 1.4rem; }

.ui-piclist-price strong { font-size: 1.6rem; color: #ED4014; }

.ui-piclist-price del, .ui-piclist-price span { color: #999; display: block; font-size: 12px; }

.ui-piclist-flex .action a.ui-btn { border-radius: 50px; padding: 0 2rem; font-size: 1.6rem; }

.ui-piclist-col-2 .ui-piclist-item { width: 48.5%; }

.ui-piclist-col-3 .ui-piclist-item { width: 31.8%; }

.ui-piclist-col-5 .ui-piclist-item { width: 18.5%; }

.ui-piclist-1-1 .ui-piclist-image { padding-bottom: 100%; }

.ui-piclist-3-2 .ui-piclist-image { padding-bottom: 66.6%; }

.ui-piclist-3-4 .ui-piclist-image { padding-bottom: 133.3%; }

.ui-piclist-4-3 .ui-piclist-image { padding-bottom: 75%; }

.ui-piclist-16-9 .ui-piclist-image { padding-bottom: 56.2%; }

.ui-piclist-100 .ui-piclist-image img { min-height: 100%; }

.ui-piclist-image .upload-action { position: absolute; width: 100%; height: 100%; bottom: -100%; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center; font-size: 15px; z-index: 2; background: rgba(0, 0, 0, 0.4); -webkit-transition: all .5s ease 0s; transition: all .5s ease 0s; }

.ui-piclist-image .upload-action a { font-size: 30px; color: #ccc; margin: 0 5px; }

.ui-piclist-image .upload-action a:hover { color: #fff; }

.ui-piclist-image:hover .upload-action { bottom: 0; }

.ui-piclist-top { margin-top: -15px; }

@media (min-width: 576px) { .ui-piclist-col-sm-2 .ui-piclist-item { width: 48.5%; }
  .ui-piclist-col-sm-3 .ui-piclist-item { width: 31.8%; }
  .ui-piclist-col-sm-4 .ui-piclist-item { width: 23.5%; }
  .ui-piclist-col-sm-5 .ui-piclist-item { width: 18.5%; } }

@media (min-width: 768px) { .ui-piclist-col-md-2 .ui-piclist-item { width: 48.5%; }
  .ui-piclist-col-md-3 .ui-piclist-item { width: 31.8%; }
  .ui-piclist-col-md-4 .ui-piclist-item { width: 23.5%; }
  .ui-piclist-col-md-5 .ui-piclist-item { width: 18.5%; } }

@media (min-width: 992px) { .ui-piclist-col-lg-2 .ui-piclist-item { width: 48.5%; }
  .ui-piclist-col-lg-3 .ui-piclist-item { width: 31.8%; }
  .ui-piclist-col-lg-4 .ui-piclist-item { width: 23.5%; }
  .ui-piclist-col-lg-5 .ui-piclist-item { width: 18.5%; } }

@media (min-width: 1200px) { .ui-piclist-col-xl-2 .ui-piclist-item { width: 48.5%; }
  .ui-piclist-col-xl-3 .ui-piclist-item { width: 31.8%; }
  .ui-piclist-col-xl-4 .ui-piclist-item { width: 23.5%; }
  .ui-piclist-col-xl-5 .ui-piclist-item { width: 18.5%; } }

/* 公共标题描述 */
.common-title { width: 100%; text-align: center; }

.common-title h2 { font-size: 36px; color: #fff; font-weight: 600; margin-bottom: 0; }

.common-title.black h2 { color: #000; }

.common-cont { width: 100%; padding: 0 110px; margin-top: 32px; }

.common-cont p { font-size: 18px; color: #999; line-height: 32px; }

@media all and (max-width: 1599px) { .common-title h2 { font-size: 32px; } }

@media all and (max-width: 1359px) { /* 1280 */
  .common-title h2 { font-size: 28px; }
  .common-cont { padding: 0 60px; }
  .common-cont p { font-size: 1.6rem; line-height: 26px; } }

/* ------------------------手机端-------------------------- */
@media all and (max-width: 1000px) { /* 平板设备 720 适配 */
  .common-title h2 { font-size: 24px; }
  .common-cont { margin-top: 2rem; padding: 0; }
  .common-cont p { font-size: 1.6rem; line-height: 26px; } }

@media all and (max-width: 640px) { /* 移动终端以上 360 适配 */
  .common-title h2 { font-size: 2rem; }
  .common-cont { margin-top: 10px; }
  .common-cont p { font-size: 1.4rem; line-height: 24px; } }

/* 清除浮动 */
.clearfix:before, .clearfix:after { display: table; content: ' '; }

.clearfix:after { clear: both; }

/* A\IMG 的样式 S */
a, a:focus, a:hover { text-decoration: none; border: none; outline: none; blr: expression(this.onFocus=this.blur()); }

img { border: 0; outline: none; }

/* A\IMG的样式 E */
/* 滚动条的样式 S */
::-webkit-scrollbar { width: 5px; height: 10px; }

/* 滚动槽 */
::-webkit-scrollbar-track { -webkit-box-shadow: inset006pxrgba(0, 0, 0, 0.5); background: rgba(255, 255, 255, 0.5); /*border:1px solid rgba(0,0,0,.5);*/ }

/* 滚动条滑块 */
::-webkit-scrollbar-thumb { background: rgba(0, 0, 0, 0.4); -webkit-box-shadow: inset006pxrgba(0, 0, 0, 0.5); }

::-webkit-scrollbar-thumb:window-inactive { background: rgba(0, 0, 0, 0.2); }

/* 滚动条的样式 E */
/* 动画时间 */
.alltime, .alltime * { -webkit-transition: all 0.4s cubic-bezier(0.4, 0, 0.2, 1); -moz-transition: all 0.4s cubic-bezier(0.4, 0, 0.2, 1); transition: all 0.4s cubic-bezier(0.4, 0, 0.2, 1); }

/* 响应式的嵌入内容和图片 S */
.embed-responsive { position: relative; display: block; height: 0; padding: 0; overflow: hidden; }

.embed-responsive img { position: absolute; -o-object-fit: cover; object-fit: cover; width: 100%; height: 100%; border: 0; }

.embed-responsive-16by9 { padding-bottom: 56.25%; }

.embed-responsive-3by2 { padding-bottom: 66.66%; }

.embed-responsive-4by3 { padding-bottom: 75%; }

.embed-responsive-square { padding-bottom: 100%; }

/* 响应式的嵌入内容和图片 E */
.container { display: block; }

@media (min-width: 1600px) { .container { width: 1480px; } }

/* 浮动 S*/
.fl { float: left; }

.fr { float: right; }

/* 浮动 E*/
/* SVG */
svg { overflow: hidden; display: inline-block; fill: currentColor; }

.hidden-svg { display: block; width: 0; height: 0; overflow: hidden; }

/* ul li */
ul, li { margin: 0; padding: 0; list-style: none; }

body { margin: 0; padding: 0; color: #212529; text-align: left; background: #ffffff; font-size: 1.4rem; line-height: 2; font-weight: normal; font-family: "Segoe UI", "Lucida Grande", Helvetica, Arial, "Microsoft YaHei", FreeSans, Arimo, "Droid Sans", "wenquanyi micro hei", "Hiragino Sans GB", "Hiragino Sans GB W3", Arial, sans-serif; }

@media (min-width: 576px) { body { font-size: 1.4rem; } }

@media (min-width: 768px) { body { font-size: 1.6rem; } }

@media (min-width: 992px) { body { font-size: 1.6rem; } }

@media (min-width: 1200px) { body { font-size: 18px; } }

/* 节间距 */
.section-padding { padding-top: 3rem; padding-bottom: 3rem; }
@media only screen and (min-width: 576px) { .section-padding { padding-top: 40px; padding-bottom: 40px; } }
@media only screen and (min-width: 767px) { .section-padding { padding-top: 50px; padding-bottom: 50px; } }
@media only screen and (min-width: 960px) { .section-padding { padding-top: 60px; padding-bottom: 60px; } }
@media only screen and (min-width: 1140px) { .section-padding { padding-top: 70px; padding-bottom: 70px; } }
@media only screen and (min-width: 1440px) { .section-padding { padding-top: 80px; padding-bottom: 80px; } }
@media only screen and (min-width: 1680px) { .section-padding { padding-top: 9rem; padding-bottom: 9rem; } }

/* slick */
.slick-arrow { position: absolute; top: -60px; font-size: 40px; padding: 0; border-radius: 50%; border: none; line-height: 1; right: 0; outline: none; background-color: transparent; color: #b7b7b7; transition: all 0.3s ease; -webkit-transition: all 0.3s ease; -moz-transition: all 0.3s ease; -o-transition: all 0.3s ease; -ms-transition: all 0.3s ease; }

.slick-arrow i { font-size: 81px; color: #fff; }

.prev-nav.slick-arrow { right: 55px; }

.next-nav.slick-arrow { right: 15px; }

.slick-arrow:hover { border-color: #e60012; color: #e60012; }

.slick-active .slider-content h4 { -webkit-animation-duration: 1s; animation-duration: 1s; -webkit-animation-fill-mode: both; animation-fill-mode: both; -webkit-animation-name: fadeInLeft; animation-name: fadeInLeft; -webkit-animation-delay: .3s; animation-delay: .3s; text-shadow: rgba(0, 0, 0, 0.4) 3px 3px 3px; }

.slick-active .slider-content h1 { -webkit-animation-duration: 1s; animation-duration: 1s; -webkit-animation-fill-mode: both; animation-fill-mode: both; -webkit-animation-name: fadeInLeft; animation-name: fadeInLeft; -webkit-animation-delay: .5s; animation-delay: .5s; text-shadow: rgba(0, 0, 0, 0.4) 3px 3px 3px; }

.slick-active .slider-content p { -webkit-animation-duration: 1s; animation-duration: 1s; -webkit-animation-fill-mode: both; animation-fill-mode: both; -webkit-animation-name: fadeInLeft; animation-name: fadeInLeft; -webkit-animation-delay: .7s; animation-delay: .7s; text-shadow: rgba(0, 0, 0, 0.4) 3px 3px 3px; }

.slick-active .slider-content a { -webkit-animation-duration: 1s; animation-duration: 1s; -webkit-animation-fill-mode: both; animation-fill-mode: both; -webkit-animation-name: fadeInLeft; animation-name: fadeInLeft; -webkit-animation-delay: 1.1s; animation-delay: 1.1s; text-shadow: rgba(0, 0, 0, 0.4) 3px 3px 3px; }

.slick-dots { position: absolute; right: 0; bottom: 30px; text-align: right; }

.slick-dots li { margin: 0; margin-left: 12px; }

.slick-dots li.slick-active button { border-color: #e60012; background-color: #e60012; }

.slick-dots li button { border: 1px solid #b7b7b7; border-radius: 50%; width: 18px; height: 18px; }

.slick-dots li button:hover { background-color: #e60012; border-color: #e60012; }

.slick-dots li button:before { display: none; }

/* 公共标题 */
.index_title { margin: 0; padding: 0; }

.index_title span { display: block; font-size: 22px; line-height: 22px; margin: 0 0 10px; color: #f08300; font-family: "CenturyGothicRegular"; text-transform: uppercase; }

@media (max-width: 668px) { .index_title span { font-size: 1.6rem; line-height: 1.6rem; } }

.index_title b { display: block; font-size: 40px; line-height: 40px; color: #000; }

@media (max-width: 1681px) { .index_title b { font-size: 30px; line-height: 30px; } }

@media (max-width: 1180px) { .index_title b { font-size: 22px; line-height: 22px; } }

@media (max-width: 668px) { .index_title b { font-size: 18px; line-height: 18px; } }

.index_title:after { content: ""; display: block; width: 60px; height: 1px; line-height: 1px; background-color: #004098; margin: 2rem 0 30px; }

@media (max-width: 1180px) { .index_title:after { margin: 15px 0; } }

.index_title.white_line:after { background-color: #fff; }

.index_title.center { text-align: center; }

.index_title.center:after { margin-left: auto; margin-right: auto; }

.index-head { text-align: center; padding-top: 0; padding-bottom: 1rem; }

@media (min-width: 768px) { .index-head { padding-bottom: 1rem; } }

@media (min-width: 1200px) { .index-head { padding-bottom: 1.5rem; } }

.index-head .dt { font-size: 2rem; font-weight: bold; line-height: 1; color: #333; padding-bottom: 0.5em; }

@media (min-width: 576px) { .index-head .dt { font-size: 2.25rem; } }

@media (min-width: 768px) { .index-head .dt { font-size: 2.5rem; } }

@media (min-width: 992px) { .index-head .dt { font-size: 3rem; } }

@media (min-width: 1200px) { .index-head .dt { font-size: 3.25rem; } }

@media (min-width: 1400px) { .index-head .dt { font-size: 3.5rem; } }

.index-head .dt b { color: #e60012; }

.index-head .dd { color: #666; letter-spacing: .05em; line-height: 1.5; font-size: 1.4rem; padding-bottom: 0.5em; }

@media (min-width: 576px) { .index-head .dd { font-size: 1.5rem; } }

@media (min-width: 768px) { .index-head .dd { font-size: 1.6rem; } }

@media (min-width: 992px) { .index-head .dd { font-size: 1.7rem; } }

@media (min-width: 1200px) { .index-head .dd { font-size: 1.8rem; } }

@media (min-width: 1400px) { .index-head .dd { font-size: 1.8rem; } }

/*==了解详情↓==*/
.moreAx { display: table; margin: 40px auto 0; position: relative; color: #484848; font-size: 1.4rem; padding: 5px 50px; text-align: center; border: 2px #949595 solid; border-radius: 50px; -webkit-border-radius: 50px; -moz-border-radius: 50px; -ms-border-radius: 50px; -o-border-radius: 50px; }

.moreAx:before { content: ""; position: absolute; top: 45%; right: 25px; width: 9px; height: 5px; -webkit-transition: all .4s ease-in-out; transition: all .4s ease-in-out; }

.moreAx:hover { color: #fff; border: 1px #c12523 solid; background: #c12523; }

.moreAx:hover:before { background-position: 0 0; }

/*------------------------------------------------------------
	header
------------------------------------------------------------*/
.a_dw { position: relative; top: -150px; }

#header { width: 100%; height: 99px; left: 0; top: 0; z-index: 1000; border-bottom: 1px solid #E3E3E3; background: #fff; }

@media (max-width: 992px) { #header { overflow: hidden; display: none; } }

#header .active { height: 61px; }

#header .hInner { padding: 15px 60px; }

#header .active .hInner { padding: 5px 60px 0 50px; }

#header .header_middle { display: block; width: 75%; text-align: right; }

@media (min-width: 1280px) { #header .header_middle { width: 50%; } }

#header .header_right { display: none; }

@media (min-width: 1280px) { #header .header_right { display: block; width: 25%; } }

#header .hInner .logo { float: left; display: block; height: 70px; }

#header .hInner .logo img { height: 70px; }

#header .hInner h1 { float: left; }

#header .active .hInner h1 img { width: 184px; }

#header .hInner .rBox { margin-left: auto; margin-right: auto; }

#header .active .hInner .rBox { margin-top: 0; width: 62rem; }

#header .searchBox { margin-top: 10px; padding-right: 60px; float: right; position: relative; }

#header .active .searchBox { padding-right: 40px; }

#header .searchBox:before { width: 1px; height: 35px; position: absolute; left: -41px; top: 2px; background: #DFDFDF; content: ""; display: none; }

#header .active .searchBox:before { display: none; }

#header .searchBox .tel { padding-right: 38px; float: left; color: #000; font-size: 1.4rem; line-height: 1.2; text-align: right; transition: all 0.3s; -webkit-transition: all 0.3s; background: url(../img/common/h_tel.png) no-repeat right top; }

#header .active .searchBox .tel { display: none; }

#header .searchBox .tel span { display: block; font-size: 24px; font-weight: bold; }

#header .searchBox.active .tel { visibility: hidden; opacity: 0; }

#header .searchBox .search { width: 40px; position: absolute; right: 0; top: 3px; border-radius: 2rem; background: #e60012; transition: all 0.3s; -webkit-transition: all 0.3s; cursor: pointer; }

#header .active .searchBox .search { top: 5px; background: none; }

#header .searchBox.active .search { width: 270px; background: #e60012 !important; }

#header .searchBox .search input { padding: 0 40px 0 2rem; width: 100%; height: 40px; color: #000; font-size: 1.4rem; line-height: 40px; border: none; border-radius: 0; -webkit-box-sizing: border-box; box-sizing: border-box; background: none; color: #fff; }

#header .searchBox .search a { display: block; width: 40px; height: 40px; text-align: center; color: #fff; position: absolute; right: 0; top: 0; }


#header .langBox { margin-top: 10px; padding: 0; float: right; position: relative; display: block; height: 45px ; width: 40px;     display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  justify-content: center;
  align-items: center; margin-left: 5px; }

#header .langBox a {
  display: flex;
  width: 40px;
  height: 40px;
  right: 0;
  top: 3px;
  border-radius: 2rem;
  background: #e60012;
  transition: all 0.3s;
  -webkit-transition: all 0.3s;
  cursor: pointer;
  color: #fff;
  flex-direction: row;
    flex-wrap: nowrap;
    align-content: center;
    justify-content: center;
    align-items: center;
}


/* 头部激活状态 */
.is-sticky { position: fixed; top: 0; left: 0; width: 100%; z-index: 999; -webkit-box-shadow: 0 2px 28px 0 rgba(0, 0, 0, 0.09); box-shadow: 0 2px 28px 0 rgba(0, 0, 0, 0.09); background-color: var(--white-color); -webkit-animation: 500ms ease-in-out 0s normal none 1 running fadeInDown; animation: 500ms ease-in-out 0s normal none 1 running fadeInDown; background: #fff; height: 9rem !important; }

.is-sticky .hInner { padding: 8px 60px !important; }

/*------------------------------------------------------------
	menu
------------------------------------------------------------*/
.menu { display: none; }

/*--------------------------------------------------------------## Main Header--------------------------------------------------------------*/
.main-navigation { text-align: right; margin-top: -1px; text-align: right; }

@media (min-width: 1280px) { .main-navigation { text-align: center; } }

.navigation-2 { z-index: 10; }

.main-navigation > ul { display: inline-block; list-style: none; margin-bottom: 0; padding-left: 0; margin-right: 0; }

.main-navigation > ul > li { position: relative; display: inline-block; }

.main-navigation ul li a { font-size: 1.4rem; font-weight: 500; height: 7rem; line-height: 7rem; padding: 0 0.5rem; color: #272023; display: -webkit-box; display: -ms-flexbox; display: flex; position: relative; text-decoration: none; }

@media (min-width: 1600px) { .main-navigation ul li a { padding: 0 1.25rem; font-size: 1.6rem; } }

@media (min-width: 1800px) { .main-navigation ul li a { padding: 0 2rem; } }

.main-navigation ul li.current-menu-parent > a, .main-navigation > ul > li.menu-item-has-children.current-menu-parent > a:after { color: #e60012; }

.main-navigation ul li a:hover, .main-navigation > ul > li.menu-item-has-children > a:hover:after { color: #e60012; }

.main-navigation > ul > li.menu-item-has-children > a:after { display: inline-block; width: 0; height: 0; margin-left: 4px; content: "\f107"; color: #bdbebf; font-family: 'FontAwesome'; font-weight: 900; margin-right: 15px; font-size: 1.6rem; }

.main-navigation ul ul { list-style: none; margin: 0; padding: 0; background-color: #fff; border-top: 2px solid #949595; -webkit-box-shadow: 0px 3px 11px 0px rgba(0, 0, 0, 0.09); -moz-box-shadow: 0px 3px 11px 0px rgba(0, 0, 0, 0.09); box-shadow: 0px 3px 11px 0px rgba(0, 0, 0, 0.09); }

.main-navigation ul li ul { min-width: 260px; position: absolute; top: 140%; left: 0%; z-index: 10; visibility: hidden; opacity: 0; transition: all 400ms ease; -webkit-transition: all 400ms ease; -moz-transition: all 400ms ease; -o-transition: all 400ms ease; -ms-transition: all 400ms ease; }

.main-navigation ul > li:hover > ul { opacity: 1; visibility: visible; top: 100%; }

.main-navigation ul li li { position: relative; display: block; }

.main-navigation ul ul li a { font-size: 1.4rem; height: auto; line-height: 1; font-weight: 500; color: #272023; text-align: left; display: block; padding: 15px 25px 15px 25px; position: relative; text-decoration: none; outline: none; text-transform: none; transition: all 400ms ease; -webkit-transition: all 400ms ease; -moz-transition: all 400ms ease; -o-transition: all 400ms ease; -ms-transition: all 400ms ease; border-bottom: 1px solid rgba(183, 183, 183, 0.5); }

.main-navigation ul ul li.current_page_item a { color: #e60012; }

.main-navigation ul ul li.menu-item-has-children > a:after { display: inline-block; position: absolute; top: 30px; right: 25px; width: 0; height: 0; content: "\f107"; color: #bdbebf; font-family: 'FontAwesome'; font-weight: 900; margin-right: 15px; font-size: 13px; float: right; -webkit-transform: rotate(-90deg); transform: rotate(-90deg); }

.main-navigation ul ul li.menu-item-has-children > a:hover:after { color: #e60012; }

.main-navigation ul ul li ul { margin-left: 100%; border-top: none; }

.main-navigation ul ul li:hover ul { opacity: 1; visibility: visible; top: 0; margin-left: 100%; }

.main-navigation a i { margin-left: 8px; }

.mobile-header { display: none; }

/*--------------------------------------------------------------## Nav 2--------------------------------------------------------------*/
.navigation-2 { background-color: #014d97; }

.navigation-2 ul li a { color: #fff; }

.navigation-style-2 > ul > li:last-child { border-right: 1px solid rgba(255, 255, 255, 0.2); }

.navigation-style-2 > ul { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; }

.navigation-style-2 > ul > li { -webkit-flex-grow: 1; -webkit-box-flex: 1; -ms-flex-positive: 1; flex-grow: 1; -webkit-flex-basis: 0; -ms-flex-preferred-size: 0; flex-basis: 0; text-align: center; border-left: 1px solid rgba(255, 255, 255, 0.2); }

.navigation-style-2 > ul > li a { display: block; padding: 19px 25px; }

.navigation-style-2 ul li ul { min-width: 275px; }

/*------------------------------------------------------------
	side
------------------------------------------------------------*/
#side { position: fixed; right: 0; top: 50%; transform: translateY(-50%); -webkit-transform: translateY(-50%); z-index: 999; }

#side li { margin-bottom: 1px; float: right; clear: both; }

#side li a { padding: 6px 0 5px; width: 70px; display: block; font-size: 13px; text-align: center; transition: all 0.3s; -webkit-transition: all 0.3s; border-radius: 5px 0 0 5px; background: #FED400; }

#side li a:hover { padding-right: 10px; }

#side li a img { margin: 0 auto 3px; display: block; }

#side .tel { margin-bottom: 15px; width: 70px; clear: both; float: right; overflow: hidden; cursor: pointer; font-size: 13px; text-align: center; transition: all 0.3s; -webkit-transition: all 0.3s; border-radius: 5px 0 0 5px; background: #FED400; }

#side .tel:hover { width: 22rem; }

#side .tel .subTel { width: 22rem; }

#side .tel .txt { padding: 6px 0 5px; width: 70px; float: left; display: block; }

#side .tel .txt img { margin: 0 auto 3px; display: block; }

#side .tel .num { width: 149px; display: block; float: left; color: #000; font-size: 18px; font-weight: bold; line-height: 66px; border-left: 1px solid #FEBF00; }

#side .pageTop { float: right; clear: both; margin-right: 13px; border-radius: 50%; overflow: hidden; opacity: .33; -webkit-transition: all 0.3s; transition: all 0.3s; }

#side .pageTop:hover { display: block; opacity: 1; }

/*------------------------------------------------------------
index-contact
------------------------------------------------------------*/
.index-contact { text-align: center; color: #fff; background-color: black; background: black url(../images/index_contact_bg.jpg) no-repeat center top; background-position: center center; background-size: cover; }

.index-contact .bigtit { font-size: 36px; color: #fff; font-weight: bold; margin-bottom: 10px; }

@media (min-width: 0) { .index-contact .bigtit { font-size: 2rem; } }

@media (min-width: 992px) { .index-contact .bigtit { font-size: 3.6rem; } }

@media (min-width: 0) { .index-contact .ms { font-size: 1.6rem; } }

@media (min-width: 992px) { .index-contact .ms { font-size: 2rem; } }

.index-contact .icons { margin-top: 35px; }

.index-contact .icons > a { display: inline-block; width: 60px; height: 60px; border-radius: 100%; border: 1px solid #fff; position: relative; margin: 0px 18px; }

.index-contact .icons > a img { position: absolute; left: 0; top: 0; right: 0; bottom: 0; margin: auto; max-width: 35px; max-height: 35px; }

.index-contact .icons > a span { position: absolute; color: #fff; font-size: 1.6rem; bottom: -50px; width: 65px; left: -5px; display: none; }

.w1400 { max-width: 1400px; margin: 0 auto; }

/*------------------------------------------------------------
index-news
------------------------------------------------------------*/
.index-news .contain { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-direction: row; flex-direction: row; -ms-flex-wrap: nowrap; flex-wrap: nowrap; -webkit-box-pack: stretch; -ms-flex-pack: stretch; justify-content: stretch; -webkit-box-align: stretch; -ms-flex-align: stretch; align-items: stretch; -ms-flex-line-pack: stretch; align-content: stretch; height: 700px; overflow: hidden; -webkit-transition: all 220ms ease 0s, all 220ms ease 0s; transition: all 220ms ease 0s, all 220ms ease 0s; -moz-transition: all 220ms ease 0s, all 220ms ease 0s; -ms-transition: all 220ms ease 0s, all 220ms ease 0s; -o-transition: all 220ms ease 0s, all 220ms ease 0s; }

@media (min-width: 0) { .index-news .contain { display: block; height: auto; } }

@media (min-width: 992px) { .index-news .contain { display: -webkit-box; display: -ms-flexbox; display: flex; height: 480px; } }

@media (min-width: 1200px) { .index-news .contain { display: -webkit-box; display: -ms-flexbox; display: flex; height: 560px; } }

.index-news .contain:after { display: none; }

.index-news .contain:after { display: none; }

.index-news .pa100.link { position: absolute !important; left: 0; top: 0; width: 100%; height: 100%; z-index: 5; text-indent: -9999px; overflow: hidden; }

.index-news-switch { height: 100%; width: 50%; background-color: #f0f0f0; }

.index-news-switch .shade, .index-news-switch .box { position: relative !important; height: auto; }

.index-news-switch .item { position: absolute; left: 0; top: 0; width: 100%; height: 100%; background-color: #f0f0f0; }

@media (min-width: 0) { .index-news-switch .item { position: relative; } }

@media (min-width: 992px) { .index-news-switch .item { position: relative; } }

.index-news-switch .item .pic { overflow: hidden; }

.index-news-switch .item .pic img { width: 100%; }

.index-news-switch .item .time { z-index: 9; position: absolute; left: 0; top: 0; padding: 12px; background-color: #c12523; color: #fff; text-align: center; line-height: 1.25; }

.index-news-switch .item .time .y { font-weight: bold; margin-top: 4px; letter-spacing: .5px; }

.index-news-switch .item .txt { padding: 4rem 6.25%; -webkit-box-sizing: border-box; box-sizing: border-box; background: #f0f0f0; }

.index-news-switch .item h4 { line-height: 1.2em; position: relative; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; margin-top: 0; margin-bottom: .75em; font-weight: 600; color: #333; -webkit-transition: all 220ms ease 0s, all 220ms ease 0s; transition: all 220ms ease 0s, all 220ms ease 0s; -moz-transition: all 220ms ease 0s, all 220ms ease 0s; -ms-transition: all 220ms ease 0s, all 220ms ease 0s; -o-transition: all 220ms ease 0s, all 220ms ease 0s; }

@media (min-width: 0) { .index-news-switch .item h4 { font-size: 1.6rem; margin-bottom: 0.5em; } }

.index-news-switch .item p { line-height: 1.5em; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; max-height: 3em; height: 3em; color: #666; font-size: 1.6rem; }

@media (min-width: 0) { .index-news-switch .item p { font-size: 1.4rem; } }

.index-news-switch .item.on { position: relative; }

.index-news-switch .item:hover h3 { color: #c12523; }

.index-news-switch .ctr { z-index: 8; position: absolute; top: 400px; margin-top: -72px; width: 40px; height: 72px; line-height: 72px; -webkit-transition: all 400ms ease 0s, all 220ms ease 0s, all 220ms ease 0s; transition: all 400ms ease 0s, all 220ms ease 0s, all 220ms ease 0s; background-color: #c12523; color: #fff; text-align: center; }

.index-news-switch .ctr s { font-size: 32px; font-weight: bold; }

.index-news-switch .ctr s { position: absolute; left: 0; top: 0; width: 100%; height: 100%; font-family: 'SimSun', '宋体' !important; pointer-events: none; }

.index-news-switch .ctr:hover { color: #fff; }

.ysqUEO .index-news-switch .ctr s { overflow: hidden; text-indent: 100%; }

.ysqUEO .index-news-switch .ctr s:before, .ysqUEO .index-news-switch .ctr s:after { content: " "; position: absolute; top: 50%; left: 50%; width: 1.6rem; height: 2px; background-color: #fff; -webkit-transition: all 400ms ease 0s; transition: all 400ms ease 0s; -moz-transition: all 400ms ease 0s; -ms-transition: all 400ms ease 0s; -o-transition: all 400ms ease 0s; }

@media screen and (min-width: 1025px) { .ysqUEO .index-news-switch .ctr:hover s:before, .ysqUEO .index-news-switch .ctr:hover s:after { background-color: #fff; } }

@media screen and (max-width: 1024px) { .ysqUEO .index-news-switch .ctr:active s:before, .ysqUEO .index-news-switch .ctr:active s:after { background-color: #fff; } }

.ysqUEO .index-news-switch .ctr.prev s:before, .ysqUEO .index-news-switch .ctr.prev s:after { margin-left: -6px; -webkit-transform-origin: 0 50%; transform-origin: 0 50%; }

.ysqUEO .index-news-switch .ctr.prev s:before { -webkit-transform: rotate(-45deg) translateX(-1px); transform: rotate(-45deg) translateX(-1px); }

.ysqUEO .index-news-switch .ctr.prev s:after { -webkit-transform: rotate(45deg) translateX(-1px); transform: rotate(45deg) translateX(-1px); }

.ysqUEO .index-news-switch .ctr.prev:hover s:before { -webkit-transform: rotate(-45deg) translateX(-1px); transform: rotate(-45deg) translateX(-1px); }

.ysqUEO .index-news-switch .ctr.prev:hover s:after { -webkit-transform: rotate(45deg) translateX(-1px); transform: rotate(45deg) translateX(-1px); }

.ysqUEO .index-news-switch .ctr.next s:before, .ysqUEO .index-news-switch .ctr.next s:after { margin-left: -10px; -webkit-transform-origin: 100% 50%; transform-origin: 100% 50%; }

.ysqUEO .index-news-switch .ctr.next s:before { -webkit-transform: rotate(-45deg) translateX(1px); transform: rotate(-45deg) translateX(1px); }

.ysqUEO .index-news-switch .ctr.next s:after { -webkit-transform: rotate(45deg) translateX(1px); transform: rotate(45deg) translateX(1px); }

.ysqUEO .index-news-switch .ctr.next:hover s:before { -webkit-transform: rotate(-45deg) translateX(1px); transform: rotate(-45deg) translateX(1px); }

.ysqUEO .index-news-switch .ctr.next:hover s:after { -webkit-transform: rotate(45deg) translateX(1px); transform: rotate(45deg) translateX(1px); }

.index-news-switch .ctr.prev { right: 40px; }

.index-news-switch .ctr.next { right: 0; }

.index-news-switch .ctr:hover { background-color: #2571b4; }

@media screen and (max-width: 1600px) { .index-news-switch .item .txt { padding: 30px 6.25%; }
  .index-news-switch .ctr { top: 360px; } }

@media screen and (max-width: 1366px) { .index-news-switch .item .txt { padding: 2rem 6.25%; }
  .index-news-switch .ctr { top: 32rem; } }

@media screen and (max-width: 1024px) { .index-news-switch { width: 100%; }
  .index-news-switch .item .txt { padding: 4.16666667% 5.20833333%; }
  .index-news-switch .ctr { margin-top: 41.66666667%; top: -72px; } }

.index-news-list { height: 100%; width: 50%; }

.index-news-list .item { position: relative; width: 100%; padding-left: 140px; padding-right: 6.25%; height: 25%; -webkit-box-sizing: border-box; box-sizing: border-box; -webkit-transition: all 220ms ease 0s, all 220ms ease 0s; transition: all 220ms ease 0s, all 220ms ease 0s; -moz-transition: all 220ms ease 0s, all 220ms ease 0s; -ms-transition: all 220ms ease 0s, all 220ms ease 0s; -o-transition: all 220ms ease 0s, all 220ms ease 0s; }

@media (min-width: 0) { .index-news-list .item { padding-top: 1rem; padding-bottom: 1rem; padding-left: 100px; } }

.index-news-list .item:nth-child(2n+2) { background-color: #f9f9f9; }

.index-news-list .item h4 { padding-top: 1rem; line-height: 4rem; position: relative; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; color: #333; margin-top: 0; font-weight: bold; }

@media (min-width: 0) { .index-news-list .item h4 { padding: 0; margin-bottom: 0; font-size: 1.6rem; line-height: 1.5; padding-top: 1rem; } }

@media (min-width: 992px) { .index-news-list .item h4 { padding: 0; margin-bottom: 0; font-size: 1.6rem; line-height: 1.5; padding-top: 2.5rem; } }

.index-news-list .item .time { position: absolute; left: 0; top: 0; width: 140px; height: 100%; text-align: center; }

@media (min-width: 0) { .index-news-list .item .time { width: 80px; } }

@media (min-width: 992px) { .index-news-list .item .time { width: 12rem; } }

.index-news-list .item .time .vmbox { position: absolute; top: 50%; left: 50%; -webkit-transform: translate(-50%, -50%); transform: translate(-50%, -50%); white-space: nowrap; text-align: left; }

.index-news-list .item .time .md { font-size: 26px; font-weight: 600; line-height: 1; margin-bottom: 0.25em; }

.index-news-list .item .time .y { font-size: 1.6rem; line-height: 1; }

.index-news-list .item p { position: relative; line-height: 1.5em; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; max-height: 3em; height: 3em; color: #666; font-size: 1.6rem; }

@media (min-width: 0) { .index-news-list .item p { font-size: 1.4rem; } }

@media (min-width: 992px) { .index-news-list .item p { padding: 0; font-size: 1.4rem; } }

.index-news-list .item:hover h3 { color: #c12523; }

@media screen and (max-width: 1024px) { .index-news-list { width: 100%; height: auto; } }

/*==首页关于我们↓==*/
.index-about { background: #fefefe url(../images/index_about_bg.jpg) no-repeat center bottom; position: relative; }

@media (min-width: 0) { .index-about { background-position: top; padding-bottom: 0; margin-bottom: 0; } }

@media (min-width: 1200px) { .index-about { padding-bottom: 28rem; margin-bottom: 16rem; } }

.index-about .container { position: relative; }

.index-about h3.title { display: table; margin: auto; color: #cb1812; font-size: 26px; font-weight: bold; padding-left: 50px; background: url(../images/logo2.png) no-repeat left; }

.index-about .wx { margin: 0 0 1rem 0; color: #333333; padding: 0; text-align: left; line-height: 1.75; text-indent: 2em; text-align: justify; overflow: hidden; }

@media (min-width: 1200px) { .index-about .wx { padding: 0 10rem; } }

.index-about .video { text-align: center; margin-bottom: 3rem; }

@media (max-width: 768px) { .index-about .video { width: 100%; overflow: hidden; } }

.index-about .video video { display: block; width: 100%; height: auto; }

@media (min-width: 768px) { .index-about .video video { width: 640px; } }

.index-about .frame { width: 100%; margin: 70px 0 0 0; position: absolute; bottom: -430px; left: 0; /*! opacity: 0.5;*/ }

@media (min-width: 0) { .index-about .frame { position: unset; width: auto; margin-top: 1.5rem; margin-left: -1.5rem; margin-right: -1.5rem; } }

@media (min-width: 1200px) { .index-about .frame { width: 100%; margin: 0; position: absolute; } }

.index-about .frame li { float: left; width: 25%; padding: 1rem; height: 22rem; overflow: hidden; }

@media (min-width: 0) { .index-about .frame li { width: 50%; } }

@media (min-width: 1200px) { .index-about .frame li { width: 25%; padding: 4rem 2rem; height: 27rem; } }

.index-about .frame li i { color: #fff; }

@media (min-width: 0) { .index-about .frame li i { display: block; margin: 0 auto; margin-bottom: 1rem; text-align: center; width: 100%; font-size: 48px; line-height: 1; padding-top: 25px; color: #fff; } }

@media (min-width: 1200px) { .index-about .frame li i { float: left; width: 25%; height: 100px; font-size: 48px; padding-top: 25px; color: #fff; } }

.index-about .frame li h3 { color: #fff; transition: all .4s ease-in-out; background-repeat: no-repeat; background-position: left; -webkit-transition: all .4s ease-in-out; -moz-transition: all .4s ease-in-out; -ms-transition: all .4s ease-in-out; -o-transition: all .4s ease-in-out; }

@media (min-width: 0) { .index-about .frame li h3 { text-align: center; } }

@media (min-width: 1200px) { .index-about .frame li h3 { text-align: left; font-size: 28px; padding-left: 80px; } }

.index-about .frame li h3 a { color: #fff; font-size: 2rem; }

.index-about .frame li h3:hover a { color: #eee; }

.index-about .frame li h3 font { display: block; text-transform: capitalize; }

@media (min-width: 0) { .index-about .frame li h3 font { font-size: 1rem; margin: 0.75rem 0; } }

@media (min-width: 576px) { .index-about .frame li h3 font { font-size: 1.2rem; margin: 1rem 0; } }

@media (min-width: 1200px) { .index-about .frame li h3 font { font-size: 2rem; margin: 1rem 0; } }

.index-about .frame li h3 hr { display: block; width: 1rem; height: 1px; background: #fff; margin: 0px; border: none; }

@media (min-width: 0) { .index-about .frame li h3 hr { margin: 0 auto; } }

@media (min-width: 1200px) { .index-about .frame li h3 hr { margin: 0; } }

.index-about .frame li p { color: #fff; }

@media (min-width: 0) { .index-about .frame li p { font-size: 1.2rem; line-height: 1.5; text-align: center; } }

@media (min-width: 576px) { .index-about .frame li p { font-size: 1.4rem; } }

@media (min-width: 768px) { .index-about .frame li p { font-size: 1.6rem; } }

@media (min-width: 1200px) { .index-about .frame li p { text-align: left; font-size: 1.4rem; margin-top: 3rem; padding-left: 80px; } }

@media (min-width: 1400px) { .index-about .frame li p { font-size: 1.6rem; } }

.index-about .frame li.x1 { background: #cb1812; }

.index-about .frame li.x2 { background: #c10f08; }

.index-about .frame li.x3 { background: #b70d05; }

.index-about .frame li.x4 { background: #aa0b05; }

/*==计算↓==*/
.digital { margin: 3rem 0 7rem 0; text-align: center; }

@media (min-width: 300px) { .digital { margin: 1.5rem 0; } }

@media (min-width: 1200px) { .digital { margin: 3rem 0 7rem 0; } }

.digital li { display: inline-block; border-right: 1px #ccc dotted; color: #000; padding: 0 50px; line-height: 1; margin-bottom: 1em; }

@media (min-width: 300px) { .digital li { width: 50%; float: left; text-align: center; border: none; padding: 0 0.5rem; } }

@media (min-width: 1200px) { .digital li { display: inline-block; width: auto; border-right: 1px #ccc dotted; color: #000; padding: 0 50px; float: none; clear: both; } }

.digital li:last-child { border: none; }

.digital li div { display: inline-block; padding-bottom: 0.5em; }

.digital li span { display: table-cell; color: #e60012; font-family: "Bebas", Helvetica, Arial, sans-serif; font-size: 70px; font-weight: bold; line-height: 1; }

@media (min-width: 300px) { .digital li span { font-size: 2.6rem; } }

@media (min-width: 992px) { .digital li span { font-size: 4.8rem; } }

@media (min-width: 1200px) { .digital li span { font-size: 7rem; } }

.digital li font { display: table-cell; vertical-align: middle; padding-top: 0px; color: #e60012; font-weight: bold; }

@media (min-width: 300px) { .digital li font { font-size: 1.2rem; } }

@media (min-width: 1200px) { .digital li font { font-size: 24px; } }

.digital li b { clear: both; display: block; color: #333333; font-size: 1.8rem; padding-top: 1.5rem; }

@media (min-width: 300px) { .digital li b { font-size: 1.8rem; padding-top: 0; } }

@media (min-width: 1200px) { .digital li b { font-size: 1.8rem; padding-top: 1.5rem; } }

/* 首页产品列表 */
.slideGroup { margin: 0 auto; width: 100%; }

.slideGroup .parHd { position: relative; }

@media (min-width: 992px) { .slideGroup .parHd { border-top: 1px solid rgba(0, 0, 0, 0.1); height: 6rem; line-height: 6rem; padding: 0 2rem; } }

.slideGroup .parHd ul { display: table; margin: 0 auto; }

.slideGroup .parHd ul li { float: left; padding: 0 15px; cursor: pointer; height: 3.2rem; line-height: 3.2rem; overflow: hidden; margin-bottom: 0; }

.slideGroup .parHd ul li:nth-child(1) { border-top: 1px solid #cccccc; }

.slideGroup .parHd ul li:nth-child(2) { border-top: 1px solid #cccccc; }

.slideGroup .parHd ul li:nth-child(3) { border-top: 1px solid #cccccc; }

.slideGroup .parHd ul li:nth-child(3n+1) { border-left: 1px solid #cccccc; }

.slideGroup .parHd ul li:nth-child(5) { width: 66.66%; }

@media (min-width: 0) { .slideGroup .parHd ul li { padding: 0 1rem; border: 1px solid transparent; border-bottom: 1px solid #cccccc; border-right: 1px solid #cccccc; width: 33.33%; font-size: 1.2rem; } }

@media (min-width: 992px) { .slideGroup .parHd ul li { border: none !important; background: transparent; padding: 0 1.5rem; height: 6rem; line-height: 6rem; width: unset !important; font-size: 1.8rem; } }

.slideGroup .parHd ul li span { width: 100%; display: inline-block; }

.slideGroup .parHd ul li i { font-weight: 600; }

.slideGroup .parHd ul li.on { background: #fff; color: #e60012; }

@media (min-width: 0) { .slideGroup .parHd ul li.on { border: 1px solid #e60012; background: #e60012; color: #fff; } }

@media (min-width: 992px) { .slideGroup .parHd ul li.on { background: transparent; border: none; color: #e60012; border-top: 2px solid rgba(230, 0, 18, 0.9) !important; margin-top: -1px; } }

.slideGroup .slideBox { overflow: hidden; zoom: 1; padding: 0; position: relative; margin-top: 3rem; }

@media (min-width: 0) { .slideGroup .slideBox { margin-top: 1rem; } }

@media (min-width: 576px) { .slideGroup .slideBox { margin-top: 1.5rem; } }

@media (min-width: 992px) { .slideGroup .slideBox { margin-top: 3rem; } }

/* 首页产品滚动 */
.project-feature-slider { padding: 0 1rem; margin-bottom: 0 !important; padding-bottom: 0 !important; }

@media (min-width: 0) { .project-feature-slider { padding: 0; margin-left: -0.5rem; margin-right: -0.5rem; } }

@media (min-width: 576px) { .project-feature-slider { padding: 0 1rem; } }

@media (min-width: 992px) { .project-feature-slider { padding: 0 8rem; } }

.project-item { margin-bottom: 1.5rem; }

@media (min-width: 0) { .project-item { padding-right: 5px; padding-left: 5px; } }

.project-item .inner { position: relative; border: 1px solid rgba(0, 0, 0, 0.1); text-align: center; }

.project-item .inner img { width: 100%; }

.project-item .inner .tit { display: block; width: 100%; font-size: 15px; height: 60px; line-height: 60px; overflow: hidden; color: #333; }

.project-info { position: absolute; top: 50%; left: 0; width: 100%; height: 100%; color: #b7b7b7; background-color: rgba(3, 19, 43, 0.9); }

.project-info { opacity: 0; visibility: hidden; -webkit-transition: 0.3s; transition: 0.3s; }

.project-item .inner:hover .project-info { top: 0; opacity: 1; visibility: visible; }

.project-info a { color: #b7b7b7; }

.project-info h3 a { color: #f2f4f6; text-decoration: none; }

.project-info a:hover { color: #e60012; }

.project-info .project-meta { font-size: 1.4rem; line-height: 1; font-weight: 500; margin-bottom: 0; padding: 30px; border-bottom: 1px solid rgba(183, 183, 183, 0.2); }

.project-info .project-content { padding: 55px 30px; }

.project-info .project-content p { margin-bottom: 50px; }

.project-info .project-content i { margin-left: 10px; }

.project-grid-2 { overflow: hidden; margin-left: -1px; }

.project-grid-2 .project-item { margin-bottom: 0; }

.project-detail-box { padding: 30px; background-color: #f2f4f6; }

.project-detail-box ul { list-style: none; color: #707070; font-weight: 500; padding: 0; margin: 0; }

.project-detail-box ul li { padding-bottom: 24px; }

.project-detail-box ul li:last-child { padding-bottom: 0; }

.project-detail-box a { text-decoration: underline; }

.project-detail-box span { float: right; color: #03132b; }

.project-share { text-align: left; }

.project-share span { color: #707070; text-decoration: underline; line-height: 26px; }

.projects-list { margin-bottom: 9rem; position: relative; display: inline-block; }

.project-feature .slick-arrow { top: 30%; z-index: 10; background: #e4e4e4; border-radius: 6px; -webkit-border-radius: 6px; -moz-border-radius: 6px; -ms-border-radius: 6px; -o-border-radius: 6px; padding: 5px 10px; width: 35px; }

.project-feature .prev-nav.slick-arrow { left: 0; }

.project-feature .next-nav.slick-arrow { right: 0; }

.project-feature .slick-arrow .fa { color: #fff; font-size: 40px; }

.project-feature .slick-arrow:hover { background: #e60012; }

.project-feature .tempWrap { width: 100% !important; overflow: unset !important; }

.project-feature .slick-dots { text-align: center; position: unset !important; margin: 0 auto !important; }

@media (min-width: 576px) { .project-feature .slick-dots { margin: 0; } }

@media (min-width: 992px) { .project-feature .slick-dots { padding: 2rem 0 !important; padding-bottom: 0 !important; } }

.project-feature .slick-dots li button { display: block; width: 10px; height: 8px; background: #cccccc; border: none; border-radius: 4px; -webkit-border-radius: 8px; -moz-border-radius: 4px; -ms-border-radius: 4px; -o-border-radius: 4px; }

.project-feature .slick-dots li.slick-active button { border-color: #e60012; background-color: #e60012; width: 18px; transition: width .3s; -webkit-transition: width .3s; -moz-transition: width .3s; -ms-transition: width .3s; -o-transition: width .3s; }

/* index-app */
.index-app { display: block; background: #f5f5f5; }

.services__wrapper { display: block; background: #fff; }

.services__wrapper > div { border: 1px solid rgba(0, 0, 0, 0.1); overflow: hidden; }

.services__item { text-align: center; background: #fff; margin-bottom: 0; overflow: hidden; padding: 1.5rem 0; }

@media (min-width: 768px) { .services__item { padding: 3rem 2rem; } }

@media (min-width: 1200px) { .services__item { padding: 6rem 4rem; } }

.services__item:hover .services__icon i { -webkit-transform: translate3d(0, -10px, 0); -moz-transform: translate3d(0, -10px, 0); -ms-transform: translate3d(0, -10px, 0); -o-transform: translate3d(0, -10px, 0); transform: translate3d(0, -10px, 0); }

.services__item-2:hover { -webkit-box-shadow: 0 2rem 2rem 0 rgba(3, 0, 53, 0.06); -moz-box-shadow: 0 2rem 2rem 0 rgba(3, 0, 53, 0.06); box-shadow: 0 2rem 2rem 0 rgba(3, 0, 53, 0.06); }

.services__icon { margin-bottom: 1rem; }

@media (min-width: 576px) { .services__icon { margin-bottom: 1.25rem; } }

@media (min-width: 768px) { .services__icon { margin-bottom: 1.5rem; } }

@media (min-width: 992px) { .services__icon { margin-bottom: 1.75rem; } }

@media (min-width: 1200px) { .services__icon { margin-bottom: 2rem; } }

@media (min-width: 1400px) { .services__icon { margin-bottom: 2.25rem; } }

.services__icon i { font-size: 4rem; line-height: 1; color: #0f0f0f; -webkit-backface-visibility: hidden; backface-visibility: hidden; -webkit-transform: translate3d(0, 0, 0); -moz-transform: translate3d(0, 0, 0); -ms-transform: translate3d(0, 0, 0); -o-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); -webkit-transition: transform 0.3s cubic-bezier(0.21, 0.6, 0.44, 2.18); -moz-transition: transform 0.3s cubic-bezier(0.21, 0.6, 0.44, 2.18); -ms-transition: transform 0.3s cubic-bezier(0.21, 0.6, 0.44, 2.18); -o-transition: transform 0.3s cubic-bezier(0.21, 0.6, 0.44, 2.18); -webkit-transition: -webkit-transform 0.3s cubic-bezier(0.21, 0.6, 0.44, 2.18); transition: -webkit-transform 0.3s cubic-bezier(0.21, 0.6, 0.44, 2.18); transition: transform 0.3s cubic-bezier(0.21, 0.6, 0.44, 2.18); transition: transform 0.3s cubic-bezier(0.21, 0.6, 0.44, 2.18), -webkit-transform 0.3s cubic-bezier(0.21, 0.6, 0.44, 2.18); }

@media (min-width: 576px) { .services__icon i { font-size: 4.8rem; } }

@media (min-width: 768px) { .services__icon i { font-size: 4.8rem; } }

@media (min-width: 992px) { .services__icon i { font-size: 6rem; } }

@media (min-width: 1200px) { .services__icon i { font-size: 6rem; } }

@media (min-width: 1400px) { .services__icon i { font-size: 7.2rem; } }

.services__content h3 { font-size: 19px; font-weight: 600; margin-bottom: 15px; color: #000; }

.services__content h3 a { color: #333; }

.services__content-2 h3 { margin-bottom: 0; }

@media only screen and (min-width: 992px) and (max-width: 1199px) { .services__content-2 h3 { font-size: 2rem; } }

.services__content p { font-size: 1.4rem; line-height: 1.5; }

.services__content-2 p { margin-bottom: 0; }

@media only screen and (min-width: 992px) and (max-width: 1199px) { .services__content-3 { padding-left: 15px; } }

@media only screen and (min-width: 768px) and (max-width: 991px) { .services__content-3 { margin-top: 50px; } }

@media only screen and (min-width: 576px) and (max-width: 767px) { .services__content-3 { margin-top: 50px; padding-left: 30px; padding-right: 30px; } }

@media (max-width: 575px) { .services__content-3 { margin-top: 50px; padding-left: 15px; padding-right: 15px; } }

.services__content-3 h3 { font-size: 30px; }

.services__content-3 p { margin-bottom: 40px; }

.services__nav .nav-item { margin-right: 80px; }

@media only screen and (min-width: 992px) and (max-width: 1199px) { .services__nav .nav-item { margin-right: 30px; } }

@media only screen and (min-width: 576px) and (max-width: 767px) { .services__nav .nav-item { margin-right: 30px; } }

@media (max-width: 575px) { .services__nav .nav-item { margin-right: 0; } }

.services__nav .nav-link { padding: 0; border: 0; -webkit-border-radius: 0; -moz-border-radius: 0; border-radius: 0; background: transparent; font-size: 18px; color: #1f1841; font-weight: 500; }

.services__nav .nav-link i { display: inline-block; width: 60px; height: 60px; text-align: center; line-height: 60px; color: #4636ff; margin-right: 18px; background: #fff; -webkit-box-shadow: 0 10px 30px 0 rgba(8, 2, 46, 0.1); -moz-box-shadow: 0 10px 30px 0 rgba(8, 2, 46, 0.1); box-shadow: 0 10px 30px 0 rgba(8, 2, 46, 0.1); -webkit-border-radius: 50%; -moz-border-radius: 50%; border-radius: 50%; }

.services__nav .nav-link.active { background: transparent; color: #5749ff; }

.services__tab { -webkit-border-radius: 10px; -moz-border-radius: 10px; border-radius: 10px; }

@media only screen and (min-width: 768px) and (max-width: 991px) { .services__thumb { padding-left: 70px; } }

@media only screen and (min-width: 576px) and (max-width: 767px) { .services__thumb { padding-left: 30px; } }

@media (max-width: 575px) { .services__thumb { padding-left: 15px; } }

.services__text h3 { font-size: 30px; margin-bottom: 15px; }

.services__text p { margin-bottom: 45px; }

.services__text p span { color: #4636ff; position: relative; }

.services__text p span::after { position: absolute; content: ""; left: 0; bottom: -2px; width: 100%; height: 2px; background: #4636ff; }

.services__text h4 { font-size: 18px; font-family: "Lato", sans-serif; font-weight: 600; margin-bottom: 2rem; line-height: 1.5; }

.services__list ul li { font-size: 1.6rem; position: relative; padding-left: 30px; margin-bottom: 15px; }

.services__list ul li::after { position: absolute; content: "?"; left: 0; top: 3px; font-family: "Font Awesome 5 Pro"; font-size: 1.6rem; color: #4636ff; }

.services__widget { padding: 43px 40px; padding-bottom: 45px; }

@media only screen and (min-width: 992px) and (max-width: 1199px) { .services__widget { padding-left: 25px; padding-right: 25px; } }

@media (max-width: 575px) { .services__widget { padding-left: 25px; padding-right: 25px; } }

.services__widget-title h4 { font-size: 24px; margin-bottom: 2rem; }

.services__link ul li { margin-bottom: 15px; }

.services__link ul li:last-child { margin-bottom: 0; }

.services__link ul li a { padding-left: 2rem; position: relative; }

.services__link ul li a::after { position: absolute; content: "?"; left: 0; top: 0; font-family: "Font Awesome 5 Pro"; font-size: 1.6rem; color: #4636ff; }

.services__link ul li a:hover { color: #4636ff; }

.services__link ul li a:hover::after { left: 5px; }

.services__form input { width: 100%; height: 50px; border: 2px solid transparent; background: #fff; -webkit-border-radius: 10px; -moz-border-radius: 10px; border-radius: 10px; padding: 0 2rem; margin-bottom: 2rem; }

.services__form input::-webkit-input-placeholder { color: #9b9aa4; }

.services__form input::-moz-placeholder { color: #9b9aa4; }

.services__form input:-ms-input-placeholder { color: #9b9aa4; }

.services__form input::-ms-input-placeholder { color: #9b9aa4; }

.services__form input::placeholder { color: #9b9aa4; }

.services__form input:focus { border-color: #4636ff; outline: 0; }

.services__form input:focus::-webkit-input-placeholder { opacity: 0; }

.services__form input:focus::-moz-placeholder { opacity: 0; }

.services__form input:focus:-ms-input-placeholder { opacity: 0; }

.services__form input:focus::-ms-input-placeholder { opacity: 0; }

.services__form input:focus::placeholder { opacity: 0; }

.services__action { padding: 15px 30px; position: relative; }

.services__action::after { position: absolute; content: ""; top: auto; left: 0; bottom: 0; width: 3px; height: 0; background: #4636ff; }

.services__action:hover::after { top: 0; bottom: auto; height: 100%; }

.services__action a { margin-bottom: 0; display: block; }

.services__action a i { color: #4636ff; padding-right: 15px; }

.services__action a:hover { color: #4636ff; }

@media (max-width: 575px) { .services__sidebar { margin-right: 0; } }

/* 核心优势 */
.index-advantage { background: url(../images/ipt2_bg.jpg) no-repeat center; background-size: cover; color: #fff; padding-top: 85px; position: relative; }

.index-advantage:after { content: ""; position: absolute; right: 0; bottom: 0; width: 33%; height: 250px; background: #fff; z-index: 0; }

.index-advantage:before { content: ""; position: absolute; right: 0; bottom: -80px; width: 188px; height: 334px; background: url(../images/ipt2_logo.png) no-repeat center; z-index: 1; }

@media (max-width: 1600px) { .index-advantage { display: none; } }

.index-advantage .index-head { padding-top: 15px; }

.index-advantage .index-head .dt { color: #fff; text-align: left; }

.index-advantage .index-head .dd { color: #fff; text-align: left; }

.index-advantage .index_desc { color: #b9c0d0; }

.index-advantage a { color: #fff; }

.index-advantage a:hover { color: #fff; }

.index-advantage .t { font-size: 24px; font-weight: bold; margin-bottom: 10px; }

.index-advantage .d { font-size: 15px; line-height: 24px; height: 48px; overflow: hidden; }

.index-advantage .con { padding: 70px 50px 0; }

.index-advantage .box2 { background: url(../images/ipt2_box2.png) no-repeat right center; background-size: cover; }

.index-advantage .box4 { background: url(../images/ipt2_box4.png) no-repeat right center; background-size: cover; }

.index-advantage .box6 { background: url(../images/ipt2_box6.png) no-repeat right center; background-size: cover; position: relative; z-index: 100; }

.index-advantage .wrap { overflow: hidden; width: 1200px; margin-right: auto; margin-left: auto; }

.index-advantage .box { float: left; height: 250px; overflow: hidden; }

.index-advantage .smbox { width: 27.5%; }

.index-advantage .lgbox { width: 45%; }

/* 内页banner */
.banner_gw { position: relative; }

.banner_gw::before { content: ""; width: 100%; height: 100%; position: absolute; background-color: #000; opacity: .25; z-index: 1; left: 0; top: 0; }

.banner_gw .box { max-width: 1600px; min-width: 1200px; width: 90%; margin: 0 auto; position: relative; -webkit-transition: all .5s; -moz-transition: all .5s; transition: all .5s; -webkit-box-sizing: border-box; box-sizing: border-box; }

@media (max-width: 1200px) { .banner_gw .box { max-width: 100%; min-width: 100%; } }

.banner_gw img { display: block; width: 100%; }

.banner_gw .mimg { display: none; }

.banner_gw .bax { position: absolute; width: 100%; top: 49.5%; transform: translateY(-50%); -webkit-transform: translateY(-50%); left: 0; z-index: 2; color: #fff; }

.banner_gw .bax .tt { font-weight: bold; font-size: 1.6rem; width: 80%; }

@media (min-width: 768px) { .banner_gw .bax .tt { font-size: 30px; line-height: 1; } }

@media (min-width: 992px) { .banner_gw .bax .tt { font-size: 60px; line-height: 1; } }

.banner_gw .bax .tc { font-size: 1.2rem; line-height: 1.5; margin-bottom: 1rem; display: -webkit-box; -webkit-box-orient: vertical; overflow: hidden; text-overflow: ellipsis; -webkit-line-clamp: 2; width: 80%; }

@media (min-width: 768px) { .banner_gw .bax .tc { margin: 15px 0 30px; font-size: 1.6rem; } }

@media (min-width: 992px) { .banner_gw .bax .tc { margin: 30px 0 60px; font-size: 1.8rem; } }

.banner_gw .bax .more { display: block; width: 150px; height: 40px; line-height: 40px; padding: 0 15px 0 25px; border-radius: 30px; border: 1px solid rgba(255, 255, 255, 0.3); text-align: justify; color: #fff; position: relative; overflow: hidden; z-index: 3; }

@media (max-width: 768px) { .banner_gw .bax .more { display: none; } }

.banner_gw .bax .more span { display: block; width: 2rem; height: 2rem; background: url(../images/jtt.png) center no-repeat; position: absolute; top: 10px; right: 15px; }

.banner_gw .bax .more:hover { background: #e60012; color: #fff; border: 1px solid #e20b1c; }

.banner_gw .bax .more:hover span { background: url(../images/jtl.png) center no-repeat; }

/*--------------------------------------------------------------## product-single--------------------------------------------------------------*/
.product-single { margin-bottom: 30px; border: 1px solid rgba(0, 0, 0, 0.05); }

.product__thumb { overflow: hidden; }

.product__thumb img { display: block; -webkit-transition: all .4s ease-out 0s; -moz-transition: all .4s ease-out 0s; -ms-transition: all .4s ease-out 0s; -o-transition: all .4s ease-out 0s; transition: all .4s ease-out 0s; }

@media only screen and (min-width: 992px) and (max-width: 1200px) { .product__thumb img { width: 100%; } }

@media only screen and (min-width: 768px) and (max-width: 991px) { .product__thumb img { width: 100%; } }

@media (max-width: 767px) { .product__thumb img { width: 100%; } }

@media only screen and (min-width: 576px) and (max-width: 767px) { .product__thumb img { width: 100%; } }

.product-single:hover { -webkit-box-shadow: 0 0 50px rgba(18, 53, 87, 0.12); background-color: #fff; box-shadow: 0 0 50px rgba(18, 53, 87, 0.12); }

.product-single:hover .product__thumb img { -webkit-transform: scale(1.1); transform: scale(1.1); }

.product-single:hover .product__thumb .position_btn { opacity: 1; visibility: visible; }

.product__thumb .position_btn { position: absolute; z-index: 2; bottom: 2rem; right: 2rem; opacity: 0; visibility: hidden; -webkit-transition: all .4s ease-out 0s; -moz-transition: all .4s ease-out 0s; -ms-transition: all .4s ease-out 0s; -o-transition: all .4s ease-out 0s; transition: all .4s ease-out 0s; }

.product__content { padding: 50px 80px 60px 70px; margin-top: -265px; z-index: 3; }

@media only screen and (min-width: 992px) and (max-width: 1200px) { .product__content { margin-left: 0; margin-right: 0; } }

@media (max-width: 767px) { .product__content { margin-left: 0; margin-right: 0; padding: 50px 15px 60px 15px; margin-top: 30px; } }

@media only screen and (min-width: 576px) and (max-width: 767px) { .product__content { margin-left: 0; margin-right: 0; padding: 50px 15px 60px 15px; margin-top: 30px; } }

.product__content--meta span { color: white; font-size: 15px; line-height: 45px; font-weight: 600; font-family: "Mulish", sans-serif; margin-right: 35px; }

@media (max-width: 767px) { .product__content--meta span { margin-right: 10px; } }

@media only screen and (min-width: 576px) and (max-width: 767px) { .product__content--meta span { margin-right: 10px; } }

.product__content h5 a { color: white; display: inline-block; line-height: 1.4; }

.product__content p { color: white; }

.border_btn { background: transparent; border: 3px solid white; }

.border_btn:hover { background: #57b33e; border: 3px solid #57b33e; }

.product__content2 { padding: 28px 23px 40px 40px; margin-top: -110px; }

@media (max-width: 767px) { .product__content2 { padding: 28px 10px 40px 15px; margin-top: 30px; } }

@media only screen and (min-width: 576px) and (max-width: 767px) { .product__content2 { padding: 28px 10px 40px 15px; margin-top: 30px; } }

.product__content2 .meta-02 span { margin-right: 2rem; }

@media (max-width: 767px) { .product__content2 .meta-02 span { margin-right: 10px; } }

@media only screen and (min-width: 576px) and (max-width: 767px) { .product__content2 .meta-02 span { margin-right: 10px; } }

.product__content2 h5 a { font-size: 2rem; }

.product__content3 { padding: 1.5rem 1rem; border-top: 1px solid #eaeaea; }

@media (min-width: 992px) { .product__content3 { padding: 2rem 3rem; } }

.product__content3 h5 { margin-bottom: 0; margin-top: 0; text-align: center; }

.product__content3 h5 a { line-height: 1.5; display: inline-block; width: 100%; position: relative; color: #333; font-size: 1.4rem; }

.product__content3 h5 a::before { content: ""; background: #e2e2e2; position: absolute; left: 0; bottom: 0; width: 100%; height: 2px; z-index: 1; display: none; }

.product__content3 h5 a::after { content: ""; background: #e60012; position: absolute; left: 0; bottom: -1px; width: 95px; height: 4px; z-index: 1; display: none; }

.product__content3--meta span { font-weight: 600; color: #666666; }

.product__content3--meta span:nth-child(1) { margin-right: 24px; }

.product__content3--meta span i { margin-right: 3px; }

.product-single:hover .product__content3 h5 a { color: #e60012; }

/*********** MODULE pagination ***********/
.pagination { display: block; }

.list_page { text-align: center; margin: 10px; display: block; margin-top: 30px; }

.list_page:after { content: " "; display: block; height: 0; clear: both; visibility: hidden; overflow: hidden; }

.list_page ul { list-style: none; margin: 0; padding: 0; display: inline-block; vertical-align: bottom; }

.list_page ul li { display: inline-block; border: solid 1px #ddd; border-radius: 4px; }

@media (min-width: 0) { .list_page ul a { font-size: 1.2rem; } }

@media (min-width: 992px) { .list_page ul a { color: #333; padding: 12px 18px; line-height: 18px; display: block; -webkit-transition: all 1s cubic-bezier(0.175, 0.885, 0.32, 1) 0s; transition: all 1s cubic-bezier(0.175, 0.885, 0.32, 1) 0s; background: #fff; } }

.page_group ul { border-right: solid 1px #ddd; border-radius: 4px; }

.page_group ul li { border-right: none; border-radius: 0; float: left; }

.page_group ul li:not(:first-child):not(:last-child) { border-radius: 0; }

.page_group ul li:first-child { border-radius: 3px 0 0 3px; }

.page_group ul li:last-child { border-radius: 0 3px 3px 0; }

.page_group ul .active a { background: #f3f3f3; border-radius: 0; }

.page_group ul { border: 0; }

.page_group ul li { padding: 0 4px; border: 0; height: 48px; line-height: 48px; }

.page_group ul a { display: block; border: solid 1px #ddd; min-width: 3rem; height: 3rem; line-height: 3rem; padding: 0 0.5rem; }

@media (min-width: 992px) { .page_group ul a { border: solid 1px #ddd; min-width: 48px; height: 48px; line-height: 48px; padding: 0 12px; border-radius: 48px; -webkit-border-radius: 48px; -moz-border-radius: 48px; -ms-border-radius: 48px; -o-border-radius: 48px; } }

.page_group ul .active a { background: #e60027; color: #fff; }

@media (min-width: 992px) { .page_group ul .active a { border: solid 1px #ddd; min-width: 48px; height: 48px; line-height: 48px; padding: 0 12px; border-radius: 48px; -webkit-border-radius: 48px; -moz-border-radius: 48px; -ms-border-radius: 48px; -o-border-radius: 48px; } }

/*--------------------------------------------------------------## Blog--------------------------------------------------------------*/
html { font-size: 10px; }

.post-box { margin-bottom: 1.5rem; transition: all 0.3s linear; -webkit-transition: all 0.3s linear; -moz-transition: all 0.3s linear; -o-transition: all 0.3s linear; -ms-transition: all 0.3s linear; }

@media (min-width: 992px) { .post-box { margin-bottom: 3rem; } }

.post-box:hover { box-shadow: 0 0 10px rgba(0, 0, 0, 0.15); -webkit-box-shadow: 0 0 10px rgba(0, 0, 0, 0.15); -moz-box-shadow: 0 0 10px rgba(0, 0, 0, 0.15); -webkit-transform: translateY(-5px); transform: translateY(-5px); }

.entry-media { width: 100%; float: left; }

@media (max-width: 768px) { .entry-media { width: 12rem; } }

@media (min-width: 768px) { .entry-media { width: 25%; font-size: 18px; } }

.entry-media img { width: 100%; -webkit-transition: all 500ms ease; transition: all 500ms ease; }

.post-box:hover .entry-media img { -webkit-transform: scale(1.05); transform: scale(1.05); }

.entry-body { width: 100%; float: left; border: none; background: none; }

@media (max-width: 768px) { .entry-body { width: calc(100% - 12rem); padding: 1.2rem 1.5rem; } }

@media (min-width: 768px) { .entry-body { width: 65%; padding: 2.25rem; } }

@media (min-width: 992px) { .entry-body { padding: 2.5rem; } }

@media (min-width: 1200px) { .entry-body { padding: 3rem; } }

@media (min-width: 1600px) { .entry-body { padding: 5.0rem 4.5rem; } }

.entry-title { font-weight: 600; color: #000; width: 100%; }

@media (max-width: 768px) { .entry-title { font-size: 1.25rem; padding: 0; margin: 0; } }

@media (min-width: 768px) { .entry-title { font-size: 1.5rem; padding: 0; margin: 0; } }

@media (min-width: 992px) { .entry-title { font-size: 1.75rem; } }

@media (min-width: 1600px) { .entry-title { font-size: 2rem; } }

.entry-title a { color: #000; }

.entry-meta { color: #707070; font-size: 1rem; line-height: 1; margin-bottom: 0.5rem; margin-top: 0.5rem; color: #999999; }

@media (max-width: 768px) { .entry-meta { margin: 0.5rem 0; } }

@media (min-width: 768px) { .entry-meta { margin: 1rem 0; } }

@media (min-width: 992px) { .entry-meta { margin: 1.5rem 0; } }

@media (min-width: 1600px) { .entry-meta { font-size: 1.6rem; margin: 2.5rem 0; } }

.entry-meta a { color: #e60012; font-weight: 500; }

.entry-meta span:before { content: "|"; margin: 0 10px; }

.entry-meta span:first-child:before { display: none; }

.entry-summary { margin-bottom: 0; font-size: 1rem; line-height: 1.75; color: #838386; }

@media (max-width: 768px) { .entry-summary { font-size: 1rem; line-height: 1.5; } }

@media (min-width: 992px) { .entry-summary { font-size: 1.4rem; } }

@media (min-width: 1600px) { .entry-summary { font-size: 1.6rem; line-height: 2; } }

.entry-summary a { color: #666666; }

.entry-footer { width: 10%; float: right; height: 250px; line-height: 250px; text-align: center; }

@media (max-width: 1600px) { .entry-footer { height: 195px; line-height: 195px; } }

@media (max-width: 1200px) { .entry-footer { height: 160px; line-height: 160px; } }

@media (max-width: 768px) { .entry-footer { display: none; } }

@media (max-width: 992px) and (min-width: 768px) { .entry-footer { height: 13.5rem; line-height: 13.5rem; } }

@media (min-width: 992px) { .entry-footer { height: 17.5rem; line-height: 17.5rem; } }

@media (min-width: 1200px) { .entry-footer { height: 17.5rem; line-height: 17.5rem; } }

@media (min-width: 1600px) { .entry-footer { height: 27rem; line-height: 27rem; } }

.entry-footer .post-link { display: inline-block; color: #ffffff; font-size: 50px; line-height: 50px; height: 50px; width: 50px; font-weight: 500; background: #9c9c9c; vertical-align: middle; border-radius: 50%; -webkit-border-radius: 50%; -moz-border-radius: 50%; -ms-border-radius: 50%; -o-border-radius: 50%; }

@media (max-width: 1200px) { .entry-footer .post-link { font-size: 40px; line-height: 40px; height: 40px; width: 40px; } }

@media (min-width: 768px) { .entry-footer .post-link { font-size: 3rem; line-height: 3rem; height: 3rem; width: 3rem; } }

@media (min-width: 1600px) { .entry-footer .post-link { font-size: 4.8rem; line-height: 4.8rem; height: 4.8rem; width: 4.8rem; } }

.entry-footer .post-link:hover { background: #e60012; }

.entry-footer .post-link i { margin-left: 5px; vertical-align: text-top; }

.page-pagination { display: -webkit-box; display: -ms-flexbox; display: flex; list-style: none; margin-bottom: 0; margin-top: 9rem; }

.page-pagination li a, .page-pagination li span { font-size: 1.6rem; line-height: 1; padding: 13px 18px; display: inline-block; position: relative; margin-right: 10px; }

.page-pagination li a { color: #707070; background-color: #f2f4f6; }

.page-pagination li a:hover { color: #ffffff; background-color: #e60012; text-decoration: none; }

.page-pagination li a i { margin-left: 0; }

.page-pagination li span { color: #ffffff; background-color: #e60012; }

.entry { background: #f7f7f7; }

/* meta-list */
.meta-list { line-height: 1.75; color: #999; text-align: center; }

@media (min-width: 992px) { .meta-list { line-height: 2; } }

.meta-list .meta-item { margin-right: 1.5rem; font-size: 1.2rem; }

@media (min-width: 992px) { .meta-list .meta-item { font-size: 1.4rem; } }

@media (min-width: 1200px) { .meta-list .meta-item { font-size: 1.6rem; } }

.meta-list .meta-item:last-child { margin-right: 0; }

.meta-list .meta-item + .meta-item::before { content: "|"; margin-right: 1.5rem; }

.meta-list i { margin-right: 5px; }

/* blog-details */
.blog-details-area { background-color: #f0f0f0; }

.blog-details-area .container { background: #ffffff; padding: 3rem 1.5rem; -webkit-box-shadow: 1px 1.732px 5px 0px rgba(159, 159, 159, 0.1); box-shadow: 1px 1.732px 5px 0px rgba(159, 159, 159, 0.1); }

@media (min-width: 992px) { .blog-details-area .container { padding: 50px 38px 75px; } }

.blog-details { display: block; }

.blog-details-head { padding-bottom: 2.8rem; border-bottom: #dddddd solid 1px; text-align: center; }

.blog-details-head h1 { font-size: 24px; line-height: 1.5; color: #333333; }

@media (min-width: 992px) { .blog-details-head h1 { font-size: 3.2rem; } }

.blog-details-head p { margin-top: 15px; color: #999999; line-height: 1.6rem; }

.blog-details-head .icoImg { vertical-align: middle; width: 1.6rem; height: 1.6rem; }

.blog-details-body { padding-top: 30px; padding-bottom: 30px; }

.blog-details-body p { margin-bottom: 1rem; }

.blog-details-body img { max-width: 100%; }

.blog-details-foot { position: relative; padding: 0; line-height: 1.8rem; font-size: 1.4rem; background-color: #f5f5f5; text-align: center; padding: 1.4rem 2rem; }

.blog-details-foot .ctr { display: inline-block; position: relative; overflow: hidden; color: #333333; height: 18px; max-width: 40%; overflow: hidden; -webkit-line-clamp: 1; display: -webkit-box; text-overflow: ellipsis; -webkit-box-orient: vertical; }

.blog-details-foot .ctr.prev { float: left; }

.blog-details-foot .ctr.next { float: right; }

.blog-details-foot .ctr[href="#"], .blog-details-foot .ctr[href=""] { cursor: not-allowed; }

.blog-details-foot .ctr[href="#"]:after, .blog-details-foot .ctr[href=""]:after { display: none; }

.blog-details-foot .ctr[href="#"]:hover, .blog-details-foot .ctr[href=""]:hover { color: #999999; }

.blog-details-foot .backToList { width: 4em; color: #333333; text-align: center; display: none; }

@media (min-width: 992px) { .blog-details-foot .backToList { display: inline; } }

/* hotSpot */
.hotSpot { position: relative; }

.hotSpot-head { height: 30px; line-height: 30px; }

.hotSpot-head span { float: left; color: #2f2f2f; font-size: 24px; padding-left: 44px; background-image: url(../images/icos-hotSpot.png); background-size: auto; background-position: 0 50%; background-repeat: no-repeat; }

.hotSpot-head .next { position: relative; float: right; padding-left: 34px; color: #2f2f2f; -webkit-transition: all 220ms ease 0s, all 220ms ease 0s; transition: all 220ms ease 0s, all 220ms ease 0s; }

.hotSpot-head .next:before { content: " "; position: absolute; left: 0; top: 50%; margin-top: -12px; width: 24px; height: 24px; background-image: url(../images/icos-refresh.png); background-size: auto; background-position: 0 50%; background-repeat: no-repeat; }

.hotSpot-head .next.refreshNext:before { -webkit-animation-name: rotate360; animation-name: rotate360; -webkit-animation-duration: 500ms; animation-duration: 500ms; -webkit-animation-delay: 0s; animation-delay: 0s; -webkit-animation-timing-function: ease; animation-timing-function: ease; -webkit-animation-iteration-count: 1; animation-iteration-count: 1; -webkit-animation-direction: normal; animation-direction: normal; -webkit-animation-play-state: running; animation-play-state: running; -webkit-animation-fill-mode: both; animation-fill-mode: both; }

.hotSpot-head .next:hover { text-indent: -3px; }

.hotSpot .shade { margin-top: 30px; }

.hotSpot .package { position: relative; left: 0; top: 0; width: 100%; height: 100%; background-color: #fff; }

.hotSpot .package.moveItem { position: absolute; }

.sNews-hotSpot { margin-top: 45px; }

.sNews-hotSpot .shade { height: 245px; }

.sNews-hotSpot .item { float: left; position: relative; width: 392px; height: 245px; margin-left: 1.4rem; }

.sNews-hotSpot .item:first-child { margin-left: 0; }

.sNews-hotSpot .item:before { content: " "; z-index: 6; position: absolute; left: 50%; top: 9rem; margin-left: -19px; width: 38px; height: 38px; background-image: url(../images/icos-zoom2.png); background-size: auto; background-position: 50% 50%; background-repeat: no-repeat; -webkit-transition: all 250ms ease 0ms; transition: all 250ms ease 0ms; opacity: 0; visibility: hidden; /* *visibility: visible; */ -webkit-transform: scale(0.5) translateY(10px); transform: scale(0.5) translateY(10px); }

.sNews-hotSpot .item:after { content: " "; position: absolute; left: 0; bottom: 0; width: 100%; height: 40px; background-color: #1e1e1e; opacity: .70; filter: alpha(opacity=70); *zoom: 1; z-index: 5; -webkit-transition: all 400ms ease 0s; transition: all 400ms ease 0s; }

.sNews-hotSpot .item .pic { width: 392px; height: 245px; background-color: #f1f1f1; }

.sNews-hotSpot .item h3 { position: absolute; left: 0; bottom: 0; z-index: 8; width: 372px; padding-left: 10px; padding-right: 10px; height: 40px; line-height: 40px; text-align: center; font-size: 1.6rem; color: #fff; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; -webkit-transition: all 400ms ease 0s; transition: all 400ms ease 0s; }

.sNews-hotSpot .item:hover h3 { bottom: 75px; }

.sNews-hotSpot .item:hover:before { -webkit-transform: none !important; transform: none !important; -webkit-transition: all 250ms ease 100ms; transition: all 250ms ease 100ms; opacity: 1; visibility: visible; }

.sNews-hotSpot .item:hover:after { height: 100%; }

/*------------------------------------------------------------
footer
------------------------------------------------------------*/
.footer { padding: 50px 0; background: #222; position: relative; z-index: 3; overflow: hidden; }

@media (max-width: 768px) { .footer { display: none; } }

.footer .box { padding-top: 1.6rem; width: 100%; padding: 15px 60px; }

.footer .flt { width: 42rem; float: left; }

@media (max-width: 992px) { .footer .flt { width: 100%; } }

.footer .flt .flogo { float: left; display: block; }

.footer .flt .flogo img { width: 150px; }

.footer .flt .ico { float: right; padding-top: 10px; }

.footer .flt .ico a { display: block; width: 36px; height: 36px; line-height: 34px; position: relative; border: 1px solid rgba(255, 255, 255, 0.2); border-radius: 50%; text-align: center; float: left; margin-left: 25px; }

.footer .flt .ico a > i { color: #fff; opacity: .3; }

.footer .flt .ico a:nth-child(1) { margin-left: 0; }

.footer .flt .ico a:hover > i { opacity: 1; }

.footer .flt .ico a .ewm { display: block; width: 130px; position: absolute; left: 50%; margin-left: -65px; top: 40px; opacity: 0; visibility: hidden; }

.footer .flt .ico a .ewm img { max-width: 130px; }

.footer .flt .ico a:hover .ewm { top: 50px; opacity: 1; visibility: visible; }

.footer .flt .dh { display: block; color: #fff; margin: 50px 0; }

.footer .flt .dh .img { display: block; width: 60px; height: 60px; float: left; border: 1px solid rgba(255, 255, 255, 0.2); border-radius: 50%; margin-right: 2rem; text-align: center; }

.footer .flt .dh .img i { line-height: 60px; font-size: 28px; opacity: 0.3; }

.footer .flt .dh .tt { color: #999; margin-bottom: 10px; line-height: 1; font-weight: bold; }

.footer .flt .dh .num { color: #fff; font-family: Bebas; font-size: 36px; line-height: 1; font-weight: 100; }

.footer .flt .dz { display: block; line-height: 1; color: #999; margin-top: 15px; font-size: 1.4rem; }

.footer .frt { float: right; }

@media (max-width: 992px) { .footer .frt { display: none; } }

.footer .frt li { float: left; padding-left: 15px; padding-right: 15px; text-align: center; }

@media (min-width: 992px) { .footer .frt li { text-align: left; } }

@media (min-width: 1200px) { .footer .frt li { padding-left: 10px; padding-right: 10px; } }

.footer .frt li a { display: block; color: #999; position: relative; left: 0; margin-bottom: 15px; line-height: 1; font-size: 1.4rem; }

@media (min-width: 992px) { .footer .frt li a { margin-left: 2rem; } }

@media (min-width: 1200px) { .footer .frt li a { margin-left: 40px; } }

.footer .frt li a:nth-child(1) { color: #fff; margin-bottom: 25px; font-size: 18px; }

.footer .frt li a:hover { left: -5px; color: #fff; }

.footer2 { background: #222; position: relative; z-index: 3; border-top: 1px solid rgba(255, 255, 255, 0.2); padding: 30px 0; font-size: 1.2rem; text-align: center; }

@media (min-width: 1200px) { .footer2 .container { width: 100%; padding: 0 60px; text-align: left; } }

@media (min-width: 1200px) { .footer2 .flt { text-align: left; } }

.footer2 .flt a { display: inline-block; color: #999; margin-right: 1rem; margin-left: 1rem; margin-bottom: 1rem; }

.footer2 .flt a:hover { color: #fff; }

.footer2 .frt { text-align: center; }

@media (min-width: 1200px) { .footer2 .frt { text-align: right; } }

.footer2 .frt .alt { color: #999; text-align: center; display: block; }

@media (min-width: 768px) { .footer2 .frt .alt { display: inline; } }

.footer2 .frt .beian { color: #999; margin: 0 10px 0 10px; }

.footer2 .frt .art { color: #999; float: right; }

.footer2 .frt .art a { color: #999; }

/*** 
=============================================
    Shop Details Area Css
=============================================
***/
.product-details-area { position: relative; display: block; background: #f6f6f6; }

.product-details-area .container { background: #ffffff; }

.product-details-area .col-left { border-right: 1px solid #f3f3f3; padding: 1.5rem; }

@media (min-width: 576px) { .product-details-area .col-left { padding: 1.5rem; } }

@media (min-width: 768px) { .product-details-area .col-left { padding: 2rem; } }

@media (min-width: 992px) { .product-details-area .col-left { padding: 3rem; padding-bottom: 0; } }

@media (min-width: 1200px) { .product-details-area .col-left { border-right: 1px solid #f3f3f3; padding: 6rem; } }

.product-details-area .col-right { padding: 1.5rem; }

@media (min-width: 576px) { .product-details-area .col-right { padding: 1.5rem; } }

@media (min-width: 768px) { .product-details-area .col-right { padding: 2rem; } }

@media (min-width: 992px) { .product-details-area .col-right { padding: 3rem; } }

@media (min-width: 1200px) { .product-details-area .col-right { padding: 6rem; } }

.single-product-image-holder { position: relative; display: block; max-width: 440px; width: 100%; }

.single-product-image-holder .bx-wrapper { position: relative; margin: 0; padding: 0; }

.single-product-image-holder .bx-wrapper .bx-viewport { -webkit-box-shadow: none; box-shadow: none; border: 0px solid; left: 0px; background: #fff; -webkit-transform: translatez(0); transform: translatez(0); }

.single-product-image-holder .slider-content { position: relative; display: block; }

.single-product-slide { position: relative; display: block; }

.single-product-slide .big-image-box { position: relative; display: block; overflow: hidden; }

.single-product-slide .big-image-box img { width: 100%; -webkit-transition: .5s ease; transition: .5s ease; -webkit-transform: scale(1.05); transform: scale(1.05); }

.single-product-slide:hover .big-image-box img { -webkit-transform: scale(1); transform: scale(1); }

.single-product-image-holder .slider-pager { position: relative; display: block; max-width: 440px; width: 100%; margin-top: 2rem; text-align: center; }

.single-product-image-holder .slider-pager .thumb-box { position: relative; display: block; overflow: hidden; }

.single-product-image-holder .slider-pager .thumb-box li { position: relative; display: inline-block; float: none; margin: 0 8px 13px; }

.single-product-image-holder .slider-pager .thumb-box li a { position: relative; display: inline-block; }

.single-product-image-holder .slider-pager .thumb-box li .img-holder { position: relative; display: block; overflow: hidden; z-index: 1; }

.single-product-image-holder .slider-pager .thumb-box li .img-holder:before { position: absolute; top: 0; left: 0; width: 100%; height: 100%; background-color: rgba(143, 196, 36, 0.7); -webkit-transition: all 200ms linear; transition: all 200ms linear; -webkit-transition-delay: 0.1s; transition-delay: 0.1s; opacity: 0; content: ""; }

.single-product-image-holder .slider-pager .thumb-box li a.active .img-holder:before { opacity: 1; }

.single-product-info-box { position: relative; display: block; /* 产品备注 */ /* 产品属性 */ /* 产品标签 */ /* 产品咨询按钮 */ }

.single-product-info-box .product-title { position: relative; display: block; }

.single-product-info-box .product-title p { font-size: 1.4rem; line-height: 18px; font-weight: 700; margin: 0 0 8px; }

.single-product-info-box .product-title h2 { color: #222222; font-size: 30px; line-height: 40px; font-weight: 700; }

.single-product-info-box .product-value { position: relative; display: block; border-top: 1px solid #dddddd; border-bottom: 1px solid #dddddd; padding: 25px 0 28px; margin: 30px 0 34px; }

.single-product-info-box .product-value h3 { font-size: 24px; line-height: 30px; font-weight: 700; }

.single-product-info-box .product-value h3 del { color: #b2bfce; font-size: 18px; }

.single-product-info-box .product-value .review-box { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; margin-top: 11px; }

.single-product-info-box .product-value .review-box span { position: relative; display: inline-block; padding-left: 5px; color: #d7d7d7; font-size: 1.4rem; font-weight: 700; }

.single-product-info-box .product-text { position: relative; display: block; margin: 1.5rem 0; }

.single-product-info-box .product-text .bottom { position: relative; display: block; padding-top: 12px; }

.single-product-info-box .product-text p { color: #888; font-size: 1.6rem; line-height: 1.75; font-weight: 400; margin: 0; }

.single-product-info-box .product-text ul { position: relative; display: block; overflow: hidden; }

.single-product-info-box .product-text ul li { position: relative; display: inline-block; float: left; margin-right: 30px; color: #333; font-size: 1.6rem; font-weight: 400; }

.single-product-info-box .product-text ul li span { font-weight: 700; }

.single-product-info-box .product-attribute { list-style: none; margin: 10px 0; }

.single-product-info-box .product-attribute li { line-height: 30px; }

.single-product-info-box .product-attribute li em { display: inline-block; width: 60px; font-style: normal; color: #999; }

.single-product-info-box .product-tags { color: #999; margin: 1.5rem 0; }

.single-product-info-box .product-action { margin: 1.5rem 0; }

.product-cart-box { position: relative; display: block; }

.product-cart-box .input-box { position: relative; display: block; margin-bottom: 2rem; }

.product-cart-box .input-box .title { position: relative; display: block; padding-bottom: 15px; }

.product-cart-box .input-box .title h4 { color: #222222; font-size: 1.6rem; line-height: 2rem; font-weight: 700; }

.product-cart-box .bootstrap-select { position: relative; display: block; width: 100% !important; height: 50px; }

.product-cart-box .bootstrap-select > .dropdown-toggle { position: relative; display: block; outline: none !important; border-radius: 0; border: 1px solid #e5e5e5; background-color: #ffffff !important; max-width: 100%; width: 100%; height: 50px; margin: 0; padding: 0; padding-left: 19px; padding-right: 2rem; color: #999999 !important; font-size: 1.4rem; line-height: 48px; font-weight: 700; letter-spacing: normal; text-transform: capitalize; -webkit-box-shadow: none !important; box-shadow: none !important; font-family: 'Open Sans', sans-serif; }

.product-cart-box .bootstrap-select .dropdown-toggle:focus { outline: none !important; }

.product-cart-box .bootstrap-select .dropdown-menu li a span.text { display: inline-block; margin: 0; }

.product-cart-box .bootstrap-select > .dropdown-toggle::after { position: absolute; top: 50%; -webkit-transform: translateY(-50%); transform: translateY(-50%); right: 28px; width: auto; height: auto; font-family: 'icomoon' !important; content: "\e941"; color: #c9c5bf; font-size: 12px; margin: 0; border: none; }

.product-cart-box .bootstrap-select .dropdown-menu { margin: 0; padding: 0; border-radius: 0px; border: 0px solid #ddd; background: #eae8e4; font-size: 1.6rem; color: #000000; }

.product-cart-box .bootstrap-select .dropdown-menu li { position: relative; border-bottom: 1px solid #d7d7d7; }

.product-cart-box .dropdown-item { display: block; width: 100%; padding: 9px 2rem 9px; color: #222222; font-size: 1.4rem; font-weight: 700; text-align: inherit; white-space: nowrap; background-color: transparent; border: 0; border-radius: 0; -webkit-transition: all 500ms ease; transition: all 500ms ease; font-family: 'Open Sans', sans-serif; }

.quantity-box .input-group.bootstrap-touchspin { float: left; width: 46px; }

.quantity-box input.quantity-spinner.form-control { position: relative; display: block; height: 50px; width: 45px; padding: 0; -webkit-transition: auto; transition: auto; color: #999999; font-size: 1.4rem; font-weight: 700; text-align: center; border: 1px solid #e5e5e5; font-family: 'Open Sans', sans-serif; }

.quantity-box input.quantity-spinner.form-control:focus { -webkit-box-shadow: none; box-shadow: none; }

.quantity-box .bootstrap-touchspin .input-group-btn-vertical .btn { position: relative; display: block; float: none; margin-left: 0px; width: 100%; background: #f6f6f6; border: 1px solid #f6f6f6; color: #848484; padding: 12px 11px; cursor: pointer; }

.quantity-box .bootstrap-touchspin .input-group-btn-vertical .bootstrap-touchspin-up { border-radius: 0; }

.quantity-box .bootstrap-touchspin .input-group-btn-vertical .bootstrap-touchspin-down { border-radius: 0; margin-top: -2px; }

.quantity-box .bootstrap-touchspin .input-group-btn-vertical .btn.bootstrap-touchspin-up:before { content: "\f0d8"; font-family: FontAwesome; color: #848484; font-size: 1.4rem; position: absolute; top: 0px; left: 0px; width: 100%; height: 100%; padding: 5px 5px 5px; }

.quantity-box .bootstrap-touchspin .input-group-btn-vertical .btn.bootstrap-touchspin-down:before { content: "\f0d7"; font-family: FontAwesome; color: #848484; font-size: 1.4rem; position: absolute; top: -1px; left: 0px; width: 100%; height: 100%; padding: 0px 5px 5px; }

.clear-selection { position: relative; display: block; float: right; }

.clear-selection a { position: relative; display: inline-block; font-size: 1.4rem; line-height: 50px; font-weight: 700; text-decoration: underline; }

.product-details-button-box { position: relative; display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-line-pack: center; align-content: center; }

.product-details-button-box .addto-cart-button { position: relative; display: block; }

.product-details-button-box .addto-cart-button button.addtocart { line-height: 62px; border-radius: 0; }

.product-details-button-box .addto-cart-button button.addtocart:after { border-radius: 0px; }

.product-details-button-box .wishlist-button { position: relative; display: block; margin-left: 30px; margin-left: 0; }

.product-details-button-box .wishlist-button a.wishlist { color: #222222; line-height: 58px; background: #ffffff; border: 1px solid #e5e5e5; padding: 0 30px; background: #18a05c; color: #ffffff; border-radius: 5px; }

.product-details-button-box .wishlist-button a.wishlist:hover { background-color: #ffffff; color: var(--thm-black); }

.product-details-button-box .wishlist-button a.wishlist:after { border-radius: 0px; }

.product-details-button-box .compare-button { position: relative; display: block; margin-left: 30px; }

.product-details-button-box .compare-button a.compare { color: #222222; line-height: 58px; background: #ffffff; border: 1px solid #e5e5e5; border-radius: 0; padding: 0 30px; }

.product-details-button-box .compare-button a.compare:after { border-radius: 0px; }

.product-details-button-box a.btn i { position: relative; display: inline-block; float: left; font-size: 1.6rem; line-height: 60px; padding-right: 10px; margin: 0; }

.share-products-socials { position: relative; display: block; overflow: hidden; margin-top: 30px; }

.share-products-socials h5 { position: relative; display: inline-block; float: left; color: #222222; font-size: 1.4rem; line-height: 40px; font-weight: 700; text-transform: capitalize; padding: 0; margin: 0; }

.share-products-socials ul { position: relative; display: inline-block; float: left; margin-left: 2rem; }

.share-products-socials ul li { position: relative; display: inline-block; float: left; margin-right: 2rem; }

.share-products-socials ul li:last-child { margin-right: 0; }

.share-products-socials ul li a i { position: relative; display: block; width: 40px; height: 40px; font-size: 18px; line-height: 42px; text-align: center; border-radius: 5px; -webkit-transition: all 500ms ease; transition: all 500ms ease; }

.share-products-socials ul li a i.fb { background: #3b5998; border-color: #3b5998; color: #ffffff; }

.share-products-socials ul li a:hover i.fb { background: #1d376f; }

.share-products-socials ul li a i.tw { background: #55acee; border-color: #55acee; color: #ffffff; }

.share-products-socials ul li a:hover i.tw { background: #1e7dc5; }

.share-products-socials ul li a i.pin { background: #cb2027; border-color: #cb2027; color: #ffffff; }

.share-products-socials ul li a:hover i.pin { background: #a81218; }

.share-products-socials ul li a i.lin { background: #007ab9; border-color: #007ab9; color: #ffffff; }

.share-products-socials ul li a:hover i.lin { background: #01537d; }

#bsWXBox { -webkit-box-sizing: content-box; -moz-box-sizing: content-box; box-sizing: content-box; }

/* product slider */
.product-slider-container { cursor: -moz-zoom-in; cursor: -webkit-zoom-in; cursor: zoom-in; text-align: center; }

.product-slider-container a { cursor: -moz-zoom-in; cursor: -webkit-zoom-in; cursor: zoom-in; }

.product-slider-container .slick-slide img { margin: 0 auto; width: 100%; }

/* thumbnail  */
.product-details-thumbnail { margin-top: 2rem; }

.product-item-thumb { border: none; outline: none; padding-right: 5px; padding-left: 5px; position: relative; }

.product-item-thumb img { border: none; outline: none; width: 100%; border: 1px solid #f3f3f3; cursor: pointer; }

.product-item-thumb img:hover { border: 1px solid #e4e3e3; }

.product-thumbnail-vertical .product-item-thumb { margin-left: 0; }

.product-item-thumb img { border: 1px solid #eaeaea; padding: 5px; }

.product-item-thumb.slick-current img { border: 1px solid #ea0012; }

.product-item-thumb.slick-current:after { content: " "; position: absolute; right: 24px; top: -5px; width: 11px; height: 11px; border: #2DB7F5 solid 1px; border-bottom: 0; -webkit-transform: rotate(45deg); -ms-transform: rotate(45deg); transform: rotate(45deg); background: #fff; z-index: -1; display: none; }

.product-gallery .product-item { width: 50%; float: left; padding: 5px; }

.product-gallery .product-item a { border: 1px solid #f3f3f3; }

.arrow-center .arrow-button { position: absolute; top: 48%; -webkit-transform: translatey(-50%); -ms-transform: translatey(-50%); transform: translatey(-50%); width: 30px; height: 30px; line-height: 30px; font-size: 40px; color: #555; left: 40px; z-index: 99; text-align: center; -webkit-transition: .5s; -o-transition: .5s; transition: .5s; cursor: pointer; opacity: 0; visibility: hidden; }

@media only screen and (max-width: 575px) { .arrow-center .arrow-button { display: none; } }

.arrow-center:hover .arrow-button { opacity: .8; visibility: visible; }

@media only screen and (max-width: 575px) { .arrow-center:hover .arrow-button { display: none; visibility: hidden; } }

.arrow-center:hover .arrow-left { left: 0; }

.arrow-center:hover .arrow-right { right: 2px; }

.arrow-center .arrow-left { left: 2rem; }

.arrow-center .arrow-right { right: 2rem; left: auto; }

/*** 
=============================================
    Products Details Tab Area Css
=============================================
***/
.products-details-tab-area { position: relative; display: block; background: #f4f2ef; padding: 60px 0 50px; }

.product-tab-box { position: relative; display: block; overflow: hidden; }

.product-tab-box .tab-btns { position: relative; display: block; text-align: center; z-index: 1; }

.product-tab-box .tab-btns .tab-btn { position: relative; display: inline-block; float: none; margin: 0 -2px; }

.product-tab-box .tab-btns .tab-btn span { position: relative; display: block; cursor: pointer; margin: 0; padding: 0px 29px 22px; color: #222222; font-size: 24px; font-weight: 700; font-family: var(--fontFamily2); text-transform: uppercase; -webkit-transition: all 500ms ease; transition: all 500ms ease; }

.product-tab-box .tab-btns .tab-btn span:before { position: absolute; left: 0; bottom: 0; right: 0; height: 3px; content: ""; background: #18a05c; -webkit-transform: scaleX(0); transform: scaleX(0); -webkit-transform-origin: center; transform-origin: center; -webkit-transform-style: preserve-3d; transform-style: preserve-3d; -webkit-transition: all 0.4s cubic-bezier(0.62, 0.21, 0.45, 1.22); transition: all 0.4s cubic-bezier(0.62, 0.21, 0.45, 1.22); }

.product-tab-box .tab-btns .tab-btn.active-btn span { color: #18a05c; }

.product-tab-box .tab-btns .tab-btn.active-btn span:before { -webkit-transform: scaleX(1); transform: scaleX(1); }

.product-tab-box .tabs-content { position: relative; display: block; }

.product-tab-box .tabs-content .tab { position: relative; background: #ffffff; padding: 44px 50px 40px; display: none; }

.product-tab-box .tabs-content .tab.active-tab { display: block; }

.product-descriptions-content { position: relative; display: block; }

.product-descriptions-content .text { margin-bottom: 33px; }

.product-descriptions-content .bottom-text { margin-top: 33px; }

.product-tab-box .review-form { position: relative; display: block; }

.product-tab-box .review-form .shop-page-title { padding-bottom: 29px; }

.product-tab-box .review-form .shop-page-title .title { color: #222222; font-size: 2rem; line-height: 30px; font-weight: 600; margin: 0 0 4px; text-transform: capitalize; font-family: 'Poppins', sans-serif; }

.product-tab-box .review-form .shop-page-title p { margin: 0; }

.product-tab-box .review-form .shop-page-title p b { font-weight: 400; }

.product-tab-box .review-form .add-rating-box { position: relative; display: block; overflow: hidden; margin-bottom: 2rem; }

.product-tab-box .review-form .add-rating-box .add-rating-title { position: relative; display: inline-block; float: left; }

.product-tab-box .review-form .add-rating-box .add-rating-title p { position: relative; display: inline-block; float: left; line-height: 2rem; margin: 0; text-transform: capitalize; }

.product-tab-box .review-form .add-rating-box .review-box { position: relative; display: inline-block; float: left; padding-left: 2rem; }

.product-tab-box .review-form .add-rating-box .review-box ul li { position: relative; display: inline-block; float: left; line-height: 2rem; margin-right: 5px; }

.product-tab-box .review-form .add-rating-box .review-box ul li:last-child { margin-right: 0px; }

.product-tab-box .review-form .add-rating-box .review-box ul li i { font-size: 1.4rem; line-height: 2rem; opacity: 1; -webkit-transition: all 500ms ease 0s; transition: all 500ms ease 0s; }

.product-tab-box .review-form .input-box p { font-size: 15px; line-height: 2rem; font-weight: 500; margin: 0 0 5px; }

.product-tab-box .review-form form input[type="text"], .product-tab-box .review-form form input[type="email"], .product-tab-box .review-form form textarea { position: relative; display: block; background: #ffffff; width: 100%; height: 50px; border: 1px solid #ededed; color: #252525; font-size: 15px; padding: 0 2rem; margin-bottom: 30px; border-radius: 0px; -webkit-transition: all 500ms ease; transition: all 500ms ease; }

.product-tab-box .review-form form textarea { height: 150px; padding: 10px 2rem; margin-bottom: 40px; }

.product-tab-box .review-form form button i { position: relative; display: inline-block; padding-left: 10px; }

.product-tab-box .review-form form input[type="text"]:focus { border-color: #e1dddd; }

.product-tab-box .review-form form input[type="email"]:focus { border-color: #e1dddd; }

.product-tab-box .review-form form textarea:focus { border-color: #e1dddd; }

.review-box-holder { position: relative; display: block; }

.review-box-holder .single-review-outer-box { position: relative; display: block; padding: 34px 39px 32px; border: 1px solid #ededed; margin-bottom: 2rem; }

.review-box-holder .single-review-box { position: relative; display: block; padding-left: 70px; }

.review-box-holder .single-review-box .image-holder { position: absolute; left: 0; top: 5px; }

.review-box-holder .single-review-box .image-holder img { width: 100%; border-radius: 50%; }

.review-box-holder .single-review-box .text-holder { position: relative; display: block; padding-left: 25px; }

.review-box-holder .single-review-box .text-holder .top { position: relative; display: block; overflow: hidden; margin: 0 0 12px; }

.review-box-holder .single-review-box .text-holder .top .name h3 { color: #222222; font-size: 1.6rem; font-weight: 600; line-height: 22px; margin: 0 0 7px; text-transform: capitalize; }

.review-box-holder .single-review-box .text-holder .top .name h3 span { color: #7e7e7e; font-size: 1.6rem; font-weight: 400; text-transform: none; font-family: 'Open Sans', sans-serif; }

.review-box-holder .single-review-box .text-holder .top .review-box ul { position: relative; display: block; overflow: hidden; }

.review-box-holder .single-review-box .text-holder .top .review-box ul li { display: inline-block; float: left; margin-right: 4px; }

.review-box-holder .single-review-box .text-holder .top .review-box ul li:last-child { margin-right: 0; }

.review-box-holder .single-review-box .text-holder .top .review-box ul li i { font-size: 1.4rem; }

.review-box-holder .single-review-box .text-holder .text p { margin: 0; }

/*--------------------------------------------------------------## product-single--------------------------------------------------------------*/
.product-single { margin-bottom: 30px; }

.product__thumb { overflow: hidden; }

.product__thumb img { display: block; -webkit-transition: all .4s ease-out 0s; -moz-transition: all .4s ease-out 0s; -ms-transition: all .4s ease-out 0s; -o-transition: all .4s ease-out 0s; transition: all .4s ease-out 0s; }

@media only screen and (min-width: 992px) and (max-width: 1200px) { .product__thumb img { width: 100%; } }

@media only screen and (min-width: 768px) and (max-width: 991px) { .product__thumb img { width: 100%; } }

@media (max-width: 767px) { .product__thumb img { width: 100%; } }

@media only screen and (min-width: 576px) and (max-width: 767px) { .product__thumb img { width: 100%; } }

.product-single:hover { -webkit-box-shadow: 0 0 50px rgba(18, 53, 87, 0.12); background-color: #fff; box-shadow: 0 0 50px rgba(18, 53, 87, 0.12); }

.product-single:hover .product__thumb img { -webkit-transform: scale(1.1); transform: scale(1.1); }

.product-single:hover .product__thumb .position_btn { opacity: 1; visibility: visible; }

.product__thumb .position_btn { position: absolute; z-index: 2; bottom: 2rem; right: 2rem; opacity: 0; visibility: hidden; -webkit-transition: all .4s ease-out 0s; -moz-transition: all .4s ease-out 0s; -ms-transition: all .4s ease-out 0s; -o-transition: all .4s ease-out 0s; transition: all .4s ease-out 0s; }

.product__content { padding: 50px 80px 60px 70px; margin-top: -265px; z-index: 3; }

@media only screen and (min-width: 992px) and (max-width: 1200px) { .product__content { margin-left: 0; margin-right: 0; } }

@media (max-width: 767px) { .product__content { margin-left: 0; margin-right: 0; padding: 50px 15px 60px 15px; margin-top: 30px; } }

@media only screen and (min-width: 576px) and (max-width: 767px) { .product__content { margin-left: 0; margin-right: 0; padding: 50px 15px 60px 15px; margin-top: 30px; } }

.product__content--meta span { color: white; font-size: 15px; line-height: 45px; font-weight: 600; font-family: "Mulish", sans-serif; margin-right: 35px; }

@media (max-width: 767px) { .product__content--meta span { margin-right: 10px; } }

@media only screen and (min-width: 576px) and (max-width: 767px) { .product__content--meta span { margin-right: 10px; } }

.product__content h5 a { color: white; display: inline-block; line-height: 1.4; }

.product__content p { color: white; }

/* 产品详细展示 */
.products-details-tab-area { background: #f6f6f6; margin-top: 0; padding-top: 0; }

.products-details-tab-area .container-left { width: 250px; margin-right: 30px; }

@media (max-width: 992px) { .products-details-tab-area .container-left { display: none; } }

.products-details-tab-area .container-right { -webkit-box-flex: 1; -ms-flex: 1; flex: 1; overflow: hidden; }

.products-details-tab-area .container-right .ui-tabs-nav { text-align: center; }

@media (min-width: 992px) { .products-details-tab-area .container-right .ui-tabs-nav { text-align: left; } }

.products-details-tab-area .container-right .ui-box-body { padding: 10px 15px; word-break: break-all; min-height: 380px; }

@media (min-width: 992px) { .products-details-tab-area .container-right .ui-box-body { padding: 25px 30px; } }

.products-details-tab-area .container-right .ui-menu { text-align: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; }

@media (min-width: 992px) { .products-details-tab-area .container-right .ui-menu { text-align: left; -webkit-box-pack: start; -ms-flex-pack: start; justify-content: flex-start; } }

.products-details-tab-area .proshow_content { padding: 2rem 0; }

.products-details-tab-area .proshow_content a { color: #03C; }

.products-details-tab-area .proshow_content a:hover { color: #f30; }

.products-details-tab-area .proshow_content p { margin-bottom: 2rem; line-height: 24px; }

.products-details-tab-area .proshow_content p img { max-width: 100%; }

.products-details-tab-area .proshow_content .extend { list-style: none; }

.products-details-tab-area .proshow_content .extend li { font-size: 15px; line-height: 30px; }

.products-details-tab-area .proshow_content .extend li em { display: inline-block; width: 12rem; font-style: normal; color: #999; font-size: 15px; margin-right: 15px; }

/* 关于我们 */
/* sAbout */
.hidePoint { position: absolute; height: 0; visibility: hidden; top: 0; left: 0; }

:root .scroll-wrap { padding-top: 90px; }

:root .hidePoint { margin-top: -90px; }

@media screen and (max-width: 1024px) { :root .scroll-wrap { padding-top: 64px; padding-bottom: 64px; }
  :root .hidePoint { margin-top: -64px; } }

.sAbout-section { position: relative; overflow: hidden; z-index: 2; padding: 3.0rem 0; }

@media (min-width: 992px) { .sAbout-section { padding: 6.0rem 0; } }

@media (min-width: 1200px) { .sAbout-section { padding: 9.0rem 0; } }

.sAbout-intro { position: relative; overflow: hidden; }

.sAbout-intro .contain { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-direction: row; flex-direction: row; -ms-flex-wrap: nowrap; flex-wrap: nowrap; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; -webkit-box-align: start; -ms-flex-align: start; align-items: flex-start; -ms-flex-line-pack: start; align-content: flex-start; }

@media screen and (max-width: 1024px) { .sAbout-intro .contain { display: block; } }

.sAbout-intro .contain:after { display: none; }

.sAbout-intro .left { width: 100%; padding-left: 1.5rem; padding-right: 1.5rem; -webkit-box-sizing: border-box; box-sizing: border-box; }

@media (min-width: 992px) { .sAbout-intro .left { width: 55%; padding-left: 10%; } }

.sAbout-intro .left .dt .en { font-size: 3rem; font-weight: bold; line-height: 1; color: #e60027; text-transform: uppercase; text-align: center; }

@media (min-width: 992px) { .sAbout-intro .left .dt .en { font-size: 7.2rem; font-weight: bold; text-align: left; line-height: 1; color: #e60027; text-transform: uppercase; } }

.sAbout-intro .left .ds { margin-top: 0.7rem; font-size: 1.8rem; line-height: 1.25; color: #e60027; text-align: center; }

@media (min-width: 992px) { .sAbout-intro .left .ds { text-align: left; margin-top: 0.7rem; font-size: 2.8rem; line-height: 1.25; } }

.sAbout-intro .left .dd { color: #333333; margin-top: 1.5rem; }

@media (min-width: 992px) { .sAbout-intro .left .dd { margin-top: 2.6rem; } }

.sAbout-intro .left .dd > p { text-indent: 2em; font-size: 1.4rem; line-height: 2; }

@media (min-width: 992px) { .sAbout-intro .left .dd > p { font-size: 1.6rem; } }

.sAbout-intro .left .df { margin-top: 3rem; margin-bottom: 3rem; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-direction: row; flex-direction: row; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; -webkit-box-align: start; -ms-flex-align: start; align-items: flex-start; -ms-flex-line-pack: start; align-content: flex-start; -ms-flex-wrap: wrap; flex-wrap: wrap; }

@media (min-width: 992px) { .sAbout-intro .left .df { margin-top: 4rem; margin-bottom: 4rem; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-direction: row; flex-direction: row; -ms-flex-wrap: nowrap; flex-wrap: nowrap; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; -webkit-box-align: start; -ms-flex-align: start; align-items: flex-start; -ms-flex-line-pack: start; align-content: flex-start; } }

.sAbout-intro .left .df:after { display: none; }

.sAbout-intro .left .df .col { width: 50%; -webkit-box-flex: 0; -ms-flex: 0 0 50%; flex: 0 0 50%; margin-bottom: 1.5rem; }

@media (min-width: 992px) { .sAbout-intro .left .df .col { width: auto; -webkit-box-flex: 0; -ms-flex: none; flex: none; } }

.sAbout-intro .left .df .col .sdt .num { font-style: normal; font-size: 4.2rem; line-height: 1; display: inline-block; vertical-align: bottom; font-family: "Bebas", Helvetica, Arial, sans-serif; font-weight: bold; color: #e60027; }

@media (min-width: 992px) { .sAbout-intro .left .df .col .sdt .num { font-size: 4.8rem; } }

.sAbout-intro .left .df .col .sdt .sub { display: inline-block; vertical-align: bottom; font-size: 1.8rem; color: #666666; line-height: 1.5; }

.sAbout-intro .left .df .col .sdd { margin-top: 1rem; font-size: 1.4rem; color: #666666; line-height: 18px; }

.sAbout-intro .right { position: relative; z-index: 2; width: 100%; padding-left: 1.5rem; padding-right: 1.5rem; }

@media (min-width: 992px) { .sAbout-intro .right { width: 40%; padding-left: 0; padding-right: 0; } }

.sAbout-intro .right:after { z-index: -1; pointer-events: none; content: " "; position: absolute; left: -12px; bottom: -12px; width: 100%; height: 100%; background-image: url(../images/dcts-about-intro.png); background-size: 90.10416667% auto; background-position: 0% 100%; background-repeat: no-repeat; }

.sAbout-intro .right .pic { width: 100%; height: 0 !important; padding-bottom: 87.109375%; overflow: hidden; background-color: #f1f1f1; }

.sAbout-intro .right .pic img { max-width: 100%; }

.sAbout-intro .right a.play-btn { text-align: center; line-height: 9rem; width: 9rem; height: 9rem; background-color: rgba(255, 255, 255, 0.75); color: #e60027; border-radius: 50%; display: inline-block; white-space: nowrap; vertical-align: middle; border: 10px solid #e60027; position: relative; position: absolute; left: 50%; margin-left: -4.5rem; top: 50%; margin-top: -4.5rem; cursor: pointer; }

@media (min-width: 992px) { .sAbout-intro .right a.play-btn { text-align: center; line-height: 12rem; width: 12rem; height: 12rem; background-color: #fff; color: #e60027; border-radius: 50%; display: inline-block; white-space: nowrap; vertical-align: middle; border: 10px solid #e60027; position: relative; position: absolute; left: 50%; margin-left: -60px; top: 50%; margin-top: -60px; cursor: pointer; } }

.sAbout-intro .right a.play-btn:after, .sAbout-intro .right a.play-btn:before { content: ""; position: absolute; top: 0; left: 0; width: 100%; height: 100%; border-radius: 50%; animation: grow 2s infinite; -webkit-animation: grow 2s infinite; box-shadow: 0 0 0 10px rgba(255, 255, 255, 0.5); -webkit-box-shadow: 0 0 0 10px rgba(255, 255, 255, 0.5); -moz-box-shadow: 0 0 0 10px rgba(255, 255, 255, 0.5); }

.sAbout-intro .right a.play-btn::before { animation-delay: .6s; -webkit-animation-delay: .6s; }

.sAbout-intro .right a.play-btn::after { animation-delay: .6s; -webkit-animation-delay: .6s; }

.sAbout-intro .right a.play-btn i { font-size: 40px; line-height: 1; margin-left: 4px; }

.sAbout-culture .index-head .dt { color: #fff; }

.sAbout-culture .index-head .ds { color: rgba(255, 255, 255, 0.5); }

.sAbout-culture-list { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-direction: row; flex-direction: row; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; -webkit-box-align: stretch; -ms-flex-align: stretch; align-items: stretch; -ms-flex-line-pack: start; align-content: flex-start; }

.sAbout-culture-list:after { display: none; }

.sAbout-culture-list .item { position: relative; overflow: hidden; -webkit-transition: all 250ms ease-out 0s; transition: all 250ms ease-out 0s; background-color: rgba(0, 0, 0, 0.5); color: #fff; }

.sAbout-culture-list .item:nth-child(1n+1) { width: 24.5%; margin-left: 0.66666667%; margin-top: 0; -webkit-box-sizing: border-box; box-sizing: border-box; }

.sAbout-culture-list .item:nth-child(4n+1) { margin-left: 0; }

.sAbout-culture-list .item:nth-child(1n+5) { margin-top: 0.66666667%; }

.sAbout-culture-list .item .dt { position: relative; z-index: 2; text-align: center; padding: 5rem 3rem; white-space: nowrap; }

.sAbout-culture-list .item .dt:after { content: " "; z-index: -1; pointer-events: none; position: absolute; left: 0; top: 100%; height: 100%; width: 100%; background-color: rgba(0, 0, 0, 0.3); -webkit-transition: all 250ms ease-out 0s; transition: all 250ms ease-out 0s; }

.sAbout-culture-list .item .dt .icoImg { display: block; margin-left: auto; margin-right: auto; width: 48px; height: 48px; }

.sAbout-culture-list .item .dt .cn { margin-top: 2rem; font-size: 2.4rem; line-height: 1; }

.sAbout-culture-list .item .dt .en { margin-top: 1rem; opacity: .1; line-height: 1; text-transform: uppercase; -webkit-transition: all 250ms ease-out 0s; transition: all 250ms ease-out 0s; }

.sAbout-culture-list .item .dd { position: relative; z-index: 3; text-align: center; letter-spacing: 0.15em; padding-left: 0.15em; line-height: 1.5; padding: 1rem 1.5rem; }

@media screen and (min-width: 1025px) { .sAbout-culture-list .item:hover { background-color: rgba(230, 0, 39, 0.7); }
  .sAbout-culture-list .item:hover .dt:after { background-color: rgba(204, 4, 38, 0.7); }
  .sAbout-culture-list .item:hover .dt .en { opacity: 1; } }

@media screen and (max-width: 1024px) { .sAbout-culture-list .item:active { background-color: rgba(230, 0, 39, 0.7); -webkit-transition: 0ms; transition: 0ms; }
  .sAbout-culture-list .item:active .dt:after { background-color: rgba(204, 4, 38, 0.7); -webkit-transition: 0ms; transition: 0ms; }
  .sAbout-culture-list .item:active .dt .en { opacity: 1; -webkit-transition: 0ms; transition: 0ms; } }

@media screen and (max-width: 1024px) { .sAbout-culture-list .item:nth-child(1n+1) { width: 49%; margin-left: 2%; margin-top: 0; -webkit-box-sizing: border-box; box-sizing: border-box; }
  .sAbout-culture-list .item:nth-child(2n+1) { margin-left: 0; }
  .sAbout-culture-list .item:nth-child(1n+3) { margin-top: 2%; }
  .sAbout-culture-list .item .dd { letter-spacing: 0.05em; padding-left: 0.05em; } }

.sAbout-axdvantage { position: relative; overflow: hidden; z-index: 2; padding-bottom: 4.4rem; }

.sAbout-axdvantage .canvasRoom { z-index: -1; pointer-events: none; position: absolute; left: 0; bottom: 0; width: 100%; height: auto; top: auto; background-image: none !important; }

.sAbout-axdvantage .canvasRoom > canvas { position: absolute; left: 0; top: 50%; -webkit-transform: translateY(-50%); transform: translateY(-50%); background-color: #fff; margin-top: -8%; }

.sAbout-axdvantage-list { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-direction: row; flex-direction: row; -ms-flex-wrap: nowrap; flex-wrap: nowrap; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; -webkit-box-align: stretch; -ms-flex-align: stretch; align-items: stretch; -ms-flex-line-pack: stretch; align-content: stretch; }

.sAbout-axdvantage-list:after { display: none; }

.sAbout-axdvantage-list .item { color: #e60027; line-height: 1.5; text-align: center; }

.sAbout-axdvantage-list .item:nth-child(1n+2) { margin-left: 1%; }

.sAbout-axdvantage-list .item .icon { position: relative; display: block; margin-left: auto; margin-right: auto; width: 2.88rem; height: 2.88rem; border-radius: 50%; background-repeat: no-repeat; background-position: -9999px 0; min-width: 80px; min-height: 80px; z-index: 2; }

.sAbout-axdvantage-list .item .icon:before, .sAbout-axdvantage-list .item .icon:after { content: " "; position: absolute; left: 0; top: 0; right: 0; bottom: 0; border-radius: 50%; -webkit-transition: all 250ms ease-out 0s; transition: all 250ms ease-out 0s; }

.sAbout-axdvantage-list .item .icon:before { z-index: 0; pointer-events: none; background-size: 100% 100%; background-position: 50% 50%; background-repeat: no-repeat; background-image: inherit; }

.sAbout-axdvantage-list .item .icon:after { z-index: -1; pointer-events: none; border: #e60027 dashed 1px; }

.sAbout-axdvantage-list .item .cn { margin-top: 0.6rem; }

.sAbout-axdvantage-list .item .en { margin-top: 5px; font-size: 1.4rem; line-height: 18px; font-family: Helvetica, Arial, sans-serif; text-transform: uppercase; opacity: .5; }

@media screen and (min-width: 1025px) { .sAbout-axdvantage-list .item:hover .icon:before { -webkit-transform: scale(0.9); transform: scale(0.9); }
  .sAbout-axdvantage-list .item:hover .icon:after { -webkit-transform: scale(1.05); transform: scale(1.05); } }

@media screen and (max-width: 1024px) { .sAbout-axdvantage-list .item:active .icon:before { -webkit-transform: scale(0.9); transform: scale(0.9); -webkit-transition: 0ms; transition: 0ms; }
  .sAbout-axdvantage-list .item:active .icon:after { -webkit-transform: scale(1.05); transform: scale(1.05); -webkit-transition: 0ms; transition: 0ms; } }

@media screen and (max-width: 1024px) { .sAbout-axdvantage-list { -ms-flex-wrap: wrap; flex-wrap: wrap; }
  .sAbout-axdvantage-list .item { width: 33%; }
  .sAbout-axdvantage-list .item:nth-child(1n+1) { margin-left: .5%; }
  .sAbout-axdvantage-list .item:nth-child(3n+1) { margin-left: 0; }
  .sAbout-axdvantage-list .item:nth-child(1n+4) { margin-top: 0.8rem; }
  .sAbout-axdvantage-list .item .cn { margin-top: 0.4rem; } }

@media screen and (max-width: 640px) { .sAbout-axdvantage-list .item .en { font-size: 12px; line-height: 1.6rem; } }

.sAbout-qualification .index-head .dt { color: #fff; }

.sAbout-qualification .index-head .ds { color: rgba(255, 255, 255, 0.5); }

.sAbout-qualification-offsetMove { width: 100%; position: relative; z-index: 2; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; }

.sAbout-qualification-offsetMove .item { display: inline-block; vertical-align: top; position: relative; overflow: hidden; padding: 1rem; }

.sAbout-qualification-offsetMove .item .img { height: 300px; width: auto; min-width: 160px; }

.sAbout-qualification-offsetMove .item .img > img { height: 100%; }

.sAbout-qualification-offsetMove .ctr-qualification.prev { right: 100%; margin-right: 0.6rem; }

.sAbout-qualification-offsetMove .ctr-qualification.next { left: 100%; margin-left: 0.6rem; }

.sAbout-qualification-offsetMove._bindjs .ctr { display: block; }

@media screen and (max-width: 1440px) { .sAbout-qualification-offsetMove .ctr-qualification.prev { right: 100%; margin-right: 5px; }
  .sAbout-qualification-offsetMove .ctr-qualification.next { left: 100%; margin-left: 5px; } }

@media screen and (max-width: 1024px) { .sAbout-qualification-offsetMove .item .img { height: 260px; }
  .sAbout-qualification-offsetMove .ctr-quilification { display: none !important; } }

.sAbout-qualification-offsetMove.notScroll .item .img { min-width: 0; height: 12rem; -o-object-fit: scale-down; object-fit: scale-down; margin-left: auto; margin-right: auto; }

@media (min-width: 992px) { .sAbout-qualification-offsetMove.notScroll .item .img { height: 22rem; -o-object-fit: scale-down; object-fit: scale-down; margin-left: auto; margin-right: auto; } }

.sAbout-qualification-offsetMove.notScroll .item .img img { height: 100%; }

@media screen and (min-width: 1025px) { .sAbout-qualification-offsetMove.notScroll .overview { width: 100%; }
  .sAbout-qualification-offsetMove.notScroll .overview:after { display: none; } }

.sAbout-qualification-offsetMove .slick-arrow { top: 25%; z-index: 10; background: #bebebe; background-color: transparent; border-radius: 38px; padding: 0; width: 38px; height: 38px; line-height: 38px; border: 1px solid white; -webkit-border-radius: 38px; -moz-border-radius: 38px; -ms-border-radius: 38px; -o-border-radius: 38px; vertical-align: bottom; }

@media (min-width: 992px) { .sAbout-qualification-offsetMove .slick-arrow { top: 35%; } }

.sAbout-qualification-offsetMove .slick-arrow i { font-size: 1.8rem; line-height: 38px; color: #fff; vertical-align: bottom; }

.sAbout-qualification-offsetMove .prev-nav.slick-arrow { left: 0; }

@media (min-width: 992px) { .sAbout-qualification-offsetMove .prev-nav.slick-arrow { left: -50px; } }

.sAbout-qualification-offsetMove .next-nav.slick-arrow { right: 0; }

@media (min-width: 992px) { .sAbout-qualification-offsetMove .next-nav.slick-arrow { right: -50px; } }

.sAbout-qualification-offsetMove .slick-dots { text-align: center; position: unset !important; margin: 0 auto !important; padding: 1.5rem 0 !important; padding-bottom: 0 !important; margin-bottom: 0 !important; }

.sAbout-qualification-offsetMove .slick-dots li button { display: block; width: 10px; height: 8px; background: #cccccc; border: none; border-radius: 4px; -webkit-border-radius: 8px; -moz-border-radius: 4px; -ms-border-radius: 4px; -o-border-radius: 4px; }

.sAbout-qualification-offsetMove .slick-dots li.slick-active button { border-color: #e60012; background-color: #e60012; width: 18px; }

/* 发展历程 */
.sAbout-history { background: url(../images/bgs-about-history.jpg) center center no-repeat; background-size: cover; }

#about .fzlc { width: 100%; }

#about .fzlc .box { padding: 1rem 0 1.5rem 0; display: none; }

@media (min-width: 992px) { #about .fzlc .box { display: block; padding: 1.5rem 0 4.5rem 0; } }

#about .fzlc .box .text { font-weight: bold; color: #333; margin-bottom: 99px; }

#about .fzlc .box .up { width: 76.25%; margin: 0 auto; position: relative; }

#about .fzlc .box .up .five_img { width: 100%; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; position: relative; z-index: 2; }

#about .fzlc .box .up .five_img .five { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; cursor: pointer; }

#about .fzlc .box .up .five_img .five .year { color: #999; margin-bottom: 15px; }

#about .fzlc .box .up .five_img .five:hover .year { color: #e60012; }

#about .fzlc .box .up .five_img .five.act .year { color: #e60012; }

#about .fzlc .box .up .five_img .five .s_img { width: 30px; height: 30px; position: relative; }

#about .fzlc .box .up .five_img .five .s_img img { position: absolute; top: 0; left: 0; }

#about .fzlc .box .up .five_img .five .s_img img:last-child { opacity: 0; }

#about .fzlc .box .up .five_img .five:hover .s_img img:last-child { opacity: 1; }

#about .fzlc .box .up .five_img .five:hover .s_img img:first-child { opacity: 0; }

#about .fzlc .box .up .five_img .five.act .s_img img:last-child { opacity: 1; }

#about .fzlc .box .up .five_img .five.act .s_img img:first-child { opacity: 0; }

#about .fzlc .box .up .line { width: 98%; height: 2px; background-color: #e5e5e5; position: absolute; bottom: 1.4rem; left: 50%; -webkit-transform: translateX(-50%); transform: translateX(-50%); }

#about .fzlc .swp { width: 100%; padding: 5%; }

@media (min-width: 992px) { #about .fzlc .swp { padding-left: 8.3333%; } }

#about .fzlc .swp .swiper1 .swiper-slide { width: 100%; }

@media (min-width: 992px) { #about .fzlc .swp .swiper1 .swiper-slide { width: 22.72%; margin: 0 60px 0 0; } }

#about .fzlc .swp .swiper1 .swiper-slide-active { width: 54.55%; }

#about .fzlc .swp .swiper1 .swiper-slide .s1_box { width: 100%; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; -ms-flex-wrap: wrap; flex-wrap: wrap; display: block; }

@media (min-width: 992px) { #about .fzlc .swp .swiper1 .swiper-slide .s1_box { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; } }

#about .fzlc .swp .swiper1 .swiper-slide .s1_box .left { width: 0; margin-bottom: 1rem; }

#about .fzlc .swp .swiper1 .swiper-slide-active .s1_box .left { width: 100%; height: 280px; border-radius: 5px; overflow: hidden; -webkit-border-radius: 5px; -moz-border-radius: 5px; -ms-border-radius: 5px; -o-border-radius: 5px; }

@media (min-width: 992px) { #about .fzlc .swp .swiper1 .swiper-slide-active .s1_box .left { width: 52%; height: 280px; } }

#about .fzlc .swp .swiper1 .swiper-slide .s1_box .left img { width: 100%; height: 100%; -o-object-fit: cover; object-fit: cover; }

#about .fzlc .swp .swiper1 .swiper-slide-active .s1_box .right { width: 99.875% !important; }

@media (min-width: 992px) { #about .fzlc .swp .swiper1 .swiper-slide-active .s1_box .right { width: 41.875% !important; } }

#about .fzlc .swp .swiper1 .swiper-slide .s1_box .right { width: 100%; }

#about .fzlc .swp .swiper1 .swiper-slide .s1_box .right .year { color: #ccc; font-family: "numa"; font-weight: bold; }

#about .fzlc .swp .swiper1 .swiper-slide-active .s1_box .right .year { color: #e60012; }

#about .fzlc .swp .swiper1 .swiper-slide .s1_box .right .line { width: 100%; height: 1px; background-color: #e5e5e5; margin: 1rem 0; }

@media (min-width: 992px) { #about .fzlc .swp .swiper1 .swiper-slide .s1_box .right .line { margin: 3rem 0 3rem 0; } }

#about .fzlc .swp .swiper1 .swiper-slide .s1_box .right .text .c_text { color: #666; margin-bottom: 30px; font-weight: bold; }

#about .fzlc .swp .swiper1 .swiper-slide .s1_box .right .text .c_text:last-child { margin-bottom: 0px; line-height: 1.5; }

#about .fzlc .swp .swiper1 .swiper-slide-active .s1_box .right .text .c_text { color: #333; }

#about .fzlc .swp .swiper1 .swiper-pagination { display: none; }

/* 应用领域综合页 */
.application-area { width: 100%; }

.application-area .container-fluid { padding: 0; }

.application-item { width: 100%; padding: 2rem 0 2rem; }

@media (min-width: 768px) { .application-item { padding: 3rem 0 3rem; } }

@media (min-width: 992px) { .application-item { padding: 6rem 0 6rem; } }

@media (min-width: 1200px) { .application-item { padding: 9rem 0 9rem; } }

.application-content { float: right; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; width: calc(100% - 700px); height: 510px; padding-left: 110px; }

@media (min-width: 0) { .application-content { width: 100%; margin-top: 1.5rem; padding: 0; height: auto; } }

@media (min-width: 992px) { .application-content { float: right; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; width: calc(100% - 700px); height: 510px; padding-left: 110px; } }

.application-content .common-title { text-align: left; }

.application-content .common-cont { padding: 0; }

.application-content .common-cont p { overflow: hidden; -webkit-line-clamp: 3; display: -webkit-box; text-overflow: ellipsis; -webkit-box-orient: vertical; line-height: 1.5; }

@media (min-width: 768px) { .application-content .common-cont p { overflow: hidden; -webkit-line-clamp: 2; display: -webkit-box; text-overflow: ellipsis; -webkit-box-orient: vertical; } }

@media (min-width: 992px) { .application-content .common-cont p { overflow: hidden; -webkit-line-clamp: 3; display: -webkit-box; text-overflow: ellipsis; -webkit-box-orient: vertical; } }

.application-content .ui-btn { background-color: #e60012; margin-top: 1rem; width: 12rem; height: 3.2rem; line-height: 3.2rem; color: #fff; text-align: center; }

@media (min-width: 768px) { .application-content .ui-btn { background-color: #e60012; margin-top: 4.8rem; width: 12.8rem; height: 4.5rem; line-height: 4.5rem; font-size: 1.8rem; color: #fff; border-radius: 4.5rem; -webkit-border-radius: 4.5rem; -moz-border-radius: 4.5rem; -ms-border-radius: 4.5rem; -o-border-radius: 4.5rem; text-align: center; } }

@media (min-width: 992px) { .application-content .ui-btn { background-color: #e60012; margin-top: 4.8rem; width: 12.8rem; height: 4.5rem; line-height: 4.5rem; font-size: 1.8rem; color: #fff; border-radius: 4.5rem; -webkit-border-radius: 4.5rem; -moz-border-radius: 4.5rem; -ms-border-radius: 4.5rem; -o-border-radius: 4.5rem; text-align: center; } }

.application-content .ui-btn:hover { -webkit-box-shadow: 0 4px 12px 4px rgba(255, 125, 65, 0.6); box-shadow: 0 4px 12px 4px rgba(255, 125, 65, 0.6); }

.application-show { float: left; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: end; -ms-flex-pack: end; justify-content: flex-end; width: 700px; }

@media all and (max-width: 1000px) { .application-show { width: 100%; } }

.application-show a { display: block; }

.application-img { width: 100%; height: 510px; border-radius: 2rem; overflow: hidden; }

@media all and (max-width: 1000px) { .application-img { height: auto; } }

.application-img img { width: 100%; height: 100%; -o-object-fit: cover; object-fit: cover; }

.application-item:nth-child(2n) { background-color: #f5f5f5; }

.application-item:nth-child(2n) .application-content { float: left; padding-left: 0; }

@media (min-width: 992px) { .application-item:nth-child(2n) .application-content { padding-right: 110px; } }

.application-item:nth-child(2n) .application-show { float: right; }

/* 制造基地 */
.manufacturingBase .ziz_on1 { overflow: hidden; padding-top: 3rem; font-weight: normal; padding-bottom: 30px; }

@media (min-width: 992px) { .manufacturingBase .ziz_on1 { padding-top: 93px; font-weight: normal; padding-bottom: 30px; } }

.manufacturingBase .ziz_on1 h3 { overflow: hidden; height: auto; margin-bottom: 1.5rem; }

@media (min-width: 992px) { .manufacturingBase .ziz_on1 h3 { margin-bottom: 3rem; } }

.manufacturingBase .ziz_on1 h3 i { display: inline-block; width: 100%; line-height: 100%; color: #333333; padding-bottom: 1rem; position: relative; font-style: normal; font-weight: 600; margin-bottom: 1.5rem; }

@media (min-width: 992px) { .manufacturingBase .ziz_on1 h3 i { display: inline-block; float: left; width: auto; line-height: 100%; font-size: 36px; color: #333333; padding-bottom: 35px; position: relative; font-style: normal; font-weight: 600; } }

.manufacturingBase .ziz_on1 h3 i:before { position: absolute; content: ""; left: 0; bottom: 0; width: 49px; height: 2px; background: #e60012; -webkit-transition: all 0.2s; transition: all 0.2s; }

@media (min-width: 992px) { .manufacturingBase .ziz_on1 h3 i:before { left: 0; bottom: 0; width: 49px; height: 2px; background: #e60012; -webkit-transition: all 0.2s; transition: all 0.2s; } }

.manufacturingBase .ziz_on1 h3:hover i:before { width: 140px; }

.manufacturingBase .ziz_on1 h3 em { display: inline-block; width: 100%; font-weight: normal; font-size: 15px; color: #333333; line-height: 28px; margin-bottom: 1.5rem; }

@media (min-width: 992px) { .manufacturingBase .ziz_on1 h3 em { display: inline-block; float: right; width: 66.66%; font-weight: normal; font-size: 15px; color: #333333; line-height: 28px; } }

.manufacturingBase .ziz_on1 ul li { float: left; width: 100%; position: relative; }

@media (min-width: 992px) { .manufacturingBase .ziz_on1 ul li { float: left; width: 33.3%; padding-left: 1.5rem; padding-right: 1.5rem; position: relative; } }

.manufacturingBase .ziz_on1 ul li:before { content: "01"; left: 36px; top: -25px; position: absolute; width: 50px; height: 44px; line-height: 1; -webkit-transition: all 0.2s; transition: all 0.2s; z-index: 5; font-size: 4.8rem; color: #cccccc; font-family: "Bebas", Helvetica, Arial, sans-serif; }

.manufacturingBase .ziz_on1 ul li:nth-of-type(1):before { content: "01"; width: 57px; }

.manufacturingBase .ziz_on1 ul li:nth-of-type(2):before { content: "02"; width: 57px; }

.manufacturingBase .ziz_on1 ul li:nth-of-type(3):before { content: "03"; width: 59px; }

.manufacturingBase .ziz_on1 ul li:nth-of-type(4):before { content: "04"; width: 59px; }

.manufacturingBase .ziz_on1 ul li:nth-of-type(5):before { content: "05"; width: 59px; }

.manufacturingBase .ziz_on1 ul li:nth-of-type(6):before { content: "06"; width: 59px; }

.manufacturingBase .ziz_on1 ul li b { display: block; position: relative; height: 0; padding-bottom: 50%; }

.manufacturingBase .ziz_on1 ul li b span { display: none; }

.manufacturingBase .ziz_on1 ul li em { display: block; margin: 10px 10px 0; height: auto; font-size: 15px; color: #333333; line-height: 28px; margin-bottom: 3rem; }

@media (min-width: 992px) { .manufacturingBase .ziz_on1 ul li em { margin: 19px 15px 0; height: 135px; } }

.manufacturingBase .ziz_on2 { background: #eee; padding-top: 3rem; padding-bottom: 3rem; overflow: hidden; }

@media (min-width: 992px) { .manufacturingBase .ziz_on2 { padding-top: 92px; padding-bottom: 67px; } }

.manufacturingBase .ziz_on2 dl dt { font-size: 0; line-height: 0; overflow: hidden; margin-bottom: 2rem; }

@media (min-width: 992px) { .manufacturingBase .ziz_on2 dl dt { margin-bottom: 5rem; } }

.manufacturingBase .ziz_on2 dl dd h3 { display: inline-block; width: 100%; line-height: 100%; color: #333333; padding-bottom: 1rem; position: relative; font-style: normal; font-weight: 600; margin-bottom: 1.5rem; }

@media (min-width: 992px) { .manufacturingBase .ziz_on2 dl dd h3 { display: inline-block; float: left; width: auto; line-height: 100%; font-size: 36px; color: #333333; padding-bottom: 35px; position: relative; font-style: normal; font-weight: 600; } }

.manufacturingBase .ziz_on2 dl dd h3:before { position: absolute; content: ""; left: 0; bottom: 0; width: 49px; height: 2px; background: #e60012; -webkit-transition: all 0.2s; transition: all 0.2s; }

.manufacturingBase .ziz_on2 dl dd h3:hover:before { width: 140px; }

.manufacturingBase .ziz_on2 dl dd p { display: inline-block; float: right; width: 100%; font-weight: normal; font-size: 15px; color: #333333; line-height: 28px; }

@media (min-width: 992px) { .manufacturingBase .ziz_on2 dl dd p { width: 66.66%; } }

.manufacturingBase .ziz_on3 { overflow: hidden; padding-top: 3rem; padding-bottom: 3rem; }

@media (min-width: 992px) { .manufacturingBase .ziz_on3 { padding-top: 10rem; padding-bottom: 10rem; } }

.manufacturingBase .ziz_on3 h3 { overflow: hidden; height: auto; margin-bottom: 1.5rem; }

@media (min-width: 992px) { .manufacturingBase .ziz_on3 h3 { margin-bottom: 3rem; } }

.manufacturingBase .ziz_on3 h3 i { display: inline-block; width: 100%; line-height: 100%; color: #333333; padding-bottom: 1rem; position: relative; font-style: normal; font-weight: 600; margin-bottom: 1.5rem; }

@media (min-width: 992px) { .manufacturingBase .ziz_on3 h3 i { display: inline-block; float: left; width: auto; line-height: 100%; font-size: 36px; color: #333333; padding-bottom: 35px; position: relative; font-style: normal; font-weight: 600; } }

.manufacturingBase .ziz_on3 h3 i:before { position: absolute; content: ""; left: 0; bottom: 0; width: 49px; height: 2px; background: #e60012; -webkit-transition: all 0.2s; transition: all 0.2s; }

@media (min-width: 992px) { .manufacturingBase .ziz_on3 h3 i:before { left: 0; bottom: 0; width: 49px; height: 2px; background: #e60012; -webkit-transition: all 0.2s; transition: all 0.2s; } }

.manufacturingBase .ziz_on3 h3:hover i:before { width: 140px; }

.manufacturingBase .ziz_on3 h3 em { display: inline-block; width: 100%; font-weight: normal; font-size: 15px; color: #333333; line-height: 28px; margin-bottom: 1.5rem; }

@media (min-width: 992px) { .manufacturingBase .ziz_on3 h3 em { display: inline-block; float: right; width: 66.66%; font-weight: normal; font-size: 15px; color: #333333; line-height: 28px; } }

.manufacturingBase .ziz_on3 .ziz_l { width: 100%; padding-right: 0; margin-bottom: 1.5rem; }

@media (min-width: 992px) { .manufacturingBase .ziz_on3 .ziz_l { width: 33.33%; padding-right: 1.5rem; } }

.manufacturingBase .ziz_on3 .ziz_l ul li { border-top: 1px solid #d2d2d2; -webkit-box-flex: 0; -ms-flex: 0 0 25%; flex: 0 0 25%; }

.manufacturingBase .ziz_on3 .ziz_l ul li:last-child { border-bottom: 1px solid #d2d2d2; }

.manufacturingBase .ziz_on3 .ziz_l ul li a { display: inline-block; font-weight: bold; padding: 0.2rem; color: #333333; -webkit-transition: all 0.2s; transition: all 0.2s; }

@media (min-width: 992px) { .manufacturingBase .ziz_on3 .ziz_l ul li a { padding: 1rem 0.2rem; line-height: 1.5; font-size: 1.6rem; } }

@media (min-width: 1200px) { .manufacturingBase .ziz_on3 .ziz_l ul li a { padding: 1.5rem 0.2rem; line-height: 1.5; font-size: 18px; } }

.manufacturingBase .ziz_on3 .ziz_l ul li i { color: #e60012; }

.manufacturingBase .ziz_on3 .ziz_l ul li a:hover { color: #e60012; }

.manufacturingBase .ziz_on3 .ziz_r { width: 100%; }

@media (min-width: 992px) { .manufacturingBase .ziz_on3 .ziz_r { width: 66.6%; padding-left: 1.5rem; } }

.manufacturingBase .ziz_on3 .ziz_r ul li img { width: 100%; }

/* 升越设计中心 */
.designCenter .sji_on1 { padding-top: 3rem; padding-bottom: 3rem; overflow: hidden; }

@media (min-width: 992px) { .designCenter .sji_on1 { padding-top: 9rem; padding-bottom: 9rem; overflow: hidden; } }

.designCenter .sji_on1 dl { overflow: hidden; padding-bottom: 0; }

.designCenter .sji_on1 dl dt { font-size: 0; line-height: 0; overflow: hidden; margin-bottom: 3rem; }

@media (min-width: 992px) { .designCenter .sji_on1 dl dt { margin-bottom: 9rem; } }

.designCenter .sji_on1 dl dd { overflow: hidden; }

.designCenter .sji_on1 dl dd h3 { width: 100%; float: left; }

@media (min-width: 992px) { .designCenter .sji_on1 dl dd h3 { width: 33.33%; } }

.designCenter .sji_on1 dl dd h3 i { display: inline-block; width: 100%; line-height: 100%; color: #333333; padding-bottom: 1rem; position: relative; font-style: normal; font-weight: 600; margin-bottom: 1.5rem; }

@media (min-width: 992px) { .designCenter .sji_on1 dl dd h3 i { display: block; line-height: 100%; font-size: 3.6rem; color: #333333; padding-bottom: 35px; position: relative; margin-bottom: 50px; font-style: normal; font-weight: 600; } }

.designCenter .sji_on1 dl dd h3 i:before { position: absolute; content: ""; left: 0; bottom: 0; width: 49px; height: 2px; background: #e60012; -webkit-transition: all 0.2s; transition: all 0.2s; }

@media (min-width: 992px) { .designCenter .sji_on1 dl dd h3 i:before { left: 0; bottom: 0; width: 49px; height: 2px; background: #e60012; -webkit-transition: all 0.2s; transition: all 0.2s; } }

.designCenter .sji_on1 dl dd h3:hover i:before { width: 140px; }

.designCenter .sji_on1 dl dd h3 em { display: block; font-weight: normal; font-size: 1.4rem; color: #333333; margin-bottom: 0.5rem; }

@media (min-width: 992px) { .designCenter .sji_on1 dl dd h3 em { font-size: 2rem; margin-bottom: 1rem; } }

.designCenter .sji_on1 dl dd h3 em.en { opacity: 0.9; font-size: 1.4rem; line-height: 1.5; text-transform: uppercase; }

@media (min-width: 992px) { .designCenter .sji_on1 dl dd h3 em.en { font-size: 1.6rem; line-height: 1.75; } }

.designCenter .sji_on1 dl dd p { width: 100%; float: right; color: #333333; line-height: 1.5; margin-top: 0; }

@media (min-width: 992px) { .designCenter .sji_on1 dl dd p { width: 66.66%; font-size: 1.6rem; } }

.designCenter .sji_on1 dl dd p span { display: block; padding-top: 30px; }

.designCenter .sji_on2 { overflow: hidden; background: url(../images/sji_on2.jpg) no-repeat center 0; background-size: cover; margin-bottom: 0; -webkit-box-sizing: border-box; box-sizing: border-box; padding-top: 3rem; padding-bottom: 3rem; }

@media (min-width: 992px) { .designCenter .sji_on2 { margin-bottom: 0; -webkit-box-sizing: border-box; box-sizing: border-box; padding-top: 9rem; padding-bottom: 9rem; } }

.designCenter .sji_on2 h3 { position: relative; float: left; width: 100%; color: #fff; line-height: 1.25; padding-bottom: 1.5rem; margin-bottom: 2rem; }

@media (min-width: 992px) { .designCenter .sji_on2 h3 { float: left; width: 425px; font-size: 36px; color: #fff; line-height: 51px; padding-bottom: 26px; position: relative; } }

.designCenter .sji_on2 h3 span { display: block; }

.designCenter .sji_on2 h3 i { display: block; color: #e81626; font-style: normal; font-weight: 600; }

.designCenter .sji_on2 h3:before { position: absolute; content: ""; left: 0; bottom: 0; width: 49px; height: 2px; background: #e60012; -webkit-transition: all 0.2s; transition: all 0.2s; }

.designCenter .sji_on2 h3:hover:before { width: 140px; }

.designCenter .sji_on2 ul { float: right; overflow: hidden; border-right: 1px solid #898989; border-bottom: 1px solid #898989; }

@media (min-width: 992px) { .designCenter .sji_on2 ul { float: right; overflow: hidden; width: 760px; border-right: 1px solid #898989; border-bottom: 1px solid #898989; } }

.designCenter .sji_on2 ul li { float: left; border-left: 1px solid #898989; border-top: 1px solid #898989; width: 100%; -webkit-box-sizing: border-box; box-sizing: border-box; padding: 1.5rem; -webkit-box-flex: 0; -ms-flex: 0 0 100%; flex: 0 0 100%; max-width: 100%; }

@media (min-width: 768px) { .designCenter .sji_on2 ul li { float: left; border-left: 1px solid #898989; border-top: 1px solid #898989; width: 380px; height: 203px; -webkit-box-sizing: border-box; box-sizing: border-box; -webkit-box-flex: 0; -ms-flex: 0 0 50%; flex: 0 0 50%; max-width: 50%; padding: 44px 28px 0 35px; } }

@media (min-width: 992px) { .designCenter .sji_on2 ul li { float: left; border-left: 1px solid #898989; border-top: 1px solid #898989; width: 380px; height: 203px; -webkit-box-sizing: border-box; box-sizing: border-box; padding: 44px 28px 0 35px; } }

.designCenter .sji_on2 ul li span { display: block; color: #fff; line-height: 100%; font-weight: bold; font-size: 28px; }

.designCenter .sji_on2 ul li i { display: inline-block; line-height: 28px; font-size: 15px; color: #fff; padding-top: 13px; font-style: normal; }

.designCenter .sji_on3 { overflow: hidden; padding-top: 3rem; padding-bottom: 3rem; display: block; }

@media (min-width: 992px) { .designCenter .sji_on3 { padding-top: 10rem; padding-bottom: 10rem; } }

.designCenter .sj3_l { width: 100%; -webkit-box-flex: 0; -ms-flex: 0 0 100%; flex: 0 0 100%; max-width: 100%; overflow: hidden; }

@media (min-width: 992px) { .designCenter .sj3_l { width: 50%; -webkit-box-flex: 0; -ms-flex: 0 0 50%; flex: 0 0 50%; max-width: 50%; overflow: hidden; } }

.designCenter .sj3_l h3 { overflow: hidden; position: relative; color: #333333; line-height: 100%; font-weight: normal; padding-bottom: 1.5rem; margin-bottom: 2rem; }

@media (min-width: 992px) { .designCenter .sj3_l h3 { font-size: 36px; margin-bottom: 18.3rem; } }

@media (min-width: 1200px) { .designCenter .sj3_l h3 { font-size: 36px; margin-bottom: 18.7rem; } }

@media (min-width: 1600px) { .designCenter .sj3_l h3 { font-size: 36px; margin-bottom: 26.5rem; } }

.designCenter .sj3_l h3 i { display: block; font-weight: bold; line-height: 100%; padding-bottom: 1rem; font-style: normal; }

@media (min-width: 992px) { .designCenter .sj3_l h3 i { width: auto; line-height: 100%; font-size: 36px; padding-bottom: 1.5rem; } }

.designCenter .sj3_l h3:before { position: absolute; content: ""; left: 0; bottom: 0; width: 49px; height: 2px; background: #e60012; -webkit-transition: all 0.2s; transition: all 0.2s; }

.designCenter .sj3_l h3:hover:before { width: 140px; }

.designCenter .sj3_l dl dt { height: auto; }

@media (min-width: 992px) { .designCenter .sj3_l dl dt { height: 300px; margin-bottom: 10rem; } }

.designCenter .sj3_l dl dt img { width: 100%; height: auto; }

.designCenter .sj3_l dl dd p { color: #333; padding: 1.5rem 0; }

@media (min-width: 992px) { .designCenter .sj3_l dl dd p { font-size: 15px; color: #333; line-height: 28px; padding: 3rem; } }

.designCenter .sj3_r { overflow: hidden; float: right; width: 100%; -webkit-box-flex: 0; -ms-flex: 0 0 100%; flex: 0 0 100%; max-width: 100%; overflow: hidden; }

@media (min-width: 992px) { .designCenter .sj3_r { width: 50%; -webkit-box-flex: 0; -ms-flex: 0 0 50%; flex: 0 0 50%; max-width: 50%; overflow: hidden; } }

.designCenter .sj3_r ul li { float: left; width: 50%; -webkit-box-sizing: border-box; box-sizing: border-box; text-align: center; display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; }

.designCenter .sj3_r ul li:nth-of-type(2), .designCenter .sj3_r ul li:nth-of-type(3), .designCenter .sj3_r ul li:nth-of-type(6) { border: 1px solid #e2e2e2; }

.designCenter .sj3_r ul li i { display: block; font-weight: bold; font-style: normal; color: #333333; padding-bottom: 0; }

@media (min-width: 992px) { .designCenter .sj3_r ul li i { font-size: 2.4rem; padding-bottom: 0.5rem; } }

.designCenter .sj3_r ul li em { font-size: 1.8rem; font-weight: 600; opacity: 0.75; }

@media (min-width: 992px) { .designCenter .sj3_r ul li em { font-size: 2.6rem; font-weight: 600; opacity: 0.75; } }

.designCenter .sj3_r ul li img { width: 100%; height: auto; }

.designCenter .sji_on4 { background: #eee; padding-top: 3rem; padding-bottom: 3rem; margin-bottom: 0; }

@media (min-width: 992px) { .designCenter .sji_on4 { padding-top: 10rem; padding-bottom: 10rem; } }

.designCenter .sji_on4 h3 { overflow: hidden; height: 230px; }

.designCenter .sji_on4 h3 i { display: inline-block; float: left; line-height: 100%; color: #333333; padding-bottom: 1rem; position: relative; font-style: normal; font-weight: 600; padding-bottom: 1.5rem; margin-bottom: 2rem; }

@media (min-width: 992px) { .designCenter .sji_on4 h3 i { width: 42rem; width: 33.33%; font-size: 36px; padding-bottom: 3rem; } }

.designCenter .sji_on4 h3 i span { display: block; font-weight: normal; padding-top: 1rem; }

@media (min-width: 992px) { .designCenter .sji_on4 h3 i span { padding-top: 1.5rem; font-size: 36px; } }

.designCenter .sji_on4 h3 i:before { position: absolute; content: ""; left: 0; bottom: 0; width: 49px; height: 2px; background: #e60012; -webkit-transition: all 0.2s; transition: all 0.2s; }

.designCenter .sji_on4 h3:hover i:before { width: 140px; }

.designCenter .sji_on4 h3 em { display: inline-block; float: right; width: 100%; font-weight: normal; font-size: 1.4rem; line-height: 1.5; color: #333333; }

@media (min-width: 992px) { .designCenter .sji_on4 h3 em { display: inline-block; float: right; width: 66.66%; font-weight: normal; font-size: 15px; color: #333333; line-height: 28px; } }

.designCenter .case-item { margin-bottom: 0; }

.designCenter .case-item .inner { position: relative; border: 1px solid rgba(0, 0, 0, 0.1); text-align: center; background: #fff; }

.designCenter .case-item .inner img { width: 100%; }

.designCenter .case-item .inner .tit { display: block; width: 100%; font-size: 15px; height: 60px; line-height: 60px; overflow: hidden; color: #333; }

.designCenter .case-feature { margin-bottom: 0 !important; }

.designCenter .case-feature .slick-arrow { top: 35%; z-index: 10; background: #bebebe; border-radius: 38px; padding: 0; width: 38px; height: 38px; line-height: 38px; -webkit-border-radius: 38px; -moz-border-radius: 38px; -ms-border-radius: 38px; -o-border-radius: 38px; vertical-align: bottom; }

.designCenter .case-feature .slick-arrow i { font-size: 1.8rem; line-height: 38px; color: #fff; vertical-align: bottom; }

.designCenter .case-feature .prev-nav.slick-arrow { left: -50px; }

.designCenter .case-feature .next-nav.slick-arrow { right: -50px; }

.designCenter .case-feature .slick-dots { text-align: center; position: unset !important; margin: 0 auto !important; padding: 1.5rem 0 !important; padding-bottom: 0 !important; margin-bottom: 0 !important; }

.designCenter .case-feature .slick-dots li button { display: block; width: 10px; height: 8px; background: #cccccc; border: none; border-radius: 4px; -webkit-border-radius: 8px; -moz-border-radius: 4px; -ms-border-radius: 4px; -o-border-radius: 4px; }

.designCenter .case-feature .slick-dots li.slick-active button { border-color: #e60012; background-color: #e60012; width: 18px; }

/* 升越 物流中心 */
.logisticsCenter .ziz_on1 { overflow: hidden; font-weight: normal; padding-top: 3rem; padding-bottom: 3rem; }

@media (min-width: 992px) { .logisticsCenter .ziz_on1 { padding-top: 6rem; padding-bottom: 6rem; } }

@media (min-width: 1200px) { .logisticsCenter .ziz_on1 { padding-top: 9rem; padding-bottom: 9rem; } }

.logisticsCenter .ziz_on1 h3 { overflow: hidden; margin-bottom: 3rem; }

@media (min-width: 992px) { .logisticsCenter .ziz_on1 h3 { height: 10rem; } }

.logisticsCenter .ziz_on1 h3 i { display: inline-block; float: left; line-height: 100%; color: #333333; padding-bottom: 35px; position: relative; font-style: normal; font-weight: 600; padding-bottom: 1rem; margin-bottom: 1.5rem; }

@media (min-width: 992px) { .logisticsCenter .ziz_on1 h3 i { font-size: 36px; padding-bottom: 3rem; } }

.logisticsCenter .ziz_on1 h3 i:before { position: absolute; content: ""; left: 0; bottom: 0; width: 49px; height: 2px; background: #e60012; -webkit-transition: all 0.2s; transition: all 0.2s; }

.logisticsCenter .ziz_on1 h3:hover i:before { width: 140px; }

.logisticsCenter .ziz_on1 h3 em { display: inline-block; float: right; font-weight: normal; font-size: 1.5rem; color: #333333; line-height: 1.75; }

@media (min-width: 992px) { .logisticsCenter .ziz_on1 h3 em { font-size: 1.6rem; width: 66.66%; } }

.logisticsCenter .ziz_on1 ul li { float: left; width: 100%; padding-left: 1rem; padding-right: 1rem; position: relative; margin-bottom: 5rem; }

@media (min-width: 992px) { .logisticsCenter .ziz_on1 ul li { width: 33.3%; padding-left: 1.5rem; padding-right: 1.5rem; } }

.logisticsCenter .ziz_on1 ul li:before { content: "01"; left: 36px; top: -25px; position: absolute; width: 50px; height: 44px; line-height: 1; -webkit-transition: all 0.2s; transition: all 0.2s; z-index: 5; font-size: 4.8rem; color: #cccccc; font-family: "Bebas", Helvetica, Arial, sans-serif; }

.logisticsCenter .ziz_on1 ul li:nth-of-type(1):before { content: "01"; width: 57px; }

.logisticsCenter .ziz_on1 ul li:nth-of-type(2):before { content: "02"; width: 57px; }

.logisticsCenter .ziz_on1 ul li:nth-of-type(3):before { content: "03"; width: 59px; }

.logisticsCenter .ziz_on1 ul li:nth-of-type(4):before { content: "04"; width: 59px; }

.logisticsCenter .ziz_on1 ul li:nth-of-type(5):before { content: "05"; width: 59px; }

.logisticsCenter .ziz_on1 ul li:nth-of-type(6):before { content: "06"; width: 59px; }

.logisticsCenter .ziz_on1 ul li b { display: block; position: relative; height: 0; padding-bottom: 50%; }

.logisticsCenter .ziz_on1 ul li b span { display: none; }

.logisticsCenter .ziz_on1 ul li em { display: block; margin: 19px 15px 0; height: 135px; font-size: 15px; color: #333333; line-height: 28px; }

.logisticsCenter .ziz_on1 .desc { font-size: 1.5rem; padding-left: 1.5rem; padding-right: 1.5rem; }

.logisticsCenter .ziz_on1 .desc p { margin-bottom: 1rem; }

.logisticsCenter .ziz_on2 { background: #eee; padding-top: 92px; padding-bottom: 67px; overflow: hidden; margin-bottom: 107px; }

.logisticsCenter .ziz_on2 dl dt { font-size: 0; line-height: 0; overflow: hidden; margin-bottom: 50px; }

.logisticsCenter .ziz_on2 dl dd h3 { display: inline-block; float: left; line-height: 100%; font-size: 36px; color: #333333; padding-bottom: 35px; position: relative; font-weight: 600; }

.logisticsCenter .ziz_on2 dl dd h3:before { position: absolute; content: ""; left: 0; bottom: 0; width: 49px; height: 2px; background: #e60012; -webkit-transition: all 0.2s; transition: all 0.2s; }

.logisticsCenter .ziz_on2 dl dd h3:hover:before { width: 140px; }

.logisticsCenter .ziz_on2 dl dd p { display: inline-block; float: right; width: 66.66%; font-weight: normal; font-size: 15px; color: #333333; line-height: 28px; }

.logisticsCenter .ziz_on3 { overflow: hidden; padding-bottom: 113px; }

.logisticsCenter .ziz_on3 h3 { overflow: hidden; height: 12rem; }

.logisticsCenter .ziz_on3 h3 i { display: inline-block; float: left; line-height: 100%; font-size: 36px; color: #333333; padding-bottom: 35px; position: relative; font-weight: 600; font-style: normal; }

.logisticsCenter .ziz_on3 h3 i:before { position: absolute; content: ""; left: 0; bottom: 0; width: 49px; height: 2px; background: #e60012; -webkit-transition: all 0.2s; transition: all 0.2s; }

.logisticsCenter .ziz_on3 h3:hover i:before { width: 140px; }

.logisticsCenter .ziz_on3 h3 em { display: inline-block; float: right; width: 66.66%; font-weight: normal; font-size: 15px; color: #333333; line-height: 28px; }

.logisticsCenter .ziz_on3 .ziz_l { width: 33.33%; padding-right: 1.5rem; }

.logisticsCenter .ziz_on3 .ziz_l ul li { border-top: 1px solid #d2d2d2; -webkit-box-flex: 0; -ms-flex: 0 0 25%; flex: 0 0 25%; }

.logisticsCenter .ziz_on3 .ziz_l ul li:last-child { border-bottom: 1px solid #d2d2d2; }

.logisticsCenter .ziz_on3 .ziz_l ul li a { display: inline-block; line-height: 36px; font-size: 2rem; color: #333333; -webkit-transition: all 0.2s; transition: all 0.2s; }

.logisticsCenter .ziz_on3 .ziz_l ul li a:hover { color: #e60012; }

.logisticsCenter .ziz_on3 .ziz_r { width: 66.6%; padding-left: 1.5rem; }

.logisticsCenter .ziz_on3 .ziz_r ul li img { width: 100%; }

/* 联系我们 */
/* sContact */
.sContact-area { display: block; }

.sContact-map { position: relative; z-index: 2; padding: 5rem; }

.sContact-map #dituContent { position: absolute; left: 0; top: 0; width: 100%; height: 100%; line-height: 1.1; background-color: #f5f3f0; }

.sContact-map #dituContent .BMap_bubble_title { font-size: 1.6rem; margin-bottom: 5px; padding-right: 1.6rem; color: #e60027; }

.sContact-map #dituContent .BMap_bubble_content { width: auto; font-size: 1.4rem; line-height: 18px; }

.sContact-map #dituContent img { max-width: none; }

.sContact-map .float-info { position: relative; display: inline-block; vertical-align: top; -webkit-box-shadow: 0px 4px 14.4px 0.6px rgba(0, 0, 0, 0.15); box-shadow: 0px 4px 14.4px 0.6px rgba(0, 0, 0, 0.15); z-index: 4; padding: 3rem 2rem; overflow: hidden; color: #fff; background-color: rgba(230, 0, 39, 0.9); }

@media (min-width: 992px) { .sContact-map .float-info { padding: 8rem 6rem; } }

.sContact-map .float-info .line { position: relative; min-height: 56px; padding: 12px 0 12px 72px; }

.sContact-map .float-info .line:nth-child(1n+2) { margin-top: 0.6rem; }

.sContact-map .float-info .line .icoImg { float: left; margin-left: -72px; width: 56px; height: 56px; border: rgba(255, 255, 255, 0.2) solid 1px; border-radius: 50%; }

.sContact-map .float-info .line .button { color: #fff; line-height: 1.5; text-decoration: none; padding: 0; }

.sContact-map .float-info .line .button .sdt { opacity: .6; }

.sContact-map .float-info .line .button .sdd { font-weight: bold; font-family: Helvetica, Arial, sans-serif; font-size: 2rem; }

@media screen and (min-width: 1025px) { .sContact-map #dituContent { position: absolute !important; } }

@media screen and (max-width: 1024px) { .sContact-map { padding: 0; }
  .sContact-map #dituContent { height: 360px; position: relative; }
  .sContact-map .float-info { margin-top: 0.8rem; display: block; width: 100%; -webkit-box-sizing: border-box; box-sizing: border-box; }
  .sContact-map .float-info .line { padding-left: 60px; min-height: 48px; }
  .sContact-map .float-info .line .icoImg { margin-left: -60px; width: 48px; height: 48px; } }

/* 多条件筛选 */
.ui-filter { border: 1px solid rgba(0, 0, 0, 0.1); padding: 0; margin: 0; font-size: 1rem; margin-bottom: 3rem !important; }

@media (min-width: 992px) { .ui-filter { font-size: 1.4rem; } }

.ui-filter .ui-row { border-bottom: 1px solid rgba(0, 0, 0, 0.1); }

.ui-filter .ui-filter-left { -webkit-box-flex: 0; -ms-flex: 0 0 20.666667%; flex: 0 0 20.666667%; max-width: 20.666667%; text-align: right; }

@media (min-width: 992px) { .ui-filter .ui-filter-left { -webkit-box-flex: 0; -ms-flex: 0 0 8.333333%; flex: 0 0 8.333333%; max-width: 8.333333%; padding-top: 0; color: #999; background: #f7f7f7; border-right: 1px solid rgba(0, 0, 0, 0.1); height: 45px; line-height: 45px; } }

.ui-filter .ui-filter-right { -webkit-box-flex: 0; -ms-flex: 0 0 79.333333%; flex: 0 0 79.333333%; max-width: 79.333333%; padding: 0.5rem; }

@media (min-width: 992px) { .ui-filter .ui-filter-right { padding: 0; padding-left: 10px; -webkit-box-flex: 0; -ms-flex: 0 0 91.666667%; flex: 0 0 91.666667%; max-width: 91.666667%; text-align: left; } }

.ui-filter .ui-filter-right a { margin: 3px 3px 3px 0; padding: 0 0.5rem; }

@media (min-width: 992px) { .ui-filter .ui-filter-right a { padding: 0 1rem; border-radius: 5px; margin: 10px 10px 0 0; display: inline-block; color: #999; line-height: 1.5; -webkit-border-radius: 5px; -moz-border-radius: 5px; -ms-border-radius: 5px; -o-border-radius: 5px; } }

.ui-filter .ui-filter-right a.active { background: #e60012; color: #fff; }

/* 首页幻灯片 */
.slider { display: block; position: relative; margin-bottom: 0 !important; }

.slider .slider-item { position: relative; }

.slider .slider-item video { display: block; width: 100%; position: absolute; top: -15%; }

.slider img { width: 100%; height: auto; }

.slider .slick-arrow { top: 45%; }

.slider .prev-nav.slick-arrow { left: 55px; z-index: 10; right: auto; }

.slider .next-nav.slick-arrow { right: 55px; z-index: 10; left: auto; }

.slider .slick-dots { text-align: center; margin-bottom: 0; bottom: 10px; }

@media (min-width: 768px) { .slider .slick-dots { bottom: 2rem; } }

@media (min-width: 992px) { .slider .slick-dots { bottom: 30px; } }

.slider .slick-dots li { margin-left: 0; margin-right: 0; }

@media (min-width: 992px) { .slider .slick-dots li { margin-left: 0.5rem; margin-right: 0.5rem; } }

.slider .slick-dots li button { width: 1rem; height: 1rem; }

@media (min-width: 992px) { .slider .slick-dots li button { width: 1.8rem; height: 1.8rem; } }

/*-------------------------------------------------------------- 
        # Honor
--------------------------------------------------------------*/
.honor-grid { padding-top: 150px; padding-bottom: 150px; }

.honor-grid .row.high-gutter { margin-left: -2rem; margin-right: -2rem; }

.honor-grid .row.high-gutter > [class*=col-] { padding-left: 2rem; padding-right: 2rem; }

.honor__single { margin-bottom: 30px; border-radius: 5px; background-color: white; border: 1px solid rgba(0, 0, 0, 0.1); -webkit-box-shadow: 0px 2rem 30px 0px rgba(67, 131, 99, 0.1); box-shadow: 0px 2rem 30px 0px rgba(67, 131, 99, 0.1); }

.honor__image { overflow: hidden; position: relative; background-color: var(--thm-base); border-radius: 5px; border-bottom-left-radius: 0; border-bottom-right-radius: 0; }

.honor__image .embed-responsive { padding-bottom: 64.2%; }

.honor__image img { padding: 10px; -o-object-fit: scale-down; object-fit: scale-down; height: 100%; -webkit-transform: scale(1); transform: scale(1); opacity: 1; -webkit-transition: opacity 500ms ease, -webkit-transform 500ms ease; transition: opacity 500ms ease, -webkit-transform 500ms ease; transition: opacity 500ms ease, transform 500ms ease; transition: opacity 500ms ease, transform 500ms ease, -webkit-transform 500ms ease; }

.honor__single:hover .honor__image img { opacity: 0.2; -webkit-transform: scale(1.05); transform: scale(1.05); }

.honor__image > a { width: 65px; height: 65px; border-radius: 50%; background-color: #fff; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; color: var(--thm-primary); font-size: 23px; position: absolute; top: calc(50% - 32.5px); left: calc(50% - 32.5px); opacity: 0; -webkit-transform: perspective(100px) translateZ(30px) rotate(45deg); transform: perspective(100px) translateZ(30px) rotate(45deg); -webkit-transition: opacity 500ms ease 0ms, background 500ms ease, color 500ms ease, -webkit-transform 500ms ease 0ms; transition: opacity 500ms ease 0ms, background 500ms ease, color 500ms ease, -webkit-transform 500ms ease 0ms; transition: opacity 500ms ease 0ms, transform 500ms ease 0ms, background 500ms ease, color 500ms ease; transition: opacity 500ms ease 0ms, transform 500ms ease 0ms, background 500ms ease, color 500ms ease, -webkit-transform 500ms ease 0ms; }

.honor__image > a:hover { background-color: #e60012; color: #fff; }

.honor__image > a i { margin: 0; }

.honor__single:hover .honor__image img { -webkit-transform: scale(1.05); -ms-transform: scale(1.05); transform: scale(1.05); }

.honor__single:hover .honor__image > a { opacity: 1; -webkit-transform: perspective(100px) translateZ(0px) rotate(0deg); transform: perspective(100px) translateZ(0px) rotate(0deg); -webkit-transition: opacity 500ms ease 300ms, background 500ms ease, color 500ms ease, -webkit-transform 500ms ease 300ms; transition: opacity 500ms ease 300ms, background 500ms ease, color 500ms ease, -webkit-transform 500ms ease 300ms; transition: opacity 500ms ease 300ms, transform 500ms ease 300ms, background 500ms ease, color 500ms ease; transition: opacity 500ms ease 300ms, transform 500ms ease 300ms, background 500ms ease, color 500ms ease, -webkit-transform 500ms ease 300ms; }

.honor__content { padding-left: 15px; padding-right: 15px; position: relative; padding-top: 0; padding-bottom: 15px; }

.honor__cat { display: inline-block; font-size: 12px; font-weight: 500; color: #fff; background-color: #ff5e5e; border-radius: 13px; text-transform: uppercase; letter-spacing: .02em; line-height: 26px; padding-left: 18px; padding-right: 18px; -webkit-transition: 500ms; transition: 500ms; position: absolute; top: -13px; left: 40px; }

.honor__cat:hover { background-color: var(--thm-black) !important; color: #fff !important; }

.honor__content h3 { font-size: 1.4rem; color: var(--thm-black); margin: 0; line-height: 30px; font-weight: bold; margin-bottom: 0; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; padding: 0; }

.honor__content h3 a { color: inherit; -webkit-transition: 500ms; transition: 500ms; }

.honor__content h3 a:hover { color: var(--thm-base); }

.honor__content p { margin: 0; color: #93959e; font-size: 1.6rem; line-height: 30px; }

.honor__meta { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; margin-bottom: 10px; }

.honor__meta a { color: #93959e; font-size: 1.6rem; -webkit-transition: 500ms; transition: 500ms; }

.honor__meta li { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; }

.honor__meta li:not(:last-of-type)::after { content: '-'; font-size: 1.6rem; color: #93959e; margin-left: 5px; margin-right: 5px; }

.honor__meta a:hover { color: var(--thm-black); }

.honor__link { position: absolute; bottom: -32.5px; right: 40px; width: 65px; height: 65px; border-radius: 50%; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; color: #fff; font-size: 23px; background-color: var(--thm-base); opacity: 0; -webkit-transform: perspective(100px) translateZ(30px) rotate(45deg); transform: perspective(100px) translateZ(30px) rotate(45deg); -webkit-transition: color 500ms ease, background 500ms ease, opacity 500ms ease, -webkit-transform 500ms ease; transition: color 500ms ease, background 500ms ease, opacity 500ms ease, -webkit-transform 500ms ease; transition: color 500ms ease, background 500ms ease, transform 500ms ease, opacity 500ms ease; transition: color 500ms ease, background 500ms ease, transform 500ms ease, opacity 500ms ease, -webkit-transform 500ms ease; }

.honor__link:hover { background-color: var(--thm-black); color: #fff; }

.honor__single:hover .honor__link { opacity: 1; -webkit-transform: perspective(100px) translateZ(0px) rotate(0deg); transform: perspective(100px) translateZ(0px) rotate(0deg); }

/*--------------------------------------------------------------
# About Details development
--------------------------------------------------------------*/
.about-development-line { background: #fff; overflow: hidden; position: relative; margin: 0 0 40px 0; padding: 0; }

.about-development-line .title { padding: 2rem 0; font-size: 36px; color: #383842; text-align: center; padding-top: 0; }

.about-development-line .item { padding-top: 25px; position: relative; width: 50%; left: 50%; padding-left: 40px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; border-left: 3px solid #f4f4f4; }

.about-development-line .item.r { text-align: right; left: 3px; padding-left: 0; padding-right: 40px; border-right: 3px solid #f4f4f4; border-left: none; }

.about-development-line .item.r .time:before { left: auto; right: -42px; }

.about-development-line .item.r .desc { text-align: right; }

.about-development-line .item.r .desc:before { left: auto; right: -55px; }

.about-development-line .item.r .desc .pic { text-align: right; }

.about-development-line .item.icon { height: 12rem; position: relative; }

.about-development-line .item.icon .more { position: absolute; top: 50%; left: -18px; margin-top: -1.6rem; width: 32px; height: 32px; background: url("../images/about-development-line-more.png") no-repeat center; }

.about-development-line .item .time { font-size: 30px; color: #e60012; margin-bottom: 2rem; position: relative; }

.about-development-line .item .time:before { content: ''; display: block; position: absolute; top: 18px; margin-top: -6px; margin-right: -6px; right: 0; left: -47px; width: 12px; height: 12px; background: #e4e4e4; z-index: 2; -webkit-border-radius: 50px; -moz-border-radius: 50px; border-radius: 50px; }

.about-development-line .item .desc { font-size: 1.4rem; color: #666666; position: relative; }

.about-development-line .item:hover .desc:before { background: url("../images/about-development-line-dot.png") no-repeat center; -webkit-transition: all 0.1s ease-in-out; -o-transition: all 0.1s ease-in-out; -moz-transition: all 0.1s ease-in-out; transition: all 0.1s ease-in-out; }

.about-development-line .item .desc:before { content: ''; display: block; position: absolute; top: 2px; left: -55px; width: 26px; height: 26px; background: url("../images/about-development-line-dot-no.png") no-repeat center; -webkit-transition: all 0.1s ease-in-out; -o-transition: all 0.1s ease-in-out; -moz-transition: all 0.1s ease-in-out; transition: all 0.1s ease-in-out; }

.about-development-line .item .desc .pic { padding: 10px 0; }

.about-development-line .item .desc .pic img { display: inline-block; width: 80%; }

.about-development-line .item .desc p { padding: 5px 0; }

@media (max-width: 480px) { .about-development-line { overflow: unset; }
  .about-development-line .item { width: 100%; left: 0 !important; margin-top: 0 !important; padding-right: 0 !important; text-align: left !important; padding-left: 40px !important; -webkit-box-sizing: border-box !important; -moz-box-sizing: border-box; box-sizing: border-box; border: none !important; border-left: 3px solid #f4f4f4 !important; margin-left: 3% !important; }
  .about-development-line .item.r .time:before { content: ''; display: block; position: absolute; top: 18px; margin-top: -6px; margin-right: -6px; right: 0; left: -47px; width: 12px; height: 12px; background: #e4e4e4; z-index: 2; -webkit-border-radius: 50px; -moz-border-radius: 50px; border-radius: 50px; }
  .about-development-line .item.r .desc:before { content: ''; display: block; position: absolute; top: 2px; left: -55px; width: 26px; height: 26px; background: url(../images/about-development-line-dot-no.png) no-repeat center; -webkit-transition: all 0.1s ease-in-out; -o-transition: all 0.1s ease-in-out; -moz-transition: all 0.1s ease-in-out; transition: all 0.1s ease-in-out; }
  .about-development-line .item.r .desc { text-align: left; }
  .about-development-line .item.r .desc .pic { text-align: left; } }

/*-------------------------------------------------------------- 
# Advantage
--------------------------------------------------------------*/
.advantage-one { background-color: #f6f6f6; }

.advantage-one__single { background-color: #fff; padding: 1.5rem; border-radius: 10px; }

@media (min-width: 992px) { .advantage-one__single { background-color: #fff; padding: 40px; border-radius: 10px; } }

.advantage-one__single + .advantage-one__single { margin-top: 40px; }

.advantage-one__single .row { display: -ms-flexbox; display: -webkit-box; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; }

.advantage-one__single:nth-child(even) .row { -webkit-box-orient: horizontal; -webkit-box-direction: reverse; -ms-flex-direction: row-reverse; flex-direction: row-reverse; }

.advantage-one__image { border-radius: 10px; overflow: hidden; }

.advantage-one__image > img { width: 100%; -webkit-transition: all 0.3s linear; -o-transition: all 0.3s linear; transition: all 0.3s linear; }

.advantage-one__single > .row { margin-left: -25px; margin-right: -25px; }

.advantage-one__single > .row [class*=col-] { padding-left: 25px; padding-right: 25px; }

.advantage-one__content .block-title h2 { padding: 1rem 0; font-size: 2.2rem; line-height: 1.75; color: rgba(0, 0, 0, 0.3); text-transform: uppercase; font-family: "Bebas", Helvetica, Arial, sans-serif; margin-bottom: 0; }

@media (min-width: 992px) { .advantage-one__content .block-title h2 { font-size: 36px; line-height: 1.2em; color: rgba(0, 0, 0, 0.3); text-transform: uppercase; font-family: "Bebas", Helvetica, Arial, sans-serif; margin-bottom: 2rem; } }

@media (min-width: 1200px) { .advantage-one__content .block-title h2 { font-size: 36px; line-height: 1.2em; color: rgba(0, 0, 0, 0.3); text-transform: uppercase; font-family: "Bebas", Helvetica, Arial, sans-serif; margin-bottom: 2rem; } }

.advantage-one__content .block-title h3 { font-size: 2.4rem; line-height: 1; }

@media (min-width: 1200px) { .advantage-one__content .block-title h3 { font-size: 30px; line-height: 1.2em; } }

.advantage-one__content .block-title p.has-line + h3 { margin-top: 15px; }

.advantage-one__content .block-title { padding-bottom: 0; }

.advantage-one__text { margin-top: 5px; }

.advantage-one__text p { margin: 0; color: #666; }

.advantage-one__text p + p { margin-top: 25px; }

.advantage-one__icon i { width: 42px; height: 42px; line-height: 42px; border-radius: 50%; border: 1px solid #e60012; font-size: 30px; text-align: center; color: #e60012; margin-top: 3%; }

@media (min-width: 992px) { .advantage-one__icon i { margin-top: 9%; font-size: 42px; width: 60px; height: 60px; line-height: 55px; border-radius: 50%; } }

.advantage-one__single:hover { box-shadow: 0 5px 15px rgba(0, 0, 0, 0.15); -webkit-box-shadow: 0 5px 15px rgba(0, 0, 0, 0.15); -moz-box-shadow: 0 5px 15px rgba(0, 0, 0, 0.15); }

.advantage-one__single:hover img { -webkit-transform: scale(1.05); transform: scale(1.05); }

.advantage-one__single:hover h3 { color: #e60012; }

.advantage-one__single:hover .advantage-one__icon i { background-color: #e60012; color: #fff; }

.moblie_head { display: none; min-height: 50px; background: transparent; background: #ffffff; position: fixed; top: 0px; left: 0px; width: 100%; z-index: 997; }

@media (min-width: 0) { .moblie_head { display: block !important; padding: 0 15px; height: 6rem; } }

@media (min-width: 992px) { .moblie_head { display: none !important; } }

.moblie_head::after { content: ""; display: block; width: 100%; height: 1px; line-height: 1px; background-color: rgba(255, 255, 255, 0.15); background-color: rgba(0, 0, 0, 0.15); position: absolute; left: 0; bottom: 0; -webkit-transition: all 0.5s; -o-transition: all 0.5s; transition: all 0.5s; }

.moblie_head .header_logo { display: block; float: left; position: relative; z-index: 2; padding: 1rem 0; }

.moblie_head .header_logo a { display: block; }

.moblie_head .header_logo_img { float: left; width: 150px; height: 40px; position: relative; }

.moblie_head .header_logo_img:after { content: ''; display: block; width: 2px; height: 36px; background: rgba(255, 255, 255, 0.3); position: absolute; right: 0; top: 50%; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); display: none; }

@media (max-width: 1470px) { .moblie_head .header_logo_img:after { height: 40px; } }

@media (max-width: 668px) { .moblie_head .header_logo_img:after { display: none; } }

.moblie_head .header_logo_img img { height: 100%; position: absolute; left: 0; top: 0; }

.moblie_head .header_logo_img img.white { opacity: 1; -webkit-transition: all .5s; -o-transition: all .5s; transition: all .5s; }

.moblie_head .header_logo_img img.black { opacity: 0; -webkit-transition: all .5s; -o-transition: all .5s; transition: all .5s; }

.moblie_head_blank { height: 6rem; }

@media (min-width: 991px) { .moblie_head_blank { height: 0; display: none; } }

.scroll .moblie_head .header_logo_img:after { background: rgba(51, 51, 51, 0.3); }

.scroll .moblie_head .header_logo_img img.white { opacity: 0; }

.scroll .moblie_head .header_logo_img img.black { opacity: 1; }

.scroll .moblie_head:after { height: 100%; }

@-webkit-keyframes sticky { 0% { top: -200px; }
  100% { top: 0; } }

@keyframes sticky { 0% { top: -200px; }
  100% { top: 0; } }

.off_canvars_overlay { width: 100%; height: 100%; position: fixed; z-index: 9998; opacity: 0; visibility: hidden; cursor: crosshair; background: #000; top: 0; }

.off_canvars_overlay.active { opacity: .6; visibility: visible; }

.offcanvas_menu { display: none; }

@media only screen and (min-width: 768px) and (max-width: 991px) { .offcanvas_menu { display: block; } }

@media (max-width: 1200px) { .offcanvas_menu { display: block; } }

.offcanvas_menu_wrapper { width: 290px; position: fixed; background: #000000; z-index: 9999; top: 0; height: 100vh; -webkit-transition: .5s; transition: .5s; left: 0; margin-left: -300px; padding: 50px 15px 30px; overflow-y: auto; }

.offcanvas_menu_wrapper.active { margin-left: 0; }

.offcanvas_menu_wrapper .slinky-theme-default { background: inherit; min-height: 300px; overflow-y: auto; }

.offcanvas_menu_wrapper .header-btn { margin-bottom: 30px; }

.offcanvas_menu_wrapper .header-btn a { color: #fff; }

.offcanvas_menu_wrapper .header-btn a:hover { color: #fff; }

.offcanvas_main_menu li { position: relative; }

.offcanvas_main_menu li:last-child { margin: 0; }

.offcanvas_main_menu li span.menu-expand { position: absolute; right: 0; }

.offcanvas_main_menu li span.menu-expand i { color: #fff; font-size: 18px; display: inline-block; width: 2rem; }

.offcanvas_main_menu li a { font-size: 1.4rem; font-weight: 500; text-transform: capitalize; display: block; padding-bottom: 10px; margin-bottom: 10px; border-bottom: 1px solid rgba(255, 255, 255, 0.6); color: #fff; -webkit-transition: all 0.3s ease-out 0s; -moz-transition: all 0.3s ease-out 0s; -ms-transition: all 0.3s ease-out 0s; -o-transition: all 0.3s ease-out 0s; transition: all 0.3s ease-out 0s; }

.offcanvas_main_menu li a:hover { color: #e60012; }

.offcanvas_main_menu li ul.sub-menu { padding-left: 2rem; }

.offcanvas_footer { margin-top: 50px; padding-bottom: 50px; text-align: center; }

.offcanvas_footer span a { font-size: 1.4rem; color: #fff; -webkit-transition: all 0.3s ease-out 0s; -moz-transition: all 0.3s ease-out 0s; -ms-transition: all 0.3s ease-out 0s; -o-transition: all 0.3s ease-out 0s; transition: all 0.3s ease-out 0s; }

.offcanvas_footer span a:hover { color: #e60012; }

.canvas_close { position: absolute; top: 10px; right: 13px; }

.canvas_close a { font-size: 18px; text-transform: uppercase; font-weight: 500; width: 32px; height: 32px; display: block; text-align: center; line-height: 30px; border: 1px solid #ededed; border-radius: 50%; color: #fff; -webkit-transition: all 0.3s ease-out 0s; -moz-transition: all 0.3s ease-out 0s; -ms-transition: all 0.3s ease-out 0s; -o-transition: all 0.3s ease-out 0s; transition: all 0.3s ease-out 0s; }

.canvas_close a:hover { background: #e60012; border-color: #e60012; color: #fff; }

.canvas_open a { font-size: 26px; width: 50px; height: 42px; display: block; line-height: 39px; text-align: center; border: 1px solid #232323; color: #fff; -webkit-transition: all 0.3s ease-out 0s; -moz-transition: all 0.3s ease-out 0s; -ms-transition: all 0.3s ease-out 0s; -o-transition: all 0.3s ease-out 0s; transition: all 0.3s ease-out 0s; }

.canvas_open a:hover { color: #e60012; border-color: #e60012; }

.offcanvas-social { margin-bottom: 40px; }

.offcanvas-social ul li { display: inline-block; }

.offcanvas-social ul li a { height: 40px; width: 40px; text-align: center; line-height: 38px; color: #e60012; border: 1px solid #eaeaea; border-radius: 50%; margin: 0 5px; -webkit-transition: all 0.3s ease-out 0s; -moz-transition: all 0.3s ease-out 0s; -ms-transition: all 0.3s ease-out 0s; -o-transition: all 0.3s ease-out 0s; transition: all 0.3s ease-out 0s; }

.offcanvas-social ul li a:hover { background: #e60012; border-color: #e60012; color: #fff; }

.offcanvas-logo img { display: block; float: none; width: 65%; margin: 0px auto 30px; }

.hamburger:hover, .hamburger:focus, .hamburger:active { outline: none; }

.hamburger.is-closed:before { content: ''; display: block; width: 100px; font-size: 1.4rem; color: #333; line-height: 32px; text-align: center; opacity: 0; -webkit-transform: translate3d(0, 0, 0); -webkit-transition: all .35s ease-in-out; }

.hamburger.is-closed:hover:before { opacity: 1; display: block; -webkit-transform: translate3d(-100px, 0, 0); -webkit-transition: all .35s ease-in-out; }

.hamburger.is-closed .hamb-top, .hamburger.is-closed .hamb-middle, .hamburger.is-closed .hamb-bottom, .hamburger.is-open .hamb-top, .hamburger.is-open .hamb-middle, .hamburger.is-open .hamb-bottom { width: 100%; height: 3px; position: absolute; left: 0; }

.hamburger.is-closed .hamb-top, .hamburger.is-closed .hamb-middle, .hamburger.is-closed .hamb-bottom { background-color: #fff; }

.scroll .hamburger.is-closed .hamb-top, .scroll .hamburger.is-closed .hamb-middle, .scroll .hamburger.is-closed .hamb-bottom { background-color: #333; }

.hamburger.is-closed .hamb-top { top: 0px; -webkit-transition: all .35s ease-in-out; }

.hamburger.is-closed .hamb-middle { top: 50%; margin-top: -2px; }

.hamburger.is-closed .hamb-bottom { bottom: 0px; -webkit-transition: all .35s ease-in-out; }

.hamburger.is-closed:hover .hamb-top { top: 0; -webkit-transition: all .35s ease-in-out; }

.hamburger.is-closed:hover .hamb-bottom { bottom: 0; -webkit-transition: all .35s ease-in-out; }

.hamburger.is-open .hamb-top, .hamburger.is-open .hamb-middle, .hamburger.is-open .hamb-bottom { background-color: #fff; }

.hamburger.is-open .hamb-top, .hamburger.is-open .hamb-bottom { top: 50%; margin-top: -2px; }

.hamburger.is-open .hamb-top { -webkit-transform: rotate(45deg); -webkit-transition: -webkit-transform 0.2s cubic-bezier(0.73, 1, 0.28, 0.08); }

.hamburger.is-open .hamb-middle { display: none; }

.hamburger.is-open .hamb-bottom { -webkit-transform: rotate(-45deg); -webkit-transition: -webkit-transform 0.2s cubic-bezier(0.73, 1, 0.28, 0.08); }

.hamburger.is-open:before { content: ''; display: block; width: 100px; font-size: 1.4rem; color: #fff; line-height: 32px; text-align: center; opacity: 0; -webkit-transform: translate3d(0, 0, 0); -webkit-transition: all .35s ease-in-out; }

.hamburger.is-open:hover:before { opacity: 1; display: block; -webkit-transform: translate3d(-100px, 0, 0); -webkit-transition: all .35s ease-in-out; }

.header_lang { display: block; float: right; width: 38px; height: 38px; line-height: 38px; margin-top: 31px; margin-left: 2rem; border: none; -webkit-border-radius: 100%; border-radius: 100%; text-align: center; font-size: 1.6rem; font-weight: bold; outline: 0; position: relative; z-index: 2; background: #fff; color: #333; -webkit-transition: all .5s; -o-transition: all .5s; transition: all .5s; -moz-transition: all .5s; -ms-transition: all .5s; background: #f4f4f4; }

@media (min-width: 0) { .header_lang { width: 28px; height: 28px; line-height: 28px; margin: 1.8rem 4.5rem 0 0; } }

.header_lang:hover { background: #85cbbf; color: #fff; }

.hamburger { position: fixed; right: 2rem; top: 2rem; z-index: 1004; width: 25px; height: 2rem; background: transparent; border: none; display: block; }

.hamburger:hover, .hamburger:focus, .hamburger:active { outline: none; }

.hamburger.is-closed:before { content: ''; display: block; width: 100px; font-size: 1.4rem; color: #333; line-height: 32px; text-align: center; opacity: 0; -webkit-transform: translate3d(0, 0, 0); -webkit-transition: all .35s ease-in-out; }

.hamburger.is-closed:hover:before { opacity: 1; display: block; -webkit-transform: translate3d(-100px, 0, 0); -webkit-transition: all .35s ease-in-out; }

.hamburger.is-closed .hamb-top, .hamburger.is-closed .hamb-middle, .hamburger.is-closed .hamb-bottom, .hamburger.is-open .hamb-top, .hamburger.is-open .hamb-middle, .hamburger.is-open .hamb-bottom { width: 100%; height: 3px; position: absolute; left: 0; }

.hamburger.is-closed .hamb-top, .hamburger.is-closed .hamb-middle, .hamburger.is-closed .hamb-bottom { background-color: #fff; }

.scroll .hamburger.is-closed .hamb-top, .scroll .hamburger.is-closed .hamb-middle, .scroll .hamburger.is-closed .hamb-bottom { background-color: #333; }

.hamburger.is-closed .hamb-top { top: 0px; -webkit-transition: all .35s ease-in-out; }

.hamburger.is-closed .hamb-middle { top: 50%; margin-top: -2px; }

.hamburger.is-closed .hamb-bottom { bottom: 0px; -webkit-transition: all .35s ease-in-out; }

.hamburger.is-closed:hover .hamb-top { top: 0; -webkit-transition: all .35s ease-in-out; }

.hamburger.is-closed:hover .hamb-bottom { bottom: 0; -webkit-transition: all .35s ease-in-out; }

.hamburger.is-open .hamb-top, .hamburger.is-open .hamb-middle, .hamburger.is-open .hamb-bottom { background-color: #fff; }

.hamburger.is-open .hamb-top, .hamburger.is-open .hamb-bottom { top: 50%; margin-top: -2px; }

.hamburger.is-open .hamb-top { -webkit-transform: rotate(45deg); -webkit-transition: -webkit-transform 0.2s cubic-bezier(0.73, 1, 0.28, 0.08); }

.hamburger.is-open .hamb-middle { display: none; }

.hamburger.is-open .hamb-bottom { -webkit-transform: rotate(-45deg); -webkit-transition: -webkit-transform 0.2s cubic-bezier(0.73, 1, 0.28, 0.08); }

.hamburger.is-open:before { content: ''; display: block; width: 100px; font-size: 1.4rem; color: #fff; line-height: 32px; text-align: center; opacity: 0; -webkit-transform: translate3d(0, 0, 0); -webkit-transition: all .35s ease-in-out; }

.hamburger.is-open:hover:before { opacity: 1; display: block; -webkit-transform: translate3d(-100px, 0, 0); -webkit-transition: all .35s ease-in-out; }

.hamburger.is-closed .hamb-top, .hamburger.is-closed .hamb-middle, .hamburger.is-closed .hamb-bottom, .hamburger.is-open .hamb-top, .hamburger.is-open .hamb-middle, .hamburger.is-open .hamb-bottom { background-color: #000; }

.offcanvas_menu_wrapper { background: #222; }

.canvas_close a:hover { background: #e60012; border-color: #e60012; color: #fff; }

.ins-navbox { height: 75px; background-color: #fff; border-bottom: 1px solid #e5e5e5; }

.ins-navbox ul { list-style: none; }

.ins-navbox li { list-style: none; margin-right: 23px; font-size: 16px; line-height: 74px; float: left; -webkit-transition: all 0.3s ease 0s; transition: all 0.3s ease 0s; }

.ins-navbox li a { display: block; padding: 0 10px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; position: relative; }

.ins-navbox li a:hover, .ins-navbox li a.hover { color: #e60027; position: relative; }

.ins-navbox li a::after { position: absolute; bottom: 0; left: 0; content: ""; width: 100%; height: 2px; background-color: #e60027; display: none; }

.ins-navbox li a:hover::after, .ins-navbox li a.hover::after { display: block; }

@media (max-width: 768px) { .ins-navbox { height: auto; padding: 15px 0; }
  .ins-navbox li { -moz-box-sizing: border-box; -webkit-box-sizing: border-box; -o-box-sizing: border-box; -ms-box-sizing: border-box; box-sizing: border-box; width: 33.333%; margin: 5px 0px; padding: 0 5px; font-size: 16px; line-height: 1; float: left; text-align: center; -webkit-transition: all 0.3s ease 0s; transition: all 0.3s ease 0s; }
  .ins-navbox li a { border: 1px solid #ebebeb; line-height: 40px; text-align: center; border-bottom: 2px solid #ebebeb; } }