@font-face {
  font-family: 'iconfont';  /* project id 205351 */
  src: url('//at.alicdn.com/t/font_nhw5w0se5wixusor.eot');
  src: url('//at.alicdn.com/t/font_nhw5w0se5wixusor.eot?#iefix') format('embedded-opentype'),
  url('//at.alicdn.com/t/font_nhw5w0se5wixusor.woff') format('woff'),
  url('//at.alicdn.com/t/font_nhw5w0se5wixusor.ttf') format('truetype'),
  url('//at.alicdn.com/t/font_nhw5w0se5wixusor.svg#iconfont') format('svg');
}
html,body,h1,h2,h3,h4,ul,li,p,div,dl,dd,dt{list-style:none; margin:0; padding:0;}
input,.pagemain{
box-sizing:border-box;
-moz-box-sizing:border-box; /* Firefox */
-webkit-box-sizing:border-box; /* Safari */
}
input[type="button"], input[type="submit"], input[type="reset"] {
-webkit-appearance: none;
border: 0;
}
.p10{padding:10px;}
.c{clear:both;}
.l{float:left;}
.r{float:right;}
.tc {text-align: center;}
a.btn { display: inline-block; font-family: "微软雅黑"; padding: 4px 10px; background: #84B82A; color: #fff; border-radius: 5px; font-size: 18px;}
a.btn:hover {background-color: #38B100; color: #fff;}
body {
background: #f1f1f1; padding:0px; font-size:14px; line-height: 1.8em; font-family:arial;
max-width:700px;
}
a{ color:#333; text-decoration:none;}
em{font-size:12px; color:#999; font-style:normal;}
a:hover{text-decoration:none; color:#000;}
h1,h2,h3,h4,h5,h6{font-family:"微软雅黑"; margin-bottom:8px; font-weight:normal;}
.h,.h20{height:10px; overflow:hidden;}
.h20{height:20px;}
.tc {text-align: center;}
p,form div {margin-bottom:8px; }
label{margin-top:16px;display:block;margin-bottom:5px;}
textarea, input[type="text"], input[type="password"], input[type="button"], input[type="datetime-local"], input[type="date"], input[type="month"], input[type="time"], input[type="week"], input[type="number"], input[type="email"], input[type="url"], input[type="search"], input[type="tel"], input[type="color"],form .btn  {
  background-color: #FFFFFF;
  background-image: none;
  border: 1px solid #CCCCCC;
  border-radius: 4px;
  box-shadow: 0 1px 1px rgba(0, 0, 0, 0.075) inset;
  color: #555555;
  display: block;
  font-size: 14px;
  line-height: 1.42857;
  padding: 5px 0;
  text-indent: 0.5em;
  vertical-align: middle;
  width: 100%;             
  line-height: 1.41176471;
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
    outline: 0;
    -webkit-appearance: none;
    background-color: transparent;
    font-size: inherit;
    color: inherit; 
}
textarea {height:60px;}
form .btn{background:#75C135; color:#fff; overflow:hidden; cursor:pointer;}
form p {color:#888;}

.input-skin li {width:33%; float:left; padding:6px 0; margin:0 1px 1px 0;}

#footer {text-align:center; font-size:12px; color:#999; width:100%; margin-top: 20px;}
.well{
padding: 8px;
background: white;
font-size: 14px;
border-top:1px solid #ddd;
border-bottom:1px solid #ddd;
margin:0 0 8px 0;
}

/* 通用模块 */

.m1 {border: 1px solid #ddd;  margin: 5px; border-radius: 4px; overflow: hidden; }
.m1 dt{background: #f4f4f4; border-bottom: 1px solid #ddd; font-size: 14px; padding: 0 10px; height: 30px; line-height: 30px;}
.m1 dd {padding: 10px;background: #fff;}


.info span {display:inline-block; margin:0 10px;}

.nav2 {height:30px;border:1px solid #ddd; line-height:30px; padding:0; width:80%; margin:8px auto; border-radius:4px;}
.nav2 li {width:50%; float:left; text-align:center;}
.nav2 li a{color:#5DA83D; display:block;}
.nav2 li.on {background:#5DA83D;}
.nav2 li.on a{color:#fff;}

.info {padding:8px;}

.nav {
height:35px;line-height:35px;margin-bottom:8px; padding-left:3px; border-bottom:1px solid #ddd;
background:#fff;
}
.nav li{float:left; width:25%; text-align:center; height:35px; }
.nav li a{color:#333; font-size:16px; display:block;}
.nav li.on {border-bottom:2px solid #5DA83D; color:#5DA83D; height:34px;}

.pagemain { 
height:100%;
padding-bottom:50px;
overflow:auto;
-webkit-overflow-scrolling: touch;
}

.footnav {
    display: -webkit-box;
    display: -webkit-flex;
    display: flex;
    position: absolute;
    z-index: 9999;
    bottom: 0;
    width: 100%;
    background-color: #F7F7FA;
    height:50px;
    border-top:1px solid #e5e5e5;
    
}
.footnav li {
    display: block;
    -webkit-box-flex: 1;
    -webkit-flex: 1;
    flex: 1;
    font-size: 14px;
    color: #666;
    text-align: center;
    -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
}
.footnav li.on a{ color:#5DA83D;}
.footnav li a{
display:block;
font-size:12px; line-height:1.2em; padding-top:9px;
}
.footnav li a i {
  display:block; 
  font-family: 'iconfont';
  font-style:normal;
  font-size:20px;
  margin-bottom:5px;
}



.help p {margin-bottom:20px; border-bottom:1px solid #ddd; padding-bottom:20px;}


.well-hd {padding:8px; overflow:hidden; text-align: center;}
.well-hd li { display: inline;}
.well-hd li.mnow{text-align:center; display: inline-block; font-size: 14px;}
.well-hd li.next{text-align:right;}
.well-hd li a{display: inline-block; padding: 2px 9px; background: #eee;}

#zm li.del div,#zm li.tag div,.tag-hide,.tag-show,.tongji li .img{
 -webkit-transition:ease all .5s;
 -moz-transition:ease all .5s;
 transition:ease all .5s;
}

#zm li {border-bottom:1px solid #eee; position:relative; height:40px; line-height:40px; overflow:hidden;}
#zm li.tit {border-color:#5DA83D; color:#5DA83D;padding:0 5px; height:20px; line-height:20px; margin-top:10px;}
#zm li div {
position:absolute;left:0;top:0; width:100%; z-index:9;
 -webkit-transition:ease all .5s;
 -moz-transition:ease all .5s;
 transition:ease all .5s;
 background:#fff;
}
#zm li div b{font-weight:normal; padding-left:5px; font-size:16px;}
#zm li div em{font-size:12px; padding-left:10px; font-style:normal; color:#999;}
#zm li span {float:right; padding-right:5px; font-size:14px;}
#zm li.del div{
 top:0;
 left:-80px;
 position:absolute;
}

#zm li.tag div{
 top:0;
 left:90px;
 position:absolute;
}

#zm li a { 
position:absolute; display:block; width:80px; height:40px;
background:#333;
color:#fff;
 top:0; z-index:8;
text-align:center;
}
#zm li a.btn-del{right:0; background:#dd524d;}
#zm li a.btn-tag {
left:0; width:90px; background:url(../img/btn-tag-bg.gif) no-repeat right center #333;
background-size:auto 100% ;
}

/* 普通列表 */

.ul-list a { display:block; height:45px; line-height:45px; border-bottom:1px solid #eee;}

.tongji li {height:45px; line-height:45px; border-bottom:1px solid #eee;position:relative;}
.tongji li span {float:right;}
.tongji li .txt{ width:100%; left:0; top:0; z-index:888; height:40px; position:absolute;}
.tongji li .img{height:2px; background:#ccc;width:0%; position:absolute; bottom:0; left:0;}
.tongji li span {display:inline-block; width:80px;}
.tongji li span.bi{width:50px; text-align:right;}
.tongji li a {font-size: 16px;}

.pagination {text-align:center; padding-top:10px;}
.pagination li {display:inline; }
.pagination li a {display:inline-block; padding:4px 6px;}

#tagdiv {background:#333; width:90px; position:fixed; top:0; z-index:888;height:100%; overflow:auto;}
#tagdiv h3 {border-bottom:1px solid #222; text-align:center; color:#fff; height:25px; line-height:25px; font-size:14px; background:#000;}
#tagdiv ul li {height:35px; cursor:pointer; line-height:35px; text-align:center; color:#fff;width:100%; float:none; border-bottom:1px solid #363636;}
#tagdiv ul li:active,#tagdiv ul li:hover{background:#666;}
.tag-hide {left:-90px; }
.tag-show {left:0px; }

#zm #page {text-align:center;}
#zm #more {display:block; background:#eee; width:100%; color:#000; cursor:pointer;}
#zm #more:hover,#zm #more:active {background:#999;}

/* shop */
#shop_head {margin: 5px; background: #ddd; border-radius: 4px; overflow: hidden;}
#shop_head h1{ height: 45px; line-height: 45px; background: #84B82A; color: #fff; padding: 0 10px; font-size: 20px;}
#shop_head h1 a {color: #fff;}
#shop_head h1 span {float: right; font-size: 18px;}
#shop_head p {padding: 5px 10px; line-height: 1.6em;}

.photo-list {overflow: hidden;}
.photo-list0 {

	-webkit-column-width:160px;
                -moz-column-width:160px;
                -o-colum-width:160px;
                -webkit-column-gap:0px;
                -moz-column-gap:0px;
                -o-column-gap:0px;

				}
.photo-list0 div{display:inline-block;margin:0 0 5px 0; width:160px; background:#ffffff;vertical-align:middle;
transition: top 1s,left 1s;
-webkit-transition: top 1s,left 1s;
}
.photo-list0 span{display: block;line-height: 1.2em; padding:5px 0 ;}
.photo-list0 a .pic {overflow: hidden;}
.photo-list0 a img {width: 100%;}
.photo-list0 a .name {}
.photo-list0 a .name b {color: #cc0000;}
.photo-list0 .tool a{margin-left: 1px; display: inline-block; width: 49%; text-align: center; padding: 3px 0; color: #fff; background: #333;}




.show-title {font-size: 24px; margin-bottom: 10px;}
b.price {font-size: 28px; color: #f60;}

.fenxiang {
background:url(https://res.wx.qq.com/mpres/htmledition/images/icon/emotion/77.gif) no-repeat 4px center #fff;
height: 30px; line-height: 30px;
padding: 0 5px 0 30px;
font-size: 12px;
border-bottom: 1px solid #ddd;
-webkit-box-shadow:0 1px 3px #ccc;
position: relative;
}
.fenxiang a {color:#67AD03 ;}
.fenxiang em { position: absolute;
right:25px;
top:1px;
font-size: 12px;
z-index: 2;
background: #333;
width: 8px;
height: 8px;
-webkit-transform:rotate(45deg);
}
.fenxiang span {float: right; font-size: 10px;
color: #fff; position: absolute; z-index: 2;
background: #333;
display: inline-block;
padding: 0 5px;
height: 25px;
line-height: 25px;
bottom: 0;
right: 5px;
-webkit-border-radius:4px;
}

.fenxiang span a {color: #fff;}