.container[data-v-65a18a0d]{box-sizing:border-box;padding-top:50px;background:#f6f6f6}.user-info[data-v-65a18a0d]{width:100%;height:auto;float:left;display:flex;padding:20px 15px;box-sizing:border-box;margin-top:15px;margin-bottom:15px;background-color:#fff}.user-info .avatar[data-v-65a18a0d],.user-info .avatar img[data-v-65a18a0d]{width:48px;height:48px;border-radius:50%}.user-info .role-info[data-v-65a18a0d]{padding-top:4px;margin-left:15px;flex:1;font-size:13px;font-weight:400;color:#333;line-height:20px}.role-item-box[data-v-65a18a0d]{width:100%;height:auto;float:left;display:flex;flex-wrap:wrap;justify-content:space-between;box-sizing:border-box;padding:15px;margin-bottom:50px}.role-item-box .role-name[data-v-65a18a0d]{font-size:18px;font-weight:700;margin-top:15px;margin-bottom:8px;display:block}.role-item-box .role-item[data-v-65a18a0d]{height:auto;text-align:center;padding:15px;box-sizing:border-box;border-radius:8px;margin-bottom:15px;border:1px solid #fff;background-color:#fff}.role-item-box .role-item[data-v-65a18a0d]:nth-of-type(2n){margin-left:10px}.role-item-box .role-item.active[data-v-65a18a0d]{border:1px solid #e1a500;background:#ffeded}.role-item-box .role-item .name[data-v-65a18a0d]{min-width:150px;height:auto;font-size:14px;font-weight:600;color:#e1a500;line-height:14px;margin-bottom:20px}.role-item-box .role-item .price[data-v-65a18a0d]{width:100%;height:auto;float:left;font-size:28px;font-weight:600;color:#333;line-height:24px;margin-bottom:15px}.role-item-box .role-item .price .small[data-v-65a18a0d]{font-size:18px}.role-item-box .role-item .desc[data-v-65a18a0d]{width:100%;height:auto;float:left;font-size:12px;font-weight:400;color:#666;line-height:18px}.role-item-box .role-item .desc span[data-v-65a18a0d]{white-space:normal}.count-hint[data-v-65a18a0d]{margin-left:15px;float:left;margin-right:15px}.count-hint span[data-v-65a18a0d]{display:block;margin-bottom:8px}.more-info[data-v-65a18a0d]{float:left}.more-info .img-wrap[data-v-65a18a0d]{float:left;margin-right:15px}.more-info .hint-wrap[data-v-65a18a0d]{float:left}.more-info span[data-v-65a18a0d]{display:block;margin-bottom:15px}.bottom-bar[data-v-65a18a0d]{position:fixed;bottom:0;left:0;right:0;width:100%;height:49px;background-color:#cea200;line-height:49px;text-align:center;color:#fff}.bottom-bar[data-v-65a18a0d]:active{background-color:rgba(206,162,0,.9)}.scroll-container[data-v-65a18a0d]{overflow-x:auto;white-space:nowrap}.scroll-content[data-v-65a18a0d]{display:flex}.scroll-item[data-v-65a18a0d]{display:inline-block;margin-right:10px;box-sizing:border-box}#page{background-color:#f8f8f8}