.demo-page[data-v-cfd4810c]{margin:20px;padding:20px;background:#fff;position:relative}.demo-page[data-v-cfd4810c],.list[data-v-cfd4810c]{-webkit-box-sizing:border-box;box-sizing:border-box}.list[data-v-cfd4810c]{width:380px;height:100%;background:#99a9bf;height:500px;padding:10px;position:absolute;top:20px;left:20px;border-radius:9px;overflow-x:hidden;overflow-y:auto;text-align:center}.list-item[data-v-cfd4810c]{width:100%;height:auto;background:#f9fafc;margin-bottom:10px;padding:12px;-webkit-box-sizing:border-box;box-sizing:border-box;border-radius:6px;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center}.list-item-hd[data-v-cfd4810c]{width:44px;height:44px;background:#d4e9f5;border-radius:4px;-ms-flex-negative:0;flex-shrink:0}.list-item-bd[data-v-cfd4810c]{width:100%;height:44px;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;-ms-flex-pack:distribute;justify-content:space-around;padding-left:20px}.list-item-bd .title[data-v-cfd4810c]{width:40%;height:16px;background:#bcdcef;border-radius:4px}.list-item-bd .sub-title[data-v-cfd4810c]{width:70%;height:12px;background:#dcedf7;border-radius:4px}.form[data-v-cfd4810c]{height:100%;margin-left:400px;max-width:500px;min-width:300px;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column}