@charset "utf-8";
/* CSS Document */

.wrap{ width:1100px; margin:0 auto;}
.col-wrap{width:1100px;margin:0 auto;padding:0;position:relative; overflow:hidden;}
.col-hd,.col-con{clear: both;padding: 0px;position:relative;overflow: hidden; }
.layout-wrap{width:1100px;margin:0 auto;padding:0;position:relative; overflow:hidden;}
.layout-left{ float:left; width:680px; position:relative; z-index:1}
.layout-right{ width:300px; float:right;margin-left:0px;overflow:hidden; position:relative; z-index:1}

/*channel-title*/
.channel-title{ display:block; width:100%; height:50px; font-size:18px; color:#333; font-family:microsoft yahei;text-align:left; line-height:50px; border-bottom:1px solid #e0e0e0}
.channel-title a{ float:left;font-size:22px;  color:#333; font-family:microsoft yahei;}
.channel-title a.mor{ float:right; font-size:16px; font-weight:normal;  color:#999; height:24px; line-height:24px; padding:13px 0 6px 0;}
.channel-title a.mor i{ display:inline-block; width:16px; height:16px; background:url(../images/gd.png) -156px -29px no-repeat; margin-left:5px;margin-top:3px; vertical-align:middle; overflow:hidden;}
.channel-title a.mor:hover{ color:#c00}
.channel-title a.mor:hover i{ background-position:-134px -29px}
.channel-title em{ float:left; width:34px; height:34px; background:url(../images/gd.png) no-repeat; margin-right:10px; margin-top:8px;}
.channel-title a.hh{ border-bottom:2px solid #0084ac; margin-right:10px;margin-top:-1px;}
.channel-title a.cf05{ border-color:#f05a00}
.channel-title em.ico-ms{ background-position:-65px -742px}
.channel-title em.ico-zt{ background-position:-105px -742px}
.channel-title em.ico-zx{ background-position:-65px -783px}
.channel-title em.ico-tk{ background-position:-105px -783px}
.channel-title em.ico-zl{ background-position:-65px -823px}
.channel-title a.h2{ float:right;border:0px solid #eee; padding:0 5px; margin-left:5px; margin-top:12px; border-radius:8px; height:28px; background:#fff; font-size:14px; line-height:28px; color:#666}
.channel-title a.h2:hover{ background:#f05a00; color:#fff; border-color:#f05a00;}

/* .Lbox_tit */
.lumn-title{height:36px;}
.lumn-title .tith{font-size:22px;line-height:30px;margin-right:40px;font-weight:normal;color:#3a3a3a;float:left;}
.lumn-title .titu{margin:3px 0 0 -1px;line-height:25px; font-size:14px}
.lumn-title .titud{overflow:hidden;min-width:450px;margin-left:15px;padding-right:0px;}
.lumn-title .titx{float:left;background:url(../images/fenge.png) no-repeat 0 7px;}
.lumn-title .tita{padding:1px 10px 1px;display:block;color:#3a3a3a;cursor:pointer;}
.lumn-title .tita:hover{color:#F60;text-decoration:none;}
.lumn-title .more{font-family: "SimSun";}
/*分类导航*/
.column-menu{width:100%;padding:9px 0px 15px;overflow:hidden;}
.column-menu a{float:left;height:28px;line-height:28px;padding:0 10px;margin:6px 5px 0;white-space:nowrap;background:#fff;font-size:14px;border:1px solid #d7d7d7;border-radius:3px;-webkit-transition:all ease .35s;-moz-transition:all ease .35s;-o-transition:all ease .35s;-ms-transition:all ease .35s;transition:all ease .35s;text-decoration:none}
.column-menu a:hover,.column-menu a.current{background:#148cff;border-color:#148cff;color:#fff;text-decoration:none}




/* 当前位置*/
.crumb_nav{line-height: 28px;height: 28px;border-bottom: 1px solid #eee;padding-right: 8px;padding-left: 0px;font-family: "SimSun";}
.crumb_nav .txt{line-height: 28px;float: left;}
.crumb_nav .txt a{text-decoration: none;}.title1 .txt a:hover{color: #415204;text-decoration: underline;font-family: "SimSun";}

/*box标题*/
.side-title {height: 36px;border-bottom: 1px solid #e0e0e0;position: relative;margin-bottom:0px;}
.side-title h3 {color: #005bad;font: normal 18px/30px "microsoft yahei";line-height: 36px;border-bottom: 3px solid #005bad;position: absolute;left: 0;bottom: -1px;padding: 0 0px;}
.side-title .more {position: absolute;right: 0;top: 0;font-size: 14px;line-height:36px;color: #999;}
.side-title .more em{font-size: 14px;}

.layout-title{width:100%;height:35px;line-height:35px;background:#eee}
.layout-title h2{float:left;height:35px;line-height:35px;margin:0 0 0 10px;font-size:16px;}
.layout-title_r{float:right;display:inline;height:35px;margin-right:10px}
.layout-title_r a{margin-left:5px;color:#666}
.layout-title_r a:hover{color:#1464b4}
/*========教程频道=========*/

.edu-wrap{width:1100px;margin:0 auto;padding:0;position:relative; overflow:hidden;}
.edu-left{ float:left; width:780px; position:relative; z-index:1}
.edu-left img{max-width:660px;}
.edu-right{ width:300px; float:right;margin-left:0px;overflow:hidden; position:relative; z-index:1}
.edu-body{clear: both;padding: 0px;position:relative;overflow: hidden; }
/*教程列表 */
/*
.column-edu-list{width:105%;overflow:hidden}
.column-edu-list img:hover{opacity: 0.6;transition: 0.5s;border: 1px solid #6EAE41;box-shadow: 2px 2px 2px #ABC899;}
.column-edu-list li{float:left;width:250px;height:182px;margin:0 10px;padding:10px 0px 10px;border-bottom: 1px dotted #e3e8ce;}
.column-edu-list li a.title{font-size:14px;font-weight:bold;display:block;height:36px;line-height:36px; text-overflow: ellipsis; overflow: hidden;}
.column-edu-list li img{width:206px;height:146px;display:block;padding:0px;float:left;border:0px solid #EEE;margin:0 7px;}
.column-edu-list a:hover img{border:0px solid #AAA;}
.column-edu-list .info{line-height:26px;color:#555;margin:0 auto;padding-right:12px;text-align:left;}
.column-edu-list .info small{color:#aaa;font-size:12px;}
*/

.column-edu-list{width:105%;margin:8px auto;overflow:hidden}
.gray,.gray a{color:#999}
.column-edu-list a.gray:hover,.zuopin_list .gray a:hover{color:#1464b4;text-decoration:underline}
.column-edu-list li{float:left;display:inline;width:240px;height:216px;padding:8px;border:1px solid #fff}
.column-edu-list li .pic{display:block;height:170px;overflow:hidden}
.column-edu-list li .pic img{width:100%;height:170px;}
.column-edu-list li .title{margin-top:8px; font-size:14px;overflow:hidden}
.column-edu-list li p{height:20px;line-height:20px;margin-top:5px;overflow:hidden}
.column-edu-list li .info{margin-top:2px;}
.column-edu-list li .info .vline{padding:0 5px}
.column-edu-list li:hover {background: #f2f2f2;border:1px solid #f90} 
/*相关教程 */
.rel-article{float:left; width:398px;overflow:hidden;}
.rel-special{float:right;width:230px;position:relative; overflow:hidden; padding-left:15px;border-left:1px solid #e6e6e6;}
.related-Read .time{float: right; padding-right: 20px; color: #888888; font-size: 11px; -webkit-text-size-adjust: none; font-family: Arial, "5B8B4F53", sans-serif;}
.special-list li{line-height:27px; height:27px; }

ul.read-txt-list {padding:0 0 10px; width:100%;overflow: hidden; }
ul.read-txt-list li{overflow:hidden;height:30px; line-height:30px; white-space: nowrap; position:relative; vertical-align:top; font-size:14px; width:100%; float:left;margin-right:0px;}
ul.read-txt-list li a {text-decoration: 1px dotted #57b;display:block; _width:260px; text-overflow: ellipsis;  overflow: hidden;  white-space: nowrap; padding-left:15px;}
ul.read-txt-list li span {float:right; margin-left:5px;color:#b7b7b7;}
ul.read-txt-list li.b-line {height:7px; margin:10px 10px 0 10px; font-size:0; line-height:0; overflow:hidden;}

/*========作品频道=========*/

.works-wrap{width:1100px;margin:0 auto;padding:0;position:relative; overflow:hidden;}
.works-left{ float:left; width:680px; position:relative; z-index:1}
.works-right{ width:300px; float:right;margin-left:0px;overflow:hidden; position:relative; z-index:1}
.works-body{clear: both;padding: 0px;position:relative;overflow: hidden; }
/*作品列表*/ 
.column-works-list{width:105%;margin:8px auto;overflow:hidden}
.gray,.gray a{color:#999}
.column-works-list a.gray:hover,.zuopin_list .gray a:hover{color:#1464b4;text-decoration:underline}
.column-works-list li{float:left;display:inline;width:250px;height:216px;padding:8px;border:1px solid #fff}
.column-works-list li .pic{display:block;height:170px;overflow:hidden}
.column-works-list li .pic img{width:100%;height:170px;}
.column-works-list li .title{margin-top:8px; font-size:14px;overflow:hidden}
.column-works-list li p{height:20px;line-height:20px;margin-top:5px;overflow:hidden}
.column-works-list li .info{margin-top:2px;}
.column-works-list li .info .vline{padding:0 5px}
.column-works-list li:hover {background: #f2f2f2;border:1px solid #f90} 

/*========下载频道=========*/

.down-wrap{width:1100px;margin:0 auto;padding:0;position:relative; overflow:hidden;}
.down-left{ float:left; width:680px; position:relative; z-index:1}
.down-right{ width:300px; float:right;margin-left:0px;overflow:hidden; position:relative; z-index:1}
.down-body{clear: both;padding: 0px;position:relative;overflow: hidden; }
/*下载列表 */
.column-down-list{width:105%;overflow:hidden}
.column-down-list li{float:left;width:330px;height:152px;margin-right:20px;padding:10px 0px 15px;border-bottom: 1px dotted #e3e8ce;}
.column-down-list li a.title{font-size:15px;font-weight:bold;display:block;line-height:36px; text-overflow: ellipsis; overflow: hidden;}
.column-down-list li img{width:166px;height:116px;display:block;padding:0px;float:left;border:0px solid #EEE;margin-right:15px;}
.column-down-list  a:hover img{border:0px solid #AAA;}
.column-down-list .info{line-height:26px;color:#555;margin:0 auto;padding-right:12px;text-align:left;}
.column-down-list .info small{color:#aaa;font-size:12px;}

/*--down_body--*/
.down-body{clear: both;padding: 0px;position:relative;overflow: hidden; }
.down-box{width:;padding:0 10px 10px 0;border:0px #ccc solid; background:0 0 repeat-x #fff}
.down-body .down-content{width:100%;font-size:14px;color:#121212;line-height:24px;margin:0px auto;overflow:hidden}
.down-body .down-content p{margin: 10px 0 10px;text-indent: 1em;color: #666;font-size: 14px;line-height: 160%;}
.down-body .down-content img{margin:0px;max-width: 630px;height:auto;}
.down-body .down-content img:hover {box-shadow: 0 1px 13px rgba(34,25,25,1);-moz-box-shadow: 0 1px 13px rgba(34,25,25,1);-webkit-box-shadow: 0 1px 13px rgba(34,25,25,1);}
/* tab */
.item-title{height:31px; border-bottom: 1px solid #eee;padding-left: 5px;}
.item-title h4{float: left;height: 30px;margin-right: 5px;background: #f8f8f8;cursor: pointer;line-height: 30px;padding: 0 8px;border-style: solid;border-color: #ddd;border-width: 1px 1px 0;font-size: 16px;}
.item-title .current{position: relative;margin-bottom: -1px;border-color: #eee;border-top:2px #45B823 solid;background: #fff;height: 30px;font-weight bold;color: #45B823;}

/*down-Link*/
.down-link{width:100%; float:left;overflow:hidden;}
.down-link a{width:82px; height:28px; padding:0 0 0 21px; text-align:center; font-size:14px; display:inline; margin:9px 13px 0 0; float:left; line-height:23px; overflow:hidden; background:url(../images/commonBG_1.png) no-repeat -572px -170px}

.down-tag{ width:100%;margin-top:10px;height:30px; line-height:30px; font-size:14px;position:relative; overflow:hidden;}
.down-tag span{ color:#0054ff}
.down-tag span a{ line-height:30px;margin-left:10px;}
/*下载说明*/
.down-note{position:relative;padding:10px 0; }
.down-note-left{ width:300px; height:250px; float:left; overflow:hidden; background:#ccc}
.down-note-right{ width:350px; float: right; margin-left15px; overflow:hidden; display: inline}
.down-note-right p{ font: 13px/24px "宋体"; padding-bottom:2px;margin:0;color:#666}

.down-content{width:640px;font-size:14px;color:#121212;line-height:24px;margin:15px 0 10px 0; padding:0 0px;overflow:hidden}
.down-content p{margin: 10px 0 10px;text-indent: em;;font-size: 14px;line-height:26px;}
.down-content img{margin:10px auto;max-width:630px;height: auto;}
.down-content imghover {box-shadow: 0 1px 13px rgba(34,25,25,1);-moz-box-shadow: 0 1px 13px rgba(34,25,25,1);-webkit-box-shadow: 0 1px 13px rgba(34,25,25,1);}
.aligncenter {clear: both;display: block;margin-left: auto;margin-right: auto;}
.down-content a{color:#2970A6}
.down-content a:hover{border-bottom:1px solid #f60;color:#f60;text-decoration:none}

/*========笔刷频道=========*/

.brush-wrap{width:1100px;margin:0 auto;padding:0;position:relative; overflow:hidden;}
.brush-left{ float:left; width:680px; position:relative; z-index:1}
.brush-right{ width:300px; float:right;margin-left:0px;overflow:hidden; position:relative; z-index:1}
/*笔刷列表 */
.column-brush-list{width:105%;overflow:hidden}
.column-brush-list li{float:left;width:330px;height:152px;margin-right:20px;padding:10px 0px 15px;border-bottom: 1px dotted #e3e8ce;}
.column-brush-list li a.title{font-size:14px;font-weight:bold;display:block;line-height:36px; text-overflow: ellipsis; overflow: hidden;}
.column-brush-list li img{width:166px;height:116px;display:block;padding:0px;float:left;border:0px solid #EEE;margin-right:15px;}
.column-brush-list  a:hover img{border:0px solid #AAA;}
.column-brush-list .info{line-height:26px;color:#555;margin:0 auto;padding-right:12px;text-align:left;}
.column-brush-list .info small{color:#aaa;font-size:12px;}




/*=====内容=====*/
.article-body{clear: both;padding: 0px;position:relative;overflow: hidden; }
.article-box{padding:0 5px 10px;border:0px #ccc solid; background:0 0 repeat-x #fff}
.article-title{font-family:'microsoft yahei';line-height:24px;text-align:center;color:#f60;padding:20px 0 15px 0}
.article-title h1{display:inline;font-family:'microsoft yahei';font-size:24px;color:#333}
.article-info{line-height:20px;color:#888;text-align:center;font-size:12px;font-family: Arial, "宋体B8B\4F53", sans-serif;padding-bottom:0px}
.article-info span{margin-right:15px;}
.article-info span a{color:#888;}
.article-intro{line-height: 22px;background-color: #fdfdfd;border: 1px solid #f2f2f2;padding: 5px;color: #666;margin: 10px 0 10px 0;font-size: 14px;}

.article-content{width:750px;font-size:16px;color:#121212;line-height:24px;margin:15px
0 10px 0; padding:0 0px;overflow:hidden}
.article-content p{margin: 10px 0 10px;text-indent: em;;font-size: 16px;line-height:26px;}
.article-content img{margin:10px auto;max-width:640px;height: auto;display: block;}
.article-content img:hover {box-shadow: 0 1px 13px rgba(34,25,25,1);-moz-box-shadow: 0 1px 13px rgba(34,25,25,1);-webkit-box-shadow: 0 1px 13px rgba(34,25,25,1);}
.aligncenter {clear: both;display: block;margin-left: auto;margin-right: auto;}
.article-content a{color:#2970A6}
.article-content a:hover{border-bottom:1px solid #f60;color:#f60;text-decoration:none}
/*social*/
.social {
   padding: 20px;
 }
  .diggit {
   float: left;
   width: 140px;
   margin: auto;
   background: #E2523A url(../images/dzbg.jpg) no-repeat center left 10px;
   color: #fff;
   box-shadow: 1px 2px 6px 0px rgba(0, 0, 0, .2);
   border-radius: 3px;
   line-height: 40px;
   text-align: center;
   padding-left: 20px;
   margin-left: 27%;
 }

 .diggit a {
   color: #fff;
 }

 #diggnum {
   margin: 5px;
 }
/*money*/
 .dasbox {
   width: 130px;
   float: left;
   margin-left: 40px;
   background: url(../images/dsbz.jpg) no-repeat left 20px center #E2523A;
   box-shadow: 1px 2px 6px 0px rgba(0, 0, 0, .2);
   border-radius: 3px;
   line-height: 40px;
   padding-left: 10px;
   text-align: center;
 }

 .hide_box {
   z-index: 999;
   filter: alpha(opacity=50);
   background: #666;
   opacity: 0.5;
   -moz-opacity: 0.5;
   left: 0;
   top: 0;
   height: 99%;
   width: 100%;
   position: fixed;
   display: none;
 }

 .shang_box {
   width: 430px;
   padding: 40px 10px;
   background: #fff url(../images/tbg.jpg) no-repeat left top 30px;
   ;
   border-radius: 10px;
   position: fixed;
   z-index: 1000;
   left: 50%;
   top: 50%;
   margin-left: -280px;
   margin-top: -280px;
   border: 1px dotted #dedede;
   display: none;
 }

 .shang_box img {
   border: none;
   border-width: 0;
 }

 .dasbox a {
   color: #fff;
 }

 .shang_close {
   float: right;
    display: inline-block;
    width: 24px;
    height: 24px;
    background: transparent url(../images/close.png) no-repeat scroll right center;
 }


 .shang_tit {
   width: 100%;
   height: 70px;
   text-align: center;
   line-height: 70px;
 }

 .shang_tit p {
   color: #a3a3a3;
   text-align: center;
   font-size: 16px;
 }

 .shang_payimg {
   width: 140px;
   padding: 10px;
   border: 6px solid #EA5F00;
   margin: 0 auto;
   border-radius: 3px;
   height: 140px;
 }

 .shang_payimg img {
   display: block;
   text-align: center;
   width: 140px;
   height: 140px;
 }

 .pay_explain {
   text-align: center;
   margin: 10px auto;
   font-size: 12px;
   color: #545454;
 }

 .radiobox {
   width: 16px;
   height: 16px;
   background: url(../images/radio2.jpg);
   display: block;
   float: left;
   margin-top: 5px;
   margin-right: 14px;
 }

 .checked .radiobox {
   background: url(../images/radio1.jpg);
 }

 .shang_payselect {
   text-align: center;
   margin: 0 auto;
   margin-top: 40px;
   cursor: pointer;
   height: 60px;
   width: 280px;
 }

 .shang_payselect .pay_item {
   display: inline-block;
   margin-right: 10px;
   float: left;
 }

 .shang_payselect img {
   float: left
 }
.shang_info{clear:both}
.shang_info a,.shang_info p{color:#C3C3C3;text-align:center;font-size:12px;text-decoration:none;line-height:2em}


/*bishua*/
.article-content dl {background-color:#fff; height:40px; width:98%; border: 1px dashed #ccc;margin-top:30px;padding:13px 0 0 10px;font-weight: bold;}
/*tags*/
.keywords{margin:10px;margin-top:10px;background:url(../images/tags.png) no-repeat left;padding-left:20px;height:30px;line-height:30px;overflow:hidden}
.keywords span{float: left;display:block;font-size:16px;}
.keywords ul{float: left;}
.keywords ul li{height:28px;line-height:28px;overflow:hidden;float:left;margin-left:10px;border:1px solid #ccc;-webkit-border-radius:3px;-moz-border-radius:3px;-ms-border-radius:3px;-o-border-radius:3px;border-radius:3px;padding:0px 5px 0px 5px}
.keywords ul li:hover{border:1px solid #008ee1;background-color:#008ee1;}
.keywords ul li:hover a{color:#fff}

/*热门文章*/
.article-hot{padding:0px;overflow:hidden;}
.article-hot li{height:30px;line-height:30px;font-size:14px;overflow:hidden}
.article-hot li .mun{color: #d52b2b;height:20px;float:left;font-size:18px;font-style:italic;font-family: "georgia", "STHeiti", "Microsoft YaHei", "simsun", "sans-serif", Arial;line-height:15px;margin:8px 10px 0 0;overflow:hidden;text-align:center;width:20px;}
.article-hot li:nth-child(n+4) .mun{color:#888;}
.article-hot li em{display:inline-block;width:20px;height:20px;line-height:20px;font-size:12px;font-size:1.2rem;color:#fff;text-align:center;background:#E56B32;-moz-border-radius:50px;-webkit-border-radius:50px;border-radius:50px;margin-right:6px;}
.article-hot li:nth-child(n+4) em{background:#dfdfdf;color:#333}

/*推荐图文*/
.rec-pic-list{margin:0;padding:0px;}
.rec-pic-list li {overflow:hidden; zoom:1; margin-bottom:15px;padding-left:0px; position:relative; clear:both}
.rec-pic-list li:hover {background:#f1f1f1; box-shadow:0 -1px 0 #fff inset;}
.rec-pic-list li h4 {font-weight: normal; line-height:22px; font-size:15px; padding-right:5px;word-break: break-all; word-wrap:break-word; }
.rec-pic-list li p {margin-top:10px; font-size:12px;}
.rec-pic-list li p a {margin-bottom:5px;  font-size:12px;color:#999;}
.rec-pic-list .boxc{float:left;width:190px; height:80px;}
.rec-pic-list .img-box {float:right; width:110px;margin-right:0px; height:80px; }
.rec-pic-list .img-box img {width:110px; height:80px;}
.rec-pic-list .img-box img {border:0px solid #d8d8d8;}


.left-pic-list{width:105%;margin:0 auto;padding:0;margin:0px;overflow: hidden;}
.left-pic-list li{float:left;width:178px;height:132px;margin-right:15px;padding:8px 0;font-size:13px;text-align:center}
.left-pic-list li .pic{display:block;height:113px;overflow:hidden}
.left-pic-list li img{width:100%}
.left-article_list{padding:10px 15px}
.left-pic-list li p{height: 20px;line-height: 20px;margin-top: 5px;word-break: break-all; overflow: hidden;}

.right-pic-list{width:315px;margin:0 auto;padding:7px 0;margin:0px;}
.right-pic-list li{float:left;width:142px;height:122px;margin-right:15px;padding:8px 0;text-align:center}
.right-pic-list li .pic{display:block;height:95px;overflow:hidden}
.right-pic-list li img{width:100%}
.right_article_list{padding:10px 15px}
.right-pic-list li p{height: 20px;line-height: 20px;margin-top: 5px;word-break: break-all; overflow: hidden;}

	/*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;}


/*图片列表3*/
.art-works-list{ width:1130px;}
.art-works-list li{width: 208px;float: left;margin: 0 15px 0px 0;padding: 0;display: inline;}
.art-works-list li img{width: 208px;height: 120px;}
.art-works-list li .text_tit{height: 28px;line-height: 28px;overflow: hidden;word-wrap: break-word;margin: 5px 0 0;font-size: 13px;}
.art-works-list li .text_info{width: 208px;overflow: hidden;white-space: nowrap;text-overflow: ellipsis;}
.art-works-list li:hover a{color:#e00;text-decoration:none}
/*ce*/
#box{float:left; position:relative;width:300px;}.div1{width:300px;}.div2{position:fixed;_position:absolute;top:0;z-index:300;}