/* 会员中心（user.dwt 专用，含响应式） 2026-09-22 优化版
----------------------------------------------- */
#user{zoom:1; overflow:hidden; min-height: 400px;}
#user .userLeft{float: left; width: 160px; margin-right: 30px;}
#user .userIn{margin-left: 190px; overflow: hidden;}
#user .userIn .main{margin-top: 25px; padding:20px 30px; border: 1px solid #EEE; color: #000; border-radius: 4px;}
#user .userIn .main h3{color: #000; font-size: 26px; padding-bottom: 20px; font-weight:normal;}
#user .userIn .main h3 .more{float:right; color:#888; font-size:12px; margin-top:9px; font-weight:normal;}

/* -- passport 登录/注册 -- */
#user .passport{padding: 40px 15px; background: #f5f7fa; border-radius: 4px;}
#user .passport .register{margin:0 auto; width:100%; max-width:420px; background:#FFF; border:1px solid #e5e9f0; border-top:3px solid #e60012; border-radius:6px; padding:30px 25px 25px; box-shadow:0 4px 16px rgba(0,0,0,.06);}
#user .passport .register h3{font-size: 22px; font-weight: bold; color: #e60012; border-bottom: 1px dashed #CCCCCC; padding-bottom: 20px; margin-bottom:30px;}
#user .passport .register h3 em{display:block; color: #999; font-size:12px; font-weight:normal;}
#user .passport .register h3 a{color: #e60012;}
#user .passport .register .btn{width:200px; background-color:#e60012; border:0; border-radius:4px; padding:10px 25px;}
#user .passport .register .btn:hover{background-color:#128fc0;}
#user .passport .login{margin:0 auto; width:100%; max-width:380px; background:#FFF; border:1px solid #e5e9f0; border-top:3px solid #e60012; padding:30px 25px 25px; color:#000; border-radius:6px; box-shadow:0 4px 16px rgba(0,0,0,.06); box-sizing:border-box;}
#user .passport .login h3{font-size: 22px; font-weight: bold; margin-bottom:5px; text-align:center;}
#user .passport .login h3 em{display:block; color: #999; font-size:12px; font-weight:normal; margin-bottom:25px; text-align:center;}
#user .passport .login .textInput{width:100%; box-sizing:border-box; border:1px solid #e0e6ed; border-radius:4px; padding:6px 12px; font-size:14px; height:40px;}
#user .passport .login .textInput:focus{outline:none; border-color:#e60012; box-shadow:0 0 0 2px rgba(25,180,234,.15);}
#user .passport .login .btn{width:100%; background-color:#e60012; border:0; border-radius:4px; padding:10px 0; font-size:15px;}
#user .passport .login .btn:hover{background-color:#128fc0;}
#user .passport .login .btnRegister{display: block; width:100%; box-sizing:border-box; border: 1px solid #CCCCCC; color: #555555; padding: 6px 0; cursor: pointer; font-weight: bold; text-align:center; border-radius:4px;}

/* -- userTree -- */
#user .userTree{margin-top: 25px;}
#user .userTree h3{background-color: #DDD; line-height: 100px; color: #555; font-weight: normal; font-size: 18px; text-align: center;}
#user .userTree ul{padding-top: 5px;background: #ddd;}
#user .userTree li a{display:block; padding:8px 10px; color: #555; font-size: 14px;}
#user .userTree li.cur{background-color:#e60012;}
#user .userTree li.cur a{color:#FFF;}
#user .userTree .searchBox{margin:20px 0;}
#user .userTree .searchBox .keyword{width: 136px;}

/* -- btnAction -- */
#user .btnAction a{display: block; margin: 0 0 10px auto; width: 120px; line-height: 30px; border: 1px solid #DDD; text-align: center; color: #777;}
#user .btnAction a:hover{border: 1px solid #999; background-color: #999; color: #FFF;}
#user .btnAction a.pay{border: 1px solid #e4393c; color: #e4393c;}
#user .btnAction a.pay:hover{background-color: #e4393c; color: #FFF;}

/* -- startPage 个人首页 -- */
#user .startPage{padding: 10px 0;}
#user .startPage .basicInfo .basic{padding: 25px 0 20px 150px; border-bottom: 1px solid #DDD; position: relative; height: auto; min-height: 110px; margin-bottom: 20px; color: #fff; box-sizing: content-box; background: linear-gradient(135deg, #e60012, #cd4917); border-radius: 6px;}
#user .startPage .basicInfo .basic h2{font-size: 18px; font-weight: 400;}
#user .startPage .basicInfo .basic p{color: rgba(255,255,255,.75); margin-bottom: 10px;}
#user .startPage .basicInfo .basic a{color: #FFF; text-decoration: underline;}
#user .startPage .basicInfo .basic .avatar{position: absolute; left: 0; top: 50%; transform: translateY(-50%); padding: 4px; border: 1px solid #e0e0e0; border-radius: 130px;}
#user .startPage .basicInfo .info{font-size: 14px; zoom: 1; overflow: hidden; margin-bottom: 25px;}
#user .startPage .basicInfo .info li{padding: 8px 0; color: #999; width: 33%; float: left; box-sizing:border-box;}
#user .startPage .basicInfo .info li b{color: #333; font-weight: normal;}

/* -- 成绩查询结果卡片 -- */
#user .scoreList{margin: 5px 0 10px;}
#user .scoreList .scoreCard{border:1px solid #e5e9f0; border-radius:6px; background:#fafcfe; padding:14px 18px; margin-bottom:18px;}
#user .scoreList .scoreGrid{zoom:1; overflow:hidden; margin:0 -10px;}
#user .scoreList .item{width:50%; box-sizing:border-box; padding:7px 10px; font-size:14px; line-height:24px; color:#555; float:left;}
#user .scoreList .item span{color:#999;}
#user .scoreList .item b{color:#333;}
#user .scoreList .item.score b{color:#e4393c; font-size:17px;}

/* -- sns -- */
#user .snsIcon a{display: inline-block; width: 30px; height: 30px; -webkit-border-radius: 50%; -moz-border-radius: 50%; -o-border-radius: 50%; border-radius: 50%; margin-right: 10px;}
#user .snsLink{font-weight: bold; margin-bottom:40px; text-align: center;}
#user .snsLink .head{font-size: 22px; font-weight: bold; margin-bottom:40px;}
#user .snsLink .img img{width: 100px; height: 100px; border: 1px solid #e0e0e0; border-radius: 100px;}
#user .snsLink .action{margin-top: 40px;}
#user .snsList dl{zoom:1; overflow: hidden; padding: 15px 0; border-top: 1px dotted #DDD; line-height: 30px;}
#user .snsList dt{float: left;}
#user .snsList dt i{display: inline-block; width: 30px; height: 30px; -webkit-border-radius: 50%; -moz-border-radius: 50%; -o-border-radius: 50%; border-radius: 50%; margin-right: 10px; vertical-align: middle;}
#user .snsList dt em{color: #e60012;}
#user .snsList dd{float: right;}
#user .snsList dd a{color: #256581;}
/* -- orderList -- */
#user .orderList{border-top: 1px solid #DDD;}
#user .orderList .item{border-bottom: 1px solid #DDD; margin-bottom: 20px;}
#user .orderList .item .status{padding: 15px 0 1px 0; color: #b0b0b0; font-size: 18px;}
#user .orderList .item .detail .info{border-bottom: 1px solid #EEE; padding: 1px 20px 15px 0;}
#user .orderList .item .detail .info em{margin-right: 10px;}
#user .orderList .item .detail .amount{width: 180px; border-bottom: 1px solid #EEE; padding: 1px 0 15px 20px; text-align: right;}
#user .orderList .item .detail .amount b{font-size: 16px;}
#user .orderList .item .detail .list .listBox dl{position: relative; height: 44px; margin: 15px 0; padding: 10px 10px 10px 80px; line-height: 22px; color: #333;}
#user .orderList .item .detail .list .listBox dl .img{position: absolute; left: 0; top: 0;}
#user .orderList .item .detail .action{padding: 15px 0; text-align: right; vertical-align: top;}
/* -- order -- */
#user .order .head{margin-bottom: 30px;}
#user .order .head .title{border-bottom: 1px solid #DDD; zoom:1; overflow: hidden; margin-bottom: 10px;}
#user .order .head .title h2{float: left; font-size: 18px; font-weight: 400; color: #333;}
#user .order .head .title .action{float: right;}
#user .order .head .subTitle{padding: 5px 0; color: #999; font-size: 14px;}
#user .order .head .subTitle span{margin-right: 15px;}
#user .order .itemList{width: 100%; border-top: 1px solid #EEE;}
#user .order .itemList td{border-bottom: 1px solid #EEE; padding: 10px; text-align: left;}
#user .order .info{margin-top: 30px; border-bottom: 1px solid #DDD; padding-bottom: 20px;}
#user .order .info h2{font-size: 18px; font-weight: 400; color: #333; margin-bottom: 10px;}
#user .order .info ul{line-height: 200%; color: #999; font-size: 14px;}
#user .order .totalAmount{text-align: right; padding-top: 20px; line-height: 200%; font-size: 16px; color: #999;}
/*- inputFile -*/
#user .inputFile{width: 80px;}
#user .inputFile .imgShow{height: 80px; line-height: 80px; text-align: center; color: #555; background-color: #F5F5F5;}
#user .inputFile .imgShow img{width: 100%; height: 80px;}
#user .inputFile .imgBtn{width: 100%; background-color: #EEE; color: #999; line-height: 25px; cursor: pointer; text-align: center; -webkit-appearance: none;}

/* -- common -- */
.cue{color: red; font-size: 12px;}
.clear{clear: both; height: 0; line-height: 0; font-size: 0;}
.captcha{text-transform: uppercase;}
.price{color: #CC0000;}
.none{display: none;}
.pointer{cursor: pointer;}

/* -- form -- */
.btn{display: inline-block; background-color: #256581; color: #EEE; padding: 6px 25px; text-transform: capitalize; cursor: pointer; font-weight: bold; text-align: center; -webkit-appearance: none;}
.btn:hover{text-decoration: none; color: #FFF; background-color: #007AD5;}
.btnGray{display: inline-block; background-color: #CCC; border: 0; color: #333; padding: 6px 15px; text-transform: capitalize; cursor: pointer; font-weight: bold; -webkit-appearance: none;}
.btnPayment{display: inline-block; background-color: #ff4246; color: #FFF; padding: 7px 28px; text-transform: capitalize; cursor: pointer; font-weight: bold; font-size: 14px; text-align: center; -webkit-appearance: none;}
.btnCaptcha{display: inline-block;background-color: #e60012;-moz-border-radius: 2px;-webkit-border-radius: 2px;border: 0;color: #FFF;padding: 7px 22px;text-transform: capitalize;cursor: pointer;font-size: 13px;}
.btnCaptcha[disabled], .btnCaptcha:disabled, .btnCaptcha.disabled{color: #FFF;background-color: #b2b2b2;opacity: 1;}

/* -- input -- */
.textInput{height: 36px; padding: 6px; font-size: 14px; border: 1px solid #E9E9E9; background-color: #FFF; color: #666; -webkit-appearance: none;}
.textArea{padding: 4px; border: 1px solid #E9E9E9; background-color: #FFF; line-height: 20px; -webkit-appearance: none;}
.textAreaAuto{border: 1px solid #E9E9E9; background-color: #FFF; padding: 0; font-size: 12x; line-height: 20px; resize: none; min-height: 40px; -webkit-appearance: none;}

/*- inputFile -*/
.inputFile{width: 80px;}
.inputFile .inputFileShow{height: 80px; line-height: 80px; text-align: center; color: #555; background-color: #F5F5F5;}
.inputFile .inputFileShow img{width: 100%; height: 80px;}
.inputFile .inputFileBtn{width: 100%; background-color: #EEE; color: #999; line-height: 25px; cursor: pointer; text-align: center; -webkit-appearance: none;}

/*- tableBasic -*/
.tableBasic{color: #666; border-left: 1px solid #EEE; border-top: 1px solid #EEE; border-collapse: collapse;}
.tableBasic select{color: #8F8F8F;}
.tableBasic td, .tableBasic th{border-right: 1px solid #EEE; border-bottom: 1px solid #EEE;}
.tableBasic th{background-color: #EEE;}
.tableBasic .child{background-color: #FFF;}
.tableBasic td label{margin-right: 15px;}
.tableBasic td i{color: #F00; margin-left: 5px; font-weight: bold;}

/*- tableDiv -*/
.tableDiv dl{zoom:1; overflow:hidden; margin-bottom:20px;}
.tableDiv dl dt{font-weight: bold; margin-bottom: 5px; font-size: 13px;}
.tableDiv dl dt i{color:#F00; margin-left:5px; font-weight:bold;}
.tableDiv dl dd label{margin-right: 15px; line-height:34px;}
#user h3{font-size:1rem;margin:15px 0 0 0;}

/* ================================================================
   响应式适配（移动端优先断点 768px / 480px）
---------------------------------------------------------------- */
@media only screen and (max-width: 768px){
	/* 布局：侧栏转顶部横向菜单 */
	#user .userLeft{float:none; width:100%; margin:0 0 15px;}
	#user .userIn{margin-left:0;}
	#user .userIn .main{margin-top:15px; padding:15px 12px;}
	#user .userIn .main h3{font-size:20px; padding-bottom:12px;}
	#user .userTree{margin-top:0;}
	#user .userTree h3{line-height:46px; font-size:16px;}
	#user .userTree ul{padding-top:0; display:flex; flex-wrap:wrap;}
	#user .userTree ul li{flex:1 1 auto; text-align:center; min-width:30%;}
	#user .userTree ul li a{padding:10px 6px; font-size:13px;}
	#user .userTree .searchBox .keyword{width:60%;}

	/* 表单：所有输入框禁止溢出 */
	.textInput, .textArea, .textAreaAuto{max-width:100%; box-sizing:border-box;}
	.tableDiv input[size], .tableDiv .textInput{max-width:100%; box-sizing:border-box;}

	/* 登录/注册卡片 */
	#user .passport{padding:20px 10px;}
	#user .passport .login, #user .passport .register{padding:22px 16px 20px;}
	#user .passport .register .btn{width:100%;}

	/* 个人首页 */
	#user .startPage .basicInfo .basic{padding:0 0 0 96px; min-height:96px;}
	#user .startPage .basicInfo .basic .avatar{width:80px; height:80px; border-radius:88px; padding:3px;}
	#user .startPage .basicInfo .info li{width:100%; float:none; padding:5px 0;}

	/* 成绩卡片：单列 */
	#user .scoreList .item{width:100%; float:none;}

	/* 订单列表 */
	#user .orderList .item .detail .amount{width:auto; text-align:left; padding:1px 20px 15px 0;}
	#user .btnAction a{display:inline-block; width:auto; margin:0 10px 10px 0; padding:0 15px;}
}
@media only screen and (max-width: 480px){
	#user .userIn .main{padding:12px 10px;}
	#user .scoreList .scoreCard{padding:12px;}
	#user .scoreList .item{font-size:13px; line-height:22px;}
	#user .scoreList .item.score b{font-size:15px;}
	#user .passport .login{max-width:100%;}
	#user .order .itemList td{padding:6px;}
	#user .order .itemList td img{max-width:48px; height:auto;}
}