.commProCont
{
    padding:0px;
}
.commProCont .forum-table {

    text-align: left;
    border-collapse: separate;
    width: 100%;

}

.commProCont .forum-table > thead > tr th:first-child {

    border-top-left-radius: 2px;
    border-left: solid 1px rgba(255, 255, 255, 0.2);

}
.commProCont .forum-table > thead > tr th {

  
   height: 60px;

line-height: 60px;

background: #f4f4f4;

font-size: 18px;

color: #9a9a9a;

padding: 0 15px;

border-bottom: 1px solid #ddd;

    vertical-align: middle;
    -moz-box-sizing: border-box;
    box-sizing: border-box;

}
.commProCont .forum-table .category-name {
        width: 68%;
        vertical-align: top;
        height:45px;
         text-overflow: ellipsis;
        white-space: nowrap;/*禁止自动换行*/
        overflow: hidden;
          max-width: 700px; 
    }
.commProCont .forum-table .category-name a{
      margin:5px;
      
    }
 .commProCont .forum-table .category-name span{
      padding:5px 0px 5px 0px;
       height:45px;
       line-height:45px;
    }
       .commProCont .forum-table .child-categories
    {
           color: #9a9a9a;
    }

.commProCont .forum-table  tbody  td {
    border-bottom: 1px solid #e5e5e5;
  padding:0px 10px 0px 10px;
}

.commProCont .forum-table  .count-comments
{
     text-align:center;
}
.commProCont .profile-photo-small {
        width:45px; height:45px;
    }
.commProCont .latest-post
{
     padding-left:15px;
}

.commProCont .forum-table > tbody .meta {

    text-overflow: ellipsis;
    overflow: hidden;
    margin-top: 5px;
    white-space: nowrap;

}
.commProCont .forum-table > tbody .latest-post-title {

    font-size: 14px;
    display: block;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    padding-top: 2px;

}
.commProCont .forum-table > tbody .photo-wrap-small {

    margin-right: 12px;
    float: left;

}
.commProClass
{
    padding:0px;
}
.commProClass .forum-table {

    text-align: left;
    border-collapse: separate;
    width: 100%;

}

.commProClass .forum-table > thead > tr th:first-child {

    border-top-left-radius: 2px;
    border-left: solid 1px rgba(255, 255, 255, 0.2);

}
.commProClass .forum-table > thead > tr th {

  
   height: 60px;

line-height: 60px;

background: #f4f4f4;

font-size: 18px;

color: #9a9a9a;

padding: 0 15px;

border-bottom: 1px solid #ddd;

    vertical-align: middle;
    -moz-box-sizing: border-box;
    box-sizing: border-box;

}
.commProClass .forum-table .category-name {
        width: 80%;
        vertical-align: top;
         padding:5px 0px 5px 5px;
    }
       .commProCont .forum-table .child-categories
    {
           color: #9a9a9a;
    }
.commProClass .forum-table  tbody  td {
    border-bottom: 1px solid #e5e5e5;
  padding:0px 10px 0px 10px;
}

.commProClass .forum-table  .count-discussions,.count-comments
{
     text-align:center;
}
.commProClass .profile-photo-small {
        width:65px; height:65px; vertical-align:middle;
    }
.commProClass .latest-post
{
     padding-left:15px;
}

.commProClass .forum-table > tbody .meta {

    text-overflow: ellipsis;
    overflow: hidden;
    margin-top: 5px;
    white-space: nowrap;

}
.commProClass .forum-table > tbody .latest-post-title {

    font-size: 14px;
    display: block;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    padding-top: 2px;

}
.commProClass .forum-table > tbody .photo-wrap-small {

    margin-right: 12px;
    float: left;

}

.commProClass .PhotoWrap {

    float: left;
    margin: 0 15px 0 10px;
    position: relative;
    display: inline-block;

}


.tedt {
 width:100%;
}
.tedt .bar {
 padding:0 10px 0 0;
 height:40px;
 line-height:40px;
 position:relative;
 top:-1px;
 background:rgba(255,255,255,0.65);
}
.fpd a {
 width:40px;
 height:40px;
 float:left;
 padding:0;
 border:0;
 margin:0;
 text-align:center;
 cursor:pointer;
 background:rgba(0,0,0,0);
}
.fpd a:hover {
 background:rgba(0,0,0,0.05);
}
.fpd a span {
 width:16px;
 height:16px;
 margin:12px 0 0 12px;
 display:block;
 opacity:0.3;
 background-image:url(../images/icon-sprites-16-black--toolbar.png);
 background-repeat:no-repeat;
}
.fpd a span.fbld {
 background-position:0 0;
}
.fpd a span.fita {
 background-position:-16px 0;
}
.fpd a span.fuline {
 background-position:-32px 0;
}
.fpd a span.flist {
 background-position:-48px 0;
}
.fpd a span.flistitem {
 background-position:-64px 0;
}
.fpd a span.fleft {
 background-position:-80px 0;
}
.fpd a span.fcenter {
 background-position:-96px 0;
}
.fpd a span.fright {
 background-position:-112px 0;
}
.fpd a span.fmg {
 background-position:-128px 0;
}
.fpd a span.flnk {
 background-position:-144px 0;
}
.fpd a span.fqt {
 background-position:-160px 0;
}
.fpd a span.fcd {
 background-position:-176px 0;
}
.fpd a span.fsml {
 background-position:-20px -20px;
}
.fpd a span.fat {
 background-position:-140px 0;
}
.fpd a span.cardshow {
 background-position:-70px -130px;
}
.fpd a span.cardlistshow {
 background-position:-70px -156px;
}
.tedt .area {
 padding:4px;
 position:relative;

}
.tedt .pt {
 height:210px;
 padding:5px 7px;
 border:none;
 background:rgba(255,255,255,0.2);
}
.tedt .pt:focus,
.tedt .pt:hover {
 background:rgba(255,255,255,0.3);
 outline:none;
 -moz-box-shadow:none;
}


.desktop-view .topic-post .topic-avatar {

    padding-top: 40px;

}
.topic-avatar {

    width: 85px;
    border-top: none;

}
.topic-avatar {

    border-top: 1px solid #313131;
    padding-top: 15px;
    width: 45px;
    float: left;
    z-index: 2;

}

.topic-body {

    flex: 1 1;
    padding-top: 40px;
    padding-bottom: 40px;
    color: rgba(255,255,255,0.8);
    border-top: none;
    z-index: auto;
    width: auto;
    min-width: 0;
    max-width: 100%;
    word-break: break-word;

}
.topic-meta-data {

    align-items: flex-start;

}
.topic-body .topic-meta-data, .topic-body .cooked {

    padding: 0 11px 0.25em 11px;

}

.forumButton {

    width: 100%;
    height: 25px;
      background: #fff;
    color: #52c9cc;
    position: relative;
    overflow: hidden;
    cursor: pointer;
    font-size: 12px;
    border: 1px solid #52c9cc;
}
.Reply:hover {
     color: #fff;
    background: #52c9cc;

}
.Reply {
    width: 60px;
    flex:1; 
    margin-left:5px;
}
.content-quote {
    color: #9a9a9a;
    margin: 5px 0px;
    border: 1px solid #ddd;
    background:#F7F7F7;
    margin:15px 0px 15px 0px;
    padding:10px;
    width:90%;
}

.p_opt{
    background: #3d9294;
color:#ffffff;
position:absolute;
z-index: 9999;
padding:5px;
text-align:center;
max-width: 400px;
width: 100%;
height: auto;
border-bottom-left-radius: 4px;
border-bottom-right-radius: 4px;
border-top-left-radius: 4px;
border-top-right-radius: 4px;
margin-left:0px;
 margin-top:-200px;
 display:none;
}

.p_opt .px
{
    height:25px;
    margin-top:1px;
    color:#000;
}

.p_opt .webuploader-pick {
    position: relative;
    display: inline-block;
    padding: 0 25px;
    line-height: 25px;
    height: 25px;
    cursor: pointer;
    background: #fff;
    color: #52c9cc;
    text-align: center;
    overflow: hidden;
    zoom: 1;
    border: 1px solid #52c9cc;
    margin-top:5px;
}
.p_opt .webuploader-pick-hover {
    background: #52c9cc;
     color: #fff;
}
.p_opt  .webuploader-element-invisible {
    position: absolute !important;
    clip: rect(1px 1px 1px 1px);
    clip: rect(1px,1px,1px,1px);
}
.p_opt .upload-btn {
     text-align:center;
}
.p_opt .mtm
{
    padding:0px;
    margin:0px;
}
.p_opt button
{
     line-height:25px;
}