﻿@charset "GB2312";
/* CSS Document */
/*重置CSS*/
*{padding:0px;margin:0px;font-size:16px;font-family:'微软雅黑';font-weight:lighter;}
a,span,div{font-size:16px;}
button ,input,textarea{outline:none;}
li{list-style:none;}
body{max-width:750px;margin:0 auto;background:#fff;}
/*header*/

A:link {COLOR: blue; TEXT-DECORATION: none}
A:visited {COLOR: #666666; TEXT-DECORATION: none}
A:active {COLOR: #999999; TEXT-DECORATION: none}
A:hover {COLOR: #FF6633; FONT-WEIGHT: normal; TEXT-DECORATION: none}

.header{width:100%;max-width:750px;height:50px;line-height:50px;background:#3597e0;color:#fff;text-align:center;position:fixed;z-index:9999999;box-shadow:0px 3px 3px rgba(0, 0, 0, 0.4);}
.header p{font-size:19px; letter-spacing:1px;text-indent:1px;}
.header p span{font-size:19px;}
.header p .backBtn{background-image:url(../images/wu_03.png);display:block;width:46px;height:48px;background-position:20px center;top:0px;left:0px;position:absolute;background-size:13px; background-repeat:no-repeat;}

.content{width:100%;overflow:hidden;padding-top:50px;padding-bottom:60px;}
.content .banner{max-height:220px;display:block;width:100%;}
.content .telBox{width:100%;height:50px;line-height:50px;background:#6ca2c8; background-image:url(../images/2_03.png);background-repeat:no-repeat;  background-position:95% center; background-size:30px;color:#fff;margin:10px auto;}
.telBox label{display:block;float:left;margin-left:20px;}
.telBox span{display:block;float:right;margin-right:80px;}

.mainView{width:100%;margin:10px auto;overflow:hidden;}
.mainView li{float:left;width:47%;margin:1.5%;text-align:center;color:#fff;}
@media(max-width:320px){
	.mainView li{height:150px;line-height:250px;}
	.mainView .m1{background:#f7a539; background-image:url(../images/2_10.png); background-repeat:no-repeat; background-position:center 30px; background-size:60px;}
	.mainView .m2{background:#cc0d36; background-image:url(../images/2_07.png); background-repeat:no-repeat; background-position:center 30px; background-size:60px;}
	.mainView .m3{background:#7b989e; background-image:url(../images/2_16.png); background-repeat:no-repeat; background-position:center 30px; background-size:60px;}
	.mainView .m4{background:#6ca2c8; background-image:url(../images/2_14.png); background-repeat:no-repeat; background-position:center 30px; background-size:60px;}
}
@media(min-width:320px){
	.mainView li{height:150px;line-height:250px;}
	.mainView .m1{background:#f7a539; background-image:url(../images/2_10.png); background-repeat:no-repeat; background-position:center 30px; background-size:60px;}
	.mainView .m2{background:#cc0d36; background-image:url(../images/2_07.png); background-repeat:no-repeat; background-position:center 30px; background-size:60px;}
	.mainView .m3{background:#7b989e; background-image:url(../images/2_16.png); background-repeat:no-repeat; background-position:center 30px; background-size:60px;}
	.mainView .m4{background:#6ca2c8; background-image:url(../images/2_14.png); background-repeat:no-repeat; background-position:center 30px; background-size:60px;}
}
@media(min-width:375px){
	.mainView li{height:170px;line-height:280px;}
	.mainView .m1{background:#f7a539; background-image:url(../images/2_10.png); background-repeat:no-repeat; background-position:center 40px; background-size:60px;}
	.mainView .m2{background:#cc0d36; background-image:url(../images/2_07.png); background-repeat:no-repeat; background-position:center 40px; background-size:60px;}
	.mainView .m3{background:#7b989e; background-image:url(../images/2_16.png); background-repeat:no-repeat; background-position:center 40px; background-size:60px;}
	.mainView .m4{background:#6ca2c8; background-image:url(../images/2_14.png); background-repeat:no-repeat; background-position:center 40px; background-size:60px;}
}
@media(min-width:414px){
	.mainView li{height:180px;line-height:300px;}
	.mainView .m1{background:#f7a539; background-image:url(../images/2_10.png); background-repeat:no-repeat; background-position:center 40px; background-size:60px;}
	.mainView .m2{background:#cc0d36; background-image:url(../images/2_07.png); background-repeat:no-repeat; background-position:center 40px; background-size:60px;}
	.mainView .m3{background:#7b989e; background-image:url(../images/2_16.png); background-repeat:no-repeat; background-position:center 40px; background-size:60px;}
	.mainView .m4{background:#6ca2c8; background-image:url(../images/2_14.png); background-repeat:no-repeat; background-position:center 40px; background-size:60px;}
}

.loginView{width:100%;height:50px;background:#efefef;margin-bottom:15px;}
.loginView span{width:20%;display:block;height:50px;line-height:50px;float:left;text-align:center;font-size:16px;}
.loginView input{width:70%;display:block;height:50px;line-height:50px;float:left;border:none;background:#f1f1f1;font-size:16px;}
.loginView select{width:99%;display:block;height:50px;line-height:50px;float:left;border:none;background:#f1f1f1;font-size:16px;}
.loginView a{background-image:url(../images/1_03.png); background-repeat:no-repeat;width:20%;height:50px;display:block;float:left; background-position:center center; background-size:30px;}
.loginView .password{width:60%;}
.loginBtn{width:95%;height:50px;background:#3597e0;margin:0 auto;text-align:center;color:#fff;line-height:50px;border-radius:5px;}
.registerLabel{width:80%;margin:15px auto;}
.registerLabel a{margin-left:10px;text-decoration:none;color:#000;}

.registerTitle{width:95%;margin:0 auto;}

.addressView{width:100%;height:170px;background:#efefef;margin-bottom:15px;}
.addressView input{width:70%;display:block;height:50px;line-height:50px;float:left;border:none;background:#f1f1f1;font-size:16px;}
.addressView span{width:20%;display:block;height:50px;line-height:50px;float:left;text-align:center;font-size:16px;}
.addressView textarea{background:#f1f1f1;border:none;height:160px;font-size:16px;width:70%;line-height:30px;padding-top:10px;}

.orderList{width:96%;margin:2% auto;overflow:hidden;border:1px solid #ccc;border-radius:5px;}
.orderList li{margin-top:20px;}
.listTop{width:100%;background:#e2f0fb;padding-bottom:5px;}
.f1{width:100%;overflow:hidden;border-bottom:1px solid #ccc;padding-bottom:5px;}
.f1 .f1Label{float:left;display:block;width:24px;height:24px;background:#3597e0;color:#fff;border-radius:5px;margin-left:5px;margin-top:5px;text-align:center;line-height:24px;}
.f1 .f1Label2{float:left;display:block;width:24px;height:24px;background:#80878A;color:#fff;border-radius:5px;margin-left:5px;margin-top:5px;text-align:center;line-height:24px;}
.f1 .f1Time{float:left;margin-top:5px;margin-left:10px;font-size:16px;color:FFCCFF;}
.f1 .f1Timep{float:left;margin-top:5px;margin-left:10px;font-size:16px;font-weight:bold;color:red;}//备注加粗改红
.f2{margin:5px;}
.f2 .nametel span{float:right;}
.listBtn{width:100%;margin:0 auto;overflow:hidden;border-top:1px solid #ccc;}
.listBtn .getOrderBtn{display:block;padding:3px 5px;background:#3597e0;color:#fff;border-radius:4px;float:left;margin:5px}
.listBtn .getOrderstate{display:block;padding:3px 5px;background:#80878A;color:#fff;border-radius:4px;float:left;margin:5px}
.listBtn span{display:block;margin:5px;float:right;padding:3px 5px;}


.orderView{width:96%;overflow:hidden;margin:0 auto;}
.orderView span{display:block;float:left;width:33%;height:30px;line-height:30px;}
.orderView .o1{text-align:left;}
.orderView .o2{text-align:center;}
.orderView .o3{text-align:right;}


.remarkLabel{width:100%;background:#efefef;height:40px;line-height:40px;text-indent:10px;}

.goodList{width:100%;margin:0 auto;background:#efefef;}
.goodList *{font-size:16px;}
.goodList tr th{text-align:center;height:40px;line-height:40px;background:#fff;}
.goodList tr td{text-align:center;}
.dealView{overflow:hidden;text-align:center;}
.dealView .minute{float:left;width:20px;height:30px;line-height:24px;font-weight:bold;font-size:30px;}
.dealView .textLabel{float:left;width:40px;height:30px;line-height:30px;font-size:16px;border:none;border-radius:4px;background:#fff;text-align:center;}
.dealView .plus{float:left;width:20px;height:30px;line-height:24px;font-weight:bold;font-size:30px;}
.paddView{height:50px;}


.dealView2{overflow:hidden;text-align:center;}
.dealView2 .completeBtn{float:left;width:45%;height:36px;line-height:36px;text-align:center;background:none;border:none;background:#3597e0;color:#fff;margin:2.5%;border-radius:4px;}
.dealView2 .resetBtn{float:left;width:45%;height:36px;line-height:36px;text-align:center;background:none;border:none;background:#3597e0;color:#fff;margin:2.5%;border-radius:4px;}



.footer{position:fixed;bottom:0px;width:100%;height:50px;max-width:750px;box-shadow:0px -2px 2px rgba(0, 0, 0, 0.2);}
.footUl{width:100%;overflow:hidden;background:#fff;}
.footUl li{float:left;width:33.33%;height:60px;}
.footUl li a{display:block;width:100%;height:50px;background-repeat:no-repeat; background-position:center 5px; background-size:22px;text-align:center;text-decoration:none;color:#333;font-size:12px;line-height:80px;}
.footUl li .tab1{background-image:url(../images/wu_07.png);color:#333;}
.footUl li .tab2{background-image:url(../images/wu_06.png);color:#333;}
.footUl li .tab3{background-image:url(../images/wu_09.png);color:#333;}

.footUl li .tab1Current{background-image:url(../images/si_03.png);color:#3597e0;}
.footUl li .tab2Current{background-image:url(../images/si_12.png);color:#3597e0;}
.footUl li .tab3Current{background-image:url(../images/si_13.png);color:#3597e0;}
#foot{
　　text-align:center;
}
foot_text{
　　display:inline-block;
　　width:500px
}