
page{
  width:100%;
  height:100%;
}
.contain{
  width:100%;
  height:100%;
  padding-top:30rpx;
  box-sizing: border-box;
  overflow: hidden;
  border-top:1px solid #f2f2f2;
}
.contain_lf{
  width:180rpx;
  height:100%;
  float:left;
  background-color: #F3F3F3;
}
.all_class_item{
  height:102rpx;
  line-height: 102rpx;
  text-align: center;
  color:#999999;
  font-size: 30rpx;
  position: relative;
}
.line{
  width:6rpx;
  height:50rpx;
  background-color: #E77817;
  position: absolute;
  top:28rpx;
  left:0;
  display: none;
}
.active{
  color:#000000;
  font-weight: bold;
  background-color: #ffffff;
}
.active .line{
  display: block;
}
.contain_rh{
  width:calc(100% - 180rpx);
  height:100%;
  padding: 0 32rpx 0 30rpx;
  box-sizing: border-box;
  overflow: hidden;
  float:left;
}
.contain_rh_item_top{
  width:100%;
  height:72rpx;
  line-height: 72rpx;
}
.contain_rh_item_top_lf{
  color:#000000;
  font-size: 26rpx;
  font-weight: bold;
  float:left;
}
.contain_rh_item_top_rg{
  color:#999999;
  font-size: 24rpx;
  float:right;
}
.contain_rh_item{
  margin-bottom:22rpx;
}
.shuang_you{
  display: inline-block;
  font-size: 24rpx;
  color:#999999;
}
.contain_rh_item_bottom{
  width:100%;
  overflow: hidden;
}
.bottom_item{
  width:152rpx;
  height:68rpx;
  background:rgba(247,247,247,1);
  border-radius:6rpx;
  text-align: center;
  line-height: 68rpx;
  font-size: 24rpx;
  color:#777777;
  float:left;
  margin:0 26rpx 26rpx 0;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.bottom_item:nth-child(3n){
  margin-right: 0;
}

