.comment .title h3{ font-size: 24px;font-weight: normal;    margin-bottom: 7px; }
.comment .title{
    padding-bottom: 8px;
    margin-bottom: 30px;
}
.comment .comment-list .left-logo .logo{
    border: 1px solid #e4e4e4;
    border-radius: 50px;
}
.comment .comment-list .left-logo {float: left; width: 7.5%; position: relative;}
.comment .comment-list .left-logo .level{
    position: absolute;
    right: -5px;
    bottom: -2px;
}
.comment .comment-list .right{
    width: 88%;
    margin-left: 3.5%;
    padding-bottom: 15px;
    float: left;
}
.comment .comment-list .pod-name{ 
    font-family: open sans;
    float: left;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    display: inline-block;
    max-width: 71%;   
}
.comment .comment-list .bg-text .pod-name{
    float: none;
    white-space: unset;
    max-width: 100%;
    overflow: auto;
    display: inline;
    text-overflow: unset;
}
.comment .comment-list .bg-text .pod-name .bg-pod-name{ 
  font-family: open sans;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    display: inline-block;
    max-width: 71%;
    vertical-align: bottom;
 }
.comment .comment-list .pod-name:hover{ text-decoration: none; }
.comment .comment-list .re-right{ float: right;}
.comment .comment-list .re-right .t-up .icon-thumbs-up{
    /*font-size: 20px;*/
    margin-top: -1px;
    cursor: pointer;
}
.comment .comment-list .re-right .icon-t-up{ margin-right: 2px; margin-top: -1px;}
.comment .comment-list .re-right .icon-t-up .icon-thumbs-up{ margin-top: -1px; }
.comment .comment-list .re-right .replay{ margin-right: 18px; cursor: pointer;}
.comment .comment-list .re-right .replay a{ font-family: open sans;}
.comment .comment-list .right .text{ 
    clear: both;
    padding-top: 12px;
    line-height: 1.5; 
    margin-bottom: 13px;
    font-family: open sans;
}
.comment .comment-list{ margin-top: 20px; }
.comment .comment-list .bg-text{

    padding: 12px 15px 15px 15px;
    margin-bottom: 15px;
    margin-top: -5px;
}
.comment .comment-list .bg-text .pod-name .bg-pod-name .icon-play{    
    color: #aaa;
    background-image: none;
    font-size: 16px;
    margin-top: -3px; 
  }



.comment .comment-list-bg .left-logo .level{ display: none; }
.comment .title .words .btn{ 
  box-shadow: none;
  text-shadow: none;
  border:none;
  background: transparent;
  color: #08c;
  padding:0;
}
.comment .title .words .btn:hover{color: #005580; }
.comment { margin-bottom: 30px; }
.comment .comment-empty{ text-align: center; padding-top: 25px;}
.comment .comment-empty .no{ color: #838383; margin-top: 20px;font-family: open sans; }
.comment .comment-list .right .dete .time{ font-size: 12px; font-family: open sans; }
.comment .comment-list .right .number{ font-family: open sans;  }
.comment .comment-list .re-right a{ font-family: open sans; text-decoration: none; }
.comment .comment-list .re-right .r-replay{ margin-right:16px;}
.comment .comment-list .re-right a:hover{ color: #08c; }
.comment .view{ text-align: center; padding: 40px 0;}
.comment #view-more{ font-family: open sans; text-decoration: none; }
.comment #view-more:hover{  color: #08c;  }
.comment #view-more .pbFont-xiajiantou{ margin-left: 5px; }
.podcast-comments .modal-header{ border-bottom: none; }
.podcast-comments .modal-body p{ font-size: 18px;  line-height: 1.8;  font-family: open sans; }
.podcast-comments .modal-body{ padding-left: 30px; padding-top: 25px;}
.podcast-comments .modal-body .download-app{ text-align: center;     padding: 10px 0 30px 0;}
.podcast-comments .modal-body .download-app a img{ width: 166px; }
.podcast-comments .modal-body .download-app .ios{  padding-right: 20px; }
.podcast-comments.fade.in{
   top: 5% !important;
}
.light .title .words{ color: #838383; font-family: open sans;}
.light .comment-list .bg-text .pod-name .text{ color: #838383; }
.light .comment-list .right .dete .time{color: #838383;}
.light .comment-list .right .replay{ color: #333333; }
.light .comment-list .right .replay:hover{ color: #838383; }
.light .comment-list .re-right .t-up .icon-thumbs-up{ color: #555555; }
.light .comment-list .right .number{ color: #333333; }
.light .comment-list .right .text{ color: #333333; font-family: open sans;}
.light .comment-list .right{  border-bottom: 1px solid #e4e4e4; }
.light .title{  border-bottom: 1px solid #e4e4e4;}
.light .comment-list .bg-text{     background: #f9f9f9;    border: 1px solid #e4e4e4; }
.light .title h3{ color: #333333; font-family: open sans;}
.light .comment-list .re-right a{ color: #333333; }
.light  #view-more{ color: #333333; }
.black .comment-list .re-right a{ color: #dddddd; }
.black .title .words{ color: #bbbbbb; }
.black .comment-list .bg-text .pod-name .text{ color: #dddddd; }
.black .comment-list .right .dete .time{color: #bebebe;}
.black .comment-list .right .replay{ color: #dddddd; }
.black .comment-list .right .replay:hover{ color: #aeaeae; }
.black .comment-list .re-right .t-up .icon-thumbs-up{ color: #dddddd; }
.black .comment-list .right .number{ color: #dddddd; }
.black .comment-list .right .text{ color: #bcbcbc; }
.black .comment-list .right{  border-bottom: 1px solid #606060; }
.black .title{  border-bottom: 1px solid #606060;}
.black .comment-list .bg-text{ background: #5d5d5d; border: 1px solid #7c7c7c;}
.black .title h3{ color: #dddddd; }
.black #view-more{ color: #dddddd; }
.modal-backdrop, .modal-backdrop.fade.in{ opacity: 0.35;}
@media (max-width: 1200px) {
  .podcast-comments .modal-body .download-app{ padding-bottom: 15px;}
  .podcast-comments .modal-body{ padding-top: 15px;}
}
@media (min-width: 700px) and (max-width: 1200px) {
.comment .comment-list .left-logo .logo{width: 49px; height: 49px;}
.comment .comment-list .left-logo{ width: 54px; }
.comment .comment-list .right{ margin-left: 16px; }
}

@media (min-width: 481px) { 
  .comment .comment-list .hidden-phone{ display: block !important; }
  .comment .comment-list .visible-phone{ display: none !important;  }
 
 }
@media (max-width: 480px) {
  .comment .comment-list .hidden-phone{ display: none !important; }
  .comment .comment-list .visible-phone{ display: block !important;  }
  .comment .comment-list .left-logo{ width: 10%; }
  .comment .comment-list .right{ width: 84%; margin-left: 5%; }
  .podcast-comments .modal-body p{ font-size: 16px; line-height: 1.4;}


}