﻿.slist-abox {margin-top: 14px;border: 1px solid #ddd;border-top: 2px solid #45B823;background-color: #F4F4F4;color: #666;}
.slist-abox-head {position: relative;height: 45px;overflow: hidden;}
.slist-abox-head .slist-abox-title {float: left;line-height: 45px;margin: 0px;font-family: PingFangSC-Semibold;font-size: 20px;color: #666666;text-align: left;padding: 0px 20px;}
.slist-abox-head .slist-abox-desc {float: left;font-family: PingFangSC-Regular;font-size: 16px;color: #666666;margin: 15px 0px 0px;padding: 7px 5px;border-bottom: 2px solid #ddd;line-height: 14px;}
.slist-abox-head .bdsharebuttonbox {width: 400px;margin: 10px 0px 0px 290px;}
.slist-abox-head .bdsharebuttonbox span {float: left;margin: 10px;font-size: 16px;}
.slist-abox-text {padding: 10px;margin: 0 10px;text-indent: 2em;border-top: 1px solid #eee;font-family: PingFangSC-Regular;font-size: 14px;color: #666666;}
.slist-ahot {margin-top: 20px;border: 2px solid #009933;}
.slist-ahot>p {color: #666;font-weight: normal;height: 22px;line-height: 22px;font-family: PingFangSC-Semibold;font-size: 16px;text-align: left;margin: 14px 20px 0px;}
.slist-ahot .slist-ahot-list li {float: left;width: 60px;margin: 9px 0px 19px 36px;display: inline;overflow: hidden;}
.slist-ahot .slist-ahot-list img {display: block;width: 60px;margin: 0 auto;}
.slist-ahot .slist-ahot-list span {display: block;height: 20px;width: 60px;line-height: 20px;overflow: hidden;margin-top: 8px;text-align: center;font-family: PingFangSC-Regular;font-size: 15px;color: #666666;}
.slist-ahot .slist-ahot-list span:hover {color: #14A218;text-decoration: underline;}
.classify-pos {width: 100%;position: relative;}
.classify-pos ul li {float: left;background: #f4f4f4;width: 148px;height: 32px;margin-right: 2px;margin-bottom: 2px;}
.classify-pos ul li a {display: inline-block;width: 100%;height: 32px;line-height: 32px;text-align: center;}
.classify-pos ul .active {background-color: #55b82e;}
.classify-pos ul .active a {color: #ffffff;}
.list-hot .list-hot-nav {position: relative;}
.list-hot .list-hot-nav ul li {float: left;width: 149px;height: 40px;line-height: 40px;font-size: 16px;color: #666666;letter-spacing: 0;text-align: center;cursor: pointer;}
.list-hot .list-hot-nav ul .ext {float: left;height: 35px;line-height: 35px;color: #dddddd;width: 1px;}
.list-hot .list-hot-nav ul .active {border-bottom: 3px solid #55b82e;color: #55b82e;}
.list-hot .list-hot-cont ul {display: none;}
.list-hot .list-hot-cont ul li {float: left;height: 20px;line-height: 20px;width: 150px;margin-top: 10px;overflow: hidden;white-space: nowrap;text-overflow: ellipsis;}
.list-hot .list-hot-cont ul li img {width: 16px;height: 16px;margin-right: 7px;}
.hot-week {position: relative;width: 300px;}
.hot-week>p {font-size: 16px;color: #666666;height: 38px;line-height: 38px;border-bottom: 1px solid #dddddd;}
.hot-week ul li {height: 60px;margin-top: 12px;}
.hot-week ul li>a:hover {text-decoration: none;}
.hot-week ul li img {float: left;width: 60px;height: 60px;margin-right: 10px;}
.hot-week ul li>a span {font-weight: 600;font-size: 14px;color: #555555;letter-spacing: 0;text-align: left;overflow: hidden;white-space: nowrap;text-overflow: ellipsis;float: left;width: 230px;}
.hot-week ul li>a span:hover {color: #888888;}
.hot-week ul li p {margin: 8px 0px 0px;font-size: 12px;letter-spacing: 0;text-align: left;line-height: 18px;overflow: hidden;float: left;width: 230px;}
.mark-pos {position: relative;height: 48px;line-height: 48px;background: #f9f9f9;border: 1px solid #e1e1e1;}
.mark-pos h1 {float: left;font-size: 16px;color: #666666;text-align: left;padding: 1px 7px;border-left: 4px solid #5aba35;margin: 12px 11px;font-weight: 600;line-height: 18px;}
.mark-pos h2 {float: left;font-size: 16px;color: #666666;text-align: left;padding: 1px 7px;border-left: 4px solid #5aba35;margin: 12px 11px;font-weight: 600;line-height: 18px;}
.mark-pos .list-ord {float: right;}
.mark-pos .list-ord li {float: left;width: 50px;height: 48px;text-align: center;margin: 0px 10px;}
.mark-pos .list-ord .active {border-bottom: 4px solid #5aba35;}
.mark-pos .list-ord .active > a {color: #5aba35;}
.cat-list {clear: both;}
.cat-list li {overflow: hidden;zoom: 1;vertical-align: middle;border-bottom: 1px dotted #eee;position: relative;min-height: 48px;padding: 20px 0px;}
.cat-list li .down-img {float: left;padding-right: 20px;}
.cat-list li .down-img img {float: left;width: 100px;height: 100px;}
.cat-list li .down-text {float: left;width: 520px;}
.cat-list li .down-text .title {margin-bottom: 8px;}
.cat-list li .down-text .title a {text-decoration: none;}
.cat-list li .down-text .title a p {font-size: 20px;color: #555555;letter-spacing: 0;text-align: left;height: 28px;line-height: 28px;display: inline-block;}
.cat-list li .down-text .title a p:hover {color: #8e8e8e;}
.cat-list li .down-text .desc {float: left;width: 500px;margin-right: 20px;font-size: 14px;color: #666666;letter-spacing: 0;text-align: left;height: 40px;line-height: 20px;overflow: hidden;margin-bottom: 8px;}
.cat-list li .down-text .soft-ext {color: #999;}
.cat-list li .down-text .soft-ext span {margin-right: 10px;}
.cat-list li .down-load {display: block;float: right;background: #5ac231;width: 90px;height: 36px;font-size: 16px;color: #ffffff;line-height: 36px;text-align: center;margin-top: 32px;}
.cour-list li {overflow: hidden;zoom: 1;vertical-align: middle;border-bottom: 1px dotted #eee;position: relative;min-height: 48px;padding: 20px 0px;}
.cour-list li>p {font-size: 20px;color: #555555;margin-bottom: 10px;}
.cour-list li>p a {font-size: 20px;}
.cour-list li>p a:hover {color: #888888;text-decoration: none;}
.cour-list li .cour-cont a img {float: left;width: 180px;height: 120px;margin-right: 20px;}
.cour-list li .cour-cont .cour-text {float: left;width: 680px;}
.cour-list li .cour-cont .cour-text .desc {float: left;font-size: 14px;color: #666666;height: 80px;line-height: 20px;overflow: hidden;}
.cour-list li .cour-cont .cour-text .course-info {position: absolute;width: 680px;bottom: 20px;}
.cour-list li .cour-cont .cour-text .course-info .type {float: left;font-size: 12px;color: #999999;height: 20px;line-height: 20px;}
.cour-list li .cour-cont .cour-text .course-info .type a {cursor: pointer;font-size: 12px;color: #999999;}
.cour-list li .cour-cont .cour-text .course-info .info {float: right;}
.cour-list li .cour-cont .cour-text .course-info .info span {float: left;font-size: 12px;color: #999999;margin: 2px 15px 0px;}
