fenggu/pagesA/pages/rule/rule.wxss

/* pages/rule/rule.wxss */
.page-body{
  height: 300rpx;
  position: relative;
}
.swiper-item image{
  width: 100%;
  height: 300rpx;
}
.dots{
  display: inline-block;
  position: absolute;
  bottom: 20rpx;
  right: 0;
  padding: 0 20rpx;
}
.dots .dot{
  width: 8rpx;
  height: 8rpx;
  background: #fff;
  float: left;
  margin:0 4rpx;
  border-radius: 50%;
}
.dots .dot.active{
  background: #2a8de9;
}
.view-bg{
  overflow: inherit;
}
.rule-name{
  position: relative;
  padding-top: 50rpx;
  height: 104rpx;
  width: 100%;
}
.rule-name text{
  background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAJ4AAAA2CAYAAAA2yiD4AAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyVpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDYuMC1jMDAyIDc5LjE2NDQ2MCwgMjAyMC8wNS8xMi0xNjowNDoxNyAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIDIxLjIgKE1hY2ludG9zaCkiIHhtcE1NOkluc3RhbmNlSUQ9InhtcC5paWQ6RENCRDE0REVGNTg0MTFFQTlGQUJCMUNBNzVBQjE4NTQiIHhtcE1NOkRvY3VtZW50SUQ9InhtcC5kaWQ6RENCRDE0REZGNTg0MTFFQTlGQUJCMUNBNzVBQjE4NTQiPiA8eG1wTU06RGVyaXZlZEZyb20gc3RSZWY6aW5zdGFuY2VJRD0ieG1wLmlpZDpEQ0JEMTREQ0Y1ODQxMUVBOUZBQkIxQ0E3NUFCMTg1NCIgc3RSZWY6ZG9jdW1lbnRJRD0ieG1wLmRpZDpEQ0JEMTREREY1ODQxMUVBOUZBQkIxQ0E3NUFCMTg1NCIvPiA8L3JkZjpEZXNjcmlwdGlvbj4gPC9yZGY6UkRGPiA8L3g6eG1wbWV0YT4gPD94cGFja2V0IGVuZD0iciI/PkrcqxMAAADqSURBVHja7NehDcJQEIBhHkEhmACLaVAkwApMgO8czIHHdgK2QIHCYpCYWriXMEATmlfB9yWXqprLH46m6vB8j6CwsRUgPIQHwkN4IDyEB8JDeCA8hIfwQHgID4SH8EB4CA+Eh/BAeAgP4YHwEB4ID+GB8BAeCA/hgfAQHsID4SE8EB7CA+EhPBAewgPhITz+0uRxv9TxPMZMu7wwX6yStfGrNNuf83MZ08RUXd55NTubo5dTe41Zx5yshNL/8dqY+jut1VD64yL/6m1jbtZD6a/afHo3Ti+lw3N6GSw8p5dBw3N66d1HgAEAR0gYqe9caJYAAAAASUVORK5CYII=) no-repeat center left;
  background-size: 158rpx 54rpx;
  width: 158rpx;
  height: 54rpx;
  padding-left: 20rpx;
  font-size: 30rpx;
  color: #fff;
  display: block;
  position: absolute;
  left: -10rpx;
  top:50rpx;
}
.rule-center{
  margin-top: 30rpx;
  font-size: 24rpx;
  padding:  20rpx;
  display: block;
  width: 100%;
  line-height: 50rpx;
  box-sizing: border-box;
}