/*登录注册*/
.register-title {
  font-size: 24px;
  color: #EC808D;
}
.span1 {
  font-family:'Arial Normal',' Arial', sans-serif;
  font-weight:400;
}
.span2 {
  font-family:'Arial Negreta', 'Arial Normal', 'Arial', sans-serif;
  font-weight:700;
}
.register-box-left {
  width: 100%;
  display:none;
}
.register-box-right {
  text-align:left;
}
.register-box-right a{
  text-decoration: underline;
}


/* 个人中心页面样式 */

.customer-info-page .page-title {
  padding: 6px 0;
}

.customer-info-page .account-info {
  margin-bottom: 40px;
}

.customer-info-page .account-info:after {
  content: "";
  clear  : both;
  display: block;
}

.account-info .account-name {
  float: left;
}

.account-info .account-level {
  float: right;
}

.account-info .account-level .level {
  padding-left: 30px;
  display     : inline-block;
  height      : 30px;
  line-height : 30px;
}

.account-level .discount.ml5 {
  color: #ff4700;
}

.account-level .discount.mr5 {
  color: #aaa;
}

.level-1 {
  background: url('../../images/level-1.png') no-repeat;
}

.level-2 {
  background: url('../../images/level-2.png') no-repeat;
}

.level-3 {
  background: url('../../images/level-3.png') no-repeat;
}

.level-4 {
  background: url('../../images/level-4.png') no-repeat;
}

.level-5 {
  background: url('../../images/level-5.png') no-repeat;
}



.account-level .exp-progress-box {
  border-radius: 4px;
  background   : #ddd;
  display      : inline-block;
  position     : relative;
  width        : 150px;
  margin       : 0 10px;
}

.exp-progress-box .exp {
  background   : #73b810;
  display      : inline-block;
  height       : 16px;
  position     : absolute;
  border-radius: 4px;
  z-index      : 1;
}

.exp-progress-box .exp-text {
  text-align: center;
  position  : relative;
  z-index   : 3;
  color     : #333;
}


.customer-content .divider {
  border-top: 1px solid #dcdcdc;
  margin    : 20px 0;
}

.customer-content .content-detail p {
  font-size  : 14px;
  line-height: 28px;
  color      : #333;
  font-weight: bold;
}

.customer-content .content-detail p>strong {
  min-width: 140px;
  display  : inline-block;
}

.customer-content .content-advice p {
  font-size  : 14px;
  line-height: 28px;
  color      : #333;
}



.account-page {
  margin: 0 -2.5%;
}

.account-page.my-product-page{
  margin:0;
}


.account-panel {
  background-image: url(../../images/account_bg.jpg);
  padding-bottom  : 20px;
  background-size: cover;
}

.account-panel p {
  padding-top: 5px;
}

.account-panel img {
  width        : 100px;
  height       : 100px;
  border-radius: 50px;
  margin       : 10px 0;
}


.order-panel {
  display        : flex;
  display        : -webkit-flex;
  justify-content: space-between;
  align-items    : center;
}

.order-panel>div {
  width        : 50%;
  padding      : 10px;
  border-bottom: 1px solid #dcdcdc;
}

.order-panel>div:first-child {
  border-right: 1px solid #dcdcdc;
}


.router-panel {
  text-align: left;
}


.router-panel ul li {
  padding      : 5px;
  border-bottom: 1px solid #dcdcdc;
}

.router-panel ul li a {
  line-height: 40px;
  padding    : 0 10px;
  display    : inline-block;
  width      : 100%;
}

.router-panel ul li a span {
  background-image: url(../../images/icon.png);
  background-size : 400px;
  width           : 24px;
  height          : 26px;
  display         : inline-block;
  position        : relative;
  top             : 2px;
  margin-right    : 5px;
  vertical-align  : middle;
}
.router-panel ul li a .newsletter_icon{
  width: 21px;
  height: 22px;
  display: inline-block;
  position: relative;
  top: 6px;
  margin-right: 9px;
  vertical-align: top;
  transform: scale(0.8);
}
.router-panel .orders_icon {
  background-position: -20px -500px;
}

.router-panel .wishlist_icon {
  background-position: -76px -500px;
}

.router-panel .coupon_icon {
  background-position: -168px -500px;
}

.router-panel .credit_icon {
  background-position: -212px -500px;
}

.router-panel .packing_icon {
  background-position: -325px -500px;
}

.router-panel .setting_icon {
  background-position: -255px -500px;
}

.router-panel .message_icon {
  background-position: -255px -526px;
}

.router-panel .familycard_icon {
  background-image: url(../../images/sharevip_icon.png);
  background-size : 24px;
  width           : 24px;
  height          : 26px;
  transform: scale(0.8);
  display         : inline-block;
  position        : relative;
  top             : -1px;
  margin-right    : 5px;
  vertical-align  : middle;
}

.router-panel .reservelist_icon {
  background-image: url(../../images/reserve_list.png);
  background-size : cover;
  transform: scale(0.8);
  display         : inline-block;
  position        : relative;
  top             : -1px;
  margin-right    : 5px;
  vertical-align  : middle;
}

.router-panel .reorder_icon {
  width: 26px;
  background-image: url(../../images/icon_reorder.png);
  background-size : cover;
  transform: scale(0.8);
  display         : inline-block;
  position        : relative;
  top             : -1px;
  margin-right    : 5px;
  vertical-align  : middle;
}


.router-panel .source_icon {
  width: 24px;
  height: 24px;
  display: inline-block;
  position: relative;
  top: 10px;
  margin-right: 9px;
  vertical-align: top;
}


.router-panel .newsletterImg{
  width: 20px;
  height: 22px;
  margin-right: 12px;
  margin-top: 5px;
}
.router-panel .product_icon {
  background-image: url(../../images/icon_p.png);
  background-size : 24px;
  width           : 24px;
  height          : 26px;
  display         : inline-block;
  position        : relative;
  top             : -1px;
  margin-right    : 5px;
  vertical-align  : middle;
}

.router-panel .club_icon {
  background-image: url(../../images/icon_c.png);
  background-size : 24px;
  width           : 24px;
  height          : 26px;
  display         : inline-block;
  position        : relative;
  top             : -1px;
  margin-right    : 5px;
  vertical-align  : middle;
}


.exclusive_offer_wrap{
  font-size: 0;
  border-bottom: 1px solid #dcdcdc;
}

.exclusive_offer_wrap > a > img{
  width:100%;
}

/*订单*/

.order-status-list ul li,
.message-page ul li {
  text-align   : left;
  border-bottom: 1px dashed #aaa;
  position     : relative;
}

.order-status-list ul li:last-child,
.message-page ul li:last-child{
  border-bottom: 1px solid #aaa;
}



.order-status-list ul li a,
.message-page ul li a
{
  line-height: 40px;
    padding: 0 10px;
    display: inline-block;
    width: 100%;
}

.order-status-list ul li i,
.message-page ul li i {
  background     : url(../../images/icon.png) no-repeat -314px -235px;
  background-size: 400px;
  width          : 15px;
  height         : 15px;
  display        : inline-block;
  position       : absolute;
  right          : 10px;
  top            : 12px;
}


.order-list-page .search-icon {
  margin-top: 20px;
  text-align: right;
  padding   : 0 20px;
}

.order-list-page .search-icon a {
  background     : url(../../images/currency.png) 0 -412px;
  display        : inline-block;
  width          : 40px;
  height         : 40px;
  background-size: 45px;
}

.search-condition {
  display: none;
}


.search-condition.active {
  display: block;
}


.search-condition>div {
  display        : flex;
  display        : -webkit-flex;
  justify-content: space-between;
  align-items    : center;
  flex-wrap      : nowrap;
}

.order_search_con {
  text-align: left;
}

.order_search_con>div {
  margin: 10px;
}

.order_search_con>div>label {
  width  : 25%;
  display: inline-block;
}

.order_search_con>div>input,
.order_search_con>div>select {
  width : 70%;
  height: 36px;
}

.order_search_con>div>input.startTime,
.order_search_con>div>input.endTime {
  width: 32%;
  vertical-align: baseline;
}

.order_search_con .order_search_button {
  border    : 0;
  background: #73b810;
  color     : #fff;
}

.order-list .order-item {
  position     : relative;
  margin-bottom: 0;
}

.order-list .order-item ul li {
  text-align: left;
}

.order-list .order-item ul li.router-to-detail .order-details-button {
  background     : url(../../images/icon.png) no-repeat -301px -223px;
  background-size: 400px;
  width          : 40px;
  height         : 40px;
  display        : inline-block;
  vertical-align : middle;
  position       : absolute;
  top            : 20px;
  right          : 5px;
}

.order-list .order-item ul li span:first-child {
  display: inline-block;
  width  : 35%;
  margin-bottom:10px;
}


/*修改密码*/
.customer-info-page .inputs .gender label {
  padding-left: 0;
}

.customer-info-page .form-fields {
  border-top: 0;
  padding   : 0 15px;
}

.customer-info-page .fieldset {
  margin: 0;
}

.customer-info-page .fieldset .title {
  display: none;
}

.customer-info-page .inputs #CountryId {
  width: 100%;
}

/* .customer-info-page .inputs #Newsletter {
  width   : 18px;
  position: absolute;
  top     : 0;
} */



.change-password-page .inputs label,
.customer-info-page .inputs label,
.edit-address .inputs label
 {
  text-align  : left;
  padding-left: 15px;
}

.change-password-page .inputs input,
.customer-info-page .inputs input,
.customer-info-page .inputs textarea,
.edit-address .inputs input,
.edit-address .inputs select,
.forum-search-page .inputs input,
.forum-search-page .inputs select{
  width: 100%;
}

.customer-info-page .inputs input[type="radio"],.forum-search-page .inputs input[type="checkbox"]{
  width: 18px;
}

.customer-info-page .inputs .gender {
  width     : 100%;
  text-align: left;
}




.change-password-page .inputs .required,
.customer-info-page .inputs .required,
.edit-address .inputs .required {
  position: absolute;
  left    : 0;
  top     : 3px;
}


/*消息设置*/
.private-messages .private-messages-setting-box {
  text-align: left;
  padding   : 10px;
}

.private-messages-box {
  padding: 10px;
}

.operateAllItems {
  width          : 100%;
  margin-bottom  : 15px;
  display        : flex;
  justify-content: space-between;
  align-items    : center;
  flex-wrap      : wrap;
}

/*地址*/

.address-list-page .address-item {
  text-align     : left;
  display        : flex;
  justify-content: space-between;
  align-items    : center;
  flex-wrap      : wrap;

}


.address-list-page .address-item .title {
  display   : none;
  border-top: 0;
}


.account-panel ins.fleft {
    width: 61px;
    height: 16px;
    background: url(../../images/account_icon.png) -8px 0 no-repeat;
    display: block;
}

.account-panel .club-panel{
  width:100%;
  padding:5px 20px;
  text-align:left;
}

.club-panel .club-renewal{
  color:#1e90ff;
}

/*注册成功页面*/

.regist_mobile{
  width:100%!important;
}

.regist_mobile > div >div:first-child{
  width:100%!important;
  text-align: center;
}

.regist_mobile > div >div:first-child>img{
  float:none!important;
}

.regist_mobile > div >div:last-child{
  float:none!important;
  width:100%!important;
  margin:0!important;
}

.regist_mobile > div >div:last-child > p >span{
  font-size:24px!important;
}

.regist_mobile .profile-form input,.regist_mobile .profile-form select{
  margin-bottom:10px!important;
}

.regist_mobile .profile-form select{
  width:100%;
  height:40px;
}

.regist_mobile .order_search_button{
  display: block;
  margin:0 auto;
}

.regist_mobile > div >div:last-child .profile-form a{
  display: block;
  text-align: center;
}


.club_mobile .center{
  text-align: center;
}

.club_mobile p {
  margin: 0;
  padding: 5px 15px;
  line-height: 24px;
}

.club_mobile p strong {
  color: #f46101;
}

.club_mobile .club_titile {
  margin: 10px 0;
}


.account-page.family-card-page{
  text-align: left;
}


.family-card-page .page-title h1{
  font-size:1.5em;
}

.family-card-page .content-panel{
  color:#111;
  background: #fff;
  padding: 20px;
  border: 1px solid #ccc;
}

.family-card-page .content-panel > div{
  margin-bottom:10px;
}

.family-card-page .content-panel > div >p{
  margin-top:10px;
}

.family-card-page .content-panel > div >p.gray{
  color:gray;
}

.family-card-modal .card-title{
  padding: 10px 0;
  text-align: left;
  border-bottom: 1px solid;
  font-size: 22px;
  font-weight: bold;
}

.family-card-modal .card-box{
  padding:20px;
  line-height: 32px;
}

.family-card-modal .card-box .db-button{
  margin-top: 15px;
  border-radius: 25px;
  color: #fff;
  display: inline-block;
  line-height: 16px;
}

.family-card-modal .card-box textarea{
  width:100%;
  min-height: 70px;
}

.new_coupon_count{
  margin-left: 3px;
  color: red;
  font-weight: bold;
  font-size: 1.3em;
  vertical-align: middle;
}

.coupon-expired-notice{
  color:red;
  text-align: center;
  font-weight:normal;
}