You can not select more than 25 topics
Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
1 lines
4.0 KiB
1 lines
4.0 KiB
.detail-container{width:100%}.detail-container .detail-header{width:100%;box-sizing:border-box;margin-top:20rpx;padding:24rpx 30rpx 36rpx 30rpx;background:#fff}.detail-container .detail-header .header-top{display:flex;justify-content:space-between}.detail-container .detail-header .header-top .header-title{width:608rpx}.detail-container .detail-header .header-top .header-title text{width:100%;font-size:34rpx;font-family:Source Han Serif SC;font-weight:800;color:#333}.detail-container .detail-header .header-top image{flex-shrink:0;display:block;width:40rpx;height:35rpx;margin-top:8rpx;margin-left:30rpx}.detail-container .detail-header .header-bot{margin-top:24rpx;font-size:26rpx;font-family:Source Han Serif SC;font-weight:400;color:#999}.detail-container .wrapper{width:100%;margin-top:20rpx;background:#fff}.detail-container .wrapper .tabs-list{display:flex;align-items:center;width:100%;height:80rpx;box-sizing:border-box}.detail-container .wrapper .tabs-list .tabs-item{position:relative;flex:1;height:100%;box-sizing:border-box;padding-top:24rpx;font-size:34rpx;font-family:Source Han Serif SC;color:#999;text-align:center;line-height:1}.detail-container .wrapper .tabs-list .tabs-on{font-weight:700;color:#333;transition:all .2s;-webkit-transition:all .2s;-moz-transition:all .2s;-ms-transition:all .2s;-o-transition:all .2s}.detail-container .wrapper .tabs-list .tabs-on::after{content:'';position:absolute;left:50%;bottom:0;width:66rpx;height:6rpx;margin-left:-33rpx;background:#e2281b;border-radius:3rpx;-webkit-border-radius:3rpx;-moz-border-radius:3rpx;-ms-border-radius:3rpx;-o-border-radius:3rpx}.detail-container .wrapper .m-swiper_list{width:100%}.detail-container .wrapper .cell-list{width:100%;box-sizing:border-box;padding:0 30rpx 30rpx 30rpx}.detail-container .wrapper .cell-list .cell{width:100%;box-sizing:border-box;padding:30rpx 0;border-bottom:1rpx solid #e7eeee}.detail-container .wrapper .cell-list .cell .cell-top{display:flex;justify-content:space-between;align-items:center}.detail-container .wrapper .cell-list .cell .cell-top .cell-label{font-size:34rpx;font-weight:500;color:#333}.detail-container .wrapper .cell-list .cell .cell-top image{display:block;width:13rpx;height:24rpx}.detail-container .wrapper .cell-list .cell .cell-bot{height:0;overflow:hidden;transition:height .5s;-webkit-transition:height .5s;-moz-transition:height .5s;-ms-transition:height .5s;-o-transition:height .5s}.detail-container .wrapper .cell-list .cell .cell-bot .cell-bot-content{width:100%;box-sizing:border-box;padding:40rpx 30rpx 40rpx 0;font-size:30rpx;font-weight:500;color:#333;word-wrap:break-word}.detail-container .wrapper .cell-list .cell .cell-bot .cell-bot-content .rich-text{width:100%;word-wrap:break-word}.detail-container .wrapper .cell-list .cell .cell-bot .cell-link{font-size:28rpx;font-weight:500}.detail-container .wrapper .cell-list .cell .cell-bot .cell-link text{font-size:28rpx;font-weight:500}.detail-container .wrapper .cell-list .cell .cell-bot .cell-tips{display:flex;align-items:center;margin-top:10rpx}.detail-container .wrapper .cell-list .cell .cell-bot .cell-tips text{font-size:28rpx;color:#999;font-weight:400}.detail-container .wrapper .cell-list .cell .cell-bot .cell-tips view{width:100rpx;margin-left:20rpx;font-size:32rpx;font-weight:500;color:#0089ff}.detail-container .wrapper .cell-list .cell .cell-bot-show{height:max-content;transition:height .5s;-webkit-transition:height .5s;-moz-transition:height .5s;-ms-transition:height .5s;-o-transition:height .5s}.detail-container .wrapper .file-list{width:100%;box-sizing:border-box;padding:0 20rpx}.detail-container .wrapper .file-list .file-item{display:flex;align-items:center;width:100%;box-sizing:border-box;padding:29rpx 10rpx;border-bottom:1rpx solid #e7eeee}.detail-container .wrapper .file-list .file-item image{display:block;width:60rpx;height:60rpx;box-sizing:border-box;margin-right:10rpx}.detail-container .wrapper .file-list .file-item text{font-size:30rpx;font-weight:500;color:#333}.m-nothing{padding-top:200rpx;font-size:28rpx;font-weight:500;color:#999;text-align:center}.m-nothing image{margin:0 auto}
|