@charset "utf-8";
*{
  -webkit-tap-highlight-color:rgba(0,0,0,0);
}

.clearfix:after{
    content:".";
    display:block;
    height:0;
    clear:both;
    visibility:hidden;
}

* html .clearfix{
    height:1%;
}

.clearfix{
    display:block;
}

body{
    height:100%;
    background: #f2f2f2;
    font-size: .12rem;
    display: none;
}

#district{
    position: relative;
    padding: .06rem;
    text-align: center;
    font-weight: bold;
    line-height: .28rem;
}

#district img{
    position: absolute;
    left: .12rem;
    width: .28rem;
}

.banner img{
    width: 3.2rem;
}

.entertainment{
  border-top: .01rem solid #dddbdb;
  border-bottom: .01rem solid #dddbdb;
  display: -moz-box;
  display: -webkit-box;
  display: box;
  margin: .1rem 0;
  padding: .1rem 0;
  background-color: #fff;
}

.entertainment a {
  text-decoration: none;
  display: block;
  -moz-box-flex: 1;
  -webkit-box-flex: 1;
}

.entertainment dl {
  width: 100%;
  font-size: 1rem;
}

.entertainment dd {
  position: relative;
  width: .4rem;
  height: .4rem;
  margin: 0 auto;
  border-width: .02rem;
}

.entertainment img{
  width: 100%;
  display: inherit;
}

.entertainment dt {
  overflow: hidden;
  margin: 0 auto;
  padding-top: .1rem;
  color: #333;
  font: 400 .12rem/.14rem Microsoft Yahei;
  text-align: center;
  white-space: nowrap;
  text-overflow: ellipsis;
}

#time{
    position: absolute;
    top:  1.2rem;
    left: .3rem;
    font-size: .03rem;
}

nav {
    width: 100%;
    height: .3rem;
}

nav ul {
    border-bottom: 1px solid #ccc;
    display: -moz-box;
    display: -webkit-box;
    display: box;
}

nav li {
    display: block;
    height: .24rem;
    padding: .05rem 0;
    font-weight: bold;
    text-align: center;
    -moz-box-flex: 1.0;
    -webkit-box-flex: 1.0;
    box-flex: 1.0;
}



nav .selected{
    color:#e53939;
}


nav li a{
    line-height: .24rem;
}

.item{
    float: left;
    position: relative;
    width: 1.43rem;
    height: 2rem;
    margin: .1rem 0 0 .1rem;
    background-color: #fff;
    border-right: 1px solid #ccc;
    border-bottom: 1px solid #ccc;
}

.item:last-child{
    margin-bottom: .1rem;
}

.item img{
    width: 100%;
    height:1.43rem;
}

.description{
    position: absolute;
    width: 1.23rem;
    padding: 0 .1rem;
    margin-top: .1rem;
    bottom: .1rem;
}

.description p{
    line-height: .2rem;
    width:1.23rem;
    font-size:0.09rem;
    color: #000;
    overflow:hidden;
    white-space:nowrap;
    text-overflow:ellipsis;
    -o-text-overflow:ellipsis;
}

.price{
    color: #f22e48;
    float: right;
}
.price em{
  color: #000;
}
.priceOld{
  float: left;
  text-decoration:line-through;
  color:#666;
}
.priceOld em{
  color: #000;
}
.priceNew{
  color: #ff2d55; 
  float: right;
}
.priceNew em{
  color: #000;
}

.item2{
  border-bottom:1px solid #ddd;
  padding-left:1.2rem;
  padding-top:0.1rem;
  padding-bottom:0.1rem;
}
.item2 img{
  width:1.05rem;
  height:0.65rem;
  display:block;
  float:left;
  margin-left:-1.2rem;
}
.item2 h5{ 
  padding-bottom:0.1rem;
  color:#333;
  font-weight:normal;
  font-size:0.14rem;
}
.item2 .top-price{
  margin-bottom:0.05rem;
}
.item2 .top-price b{
  color:#ff6600;
  font-size:0.18rem;
  font-weight:normal;
  padding-right:0.05rem;
  font-family:arial;
}
.item2 .top-price del{
  color:#999;
  font-family:arial;
}
.item2 .top-price .purchase-count{
  display: inline-block;
  margin-left: 0.1rem;
  border-radius: 0.04rem;
  padding: 0.02rem 0.04rem;
  font-size: 0.12rem;
  color: #fff;
  background-color: #FF6600;
}
.item2 .top-buy-num{
  color:#999;
}
.item2 .distance{
  float: right;
  margin-right: 0.15rem;
  color: #999;
}
.item2 .num{
  font-size:0.12rem;
}

.loadimgbox{ 
  width:100%; 
  height:100%; 
  background:#fff url(/app_images/wanlitong/v40/wap/common/spinn.gif) no-repeat center center; 
  position:absolute; 
  left:0; 
  top:0;
  z-index:99999;
}

/*说明文案*/
.notice { background:#e4e4e4; position:relative; display:none; }
.notice:before { content:''; position:absolute; display:block; top:0; left:0; right:0; height:0.06rem; background-image:-webkit-linear-gradient(top, #dddddd, #e4e4e4); }
.notice:after { content:''; position:absolute; display:block; bottom:0; left:0; right:0; height::;rem; background-image:-webkit-linear-gradient(top, #e4e4e4, #dddddd); }
.notice-main { padding:0.1rem; color:#333; font-size:0.1rem; line-height:1.5; }
.notice-main:before { content:''; width:0.16rem; height:0.12rem; float:right; }
.notice-close { position:absolute; right:0.1rem; top:0.1rem; font-size:0.16rem; }