@charset "utf-8";

.footer{
	text-align: center;
	color: #707070;
	padding-top: 40px;
	margin: 0 auto;
}
.footer p{
	border-top: 1px solid #E9E9E9;
	padding: 15px 0;
}
.nav-box{
	height: 64px;
	line-height: 64px;
	background: #4D8EEF;
}
.nav{	
	position: relative;
	width: 1000px;
	margin: 0 auto;
}
.nav a{color: #fff;}
.nav .logo{
	float: left;
	width: 230px; 
	height: 64px; 
	padding: 12px 0; font-size: 18px; 
	display: block; padding: 0px 35px; text-shadow: 0 1px 1px rgba(0,0,0,0.5);
	text-decoration: none;
	color: #fff;
	font-family: "Arial","Microsoft YaHei","幼圆,"宋体",sans-serif;
	/* background: url(../img/logo.png) no-repeat center; */
}
.nav-content{float: left; padding-left: 30px;}
.nav-content a{padding: 12px 0; font-size: 16px; }
.nav-content a:hover{text-decoration: none;}
.nav-content ul{overflow: hidden;}
.nav-content ul li{float: left;}
.nav-content ul li a {display: block; padding: 0px 24px 0px 26px; text-shadow: 0 1px 1px rgba(0,0,0,0.5);}
.nav-content ul li a:hover{background: #4082E8;}
.nav-content ul li.current a{background: #3273D8;}
.nav-search{
	float: right;
	padding:0px;
	height: 25px;
	width: 100px;
	margin: 0px 0 0 0;
	font-family: "Arial","Microsoft YaHei","幼圆,"宋体",sans-serif;
	line-height: 0;
	background: #fff;
	overflow: hidden;
	text-align:center;
}
.nav-search .keyword{
	width: 100px;
	background: 0 0;
	height: 25px;
	line-height: 35px;
	padding: 0 20px;
	font-size: 12px;
	border: none;
	outline: 0;
	-webkit-appearance: none;
}
.nav-search .btn-wrap{
	float: right;
	display: block;
	height: 35px;
	line-height: 35px;
}
.nav-search .btn-wrap a{display: block; font-size: 14px; font-weight: 700; padding: 0 20px; background: #B3DA61;}
.nav-search .btn-wrap a:hover{background: #93C132;}
.ico-booking, .ico-user{display: inline-block; width: 33px; height: 33px; margin-right: 6px; vertical-align: -10px; background: url(../img/sprite.png);}
.ico-booking{background-position: 0 -70px;}
.ico-user{background-position: -44px -70px;}
.nav-shopping{position: absolute; top: 1px; right: 0;line-height: 64px;}
.nav-shopping li{float: left;}
.nav-shopping a{display: inline-block; padding: 0px 0; font-size: 18px; }
.nav-shopping .user{
	margin-right: 30px;
	margin-top: 1px;
}
.nav-shopping .user a{
	display: block;
	padding: 0px 10px;
	font-size: 16px;
	border-radius: 4px;
	/* background: rgba(255,255,255,.3); */
}
.nav-shopping .divide{
	display: block;
	width: 5px;
	height: 5px;
	background: #FFF;
	border-radius: 4px;
	margin-right: 20px;
	margin-top: 16px;
}
.ico-shopping{display: inline-block; width: 45px; height: 33px; vertical-align: middle; background: url(../img/sprite.png) -90px -70px;}
.shopping-num{
	position: absolute; 
	top: 10px;
	right: -8px;
	display: block;
	width: 20px;
	line-height: 25px;
	height: 20px;
	text-align: center;
	color: #fff;
	font-size: 14px;
	border-radius: 15px;
	border: 3px solid #fe7f2a;
	background: #e75c25;
}
.container{width: 1000px; margin: 0 auto; padding-top: 18px; overflow: hidden;}
.main{width: 740px; float: left; }
.sidebar{  
	float: right;
	width: 245px;
	margin-left: 14px;
	background: #fff; 
}
.cart-wrap{
	min-height: 300px;
	padding: 20px 15px;
}
.cart-wrap .list thead th{
  padding: 5px 0;
  white-space: nowrap;
}
.cart-wrap .list .th1{
  padding-left:1px;
  width:98px;
  overflow:hidden;
}
.cart-wrap .list .th2 {
	width:44px;
	text-align: left;
}
.cart-wrap .list .th3{

}
.cart-wrap .list .th4{
}
.cart-wrap .list td{line-height: 30px;}
.cart-wrap .shopping-card-item-count {
	width: 27px;
	height: 18px;
	border: solid 1px #ccc;
	text-align: center;
	background-position: -24px -76px;
	background-image: none;
	background-color: #f3f3f3;
}
.cart-wrap .list td .delete-menu{
	background: url(../img/cart-close.png) no-repeat;
}
.cart-wrap .list td .delete-menu, .cart-wrap .list td .delete-menu:visited {
	display: block;
	margin: auto;
	width: 13px;
	height: 12px;
	background-position: 0 0;
	overflow: hidden;
}
.cart-wrap .list td .delete-menu:hover {
	background-position: -24px 0;
}
.cart-wrap .inner-cart-list{padding-bottom: 10px;}
.cart-wrap .inner-cart-list h2{font-size: 16px; padding: 10px 0;  border-bottom: 1px solid #ddd;}
.cart-wrap .inner-info-list{margin-bottom: 20px;}
.cart-wrap .inner-info-list .name{padding: 0 0 10px; font-size: 14px; font-weight: 700;}
.cart-wrap .inner-info-list .name a{padding: 0 5px;}
.cart-wrap .inner-info-list .signup{
	display: block;
	padding: 5px 10px;
	margin: 15px auto 0;
	width: 100px;
	font-size: 14px;
	color: #fff;
	text-align: center;
	background: #5f96e9;
}
.cart-wrap .inner-info-list .signup:hover{background: #3C7AD7;}
.cart-wrap .inner-total-list{padding: 10px 0; border-top: 1px solid #ddd;}
.cart-wrap .inner-total-list .num{text-align: right; line-height: 35px;}
.cart-wrap .inner-total-list .sum{color: #9E841F; text-align: right; font-size: 16px; font-weight: 700;}

.choice-tab{width: 740px; font-size: 14px; overflow: hidden; background: #fff;}
.date-tab{float: left;}
/*.time-tab{
	padding: 15px 0;
	background: #fafafa;
	border-top: 1px solid #ebebeb;
	border-bottom: 1px solid #ebebeb;
	overflow: hidden;
}*/

.dropDown{
	height: 27px;
	padding: 15px;
	background-color: #fafafa;
	border-top: 1px solid #ebebeb;
	border-bottom: 1px solid #ebebeb;
}
.dropDown .dropDown-main{
	position: relative;
	float: left;
	width:200px;
	cursor:pointer;
}
.dropDown .dropDown-main h2{
	float: left;
	/*font-weight: 700;*/
	font-size: 18px;
	/*color: #3e3e3e;*/
}
.dropDown .dropDown-main span{
	position: relative;
	float: left;
	width:64px;
	height:24px;
	padding: 3px 20px 3px 10px;
	color:#888;
	font-size: 16px;
	border:1px solid #ddd;
}
.dropDown .dropDown-main span i{
	position: absolute;
	top:12px;
	right:5px;
	border:5px solid;
	border-color:#000 transparent transparent transparent;
}
.dropDown .dropDown-main p{
	position: absolute;
	left:59px;
	top:31px;
	z-index:1000;
	width:60px;
	display: block;
	text-align: center;
	padding: 10px;
	background-color: #eee;
	border-radius: 3px;
}
.dropDown .dropDown-main p a{
	display: block;
	font-size: 14px;
	color:#333;
	margin-bottom: 5px;
}
.dropDown .dropDown-main p a:hover{
	color:#4D8EEF;
}

.date-tab{
	width: 740px;
	height: 44px;
	position: relative;  
}
.date-tab .day-tab{width: 660px; padding: 11px 30px; }
.date-tab .select-date-bar{ position:relative; width:660px; overflow: hidden;}
.date-tab .select-date-bar ul{width: 10000px; overflow: hidden; }
.date-tab .select-date-bar li{float: left; width:95px; text-align:center;}
.date-tab .select-date-bar li a{color: #a8a8a8;}
.date-tab .select-date-bar li a:hover{color: #96c92b;}
.date-tab .select-date-bar li.current a{
	color: #FFFFFF;
	font-weight: 700;
	display: block;
	background: #96c92b;
	border-radius: 15px;
}
.date-tab .btn_prev,.date-tab .btn_next{
	position: absolute; 
	display: block; 
}
.date-tab .btn_prev{
	top: 0;
	padding: 10px;
	border-right: 1px solid #ebebeb;
}
.date-tab .btn_next{
	top: 0; 
	right: 0; 
	padding: 10px;
	border-left: 1px solid #ebebeb;
}
.date-ico{
	display: block;
	width: 13px;
	height: 24px;
	background: url(../img/sprite.png) no-repeat;
}
.date-ico-arrow-left{background-position: 0 3px;}
.disabled .date-ico-arrow-left{background-position: -30px 3px;}
.date-ico-arrow-right{background-position: 0 -27px;}
.disabled .date-ico-arrow-right{background-position: -27px -27px;}
.time-tab h2{
	display: inline;
	padding-left: 25px;
	font-size: 16px;
	color: #333;
}
.time-tab p{display: inline;}
.time-tab .item a{font-size: 14px; padding: 3px 25px;}
.time-tab .item a.current{background: #5f96e9; color: #fff; border-radius: 2px;}

.food-container{margin: 20px auto; background: #fff;}
.food-tab{width: 740px; overflow: hidden;}
.food-ico{
	display: block;
	width: 42px;
	height: 80px;
	background: url(../img/sprite.png) no-repeat;
}
.food-ico-arrow-left{background-position: 0 -120px;}
.food-ico-arrow-right{background-position: -50px -120px;}
.disabled .food-ico-arrow-left{filter:alpha(opacity=50);opacity:0.5;}
.disabled .food-ico-arrow-right{filter:alpha(opacity=50);opacity:0.5;}
.food-container .btn_prev, .food-container .btn_next{position: absolute; top: 320px; padding: 10px;}
.food-container .btn_prev{left: -40px;}
.food-container .btn_next{right: -40px;}
#selectFoodBar{width: 10000px; overflow: hidden;}
.food-list{width: 800px; overflow: hidden;}
.food-list .item{
	float: left; 
	width: 198px;  
	padding: 24px;
	border-color: #e5e9ec;
	border-style: dashed;
	border-width: 0 1px 1px 0;
}
.food-list .item:hover{background: #effaff;}
.food-list .item .item-pic{position: relative; width: 198px; height: 135px;}
.food-list .item .pic-mask{
	font-size: 13px;
    color: #FFF;
	position: absolute;
	bottom: 0;
	left: 0;
	text-align:center;
	height: 23px;
	margin:0 0 110px;
	display: block;
	width:68px;
	overflow: hidden;
	padding: 1px 9px; 
	white-space: nowrap;
	text-overflow: ellipsis;
}
.food-list .item .pic-title{position: absolute; bottom: 0; padding: 8px 10px; color: #fff;}
.food-list .item .pic-title span{
	display: block;
	width:178px;
	overflow: hidden;
	white-space: nowrap;
	text-overflow: ellipsis;
}
.food-list .item img{width: 198px; height: 135px;}
.food-list .item .item-text{width: 198px; padding: 10px 0 0; overflow: hidden;}
.food-list .item .item-detail{}
.food-list .item .item-name{font-size: 16px; color: #3e3e3e;}
.food-list .item .item-price{padding-top: 10px; color: #333; font-size: 16px; font-weight: 700; line-height: 1;}
.food-list .item .item-num{color: #888;}
.food-list .item .item-btn{padding: 10px 0;}
.food-list .item .item-btn a{
	float: right;
	display: block; 
	width: 25px;
	height: 25px;
	line-height: 20px;
	text-align: center;
	font-size: 20px;
	font-weight: 700;
	color: #fff;
	border-radius: 13px; 
	background: #FD7575;
}
.food-list .item .item-btn a:hover{background: #F95F5F;}
.popup{
	z-index: 2150;
	position: fixed;
	top: 150px;
	left: 50%;
	margin-left: -400px;
	width: 600px; 
	height: 400px; 
	background: #fff;
	box-shadow: 0 0 10px rgba(0,0,0,.5);
	overflow: auto;
}
.popup .close{
	position: absolute;
	right: 10px;
	top: 10px;
	display: block;
	width: 22px;
	height: 22px; 
	background: url(../img/sprite.png) no-repeat 0 -320px;
}

/*-----套餐详情-----*/
.detail-box{margin: 20px 25px;}
.detail-main{overflow: hidden;}
.detail-pic{float: left;}
.detail-text{float: left; padding-left: 20px;}
.detail-text .info{padding-bottom: 12px;}
.detail-text .info .name{color: #3e3e3e; font-size: 18px; font-weight: 700;}
.detail-text .info .total{padding-left: 15px; color: #666; font-size: 12px;}
.detail-text .info .total .num{font-weight: 700; padding: 0 2px;}
.detail-text .price{line-height: 1; color: #f56237; font-size: 26px; font-weight: 700;}
.detail-text .quantity{padding: 10px 0 14px;}
.detail-text .quantity .tit{vertical-align: middle; color: #6c6c6c; font-size: 14px;}
.detail-text .quantity .counter{display: inline-block; vertical-align: middle; color: #3e3e3e; font-size: 20px;}
.detail-text .quantity .counter span{float: left; display: inline-block; width: 70px; text-align: center;}
.detail-text .quantity .counter .minus,
.detail-text .quantity .counter .plus{
    float: left;
    display: block;
    width: 28px;
    height: 26px;
    border: 1px solid #d9d9d9;
    background-color: #f7f7f7;
}
.detail-text .quantity .counter i{
	background: url(../img/mins.png) no-repeat;
    display: block;
    width: 10px;
    height: 10px;
    margin: 9px auto;
    margin-bottom: 0;
}
.detail-text .quantity .counter input {
    float: left;
    width: 50px;
    height: 26px;
    font-size: 12px;
    border: 0;
    border-top: 1px solid #d9d9d9;
    border-bottom: 1px solid #d9d9d9;
    text-align: center;
}
.detail-text .quantity .counter .minus i{background-position: -20px 0;}
.detail-text .quantity .counter .plus i{background-position: -20px -32px;}
.detail-text .quantity .counter .minus-dis i{background-position: 0 0;}
.detail-text .quantity .counter .plus-dis i{background-position: 0 -32px;}
.detail-text .order .btn-default{margin: 2px 20px 2px 0; }
 
.detail-info .tit{padding: 10px 0; font-size: 16px; color: #cdbba0; font-weight: 700;}
.detail-info .con{padding-bottom: 10px; font-size: 14px; color: #3e3e3e;}
.detail-info .detail-group{overflow: hidden;}
.detail-info .detail-group li{float: left; width: 25%; margin-bottom: 20px;}
.detail-info .detail-group li img{widows: 50px; height: 50px; vertical-align: middle;}
.detail-info .detail-group li span{padding-left: 15px; color: #3e3e3e; font-size: 14px;}

/*-----我的餐车-----*/
.cart-box{    
    padding: 10px 25px 30px;
    background-color: #fff;
}
.cart-nav {padding-top: 15px; overflow: hidden;}
.cart-nav h2{
	float: left;
	width: 170px;
	font-size: 24px;
	font-weight: 700;
	vertical-align: bottom;
	color: #3e3e3e;
}
.cart-nav .shopping-process{float: right;}
.cart-list .quantity{padding: 10px 0 14px;}
.cart-list .quantity .counter{display: inline-block; vertical-align: middle; color: #666; font-size: 16px; line-height: 30px;}
.cart-list .quantity .counter span{float: left; display: inline-block; width: 50px; text-align: center;}
.cart-list .quantity .counter .minus,
.cart-list .quantity .counter .plus{
    float: left;
    display: block;
    width: 28px;
    height: 26px;
    border: 1px solid #d9d9d9;
    background-color: #f7f7f7;
}
.cart-list .quantity .counter input {
    float: left;
    width: 50px;
    height: 26px;
    font-size: 12px;
    border: 0;
    border-top: 1px solid #d9d9d9;
    border-bottom: 1px solid #d9d9d9;
    text-align: center;
}
.cart-list .quantity .counter i{
	background: url(../img/mins.png) no-repeat;
    display: block;
    width: 10px;
    height: 10px;
    margin: 9px auto;
    margin-bottom: 0;
}
.cart-list .quantity .counter .minus i{background-position: -20px 0;}
.cart-list .quantity .counter .plus i{background-position: -20px -32px;}
.cart-list .quantity .counter .minus-dis i{background-position: 0 0;}
.cart-list .quantity .counter .plus-dis i{background-position: 0 -32px;}
.cart-list{padding-top: 20px; text-align: center; max-height: 500px; overflow: auto;}
.cart-list table{width: 100%;}
.cart-list table thead tr{height: 32px; line-height: 32px; background: #95c1f2; color: #fff;}
.cart-list table thead th{font-weight: 500; font-size: 14px;}
.cart-list table td{padding: 2px 10px; font-size: 14px; color: #666; background-color: #F7FBFF;  border-bottom: 1px dotted #CAE0F5;}
.cart-list table .name{font-weight: 700; color: #666; text-align: left;}
.cart-list table .name .detail{padding-left: 5px; font-size: 12px; font-weight: 500;} 
.cart-list table .price{color: #f56237; font-weight: 700;}
.cart-buy{height: 60px; padding-top: 20px; overflow: hidden;}
.cart-buy .btn-orange{float: right; padding: 6px 30px;}
.cart-buy .price{float: right; padding-right: 15px; color: #666; font-size: 16px;}
.cart-buy .price span{color: #f56237; font-size: 24px;}

/*----------确认支付----------*/
.confirm-box{padding: 10px 25px 20px; margin: 0 auto; background: #fff;}
.confirm-wrap{padding-top: 30px;}
.confirm-item{padding-bottom: 20px;}
.confirm-item h3{
	color: #3e3e3e;
	font-size: 16px;
	font-weight: 700;
	border-bottom: 2px solid #cfcfcf;
	padding-bottom: 8px;
	margin-bottom: 20px;
}
.confirm-item .payway{padding: 10px 0 20px;}
.confirm-item .payway input[type="radio"]{zoom: 1.5; margin-right: 5px;}
.confirm-item .payway .text{color: #555; font-size: 14px; padding: 6px 30px; vertical-align: middle; border: 1px solid #ccc;}
.confirm-item .payway .active .m{margin-left: 10px; font-size: 16px; color: #555;}
.confirm-item .payway .active .y{font-size: 14px; font-weight: 400; color: #555;}
.confirm-item .payway .active{font-weight: 700; border: 2px solid #ff6666;}
.confirm-item table{width: 100%; border: 1px solid #e0e0e0;}
.confirm-item th{
	color: #999;
	font-size: 14px;
	padding: 5px 20px;
	background: #f7f7f7; 
	border-bottom: 1px solid #e0e0e0;
}
.confirm-item td{
	color: #666;
	font-size: 14px;
	text-align: center;
	padding: 5px 20px;
	border-right: 1px solid #e0e0e0;
	border-bottom: 1px solid #e0e0e0;
}
.confirm-item tr td:first-child{text-align: left;}
.confirm-item tr td:first-child span{
	max-width: 200px;
	display: inline-block;
	padding-left: 5px;
	font-size: 12px;
	vertical-align: sub;
	overflow: hidden;
	white-space: nowrap;
	text-overflow: ellipsis;
}
.confirm-item .total{font-weight: 700; color: #555; background: #f7f7f7;}
.confirm-submit{
	height: 100px;
	text-align: right;  
}
.confirm-submit .price{
	padding-bottom: 10px;
	color: #666;
	font-size: 16px;
}
.confirm-submit .price span {
	color: #f56237;
	font-size: 24px;
}
.confirm-submit .btn-default {
	padding: 6px 30px;
	margin-left: 20px;
}

/*-------订餐成功-------*/
.result-box{
    margin: 0 auto;
    padding: 10px 25px;
    background: #fff;
}
.result-box .c-msg{
	padding-top: 80px;
}
.result-list{width: 520px; margin: 0 auto;}
.result-list h3{
	font-size: 18px;
	font-weight: 700;
	color: #666666;
	text-align: center;
	padding-bottom: 10px;
}
.result-list{
	padding: 20px;
	margin-top: 20px;
	background: #f6f5ed;
}
.result-list table{
	width: 100%;
	font-size: 14px;
	color: #666;
}
.result-list table td{padding: 6px 3px; text-align: center;}
.result-list table td:first-child{text-align: left;}
.result-list table .total{font-weight: 700;}
.result-action{height: 80px; text-align: center; padding-top: 40px;}
.result-action .btn-default{margin: 0 30px; }
.result-list-bg{width: 460px; height: 10px; margin: 0 auto; background: url(../img/result-bg.png) repeat-x bottom;}

/*-----进度条-----*/
.shopping-process .step{float: left;}
.shopping-process .step svg path{fill:#dbdbdb;}
.shopping-process .step-now svg path{fill:#febea1;}
.shopping-process .step .num{
	text-align: center;
	color: #999;
	height: 25px;
	font-size: 12px;
	line-height: 18px;
	margin-bottom: -5px; 
}
.shopping-process .step-now .num{
	font-size: 12px;
	line-height: 18px;
	color: #666;
	font-weight: bold;
}


/*------------我的账户-----------*/
.user-nav{width: 1110px; margin: 0 auto; padding-top: 80px; overflow: hidden;}
.user-nav p{color: #444;}
.user-nav li{float: left; margin: 60px 70px;}
.user-nav li a{
	display: block; 
	width: 230px; 
	height: 230px;
	color: #fff;
	font-size: 24px;
	text-align: center;
	font-weight: 700;
	background: #badec3;
}
.user-nav li:nth-child(2) a,.user-nav li:nth-child(5) a{background: #f5e0bc;}
.user-nav li .pic{margin: 0 auto; padding-top: 30px;}


.user-container{position: relative; width: 1090px; margin: 0 auto;}
.user-container .back{
	position: absolute;
	display: block;
	top: 30px;
	width: 98px;
	font-size: 18px;
	color: #fff;
	text-align: center;
}
.user-container .back span{
	position: absolute;
	top: 6px;
	left: 35px;
}

/*----------充值记录----------*/
.recharge-box{margin: 0 auto; }
.recharge-box h2{
	padding-top: 20px;
	padding-bottom: 20px;
	color: #333; 
	font-size: 17px;
	font-weight: 700; 
	border-bottom: 1px solid #c6c6c6;
}
.recharge-box2{margin: 0 auto; }
.recharge-box2 h2{
	padding-bottom: 20px;
	color: #333;
	font-size: 22px;
	font-weight: 700;
	border-bottom: 1px solid #c6c6c6;
	text-align: center;
}
.recharge-box .row{
    position: relative;
    margin-bottom: 10px;
    width: 485px;
    padding-left: 80px;
    line-height: 36px;
    overflow: hidden;
    font-size: 14px;
}
.recharge-box .row label{
	position: absolute;
	width: 70px;
	top: 0;
	left: 0;
	height: 36px;
	line-height: 36px;
	color: #666;
	text-align: left;
}
.recharge-box .row .number{font-weight: 700; color: #484848;}
.recharge-box .row .price li{
	float: left;
	height: 46px;
	padding: 10px 0;
	padding-right: 10px;
	overflow: hidden;
}
.recharge-box .row .price li span{
	display: inline-block;
	border: 1px solid #ccc;
	height: 30px;
	line-height: 30px;
	margin: 1px;
	text-align: center;
	font-size: 18px;
	color: #484848;
	cursor: pointer;
	padding: 5px 30px;
}
.recharge-box .row .price li input{padding: 10px; font-size: 18px; width: 442px;}
.recharge-box .row .price li.active span{
	border: 2px solid #ff6666;
}
.recharge-box .row .way li{
	float: left;
	padding-right: 30px;
	overflow: hidden;
}
.recharge-box .row .way li span{
	display: inline-block;
	border: 1px solid #ccc;
	width: 190px;
	height: 85px;
	line-height: 85px;
	margin: 1px;
	text-align: center;
	font-size: 30px;
	font-weight: 700;
	color: #484848;
	cursor: pointer;
}
.recharge-box .row .way li.active span{
	border: 2px solid #ff6666;
}
.recharge-box .action{padding-top: 50px; text-align: center;}

/*------------卡片挂失/解挂-------------*/
.recharge-box .row input{padding: 6px 5px; width: 200px;}
.recharge-box .recharge-tips{margin-top: 20px;}
.recharge-box .recharge-tips h3{font-weight: 700; font-size: 14px; color: #666; line-height: 2;}
.recharge-box .recharge-tips p{font-size: 14px; color: #666;}
.recharge-box .row .status{font-weight: 700; color: #529671;}
.recharge-box .row .btn-submit{
    display: block;
    width: 80px;
    height: 34px;
    color: #fff;
    font-size: 14px;
    text-align: center;
    line-height: 34px;
    background: #A7D449;
    border-radius: 3px;
} 
.recharge-box .row .btn-submit:hover{
	background: #8FBB32;
}
.recharge-form{padding: 20px 0;}
.recharge-form h3{font-size: 14px; border-bottom: 1px solid #ddd;}
/*-----------我的资料------------*/
.recharge-box .row .text, .recharge-box .row .money{padding: 2px 20px; color: #484848; display: block;}
.recharge-box .row .money{color: #f56237;}

/*-----------申请退款----------*/
.order-box{}
.order-box h2{margin-right: 10px; font-size: 14px; padding-bottom: 17px;  border-bottom: 1px solid #eaeaea;}
.order-num{margin-bottom: 10px; font-size: 14px; color: #555; line-height: 2;}
.order-tbl table{width: 100%; border: 1px solid #e0e0e0;}
.order-tbl th{
	color: #999;
	font-size: 14px;
	padding: 5px 10px;
	background: #f7f7f7; 
	border-bottom: 1px solid #e0e0e0;
}
.order-tbl td{
	color: #666;
	font-size: 14px;
	text-align: center;
	padding: 5px 10px;
	border-right: 1px solid #e0e0e0;
	border-bottom: 1px solid #e0e0e0;
}
.order-tbl tr td:first-child{text-align: left;}
.order-tbl tr td:first-child span{
	max-width: 200px;
	display: inline-block;
	padding-left: 5px;
	font-size: 12px;
	vertical-align: sub;
	overflow: hidden;
	white-space: nowrap;
	text-overflow: ellipsis;
}
.order-box h2 span em {margin: 0 8px; font-family: Helvetica;}
.order-box .total{font-weight: 700; color: #555; background: #f7f7f7;}
.order-box .action{padding-top: 50px; text-align: center;}
.order-form{margin-top: 20px;}

/*-----------订单详情-----------*/
.order-info{position: relative; margin-bottom: 40px; padding: 30px; overflow: hidden; border: 1px dashed #EFE5B8; background: #FFFDF4;}
.order-info .detail{width: 300px; float: left;}
.order-info .detail table{width: 100%;}
.order-info .detail th, .order-info .detail td{font-size: 14px; color: #666; padding: 5px;}
.order-info .status{
	position: absolute; 
	left: 500px;
	top: 50%;
	margin-top: -21px;
}
.order-info .status span{font-size: 28px; color: #333; vertical-align: middle;}
.order-tips{margin-top: 10px;}

/*-----------交易记录-------------*/
.list-box th{padding: 5px 4px; color: #999; font-size: 14px; background: #fafafa;}
.list-box td{padding: 12px 4px; font-size: 12px; text-align: center; border-bottom: 1px solid #f2f2f2;}
.list-box td:nth-child(2){text-align: left;}
.list-box td .btn-default{font-size: 14px; padding: 2px 10px 4px; margin: 0 3px;}
.list-wrap{ padding-bottom: 30px;}
.list-filter{margin-top: 20px; padding-bottom: 20px; overflow: hidden;}
.list-filter .time{float: right;}
.list-filter .time select{font-family: 微软雅黑;}
.list-filter .income{float: right; overflow: hidden; font-size: 12px; color: #666; padding-right: 20px;}
.list-filter .income label{margin-right: 10px;}
.list-filter .income input[type="checkbox"] {
	position: relative;
	top: -1px;
}

/*------------按钮-------------*/
.btn-default{
	display: inline-block;
	padding: 2px 20px 4px;
	font-size: 14px;
	vertical-align: middle;
	border-radius: 3px;
}
.btn-default18{
	display: inline-block;
	padding: 7px 70px 8px;
	font-size: 18px;
	vertical-align: middle;
	border-radius: 3px;
}
.btn-line{color: #ff844e; border: 1px solid #ff844e;}
.btn-line:hover{color: #ff844e;}
.btn-orange{color: #fff; background: #ff844e;}
.btn-orange:hover{color: #fff; background: #FF6E2E;}
.btn-orange2{color: #E25E00; background: #fff2ea;}
.btn-orange2:hover{color: #E25E00;}
.btn-grey{color: #666; background: #eee;}
.btn-grey:hover{color: #666; background: #F7F7F7;}

/*---------对错icon---------*/
.ico-suc, .ico-error{
	display: inline-block;
	height: 42px;
	vertical-align: middle;
	background: url(../img/sprite.png) no-repeat;
	margin-right: 10px;
}
.ico-suc{width: 49px; background-position: 0 -220px;}
.ico-error{width: 43px; background-position: -60px -220px;}


/*---------彩色字体----------*/
.f-red{color: #bc353c;}
.f-orange{color: #FF7432;}
.f-green{color: #569874;}
.f-blue{color: #50a4c9;}
.f-grey{color: #767676;}


/*--------总提示---------*/
.c-msg{
	padding-top: 300px;
	text-align: center;
}
.c-msg>span{
	text-align: center;
	font-size: 24px;
	font-weight: 700;
	color: #3e3e3e;
}
.c-msg .reason{
	width: 500px;
	color: #555;
	font-size: 16px;
	text-align: left;
	margin: 30px auto;
	background: #FFFCE5;
	padding: 20px;
	border: 1px solid #E9DCA6;
	line-height: 2;
}


/*------------翻页-------------*/
.pagination{position: relative; width: 350px; margin: 0 auto; line-height: 1; font-size: 36px; color: #999; text-align: center;}
.ico-aback, .ico-anext{
	display: inline-block; 
	width: 42px; 
	height: 42px;
	background: url(../img/sprite.png) no-repeat;
}
.ico-aback{background-position: -80px 0;}
.ico-anext{background-position: -122px 0;}
.pagination .arrow-b{position: absolute; left: 0;}
.pagination .arrow-n{position: absolute; right: 0;}


/*-----------登录input-------------*/
.signup-box{}
.signup-hints{margin-top: 5px; color: #999;}

.signup-box h2 {
    padding-bottom: 20px;
    color: #333;
    font-size: 14px;
    font-weight: 700;
    border-bottom: 1px solid #c6c6c6;
}

.signup-box .signupIpt{
    position: relative;
    margin-top: 10px;
    margin-bottom: 10px;
    width: 485px;
    padding-left: 80px;
    line-height: 36px;
    overflow: hidden;
    font-size: 14px;
}
.signup-box .signupIpt label{
	position: absolute;
	width: 70px;
	top: 0;
	left: 0;
	height: 36px;
	line-height: 16px;
	color: #666;
	text-align: left;
}
.signup-box .signupIpt .btn-submit {
    display: block;
    width: 80px;
    height: 34px;
    color: #fff;
    font-size: 14px;
    text-align: center;
    line-height: 34px;
    background: #A7D449;
    border-radius: 3px;
    margin-top: 10px;
}
.signup-box .signupIpt .btn-submit:hover{
	background: #8FBB32;
}
.signupIpt .input_txt{
    width: 278px;
    padding: 10px;
    border: 1px solid #ccc;
    border-radius: 3px;
    line-height: 24px;
    font-size: 16px;
}
.signup-func{overflow: hidden;}
.signup-func .item{
	float: left;
	width: 50%;
	padding: 10px 0;
	text-align: center;
	font-size: 24px;
	font-weight: 700;
	color: #666;
	background: #D9DDE4;
	cursor: pointer;
}

.signup-func .active{
	background: #84B4F1;
	border-color: #84B4F1;
	color: #fff;
}

.card-box{margin: 160px auto;}
.card-box .text{font-size: 24px; font-weight: 700;text-align: center;color: #333;}

.spinner {
  margin: 10px auto;
  width: 140px;
  height: 100px;
  text-align: center;
  font-size: 10px;
}
 
.spinner > div {
  background-color: #67CF22;
  height: 100%;
  width: 8px;
  display: inline-block;
   
  margin: 0 1px;
  -webkit-animation: stretchdelay 1.2s infinite ease-in-out;
  animation: stretchdelay 1.2s infinite ease-in-out;
}
 
.spinner .rect2 {
  -webkit-animation-delay: -1.1s;
  animation-delay: -1.1s;
}
 
.spinner .rect3 {
  -webkit-animation-delay: -1.0s;
  animation-delay: -1.0s;
}
 
.spinner .rect4 {
  -webkit-animation-delay: -0.9s;
  animation-delay: -0.9s;
}
 
.spinner .rect5 {
  -webkit-animation-delay: -0.8s;
  animation-delay: -0.8s;
} 

.spinner .rect6 {
  -webkit-animation-delay: -0.7s;
  animation-delay: -0.7s;
}
 
.spinner .rect7 {
  -webkit-animation-delay: -0.6s;
  animation-delay: -0.6s;
}
 
.spinner .rect8 {
  -webkit-animation-delay: -0.5s;
  animation-delay: -0.5s;
}
 
.spinner .rect9 {
  -webkit-animation-delay: -0.4s;
  animation-delay: -0.4s;
}

@-webkit-keyframes stretchdelay {
  0%, 40%, 100% { -webkit-transform: scaleY(0.4) } 
  20% { -webkit-transform: scaleY(1.0) }
}
 
@keyframes stretchdelay {
  0%, 40%, 100% {
    transform: scaleY(0.4);
    -webkit-transform: scaleY(0.4);
  }  20% {
    transform: scaleY(1.0);
    -webkit-transform: scaleY(1.0);
  }
}


.popup2{
	z-index: 2150;
	position: fixed;
	top: 280px;
	left: 50%;
	margin-left: -200px;
	width: 400px;
	height: 400px;
	background: #fff;
	box-shadow: 0 0 10px rgba(0,0,0,.5);
	overflow: auto;
}

.popup2 .close{
	position: absolute;
	right: 10px;
	top: 10px;
	display: block;
	width: 22px;
	height: 22px; 
	background: url(../img/sprite.png) no-repeat 0 -320px;
}

.popup2 .card-box {
	margin: 60px auto 10px;
}

.card-box .total{
	text-align: center;
	padding: 40px 0;
	font-size: 22px;
}


/*登录错误提示*/
.error-info{
	position: absolute;
	top: 15px;
	background: #fff;
	font-weight: 700;
}
.error-info .er{display: inline-block; width: 24px; height: 24px; vertical-align: middle; margin-right: 5px; background: url(../img/002_30.png) no-repeat;}
.signup-form{position: relative; margin-top: 20px;}
.signup-form .error-info{font-size: 16px;}


.countdown{
	position: fixed;
	bottom: 0;
	padding: 10px 0;
	background: #EEEEE4;
	text-align: center;
	width: 100%;
}
.countdown p{
	font-size: 28px;
	font-weight: 700;
	color: #444;
}
.countdown p span{
	color: #E21111;
}

.gs-box .keyboard{width: 615px;}
.gs-box .keyboard a{width: 193px;}
.gs-box .row input{width: 300px;}

.cz-list{
width: 320px;
font-size: 18px;
color: #555;
padding: 40px 40px;
}
.cz-list table{font-size: 16px;}
.cz-list table th{text-align: left;}
.cz-list table td{text-align: right; font-weight:700;}
.cz-bg{width: 400px;}


.menu{float: left; width: 230px;}
.menu li a{padding: 0 30px; line-height: 35px; color: #444; font-size: 16px;}
.menu li a:hover{color: #4D8EEF; text-decoration: none;}
.menu li.current{background: #4D8EEF;}
.menu li.current a, .menu li.current a:hover{color: #fff;}



.menu{float: left;}
.menu li{border-bottom: 1px solid #e2e2e2; background: url(../img/side-sprite.png) no-repeat 210px 23px;}
.menu li a{
	display: block;
	padding: 10px 5px;
    padding-left: 30px; 
    font-family: "Microsoft Yahei"; 
    font-size: 18px;
}

.sidelistbox{width: 220px; padding-top: 20px; padding-right: 10px;}
.text-con-list .text{width: 200px;}


.food-detail{background: #fff;}
.c-cart{padding: 0;}
.c-user .main2{
	background-color: #ffffff;
    margin-left: 230px;
    border-left: 1px solid #e5e5e5;
    padding: 20px 30px;
    min-height: 500px;
    _height: 500px;
    _overflow: visible;
}
.c-user .c-user-wrap{
	background-color: #fafafa;
    border: 1px solid #e5e5e5;
}

.list-box .itm{
    background-color: #FFFFFF;
    color: #434343;
    position: relative;
    border-bottom: solid 1px #e5e5e5;
    padding: 20px 0 20px 15px;
}
.list-box .itm:hover{background: #f9f9f9; cursor: pointer;}
.list-box .poi-name{
	font-size: 16px;
    display: inline-block;
    max-width: 260px;
    _width: 200px;
    word-break: keep-all;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    vertical-align: -5px;
}
.list-box .itm-name .order-price {
    font-size: 16px;
    color: #f56237;
    font-weight: 700;
    margin-left: 30px;
}
.list-box .itm-detail{
    margin-top: 12px;
    color: #444444;
    padding-left: 2px;
}
.list-box .itm-detail .order-id {
    display: inline-block;
    width: 260px;
    word-break: keep-all;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    vertical-align: -4px;
    font-size: 14px;
    color: #898989;
}
.list-box .itm-detail .order-total {
    font-size: 14px;
    color: #898989;
    margin-left: 30px;
}
.itm-console{width: 100px; float: right;}
.itm-console .btn-default{margin-bottom: 10px; padding: 2px 13px 4px;}
.itm-console .btn-grey{background: #FFF; border: 1px solid #ddd;}
.itm-console .btn-grey:hover{color: #666; background: #F7F7F7;}
.list-box .order-back{font-size: 14px; padding: 0 13px;}
.list-box a.order-back:hover{text-decoration: underline;}
.list-box h2 {
    padding-bottom: 20px;
    color: #333;
    font-size: 14px;
    font-weight: 700;
    border-bottom: 1px solid #c6c6c6;
}
.signup-func h2{
	height: 44px;
    padding: 30px;
    line-height: 44px;
    font-size: 24px;
    color: #cc6699;
    text-align: center;
}

/* .signup-form{
	position: fixed;
    top: 50%;
    left: 50%;
    z-index: 998;
    width: 400px;
    height: 300px;
    margin-left: -200px;
    margin-top: -150px;
    background-color: #fff;
    border: 1px solid #fff;
    border-color: rgba(255,255,255,.8);
    box-shadow: 0 0 5px rgba(0,0,0,.5);
} */

/*遮罩层*/
.mask {
	z-index: 15;
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background: #000;
	opacity: .5;
	filter: alpha(opacity = 50);
}

.signup-dialog{
	position: fixed;
	top: 50%;
	left: 50%;
	z-index: 998;
	width: 400px;
	height: 300px;
	margin-left: -200px;
	margin-top: -150px;
	background-color: #fff;
	border: 1px solid #fff;
	border-color: rgba(255,255,255,.8);
	box-shadow: 0 0 5px rgba(0,0,0,.5);
}
.signup-dialog-title{padding: 20px 0 10px 30px;}
.signup-dialog-title-txt{ font-size: 16px; font-weight: 700; color: #666;}
a.signup-dialog-title-close{
	position: absolute;
	top: 8px;
	right: 8px;
	display: block;
	line-height: 1;
	font-family: arial; 
	font-size: 28px; 
	color: #383838;
	cursor: pointer;
}
a.signup-dialog-title-close:hover{color: #be0000; text-decoration: none;}
.signup-dialog-content{padding: 0 30px;}
.signup-dialog-content .input-wrapper{padding: 12px 0;}
.signup-dialog-content .input-wrapper input{
	width: 318px;
	padding: 10px;
	font-size: 16px;
	background: #fafafa;
	border: 1px solid #ccc;
	box-shadow: inset 0 1px 1px rgba(0,0,0,.2);
}
.tips-wrapper{font-size: 12px;}
.tips-wrapper a{color: #1baa55;}
.tips-wrapper a:hover{text-decoration: underline;}
.tips-wrapper input{margin-right: 3px;}
.tips-wrapper .forgetpwd{float: right;}
.submit-wrapper{padding: 15px 0;}
.submit-wrapper .btn-submit{
	width: 100%;
	padding: 10px 0;
	font-size: 16px; 
	color: #fff; 
	font-weight: 700;
	border: none;
	background: #4D9C18;
	background: -webkit-gradient(linear, left top, left bottom, from(#4FB42F), to(#4D9C18));
	background: -moz-linear-gradient(top, #4FB42F, #4D9C18);
	background: -ms-linear-gradient(top, #4FB42F, #4D9C18);
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#4FB42F', endColorstr='#4D9C18');
	cursor: pointer;
}
.submit-wrapper .btn-submit:hover{
	background: #4CB32B;
	background: -webkit-gradient(linear, left top, left bottom, from(#76CB46), to(#4CB32B));;
	background: -moz-linear-gradient(top, #76CB46, #4CB32B);
	background: -ms-linear-gradient(top, #76CB46, #4CB32B);
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#76CB46', endColorstr='#4CB32B');
}

.ico-user, .ico-booking, .ico-wallet{
	display: inline-block;
    width: 15px;
    height: 15px;
    margin-right: 6px;
    vertical-align: -1px;
    background: url(../img/nav-sprite.png);
}
.ico-user{background-position: 1px -40px;}
.ico-booking{background-position: 0 -20px;}
.ico-wallet{background-position: 0 0;}