/*会员注册/登录*/
.loginpage{width: 100%;max-width: 690px;margin: 0 auto 50px;}
.loginpage h2.title{font-size: 24px;margin-bottom: 30px;}
.loginpage .content{padding: 30px 70px;background-color: #f5f5f5;}
.loginpage .content .loginnav{display: flex;-webkit-display: flex;margin-bottom: 30px;}
.loginpage .content .loginnav .con{cursor: pointer; font-size: 24px;text-align: center; flex: 1;margin: 0 1px;height: 60px;padding-bottom: 25px;border-bottom: 2px solid #d9d9d9;color: #9c9c9c;}
.loginpage .content .loginnav .con.on{border-color: #5b1fa8;color: #000000;}
.loginpage .content .loginnav .con:hover{color: #000000;}
.usercenterform .box{display: none;}
.usercenterform .box.on{display: block;}
.usercenterform hr{margin-bottom: 10px;}
.usercenterform .item{margin-bottom: 20px;position: relative;}
.usercenterform .item:last-child{margin-bottom: 10px;}
.usercenterform .item .on_error{color: #f00;padding-left: 133px;margin-top: 5px;display: none;}
.usercenterform .item .itembtn{height: 47px;width: 260px;margin: 0 auto;display: block;font-size: 18px;background-color: #000;color: #fff;}
.usercenterform .item .itembtn:hover{opacity: 0.9;filter: alpha(opacity=90);}
.usercenterform .itemcon{display: flex;justify-content: space-between;-webkit-display: flex;-webkit-justify-content: space-between;position: relative;height: 40px;line-height: 40px;}
.usercenterform .itemcon label{width: 123px;flex: 0 0 auto;margin-right: 10px;text-transform: capitalize;color: #333;}
.usercenterform .itemcon .inputcon{flex: 1;display: flex;border-bottom: 1px solid #ddd;}
.usercenterform .itemcon .inputcon.notnull:after{width: 20px;height: 30px;background: url(../images/icon_mi.png) center center no-repeat;content: "";position: absolute;right: -30px;top: 5px;}
.usercenterform .itemcon input[type='text'],.usercenterform .itemcon input[type='password'],.usercenterform .itemcon select{border: 0;padding: 0 15px;width: 100%;background-color: transparent;}
.usercenterform .item.passworditem .inputcon{position: relative;}
.usercenterform .itemcon .inputcon label{width: auto;margin-right: 15px;margin-left: 15px;}
.usercenterform .itemcon .inputcon label input{margin-right: 10px;}
.usercenterform .item.passworditem .inputcon input{padding-right: 50px;}
.usercenterform .item.passworditem .hidepasswd{display: none; position: absolute;right: 0;top: 5px;z-index: 2; width: 30px;height: 30px;background: url(../images/user/icon_hidenot.png) center no-repeat;background-size: 30px;}
.usercenterform .item.passworditem .hidepasswd.show{background-image: url(../images/user/icon_hide.png);}
.usercenterform .itemcon .codecon{margin-left: 5px;}
.usercenterform .itemcon .codecon img{width: 154px; height: 38px;}

.usercenterform .logincon .other{display: flex;justify-content: space-between;-webkit-display: flex;-webkit-justify-content: space-between;}
.usercenterform .logincon .remembercon {height: 30px;line-height: 30px;}
.usercenterform .logincon .remembercon label{cursor: pointer;}
.usercenterform .logincon .remembercon input{margin-right: 10px;}
.usercenterform .logincon .forgotcon a{display: block;height: 30px;line-height: 30px; padding-left: 24px;background: url(../images/user/icon_suo.png) left center no-repeat;}

/*忘记密码*/
.forgotpage{width: 100%;max-width: 690px;margin: 0 auto 50px;}
.forgotpage h2.title{font-size: 24px;margin-bottom: 30px;}
.forgotpage .content{padding: 30px 40px;background-color: #f5f5f5;}
.forgotpage .forgotcon{display: flex;-webkit-display: flex;}
.forgotcon .text{width: 50%;padding: 0 10px;padding-top: 70px;background: url(../images/user/icon_suo2.png) center top no-repeat;}
.forgotcon .text h3{font-size: 36px;margin-bottom: 10px;}
.forgotcon .text .desc{font-size: 12px;line-height: 20px;}
.forgotcon .formcon{width: 50%;padding: 0 10px;padding-top: 70px;}
.forgotcon .formcon form{}
.forgotcon .formcon input{width: 100%;height: 40px;padding: 0 10px;margin-bottom: 10px;}
.forgotcon .formcon .smtbtn{width: 100%;height: 40px;border: 0;background-color: #5b1fa8;color: #fff;font-size: 18px;}

/*会员中心*/
.ucenter_wrap ~ .position{display: none;}

.ucenter_wrap{display: flex;-webkit-display: flex; justify-content: space-between; -webkit-justify-content: space-between;margin-bottom: 30px;}
.ucenter_wrap .usermenu{width: 220px;margin-right: 20px;padding: 30px;border: 1px solid #e0e0e0;}
.ucenter_wrap .usermenu .title{font-size: 18px;line-height: 1.6;margin-bottom: 20px;}
.usermenu_nav{}
.usermenu_nav .item{height: 30px;line-height: 30px;position: relative;margin-bottom: 12px;}
.usermenu_nav .item:before{transition: ease-in-out 0.5s; width: 3px;height: 16px;background-color: #5b1fa8; position: absolute;left: -31px;top: 7px;content: "";z-index: 2;opacity: 0;filter: alpha(opacity=0);}
.usermenu_nav a{display: block;}
.usermenu_nav .item.on:before,.usermenu_nav .item:hover:before{opacity: 1;filter: alpha(opacity=100);}
.usermenu_nav .item:hover a,.usermenu_nav .item.on a{text-decoration: none;color: #5b1fa8;}

.ucenter_wrap .usermain{flex: 1;border: 1px solid #e0e0e0;}
.ucenter_wrap .usermain .typename{width: 100%;height: 55px;border-bottom: 1px solid #e0e0e0;padding-left: 40px;border-top: 4px solid #5b1fa8;line-height: 55px;font-size: 16px;text-transform: capitalize;}

.setpwd_form{width: 560px;margin: 35px auto;}
.user_edit_form{width: 560px;margin: 35px auto;}

/*会员中心首页*/
.ucenter_content{padding: 0 65px;}
.ucenter_content .ucenter_top{border-bottom: 1px solid #e0e0e0;display: flex;justify-content: space-between;-webkit-display: flex;-webkit-justify-content: space-between;padding: 40px 0;margin-bottom: 50px;}
.ucenter_top .leftcon{padding: 0 30px;width: 50%;flex: 0 0 auto;display: flex;-webkit-display: flex;align-items: center;-webkit-align-items: center;}
.ucenter_top .leftcon .img{width: 102px;height: 102px;border: 1px solid #e0e0e0;border-radius: 50%;padding: 5px;overflow: hidden;margin-right: 30px;}
.ucenter_top .leftcon .img img{width: 100%;height: 100%;border-radius: 50%;border: 0;}
.ucenter_top .leftcon .text .viplv{display: inline-flex;padding: 3px 10px;border-radius: 10px;padding-left: 30px;background: #ffe916 url(../images/user/icon_vip0.png) left 8px center no-repeat;margin-bottom: 10px;font-size: 12px;}
.ucenter_top .leftcon .text .edit{display: block;}
.ucenter_top .rightcon{padding: 0 30px;width: 50%;flex: 0 0 auto;-webkit-flex: 0 0 auto;height: 102px;display: flex;align-items: center;-webkit-display: flex;-webkit-align-items: center;}
.ucenter_top .rightcon .desc p{padding: 5px 0;line-height: 1.6;}
.ucenter_bottom{display: flex;-webkit-display: flex;justify-content: center;-webkit-justify-content: center; flex-wrap: wrap;-webkit-flex-wrap: wrap;}
.ucenter_bottom .item{width: 50%;padding: 0 45px;height: 80px;margin-bottom: 45px;}
.ucenter_bottom .item a{display: flex;flex-direction: column; align-items: flex-start; justify-content: center;-webkit-display: flex;-webkit-flex-direction: column; -webkit-align-items: flex-start; -webkit-justify-content: center; height: 100%; padding-left: 115px;background-position: left center;background-repeat:  no-repeat;background-image: url(../images/user/icon_itemyigou.png);}
.ucenter_bottom .item.itemaddr a{background-image: url(../images/user/icon_itemaddr.png);}
.ucenter_bottom .item.itemhistory a{background-image: url(../images/user/icon_itemhistory.png);}
.ucenter_bottom .item.itemmark a{background-image: url(../images/user/icon_itemmark.png);}
.ucenter_bottom .item a .title{font-size: 18px;margin-bottom: 5px;}
.ucenter_bottom .item a .desc{padding-right: 10px;background: url(../images/icon_arr_rightl.jpg) right -4px center no-repeat;background-size: 16px;}
.ucenter_bottom .item a:hover{text-decoration: none;color: #5b1fa8;}

.usermain_con{padding: 40px;}
.usermain_con .fenye{margin: 10px auto;}
@media(min-width: 1230px){
	.usermain_con .prolist{padding-left: -22px;margin-right: -22px;}
	.usermain_con .prolist .item{padding: 0 22px;margin-bottom: 35px;}
}
.usermain_con.danye{line-height: 2.2;}
.usermain_con.danye p{margin-bottom: 20px;}

/*用户地址管理*/
.usermain.useraddr_box{border: 0;}
.useraddr_box_top{display: flex;justify-content: space-between;height: 45px;line-height: 45px;padding: 0 15px;}
.useraddr_box_top .name{font-size: 16px;}
.useraddr_box_top .addnews{font-size: 14px;color: #589fe7;}
.useraddr_list{border: 1px solid #e0e0e0;text-align: center;}
.useraddr_head{display: flex; justify-content: space-between;-webkit-display: flex; -webkit-justify-content: space-between; text-transform: capitalize;height: 42px;line-height: 42px;background-color: #f6f6f6;}
.useraddr_list .useraddr_body{padding: 15px 0;}
.useraddr_list .con{display: flex; justify-content: space-between;-webkit-display: flex; -webkit-justify-content: space-between;align-items: center;-webkit-align-items: center; padding: 15px 0;border-bottom: 1px solid #eee;}
.useraddr_list .con:last-child{border-bottom: 0;}
.useraddr_list .item{padding: 0 3px;}
.useraddr_list .item_name{width: 14%;text-transform: capitalize;}
.useraddr_list .item_addr{width: 33%;}
.useraddr_list .item_contact{width: 17%;}
.useraddr_list .item_operation{width: 10%;text-transform: capitalize;}
.useraddr_list .item_operation .eidtlist{display: flex;justify-content: center;}
.useraddr_list .item_operation .eidtlist a{margin: 0 10px;color: #589fe7;}
.useraddr_list .item_default{width: 16%;flex: 0 0 auto;}
.useraddr_list .item_default label{cursor: pointer;}
.useraddr_list .item_default input{margin-right: 5px;}
.useraddr_list .item_default .isdefault{height: 30px;background: #f7f7f7;border: 1px solid #ddd; padding: 5px 10px;}
.useraddr_list .item_default .isdefault input{display: none;}

/*订单详情*/
.usermain.order_detail{border: 0;}
.order_detail_info{border: 1px solid #e0e0e0;}
.order_detail_info .info_head{background-color: #f6f6f6;padding: 8px 30px;line-height: 26px; border-bottom: 1px solid #e0e0e0;display: flex;-webkit-display: flex;justify-content: space-between;-webkit-justify-content: space-between;}
.order_detail_info .info_head .leftcon{flex: 1;-webkit-flex: 1; display: flex;-webkit-display: flex;}
.order_detail_info .info_head .orderid{margin-right: 10%;}
.order_detail_info .info_head .rightcon{flex: 0 0 auto;-webkit-flex: 0 0 auto;display: flex;-webkit-display: flex;font-size: 12px;align-items: center;-webkit-align-items: center;margin-left: 15px;}
.order_detail_info .info_head .edit_addr_btn{height: 26px;line-height: 24px;padding: 0 5px;background-color: #fff; border: 1px solid #ddd;margin-right: 10px;cursor: pointer;}
.order_detail_info .info_head .order_cancle{height: 26px;line-height: 26px;cursor: pointer;} 

.order_detail_info .info_con{padding: 35px;display: flex;-webkit-display: flex;justify-content: space-between;-webkit-justify-content: space-between;}
.order_detail_info .info_con .leftcon{flex: 1;-webkit-flex: 1;}
.order_detail_info .info_con .con{margin-bottom: 5px;line-height: 1.4;padding: 3px 0;display: flex;-webkit-display: flex;justify-content: space-between;-webkit-justify-content: space-between;}
.order_detail_info .info_con .con .name{width: 100px;flex: 0 0 auto;-webkit-flex: 0 0 auto;margin-right: 15px;text-transform: capitalize;}
.order_detail_info .info_con .leftcon .con .name{}
.order_detail_info .info_con .con .value{flex: 1;-webkit-flex: 1;}

.order_detail_info .info_con .rightcon{width: 290px;flex: 0 0 auto;-webkit-flex: 0 0 auto;margin-left: 30px;}
.order_detail_info .info_con .rightcon .con{}
.order_detail_info .info_con .rightcon .name{text-align: right;width: 140px;}
.order_detail_info .info_con .rightcon .value{text-align: right;}
.order_detail_info .info_con .rightcon .payprice{margin-top: 10px;padding-top: 10px;border-top: 1px dashed #e0e0e0;}
.order_detail_info .info_con .rightcon .payprice .value{font-size: 24px;color: #de0000;}

.order_detail_state{border: 1px solid #e0e0e0;}
.order_detail_state .info_head{background-color: #f6f6f6;padding: 8px 30px;line-height: 26px; border-bottom: 1px solid #e0e0e0;display: flex;-webkit-display: flex;justify-content: space-between;-webkit-justify-content: space-between;}
.order_detail_state .info_head .leftcon{flex: 1;-webkit-flex: 1; display: flex;-webkit-display: flex;}
.order_detail_state .info_head .leftcon .name{margin-right: 6%;font-size: 16px;}
.order_detail_state .info_head .rightcon{flex: 0 0 auto;-webkit-flex: 0 0 auto;display: flex;-webkit-display: flex;font-size: 12px;align-items: center;-webkit-align-items: center;margin-left: 15px;}
.order_detail_state .info_head .buy_again{height: 26px;line-height: 24px;padding: 0 5px;background-color: #fff; border: 1px solid #ddd;cursor: pointer;}
.order_detail_state .info_head .order_cancle{height: 26px;line-height: 26px;cursor: pointer;} 

.order_detail .order_prolist{padding: 30px;border: 0;}
.order_detail .order_prolist .odp_head{padding: 0;background-color: transparent;border: 0;border-bottom: 1px dashed #e0e0e0;margin-bottom: 20px;}
.order_detail .order_prolist .odp_list{border: 0;padding: 0;}
.order_detail .order_prolist .odp_list .item:last-child{border-bottom: 0;}
.order_detail .order_prolist .iteminfo a.img{border: 1px solid #e0e0e0;}

/*取消订单*/
.webpopup .popupcon.order_cancle_wrap{max-width: 500px;}
.order_cancle_form{width: 100%;max-width: 360px;margin: 20px auto;padding: 5px;}
.order_cancle_form .item{display: flex;-webkit-display: flex;align-items: center; margin-bottom: 15px;}
.order_cancle_form .item label{margin-right: 15px;height: 32px; line-height: 32px;}
.order_cancle_form .item select,.order_cancle_form .item input{flex: 1;height: 32px;border: 1px solid #ccc;}
.order_cancle_form .desc{font-size: 12px;line-height: 1.8;}
.order_cancle_form .desc p{margin-bottom: 0;}

/*订单列表*/
.usermain.order_list_wrap{border: 0;}
.order_list_item{margin-bottom: 24px;}
.orderlist_body{display: flex;}
.orderlist_body .iteminfo{width: 66%;padding: 30px;}
.orderlist_body .iteminfo .con{display: flex;-webkit-display: flex;align-items: center;-webkit-align-items: center; margin-bottom: 20px;padding-bottom: 20px;border-bottom: 1px dashed #e0e0e0;}
.orderlist_body .iteminfo .con:last-child{margin-bottom: 0px;padding-bottom: 0px;border-bottom: 0px dashed #e0e0e0;}
.orderlist_body .iteminfo a.img{width: 92px;height: 116px;overflow: hidden;margin-right: 15px;flex: 0 0 auto;border: 1px solid #e0e0e0;}
.orderlist_body .iteminfo .text{flex: 1; display: flex;flex-direction: column;justify-content: center;-webkit-display: flex;-webkit-flex-direction: column;-webkit-justify-content: center;padding: 0 10px;}
.orderlist_body .iteminfo .text .title{margin-bottom: 10px;}
.orderlist_body .iteminfo .text .skus{font-size: 12px;color: #555;}
.orderlist_body .iteminfo a.img img{width: 100%;height: 100%;}
.orderlist_body .iteminfo .state_opa{width: 30%;padding: 0 10px;display: flex;flex-direction: column;justify-content: center;align-items: center;-webkit-align-items: center;}
.orderlist_body .iteminfo .state_opa a,.orderlist_body .prices a,.orderlist_body .morecon a{color: #589fe7;}
.orderlist_body .iteminfo .state_opa>*{margin-bottom: 5px;}
.orderlist_body .prices,.orderlist_body .morecon{width: 17%;padding: 0 10px;display: flex;-webkit-display: flex;flex-direction: column;justify-content: center;-webkit-flex-direction: column;-webkit-justify-content: center;align-items: center;-webkit-align-items: center; border-left: 1px solid #e0e0e0;text-align: center;}
.orderlist_body .prices>*,.orderlist_body .morecon>*{margin-bottom: 5px;}
.orderlist_body .morecon{}

/*会员中心新*/
.user_nav_m{border-top: 6px solid #ededed;padding: 10px 20px;border-bottom: 1px solid #e0e0e0;display: none;}
.user_nav_m .item{border-bottom: 1px solid #e0e0e0;background: url(../images/user/icon_more2.png) right center no-repeat;padding-right: 30px;background-size: 23px;}
.user_nav_m .item:last-child{border-bottom: 0;}
.user_nav_m .item a{display: block;padding-left: 30px;background: url(../images/user/icon_usernav1.png) left center no-repeat;background-size: 25px;font-size: 14px;height: 38px;line-height: 38px;color: #555;}
.user_nav_m .item.item2 a{background-image: url(../images/user/icon_usernav2.png);}
.user_nav_m .item.item3 a{background-image: url(../images/user/icon_usernav3.png);}
.user_nav_m .item.item4 a{background-image: url(../images/user/icon_usernav4.png);}
.user_nav_m .item.item5 a{background-image: url(../images/user/icon_usernav5.png);}