@charset "utf-8";
.panel-content>.panel-heading {
    height: 57px;
    line-height: 35px;
    border-bottom: 1px solid #e7e7eb;
    padding: 10px 30px;
    border-radius: 0;
}
.content-head img.head-logo {
    border-radius: 50%;
    width: 40px;
    height: 40px;
    margin-right: 20px;
}
.content-head span {
    margin-right: 20px;
}
.wenicons {
    margin-right: 10px;
    font-size: 20px;
    position: relative;
    color: #949494;
    vertical-align: middle;
}
.panel-content>.panel-heading>span>a {
    vertical-align: middle;
    display: inline-block;
    color: #8a8a8a;
}
.panel-content>.panel-heading>span>a.active,.panel-content>.panel-heading>span>a:hover {
    color: #1e91cf;
}

/*自动回复*/
.wenpa-tab {
    min-height: 17px;
    border: 1px solid #e7e7eb;
    overflow: hidden;
    text-align: left;
    margin-bottom: 20px;
}
.wenpa-tab>li {
    display: inline-block;
    color: #252424;
    padding: 12px 20px;
}
.wenpa-tab>li>a {
    color: #252424;
}
.wenpa-tab>li.active,.wenpa-tab>li:hover {
    border-bottom: 3px solid #428bca;
}
.wenpa-tab>li.active>a,.wenpa-tab>li:hover>a {
    color: #1e91cf;
}
.wenselect {
    height: 36px!important;
    padding: 0 10px;
    color: #252424;
    border-color: #e7e7eb!important;
    border-style: solid;
    border-width: 1px;
    outline: 0;
    border-right: 0;
    border-radius: 0;
    text-align: center;
    width: 90px;
}
.keyword-list-head {
    padding: 0 13px;
}
.wen-qhuanbtn>a.active,.wen-qhuanbtn>a:hover {
    background-color: #428bca;
    color: #fff;
}
.wen-qhuanbtn {
    margin-top: 15px;
    margin-bottom: 10px;
}
.wen-qhuanbtn>a {
    border: 1px solid #e7e7eb;
    margin-left: 0;
    margin-right: 0;
    color: #333;
}

.wentablesxs tr {
    border: 1px solid #e7e7eb;
    padding-left: 15px;
    padding-right: 15px;
}
.wentablesxs>thead>tr>th {
    vertical-align: middle;
    background: #f4f6f9;
    color: #585858;
    font-weight: 400;
    border-top: 0;
    border-bottom: 0;
    padding-top: 10px;
    padding-right: 0;
    padding-bottom: 10px;
    padding-left: 15px;
    padding-right: 15px;
}
.wentablesxs>tbody>tr>td {
    border-width: 0;
    padding: 10px 15px 10px 15px;
    white-space: normal;
    overflow: hidden;
    word-break: break-all;
}
.wentablesxs>tfoot>tr>td {
    border-width: 0;
    padding: 10px 15px 10px 15px;
    white-space: normal;
    overflow: hidden;
    word-break: break-all;
}
.wentablesxs>tfoot>tr>td>a {
    display: block;
    height: 60px;
    color: #98999a;
}
.wentablesxs>tfoot>tr>td>a>.add-icon {
    display: inline-block;
    border: 1px dashed #e7e7eb;
    width: 60px;
    line-height: 58px;
    text-align: center;
    font-size: 32px;
    margin-right: 10px;
    color: #e7e7eb;
    vertical-align: middle;
}
.wentablesxs>tfoot>tr>td>a span.text {
    vertical-align: middle;
    height: 100%;
}
.wenpadding {
    border-radius: 0;
    margin-bottom: 0;
    padding: 30px;
}

.wenzpanel .panel-heading {
    width: auto;
    margin: 0 auto;
    background-color: #f4f6f9;
    font-size: 14px;
    color: #585858;
    border-radius: 0;
    line-height: 20px;
    padding-left: 30px;
    padding-right: 30px;
    border-bottom: 1px solid #e7e7eb;
    border-radius: 0;
}
.wenzpanel {
    box-shadow: 0 0 0;
    border: 1px solid #e7e7eb;
    margin-bottom: 30px;
}
.wenzpanel .panel-heading span {
    color: #98999a;
}
.wen-select-msg .tab-navs {
    margin-bottom: 0;
    padding: 14px 7px 0 7px;
    overflow: hidden;
    border: 1px dashed #e7e7eb;
}
.wen-select-msg .tab-navs li {
    line-height: 80px;
    text-align: center;
    float: left;
    width: 25%;
    list-style: none;
}
.wen-select-msg .tab-navs li a {
    display: block;
    border: 1px solid #e7e7eb;
    margin: 0 7px 14px 7px;
    color: #333;
}
.wen-select-msg .tab-navs li a:hover {
    color: #1e91cf;
    background-color: #f4f6f9;
}
.wenmodalx .modal-dialog{
    min-width: 794px;    
}
.material-body {
    padding: 30px;
}
.material-nav {
    border-bottom: 1px solid #e7e7eb;
    padding: 0 20px;
}
.material-nav>a {
    display: inline-block;
    padding: 0 30px;
    line-height: 42px;
    font-size: 16px;
    color: #999;
    border-bottom: 3px solid transparent;
}
.material-nav>a.active,.material-nav>a:hover {
    color: #428bca;
    border-color: #428bca;
}
.material-head {
    padding: 15px 20px;
    border-bottom: 1px solid #e7e7eb;
    clear: both;
    box-sizing: border-box;
}
.wenxhiden{
    display: none !important;
}
.wenkeywords-list li {
    position: relative;
    line-height: 39px;
    border-bottom: 1px solid #e7e7eb;
    list-style: none;
}
.wenkeywords-list {
    padding: 0;
}
.wenkeywords-list li .del-basic-media .desc {
    padding: 15px 0;
    line-height: normal;
}
.wenkeywords-list li .del-basic-media .opr {
    position: absolute;
    top: 15px;
    right: 14px;
    line-height: normal;
}
.wenkeywords-list li .del-basic-media .opr a {
    margin: 0 5px;
}
.category {
    background: #f4f5f9;
    height: 100%;
    overflow-y: auto;
    border-right: 1px solid #e7e7eb;
    height: 428px;
    padding: 0;
    border-bottom: 1px solid #e7e7eb;
}
.category .add {
    line-height: 44px;
    text-align: center;
    background: #fff;
    border-bottom: 1px solid #e7e7eb;
}
.category .add a {
    cursor: pointer;
}
.category .add a i {
    font-size: 17px;
    vertical-align: middle;
    margin-right: 6px;
}
.category .category-menu ul li {
    line-height: 44px;
    list-style: none;
}
.category .category-menu ul li.active, .category .category-menu ul li:hover {
    background: #fff;
}
.category .category-menu li .name {
    width: 100%;
    padding: 0 9px 0 20px;
    white-space: nowrap;
    text-overflow: ellipsis;
    position: relative;
    cursor: pointer;
}
.category .category-menu ul {
    padding: 0;
}
.category .category-menu li .name i {
    color: #edce86;
    margin-right: 10px;
    font-size: 22px;
    vertical-align: middle;
}
.category .category-menu li .name .wencaoz {
    position: relative;
    cursor: pointer;
    color: #428bca;
    display: none;
    float: right;
}
.category .category-menu li:hover .name .wencaoz, .category .category-menu li.active .name .wencaoz, .category .category-menu li .name .wencaoz.activex{
    display: inline-block;
}
.category .category-menu li .name .delete i {
    color: #ffa700f2;
}
.category .category-menu li .name .wencaoz span {
    display: inline-block;
}
.category .category-menu li .name .wencaoz span i {
    margin-right: 0;
}
.zhuqhuan {
    display: inline-block;
}
.editboxss {
    position: absolute;
    top: 0;
    left: 0;
    z-index: 1060;
    display: none;
    max-width: 276px;
    padding: 1px;
    font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
    font-style: normal;
    font-weight: normal;
    letter-spacing: normal;
    line-break: auto;
    line-height: 1.42857;
    text-align: left;
    text-align: start;
    text-decoration: none;
    text-shadow: none;
    text-transform: none;
    white-space: normal;
    word-break: normal;
    word-spacing: normal;
    word-wrap: normal;
    font-size: 13px;
    background-color: #fff;
    background-clip: padding-box;
    border: 1px solid #ccc;
    border: 1px solid rgba(0, 0, 0, .2);
    border-radius: 5px;
    -webkit-box-shadow: 0 5px 10px rgba(0, 0, 0, .2);
    box-shadow: 0 5px 10px rgba(0, 0, 0, .2);
    opacity: 1;
    margin-top: 10px;
    display: none;
}
.editboxss.active{
    display: block;
}
.editboxss .arrow {
    position: absolute;
    display: block;
    width: 0;
    height: 0;
    border-color: transparent;
    border-style: solid;
    border-width: 11px;
    left: 50%;
    margin-left: -11px;
    border-top-width: 0;
    border-bottom-color: #999;
    border-bottom-color: rgba(0, 0, 0, 0.25);
    top: -11px;
}
.editboxss .arrow:after {
    position: absolute;
    display: block;
    width: 0;
    height: 0;
    border-color: transparent;
    border-style: solid;
    border-width: 10px;
    content: "";
    top: 1px;
    margin-left: -10px;
    border-top-width: 0;
    border-bottom-color: #fff;
}
.editboxss .popover-content .input-group button {
    padding: 5px 12px;
    margin-right: 11px;
}
.editboxss .popover-content .input-group {
    text-align: center;
}
.category-menu {
    position: relative;
}
.imgboxcons {
    padding: 15px 0;
    float: left;
    width: 100%;
    box-sizing: border-box;
}
.imgboxcons .thumbnail,.imgboxcons .thumbnailws {
    margin-bottom: 5px;
    width: 100%;
}
.imgboxcons label span {
    overflow: hidden;
    text-overflow:ellipsis;
    white-space:nowrap;
    display: inline-block;
    width: 97px;
    vertical-align: middle;
    top: 2px;
    position: relative;
}
.imgboxcons label input {
    vertical-align: middle;
}
.wenmaighs{
    margin-top: 25px;
}
.xiaoxiangh {
    display: inline-block;
    margin-left: 17px;
    margin-bottom: 0;
}
.xiaoxiangh>a {
    margin: 0 6px;
}
.frm_checkbox_label {
    display: inline-block;
    width: 8em;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    word-wrap: normal;
    vertical-align: top;
    margin-right: 1em;
    margin-bottom: 10px;
}
.lbl_content {
    margin-left: 7px;
}

.articlebox {
    height: 500px;
    position:  relative;
    border: 1px solid #ddd;
}

.articleboxleft, .articlebody {
    height: 500px;
    overflow-y: auto;
    padding-top: 10px;
    padding-bottom: 10px;
}

.articleboxleft {
}

.articleheader {padding: 10px 0;}

.articlelbody {
    border: 1px solid #ddd;
}

.articlelcb {
    padding: 10px;
    border-bottom: 1px solid #ddd;
    box-sizing: content-box;
    height: 50px;
    position:  relative;
}

.articlelcb.firstbox {
    border: 1px solid #428bca;
    height: 92px;
}

.wenboxsbtn {
    display: none;
    position:  absolute;
    left: 0px;
    height: 40px;
    line-height: 40px;
    background: rgba(0,0,0,0.5)!important;
    filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr='#80000000',endcolorstr = '#80000000');
    text-align: left;
    top: auto;
    bottom: -1px;
    width: 100%;
    box-sizing:  border-box;
}

.articlelcb:hover .wenboxsbtn {
    display:  block;
}

.wenboxsbtn>a {
    color: white;
    display:  inline-block;
    margin: 0 9px;
}
.wenboxs_inner:before {
    content: " ";
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    background-color: rgba(0,0,0,0.3);
}

.wenbackboxxs {
    position:  relative;
    width:  100%;
    height: 100%;
}

.wenboxs {
    position: relative;
    width: 100%;
    height: 100%;
    background-size: cover;
}

.wenboxs.wactive strong{
    color: white;
}

.wenboxs_inner strong {
    margin: 10px;
    display: inline-block;
    font-size: 14px;
    color: #333;
    position: relative;
    z-index: 5;
    font-weight: normal;
}

.addarticlebox {
    height: 50px;
    border: 2px dotted #d9dadc;
    line-height:  50px;
    text-align:  center;
}

.addarticlebox>a {
    color: #999;
    font-size: 25px;
}
.articlebodybox{
    display: none;
}
.articlebodybox.active{
    display: block;
}
.articlebodybox .itemg {
    margin-bottom: 12px;
}

.articlebodybox .itemg input {
    border: 0;
    box-shadow: none;
    border-bottom: 1px solid #ddd;
}
.itemlist {
    border: 1px solid #e7e7eb;
    border-top-width: 0;
}

.itemlist .itemlistxiao {
    border-top: 1px solid #e7e7eb;
    background-color: #fff;
    text-align: left;
    padding-left: 20px;
    line-height: 50px;
    cursor: pointer;
}

.itemlist .itemlistxiao>i {
    vertical-align: middle;
    display: inline-block;
    margin-right: 1em;
    font-size: 14px;
}
.itemlist .itemlistxiao:hover {
    border: 1px solid #43b548;
    margin: 0 -1px -1px;
    position: relative;
    z-index: 1;
    color: #43b548;
    zoom: 1;
}
.wenmp3bof {
    width: 42px;
    height: 42px;
    vertical-align: middle;
    display: inline-block;
    background-size: 42px auto;
    cursor: pointer;
    background: transparent url(../images/mp3tu.png) no-repeat 0 0;
    background-size: cover;
}
.imgbixsw>img {
    display: inline-block;
    vertical-align: middle;
    width: 120px;
    height: 120px;
}

.imgbixsw>p {
    display: inline-block;
    margin-left: 20px;
}