/* 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%; }