/* templates/knowledge/knowledge.wxss */ .model-container { position: fixed; top: 0; left: 0; width: 100%; height: 100%; background: #F0F0F0; z-index: 999; overflow: scroll; -webkit-overflow-scrolling: touch; } .model-wrapper { margin-bottom: 120rpx; } .model-item { border-bottom: 1rpx solid #E6E6E6; } .model-item:nth-last-of-type(1) { border-bottom: none; } .model-item-title { background: #fff; padding: 30rpx; } .model-item-row { display: -webkit-flex; display: flex; -webkit-justify-content: space-between; justify-content: space-between; -webkit-align-items: center; align-items: center; } .model-item-arrow { -webkit-transform: rotateX(180deg); transform: rotateX(180deg); font-size: 40rpx; -webkit-transition: all .3s; transition: all .3s; } .model-item-arrow image { width: 30rpx; height: 18rpx; } .arrow-top { -webkit-transform: rotateX(0); transform: rotateX(0); -webkit-transition: all .3s; transition: all .3s; } .model-list { background: #fff; border-top: 1rpx solid #E6E6E6; margin-bottom: 20rpx; } .model-li { border-top: 1rpx solid #E6E6E6; margin: 0 30rpx; } .model-li:nth-of-type(1) { border-top: none; } .model-li-title { padding: 30rpx 0; } .model-li-image { width: 34rpx; height: 34rpx; vertical-align: middle; margin-right: 30rpx; } .model-li-text { vertical-align: middle; font-size: 30rpx; color: #CCCCCC; } .model-li-text-active { color: #333333; } .textarea { width: 640rpx; /* height: 110rpx; */ padding: 24rpx; background: #F4F4F4; border: 1rpx solid #D6D6D6; -webkit-border-radius: 8rpx; border-radius: 8rpx; font-size: 28rpx; z-index: 0; } .textarea-placeholder { color: #9C9C9C; } .model-li-content { padding-bottom: 1rpx; } .model-li-content-label { margin: 30rpx 0; font-size: 28rpx; color: #666666; } .model-li-content-button { background: #F5F5F5; -webkit-border-radius: 8rpx; border-radius: 8rpx; padding: 24rpx; text-align: center; margin-bottom: 40rpx; } .model-li-content-button image { width: 34rpx; height: 34rpx; vertical-align: middle; margin-right: 14rpx; } .model-li-content-button text { font-size: 28rpx; color: #48A3FE; } .model-li-content-images { display: -webkit-flex; display: flex; -webkit-flex-wrap: wrap; flex-wrap: wrap; padding-bottom: 30rpx; } .model-li-content-images-item { background: #333333; position: relative; width: 150rpx; height: 150rpx; margin: 15rpx; border-radius: 8rpx; } .model-li-content-images-item:nth-of-type(1), .model-li-content-images-item:nth-of-type(2), .model-li-content-images-item:nth-of-type(3), .model-li-content-images-item:nth-of-type(4) { margin-top: 0; } .model-li-content-images-item:nth-of-type(4n+1) { margin-left: 0; } .model-li-content-images-item:nth-of-type(4n+4) { margin-right: 0; } .model-li-content-images-item image { width: 150rpx; height: 150rpx; } .model-li-content-images-del { position: absolute; top: -17rpx; right: -17rpx; background: #FF0000; width: 34rpx; height: 34rpx; border-radius: 34rpx; color: #fff; font-size: 34rpx; padding: 6.5rpx; text-align: center; line-height: 32rpx; -webkit-transform: rotate(45deg); transform: rotate(45deg); } .model-more-container { text-align: center; } .model-more-button { display: inline-block; background: #fff; border-radius: 80px; margin: 40rpx 0; padding: 30rpx 40rpx; } .model-more-button image { width: 40rpx; height: 30rpx; vertical-align: middle; } .model-more-button text { margin-left: 10rpx; font-size: 28rpx; color: #46c390; vertical-align: middle; } .model-footer { position: fixed; bottom: 0; left: 0; width: 100%; z-index: 999; display: -webkit-flex; display: flex; -webkit-justify-content: space-around; justify-content: space-around; -webkit-align-items: center; align-items: center; background: #FFFFFF; border: 1rpx solid #E6E6E6; box-shadow: 0 0 5rpx 2rpx rgba(0,0,0,0.10); } .model-footer-item { -webkit-flex: 1; flex: 1; background: #46C390; font-size: 28rpx; color: #FFFFFF; margin: 15rpx 20rpx; padding: 19rpx; cursor: pointer; text-align: center; background:linear-gradient(90deg,rgba(117,227,134,1),rgba(70,195,144,1)); box-shadow: 0rpx 5rpx 12rpx 1rpx rgba(70,195,144,0.5); border-radius: 44rpx; } .model-footer-item-white { border: solid 1rpx #46C390; background: #FFFFFF; box-shadow: 0rpx 5rpx 12rpx 1rpx rgba(70,195,144,0.2); color: #46C390; }