@charset "UTF-8";
/* 行为相关颜色 */
/* 文字基本颜色 */
/* 背景颜色 */
/* 边框颜色 */
/* 尺寸变量 */
/* 文字尺寸 */
/* 图片尺寸 */
/* Border Radius */
/* 水平间距 */
/* 垂直间距 */
/* 透明度 */
/* 文章场景相关 */
.top-img {
  height: 300rpx;
  overflow: hidden;
}
.top-img image {
  height: 600rpx;
}
.fix-btn {
  width: 100vw;
  box-sizing: border-box;
  position: fixed;
  left: 0;
  bottom: 0;
  padding-bottom: constant(safe-area-inset-bottom);
  padding-bottom: env(safe-area-inset-bottom);
  background-color: #fff;
}
.information {
  background-color: #fff;
  border-radius: 20rpx;
}
.information .img {
  width: 120rpx;
  height: 120rpx;
  border-radius: 10rpx;
  overflow: hidden;
}
.information .flex-1 {
  padding-left: 20rpx;
}
.information .flex-1 .title {
  color: #323333;
  font-size: 28rpx;
}
.information .flex-1 text {
  color: #aaa;
  font-size: 23rpx;
  padding: 2rpx 0;
}
.introduce {
  padding: 30rpx;
  border-radius: 20rpx;
  color: #aaa;
  font-size: 25rpx;
}
.introduce > view {
  padding: 5rpx 0;
}
.way-percent {
  padding: 30rpx 0;
  border-top: 0;
}
.way-percent .biger {
  font-size: 30rpx;
  font-weight: bold;
  color: #323333;
}
.way-percent .smaller {
  font-size: 24rpx;
  color: #7d8394;
  margin-top: 10rpx;
}
.info {
  margin-top: 30rpx;
}
.inside-content {
  font-size: 28rpx;
  padding: 30rpx;
  color: #666;
  word-break: break-all;
  background-color: #fff;
  border-radius: 20rpx;
  margin-top: 20rpx;
}
.inside-content .copy-wrap {
  padding-top: 50rpx;
}
.inside-content .copy {
  color: #007aff;
}
.imageine {
  font-size: 28rpx;
  padding: 30rpx;
  color: #666;
  word-break: break-all;
  border-top: 1rpx solid #ebedf0;
}