@import url("common.css");
/*封面模板*/
/*热门教程推荐*/
.custom_key{background: #fff; color: #999999;overflow: hidden; padding: 12px; box-shadow: 0px 0px 2px #cfcfcf;}
.custom_key span{float: left;margin-top: -9px;width: 100%;border-bottom: solid #efefef 1px;margin-bottom: 20px;line-height: 36px;}
.custom_key a {float: left;color: #666;font-size: 14px;width: 159px; line-height: 26px;margin-right: 20px;margin-bottom: 10px; padding: 0 8px;overflow: hidden;white-space: nowrap; text-overflow:ellipsis} 
.custom_key a:hover{background: #e7f1ff;color:#41d490;}
.custom_key a::before {float: left;content: "";background: #41d490;width: 3px;height: 14px;overflow: hidden;display: inline-block;margin: 6px 7px 0 0;border-radius: 2px;}
.course-w-m { width: 860px;}
.course-w-s { width: 300px;}
.course-w-r { width: 325px;}
.s-course-idx .g-title {margin-bottom: 15px; border-color: #e4e4e4;}
.g-title { border-bottom: 2px solid #41d490; margin-bottom: 26px;}
.s-course-idx .cell-1 .thumbs .tmb{display:inline-block}
.page-course-idx .m-large-link { background: #f6f6f6; text-align: center; height: 68px; overflow: hidden; }
.page-course-idx .m-large-link .ico { border-radius: 50%; display: inline-block; width: 42px; height: 42px; line-height: 42px; font-size: 32px; text-align: center; color: #fff; background: #41d490; position: relative; vertical-align: top; margin-right: 5px; }
.page-course-idx .m-large-link .link { display: inline-block; vertical-align: top; font-size: 36px; color: #41d490; }
.page-course-idx .m-large-link .link:hover { text-decoration: underline; }
.page-course-idx .m-large-link .item { padding: 13px 0; line-height: 42px; }
.page-course-idx .m-large-link .item + .item { margin-left: 35px; }
.s-course-idx .g-title { margin-bottom: 15px; border-color: #e4e4e4; }
.s-course-idx .g-title .title-txt { width: auto; font-weight: bold; }
.s-course-idx .hot-rank .g-title { border-color: #41d490; margin-bottom: 0; font-weight: bold; }
.s-course-idx .hot-rank .tab-item { padding-bottom: 10px; font-size: 20px; }
.s-course-idx .hot-rank .tab-item .bot-arrow { bottom: -8px; }
.s-course-idx .hot-rank .g-time { color: #999; margin-left: 20px; }
.s-course-idx .hot-rank .g-time.today { color: #41d490; letter-spacing: 3px; *padding-right: 2px; }
.s-course-idx .hot-rank .hot .item-name { color: #41d490; }
.s-course-idx .cell-1 { width: 300px; height: 374px; overflow: hidden; position: relative; }
.s-course-idx .cell-1 .item { width: 300px; float: left; position: relative; }
.s-course-idx .cell-1 .title { position: absolute; left: 0; bottom: 0; width: 100%; height: 60px; z-index: 5; }
.s-course-idx .cell-1 .title .txt { padding: 10px; line-height: 30px; color: #fff; text-align: center; font-size: 16px; font-weight: normal; position: relative; z-index: 2; }
.s-course-idx .cell-1 .title .cover { position: absolute; left: 0; top: 0; background-color: #000; opacity: .5; filter: alpha(opacity=50); width: 100%; height: 100%; z-index: 1; }
.s-course-idx .cell-1 .thumbs { position: absolute; bottom: 14px; left: 0; z-index: 5; text-align: center; width: 100%; }
.s-course-idx .cell-1 .thumbs .tmb { width: 20px; height: 2px; cursor: pointer; background-color: #fff; *margin: 0 2px; }
.s-course-idx .cell-1 .thumbs .tmb.on { background-color: #41d490; }
.s-course-idx .cell-2 { padding: 16px; border: 1px solid #ededed; border-top: 2px solid #41d490; }
.s-course-idx .cell-2 .item { line-height: 40px; height: 40px; overflow: hidden; margin-bottom: 10px; }
.s-course-idx .cell-2 .title { font-size: 16px; color: #41d490; line-height: 1; padding-left: 15px; border-left: 4px solid #41d490; margin-bottom: 20px; }
.s-course-idx .cell-2 .btn-dl { margin-top: 10px; margin-left: 10px; width: 23px; height: 23px; display: inline-block; background: -38px -323px url(sp_1.png) no-repeat; }
.s-course-idx .cell-2 .more { display: block; text-align: center; }
.s-course-idx .cell-3 { position: relative; margin:0px 5px 0px 315px; }
.s-course-idx .cell-3 .g-title { position: relative; }
.s-course-idx .cell-3 .g-change-btn { position: absolute; left: 104px; top: 1px; }
.g-change-btn {padding-left: 23px;color: #d1d1d1;font-size: 16px;background: -241px -85px url(sp_1.png) no-repeat;}
.s-course-idx .cell-3 .blog-btn { position: absolute; right: 0; bottom: 0; color: #41d490; }
.s-course-idx .cell-3 .g-dot-list { display: none; }
.s-course-idx .cell-3 .list-pos { text-align: center; margin-top: 48px; position: relative; }
.s-course-idx .cell-3 .list-pos .item { border-radius: 15px; line-height: 28px; font-size: 14px; border: 1px solid #41d490; display: inline-block; width: 28px; margin: 0 2px; text-align: center; position: relative; color: #fff; background: #41d490; }
.s-course-idx .cell-3 .list-pos .item:hover, .s-course-idx .cell-3 .list-pos .item.on { color: #41d490; background: #fff; }
.s-course-idx .cell-4 .inner { margin-left: -16px; }
.s-course-idx .cell-4 .inner .item { width: 142px; float: left; margin-left: 16px; text-align: center; }
.s-course-idx .cell-4 .inner .txt { margin-top: 8px; line-height: 18px; height: 36px; overflow: hidden; }
.s-course-idx .cell-4 .g-dot-list { border-top: 1px dashed #e4e4e4; margin-top: 15px; }
.s-course-idx .course-list {  }
.s-course-idx .course-list .cate { width: 415px; float: left; }
.s-course-idx .g-title .title-txt {
    width: auto;
    font-weight: bold;
}
.g-title .title-txt {
    margin-top: -4px;
    line-height: 30px;
    padding-bottom: 12px;
    font-size: 22px;
    float: left;
    width: 210px;
    margin-right: 9px;
}
.ovh {
    overflow: hidden;
}
/*.s-course-idx .fl{margin:15px;}*/
.g-dot-list { margin-top: -15px; }
.g-dot-list .item { position: relative; line-height: 20px; height: 20px; overflow: hidden; margin-top: 16px; }
.g-dot-list .item:hover i { background-color: #41d490; }
.g-dot-list .g-time { color: #999; margin-left: 20px; }
.g-dot-list .g-time.today { color: #41d490; letter-spacing: 3px; *padding-right: 2px; }
.g-dot-list i { display: block; float: left; width: 4px; height: 4px; overflow: hidden; border-radius: 2px; background-color: #ccc; margin-top: 10px; margin-right: 4px; }
.g-dot-list .ding i { width: 16px; height: 16px; background: -69px -327px url(sp_1.png) no-repeat; margin-top: 2px; border-radius: 0; }
.g-dot-list .ding .link { color: #41d490; }
.g-dot-list .hot .link { color: #41d490; }
.g-tab { float: left; text-align: center; font-size: 18px; }
.g-tab .tab-item { display: inline-block; *display: inline; *zoom: 1; vertical-align: top; position: relative; cursor: pointer; line-height: 25px; }
.g-tab .tab-item.cur, .g-tab .tab-item:hover { color: #41d490; }
.g-tab .tab-item.cur .bot-arrow { display: block; }
.g-tab .tab-item .bot-arrow { position: absolute; width: 16px; height: 8px; left: 50%; background-position: -166px -19px; display: none; }
.g-tab.sty-1 .bot-arrow { margin-left: -8px; bottom: -21px; }
.g-tab.sty-2 .bot-arrow { margin-left: 4px; bottom: -19px; }
.g-tab.sty-2 .tab-item { line-height: 27px; padding-right: 3px; }
.g-tab.sty-2 .tab-item + .tab-item { padding-left: 28px; background-image: url(sp_1.png); background-position: -150px -30px; background-repeat: no-repeat; }
.g-tab.sty-2 .tab-item:first-child .bot-arrow { margin-left: -10px; }
.ui-bg {
    background-image: url(sp_1.png);
    background-repeat: no-repeat;
}

/*循环栏目数据*/
.s-course-idx .course-list {  }
.s-course-idx .course-list .cate { width: 406px; float: left; margin-right:15px; margin-bottom:50px;}
.s-course-idx .course-list .cate:nth-child(2n){margin-right:0}
.g-dot-list { margin-top: -15px; }
.g-dot-list .item { position: relative; line-height: 20px; height: 20px; overflow: hidden; margin-top: 16px; }
.g-dot-list .item:hover i { background-color: #41d490; }
.g-dot-list .g-time { color: #999; margin-left: 20px; }
.g-dot-list .g-time.today { color: #41d490; letter-spacing: 3px; *padding-right: 2px; }
.g-dot-list i { display: block; float: left; width: 4px; height: 4px; overflow: hidden; border-radius: 2px; background-color: #ccc; margin-top: 10px; margin-right: 4px; }
.g-dot-list .ding i { width: 16px; height: 16px; background: -69px -327px url(sp_1.png) no-repeat; margin-top: 2px; border-radius: 0; }
.g-dot-list .ding .link { color: #41d490; }
.g-dot-list .hot .link { color: #41d490; }
.g_hot{clear:both; margin-bottom:15px; height:100px;}
.g_hot dt{width: 120px;height: 80px; display: block; margin-right: 15px;}
.g_hot dd{width: 270px; display: block;}
.g_hot dd .title{height:30px; line-height:30px; overflow:hidden; text-overflow:ellipsis; font-size:16px;}
.g_hot dd .smalltext{height:60px; line-height:20px; overflow:hidden; text-overflow:ellipsis; font-size:14px; color:#999}

/*栏目页模板*/
.list-main .item { padding-top: 20px; padding-bottom: 26px; border-bottom: 1px solid #ededed;  margin: 0 20px 20px; }
.list-main .soft-img { width: 70px; height: 70px; padding: 24px; border: 1px solid #f8f8f8; }
.list-main .title { font-size: 20px; margin-bottom: 24px; }
/*.list-main a{width: 240px; float: left; }*/
.list-main .title a:hover{color:#41d490; }
.list-main .info { color: #666; width:515px; float:right; overflow: hidden; }
.list-main .detail { margin-bottom: 10px; }
.list-main .desc { line-height: 30px; height: 120px; overflow: hidden; text-align: justify; }
.list-main .m-list-share { position: absolute; right: 0; bottom: 0; }
.list-main .btn { width: 92px; height: 28px; color: #999; border: 1px solid #c2c2c2; text-align: center; border-radius: 2px; line-height: 28px; font-size: 14px; letter-spacing: 2px;float:right; }
.list-main .btn:hover { color: #41d490; border-color: #41d490; }
.g-main dt,.g-main dd {}
.g-main dd.m-mainleft{ width: 825px; }
.g-main dt.m-mainright{ width: 360px; }
.g-main dt .m-rightdiv 	{ background-color: #fff;;box-shadow:0px 0px 2px #cfcfcf; position: relative; overflow: hidden; margin: 0 0 15px}
.g-main dd .m-leftdiv,.m-newsuldiv {background-color: #fff;;box-shadow:0px 0px 2px #cfcfcf; position: relative; overflow: hidden; margin: 0 0 15px}
.m-newstith4 { height: 24px;  padding:0 20px; border-left: 4px #41d490 solid ; margin:18px 0 15px; position: relative;}
.m-newstith4 span.f-fl{ font-size: 16px; color: #333; font-weight: normal; height: 24px; line-height: 24px; margin: 0px 5px 0 0  }
.m-newstith4 .f-fl i{ display: inline-block; width: 30px; height: 30px; }
.m-newstith4 .f-fr { margin:3px 0 0 0 ; font-weight: normal; }
.m-newstith4 .f-fr a { font-size: 14px; color: #aaa }
.m-newstith4 .f-fr a:hover { color: #41d490 }
.ml30 {margin-left: 30px;}

.m-newsnavul  {  }
.m-newsnavul li{ width: 150px; height: 36px; line-height: 36px; text-align: center; margin-left:20px; margin-bottom: 15px;  }
.m-newsnavul li a{ display:block; background-color: #eee; font-size: 14px; color: #333; }
.m-newsnavul li a:hover,.m-newsnavul li.m-hover a,.m-newsnavul li a.current{ background-color:#0098e4; color: #fff }
.m-newsnavul li a font{ display: none }




/*.m-rank.u-dashed .rank-item {padding-bottom: 12px;padding-top: 12px;border-bottom: 1px dashed #e4e4e4;}*/
/*.m-rank .item-name {*/
/*    display: block;*/
/*    width: 100%;*/
/*    height: 24px;*/
/*    line-height: 24px;*/
/*    font-size: 14px;*/
/*    font-weight: normal;*/
/*    overflow: hidden;*/
/*    text-overflow: ellipsis;*/
/*    white-space: nowrap;*/
/*}*/
/*.m-rank .g-art-count {*/
/*    font-size: 12px;*/
/*    font-weight: normal;*/
/*    color: #999;*/
/*    padding-left: 15px;*/
/*    min-width: 42px;*/
/*    text-align: right;*/
/*}*/
/*.m-side-col .g-sort-num {*/
/*    width: 22px;*/
/*    height: 22px;*/
/*    line-height: 22px;*/
/*    margin-right: 10px;*/
/*    margin-top: 2px;*/
/*    *margin-top: 0;*/
/*}*/
/*.g-sort-num.top {*/
/*    background: #ff6b66;*/
/*}*/
.jc_rank{
    margin: 0 20px;
    padding-bottom: 8px;
}
.jc_rank .rank-item {
    padding-bottom: 12px;
    padding-top: 12px;
    border-bottom: 1px dashed #e4e4e4;
    clear: both;
}
.jc_rank .rank-item:last-child{
    border-bottom: none;
}
.jc_rank img {
    width: 130px;
    height: 80px;
}
.jc_rank .txt {
    height: 80px;
    width: 180px;
    margin-left: 10px;
}
.jc_rank .txt .title {
    font-size: 14px;
    line-height: 18px;
    margin-top: 10px;
    color: #333333;
    margin-bottom: 10px;
    height: 36px;
    overflow: hidden;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
}
.jc_rank .txt .detail{
    font-size: 12px;
    color: #666;
}
.jc_rank .txt .detail .onclick{
    margin-left: 15px;
}
.jc_rank .txt .title:hover{
    color: #41d490;
}

.zjbb-list{margin: 0 20px;padding-bottom: 8px;}
.zjbb-list .list-item { width: 33.3333%; float: left; text-align: center; margin-bottom: 26px; }
.zjbb-list .item-img { margin-bottom: 5px; }
.zjbb-list .item-title { padding: 0 5px; height:30px; line-height:30px; overflow:hidden; text-overflow:ellipsis}

/* 新增猜你想搜20200624 */
.m-rank .guess{width:50%;float: left;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;vertical-align: middle;}
.m-rank .guess .guess-link{color:#41d490;line-height: 28px;font-size:14px;}
.m-rank .guess:nth-child(1) .num{color: #ff6b66;}
.m-rank .guess:nth-child(2) .num{color: #ff6b66;}
.m-rank .guess:nth-child(3) .num{color: #ff6b66;}
.m-rank .guess .num{font-family: Arial, Helvetica, sans-serif;display: inline-block;width: 26px;text-align: center;font-size:14px;color:#c7c7c7;margin-right:8px;font-weight: bold;}
.m-rank .guess .top,.m-rank .guess .second,.m-rank .guess .third{color:#ff6b66;}


/*详情页*/
.g-main dt,.g-main dd {}
.g-main dt .m-rightdiv 	{ background-color: #fff;box-shadow:0px 0px 2px #cfcfcf; position: relative; overflow: hidden; margin: 0 0 15px}
.g-main dd .m-leftdiv,.m-newsuldiv {background-color: #fff;;box-shadow:0px 0px 2px #cfcfcf; position: relative; overflow: hidden; margin: 0}
/* 内容 */
.m-newsmain { padding: 0 20px;  }
.m-newsmain h1 { line-height: 42px; padding: 20px 0 10px;text-align: center; }
.m-newsmain .m-infomain { color: #aaa ; font-size: 14px; margin-bottom: 20px;border-bottom: 1px #d3d3d3 dashed ;text-align: center;    height: 40px;    overflow: hidden;}
.m-newsmain .m-infomain span { margin: 0 10px }
.m-newsmain .m-infomain span i {font-style: normal;}
.m-newsmain .m-infomain a { color: #aaa }
.m-newsmain .m-infomain a:hover { color: #41d490 }

.m-newsmain .m-main { font-size: 16px; margin-bottom:20px;}

.m-newsmain .m-main p{ margin-bottom: 28px; line-height: 30px; color: #555; text-indent: 2em; width:100%;}
.m-newsmain .m-main a{/*color: #555;*/color: #ff9900;}
.m-newsmain .m-main p img { max-width: 640px; text-indent:-2em; text-align:center; margin:0 auto; display: block;}
.m-newsmain .m-main h3 { height: 50px; line-height: 50px; background-color: #f5f5f5; display: inline-block; font-size: 24px; margin-bottom:20px; position: relative;border-left: 4px #41d490 solid; font-weight:normal; text-indent:20px;}
.m-newsmain .m-main h4 { font-size: 18px; color: #3fae5f; margin-bottom: 20px; }

.m-imgdiv ul{   }
.m-imgdiv li{ width: 385px; margin: 0 0 0 20px; }
.m-imgdiv li a.f-fl { margin: 0 20px 0 0 }
.m-imgdiv li a.f-fl img { display:block; width: 168px; height: 112px }
.m-imgdiv li div p { height: 42px; line-height: 22px; overflow:hidden; margin-bottom: 8px }
.m-imgdiv li div p a {  font-size: 16px; }
.m-imgdiv li .m-info { color: #aaa; font-size: 12px; height: 62px; line-height: 20px; overflow:hidden }
.m-txtdiv {}
.m-txtdiv ul{  padding: 10px 0 10px }
.m-txtdiv li{ width: 385px; margin: 0 0 0 20px; height: 28px; line-height: 28px; overflow:hidden }
.m-txtdiv li span { color: #999 }
.m-txtdiv li a{ font-size: 14px; }
.m-txtdiv li a b { float: left; width: 4px; height: 4px; background-color: #0ad; margin:12px 5px 0 0  }

.m-xhdiv {}
.m-xhdiv ul{ padding-bottom: 10px }
.m-xhdiv ul li{  margin:0 0 10px 21px; }
.m-xhdiv ul li a { display: block;width: 80px; height: 35px; line-height: 35px; font-size: 14px; text-align: center; border: 1px #eee solid; border-radius: 8px;  overflow: hidden; padding: 0 10px}
.m-xhdiv ul li a:hover { background-color: #41d490; color: #fff }


/* 留言*/
button, input, select, textarea, a{outline:none;}
#s_comment textarea {border: 1px solid #ececec;padding: 3px 0;width: 100%;height:96px;line-height:24px;margin: 0px 0px 10px 0px ;text-indent: 5px; font-size: 14px;}
#s_comment .comment_btn {padding: 0 0px 20px;text-align: left;}
#comment_list {color: #2f2f2f;padding: 1px;zoom: 1;font-size: 12px;padding: 0 15px;overflow: hidden; position: relative;}
#s_comment .comment_btn input {width: 146px;height: 40px;line-height: 40px;color: #fff;border: 0 none;padding: 0;margin-right: 15px;background: #ff994c;cursor: pointer;font-size: 18px;}
#s_comment .comment_btn span {font-size: 14px;color: #555;}
#comment_list dt { line-height:28px; height:28px; overflow:hidden; padding:0; }
#comment_list dt span {float: left;}
#comment_list dt em {float: right;font-style: normal;}
.lookpl a {margin: 10px auto;width: 65%;height: 30px;line-height: 30px;font-size: 13px;text-align: center;color: #7e7e7e;background: #f8f8f8;border-radius: 20px;display: block;font-weight: normal;}
.lookpl a i{color: #41d490;}
#comment_list dd { word-wrap: break-word; line-height:20px; padding:10px 0px; margin:0; font-size: 14px;border-bottom: 1px dashed #e5e5e5;margin-bottom: 10px;}
#comment_list p {text-align: right;line-height: 1;padding: 5px 0;font-size: 12px;margin-top: 10px;}
#comment_list p a {color: #7e7e7e;margin-left: 10px;}
#comment_list h2 span {font-size: 16px;color: #f60;font-weight: normal;}
#comment_list h2 {height: 30px;padding: 0px;margin-bottom: 10px;border-bottom: 1px solid #ddd;}
#comment_list dt b {margin: 0 6px;color: #d92227;font-weight: normal;}

#comment_list .quote, #comment_list .quote span { text-indent:0; text-align:left; }
#comment_list {  color:#2f2f2f; padding:1px; zoom:1; font-size:12px; padding: 0 15px;overflow: hidden; }
#comment_list dt { line-height:28px; height:28px; overflow:hidden; padding:0; }
#comment_list h2 {  height:30px; padding:0px;margin-bottom:10px;border-bottom: 1px solid #ddd }
#comment_list h2 em {    float: left;    margin-right: 8px;    width: 4px;
    height: 17px;    background: #e0e0e0;    border-radius: 2px;margin-top: 4px;}
#comment_list h2 span { font-size:16px; color:#333; font-weight: normal; }
#comment_list dl { padding: 0; text-align: left; }
#comment_list dd { word-wrap: break-word; line-height:20px; padding:10px 0px; margin:0; font-size: 14px;border-bottom: 1px dashed #e5e5e5;margin-bottom: 10px;}
#comment_list dd img { margin-top:-5px; }
#comment_list blockquote, #comment_list .quote { padding:3px 3px 5px; margin:0 0 5px 0; border:1px solid #bfbfbf; background:#fffde9; color:#000; }
#comment_list blockquote h4, #comment_list .quote span { color:#666; padding:0 3px; font-weight:normal; font-size:12px; display:block; background:none; }
#comment_list blockquote h4 cite { font-style:normal; }
#comment_list blockquote div { padding:0 7px; }
#comment_list dt i { font-family:verdana; font-style:normal; }
#comment_list dt b { margin:0 6px; color:#d92227; font-weight: normal; }
#comment_list p { text-align:right; line-height:1; padding:5px 0; font-size: 12px; margin-top:10px; }
#comment_list p a { color:#7e7e7e; margin-left:10px; }
#comment_list dt span { float:left; }
#comment_list dt em { float:right; font-style:normal; }



.down_qijchunj{width: auto;height: auto;overflow: hidden;}
.li_inqjcj{margin-bottom: 15px;width: 100%;height: 80px;padding-bottom: 15px;border-bottom: 1px dashed #ccc;}
.li_inqjcj a{cursor: pointer;display: inline-block;height: 110px;width: 100%;overflow: hidden;}
.li_inqjcj a img{float: left;width: 120px;height: 80px;margin-right: 10px;}
.tit_inqjcj{height: 110px;overflow: hidden; margin-left:130px}
.tit_aqj{width: 170px;height: 25px;display: inline-block;font-size: 14px;overflow: hidden; text-overflow:ellipsis; color:#333;line-height:25px;}
.span_qi{color:#999;font-size: 12px;display: inline-block;height: 50px;line-height: 25px; overflow:hidden; text-overflow:ellipsis;}
.li_inqjcj a:hover .tit_aqj{color:#41d490;}


.Min2 .title { font-size: 24px; color: #333; font-weight: bold; width: 100%; height: 30px; line-height: 30px; overflow: hidden; margin-top:30px;}
.Min2 .M2L { width: 300px; }
.Min2 .M2L ul { width: 100%; }
.Min2 .M2L ul li { width: 100%; height: 80px; overflow: hidden; background: #f7f7f7; margin-top: 10px; position: relative; }
.Min2 .M2L ul li:hover { box-shadow: 1px 2px 8px #eee; -webkit-box-shadow: 1px 2px 8px #eee; }
.Min2 .M2L ul li:hover .btn { bottom: 0; }
.Min2 .M2L ul li .brand { height: 80px; float: left; border-left: 2px solid #a5dc6e; }
.Min2 .M2L ul li .brand span { background: url(logolis.png) no-repeat; height: 78px; width: 180px; margin: 1px; display: block; }
.Min2 .M2L ul li .name { float: right; display: block; width: 116px; text-align: center; }
.Min2 .M2L ul li .name p { font-size: 18px; font-weight: bold; color: #555; line-height: 36px; margin-top: 8px; }
.Min2 .M2L ul li .name span { font-size: 16px; color: #14cc8f; }
.Min2 .M2L ul li .btn { width: 100%; height: 80px; left: 0; bottom: 80px; background: rgba(0, 0, 0, 0.7); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#B2000000,endColorstr=#B2000000); position: absolute; display: block; transition: all .15s linear; -webkit-transition: all .15s linear; }
.Min2 .M2L ul li .btn span { display: block; margin: 0 auto; width: 120px; height: 40px; background: #14cc8f; color: #fff; font-size: 14px; font-weight: bold; text-align: center; line-height: 40px; margin: 20px auto; border-radius: 4px; transition: all .1s linear; -webkit-transition: all .1s linear; }
.Min2 .M2L ul li .btn span:hover { opacity: 0.8; filter: alpha(opacity=80); }
.Min2 .M2L ul .li1 .brand { border-color: #a5dc6e; }
.Min2 .M2L ul .li1 .brand span { background-position: -20px -78px; }
.Min2 .M2L ul .li1 .name span, .Min2 .M2L ul .li1 .name span p { color: #a5dc6e; font-size:16px; font-weight:normal;margin-top:-5px;}
.Min2 .M2L ul .li2 .brand { border-color: #c3b2e5; }
.Min2 .M2L ul .li2 .brand span { background-position: -20px -468px; }
.Min2 .M2L ul .li2 .name span, .Min2 .M2L ul .li2 .name span p { color: #c3b2e5; font-size:16px; font-weight:normal;margin-top:-5px; }
.Min2 .M2L ul .li3 .brand { border-color: #ffc194; }
.Min2 .M2L ul .li3 .brand span { background-position: -20px -390px; }
.Min2 .M2L ul .li3 .name span, .Min2 .M2L ul .li3 .name span p { color: #ffc194; font-size:16px; font-weight:normal;margin-top:-5px; }
.Min2 .M2L ul .li5 .brand { border-color: #fea8a8; }
.Min2 .M2L ul .li5 .brand span { background-position: -20px -156px; }
.Min2 .M2L ul .li5 .name span, .Min2 .M2L ul .li5 .name span p { color: #fea8a8; font-size:16px; font-weight:normal;margin-top:-5px; }
.Min2 .M2L ul .li4 .brand { border-color: #92bfec; }
.Min2 .M2L ul .li4 .brand span { background-position: -20px -312px; }
.Min2 .M2L ul .li4 .name span, .Min2 .M2L ul .li4 .name span p { color: #92bfec; font-size:16px; font-weight:normal;margin-top:-5px; }
.Min2 .M2L ul .li6 .brand { border-color: #7bdcbc; }
.Min2 .M2L ul .li6 .brand span { background-position: -20px 0; }
.Min2 .M2L ul .li6 .name span, .Min2 .M2L ul .li6 .name span p { color: #7bdcbc; font-size:16px; font-weight:normal;margin-top:-5px; }
.Min2 .M2L ul .li7 .brand { border-color: #e5ba39; }
.Min2 .M2L ul .li7 .brand span { background-position: -20px -234px; }
.Min2 .M2L ul .li7 .name span, .Min2 .M2L ul .li7 .name span p { color: #e5ba39; font-size:16px; font-weight:normal;margin-top:-5px; }


.g-special-domes{ overflow:hidden; position:relative; margin:15px;}
.g-special-domes b{display: block;top: 0px;position: absolute;font-family: serif;height: 133px;width: 30px;line-height: 133px;font-size: 30px;font-weight: bold;color: #999;text-align: center;background: #e6e6e6;cursor: pointer;}
.g-special-domes b.g-scroll-left{ left:0px;}
.g-special-domes b.g-scroll-right{right:0px;}
.g-special-domes b:hover{ color:#FF4939}
.g-special-domes .g-special-conts{ overflow:hidden; margin:0px auto; height:133px; width:1100px;}
.g-special-domes .g-special-conts ul li{width: 266px;height: 133px;float: left;margin: 0 4px 0 5px;display: inline;overflow: hidden;}
.g-special-domes .g-special-conts ul li a {width: 100%;height: 133px;display: block;overflow: hidden;position: relative;zoom: 1;}
.g-special-domes .g-special-conts ul li a strong{ width:100%; height:26px; line-height:26px; font-size:14px; font-weight:normal; color:#fff; text-shadow:1px 1px 2px #000; text-align:center; display:block; overflow:hidden; position:absolute; left:0; bottom:0; 
background:-moz-linear-gradient(top,rgba(255,255,255,0),rgba(0, 0, 0, 0.7));
background-image:-webkit-gradient(linear, left top, left bottom, color-stop(0,rgba(255,255,255,0)), color-stop(1, rgba(0,0,0,0.7))); 
background: -ms-linear-gradient(top,rgba(255,255,255,0) 0%,rgba(0,0,0,0.7) 100%); /*IE9+*/
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#000000', endColorstr='#000000',GradientType=0 );/*IE9-*/}
.g-special-domes .g-special-conts ul li a:hover strong{color: #FF4939;}



.m-rank .rank-title { margin-top: -4px; font-size: 22px; line-height: 30px; height: 30px; margin-bottom: 4px; overflow: hidden; background-position: -237px 6px; padding-left: 30px; letter-spacing: 2px; }
.m-rank .rank-item { padding-top: 16px; }
.m-rank.rank-toggle .rank-item.on .g-sort-num { font-weight: normal; }
.m-rank.rank-toggle .rank-item.on .item-name { color: #333; font-size: 16px; font-weight: bold; }
.m-rank.rank-toggle .rank-item.on .item-name:hover { color: #41d490; }
.m-rank.rank-toggle .rank-item.on .item-info { display: block; }
.m-rank .item-info { display: none; padding-top: 14px; margin-bottom: -2px; }
.m-rank .g-sort-num { width: 20px; height: 20px; line-height: 20px; margin-right: 10px; margin-top: 2px; *margin-top: 0; }
.m-rank .item-grade { font-size: 12px; line-height: 18px; color: #999; height: 36px; overflow: hidden; }
.m-rank .g-star { vertical-align: top; margin-top: 3px; }
.m-rank .item-name { display: block; width: 100%; height: 24px; line-height: 24px; font-weight: normal; *white-space: normal; overflow:hidden; text-overflow:ellipsis; }
.m-rank .item-btn { width: 92px; height: 28px; line-height: 28px; text-align: center; display: inline-block; -webkit-border-radius: 2px; -moz-border-radius: 2px; border-radius: 2px; border: 1px solid #41d490; color: #41d490; position: relative; }
.m-rank .item-btn:hover { color: #fff; background: #41d490; }


.g-sort-num { background: #c7c7c7; display: inline-block; vertical-align: top; border-radius: 2px; -webkit-border-radius: 2px; text-align: center; color: #fff; font-size: 14px; margin-right: 5px; }
.m-rank ul li:first-child .g-sort-num{ background: #ff6b66; }
.m-rank ul li:nth-child(2) .g-sort-num{ background: #ff8652; }
.m-rank ul li:nth-child(3) .g-sort-num{ background: #ffa742; }


.con_correlation {
    margin: 20px auto 0 auto;
    width: 1160px;
    padding: 20px;
    background: #fff;
    height: 460px;
    box-shadow: 0px 0px 2px #cfcfcf;
}

.con_correlation h2 {
	font-size: 24px;
	margin-bottom: 10px
}
.video_l {
	margin: 20px auto 0;
	width: 1160px;
	height: 220px;
}

.video_l>div {
	float: left;
	width: 273px;
	margin: 0 22px 22px 0
}

.video_l>div>a {
	float: left;
	width: 100%;
	display: inline-block;
	position: relative
}

.video_l>div>a>i {
	width: 100%;
	height: 131px;
	position: relative;
	display: inline-block;
	overflow: hidden;
	float: left
}

.video_l>div>a>i img {
	float: left;
	width: 100%;
	height: 100%
}

.video_l>div>a>i em {
	position: absolute;
	right: 0;
	bottom: 0;
	width: 36px;
	height: 24px;
	color: #fff;
	font-size: 12px;
	background-color: rgba(0,0,0,.5);
	text-align: center;
	line-height: 24px
}

.video_l>div>a:hover strong {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 131px;
	background: url(play.png) center center no-repeat rgba(51,51,51,.5);
	background-size: 57px 57px;
	display: block
}

.video_l>div>a div,.video_l>div>span {
	line-height: 48px;
	background-color: #f8f8f8;
	float: left;
	box-sizing: border-box
}

.video_l>div>a span {
	float: left;
	width: 100%;
	border: 1px solid #f0f0f0;
	box-sizing: border-box;
	border-top: 0;
	/*border-bottom: 0*/
}

.video_l>div>a span p {
	float: left;
	width: 213px;
	margin: 15px 10px 0;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap
}

.video_l>div>a span em {
	float: left;
	width: 213px;
	margin: 10px
}

.video_l>div>a span em i {
	float: left;
	color: #999;
	font-size: 12px;
	margin-right: 15px
}

.video_l>div>a div i,.video_l>div>span a i {
	font-size: 14px;
	color: #6ec3c6
}

.video_l>div>a div {
	height: 48px;
	width: 100%;
	border: 1px solid #f0f0f0;
	border-top: 0
}

.video_l>div>a div img {
	float: left;
	width: 30px;
	height: 30px;
	border-radius: 50%;
	margin: 9px 12px 0
}

.video_l>div>a:hover p {
	color: #6ec3c6
}

.video_l>div:nth-child(4n) {
	margin-right: 0
}

.video_l>div>span {
	height: 48px;
	width: 100%;
	border: 1px solid #f0f0f0;
	border-top: 0
}

.video_l>div>span a {
	float: left;
	width: 100%;
	text-decoration: none
}

.video_l>div>span a img {
	float: left;
	width: 30px;
	height: 30px;
	border-radius: 50%;
	margin: 9px 12px 0
}
.video_l>div:hover {
	-moz-box-shadow: 2px 2px 7px rgba(51,51,51,.3);
	-webkit-box-shadow: 2px 2px 7px rgba(51,51,51,.3);
	box-shadow: 2px 2px 7px rgba(51,51,51,.3)
}




.con_correlation .correlation_list,.con_correlation h2 {
	width: 100%;
	float: left
}

.con_correlation h2 {
	font-size: 24px;
	color: #6ec3c6;
	margin-bottom: 10px
}

.con_correlation .correlation_list span {
	width: 560px;
	float: left;
	margin: 0 20px 0px 0
}

.con_correlation .correlation_list span a {
	float: left;
	width: 100%;
	height: 40px;
	line-height: 40px;
	display: inline-block;
	color: #555;
	font-size: 14px;
	border-bottom: 1px dotted #eee;
	box-sizing: border-box;
	background: url(play_4.png) left center no-repeat;
	background-size: 16px 16px;
	text-indent: 25px;
	text-decoration: none
}

.con_correlation .correlation_list span a h3 {
	color: #555;
	font-size: 14px;
	float: left;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
	width: 390px
}

.con_correlation .correlation_list span a i {
	color: #999;
	font-size: 12px
}

.con_correlation .correlation_list span a:hover h3 {
	color: #6ec3c6
}

.con_correlation .correlation_list span a:last-child {
	border-bottom: 0
}

.con_correlation .correlation_list span:last-child {
	margin-right: 0
}


.video_others .onclick{
    background: url(play3.png) left center no-repeat;
    background-size: 13px 13px;
    line-height: 56px;
    padding-left: 20px;
}
.video_others .time{
    background: url(time.png) left center no-repeat;
    background-size: 13px 13px;
    line-height: 56px;
    padding-left: 20px;
}
.video_others .diggtop{

}
.video_others .diggtop a{
    background: url(b.png) left center no-repeat;
    background-size: 13px 13px;
    line-height: 56px;
    padding-left: 20px;
    /*display: inline-block;*/
}
.video_others .diggtop a span, .video_others .diggtop span{
    color: #fff;
}


.m-main h3, .art_cont h3 {
    /*height: 36px;*/
    /*line-height: 36px;*/
    background-color: #f5f5f5;
    /*color: #41d490;*/
    display: inline-block;
    font-size: 24px;
    margin-bottom: 20px;
    position: relative;
    border-left: 4px #41d490 solid;
    width: 100%;
}


/*专题汇总*/
.s-soft-coll{padding:15px; background:#fff}
.m-zt-tab.g-title { border-color: #41d490; }
.m-zt-tab .info { width: 315px; overflow: hidden; }
.m-zt-tab .tag { float: left; margin-top: 1px; font-size: 18px; font-weight: bold; }
.m-zt-tab .text { color: #999; }
.m-zt-tab .letter { color: #f0f0f0; margin-left: 3px; }
.m-zt-tab .m-ctrl-group .page { float: left; margin-left: 10px; line-height: 30px; }
.m-zt-img-title.zt-course .list { margin-left: -20px; }
.m-zt-img-title.zt-course .item { width: 588px; margin-left: 20px; }
.m-zt-img-title .list { }
.m-zt-img-title .item { width: 380px; text-align: center; float: left; margin-right: 15px; margin-top: 15px; border: 1px solid #ededed; }
.m-zt-img-title .item:nth-child(3n) {margin-right:0px;}
.m-zt-img-title .title { font-size: 16px; line-height: 44px; padding: 0 10px; }
.s-soft-coll .m-img-title-cov .item, .s-hot-zt .m-img-title-cov .item, .s-zt-summary .m-img-title-cov .item, .s-az-recom .m-img-title-cov .item { width: 360px; }
.s-soft-coll .m-img-title-cov .desc, .s-hot-zt .m-img-title-cov .desc, .s-zt-summary .m-img-title-cov .desc, .s-az-recom .m-img-title-cov .desc { margin-bottom: 20px; }

.m-img-title-cov { }
.m-img-title-cov .item { float: left; margin-right: 20px; margin-left:0px; margin-bottom: 20px; width: 60px; border: 1px solid #f2f2f2; position: relative; overflow: hidden; }
.m-img-title-cov .item:nth-child(3n) {margin-right:0px;}
.m-img-title-cov .item:hover .cover { top: 0; }
.m-img-title-cov .title { text-align: center; font-size: 16px; font-weight: normal; line-height: 43px; height: 43px; padding: 0 10px; background:#f5f5f5; }
.m-img-title-cov .cover { -webkit-transition: top 0.4s; -moz-transition: top 0.4s; transition: top 0.4s; position: absolute; left: 0; top: 100%; width: 100%; height: 100%; background: #fff; }
.m-img-title-cov .cover .title { font-size: 18px; color: #fff; background: #41d490; }
.m-img-title-cov .cover .desc { line-height: 28px; height: 112px; overflow: hidden; padding: 10px 10px 0; color: #999; margin-bottom: 10px; }
.m-img-title-cov .cover .info { padding: 10px; }
.m-img-title-cov .cover .count { background: -264px -190px url(sp_2.png) no-repeat; padding-left: 32px; display: inline-block; height: 20px; color: #ff3e3e; }

.g-tab-title .tab-item.cur {font-size: 22px;font-weight: bold;}
.g-tab-title {
    padding-bottom: 12px;
    border-color: #41d490;
}

/*最近更新*/
.m-lalink {height:60px;line-height:60px;font-size:18px;background:white;width:1200px}
.m-lalink a{height:60px;width:200px;text-align:center;}
.m-lalink a.f-hover {width:200px;background:url("gx_bks.jpg") no-repeat;color:#20aef0;}
.iconimg{display:inline-block;width:30px;height:30px;background:url("icons.png") no-repeat 0px -30px;}
.m-rjtj ul li{position:relative;}
.m-rjtj ul li .m-ntit { width: 125px }
.m-rjtj ul li .m-ntit .pnam{height: 20px; line-height: 20px; overflow: hidden; color: #2a2a2a; font-size: 14px; }

.m-rjtj ul li .m-ntit .pnam a:hover { color: #20aef0 }
.m-rjtj ul li .fr-download{position:absolute;top:15px;right:10px;height:40px;width:30px;margin-top:15px}
.pname{font-size:14px; height: 22px; line-height: 22px; overflow: hidden;}
.m-rjtj ul li  .pname a:hover{color: #20aef0}
.m-rjtj ul li .fr-download a:hover .iconimg{display:inline-block;width:30px;height:30px;background:url("icons.png") no-repeat 0px 0px;}
.a-title.f-hover{color:#20aef0;}
.m-rjtj ul li.f-ix{border:1px solid #20aef0;}
.m-rjtj ul li  p.titlep{color: #20aef0;}
.m-rjtj .jkgx{margin:0px 0 30px 0 ;}
.m-rjtj .jkgx li { position:relative;font-size: 14px; display: block;overflow: hidden;border-bottom:1px solid #eaeaea;border-top:0px solid #eaeaea;width:1200px;heihgt:0;margin:0;padding:0; }
.m-rjtj .jkgx li a{color:#333333}
.jkgx li .litime{ height:50px; line-height: 50px; overflow: hidden; font-size: 14px;border-left:1px solid #eaeaea;margin-left:80px;margin-top:0;margin-bottom:0; padding-left:30px;font-weight:normal;}
.jkgx li .litime span { position:absolute;right:20px;top:0;font-size:14px;  font-weight: bold;font-weight:normal;display:inline;zoom:1  }
.jkgx li .m-cs { display: none; margin-top:0;margin-bottom:0; margin-left:80px;height:70px;line-height:35px;border-left:1px solid #eaeaea;}
.jkgx li .m-cs .m-txt-detail{display:inline-block;zoom:1;width:1065px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;margin-left:30px}
.jkgx li a{text-decoration:none;color:#000;}
.jkgx li.f-ii a{color:white;}
.jkgx li.f-ii p{ display: block; background:#27b7ff;border-left:1px solid transparent;}
.jkgx li.f-ii h6{ background:#27b7ff;border-left:1px solid transparent;border-bottom:1px solid #eaeaea;}

.jia{display:inline-block;width:30px;height:30px ;background:url("icons.png") no-repeat -35px 0;position:absolute;top:8px ;left:23px;}
.jicon{background-position:-35px -23px;}
.libk{background:#00aaff;}
.m-rjtj, .m-rtop {
    overflow: hidden;
    padding-top: 20px;
    background: #fff;
}

.w3-border {
    border: 1px solid #ccc!important;
}

.w3-table-all {
    border: 1px solid #ccc;
}
.w3-table, .w3-table-all {
    border-collapse: collapse;
    border-spacing: 0;
    width: 100%;
    display: table;
}
.w3-table-all tr:nth-child(odd) {
    background-color: #fff;
}
.w3-table-all tr:nth-child(even) {
    background-color: #f1f1f1;
}
.w3-bordered tr, .w3-table-all tr {
    border-bottom: 1px solid #ddd;
}
.w3-table th:first-child, .w3-table td:first-child, .w3-table-all th:first-child, .w3-table-all td:first-child {
    padding-left: 16px;
}
.w3-table td, .w3-table th, .w3-table-all td, .w3-table-all th {
    padding: 8px 8px;
    display: table-cell;
    text-align: left;
    vertical-align: top;
}