.center .top{
  padding: 1.5rem .5rem;
  background-color: #E9553A;
  position: relative;
}
.center .top .login_out{
  position: absolute;
  right: 1rem;
  top: 0.8rem;
  color: white;
  font-size: 1.2rem;
}
.center .top_content{
  margin: 0 1.2rem;
  padding: 1rem 1.2rem;
  /* background-color: rgba(255,255,255,.3); */
  display: flex;
  color: white;
}
.center .top_content .left img{
  width: 5rem;
  height: 5rem;
  border-radius: 50%;
}
.center .top_content .right p{
  padding: .4rem 1rem;
  text-overflow:ellipsis;
  overflow:hidden;
}
.center .top_content .right p:nth-child(1){
  font-size: 1.6rem;
}
.center .top_content .right p:nth-child(2){
  font-size: 1.4rem;
}
.center .row{
  padding: .8rem .5rem;
  padding-bottom: 0;
  border-bottom: 1px solid #999999;
}
.center .row .col-xs-4{
  width: 50%;
  float: left;
  text-align: center;
  font-size: 1.4rem;
}
.center .row .col-xs-4 div{
  width: 100%;
}
.center .row .col-xs-4 span{
  display: inline-block;
  height: .2rem;
  width: 10%;
  background-color: white;
  position: relative;
  top: -.8rem;
}
.center .row .col-xs-4.active_ span{
  background-color: #3A68FF;
}
.center .row .col-xs-4.active_{
  color: #3A68FF;
}
.list_2{
  display: none
}
.list ul li{
  padding: 1.2rem 2rem;
  border-bottom: 1px solid #999999;
  display: flex;
}
.list ul li span.logo{ 
  width: 5rem;
  height: 5rem;
  border-radius: 50%;
  background-color: #f4bb0d;
  font-size: 3rem;
  color: white;
  text-align: center;
  line-height: 5rem;
}
.list ul li .right_info{
  flex: 2;
  padding-left: 1.5rem;
}
.list ul li .right_info p .name,.list ul li .right_info .detail{
  font-size: 1.4rem;
  color: #333333;
}
.list ul li .right_info .detail{
  margin-top: .6rem;
  margin-bottom: .4rem;
}
.list ul li .right_info p .rule{
  float: right;
  color: #2AB56F;
  font-size: 1rem;
  text-indent: 1px solid #999;
}
.list_1 .time,.list_2 .time{
  color: #999999;
  font-size: 1rem;
}
.list ul li span.logo.logo_gray{ 
  background-color: #999999;
}
.loading_more{
  font-size: 1.2rem;
  color: gray;
  padding: .4rem;
}
#layer_{
  position: fixed;
  left: 0;
  top: 0;
  height: 100%;
  width: 100%;
  background-color: rgba(0,0,0,.5);
  display: none;
}
#layer_ .layer_content{
  width: 80%;
  margin: 10rem auto;
  background-color: white;
  border-radius: .3rem;
  padding: 1rem 1.2rem;
}
.lct_name{
  font-size: 1.4rem;
  color: #000;
  border-bottom: 1px solid #a5a5a5;
  padding-bottom: .5rem;
  margin-bottom: .8rem;
}
.lct_item{
  display: flex;
  margin: 1rem 0;
}
.lct_item>div:nth-child(1) {
  text-align: right;
  width: 26%;
  font-size: 1.4rem;
  color: #696969;
}
.lct_item>div:nth-child(2) {
  flex: 2;
  font-size: 1.4rem;
  padding: 0 0 0 .8rem;
}
.lct_item>div:nth-child(2).time{
  font-size: 1.2rem;
}
.sale{
  color: #f4bb0d;
}