﻿.mui-badge {font-size: 10px;line-height: 1;display: inline-block;padding: 2px 5px !important;color: #333;border-radius: 100px;background-color: rgba(0,0,0,.15);position: absolute;top: -10px;right: -10px;}
.mui-badge-danger, .mui-badge-red {color: #fff !important;background-color: #dd524d !important;}
.commentReplies_container {width: 100%;height: 100%;padding-bottom:4.5em;}
.commentReplies_comment_special{background-color:#fff;}
.commentReplies_comment {width: 100%;padding:1em;}
.userIcon{display:inline-block;vertical-align:top;margin-top:0.1em;width: 2.9em;height: 2.9em;}
.userIcon img {width: 100%;height: 100%;border-radius: 100%;border:1px solid #f0f0f0;vertical-align: top;}
.commentReplies_comment_info {width: 85%;display: inline-block;margin-left: 0.7em;border-bottom:1px solid #f0f0f0;padding-bottom:1em;}
.commentReplies_comment_infospecial{border-bottom:none !important;padding-bottom:0 !important;}
.commenteplies_name{font-size:1.4em;color:#999 !important;}
.commentReplies_comment_replies{font-size:1.6em !important;color:#333 !important;margin-top:0 !important;width: 100%;text-align: left;letter-spacing: 1px;white-space: normal;}
.commentReplies_comment_thumbsup {overflow: hidden;position:relative;}
.commentReplies_comment_thumbsup div:nth-child(1) {float: left;width: 76%;}
.commentReplies_comment_thumbsup div:nth-child(1) p:nth-child(1) {font-size: 1.6em;color: #999 !important;text-align: left;display:inline-block;}
.commentreplies_reply{color:#bbb !important;}
.commentReplies_comment_thumbsup div:nth-child(1) p:nth-child(2) {font-size: 1.6em;color: #333333;text-align: left;}
.commentReplies_comment_thumbsup div:nth-child(2) {float: right;text-align:right;width:12%;}
.commentReplies_comment_thumbsup div:nth-child(2) img {width: 42%;height: auto;vertical-align: sub;}
.commentReplies_comment_thumbsup div:nth-child(2) span {font-size: 1.3em;color: #999999;vertical-align: baseline;}
.commentReplies_comment_info>p {color:#bbbbbb !important;font-size:1.1em;width: 100%;text-align: left;letter-spacing: 1px;margin-top:0.3em;white-space:normal;}
.commentReplies_comment_info>p span{padding-right:0.8em;}
.commentReplies_comment_info>p span:nth-child(2){padding-right:0.5em;}
.comment_line{color: #bbbbbb;height:1em;margin-left:-0.6em;margin-right:-0.6em;}
.commentReplies_comment_thumbsup div:nth-child(1) .commentReplies_comment_reply {font-size:1.5em;white-space:normal !important;margin-top:-0.2em;}
.commentReplies_comment_thumbsup div:nth-child(1) .commentReplies_comment_reply span:nth-child(1) a{text-decoration:none;color: #4a88ee;}
.commenteplies_article{width:100%;background-color:#f7f7f7;margin-top:0.5em;}
.commentreplies_create{width:100%;overflow:hidden;margin-top:0.5em;}
.commentreplies_createtime{float:left;font-size:1.1em;letter-spacing:1px;color:#bbb;}
.commentreplies_createlike{float:right;text-align:right;}
.commentreplies_createlike span{font-size:1.3em;color:#999;vertical-align:baseline;}
.commentreplies_createlike img{width:30%;height:auto;vertical-align:sub;}
.commentreplies_pic{width:30%;height:5.5em;display:inline-block;vertical-align:middle;background-position:center center;background-repeat:no-repeat;background-size:cover;overflow:hidden;}
.commentreplies_pictitle{font-size:1.5em;color:#333;display:inline-block;margin-left:2%;vertical-align:top;width:66%;word-break:break-all;}
.commentReplies_comment_person {width:100%;padding:0.8em 1em 0.2em 1em;border-bottom: 1px solid #f0f0f0;border-top: 1px solid #f0f0f0;overflow: hidden;background-color:#fff;}
.commenteplies_deletepart{color:#bbb;font-size:1.1em;margin-left:0.6em;}
.commenteplies_deletepart a{margin-left:0.6em;}
.commentReplies_comment_person li {float: left;height: auto;border-radius: 100%;list-style: none;margin-left: 1%;vertical-align: middle;}
.commentReplies_comment_person li:nth-child(1){margin-left:0em;}
.commentReplies_comment_person li img {width: 2.8em;height: 2.8em;border-radius: 100%;border:1px solid #f0f0f0;}
.commentReplies_comment_person li:nth-last-child(1) {float: right;width: 24.5%;font-size: 1.3em;color: #999999 !important;margin-bottom:-0.5em;line-height:2.3em;}
.commentReplies_comment_person li:nth-last-child(1) a{color:#999 !important;}
.commentReplies_comment_person li:nth-last-child(1) img {width: 0.7em;height: 0.9em;margin-left: 0.5em;border:none;}
.commentReplies_comment_hot {width: 100%;position: relative;padding-top: 3em;padding-bottom: 0.5em;background-color:#fff;}
.commentReplies_comment_hot div {width: 1em;height: 1.8em;border-radius: 1em;background-color: #2187ec;display: inline-block;position: absolute;top: 1em;left: -0.5em;}
.commentReplies_comment_hot p {display: inline-block;position: absolute;top: 0.3em;left: 1em;}
.commentReplies_comment_write {position: fixed;left: 0;bottom: 0;width: 100%;height: 4em;background-color: #f4f5f6;border-top: 1px solid #e2e2e2;padding: .5em;z-index: 1;}
.commentReplies_comment_write .commentInput {width: 82%;height: 3em;border: none;border-radius: 2em;background-color: #f7f7f7;padding: 0 1.5em;display: inline-block;margin-right: 6%;}
.commentReplies_comment_write .commentInput span {font-size: 1.4em;line-height: 2.2;color: #999;}
.commentReplies_comment_write .like{display: inline-block;vertical-align: middle;}
.commentReplies_comment_write .like img {width:2.2em;}
.commentReplies_comment_write .commentReplies_comment_message {position: relative;}
.commentReplies_comment_write .commentReplies_comment_message img {position: absolute;top: 0.2em;left: 18em;width: 3em;height: 2.5em;}
.commentReplies_comment_write .commentReplies_comment_message p {width: 2em;height: 1.2em;position: absolute;top: 0.2em;left: 19.5em;color: #ffffff;background-color: #ff4a49;border-radius: 0.5em;text-align: center;}
.commentReplies_comment_write > img:nth-of-type(1) {position: absolute;top: 1.2em;left: 23em;width: 3em;height: 2.5em;}
.commentReplies_comment_write > img:nth-of-type(2) {position: absolute;top: 1.2em;left: 27em;width: 3em;height: 2.5em;}
.commentReplies_comments{/*margin-bottom:1em;*/background-color:#fff;}
.commentReplies_comment_content{padding-bottom:0 !important;}
@media only screen and (min-width: 376px){
.commentReplies_comment_info{width:87%;}
.commentReplies_comment_person li:nth-last-child(1){width:21%;}
/*.commentReplies_container{padding-bottom:7.5%;}*/
.commentReplies_comment_write input{width:80%;}
.commentReplies_comment_thumbsup div:nth-child(1){width:89%;}
}
@media only screen and (max-width: 375px){
.commentReplies_comment_person li:nth-last-child(1){width:24%;}
.commentReplies_container .commentReplies_comment .commentReplies_comment_info{width:86%;}
.commentReplies_comment_thumbsup div:nth-child(1){width:88%;}
}
@media only screen and (max-width: 320px){
.commentReplies_comment_person li:nth-last-child(1){width:26.4%;}
.commentReplies_comment_info{width:86%;}
/*.commentReplies_container{padding-bottom:10%;}*/
.commentReplies_comment_thumbsup div:nth-child(1){width:76%;}
}
.index_loadingmore{background-color:#f7f7f7;font-size:1.2em;color:#ccc;text-align:center;padding-top:0.5em;padding-bottom:0.5em;position:absolute;bottom:0;left:0;right:0;width:100%;}
.inputTool{position:relative;bottom:0;width: 100%;overflow: hidden;background-color:#fff;}
.inputTool .submit{padding:.3em .7em;font-size: 1.7em;background-color:#f1f1f1}
.inputTool .submit .close_btn{width:1.7em;overflow:hidden;display:inline-block;padding:0 .5em;margin-left: -.5em;}
.inputTool .submit .close_btn img{width:100%;} 
.inputTool .submit .send_btn{display:inline-block;float:right;color:#333;margin-right: -.5em;padding: 0 .5em;}
.inputTool .handle{width:100%;overflow:hidden;background:#fff;padding:.5em 1.5em .5em 1em;}
.inputTool .handle .face{display:inline-block;width:4.5em;margin-right:6%;padding:0 1em;}
.inputTool .handle .face img{width:100%;}
.inputTool .handle .photo{display:inline-block;width:4.5em;margin-right:6%;padding:0 1em;}
.inputTool .handle .photo img{width:100%;}
.inputTool .handle .audio{display:inline-block;width:4.5em;padding:0 1em}
.inputTool .handle .audio img{width:100%;}
.inputTool .handle .tip{float:right;font-size:1.2em;color:#999;line-height:2.5;margin-right: .3em;}
.inputTool .input_area{padding: .5em 1em;width: 100%;height:10em;background: #fff;}
.inputTool .inputBox{resize:none;width:100%;height:100%;border: none;font-size: 1.5em;color:#333;-webkit-user-select:auto;}
.inputTool .inputBox:empty:before{content: attr(placeholder);color: #999;}
.inputTool .handle .long-hr{margin-top:.5em;}
.inputTool .dzface{width:100%;overflow:hidden;}
.inputTool .dzface table {width:100%;overflow:hidden;border-collapse: separate;border-spacing: 1.5em;}
.inputTool .dzface table tbody .dzface_item{background: url(/content/images/face/qqface.jpg) no-repeat left top;background-size: 100%;width: 29px;height: 29px;}
.inputTool .dzface table tbody .dzface_close{background: url(/content/images/face/face_close.png) no-repeat center center;background-size: 100%;width: 29px;height: 29px;}
.inputTool .swiper-container-horizontal>.swiper-pagination-bullets, .swiper-pagination-custom, .swiper-pagination-fraction{bottom:-.3em;}
.index_input_line{width:1px;height:1.5em;border-left:1px solid #999;display:inline-block;margin-right:0.8em;vertical-align:baseline;margin-bottom:-0.2em;}
@media only screen and (max-width: 414px){
.commentreplies_pic{height:6.5em;}
}
@media only screen and (max-width: 375px){
.commentreplies_pic{height:5.8em;}
}
@media only screen and (max-width: 320px){
.commentreplies_pic{height:4.8em;}
}
