﻿/*usercenter*/
#user-index .user-index,
#user-proinfo .user-proinfo,
#user-order .user-order,
#user-inquiry .user-inquiry,
#user-address .user-address,
#user-password .user-password{ background:#c9d1dc}

.user-left{  width:20%; margin:0;}
.user-left a{ display:block; width:100%; background:#fff;  margin-bottom: 10px !important; height:52px; line-height:52px; padding:0 35px;
    border-radius: 100px 0 0 100px;
    box-shadow: 0 0 15px -7px #ccc;}
.user-left a i{ margin-right:15px; font-size:20px; width:20px;}
.user-right{ width:79%; margin:0; background:#fff; padding:30px; border:1px solid #eee; border-radius:6px;}
.user-right .info-list h2{ color:#0b479e;  border-bottom:1px solid #eee; font-size:18px; font-weight:bold; padding:10px 0; margin-bottom:15px;}
.user-right .info-list h2 label{ float:right; font-size:14px; color:#777;  font-weight:normal;}
.user-right .info-list h2 i{ margin-right:10px;}
.user-right .form-group span{ color:red; margin-right:5px;}

.user-box{ width:100%;}
.user-box-item{ padding-bottom:25px;}
.user-avatar{ width:15%;}
.user-avatar img{ width:100%; border-radius:50%;}
.user-info{ width:80%;}
.user-info li{ width:50%; height:32px; line-height:32px;}
.user-info li a{ color:#0f2b7e;padding-left:5px;}

.user-menu{width:100%; padding:25px 0; border-bottom:1px solid #eee; border-top:1px solid #eee;}
.user-menu dl{ text-align:center; width:20%;}

.user-order-list{width:100%; padding:25px 0; overflow-x:auto;}
.user-order-list h3{ font-size:1.4rem; line-height:36px; margin-bottom:10px;}
.user-order-list table {
    border: 1px solid #eee;
    font-size: 14px;
    width: 100%;
    box-sizing: border-box;
    border-spacing: 0;
}

.user-order-list table td {
        border: 1px solid #eee;
          border-right:0;
           border-left:0;
           white-space: nowrap;
    overflow: hidden; /* 防止内容溢出 */
    text-overflow: ellipsis; /* 超出部分显示省略号 */ text-align:center;
        border-bottom: 0px;
        padding: 6px;
    }
.user-order-list table td img{ max-width:60px;}
.user-order-list table tr:first-child {
        background: #f7f7f7; height:46px; line-height:46px; 
    }


.user-information-list{}
.user-information-list .col-lg-4{ width:32.3%;}
.user-information-list label{ display:block; height:42px; line-height:42px;}
.user-information-list label span{ color:red;}
.user-information-list input{ width:100%; height:42px; line-height:40px; border:1px solid #eee; border-radius:3px; padding:0 10px;}
.user-information-list select{ width:100%; height:42px; line-height:40px; border:1px solid #eee; border-radius:3px; padding:0 10px;}

.user-information-list .col-lg-8{ width:66%;}
.user-information-list h2{ display:flex; justify-content:space-between; clear:both; width:100%; height:52px; line-height:52px; border-bottom:1px solid #eee; color:#0f2b7e;}
.user-information-list h2 label{ display:inline; font-weight:normal; color:#999; font-size:1rem;}
.user-information-list h2 input{ display:inline; width:12px; height:12px; border:1px solid #eee; border-radius:3px; }

.user-info-msg{ width:100%; clear:both; margin-top:15px;}

.u-tab-head{ width:100%; height:auto; line-height:48px; border-bottom:1px solid #eee; margin-bottom:10px;}
.u-tab-head a{ display:inline-block; height:49px; background:#f7f7f7; padding:0 25px;}
.u-tab-head a i{ margin-right:10px;}
.u-tab-head a.selected{ background:#0f2b7e; color:#fff;}

.user-address-table{ width:100%; overflow-x:auto;}
.user-address-table table {
    border: 1px solid #eee;
    font-size: 14px;
    width: 100%;
    box-sizing: border-box;
    border-spacing: 0;
}

.user-address-table table td {
        border: 1px solid #eee;
          border-right:0;
           border-left:0;
           white-space: nowrap; 
    overflow: hidden; /* 防止内容溢出 */
    text-overflow: ellipsis; /* 超出部分显示省略号 */
        border-bottom: 0px;
        height:46px;
        padding: 6px;
    }
.user-address-table table td img{ max-width:60px;}
.user-address-table table tr:first-child {
        background: #f7f7f7; height:46px; line-height:46px; 
    }
.user-address-table table th{ min-width:120px;}

.page-foot{ width:100%; margin:15px 0;}
.btn-box a{ margin-right:10px;}

.u-tab-content{ width:100%;}
.step-box ul{ width:100%; padding:25px 0;}
.step-box ul li{ width:19.9%; text-align:center; }
.step-box2 ul li{ width:24.9%; text-align:center; }
.step-box ul li .progress1{ background:#eeeeee; height:38px; line-height:38px;}
.step-box ul li .info{ height:30px; line-height:30px; color:#666; font-size:14px;}
.step-box ul li.first .progress1{ border-radius:20px 0 0 20px;}
.step-box ul li.last .progress1{ border-radius:0 20px 20px 0 ;}
.step-box ul li.done .progress1{background:#0f2b7e; color:#fff;}
.step-box ul li i{ margin-right:10px;}

.user-accept-list{ width:100%;}
.user-accept-list dl{ width:100%; line-height:36px; padding:5px 0; border-bottom:1px solid #eee;}
.user-accept-list dl dd a{ display:block; padding:0 25px; background:#0f2b7e; color:#fff; border-radius:30px;}

.accept-box-info{ padding:15px 0;}
.accept-box-info h2{ font-size:1.6rem; margin-bottom:10px; line-height:42px;}
.accept-box-info dl{ line-height:36px; padding:5px 0; border-bottom:1px solid #eee;}
.accept-box-info dl dt{ font-weight:bold;}


/*repassword*/
.repass-box{  padding:80px; border:1px solid #eee; background:#fff; border-radius:6px; }

.repass-box-left{ width:40%; height:auto; }
.repass-box-left img{ max-width:100%; height:100%;}
.repass-box-right{width:42%;}


.repass-box-right h2{ margin-bottom:15px; font-size:1.8rem;}
.repass-box-right .repass-box-item{ padding:3px 0;}
.repass-box-right .repass-box-item label{ display:block; line-height:42px;}
.repass-box-right .repass-box-item em{ display:block; margin-right:10px; line-height:42px;}
.repass-box-right .repass-box-item input.form-control{ width:100%; height:42px; line-height:42px; border:1px solid #eee; border-radius:3px; background:#fff; padding:0 15px;}
.repass-box-right .repass-box-item input.form-control-small{ width:70%; height:42px; line-height:42px; border:1px solid #eee; border-radius:3px; background:#fff; padding:0 15px;}




/*register*/
.register-box{  padding:80px; border:1px solid #eee; background:#fff; border-radius:6px; }
.register-box-left{ width:40%; height:auto; }
.register-box-left img{ max-width:100%; height:100%;}
.register-box-right{width:42%;}

.register-inner-box{ width:100%;}
.register-inner-box strong{ display:block; font-size:1.2rem; line-height:24px; color:#0f2b7e;}
.register-inner-box p{ line-height:28px;}
.register-inner-box p a{ color:#0f2b7e; text-decoration:underline;}

/*login*/
.login-box{padding:80px; border:1px solid #eee; background:#fff; border-radius:6px; }
.login-box-left{ width:40%; height:auto; }
.login-box-left img{ max-width:100%; height:100%;}
.login-box-right{width:42%;}
.login-box-right h2{ margin-bottom:15px; font-size:1.8rem;}
.login-box-right-tab li{ height:52px; line-height:52px; font-size:1rem; font-weight:bold; width:32.3%; text-align:center; background:#f7f7f7; cursor:pointer;}
.login-box-right-tab li.thistab{ background:#0f2b7e; color:#fff;}
.login-tips-txt{ width:100%; text-align:center; line-height:28px; margin:10px 0; color:#0f2b7e;}
.login-tab-pane{ display:none; padding:15px 0;}



@media (max-width: 1280px) {
 

/*usercenter*/


.user-left{  width:100%;}


.user-right{ width:100%;padding:20px; margin-top:10px;}
.user-box-item{ padding-bottom:15px;}
.user-avatar{display:none;}
.user-info{ width:100%;}
.user-info li{ width:100%; height:28px; line-height:28px;}

.user-menu{ padding:15px 0; }
.user-menu dl{ width:49%;}
.user-menu dl dd{ padding:5px 0;}

.user-order-list{ padding:15px 0;}
.user-order-list h3{ font-size:1.2rem; }


.user-information-list .col-lg-4{ width:100%;}

.user-information-list .col-lg-8{ width:100%;}

.u-tab-head{display:flex; justify-content:space-between; flex-wrap: wrap;}
.u-tab-head a{  padding:0; width:50%; text-align:center;}

.step-box ul{ width:100%; padding:25px 0;}
.step-box ul li{ width:100%; text-align:center; }
.step-box ul li.first .progress1{ border-radius:20px 20px 0 0;}
.step-box ul li.last .progress1{ border-radius:0 0 20px 20px ;}


/*repassword*/
.repass-box{  padding:20px; }

.repass-box-left{display:none; }

.repass-box-right{width:100%;}


.repass-box-right h2{ margin-bottom:10px; }
.repass-box-right .repass-box-item{ padding:0;}

/*register*/
.register-box{  padding:20px; }
.register-box-left{ display:none;}
.register-box-right{width:100%;}

.register-inner-box strong{ font-size:1.1rem; line-height:28px;}
.register-inner-box p{ line-height:26px;}


/*login*/
.login-box{padding:20px;  }
.login-box-left{ display:none;}
.login-box-right{width:100%;}
.login-box-right-tab li{ height:42px; line-height:42px; font-size:0.9rem; font-weight:normal;}




}