/* ========================================
   MERCHANT CSS - 合并自 base.css 和 global.css
   ======================================== */

/* 重置样式 */
body,h1,h2,h3,h4,h5,h6,html,li,ol,p,ul{padding:0;margin:0;font:14px Arial,Helvetica,sans-serif}
h1,h2,h3,h4,h5,h6{font-weight:400}
li{list-style:none}
a{color:#333;text-decoration:none}
a:hover{cursor:pointer;color:#1b95d4}
img{vertical-align:top;color:#999;font-size:14px}
.fl{float:left}
.fr{float:right}
.clear:after{content:'';display:block;clear:both}

/*公共部分*/
body{background:#fcfcfc}

/* 通用容器 */
.w{width:90%;margin:0 auto;overflow:hidden}

/*head部分*/
.headNav{padding:2rem;background:#fff;border-bottom:1px solid #e1e1e1;box-shadow:0 0 10px #ccc}
.headNav .innerNav{margin:0 auto;width:90%;position:relative;display:flex;align-items:center}
.headNav img{display:block;margin-right:20px;max-height:80px}
.headFont a,.headFont span{line-height:18px;font-family:SimSun;font-size:12px;color:#999;vertical-align:middle}
.headFont span a{color:#ff3c3c}
.headFont span a:hover{color:#f60}

/*foot部分*/
.footNav{width:100%;margin:20px auto 20px;text-align:center}
.footNav p{margin-top:10px;color:#333}
.footNav p a{padding:0 6px;color:#333}
.footNav p a:hover{color:#c00}

/* 按钮样式 - 合并版本 */
.tableBtn,button.tableBtn,input[type=submit].tableBtn{width:330px;height:52px;border:0 none;border-radius:3px;background:#ff3c3c;font-size:16px;color:#fff;cursor:pointer;text-shadow:1px 1px 1px #ff7373;font-family:"Microsoft YaHei";line-height:52px;transition:background .2s}
.tableBtn:hover,button.tableBtn:hover,input[type=submit].tableBtn:hover{background:#d62b2b}

/* 表单控件美化 - 合并版本 */
input[type=number],input[type=password],input[type=text],select,textarea{border:1px solid #ccc;border-radius:4px;padding:10px;font-size:15px;color:#333;background:#fff;outline:0;transition:border-color .2s;box-sizing:border-box;margin:6px 0;max-width:400px}
input[type=password]:focus,input[type=text]:focus,select:focus,textarea:focus{border-color:#ff3c3c}

/* 文件上传控件美化 - 合并版本 */
input[type=file]{border:none;background:#fafafa;font-size:15px;color:#333;padding:6px 0;margin:4px 0;border-radius:4px}

/* 上传按钮美化 */
input[type="file"]::-webkit-file-upload-button{background:#ff3c3c;color:#fff;border:none;border-radius:3px;padding:6px 18px;font-size:14px;cursor:pointer;transition:background .2s}
input[type="file"]::-webkit-file-upload-button:hover{background:#d62b2b}

/* 美化单选框和复选框 */
input[type=radio],input[type=checkbox]{appearance:none;-webkit-appearance:none;width:18px;height:18px;border:1.5px solid #ccc;border-radius:50%;background:#fff;outline:none;vertical-align:middle;margin-right:6px;position:relative;transition:border-color .2s}
input[type=checkbox]{border-radius:3px}
input[type=radio]:checked{border-color:#ff3c3c;background:#fff}
input[type=radio]:checked::after{content:'';display:block;width:10px;height:10px;background:#ff3c3c;border-radius:2px;position:absolute;top:3px;left:3px}
input[type=checkbox]:checked{border-color:#ff3c3c;background:#fff}
input[type=checkbox]:checked::after{content:'';display:block;width:10px;height:10px;background:#ff3c3c;border-radius:2px;position:absolute;top:3px;left:3px}

/* 单选/复选与label对齐 */
label.radio-item,label.checkbox-item{display:inline-flex;align-items:center;margin-right:18px;font-size:15px;cursor:pointer;user-select:none}
label.radio-item input,label.checkbox-item input{margin-right:8px}

/*注册*/
.secTab{padding:2rem 0;background-color:#f5f5f5}
.secTab .innerTab{width:80%;background-color:#fff;margin:0 auto;padding:20px 50px;border-radius:10px}
.secTab .innerTab>h2{text-align:center;font:bold 24px/50px "microsoft yahei";color:#333;margin-bottom:10px}
.secTab .innerTab .tableItem{width:48%;float:left;margin-right:1.2rem;position:relative;z-index:100;height:2rem;margin-bottom:2rem;padding:10px 0;border:1px solid #dedede;background:#fff;line-height:2rem}
.secTab .innerTab .tableItem:nth-child(1){margin-right:0!important}
.secTab .innerTab .tableItem span{position:absolute;left:20px;top:0;height:50px;font:14px/50px sisum;color:#666}
.secTab .innerTab .tableItem input{vertical-align:middle;width:100%;height:24px;padding:0 20px;border:0 none;line-height:24px;vertical-align:middle;font-family:"Microsoft YaHei";font-size:14px;outline:0;box-sizing:border-box}
.secTab .innerTab .tpItem{width:24%!important}
.secTab .innerTab .clear img{height:46px;margin-left:10px}
.secTab .innerTab .clear .disabled{background-color:#ccc}
.secTab .innerTab .clickRegist{height:3rem;line-height:3rem;color:#666}
.secTab .innerTab .clickRegist a{color:#06c}
.secTab .innerTab .tijiao{width:100%;display:block;text-align:center;line-height:5rem}
.secTab .innerTab .tableText{float:left;display:inline-block;width:48%;height:46px;margin-left:10px;text-align:center;background-color:#ff3c3c;font:bold 12px/46px sisum;color:#fff;cursor:default;border-radius:2px;font-size:14px;border:none}
.secTab .innerTab .content{width:98%;border:1px solid #dedede;padding:10px;font-size:14px;font-family:"Microsoft YaHei"}
.secTab .innerTab .checked{position:relative;top:2px;margin:0}

/*登录表单*/
.secBody{padding-top:26px;background:#f5f5f5;padding-bottom:30px}
.secBody .innerBody{width:330px;background-color:#fff;margin:0 auto;padding:0 50px;border-radius:10px;padding-bottom:26px}
.secBody .innerBody .tableWrap{width:330px;padding-top:46px;margin:0 auto}
.secBody .innerBody .tableWrap .tableTap h3{font-size:14px;color:#666;font-weight:700;line-height:30px}
.secBody .innerBody .tableWrap .tableTap a{color:#ff3c3c;line-height:30px}
.secBody .innerBody .tableWrap .tableTap a:hover{color:#f60;line-height:30px}
.secBody .innerBody .tableWrap .tableItem{position:relative;z-index:100;height:24px;margin-bottom:10px;padding:14px 18px;border:1px solid #dedede;background:#fff;line-height:24px}
.secBody .innerBody .tableWrap .tableItem .userHead{width:24px;height:24px;display:inline-block;background:url(../images/userHead.png) no-repeat;background-size:100% 100%;vertical-align:middle}
.secBody .innerBody .tableWrap .tableItem .userLock{width:24px;height:24px;display:inline-block;background:url(../images/lock.png) no-repeat;background-size:100% 100%;vertical-align:middle}
.secBody .innerBody .tableWrap .tableItem input{vertical-align:middle;width:230px;height:24px;padding-left:20px;border:0 none;line-height:24px;vertical-align:middle;font-family:"Microsoft YaHei";font-size:14px;outline:0}
.secBody .innerBody .tableWrap .tableAuto{padding-top:4px;margin:0 0 14px}
.secBody .innerBody .tableWrap .tableAuto a{color:#999}

/*个人中心*/
.container{margin:30px 0}
.content .fl{background-color:#fff}
.content .nav{border:2px #ff3c3c solid;padding:20px}
.content .nav .head{position:relative}
.content .nav .head h2{color:#ff3c3c;font-weight:400;line-height:40px}
.content .nav .head h2 span{padding:0 5px}
.content .nav .head ul{list-style-type:none}
.content .nav .head li{line-height:40px;color:#333}
.content .nav .head ul span{display:block;width:2px;height:14px;position:absolute;top:13px;left:109px}
.content .nav .menu{position:relative}
.content .nav .menu h2{background-color:#ff3c3c;color:#fff;line-height:40px;height:40px;font-weight:100;font-size:16px;padding-left:20px}
.content .nav .menu ul{padding:10px 0}
.content .nav .menu li{line-height:40px;padding-left:20px}
.content .nav .menu li a{color:#333}
.content .nav .menu ul .on a,.content .nav .menu ul li:hover a{color:#ff3c3c}
.content .right{width:88%}
.content .right .head{position:relative;height:40px;border-bottom:2px solid #ff3c3c}
.content .right .head li{display:inline-block;line-height:40px;padding:0 30px}
.content .right .head .on,.content .right .head li:hover{background-color:#ff3c3c}
.content .right .head .on a,.content .right .head li:hover a{color:#fff}
.use-item{overflow:hidden;text-align:left;background:#fff;border-radius:8px;margin-bottom:20px}
.use-item .title,
.use-item .line {
    display: flex;
    align-items: center;
    min-height: 60px;
    border-bottom: 1px solid #f0f0f0;
}
.use-item .t1 { width: 120px; flex-shrink: 0; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.use-item .t2 { width: 120px; flex-shrink: 0; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.use-item .t3 { width: 140px; flex-shrink: 0; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.use-item .t4 { flex: 1; min-width: 200px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.use-item .t5 { width: 100px; flex-shrink: 0; text-align: right; }
.use-item .t6 { width: 100px; flex-shrink: 0; text-align: right; }
.use-item .t7 { width: 120px; flex-shrink: 0; text-align: center; }
.use-item .t8{width:13%;border-right:0!important}
.use-item .title {
    background: #fafbfc;
    border-bottom: 1px solid #e5e5e5;
}
.use-item .line:last-child {
    border-bottom: none;
}
.use-item .t1 a:hover{color:red}
.use-item .t12 a:hover{color:#222}
.details{text-align:left}
.txt_fr{text-align:right}
.usebutton{margin-top:24px;text-align:center}
.usebutton .tableBtn{margin:0 auto;display:inline-block}
.use-item .t7 a:hover,.usebutton a:hover{color:#d62b2b}
.usebutton a+a{background-color:#a59f9f;margin-left:15px}

/*分页*/
.use-page{justify-content:center;margin-top:25px;margin-left:0;background:#f1f1f1;padding:1rem;border-radius:1rem}
.use-page a{border-radius:3px;height:30px;line-height:30px;display:inline-block;background:#fff;padding:0 15px;margin:0 5px}
.use-page .on,.use-page a:hover{color:#fff;background:#0d3d85}

/* 响应式设计 */
@media only screen and (min-width: 320px) and (max-width: 768px) {
.tableItem{width:auto;float:none;margin-left:0}
.sjItem,.tpItem{width:40%!important;float:left!important}
.tableText{width:45%!important}
.content{width:100%;margin-left:0;box-sizing:border-box;border-radius:8px}
.secTab .innerTab .tableBtn{margin-left:0;width:100%}
.innerTab .clear img{border-radius:8px}
}

@media (max-width: 900px) {
  .use-item .title {
    flex-direction: column;
    align-items: flex-start;
    padding: 10px 8px;
  }
  .use-item .t3 {
    width: 100%;
    min-width: 0;
    text-align: left;
    padding-right: 0;
    margin-bottom: 4px;
  }
  .use-item .t12 {
    width: 100%;
    padding: 6px 0;
  }
}

.merchant-password-tip { display: none; }