daliangzao/pages/mineCollect/mineCollect.wxss

/* index.wxss */
page{
  background-color: #fff;
}
::-webkit-scrollbar{
  width: 0;
  height: 0;
  color: transparent;
}
::-webkit-scrollbar-thumb{
  color:transparent;
}
::-webkit-scrollbar-track-piece{
  color: transparent;
}
.header{
  width:100%;
  background-color: #fff;
}
.header_nav{
  float: left;
  width: 50%;
  height: 78rpx;
  text-align: center;
  line-height: 78rpx;
  font-size: 24rpx;
  color: #2d2d2d;
  border-bottom:2px solid #fff;
}
.nav_active{
  color: #b4a078;
  border-bottom:2px solid #b4a078;
}

.content{
  display: none;
  background-color: #fff;
}
.show{
  display: block;
}
/*  专题 */
.each_content_wrap{
  background-color:#f4f4f4;
}
.each_content{
  background-color: #fff;
  margin: 0 0 23rpx 0;
  position: relative;
}
.content_title{
  font-size: 34rpx;
  font-weight: bold;
  padding: 28rpx 0;
  color:#414547;
}
.content_img{
  display: block;
  width:100%;
}
.content_intro{
  font-size: 32rpx;
  color: #414547;
  padding:30rpx 0;
}
.content_icon{
  display: block;
  float: left;
  width: 24rpx;
  height: 24rpx;
}
.content_infor{
  position: absolute;
  right: 12rpx;
  bottom: 16rpx;
  text-align: right;
  padding-bottom: 30rpx;
}
.content_infor_cont{
  display: inline-block;
}
.content_infor text{
  display: block;
  float: left;
  font-size: 20rpx;
  line-height: 24rpx;
  color:#b4a078;
  padding:0 16rpx 0 9rpx;
}


/*  列表 */
.list{
  display: flex;
  flex-wrap: wrap;
  background-color: #fff;
  border-top: 2px solid #f0f0f0;
}
.list_item_wrap{
  width: 50%;
  box-sizing: border-box;
  border-bottom: 2px solid #f0f0f0;
}
.list_item_wrap:nth-child(odd){
  border-right: 1px solid #f0f0f0;
}
.list_item_wrap:nth-child(even){
  border-left: 1px solid #f0f0f0;
}

.list_item{
  width: 100%;
  height:374rpx;
  overflow: hidden;
  position: relative;
  text-align: center;
}
.full_image{
  max-width: 100%;
  max-height: 374rpx;
  vertical-align: middle;
}
.full_title{
  height: 60rpx;
  font-size: 24rpx;
  line-height: 30rpx;
  color:#272727;
  text-overflow:ellipsis;
  overflow:hidden;
  display:-webkit-box;
  -webkit-line-clamp:2;
  -webkit-box-orient:vertical;
  padding: 22rpx 18rpx 0 34rpx;
}
.full_price{
  font: bolder  30rpx "Microsoft Yahei";
  line-height: 86rpx;
  color:#b4a078;
  padding-left: 34rpx;
}
.full_price_old{
  font-size: 22rpx;
  line-height: 86rpx;
  color: #c8c8c8;
  text-decoration:line-through;
  margin-left:26rpx;
}

.each_cont_wrap{
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
  background-color: rgba(0,0,0,0.66);
}
.each_cont{
  width: 100%;
  height: 100%;
  text-align: center;
  vertical-align: middle;
}
.each_cont:before {
  content:'';
  display:inline-block;
  height:100%;
  vertical-align:middle;
}
/* 分类名 */
.content_kind_name{
  font-size: 20rpx;
  line-height: 1;
  color: #b4a078;
  border-left: 1px solid #b4a078;
  border-right: 1px solid #b4a078;
  padding: 0 10rpx;
  position: absolute;
  top: 35rpx;
  left: 31rpx;
}
.content_infor_wrap{
  display: inline-block;
  vertical-align: middle;
}
.content_title{
  font-size: 40rpx;
  color: #fff;
  padding-bottom: 14rpx;
  text-align: center;
}
.content_intro{
  display: inline;
  font-size: 16rpx;
  color: #fffefe;
  padding: 6rpx 28rpx;
  text-align: center;
  border: 1px solid #9e9a99;
}