.container[data-v-6eadbac5]{box-sizing:border-box;padding-top:50px;background:#f6f6f6}.user-info[data-v-6eadbac5]{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-6eadbac5],.user-info .avatar img[data-v-6eadbac5]{width:48px;height:48px;border-radius:50%}.user-info .role-info[data-v-6eadbac5]{padding-top:4px;margin-left:15px;flex:1;font-size:13px;font-weight:400;color:#333;line-height:20px}.role-item-box[data-v-6eadbac5]{width:100%;height:auto;float:left;display:flex;flex-wrap:wrap;justify-content:space-between;box-sizing:border-box;padding:15px}.role-item-box .role-item[data-v-6eadbac5]{width:calc(50% - 5px);height:auto;float:left;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-6eadbac5]:nth-of-type(2n){margin-left:10px}.role-item-box .role-item.active[data-v-6eadbac5]{border:1px solid #e1a500;background:#ffeded}.role-item-box .role-item .name[data-v-6eadbac5]{width:100%;height:auto;float:left;font-size:14px;font-weight:600;color:#e1a500;line-height:14px;margin-bottom:20px}.role-item-box .role-item .price[data-v-6eadbac5]{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-6eadbac5]{font-size:18px}.role-item-box .role-item .desc[data-v-6eadbac5]{width:100%;height:auto;float:left;font-size:12px;font-weight:400;color:#666;line-height:18px}.bottom-bar[data-v-6eadbac5]{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-6eadbac5]:active{background-color:rgba(206,162,0,.9)}#page{background-color:#f8f8f8}