.user-box{
	padding-top: 18px;
	padding-bottom:90px;
}
	.user-aslide{
		width: 18%;
		float: left;
	}
		.user-info{
			background-color: #fff;
			padding:20px 25px;
			border-radius: 4px;
		}
			.user-img{
				width: 81px;
				height: 81px;
				margin:0 auto;
				margin-top: 8px;
			}
				.user-img img{
					width: 100%;
				}
			.user-name{
				margin-top: 12px;
				font-size: 16px;
				color: #333;
				line-height: 30px;
				text-align: center;
				font-weight: bold;
			}
			.user-handle{
				margin-top: 57px;
			}
				.user-handle li{
					margin-top: 5px;
					height: 36px;
					line-height: 36px;
					text-align: center;
				}
					.user-handle li a{
						display: block;
						border-radius: 3px;
					}
						.user-handle li a.btn-order{
							color: #fff;
							background-color: #d3363c;
						}
						.user-handle li a.Log_out{
							background-color: #ddd;
							color: #666;
						}
						.user-handle li a.Log_out:hover{
							background-color: #ccc;
						}
		.user-nav{
			margin-top: 15px;
			background-color: #fff;
			border-radius: 4px;
		}
			.user-nav>li{
				line-height: 32px;
				padding:10px 0;
			}
				.user-nav>li>a{
					padding-left: 27px;
					font-size: 16px;
					color: #333;
					border-left: 3px solid transparent;
				}
				.user-nav>li.on>a{
					color: #000;
					border-left: 3px solid #d3363c;
				}
				.user-nav>li:hover>a{
					color: #000
				}
				.user-option{
					padding-left: 30px;
					display: none;
				}
					.user-option li{
						line-height: 30px;
					}
						.user-option li a{
							color: #666;
						}
						.user-nav>li.on .user-option{
							display: block;
						}
						.user-nav>li.on .user-option li.on a{
							color: #d3363c;
						}
	.user-content{
		float: right;
		width: 81%;
	}
		.user-top-nav{
			height: 67px;
			line-height: 67px;
			background-color: #fff;
			border-radius: 4px;
			margin-bottom: 10px;
		}
			.user-top-nav li{
				float: left;
				line-height: 67px;
				font-size: 16px;
			}
				.user-top-nav li a{
					padding: 0 28px;
					color: #999;
				}
				.user-top-nav li.on a,.user-top-nav li:hover a{
					color: #d3363c
				}
		.table-thead{
			background-color: #f4f4f4;
			height: 40px;
			line-height: 40px;
		}
			.table-thead span{
				float: left;
				text-align: center;
				color: #666;
			}
			.user-body .oder-info{
				width: 35%;
				text-align: left;
				text-indent: 22px;
			}
			.order-time,.order-num{
				width: 10%;
			}
			.order-price,.order-cell,.order-type{
				width: 15%;
			}
				.sel-user-order{
					width: 95px;
					height: 25px;
					background-color: #fff;
					color: #666;
				}
		.table-body{
			background-color: #fff;
			display: table;
			color: #666;
		}
			.table-body li{
				width: 100%;
				overflow: hidden;
				padding:30px 0;
				display: table;
			}
			.table-body li .table-cell{
				text-align: center;
			}
			.table-body li .order-price{
				color: #d3363c;
			}
			.table-body .table-cell.oder-info{
				text-align: left;
				text-indent: 0;
			}
				.table-body .table-cell.oder-info a{
					line-height: 18px;
					padding-left: 22px;
					color: #666;
					display: -webkit-box;
				    -webkit-box-orient: vertical;
				    -webkit-line-clamp:3;
				    overflow: hidden;
				}
			.order-state{
				line-height: 30px;
				font-size: 16px;
				color: #333;
				margin-bottom: 5px;
				text-align: center;
			}
			.look-details{
				width: 96px;
				height: 32px;
				line-height: 32px;
				border:1px solid #e2afb1;
				color: #d3363c;
				border-radius: 4px;
				text-align: center;
			}
			.look-details:hover{
				background-color:#d3363c;
				color: #fff;
			}
.order-list li{
	background-color: #fff;
	padding: 20px 30px;
	overflow: hidden;
	display: table;
	margin-bottom: 10px;
	width:100%;
    box-sizing: border-box;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    -ms-box-sizing: border-box;
    -o-box-sizing: border-box;
}
	.order-list li .order-cell{
		text-align: center;
	}
	.order-list li .order-info{
		width: 85%;
		font-size: 16px;
		line-height: 23px;
	}
		.order-list li .order-info a{
			color: #666;
		}
			.order-list li .order-info a:hover{
				color: #d3363c;
				text-decoration: underline;
			}
.More_box{
	margin-top: 15px;
	background-color: #fff;
	padding-left: 25px;
	padding-top: 15px;
	padding-bottom: 20px;
	padding-right: 15px;
}
	.more_tit{
		font-size: 20px;
		line-height: 32px;
		margin-bottom: 12px;
	}
	.m_content{
		margin-right: -15px;
		overflow: hidden;
	}
		.m_content li{
			width: 220px;
			float: left;
			margin-right: 15px;
			background-color: #eee;
		}
		.m_img{
			height: 147px;
			overflow:hidden;
		}
			.m_img img{
				width: 100%;
			}
		.m_info{
			padding:10px;
		}
			.m_info h3 a{
				font-size: 15px;
				line-height: 17px;
				color: #333;
				display: -webkit-box;
			    -webkit-box-orient: vertical;
			    -webkit-line-clamp: 2;
			    overflow: hidden;
			}
		.m_content li:hover h3 a{
			text-decoration: underline;
		}
.collect-list ul{
	padding:15px 18px;
}
	.collect-list .table-body li{
		padding:15px 0;
	}
	.collect-img{
		width: 141px;
		height: 94px;
		float: left;
	}
		.collect-img img{
			width: 100%;
		}
	.collect-name{
		margin-left: 141px;
	}
	.collect-list .oder-info{
		width: 60%;
	}
	.collect-list .order-price,.collect-list .order-cell{
		width: 20%;
	}
	.collect-list .order-cell a{
		display: block;
		width: 99px;
		height: 34px;
		line-height: 34px;
		border-radius: 4px;
		margin:0 auto;
		font-size: 16px;
	}
		.collect-list .order-cell .btn-reserve{
			background-color: #d3363c;
			color: #fff;
			margin-bottom: 6px;
		}
		.btn-delete{
			background-color: #ddd;
			color: #666;
		}
		.btn-delete:hover{
			background-color: #ccc;
		}
.member_content{
	background-color: #fff;
	padding: 15px;
	padding-bottom: 50px;
	min-height: 524px;
}
.tip_x{
	color: #df2929;
	margin-right: 5px;
}
.account-tit{
	font-size: 18px;
	line-height: 30px;
	margin-bottom: 15px;
	margin-top:13px;
}
.account-item{
	padding:8px 0px;
}
	.account-r{
		float: left;
		color: #666;
		font-size: 14px;
		min-width: 80px;
		text-align: right;
		height: 30px;
		line-height: 30px;
	}
	.account-l{
		font-size: 15px;
		line-height: 30px;
		color: #666;
		position: relative;
		margin-left: 95px;
	}
		.account-txt{
			display: inline-block;
		}
	.current-edit input{
		width: 300px;
	}
	.account-tip{
		display: inline-block;
		color: #666;
	}
	.password-tip{
		color: #666;
		font-size: 12px;
		line-height: 22px;
	}
	.Modify-link{
		margin-left: 8px;
	}
	.fillbox .tff-input{
		width: 392px;
	}
		.fillbox label{
			padding: 0 5px;
		}
	.account-select{
		width: 200px;
		height: 36px;
		border: 1px solid #c1c6cc;
		color: #666;
		font-size: 15px;
	}
	#distpicker select{
		width: 118px;
		height: 32px;
		border: 1px solid #c1c6cc;
		color: #666;
		float: left;
		margin-right: 19px;
		font-size: 15px;
		background: transparent;
	}
	.account-btn{
		margin-top: 10px;
		padding-left:95px;
		margin-bottom: 30px;
		overflow: hidden;
	}
		.account-btn input{
			color: #fff;
			width: 90px;
			height: 32px;
			border-radius: 4px;
			cursor: pointer;
			font-size: 14px;
			float: left;
			margin-right: 10px;
			border:none;
		}
	.fillbox input[type='radio']:before{
		border:1px solid #d3363c;
	}
	.fillbox input[type='radio']:checked:after{
		content:"";
		position:absolute;
		left:5px;
		border-right:3px solid transparent;
		border-bottom:3px solid transparent;
		-webkit-transform:rotate(45deg);
		transform:rotate(45deg);
		width:4px;
		height:8px;
		border-color:#d3363c;
		border-radius: 0;
		background-color: transparent;
		border-top: none;
		border-left: none;
	}
.fillbox{
	display: none;
}
	.btn-orange{
	    background-color: #f5821f;
	    color: #fff;
	 }
	 .btn-orange:hover{
	 	background-color: #f90;
	 }
	.account-btn input.btn-grey{
		background-color: #ddd;
		color: #666;
	}
.note-list li{
	border-bottom: 1px dashed #aaa;
    padding: 22px 0 20px 0;
}
	.note-list li p{
		line-height: 24px;
		font-size: 16px;
		display: -webkit-box;
	    -webkit-box-orient: vertical;
	    -webkit-line-clamp: 2;
	    overflow: hidden;
	}
		.note-info {
		    margin-top: 13px;
		    overflow: hidden;
		}

		.btn_box {
		    float: left;
		}

		.btn_box span {
		    display: inline-block;
		    height: 30px;
		    line-height: 30px;
		    border-radius: 4px;
		    margin-right: 11px;
		}
			.link_btn {
			    border: 1px solid #e2afb1;
		   		
			}

				.link_btn a { 
					padding: 0 22px;
				    color: #d3363c;
				}
			.delete_btn {
			    border: 1px solid #c1c1c1;
			    color: #c1c1c1;
			    cursor: pointer;
			    padding: 0 22px;
			}
		.info-lie{
			float: left;
		}
			.info-lie dl {
			    color: #999;
			}

				.info-lie dt{
					 float: left;
				}
				.info-lie dd {
					margin-left: 65px;
				}
				.info-lie dt,.info-lie dd {
				    height: 30px;
				    line-height: 30px;
				    color: #999;
				}

                
/*Ν·ΟρΙΟ΄«*/
.cropper-wrap{ margin-top:20px;overflow:hidden; }
	.cropper-wrap .cropper-box{ position:relative; float:left; margin-right:20px; padding:1px; width:350px; height:350px; text-align:center; border:1px solid #f0f0f0; border-radius:2px; background:#f4f4f4; text-align:center; vertical-align:middle; }
	.cropper-wrap .cropper-box div{ margin:auto; vertical-align:middle; }
	
	.cropper-wrap .cropper-view{ float:left; width:184px; }
	.cropper-wrap .cropper-view .img-box{ padding:1px; width:180px; height:180px; border:1px solid #f0f0f0; border-radius:2px; background:#fff; overflow:hidden; }
	.cropper-wrap .cropper-view .img-box img{ display:block; width:180px; height:180px; }
	.cropper-wrap .cropper-view .btn-box p{ margin:8px 0; text-align:center; color:#333; font-size:13px; line-height:24px; }
	.cropper-wrap .cropper-view .btn-box p.tip{ text-align:left; color:#999; font-size:13px; line-height:22px; }
	.cropper-wrap .cropper-view .btn-box .btn{ width:100%; line-height:34px; height:36px; background:#3fbdd6; cursor:pointer; color:#fff; }
.upload{
    padding:15px 0;
}
.upload-box {
    position: relative;
    display: inline-block;
    height: 32px;
    vertical-align: middle;
    zoom: 1;
}
#uppimg > div {
    width:108px;
}
    .upload-box .upload-btn {
        
        display: inline-block;
        height: 32px;
        zoom: 1;
    }
    .webuploader-element-invisible {
        position: absolute !important;
        clip: rect(1px 1px 1px 1px);
        clip: rect(1px,1px,1px,1px);
        z-index:2;
    }
.webuploader-pick {
    position: relative;
    display: inline-block;
    padding: 0 25px;
    line-height: 32px;
    height: 32px;
    border: 1px solid #02598E;
    border-radius: 2px;
    cursor: pointer;
    background: #1e7bb3;
    color: #fff;
    text-align: center;
    overflow: hidden;
    zoom: 1;
}