.weixin_login_hr{margin-top: 15px;padding: 15px;display: flex;justify-content: center;align-items: center; border-top: 1px solid #eee;}

.register{overflow: hidden;margin: 15px auto;width: 770px;}
.register .ad{float: left;width: 400px;}
.register .form{float: left;background-color: #fff;padding: 20px 30px;width: 370px;box-sizing: border-box;}

.login{overflow: hidden;margin: 15px auto;width: 770px;}
.login .ad{float: left;width: 400px;}
.login .form{float: left;background-color: #fff;padding: 20px 30px;width: 370px;box-sizing: border-box;}


.forget{overflow: hidden;margin: 15px auto;margin-top: 15px; padding: 20px 30px;width: 370px;}
.forget .form{float: left;background-color: #fff;padding: 20px 30px;width: 370px;box-sizing: border-box;}


.sms{ display:flex; }
.sms input{ flex: 1; }
.sms button{ margin-left: 5px; }

/*发送短信*/
.send_mobile{width: 100px!important;}

/*微信登录*/
.weixin_login{background-color: #2EC100!important;}
.wechat_login_box .bd img{width: 100%;}
.wechat_login_box .ft { height: 30px; line-height: 30px; text-align: center;}

/*会员*/
.user-info{background-color: #fff;border-radius: 5px;overflow: hidden;margin-top: 15px;}
.user-panel{padding-top: 30px;margin-bottom: 10px;}
.user-avatar{
    width: 80px;
    height: 80px;
    border: 1px solid #ccc;
    border-radius: 50%;
    margin: auto;
    text-align: center;
    overflow: hidden;
}
.user-avatar img{
	width: 100%;
	height: 100%;
	object-fit: cover;
}
.user-name,.user-grade{text-align: center;height: 30px;line-height: 30px;}
.user-action{border-top: 1px solid #eee; display: flex;}
.user-action li{
    background-color: #fff;
    text-align: center;
    height: 40px;
    line-height: 40px;
    flex:1;
}
.user-action li+li {
    border-left: 1px solid #eee;
}

.user-sidebar{background-color: #fff;margin-top: 15px;margin-bottom: 15px; border-radius: 5px;overflow: hidden;}
.user-sidebar ul{margin: 10px;}
.user-sidebar li{margin-bottom: 1px;line-height: 45px;height: 45px;text-indent: 20px;border-left: 2px solid #fff;}
.user-sidebar li:hover,.user-sidebar li.active{background-color: #eee;border-left: 2px solid #009688;}
.user-sidebar li a{display: block;}


/*首页*/
.user-main{background-color: #fff;border-radius: 5px;overflow: hidden;min-height: 500px;overflow: hidden;margin-top: 15px;margin-bottom: 15px;}


.user-money{background-color: #e7505a;color: #fff;width: 230px;height: 100px;border-radius: 5px;overflow: hidden;}
.user-money a{color: #fff;margin: 0 15px;}
.user-money .visual{width: 80px;
height: 80px;
display: block;
float: left;
padding-top: 0px;
padding-left: 15px;
margin-bottom: 40px;
font-size: 35px;
line-height: 35px;}
.user-money .visual .fa{margin-left: -15px;
font-size: 96px;
line-height: 96px;
opacity: .1;}
.user-money .number{font-size: 20px;margin-top: 20px;margin-bottom: 20px;}

/*图标加内容*/
.user-pattern{margin: 40px 0;display: flex;}
.user-pattern .icon{font-size: 48px;line-height: 48px;width: 80px;text-align: center;color: #999;}
.user-pattern .icon .done{color: #4395ff;}
.user-pattern .main{color: #666;flex: 1;}
.user-pattern .main .hd{font-size: 20px;color: #333;}
.user-pattern .main .bd{font-size: 14px;}
.user-pattern .main .bd a{color: #337ab7;}
.user-pattern .main .bd span{color: red;}
.user-pattern .more{width: 80px;}

/*上传头像*/
.avatar-add{position:relative; width:373px; height:373px; }
.avatar-add .upload-img{position:absolute; left:50%; top:35px; margin:0 0 0 -56px;}
.avatar-add img{position:absolute; left:50%; top:50%; width:168px; height:168px; margin:-50px 0 0 -84px; border-radius:100%;}
.avatar-add .loading{display:none; position:absolute; width:100%; height:100%; left:0; top:0; padding: 0; background-color:#000; opacity:0.5; filter: Alpha(opacity=50);}
.avatar-add p{position:absolute; top:70px; width:100%; margin-top: 10px;; font-size:12px; text-align:center; color:#999;}
.avatar-add .button_submit{position: absolute;bottom: 0;display: flex; justify-content: center; width: 100%;}


/*订单列表*/
.user-main .user-module{margin: 20px;}
.user-main .user-module h2{border-bottom: 1px solid #eee;height: 52px;line-height: 52px;color: #555;}
.user-main .user-module .user-module-hd ul{border-bottom: solid #ccc 1px;overflow: hidden;height: 50px;}
.user-main .user-module .user-module-hd li{float: left;padding: 0 10px;height: 50px;line-height: 50px;}
.user-main .user-module .user-module-hd li.active{ color: red; }
.user-main .user-module .user-module-bd{margin-top: 10px;}

.order_item{border-bottom: 1px dotted #ccc;}
.order_item .order_hd{height: 45px;line-height: 45px;padding: 0 20px;border-bottom: 1px solid #eee;}
.order_item .goods_main .pic{float: left;margin-right: 10px;}
.order_item .goods_main .info h4{font-weight: normal;font-size: 16px;color: #00923F;}
.order_item .goods_main .info h4 a{color: #00923F;}
.order_item .goods_main .info dl{font-size: 12px;overflow: hidden;}
.order_item .goods_main .info dt{float: left;}
.order_item .goods_main .info dd{margin-left: 60px;color: #999;}

.order_item .goods_bd {margin: 5px;}
.order_item .order_ft{margin:10px;display: flex; padding: 0 10px;}
.order_item .order_ft .amount{flex: 1;line-height: 30px;}

.consult{border: 1px solid #eee;margin-bottom: 15px;}
.consult .consult_hd{height: 50px;line-height: 50px;padding: 0 15px;border-bottom: 1px solid #eee;}
.consult .consult_hd .red{color:#ff5151;}
.consult .consult_hd .green{color:#aadd7e;}
.consult .consult_bd,.consult .consult_ft{margin:15px;min-height: 20px;}

.retail_withdraw{text-align: right;margin:0 20px;}
.retail_money ul{display: flex;}
.retail_money li{
flex: 1;
border-radius: 5px;
margin: 10px;
}
.retail_money li div{
height: 120px;
padding: 10px;
box-sizing: border-box;
}
.retail_money li:nth-child(1){
background-color: #4CB050;
}
.retail_money li:nth-child(2){
background-color: #FEC107;
}
.retail_money li:nth-child(3){
background-color: #FE5722;
}
.retail_money li div{color: #fff;}
.retail_money li span{display: block;}
.retail_money li .unit{text-align: right;}
.retail_money li .name{text-align: center;height: 30px;line-height: 30px;}
.retail_money li .number{text-align: center;font-size: 25px;}


.subordinate ul{display: flex;}
.subordinate li{
flex: 1;
text-align: center;
border: 1px solid #ccc;
height: 120px;
margin: 10px;
border-radius: 10px;
padding: 10px;
box-sizing: border-box;
}
.subordinate li .box{}
.subordinate li .retail_num{color: green; cursor: pointer;}
.subordinate li .retail_amount{color: red; cursor: pointer;}
.subordinate li .hd{text-align: right;}
.subordinate li .bd{font-size: 16px;height: 50px;line-height: 50px;}
.subordinate li .ft{margin-top: 5px;font-size: 14px;display: flex;}
.subordinate li .ft a{flex: 1;}

.retail_info{
background-color: #e7e7e7;
border-radius: 5px;
margin: 10px;
box-sizing: border-box;
padding: 15px;   
}
.retail_info ul{display: flex;}
.retail_info li{}

.retail_code{flex: 1;}
.retail_withdraw .title{font-size: 16px;margin-bottom: 10px;}
.retail_withdraw .form button{
height: 38px;
line-height: 38px;
border:none;
padding: 0 18px;
background-color: #FF5722;
color: #fff;
white-space: nowrap;
text-align: center;
font-size: 14px;
border-radius: 2px;
cursor: pointer;
}
.retail_withdraw .form span{margin-left: 15px;}
.retail_withdraw .explain{padding: 5px;color: red;margin-top: 5px;}

.retail_code p{height: 35px;line-height: 35px;}