/* 
 * @description:  
 * @author: jinlin.wen 
 * @update:
*/ 
@charset "utf-8";
body,textarea,input,select,option {font-size:12px;color:#333;font-family:Arial,"微软雅黑",Tahoma,sans-serif;}h1,h2,h3,h4,h5,h6,input, textarea, select{font-size:100%;font-weight:normal;}body,h1,h2,h3,h4,h5,h6,blockquote,ol,ul,dl,dd,p,textarea,input,select,option,form {margin:0;}ol,ul,li,textarea,input,select,option,th,td {padding:0;}table {border-collapse:collapse;}ol,ul {list-style-type:none;}.clears:before,.clears:after {content:'';display:table;}.clears:after {clear:both;}.clears {*zoom:1;}.clear {clear:both;overflow:hidden;}a {text-decoration:none;color:#333;}a,textarea,input{outline:none}textarea {overflow:auto;resize:none;}.img img {display:block;}a img {border:none;}.z_index{position:fixed;_position:absolute;z-index:999;display:none;}label,label input{vertical-align:middle}.pr {position:relative;}.pa {position:absolute;}.fl {float:left;}.fr {float:right;}a:hover{text-decoration:none}body{word-break:break-all;word-wrap:break-word;cursor:default;}input[type="checkbox"],input[type="text"],input[type="submit"],input[type="number"],input[type="tel"],textarea,button{-webkit-border-radius:0;border-radius:0;-webkit-appearance: none;}html, body, form,fieldset, p, div,h1, h2, h3, h4, h5, h6 {-webkit-text-size-adjust:none;}.d_box{display:-moz-box;display:-webkit-box;display:box;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;-webkit-box-flex:1;-moz-box-flex:1;box-flex:1;width:100%;}html{font-size:62.5%;}body{font-size:1.2rem;font-size:12px;width:100%;overflow-x:hidden;}i,var{font-style:normal;}.d_center{display: -webkit-box;display: -moz-box;display: box;-webkit-box-pack: center;-webkit-box-align: center;-moz-box-pack: center;-moz-box-align: center;box-pack: center;box-align: center;}.d_boxflex{-webkit-box-flex: 1;-moz-box-flex: 1;-ms-box-flex: 1;box-flex: 1;display:block;}.nowrap{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;}b,i{font-weight:normal;font-style:normal;}.vm *{vertical-align: middle;}

body{max-width:640px;margin:0 auto;}
.foodsList div {display:block;background-color:#fff;padding-bottom:20px;margin-bottom:14px;border-bottom:1px solid #ddd;}
.foodsList div img{display:block;width:100%;}
.foodsList div b{display:block;font-size:16px;line-height:16px;padding:17px 0 0 15px;}
.foodsList div span{display:block;font-size:12px;line-height:16px;color:#f45f48;padding:7px 12px 12px 15px;}
.foodsList div p{display:block;line-height:27px;padding:0 14px 0 17px;}
.foodsList div p strong{font-size:18px;color:#f45f48;}
.foodsList div p i{color:#bbb;font-style:normal;text-decoration:line-through;padding-left:15px;}
.foodsList div p var{display:block;float:right;font-style:normal;border:1px solid #ddd;border-right:none;border-radius:4px 0 0 4px;padding:0 11px;background-color:#fff;}
.foodsList div p em{display:block;float:right;font-style:normal;border:1px solid #f45f48;border-left:none;border-radius:0 4px 4px 0;padding:0 10px;background-color:#f45f48;color:#fff;} 

.foodsAbout {background-color:#fff;}
.foodsAbout span{display:block;position:relative;}
.foodsAbout span img{display:block;width:100%;}
.foodsAbout span var{display:block;color:#fff;position:absolute;bottom:0px;left:0px;width:100%;height:28px;background-color:rgba(3,3,3,0.4);line-height:28px;}
.foodsAbout span var i{display:block;width:13px;height:13px;background:url(/images/success_icon.png) no-repeat;background-size:15px 30px;-webkit-background-size:15px 30px;float:left;margin:7px 8px 0 19px;}.foodsAbout span var .success{background-position:0 0;}
.foodsAbout span var .fail{background-position:0 -15px;}
.foodsAbout span var strong{font-size:13px;}
.foodsAbout p{display:block;font-size:14px;line-height:14px;padding:24px 24px 12px 19px;}
.foodsAbout p i{float:right;font-size:10px;}
.foodsAbout div{padding:0 23px 27px 21px;}
.foodsAbout div b{display:block;float:right;line-height:16px;}
.foodsAbout div b strong{font-size:16px;color:#f45f48}
.foodsAbout div var{line-height:16px;padding-right:7px;}
.foodsAbout div i{display:inline-block;width:17px;height:14px;border:1px solid #ddd;border-radius:3px;text-align:center;font-size:10px;line-height:14px;}
.groupMenber{margin-top:10px;border-top:1px solid #ddd;}
.groupMenber p{display:block;line-height:37px;height:37px; overflow:hidden;font-size:12px;padding-left:22px;border-bottom:1px solid #ddd;background-color:#fff;}
.groupMenber p img{display:block;float:left;width:26px;height:26px;border-radius:26px;margin:6px 12px 0 0;}
.groupMenber p i{display:block;float:right;padding-right:28px;font-size:10px;}
.groupMenber p var{color:#999;}
.stepAbout{padding:23px 15px 14px;background-color:#fff;margin-top:10px;border-top:1px solid #ddd;border-bottom:1px solid #ddd;}
.stepAbout div{border-bottom:1px dashed #ddd;display:block;padding-bottom:16px;}
.stepAbout div span{display:block;width:33.33%;float:left;}
.stepAbout div span i{display:block;width:19px;height:19px;border-radius:19px;border:1px dashed #ddd;background-color:#fff;text-align:center;line-height:19px;float:left;color:#666;}
.stepAbout div span var{display:block;padding-left:32px;line-height:14px;font-size:10px;color:#666;padding-top:2px;}
.stepAbout div span.on i{border:1px solid #F45F48;color:#fff;background-color:#F45F48;}
.stepAbout div span.on var{color:#f45f48;}
.stepAbout p{line-height:10px;font-size:10px;padding:12px 0 0 8px;color:#999;}
.stepAbout p a{text-decoration:underline;color:#999;}
.bottomBtn{display:block;height:46px;border-top:1px solid #ddd;position:fixed;bottom:0px;left:0px;width:100%;background-color:#fff;}
.bottomBtn a{display:block;height:35px;margin:5px 35px;color:#fff;background-color:#F45F48;border-radius:6px;line-height:35px;text-align:center;font-size:13px;}
.upBox{display:block;width:100%;height:100%;position:fixed;left:0px;top:0px;background-color:rgba(0,0,0,0.9);z-index:999;}
.upBox div b{display:block;font-size:14px;padding-top:74px;line-height:14px;color:#fff;text-align:center;}
.upBox div em{display:block;margin:18px 8% 0;}
.upBox div em img{display:block;width:100%;}
.upBox div i{display:block;width:18px;height:18px;line-height:18px;text-align:center;color:#fff;border:2px solid #fff;border-radius:17px;position:absolute;right:8px;top:12px;font-style:normal;}
.upBox div span{display:block;font-size:14px;color:#fff;line-height:28px;padding-top:188px;text-align:center;}

/*底部导航*/
.groupBottom{display:-webkit-box;height:52px;width:100%;position:fixed;left:0px;bottom:0px;border-top:1px solid #ddd;background-color:#fff;}
.groupBottom span,.groupBottom var,.groupBottom a{display:block;width:100%;-webkit-box-flex:1;text-align:center;border-right:1px solid #ddd;}
.groupBottom a{border-right:none;color:#fff;background-color:#CB2C48}
.groupBottom span {font-size:14px;line-height:52px;color:#666;}
.groupBottom var i,.groupBottom a i{display:block;font-size:12px;text-align:center;line-height:12px;padding-top:12px;color:#999;}
.groupBottom var b,.groupBottom a b{display:block;font-size:15px;color:#CB2C48;text-align:center;line-height:15px;padding-top:5px;}
.groupBottom a b,.groupBottom a i{color:#fff;}