@charset "utf-8"; /*:root {--red:#ED4014;--yellow:#F37B1D;--blue:#1890FF;--green:#19BE6B;--info:#2DB7F5;}*/ * {font-family:Helvetica,Pingfang SC,Microsoft YaHei,STHeiti,Verdana,Arial,Tahoma,sans-serif;} .bUserWrap *,[class*=ui-],.bUserWrap ::after,.bUserWrap ::before{box-sizing:border-box;} html {font-family:sans-serif;-webkit-text-size-adjust:100%;-webkit-tap-highlight-color:transparent;font-size:125%;} article,aside,figcaption,figure,footer,header,hgroup,main,nav,section {display:block;} body {margin:0;font-size:.75rem;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:.25rem;} 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:.5rem;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:.5rem;margin-left:0;} blockquote {margin:0 0 .5rem;} b,strong {font-weight:bold;} small {font-size:80%;} sub,sup {position:relative;font-size:75%;line-height:0;vertical-align:baseline;} sub {bottom:-.25em;} sup {top:-.5em;} 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} code,kbd,pre,samp {font-size:1em;} pre {margin-top:0;margin-bottom:.5rem;overflow:auto;} figure {margin:0 0 .5rem;} img {vertical-align:middle;border-style:none;} table {border-collapse:collapse;} caption {padding:.75rem 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:.75rem 0;border:1px solid #eaeaea;padding:0 1rem 1rem 1rem;border-radius:.2rem;font-size:.75rem;line-height:1.5rem;color:#333;} legend {border:0;font-size:.85rem;width:auto;margin:.5rem;padding:0 .25rem;color:#f30;} hr {display:block;padding:0;border:0;height:0;border-top:1px solid #f2f2f2;} .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');src:url('../fonts/iconfont.eot') format('embedded-opentype'),url('../fonts/iconfont.woff') format('woff'),url('../fonts/iconfont.ttf') format('truetype'),url('../fonts/iconfont.svg') format('svg');} [class*=ui-icon-],.ui-icon-font {font-family:"iconfont";font-size:1rem;font-style:normal;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;vertical-align:middle;} .ui-icon-cart:before {content:"\e6af";} .ui-icon-gengduo:before {content:"\e600";} .ui-icon-rmb:before {content:"\e6b0";} .ui-icon-evaluate:before {content:"\e61e";} .ui-icon-long-arrow-right:before {content:"\eb4e";} .ui-icon-receive:before {content:"\e62d";} .ui-icon-qq:before {content:"\e630";} .ui-icon-cube:before {content:"\e6b2";} .ui-icon-top:before {content:"\e61f";} .ui-icon-external:before {content:"\e8cc";} .ui-icon-fenxiang2:before {content:"\e601";} .ui-icon-hao:before {content:"\e62c";} .ui-icon-kuai:before {content:"\e62e";} .ui-icon-man:before {content:"\e62f";} .ui-icon-pei:before {content:"\e631";} .ui-icon-mian:before {content:"\e640";} .ui-icon-qi:before {content:"\e644";} .ui-icon-sheng:before {content:"\e646";} .ui-icon-you:before {content:"\e648";} .ui-icon-youz:before {content:"\e649";} .ui-icon-zheng:before {content:"\e64a";} .ui-icon-list:before {content:"\e661";} .ui-icon-post:before {content:"\e632";} .ui-icon-edit1:before {content:"\e60c";} .ui-icon-more:before {content:"\e620";} .ui-icon-coupon:before {content:"\e617";} .ui-icon-star-fill:before {content:"\e8a0";} .ui-icon-yewutubiaotui:before {content:"\e602";} .ui-icon-shipped:before {content:"\e708";} .ui-icon-logout-new:before {content:"\e680";} .ui-icon-coupons:before {content:"\e8a1";} .ui-icon-refund:before {content:"\e633";} .ui-icon-pay:before {content:"\e610";} .ui-icon-weixin:before {content:"\e60d";} .ui-icon-home1:before {content:"\e608";} .ui-icon-limit:before {content:"\e6f8";} .ui-icon-brand:before {content:"\e6ac";} .ui-icon-square:before {content:"\e8a2";} .ui-icon-tel:before {content:"\e635";} .ui-icon-tuan:before {content:"\e618";} .ui-icon-Import1:before {content:"\e68f";} .ui-icon-edit2:before {content:"\e65f";} .ui-icon-export1:before {content:"\e671";} .ui-icon-return:before {content:"\e606";} .ui-icon-share-new:before {content:"\e603";} .ui-icon-fukuan1:before {content:"\100d9";} .ui-icon-box:before {content:"\e634";} .ui-icon-vertical-align-middl:before {content:"\e84e";} .ui-icon-totop:before {content:"\e84f";} .ui-icon-vertical-align-top:before {content:"\e850";} .ui-icon-download:before {content:"\e851";} .ui-icon-check:before {content:"\e852";} .ui-icon-ellipsis:before {content:"\e853";} .ui-icon-close:before {content:"\e854";} .ui-icon-line:before {content:"\e855";} .ui-icon-question:before {content:"\e856";} .ui-icon-rollback:before {content:"\e857";} .ui-icon-pause:before {content:"\e858";} .ui-icon-crown:before {content:"\e859";} .ui-icon-drag:before {content:"\e85a";} .ui-icon-desktop:before {content:"\e85b";} .ui-icon-gift:before {content:"\e85c";} .ui-icon-stop:before {content:"\e85d";} .ui-icon-fire:before {content:"\e85e";} .ui-icon-thunderbolt:before {content:"\e85f";} .ui-icon-check-circle-fill:before {content:"\e860";} .ui-icon-left-circle-fill:before {content:"\e861";} .ui-icon-down-circle-fill:before {content:"\e862";} .ui-icon-minus-circle-fill:before {content:"\e863";} .ui-icon-close-circle-fill:before {content:"\e864";} .ui-icon-up-circle-fill:before {content:"\e865";} .ui-icon-right-circle-fill:before {content:"\e866";} .ui-icon-plus-circle-fill:before {content:"\e867";} .ui-icon-play-circle-fill:before {content:"\e868";} .ui-icon-heart-fill:before {content:"\e869";} .ui-icon-message-fill:before {content:"\e86a";} .ui-icon-check-square-fill:before {content:"\e86b";} .ui-icon-down-square-fill:before {content:"\e86c";} .ui-icon-minus-square-fill:before {content:"\e86d";} .ui-icon-close-square-fill:before {content:"\e86e";} .ui-icon-left-square-fill:before {content:"\e86f";} .ui-icon-up-square-fill:before {content:"\e870";} .ui-icon-right-square-fill:before {content:"\e871";} .ui-icon-plus-square-fill:before {content:"\e872";} .ui-icon-folder-open-fill:before {content:"\e873";} .ui-icon-image-fill:before {content:"\e874";} .ui-icon-sound-fill:before {content:"\e875";} .ui-icon-home-fill:before {content:"\e876";} .ui-icon-location-fill:before {content:"\e877";} .ui-icon-eye-fill:before {content:"\e878";} .ui-icon-like-fill:before {content:"\e879";} .ui-icon-lock-fill:before {content:"\e87a";} .ui-icon-unlike-fill:before {content:"\e87b";} .ui-icon-unlock-fill:before {content:"\e87c";} .ui-icon-check-circle:before {content:"\e77d";} .ui-icon-tags-fill:before {content:"\e87d";} .ui-icon-CI:before {content:"\e77e";} .ui-icon-setting-fill:before {content:"\e87e";} .ui-icon-Dollar:before {content:"\e77f";} .ui-icon-alipay:before {content:"\e87f";} .ui-icon-compass:before {content:"\e780";} .ui-icon-html5:before {content:"\e880";} .ui-icon-close-circle:before {content:"\e781";} .ui-icon-facebook:before {content:"\e881";} .ui-icon-frown:before {content:"\e782";} .ui-icon-skype:before {content:"\e882";} .ui-icon-info-circle:before {content:"\e783";} .ui-icon-aliwangwang:before {content:"\e883";} .ui-icon-left-circle:before {content:"\e784";} .ui-icon-android:before {content:"\e884";} .ui-icon-down-circle:before {content:"\e785";} .ui-icon-sketch:before {content:"\e885";} .ui-icon-EURO:before {content:"\e786";} .ui-icon-Gitlab:before {content:"\e886";} .ui-icon-copyright:before {content:"\e787";} .ui-icon-windows:before {content:"\e887";} .ui-icon-minus-circle:before {content:"\e788";} .ui-icon-yuque:before {content:"\e888";} .ui-icon-meh:before {content:"\e789";} .ui-icon-Youtube:before {content:"\e889";} .ui-icon-plus-circle:before {content:"\e78a";} .ui-icon-Gitlab-fill:before {content:"\e88a";} .ui-icon-play-circle:before {content:"\e78b";} .ui-icon-dingtalk:before {content:"\e88b";} .ui-icon-question-circle:before {content:"\e78c";} .ui-icon-html5-fill:before {content:"\e88c";} .ui-icon-Pound:before {content:"\e78d";} .ui-icon-QQ:before {content:"\e88d";} .ui-icon-right-circle:before {content:"\e78e";} .ui-icon-twitter:before {content:"\e88e";} .ui-icon-smile:before {content:"\e78f";} .ui-icon-skype-fill:before {content:"\e88f";} .ui-icon-trademark:before {content:"\e790";} .ui-icon-weibo:before {content:"\e890";} .ui-icon-time-circle:before {content:"\e791";} .ui-icon-yuque-fill:before {content:"\e891";} .ui-icon-timeout:before {content:"\e792";} .ui-icon-Youtube-fill:before {content:"\e892";} .ui-icon-earth:before {content:"\e793";} .ui-icon-weixin-fill:before {content:"\e893";} .ui-icon-YUAN:before {content:"\e794";} .ui-icon-alipay-fill:before {content:"\e894";} .ui-icon-up-circle:before {content:"\e795";} .ui-icon-aliwangwang-fill:before {content:"\e895";} .ui-icon-warning-circle:before {content:"\e796";} .ui-icon-qq-fill:before {content:"\e896";} .ui-icon-sync:before {content:"\e797";} .ui-icon-weibo-fill:before {content:"\e897";} .ui-icon-transaction:before {content:"\e798";} .ui-icon-zoomout:before {content:"\e898";} .ui-icon-undo:before {content:"\e799";} .ui-icon-apartment:before {content:"\e899";} .ui-icon-redo:before {content:"\e79a";} .ui-icon-audio:before {content:"\e89a";} .ui-icon-reload:before {content:"\e79b";} .ui-icon-robot:before {content:"\e89b";} .ui-icon-reloadtime:before {content:"\e79c";} .ui-icon-zoomin:before {content:"\e89c";} .ui-icon-message:before {content:"\e79d";} .ui-icon-bug:before {content:"\e8e8";} .ui-icon-dashboard:before {content:"\e79e";} .ui-icon-audiostatic:before {content:"\e8e9";} .ui-icon-issuesclose:before {content:"\e79f";} .ui-icon-comment:before {content:"\e8ea";} .ui-icon-poweroff:before {content:"\e7a0";} .ui-icon-videocameraadd:before {content:"\e8eb";} .ui-icon-logout:before {content:"\e7a1";} .ui-icon-switchuser:before {content:"\e8ec";} .ui-icon-piechart:before {content:"\e7a2";} .ui-icon-whatsapp:before {content:"\e8ed";} .ui-icon-setting:before {content:"\e7a3";} .ui-icon-backward:before {content:"\e8ee";} .ui-icon-eye:before {content:"\e7a4";} .ui-icon-fast-backward:before {content:"\e8ef";} .ui-icon-location:before {content:"\e7a5";} .ui-icon-forward:before {content:"\e8f0";} .ui-icon-edit-square:before {content:"\e7a6";} .ui-icon-fast-forward:before {content:"\e8f1";} .ui-icon-export:before {content:"\e7a7";} .ui-icon-search:before {content:"\e8f2";} .ui-icon-save:before {content:"\e7a8";} .ui-icon-retweet:before {content:"\e8f3";} .ui-icon-Import:before {content:"\e7a9";} .ui-icon-login:before {content:"\e8f4";} .ui-icon-appstore:before {content:"\e7aa";} .ui-icon-step-backward:before {content:"\e8f5";} .ui-icon-close-square:before {content:"\e7ab";} .ui-icon-step-forward:before {content:"\e8f6";} .ui-icon-down-square:before {content:"\e7ac";} .ui-icon-plus:before {content:"\e8fe";} .ui-icon-layout:before {content:"\e7ad";} .ui-icon-eye-close:before {content:"\e8ff";} .ui-icon-left-square:before {content:"\e7ae";} .ui-icon-translate:before {content:"\e902";} .ui-icon-play-square:before {content:"\e7af";} .ui-icon-Field-number:before {content:"\e90d";} .ui-icon-control:before {content:"\e7b0";} .ui-icon-Field-String:before {content:"\e90e";} .ui-icon-codelibrary:before {content:"\e7b1";} .ui-icon-compress:before {content:"\e914";} .ui-icon-detail:before {content:"\e7b2";} .ui-icon-expend:before {content:"\e915";} .ui-icon-minus-square:before {content:"\e7b3";} .ui-icon-folder-view:before {content:"\e916";} .ui-icon-plus-square:before {content:"\e7b4";} .ui-icon-group:before {content:"\e917";} .ui-icon-right-square:before {content:"\e7b5";} .ui-icon-send:before {content:"\e918";} .ui-icon-project:before {content:"\e7b6";} .ui-icon-wallet:before {content:"\e7b7";} .ui-icon-up-square:before {content:"\e7b8";} .ui-icon-calculator:before {content:"\e7b9";} .ui-icon-interation:before {content:"\e7ba";} .ui-icon-check-square:before {content:"\e7bb";} .ui-icon-adduser:before {content:"\e7bc";} .ui-icon-deleteteam:before {content:"\e7bd";} .ui-icon-deleteuser:before {content:"\e7be";} .ui-icon-addteam:before {content:"\e7bf";} .ui-icon-user:before {content:"\e7c0";} .ui-icon-user-fill:before {content:"\ea3a";} .ui-icon-team:before {content:"\e7c1";} .ui-icon-areachart:before {content:"\e7c2";} .ui-icon-linechart:before {content:"\e7c3";} .ui-icon-barchart:before {content:"\e7c4";} .ui-icon-pointmap:before {content:"\e7c5";} .ui-icon-container:before {content:"\e7c6";} .ui-icon-database:before {content:"\e7c7";} .ui-icon-sever:before {content:"\e7c8";} .ui-icon-mobile:before {content:"\e7c9";} .ui-icon-tablet:before {content:"\e7ca";} .ui-icon-redenvelope:before {content:"\e7cb";} .ui-icon-book:before {content:"\e7cc";} .ui-icon-filedone:before {content:"\e7cd";} .ui-icon-reconciliation:before {content:"\e7ce";} .ui-icon-file-exception:before {content:"\e7cf";} .ui-icon-filesync:before {content:"\e7d0";} .ui-icon-filesearch:before {content:"\e7d1";} .ui-icon-solution:before {content:"\e7d2";} .ui-icon-fileprotect:before {content:"\e7d3";} .ui-icon-file-add:before {content:"\e7d4";} .ui-icon-file-excel:before {content:"\e7d5";} .ui-icon-file-exclamation:before {content:"\e7d6";} .ui-icon-file-pdf:before {content:"\e7d7";} .ui-icon-file-image:before {content:"\e7d8";} .ui-icon-file-markdown:before {content:"\e7d9";} .ui-icon-file-unknown:before {content:"\e7da";} .ui-icon-file-ppt:before {content:"\e7db";} .ui-icon-file-word:before {content:"\e7dc";} .ui-icon-file:before {content:"\e7dd";} .ui-icon-file-zip:before {content:"\e7de";} .ui-icon-file-text:before {content:"\e7df";} .ui-icon-file-copy:before {content:"\e7e0";} .ui-icon-snippets:before {content:"\e7e1";} .ui-icon-audit:before {content:"\e7e2";} .ui-icon-diff:before {content:"\e7e3";} .ui-icon-Batchfolding:before {content:"\e7e4";} .ui-icon-securityscan:before {content:"\e7e5";} .ui-icon-propertysafety:before {content:"\e7e6";} .ui-icon-safetycertificate:before {content:"\e7e7";} .ui-icon-insurance:before {content:"\e7e8";} .ui-icon-alert:before {content:"\e7e9";} .ui-icon-delete:before {content:"\e7ea";} .ui-icon-hourglass:before {content:"\e7eb";} .ui-icon-bulb:before {content:"\e7ec";} .ui-icon-experiment:before {content:"\e7ed";} .ui-icon-bell:before {content:"\e7ee";} .ui-icon-trophy:before {content:"\e7ef";} .ui-icon-rest:before {content:"\e7f0";} .ui-icon-USB:before {content:"\e7f1";} .ui-icon-skin:before {content:"\e7f2";} .ui-icon-home:before {content:"\e7f3";} .ui-icon-bank:before {content:"\e7f4";} .ui-icon-filter:before {content:"\e7f5";} .ui-icon-funnelplot:before {content:"\e7f6";} .ui-icon-like:before {content:"\e7f7";} .ui-icon-unlike:before {content:"\e7f8";} .ui-icon-unlock:before {content:"\e7f9";} .ui-icon-lock:before {content:"\e7fa";} .ui-icon-customerservice:before {content:"\e7fb";} .ui-icon-flag:before {content:"\e7fc";} .ui-icon-moneycollect:before {content:"\e7fd";} .ui-icon-medicinebox:before {content:"\e7fe";} .ui-icon-shop:before {content:"\e7ff";} .ui-icon-rocket:before {content:"\e800";} .ui-icon-shopping:before {content:"\e801";} .ui-icon-folder:before {content:"\e802";} .ui-icon-folder-open:before {content:"\e803";} .ui-icon-folder-add:before {content:"\e804";} .ui-icon-deploymentunit:before {content:"\e805";} .ui-icon-accountbook:before {content:"\e806";} .ui-icon-contacts:before {content:"\e807";} .ui-icon-carryout:before {content:"\e808";} .ui-icon-calendar-check:before {content:"\e809";} .ui-icon-calendar:before {content:"\e80a";} .ui-icon-scan:before {content:"\e80b";} .ui-icon-select:before {content:"\e80c";} .ui-icon-laptop:before {content:"\e80d";} .ui-icon-barcode:before {content:"\e80e";} .ui-icon-camera:before {content:"\e80f";} .ui-icon-cluster:before {content:"\e810";} .ui-icon-gateway:before {content:"\e811";} .ui-icon-car:before {content:"\e812";} .ui-icon-printer:before {content:"\e813";} .ui-icon-read:before {content:"\e814";} .ui-icon-cloud-server:before {content:"\e815";} .ui-icon-cloud-upload:before {content:"\e816";} .ui-icon-cloud:before {content:"\e817";} .ui-icon-cloud-download:before {content:"\e818";} .ui-icon-cloud-sync:before {content:"\e819";} .ui-icon-video:before {content:"\e81a";} .ui-icon-notification:before {content:"\e81b";} .ui-icon-sound:before {content:"\e81c";} .ui-icon-radarchart:before {content:"\e81d";} .ui-icon-qrcode:before {content:"\e81e";} .ui-icon-fund:before {content:"\e81f";} .ui-icon-image:before {content:"\e820";} .ui-icon-mail:before {content:"\e821";} .ui-icon-table:before {content:"\e822";} .ui-icon-idcard:before {content:"\e823";} .ui-icon-creditcard:before {content:"\e824";} .ui-icon-heart:before {content:"\e825";} .ui-icon-block:before {content:"\e826";} .ui-icon-error:before {content:"\e827";} .ui-icon-star:before {content:"\e828";} .ui-icon-gold:before {content:"\e829";} .ui-icon-wifi:before {content:"\e82a";} .ui-icon-attachment:before {content:"\e82b";} .ui-icon-edit:before {content:"\e82c";} .ui-icon-key:before {content:"\e82d";} .ui-icon-api:before {content:"\e82e";} .ui-icon-disconnect:before {content:"\e82f";} .ui-icon-highlight:before {content:"\e830";} .ui-icon-monitor:before {content:"\e831";} .ui-icon-link:before {content:"\e832";} .ui-icon-male:before {content:"\e833";} .ui-icon-percentage:before {content:"\e834";} .ui-icon-pushpin:before {content:"\e835";} .ui-icon-phone:before {content:"\e836";} .ui-icon-shake:before {content:"\e837";} .ui-icon-tag:before {content:"\e838";} .ui-icon-wrench:before {content:"\e839";} .ui-icon-tags:before {content:"\e83a";} .ui-icon-scissor:before {content:"\e83b";} .ui-icon-share:before {content:"\e83c";} .ui-icon-verticalright:before {content:"\e83d";} .ui-icon-verticalleft:before {content:"\e83e";} .ui-icon-right:before {content:"\e83f";} .ui-icon-left:before {content:"\e840";} .ui-icon-up:before {content:"\e841";} .ui-icon-down:before {content:"\e842";} .ui-icon-fullscreen:before {content:"\e843";} .ui-icon-fullscreen-exit:before {content:"\e844";} .ui-icon-doubleleft:before {content:"\e845";} .ui-icon-doubleright:before {content:"\e846";} .ui-icon-arrowright:before {content:"\e847";} .ui-icon-arrowup:before {content:"\e848";} .ui-icon-arrowleft:before {content:"\e849";} .ui-icon-arrowdown:before {content:"\e84a";} .ui-icon-upload:before {content:"\e84b";} .ui-icon-colum-height:before {content:"\e84c";} .ui-icon-vertical-align-botto:before {content:"\e84d";} .ui-icon-fullscreen-enter:before {content:"\e60f";} .ui-icon-exit-fullscreen:before {content:"\e722";} .ui-icon-top1:before {content:"\e604";} .ui-icon-top2:before {content:"\e61a";} .ui-icon-top3:before {content:"\e764";} .ui-icon-top4:before {content:"\e674";} .ui-icon-top5:before {content:"\e84e";} .ui-icon-play:before{content:"\e622";} .ui-icon-pauses:before{content:"\e623";} .ui-icon-pre:before{content:"\e636";} .ui-icon-next:before{content:"\e627";} .ui-icon-voice-big:before{content:"\e92a";} .ui-icon-voice-small:before{content:"\e61d";} .ui-icon-voice-close:before{content:"\e951";} .ui-icon-lists:before{content:"\e626";} .ui-icon-lists-b:before{content:"\e69d";} .ui-icon-loop:before{content:"\e68d";} .ui-icon-random:before{content:"\e624";} .ui-icon-one:before{content:"\e621";} .ui-icon-stops:before{content:"\e666";} .ui-icon-service:before{content:"\e63c";} .ui-icon-list-show:before{content:"\e76d";} .ui-icon-list-close:before{content:"\e637";} .ui-icon-arrow-up01:before {content:"\e647";} .ui-icon-arrow-up02:before {content:"\e672";} .ui-icon-arrow-up03:before {content:"\e62b";} .ui-icon-arrow-up04:before {content:"\e6bf";} .ui-icon-arrow-up05:before {content:"\e615";} .ui-icon-arrow-down01:before {content:"\e662";} .ui-icon-arrow-down02:before {content:"\e688";} .ui-icon-arrow-down03:before {content:"\e659";} .ui-icon-arrow-down04:before {content:"\e60a";} .ui-icon-arrow-down05:before {content:"\e62a";} .ui-icon-arrow-down06:before {content:"\e616";} .ui-icon-arrow-right01:before {content:"\e625";} .ui-icon-arrow-right02:before {content:"\e6e5";} .ui-icon-arrow-right03:before {content:"\e65d";} .ui-icon-arrow-right04:before {content:"\e60e";} .ui-icon-arrow-right05:before {content:"\e60b";} .ui-icon-arrow-right06:before {content:"\e63f";} .ui-icon-arrow-right07:before {content:"\e638";} .ui-icon-arrow-right08:before {content:"\e89d";} .ui-icon-arrow-right09:before {content:"\e611";} .ui-icon-arrow-right10:before {content:"\e655";} .ui-icon-arrow-right11:before {content:"\e67a";} .ui-icon-arrow-right12:before {content:"\e645";} .ui-icon-arrow-right13:before {content:"\e64e";} .ui-icon-arrow-right14:before {content:"\e612";} .ui-icon-arrow-right15:before {content:"\e613";} .ui-icon-arrow-right16:before {content:"\e614";} .ui-icon-arrow-right17:before {content:"\e619";} .ui-icon-arrow-right18:before {content:"\e642";} .ui-icon-arrow-right19:before {content:"\e61b";} .ui-icon-arrow-right20:before {content:"\e61c";} .ui-loading{vertical-align:middle;background:url('../css/images/loading.gif') no-repeat center center;margin:5px auto;} /*container*/ .ui-container,.ui-container-fluid {width:100%;padding-right:12px;padding-left:12px;margin-right:auto;margin-left:auto} @media(max-width:767px) { .ui-container {max-width:720px} } @media(min-width:768px) { .ui-container {max-width:95%} } @media(min-width:992px) { ..ui-container {max-width:960px} } @media(min-width:1200px) { .ui-container {max-width:1200px} } @media(min-width:1400px) { .ui-container {max-width:1320px} } @media(min-width:1600px) { .ui-container {max-width:1520px} } @media(min-width:1900px) { .ui-container {max-width:1860px} } /*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(max-width:767px) { .ui-hidden-xs {display:none !important} .ui-visible-xs {display:block !important} .ui-col-xs-1 {-ms-flex:0 0 8.333333%;flex:0 0 8.333333%;max-width:8.333333%} .ui-col-xs-2 {-ms-flex:0 0 16.666667%;flex:0 0 16.666667%;max-width:16.666667%} .ui-col-xs-3 {-ms-flex:0 0 25%;flex:0 0 25%;max-width:25%} .ui-col-xs-4 {-ms-flex:0 0 33.333333%;flex:0 0 33.333333%;max-width:33.333333%} .ui-col-xs-5 {-ms-flex:0 0 41.666667%;flex:0 0 41.666667%;max-width:41.666667%} .ui-col-xs-6 {-ms-flex:0 0 50%;flex:0 0 50%;max-width:50%} .ui-col-xs-7 {-ms-flex:0 0 58.333333%;flex:0 0 58.333333%;max-width:58.333333%} .ui-col-xs-8 {-ms-flex:0 0 66.666667%;flex:0 0 66.666667%;max-width:66.666667%} .ui-col-xs-9 {-ms-flex:0 0 75%;flex:0 0 75%;max-width:75%} .ui-col-xs-10 {-ms-flex:0 0 83.333333%;flex:0 0 83.333333%;max-width:83.333333%} .ui-col-xs-11 {-ms-flex:0 0 91.666667%;flex:0 0 91.666667%;max-width:91.666667%} .ui-col-xs-12 {-ms-flex:0 0 100%;flex:0 0 100%;max-width:100%} } @media(max-width:576px) { .ui-hidden-sm {display:none !important} .ui-visible-sm {display:block !important} .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%} } @media(min-width:768px)and (max-width:1199px) { .ui-hidden-md {display:none !important} .ui-visible-md {display:block !important} .ui-col-md-1 {-ms-flex:0 0 8.333333%;flex:0 0 8.333333%;max-width:8.333333%} .ui-col-md-2 {-ms-flex:0 0 16.666667%;flex:0 0 16.666667%;max-width:16.666667%} .ui-col-md-3 {-ms-flex:0 0 25%;flex:0 0 25%;max-width:25%} .ui-col-md-4 {-ms-flex:0 0 33.333333%;flex:0 0 33.333333%;max-width:33.333333%} .ui-col-md-5 {-ms-flex:0 0 41.666667%;flex:0 0 41.666667%;max-width:41.666667%} .ui-col-md-6 {-ms-flex:0 0 50%;flex:0 0 50%;max-width:50%} .ui-col-md-7 {-ms-flex:0 0 58.333333%;flex:0 0 58.333333%;max-width:58.333333%} .ui-col-md-8 {-ms-flex:0 0 66.666667%;flex:0 0 66.666667%;max-width:66.666667%} .ui-col-md-9 {-ms-flex:0 0 75%;flex:0 0 75%;max-width:75%} .ui-col-md-10 {-ms-flex:0 0 83.333333%;flex:0 0 83.333333%;max-width:83.333333%} .ui-col-md-11 {-ms-flex:0 0 91.666667%;flex:0 0 91.666667%;max-width:91.666667%} .ui-col-md-12 {-ms-flex:0 0 100%;flex:0 0 100%;max-width:100%} } @media(min-width:1200px)and (max-width:1399px) { .ui-hidden-lg {display:none !important} .ui-visible-lg {display:block !important} .ui-col-lg-1 {-ms-flex:0 0 8.333333%;flex:0 0 8.333333%;max-width:8.333333%} .ui-col-lg-2 {-ms-flex:0 0 16.666667%;flex:0 0 16.666667%;max-width:16.666667%} .ui-col-lg-3 {-ms-flex:0 0 25%;flex:0 0 25%;max-width:25%} .ui-col-lg-4 {-ms-flex:0 0 33.333333%;flex:0 0 33.333333%;max-width:33.333333%} .ui-col-lg-5 {-ms-flex:0 0 41.666667%;flex:0 0 41.666667%;max-width:41.666667%} .ui-col-lg-6 {-ms-flex:0 0 50%;flex:0 0 50%;max-width:50%} .ui-col-lg-7 {-ms-flex:0 0 58.333333%;flex:0 0 58.333333%;max-width:58.333333%} .ui-col-lg-8 {-ms-flex:0 0 66.666667%;flex:0 0 66.666667%;max-width:66.666667%} .ui-col-lg-9 {-ms-flex:0 0 75%;flex:0 0 75%;max-width:75%} .ui-col-lg-10 {-ms-flex:0 0 83.333333%;flex:0 0 83.333333%;max-width:83.333333%} .ui-col-lg-11 {-ms-flex:0 0 91.666667%;flex:0 0 91.666667%;max-width:91.666667%} .ui-col-lg-12 {-ms-flex:0 0 100%;flex:0 0 100%;max-width:100%} } @media(min-width:1400px) { .ui-hidden-xl {display:none !important} .ui-visible-xl {display:block !important} .ui-col-xl-1 {-ms-flex:0 0 8.333333%;flex:0 0 8.333333%;max-width:8.333333%} .ui-col-xl-2 {-ms-flex:0 0 16.666667%;flex:0 0 16.666667%;max-width:16.666667%} .ui-col-xl-3 {-ms-flex:0 0 25%;flex:0 0 25%;max-width:25%} .ui-col-xl-4 {-ms-flex:0 0 33.333333%;flex:0 0 33.333333%;max-width:33.333333%} .ui-col-xl-5 {-ms-flex:0 0 41.666667%;flex:0 0 41.666667%;max-width:41.666667%} .ui-col-xl-6 {-ms-flex:0 0 50%;flex:0 0 50%;max-width:50%} .ui-col-xl-7 {-ms-flex:0 0 58.333333%;flex:0 0 58.333333%;max-width:58.333333%} .ui-col-xl-8 {-ms-flex:0 0 66.666667%;flex:0 0 66.666667%;max-width:66.666667%} .ui-col-xl-9 {-ms-flex:0 0 75%;flex:0 0 75%;max-width:75%} .ui-col-xl-10 {-ms-flex:0 0 83.333333%;flex:0 0 83.333333%;max-width:83.333333%} .ui-col-xl-11 {-ms-flex:0 0 91.666667%;flex:0 0 91.666667%;max-width:91.666667%} .ui-col-xl-12 {-ms-flex:0 0 100%;flex:0 0 100%;max-width:100%} } @media(min-width:1600px) { .ui-hidden-xl {display:none !important} .ui-visible-xl {display:block !important} .ui-col-xxl-1 {-ms-flex:0 0 8.333333%;flex:0 0 8.333333%;max-width:8.333333%} .ui-col-xxl-2 {-ms-flex:0 0 16.666667%;flex:0 0 16.666667%;max-width:16.666667%} .ui-col-xxl-3 {-ms-flex:0 0 25%;flex:0 0 25%;max-width:25%} .ui-col-xxl-4 {-ms-flex:0 0 33.333333%;flex:0 0 33.333333%;max-width:33.333333%} .ui-col-xxl-5 {-ms-flex:0 0 41.666667%;flex:0 0 41.666667%;max-width:41.666667%} .ui-col-xxl-6 {-ms-flex:0 0 50%;flex:0 0 50%;max-width:50%} .ui-col-xxl-7 {-ms-flex:0 0 58.333333%;flex:0 0 58.333333%;max-width:58.333333%} .ui-col-xxl-8 {-ms-flex:0 0 66.666667%;flex:0 0 66.666667%;max-width:66.666667%} .ui-col-xxl-9 {-ms-flex:0 0 75%;flex:0 0 75%;max-width:75%} .ui-col-xxl-10 {-ms-flex:0 0 83.333333%;flex:0 0 83.333333%;max-width:83.333333%} .ui-col-xxl-11 {-ms-flex:0 0 91.666667%;flex:0 0 91.666667%;max-width:91.666667%} .ui-col-xxl-12 {-ms-flex:0 0 100%;flex:0 0 100%;max-width:100%} } /*grid*/ .ui-grid{display:grid;grid-template-columns:repeat(4,1fr);grid-gap:10px;padding:10px;} .ui-grid.five{grid-template-columns:repeat(5,1fr);} .ui-grid.four{grid-template-columns:repeat(4,1fr);} .ui-grid.three{grid-template-columns:repeat(3,1fr);} .ui-grid.two{grid-template-columns:repeat(2,1fr);} .ui-grid.one{grid-template-columns:1fr} .ui-grid-item{position:relative;} .ui-grid-item .ui-badge{position:absolute;top:-5px;right:-5px;} .ui-grid-item img{width:100%;object-fit:cover;height:150px;} .ui-grid.icon{text-align:center;} .ui-grid.icon .ui-grid-item{font-size:13px;} .ui-grid.icon .ui-grid-item i{font-size:28px;display:block;} .ui-grid.icon .ui-grid-item.red i{color:#ff4837;} .ui-grid.icon .ui-grid-item.blue i{color:#2E95FF;} .ui-grid.icon .ui-grid-item.yellow i{color:#FF6F27;} .ui-grid.icon .ui-grid-item.green i{color:#19BE6B;} .ui-grid.image{text-align:center;} .ui-grid.image a.ui-grid-item{display:block;} .ui-grid.image .ui-grid-item img{width:50px;height:50px;margin:10px auto;display:block;border-radius:5px;} .ui-grid.flex{display:flex;flex-wrap:wrap;grid-gap:0px;padding:0px;} .ui-grid.flex .ui-grid-item{flex:0 0 25%;max-width:25%;padding:5px 10px;} .ui-grid.flex.five .ui-grid-item{flex:0 0 20%;max-width:20%;} .ui-grid.flex.four .ui-grid-item{flex:0 0 25%;max-width:25%;} .ui-grid.flex.three .ui-grid-item{flex:0 0 33.333333%;max-width:33.333333%;} .ui-grid.flex.two .ui-grid-item{flex:0 0 50%;max-width:50%;} .ui-grid.flex.one .ui-grid-item{flex:0 0 100%;max-width:100%;} /*btn*/ .ui-btn{position:relative;display:inline-block;border:1px solid #d9d9d9;padding:.1rem .8rem;margin-bottom:.25rem;font-size:.7rem;line-height:1.75rem;border-radius:.2rem;color:#595959;background:#fff;user-select:none;} .ui-btn [class*=ui-icon-]{vertical-align:baseline;} .ui-btn:hover{color:#40a9ff;border-color:#40a9ff;box-shadow:2px 2px 10px 0 rgba(24,144,255,0.2);} .ui-btn.red{background:#ff4837;border-color:#ff4837;color:#fff;} .ui-btn.red:hover{background:#F64041;border-color:#F64041;color:#fff;} .ui-btn.yellow{background:#FF6F27;border-color:#FF6F27;color:#fff;} .ui-btn.yellow:hover{background:#FF7200;border-color:#FF7200;color:#fff;} .ui-btn.blue{background:#2E95FF;border-color:#2E95FF;color:#fff;} .ui-btn.blue:hover{background:#40A9FF;border-color:#40A9FF;color:#fff;} .ui-btn.gray{background:#ccc;color:#fff;} .ui-btn.gray:hover{background:#ccc;border-color:#ccc;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.little{font-size:12px;padding:0 2px;line-height:normal;height:20px;} .ui-btn.small{font-size:13px;padding:0 8px;line-height:30px;height:32px;} .ui-btn.big{font-size:16px;padding:0 24px;line-height:46px;height:48px;} .ui-btn.large{font-size:20px;padding:0 52px;line-height:58px;height:60px;} .ui-btn.outline.red{background:#fff;color:#ff4837;} .ui-btn.outline.yellow{background:#fff;color:#FF6F27;} .ui-btn.outline.blue{background:#fff;color:#2E95FF;} .ui-btn.outline.green{background:#fff;color:#19BE6B;} .ui-btn.outline.info{background:#fff;color:#2DB7F5;} .ui-btn.color-red:hover{color:#ff4837;border-color:#ff4837;box-shadow:2px 2px 10px 0 rgba(255,72,55,0.2);} .ui-btn.color-yellow:hover{color:#FF6F27;border-color:#FF6F27;box-shadow:2px 2px 10px 0 rgba(255,128,55,0.2);} .ui-btn.color-green:hover{color:#19BE6B;border-color:#19BE6B;box-shadow:2px 2px 10px 0 rgba(25,190,107,0.2);} .ui-btn.color-info:hover{color:#2DB7F5;border-color:#2DB7F5;box-shadow:2px 2px 10px 0 rgba(45,183,245,0.2);} .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;user-select:none} 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);} .ui-btn.gray:hover{box-shadow:2px 2px 10px 0 rgba(51,51,51,0.2);} a.ui-btn.outline.red{color:#ff4837;} a.ui-btn.outline.yellow{color:#FF6F27;} a.ui-btn.outline.blue{color:#2E95FF;} a.ui-btn.outline.green{color:#19BE6B;} a.ui-btn.outline.info{color:#2DB7F5;} a.ui-btn.hover.blue{color:#595959;border-color:#e0e0e0;background:#fff;} a:hover.ui-btn.hover.blue{color:#40a9ff;border-color:#40a9ff;box-shadow:2px 2px 10px 0 rgba(24,144,255,0.2);} a.ui-btn.hover.red{color:#595959;border-color:#e0e0e0;background:#fff;} a:hover.ui-btn.hover.red{color:#ff4837;border-color:#ff4837;box-shadow:2px 2px 10px 0 rgba(237,64,20,0.2);} a.ui-btn.hover.yellow{color:#595959;border-color:#e0e0e0;background:#fff;} a:hover.ui-btn.hover.yellow{color:#FF6F27;border-color:#FF6F27;box-shadow:2px 2px 10px 0 rgba(243,123,29,0.2);} a.ui-btn.hover.green{color:#595959;border-color:#e0e0e0;background:#fff;} a:hover.ui-btn.hover.green{color:#19BE6B;border-color:#19BE6B;box-shadow:2px 2px 10px 0 rgba(25,190,107,0.2);} a.ui-btn.hover.info{color:#595959;border-color:#e0e0e0;background:#fff;} a:hover.ui-btn.hover.info{color:#2DB7F5;border-color:#2DB7F5;box-shadow:2px 2px 10px 0 rgba(45,183,245,0.2);} .ui-btn:disabled{background:#E9EAEF !important;border-color:#E9EAEF !important;color:#888;} .ui-btn:disabled:hover{background:#E9EAEF !important;border-color:#E9EAEF !important;box-shadow:none;color:#888;} /*btn-group*/ .ui-btn-group {margin-left:.05rem;font-size:0;} .ui-btn-group-item {border:1px solid #d9d9d9;margin-left:-.05rem;display:inline-block;padding:.1rem .9rem;line-height:1.75rem;font-size:.75rem;color:#595959;background:#fff;text-align:center;} .ui-btn-group-item:first-child {border-radius:.2rem 0 0 .2rem;} .ui-btn-group-item:last-child {border-radius:0 .2rem .2rem 0;} a.ui-btn-group-item:hover {color:#333;border-color:#40a9ff;position:relative;cursor:pointer;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:.25rem;color:#999;font-size:.9rem;vertical-align:middle;} .ui-btn-group.full {display:flex;} .ui-btn-group.full .ui-btn-group-item {flex:1;padding:0;} .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 a.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.bgcolor .active,.ui-btn-group.yellow.bgcolor a.active{color:#fff;background:#FF6F27;} .ui-btn-group.yellow a.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 a.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 a.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 a.ui-btn-group-item:hover {border-color:#57C5F7;} .ui-btn-group.red.bgcolor .active,.ui-btn-group.red.bgcolor a.active {color:#fff;background:#ED4014;} .ui-btn-group.yellow.bgcolor .active,.ui-btn-group.yellow.bgcolor a.active {color:#fff;background:#F37B1D;} .ui-btn-group.blue.bgcolor .active,.ui-btn-group.blue.bgcolor a.active {color:#fff;background:#1890FF;} .ui-btn-group.green.bgcolor .active,.ui-btn-group.green.bgcolor a.active {color:#fff;background:#47CB89;} .ui-btn-group.info.bgcolor .active,.ui-btn-group.info.bgcolor a.active {color:#fff;background:#57C5F7;} .ui-btn-group.small .ui-btn-group-item{font-size:13px;line-height:32px;height:34px;padding:0 14px;} .ui-btn-group.little .ui-btn-group-item{font-size:12px;line-height:26px;height:28px;padding:0 8px;} .ui-btn-group.big .ui-btn-group-item{font-size:15px;line-height:48px;height:50px;} .ui-btn-group.line a{border-left:0;border-top:0;border-right:0;border-radius:0;} .ui-btn-group.line a.active{border-bottom-width:2px;} /*Badge*/ .ui-badge{min-width:20px;line-height:20px;min-height:20px;padding:0 8px;border-radius:10px;background:#e8e8e8;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:#e0e0e0;border-radius:100%;font-size:10px;} .ui-badge.small{min-width:8px;height:8px;min-height:8px;padding:0;background:#e0e0e0;border-radius:100%;font-size:10px;} .ui-badge.red{background:#ff4837;color:#fff;} .ui-badge.yellow{background:#FF6F27;color:#fff;} .ui-badge.blue{background:#2E95FF;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:1.75rem;right:-1.75rem;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:2.05rem;display:block;position:relative;} .ui-bar ul li a i {font-size:1.2rem;color:#fff;} .ui-bar ul li a p {position:absolute;top:.2rem;top:0;background:#fff;color:#333;padding:.4rem 1rem;line-height:1.2rem;border:1px solid #ddd;border-right:0;display:none;border-radius:.3rem 0 0 .3rem;} .ui-bar ul li a p:after {display:block;content:"";background:#fff;width:.4rem;height:.4rem;position:absolute;top:.75rem;right:-.2rem;transform:rotate(45deg)} .ui-bar ul li a div {position:absolute;top:-5rem;background:#fff;color:#333;padding:.5rem;line-height:1.2rem;border:1px solid #ddd;display:none;border-radius:.3rem;text-align:center;} .ui-bar ul li a div img {width:250px;height:250px;display:block;} .ui-bar ul li a:hover p {left:-5.15rem;display:block;} .ui-bar ul li a div:after {display:block;content:"";background:#fff;width:.8rem;height:.8rem;position:absolute;top:5.6rem;right:-.41rem;transform:rotate(45deg);border:1px solid #ddd;border-left:0;border-bottom:0;} .ui-bar ul li a:hover div {left:-15rem;display:block;} .ui-bar ul:last-child {position:absolute;bottom:.25rem;right:.25rem;} .ui-bar.red{background:#ff4837;} .ui-bar.yellow{background:#FF6F27;} .ui-bar.blue{background:#2E95FF;} .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;font-size:.75rem;color:#999;} .ui-bread ul li + li:before {padding:0 .4rem;content:"/\00a0";color:#999;font-size:.6rem;font-family:宋体;} .ui-bread-1 ul li + li:before {content:">>";} .ui-bread-2 ul li + li:before {content:">";} .ui-bread ul li a {font-size:.75rem;} .ui-bread ul li a[class*="icon"]:before {color:#999;font-size:.8rem;padding-right:.25rem;} /*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:2rem;padding:0 .5rem;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:.5rem;} .ui-carousel-control .ui-carousel-page li {width:.5rem;height:.5rem;border-radius:50%;} .ui-carousel-pagenum {position:absolute;right:.25rem;bottom:.25rem;z-index:15;background:rgba(0,0,0,.3);color:#fff;padding:.15rem .5rem;border-radius:1rem;font-size:.5rem;} /*Card*/ .ui-card {border:1px solid #e5e5e5;background:#fff;border-radius:.1rem;} .ui-card-header {background:#fff;padding:.75rem;border-bottom:1px solid #F2F2F2;line-height:.9rem;display:flex;align-items:center;} .ui-card-header h5 {font-size:.8rem;font-weight:500;margin:0;border-left:.1rem solid #1890FF;padding-left:.75rem;flex:1;} .ui-card-header h4 {font-size:.8rem;font-weight:500;margin:0;flex:1;} .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-image.none img{border-radius:0;} .ui-card-image.none svg{border-radius:0;} .ui-card-body {padding:.75rem;} .ui-card-body.np {padding-top:0;} .ui-card-body.ui-row {margin-top:-.75rem;} .ui-card-body .ui-card-title {font-size:.75rem;font-weight:600;} .ui-card-body .ui-card-text {word-break:break-all;color:#999;line-height:normal;} .ui-card-body .ui-card-text ul {list-style:none;} .ui-card-body .ui-list {margin-top:-.5rem;} .ui-card-footer {background:#fff;padding:.6rem .9rem;border-top:1px solid #F2F2F2;font-size:.7rem;border-radius:.2rem;} /*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;} .ui-fold.ui-fold-border{border:1px solid #f3f3f3;} .ui-fold-menu{display:flex;justify-content:space-betweend;border-bottom:1px solid #f3f3f3;line-height:50px;padding:0 0 0 20px;} .ui-fold-menu a{flex:1;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;} .ui-fold-menu i{display:block;transition:all 0.4s ease;color:#ccc;cursor:pointer;min-width:50px;text-align:center;} .ui-fold-menu.active{background:#efefef;} .ui-fold-menu.active a{cursor:default;} .ui-fold-menu.active i{transform:rotate(90deg);cursor:default;} .ui-fold-body{display:none;} .ui-fold-body ul{list-style:none;} .ui-fold-body ul li{line-height:50px;border-bottom:1px solid #f3f3f3;padding:0 30px;} .ui-fold-body ul li.active a{color:#f30;} .ui-fold-body.show{display:block;} .ui-fold-body.hide{display:none;} /*Dropmenu*/ .ui-dropdown {display:none;background:#fff;border:1px solid #d9d9d9;border-radius:.2rem;padding:.5rem 0;box-shadow:1px .1rem .5rem 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:.5rem;height:.5rem;border-left:0;border-bottom:0;background:#fff;border:1px solid #d9d9d9;border-bottom:0;border-right:0;} .ui-dropdown-left:after {right:-.3rem;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:-.3rem;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:.5rem;top:0;transform:translateY(-50%) rotate(45deg);} .ui-dropdown-top-left:after {left:.5rem;top:100%;transform:translateY(-50%) rotate(-140deg);} .ui-dropdown-right-top:after {left:-.3rem;top:.75rem;transform:translateY(-50%) rotate(-45deg);} .ui-dropdown-line {height:0;margin:0.5rem 0;overflow:hidden;border-top:1px solid #e9ecef;} .ui-dropdown-item {display:block;width:100%;padding:0.25rem 1rem;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,.05);z-index:9032;display:block;overflow-x:hidden;overflow-y:auto;display:none;} .ui-dialog{z-index:9033;position:fixed;border:1px solid #eaeaea;border-radius:0px;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:transform .2s cubic-bezier(.16,.68,.43,.99);animation-duration: 0.3s;animation-fill-mode:both;} .ui-dialog-header{padding:12px 20px;border-bottom:1px solid #f3f3f3;display:flex;} .ui-dialog-header .ui-dialog-title{flex:1;font-weight:normal;font-size:16px;cursor:move;-moz-user-select:none;-webkit-user-select:none;line-height:2;} .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;} .ui-dialog.blue{border:0;border-radius:20px;min-width:380px;} .ui-dialog.blue .ui-dialog-body{padding:0;background:none;} .ui-dialog.blue .ui-dialog-body .pay-header{text-align:center;padding-top:30px;font-size:16px;color:#999;} .ui-dialog.blue .ui-dialog-body .pay-header span{color:#f30;margin:0 5px;} .ui-dialog.blue .ui-dialog-body .pay-body{padding:20px;text-align:center;height:300px;width:300px;} .ui-dialog.blue .ui-dialog-body .pay-body img,.ui-dialog-blue .ui-dialog-body .pay-body svg{width:260px;height:260px;} .ui-dialog.blue .ui-dialog-body .pay-footer{background:#00A7EF;border-radius:0 0 20px 20px;text-align:center;padding:20px 0;color:#fff;font-size:16px;} .ui-dialog.green{border:0;border-radius:20px;min-width:380px;} .ui-dialog.green .ui-dialog-body{padding:0;background:none;} .ui-dialog.green .ui-dialog-body .pay-header{text-align:center;padding-top:30px;font-size:16px;color:#999;} .ui-dialog.green .ui-dialog-body .pay-header span{color:#f30;margin:0 5px;} .ui-dialog.green .ui-dialog-body .pay-body{padding:20px;text-align:center;height:300px;width:300px;} .ui-dialog.green .ui-dialog-body .pay-body img,.ui-dialog-blue .ui-dialog-body .pay-body svg{width:260px;height:260px;} .ui-dialog.green .ui-dialog-body .pay-footer{background:#08BB21;border-radius:0 0 20px 20px;text-align:center;padding:20px 0;color:#fff;font-size:16px;} .ui-dialog-tips{border:1px solid #e8e8e8;background:#fff;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;margin:60px auto;position:relative;width:400px;z-index:10;border-radius:6px;} .ui-dialog-tips .ui-dialog-header .ui-dialog-title{cursor:auto;} .ui-dialog-tips .ui-dialog-body{padding:30px;font-size:16px;} .ui-dialog-tips .ui-dialog-footer{padding-bottom:20px;} /*Endtime*/ .ui-endtime {color:#999;} .ui-endtime i {color:#f30;font-style:normal;padding:0 .25rem;} .ui-endtime i:first-child {padding-left:0;} /*filter*/ .ui-filter {background:#fff;box-shadow:0 1px 10px rgb(0 0 0 / 7%);padding:10px 10px 10px 0;} .ui-filter .ui-filter-left {text-align:right;padding-top:.9rem;color:#999;} .ui-filter .ui-filter-right {padding-left:.5rem;flex:1;overflow:hidden;} .ui-filter .ui-filter-right a {border:1px solid #eaeaea;padding:.4rem .75rem;border-radius:.1rem;margin:.5rem .5rem 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:.75rem;} /*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:.5rem;padding-bottom:.25rem;position:relative;} .ui-form-group+.hide {display:none;} .ui-form-icon {position:absolute;top:45%;left:.75rem;z-index:99;-webkit-transform:translateY(-50%);transform:translateY(-50%);font-size:.9rem;vertical-align:middle;} .ui-form-icon+.ui-form-ip {padding-left:2rem;} .ui-form-icon+.ui-input-group .ui-form-ip {padding-left:2rem;} .ui-form-group .ui-form-ip {} .ui-form-group > label {margin-bottom:.5rem;} .ui-form-ip {display:block;width:100%;padding:.6rem .8rem;font-size:.7rem;font-weight:400;color:#495057;background:#fff;background-clip:padding-box;border:1px solid #ced4da;border-radius:0.25rem;transition:border-color 0.15s ease-in-out,box-shadow 0.15s ease-in-out;text-align:left;} input.ui-form-ip {line-height:1;} select.ui-form-ip,textarea.form-ip {height:auto;} textarea.ui-form-ip {min-height:5rem;} .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 0.1rem 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:.15rem;margin-right:.25rem;vertical-align:middle;} .ui-form-limit-text {position:absolute;right:.5rem;bottom:.5rem;color:#999;background:rgba(255,255,255,.5);} .ui-form-limit-text span {color:#f30;} .ui-col-form-label {padding-top:.5rem;color:#666;padding-right:.5rem;} .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;line-height:1.6rem;padding:.3rem .6rem;font-size:.7rem;font-weight:400;color:#495057;border:1px solid #ced4da;border-right:0;background:#F6F7FF;border-radius:0.2rem 0 0 0.2rem;} .ui-input-group .before.blue{border-color:#DAE3F5;background:#F6F9FF;} .ui-input-group .before.red{border-color:#FFD1D0;background:#FFF6F6;} .ui-input-group .before.green{border-color:#D9EBDA;background:#F7FDF7;} .ui-input-group .before.yellow{border-color:#FFEFE7;background:#FFFDFC;} .ui-input-group .after {justify-content:center;align-items:center;display:flex;padding:.3rem 0.55rem;font-size:.7rem;font-weight:400;color:#495057;border:1px solid #ced4da;border-left:0;background:#F6F7FF;border-radius:0 0.2rem 0.2rem 0;white-space:nowrap;} .ui-input-group .after.blue{border-color:#DAE3F5;background:#F6F9FF;} .ui-input-group .after.red{border-color:#FFD1D0;background:#FFF6F6;} .ui-input-group .after.green{border-color:#D9EBDA;background:#F7FDF7;} .ui-input-group .after.yellow{border-color:#FFEFE7;background:#FFFDFC;} .ui-input-group .after.none{border:0;background:none;padding-bottom:0;} .ui-input-group .after input{width:60px;border:0;background:none;line-height:1.5rem;text-align:left;} .ui-input-group a.after {font-size:.7rem;padding:.2rem .6rem;line-height:1.6rem;min-height:2rem;cursor:pointer;font-family:microsoft yahei;} .ui-input-group a.after:before {margin-right:.25rem;font-size:.9rem;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:.3rem .8rem;} .ui-input-group button.after [class*=ui-icon]{font-size:24px;} .ui-input-group .code {min-height:2.2rem;justify-content:center;align-items:center;display:flex;padding:0 .6rem;border:1px solid #ced4da;border-left:0;background:#fff;border-radius:0;cursor:pointer;border-radius:0 .2rem .2rem 0;} .ui-input-group .code img {height:2.2rem;border-radius:0 .2rem .2rem 0;} .ui-input-group .ui-form-ip {flex:1;} .ui-input-group-check {padding-top:.35rem;} .ui-input-group-check label {margin-right:.5rem;} .ui-input-group .ui-radius-none {border-radius:0;} .ui-input-group .ui-radius-left-none {border-radius:0 .2rem .2rem 0;} .ui-input-group .ui-radius-right-none {border-radius:.2rem 0 0 .2rem;} .ui-input-group .ui-radius-none {border-radius:0;} .ui-input-group.ui-vertical {-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;-webkit-box-align:start;-ms-flex-align:start;align-items:flex-start} .ui-input-group.ui-vertical label,.ui-input-group.ui-vertical .label {margin-bottom:10px} .ui-input-group label,.ui-input-group .label {display:inline-block;white-space:nowrap;color:#303133;margin-right:8px} .ui-input-group label.ui-required,.ui-input-group .label.ui-required {padding-left:.6em;position:relative} .ui-input-group label.ui-required::before,.ui-input-group .label.ui-required::before {content:"*";position:absolute;left:0;top:30%;color:#eb5757} .ui-input-prefix,.ui-input-suffix {position:relative;-webkit-box-flex:1;-ms-flex:1;flex:1} .ui-input-prefix input {padding-left:40px} .ui-input-prefix .ui-prefix-icon {position:absolute;left:4px;height:100%;width:40px;top:0;text-align:center;color:#c0c4cc;-webkit-transition:all .3s cubic-bezier(0.645,0.045,0.355,1);transition:all .3s cubic-bezier(0.645,0.045,0.355,1);pointer-events:none} .ui-input-prefix .ui-prefix-icon::before {font-size:16px;position:absolute;top:50%;left:50%;-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%)} .ui-input-suffix input {padding-right:40px} .ui-input-suffix .ui-suffix-icon {position:absolute;right:4px;height:100%;width:40px;top:0;text-align:center;color:#c0c4cc;-webkit-transition:all .3s cubic-bezier(0.645,0.045,0.355,1);transition:all .3s cubic-bezier(0.645,0.045,0.355,1);pointer-events:none} .ui-input-suffix .ui-suffix-icon::before {font-size:16px;position:absolute;top:50%;left:50%;-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%)} .ui-input-suffix .ui-suffix-icon.ui-suffix-password,.ui-input-suffix .ui-suffix-icon.ui-suffix-clear {pointer-events:auto;cursor:pointer} .ui-input-suffix .ui-suffix-icon.ui-suffix-password:hover,.ui-input-suffix .ui-suffix-icon.ui-suffix-clear:hover {color:#909399} .ui-input-suffix .ui-suffix-icon.ui-suffix-count {font-style:normal;height:auto;position:absolute;top:50%;-webkit-transform:translateY(-50%);transform:translateY(-50%)} .ui-input-suffix .ui-suffix-icon.ui-suffix-clear {-webkit-transition:opacity 50ms linear;transition:opacity 50ms linear;display:none} .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 0.1rem rgba(255,51,0,0.25);} .ui-check-error .error-msg {display:inline-block;padding:.5833em .833em;margin-top:.5rem;border-radius:.25rem;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-check-error .ui-select-menu .ui-select-item {color:#fff;} .ui-check-error .ui-select-menu .ui-select-item.is-active {color:#2879fe} .ui-form-ip.ui-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:.2rem 0 0 .2rem;} .ui-form-inline .ui-form-ip {border-radius:0;border-right:0;} .ui-form-inline .after {border-left:1px solid #ced4da;} .ui-form-none{display:flex;border-bottom:1px solid #eaeaea;margin:0;padding-top:8px;} .ui-form-none label{width:120px;padding:10px 0 0 15px;font-weight:bold;} .ui-form-none input{flex:1;border:0;} .ui-form-none .text{flex:1;padding:8px 0;} .ui-form-none input:focus{border:0;box-shadow:none;} .ui-form-none .ui-input-group{flex:1;} .ui-form-none .ui-input-group .after{background:none;border:0;} .ui-form-none .ui-input-group .after a{color:#06f;} .ui-form-none .ui-input-group .after a:hover{color:#f30;} .ui-form-none.ui-check-error{color:#f30;} .ui-form-none.ui-check-error .ui-form-ip{border-color:#fff;} .ui-form-none.ui-check-error .ui-form-ip:focus{box-shadow:none;} .ui-form-image{display:flex;flex-wrap:wrap;} .ui-form-image-item{width:100px;height:100px;text-align:center;margin:5px 15px 10px 0;border:1px solid #DAE3F5;background:#F6F7FF;} .ui-form-image-item .upload{width:100%;line-height:100px;cursor:pointer;} .ui-form-image-item .upload i{color:#5A6FE0;font-size:30px;} .ui-form-image-item .image{position:relative;line-height:94px;} .ui-form-image-item .image img{width:98px;max-height:98px;object-fit:cover;} .ui-form-image-item .image .action{position:absolute;width:20px;height:20px;line-height:20px;border-radius:50%;top:-10px;right:-10px;text-align:center;z-index:90;background:rgba(0,0,0,.4);transition:all .5s ease 0s;opacity:0;} .ui-form-image-item .image .action a{font-size:16px;color:#ccc;} .ui-form-image-item .image .action a:hover{color:#fff;} .ui-form-image-item .image:hover .action{opacity:1;} /*CheckBox*/ .ui-checkbox {display:inline-block;cursor:pointer;margin-right:.8rem;} .ui-checkbox input[type="checkbox"] {appearance:none;-webkit-appearance:none;outline:none;display:none} .ui-checkbox input[type="checkbox"] + i {vdisplay:inline-block;vertical-align:baseline;margin-right:.25rem;font-style:normal;} .ui-checkbox input[type="checkbox"] + i:after {width:.8rem;height:.8rem;display:inline-block;border:1px solid #1890FF;border-radius:.1rem;display:inline-block;font-size:.6rem;line-height:.8rem;content:'　';text-align:center;} .ui-checkbox input[type="checkbox"]:checked + i:after {content:'\e852';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:'\e852';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;} .ui-checkbox.color-red input[type="checkbox"]:checked + i:after{color:#ff4837;border-color:#ff4837;} .ui-checkbox.color-yellow input[type="checkbox"]:checked + i:after{color:#FF6F27;border-color:#FF6F27;} .ui-checkbox.color-green input[type="checkbox"]:checked + i:after{color:#19BE6B;border-color:#19BE6B;} .ui-checkbox.color-info input[type="checkbox"]:checked + i:after{color:#2DB7F5;border-color:#2DB7F5;} .ui-checkbox.color-black input[type="checkbox"]:checked + i:after{color:#333;border-color:#333;} /*Radio*/ .ui-radio {display:inline-block;cursor:pointer;margin-right:.5rem;} .ui-radio input[type="radio"] {appearance:none;-webkit-appearance:none;outline:none;display:none} .ui-radio input[type="radio"] + i {display:inline-block;vertical-align:text-top;margin-right:.25rem;border:1px solid #ddd;width:.8rem;height:.8rem;border-radius:50%;position:relative;transition:all .3s ease 0s;} .ui-radio input[type="radio"] + i:after {width:.4rem;height:.4rem;display:inline-block;border-radius:50%;display:inline-block;font-size:.6rem;position:absolute;left:.15rem;top:.15rem;} .ui-radio input[type="radio"]:checked + i {border-color:#1890FF;box-shadow:0 0 0 .1rem 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;} /*Select*/ .ui-select {display:inline-block;position:relative;width:100%;} .ui-select-handle {cursor:pointer;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center} .ui-select-handle .after{padding:0.6rem 0.8rem;} .ui-select-handle.ui-select-icon::after {content:"\e616";position:absolute;right:10px;font-family:"iconfont";font-size:1.3rem;display:inline-block;-webkit-transform:rotate(0deg);transform:rotate(0deg);margin-left:4px;-webkit-transition:all .3s cubic-bezier(0.645,0.045,0.355,1);transition:all .3s cubic-bezier(0.645,0.045,0.355,1);color:#c0c4cc} .ui-select-handle.ui-select-icon.is-active::after {-webkit-transform:rotate(180deg);transform:rotate(180deg)} .ui-select-handle.ui-select-icon.is-disabled {color:#c0c4cc;cursor:not-allowed} .ui-select-handle.ui-select-icon.is-disabled input {cursor:not-allowed;background-color:#f4f6f8;border-color:#e4e7ed;color:#c0c4cc} .ui-select-handle input {padding-right:30px} .ui-select-handle .ui-icon-close-circle {position:absolute;right:1px;background-color:#fff;font-size:0.8rem;z-index:1;color:#909399;width:30px;right:6px;height:90%;display:none;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;border-radius:4px} .ui-select-handle .ui-select-input{background:#fff;} .ui-select-menu {position:absolute;z-index:100;min-width:180px;border:1px solid #e4e7ed;border-radius:4px;background-color:#fff;-webkit-box-shadow:0 2px 12px 0 rgba(0,0,0,.1);box-shadow:0 2px 12px 0 rgba(0,0,0,.1);-webkit-box-sizing:border-box;box-sizing:border-box;display:none} .ui-select-menu .ui-select-slide {margin:10px 0;max-height:216px;overflow:auto} .ui-select-menu .ui-select-item {padding:0 20px;cursor:pointer;line-height:36px;font-size:14px;outline:none} .ui-select-menu .ui-select-item:hover {color:#3e86fe;background-color:#eaf2ff} .ui-select-menu .ui-select-item-title {padding:0 20px;font-size:12px;line-height:30px;color:#909399} .ui-select-menu .ui-divided {height:1px;margin:10px 20px;background-color:#dcdfe6} .ui-select-menu.ui-size-medium .ui-select-slide {margin:6px 0;max-height:180px} .ui-select-menu.ui-size-medium .ui-select-item {padding:0 17px;line-height:30px;font-size:14px} .ui-select-menu.ui-size-medium .ui-select-item-title {padding:0 17px} .ui-select-menu.ui-size-medium .ui-divided {margin:6px 17px} .ui-select-menu.ui-size-small .ui-select-slide {margin:6px 0;max-height:162px} .ui-select-menu.ui-size-small .ui-select-item {padding:0 15px;line-height:27px;font-size:13px} .ui-select-menu.ui-size-small .ui-select-item-title {padding:0 15px} .ui-select-menu.ui-size-small .ui-divided {margin:6px 15px} .ui-select-menu.ui-size-mini .ui-select-slide {margin:3px 0;max-height:144px} .ui-select-menu.ui-size-mini .ui-select-item {padding:0 10px;line-height:24px;font-size:12px} .ui-select-menu.ui-size-mini .ui-select-item-title {padding:0 10px} .ui-select-menu.ui-size-mini .ui-divided {margin:3px 10px} .ui-select-settable .ui-select-handle input {border-top-right-radius:0px;border-bottom-right-radius:0px;position:relative;z-index:1} .ui-select-settable .ui-select-handle input:hover,.ui-select-settable .ui-select-handle input:focus {z-index:2} .ui-select-settable .ui-select-handle button {border-top-left-radius:0px;border-bottom-left-radius:0px;position:relative;left:-1px;z-index:1} .ui-select-settable .ui-select-handle button:hover {z-index:2} .ui-select-settable-form {margin:0 20px} .ui-select-settable-form p {margin-top:6px;color:#909399;font-size:12px} .ui-select-menu .ui-select-slide .ui-select-item {position:relative} .ui-select-menu .ui-select-slide .ui-select-item.multiple {padding-right:40px} .ui-select-menu .ui-select-slide .ui-select-item.multiple.is-active::after {content:"\e852";font-family:"iconfont";position:absolute;right:10px} .ui-select-menu .ui-select-slide .ui-select-item.is-active {color:#2879fe} /*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!important;cursor:not-allowed} .ui-switch > input[type="checkbox"]:checked:disabled ~ .ui-switch-checkbox {background:#EBEBEB!important;} .ui-switch > input[type="checkbox"]:checked ~ .ui-switch-checkbox {background:#1890FF;} .ui-switch > input[type="checkbox"]:checked ~ .ui-switch-checkbox::before {left:1.45rem;} .ui-switch > input[type="checkbox"]:checked ~ .ui-switch-checkbox.ui-switch-text::before {text-indent:-.9rem;content:'开';font-size:.6rem;line-height:1.03rem;color:#fff;} .ui-switch > input[type="checkbox"]:checked ~ .ui-switch-checkbox.ui-switch-icon::before {content:'\e852';text-indent:-1.05rem;font-family:iconfont;color:#fff;font-size:.7rem;line-height:1.1rem;} .ui-switch > input[type="checkbox"]:checked ~ .ui-switch-checkbox.ui-switch-en::before {text-indent:-1.1rem;content:'On';font-size:.6rem;color:#fff;} .ui-switch .ui-switch-checkbox.ui-switch-text::before {content:'关';text-indent:1.2rem;font-size:.6rem;line-height:1.03rem;color:#fff;} .ui-switch .ui-switch-checkbox.ui-switch-en::before {content:'Off';text-indent:1.1rem;font-size:.6rem;color:#fff;} .ui-switch .ui-switch-checkbox.ui-switch-icon::before {content:'\e852';text-indent:1.2rem;font-family:iconfont;color:#fff;font-size:.7rem;line-height:1.1rem;} .ui-switch .ui-switch-checkbox {width:2.5rem;height:1.1rem;border-radius:50rem;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:1rem;height:1rem;line-height:.9rem;position:absolute;border-radius:50rem;top:1px;left:.1rem;background:#fff;olor:#fff;font-size:0.75rem;transition:left ease 0.3s;} .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;} .ui-switch.small > input[type="checkbox"]:checked ~ .ui-switch-checkbox::before{left:25.5px;font-size:12px;} .ui-switch.small > input[type="checkbox"]:checked ~ .ui-switch-checkbox.ui-switch-text::before{text-indent:-16px;} .ui-switch.small > input[type="checkbox"]:checked ~ .ui-switch-checkbox.ui-switch-icon::before{text-indent:-16px;} .ui-switch.small > input[type="checkbox"]:checked ~ .ui-switch-checkbox.ui-switch-en::before{text-indent:-20px;} .ui-switch.small .ui-switch-checkbox.ui-switch-text::before{text-indent:24px;} .ui-switch.small .ui-switch-checkbox.ui-switch-icon::before{text-indent:24px;} .ui-switch.small .ui-switch-checkbox.ui-switch-en::before{text-indent:22px;} .ui-switch.small .ui-switch-checkbox{width:46px;height:22px;} .ui-switch.small .ui-switch-checkbox::before{width:20px;height:20px;line-height:20px;font-size:12px;} /*Inputnumber*/ .ui-inputnumber-wrap {display:inline-block;overflow:hidden;position:relative;vertical-align:middle;border:1px solid #dadada;border-radius:.1rem;background:#fff;} .ui-inputnumber-wrap:hover {border-color:#80bdff;} .ui-inputnumber-text {padding:.25rem .75rem;min-width:2.5rem;border-radius:.1rem 0 0 .1rem;text-align:center;} .ui-inputnumber:focus {box-shadow:none;border:0;} .ui-inputnumber-min,.ui-inputnumber-max {display:inline-block;border:1px solid #dadada;border-top:0;border-bottom:0;padding:.25rem .5rem .15rem .5rem;cursor:pointer;margin-right:-1px;-moz-user-select:none;-webkit-user-select:none;-ms-user-select:none;color:#555;} .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:.7rem;} .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-left:0;border-right-width:1px;} .ui-inputnumber-wrap.small{border-radius:20px} .ui-inputnumber-wrap.small .ui-inputnumber-min,.ui-inputnumber-wrap.small .ui-inputnumber-max{padding:6px 10px;} .ui-inputnumber-wrap.small .ui-inputnumber-text{height:30px;width:35px;font-size:12px;} /*.ui-line*/ .ui-line {text-align:center;width:100%;position:relative;z-index:0;margin:.5rem 0;min-height:.2rem;} .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 .5rem;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 #e4eaec;padding:.5rem;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 .ui-icon-font {margin:0 .5rem 0 .25rem;color:#999;} .ui-list li .arrow {padding:0 .25rem 0 .45rem;} .ui-list li .arrow:after {content:"\e83f";font-family:"iconfont";color:#ccc;font-size:1rem;} .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 .45rem;} .ui-list .active {background:#F5FAFE;} .ui-list.border_none li {border-bottom:0;padding:0;} /*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:.25rem;border-radius:.2rem;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:2.1rem;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:"\e78e";font-family:iconfont;font-size:2.1rem;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 .75rem;overflow:hidden;transition:all .3s ease 0s;} .ui-lightbox-bottom * {line-height:2rem;} .ui-lightbox-bottom i {float:right;font-style:normal;float:right;padding-left:.75rem;color:#999;} .ui-lightbox-close {position:absolute;right:-1.1rem;top:-1.1rem;font-size:1rem;cursor:pointer;color:#333;font-family:verdana;background:#999;width:1.5rem;height:1.5rem;line-height:1.5rem;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:.2rem;background:#fff;width:25rem;margin:0 auto;box-shadow:0 1px .15rem rgba(0,0,0,0.3);transition:transform .2s cubic-bezier(.16,.68,.43,.99);z-index:999;} .ui-modal-header {padding:1rem;border-bottom:1px solid #f3f3f3;display:flex;} .ui-modal-header .ui-modal-title {flex:1;font-size:.75rem;font-weight:700;cursor:move;} .ui-modal-header .ui-modal-close {justify-content:flex-end;align-items:center;font-size:1rem;cursor:pointer;font-weight:700;line-height:1;color:#999;} .ui-modal-header .ui-modal-close:hover {color:#000;} .ui-modal-body {padding:1rem;max-height:25rem;line-height:1.2rem;overflow-y:auto;} .ui-modal-body .ui-form-ip {line-height:normal;} .ui-modal-footer {padding:.5rem 1rem;border-top:1px solid #f3f3f3;text-align:right;font-size:1rem;} .ui-modal.small{width:300px;} .ui-modal.small .ui-modal-body{/*max-height:220px;*/} .ui-modal.big{width:800px;} .ui-modal.large{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:1rem;padding-bottom:.75rem;} .ui-media-list .ui-media:last-child {margin-bottom:0;} .ui-media {display:flex;border-bottom:1px solid #eaeaea;padding-bottom:.25rem;} .ui-media-img {} .ui-media-img img,.ui-media-img svg {border:1px solid #eaeaea;padding:.15rem;text-anchor:middle;} .ui-media-body {flex:1;position:relative;} .ui-media-header {font-size:.8rem;margin:0 0 .25rem 0;} .ui-media-text {font-size:.7rem;line-height:1.2rem;word-break:break-all;} .ui-media-text img {max-width:100%;} .ui-media-reply {color: #2E95FF;font-size:.7rem;line-height:1.2rem;word-break:break-all;} .ui-media-other {font-size:.7rem;color:#999;margin-top:.25rem;vertical-align:middle;} .ui-media-link {padding-left:.75rem;} .ui-media-arrow {padding-left:.75rem;} .ui-media-arrow:after {content:">";font-family:宋体;color:#ccc;font-size:1.5rem;} .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:.75rem;} .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;line-height:2rem;} .ui-menu .ui-menu-name {color: #2E95FF;border-bottom:.1rem solid #2E95FF;margin-bottom:-1px;font-size:16px;} .ui-menu .ui-menu-more a {color:#666;} .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.gray .ui-menu-name {color:#666;border-bottom-color:#2469F6;} .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:.5rem .8rem;text-align:center;font-size:.7rem;} .ui-nav ul li a:hover {} .ui-nav ul li.active a {} .ui-nav ul li ul {position:absolute;min-width:10rem;border:1px solid #e7e7e7;background:#fff;opacity:0;transition:all .3s ease 0s;visibility:hidden;transform:translate3d(0,.5rem,0);box-shadow:0 .15rem .5rem 0 rgba(51,51,51,0.1);border-radius:4px;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-color:#eaf2ff;color:#2879fe;} .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:2.05rem;} .ui-nav.bottom ul li ul:before {width:0;height:0;} .ui-nav ul li .ui-nav-icon a::after {content:"\e83f";font-family:"iconfont";display:inline-block;transform:rotate(90deg);opacity:0.4;margin-left:4px;transition:transform .3s cubic-bezier(0.645, 0.045, 0.355, 1);} .ui-nav ul li.active .ui-nav-icon a::after {transform:rotate(270deg)} .ui-nav.bgcolor.red {background:#ED4014;border:1px solid #ED4014;} .ui-nav.bgcolor.red li a {color:#fff;} .ui-nav.bgcolor.red li a:hover {background:#fff;color:#333;} .ui-nav.bgcolor.red ul li.active a {background:#fff;color:#333;} .ui-nav.bgcolor.yellow {background:#F37B1D;border:1px solid #F37B1D;} .ui-nav.bgcolor.yellow li a {color:#fff;} .ui-nav.bgcolor.yellow li a:hover {background:#fff;color:#333;} .ui-nav.bgcolor.yellow ul li.active a {background:#fff;color:#333;} .ui-nav.bgcolor.blue {background:#1890FF;border:1px solid #1890FF;} .ui-nav.bgcolor.blue li a {color:#fff;} .ui-nav.bgcolor.blue li a:hover {background:#fff;color:#333;} .ui-nav.bgcolor.blue ul li.active a {background:#fff;color:#333;} .ui-nav.bgcolor.green {background:#19BE6B;border:1px solid #19BE6B;} .ui-nav.bgcolor.green li a {color:#fff;} .ui-nav.bgcolor.green li a:hover {background:#fff;color:#333;} .ui-nav.bgcolor.green ul li.active a {background:#fff;color:#333;} .ui-nav.bgcolor.info {background:#2DB7F5;border:1px solid #2DB7F5;} .ui-nav.bgcolor.info li a {color:#fff;} .ui-nav.bgcolor.info li a:hover {background:#fff;color:#333;} .ui-nav.bgcolor.info ul li.active a {background:#fff;color:#333;} .ui-nav.bgcolor.black {background:#000;border:1px solid #000;} .ui-nav.bgcolor.black li a {color:#fff;} .ui-nav.bgcolor.black li a:hover {background:#fff;color:#333;} .ui-nav.bgcolor.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:10rem;z-index:99;-webkit-overflow-scrolling:touch;background:#fff;transition:all .3s ease 0s;} .ui-offside-left {left:-100%;top:0;height:100%;} .ui-offside-right {right:-100%;top:0;height:100%;} .ui-offside-top {top:-100%;width:100%;min-height:5rem;} .ui-offside-bottom {bottom:-110%;width:100%;min-height:5rem;} .ui-offside-in.ui-offside-left,.ui-offside-in.ui-offside-right {transform:translate3d(0,0,0);} .ui-offside-right-close {position:absolute;right:.5rem;top:-.5rem;font-size:1.2rem;font-weight:600;background:#fff;width:1.4rem;height:1.4rem;line-height:1.3rem;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:.5rem 1rem;color:#666;display:block;} .ui-orderby ul li a:hover {background:#fff;color:#1890FF;} .ui-orderby ul li a i {font-size:.6rem;margin-left:.25rem;} .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:1.5% .75% 0 .75%;background:#fff;border:1px solid #eaeaea;border-radius:4px;} .ui-piclist-item:hover {box-shadow:0 0 6px rgba(0,0,0,.1)} .ui-piclist-image {position:relative;overflow:hidden;padding-bottom:56.2%;} .ui-piclist-image img {margin:1px 0 0 1px;width:100%;height:100%;object-fit:contain;position:absolute;z-index:1;border-radius:4px;} .ui-piclist-image .upload {width:100%;height:100%;position:absolute;display:flex;justify-content:center;align-items:center;font-size:1.6rem;color:#ccc;cursor:pointer;background:#f9f9f9;} .ui-piclist-image .upload:hover {color:#333;} .ui-piclist-image em {position:absolute;right:-3.7rem;top:.5rem;z-index:10;width:10rem;line-height:1.6rem;background:#2DB7F5;color:#fff;font-size:.65rem;text-align:center;font-style:normal;transform:rotate(45deg);} .ui-piclist-image em.bgcolor.red{background:#ff4837;} .ui-piclist-image em.bgcolor.yellow{background:#FF6F27;} .ui-piclist-image em.bgcolor.blue{background:#2E95FF;} .ui-piclist-image em.bgcolor.green{background:#19BE6B;} .ui-piclist-image em.bgcolor.info{background:#2DB7F5;} .ui-piclist-body {padding:.5rem .75rem;} .ui-piclist-title {font-size:.75rem;text-align:center;} .ui-piclist-flex {margin:.5rem 0 .25rem 0;display:flex;align-items:center;} .ui-piclist-price {color:#333;flex:1;font-size:.7rem;} .ui-piclist-price strong {font-size:.8rem;color:#ED4014;} .ui-piclist-price strong em{font-size:.6rem;} .ui-piclist-price del,.ui-piclist-price span {color:#999;display:block;font-size:.6rem;} .ui-piclist-flex .action {} .ui-piclist-flex .action a.ui-btn {border-radius:2.5rem;padding:0 1rem;} .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-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:.75rem;z-index:2;background:rgba(0,0,0,.4);transition:all .5s ease 0s;} .ui-piclist-image .upload-action a {font-size:1rem;color:#999;margin:0 .25rem;} .ui-piclist-image .upload-action a:hover {color:#fff;} .ui-piclist-image:hover .upload-action {bottom:0;} .ui-piclist-image svg {width:100%;height:100%;z-index:1;color:#fff;font-size:24px;text-anchor:middle;position:absolute;} .ui-piclist-top {margin-top:-.75rem;} .ui-piclist .ui-ring{top:-7px;} @media(min-width:1200px) { .ui-piclist-col-4 .ui-piclist-item {width:23.5%%;} } @media(min-width:1600px) { .ui-piclist-col-4 .ui-piclist-item {width:18.5%;} } @media(min-width:1900px) { .ui-piclist-col-4 .ui-piclist-item {width:15.15%;} } /*Page*/ .ui-page {user-select:none;} .ui-page ul {margin:0;padding:0;list-style:none;display:flex;margin-left:.05rem;} .ui-page ul li {font-size:0;list-style:none;display:inline-block;border:1px solid #d9d9d9;margin-left:-.05rem;} .ui-page ul li:first-child,.ui-page ul li:first-child a {border-radius:.1rem 0 0 .1rem;} .ui-page ul li:last-child,.ui-page ul li:last-child a {border-radius:0 .1rem .1rem 0;} .ui-page ul li a {font-size:.8rem;display:block;padding:0 .75rem;line-height:1.75rem;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:#ff4837;background:#ff4837;} .ui-page.red ul li.active a{background:#ff4837;} .ui-page.red ul li.active a:hover{background:#ff4837;} .ui-page.yellow ul li.active{border-color:#FF6F27;background:#FF6F27;} .ui-page.yellow ul li.active a{background:#FF6F27;} .ui-page.yellow ul li.active a:hover{background:#FF6F27;} .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:8px;} .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;} .ui-page.right ul li{margin-bottom:0;} .ui-page.right{display:flex;align-items:center;} .ui-page.right .ui-page-other{flex:1;} /*Progress*/ .ui-progress {background:#e4eaec;height:.5rem;overflow:hidden;display:flex;} .ui-progress .ui-progress-bar {background:#1890FF;display:flex;font-size:.6rem;color:#fff;justify-content:center;align-items:center;} .ui-progress.radius {border-radius:1rem;} .ui-progress.radius .ui-progress-bar {border-radius:1rem 0 0 1rem;} .ui-progress.little{height:.1rem;} .ui-progress.small{height:.2rem;} .ui-progress.big{height:.75rem;} .ui-progress.large{height:1.1rem;} .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:2rem 2rem;-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:1.5rem 0} to {background-position:0 0} } @keyframes ui-progress-bar-active { from {background-position:1.5rem 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:0.2rem;position:absolute;top:.85rem;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:.75rem;color:#595959;text-align:center;flex:1;position:relative;} .ui-step-num {width:1.8rem;height:1.8rem;font-size:.9rem;line-height:1.6rem;background:#ccd5db;border:.1rem solid #ccd5db;display:block;border-radius:50%;color:#fff;text-align:center;margin:0 auto;} .ui-step-title {line-height:1.6rem;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:2.4rem;} .ui-step-wrap.red .ui-step-progress{background:#ff4837;} .ui-step-wrap.red .ui-step-item.active .ui-step-num{color:#ff4837;border-color:#ff4837;} .ui-step-wrap.red .ui-step-item.active .ui-step-title{color:#ff4837;} .ui-step-wrap.yellow .ui-step-progress{background:#FF6F27;} .ui-step-wrap.yellow .ui-step-item.active .ui-step-num{color:#FF6F27;border-color:#FF6F27;} .ui-step-wrap.yellow .ui-step-item.active .ui-step-title{color:#FF6F27;} .ui-step-wrap.green .ui-step-progress{background:#19BE6B;} .ui-step-wrap.green .ui-step-item.active .ui-step-num{color:#19BE6B;border-color:#19BE6B;} .ui-step-wrap.green .ui-step-item.active .ui-step-title{color:#19BE6B;} .ui-step-wrap.info .ui-step-progress{background:#2DB7F5;} .ui-step-wrap.info .ui-step-item.active .ui-step-num{color:#2DB7F5;border-color:#2DB7F5;} .ui-step-wrap.info .ui-step-item.active .ui-step-title{color:#2DB7F5;} .ui-step-arrow:after {display:block;content:" ";margin:.75rem auto 0 auto;width:1rem;height:1rem;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:1rem;font-family:宋体;display:inline-block;color:#999;cursor:pointer;} .ui-star-item i {font-size:1rem;} .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:.5rem .75rem;white-space:nowrap;border-bottom:.1rem solid #eee;white-space:nowrap;} .ui-table td {padding:.5rem .75rem;border-bottom:1px solid #eee;font-size:.75rem;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;min-height:2rem;} .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 .ui-text-left {text-align:left;} .ui-table .ui-text-right {text-align:right;} .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:.25rem;} .ui-table td [class*=ui-icon-] {font-size:.95rem;} .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;} .ui-table.blue{border-top:1px solid #DAE3F5;} .ui-table.blue th{background:#F6F9FF;border-color:#DAE3F5;} .ui-table.blue td{border-color:#EBF2FF;} .ui-table.blue td.link a{color:#2E82FF;} .ui-table.blue td.link a:hover{color:#f30;} .ui-table.blue td.link a.disabled{cursor:not-allowed;color:#ccc;} .ui-table.blue td.link a.gray{color:#999;} .ui-table.blue td.link a:hover.gray{color:#f30;} .ui-table.blue td.link a.red{color:#f30;} .ui-table.blue td.link a:hover.red{color:#f00;} .ui-table.red{border-top:1px solid #FFD1D0;} .ui-table.red th{background:#FFF6F6;border-color:#FFD1D0;} .ui-table.yellow{border-top:1px solid #FFEFE7;} .ui-table.yellow th{background:#FFFDFC;border-color:#FFEFE7;} .ui-table.green{border-top:1px solid #D9EBDA;} .ui-table.green th{background:#F7FDF7;border-color:#D9EBDA;} .ui-table.gray th{background:#fafafa;border-color:#eaeaea;} .ui-table.gray td{border-color:#eaeaea;} .ui-table.dark th{background:#697076;color:#fff;border-color:#697076;} .ui-table.dark td{border-color:#eaeaea;} .db-table td [class*=ui-icon-] {font-size:.95rem;} .db-table td a [class*=ui-icon-] {color:#999;} .db-table td a:hover [class*=ui-icon-] {color:#f30;} /*Tab*/ .ui-tabs {} .ui-tabs:after {display:table;content:" ";clear:both;} .ui-tabs-nav {border-bottom:0 solid #e4eaec;font-size:0;flex:1;} .ui-tabs-nav li {display:inline-block;margin-right:.5rem;} .ui-tabs-nav li a {display:block;color:#76838F;padding:.5rem .2rem;font-size:.75rem;} .ui-tabs-nav li a:hover {color:#1890FF;} .ui-tabs-nav li:hover {} .ui-tabs-nav li.active {border-bottom:.1rem 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 .ui-tabs-nav {flex-direction:column;float:left;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:.5rem .8rem;} .ui-tabs-vertical .ui-tabs-nav li.active {border:0;border-right:.1rem solid #3E8EF7;} .ui-tabs-vertical .ui-tabs-nav li:hover {border:0;} .ui-tabs-vertical .ui-tabs-content {padding:0 1rem;display:flex;} .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:.5rem .8rem;} .ui-tabs-white .ui-tabs-nav li:hover {border:0;} .ui-tabs-white .ui-tabs-nav li.active {border:0;background:#fff;border-radius:.2rem .2rem 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:1rem;} .ui-tabs-header-nav {display:flex;border-bottom:1px solid #eaeaea;} .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:.9rem;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:.5rem;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:.2rem;padding:.35rem .7rem;box-shadow:1px .1rem .5rem rgba(0,0,0,0.1);max-width:300px;word-break:break-all;font-size:.65rem;line-height:1.6;word-break:break-all;z-index:90320;} .ui-tips-show img {max-width:100%;border:1px solid #f3f3f3;margin:.4rem 0;} .ui-tips-show:after {content:" ";position:absolute;width:.5rem;height:.5rem;border-left:0;border-bottom:0;background:#fff;border:1px solid #d9d9d9;border-bottom:0;border-right:0;} .ui-tips-left:after {right:-.3rem;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:-.3rem;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-dim:after{left:50%;top:0;transform:translateX(-50%) translateY(-50%) rotate(45deg);} .ui-tips-bottom-left:after {left:.5rem;top:0;transform:translateY(-50%) rotate(45deg);} .ui-tips-top-left:after {left:.5rem;top:100%;transform:translateY(-50%) rotate(-140deg);} .ui-tips-right-top:after {left:-.25rem;top:.75rem;transform:translateY(-50%) rotate(-45deg);} .ui-tips-show.red{background:#ff4837;border-color:#ff4837;color:#fff;} .ui-tips-show.red:after{border-color:#ff4837;background:#ff4837;} .ui-tips-show.yellow{background:#FF6F27;border-color:#FF6F27;color:#fff;} .ui-tips-show.yellow:after{border-color:#FF6F27;background:#FF6F27;} .ui-tips-show.blue{background:#2E95FF;border-color:#2E95FF;color:#fff;} .ui-tips-show.blue:after{border-color:#2E95FF;background:#2E95FF;} .ui-tips-show.green{background:#19BE6B;border-color:#19BE6B;color:#fff;} .ui-tips-show.green:after{border-color:#19BE6B;background:#19BE6B;} .ui-tips-show.info{background:#2DB7F5;border-color:#2DB7F5;color:#fff;} .ui-tips-show.info:after{border-color:#2DB7F5;background:#2DB7F5;} .ui-tips-show.black{background:#000;border-color:#000;color:#fff;} .ui-tips-show.black:after{border-color:#000;background:#000;} .ui-alert{padding:10px 20px;line-height:2;border:1px solid #EBEBEB;color:#666;background:#fafafa;border-radius:4px;letter-spacing:1px;} .ui-alert.red{border-color:#FFD1D0;background:#FFF6F6;color:#ff4837;} .ui-alert.blue{border-color:#DAE3F5;background:#F6F9FF;color:#4174D8;} .ui-alert.yellow{border-color:#FFEFE7;background:#FFFDFC;color:#FF6F27;} .ui-alert.green{border-color:#D9EBDA;background:#F7FDF7;color:#65BE6A;} /*Toast*/ .ui-toast-warp {z-index:9034;pointer-events:none;position:fixed;} .ui-toast {width:16rem;overflow:hidden;font-size:.8rem;background:#fff;border:1px solid rgba(0,0,0,0.1);box-shadow:0 1px .25rem rgba(0,0,0,0.2);border-radius:0.2rem;transition:transform .2s cubic-bezier(.16,.68,.43,.99);word-break:break-all;text-align:left;pointer-events:all;display:block;z-index:9034;} .ui-toast-header {display:flex;align-items:center;padding:0.5rem 0.8rem;border-bottom:1px solid rgba(0,0,0,0.05);} .ui-toast-header .ui-toast-title {flex:1;font-size:.7rem;color:#6c757d;} .ui-toast-header .ui-toast-close {justify-content:flex-end;align-items:center;font-size:1rem;cursor:pointer;font-weight:700;line-height:1;color:#999;} .ui-toast-header .ui-toast-close:hover {color:#000;} .ui-toast-body {padding:.5rem .75rem;font-size:.7rem;} .ui-toast-body span {font-size:1.2rem;vertical-align:middle;margin-right:.5rem;} .ui-toast-body .success {color:#19BE6B;} .ui-toast-body .error {color:#ED4014;} .ui-toast-body .warn {color:#F37B1D;} .ui-toast-body .ui-loading{width:30px;height:30px;display:inline-block;} .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;display:flex;width:100%;flex-direction:column;text-align:center;} .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;left:0;display:flex;width:100%;flex-direction:column;text-align:center;} .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:.5rem;} .ui-toast-warp-top-center .ui-toast {margin:.5rem auto .25rem auto;} .ui-toast-warp-bottom-center .ui-toast {margin:.25rem auto .5rem auto;} .ui-toast.red{background:#ff4837;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:#2E95FF;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 1rem 2rem;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:.25rem;left:.5rem;} .ui-timeline-dot {position:absolute;width:1rem;height:1rem;border-radius:50%;border:.1rem solid #1890FF;left:0;top:.1rem;background:#fff;} .ui-timeline-title {font-size:.9rem;margin-bottom:.5rem;padding:0;} .ui-timeline-text {font-size:.7rem;line-height:1.5;color:#666;} .ui-timeline.red .ui-timeline-dot{border-color:#ff4837;} .ui-timeline.yellow .ui-timeline-dot{border-color:#FF6F27;} .ui-timeline.blue .ui-timeline-dot{border-color:#2E95FF;} .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:20rem;overflow-y:auto;width:11rem;} .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:0.1rem;} .ui-step-num {width:1.5rem;height:1.5rem;font-size:.8rem;line-height:1.3rem;} .ui-piclist-image em {position:absolute;right:-4rem;top:.43rem;z-index:10;width:10rem;height:1.2rem;line-height:1.3rem;background:#2DB7F5;color:#fff;font-size:.45rem;text-align:center;font-style:normal;transform:rotate(45deg);} .ui-page ul li a {font-size:.6rem;padding:0 .6rem;line-height:1.5rem;} .ui-piclist-price strong {font-size:.75rem;font-weight:normal;} .ui-filter .ui-filter-left{padding-top:8px;font-size:13px;width:40px;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;} .ui-filter .ui-filter-right a{padding:2px 6px;margin:5px 3px 5px 0;font-size:13px;} .ui-dialog-tips .ui-dialog-body{padding:20px;font-size:14px;} .ui-carousel-prev-icon,.ui-carousel-next-icon{width:30px;height:30px;} } .ui-mwidth {width:100%;max-width:640px;margin:0 auto;} /*Topbar*/ .ui-topbar {display:flex;padding:.45rem .8rem;background:#1890FF;justfiy-content:center;align-items:center;} .ui-topbar-logo {padding:0 .5rem 0 0;} .ui-topbar-logo a {color:#fff;} .ui-topbar-search {flex:1;justify-content:flex-end;color:#fff;text-align:right;padding-right:1rem;position:relative;} .ui-topbar-search input {background:#fff;border:1px solid rgba(255,255,255,.5);line-height:1.5rem;height:1.7rem;padding:0 .75rem;border-radius:1rem;color:#666;width:100%;margin-left:1rem;} .ui-topbar-search button {position:absolute;background:none;width:1.5rem;border:0;top:0;right:.5rem;top:.1rem;} .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:1rem;position:relative;} .ui-topbar-search-layout a {background:#fff;border:1px solid rgba(255,255,255,.5);line-height:1.5rem;height:1.7rem;padding:.5rem .75rem;border-radius:1rem;color:#666;width:100%;margin-left:1rem;display:block;text-align:left;line-height:1;} .ui-topbar-search-layout i {position:absolute;top:10%;right:.75rem;color:#999;} .ui-topbar-three {justify-content:space-between;} .ui-topbar-left {color:#fff;min-width:1rem;cursor:pointer;} .ui-topbar-left a {color:#fff;} .ui-topbar-title {color:#fff;font-size:.8rem;padding:0 1rem;} .ui-topbar-right {color:#fff;min-width:1rem;} .ui-topbar-right a {color:#fff;} .ui-topbar.red{background:#ff4837;} .ui-topbar.yellow{background:#FF6F27;} .ui-topbar.blue{background:#2E95FF;} .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:999;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:-.3rem;} .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:.8rem;color:#333;} .ui-topbar-show .ui-topbar-left a {color:#333;background:#fff;transition:background 1s;padding:5px;font-size:.8rem;} .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);justfily-content:center;align-items:center;} .ui-footbar-left {display:flex;} .ui-footbar-left a {line-height:1rem;padding:.4rem .8rem;text-align:center;border-right:1px solid #eee;display:block;font-size:.6rem;} .ui-footbar-left a:last-child {border:0;} .ui-footbar-left a i {display:block;font-size:1.1rem;} .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:.75rem 0;color:#fff;text-align:center;font-size:.75rem;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);justfily-content:center;align-items:center;} .ui-footnav a {line-height:1.1rem;padding:.25rem 0;text-align:center;border-right:1px solid #f3f3f3;display:block;flex:1;font-size:.6rem;color:#999;position:relative;} .ui-footnav a:last-child {border:0;} .ui-footnav a i {display:block;font-size:1rem;color:#666;} .ui-footnav a .ui-badge {position:absolute;top:.2rem;} .ui-footnav a.active {color:#1890FF;} .ui-footnav a.active i {color:#1890FF;} .ui-footnav.red a.active{color:#ff4837;} .ui-footnav.red a.active i{color:#ff4837;} .ui-footnav.yellow a.active{color:#FF6F27;} .ui-footnav.yellow a.active i{color:#FF6F27;} .ui-footnav.blue a.active{color:#2E95FF;} .ui-footnav.blue a.active i{color:#2E95FF;} .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.bgcolor.red{background:#ff4837;} .ui-footnav.bgcolor.red a{color:#fff;border-right-color:rgba(255,255,255,.2);} .ui-footnav.bgcolor.red a i{color:#fff;} .ui-footnav.bgcolor.red a.active,.ui-footnav.bgcolor.red a.active i{color:#ff0;} .ui-footnav.bgcolor.yellow{background:#FF6F27;} .ui-footnav.bgcolor.yellow a{color:#fff;border-right-color:rgba(255,255,255,.2);;} .ui-footnav.bgcolor.yellow a i{color:#fff;} .ui-footnav.bgcolor.yellow a.active,.ui-footnav.bgcolor.yellow a.active i{color:#ff0;} .ui-footnav.bgcolor.blue{background:#2E95FF;} .ui-footnav.bgcolor.blue a{color:#fff;border-right-color:rgba(255,255,255,.2);;} .ui-footnav.bgcolor.blue a i{color:#fff;} .ui-footnav.bgcolor.blue a.active,.ui-footnav.bgcolor.blue a.active i{color:#ff0;} .ui-footnav.bgcolor.green{background:#19BE6B;} .ui-footnav.bgcolor.green a{color:#fff;border-right-color:rgba(255,255,255,.2);;} .ui-footnav.bgcolor.green a i{color:#fff;} .ui-footnav.bgcolor.green a.active,.ui-footnav.bgcolor.green a.active i{color:#ff0;} .ui-footnav.bgcolor.info{background:#2DB7F5;} .ui-footnav.bgcolor.info a{color:#fff;border-right-color:rgba(255,255,255,.2);;} .ui-footnav.bgcolor.info a i{color:#fff;} .ui-footnav.bgcolor.info a.active,.ui-footnav.bgcolor.info a.active i{color:#ff0;} .ui-footnav.bgcolor.black{background:#444;} .ui-footnav.bgcolor.black a{color:#fff;border-right-color:rgba(255,255,255,.2);;} .ui-footnav.bgcolor.black a i{color:#fff;} .ui-footnav.bgcolor.black a.active,.ui-footnav.bgcolor-black a.active i{color:#ff0;} /*sidebar*/ .ui-sidebar{position:fixed;top:0;right:0;bottom:0;z-index:998;display:flex;align-items:center;margin:100px 0;} .ui-sidebar ul{list-style:none;border-radius:10px 0 0 10px;box-shadow:0 4px 8px 0 rgba(7,17,27,0.1);overflow:hidden;} .ui-sidebar ul:hover{overflow:inherit;} .ui-sidebar ul li{color:#333;position:relative;z-index:200;} .ui-sidebar ul li a{color:#C4CDD5;display:block;text-align:center;background:#fff;width:60px;line-height:55px;} .ui-sidebar ul li:after{display:block;content:'';bottom:0;width:60%;height:1px;left:50%;transform:translateX(-50%);background:#f3f3f3;position:absolute;} .ui-sidebar ul li a i{font-size:24px;} .ui-sidebar ul li a em{position:absolute;top:5px;right:8px;background:#f30;width:20px;height:20px;line-height:20px;display:block;border-radius:50%;color:#fff;font-size:12px;} .ui-sidebar ul li div{position:absolute;right:85px;top:35px;transform:translateY(-50%);border:1px solid #e0e0e0;box-shadow:0px 0px 30px rgba(0,0,0,0.1);background:#fff;color:#333;border-radius:4px;line-height:30px;font-size:14px;padding:10px 15px;min-width:90px;max-width:400px;display:none;text-align:center;z-index:-1;white-space:nowrap;} .ui-sidebar ul li div.image{padding:10px 10px 25px 10px;line-height:20px;width:300px;} .ui-sidebar ul li div:after{content:"";position:absolute;width:14px;height:14px;border-left:0;border-bottom:0;background:#fff;border:1px solid #e0e0e0;border-bottom:0;border-right:0;right:-8px;top:50%;transform:translateY(-50%) rotate(-225deg);} .ui-sidebar ul li a div img{width:100%;display:block;} .ui-sidebar ul li a:hover{background:#fff;border-color:#f3f3f3;color:#FF525F;} .ui-sidebar ul li:hover div{display:block;} .ui-sidebar ul li.active a{color:#fff;display:block;width:50px;line-height:45px;text-align:center;background:#fff;border-color:#f3f3f3;color:#FF525F;} .ui-sidebar ul li:first-child,.ui-sidebar ul li:first-child a{border-radius:10px 0 0 0;} .ui-sidebar ul li:last-child,.ui-sidebar ul li:last-child a{border-radius:0 0 0 10px;} .ui-sidebar ul li:last-child:after{display:none;} .ui-sidebar.red ul li a{color:#ff4837;} .ui-sidebar.red ul li a:hover{background:#ff4837;border-color:#ff4837;color:#fff;} .ui-sidebar.red ul li.active a{background:#ff4837;border-color:#ff4837;color:#fff;} .ui-sidebar.red ul li:hover:after{display:none;} .ui-sidebar.yellow ul li a{color:#FF6F27;} .ui-sidebar.yellow ul li a:hover{background:#FF6F27;border-color:#FF6F27;color:#fff;} .ui-sidebar.yellow ul li.active a{background:#FF6F27;border-color:#FF6F27;color:#fff;} .ui-sidebar.yellow ul li:hover:after{display:none;} .ui-sidebar.blue ul li a{color:#2E95FF;} .ui-sidebar.blue ul li a:hover{background:#2E95FF;border-color:#2E95FF;color:#fff;} .ui-sidebar.blue ul li.active a{background:#2E95FF;border-color:#2E95FF;color:#fff;} .ui-sidebar.blue ul li:hover:after{display:none;} .ui-sidebar.green ul li a{color:#19BE6B;} .ui-sidebar.green ul li a:hover{background:#19BE6B;border-color:#19BE6B;color:#fff;} .ui-sidebar.green ul li.active a{background:#19BE6B;border-color:#19BE6B;color:#fff;} .ui-sidebar.green ul li:hover:after{display:none;} .ui-sidebar.info ul li a{color:#2DB7F5;} .ui-sidebar.info ul li a:hover{background:#2DB7F5;border-color:#2DB7F5;color:#fff;} .ui-sidebar.info ul li.active a{background:#2DB7F5;border-color:#2DB7F5;color:#fff;} .ui-sidebar.info ul li:hover:after{display:none;} /*常用*/ .ui-w-100{width:100% !important} .ui-w-auto{width:auto;} .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} .ui-flex {display:flex;} .dz-message {display:none;height:0;} .dz-preview {display:none;} @media print {.ui-print-hide {display:none!important}} .ui-ring{position:absolute;top:-5px;right:-5px;width:100px;height:100px;z-index:10;overflow:hidden;} .ui-ring span{position:absolute;color:#fff;font-size:15px;line-height:40px;background:#FF6300;transform:rotate(45deg);text-align:center;right:-32px;width:130px;top:14px;} .ui-ring span:before{content:"";position:absolute;top:100%;left:0;width:5px;height:5px;color:#fff;border:3px solid transparent;border-left-color:#d55b0e;border-top-color:#d55b0e;} .ui-ring span:after{content:"";position:absolute;top:100%;right:0;width:5px;height:5px;color:#fff;border:3px solid transparent;border-right-color:#d55b0e;border-top-color:#d55b0e;} .ui-ring span a{color:#fff;} .ui-ring.blue span{background:#1F82FC;} .ui-ring.blue span:before{border-left-color:#296BEF;border-top-color:#296BEF;} .ui-ring.blue span:after{border-right-color:#296BEF;border-top-color:#296BEF;} .ui-ring.green span{background:#46B12C;} .ui-ring.green span:before{border-left-color:#0A904B;border-top-color:#0A904B;} .ui-ring.green span:after{border-right-color:#0A904B;border-top-color:#0A904B;} .ui-ring.gray span{background:#A5A5A5;} .ui-ring.gray span:before{border-left-color:#797979;border-top-color:#797979;} .ui-ring.gray span:after{border-right-color:#797979;border-top-color:#797979;} .ui-ring.small span{width:100px;height:36px;right:-26px;left:auto;top:6px;line-height:34px;font-size:14px;} .ui-ring.little span{width:80px;height:28px;right:-22px;left:auto;top:4px;line-height:28px;font-size:12px;} .ui-ring.left{right:auto;left:-6px;} .ui-ring.left span{transform:rotate(-45deg);right:auto;left:-32px;} .ui-ring.left.small span{width:100px;height:30px;right:auto;left:-22px;top:12px;line-height:30px;font-size:14px;} .ui-ring.left.little span{width:80px;height:28px;right:auto;left:-21px;top:4px;line-height:28px;font-size:12px;} .ui-bd {border:1px solid #eaeaea;} .ui-bg-white {background:#fff;} .ui-bg-gray {background:#f6f6f6;} .ui-bg-red {background:#ED4014;} .ui-bg-yellow {background:#F37B1D;} .ui-bg-blue {background:#1890FF;} .ui-bg-green {background:#19BE6B;} .ui-bg-info {background:#2DB7F5;} .ui-bg-black {background:#000;} .ui-bg-transparent {background:transparent!important} /*边线及颜色*/ .ui-border {border:1px solid #dcdfe6} .ui-border-bottom {border-bottom:1px solid #dcdfe6} .ui-border-top {border-top:1px solid #dcdfe6} .ui-border-left {border-left:1px solid #dcdfe6} .ui-border-right {border-right:1px solid #dcdfe6} .ui-border-primary {border-color:#2879fe} .ui-border-warning {border-color:#fc0} .ui-border-danger {border-color:#eb5757} .ui-border-success {border-color:#3c6} .ui-border-info {border-color:#909399} .ui-border-black {border-color:#000} .ui-border-white {border-color:#fff} .ui-border-light {border-color:#e4e7ed} .ui-border-lighter {border-color:#ebeef5} .ui-border-exlight {border-color:#f2f6fc} /*字体颜色*/ .ui-text-red{color:#ff4837 !important;} .ui-text-yellow{color:#FF6F27 !important;} .ui-text-blue{color:#1885FF !important;} .ui-text-green{color:#19BE6B !important;} .ui-text-info{color:#2DB7F5 !important;} .ui-text-white{color:#fff !important;} .ui-text-black{color:#000; !important} .ui-text-gray{color:#999 !important;} .ui-text-link{color:#3973ff !important;} .ui-text-link a{color:#3973ff} .ui-text-link a:hover{color:#4172fa;} /*对齐方式*/ .ui-align-center{align-items:center;} .ui-align-justify{text-align:justify;} .ui-justify-center{justify-content:center;} .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:40px !important} .ui-font-40{font-size:40px !important} .ui-font-50{font-size:50px !important} .ui-font-60{font-size:60px !important} .ui-font-70{font-size:70px !important} .ui-font-80{font-size:80px !important} .ui-font-100{font-size:100px !important} .ui-font-120{font-size:120px !important} .ui-font-140{font-size:140px !important} .ui-font-150{font-size:150px !important} .ui-font-160{font-size:160px !important} .ui-font-180{font-size:180px !important} .ui-font-200{font-size:200px !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% !important;} .ui-radius-2{border-radius:2px !important;} .ui-radius-4{border-radius:4px !important;} .ui-radius-5{border-radius:5px !important;} .ui-radius-10{border-radius:10px !important;} .ui-radius-15{border-radius:15px !important;} .ui-radius-20{border-radius:20px !important;} .ui-radius img,.ui-radius svg {border-radius:50%;} .ui-radius-sm {border-radius:.02rem;} .ui-disabled,button:disabled{cursor:not-allowed;} .ui-inline-block{display:inline-block;} .ui-block{display:inline-block !important;} .ui-cursor{cursor:pointer} /*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;}