@xysfe/actui/lib/DiseaseSelect/style.css

A fantastic mobile ui lib implement by Vue

[data-v-3349a91e] .bscroll-vertical-scrollbar{width:5px!important}[data-v-3349a91e] .bscroll-indicator{background:rgba(0,0,0,.2)!important}.scroll-wrapper[data-v-3349a91e]{position:relative;height:100%;-webkit-transform:translateZ(0);transform:translateZ(0);overflow:hidden}.scroll-wrapper .scroll-content[data-v-3349a91e]{width:100%;position:relative;z-index:1}.act-disease-section[data-v-02b5bcb6]{height:100%}.act-disease-section[data-v-02b5bcb6],.act-disease-select-section[data-v-02b5bcb6]{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-flex:1;-webkit-flex:1;flex:1;position:relative;overflow:hidden}.act-disease-title[data-v-02b5bcb6]{-webkit-flex-shrink:0;flex-shrink:0;background-color:#fff;border-bottom:1px solid #e2e5e7;padding:16px 0 16px 12px;position:relative;font-size:15px;color:#333}.act-disease-title .icon-bar[data-v-02b5bcb6]{position:absolute;left:0;top:50%;-webkit-transform:translateY(-50%);transform:translateY(-50%);border-radius:2px;width:2px;height:18px}.act-disease-list[data-v-7f29af1e]{position:relative;-webkit-box-flex:1;-webkit-flex:1;flex:1;background-color:#fff;overflow:hidden}.act-disease-item[data-v-7f29af1e]{position:relative;border-bottom:1px solid #e2e5e7;margin-left:12px;padding:10px 0;cursor:pointer}.act-disease-name[data-v-7f29af1e]{font-size:14px;padding:0 0 3.5px;color:#333;font-weight:400;padding-right:30px}.act-disease-desc[data-v-7f29af1e]{font-size:12px;color:#999;padding-right:60px;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical}.act-disease-arrow[data-v-7f29af1e]{position:absolute;top:50%;right:12px;-webkit-transform:translateY(-50%) rotate(135deg);transform:translateY(-50%) rotate(135deg);width:8px;height:8px;border-top:1px solid #b3b3b3;border-right:1px solid #b3b3b3;margin-top:-5px}.act-search-wrap[data-v-007e9918]{-webkit-flex-shrink:0;flex-shrink:0}.act-disease-search[data-v-007e9918]{display:-webkit-box;display:-webkit-flex;display:flex;-webkit-box-orient:horizontal;-webkit-box-direction:normal;-webkit-flex-direction:row;flex-direction:row;background-color:#fff;margin:15px 5px;height:26px;border-radius:5px}.act-disease-search .icon-search[data-v-007e9918]{margin:6px;height:14px;width:12px;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:contain}.act-disease-search .act-search-content[data-v-007e9918]{font-size:0;-webkit-box-flex:1;-webkit-flex:1;flex:1;padding:0 5px}.act-disease-search .act-search-content input[data-v-007e9918]{font-size:14px;width:100%;height:100%;background-color:#fff;-webkit-appearance:none;border:none}.act-disease-search .icon-close[data-v-007e9918]{cursor:pointer;margin:0 8px;width:26px;height:26px;background:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABgAAAAYCAYAAADgdz34AAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAA4RpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuNS1jMDE0IDc5LjE1MTQ4MSwgMjAxMy8wMy8xMy0xMjowOToxNSAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wTU09Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9tbS8iIHhtbG5zOnN0UmVmPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvc1R5cGUvUmVzb3VyY2VSZWYjIiB4bWxuczp4bXA9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC8iIHhtcE1NOk9yaWdpbmFsRG9jdW1lbnRJRD0ieG1wLmRpZDoxZDViZmNlNS1iOTBjLTRkNGYtYmVhYy1hZDI2ZGY1OTk1ZGIiIHhtcE1NOkRvY3VtZW50SUQ9InhtcC5kaWQ6OTMyMTIwOTU0NkEyMTFFN0EyQUQ4NDdEODUzQUZGREIiIHhtcE1NOkluc3RhbmNlSUQ9InhtcC5paWQ6OTMyMTIwOTQ0NkEyMTFFN0EyQUQ4NDdEODUzQUZGREIiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENDIDIwMTcgKFdpbmRvd3MpIj4gPHhtcE1NOkRlcml2ZWRGcm9tIHN0UmVmOmluc3RhbmNlSUQ9InhtcC5paWQ6NGIyYmM0NGEtZDg3OS00ZjQzLThlYWItZmMyMGE2OTUyNzg0IiBzdFJlZjpkb2N1bWVudElEPSJhZG9iZTpkb2NpZDpwaG90b3Nob3A6NzU4Y2QxMGEtMzYxNy0xMWU3LTllMTQtYzhmMjAyZmZlNWYyIi8+IDwvcmRmOkRlc2NyaXB0aW9uPiA8L3JkZjpSREY+IDwveDp4bXBtZXRhPiA8P3hwYWNrZXQgZW5kPSJyIj8+M4GajAAAAQNJREFUeNqklV8KAVEUh6/TlFL+7kA2ocS8eJAlKHmbUmyGFcgeZAPiwRZYAC9Ygd+tq6bJ3HvOubc+NaP5vkn9kmRZtjDGbMEDzMHZxJ0h2IE2WBM+NqAOeuAIBhHy1Dm6oGVfnNyb/04DHJSR1D1by917kvtZPpGRf/I3mNnABUwjImXyMbiSu3FSRrxye0G5L6SRoLwYkERY8n8BToQtLwuEImy5L+CLsOWhQFmELecE7EkcxVMB1dDDpBiRaIykGJFojKRYqGjxpFioaPGkmb8kQpr5SyKklLMjNjBSyjmRPrk/aK08FNnbQDNS7ot0bGAFXuAWIc9HJuDunMuvAAMAaZN1qWkkFtgAAAAASUVORK5CYII=) no-repeat 50%;background-size:10px}.act-search-result[data-v-007e9918]{position:fixed;width:100%;height:100%;background-color:rgba(0,0,0,.5)}.act-search-result .act-result-content[data-v-007e9918]{background-color:#fff}.act-search-result .act-result-list[data-v-007e9918]{max-height:300px;overflow:hidden}.act-search-result .act-no-result[data-v-007e9918]{padding:12px;font-size:14px;color:#333}.act-result-item[data-v-6bdc98a7]{font-size:14px;color:#333}.act-result-item[data-v-6bdc98a7]:last-child{border-bottom:none}.act-result-item>ul[data-v-6bdc98a7]{padding-left:15px}.act-result-item .act-disease-cat[data-v-6bdc98a7]{font-weight:700}.act-disease-name[data-v-6bdc98a7]{padding:8px 15px;position:relative}.act-disease-arrow[data-v-6bdc98a7]{position:absolute;top:50%;right:12px;-webkit-transform:translateY(-50%) rotate(135deg);transform:translateY(-50%) rotate(135deg);-webkit-transform-origin:center;transform-origin:center;width:8px;height:8px;border-top:1px solid #b3b3b3;border-right:1px solid #b3b3b3;-webkit-transition:-webkit-transform .3s;transition:-webkit-transform .3s;transition:transform .3s;transition:transform .3s,-webkit-transform .3s;margin-top:-5px}.act-disease-arrow.active[data-v-6bdc98a7]{-webkit-transform:translateY(0) rotate(-45deg);transform:translateY(0) rotate(-45deg)}.act-select-layer[data-v-1538ef19]{position:fixed;left:50%;top:0;-webkit-transform:translateX(-50%);transform:translateX(-50%);max-width:750px;width:100%;height:100%;background-color:rgba(0,0,0,.4);opacity:0;visibility:hidden;-webkit-transition:all .4s;transition:all .4s}.act-select-layer .act-layer-content[data-v-1538ef19]{background-color:#fff;position:absolute;width:100%;left:0;bottom:0;-webkit-transform:translate3d(0,100%,0);transform:translate3d(0,100%,0);-webkit-transition:all .4s;transition:all .4s}.act-select-layer.show[data-v-1538ef19]{opacity:1;visibility:visible}.act-select-layer.show .act-layer-content[data-v-1538ef19]{-webkit-transform:translateZ(0);transform:translateZ(0)}.act-layer-hd[data-v-1538ef19]{border-bottom:1px solid #e2e5e7;padding:16px 0 16px 12px;position:relative}.act-layer-hd h4[data-v-1538ef19]{font-size:15px;color:#333;position:relative;line-height:1.4;font-weight:500;margin:0}.act-layer-hd .icon-bar[data-v-1538ef19]{position:absolute;left:0;top:50%;-webkit-transform:translateY(-50%);transform:translateY(-50%);border-radius:2px;width:2px;height:18px}.act-layer-hd .act-layer-close[data-v-1538ef19]{position:absolute;right:8px;top:50%;width:30px;height:30px;background:url(https://sslstatic.xiaoyusan.com/h5/img/my/layer_icon/layer_close1.png) no-repeat 50%;background-size:12px;-webkit-transform:translateY(-50%);transform:translateY(-50%)}.act-layer-list[data-v-1538ef19]{position:relative;height:380px;overflow:hidden;color:#333}.act-layer-list .act-second-cats[data-v-1538ef19]{background-color:#f9f9f9;padding-left:12px}.act-layer-list .act-list-content[data-v-1538ef19],.act-layer-list .second-cats-item[data-v-1538ef19]{font-size:14px;border-bottom:1px solid #ebeef5;padding:11px 10px 11px 33px;position:relative;cursor:pointer}.act-layer-list .act-list-content .icon-cicle[data-v-1538ef19],.act-layer-list .second-cats-item .icon-cicle[data-v-1538ef19]{position:absolute;top:50%;left:8px;width:15px;height:15px;background:url(https://sslstatic.xiaoyusan.com/h5/img/common/icon/icon-unchoosed.png) no-repeat 50%;background-size:100% 100%;border-radius:100%;-webkit-transform:translateY(-50%);transform:translateY(-50%)}.act-layer-list .act-list-content.active .icon-cicle[data-v-1538ef19],.act-layer-list .second-cats-item.active .icon-cicle[data-v-1538ef19]{background-image:url(https://sslstatic.xiaoyusan.com/intelCheck/img/icon_check.a0063ff3130e80db.png)}.act-layer-list .second-cats-item[data-v-1538ef19]:last-child{border-bottom:none}.act-layer-btn a[data-v-1538ef19]{display:block;line-height:50px;color:#fff;text-align:center;font-size:16px}.act-icon-tip[data-v-1538ef19]{display:inline-block;border-radius:100%;font-size:12px;width:16px;height:16px;color:#b3b3b3;line-height:16px;text-align:center;border:1px solid #b3b3b3}.collapse-item__header[data-v-a19964da]{display:-webkit-box;display:-webkit-flex;display:flex;-webkit-box-align:center;-webkit-align-items:center;align-items:center;min-height:44px;background-color:#fff;color:#303133;cursor:pointer;border-bottom:1px solid #ebeef5;font-size:14px;font-weight:500;-webkit-transition:border-bottom-color .3s;transition:border-bottom-color .3s;outline:none;margin-left:12px;margin-right:5px}.collapse-item__wrap[data-v-a19964da]{will-change:height;background-color:#fff;overflow:hidden;box-sizing:border-box;border-bottom:1px solid #ebeef5}.collapse-item__content[data-v-a19964da]{font-size:14px;color:#303133;line-height:1.769230769230769}.collapse-item__header.is-active[data-v-a19964da]{border-bottom-color:transparent}.collapse-item__arrow[data-v-a19964da]{margin:0 8px 0 auto;-webkit-transition:-webkit-transform .3s;transition:-webkit-transform .3s;transition:transform .3s;transition:transform .3s,-webkit-transform .3s;font-weight:300}.collapse-item__arrow.is-active[data-v-a19964da]{-webkit-transform:rotate(135deg);transform:rotate(135deg)}.collapse-item-arrow-right[data-v-a19964da]{-webkit-transform:rotate(45deg);transform:rotate(45deg);width:8px;height:8px;border-top:1px solid #b3b3b3;border-right:1px solid #b3b3b3;margin-top:-5px}.collapse-transition[data-v-a19964da]{-webkit-transition:height .3s ease-in-out,padding-top .3s ease-in-out,padding-bottom .3s ease-in-out;transition:height .3s ease-in-out,padding-top .3s ease-in-out,padding-bottom .3s ease-in-out}