/* #main */
#main{
  padding:0 0.1rem 0.5rem 0.1rem;
  /*margin-top:0.79rem;*/
  font-size:0;
}
#main > .list{
  border-top:0.01rem solid #eeeeee;
  margin-top: .1rem;
}
#main > .list > .item{
  padding:0.25rem 0.13rem;
  border-bottom:0.01rem solid #eeeeee;
}
#main > .list > .item > a{}
#main > .list > .item > a > .title{
  font-size:0.16rem;
  color:#000;
  line-height:0.25rem;
}
#main > .list > .item > a > .title > span{
  color:#46b9e6;
  margin-left:-0.08rem;
}
#main > .list > .item > a > .desc{
  font-size:0.13rem;
  color:#6c6c6c;
  margin-top:0.115rem;
  line-height:0.18rem;
  height:0.54rem;
}
#main > .list > .item > a > .bottom{}
#main > .list > .item > a > .bottom > .left{
  font-size:0.13rem;
  color:#b0b0b3;
}
#main > .list > .item > a > .bottom > .left > span{
  color:#0381f6;
}
#main > .list > .item > a > .bottom > .time{
  float:right;
  font-size:0.13rem;
  color:#b0b0b3;
}
#main > .select{
  width:100%;
  position:relative;
  padding-bottom:0;
}
.select{
  /*margin-top:0.79rem;*/
  padding:0.12rem 0.1rem 0.26rem 0.12rem;
  background:#fff;
}
.select > .button-list{
  display:inline-block;
  vertical-align: top;
  padding-bottom:0.15rem;
  position:relative;
}
.select > .button-list > .button{
  width:0.8rem;
  height:0.35rem;
  border:0.01rem solid #cdcdcd;
  text-align:center;
  line-height:0.35rem;
  font-size:0.13rem;
  color:#ffffff;
  border-radius:0.05rem;
  display:inline-block;
  margin-right:0.12rem;
  letter-spacing: 0.01rem;
}
.select > .button-list > li.active{
  background:#00a0e9;
  border:none;
  width:0.82rem;
  height:0.37rem;
}
.select > .button-list > li.active a{
  color:#fff;
}
.select > .button-list > .button a{
  color:#5e5e5e;
}
.select > .area-list-button{
  width:100%;
  height:0.35rem;
  /*border:0.01rem solid #cdcdcd;*/
  vertical-align: top;
  position:absolute;
  right:0;
  top:0;
  color:#5e5e5e;
  text-align:center;
  line-height:0.35rem;
  font-size:0.14rem;
  color:#5e5e5e;
  border-radius:0.05rem;
}
.select > .area-list-button::after{
  content:'';
  width:0;
  height:0;
  border-top: 0.05rem solid #B0B0B3;
  border-left: 0.05rem solid transparent;
  border-right: 0.05rem solid transparent;
  position:absolute;
  top:0.15rem;
  right:0.1rem;
}
.select > .area-list-button.active::after{
  border-bottom: 0.05rem solid #B0B0B3;
  border-top:none;
}
.select > .area-list{
  padding-top:0.125rem;
  border-top:0.01rem solid #eeeeee;
  position:relative;
  top:0.5rem;
  left:0;
  z-index:999;
}
.select > .area-list:before{
  content:'';
  width:0.1rem;
  height:0.1rem;
  border-top:0.01rem solid #cdcdcd;
  border-right:0.01rem solid #cdcdcd;
  background:#fff;
  position:absolute;
  right:0.4rem;
  top:-0.06rem;
  transform: rotate(-45deg);
  -webkit-transform: rotate(-45deg);
  -moz-transform: rotate(-45deg);
  -ms-transform: rotate(-45deg);
  -o-transform: rotate(-45deg);
  position:relative;
}
.select > .area-list > .area{
  width:0.66rem;
  height:0.32rem;
  border:0.01rem solid #cdcdcd;
  text-align:center;
  line-height:0.35rem;
  border-radius:0.05rem;
  display:inline-block;
  margin-right:0.152rem;
  margin-bottom:0.165rem;
}
.select > .area-list > li.active{
  background:#00a0e9;
  border:none;
}
.select > .area-list > li.active a{
  color:#fff;
}
.select > .area-list > .area:nth-child(4n){
  margin-right:0;
}
.select > .select-ready{
  width: 100%;
    height: 0.43rem;
    background: #00a0e9;
    color: #fff;
    letter-spacing: 0.08rem;
    border: none;
    position: relative;
    z-index: 999;
    display: inline-block;
    text-align: center;
    line-height: .43rem;
    font-size: .14rem;
}
/* /#main */

/* #selct */
#select{
  position:absolute;
  top:0;
  left:0;
  width:100%;
  height:100%;
  background:rgba(0,0,0,.5);
  display:none;
  z-index: 901;
  font-size:0;
  margin-top:.79rem;
}
#select > .select{
  padding-left:0.2rem;
  padding-right:0.2rem;
}
#select > .select ul{
  height:auto;
}
#select .select-ready{
  margin-top:0.5rem;
  border-radius:.05rem;
}
/*/ #selct */