@charset "utf-8";

html,body,div,object,iframe,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,p,blockquote,pre,fieldset,form,label,legend,button,input,textarea,table,caption,tbody,tfoot,thead,tr,th,td,a,abbr,address,acronym,cite,code,del,dfn,em,img,ins,kbd,q,span,samp,small,strike,strong,sub,sup,tt,var,b,u,i,center,section,article,aside,header,footer,nav,menu,hgroup,dialog,details,summary,figure,figcaption,canvas,embed,output,ruby,time,mark,audio,video {
 margin:0;
 padding:0;
 box-sizing: border-box;
}
html {
 color:#333;
 background:#fff;
}
body {
 line-height:1;
}
section,article,aside,header,footer,nav,menu,hgroup,dialog,details,figure,figcaption {
 display:block;
}
h1,h2,h3,h4,h5,h6 {
 font-size:100%;
 font-weight:normal;
}
ul,ol,li {
 list-style:none;
}

input,textarea,select {
 font-family:inherit;
 font-weight:inherit;
 font-size:inherit;
 color: #fff;
}
input,textarea,select {
 *font-size:100%;
}

blockquote:before,blockquote:after,q:before,q:after {
 content:'';
}
a:link,a:visited {
 text-decoration:none;
}
a:hover,a:active,a:focus {
 text-decoration:none;
 outline:0;
}
input[type="radio"],input.radio,input[type="checkbox"],input.checkbox {
 margin-right:3px;
 vertical-align:middle;
}
input[type="text"],input.text,input[type="password"],input.password {
 padding:4px;
 border:1px solid #ccc;
}
input[type="text"]:hover,input[type="text"]:active,input[type="text"]:focus,input.text:hover,input.text:active,input.text:focus,input[type="password"]:hover,input[type="password"]:active,input[type="password"]:focus,input.password:hover,input.password:active,input.password:focus {
 border-color:#bbbbbb;
}
textarea {
 padding:5px;
 border:1px solid #ccc;
}
textarea:hover,textarea:active,textarea:focus {
 border-color:#bbbbbb;
}
select {
 padding:3px;
 border:1px solid #ccc;
}
select:hover,select:active,select:focus {
 border-color:#bbbbbb;
}
select optgroup {
 font-weight:700;
 font-style:normal;
}
select option {
 font-weight:400;
 font-style:normal;
}

.bg-white{background: #fff !important;}
.bg{background: #efefef;}
.fl {
 float:left;
 display:inline;
}
.fr {
 float:right;
 display:inline;
}
.cl {
 clear:left;
}
.cr {
 clear:right;
}
.cb {
 clear:both;
}
.bc {
 margin-left:0;
 margin-right:0;
}
.clear {
 height:0;
 clear:both;
 font-size:0;
 overflow:hidden;
 visibility:hidden;
}
.clearfix {
 *zoom:1;
}
.clearfix:after {
 visibility:hidden;
 display:block;
 font-size:0;
 content:".";
 clear:both;
 height:0;
}

.hidden {
 display:none;
}

.zoom {
 zoom:1;
}




.m-box{ margin: 0 auto; max-width: 800px;}
.m-box .head{ width: 100%; max-width: 800px; background: #0080ff; color: #fff; height: 50px; line-height: 50px; text-align: center; position: fixed; top: 0; }
.m-box .head .del{ position: absolute; width: 60px; text-align: center; height: 50px; top: 0; right: 0; display: none; }
.m-box .list{ width: 100%; }
.m-box .list ul li{ width: 100%; height: 100px; }
.m-box .list ul li .box{ width: 100%; height: 100px; position: relative; padding: 0 10px 0 5px; }
.m-box .list ul li .box .check,.foot .check{ width: 25px; height: 25px; border-radius: 50%; border: 1px solid #333; position: absolute; left: 5px; top: 50%; margin-top: -10px;   }
.m-box .list ul li .box .check.action,.foot .check.action{ background: #ff0036; background-size:auto 100%; border: none;  }
.m-box .list ul li .box .img{ width: 90px; height: 90px; float: left;padding:2px 0px 2px 0px; }
.m-box .list ul li .box .img img{ width: 100%; }
.m-box .list ul li .box .info{ padding-left: 100px; }
.m-box .list ul li .box .info .title{ height: 20px; line-height: 20px; width: 100%; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; }
.m-box .list ul li .box .info .des{ height: 10px; line-height: 10px; padding-bottom: 30px; padding-top:5px;}
.m-box .list ul li .box .info p{ width:inherit;display:block;white-space:normal;padding:5px 0px 5px 0px;line-height:22px;} 
.m-box .list ul li .box .m-num{ height: 35px; line-height: 35px; width: 105px; position: relative;  }
.m-box .list ul li .box .m-num span{ display: block; width: 35px; height: 35px; background: #eee; text-align: center; position: absolute; top: 0;  }
.m-box .list ul li .box .m-num .add{ position: absolute; right: 0;  }
.m-box .list ul li .box .m-num .jian{ position: absolute; left: 0;  }
.m-box .list ul li .box .m-num input{ color: #333; width: 35px; height: 35px; border-color: #eee; position: absolute; left: 35px; text-align: center; }
.m-box .list ul li .box .price{ line-height: 35px; height: 35px; font-size: 15px; color: #BF360C; }
.m-box .list ul li .box .pricet{ line-height: 35px; height: 35px; font-size: 15px; color: #BF360C; }

.foot{ width: 100%; height: 50px; background: #F2F2F2; line-height: 50px; padding: 0 0 0 15px; position: fixed; bottom: 0; max-width: 800px; }
.foot .all-check{ padding-left: 20px;  width: 60px; float: left; }
.foot .foot-box{ width: 70%; float: right;   }
.foot .foot-box .itme{ width: 50%; float: left; height: 100%; }
.foot .foot-box .itme input{ display: block; width: 100%; height: 50px; background: #ff0036; border: none;  }

a:link { 
font-size: 15px; 
font-weight: bold;
color: #000000; 
text-decoration: none; 
} 
a:visited { 
font-size: 15px; 
font-weight: bold;
color: #000000; 
text-decoration: none; 
} 

.lout{ 
font-size: 15px; 
font-weight: bold;
color: #000000; 
text-decoration: none; 
}