xmt/unpackage/dist/dev/mp-weixin/pages/user/article.wxss

@charset "UTF-8";
/* 页面左右间距 */
/* 文字尺寸 */
/*文字颜色*/
/* 边框颜色 */
/*颜色*/
/* 图片加载中颜色 */
/* 行为相关颜色 */
/* 功能栏字体大小 */
/*功能栏左侧小图标*/
page,
.content {
  width: 100%;
  height: 100%;
}
.text-box {
  padding: 30rpx;
  border: 1rpx solid #EEEEEE;
  width: 100%;
  background-color: #fff;
}
.text-box .text-title {
  display: flex;
  flex-direction: column;
}
.text-box .text-title .text-1 {
  font-size: 33rpx;
  font-weight: bold;
  color: #333333;
  margin-bottom: 30rpx;
}
.text-box .text-title .text-2 {
  display: flex;
  align-items: center;
}
.text-box .text-title .text-2 .name {
  font-size: 25rpx;
  font-weight: 500;
  color: #666666;
}
.text-box .text-title .text-2 .gg {
  margin: 0 15rpx;
  width: 3rpx;
  height: 25rpx;
  background: #EEEEEE;
}
.text-box .text-title .text-2 .time {
  flex-shrink: 0;
  font-size: 22rpx;
  font-weight: 500;
  color: #999999;
}
.text-content-title {
  margin: 30rpx 0;
  display: flex;
  justify-content: space-between;
  align-items: center;
  background: #F5F5F5;
  padding: 17rpx 30rpx;
  border-radius: 7rpx;
}
.text-content-title .title-left-box {
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.text-content-title .title-left-box .image {
  width: 85rpx;
  height: 85rpx;
  overflow: hidden;
  border-radius: 50%;
  margin-right: 18rpx;
}
.text-content-title .title-left-box .image image {
  width: 100%;
  height: 100%;
}
.text-content-title .title-left-box .title-left-box-content {
  display: flex;
  flex-direction: column;
}
.text-content-title .title-left-box .title-left-box-content .title-left-box-name {
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.text-content-title .title-left-box .title-left-box-content .title-left-box-name .name-title {
  font-size: 29rpx;
  font-weight: bold;
  color: #333333;
}
.text-content-title .title-left-box .title-left-box-content .title-left-box-name .name-dingyue {
  margin-left: 15rpx;
  font-size: 24rpx;
  font-weight: bold;
  color: #F3554F;
  width: 92rpx;
  height: 34rpx;
  border: 1rpx solid #F3554F;
  border-radius: 17rpx;
  line-height: 34rpx;
  text-align: center;
}
.text-content-title .title-left-box .title-left-box-title text {
  font-size: 20rpx;
  font-weight: 500;
  color: #999999;
}
.text-content-title .tt {
  color: #B3B3B3;
}
 .content-content ._p {
  text-align: justify;
}
.pinglun {
  background: #F8F8F8;
  padding: 20rpx 0;
}
.pinglun-box {
  background: #FFFFFF;
}
.pinglun-box .pinglun-title {
  font-size: 30rpx;
  font-weight: bold;
  color: #333333;
  line-height: 80rpx;
  margin-left: 30rpx;
}
.pinglun-box .pinglun-content {
  display: flex;
  border-top: 1rpx solid #EEEEEE;
  padding: 30rpx 0 0 30rpx;
}
.pinglun-box .pinglun-content .pinglun-content-left {
  width: 66rpx;
  height: 66rpx;
  border-radius: 50%;
  overflow: hidden;
}
.pinglun-box .pinglun-content .pinglun-content-left image {
  width: 100%;
  height: 100%;
}
.pinglun-box .pinglun-content .pinglun-content-right {
  display: flex;
  justify-content: space-between;
  margin-left: 30rpx;
  display: flex;
  flex-direction: column;
}
.pinglun-box .pinglun-content .pinglun-content-right .pinglun-name {
  font-size: 26rpx;
  font-weight: 500;
  color: #333333;
}
.pinglun-box .pinglun-content .pinglun-content-right .pinglun-tit {
  margin: 8rpx 0;
  font-size: 30rpx;
  font-weight: bold;
  color: #333333;
}
.pinglun-box .pinglun-content .pinglun-content-right .pinglun-time {
  font-size: 22rpx;
  font-weight: bold;
  color: #999999;
  margin-bottom: 15rpx;
}
.zhankai {
  padding: 10rpx 0;
  justify-content: center;
  display: flex;
  align-items: center;
}
.zhankai image {
  margin-left: 10rpx;
  width: 20rpx;
  height: 20rpx;
}
.look {
  background: #FFFFFF;
  margin-top: 20rpx;
}
.look .look-box {
  margin: 0 30rpx;
}
.look .look-box .look-title {
  font-size: 30rpx;
  font-weight: bold;
  color: #333333;
  line-height: 80rpx;
  margin-left: 30rpx;
}
.look .look-box .look-content {
  display: flex;
  justify-content: space-between;
  padding: 30rpx 0;
  border-top: 1px solid #EEEEEE;
  border-bottom: 1px solid #EEEEEE;
}
.look .look-box .look-content .look-content-right {
  display: flex;
  align-items: center;
}
.look .look-box .look-content .look-content-right .look-name {
  width: 37rpx;
  height: 37rpx;
  background: #EE6231;
  border-radius: 50%;
  font-size: 27rpx;
  font-weight: bold;
  color: #FFFFFF;
  line-height: 37rpx;
  text-align: center;
}
.look .look-box .look-content .look-content-right .look-tit {
  margin-left: 10rpx;
  width: 500rpx;
  font-size: 27rpx;
  font-weight: 500;
  color: #333333;
}
.send-box {
  background: #FFFFFF;
  padding: 30rpx;
  width: 100%;
  position: fixed;
  bottom: 0;
  display: flex;
  justify-content: space-around;
  align-items: center;
}
.send-box .input {
  padding-left: 30rpx;
  width: 550rpx;
  height: 60rpx;
  background: #EEEEEE;
  border-radius: 31rpx;
}
.send-box image {
  width: 42rpx;
  height: 42rpx;
}
.pw {
  height: 120rpx;
}
.hf-wrap {
  width: 600rpx;
  background-color: #f4f4f4;
  margin-left: 120rpx;
  padding: 10rpx;
  padding-bottom: 0;
  font-size: 26rpx;
  border-radius: 10rpx;
}
.hf-wrap .hf {
  padding-bottom: 10rpx;
}