// 用户信息
.uc_info {
	width: 100%; height: 150px;
	// 用户信息-左侧
	.uc_info_left {
		float: left; width: 55%; height: 100%; border-right: 1px solid #ddd;
		img {
			width: 86px; height: 86px; border-radius: 50%; margin: 32px 10px; float: left;
		}
		.info_block {
			height: 120px; width: 72%; margin: 15px 0; float: left;
			h4 {
				height: 24px; line-height: 24px; font-size: 16px; width: 100%; margin-top: 6px;
			}
			.user_stat {
				height: 45px; width: 100%; margin: 10px 0; line-height: 45px;
				li {float: left;}
			}
			time {
				height: 24px; margin-top: 6px; width: 100%; display: block; line-height: 24px;
			}
		}
	}
	// 用户信息-右侧
	.user_info_right {
		float: left; width: 44.8%; display: block; height: 100%;
		&>div {
			position: relative;
			width: 50%; float: left; height: 100%; padding-top: 25px; box-sizing: border-box; text-align: center;
			h4 {
				margin-bottom: 5px; font-size: 14px; color: #333; width: 100%; line-height: 18px;
			}
			&>span {
				border: 1px dashed #fd7801; display: inline-block; padding: 0 10px; color: #fd7801;
				background: #fffae7; line-height: 20px;
				.user_info_content {
					position: absolute; padding: 0 10px 10px 10px; background: #fff; margin-top: 48px;
					top: 0; left: 0; bottom: 0; right: 0; text-align: center;
					li {
						width: 100%; line-height: 20px; text-align: left; padding-left: 45px; color: #333;
						em {
							color: #f60;
						}
					}
					a {
						border: 1px dashed #fd7801; display: inline-block; padding: 0 10px; color: #fd7801;
						background: #fffae7; line-height: 20px; margin-top: 15px;
					}
				}
			}
		}
	}
}
// 我的订单
.uc_head {
	height: 40px; line-height: 40px;color: $c22;
	border-bottom: 1px solid #e5e5e5; position: relative;
	// background: $cf0;
	&.mt10 {margin-top: 10px;}
	h3 {
		float: left; font-size: 15px; border: 1px solid #e5e5e5; padding: 0 32px; border-left: 0; border-bottom: 0;
		height: 39px; line-height: 39px;
		a {font-size: 14px;font-weight: normal;}
		&:nth-child(1) {
			border-left: 1px solid #e5e5e5;
		}
	}
	h3.current{
		background: #fff; color: #F60; position: relative; height: 40px;
		a {
		   font-size: 15px;text-decoration: none; color: #F60;
	   }
	}
	.more {
		float: right;margin-right: 15px;@include dz();
	}
	.money {
		float: right;margin-right: 15px;
		em {font-weight: bold;color: $red;}
	}
	.select {
		float: right;margin-right: 15px;
		font-size: 12px;
		select {
			border: 1px solid $cdd;height: 22px;border-radius: 5px;
		}
	}
}
.uc_table {
	@extend .cf; margin-bottom: 15px; margin-top: 10px;
	table {
		width: 100%;text-align: center;
		thead {
			border: 1px solid $cdd;
			th {
				border-top: 1px solid $cdd;
				height: 36px;color: $c22;font-size: 14px;
			}
		}
		tbody {
			th,td {padding:8px 5px;line-height: 1.6;border: 1px solid $cdd;}
			tr:nth-child(2n){background: $cfa;}
			h4 {
				text-align: left;color: $blue;font-size: 14px;text-indent: 10px;position: relative;
				&:before {
					content: "";display: block;position: absolute;background: $cf60;width: 3px;height: 3px;left: 3px;top: 10px;
				}
			}
		}
	}
}

.nodata {
	width: 100%; height: 150px; line-height: 150px; text-align: center; font-size: 30px;
	color: #999;
}

.col_table {
	@extend .cf;margin-bottom: 15px;margin-top: 10px;
	table {
		width: 100%;
		&,td,th {border: 1px solid $cdd;}
		th,td {padding: 8px;line-height: 1.8;}
		th {background: $cfa;text-align: right;width: 130px;}
	}
}

.input_sbtn {
	display: inline-block;padding: 0 10px;cursor: pointer;background: $cfa;border: 1px solid $cdd;
	@include jb($cff,$cf0);height: 22px;border-radius: 5px;@include dz();line-height: 22px;
		box-shadow: 0 0 0 1px rgba($cff,.5) inset;
	&:hover {
		background: $blue;color: $cff;
		border: 1px solid darken($blue,10%);
		@include jb(lighten($blue,10%),darken($blue,10%));
	}
}
