/*
	引用当前样式的，有如下页面：
	commentList.html
*/
.fix-btntbox{position: fixed; z-index: 11; left: 0; right: 0; bottom: 0; background: #fff; padding: 0.5rem 1.2rem; box-sizing:border-box; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; -ms-box-sizing:border-box; -o-box-sizing:border-box; max-width: 750px; margin: 0 auto; box-shadow: 0 0 7px rgba(147,139,139,0.2);}
.fix-btntbox .go{display: block; height: 4rem; line-height: 4rem; border-radius: 0.5rem; font-size: 1.5rem; color: #fff; text-align: center; background:#ec3712; background:-webkit-gradient(linear,left top,right top,color-stop(20%,#f24f18),color-stop(80%,#e61e0b)); background:-webkit-linear-gradient(left,#f24f18 20%,#e61e0b 80%); background:linear-gradient(to right,#f24f18 20%,#e61e0b 80%); filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#f24f18', endColorstr='#e61e0b', GradientType=1);}

.fix-btntbox + .wrapbox{padding-bottom: 6rem;}
.commentbox{background: #fff;}
.comment-type{position: fixed; top: 4.4rem; left: 0; right: 0; z-index: 11; background: #fff; font-size: 1.3rem; padding: 0.5rem 0.2rem; max-width: 750px; margin: 0 auto; box-sizing:border-box; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; -ms-box-sizing:border-box; -o-box-sizing:border-box;}
.comment-type li{float: left;}
.comment-type li.on{}
.comment-type li a{display: inline-block; height: 3rem; line-height: 3rem; padding:0 1.2rem; margin: 0.5rem 1rem; border-radius: 1.5rem; color: #6b7072; background: #fff; border:1px solid #e8e8e8;}
.comment-type li.on a{color: #e93b3d; background: #fdebeb;  border:1px solid #fdebeb;}
.comment-list{padding: 0.6rem 1.2rem;}
.comment-list .subcomment{margin-top: 0.5rem;}
.comment-list .subcomment + .subcomment{margin-top: 1.3rem;}
.comment-head{position: relative; padding-left: 4.5rem; min-height: 3.6rem; line-height: 3.6rem;}
.comment-head .avatar{position: absolute; top: 0; left: 0; display: block; width: 3.6rem; height: 3.6rem; border-radius: 50%; overflow: hidden;}
.comment-head .avatar img{width: 3.6rem; height: 3.6rem;}
.comment-head .name{color: #000; font-size: 1.5rem; font-weight: 600;}
.comment-head .essence{position: absolute; top: 1rem; right: 0; display: inline-block; height: 1.5rem; line-height: 1.5rem; border:1px solid #e63d2e; color: #e63d2e; padding: 0 0.3rem; border-radius: 0.2rem; font-size: 1.2rem;}
.comment-body{padding-left: 4.5rem;}
.comment-info{padding-bottom: 0.5rem; border-bottom: 1px solid #e8e8e8;}
.comment-list .subcomment:last-child .comment-info{padding-bottom: 0; border-bottom: none;}
.comment-say{font-size: 1.4rem; line-height: 2rem;}
.comment-photo{}
.comment-photo li{float: left; width: 33.33%;}
.comment-photo .img{display: block; margin-right: 0.6rem; margin-top: 0.6rem;}
.comment-photo .img img{height: 5.9rem;}
.comment-other{position: relative; min-height: 2.6rem; line-height: 2.6rem; margin-top: 0.3rem; color: #9c9fa1; font-style: 1.2rem;}
.comment-other .zan{position: absolute; top: 0; right: 0; display: inline-block; padding-left: 2rem; background: url(../images/icon_zan.png) center left no-repeat; background-size: 1.5rem;}
.comment-other .zan.light{background: url(../images/icon_zan_light.png) center left no-repeat; background-size: 1.5rem; color: #e63d2e;}