/*全局*/
body{ font-family:"Hiragino Sans GB","Microsoft YaHei","WenQuanYi Micro Hei",sans-serif; }
.list-none{ padding:0px; margin:0px; list-style:none; }
.met-head{ height:100px; overflow:hidden;}
.met-head .logo li{ float:left; height:100px; line-height:100px; font-size:22px; }
.met-head .logo li img{ max-width:100%; }
.met-head .logo ul>li+li:before{padding:0 10px;color:#ddd; font-size:22px; content:"|\00a0"}
.met-footer{ text-align:center; padding:30px; color:#777; }
.met-footer p{ margin-bottom:5px; }

.met-member{ background-color:#f8f9fa; background-size:cover; background-repeat:no-repeat; background-position:center center; padding:30px 0px; }
.met-member form{ max-width:400px; margin:0px 10px; background-color:#fff; padding:30px; border-radius:12px; box-shadow:0 2px 12px rgba(0,0,0,0.08); }
.met-member input.form-control,.met-member textarea.form-control{ border-radius:8px; height:43px; border:1px solid #e5e5e5; }
.met-member .input-group .input-group-addon{ border-radius:8px 0 0 8px; background:#f8f9fa; border:1px solid #e5e5e5; border-right:none; }
.met-member .input-group  i.fa{ font-size:18px; color:#999; width:20px; text-align:center; }
.met-member select.form-control{ border-radius:8px; }
.met-member textarea.form-control{ height:auto;  }
.met-member .login_link{ text-align:right; margin-bottom:15px; }
.met-member .login_code_img img{ height:43px; cursor:pointer; border-radius:8px; }
.met-member .form-control-feedback{ height:43px; line-height:43px; padding-right: 20px;}
.met-member .btn{ border-radius:20px; }

.met-form-choice{ background:#fff; padding:10px; border-radius:8px; }

.met-form-file-title{ padding-top:8px; padding-bottom:8px; }
.met-form .met-upfile .file-drop-zone{ border:0px; margin:0px; }
.met-form .met-upfile .file-preview{ border-radius:8px; max-width:220px; }
.met-form .met-upfile .kv-upload-progress{ max-width:220px; }
.met-form .met-upfile .kv-upload-progress .progress{ border-radius:8px; }
.met-form .met-upfile .file-preview .file-actions{ display:none; }
.met-form .met-upfile .file-preview-frame{ box-shadow:none; display:block; margin:0px; border:0; padding:0px; float:none; height:auto; }
.met-form .met-upfile .file-preview-frame img{ width:100%!important; height:auto!important; border-radius:8px;}
.met-form .met-upfile .file-preview-frame:hover{ box-shadow:none; }
.met-form .met-upfile .file-drop-zone-title{ font-size:30px; }
.met-form .met-upfile .fileinput-cancel-button{ width:76px;}
.met-form .met-upfile .progress{ margin-bottom:10px; }
.met-form .select-linkage .form-control{ padding-right:0px; }
.has-success .form-control{ border-color:#10b981; }
.has-success .input-group-addon{ border-color:#10b981; }

/*登录界面*/
.login_index{ background-image:url(../img/2015020201454781.jpg); }
.login_index a.btn{ margin-top:20px; }
.login_index .login_type{ text-align:center; margin-top:20px; }
.login_index .login_type p{ color:#444; }
.login_index .login_type .row{ padding-top:5px; }
.login_index .login_type i{ font-size:35px; }
.login_index .login_type i.fa-qq{ color:#70A8D6; }
.login_index .login_type i.fa-weibo{ color:#E07366; }
.login_index .login_type i.fa-weixin{ color:#54C135; }
.login_index .form-control{ border:0; }

/*注册页面*/
.register_index form{ margin:0px auto; max-width:500px; background-color:#fff; border-radius:12px; box-shadow:0 2px 12px rgba(0,0,0,0.08); }
.register_index .login_link{ margin-top:10px; margin-bottom:0px; }
.register_index .met-more{ position: relative; }
.register_index .met-more span{ position: absolute; text-align:center; height:30px; line-height:30px; left: 50%; margin-left:-50px; top: -15px; width: 100px; overflow:hidden; background-color: #fff; }
.register_index .login_code .form-control-feedback{ display:none!important; }

/*邮箱验证*/
.valid-email-content{ margin:0px auto; max-width:800px; background-color:#fff; padding:100px 20px; color:#555; border-radius:12px; }
.valid-email .breadcrumb{ margin:0px auto; max-width:800px; border-radius:8px; text-align:center; }
.valid-email .send_email{ margin-right:20px; }
.valid-email .loading{ background:url(../img/loading.gif) no-repeat right center; }

/*短信验证*/
.phone_code{ margin:5px 0px; min-width:100%; border-radius:8px; }
.phone_code .badge{ font-weight:normal; background:#ff9900; color:#fff; }
.register_index .fa-mobile{ font-size:26px!important; }

/*会员中心*/
.met-head .user-info{ padding-top:35px; }
.met-head .user-info .breadcrumb{ background:none; }
.member-profile{ padding:20px 0px; background-color:#f8f9fa; }
.member-profile-content{ margin:0px; padding:0px; }
.member-profile-content .sidebar .list-group-item{ border:none; border-radius:8px; margin-bottom:4px; transition:all 0.2s ease; }
.member-profile-content .sidebar .list-group-item:hover{ background-color:#fff5e6; }
.member-profile-content .sidebar .list-group-item.active{ background:linear-gradient(135deg, #ff9900 0%, #ffb84d 100%); color:#fff; }
.member-profile-content .sidebar .list-group-item.active a{ color:#fff; }
.member-profile-content .sidebar .list-group-item.active a i{ color:#fff; }

.met-member-index .form-group{ margin-bottom:0px; }
.met-member-index .row{ padding:16px 12px; border-bottom:1px solid #f0f0f0; }
.met-member-index .row:hover{ background-color:#fafafa; }
.met-member-index .basic .row:last-child{ border-bottom:none; }
.met-member-index .basic .panel-body{ margin:0px; padding:0; }
.met-member-index .met-form{ max-width:none; background:none; padding:0px; margin:0px; }
.met-member-index .panel{ border:none; border-radius:12px; box-shadow:0 2px 12px rgba(0,0,0,0.06); overflow:hidden; }
.met-member-index .panel-default>.panel-heading{ 
    border-radius:0; 
    font-size:16px; 
    font-weight:600;
    background:linear-gradient(135deg, #ff9900 0%, #ffb84d 100%);
    color:#fff;
    padding:16px 20px;
    border:none;
}
.met-member-index .panel-default>.panel-body{ padding:0; }
.met-member-index .col-xs-3{ color:#666; font-weight:500; }
.met-member-index .col-xs-9{ color:#333; }

.member-profile-content .sidebar .list-group{ margin-bottom:0px; border-radius:12px; overflow:hidden; }
.member-profile-content .met-member-profile{ background:#fff; padding:0; min-height:500px; border-radius:12px; box-shadow:0 2px 12px rgba(0,0,0,0.06); }
.member-profile-content .sidebar-box{ background:#fff; padding:0; border-radius:12px; box-shadow:0 2px 12px rgba(0,0,0,0.06); overflow:hidden; }
.member-profile-content .sidebar-box .list-group-item{ padding:14px 20px; }

/*帐号安全*/
.met-member-safety{ padding:20px; }
.met-member-safety .media{ 
    padding:24px; 
    border:1px solid #f0f0f0; 
    border-radius:12px; 
    margin-bottom:16px;
    background:#fff;
    transition:all 0.2s ease;
}
.met-member-safety .media:hover{ 
    box-shadow:0 4px 12px rgba(0,0,0,0.08); 
    border-color:#ff9900;
}
.met-member-safety .media button{ border-radius:20px; padding:8px 20px; }
.met-member-safety .media .btn-default{ border-color:#e5e5e5; color:#666; }
.met-member-safety .media .btn-default:hover{ background:#ff9900; border-color:#ff9900; color:#fff; }
.met-member-safety .media i{ 
    font-size:24px; 
    width:50px; 
    height:50px;
    line-height:50px;
    text-align:center; 
    color:#ff9900;
    background:#fff5e6;
    border-radius:50%;
    margin-right:16px;
}
.met-member-safety .media i.fa-unlock-alt{ font-size:22px; }
.met-member-safety .media i.fa-mobile{ font-size:28px; }
.met-member-safety .media .media-body{ color:#888; }
.met-member-safety .media .media-heading{ font-size:16px; color:#333; font-weight:600; margin-bottom:4px; }
.met-member-safety .media .text-muted{ color:#10b981; font-size:13px; margin-left:8px; }
.met-member-safety .modal .modal-content{ border-radius:12px; border:none; overflow:hidden; }
.met-member-safety .modal .modal-header{ 
    background:linear-gradient(135deg, #ff9900 0%, #ffb84d 100%);
    color:#fff;
    border:none;
    padding:16px 20px;
}
.met-member-safety .modal .modal-header .close{ color:#fff; opacity:0.8; text-shadow:none; }
.met-member-safety .modal .modal-header .close:hover{ opacity:1; }
.met-member-safety .modal .modal-title{ color:#fff; font-size:16px; font-weight:600; }
.met-member-safety .modal .modal-body{ padding:20px; }
.met-member-safety .modal form{ padding:0px; margin:0px; max-width:none; }
.met-member-safety .modal .form-control{ border-radius:8px; border-color:#e5e5e5; }
.met-member-safety .modal .input-group .form-control{ border-radius:0 8px 8px 0; }
.met-member-safety .modal .input-group .input-group-addon{ border-radius:8px 0 0 8px; background:#f8f9fa; border-color:#e5e5e5; }
.met-member-safety .modal .btn-primary{ background:linear-gradient(135deg, #ff9900 0%, #ffb84d 100%); border:none; border-radius:20px; padding:10px 24px; }
.met-member-safety .modal .btn-default{ border-radius:20px; padding:10px 24px; }
.met-member-safety .media .loading{ background:#fff url(../img/loading.gif) no-repeat center center; color:#fff; }

/* 提交按钮样式 */
.met-member-index .btn-primary{ 
    background:linear-gradient(135deg, #ff9900 0%, #ffb84d 100%); 
    border:none; 
    border-radius:20px; 
    padding:10px 30px;
    font-weight:500;
}
.met-member-index .btn-primary:hover{ 
    background:linear-gradient(135deg, #e68a00 0%, #ff9900 100%); 
}

/* 头像上传区域 */
.met-member-index .met-form-choice{ 
    background:#fafafa; 
    border-radius:12px; 
    padding:20px;
    margin-bottom:16px;
}
.met-member-index .met-form-file-title{ font-weight:500; color:#666; }

/* 响应式适配 */
@media (max-width: 767px) {
    .member-profile{ padding:10px 0px; }
    .member-profile-content{ padding:0 10px; }
    .member-profile-content .met-member-profile{ border-radius:8px; }
    .member-profile-content .sidebar-box{ border-radius:8px; margin-bottom:16px; }
    .met-member-safety{ padding:12px; }
    .met-member-safety .media{ padding:16px; }
    .met-member-safety .media i{ width:40px; height:40px; line-height:40px; font-size:20px; }
    .met-member-safety .media i.fa-mobile{ font-size:24px; }
}