/*:root{--red:#ED4014;--yellow:#F37B1D;--blue:#1890FF;--green:#19BE6B;--info:#2DB7F5;}*/
*{font-family:Helvetica,Pingfang SC,Microsoft YaHei,STHeiti,Verdana,Arial,Tahoma,sans-serif;}
*,::after,::before{box-sizing:border-box;}
html{font-family:sans-serif;}
article,aside,figcaption,figure,footer,header,hgroup,main,nav,section{display:block;}
body{margin:0;font-size:16px;line-height:1.5;color:#212529;text-align:left;background:#fff;}
[tabindex="-1"]:focus{outline:0}
hr{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;}
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;}
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{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]{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 20px 20px 20px;border-radius:4px;font-size:15px;line-height:30px;color:#333;}
legend{border:0;font-size:16px;width:auto;margin:10px;padding:5px;color:#f30;}
hr{display:block;padding:0;border:0;height:0;border-top:1px solid #ddd;}
.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:20px;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,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") no-repeat top center;margin:5px 5px 5px 0;width:30px;height:30px;}

/*Grid*/
.ui-row{display:-ms-flexbox;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;flex-grow:1;max-width:100%}
.ui-col-auto{-ms-flex:0 0 auto;flex:0 0 auto;width:auto;max-width:100%}
.ui-col-1{-ms-flex:0 0 8.333333%;flex:0 0 8.333333%;max-width:8.333333%}
.ui-col-2{-ms-flex:0 0 16.666667%;flex:0 0 16.666667%;max-width:16.666667%}
.ui-col-3{-ms-flex:0 0 25%;flex:0 0 25%;max-width:25%}
.ui-col-4{-ms-flex:0 0 33.333333%;flex:0 0 33.333333%;max-width:33.333333%}
.ui-col-5{-ms-flex:0 0 41.666667%;flex:0 0 41.666667%;max-width:41.666667%}
.ui-col-6{-ms-flex:0 0 50%;flex:0 0 50%;max-width:50%}
.ui-col-7{-ms-flex:0 0 58.333333%;flex:0 0 58.333333%;max-width:58.333333%}
.ui-col-8{-ms-flex:0 0 66.666667%;flex:0 0 66.666667%;max-width:66.666667%}
.ui-col-9{-ms-flex:0 0 75%;flex:0 0 75%;max-width:75%}
.ui-col-10{-ms-flex:0 0 83.333333%;flex:0 0 83.333333%;max-width:83.333333%}
.ui-col-11{-ms-flex:0 0 91.666667%;flex:0 0 91.666667%;max-width:91.666667%}
.ui-col-12{-ms-flex:0 0 100%;flex:0 0 100%;max-width:100%}
.ui-order-first{-ms-flex-order:-1;order:-1}
.ui-order-last{-ms-flex-order:13;order:13}
.ui-order-0{-ms-flex-order:0;order:0}
.ui-order-1{-ms-flex-order:1;order:1}
.ui-order-2{-ms-flex-order:2;order:2}
.ui-order-3{-ms-flex-order:3;order:3}
.ui-order-4{-ms-flex-order:4;order:4}
.ui-order-5{-ms-flex-order:5;order:5}
.ui-order-6{-ms-flex-order:6;order:6}
.ui-order-7{-ms-flex-order:7;order:7}
.ui-order-8{-ms-flex-order:8;order:8}
.ui-order-9{-ms-flex-order:9;order:9}
.ui-order-10{-ms-flex-order:10;order:10}
.ui-order-11{-ms-flex-order:11;order:11}
.ui-order-12{-ms-flex-order:12;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;flex-direction:row}
.ui-flex-column{-ms-flex-direction:column;flex-direction:column}
.ui-flex-row-reverse{-ms-flex-direction:row-reverse;flex-direction:row-reverse}
.ui-flex-column-reverse{-ms-flex-direction:column-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;flex:1 1 auto}
.ui-flex-grow-0{-ms-flex-positive:0;flex-grow:0}
.ui-flex-grow-1{-ms-flex-positive: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;justify-content:flex-start}
.ui-justify-content-end{-ms-flex-pack:end;justify-content:flex-end}
.ui-justify-content-center{-ms-flex-pack:center;justify-content:center}
.ui-justify-content-between{-ms-flex-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;align-items:flex-start}
.ui-align-items-end{-ms-flex-align:end;align-items:flex-end}
.ui-align-items-center{-ms-flex-align:center;align-items:center}
.ui-align-items-baseline{-ms-flex-align:baseline;align-items:baseline}
.ui-align-items-stretch{-ms-flex-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;flex-grow:1;max-width:100%}
	.ui-col-sm-auto{-ms-flex:0 0 auto;flex:0 0 auto;width:auto;max-width:100%}
	.ui-col-sm-1{-ms-flex:0 0 8.333333%;flex:0 0 8.333333%;max-width:8.333333%}
	.ui-col-sm-2{-ms-flex:0 0 16.666667%;flex:0 0 16.666667%;max-width:16.666667%}
	.ui-col-sm-3{-ms-flex:0 0 25%;flex:0 0 25%;max-width:25%}
	.ui-col-sm-4{-ms-flex:0 0 33.333333%;flex:0 0 33.333333%;max-width:33.333333%}
	.ui-col-sm-5{-ms-flex:0 0 41.666667%;flex:0 0 41.666667%;max-width:41.666667%}
	.ui-col-sm-6{-ms-flex:0 0 50%;flex:0 0 50%;max-width:50%}
	.ui-col-sm-7{-ms-flex:0 0 58.333333%;flex:0 0 58.333333%;max-width:58.333333%}
	.ui-col-sm-8{-ms-flex:0 0 66.666667%;flex:0 0 66.666667%;max-width:66.666667%}
	.ui-col-sm-9{-ms-flex:0 0 75%;flex:0 0 75%;max-width:75%}
	.ui-col-sm-10{-ms-flex:0 0 83.333333%;flex:0 0 83.333333%;max-width:83.333333%}
	.ui-col-sm-11{-ms-flex:0 0 91.666667%;flex:0 0 91.666667%;max-width:91.666667%}
	.ui-col-sm-12{-ms-flex:0 0 100%;flex:0 0 100%;max-width:100%}
	.ui-order-sm-first{-ms-flex-order:-1;order:-1}
	.ui-order-sm-last{-ms-flex-order:13;order:13}
	.ui-order-sm-0{-ms-flex-order:0;order:0}
	.ui-order-sm-1{-ms-flex-order:1;order:1}
	.ui-order-sm-2{-ms-flex-order:2;order:2}
	.ui-order-sm-3{-ms-flex-order:3;order:3}
	.ui-order-sm-4{-ms-flex-order:4;order:4}
	.ui-order-sm-5{-ms-flex-order:5;order:5}
	.ui-order-sm-6{-ms-flex-order:6;order:6}
	.ui-order-sm-7{-ms-flex-order:7;order:7}
	.ui-order-sm-8{-ms-flex-order:8;order:8}
	.ui-order-sm-9{-ms-flex-order:9;order:9}
	.ui-order-sm-10{-ms-flex-order:10;order:10}
	.ui-order-sm-11{-ms-flex-order:11;order:11}
	.ui-order-sm-12{-ms-flex-order:12;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:flex;flex-wrap:wrap;}
.ui-grid-item{padding:20px 0;position:relative;}
.ui-grid-2 .ui-grid-item{flex:0 0 50%;max-width:50%;}
.ui-grid-3 .ui-grid-item{flex:0 0 33.333333%;max-width:33.333333%;}
.ui-grid-4 .ui-grid-item{flex:0 0 25%;max-width:25%;}
.ui-grid-5 .ui-grid-item{flex:0 0 20%;max-width:20%;}

/*btn*/
.ui-btn{position:relative;display:inline-block;border:1px solid #e0e0e0;padding:0 20px;line-height:42px;overflow:hidden;border-radius:4px;color:#595959;background:#fff;user-select:none;vertical-align:middle;}
.ui-btn [class*=ui-icon-]{margin:0 5px 0 -5px;}
.ui-btn:hover{color:#40a9ff;border-color:#40a9ff;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:#1890FF;border-color:#1890FF;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:16px;padding:0 36px;line-height:54px;}
.ui-btn-lg{font-size:20px;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:#1890FF;}
.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{box-shadow:2px 2px 10px 0 rgba(237,64,20,0.2);}
.ui-btn-yellow:hover{box-shadow:2px 2px 10px 0 rgba(243,123,29,0.2);}
.ui-btn-green:hover{box-shadow:2px 2px 10px 0 rgba(25,190,107,0.2);}
.ui-btn-info:hover{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:#1890FF;}
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;justify-content:center;align-items:center;cursor:pointer;padding:0 20px;line-height:44px;overflow:hidden;font-size:16px;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:flex;}
.ui-btn-group-full .ui-btn-group-item{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:#1890FF;border-color:#1890FF;}
.ui-btn-group-blue .ui-btn-group-item:hover{border-color:#1890FF;}
.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:#1890FF;}
.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:16px;padding:0 36px;line-height:54px;}
.ui-btn-group-lg .ui-btn-group-item{font-size:20px;padding:0 52px;line-height:64px;}
/*Badge*/
.ui-badge{min-width:20px;line-height:20px;min-height:20px;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;box-shadow:0 0 0 1px #fff;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:#1890FF;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:flex;align-items:center;justify-content:center;color:#fff;z-index:40;}
.ui-bar ul{list-style:none;margin:0;padding:0;}
.ui-bar ul li{}
.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 20px;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;transform:rotate(45deg)}
.ui-bar ul li a:hover p{left:-114px;display:block;}
.ui-bar ul li a div:after{display:block;content:"";background:#fff;width:16px;height:16px;position:absolute;top:112px;right:-8.2px;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:#1890FF;}
.ui-bar-green{background:#19BE6B;}
.ui-bar-info{background:#2DB7F5;}
/*Bread*/
.ui-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;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;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:flex;-ms-flex-align:center;align-items:center;-ms-flex-pack:center;justify-content:center;width:15%;color:#fff;text-align:center;opacity:0.5;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:flex;justify-content:center;list-style:none;}
.ui-carousel-page li{box-sizing:content-box;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;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:flex;background:rgba(0,0,0,.4);}
.ui-carousel-control .ui-carousel-title{flex:1;display:flex;color:#fff;line-height:40px;padding:0 10px;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;}
.ui-carousel-control .ui-carousel-page{justify-content:flex-end;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,.3);color:#fff;padding:3px 10px;border-radius:20px;font-size:10px;}
/*Card*/
.ui-card{border:1px solid #e5e5e5;background:#fff;}
.ui-card-header{background:#fff;padding:15px 20px;display:flex;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 #1890FF;padding-left:15px;flex:1;}
.ui-card-header .ui-card-header-more{align-items:center;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{transition:all 0.4s ease;font-size:14px;color:#999;}
.ui-collapse .ui-card .ui-card-header.active .ui-icon-right{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:flex;justify-content:space-betweend;border-bottom:1px solid #f3f3f3;line-height:50px;padding:0 0 0 20px;}
.ui-collapse-menu-title a{flex:1;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;}
.ui-collapse-menu-title i{display:block;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{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;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%;transform:translateY(-50%) rotate(-225deg);}
.ui-dropdown-top:after{left:50%;top:100%;transform:translateX(-50%) translateY(-50%) rotate(-140deg);}
.ui-dropdown-right:after{left:-6px;top:50%;transform:translateY(-50%) rotate(-45deg);}
.ui-dropdown-bottom:after{left:50%;top:0;transform:translateX(-50%) translateY(-50%) rotate(45deg);}
.ui-dropdown-bottom-left:after{left:10px;top:0;transform:translateY(-50%) rotate(45deg);}
.ui-dropdown-top-left:after{left:10px;top:100%;transform:translateY(-50%) rotate(-140deg);}
.ui-dropdown-right-top:after{left:-6px;top:15px;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 20px;clear:both;font-weight:400;color:#212529;text-align:inherit;white-space:nowrap;background-color:transparent;border:0;}
.ui-dropdown-item.active{background:#1890FF;}
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,.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;box-shadow:0 5px 10px rgba(0,0,0,0.1);opacity:1;transition:all 0.2s linear;animation-duration: 0.3s;animation-fill-mode:both;}
.ui-dialog-header{padding:20px;border-bottom:1px solid #f3f3f3;display:flex;}
.ui-dialog-header .ui-dialog-title{flex:1;font-weight:bold;cursor:move;-moz-user-select:none;-webkit-user-select:none;}
.ui-dialog-header .ui-dialog-close{justify-content:flex-end;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:20px;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 20px;text-align:right;border-top:0 solid #f3f3f3;}
.ui-dialog-footer-mobile{display:flex;border-top:1px solid #f3f3f3;}
.ui-dialog-footer-mobile button{width:100%;border:0;background:#fff;padding:12px 0;flex:1;color:#666;}
.ui-dialog-footer-mobile button:last-child{border-left:1px solid #f3f3f3;color:#1890FF;}
.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 16px;}
.ui-dialog-mobile .ui-dialog-body{padding:20px 16px;}
.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;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;box-shadow:0 1px 10px rgba(0,0,0,0.07);padding:10px 20px 20px 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:#1890FF;color:#1890FF;}
.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:#1890FF;color:#1890FF;}
.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 .ui-form-ip{}
.ui-form-group > label{margin-bottom:10px;}
.ui-form-ip{display:block;width:100%;padding:15px 20px;color:#495057;background:#fff;background-clip:padding-box;border:1px solid #e3e3e3;border-radius:4px;transition:border-color 0.15s ease-in-out, 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;box-shadow:0 0 0 2px rgba(0,123,255,.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,.5);}
.ui-form-limit-text span{color:#f30;}
.ui-col-form-label{color:#666;padding:10px 10px 0 0;text-align:right;transform:translateY(1px)}
.ui-col-form-label-top{display:flex;justify-content:flex-end;align-items:flex-start;color:#666;padding:0 10px 0 0;}
.ui-input-group{display:flex;}
.ui-input-group .before{justify-content:center;align-items:center;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{justify-content:center;align-items:center;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;justify-content:center;align-items:center;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{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{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;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{}
.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"]{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:20px;height:20px;border:1px solid #1890FF;border-radius:2px;display:inline-block;line-height:20px;content:'';text-align:center;overflow:hidden;margin-top:2px;}
.ui-checkbox input[type="checkbox"]:checked + i:after{content:'\e830';font-family:iconfont;background:#1890FF;color:#fff;border-color:#1890FF;}
.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:#1890FF;}
.ui-checkbox-blue input[type="checkbox"]:checked + i:after{background:#1890FF;border-color:#1890FF;}
.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"]{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:20px;height:20px;border-radius:50%;position:relative;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:#1890FF;box-shadow:0 0 0 2px rgba(24,144,255,0.1);}
.ui-radio input[type="radio"]:checked + i:after{content:'';background:#1890FF;}
.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;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:#1890FF;}
.ui-radio-blue input[type="radio"]:checked + i:after{background:#1890FF;}
.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:#1890FF;}
.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;transition:background ease 0.5s;cursor:pointer;position:relative;display:inline-block;overflow:hidden;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;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:#1890FF;}
.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{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:#1890FF;border-color:#80bdff;z-index:1;}
.ui-inputnumber-min i,.ui-inputnumber-max i{font-size:14px;}
.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;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:#1890FF;}
.ui-line-blue span{color:#1890FF;}
.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:flex;justify-content:space-between;align-items:center;}
.ui-list li a{color:#333;flex:1;}
.ui-list li a:hover{color:#f30;}
.ui-list li a i{margin:0 10px 0 5px;color:#999;margin-right:10px;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:20px;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,.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%;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:flex;justify-content:flex-start;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:flex;justify-content:flex-end;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,.6);color:#fff;padding:0 15px;overflow:hidden;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:20px;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,.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;box-shadow:0 1px 3px rgba(0,0,0,0.3);transition:transform .2s cubic-bezier(.16,.68,.43,.99);}
.ui-modal-header{padding:20px;border-bottom:1px solid #f3f3f3;display:flex;}
.ui-modal-header .ui-modal-title{flex:1;font-weight:bold;cursor:move;}
.ui-modal-header .ui-modal-close{justify-content:flex-end;align-items:center;font-size:20px;cursor:pointer;font-weight:700;line-height:1;color:#999;}
.ui-modal-header .ui-modal-close:hover{color:#000;}
.ui-modal-body{padding:20px;max-height:500px;overflow-y:auto;}
.ui-modal-body .ui-form-ip{line-height:normal;}
.ui-modal-footer{padding:10px 20px;border-top:1px solid #f3f3f3;text-align:right;font-size:20px;}
.ui-modal-sm{width:360px;}
.ui-modal-sm .ui-modal-body{max-height:220px;}
.ui-modal-bg{width:800px;}
.ui-modal-lg{width:1000px;}
.ui-modal-in{transition:transform 0.3s ease-out;transform:translate(0,50px);}
.ui-modal-out{transition:transform 0.3s ease-out;transform:translate(0);}
/*Media*/
.ui-media-list{}
.ui-media-list .ui-media{margin-bottom:20px;padding-bottom:20px;display:flex;border-bottom:1px solid #f3f3f3;}
.ui-media-list .ui-media:last-child{margin-bottom:0;}
.ui-media-img{}
.ui-media-img img,.ui-media-img svg{border:1px solid #f3f3f3;padding:3px;text-anchor:middle;border-radius:4px;}
.ui-media-body{flex:1;position:relative;overflow:hidden;}
.ui-media-header{font-size:20px;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:flex;align-items:center;}
.ui-media-bottom{display:flex;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:flex;border-bottom:1px solid #eaeaea;justify-content:space-between;align-items:center;}
.ui-menu .ui-menu-name{color:#333;border-bottom:2px solid #999;margin-bottom:-1px;padding-bottom:15px;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:#1890FF;border-bottom-color:#1890FF;}
.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{}
.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:16px;text-align:center;}
.ui-nav ul li a:hover{}
.ui-nav ul li.active a{}
.ui-nav ul li ul{position:absolute;min-width:200px;border:1px solid #d9d9d9;background:#fff;opacity:0;transition:all .3s ease 0s;visibility:hidden;transform:translate3d(0,10px,0);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:#1890FF;color:#fff;}
.ui-nav ul li:hover ul{opacity:1;transform:translate3d(0,0,0);visibility:visible;}
.ui-nav-full ul{display:flex;}
.ui-nav-full ul li{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:#1890FF;border:1px solid #1890FF;}
.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,.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;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{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: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:#1890FF;}
.ui-orderby ul li a i{font-size:16px;margin-left:5px;}

.ui-orderby ul li.active a{background:#1890FF;border-right-color:#1890FF;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:#1890FF;}
.ui-orderby-blue ul li.active a{background:#1890FF;border-right-color:#1890FF;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{box-shadow:0 1px 20px 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:flex;justify-content: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;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:#1890FF;}
.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:16px;}
.ui-piclist-flex{margin:10px 0 5px 0;display:flex;align-items:center;}
.ui-piclist-price{color:#333;flex:1;font-size:14px;}
.ui-piclist-price strong{font-size:16px;color:#ED4014;}
.ui-piclist-price del,.ui-piclist-price span{color:#999;display:block;font-size:12px;}
.ui-piclist-flex .action{}
.ui-piclist-flex .action a.ui-btn{border-radius:50px;padding:0 20px;font-size:16px;}
.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:flex;justify-content:center;align-items:center;font-size:15px;z-index:2;background:rgba(0,0,0,.4);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{user-select:none;}
.ui-page ul{margin:0;padding:0;list-style:none;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:16px;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:#1890FF;background:#1890FF;}
.ui-page ul li.active a{color:#fff;background:#1890FF;}
.ui-page ul li.active a:hover{background:#1890FF;}
.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:flex;justify-content:center;align-items:center;}
.ui-page-right ul{display:flex;justify-content:flex-end;}
.ui-page-right{display:flex;}
.ui-page-right .ui-page-other{flex:1;justify-content:flex-start;align-items:center;display:flex;}
/*Progress*/
.ui-progress{background:#e4eaec;height:10px;overflow:hidden;display:flex;}
.ui-progress .ui-progress-bar{background:#1890FF;display:flex;font-size:12px;color:#fff;justify-content:center;align-items:center;}
.ui-progress-radius{border-radius:20px;}
.ui-progress-radius .ui-progress-bar{border-radius:20px 0 0 20px;}
.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,.15) 25%,transparent 25%,transparent 50%,rgba(255,255,255,.15) 50%,rgba(255,255,255,.15) 75%,transparent 75%,transparent);background-image:linear-gradient(45deg,rgba(255,255,255,.15) 25%,transparent 25%,transparent 50%,rgba(255,255,255,.15) 50%,rgba(255,255,255,.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:#1890FF;}
.ui-step{font-size:0;display:flex;position:relative;}
.ui-step-item{font-size:16px;color:#595959;text-align:center;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:#1890FF;border-color:#3e8ef7;}
.ui-step-item.active .ui-step-title{color:#1890FF;}
.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:20px;height:20px;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{}
.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{}
.ui-tabs:after{display:table;content:" ";clear:both;}
.ui-tabs-nav{border-bottom:0 solid #e4eaec;font-size:0;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 20px;font-size:16px;}
.ui-tabs-nav li a:hover{color:#1890FF;}
.ui-tabs-nav li:hover{}
.ui-tabs-nav li.active{border-bottom:2px solid #3E8EF7;}
.ui-tabs-nav li.active a{color:#1890FF;}
.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:flex;}
.ui-tabs-vertical>.ui-tabs-nav{flex-direction:column;border-right:1px solid #e4eaec;border-bottom:none;}
.ui-tabs-vertical>.ui-tabs-nav li{display:flex;margin:0;}
.ui-tabs-vertical>.ui-tabs-nav li a{padding:20px 30px;}
.ui-tabs-vertical>.ui-tabs-nav li.active{border:0;border-right:2px solid #3E8EF7;}
.ui-tabs-vertical>.ui-tabs-nav li:hover{border:0;border-right:2px solid #3E8EF7;}
.ui-tabs-vertical>.ui-tabs-content{padding:0 20px;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:20px;}
.ui-tabs-header-nav{display:flex;border-bottom:1px solid #eaeaea;}
.ui-tabs-header-nav>.ui-tabs-nav{flex:1;}
.ui-tabs-header-more{align-items:center;justify-content:flex-end;display:flex;}
.ui-tabs-header-subject{display:flex;}
.ui-tabs-header-subject .ui-tabs-header-title{align-items:center;justify-content:flex-start;display:flex;flex:1;font-size:18px;font-weight:400;}
.ui-tabs-header-subject .ui-tabs-nav{justify-content:flex-end;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 16px;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%;transform:translateY(-50%) rotate(-225deg);}
.ui-tips-top:after{left:50%;top:100%;transform:translateX(-50%) translateY(-50%) rotate(-140deg);}
.ui-tips-right:after{left:-6px;top:50%;transform:translateY(-50%) rotate(-45deg);}
.ui-tips-bottom:after{left:50%;top:0;transform:translateX(-50%) translateY(-50%) rotate(45deg);}
.ui-tips-bottom-left:after{left:10px;top:0;transform:translateY(-50%) rotate(45deg);}
.ui-tips-top-left:after{left:10px;top:100%;transform:translateY(-50%) rotate(-140deg);}
.ui-tips-right-top:after{left:-5px;top:15px;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:#1890FF;border-color:#1890FF;color:#fff;}
.ui-tips-blue:after{border-color:#1890FF;background:#1890FF;}
.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:16px;background:#fff;border:1px solid rgba(0,0,0,0.1);box-shadow:0 1px 5px rgba(0,0,0,0.2);border-radius:4px;transition:transform .2s cubic-bezier(.16,.68,.43,.99);word-break:break-all;text-align:left;pointer-events:all;display:block;z-index:999;opacity:1;transition:all 0.2s linear;animation-duration:0.3s;animation-fill-mode:both;}
.ui-toast-header{display:flex;align-items:center;padding:15px 16px;border-bottom:1px solid rgba(0,0,0,0.05);}
.ui-toast-header .ui-toast-title{flex:1;font-weight:bold;}
.ui-toast-header .ui-toast-close{justify-content:flex-end;align-items:center;font-size:20px;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 20px;}
.ui-toast-body span{font-size:30px;vertical-align:middle;margin-right:15px;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:#1890FF;}
.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:#1890FF;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,.4);}
.ui-toast-red .ui-progress-toast{background:none;}
.ui-toast-red .ui-progress-toast .ui-progress-bar{background:rgba(255,255,255,.4);}
.ui-toast-yellow .ui-progress-toast{background:none;}
.ui-toast-yellow .ui-progress-toast .ui-progress-bar{background:rgba(255,255,255,.4);}
.ui-toast-blue .ui-progress-toast{background:none;}
.ui-toast-blue .ui-progress-toast .ui-progress-bar{background:rgba(255,255,255,.4);}
.ui-toast-green .ui-progress-toast{background:none;}
.ui-toast-green .ui-progress-toast .ui-progress-bar{background:rgba(255,255,255,.4);}
.ui-toast-info .ui-progress-toast{background:none;}
.ui-toast-info .ui-progress-toast .ui-progress-bar{background:rgba(255,255,255,.4);}
.ui-toast-in{-webkit-animation-name:ui-toast-In;animation-name:ui-toast-In;}

/*TimeLine*/
.ui-timeline{}
.ui-timeline-item{padding:0 0 20px 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:20px;height:20px;border-radius:50%;border:2px solid #1890FF;left:0;top:4px;background:#fff;}
.ui-timeline-title{font-size:20px;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:#1890FF;}
.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:220px;}
.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:16px;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;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:flex;padding:10px 20px;background:#1890FF;justify-content:center;align-items:center;}
.ui-topbar-logo{padding:0 10px 5px 0;}
.ui-topbar-logo a{color:#fff;}
.ui-topbar-search{flex:1;justify-content:flex-end;color:#fff;text-align:right;padding-right:20px;position:relative;}
.ui-topbar-search input{background:#fff;border:1px solid rgba(255,255,255,.5);height:40px;padding:0 15px;border-radius:20px;color:#666;width:100%;margin-left:20px;}
.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{flex:1;justify-content:flex-end;text-align:right;padding-right:20px;position:relative;}
.ui-topbar-search-layout a{background:#fff;border:1px solid rgba(255,255,255,.5);line-height:30px;height:34px;padding:10px 15px;border-radius:20px;color:#666;width:100%;margin-left:20px;display:block;text-align:left;line-height:1;}
.ui-topbar-search-layout i{position:absolute;top:10%;right:15px;color:#999;}
.ui-topbar-three{justify-content:space-between;}
.ui-topbar-left{color:#fff;min-width:20px;cursor:pointer;}
.ui-topbar-left a{color:#fff;}
.ui-topbar-title{color:#fff;font-size:16px;padding:0 20px;}
.ui-topbar-right{color:#fff;min-width:20px;}
.ui-topbar-right a{color:#fff;}
.ui-topbar-red{background:#ED4014;}
.ui-topbar-yellow{background:#F37B1D;}
.ui-topbar-blue{background:#1890FF;}
.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,.2);padding:5px;border-radius:50%;}
.ui-topbar-opacity .ui-topbar-right a{color:#fff;background:rgba(51,51,51,.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:flex;padding-bottom:5px;}
.ui-topbar-opacity .ui-topbar-title ul li.active a{border-bottom-color:#1890FF;color:#1890FF;}
.ui-topbar-show{background:#fff;transition:background 1s;border-bottom:1px solid #eee;box-shadow:1px 1px 10px rgba(0,0,0,.1);}
.ui-topbar-show .ui-topbar-left{font-size:16px;color:#333;}
.ui-topbar-show .ui-topbar-left a{color:#333;background:#fff;transition:background 1s;padding:5px;font-size:16px;}
.ui-topbar-show .ui-topbar-right a{color:#333;background:#fff;transition:background 1s;padding:5px;}
.ui-topbar-show .ui-topbar-title{color:#333;}
.ui-topbar-show .ui-topbar-title ul{display:flex;}
/*Footbar*/
.ui-footbar{display:flex;background:#fff;box-shadow:1px -2px 10px 0px rgba(0,0,0,0.05);justify-content:center;align-items:center;}
.ui-footbar-left{display:flex;}
.ui-footbar-left a{line-height:20px;padding:10px 20px;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{flex:1;display:flex;}
.ui-footbar-right a,.ui-footbar-right button{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:flex;background:#fff;box-shadow:1px -2px 10px 0px rgba(0,0,0,0.05);justify-content:center;align-items:center;}
.ui-footnav a{line-height:22px;padding:10px 0;text-align:center;border-right:0px solid #f3f3f3;display:block;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:#1890FF;}
.ui-footnav a.active i{color:#1890FF;}
.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:#1890FF;}
.ui-footnav-blue a.active i{color:#1890FF;}
.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,.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,.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:#1890FF;}
.ui-footnav-bg-blue a{color:#fff;border-right-color:rgba(255,255,255,.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,.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,.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,.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;box-shadow:0px 0px 30px rgba(0,0,0,0.1);border-radius:20px 0 0 20px;}
.ui-sidebar ul li{color:#333;margin-top:-1px;position:relative;z-index:200;}
.ui-sidebar ul li a{color:#1890FF;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;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:90px;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%;transform:translateY(-50%) rotate(-225deg);}
.ui-sidebar ul li a:hover{color:#fff;background:#1890FF;border-color:#1890FF;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:#1890FF;border:1px solid #1890FF;}
.ui-sidebar ul li:first-child,.ui-sidebar ul li:first-child a{border-radius:20px 0 0 0;}
.ui-sidebar ul li:last-child,.ui-sidebar ul li:last-child a{border-radius:0 0 0 20px;}
.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:20px !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:20px !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:20px !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:20px !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:20px !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:20px !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:20px !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:20px !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:20px !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:20px !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:#1890FF;}
.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:14px !important}
.ui-font-15{font-size:15px !important}
.ui-font-16{font-size:16px !important}
.ui-font-17{font-size:17px !important}
.ui-font-18{font-size:18px !important}
.ui-font-20{font-size:20px !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:20px !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%{transform:rotate(0deg)}100%{transform:rotate(359deg)}}
@keyframes ui-dialogIn{0%{transform:scale(0.7);}45%{transform:scale(1.05);}80%{transform:scale(0.95);}100%{transform:scale(1);}}
@keyframes ui-dialogOut{0%{transform:scale(1);}45%{transform:scale(0.95);}80%{transform:scale(0.55);}100%{transform:scale(0);}}
@keyframes ui-toast-In{0%{transform: translateY(-0.625em) rotateZ(2deg);}33%{transform: translateY(0) rotateZ(-2deg);}66%{transform: translateY(0.3125em) rotateZ(2deg);}100%{transform: translateY(0) rotateZ(0deg);}}
@keyframes ui-toast-Out{0% {transform: translateY(0) rotateZ(0deg);}33%{transform: translateY(0.3125em) rotateZ(2deg);}66%{transform: translateY(0) rotateZ(-2deg);}100%{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;}

@charset "UTF-8";

/*!
 * animate.css -https://daneden.github.io/animate.css/
 * Version - 3.7.2
 * Licensed under the MIT license - http://opensource.org/licenses/MIT
 *
 * Copyright (c) 2019 Daniel Eden
 */

@-webkit-keyframes bounce{0%,20%,53%,80%,to{-webkit-animation-timing-function:cubic-bezier(.215,.61,.355,1);animation-timing-function:cubic-bezier(.215,.61,.355,1);-webkit-transform:translateZ(0);transform:translateZ(0)}40%,43%{-webkit-animation-timing-function:cubic-bezier(.755,.05,.855,.06);animation-timing-function:cubic-bezier(.755,.05,.855,.06);-webkit-transform:translate3d(0,-30px,0);transform:translate3d(0,-30px,0)}70%{-webkit-animation-timing-function:cubic-bezier(.755,.05,.855,.06);animation-timing-function:cubic-bezier(.755,.05,.855,.06);-webkit-transform:translate3d(0,-15px,0);transform:translate3d(0,-15px,0)}90%{-webkit-transform:translate3d(0,-4px,0);transform:translate3d(0,-4px,0)}}@keyframes bounce{0%,20%,53%,80%,to{-webkit-animation-timing-function:cubic-bezier(.215,.61,.355,1);animation-timing-function:cubic-bezier(.215,.61,.355,1);-webkit-transform:translateZ(0);transform:translateZ(0)}40%,43%{-webkit-animation-timing-function:cubic-bezier(.755,.05,.855,.06);animation-timing-function:cubic-bezier(.755,.05,.855,.06);-webkit-transform:translate3d(0,-30px,0);transform:translate3d(0,-30px,0)}70%{-webkit-animation-timing-function:cubic-bezier(.755,.05,.855,.06);animation-timing-function:cubic-bezier(.755,.05,.855,.06);-webkit-transform:translate3d(0,-15px,0);transform:translate3d(0,-15px,0)}90%{-webkit-transform:translate3d(0,-4px,0);transform:translate3d(0,-4px,0)}}.bounce{-webkit-animation-name:bounce;animation-name:bounce;-webkit-transform-origin:center bottom;transform-origin:center bottom}@-webkit-keyframes flash{0%,50%,to{opacity:1}25%,75%{opacity:0}}@keyframes flash{0%,50%,to{opacity:1}25%,75%{opacity:0}}.flash{-webkit-animation-name:flash;animation-name:flash}@-webkit-keyframes pulse{0%{-webkit-transform:scaleX(1);transform:scaleX(1)}50%{-webkit-transform:scale3d(1.05,1.05,1.05);transform:scale3d(1.05,1.05,1.05)}to{-webkit-transform:scaleX(1);transform:scaleX(1)}}@keyframes pulse{0%{-webkit-transform:scaleX(1);transform:scaleX(1)}50%{-webkit-transform:scale3d(1.05,1.05,1.05);transform:scale3d(1.05,1.05,1.05)}to{-webkit-transform:scaleX(1);transform:scaleX(1)}}.pulse{-webkit-animation-name:pulse;animation-name:pulse}@-webkit-keyframes rubberBand{0%{-webkit-transform:scaleX(1);transform:scaleX(1)}30%{-webkit-transform:scale3d(1.25,.75,1);transform:scale3d(1.25,.75,1)}40%{-webkit-transform:scale3d(.75,1.25,1);transform:scale3d(.75,1.25,1)}50%{-webkit-transform:scale3d(1.15,.85,1);transform:scale3d(1.15,.85,1)}65%{-webkit-transform:scale3d(.95,1.05,1);transform:scale3d(.95,1.05,1)}75%{-webkit-transform:scale3d(1.05,.95,1);transform:scale3d(1.05,.95,1)}to{-webkit-transform:scaleX(1);transform:scaleX(1)}}@keyframes rubberBand{0%{-webkit-transform:scaleX(1);transform:scaleX(1)}30%{-webkit-transform:scale3d(1.25,.75,1);transform:scale3d(1.25,.75,1)}40%{-webkit-transform:scale3d(.75,1.25,1);transform:scale3d(.75,1.25,1)}50%{-webkit-transform:scale3d(1.15,.85,1);transform:scale3d(1.15,.85,1)}65%{-webkit-transform:scale3d(.95,1.05,1);transform:scale3d(.95,1.05,1)}75%{-webkit-transform:scale3d(1.05,.95,1);transform:scale3d(1.05,.95,1)}to{-webkit-transform:scaleX(1);transform:scaleX(1)}}.rubberBand{-webkit-animation-name:rubberBand;animation-name:rubberBand}@-webkit-keyframes shake{0%,to{-webkit-transform:translateZ(0);transform:translateZ(0)}10%,30%,50%,70%,90%{-webkit-transform:translate3d(-10px,0,0);transform:translate3d(-10px,0,0)}20%,40%,60%,80%{-webkit-transform:translate3d(10px,0,0);transform:translate3d(10px,0,0)}}@keyframes shake{0%,to{-webkit-transform:translateZ(0);transform:translateZ(0)}10%,30%,50%,70%,90%{-webkit-transform:translate3d(-10px,0,0);transform:translate3d(-10px,0,0)}20%,40%,60%,80%{-webkit-transform:translate3d(10px,0,0);transform:translate3d(10px,0,0)}}.shake{-webkit-animation-name:shake;animation-name:shake}@-webkit-keyframes headShake{0%{-webkit-transform:translateX(0);transform:translateX(0)}6.5%{-webkit-transform:translateX(-6px) rotateY(-9deg);transform:translateX(-6px) rotateY(-9deg)}18.5%{-webkit-transform:translateX(5px) rotateY(7deg);transform:translateX(5px) rotateY(7deg)}31.5%{-webkit-transform:translateX(-3px) rotateY(-5deg);transform:translateX(-3px) rotateY(-5deg)}43.5%{-webkit-transform:translateX(2px) rotateY(3deg);transform:translateX(2px) rotateY(3deg)}50%{-webkit-transform:translateX(0);transform:translateX(0)}}@keyframes headShake{0%{-webkit-transform:translateX(0);transform:translateX(0)}6.5%{-webkit-transform:translateX(-6px) rotateY(-9deg);transform:translateX(-6px) rotateY(-9deg)}18.5%{-webkit-transform:translateX(5px) rotateY(7deg);transform:translateX(5px) rotateY(7deg)}31.5%{-webkit-transform:translateX(-3px) rotateY(-5deg);transform:translateX(-3px) rotateY(-5deg)}43.5%{-webkit-transform:translateX(2px) rotateY(3deg);transform:translateX(2px) rotateY(3deg)}50%{-webkit-transform:translateX(0);transform:translateX(0)}}.headShake{-webkit-animation-timing-function:ease-in-out;animation-timing-function:ease-in-out;-webkit-animation-name:headShake;animation-name:headShake}@-webkit-keyframes swing{20%{-webkit-transform:rotate(15deg);transform:rotate(15deg)}40%{-webkit-transform:rotate(-10deg);transform:rotate(-10deg)}60%{-webkit-transform:rotate(5deg);transform:rotate(5deg)}80%{-webkit-transform:rotate(-5deg);transform:rotate(-5deg)}to{-webkit-transform:rotate(0deg);transform:rotate(0deg)}}@keyframes swing{20%{-webkit-transform:rotate(15deg);transform:rotate(15deg)}40%{-webkit-transform:rotate(-10deg);transform:rotate(-10deg)}60%{-webkit-transform:rotate(5deg);transform:rotate(5deg)}80%{-webkit-transform:rotate(-5deg);transform:rotate(-5deg)}to{-webkit-transform:rotate(0deg);transform:rotate(0deg)}}.swing{-webkit-transform-origin:top center;transform-origin:top center;-webkit-animation-name:swing;animation-name:swing}@-webkit-keyframes tada{0%{-webkit-transform:scaleX(1);transform:scaleX(1)}10%,20%{-webkit-transform:scale3d(.9,.9,.9) rotate(-3deg);transform:scale3d(.9,.9,.9) rotate(-3deg)}30%,50%,70%,90%{-webkit-transform:scale3d(1.1,1.1,1.1) rotate(3deg);transform:scale3d(1.1,1.1,1.1) rotate(3deg)}40%,60%,80%{-webkit-transform:scale3d(1.1,1.1,1.1) rotate(-3deg);transform:scale3d(1.1,1.1,1.1) rotate(-3deg)}to{-webkit-transform:scaleX(1);transform:scaleX(1)}}@keyframes tada{0%{-webkit-transform:scaleX(1);transform:scaleX(1)}10%,20%{-webkit-transform:scale3d(.9,.9,.9) rotate(-3deg);transform:scale3d(.9,.9,.9) rotate(-3deg)}30%,50%,70%,90%{-webkit-transform:scale3d(1.1,1.1,1.1) rotate(3deg);transform:scale3d(1.1,1.1,1.1) rotate(3deg)}40%,60%,80%{-webkit-transform:scale3d(1.1,1.1,1.1) rotate(-3deg);transform:scale3d(1.1,1.1,1.1) rotate(-3deg)}to{-webkit-transform:scaleX(1);transform:scaleX(1)}}.tada{-webkit-animation-name:tada;animation-name:tada}@-webkit-keyframes wobble{0%{-webkit-transform:translateZ(0);transform:translateZ(0)}15%{-webkit-transform:translate3d(-25%,0,0) rotate(-5deg);transform:translate3d(-25%,0,0) rotate(-5deg)}30%{-webkit-transform:translate3d(20%,0,0) rotate(3deg);transform:translate3d(20%,0,0) rotate(3deg)}45%{-webkit-transform:translate3d(-15%,0,0) rotate(-3deg);transform:translate3d(-15%,0,0) rotate(-3deg)}60%{-webkit-transform:translate3d(10%,0,0) rotate(2deg);transform:translate3d(10%,0,0) rotate(2deg)}75%{-webkit-transform:translate3d(-5%,0,0) rotate(-1deg);transform:translate3d(-5%,0,0) rotate(-1deg)}to{-webkit-transform:translateZ(0);transform:translateZ(0)}}@keyframes wobble{0%{-webkit-transform:translateZ(0);transform:translateZ(0)}15%{-webkit-transform:translate3d(-25%,0,0) rotate(-5deg);transform:translate3d(-25%,0,0) rotate(-5deg)}30%{-webkit-transform:translate3d(20%,0,0) rotate(3deg);transform:translate3d(20%,0,0) rotate(3deg)}45%{-webkit-transform:translate3d(-15%,0,0) rotate(-3deg);transform:translate3d(-15%,0,0) rotate(-3deg)}60%{-webkit-transform:translate3d(10%,0,0) rotate(2deg);transform:translate3d(10%,0,0) rotate(2deg)}75%{-webkit-transform:translate3d(-5%,0,0) rotate(-1deg);transform:translate3d(-5%,0,0) rotate(-1deg)}to{-webkit-transform:translateZ(0);transform:translateZ(0)}}.wobble{-webkit-animation-name:wobble;animation-name:wobble}@-webkit-keyframes jello{0%,11.1%,to{-webkit-transform:translateZ(0);transform:translateZ(0)}22.2%{-webkit-transform:skewX(-12.5deg) skewY(-12.5deg);transform:skewX(-12.5deg) skewY(-12.5deg)}33.3%{-webkit-transform:skewX(6.25deg) skewY(6.25deg);transform:skewX(6.25deg) skewY(6.25deg)}44.4%{-webkit-transform:skewX(-3.125deg) skewY(-3.125deg);transform:skewX(-3.125deg) skewY(-3.125deg)}55.5%{-webkit-transform:skewX(1.5625deg) skewY(1.5625deg);transform:skewX(1.5625deg) skewY(1.5625deg)}66.6%{-webkit-transform:skewX(-.78125deg) skewY(-.78125deg);transform:skewX(-.78125deg) skewY(-.78125deg)}77.7%{-webkit-transform:skewX(.390625deg) skewY(.390625deg);transform:skewX(.390625deg) skewY(.390625deg)}88.8%{-webkit-transform:skewX(-.1953125deg) skewY(-.1953125deg);transform:skewX(-.1953125deg) skewY(-.1953125deg)}}@keyframes jello{0%,11.1%,to{-webkit-transform:translateZ(0);transform:translateZ(0)}22.2%{-webkit-transform:skewX(-12.5deg) skewY(-12.5deg);transform:skewX(-12.5deg) skewY(-12.5deg)}33.3%{-webkit-transform:skewX(6.25deg) skewY(6.25deg);transform:skewX(6.25deg) skewY(6.25deg)}44.4%{-webkit-transform:skewX(-3.125deg) skewY(-3.125deg);transform:skewX(-3.125deg) skewY(-3.125deg)}55.5%{-webkit-transform:skewX(1.5625deg) skewY(1.5625deg);transform:skewX(1.5625deg) skewY(1.5625deg)}66.6%{-webkit-transform:skewX(-.78125deg) skewY(-.78125deg);transform:skewX(-.78125deg) skewY(-.78125deg)}77.7%{-webkit-transform:skewX(.390625deg) skewY(.390625deg);transform:skewX(.390625deg) skewY(.390625deg)}88.8%{-webkit-transform:skewX(-.1953125deg) skewY(-.1953125deg);transform:skewX(-.1953125deg) skewY(-.1953125deg)}}.jello{-webkit-animation-name:jello;animation-name:jello;-webkit-transform-origin:center;transform-origin:center}@-webkit-keyframes heartBeat{0%{-webkit-transform:scale(1);transform:scale(1)}14%{-webkit-transform:scale(1.3);transform:scale(1.3)}28%{-webkit-transform:scale(1);transform:scale(1)}42%{-webkit-transform:scale(1.3);transform:scale(1.3)}70%{-webkit-transform:scale(1);transform:scale(1)}}@keyframes heartBeat{0%{-webkit-transform:scale(1);transform:scale(1)}14%{-webkit-transform:scale(1.3);transform:scale(1.3)}28%{-webkit-transform:scale(1);transform:scale(1)}42%{-webkit-transform:scale(1.3);transform:scale(1.3)}70%{-webkit-transform:scale(1);transform:scale(1)}}.heartBeat{-webkit-animation-name:heartBeat;animation-name:heartBeat;-webkit-animation-duration:1.3s;animation-duration:1.3s;-webkit-animation-timing-function:ease-in-out;animation-timing-function:ease-in-out}@-webkit-keyframes bounceIn{0%,20%,40%,60%,80%,to{-webkit-animation-timing-function:cubic-bezier(.215,.61,.355,1);animation-timing-function:cubic-bezier(.215,.61,.355,1)}0%{opacity:0;-webkit-transform:scale3d(.3,.3,.3);transform:scale3d(.3,.3,.3)}20%{-webkit-transform:scale3d(1.1,1.1,1.1);transform:scale3d(1.1,1.1,1.1)}40%{-webkit-transform:scale3d(.9,.9,.9);transform:scale3d(.9,.9,.9)}60%{opacity:1;-webkit-transform:scale3d(1.03,1.03,1.03);transform:scale3d(1.03,1.03,1.03)}80%{-webkit-transform:scale3d(.97,.97,.97);transform:scale3d(.97,.97,.97)}to{opacity:1;-webkit-transform:scaleX(1);transform:scaleX(1)}}@keyframes bounceIn{0%,20%,40%,60%,80%,to{-webkit-animation-timing-function:cubic-bezier(.215,.61,.355,1);animation-timing-function:cubic-bezier(.215,.61,.355,1)}0%{opacity:0;-webkit-transform:scale3d(.3,.3,.3);transform:scale3d(.3,.3,.3)}20%{-webkit-transform:scale3d(1.1,1.1,1.1);transform:scale3d(1.1,1.1,1.1)}40%{-webkit-transform:scale3d(.9,.9,.9);transform:scale3d(.9,.9,.9)}60%{opacity:1;-webkit-transform:scale3d(1.03,1.03,1.03);transform:scale3d(1.03,1.03,1.03)}80%{-webkit-transform:scale3d(.97,.97,.97);transform:scale3d(.97,.97,.97)}to{opacity:1;-webkit-transform:scaleX(1);transform:scaleX(1)}}.bounceIn{-webkit-animation-duration:.75s;animation-duration:.75s;-webkit-animation-name:bounceIn;animation-name:bounceIn}@-webkit-keyframes bounceInDown{0%,60%,75%,90%,to{-webkit-animation-timing-function:cubic-bezier(.215,.61,.355,1);animation-timing-function:cubic-bezier(.215,.61,.355,1)}0%{opacity:0;-webkit-transform:translate3d(0,-3000px,0);transform:translate3d(0,-3000px,0)}60%{opacity:1;-webkit-transform:translate3d(0,25px,0);transform:translate3d(0,25px,0)}75%{-webkit-transform:translate3d(0,-10px,0);transform:translate3d(0,-10px,0)}90%{-webkit-transform:translate3d(0,5px,0);transform:translate3d(0,5px,0)}to{-webkit-transform:translateZ(0);transform:translateZ(0)}}@keyframes bounceInDown{0%,60%,75%,90%,to{-webkit-animation-timing-function:cubic-bezier(.215,.61,.355,1);animation-timing-function:cubic-bezier(.215,.61,.355,1)}0%{opacity:0;-webkit-transform:translate3d(0,-3000px,0);transform:translate3d(0,-3000px,0)}60%{opacity:1;-webkit-transform:translate3d(0,25px,0);transform:translate3d(0,25px,0)}75%{-webkit-transform:translate3d(0,-10px,0);transform:translate3d(0,-10px,0)}90%{-webkit-transform:translate3d(0,5px,0);transform:translate3d(0,5px,0)}to{-webkit-transform:translateZ(0);transform:translateZ(0)}}.bounceInDown{-webkit-animation-name:bounceInDown;animation-name:bounceInDown}@-webkit-keyframes bounceInLeft{0%,60%,75%,90%,to{-webkit-animation-timing-function:cubic-bezier(.215,.61,.355,1);animation-timing-function:cubic-bezier(.215,.61,.355,1)}0%{opacity:0;-webkit-transform:translate3d(-3000px,0,0);transform:translate3d(-3000px,0,0)}60%{opacity:1;-webkit-transform:translate3d(25px,0,0);transform:translate3d(25px,0,0)}75%{-webkit-transform:translate3d(-10px,0,0);transform:translate3d(-10px,0,0)}90%{-webkit-transform:translate3d(5px,0,0);transform:translate3d(5px,0,0)}to{-webkit-transform:translateZ(0);transform:translateZ(0)}}@keyframes bounceInLeft{0%,60%,75%,90%,to{-webkit-animation-timing-function:cubic-bezier(.215,.61,.355,1);animation-timing-function:cubic-bezier(.215,.61,.355,1)}0%{opacity:0;-webkit-transform:translate3d(-3000px,0,0);transform:translate3d(-3000px,0,0)}60%{opacity:1;-webkit-transform:translate3d(25px,0,0);transform:translate3d(25px,0,0)}75%{-webkit-transform:translate3d(-10px,0,0);transform:translate3d(-10px,0,0)}90%{-webkit-transform:translate3d(5px,0,0);transform:translate3d(5px,0,0)}to{-webkit-transform:translateZ(0);transform:translateZ(0)}}.bounceInLeft{-webkit-animation-name:bounceInLeft;animation-name:bounceInLeft}@-webkit-keyframes bounceInRight{0%,60%,75%,90%,to{-webkit-animation-timing-function:cubic-bezier(.215,.61,.355,1);animation-timing-function:cubic-bezier(.215,.61,.355,1)}0%{opacity:0;-webkit-transform:translate3d(3000px,0,0);transform:translate3d(3000px,0,0)}60%{opacity:1;-webkit-transform:translate3d(-25px,0,0);transform:translate3d(-25px,0,0)}75%{-webkit-transform:translate3d(10px,0,0);transform:translate3d(10px,0,0)}90%{-webkit-transform:translate3d(-5px,0,0);transform:translate3d(-5px,0,0)}to{-webkit-transform:translateZ(0);transform:translateZ(0)}}@keyframes bounceInRight{0%,60%,75%,90%,to{-webkit-animation-timing-function:cubic-bezier(.215,.61,.355,1);animation-timing-function:cubic-bezier(.215,.61,.355,1)}0%{opacity:0;-webkit-transform:translate3d(3000px,0,0);transform:translate3d(3000px,0,0)}60%{opacity:1;-webkit-transform:translate3d(-25px,0,0);transform:translate3d(-25px,0,0)}75%{-webkit-transform:translate3d(10px,0,0);transform:translate3d(10px,0,0)}90%{-webkit-transform:translate3d(-5px,0,0);transform:translate3d(-5px,0,0)}to{-webkit-transform:translateZ(0);transform:translateZ(0)}}.bounceInRight{-webkit-animation-name:bounceInRight;animation-name:bounceInRight}@-webkit-keyframes bounceInUp{0%,60%,75%,90%,to{-webkit-animation-timing-function:cubic-bezier(.215,.61,.355,1);animation-timing-function:cubic-bezier(.215,.61,.355,1)}0%{opacity:0;-webkit-transform:translate3d(0,3000px,0);transform:translate3d(0,3000px,0)}60%{opacity:1;-webkit-transform:translate3d(0,-20px,0);transform:translate3d(0,-20px,0)}75%{-webkit-transform:translate3d(0,10px,0);transform:translate3d(0,10px,0)}90%{-webkit-transform:translate3d(0,-5px,0);transform:translate3d(0,-5px,0)}to{-webkit-transform:translateZ(0);transform:translateZ(0)}}@keyframes bounceInUp{0%,60%,75%,90%,to{-webkit-animation-timing-function:cubic-bezier(.215,.61,.355,1);animation-timing-function:cubic-bezier(.215,.61,.355,1)}0%{opacity:0;-webkit-transform:translate3d(0,3000px,0);transform:translate3d(0,3000px,0)}60%{opacity:1;-webkit-transform:translate3d(0,-20px,0);transform:translate3d(0,-20px,0)}75%{-webkit-transform:translate3d(0,10px,0);transform:translate3d(0,10px,0)}90%{-webkit-transform:translate3d(0,-5px,0);transform:translate3d(0,-5px,0)}to{-webkit-transform:translateZ(0);transform:translateZ(0)}}.bounceInUp{-webkit-animation-name:bounceInUp;animation-name:bounceInUp}@-webkit-keyframes bounceOut{20%{-webkit-transform:scale3d(.9,.9,.9);transform:scale3d(.9,.9,.9)}50%,55%{opacity:1;-webkit-transform:scale3d(1.1,1.1,1.1);transform:scale3d(1.1,1.1,1.1)}to{opacity:0;-webkit-transform:scale3d(.3,.3,.3);transform:scale3d(.3,.3,.3)}}@keyframes bounceOut{20%{-webkit-transform:scale3d(.9,.9,.9);transform:scale3d(.9,.9,.9)}50%,55%{opacity:1;-webkit-transform:scale3d(1.1,1.1,1.1);transform:scale3d(1.1,1.1,1.1)}to{opacity:0;-webkit-transform:scale3d(.3,.3,.3);transform:scale3d(.3,.3,.3)}}.bounceOut{-webkit-animation-duration:.75s;animation-duration:.75s;-webkit-animation-name:bounceOut;animation-name:bounceOut}@-webkit-keyframes bounceOutDown{20%{-webkit-transform:translate3d(0,10px,0);transform:translate3d(0,10px,0)}40%,45%{opacity:1;-webkit-transform:translate3d(0,-20px,0);transform:translate3d(0,-20px,0)}to{opacity:0;-webkit-transform:translate3d(0,2000px,0);transform:translate3d(0,2000px,0)}}@keyframes bounceOutDown{20%{-webkit-transform:translate3d(0,10px,0);transform:translate3d(0,10px,0)}40%,45%{opacity:1;-webkit-transform:translate3d(0,-20px,0);transform:translate3d(0,-20px,0)}to{opacity:0;-webkit-transform:translate3d(0,2000px,0);transform:translate3d(0,2000px,0)}}.bounceOutDown{-webkit-animation-name:bounceOutDown;animation-name:bounceOutDown}@-webkit-keyframes bounceOutLeft{20%{opacity:1;-webkit-transform:translate3d(20px,0,0);transform:translate3d(20px,0,0)}to{opacity:0;-webkit-transform:translate3d(-2000px,0,0);transform:translate3d(-2000px,0,0)}}@keyframes bounceOutLeft{20%{opacity:1;-webkit-transform:translate3d(20px,0,0);transform:translate3d(20px,0,0)}to{opacity:0;-webkit-transform:translate3d(-2000px,0,0);transform:translate3d(-2000px,0,0)}}.bounceOutLeft{-webkit-animation-name:bounceOutLeft;animation-name:bounceOutLeft}@-webkit-keyframes bounceOutRight{20%{opacity:1;-webkit-transform:translate3d(-20px,0,0);transform:translate3d(-20px,0,0)}to{opacity:0;-webkit-transform:translate3d(2000px,0,0);transform:translate3d(2000px,0,0)}}@keyframes bounceOutRight{20%{opacity:1;-webkit-transform:translate3d(-20px,0,0);transform:translate3d(-20px,0,0)}to{opacity:0;-webkit-transform:translate3d(2000px,0,0);transform:translate3d(2000px,0,0)}}.bounceOutRight{-webkit-animation-name:bounceOutRight;animation-name:bounceOutRight}@-webkit-keyframes bounceOutUp{20%{-webkit-transform:translate3d(0,-10px,0);transform:translate3d(0,-10px,0)}40%,45%{opacity:1;-webkit-transform:translate3d(0,20px,0);transform:translate3d(0,20px,0)}to{opacity:0;-webkit-transform:translate3d(0,-2000px,0);transform:translate3d(0,-2000px,0)}}@keyframes bounceOutUp{20%{-webkit-transform:translate3d(0,-10px,0);transform:translate3d(0,-10px,0)}40%,45%{opacity:1;-webkit-transform:translate3d(0,20px,0);transform:translate3d(0,20px,0)}to{opacity:0;-webkit-transform:translate3d(0,-2000px,0);transform:translate3d(0,-2000px,0)}}.bounceOutUp{-webkit-animation-name:bounceOutUp;animation-name:bounceOutUp}@-webkit-keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.fadeIn{-webkit-animation-name:fadeIn;animation-name:fadeIn}@-webkit-keyframes fadeInDown{0%{opacity:0;-webkit-transform:translate3d(0,-100%,0);transform:translate3d(0,-100%,0)}to{opacity:1;-webkit-transform:translateZ(0);transform:translateZ(0)}}@keyframes fadeInDown{0%{opacity:0;-webkit-transform:translate3d(0,-100%,0);transform:translate3d(0,-100%,0)}to{opacity:1;-webkit-transform:translateZ(0);transform:translateZ(0)}}.fadeInDown{-webkit-animation-name:fadeInDown;animation-name:fadeInDown}@-webkit-keyframes fadeInDownBig{0%{opacity:0;-webkit-transform:translate3d(0,-2000px,0);transform:translate3d(0,-2000px,0)}to{opacity:1;-webkit-transform:translateZ(0);transform:translateZ(0)}}@keyframes fadeInDownBig{0%{opacity:0;-webkit-transform:translate3d(0,-2000px,0);transform:translate3d(0,-2000px,0)}to{opacity:1;-webkit-transform:translateZ(0);transform:translateZ(0)}}.fadeInDownBig{-webkit-animation-name:fadeInDownBig;animation-name:fadeInDownBig}@-webkit-keyframes fadeInLeft{0%{opacity:0;-webkit-transform:translate3d(-100%,0,0);transform:translate3d(-100%,0,0)}to{opacity:1;-webkit-transform:translateZ(0);transform:translateZ(0)}}@keyframes fadeInLeft{0%{opacity:0;-webkit-transform:translate3d(-100%,0,0);transform:translate3d(-100%,0,0)}to{opacity:1;-webkit-transform:translateZ(0);transform:translateZ(0)}}.fadeInLeft{-webkit-animation-name:fadeInLeft;animation-name:fadeInLeft}@-webkit-keyframes fadeInLeftBig{0%{opacity:0;-webkit-transform:translate3d(-2000px,0,0);transform:translate3d(-2000px,0,0)}to{opacity:1;-webkit-transform:translateZ(0);transform:translateZ(0)}}@keyframes fadeInLeftBig{0%{opacity:0;-webkit-transform:translate3d(-2000px,0,0);transform:translate3d(-2000px,0,0)}to{opacity:1;-webkit-transform:translateZ(0);transform:translateZ(0)}}.fadeInLeftBig{-webkit-animation-name:fadeInLeftBig;animation-name:fadeInLeftBig}@-webkit-keyframes fadeInRight{0%{opacity:0;-webkit-transform:translate3d(100%,0,0);transform:translate3d(100%,0,0)}to{opacity:1;-webkit-transform:translateZ(0);transform:translateZ(0)}}@keyframes fadeInRight{0%{opacity:0;-webkit-transform:translate3d(100%,0,0);transform:translate3d(100%,0,0)}to{opacity:1;-webkit-transform:translateZ(0);transform:translateZ(0)}}.fadeInRight{-webkit-animation-name:fadeInRight;animation-name:fadeInRight}@-webkit-keyframes fadeInRightBig{0%{opacity:0;-webkit-transform:translate3d(2000px,0,0);transform:translate3d(2000px,0,0)}to{opacity:1;-webkit-transform:translateZ(0);transform:translateZ(0)}}@keyframes fadeInRightBig{0%{opacity:0;-webkit-transform:translate3d(2000px,0,0);transform:translate3d(2000px,0,0)}to{opacity:1;-webkit-transform:translateZ(0);transform:translateZ(0)}}.fadeInRightBig{-webkit-animation-name:fadeInRightBig;animation-name:fadeInRightBig}@-webkit-keyframes fadeInUp{0%{opacity:0;-webkit-transform:translate3d(0,100%,0);transform:translate3d(0,100%,0)}to{opacity:1;-webkit-transform:translateZ(0);transform:translateZ(0)}}@keyframes fadeInUp{0%{opacity:0;-webkit-transform:translate3d(0,100%,0);transform:translate3d(0,100%,0)}to{opacity:1;-webkit-transform:translateZ(0);transform:translateZ(0)}}.fadeInUp{-webkit-animation-name:fadeInUp;animation-name:fadeInUp}@-webkit-keyframes fadeInUpBig{0%{opacity:0;-webkit-transform:translate3d(0,2000px,0);transform:translate3d(0,2000px,0)}to{opacity:1;-webkit-transform:translateZ(0);transform:translateZ(0)}}@keyframes fadeInUpBig{0%{opacity:0;-webkit-transform:translate3d(0,2000px,0);transform:translate3d(0,2000px,0)}to{opacity:1;-webkit-transform:translateZ(0);transform:translateZ(0)}}.fadeInUpBig{-webkit-animation-name:fadeInUpBig;animation-name:fadeInUpBig}@-webkit-keyframes fadeOut{0%{opacity:1}to{opacity:0}}@keyframes fadeOut{0%{opacity:1}to{opacity:0}}.fadeOut{-webkit-animation-name:fadeOut;animation-name:fadeOut}@-webkit-keyframes fadeOutDown{0%{opacity:1}to{opacity:0;-webkit-transform:translate3d(0,100%,0);transform:translate3d(0,100%,0)}}@keyframes fadeOutDown{0%{opacity:1}to{opacity:0;-webkit-transform:translate3d(0,100%,0);transform:translate3d(0,100%,0)}}.fadeOutDown{-webkit-animation-name:fadeOutDown;animation-name:fadeOutDown}@-webkit-keyframes fadeOutDownBig{0%{opacity:1}to{opacity:0;-webkit-transform:translate3d(0,2000px,0);transform:translate3d(0,2000px,0)}}@keyframes fadeOutDownBig{0%{opacity:1}to{opacity:0;-webkit-transform:translate3d(0,2000px,0);transform:translate3d(0,2000px,0)}}.fadeOutDownBig{-webkit-animation-name:fadeOutDownBig;animation-name:fadeOutDownBig}@-webkit-keyframes fadeOutLeft{0%{opacity:1}to{opacity:0;-webkit-transform:translate3d(-100%,0,0);transform:translate3d(-100%,0,0)}}@keyframes fadeOutLeft{0%{opacity:1}to{opacity:0;-webkit-transform:translate3d(-100%,0,0);transform:translate3d(-100%,0,0)}}.fadeOutLeft{-webkit-animation-name:fadeOutLeft;animation-name:fadeOutLeft}@-webkit-keyframes fadeOutLeftBig{0%{opacity:1}to{opacity:0;-webkit-transform:translate3d(-2000px,0,0);transform:translate3d(-2000px,0,0)}}@keyframes fadeOutLeftBig{0%{opacity:1}to{opacity:0;-webkit-transform:translate3d(-2000px,0,0);transform:translate3d(-2000px,0,0)}}.fadeOutLeftBig{-webkit-animation-name:fadeOutLeftBig;animation-name:fadeOutLeftBig}@-webkit-keyframes fadeOutRight{0%{opacity:1}to{opacity:0;-webkit-transform:translate3d(100%,0,0);transform:translate3d(100%,0,0)}}@keyframes fadeOutRight{0%{opacity:1}to{opacity:0;-webkit-transform:translate3d(100%,0,0);transform:translate3d(100%,0,0)}}.fadeOutRight{-webkit-animation-name:fadeOutRight;animation-name:fadeOutRight}@-webkit-keyframes fadeOutRightBig{0%{opacity:1}to{opacity:0;-webkit-transform:translate3d(2000px,0,0);transform:translate3d(2000px,0,0)}}@keyframes fadeOutRightBig{0%{opacity:1}to{opacity:0;-webkit-transform:translate3d(2000px,0,0);transform:translate3d(2000px,0,0)}}.fadeOutRightBig{-webkit-animation-name:fadeOutRightBig;animation-name:fadeOutRightBig}@-webkit-keyframes fadeOutUp{0%{opacity:1}to{opacity:0;-webkit-transform:translate3d(0,-100%,0);transform:translate3d(0,-100%,0)}}@keyframes fadeOutUp{0%{opacity:1}to{opacity:0;-webkit-transform:translate3d(0,-100%,0);transform:translate3d(0,-100%,0)}}.fadeOutUp{-webkit-animation-name:fadeOutUp;animation-name:fadeOutUp}@-webkit-keyframes fadeOutUpBig{0%{opacity:1}to{opacity:0;-webkit-transform:translate3d(0,-2000px,0);transform:translate3d(0,-2000px,0)}}@keyframes fadeOutUpBig{0%{opacity:1}to{opacity:0;-webkit-transform:translate3d(0,-2000px,0);transform:translate3d(0,-2000px,0)}}.fadeOutUpBig{-webkit-animation-name:fadeOutUpBig;animation-name:fadeOutUpBig}@-webkit-keyframes flip{0%{-webkit-transform:perspective(400px) scaleX(1) translateZ(0) rotateY(-1turn);transform:perspective(400px) scaleX(1) translateZ(0) rotateY(-1turn);-webkit-animation-timing-function:ease-out;animation-timing-function:ease-out}40%{-webkit-transform:perspective(400px) scaleX(1) translateZ(150px) rotateY(-190deg);transform:perspective(400px) scaleX(1) translateZ(150px) rotateY(-190deg);-webkit-animation-timing-function:ease-out;animation-timing-function:ease-out}50%{-webkit-transform:perspective(400px) scaleX(1) translateZ(150px) rotateY(-170deg);transform:perspective(400px) scaleX(1) translateZ(150px) rotateY(-170deg);-webkit-animation-timing-function:ease-in;animation-timing-function:ease-in}80%{-webkit-transform:perspective(400px) scale3d(.95,.95,.95) translateZ(0) rotateY(0deg);transform:perspective(400px) scale3d(.95,.95,.95) translateZ(0) rotateY(0deg);-webkit-animation-timing-function:ease-in;animation-timing-function:ease-in}to{-webkit-transform:perspective(400px) scaleX(1) translateZ(0) rotateY(0deg);transform:perspective(400px) scaleX(1) translateZ(0) rotateY(0deg);-webkit-animation-timing-function:ease-in;animation-timing-function:ease-in}}@keyframes flip{0%{-webkit-transform:perspective(400px) scaleX(1) translateZ(0) rotateY(-1turn);transform:perspective(400px) scaleX(1) translateZ(0) rotateY(-1turn);-webkit-animation-timing-function:ease-out;animation-timing-function:ease-out}40%{-webkit-transform:perspective(400px) scaleX(1) translateZ(150px) rotateY(-190deg);transform:perspective(400px) scaleX(1) translateZ(150px) rotateY(-190deg);-webkit-animation-timing-function:ease-out;animation-timing-function:ease-out}50%{-webkit-transform:perspective(400px) scaleX(1) translateZ(150px) rotateY(-170deg);transform:perspective(400px) scaleX(1) translateZ(150px) rotateY(-170deg);-webkit-animation-timing-function:ease-in;animation-timing-function:ease-in}80%{-webkit-transform:perspective(400px) scale3d(.95,.95,.95) translateZ(0) rotateY(0deg);transform:perspective(400px) scale3d(.95,.95,.95) translateZ(0) rotateY(0deg);-webkit-animation-timing-function:ease-in;animation-timing-function:ease-in}to{-webkit-transform:perspective(400px) scaleX(1) translateZ(0) rotateY(0deg);transform:perspective(400px) scaleX(1) translateZ(0) rotateY(0deg);-webkit-animation-timing-function:ease-in;animation-timing-function:ease-in}}.animated.flip{-webkit-backface-visibility:visible;backface-visibility:visible;-webkit-animation-name:flip;animation-name:flip}@-webkit-keyframes flipInX{0%{-webkit-transform:perspective(400px) rotateX(90deg);transform:perspective(400px) rotateX(90deg);-webkit-animation-timing-function:ease-in;animation-timing-function:ease-in;opacity:0}40%{-webkit-transform:perspective(400px) rotateX(-20deg);transform:perspective(400px) rotateX(-20deg);-webkit-animation-timing-function:ease-in;animation-timing-function:ease-in}60%{-webkit-transform:perspective(400px) rotateX(10deg);transform:perspective(400px) rotateX(10deg);opacity:1}80%{-webkit-transform:perspective(400px) rotateX(-5deg);transform:perspective(400px) rotateX(-5deg)}to{-webkit-transform:perspective(400px);transform:perspective(400px)}}@keyframes flipInX{0%{-webkit-transform:perspective(400px) rotateX(90deg);transform:perspective(400px) rotateX(90deg);-webkit-animation-timing-function:ease-in;animation-timing-function:ease-in;opacity:0}40%{-webkit-transform:perspective(400px) rotateX(-20deg);transform:perspective(400px) rotateX(-20deg);-webkit-animation-timing-function:ease-in;animation-timing-function:ease-in}60%{-webkit-transform:perspective(400px) rotateX(10deg);transform:perspective(400px) rotateX(10deg);opacity:1}80%{-webkit-transform:perspective(400px) rotateX(-5deg);transform:perspective(400px) rotateX(-5deg)}to{-webkit-transform:perspective(400px);transform:perspective(400px)}}.flipInX{-webkit-backface-visibility:visible!important;backface-visibility:visible!important;-webkit-animation-name:flipInX;animation-name:flipInX}@-webkit-keyframes flipInY{0%{-webkit-transform:perspective(400px) rotateY(90deg);transform:perspective(400px) rotateY(90deg);-webkit-animation-timing-function:ease-in;animation-timing-function:ease-in;opacity:0}40%{-webkit-transform:perspective(400px) rotateY(-20deg);transform:perspective(400px) rotateY(-20deg);-webkit-animation-timing-function:ease-in;animation-timing-function:ease-in}60%{-webkit-transform:perspective(400px) rotateY(10deg);transform:perspective(400px) rotateY(10deg);opacity:1}80%{-webkit-transform:perspective(400px) rotateY(-5deg);transform:perspective(400px) rotateY(-5deg)}to{-webkit-transform:perspective(400px);transform:perspective(400px)}}@keyframes flipInY{0%{-webkit-transform:perspective(400px) rotateY(90deg);transform:perspective(400px) rotateY(90deg);-webkit-animation-timing-function:ease-in;animation-timing-function:ease-in;opacity:0}40%{-webkit-transform:perspective(400px) rotateY(-20deg);transform:perspective(400px) rotateY(-20deg);-webkit-animation-timing-function:ease-in;animation-timing-function:ease-in}60%{-webkit-transform:perspective(400px) rotateY(10deg);transform:perspective(400px) rotateY(10deg);opacity:1}80%{-webkit-transform:perspective(400px) rotateY(-5deg);transform:perspective(400px) rotateY(-5deg)}to{-webkit-transform:perspective(400px);transform:perspective(400px)}}.flipInY{-webkit-backface-visibility:visible!important;backface-visibility:visible!important;-webkit-animation-name:flipInY;animation-name:flipInY}@-webkit-keyframes flipOutX{0%{-webkit-transform:perspective(400px);transform:perspective(400px)}30%{-webkit-transform:perspective(400px) rotateX(-20deg);transform:perspective(400px) rotateX(-20deg);opacity:1}to{-webkit-transform:perspective(400px) rotateX(90deg);transform:perspective(400px) rotateX(90deg);opacity:0}}@keyframes flipOutX{0%{-webkit-transform:perspective(400px);transform:perspective(400px)}30%{-webkit-transform:perspective(400px) rotateX(-20deg);transform:perspective(400px) rotateX(-20deg);opacity:1}to{-webkit-transform:perspective(400px) rotateX(90deg);transform:perspective(400px) rotateX(90deg);opacity:0}}.flipOutX{-webkit-animation-duration:.75s;animation-duration:.75s;-webkit-animation-name:flipOutX;animation-name:flipOutX;-webkit-backface-visibility:visible!important;backface-visibility:visible!important}@-webkit-keyframes flipOutY{0%{-webkit-transform:perspective(400px);transform:perspective(400px)}30%{-webkit-transform:perspective(400px) rotateY(-15deg);transform:perspective(400px) rotateY(-15deg);opacity:1}to{-webkit-transform:perspective(400px) rotateY(90deg);transform:perspective(400px) rotateY(90deg);opacity:0}}@keyframes flipOutY{0%{-webkit-transform:perspective(400px);transform:perspective(400px)}30%{-webkit-transform:perspective(400px) rotateY(-15deg);transform:perspective(400px) rotateY(-15deg);opacity:1}to{-webkit-transform:perspective(400px) rotateY(90deg);transform:perspective(400px) rotateY(90deg);opacity:0}}.flipOutY{-webkit-animation-duration:.75s;animation-duration:.75s;-webkit-backface-visibility:visible!important;backface-visibility:visible!important;-webkit-animation-name:flipOutY;animation-name:flipOutY}@-webkit-keyframes lightSpeedIn{0%{-webkit-transform:translate3d(100%,0,0) skewX(-30deg);transform:translate3d(100%,0,0) skewX(-30deg);opacity:0}60%{-webkit-transform:skewX(20deg);transform:skewX(20deg);opacity:1}80%{-webkit-transform:skewX(-5deg);transform:skewX(-5deg)}to{-webkit-transform:translateZ(0);transform:translateZ(0)}}@keyframes lightSpeedIn{0%{-webkit-transform:translate3d(100%,0,0) skewX(-30deg);transform:translate3d(100%,0,0) skewX(-30deg);opacity:0}60%{-webkit-transform:skewX(20deg);transform:skewX(20deg);opacity:1}80%{-webkit-transform:skewX(-5deg);transform:skewX(-5deg)}to{-webkit-transform:translateZ(0);transform:translateZ(0)}}.lightSpeedIn{-webkit-animation-name:lightSpeedIn;animation-name:lightSpeedIn;-webkit-animation-timing-function:ease-out;animation-timing-function:ease-out}@-webkit-keyframes lightSpeedOut{0%{opacity:1}to{-webkit-transform:translate3d(100%,0,0) skewX(30deg);transform:translate3d(100%,0,0) skewX(30deg);opacity:0}}@keyframes lightSpeedOut{0%{opacity:1}to{-webkit-transform:translate3d(100%,0,0) skewX(30deg);transform:translate3d(100%,0,0) skewX(30deg);opacity:0}}.lightSpeedOut{-webkit-animation-name:lightSpeedOut;animation-name:lightSpeedOut;-webkit-animation-timing-function:ease-in;animation-timing-function:ease-in}@-webkit-keyframes rotateIn{0%{-webkit-transform-origin:center;transform-origin:center;-webkit-transform:rotate(-200deg);transform:rotate(-200deg);opacity:0}to{-webkit-transform-origin:center;transform-origin:center;-webkit-transform:translateZ(0);transform:translateZ(0);opacity:1}}@keyframes rotateIn{0%{-webkit-transform-origin:center;transform-origin:center;-webkit-transform:rotate(-200deg);transform:rotate(-200deg);opacity:0}to{-webkit-transform-origin:center;transform-origin:center;-webkit-transform:translateZ(0);transform:translateZ(0);opacity:1}}.rotateIn{-webkit-animation-name:rotateIn;animation-name:rotateIn}@-webkit-keyframes rotateInDownLeft{0%{-webkit-transform-origin:left bottom;transform-origin:left bottom;-webkit-transform:rotate(-45deg);transform:rotate(-45deg);opacity:0}to{-webkit-transform-origin:left bottom;transform-origin:left bottom;-webkit-transform:translateZ(0);transform:translateZ(0);opacity:1}}@keyframes rotateInDownLeft{0%{-webkit-transform-origin:left bottom;transform-origin:left bottom;-webkit-transform:rotate(-45deg);transform:rotate(-45deg);opacity:0}to{-webkit-transform-origin:left bottom;transform-origin:left bottom;-webkit-transform:translateZ(0);transform:translateZ(0);opacity:1}}.rotateInDownLeft{-webkit-animation-name:rotateInDownLeft;animation-name:rotateInDownLeft}@-webkit-keyframes rotateInDownRight{0%{-webkit-transform-origin:right bottom;transform-origin:right bottom;-webkit-transform:rotate(45deg);transform:rotate(45deg);opacity:0}to{-webkit-transform-origin:right bottom;transform-origin:right bottom;-webkit-transform:translateZ(0);transform:translateZ(0);opacity:1}}@keyframes rotateInDownRight{0%{-webkit-transform-origin:right bottom;transform-origin:right bottom;-webkit-transform:rotate(45deg);transform:rotate(45deg);opacity:0}to{-webkit-transform-origin:right bottom;transform-origin:right bottom;-webkit-transform:translateZ(0);transform:translateZ(0);opacity:1}}.rotateInDownRight{-webkit-animation-name:rotateInDownRight;animation-name:rotateInDownRight}@-webkit-keyframes rotateInUpLeft{0%{-webkit-transform-origin:left bottom;transform-origin:left bottom;-webkit-transform:rotate(45deg);transform:rotate(45deg);opacity:0}to{-webkit-transform-origin:left bottom;transform-origin:left bottom;-webkit-transform:translateZ(0);transform:translateZ(0);opacity:1}}@keyframes rotateInUpLeft{0%{-webkit-transform-origin:left bottom;transform-origin:left bottom;-webkit-transform:rotate(45deg);transform:rotate(45deg);opacity:0}to{-webkit-transform-origin:left bottom;transform-origin:left bottom;-webkit-transform:translateZ(0);transform:translateZ(0);opacity:1}}.rotateInUpLeft{-webkit-animation-name:rotateInUpLeft;animation-name:rotateInUpLeft}@-webkit-keyframes rotateInUpRight{0%{-webkit-transform-origin:right bottom;transform-origin:right bottom;-webkit-transform:rotate(-90deg);transform:rotate(-90deg);opacity:0}to{-webkit-transform-origin:right bottom;transform-origin:right bottom;-webkit-transform:translateZ(0);transform:translateZ(0);opacity:1}}@keyframes rotateInUpRight{0%{-webkit-transform-origin:right bottom;transform-origin:right bottom;-webkit-transform:rotate(-90deg);transform:rotate(-90deg);opacity:0}to{-webkit-transform-origin:right bottom;transform-origin:right bottom;-webkit-transform:translateZ(0);transform:translateZ(0);opacity:1}}.rotateInUpRight{-webkit-animation-name:rotateInUpRight;animation-name:rotateInUpRight}@-webkit-keyframes rotateOut{0%{-webkit-transform-origin:center;transform-origin:center;opacity:1}to{-webkit-transform-origin:center;transform-origin:center;-webkit-transform:rotate(200deg);transform:rotate(200deg);opacity:0}}@keyframes rotateOut{0%{-webkit-transform-origin:center;transform-origin:center;opacity:1}to{-webkit-transform-origin:center;transform-origin:center;-webkit-transform:rotate(200deg);transform:rotate(200deg);opacity:0}}.rotateOut{-webkit-animation-name:rotateOut;animation-name:rotateOut}@-webkit-keyframes rotateOutDownLeft{0%{-webkit-transform-origin:left bottom;transform-origin:left bottom;opacity:1}to{-webkit-transform-origin:left bottom;transform-origin:left bottom;-webkit-transform:rotate(45deg);transform:rotate(45deg);opacity:0}}@keyframes rotateOutDownLeft{0%{-webkit-transform-origin:left bottom;transform-origin:left bottom;opacity:1}to{-webkit-transform-origin:left bottom;transform-origin:left bottom;-webkit-transform:rotate(45deg);transform:rotate(45deg);opacity:0}}.rotateOutDownLeft{-webkit-animation-name:rotateOutDownLeft;animation-name:rotateOutDownLeft}@-webkit-keyframes rotateOutDownRight{0%{-webkit-transform-origin:right bottom;transform-origin:right bottom;opacity:1}to{-webkit-transform-origin:right bottom;transform-origin:right bottom;-webkit-transform:rotate(-45deg);transform:rotate(-45deg);opacity:0}}@keyframes rotateOutDownRight{0%{-webkit-transform-origin:right bottom;transform-origin:right bottom;opacity:1}to{-webkit-transform-origin:right bottom;transform-origin:right bottom;-webkit-transform:rotate(-45deg);transform:rotate(-45deg);opacity:0}}.rotateOutDownRight{-webkit-animation-name:rotateOutDownRight;animation-name:rotateOutDownRight}@-webkit-keyframes rotateOutUpLeft{0%{-webkit-transform-origin:left bottom;transform-origin:left bottom;opacity:1}to{-webkit-transform-origin:left bottom;transform-origin:left bottom;-webkit-transform:rotate(-45deg);transform:rotate(-45deg);opacity:0}}@keyframes rotateOutUpLeft{0%{-webkit-transform-origin:left bottom;transform-origin:left bottom;opacity:1}to{-webkit-transform-origin:left bottom;transform-origin:left bottom;-webkit-transform:rotate(-45deg);transform:rotate(-45deg);opacity:0}}.rotateOutUpLeft{-webkit-animation-name:rotateOutUpLeft;animation-name:rotateOutUpLeft}@-webkit-keyframes rotateOutUpRight{0%{-webkit-transform-origin:right bottom;transform-origin:right bottom;opacity:1}to{-webkit-transform-origin:right bottom;transform-origin:right bottom;-webkit-transform:rotate(90deg);transform:rotate(90deg);opacity:0}}@keyframes rotateOutUpRight{0%{-webkit-transform-origin:right bottom;transform-origin:right bottom;opacity:1}to{-webkit-transform-origin:right bottom;transform-origin:right bottom;-webkit-transform:rotate(90deg);transform:rotate(90deg);opacity:0}}.rotateOutUpRight{-webkit-animation-name:rotateOutUpRight;animation-name:rotateOutUpRight}@-webkit-keyframes hinge{0%{-webkit-transform-origin:top left;transform-origin:top left;-webkit-animation-timing-function:ease-in-out;animation-timing-function:ease-in-out}20%,60%{-webkit-transform:rotate(80deg);transform:rotate(80deg);-webkit-transform-origin:top left;transform-origin:top left;-webkit-animation-timing-function:ease-in-out;animation-timing-function:ease-in-out}40%,80%{-webkit-transform:rotate(60deg);transform:rotate(60deg);-webkit-transform-origin:top left;transform-origin:top left;-webkit-animation-timing-function:ease-in-out;animation-timing-function:ease-in-out;opacity:1}to{-webkit-transform:translate3d(0,700px,0);transform:translate3d(0,700px,0);opacity:0}}@keyframes hinge{0%{-webkit-transform-origin:top left;transform-origin:top left;-webkit-animation-timing-function:ease-in-out;animation-timing-function:ease-in-out}20%,60%{-webkit-transform:rotate(80deg);transform:rotate(80deg);-webkit-transform-origin:top left;transform-origin:top left;-webkit-animation-timing-function:ease-in-out;animation-timing-function:ease-in-out}40%,80%{-webkit-transform:rotate(60deg);transform:rotate(60deg);-webkit-transform-origin:top left;transform-origin:top left;-webkit-animation-timing-function:ease-in-out;animation-timing-function:ease-in-out;opacity:1}to{-webkit-transform:translate3d(0,700px,0);transform:translate3d(0,700px,0);opacity:0}}.hinge{-webkit-animation-duration:2s;animation-duration:2s;-webkit-animation-name:hinge;animation-name:hinge}@-webkit-keyframes jackInTheBox{0%{opacity:0;-webkit-transform:scale(.1) rotate(30deg);transform:scale(.1) rotate(30deg);-webkit-transform-origin:center bottom;transform-origin:center bottom}50%{-webkit-transform:rotate(-10deg);transform:rotate(-10deg)}70%{-webkit-transform:rotate(3deg);transform:rotate(3deg)}to{opacity:1;-webkit-transform:scale(1);transform:scale(1)}}@keyframes jackInTheBox{0%{opacity:0;-webkit-transform:scale(.1) rotate(30deg);transform:scale(.1) rotate(30deg);-webkit-transform-origin:center bottom;transform-origin:center bottom}50%{-webkit-transform:rotate(-10deg);transform:rotate(-10deg)}70%{-webkit-transform:rotate(3deg);transform:rotate(3deg)}to{opacity:1;-webkit-transform:scale(1);transform:scale(1)}}.jackInTheBox{-webkit-animation-name:jackInTheBox;animation-name:jackInTheBox}@-webkit-keyframes rollIn{0%{opacity:0;-webkit-transform:translate3d(-100%,0,0) rotate(-120deg);transform:translate3d(-100%,0,0) rotate(-120deg)}to{opacity:1;-webkit-transform:translateZ(0);transform:translateZ(0)}}@keyframes rollIn{0%{opacity:0;-webkit-transform:translate3d(-100%,0,0) rotate(-120deg);transform:translate3d(-100%,0,0) rotate(-120deg)}to{opacity:1;-webkit-transform:translateZ(0);transform:translateZ(0)}}.rollIn{-webkit-animation-name:rollIn;animation-name:rollIn}@-webkit-keyframes rollOut{0%{opacity:1}to{opacity:0;-webkit-transform:translate3d(100%,0,0) rotate(120deg);transform:translate3d(100%,0,0) rotate(120deg)}}@keyframes rollOut{0%{opacity:1}to{opacity:0;-webkit-transform:translate3d(100%,0,0) rotate(120deg);transform:translate3d(100%,0,0) rotate(120deg)}}.rollOut{-webkit-animation-name:rollOut;animation-name:rollOut}@-webkit-keyframes zoomIn{0%{opacity:0;-webkit-transform:scale3d(.3,.3,.3);transform:scale3d(.3,.3,.3)}50%{opacity:1}}@keyframes zoomIn{0%{opacity:0;-webkit-transform:scale3d(.3,.3,.3);transform:scale3d(.3,.3,.3)}50%{opacity:1}}.zoomIn{-webkit-animation-name:zoomIn;animation-name:zoomIn}@-webkit-keyframes zoomInDown{0%{opacity:0;-webkit-transform:scale3d(.1,.1,.1) translate3d(0,-1000px,0);transform:scale3d(.1,.1,.1) translate3d(0,-1000px,0);-webkit-animation-timing-function:cubic-bezier(.55,.055,.675,.19);animation-timing-function:cubic-bezier(.55,.055,.675,.19)}60%{opacity:1;-webkit-transform:scale3d(.475,.475,.475) translate3d(0,60px,0);transform:scale3d(.475,.475,.475) translate3d(0,60px,0);-webkit-animation-timing-function:cubic-bezier(.175,.885,.32,1);animation-timing-function:cubic-bezier(.175,.885,.32,1)}}@keyframes zoomInDown{0%{opacity:0;-webkit-transform:scale3d(.1,.1,.1) translate3d(0,-1000px,0);transform:scale3d(.1,.1,.1) translate3d(0,-1000px,0);-webkit-animation-timing-function:cubic-bezier(.55,.055,.675,.19);animation-timing-function:cubic-bezier(.55,.055,.675,.19)}60%{opacity:1;-webkit-transform:scale3d(.475,.475,.475) translate3d(0,60px,0);transform:scale3d(.475,.475,.475) translate3d(0,60px,0);-webkit-animation-timing-function:cubic-bezier(.175,.885,.32,1);animation-timing-function:cubic-bezier(.175,.885,.32,1)}}.zoomInDown{-webkit-animation-name:zoomInDown;animation-name:zoomInDown}@-webkit-keyframes zoomInLeft{0%{opacity:0;-webkit-transform:scale3d(.1,.1,.1) translate3d(-1000px,0,0);transform:scale3d(.1,.1,.1) translate3d(-1000px,0,0);-webkit-animation-timing-function:cubic-bezier(.55,.055,.675,.19);animation-timing-function:cubic-bezier(.55,.055,.675,.19)}60%{opacity:1;-webkit-transform:scale3d(.475,.475,.475) translate3d(10px,0,0);transform:scale3d(.475,.475,.475) translate3d(10px,0,0);-webkit-animation-timing-function:cubic-bezier(.175,.885,.32,1);animation-timing-function:cubic-bezier(.175,.885,.32,1)}}@keyframes zoomInLeft{0%{opacity:0;-webkit-transform:scale3d(.1,.1,.1) translate3d(-1000px,0,0);transform:scale3d(.1,.1,.1) translate3d(-1000px,0,0);-webkit-animation-timing-function:cubic-bezier(.55,.055,.675,.19);animation-timing-function:cubic-bezier(.55,.055,.675,.19)}60%{opacity:1;-webkit-transform:scale3d(.475,.475,.475) translate3d(10px,0,0);transform:scale3d(.475,.475,.475) translate3d(10px,0,0);-webkit-animation-timing-function:cubic-bezier(.175,.885,.32,1);animation-timing-function:cubic-bezier(.175,.885,.32,1)}}.zoomInLeft{-webkit-animation-name:zoomInLeft;animation-name:zoomInLeft}@-webkit-keyframes zoomInRight{0%{opacity:0;-webkit-transform:scale3d(.1,.1,.1) translate3d(1000px,0,0);transform:scale3d(.1,.1,.1) translate3d(1000px,0,0);-webkit-animation-timing-function:cubic-bezier(.55,.055,.675,.19);animation-timing-function:cubic-bezier(.55,.055,.675,.19)}60%{opacity:1;-webkit-transform:scale3d(.475,.475,.475) translate3d(-10px,0,0);transform:scale3d(.475,.475,.475) translate3d(-10px,0,0);-webkit-animation-timing-function:cubic-bezier(.175,.885,.32,1);animation-timing-function:cubic-bezier(.175,.885,.32,1)}}@keyframes zoomInRight{0%{opacity:0;-webkit-transform:scale3d(.1,.1,.1) translate3d(1000px,0,0);transform:scale3d(.1,.1,.1) translate3d(1000px,0,0);-webkit-animation-timing-function:cubic-bezier(.55,.055,.675,.19);animation-timing-function:cubic-bezier(.55,.055,.675,.19)}60%{opacity:1;-webkit-transform:scale3d(.475,.475,.475) translate3d(-10px,0,0);transform:scale3d(.475,.475,.475) translate3d(-10px,0,0);-webkit-animation-timing-function:cubic-bezier(.175,.885,.32,1);animation-timing-function:cubic-bezier(.175,.885,.32,1)}}.zoomInRight{-webkit-animation-name:zoomInRight;animation-name:zoomInRight}@-webkit-keyframes zoomInUp{0%{opacity:0;-webkit-transform:scale3d(.1,.1,.1) translate3d(0,1000px,0);transform:scale3d(.1,.1,.1) translate3d(0,1000px,0);-webkit-animation-timing-function:cubic-bezier(.55,.055,.675,.19);animation-timing-function:cubic-bezier(.55,.055,.675,.19)}60%{opacity:1;-webkit-transform:scale3d(.475,.475,.475) translate3d(0,-60px,0);transform:scale3d(.475,.475,.475) translate3d(0,-60px,0);-webkit-animation-timing-function:cubic-bezier(.175,.885,.32,1);animation-timing-function:cubic-bezier(.175,.885,.32,1)}}@keyframes zoomInUp{0%{opacity:0;-webkit-transform:scale3d(.1,.1,.1) translate3d(0,1000px,0);transform:scale3d(.1,.1,.1) translate3d(0,1000px,0);-webkit-animation-timing-function:cubic-bezier(.55,.055,.675,.19);animation-timing-function:cubic-bezier(.55,.055,.675,.19)}60%{opacity:1;-webkit-transform:scale3d(.475,.475,.475) translate3d(0,-60px,0);transform:scale3d(.475,.475,.475) translate3d(0,-60px,0);-webkit-animation-timing-function:cubic-bezier(.175,.885,.32,1);animation-timing-function:cubic-bezier(.175,.885,.32,1)}}.zoomInUp{-webkit-animation-name:zoomInUp;animation-name:zoomInUp}@-webkit-keyframes zoomOut{0%{opacity:1}50%{opacity:0;-webkit-transform:scale3d(.3,.3,.3);transform:scale3d(.3,.3,.3)}to{opacity:0}}@keyframes zoomOut{0%{opacity:1}50%{opacity:0;-webkit-transform:scale3d(.3,.3,.3);transform:scale3d(.3,.3,.3)}to{opacity:0}}.zoomOut{-webkit-animation-name:zoomOut;animation-name:zoomOut}@-webkit-keyframes zoomOutDown{40%{opacity:1;-webkit-transform:scale3d(.475,.475,.475) translate3d(0,-60px,0);transform:scale3d(.475,.475,.475) translate3d(0,-60px,0);-webkit-animation-timing-function:cubic-bezier(.55,.055,.675,.19);animation-timing-function:cubic-bezier(.55,.055,.675,.19)}to{opacity:0;-webkit-transform:scale3d(.1,.1,.1) translate3d(0,2000px,0);transform:scale3d(.1,.1,.1) translate3d(0,2000px,0);-webkit-transform-origin:center bottom;transform-origin:center bottom;-webkit-animation-timing-function:cubic-bezier(.175,.885,.32,1);animation-timing-function:cubic-bezier(.175,.885,.32,1)}}@keyframes zoomOutDown{40%{opacity:1;-webkit-transform:scale3d(.475,.475,.475) translate3d(0,-60px,0);transform:scale3d(.475,.475,.475) translate3d(0,-60px,0);-webkit-animation-timing-function:cubic-bezier(.55,.055,.675,.19);animation-timing-function:cubic-bezier(.55,.055,.675,.19)}to{opacity:0;-webkit-transform:scale3d(.1,.1,.1) translate3d(0,2000px,0);transform:scale3d(.1,.1,.1) translate3d(0,2000px,0);-webkit-transform-origin:center bottom;transform-origin:center bottom;-webkit-animation-timing-function:cubic-bezier(.175,.885,.32,1);animation-timing-function:cubic-bezier(.175,.885,.32,1)}}.zoomOutDown{-webkit-animation-name:zoomOutDown;animation-name:zoomOutDown}@-webkit-keyframes zoomOutLeft{40%{opacity:1;-webkit-transform:scale3d(.475,.475,.475) translate3d(42px,0,0);transform:scale3d(.475,.475,.475) translate3d(42px,0,0)}to{opacity:0;-webkit-transform:scale(.1) translate3d(-2000px,0,0);transform:scale(.1) translate3d(-2000px,0,0);-webkit-transform-origin:left center;transform-origin:left center}}@keyframes zoomOutLeft{40%{opacity:1;-webkit-transform:scale3d(.475,.475,.475) translate3d(42px,0,0);transform:scale3d(.475,.475,.475) translate3d(42px,0,0)}to{opacity:0;-webkit-transform:scale(.1) translate3d(-2000px,0,0);transform:scale(.1) translate3d(-2000px,0,0);-webkit-transform-origin:left center;transform-origin:left center}}.zoomOutLeft{-webkit-animation-name:zoomOutLeft;animation-name:zoomOutLeft}@-webkit-keyframes zoomOutRight{40%{opacity:1;-webkit-transform:scale3d(.475,.475,.475) translate3d(-42px,0,0);transform:scale3d(.475,.475,.475) translate3d(-42px,0,0)}to{opacity:0;-webkit-transform:scale(.1) translate3d(2000px,0,0);transform:scale(.1) translate3d(2000px,0,0);-webkit-transform-origin:right center;transform-origin:right center}}@keyframes zoomOutRight{40%{opacity:1;-webkit-transform:scale3d(.475,.475,.475) translate3d(-42px,0,0);transform:scale3d(.475,.475,.475) translate3d(-42px,0,0)}to{opacity:0;-webkit-transform:scale(.1) translate3d(2000px,0,0);transform:scale(.1) translate3d(2000px,0,0);-webkit-transform-origin:right center;transform-origin:right center}}.zoomOutRight{-webkit-animation-name:zoomOutRight;animation-name:zoomOutRight}@-webkit-keyframes zoomOutUp{40%{opacity:1;-webkit-transform:scale3d(.475,.475,.475) translate3d(0,60px,0);transform:scale3d(.475,.475,.475) translate3d(0,60px,0);-webkit-animation-timing-function:cubic-bezier(.55,.055,.675,.19);animation-timing-function:cubic-bezier(.55,.055,.675,.19)}to{opacity:0;-webkit-transform:scale3d(.1,.1,.1) translate3d(0,-2000px,0);transform:scale3d(.1,.1,.1) translate3d(0,-2000px,0);-webkit-transform-origin:center bottom;transform-origin:center bottom;-webkit-animation-timing-function:cubic-bezier(.175,.885,.32,1);animation-timing-function:cubic-bezier(.175,.885,.32,1)}}@keyframes zoomOutUp{40%{opacity:1;-webkit-transform:scale3d(.475,.475,.475) translate3d(0,60px,0);transform:scale3d(.475,.475,.475) translate3d(0,60px,0);-webkit-animation-timing-function:cubic-bezier(.55,.055,.675,.19);animation-timing-function:cubic-bezier(.55,.055,.675,.19)}to{opacity:0;-webkit-transform:scale3d(.1,.1,.1) translate3d(0,-2000px,0);transform:scale3d(.1,.1,.1) translate3d(0,-2000px,0);-webkit-transform-origin:center bottom;transform-origin:center bottom;-webkit-animation-timing-function:cubic-bezier(.175,.885,.32,1);animation-timing-function:cubic-bezier(.175,.885,.32,1)}}.zoomOutUp{-webkit-animation-name:zoomOutUp;animation-name:zoomOutUp}@-webkit-keyframes slideInDown{0%{-webkit-transform:translate3d(0,-100%,0);transform:translate3d(0,-100%,0);visibility:visible}to{-webkit-transform:translateZ(0);transform:translateZ(0)}}@keyframes slideInDown{0%{-webkit-transform:translate3d(0,-100%,0);transform:translate3d(0,-100%,0);visibility:visible}to{-webkit-transform:translateZ(0);transform:translateZ(0)}}.slideInDown{-webkit-animation-name:slideInDown;animation-name:slideInDown}@-webkit-keyframes slideInLeft{0%{-webkit-transform:translate3d(-100%,0,0);transform:translate3d(-100%,0,0);visibility:visible}to{-webkit-transform:translateZ(0);transform:translateZ(0)}}@keyframes slideInLeft{0%{-webkit-transform:translate3d(-100%,0,0);transform:translate3d(-100%,0,0);visibility:visible}to{-webkit-transform:translateZ(0);transform:translateZ(0)}}.slideInLeft{-webkit-animation-name:slideInLeft;animation-name:slideInLeft}@-webkit-keyframes slideInRight{0%{-webkit-transform:translate3d(100%,0,0);transform:translate3d(100%,0,0);visibility:visible}to{-webkit-transform:translateZ(0);transform:translateZ(0)}}@keyframes slideInRight{0%{-webkit-transform:translate3d(100%,0,0);transform:translate3d(100%,0,0);visibility:visible}to{-webkit-transform:translateZ(0);transform:translateZ(0)}}.slideInRight{-webkit-animation-name:slideInRight;animation-name:slideInRight}@-webkit-keyframes slideInUp{0%{-webkit-transform:translate3d(0,100%,0);transform:translate3d(0,100%,0);visibility:visible}to{-webkit-transform:translateZ(0);transform:translateZ(0)}}@keyframes slideInUp{0%{-webkit-transform:translate3d(0,100%,0);transform:translate3d(0,100%,0);visibility:visible}to{-webkit-transform:translateZ(0);transform:translateZ(0)}}.slideInUp{-webkit-animation-name:slideInUp;animation-name:slideInUp}@-webkit-keyframes slideOutDown{0%{-webkit-transform:translateZ(0);transform:translateZ(0)}to{visibility:hidden;-webkit-transform:translate3d(0,100%,0);transform:translate3d(0,100%,0)}}@keyframes slideOutDown{0%{-webkit-transform:translateZ(0);transform:translateZ(0)}to{visibility:hidden;-webkit-transform:translate3d(0,100%,0);transform:translate3d(0,100%,0)}}.slideOutDown{-webkit-animation-name:slideOutDown;animation-name:slideOutDown}@-webkit-keyframes slideOutLeft{0%{-webkit-transform:translateZ(0);transform:translateZ(0)}to{visibility:hidden;-webkit-transform:translate3d(-100%,0,0);transform:translate3d(-100%,0,0)}}@keyframes slideOutLeft{0%{-webkit-transform:translateZ(0);transform:translateZ(0)}to{visibility:hidden;-webkit-transform:translate3d(-100%,0,0);transform:translate3d(-100%,0,0)}}.slideOutLeft{-webkit-animation-name:slideOutLeft;animation-name:slideOutLeft}@-webkit-keyframes slideOutRight{0%{-webkit-transform:translateZ(0);transform:translateZ(0)}to{visibility:hidden;-webkit-transform:translate3d(100%,0,0);transform:translate3d(100%,0,0)}}@keyframes slideOutRight{0%{-webkit-transform:translateZ(0);transform:translateZ(0)}to{visibility:hidden;-webkit-transform:translate3d(100%,0,0);transform:translate3d(100%,0,0)}}.slideOutRight{-webkit-animation-name:slideOutRight;animation-name:slideOutRight}@-webkit-keyframes slideOutUp{0%{-webkit-transform:translateZ(0);transform:translateZ(0)}to{visibility:hidden;-webkit-transform:translate3d(0,-100%,0);transform:translate3d(0,-100%,0)}}@keyframes slideOutUp{0%{-webkit-transform:translateZ(0);transform:translateZ(0)}to{visibility:hidden;-webkit-transform:translate3d(0,-100%,0);transform:translate3d(0,-100%,0)}}.slideOutUp{-webkit-animation-name:slideOutUp;animation-name:slideOutUp}.animated{-webkit-animation-duration:1s;animation-duration:1s;-webkit-animation-fill-mode:both;animation-fill-mode:both}.animated.infinite{-webkit-animation-iteration-count:infinite;animation-iteration-count:infinite}.animated.delay-1s{-webkit-animation-delay:1s;animation-delay:1s}.animated.delay-2s{-webkit-animation-delay:2s;animation-delay:2s}.animated.delay-3s{-webkit-animation-delay:3s;animation-delay:3s}.animated.delay-4s{-webkit-animation-delay:4s;animation-delay:4s}.animated.delay-5s{-webkit-animation-delay:5s;animation-delay:5s}.animated.fast{-webkit-animation-duration:.8s;animation-duration:.8s}.animated.faster{-webkit-animation-duration:.5s;animation-duration:.5s}.animated.slow{-webkit-animation-duration:2s;animation-duration:2s}.animated.slower{-webkit-animation-duration:3s;animation-duration:3s}@media (prefers-reduced-motion:reduce),(print){.animated{-webkit-animation-duration:1ms!important;animation-duration:1ms!important;-webkit-transition-duration:1ms!important;transition-duration:1ms!important;-webkit-animation-iteration-count:1!important;animation-iteration-count:1!important}}
@charset "utf-8";
@font-face {
    font-family: Politica;
    src: url(data:application/vnd.ms-fontobject;base64,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aHR0cDovL3d3dy5zdWR0aXBvcy5jb20uYXJQb2xpdGljYVJlZ3VsYXJQb2xpdGljYQBDAG8AcAB5AHIAaQBnAGgAdAAgADIAMAAwADQALAAgAFMAVQBEAFQASQBQAE8AUwAuACAARABpAHMAZQBuAGEAZABhACAAcABvAHIAIABBAGwAZQBqAGEAbgBkAHIAbwAgAFAAYQB1AGwAIAB5ACAAQQBsAGYAcgBlAGQAbwAgAEcAcgBhAHoAaQBhAG4AaQAuACAAVABvAGQAbwBzACAAbABvAHMAIABkAGUAcgBlAGMAaABvAHMAIAByAGUAcwBlAHIAdgBhAGQAbwBzAC4AUABvAGwAaQB0AGkAYwBhAFIAZQBnAHUAbABhAHIAUABvAGwAaQB0AGkAYwBhADoAIAAyADAAMAA0AFAAbwBsAGkAdABpAGMAYQBWAGUAcgBzAGkAbwBuACAAMQAuADAAOwAgAEEAcAByAGkAbAAgADIAMAAwADQAUABvAGwAaQB0AGkAYwBhAFAAbwBsAGkAdABpAGMAYQAgAGkAcwAgAGEAIAB0AHIAYQBkAGUAbQBhAHIAawAgAG8AZgAgAFMAdQBkAHQAaQBwAG8AcwBBAGwAZQBqAGEAbgBkAHIAbwAgAFAAYQB1AGwAQQBsAGUAagBhAG4AZAByAG8AIABQAGEAdQBsACAAJgAgAEEAbABmAHIAZQBkAG8AIABHAHIAYQB6AGkAYQBuAGkAQwBvAHAAeQByAGkAZwBoAHQAIAAyADAAMAA0ACwAIABTAFUARABUAEkAUABPAFMALgAgAEQAaQBzAGUAbgBhAGQAYQAgAHAAbwByACAAQQBsAGUAagBhAG4AZAByAG8AIABQAGEAdQBsACAAeQAgAEEAbABmAHIAZQBkAG8AIABHAHIAYQB6AGkAYQBuAGkALgAgAFQAbwBkAG8AcwAgAGwAbwBzACAAZABlAHIAZQBjAGgAbwBzACAAcgBlAHMAZQByAHYAYQBkAG8AcwAuAGgAdAB0AHAAOgAvAC8AdwB3AHcALgBzAHUAZAB0AGkAcABvAHMALgBjAG8AbQAuAGEAcgBoAHQAdABwADoALwAvAHcAdwB3AC4AcwB1AGQAdABpAHAAbwBzAC4AYwBvAG0ALgBhAHIAUABvAGwAaQB0AGkAYwBhAFIAZQBnAHUAbABhAHIAUABvAGwAaQB0AGkAYwBhAAAAAAIAAAAAAAD/hQAUAAAAAAAAAAAAAAAAAAAAAAAAABIAEgAAABIAEwAUABUAFgAXABgAGgAdAEcASABLAFEAVwAbABwAGQAA);
    src: url(data:application/x-font-ttf;base64,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RwByAGEAegBpAGEAbgBpAC4AIABUAG8AZABvAHMAIABsAG8AcwAgAGQAZQByAGUAYwBoAG8AcwAgAHIAZQBzAGUAcgB2AGEAZABvAHMALgBQAG8AbABpAHQAaQBjAGEAUgBlAGcAdQBsAGEAcgBQAG8AbABpAHQAaQBjAGEAOgAgADIAMAAwADQAUABvAGwAaQB0AGkAYwBhAFYAZQByAHMAaQBvAG4AIAAxAC4AMAA7ACAAQQBwAHIAaQBsACAAMgAwADAANABQAG8AbABpAHQAaQBjAGEAUABvAGwAaQB0AGkAYwBhACAAaQBzACAAYQAgAHQAcgBhAGQAZQBtAGEAcgBrACAAbwBmACAAUwB1AGQAdABpAHAAbwBzAEEAbABlAGoAYQBuAGQAcgBvACAAUABhAHUAbABBAGwAZQBqAGEAbgBkAHIAbwAgAFAAYQB1AGwAIAAmACAAQQBsAGYAcgBlAGQAbwAgAEcAcgBhAHoAaQBhAG4AaQBDAG8AcAB5AHIAaQBnAGgAdAAgADIAMAAwADQALAAgAFMAVQBEAFQASQBQAE8AUwAuACAARABpAHMAZQBuAGEAZABhACAAcABvAHIAIABBAGwAZQBqAGEAbgBkAHIAbwAgAFAAYQB1AGwAIAB5ACAAQQBsAGYAcgBlAGQAbwAgAEcAcgBhAHoAaQBhAG4AaQAuACAAVABvAGQAbwBzACAAbABvAHMAIABkAGUAcgBlAGMAaABvAHMAIAByAGUAcwBlAHIAdgBhAGQAbwBzAC4AaAB0AHQAcAA6AC8ALwB3AHcAdwAuAHMAdQBkAHQAaQBwAG8AcwAuAGMAbwBtAC4AYQByAGgAdAB0AHAAOgAvAC8AdwB3AHcALgBzAHUAZAB0AGkAcABvAHMALgBjAG8AbQAuAGEAcgBQAG8AbABpAHQAaQBjAGEAUgBlAGcAdQBsAGEAcgBQAG8AbABpAHQAaQBjAGEAAAAAAgAAAAAAAP+FABQAAAAAAAAAAAAAAAAAAAAAAAAAEgASAAAAEgATABQAFQAWABcAGAAaAB0ARwBIAEsAUQBXABsAHAAZAAA=) format("truetype")
}

.width {
    width: 100%;
    max-width: 1280px;
    margin: 0 auto;
}

.ui-topbar {
    background: #f8f8f8;
    border-bottom: 1px solid #eaeaea;
    padding: 0;
}

.ui-topbar i {
    color: #ccc;
    margin: 0 5px;
}

.ui-topbar .ui-row {
    align-items: center;
}

.ui-topbar .ui-nav {
    border: 0;
    line-height: 1.5
}

.ui-topbar .ui-nav ul li a {
    color: #333;
    border: 1px solid #f8f8f8;
    border-bottom: 0;
    border-top: 0;
    padding: 10px 15px;
}

.ui-topbar .ui-nav ul li a span {
    font-size: 12px;
    color: #999;
    margin-left: 6px;
    transition: all .5s ease 0s;
    z-index: 21;
}

.ui-topbar .ui-nav ul li a:hover {
    border-width: 1px;
    border-color: #d9d9d9;
    background: #fff;
}

.ui-topbar .ui-nav ul li.active a {
    border: 1px solid #d9d9d9;
    border-bottom: 0;
    border-top: 0;
    background: #fff;
}

.ui-topbar .ui-nav ul li.active span {
    transform: rotate(180deg);
}

.ui-topbar .ui-nav ul li ul {
    border-top: 0;
    box-shadow: none;
    min-width: 114px;
    z-index: 20;
    right: 0;
}

.ui-topbar .ui-nav ul li.active ul li a {
    border: 0;
}

.ui-topbar .ui-nav ul li ul li a:hover {
    background: #1890FF;
}

.header {
    padding: 20px 0;
    align-items: center;
}

.header .ui-col-4 {
    display: flex;
    justify-content: flex-end;
    align-items: center;
}

.header .ui-col-4 .icon {
    padding-right: 10px;
}

.header .ui-col-4 .icon i {
    font-size: 44px;
    color: #1e50ae;
}

.header .ui-col-4 .text .text-gray {
    font-size: 14px;
    line-height: normal;
}

.header .ui-col-4 .text .telphone {
    font-size: 22px;
    color: #0E77EA;
}

.nav {
}

.nav .ui-nav {
    display: flex;
}

.nav ul li {
}

.nav ul li:first-child {
    border-left: 0;
}

.nav ul li:last-child {
    border-right: 0;
}

.nav ul li a {
    line-height: 60px;
    padding: 0 25px;
    font-size: 16px;
}

/*.nav ul li.active{background:#0E77EA;border-color:#0E77EA}*/
.nav ul li ul {
    border: 0;
}

.nav ul li ul li {
    border: 0;
}

.nav ul li ul li a {
    line-height: 50px;
    border-bottom: 1px solid #f3f3f3;
}

.nav ul li ul li:last-child a {
    border-bottom: 0;
}

.nav ul li ul li a:hover {
    background: #0E77EA;
}

.banner {
    z-index: 10;
}

.banner .ui-carousel-item a {
    height: 560px;
    display: block;
    min-width: 1200px;
    width: 100%;
}

.banner .ui-carousel-page {
    bottom: 25px;
}

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

.banner_inner {
    background: linear-gradient(to right, #0E77EA, #7F61FF);
}

.banner_inner .width {
    height: 400px;
    position: relative;
}

.banner_inner .title {
    color: #fff;
    font-size: 46px;
    font-weight: 600;
    padding-top: 100px;
}

.banner_inner .title span {
    font-size: 24px;
    margin-left: 20px;
    border-left: 1px solid #56b8ee;
    padding-left: 20px;
    font-weight: 300;
    text-transform: capitalize
}

.banner_inner .intro {
    color: #fff;
    font-size: 18px;
    margin-top: 10px;
    font-weight: 300;
}

.banner_inner .position {
    position: absolute;
    bottom: -1px;
    left: 0;
    right: 0;
    padding: 15px 20px;
    background: rgba(255, 255, 255, .9);
    border-radius: 4px 4px 0 0;
    box-shadow: 0px 0px 30px rgba(0, 0, 0, 0.1);
}

.nav ul {
    z-index: 30 !important;
}

.topsearch {
    background: #f7f7f7;
    padding: 10px 0 6px 0;
    border-bottom: 1px solid #f3f3f3;
}

.topsearch .ui-row {
    align-items: center;
}

.topsearch .ui-col-8 {
    color: #999;
}

.topsearch .ui-col-8 a {
    margin: 0 6px;
}

.topsearch form {
    margin: 0;
}

.topsearch form .ui-form-group {
    margin: 0;
}

.topsearch form .ui-form-group .ui-form-ip {
    font-size: 15px;
}

.topsearch form .ui-form-group .ui-form-ip::-webkit-input-placeholder {
    font-size: 15px !important
}

.topsearch form .ui-form-group .ui-form-ip::-moz-placeholder {
    font-size: 15px !important
}

.topsearch form .ui-form-group .ui-form-ip::-ms-input-placeholder {
    font-size: 15px !important
}

.topsearch form .ui-form-group .ui-form-ip::-ms-input-placeholder {
    font-size: 15px !important
}

.topsearch form .ui-form-group .ui-form-ip::placeholder {
    font-size: 15px !important
}

.topsearch form .ui-form-group .ui-form-ip:focus {
    border-color: #ced4da;
    box-shadow: none;
}

.topsearch form .ui-form-group .after {
    background: #0E77EA;
    border-color: #0E77EA;
    color: #fff;
    min-width: 60px;
}

.topsearch form .ui-form-group select {
    max-width: 100px;
    border-radius: 4px 0 0 4px;
    margin-right: -1px;
}

.topsearch form .ui-form-group input {
    border-radius: 0;
    border-right: 0;
}

.home-title {
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin-bottom: 20px;
}

.home-title .home-title-name {
    font-size: 22px;
    color: #333;
    padding-bottom: 10px;
}

.home-title .home-title-name:after {
    display: block;
    content: "";
    border-bottom: 2px solid #0E77EA;
    width: 45px;
    padding-top: 15px;
}

.home-title .home-title-name span {
    font-size: 15px;
    color: #9e9e9e;
    margin-left: 10px;
}

.home-title .home-title-more {
}

.home-title .home-title-more a {
    display: inline-block;
    border: 1px solid #eee;
    padding: 15px 20px;
    margin-left: 10px;
    line-height: normal;
    border-radius: 4px;
    color: #666;
}

.home-title .home-title-more a:hover, .home-title .home-title-more a.active {
    background: #0E77EA;
    border-color: #0E77EA;
    color: #fff;
}

.home_about {
    background: linear-gradient(150deg, #0E77EA 0%, #060D33 100%);
    padding: 80px 0;
}

.home_about .width {
    box-shadow: 0px 10px 20px rgba(0, 0, 0, 0.35);
}

.home_about .ui-col-8 {
    padding: 40px;
}

.home_about .ui-col-8 h4 {
    font-size: 24px;
    color: #060d33;
    font-weight: 500;
}

.home_about .ui-col-8 .intro {
    color: #666;
    margin-top: 20px;
}

.home_about .ui-col-8 .intro p {
    margin-bottom: 20px;
    line-height: 28px;
}

.home_about .ui-col-8 .more {
    display: inline-block;
    padding: 10px 40px;
    color: #666;
    border: 1px solid #eee;
    border-radius: 50px;
    box-shadow: 0 5px 15px 0 #eee;
}

.home_about .ui-col-8 .more:hover {
    background: #0E77EA;
    border-color: #0E77EA;
    color: #fff;
}

.home_about .ui-col-4 {
    background: #fff;
    font-size: 0;
    padding: 8px;
}

.home_about .ui-col-4 video {
    background: #000;
}

.home_news {
    margin-top: 30px;
    display: flex;
    flex-wrap: wrap;
}

.home_news .home_news_item {
    margin: 0 30px 30px 0;
    width: 625px;
}

.home_news .home_news_item:nth-child(even) {
    margin-right: 0;
}

.home_news_body {
    box-shadow: 0px 0px 4px rgba(0, 0, 0, 0.1);
    backgroud: #fff;
    padding: 20px;
    border-radius: 5px;
    display: flex;
    align-items: center;
}

.home_news_body .date {
    width: 90px;
    text-align: center;
    padding-right: 20px;
    margin-right: 30px;
    border-right: 1px solid #eee;
}

.home_news_body .date h4 {
    font-size: 30px;
    font-family: Politica;
    color: #999;
    margin: 0;
}

.home_news_body .date p {
    color: #999;
    font-size: 14px;
    font-family: Verdana;
}

.home_news_body .body {
    flex: 1;
    overflow: hidden;
    transition: all 0.5s ease;
}

.home_news_body .body h4 {
    font-size: 18px;
    font-weight: 400;
    color: #515050;
}

.home_news_body .body p {
    color: #c2c2c2;
}

.home_news_body .body h4 a:hover {
    color: #0E77EA;
}

.home_news_body:hover {
    box-shadow: 0px 0px 30px rgba(0, 0, 0, 0.15);
}

.home_news_body:hover .body {
    transform: translateX(5px);
}

.home_news_item:hover .body h4 a {
    color: #1890FF;
}

.home_news_item:hover .body p {
    color: #666;
}

.partners {
    margin-top: 30px;
    display: flex;
    flex-wrap: wrap;
    list-style: none;
}

.partners li {
    margin: 0 30px 20px 0;
    width: 232px;
    text-align: center;
    color: #999;
}

.partners li:nth-child(5n) {
    margin-right: 0;
}

.partners li img {
    width: 100%;
    height: 104px;
    border: 1px solid #eee;
    margin-bottom: 10px;
    border-radius: 2px;
}

.partners li img:hover {
    box-shadow: 0 0 30px rgba(0, 0, 0, 0.15);
}

.partners li p {
    padding: 0 10px;
}

.link {
    margin-top: 20px;
}

.link a {
    display: inline-block;
    margin-right: 15px;
    border: 1px solid #eaeaea;
    padding: 10px 15px;
    color: #666;
    border-radius: 5px;
    margin-bottom: 10px;
    background: #fff;
}

.link a:hover {
    border-color: #ccc;
}

.footer {
    border-top: 4px solid #0E77EA;
    background: #19171a;
    padding: 40px 0;
    min-height: 200px;
    color: #8b8b8b;
}

.footer_item {
    width: 15%;
    padding-left: 4%;
    border-left: 1px solid #444;
    position: relative;
}

.footer_item:after {
    display: block;
    content: "";
    width: 3px;
    height: 30px;
    top: 0;
    left: -2px;
    position: absolute;
    background: #0E77EA;
}

.footer_item h4 {
    font-size: 18px;
    color: #fff;
}

.footer_item h5 {
    font-size: 16px;
    color: #fff;
}

.footer_item .footer_menu {
    line-height: 36px;
}

.footer_item .footer_menu a {
    display: block;
    color: #8b8b8b;
    transition: all 0.5s ease;
}

.footer_item .footer_menu a:hover {
    color: #fff;
    transform: translateX(10px);
}

.footer_last {
    width: auto;
    padding-left: 4%;
}

.footer_tel {
    font-family: 'Impact';
    font-size: 30px;
    color: #fff;
}

.footer_tel img {
    max-width: 100px;
    margin-top: 10px;
    display: block;
}

.copyright {
    background: #19171a;
    line-height: 26px;
    padding: 15px 0;
    text-align: center;
    color: #8b8b8b;
    border-top: 1px solid #333;
}

.copyright a {
    color: #8b8b8b;
}

.copyright a:hover {
    color: #0E77EA;
}

.container {
    padding: 100px 0;
}

.container-left {
    width: 250px;
}

.container-right {
    width: calc(100% - 330px);
}


/* public begin */
.ui-piclist-title {
    padding: 6px 10px;
}

.ui-piclist-image img {
    transition: all 1s
}

.ui-piclist-image:hover img {
    transform: scale(1.2);
}

.ui-box {
    box-shadow: 0 0 30px rgba(0, 0, 0, 0.1);
    border: 1px solid #f3f3f3;
    background: #fff;
}

.ui-box-radius {
    border-radius: 10px;
}

.ui-box-radius .ui-box-title {
    border-radius: 10px 10px 0 0;
}

.ui-box-title {
    background: linear-gradient(90deg, #0E77EA 0%, #1e50ae 100%);
    color: #fff;
    font-size: 24px;
    font-weight: 400;
    padding: 30px;
}

.ui-box-title span {
    display: block;
    font-size: 14px;
    color: #eaeaea;
    font-weight: 300;
    text-transform: uppercase;
    line-height: 30px;
}

.ui-collapse-menu {
    margin: 15px 0;
}

.ui-collapse-menu-title a {
    transition: all 0.5s ease;
}

.ui-collapse-menu-title:hover a {
    padding-left: 10px;
}

.ui-collapse-menu-body li a {
    transition: all 0.5s ease;
}

.ui-collapse-menu-body li a:hover {
    padding-left: 10px;
}

.ui-collapse-menu-body li i {
    color: #999;
}

.ui-collapse-menu-body ul li.active i {
    color: #1890FF;
}

.ui-collapse-menu-body ul li.active a {
    color: #000;
}
.ui-collapse-menu-body ul li.active > a {
    color: #1890FF;
}

.ui-box-h2 {
    font-size: 24px;
    padding: 20px 30px;
    border-bottom: 1px solid #eaeaea;
    position: relative;
}

.ui-box-h2:after {
    position: absolute;
    display: block;
    content: "";
    border-bottom: 3px solid #0E77EA;
    bottom: 0;
    left: 30px;
    width: 45px;
}

.ui-box-body {
    padding: 25px 30px;
    word-break: break-all;
    min-height: 380px;
}

.ui-box-body .col-10 {
    max-width: 760px;
}

.ui-box-body img, .ui-box-body p img {
    max-width: 100%;
}

.ui-box-body p {
    margin-bottom: 20px;
    line-height: 24px;
}

.ui-box-body .content a {
    color: #03C;
}

.ui-box-body .content a:hover {
    color: #f30;
}

.artlist {
}

.artlist-item {
    display: flex;
    justify-content: space-between;
    align-items: center;
    border-bottom: 1px solid rgba(0, 0, 0, .06);
    min-height: 160px;
    padding: 30px 0;
}

.artlist-item:first-child {
    padding-top: 10px;
}

.artlist-item-image {
    width: 200px;
    margin-right: 30px;
}

.artlist-item-image img {
    width: 100%;
    max-height: 140px;
    border-radius: 4px;
}

.artlist-item-image svg {
    width: 100%;
    text-anchor: middle;
    border-radius: 4px;
    border: 1px solid #eaeaea;
}

.artlist-item-body {
    flex: 1;
    overflow: hidden;
    padding-right: 20px;
    border-right: 1px solid #f3f3f3;
}

.artlist-item-body .title {
    font-size: 20px;
    font-weight: bold;
}

.artlist-item-body .desc {
    font-size: 16px;
    color: #666;
    line-height: 40px;
    margin-top: 15px;
}

.artlist-item-body .desc p {
    margin: 0;
}

.artlist-item-body .tags {
    color: #999;
    margin-top: 15px;
}

.artlist-item-body .tags a {
    margin: 0 6px;
    font-size: 15px;
    font-family: arial, microsoft yahei;
    color: #666;
}

.artlist-item-body .tags a:hover {
    color: #f30;
}

.artlist-item-date {
    width: 120px;
    padding: 0;
    text-align: center;
    font-size: 24px;
    color: #999;
    font-weight: 300;
    position: relative;
}

.artlist-item-money {
    width: 200px;
    font-size: 18px;
    color: #F60;
}

.artlist-item-money span {
    display: block;
    font-size: 16px;
    color: #333;
    line-height: 36px;
    font-weight: bold;
}

.artlist-item-money:after {
    height: 80%;
}

.artlist-item:hover .artlist-item-date {
    color: #1890FF;
}

.artlist-item:hover .artlist-item-body .title {
    color: #1890FF;
}

.artlist-item:hover .artlist-item-body .desc {
    color: #333;
}

.artshow {
}

.artshow h1 {
    font-size: 24px;
    font-weight: bold;
    margin: 0;
}

.artshow .info {
    line-height: 50px;
    border-bottom: 1px solid #f3f3f3;
    margin-bottom: 20px;
    color: #666;
}

.artshow .info span {
    color: #999;
}

.artshow .info i {
    color: #ccc;
    margin-right: 5px;
}

.artshow .other {
    margin: 15px 0;
    padding: 0px;
}

.artshow .other ul {
    overflow: hidden;
    list-style: none;
    display: flex;
    flex-wrap: wrap;
}

.artshow .other ul li {
    width: 25%;
    line-height: 40px;
}

.artshow .other ul li span {
    color: #999;
}

.artshow .content a {
    color: #03C;
}

.artshow .content a:hover {
    color: #f30;
}

.artshow .content p {
    margin-bottom: 20px;
    line-height: 30px;
}

.artshow .content img {
    max-width: 100%;
	display: block;
    margin: auto;
}

.artshow .action {
    display: flex;
    justify-content: center;
    margin: 30px 0 10px 0;
}

.artshow .action a {
    display: block;
    cursor: pointer;
    margin: 0 15px;
    width: 70px;
    height: 70px;
    margin-bottom: 10px;
    line-height: 60px;
    text-align: center;
    border-radius: 50%;
    box-shadow: 0px 0px 30px rgba(0, 0, 0, 0.1);
    position: relative;
}

.artshow .action a i {
    font-size: 30px;
    color: #999;
}

.artshow .action a em {
    display: block;
    font-family: verdana;
    color: #999;
    position: absolute;
    bottom: -15px;
    left: 0;
    right: 0;
}

.artshow .action a:hover {
    box-shadow: 0px 0px 30px rgba(0, 132, 255, 0.3)
}

.artshow .action a:hover i {
    color: #1890FF;
}

.artshow .tags {
    color: #999;
    margin: 15px 0;
}

.artshow .tags a {
    margin: 0 10px 10px 0;
}

.proshow {
    display: flex;
    justify-content: space-between;
}

.proshow .col-left {
    width: 47.5%;
}

.proshow .col-left .big_pic {
    text-align: center;
}

.proshow .col-left .big_pic img {
    max-width: 100%;
}

.proshow .col-left .thumb_pic {
    margin: 30px 0 0 0;
    text-align: center;
}

.proshow .col-left .thumb_pic ul {
    margin: 0 auto;
}

.proshow .col-left .thumb_pic ul li {
    display: inline-block;
    margin-right: 5px;
    width: 60px;
    height: 60px;
    border: 1px solid #eaeaea;
    padding: 0px;
    cursor: pointer;
    position: relative;
    z-index: 1;
}

.proshow .col-left .thumb_pic ul li.active {
    border: 1px solid #2DB7F5;
    background: #fff;
}

.proshow .col-left .thumb_pic ul li.active: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
}

.proshow .col-right {
    width: 47.5%;

}

.proshow .col-right h1 {
    font-size: 24px;
    font-weight: bold;
}

.proshow .col-right .intro {
    color: #888;
    margin: 10px 0;
}

.proshow .col-right .attribute {
    list-style: none;
    margin: 10px 0;
}

.proshow .col-right .attribute li {
    line-height: 30px;
}

.proshow .col-right .attribute li em {
    display: inline-block;
    width: 60px;
    font-style: normal;
    color: #999;
}

.proshow .col-right .attribute li img {
    max-width: 100%;
}

.proshow .col-right .price {
    font-size: 14px;
    line-height: 30px;
    margin: 20px 0;
}

.proshow .col-right .price span {
    font-size: 26px;
    color: #f60;
}

.proshow .col-right .price em {
    font-size: 12px;
    color: #999;
    font-style: normal;
    padding-left: 5px;
}

.proshow .col-right .tags {
    color: #999;
    margin: 15px 0;
}

.proshow .col-right .tags a {
    margin: 0 10px 10px 0;
}

.proshow_content {
    padding: 20px 0;
}

.proshow_content a {
    color: #03C;
}

.proshow_content a:hover {
    color: #f30;
}

.proshow_content p {
    margin-bottom: 20px;
    line-height: 24px;
	margin: 0; /* 移除外边距 */
  padding: 0; /* 移除内边距 */
  border: none; /* 移除边框 */
}

.proshow_content p img {
    display: block;
	max-width: 100%;  
    margin: auto;
  height: auto; /* 保持图片比例 */
  object-fit: cover; /* 让图片覆盖整个容器 */
}

.proshow_content .extend {
    list-style: none;
}

.proshow_content .extend li {
    font-size: 15px;
    line-height: 30px;
}

.proshow_content .extend li em {
    display: inline-block;
    width: 120px;
    font-style: normal;
    color: #999;
    font-size: 15px;
    margin-right: 15px;
}

.quicklogin {
    padding: 20px 0;
    text-align: center;
}

.quicklogin .line {
    margin: 20px auto;
    max-width: 86%;
    font-weight: 400;
    font-size: 18px;
    color: #666;
}

.quicklogin a {
    display: inline-block;
    text-align: center;
    margin: 0 10px;
    color: #999;
    font-size: 12px;
    transition: all .3s ease 0s;
}

.quicklogin a:hover {
    transform: translate3d(0, -5px, 0);
}

.quicklogin a span {
    display: block;
    width: 45px;
    line-height: 45px;
    border-radius: 50%;
    text-align: center;
    background: #f3f3f3;
    font-size: 24px;
    margin-bottom: 10px;
}

.quicklogin a span.blue {
    background: #E7F7FE;
    color: #1890FF;
}

.quicklogin a span.red {
    background: #FFF1F8;
    color: #ED4014;
}

.quicklogin a span.green {
    background: #E6F8E6;
    color: #19BE6B;
}

.api_user {
    padding: 0 0 20px 60px;
    margin-bottom: 20px;
}

.api_user span {
    color: #1890ff;
}

.api_user a {
    color: #f30;
}

.user_info {
    padding: 20px 30px;
    display: flex;
}

.user_info .face {
    width: 160px;
    padding-right: 20px;
    cursor: pointer;
}

.user_info .face img {
    border-radius: 50%;
    border: 1px solid #f3f3f3;
    padding: 4px;
    width: 120px;
    height: 120px;
}

.user_info .info {
    flex: 1;
    overflow: hidden;
}

.user_info .info p {
    margin: 0;
    padding: 10px 0;
}

.user_info .info p span {
    color: #f30;
}

.user_info .info ul {
    margin: 0;
    padding: 0;
    list-style: none;
}

.user_info .info ul li {
    font-size: 16px;
    line-height: 55px;
    height: 55px;
    border-bottom: 1px dashed #eee;
    vertical-align: middle;
    float: left;
    width: 45%;
    margin-right: 5%;
}

.user_info .info ul li span {
    color: #f30;
}

.user_info .info ul li em {
    color: #999;
    font-style: normal;
    display: inline-block;
    margin-right: 5px;
}

.pay {
    margin: 0 0 -10px;
    padding: 0;
    list-style: none;
    display: flex;
}

.pay li {
    min-width: 200px;
    margin: 0 10px 10px 0;
    cursor: pointer;
}

.pay li div {
    border: 1px solid #efefef;
    text-align: center;
    position: relative;
}

.pay li div img {
    max-width: 100%;
    height: 65px;
}

.pay li div i {
    position: absolute;
    right: 2px;
    bottom: 0px;
    font-size: 12px;
    color: #fff;
    z-index: 10;
    display: none;
}

.pay .active div:before {
    position: absolute;
    content: "";
    right: 0;
    bottom: 0;
    color: #1890FF;
    width: 0;
    height: 0;
    border-bottom: 30px solid #1890FF;
    border-left: 30px solid transparent;
    z-index: 10;
}

.pay .active div {
    border-color: #90BAFF;
}

.pay .active div i {
    display: block;
}

.order-base {
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin-bottom: 20px;
    padding: 0 20px 20px;
}

.order-base-left {
    flex: 1;
    overflow: hidden;
    border-right: 1px solid #f3f3f3;
}

.order-base-left h1 {
    font-size: 24px;
    font-weight: 400;
    color: #666;
}

.order-base-left h1 i {
    font-size: 34px;
    color: #1890FF;
    margin-right: 10px;
}

.order-base-left p {
    padding-left: 46px;
    color: #f30;
    margin: 0;
}

.order-base-left p span {
    color: #999;
}

.order-base-right {
    text-align: center;
    font-size: 18px;
    font-weight: 400;
    color: #999;
    padding-left: 30px;
}

.order-base-right em {
    color: #f30;
}

.order-goods {
    border: 1px solid #f3f3f3;
    border-radius: 4px;
}

.order-goods .ui-collapse-menu-title a {
    font-size: 16px;
}

.order-goods .ui-collapse-menu-title a:hover {
    padding-left: 0;
}

.order-goods .ui-collapse-menu-title.active {
    background: #fafafa;
}

.order-goods .ui-collapse-menu-title.active a {
    color: #1890FF;
}

.order-goods .ui-collapse-menu-title a span {
    color: #1890FF;
    font-size: 16px;
    margin-right: 15px;
}

.order-goods .ui-collapse-menu-body li span {
    color: #999;
}

.order-goods .ui-collapse-menu-body li:last-child {
    border-bottom: 0;
}

.order-pay {
    margin: 20px 0;
}

.order-pay ul {
    max-width: 50%;
}

/*BBS*/
.bbs {
    position: relative;
}

.bbs-left {
    width: 300px;
    padding: 30px 0;
}

.bbs-left-title {
    color: #526069;
    font-weight: 500;
    font-size: 20px;
    padding-left: 30px;
}

.bbs-left-nav {
    list-style: none;
    margin: 20px 0;
}

.bbs-left-nav li {
    line-height: 45px;
    margin-bottom: 1px;
}

.bbs-left-nav li a {
    color: #76838f;
    display: block;
    font-weight: 500;
    padding-left: 30px;
    font-size: 16px;
}

.bbs-left-nav li a i {
    font-size: 20px;
    margin-right: 10px;
}

.bbs-left-nav li a:hover {
    color: #1890FF;
    background: #eaf7ff;
}

.bbs-left-nav li a:hover i {
    color: #1890FF;
}

.bbs-left-nav li.active a {
    color: #1890FF;
    background: #eaf7ff;
}

.bbs-left-nav li.active a:hover i {
    color: #1890FF;
}

.bbs_search {
    padding: 15px 30px;
}

.bbs-right {
    flex: 1;
    overflow: hidden;
    border-left: 1px solid #e4eaec;
    padding: 30px;
    min-height: 360px;
}

.bbs-right-title {
    color: #526069;
    font-weight: bold;
    font-size: 18px;
    position: relative;
}

.bbs-right-title a {
    position: absolute;
    right: 0;
    top: 0;
    font-size: 16px;
    font-weight: normal;
    background: #40A9FF;
    color: #fff;
    border-radius: 20px;
    display: block;
    padding: 10px 30px;
}

.bbs-right-title a:hover {
    background: #1890FF;
}

.bbs-right .ui-tabs-nav a {
    padding: 10px 20px;
}

.bbs-topic {
    margin: 0;
}

.bbs-topic-item {
    display: flex;
    justify-content: space-between;
    padding: 20px 20px 20px 30px;
    border-bottom: 1px solid #f3f3f3;
}

.bbs-topic-item .face {
    width: 40px;
    height: 40px;
}

.bbs-topic-item .face img {
    width: 100%;
    height: 100%;
    border-radius: 100%;
}

.bbs-topic-item .body {
    flex: 1;
    overflow: hidden;
    padding: 0 20px;
}

.bbs-topic-item .body em {
    background: #f30;
    color: #fff;
    display: inline-block;
    padding: 4px 8px;
    margin: 0 5px;
    font-size: 12px;
    border-radius: 4px;
    border: 0;
}

.bbs-topic-item .body a {
    color: #666;
}

.bbs-topic-item .body a:hover {
    color: #333;
}

.bbs-topic-item .body .desc {
    color: #a3afb7;
}

.bbs-topic-item .other {
    width: 100px;
    padding-left: 20px;
    font-size: 12px;
    color: #333;
}

.bbs-topic-item .other i {
    color: #ccc;
    margin-right: 5px;
}

.bbs-topic-item:hover {
    background: #f5fbff;
}

.bbs-post {
    margin-top: 30px;
}

.bbs-post .ui-col-2 {
    text-align: right;
    color: #999;
}

.bbs-post .ui-col-10 {
    max-width: 760px;
}

.bbs-show {
    margin-top: 0px;
}

.bbs-show .tip {
    color: #76838f;
    background: #ecf4ff;
    display: inline-block;
    padding: 15px 20px;
    border-left: 3px solid #3e8ef7;
    border-radius: 2px;
}

.bbs-show .tip a {
    color: #06f;
    margin: 0 10px;
}

.bbs-show .tip a:hover {
    color: #f30;
}


table {
    border-collapse: collapse;
    border-spacing: 0;
    width: 100%;
}

td, th {
    border: 1px solid #eaeaea;
    padding: 10px;
}

.ui-sidebar {
    position: fixed;
    right: 0;
    top: 0;
    display: flex;
    align-items: center;
}

.ui-sidebar ul {
    border-radius: 0;
}

.ui-sidebar ul li:first-child, .ui-sidebar ul li:first-child a {
    border-radius: 0;
}

.ui-sidebar ul li:last-child, .ui-sidebar ul li:last-child a {
    border-radius: 0;
}

.ui-sidebar ul li a {
    width: 50px;
    line-height: 50px;
}

.ui-sidebar ul li a i {
    font-size: 22px;
}

.ui-sidebar ul li div {
    line-height: 40px;
    font-size: 14px;
    min-width: 120px;
}

.ui-sidebar ul li:hover div {
    right: 60px;
}

.ui-sidebar ul li a {
    color: #246FDD;
}

.ui-sidebar ul li a:hover {
    background: #246FDD;
    border-color: #246FDD;
}

.ui-sidebar ul li.active a {
    background: #246FDD;
    border-color: #246FDD;
}

.ui-card-book {
    border: 1px solid #DFEDFF;
    border-radius: 0 20px 0 0;
}

.ui-card-book .ui-card-header {
    padding: 10px 25px;
    line-height: 30px;
    background: #F8FBFF;
    border-bottom: 1px solid #DFEDFF;
    border-radius: 0 20px 0 0;
}

.ui-card-book .ui-card-header .ui-card-header-title {
    border: 0;
    padding: 0;
}

.ui-card-book .ui-card-body {
    padding: 20px 25px 15px 25px;
    word-break: break-all;
}

.ui-card-book .ui-card-footer {
    border-top: 0;
    padding: 0 25px 20px 25px;
}
@charset "utf-8";
* {
    font-family: PingFang SC, -apple-system, BlinkMacSystemFont, Segoe UI, Hiragino Sans GB, Microsoft YaHei, Helvetica Neue, Helvetica, Arial, sans-serif, Apple Color Emoji, Segoe UI Emoji, Segoe UI Symbol;
}

:root {
    --dark-color: #222;
    --web-color: #e60012;
    --other-color: #ee7506;
    --other-color2: #ddcab9;
    --gray-color: #999;
    --yellow-color: #FF7E29;
	--yellow-color2: #FBF1C7
    --dark-border-color: #041501;
}


.web-color {
    color: var(--web-color);
}

/* @font-face {
    font-family: hytiaotiao;
    src: url(../fonts/HYTiaoTiao.woff2') format('woff2');	
    font-display: swap;
} */

@font-face {
    font-family: 'azonixregular';
    src: url('../fonts/azonix-webfont.woff2') format('woff2'),
    url('../fonts/azonix-webfont.woff') format('woff');
    font-weight: normal;
    font-display: swap;
}

@font-face {
    font-family: 'DINCond-Light';
    src: url('../fonts/DINCond-Light.otf') format('opentype');
    font-weight: normal;
    font-display: swap;
}
.x-item a{
    line-height: 2;
    display: inline;
}
.ui-sidebar {
    right: 1.5%;
}

.l-page {
    position: relative;
    overflow: hidden;
    width: 100%;
}

.l-page:after {
    content: "";
    position: absolute;
    top: 0;
    left: 28.2%;
    z-index: -5;
    display: block;
    width: 65.4%;
    height: 100%;
    background-color: #f9f9f9;
}

.l-page__line {
    position: absolute;
    top: 0;
    z-index: 60;
    display: none;
    width: 1px;
    height: 100%;
    background-color: rgba(0, 0, 0, .03);
}

.page-section {
    padding: 0 7.14286%;
}

.section-title {
    padding-bottom: 15px;
}

.section-title h1 {
    font-size: 50px;
    line-height: 1;
    font-weight: 500;
    text-transform: uppercase;
    font-family: DINCond-Regular, sans-serif;
}

.section-title span {
    font-size: 18px;
    line-height: 3;
}
.x-padding{
    padding-top: 60px;
    padding-bottom: 60px;
}

.index-video {
    position: relative;
    width: 100%;
    height: 100%;
}

.index-video .mask {
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    color: #fff;
    display: flex;
    align-items: center;
    justify-content: center;
    text-align: center;
    z-index: 5;
}

.index-video:before {
    content: '';
    position: absolute;
    width: 100%;
    height: 100%;
    background-color: rgba(255,255,255, .1);
    z-index: 2;
}

.index-video video {
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    object-fit: cover;
}

.big-txt {
    font-size: 32px;
    color: var(--web-color);
}

.proshow {
    margin-bottom: 60px;
}

.proshow-body {
    position: relative;
    overflow: hidden;

}

.proshow-bg {
    position: absolute;
    top: 0;
    right: 0;
    width: 93.6%;
    background: #000 url('../images/proshow-bg.jpg') 0 0 /cover no-repeat fixed;
}

.proshow-bg .c-mask {
    position: absolute;
    width: 108.33333%;
    height: 100%;
    top: 0;
    left: 0;
    z-index: 0;
    background-color: rgba(0, 0, 0, .6);
    background-image: linear-gradient(
            -45deg, transparent 25%, rgba(0, 0, 0, .2) 25%, rgba(0, 0, 0, .2) 50%, transparent 50%, transparent 75%, rgba(0, 0, 0, .2) 75%, rgba(0, 0, 0, .2));
    background-position: left top;
    background-size: 4px 4px;
    background-repeat: repeat;
}

.proshow-bg img {
    width: 100%;
    height: auto;
}

.more-link2 {
    position: relative;
    display: block;
    padding: 8px 0;
    width: 100%;
    border: solid 1px rgba(0, 0, 0, .5);
    color: #000;
    text-align: center;
    letter-spacing: .2em;
    font-weight: 400;
    font-display: swap;
    font-size: 14px;
    font-family: "DINCond-Light", sans-serif;
    line-height: 1.57143;
    transition: all .3s;
}

.more-link2:hover {
    background-color: #000;
    color: #fff;
}

.pro-a {
    width: 25%;
    padding: 4%;
    color: #fff;
    position: relative;
}

.pro-a h3 {
    font-weight: normal;
    padding-bottom: 20px;
    margin: 0;
    position: relative;
}

.pro-a h3:after {
    content: '';
    position: absolute;
    display: block;
    width: 40px;
    height: 1px;
    background-color: #fff;
    left: 0;
    bottom: 0;
}

.pro-b {
    width: 75%;
    position: relative;
}

.ui-collapse-menu-body ul li {
    padding: 0 20px;
    line-height: 40px;
}

span.dot {
    display: inline-block;
    width: 4px;
    height: 4px;
    color: red;
}

.col-left #video {
    width: 100%;
    height: 0;
    padding-top: 100%;
    background: #000;
    position: relative;
}

.col-left #video video {
    position: absolute;
    width: 100%;
    height: 100%;
    left: 0;
    top: 0;
}

.swiper-pagination-bullet-active {
    background: var(--web-color);
}

.ui-btn:hover {
    color: #fff;
    border-color: var(--web-color);
    box-shadow: 0 0 20px var(--web-color);
}

.ax-font-lighter {
    font-family: 'DINCond-Light';
}

@font-face {
    font-family: 'DINCond-Regular';
    src: url('../fonts/DINCond-Regular.otf') format('opentype');
    font-weight: normal;
    font-display: swap;
}

.ax-font-light {
    font-family: 'DINCond-Regular';
}

@font-face {
    font-family: 'DINCond-Medium';
    src: url('../fonts/DINCond-Medium.otf') format('opentype');
    font-weight: normal;
    font-display: swap;
}

.ax-font-regular {
    font-family: 'DINCond-Medium';
}

.x-flex li img {
    width: 100%;
}

@font-face {
    font-family: 'DINCond-Bold';
    src: url('../fonts/DINCond-Bold.otf') format('opentype');
    font-weight: normal;
    font-display: swap;
}

.ax-font-bold {
    font-family: 'DINCond-Bold';
}

@font-face {
    font-family: 'DINCond-Black';
    src: url('../fonts/DINCond-Black.otf') format('opentype');
    font-weight: normal;
    font-display: swap;
}

.ax-font-bolder {
    font-family: 'DINCond-Black';
}

h1 {
    font-size: 48px;
}

h2 {
    font-size: 32px;
}

h3 {
    font-size: 24px;
}

h4 {
    font-size: 18px;
}

h5 {
    font-size: 16px;
}

.artshow h1 {
    font-size: 36px;
}

.x-flex {
    display: flex;
    align-items: center;
    justify-content: space-between;
    flex-wrap: wrap;
}

ul, li {
    list-style: none;
}

.x-flex-start {
    align-items: start !important;
}

.x-flex-stretch {
    align-items: stretch !important;
}

.x-flex-center {
    justify-content: center !important;
}

.x-flex-around {
    justify-content: space-around;
}

.x-flex-list-2 > li {
    width: 50%;
}

.x-flex-list-3 > li {
    width: 33.3333%;
}

.x-flex-list-4 > li {
    width: 25%;
}

.x-flex-list-5 > li {
    width: 20%;
}

.x-flex-list-6 > li {
    width: 16.66667%;
}


.ui-collapse-menu-title:hover a, .ui-collapse-menu-body li a:hover {
    padding-left: 0;
}

.ui-collapse-menu-title:hover {
    background-color: var(--web-color);
}

.ui-collapse-menu-title:hover a, .ui-collapse-menu-title:hover i {
    color: #fff;
}

.ui-collapse-menu-title:hover
.ui-collapse-menu-body li:hover {
    background-color: #f5f5f5;
}

.ui-collapse-menu-title i {
    min-width: unset;
    font-size: 16px;
}

.container-left {
    width: 25%;
}
.container-left .ui-box{
    width: 240px;
}
.container-right {
    width: 75%;
    padding: 0 3%;
}

.ui-tabs-nav li.active {
    border-width: 1px;
}

.ui-tabs-nav li a:hover {
    color: var(--web-color);
}


.ui-collapse-menu-body li > a {
    display: inherit;
    font-size: 15px;
}

.ui-collapse-menu-body li a p {
    padding-left: 5px;
}

.ui-collapse-menu-body li a span {
    font-size: 13px;
    font-weight: 100;
}

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


.am-text-nowrap {
    white-space: nowrap;
}

.am-scrollable-horizontal {
    width: 100%;
    overflow-y: hidden;
    overflow-x: auto;
    -ms-overflow-style: -ms-autohiding-scrollbar;
    -webkit-overflow-scrolling: touch;
}

.container-right .content table tr > td:first-child,
.container-right .content table td.td-bg,
.container-right .content table tr:first-child {
    background-color: #f4f4f4;
}

.ui-filter {
    box-shadow: none;
}

.ui-modal {
    border: none;
    overflow: hidden;
}


.ui-collapse-menu-title.active a {
    color: #fff !important;
}

.ui-modal:before {
    content: '';
    width: 80%;
    height: 5px;
    background: var(--web-color);
    display: block;
    position: absolute;
    right: 0;
    top: 0;
    clip-path: polygon(0% 0%, 100% 0%, 100% 100%, 1% 100%);
    -webkit-clip-path: polygon(0% 0%, 100% 0%, 100% 100%, 1% 100%);
}

.yewu li {
    background-color: #f5f5f5;
    margin-bottom: 30px;
}

.yewu li .content {

    padding: 20px;
}

.yewu li h3 {
    font-size: 20px;
    line-height: 3;
}

.yewu li p {
    font-size: 16px;
    line-height: 2;
}

.yewu li .more-link {
    margin-top: 20px;
}

.xgnr {
    display: block !important;
}

.xgnr li {
    width: 100% !important;
    line-height: 45px;
    border: none !important;
    margin-bottom: 10px !important;
}

.border-none, .border-none * {
    border: none !important;
}

.xgnr li a {
    display: flex;
    width: 100%;
    align-items: center;
    justify-content: space-between;
    border-bottom: 1px solid #eee !important;
}

.xgnr li span {
    font-size: 14px;
}

.bg-banner {
    height: 120px;
    position: relative;

}

.bg-banner .x-mask {
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    background-color: rgba(0, 0, 0, .3);
}

@media screen and (min-width: 993px) {
    .proshow-body {
        overflow: visible;

    }

    .proshow-bg {
        top: auto;
        right: auto;

        height: 100%;
        width: 108.33333%;
    }

    .l-page:after {
        right: 7.14286%;
        left: auto;
        width: 64.28571%;
    }

    .l-page__line {
        display: block;
    }

    .l-page__line--item1 {
        left: 7.14286%;
    }

    .l-page__line--item2 {
        left: 28.57143%;
    }

    .l-page__line--item3 {
        left: 50%;
    }

    .l-page__line--item4 {
        left: 71.42857%;
    }

    .l-page__line--item5 {
        left: 92.85714%;
    }

}

@media only screen and (max-width: 992px) {

    .proshow-bg{
        width: 100%;
        height: 100%;
    }
    .pro-a,.pro-b{
        width: 100%;
    }
    .index-banner .swiper-slide > a .mask {
        display: none;
    }

    .x-thumb-content {
        position: static;

    }

    .x-effect:before, .x-effect:after {
        display: none;
    }

    .proshow .col-right .tags {
        margin: 15px 0;

    }

    .proshow .col-right .tags a {
        font-size: 12px;
        padding: 0 5px;
        margin: 0 5px 5px 0;
    }

    .ui-collapse-menu-title:hover a {
        padding-left: 0;
    }

    .x-main-title h3 {
        font-size: 24px;
    }

    .left-adv {
        display: none
    }

    .page-title em {
        font-size: 24px;
    }

    .page-left {
        width: 100%;
        float: none;
        margin-bottom: 30px;
    }

    .left-pro, .left-con, .left-video, .left-solu, .left-work {
        margin-top: 0;
        padding: 0;
        border: none;
    }

    .left_title {
        margin-bottom: 0;
        padding: 0 10px;
        background: var(--web-color);
        text-align: left;
        display: flex;
        align-items: center;
        justify-content: space-between;

    }

    .left_title > em {
        margin: 0;
        font-size: 18px;
        color: #fff;
        padding: 0;
        height: 50px;
        line-height: 50px
    }

    .left_title em:before {
        display: none
    }

    .page-left .left_title > span {
        display: none;
    }

    .left-con .left_title {
        display: block;
    }

    .left_title .column_icon_toggle {
        display: block;
        position: relative;
        font-size: 18px;
        font-weight: normal;
        color: #fff;

    }

    .page-right {
        width: 100%;
        padding: 0;
        float: none;
    }

    .left-cat {
        margin-bottom: 10px;
    }

    .left-cat .left_title em {
        font-size: 20px;
    }

    .left-cat .left_title em:before {
        display: none
    }
}

.textarea-content .ui-form-icon {
    top: 28px;
}


.ui-modal-header .ui-modal-close {
    display: flex;
    align-items: center;
    width: 20px;
    height: 20px;
    justify-content: center;
}

.ui-box-radius .ui-box-title span {
    font-size: 16px;
    color: #fff;
    cursor: pointer;
    font-weight: normal;
}

.ui-box-radius .ui-box-title span i {
    font-size: 14px;
}

.x-container .container-left {
    transform: scale(0, 1);
    height: 0;
}

.x-container .container-right {
    width: 100%;
}

.x-container.open .container-left {
    transform: scale(1);
    height: auto;
}

#open-nav {
    position: fixed;
    top: 60%;
    width: 40px;
    left: -100px;
    z-index: 999;
    background: linear-gradient(90deg, var(--web-color) 40%, var(--other-color) 100%);
    padding: 20px 10px;
    color: #fff;
    font-size: 16px;
    border-radius: 0 10px 10px 0;
    transition: all .3s;
}

#open-nav span {
    font-size: 14px;
}

#open-nav.open {
    left: 0;
}

.x-container.open .container-right {
    width: calc(100% - 280px);
}

.ui-box-radius .ui-box-title #nav-left.active i:before {

}

.container-left .ui-box-radius .ui-box-title h3 span {
    font-size: 24px;
}

.artlist-item:hover .artlist-item-body .title, .ui-tabs-nav li.active a {
    color: var(--web-color);
}

.ui-timeline-dot, .ui-tabs-nav li.active, .ui-box-h2:after {
    border-color: var(--web-color);
}

.ui-btn {
    background: var(--web-color);
    border-color: var(--web-color);
    color: #fff;
}

.ui-box-title {
    background: linear-gradient(90deg, var(--web-color) 40%, var(--other-color) 100%);
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.ui-box-title {
    padding: 30px 20px;
}

.ui-box-radius {
    overflow: hidden;
}

.ui-table td {
    padding: 10px;
}

.ui-collapse-menu {
    margin: 0;
}

.ui-collapse-menu-title {
    padding: 0 20px;
    display: flex;
    align-items: center;
    justify-content: space-between;

}

.ui-collapse-menu-title.active {
    background: #000;
    color: #fff;
}

.ui-collapse-menu-title > a {

    flex: unset;
    transition: unset;
}
.ui-page .page-num{padding:9px 15px;border:1px solid #e4eaec;background:#ffffff;margin-right:6px;}
.ui-page .page-num-current {color:#ffffff;border:0px;background: var(--web-color);border-color: var(--web-color);}
.ui-page .page-num-current a, .page-num-current:hover {color:#ffffff;background: var(--web-color);}
/* 
.ui-page ul li.active {background: var(--web-color);border-color: var(--web-color);}
.ui-page ul li.active a, .ui-page ul li.active a:hover {background: var(--web-color);}
*/
.proshow .col-right .intro {
    text-align: justify;
    line-height: 2;
}

.a-title2 {
    margin-bottom: 30px;
    overflow: hidden;
}

.a-title2 h1 {
    font-size: 40px;
    position: relative;
}

.a-title2 h1 span {
    padding-right: 20px;
}

.a-title2 h1:after {
    content: '';
    width: 100%;
    top: 35px;
    position: absolute;
    background-color: #fff;
    border-bottom: 1px dotted #262626;

}

.banner .swiper-slide img {
    width: 100%;
}

.mobile-show {
    display: none !important;
}

.artshow .info {
    text-indent: -1em;
}

.artlist-item-body .tags {
    margin-top: 5px;
}

.artlist-item-body .tags a {
    background-color: #fff;
    box-shadow: none;
    font-size: 12px;
    line-height: 24px;
    border-color: #ccc;
}

.artlist-item {
    align-items: start;
}

.artlist-item-body .tags a:hover {
    color: #000;
    border-color: #000;
}

.artlist-item-body .desc {
    line-height: 30px;
    margin-top: 10px;
    font-size: 14px;
}

.ui-menu .ui-menu-name {
    border-color: var(--web-color);
    font-size: 20px;
    padding-bottom: 5px;
    font-weight: bold;
}

.ui-menu {
    margin-bottom: 20px;
}

.banner_inner {
    position: relative;
    width: 100%;


}


.banner_inner .ui-bread ul {
    display: flex;
    align-items: center;
    margin-top: 20px;
}

.ui-bread ul li {
    vertical-align: middle;
    font-size: 16px;
    line-height: 30px;
}

.ui-bread ul li i {
    font-size: 16px;
    padding: 0;
}

.ui-bread ul li + li:before {
    padding: 0 8px 0 5px;
    content: '/';
}

#x-loading {
    width: 100vw;
    height: 100vh;
    overflow: hidden;
    display: flex;
    align-items: center;
    justify-content: center;
    position: fixed;
    top: 0;
    left: 0;
    z-index: 9999;
    background-color: #fff;
    display: none;
}

.loader {
    width: 120px;
    height: 120px;
    text-align: center;
    line-height: 120px;
    font-family: sans-serif;
    color: #ffffff;
    font-size: 16px;
    display: block;
    position: relative;
}

.loader span {
    z-index: 3;
}

.loader-bg {
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    background: transparent repeat-x 0 100px/150px 300px url('data:image/png;base64,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');
    z-index: 2;
    animation: wave 1s ease-out forwards;
}


@keyframes fade-in {
    0% {
        opacity: 0;
    }
    100% {
        opacity: 1;
    }
}

@keyframes drop {
    0% {
        bottom: 0px;
        opacity: 1;
    }

    80% {
        opacity: 1;
    }

    100% {
        opacity: 1;
        bottom: -200px;
    }
}

@keyframes wave {
    0% {
        background-position: 0 160px;
        background-size: 170px 300px;
    }

    100% {
        background-position: 500px -18px;
        background-size: 250px 150px;
    }
}

span.dot {
    display: inline-block;
    width: 4px;
    height: 4px;
    background-color: #d4312a;
    vertical-align: middle;
    margin-right: 5px;
}

#sun-mode {
    display: none;
}
.x-path2{
    border-bottom: 1px solid #eee;
}
.x-path2 .ui-bread-1{
    padding: 10px 0;
}
.x-path {
    border-top: 1px solid #eee;
}

.x-path .ui-bread-1 {
    padding: 30px 0;
    display: flex;
    justify-content: flex-end;

}

.x-path .f-tel span {
    font-size: 24px;
}

.banner_inner {
    position: relative;
    background: linear-gradient(60deg, #000 0%, #111542 100%);
    height: 33vh;

}

.banner_inner .title {
    padding-top: 0;
}

.banner_inner .x-mask {
    position: absolute;
    width: 100%;
    height: 100%;
    left: 0;
    top: 0;
    overflow: hidden;
    text-align: left;
    display: flex;
    align-items: center;
    background-color: rgba(0,0,0,.3);
}

.banner_inner .x-mask .content {
    color: #fff;

}

.banner_inner .x-mask .content h1 {
    font-size: 50px;
    margin-top: 20px;
    margin-bottom: 15px;
    line-height: 1;
    font-family: DINCond-Regular,sans-serif;
    font-weight: 500;
    text-transform: uppercase;
}
.banner_inner .x-mask .content span{
    font-size: 18px;
}
.banner_inner .x-mask2 {
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    display: flex;
    align-items: center;
    justify-content: center;
    color: #fff;
    background: rgba(0, 0, 0, .4);
}

.banner_inner .x-mask2 h3 {
    font-size: 48px;
}

.banner_inner .x-mask h1 {
    font-size: 36px;
}

.banner_inner .x-mask .t2 {
    margin-bottom: 20px;
    max-width: 480px;
}

.banner_inner .title, .banner_inner .intro {
    color: var(--web-color);
}

.banner_inner img {
    width: 100%;
}


.x-pro-list {
    align-items: stretch;
}
.x-pro-list li{
    padding: 10px;
}
.li-padding {
    padding: 3%;
}

.x-effect {
    position: relative;
    overflow: hidden;
    cursor: pointer;
}

.x-effect:before {
    content: "";
    position: absolute;
    z-index: 10;
    background-color: rgba(0, 0, 0, .2);
    top: 0;
    left: 0;
    width: 0;
    height: 0;
    transition: all 0.25s linear;
}

.x-effect:after {
    content: "";
    position: absolute;
    z-index: 10;
    background-color: rgba(0, 0, 0, .2);
    right: 0;
    bottom: 0;
    width: 0;
    height: 0;
    transition: all 0.25s linear;
}
.x-effect .img{padding:10px 0; height:100%;overflow:hidden;margin-bottom:1px}
.x-effect .img div{height:320px;}
.x-effect .img:hover{-webkit-transform:scale(1.1);-moz-transform:scale(1.1);-ms-transform:scale(1.1);-o-transform:scale(1.1);transform:scale(1.1)}
/* .x-effect .txt{background:#fff;border-top:1px solid #eee;position:relative}
.x-effect .txt:after{content:"";position:absolute;top:-1px;left:0;width:0;height:2px;background:#15569d;transition:.6s}
.x-effect a:hover .txt:after{height:3px;width:100%}
.x-effect .txt h5{font-size:1.25rem;line-height:2}
.x-effect .txt i{font-size:2rem}
.x-effect a{display:block;border:0px solid #eee}
.x-effect a:hover i{padding-left:2rem} */
li:hover .x-effect:before, li:hover .x-effect:after {
    height: calc(100%);
    width: calc(100%);
}
.x-thumb-content{
    position: relative;
    width: 100%;
    height: 40px;
    line-height: 40px;

}
.x-thumb-content a{
    font-size: 16px;
}
li:hover .x-thumb-content {
    position: absolute;
    width: 100%;
    height: 100%;
    bottom: 0;
    left: 0;
    right: 0;
    text-align: center;
    z-index: 100;
    font-weight: bold;
    padding: 20px 15px;
    display: flex;
    align-items: center;
    justify-content: center;
    transition: all 0.25s linear;
    transition-delay: 0.25s;
    transform: scale(0, 0);
}

li:hover .x-thumb-content > a {
    display: flex;
    width: 100%;
    height: 100%;
    align-items: center;
    justify-content: center;
    color: #fff;
    font-size: 20px; 
}

.x-effect:hover .x-thumb-content {
    transform: scale(1, 1);
}

a:hover {
    color: var(--web-color);
}

.ui-sidebar {
    width: max-content;
    height: auto;
    top: 40%;
}

.ui-sidebar ul {
    box-shadow: none;
}

.ui-sidebar ul li {
    margin-bottom: 10px;
}

.ui-sidebar ul li a {
    height: 50px;
    border-radius: 50% !important;
    color: #999;
}

.ui-sidebar ul li a:hover {
    background: var(--web-color);
    border-color: var(--web-color);
}

.more-link {
    position: relative;
    display: inline-block;
    text-align: center;
    height: 50px;
    line-height: 50px;
    padding: 0 25px;
    min-width: 160px;
    background-image: linear-gradient(90deg, var(--web-color), var(--other-color));
    color: #fff;
    font-size: 14px;
    font-weight: 900;
    text-transform: uppercase;
    transition: all .3s;
    cursor: pointer;
}

.more-link span {
    z-index: 2;
    position: relative;
    color: #fff;
    cursor: pointer;
    font-size: 16px;
}

.more-link:before {
    content: "";
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background: #fff;
    opacity: 0;
    transform: scale(0);
    transition: all 150ms ease-out;
}

.more-link:hover {
    box-shadow: 0 10px 30px #ccc;

}

.more-link:hover:before {
    opacity: 1;
    -webkit-transform: scale(1);
    -ms-transform: scale(1);
    transform: scale(1);
}

.more-link:hover span {
    color: var(--web-color);
}

.x-border {
    border: 1px solid #eaeaea;
}

.x-picture {
    overflow: hidden;
}
.x-picture .img{height:100%;overflow:hidden;margin-bottom:1px}
.x-picture .img div{height:240px;}
.x-picture .img:hover{-webkit-transform:scale(1.1);-moz-transform:scale(1.1);-ms-transform:scale(1.1);-o-transform:scale(1.1);transform:scale(1.1)}

.x-picture img {
    height: 100%;
    overflow:hidden;
}
.x-picture img {
    overflow: hidden;
    position: relative;
    z-index: 1;
    transition-delay: 0s;
    transition-duration: 1s;
    transition-property: all;
    transition-timing-function: ease;
}

.x-picture:hover img {
    transform: scale(1.05, 1.05);
    -ms-transform: scale(1.05, 1.05); /* IE 9 */
    -moz-transform: scale(1.05, 1.05); /* Firefox */
    -webkit-transform: scale(1.05, 1.05); /* Safari and Chrome */
    -o-transform: scale(1.05, 1.05); /* Opera */
}


footer {
    background-color: #000;
    color: #999;
    padding: 3% 0;
    position: relative;
}

footer .foot-logo span {
    color: #fff;
}

.copyright {
    background-color: #000;
    font-size: 14px;
    border-color: #333;
    color: #999;
}

.foot-logo-div p {
    line-height: 2;
}

footer a, .copyright a {
    color: #999;
}

footer a:hover, .copyright a:hover {
    color: #fff;
}

.x-sns a {
    margin-left: 15px;
}

footer .x-sns a:hover {
    color: var(--web-color);
}

.x-sns span {
    font-size: 30px;
}

.foot-logo {
    display: block;
}

.foot-logo img {
    height: 60px;
    margin-bottom: 15px;
}

.foot-logo span {
    font-size: 60px;
    color: var(--web-color);
}

footer .foot-1 {
    border-top: 1px solid #666;
}

footer .foot-1 li h3 {
    font-size: 22px;
    margin-bottom: 20px;
}

footer .foot-1 li h3 span {
    font-weight: normal;
}

footer .foot-1 .list-container li {
    line-height: 30px;
}

footer .link {
    margin-top: 30px;
}

footer .link h4 {
    display: inline-block;
    margin-right: 20px;
}

footer .link a {
    background-color: transparent;
    color: #ccc;
    border-color: #ccc;
    font-size: 14px;
    padding: 5px 10px;
}

footer .link a:hover {
    color: #fff;
    border-color: #fff;
}

footer .foot-1 .contactInfo P {
    margin-bottom: 10px;
}

footer .foot-text {
    padding: 20px 0;
}

footer .contactInfo p.t1 {
    font-size: 32px;
    font-weight: bold;
}

footer .footer-list li h4 {
    display: inline-block;
    line-height: 3;
    border-bottom: 1px solid #666;
    margin-bottom: 15px;
}

footer .footer-list li .list-container li {
    line-height: 2.4;
}

.head-logo {
    height: 65px;
}


.x-header {
    width: 100%;
    padding-left: 30px;
    margin: 0 auto; 
	/*background: rgba(0, 0, 0, 0.1);以下两行均是调整背景色透明度的*/
	background-color: hsla(0, 0%, 100%, 0.1); 
}

.x-main-title {
    position: relative;
    z-index: 2;
    margin-bottom: 60px;
    text-align: center;
}


.x-main-title h1 {
    font-size: 40px;
    position: relative;
    padding-bottom: 20px;
    margin: 0;
}

.x-main-title h1::after {
    content: "";
    display: block;
    position: absolute;
    width: 3.34rem;
    height: 0.25rem;
    border-radius: 0.5rem;
    left: 50%;
    bottom: 0;
    transform: translate(-50%);
    background: linear-gradient(90deg, #24BFF2, #5924F2);
    box-shadow: 0 3px 10px rgba(36, 191, 242, .4);
}


.x-main-title h3 {
    line-height: 2;
    font-size: 24px;
    font-weight: normal;
    opacity: 0.3;
    margin: 0;
    font-family: 'azonixregular', sans-serif;
}

.x-main-title .x-mask {
    z-index: -1;
    top: 0;
    left: 0;
}

.x-main-title .x-mask span {
    font-size: 100px;
    color: #dedede;
}

.about-video {
    display: block;
    position: relative;
    z-index: 10;
}

.about-video video {
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    object-fit: fill;

}

.about-video:before {
    content: '';
    position: absolute;
    width: 100%;
    height: 100%;
    background-color: rgba(0, 0, 0, .3);
    z-index: 2;
}

.about-video span {
    width: 60px;
    height: 60px;
    border: 1px solid #fff;
    border-radius: 50%;
    text-align: center;
    line-height: 60px;
    color: #fff;
    position: absolute;
    font-size: 24px;
    top: 50%;
    left: 50%;
    margin-top: -30px;
    margin-left: -30px;
    transition: all .3s;
    z-index: 5;
}

.about-video:hover span {
    color: var(--web-color);
    background-color: #fff;
    webkit-animation-name: hvr-pulse;
    animation-name: hvr-pulse;
    -webkit-animation-duration: 1s;
    animation-duration: 1s;
    -webkit-animation-timing-function: linear;
    animation-timing-function: linear;
    -webkit-animation-iteration-count: infinite;
    animation-iteration-count: infinite;
}

@-webkit-keyframes hvr-pulse {
    25% {
        -webkit-transform: scale(1.1);
        transform: scale(1.1)
    }
    75% {
        -webkit-transform: scale(0.9);
        transform: scale(0.9)
    }
}

@keyframes hvr-pulse {
    25% {
        -webkit-transform: scale(1.1);
        transform: scale(1.1)
    }
    75% {
        -webkit-transform: scale(0.9);
        transform: scale(0.9)
    }
}

.x-pr {
    position: relative;
}

.x-mask {
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
}

.x-cover {
    width: 100%;
    height: 100%;
    position: relative;
}

.x-cover:before, .x-cover:after {
    content: '';
    background: rgba(255, 255, 255, 0.3) none repeat scroll 0 0;
    bottom: 0;
    left: 0;
    right: 0;
    top: 0;
    opacity: 0;
    position: absolute;
    z-index: 1;
    transition: all 700ms ease 0s;
    -webkit-transition: all 700ms ease 0s;
    -moz-transition: all 700ms ease 0s;
    -ms-transition: all 700ms ease 0s;
    -o-transition: all 700ms ease 0s;
}

.x-pro-list li:hover .x-cover:before {
    left: 50%;
    opacity: 1;
    right: 50%;
}

.x-pro-list li:hover .x-cover:after {
    bottom: 50%;
    opacity: 1;
    top: 50%;
}


/*头部*/
header {
    position: absolute;
    z-index: 990;
    width: 100%;
    top: 0;
}

.x-header {
    width: 100%;
    margin: 0 auto;
    -webkit-transition-duration: 0.5s;
    transition-duration: 0.5s;
}

._fixed .x-header {
    position: fixed;
    top: 0;
    width: 100%;
    z-index: 999;
    border-radius: 0;
    -webkit-animation: sticky 1.2s;
    animation: sticky 1.2s;
    background-color: #fff;
    box-shadow: 0 5px 5px 0 rgba(0, 0, 0, .05);
}

@-webkit-keyframes sticky {
    0% {
        top: -200px;
    }
    100% {
        top: 0;
    }
}

@keyframes sticky {
    0% {
        top: -200px;
    }
    100% {
        top: 0;
    }
}

.head-logo {
    display: flex;
    align-items: center;
    height: 90px;
}

._fixed .head-logo {
    height: 40px;
}

.head-logo a span {
    font-size: 66px;
    color: var(--web-color);
}

._fixed header .head-logo a span {
    font-size: 40px;
}

.head-logo img {
    height: 50px;
}

.logo-text {
    margin-left: 15px;
    padding-left: 15px;
    border-left: 1px solid var(--web-color);
}
.logo1{
    display: none;
}
._fixed .logo1{
    display: block;
}
._fixed .logo2{
    display: none;
}

.logo-text p {
    font-size: 18px;
    line-height: 1.2;
    font-weight: normal;
    color: #fff;
}
._fixed .logo-text p{
    color: #000;
}

.logo-text .t3 {
    font-size: 18px;
    display: none;
}

.nav {
    min-width: unset;
}

.nav .ui-nav > ul {
    display: flex;
    align-items: center;
}

.nav .ui-nav {
    height: 90px;
    align-items: center;
}

.nav ul li {
    border: none;
}

.nav ul li a {
    font-size: 18px;
    line-height: 90px;
    color: #fff;
}

._fixed .nav ul li a {
    line-height: 60px;
    color: #000;
}

.nav ul li ul li a, ._fixed .nav ul li ul li a {
    line-height: 40px;
}

.nav ul li.hotline {
    line-height: normal;
    padding: 0 10px;

}

.nav ul li.hotline .t1 {
    font-size: 14px;
    line-height: 1;
    color: #fff;
}

.nav ul li.hotline .t2 {
    font-size: 24px;
    font-family: DINCond-Bold, sans-serif;
    color: #fff;
}

.nav ul li.hotline span {
    font-size: 36px;
    margin-right: 10px;
    color: #fff;
}
._fixed .nav ul li.hotline .t1{
    color: #333;
}
._fixed .nav ul li.hotline .t2,._fixed .nav ul li.hotline span{
    color: var(--web-color);
}
.nav ul li ul {
    border-top: 2px solid var(--web-color);
}

.nav ul li ul li a {
    font-size: 14px;
    padding: 0 5px;
    text-align: center;
}

.nav ul li.active > a {
    color: var(--web-color);
}

.nav ul li ul li a:hover {
    background-color: var(--web-color);
}

header li.top-search a span {
    font-size: 24px;

}

header li.top-search #searchForm {
    position: absolute;
    padding: 20px;
    background-color: #fff;
    width: 340px;
    right: 0;
    opacity: 0;
    transition: all .3s ease 0s;
    visibility: hidden;
    transform: translate3d(0, 10px, 0);
    box-shadow: 0 3px 10px 0 rgba(51, 51, 51, 0.1);
}

header li.top-search #searchForm .ui-form-group {
    margin: 0;
    padding: 0;
}

header li.top-search #searchForm .ui-input-group {
    width: 100%;
}

header li.top-search #searchForm.open {
    opacity: 1;
    transform: translate3d(0, 0, 0);
    visibility: visible;
}

header li.top-search #searchForm input {
    font-size: 14px;
}

/*首页*/
.index-banner .swiper-slide {
    height: 100vh;
}

.index-banner .swiper-slide > a {
    display: block;
    height: 100%;
}

.index-banner .swiper-slide > a .mask {
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    background-color: rgba(0, 0, 0, .2);
}

.index-banner .swiper-slide img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}


.index-banner .more-link {
    background: #fff;
}

.index-banner .more-link:hover {
    box-shadow: none;
}

.index-banner .more-link span {
    color: var(--web-color);
}

.index-banner .more-link:hover:before {
    background-color: var(--web-color);
}

.index-banner .more-link:hover span {
    color: #fff;
}

.index-banner-b {
    position: absolute;
    width: 100%;
    bottom: 0;
    left: 0;
    display: flex;
    align-items: center;
    justify-content: center;
}

.button-start {
    width: 60px;
    height: 60px;
    position: absolute;
    bottom: 60px;
    z-index: 2;
    opacity: .5;
    transition: all .3s;
}

.button-start:hover {
    opacity: 1;
}

.bottom-style {
    position: absolute;

    width: 100%;
    left: 0;
    bottom: 0;
    z-index: 20;
}

.headShake {
    width: 60px;
    height: 60px;
    text-align: center;
    border-radius: 50%;
    line-height: 60px;
    border: 1px solid #fff;
    transition: 300ms ease-in-out;
    z-index: 2;
    color: #fff;
    font-size: 20px;
    display: block;
    -webkit-animation-timing-function: ease-in-out;
    animation-timing-function: ease-in-out;
    -webkit-animation-name: headShake;
    animation-name: headShake;
    -webkit-animation-duration: 1.5s;
    animation-duration: 1.5s;
    -webkit-animation-iteration-count: infinite;
    animation-iteration-count: infinite;
}

@-webkit-keyframes headShake {
    0% {
        transform: translateY(0);
    }
    6.5% {
        transform: translateY(-6px) rotateX(-9deg);
    }
    18.5% {
        transform: translateY(5px) rotateX(7deg);
    }
    31.5% {
        transform: translateY(-3px) rotateX(-5deg);
    }
    43.5% {
        transform: translateY(2px) rotateX(3deg);
    }
    50% {
        transform: translateY(0);
    }
}

@keyframes headShake {
    0% {
        transform: translateY(0);
    }
    6.5% {
        transform: translateY(-6px) rotateX(-9deg);
    }
    18.5% {
        transform: translateY(5px) rotateX(7deg);
    }
    31.5% {
        transform: translateY(-3px) rotateX(-5deg);
    }
    43.5% {
        transform: translateY(2px) rotateX(3deg);
    }
    50% {
        transform: translateY(0);
    }
}

.organic-bump {
    flex: 0 0 auto;
    display: flex;
    align-items: center;
    justify-content: center;
    width: 25%
}

.organic-bump svg {
    width: 100%;
    fill: #fff;
    z-index: 1;
    margin-bottom: -1px;
}

.waves {
    position: relative;
    width: 100%;
    height: 15vh;
    margin-bottom: -7px; /*Fix for safari gap*/
    min-height: 100px;
    max-height: 150px;
}

/* Animation */

.parallax > use {
    animation: move-forever 25s cubic-bezier(.55, .5, .45, .5) infinite;
}

.parallax > use:nth-child(1) {
    animation-delay: -2s;
    animation-duration: 7s;
}

.parallax > use:nth-child(2) {
    animation-delay: -3s;
    animation-duration: 10s;
}

.parallax > use:nth-child(3) {
    animation-delay: -4s;
    animation-duration: 13s;
}

.parallax > use:nth-child(4) {
    animation-delay: -5s;
    animation-duration: 20s;
}

@keyframes move-forever {
    0% {
        transform: translate3d(-90px, 0, 0);
    }
    100% {
        transform: translate3d(85px, 0, 0);
    }
}

/*Shrinking for mobile*/
@media (max-width: 768px) {
    .waves {
        height: 40px;
        min-height: 40px;
    }

    .waves .content {
        height: 30vh;
    }

    .waves h1 {
        font-size: 24px;
    }
}

.banner .swiper-button-next, .banner .swiper-button-prev {
    background-size: 8px 14px;
}


.banner .banner-control {
    height: 70px;
    display: flex;
    align-items: center;
}

.banner-nav {
    color: var(--web-color);
}

.banner-nav .btn-down span {
    font-size: 20px;
    font-weight: bold;
}

.banner-nav .swiper-pagination-custom {
    position: static;
    width: auto;
    height: 40px;
    line-height: 40px;
    margin-left: 30px;
    font-weight: 700;
    font-family: 'azonixregular', sans-serif;
}

.swiper-pagination-custom .line {
    display: inline-block;
    position: relative;
    height: 1px;
    width: 60px;
    background-color: #a1a1a1;
    vertical-align: middle;
    margin: 0 10px;
}

.banner-nav {
    position: absolute;
    width: 100%;
    height: 70px;
    left: 0;
    bottom: 0;
    z-index: 1;
}

.banner-nav .x-width {
    background-color: #fff;
    border-bottom: 1px solid #ccc;
    padding: 0 30px;
    height: 70px;
    position: relative;
}

.banner-nav .ui-list li {
    border: none;
}

.banner-nav .x-width > .x-flex {
    height: 100%;
}

.banner-news-info {
    text-align: right;
}

.banner-news-info span {
    argin-left: 10px;
    margin-right: 5px;
}

.banner-nav .swiper-button-prev.square-style {
    left: 50px;
}

.banner-nav .swiper-button-next.square-style {
    right: auto;
    left: 110px;
}

.banner .btn-down {
    position: absolute;
    width: 30px;
    height: 30px;
    font-size: 24px;
    left: 50%;
    top: 50%;
    margin-left: -15px;
    margin-top: -15px;

}

.square-style {
    height: 40px;
    width: 40px;
    background-color: var(--web-color);
    opacity: 1;
    display: inline-block;
    margin-right: 10px;
    margin-top: 0;
}

.banner .swiper-button-prev, .banner .swiper-button-next {
    position: static;
}

.banner .swiper-button-prev {
    background-image: url(../images/prev-2.png);
}

.banner .swiper-button-next {
    background-image: url(../images/next-2.png);
}

.banner-nav .banner-tel {
    position: absolute;
    right: 50px;
    top: 0;
    font-size: 24px;
    line-height: 70px;
    display: flex;
    align-items: center;
    color: var(--web-color);
}

.banner-nav .banner-tel span {
    font-size: 24px;
    margin-right: 10px;
}

.banner .banner-bg {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    overflow: hidden;
    background-position: 50% 50%;
    background-repeat: no-repeat;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
    background-attachment: scroll;
}

.banner .x-mask {
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    display: flex;
    align-items: center;
    justify-content: center;
    color: #fff;
    text-align: center;

}

.banner .x-mask .content {
    width: 50%;
    text-align: left;
}

.banner .x-mask .content .t1, .banner .x-mask .content .t2 {
    font-size: 48px;
}

.banner .x-mask .content .t3 {
    margin-top: 30px;
}

.banner .x-mask .content ul {
    display: flex;
    align-items: center;
    justify-content: space-between;
    flex-wrap: wrap;
    margin-bottom: 20px;
}

.banner .x-mask .content ul li {
    width: 30%;
    line-height: 30px;
    margin-bottom: 10px;
}

.banner .x-mask .content ul li p {
    font-size: 18px;
}

.banner .x-mask h1 {
    font-size: 4vw;
}

.banner .x-mask p {
    font-size: 1.3vw;
}

.banner .video {
    position: relative;
    width: 100%;
    height: 100%;
}

.banner .video video {
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    object-fit: fill;
}

.solution-list li .content {
    padding: 10px;
    text-align: center;
}

.solution-list li {
    margin: 20px 0;
}

.product-new-label {
    color: #fff;
    background: var(--web-color);
    font-size: 12px;
    font-weight: 600;
    text-transform: uppercase;
    padding: 3px 10px 10px;
    position: absolute;
    top: 0;
    left: 0;
    clip-path: polygon(0 0, 100% 0, 100% 75%, 15% 75%, 0 100%, 0% 25%);
    z-index: 1;
}

.product-hot-label {
    color: #fff;
    background: #cd1b29;
    font-size: 12px;
    font-weight: 600;
    text-transform: uppercase;
    padding: 3px 10px 10px;
    position: absolute;
    top: 0;
    left: 0;
    clip-path: polygon(0 0, 100% 0, 100% 75%, 15% 75%, 0 100%, 0% 25%);
    z-index: 1;
}

/*index*/

#index-proshow {

}

#index-proshow .x-cate-list {
    padding: 5% 0;
    color: #fff;

}
#index-proshow .x-pro-list{
    margin: 3% 0 1.5%;
}
#index-proshow .mores{
    display: inline-block;
    text-align: left;
}
#index-proshow .x-cate-list li {
    width: calc(33.3333% - 1px);
    margin-bottom: 1px;
    position: relative;
    transition: all .3s;
    color: #fff;
}

#index-proshow .x-cate-list li h4 {
    margin: 0;
}

.c-btn {
    position: relative;
    display: block;
    background: var(--web-color);
    color: #fff;
    padding: 5%;
    transition: all .3s;
}
.c-btn:hover {
    background-color: #222;
    color: #fff;
}
.c-btn-line {
    position: absolute;
    top: 0;
    right: 8%;
    bottom: 0;
    display: block;
    margin: auto;
    max-width: 24px;
    width: 8%;
    height: 1px;
    background-color: rgba(255,255,255,.75);

}

.c-btn-line:before {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    display: block;
    width: 10px;
    height: 1px;
    background-color: rgba(255, 255, 255, .75);
    content: "";
    opacity: 0;
    transition: .3s ease;
    -ms-transform: rotate(0);
    transform: rotate(0);
    -ms-transform-origin: right top;
    transform-origin: right top;
}

.c-btn:hover .c-btn-line {
    animation: btnline .5s 1 cubic-bezier(.645, .045, .355, 1);
}

.c-btn:hover .c-btn-line:before,.active .c-btn-line:before{
    opacity: 1;
    -ms-transform: rotate(30deg);
    transform: rotate(30deg);
}

.c-btn.mores{
    width: 25%;
    padding: 20px;
}
#left-nav{
    max-width: 300px;
}
.left-nav .c-btn{
    background-color: #999;
}
.left-nav li.active .c-btn{
    background-color: #000;
}
.left-nav li{
    margin-bottom: 1px;
}
.left-nav li:hover .c-btn{
    background-color: #000;
}
.left-nav li p{
    line-height: 38px;
    padding-left: 20px;
}
.left-nav li.active > a{
    background-color: #000;
}
#index-about{
    background: linear-gradient(to right, #000000, #111542);
    color: #fff;
}
#index-about a{
    color: inherit;
}




#index-app ul {
    display: flex;
    align-items: stretch;
    justify-content: space-between;
    flex-wrap: wrap;
}

#index-app ul li {
    width: 25%;
    padding: 2px;
}
.section-intro{
    width: 50%;
}
#index-app ul li .x-bg {
    position: relative;
    width: 100%;
    height: 0;
    padding-top: 100%;
    overflow: hidden;
}

#index-app ul li .x-bg img {
    position: absolute;
    width: 100%;
    height: 100%;
    object-fit: cover;
    top: 0;
    transition: all 0.5s;
}

#index-app ul li:hover .x-bg img {
    transform: scale(1.2);
}

#index-app ul li .x-bg .content {
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    display: flex;
    align-items: center;
    justify-content: center;
    color: #fff;
    background-color: rgba(0, 0, 0, .3);
}

#index-app ul li .x-bg .content span {
    padding: 10px 20px;
    border-top: 1px solid #fff;
    border-bottom: 1px solid #fff;
}


.index-div {
    position: relative;
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
    margin-bottom: 30px;
}
#index-case{
    background: linear-gradient(to right, #111542, #000000);
    color: #fff;
}
#index-case .pro-a{
    position: relative;
    padding: 3% 0 3% 3%;
    z-index: 2;
}
#index-case .pro-a > div{
    width: 100%;
}
#index-case .pro-a .section-title{
    text-align: right;
}
.second-about {
    text-align: center;
    border-radius: 10px;
    background: var(--web-color);
    width: 140px;
    height: 140px;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 18px;
    color: #fff;
    font-weight: 100;
    margin: 0 auto 60px;
    background-image: -moz-linear-gradient(0deg, rgb(212 49 42) 0%, rgb(212 121 42) 100%);
    background-image: -webkit-linear-gradient(0deg, rgb(212 49 42) 0%, rgb(212 121 42) 100%);
    background-image: -ms-linear-gradient(0deg, rgb(212 49 42) 0%, rgb(212 121 42) 100%);
}

.about-text span {
    font-size: 60px;
    line-height: 1;
    position: relative;
    display: block;
    font-weight: 600;
    /*font-family: 'azonixregular',sans-serif;*/
}

.about-text span sub {
    font-size: 24px;
    color: var(--web-color);
    font-weight: 400;
}
#index-about li{
    width: 47%;
}
#index-about li img {
    max-width: 100%;
}


#index-about .about-txt p{
    line-height: 2;
    text-align: justify;
    margin-bottom: 20px;
}

#index-news .section-title{
    color: #000;
}
#index-news .pro-a{
    padding: 10px 40px 0 0;
}
#index-news .pro-a li{
    line-height: 40px;
    border-bottom: 1px solid #eee;
}
.wz-list .list{
    padding: 0 5.6% 0 6.4%;
}
.wz-list  li, .list li{
    border-top: 1px solid #bbb;
    margin: 0;
}
.wz-list  li a{ 
    display: flex; 
    font-size: 14px;
    padding: 16px 0;
    line-height: 2;
    -ms-flex-flow: row nowrap;
    flex-flow: row nowrap;
    -ms-flex-pack: start;
    justify-content: flex-start;
    -ms-flex-align: center;
    align-items: center;
}
.pro-a .list{display:block;
    line-height: 2;
	}
.news-date {
    padding-right: 0;
    padding-left: 3.07692%;
	width: 30.25641%;
}
.news-title {
    padding-right: 0;
    font-weight: bold;
    width: 69.74359%;
}
#index-contact {
    position: relative;
    background: linear-gradient(to right, #000000, #111542);
    color: #fff;
}
#index-contact a{
    color: inherit;
}
#index-contact:before {
    content: '';
    position: absolute;
    width: 50%;
    height: 100%;
    left: 0;
    top: 0;
}
#index-contact .pro-a {
    width: 33.333%;
    color: #fff;
    padding: 0;
    position: relative;
}
#index-contact .pro-a form{

    position: relative;
    z-index: 10;
}
#index-contact .ui-form-limit-text{
    color: #fff;
}
#index-contact .pro-a .ui-form-group .ui-form-ip{
    color: #fff;
    background-color: #333;
    border: none;
}
#index-contact .pro-b{
    width: 63.66667%;
    padding-left: 40px;

}
#index-contact .pro-b p{
    line-height: 3;
}
.en-font {
    font-size: 20px;
}
#particles-js canvas {
    display: block;
    vertical-align: bottom;
}

#particles-js {
    width: 100%;
    height: 100%;
    background-size: cover;
    background-position: 50% 50%;
    background-repeat: no-repeat;
    position: absolute;
    top: 0;
    left: 0;
}

#index-news .more-link {
    display: block;
    margin: 40px auto 0;
    width: 160px;
}

.news-list li {
    padding: 10px;
    margin-bottom: 0.75%;
    transition: all .3s;
}

.news-list li > a {
    display: block;
    overflow: hidden;
}

.news-list li .img-box {
    height: 280px;
    display: flex;
    align-items: center;
    justify-content: center;
    background: #e5e5e5;
    position: relative;
    overflow: hidden;
}

li .no-pic, li .has-pic {
    width: 100%;
    height: 0;
    padding-top: 56.25%;
    background: linear-gradient(90deg, #ddd, #fff, #ddd);
    position: relative;
    transition: all .3s
}
li:hover .no-pic, li:hover .has-pic{
    transform: scale(1.1);
}
li .no-pic .p-mask{
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    display: flex; 
    align-items: center;
    justify-content: center;

}
li .no-pic img{
    width: 40%;
}
li .has-pic img {
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    -o-object-fit: cover;
    object-fit: cover;
}

li .no-pic span {
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    color: var(--web-color);
    font-size: 60px;
    display: flex;
    align-items: center;
    justify-content: center;

}


.news-list li .img-box img {
    width: 100%;
    top: 0;
    left: 0;
    position: absolute;
}

.news-list li .x-content {
    background-color: #f5f6f8;
    padding: 20px 5px;
    text-align: left;
}

.news-list li h4 {
    position: relative;
    margin-bottom: 15px;
}

.news-list li h4 a {
    display: inline;
}

.news-list li h4:after {
    /*content: '';*/
    display: block;
    width: 60px;
    height: 2px;
    background-color: var(--web-color);
    margin: 5px auto;
}

.news-list li p {
    font-size: 14px;
    margin: 0;
    color: #999;
}

.news-list li p span {
    font-size: 14px;
}

#zhineng {
    position: relative;
}

#zhineng li {
    background-color: #fff;
    padding: 0 !important;
    border: 5px solid #ddd !important;
}

#zhineng .content {
    position: relative;
    padding: 30px;
}

#zhineng li .xh {
    width: 160px;
    line-height: 60px;
    background-color: #d4312a;
    color: #fff;
    line-height: 60px;
    text-align: center;
    font-size: 40px;
    font-weight: bold;
    border-radius: 20px 0 20px 0;
    position: absolute;
    transition: all .5s;
    z-index: 2;

}

#zhineng li:nth-child(3), #zhineng li:nth-child(4) {
    margin-bottom: 0;
}

#zhineng li:nth-child(1) .xh {
    right: -15px;
    bottom: -15px;
    border-radius: 0 20px 0 20px;
}

#zhineng li:nth-child(2) .xh {
    left: -15px;
    bottom: -15px;
}

#zhineng li:nth-child(3) .xh {
    right: -15px;
    top: -15px;
    border-radius: 20px 0 20px 0;
}

#zhineng li:nth-child(4) .xh {
    left: -15px;
    top: -15px;
    border-radius: 0 20px 0 20px;
}

#zhineng li:nth-child(1):hover .xh {
    right: 0;
    bottom: 0;
    border-radius: 0;
}

#zhineng li:nth-child(2):hover .xh {
    left: 0;
    bottom: 0;
    border-radius: 0;
}

#zhineng li:nth-child(3):hover .xh {
    right: 0;
    top: 0;
    border-radius: 0;
}

#zhineng li:nth-child(4):hover .xh {
    left: 0;
    top: 0;
    border-radius: 0;
}

#zhineng li:hover {
    box-shadow: none !important;
}

#zhineng li .nr {
    padding: 30px;
    height: 180px;
    transition: all .5s;
}

#zhineng li:hover {
    border-color: #d4312a !important;
}

#zhineng li .nr p {
    font-size: 20px;
    font-weight: bold;
}

#zhineng li:hover span, #zhineng li:hover .nr p {
    color: #d4312a;
}

#zhineng h1 {
    margin: 0;
    line-height: normal;
}

#zhineng h1 span {
    font-size: 50px;
}

.am-text-danger {
    color: var(--web-color);
}

.container-right .ui-text-center p {
    font-size: 20px;
    text-align: center !important;
}

#support .container-right li {
    border: none;
    text-align: left;
}

#support .container-right .ui-tabs-nav li {
    border: 1px solid #eee;
}

#support .container-right .ui-tabs-nav li.active {
    border-color: var(--web-color);
}

#support .container-right .ui-tabs-nav li.active a {
    color: var(--web-color);
}

#support .container-right li p {
    text-align: left !important;
    margin-bottom: 25px;
}

#download li {
    width: 100%;
    border: none;
}

.download {
    display: flex;
    align-items: center;
    justify-content: space-between;
    flex-wrap: wrap;
}

.download p {
    width: 48%;
    border-bottom: 1px solid #ddd;
}

.download p:after {
    content: "\e809";
    display: inline-block;
    float: right;
    font-size: 20px;
    font-family: "iconfont" !important;
}

#solution ul {
    margin-bottom: 40px;
}

#about {
    background: #fff;
    position: relative;
    height: 100vh;
    z-index: 10;
}

#about .x-mask {
    position: absolute;
    width: 75%;
    height: 100%;
    top: 0;
    left: 0;
    display: flex;
    align-items: center;
    justify-content: center;
}

#about .x-mask .content {


    width: 80%;
}

#about .x-mask .content h1 {
    color: var(--web-color);
}

#about .x-mask .content p {
    margin: 24px 0;

    text-align: justify;
    line-height: 1.6;
}

#about .x-mask2 {
    position: absolute;
    width: 25%;
    height: 100%;
    top: 0;
    right: 0;
    background: #000;
    background: url("../images/about-bg1.jpg") 0 0 /cover no-repeat;
    display: flex;
    align-items: center;
    justify-content: center;
}
#about .x-mask2:before{
    content: '';
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    right: 0;
    background-color: rgba(0,0,0,.7);
}
#about .x-mask2 .content {
    width: 80%;
    text-align: center;
    padding: 10px;
    color: #fff;
    position: relative;
    z-index: 2;
}
#about .x-mask2 .content .item{
    padding: 30px 0;
}
#about .x-mask2 .content h2 span{
    line-height: 1;
    font-size: 50px;
}
#about .x-mask2 .content h2 b{
    font-weight: normal;
    font-size: 14px;
}
#about .x-mask2 .content p {
    line-height: 1;
    font-size: 16px;
    color: #fff;
}

#about .x-mask2 .content p span {
    font-size: 30px;
}

#about2 .pro-a{
    width: 25%;
    padding: 0;
    color: #000;
}
#about2 .pro-b{
    width: 75%;
}
#about2 .pro-b ul{
    padding: 0 3%;
}
#about2 h1 {
    color: var(--web-color);

}

#about2 li {

    overflow: hidden;
    padding: 10px;
    transition: all .3s;
    background-color: transparent;

}
#about2 li img{
    border-radius: 15px;
    transition: all .3s;
}
#about2 li:first-child{
    width: 100%;
}
#about2 li:hover img{
    padding: 0;
    transform: scale(1.1);
    box-shadow: 0 0 10px #ccc;
}

#about2 li h2 {
    font-size: 26px;
    margin-bottom: 20px;
}

#about2 li span {
    font-size: 50px;
    width: 80px;
    height: 80px;
    line-height: 80px;
    background-color: #fff;
    color: var(--web-color);
    text-align: center;
    font-weight: normal;
    margin: 0 auto 20px;
}

#about2 li p {
    font-size: 16px;
    text-align: justify;
}
#about2 .about-video{
    width: 80%;
}
#about2 .about-video:before{
    border-radius: 20px;
}
#about2 .pro-a img{
    width: 100%;
    border-radius: 20px;
}
#about3 {
    background-color: #eee;
}

#about3 h1 {
    color: var(--web-color);
}

#about3 .swiper-slide {
    width: 100%;
    background-color: #fff;
    display: flex;
    align-items: stretch;
    justify-content: space-between;
    position: relative;
    margin-top: 40px;
}

#about3 .swiper-slide img {
    width: 60%;
}

#about3 .swiper-slide .x-mask {
    width: 40%;
    padding: 40px;
    left: auto;
    right: 0;
    display: flex;
    align-items: center;
}

#about3 .swiper-slide .x-mask .content {
    position: relative;
    z-index: 10;
}

#about3 h3 {
    font-size: 28px;
    font-weight: 500;
}

#about3 .swiper-slide i {
    position: absolute;
    line-height: 1;
    text-align: center;
    font-size: 200px;
    color: #f8f8f8;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    z-index: 1;
}

#about3 .swiper-slide h3 {
    margin-bottom: 20px;
}

#about3 .swiper-slide h3 span {
    color: var(--web-color);
}

#about4 ul {
    margin-top: 40px;
}

#about4 li, #culture li {
    text-align: center;
    position: relative;
}

#about4 h1 {
    text-align: center;
    color: var(--web-color);
}

.data-a {
    width: 220px;
    height: 220px;
    border-radius: 50%;
    margin: 0 auto;
    display: flex;
    align-items: center;
    justify-content: center;
    background-color: var(--web-color);
    box-shadow: inset 0 0 20px 0 rgba(0, 0, 0, .2);;
    color: #fff;
    position: relative;
}

#about4 li:before, #culture li:before {
    content: '';
    width: 100%;
    height: calc(100% - 110px);
    position: absolute;
    left: 0;
    bottom: 0;
    background-color: #eee;
}

.data-b {
    font-size: 18px;
}

.data-b span {
    font-size: 40px;
    line-height: 1;
    margin-right: 10px;
}

.data-c {
    position: relative;
    padding: 20px 20px 40px;
    background-color: #eee;
    z-index: 2;
}
/*单页*/
.thumb-list li{
    padding: 10px;
}
/*荣誉资质*/
.honor-list li{
    padding: 10px;
}
.honor-list li .x-content {
    line-height: 45px;
    padding: 0 15px;
    text-align: center;
    background-color: #f5f5f5;
}

.honor-list li .x-content span {
    display: inherit;
}

.honor-list li {
    margin-bottom: 4%;
    transition: all .3s;
}

.honor-list li:hover {
    box-shadow: 0 0 10px #ccc;
}

.honor-list li .honor-bg {
    position: relative;
    height: 0;
    padding-top: 62.5%;
}

.honor-list li .honor-bg > a {
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    overflow: hidden;
    display: flex;
    align-items: center;
    justify-content: center;
}

.honor-list li .honor-bg > a img {
    height: 100%;
    width: auto;
    transition: all .3s;
}

.honor-list li:hover .honor-bg > a img {
    transform: scale(1.1);
}
@media (min-width: 2400px) {
    .banner_inner {
        padding-top: 10%;
    }
}


@media (max-width: 1600px) {
    .x-main-title h1 {
        font-size: 32px;
    }

    #index-map .flexbox .leftbox h2 {
        font-size: 50px;
    }

    .nav ul li a {
        padding: 0 15px;
    }
}

@media (max-width: 767px) {
    #index-map .flexbox .leftbox h2 {
        margin: 0 0 15px;
    }
}

@media (max-width: 575px) {
    #index-map .flexbox .leftbox h2 {
        font-size: 25px;
        /* text-align: center; */
    }
}

#index-map .flexbox .leftbox .tit {
    font-size: 36px;
    color: #333;
    margin: 0 0 35px;
}

@media (max-width: 1600px) {
    .head-logo a span {
        font-size: 32px;
    }

    .nav ul li a {
        font-size: 16px;
    }
}

@media (max-width: 1440px) {
    #index-pro .drop {
        transform: scale(0.8);
    }

    #index-map .flexbox .leftbox .tit {
        font-size: 25px;
    }

}

@media (max-width: 1366px) {
    .x-pro-list li {
        width: 31%;
    }

}

@media (max-width: 767px) {
    #index-map .flexbox .leftbox .tit {
        margin: 0 0 20px;
    }
}

@media (max-width: 575px) {
    #index-map .flexbox .leftbox .tit {
        font-size: 18px;
        /* text-align: center; */
        margin: 0 0 5px;
    }
}

#index-map .flexbox .leftbox .des {
    font-size: 18px;
    color: #666;
}

@media (max-width: 575px) {
    #index-map .flexbox .leftbox .des {
        font-size: 14px;
        /* text-align: center; */
    }
}

#index-map .flexbox .rightbox {
    flex: 1;
}

#index-map .flexbox .rightbox .bussiness-map {
    position: relative;
    width: 100%;
    max-width: 994px;
    margin: 0 0 0 auto;
}

#index-map .flexbox .rightbox .bussiness-map img {
    width: 100%;
}

#index-map .flexbox .rightbox .bussiness-map .appoint {
    position: absolute;
    width: 6px;
    height: 6px;
    border-radius: 50%;
    background: #062863;
    display: flex;
    justify-content: center;
    align-items: center;
}

#index-map .flexbox .rightbox .bussiness-map .appoint .i {
    flex: 0 0 40px;
    min-width: 40px;
    height: 40px;
    border-radius: 50%;
    background: rgb(106, 189, 226);
    border: 1px solid #062863;
    animation: scalemap 2s linear infinite;
    -moz-animation: scalemap 2s linear infinite;
    -webkit-animation: scalemap 2s linear infinite;
}

#index-map .flexbox .rightbox .bussiness-map .appoint.a1 {
    top: 20%;
    left: 15%;
}

#index-map .flexbox .rightbox .bussiness-map .appoint.a2 {
    top: 40.1%;
    left: 13.3%;
}

#index-map .flexbox .rightbox .bussiness-map .appoint.a3 {
    top: 33.5%;
    left: 16.7%;
}

#index-map .flexbox .rightbox .bussiness-map .appoint.a4 {
    top: 30.2%;
    left: 20.8%;
}

#index-map .flexbox .rightbox .bussiness-map .appoint.a5 {
    top: 42.1%;
    left: 24.3%;
}

#index-map .flexbox .rightbox .bussiness-map .appoint.a6 {
    top: 37%;
    left: 27.6%;
}

#index-map .flexbox .rightbox .bussiness-map .appoint.a7 {
    top: 58.7%;
    left: 27.6%;
}

#index-map .flexbox .rightbox .bussiness-map .appoint.a8 {
    top: 65.5%;
    left: 32.7%;
}

#index-map .flexbox .rightbox .bussiness-map .appoint.a9 {
    top: 52%;
    left: 46.8%;
}

#index-map .flexbox .rightbox .bussiness-map .appoint.a10 {
    top: 28.5%;
    left: 50.9%;
}

#index-map .flexbox .rightbox .bussiness-map .appoint.a11 {
    top: 48.5%;
    left: 50.1%;
}

#index-map .flexbox .rightbox .bussiness-map .appoint.a12 {
    top: 68.7%;
    left: 50.9%;
}

#index-map .flexbox .rightbox .bussiness-map .appoint.a13 {
    top: 25%;
    left: 58.5%;
}

#index-map .flexbox .rightbox .bussiness-map .appoint.a14 {
    top: 47.2%;
    left: 61%;
}

#index-map .flexbox .rightbox .bussiness-map .appoint.a15 {
    top: 26.7%;
    left: 69.3%;
}

#index-map .flexbox .rightbox .bussiness-map .appoint.a16 {
    top: 53.7%;
    left: 69.4%;
}

#index-map .flexbox .rightbox .bussiness-map .appoint.a17 {
    top: 31.7%;
    left: 71%;
}

#index-map .flexbox .rightbox .bussiness-map .appoint.a18 {
    top: 25%;
    left: 72.8%;
}

#index-map .flexbox .rightbox .bussiness-map .appoint.a19 {
    top: 29.9%;
    left: 73.6%;
}

#index-map .flexbox .rightbox .bussiness-map .appoint.a20 {
    top: 45.1%;
    left: 73.7%;
}

#index-map .flexbox .rightbox .bussiness-map .appoint.a21 {
    top: 53.7%;
    left: 76.1%;
}

#index-map .flexbox .rightbox .bussiness-map .appoint.a22 {
    top: 43.6%;
    left: 79.5%;
}

#index-map .flexbox .rightbox .bussiness-map .appoint.a23 {
    top: 63.7%;
    left: 79.4%;
}

#index-map .flexbox .rightbox .bussiness-map .appoint.a24 {
    top: 82.3%;
    left: 81.1%;
}

@keyframes scalemap {
    0% {
        transform: scale(0.2);
        opacity: 1;
    }
    100% {
        transform: scale(1.5);
        opacity: 0;
    }
}

@-moz-keyframes scalemap {
    0% {
        transform: scale(0.2);
        opacity: 1;
    }
    100% {
        transform: scale(1.5);
        opacity: 0;
    }
}

@-webkit-keyframes scalemap {
    0% {
        transform: scale(0.2);
        opacity: 1;
    }
    100% {
        transform: scale(1.5);
        opacity: 0;
    }
}

@-o-keyframes scalemap {
    0% {
        transform: scale(0.2);
        opacity: 1;
    }
    100% {
        transform: scale(1.5);
        opacity: 0;
    }
}

.x-play:before {
    content: '';
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
    -moz-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    background: rgba(218, 14, 43, .5);
    opacity: 0;
    width: 100%;
    height: 100%;
    border-radius: 100% !important;
    border-radius: inherit;
    -webkit-animation: ks 3s infinite;
    -moz-animation: ks 3s infinite;
    animation: ks 3s infinite;
    display: block;
    z-index: -1
}

.x-play:after {
    content: '';
    position: absolute;
    top: 50%;
    left: 50%;
    border-radius: 100% !important;
    -webkit-transform: translate(-50%, -50%);
    -moz-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    background: rgba(218, 14, 43, .5);
    opacity: 0;
    width: 100%;
    height: 100%;
    border-radius: inherit;
    -webkit-animation: ks 3s infinite;
    -moz-animation: ks 3s infinite;
    animation: ks 3s infinite;
    display: block;
    z-index: -1;
    -webkit-animation-delay: .4s;
    -moz-animation-delay: .4s;
    animation-delay: .4s
}


/*栏目*/
#law h1 {
    margin-bottom: 60px;
}

#team {
    background-color: #f5f5f5;
}

#team .page-content {
    max-width: 1400px;
    margin: 0 auto;
}

img.qrcode {
    width: 120px !important;
}

#intro .x-main-title {
    text-align: center;
    margin-bottom: 40px;
}

.cate-left {
    width: 70%;
    padding-right: 60px;
}

.cate-right {
    width: 30%;
    margin-bottom: 30px;
}

/*定制服务*/
#service ul {
    width: 100%;
    padding: 100px;
    margin: 40px auto;
    background-color: var(--web-color);
}

#service ul li {
    text-align: center;
    background-color: #fff;
    padding: 20px;
    border-radius: 10px;
    height: 180px;
    margin: 1.2% 0;
    display: flex;
    align-items: center;
    justify-content: center;

}

#service ul li span {
    display: block;
    font-size: 60px;
    color: var(--web-color);
    font-family: DINCond-Bold, sans-serif;
}

#video-center .x-main-title {
    margin-bottom: 40px;
}

.video-list li {
    margin-bottom: 30px;
}

.video-content {
    position: relative;
    width: 100%;
    height: 0;
    padding-top: 56.25%;
    background-color: #000;
}

.video-content iframe, .video-content video {
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
}

#masonry li {
    width: 25%;
    padding: 10px;
    margin: 0;
}

#masonry li img {
    width: 100%;
}


.banner_about {
    position: relative;
    height: 700px;
}


.cate-nav {
    border-bottom: 1px solid #eee;
}
#contact-1 {
    background-color: #f5f5f5;
}
.box-icon{
    width: 80px;
    height: 80px;
    background-color: #e8f7f6;
    border-radius: 50%;
    text-align: center;
    line-height: 80px;
    position: relative;
    z-index: 10;
}
li:hover .box-icon{
    background: linear-gradient(283deg,#1fb0a8 0%,#31c9c0 68%);
    box-shadow: -5px 10px 30px #31c9c04d;
    transition: all .12s ease-in-out;
}
.box-icon span{
    font-size: 30px;
}
li:hover .box-icon span{
    color: #fff;
}
.box-content{
    width: calc(100% - 100px);
    position: relative;
    z-index: 10;
}
.icon-list1{
    margin-bottom: 40px;

}
.icon-list1 li{
    width: 32%;
    display: flex;
    align-items: center;
    position: relative;
    justify-content: space-between;
    padding: 50px 25px 50px 60px;
    border-radius: 20px;
    background-color: #fff;
}
.icon-list1 li:after{
    content: '';
    width: 100%;
    height: 100%;
    display: inline-block;
    position: absolute;
    top: 0;
    left: 0;
    border-radius: 20px;
    opacity: 0;
    transition: opacity .25s ease-in;
}
.icon-list1 li:nth-child(1):after{
    background: transparent radial-gradient(closest-side at 20% 35%,#6e93fb 0%,#0041ff 100%);
}
.icon-list1 li:nth-child(2):after{
    background: transparent radial-gradient(closest-side at 20% 35%,#f897af 0%,#f44571 100%);
}
.icon-list1 li:nth-child(3):after{
    background: transparent radial-gradient(closest-side at 20% 35%,#1cc156 0%,#0d6336 100%);
}
.icon-list1 li:nth-child(1) .box-icon{
    box-shadow: -5px 15px 30px #0041FF;
    background-image: linear-gradient(180deg,#6e93fb 0%,#0041ff 100%);
    
}
.icon-list1 li:nth-child(2) .box-icon {
    box-shadow: -5px 15px 30px #F44571;
    background-image: linear-gradient(180deg, #f897af 0%, #f44571 100%);
}
.icon-list1 li:nth-child(3) .box-icon {
    box-shadow: -5px 15px 30px #45f47f;
    background-image: linear-gradient(180deg, #1cc156 0%, #0d6336 100%);
}
.icon-list1 li:hover:after{
    opacity: 1;
}
.icon-list1 li:hover .box-icon{
    box-shadow: none;
    background: #fff!important;
}
.icon-list1 li:hover .box-content,.icon-list1 li:hover .box-content a{
    color: #fff;
}
.icon-list1 li .box-icon span{
    color: #fff;
}
.icon-list1 li:nth-child(1):hover{
    box-shadow: -10px 40px 80px #214bd2 !important;
}
.icon-list1 li:nth-child(2):hover{
    box-shadow: -10px 40px 80px #F44571 !important;
}
.icon-list1 li:nth-child(3):hover{
    box-shadow: -10px 40px 80px #27a75f !important;
}
.icon-list1 li:nth-child(1):hover .box-icon span{
    color: #0041ff;
}
.icon-list1 li:nth-child(2):hover .box-icon span{
    color: #f44571;
}
.icon-list1 li:nth-child(3):hover .box-icon span{
    color: #0d6336;
}
#contact-2{
    background-color: #fff;
}
#contact-2 .pro-a{
    width: 40%;
    padding: 0;
}
#contact-2 .pro-b{
    width: 55%;
}
#contact-2 .ui-input-group{
    margin-bottom: 15px;
}
button.more-link{
    border: none;
}
#allmap1 {
    position: absolute;
    width: 100%;
    height: 100%;
    overflow: hidden;
    left: 0;
    top: 0;
}
#job .job-left {
    width: 70%;
}

#job .job-right {
    width: 30%;
    padding-left: 60px;
}

.add_job {
    width: 100%;
    padding: 20px;
    position: fixed;
    text-align: center;
    left: 0;
    bottom: 0;
    background-color: #fff;
    z-index: 999;
    border-top: 1px solid #ccc;
    display: none;
}

.add_job.close {
    display: none !important;
}

.add_job .job-btn-close {
    display: block;
    text-align: center;
    margin: 10px auto 0;
    font-size: 16px;
}

#job .job-pic {
    max-width: 1200px;
    margin: 20px auto;
    padding: 40px;
    border: 1px solid #ccc;
}

#job .gshd li {
    margin-bottom: 20px;
}

#job #job-top {

}

.lmjs {
    text-align: center;
}

.lmjs h1 {
    margin-bottom: 20px;
}

.lmjs p {
    font-size: 16px;
}

#job #job-top .swiper-button-next, #job #job-top .swiper-button-prev {
    width: 60px;
    height: 60px;
    display: flex;
    align-items: center;
    justify-content: center;
    background-image: none;
    background-color: #fff;
    opacity: 0;
    transition: all .3s;
    color: #333;
}

#job #job-top:hover .swiper-button-next, #job #job-top:hover .swiper-button-prev {
    opacity: 1;
    background-color: var(--web-color);
    color: #fff;
}

#job #job-thumbs {
    margin-top: 20px;
}

#job #job-thumbs .swiper-slide {
    cursor: pointer;
    opacity: 0.3;
}

#job #job-thumbs .swiper-slide.swiper-slide-thumb-active {
    opacity: 1;
}

#job .swiper-slide img {
    width: 100%;
}

.subject {
    font-size: 24px;
    margin: 40px 0 20px;
}

h3.am-text-danger {
    font-size: 22px;
    font-weight: bold;
    color: var(--web-color);
}

.video {
    position: relative;
    width: 100%;
    height: 0;
    padding-top: 56.25%;
}

.video video {
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
}

.subject:before {
    content: '';
    border-left: 3px solid var(--web-color);
    margin-right: 10px;
}

.next-prev {
    display: flex;
    align-items: center;
    justify-content: space-between;
    flex-wrap: wrap;
    padding: 40px 0;
}

.next-prev .wz-content {
    border: 1px solid #ddd;
    line-height: 40px;
    padding: 0 10px;
}

.wz-content span {
    font-size: 16px;
}

.page-content h3 {
    margin: 30px 0 10px;
}

.page-content p {
    margin-bottom: 20px;
    line-height: 2;
    text-align: justify;
}

.page-content p img {
    max-width: 100%;
}

.page-content p.am-margin-sm {
    line-height: 2;
    margin-bottom: 5px;
}


table.no-bg {
    border: none;
    font-size: 14px;
}

table.no-bg td {
    border: none;
}

.culture-content {
    position: relative;
}

.culture-content img {
    width: 100%;
}

.culture-content .x-mask {
    display: flex;
    align-items: center;
    padding: 0 5%;
}

.culture-content .x-mask h3 {
    font-family: azonixregular, sans-serif;
    color: var(--web-color);
    font-size: 60px;
}

/*contact*/
.contact-map {
    width: 50%;
    position: relative;
}

.contact-map iframe {
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
}

.contact-info {
    width: 45%;
}

.contact-info .item, .contact-map .item {
    padding: 20px 0;
    border-bottom: 1px solid #ddd;
}

.contact-info h1, .contact-map h1 {
    font-size: 32px;
}

.contact-map h4 {
    line-height: 2;
}

/*产品详情*/
.content3 .more-link {
    margin-top: 30px;
}
.ui-collapse-menu-body ul li>a{
    font-size: 17px;
}
.son-cate2{
    border-left: 1px solid #ddd;
    margin-left: 5px;
}
.son-cate2 p{
    font-size: 15px;
    display: flex;
    align-items: center;
}
.son-cate2 p:before{
    content: '';
    width: 10px;
    height: 1px;
    background-color: #ddd;
    display: block;
    margin-right: 3px;
}
.ui-collapse-menu-body ul li.active > a {
    color: var(--web-color);
}

.ui-modal-header .ui-modal-title {
    font-size: 24px;
}


.gallery-top {
    padding-right: 5px;
}

.gallery-top .swiper-slide img {
    width: 100%;
}

.gallery-top .swiper-slide {
    border: 1px solid #eee;
}

.gallery-thumbs {
    margin-top: 20px;
}

.gallery-thumbs .swiper-slide {
    cursor: pointer;
    padding: 2px;
    border: 1px solid #eee;
    opacity: 0.5;
}

.gallery-thumbs .swiper-slide img {
    width: 100%;
}

.gallery-thumbs .swiper-slide.swiper-slide-thumb-active {
    border-color: var(--web-color);
    opacity: 1;
}

h1.pro-title {
    font-size: 36px;
    margin-bottom: 30px;

}

.ui-tabs-nav li a {
    font-size: 20px;
}

.ui-tabs-content .ui-tabs-pane h3 {
    margin-top: 30px;
}

.proshow .contact-info .x-flex {
    justify-content: start;
}

.proshow .contact-info {
    width: 100%;
    justify-content: start;
    align-items: center;
    margin-top: 30px;
}

.proshow .contact-info .hotline span {
    font-size: 50px;
    line-height: 1;
    margin-right: 10px;
    color: var(--web-color);
}

.proshow .contact-info p {
    margin: 0;
}

.proshow .contact-info .hotline {
    padding-right: 40px;
}

.proshow .contact-info p.t1 {
    font-size: 14px;
    line-height: 1;
}

.proshow .contact-info p.t2 {
    font-size: 32px;
    color: var(--web-color);
    line-height: 1;
}

.proshow .contact-info .m-code {
    padding-left: 40px;
    text-align: center;
    border-left: 1px solid #eee;
}

.proshow .contact-info .m-code p {
    font-size: 12px;
}

#qrcode {
    text-align: center;
}

#qrcode canvas {
    padding: 5px;
    border: 1px solid rgba(13, 141, 82, .3);
}

.case-list .ui-piclist-item {
    margin: 0;
    padding: 0;
}
.pro-contact{
    margin: 3% 0;

    border-radius: 20px;
    background-color: #fff;
}
.pro-contact ul{
    padding: 40px 0;
}
.pro-contact ul li{
    display: flex;
    padding: 0 30px;
    align-items: center;
    justify-content: space-between;
}
.pro-contact ul li+li{
    border-left: 1px solid #eee;
}

.pro-other {
    padding: 3%;
    background-color: #fff;
}
.pro-other .x-pro-list li{
    width: 24%;
    padding: 0;
}
.pro-other .x-pro-list{
    margin-bottom: 40px;
}
.pro-other .ui-list li {
    padding: 10px;
}

@media (max-width: 1440px) {

    .ui-tabs-nav li a {
        font-size: 16px;
    }

    h1 {
        font-size: 36px;
    }

    .nav ul li ul li a {
        font-size: 14px;
        line-height: 36px;
    }

    .about2 li h3 {
        font-size: 18px;
    }

    .about2 li span {
        margin-right: 10px;
        font-size: 30px;
    }

    #story li.item h2, #culture li:nth-child(5) .mask h1 {
        font-size: 24px;
    }

    .contact-info h1, h1.pro-title {
        font-size: 28px;
    }

    h3 {
        font-size: 20px;
    }
}

@media (max-width: 1280px) {
    body {
        font-size: 14px;
    }

    .nav ul li a {
        padding: 0 15px;
    }

    #index-pro .cate-list li a {
        font-size: 14px;
    }

    .proshow .col-right .intro {
        font-size: 14px;
        line-height: 1.6;
    }

    h1.pro-title {
        margin-bottom: 15px;
    }

    .banner-nav .ui-list li {
        font-size: 12px;
    }

    h1 {
        font-size: 32px;
    }

    .x-main-title h3 {
        font-size: 18px;
    }

    .x-main-title .x-mask span {
        font-size: 80px;
    }

    #index-map #partner {
        padding: 30px 0 0;
    }

    .second-about {
        width: 100px;
        height: 100px;
        font-size: 14px;
        margin-bottom: 40px;
    }

    .head-logo img {
        height: 50px;
    }

    .logo-text p {
        font-size: 16px;
    }

}

@media (min-width: 1921px) {

    .banner_inner img {
        max-height: 600px;
        overflow: hidden;
    }

    .x-header {
        padding-left: 50px;
    }
}


li.empty {
    margin: 0 !important;
    padding: 0 !important;
    box-shadow: none !important;
    border: none !important;
    background: transparent !important;
    height: unset !important;
}

li.empty:before, li.empty:after {
    display: none !important;
}

li.empty:hover {
    margin: 0 !important;
    padding: 0 !important;
    box-shadow: none !important;
    border: none !important;
    background: transparent !important;
}

.other {
    margin-top: 40px;
}

.container-right .other ul li {
    border: none;
    line-height: 40px;
    margin-bottom: 0;
}

.job-cate {
    margin-top: 60px;
}

.job-cate li {
    width: 49%;
    margin-bottom: 20px;
}

.job-cate li a {
    position: relative;
    display: block;
    overflow: hidden;
}

.job-cate li a img {
    transition: all .5s;
    transition-duration: 1.5s;
}

.job-cate li a .content {
    font-size: 40px;
    font-weight: bold;
    text-align: center;
    position: absolute;
    width: 100%;
    height: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    background-color: rgba(0, 0, 0, .3);
    color: #fff;
    top: 0;
    left: 0;
}

.job-cate li:hover img {
    transform: scale(1.1);
}

.job-content {
    max-width: 800px;
    margin: 0 auto;
}

.job-content p {
    text-align: center !important;
}

.ui-col-form-label {
    padding: 0;
}

.ui-form-group {
    display: flex;
    align-items: center;
    justify-content: space-between;
}

@media (max-width: 1710px) {
    #index-map .flexbox .leftbox {
        flex: 0 0 470px;
        min-width: 470px;
    }
}

@media (max-width: 1440px) {

    .banner_inner .x-mask .content {
        padding: 20px;
    }

    .head-logo img {
        height: 40px;
    }

    header {
        top: 30px;
    }

    header, .head-logo, .nav .ui-nav {
        height: 80px;
    }

    .nav ul li a {
        line-height: 80px;
    }

    .pro-tel {
        font-size: 24px;
    }

    .head-logo a span, .foot-logo span {
        font-size: 50px;
    }

    .logo-text p {
        font-size: 16px;
    }

    .nav ul li a {
        padding: 0 15px;
        font-size: 16px;
    }

    #index-map .flexbox .leftbox {
        flex: 0 0 410px;
        min-width: 410px;
    }
}

@media (max-width: 1280px) {

    .head-logo a span, .foot-logo span {
        font-size: 30px;
    }
    .logo-text p {
        font-size: 14px;
    }
    .nav ul li a {
        padding: 0 12px;
        font-size: 16px;
    }

}

@media (max-width: 1199px) {
    #index-map .flexbox .leftbox {
        flex: 0 0 315px;
        min-width: 315px;
    }
}

@media (max-width: 1100px) {
    .nav li.hotline {
        display: none;
    }
}

@media (max-width: 1024px) {

    .mobile-100 > li {
        width: 100% !important;
    }

}

@media (max-width: 992px) {
    li:hover .x-thumb-content{
        position: relative;
    }
    #pro-show{
        padding-top: 3% !important;
    }
    .product-content .banner_inner{
        display: none;
    }
    .banner_inner .x-mask .content h1{
        margin: 10px 0 0;
    }
    .logo1,._fixed .logo1{
        display: block;
    }
    .logo2,._fixed .logo2{
        display: none;
    }
    .logo-text p{
        color: #000;
    }
    #about2 .about-video{
        width: 100%;
    }
    .banner_inner .x-mask .page-section{
        width: 100%;

    }
    .page-show .banner_inner .x-mask .page-section{
        text-align: center;
    }
    .banner_inner .x-mask .content span{
        font-size: 14px;
        line-height: 2.6;
    }
    .honor-list li,
    .thumb-list li,
    .x-pro-list li,
    .news-list li,
    .wz-list,
    #about2 .pro-b ul{
        padding: 0;
    }
    .icon-list1{
        margin-bottom: 0;
    }
    .icon-list1 li{
        padding: 30px 20px;
        margin-bottom: 2%;
    }
    #contact-2 .pro-a,#contact-2 .pro-b{
        width: 100%;
    }
    #contact-2 .pro-b{
        height: 400px;
    }
    .news-date{
        padding: 0;
        text-align: right;
    }
    #contact-1 .section-title h1{
        font-size: 28px;
        line-height: 2;
    }
    #contact-1 .box-icon{
        box-shadow: none!important;
    }
    .thumb-list li,.news-list li{
        margin: 1% 0;
        border-radius: 10px;
    }
    #index-case .pro-b{
        order: 2;
    }
    #index-case .pro-a{
        order: 1;
        padding-left: 0;
    }
    #index-proshow .section-title,
    #index-about .section-title,
    #index-app .section-title ,
    #index-case .pro-a .section-title,
    #index-news .section-title{
        width: 100%;
        text-align: center;
    }
    #index-news .pro-b ul{
        padding: 0;
    }
    #index-news .pro-a li{
        font-size: 16px;
        font-weight: bold;
    }
    #index-news .pro-b ul li a{
        padding: 10px 0;
    }
    .pro-contact ul{
        padding: 20px 0;
    }
    .pro-contact ul li{
        padding: 10px 0;
    }
    .pro-contact ul li+li{
        border: none;
    }
    #index-contact .pro-a,#index-contact .pro-b{
        width: 100%;
        padding-left: 0;
    }
    #index-contact .pro-b{
        order: 1;
    }
    #index-contact .pro-a{
        order: 2;
    }
    #index-contact .pro-a{
        padding-top: 20px;
    }
    .x-padding{
        padding-top: 35px;
        padding-bottom: 35px;
    }
    .l-page:after{
        left: 25%;
        width: 72%;
    }
    .section-title h1{
        font-size: 40px;
        margin: 0;
    }
    .section-title span{
        line-height: 2;
    }
    .page-section{
        padding-left: 3%;
        padding-right: 3%;
    }
    #index-proshow .x-cate-list li{
        width: calc(50% - 1px);
        margin-bottom: 2px;
    }
    #index-proshow .x-cate-list li h4{
        font-size: 16px;
    }
    #service h1 {
        text-align: center;
    }

    #service ul {
        padding: 20px;
    }

    #service li span {
        line-height: 1;
        margin-bottom: 10px;
    }

    #service li {
        font-size: 16px;
    }

    #culture .culture-a {
        width: 80%;
        font-size: 16px;
        margin: 0 auto;
        text-align: center;
        line-height: 1.6;
    }

    #about4 li, #culture li {
        margin-bottom: 15px;
    }

    #culture li p {
        font-size: 18px;
    }
    #about2 .pro-a{
        text-align: center;
        margin-bottom: 20px;
    }
    #about2 .pro-a,#about2 .pro-b{
        width: 100%;
    }
    #about2 li {
        padding: 0;
        margin-bottom: 10px;
    }
    #about2 li img{
        border-radius: 10px;
    }

    #index-proshow .ui-text-right {
        text-align: center !important;
    }

    .x-pro-list > li {
        width: 49%;
        padding: 0;
        border: 1px solid #ddd;
        margin-bottom: 2%;
    }

    .x-thumb-content{
        position: static;
        transform:scale(1);
        padding: 0 10px;
        background-color: #eee;
        color: #333;
    }
    .x-thumb-content a{
        color: #333;
        font-size: 14px;
        display: block;
        overflow: hidden;
        white-space: nowrap;
        text-overflow: ellipsis;
    }
    li .no-pic span {
        font-size: 30px;
    }

    .news-list li .x-content {
        padding: 10px;
    }

    #index-contact {
        background-size: 120%;

    }

    #index-contact .index-contact-a, #index-contact .index-contact-b {
        width: 100%;
    }

    #index-contact .index-contact-b {
        padding: 20px 0 50px;
    }

    #index-contact .index-contact-b .content h3 {
        font-size: 16px;
        margin: 0;

    }

    #index-pro .x-main-title {
        margin-top: 30px;
    }

    #index-pro .cate-list li:nth-child(2) h3 {
        color: #333;
    }

    #index-news .more-link {
        margin-top: 10px;
    }

    .big-txt {
        font-size: 24px;
    }
    #index-case .pro-a{
        padding-right: 0;
    }
    .section-intro{
        width: 100%;
        margin-bottom: 20px;
    }
    #index-app .drop {
        display: none;
    }

    #index-app ul li {
        width: 50%;
    }

    #index-pro .cate-list li:nth-child(2) .item i {
        padding-right: 0;
        line-height: 1;
        font-size: 40px;
    }

    header {top: 0;}

    .ui-offside .ui-form-group {
        width: 100%;
        display: block;
    }

    .x-header {
        width: 100%;
        border-radius: 0;
    }

    .index-banner {    }
    .index-banner .swiper-slide {height: auto;}
    .index-banner .swiper-slide ul {width: 90%;}
    .index-banner .swiper-slide li h3 {
        padding: 15px 0;
        margin: 0;
        font-size: 4.5vw;
    }


    .x-main-title h1 {
        width: 100%;
        font-size: 28px;
        text-align: center;
        top: -20px;
    }

    .x-main-title h2 {
        font-size: 28px;
        text-align: center;
    }

    #index-pro .more-link {
        margin: 30px auto 0;
    }

    #index-pro .cate-list li:nth-child(2) {
        padding-top: 0;
        display: flex;
        align-items: stretch;
        justify-content: space-between;
        flex-wrap: wrap;
    }

    #index-pro .cate-list li .item {
        width: 33.33%;
        text-align: center;
        padding-bottom: 0 !important;
    }

    #index-pro .cate-list li .item .x-flex {
        display: block;
    }

    #index-pro .cate-list li .item p {
        display: none;
    }
    #index-about .section-title{
        margin-top: 20px;
    }
    #index-about .about-txt {
        width: 100%;
    }
    #index-about .about-txt p{
        font-size: 14px;
    }
    #index-about .more-link {

        display: block;
        width: max-content;
        margin: 20px auto 0;
    }
    #about {
        height: auto;
        padding: 0;
    }

    #about .x-mask2, #about .x-mask {
        width: 100%;
        position: relative;
    }

    #about .x-mask .content {
        width: 100%;
        padding: 20px 20px 0;
    }

    #about .x-mask2 {
        width: 100%;
        margin: 0 auto;
        padding: 20px 0;
    }

    #about .x-mask2 .content {
        width: 100%;
        padding: 0;
    }

    #index-pro .dz-swiper {
        padding: 0 30px;
    }

    #index-pro .cate-list li .content {
        padding: 10px;
        display: flex;
        justify-content: space-between;
    }

    #about .x-mask2 .content p {
        width: 22%;
        display: inline-block;
        text-align: center;
        line-height: 2;
        font-size: 14px;
        padding: 0;
        margin: 0;
    }

    #about .x-mask2 .content p span {
        font-size: 24px;
        display: block;
    }

    .x-main-title h3 {
        font-size: 16px;
        letter-spacing: 0;
    }

    #index-pro .cate-list {
        margin-bottom: 0;
    }

    #index-pro .cate-list li {
        margin-bottom: 0;
    }

    #index-pro .cate-list li .pro-content {
        padding: 10px;
    }

    #index-pro .cate-list li h3 {
        margin-top: 5px;
        font-weight: normal;
        font-size: 16px;
    }

    #index-pro .cate-list li:nth-child(2) .more-link {
        margin-top: 15px;
    }

    .mores,#index-proshow .mores {
        width: 100%;
        display: block;
    }

    .video-slide {
        display: none;
    }

    #solution ul {
        margin-bottom: 20px;
    }

    .about-content .content p {
        line-height: 2;
    }

    #index-advantage .x-main-title {
        margin-bottom: 10px;
    }

    .adv-swiper {
        padding: 0;
    }
    #index-news .pro-a{
        padding-right: 0;
    }
    #index-news .pro-a ul{
        display: flex;
        align-items: center;
        justify-content: space-between;
    }
    #index-news .pro-a li{
        width: 33.333%;
        text-align: center;
    }
    .adv-swiper .swiper-slide .content .mask {
        position: static;
        height: auto;
        background-color: #fff;
    }

    .adv-swiper .swiper-slide .mask .mask-a, .adv-swiper .swiper-slide .mask .mask-b {
        width: 100%;
        height: auto;
    }

    .adv-swiper .swiper-slide .mask .mask-a {
        display: none;
        padding: 10px 20px;
        justify-content: start;
    }

    .adv-swiper .swiper-slide .mask .mask-a .mask-content {
        display: flex;
        align-items: center;


    }

    .adv-swiper .swiper-slide .mask .mask-a .mask-content span {
        font-size: 30px;
    }

    .adv-swiper .swiper-slide .mask .mask-a div {
        width: calc(100% - 60px);
        text-align: left;
    }

    .adv-swiper .swiper-slide .mask .mask-a div h3 {
        line-height: 1;
        margin: 0;
    }

    .adv-swiper .swiper-slide .mask .mask-a div {
        font-size: 13px;
        font-weight: 300;
    }

    .adv-swiper .swiper-slide .mask .mask-b {
        display: block;
        padding: 10px 0;
        color: #333;
    }

    .adv-swiper .swiper-slide .mask .mask-b h2 {
        font-size: 18px;
    }

    .adv-swiper .swiper-slide .mask .mask-b p {
        font-size: 12px;
    }

    .ui-scroll .ui-list {
        display: none;
    }

    .more-link {
        height: 40px;
        line-height: 40px;
        min-width: 100px;

    }

    .more-link span {
        font-size: 14px;
        font-weight: normal;
    }

    .banner .swiper-slide {
        height: auto;
    }

    .banner .x-mask .t3 {
        display: none;
    }

    .banner .x-mask .content .t1, .banner .x-mask .content .t2 {
        font-size: 24px;
    }

    .banner .x-mask .content {
        width: 100%;
    }

    h2 {
        font-size: 24px;
    }

    body {
        padding-top: 60px;
    }

    .download {
        margin-top: 20px;
    }

    .download p {
        width: 100%;
    }

    .download p:after {
        display: none;
    }

    footer {
        display: none;
    }

    .svg-img {
        height: 60px;
    }

    .page-content p {
        line-height: 2;
    }

    .banner-nav {
        position: static;
        height: auto;
    }

    .banner-news-info span {
        margin-right: 5px;
    }

    .banner-nav .x-width {
        height: auto;
        padding: 0 3%;
    }

    .banner .banner-control {
        height: auto;
        flex-wrap: wrap;
        width: 100%;
        justify-content: space-between;
        padding: 10px 0 0;
    }

    .square-style {
        margin: 0;
        width: 30px;
        height: 30px;
        line-height: 30px;
    }

    .swiper-pagination-custom .line {
        width: 40px;
    }

    .ui-scroll {
        height: 40px;
    }


    .ui-scroll li .banner-news-info {
        font-size: 14px;
        text-align: left;
    }

    .ui-scroll .date {
        display: none;
    }

    .x-path {
        display: none;
    }

    .x-header {
        padding: 0 3%;

    }

    ._fixed .x-header {
        height: 60px;
        background-color: #fff;

    }

    .m-banner {
        position: relative;
    }

    .m-banner img {
        width: 100%;
    }

    .m-banner .x-mask {
        position: absolute;
        width: 100%;
        height: 100%;
        display: flex;
        align-items: center;
        justify-content: center;
        background-color: rgba(0, 0, 0, .3);
        color: #fff;
    }

    .m-banner .x-mask .title {
        font-size: 24px;
        padding: 0 20px;
        text-align: center;
        margin: 0;
        display: none;
    }

    .m-banner .x-mask a {
        color: #fff;
    }

    .m-banner-shape {
        position: absolute;
        bottom: 0;
        left: 0;
        width: 100%;
        overflow: hidden;
        line-height: 0;
        transform: rotate(180deg);
    }

    .m-banner-shape svg {
        position: relative;
        display: block;
        width: calc(100% + 1.3px);
        height: 20px;
        transform: rotateY(180deg);
    }

    .m-banner-shape .shape-fill {
        fill: #FFFFFF;
    }

    .x-foot-nav {
        color: #fff;background: #111111;
      /*  background: #000 url('../images/foot-nav-bg.jpg') center /cover no-repeat;*/
    }

    .container-right .am-u-md-6 {
        width: 100%;
    }

    .container-right ul.list-4 li, .container-right ul.list-3 li {
        width: 48%;
    }

    .container-right .content p {
        line-height: 2;
        font-size: 14px;
    }

    .container-right .content li p {
        margin: 0;
    }

    .container-right .content .am-u-md-6 p, .container-right .content .am-u-md-6 h3 {
        padding-left: 0;
    }

    .ui-card {
        border: none;
        background: none;

    }

    .ui-card-header {
        border-bottom: 1px solid #222;
    }

    .x-foot-nav .ui-card .ui-card-header {
        background: none;
    }

    .x-foot-nav .ui-card-body {
        background: none;
    }

    .x-foot-nav .ui-card-body li {
        line-height: 40px;
        font-size: 16px;
        padding: 0 20px;
    }

    .x-foot-nav .ui-card:last-child {
        border-bottom: none;
    }

    .ui-card-header .ui-card-header-title {
        border-color: var(--web-color);
    }


    .x-foot-nav .ui-card-body li a, .x-foot-nav .ui-card-header-title a {
        color: #fff;
    }

    #contact-1 li .item .content span {
        font-size: 40px;
    }

    #contact-1 li:nth-child(2) {
        padding-top: 20px;
    }

    .ui-collapse .ui-card .ui-card-header .ui-icon-right {
        color: #fff;
    }

    .x-foot-nav .ui-card-header-title > a {
        display: block;
        width: 100%;
    }

    .banner_inner {
        height: 20vh;
    }

    .banner_inner .x-width {
        display: flex;
        align-items: center;
        justify-content: space-between;
        margin-top: -20px;
    }

    .banner_inner .ui-bread ul {
        margin: 0;

    }

    .banner_inner .title {
        font-size: 24px;
        color: #333;
    }

    .ui-bread ul li, .ui-bread ul li i {
        font-size: 12px;
        line-height: 1;
    }

    .ui-form-icon {
        font-size: 20px;
    }

    .textarea-content .ui-form-icon {
        top: 22px;
    }

    .gallery-top {
        padding: 0;
    }

    #index-map .flexbox .rightbox {
        flex: unset;
        width: 100%;
    }

    .mobile-100 .ui-piclist-item, #masonry li {
        width: 100%;
    }

    .mobile-50 .ui-piclist-item {
        width: 48%;
    }

    .x-pro-list .x-mask a {
        padding: 0 5px;
    }

    .ui-col-3 .td-hide {
        display: none;
    }


    .top-header a {
        color: var(--web-color);
        display: flex;
        align-items: center;
    }

    .top-header a i {
        font-size: 24px;
        margin-left: 5px;
    }

    #culture .item h3 {
        font-size: 18px;
    }

    #culture .item h3 span {
        display: block;
        font-size: 16px;
    }

    #culture .item h3 span:before {
        display: none;
    }

    .cate-right {
        width: 100%;

    }

    .cate-left {
        width: 100%;
        margin-bottom: 10px;
        padding: 0;
    }

    .x-type2 {
        display: none;
    }

    .head-logo a span {
        font-size: 40px;

    }

    .ui-offside-show i {
        font-size: 32px;
        color: var(--web-color);
    }

    .ui-offside .head-logo a span {
        color: var(--web-color);
    }

    .ui-table td {
        white-space: unset;
        padding: 3px;
        font-size: 12px;
    }

    #contrast .swiper-slide {
        font-size: 12px;
    }

    #contrast .img-border {
        height: 120px;
    }

    #contrast .ui-col-3 {
        width: 100px !important;
        flex: unset;
        max-width: unset;
        font-size: 12px;
    }

    #contrast .ui-col-3 h3 {
        font-size: 14px;
    }

    .x-center-button .swiper-button {
        width: 20px;
        height: 20px;
        line-height: 20px;
        font-size: 12px;
        margin: 0;
    }

    .x-center-button .swiper-button span {
        font-size: 12px;
    }

    .x-center-button {
        margin: 10px auto;
    }

    #contrast .more-link {
        margin-top: 0;
        height: 30px;
        line-height: 30px;
        padding: 0 5px;
        font-size: 12px;
    }

    #contrast .ui-col-9 {
        width: calc(100% - 100px);
        flex: unset;
    }

    .contrast .swiper-slide img {
        width: 80px;
    }

    .case-list .ui-piclist-item {
        margin-bottom: 10px;
    }

    .artlist-item-image img {
        height: 40px;
    }

    .product-content .ui-tabs {
        margin-top: 0;
    }

    .ui-piclist {
        display: flex;
        justify-content: space-between;
        margin: 0;
        padding: 0;
        flex-wrap: wrap;
    }

    .ui-piclist-body {
        padding: 0 10px;
    }

    .ui-piclist-item {
        width: 47%;
        margin: 5px 0;
    }

    .contact-info, .contact-map {
        width: 100%;
    }

    .contact-info h1, .contact-map h1 {
        font-size: 22px;
    }

    .contact-info h3, .contact-map h3 {
        font-size: 19px;
    }

    .contact-info {
        order: 1
    }

    .contact-map {
        order: 2;
        height: 400px;
    }

    .ui-list li {
        padding: 8px 0;
    }

    .ui-box {
        box-shadow: none;
    }

    .show {
        display: block;
    }

    .ui-offside {
        width: 100%;


    }

    .ui-offside:after {
        content: '';
        width: 100%;
        height: 100%;
        position: absolute;
        background-color: rgba(255, 255, 255, .8);
        top: 0;
        left: 0;
        z-index: -1;
    }

    .ui-offside .top-header {
        height: 60px;
        padding: 0 3%;
        border-bottom: 1px solid #eee;
    }

    .ui-offside .top-header .logo img {
        height: 36px;
    }

    .ui-offside form {
        padding: 10px 3% 0;
    }

    .nav-contact {
        padding: 20px;
    }

    .nav-contact p {
        line-height: 2;
        font-size: 16px;
        font-weight: bold;

    }

    .nav-contact p span {
        font-size: 32px;
        font-weight: normal;
    }

    .nav-contact a {
        font-size: 22px;
        font-weight: bold;
        color: inherit;
    }

    .nav-contact a.tel {
        font-size: 32px;
        font-family: DINCond-Bold, sans-serif;
    }

    .banner .x-mask {
        padding: 0 6%;
    }

    .banner .x-mask h1 {
        font-size: 30px;
    }

    .banner .x-mask p {
        font-size: 16px;
    }

    .culture-content .x-mask h3 {
        font-size: 24px;
    }

    .ui-footbar {
        position: fixed;
        width: 100%;
        left: 0;
        bottom: 0;
        z-index: 9999;
        align-items: stretch;
    }

    .ui-footbar-left a {
        font-size: 12px;
        color: var(--web-color) !important;
    }

    .ui-footbar-right a:last-child, .ui-footbar-right button:last-child {
        background-color: var(--web-color) !important;
        line-height: 30px;
    }

    .ui-footbar-right a:hover {
        color: #fff;
    }

    .ui-menu .ui-menu-more a {
        font-size: 14px;
        padding: 0;
    }

    .ui-box {
        border: none;
    }

    .pro-other .ui-menu {
        margin-top: 20px;
    }

    .container {
        padding: 0;
    }

    .proshow {
        display: block;
        margin-bottom: 0;
    }

    .proshow .col-left, .proshow .col-right {
        width: 100%;
    }

    .proshow .col-right {
        padding: 5% 0;
    }

    .mobile-show {
        display: block !important;
    }

    .container .x-width {
        flex-wrap: wrap;
    }

    .mobile-hide {
        display: none !important;
    }

    .container-left, .container-right {
        width: 100%;
        padding: 0;
        margin: 0 auto;
    }

    .ui-footbar-left {
        flex: 1;
    }

    #masonry li {
        padding: 0;
        margin-bottom: 10px;
    }

    .ui-tabs-header-nav > .ui-tabs-nav {
        position: fixed;
        bottom: 100px;
        right: 0;
        width: 80px;
        display: flex;
        align-items: center;
        justify-content: center;
        flex-wrap: wrap;
        background-color: rgba(255,255,255,.8);
        z-index: 99;
    }

    .artshow h1 {
        font-size: 20px;
    }

   .ui-box-body {
        padding: 0;
        min-height: unset;
    }

    .proshow_content p {
        margin-bottom: 10px;
    }

    .product-content .ui-form-group > label {
        display: none;
    }

    .product-content .ui-form-group .ui-col-9 {
        max-width: 100%;
        width: 100%;
        flex: unset;
    }

    .pro-tel, .pro-tel span {
        font-size: 24px;
    }

    .ui-form-group {
        margin-bottom: 5px;
    }

    .ui-form-ip {
        padding: 10px;
        font-size: 14px;
    }

    .x-main-title .x-mask span {
        font-size: 60px;
    }

    .head-logo img {
        height: 32px;
    }

    header, .head-logo {
        height: 60px;
        border-bottom: none;
    }

    .logo-text {
        margin-left: 8px;
        padding-left: 8px;
    }

    .logo-text p, ._fixed .logo-text p {
        font-size: 12px;
    }

    header .nav {
        display: none;
    }

    .logo-text .t3 {
        color: #fff;
        display: inline-block;
    }

    ._fixed .logo-text .t3 {
        color: #333;
    }

    .x-container.open .container-right {
        width: 100%;
        padding: 3% 0;
    }

    .banner-nav .btn-down, .banner-nav .banner-tel {
        display: none;
    }

    .banner_inner .x-mask .content {
        padding: 0;
        width: 100%;
        background: transparent;
    }

    .banner_inner .x-mask .content h1 {
        font-size: 22px;
        line-height: 1.4;
    }


    .ui-collapse-menu-title, .ui-collapse-menu-body {
        font-size: 16px;
    }

    h1.pro-title {
        font-size: 24px;
    }

    .x-pro-list li .content {
        min-height: unset;
    }

    #index-news .x-main-title {
        margin-bottom: 20px;
    }

    #index-pro .x-pro-list li .pro-content a {
        line-height: 30px;
    }


    .ui-menu .ui-menu-name {
        font-size: 16px;
    }

    .ui-menu .ui-menu-name span a {
        font-size: 14px;
    }


    .ui-mt-60 {
        margin-top: 20px !important;
    }

    .news-list li h4 {
        font-size: 16px;
        margin-bottom: 5px;
    }

    .news-list li p span {
        font-size: 12px;
    }

    #index-news .ui-list .list-a {
        width: 75%;
        padding-right: 5px;
    }

    #index-news .ui-list .list-b {
        width: 25%;
    }

    .product-content {
        padding: 0;
    }


    .product-content .container {
        padding-top: 0;
    }


    .proshow_content .ui-form-group > label {
        display: none;
    }

    .proshow_content .ui-form-group .ui-col-9 {
        max-width: 100%;
        flex: unset;
    }

    .page-content .x-flex li {
        margin-bottom: 10px;
    }

    .container-left {
        display: none;
    }

    .news-list li .x-content p {
        line-height: 2;
        font-size: 14px;
        margin-bottom: 0;
    }
    .news-list li .img-box {
        width: 25%;
        height: auto;
    }

    .news-list li .img-box img {
        position: relative;
        height: auto;
    }

    .container-right ul li p.t1, .container-right ul li p.t2 {
        padding: 0;
        line-height: 1;
    }

    .container-right ul {

    }
    .pro-other .x-pro-list{
        margin-bottom: 20px;
    }
    .pro-other .ui-tabs-header-nav {
        border: none;
    }

    .pro-other .ui-tabs-nav li a {
        font-size: 14px;
        padding: 5px;
        text-align: center;
        font-weight: bold;
    }

    #support .container-right li p {
        margin-bottom: 0;
    }

    .x-pro-list li .x-mask {
        font-size: 14px;
        background-color: #fff;
    }

    .x-pro-list li .x-mask a {
        color: #333;
        padding: 0 5px;
    }

    h3.am-text-danger {
        font-size: 18px;
    }

    .ui-box-h2 {
        font-size: 18px;
        margin-bottom: 20px;
        padding: 0 0 10px 0;
    }

    .ui-box-h2:after {
        left: 0;
    }

    .container-left .ui-box-radius, .container-left .ui-box-radius .ui-box-title {
        border-radius: 0;
    }

    .m-banner .banner-bg {
        height: 160px;
    }

    .ui-box-title {
        padding: 10px;
        font-size: 18px;
    }

    .artlist-item, .artlist-item:first-child {
        min-height: unset;
        padding: 10px 0;
    }

    .container-left .ui-collapse-menu-body ul li {
        padding: 0 10px;
    }

    .container-left .ui-collapse-menu-title {
        padding: 0 10px;
    }

    .container-left .ui-box-title {
        display: flex;
        align-items: center;
        justify-content: space-between;
    }

    .container-left .ui-box-title span {
        font-size: 20px;
    }

    .container-left .ui-box-nav {
        display: none;
    }

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

    .container-left.open .ui-box-nav {
        display: block;
    }

    .container-left .ui-box-nav.show {
        display: block;
    }

    .container-left .ui-collapse-menu-title:hover a {
        padding: 0;
    }

    .artlist-item-image {
        display: none;
    }

    .artlist-item-body {

    }

    .ui-modal, .ui-dialog {
        width: 90%;
        max-width: 540px;
    }

    .artlist-item-date {
        width: 80px;
        font-size: 18px;
    }

    .artlist-item-body .title {
        font-size: 16px;
    }

    .artlist-item-body .desc {
        display: none;
    }

    .page-content p img {
        width: 100%;
    }

    .about-bg {
        height: auto;
        padding: 80px 0 0;
    }


    .about-bg .x-mask2 {
        height: auto;
        background: transparent;
        margin-top: 40px;
    }


    .x-sns, .foot-text {
        display: none;
    }

    .foot-logo {
        width: 100%;
        text-align: center;
        display: none;
    }

    footer .foot-1 {
        border: none;
        display: none;
    }

    footer .x-sns span {
        font-size: 18px;
    }

    footer .x-sns a {
        margin-left: 5px;
    }

    footer .link {
        display: none;
        margin-top: 10px;
    }

    footer .link h4 {
        font-size: 14px;
        margin-right: 0;
    }

    footer .link a {
        margin: 5px 0;
        border: none;
        padding: 5px;
        color: #666;
        font-size: 12px;
    }

    .foot-logo span {
        font-size: 30px;
        line-height: 1;
    }

    footer .foot-1 li h3 {
        font-size: 16px;
    }

    footer .foot-1 .list-container li {
        font-size: 12px;
    }

    .foot-logo-div p {
        line-height: 1.6;
    }

    .copyright {
        line-height: normal;
        font-size: 12px;

    }

    .copyright div {
        width: 100%;
        height: auto;
        text-align: center;
    }

    .visible-xs {
        display: block !important;

    }

    .hidden-xs {
        display: none !important;
    }

    h1 {
        font-size: 28px;
    }

    #index-pro .x-flex li {
        width: 48%;
    }

    #index-pro .x-flex li.pro-item {
        border: 1px solid #ddd;
        box-shadow: none;
    }

    .mobile-50 > li {
        padding: 0!important;
        width: 49% !important;
        margin: 1% 0;
    }

    .x-pro-list {
        align-items: stretch;
    }


    #index-pro .right-content, .index-div .right-content {
        width: 100%;
    }

    #index-pro .x-flex li p {
        line-height: 2;
        font-size: 14px;
    }

    .right-content p {
        line-height: 1.6;
        text-align: justify;
        font-size: 14px;
    }

    .index-div {
        flex-wrap: wrap;
    }

    .second-about {
        width: 100px;
        height: 100px;
        font-size: 14px;
        font-weight: 100;
        line-height: 1;
    }

    .about-text span {
        font-size: 30px;
    }

    #index-data {
        padding: 30px 0;
    }

    #index-data li {
        margin: 10px 0;
    }

    #index-data li span {
        font-size: 24px;
    }

    #index-data li h2 {
        font-size: 30px;
        line-height: 1;
    }

    #index-data li h2:after {
        font-size: 14px !important;
    }


    #partner .swiper-slide img {
        width: 100%;
    }

    #index-map .x-main-title {
        margin-bottom: 10px;
    }


    .team-list {
        margin-top: 40px;
    }

    .team-list li {
        width: 100%;
        margin-bottom: 10px;
        background-color: #fff;
    }

    .team-list li .x-img {
        width: 120px;
    }

    .team-list li:first-child .x-img {
        width: 100%;
        text-align: center;
    }

    .team-list li .x-img img {
        border-radius: 50%;
    }

    .team-list li:first-child .x-img img {
        width: 120px;
    }

    .team-list li .x-info {
        width: calc(100% - 120px);
        padding: 20px 10px;
        font-size: 14px;
    }

    .team-list li:first-child .x-info {
        width: 100%;
        text-align: center;
    }

    .team-list li:after {
        display: none;
    }

    .cate-right {
        display: none;
    }

    .about2 li {
        padding: 10px;
    }


    .x-main-title .x-mask span {
        color: #ccc;
    }

    .page-section .x-main-title {
        text-align: center;
        margin-bottom: 20px;
    }



    .news-list li p {
        margin-bottom: 0;
    }
}

@media (max-width: 767px) {
    #index-map .flexbox .leftbox {
        flex: inherit;
        min-width: inherit;
        width: 100%;
        margin: 0 0 40px;
    }
}

@media (max-width: 575px) {
    #index-map .flexbox .leftbox {
        margin: 0 0 20px;
    }
}