/**index.wxss**/
@import '../../app.wxss';

.CutContent{
  position: relative;
  overflow: hidden;
  z-index: 1;
}

.CutContent > view {
  width: 100%;
  height: 100%;
  position: relative;
  overflow-y: scroll;
  -webkit-overflow-scrolling: touch;
  transform: translateZ(0);
  -webkit-transform: translateZ(0);
}

.foot {
  background: #fff;
  position: relative;
  overflow: hidden;
  box-shadow: 0 0 20rpx 5rpx rgba(0, 0, 0, 0.05);
  padding: 16rpx 0 9rpx 0;
  text-align: center;
  z-index: 100;
}

.foot > view {
  text-align: center;
}

.foot > view > view {
  width: 100%;
  position: relative;
  overflow: hidden;
  z-index: 100;
  border: none;
  background: none;
}

.foot image {
  max-width: 40rpx;
  -webkit-filter: grayscale(100%);
  filter: grayscale(100%);
  display: block;
  margin: 0 auto;
  padding: 0;
}

.foot image.active {
  -webkit-filter: grayscale(0);
  filter: grayscale(0);
}

.foot text {
  width: 100%;
  display: block;
  text-align: center;
  line-height: 28rpx;
  font-size: 17rpx;
  color: #666;
}

.foot text.active {
  color: #bb9c79;
}
