.user_info{padding: 15px;}
.user_info .avatar{height:90px;width:90px; border-radius:100%; text-align: center;background-size: cover; display: block; margin: 0 auto; border: solid 2px #fff;box-shadow: 0 0 4px rgba(0, 0, 0, 0.1);}
.user_info .detail{margin-top: 10px; text-align: center;}
.user_info .detail .nickname{font-size: 18px; font-weight: 500; color: #333; height: 1.5em}
.user_info .detail .level{margin: 5px 0; display: flex; align-items: center; width: 100%;justify-content: center; height: 24px;}
.user_info .detail .grade{background-color: #d9534f; color: #fff; display: inline-block; padding: 0 12px; height: 24px; line-height: 24px; border-radius: 12px; font-size: 12px;}
.user_info .detail .partner{background-color: #ff8800; color: #fff; display: inline-block; padding: 0 12px; height: 24px; line-height: 24px; border-radius: 12px; font-size: 12px; margin-left: 5px;}
.user_info .detail span{color: #666; font-size: 18px; margin: 0 10px;}
.user_info .share_code{}
.user_info .share_code span{color: #999; font-size: 12px;}
.user_info .share_code strong{color: #666; font-weight: normal; font-size: 12px;}
.user_info .share_code b{color: #d9534f; font-weight: normal; margin-left: 10px; font-size: 12px;}
.user_info .user_set{position: absolute; background-color: rgba(0,0,0,0.3); width: 40px; height: 40px; line-height: 40px; color: #FFF; font-size: 24px; right: 15px; top: 15px; text-align: center; border-radius: 100%;}
.user_info .vc_points{position:absolute;background-color:#d9534f;z-index:10;clip-path:polygon(0 0,100% 0,0 100%);width:100px;height:100px;box-shadow:0 4px 6px rgba(0,0,0,0.3); left: 0; top: 0;}
.user_info .vc_points span{position:absolute;top:32%;left:32%;transform:translate(-50%,-50%) rotate(-45deg);transform-origin:center;color:#fff;line-height:18px;font-size:14px;text-align:center;white-space:nowrap}
.user_info .vc_points span b{color:#ffff00; display: block;}
.pop_vc_span{color:#d9534f; display: block; font-size: 18px; font-weight: 600;}

.layui-fixbar{right: 15px !important; bottom: 64px!important;}
.layui-fixbar li{border-radius: 100%!important; background-color: rgba(0,0,0,0.4) !important;}

.user_report{background-color: #fff; margin: 0 15px; border-radius:10px; padding: 15px 0; text-align: center; box-shadow: 0 1px 4px rgba(0, 0, 0, 0.1);display: flex; flex-wrap: nowrap; overflow-x: auto;}
.user_report .list{flex-shrink: 0; padding:0 15px; border-right: solid 1px #f5f5f5;}
.user_report .list:last-child{border-right:none;}
.user_report .fee{color: #999; font-size: 12px; font-family: Arial;}
.user_report .fee span{font-size: 22px; line-height: 36px; height: 36px;color: #d9534f; font-family: Arial;}
.user_report .title{color: #666; font-size: 14px;}

.user_team{background-color: #fff; margin: 0 15px; border-radius:10px; padding: 15px 10px; text-align: center; box-shadow: 0 1px 4px rgba(0, 0, 0, 0.1);}
.user_team .fee{color: #999; font-size: 12px; font-family: Arial; line-height: 36px; height: 36px;}
.user_team .fee span{color: #d9534f; font-size: 22px;}
.user_team .title{color: #666; font-size: 14px;}

.user_order{margin: 15px; background-color: #fff; border-radius: 10px; position: relative; box-shadow: 0 1px 4px rgba(0, 0, 0, 0.1);}
.user_order .title{height: 36px; line-height: 36px; color: #555; font-weight: 500; font-size: 14px; padding: 0 15px; border-bottom: solid 1px #f2f2f2;}
.user_order .title a{float: right; font-size: 12px; color: #666}
.user_order .menu{margin: 15px; position: relative;}
.user_order .menu a{display: flex; flex-direction: column; text-align: center; font-size: 14px; color: #555}
.user_order .menu a span{font-size: 30px; margin-bottom: 8px; color: #777}
.user_order .menu .number_badge{background-color: #d9534f; color: #fff; font-size: 12px; width: 18px; height: 18px; line-height: 18px; overflow: hidden; text-align: center; font-family: Arial; position: absolute; top: 0; right: 20%; z-index: 9; border-radius: 100%;}
.user_module{margin: 15px; background-color: #fff; border-radius: 10px; position: relative; padding: 25px 15px;}
.user_module a{display: flex; flex-direction: column; text-align: center; font-size: 14px; color: #555}
.user_module a span{font-size: 30px; margin-bottom: 8px;}
.logout{margin: 20px 15px 74px 15px;}

.mall_fund{margin: 15px; background-color: #d9534f; border-radius: 10px; position: relative; padding: 20px;}
.mall_fund .tips{position: absolute; font-size: 24px; color: #fff; top: 20px; right: 20px; z-index: 8;}
.mall_fund .title{color: #fff; font-size: 18px; font-weight: 600; }
.mall_fund .title span{color: rgba(255,255,255,0.8); font-size: 12px; font-weight: normal; margin-left: 10px;}
.mall_fund .money{color: #fff; font-size: 14px; font-weight: normal; margin-bottom: 23px;}
.mall_fund .money span{color: #ffda38; font-weight: 600; font-size: 24px; margin-top: 5px;}

.partner_report{border-top: solid 1px rgba(255,255,255,0.2); padding-top: 10px;}
.partner_report .partner_name{display: block; text-align: center; color: #fff; font-size: 14px; margin-bottom: 5px;}
.partner_report .partner_num{display: block; text-align: center; color: #ffda38; font-size: 18px;}
.partner_report .partner_num span{color: #fff; font-size: 12px; margin-left: 5px;}

.user_address .mescroll{position:fixed; top:44px; bottom:0; height:auto !important; background-color: #fff; overflow: auto!important;}
.selected_address{display: flex; align-items: center; background-color: #fff; padding: 15px;}
.selected_address .address_null{text-align: center; margin: 0 auto;}
.selected_address .icon{flex-shrink: 0; color: #ccc; font-size: 24px; margin-right: 15px;}
.selected_address .icon.highlight{color: #d9534f;}
.selected_address .is_default{flex-shrink: 0; margin-left: 15px;}
.selected_address .more{flex-shrink: 0; color: #999; font-size: 18px; margin-left: 15px;}
.selected_address .info{width: 100%; display: flex; flex-direction: column;}
.selected_address .info .name{color: #333; font-size: 16px; margin-bottom: 5px;}
.selected_address .info .name span{color: #666; font-size: 14px;}
.selected_address .info .address{color: #666; font-size: 14px;}
.selected_address .layui-form-onswitch{border-color: #d9534f!important; background-color: #d9534f!important;}
.selected_address .layui-checkbox-disabled>div{color: #fff!important;}

.address_edit .list{border-bottom: 1px solid #F3F4F5; display: flex; align-items: center; padding:8px 15px; margin-bottom: 0;}
.address_edit .list .form-label{flex-shrink: 0; margin-right: 5px;}
.address_edit .list .form-input{width: 100%; }
.address_edit .list .form-input input{border: none;}
.address_edit .list .form-input input::placeholder {color: #ccc;}
.address_edit .list .layui-form-switch{margin: 5px 0 5px 10px;}
.address_edit .delete_address{display: none; line-height: 50px; text-align: center;}
.address_edit .delete_address>div{font-size: 14px; color: #888}

.address_edit .hui-form-items{padding: 15px;}
.address_edit .hui-form-items input::placeholder {color: #ccc;}
.address_edit .hui-form-items .hui-form-items-title{color: #666;}
.address_edit .hui-form-items .icon{line-height: 22px; color: #999}
.address_edit .layui-form-onswitch{border-color: #d9534f!important; background-color: #d9534f!important;}

.authentication{}
.authentication .passed{color: #666; text-align: center; display: flex; align-items: center; flex-direction: column;}
.authentication .passed .iconfont{margin: 20% auto 25px auto; width: 80px; height: 80px; line-height: 85px; padding: 15px; overflow: hidden; background-color: #fff; font-size: 56px; color: #51c43f; border-radius: 100%;}
.authentication .passed .hui-button{margin-top: 25px;}
.authentication .wait{color: #666; text-align: center; display: flex; align-items: center; flex-direction: column;}
.authentication .wait .iconfont{margin: 20% auto 25px auto; width: 80px; height: 80px; line-height: 85px; padding: 15px; overflow: hidden; background-color: #fff; font-size: 56px; color: #f8bc00; border-radius: 100%;}
.authentication .wait .hui-button{margin-top: 25px;}
.authentication .fail{background: rgba(0,0,0,0.8); color: #fff; font-size: 14px; padding: 15px; margin-bottom: 15px;}
.authentication_form .list{border-bottom: 1px solid #F3F4F5; display: flex; align-items: center; padding:8px 15px; margin-bottom: 0;}
.authentication_form .list .form-label{flex-shrink: 0; margin-right: 5px;}
.authentication_form .list .form-input{width: 100%; }
.authentication_form .list .form-input input{border: none;}
.authentication_form .list .form-input input::placeholder {color: #ccc;}
.authentication_form .list .form-upload{width: 100%; display: flex; flex-direction: column;}
.authentication_form .list .form-upload .upload_obj{border: dashed 1px #e2e2e2; padding: 10px; border-radius: 6px; aspect-ratio: 1.8; margin: 10px 0 10px 10px; display: flex; align-items: center;justify-content: center; position: relative;}
.authentication_form .list .form-upload .upload_obj .is_null{display: flex; align-items: center; flex-direction: column; font-size: 48px; color: #eee;}
.authentication_form .list .form-upload .upload_obj .is_null span{color: #666; font-size: 14px; margin-top: 5px;}
.authentication_form .list .form-upload .upload_obj .pic_view{display:block; background: #fff center center no-repeat; background-size: contain; width: 100%; height: 100%;}
.authentication_form .list .contract_text{font-weight: 500; width: 100%;}
.authentication_form .list .contract_text span{text-decoration: underline; font-weight: bold;}
.authentication_form .list .contract_sign{flex-shrink: 0;}

.team_title{padding: 15px; background: #fff; margin: 15px 15px 0 15px; color: #d9534f; font-weight: 500;}
.team_rows{background: #fff; padding:0 15px; margin: 0 15px;}
.team_rows .list{display: flex; flex-direction: column; padding-top: 10px; margin-bottom: 10px; border-top: solid 1px #f2f2f2; }
.team_rows .list .info{display: flex;align-items: center; justify-content: space-between;}
.team_rows .list .info .name{flex-shrink: 0; font-size: 14px; color: #555; font-weight: 400;}
.team_rows .list .info .level{width: 100%; text-align: right;}
.team_rows .list .info .level .grade{background-color: #d9534f; color: #fff; display: inline-block; padding: 0 8px; height: 18px; line-height: 18px; border-radius: 9px; font-size: 12px;}
.team_rows .list .info .level .partner{background-color: #ff8800; color: #fff; display: inline-block; padding: 0 8px; height: 18px; line-height: 18px; border-radius: 9px; font-size: 12px; margin-right: 5px;}
.team_rows .list .report{display: flex; align-items: center; justify-content: space-between; margin-top: 5px;}
.team_rows .list .report .num{flex-shrink: 0; font-size: 14px; font-weight: 400;}
.team_rows .list .report .fee{width: 100%; text-align: right; font-size: 14px; font-weight: 400;}
.team_rows .list .report span{color: #999; font-size: 12px; font-weight: normal;}

.team_rows .is_null{text-align: center; font-size: 14px; color: #ccc; padding: 10% 0; display: flex; border-top: solid 1px #f2f2f2; flex-direction: column;}
.team_rows .is_null .iconfont{font-size: 64px; color: #ccc; margin-bottom: 15px;}

.share{display: flex; margin:30% 25px 25px 25px; border-radius:20px;background-color: rgba(255,255,255,0.7);box-shadow: 0 2px 5px 0 rgba(0,0,0,0.1); flex-direction: column; align-items: center;}
.share .avatar{position: absolute;width: 100px; height: 100px; border-radius: 100%; border: solid 10px #fff; left: 50%; margin-left: -55px; margin-top: -55px; background-size: 100% 100%!important;box-shadow: 0 1px 4px 0 rgba(0,0,0,0.1);}
.share .name{text-align: center; color: #777; font-size: 14px; margin-top: 80px; line-height: 24px;}
.share .name span{color: #555; font-size: 20px; line-height: 36px;}
.share .name strong{color: #d9534f; font-size: 16px; line-height: 40px;}
.share .flink{text-align: center;}
.share .flink button{display: inline; padding: 0 40px; border-radius: 21px;}
.share .qrcode{text-align: center; margin-top: 20px;}
.share .qrcode img{max-width: 70%;}
.share .bottom{text-align: center; color: #777; font-size: 14px; padding-bottom: 30px; margin-top: 10px;}

.user_edit .list{border-bottom: 1px solid #F3F4F5; display: flex; align-items: center; padding:15px; margin-bottom: 0; background-color: #fff; min-height: 30px;}
.user_edit .list .label{flex-shrink: 0; width: 4em; color: #666;}
.user_edit .list .value{width: 100%; text-align: right; margin: 0 15px; color: #555; display: flex;align-items: center; justify-content: flex-end;}
.user_edit .list .value.null{color: #ccc;}
.user_edit .list .value .avatar{width: 80px; height: 80px; border-radius: 100%; float: right; background-size: cover;}
.user_edit .list .value .charge_password{background-color: #1f5c4b; color: #fff; border-radius: 4px; padding: 3px 8px; font-size: 14px; display: inline-block;}
.user_edit .list .value .auth{color: #fff; border-radius: 4px; padding: 3px 8px; font-size: 14px; display: inline-block;}
.user_edit .list .value .auth.status0{background-color: #ccc;}
.user_edit .list .value .auth.status1{background-color: #f8bc00;}
.user_edit .list .value .auth.status2{background-color: #42ac42;}
.user_edit .list .value .auth.status3{background-color: #666;}
.user_edit .list .iconfont{flex-shrink: 0; color: #ccc;}

.user_edit_form{display: flex;flex-direction: column; padding: 25px;}
.user_edit_form .label{font-size: 12px; color: #999;}
.user_edit_form .form_input{margin: 15px 0;}
.user_edit_form .form_input .layui-input-affix{line-height: 50px;}
.user_edit_form .form_input input {height: 50px;}
.user_edit_form .form_input input:focus{border-color: #d9d9d9 !important; box-shadow: none!important;}
.user_edit_form .submit_btn{}