@import '//at.alicdn.com/t/font_2218187_sz0w6mqc8a.css';html{-ms-text-size-adjust:100%;-webkit-text-size-adjust:100%;touch-action:manipulation}body{margin:0;font-family:-apple-system-font, Helvetica Neue, Helvetica, sans-serif;color:#333;font-size:14px;line-height:1.6;overflow-x:hidden;word-break:break-all;-webkit-overflow-scrolling:touch}*{box-sizing:border-box}::-webkit-input-placeholder{color:#dbdbdb}img{max-width:100%;vertical-align:middle}input{border:0;outline:0;font-size:inherit;background:transparent}[v-cloak]{display:none}.dui-page{width:100vw;min-height:100vh;background-color:#f7f7f7}.flex,.flex-center{display:flex}.align-start{align-items:flex-start}.align-center,.flex-center{align-items:center}.align-end{align-items:flex-end}.align-stretch{align-items:stretch}.self-start{align-self:flex-start}.self-center{align-self:center}.self-end{align-self:flex-end}.self-stretch{align-self:stretch}.justify-start{justify-content:flex-start}.justify-end{justify-content:flex-end}.justify-center,.flex-center{justify-content:center}.justify-between{justify-content:space-between}.justify-around{justify-content:space-around}.flex-sub{flex:1}.flex-column{flex-direction:column}.flex-wrap{flex-wrap:wrap}.center{position:absolute;left:50%;top:50%;transform:translate3d(-50%, -50%, 0)}.abs{position:absolute;top:0;right:0;bottom:0;left:0}.abs-top{position:absolute;top:0;right:0;bottom:initial;left:0}.abs-right{position:absolute;top:0;right:0;bottom:0;left:initial}.abs-bottom{position:absolute;top:initial;right:0;bottom:0;left:0}.abs-left{position:absolute;top:0;right:initial;bottom:0;left:0}.grid{display:flex;flex-wrap:wrap}.col-1{width:100%;box-sizing:border-box}.col-1.square.lg{position:relative;margin-right:20px;margin-bottom:20px;padding-bottom:calc((100% - (0) * 20px) / 1);height:0;width:calc((100% - (0) * 20px) / 1);overflow:hidden}.col-1.square.lg:nth-child(1n){margin-right:0}.col-1.square.lg:nth-child(1){margin-top:20px}.col-1.square{position:relative;margin-right:15px;margin-bottom:15px;padding-bottom:calc((100% - (0) * 15px) / 1);height:0;width:calc((100% - (0) * 15px) / 1);overflow:hidden}.col-1.square:nth-child(1n){margin-right:0}.col-1.square:nth-child(1){margin-top:15px}.col-1.square.sm{position:relative;margin-right:10px;margin-bottom:10px;padding-bottom:calc((100% - (0) * 10px) / 1);height:0;width:calc((100% - (0) * 10px) / 1);overflow:hidden}.col-1.square.sm:nth-child(1n){margin-right:0}.col-1.square.sm:nth-child(1){margin-top:10px}.col-1.square.xs{position:relative;margin-right:6px;margin-bottom:6px;padding-bottom:calc((100% - (0) * 6px) / 1);height:0;width:calc((100% - (0) * 6px) / 1);overflow:hidden}.col-1.square.xs:nth-child(1n){margin-right:0}.col-1.square.xs:nth-child(1){margin-top:6px}.col-1.square.xxs{position:relative;margin-right:4px;margin-bottom:4px;padding-bottom:calc((100% - (0) * 4px) / 1);height:0;width:calc((100% - (0) * 4px) / 1);overflow:hidden}.col-1.square.xxs:nth-child(1n){margin-right:0}.col-1.square.xxs:nth-child(1){margin-top:4px}.col-2{width:50%;box-sizing:border-box}.col-2.square.lg{position:relative;margin-right:20px;margin-bottom:20px;padding-bottom:calc((100% - (1) * 20px) / 2);height:0;width:calc((100% - (1) * 20px) / 2);overflow:hidden}.col-2.square.lg:nth-child(2n){margin-right:0}.col-2.square.lg:nth-child(1){margin-top:20px}.col-2.square.lg:nth-child(2){margin-top:20px}.col-2.square{position:relative;margin-right:15px;margin-bottom:15px;padding-bottom:calc((100% - (1) * 15px) / 2);height:0;width:calc((100% - (1) * 15px) / 2);overflow:hidden}.col-2.square:nth-child(2n){margin-right:0}.col-2.square:nth-child(1){margin-top:15px}.col-2.square:nth-child(2){margin-top:15px}.col-2.square.sm{position:relative;margin-right:10px;margin-bottom:10px;padding-bottom:calc((100% - (1) * 10px) / 2);height:0;width:calc((100% - (1) * 10px) / 2);overflow:hidden}.col-2.square.sm:nth-child(2n){margin-right:0}.col-2.square.sm:nth-child(1){margin-top:10px}.col-2.square.sm:nth-child(2){margin-top:10px}.col-2.square.xs{position:relative;margin-right:6px;margin-bottom:6px;padding-bottom:calc((100% - (1) * 6px) / 2);height:0;width:calc((100% - (1) * 6px) / 2);overflow:hidden}.col-2.square.xs:nth-child(2n){margin-right:0}.col-2.square.xs:nth-child(1){margin-top:6px}.col-2.square.xs:nth-child(2){margin-top:6px}.col-2.square.xxs{position:relative;margin-right:4px;margin-bottom:4px;padding-bottom:calc((100% - (1) * 4px) / 2);height:0;width:calc((100% - (1) * 4px) / 2);overflow:hidden}.col-2.square.xxs:nth-child(2n){margin-right:0}.col-2.square.xxs:nth-child(1){margin-top:4px}.col-2.square.xxs:nth-child(2){margin-top:4px}.col-3{width:33.33333%;box-sizing:border-box}.col-3.square.lg{position:relative;margin-right:20px;margin-bottom:20px;padding-bottom:calc((100% - (2) * 20px) / 3);height:0;width:calc((100% - (2) * 20px) / 3);overflow:hidden}.col-3.square.lg:nth-child(3n){margin-right:0}.col-3.square.lg:nth-child(1){margin-top:20px}.col-3.square.lg:nth-child(2){margin-top:20px}.col-3.square.lg:nth-child(3){margin-top:20px}.col-3.square{position:relative;margin-right:15px;margin-bottom:15px;padding-bottom:calc((100% - (2) * 15px) / 3);height:0;width:calc((100% - (2) * 15px) / 3);overflow:hidden}.col-3.square:nth-child(3n){margin-right:0}.col-3.square:nth-child(1){margin-top:15px}.col-3.square:nth-child(2){margin-top:15px}.col-3.square:nth-child(3){margin-top:15px}.col-3.square.sm{position:relative;margin-right:10px;margin-bottom:10px;padding-bottom:calc((100% - (2) * 10px) / 3);height:0;width:calc((100% - (2) * 10px) / 3);overflow:hidden}.col-3.square.sm:nth-child(3n){margin-right:0}.col-3.square.sm:nth-child(1){margin-top:10px}.col-3.square.sm:nth-child(2){margin-top:10px}.col-3.square.sm:nth-child(3){margin-top:10px}.col-3.square.xs{position:relative;margin-right:6px;margin-bottom:6px;padding-bottom:calc((100% - (2) * 6px) / 3);height:0;width:calc((100% - (2) * 6px) / 3);overflow:hidden}.col-3.square.xs:nth-child(3n){margin-right:0}.col-3.square.xs:nth-child(1){margin-top:6px}.col-3.square.xs:nth-child(2){margin-top:6px}.col-3.square.xs:nth-child(3){margin-top:6px}.col-3.square.xxs{position:relative;margin-right:4px;margin-bottom:4px;padding-bottom:calc((100% - (2) * 4px) / 3);height:0;width:calc((100% - (2) * 4px) / 3);overflow:hidden}.col-3.square.xxs:nth-child(3n){margin-right:0}.col-3.square.xxs:nth-child(1){margin-top:4px}.col-3.square.xxs:nth-child(2){margin-top:4px}.col-3.square.xxs:nth-child(3){margin-top:4px}.col-4{width:25%;box-sizing:border-box}.col-4.square.lg{position:relative;margin-right:20px;margin-bottom:20px;padding-bottom:calc((100% - (3) * 20px) / 4);height:0;width:calc((100% - (3) * 20px) / 4);overflow:hidden}.col-4.square.lg:nth-child(4n){margin-right:0}.col-4.square.lg:nth-child(1){margin-top:20px}.col-4.square.lg:nth-child(2){margin-top:20px}.col-4.square.lg:nth-child(3){margin-top:20px}.col-4.square.lg:nth-child(4){margin-top:20px}.col-4.square{position:relative;margin-right:15px;margin-bottom:15px;padding-bottom:calc((100% - (3) * 15px) / 4);height:0;width:calc((100% - (3) * 15px) / 4);overflow:hidden}.col-4.square:nth-child(4n){margin-right:0}.col-4.square:nth-child(1){margin-top:15px}.col-4.square:nth-child(2){margin-top:15px}.col-4.square:nth-child(3){margin-top:15px}.col-4.square:nth-child(4){margin-top:15px}.col-4.square.sm{position:relative;margin-right:10px;margin-bottom:10px;padding-bottom:calc((100% - (3) * 10px) / 4);height:0;width:calc((100% - (3) * 10px) / 4);overflow:hidden}.col-4.square.sm:nth-child(4n){margin-right:0}.col-4.square.sm:nth-child(1){margin-top:10px}.col-4.square.sm:nth-child(2){margin-top:10px}.col-4.square.sm:nth-child(3){margin-top:10px}.col-4.square.sm:nth-child(4){margin-top:10px}.col-4.square.xs{position:relative;margin-right:6px;margin-bottom:6px;padding-bottom:calc((100% - (3) * 6px) / 4);height:0;width:calc((100% - (3) * 6px) / 4);overflow:hidden}.col-4.square.xs:nth-child(4n){margin-right:0}.col-4.square.xs:nth-child(1){margin-top:6px}.col-4.square.xs:nth-child(2){margin-top:6px}.col-4.square.xs:nth-child(3){margin-top:6px}.col-4.square.xs:nth-child(4){margin-top:6px}.col-4.square.xxs{position:relative;margin-right:4px;margin-bottom:4px;padding-bottom:calc((100% - (3) * 4px) / 4);height:0;width:calc((100% - (3) * 4px) / 4);overflow:hidden}.col-4.square.xxs:nth-child(4n){margin-right:0}.col-4.square.xxs:nth-child(1){margin-top:4px}.col-4.square.xxs:nth-child(2){margin-top:4px}.col-4.square.xxs:nth-child(3){margin-top:4px}.col-4.square.xxs:nth-child(4){margin-top:4px}.col-5{width:20%;box-sizing:border-box}.col-5.square.lg{position:relative;margin-right:20px;margin-bottom:20px;padding-bottom:calc((100% - (4) * 20px) / 5);height:0;width:calc((100% - (4) * 20px) / 5);overflow:hidden}.col-5.square.lg:nth-child(5n){margin-right:0}.col-5.square.lg:nth-child(1){margin-top:20px}.col-5.square.lg:nth-child(2){margin-top:20px}.col-5.square.lg:nth-child(3){margin-top:20px}.col-5.square.lg:nth-child(4){margin-top:20px}.col-5.square.lg:nth-child(5){margin-top:20px}.col-5.square{position:relative;margin-right:15px;margin-bottom:15px;padding-bottom:calc((100% - (4) * 15px) / 5);height:0;width:calc((100% - (4) * 15px) / 5);overflow:hidden}.col-5.square:nth-child(5n){margin-right:0}.col-5.square:nth-child(1){margin-top:15px}.col-5.square:nth-child(2){margin-top:15px}.col-5.square:nth-child(3){margin-top:15px}.col-5.square:nth-child(4){margin-top:15px}.col-5.square:nth-child(5){margin-top:15px}.col-5.square.sm{position:relative;margin-right:10px;margin-bottom:10px;padding-bottom:calc((100% - (4) * 10px) / 5);height:0;width:calc((100% - (4) * 10px) / 5);overflow:hidden}.col-5.square.sm:nth-child(5n){margin-right:0}.col-5.square.sm:nth-child(1){margin-top:10px}.col-5.square.sm:nth-child(2){margin-top:10px}.col-5.square.sm:nth-child(3){margin-top:10px}.col-5.square.sm:nth-child(4){margin-top:10px}.col-5.square.sm:nth-child(5){margin-top:10px}.col-5.square.xs{position:relative;margin-right:6px;margin-bottom:6px;padding-bottom:calc((100% - (4) * 6px) / 5);height:0;width:calc((100% - (4) * 6px) / 5);overflow:hidden}.col-5.square.xs:nth-child(5n){margin-right:0}.col-5.square.xs:nth-child(1){margin-top:6px}.col-5.square.xs:nth-child(2){margin-top:6px}.col-5.square.xs:nth-child(3){margin-top:6px}.col-5.square.xs:nth-child(4){margin-top:6px}.col-5.square.xs:nth-child(5){margin-top:6px}.col-5.square.xxs{position:relative;margin-right:4px;margin-bottom:4px;padding-bottom:calc((100% - (4) * 4px) / 5);height:0;width:calc((100% - (4) * 4px) / 5);overflow:hidden}.col-5.square.xxs:nth-child(5n){margin-right:0}.col-5.square.xxs:nth-child(1){margin-top:4px}.col-5.square.xxs:nth-child(2){margin-top:4px}.col-5.square.xxs:nth-child(3){margin-top:4px}.col-5.square.xxs:nth-child(4){margin-top:4px}.col-5.square.xxs:nth-child(5){margin-top:4px}.square{position:relative;padding-bottom:100%;height:0}.lh-0{line-height:0}.lh-1{line-height:1}.lh{line-height:1.6}.fl{float:left}.fr{float:right}.clearfix{*zoom:1}.clearfix::after{content:'';display:table;clear:both}.over-hidden{overflow:hidden}.over-scroll{overflow:scroll}.over-auto{overflow:auto}.relative{position:relative}.full{width:100%;height:100%}.full-width{width:100%}.full-height{height:100%}.block{display:block}.safe-top{padding-top:constant(safe-area-inset-top);padding-top:env(safe-area-inset-top)}.safe-right{padding-right:constant(safe-area-inset-right);padding-right:env(safe-area-inset-right)}.safe-bottom{padding-bottom:constant(safe-area-inset-bottom);padding-bottom:env(safe-area-inset-bottom)}.safe-left{padding-left:constant(safe-area-inset-left);padding-left:env(safe-area-inset-left)}.safe{padding:constant(safe-area-inset-top) constant(safe-area-inset-right) constant(safe-area-inset-bottom) constant(safe-area-inset-left);padding:env(safe-area-inset-top) env(safe-area-inset-right) env(safe-area-inset-bottom) env(safe-area-inset-left)}.mt-xxl{margin-top:48px}.pt-xxl{padding-top:48px}.mr-xxl{margin-right:48px}.pr-xxl{padding-right:48px}.mb-xxl{margin-bottom:48px}.pb-xxl{padding-bottom:48px}.ml-xxl{margin-left:48px}.pl-xxl{padding-left:48px}.m-xxl{margin:48px}.p-xxl{padding:48px}.mtb-xxl{margin-top:48px;margin-bottom:48px}.mlr-xxl{margin-left:48px;margin-right:48px}.ptb-xxl{padding-top:48px;padding-bottom:48px}.plr-xxl{padding-left:48px;padding-right:48px}.mt-xl{margin-top:32px}.pt-xl{padding-top:32px}.mr-xl{margin-right:32px}.pr-xl{padding-right:32px}.mb-xl{margin-bottom:32px}.pb-xl{padding-bottom:32px}.ml-xl{margin-left:32px}.pl-xl{padding-left:32px}.m-xl{margin:32px}.p-xl{padding:32px}.mtb-xl{margin-top:32px;margin-bottom:32px}.mlr-xl{margin-left:32px;margin-right:32px}.ptb-xl{padding-top:32px;padding-bottom:32px}.plr-xl{padding-left:32px;padding-right:32px}.mt-lg{margin-top:24px}.pt-lg{padding-top:24px}.mr-lg{margin-right:24px}.pr-lg{padding-right:24px}.mb-lg{margin-bottom:24px}.pb-lg{padding-bottom:24px}.ml-lg{margin-left:24px}.pl-lg{padding-left:24px}.m-lg{margin:24px}.p-lg{padding:24px}.mtb-lg{margin-top:24px;margin-bottom:24px}.mlr-lg{margin-left:24px;margin-right:24px}.ptb-lg{padding-top:24px;padding-bottom:24px}.plr-lg{padding-left:24px;padding-right:24px}.mt{margin-top:16px}.pt{padding-top:16px}.mr{margin-right:16px}.pr{padding-right:16px}.mb{margin-bottom:16px}.pb{padding-bottom:16px}.ml{margin-left:16px}.pl{padding-left:16px}.mg{margin:16px}.pd{padding:16px}.mtb{margin-top:16px;margin-bottom:16px}.mlr{margin-left:16px;margin-right:16px}.ptb{padding-top:16px;padding-bottom:16px}.plr{padding-left:16px;padding-right:16px}.mt-sm{margin-top:12px}.pt-sm{padding-top:12px}.mr-sm{margin-right:12px}.pr-sm{padding-right:12px}.mb-sm{margin-bottom:12px}.pb-sm{padding-bottom:12px}.ml-sm{margin-left:12px}.pl-sm{padding-left:12px}.m-sm{margin:12px}.p-sm{padding:12px}.mtb-sm{margin-top:12px;margin-bottom:12px}.mlr-sm{margin-left:12px;margin-right:12px}.ptb-sm{padding-top:12px;padding-bottom:12px}.plr-sm{padding-left:12px;padding-right:12px}.mt-xs{margin-top:8px}.pt-xs{padding-top:8px}.mr-xs{margin-right:8px}.pr-xs{padding-right:8px}.mb-xs{margin-bottom:8px}.pb-xs{padding-bottom:8px}.ml-xs{margin-left:8px}.pl-xs{padding-left:8px}.m-xs{margin:8px}.p-xs{padding:8px}.mtb-xs{margin-top:8px;margin-bottom:8px}.mlr-xs{margin-left:8px;margin-right:8px}.ptb-xs{padding-top:8px;padding-bottom:8px}.plr-xs{padding-left:8px;padding-right:8px}.mt-xxs{margin-top:4px}.pt-xxs{padding-top:4px}.mr-xxs{margin-right:4px}.pr-xxs{padding-right:4px}.mb-xxs{margin-bottom:4px}.pb-xxs{padding-bottom:4px}.ml-xxs{margin-left:4px}.pl-xxs{padding-left:4px}.m-xxs{margin:4px}.p-xxs{padding:4px}.mtb-xxs{margin-top:4px;margin-bottom:4px}.mlr-xxs{margin-left:4px;margin-right:4px}.ptb-xxs{padding-top:4px;padding-bottom:4px}.plr-xxs{padding-left:4px;padding-right:4px}.text-xl{font-size:20px}.text-lg{font-size:18px}.text-md{font-size:16px}.text-df{font-size:14px}.text-sm{font-size:12px}.text-xs{font-size:10px}.text-bold,.text-bolder{font-weight:700}.text-cut{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.text-cut-2{display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;overflow:hidden;text-overflow:ellipsis}.text-cut-3{display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:3;overflow:hidden;text-overflow:ellipsis}.text-cut-4{display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:4;overflow:hidden;text-overflow:ellipsis}.text-cut-5{display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:5;overflow:hidden;text-overflow:ellipsis}.text-cut-6{display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:6;overflow:hidden;text-overflow:ellipsis}.bg-df{color:#333;background-color:#f7f7f7}.text-df{color:#f7f7f7}.line-df{color:#f7f7f7;border-color:initial}.bg-red{background-color:#ff4f44}.text-red{color:#ff4f44}.line-red{color:#ff4f44;border-color:initial}.bg-orange{background-color:#ff9056}.text-orange{color:#ff9056}.line-orange{color:#ff9056;border-color:initial}.bg-yellow{background-color:#fbbd08}.text-yellow{color:#fbbd08}.line-yellow{color:#fbbd08;border-color:initial}.bg-green{background-color:#39b54a}.text-green{color:#39b54a}.line-green{color:#39b54a;border-color:initial}.bg-blue{background-color:#0081ff}.text-blue{color:#0081ff}.line-blue{color:#0081ff;border-color:initial}.bg-grey{background-color:#898989}.text-grey{color:#898989}.line-grey{color:#898989;border-color:initial}.bg-gray{background-color:#aaa}.text-gray{color:#aaa}.line-gray{color:#aaa;border-color:initial}.bg-light{background-color:#dfdfdf}.text-light{color:#dfdfdf}.line-light{color:#dfdfdf;border-color:initial}.bg-black{background-color:#333}.text-black{color:#333}.line-black{color:#333;border-color:initial}.bg-white{color:#333;background-color:#fff}.text-white,.bg-red,.bg-orange,.bg-yellow,.bg-green,.bg-blue,.bg-grey,.bg-gray,.bg-light,.bg-black{color:#fff}.line-white{color:#fff;border-color:initial}.text-left{text-align:left}.text-right{text-align:right}.text-center{text-align:center}.solid,.dui-button[class*=line],.solid-top,.solid-right,.solid-bottom,.dui-item,.solid-left{position:relative;border-color:rgba(0,0,0,0.1)}.solid[class*=line],.dui-button[class*=line],.solid-top[class*=line],.solid-right[class*=line],.solid-bottom[class*=line],.dui-item[class*=line],.solid-left[class*=line]{border-color:initial}.solid::after,.dui-button[class*=line]::after,.solid-top::after,.solid-right::after,.solid-bottom::after,.dui-item::after,.solid-left::after{content:'';position:absolute;width:100%;height:100%;top:0;left:0;transform-origin:0 0;border-color:inherit;border-radius:inherit;pointer-events:none}@media screen and (-webkit-min-device-pixel-ratio: 2){.solid::after,.dui-button[class*=line]::after,.solid-top::after,.solid-right::after,.solid-bottom::after,.dui-item::after,.solid-left::after{width:200%;height:200%;transform:scale(0.5)}}@media screen and (-webkit-min-device-pixel-ratio: 3){.solid::after,.dui-button[class*=line]::after,.solid-top::after,.solid-right::after,.solid-bottom::after,.dui-item::after,.solid-left::after{width:300%;height:300%;transform:scale(0.33333)}}.solid::after,.dui-button[class*=line]::after{border-style:solid;border-width:1px}.solid-top::after{border-top-style:solid;border-top-width:1px}.solid-right::after{border-right-style:solid;border-right-width:1px}.solid-bottom::after,.dui-item::after{border-bottom-style:solid;border-bottom-width:1px}.solid-left::after{border-left-style:solid;border-left-width:1px}.radius{border-radius:10px;overflow:hidden}.radius.xxl,.radius-xxl{border-radius:20px;overflow:hidden}.radius.xl,.radius-xl{border-radius:16px;overflow:hidden}.radius.lg,.radius-lg{border-radius:14px;overflow:hidden}.radius.md,.radius-md{border-radius:12px;overflow:hidden}.radius.df,.radius-df{border-radius:10px;overflow:hidden}.radius.sm,.radius-sm{border-radius:8px;overflow:hidden}.radius.xs,.radius-xs{border-radius:6px;overflow:hidden}.radius.xxs,.radius-xxs{border-radius:3px;overflow:hidden}.bg-img{background:#f1f1f1 center / contain no-repeat}.bg-img.cover{background-size:cover}.round,.dui-button.round{border-radius:2000px}.uppercase{text-transform:uppercase}.lowercase{text-transform:lowercase}.dui-button{display:inline-flex;justify-content:center;align-items:center;padding:0 16px;height:36px;font-size:14px;text-decoration:none;line-height:1;outline-width:0;border-width:0;border-radius:6px;-webkit-appearance:none;appearance:none;cursor:pointer}.dui-button:active{opacity:0.9}.dui-button[disabled],.dui-button.disabled{opacity:0.6;color:#ffffff;pointer-events:none;cursor:not-allowed}.dui-button[class*=line]{background-color:transparent}.dui-button.block{width:100%}.dui-button.md{height:40px;font-size:16px}.dui-button.lg{height:44px;font-size:16px}.dui-button.sm{height:32px;font-size:12px}.dui-button.xs{height:28px;font-size:12px}.dui-list+.dui-list{margin-top:8px}.no-bottom>.dui-item::after,.dui-item.no-bottom::after,.dui-item:last-child::after{border:0}.dui-item{position:relative;display:flex;align-items:center;min-height:56px}.dui-icon__loading{display:inline-flex;animation:duiLoading 1s steps(60, end) infinite}.dui-icon__loading::before,.dui-icon__loading::after{content:'';display:block;flex:1;box-sizing:border-box;border:2px solid;opacity:0.5}.dui-icon__loading::before{border-top-left-radius:36px;border-bottom-left-radius:36px;border-right-width:0;-webkit-mask-image:-webkit-linear-gradient(top, #000 8%, rgba(0,0,0,0.3) 95%);mask-image:-webkit-linear-gradient(top, #000 8%, rgba(0,0,0,0.3) 95%)}.dui-icon__loading::after{border-top-right-radius:36px;border-bottom-right-radius:36px;border-left-width:0;-webkit-mask-image:-webkit-linear-gradient(225deg, rgba(0,0,0,0) 45%, rgba(0,0,0,0.3) 95%);mask-image:-webkit-linear-gradient(225deg, rgba(0,0,0,0) 45%, rgba(0,0,0,0.3) 95%)}@keyframes duiLoading{0%{transform:rotate3d(0, 0, 1, 0deg)}100%{transform:rotate3d(0, 0, 1, 360deg)}}