@charset "utf-8";
/* CSS Document */
html,body{height:100%;}
body{
	font-family:"Microsoft YaHei";
	background:#fff;
}
a{
	outline:none;
	text-decoration:none;
	transition:all 0.2s ease-in;
	-moz-transition:all 0.2s ease-in;
	-o-transition:all 0.2s ease-in;
	-webkit-transition:all 0.2s ease-in;
}
a:focus{outline:none;}
a:hover{text-decoration:none;}
i{display:inline-block; vertical-align:middle;background-size:100% 100%;background-repeat:no-repeat;}
img{max-width:100%;border:0;}
.clear{clear:both;}
.mb20{margin-bottom:20px;}
.mb10{margin-bottom:10px;}
.header{
	height:100px;
	background:#63bb9d;
	background-size:cover;
}
.header-back{
	float:left;
	padding:30px 0;
}
.header-back a{border-right:1px solid #2c9773;padding:0 20px;display:block;height:40px;}
.i-back{ width:28px;height:40px;background-image:url(../images/icon_back.png);}
 
.header-right{width:100%;padding-left:70px;}
.header-title{padding:30px 0; text-align:center;}
.header-title .title{margin:0;line-height:40px;color:#fff;}
.nav-item{margin-bottom:10px;}
.nav-item:last-child{margin-bottom:0;}
.nav-item .item-a{display:block;height:210px;width:100%; text-align:center;padding:20px 15px;}
.nav-item .item-a:hover{border:3px solid #ccc;}
.nav-item.item1 .item-a{background-color:#6fba2a;}
.nav-item.item2 .item-a{background-color:#63bb9d;}
.nav-item.item3 .item-a{background-color:#007141;}
.nav-item.item4 .item-a{background-color:#63bb9d;}
.nav-item.item5 .item-a{background-color:#ed9834;}
.nav-item.item6 .item-a{background-color:#01ada4;}
.nav-item .name{display:block;color:#fff;font-size:16px;margin-top:10px;}

.in-b {margin-left:-5px;margin-right:-5px;}
.in-b .nav-item{width:33.3333333%;padding:0 5px;float:left;}

.img-veltical{}
.img-veltical .img-cell{width:100%;display:table-cell;vertical-align:middle;}

.form-row{margin-bottom:20px;}
.wraper,.form-wraper{}
.form-row .row-s{ display:block;width:100%;text-align:left;font-size:16px;margin-bottom:5px;}
.form-row .row-det{width:100%;}
.form-row .row-det input{width:100%;}


input[type="text"],input[type="password"]{padding:10px 10px;border:1px solid #ccc;}
input[type="text"]:focus,input[type="password"]:focus{border-color:#63bb9d;}
input{outline:none;}
input[type=checkbox], input[type=radio]{margin-right:5px;}
input:focus{box-shadow:0 0 3px #63bb9d;}
.btn-com{width:100%;height:50px;display:block;line-height:50px;background:#63bb9d;color:#fff;border:1px solid #4e9c81;border-radius:3px;text-align:center;}
a.btn-com{color:#fff;}


.user-head{background:url(../images/user_head_bg.jpg) center center no-repeat; background-size:100% auto; text-align:center;padding:20px 0;}
.user-head .img{width:80px;height:80px;display:inline-block;overflow:hidden;vertical-align:middle;border-radius:100%;background:#fff;border:5px solid #fff;}
.user-head .img img{width:100%; vertical-align:middle;}
.user-head .name{ vertical-align:middle;display:inline-block;margin-left:20px;font-size:16px;color:#fff;text-shadow:1px 1px 1px #000;}

.user-amount,.add-amount{ text-align:center;}
.user-amount{border-right:1px solid #ccc;}
.amount-link{border-left:1px solid #ccc;}
.price{font-size:20px;color:#fc9004;}
.amount-link i{float:right;}
.amount-link a{line-height:44px;display:block;color:#63bb9d;}

.footer-empty{height:100px;}
.footer{position:fixed;bottom:0;width:100%;left:0;background:#f2f2f2;border-top:1px solid #aaa;}
.footer .footer-menu{width:25%;float:left; text-align:center;position:relative;}
.footer .footer-menu a.item-a{ display:block;padding:5px 5%;font-size:13px;color:#929292;}
.footer .footer-menu a.item-a:hover{background:#ddd;}
.footer .footer-menu span{ line-height:16px;display:block;margin-top:5px;}

.menu-sub{ position:absolute;bottom:100%;right:10px;margin-bottom:7px;width:100%; background:#fff;border:1px solid #aaa;z-index:100;box-shadow:1px 2px 5px #ccc; display:none;}
.menu-list li{ list-style:none;font-size:13px;padding:0 10px;}
.menu-list li a{ display:block;padding:0 10px; line-height:35px;border-bottom:1px solid #f6f6f6;}
.menu-list li a:active{color:#45bee0;}
.arrow{ width:15px;height:7px; display:inline-block; background:url(../images/arrow.png) no-repeat;}
.footer .footer-menu .arrow{ position:absolute;left:50%;margin-left:-8px;bottom:0;margin-bottom:-7px;z-index:160;}
.hide-img{ display:none;}
.menu3{padding-right:15px;}
.menu4{padding-right:15px;}

.footer-menu a.active img{ display:none;}
.footer-menu a.active img.hide-img{ display:inline-block;}
.footer-menu a.active span{color:#63bb9d;}

.address-list{}
.addr-item{border-bottom:1px solid #ccc;padding:15px 0;}
.addr-item .btn-edit{float:right;}

.i-edit{width:20px;height:20px;background-image:url(../images/icon_edit.png);}
.i-arrow-right{width:18px;height:25px;background:url(../images/arrow_right.png) no-repeat; background-size:100% 100%;}
.i-search{width:32px;height:32px;background:url(../images/icon_search.png) no-repeat;}
.date-txt{line-height:32px;display:inline-block;}

.search-date{padding:5px 15px;background: -webkit-gradient(linear, 0 0, 0 100%, from(#f9f9f9), to(#f1f1f1));}
.search-date .btn-sear{float:right;margin-top:4px;}

.income-list{}
.income-list .item{padding:10px 0;border-bottom:1px solid #ccc;}
.income-list .item .price{}

.cart-good{overflow:hidden;margin:0;}
.cart-good dt{width:90px;height:60px;overflow:hidden;float:left;}
.cart-good dd{padding-left:100px;line-height:30px;}
.cart-good dd span,.cart-good dd span.price{display:block;line-height:30px;margin:0;}


.numer-area{height:40px;display:inline-block;}
.numer-area .btn-mul{float:left;width:40px;height:40px;display:inline-block;background:url(../images/icon_mul.png) no-repeat center center #63bb9d;background-size:80% auto;border-radius:3px;}
.numer-area .btn-plus{float:left;width:40px;height:40px;display:inline-block;background:url(../images/icon_plus.png) no-repeat center center #63bb9d;background-size:80% 80%;border-radius:3px;}
.numer-area .qty{float:left;display:inline-block;height:40px;font-size:16px;line-height:40px;padding:0 10px;}
.numer-area .btn-mul.disabled,.numer-area .btn-plus.disabled{background-color:#c9c5c5;}

.cart-table {border-bottom:1px solid #ddd;}
.cart-table .numer-area{margin-top:10px;}
.cart-table .price{line-height:40px;display:inline-block;margin-top:10px;}
.cart-table  .btn-del{margin-top:10px;}

.btn-del{height:40px;line-height:40px;display:inline-block;padding:0 10px;background:#c9c5c5;color:#fff;border-radius:5px;}
.btn-com.inline{display:inline-block;width:auto;padding:0 20px;}

.full-page{width:100%;}
.slide-left{width:20%;float:left;background:#ebebeb;min-height:100%;}
.slide-left:before{ position:fixed;z-index:-1;background:#ebebeb;top:0;left:0;width:20%;    height: 100%;display:block;    content: " ";}
.slide-right{width:80%;float:left;min-height:100%;}
.order-menu{margin:0;padding:20px 0;}
.order-menu a{display:block;padding:20px 0; text-align:center;font-size:24px;color:#000;}
.order-menu a:hover,.order-menu a.active{ background:#63bb9d;color:#fff; text-decoration:none;}
.order-cart{position:fixed;left:0;bottom:0;width:100%;z-index:200; padding:10px 0;background:url(../images/opa_black.png);}
.order-cart .btn-com{float:right;margin-right:20px;margin-top:10px;}
.cart-num{width:64px;height:54px;margin:0 40px;display:inline-block;float:left;background:url(../images/icon_cart.png);position:relative;}
.cart-num em{font-style:normal;color:#fff;background:#63bb9d;text-align:center;font-size:16px;border-radius:100%;line-height:30px;min-width:30px;position:absolute;right:0;top:-5px;}
.cart-price{padding-left:25%;line-height:27px;}
.cart-price .info{display:block;color:#fff;}

.tab-t{font-size:0; text-align:center;}
.tab-t a{display:inline-block;line-height:60px;min-width:33.33333%;font-size:18px;color:#63bb9d;padding:0 20px;border-top:1px solid #63bb9d;border-bottom:1px solid #63bb9d;border-right:1px solid #63bb9d;}
.tab-t a:first-child{border-radius:8px 0 0 8px;border-left:1px solid #63bb9d;}
.tab-t a:last-child{border-radius:0 8px 8px 0;border-left:1px solid #63bb9d;}
.tab-t a.active{ background-color:#63bb9d;color:#fff;}

.info-list{}
.info-list .item{padding:10px;border:1px solid #ddd;margin-bottom:10px;background: -webkit-gradient(linear, 0 0, 0 100%, from(#f9f9f9), to(#f1f1f1));}
.info-list .item:hover{ background:#ddd;}
.info-list .name{margin:0 10px;}
.info-list .btn-com{}
.info-list .image{height:90px;}

.m-slide{}

.img-clock{width:20%;float:left;}
.img-txt{width:60%;float:left; line-height:40px;}
.img-knife{width:20%;float:left;}
.img-txt .info{display:block;}


.grid{}
.grid .hd{margin-bottom:5px;}
.grid .hd .title{margin:0;border-left:5px solid #63bb9d;padding-left:10px;font-size:15px;}
.grid th{background:#f6f6f6;font-weight:normal;}
.grid .hd .edit{ float:right;font-size:13px;}

.in-left{width:70%;height:650px;float:left;padding-right:15px;}
.in-right{width:30%;float:left;}
.in-left img{height:100%;}

.form-row .form-s{float:left;margin-right:5px;display:block;}
.form-row .form-det{width:100%;}
.form-row .form-det input[type="text"]{width:100%;}
.form-row .form-det input,.form-row .form-det span{ vertical-align:middle;display: inline-block;}
.form-row  .text2 + .form-det{padding-left:50px;}
.form-row  .text4 + .form-det{padding-left:70px;}
.form-row .form-det .readonly{padding:0;}
input[type="text"].readonly, input[type="password"].readonly{border:0;}
.btn-out{background:#b10000;border-color:#8c0101;}

.img-txt .info .time{display:inline-block;}
.grid .title{border-left:5px solid #63bb9d;padding:0 10px;font-size:16px;}
.order-list .info-list .btn-com{margin-top:10px;}

.border-bottom{border-bottom:1px solid #ddd;}
.form-row.border-bottom{margin-bottom:10px;margin-top:10px;}

.i-date{width:24px;height:24px;display:inline-block; background:url(../images/i_date.png) no-repeat;}
.i-position{width:24px;height:24px;display:inline-block; background:url(../images/i_marker.png) no-repeat;}
.i-money{width:24px;height:24px;display:inline-block; background:url(../images/i_rmb.png) no-repeat;}
.i-deliveryt{width:24px;height:24px;display:inline-block; background:url(../images/i_deliveryt.png) no-repeat;}

.date-info{ background:url(../images/i_date.png) left center no-repeat;}
.posi-info{ background:url(../images/i_marker.png) left center no-repeat;}
.money-info{ background:url(../images/i_rmb.png) left center no-repeat;}
.to-info{ background:url(../images/i_deliveryt.png) left center no-repeat;}
.meal-info{ background:url(../images/icon_dinner.png) left center no-repeat;background-size:24px,24px;}
.msg-info{ background:url(../images/icon_edit.png) left center no-repeat;background-size:24px,24px;}
.submit-order .form-row{margin:0;padding:10px 0;}
.submit-order .form-row p{margin:0;}
.submit-order .form-row  .text2 + .form-det{padding-left:35px;}
.clist-con{ padding-bottom:80px;}
@media (max-width: 1200px){
	.contact-info{ width:40%;}
}
@media (max-width: 992px){
	.nav-con .nav li a{padding:0 15px;font-size:20px;}
	.ser-list .col-sm-3{ width:50%;float:left;}
	
	
}
@media (max-width: 768px){
	
}
@media (max-width: 600px){
	
}
@media (max-width: 480px){
	body{ font-size:12px;}
    .mb20{margin-bottom:10px;}
	.header{height:50px;}
	.header-back{padding:15px 0;}
	.header-back a{padding:0 10px 0 0;height:20px;}
	.i-back{width:16px;height:20px;}
	.in-left{padding-right:5px;height:430px;}
	.nav-item{margin-bottom:5px;}
	.nav-item .item-a{height:140px;}
	.nav-item .item-a img{max-height:70px;}
	.nav-item .name{font-size:14px;margin-top:5px;}
	.in-t.mb20{margin-bottom:5px;}
	.in-b{margin-left:-2.5px;margin-right:-2.5px;}
	.in-b .nav-item{padding:0 2.5px;}
	.header-right{padding-left:30px;}
	.header-title{padding:10px 0;}
	.header-title .title{line-height:30px;font-size:18px;}
	.footer .footer-menu a.item-a img{height:25px;}
	.numer-area .btn-mul,.numer-area .btn-plus{width:20px;height:20px;}
	.numer-area .qty{height:20px;line-height:20px;padding:0 5px;}
	.cart-good dt{width:60px;height:40px;}
	.cart-good dd{padding-left:65px;}
	.cart-good dd span, .cart-good dd span.price{line-height:20px;}
	.cart-table .price{line-height:20px;}
	.btn-del{height:25px;line-height:25px;}
	
	.user-amount, .add-amount{width:50%;float:left;}
	.wraper,.form-wraper{width:100%;}
	.order-menu a{font-size:13px;padding:10px 5px;}
	.tab-t a{line-height:32px;font-size:16px;}
	.amount-link{float:left;width:100%;}
	.amount-link a{line-height:30px;font-size:14px;}
	.footer-empty{height:65px;}
	
	.img-txt{line-height:20px;}
	.m-slide{height:100px;overflow:hidden;}
	.btn-com{line-height:40px;height:40px;padding:0 10px;}
	.btn-com.inline{padding:0 10px;}
	
}
@media (max-width: 400px){
	.cart-good dd{ padding-left:0;}
	.cart-good dt{ float:none;}
	.cart-good dd span, .cart-good dd span.price{ display:inline-block;}
	.price{ font-size:13px;}
}