@charset "utf-8";


/*列表选项卡*/

.tab-box{
	height:40px;
	margin-top:10px;
	margin-bottom:20px;
	border-bottom:1px solid #ccc;
}
.tab-box ul li{
	float:left;
	width:110px;
	height:40px;
	font-size:15px;
	line-height:40px;
	
	text-align:center;
}
.tab-box ul li a{
	display:block;
	width:110px;
	height:40px;
	text-decoration:none;
	color:#505050;
}
.tab-box ul li a:hover{
	color:#202020;
}
.tab-box ul li.cur{
	margin-left:10px;
	border:1px solid #ccc;
	border-bottom:none;
	background: url(../images/body-bg.jpg);
	color:#6c797e;
}


.user_login{
	padding:30px;
	overflow:hidden;

}
.user_login .nav{
	width:306px;
	height:18px;
	margin:0 auto;
}
.user_login .nav ul li{
	float:left;
	width:152px;
	font-size:18px;
	text-align:center;
	color:#ccc;
}
.user_login .nav ul li:hover{
	cursor:pointer;
}

.user_login .nav ul li.cur{
	color:#b4a078;
}
.user_login .nav ul li:hover{
	color:#b4a078;
}
.user_login .nav ul li.split{
	border-left:1px solid #ccc;
}
.user_login .input{
	margin-top:50px;
}

.user_login .input .outline{
	width:294px;
	border:1px solid #ccc;
	border-radius:3px;
	padding:3px;
	margin:20px auto;
	overflow:hidden;
	position:relative;
}

.user_login .input .outline .verify_but {
    position: absolute;
    top: 3px;
    right: 3px;
    width: 86px;
    height: 30px;
    line-height: 30px;
    text-align: center;
    background-color: #33554b;
    border-radius: 3px;
    font-size: 12px;
    color: #fff;
}
.user_login .input .outline .verify_but.ing{
	background-color:#f1f1f1;
	color:#333;
}
.user_login .input .outline .verify_but:hover{
	cursor:pointer;
	background-color:#508072;
}
.user_login .input .outline .icon{
	width:30px;
	height:30px;
	float:left;
	border-right:1px solid #efefef;
}
.user_login .input .outline .icon_u{
	background:url(../images/user_icon.png) center center no-repeat;
}
.user_login .input .outline .icon_p{
	background:url(../images/pass_icon.png) center center no-repeat;
}
.user_login .input .outline .icon_m{
	background:url(../images/mobile_icon.png) center center no-repeat;
}
.user_login .input .outline .u_input{
	float:left;
	margin-left:10px;
}
.user_login .input .outline .u_input input{
	height:30px;
	line-height:30px;
	width:230px;
	border:0;
	outline:none;
	color:#333;
}
.user_login .input .outline .ver{
	width:190px;
	float:left;
	margin-left: 5px;
}
.user_login .input .outline .ver input{
	height:30px;
	line-height:30px;
	width:190px;
	border:0;
	outline:none;
	color:#333;
}
.user_login .input .outline .v_but{
	width:84px;
	height:30px;
	background-color:#eee;
	float:left;
}
.user_login .input .outline .v_but img{
	width:84px;
	height:30px;
}
.user_login .input .outline .slide-box{
	width:242px;
	height:30px;
	position:relative;
	-webkit-user-select:none;
    -moz-user-select:none;
    -ms-user-select:none;
    user-select:none;
}
.user_login .input .outline .slide-box .slide{
	width:50px;
	height:30px;
	background:url(../images/login_slide_button.png) 0px -30px  no-repeat;
	position:absolute;
	left:0;
	top:0;
	cursor:pointer;
	z-index:30;
}
.user_login .input .outline .slide-box  .success{
	width: 300px;
    height: 36px;
    position: absolute;
    left: -3px;
    top: -3px;
    background-color: #305200;
    border-radius: 3px;
	z-index:-1;
	display:none;
	
}
.user_login .input .outline .slide-box .slide_success{
	width:50px;
	height:30px;
	background:url(../images/login_slide_button.png) 0px 0px  no-repeat;
	position:absolute;
	left:0;
	top:0;
	cursor:pointer;
	z-index:30;
}
.user_login .input .outline .slide-box .mask{
	width:300px;
	height:30px;
	position:absolute;
	left:0;
	top:0;
	z-index:50;
	display:none;
}
.user_login .input .outline .slide-box .tips{
	z-index: 10;
    width: 300px;
    height: 30px;
    line-height: 30px;
    color: #716f6c;
    text-align: center;
    font-size: 15px;
}
.user_login .txt{
	font-size:14px;
	margin-left:5px;
	*margin-left:-10px;
	color:#333;
	padding:10px;
}
.user_login .txt a{
	color:#f28612;
	padding:0px 5px;
}
.user_login .but{
	width:300px;
	margin:35px auto 0px;
}
.user_login .but:hover{
	cursor:pointer;
}
.user_login .but input{
	width:300px;
	height:43px;
	line-height:43px;
	background:#b4a078;
	border:0;
	color:#fff;
	font-size:18px;
	border-radius:3px;
}
.user_login .but input:hover{
	cursor:pointer;
}
.bot_line{
	height:60px;
	line-height:60px;
	background: #F5F3EF;
    overflow: hidden;
    width: 359px;
    bottom: 0px;
    left: 0px;
    position: absolute;
    padding-right: 25px;
	font-size:12px;
}
.bot_line span{
	margin-left:40px;
}

.user_box{
	margin:20px 0;
}
.user_box .u_left_nav{
	width:180px;
	background-color:#fff;
	padding:20px 0;
	border: 1px solid #eaeaea;
	float:left;
}
.user_box .u_left_nav ul li{
	height:35px;
	line-height:35px;
	text-align:center;
	position:relative;
}
.user_box .u_left_nav ul li .mess{
	position:absolute;
	top: 15px;
    right: 38px;
	width:5px;
	height:5px;
	background-color:red;
	border-radius:5px;
}
.user_box .u_left_nav ul li a{
	color:#666;
}
.user_box .u_left_nav ul li a:hover{
	color:#33554b;
}
.user_box .u_left_nav ul li.c{
	border-left:3px solid #33554b;
	font-weight:bold;
}
.user_box .u_left_nav ul li.m{
    font-size: 16px;
	height:45px;
	line-height:45px;
	font-weight:bold;
	margin-top:10px;
}
.user_box .u_right_info{
	width:996px;
	float:right;
}
.user_box .u_right_info .user_info{
	height:160px;
	padding:20px;
	background-color:#fff;
}
.user_box .u_right_info .user_info .u_avatar{
	width:300px;
	height:160px;
	border-right:1px dotted #ccc;
	float:left;
}
.user_box .u_right_info .user_info .u_avatar .avatar{
	float:left;
	
}
.user_box .u_right_info .user_info .u_avatar .avatar img{
	width:100px;
	height:100px;
	border-radius:50%;
}
.user_box .u_right_info .user_info .u_avatar .avatar .txt{
	text-align:center;
	font-size:12px;
	margin-top:8px;
	color:#999;
}
.user_box .u_right_info .user_info .u_avatar .info{
	float:left;
	margin-left:20px;
	width:165px;
}
.user_box .u_right_info .user_info .u_avatar .info .i{
	font-size:14px;
	color:#666;
	height:30px;
	line-height:30px;
}
.user_box .u_right_info .user_info .u_stat{
	float:left;
	margin-left:50px;
	margin-top:10px;
	width:500px;
}
.user_box .u_right_info .user_info .u_stat ul li{
	float:left;
	width:250px;
	height:40px;
	line-height:40px;
	color:#b4a078;
	font-size:14px;
}
.user_box .u_right_info .user_info .u_stat ul li a{
	color:red;
}
.user_box .u_right_info .user_info .u_stat ul li a:hover{
	text-decoration:underline;
}
.user_box .u_right_info .banner{
	width:996px;
	height:200px;
	background-color:#ccc;
	margin:20px 0;
}
.user_box .u_right_info .order_info{
	width:996px;
	background-color:#fff;
}
.user_box .u_right_info .order_info .title{
	height:40px;
	line-height:40px;
	background-color:#e8e8e8;
	padding-left:20px;
	font-size:14px;
	color:#333;
	border-top:1px dashed #ccc;
	border-left:1px dashed #ccc;
	border-right:1px dashed #ccc;
}
.user_box .u_right_info .order_info .list{
	padding:20px;
}
.user_box .u_right_info .order_info .list .h{
	height:50px;
	line-height:50px;
	border-bottom:1px solid #ccc;
	color:green;
}
.user_box .u_right_info .order_info .list .h ul li{
	float:left;
	text-align:center;
}
.user_box .u_right_info .order_info .list .l{
	height:40px;
	line-height:40px;
	border-bottom:1px dashed #ccc;
	color:#333;
}
.user_box .u_right_info .order_info .list .l ul li{
	float:left;
	text-align:center;
}
.user_box .u_right_info .r_box{
	background-color:#fff;
}
.user_box .u_right_info .r_box .opt_nav{
	height:40px;
	line-height:40px;
	border-bottom:1px solid #e2e2e2;
	background-color: #f5f5f5;
	border-top:1px solid #fff;
	border-left:1px solid #fff;
}
.user_box .u_right_info .r_box .opt_nav ul li{
	width:160px;
	float:left;
	text-align:center;
	border-right:1px solid #e8e8e8;
	color:#999;
	font-weight:bolder;
}
.user_box .u_right_info .r_box .opt_nav ul li.c{
	color:#333;
	background-color:#f0f0f0;
	font-weight:bolder;
	height:37px;
	border-top: 3px solid #b4a078;
}
.user_box .u_right_info .r_box .opt_nav ul li:hover{
	cursor:pointer;
	background-color:#f8f8f8;
}
.user_box .u_right_info .r_box .r_list{
	padding:20px;
}
.user_box .u_right_info .r_box .r_list ul li{
	height:35px;
	line-height:35px;
	font-size:14px;
	padding:0px 30px;
	position:relative;
}
.user_box .u_right_info .r_box .r_list ul li .tit{
	margin-right:50px;
}
.user_box .u_right_info .r_box .r_list ul li .tit a{
	color:#333;
}
.user_box .u_right_info .r_box .r_list ul li .tit a:hover{
	color:#999;
}
.user_box .u_right_info .r_box .r_list ul li .tim{
	color:#ccc;
}
.user_box .u_right_info .r_box .r_list .table td{
	height:50px;
}
.user_box .u_right_info .r_box .r_list .table .input_box{
	width:220px;
	height:35px;
	line-height:35px;
	padding:0px 10px;
	border:1px solid #ccc;
}
.user_box .u_right_info .r_box .r_list .table .sub_button{
	border:0;
	background:none;
	width:150px;
	height:40px;
	background-color:#33554b;
	text-align:center;
	color:#fff;
	font-size:15px;
	margin:10px 0px;
}
.user_box .u_right_info .r_box .r_table{
	border: 1px solid #e8e8e8;
	background-color:#fff;
}
.user_box .u_right_info .r_box .r_table .t-tit{
	height:43px;
	line-height:43px;
	background-color:#fbfbfb;
	border-bottom: 1px solid #e8e8e8;
}
.user_box .u_right_info .r_box .r_table .t-tit ul li{
	float:left;
	text-align:center;
	color:#999;
}

.user_box .u_right_info .r_box .r_table .t-con{
	height:50px;
	line-height:50px;
}

.user_box .u_right_info .r_box .r_table .t-con ul{
	border-bottom:1px dotted #ccc;
	background-color:#fff;
}
.user_box .u_right_info .r_box .r_table .order-list ul{
	background:url(../images/delta_close.gif) 12px center no-repeat;
}
.user_box .u_right_info .r_box .r_table .t-con ul:hover{
	cursor:pointer;
	background-color:#f9f9f9;
}
.user_box .u_right_info .r_box .r_table .order-list ul:hover{
	cursor:pointer;
	background:url(../images/delta_close.gif) 12px center no-repeat #f9f9f9;
}
.user_box .u_right_info .r_box .r_table .order-list .open{
	background:url(../images/delta_open.gif) 8px center no-repeat;
}
.user_box .u_right_info .r_box .r_table .order-list .open:hover{
	cursor:pointer;
	background:url(../images/delta_open.gif) 8px center no-repeat;
}
.user_box .u_right_info .r_box .r_table .t-con ul.cur{
	background-color: #d2f3ee;
    border: 1px solid #41b7a7;
}
.user_box .u_right_info .r_box .r_table .t-con ul.cur:hover{
	background-color: #d2f3ee;
}
.user_box .u_right_info .r_box .r_table .t-con ul li{
	float:left;
	text-align:center;
	color:#333;
}
.user_box .u_right_info .r_box .r_table .t-con ul li img{
	width:40px;
	height:40px;
	cursor:pointer;
}
.user_box .u_right_info .r_box .r_table .t-con ul li a{
	color:#69c;
	margin-left:10px;
}
.user_box .u_right_info .r_box .r_table .t-con ul li a:hover{
	text-decoration:underline;
}
.user_box .u_right_info .r_box .r_table .t-con .product-datas{
	display:none;
}
.user_box .u_right_info .r_box .r_table .t-con .product-title{
	height:30px;
	line-height:30px;
	background-color:#41b7a7;
	color:#fff;
}
.user_box .u_right_info .r_box .r_table .t-con .product-title .title{
	float:left;
	text-align:left;
	padding:0px 30px;
}
.user_box .u_right_info .r_box .r_table .t-con .product-title .t-img{
	width:110px;
}
.user_box .u_right_info .r_box .r_table .t-con .product-title .t-name{
	width:308px;
}
.user_box .u_right_info .r_box .r_table .t-con .product-title .t-price{
	width:90px;
}

.user_box .u_right_info .r_box .r_table .t-con .product-title .t-spec{
	width:140px;
}
.user_box .u_right_info .r_box .r_table .t-con .product-title .t-amount{
	width:67px;
}

.user_box .u_right_info .r_box .r_table .t-con .product-list{
	padding:5px 20px;
	background-color:#f9f9f9;
	border-top:none;
	margin:0 auto;
}
.user_box .u_right_info .r_box .r_table .t-con .split{
	height:10px;
	background-color:#efefef;
}
.user_box .u_right_info .r_box .r_table .t-con .product-list{
	border-bottom:1px dotted #ccc;
}
.user_box .u_right_info .r_box .r_table .t-con .product-list .item{
	float:left;
	margin-left:10px;
}
.user_box .u_right_info .r_box .r_table .t-con .product-list .p-name{
	width:250px;
	font-size:12px;
	line-height:20px;
	padding-top:5px;
}
.user_box .u_right_info .r_box .r_table .t-con .product-list .p-img{
	width:75px;
	padding-left:25px;
}
.user_box .u_right_info .r_box .r_table .t-con .product-list .p-img img{
	width:50px;
	height:50px;
	
}
.user_box .u_right_info .r_box .r_table .t-con .product-list .p-spec{
	width:190px;
	font-size:12px;
}
.user_box .u_right_info .r_box .r_table .t-con .product-list .p-price{
	width:150px;
	font-size:12px;
	color:red;
}
.user_box .u_right_info .r_box .r_table .t-con .product-list .p-amount{
	width:100px;
	font-size:12px;
}
.user_box .u_right_info .r_box .r_table .t-con .product-list .p-oper a{
	color:#ff8605;
}
.user_box .u_right_info .r_box .r_table .t-con .product-list .p-oper a:hover{
	color:#333;
}
.user_box .u_right_info .opt_box{
	margin-bottom:10px;
}
.user_box .u_right_info .tips{
	font-size:14px;
	color:#333;
	float:left;
	line-height:35px;
}
.user_box .u_right_info .add_but{
	width:110px;
	height:35px;
	line-height:35px;
	text-align:center;
	font-size:14px;
	color:#333;
	border:1px solid #efefef;
	background-color:#fff;
	float:right;
	
	
}
.user_box .u_right_info .add_but:hover{
	cursor:pointer;
	color:#999;
	border:1px solid #ccc;
}

.no_list{
	width:150px;
	height:200px;
	background:url(../images/no_list.png) no-repeat;
	margin:20px auto;
	font-size:14px;
	color:#ccc;
	line-height:330px;
	text-align:center;
}

/* 向上的箭头,类似于A,只有三个边，不能指定上边框 */ 
div.arrow-up { 
	width: 0; 
	height: 0; 
	border-left: 5px solid transparent; /* 左边框的宽 */ 
	border-right: 5px solid transparent; /* 右边框的宽 */ 
	border-bottom: 5px solid #2f2f2f; /* 下边框的长度|高,以及背景色 */ 
	font-size: 0; 
	line-height: 0; 
} 
/* 向下的箭头 类似于 V */ 
div.arrow-down { 
	width: 0; 
	height: 0; 
	border-left: 20px solid transparent; 
	border-right: 20px solid transparent; 
	border-top: 20px solid #f00; 
	font-size: 0; 
	line-height: 0; 
} 
/* 向左的箭头: 只有三个边：上、下、右。而 <| 总体来看，向左三角形的高=上+下边框的长度。 宽=右边框的长度 */ 
div.arrow-left { 
	width: 0; 
	height: 0; 
	border-bottom: 15px solid transparent; /* 下边框的高 */ 
	border-top: 15px solid transparent; /* 上方边框的高 */ 
	border-right: 10px solid yellow; /* 右边框的长度|宽度，以及背景色 */ 
	font-size: 0; 
	line-height: 0; 
} 
/* 向右的箭头: 只有三个边：上、下、左。而 |> 总体来看，向右三角形的高=上+下边框的长度。 宽=左边框的长度 */ 
div.arrow-right { 
	width: 0; 
	height: 0; 
	border-bottom: 5px solid transparent; /* 下边框的高 */ 
	border-top: 5px solid transparent; /* 上方边框的高 */ 
	border-left: 5px solid green; /* 左边框的长度|宽度，以及背景色 */ 
	font-size: 0; 
	line-height: 0; 
	position:absolute;
} 
/* 基本样式 */ 
.tip { 
	background: #eee; 
	border: 1px solid #ccc; 
	padding: 10px; 
	border-radius: 8px; 
	box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2); 
	position: relative; 
	width: 200px; 
} 
/* 箭头 - :before and :after, 一起组成了好看的气泡小箭头 */ 
.tip:before { 
	position: absolute; 
	display: inline-block; 
	border-top: 7px solid transparent; 
	border-right: 7px solid #eee; 
	border-bottom: 7px solid transparent; 
	border-right-color: rgba(0, 0, 0, 0.2); 
	left: -8px; 
	top: 20px; 
	content: ''; 
} 
/* 背景阴影*/ 
.tip:after { 
	position: absolute; 
	display: inline-block; 
	border-top: 6px solid transparent; 
	border-right: 6px solid #eee; 
	border-bottom: 6px solid transparent; 
	left: -6px; 
	top: 21px; 
	content: ''; 
}