@xysfe/actui/es/RowCascadePicker/style.css

A fantastic mobile ui lib implement by Vue

[data-v-a2ff5094]{-webkit-tap-highlight-color:transparent}.act-picker-fade-enter[data-v-a2ff5094],.act-picker-fade-leave-active[data-v-a2ff5094]{opacity:0}.act-picker-fade-enter-active[data-v-a2ff5094],.act-picker-fade-leave-active[data-v-a2ff5094]{-webkit-transition:all .3s ease-in-out;transition:all .3s ease-in-out}.act-picker-panel[data-v-a2ff5094]{font-size:14px;background:#fff}.act-picker-move-enter[data-v-a2ff5094],.act-picker-move-leave-active[data-v-a2ff5094]{-webkit-transform:translate3d(0,100%,0);transform:translate3d(0,100%,0)}.act-picker-move-enter-active[data-v-a2ff5094],.act-picker-move-leave-active[data-v-a2ff5094]{-webkit-transition:all .3s ease-in-out;transition:all .3s ease-in-out}.act-picker-choose[data-v-a2ff5094]{position:relative;height:36px}.act-picker-back[data-v-a2ff5094]{position:absolute;top:0;left:0;display:block;width:20px;height:20px;margin:12px}.act-picker-back[data-v-a2ff5094]:after{content:"";position:absolute;top:3px;left:1px;width:9px;height:13px;background:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABIAAAAaCAMAAACNQ/wIAAAARVBMVEUAAACzs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7OKWxW5AAAAFnRSTlMA7MiXLx0G+PbdtX56XkdBEenTsWEQ5EW3jQAAAGdJREFUGNOlkUkOgDAIRVs6Wa2zcv+jKiugCxLjX76kfR9wOvEoTZN5QEQJcsA3IEgCIuPGZPVEJsdpBPzC4D6JQBLuSiTkzl2u3l3jN7fb2W0gfmh8r0sYVdVAxti8nD9twDoan/YBZeEKy85R9P4AAAAASUVORK5CYII=) no-repeat;background-size:100% 100%;cursor:pointer}.act-picker-close[data-v-a2ff5094]{position:absolute;top:0;right:0;display:block;width:30px;height:36px}.act-picker-close[data-v-a2ff5094]:after{content:"";position:absolute;top:14px;right:13px;width:12px;height:12px;background:url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABgAAAAYCAYAAADgdz34AAABSElEQVRIia3TLUsEQRzA4efGd0SLyc+xX0BFDGIWQbAJgsHuBxCr2SAooljPZNAsMt1oMxk0+FoMdwvnubuzezpw4WZuf8+x/KfVbre3cIB3bOJCgxVj/PE9y7J5nGMGu8PYx2j3c4YRnDZBeuILuMREd2sv4LHnNwHHWP+HODwFbODlL0hJ/A1rAXdYGhSpiK/EGG9Cd+N2QKQqfp1H8tUUScb7gSZIrTgMF/yzHLnCdB9CZ+pqxcuAKuQEXzp3JhnPHypbRa+r1SSeAnqR14Kzz1S8DgCTGCrYH8Fs6uEUkE/LWMFZC8dZllVexiqgaBQ//HxdIYWUAWVzvtw9+3VPypAioPQS4VrFZSxC+oFUPF+1kV6gbrwRkgNN47WRgLkB4yDGWIWsBhwNGq+BHAZM/SWeQMYDtvGEB505bxzvQxZxj2fsfANKJZ20phILAAAAAABJRU5ErkJggg==") no-repeat;background-size:100% 100%;cursor:pointer}.act-picker-title-group[data-v-a2ff5094]{padding:0 60px;height:100%;display:-webkit-box;display:-webkit-flex;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-webkit-flex-direction:column;flex-direction:column;-webkit-box-pack:center;-webkit-justify-content:center;justify-content:center;text-align:center}.act-picker-title[data-v-a2ff5094]{font-size:18px;line-height:25px;font-weight:400;color:#333}.act-picker-subtitle[data-v-a2ff5094]{margin-top:2px;line-height:16px;font-weight:400;font-size:12px;color:#fcfcfc}.act-picker-content[data-v-a2ff5094]{position:relative;height:482px;background-color:#fff;padding-bottom:12px}.act-picker-content .act-picker-search[data-v-a2ff5094]{position:relative;display:-webkit-box;display:-webkit-flex;display:flex;-webkit-box-align:center;-webkit-align-items:center;align-items:center;margin:0 13px;padding-top:12px}.act-picker-content .act-picker-search.act-picker-search-gap[data-v-a2ff5094]{padding-bottom:12px}.act-picker-content .act-picker-search .act-picker-search-wrap[data-v-a2ff5094]{-webkit-box-flex:1;-webkit-flex:1;flex:1;position:relative;height:33px;background-color:#f9f9f9;border-radius:16px;border:1px solid #f5f5f5}.act-picker-content .act-picker-search .act-picker-search-input[data-v-a2ff5094]{display:block;position:absolute;font-size:14px;width:100%;height:100%;padding-left:34px}.act-picker-content .act-picker-search p[data-v-a2ff5094]{position:absolute;color:#b3b3b3;top:50%;left:50%;-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%);margin:0;padding:0;line-height:24px;display:-webkit-box;display:-webkit-flex;display:flex;-webkit-box-orient:horizontal;-webkit-box-direction:normal;-webkit-flex-direction:row;flex-direction:row;-webkit-box-align:center;-webkit-align-items:center;align-items:center;z-index:18}.act-picker-content .act-picker-search p.act-picker-search-alert[data-v-a2ff5094]{left:13px;top:50%;-webkit-transform:translateY(-50%);transform:translateY(-50%)}.act-picker-content .act-picker-search p .icon[data-v-a2ff5094]{display:inline-block;width:12px;height:14px;line-height:24px;background:url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABgAAAAcCAYAAAB75n/uAAACw0lEQVRIia2WX2hPYRjHP/ttNiatMH/etHbFlKI9KzNqZ8qEkj/RLriQlgs0mqSpWUqStRvR5EK5WaKEkGyyXBj2rLYkLVJcHLSwG83+4OK873p3OmO/n33r1Hm+z3m/3/c5f57nZDU1NZEEEZkF7AC2A2VAEZAFDAFvgE6gTVWfJwpY5CQIp4ADQCOwKGHNTGCVPepEpBOoU9XeJINUTLwAeABcmkQ8CZXASxE5lJTMDoLAF38CrI1dMwx0AHeBR0A/kA8U+jrAZmPMSBiGT/3FOVY8C2gjKtvhJ9ACnFfVb/GdiYgAzUDg0WdEpF9VbzrC3aJ9wCbvwgGgQlUbksQBVFWB9cCpWKpVROaOl1ZfX58L3AbmeDuvUtWeJGEfYRgShmGnMaYAWGPpfJtrdxVsA4y3rnkq4jGcAD54ca2I5DqDrV5iiOi+pgVVHQbOedRc7MuSAsq9xGNV/Z6ugcWtWFzuDIo9si9DcVQ1BL54VLEzyPbIgUwNLL5653nOYNQjC/k/zPPOh5zBO48szVRZRIqYuMG3zqDLIwMRmZ+hx85Y3OUM/Kc/AziZrrKIzAaOe9Rn4JkzuAe895KHRaQyTY8LTOy+rao6BpBS1VGgwUtmA3dEpGoKO88TkQ6iXubwiahJRmJBEBCG4StjTAmwwvJ5wF5jzBJjTG8YhoMx4ZQxphpoB1Z6qV/ALlV97Qh/ou23ZQY2TgG1RH2lm2hMDgKLgQqSB1KHqj70ifGJpqo/gC3A9YSFZcAe4CDRnJ5s2m0QkepEA2eiqjXAbiZ+H3/Di1h8TUQWJBp4RjeAZUQVXQZ6iNrIIPCRaIQ2AktVdTVwxVu+0JpkQcJfhWcyBty3x79wBFgHLLfxRuAo0JJYQbqwz6+GaBo6nBWR0mkxsCZ9wDGPygWuTpuBxUWi3xuHkmk1UNXfRF91NzACnP4DTSPSaE6cInsAAAAASUVORK5CYII=") no-repeat;background-size:100% 100%;margin-right:8px}.act-picker-content .act-picker-search .act-picker-search-cancel[data-v-a2ff5094]{margin-left:13px}.act-picker-row-wheel-bd[data-v-20f900ec]{position:relative;display:-webkit-box;display:-webkit-flex;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-webkit-flex-direction:column;flex-direction:column;height:424px;overflow:hidden;font-size:16px;background-color:#f9f9f9;z-index:1}.act-picker-row-wheel-bd.act-picker-row-wheel-bd-full[data-v-20f900ec]{height:100%}.act-picker-row-wheel-item[data-v-20f900ec]{display:-webkit-box;display:-webkit-flex;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-webkit-flex-direction:column;flex-direction:column;line-height:14px;-webkit-flex-shrink:0;flex-shrink:0;overflow:hidden}.act-picker-row-wheel-item .act-picker-row-wheel-parent[data-v-20f900ec]{position:relative;display:-webkit-box;display:-webkit-flex;display:flex;-webkit-flex-shrink:0;flex-shrink:0;-webkit-box-align:center;-webkit-align-items:center;align-items:center;padding:0 13px;font-size:15px;background-color:#fff;height:47px;border-bottom:1px solid #f5f5f5}.act-picker-row-wheel-item .act-picker-row-wheel-scroll[data-v-20f900ec]{-webkit-box-flex:1;-webkit-flex:1;flex:1}.act-picker-row-wheel-item .act-picker-row-wheel-title[data-v-20f900ec]{color:#777;width:120px}.act-picker-row-wheel-item .act-picker-row-wheel-text[data-v-20f900ec]{-webkit-box-flex:1;-webkit-flex:1;flex:1;text-align:right;color:#333;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;padding-right:18px;line-height:1.2}.act-picker-row-wheel-item .act-picker-row-wheel-placeholder[data-v-20f900ec]{color:#b3b3b3}.act-picker-row-wheel-item .act-picker-row-wheel-arrow[data-v-20f900ec]{position:absolute;top:50%;right:12px;-webkit-transform:translateY(-50%) rotate(0deg);transform:translateY(-50%) rotate(0deg);width:11px;height:8px;font-size:16px;background:url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABYAAAAQCAYAAAAS7Y8mAAABaklEQVQ4jaXTv0tVcRjH8dc9iRQ3EBTcEmqxqZaa6l9wFFNDHAKVBmlpsRwsMUXUFuHioJPg6nLTQWooHPsTbFGSwD8gzYbzHPxy8x41P9PzeX68D+f5fr+VWq22hBd4jWXX00vMYiXDKKr4iCfXgD4NRhUjGTaj0IJ1tP8HtCNmb4TfzDCCH5HowhoqV4BWsIo74fcwluEIA/gdhR6MXwH8KmYEox9HWSS+4W3SPItHl4A+xkziJ7ALWZKcQz3iVmygrQTaFj2t4euYL4op+BTD2A9/D7US8AruRryPoWD8A4ZDDOIkfJ/8OjZqFL0Rn8jP6Ffa0AiGz3iX+AU8SPxDLCZ+Cl8aIeeB4X18AG7Jd1nF7YhvRm0H0+cBWpqAi9/7jk7clz/3Crqj5yeeO1vbpcBwID+QegCHktpp+INmw81WUWhLfg0b9QHbZYMXgeGN/AEV+orJi4bKVlHoWP5MP+EPnkWuVH8BAjtEVRI92kQAAAAASUVORK5CYII=") no-repeat;background-size:100% 100%}.act-picker-row-wheel-item .act-picker-row-wheel-subset>li[data-v-20f900ec]{display:-webkit-box;display:-webkit-flex;display:flex;-webkit-box-align:center;-webkit-align-items:center;align-items:center;-webkit-box-pack:justify;-webkit-justify-content:space-between;justify-content:space-between;min-height:40px;font-size:15px;color:#777;line-height:1.4;padding:9px 24px 9px 25px;border-bottom:1px solid #f5f5f5}.act-picker-row-wheel-item .act-picker-row-wheel-subset>li.checked[data-v-20f900ec]{color:#8c7fee}.act-picker-row-wheel-item.open[data-v-20f900ec]{-webkit-flex-shrink:1;flex-shrink:1}.act-picker-row-wheel-item.open .act-picker-row-wheel-arrow[data-v-20f900ec]{-webkit-transform:translateY(-50%) rotate(180deg);transform:translateY(-50%) rotate(180deg);margin-top:0}.search[data-v-656d0f18]{height:424px;color:#777}.search .search-empty[data-v-656d0f18]{display:-webkit-box;display:-webkit-flex;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-webkit-flex-direction:column;flex-direction:column;-webkit-box-align:center;-webkit-align-items:center;align-items:center;padding-top:10px}.search .search-empty img[data-v-656d0f18]{width:212px;height:131px;padding-top:20px}.search .search-empty h4[data-v-656d0f18]{font-size:20px;font-weight:400;line-height:20px;color:#333;margin:20px 0 10px}.search .search-empty p[data-v-656d0f18]{font-size:12px;font-weight:400;line-height:20px;letter-spacing:0;color:#999;padding-bottom:30px}.scroll-list[data-v-29bd6752]{height:100%;font-size:15px}.scroll-list ul[data-v-29bd6752]{padding:0 0 11px 13px}.scroll-list ul li[data-v-29bd6752]{padding-top:12.5px;padding-bottom:12.5px;line-height:23px;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-box-orient:vertical;border-bottom:1px solid #f5f5f5}.scroll-list ul li.checked[data-v-29bd6752]{color:#8c7fee}.scroll-list ul li[data-v-29bd6752]:first-child{border-top:none;padding-top:0}.frequency-box[data-v-6defd940]{height:100%;position:relative;color:#777}.frequency-box .scroll-list[data-v-6defd940]{padding-top:12px}.frequency-box .frequency-footer[data-v-6defd940]{z-index:20;font-size:14px;width:100%;display:-webkit-box;display:-webkit-flex;display:flex;-webkit-box-align:center;-webkit-align-items:center;align-items:center;-webkit-box-pack:center;-webkit-justify-content:center;justify-content:center;height:51px;padding-bottom:30px;background-color:#fff}.frequency-box .frequency-footer a[data-v-6defd940]{color:#8c7fee}