@charset "utf-8"; * {font-family:Helvetica,Pingfang SC,Microsoft YaHei,STHeiti,Verdana,Arial,Tahoma,sans-serif;} *,::after,::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 0 .75rem 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 #ddd;} .notsupport {position:fixed;top:0;bottom:0;z-index:99999;width:100%;height:100%;text-align:center;clear:both;color:#fff;background:#0072C6;} .notsupport h1 {font-size:100px;margin-top:200px;margin-bottom:30px;} .notsupport h2 {font-size:30px;margin-bottom:30px;} @font-face {font-family:"iconfont";src:url('../fonts/iconfont.eot?t=1751087390092');src:url('../fonts/iconfont.eot?t=1751087390092#iefix') format('embedded-opentype'),url('../fonts/iconfont.woff?t=1751087390092') format('woff'),url('../fonts/iconfont.ttf?t=1751087390092') format('truetype'),url('../fonts/iconfont.svg?t=1751087390092#iconfont') 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-circle-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-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";} /*Grid*/ .row {display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap;} .col,.col-1,.col-10,.col-11,.col-12,.col-2,.col-3,.col-4,.col-5,.col-6,.col-7,.col-8,.col-9,.col-auto,.col-lg,.col-lg-1,.col-lg-10,.col-lg-11,.col-lg-12,.col-lg-2,.col-lg-3,.col-lg-4,.col-lg-5,.col-lg-6,.col-lg-7,.col-lg-8,.col-lg-9,.col-lg-auto,.col-md,.col-md-1,.col-md-10,.col-md-11,.col-md-12,.col-md-2,.col-md-3,.col-md-4,.col-md-5,.col-md-6,.col-md-7,.col-md-8,.col-md-9,.col-md-auto,.col-sm,.col-sm-1,.col-sm-10,.col-sm-11,.col-sm-12,.col-sm-2,.col-sm-3,.col-sm-4,.col-sm-5,.col-sm-6,.col-sm-7,.col-sm-8,.col-sm-9,.col-sm-auto,.col-xl,.col-xl-1,.col-xl-10,.col-xl-11,.col-xl-12,.col-xl-2,.col-xl-3,.col-xl-4,.col-xl-5,.col-xl-6,.col-xl-7,.col-xl-8,.col-xl-9,.col-xl-auto {position:relative;width:100%;} .col {-ms-flex-preferred-size:0;flex-basis:0;-ms-flex-positive:1;flex-grow:1;max-width:100%} .col-auto {-ms-flex:0 0 auto;flex:0 0 auto;width:auto;max-width:100%} .col-1 {-ms-flex:0 0 8.333333%;flex:0 0 8.333333%;max-width:8.333333%} .col-2 {-ms-flex:0 0 16.666667%;flex:0 0 16.666667%;max-width:16.666667%} .col-3 {-ms-flex:0 0 25%;flex:0 0 25%;max-width:25%} .col-4 {-ms-flex:0 0 33.333333%;flex:0 0 33.333333%;max-width:33.333333%} .col-5 {-ms-flex:0 0 41.666667%;flex:0 0 41.666667%;max-width:41.666667%} .col-6 {-ms-flex:0 0 50%;flex:0 0 50%;max-width:50%} .col-7 {-ms-flex:0 0 58.333333%;flex:0 0 58.333333%;max-width:58.333333%} .col-8 {-ms-flex:0 0 66.666667%;flex:0 0 66.666667%;max-width:66.666667%} .col-9 {-ms-flex:0 0 75%;flex:0 0 75%;max-width:75%} .col-10 {-ms-flex:0 0 83.333333%;flex:0 0 83.333333%;max-width:83.333333%} .col-11 {-ms-flex:0 0 91.666667%;flex:0 0 91.666667%;max-width:91.666667%} .col-12 {-ms-flex:0 0 100%;flex:0 0 100%;max-width:100%} .order-first {-ms-flex-order:-1;order:-1} .order-last {-ms-flex-order:13;order:13} .order-0 {-ms-flex-order:0;order:0} .order-1 {-ms-flex-order:1;order:1} .order-2 {-ms-flex-order:2;order:2} .order-3 {-ms-flex-order:3;order:3} .order-4 {-ms-flex-order:4;order:4} .order-5 {-ms-flex-order:5;order:5} .order-6 {-ms-flex-order:6;order:6} .order-7 {-ms-flex-order:7;order:7} .order-8 {-ms-flex-order:8;order:8} .order-9 {-ms-flex-order:9;order:9} .order-10 {-ms-flex-order:10;order:10} .order-11 {-ms-flex-order:11;order:11} .order-12 {-ms-flex-order:12;order:12} .offset-1 {margin-left:8.333333%} .offset-2 {margin-left:16.666667%} .offset-3 {margin-left:25%} .offset-4 {margin-left:33.333333%} .offset-5 {margin-left:41.666667%} .offset-6 {margin-left:50%} .offset-7 {margin-left:58.333333%} .offset-8 {margin-left:66.666667%} .offset-9 {margin-left:75%} .offset-10 {margin-left:83.333333%} .offset-11 {margin-left:91.666667%;} .flex-row {-ms-flex-direction:row;flex-direction:row} .flex-column {-ms-flex-direction:column;flex-direction:column} .flex-row-reverse {-ms-flex-direction:row-reverse;flex-direction:row-reverse} .flex-column-reverse {-ms-flex-direction:column-reverse;flex-direction:column-reverse} .flex-wrap {-ms-flex-wrap:wrap;flex-wrap:wrap} .flex-nowrap {-ms-flex-wrap:nowrap;flex-wrap:nowrap} .flex-wrap-reverse {-ms-flex-wrap:wrap-reverse;flex-wrap:wrap-reverse} .flex-fill {-ms-flex:1 1 auto;flex:1 1 auto} .flex-grow-0 {-ms-flex-positive:0;flex-grow:0} .flex-grow-1 {-ms-flex-positive:1;flex-grow:1} .flex-shrink-0 {-ms-flex-negative:0;flex-shrink:0} .flex-shrink-1 {-ms-flex-negative:1;flex-shrink:1} .justify-content-start {-ms-flex-pack:start;justify-content:flex-start} .justify-content-end {-ms-flex-pack:end;justify-content:flex-end} .justify-content-center {-ms-flex-pack:center;justify-content:center} .justify-content-between {-ms-flex-pack:justify;justify-content:space-between} .justify-content-around {-ms-flex-pack:distribute;justify-content:space-around} .align-items-start {-ms-flex-align:start;align-items:flex-start} .align-items-end {-ms-flex-align:end;align-items:flex-end} .align-items-center {-ms-flex-align:center;align-items:center} .align-items-baseline {-ms-flex-align:baseline;align-items:baseline} .align-items-stretch {-ms-flex-align:stretch;align-items:stretch} .align-content-start {-ms-flex-line-pack:start;align-content:flex-start} .align-content-end {-ms-flex-line-pack:end;align-content:flex-end} .align-content-center {-ms-flex-line-pack:center;align-content:center} .align-content-between {-ms-flex-line-pack:justify;align-content:space-between} .align-content-around {-ms-flex-line-pack:distribute;align-content:space-around} .align-content-stretch {-ms-flex-line-pack:stretch;align-content:stretch} .align-self-auto {-ms-flex-item-align:auto;align-self:auto} .align-self-start {-ms-flex-item-align:start;align-self:flex-start} .align-self-end {-ms-flex-item-align:end;align-self:flex-end} .align-self-center {-ms-flex-item-align:center;align-self:center} .align-self-baseline {-ms-flex-item-align:baseline;align-self:baseline} .align-self-stretch {-ms-flex-item-align:stretch;align-self:stretch} @media (min-width:576px) { .col-sm {-ms-flex-preferred-size:0;flex-basis:0;-ms-flex-positive:1;flex-grow:1;max-width:100%} .col-sm-auto {-ms-flex:0 0 auto;flex:0 0 auto;width:auto;max-width:100%} .col-sm-1 {-ms-flex:0 0 8.333333%;flex:0 0 8.333333%;max-width:8.333333%} .col-sm-2 {-ms-flex:0 0 16.666667%;flex:0 0 16.666667%;max-width:16.666667%} .col-sm-3 {-ms-flex:0 0 25%;flex:0 0 25%;max-width:25%} .col-sm-4 {-ms-flex:0 0 33.333333%;flex:0 0 33.333333%;max-width:33.333333%} .col-sm-5 {-ms-flex:0 0 41.666667%;flex:0 0 41.666667%;max-width:41.666667%} .col-sm-6 {-ms-flex:0 0 50%;flex:0 0 50%;max-width:50%} .col-sm-7 {-ms-flex:0 0 58.333333%;flex:0 0 58.333333%;max-width:58.333333%} .col-sm-8 {-ms-flex:0 0 66.666667%;flex:0 0 66.666667%;max-width:66.666667%} .col-sm-9 {-ms-flex:0 0 75%;flex:0 0 75%;max-width:75%} .col-sm-10 {-ms-flex:0 0 83.333333%;flex:0 0 83.333333%;max-width:83.333333%} .col-sm-11 {-ms-flex:0 0 91.666667%;flex:0 0 91.666667%;max-width:91.666667%} .col-sm-12 {-ms-flex:0 0 100%;flex:0 0 100%;max-width:100%} .order-sm-first {-ms-flex-order:-1;order:-1} .order-sm-last {-ms-flex-order:13;order:13} .order-sm-0 {-ms-flex-order:0;order:0} .order-sm-1 {-ms-flex-order:1;order:1} .order-sm-2 {-ms-flex-order:2;order:2} .order-sm-3 {-ms-flex-order:3;order:3} .order-sm-4 {-ms-flex-order:4;order:4} .order-sm-5 {-ms-flex-order:5;order:5} .order-sm-6 {-ms-flex-order:6;order:6} .order-sm-7 {-ms-flex-order:7;order:7} .order-sm-8 {-ms-flex-order:8;order:8} .order-sm-9 {-ms-flex-order:9;order:9} .order-sm-10 {-ms-flex-order:10;order:10} .order-sm-11 {-ms-flex-order:11;order:11} .order-sm-12 {-ms-flex-order:12;order:12} .offset-sm-0 {margin-left:0} .offset-sm-1 {margin-left:8.333333%} .offset-sm-2 {margin-left:16.666667%} .offset-sm-3 {margin-left:25%} .offset-sm-4 {margin-left:33.333333%} .offset-sm-5 {margin-left:41.666667%} .offset-sm-6 {margin-left:50%} .offset-sm-7 {margin-left:58.333333%} .offset-sm-8 {margin-left:66.666667%} .offset-sm-9 {margin-left:75%} .offset-sm-10 {margin-left:83.333333%} .offset-sm-11 {margin-left:91.666667%} } /*grid*/ .grid {display:flex;flex-wrap:wrap;} .grid-item {} .grid.grid-square {} .grid.grid-square>.grid-item {margin-right:.75rem;margin-bottom:.75rem;} .grid.grid-1.grid-square>.grid-item {margin-right:0;} .grid.grid-2.grid-square>.grid-item {width:calc((100% - .75rem)/2);} .grid.grid-3.grid-square>.grid-item {width:calc((100% - 1.5rem)/3);} .grid.grid-4.grid-square>.grid-item {width:calc((100% - 2.25rem)/4);} .grid.grid-5.grid-square>.grid-item {width:calc((100% - 3rem)/5);} .grid-1 .grid-item:nth-child(1n) {margin-right:0;} .grid-2 .grid-item:nth-child(2n) {margin-right:0;} .grid-3 .grid-item:nth-child(3n) {margin-right:0;} .grid-4 .grid-item:nth-child(4n) {margin-right:0;} .grid-5 .grid-item:nth-child(5n) {margin-right:0;} /*btn*/ .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;} .btn [class*=ui-icon-] {margin-right:.25rem;font-size:.7rem;} .btn:hover {color:#40a9ff;border-color:#40a9ff;} .btn-red {background:#ED4014;border-color:#ED4014;color:#fff;} .btn-red:hover {background:#F04055;border-color:#F04055;color:#fff;} .btn-yellow {background:#F37B1D;border-color:#F37B1D;color:#fff;} .btn-yellow:hover {background:#F3710A;border-color:#F3710A;color:#fff;} .btn-blue {background:#1890FF;border-color:#1890FF;color:#fff;} .btn-blue:hover {background:#40A9FF;border-color:#40A9FF;color:#fff;} .btn-green {background:#19BE6B;border-color:#19BE6B;color:#fff;} .btn-green:hover {background:#47CB89;border-color:#47CB89;color:#fff;} .btn-info {background:#2DB7F5;border-color:#2DB7F5;color:#fff;} .btn-info:hover {background:#57C5F7;border-color:#57C5F7;color:#fff;} .btn-lt {font-size:.7rem;line-height:1rem;padding:0 .2rem;} .btn-sm {font-size:.7rem;line-height:1.25rem;padding:.1rem .5rem;} .btn-big {font-size:.8rem;line-height:2.25rem;padding:0 1.2rem;} .btn-lg {font-size:1rem;line-height:2.75rem;padding:0 2rem;} .btn-outline-red {background:#fff;color:#ED4014;} .btn-outline-yellow {background:#fff;color:#F37B1D;} .btn-outline-blue {background:#fff;color:#1890FF;} .btn-outline-green {background:#fff;color:#19BE6B;} .btn-outline-info {background:#fff;color:#2DB7F5;} .btn-block {display:block;width:100%;text-align:center;} a.btn-red,a.btn-yellow,a.btn-blue,a.btn-green,a.btn-info {color:#fff;} a:hover.btn-red,a:hover.btn-yellow,a:hover.btn-blue,a:hover.btn-green,a:hover.btn-info {color:#fff;} a.btn-outline-red {color:#ED4014;} a.btn-outline-yellow {color:#F37B1D;} a.btn-outline-blue {color:#1890FF;} a.btn-outline-green {color:#19BE6B;} a.btn-outline-info {color:#2DB7F5;} .btn:disabled {background:#fff;cursor:not-allowed;border-color:#E7E7E7;color:#999;} /*btn-group*/ .btn-group {margin-left:.05rem;font-size:0;} .btn-group-item {border:1px solid #d9d9d9;margin-left:-.05rem;display:inline-block;cursor:pointer;padding:.1rem .9rem;line-height:1.75rem;font-size:.75rem;color:#595959;background:#fff;text-align:center;} .btn-group-item:first-child {border-radius:.2rem 0 0 .2rem;} .btn-group-item:last-child {border-radius:0 .2rem .2rem 0;} .btn-group-item:hover {color:#333;border-color:#40a9ff;position:relative;z-index:2;} .btn-group-item.active {color:#40a9ff;border-color:#40a9ff;position:relative;z-index:2;} .btn-group-item:before {margin-right:.25rem;color:#999;font-size:.9rem;vertical-align:middle;} .btn-group-full {display:flex;} .btn-group-full .btn-group-item {flex:1;padding:0;} .btn-group-red .active,.btn-group-red .active:hover,.btn-group-red a.active,.btn-group-red a:hover.active {color:#ED4014;border-color:#ED4014;} .btn-group-red .btn-group-item:hover {border-color:#ED4014;} .btn-group-yellow .active,.btn-group-yellow .active:hover,.btn-group-yellow a.active,.btn-group-yellow a:hover.active {color:#F37B1D;border-color:#F37B1D;} .btn-group-yellow .btn-group-item:hover {border-color:#F37B1D;} .btn-group-blue .active,.btn-group-blue .active:hover,.btn-group-blue a.active,.btn-group-blue a:hover.active {color:#1890FF;border-color:#1890FF;} .btn-group-blue .btn-group-item:hover {border-color:#1890FF;} .btn-group-green .active,.btn-group-green .active:hover,.btn-group-green a.active,.btn-group-green a:hover.active {color:#47CB89;border-color:#47CB89;} .btn-group-green .btn-group-item:hover {border-color:#47CB89;} .btn-group-info .active,.btn-group-info .active:hover,.btn-group-info a.active,.btn-group-info a:hover.active {color:#57C5F7;border-color:#57C5F7;} .btn-group-info .btn-group-item:hover {border-color:#57C5F7;} .btn-group-red.btn-group-bg .active,.btn-group-red.btn-group-bg a.active {color:#fff;background:#ED4014;} .btn-group-yellow.btn-group-bg .active,.btn-group-yellow.btn-group-bg a.active {color:#fff;background:#F37B1D;} .btn-group-blue.btn-group-bg .active,.btn-group-blue.btn-group-bg a.active {color:#fff;background:#1890FF;} .btn-group-green.btn-group-bg .active,.btn-group-green.btn-group-bg a.active {color:#fff;background:#47CB89;} .btn-group-info.btn-group-bg .active,.btn-group-info.btn-group-bg a.active {color:#fff;background:#57C5F7;} .btn-group-sm .btn-group-item {font-size:.6rem;line-height:1.25rem;padding:0 .2rem;} .btn-group-big .btn-group-item {font-size:.8rem;line-height:2.25rem;padding:0 1.2rem;} .btn-group-lg .btn-group-item {font-size:1rem;line-height:2.75rem;padding:0 3rem;} /*Badge*/ .badge {min-width:1rem;line-height:1rem;min-height:1rem;padding:0 .2rem;border-radius:.5rem;background:#eaeaea;display:inline-block;color:#595959;text-align:center;font-size:.6rem;vertical-align:middle;white-space:nowrap;box-shadow:0 0 0 1px #fff;box-sizing:border-box;} .badge-dot {min-width:.3rem;height:.3rem;min-height:.3rem;padding:0;background:#d9d9d9;border-radius:100%;font-size:.5rem;} .badge-sm {min-width:.4rem;height:.4rem;min-height:.4rem;padding:0;background:#d9d9d9;border-radius:100%;font-size:.5rem;} .badge-red {background:#ED4014;color:#fff;} .badge-yellow {background:#F37B1D;color:#fff;} .badge-blue {background:#1890FF;color:#fff;} .badge-green {background:#19BE6B;color:#fff;} .badge-info {background:#2DB7F5;color:#fff;} .badge-warp {position:relative;display:inline-block;} .badge-warp .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;} .bar-red {background:#ED4014;} .bar-yellow {background:#F37B1D;} .bar-blue {background:#1890FF;} .bar-green {background:#19BE6B;} .bar-info {background:#2DB7F5;} /*Bread*/ .bread {} .bread ul {list-style:none;} .bread ul li {display:inline-block;font-size:.7rem;color:#999;} .bread ul li + li:before {padding:0 .4rem;content:"/\00a0";color:#999;font-size:.6rem;font-family:宋体;} .bread-1 ul li + li:before {content:">>";} .bread-2 ul li + li:before {content:">";} .bread ul li a {font-size:.7rem;} .bread ul li a[class*="icon"]:before {color:#999;font-size:.8rem;padding-right:.25rem;} /*Carousel*/ .carousel {position:relative;} .carousel-inner {position:relative;width:100%;overflow:hidden;} .carousel-inner::after {display:block;clear:both;content:"";} .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;} .carousel-item img {width:100%;height:auto;} .carousel-item.active,.carousel-item-next,.carousel-item-prev {display:block;} .carousel-item-next:not(.carousel-item-left),.active.carousel-item-right {-webkit-transform:translateX(100%);transform:translateX(100%);} .carousel-item-prev:not(.carousel-item-right),.active.carousel-item-left {-webkit-transform:translateX(-100%);transform:translateX(-100%);} .carousel-prev,.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;} .carousel-prev:hover,.carousel-prev:focus,.carousel-next:hover,.carousel-next:focus {color:#fff;text-decoration:none;outline:0;opacity:0.9;} .carousel-prev {left:0;} .carousel-next {right:0;} .carousel-prev-icon,.carousel-next-icon {display:inline-block;width:1rem;height:1rem;background:no-repeat 50% / 100% 100%;} .carousel-prev-icon {background-image:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' fill='%23fff' viewBox='0 0 8 8'%3e%3cpath d='M5.25 0l-4 4 4 4 1.5-1.5-2.5-2.5 2.5-2.5-1.5-1.5z'/%3e%3c/svg%3e");} .carousel-next-icon {background-image:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' fill='%23fff' viewBox='0 0 8 8'%3e%3cpath d='M2.75 0l-1.5 1.5 2.5 2.5-2.5 2.5 1.5 1.5 4-4-4-4z'/%3e%3c/svg%3e");} .carousel-page {position:absolute;right:0;bottom:0;left:0;z-index:15;display:flex;justify-content:center;list-style:none;} .carousel-page li {box-sizing:content-box;flex:0 1 auto;width:2.5rem;height:.2rem;margin-right:.2rem;margin-left:.15rem;text-indent:-999px;cursor:pointer;background-color:#fff;background-clip:padding-box;border-top:.5rem solid transparent;border-bottom:.5rem solid transparent;opacity:.5;transition:opacity 0.6s ease;} .carousel-page .active {opacity:1;} .carousel-control {position:absolute;bottom:0;left:0;right:0;z-index:10;display:flex;background:rgba(0,0,0,.4);} .carousel-control .carousel-title {flex:1;display:flex;color:#fff;line-height:2rem;padding:0 .5rem;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;} .carousel-control .carousel-page {justify-content:flex-end;align-items:center;position:static;margin-right:.5rem;} .carousel-control .carousel-page li {width:.5rem;height:.5rem;border-radius:50%;} .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*/ .card {border:1px solid #e5e5e5;background:#fff;border-radius:.1rem;} .card-header {background:#fff;padding:.75rem;border-bottom:1px solid #F2F2F2;line-height:.9rem;display:flex;align-items:center;} .card-header h5 {font-size:.8rem;font-weight:500;margin:0;border-left:.1rem solid #1890FF;padding-left:.75rem;flex:1;} .card-header h4 {font-size:.8rem;font-weight:500;margin:0;flex:1;} .card-header .card-header-more {align-items:center;justify-content:flex-end;} .card-image img {width:100%;height:auto;} .card-image svg {width:100%;text-anchor:middle;} .card-body {padding:.75rem;} .card-body.np {padding-top:0;} .card-body.row {margin-top:-.75rem;} .card-body .card-title {font-size:.75rem;font-weight:600;} .card-body .card-text {word-break:break-all;color:#999;line-height:normal;} .card-body .card-text ul {list-style:none;} .card-body .list {margin-top:-.5rem;} .card-footer {background:#fff;padding:.6rem .9rem;border-top:1px solid #F2F2F2;font-size:.7rem;border-radius:.2rem;} /*collapse*/ .collapse {margin-top:.1rem;} .collapse .card {border-radius:0;margin-top:-.1rem;} .collapse .card .card-header {cursor:pointer;} .collapse .card .card-header h5 {font-size:.75rem;color:#444;border-left:0;padding-left:0;} .collapse .card .card-header .ui-icon-right,.collapse .collapse-menu .ui-icon-right {transition:all 0.4s ease;font-size:.7rem;color:#999;} .collapse .card .card-header.active .ui-icon-right,.collapse .collapse-menu.active .ui-icon-right {transform:rotate(90deg);} .collapse .card:first-child {border-radius:.1rem .1rem 0 0;} .collapse .card:last-child {border-radius:0 0 .1rem .1rem;border-bottom:1;} /*Dropmenu*/ .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;} .dropdown img {max-width:100%;} .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;} .dropdown-left:after {right:-.3rem;top:50%;transform:translateY(-50%) rotate(-225deg);} .dropdown-top:after {left:50%;top:100%;transform:translateX(-50%) translateY(-50%) rotate(-140deg);} .dropdown-right:after {left:-.3rem;top:50%;transform:translateY(-50%) rotate(-45deg);} .dropdown-bottom:after {left:50%;top:0;transform:translateX(-50%) translateY(-50%) rotate(45deg);} .dropdown-bottom-left:after {left:.5rem;top:0;transform:translateY(-50%) rotate(45deg);} .dropdown-top-left:after {left:.5rem;top:100%;transform:translateY(-50%) rotate(-140deg);} .dropdown-right-top:after {left:-.3rem;top:.75rem;transform:translateY(-50%) rotate(-45deg);} .dropdown-line {height:0;margin:0.5rem 0;overflow:hidden;border-top:1px solid #e9ecef;} .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;} .dropdown-item.active {background:#1890FF;} a.dropdown-item.active {color:#fff;} /*Dialog*/ .dialog-mask {position:fixed;left:0;top:0;right:0;bottom:0;background:rgba(0,0,0,.05);z-index:998;display:block;overflow-x:hidden;overflow-y:auto;display:none;} .dialog {z-index:999;position:fixed;border:1px solid #eaeaea;border-radius:0;background:#fff;min-width:15rem;max-width:96%;margin:0 auto;box-shadow:0 1px 1rem rgba(0,0,0,0.3);transition:transform .2s cubic-bezier(.16,.68,.43,.99);} .dialog-header {padding:.8rem;border-bottom:1px solid #f3f3f3;display:flex;} .dialog-header .dialog-title {flex:1;font-size:.75rem;font-weight:normal;cursor:move;-moz-user-select:none;-webkit-user-select:none;} .dialog-header .dialog-close {justify-content:flex-end;align-items:center;font-size:1rem;cursor:pointer;font-weight:700;line-height:1;color:#999;} .dialog-header .dialog-close:hover {color:#000;} .dialog-body {padding:1rem;max-height:25rem;line-height:1.2rem;overflow-y:auto;word-break:break-all;background:#fff;} .dialog-body .form-ip {line-height:normal;} .dialog-body-input {padding-bottom:.3rem;} .dialog-body-iframe {padding:0;overflow:hidden;max-height:100%;line-height:0;margin:0;overflow:hidden;} .dialog-body-iframe iframe {width:100%;height:100%;border:0;margin:0;} .dialog-body-address {padding:0;height:20rem;overflow:hidden;} .dialog-footer {padding:.5rem 1rem;text-align:right;font-size:1rem;border-top:0 solid #f3f3f3;} .dialog-footer-mobile {display:flex;border-top:1px solid #f3f3f3;} .dialog-footer-mobile button {width:100%;border:0;background:#fff;padding:.6rem 0;flex:1;color:#666;} .dialog-footer-mobile button:last-child {border-left:1px solid #f3f3f3;color:#1890FF;} .dialog-in {transition:transform 0.3s ease-out;transform:translate(0,2.5rem);} .dialog-out {transition:transform 0.3s ease-out;transform:translate(0);} .dialog-mobile {border-radius:.4rem;min-width:12.5rem;border:0;} .dialog-mobile .dialog-header {border-radius:.4rem .4rem 0 0;padding:.6rem .8rem;} .dialog-mobile .dialog-body {padding:1rem .8rem;} .dialog-mobile .dialog-body-iframe {padding:0;overflow:hidden;max-height:100%;} .dialog-mobile .dialog-footer-mobile {border-radius:0 0 .4rem .4rem;} .dialog-mobile .dialog-footer-mobile button:first-child {border-radius:0 0 0 .4rem;} .dialog-mobile .dialog-footer-mobile button:last-child {border-radius:0 0 .4rem 0;} /*Endtime*/ .endtime {color:#999;} .endtime i {color:#f30;font-style:normal;padding:0 .25rem;} .endtime i:first-child {padding-left:0;} /*filter*/ .filter {background:#fff;box-shadow:0 1px .5rem rgba(0,0,0,0.07);padding:.5rem 1rem 1rem 0;} .filter .filter-left {text-align:right;padding-top:.9rem;color:#999;} .filter .filter-right {padding-left:.5rem;} .filter .filter-right a {border:1px solid #eaeaea;padding:.4rem .75rem;border-radius:.1rem;margin:.5rem .5rem 0 0;display:inline-block;color:#999;} .filter a:hover,.filter a.active {border-color:#1890FF;color:#1890FF;} .filter-red a:hover,.filter-red a.active {border-color:#ED4014;color:#ED4014;} .filter-yellow a:hover,.filter-yellow a.active {border-color:#F37B1D;color:#F37B1D;} .filter-blue a:hover,.filter-blue a.active {border-color:#1890FF;color:#1890FF;} .filter-green a:hover,.filter-green a.active {border-color:#19BE6B;color:#19BE6B;} .filter-info a:hover,.filter-info a.active {border-color:#2DB7F5;color:#2DB7F5;} .filter-black a:hover,.filter-black a.active {border-color:#666;color:#666;} .filter .filter-right-image {/*margin-right:-1px;*/} .filter .filter-right-image a {/*margin-right:0;margin-left:-1px;border-radius:0;*/} .filter .filter-right-image a:hover {position:relative;} .filter .filter-right-image a.active {position:relative;} .filter .filter-right-image a:first-child {margin-right:.75rem;} /*Fixed*/ .fixed-top {position:fixed;top:0;z-index:30;right:0;left:0;} .fixed-bottom {position:fixed;bottom:0;z-index:30;right:0;left:0;} .fixed-warp {z-index:100;} /*Form*/ .form-group {margin-bottom:.5rem;padding-bottom:.25rem;position:relative;} .form-group+.hide {display:none;} .form-icon {position:absolute;top:45%;left:.75rem;z-index:99;-webkit-transform:translateY(-50%);transform:translateY(-50%);font-size:.9rem;vertical-align:middle;} .form-icon+.form-ip {padding-left:2rem;} .form-icon+.input-group .form-ip {padding-left:2rem;} .form-group .form-ip {} .form-group > label {margin-bottom:.5rem;} .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.form-ip {line-height:1;} select.form-ip,textarea.form-ip {height:auto;} select.form-ip {padding:0.55rem 0.8rem;} textarea.form-ip {min-height:5rem;} .form-ip::-ms-expand {background-color:transparent;border:0;} .form-ip:focus {color:#495057;background:#fff;border-color:#80bdff;outline:0;box-shadow:0 0 0 0.1rem rgba(0,123,255,.25);} .form-ip::-webkit-input-placeholder {color:#999;} .form-ip::-moz-placeholder {color:#999;} .form-ip:-ms-input-placeholder {color:#999;} .form-ip::-ms-input-placeholder {color:#999;} .form-ip::placeholder {color:#999;} .form-ip:disabled {background:#fafafa;opacity:1;cursor:not-allowed;} .form-ip[readonly] {background:#fafafa;opacity:1;} .form-ip-check {margin-bottom:.15rem;margin-right:.25rem;vertical-align:middle;} .form-limit-text {position:absolute;right:.5rem;bottom:.5rem;color:#999;background:rgba(255,255,255,.5);} .form-limit-text span {color:#f30;} .col-form-label {padding-top:.5rem;color:#666;padding-right:.5rem;} .input-group {display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;position:relative;} .input-group .before {justify-content:center;align-items:center;display:flex;padding:.475rem .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;} .input-group .after {justify-content:center;align-items:center;display:flex;padding:.46rem 0.35rem;font-size:.7rem;height:2.1rem;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;} .input-group a.after {font-size:.7rem;padding:.2rem .6rem;line-height:1.6rem;min-height:2rem;cursor:pointer;font-family:microsoft yahei;} .input-group a.after:before {margin-right:.25rem;font-size:.9rem;color:#999;font-family:"iconfont";} .input-group a:hover.after,.input-group a:hover.after:before {color:#f30;} .input-group button.after {padding:.3rem .8rem;} .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;} .input-group .code img {height:2.2rem;border-radius:0 .2rem .2rem 0;} .input-group .form-ip {flex:1;} .input-group-check {padding-top:.35rem;} .input-group-check label {margin-right:.5rem;} .input-group .radius-none {border-radius:0;} .input-group .radius-left-none {border-radius:0 .2rem .2rem 0;} .input-group .radius-right-none {border-radius:.2rem 0 0 .2rem;} .input-group .radius-none {border-radius:0;} .input-group.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} .input-group.vertical label,.input-group.vertical .label {margin-bottom:10px} .input-group label,.input-group .label {display:inline-block;white-space:nowrap;color:#303133;margin-right:8px} .input-group label.required,.input-group .label.required {padding-left:.6em;position:relative} .input-group label.required::before,.input-group .label.required::before {content:"*";position:absolute;left:0;top:30%;color:#eb5757} .input-prefix,.input-suffix {position:relative;-webkit-box-flex:1;-ms-flex:1;flex:1} .input-prefix input {padding-left:40px} .input-prefix .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} .input-prefix .prefix-icon::before {font-size:16px;position:absolute;top:50%;left:50%;-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%)} .input-suffix input {padding-right:40px} .input-suffix .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} .input-suffix .suffix-icon::before {font-size:16px;position:absolute;top:50%;left:50%;-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%)} .input-suffix .suffix-icon.suffix-password,.input-suffix .suffix-icon.suffix-clear {pointer-events:auto;cursor:pointer} .input-suffix .suffix-icon.suffix-password:hover,.input-suffix .suffix-icon.suffix-clear:hover {color:#909399} .input-suffix .suffix-icon.suffix-count {font-style:normal;height:auto;position:absolute;top:50%;-webkit-transform:translateY(-50%);transform:translateY(-50%)} .input-suffix .suffix-icon.suffix-clear {-webkit-transition:opacity 50ms linear;transition:opacity 50ms linear;display:none} .check-error {color:#ED4014;} .check-error .form-ip {border-color:#ED4014;} .check-error .form-ip:focus {box-shadow:0 0 0 0.1rem rgba(255,51,0,0.25);} .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;} .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%;} .check-error .form-icon {top:24.5%;} .check-error .form-limit-text {bottom:37%;} .check-error .ui-select-menu .ui-select-item {color:#fff;} .check-error .ui-select-menu .ui-select-item.is-active {color:#2879fe} .form-ip.w-auto {width:auto;display:inline-block;} .form-inline {} .form-inline .before {border-radius:0;} .form-inline .before:first-child {border-radius:.2rem 0 0 .2rem;} .form-inline .form-ip {border-radius:0;border-right:0;} .form-inline .after {border-left:1px solid #ced4da;} /*CheckBox*/ .checkbox {display:inline-block;cursor:pointer;margin-right:.8rem;} .checkbox input[type="checkbox"] {appearance:none;-webkit-appearance:none;outline:none;display:none} .checkbox input[type="checkbox"] + i {vdisplay:inline-block;vertical-align:baseline;margin-right:.25rem;font-style:normal;} .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;} .checkbox input[type="checkbox"]:checked + i:after {content:'\e852';font-family:iconfont;background:#1890FF;color:#fff;border-color:#1890FF;} .checkbox input[type="checkbox"]:disabled + i:after {background:#f5f5f5;color:#999;border-color:#ddd;} .checkbox input[type="checkbox"]:checked:disabled + i:after {content:'\e852';font-family:iconfont;background:#f5f5f5;color:#999;border-color:#ddd;} .checkbox input[type="checkbox"]:disabled + i {cursor:not-allowed;} .checkbox-red input[type="checkbox"] + i:after {border-color:#ED4014;} .checkbox-red input[type="checkbox"]:checked + i:after {background:#ED4014;border-color:#ED4014;} .checkbox-yellow input[type="checkbox"] + i:after {border-color:#F37B1D;} .checkbox-yellow input[type="checkbox"]:checked + i:after {background:#F37B1D;border-color:#F37B1D;} .checkbox-blue input[type="checkbox"] + i:after {border-color:#1890FF;} .checkbox-blue input[type="checkbox"]:checked + i:after {background:#1890FF;border-color:#1890FF;} .checkbox-green input[type="checkbox"] + i:after {border-color:#19BE6B;} .checkbox-green input[type="checkbox"]:checked + i:after {background:#19BE6B;border-color:#19BE6B;} .checkbox-info input[type="checkbox"] + i:after {border-color:#2DB7F5;} .checkbox-info input[type="checkbox"]:checked + i:after {background:#2DB7F5;border-color:#2DB7F5;} .checkbox:last-child {margin-right:0;} /*Radio*/ .radio {display:inline-block;cursor:pointer;margin-right:.5rem;} .radio input[type="radio"] {appearance:none;-webkit-appearance:none;outline:none;display:none} .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;} .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;} .radio input[type="radio"]:checked + i {border-color:#1890FF;box-shadow:0 0 0 .1rem rgba(24,144,255,0.1);} .radio input[type="radio"]:checked + i:after {content:'';background:#1890FF;} .radio input[type="radio"]:disabled + i {border-color:#ddd;background:#F5F5F5;cursor:not-allowed;} .radio input[type="radio"]:checked:disabled + i {border:1px solid #ddd;box-shadow:none;} .radio input[type="radio"]:checked:disabled + i:after {background:#C4C4C4;} .radio-red input[type="radio"]:checked + i {border-color:#ED4014;} .radio-red input[type="radio"]:checked + i:after {background:#ED4014;} .radio-yellow input[type="radio"]:checked + i {border-color:#F37B1D;} .radio-yellow input[type="radio"]:checked + i:after {background:#F37B1D;} .radio-blue input[type="radio"]:checked + i {border-color:#1890FF;} .radio-blue input[type="radio"]:checked + i:after {background:#1890FF;} .radio-green input[type="radio"]:checked + i {border-color:#19BE6B;} .radio-green input[type="radio"]:checked + i:after {background:#19BE6B;} .radio-info input[type="radio"]:checked + i {border-color:#2DB7F5;} .radio-info input[type="radio"]:checked + i:after {background:#2DB7F5;} .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:#fbfbfb;border-color:#ced4da;color:#a6a6a7;} .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*/ .switch {display:inline-block;text-align:left;} .switch > input[type="checkbox"] {display:none;} .switch > input[type="checkbox"]:disabled ~ .switch-checkbox {background:#EBEBEB;cursor:not-allowed} .switch > input[type="checkbox"]:checked:disabled ~ .switch-checkbox {background:#EBEBEB;} .switch > input[type="checkbox"]:checked ~ .switch-checkbox {background:#1890FF;} .switch > input[type="checkbox"]:checked ~ .switch-checkbox::before {left:1.45rem;} .switch > input[type="checkbox"]:checked ~ .switch-checkbox.switch-text::before {text-indent:-.9rem;content:'开';font-size:.6rem;line-height:1.03rem;color:#fff;} .switch > input[type="checkbox"]:checked ~ .switch-checkbox.switch-icon::before {content:'\e852';text-indent:-1.05rem;font-family:iconfont;color:#fff;font-size:.7rem;line-height:1.1rem;} .switch > input[type="checkbox"]:checked ~ .switch-checkbox.switch-en::before {text-indent:-1.1rem;content:'On';font-size:.6rem;color:#fff;} .switch .switch-checkbox.switch-text::before {content:'关';text-indent:1.2rem;font-size:.6rem;line-height:1.03rem;color:#fff;} .switch .switch-checkbox.switch-en::before {content:'Off';text-indent:1.1rem;font-size:.6rem;color:#fff;} .switch .switch-checkbox.switch-icon::before {content:'\e854';text-indent:1.2rem;font-family:iconfont;color:#fff;font-size:.7rem;line-height:1.1rem;} .switch .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;vertical-align:text-bottom;overflow:hidden;user-select:none;} .switch .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;} .switch-red > input[type="checkbox"]:checked ~ .switch-checkbox {background:#ED4014;} .switch-yellow > input[type="checkbox"]:checked ~ .switch-checkbox {background:#F37B1D;} .switch-blue > input[type="checkbox"]:checked ~ .switch-checkbox {background:#1890FF;} .switch-green > input[type="checkbox"]:checked ~ .switch-checkbox {background:#19BE6B;} .switch-info > input[type="checkbox"]:checked ~ .switch-checkbox {background:#2DB7F5;} /*Inputnumber*/ .inputnumber-wrap {display:inline-block;overflow:hidden;position:relative;vertical-align:middle;border:1px solid #dadada;border-radius:.1rem;background:#fff;} .inputnumber-wrap:hover {border-color:#80bdff;} .inputnumber-text {padding:.25rem .75rem;min-width:2.5rem;border-radius:.1rem 0 0 .1rem;text-align:center;} .inputnumber:focus {box-shadow:none;border:0;} .inputnumber-min,.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;} .inputnumber-min:hover,.inputnumber-max:hover {color:#1890FF;border-color:#80bdff;z-index:1;} .inputnumber-min i,.inputnumber-max i {font-size:.7rem;} .inputnumber-min.inputnumber-disabled,.inputnumber-max.inputnumber-disabled {cursor:not-allowed;color:#999;} .inputnumber-min.inputnumber-disabled:hover,.inputnumber-max.inputnumber-disabled:hover {border-color:#dadada;} .inputnumber-wrap.disabled {-moz-user-select:none;-webkit-user-select:none;-ms-user-select:none;background:#fafafa;cursor:not-allowed;} .inputnumber-wrap.disabled:hover {border-color:#dadada;} .inputnumber-wrap.disabled .inputnumber-min,.inputnumber-wrap.disabled .inputnumber-max,.inputnumber-wrap.disabled .inputnumber-text {cursor:not-allowed;color:#999;} .inputnumber-wrap.disabled .inputnumber-min:hover,.inputnumber-wrap.disabled .inputnumber-max:hover {border-color:#dadada;color:#999;} .inputnumber-center .inputnumber-min {border-left:0;border-right-width:1px;} /*.Line*/ .line {text-align:center;width:100%;position:relative;z-index:0;margin:.5rem 0;min-height:.2rem;} .line:before {content:"";display:table;position:absolute;top:50%;width:100%;border-top:1px solid #e8eaec;transform:translateY(50%);z-index:-1;} .line span {background:#fff;display:inline-block;padding:0 .5rem;z-index:1;white-space:nowrap;} .line-left {text-align:left;} .line-left span {margin-left:1.5%;} .line-right {text-align:right;} .line-right span {margin-right:1.5%;} .line-red:before {border-top-color:#ED4014;} .line-red span {color:#ED4014;} .line-yellow:before {border-top-color:#F37B1D;} .line-yellow span {color:#F37B1D;} .line-blue:before {border-top-color:#1890FF;} .line-blue span {color:#1890FF;} .line-green:before {border-top-color:#19BE6B;} .line-green span {color:#19BE6B;} .line-info:before {border-top-color:#2DB7F5;} .line-info span {color:#2DB7F5;} /*List*/ .list {list-style:none;} .list li {border-bottom:1px solid #e4eaec;padding:.5rem;display:flex;justify-content:space-between;align-items:center;} .list li a {color:#333;flex:1;} .list li a:hover {color:#f30;} .list li a .ui-icon-font {margin:0 .5rem 0 .25rem;color:#999;} .list li .arrow {padding:0 .25rem 0 .45rem;} .list li .arrow:after {content:"\e83f";font-family:"iconfont";color:#ccc;font-size:1rem;} .list-border {border:1px solid #e4eaec;border-bottom:0;} .list-striped li:nth-child(even) {background:#F9FBFD;} .list-hover li:hover {background:#F9FBFD;} .list-border .arrow {padding:0 .45rem;} .list .active {background:#F5FAFE;} .list_border_none li {border-bottom:0;padding:0;} /*LightBox*/ .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;} .lightbox-warp {background:#fff;padding:.25rem;border-radius:.2rem;z-index:999;position:fixed;left:45%;top:45%;user-select:none;} .lightbox-left {position:absolute;left:0;top:0;width:30%;height:100%;cursor:pointer;} .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;} .lightbox-right {position:absolute;right:0;top:0;width:30%;height:100%;cursor:pointer;} .lightbox-right:after {content:"\e78c";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;} .lightbox-warp:hover .lightbox-left:after,.lightbox-warp:hover .lightbox-right:after {opacity:.8;} .lightbox-image {position:relative;} .lightbox-video {background:#000;} .lightbox-iframe {line-height:0;} .lightbox-image-url {width:0;} .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;} .lightbox-bottom * {line-height:2rem;} .lightbox-bottom i {float:right;font-style:normal;float:right;padding-left:.75rem;color:#999;} .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*/ .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;} .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;} .modal-header {padding:1rem;border-bottom:1px solid #f3f3f3;display:flex;} .modal-header .modal-title {flex:1;font-size:.75rem;font-weight:700;cursor:move;} .modal-header .modal-close {justify-content:flex-end;align-items:center;font-size:1rem;cursor:pointer;font-weight:700;line-height:1;color:#999;} .modal-header .modal-close:hover {color:#000;} .modal-body {padding:1rem;max-height:25rem;line-height:1.2rem;overflow-y:auto;} .modal-body .form-ip {line-height:normal;} .modal-footer {padding:.5rem 1rem;border-top:1px solid #f3f3f3;text-align:right;font-size:1rem;} .modal-sm {width:18rem;} .modal-sm .modal-body {max-height:11rem;} .modal-bg {width:40rem;} .modal-lg {width:57rem;} .modal-in {transition:transform 0.3s ease-out;transform:translate(0,2.5rem);} .modal-out {transition:transform 0.3s ease-out;transform:translate(0);} /*Media*/ .media-list {} .media-list .media {margin-bottom:1rem;padding-bottom:.75rem;} .media-list .media:last-child {margin-bottom:0;} .media {display:flex;border-bottom:1px solid #eaeaea;padding-bottom:.25rem;} .media-img {} .media-img img,.media-img svg {border:1px solid #eaeaea;padding:.15rem;text-anchor:middle;} .media-body {flex:1;position:relative;} .media-header {font-size:.8rem;margin:0 0 .25rem 0;} .media-text {font-size:.7rem;line-height:1.2rem;word-break:break-all;} .media-text img {max-width:100%;} .media-other {font-size:.6rem;color:#999;margin-top:.25rem;vertical-align:middle;} .media-link {padding-left:.75rem;} .media-arrow {padding-left:.75rem;} .media-arrow:after {content:">";font-family:宋体;color:#ccc;font-size:1.5rem;} .media-center {display:flex;align-items:center;} .media-bottom {display:flex;align-items:flex-end;} .media-border .media {border-bottom:0;padding-bottom:0;} .media-border .media-body {border-bottom:1px solid #eaeaea;padding-bottom:.75rem;} .media-border .media-link,.media-border .media-arrow {border-bottom:1px solid #eaeaea;} .media-border-none .media {border-bottom:0;} .media-border-none .media:last-child {margin-bottom:0;padding-bottom:0;} /*Menu*/ .menu {display:flex;border-bottom:1px solid #eaeaea;justify-content:space-between;align-items:center;line-height:2rem;} .menu .menu-name {color:#333;border-bottom:.1rem solid #999;margin-bottom:-1px;font-size:15px;} .menu .menu-more a {color:#666;} .menu .menu-more a:hover {color:#f30;} .menu-red .menu-name {color:#ED4014;border-bottom-color:#ED4014;} .menu-yellow .menu-name {color:#F37B1D;border-bottom-color:#F37B1D;} .menu-blue .menu-name {color:#1890FF;border-bottom-color:#1890FF;} .menu-green .menu-name {color:#19BE6B;border-bottom-color:#19BE6B;} .menu-info .menu-name {color:#2DB7F5;border-bottom-color:#2DB7F5;} .menu-noborder {border:0;} .menu-noborder .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 .6rem;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 #d9d9d9;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);z-index:20;} .ui-nav ul li ul li {display:block;z-index:1;} .ui-nav ul li ul li a {text-align:left;color:#333;white-space:nowrap;} .ui-nav ul li ul li a:hover {background:#1890FF;color:#fff;} .ui-nav ul li:hover ul {opacity:1;transform:translate3d(0,0,0);visibility:visible;} .nav-full ul {display:flex;} .nav-full ul li {flex:1;} .nav-full ul li ul,.nav-full ul li ul li {display:block;width:100%;} .nav-bottom ul li ul {bottom:2.05rem;} .nav-bottom ul li ul:before {width:0;height:0;} .nav-bg-red {background:#ED4014;border:1px solid #ED4014;} .nav-bg-red li a {color:#fff;} .nav-bg-red li a:hover {background:#fff;color:#333;} .nav-bg-red ul li.active a {background:#fff;color:#333;} .nav-bg-yellow {background:#F37B1D;border:1px solid #F37B1D;} .nav-bg-yellow li a {color:#fff;} .nav-bg-yellow li a:hover {background:#fff;color:#333;} .nav-bg-yellow ul li.active a {background:#fff;color:#333;} .nav-bg-blue {background:#1890FF;border:1px solid #1890FF;} .nav-bg-blue li a {color:#fff;} .nav-bg-blue li a:hover {background:#fff;color:#333;} .nav-bg-blue ul li.active a {background:#fff;color:#333;} .nav-bg-green {background:#19BE6B;border:1px solid #19BE6B;} .nav-bg-green li a {color:#fff;} .nav-bg-green li a:hover {background:#fff;color:#333;} .nav-bg-green ul li.active a {background:#fff;color:#333;} .nav-bg-info {background:#2DB7F5;border:1px solid #2DB7F5;} .nav-bg-info li a {color:#fff;} .nav-bg-info li a:hover {background:#fff;color:#333;} .nav-bg-info ul li.active a {background:#fff;color:#333;} .nav-bg-black {background:#000;border:1px solid #000;} .nav-bg-black li a {color:#fff;} .nav-bg-black li a:hover {background:#fff;color:#333;} .nav-bg-black ul li.active a {background:#fff;color:#333;} /*Offside*/ .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;} .offside {position:fixed;min-width:10rem;z-index:99;-webkit-overflow-scrolling:touch;background:#fff;transition:all .3s ease 0s;} .offside-left {left:-100%;top:0;height:100%;} .offside-right {right:-100%;top:0;height:100%;} .offside-top {top:-100%;width:100%;min-height:5rem;} .offside-bottom {bottom:-110%;width:100%;min-height:5rem;} .offside-in.offside-left,.offside-in.offside-right {transform:translate3d(0,0,0);} .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;} .offside-in .offside-right-close {display:inline-block;} /*OrderBy*/ .orderby {background:#fff;border:1px solid #eee;} .orderby ul {list-style:none;display:flex;} .orderby ul li a {border-right:1px solid #eee;padding:.5rem 1rem;color:#666;display:block;} .orderby ul li a:hover {background:#fff;color:#1890FF;} .orderby ul li a i {font-size:.6rem;margin-left:.25rem;} .orderby ul li.active a {background:#1890FF;border-right-color:#1890FF;color:#fff;} .orderby-red ul li a:hover {color:#ED4014;} .orderby-red ul li.active a {background:#ED4014;border-right-color:#ED4014;color:#fff;} .orderby-yellow ul li a:hover {color:#F37B1D;} .orderby-yellow ul li.active a {background:#F37B1D;border-right-color:#F37B1D;color:#fff;} .orderby-blue ul li a:hover {color:#1890FF;} .orderby-blue ul li.active a {background:#1890FF;border-right-color:#1890FF;color:#fff;} .orderby-green ul li a:hover {color:#19BE6B;} .orderby-green ul li.active a {background:#19BE6B;border-right-color:#19BE6B;color:#fff;} .orderby-info ul li a:hover {color:#2DB7F5;} .orderby-info ul li.active a {background:#2DB7F5;border-right-color:#2DB7F5;color:#fff;} .orderby-black ul li a:hover {color:#666;} .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%*/.piclist {margin:0 -.75%;padding:0 0 .25% 0;list-style:none;overflow:hidden;font-size:0;} .piclist:after {content:" ";clear:both;display:table;} .piclist-item {float:left;width:23.5%;padding:0;margin:1.5% .75% 0 .75%;background:#fff;border:1px solid #eaeaea;} .piclist-item:hover {box-shadow:0 1px 20px rgba(0,0,0,0.1);} .piclist-image {position:relative;overflow:hidden;padding-bottom:56.2%;} .piclist-image img {margin-top:2px;width:100%;height:100%;object-fit:contain;position:absolute;z-index:1;} .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;} .piclist-image .upload:hover {color:#333;} .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);} .piclist-image em.bg-red {background:#ED4014;} .piclist-image em.bg-yellow {background:#F37B1D;} .piclist-image em.bg-blue {background:#1890FF;} .piclist-image em.bg-green {background:#19BE6B;} .piclist-image em.bg-info {background:#2DB7F5;} .piclist-body {padding:.5rem .75rem;} .piclist-title {font-size:.75rem;text-align:center;} .piclist-flex {margin:.5rem 0 .25rem 0;display:flex;align-items:center;} .piclist-price {color:#333;flex:1;font-size:.7rem;} .piclist-price strong {font-size:.8rem;color:#ED4014;} .piclist-price del,.piclist-price span {color:#999;display:block;font-size:.6rem;} .piclist-flex .action {} .piclist-flex .action a.btn {border-radius:2.5rem;padding:0 1rem;} .piclist-col-2 .piclist-item {width:48.5%;} .piclist-col-3 .piclist-item {width:31.8%;} .piclist-col-5 .piclist-item {width:18.5%;} .piclist-1-1 .piclist-image {padding-bottom:100%;} .piclist-3-2 .piclist-image {padding-bottom:66.6%;} .piclist-3-4 .piclist-image {padding-bottom:133.3%;} .piclist-16-9 .piclist-image {padding-bottom:56.2%;} .piclist-100 .piclist-image img {min-height:100%;} .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;} .piclist-image .upload-action a {font-size:1rem;color:#999;margin:0 .25rem;} .piclist-image .upload-action a:hover {color:#fff;} .piclist-image:hover .upload-action {bottom:0;} .piclist-top {margin-top:-.75rem;} .piclist-image svg {width:100%;height:100%;z-index:1;color:#fff;font-size:24px;text-anchor:middle;position:absolute;} /*Page*/ .page {user-select:none;} .page ul {margin:0;padding:0;list-style:none;display:flex;margin-left:.05rem;} .page ul li {font-size:0;list-style:none;display:inline-block;border:1px solid #d9d9d9;margin-left:-.05rem;} .page ul li:first-child,.page ul li:first-child a {border-radius:.1rem 0 0 .1rem;} .page ul li:last-child,.page ul li:last-child a {border-radius:0 .1rem .1rem 0;} .page ul li a {font-size:.8rem;display:block;padding:0 .75rem;line-height:1.75rem;color:#444;background:#fff;} .page ul li a:not([href]) {color:#999;cursor:not-allowed;} .page ul li.active {border-color:#1890FF;background:#1890FF;} .page ul li.active a {color:#fff;background:#1890FF;} .page ul li.active a:hover {background:#1890FF;} .page ul li:hover a {background:#f9f9f9;} .page-red ul li.active {border-color:#ED4014;background:#ED4014;} .page-red ul li.active a {background:#ED4014;} .page-red ul li.active a:hover {background:#ED4014;} .page-yellow ul li.active {border-color:#F37B1D;background:#F37B1D;} .page-yellow ul li.active a {background:#F37B1D;} .page-yellow ul li.active a:hover {background:#F37B1D;} .page-green ul li.active {border-color:#19BE6B;background:#19BE6B;} .page-green ul li.active a {background:#19BE6B;} .page-green ul li.active a:hover {background:#19BE6B;} .page-info ul li.active {border-color:#2DB7F5;background:#2DB7F5;} .page-info ul li.active a {background:#2DB7F5;} .page-info ul li.active a:hover {background:#2DB7F5;} .page-mid ul li {margin-right:.3rem;} .page-mid ul li {border-radius:.1rem;} .page-mid ul li:first-child,.page-mid ul li:last-child {border-radius:.1rem;} .page-center ul {display:flex;justify-content:center;align-items:center;} .page-right ul {display:flex;justify-content:flex-end;} .page-right {display:flex;} .page-right .page-other {flex:1;justify-content:flex-start;align-items:center;display:flex;} /*Progress*/ .progress {background:#e4eaec;height:.5rem;overflow:hidden;display:flex;} .progress .progress-bar {background:#1890FF;display:flex;font-size:.6rem;color:#fff;justify-content:center;align-items:center;} .progress-radius {border-radius:1rem;} .progress-radius .progress-bar {border-radius:1rem 0 0 1rem;} .progress-lt {height:.1rem;} .progress-sm {height:.2rem;} .progress-big {height:.75rem;} .progress-lg {height:1.1rem;} .progress-red .progress-bar {background:#ED4014;} .progress-yellow .progress-bar {background:#F37B1D;} .progress-green .progress-bar {background:#19BE6B;} .progress-info .progress-bar {background:#2DB7F5;} .progress-striped .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:progress-bar-active 2s linear infinite normal;animation:progress-bar-active 2s linear infinite normal} @-webkit-keyframes progress-bar-active { from {background-position:1.5rem 0} to {background-position:0 0} } @keyframes progress-bar-active { from {background-position:1.5rem 0} to {background-position:0 0} } /*Step*/ .step-wrap {position:relative;overflow:hidden;z-index:20;} .step-wrap .step-bg,.step-wrap .step-progress {height:0.2rem;position:absolute;top:.85rem;left:0;} .step-wrap .step-bg {width:100%;background:#ccd5db;} .step-wrap .step-progress {width:0;background:#1890FF;} .ui-step {font-size:0;display:flex;position:relative;} .step-item {font-size:.75rem;color:#595959;text-align:center;flex:1;position:relative;} .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;} .step-title {line-height:1.6rem;color:#999;} .step-item.active .step-num {background:#fff;color:#1890FF;border-color:#3e8ef7;} .step-item.active .step-title {color:#1890FF;} .step-bottom .step-bg,.step-bottom .step-progress {top:2.4rem;} .step-red .step-progress {background:#ED4014;} .step-red .step-item.active .step-num {color:#ED4014;border-color:#ED4014;} .step-red .step-item.active .step-title {color:#ED4014;} .step-yellow .step-progress {background:#F37B1D;} .step-yellow .step-item.active .step-num {color:#F37B1D;border-color:#F37B1D;} .step-yellow .step-item.active .step-title {color:#F37B1D;} .step-green .step-progress {background:#19BE6B;} .step-green .step-item.active .step-num {color:#19BE6B;border-color:#19BE6B;} .step-green .step-item.active .step-title {color:#19BE6B;} .step-info .step-progress {background:#2DB7F5;} .step-info .step-item.active .step-num {color:#2DB7F5;border-color:#2DB7F5;} .step-info .step-item.active .step-title {color:#2DB7F5;} .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 {} .star-item {font-size:1rem;font-family:宋体;display:inline-block;color:#999;cursor:pointer;} .star-item i {font-size:1rem;} .star-item:hover {color:#f30;} .star-full {color:#f30;} .star-active {color:#f30;} /*Scroll*/ .ui-scroll {overflow:hidden;position:relative;} .scroll-warp {width:100%;} /*Table*/ .table-wrap {overflow-y:auto;width:100%;margin-bottom:10px;} .table {width:100%;} .table th {padding:.5rem .75rem;white-space:nowrap;border-bottom:.1rem solid #eee;white-space:nowrap;} .table td {padding:.5rem .75rem;border-bottom:1px solid #eee;font-size:.75rem;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;min-height:2rem;} .table .thead-dark {background:#697076;} .table .thead-dark th {color:#fff;border-color:#697076;} .table .thead-gray {background:#fafafa;} .table .thead-gray th {border-color:#eee;} .table-border,.table-border th,.table-border td {border:1px solid #eee;text-align:center;} .table .text-left {text-align:left;} .table .text-right {text-align:right;} .table-hover tr:hover {background:#EBF7FF;} .table-striped tr:nth-child(even) {background:#FBFDFF;} .table-striped tr:nth-child(even):hover {background:#EBF7FF;} .table .thead-dark tr:hover {background:#697076;} .table .thead-gray tr:hover {background:#fafafa;} .table td .switch {margin-top:.25rem;} .table td [class*=ui-icon-] {font-size:.95rem;} .table td a [class*=ui-icon-] {color:#999;} .table td a:hover [class*=ui-icon-] {color:#f30;} .table td del {color:#999;} .table .ui-active {background:#EBF7FF;} .table .ui-active tr:hover {background:#EBF7FF;} .table .border-left-none {border-left:0;} .table .border-right-none {border-right:0;} .table td .image {border:1px solid #f3f3f3;width:64px;vertical-align:text-top;margin-right:15px;float:left;padding:2px;} .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*/ .tabs {} .tabs:after {display:table;content:" ";clear:both;} .tabs-nav {border-bottom:0 solid #e4eaec;font-size:0;flex:1;} .tabs-nav li {display:inline-block;margin-right:.5rem;} .tabs-nav li a {display:block;color:#76838F;padding:.5rem .2rem;font-size:.75rem;} .tabs-nav li a:hover {color:#1890FF;} .tabs-nav li:hover {} .tabs-nav li.active {border-bottom:.1rem solid #3E8EF7;} .tabs-nav li.active a {color:#1890FF;} .tabs-content {padding:0;} .tabs-content .tabs-pane {display:none;} .tabs-content .tabs-pane img {max-width:100%;} .tabs-pane.active {display:block;} .tabs-vertical .tabs-nav {flex-direction:column;float:left;border-right:1px solid #e4eaec;border-bottom:none} .tabs-vertical .tabs-nav li {display:flex;margin:0;} .tabs-vertical .tabs-nav li a {padding:.5rem .8rem;} .tabs-vertical .tabs-nav li.active {border:0;border-right:.1rem solid #3E8EF7;} .tabs-vertical .tabs-nav li:hover {border:0;} .tabs-vertical .tabs-content {padding:0 1rem;display:flex;} .tabs-white .tabs-nav {border:0;} .tabs-white .tabs-nav li {margin:0;} .tabs-white .tabs-nav li a {padding:.5rem .8rem;} .tabs-white .tabs-nav li:hover {border:0;} .tabs-white .tabs-nav li.active {border:0;background:#fff;border-radius:.2rem .2rem 0 0;font-weight:normal;} .tabs-white .tabs-nav li.active a {color:#444;} .tabs-white .tabs-content {border:0;background:#fff;padding:1rem;} .tabs-header-nav {display:flex;border-bottom:1px solid #eaeaea;} .tabs-header-more {align-items:center;justify-content:flex-end;display:flex;} .tabs-header-subject {display:flex;} .tabs-header-subject .tabs-header-title {align-items:center;justify-content:flex-start;display:flex;flex:1;font-size:.9rem;font-weight:400;} .tabs-header-subject .tabs-nav {justify-content:flex-end;display:flex;} .tabs-header-subject .tabs-nav li {margin-left:.5rem;margin-right:0;} .tabs-content .tabs-pane .tabs-nav li.active {display:inline-block;} /*Tips*/ .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:30rem;font-size:.65rem;line-height:1.6;word-break:break-all;z-index:99999;} .tips-show img {max-width:100%;border:1px solid #f3f3f3;margin:.4rem 0;} .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;} .tips-left:after {right:-.3rem;top:50%;transform:translateY(-50%) rotate(-225deg);} .tips-top:after {left:50%;top:100%;transform:translateX(-50%) translateY(-50%) rotate(-140deg);} .tips-right:after {left:-.3rem;top:50%;transform:translateY(-50%) rotate(-45deg);} .tips-bottom:after {left:50%;top:0;transform:translateX(-50%) translateY(-50%) rotate(45deg);} .tips-bottom-left:after {left:.5rem;top:0;transform:translateY(-50%) rotate(45deg);} .tips-top-left:after {left:.5rem;top:100%;transform:translateY(-50%) rotate(-140deg);} .tips-right-top:after {left:-.25rem;top:.75rem;transform:translateY(-50%) rotate(-45deg);} .tips-red {background:#ED4014;color:#fff;border:0;} .tips-red:after {background:#ED4014;border:0;} .tips-title {line-height:2rem;background:#f3f3f3;text-align:center;font-size:.65rem;} .tips-red {background:#ED4014;border-color:#ED4014;color:#fff;} .tips-red:after {border-color:#ED4014;background:#ED4014;} .tips-yellow {background:#F37B1D;border-color:#F37B1D;color:#fff;} .tips-yellow:after {border-color:#F37B1D;background:#F37B1D;} .tips-blue {background:#1890FF;border-color:#1890FF;color:#fff;} .tips-blue:after {border-color:#1890FF;background:#1890FF;} .tips-green {background:#19BE6B;border-color:#19BE6B;color:#fff;} .tips-green:after {border-color:#19BE6B;background:#19BE6B;} .tips-info {background:#2DB7F5;border-color:#2DB7F5;color:#fff;} .tips-info:after {border-color:#2DB7F5;background:#2DB7F5;} .tips-black {background:#000;border-color:#000;color:#fff;} .tips-black:after {border-color:#000;background:#000;} /*Toast*/ .toast-warp {z-index:998;pointer-events:none;position:fixed;} .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:999;} .toast-header {display:flex;align-items:center;padding:0.5rem 0.8rem;border-bottom:1px solid rgba(0,0,0,0.05);} .toast-header .toast-title {flex:1;font-size:.7rem;color:#6c757d;} .toast-header .toast-close {justify-content:flex-end;align-items:center;font-size:1rem;cursor:pointer;font-weight:700;line-height:1;color:#999;} .toast-header .toast-close:hover {color:#000;} .toast-body {padding:.5rem .75rem;font-size:.7rem;} .toast-body span {font-size:1.2rem;vertical-align:middle;margin-right:.5rem;} .toast-body .success {color:#19BE6B;} .toast-body .error {color:#ED4014;} .toast-body .warn {color:#F37B1D;} .toast-body .loading {color:#1890FF;} .progress-toast {background:#f5f5f5;} .progress-toast .progress-bar {background:#40a9ff;} .progress-toast .progress-success {background:#19BE6B;opacity:.6;} .progress-toast .progress-error {background:#ED4014;opacity:.6;} .progress-toast .progress-warn {background:#F37B1D;opacity:.6;} .progress-toast .progress-loading {background:#ED4014;} .toast-warp-top-left {left:0;top:0;} .toast-warp-top-right {right:0;top:0;} .toast-warp-top-center {top:0;display:flex;width:100%;flex-direction:column;text-align:center;} .toast-warp-bottom-left {left:0;bottom:0;} .toast-warp-bottom-right {right:0;bottom:0;} .toast-warp-bottom-center {bottom:0;left:0;display:flex;width:100%;flex-direction:column;text-align:center;} .toast-warp-top-left .toast,.toast-warp-top-right .toast,.toast-warp-bottom-left .toast,.toast-warp-bottom-right .toast {margin:.5rem;} .toast-warp-top-center .toast {margin:.5rem auto .25rem auto;} .toast-warp-bottom-center .toast {margin:.25rem auto .5rem auto;} .toast-red {background:#ED4014;color:#fff;} .toast-red .toast-header {border-color:#F16643;} .toast-red .toast-header .toast-title {color:#fff;} .toast-red .toast-header .toast-close {color:#fff;} .toast-red .toast-header .toast-close:hover {color:#fff;} .toast-red .ui-icon-font.success,.toast-red .ui-icon-font.error,.toast-red .ui-icon-font.warn {color:#fff;} .toast-yellow {background:#FF6C47;color:#fff;} .toast-yellow .toast-header {border-color:#FB882D;} .toast-yellow .toast-header .toast-title {color:#fff;} .toast-yellow .toast-header .toast-close {color:#fff;} .toast-yellow .toast-header .toast-close:hover {color:#fff;} .toast-yellow .ui-icon-font.success,.toast-yellow .ui-icon-font.error,.toast-yellow .ui-icon-font.warn {color:#fff;} .toast-blue {background:#1890FF;color:#fff;} .toast-blue .toast-header {border-color:#40A9FF;} .toast-blue .toast-header .toast-title {color:#fff;} .toast-blue .toast-header .toast-close {color:#fff;} .toast-blue .toast-header .toast-close:hover {color:#fff;} .toast-blue .ui-icon-font.success,.toast-blue .ui-icon-font.error,.toast-blue .ui-icon-font.warn {color:#fff;} .toast-green {background:#19BE6B;color:#fff;} .toast-green .toast-header {border-color:#47CB89;} .toast-green .toast-header .toast-title {color:#fff;} .toast-green .toast-header .toast-close {color:#fff;} .toast-green .toast-header .toast-close:hover {color:#fff;} .toast-green .ui-icon-font.success,.toast-green .ui-icon-font.error,.toast-green .ui-icon-font.warn {color:#fff;} .toast-info {background:#2DB7F5;color:#fff;} .toast-info .toast-header {border-color:#57C5F7;} .toast-info .toast-header .toast-title {color:#fff;} .toast-info .toast-header .toast-close {color:#fff;} .toast-info .toast-header .toast-close:hover {color:#fff;} .toast-info .ui-icon-font.success,.toast-info .ui-icon-font.error,.toast-info .ui-icon-font.warn {color:#fff;} .toast-red .progress-toast {background:none;} .toast-red .progress-toast .progress-bar {background:rgba(255,255,255,.4);} .toast-red .progress-toast {background:none;} .toast-red .progress-toast .progress-bar {background:rgba(255,255,255,.4);} .toast-yellow .progress-toast {background:none;} .toast-yellow .progress-toast .progress-bar {background:rgba(255,255,255,.4);} .toast-blue .progress-toast {background:none;} .toast-blue .progress-toast .progress-bar {background:rgba(255,255,255,.4);} .toast-green .progress-toast {background:none;} .toast-green .progress-toast .progress-bar {background:rgba(255,255,255,.4);} .toast-info .progress-toast {background:none;} .toast-info .progress-toast .progress-bar {background:rgba(255,255,255,.4);} /*TimeLine*/ .timeline {} .timeline-item {padding:0 0 1rem 2rem;position:relative;} .timeline-item:last-child {padding-bottom:0;} .timeline-item:before {content:" ";width:1px;display:block;background:#eee;height:100%;position:absolute;top:.25rem;left:.5rem;} .timeline-dot {position:absolute;width:1rem;height:1rem;border-radius:50%;border:.1rem solid #1890FF;left:0;top:.2rem;background:#fff;} .timeline-title {font-size:.9rem;margin-bottom:.5rem;padding:0;} .timeline-text {font-size:.7rem;line-height:1.1rem;color:#666;} .timeline-red .timeline-dot {border-color:#ED4014;} .timeline-yellow .timeline-dot {border-color:#F37B1D;} .timeline-blue .timeline-dot {border-color:#1890FF;} .timeline-green .timeline-dot {border-color:#19BE6B;} .timeline-info .timeline-dot {border-color:#2DB7F5;} /*address*/ .ui-address {z-index:100;} .ui-address .col-4 {border-left:1px solid #eaeaea;overflow:hidden;} .ui-address .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) { .modal,.dialog {max-width:95%;} .step-wrap .step-bg,.step-wrap .step-progress {height:0.1rem;} .step-num {width:1.5rem;height:1.5rem;font-size:.8rem;line-height:1.3rem;} .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);} .page ul li a {font-size:.6rem;padding:0 .6rem;line-height:1.5rem;} .piclist-price strong {font-size:.75rem;font-weight:normal;} } .mwidth {width:100%;max-width:640px;margin:0 auto;} /*Topbar*/ .topbar {display:flex;padding:.45rem .8rem;background:#1890FF;justfiy-content:center;align-items:center;} .topbar-logo {padding:0 .5rem .25rem 0;} .topbar-logo a {color:#fff;} .topbar-search {flex:1;justify-content:flex-end;color:#fff;text-align:right;padding-right:1rem;position:relative;} .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;} .topbar-search button {position:absolute;background:none;width:1.5rem;border:0;top:0;right:.5rem;top:.1rem;} .topbar-search button:focus {border:0;} .topbar-search button i {color:#999;} .topbar-search-layout {flex:1;justify-content:flex-end;text-align:right;padding-right:1rem;position:relative;} .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;} .topbar-search-layout i {position:absolute;top:10%;right:.75rem;color:#999;} .topbar-three {justify-content:space-between;} .topbar-left {color:#fff;min-width:1rem;cursor:pointer;} .topbar-left a {color:#fff;} .topbar-title {color:#fff;font-size:.8rem;padding:0 1rem;} .topbar-right {color:#fff;min-width:1rem;} .topbar-right a {color:#fff;} .topbar-red {background:#ED4014;} .topbar-yellow {background:#F37B1D;} .topbar-blue {background:#1890FF;} .topbar-green {background:#19BE6B;} .topbar-info {background:#2DB7F5;} .topbar-black {background:#222;} .topbar-white {background:#fff;} .topbar-white .topbar-left a {color:#333;} .topbar-white .topbar-title {color:#333;} .topbar-white .topbar-right {color:#333;} .topbar-white .topbar-right a {color:#333;} .topbar-opacity {background:none;z-index:999;position:relative;} .topbar-opacity .topbar-left a {color:#fff;background:rgba(51,51,51,.2);padding:5px;border-radius:50%;} .topbar-opacity .topbar-right a {color:#fff;background:rgba(51,51,51,.2);padding:5px;border-radius:50%;} .topbar-opacity .topbar-title ul {list-style:none;display:none;margin-bottom:-.3rem;} .topbar-opacity .topbar-title ul li {font-size:13px;padding:0 8px;} .topbar-opacity .topbar-title ul li a {border-bottom:2px solid transparent;display:flex;padding-bottom:5px;} .topbar-opacity .topbar-title ul li.active a {border-bottom-color:#1890FF;color:#1890FF;} .topbar-show {background:#fff;transition:background 1s;border-bottom:1px solid #eee;box-shadow:1px 1px 10px rgba(0,0,0,.1);} .topbar-show .topbar-left {font-size:.8rem;color:#333;} .topbar-show .topbar-left a {color:#333;background:#fff;transition:background 1s;padding:5px;font-size:.8rem;} .topbar-show .topbar-right a {color:#333;background:#fff;transition:background 1s;padding:5px;} .topbar-show .topbar-title {color:#333;} .topbar-show .topbar-title ul {display:flex;} /*Footbar*/ .footbar {display:flex;background:#fff;box-shadow:1px -2px 10px 0px rgba(0,0,0,0.05);justfily-content:center;align-items:center;} .footbar-left {display:flex;} .footbar-left a {line-height:1rem;padding:.4rem .8rem;text-align:center;border-right:1px solid #eee;display:block;font-size:.6rem;} .footbar-left a:last-child {border:0;} .footbar-left a i {display:block;font-size:1.1rem;} .footbar-left a:first-child {color:#f30;} .footbar-left a:last-child {color:#999;} .footbar-right {flex:1;display:flex;} .footbar-right a,.footbar-right button {flex:1;background:#f90;display:block;padding:.75rem 0;color:#fff;text-align:center;font-size:.75rem;border:0;} .footbar-right a:last-child,.footbar-right button:last-child {background:#ED4014;} .footbar a.disabled {background:#f3f3f3;cursor:not-allowed;color:#999;} /*Footnav*/ .footnav {display:flex;background:#fff;box-shadow:1px -2px 10px 0px rgba(0,0,0,0.05);justfily-content:center;align-items:center;} .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;} .footnav a:last-child {border:0;} .footnav a i {display:block;font-size:1rem;color:#666;} .footnav a .badge {position:absolute;top:.2rem;} .footnav a.active {color:#1890FF;} .footnav a.active i {color:#1890FF;} .footnav-red a.active {color:#ED4014;} .footnav-red a.active i {color:#ED4014;} .footnav-yellow a.active {color:#F37B1D;} .footnav-yellow a.active i {color:#F37B1D;} .footnav-blue a.active {color:#1890FF;} .footnav-blue a.active i {color:#1890FF;} .footnav-green a.active {color:#19BE6B;} .footnav-green a.active i {color:#19BE6B;} .footnav-info a.active {color:#2DB7F5;} .footnav-info a.active i {color:#2DB7F5;} .footnav-bg-red {background:#ED4014;} .footnav-bg-red a {color:#fff;border-right-color:rgba(255,255,255,.2);} .footnav-bg-red a i {color:#fff;} .footnav-bg-red a.active,.footnav-bg-red a.active i {color:#ff0;} .footnav-bg-yellow {background:#F37B1D;} .footnav-bg-yellow a {color:#fff;border-right-color:rgba(255,255,255,.2);} .footnav-bg-yellow a i {color:#fff;} .footnav-bg-yellow a.active,.footnav-bg-yellow a.active i {color:#ff0;} .footnav-bg-blue {background:#1890FF;} .footnav-bg-blue a {color:#fff;border-right-color:rgba(255,255,255,.2);} .footnav-bg-blue a i {color:#fff;} .footnav-bg-blue a.active,.footnav-bg-blue a.active i {color:#ff0;} .footnav-bg-green {background:#19BE6B;} .footnav-bg-green a {color:#fff;border-right-color:rgba(255,255,255,.2);} .footnav-bg-green a i {color:#fff;} .footnav-bg-green a.active,.footnav-bg-green a.active i {color:#ff0;} .footnav-bg-info {background:#2DB7F5;} .footnav-bg-info a {color:#fff;border-right-color:rgba(255,255,255,.2);} .footnav-bg-info a i {color:#fff;} .footnav-bg-info a.active,.footnav-bg-info a.active i {color:#ff0;} .footnav-bg-black {background:#444;} .footnav-bg-black a {color:#fff;border-right-color:rgba(255,255,255,.2);} .footnav-bg-black a i {color:#fff;} .footnav-bg-black a.active,.footnav-bg-black a.active i {color:#ff0;} /*常用*/ .w-100 {width:100%;} .w-auto {width:auto;} .h-25 {height:25%;} .h-50 {height:50%;} .h-75 {height:75%;} .h-100 {height:100%;} .h-auto {height:auto;} .mw-100 {max-width:100%;} .mh-100 {max-height:100%;} .min-vw-100 {min-width:100vw;} .min-vh-100 {min-height:100vh;} .min-100 {min-height:100px;} .min-200 {min-height:200px;} .min-300 {min-height:300px;} .min-400 {min-height:400px;} .vw-100 {width:100vw;} .vh-100 {height:100vh;} .p {padding:.5rem;} .p-0 {padding:0;} .p-sm {padding:.25rem;} .p-10 {padding:.5rem;} .p-15 {padding:.75rem;} .p-20 {padding:1rem;} .p-30 {padding:1.5rem;} .p-40 {padding:2rem;} .pt {padding-top:.5rem;} .pt-0 {padding-top:0!important;} .pt-sm {padding-top:.25rem;} .pt-10 {padding-top:.5rem;} .pt-15 {padding-top:.75rem;} .pt-20 {padding-top:1rem!important;} .pt-30 {padding-top:1.5rem;} .pt-40 {padding-top:2rem;} .pb {padding-bottom:.5rem;} .pb-0 {padding-bottom:0!important;} .pb-sm {padding-bottom:.25rem;} .pb-10 {padding-bottom:.5rem;} .pb-15 {padding-bottom:.75rem;} .pb-20 {padding-bottom:1rem;} .pl {padding-left:.5rem;} .pl-0 {padding-left:0;} .pl-sm {padding-left:.25rem;} .pl-10 {padding-left:.5rem;} .pl-15 {padding-left:.75rem;} .pl-20 {padding-left:1rem;} .pl-30 {padding-left:1.5rem;} .pl-40 {padding-left:2rem;} .pr {padding-right:.5rem;} .pr-0 {padding-right:0;} .pr-sm {padding-right:.25rem;} .pr-10 {padding-right:.5rem;} .pr-15 {padding-right:.75rem;} .pr-20 {padding-right:1rem;} .pr-30 {padding-right:1.5rem;} .pr-40 {padding-right:2rem;} .m {margin:.5rem;} .m-0 {margin:0;} .m-sm {margin:.25rem;} .m-10 {margin:.5rem;} .m-15 {margin:.75rem;} .m-20 {margin:1rem;} .m-30 {margin:1.5rem;} .m-40 {margin:2rem;} .mt {margin-top:.5rem;} .mt-0 {margin-top:0;} .mt-sm {margin-top:.25rem;} .mt-10 {margin-top:.5rem;} .mt-15 {margin-top:.75rem;} .mt-20 {margin-top:1rem;} .mt-30 {margin-top:1.5rem;} .mt-40 {margin-top:2rem;} .mt-50 {margin-top:2.5rem;} .mt-60 {margin-top:3rem;} .mt-70 {margin-top:3.5rem;} .mt-80 {margin-top:4rem;} .mt-90 {margin-top:4.5rem;} .mt-100 {margin-top:5rem;} .mb {margin-bottom:.5rem;} .mb-0 {margin-bottom:0;} .mb-sm {margin-bottom:.25rem;} .mb-10 {margin-bottom:.5rem;} .mb-15 {margin-bottom:.75rem;} .mb-20 {margin-bottom:1rem;} .mb-30 {margin-bottom:1.5rem;} .mb-40 {margin-bottom:2rem;} .ml {margin-left:.5rem;} .ml-0 {margin-left:0;} .ml-sm {margin-left:.25rem;} .ml-10 {margin-left:.5rem;} .ml-15 {margin-left:.75rem;} .ml-20 {margin-left:1rem;} .ml-30 {margin-left:1.5rem;} .ml-40 {margin-left:2rem;} .mr {margin-right:.5rem;} .mr-0 {margin-right:0!important;} .mr-sm {margin-right:.25rem;} .mr-10 {margin-right:.5rem;} .mr-15 {margin-right:.75rem!important;} .mr-20 {margin-right:1rem;} .mr-30 {margin-right:1.5rem;} .mr-40 {margin-right:2rem;} .fl {float:left;} .fr {float:right;} .clear {clear:both;} .show {display:block;} .hide {display:none;} .dz-message {display:none;height:0;} .dz-preview {display:none;} @media print { .ui-print-hide {display:none!important} } .bd {border:1px solid #eaeaea;} .bg-white {background:#fff;} .bg-gray {background:#f6f6f6;} .bg-red {background:#ED4014;} .bg-yellow {background:#F37B1D;} .bg-blue {background:#1890FF;} .bg-green {background:#19BE6B;} .bg-info {background:#2DB7F5;} .bg-info {background:#2DB7F5;} /*字体颜色*/ .text-red {color:#ED4014;} .text-yellow {color:#F37B1D;} .text-blue {color:#1890FF;} .text-green {color:#19BE6B;} .text-info {color:#2DB7F5;} .text-white {color:#fff;} .text-black {color:#000;} .text-gray {color:#999;} /*对齐方式*/ .text-left {text-align:left;} .text-center {text-align:center;} .text-right {text-align:right;} /*字体大小*/ .font-10 {font-size:.5rem;} .font-12 {font-size:.6rem;} .font-13 {font-size:.65rem;} .font-14 {font-size:.7rem;} .font-15 {font-size:.75rem;} .font-16 {font-size:.8rem;} .font-17 {font-size:.85rem;} .font-18 {font-size:.9rem;} .font-20 {font-size:1rem;} .font-22 {font-size:1.1rem;} .font-24 {font-size:1.2rem;} .font-26 {font-size:1.3rem;} .font-28 {font-size:1.4rem;} .font-30 {font-size:1.5rem;} .font-32 {font-size:1.6rem;} .font-36 {font-size:1.8rem;} .font-38 {font-size:1.9rem;} .font-40 {font-size:2rem;} /*间距*/ .height-auto {line-height:normal;} .height-18 {line-height:.9rem;} .height-20 {line-height:1rem;} .height-22 {line-height:1.1rem;} .height-24 {line-height:1.2rem;} .height-26 {line-height:1.3rem;} .height-28 {line-height:1.4rem;} .height-30 {line-height:1.5rem;} /*超出省略*/ .text-hide {overflow:hidden;white-space:nowrap;text-overflow:ellipsis;} /*以下仅在Chrome内核浏览器中生效，其他浏览器：需要配置行高和高度使用*/ .text-hide-2,.text-hide-3,.text-hide-4,.text-hide-5,.text-hide-6 {display:-webkit-box;-webkit-box-orient:vertical;overflow:hidden;text-overflow:ellipsis;} .text-hide-2 {-webkit-line-clamp:2;} .text-hide-3 {-webkit-line-clamp:3;} .text-hide-4 {-webkit-line-clamp:4;} .text-hide-5 {-webkit-line-clamp:5;} .text-hide-6 {-webkit-line-clamp:6;} .radius {border-radius:50%;} .radius img,.radius svg {border-radius:50%;} .radius-sm {border-radius:.02rem;} .disabled,button:disabled {cursor:not-allowed;} /*Animal*/ .scrollspy {opacity:0;} .rotate {-webkit-animation:2s infinite linear;-moz-animation:2s infinite linear;-ms-animation:2s infinite linear;animation:2s infinite linear;} .rotate:hover {-webkit-animation-name:a-rotate;-moz-animation-name:a-rotate;-ms-animation-name:a-rotate;animation-name:a-rotate} @-webkit-keyframes a-rotate {0% {-webkit-transform:rotate(0deg)} 100% { -webkit-transform:rotate(359deg)} } @-moz-keyframes a-rotate { 0% {-moz-transform:rotate(0deg)} 100% {-moz-transform:rotate(359deg)} } @-ms-keyframes a-rotate { 0% {-ms-transform:rotate(0deg)} 100% {-ms-transform:rotate(359deg)} } @keyframes a-rotate { 0% {transform:rotate(0deg)} 100% {transform:rotate(359deg)} } [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:fade;animation-name: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:fade-out;animation-name: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:scale-up;animation-name:scale-up;} .ui-am-scale-down {-webkit-animation-name:scale-down;animation-name:scale-down;} .ui-am-slide-top {-webkit-animation-name:slide-top;animation-name:slide-top;} .ui-am-slide-bottom {-webkit-animation-name:slide-bottom;animation-name:slide-bottom;} .ui-am-slide-left {-webkit-animation-name:slide-left;animation-name:slide-left;} .ui-am-slide-right {-webkit-animation-name:slide-right;animation-name:slide-right;} .ui-am-slide-top-fixed {-webkit-animation-name:slide-top-fixed;animation-name:slide-top-fixed;} .ui-am-shake {-webkit-animation-name:shake;animation-name:shake;} .ui-am-spin {-webkit-animation:spin 2s infinite linear;animation:spin 2s infinite linear;} .ui-am-left-spring {-webkit-animation:left-spring 0.3s ease-in-out;animation:left-spring 0.3s ease-in-out;} .ui-am-right-spring {-webkit-animation:right-spring 0.3s ease-in-out;animation: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;} @-webkit-keyframes fade { 0% {opacity:0;} 100% {opacity:1;} } @keyframes fade { 0% {opacity:0;} 100% {opacity:1;} } @-webkit-keyframes fade-out { 0% {opacity:1;} 100% {opacity:0;} } @keyframes fade-out { 0% {opacity:1;} 100% {opacity:0;} } @-webkit-keyframes 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 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 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 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 slide-top { 0% {opacity:0;-webkit-transform:translateY(-100%);transform:translateY(-100%);} 100% {opacity:1;-webkit-transform:translateY(0);transform:translateY(0);} } @keyframes slide-top { 0% {opacity:0;-webkit-transform:translateY(-100%);transform:translateY(-100%);} 100% {opacity:1;-webkit-transform:translateY(0);transform:translateY(0);} } @-webkit-keyframes slide-bottom { 0% {opacity:0;-webkit-transform:translateY(100%);transform:translateY(100%);} 100% {opacity:1;-webkit-transform:translateY(0);transform:translateY(0);} } @keyframes slide-bottom { 0% {opacity:0;-webkit-transform:translateY(100%);transform:translateY(100%);} 100% {opacity:1;-webkit-transform:translateY(0);transform:translateY(0);} } @-webkit-keyframes slide-left { 0% {opacity:0;-webkit-transform:translateX(-100%);transform:translateX(-100%)} 100% {opacity:1;-webkit-transform:translateX(0);transform:translateX(0)} } @keyframes slide-left { 0% {opacity:0;-webkit-transform:translateX(-100%);transform:translateX(-100%)} 100% {opacity:1;-webkit-transform:translateX(0);transform:translateX(0)} } @-webkit-keyframes slide-right { 0% {opacity:0;-webkit-transform:translateX(100%);transform:translateX(100%)} 100% {opacity:1;-webkit-transform:translateX(0);transform:translateX(0)} } @keyframes slide-right { 0% {opacity:0;-webkit-transform:translateX(100%);transform:translateX(100%)} 100% {opacity:1;-webkit-transform:translateX(0);transform:translateX(0)} } @-webkit-keyframes 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 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 slide-top-fixed { 0% {opacity:0;-webkit-transform:translateY(-10px);transform:translateY(-10px)} 100% {opacity:1;-webkit-transform:translateY(0);transform:translateY(0)} } @keyframes 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 slide-bottom-fixed { 0% {opacity:0;-webkit-transform:translateY(10px);transform:translateY(10px)} 100% {opacity:1;-webkit-transform:translateY(0);transform:translateY(0)} } @keyframes 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 spin { 0% {-webkit-transform:rotate(0);transform:rotate(0)} 100% {-webkit-transform:rotate(359deg);transform:rotate(359deg)} } @keyframes spin { 0% {-webkit-transform:rotate(0);transform:rotate(0)} 100% {-webkit-transform:rotate(359deg);transform:rotate(359deg)} } @-webkit-keyframes 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 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 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 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)} } .ui-loading {width:1rem;height:1rem;display:inline-block;vertical-align:middle;-webkit-animation:f 1s steps(12) infinite;animation:f 1s steps(12) infinite;background:transparent url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='120' height='120' viewBox='0 0 100 100'%3E%3Cpath fill='none' d='M0 0h100v100H0z'/%3E%3Crect width='7' height='20' x='46.5' y='40' fill='%23E9E9E9' rx='5' ry='5' transform='translate(0 -30)'/%3E%3Crect width='7' height='20' x='46.5' y='40' fill='%23989697' rx='5' ry='5' transform='rotate(30 105.98 65)'/%3E%3Crect width='7' height='20' x='46.5' y='40' fill='%239B999A' rx='5' ry='5' transform='rotate(60 75.98 65)'/%3E%3Crect width='7' height='20' x='46.5' y='40' fill='%23A3A1A2' rx='5' ry='5' transform='rotate(90 65 65)'/%3E%3Crect width='7' height='20' x='46.5' y='40' fill='%23ABA9AA' rx='5' ry='5' transform='rotate(120 58.66 65)'/%3E%3Crect width='7' height='20' x='46.5' y='40' fill='%23B2B2B2' rx='5' ry='5' transform='rotate(150 54.02 65)'/%3E%3Crect width='7' height='20' x='46.5' y='40' fill='%23BAB8B9' rx='5' ry='5' transform='rotate(180 50 65)'/%3E%3Crect width='7' height='20' x='46.5' y='40' fill='%23C2C0C1' rx='5' ry='5' transform='rotate(-150 45.98 65)'/%3E%3Crect width='7' height='20' x='46.5' y='40' fill='%23CBCBCB' rx='5' ry='5' transform='rotate(-120 41.34 65)'/%3E%3Crect width='7' height='20' x='46.5' y='40' fill='%23D2D2D2' rx='5' ry='5' transform='rotate(-90 35 65)'/%3E%3Crect width='7' height='20' x='46.5' y='40' fill='%23DADADA' rx='5' ry='5' transform='rotate(-60 24.02 65)'/%3E%3Crect width='7' height='20' x='46.5' y='40' fill='%23E2E2E2' rx='5' ry='5' transform='rotate(-30 -5.98 65)'/%3E%3C/svg%3E") no-repeat;background-size:100%} @-webkit-keyframes f { 0% {-webkit-transform:rotate(0deg);transform:rotate(0deg)} to {-webkit-transform:rotate(1turn);transform:rotate(1turn)} } @keyframes f { 0% {-webkit-transform:rotate(0deg);transform:rotate(0deg)} to {-webkit-transform:rotate(1turn);transform:rotate(1turn)} }