*{margin:0;padding:0}body{word-wrap:break-word;word-break:break-all;-webkit-text-size-adjust:none;line-height:1.6;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)}a{text-decoration:none}a,a:active,a:hover{outline:0}textarea{overflow:auto;vertical-align:top}button,input,select,textarea{font-family:inherit;font-size:100%;margin:0}table{border-spacing:0;border-collapse:collapse}dd,dl,ol,ul{list-style:none;font-size:100%}img{vertical-align:top;border:0}h1,h2,h3,h4,h5,h6{font-weight:400;margin:0;padding:0}html{font-size:9.25926vw}.ui-fl-r{float:right}.ui-fl-l{float:left}.ui-ta-c{text-align:center}.ui-ta-l{text-align:left}.ui-ta-r{text-align:right!important}.ui-no-tap-highlight{-webkit-tap-highlight-color:rgba(255,255,255,0)}.ui-text-strong{font-weight:700}.ui-d-b{display:block}.ui-d-n{display:none!important}.ui-p-r{position:relative}.ui-p-a{position:absolute}.ui-bb-n{border-bottom:none!important}.ui-bt-n{border-top:none!important}.ui-ov-h{overflow:hidden}.ui-vtm{display:inline-block;vertical-align:middle}.text-underline{text-decoration:underline}.overlay{background-color:#000;filter:alpha(opacity=60);opacity:.6;width:100%;height:100%;top:0;left:0;position:fixed;z-index:1024;-webkit-backface-visibility:hidden}.ui-vv{visibility:visible}.ui-vh{visibility:hidden}.f-27{font-size:.27rem}.f-48{font-size:.48rem}.f-36{font-size:.36rem}.f-0{font-size:0}.color-FFE877{color:#ffe877}*{-moz-user-select:none;-o-user-select:none;-khtml-user-select:none;-webkit-user-select:none;-ms-user-select:none;user-select:none}.ht-night-app-wrap .common-btn-dark{background-color:rgba(245,246,247,.1)!important;color:#bbc0cb!important}.ht-night-app-wrap .color-swipe__indicators__bounce{background-color:#fff!important}.ht-night-app-wrap .goView{background-color:#ff8840!important}.ht-night-app-wrap .task-rule-pop{background-color:#404040}.ht-night-app-wrap .task-rule-pop .task-tip{color:hsla(0,0%,100%,.85)}.ht-night-app-wrap .task__item__pop{background:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACUAAAAkCAMAAAA5HAOUAAAAM1BMVEUAAAD///////////////////////////////////////////////////////////////+3leKCAAAAEXRSTlMAgDAQCHhAYDggcFAYSFgoaLTNyEYAAAE8SURBVHhehVTtEoMgDOOj5Vvc+z/tWE4lOHfLD4G7NGkL1tzQXNi2kLL5jRzVnojumeOKXVAeeD5CITUxRprr4Pm72fDSIBT1kdZVzo3ILjf1OuQCVzbOyXwhDdpU84VPa7ReuXVWvmfymttKdaRAPd2uVIaf54ZwC0StCoJJyqOznE04xOolhX3PbXwjiWGP5YDa8lmGrVyB2DdqldS6HzaNyszG7PiuqKTloRKQFgGBZZ6s3cCS79fhmFUfWB2XfGOlxRF5vJA6OaKGnVl5sTt7gBoewZ1AVxkiT13BMrHr1KYbylwSbqew4Znmi54AOlMNP+NyVRU5OsnyCt00IU9GInuv//8OeLIaZ45oPle/cmT7im3F2hKIJ0FpAqzTpKeMaZIwo6L/P5n0x/XuXS9K3M1vZExMN3wZb/g7B8HrrWGAAAAAAElFTkSuQmCC) 50% no-repeat;background-size:100%}.ht-night-app-wrap .color-swipe__indicators__bounce{background-color:#666!important}#pop-swipe .color-swipe{min-height:9.36rem;padding-bottom:.9rem}.ui-comm-padding{padding-left:.54rem;padding-right:.54rem}.block{margin-top:.72rem;position:relative}.pageContainer{padding-top:2.37rem;padding-bottom:.84rem}.pageContainer .common-btn{width:1.68rem;height:.72rem;line-height:.72rem;border-radius:.15rem;font-family:unset;font-weight:500;font-size:.42rem;letter-spacing:0;text-align:center}.pageContainer .undone-btn{background-color:rgba(234,52,71,.15);color:#ea3447}.pageContainer .common-btn-disabled{background-color:#f5f6f7;color:#bbc0cb}.pageContainer .done-btn{background:#ea3447;color:#fff}.pageContainer--noBg{padding-top:3.09rem}.pageContainer--noBg .integral{margin-top:unset}.pageContainer--noBg .integral__header__info{color:#000}.pageContainer--noBg .integral__header__info span{color:#ea3447}.pageContainer--noBg .integral__header__btn__text{color:rgba(0,0,0,.8)}.pageContainer--noBg .integral__header__btn__img{background-image:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAcCAYAAABoMT8aAAAAAXNSR0IArs4c6QAAAdBJREFUOBGllEtLHEEURmfik4iiGFQS8L0QslM3EQTFEIj5vz4QcaEb3StuNIrD+H7gi2ji6DlNtTjO9EwP+eBMdU3f+rrq1q2qy2QyY/AdmiEPNamO6GlogR7ogH14hlTS4BYGIAsadMMeFKCqNLiCY9DEfht8gT34BxXlAHUDOdCkHlxSH+zDIyQqNjDgHn6DA5vApGp4AH+grN4aGPAAu+ASPkIjDIG74wdK9N7AgL+wA13QCi5pGE7BpRapnIEBT6BJO7gzxmlyCSb9VUkGBlgL5sRcOJssDIJLOYNIlQzimAMeNPsMmphkZ3gE0dRsq+mQgDvoBU1Msv2zNDMgLpLTvoB++ACabNZiQHyUwGtac6FJ3p//UaFWg36+NhW+aL2cWyRpNULgJJhEtQ4PaQ1GCR53VNAG7ZbPsVv4v6Tx/QR8DW+sh1XYDv2KBu7QNAyGYC+YZbA6X5U0A0/hD7D6lAlbBE9lkcoZeIx/QmeI9C6YB09jid4beJ39Ao+x8r6cg6IT6ItYbw0+8ecsePqUgxysSaJiA+vaNTeEyBPaBUi8ykJctAsDdGYgrsocz0tg4qrKQvoG8WDvwxXwvKeSe+2WeW1twhq436n1Apm4VekXvQ73AAAAAElFTkSuQmCC)}.headerBg{top:0;left:0;width:100%;height:8.31rem;background-image:url(../../../../userfiles/cms/img/headBg.38df9e07.png);background-size:100% 100%}.integral__header{height:.42rem;line-height:.42rem;display:flex;justify-content:space-between}.integral__header__info{font-family:unset;font-size:.42rem;color:#fff}.integral__header__btn{display:flex;justify-content:space-between;align-items:center}.integral__header__btn__text{opacity:.8;font-family:unset;font-size:.36rem;color:#fff;margin-right:.24rem}.integral__header__btn__img{width:.16rem;height:.28rem;background-size:100% 100%;background-image:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAcCAYAAABoMT8aAAAAAXNSR0IArs4c6QAAAZZJREFUOBGdlUsvBEEUhbs8JkjYEAs22BA2go1JJGQS8fi/XhMhLAQbK2GDBRZEYiFBxLTvVKpkHj3dNXWTU7dvqs43XY+uMWmaLiZJMotu0aUxJiUHRxcjp1E/mkcVgN3k4BDgDNWcY4q8AaTX1YXJaASGcdI68sYXnveYzhc5NyxAI4CMkLZQn2riHe0A+bBVm+YfoH4gQ6RtNKiakFkQwTKjAaARQAZIm2hYNaFp7AJ5tVVT0wJQP5ASSWsyppr4QQdAnmxV12QC1A9E27mGtDMK7dQhkHtbuaYtQP1A1F9Gc6oJHbJTIDe2oskF+EGAFnhe8jX5AsiV6iCABgKZIa3UeU70JjqJQeFeu8rgX2coAy0FA2QC8kA6RooeNNoRwNoam1pHAF55Av+qY+hsvOk1giJjEc+Z0ncQAHPWNl7rl3O3EWP8QcIcf5QxZ31M+8z5uXnBWqaAOf5zxhx/oWCOv9Iwx1+qmCdZmAryp/KR5yoLppNWGDpIy8ib73g+wuy/uEKAjPpL+0S6IHRlBZsZn/wBBkySNIXsozwAAAAASUVORK5CYII=)}.integral__card{margin-top:.54rem;width:9.72rem;height:6.44rem;padding:.69rem .72rem .72rem .72rem;box-sizing:border-box;background-image:linear-gradient(134deg,#fff,#fcfcfc);border:.01rem solid rgba(0,0,0,.04);box-shadow:0 0 .27rem 0 rgba(0,0,0,.06);border-radius:.37rem;display:flex;flex-direction:column;align-items:center}.integral__card__header{display:flex;flex-direction:column;align-self:flex-start}.integral__card__header__content{display:flex;align-items:center}.integral__card__header__contentTitle{font-family:unset;font-weight:500;font-size:.42rem;height:.42rem;line-height:.42rem;color:#222}.integral__card__header__contentBtn{margin-left:.58rem;display:flex;align-items:center}.integral__card__header__des{margin-top:.24rem}.integral__card__header__btnText,.integral__card__header__des{opacity:.4;font-family:unset;font-size:.36rem;height:.36rem;line-height:.36rem;color:#333}.integral__card__header__btnText{margin-right:.24rem}.integral__card__header__btnImg{position:relative;top:.02rem;width:.16rem;height:.28rem;background-size:100% 100%;background-image:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAcCAYAAABoMT8aAAAAAXNSR0IArs4c6QAAAZxJREFUOBGllGsvA0EUhpe6xV18kBAt//8/0RDhSxO3UpT1PMNput3umsabPLG2Z97Zc5npFEVxBD1YgSEspA7RXViFLdiAJyghSxp8wB4sgQab8ABZJhq8wSuEyRrPO/AIX9AqDdQ7PIMmy2BKu2A6n9CoMDDAVNzVhb63qBq2mkwbEJt2M39T0MDfD8DuuEFNswYGmPc92BXrYUr78AKmWtE8AwPsgF+yDnbGDmliwWWiJgMDNLEmpmJrw2TMs11LajOIGIuotn/+pCJrnqY2x8B1BruzHVKapS/JNXCRnz2CGDg7NVjEgPhUQDsRJkNb9B+Vixq48+nvjs7LyBbl6pDAk6ngW57HuQZeOhK642HgPw5Hm/z9GNw9dMNDWuyLNgPrY77mrRyeK3DEJ2oysL1n4IFSFqwP3hkVzTPwMjkHD5HyQrkET2NNswaePhd7jJV3wAVUTqA/hKYNPHEujul0kTvX7gDeTRQGznUPYrCcexd7YFqlgVXuQphZqD5YuD/lINnnWGyLriFrMXEpX3O24g6HQ1JCtr4BnuZTp9ML52cAAAAASUVORK5CYII=)}.integral__card__banner{margin-top:.54rem;display:flex;align-items:center}.integral__card__banner__item{width:2.16rem}.integral__card__banner__divider{width:.02rem;height:.48rem;opacity:.1;background:#000;margin-left:1.34rem;margin-right:1.34rem}.integral__card__banner__itemCount{font-family:unset;font-weight:500;font-size:.6rem;color:#222;letter-spacing:0;text-align:center;height:.85rem;line-height:.85rem}.integral__card__banner__itemDes{opacity:.4;font-family:unset;margin-top:.13rem;font-size:.36rem;color:#222;letter-spacing:0;text-align:center;height:.42rem;line-height:.42rem}.integral__card__btn{display:inline-block;margin-top:.72rem;background-color:#ea3447;text-align:center;width:8.28rem;height:1.32rem;line-height:1.32rem;filter:brightness(1.2);border-radius:.24rem;font-family:unset;font-weight:500;font-size:.42rem;color:#fff}.integral__dark{margin-top:.54rem;width:9.72rem;height:6.44rem;padding:.69rem .72rem .72rem .72rem;box-sizing:border-box;background-image:linear-gradient(134deg,#404040,#404040);border:.01rem solid rgba(0,0,0,.04);box-shadow:0 0 .27rem 0 rgba(0,0,0,.06);border-radius:.37rem;display:flex;flex-direction:column;align-items:center}.integral__dark__header{display:flex;flex-direction:column;align-self:flex-start}.integral__dark__header__content{display:flex;align-items:center}.integral__dark__header__contentTitle{font-family:unset;font-weight:500;font-size:.42rem;height:.42rem;line-height:.42rem;color:#fff}.integral__dark__header__contentBtn{margin-left:.58rem;display:flex;align-items:center}.integral__dark__header__des{margin-top:.24rem}.integral__dark__header__btnText,.integral__dark__header__des{opacity:.4;font-family:unset;font-size:.36rem;height:.36rem;line-height:.36rem;color:#fff}.integral__dark__header__btnText{margin-right:.24rem}.integral__dark__header__btnImg{position:relative;top:.02rem;width:.16rem;height:.28rem;background-size:100% 100%;background-image:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAcCAYAAABoMT8aAAAAAXNSR0IArs4c6QAAAWtJREFUOBGdlItKxDAQRVvXFysiKCKsuK7//0++FldRVATxuVrPCY2s2tY0F26m08zcpJ1Jyqqq9oqi2IH38KosywqbjCUit+Ey3IVjBH2XDINnMK66xfOkj0jpUiRsYg5hXP2Z5xM+Z47tRBAwApEh5ggO9MErVOQteC3Dt4DziKxhFFnVB+/wGBHFGvFDwAhEVjCKrOuDD+hOnoL3a/gj4DwifsYEbkDxCU8ReQzewtAo4Dwi/tADaGWElTpH5CF49dAq4Dwizo+gjRZxgchtdDoFYhBCdquMsGOvdZIEDETEXez7XCPsJDZOfNlq622fERC7doToIFlA5foHTutV3P2wl0CduGj6nTy2bEktrbA3XjzGSWj4iZd80jxJgOSmMoZe6Cwjic7nNRLJ+a1Mcv5hIjn/OJOcf6GQnH+lkZx/qZJsd41hLKm3jrePnfYvbCTrHJO9baapyapb6zvo/X8DvbKSViY24Avki5AuAJq/swAAAABJRU5ErkJggg==)}.integral__dark__banner{margin-top:.54rem;display:flex;align-items:center}.integral__dark__banner__item{width:2.16rem}.integral__dark__banner__divider{width:.02rem;height:.48rem;opacity:.1;background:#fff;margin-left:1.34rem;margin-right:1.34rem}.integral__dark__banner__itemCount{font-family:unset;font-weight:500;font-size:.6rem;color:#fff;letter-spacing:0;text-align:center;height:.85rem;line-height:.85rem}.integral__dark__banner__itemDes{opacity:.4;font-family:unset;margin-top:.13rem;font-size:.36rem;color:#fff;letter-spacing:0;text-align:center;height:.42rem;line-height:.42rem}.integral__dark__btn{display:inline-block;background-color:#ea3447;margin-top:.72rem;filter:brightness(1.2);text-align:center;width:8.28rem;height:1.32rem;line-height:1.32rem;border-radius:.24rem;font-family:unset;font-weight:500;font-size:.42rem;color:#fff}.sign{display:flex}.sign__img{width:.96rem;height:.96rem;border-radius:.24rem}.sign__oldinfo{width:5.71rem;margin-right:1.1rem;margin-left:.48rem}.sign__oldinfo__title{font-family:unset;font-weight:500;font-size:.48rem;height:.48rem;line-height:.48rem;color:#000;margin-bottom:.24rem}.sign__oldinfo__des{font-family:unset;font-size:.36rem;line-height:.36rem;color:rgba(0,0,0,.5)}.sign__info{width:9.72rem;padding:.72rem;border:.01rem solid rgba(0,0,0,.04);box-shadow:0 0 .27rem 0 rgba(0,0,0,.06);border-radius:.36rem}.sign__info__text{height:1rem;line-height:.7rem}.sign__info__text__des{float:left;font-size:.48rem;color:#000;letter-spacing:0;margin-top:-.15rem;font-weight:500}.sign__info__text__des span{color:#ea3447!important}.sign__info__text__btn{margin-top:.17rem}.sign__info__more{font-size:.36rem;color:rgba(0,0,0,.5);letter-spacing:0;margin-top:-.39rem;margin-bottom:.57rem}.sign__info__icon{width:8.28rem}.sign__info__icon ul li{float:left;text-align:center;font-size:.16rem;height:1.38rem;list-style:none;margin-left:.2rem}.sign__info__icon ul li:first-child{margin-left:0}.sign__info__icon__num{margin-left:.1rem;font-size:.36rem;height:.78rem;width:.78rem;line-height:.78rem;opacity:.15;background:#000;color:#fff;border-radius:50%}.sign__info__icon__num img{width:.36rem;height:.36rem;margin-top:.21rem;display:inline-block}.sign__info__icon__date{display:inline-block;width:1rem;height:.3rem;font-size:.3rem;margin-top:.22rem;opacity:.2;color:#000;letter-spacing:0;text-align:center}.sign__info__issignicon{opacity:.7;background:#000}.sign__info__isnosign{opacity:1;background:#ea3447}.sign__info__issign{opacity:.55;color:#000}.sign__info__dark{width:9.72rem;padding:.72rem;border:.01rem solid rgba(0,0,0,.04);box-shadow:0 0 .27rem 0 rgba(0,0,0,.06);border-radius:.36rem;background-image:linear-gradient(134deg,#404040,#404040)}.sign__info__dark__text{height:1rem;line-height:.7rem}.sign__info__dark__text__des{color:#fff;letter-spacing:0;float:left;font-size:.48rem;margin-top:-.15rem;font-weight:500}.sign__info__dark__text__des span{color:#ea3447!important}.sign__info__dark__text__btn{margin-top:.17rem}.sign__info__dark__more{opacity:.55;font-size:.36rem;color:#fff;letter-spacing:0;margin-top:-.39rem;margin-bottom:.57rem}.sign__info__dark__icon{width:8.28rem}.sign__info__dark__icon ul li{float:left;text-align:center;font-size:.16rem;height:1.38rem;list-style:none;margin-left:.2rem}.sign__info__dark__icon ul li:first-child{margin-left:0}.sign__info__dark__icon__num{margin-left:.1rem;font-size:.36rem;height:.78rem;width:.78rem;line-height:.78rem;background-color:hsla(0,0%,100%,.15);letter-spacing:0;color:#fff;border-radius:50%}.sign__info__dark__icon__num img{width:.36rem;height:.36rem;margin-top:.21rem;display:inline-block}.sign__info__dark__icon__date{display:inline-block;width:1rem;height:.3rem;margin-top:.22rem;font-size:.3rem;opacity:.2;color:#fff;letter-spacing:0;text-align:center}.sign__info__dark__issignicon{background-color:hsla(0,0%,100%,.7)}.sign__info__dark__isnosign{background-color:#ea3447}.sign__info__dark__issign{opacity:.55;color:#fff}.sign__btn{float:right}.task__item__time:after{content:"";position:absolute;background:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADkAAAAkCAMAAAAEjmLyAAAAeFBMVEUAAADpNEbqNEfrNEjnMkjqM0frNEfrMkfpNEXpM0bqNEfnNEjfMEDqNEfpNEfqM0fpM0brM0bpNEfqNEf////95ujvZ3XygIztTl76zNHrQVL+8vT0maP2p673s7rxdIHzjJjuWmr82d35v8b0mqP1maP//v7tWmkFxlMKAAAAE3RSTlMAgL9AIN9vYDCggEAQ76+QUO/OEmdOCQAAAYlJREFUSMelle1ygjAQRa1V0Wqt7d5NQiICatv3f8NmceKwfmDB8yfMwJm7u0yS0fOs5ln28pjsda69yfiT/ss0a4kz6sV0ksQ3omHqnHozPplT6s9rv0jvnApN47EN3ibMlWmA9Pgu5gedQINDIqfILm/QpiAzWiQzbLcMHxehOJmMhtvmOJlMxCyL4JJpjWF4I1SAMT6NSJm/2NFlpmt0nDE3zQqGkGibJQsBYL5tMku7RiiVqfu8Nh0CnfvUZsWuy6QCNmbuhIOebWy70/TxPRLK9AGmy6Q9PNjlsM65SvW5Rd5pHuDiYlGQj3rblNAuM0ctRYdQMvZezXYbyvvm9w5SrZSGGEvK9L6j2kK+F9MzDkR9/qetqTErE86ZcafgoZmKDqhqBlu1V2K2vTAXyqwRyWtye0ihpW0gGV5kT4m57GxllghHT4I9UpsC+AklJVat08TUFPHm/iHkidRpsqQBrEfCeICZjQaGrp+4HYapX1FMTBY9AmcjxWq5mb08ZJZtYt6T/AHXH4M2+MxKSAAAAABJRU5ErkJggg==) 50% no-repeat;background-size:100%;width:.54rem;height:.32rem;left:.68rem;top:.38rem;border-radius:.04rem}.slideshow{width:9.72rem;height:2.7rem;overflow:hidden;position:relative}.slideshow__wrapper{border-radius:.3rem;height:2.7rem}.slideshow img{width:9.72rem;height:2.7rem}.task{margin-top:.99rem}.task__header{font-family:unset;font-weight:500;font-size:.48rem;color:#000;height:.48rem;line-height:.48rem}.task__list{margin-top:.42rem}.task__list .task__item{position:relative}.task__list .task__item:last-child{padding-bottom:unset;height:1.44rem}.task__item{height:1.86rem;width:100%;padding-top:.42rem;padding-bottom:.42rem;box-sizing:border-box;display:flex;align-items:center;justify-content:space-between}.task__item__icon{width:.96rem;height:.96rem;border-radius:.24rem}.task__item__main{height:.45rem;display:flex;margin-bottom:.21rem;align-items:flex-end}.task__item__content{display:flex;flex-grow:2;margin-left:.48rem}.task__item__text{display:flex;flex-direction:column}.task__item__title{font-family:unset;font-size:.45rem;color:#000;height:.45rem;line-height:.45rem;margin-right:.36rem}.task__item__score{position:relative;top:-.03rem;color:#ea3447;letter-spacing:0}.task__item__des,.task__item__score{font-family:unset;font-size:.36rem;line-height:.36rem;height:.36rem}.task__item__des{color:rgba(0,0,0,.5)}.task__item__pop{background:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACQAAAAkCAMAAADW3miqAAAAM1BMVEUAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAACjBUbJAAAAEXRSTlMACBgwQEggYHiAWHAQOChQaNUBNHMAAAE1SURBVHgBlVQHkgMhDDs6wrDk/689SPHI6XGyzSMkF8yfMedDTCmGzE5ruVTcrIWnkCAwJo+wXgDUMrxbojm0M6xbzFEXJDpaFGV5DiMFILk77gkgEA+A8RjlAKBcvfISK1BvcYnlsVxF8ZOKNSKVMt00hHLtYnN3FXIlihZDkfxFYBM3QF0TSN6veyGq/Q40DQE47UdBdfup75nSd3MeV41OCfp9o2xUVZn8Jonq4Bqe9MPtvBLwZD9QZ4H0CBJtpIIe5PzSWlFbuQB4Bh02kUv2nsmf9zjfSkr8NtkGcHlVjpk70C6ikbwnGOZ4bYgsKuNNRCSQW4ET15vVpna2vNu+8sMgvB8pO5yzW4hLOpw05hIJ5mLlMecRaCO7BfCjLAhK//XoUVhTRC3vDrvLceid8f4D+ssOqk5RcfYAAAAASUVORK5CYII=) 50% no-repeat;background-size:100%;margin-left:.11rem;display:inline-block;width:.35rem;height:.35rem;vertical-align:middle;margin-top:-.06rem}.adCard{display:flex;justify-content:space-between;flex-wrap:wrap}.adCard__item{width:4.74rem;height:2.05rem;border-radius:.24rem;margin-bottom:.84rem}.adCard__item:nth-last-child(2){margin-bottom:unset}.adCard__item:last-child{margin-bottom:unset}.record{padding:.3rem .72rem}.record__item{height:1.86rem;align-items:center}.record__item,.record__item__content{display:flex;justify-content:space-between}.record__item__content{flex-direction:column;height:1.02rem}.record__item__text{display:flex;height:.45rem;line-height:.45rem}.record__item__title{font-family:unset;font-size:.45rem;color:#000}.record__item__count{font-family:unset;font-weight:500;font-size:.45rem;margin-left:.42rem;color:#ea3447}.record__item__time{opacity:.3;font-family:unset;font-size:.36rem;height:.36rem;line-height:.36rem;color:#000;margin-top:.21rem}.record--nodata{margin-top:6.58rem;display:flex;justify-content:center;align-items:center;flex-direction:column}.record--nodata img{width:3.3rem;height:3.3rem}.record--nodata__des{opacity:.3;font-family:unset;font-size:.48rem;color:#000;letter-spacing:.0032rem;text-align:center;line-height:.65rem}.prizeRecord{padding-top:0;padding-bottom:0}.color-swipe__indicator{width:.18rem;height:.18rem;border:.03rem solid #fff;border-radius:50%;margin:.09rem}.color-swipe__indicators__bounce{width:.18rem;height:.18rem;border-radius:50%;margin:.09rem;background-color:#fff!important}html[data-theme=dark] input,html[data-theme=dark] textarea{background-color:rgba(0,0,0,0)}.taskCenterdialogHeader{text-align:center;height:2.97rem}.taskCenterdialogHeader .taskCenterdialogPic{width:4.62rem;height:4.37rem;margin-top:-1.44rem}.taskCenterdialogTitle{text-align:center;letter-spacing:0;margin-top:.44rem}.taskCenterdialogTitle .taskCenterdialogTitleBox{width:7.16rem;height:1.08rem;margin:0 auto;display:flex;justify-content:center;align-items:center}.taskCenterdialogTitle .taskCenterdialogTitleBox .add{height:.6rem;font-style:normal;width:.54rem;font-size:.54rem;color:#ff8836;font-weight:500;display:inline-block;margin-top:.12rem}.taskCenterdialogTitle .taskCenterdialogTitleBox .value{display:inline-block;margin-left:.12rem;font-size:1rem;color:#ff8836;margin-right:.18rem;font-weight:500;height:1.08rem;line-height:1.08rem}.taskCenterdialogTitle .taskCenterdialogTitleBox .integral{height:.6rem;margin-top:.42rem;display:inline-block;opacity:.6;font-size:.36rem;color:#000}.taskCenterdialogTitle .continue{height:.9rem;width:5.4rem;opacity:.6;font-size:.36rem;color:#000;line-height:.48rem;margin:0 auto;margin-top:.24rem;font-family:OPPOSans_OS_Regular_1\.4}.taskCenterdialog{z-index:999;position:fixed;top:calc(50% - .33rem);left:50%;transform:translate(-50%,-50%);touch-action:none}.taskCenterdialog .box{background:url(../../../../userfiles/cms/img/background.fd9195c7.png) 50% no-repeat;border-radius:.6rem;background-size:8.22rem 8.74rem;text-align:center;width:8.22rem;height:8.74rem}.taskCenterdialog .box .goView{margin-top:1.31rem;width:5.22rem;height:1.08rem;background:#ff8836;font-size:.36rem;color:#fff;letter-spacing:0;border-radius:.18rem}.taskCenterdialog .box .closeimg{background:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAJAAAACQCAYAAADnRuK4AAAAAXNSR0IArs4c6QAABUFJREFUeAHtnd1NG0EUhXFSQApAQUrqIBJpIOmGYlICNeSB1/QAREoBKBWYnCOtESb4Z3fu7NxZfyONwGZ958x3jsf2svKcndEgAAEIQAACEIAABCAAAQhAAAIQgAAEIAABCEAAAhCAAAQgAAEIQAACEIAABCAAAQhAAAIQgAAEIAABCEAAAhCAAAQgAAEIQAACEIAABCAAAQhAAAIQgAAEIAABCEAAAhCAAAQgAAEIQAACEIAABCAAAQhAAAIQgAAEIAABCEAAAl0ReHp6ulD/0JXoQax1W3+P2rvWLOjn6jfqj+pua/U79Wv195knZ32DTuu1bjfPw/M5z6x9EdoE+bv6X/Vd7Zf+kPJZbV3q1rereV7fFmFUxkkIrleefeHZGHOvX1KFSHo+qlvXoeb5sRLVCKDAepk/tj3owBQhsg71Y8KzmdtNDX4nX1N0N+95NqAP/WweIgk8duV5OZfHkzc7GoDo+lk8pTULkcSOXXlezi/F6hntY7N6IuuPvOuXhEf8PnuIpG3KyrOZkufZ5amJZgE5ZmBB9UffqW22EElgSXg8v7tjeGQ45l0GESM0/Bhx7OtDP+mOW5lT9aXB4fE46p/Vp7aSeU4dc/mPkzk+CbfvPIr+fLBVW4k0cunKY/GeX+qToV0nTXAv1B2CkhYeIolxeEp13btO1wb1IF6QU4Vo0GPzSxrhmTN8cipFiAYdhGdO86PGah0iwhPlZMM6rUJEeBqaHj303CEKGo/3PNFBKKkXZOrBT2dB4xCeErNrPTbI3J0hCqpPeGoFIKJukMn/hSioLuGJMLl2jSCzn0MUVI/w1DY+sn6Q6Q7Rpbp/ljSHp+r/4CLZjam1GnNwb8cOpt1Kt/+R2qo9aOCvq9XqTysBjFtAwCFSL11BVGJSW+zKU2BJfw+V9S1C5NAu8mWrvwQEKJ45RIQnwLN0JYYQ+WWlZiM86ZwPFKTk+OWsVogIT6BXaUtVChHhSet4BWHBISI8FTxKX1Ih8knCiHaZfrIIjCWg1Pi9kFeOiMYKFGtP7mpKTGR4NgEkRLltj1FXKTyEKMae3FUqh4cQ5ba/TN1M4SFEZTblfPTM4SFEOWMwTVWj8JxMiLgeaFouxzzqtw6+Wur1QL19O8fRxnnl0cG36iUXk9n8L+r+ObV5/OrfCjJVHI97g0DQy9bzeZ3oem9I5q4sBGqZXatuFm7oEIHaJteuj4kNCcxl7lzjNER5ekPPberc452eozPOuJWZrcadEe3yh2ptYuvxl+9wxRlmMS+Ljoqol1c6m2nZ9CzP8cAZZTUrUBff0hqYl61SMin790RHXOnI90RvuR54QwHyjoQl7fnfE4GytkpJXESIrreKciOGgMzpZa+M0hB1s1dGjLMzVFF4etutpyREa893BqzFQ/R0OYeBTrl+qcn1OMP1P1fSPOVSEM+ziwBJZz9Nz8oedyycshJ1s2NhTyuQk/5zRNybrDyv9U1cicbM8/WQ3N5FQCvQsbs2P+jYVF/uZD3q1nWosWvzrgBE3C/6x+wbn/JknLQ7RPv2O2Pf+IiQHKohE7wSeQvwzXuitX73R3yfJ0q9WZv1DTqt17rdPA/Ph/3iD5kf/XdB97O6y08s1m390UyoBwEIQAACEIAABCAAAQhAAAIQgAAEIAABCEAAAhCAAAQgAAEIQAACEIAABCAAAQhAAAIQgAAEIAABCEAAAhCAAAQgAAEIQAACEIAABCAAAQhAAAIQgAAEIAABCEAAAhCAAAQgAAEIQAACEIAABCAAAQhAAAIQgAAEIAABCEBgL4F/S4SpIIXOkygAAAAASUVORK5CYII=) 50% no-repeat;background-size:1.44rem 1.44rem;height:1.44rem;width:1.44rem;margin:0 auto;margin-top:1.38rem}.taskCenterdialog .box_dark{background:url(../../../../userfiles/cms/img/background_dark.ba822475.png) 50% no-repeat;border-radius:.6rem;background-size:8.22rem 8.74rem;text-align:center;width:8.22rem;height:8.74rem}.taskCenterdialog .box_dark .goView{margin-top:1.31rem;width:5.22rem;height:1.08rem;background:#ff8836;color:#fff;font-size:.36rem;letter-spacing:0;border-radius:.18rem}.taskCenterdialog .box_dark .closeimg{background:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAJAAAACQCAYAAADnRuK4AAAAAXNSR0IArs4c6QAABUFJREFUeAHtnd1NG0EUhXFSQApAQUrqIBJpIOmGYlICNeSB1/QAREoBKBWYnCOtESb4Z3fu7NxZfyONwGZ958x3jsf2svKcndEgAAEIQAACEIAABCAAAQhAAAIQgAAEIAABCEAAAhCAAAQgAAEIQAACEIAABCAAAQhAAAIQgAAEIAABCEAAAhCAAAQgAAEIQAACEIAABCAAAQhAAAIQgAAEIAABCEAAAhCAAAQgAAEIQAACEIAABCAAAQhAAAIQgAAEIAABCEAAAl0ReHp6ulD/0JXoQax1W3+P2rvWLOjn6jfqj+pua/U79Wv195knZ32DTuu1bjfPw/M5z6x9EdoE+bv6X/Vd7Zf+kPJZbV3q1rereV7fFmFUxkkIrleefeHZGHOvX1KFSHo+qlvXoeb5sRLVCKDAepk/tj3owBQhsg71Y8KzmdtNDX4nX1N0N+95NqAP/WweIgk8duV5OZfHkzc7GoDo+lk8pTULkcSOXXlezi/F6hntY7N6IuuPvOuXhEf8PnuIpG3KyrOZkufZ5amJZgE5ZmBB9UffqW22EElgSXg8v7tjeGQ45l0GESM0/Bhx7OtDP+mOW5lT9aXB4fE46p/Vp7aSeU4dc/mPkzk+CbfvPIr+fLBVW4k0cunKY/GeX+qToV0nTXAv1B2CkhYeIolxeEp13btO1wb1IF6QU4Vo0GPzSxrhmTN8cipFiAYdhGdO86PGah0iwhPlZMM6rUJEeBqaHj303CEKGo/3PNFBKKkXZOrBT2dB4xCeErNrPTbI3J0hCqpPeGoFIKJukMn/hSioLuGJMLl2jSCzn0MUVI/w1DY+sn6Q6Q7Rpbp/ljSHp+r/4CLZjam1GnNwb8cOpt1Kt/+R2qo9aOCvq9XqTysBjFtAwCFSL11BVGJSW+zKU2BJfw+V9S1C5NAu8mWrvwQEKJ45RIQnwLN0JYYQ+WWlZiM86ZwPFKTk+OWsVogIT6BXaUtVChHhSet4BWHBISI8FTxKX1Ih8knCiHaZfrIIjCWg1Pi9kFeOiMYKFGtP7mpKTGR4NgEkRLltj1FXKTyEKMae3FUqh4cQ5ba/TN1M4SFEZTblfPTM4SFEOWMwTVWj8JxMiLgeaFouxzzqtw6+Wur1QL19O8fRxnnl0cG36iUXk9n8L+r+ObV5/OrfCjJVHI97g0DQy9bzeZ3oem9I5q4sBGqZXatuFm7oEIHaJteuj4kNCcxl7lzjNER5ekPPberc452eozPOuJWZrcadEe3yh2ptYuvxl+9wxRlmMS+Ljoqol1c6m2nZ9CzP8cAZZTUrUBff0hqYl61SMin790RHXOnI90RvuR54QwHyjoQl7fnfE4GytkpJXESIrreKciOGgMzpZa+M0hB1s1dGjLMzVFF4etutpyREa893BqzFQ/R0OYeBTrl+qcn1OMP1P1fSPOVSEM+ziwBJZz9Nz8oedyycshJ1s2NhTyuQk/5zRNybrDyv9U1cicbM8/WQ3N5FQCvQsbs2P+jYVF/uZD3q1nWosWvzrgBE3C/6x+wbn/JknLQ7RPv2O2Pf+IiQHKohE7wSeQvwzXuitX73R3yfJ0q9WZv1DTqt17rdPA/Ph/3iD5kf/XdB97O6y08s1m390UyoBwEIQAACEIAABCAAAQhAAAIQgAAEIAABCEAAAhCAAAQgAAEIQAACEIAABCAAAQhAAAIQgAAEIAABCEAAAhCAAAQgAAEIQAACEIAABCAAAQhAAAIQgAAEIAABCEAAAhCAAAQgAAEIQAACEIAABCAAAQhAAAIQgAAEIAABCEBgL4F/S4SpIIXOkygAAAAASUVORK5CYII=) 50% no-repeat;background-size:1.44rem 1.44rem;height:1.44rem;width:1.44rem;margin:0 auto;margin-top:1.38rem}.mask,.maskLayer{touch-action:none;position:fixed;display:none;top:0;padding:0;margin:0;height:30rem;width:10.99rem;background-color:rgba(0,0,0,.7);overflow:hidden}.task-rule-pop{position:fixed;bottom:0;padding:0 .72rem;padding-bottom:1.14rem;padding-top:.54rem;background-color:#fff;border-radius:.6rem .6rem 0 0;display:none}.task-rule-pop .task-rule{width:9.36rem}.task-rule-pop h2{font-size:.48rem;font-weight:700;text-align:center;margin-top:.32rem;margin-bottom:.3rem}.task-rule-pop .task-tip{font-size:.42rem;color:rgba(0,0,0,.55);text-align:center;margin-bottom:.36rem}.task-rule-pop .color-swipe-item img{width:9.36rem;height:7.68rem}.task-rule-pop .color-swipe__indicators__bounce{background-color:#666!important}.task-rule-pop #rule-button{text-align:center}.task-rule-pop #rule-button button{background-color:#ea3447;height:1.32rem;width:6.6rem;border-radius:.66rem}.swipeButton :active{transition:all .2s;transform:scale(.92);border-radius:.3rem;filter:brightness(1.1)}.color-button__content--small{min-width:max-content}.color-ripple__container{color:#000;width:100%;height:100%;z-index:0;contain:strict;touch-action:none;border-radius:inherit}.color-ripple__container,.color-ripple__wave{position:absolute;left:0;top:0;overflow:hidden;pointer-events:none}.color-ripple__wave{border-radius:50%;opacity:0}.color-ripple-wrapper>:not(.color-ripple__container){position:relative;z-index:2}.color-button{position:relative;font-variation-settings:"wght" 750;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;outline:none;border:none;user-select:none;font-size:14px;color:#fff;transition:all .2s cubic-bezier(.4,0,.2,1);-webkit-tap-highlight-color:rgba(255,255,255,0);transform:translateZ(0);z-index:0;margin-right:8px}.color-button:last-child,.color-button:last-of-type{margin-right:0}.color-button--primary{background:#2ad181}.color-button--primary-deep{transition:all .2s cubic-bezier(.4,0,.2,1);background:#52dc9a;transform:scale(.9)}.color-button--primary-minor{background:rgba(42,209,129,.15);color:#2ad181}.color-button--primary-minor-deep{transition:all .2s cubic-bezier(.4,0,.2,1);color:#2ad181;transform:scale(.9);background:rgba(82,220,154,.15)}.color-button--primary-text,.color-button--primary-text-deep{background:none;color:#2ad181}.color-button--warning{background:#fac000}.color-button--warning-deep{transition:all .2s cubic-bezier(.4,0,.2,1);background:#ffcf2f;transform:scale(.9)}.color-button--warning-minor{background:rgba(250,192,0,.15);color:#fac000}.color-button--warning-minor-deep{transition:all .2s cubic-bezier(.4,0,.2,1);color:#fac000;transform:scale(.9);background:rgba(255,207,47,.15)}.color-button--warning-text,.color-button--warning-text-deep{background:none;color:#fac000}.color-button--danger{background:#ea3447}.color-button--danger-deep{transition:all .2s cubic-bezier(.4,0,.2,1);background:#ee5d6c;transform:scale(.9)}.color-button--danger-minor{background:rgba(234,52,71,.15);color:#ea3447}.color-button--danger-minor-deep{transition:all .2s cubic-bezier(.4,0,.2,1);color:#ea3447;transform:scale(.9);background:rgba(238,93,108,.15)}.color-button--danger-text,.color-button--danger-text-deep{background:none;color:#ea3447}.color-button--info{background:#007aff}.color-button--info-deep{transition:all .2s cubic-bezier(.4,0,.2,1);background:#3395ff;transform:scale(.9)}.color-button--info-minor{background:rgba(0,122,255,.15);color:#007aff}.color-button--info-minor-deep{transition:all .2s cubic-bezier(.4,0,.2,1);color:#007aff;transform:scale(.9);background:rgba(51,149,255,.15)}.color-button--info-text,.color-button--info-text-deep{background:none;color:#007aff}.color-button--light{background:#38d7d5}.color-button--light-deep{transition:all .2s cubic-bezier(.4,0,.2,1);background:#60dfdd;transform:scale(.9)}.color-button--light-minor{background:rgba(56,215,213,.15);color:#38d7d5}.color-button--light-minor-deep{transition:all .2s cubic-bezier(.4,0,.2,1);color:#38d7d5;transform:scale(.9);background:rgba(96,223,221,.15)}.color-button--light-text,.color-button--light-text-deep{background:none;color:#38d7d5}.color-button--stress{background:#7828ff}.color-button--stress-deep{transition:all .2s cubic-bezier(.4,0,.2,1);background:#9353ff;transform:scale(.9)}.color-button--stress-minor{background:rgba(120,40,255,.15);color:#7828ff}.color-button--stress-minor-deep{transition:all .2s cubic-bezier(.4,0,.2,1);color:#7828ff;transform:scale(.9);background:rgba(147,83,255,.15)}.color-button--stress-text,.color-button--stress-text-deep{background:none;color:#7828ff}.color-button-text--disabled{background:none;color:#bbc0cb}.color-button--disabled{background:var(--disabled-background);color:#bbc0cb}.color-button--large,.color-button--large-active,.color-button--middle,.color-button--middle-active{padding:12px;border-radius:10px}.color-button--small,.color-button--small-active{padding:2px 7px;border-radius:5px}.color-button__content{display:flex;justify-content:center;align-items:center;transition:opacity .2s linear .2s}.color-button__content--transparent{opacity:0}.color-button__content--large{line-height:20px;min-width:196px}.color-button__content--middle{line-height:20px;min-width:128px}.color-button__content--small{line-height:20px;min-width:34px}.color-button .color-button-enter{opacity:0}.color-button .color-button-enter-to,.color-button .color-button-leave{opacity:1}.color-button .color-button-leave-to{opacity:0}.color-button .color-button-enter-active,.color-button .color-button-leave-active{transition:opacity .2s linear .2s}@-webkit-keyframes flash{0%{opacity:.2}10%{opacity:.5}15%{opacity:1}35%{opacity:1}40%{opacity:.5}50%{opacity:.2}to{opacity:.2}}@keyframes flash{0%{opacity:.2}10%{opacity:.5}15%{opacity:1}35%{opacity:1}40%{opacity:.5}50%{opacity:.2}to{opacity:.2}}@-webkit-keyframes spinning{0%{transform:rotate(0)}to{transform:rotate(1turn)}}@keyframes spinning{0%{transform:rotate(0)}to{transform:rotate(1turn)}}.color-button__loading{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);display:flex;justify-content:center;line-height:20px}.color-button__loading-flash-container{display:flex;justify-content:center;letter-spacing:2px;margin-left:3px}.color-button__loading-flash:first-child{transform:translateY(60%);-webkit-animation-duration:1.532s;animation-duration:1.532s;-webkit-animation-name:flash;animation-name:flash;-webkit-animation-timing-function:linear;animation-timing-function:linear;-webkit-animation-iteration-count:infinite;animation-iteration-count:infinite;-webkit-animation-delay:0s;animation-delay:0s;line-height:0;opacity:0}.color-button__loading-flash:nth-child(2){transform:translateY(60%);-webkit-animation-duration:1.532s;animation-duration:1.532s;-webkit-animation-name:flash;animation-name:flash;-webkit-animation-timing-function:linear;animation-timing-function:linear;-webkit-animation-iteration-count:infinite;animation-iteration-count:infinite;-webkit-animation-delay:.333s;animation-delay:.333s;line-height:0;opacity:0}.color-button__loading-flash:nth-child(3){transform:translateY(60%);-webkit-animation-duration:1.532s;animation-duration:1.532s;-webkit-animation-name:flash;animation-name:flash;-webkit-animation-timing-function:linear;animation-timing-function:linear;-webkit-animation-iteration-count:infinite;animation-iteration-count:infinite;-webkit-animation-delay:.666s;animation-delay:.666s;line-height:0;opacity:0}.color-button__loading img{-webkit-animation-name:spinning;animation-name:spinning;-webkit-animation-duration:.666s;animation-duration:.666s;-webkit-animation-timing-function:linear;animation-timing-function:linear;-webkit-animation-iteration-count:infinite;animation-iteration-count:infinite;transform-origin:center;width:1em;height:1em}.color-title-bar{-webkit-tap-highlight-color:rgba(0,0,0,0);position:relative;transition:margin-top .3s;background-color:#fff;z-index:100}.color-title-bar.color-title-bar--collapsed{margin-top:-48px}.color-title-bar.color-title-bar--collapsed.color-title-bar--collapsed-with-large-title{margin-top:-90px}.color-title-bar .color-title-bar__main-container{position:relative;display:flex;justify-content:space-between;align-items:center;padding:13px 15px 13px 24px;font-size:16px;height:50px;line-height:24px;z-index:100;box-sizing:border-box}.color-title-bar .color-title-bar__large-title-container{font-variation-settings:"wght" 750;position:relative;color:#000;font-size:22px;line-height:42px;padding:0 24px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;z-index:101;pointer-events:none}.color-title-bar .color-title-bar__left-section{display:inline-flex;margin-right:14px;font-size:14px;max-width:114px;line-height:24px;text-overflow:ellipsis;white-space:nowrap;flex-shrink:0;background-color:inherit}.color-title-bar .color-title-bar__left-section.color-title-bar__left-section--back{width:24px;height:24px}.color-title-bar .color-title-bar__left-section--back-icon{width:100%;height:100%;background-color:inherit}.color-title-bar .color-title-bar__container{flex-grow:1;overflow:hidden}.color-title-bar .color-title-bar__container.color-title-bar__container--center{position:absolute;left:0;width:100%;text-align:center;z-index:-1}.color-title-bar .color-title-bar__title{font-variation-settings:"wght" 750;color:#000;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.color-title-bar .color-title-bar__right-section{display:inline-flex;margin-left:14px;font-size:14px;max-width:114px;line-height:24px;text-overflow:ellipsis;white-space:nowrap;flex-shrink:0;background-color:inherit}.color-title-bar .color-title-bar__divider{position:absolute;left:50%;bottom:0;opacity:0;background-color:#eee;height:2px;width:312px;z-index:110;transform-origin:center bottom;transform:translateX(-50%) scaleY(.33)}.color-title-bar .color-title-bar__left-section--placeholder{height:24px}.color-title-bar .color-title-bar__progress-bar{position:absolute;bottom:0;left:0;width:0;height:1px;background-color:#2ad181;transition:width .2s;z-index:120;overflow:hidden}.color-title-bar .color-title-bar__progress-bar-highlight{position:absolute;top:0;left:-21px;width:21px;height:1px;-webkit-animation:none;animation:none;background-image:url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAD8AAAACCAYAAADvuwSsAAAACXBIWXMAAAABAAAAAQBPJcTWAAAAJHpUWHRDcmVhdG9yAAAImXNMyU9KVXBMK0ktUnBNS0tNLikGAEF6Bs5qehXFAAAAeUlEQVQYla3OyQrCUBBE0dMaxXn4/3/UGDBIHJ6bBkNQcWHBpYqe6JAqpQQCo6TCBFPMscAKG2yxf8Mu+2ssc2+WNyqMe/eHeiS3pMMFLc5ocEKNY3JIr7PX5Gybux2uuCcFJSL48ETp+TD/wr8VPe9jkH3Jr2K8yk9WCCwCma6POQAAAABJRU5ErkJggg==");background-size:100%}.color-title-bar .color-title-bar__progress-bar-highlight.color-title-bar__progress-bar-highlight--loop{-webkit-animation-name:translation;animation-name:translation;-webkit-animation-duration:1s;animation-duration:1s;-webkit-animation-iteration-count:infinite;animation-iteration-count:infinite}@-webkit-keyframes translation{0%{left:0}to{left:100%}}@keyframes translation{0%{left:0}to{left:100%}}.color-radio--center{display:flex;align-items:center}.color-radio--default{display:inline-block}.color-radio__container{display:flex;align-items:center;font-size:0;-webkit-tap-highlight-color:rgba(255,255,255,0)}.color-radio__content{margin-left:12px;font-size:14px}.color-radio__content--disabled{color:var(--disabled)}.color-radio .icon-select{display:inline-block;width:24px;height:24px}.color-radio .icon-select svg g g:first-child path{stroke:var(--stroke);stroke-opacity:1}.color-radio .icon-select svg g g:nth-child(2) path{stroke:#2ad181}.color-radio .icon-select svg g g:nth-child(3) path{fill:#2ad181}.color-radio .icon-select--disabled svg g g:first-child path{display:none;stroke:var(--stroke);stroke-opacity:1}.color-radio .icon-select--disabled svg g g:nth-child(2) path{stroke:var(--stroke-disabled);stroke-opacity:1}.color-radio .icon-select--disabled svg g g:nth-child(3) path{fill:var(--stroke-disabled);fill-opacity:1}.color-radio .icon-unselect{display:inline-block;width:24px;height:24px}.color-radio .icon-unselect svg g g:first-child path{stroke:var(--stroke);stroke-opacity:1}.color-radio .icon-unselect svg g g:nth-child(2) path{stroke:#2ad181}.color-radio .icon-unselect svg g g:nth-child(3) path{fill:#2ad181}.color-radio .icon-unselect--disabled svg g g:first-child path{stroke:var(--stroke-disabled);stroke-opacity:1}.color-cell{display:flex;position:relative;align-items:stretch;padding:12px 24px;box-sizing:border-box;min-height:52px;background:#fff;outline:none;-webkit-tap-highlight-color:rgba(255,255,255,0)}.color-cell:after{content:"";position:absolute;background:rgba(0,0,0,0);transition:all .3s ease;left:0;top:0;width:100%;height:100%;z-index:1}.color-cell__wrapper{display:flex;align-items:center;flex:auto;position:relative;z-index:2}.color-cell--text-ellipsis{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.color-cell--active-content .color-cell__content:after,.color-cell--active:after{background:var(--background);transition:all 66ms ease-out}.color-cell--disabled:after{z-index:3}.color-cell__icon{overflow:hidden;display:flex;align-items:center;margin-right:16px;flex:none;line-height:0}.color-cell__icon--small{width:22px;height:22px;border-radius:4.67px}.color-cell__icon--middle{width:36px;height:36px;border-radius:8.33px}.color-cell__icon--disabled{opacity:.5}.color-cell__title{-webkit-text-size-adjust:100%;font-size:16px;line-height:22px}.color-cell__title--default{color:#000}.color-cell__title--primary{color:#2ad181}.color-cell__title--warning{color:#fac000}.color-cell__title--danger{color:#ea3447}.color-cell__title--info{color:#007aff}.color-cell__title--light{color:#38d7d5}.color-cell__title--stress{color:#7828ff}.color-cell__title--disabled{color:rgba(0,0,0,.15)}.color-cell__subtitle{font-size:12px;line-height:16px;color:rgba(0,0,0,.55);margin-left:0;margin-top:3px}.color-cell__subtitle--disabled{color:rgba(0,0,0,.15)}.color-cell__assignment{font-size:12px;line-height:16px;color:rgba(0,0,0,.55);margin-left:0;margin-top:3px;color:#2ad181}.color-cell__assignment--disabled{color:rgba(0,0,0,.15)}.color-cell__description{font-size:14px;line-height:16px;margin-left:16px;text-align:right;color:rgba(0,0,0,.55);flex:100;width:0}.color-cell__description--flex-auto{flex:auto;text-align:left;width:100%}.color-cell__description--sub{font-size:12px;line-height:16px;color:rgba(0,0,0,.55);margin-left:0;margin-top:3px}.color-cell__description--disabled{color:rgba(0,0,0,.15)}.color-cell__content{display:flex;justify-content:space-between;align-items:center;flex:auto;position:relative}.color-cell__content:after{content:"";position:absolute;left:-24px;top:-12px;width:calc(100% + 24px);height:calc(100% + 24px);z-index:-1;background:rgba(0,0,0,0);transition:all .3s ease}.color-cell__content--wrap{flex-wrap:wrap}.color-cell__contain{flex:172;width:0}.color-cell__contain--flex-auto{flex:auto;width:100%}.color-cell__widget,.color-cell__widget-container{display:flex;align-items:center}.color-cell__widget--partition{position:relative;z-index:2;padding-left:24px}.color-cell__widget--partition:before{content:"";position:absolute;left:-1px;top:50%;height:22px;border-left:1px solid rgba(0,0,0,.2);transform:translateY(-50%) scaleX(.667)}.color-cell__widget--partition:after{content:"";position:absolute;left:0;top:-12px;width:calc(100% + 24px);height:calc(100% + 24px);z-index:-1}.color-cell__widget .color-field{width:132px}.color-cell__widget .color-field__input{text-align:right}.color-cell__indicator{display:flex;flex:none;align-items:center;text-align:center;margin-left:16px}.color-cell__right{width:8px;font-size:14px}.color-cell__right path{fill:rgba(0,0,0,.2)}.color-cell__right--disabled{opacity:.5}.color-cell__title .color-field__input{font-size:16px}.color-cell__title .color-field__input::-moz-placeholder{font-size:16px}.color-cell__title .color-field__input:-ms-input-placeholder{font-size:16px}.color-cell__title .color-field__input::placeholder{font-size:16px}.color-cell__subtitle .color-field__input{font-size:16px;margin-top:3px}.color-cell__subtitle .color-field__input::-moz-placeholder{font-size:16px}.color-cell__subtitle .color-field__input:-ms-input-placeholder{font-size:16px}.color-cell__subtitle .color-field__input::placeholder{font-size:16px}.color-cell .color-checkbox,.color-cell .color-checkbox-group,.color-cell .color-radio{margin-right:-4px}.color-cell-group{background:#fff}.color-cell-group:last-child .color-cell-group__division{margin:0;border:none}.color-cell-group--group{font-size:12px;line-height:28px;color:rgba(0,0,0,.55)}.color-cell-group--sort{font-size:14px;line-height:34px;color:#000}.color-cell-group__content{display:flex;font-variation-settings:"wght" 750;padding:0 24px;justify-content:space-between;align-items:center}.color-cell-group__title{flex:auto;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.color-cell-group__contain{flex:none;display:flex;align-items:center}.color-cell-group__handle{display:flex;align-items:center;color:#000;margin-left:16px}.color-cell-group__handle--group{font-size:12px;line-height:12px}.color-cell-group__handle--sort{font-size:14px;line-height:14px}.color-cell-group__indicator{margin-left:8px;display:flex;align-items:center;text-align:center}.color-cell-group__right{fill:#000;width:7px;height:12px}.color-cell-group__division{margin:16px 24px;border-top:1px solid var(--border-color);transform:scaleY(.667)}.color-checkbox{font-size:0;-webkit-tap-highlight-color:rgba(0,0,0,0)}.color-checkbox--center{display:flex;align-items:center}.color-checkbox--default{display:inline-block}.color-checkbox__container{display:flex;align-items:center;-webkit-tap-highlight-color:rgba(255,255,255,0)}.color-checkbox__content{margin-left:12px;font-size:16px}.color-checkbox__content--disabled{color:rgba(0,0,0,.15)}.color-checkbox__title--indent{padding-left:16px}.color-checkbox .icon-select-to-unselect{display:inline-block;width:24px;height:24px}.color-checkbox .icon-select-to-unselect svg>g>g:first-child path{stroke:var(--stroke);stroke-opacity:1}.color-checkbox .icon-select-to-unselect svg>g g:nth-child(2) path{fill:#2ad181}.color-checkbox .icon-select-to-unselect--disabled svg>g>g:first-child path{stroke:var(--stroke-disabled);stroke-opacity:1}.color-checkbox .icon-unselect-to-select{display:inline-block;width:24px;height:24px}.color-checkbox .icon-unselect-to-select svg>g>g:first-child path{stroke:#000;stroke-opacity:.2}.color-checkbox .icon-unselect-to-select svg>g g:nth-child(2) path{fill:#2ad181}.color-checkbox .icon-unselect-to-select--disabled svg>g>g:first-child path{stroke-opacity:0}.color-checkbox .icon-unselect-to-select--disabled svg>g>g:nth-child(2) path{fill:var(--fill-disabled);fill-opacity:1}.color-checkbox .icon-unselect-to-select--disabled svg>g>g:nth-child(3) path{stroke:var(--stroke-two-disabled);stroke-opacity:1}.color-checkbox-group__container{display:flex;align-items:center;font-size:0;-webkit-tap-highlight-color:rgba(255,255,255,0)}.color-checkbox-group__container .color-checkbox__content{display:inline-block;margin-left:12px;font-size:14px}.color-checkbox-group__container .color-checkbox__content--disabled{color:rgba(0,0,0,.15)}.icon-unselect-to-half{display:inline-block;width:.24rem;height:.24rem}.icon-unselect-to-half svg>g g:nth-child(2) path{fill:#2ad181}.icon-unselect-to-half--disabled svg>g>g:first-child path{stroke:#000;stroke-opacity:0}.icon-unselect-to-half--disabled svg>g>g:nth-child(2) path{fill:#000;fill-opacity:.1}.icon-half-to-select{display:inline-block;width:.24rem;height:.24rem}.icon-half-to-select svg>g>g:first-child path{fill:#2ad181}.icon-half-to-unselect{display:inline-block;width:.24rem;height:.24rem}.icon-half-to-unselect svg>g g:nth-child(2) path{fill:#2ad181}.icon-select-to-half{display:inline-block;width:.24rem;height:.24rem}.icon-select-to-half svg>g>g:nth-child(2) path{fill:#2ad181}.icon-select-to-unselect{display:inline-block;width:.24rem;height:.24rem}.icon-select-to-unselect svg>g>g:first-child path{stroke:#000;stroke-opacity:.2}.icon-select-to-unselect svg>g g:nth-child(2) path{fill:#2ad181}.icon-select-to-unselect--disabled svg>g>g:first-child path{stroke:#000;stroke-opacity:.1}.icon-unselect-to-select{display:inline-block;width:.24rem;height:.24rem}.icon-unselect-to-select svg>g>g:first-child path{stroke:#000;stroke-opacity:.2}.icon-unselect-to-select svg>g g:nth-child(2) path{fill:#2ad181}.icon-unselect-to-select--disabled svg>g>g:first-child path{stroke:#000;stroke-opacity:0}.icon-unselect-to-select--disabled svg>g>g:nth-child(2) path{fill:#000;fill-opacity:.1}.color-tabs{width:100%;height:100%;overflow:hidden}.color-tabs.color-tabs--flex{display:flex;flex-direction:column;flex-grow:1;align-self:stretch;height:unset}.color-tabs.color-tabs--auto-height{flex-shrink:0;height:unset}.color-tabs.color-tabs--auto-height .color-tabs__content{height:auto}.color-tabs.color-tabs--auto-height .color-tabs__content-container{align-items:start}.color-tabs.color-tabs--auto-height .color-tabs__selector-item{font-size:14px}.color-tabs .color-tabs__header{position:relative;width:100%}.color-tabs .color-tabs__selector{height:42px;font-size:16px;background-color:#fff;overflow-x:scroll;overflow-y:hidden;-webkit-overflow-scrolling:touch;-ms-overflow-style:none;overflow:-moz-scrollbars-none}.color-tabs .color-tabs__selector::-webkit-scrollbar{-webkit-appearance:none}.color-tabs .color-tabs__selector-container{position:relative;min-width:100%;height:42px;display:inline-flex;flex-wrap:nowrap}.color-tabs .color-tabs__header:after,.color-tabs .color-tabs__header:before{content:"";display:block;position:absolute;top:0;height:100%;width:24px;pointer-events:none}.color-tabs .color-tabs__header:before{left:0;background:linear-gradient(90deg,var(--background),var(--background2));z-index:1}.color-tabs .color-tabs__header:after{right:0;background:linear-gradient(270deg,var(--background),var(--background2));z-index:1}.color-tabs .color-tabs__selector::-webkit-scrollbar{display:none}.color-tabs .color-tabs__selector-item-container{position:relative;-webkit-tap-highlight-color:rgba(0,0,0,0)}.color-tabs .color-tabs__selector-item{font-variation-settings:"wght" 750;-webkit-tap-highlight-color:rgba(0,0,0,0);max-width:128px;line-height:42px;flex-shrink:0;font-size:16px;border:none;background-color:rgba(0,0,0,0);color:#000;transition:color .2s}.color-tabs .color-tabs__selector-item .color-tabs__tab-title{padding:0 14px;margin:0 -14px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.color-tabs .color-tabs__selector-item:active,.color-tabs .color-tabs__selector-item:focus{outline:none}.color-tabs .color-tabs__selector-item .color-badge .color-badge__container{top:0;right:-10px}.color-tabs .color-tabs__selector-item .color-badge .color-badge__container.color-badge__container--multiple-digits{right:-12px}.color-tabs .color-tabs__selector-item .color-badge .color-badge__dot.color-badge__dot--absolute{top:7px;right:-8px}.color-tabs .color-tabs__selector-item--active{color:#2ad181}.color-tabs .color-tabs__selector-item--placeholder{flex-grow:1;min-width:16px;flex-basis:16px}.color-tabs .color-tabs__selector-item--first-placeholder,.color-tabs .color-tabs__selector-item--last-placeholder{min-width:24px}.color-tabs .color-tabs__content{width:100%;height:calc(100% - 42px);-webkit-backface-visibility:hidden;-webkit-transform-style:preserve-3d}.color-tabs .color-tabs__content.color-tabs__content--flex{display:flex;flex-direction:column;flex-grow:1;height:unset}.color-tabs .color-tabs__content-container{display:flex;flex-wrap:nowrap;align-items:stretch;height:100%;transition-property:transform;-webkit-backface-visibility:hidden;-webkit-transform-style:preserve-3d}.color-tabs .color-tabs__content-container.color-tabs__content-container--auto-height .color-tab-item:not(.color-tab-item--current){height:0}.color-tabs .color-tabs__content-container.color-tabs__content-container--flex{flex-grow:1;height:unset}.color-tabs .color-tabs__content-container::-webkit-scrollbar{display:none}.color-tabs .color-tabs__selector-active-bar{position:absolute;left:0;bottom:0;height:4px}.color-tabs .color-tabs__selector-active-bar:after{position:absolute;bottom:0;left:0;content:"";display:block;width:100%;height:100%;background-color:#2ad181;transform-origin:left bottom;transform:scaleY(.33333)}.color-tab-item{display:flex;position:relative;flex-direction:column;-webkit-backface-visibility:hidden;-webkit-transform-style:preserve-3d}.color-tab-item>.color-search .color-search-bar{padding-top:16px}.color-tab-item .color-tab-item__container{height:100%;width:100%;box-sizing:border-box;overflow-y:auto;-webkit-overflow-scrolling:touch;-webkit-backface-visibility:hidden;-webkit-transform-style:preserve-3d}.color-tab-item .color-tab-item__container>.color-cell:first-child,.color-tab-item .color-tab-item__container>.color-checkbox:first-child,.color-tab-item .color-tab-item__container>.color-collapse:first-child,.color-tab-item .color-tab-item__container>.color-radio:first-child{margin-top:10px}.color-tab-item .color-tab-item__divider{--background-color:$tab-item-divider-background-color;position:absolute;left:50%;top:0;transform-origin:center top;transform:translateX(-50%) scaleY(.33333);opacity:0;background-color:var(--background-color);height:2px;width:312px;z-index:10}.color-switch{display:inline-block;position:relative;line-height:0;color:#2ad181;-webkit-tap-highlight-color:rgba(255,255,255,0)}.color-switch--disabled:after{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:100%;height:100%;content:"";z-index:1;background:var(--disabled-background)}.color-switch .icon-close-loading,.color-switch .icon-close-open,.color-switch .icon-open-loading{display:inline-block;width:36px;height:22px}.color-field{margin-top:13.33px;font-size:14px;position:relative}.color-field--disabled:after{content:"";position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:100%;height:calc(100% + 13.33px);bottom:0;background:var(--mask)}.color-field:first-of-type{margin-top:5px}.color-field--no-margin:first-of-type{margin:0}.color-field__content{display:flex;flex-wrap:nowrap;align-items:center;position:relative}.color-field__content--box{border:1px solid;border-radius:10px;padding:0 16px;transition:border .06s}.color-field__content--box-active{border-color:#2ad181}.color-field__content--box-error{border-color:#ea3447}.color-field__content--box-inactive{border-color:var(--border-color)}.color-field__content--box~.color-field__label{transform:translateY(12px);left:17px}.color-field__content--box .color-field__contain{margin:11px 0}.color-field__content--line{border-bottom:1px solid var(--border-color)}.color-field__content--line:after{content:"";position:absolute;left:0;bottom:0;height:1px;width:0;transform:translateY(100%)}.color-field__content--line-active:after{width:100%;transition:width .28s cubic-bezier(.25,.1,.1,1);background-color:#2ad181}.color-field__content--line-error:after{width:100%;background-color:#ea3447}.color-field__content--line--inactive:after{width:100%;background-color:rgba(0,0,0,.1)}.color-field__content--line~.color-field__label{transform:translateY(9px)}.color-field__content--line .color-field__contain{margin:6px 0}.color-field__content--line .color-field__contain.color-field__contain--line{margin:9px 0 6px}.color-field__contain{flex:auto;position:relative;overflow-y:auto;line-height:0}.color-field__plugin--left,.color-field__plugin--right{flex:none}.color-field__plugin--right{margin-left:13.33px}.color-field__label{position:absolute;display:inline-block;color:var(--color);transition:all .3s ease;transform-origin:left;line-height:20px;background:var(--background-color);top:0;left:0}.color-field__label--error{color:#ea3447}.color-field__label--active{color:#2ad181}.color-field__label--input{top:0;transition:all .28s cubic-bezier(.25,.1,.1,1)}.color-field__label--input:after{content:"";position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);background:var(--background-color);padding:0 5px;height:100%;width:100%;z-index:-1}.color-field__input{font-size:14px;line-height:20px;caret-color:#2ad181;color:var(--color);background-color:var(--background-color);text-align:justify;outline:none;border:none;padding:0;margin:0;width:100%;-webkit-tap-highlight-color:rgba(0,0,0,0);resize:none}.color-field__input::-moz-placeholder{font-size:14px;color:var(--placeholder-color)}.color-field__input:-ms-input-placeholder{font-size:14px;color:var(--placeholder-color)}.color-field__input::placeholder{font-size:14px;color:var(--placeholder-color)}.color-field__input:after{content:attr(data-placeholder);color:var(--placeholder-color)}.color-field__input--ellipsis{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.color-field__input--normal::-moz-selection{background:rgba(42,209,129,var(--select-opacity))}.color-field__input--normal::selection{background:rgba(42,209,129,var(--select-opacity))}.color-field__input--error::-moz-selection{background:rgba(234,52,71,var(--select-opacity))}.color-field__input--error::selection{background:rgba(234,52,71,var(--select-opacity))}.color-field__close{position:relative;box-sizing:border-box;width:16px;height:16px;margin-left:13.33px;flex:none;-webkit-tap-highlight-color:rgba(0,0,0,0)}.color-field__close:after{content:"";position:absolute;width:150%;height:150%;left:50%;top:50%;transform:translate(-50%,-50%)}.color-field__icon{color:#000;font-size:16px}.color-field__eye{flex:none;-webkit-tap-highlight-color:rgba(0,0,0,0);margin-left:13.33px;display:inline-block;width:24px;height:24px}.color-field__eye svg path{stroke:var(--fill);fill:var(--fill);fill-opacity:1}.color-field__message{font-size:12px;color:var(--color);margin:6px 0}.color-field__message--box{margin:6px 16px}.color-field__message--error{color:#ea3447}.color-toast{position:fixed;width:-webkit-fit-content;width:-moz-fit-content;width:fit-content;width:intrinsic;text-align:center;bottom:76px;left:50%;transform:translateX(-50%);box-sizing:border-box;max-width:313px;padding:8px 14px;background:rgba(25,25,25,.98);border-radius:8px;font-size:14px;color:#fff;color:var(--color,#fff);line-height:20px;font-variation-settings:"wght" 750;word-break:break-word}.color-toast-fade-enter-active{-webkit-animation:toastIn .25s cubic-bezier(.1,0,.1,1);animation:toastIn .25s cubic-bezier(.1,0,.1,1)}.color-toast-fade-leave-active{-webkit-animation:toastOut .1s cubic-bezier(.1,0,.9,1);animation:toastOut .1s cubic-bezier(.1,0,.9,1)}@-webkit-keyframes toastIn{0%{opacity:0;transform:translateX(-50%) scale(.8)}to{opacity:1;transform:translateX(-50%) scale(1)}}@keyframes toastIn{0%{opacity:0;transform:translateX(-50%) scale(.8)}to{opacity:1;transform:translateX(-50%) scale(1)}}@-webkit-keyframes toastOut{0%{opacity:1}to{opacity:0}}@keyframes toastOut{0%{opacity:1}to{opacity:0}}.color-toptip{box-sizing:border-box;width:100%;padding:0 24px;transform:scaleY(0);transform-origin:0 0;opacity:0;transition:height .5s cubic-bezier(.3,0,.1,1),transform .5s cubic-bezier(.3,0,.1,1),opacity .26s cubic-bezier(.3,0,.1,1)}.color-toptip--show{transform:scaleY(1);opacity:1}.color-toptip--fixed{position:fixed;background:#fff}.color-toptip__container{display:flex;flex-wrap:nowrap;align-items:center;border:.66px solid rgba(0,0,0,.1);border-radius:9px;overflow:hidden;color:rgba(0,0,0,.55)}.color-toptip__wrap{flex:auto;display:flex;flex-wrap:wrap;align-items:center;width:0}.color-toptip__content{padding:0 14px;min-height:36px;box-sizing:border-box;display:flex;align-items:center}.color-toptip__content,.color-toptip__text{position:relative;overflow:hidden;flex:auto}.color-toptip__text{-webkit-text-size-adjust:100%;margin:8px 0;font-size:12px;letter-spacing:.33px;line-height:16px;z-index:1}.color-toptip__text--large{margin-left:-4px;margin-right:-4px}.color-toptip__text--mask:before{left:-1px;background-image:linear-gradient(90deg,rgba(var(--background-color),1),rgba(var(--background-color),0))}.color-toptip__text--mask:after,.color-toptip__text--mask:before{content:"";position:absolute;width:15px;height:100%;top:0;z-index:999}.color-toptip__text--mask:after{right:-1px;background-image:linear-gradient(270deg,rgba(var(--background-color),1),rgba(var(--background-color),0))}.color-toptip--default .color-toptip__text{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;display:-webkit-box;-webkit-line-clamp:2;/*! autoprefixer: off */-webkit-box-orient:vertical;white-space:unset}.color-toptip--broadcast .color-toptip__text{white-space:nowrap}.color-toptip--broadcast .color-toptip__text span{display:inline-block;position:relative;z-index:-1;-webkit-animation:scrollleft linear infinite normal;animation:scrollleft linear infinite normal}.color-toptip--feedback .color-toptip__content{justify-content:center}.color-toptip--feedback .color-toptip__container{border:none}.color-toptip--feedback .color-toptip__text{flex:none;text-align:center}.color-toptip__button{font-size:12px}.color-toptip__button-container{flex:none;margin:0 7px;color:#2ad181;text-align:right;font-size:0}.color-toptip__button-container--wrap{flex:auto;width:100%;margin:0 7px 6px}.color-toptip__button-disabled{opacity:.3}.color-toptip__left-icon{display:flex;align-items:center;margin-right:10px}.color-toptip__right-icon{display:flex;align-items:center;margin-left:10px}.color-toptip__container--primary{color:#2ad181}.color-toptip--feedback .color-toptip__container--primary{background:rgba(42,209,129,.15)}.color-toptip__container--danger{color:#ea3447}.color-toptip--feedback .color-toptip__container--danger{background:rgba(234,52,71,.15)}.color-toptip__container--warning{color:#fac000}.color-toptip--feedback .color-toptip__container--warning{background:rgba(250,192,0,.15)}.color-toptip__container--light{color:#38d7d5}.color-toptip--feedback .color-toptip__container--light{background:rgba(56,215,213,.15)}.color-toptip__container--info{color:#007aff}.color-toptip--feedback .color-toptip__container--info{background:rgba(0,122,255,.15)}.color-toptip__container--stress{color:#7828ff}.color-toptip--feedback .color-toptip__container--stress{background:rgba(120,40,255,.15)}.color-toptip--feedback .color-toptip__container--default{color:#2ad181;background:rgba(42,209,129,.15)}.color-toptip__right-arrow{flex:none;width:8px;height:14px;margin-right:14px}.color-toptip__right-arrow path{fill:rgba(0,0,0,.2)}.color-toptip__right-close{flex:none;width:15px;height:15px;margin-right:14px}.color-toptip__right-close path{stroke:#999}@-webkit-keyframes scrollleft{0%{transform:translateX(0)}to{transform:translateX(-50%)}}@keyframes scrollleft{0%{transform:translateX(0)}to{transform:translateX(-50%)}}.color-bottomtip{position:fixed;width:328px;min-height:54px;padding:12px 8px 12px 16px;box-sizing:border-box;background:rgba(25,25,25,.98);box-shadow:0 4px 10px 0 rgba(0,0,0,.1);border-radius:14px;font-size:14px;bottom:76px;left:50%;transform:translateX(-50%);display:flex;align-items:center;justify-content:space-between}.color-bottomtip__content{color:hsla(0,0%,100%,.8);line-height:20px;float:left;max-width:234px}.color-bottomtip__lineLimit{text-overflow:ellipsis;word-wrap:break-word;display:-webkit-box;-webkit-line-clamp:2;overflow:hidden;/*! autoprefixer: off */-webkit-box-orient:vertical}.color-bottomtip__btn{background:rgba(0,0,0,0);color:#2ad181;float:right;padding:4px 8px;max-width:46px;line-height:19px;opacity:1;text-align:right;overflow:hidden;white-space:nowrap;letter-spacing:0;font-variation-settings:"wght" 750;border-radius:5px}.color-bottomtip--longbtn{display:block;padding-bottom:8px}.color-bottomtip--longbtn .color-bottomtip__content{max-width:unset;float:unset}.color-bottomtip--longbtn .color-bottomtip__btn{max-width:unset;margin-top:4px}.color-bottomtip-fade-enter-active{-webkit-animation:bottomtipIn .19s cubic-bezier(.1,0,.1,1);animation:bottomtipIn .19s cubic-bezier(.1,0,.1,1)}.color-bottomtip-fade-leave-active{-webkit-animation:bottomtipOut .1s cubic-bezier(.1,0,.1,1);animation:bottomtipOut .1s cubic-bezier(.1,0,.1,1)}@-webkit-keyframes bottomtipIn{0%{opacity:0;transform:translateX(-50%) scale(.8)}to{opacity:1;transform:translateX(-50%) scale(1)}}@keyframes bottomtipIn{0%{opacity:0;transform:translateX(-50%) scale(.8)}to{opacity:1;transform:translateX(-50%) scale(1)}}@-webkit-keyframes bottomtipOut{0%{opacity:1}to{opacity:0}}@keyframes bottomtipOut{0%{opacity:1}to{opacity:0}}.color-scroll{overflow:hidden;box-sizing:border-box;width:100%;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.color-scroll,.color-scroll__inner{position:relative}.color-scroll__header,.color-scroll__inner{transition-timing-function:cubic-bezier(.33,0,0,1)}.color-scroll__header{position:absolute;top:-60px;left:0;display:flex;width:100%;min-height:60px;overflow:hidden}.color-scroll__header-inner{margin:auto;text-align:center}.color-scroll--horizontal{overflow-x:scroll}.color-scroll--horizontal .color-scroll__inner{display:inline-flex}.color-pull-refresh{position:relative;box-sizing:border-box;transition-timing-function:cubic-bezier(.33,0,0,1)}.color-pull-refresh__inner{position:relative}.color-pull-refresh__head{position:absolute;left:0;top:0;display:flex;width:100%;min-height:60px;text-align:center;transition-timing-function:cubic-bezier(.33,0,0,1);font-size:14px;z-index:1}.color-pull-refresh__head__inner{display:flex;flex-grow:1;flex-direction:column}.color-pull-refresh__success{position:relative;padding:12px 0;z-index:1;box-sizing:border-box;width:100%;overflow:hidden;transition:padding 1s cubic-bezier(.3,0,.1,1)}.pull-refresh-loading-icon{display:inline-block;margin:auto;width:.2rem;height:.34rem}.color-load-more{position:relative;transition-timing-function:pull-refresh-inner-transitionTimingFunction}.color-load-more__inner{position:relative;height:100%}.color-load-more__bottom{position:absolute;bottom:-pull-refresh-height;left:0;display:flex;width:100%;height:pull-refresh-height}.color-load-more__bottom-error,.color-load-more__bottom-finished,.color-load-more__bottom-loading{margin:auto}.color-load-more-error,.color-load-more-finished,.color-load-more-loading{padding-top:46px;padding-bottom:25px;line-height:16px;font-size:14px;color:#000;opacity:.3;text-align:center}.color-load-more-loading{display:flex;align-items:center;justify-content:center;line-height:inherit}.color-load-more-loading .load-more-img{width:16px;height:16px;-webkit-animation:loadMoreImg 1s linear infinite;animation:loadMoreImg 1s linear infinite}@-webkit-keyframes loadMoreImg{to{transform:rotate(1turn)}}@keyframes loadMoreImg{to{transform:rotate(1turn)}}.color-load-more-text{padding-left:10px}.color-tag{display:inline-flex;align-items:center;justify-content:center;box-sizing:border-box;border-radius:4.7px;color:#fff}.color-tag--primary{background:#2ad181}.color-tag--primary.color-tag--plain{color:#2ad181}.color-tag--warning{background:#fac000}.color-tag--warning.color-tag--plain{color:#fac000}.color-tag--danger{background:#ea3447}.color-tag--danger.color-tag--plain{color:#ea3447}.color-tag--info{background:#007aff}.color-tag--info.color-tag--plain{color:#007aff}.color-tag--light{background:#38d7d5}.color-tag--light.color-tag--plain{color:#38d7d5}.color-tag--stress{background:#7828ff}.color-tag--stress.color-tag--plain{color:#7828ff}.color-tag--large{padding:0 9px;min-width:24px;font-size:12px;height:24px}.color-tag--large.color-tag--full-round{border-radius:4.7px}.color-tag--small{min-width:26px;font-size:10px;height:14px}.color-tag--small,.color-tag--small.color-tag--full-round{border-radius:2.7px}.color-tag--gray{border-radius:5.3px;padding:0 8px;font-size:12px;height:24px;color:rgba(0,0,0,.6);background:rgba(0,0,0,.03)}.color-tag--gray.color-tag--full-round{border-radius:12px}.color-tag--plain{position:relative;background:#fff}.color-tag--plain:after{content:" ";position:absolute;top:0;bottom:0;left:0;right:0;border:1px solid;border-radius:inherit}.color-progress{position:relative;display:flex;align-items:center}.color-progress__bar,.color-progress__progress{height:2px;border-radius:2px;background-color:#2ad181}.color-progress__bar{flex:1;background:rgba(0,0,0,.05)}.color-progress__progress{position:absolute;top:50%;left:0;transform:translateY(-50%)}.color-progress__animation{transition:width .3s ease}.color-progress__bar__dark{background:hsla(0,0%,100%,.3)}.color-progress-circle{position:relative;width:100%;height:100%;min-width:24px;min-height:24px;box-sizing:border-box;text-align:center}.color-progress-circle svg{position:absolute;top:0;left:0;width:100%;height:100%}.color-progress-circle__bar,.color-progress-circle__progress{fill:none;stroke-width:130}.color-progress-circle__bar{stroke:rgba(42,209,129,.15)}.color-progress-circle__progress{stroke-linecap:round;transform:rotate(-90deg);transform-origin:center;stroke:#2ad181}.color-progress-circle__text{position:absolute;top:50%;left:0;width:100%;font-size:14px;transform:translateY(-50%)}.color-progress-circle__animation{transition:stroke-dasharray .3s ease}.color-progress-circle__bar__dark{stroke:rgba(42,209,129,.3)}.color-progress-button>span{border-radius:inherit}.color-progress-button .color-progress-button-mask{position:absolute;left:0;top:.34px;bottom:0;right:0;margin:0;display:flex;justify-content:center;align-items:center;border-radius:inherit;color:#fff;z-index:2}.color-progress-button-mask__animation{transition:all .2s cubic-bezier(.4,0,.2,1),padding-top 0ms ease}.color-progress-button-mask-active{background-color:#52dc9a}.color-progress-button-mask-unactive{background-color:#2ad181}.color-progress-button.color-button--small,.color-progress-button.color-button--small-active{max-width:48px}.color-progress-button.color-progress-button--number .color-progress-button-text{position:relative;top:1px;z-index:1}.color-progress-button.color-progress-button--number .color-progress-button-mask{padding-top:1px}.color-button--large-active .color-progress-button-mask,.color-button--middle-active .color-progress-button-mask,.color-button--mini-active .color-progress-button-mask,.color-button--small-active .color-progress-button-mask{left:-3px;right:-3px;transition:all .2s cubic-bezier(.4,0,.2,1)}.color-progress-button-disabled-transition,.color-progress-button-disabled-transition:after{transition-duration:0ms}.color-tips .color-popper__inner-container{max-width:300px;box-sizing:border-box;border-radius:8px;display:flex;align-items:center}.color-tips-dark.color-popper__container .color-popper__inner-container{background-color:#191919;color:#fff}.color-tips-dark.color-popper__container .color-popper__inner-container:after{display:none}.color-tips-dark.color-popper__container .color-popper__arrow{border-top-color:#191919}.color-tips-dark.color-popper__container .color-popper__arrow:after{display:none}.color-tips-dark.color-popper__container:after{z-index:-1}.color-tips-icon{flex:none;display:flex;align-items:center;height:16px;margin-right:8px}.color-tips-icon svg{width:24px!important;height:24px!important}.color-tips-close{flex:none;width:16px;height:16px;margin-left:12px}.color-popper{display:inline-block;vertical-align:text-bottom}.color-popper__reference-container{display:flex}.color-popper__container{--popper-border-radius:8px;z-index:150}.color-popper__container[data-popper-placement=top] .color-popper__inner-container{transform-origin:bottom center}.color-popper__container[data-popper-placement=top-start] .color-popper__inner-container{transform-origin:bottom left}.color-popper__container[data-popper-placement=top-end] .color-popper__inner-container{transform-origin:bottom right}.color-popper__container[data-popper-placement=bottom] .color-popper__inner-container{transform-origin:top center}.color-popper__container[data-popper-placement=bottom-start] .color-popper__inner-container{transform-origin:top left}.color-popper__container[data-popper-placement=bottom-end] .color-popper__inner-container{transform-origin:top right}.color-popper__container[data-popper-placement=left] .color-popper__inner-container{transform-origin:center right}.color-popper__container[data-popper-placement=left-start] .color-popper__inner-container{transform-origin:top right}.color-popper__container[data-popper-placement=left-end] .color-popper__inner-container{transform-origin:bottom right}.color-popper__container[data-popper-placement=right] .color-popper__inner-container{transform-origin:center left}.color-popper__container[data-popper-placement=right-start] .color-popper__inner-container{transform-origin:top left}.color-popper__container[data-popper-placement=right-end] .color-popper__inner-container{transform-origin:bottom left}.color-popper__container:after{position:absolute;display:block;content:"";top:0;left:0;box-sizing:border-box;transform-origin:left top;border:1px solid rgba(0,0,0,.05);pointer-events:none;z-index:1}@media(-webkit-max-device-pixel-ratio:6){.color-popper__container:after{width:600%;height:600%;transform:scale3d(.1666666667,.1666666667,1);border-radius:calc(var(--popper-border-radius)*6)}}.color-popper__container .color-popper__arrow-container{z-index:2}.color-popper__container .color-popper__arrow{--popper-arrow-color:$popper-background-color;position:relative;width:0;height:0;border:5px solid rgba(0,0,0,0);border-top-color:rgba(0,0,0,.05)}.color-popper__container .color-popper__arrow:after{position:absolute;display:block;content:"";top:0;left:0;border:5px solid rgba(0,0,0,0);border-top:5px solid var(--popper-arrow-color);transform-origin:center 47.5%;transform:translate3d(-5px,-5px,0)}@media(-webkit-max-device-pixel-ratio:6){.color-popper__container .color-popper__arrow:after{transform-origin:center 49.4%;border-width:30px;transform:translate3d(-30px,-30px,0) scale3d(.1666666667,.1666666667,1)}}.color-popper__container[data-popper-placement^=top] .color-popper__arrow-container{bottom:-10px}.color-popper__container[data-popper-placement^=bottom] .color-popper__arrow-container{top:-10px}.color-popper__container[data-popper-placement^=bottom] .color-popper__arrow{transform:rotate(180deg)}.color-popper__container[data-popper-placement^=left] .color-popper__arrow-container{right:-10px}.color-popper__container[data-popper-placement^=left] .color-popper__arrow{transform:rotate(-90deg)}.color-popper__container[data-popper-placement^=right] .color-popper__arrow-container{left:-10px}.color-popper__container[data-popper-placement^=right] .color-popper__arrow{transform:rotate(90deg)}.color-popper__inner-container{position:relative;padding:11px 12px 11px 10px;box-shadow:0 5px 10px 0 rgba(0,0,0,.08);background-color:#fff;color:rgba(0,0,0,.55);font-size:12px;border-radius:var(--popper-border-radius);overflow:hidden;line-height:16px}.color-popper__inner-container.color-popper__inner-container--dark:after{border:hsla(0,0%,100%,.1)}.color-popper-enter-active,.color-popper-leave-active{transition:opacity .2s cubic-bezier(.3,0,.1,1)}.color-popper-enter-active .color-popper__inner-container,.color-popper-leave-active .color-popper__inner-container{transition:transform .2s cubic-bezier(.3,0,.1,1)}.color-popper-enter,.color-popper-leave-to{opacity:0}.color-popper-enter .color-popper__inner-container,.color-popper-leave-to .color-popper__inner-container{transform:scale3d(.9,.9,1)}.color-popper-enter-to,.color-popper-leave{opacity:1}.color-popper-enter-to .color-popper__inner-container,.color-popper-leave .color-popper__inner-container{transform:scaleX(1)}.color-overlay{position:fixed;top:0;left:0;bottom:0;right:0;background-color:#000;opacity:.4;overflow:hidden;transition-duration:.25s;transition-property:opacity,z-index}.color-fade-enter,.color-fade-leave-to{opacity:0}.color-fade-enter-to,.color-fade-leave{opacity:.4}.color-actionsheet-wrapper.color-popup--round{border-radius:22px 22px 0 0}.color-actionsheet{display:flex;flex-direction:column;overflow:hidden;max-height:92.39vh;max-height:calc(var(--vh, 1vh)*92.39)}.color-actionsheet--center{width:320px;max-height:86.7vh;max-height:calc(var(--vh, 1vh)*86.7)}.color-actionsheet--center .color-actionsheet-footer{padding:0}.color-actionsheet-header{font-variation-settings:"wght" 750;font-size:16px;padding:15px 24px;line-height:22px;color:#000;text-align:center;position:relative;flex:0}.color-actionsheet-header--has-icon{padding:25px 24px 15px}.color-actionsheet-closeicon{position:absolute;top:12px;right:12px;opacity:.3;width:24px;height:24px}.color-actionsheet-closeicon--no-title{top:4px}.color-actionsheet-content{margin:24px 0 10px;padding:0 24px;overflow:hidden;display:flex;flex-direction:column;position:relative}.color-actionsheet-content--has-header{margin-top:0}.color-actionsheet-content__scroll{text-align:center;overflow-y:scroll}.color-actionsheet-content__scroll::-webkit-scrollbar{display:none}.color-actionsheet-content__inner{display:inline-block}.color-actionsheet-content__inner--default{font-size:12px;text-align:center;color:rgba(0,0,0,.55);line-height:16px}.color-actionsheet-content__inner--classical{color:#000;font-size:14px;line-height:20px;text-align:left}.color-actionsheet-actions{position:relative;display:flex;flex-direction:column;overflow-y:scroll}.color-actionsheet-actions__scroll{overflow-y:scroll}.color-actionsheet-actions__scroll::-webkit-scrollbar{display:none}.color-actionsheet-actions .color-option{padding:7px 24px}.color-actionsheet-actions .color-option:last-of-type{height:57px;padding-bottom:10px}.color-actionsheet-actions:first-of-type .color-option:first-of-type{height:57px;padding-top:10px}.color-actionsheet-actions:first-of-type .color-option:first-of-type:last-of-type{height:72px;padding-top:10px;padding-bottom:10px}.color-actionsheet-actions .color-button{overflow:hidden;width:calc(100% - 48px);margin:4px 24px}.color-actionsheet-actions .color-button:last-of-type{margin-bottom:20px}.color-actionsheet-footer{padding-bottom:16px;position:relative;flex-shrink:0}.color-actionsheet-footer>.color-option{margin-top:1px;height:52px}.color-actionsheet-footer:before{content:"";position:absolute;width:calc(100% - 48px);top:0;left:24px;z-index:1;transform:scaleY(.667);background-color:var(--divider-color);height:1px}.color-actionsheet--shadow--between:before,.color-actionsheet--shadow--bottom:before,.color-actionsheet--shadow--top:before{content:"";position:absolute;top:0;left:0;width:100%;height:calc(100% + 1px);z-index:1;pointer-events:none}.color-actionsheet--shadow--top:before{background-image:linear-gradient(180deg,var(--start-shadow-color),var(--end-shadow-color) 20px,rgba(0,0,0,0) 0)}.color-actionsheet--shadow--between:before{background-image:linear-gradient(180deg,var(--start-shadow-color),var(--end-shadow-color) 20px,rgba(0,0,0,0) 0),linear-gradient(0deg,var(--start-shadow-color),var(--end-shadow-color) 20px,rgba(0,0,0,0) 0)}.color-actionsheet--shadow--bottom:before{background-image:linear-gradient(0deg,var(--start-shadow-color),var(--end-shadow-color) 20px,rgba(0,0,0,0) 0)}.color-overflow-hidden{overflow:hidden}.color-popup{position:fixed;max-height:100%;color:#000;background-color:#fff;overflow-y:auto;-webkit-overflow-scrolling:touch}.color-popup::-webkit-scrollbar{display:none}.color-popup--center{top:50%;left:50%;transform:translate3d(-50%,-50%,0);box-shadow:0 8px 14px 2px rgba(0,0,0,.1)}.color-popup--center.color-popup--round{border-radius:18px}.color-popup--top{top:0;left:0;width:100%;box-shadow:0 8px 14px 0 rgba(0,0,0,.1)}.color-popup--top.color-popup--round{border-radius:0 0 18px 18px}.color-popup--left{top:50%;left:0;transform:translate3d(0,-50%,0)}.color-popup--left.color-popup--round{border-radius:0 18px 18px 0}.color-popup--bottom{bottom:0;left:0;width:100%;box-shadow:0 -8px 14px 0 rgba(0,0,0,.1)}.color-popup--bottom.color-popup--round{border-radius:18px 18px 0 0}.color-popup--right{top:50%;right:0;transform:translate3d(0,-50%,0)}.color-popup--right.color-popup--round{border-radius:18px 0 0 18px}.color-popup-slide-bottom-center-enter,.color-popup-slide-bottom-center-leave-active{transform:translate3d(-50%,50%,0)}.color-popup-slide-bottom-enter,.color-popup-slide-bottom-leave-active{transform:translate3d(0,100%,0)}.color-popup-slide-top-enter,.color-popup-slide-top-leave-active{transform:translate3d(0,-100%,0)}.color-popup-slide-right-enter,.color-popup-slide-right-leave-active{transform:translate3d(100%,-50%,0)}.color-popup-slide-left-enter,.color-popup-slide-left-leave-active{transform:translate3d(-100%,-50%,0)}.color-popup-slide-bottom-center-enter-active,.color-popup-slide-bottom-enter-active,.color-popup-slide-left-enter-active,.color-popup-slide-right-enter-active,.color-popup-slide-top-enter-active{transition:opacity .25s cubic-bezier(.1,0,.1,1),transform .25s cubic-bezier(0,0,.15,1),height .25s cubic-bezier(.1,0,.1,1),border-radius .4s cubic-bezier(.33,0,0,1)}.color-popup-slide-bottom-center-leave-active,.color-popup-slide-bottom-leave-active,.color-popup-slide-left-leave-active,.color-popup-slide-right-leave-active,.color-popup-slide-top-leave-active{transition:opacity .1s cubic-bezier(.1,0,.9,1),transform .15s cubic-bezier(.3,0,1,1),height .1s cubic-bezier(.1,0,.9,1)}.color-popup-bounce-enter{opacity:0;transform:translate3d(-50%,-50%,0) scale(.8)}.color-popup-bounce-leave-active{opacity:0}.color-popup-bounce-enter-active{transition:opacity .25s cubic-bezier(.1,0,.1,1),transform .25s cubic-bezier(.1,0,.1,1)}.color-popup-bounce-leave-active{transition:opacity .1s cubic-bezier(.1,0,.9,1),transform .1s cubic-bezier(.1,0,.9,1)}.color-cell-swipe{position:relative;list-style:none}.color-cell-swipe__inner-text{display:flex;box-sizing:border-box;min-height:52px;line-height:1.1;font-size:16px;padding:12px 24px;align-items:center}.color-cell-swipe__buttons{position:absolute;left:100%;top:0;display:flex;height:100%;padding:0;margin:0}.color-cell-swipe__buttons>li{list-style:none}.color-cell-swipe__button{display:flex;align-items:center;justify-content:center;position:absolute;left:100%;top:0;height:100%;overflow:hidden}.color-cell-swipe__button-text{padding:0 6.6px;white-space:nowrap;color:#fff}.color-swipe{height:198px;position:relative;overflow:hidden;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.color-swipe__group{height:100%}.color-swipe__indicators{position:absolute;z-index:2}.color-swipe__indicators--horizontal{bottom:10px;left:50%;transform:translateX(-50%);display:flex}.color-swipe__indicators--vertical{left:10px;top:50%;width:6px;transform:translateY(-50%)}.color-swipe__indicators__bounce{position:absolute;top:0;left:0;right:0;width:6px;height:6px;border-radius:6px;z-index:1;transition:all .15s ease;background-color:#666}.color-swipe__indicator{display:block;width:6px;height:6px;box-sizing:border-box;border-radius:6px;border:.65px solid rgba(0,0,0,.3)}.color-swipe__indicator:not(:last-of-type){margin-right:6px}.color-swipe__indicator:before{content:" ";display:block;transform:translate(-35%,-35%);width:16px;height:16px}.color-swipe__indicators--vertical .color-swipe__indicator:not(:last-of-type){margin-bottom:6px}.color-swipe__indicator__dark{border-color:hsla(0,0%,100%,.3)}.color-swipe__indicators__bounce__dark{background-color:#ababab}.color-swipe__group--rtl .color-swipe-item{float:right}.color-swipe__indicators--rtl--horizontal .color-swipe__indicator{margin-right:0}.color-swipe__indicators--rtl--horizontal .color-swipe__indicator:not(:last-of-type){margin-left:6px}.color-swipe__indicators--rtl--horizontal .color-swipe__indicator:before{transform:translate(35%,-35%)}.color-swipe__indicators__bounce--rtl--horizontal{left:auto}.color-swipe__indicators--rtl--vertical .color-swipe__indicator:not(:last-of-type){margin-right:0;margin-left:6px}.color-swipe-item{float:left;height:100%}.color-search{-webkit-tap-highlight-color:rgba(0,0,0,0)}.color-search-bar{height:36px;padding:6px 24px;box-sizing:content-box;background-color:rgba(0,0,0,0)}.color-search-bar.color-search-bar--with-transition{transition:height .15s}.color-search-bar--custom{display:inline-block}.color-search-bar__button{display:flex;width:100%;height:100%;line-height:normal;padding:0 11px;margin:0 auto;border:none;border-radius:8px;font-size:14px;text-align:left;color:rgba(0,0,0,.30196);position:relative;z-index:0;overflow:hidden;box-sizing:border-box}.color-search-bar__button:not(.color-search-bar__button--disabled){background-color:#f2f2f2}.color-search-bar__button:not(.color-search-bar__button--disabled):active{background-color:#d9d9d9}.color-search-bar__button:before{content:"";position:absolute;top:0;left:0;display:block;width:100%;height:100%;border-radius:inherit;background-color:inherit;z-index:-1}.color-search-bar__button:active:before{top:-1px;left:-1px;width:calc(100% + 3px);height:calc(100% + 3px)}.color-search-bar__button .color-search-bar__button-container{display:flex;align-items:center;width:100%}.color-search-bar__icon{display:block;margin-right:7px}.color-search-bar__icon-svg{font-size:17px;width:1em;height:1em}.color-search-bar__button-placeholder{flex:auto}.color-search-bar__right-part{display:flex;margin-left:auto}.color-search-page{-webkit-tap-highlight-color:rgba(0,0,0,0);display:flex;flex-direction:column;position:fixed;top:0;left:0;width:100%;height:100%;background-color:rgba(0,0,0,.5);z-index:250}.color-search-page.color-search-page--static{position:static}.color-search-page .color-search-page__search-content{max-height:calc(100% - 50px);background-color:#fff;overflow-y:scroll}.color-search-page__back-button{margin-left:-4px;margin-right:14px;flex-shrink:0}.color-search-page__back-button:not(.color-search-page__back-button--custom){width:24px;height:24px}.color-search-page__back-button.color-search-page__back-button--custom{font-size:0}.color-search-page__back-button-icon{width:100%;height:100%}.color-search-page__header-placeholder{background-color:#fff;transition:height .3s}.color-search-page__header{position:relative;display:flex;flex-shrink:0;align-items:center;height:50px;padding-left:24px;line-height:normal;background-color:#fff;box-sizing:border-box}.color-search-page__input{flex-grow:1;border:0;padding:0 16px 0 0;caret-color:#2ad181;font-size:16px}.color-search-page__input::-moz-placeholder{color:#b3b3b3}.color-search-page__input:-ms-input-placeholder{color:#b3b3b3}.color-search-page__input::placeholder{color:#b3b3b3}.color-search-page__input:focus{outline:none}.color-search-page__vertical-divider{flex-shrink:0;width:2px;height:12px;background-color:#e5e5e5;transform:scaleX(.33333)}.color-search-page__divider{position:absolute;left:0;bottom:0;width:100%;height:1px;background-color:#f2f2f2}.color-search-page__cancel-button,.color-search-page__search-button{font-variation-settings:"wght" 750;padding:0 16px;margin:0 8px 0 0;border:none;background-color:rgba(0,0,0,0);font-size:14px;white-space:nowrap}.color-search-page__cancel-button:focus,.color-search-page__search-button:focus{outline:none}.color-search-page-enter-active,.color-search-page-leave-active{transition:opacity .25s}.color-search-page-enter,.color-search-page-leave-to{opacity:0}.color-search-page-enter-to,.color-search-page-leave{opacity:1}.color-slider{position:relative;display:flex;align-items:center;margin:0 12px;height:24px;box-sizing:border-box}.color-slider__bar{position:relative;flex:1;height:2px;border-radius:2px;background:#000;transition:all .202s cubic-bezier(.3,0,.1,1);opacity:.05}.color-slider__bar--active{height:4px;border-radius:4px}.color-slider__pointer,.color-slider__progress{position:absolute;top:50%}.color-slider__progress{height:2px;background:#4d4d4d;border-radius:2px;transform:translateY(-50%)}.color-slider__progress--active{height:4px}.color-slider__pointer{border:2px solid #4d4d4d;border-radius:8px;width:8px;height:8px;background:#fff;transform:translate3d(-50%,-50%,0);z-index:1}.color-slider__pointer--active{width:7px;height:7px;border-width:3.5px;box-shadow:0 0 0 6.5px rgba(0,0,0,.06);-webkit-animation:pointerScale .202s cubic-bezier(.3,0,.1,1);animation:pointerScale .202s cubic-bezier(.3,0,.1,1)}.color-slider__label{position:absolute;top:-16px;left:0;transform:translate(-50%,-50%);font-size:14px;color:#4d4d4d;text-align:center;transform-origin:bottom;transition:transform .202s cubic-bezier(.3,0,.1,1)}.color-slider__label--active{transform:translate(-50%,-50%) scale(1.64)}.color-slider-disabled{border-color:rgba(0,0,0,.03);color:rgba(0,0,0,.03)}.color-slider__progress.color-slider-disabled{background:rgba(0,0,0,.03)}.color-slider__stop{position:absolute;top:50%;left:0;height:7px;width:7px;border-radius:100%;background:#000;transform:translate(-50%,-50%)}.color-slider--dark .color-slider__bar{background:#fff;opacity:.1}.color-slider--dark .color-slider__stop{background:#fff}.color-slider--dark .color-slider__progress{background:#999}.color-slider--dark .color-slider__pointer{border-color:#999;background:#fff}.color-slider--dark .color-slider__label{color:#fff}.color-slider--dark .color-slider-disabled.color-slider__bar{opacity:.05}.color-slider--dark .color-slider-disabled.color-slider__progress{background:#4d4d4d}.color-slider--dark .color-slider-disabled.color-slider__pointer{background:#333}.color-slider__bar--dark{background:hsla(0,0%,100%,.3)}@-webkit-keyframes pointerScale{0%{width:.08rem;height:.08rem;border-width:.02rem;box-shadow:0 0 0 0 rgba(0,0,0,.06)}56.93%{width:.113rem;height:.113rem;border-radius:.113rem;border-width:.046rem;box-shadow:0 0 0 0 rgba(0,0,0,.06)}to{box-shadow:0 0 0 .065rem rgba(0,0,0,.06)}}@keyframes pointerScale{0%{width:.08rem;height:.08rem;border-width:.02rem;box-shadow:0 0 0 0 rgba(0,0,0,.06)}56.93%{width:.113rem;height:.113rem;border-radius:.113rem;border-width:.046rem;box-shadow:0 0 0 0 rgba(0,0,0,.06)}to{box-shadow:0 0 0 .065rem rgba(0,0,0,.06)}}.color-index-list{position:relative}.color-index-list-content{height:100%}.color-index-list-sidebar{position:fixed;top:50%;right:0;transform:translateY(-50%);display:flex;flex-direction:column;justify-content:center;margin:0;padding:0;text-align:center;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;z-index:1}.color-index-list-sidebar__index{position:relative;list-style:none;min-width:22px;font-family:ColorFont-Regular;font-size:10px;color:#000;opacity:.55;text-align:center;line-height:18px;padding-left:5px;padding-right:7px}.color-index-list-sidebar__index--active,.color-index-list-sidebar__index--before{color:#2ad181;opacity:1}.color-index-list-sidebar__index--before:before{content:attr(data-index);font-variation-settings:"wght" 750;position:absolute;right:calc(100% + 7px);top:calc(50% - 20px);border-radius:10px;min-width:40px;text-align:center;line-height:40px;background:#2ad181;font-size:20px;color:#fff;z-index:1}.color-index-list-sidebar__index--active:before{transition:opacity .2s ease;opacity:0}.color-index-section .color-cell__indicator{padding-right:57px}.color-label-bar{position:relative;height:54px;overflow:hidden;flex-shrink:0}.color-label-bar .color-label-bar__divider{position:absolute;top:0;display:block;width:100%;height:2px;transform-origin:center bottom;transform:scaleY(.33);background-color:rgba(0,0,0,.1)}.color-label-bar .color-label-bar__container{height:54px;display:flex;justify-content:space-around;align-items:center;padding:0 16px}.color-tool-bar{display:flex;flex-direction:row;justify-content:space-between;position:fixed;bottom:16px;left:50%;transform:translateX(-50%);margin:26px auto 0;width:328px;height:58px;border-radius:13px;background-color:#fff;box-shadow:0 4px 10px 0 rgba(0,0,0,.08);box-sizing:border-box;overflow:hidden;z-index:100}.color-tool-bar.color-tool-bar--static{position:relative;transform:none;left:0;bottom:0;z-index:0}.color-tool-bar.color-tool-bar--single{justify-content:center;width:159px}.color-tool-bar.color-tool-bar--three .color-tool-bar-item-container:first-child,.color-tool-bar.color-tool-bar--two .color-tool-bar-item-container:first-child{text-align:left!important}.color-tool-bar.color-tool-bar--three .color-tool-bar-item-container:last-child,.color-tool-bar.color-tool-bar--two .color-tool-bar-item-container:last-child{text-align:right!important}.color-tool-bar.color-tool-bar--three .color-tool-bar-item-container .color-tool-bar-item,.color-tool-bar.color-tool-bar--two .color-tool-bar-item-container .color-tool-bar-item{min-width:60px}.color-tool-bar.color-tool-bar--three .color-tool-bar-item-container:first-child{padding-left:20px}.color-tool-bar.color-tool-bar--three .color-tool-bar-item-container:last-child{padding-right:20px}.color-tool-bar.color-tool-bar--three .color-tool-bar-item-container:first-child,.color-tool-bar.color-tool-bar--two .color-tool-bar-item-container:first-child{padding-left:13px}.color-tool-bar.color-tool-bar--three .color-tool-bar-item-container:last-child,.color-tool-bar.color-tool-bar--two .color-tool-bar-item-container:last-child{padding-right:13px}.color-tool-bar.color-tool-bar--five .color-tool-bar-item-container:first-child{padding-left:12px}.color-tool-bar.color-tool-bar--five .color-tool-bar-item-container:last-child{padding-right:12px}.color-tool-bar:after{position:absolute;top:0;left:0;display:block;content:"";border:1px solid rgba(0,0,0,.1);box-sizing:border-box;transform-origin:left top;pointer-events:none;border-radius:13px;width:100%;height:100%}@media(-webkit-min-device-pixel-ratio:2){.color-tool-bar:after{border-radius:26px;width:200%;height:200%;transform:scaleX(.5) scaleY(.5)}}@media(-webkit-min-device-pixel-ratio:3){.color-tool-bar:after{border-radius:39px;width:300%;height:300%;transform:scaleX(.3333) scaleY(.3333)}}.color-tool-bar .color-tool-bar-item-container{flex:auto;text-align:center;flex-basis:60px}.color-tool-bar .color-tool-bar-item-container.color-tool-bar-item-container--more .color-popper__reference-container{justify-content:center}.color-tool-bar .color-tool-bar-item-container.color-tool-bar-item-container--more .color-popper__reference-container,.color-tool-bar .color-tool-bar-item-container.color-tool-bar-item-container--more .color-tool-bar-item--more{height:100%;width:100%}.color-tool-bar .color-tool-bar-item:not(.color-tool-bar-item--more){position:relative;display:inline-flex;flex-direction:column;justify-content:center;align-items:center;height:100%;font-size:10px;color:#000;text-align:center;box-sizing:content-box;vertical-align:top;-webkit-tap-highlight-color:rgba(0,0,0,0)}.color-tool-bar .color-tool-bar-item.color-tool-bar-item--disabled{opacity:.15}.color-tool-bar .color-tool-bar-item.color-tool-bar-item--more-reference .color-badge{display:inline-flex;flex-direction:column;justify-content:center;align-items:center}.color-tool-bar .color-tool-bar-item__icon{position:relative;margin-bottom:1px}.color-tool-bar .color-tool-bar-item__icon.color-tool-bar-item__icon--more{width:24px;height:24px;font-size:24px}.color-tool-bar .color-tool-bar-item-text{white-space:nowrap;line-height:14px}.color-tool-bar-slide-enter-active,.color-tool-bar-slide-leave-active{transition:bottom .5s cubic-bezier(.3,0,.1,1)}.color-tool-bar-slide-enter-to,.color-tool-bar-slide-leave{bottom:16px}.color-tool-bar-slide-enter,.color-tool-bar-slide-leave-to{bottom:-74px}.color-more{-webkit-tap-highlight-color:rgba(0,0,0,0)}.color-popper--more .color-popper__inner-container{min-width:132px;max-width:328px;border-radius:16px;padding:0;border:0}.color-popper--more .color-popper__inner-container .color-cell{padding-top:11px;padding-bottom:11px}.color-popper--more .color-popper__inner-container .color-cell__title{font-size:14px}.color-popper--more .color-popper__inner-container .color-tool-bar-item:first-child .color-cell{padding-top:19px}.color-popper--more .color-popper__inner-container .color-tool-bar-item:last-child .color-cell{padding-bottom:19px}.color-popper--more .color-popper__inner-container .color-cell:first-child{padding-top:19px}.color-popper--more .color-popper__inner-container .color-cell:last-child{padding-bottom:19px}.color-popper--more .color-cell{min-height:42px}.color-popper--more .color-cell__title{line-height:20px}.color-popper--more .color-cell__icon{overflow:visible}.color-badge{position:relative;display:inline-flex}.color-badge .color-badge__dot{position:relative;width:6px;height:6px;border-radius:3px;background-color:#ea3447;z-index:1}.color-badge .color-badge__dot.color-badge__dot--absolute{position:absolute;top:-2px;right:-2px}.color-badge .color-badge__dot.color-badge__dot--large{width:8px;height:8px;border-radius:4px}.color-badge .color-badge__container{font-variation-settings:"wght" 750;display:flex;justify-content:center;align-items:center;height:14px;line-height:normal;padding:0 4px;border-radius:4px;background-color:#ea3447;font-size:10px;color:#fff;box-sizing:border-box;z-index:1}.color-badge .color-badge__container.color-badge__container--single-digit{width:14px}.color-badge .color-badge__container.color-badge__container--two-digits{width:20px}.color-badge .color-badge__container.color-badge__container--multiple-digits{width:23px}.color-badge .color-badge__container.color-badge__container--ellipsis{width:20px}.color-badge .color-badge__container.color-badge__container--large{font-size:12px;height:18px;border-radius:5px}.color-badge .color-badge__container.color-badge__container--large.color-badge__container--single-digit{width:18px}.color-badge .color-badge__container.color-badge__container--large.color-badge__container--two-digits{width:22px}.color-badge .color-badge__container.color-badge__container--large.color-badge__container--multiple-digits{width:29px}.color-badge .color-badge__container.color-badge__container--large.color-badge__container--ellipsis{width:22px}.color-badge .color-badge__container.color-badge__container--absolute{position:absolute;top:-6px;right:-6px}.color-badge .color-badge__container.color-badge__container--absolute.color-badge__container--multiple-digits{right:-9px}.color-badge-scale-enter-active,.color-badge-scale-leave-active{transition:transform .4s}.color-badge-scale-enter,.color-badge-scale-leave-to{transform:scale3d(0,0,1)}.color-badge-scale-enter-to,.color-badge-scale-leave{transform:scaleX(1)}.color-popup.color-popup--color-drawer{width:0;height:100%;top:0;left:0;transform:none;overflow:visible}.color-popup.color-popup--color-drawer.color-drawer-slide-enter-active,.color-popup.color-popup--color-drawer.color-drawer-slide-leave-active{transition:transform .4s}.color-popup.color-popup--color-drawer.color-drawer-slide-enter,.color-popup.color-popup--color-drawer.color-drawer-slide-leave-to{transform:translate3d(-270px,0,0)}.color-popup.color-popup--color-drawer.color-drawer-slide-enter-to{transform:translateZ(0)}.color-drawer{display:flex;flex-direction:column;width:270px;height:100%;background-color:#fff}.color-drawer.color-drawer--with-transition{transition:transform .4s}.color-drawer .color-drawer__container{display:flex;flex-direction:column;flex:auto}.color-drawer .color-drawer__container:not(.color-drawer__container--header-fixed){overflow-y:auto}.color-drawer .color-drawer__container .color-scroll{flex-grow:1;flex-shrink:0}.color-drawer .color-drawer__header{position:relative;flex-shrink:0}.color-drawer .color-drawer__header-divider{position:absolute;left:50%;bottom:0;opacity:0;background-color:#eee;height:2px;width:312px;z-index:10;transform:translateX(-50%) scaleY(.33)}.color-drawer .color-drawer__title{padding:99px 24px 12px;line-height:29px;font-size:22px;color:#000;font-variation-settings:"wght" 750}.color-drawer .color-drawer__content{padding:14px 0 0}.color-drawer .color-drawer__content.color-drawer__content--header-fixed{display:flex;flex:auto;flex-direction:column;height:0;overflow-y:auto}.color-drawer .color-drawer__content-button .color-cell__title{font-size:16px}.color-drawer .color-drawer__footer{border-top:1px solid rgba(0,0,0,.1)}.color-drawer .color-drawer__footer .color-cell:last-child{padding-bottom:28px}.color-drawer .color-drawer__layer{display:flex;flex-direction:column;flex-grow:1;flex-shrink:0}.color-dialog-panel--dark.color-popup{background-color:inherit}.color-dialog-panel--image.color-popup{background-color:rgba(0,0,0,0)}.color-dialog{max-height:470px;overflow:hidden;width:calc(100vw - 40px);max-width:320px;display:flex;flex-direction:column;position:relative;background-color:#fff}.color-dialog-title{flex-shrink:0;color:#000;font-variation-settings:"wght" 750;text-align:center;line-height:22px;font-size:16px;padding:0 30px 12px}.color-dialog-title:first-of-type{margin-top:24px}.color-dialog-title:first-of-type.color-dialog-title--has-icon{margin-top:29px}.color-dialog-title:nth-of-type(2){margin-top:17px}.color-dialog-content{position:relative;display:flex;flex-direction:column;overflow:hidden;text-align:center;margin:3px 0}.color-dialog-content--no-header{margin:20px 0 3px}.color-dialog-content--no-footer{margin-bottom:20px}.color-dialog-content__scroll{overflow:scroll;font-size:0}.color-dialog-content__scroll::-webkit-scrollbar{display:none}.color-dialog-content--no-default{text-align:center}.color-dialog-content__inner{font-size:14px;line-height:19px;color:#000;padding:0 30px;display:inline-block;text-align:left;white-space:pre-wrap}.color-dialog-footer{display:flex;flex-shrink:0}.color-dialog-footer--horizontal{position:relative}.color-dialog-footer--horizontal:before{content:"";position:absolute;top:calc(50% - 11px);left:50%;height:22px;z-index:1;transform:scaleX(.667);background-color:var(--divider-color);width:1px}.color-dialog-footer--horizontal--single-btn:before{display:none}.color-dialog-footer--horizontal .color-option .color-option-content{height:58px}.color-dialog-footer--horizontal .color-option:nth-of-type(2){font-variation-settings:"wght" 750}.color-dialog-footer--vertical{flex-shrink:0;position:relative;display:flex;flex-direction:column;overflow-y:scroll;margin-top:22px}.color-dialog-footer--vertical::-webkit-scrollbar{display:none}.color-dialog-footer--vertical .color-dialog-footer__actions .color-option{padding:7px 30px}.color-dialog-footer--vertical .color-dialog-footer__actions .color-option:last-of-type{padding-bottom:17px}.color-dialog-footer--vertical .color-dialog-footer__actions .color-button{width:calc(100% - 60px);margin:4px 30px}.color-dialog-footer--vertical .color-dialog-footer__actions .color-button:last-of-type{margin-bottom:14px}.color-dialog__close-icon{width:24px;height:24px;-webkit-tap-highlight-color:rgba(0,0,0,0);position:absolute;top:10px;right:10px;color:var(--stroke-color)}.color-dialog-panel--image{box-shadow:none}.color-dialog--image{position:relative;font-size:0;background-color:rgba(0,0,0,0);text-align:center;display:flex;flex-direction:column;justify-content:center;align-items:center}.color-dialog--image-horizontal{flex-direction:row}.color-dialog--image__img__inner{width:calc(100vw - 40px);max-width:320px;height:calc(100vw - 40px);max-height:320px;border-radius:22px}.color-dialog--image__btn__inner{width:40px;height:40px;margin-top:50px;color:#fff;opacity:.5;pointer-events:none}.color-dialog-panel--horizontal.color-dialog-panel--image{flex-direction:row}.color-dialog-panel--horizontal.color-dialog-panel--image .color-dialog--image .color-dialog--image__img__inner{width:calc(100vh - 40px);height:calc(100vh - 40px)}.color-dialog-panel--horizontal.color-dialog-panel--image .color-dialog--image__btn__inner{margin-top:0;margin-left:80px}.color-dialog-panel--horizontal .color-dialog{max-height:86.7vh;max-height:calc(var(--vh, 1vh)*86.7)}.color-dialog--shadow--between:before,.color-dialog--shadow--bottom:before,.color-dialog--shadow--top:before{content:"";position:absolute;top:0;left:0;width:100%;height:calc(100% + 1px);z-index:1;pointer-events:none}.color-dialog--shadow--top:before{background-image:linear-gradient(180deg,var(--start-shadow-color),var(--end-shadow-color) 20px,rgba(0,0,0,0) 0)}.color-dialog--shadow--between:before{background-image:linear-gradient(180deg,var(--start-shadow-color),var(--end-shadow-color) 20px,rgba(0,0,0,0) 0),linear-gradient(0deg,var(--start-shadow-color),var(--end-shadow-color) 20px,rgba(0,0,0,0) 0)}.color-dialog--shadow--bottom:before{background-image:linear-gradient(0deg,var(--start-shadow-color),var(--end-shadow-color) 20px,rgba(0,0,0,0) 0)}.color-option{width:100%;padding:7px 24px}.color-option--clean{font-family:OPPOSans;margin:0;padding:0;display:inline-block;position:relative;overflow:hidden;outline:none;background:rgba(0,0,0,0);border:0;border-radius:0;text-decoration:none;vertical-align:top;white-space:nowrap;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;transform:translateZ(0);-webkit-tap-highlight-color:rgba(0,0,0,0)}.color-option--bold{font-variation-settings:"wght" 750}.color-option--default{color:#000}.color-option--primary{color:#2ad181}.color-option--warning{color:#fac000}.color-option--danger{color:#ea3447}.color-option--info{color:#007aff}.color-option--light{color:#38d7d5}.color-option--stress{color:#7828ff}.color-option--disabled{color:rgba(0,0,0,.15)}.color-option-content{display:flex;flex-direction:column;justify-content:center;box-sizing:border-box;min-height:38px}.color-option-content__title{font-size:16px;white-space:normal;line-height:22px}.color-option-content__sub{font-size:12px;color:rgba(0,0,0,.5);margin-top:1px;line-height:17px}.color-popup--color-loading{border-radius:16px}.color-loading{min-width:180px;padding:24px 0 28px;background-color:#fff;box-sizing:border-box}.color-loading--long{min-width:320px}.color-loading.color-loading--with-cancel{padding:21px 0 0}.color-loading .color-loading__title{font-variation-settings:"wght" 750;padding:0 30px;margin-bottom:23px;text-align:center;font-size:16px;line-height:22px;color:#000}.color-loading .color-loading__progress{width:24px;height:24px;margin:0 auto;text-align:center;font-size:0}.color-loading .color-loading__progress .color-loading__progress-icon-background{stroke:rgba(42,209,129,.15)}.color-loading .color-loading__progress .color-loading__progress-icon-circle{stroke:#2ad181;transition:stroke-dasharray .1s}.color-loading .color-loading__progress.color-loading__progress--static path[stroke-linecap=butt]{stroke:rgba(42,209,129,.15)}.color-loading .color-loading__progress.color-loading__progress--static path[stroke-linecap=round]{stroke:#2ad181}.color-loading .color-progress{width:154px;height:34px;margin:-11px auto}.color-loading .color-progress-circle{margin:0 auto}.color-loading .color-loading__cancel-button{margin-top:4px;font-size:16px;height:58px;line-height:58px;color:#000;text-align:center;overflow:hidden}.color-loading-enter-active,.color-loading-leave-active{transition:all .25s}.color-loading-enter{transform:translate3d(-50%,-50%,0) scale3d(.8,.8,1);opacity:0}.color-loading-leave-to{transform:translate3d(-50%,-50%,0) scaleX(1);opacity:0}.color-loading-enter-to,.color-loading-leave{transform:translate3d(-50%,-50%,0) scaleX(1);opacity:1}.color-area-loading{display:flex;flex-direction:column;justify-content:center;align-items:center;position:absolute;top:0;left:0;right:0;bottom:0;margin:0;background-color:hsla(0,0%,100%,.8);z-index:300}.color-area-loading .color-area-loading__progress{text-align:center;font-size:0}.color-area-loading .color-area-loading__progress.color-area-loading__progress--static{width:24px;height:24px;margin:0 auto}.color-area-loading .color-area-loading__progress.color-area-loading__progress--static path[stroke-linecap=butt]{stroke:rgba(42,209,129,.15)}.color-area-loading .color-area-loading__progress.color-area-loading__progress--static path[stroke-linecap=round]{stroke:#2ad181}.color-area-loading.color-area-loading-enter-active,.color-area-loading.color-area-loading-leave-active{transition:opacity .5s}.color-area-loading.color-area-loading-enter,.color-area-loading.color-area-loading-leave-to{opacity:0}.color-area-loading.color-area-loading-enter-to,.color-area-loading.color-area-loading-leave{opacity:1}.color-area-loading--parent-relative{position:relative}.color-area-loading__description{margin-top:18px;font-size:14px;color:rgba(0,0,0,.3)}.color-emptytip{width:100%;height:100%;flex-direction:column;background:#fff}.color-emptytip,.color-emptytip__pic{display:flex;justify-content:center;align-items:center}.color-emptytip__pic{width:110px;height:110px;opacity:var(--opacity)}.color-emptytip__text{max-width:312px;opacity:.3;font-size:16px;color:#000;letter-spacing:.11px;line-height:24px}.color-emptytip__subtext{max-width:312px;opacity:.3;font-size:12px;color:#000;letter-spacing:.08px;line-height:18px}.color-picker{position:relative;display:flex;justify-content:center;font-size:14px;z-index:0}.color-picker-container{position:relative;z-index:1}.color-picker-scroll{position:relative}.color-picker-scroll:before{content:"";position:absolute;top:0;height:100%;width:100%;background-image:linear-gradient(180deg,var(--background-color-start),var(--background-color-end) 40%,rgba(0,0,0,0) 0),linear-gradient(0deg,var(--background-color-start),var(--background-color-end) 40%,rgba(0,0,0,0) 0)}.color-picker-scroll .color-scroll__inner{position:relative;z-index:-1}.color-picker-item{overflow:scroll;margin:0;padding:0;text-align:center;line-height:0;list-style-type:none}.color-picker-item::-webkit-scrollbar{display:none}.color-picker-item--default{padding:0 20px;width:120px}.color-picker-item--number{width:66px}.color-picker-item--month{width:76px}.color-picker-item--year{width:126px}.color-picker-item--week{width:160px}.color-picker-item-li{display:inline-block;white-space:nowrap;line-height:40px;height:40px;transform-origin:center;width:100%}.color-picker-item-li-span{display:inline-block;transition:font-size .03s linear;opacity:.4}.color-picker-item-li--active{color:#2ad181;opacity:1}.color-picker-item-li--ellipsis{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;-webkit-box-orient:vertical}.color-swipe-card{display:flex;height:100%;width:100%;overflow:hidden;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.color-swipe-card__group{display:flex;align-items:center;height:100%;white-space:nowrap}.color-swipe-card-item{position:relative;box-sizing:border-box;flex-shrink:0;height:100%;transform:translateZ(0)}.color-collapse__icon{position:relative;left:4px;width:24px;height:24px;transition:transform .25s cubic-bezier(.3,0,0,1)}.color-collapse__icon--close{transform:rotate(0)}.color-collapse__icon--open{transform:rotate(180deg)}.color-collapse__icon--disabled{opacity:.5}.color-collapse__content{overflow:hidden;transition:height .4s cubic-bezier(.3,0,0,1);transform:translateZ(0)}.color-collapse__content--icon .color-cell__content{padding-left:40px}.color-collapse__content--text .color-cell__content{padding-left:16px}.color-fab{display:inline-block;width:-webkit-fit-content;width:-moz-fit-content;width:fit-content}.color-fab-content{position:relative;z-index:1}.color-fab-content .color-fab-button-text{position:absolute}.color-fab-activator{z-index:2;position:relative}.color-fab--fixed{position:fixed;right:22px;bottom:34px}.color-fab--scrollHide{transition:all .14s cubic-bezier(.3,0,1,1)}.color-fab--scrollShow{transition:all .2s cubic-bezier(0,0,.15,1)}.color-fab--scrollHide_opened{transition:all .2s cubic-bezier(.3,0,.2,1)}.color-fab--scrollHide_opened .fab-btns-leave-active>*{transition:all .25s cubic-bezier(.3,0,.2,1)}.fab-btns-enter-active>*{transition:all .35s cubic-bezier(.15,.2,0,1.14)}.fab-btns-enter-active>* .color-fab-button-text{transition:opacity .35s ease .1s}.fab-btns-leave-active>*{transition:all .3s cubic-bezier(.3,0,.2,1)}.fab-btns-leave-active>* .color-fab-button-text{transition:opacity .2s ease}.fab-btns-enter>*,.fab-btns-leave-to>*{position:absolute;opacity:0;transform:scale(.6)}.fab-btns-enter>* .color-fab-button-text,.fab-btns-leave-to>* .color-fab-button-text{opacity:0}.fab-btns-enter-to>*,.fab-btns-leave>*{position:absolute;opacity:1;transform:scale(1)}.fab-btns-enter-to>* .color-fab-button-text,.fab-btns-leave>* .color-fab-button-text{opacity:1}.color-label-bar-item{position:relative;display:flex;flex-grow:1;flex-direction:column;justify-content:center;align-items:center;min-width:49px;font-size:10px;color:#000;text-align:center;-webkit-tap-highlight-color:rgba(0,0,0,0)}.color-label-bar-item.color-label-bar-item--active{color:#2ad181!important}.color-label-bar-item.color-label-bar-item--active svg{fill:#2ad181!important}.color-label-bar-item.color-label-bar-item--disabled{opacity:.15}.color-label-bar-item-container{position:relative;display:flex;flex-direction:column;align-items:center}.color-label-bar-item-icon{font-size:0;margin-bottom:2px}.color-label-bar-item-icon .color-badge__container.color-badge__container--absolute{right:-10px}.color-label-bar-item-icon .color-badge__container.color-badge__container--absolute.color-badge__container--multiple-digits{right:-12px}.color-tool-bar-item__icon{display:inline-flex}.color-popup-panel{max-height:calc(100vh - 40px);max-height:calc(var(--vh, 1vh)*100 - 40px);overflow:hidden;transition:transform .3s cubic-bezier(0,0,.15,1),height .4s cubic-bezier(.33,0,0,1),top .2s cubic-bezier(.33,0,0,1);display:flex;flex-direction:column}.color-popup-panel.color-popup--round{border-radius:22px 22px 0 0}.color-popup-panel--touching{transition:none}.color-popup-panel.color-popup-panel--expanded{height:100%}.color-popup-panel.color-popup-panel--expanded .color-panel-wrapper{flex:1}.color-panel-wrapper{overflow:hidden;display:flex;flex-direction:column}.color-panel-wrapper--no-handler{padding-top:30px}.color-panel-wrapper__bar{flex-shrink:0;min-height:30px;text-align:center;position:relative}.color-panel-wrapper__bar__inner{width:22px;height:2px;top:10px;left:50%;transform:translateX(-50%);background-color:var(--bg-color);border-radius:2px;position:absolute}.color-panel{display:flex;flex-direction:column;max-height:calc(100vh - 70px);max-height:calc(var(--vh, 1vh)*100 - 70px);position:relative}.color-popup-panel--horizontal{max-width:360px;max-height:calc(100vh - 40px);max-height:calc(var(--vh, 1vh)*100 - 40px);margin-left:calc(50vw - 180px)}.color-popup-panel--expanded .color-panel{flex:1}.color-panel-slide-bottom-enter,.color-panel-slide-bottom-leave-active{transform:translate3d(0,100%,0)}.color-panel-slide-bottom-enter-active{transition:transform .3s cubic-bezier(0,0,.15,1),height .4s cubic-bezier(.33,0,0,1),top .2s cubic-bezier(.33,0,0,1)}.color-panel-slide-bottom-leave-active{transition:transform .3s cubic-bezier(.3,0,1,1)}.color-popup-panel__close-debounce{-webkit-animation:panel-close-slide-bottom .36s cubic-bezier(.33,0,.33,1);animation:panel-close-slide-bottom .36s cubic-bezier(.33,0,.33,1)}@-webkit-keyframes panel-close-slide-bottom{0%{transform:translateY(0)}50%{transform:translateY(.24rem)}to{transform:translateY(0)}}@keyframes panel-close-slide-bottom{0%{transform:translateY(0)}50%{transform:translateY(.24rem)}to{transform:translateY(0)}}.color-panel-item{flex:1;width:100%;max-height:calc(100vh - 70px);max-height:calc(var(--vh, 1vh)*100 - 70px);transition:height .25s cubic-bezier(.3,0,.1,1),opacity .1s cubic-bezier(.3,0,.1,1);display:flex;flex-direction:column}.color-panel-item--changing{position:absolute;left:0;bottom:0}.color-panel-item__header{flex-shrink:0;height:50px}.color-panel-item__content{flex:1;overflow-y:hidden;min-height:auto;display:flex;flex-direction:column;box-sizing:border-box}.color-panel-item__footer{flex-shrink:0;box-sizing:border-box;padding:20px 24px 36px;text-align:center}.color-fab-button{width:-webkit-fit-content;width:-moz-fit-content;width:fit-content;display:flex;align-items:center;border-radius:36px}.color-fab-button-btn{display:flex;width:52px;height:52px;box-sizing:border-box;background:hsla(0,0%,100%,.98);box-shadow:0 4px 10px 0 rgba(0,0,0,.08);border:.66px solid rgba(0,0,0,.1);border-radius:36px;align-items:center;justify-content:center;flex-shrink:0;transform:scale(1);transition:transform .2s cubic-bezier(.4,0,.2,1);-webkit-tap-highlight-color:rgba(0,0,0,0)}.color-fab-button-btn--touchStart{transform:scale(.9);transition:transform .2s cubic-bezier(.4,0,.2,1)}.color-fab-button-text__wrap{position:relative}.color-fab-button-text{position:absolute;width:-webkit-max-content;width:-moz-max-content;width:max-content;padding:3.67px 10px;font-size:12px;color:#000;letter-spacing:0;text-align:justify;background:hsla(0,0%,100%,.98);border:.66px solid rgba(0,0,0,.1);box-shadow:0 4px 10px 0 rgba(0,0,0,.08);border-radius:6px;max-width:220px;flex-shrink:0;box-sizing:border-box}.color-fab-button-text div{white-space:nowrap}.color-fab-button-text--limited{padding:6.34px 10px}.color-fab-button-text--limited div{line-height:16px;max-height:46px;text-overflow:ellipsis;word-wrap:break-word;white-space:unset;display:-webkit-box;-webkit-line-clamp:2;/*! autoprefixer: off */-webkit-box-orient:vertical;overflow:hidden}.color-fab-button-text--vertical{max-width:70px}.color-fab-button-text--vertical div{max-height:unset;-webkit-line-clamp:4}.color-fab-button-dark-shadow{box-shadow:0 5.33px 12px 0 rgba(0,0,0,.1)}.fab-page-popup{position:fixed;left:0;top:0;width:100vw;height:100vh;background:rgba(0,0,0,.4)}.fab-page-popup-dark{background:hsla(0,0%,100%,.12)}.fab-page-popup-enter-to.fab-page-popup-leave{opacity:.4}.fab-page-popup-enter,.fab-page-popup-leave-to{opacity:0}.fab-page-popup-enter-active{transition:opacity .35s ease}.fab-page-popup-leave-active{transition:opacity .22s cubic-bezier(.3,0,1,1)}.fab-page{position:fixed;width:100vw;height:100vh;border-radius:0;top:0;left:0;background:#fff}.fab-page .fab-page-fakeIcon{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%)}.fab-page-dark.fab-page-enter{background:#4d4d4d!important}.fab-page-dark.fab-page-enter-to{background:#000!important}.fab-page-dark.fab-page-enter-active{transition:background .35s cubic-bezier(.35,.53,.2,1),border-radius .35s cubic-bezier(.35,0,.35,1)}.fab-page-enter{border-radius:.36rem;box-shadow:0 .04rem .1rem 0 rgba(0,0,0,.08);overflow:hidden}.fab-page-enter>*{opacity:0}.fab-page-enter .fab-page-fakeIcon{opacity:1}.fab-page-enter-to{border-radius:0;box-shadow:0 .04rem .1rem 0 rgba(0,0,0,.08);overflow:hidden}.fab-page-enter-to>*{opacity:1}.fab-page-enter-to .fab-page-fakeIcon{opacity:0}.fab-page-enter-active{transition:border-radius .35s cubic-bezier(.35,0,.35,1)}.fab-page-enter-active>*{transition:opacity .29s cubic-bezier(.35,.53,.2,1) 60ms}.fab-page-enter-active .fab-page-fakeIcon{transition:opacity 60ms cubic-bezier(.33,0,.33,1)}.fab-page-leave{transform:translate(0)}.fab-page-leave-to{transform:translateY(100vh)!important}.fab-page-leave-active{transition:transform .22s cubic-bezier(.3,0,1,1)}