:root { --red:#ff4837; --red-hover:#F64041; --red-shadow:2px 2px 10px 0 rgba(255,72,55,0.2); --yellow:#FF6F27; --yellow-hover:#FF7200; --yellow-shadow:2px 2px 10px 0 rgba(255,128,55,0.2); --blue:#2E95FF; --blue-hover:#40A9FF; --blue-shadow:2px 2px 10px 0 rgba(24,144,255,0.2); --green:#19BE6B; --green-hover:#47CB89; --green-shadow:2px 2px 10px 0 rgba(25,190,107,0.2); --info:#2DB7F5; --info-hover:#57C5F7; --info-shadow:2px 2px 10px 0 rgba(45,183,245,0.2); --gray-border:#e0e0e0; --gray-shadow:0 1px 5px rgba(0,0,0,0.07); --mask:rgba(0,0,0,.15); } body{font-family:PingFang SC,Microsoft YaHei,Arial Regular;}*,::after,::before{box-sizing:border-box;}html{font-family:sans-serif;}article,aside,figcaption,figure,footer,header,hgroup,main,nav,section{display:block;}body{margin:0;font-size:14px;line-height:1.5;color:#212529;text-align:left;background:#fff;overflow-x:hidden;}[tabindex="-1"]:focus{outline:0}hr{box-sizing:content-box;height:0;overflow:visible;}h1,h2,h3,h4,h5,h6{margin-top:0;margin-bottom:5px;}p{margin:0;}address{margin-bottom:10px;font-style:normal;line-height:inherit;}dl,ol,ul{margin:0;padding:0;}ol ol,ol ul,ul ol,ul ul{margin:0;padding:0;}dt{font-weight:700;}dd{margin-bottom:10px;margin-left:0;}b,strong{font-weight:bold;}small{font-size:80%;}sub,sup{position:relative;font-size:75%;line-height:0;vertical-align:baseline;}sub{bottom:-5px;}sup{top:-10px;}em{font-style:normal;}a{color:#333;text-decoration:none;}a:hover{color:#f30;}figure{margin:0 0 10px;}img{vertical-align:middle;border-style:none;max-width:100%;}table{border-collapse:collapse;}caption{padding:15px auto;color:#6c757d;text-align:left;caption-side:bottom;}th{text-align:inherit}label{display:inline-block;}button{border-radius:0;}button,input,optgroup,select,textarea{margin:0;font-family:inherit;font-size:inherit;line-height:inherit}button,input{overflow:visible}button,select{text-transform:none}input,button,select,textarea{outline:none;}textarea{overflow:auto;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}progress{vertical-align:baseline}form{margin:0;padding:0;}fieldset{margin:15px 0;border:1px solid var(--gray-border);padding:0 20px 20px 20px;border-radius:4px;font-size:15px;line-height:30px;color:#333;}legend{border:0;font-size:16px;width:auto;margin:10px;padding:5px;color:#f30;}hr{display:block;padding:0;border:0;height:0;border-top:1px solid #ddd;} .notsupport{position:fixed;top:0;bottom:0;z-index:99999;width:100%;height:100%;text-align:center;clear:both;color:#fff;background:#0072C6;} .notsupport h1{font-size:100px;margin-top:200px;margin-bottom:30px;} .notsupport h2{font-size:30px;margin-bottom:30px;} @font-face{font-family:"iconfont";src:url('../fonts/iconfont.woff2?v=3') format('woff2'),url('../fonts/iconfont.woff?v=3') format('woff'),url('../fonts/iconfont.ttf?v=3') format('truetype');} [class*=ui-icon-]{font-family:"iconfont";font-size:20px;font-style:normal;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;vertical-align:middle;}[class*=ui-icon-]:before{vertical-align:middle;display:inline-block;margin-bottom:3px;}.ui-icon-square:before{content:"\e6d5";}.ui-icon-rmbs:before{content:"\e61b";}.ui-icon-rmb:before{content:"\e6b0";}.ui-icon-locks:before{content:"\e629";}.ui-icon-cube:before{content:"\e686";}.ui-icon-money:before{content:"\e655";}.ui-icon-shares:before{content:"\e607";}.ui-icon-dollars:before{content:"\eb1a";}.ui-icon-hot:before{content:"\e6b7";}.ui-icon-cubes:before{content:"\e645";}.ui-icon-top:before{content:"\e61e";}.ui-icon-you:before{content:"\e648";}.ui-icon-mans:before{content:"\e62e";}.ui-icon-mian:before{content:"\e62f";}.ui-icon-pei:before{content:"\e631";}.ui-icon-sheng:before{content:"\e635";}.ui-icon-hao:before{content:"\e63d";}.ui-icon-kuai:before{content:"\e63e";}.ui-icon-qi:before{content:"\e644";}.ui-icon-si:before{content:"\e647";}.ui-icon-yous:before{content:"\e649";}.ui-icon-zheng:before{content:"\e64a";}.ui-icon-service:before{content:"\e643";}.ui-icon-cart:before{content:"\e9c8";}.ui-icon-hour24:before{content:"\e71c";}.ui-icon-shake:before{content:"\e83d";}.ui-icon-tag:before{content:"\e83e";}.ui-icon-dropbox:before{content:"\e93e";}.ui-icon-wrench:before{content:"\e83f";}.ui-icon-dingtalk:before{content:"\e93f";}.ui-icon-tags:before{content:"\e840";}.ui-icon-scissor:before{content:"\e841";}.ui-icon-mr:before{content:"\e842";}.ui-icon-share:before{content:"\e843";}.ui-icon-branches:before{content:"\e844";}.ui-icon-qq:before{content:"\e944";}.ui-icon-weixin:before{content:"\e63a";}.ui-icon-fork:before{content:"\e845";}.ui-icon-twitter:before{content:"\e945";}.ui-icon-shrink:before{content:"\e846";}.ui-icon-arrawsalt:before{content:"\e847";}.ui-icon-weibo:before{content:"\e947";}.ui-icon-verticalright:before{content:"\e848";}.ui-icon-verticalleft:before{content:"\e849";}.ui-icon-right:before{content:"\e84a";}.ui-icon-left:before{content:"\e84b";}.ui-icon-up:before{content:"\e84c";}.ui-icon-down:before{content:"\e84d";}.ui-icon-fullscreen:before{content:"\e84e";}.ui-icon-fullscreen-exit:before{content:"\e84f";}.ui-icon-doubleleft:before{content:"\e850";}.ui-icon-doubleright:before{content:"\e851";}.ui-icon-arrowright:before{content:"\e852";}.ui-icon-arrowup:before{content:"\e853";}.ui-icon-arrowleft:before{content:"\e854";}.ui-icon-arrowdown:before{content:"\e855";}.ui-icon-upload:before{content:"\e856";}.ui-icon-colum-height:before{content:"\e857";}.ui-icon-vertical-align-botto:before{content:"\e858";}.ui-icon-vertical-align-middl:before{content:"\e859";}.ui-icon-totop:before{content:"\e85a";}.ui-icon-vertical-align-top:before{content:"\e85b";}.ui-icon-download:before{content:"\e85c";}.ui-icon-sort-descending:before{content:"\e85d";}.ui-icon-sort-ascending:before{content:"\e85e";}.ui-icon-fall:before{content:"\e85f";}.ui-icon-swap:before{content:"\e860";}.ui-icon-stock:before{content:"\e861";}.ui-icon-rise:before{content:"\e862";}.ui-icon-menu:before{content:"\e865";}.ui-icon-unorderedlist:before{content:"\e866";}.ui-icon-orderedlist:before{content:"\e867";}.ui-icon-exclaimination:before{content:"\e870";}.ui-icon-number:before{content:"\e876";}.ui-icon-code:before{content:"\e878";}.ui-icon-check:before{content:"\e87a";}.ui-icon-zoomout:before{content:"\e97a";}.ui-icon-ellipsis:before{content:"\e87b";}.ui-icon-apartment:before{content:"\e97b";}.ui-icon-dash:before{content:"\e87c";}.ui-icon-audio:before{content:"\e97c";}.ui-icon-check-circle:before{content:"\e77d";}.ui-icon-close:before{content:"\e87d";}.ui-icon-CI:before{content:"\e77e";}.ui-icon-enter:before{content:"\e87e";}.ui-icon-robot:before{content:"\e97e";}.ui-icon-dollar:before{content:"\e77f";}.ui-icon-line:before{content:"\e87f";}.ui-icon-zoomin:before{content:"\e97f";}.ui-icon-compass:before{content:"\e780";}.ui-icon-minus:before{content:"\e880";}.ui-icon-close-circle:before{content:"\e781";}.ui-icon-question:before{content:"\e881";}.ui-icon-frown:before{content:"\e782";}.ui-icon-rollback:before{content:"\e882";}.ui-icon-bug:before{content:"\e982";}.ui-icon-info-circle:before{content:"\e783";}.ui-icon-small-dash:before{content:"\e883";}.ui-icon-audiostatic:before{content:"\e983";}.ui-icon-left-circle:before{content:"\e784";}.ui-icon-pause:before{content:"\e884";}.ui-icon-comment:before{content:"\e984";}.ui-icon-down-circle:before{content:"\e785";}.ui-icon-EURO:before{content:"\e786";}.ui-icon-crown:before{content:"\e886";}.ui-icon-verified:before{content:"\e986";}.ui-icon-copyright:before{content:"\e787";}.ui-icon-drag:before{content:"\e887";}.ui-icon-minus-circle:before{content:"\e788";}.ui-icon-desktop:before{content:"\e888";}.ui-icon-videocameraadd:before{content:"\e988";}.ui-icon-meh:before{content:"\e789";}.ui-icon-gift:before{content:"\e889";}.ui-icon-switchuser:before{content:"\e989";}.ui-icon-plus-circle:before{content:"\e78a";}.ui-icon-stop:before{content:"\e88a";}.ui-icon-whatsapp:before{content:"\e98a";}.ui-icon-play-circle:before{content:"\e78b";}.ui-icon-fire:before{content:"\e88b";}.ui-icon-appstoreadd:before{content:"\e98b";}.ui-icon-question-circle:before{content:"\e78c";}.ui-icon-thunderbolt:before{content:"\e88c";}.ui-icon-caret-down:before{content:"\e98c";}.ui-icon-Pound:before{content:"\e78d";}.ui-icon-backward:before{content:"\e98d";}.ui-icon-right-circle:before{content:"\e78e";}.ui-icon-caret-up:before{content:"\e98e";}.ui-icon-smile:before{content:"\e78f";}.ui-icon-caret-right:before{content:"\e98f";}.ui-icon-trademark:before{content:"\e790";}.ui-icon-caret-left:before{content:"\e990";}.ui-icon-time-circle:before{content:"\e791";}.ui-icon-fast-backward:before{content:"\e991";}.ui-icon-timeout:before{content:"\e792";}.ui-icon-forward:before{content:"\e992";}.ui-icon-earth:before{content:"\e793";}.ui-icon-fast-forward:before{content:"\e993";}.ui-icon-YUAN:before{content:"\e794";}.ui-icon-search:before{content:"\e994";}.ui-icon-up-circle:before{content:"\e795";}.ui-icon-retweet:before{content:"\e995";}.ui-icon-warning-circle:before{content:"\e796";}.ui-icon-login:before{content:"\e996";}.ui-icon-sync:before{content:"\e797";}.ui-icon-step-backward:before{content:"\e997";}.ui-icon-transaction:before{content:"\e798";}.ui-icon-step-forward:before{content:"\e998";}.ui-icon-undo:before{content:"\e799";}.ui-icon-swap-right:before{content:"\e999";}.ui-icon-redo:before{content:"\e79a";}.ui-icon-swap-left:before{content:"\e99a";}.ui-icon-reload:before{content:"\e79b";}.ui-icon-woman:before{content:"\e99b";}.ui-icon-reloadtime:before{content:"\e79c";}.ui-icon-plus:before{content:"\e99c";}.ui-icon-message:before{content:"\e79d";}.ui-icon-dashboard:before{content:"\e79e";}.ui-icon-eye-close:before{content:"\e99e";}.ui-icon-issuesclose:before{content:"\e79f";}.ui-icon-clear:before{content:"\e99f";}.ui-icon-poweroff:before{content:"\e7a0";}.ui-icon-collapse:before{content:"\e9a0";}.ui-icon-logout:before{content:"\e7a1";}.ui-icon-expand:before{content:"\e9a1";}.ui-icon-piechart:before{content:"\e7a2";}.ui-icon-setting:before{content:"\e7a3";}.ui-icon-eye:before{content:"\e7a4";}.ui-icon-subnode:before{content:"\e9a4";}.ui-icon-location:before{content:"\e7a5";}.ui-icon-rotate-left:before{content:"\e9a5";}.ui-icon-edit-square:before{content:"\e7a6";}.ui-icon-rotate-right:before{content:"\e9a6";}.ui-icon-export:before{content:"\e7a7";}.ui-icon-save:before{content:"\e7a8";}.ui-icon-Import:before{content:"\e7a9";}.ui-icon-table1:before{content:"\e9a9";}.ui-icon-appstore:before{content:"\e7aa";}.ui-icon-solit-cells:before{content:"\e9aa";}.ui-icon-close-square:before{content:"\e7ab";}.ui-icon-formatpainter:before{content:"\e9ab";}.ui-icon-down-square:before{content:"\e7ac";}.ui-icon-layout:before{content:"\e7ad";}.ui-icon-left-square:before{content:"\e7ae";}.ui-icon-play-square:before{content:"\e7af";}.ui-icon-translate:before{content:"\e9af";}.ui-icon-control:before{content:"\e7b0";}.ui-icon-codelibrary:before{content:"\e7b1";}.ui-icon-sisternode:before{content:"\e9b1";}.ui-icon-detail:before{content:"\e7b2";}.ui-icon-Field-number:before{content:"\e9b2";}.ui-icon-minus-square:before{content:"\e7b3";}.ui-icon-Field-String:before{content:"\e9b3";}.ui-icon-plus-square:before{content:"\e7b4";}.ui-icon-Function:before{content:"\e9b4";}.ui-icon-right-square:before{content:"\e7b5";}.ui-icon-Field-time:before{content:"\e9b5";}.ui-icon-project:before{content:"\e7b6";}.ui-icon-GIF:before{content:"\e9b6";}.ui-icon-wallet:before{content:"\e7b7";}.ui-icon-Partition:before{content:"\e9b7";}.ui-icon-up-square:before{content:"\e7b8";}.ui-icon-index:before{content:"\e9b8";}.ui-icon-calculator:before{content:"\e7b9";}.ui-icon-Storedprocedure:before{content:"\e9b9";}.ui-icon-interation:before{content:"\e7ba";}.ui-icon-Field-Binary:before{content:"\e9ba";}.ui-icon-check-square:before{content:"\e7bb";}.ui-icon-Console-SQL:before{content:"\e9bb";}.ui-icon-border:before{content:"\e7bc";}.ui-icon-icon-test:before{content:"\e9bc";}.ui-icon-border-outer:before{content:"\e7bd";}.ui-icon-aim:before{content:"\e9bd";}.ui-icon-adduser:before{content:"\e7be";}.ui-icon-compress:before{content:"\e9be";}.ui-icon-deleteteam:before{content:"\e7bf";}.ui-icon-expend:before{content:"\e9bf";}.ui-icon-deleteuser:before{content:"\e7c0";}.ui-icon-folder-view:before{content:"\e9c0";}.ui-icon-addteam:before{content:"\e7c1";}.ui-icon-file-gif:before{content:"\e9c1";}.ui-icon-user:before{content:"\e7c2";}.ui-icon-group:before{content:"\e9c2";}.ui-icon-team:before{content:"\e7c3";}.ui-icon-send:before{content:"\e9c3";}.ui-icon-areachart:before{content:"\e7c4";}.ui-icon-report:before{content:"\e9c4";}.ui-icon-linechart:before{content:"\e7c5";}.ui-icon-view:before{content:"\e9c5";}.ui-icon-barchart:before{content:"\e7c6";}.ui-icon-shortcut:before{content:"\e9c6";}.ui-icon-pointmap:before{content:"\e7c7";}.ui-icon-ungroup:before{content:"\e9c7";}.ui-icon-container:before{content:"\e7c8";}.ui-icon-database:before{content:"\e7c9";}.ui-icon-sever:before{content:"\e7ca";}.ui-icon-mobile:before{content:"\e7cb";}.ui-icon-tablet:before{content:"\e7cc";}.ui-icon-redenvelope:before{content:"\e7cd";}.ui-icon-book:before{content:"\e7ce";}.ui-icon-filedone:before{content:"\e7cf";}.ui-icon-reconciliation:before{content:"\e7d0";}.ui-icon-file-exception:before{content:"\e7d1";}.ui-icon-filesync:before{content:"\e7d2";}.ui-icon-filesearch:before{content:"\e7d3";}.ui-icon-solution:before{content:"\e7d4";}.ui-icon-fileprotect:before{content:"\e7d5";}.ui-icon-file-add:before{content:"\e7d6";}.ui-icon-file-excel:before{content:"\e7d7";}.ui-icon-file-exclamation:before{content:"\e7d8";}.ui-icon-file-pdf:before{content:"\e7d9";}.ui-icon-file-image:before{content:"\e7da";}.ui-icon-file-markdown:before{content:"\e7db";}.ui-icon-file-unknown:before{content:"\e7dc";}.ui-icon-file-ppt:before{content:"\e7dd";}.ui-icon-file-word:before{content:"\e7de";}.ui-icon-file:before{content:"\e7df";}.ui-icon-file-zip:before{content:"\e7e0";}.ui-icon-file-text:before{content:"\e7e1";}.ui-icon-file-copy:before{content:"\e7e2";}.ui-icon-snippets:before{content:"\e7e3";}.ui-icon-audit:before{content:"\e7e4";}.ui-icon-diff:before{content:"\e7e5";}.ui-icon-Batchfolding:before{content:"\e7e6";}.ui-icon-securityscan:before{content:"\e7e7";}.ui-icon-propertysafety:before{content:"\e7e8";}.ui-icon-safetycertificate:before{content:"\e7e9";}.ui-icon-insurance:before{content:"\e7ea";}.ui-icon-alert:before{content:"\e7eb";}.ui-icon-delete:before{content:"\e7ec";}.ui-icon-hourglass:before{content:"\e7ed";}.ui-icon-bulb:before{content:"\e7ee";}.ui-icon-experiment:before{content:"\e7ef";}.ui-icon-bell:before{content:"\e7f0";}.ui-icon-trophy:before{content:"\e7f1";}.ui-icon-rest:before{content:"\e7f2";}.ui-icon-usb:before{content:"\e7f3";}.ui-icon-skin:before{content:"\e7f4";}.ui-icon-home:before{content:"\e6b8";}.ui-icon-bank:before{content:"\e7f6";}.ui-icon-filter:before{content:"\e7f7";}.ui-icon-funnelplot:before{content:"\e7f8";}.ui-icon-like:before{content:"\e7f9";}.ui-icon-unlike:before{content:"\e7fa";}.ui-icon-unlock:before{content:"\e7fb";}.ui-icon-lock:before{content:"\e7fc";}.ui-icon-customerservice:before{content:"\e7fd";}.ui-icon-flag:before{content:"\e7fe";}.ui-icon-moneycollect:before{content:"\e7ff";}.ui-icon-medicinebox:before{content:"\e800";}.ui-icon-shop:before{content:"\e801";}.ui-icon-rocket:before{content:"\e802";}.ui-icon-star-fill:before{content:"\e902";}.ui-icon-shopping:before{content:"\e803";}.ui-icon-folder:before{content:"\e804";}.ui-icon-folder-open:before{content:"\e805";}.ui-icon-folder-add:before{content:"\e806";}.ui-icon-deploymentunit:before{content:"\e807";}.ui-icon-accountbook:before{content:"\e808";}.ui-icon-contacts:before{content:"\e809";}.ui-icon-carryout:before{content:"\e80a";}.ui-icon-calendar-check:before{content:"\e80b";}.ui-icon-calendar:before{content:"\e80c";}.ui-icon-scan:before{content:"\e80d";}.ui-icon-select:before{content:"\e80e";}.ui-icon-boxplot:before{content:"\e80f";}.ui-icon-build:before{content:"\e810";}.ui-icon-sliders:before{content:"\e811";}.ui-icon-laptop:before{content:"\e812";}.ui-icon-barcode:before{content:"\e813";}.ui-icon-camera:before{content:"\e814";}.ui-icon-cluster:before{content:"\e815";}.ui-icon-gateway:before{content:"\e816";}.ui-icon-car:before{content:"\e817";}.ui-icon-printer:before{content:"\e818";}.ui-icon-read:before{content:"\e819";}.ui-icon-cloud-server:before{content:"\e81a";}.ui-icon-cloud-upload:before{content:"\e81b";}.ui-icon-cloud:before{content:"\e81c";}.ui-icon-cloud-download:before{content:"\e81d";}.ui-icon-alibaba:before{content:"\e91d";}.ui-icon-cloud-sync:before{content:"\e81e";}.ui-icon-antdesign:before{content:"\e91e";}.ui-icon-video:before{content:"\e81f";}.ui-icon-ant-cloud:before{content:"\e91f";}.ui-icon-notification:before{content:"\e820";}.ui-icon-behance:before{content:"\e920";}.ui-icon-sound:before{content:"\e821";}.ui-icon-googleplus:before{content:"\e921";}.ui-icon-radarchart:before{content:"\e822";}.ui-icon-qrcode:before{content:"\e823";}.ui-icon-google:before{content:"\e923";}.ui-icon-fund:before{content:"\e824";}.ui-icon-ie:before{content:"\e924";}.ui-icon-image:before{content:"\e825";}.ui-icon-amazon:before{content:"\e925";}.ui-icon-mail:before{content:"\e826";}.ui-icon-slack:before{content:"\e926";}.ui-icon-table:before{content:"\e827";}.ui-icon-alipay:before{content:"\e927";}.ui-icon-idcard:before{content:"\e828";}.ui-icon-taobao:before{content:"\e928";}.ui-icon-creditcard:before{content:"\e829";}.ui-icon-zhihu:before{content:"\e929";}.ui-icon-heart:before{content:"\e82a";}.ui-icon-heart-fill:before{content:"\e8a7";}.ui-icon-html5:before{content:"\e92a";}.ui-icon-block:before{content:"\e82b";}.ui-icon-linkedin:before{content:"\e92b";}.ui-icon-error:before{content:"\e82c";}.ui-icon-yahoo:before{content:"\e92c";}.ui-icon-star:before{content:"\e82d";}.ui-icon-facebook:before{content:"\e92d";}.ui-icon-gold:before{content:"\e82e";}.ui-icon-skype:before{content:"\e92e";}.ui-icon-heatmap:before{content:"\e82f";}.ui-icon-CodeSandbox:before{content:"\e92f";}.ui-icon-wifi:before{content:"\e830";}.ui-icon-chrome:before{content:"\e930";}.ui-icon-attachment:before{content:"\e831";}.ui-icon-codepen:before{content:"\e931";}.ui-icon-edit:before{content:"\e60c";}.ui-icon-pencil:before{content:"\e636";}.ui-icon-aliwangwang:before{content:"\e932";}.ui-icon-key:before{content:"\e833";}.ui-icon-apple:before{content:"\e933";}.ui-icon-api:before{content:"\e834";}.ui-icon-android:before{content:"\e934";}.ui-icon-disconnect:before{content:"\e835";}.ui-icon-sketch:before{content:"\e935";}.ui-icon-highlight:before{content:"\e836";}.ui-icon-gitlab:before{content:"\e936";}.ui-icon-monitor:before{content:"\e837";}.ui-icon-dribbble:before{content:"\e937";}.ui-icon-link:before{content:"\e838";}.ui-icon-instagram:before{content:"\e938";}.ui-icon-man:before{content:"\e839";}.ui-icon-reddit:before{content:"\e939";}.ui-icon-percentage:before{content:"\e83a";}.ui-icon-windows:before{content:"\e93a";}.ui-icon-pushpin:before{content:"\e83b";}.ui-icon-yuque:before{content:"\e93b";}.ui-icon-phone:before{content:"\e83c";}.ui-icon-youtube:before{content:"\e93c";}.ui-icon-coupon:before{content:"\e64b";}.ui-icon-post:before{content:"\e630";}.ui-icon-receive:before{content:"\e612";}.ui-icon-paypal:before{content:"\e69d";}.ui-icon-radio:before{content:"\e75e";}.ui-icon-radioactive:before{content:"\e62c";}.ui-icon-checkbox:before{content:"\e632";}.ui-icon-checkboxactive:before{content:"\e62d";}.ui-icon-douyin:before{content:"\e617";}.ui-icon-jingdong:before{content:"\e604";}.ui-icon-tianmao:before{content:"\e6b1";}.ui-icon-pdd:before{content:"\e652";}.ui-icon-lines:before{content:"\e68e";}.ui-icon-long-arrow:before{content:"\e666";} .ui-loading{vertical-align:middle;background:url("data:image/gif;base64,R0lGODlhGAAYAPQAAP///zMzM9fX1/r6+ubm5r+/v+zs7KSkpNLS0q+vr9/f37m5uczMzPT09JGRkZ6ensbGxoaGhgAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAACH/C05FVFNDQVBFMi4wAwEAAAAh/hpDcmVhdGVkIHdpdGggYWpheGxvYWQuaW5mbwAh+QQJBwAAACwAAAAAGAAYAAAFriAgjiQAQWVaDgr5POSgkoTDjFE0NoQ8iw8HQZQTDQjDn4jhSABhAAOhoTqSDg7qSUQwxEaEwwFhXHhHgzOA1xshxAnfTzotGRaHglJqkJcaVEqCgyoCBQkJBQKDDXQGDYaIioyOgYSXA36XIgYMBWRzXZoKBQUMmil0lgalLSIClgBpO0g+s26nUWddXyoEDIsACq5SsTMMDIECwUdJPw0Mzsu0qHYkw72bBmozIQAh+QQJBwAAACwAAAAAGAAYAAAFsCAgjiTAMGVaDgR5HKQwqKNxIKPjjFCk0KNXC6ATKSI7oAhxWIhezwhENTCQEoeGCdWIPEgzESGxEIgGBWstEW4QCGGAIJEoxGmGt5ZkgCRQQHkGd2CESoeIIwoMBQUMP4cNeQQGDYuNj4iSb5WJnmeGng0CDGaBlIQEJziHk3sABidDAHBgagButSKvAAoyuHuUYHgCkAZqebw0AgLBQyyzNKO3byNuoSS8x8OfwIchACH5BAkHAAAALAAAAAAYABgAAAW4ICCOJIAgZVoOBJkkpDKoo5EI43GMjNPSokXCINKJCI4HcCRIQEQvqIOhGhBHhUTDhGo4diOZyFAoKEQDxra2mAEgjghOpCgz3LTBIxJ5kgwMBShACREHZ1V4Kg1rS44pBAgMDAg/Sw0GBAQGDZGTlY+YmpyPpSQDiqYiDQoCliqZBqkGAgKIS5kEjQ21VwCyp76dBHiNvz+MR74AqSOdVwbQuo+abppo10ssjdkAnc0rf8vgl8YqIQAh+QQJBwAAACwAAAAAGAAYAAAFrCAgjiQgCGVaDgZZFCQxqKNRKGOSjMjR0qLXTyciHA7AkaLACMIAiwOC1iAxCrMToHHYjWQiA4NBEA0Q1RpWxHg4cMXxNDk4OBxNUkPAQAEXDgllKgMzQA1pSYopBgonCj9JEA8REQ8QjY+RQJOVl4ugoYssBJuMpYYjDQSliwasiQOwNakALKqsqbWvIohFm7V6rQAGP6+JQLlFg7KDQLKJrLjBKbvAor3IKiEAIfkECQcAAAAsAAAAABgAGAAABbUgII4koChlmhokw5DEoI4NQ4xFMQoJO4uuhignMiQWvxGBIQC+AJBEUyUcIRiyE6CR0CllW4HABxBURTUw4nC4FcWo5CDBRpQaCoF7VjgsyCUDYDMNZ0mHdwYEBAaGMwwHDg4HDA2KjI4qkJKUiJ6faJkiA4qAKQkRB3E0i6YpAw8RERAjA4tnBoMApCMQDhFTuySKoSKMJAq6rD4GzASiJYtgi6PUcs9Kew0xh7rNJMqIhYchACH5BAkHAAAALAAAAAAYABgAAAW0ICCOJEAQZZo2JIKQxqCOjWCMDDMqxT2LAgELkBMZCoXfyCBQiFwiRsGpku0EshNgUNAtrYPT0GQVNRBWwSKBMp98P24iISgNDAS4ipGA6JUpA2WAhDR4eWM/CAkHBwkIDYcGiTOLjY+FmZkNlCN3eUoLDmwlDW+AAwcODl5bYl8wCVYMDw5UWzBtnAANEQ8kBIM0oAAGPgcREIQnVloAChEOqARjzgAQEbczg8YkWJq8nSUhACH5BAkHAAAALAAAAAAYABgAAAWtICCOJGAYZZoOpKKQqDoORDMKwkgwtiwSBBYAJ2owGL5RgxBziQQMgkwoMkhNqAEDARPSaiMDFdDIiRSFQowMXE8Z6RdpYHWnEAWGPVkajPmARVZMPUkCBQkJBQINgwaFPoeJi4GVlQ2Qc3VJBQcLV0ptfAMJBwdcIl+FYjALQgimoGNWIhAQZA4HXSpLMQ8PIgkOSHxAQhERPw7ASTSFyCMMDqBTJL8tf3y2fCEAIfkECQcAAAAsAAAAABgAGAAABa8gII4k0DRlmg6kYZCoOg5EDBDEaAi2jLO3nEkgkMEIL4BLpBAkVy3hCTAQKGAznM0AFNFGBAbj2cA9jQixcGZAGgECBu/9HnTp+FGjjezJFAwFBQwKe2Z+KoCChHmNjVMqA21nKQwJEJRlbnUFCQlFXlpeCWcGBUACCwlrdw8RKGImBwktdyMQEQciB7oACwcIeA4RVwAODiIGvHQKERAjxyMIB5QlVSTLYLZ0sW8hACH5BAkHAAAALAAAAAAYABgAAAW0ICCOJNA0ZZoOpGGQrDoOBCoSxNgQsQzgMZyIlvOJdi+AS2SoyXrK4umWPM5wNiV0UDUIBNkdoepTfMkA7thIECiyRtUAGq8fm2O4jIBgMBA1eAZ6Knx+gHaJR4QwdCMKBxEJRggFDGgQEREPjjAMBQUKIwIRDhBDC2QNDDEKoEkDoiMHDigICGkJBS2dDA6TAAnAEAkCdQ8ORQcHTAkLcQQODLPMIgIJaCWxJMIkPIoAt3EhACH5BAkHAAAALAAAAAAYABgAAAWtICCOJNA0ZZoOpGGQrDoOBCoSxNgQsQzgMZyIlvOJdi+AS2SoyXrK4umWHM5wNiV0UN3xdLiqr+mENcWpM9TIbrsBkEck8oC0DQqBQGGIz+t3eXtob0ZTPgNrIwQJDgtGAgwCWSIMDg4HiiUIDAxFAAoODwxDBWINCEGdSTQkCQcoegADBaQ6MggHjwAFBZUFCm0HB0kJCUy9bAYHCCPGIwqmRq0jySMGmj6yRiEAIfkECQcAAAAsAAAAABgAGAAABbIgII4k0DRlmg6kYZCsOg4EKhLE2BCxDOAxnIiW84l2L4BLZKipBopW8XRLDkeCiAMyMvQAA+uON4JEIo+vqukkKQ6RhLHplVGN+LyKcXA4Dgx5DWwGDXx+gIKENnqNdzIDaiMECwcFRgQCCowiCAcHCZIlCgICVgSfCEMMnA0CXaU2YSQFoQAKUQMMqjoyAglcAAyBAAIMRUYLCUkFlybDeAYJryLNk6xGNCTQXY0juHghACH5BAkHAAAALAAAAAAYABgAAAWzICCOJNA0ZVoOAmkY5KCSSgSNBDE2hDyLjohClBMNij8RJHIQvZwEVOpIekRQJyJs5AMoHA+GMbE1lnm9EcPhOHRnhpwUl3AsknHDm5RN+v8qCAkHBwkIfw1xBAYNgoSGiIqMgJQifZUjBhAJYj95ewIJCQV7KYpzBAkLLQADCHOtOpY5PgNlAAykAEUsQ1wzCgWdCIdeArczBQVbDJ0NAqyeBb64nQAGArBTt8R8mLuyPyEAOwAAAAAAAAAAAA==") no-repeat center center;margin:5px auto;} [class*=ui-col-]{position:relative;} .ui-container,.ui-container-fluid,.ui-container-xxl,.ui-container-xl,.ui-container-lg,.ui-container-md,.ui-container-sm{--bs-gutter-x:1.5rem;--bs-gutter-y:0;width:100%;padding-right: calc(var(--bs-gutter-x) * 0.5);padding-left:calc(var(--bs-gutter-x) * 0.5);margin-right:auto;margin-left:auto;} @media (min-width: 576px) {.ui-container-sm,.ui-container {max-width:540px;}} @media (min-width: 768px) {.ui-container-md,.ui-container-sm,.ui-container {max-width:720px;}} @media (min-width: 992px) {.ui-container-lg,.ui-container-md,.ui-container-sm,.ui-container {max-width:960px;}} @media (min-width: 1200px) {.ui-container-xl,.ui-container-lg,.ui-container-md,.ui-container-sm,.ui-container {max-width:1140px;}} @media (min-width: 1400px) {.ui-container-xxl,.ui-container-xl,.ui-container-lg,.ui-container-md,.ui-container-sm,.ui-container {max-width:1320px;}} @media (min-width: 1480px) {.ui-container-xxl,.ui-container-xl,.ui-container-lg,.ui-container-md,.ui-container-sm,.ui-container {max-width:1440px;}} .ui-row{--ui-x:1.5rem;--ui-y:0;display:flex;flex-wrap:wrap;margin-top:calc(-1 * var(--ui-y));margin-right:calc(-0.5 * var(--ui-x));margin-left:calc(-0.5 * var(--ui-x))}.ui-row>*{flex-shrink:0;width:100%;max-width:100%;padding-right:calc(var(--ui-x) * .5);padding-left:calc(var(--ui-x) * .5);margin-top:var(--ui-y)}.ui-col{flex:1 0 0}.ui-row-cols-auto>*{flex:0 0 auto;width:auto}.ui-row-cols-1>*{flex:0 0 auto;width:100%}.ui-row-cols-2>*{flex:0 0 auto;width:50%}.ui-row-cols-3>*{flex:0 0 auto;width:33.3333333333%}.ui-row-cols-4>*{flex:0 0 auto;width:25%}.ui-row-cols-5>*{flex:0 0 auto;width:20%}.ui-row-cols-6>*{flex:0 0 auto;width:16.6666666667%}.ui-col-auto{flex:0 0 auto;width:auto}.ui-col-1{flex:0 0 auto;width:8.33333333%}.ui-col-2{flex:0 0 auto;width:16.66666667%}.ui-col-3{flex:0 0 auto;width:25%}.ui-col-4{flex:0 0 auto;width:33.33333333%}.ui-col-5{flex:0 0 auto;width:41.66666667%}.ui-col-6{flex:0 0 auto;width:50%}.ui-col-7{flex:0 0 auto;width:58.33333333%}.ui-col-8{flex:0 0 auto;width:66.66666667%}.ui-col-9{flex:0 0 auto;width:75%}.ui-col-10{flex:0 0 auto;width:83.33333333%}.ui-col-11{flex:0 0 auto;width:91.66666667%}.ui-col-12{flex:0 0 auto;width:100%}.ui-offset-1{margin-left:8.33333333%}.ui-offset-2{margin-left:16.66666667%}.ui-offset-3{margin-left:25%}.ui-offset-4{margin-left:33.33333333%}.ui-offset-5{margin-left:41.66666667%}.ui-offset-6{margin-left:50%}.ui-offset-7{margin-left:58.33333333%}.ui-offset-8{margin-left:66.66666667%}.ui-offset-9{margin-left:75%}.ui-offset-10{margin-left:83.33333333%}.ui-offset-11{margin-left:91.66666667%}.ui-g-0,.ui-gx-0{--ui-x:0}.ui-g-0,.ui-gy-0{--ui-y:0}.ui-g-1,.ui-gx-1{--ui-x:.25rem}.ui-g-1,.ui-gy-1{--ui-y:.25rem}.ui-g-2,.ui-gx-2{--ui-x:.5rem}.ui-g-2,.ui-gy-2{--ui-y:.5rem}.ui-g-3,.ui-gx-3{--ui-x:1rem}.ui-g-3,.ui-gy-3{--ui-y:1rem}.ui-g-4,.ui-gx-4{--ui-x:1.5rem}.ui-g-4,.ui-gy-4{--ui-y:1.5rem}.ui-g-5,.ui-gx-5{--ui-x:3rem}.ui-g-5,.ui-gy-5{--ui-y:3rem}@media(min-width:576px){.ui-col-sm{flex:1 0 0}.ui-row-cols-sm-auto>*{flex:0 0 auto;width:auto}.ui-row-cols-sm-1>*{flex:0 0 auto;width:100%}.ui-row-cols-sm-2>*{flex:0 0 auto;width:50%}.ui-row-cols-sm-3>*{flex:0 0 auto;width:33.3333333333%}.ui-row-cols-sm-4>*{flex:0 0 auto;width:25%}.ui-row-cols-sm-5>*{flex:0 0 auto;width:20%}.ui-row-cols-sm-6>*{flex:0 0 auto;width:16.6666666667%}.ui-col-sm-auto{flex:0 0 auto;width:auto}.ui-col-sm-1{flex:0 0 auto;width:8.33333333%}.ui-col-sm-2{flex:0 0 auto;width:16.66666667%}.ui-col-sm-3{flex:0 0 auto;width:25%}.ui-col-sm-4{flex:0 0 auto;width:33.33333333%}.ui-col-sm-5{flex:0 0 auto;width:41.66666667%}.ui-col-sm-6{flex:0 0 auto;width:50%}.ui-col-sm-7{flex:0 0 auto;width:58.33333333%}.ui-col-sm-8{flex:0 0 auto;width:66.66666667%}.ui-col-sm-9{flex:0 0 auto;width:75%}.ui-col-sm-10{flex:0 0 auto;width:83.33333333%}.ui-col-sm-11{flex:0 0 auto;width:91.66666667%}.ui-col-sm-12{flex:0 0 auto;width:100%}.ui-offset-sm-0{margin-left:0}.ui-offset-sm-1{margin-left:8.33333333%}.ui-offset-sm-2{margin-left:16.66666667%}.ui-offset-sm-3{margin-left:25%}.ui-offset-sm-4{margin-left:33.33333333%}.ui-offset-sm-5{margin-left:41.66666667%}.ui-offset-sm-6{margin-left:50%}.ui-offset-sm-7{margin-left:58.33333333%}.ui-offset-sm-8{margin-left:66.66666667%}.ui-offset-sm-9{margin-left:75%}.ui-offset-sm-10{margin-left:83.33333333%}.ui-offset-sm-11{margin-left:91.66666667%}.ui-g-sm-0,.ui-gx-sm-0{--ui-x:0}.ui-g-sm-0,.ui-gy-sm-0{--ui-y:0}.ui-g-sm-1,.ui-gx-sm-1{--ui-x:.25rem}.ui-g-sm-1,.ui-gy-sm-1{--ui-y:.25rem}.ui-g-sm-2,.ui-gx-sm-2{--ui-x:.5rem}.ui-g-sm-2,.ui-gy-sm-2{--ui-y:.5rem}.ui-g-sm-3,.ui-gx-sm-3{--ui-x:1rem}.ui-g-sm-3,.ui-gy-sm-3{--ui-y:1rem}.ui-g-sm-4,.ui-gx-sm-4{--ui-x:1.5rem}.ui-g-sm-4,.ui-gy-sm-4{--ui-y:1.5rem}.ui-g-sm-5,.ui-gx-sm-5{--ui-x:3rem}.ui-g-sm-5,.ui-gy-sm-5{--ui-y:3rem}}@media(min-width:768px){.ui-col-md{flex:1 0 0}.ui-row-cols-md-auto>*{flex:0 0 auto;width:auto}.ui-row-cols-md-1>*{flex:0 0 auto;width:100%}.ui-row-cols-md-2>*{flex:0 0 auto;width:50%}.ui-row-cols-md-3>*{flex:0 0 auto;width:33.3333333333%}.ui-row-cols-md-4>*{flex:0 0 auto;width:25%}.ui-row-cols-md-5>*{flex:0 0 auto;width:20%}.ui-row-cols-md-6>*{flex:0 0 auto;width:16.6666666667%}.ui-col-md-auto{flex:0 0 auto;width:auto}.ui-col-md-1{flex:0 0 auto;width:8.33333333%}.ui-col-md-2{flex:0 0 auto;width:16.66666667%}.ui-col-md-3{flex:0 0 auto;width:25%}.ui-col-md-4{flex:0 0 auto;width:33.33333333%}.ui-col-md-5{flex:0 0 auto;width:41.66666667%}.ui-col-md-6{flex:0 0 auto;width:50%}.ui-col-md-7{flex:0 0 auto;width:58.33333333%}.ui-col-md-8{flex:0 0 auto;width:66.66666667%}.ui-col-md-9{flex:0 0 auto;width:75%}.ui-col-md-10{flex:0 0 auto;width:83.33333333%}.ui-col-md-11{flex:0 0 auto;width:91.66666667%}.ui-col-md-12{flex:0 0 auto;width:100%}.ui-offset-md-0{margin-left:0}.ui-offset-md-1{margin-left:8.33333333%}.ui-offset-md-2{margin-left:16.66666667%}.ui-offset-md-3{margin-left:25%}.ui-offset-md-4{margin-left:33.33333333%}.ui-offset-md-5{margin-left:41.66666667%}.ui-offset-md-6{margin-left:50%}.ui-offset-md-7{margin-left:58.33333333%}.ui-offset-md-8{margin-left:66.66666667%}.ui-offset-md-9{margin-left:75%}.ui-offset-md-10{margin-left:83.33333333%}.ui-offset-md-11{margin-left:91.66666667%}.ui-g-md-0,.ui-gx-md-0{--ui-x:0}.ui-g-md-0,.ui-gy-md-0{--ui-y:0}.ui-g-md-1,.ui-gx-md-1{--ui-x:.25rem}.ui-g-md-1,.ui-gy-md-1{--ui-y:.25rem}.ui-g-md-2,.ui-gx-md-2{--ui-x:.5rem}.ui-g-md-2,.ui-gy-md-2{--ui-y:.5rem}.ui-g-md-3,.ui-gx-md-3{--ui-x:1rem}.ui-g-md-3,.ui-gy-md-3{--ui-y:1rem}.ui-g-md-4,.ui-gx-md-4{--ui-x:1.5rem}.ui-g-md-4,.ui-gy-md-4{--ui-y:1.5rem}.ui-g-md-5,.ui-gx-md-5{--ui-x:3rem}.ui-g-md-5,.ui-gy-md-5{--ui-y:3rem}}@media(min-width:992px){.ui-col-lg{flex:1 0 0}.ui-row-cols-lg-auto>*{flex:0 0 auto;width:auto}.ui-row-cols-lg-1>*{flex:0 0 auto;width:100%}.ui-row-cols-lg-2>*{flex:0 0 auto;width:50%}.ui-row-cols-lg-3>*{flex:0 0 auto;width:33.3333333333%}.ui-row-cols-lg-4>*{flex:0 0 auto;width:25%}.ui-row-cols-lg-5>*{flex:0 0 auto;width:20%}.ui-row-cols-lg-6>*{flex:0 0 auto;width:16.6666666667%}.ui-col-lg-auto{flex:0 0 auto;width:auto}.ui-col-lg-1{flex:0 0 auto;width:8.33333333%}.ui-col-lg-2{flex:0 0 auto;width:16.66666667%}.ui-col-lg-3{flex:0 0 auto;width:25%}.ui-col-lg-4{flex:0 0 auto;width:33.33333333%}.ui-col-lg-5{flex:0 0 auto;width:41.66666667%}.ui-col-lg-6{flex:0 0 auto;width:50%}.ui-col-lg-7{flex:0 0 auto;width:58.33333333%}.ui-col-lg-8{flex:0 0 auto;width:66.66666667%}.ui-col-lg-9{flex:0 0 auto;width:75%}.ui-col-lg-10{flex:0 0 auto;width:83.33333333%}.ui-col-lg-11{flex:0 0 auto;width:91.66666667%}.ui-col-lg-12{flex:0 0 auto;width:100%}.ui-offset-lg-0{margin-left:0}.ui-offset-lg-1{margin-left:8.33333333%}.ui-offset-lg-2{margin-left:16.66666667%}.ui-offset-lg-3{margin-left:25%}.ui-offset-lg-4{margin-left:33.33333333%}.ui-offset-lg-5{margin-left:41.66666667%}.ui-offset-lg-6{margin-left:50%}.ui-offset-lg-7{margin-left:58.33333333%}.ui-offset-lg-8{margin-left:66.66666667%}.ui-offset-lg-9{margin-left:75%}.ui-offset-lg-10{margin-left:83.33333333%}.ui-offset-lg-11{margin-left:91.66666667%}.ui-g-lg-0,.ui-gx-lg-0{--ui-x:0}.ui-g-lg-0,.ui-gy-lg-0{--ui-y:0}.ui-g-lg-1,.ui-gx-lg-1{--ui-x:.25rem}.ui-g-lg-1,.ui-gy-lg-1{--ui-y:.25rem}.ui-g-lg-2,.ui-gx-lg-2{--ui-x:.5rem}.ui-g-lg-2,.ui-gy-lg-2{--ui-y:.5rem}.ui-g-lg-3,.ui-gx-lg-3{--ui-x:1rem}.ui-g-lg-3,.ui-gy-lg-3{--ui-y:1rem}.ui-g-lg-4,.ui-gx-lg-4{--ui-x:1.5rem}.ui-g-lg-4,.ui-gy-lg-4{--ui-y:1.5rem}.ui-g-lg-5,.ui-gx-lg-5{--ui-x:3rem}.ui-g-lg-5,.ui-gy-lg-5{--ui-y:3rem}}@media(min-width:1200px){.ui-col-xl{flex:1 0 0}.ui-row-cols-xl-auto>*{flex:0 0 auto;width:auto}.ui-row-cols-xl-1>*{flex:0 0 auto;width:100%}.ui-row-cols-xl-2>*{flex:0 0 auto;width:50%}.ui-row-cols-xl-3>*{flex:0 0 auto;width:33.3333333333%}.ui-row-cols-xl-4>*{flex:0 0 auto;width:25%}.ui-row-cols-xl-5>*{flex:0 0 auto;width:20%}.ui-row-cols-xl-6>*{flex:0 0 auto;width:16.6666666667%}.ui-col-xl-auto{flex:0 0 auto;width:auto}.ui-col-xl-1{flex:0 0 auto;width:8.33333333%}.ui-col-xl-2{flex:0 0 auto;width:16.66666667%}.ui-col-xl-3{flex:0 0 auto;width:25%}.ui-col-xl-4{flex:0 0 auto;width:33.33333333%}.ui-col-xl-5{flex:0 0 auto;width:41.66666667%}.ui-col-xl-6{flex:0 0 auto;width:50%}.ui-col-xl-7{flex:0 0 auto;width:58.33333333%}.ui-col-xl-8{flex:0 0 auto;width:66.66666667%}.ui-col-xl-9{flex:0 0 auto;width:75%}.ui-col-xl-10{flex:0 0 auto;width:83.33333333%}.ui-col-xl-11{flex:0 0 auto;width:91.66666667%}.ui-col-xl-12{flex:0 0 auto;width:100%}.ui-offset-xl-0{margin-left:0}.ui-offset-xl-1{margin-left:8.33333333%}.ui-offset-xl-2{margin-left:16.66666667%}.ui-offset-xl-3{margin-left:25%}.ui-offset-xl-4{margin-left:33.33333333%}.ui-offset-xl-5{margin-left:41.66666667%}.ui-offset-xl-6{margin-left:50%}.ui-offset-xl-7{margin-left:58.33333333%}.ui-offset-xl-8{margin-left:66.66666667%}.ui-offset-xl-9{margin-left:75%}.ui-offset-xl-10{margin-left:83.33333333%}.ui-offset-xl-11{margin-left:91.66666667%}.ui-g-xl-0,.ui-gx-xl-0{--ui-x:0}.ui-g-xl-0,.ui-gy-xl-0{--ui-y:0}.ui-g-xl-1,.ui-gx-xl-1{--ui-x:.25rem}.ui-g-xl-1,.ui-gy-xl-1{--ui-y:.25rem}.ui-g-xl-2,.ui-gx-xl-2{--ui-x:.5rem}.ui-g-xl-2,.ui-gy-xl-2{--ui-y:.5rem}.ui-g-xl-3,.ui-gx-xl-3{--ui-x:1rem}.ui-g-xl-3,.ui-gy-xl-3{--ui-y:1rem}.ui-g-xl-4,.ui-gx-xl-4{--ui-x:1.5rem}.ui-g-xl-4,.ui-gy-xl-4{--ui-y:1.5rem}.ui-g-xl-5,.ui-gx-xl-5{--ui-x:3rem}.ui-g-xl-5,.ui-gy-xl-5{--ui-y:3rem}}@media(min-width:1400px){.ui-col-xxl{flex:1 0 0}.ui-row-cols-xxl-auto>*{flex:0 0 auto;width:auto}.ui-row-cols-xxl-1>*{flex:0 0 auto;width:100%}.ui-row-cols-xxl-2>*{flex:0 0 auto;width:50%}.ui-row-cols-xxl-3>*{flex:0 0 auto;width:33.3333333333%}.ui-row-cols-xxl-4>*{flex:0 0 auto;width:25%}.ui-row-cols-xxl-5>*{flex:0 0 auto;width:20%}.ui-row-cols-xxl-6>*{flex:0 0 auto;width:16.6666666667%}.ui-col-xxl-auto{flex:0 0 auto;width:auto}.ui-col-xxl-1{flex:0 0 auto;width:8.33333333%}.ui-col-xxl-2{flex:0 0 auto;width:16.66666667%}.ui-col-xxl-3{flex:0 0 auto;width:25%}.ui-col-xxl-4{flex:0 0 auto;width:33.33333333%}.ui-col-xxl-5{flex:0 0 auto;width:41.66666667%}.ui-col-xxl-6{flex:0 0 auto;width:50%}.ui-col-xxl-7{flex:0 0 auto;width:58.33333333%}.ui-col-xxl-8{flex:0 0 auto;width:66.66666667%}.ui-col-xxl-9{flex:0 0 auto;width:75%}.ui-col-xxl-10{flex:0 0 auto;width:83.33333333%}.ui-col-xxl-11{flex:0 0 auto;width:91.66666667%}.ui-col-xxl-12{flex:0 0 auto;width:100%}.ui-offset-xxl-0{margin-left:0}.ui-offset-xxl-1{margin-left:8.33333333%}.ui-offset-xxl-2{margin-left:16.66666667%}.ui-offset-xxl-3{margin-left:25%}.ui-offset-xxl-4{margin-left:33.33333333%}.ui-offset-xxl-5{margin-left:41.66666667%}.ui-offset-xxl-6{margin-left:50%}.ui-offset-xxl-7{margin-left:58.33333333%}.ui-offset-xxl-8{margin-left:66.66666667%}.ui-offset-xxl-9{margin-left:75%}.ui-offset-xxl-10{margin-left:83.33333333%}.ui-offset-xxl-11{margin-left:91.66666667%}.ui-g-xxl-0,.ui-gx-xxl-0{--ui-x:0}.ui-g-xxl-0,.ui-gy-xxl-0{--ui-y:0}.ui-g-xxl-1,.ui-gx-xxl-1{--ui-x:.25rem}.ui-g-xxl-1,.ui-gy-xxl-1{--ui-y:.25rem}.ui-g-xxl-2,.ui-gx-xxl-2{--ui-x:.5rem}.ui-g-xxl-2,.ui-gy-xxl-2{--ui-y:.5rem}.ui-g-xxl-3,.ui-gx-xxl-3{--ui-x:1rem}.ui-g-xxl-3,.ui-gy-xxl-3{--ui-y:1rem}.ui-g-xxl-4,.ui-gx-xxl-4{--ui-x:1.5rem}.ui-g-xxl-4,.ui-gy-xxl-4{--ui-y:1.5rem}.ui-g-xxl-5,.ui-gx-xxl-5{--ui-x:3rem}.ui-g-xxl-5,.ui-gy-xxl-5{--ui-y:3rem}} .ui-flex-row{flex-direction:row}.ui-flex-column{flex-direction:column}.ui-flex-row-reverse{flex-direction:row-reverse}.ui-flex-column-reverse{flex-direction:column-reverse}.ui-flex-wrap{flex-wrap:wrap}.ui-flex-nowrap{flex-wrap:nowrap}.ui-flex-wrap-reverse{flex-wrap:wrap-reverse}.ui-flex-fill{flex:1 1 auto}.ui-flex-grow-0{flex-grow:0}.ui-flex-grow-1{flex-grow:1}.ui-flex-shrink-0{flex-shrink:0}.ui-flex-shrink-1{flex-shrink:1}.ui-justify-content-start{justify-content:flex-start}.ui-justify-content-end{justify-content:flex-end}.ui-justify-content-center{justify-content:center}.ui-justify-content-between{justify-content:space-between}.ui-justify-content-around{justify-content:space-around}.ui-align-items-start{align-items:flex-start}.ui-align-items-end{align-items:flex-end}.ui-align-items-center{align-items:center}.ui-align-items-baseline{align-items:baseline}.ui-align-items-stretch{align-items:stretch}.ui-align-content-start{align-content:flex-start}.ui-align-content-end{align-content:flex-end}.ui-align-content-center{align-content:center}.ui-align-content-between{align-content:space-between}.ui-align-content-around{align-content:space-around}.ui-align-content-stretch{align-content:stretch}.ui-align-self-auto{align-self:auto}.ui-align-self-start{align-self:flex-start}.ui-align-self-end{align-self:flex-end}.ui-align-self-center{align-self:center}.ui-align-self-baseline{align-self:baseline}.ui-align-self-stretch{align-self:stretch} code{color:#ff8400;background:rgba(255,132,0,0.1);border:1px solid rgba(255,132,0,0.2);border-radius:3px;padding:0 4px;margin:0 4px;} .ui-grid{display:grid;grid-template-columns:repeat(4,1fr);grid-gap:10px;padding:10px;} .ui-grid.five{grid-template-columns:repeat(5,1fr);} .ui-grid.four{grid-template-columns:repeat(4,1fr);} .ui-grid.three{grid-template-columns:repeat(3,1fr);} .ui-grid.two{grid-template-columns:repeat(2,1fr);} .ui-grid.one{grid-template-columns:1fr} .ui-grid-item{position:relative;} .ui-grid-item .ui-badge{position:absolute;top:-5px;right:-5px;} .ui-grid-item img{width:100%;object-fit:cover;height:150px;} .ui-grid.icon{text-align:center;} .ui-grid.icon .ui-grid-item{font-size:13px;} .ui-grid.icon .ui-grid-item i{font-size:28px;display:block;} .ui-grid.icon .ui-grid-item.red i{color:var(--red);} .ui-grid.icon .ui-grid-item.blue i{color:var(--blue);} .ui-grid.icon .ui-grid-item.yellow i{color:var(--yellow);} .ui-grid.icon .ui-grid-item.green i{color:var(--green);} .ui-grid.image{text-align:center;} .ui-grid.image a.ui-grid-item{display:block;} .ui-grid.image .ui-grid-item img{width:50px;height:50px;margin:10px auto;display:block;border-radius:5px;} /*btn*/ .ui-btn{position:relative;display:inline-block;border:1px solid var(--gray-border);padding:0 12px;line-height:38px;height:40px;overflow:hidden;border-radius:4px;background:#fff;-webkit-user-select:none;vertical-align:middle;} .ui-btn [class*=ui-icon-]{vertical-align:baseline;} .ui-btn:hover{color:var(--blue-hover);border-color:var(--blue-hover);box-shadow:var(--blue-shadow);} .ui-btn.red{background:var(--red);border-color:var(--red);color:#fff;} .ui-btn.red:hover{background:var(--red-hover);border-color:var(--red-hover);color:#fff;} .ui-btn.yellow{background:var(--yellow);border-color:var(--yellow);color:#fff;} .ui-btn.yellow:hover{background:var(--yellow-hover);border-color:var(--yellow-hover);color:#fff;} .ui-btn.blue{background:var(--blue);border-color:var(--blue);color:#fff;} .ui-btn.blue:hover{background:var(--blue-hover);border-color:var(--blue-hover);color:#fff;} .ui-btn.gray{background:#ccc;color:#fff;} .ui-btn.gray:hover{background:#ccc;border-color:#ccc;color:#fff;} .ui-btn.green{background:var(--green);border-color:var(--green);color:#fff;} .ui-btn.green:hover{background:var(--green-hover);border-color:var(--green-hover);color:#fff;} .ui-btn.info{background:var(--info);border-color:var(--info);color:#fff;} .ui-btn.info:hover{background:var(--info-hover);border-color:var(--info-hover);color:#fff;} .ui-btn.little{font-size:12px;padding:0 2px;line-height:normal;height:20px;} .ui-btn.small{font-size:13px;padding:0 8px;line-height:30px;height:32px;} .ui-btn.big{font-size:16px;padding:0 24px;line-height:46px;height:48px;} .ui-btn.large{font-size:20px;padding:0 60px;line-height:58px;height:60px;} .ui-btn.outline.red{background:#fff;color:var(--red);} .ui-btn.outline.yellow{background:#fff;color:var(--yellow);} .ui-btn.outline.blue{background:#fff;color:var(--blue);} .ui-btn.outline.green{background:#fff;color:var(--green);} .ui-btn.outline.info{background:#fff;color:var(--info);} .ui-btn.color-red:hover{color:var(--red);border-color:var(--red);box-shadow:var(--red-shadow);} .ui-btn.color-yellow:hover{color:var(--yellow);border-color:var(--yellow);box-shadow:var(--yellow-shadow);} .ui-btn.color-green:hover{color:var(--green);border-color:var(--green);box-shadow:var(--green-shadow);} .ui-btn.color-info:hover{color:var(--info);border-color:var(--info);box-shadow:var(--info-shadow);} .ui-btn.block{display:block;width:100%;text-align:center;} a.ui-btn.red,a.ui-btn.yellow,a.ui-btn.blue,a.ui-btn.green,a.ui-btn.info{color:#fff;user-select:none} a:hover.ui-btn.red,a:hover.ui-btn.yellow,a:hover.ui-btn.blue,a:hover.ui-btn.green,a:hover.ui-btn.info{color:#fff;} .ui-btn.red:hover{box-shadow:var(--red-shadow);} .ui-btn.yellow:hover{box-shadow:var(--yellow-shadow));} .ui-btn.green:hover{box-shadow:var(--green-shadow);} .ui-btn.info:hover{box-shadow:var(--info-shadow);} .ui-btn.gray:hover{box-shadow:var(--gray-shadow);} a.ui-btn.outline.red{color:var(--red);} a.ui-btn.outline.yellow{color:var(--yellow);} a.ui-btn.outline.blue{color:var(--blue);} a.ui-btn.outline.green{color:var(--green);} a.ui-btn.outline.info{color:var(--info);} a.ui-btn.hover.blue{border-color:var(--gray-border);background:#fff;} a:hover.ui-btn.hover.blue{color:var(--blue-hover);border-color:var(--blue-hover);box-shadow:var(--blue-shadow);} a.ui-btn.hover.red{border-color:var(--gray-border);background:#fff;} a:hover.ui-btn.hover.red{color:var(--red);border-color:var(--red);box-shadow:var(--red-shadow);} a.ui-btn.hover.yellow{border-color:var(--gray-border);background:#fff;} a:hover.ui-btn.hover.yellow{color:var(--yellow);border-color:var(--yellow);box-shadow:var(--yellow-shadow);} a.ui-btn.hover.green{border-color:var(--gray-border);background:#fff;} a:hover.ui-btn.hover.green{color:var(--green);border-color:var(--green);box-shadow:var(--green-shadow);} a.ui-btn.hover.info{border-color:var(--gray-border);background:#fff;} a:hover.ui-btn.hover.info{color:var(--info);border-color:var(--info);box-shadow:var(--info-shadow);} .ui-btn:disabled{background:#E9EAEF !important;border-color:#E9EAEF !important;color:#888;} .ui-btn:disabled:hover{background:#E9EAEF !important;border-color:#E9EAEF !important;box-shadow:none;color:#888;} /*btn-group*/ .ui-btn-group{margin-left:1px;font-size:0;vertical-align:middle;} .ui-btn-group-item{vertical-align:middle;border:1px solid var(--gray-border);margin-left:-1px;display:inline-block;justify-content:center;align-items:center;padding:0 15px;line-height:38px;height:40px;overflow:hidden;font-size:14px;background:#fff;text-align:center;user-select:none} .ui-btn-group-item [class*=ui-icon-]{vertical-align:baseline} .ui-btn-group-item:first-child{border-radius:4px 0 0 4px;} .ui-btn-group-item:last-child{border-radius:0 4px 4px 0;} .ui-btn-group-item:first-child:last-child{border-radius:4px;} a.ui-btn-group-item:hover{color:#333;border-color:var(--blue-hover);position:relative;z-index:2;cursor:pointer;} .ui-btn-group-item.active{color:var(--blue-hover);border-color:var(--blue-hover);position:relative;z-index:2;} .ui-btn-group-item:before{margin-right:5px;color:#999;font-size:18px;vertical-align:middle;} .ui-btn-group.full{display:flex;} .ui-btn-group.full .ui-btn-group-item{flex:1;padding:0;} .ui-btn-group.red .active,.ui-btn-group.red .active:hover,.ui-btn-group.red a.active,.ui-btn-group.red a:hover.active{color:var(--red);border-color:var(--red);} .ui-btn-group.red a.ui-btn-group-item:hover{border-color:var(--red);color:var(--red);} .ui-btn-group.yellow .active,.ui-btn-group.yellow .active:hover,.ui-btn-group.yellow a.active,.ui-btn-group.yellow a:hover.active{color:var(--yellow);border-color:var(--yellow);} .ui-btn-group.yellow a.ui-btn-group-item:hover{border-color:var(--yellow);color:var(--yellow);} .ui-btn-group.blue .active,.ui-btn-group.blue .active:hover,.ui-btn-group.blue a.active,.ui-btn-group.blue a:hover.active{color:var(--blue);border-color:var(--blue);} .ui-btn-group.blue a.ui-btn-group-item:hover{border-color:var(--blue);color:var(--blue);} .ui-btn-group.green .active,.ui-btn-group.green .active:hover,.ui-btn-group.green a.active,.ui-btn-group.green a:hover.active{color:var(--green-hover);border-color:var(--green-hover);} .ui-btn-group.green a.ui-btn-group-item:hover{border-color:var(--green-hover);color:var(--green-hover);} .ui-btn-group.info .active,.ui-btn-group.info .active:hover,.ui-btn-group.info a.active,.ui-btn-group.info a:hover.active{color:var(--info-hover);border-color:var(--info-hover);} .ui-btn-group.info a.ui-btn-group-item:hover{border-color:var(--info-hover);color:var(--info-hover);} .ui-btn-group.red.bgcolor .active,.ui-btn-group.red.bgcolor a.active{color:#fff;background:var(--red);} .ui-btn-group.yellow.bgcolor .active,.ui-btn-group.yellow.bgcolor a.active{color:#fff;background:var(--yellow);} .ui-btn-group.blue.bgcolor .active,.ui-btn-group.blue.bgcolor a.active{color:#fff;background:var(--blue);} .ui-btn-group.green.bgcolor .active,.ui-btn-group.green.bgcolor a.active{color:#fff;background:var(--green-hover);} .ui-btn-group.info.bgcolor .active,.ui-btn-group.info.bgcolor a.active{color:#fff;background:var(--info-hover);} .ui-btn-group.small .ui-btn-group-item{font-size:13px;line-height:32px;height:34px;padding:0 14px;} .ui-btn-group.little .ui-btn-group-item{font-size:12px;line-height:26px;height:28px;padding:0 8px;} .ui-btn-group.big .ui-btn-group-item{font-size:15px;line-height:48px;height:50px;} .ui-btn-group.line a{border-left:0;border-top:0;border-right:0;border-radius:0;} .ui-btn-group.line a.active{border-bottom-width:2px;} /*Badge*/ .ui-badge{min-width:20px;line-height:20px;min-height:20px;padding:0 8px;border-radius:10px;background:#f3f3f3;display:inline-block;text-align:center;font-size:12px;vertical-align:middle;white-space:nowrap;box-shadow:0 0 0 1px #fff;box-sizing:border-box;} .ui-badge.dot{min-width:6px;height:6px;min-height:6px;padding:0;background:var(--gray-border);border-radius:100%;font-size:10px;} .ui-badge.small{min-width:8px;height:8px;min-height:8px;padding:0;background:var(--gray-border);border-radius:100%;font-size:10px;} .ui-badge.red{background:var(--red);color:#fff;} .ui-badge.yellow{background:var(--yellow);color:#fff;} .ui-badge.blue{background:var(--blue);color:#fff;} .ui-badge.green{background:var(--green);color:#fff;} .ui-badge.info{background:var(--info);color:#fff;} .ui-badge-warp{position:relative;display:inline-block;} .ui-badge-warp .ui-badge{position:absolute;top:-2px;right:-2px;} blockquote{background:#fcfcfc;border:1px solid #ddd;border-left:4px solid #aaa;padding:15px 25px;margin:15px 0 0 0;} blockquote [type="name"]{font-weight:bold;margin-bottom:15px;font-size:18px;} blockquote [type="intro"]{line-height:24px;} blockquote[theme="blue"]{background:#F0F7FF;border-color:var(--blue);} blockquote[theme="red"]{background:#FFF0F1;border-color:var(--red);} blockquote[theme="green"]{background:#F0FAF2;border-color:var(--green);} blockquote[theme="yellow"]{background:#FFF5EB;border-color:var(--yellow);} blockquote[theme="info"]{background:#F0F7FF;border-color:var(--info);} pre{background:#fcfcfc;border:1px solid #ddd;padding:20px 25px;margin:15px 0;line-height:24px;font-style:normal;font-family:PingFang SC, Microsoft YaHei, Arial Regular;overflow:auto;} pre[theme="blue"]{background:#F0F7FF;border-color:rgba(26,140,255,.3);} pre[theme="red"]{background:#FFF0F1;border-color:rgba(255,72,55,.3);} pre[theme="green"]{background:#F0FAF2;border-color:rgba(25,190,107,.3);} pre[theme="yellow"]{background:#FFF5EB;border-color:rgba(255,111,39,.3);} pre[theme="info"]{background:#F0F7FF;border-color:rgba(45,183,245,.3);} /*Bar*/ .ui-bar{position:fixed;top:0;width:50px;right:-50px;height:100%;background:#222;display:flex;align-items:center;justify-content:center;color:#fff;z-index:40;} .ui-bar ul{list-style:none;margin:0;padding:0;} .ui-bar ul li{} .ui-bar ul li a{line-height:60px;display:block;position:relative;} .ui-bar ul li a i{font-size:32px;color:#fff;} .ui-bar ul li a p{position:absolute;top:10px;background:#fff;color:#333;padding:8px 20px;line-height:24px;border:1px solid var(--gray-border);border-right:0;display:none;border-radius:6px 0 0 6px;} .ui-bar ul li a div{position:absolute;top:-100px;background:#fff;color:#333;padding:10px;line-height:24px;border:1px solid var(--gray-border);display:none;border-radius:6px;text-align:center;} .ui-bar ul li a div img{width:250px;height:250px;display:block;} .ui-bar ul li a p:after{display:block;content:"";background:#fff;width:10px;height:10px;position:absolute;top:15px;right:-4px;transform:rotate(45deg);} .ui-bar ul li a:hover p{left:-114px;display:block;} .ui-bar ul li a div:after{display:block;content:"";background:#fff;width:16px;height:16px;position:absolute;top:112px;right:-8.2px;transform:rotate(45deg);border:1px solid var(--gray-border);border-left:0;border-bottom:0;} .ui-bar ul li a:hover div{left:-300px;display:block;} .ui-bar ul:last-child{position:absolute;bottom:5px;right:10px;} .ui-bar.red{background:var(--red);} .ui-bar.yellow{background:var(--yellow);} .ui-bar.blue{background:var(--blue);} .ui-bar.green{background:var(--green);} .ui-bar.info{background:var(--info);} /*Bread*/ .ui-bread{} .ui-bread ul{list-style:none;} .ui-bread ul li{display:inline-block;color:#999;} .ui-bread ul li + li:before{padding:0 8px;content:"/";color:#999;font-family:宋体;} .ui-bread-1 ul li + li:before{content:">>";} .ui-bread-2 ul li + li:before{content:">";} .ui-bread ul li i{color:#999;padding-right:5px;font-size:18px;} /*Carousel*/ .ui-carousel{position:relative;background:#fff;overflow:hidden;} .ui-carousel .ui-carousel-item{position:relative;top:0;left:0;width:100%;height:initial;display:none;} .ui-carousel .ui-carousel-item.active{display:block;position:relative;align-items:center;width:100%;perspective:1000px;} .ui-carousel .ui-carousel-item.next{position:absolute;top:0;left:0;width:100%;} .ui-carousel-item.active,.ui-carousel-item-next,.ui-carousel-item-prev{display:block;} .ui-carousel .ui-carousel-item img{width:100%;display:block;} .ui-carousel-prev,.ui-carousel-next{position:absolute;top:50%;transform:translateY(-50%);z-index:1;width:10%;color:#fff;text-align:center;opacity:0.5;transition:opacity 0.15s ease;} .ui-carousel-prev:hover,.ui-carousel-prev:focus,.ui-carousel-next:hover,.ui-carousel-next:focus{color:#fff;text-decoration:none;outline:0;opacity:0.9;} .ui-carousel-prev{left:0;} .ui-carousel-next{right:0;} .ui-carousel-prev-icon,.ui-carousel-next-icon{display:inline-block;width:40px;height:40px;background:no-repeat 50% / 100% 100%;} .ui-carousel-prev-icon{background-image:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%233058a28c'%3e%3cpath d='M11.354 1.646a.5.5 0 0 1 0 .708L5.707 8l5.647 5.646a.5.5 0 0 1-.708.708l-6-6a.5.5 0 0 1 0-.708l6-6a.5.5 0 0 1 .708 0z'/%3e%3c/svg%3e");} .ui-carousel-next-icon{background-image:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%233058a28c'%3e%3cpath d='M4.646 1.646a.5.5 0 0 1 .708 0l6 6a.5.5 0 0 1 0 .708l-6 6a.5.5 0 0 1-.708-.708L10.293 8 4.646 2.354a.5.5 0 0 1 0-.708z'/%3e%3c/svg%3e");} .ui-carousel-page{position:absolute;right:0;bottom:15px;left:0;z-index:15;display:flex;justify-content:center;list-style:none;} .ui-carousel-page li{box-sizing:content-box;flex:0 1 auto;width:12px;height:12px;margin-right:4px;margin-left:3px;text-indent:-999px;cursor:pointer;background-color:#fff;background-clip:padding-box;opacity:.5;transition:opacity 0.6s ease;border-radius:12px;transition:all 1s} .ui-carousel-page li.active{width:35px;} .ui-carousel-page .active{opacity:1;} .ui-carousel-control{position:absolute;bottom:0;left:0;right:0;z-index:10;display:flex;background:rgba(0,0,0,.4);align-items:center;justify-content:center;} .ui-carousel-control .ui-carousel-title{flex:1;display:flex;color:#fff;line-height:40px;padding:0 10px;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;} .ui-carousel-control .ui-carousel-page{justify-content:flex-end;align-items:center;position:static;margin-right:10px;} .ui-carousel-control .ui-carousel-page li{width:10px;height:10px;border-radius:50%;} .ui-carousel-pagenum{position:absolute;right:5px;bottom:10px;z-index:15;background:rgba(0,0,0,.3);color:#fff;padding:3px 10px;border-radius:20px;font-size:10px;} .ui-carousel-fade-in{animation:carousel-fadeIn .6s ease-in-out;} .ui-carousel-fade-out{animation:carousel-fadeOut .6s ease-in-out;} .ui-carousel-up-in{animation:carousel-upIn .6s ease-in-out;} .ui-carousel-down-in{animation:carousel-downIn .6s ease-in-out;} .ui-carousel-left-in{animation:carousel-leftIn .6s ease-in-out;} .ui-carousel-right-in{animation:carousel-rightIn .6s ease-in-out;} .ui-carousel-up-out{animation:carousel-upOut .6s ease-in-out;} .ui-carousel-down-out{animation:carousel-downOut .6s ease-in-out;} .ui-carousel-left-out{animation:carousel-leftOut .6s ease-in-out;} .ui-carousel-right-out{animation:carousel-rightOut .6s ease-in-out;} .ui-carousel-show{visibility:visible;} @keyframes carousel-fadeIn{from{opacity:0;}to{opacity:1;}} @keyframes carousel-upIn{from{transform:translate3d(0,100%,0);}to{transform:translate3d(0,0,0);}} @keyframes carousel-downIn{from{transform:translate3d(0,-100%,0);}to{transform:translate3d(0,0,0);}} @keyframes carousel-leftIn{from{transform:translate3d(-100%,0,0);}to{transform:translate3d(0,0,0);}} @keyframes carousel-rightIn{from{transform:translate3d(100%,0,0);}to{transform:translate3d(0,0,0);}} @keyframes carousel-fadeOut{from{opacity:1;}to{opacity:0;}} @keyframes carousel-upOut{from{transform:translate3d(0,0,0);}to{transform:translate3d(0,100%,0);}} @keyframes carousel-downOut{from{transform:translate3d(0,0,0);}to{transform:translate3d(0,-100%,0);}} @keyframes carousel-leftOut{from{transform:translate3d(0,0,0);}to{transform:translate3d(-100%,0,0);}} @keyframes carousel-rightOut{from{transform:translate3d(0,0,0);}to{transform:translate3d(100%,0,0);}} @media only screen and (max-width:768px) { .ui-carousel-page li.active{width:12px;} } /*Card*/ .ui-card{border:1px solid var(--gray-border);border-radius:8px;background:#fff;} .ui-card-header{background:#fff;padding:15px 20px;display:flex;align-items:center;border-bottom:1px solid var(--gray-border);border-radius:8px 8px 0 0;} .ui-card-header .ui-card-header-title{font-size:16px;font-weight:bold;margin:0;flex:1;} .ui-card-header .ui-card-header-more{align-items:center;justify-content:flex-end;} .ui-card-image img{width:100%;height:auto;border-radius:8px 8px 0 0;} .ui-card-image svg{width:100%;text-anchor:middle;border-radius:8px 8px 0 0;} .ui-card-image.none img{border-radius:0;} .ui-card-image.none svg{border-radius:0;} .ui-card-body{padding:15px 20px;} .ui-card-body.np{padding-top:0;} .ui-card-body.ui-row{margin-top:-15px;} .ui-card-body .ui-card-title{font-weight:bold;padding-bottom:15px;} .ui-card-body .ui-card-text{word-break:break-all;color:#999;} .ui-card-body ul{list-style:none;} .ui-card-body .ui-list{margin-top:-10px;} .ui-card-footer{background:#fff;padding:15px 20px;border-top:1px solid var(--gray-border);border-radius:0 0 8px 8px;} /*collapse*/ .ui-collapse{margin-top:2px;} .ui-collapse .ui-card{border-radius:0;margin-top:-2px;} .ui-collapse .ui-card .ui-card-header{cursor:pointer;} .ui-collapse .ui-card .ui-card-header ui-card-header-title{font-weight:normal;color:#444;border-left:0;padding-left:0;} .ui-collapse .ui-card .ui-card-header .ui-icon-right{transition:all 0.4s ease;font-size:14px;color:#999;display:block;} .ui-collapse .ui-card .ui-card-header.active .ui-icon-right{transform:rotate(90deg);} .ui-collapse .ui-card:first-child{border-radius:2px 2px 0 0;} .ui-collapse .ui-card:last-child{border-radius:0 0 2px 2px;border-bottom:1;} .ui-collapse .ui-card-body.hide{display:none;} .ui-fold{margin:0;} .ui-fold ul{list-style:none;line-height:50px;padding:0 15px;} .ui-fold ul>li{position:relative;border-bottom:1px solid #f3f3f3;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;} .ui-fold ul li>a{overflow:hidden;white-space:nowrap;text-overflow:ellipsis;padding-left:10px;} .ui-fold ul li>i{display:block;transition:all 0.4s ease;color:#ccc;cursor:pointer;min-width:40px;text-align:center;font-size:14px;position:absolute;top:0;right:0;} .ui-fold ul li.active>a{color:#f30;} .ui-fold ul li.active>i{transform:rotate(90deg);} .ui-fold ul a{} .ui-fold ul ul{display:none;border-top:1px solid #f3f3f3;} .ui-fold ul li ul li:last-child{border:0;} .ui-fold ul li em{font-size:14px;color:#ccc;margin-left:10px;} .ui-fold.noborder ul>li{border:0;} .ui-fold.noborder ul ul{border:0;} .ui-panel.ui-panel-border{border:1px solid #f3f3f3;} .ui-panel{display:flex;justify-content:space-betweend;border-bottom:1px solid #f3f3f3;line-height:50px;padding:0 0 0 20px;} .ui-panel a{flex:1;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;} .ui-panel i{display:block;transition:all 0.4s ease;color:#ccc;cursor:pointer;min-width:50px;text-align:center;} .ui-panel.active{background:#efefef;} .ui-panel.active a{cursor:default;} .ui-panel.active i{transform:rotate(90deg);cursor:default;} .ui-panel-body{display:none;} .ui-panel-body ul{list-style:none;} .ui-panel-body ul li{line-height:50px;border-bottom:1px solid #f3f3f3;padding:0 30px;} .ui-panel-body ul li.active a{color:#f30;} .ui-panel-body.show{display:block;} .ui-panel-body.hide{display:none;} /*Dropmenu*/ .ui-dropdown{display:none;background:#fff;border:1px solid var(--gray-border);border-radius:4px;padding:10px 0;box-shadow:var(--gray-shadow);line-height:1.5;word-break:break-all;z-index:100;} .ui-dropdown img{max-width:100%;} .ui-dropdown:after{content:"";position:absolute;width:10px;height:10px;border-left:0;border-bottom:0;background:#fff;border:1px solid var(--gray-border);border-bottom:0;border-right:0;} .ui-dropdown-left:after{right:-6px;top:50%;transform:translateY(-50%) rotate(-225deg);} .ui-dropdown-top:after{left:50%;top:100%;transform:translateX(-50%) translateY(-50%) rotate(-140deg);} .ui-dropdown-right:after{left:-6px;top:50%;transform:translateY(-50%) rotate(-45deg);} .ui-dropdown-bottom:after{left:50%;top:0;transform:translateX(-50%) translateY(-50%) rotate(45deg);} .ui-dropdown-bottom-left:after{left:10px;top:0;transform:translateY(-50%) rotate(45deg);} .ui-dropdown-top-left:after{left:10px;top:100%;transform:translateY(-50%) rotate(-140deg);} .ui-dropdown-right-top:after{left:-6px;top:15px;transform:translateY(-50%) rotate(-45deg);} .ui-dropdown-line{height:0;margin:10px 0;overflow:hidden;border-top:1px solid #e9ecef;} .ui-dropdown-item{display:block;width:100%;padding:5px 20px;clear:both;font-weight:400;color:#212529;text-align:inherit;white-space:nowrap;background-color:transparent;border:0;} .ui-dropdown-item.active{background:var(--blue);} a.ui-dropdown-item.active{color:#fff;} /*Dialog*/ .ui-dialog-mask{position:fixed;left:0;top:0;right:0;bottom:0;background:var(--mask);z-index:198;display:block;overflow-x:hidden;overflow-y:auto;display:none;} .ui-dialog{z-index:999;position:fixed;border:1px solid var(--gray-border);border-radius:15px;background:#fff;min-width:330px;max-width:96%;margin:0 auto;box-shadow:var(--gray-shadow);opacity:1;transition:all 0.2s linear;animation-duration: 0.3s;animation-fill-mode:both;} .ui-dialog-header{padding:18px 20px;border-bottom:1px solid #f3f3f3;display:flex;align-items:center;} .ui-dialog-header .ui-dialog-title{flex:1;font-weight:bold;cursor:move;-moz--webkit-user-select:none;-webkit--webkit-user-select:none;} .ui-dialog-header .ui-dialog-close{justify-content:flex-end;align-items:center;font-size:16px;cursor:pointer;line-height:1;color:#999;} .ui-dialog-header .ui-dialog-close i{font-size:16px;} .ui-dialog-header .ui-dialog-close:hover{color:#000;} .ui-dialog-body{padding:20px;max-height:500px;overflow-y:auto;word-break:break-all;} .ui-dialog-body .ui-form-ip{line-height:normal;} .ui-dialog-body-input{padding-bottom:6px;} .ui-dialog-body-iframe{padding:0;overflow:hidden;max-height:100%;line-height:0;margin:0;border-radius:0 0 15px 15px;} .ui-dialog-body-iframe iframe{width:100%;height:100%;border:0;margin:0;} .ui-dialog-body-address{padding:0;height:300px;overflow:hidden;} .ui-dialog-footer{padding:10px 20px;text-align:right;border-top:0;} .ui-dialog-footer-mobile{display:flex;border-top:1px solid #f3f3f3;} .ui-dialog-footer-mobile button{width:100%;border:0;background:#fff;padding:12px 0;flex:1;color:#666;} .ui-dialog-footer-mobile button:last-child{border-left:1px solid #f3f3f3;color:var(--blue);} .ui-dialog-address{max-width:100%;} .ui-dialog-address .ui-dialog-footer-mobile{border-top:0;border-bottom:1px solid #f3f3f3;} .ui-dialog-mobile{border-radius:8px;min-width:250px;border:0;} .ui-dialog-mobile .ui-dialog-header{border-radius:8px 8px 0 0;padding:12px 16px;} .ui-dialog-mobile .ui-dialog-body{padding:20px 16px;} .ui-dialog-mobile .ui-dialog-body-iframe{padding:0;overflow:hidden;max-height:100%;} .ui-dialog-mobile .ui-dialog-footer-mobile{border-radius:0 0 8px 8px;} .ui-dialog-mobile .ui-dialog-footer-mobile button:first-child{border-radius:0 0 0 8px;} .ui-dialog-mobile .ui-dialog-footer-mobile button:last-child{border-radius:0 0 8px 0;} .ui-dialog-in{-webkit-animation-name:ui-dialogIn;animation-name:ui-dialogIn;} .ui-dialog-out{-webkit-animation-name:ui-dialogOut;animation-name:ui-dialogOut;opacity:0;transition: all 0.2s linear;} .ui-dialog.blue{border:0;border-radius:20px;min-width:380px;} .ui-dialog.blue .ui-dialog-body{padding:0;} .ui-dialog.blue .ui-dialog-body .pay-header{text-align:center;padding-top:30px;font-size:16px;color:#999;} .ui-dialog.blue .ui-dialog-body .pay-header span{color:#f30;margin:0 5px;} .ui-dialog.blue .ui-dialog-body .pay-body{padding:20px;text-align:center;height:300px;width:300px;} .ui-dialog.blue .ui-dialog-body .pay-body img,.ui-dialog-blue .ui-dialog-body .pay-body svg{width:260px;height:260px;} .ui-dialog.blue .ui-dialog-body .pay-footer{background:#00A7EF;border-radius:0 0 20px 20px;text-align:center;padding:20px 0;color:#fff;font-size:16px;} .ui-dialog.green{border:0;border-radius:20px;min-width:380px;} .ui-dialog.green .ui-dialog-body{padding:0;} .ui-dialog.green .ui-dialog-body .pay-header{text-align:center;padding-top:30px;font-size:16px;color:#999;} .ui-dialog.green .ui-dialog-body .pay-header span{color:#f30;margin:0 5px;} .ui-dialog.green .ui-dialog-body .pay-body{padding:20px;text-align:center;height:300px;width:300px;} .ui-dialog.green .ui-dialog-body .pay-body img,.ui-dialog-blue .ui-dialog-body .pay-body svg{width:260px;height:260px;} .ui-dialog.green .ui-dialog-body .pay-footer{background:#08BB21;border-radius:0 0 20px 20px;text-align:center;padding:20px 0;color:#fff;font-size:16px;} .ui-dialog-tips{border:1px solid var(--gray-border);background:#fff;box-shadow:var(--gray-shadow);opacity:1;transition:all 0.2s linear;animation-duration:0.3s;animation-fill-mode:both;margin:60px auto;position:relative;width:400px;z-index:10;border-radius:6px;} .ui-dialog-tips .ui-dialog-header .ui-dialog-title{cursor:auto;} .ui-dialog-tips .ui-dialog-body{padding:30px;font-size:16px;} .ui-dialog-tips .ui-dialog-footer{padding-bottom:20px;} /*Endtime*/ .ui-endtime{color:#999;} .ui-endtime i{color:#f30;font-style:normal;padding:0 5px;} .ui-endtime i:first-child{padding-left:0;} /*filter*/ .ui-filter{background:#fff;box-shadow:var(--gray-shadow);padding:20px 10px 10px 0;border:1px solid #eee;} .ui-filter .ui-filter-left{text-align:right;padding-top:5px;color:#999;} .ui-filter .ui-filter-right{padding-left:10px;flex:1;overflow:hidden;} .ui-filter .ui-filter-right a{border:1px solid var(--gray-border);padding:7px 15px;border-radius:2px;margin:0 10px 15px 0;display:inline-block;color:#999;font-size:14px;vertical-align:middle;} .ui-filter a:hover,.ui-filter a.active{border-color:var(--blue);color:var(--blue);} .ui-filter.red a:hover,.ui-filter.red a.active{border-color:var(--red);color:var(--red);} .ui-filter.yellow a:hover,.ui-filter.yellow a.active{border-color:var(--yellow);color:var(--yellow);} .ui-filter.blue a:hover,.ui-filter.blue a.active{border-color:var(--blue);color:var(--blue);} .ui-filter.green a:hover,.ui-filter.green a.active{border-color:var(--green);color:var(--green);} .ui-filter.info a:hover,.ui-filter.info a.active{border-color:var(--info);color:var(--info);} .ui-filter-black a:hover,.ui-filter-black a.active{border-color:#666;color:#666;} .ui-filter a.image{padding:0px;vertical-align:middle;} .ui-filter a.image img{height:35px;} /*Fixed*/ .ui-fixed-top{position:fixed !important;top:0;z-index:30;right:0;left:0;} .ui-fixed-bottom{position:fixed !important;bottom:0;z-index:30;right:0;left:0;} .ui-fixed-warp{z-index:100;} /*Form*/ .ui-form-group{margin-bottom:10px;padding-bottom:5px;position:relative;} .ui-form-group+.hide{display:none;} .ui-form-icon{position:absolute;top:50%;left:20px;z-index:99;-webkit-transform:translateY(-50%);transform:translateY(-50%);font-size:18px;vertical-align:middle;font-size:20px;color:#93a2bb} .ui-form-icon+.ui-form-ip{padding-left:50px;} .ui-form-right{position:absolute;padding:0;right:15px;top:50%;transform:translateY(-50%);background:#fff;border:0px solid #f30;text-align:right;display:inline-block;} .ui-form-right i{margin-right:10px;font-size:16px;color:#999;} .ui-form-right a:hover i{color:#333;} .ui-form-group > label{margin-bottom:10px;} .ui-form-ip{display:block;width:100%;padding:15px 20px;color:#495057;background:#fff;background-clip:padding-box;border:1px solid var(--gray-border);border-radius:4px;transition:border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;text-align:left;box-shadow: 0 2px 4px -4px rgb(0 0 0 / 20%);} input.ui-form-ip{line-height:1;} select.ui-form-ip,textarea.ui-form-ip{height:auto;} .ui-form-group-sm .ui-form-ip{padding:0 15px;line-height:40px;height:40px;} textarea.ui-form-ip{min-height:80px;} .ui-form-ip::-ms-expand{background-color:transparent;border:0;} .ui-form-ip:focus{color:#495057;background:#fff;border-color:#80bdff;outline:0;box-shadow:0 0 0 2px rgba(0,123,255,.25);} .ui-form-ip::-webkit-input-placeholder{color:#AFB0B5;} .ui-form-ip::-moz-placeholder{color:#AFB0B5;} .ui-form-ip:-ms-input-placeholder{color:#AFB0B5;} .ui-form-ip::-ms-input-placeholder{color:#AFB0B5;} .ui-form-ip::placeholder{color:#AFB0B5;} .ui-form-ip:disabled{background:#fafafa;opacity:1;cursor:not-allowed;} .ui-form-ip[readonly]{background:#fafafa;opacity:1;cursor:not-allowed;} .ui-form-ip-check{margin-bottom:3px;margin-right:5px;vertical-align:middle;} .ui-form-limit-text{position:absolute;right:20px;bottom:10px;color:#999;background:rgba(255,255,255,.5);} .ui-form-limit-text span{color:#f30;} .ui-col-form-label{color:#666;padding:10px 10px 0 0;text-align:right;} .ui-col-form-label-top{color:#666;text-align:right;padding:0 10px 0 0;text-align:right;} .ui-pt ui-text-right{color:#666;padding:10px 10px 0 0;text-align:right;} .ui-pt ui-text-right-top{color:#666;text-align:right;padding:0 10px 0 0;text-align:right;} .ui-input-group{display:flex;position:relative;} .ui-input-group .before{justify-content:center;align-items:center;display:flex;padding:0 15px;color:#495057;border:1px solid var(--gray-border);background:#fafafa;border-radius:5px 0 0 5px;white-space:nowrap;z-index:2;margin-right:-1px;box-shadow:0 2px 4px -4px rgb(0 0 0 / 20%);} .ui-input-group .before.blue{border-color:#DAE3F5;background:#F6F9FF;} .ui-input-group .before.red{border-color:#FFD1D0;background:#FFF6F6;} .ui-input-group .before.green{border-color:#D9EBDA;background:#F7FDF7;} .ui-input-group .before.yellow{border-color:#FFEFE7;background:#FFFDFC;} .ui-input-group .after{justify-content:center;align-items:center;display:flex;padding:0 15px;color:#495057;border:1px solid var(--gray-border);background:#fafafa;border-radius:0 5px 5px 0;white-space:nowrap;z-index:2;margin-left:-1px;box-shadow:0 2px 4px -4px rgb(0 0 0 / 20%);} .ui-input-group .after.blue{border-color:#DAE3F5;background:#F6F9FF;} .ui-input-group .after.red{border-color:#FFD1D0;background:#FFF6F6;} .ui-input-group .after.green{border-color:#D9EBDA;background:#F7FDF7;} .ui-input-group .after.yellow{border-color:#FFEFE7;background:#FFFDFC;} .ui-input-group .after.none{border:0;background:none;padding-bottom:0;} .ui-input-group a.after{padding:0 15px;cursor:pointer;font-family:microsoft yahei;font-size:15px;} .ui-input-group a.after:before{margin-right:5px;color:#999;font-family:"iconfont";} .ui-input-group a:hover.after,.ui-input-group a:hover.after:before{color:#f30;} .ui-input-group .after input{width:60px;border:0;background:none;line-height:1;text-align:center;} .ui-input-group button.after{padding:0 10px;} .ui-input-group button.after [class*=ui-icon]{font-size:24px;} .ui-input-group .code{justify-content:center;align-items:center;display:flex;padding:0 7px 0 8px;border:1px solid var(--gray-border);border-left:0;background:#fff;border-radius:0;cursor:pointer;border-radius:0 4px 4px 0;box-shadow: 0 2px 4px -4px rgb(0 0 0 / 20%);} .ui-input-group .code img{border-radius:0 4px 4px 0;} .ui-input-group .ui-form-ip{flex:1;} .ui-input-group-check{} .ui-input-group-check label{margin-right:10px;} .ui-input-group .radius-none{border-radius:0;} .ui-input-group .radius-left-none{border-radius:0 4px 4px 0;} .ui-input-group .radius-right-none{border-radius:4px 0 0 4px;} .ui-input-group .radius-none{border-radius:0;} .ui-check-error{color:var(--red);} .ui-check-error .ui-form-ip{border-color:var(--red);} .ui-check-error .ui-form-ip:focus{box-shadow:0 0 0 2px rgba(255, 51, 0, 0.25);} .ui-check-error .error-msg{display:inline-block;padding:10px 15px;margin-top:10px;border-radius:5px;text-transform:none;border:1 solid #DB2828;position:relative;background:#fff;border:1px solid #db2828;color:#db2828;} .ui-check-error .error-msg:before{background:#fff;border-width:1px 0 0 1px;border-style:solid;border-left-color:#DB2828;border-top-color:#DB2828;position:absolute;content:'';-webkit-transform:rotate(45deg);transform:rotate(45deg);z-index:2;width:12px;height:12px;transform:translateY(-50%) rotate(45deg);top:0;left:10%;} .ui-check-error .ui-form-icon{top:24.5%;} .ui-check-error .ui-form-limit-text{bottom:37%;} .ui-form-ip.w-auto{width:auto;display:inline-block;} .ui-form-inline{} .ui-form-inline .before{border-radius:0;} .ui-form-inline .before:first-child{border-radius:4px 0 0 4px;} .ui-form-inline .ui-form-ip{border-radius:0;border-right:0;} .ui-form-inline .after{border-left:1px solid var(--gray-border);} .ui-form-none{display:flex;border-bottom:1px solid #eaeaea;margin:0;padding-top:8px;} .ui-form-none label{width:120px;padding:10px 0 0 15px;font-weight:bold;} .ui-form-none input{flex:1;border:0;box-shadow:none;} .ui-form-none .text{flex:1;padding:8px 0;} .ui-form-none input:focus{border:0;box-shadow:none;} .ui-form-none .ui-input-group{flex:1;} .ui-form-none .ui-input-group .after{background:none;border:0;} .ui-form-none .ui-input-group .after a{color:#06f;} .ui-form-none .ui-input-group .after a:hover{color:#f30;} .ui-form-none.ui-check-error{color:#f30;} .ui-form-none.ui-check-error .ui-form-ip{border-color:#fff;} .ui-form-none.ui-check-error .ui-form-ip:focus{box-shadow:none;} .ui-form-image{display:flex;flex-wrap:wrap;} .ui-form-image-item{width:100px;height:100px;text-align:center;margin:5px 15px 10px 0;border:1px solid #DAE3F5;background:#F6F7FF;} .ui-form-image-item .upload{width:50%;max-width:none;padding:0;line-height:100px;cursor:pointer;} .ui-form-image-item .upload i{color:#5A6FE0;font-size:24px;} .ui-form-image-item .image{position:relative;line-height:94px;} .ui-form-image-item .image img{width:98px;max-height:98px;object-fit:cover;} .ui-form-image-item .image .action{position:absolute;width:20px;height:20px;line-height:18px;border-radius:50%;top:-10px;right:-10px;text-align:center;z-index:90;background:rgba(0,0,0,.4);transition:all .5s ease 0s;opacity:0;} .ui-form-image-item .image .action a{font-size:16px;color:#ccc;} .ui-form-image-item .image .action a:hover{color:#fff;} .ui-form-image-item .image:hover .action{opacity:1;} /*CheckBox*/ .ui-checkbox{display:inline-block;cursor:pointer;margin-right:5px;vertical-align:middle;} .ui-checkbox input[type="checkbox"]{-webkit-appearance:none;outline:none;display:none} .ui-checkbox input[type="checkbox"] + i{font-family:"iconfont";font-size:18px;font-style:normal;font-weight:normal;vertical-align:middle;margin-right:5px;color:#ccc;} .ui-checkbox input[type="checkbox"] + i:after{content:"\e632";} .ui-checkbox input[type="checkbox"]:checked + i{color:var(--blue);} .ui-checkbox input[type="checkbox"]:checked + i:after{content:'\e62d';} .ui-checkbox input[type="checkbox"]:disabled + i{color:#f3f3f3;cursor:not-allowed;} .ui-checkbox input[type="checkbox"]:checked:disabled + i{box-shadow:none;} .ui-checkbox.red input[type="checkbox"]:checked + i{color:var(--red);} .ui-checkbox.yellow input[type="checkbox"]:checked + i{color:var(--yellow);} .ui-checkbox.blue input[type="checkbox"]:checked + i{color:var(--blue);} .ui-checkbox.green input[type="checkbox"]:checked + i{color:var(--green);} .ui-checkbox.info input[type="checkbox"]:checked + i{color:var(--info);} .ui-checkbox:last-child{margin-right:0;} /*Radio*/ .ui-radio{display:inline-block;cursor:pointer;margin-right:5px;vertical-align:middle;} .ui-radio input[type="radio"]{-webkit-appearance:none;outline:none;display:none} .ui-radio input[type="radio"] + i{font-family:"iconfont";font-size:18px;font-style:normal;font-weight:normal;vertical-align:middle;margin-right:5px;color:#ccc;} .ui-radio input[type="radio"] + i:after{content:"\e75e";} .ui-radio input[type="radio"]:checked + i{color:var(--blue);} .ui-radio input[type="radio"]:checked + i:after{content:'\e62c';} .ui-radio input[type="radio"]:disabled + i{color:#f3f3f3;cursor:not-allowed;} .ui-radio input[type="radio"]:checked:disabled + i{box-shadow:none;} .ui-radio.red input[type="radio"]:checked + i{color:var(--red);} .ui-radio.yellow input[type="radio"]:checked + i{color:var(--yellow);} .ui-radio.blue input[type="radio"]:checked + i{color:var(--blue);} .ui-radio.green input[type="radio"]:checked + i{color:var(--green);} .ui-radio.info input[type="radio"]:checked + i{color:var(--info);} .ui-radio:last-child{margin-right:0;} /*Switch*/ .ui-switch{display:inline-block;text-align:left;vertical-align:middle;} .ui-switch > input[type="checkbox"]{display:none;} .ui-switch > input[type="checkbox"]:disabled ~ .ui-switch-checkbox{background:#EBEBEB;cursor:not-allowed} .ui-switch > input[type="checkbox"]:checked:disabled ~ .ui-switch-checkbox{background:#EBEBEB;} .ui-switch > input[type="checkbox"]:checked ~ .ui-switch-checkbox{background:var(--blue);} .ui-switch > input[type="checkbox"]:checked ~ .ui-switch-checkbox::before{left:35.5px;font-size:14px;} .ui-switch > input[type="checkbox"]:checked ~ .ui-switch-checkbox.ui-switch-text::before{text-indent:-24px;content:'开';color:#fff;} .ui-switch > input[type="checkbox"]:checked ~ .ui-switch-checkbox.ui-switch-icon::before{content:'\e87a';text-indent:-22px;font-family:iconfont;color:#fff;} .ui-switch > input[type="checkbox"]:checked ~ .ui-switch-checkbox.ui-switch-en::before{text-indent:-26px;content:'On';color:#fff;} .ui-switch .ui-switch-checkbox.ui-switch-text::before{content:'关';text-indent:34px;color:#fff;} .ui-switch .ui-switch-checkbox.ui-switch-en::before{content:'Off';text-indent:34px;color:#fff;} .ui-switch .ui-switch-checkbox.ui-switch-icon::before{content:'\e87d';text-indent:36px;font-family:iconfont;color:#fff;} .ui-switch .ui-switch-checkbox{width:66px;height:32px;border-radius:100px;background:#ccc;transition:background ease 0.5s;cursor:pointer;position:relative;display:inline-block;overflow:hidden;-webkit-user-select:none;} .ui-switch .ui-switch-checkbox::before{content:'';font-weight:500;width:30px;height:30px;line-height:28px;position:absolute;border-radius:50%;top:1px;left:1px;background:#fff;olor:#fff;font-size:15px;transition:left ease 0.3s;font-style:normal;} .ui-switch.red > input[type="checkbox"]:checked ~ .ui-switch-checkbox{background:var(--red);} .ui-switch.yellow > input[type="checkbox"]:checked ~ .ui-switch-checkbox{background:var(--yellow);} .ui-switch.blue > input[type="checkbox"]:checked ~ .ui-switch-checkbox{background:var(--blue);} .ui-switch.green > input[type="checkbox"]:checked ~ .ui-switch-checkbox{background:var(--green);} .ui-switch.info > input[type="checkbox"]:checked ~ .ui-switch-checkbox{background:var(--info);} .ui-switch.small > input[type="checkbox"]:checked ~ .ui-switch-checkbox::before{left:25.5px;font-size:12px;} .ui-switch.small > input[type="checkbox"]:checked ~ .ui-switch-checkbox.ui-switch-text::before{text-indent:-16px;} .ui-switch.small > input[type="checkbox"]:checked ~ .ui-switch-checkbox.ui-switch-icon::before{text-indent:-16px;} .ui-switch.small > input[type="checkbox"]:checked ~ .ui-switch-checkbox.ui-switch-en::before{text-indent:-20px;} .ui-switch.small .ui-switch-checkbox.ui-switch-text::before{text-indent:24px;} .ui-switch.small .ui-switch-checkbox.ui-switch-icon::before{text-indent:24px;} .ui-switch.small .ui-switch-checkbox.ui-switch-en::before{text-indent:22px;} .ui-switch.small .ui-switch-checkbox{width:46px;height:22px;} .ui-switch.small .ui-switch-checkbox::before{width:20px;height:20px;line-height:18px;font-size:12px;} /*Inputnumber*/ .ui-inputnumber-wrap{display:inline-block;overflow:hidden;position:relative;vertical-align:middle;border:1px solid var(--gray-border);border-radius:4px;background:#fff;white-space:nowrap;} .ui-inputnumber-text{border-radius:2px 0 0 2px;text-align:center;height:40px;border:0;background:none;line-height:40px;width:40px;} .ui-inputnumber:focus{box-shadow:none;border:0;} .ui-inputnumber-min,.ui-inputnumber-max{border:1px solid var(--gray-border);border-top:0;border-bottom:0;padding:10px 15px;cursor:pointer;margin-left:-1px;user-select:none;color:#555;} .ui-inputnumber-max{border-right:0;} .ui-inputnumber-min i,.ui-inputnumber-max i{font-size:14px;vertical-align:0;} .ui-inputnumber-min.ui-inputnumber-disabled,.ui-inputnumber-max.ui-inputnumber-disabled{cursor:not-allowed;color:#999;} .ui-inputnumber-min.ui-inputnumber-disabled:hover,.ui-inputnumber-max.ui-inputnumber-disabled:hover{border-color:var(--gray-border);} .ui-inputnumber-wrap.disabled{-moz--webkit-user-select:none;-webkit--webkit-user-select:none;-ms--webkit-user-select:none;background:#fafafa;cursor:not-allowed;} .ui-inputnumber-wrap.disabled:hover{border-color:var(--gray-border);} .ui-inputnumber-wrap.disabled .ui-inputnumber-min,.ui-inputnumber-wrap.disabled .ui-inputnumber-max,.ui-inputnumber-wrap.disabled .ui-inputnumber-text{cursor:not-allowed;color:#999;} .ui-inputnumber-wrap.disabled .ui-inputnumber-min:hover,.ui-inputnumber-wrap.disabled .ui-inputnumber-max:hover{border-color:var(--gray-border);color:#999;} .ui-inputnumber-center .ui-inputnumber-min{border-right:1px solid var(--gray-border);border-left:0;} .ui-inputnumber-wrap.small{border-radius:20px} .ui-inputnumber-wrap.small .ui-inputnumber-min,.ui-inputnumber-wrap.small .ui-inputnumber-max{padding:6px 10px;} .ui-inputnumber-wrap.small .ui-inputnumber-text{height:30px;width:35px;font-size:12px;} /*.ui-line*/ .ui-line{text-align:center;width:100%;position:relative;z-index:0;margin:10px 0;min-height:4px;} .ui-line:before{content:"";display:table;position:absolute;top:50%;width:100%;border-top:1px solid #e8eaec;transform:translateY(50%);z-index:-1;} .ui-line span{background:#fff;display:inline-block;padding:0 10px;z-index:1;white-space:nowrap;} .ui-line.left{text-align:left;} .ui-line.left span{margin-left:1.5%;} .ui-line.right{text-align:right;} .ui-line.right span{margin-right:1.5%;} .ui-line.red:before{border-top-color:var(--red);} .ui-line.red span{color:var(--red);} .ui-line.yellow:before{border-top-color:var(--yellow);} .ui-line.yellow span{color:var(--yellow);} .ui-line.blue:before{border-top-color:var(--blue);} .ui-line.blue span{color:var(--blue);} .ui-line.green:before{border-top-color:var(--green);} .ui-line.green span{color:var(--green);} .ui-line.info:before{border-top-color:var(--info);} .ui-line.info span{color:var(--info);} /*List*/ .ui-list{list-style:none;} .ui-list li{border-bottom:1px solid #f3f3f3;padding:15px 10px;display:flex;justify-content:space-between;align-items:center;} .ui-list li a{color:#333;flex:1;} .ui-list li a:hover{color:#f30;} .ui-list li a i{margin:0 10px 0 5px;color:#999;margin-right:10px;transform:translateY(-1px);} .ui-list li .arrow{padding:0 5px 0 9px;} .ui-list li .arrow:after{content:"\e84a";font-family:"iconfont";color:#ccc;font-size:16px;transform:translateY(3px);} .ui-list span.num{font-size:12px;color:#666;background:#fff;border:1px solid #ddd;width:18px;height:18px;line-height:16px;display:inline-block;margin-right:10px;text-align: center;border-radius:3px;position: relative;} .ui-list li span.num.blue{background:var(--blue);border-color:var(--blue);color:#fff;} .ui-list li span.num.red{background:var(--red);border-color:var(--red);color:#fff;} .ui-list li span.num.yellow{background:var(--yellow);border-color:var(--yellow);color:#fff;} .ui-list li span.num.green{background:var(--green);border-color:var(--green);color:#fff;} .ui-list li span.num.info{background:var(--info);border-color:var(--info);color:#fff;} .ui-list.border{border:1px solid #e4eaec;border-bottom:0;} .ui-list.striped li:nth-child(even){background:#F9FBFD;} .ui-list.hover li:hover{background:#F9FBFD;} .ui-list.border .arrow{padding:0 9px;} .ui-list .active{background:#F5FAFE;} /*LightBox*/ .ui-lightbox-mask{position:fixed;left:0;top:0;right:0;bottom:0;background:var(--mask);z-index:998;display:block;display:none;overflow:hidden;} .ui-lightbox-warp{background:#fff;padding:5px;border-radius:4px;z-index:999;position:fixed;left:45%;top:45%;user-select:none;} .ui-lightbox-left{position:absolute;left:-5px;top:50%;width:40px;height:40px;cursor:pointer;transform:translateY(-50%);background:#fff;border-radius:0 30px 30px 0;display:flex;justify-content:center;align-items:center;opacity:0;box-shadow:0 1px 3px rgba(0,0,0,0.3);} .ui-lightbox-left:after{content:"\e84b";font-family:iconfont;font-size:20px;color:#999;width:100%;height:100%;display:flex;justify-content:center;align-items:center;margin-right:5px;} .ui-lightbox-right{position:absolute;right:-5px;top:50%;width:40px;height:40px;cursor:pointer;transform:translateY(-50%);background:#fff;border-radius:30px 0 0 30px;display:flex;justify-content:center;align-items:center;opacity:0;box-shadow:0 1px 3px rgba(0,0,0,0.3);} .ui-lightbox-right:after{content:"\e84a";font-family:iconfont;font-size:20px;color:#999;width:100%;height:100%;display:flex;justify-content:center;align-items:center;margin-left:5px;} .ui-lightbox-warp:hover .ui-lightbox-left,.ui-lightbox-warp:hover .ui-lightbox-right{opacity:1;} .ui-lightbox-image{position:relative;} .ui-lightbox-video{background:#000;} .ui-lightbox-iframe{line-height:0;} .ui-lightbox-image-url{width:0;} .ui-lightbox-bottom{position:absolute;width:0;height:0;bottom:0;left:0;background:rgba(0,0,0,.6);color:#fff;padding:0 15px;overflow:hidden;transition:all .3s ease 0s;} .ui-lightbox-bottom *{line-height:40px;} .ui-lightbox-bottom i{float:right;font-style:normal;float:right;padding-left:15px;color:#999;} .ui-lightbox-close{position:absolute;right:-10px;top:-10px;cursor:pointer;width:30px;height:30px;line-height:30px;display:block;border-radius:50%;background:#fff;text-align:center;z-index:20;} .ui-lightbox-close i{font-size:16px;color:#333;} /*Modal*/ .ui-modal-mask{position:fixed;left:0;top:0;right:0;bottom:0;background:var(--mask);z-index:98;display:block;overflow-x:hidden;overflow-y:auto;display:none;} .ui-modal{display:none;z-index:99;position:fixed;border:1px solid var(--gray-border);border-radius:15px;background:#fff;width:500px;margin:0 auto;box-shadow:var(--gray-shadow);transition:transform .2s cubic-bezier(.16,.68,.43,.99);z-index:999;} .ui-modal-header{padding:20px;border-bottom:1px solid #f3f3f3;display:flex;} .ui-modal-header .ui-modal-title{flex:1;font-weight:bold;cursor:move;} .ui-modal-header .ui-modal-close{justify-content:flex-end;align-items:center;font-size:16px;cursor:pointer;font-weight:700;line-height:1;color:#999;} .ui-modal-header .ui-modal-close i{font-size:16px;} .ui-modal-header .ui-modal-close:hover{color:#000;} .ui-modal-body{padding:20px;max-height:500px;overflow-y:auto;} .ui-modal-body .ui-form-ip{line-height:normal;} .ui-modal-footer{padding:10px 20px;border-top:1px solid #f3f3f3;text-align:right;} .ui-modal.small{width:300px;} .ui-modal.small .ui-modal-body{/*max-height:220px;*/} .ui-modal.big{width:800px;} .ui-modal.large{width:1000px;} .ui-modal.in{transition:transform 0.3s ease-out;transform:translate(0,50px);} .ui-modal.out{transition:transform 0.3s ease-out;transform:translate(0);} /*Media*/ .ui-media-list{} .ui-media-list .ui-media{margin-bottom:20px;padding-bottom:20px;display:flex;border-bottom:1px solid #f3f3f3;} .ui-media-list .ui-media:last-child{margin-bottom:0;} .ui-media-img{} .ui-media-img img,.ui-media-img svg{border:1px solid #f3f3f3;padding:3px;text-anchor:middle;border-radius:4px;} .ui-media-body{flex:1;position:relative;overflow:hidden;} .ui-media-header{margin:0 0 5px 0;font-size:16px;font-weight:bold;} .ui-media-text{color:#666;word-break:break-all;} .ui-media-text img{max-width:100%;} .ui-media-other{font-size:12px;color:#999;margin-top:5px;vertical-align:middle;} .ui-media-link{padding-left:15px;} .ui-media-arrow{padding-left:15px;} .ui-media-arrow:after{content:"\e84a";font-family:iconfont;color:#ddd;font-size:20px;} .ui-media-center{display:flex;align-items:center;} .ui-media-bottom{display:flex;align-items:flex-end;} .ui-media-border .ui-media{border-bottom:0;padding-bottom:0;} .ui-media-border .ui-media-body{border-bottom:1px solid var(--gray-border);padding-bottom:30px;} .ui-media-border .ui-media-link,.ui-media-border .ui-media-arrow{border-bottom:1px solid var(--gray-border);} .ui-media-border-none .ui-media{border-bottom:0;} .ui-media-border-none .ui-media:last-child{margin-bottom:0;padding-bottom:0;} /*Menu*/ .ui-menu{display:flex;border-bottom:1px solid var(--gray-border);justify-content:space-between;align-items:center;} .ui-menu .ui-menu-name{color:#333;border-bottom:3px solid #999;margin-bottom:-2px;padding-bottom:15px;font-weight:bold;} .ui-menu .ui-menu-more{padding-bottom:5px;} .ui-menu .ui-menu-more a{color:#666;display:block;padding-bottom:10px;} .ui-menu .ui-menu-more a:hover{color:#f30;} .ui-menu.red .ui-menu-name{color:var(--red);border-bottom-color:var(--red);} .ui-menu.yellow .ui-menu-name{color:var(--yellow);border-bottom-color:var(--yellow);} .ui-menu.blue .ui-menu-name{color:var(--blue);border-bottom-color:var(--blue);} .ui-menu.green .ui-menu-name{color:var(--green);border-bottom-color:var(--green);} .ui-menu.info .ui-menu-name{color:var(--info);border-bottom-color:var(--info);} .ui-menu-noborder{border:0;} .ui-menu-noborder .ui-menu-name{border:0;} /*Nav*/ .ui-nav{position:relative;} .ui-nav-line{height:3px;width:0px;background:var(--blue);position:absolute;left:0;bottom:0px;} .ui-nav[type="top"] .ui-nav-line{top:0;bottom:auto;} .ui-nav.white .ui-nav-line{background:#fff;} .ui-nav.red .ui-nav-line{background:var(--red);} .ui-nav.yellow .ui-nav-line{background:var(--yellow);} .ui-nav.blue .ui-nav-line{background:var(--blue);} .ui-nav.green .ui-nav-line{background:var(--green);} .ui-nav.info .ui-nav-line{background:var(--info);} .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>i{display:none;transition:all 0.4s ease;color:#ccc;cursor:pointer;text-align:right;font-size:14px;position:absolute;top:50%;right:0;transform:translateY(-50%);} .ui-nav ul li a{display:block;padding:10px;font-size:16px;text-align:center;} .ui-nav ul>li>ul{position:absolute;border:1px solid var(--gray-border);background:#fff;opacity:0;transition:all .3s ease 0s;visibility:hidden;transform:translate3d(0,0,0);box-shadow:0 4px 8px 0 rgba(7,17,27,0.1);z-index:20;} .ui-nav>ul>li>ul{left:50%;transform:translateX(0%)} .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;padding:8px 20px;line-height:30px;font-size:15px;} .ui-nav ul li>ul>li>a:hover{background:var(--blue);color:#fff;} .ui-nav ul>li:hover>ul{opacity:1;transform:translate3d(0,0,0);visibility:visible;} .ui-nav>ul>li:hover>ul{opacity:1;transform:translate3d(-50%,0,0);visibility:visible;} .ui-nav ul li ul li ul{position:absolute;top:-1px;left:100%;} .ui-nav.white ul li a{color:#fff} .ui-nav.white ul li a:hover{color:#fff} .ui-nav.white ul li.active>a{color:#fff} .ui-nav.white ul li ul li a{color:#333;} .ui-nav.white ul li li:hover>a{background:#f3f3f3;color:#333;} .ui-nav.white ul li ul li a:hover{background:#f3f3f3;color:#333;} .ui-nav.blue ul li a:hover{color:var(--blue)} .ui-nav.blue ul li.active>a{color:var(--blue)} .ui-nav.blue ul li ul li a:hover{background:var(--blue);color:#fff;} .ui-nav.blue ul li li:hover>a{background:var(--blue);color:#fff;} .ui-nav.red ul li a:hover{color:var(--red)} .ui-nav.red ul li.active>a{color:var(--red)} .ui-nav.red ul li ul li a:hover{background:var(--red);color:#fff;} .ui-nav.red ul li li:hover>a{background:var(--red);color:#fff;} .ui-nav.yellow ul li a:hover{color:var(--yellow)} .ui-nav.yellow ul li.active>a{color:var(--yellow)} .ui-nav.yellow ul li ul li a:hover{background:var(--yellow);color:#fff;} .ui-nav.yellow ul li li:hover>a{background:var(--yellow);color:#fff;} .ui-nav.green ul li a:hover{color:var(--green)} .ui-nav.green ul li.active>a{color:var(--green)} .ui-nav.green ul li ul li a:hover{background:var(--green);color:#fff;} .ui-nav.green ul li li:hover>a{background:var(--green);color:#fff;} .ui-nav.info ul li a:hover{color:var(--info)} .ui-nav.info ul li.active>a{color:var(--info)} .ui-nav.info ul li ul li a:hover{background:var(--info);color:#fff;} .ui-nav.info ul li li:hover>a{background:var(--info);color:#fff;} .ui-nav.black ul li a:hover{color:#000} .ui-nav.black ul li.active>a{color:#000} .ui-nav.black ul li ul li a:hover{background:#000;color:#fff;} .ui-nav.black ul li li:hover>a{background:#000;color:#fff;} .ui-nav.full ul{display:flex;} .ui-nav.full ul li{flex:1;} .ui-nav.full ul li ul,.ui-nav.full ul li ul li{display:block;width:100%;} .ui-nav.bottom ul li ul{bottom:41px;} .ui-nav.bottom ul li ul:before{width:0;height:0;} .ui-nav.bgcolor.red{background:var(--red);border:1px solid var(--red);} .ui-nav.bgcolor.red>ul>li>a{color:#fff;} .ui-nav.bgcolor.red>ul>li.active>a{background:#fff;color:#333;} .ui-nav.bgcolor.yellow{background:var(--yellow);border:1px solid var(--yellow);} .ui-nav.bgcolor.yellow>ul>li>a{color:#fff;} .ui-nav.bgcolor.yellow>ul>li.active>a{background:#fff;color:#333;} .ui-nav.bgcolor.blue{background:var(--blue);border:1px solid var(--blue);} .ui-nav.bgcolor.blue>ul>li>a{color:#fff;} .ui-nav.bgcolor.blue>ul>li.active>a{background:#fff;color:#333;} .ui-nav.bgcolor.green{background:var(--green);border:1px solid var(--green);} .ui-nav.bgcolor.green>ul>li>a{color:#fff;} .ui-nav.bgcolor.green>ul>li.active>a{background:#fff;color:#333;} .ui-nav.bgcolor.info{background:var(--info);border:1px solid var(--info);} .ui-nav.bgcolor.info>ul>li>a{color:#fff;} .ui-nav.bgcolor.info>ul>li.active>a{background:#fff;color:#333;} .ui-nav.bgcolor.black{background:#000;border:1px solid #000;} .ui-nav.bgcolor.black>ul>li>a{color:#fff;} .ui-nav.bgcolor.black>ul>li.active>a{background:#fff;color:#333;} /*Offside*/ .ui-offside-mask{position:fixed;left:0;top:0;right:0;bottom:0;background:rgba(0,0,0,.3);z-index:98;overflow-y:auto;display:none;} .ui-offside{position:fixed;min-width:200px;z-index:996;scrolling:touch;background:#fff;transition:all .3s ease 0s;} .ui-offside-left{left:-100%;top:0;height:100%;overflow-y:auto;} .ui-offside-right{right:-100%;top:0;height:100%;overflow-y:auto;} .ui-offside-top{top:-100%;width:100%;min-height:100px;} .ui-offside-bottom{bottom:-110%;width:100%;min-height:100px;} .ui-offside.in.ui-offside-left,.ui-offside.in.ui-offside-right{transform:translate3d(0,0,0);} .ui-offside-right-close{position:absolute;right:10px;top:-10px;font-size:24px;font-weight:bold;background:#fff;width:28px;height:28px;line-height:26px;padding:0;text-align:center;border:1px solid #ddd;color:#333;border-radius:50%;display:none;z-index:999;} .ui-offside.in .ui-offside-right-close{display:inline-block;} /*OrderBy*/ .ui-orderby{background:#fff;border:1px solid #eee;} .ui-orderby ul{list-style:none;display:flex;} .ui-orderby ul li a{border-right:1px solid #eee;padding:10px 30px;color:#666;display:block;} .ui-orderby ul li a:hover{background:#fff;color:var(--blue);} .ui-orderby ul li a i{font-size:16px;margin-left:5px;} .ui-orderby ul li.active a{background:var(--blue);border-right-color:var(--blue);color:#fff;} .ui-orderby.red ul li a:hover{color:var(--red);} .ui-orderby.red ul li.active a{background:var(--red);border-right-color:var(--red);color:#fff;} .ui-orderby.yellow ul li a:hover{color:var(--yellow);} .ui-orderby.yellow ul li.active a{background:var(--yellow);border-right-color:var(--yellow);color:#fff;} .ui-orderby.blue ul li a:hover{color:var(--blue);} .ui-orderby.blue ul li.active a{background:var(--blue);border-right-color:var(--blue);color:#fff;} .ui-orderby.green ul li a:hover{color:var(--green);} .ui-orderby.green ul li.active a{background:var(--green);border-right-color:var(--green);color:#fff;} .ui-orderby.info ul li a:hover{color:var(--info);} .ui-orderby.info ul li.active a{background:var(--info);border-right-color:var(--info);color:#fff;} .ui-orderby.black ul li a:hover{color:#666;} .ui-orderby.black ul li.active a{background:#666;border-right-color:#666;color:#fff;} /*PicList*/ /* 3:2 ： 66.6% 3:4 ： 133.3% 16:9 ： 56.2% 两列列宽：48.5% 三列列宽：31.8% 四列列宽：23.5% 五列列宽：18.5% */ .ui-piclist{margin:0 -.75%;padding:0 0 .25% 0;list-style:none;font-size:0;} .ui-piclist:after{content:"";clear:both;display:table;} .ui-piclist-item{float:left;width:23.5%;padding:0;margin:0 .75% 1.5% .75%;background:#fff;border:1px solid #eaeaea;position:relative;z-index:1;} .ui-piclist-item:hover{box-shadow:0 1px 20px rgba(0,0,0,0.1);} .ui-piclist-item .ui-progress{position:absolute;top:32%;left:10px;right:10px;z-index:2;} .ui-piclist-item .error{position:absolute;top:0;left:0;right:0;background:#F00;color:#fff;padding:8px;font-size:12px;z-index:2;text-align:center;} .ui-piclist-item.disabled,.ui-piclist-item.disabled a{cursor:not-allowed;} .ui-piclist-image{position:relative;overflow:hidden;padding-bottom:56.2%;height:0;} .ui-piclist-image img{width:100%;max-width:100%;position:absolute;z-index:1;object-fit:cover;top:50%;transform:translateY(-50%);} .ui-piclist-image svg{width:100%;height:100%;z-index:1;color:#fff;font-size:24px;text-anchor:middle;position:absolute;} .ui-piclist-image .upload{width:100%;height:100%;position:absolute;display:flex;justify-content:center;align-items:center;font-size:40px;color:#ccc;cursor:pointer;background:#f9f9f9;} .ui-piclist-image .upload:hover{color:#333;} .ui-piclist-image em{position:absolute;right:-74px;top:10px;z-index:10;width:200px;line-height:32px;background:var(--info);color:#fff;font-size:13px;text-align:center;font-style:normal;transform:rotate(45deg);} .ui-piclist-image em.bgcolor.red{background:var(--red);} .ui-piclist-image em.bgcolor.yellow{background:var(--yellow);} .ui-piclist-image em.bgcolor.blue{background:var(--blue);} .ui-piclist-image em.bgcolor.green{background:var(--green);} .ui-piclist-image em.bgcolor.info{background:var(--info);} .ui-piclist-body{padding:15px;} .ui-piclist-title{font-size:16px;} .ui-piclist-flex{margin:10px 0 5px 0;display:flex;align-items:center;} .ui-piclist-price{color:#333;flex:1;font-size:14px;} .ui-piclist-price strong{font-size:16px;color:var(--red);} .ui-piclist-price del,.ui-piclist-price span{color:#999;display:block;font-size:12px;} .ui-piclist-flex .action{} .ui-piclist-flex .action a.ui-btn{border-radius:50px;padding:0 20px;font-size:16px;} .ui-piclist-col-2 .ui-piclist-item{width:48.5%;} .ui-piclist-col-3 .ui-piclist-item{width:31.8%;} .ui-piclist-col-5 .ui-piclist-item{width:18.5%;} .ui-piclist-1-1 .ui-piclist-image{padding-bottom:100%;} .ui-piclist-3-2 .ui-piclist-image{padding-bottom:66.6%;} .ui-piclist-3-4 .ui-piclist-image{padding-bottom:133.3%;} .ui-piclist-4-3 .ui-piclist-image{padding-bottom:75%;} .ui-piclist-16-9 .ui-piclist-image{padding-bottom:56.2%;} .ui-piclist-100 .ui-piclist-image img{min-height:100%;} .ui-piclist-image .upload-action{position:absolute;width:100%;height:100%;bottom:-100%;display:flex;justify-content:center;align-items:center;font-size:15px;z-index:2;background:rgba(0,0,0,.4);transition:all .5s ease 0s;} .ui-piclist-image .upload-action a{font-size:30px;color:#ccc;margin:0 5px;} .ui-piclist-image .upload-action a:hover{color:#fff;} .ui-piclist-image:hover .upload-action{bottom:0;} .ui-piclist-top{margin-top:-15px;} .ui-piclist .ui-ring{top:-7px;} /*Page*/ .ui-page{-webkit-user-select:none;} .ui-page ul{margin:0;padding:0;list-style:none;display:flex;flex-wrap:wrap;margin-left:1px;} .ui-page ul li{font-size:0;list-style:none;display:inline-block;border:1px solid var(--gray-border);margin-left:-1px;margin-bottom:8px;} .ui-page ul li:first-child,.ui-page ul li:first-child a{border-radius:4px 0 0 4px;} .ui-page ul li:last-child,.ui-page ul li:last-child a{border-radius:0 4px 4px 0;} .ui-page ul li a{font-size:15px;display:block;padding:0 12px;line-height:38px;color:#444;background:#fff;} .ui-page ul li a:not([href]){color:#999;cursor:not-allowed;} .ui-page ul li.active{border-color:var(--blue);background:var(--blue);} .ui-page ul li.active a{color:#fff;background:var(--blue);border-radius:4px;} .ui-page ul li.active a:hover{background:var(--blue);} .ui-page ul li:hover a{background:#f9f9f9;} .ui-page.red ul li.active{border-color:var(--red);background:var(--red);} .ui-page.red ul li.active a{background:var(--red);} .ui-page.red ul li.active a:hover{background:var(--red);} .ui-page.yellow ul li.active{border-color:var(--yellow);background:var(--yellow);} .ui-page.yellow ul li.active a{background:var(--yellow);} .ui-page.yellow ul li.active a:hover{background:var(--yellow);} .ui-page.green ul li.active{border-color:var(--green);background:var(--green);} .ui-page.green ul li.active a{background:var(--green);} .ui-page.green ul li.active a:hover{background:var(--green);} .ui-page.info ul li.active{border-color:var(--info);background:var(--info);} .ui-page.info ul li.active a{background:var(--info);} .ui-page.info ul li.active a:hover{background:var(--info);} .ui-page.mid ul li{margin-right:8px;} .ui-page.mid ul li{border-radius:2px;} .ui-page.mid ul li:first-child,.ui-page-mid ul li:last-child{border-radius:2px;} .ui-page.center ul{display:flex;justify-content:center;align-items:center;} .ui-page.right ul{display:flex;} .ui-page.right ul li{margin-bottom:0;} .ui-page.right{display:flex;align-items:center;} .ui-page.right .ui-page-other{flex:1;} /*Progress*/ .ui-progress{background:#e4eaec;height:10px;overflow:hidden;display:flex;} .ui-progress .ui-progress-bar{background:var(--blue);display:flex;font-size:12px;color:#fff;justify-content:center;align-items:center;} .ui-progress.radius{border-radius:20px;} .ui-progress.radius .ui-progress-bar{border-radius:20px 0 0 20px;} .ui-progress.little{height:1px;} .ui-progress.small{height:4px;} .ui-progress.big{height:15px;} .ui-progress.large{height:22px;} .ui-progress.red .ui-progress-bar{background:var(--red);} .ui-progress.yellow .ui-progress-bar{background:var(--yellow);} .ui-progress.green .ui-progress-bar{background:var(--green);} .ui-progress.info .ui-progress-bar{background:var(--info);} .ui-progress.striped .ui-progress-bar{background-image:-webkit-linear-gradient(45deg,rgba(255,255,255,.15) 25%,transparent 25%,transparent 50%,rgba(255,255,255,.15) 50%,rgba(255,255,255,.15) 75%,transparent 75%,transparent);background-image:linear-gradient(45deg,rgba(255,255,255,.15) 25%,transparent 25%,transparent 50%,rgba(255,255,255,.15) 50%,rgba(255,255,255,.15) 75%,transparent 75%,transparent);background-size:40px 40px;-webkit-animation:ui-progress-bar-active 2s linear infinite normal;animation:ui-progress-bar-active 2s linear infinite normal} @-webkit-keyframes ui-progress-bar-active{from{background-position:30px 0}to{background-position:0 0}}@keyframes ui-progress-bar-active{from{background-position:30px 0}to{background-position:0 0}} .ui-progress-circle{width:100%;box-sizing:border-box;display:flex;justify-content:center;align-items:center;position:relative;} .ui-progress-circle svg{width:15rem;} .ui-progress-circle svg path{fill:none;stroke-width:0.4rem;} .ui-progress-circle svg path[track]{stroke:#f9f9f9;} .ui-progress-circle svg path[bar]{stroke:var(--blue);transition:stroke 300ms cubic-bezier(0.18, 0.64, 0.56, 1), stroke-width 300ms cubic-bezier(0.18, 0.64, 0.56, 1);} .ui-progress-circle [label]{text-align:center;position:absolute;left:50%;transform:translate(-50%, -50%);top:50%;} .ui-progress-circle [label] i{font-style:normal;} .ui-progress-circle [label] [text]{color:#999;font-size:1rem;line-height:1.8rem;} .ui-progress-circle [label] [progress]{font-size:1.6rem;} .ui-progress-circle [label] [unit]{color:#999;margin-left:2px;} .ui-progress-circle[type="full"] svg path,.ui-progress-circle[type=""] svg path{transform:rotate(90deg);transform-origin:50% 50%;} .ui-progress-circle[type="half"] [label]{transform:translate(-50%,0);bottom:0;top:auto;} .ui-progress-circle[type="half"] [label] [text]{line-height:1.2rem;} .ui-progress-circle[size="little"] svg {width:5rem;} .ui-progress-circle[size="little"] svg path {stroke-width:0.4rem;} .ui-progress-circle[size="little"] [label] [text]{font-size:0.8rem;display:none;} .ui-progress-circle[size="little"] [label] [progress]{font-size:1rem;} .ui-progress-circle[size="small"] svg {width:10rem;} .ui-progress-circle[size="small"] svg path {stroke-width:0.4rem;} .ui-progress-circle[size="small"] [label] [text]{font-size:0.8rem;} .ui-progress-circle[size="small"] [label] [progress]{font-size:1.2rem;} .ui-progress-circle[size="large"] svg {width: 20rem;} .ui-progress-circle[size="large"] svg path {stroke-width:0.6rem;} .ui-progress-circle[size="large"] [label] [text]{font-size:1rem;} .ui-progress-circle[size="large"] [label] [progress]{font-size:1.8rem;} .ui-progress-circle[theme="blue"] [track]{stroke:#F0F7FF;} .ui-progress-circle[theme="blue"] [bar]{stroke:#1A8CFF;} .ui-progress-circle[theme="green"] [track]{stroke:#F0FAF2;} .ui-progress-circle[theme="green"] [bar]{stroke:var(--green);} .ui-progress-circle[theme="red"] [track]{stroke:#FFF0F1;} .ui-progress-circle[theme="red"] [bar]{stroke:var(--red);} .ui-progress-circle[theme="yellow"] [track]{stroke:#FFF5EB;} .ui-progress-circle[theme="yellow"] [bar]{stroke:var(--yellow);} .ui-progress-circle[theme="info"] [track]{stroke:#F0F7FF;} .ui-progress-circle[theme="info"] [bar]{stroke:var(--info);} .ui-rollimg{background:#303030;background-size:cover;background-attachment:fixed!important;position:relative;display:flex;align-items:center;} .ui-rollimg::before{content:'';width:100%;height:100%;position:absolute;top:0;left:0;background:#353535;opacity:0.6;} /*Step*/ .ui-step-wrap{position:relative;overflow:hidden;z-index:20;} .ui-step-wrap .ui-step-bg,.ui-step-wrap .ui-step-progress{height:4px;position:absolute;top:17px;left:0;} .ui-step-wrap .ui-step-bg{width:100%;background:#ccd5db;} .ui-step-wrap .ui-step-progress{width:0;background:var(--blue);} .ui-step{font-size:0;display:flex;position:relative;} .ui-step-item{font-size:16px;text-align:center;flex:1;position:relative;} .ui-step-num{width:36px;height:36px;font-size:18px;line-height:32px;background:#ccd5db;border:2px solid #ccd5db;display:block;border-radius:50%;color:#fff;text-align:center;margin:0 auto;} .ui-step-title{line-height:32px;color:#999;} .ui-step-item.active .ui-step-num{background:#fff;color:var(--blue);border-color:var(--blue);} .ui-step-item.active .ui-step-title{color:var(--blue);} .ui-step-bottom .ui-step-bg,.ui-step-bottom .ui-step-progress{top:48px;} .ui-step-wrap.red .ui-step-progress{background:var(--red);} .ui-step-wrap.red .ui-step-item.active .ui-step-num{color:var(--red);border-color:var(--red);} .ui-step-wrap.red .ui-step-item.active .ui-step-title{color:var(--red);} .ui-step-wrap.yellow .ui-step-progress{background:var(--yellow);} .ui-step-wrap.yellow .ui-step-item.active .ui-step-num{color:var(--yellow);border-color:var(--yellow);} .ui-step-wrap.yellow .ui-step-item.active .ui-step-title{color:var(--yellow);} .ui-step-wrap.green .ui-step-progress{background:var(--green);} .ui-step-wrap.green .ui-step-item.active .ui-step-num{color:var(--green);border-color:var(--green);} .ui-step-wrap.green .ui-step-item.active .ui-step-title{color:var(--green);} .ui-step-wrap.info .ui-step-progress{background:var(--info);} .ui-step-wrap.info .ui-step-item.active .ui-step-num{color:var(--info);border-color:var(--info);} .ui-step-wrap.info .ui-step-item.active .ui-step-title{color:var(--info);} .ui-step-arrow:after{display:block;content:"";margin:15px auto 0 auto;width:20px;height:20px;border:1px solid var(--gray-border);border-left:0;border-bottom:0;-webkit-transform:rotate(-45deg);-ms-transform:rotate(-45deg);transform:rotate(-45deg);background:#fff;z-index:30;} /*Star*/ .ui-star{} .ui-star-item{font-size:30px;font-family:arial;display:inline-block;color:#999;cursor:pointer;} .ui-star-item i{font-size:24px;} .ui-star-item:hover{color:#f30;} .ui-star-full{color:#f30;} .ui-star-active{color:#f30;} /*Scroll*/ .ui-scroll{overflow:hidden;position:relative;} .ui-scroll-warp{width:100%;} /*Table*/ .ui-table-wrap{overflow-y:auto;width:100%;margin-bottom:10px;} .ui-table{width:100%;} .ui-table th{padding:10px 8px;height:50px;white-space:nowrap;border-bottom:1px solid #eaeaea;white-space:nowrap;} .ui-table td{padding:10px 8px;border-bottom:1px solid #eaeaea;min-height:40px;} .ui-table.border,.ui-table.border th,.ui-table.border td{border:1px solid #eaeaea;text-align:center;} .ui-table.hover tr:hover{background:#F6F9FF;} .ui-table.striped tr:nth-child(even){background:#FBFDFF;} .ui-table.striped tr:nth-child(even):hover{background:#F6F9FF;} .ui-table td .ui-switch{margin-top:5px;} .ui-table td [class*=ui-icon-]{font-size:19px;} .ui-table td a [class*=ui-icon-]{color:#999;} .ui-table td a:hover [class*=ui-icon-]{color:#f30;} .ui-table td del{color:#999;} .ui-table .ui-active{background:#F6F9FF;} .ui-table .ui-active tr:hover{background:#F6F9FF;} .ui-table .border-left-none{border-left:0;} .ui-table .border-right-none{border-right:0;} .ui-table td .image{border:1px solid #f3f3f3;width:64px;vertical-align:text-top;margin-right:15px;float:left;padding:2px;} .ui-table.blue{border-top:1px solid #DAE3F5;} .ui-table.blue th{background:#F6F9FF;border-color:#DAE3F5;} .ui-table.blue td{border-color:#EBF2FF;} .ui-table.blue td.link a{color:#2E82FF;} .ui-table.blue td.link a:hover{color:#f30;} .ui-table.blue td.link a.disabled{cursor:not-allowed;color:#ccc;} .ui-table.blue td.link a.gray{color:#999;} .ui-table.blue td.link a:hover.gray{color:#f30;} .ui-table.blue td.link a.red{color:#f30;} .ui-table.blue td.link a:hover.red{color:#f00;} .ui-table.red{border-top:1px solid #FFD1D0;} .ui-table.red th{background:#FFF6F6;border-color:#FFD1D0;} .ui-table.yellow{border-top:1px solid #FFEFE7;} .ui-table.yellow th{background:#FFFDFC;border-color:#FFEFE7;} .ui-table.green{border-top:1px solid #D9EBDA;} .ui-table.green th{background:#F7FDF7;border-color:#D9EBDA;} .ui-table.gray th{background:#fafafa;border-color:#eaeaea;} .ui-table.gray td{border-color:#eaeaea;} .ui-table.dark th{background:#697076;color:#fff;border-color:#697076;} .ui-table.dark td{border-color:#eaeaea;} /*Tab*/ .ui-tabs{} .ui-tabs:after{display:table;content:"";clear:both;} .ui-tabs-nav{border-bottom:1px solid #e4eaec;font-size:0;align-self:flex-end;position:relative;} .ui-tabs-nav li{display:inline-block;margin-right:20px;} .ui-tabs-nav li a{display:block;color:#76838F;padding:15px 0px;font-size:16px;} .ui-tabs-nav li a:hover{color:var(--blue);} .ui-tabs-nav li:hover{} .ui-tabs-nav li.active{border-bottom:3px solid var(--blue);margin-bottom:-2px;} .ui-tabs-nav li.active a{color:var(--blue);} .ui-tabs-nav.border-none li.active{border-bottom:0} .border-none .ui-tabs-nav{border-bottom:0} .ui-tabs-line{height:3px;width:0px;background:var(--blue);position:absolute;left:0;bottom:-2px;} .ui-tabs-content{padding-top:10px;} .ui-tabs-content .ui-tabs-pane{display:none;} .ui-tabs-content .ui-tabs-pane img{max-width:100%;} .ui-tabs-pane.active{display:block;} .ui-tabs-vertical{display:flex;} .ui-tabs-vertical>.ui-tabs-nav{flex-direction:column;border-right:1px solid #e4eaec;border-bottom:none;position:relative;} .ui-tabs-vertical>.ui-tabs-nav li{display:flex;margin:0;} .ui-tabs-vertical>.ui-tabs-nav li a{padding:20px 30px;} .ui-tabs-vertical>.ui-tabs-nav li.active{border:0;border-right:3px solid var(--blue);margin-right:-2px;} .ui-tabs-vertical>.ui-tabs-nav li:hover{border:0;border-right:3px solid var(--blue);margin-right:-2px;} .ui-tabs-vertical>.ui-tabs-nav.border-none li.active{border-right:0} .ui-tabs-vertical>.ui-tabs-nav.border-none li:hover{border-right:0} .ui-tabs-vertical>.ui-tabs-content{padding:0 20px;flex:1;} .ui-tabs-vertical>.ui-tabs-nav .ui-tabs-line{height:0px;width:3px;background:var(--blue);position:absolute;right:-2px;top:0;left:auto;} .ui-tabs-white>.ui-tabs-nav{border:0;} .ui-tabs-white>.ui-tabs-nav li{margin:0;} .ui-tabs-white>.ui-tabs-nav li a{padding:15px 30px;} .ui-tabs-white>.ui-tabs-nav li:hover{border:0;} .ui-tabs-white>.ui-tabs-nav li.active{border:0;background:#fff;border-radius:4px 4px 0 0;font-weight:normal;} .ui-tabs-white>.ui-tabs-nav li.active a{color:#444;} .ui-tabs-white>.ui-tabs-content{border:0;background:#fff;padding:20px;} .ui-tabs-header-nav{display:flex;border-bottom:1px solid var(--gray-border);} .ui-tabs-header-nav>.ui-tabs-nav{flex:1;} .ui-tabs-header-more{align-items:center;justify-content:flex-end;display:flex;} .ui-tabs-header-subject{display:flex;} .ui-tabs-header-subject .ui-tabs-header-title{align-items:center;justify-content:flex-start;display:flex;flex:1;font-size:18px;font-weight:400;} .ui-tabs-header-subject .ui-tabs-nav{justify-content:flex-end;display:flex;} .ui-tabs-header-subject .ui-tabs-nav li{margin-left:10px;margin-right:0;} .ui-tabs-content .ui-tabs-pane .ui-tabs-nav li.active{display:inline-block;} /*Tips*/ .ui-tips-show{display:inline-block;background:#fff;border:1px solid var(--gray-border);border-radius:4px;padding:10px 12px;box-shadow:1px 2px 10px rgba(0,0,0,0.1);max-width:600px;word-break:break-all;z-index:999;} .ui-tips-show img{max-width:100%;border:1px solid #f3f3f3;margin:8px 0;} .ui-tips-show:after{content:"";position:absolute;width:10px;height:10px;border-left:0;border-bottom:0;background:#fff;border:1px solid var(--gray-border);border-bottom:0;border-right:0;} .ui-tips-left:after{right:-6px;top:50%;transform:translateY(-50%) rotate(-225deg);} .ui-tips-top:after{left:50%;top:100%;transform:translateX(-50%) translateY(-50%) rotate(-140deg);} .ui-tips-right:after{left:-6px;top:50%;transform:translateY(-50%) rotate(-45deg);} .ui-tips-bottom:after{left:50%;top:0;transform:translateX(-50%) translateY(-50%) rotate(45deg);} .ui-tips-bottom-left:after{left:10px;top:0;transform:translateY(-50%) rotate(45deg);} .ui-tips-top-left:after{left:10px;top:100%;transform:translateY(-50%) rotate(-140deg);} .ui-tips-right-top:after{left:-5px;top:15px;transform:translateY(-50%) rotate(-45deg);} .ui-tips-show.red{background:var(--red);border-color:var(--red);color:#fff;} .ui-tips-show.red:after{border-color:var(--red);background:var(--red);} .ui-tips-show.yellow{background:var(--yellow);border-color:var(--yellow);color:#fff;} .ui-tips-show.yellow:after{border-color:var(--yellow);background:var(--yellow);} .ui-tips-show.blue{background:var(--blue);border-color:var(--blue);color:#fff;} .ui-tips-show.blue:after{border-color:var(--blue);background:var(--blue);} .ui-tips-show.green{background:var(--green);border-color:var(--green);color:#fff;} .ui-tips-show.green:after{border-color:var(--green);background:var(--green);} .ui-tips-show.info{background:var(--info);border-color:var(--info);color:#fff;} .ui-tips-show.info:after{border-color:var(--info);background:var(--info);} .ui-tips-show.black{background:#000;border-color:#000;color:#fff;} .ui-tips-show.black:after{border-color:#000;background:#000;} .ui-alert{padding:10px 20px;line-height:2;border:1px solid #ddd;color:#666;background:#fcfcfc;border-radius:4px;} span.ui-alert{padding:0 12px;line-height:38px;height:40px;vertical-align:middle;display:inline-block;} .ui-alert.blue{background:#F0F7FF;border-color:rgba(26,140,255,.3);} .ui-alert.red{background:#FFF0F1;border-color:rgba(255,72,55,.3);} .ui-alert.yellow{background:#FFF5EB;border-color:rgba(255,111,39,.3);} .ui-alert.green{background:#F0FAF2;border-color:rgba(25,190,107,.3);} .ui-alert.info{background:#F0F7FF;border-color:rgba(45,183,245,.3);} /*Toast*/ .ui-toast-warp{z-index:998;pointer-events:none;position:fixed;} .ui-toast{min-width:160px;max-width:400px;overflow:hidden;font-size:13px;background:#fff;box-shadow:0 1px 5px rgba(0,0,0,0.2);border-radius:4px;transition:transform .2s cubic-bezier(.16,.68,.43,.99);word-break:break-all;text-align:left;pointer-events:all;display:block;z-index:999;opacity:1;transition:all 0.2s linear;animation-duration:0.3s;animation-fill-mode:both;} .ui-toast-header{display:flex;align-items:center;padding:15px 16px;border-bottom:1px solid rgba(0,0,0,0.05);} .ui-toast-header .ui-toast-title{flex:1;font-weight:bold;} .ui-toast-header .ui-toast-close{justify-content:flex-end;align-items:center;font-size:20px;cursor:pointer;font-weight:bold;line-height:1;color:#999;} .ui-toast-header .ui-toast-close:hover{color:#000;} .ui-toast-body{padding:15px;font-size:13px;} .ui-toast-body-icon{padding:5px 10px 5px 15px;} .ui-toast-body span{font-size:24px;vertical-align:middle;margin-right:10px;transform:translateY(1px);} .ui-toast-body .success{color:var(--green);} .ui-toast-body .error{color:var(--red);} .ui-toast-body .warn{color:var(--yellow);} .ui-toast-body .ui-loading{width:30px;height:30px;display:inline-block;} .ui-progress-toast{background:#f5f5f5;} .ui-progress-toast .ui-progress-bar{background:var(--blue-hover);} .ui-progress-toast .ui-progress-success{background:var(--green);opacity:.6;} .ui-progress-toast .ui-progress-error{background:var(--red);opacity:.6;} .ui-progress-toast .ui-progress-warn{background:var(--yellow);opacity:.6;} .ui-progress-toast .ui-progress-loading{background:var(--red);} .ui-toast-warp-top-left{left:0;top:0;} .ui-toast-warp-top-right{right:0;top:0;} .ui-toast-warp-top-center{top:0;} .ui-toast-warp-bottom-left{left:0;bottom:0;} .ui-toast-warp-bottom-right{right:0;bottom:0;} .ui-toast-warp-bottom-center{bottom:0;} .ui-toast-warp-top-left .ui-toast,.ui-toast-warp-top-right .ui-toast,.ui-toast-warp-bottom-left .ui-toast,.ui-toast-warp-bottom-right .ui-toast{margin:10px;} .ui-toast-warp-top-center .ui-toast{margin:10px auto 5px auto;} .ui-toast-warp-bottom-center .ui-toast{margin:5px auto 10px auto;} .ui-toast.red{background:var(--red);color:#fff;} .ui-toast.red .ui-toast-header{border-color:#F16643;} .ui-toast.red .ui-toast-header .ui-toast-title{color:#fff;} .ui-toast.red .ui-toast-header .ui-toast-close{color:#fff;} .ui-toast.red .ui-toast-header .ui-toast-close:hover{color:#fff;} .ui-toast.red .ui-icon-font.success,.ui-toast.red .ui-icon-font.error,.ui-toast.red .ui-icon-font.warn{color:#fff;} .ui-toast.yellow{background:#FF6C47;color:#fff;} .ui-toast.yellow .ui-toast-header{border-color:#FB882D;} .ui-toast.yellow .ui-toast-header .ui-toast-title{color:#fff;} .ui-toast.yellow .ui-toast-header .ui-toast-close{color:#fff;} .ui-toast.yellow .ui-toast-header .ui-toast-close:hover{color:#fff;} .ui-toast.yellow .ui-icon-font.success,.ui-toast.yellow .ui-icon-font.error,.ui-toast.yellow .ui-icon-font.warn{color:#fff;} .ui-toast.blue{background:var(--blue);color:#fff;} .ui-toast.blue .ui-toast-header{border-color:var(--blue-hover);} .ui-toast.blue .ui-toast-header .ui-toast-title{color:#fff;} .ui-toast.blue .ui-toast-header .ui-toast-close{color:#fff;} .ui-toast.blue .ui-toast-header .ui-toast-close:hover{color:#fff;} .ui-toast.blue .ui-icon-font.success,.ui-toast.blue .ui-icon-font.error,.ui-toast.blue .ui-icon-font.warn{color:#fff;} .ui-toast.green{background:var(--green);color:#fff;} .ui-toast.green .ui-toast-header{border-color:var(--green-hover);} .ui-toast.green .ui-toast-header .ui-toast-title{color:#fff;} .ui-toast.green .ui-toast-header .ui-toast-close{color:#fff;} .ui-toast.green .ui-toast-header .ui-toast-close:hover{color:#fff;} .ui-toast.green .ui-icon-font.success,.ui-toast.green .ui-icon-font.error,.ui-toast.green .ui-icon-font.warn{color:#fff;} .ui-toast.info{background:var(--info);color:#fff;} .ui-toast.info .ui-toast-header{border-color:var(--info-hover);} .ui-toast.info .ui-toast-header .ui-toast-title{color:#fff;} .ui-toast.info .ui-toast-header .ui-toast-close{color:#fff;} .ui-toast.info .ui-toast-header .ui-toast-close:hover{color:#fff;} .ui-toast.info .ui-icon-font.success,.ui-toast.info .ui-icon-font.error,.ui-toast.info .ui-icon-font.warn{color:#fff;} .ui-toast.red .ui-progress-toast{background:none;} .ui-toast.red .ui-progress-toast .ui-progress-bar{background:rgba(255,255,255,.4);} .ui-toast.red .ui-progress-toast{background:none;} .ui-toast.red .ui-progress-toast .ui-progress-bar{background:rgba(255,255,255,.4);} .ui-toast.yellow .ui-progress-toast{background:none;} .ui-toast.yellow .ui-progress-toast .ui-progress-bar{background:rgba(255,255,255,.4);} .ui-toast.blue .ui-progress-toast{background:none;} .ui-toast.blue .ui-progress-toast .ui-progress-bar{background:rgba(255,255,255,.4);} .ui-toast.green .ui-progress-toast{background:none;} .ui-toast.green .ui-progress-toast .ui-progress-bar{background:rgba(255,255,255,.4);} .ui-toast.info .ui-progress-toast{background:none;} .ui-toast.info .ui-progress-toast .ui-progress-bar{background:rgba(255,255,255,.4);} .ui-toast-in{-webkit-animation-name:ui-toast-In;animation-name:ui-toast-In;} /*TimeLine*/ .ui-timeline{} .ui-timeline-item{padding:0 0 20px 40px;position:relative;} .ui-timeline-item:last-child{padding-bottom:0;} .ui-timeline-item:before{content:"";width:1px;display:block;background:#eee;height:100%;position:absolute;top:5px;left:10px;} .ui-timeline-dot{position:absolute;width:20px;height:20px;border-radius:50%;border:2px solid var(--blue);left:0;top:5px;background:#fff;} .ui-timeline-title{font-size:20px;font-weight:bold;margin-bottom:10px;padding:0;line-height:normal;} .ui-timeline-text{color:#666;} .ui-timeline.red .ui-timeline-dot{border-color:var(--red);} .ui-timeline.yellow .ui-timeline-dot{border-color:var(--yellow);} .ui-timeline.blue .ui-timeline-dot{border-color:var(--blue);} .ui-timeline.green .ui-timeline-dot{border-color:var(--green);} .ui-timeline.info .ui-timeline-dot{border-color:var(--info);} /*address*/ .ui-address{z-index:100;} .ui-address .ui-row{margin:0;} .ui-address .ui-col-4:first-child{padding-left:10px;} .ui-address .ui-col-4{border-left:1px solid var(--gray-border);overflow:hidden;padding:0;} .ui-address .ui-col-4:first-child{border:0;} .ui-address ul{height:300px;overflow-y:auto;width:220px;} .ui-address ul li{cursor:pointer;} @media(max-width:576px) { .ui-modal,.ui-dialog{max-width:95%;} .ui-dialog-address{max-width:100%;} .ui-dialog-address .ui-list li{border-bottom:0;} .ui-dialog-body-address{min-height:200px;} .ui-step-wrap .ui-step-bg,.ui-step-wrap .ui-step-progress{height:2px;} .ui-step-num{width:30px;height:30px;font-size:16px;line-height:26px;} .ui-piclist-image em{position:absolute;z-index:10;width:200px;height:24px;line-height:26px;background:var(--info);color:#fff;font-size:9px;text-align:center;font-style:normal;transform:rotate(45deg);} .ui-page ul li a{font-size:12px;padding:0 12px;line-height:30px;} .ui-piclist-price strong{font-size:15px;font-weight:normal;} .ui-filter .ui-filter-left{padding-top:8px;font-size:12px;width:50px;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;} .ui-filter .ui-filter-right a{padding:3px 4px;margin:5px 3px 5px 0;font-size:12px;} .ui-dialog-tips .ui-dialog-body{padding:20px;font-size:14px;} .ui-carousel-prev-icon,.ui-carousel-next-icon{width:30px;height:30px;} .ui-pt ui-text-right{text-align:left;padding-left:15px;} .ui-pt ui-text-right-top{text-align:left;padding-left:15px;} .ui-col-form-label{text-align:left;padding-left:15px;} .ui-col-form-label-top{text-align:left;padding-left:15px;} } .ui-mwidth{width:100%;max-width:640px;margin:0 auto;} /*Topbar*/ .ui-topbar{display:flex;padding:10px 15px;background:var(--blue);justify-content:center;align-items:center;} .ui-topbar-logo{padding:5px 10px 5px 0;} .ui-topbar-logo a{color:#fff;} .ui-topbar-search{flex:1;justify-content:flex-end;color:#fff;text-align:right;padding-right:20px;position:relative;} .ui-topbar-search input{background:#fff;border:1px solid rgba(255,255,255,.5);height:34px;padding:0 15px;border-radius:20px;color:#666;width:100%;margin-left:20px;} .ui-topbar-search button{position:absolute;background:none;width:30px;border:0;top:2px;right:10px;} .ui-topbar-search button:focus{border:0;} .ui-topbar-search button i{color:#999;} .ui-topbar-search-layout{flex:1;justify-content:flex-end;text-align:right;padding-right:20px;position:relative;} .ui-topbar-search-layout a{background:#fff;border:1px solid rgba(255,255,255,.5);line-height:30px;height:34px;padding:10px 15px;border-radius:20px;color:#666;width:100%;margin-left:20px;display:block;text-align:left;line-height:1;} .ui-topbar-search-layout i{position:absolute;top:10%;right:15px;color:#999;} .ui-topbar-three{justify-content:space-between;} .ui-topbar-left{color:#fff;min-width:20px;cursor:pointer;} .ui-topbar-left a{color:#fff;} .ui-topbar-title{color:#fff;font-size:16px;padding:0 20px;} .ui-topbar-right{color:#fff;min-width:20px;} .ui-topbar-right a{color:#fff;} .ui-topbar.red{background:var(--red);} .ui-topbar.yellow{background:var(--yellow);} .ui-topbar.blue{background:var(--blue);} .ui-topbar.green{background:var(--green);} .ui-topbar.info{background:var(--info);} .ui-topbar.black{background:#222;} .ui-topbar.white{background:#fff;} .ui-topbar.white .ui-topbar-left a{color:#333;} .ui-topbar.white .ui-topbar-title{color:#333;} .ui-topbar.white .ui-topbar-right{color:#333;} .ui-topbar.white .ui-topbar-right a{color:#333;} .ui-topbar.opacity{background:none;z-index:998;position:relative;} .ui-topbar.opacity .ui-topbar-left a{color:#fff;background:rgba(51,51,51,.2);padding:5px;border-radius:50%;} .ui-topbar.opacity .ui-topbar-right a{color:#fff;background:rgba(51,51,51,.2);padding:5px;border-radius:50%;} .ui-topbar.opacity .ui-topbar-title ul{list-style:none;display:none;margin-bottom:-6px;} .ui-topbar.opacity .ui-topbar-title ul li{font-size:13px;padding:0 8px;} .ui-topbar.opacity .ui-topbar-title ul li a{border-bottom:2px solid transparent;display:flex;padding-bottom:5px;} .ui-topbar.opacity .ui-topbar-title ul li.active a{border-bottom-color:var(--blue);color:var(--blue);} .ui-topbar-show{background:#fff;transition:background 1s;border-bottom:1px solid #eee;box-shadow:1px 1px 10px rgba(0,0,0,.1);} .ui-topbar-show .ui-topbar-left{font-size:16px;color:#333;} .ui-topbar-show .ui-topbar-left a{color:#333;background:#fff;transition:background 1s;padding:5px;font-size:16px;} .ui-topbar-show .ui-topbar-right a{color:#333;background:#fff;transition:background 1s;padding:5px;} .ui-topbar-show .ui-topbar-title{color:#333;} .ui-topbar-show .ui-topbar-title ul{display:flex;} /*Footbar*/ .ui-footbar{display:flex;background:#fff;box-shadow:1px -2px 10px 0px rgba(0,0,0,0.05);justify-content:space-between;align-items:center;} .ui-footbar-left{display:flex;padding:0 10px;} .ui-footbar-left a{font-size:13px;padding:0 10px;text-align:center;display:block;line-height:22px;color:#999;} .ui-footbar-left a:last-child{border:0;} .ui-footbar-left a i{display:block;font-size:22px;margin:5px 0 0 0;} .ui-footbar-left a.active i{color:#f30;} .ui-footbar-left a.red{color:var(--red);} .ui-footbar-left a.blue{color:var(--blue);} .ui-footbar-left a.yellow{color:var(--yellow);} .ui-footbar-left a.green{color:var(--green);} .ui-footbar-right{display:flex;line-height:45px;} .ui-footbar-right a,.ui-footbar-right button{display:block;height:100%;color:var(--blue);text-align:center;border:0;overflow:hidden;font-size:13px;padding:0 10px;} .ui-footbar-right a.red,.ui-footbar-right button.red{background:var(--red);color:#fff;} .ui-footbar-right a.blue,.ui-footbar-right button.blue{background:var(--blue);color:#fff;} .ui-footbar-right a.yellow,.ui-footbar-right button.yellow{background:var(--yellow);color:#fff;} .ui-footbar-right a.green,.ui-footbar-right button.green{background:var(--green);color:#fff;} .ui-footbar-right.flex{flex:1;} .ui-footbar-right.flex a,.ui-footbar-right.flex button{flex:1;} .ui-footbar-right a.disabled,.ui-footbar-right button:disabled{background:#ccc !important;border-color:#ccc !important;color:#fff !important;} .ui-footbar-right a.disabled,.ui-footbar-right button:disabled:hover{background:#ccc !important;border-color:#ccc !important;} /*Footnav*/ .ui-footnav{display:flex;background:#fff;box-shadow:1px -2px 10px 0px rgba(0,0,0,0.05);justify-content:center;align-items:center;} .ui-footnav a{line-height:20px;padding:8px 0 6px 0;font-size:12px;text-align:center;border-right:0px solid #f3f3f3;display:block;flex:1;color:#999;position:relative;} .ui-footnav a:last-child{border:0;} .ui-footnav a i{display:block;font-size:20px;color:#666;} .ui-footnav a .ui-badge{position:absolute;top:4px;} .ui-footnav a.active{color:var(--blue);} .ui-footnav a.active i{color:var(--blue);} .ui-footnav.red a.active{color:var(--red);} .ui-footnav.red a.active i{color:var(--red);} .ui-footnav.yellow a.active{color:var(--yellow);} .ui-footnav.yellow a.active i{color:var(--yellow);} .ui-footnav.blue a.active{color:var(--blue);} .ui-footnav.blue a.active i{color:var(--blue);} .ui-footnav.green a.active{color:var(--green);} .ui-footnav.green a.active i{color:var(--green);} .ui-footnav.info a.active{color:var(--info);} .ui-footnav.info a.active i{color:var(--info);} .ui-footnav.bgcolor.red{background:var(--red);} .ui-footnav.bgcolor.red a{color:#fff;border-right-color:rgba(255,255,255,.2);} .ui-footnav.bgcolor.red a i{color:#fff;} .ui-footnav.bgcolor.red a.active,.ui-footnav.bgcolor.red a.active i{color:#ff0;} .ui-footnav.bgcolor.yellow{background:var(--yellow);} .ui-footnav.bgcolor.yellow a{color:#fff;border-right-color:rgba(255,255,255,.2);} .ui-footnav.bgcolor.yellow a i{color:#fff;} .ui-footnav.bgcolor.yellow a.active,.ui-footnav.bgcolor.yellow a.active i{color:#ff0;} .ui-footnav.bgcolor.blue{background:var(--blue);} .ui-footnav.bgcolor.blue a{color:#fff;border-right-color:rgba(255,255,255,.2);} .ui-footnav.bgcolor.blue a i{color:#fff;} .ui-footnav.bgcolor.blue a.active,.ui-footnav.bgcolor.blue a.active i{color:#ff0;} .ui-footnav.bgcolor.green{background:var(--green);} .ui-footnav.bgcolor.green a{color:#fff;border-right-color:rgba(255,255,255,.2);} .ui-footnav.bgcolor.green a i{color:#fff;} .ui-footnav.bgcolor.green a.active,.ui-footnav.bgcolor.green a.active i{color:#ff0;} .ui-footnav.bgcolor.info{background:var(--info);} .ui-footnav.bgcolor.info a{color:#fff;border-right-color:rgba(255,255,255,.2);} .ui-footnav.bgcolor.info a i{color:#fff;} .ui-footnav.bgcolor.info a.active,.ui-footnav.bgcolor.info a.active i{color:#ff0;} .ui-footnav.bgcolor.black{background:#444;} .ui-footnav.bgcolor.black a{color:#fff;border-right-color:rgba(255,255,255,.2);} .ui-footnav.bgcolor.black a i{color:#fff;} .ui-footnav.bgcolor.black a.active,.ui-footnav.bgcolor-black a.active i{color:#ff0;} /*sidebar*/ .ui-sidebar{position:fixed;top:50%;right:0;z-index:998;transform:translateY(-50%);} .ui-sidebar ul{list-style:none;border-radius:10px 0 0 10px;box-shadow:0 4px 8px 0 rgba(7,17,27,0.1);overflow:hidden;} .ui-sidebar ul:hover{overflow:inherit;} .ui-sidebar ul li{color:#333;position:relative;z-index:200;} .ui-sidebar ul li a{color:#C4CDD5;display:block;text-align:center;background:#fff;width:60px;line-height:55px;} .ui-sidebar ul li:after{display:block;content:'';bottom:0;width:60%;height:1px;left:50%;transform:translateX(-50%);background:#f3f3f3;position:absolute;} .ui-sidebar ul li a i{font-size:24px;} .ui-sidebar ul li a em{position:absolute;top:5px;right:8px;background:#f30;width:20px;height:20px;line-height:20px;display:block;border-radius:50%;color:#fff;font-size:12px;} .ui-sidebar ul li div{position:absolute;right:75px;top:30px;transform:translateY(-50%);border:1px solid var(--gray-border);box-shadow:0px 0px 30px rgba(0,0,0,0.1);background:#fff;color:#333;border-radius:4px;line-height:30px;font-size:14px;padding:6px 10px;min-width:90px;max-width:400px;display:none;text-align:center;z-index:-1;white-space:nowrap;} .ui-sidebar ul li div.image{padding:10px 10px 25px 10px;line-height:20px;width:300px;} .ui-sidebar ul li div:after{content:"";position:absolute;width:14px;height:14px;border-left:0;border-bottom:0;background:#fff;border:1px solid var(--gray-border);border-bottom:0;border-right:0;right:-8px;top:50%;transform:translateY(-50%) rotate(-225deg);} .ui-sidebar ul li a div img{width:100%;display:block;} .ui-sidebar ul li a:hover{background:#fff;border-color:#f3f3f3;color:#FF525F;} .ui-sidebar ul li:hover div{display:block;} .ui-sidebar ul li.active a{color:#fff;display:block;width:50px;line-height:45px;text-align:center;background:#fff;border-color:#f3f3f3;color:#FF525F;} .ui-sidebar ul li:first-child,.ui-sidebar ul li:first-child a{border-radius:10px 0 0 0;} .ui-sidebar ul li:last-child,.ui-sidebar ul li:last-child a{border-radius:0 0 0 10px;} .ui-sidebar ul li:last-child:after{display:none;} .ui-sidebar.red ul li a{color:var(--red);} .ui-sidebar.red ul li a:hover{background:var(--red);border-color:var(--red);color:#fff;} .ui-sidebar.red ul li.active a{background:var(--red);border-color:var(--red);color:#fff;} .ui-sidebar.red ul li:hover:after{display:none;} .ui-sidebar.yellow ul li a{color:var(--yellow);} .ui-sidebar.yellow ul li a:hover{background:var(--yellow);border-color:var(--yellow);color:#fff;} .ui-sidebar.yellow ul li.active a{background:var(--yellow);border-color:var(--yellow);color:#fff;} .ui-sidebar.yellow ul li:hover:after{display:none;} .ui-sidebar.blue ul li a{color:var(--blue);} .ui-sidebar.blue ul li a:hover{background:var(--blue);border-color:var(--blue);color:#fff;} .ui-sidebar.blue ul li.active a{background:var(--blue);border-color:var(--blue);color:#fff;} .ui-sidebar.blue ul li:hover:after{display:none;} .ui-sidebar.green ul li a{color:var(--green);} .ui-sidebar.green ul li a:hover{background:var(--green);border-color:var(--green);color:#fff;} .ui-sidebar.green ul li.active a{background:var(--green);border-color:var(--green);color:#fff;} .ui-sidebar.green ul li:hover:after{display:none;} .ui-sidebar.info ul li a{color:var(--info);} .ui-sidebar.info ul li a:hover{background:var(--info);border-color:var(--info);color:#fff;} .ui-sidebar.info ul li.active a{background:var(--info);border-color:var(--info);color:#fff;} .ui-sidebar.info ul li:hover:after{display:none;} @media only screen and (max-width:576px) { .ui-sidebar ul li a{width:40px;line-height:35px;} .ui-sidebar ul li a i{font-size:20px;} .ui-sidebar ul li div{right:55px;top:20px;} } /*常用*/ .ui-w-100{width:100% !important} .ui-w-auto{width:auto !important} .ui-h-25{height:25% !important} .ui-h-50{height:50% !important} .ui-h-75{height:75% !important} .ui-h-100{height:100% !important} .ui-h-auto{height:auto !important} .ui-mw-100{max-width:100% !important} .ui-mh-100{max-height:100% !important} .ui-min-vw-100{min-width:100vw !important} .ui-min-vh-100{min-height:100vh !important} .ui-min-100{min-height:100px !important} .ui-min-200{min-height:200px !important} .ui-min-300{min-height:300px !important} .ui-min-400{min-height:400px !important} .ui-vw-100{width:100vw !important} .ui-vh-100{height:100vh !important} .ui-p{padding:10px !important} .ui-p-0{padding:0 !important} .ui-p-sm{padding:5px !important} .ui-p-10{padding:10px !important} .ui-p-15{padding:15px !important} .ui-p-20{padding:20px !important} .ui-p-30{padding:30px !important} .ui-p-40{padding:40px !important} .ui-p-50{padding:50px !important} .ui-p-60{padding:60px !important} .ui-p-70{padding:70px !important} .ui-p-80{padding:80px !important} .ui-p-90{padding:90px !important} .ui-p-100{padding:100px !important} .ui-pt{padding-top:10px !important} .ui-pt-0{padding-top:0 !important} .ui-pt-sm{padding-top:5px !important} .ui-pt-10{padding-top:10px !important} .ui-pt-15{padding-top:15px !important} .ui-pt-20{padding-top:20px !important} .ui-pt-30{padding-top:30px !important} .ui-pt-40{padding-top:40px !important} .ui-pt-50{padding-top:50px !important} .ui-pt-60{padding-top:60px !important} .ui-pt-70{padding-top:70px !important} .ui-pt-80{padding-top:80px !important} .ui-pt-90{padding-top:90px !important} .ui-pt-100{padding-top:100px !important} .ui-pb{padding-bottom:10px !important} .ui-pb-0{padding-bottom:0 !important} .ui-pb-sm{padding-bottom:5px !important} .ui-pb-10{padding-bottom:10px !important} .ui-pb-15{padding-bottom:15px !important} .ui-pb-20{padding-bottom:20px !important} .ui-pb-30{padding-bottom:30px !important} .ui-pb-40{padding-bottom:40px !important} .ui-pb-50{padding-bottom:50px !important} .ui-pb-60{padding-bottom:60px !important} .ui-pb-70{padding-bottom:70px !important} .ui-pb-80{padding-bottom:80px !important} .ui-pb-90{padding-bottom:90px !important} .ui-pb-100{padding-bottom:100px !important} .ui-pl{padding-left:10px !important} .ui-pl-0{padding-left:0 !important} .ui-pl-sm{padding-left:5px !important} .ui-pl-10{padding-left:10px !important} .ui-pl-15{padding-left:15px !important} .ui-pl-20{padding-left:20px !important} .ui-pl-30{padding-left:30px !important} .ui-pl-40{padding-left:40px !important} .ui-pl-50{padding-left:50px !important} .ui-pl-60{padding-left:60px !important} .ui-pl-70{padding-left:70px !important} .ui-pl-80{padding-left:80px !important} .ui-pl-90{padding-left:90px !important} .ui-pl-100{padding-left:100px !important} .ui-pr{padding-right:10px !important} .ui-pr-0{padding-right:0 !important} .ui-pr-sm{padding-right:5px !important} .ui-pr-10{padding-right:10px !important} .ui-pr-15{padding-right:15px !important} .ui-pr-20{padding-right:20px !important} .ui-pr-30{padding-right:30px !important} .ui-pr-40{padding-right:40px !important} .ui-pr-50{padding-right:50px !important} .ui-pr-60{padding-right:60px !important} .ui-pr-70{padding-right:70px !important} .ui-pr-80{padding-right:80px !important} .ui-pr-90{padding-right:90px !important} .ui-pr-100{padding-right:100px !important} .ui-m{margin:10px !important} .ui-m-0{margin:0 !important} .ui-m-sm{margin:5px !important} .ui-m-10{margin:10px !important} .ui-m-15{margin:15px !important} .ui-m-20{margin:20px !important} .ui-m-30{margin:30px !important} .ui-m-40{margin:40px !important} .ui-m-50{margin:50px !important} .ui-m-60{margin:60px !important} .ui-m-70{margin:70px !important} .ui-m-80{margin:80px !important} .ui-m-90{margin:90px !important} .ui-m-100{margin:100px !important} .ui-mt{margin-top:10px !important} .ui-mt-0{margin-top:0 !important} .ui-mt-sm{margin-top:5px !important} .ui-mt-10{margin-top:10px !important} .ui-mt-15{margin-top:15px !important} .ui-mt-20{margin-top:20px !important} .ui-mt-30{margin-top:30px !important} .ui-mt-40{margin-top:40px !important} .ui-mt-50{margin-top:50px !important} .ui-mt-60{margin-top:60px !important} .ui-mt-70{margin-top:70px !important} .ui-mt-80{margin-top:80px !important} .ui-mt-90{margin-top:90px !important} .ui-mt-100{margin-top:100px !important} .ui-mb{margin-bottom:10px !important} .ui-mb-0{margin-bottom:0 !important} .ui-mb-sm{margin-bottom:5px !important} .ui-mb-10{margin-bottom:10px !important} .ui-mb-15{margin-bottom:15px !important} .ui-mb-20{margin-bottom:20px !important} .ui-mb-30{margin-bottom:30px !important} .ui-mb-40{margin-bottom:40px !important} .ui-mb-50{margin-bottom:50px !important} .ui-mb-60{margin-bottom:60px !important} .ui-mb-70{margin-bottom:70px !important} .ui-mb-80{margin-bottom:80px !important} .ui-mb-90{margin-bottom:90px !important} .ui-mb-100{margin-bottom:100px !important} .ui-ml{margin-left:10px !important} .ui-ml-0{margin-left:0 !important} .ui-ml-sm{margin-left:5px !important} .ui-ml-10{margin-left:10px !important} .ui-ml-15{margin-left:15px !important} .ui-ml-20{margin-left:20px !important} .ui-ml-30{margin-left:30px !important} .ui-ml-40{margin-left:40px !important} .ui-ml-50{margin-left:50px !important} .ui-ml-60{margin-left:60px !important} .ui-ml-70{margin-left:70px !important} .ui-ml-80{margin-left:80px !important} .ui-ml-90{margin-left:90px !important} .ui-ml-100{margin-left:100px !important} .ui-mr{margin-right:10px !important} .ui-mr-0{margin-right:0 !important} .ui-mr-sm{margin-right:5px !important} .ui-mr-10{margin-right:10px !important} .ui-mr-15{margin-right:15px !important} .ui-mr-20{margin-right:20px !important} .ui-mr-30{margin-right:30px !important} .ui-mr-40{margin-right:40px !important} .ui-mr-50{margin-right:50px !important} .ui-mr-60{margin-right:60px !important} .ui-mr-70{margin-right:70px !important} .ui-mr-80{margin-right:80px !important} .ui-mr-90{margin-right:90px !important} .ui-mr-100{margin-right:100px !important} .ui-fl{float:left !important} .ui-fr{float:right !important} .ui-clear{clear:both !important} .ui-show{display:block !important} .ui-hide{display:none !important} @media print{.ui-print-hide{display:none !important}} .ui-bd{border:1px solid var(--gray-border);} .ui-bg-white{background:#fff;} .ui-bg-gray{background:#f6f6f6;} .ui-cursor{cursor:pointer;} .ui-ring{position:absolute;top:-5px;right:-5px;width:100px;height:100px;z-index:10;overflow:hidden;} .ui-ring span{position:absolute;color:#fff;font-size:15px;line-height:40px;background:#FF6300;transform:rotate(45deg);text-align:center;right:-32px;width:130px;top:14px;} .ui-ring span:before{content:"";position:absolute;top:100%;left:0;width:5px;height:5px;color:#fff;border:3px solid transparent;border-left-color:#d55b0e;border-top-color:#d55b0e;} .ui-ring span:after{content:"";position:absolute;top:100%;right:0;width:5px;height:5px;color:#fff;border:3px solid transparent;border-right-color:#d55b0e;border-top-color:#d55b0e;} .ui-ring span a{color:#fff;} .ui-ring.blue span{background:#1F82FC;} .ui-ring.blue span:before{border-left-color:#296BEF;border-top-color:#296BEF;} .ui-ring.blue span:after{border-right-color:#296BEF;border-top-color:#296BEF;} .ui-ring.green span{background:#46B12C;} .ui-ring.green span:before{border-left-color:#0A904B;border-top-color:#0A904B;} .ui-ring.green span:after{border-right-color:#0A904B;border-top-color:#0A904B;} .ui-ring.gray span{background:#A5A5A5;} .ui-ring.gray span:before{border-left-color:#797979;border-top-color:#797979;} .ui-ring.gray span:after{border-right-color:#797979;border-top-color:#797979;} .ui-ring.small span{width:100px;height:36px;right:-26px;left:auto;top:6px;line-height:34px;font-size:14px;} .ui-ring.little span{width:80px;height:28px;right:-22px;left:auto;top:4px;line-height:28px;font-size:12px;} .ui-ring.left{right:auto;left:-6px;} .ui-ring.left span{transform:rotate(-45deg);right:auto;left:-32px;} .ui-ring.left.small span{width:100px;height:30px;right:auto;left:-22px;top:12px;line-height:30px;font-size:14px;} .ui-ring.left.little span{width:80px;height:28px;right:auto;left:-21px;top:4px;line-height:28px;font-size:12px;} /*字体颜色*/ .ui-text-red{color:var(--red) !important;} .ui-text-yellow{color:var(--yellow) !important;} .ui-text-blue{color:var(--blue) !important;} .ui-text-green{color:var(--green) !important;} .ui-text-info{color:var(--info) !important;} .ui-text-white{color:#fff !important;} .ui-text-black{color:#000; !important} .ui-text-gray{color:#999 !important;} .ui-text-link{color:#3973ff !important;} .ui-text-link a{color:#3973ff} .ui-text-link a:hover{color:#4172fa;} /*字体样式*/ .ui-text-left{text-align:left !important} .ui-text-center{text-align:center !important} .ui-text-right{text-align:right !important} .ui-text-del{text-decoration:line-through !important} .ui-text-bold{font-weight:bold !important} /*字体大小*/ .ui-font-10{font-size:10px !important} .ui-font-12{font-size:12px !important} .ui-font-13{font-size:13px !important} .ui-font-14{font-size:14px !important} .ui-font-15{font-size:15px !important} .ui-font-16{font-size:16px !important} .ui-font-17{font-size:17px !important} .ui-font-18{font-size:18px !important} .ui-font-20{font-size:20px !important} .ui-font-22{font-size:22px !important} .ui-font-24{font-size:24px !important} .ui-font-26{font-size:26px !important} .ui-font-28{font-size:28px !important} .ui-font-30{font-size:30px !important} .ui-font-32{font-size:32px !important} .ui-font-36{font-size:36px !important} .ui-font-38{font-size:40px !important} .ui-font-40{font-size:40px !important} .ui-font-50{font-size:50px !important} .ui-font-60{font-size:60px !important} .ui-font-70{font-size:70px !important} .ui-font-80{font-size:80px !important} .ui-font-100{font-size:100px !important} .ui-font-120{font-size:120px !important} .ui-font-140{font-size:140px !important} .ui-font-150{font-size:150px !important} .ui-font-160{font-size:160px !important} .ui-font-180{font-size:180px !important} .ui-font-200{font-size:200px !important} /*间距*/ .ui-height-auto{line-height:normal !important} .ui-height-18{line-height:18px !important} .ui-height-20{line-height:20px !important} .ui-height-22{line-height:22px !important} .ui-height-24{line-height:24px !important} .ui-height-26{line-height:26px !important} .ui-height-28{line-height:28px !important} .ui-height-30{line-height:30px !important} .ui-height-40{line-height:40px !important} .ui-height-50{line-height:50px !important} .ui-height-60{line-height:60px !important} /*超出省略*/ .ui-text-hide{overflow:hidden;white-space:nowrap;text-overflow:ellipsis;} /*以下仅在Chrome内核浏览器中生效，其他浏览器：需要配置行高和高度使用*/ .ui-text-hide-2,.ui-text-hide-3,.ui-text-hide-4,.ui-text-hide-5,.ui-text-hide-6{display:-webkit-box;-webkit-box-orient:vertical;overflow:hidden;text-overflow:ellipsis;} .ui-text-hide-2{-webkit-line-clamp:2;} .ui-text-hide-3{-webkit-line-clamp:3;} .ui-text-hide-4{-webkit-line-clamp:4;} .ui-text-hide-5{-webkit-line-clamp:5;} .ui-text-hide-6{-webkit-line-clamp:6;} .ui-radius{border-radius:50% !important;} .ui-radius-2{border-radius:2px !important} .ui-radius-4{border-radius:4px !important} .ui-radius-5{border-radius:5px !important} .ui-radius-10{border-radius:10px !important} .ui-radius-15{border-radius:15px !important} .ui-radius-20{border-radius:20px !important} .ui-radius img,.ui-radius svg{border-radius:50% !important;} .ui-radius-sm{border-radius:4px !important;} .ui-disabled,button:disabled{cursor:not-allowed !important;} .ui-inline-block{display:inline-block !important;} .ui-bold{font-weight:bold !important;} .ui-block{display:block !important;} /*比例*/ .ui-aspect .aspect-item{width:100%;object-fit:cover;} .ui-aspect.ratio-1-1 .aspect-item{aspect-ratio:1 / 1;} .ui-aspect.ratio-2-3 .aspect-item{aspect-ratio:2 / 3;} .ui-aspect.ratio-3-1 .aspect-item{aspect-ratio:3 / 1;} .ui-aspect.ratio-3-2 .aspect-item{aspect-ratio:3 / 2;} .ui-aspect.ratio-3-4 .aspect-item{aspect-ratio:3 / 4;} .ui-aspect.ratio-4-3 .aspect-item{aspect-ratio:4 / 3;} .ui-aspect.ratio-9-16 .aspect-item{aspect-ratio:9 / 16;} .ui-aspect.ratio-16-9 .aspect-item{aspect-ratio:16 / 9;} .ui-flex{display:flex;flex-wrap:wrap;} .ui-flex.center{align-items:center;} .ui-flex>.left{} .ui-flex>.right{text-align:right;} /*Animal*/ .ui-scrollspy{opacity:0;} .ui-rotate{animation:2s infinite linear;} .ui-rotate:hover{-webkit-animation-name:ui-a-rotate;-moz-animation-name:ui-a-rotate;-ms-animation-name:ui-a-rotate;animation-name:ui-a-rotate} @keyframes ui-a-rotate{0%{transform:rotate(0deg);transform-origin:center}100%{transform:rotate(360deg);transform-origin:center}} @keyframes ui-dialogIn{0%{transform:scale(0.7);}45%{transform:scale(1.05);}80%{transform:scale(0.95);}100%{transform:scale(1);}} @keyframes ui-dialogOut{0%{transform:scale(1);}45%{transform:scale(0.95);}80%{transform:scale(0.55);}100%{transform:scale(0);}} @keyframes ui-toast-In{0%{transform: translateY(-0.625em) rotateZ(2deg);}33%{transform: translateY(0) rotateZ(-2deg);}66%{transform: translateY(0.3125em) rotateZ(2deg);}100%{transform: translateY(0) rotateZ(0deg);}} @keyframes ui-toast-Out{0% {transform: translateY(0) rotateZ(0deg);}33%{transform: translateY(0.3125em) rotateZ(2deg);}66%{transform: translateY(0) rotateZ(-2deg);}100%{transform: translateY(-0.625em) rotateZ(2deg);}} @-webkit-keyframes ui-fade{0%{opacity: 0;}100%{opacity: 1;}} @keyframes ui-fade{0%{opacity: 0;}100%{opacity: 1;}} @-webkit-keyframes ui-fade-out{0%{opacity: 1;}100%{opacity: 0;}} @keyframes ui-fade-out{0%{opacity: 1;}100%{opacity: 0;}} @-webkit-keyframes ui-scale-up{0%{opacity:0;-webkit-transform:scale(0.2);transform:scale(0.2);}100%{opacity:1;-webkit-transform:scale(1);transform:scale(1);}} @keyframes ui-scale-up{0%{opacity:0;-webkit-transform:scale(0.2);transform:scale(0.2);}100%{opacity:1;-webkit-transform:scale(1);transform:scale(1);}} @-webkit-keyframes ui-scale-down{0%{opacity:0;-webkit-transform: scale(1.8);transform: scale(1.8);}100%{opacity:1;-webkit-transform:scale(1);transform:scale(1);}} @keyframes ui-scale-down{0%{opacity:0;-webkit-transform: scale(1.8);transform: scale(1.8);}100%{opacity:1;-webkit-transform:scale(1);transform:scale(1);}} @-webkit-keyframes ui-slide-top{0%{opacity:0;-webkit-transform:translateY(-100%);transform:translateY(-100%);}100%{opacity:1;-webkit-transform:translateY(0);transform:translateY(0);}} @keyframes ui-slide-top{0%{opacity:0;-webkit-transform:translateY(-100%);transform:translateY(-100%);}100%{opacity:1;-webkit-transform:translateY(0);transform:translateY(0);}} @-webkit-keyframes ui-slide-bottom{0%{opacity:0;-webkit-transform:translateY(100%);transform:translateY(100%);}100%{opacity:1;-webkit-transform:translateY(0);transform:translateY(0);}} @keyframes ui-slide-bottom{0%{opacity:0;-webkit-transform:translateY(100%);transform:translateY(100%);}100%{opacity:1;-webkit-transform:translateY(0);transform:translateY(0);}} @-webkit-keyframes ui-slide-left{0%{opacity:0;-webkit-transform:translateX(-100%);transform:translateX(-100%)}100%{opacity:1;-webkit-transform:translateX(0);transform:translateX(0)}} @keyframes ui-slide-left{0%{opacity:0;-webkit-transform:translateX(-100%);transform:translateX(-100%)}100%{opacity:1;-webkit-transform:translateX(0);transform:translateX(0)}} @-webkit-keyframes ui-slide-right{0%{opacity:0;-webkit-transform:translateX(100%);transform:translateX(100%)}100%{opacity:1;-webkit-transform:translateX(0);transform:translateX(0)}} @keyframes ui-slide-right{0%{opacity:0;-webkit-transform:translateX(100%);transform:translateX(100%)}100%{opacity:1;-webkit-transform:translateX(0);transform:translateX(0)}} @-webkit-keyframes ui-shake{0%,100%{-webkit-transform:translateX(0);transform:translateX(0)}10%{-webkit-transform:translateX(-9px);transform:translateX(-9px)}20%{-webkit-transform:translateX(8px);transform:translateX(8px)}30%{-webkit-transform:translateX(-7px);transform:translateX(-7px)}40%{-webkit-transform:translateX(6px);transform:translateX(6px)}50%{-webkit-transform:translateX(-5px);transform:translateX(-5px)}60%{-webkit-transform:translateX(4px);transform:translateX(4px)}70%{-webkit-transform:translateX(-3px);transform:translateX(-3px)}80%{-webkit-transform:translateX(2px);transform:translateX(2px)}90%{-webkit-transform:translateX(-1px);transform:translateX(-1px)}} @keyframes ui-shake{0%,100%{-webkit-transform:translateX(0);transform:translateX(0)}10%{-webkit-transform:translateX(-9px);transform:translateX(-9px)}20%{-webkit-transform:translateX(8px);transform:translateX(8px)}30%{-webkit-transform:translateX(-7px);transform:translateX(-7px)}40%{-webkit-transform:translateX(6px);transform:translateX(6px)}50%{-webkit-transform:translateX(-5px);transform:translateX(-5px)}60%{-webkit-transform:translateX(4px);transform:translateX(4px)}70%{-webkit-transform:translateX(-3px);transform:translateX(-3px)}80%{-webkit-transform:translateX(2px);transform:translateX(2px)}90%{-webkit-transform:translateX(-1px);transform:translateX(-1px)}} @-webkit-keyframes ui-slide-top-fixed{0%{opacity:0;-webkit-transform:translateY(-10px);transform:translateY(-10px)}100%{opacity:1;-webkit-transform:translateY(0);transform:translateY(0)}} @keyframes ui-slide-top-fixed{0%{opacity:0;-webkit-transform:translateY(-10px);transform:translateY(-10px)}100%{opacity:1;-webkit-transform:translateY(0);transform:translateY(0)}} @-webkit-keyframes ui-slide-bottom-fixed{0%{opacity:0;-webkit-transform:translateY(10px);transform:translateY(10px)}100%{opacity:1;-webkit-transform:translateY(0);transform:translateY(0)}} @keyframes ui-slide-bottom-fixed{0%{opacity:0;-webkit-transform:translateY(10px);transform:translateY(10px)}100%{opacity:1;-webkit-transform:translateY(0);transform:translateY(0)}} @-webkit-keyframes ui-spin{0%{-webkit-transform:rotate(0);transform:rotate(0)}100%{-webkit-transform:rotate(359deg);transform:rotate(359deg)}} @keyframes ui-spin{0%{-webkit-transform:rotate(0);transform:rotate(0)}100%{-webkit-transform:rotate(359deg);transform:rotate(359deg)}} @-webkit-keyframes ui-right-spring{0%{-webkit-transform:translateX(0);transform:translateX(0)}50%{-webkit-transform:translateX(-20%);transform:translateX(-20%)}100%{-webkit-transform:translateX(0);transform:translateX(0)}} @keyframes ui-right-spring{0%{-webkit-transform:translateX(0);transform:translateX(0)}50%{-webkit-transform:translateX(-20%);transform:translateX(-20%)}100%{-webkit-transform:translateX(0);transform:translateX(0)}} @-webkit-keyframes ui-left-spring{0%{-webkit-transform:translateX(0);transform:translateX(0)}50%{-webkit-transform:translateX(20%);transform:translateX(20%)}100%{-webkit-transform:translateX(0);transform:translateX(0)}} @keyframes ui-left-spring{0%{-webkit-transform:translateX(0);transform:translateX(0)}50%{-webkit-transform:translateX(20%);transform:translateX(20%)}100%{-webkit-transform:translateX(0);transform:translateX(0)}} [class*="ui-am-"]{-webkit-animation-duration:0.5s;animation-duration:0.5s;-webkit-animation-timing-function:ease-out;animation-timing-function:ease-out;-webkit-animation-fill-mode:both;animation-fill-mode:both;} .ui-am-fade{-webkit-animation-name:ui-fade;animation-name:ui-fade;-webkit-animation-duration:0.8s;animation-duration:0.8s;-webkit-animation-timing-function:linear;animation-timing-function:linear;} .ui-am-fade-out{-webkit-animation-name:ui-fade-out;animation-name:ui-fade-out;-webkit-animation-duration:0.8s;animation-duration:0.8s;-webkit-animation-timing-function:linear;animation-timing-function:linear;} .ui-am-scale-up{-webkit-animation-name:ui-scale-up;animation-name:ui-scale-up;} .ui-am-scale-down{-webkit-animation-name:ui-scale-down;animation-name:ui-scale-down;} .ui-am-slide-top{-webkit-animation-name:ui-slide-top;animation-name:ui-slide-top;} .ui-am-slide-bottom{-webkit-animation-name:ui-slide-bottom;animation-name:ui-slide-bottom;} .ui-am-slide-left{-webkit-animation-name:ui-slide-left;animation-name:ui-slide-left;} .ui-am-slide-right{-webkit-animation-name:ui-slide-right;animation-name:ui-slide-right;} .ui-am-slide-top-fixed{-webkit-animation-name:ui-slide-top-fixed;animation-name:ui-slide-top-fixed;} .ui-am-shake{-webkit-animation-name:ui-shake;animation-name:ui-shake;} .ui-am-spin{-webkit-animation:ui-spin 2s infinite linear;animation:ui-spin 2s infinite linear;} .ui-am-left-spring{-webkit-animation:ui-left-spring 0.3s ease-in-out;animation:ui-left-spring 0.3s ease-in-out;} .ui-am-right-spring{-webkit-animation:ui-right-spring 0.3s ease-in-out;animation:ui-right-spring 0.3s ease-in-out;} .ui-am-delay-0-1{-webkit-animation-delay:0.1s;animation-delay:0.1s;} .ui-am-delay-0-2{-webkit-animation-delay:0.2s;animation-delay:0.2s;} .ui-am-delay-0-3{-webkit-animation-delay:0.3s;animation-delay:0.3s;} .ui-am-delay-0-4{-webkit-animation-delay:0.4s;animation-delay:0.4s;} .ui-am-delay-0-5{-webkit-animation-delay:0.5s;animation-delay:0.5s;} .ui-am-delay-0-6{-webkit-animation-delay:0.6s;animation-delay:0.6s;} .ui-am-delay-0-7{-webkit-animation-delay:0.7s;animation-delay:0.7s;} .ui-am-delay-0-8{-webkit-animation-delay:0.8s;animation-delay:0.8s;} .ui-am-delay-0-9{-webkit-animation-delay:0.9s;animation-delay:0.9s;} .ui-am-delay-1{-webkit-animation-delay:1s;animation-delay:1s;} .ui-am-delay-1-1{-webkit-animation-delay:1.1s;animation-delay:1.1s;} .ui-am-delay-1-2{-webkit-animation-delay:1.2s;animation-delay:1.2s;} .ui-am-delay-1-3{-webkit-animation-delay:1.3s;animation-delay:1.3s;} .ui-am-delay-1-4{-webkit-animation-delay:1.4s;animation-delay:1.4s;} .ui-am-delay-1-5{-webkit-animation-delay:1.5s;animation-delay:1.5s;} .ui-am-delay-1-6{-webkit-animation-delay:1.6s;animation-delay:1.6s;} .ui-am-delay-1-7{-webkit-animation-delay:1.7s;animation-delay:1.7s;} .ui-am-delay-1-8{-webkit-animation-delay:1.8s;animation-delay:1.8s;} .ui-am-delay-1-9{-webkit-animation-delay:1.9s;animation-delay:1.9s;} .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;} .ui-pc{display:block;} .ui-phone{display:none;} @media only screen and (max-width:768px) { .ui-pc{display:none;} .ui-phone{display:block;} }