/*------------------- 一级布局 -----------------------------  */
.container1 {
    text-align: left;
    margin: 8px auto;
    padding: 5px 0px;
    width: 1100px;
    min-height: 1000px;
    font-family: 微软雅黑, Arial, 宋体;
}

/*------------------- 主题 -----------------------------  */
.leftbar {
    float: left;
    width: 850px;
    min-height: 400px;
    margin: 8px 0px;
    padding: 5px 30px;
    background: #fff;
    text-align: left;
    border: 1px solid #aaa;
    -moz-border-radius: 4px; /* Gecko browsers */
    -webkit-border-radius: 4px; /* Webkit browsers */
    border-radius: 4px; /* W3C syntax */
    position: relative;

}


.rightbar
{
    float: left;
    width: 232px;
    margin: 8px 18px 8px 0px;
    padding:2px;
    text-align: left;
}

.artTitle
{
    float: left;
    width: 100%;
    padding: 8px 2px;
    margin: 22px 0px 5px 0px;
    font-size: 24px;
    font-weight: bold;
    color: #222;
    border: 0px solid #333;
}
.artTime {
    float: left;
    width: 100%;
    padding: 8px 2px;
    margin: 5px 0px;
    border-bottom: 1px dotted #888;
}


.artTime .help {
    display: inline-block; /* 确保帮助元素与作者字段同一行 */
    margin-left: 20px; /* 距离作者字段 20px */
    margin-bottom: 3px;
 }


.artTime .hits {
    float: right;
    margin-right: 5px; /* 确保紧靠 .likebutton */
    margin-top: 15px; /* 增加上边距，使元素向下移动 */
}

.artTime .hitsn
{
    font-weight: bold;
    font-size: 14px;
    color: #d55;
}

.artTime .LC 
{
/*    width:16px !important;
    height:16px !important;*/
    font-weight: bold;
    font-size: 14px;
    color: #8a8a8a;
/*    padding-left:35px;*/
    margin-top:4px;
    margin-left:20px;

/*    background:#e16464;*/
 }

.artVideo
{
    float: left;
    width: 100%;
    padding: 8px 2px;
    font-size: 16px;
    color: #333;
    line-height: 30px;
}

.art
{
    float: left;
    width: 100%;
    padding: 8px 2px;
    font-size: 16px;
    color: #333;
    line-height: 30px;
}

.art test img{
  width: auto;
  max-width: 100%;
  height: auto;
  padding: 0; /* 清除可能的内边距 */
  border: none;
  display: block; /* 避免行内元素底部间隙 */
}

.art a:link, .art a:visited
{
    color: #0000bb;
    text-decoration: none;
}
.art a:hover
{
    /*color: #ed5200;*/
    text-decoration: underline;
}
.artMenu {
    float: left;
    width: 100%;
    margin-bottom: 8px;
    margin-top: 5px;
    clear: both; /* 确保在浮动元素下方显示 */
    padding-bottom: 40px;
}

    
.vbaGif
{float: left;
    width: 100%; margin-bottom:10px;
    padding-bottom: 20px;
    }
.vbaCode
{ float: left;
    width: 100%;
    font-size:14px; line-height:20px;
    margin-bottom:4px;
    }
/*----------*/
.info
{
    float: left;
    width: 100%;
    margin: 0px 0px 15px 0px;
    padding: 0px 20px;
    background: #fff;
    text-align: left;
    border: 1px solid #aaa;
    -moz-border-radius: 2px; /* Gecko browsers */
    -webkit-border-radius: 2px; /* Webkit browsers */
    border-radius: 2px; /* W3C syntax */
}

.info .infoTitle
{
    float: left;
    width: 100%;
    padding: 2px 2px;
    margin: 12px 0px 5px 0px;
    font-size: 18px;
    color: #222;
    border-bottom: 0px solid #999;
}
.info .infoMain
{
    float: left;
    width: 100%;
    padding: 8px 2px;
    font-size: 13px;
    color: #333;
    line-height: 30px;
}
/*------------------------------------------*/
.catlog
{
    float: left;
    width: 100%;
    margin: 0px 0px 15px 0px;
    padding: 0px 0px;
    background: #fff;
    text-align: left;
    border: 1px solid #aaa;
    -moz-border-radius: 2px; /* Gecko browsers */
    -webkit-border-radius: 2px; /* Webkit browsers */
    border-radius: 2px; /* W3C syntax */
}
.catlog .infoTitle
{
    float: left;
    width: 100%;
    padding: 9px 20px 6px 20px;
    margin: 0px 0px 0px 0px;
    font-size: 18px;
    color: #222; background-color:#f8f8f8;
    border-bottom: 1px solid #bbb;
}
.catlog .infoMain
{
    float: left;
    width: 100%;
    padding: 4px 0px; margin:0;
    font-size: 14px;
    color: #333;background-color:#fff;
    line-height: 30px;
}

.infoMain ul{ float:left; width:100%; margin:0; padding:0; border:0px solid #333;}
.infoMain ul li{ width:100%; float:left; margin:0;  padding:0; }
.infoMain ul li a{ width:100%; display:block;
                   padding:0px 20px 0px 21px; border-bottom:0px solid #e2e2e2;
                   }
.infoMain ul li a:hover{  text-decoration:none; background-color:#f1f1f1;
                          color:#333;
                          }
.infoMain ul li .icon{ color:#999;}
/*------------------- 编辑 -----------------------------  */
.postBlock
    {
        width:90%; margin:2px 0px; float:left;
        text-align:left;
        }
/*----------------- aspnet pager -----------------------*/
.pages { color: #999; 
         float:left; width:100%; text-align:left;
         margin-top:15px;
         }
.pages a, .pages .cpb { /*float: left; margin:0 2px; */
                        margin:0 auto;
                        padding: 4px 8px; 
                        border: 1px solid #ddd;background: #ffff;
                        text-decoration:none; font-size:13px; color:#000;}
.pages a:hover { border:1px solid #777; text-decoration:none; cursor:pointer;}
.pages .cpb { font-weight: bold; color: #333; background: #fff;  }


/*----------------- index 列表 -----------------------*/
 .partTitle
 {float:left; width:100%;  padding:4px 2px 6px 2px;
  font-size:14px; color:#555; font-weight:bold; line-height:30px; border-bottom:1px solid #aaa;
     }
 .artList
 {float:left; width:100%;  padding:6px 2px;
  font-size:16px; color:#333; line-height:24px; 
  
     }
 .artList li{ float:left; width:100%; margin:5px 0px 5px 0px; 
              border-bottom:1px solid #ededed; padding-bottom:0px; 
              font-size:14px;
              }

 .artList li .board
 {  float:left; width:8%; margin-bottom:4px;color:#555; font-size:14px;
     }
      .artList li .board span{ color:#888; font-size:14px;}
      
 .artList li .dt
 {  float:left; width:18%; margin-bottom:4px;color:#666;font-size:14px;
     }            
 .artList li .tt
 {  float:left; width:72%; margin-bottom:4px;
     }
 .artList li .tt a
 {   color:#2222bb;  font-size:14px;
      font-weight:normal; color:#333; text-decoration:none;
     }  
  .artList li .tt a:hover
 {    text-decoration:underline;
     }     
      
   .artList li .tt img
 {    padding:0; margin:0;  margin-top:-3px; margin-left:3px;
     }  
/*----------------- 搜索 列表 -----------------------*/
 .searchResult
 {float:left; width:100%;  padding:4px 2px;
  font-size:12px; color:#999; line-height:30px;
     }
 .searchList
 {float:left; width:100%;  padding:4px 2px;
  font-size:16px; color:#333; line-height:24px;
  
     }
 .searchList li{ float:left; width:100%; margin:4px 0px 10px 0px; 
              border-bottom:0px solid #ddd; padding-bottom:0px; 
              font-size:15px;
              }
 .searchList li .tt
 {  float:left; width:100%; margin-bottom:3px;
     }
 .searchList li .tt a
 {   color:#0000bb; font-weight:normal; font-size:15px; text-decoration:none;
     }  
  .searchList li .tt a:hover
 {    text-decoration:underline;
     }     
      
 .searchList li .preview
 {  float:left; width:100%;
     font-size:13px; color:#333; border:0px solid #333; padding:0; margin:0;
     }

.pageTopic {
    float: left;
    width: 100%;
    padding: 8px 2px;
    font-size: 14px;
}

/*----------------- 知识库评论   -----------------------*/

.mainSeg {
    float: right;
    width: 850px;
    padding: 0px;
    margin-bottom:8px;
    background: #fff;
    text-align: left;
    border: 1px solid #aaa;
    -moz-border-radius: 4px; 
    -webkit-border-radius: 4px; 
    border-radius: 4px;
    /*background: #d55;*//*红色*/
}


.comment-list {
   padding: 2px 0;
   /*background: #efe512;*/ /* 黄色 */
}
.card-main {
    border-bottom: 1px solid #ccc;
    width: 850px; 
    /*background: #b289b5;*/ /* 紫色 */
    height: auto; 
    margin: 2px 0; 
    display: flex; 
    align-items: flex-start; 
}

.card-box {
    /*background: #bfa1c3;*/ /* 浅紫色 */
    width: 100%; 
    padding: 5px 5px; 
    margin:5px 5px;
    display: flex; 
}

.img-box {
    width: 55px;
    height: auto;
    /*background: #1fd4c5;*/ /* 薄荷绿 */
    margin-top:5px;
    padding-top:2px;
    flex-shrink: 0; 
}

.comment-box {
    /*background: #d84683;*/ /* 粉色 */
    width: auto;
    height: auto;
    margin-left: 5px;
    flex-grow: 1;
    display: flex;
    flex-direction: column;
    align-items: flex-start; /* 子元素靠左对齐 */
}

.userName {
    margin-top:5px;
    padding:3px;
    height: 35px;
    width: auto;
    /*background:#27417e;*//*blue*/
}

.comment-item {
    height: auto; 
    width: auto;
    margin-top: 3px; 
    padding:5px;
    /*background:#e7832d;*//*orange*/
}

.comment-time {
    height: auto;
    width: auto;
    padding-top: 3px;
    margin: 5px;
    color: #888;
    /*background:#45df31;*/ /*草绿色*/
}


.comment-input {
    flex: 1;
    padding: 10px;
    width: 100% ;
    border: 0px solid #ddd;
    border-radius: 4px;
    visibility: hidden;
    height: 15px; 
}

.submit-button {
    margin-left: 10px;
    padding: 10px 20px;
    background-color: #007bff;
    color: #fff;
    border: none;
    border-radius: 4px;
    cursor: pointer;
}

 .submit-button:hover {
        background-color: #0056b3;
  }


.custom-panel {
    width: 100%; 
    margin: 20px 0px; 
    flex-direction: column; 
    align-items: flex-start; 
    margin-top: 5px;
}




.panel-heading {
    /* background: #c3bebe;*/
    width: 100%;
    height: 45px;
    margin-top: 5px;
    padding-top: 12px; /*12*/
    border-bottom: 1px solid #f3f2f0;
}

.soft-heading {
    padding: 10px;
    margin-bottom: 5px;
    /*background: #c3bebe;*/
    border-bottom: 1px solid #f3f2f0;
}

.user-avatar {
    width: 50px;
    height: 50px;
    border-radius: 50%;
    margin-right: 10px;
    vertical-align: middle;
}

.comment-input-wrapper {
    clear: both;
    overflow: hidden;
    padding: 5px;
    box-sizing: border-box;
    margin-top: 45px;
    
}

.form-group.row {
    margin: 0;
    padding: 0;
}


textarea {
    width: 100%; 
    height: 50px; 
    resize: none; 
    box-sizing: border-box; 
    margin-top: 10px; 
    visibility: visible; 
}

.comment-button {
    text-align: center; 
    margin-top: 15px; 
}

/*.btn-small {
    padding: 5px 10px;
    font-size: 12px;
    line-height: 1.2;
    border-radius: 3px; 
}*/

.pageTopicComment {
    float: left;
    width: 100%;
    padding: 2px;
    margin-left:3px;
    height: 10px;
    font-size: 14px;
}


.pageSoftComment {
    float: left;
   /* width: 80%;*/
    padding: 2px;
    margin-left: 3px;
    /* height: 10px;*/
    margin-top: 10px;
}

.noComments {
    text-align: center;
    font-size: 16px;
    color: #888;
    padding-top: 10px;
    margin-right: 15px;
}

.noScore {
    text-align: center;
    font-size: 16px;
    color: #888;
    padding-top: 10px;
    margin-right: 15px;
}

.btn-container {
    width: 60px;
    height: 20px;
    position: relative;
    display: inline-block;
    margin-right: 10px;
    margin-top: 12px;
    /*    display: flex;*/
    position: relative;
    display: inline-flex;
    align-items: center;
    /*align-items: center;*/ /* 垂直居中对齐 */
    /*justify-content: start;*/ /* 水平排列 */
}






.thumb {
    position: absolute;
    top: 65%;
    left: 25%;
    width: 16px !important;
    height: 16px !important;
    transform: translate(-50%, -50%);
    z-index: 0; /* 确保 object 在按钮下面 */
    margin-right: 2px;
}



.btn-small {
    display: flex;
    justify-content: center; 
    align-content: center;
    width: 60px;
    height: 25px;
    padding: 0px 1px; 
    font-size: 14px;
    line-height: 1.2;
    position: relative;
    z-index: 1; 
    background-color: transparent; /* 背景透明 */
    border: none;
    outline: none;
}
button:focus,
button:active {
   
    border: none !important;
    outline: none !important;
}
.modal-header {
    padding: 2px; /* 调整内边距，默认值是 15px */
    margin-bottom:8px;
    border-bottom: none;
   /* height:40px;*/
}

.modal-title {
    font-size: 20px; /* 可选，调整标题的字体大小 */
    font: bold;
}

.modal-body {
    display: flex;
    flex-direction: column;
    margin: 5px;
    padding-top: 9px;
    padding-left: 15px;
    border-top: none; /* 移除上边框 */
    border-bottom: none; /* 移除下边框 */
    /*background:#91d7a3;*/
    width: 40%;
    
}


.SftInfo {
    margin-top: 5px;
    margin-left: 5px;
    margin-bottom: 5px;
    padding:10px;
    font-size: 14px;
    transition: background-color 0.3s ease;
}
    .SftInfo:hover {
        background-color: #f3f2f0; /* 悬停时的背景颜色 #f8f9e9*/
    }


.btn-secondary {
   padding-bottom:5px;
   margin-right:2px;
}
button:focus,
button:active {
    border: none !important;
    outline: none !important;
}



.sofunInfo {
    float: left;
    width: 93%;
    padding: 8px 2px;
    margin: 5px 0px;
    border-top: 1px dotted #888;
    justify-content: space-between;
    bottom: 0 !important;
    position: absolute;
    font:blod;
    /*width:788px;*/
}


.VAS-Container {

     /*display: flex;
    flex-direction: column;*/ /* 使子元素垂直排列 */
}


.note-container {
    border-left: 4px solid #007bff; /* 蓝色的左侧边框 */
    background-color: #f9f9f9; /* 浅灰色背景 */
    padding: 20px; /* 内边距 */
    margin: 15px 0; /* 外边距 */
    border-radius: 8px; /* 圆角 */
    box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1); /* 阴影效果 */
    transition: transform 0.4s, width 0.4s; /* 过渡效果 */
    overflow: visible; /* 显示超出内容 */
}

.note-container:hover {
    transform: scale(1.05); /* 鼠标悬停时放大效果 */
    border-left-color: #0056b3; /* 左侧边框颜色变化 */
    }

.firstContainer {
    display:flex;
}
.leftpart, .rightpart {
    /*flex: 1;*/ /* 两个子容器等宽 */
    padding: 10px;

}

.leftpart {
    /* background-color: lightblue;*/
    width: 40%;
    border: 1px solid #c1c1c1;
    border-right:none;
    /*-moz-border-radius: 1px;*/ /* Gecko browsers */
    /*-webkit-border-radius: 4px;*/ /* Webkit browsers */
   
    /* border-right: 1px solid #ccc;*/ /*添加右边框并指定颜色和样式 */
}


.rightpart {
    /*background-color: lightgreen;*/
    width: 60%;
    display: right;
    border: 1px solid #c1c1c1;
}


.softComment-main {
    display: flex;
    align-items: flex-start;
    border-bottom: 1px solid #f3f2f0;
}

.softfun-body {
    margin-left:10px;
    text-align: left;
    font-size:15px!important;
}

.modal-dialog {
    width:80%;
}


.modal-content {
    display: flex;
    flex-direction: column;
    height: 80vh; /* 设置模态框高度为视口高度的80% */
}

.modBoxContainer {
    display: flex;
    flex-grow: 1; /* 让这个容器占据剩余的空间 */
    overflow: hidden; /* 防止内容溢出 */
    padding:5px,5px;
}


.softfunComments {
    width: 60%; /* 右侧评论部分占40% */
    /* background-color: #e395ee;*/
    padding: 10px;
    margin-left: 10px;
    overflow-y: auto;
    display: flex;
    flex-direction: column;
    border-left: 1px solid #ccc;
    /*    border: 1px solid #aaa;
    -moz-border-radius: 4px;
    -webkit-border-radius: 4px;
    border-radius: 4px;*/
}


.modal-footer {
    padding: 5px 5px; /* 调整内边距，默认值是 15px */
    margin-right: 3px;
    margin-bottom: 2px;
    border-top: none;
    position: absolute; /* 将 footer 绝对定位 */
    bottom: 25px; /* 调整底部距离，向上移动 10px */
    left: 0;
    right: 0;
    height: 20px;
}


.pageModal {
    margin-top:15px;
}

.soft {
    height:18px;
    width:18px;
    padding-bottom:3px;
    
}

.soften {
    height: 20px;
    width: 20px;
}