@charset "utf-8";
/* CSS Document */
.mainLeft,.columnLeft{float:left;width:780px;}
.mainRight,.columnRight{float:right;width:300px}
.mod-hd,.mod-bd{width: 100%;clear: both;background:#fff;}

/*boxTitA*/
.titleB{position:relative;height:36px; border-top:3px solid #a4aec7;}
.titleB h5{display:inline-block;margin:0;padding:0 10px;font-size:18px;color:#333;line-height:36px;}
.titleB .more{position:absolute;top:0;right:10px;line-height:36px;}

/*textTitle*/
.textTitle{padding:0 23px;height:10px;margin:5px 0px 15px;border-bottom:1px solid #dedede;font-size: 16px;}
.textTitle span{padding:0 5px;height:24px;font-weight:700;background-color:#ffffff;display:inline-block;}
.textList{float:left;height:36px;line-height:36px;}
.textList li{padding-left:18px;float:left;width:45%;height:35px;line-height:35px;overflow:hidden;}

/*======列表内容 CSS=====*/   
.column-hd{margin:0 auto;padding:8px 8px 15px;}
.columnTitle{height:35px;line-height:35px;background:#eee}
.columnTitle h2{float:left;display:inline;margin-left:10px;font-size:16px;font-weight:700}
.columnTitle .right{float:right;display:inline;margin-right:10px}
/*列表*/
.column-picul{width:1110px;}
.column-picul li{float:left;margin:0px; padding: 10px; width: 251px;height:250px;font-size:12px;color:#c0c5c9;background-color:#ffffff;}
.column-picul li .pic{width:251px;height:170px;overflow:hidden;margin-bottom:10px;display:block;}
.column-picul li img{width:100%;height:100%;display:block;}
.column-picul li p{line-height:20px}
.column-picul li .title{margin-top:10px;font-size:15px;height:44px;line-height:22px;}
.column-picul li .info{margin-top:8px}
.column-picul li .vline{padding:0 5px}
.column-picul li:hover{background: #f0f0f0;box-shadow 0 0 12px #ccc;}
.column-picul li .gray,.column-picul li .gray a{color:#999}

/*======教程内容 CSS=====*/
.article-body{width:730px;margin:0 auto;padding:15px 25px;background:#fff;}
.article-body h1.doc-title{height:50px;line-height:50px;text-align:center;overflow:hidden;font-size:26px;font-weight:normal;margin-top:0px;}
.article-body .docValue{line-height:40px;text-align:center;color:#9a9a9a;margin-bottom:20px;border-bottom:1px dashed #e6e6e6;}
.article-body .docValue span{margin:0 15px;font-size:14px;display:inline;}
.article-body .docValue span .icon_time{width:14px;height:14px;margin-right:11px;vertical-align:middle;background:url(../images/icon_time.gif) no-repeat left top;display:inline-block;}
.daodu{width:855px;line-height:24px;font-size:14px;color:#666666;margin:0px auto 30px auto;padding:7px;border:1px solid #efefef;}

#content{width:730px;margin:15px auto 0;line-height:30px;font-size:16px;overflow:hidden}
#content p{padding:8px 0;line-height:30px;font-size:16px;}
#content a{color:#1464b4;}
#content a:hover{color:#FF4F53;}
#content textarea{width:600px;height:200px;line-height:25px;padding:5px;resize:vertical;border:1px solid #dcdcdc;word-wrap:break-word}
#content pre{line-height:30px;padding:10px;background:#fafafa;border:1px solid #dcdcdc;word-wrap:break-word}
#content table{margin:10px auto}
#content table th,#content table td{border:1px solid #dcdcdc;padding:8px}
#content img,.picshow_first li img{max-width:680px;height:auto}
#content .keylink{text-decoration:underline}

/*标签*/
#Tag{margin:20px 0;width:730px;height:23px;line-height:23px;margin:0 auto;overflow:hidden}
#Tag p{font-size:14px;}
#Tag p strong{width:91px;height:23px;text-align:center;font-size:14px;font-weight:normal;color:#fff;background:url(../images/icon_tag.gif) no-repeat left top;display:inline-block;}
#Tag p a{margin-left:11px;display:inline-block;}

/*上一篇,下一篇*/
#PrevNext {width:730px;height:45px;line-height:45px;font-size:14px;margin:0px auto 20px auto;background-color:#f3f3f3;overflow:hidden}
#PrevNext p{float:left;width:330px;padding-left:17px;}
#PrevNext p.next{float:right;}#PrevNext p.previous{float:left;}

/*相关内容*/
.related-art{width:730px;margin:0 auto;overflow:hidden;}
.related-art h4{width:730px;height:43px;text-indent:-99em;overflow:hidden;margin-bottom:20px;background:url(../images/title_txt.jpg) no-repeat left top;}
.related-art .fontList{width:830px;}
.related-art .picList{width:830px;margin:0 auto;}

/*图片列表*/
.picList{width:105%;margin:0 auto;padding-top:15px;overflow:hidden;}
.picList li{float:left;width:168px;margin-right:20px;display:inline;border-bottom:2px solid #ffffff;font-size:14px;}
.picList li:hover{border-color:#6aa855;}
.picList li .photo{width:168px;height:110px;display:block;background:#eee;overflow:hidden}
.picList li p{margin-top:5px;height:40px;line-height:20px;text-align:left;overflow:hidden;font-weight:normal;display:block;}
.picList li .photo img{width:100%;height 100%;display:block;}
.picList li strong{font-weight:500;}
/*推荐文档*/
.left-picul{width:100%;margin:0 auto;padding:0px 0;overflow:hidden;background:#ffffff;}
.left-picul .doc{float:left;width:370px;height:90px;padding:10px 10px 10px 10px;}
.left-picul .doc .photo{float:left;width:130px;height:90px;margin-right:11px;display:inline;}
.left-picul .doc .photo img{width:100%;height:100%;display:block;}
.left-picul .doc strong{display:block;height:50px;line-height:25px;font-size:16px;font-weight:normal;margin-bottom:15px;overflow:hidden;}
.left-picul .doc span{color:#9d9da5;}
.left-picul .doc span ins{color:#ff9901;text-decoration:none;}
.left-picul .doc:hover{background-color:#e8e8e8;box-shadow:0 3px 4px #ccc;}

/*======右边 CSS=====*/
/*侧栏标题*/
.SideTitle{padding:0 13px;height:40px;line-height:40px;font-size:18px;overflow:hidden;background-color:#ffffff;border-bottom:1px solid #f0f0f0;}

/*推荐文档*/
.side-recList{width:100%;margin:0 auto;padding:0px 0;overflow:hidden;background:#ffffff;}
.side-recList li.doc{float:left;width 370px;height:80px;padding:10px;border-bottom:1px dashed #f0f0f0;}
.side-recList li.doc:last-child {border-bottom:0px dashed #f0f0f0;}
.side-recList li.doc .photo{float:left;width:116px;height:80px;margin-right:11px;display:inline;}
.side-recList li.doc .photo img{width:100%;height:100%;display:block;}
.side-recList li.doc strong{display:block;height:44px;line-height:22px;font-size:14px;font-weight:normal;margin-bottom:15px;overflow:hidden;}
.side-recList li.doc span{color:#9d9da5;}
.side-recList li.doc span ins{color:#ff9901;text-decoration:none;}
.side-recList li.doc:hover{background-color:#e8e8e8;box-shadow:0 2px 2px #ccc;}

/*right_pic_list*/
.right-picul{padding:0;overflow:hidden;background:#ffffff;}
.right-picul li{float:left;width:130px;height 122px;padding:10px}
.right-picul li:hover{background-color:#e8e8e8;box-shadow 0 3px 4px #ccc;}
.right-picul li img{width:130px;height:90px}
.right-picul li p{margin-top:3px;height:36px;line-height:18px;font-size:14px;text-align:left;overflow:hidden;font-weight:normal;display:block;}
.right-picul li:hover a{color:#FF4F53;}

 #box{
     
        margin: 20px auto;
        font-family: 'Microsoft YaHei';
        font-size: 14px;
    }
    input{
       
        border: 2px solid #008ee1;
        height: 30px;
        float: left;
      
        background-repeat: no-repeat;
        background-size: 25px;
        background-position:5px center;
        padding:0 0 0 0px;
    }
    #search{
        width: 48px;
        height: 32px;
        float: right;
        background: black;
        color: white;
        text-align: center;
        line-height: 32px;
        cursor: pointer;
    }