/* 根字体适配 */
html {
  font-size: 13.33333vw;
  -webkit-text-size-adjust: none;
  -moz-text-size-adjust: none;
  text-size-adjust: none;
}

/* 媒体查询统一精简 */
@media screen and (max-width:320px) { html { font-size: 42.667px; } }
@media screen and (min-width:321px) and (max-width:360px) { html { font-size: 48px; } }
@media screen and (min-width:361px) and (max-width:375px) { html { font-size: 50px; } }
@media screen and (min-width:376px) and (max-width:393px) { html { font-size: 52.4px; } }
@media screen and (min-width:394px) and (max-width:412px) { html { font-size: 54.93px; } }
@media screen and (min-width:413px) and (max-width:414px) { html { font-size: 55.2px; } }
@media screen and (min-width:415px) and (max-width:480px) { html { font-size: 64px; } }
@media screen and (min-width:481px) and (max-width:540px) { html { font-size: 72px; } }
@media screen and (min-width:541px) and (max-width:640px) { html { font-size: 85.33px; } }
@media screen and (min-width:641px) and (max-width:720px) { html { font-size: 96px; } }
@media screen and (min-width:721px) { html { font-size: 102.4px; } }

/* 全局重置 */
body, dd, dl, form, h1, h2, h3, h4, h5, h6, hr, input, ol, p, pre,
tbody, td, textarea, tfoot, th, thead, ul {
  margin: 0;
  padding: 0;
}
ol, ul { list-style: none; }
a { text-decoration: none; }
body {
  line-height: 1.5;
  font-size: 16px;
  font-family: helvetica neue, tahoma, hiragino sans gb, stheiti, wenquanyi micro hei, "微软雅黑", "宋体", sans-serif;
}
em, i { font-style: normal; }
table { border-collapse: collapse; border-spacing: 0; }
img { max-width: 100%; vertical-align: top; }
button, input, select, textarea {
  font-family: inherit;
  font-size: 100%;
  margin: 0;
  vertical-align: baseline;
}
input { box-sizing: border-box; }

/* 评论主容器 */
.m-comp-cmt .artTit {
  margin: 0 .32rem;
  font-weight: 700;
  font-size: .44rem;
  line-height: .6rem;
  padding-top: .2rem;
}
.m-comp-cmt .mod {
  padding: 0 .32rem;
  margin-top: .72rem;
}
.m-comp-cmt .mod .m-th {
  height: .5rem;
  line-height: .5rem;
  font-size: .38rem;
  font-weight: 700;
}
.m-comp-cmt .mod .m-bd { margin-top: .27rem; }

/* 评论列表 */
.m-comp-cmt .conp-cmtList {
  position: relative;
  margin-top: -.3rem;
}
.m-comp-cmt .conp-cmtList .item {
  display: block;
  border-bottom: 1px solid #f2f2f2;
  padding: .28rem 0;
}
.m-comp-cmt .conp-cmtList .headPic {
  float: left;
  margin-right: .15rem;
  border-radius: 50%;
  width: .64rem;
  height: .64rem;
}
.m-comp-cmt .conp-cmtList .cmtWrap { overflow: hidden; }
.m-comp-cmt .conp-cmtList .cmtWrap .conp-author {
  display: flex;
  justify-content: space-between;
  align-items: center;
  height: .64rem;
  font-weight: 700;
}
.m-comp-cmt .conp-cmtList .cmtWrap .conp-author em {
  vertical-align: middle;
  max-width: 9em;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.m-comp-cmt .conp-cmtList .cmtWrap .name {
  display: block;
  font-size: .28rem;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}
.m-comp-cmt .conp-cmtList .cmtWrap .isMe { color: #3175ff; }
.m-comp-cmt .conp-cmtList .cmtWrap .device {
  font-size: .24rem;
  color: #999;
  white-space: nowrap;
  font-weight: 400;
}
.m-comp-cmt .conp-cmtList .cmtWrap .cmtCon {
  font-size: .32rem;
  line-height: .46rem;
  margin-top: .15rem;
  max-height: 2.3rem;
  overflow: hidden;
  word-break: break-all;
  position: relative;
}
.m-comp-cmt .conp-cmtList .cmtWrap .cmtCon.apenCmtCon {
  max-height: none;
  overflow: visible;
  text-overflow: clip;
  display: block;
}
.m-comp-cmt .conp-cmtList .cmtWrap .item-ft {
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.m-comp-cmt .conp-cmtList .cmtWrap .pubTime {
  line-height: .26rem;
  font-size: .22rem;
  color: #999;
  margin-top: .31rem;
}
.m-comp-cmt .conp-cmtList .cmtWrap .btnReply {
  height: .34rem;
  line-height: .34rem;
  border-radius: .17rem;
  background: #f4f4f6;
  padding: 0 .13rem;
  display: inline-block;
  vertical-align: middle;
  font-size: .22rem;
  color: #333;
  margin-left: .15rem;
}
.m-comp-cmt .conp-cmtList .cmtWrap .conp-item-opera { padding-top: .09rem; }
.m-comp-cmt .conp-cmtList .cmtWrap .conp-cmt-ding {
  display: inline-block;
  background: url(../image/ico-zan.png) right center no-repeat;
  background-size: .32rem;
  padding-right: .36rem;
  height: .32rem;
  font-size: .24rem;
  color: #999;
  line-height: .4rem;
  vertical-align: middle;
  margin-right: .4rem;
}
.m-comp-cmt .conp-cmtList .cmtWrap .conp-cmt-ding-done {
  background-image: url(../image/ico-zan-cur.png);
  color: #3175ff;
}
.m-comp-cmt .conp-cmtList .cmtWrap .conp-item-opera i:last-child { margin-right: 0 !important; }

/* 评论图标（base64） */
.m-comp-cmt .conp-cmtList .cmtWrap .conp-cmt-reply {
  display: inline-block;
  width: .32rem;
  height: .4rem;
  font-size: .22rem;
  color: #999;
  background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACAAAAAgCAYAAABzenr0AAABeElEQVRYR+2WQUrDUBCG/0kKWagLV0U34sYjiFRxqcuAgUnICXoGPUDP4AVKMxCxW8GNaNUbiDt3uhK0m0CayINWbNrGmMRmk7d98/7/ezPzeEOoeFHF/pgB6PV6O7qud6IoOiailZIAPwBch2F46rru00/NKQBlTkQPRLReknFS5j2Koj3HcZ4nG1MAIuIDOAFwaRhG2zTNtzJA+v1+MwiCcwAmgAtmthYBfAJYBbDBzK9lmE80ut1us9FoKM0hM68tAojVBjP/S3OKyIx+sgQ1wMIMiMgdgFbGvhgw834ytlAJKgfIePPUsEIZqAFSemBuw83LWKESVA5Q98CyMlD5b1jtPPDLRDT13Hzf3xqNRgMAm38oT/pEpIQUhKZpHQBH4+Fkon/PzN+fked5HhFxRvMhgKswDM9SZ8KMYhCRAwA34/hDZr7NejYZl2vyEZFHALtxHItt23Zec3UuL4C68bau6y3Lsl6WDlDEsJQS1AB1BsrMwBch/vQhLlHyrwAAAABJRU5ErkJggg==) no-repeat;
  background-size: .32rem;
  vertical-align: middle;
}
.m-comp-cmt .conp-cmtList .cmtWrap .conp-ico-replyTo {
  display: inline-block;
  width: .1rem;
  height: .12rem;
  background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAoAAAAMCAYAAABbayygAAAAj0lEQVQoU2O8fPnypv///zsxMjJOf/PmTa2jo+MPBiyA8fLly/+RxK///fs3wcDA4BS6WnSFIPk/jIyMHQwMDM06Ojq/YBqwKYTJXWRkZIzX0dG5CBLApxAkDzKx6c2bN52EFMJMP0A1hURZTdAz4OD58eNHk4mJyW9cwYM7wC9durSRkZHRiYGBYQa+KAQAgidc/9Uq5nwAAAAASUVORK5CYII=) no-repeat;
  vertical-align: middle;
  margin: 0 .1rem;
  background-size: .1rem;
}

/* 更多评论 */
.m-comp-cmt .conp-cmtList .moreCmt {
  text-align: center;
  font-size: .28rem;
  line-height: .4rem;
  margin-top: .24rem;
}
.m-comp-cmt .conp-cmtList .moreCmt a {
  color: #666;
  display: inline-block;
  position: relative;
  padding-right: .26rem;
}
.m-comp-cmt .conp-cmtList .moreCmt a:after {
  content: "";
  width: .2rem;
  height: .2rem;
  vertical-align: middle;
  background: url(../image/icon-more.png) no-repeat;
  background-size: 100%;
  position: absolute;
  right: 0;
  top: .1rem;
}

/* 加载 */
.m-comp-cmt .conp-cmtList .loading {
  padding: .36rem 0 0;
  text-align: center;
  display: none;
}
.m-comp-cmt .conp-cmtList .loading .ico-loading {
  display: inline-block;
  width: .36rem;
  height: .36rem;
  background: url(../image/ico-loading.png) no-repeat;
  background-size: 100%;
  animation: weui .65s steps(12) infinite;
}

/* 重复评论样式 */
.m-comp-cmt .conp-cmtList .conp-cmt-item-repeat {
  margin-top: .3rem;
  padding: .02rem;
  border-top: 1px solid #f2f2f2;
}
.m-comp-cmt .conp-cmtList .conp-cmt-item-repeat .cmtCon {
  line-height: .42rem;
  font-size: .28rem;
  max-height: 2.1rem;
}
.m-comp-cmt .conp-cmtList .conp-cmt-item-repeat .headPic {
  width: .48rem;
  height: .48rem;
}
.m-comp-cmt .conp-cmtList .conp-cmt-item-repeat .conp-author { height: .48rem; }
.m-comp-cmt .conp-cmtList .conp-cmt-item-repeat .cmt-item-inner {
  display: none;
  padding: .3rem 0 0;
}
.m-comp-cmt .conp-cmtList .conp-cmt-item-repeat .cmt-item-inner:nth-child(-n+2) { display: block; }
.m-comp-cmt .conp-cmtList .conp-cmt-item-repeat .cmt-item-inner:not(:nth-child(-n+2)) .cmtCon { max-height: inherit; }
.m-comp-cmt .conp-cmtList .conp-cmt-item-repeat .cmt-item-inner .cmtWrap {
  border-bottom: 1px solid #f2f2f2;
  padding-bottom: .3rem;
}
.m-comp-cmt .conp-cmtList .conp-cmt-item-repeat .cmt-item-inner:last-child .cmtWrap {
  border-bottom: none;
  padding-bottom: 0;
}
.m-comp-cmt .conp-cmtList .cmt-item-repeat_showAll .cmt-item-inner { display: block; }

/* 评论楼层 */
.m-comp-cmt .conp-cmtList .cmt-item-th {
  width: 100%;
  height: .5rem;
}
.m-comp-cmt .conp-cmtList .cmtitem-name {
  display: block;
  height: .3rem;
  font: .28rem/.3rem;
  float: left;
  color: #999;
}
.m-comp-cmt .conp-cmtList .cmt-item-floor {
  font: .24rem/.2rem;
  color: #999;
  float: right;
  margin-right: 0;
}
.m-comp-cmt .conp-cmtList .cmt-item-body {
  font: .32rem/.5rem;
  color: #666;
}

/* 查看更多 */
.m-comp-cmt .conp-cmtList .checkMore {
  height: 1rem;
  line-height: 1rem;
  position: relative;
  margin: -2px 0 -.23rem .63rem;
  z-index: 2;
  border-top: 1px solid #f2f2f2;
}
.m-comp-cmt .conp-cmtList .checkMore .checkMoreList {
  color: #3175ff;
  font-size: .28rem;
  display: inline-block;
  padding-right: .2rem;
  background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAkAAAAQCAYAAADESFVDAAAAz0lEQVQoU43ST07CQBTH8e8r0S1cAI2w0BAX7RGGlV5H2nAHFrLwQCz0AjZGCeJKvYOGdp6ZAk3/jMpbf/Im7/cbCWO9F6FrM64f5/KJZyRMdClwjrCyG8Y+KNFETzVgIXAGvNoM04Tittegss6/MemdfOxfLpCb0VRPjm2xcYCDASadbWGJWhDeNjnm6Vbea8jByxvtH3VYAEN2sIU88NmLGoe0ke/S2qbfoijRX1kdFuZ/aRdhRrG+IFwUKTfqKGsJE30AevaLq2pf1R/zA59dgnQvh1rZAAAAAElFTkSuQmCC) right no-repeat;
  background-size: .09rem;
}
.m-comp-cmt .conp-cmtList .checkMore .openMore {
  color: #3175ff;
  font-size: .28rem;
  display: inline-block;
  padding-right: .27rem;
  background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABEAAAAJCAYAAADU6McMAAABG0lEQVQoU43RTU7CUBSG4feU0gSdCZEdGAWCIm5A6MS4FAfG0IkuQAfoyK2YOKEuwGjqX7C4Ao06NClCOOZWMIVY4xne5Dz3++6VmqeXCvbQYevhUF74x1Q9XcwI54AGbdmQmqdXCHWF7ic0u215/ssxgCVcCJRVCW6OZV3qLS2MBB+hCjz2oZEGVXa1aDv4BgDuiWgGp/Iq5tYx1EFYTYPGgElQSgJmP0bMLLW0MC9MoLAPm5NElQMt2oO4ggHuiHBNgsnuD2IOlvc1nxvSAdaAMBrQkCzqEFcoodxaint9Im/Jd5tCYmhH87m5b0ihJzACVtKAqTpJubynC9kMvkicCAN8KO7TTIJf68xCjs2ZghXZbIdH8p729V+xyXEKUUQfDwAAAABJRU5ErkJggg==) right no-repeat;
  background-size: .17rem;
}

/* 展开详情 */
.m-comp-cmt .conp-cmtList .showDetail {
  position: absolute;
  right: 0;
  bottom: .01rem;
  line-height: .48rem;
  background: linear-gradient(90deg, hsla(0,0%,100%,0) 0, #fff 30%, #fff);
  padding-left: .75rem;
}
.m-comp-cmt .conp-cmtList .showDetail:before {
  content: "...";
  position: absolute;
  left: 29%;
  bottom: 0;
}
.m-comp-cmt .conp-cmtList .showDetail .btn-showDetail {
  display: inline-block;
  padding-right: .3rem;
  font-size: .28rem;
  color: #3175ff;
  background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABEAAAAJCAYAAADU6McMAAABG0lEQVQoU43RTU7CUBSG4feU0gSdCZEdGAWCIm5A6MS4FAfG0IkuQAfoyK2YOKEuwGjqX7C4Ao06NClCOOZWMIVY4xne5Dz3++6VmqeXCvbQYevhUF74x1Q9XcwI54AGbdmQmqdXCHWF7ic0u215/ssxgCVcCJRVCW6OZV3qLS2MBB+hCjz2oZEGVXa1aDv4BgDuiWgGp/Iq5tYx1EFYTYPGgElQSgJmP0bMLLW0MC9MoLAPm5NElQMt2oO4ggHuiHBNgsnuD2IOlvc1nxvSAdaAMBrQkCzqEFcoodxaint9Im/Jd5tCYmhH87m5b0ihJzACVtKAqTpJubynC9kMvkicCAN8KO7TTIJf68xCjs2ZghXZbIdH8p729V+xyXEKUUQfDwAAAABJRU5ErkJggg==) right no-repeat;
  background-size: .17rem;
  line-height: .43rem;
  vertical-align: bottom;
}

/* 动画 */
@keyframes weui {
  0% { transform: rotate(0deg); }
  100% { transform: rotate(1turn); }
}

/* 评论详情弹窗 */
.m-comp-cmt .cmtDetail {
  position: fixed;
  width: 100%;
  height: 100%;
  left: 0;
  top: 0;
  background: #fff;
  z-index: 1002;
  display: flex;
  flex-direction: column;
  transition: all .2s linear;
  transform: translateY(100%);
  opacity: 0;
}
.m-comp-cmt .cmtDetail.showDetailCmt {
  transform: translateY(0);
  opacity: 1;
}
.m-comp-cmt .cmtDetail .fixWrap { padding: .15rem 0; }
.m-comp-cmt .cmtDetail .fixWrap .conp-cmtList {
  padding: 0 .32rem;
  border-bottom: .1rem solid #f8f8f8;
}
.m-comp-cmt .cmtDetail .fixWrap .item { border-bottom: none; }
.m-comp-cmt .cmtDetail .detTit {
  height: .88rem;
  text-align: center;
  line-height: .88rem;
  font-size: .36rem;
  font-weight: 700;
  position: relative;
  box-shadow: 0 .1rem .1rem rgba(0,0,0,.02);
}
.m-comp-cmt .cmtDetail .btn-close {
  width: .32rem;
  height: .32rem;
  background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACEAAAAgCAYAAACcuBHKAAAB2klEQVRYR7XYTUoDMRQH8PfPgCfQbhS9wjRzjIKCiwq6cOdC8TSiC3cuFKwguOgxEuYKii6knqAweZIyLf2Yj3x0us1k8usjee9lkKbpiRDiEQCY+VZr/Uod/qSUZwDumJmNMVd5nn9ASvkNYL9ct2DmS631cxcOKeUFgCciSuz7mflHa32ALMs+iehwadFOIOuAcr0vpdQR0jQdCCHeAex0BakCMPPUGHOa5/kYduFyX4y6gDQAhnY/2PVniK4gLoAVxLYhroANxLYgPoBKRCzEF1CLCIWEABoRvpBQQCvCFRIDcEK0QWYvWUrFZTq2iWiRB9pKwCJPtD1Yl9DKebNaEAJwjkRLQlv4y1TsHIH5ROdILEOSJBkR0XKtscPToii8Ad6RsBNqqqEdCq6+XpFoAMwDFQRxRtQdw/J0RLUBToimPGARQoioNqAV4ZKIYvuRRoQLoOX4Ou2RWoQPIBZSiQgBxEA2EDGAUMgKYhuAEMgCsU2AL2SG6ALgA7HXwCGAl/nVLLQcN7UC/X7/GMBbxb3mXGs9stfACRHtxvQDbb2IHa+B/Cml9mwkfgH0uojAOq4CMlFK9exd1H4auAdQENG1Umrs8s9Cn8mybEBED8ycGGNu7FXwHxKxQz+xIUDbAAAAAElFTkSuQmCC) no-repeat;
  background-size: .32rem;
  position: absolute;
  right: .32rem;
  top: .28rem;
}
.m-comp-cmt .cmtDetail .detWrap {
  height: 100%;
  overflow: scroll;
  -webkit-overflow-scrolling: touch;
}
.m-comp-cmt .cmtDetail .mod { margin-top: .3rem; }

/* 提示弹窗 */
.m-comp-cmt .popTip {
  background: rgba(0,0,0,.7);
  position: fixed;
  left: 50%;
  top: 45%;
  transform: translate(-50%, -50%);
  color: #fff;
  z-index: 1003;
  font-size: .32rem;
  border-radius: .16rem;
  line-height: .48rem;
  padding: .2rem .4rem;
  word-break: break-all;
  width: 4rem;
  text-align: center;
}

/* 页面状态 */
.m-comp-cmt .pageStatus {
  background: #fff;
  font-size: .24rem;
  color: #999;
  text-align: center;
  line-height: 1.4rem;
  height: 1.4rem;
  position: relative;
  margin: 0 -.32rem -1rem;
}
.m-comp-cmt .pageStatus .txt {
  color: #bbb;
  font-size: .24rem;
}

/* 空状态 */
.m-comp-cmt .nothing .ico-none {
  width: 3.75rem;
  height: 2.71rem;
  margin: 12% auto .8rem;
  background: url(../image/ico-nothing.png) no-repeat;
  background-size: contain;
  display: block;
}
.m-comp-cmt .nothing p {
  text-align: center;
  color: #999;
  font-size: .3rem;
}
.m-comp-cmt .nothing .btn-sofa {
  display: block;
  margin: .5rem auto 0;
  height: .54rem;
  width: 2rem;
  border: .02rem solid #6b8ef2;
  border-radius: 1rem;
  text-align: center;
  line-height: .54rem;
  color: #6b8ef2;
  font-size: .26rem;
}

/* webkit 兼容 */
@media screen and (-webkit-min-device-pixel-ratio:0) {
  input { line-height: normal !important; }
}