*{-webkit-box-sizing:border-box; box-sizing:border-box; padding:0; margin:0; border:0;font-style: normal;}
html{-webkit-tap-highlight-color:rgba(0,0,0,0);}
body{font:0.75rem/1rem  "microsoft yahei", arial;color: #272729;background: #fff;}
ul,li{list-style: none;}
a{text-decoration: none;}
a:hover{ opacity:0.6;}
a,button,input,textarea{outline: none;background: none;}
textarea{resize: none;}
.clear, .clearfix:after { display: block; height: 0; clear: both; visibility: hidden;}
.clear { font: 0/0 arial }
.clearfix:after { content: "." }
.clearfix { zoom: 1 }
.showbody{ display:none;}
.hover85:hover{ opacity:0.85;}
.cont92{width: 92%;margin: 0 auto;}
.cont80{width: 80%;margin: 0 auto;}
.cont90{ width:90%; margin:0 auto;}
.cont94{width:94%; margin:0 auto;}
.cont100{width: 100%;background: #fff;}
.cont96{width: 96%;margin: 0 auto;}
@media only screen and (min-width: 300px) {  html { font-size: 15px !important; } }
@media only screen and (min-width: 360px) {  html { font-size: 16.333333333px !important; } }
@media only screen and (min-width: 414px) {  html { font-size: 17.08px !important; } }
@media only screen and (min-width: 480px) {  html { font-size: 21.7px !important; }}
@keyframes showup{
  0%{ -webkit-transform:translatey(4rem); transform:translatey(4rem);}
  100%{ -webkit-transform:translatey(0); transform:translatey(0);}
}
@-webkit-keyframes showup{
  0%{ -webkit-transform:translatey(4rem); transform:translatey(4rem);}
  100%{ -webkit-transform:translatey(0); transform:translatey(0);}
}
@keyframes run{
  0%{transform:translatey(0.5rem);opacity:0;}
  50%{transform:translatey(-0.5rem);opacity:1;}
  100%{transform:translatey(-1rem); opacity:0;}
}
.in{-webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;}
.incenter{display: -webkit-box;-webkit-box-align: center;display: flex;align-items: center;}
.nav-top{ height:3rem;line-height:3rem; background:#fff;}
.nav-top .back-black{font-size:24px; color:#272729; float:left; width:3rem;text-align:center;}
.nav-top .biaoti{text-align:center; color:#000;font-size:1.06rem; width:60%; margin:0 auto;}
/*举报弹窗*/
.mask{ background:#000;opacity:0.6;filter:alpha(opacity=60); width:100%; height:100%;position:fixed; left:0; top:0; display:none; z-index:100;}
.reportmask{ width:100%; height:auto; position:fixed; left:0;bottom:0; display:none;-webkit-animation:showup 0.2s linear;animation:showup 0.2s linear; z-index:111;}
.reportmask .reportcont .selected{ background:#fcfcfc; }
.reportmask .reportcont .selected a{color:#868d99;}
.reportmask .reportcont li{ width:100%; height:3.56rem;border-radius:0.75rem;color:#0076ff;text-align:center;line-height:3.56rem;margin-bottom:0.44rem; background:#fff;font-size:1.25rem;}
/*分享弹窗*/
.sharemask{ width:100%;height:auto; position:fixed; left:0; bottom:0;background:#fff;border-radius:0.63rem 0.63rem 0 0; display:none; -webkit-animation:showup 0.3s linear;animation:showup 0.3s linear;z-index:1000;}
.sharemask .title{font-size:0.69rem;line-height:1.06rem;color:#9b9da0;text-align:center;margin:0.63rem 0 0.94rem;font-weight:normal;}
.sharemask .sharecont{ overflow:hidden;}
.sharemask .sharecont li{ float:left;text-align:center; width:20%; margin-bottom:1.6rem;}
.sharemask .sharecont li p{ color:#9b9da0; margin-top:0.56rem;font-size:0.75rem;line-height:0.75rem;}
.sharemask .sharecont .weixin{ width:3rem; height:3rem; display:block; margin:0 auto; background: no-repeat center;background-size:100%;}
.sharemask .sharecont .pengyou{ width:3rem; height:3rem;display:block;margin:0 auto;background: no-repeat center;background-size:100%;}
.sharemask .sharecont .weibo{ width:3rem; height:3rem;display:block;margin:0 auto;background: no-repeat center;background-size:100%;}
.sharemask .sharecont .qq{ width:3rem; height:3rem;display:block;margin:0 auto;background: no-repeat center;background-size:100%;}
.sharemask .sharecont .qqzone{ width:3rem; height:3rem;display:block;margin:0 auto;background: no-repeat center;background-size:100%;}
.sharemask .done{ width:100%; height:3.06rem; border-top:1px solid #9b9da0;text-align:center;line-height:3.06rem;font-size:0.88rem; color:#9b9da0;}
.sharemask .line{ height:1px; background:#efefef; margin-bottom:1.25rem;font-size:0;}
.sharemask .sharecont .collection{width:2.81rem; height:2.81rem; display:block; background: no-repeat center;background-size:100%;}
.sharemask .sharecont .photonum{width:2.81rem; height:2.81rem; display:block; background: no-repeat center;background-size:100%;}
.sharemask .sharecont .longpic{width:2.81rem; height:2.81rem; display:block; background: no-repeat center;background-size:100%;}
.sharemask .sharecont .reportpic{width:2.81rem; height:2.81rem; display:block; background: no-repeat center;background-size:100%;}
/*浮层*/
.fatie{display:block;  width:3rem; height:3rem; background: linear-gradient(180deg,#61a0fa 0%,#526af0 100%);border-radius:100%;text-align:center; z-index:400;color:#fff;font-size:0.69rem; float:right; margin-bottom:1rem;margin-right:0.3rem;}
.fatie .jiahao{ color:#fff;font-size:18px; display:block;margin-top:0.5rem;}
.fubox{  position:fixed; bottom:5rem; right:0; z-index:400;}
.fubox .menu1{background:#fff;border-radius:0.31rem 0 0 0.31rem; padding:0.2rem 0.2rem 0.2rem 0.3rem; clear:both; display:none;}
.fubox .menu1 .menuicon{font-size:1.4rem; color:#578bed;}
.fubox .menu1 .close1{ color:#000;font-size:1.2rem; float:right;line-height:3rem; display:inline-block;}
.fubox .menu1 .menulist{ display:inline-block; float:left; }
.fubox .menu1 .menulist .topicon{ margin-top:0.8rem;}
.fubox .menu1 a{text-align:center; float:left;color:#1b1c1e;font-size:0.6rem; display:inline-block;line-height:0.9rem; padding:0.5rem 0.6rem;}
.fubox .menu1 p{ margin-top:0.15rem;}
.fubox .menu2{  background:rgba(0,0,0,0.7);border-radius:1.2rem 0 0 1.2rem; text-align:center; line-height:0.9rem;  padding: 0.3rem 0.6rem 0.3rem; clear:both; margin-bottom:0.5rem;}
.fubox .menu2 .open1{ color:#fff; display:inline-block; font-size:1rem; float:left;line-height:1.8rem;   margin-right: 0.2rem;}
.fubox .menu2 .daohang{ color:#fff;font-size:0.7rem; display:inline-block; float:left;}
.maskcont{background:rgba(0,0,0,0.5);top:0;left: 0;position: fixed;display: none; width:100%; height:100%; z-index:50;}
/*.tiezilist{ padding-bottom:3.25rem;}*/
/***********底部导航*********/
.tabs{position:fixed;bottom:-1px;left:0;width:100%;height:3.25rem;color:#ddd;text-align:center;border-top:1px solid #f5f5f5;background:#fff;z-index:2;box-shadow:0 -3px 0.47rem 0 #eff2f2;}
.tabs .nav-list{ height:100%;}
.tabs li{width:19%; font-size:0.63rem; height:100%; display:inline-block;}
.tabs li a{width:100%;height:100%;display:block;color:#606978;}
.tabs li.act a{ color:#578bed;}
.tabs li .foottab{ font-size:1.5rem; margin:0.5rem 0; color:#606978;}
.tabs li.act .foottab{ font-size:1.5rem; margin:0.5rem 0;color:#5c8cf6;}
@media  screen and (-webkit-min-device-pixel-ratio:0) {
	.tabs li.act .foottab {
		background: -webkit-gradient(linear,left top,right top,from(#62a2fa),to(#5c8cf6));
		-webkit-background-clip: text;
	}
}
.dropload-down{text-align:center;font-size:0.875rem; color:#999;}
.tabs li.act .tit{ color:#5c8cf6;}
.tabs li .tit{display:inline-block;color:#9a9b9e;}
/*backtop*/
.fubox .gototop{margin-bottom: 1rem;margin-right: 0.25rem;display: none;opacity: 0.8;z-index: 1000;width: 2.8rem;height: 2.8rem; background:rgba(0,0,0,0.8);border-radius:100%;text-align:center;line-height:2.8rem; color:#fff;font-size:1.25rem; float:right;}
/*advert*/
.advertbox{margin-top: 1rem; height:auto;}
.advertbox:after{content:'.';display: block; height: 0; clear: both; visibility: hidden;}
.advertbox img{display: block;margin: 0 auto;width: 100%;border-radius: 0.25rem;}
.advert{ width:1.88rem; height:1.1rem;text-align:center;line-height:1.1rem;display:inline-block; float:left; color:#9b9da0;font-size:0.7rem;border:1px solid #efefef; margin-top:0.8rem;}
/*公共头*/
.publicheader{ width:100%; line-height:3rem; height:3rem; background:#fff;}
.publicheader .menubox{ float:right; line-height:3rem;}
.publicheader .menubox .pep{ width:1.5rem; height:1.5rem;display:inline-block; background:#e6eefc;text-align:center;line-height:1.5rem;border-radius:100%; overflow:hidden;}
.publicheader .menubox .pep img{ width:100%; height:100%;}
.publicheader .menubox .pep i{font-size:1.2rem; color:#82a9f1;}
.publicheader .menubox .micon{margin-left:1.25rem; display:inline-block;font-size:1.5rem; color:#1b1c1e;}
.publicheader .logobox{ float:left; height:3rem;}
.publicheader .logobox .logo{ background: no-repeat center; width:1.81rem; height:1.5rem;background-size:contain; display:inline-block; float:left;}
.publicheader .logobox .headtlt{ font-size:1.06rem;margin-left:0.6rem; display:inline-block;}
.publicheader .logobox .headtlt a{color:#1b1c1e;}
.sidebarbox{ width:50%; height:100%; position:fixed; top:0; right:0; background:#fff;border-radius:0.25rem 0 0 0.25rem; padding:1.41rem 0; z-index:500; display:none;}
.sidebarbox .goback{font-size:1.5rem; color:#000;}
.sidebarbox .sidecont a{ width:100%; height:3.75rem;line-height:3.75rem; border-bottom:1px solid #efefef;text-align:center;color:#1b1c1e; display:block;}
/*公共头部导航栏*/
.navbox{ width:100%; background:#fff; height:3rem;}
.navbox.act{ position:fixed; top:0; left:0; width:100%; z-index:200;}
.navbox.act .navcont li{line-height:3rem;}
.navbox.act .navcont li.act{line-height:2.98rem;}
.navbox .navcont .navmenu{ width:90%; float:left;line-height:3rem;}
.navbox .navcont .bbsmenu{ width:85%; float:left;line-height:3rem;}
.navbox .navcont .bbsmenu .navli{ width:100%;}
.navbox .navcont .bbsmenu li{ }
.navbox .navcont .search{ width:10%;border-left:1px solid #efefef; float:right;text-align:center; height:1.5rem;line-height:1.5rem;justify-content:center;}
.navbox .navcont .search .fnfont{font-size:1rem;text-align:center;line-height:2rem; color:#1b1c1e;}
.navbox .navcont .filtrate{ width:18%; float:right;text-align:center;border-left:1px solid #efefef; height:1.5rem;line-height:1.5rem;justify-content:center;}
.navbox .bbsmenu .filtrate{ width:18%;}
.navbox .navcont .filtrate .fnfont{font-size:1.2rem;}
.navbox .navcont li.act a{ color:#578bed;font-size:1.25rem;line-height:2.98rem;font-weight:bold;}
.navbox .navcont li{ display: inline-block;text-align:center; color:#1b1c1e; width:auto;line-height:3rem;}
.navbox .navcont li:last-child{margin-right:0;}
.navbox .navcont li a{line-height:0.88rem; color:#272729;}
/*pageing*/
.record{ width:100%; margin-top:1.8rem;}
.recordcont{ background:#f8f8f8;border-radius:0.25rem; padding:0.8rem 0.72rem;}
.recordcont .nexttxt{ margin-top:1rem;}
.recordcont .recordtxt .tlt1{ color:#9a9b9e; display:inline-block;}
.recordcont .recordtxt .brief{ color:#1b1c1e; display:inline-block;margin-left:1.06rem;max-width:79%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}
.paging{ margin-top:0.625rem; background:#fff; padding:1rem 0;}
.paging .pagenum{ display:flex;justify-content:space-around;}
.paging .pagenum a{ padding:0 0.6rem; background:#eef3fd; color:#578bed; height:1.5rem;line-height:1.5rem; display:inline-block;border-radius:0.25rem;}
.paging .pagenum a.act1{ background:#f4f4f4; color:#909195;}
.paging .pagenum a.act2{ background:#578bed; color:#fff;}
.paging .pagenum a.act3{ background:#fff; color:#578bed;}
.recommendedcont{ margin-top:0.625rem; background:#fff; padding:1rem 0;}
.recommendedcont ul{ margin-top:0.4rem;}
.recommendedcont .recommendtlt{ color:#333;font-size:1rem;line-height:1.5rem;}
.recommendedcont li{ width:48%; float:left; margin:0.5rem 1%;}
.recommendedcont li .bbsimg{ display:block; width:100%; height:7rem; overflow:hidden; position:relative;}
.recommendedcont li .bbsimg img{ position:absolute; top:50%; left:50%;transform:translate(-50%,-50%); width:100%; height:auto;border:1px solid #efefef;border-radius:0.25rem;}
.recommendedcont li .recommendtxt{ display:-webkit-box; overflow:hidden;-webkit-box-orient:vertical; -webkit-line-clamp:2; color:#1b1c1e; margin-top:0.6rem; width:100%;}
.recommendedcont li .recommenddata{ margin-top:0.5rem; display:block;line-height:0.9rem;width:100%; }
.recommendedcont li .recommenddata span{ color:#9a9b9e;font-size:0.7rem;line-height:0.9rem;}
.recommendedcont li .recommenddata .dot{ margin:0 0.3rem;}
.commentbottom .bbsicon{ display:flex;align-items:center; width:55%;}
.commentbottom .bbsicon>span{display: inline-block;margin-left:1.15rem;font-size:1.5rem}
.commentbottom .bbsicon a{display: inline-block;margin-left:1.15rem;}
.commentbottom .bbsicon .numicon{position: relative; }
.commentbottom .bbsicon .numicon .num{height: 0.7rem;line-height: 1rem;position: absolute; top:-0.3rem;right: -0.3rem;display: inline-block;font-size: 0.6875rem;color: #f14d08;background: #fff;padding: 0.05rem;}
.commentbottom .bbsicon .collecticon{}
.commentbottom .bbsicon .collecticon.act{color:#fcc12d;}
.commentbottom .bbsicon .shareicon{}
.commentbottom .bbsicon .shareicon.act{}
.commentbottom .bbsicon .replyicon{ color:#fff; width:5.22rem; height:2.1rem; background:#578bed; display:flex;align-items:center;justify-content:center;border-radius:1rem;}
.commentbottom .bbsicon .replyicon .huifu{margin-right:0.5rem;}
.commentbottom .botbox{ height:100%; display:flex;justify-content:space-between;align-items:center;font-size:0.75rem;color:#1b1c1e;}
.commentbottom .botbox .backbox{ width:45%;}
.commentbottom .botbox span{font-size:1.5rem;}
.commentbottom .botbox .backtxt{width:7.72rem; height:100%;margin-left:0.2rem; color:#2a2b2d;}
.commentbottom .botbox .backtxt .ltxt{max-width:3.7rem;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;margin-left:0.31rem;font-size:0.875rem; color:#2a2b2d; display:inline-block;}

.commentbox{background: #fff;margin-top:0.625rem; padding-bottom: 2.25rem;padding-top: 0.81rem;}
.commentbox .comment{position: relative;margin-bottom: 1rem;}
.commentbox .comment img{width: 9.69rem;position: absolute}
.commentbox .comment .title{height:0.88rem;  color:#333; line-height:0.88rem;font-size: 1rem;position: relative;display: inline-block;margin-top: 0.875rem;}
.commentbox .tit{font-size: 0.94rem;line-height: 1.06rem;color: #272729;text-align: center;margin: 1.56rem 0 1.25rem;letter-spacing:0.13rem;}
.commentbox .part{}
.commentbox .part .smtit{font-size: 0.75rem;line-height: 1.06rem;color: #272729;margin-bottom: 0.94rem;}
.commentbox .new{margin-top:1.5rem;margin-bottom: 1.35rem }
.commentbox .new .title{height: 0.88rem;color: #333;line-height: 0.88rem;font-size: 1rem;position: relative;display: inline-block;}
.commentbox .new .more{display: inline-block;float: right;font-size: 0.69rem;  color: #333;  }
.commentbox .new .num{color: #999999;font-size: 0.69rem;margin-left: 0.375rem;font-weight: normal;}
.commentbox .commentlist .smlabel .fnfont{color: #fba613;font-size: 0.625rem;}
.commentbox .commentlist .ke{line-height: 0.69rem; font-size: 0.625rem; display:block;}
.commentbox .commentlist .ke .fnfont{color: #578bed;font-size: 0.625rem;}
.commentbox .commentlist .ke .grade{color: #578bed; font-size: 0.8rem;padding-right: 0.25rem; margin-top:0.3rem;}
.commentbox .commentlist .smlabel .grade{color: #fba613; font-size:0.8rem;}
.commentbox .commentlist .tall{background: #fff;}
.commentbox .commentlist .tall .grade{color:#999999;font-size: 0.8rem;}
.commentbox .commentlist .ke{color: #578bed; font-size: 0.625rem;padding-right: 0.25rem;}
.commentbox .commentlist .report{ float:right; display:block; width:1rem; height:0.75rem; background: no-repeat center center;background-size:contain;}
.commentbox .commentlist .pictime{ margin-top:0.25rem; margin-left:0.5rem;}
.commentbox .commentlist .replaytime{ display:block; margin-top:0.63rem;color: #9b9da0;font-size:0.75rem;line-height:0.75rem;}
.commentbox .commentlist .cont .info{height: 2rem;}
.commentbox .commentlist .cont .replaycont{width: 100%;padding: 0.63rem 0.63rem;background: #f6f9f9;margin-bottom: 0.625rem;font-size: 0.82rem;line-height: 1.67rem;color: #272729;}
.commentbox .commentlist .cont .replaycont .smallpic{ width:1.38rem; height:1.38rem; display:block;border-radius:100%;position: absolute; top: 0; left: 0; overflow:hidden;border:1px solid #f4f6f8;}
.commentbox .commentlist .cont .replaycont .smallpic img{ width:100%; height:100%;}
.commentbox .commentlist .cont .replaycont .contlile{margin-left:2.01rem;border-bottom: 1px solid #efefef;}
.commentbox .commentlist .cont .replaycont .contlile .commentpraisebtn{ margin-top:0.1rem;}
.commentbox .commentlist .cont .replaycont .contlile .tetreply{ display:block;line-height:1.38rem;}
.commentbox .commentlist .cont .replaycont .contlile .time{font-size:0.75rem;line-height:0.75rem;}
.commentbox .commentlist .cont .replaycont .rename{color: #578bed;}
.smlabelbot:after{content:'.';display: block; height: 0; clear: both; visibility: hidden;}
.morenum{ color:#9b9da0; font-size:0.75rem;line-height:0.75rem; display:block;text-align:center; margin:0.94rem 0 1.38rem;}
/*commentbottom*/
.commentbottom .bottom{display: flex;height: 100%;align-items: center;position: relative}
.commentbottom .bottom .left{display: flex;align-items: center;}
.commentbottom .bottom .right{position: absolute;right: 0;}
.commentbottom .bottom .right .golearn{border: 1px solid #578bed;color: #578bed;margin-left: 1.6rem;border-radius: 1.125rem;  padding-left: 1.35rem;  padding-right: 1.125rem;color: #578bed;font-size: 0.81rem;border: 1px solid #578bed;height: 2.25rem;line-height: 2.25rem;text-align: center}
.commentbottom .bottom .commenticon{margin-left:2rem}
.commentbottom .iconitem{display: flex;  flex-direction: column;  justify-content: center;  align-items: center;margin-left:0.5rem;height: 100%;}
.commentbottom .iconitem span{margin-top: 0.25rem;}
.commentbottom .iconitem img{width: 1.125rem;height: 1.125rem;}
.commentbottom .free{margin-left: 1.6rem;border-radius: 1.5rem;  padding:0 1.06rem;color: #578bed;font-size: 1rem;border: 1px solid rgba(87,139,237,0.5);line-height: 2.2rem;text-align: center}
.commentbottom .free .fnfont{color: #578bed;font-size: 0.81rem;margin-right: 0.25rem;font-weight: bold; float:left;}
.commentbottom .free a{display: block;width: 100%;color: #578bed}
.commentbottom .buy{margin-left: 0.1rem;border-radius: 1.125rem;  padding: 0 1rem;text-align: center;color:#fff;line-height: 2.2rem;background: #578bed;font-size:1rem;border: 1px solid #578bed;}
.commentbottom .buy a{display: block;color: #fff;width: 100%}
.commentbottom button:hover{opacity: 0.85}
/*xidipinglun*/
/*sucbottomad 吸底广告*/
.sucbottomad{width: 100%;height: 5.08rem;background: #fff; border-top:1px solid #9b9da0;position: fixed;bottom: 0; left:0;}
.sucbottomad .pic{width: 3.8rem;height: 3.8rem;border-radius: 0.67rem;overflow: hidden;display: inline-block;margin-top: 0.64rem;background-color: #e6e6e6; float: left;}
.sucbottomad .openbtn{height: 2.67rem;line-height: 2.67rem;background-color: #578bed;display: inline-block;float: right;border-radius: 1.3rem;font-size: 1.25rem;color: #fff;padding: 0 1.8rem;margin-top: 1.205rem;}
.sucbottomad .cont{ float: left;line-height: 1.67rem;margin: 1rem 0 0 0.5rem;}
.sucbottomad .cont .tit{font-size: 1.08rem;color: #272729;}
.sucbottomad .cont .txt{font-size: 1rem;color: #9b9da0;}
/*创建标签*/
.nav h3{ color:#9b9da0; margin-top:1rem;}
.biaoqian .headerbox .search .labelipt{margin-left:0.5rem;border-radius:0.88rem;padding-left:1rem;}
.labelcont{ margin-top:1rem;}
.labelcont li{border-bottom:1px solid #efefef;padding:1rem 0;}
.labelcont li .label{ color:#272729;}
.labelcont li .label i{font-size:1rem; color:#578bed;margin-right:0.3rem;}
.labelcont li .newlabel{  color:#578bed; display:block;}
.labelcont li .newlabelbox{justify-content:space-between;}
.labelcont li .establish{ display:block; background:#578bed; color:#fff; padding:0 0.5rem;border-radius:1rem;line-height:1.85rem;}
.labelcont li .establish i{font-size:0.8rem; color:#fff;margin-right:0.2rem;}
.error{ position:fixed; top:50%; left:50%;transform:translate(-50%,-50%); padding:1rem 0.53rem; background:rgba(0,0,0,0.8);text-align:center;border-radius:0.25rem; display:none;}
.error span{font-size:1.5rem; color:#fff;}
.error p{font-size:0.85rem; color:#fff; margin-top:0.3rem;}
.successlabel{ position:fixed; top:50%; left:50%;transform:translate(-50%,-50%); padding:1rem 0.53rem; background:rgba(0,0,0,0.8);text-align:center;border-radius:0.25rem; display:none;}
.successlabel span{font-size:1.5rem; color:#fff;}
.successlabel p{font-size:0.85rem; color:#fff; margin-top:0.3rem;}
/*commentbottom 吸底评论*/
.hei{width: 100%;height: 100%;position: fixed; top:0; left:0;background: #000;opacity: 0.4;display: none;}
.commentbottom{width: 100%;height: 3.06rem;position: fixed; bottom:0; left:0;background: #fff; border-top:1px solid #f0f0f0; z-index:10;}
.commentbottom .picbottom{ height:100%;}
.commentbottom.in{height: 5.6rem;}
.commentbottom .comment{width: 40%;height: 2rem;background-color: #f4f6f8;border-radius: 1.4rem;padding: 0 1rem;margin-top: 0.53rem;color: #868d99;line-height: 2rem;font-family:"微软雅黑";}
.commentbottom.in .comment{height: 4.435rem;width: 18rem;line-height: 1.2rem;padding: 0.5rem;border-radius: 1rem;color: #272729;}
.commentbottom.in .sendcomment{display: block;}
.commentbottom .iconbox{float: right; height:100%; width:60%;text-align:right;}
.commentbottom.in .iconbox{display: none;}
.commentbottom .picbottom{ height:100%;}
.commentbottom .iconbox>span{display: inline-block;margin-left:1.15rem;font-size:1.5rem;color:#272729;line-height:3.3rem;}
.commentbottom .iconbox a{display: inline-block;margin-left:1.15rem;font-size:1.5rem; color:#272729;line-height:3.3rem;}
.commentbottom .iconbox .numicon{position: relative; display: inline-block;font-size:1.5rem; color:#272729;line-height:3.3rem;}
.commentbottom .iconbox .numicon .num{height: 0.7rem;line-height: 1rem;position: absolute; top:0.1rem;right: -0.2rem;display: inline-block;color: #272729;background: #fff;padding: 0.05rem;}
.commentbottom .iconbox .collecticon{}
.commentbottom .iconbox .collecticon.act{ color:#fcc12d;}
.commentbottom .iconbox .shareicon{ position:relative;}
.commentbottom .iconbox .shareicon .num{height: 0.7rem;line-height: 1rem;position: absolute; top:0.1rem;right: -0.5rem;display: inline-block;color: #272729;background: #fff;padding: 0.05rem;}
.commentbottom .iconbox .shareicon.act{ color:#ee5c37;}
/*commentbox*/
.commentbox{ margin-top:0.625rem; background:#fff; padding-top:1rem;}
.commentbox .tit{font-size: 1rem;line-height: 1.06rem;color: #333;text-align: left;letter-spacing:0.13rem;}
.commentbox .tit .commentnum{font-size:0.76rem;font-weight:normal;}
.commentbox .newcomment{ margin-top:1.6rem; display:flex;justify-content:space-between;align-items:center;}
.commentbox .newcomment .lookmore{ float:right; padding:0.31rem 0.375rem; background:#f2f4f6;border-radius:0.25rem;}
.commentbox .newcomment .lookmore .moretxt{font-size:0.69rem; color:#5d6e8f;}
.commentbox .newcomment .lookmore .fnfont{ color:#5d6e8f;font-size:1rem; display:inline-block;margin-left:0.31rem;}
.commentbox .part{ margin-top:1.3rem;}
.commentbox .part .smtit{font-size: 0.75rem;line-height: 1.06rem;color: #272729;margin-bottom: 0.94rem;}
.commentbox .commentlist{width: 100%;}
.commentbox .commentlist li{position: relative;width: 100%;margin-bottom: 1rem;}
.commentbox .commentlist li:last-child{margin-bottom:0;}
.commentbox .commentlist .nocomment{width: 100%;height: 8.8rem;text-align: center;}
.commentbox .commentlist .nocomment .shafa{background:  no-repeat center;background-size: contain;width: 5.3rem;height: 4.4rem;display: inline-block;font-size: 0;}
.commentbox .commentlist .nocomment p{font-size: 0.75rem;color: #7f99b4;line-height: 2rem;}
.commentbox .commentlist .peoplepic{width: 2rem;height: 2rem;display: block;position: absolute; top:0; left:0;border-radius: 100%;overflow: hidden;border:1px solid #f4f6f8;}
.commentbox .commentlist .peoplepic img{width: 100%;height: 100%;}
.commentbox .commentlist .cont{margin-left:2.63rem;width: auto;min-height: 1rem;border-bottom: 1px solid #f0f0f0;}
.commentbox .commentlist .commentpraisebtn{float: right;display: inline-block;height: 1rem;line-height: 1rem;font-size: 0.875rem;color: #677685;margin-top: 0.72rem; position:relative;}
.commentbox .commentlist .commentpraisebtn.act{ color:#578bed;}
.commentbox .commentlist .commentpraisebtn.act i{ color:#578bed;}
.commentbox .commentlist .commentpraisebtn i{display: inline-block;width: 1rem;font-size: 1rem;line-height: 1.2rem;overflow: hidden;vertical-align: middle;margin: -5px 0 0 0.25rem; color:#9b9da0;}
/*.commentbox .commentlist .commentpraisebtn:active{background-size: 50%;}*/
.commentbox .commentlist .add1{font-size:0.88rem; color:#578bed; position:absolute; top:-1rem; left:35%; display:none;animation:run 0.5s linear forwards;-webkit-animation:run 0.5s linear forwards;}
.commentbox .commentlist .commentpraisebtn:active i{background-size: 90%;}
.commentbox .commentlist .commentreplaybtn{display: inline-block;font-size: 0.75rem;color: #272729;margin-left:0.63rem; }
.commentbox .commentlist .dianicon{float: right;width: 0.125rem;height: 0.875rem;display: inline-block;background:  no-repeat center center;background-size: contain;margin: 0.82rem 0.8rem 0;}
.commentbox .commentlist .name{font-size: 0.875rem;line-height: 0.81rem;color: #7f99b4;}
.commentbox .commentlist .smlabel{display: block;font-size: 0.6875rem;line-height: 0.69rem; margin-top:0.25rem;}
.commentbox .commentlist .smlabel:after{content:'.';display: block; height: 0; clear: both; visibility: hidden;}
.commentbox .commentlist .grade{color: #9b9da0; display:block; }
.commentbox .commentlist .report{ float:right; display:block; width:1rem; height:0.75rem; background: no-repeat center center;background-size:contain;}
.commentbox .commentlist .smlabelbot{ margin-bottom:0.75rem;line-height:0.75rem;}
.commentbox .commentlist .time{color: #9b9da0; float:left;font-size:0.75rem;line-height:0.75rem;}
.commentbox .commentlist .pictime{ margin-top:0.25rem; margin-left:0.5rem;}
.commentbox .commentlist .replaytime{ display:block; margin-top:0.63rem;color: #9b9da0;font-size:0.75rem;line-height:0.75rem;}
.commentbox .commentlist .cont .txt{font-size: 0.94rem;line-height: 1.31rem;color: #272729;margin: 0.63rem 0 0.75rem;}
.commentbox .commentlist .contlile .txt{font-size:0.81rem;line-height:1.13rem;}
.commentbox .commentlist .cont .replaycont{width: 100%;padding: 0.63rem 0.63rem;background: rgba(244,246,248,0.6);margin-bottom: 1.3rem;font-size: 0.82rem;line-height: 1.67rem;color: #272729;}
.commentbox .commentlist .cont .replaycont .smallpic{ width:1.38rem; height:1.38rem; display:block;border-radius:100%;position: absolute; top: 0; left: 0; overflow:hidden;border:1px solid #f4f6f8;}
.commentbox .commentlist .cont .replaycont .smallpic img{ width:100%; height:100%;}
.commentbox .commentlist .cont .replaycont .contlile{margin-left:2.01rem;border-bottom: 1px solid #efefef;}
.commentbox .commentlist .cont .replaycont .contlile .commentpraisebtn{ margin-top:0.1rem;}
.commentbox .commentlist .cont .replaycont .contlile .tetreply{ display:block;line-height:1.38rem;}
.commentbox .commentlist .cont .replaycont .contlile .time{font-size:0.75rem;line-height:0.75rem;}
.commentbox .commentlist .replaybtn{ margin:0 0.31rem;font-size: 0.81rem; color: #9b9da0;line-height:0.81rem;}
/*.commentbox .commentlist .cont .replaycont .contlile .time{}*/
.commentbox .commentlist .cont .replaycont .rename{color: #578bed;}
.commentbox .commentlist .cont .replaycont .openreply{ display:block;text-align:center;font-size:0.75rem;line-height:0.75rem; color:#7f99b4;margin:0.75rem auto 0.12rem;}
.smlabelbot:after{content:'.';display: block; height: 0; clear: both; visibility: hidden;}
.morenum{ color:#9b9da0; font-size:0.75rem;line-height:0.75rem; display:block;text-align:center; margin:0.94rem 0 1.38rem;}