*:not(input, textarea) {
    -webkit-touch-callout: inherit;
    -webkit-user-select: auto;
}

:root {
    --main-color: #03B07A;
    --second-color: #cff7eb;
}

html {
    width: 100%;
    height: 100%;
    height: auto;
}

body,
h1,
h2,
h3,
h4,
h5,
h6,
hr,
p,
blockquote,
dl,
dt,
dd,
ul,
ol,
li,
pre,
form,
fieldset,
legend,
button,
input,
textarea,
th,
td {
    margin: 0;
    padding: 0;
    word-wrap: break-word;
    font-size: 100%;
}

table {
    border-collapse: collapse;
    border-spacing: 0;
}

img {
    border: none
}

pre {
    white-space: pre-wrap;
    /* css-3 */
    white-space: -moz-pre-wrap;
    /* Mozilla, since 1999 */
    white-space: -pre-wrap;
    /* Opera 4-6 */
    white-space: -o-pre-wrap;
    /* Opera 7 */
    word-wrap: break-word;
    /* Internet Explorer 5.5+ */
}

h1,
h2,
h3,
h4,
h5,
h6 {
    font-size: 100%;
}

input.dialog {
    height: 0;
    height: 0;
    font-size: 0;
    line-height: 0;
    border: none
}

input,
label,
img,
th {
    vertical-align: middle;
}

.font-fixh {
    font-family: arial, "Microsoft Yahei", "Hiragino Sans GB", sans-serif;
    color: #f00;
    font-size: 12px;
    font-weight: 700;
}

address,
cite,
dfn,
em,
var {
    font-style: normal;
}

code,
kbd,
pre,
samp {
    font-family: arial, "Microsoft Yahei", "Hiragino Sans GB", sans-serif;
}

input.button,
input.btn {
    padding: 0.25em;
    width: auto;
    _width: 0;
    overflow: visible !ie;
}

ul,
ol,
li {
    list-style: none;
}

a {
    text-decoration: none;
    color: #333;
}

a:hover {
    text-decoration: none;
}


/*通用样式*/

.hidden {
    display: none;
}

.invisible {
    visibility: hidden;
}

.clear:after {
    content: ".";
    display: block;
    height: 0;
    clear: both;
    visibility: hidden;
}

.clear,
.main {
    display: inline-block;
}


/* Hides from IE-mac \*/

* html .clear,
* html .main {
    height: 1%;
}

.clear,
.main {
    display: block;
}

body a:hover {
    text-decoration: none;
}

body {
    font-family: arial, "Microsoft Yahei", "Hiragino Sans GB", sans-serif;
    font-size: 14px;
    color: #333;
    overflow-x: hidden;
    -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
    -webkit-text-size-adjust: none;
    margin: 0 auto;
    padding-bottom: 75px;
    position: relative;
    min-width: 320px;
    max-width: 640px;
    overflow-x: hidden;
}

h1,
h2,
h3,
h4,
h5,
h6 {
    font-size: 100%
}

form {
    display: inline
}

ul,
ol {
    list-style: none
}

a:active {
    color: #aaa;
}

a,
img {
    -webkit-touch-callout: none;
    /* 禁止长按链接与图片弹出菜单 */
}

img {
    vertical-align: middle;
    border: 0;
    -ms-interpolation-mode: bicubic;
}

button,
input,
select,
textarea {
    font-size: 100%;
    vertical-align: middle;
    outline: none;
}

textarea {
    resize: none
}

button,
input[type="button"],
input[type="reset"],
input[type="submit"] {
    cursor: pointer;
    -webkit-appearance: button;
    -moz-appearance: button
}

input:focus:-moz-placeholder,
input:focus::-webkit-input-placeholder {
    color: transparent
}

button::-moz-focus-inner,
input::-moz-focus-inner {
    padding: 0;
    border: 0
}

table {
    border-collapse: collapse;
    border-spacing: 0
}

.line {
    background-color: #f5f5f5;
    width: 100%;
    height: 10px;
    clear: both;
}

.dn {
    display: none;
}

.line0 {
    background-color: #f5f5f5;
    width: 100%;
    height: 2.4975px;
    clear: both;
}

.b20 {
    width: 100%;
    height: 10px;
    clear: both;
}

.header .ico {
    width: 22px;
    height: 22px;
    line-height: 22px;
    display: inline-block;
    font-size: 22px;
    color: #fff;
    background-size: 22px auto;
}

.ico-home {
    font-size: #fff;
}

.ico {
    background-image: url("../images/ico.png");
    background-repeat: no-repeat;
}

.icon-home {
    background-position: 0 0;
}

.icon-home1 {
    background-position: 0 -154px;
}

.icon-back {
    background-position: 0 -132px;
}

.icon-fenlei {
    background-position: 0 -22px;
}

.icon-time {
    height: 16.5px;
    width: 16.5px;
    background-size: 16.5px auto;
    display: inline-block;
    background-position: 0 -82.5px;
}

.icon-down {
    background-position: 0 -48px;
}

.icon-up {
    background-position: 0 -36px;
}

.ico-mulu {
    background-image: url(../images/mulu.png);
}

.ico-search {
    background-image: url(../images/search.png);
    background-size: 22.5px 22px;
}

.sico {
    background-position: center center;
    background-size: 14px 14px;
    background-repeat: no-repeat;
    width: 14px;
    height: 14px;
    display: inline-block;
}

.header {
    height: 45px;
    padding: 0 18px;
    background-color: var(--main-color);
    display: flex;
    justify-content: space-around;
    align-items: center;
    position: fixed;
    left: 0;
    right: 0;
    top: 0;
    z-index: 100000;
}

.jg_header {
    background-color: #fff;
}

.header-fixed {
    height: 45px;
    clear: both;
    width: 100%;
}

.leftIco {
    justify-content: flex-start;
    display: flex;
    align-items: center;
    flex: 1;
}

.rightIco {
    flex: 1;
    display: flex;
    justify-content: flex-end;
    align-items: center;
}

.tabNav {
    justify-content: space-between;
    align-items: center;
    display: flex;
    border-radius: 5px;
    border: 1px solid #fff;
    text-align: center;
}

.tabNav a {
    flex: 1;
    border-right: 0.5px solid #fff;
    height: 28px;
    width: 50px;
    line-height: 28px;
    font-size: 12px;
    color: #fff;
}

.tabNav a.on {
    background-color: #fff;
    color: var(--main-color);
}

.tabNav a:last-child {
    border-right: none;
}

.header .title {
    line-height: 28px;
    font-size: 16px;
    color: #fff;
}

.indexNav {
    height: 45px;
    border-bottom: 1px solid #e5e5e5;
    display: flex;
    justify-content: space-around;
    align-items: center;
}

.indexNav a {
    display: inline-block;
    line-height: 45px;
    font-size: 13px;
    color: #222;
    position: relative;
}

.indexNav a.on {
    color: var(--main-color);
    font-size: 15px;
}

.indexNav a.on::after {
    content: "";
    display: block;
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    height: 2px;
    border-radius: 2px;
    background-color: var(--main-color);
}

.tab-nav {
    overflow: hidden;
    height: 45px;
    border-bottom: 1 solid #e5e5e5;
}

.tab-nav ul {
    align-items: center;
    display: -webkit-box;
    overflow-x: auto;
    -webkit-overflow-scrolling: touch;
}

.tab-nav li {
    width: 82px;
    line-height: 45px;
    font-size: 14px;
    color: #222;
    position: relative;
    text-align: center;
}

.tab-nav li.on a {
    color: var(--main-color);
    font-size: 15px;
}

.tab-nav li.on::after {
    content: "";
    display: block;
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    height: 2px;
    border-radius: 2;
    background-color: var(--main-color);
}

.ico-nav-box {
    padding: 8px 0;
}

.icoNav {
    display: flex;
    justify-content: space-around;
    align-items: center;
    padding: 7px 0;
}

.icoNav a {
    display: flex;
    flex: 1;
    text-align: center;
    flex-direction: column;
    justify-content: center;
    align-items: center;
}

.icoNav a div {
    height: 46px;
    line-height: 46px;
    width: 46px;
    border-radius: 50%;
    color: #fff;
    justify-content: center;
    align-items: center;
    display: flex;
}

.icoNav a div i {
    background-image: url("../images/bigico.png");
    background-size: 26px;
    width: 26px;
    height: 26px;
    display: block;
}

.icoNav a.icon-jianzhang div {
    background: linear-gradient(to bottom, #fb7c5f, #f85177);
}

.icoNav a.icon-jianzhang div i {
    background-position: 0 0;
}

.icoNav a.icon-school div {
    background: linear-gradient(to bottom, #ffbf38, #ff8b35);
}

.icoNav a.icon-school div i {
    background-position: 0 -26px;
}

.icoNav a.icon-zhuanye div {
    background: linear-gradient(to bottom, #52e892, #04c575)
}

.icoNav a.icon-zhuanye div i {
    background-position: 0 0
}

.icoNav a.icon-baolubi div {
    background: linear-gradient(to bottom, #fb7d61, #f95375)
}

.icoNav a.icon-baolubi div i {
    background-position: 0 -78px
}

.icoNav a.icon-fenshuxian div {
    background: linear-gradient(to bottom, #48d1ff, #39a9ff)
}

.icoNav a.icon-fenshuxian div i {
    background-position: 0 -105px
}

.icoNav a.icon-course div {
    background: linear-gradient(to bottom, #00c6fb, #005bea)
}

.icoNav a.icon-course div i {
    background-position: 0 -182px
}

.icoNav a.icon-jigou div {
    background: linear-gradient(to bottom, #f6d365, #fda085)
}

.icoNav a.icon-jigou div i {
    background-position: 0 -208px
}

.icoNav a.icon-teacher div {
    background: linear-gradient(to bottom, #60e8f1, #5797ef)
}

.icoNav a.icon-teacher div i {
    background-position: 0 -234px
}

.icoNav a.icon-news div {
    background: linear-gradient(to bottom, #3ee6cb, #32a79f)
}

.icoNav a.icon-news div i {
    background-position: 0 -260px
}

.icoNav a.icon-ask div {
    background: linear-gradient(to bottom, #f782f4, #bf74f8)
}

.icoNav a.icon-ask div i {
    background-position: 0 -130px
}

.icoNav a span {
    line-height: 12px;
    font-size: 12px;
    margin-top: 8px;
    text-align: center;
    color: #222;
}


/* 本例子css -------------------------------------- */

.focusBox {
    position: relative;
    overflow: hidden;
    margin: 0 auto;
    max-width: 100%;
}

.focusBox .hd {
    position: absolute;
    height: 12px;
    line-height: 12px;
    bottom: 12px;
    right: 0;
    left: 0;
    text-align: center;
    overflow: hidden;
}

.focusBox .hd li {
    display: inline-block;
    width: 5px;
    height: 5px;
    border-radius: 50%;
    background: #fff;
    text-indent: 99999em;
    overflow: hidden;
    margin: 0 4px;
}

.focusBox .hd li.on {
    background: var(--main-color);
}

.focusBox .bd {
    position: relative;
    z-index: 0;
}

.focusBox .bd li {
    position: relative;
    text-align: center;
}

.focusBox .bd li img {
    background: url(../images/loading.gif) center center no-repeat;
    vertical-align: top;
    width: 100%;
    /* 图片宽度100%，达到自适应效果 */
}

.focusBox .bd li a {
    -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
}


/* 去掉链接触摸高亮 */

.focusBox .bd li .tit {
    display: none;
    width: 100%;
    position: absolute;
    bottom: 0;
    text-indent: 5px;
    height: 14px;
    line-height: 14px;
    background: url(images/focusBg.png) repeat-x;
    color: #fff;
    text-align: left;
}

.head-t {
    height: 48px;
    display: flex;
    justify-content: space-between;
    padding: 0 15px;
    align-items: center;
    border-bottom: 1 solid #e5e5e5;
}

.head-t h2::before {
    display: inline-block;
    font-family: "ico" !important;
    font-size: 14px;
    width: 14px;
    height: 14px;
    content: "";
    background-image: url('../images/ico.png');
    background-position: 0 -28px;
    background-size: 14px auto;
    margin-right: 5px;
}

.head-t h2 {
    justify-content: flex-start;
    align-items: center;
    display: flex;
    height: 48px;
    line-height: 48px;
}

.head-t h2 img {
    height: 22px;
    width: 22px;
    margin-right: 5px;
}

.head-t h2 span {
    font-size: 15px;
    color: #222;
    line-height: 55px;
}

.head-t h2 span a {
    font-size: 15px;
    color: #222;
    line-height: 55px;
}

.head-t .r {
    justify-content: flex-end;
    align-items: center;
    display: flex;
}

.head-t a {
    display: inline-block;
    color: #999;
    font-size: 12px;
    margin-left: 10px;
}

.head-t a i {
    color: #999;
    font-size: 12px;
}

.search {
    height: 52px;
    padding: 0 16px;
    display: flex;
    justify-content: center;
    align-items: center;
    border-bottom: 5px solid #f5f5f5;
}

.search .input {
    height: 32px;
    background-color: #f5f5f5;
    color: #bfbfbf;
    border-radius: 16px;
    flex: 1;
    border: none;
    font-size: 12px;
    padding: 0 16px;
}

.search .submit {
    border: none;
    margin-left: 10px;
    background-color: transparent;
    height: 22px;
    width: 22px;
}

.ico-more {
    background-position: center center;
    background-size: 6px 10px;
    background-repeat: no-repeat;
    width: 6px;
    height: 10px;
    display: inline-block;
    background-image: url(../images/more.png);
    margin-left: 8px;
}

.ico-smore {
    background-position: center center;
    background-size: 6px 10px;
    background-repeat: no-repeat;
    width: 6px;
    height: 10px;
    display: inline-block;
    background-image: url(../images/smore.png);
    margin-left: 8px;
}

.tabBox .hd {
    height: 42px;
    line-height: 42px;
    font-size: 12px;
    border-bottom: 1px solid #e5e5e5;
}

.tabBox .hd ul {
    overflow: hidden;
    justify-content: space-around;
    align-items: center;
    display: flex;
}

.tabBox .hd ul li {
    position: relative;
}

.tabBox .hd ul .on {
    color: var(--main-color);
}

.tabBox .hd ul .on::after {
    position: absolute;
    bottom: 0;
    left: 50%;
    width: 27px;
    margin-left: -12px;
    content: "";
    height: 2px;
    background-color: var(--main-color);
    border-radius: 2;
}

.tabBox .bd a {
    -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
}


/* 去掉链接触摸高亮 */

.tabBox .bd li a {
    color: #555;
}

.tabBox .bd .t {
    height: 42px;
    overflow: hidden;
}

.tabBox .bd .t .pic {
    width: 65px;
    float: left;
}

.tabBox .bd .t .con {
    margin-left: 65px;
    line-height: 10px;
}

.tabBox .bd .t .con p {
    font-size: 6px;
    color: #999;
}

.tip-list li {
    height: 42px;
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin: 0 16px;
    border-bottom: 1px dashed #e5e5e5;
}

.tip-list li a {
    line-height: 42px;
    overflow: hidden;
    display: inline-block;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    max-width: 300px;
}

.tip-list li div a {
    max-width: 225px;
}

.tip-list li div {
    flex: 1;
    line-height: 42px;
    font-size: 12px;
    max-width: calc( 100vw - 72px);
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    display: flex;
    align-items: flex-start;
    justify-content: flex-start;
}

.tip-list li div .cat {
    margin-right: 5px;
    color: #999;
    overflow: inherit;
}

.tip-list-notips li a {
    max-width: calc( 100vw - 75px);
}

.tip-list li span i {
    margin: 0 2px;
}

.tip-list li span {
    height: 42px;
    line-height: 42px;
    width: 38px;
    font-size: 12px;
    color: #666;
    display: flex;
    justify-content: flex-end;
    align-items: center;
}

.tip-list li.more a {
    display: flex;
    justify-content: center;
    align-items: center;
}

.tip-cat-list li {
    height: 42px;
    width: calc(100vw - 34px);
    display: flex;
    justify-content: flex-start;
    align-items: center;
    margin: 0 16px;
    border-bottom: 1px dashed #e5e5e5;
}

.tip-cat-list li a {
    line-height: 42px;
    font-size: 12px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.tip-cat-list li a.cat {
    line-height: 42px;
    font-size: 12px;
    margin-right: 5px;
    color: #999;
    overflow: inherit;
}

.tip-cat-list li span {
    height: 42px;
    line-height: 42px;
    width: 38px;
    font-size: 12px;
    color: #666;
    display: flex;
    justify-content: flex-end;
    align-items: center;
}

.zj-list {
    padding: 0 10px 10px;
}

.zj-list ul {
    width: 100%;
}

.zj-list li {
    width: 30%;
    float: left;
    margin-top: 10px;
    line-height: 30px;
    height: 30px;
    padding: 0 1.66666%;
}

.zj-list li a {
    border: 1px solid #ececec;
    display: block;
    width: 100%;
    height: 100%;
    font-size: 12px;
    text-align: center;
    border-radius: 4px;
    overflow: hidden;
    font-weight: 400;
    box-sizing: border-box;
}

.zj-list li.on a {
    background-color: var(--main-color);
    color: #fff;
}

.catbox-hbky119 {
    padding: 12px 0;
}

.catbox-hbky119 .catlist-hbky119:last-child {
    border-bottom: none;
}

.catlist-hbky119 {
    display: flex;
    justify-content: space-between;
    align-items: center;
    line-height: 30px;
    font-size: 12px;
    border-bottom: 1px dashed #ececec;
}

.catlist-hbky119 span {
    width: 56px;
    text-align: center;
    color: var(--main-color);
}

.catlist-hbky119 span a {
    color: var(--main-color);
}

.catlist-hbky119 div {
    flex: 1;
}

.catlist-hbky119 div ul {
    flex-direction: column;
    justify-content: flex-start;
    align-items: center;
}

.catlist-hbky119 div ul li {
    display: inline-block;
    padding: 0 15px;
}

.mdjs-hbky119 {
    height: 42px;
    background: #fff;
    border-bottom: 1px solid #ebebeb;
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 0 10px;
}

.mdjs-hbky119 img {
    display: block;
    width: 72px;
    height: 12px;
}

.mdjs-hbky119 .timeText {
    font-size: 12px;
    color: #222;
}

.mdjs-hbky119 .timeText span {
    color: #ff7930;
}

.mdjs-hbky119 .case {
    display: block;
    width: 58.5px;
    height: 21.75px;
    line-height: 21.75px;
    text-align: center;
    border-radius: 1.125px;
    background: #ff7930;
    color: #fff;
    font-size: 11.25px;
}

.toutiao-news {}

.toutiao-news li {}

.toutiao-news li {
    height: 42px;
    display: flex;
    justify-content: space-around;
    align-items: center;
    margin: 0 16.875px;
    border-bottom: 1px dashed #e5e5e5;
}

.toutiao-news li a {
    flex: 1;
    line-height: 42px;
    font-size: 12px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.toutiao-news li a em.tag {
    font-style: normal;
    font-size: 12px;
    background: #f5a518;
    color: #FFF;
    line-height: 17.25px;
    padding: 0 8px;
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    border-radius: 2px;
    display: inline-block;
    margin-right: 5px;
}

.toutiao-news li span i {
    margin: 0 2px;
}

.toutiao-news li span {
    height: 42px;
    line-height: 42px;
    width: 38px;
    font-size: 12px;
    color: #666;
    display: flex;
    justify-content: flex-end;
    align-items: center;
}

.toutiao-news li.more a {
    display: flex;
    justify-content: center;
    align-items: center;
}

.footer {
    text-align: center;
    padding: 15px 0 38px;
    z-index: 1;
}

.footer .link {
    font-size: 12px;
}

.footer .link a {
    color: #333;
    margin: 0 6px;
}

.footer .copy {
    color: #999;
    font-size: 12px;
    padding-top: 5px;
}

.nav-top {
    height: 48px;
    width: 100%;
    position: relative;
}

.nav-top ul {
    height: 48px;
    display: block;
    white-space: nowrap;
    line-height: 38px;
    overflow-y: hidden;
    border-bottom: 1px solid #e5e5e5;
}

.nav-top li {
    display: inline-block;
    line-height: 48px;
    height: 48px;
    text-align: center;
    font-size: 13px;
    padding: 0 12px;
}

.nav-top li a {
    line-height: 22px;
    color: #222;
}

.nav-top li.on a {
    color: #fff;
    background-color: var(--main-color);
    line-height: 22px;
    height: 22px;
    padding: 0 10px;
    border-radius: 11.25px;
    display: block;
}

.list-box {
    padding: 0 10px;
    font-size: 12px;
}

.list-box .news-item:last-child {
    border-bottom: none;
}

.news-item {
    padding: 10px 0;
    border-bottom: 1px dashed #ececec;
}

.news-item .pic {
    justify-content: space-between;
    display: flex;
    margin-left: 5px;
}

.news-item .img-block {
    margin-left: 5px;
}

.news-item .img-block,
.news-item .img-block img {
    width: 105px;
    height: 69.4875px;
    border-radius: 1.9875px;
}

.news-item .info {
    flex: 1;
}

.news-item a {
    color: #000;
    font-size: 18px;
}

.news-item p {
    color: #999;
    margin: 9px 0;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    overflow: hidden;
    font-size: 12px;
}

.news-item .tips {
    color: #999;
    font-size: 12px;
    display: -webkit-flex;
    display: flex;
    justify-content: space-between;
}

.no-data {
    padding: 56px 0;
    text-align: center;
    font-size: 16px;
    color: #999;
}


/***导航***/

.crumbs {
    line-height: 32px;
    height: 32px;
    font-size: 12px;
    padding: 0 10px;
    border-bottom: 1px dashed #ececec;
    color: var(--main-color);
    position: relative;
}

.crumbs-home {
    border-right: 1px solid #ececec;
    display: inline-block;
    width: 32px;
    text-align: center;
    margin-right: 10px;
}

.crumbs i {
    line-height: 18px;
    font-size: 12px;
    color: var(--main-color);
}

.crumbs a {
    color: var(--main-color);
}

.crumbs .tab-btn {
    line-height: 20.25px;
    height: 20.25px;
    padding: 0 10px;
    border: 1px solid var(--main-color);
    border-radius: 10.125px;
    color: var(--main-color);
    font-size: 12px;
    position: absolute;
    right: 10px;
    top: 50%;
    margin-top: -10.125px;
}

.crumbs .tab-btn i {
    margin-right: 2.25px;
}

.main-nav {
    height: 45px;
    border-bottom: 1px solid #e5e5e5;
    display: flex;
    justify-content: space-around;
    align-items: center;
    background-color: var(--main-color);
}

.main-nav a {
    display: inline-block;
    line-height: 45px;
    font-size: 13px;
    color: #fff;
    position: relative;
}

.main-nav a.on {
    color: #fff;
    font-size: 15px;
}

.main-nav a.on::after {
    content: "";
    display: block;
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    height: 2px;
    border-radius: 2;
    background-color: #fff;
}

.tk-more-link:after {
    content: ".";
    display: block;
    height: 0;
    clear: both;
    visibility: hidden;
}

.tk-more-link a {
    display: inline-block;
    line-height: 34px;
    height: 34px;
    font-size: 15px;
    /*border-top:1px solid #ececec; border-bottom:1px solid #ececec;*/
    width: 33.3333%;
    text-align: center;
    float: left;
}

.tk-more-link a.tc {
    position: relative;
    width: 33.3334%;
    border-color: #d9383f;
    background-color: #d9383f;
    color: #fff;
}

.tk-more-link a.tc span {
    display: block;
    width: 98px;
    line-height: 27px;
    height: 27px;
    border-radius: 4px;
    text-align: center;
    background-color: #fbaf5d;
    position: absolute;
    top: -31.5px;
    left: 50%;
    margin-left: -48.75px;
}

.tk-more-link a.tc span:after {
    content: "";
    display: block;
    position: absolute;
    width: 0;
    height: 0;
    border-left: 8px solid transparent;
    border-right: 8px solid transparent;
    border-top: 8px solid #fbaf5d;
    left: 50%;
    margin-left: -8px;
}

.articleTitle h1,
.school-title h1 {
    line-height: 22px;
    font-size: 18px;
    color: #222;
    padding: 10px 18px;
}

.school-title h1 {
    text-align: center;
}

.content-info {
    border-bottom: 1px dashed #e5e5e5;
    padding: 0 18px 12.5px;
    line-height: 16.5px;
    font-size: 12px;
    min-height: 16.5px;
}

.content-info i {
    font-size: 16px;
    float: left;
    color: #999;
    margin-right: 5px;
    line-height: 16.5px;
}

.content-info .date {
    color: #999;
    margin-right: 10px;
}

.content-info .name {
    color: #326aaa;
}

.content-info .guanzhu {
    color: #c42843;
}

.content-info .click {
    float: right;
    color: #999;
}

#content-box {
    margin-bottom: 18px;
    color: #454545;
    padding: 0 10px 10px;
}

.readall_box {
    position: relative;
    z-index: 9999;
    padding: 0 0 12.5px;
    margin-top: -100px;
    text-align: center;
}

.readall_box .read_more_mask {
    height: 100px;
    background: -moz-linear-gradient(bottom, rgba(255, 255, 255, 0.1), rgba(255, 255, 255, 0));
    background: -webkit-gradient(linear, 0 top, 0 bottom, from(rgba(255, 255, 255, 0)), to(#fff));
    background: -o-linear-gradient(bottom, rgba(255, 255, 255, 0.1), rgba(255, 255, 255, 0))
}

.read_more_btn {
    cursor: pointer;
    font-size: 16px;
    color: #de686d;
    background: #fff;
    border-radius: 2px;
    border: 1px solid #de686d;
    line-height: 110px;
    padding: 2.5px 5px;
}

.read_more_btn:hover {
    background: #de686d;
    color: #fff;
}

#content {
    overflow: hidden;
    color: #333;
    line-height: 21px;
    font-size: 16px;
}

#content p {
    color: #333;
    margin-top: 5px;
    text-indent: 21px;
}

#content img {
    max-width: 93%;
}

#content a {
    color: var(--main-color);
}

#content ol {
    text-align: justify;
    text-justify: inter-ideograph;
    word-wrap: break-word;
    word-break: break-all;
    font-size: 16px;
    line-height: 16px;
}

#content .file span {
    display: block;
    line-height: 16px;
    color: var(--main-color);
    font-weight: bold;
}

#content .file a {
    line-height: 16px;
    color: var(--main-color);
    display: block;
}

#content table {
    border: 1px solid #eee;
    border-collapse: collapse;
    width: 100%;
}

#content .rank_table .rank_school_td span {
    line-height: 16px;
    padding: 0 4px;
    border: 1px solid #ececec;
    background-color: #f8f8f8;
    border-radius: 4px;
    color: var(--main-color);
    margin: 0 3px;
}

#content .rank_table thead tr td {
    text-align: center;
    font-weight: bold;
}

#content h2 {
    font-size: 12px;
    font-weight: bold;
    margin-top: 5px;
}

#content table .firstRow td {
    font-weight: bold;
}

#content tbody td {
    border: 1px solid #eee;
    text-align: center;
    line-height: 16px;
    font-size: 12px;
}

#content tbody td p {
    margin: 0;
    text-indent: 0;
}

#content tbody td a {
    color: var(--main-color);
}

.con-tj {
    padding: 10px 18px;
    color: #222;
    font-size: 12px;
}

.con-tj a {
    display: inline-block;
    color: #326aaa;
    margin-right: 5px;
}

.school-box {
    position: relative;
    min-height: 638px;
}

.school-hd {
    height: 38px;
    font-size: 16px;
    justify-content: space-between;
    align-items: center;
    display: flex;
    flex-direction: row;
    box-shadow: 0 0 10px rgba(0, 0, 0, .03);
    color: var(--main-color);
}

.school-hd li {
    flex: 1;
    line-height: 38px;
    text-align: center;
    border-right: 1px solid #eee;
    display: flex;
    justify-content: center;
    align-items: center;
}

.school-hd li i {
    line-height: 38px;
    width: 12px;
    height: 12px;
    margin-left: 5px;
    background-size: 12px auto;
}

.school-hd li:last-child {
    border-right: none;
}

.school-bd {
    display: none;
    position: absolute;
    top: 38px;
    left: 0;
    right: 0;
    bottom: 0;
    background: rgba(0, 0, 0, .4);
    z-index: 11111;
}

.school-bd .list {
    background-color: #fff;
    padding: 0 10px 10px;
}

.zj-list ul {
    width: 100%;
}

.school-bd .list li {
    width: 30%;
    float: left;
    margin-top: 10px;
    line-height: 30px;
    height: 30px;
    padding: 0 1.66666%;
}

.school-bd .list li a {
    border: 1px solid #ececec;
    display: block;
    width: 100%;
    height: 100%;
    font-size: 12px;
    text-align: center;
    border-radius: 4px;
    overflow: hidden;
    font-weight: 400;
    box-sizing: border-box;
}

.school-bd .list li.on a {
    background-color: var(--main-color);
    color: #fff;
}

.school-bd .list .t {
    width: 100%;
    line-height: 32px;
    border-bottom: 1px solid var(--main-color);
    font-size: 16px;
    text-align: center;
    color: var(--main-color)
}

.school-list-hbky119 ul li {
    background-color: #ffffff;
    display: inline-block;
    vertical-align: middle;
    padding: 10px;
    box-shadow: 0px 0px 9px 1px rgba(0, 0, 0, 0.03);
    font-size: 0;
    position: relative;
    width: 100%;
    box-sizing: border-box;
    padding: 15.75px 10px 15.75px 94.5px;
    height: 106.5px;
}

.school-list-hbky119 .icon {
    position: absolute;
    left: 10px;
    top: 50%;
    margin-top: -38px;
    width: 75px;
    height: 75px;
}

.school-list-hbky119 .icon img {
    width: 100%;
    height: 100%;
}

.school-list-hbky119 ul li .title {
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.school-list-hbky119 ul li .title h5 {
    font-size: 16px;
    color: #333333;
}

.school-list-hbky119 ul li .title h5 a {
    color: #333333;
}

.school-list-hbky119 ul li p {
    font-size: 12px;
    color: #999999;
    margin: 9px 0;
}

.school-list-hbky119 ul li p span {
    cursor: pointer;
    display: inline-block;
    padding: 0 15px;
    height: 16px;
    line-height: 16px;
    font-size: 12px;
    font-style: normal;
    color: #ff9d00;
    border: 1px solid #dedede;
    border-right: none;
    background-color: #f1f1f1;
}

.school-list-hbky119 ul li p span:last-child {
    border-right: 1px solid #dedede;
}

.school-list-hbky119 ul li p i {
    color: #333333;
    font-size: .32px;
    margin-left: 5px;
}

.school-list-hbky119 ul li .nav a {
    display: inline-block;
    vertical-align: middle;
    font-size: 12px;
    text-align: center;
    color: #333;
    margin-right: 10px;
    box-sizing: border-box;
}

.school-list-hbky119 span.join_hover {
    outline: none;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    cursor: pointer;
    display: block;
    font-size: 12px;
    text-align: center;
    height: 18px;
    line-height: 18px;
    background-color: #ff9d00;
    color: #ffffff;
    border-radius: 8px;
    padding: 0 10px;
}

#pages {
    text-align: center;
    padding-top: 16px;
    border-top: 1px solid #eee;
}

#pages a,
#pages span {
    background: #fff;
    border: 1px solid #e3e3e3;
    margin: 0 5px;
    color: #333;
    display: inline-block;
    height: 23.25px;
    line-height: 23.25px;
    padding: 0 10px;
    margin-bottom: 10px;
    text-align: center;
    text-decoration: none;
    font-size: 12px;
}

#pages a:hover {
    background: var(--main-color);
    color: #fff;
    text-decoration: none;
}

#pages span.activation {
    background: var(--main-color);
    border: var(--main-color);
    color: #fff;
}

#pages span.disable {
    background: #f1f1f1;
}

.zhuanye-box {
    position: relative;
    min-height: 638px;
}

.zhuanye-mask {
    display: none;
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background: rgba(0, 0, 0, .4);
    z-index: 11111;
}

.shaixuan-tab {
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
    background-color: #fff;
}

.shaixuan-tab .hd {
    line-height: 32px;
    background: #F3F3F3;
    width: 75px;
}

.shaixuan-tab .hd ul {
    overflow: hidden;
    width: 75px;
}

.shaixuan-tab .hd ul li {
    width: 75px;
    line-height: 32px;
    height: 32px;
    text-align: center;
    color: #515151;
}

.shaixuan-tab .hd ul .on {
    color: var(--main-color);
}

.shaixuan-tab .hd ul .on a {
    color: var(--main-color);
}

.shaixuan-tab .bd {
    flex: 1;
    width: 300px!important;
}

.shaixuan-tab .bd ul {
    width: 300px!important;
}

.shaixuan-tab .bd ul li {
    width: 33.333%;
    float: left;
    height: 32px;
    padding: 5px;
    box-sizing: border-box;
    text-align: center;
}

.shaixuan-tab .bd ul li a {
    display: inline-block;
    border: 1px solid #ececec;
    width: 88%;
    height: 100%;
    font-size: 12px;
    line-height: 22px;
    text-align: center;
    border-radius: 4px;
    overflow: hidden;
    font-weight: 400;
    box-sizing: border-box;
}

.shaixuan-tab .bd ul li.on a {
    background-color: var(--main-color);
    border: 1px solid var(--main-color);
    color: #fff;
}

.fsx_table {
    width: 100vw;
    align-items: center;
    display: -webkit-box;
    overflow-x: auto;
    -webkit-overflow-scrolling: touch;
}

.fsx_table table {
    border: 1px solid #efefef;
    border-collapse: collapse;
    width: 720px;
}

.fsx_table tbody td {
    border: 1px solid #efefef;
    text-align: center;
    height: 26px;
    line-height: 26px;
    font-size: 12px;
}

.fsx_table thead td {
    background: #33cc99;
    border: 1px solid #21ae7f;
    text-align: center;
    color: #fff;
    font-weight: bold;
    padding: 10px;
    line-height: 12px;
}

.fsx_table td a {
    color: var(--main-color);
}

.fsx_table td:first-child {
    width: 68px;
}

.fsx_table td:nth-child(2) {
    width: 150px;
}

.fsx_table td:nth-child(3) {
    width: 82.5px;
}

.fsx_table td:nth-child(4) {
    width: 150px;
}

.fsx_table td:nth-child(5) {
    width: 68px;
}

.fsx_table td:nth-child(6) {
    width: 68px;
}

.fsx_table td:nth-child(7) {
    width: 45px;
}

.fsx_table td:nth-child(8) {
    width: 45px;
}

.fsx_table td:nth-child(9) {
    width: 45px;
}

.answer {
    padding: 10px;
}

.answer-box p.t {
    line-height: 32px;
    font-size: 16px;
    color: var(--main-color)!important;
}

.answer-introduce {
    padding: 10px 18px 8px;
    margin-bottom: 10px;
    background-color: #F1F1F1;
    line-height: 16px;
    font-size: 12px;
}

.answer-introduce span.t {
    color: var(--main-color)!important;
}

.tag-page-list {
    padding: 0 10px 10px;
}

.tag-page-list ul {
    width: 100%;
}

.tag-page-list li {
    width: 33.3333%;
    float: left;
    margin-top: 10px;
    line-height: 26px;
    height: 26px;
}

.tag-page-list li span {
    padding: 0 5px;
    display: block;
}

.tag-page-list li span a {
    border: 1px solid #ececec;
    box-sizing: border-box;
    display: block;
    width: 100%;
    height: 26px;
    font-size: 12px;
    text-align: center;
    border-radius: 4px;
    overflow: hidden;
}

.tag-info {
    background-color: #eafdee;
    padding: 13.5px;
    justify-content: space-between;
    display: flex;
    align-items: center;
}

.tag-info h2 {
    font-size: 16px;
    color: #222;
    font-weight: bold;
}

.tag-info h2 span {
    font-size: 14px;
    color: #666;
    margin-left: 6px;
    font-weight: normal;
}

.tag-info p {
    font-size: 14px;
    line-height: 16px;
    color: #222;
}

.like-tags {
    padding: 5px 0;
}

.like-tags p {
    line-height: 32px;
    color: var(--main-color);
    font-size: 15px;
}

.like-tags span {
    display: inline-block;
    padding: 0 5px;
    background-color: var(--main-color);
    color: #fff;
    line-height: 22px;
    height: 22px;
    margin: 0 5px 5px 0;
    float: left;
}

.like-tags a {
    display: inline-block;
    line-height: 22px;
    height: 22px;
    text-align: center;
    padding: 0 5px;
    background-color: #f5f5f5;
    color: #333;
    float: left;
    margin: 0 5px 5px 0;
    overflow: hidden;
}

.video-item {}

.video-item .img-block,
.video-item .img-block img {
    height: 210px;
    width: 375px;
}

.video-item .t {
    line-height: 32px;
    font-size: 18px;
    font-weight: bold;
    padding: 0 10px;
}

.video-item .t span {
    color: #04c575;
    margin-right: 5px;
    border: 1px solid #04c575;
    font-size: 12px;
    line-height: 32px;
    border-radius: 5px;
    font-weight: normal;
    padding: 0 5px;
}

.video-item .tips {
    line-height: 24px;
    color: #999;
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 0 10px;
    padding-bottom: 5px;
}

.course-list-hbky119 {
    padding: 12px 0;
}

.course_page_list li {
    padding: 0 12px;
    height: 80px;
    margin-bottom: 12px;
    border-bottom: 6px solid #f6f6f6;
    padding-bottom: 12px;
}

.course_page_list li:nth-child(4n) {
    margin-right: 0;
}

.course_page_list li .zxx-img,
.course_page_list li .logo-img {
    width: 126px;
    height: 80px;
    margin: 0px;
    padding: 0px;
    box-sizing: border-box;
    float: left;
    display: flex;
    align-items: center;
    justify-content: center;
    margin-right: 10px;
    overflow: hidden;
}

.course_page_list li .zxx-img img {
    width: 126px;
}

.course_page_list li .logo-img img {
    max-width: 126px;
    max-height: 100%;
    min-width: 80%;
}

.course_page_list li h4 {
    line-height: 20px;
    height: 44px;
    display: flex;
    justify-content: flex-start;
    align-items: center;
    font-size: 16px;
    color: #06202e;
    overflow: hidden;
    font-weight: 400;
    box-sizing: border-box;
}

.jigou_page_list li h4 {
    height: 24px;
}

.course_page_list li .tips {
    line-height: 20px;
    font-size: 12px;
    color: #999;
}

.course_page_list li p {
    line-height: 18px;
    font-size: 12px;
    max-height: 36px;
    color: #999;
    overflow: hidden;
}

.course_page_list li a.jg {
    color: var(--main-color);
}

.kc_list {
    padding: 10px 12px;
    display: flex;
    justify-content: flex-start;
    align-items: flex-start;
    flex-wrap: wrap;
    flex-direction: row;
}

.kc_list li {
    width: calc(50vw - 17px);
    margin-right: 10px;
}

.kc_list li:nth-child(even) {
    margin-right: 0;
}

.kc_list li .zxx-img {
    width: calc(50vw - 17px);
    height: 120px;
}

.kc_list li .zxx-img img {
    width: calc(50vw - 17px);
    height: 120px;
}

.kc_list li h4 {
    height: 22px;
    line-height: 22px;
    font-size: 14px;
    text-align: center;
    text-overflow: ellipsis;
    display: -webkit-box;
    overflow: hidden;
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical;
}

.tab-course-con {
    padding: 5px;
    width: 100%;
}

.course-list ul,
.jigou-list ul {
    width: 100%;
    display: flex;
    justify-content: flex-start;
    align-items: flex-start;
    flex-wrap: wrap;
    flex-direction: row;
}

.course-list li,
.jigou-list li {
    width: 50%;
}

.course-list li a {
    padding: 5px;
    display: block;
}

.course-list li img {
    width: 100%;
    height: 120px;
}

.jigou-list li h4,
.course-list li h4 {
    height: 22px;
    line-height: 22px;
    font-size: 14px;
    text-align: center;
    text-overflow: ellipsis;
    display: -webkit-box;
    overflow: hidden;
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical;
    width: 100%;
}

.jigou-list li a {
    padding: 5px 20px;
    display: block;
    text-align: center;
}

.jigou-list img {
    width: 100%;
    height: 46px;
}

.list_pic ul li {
    padding: 5px 12px 10px;
    height: 88px;
}

.list_pic ul li .zxx-img,
.list_pic ul li .logo-img {
    width: 88px;
    height: 88px;
    margin: 0px;
    padding: 0px;
    box-sizing: border-box;
    float: left;
    display: flex;
    align-items: center;
    justify-content: center;
    margin-right: 10px;
    overflow: hidden;
}

.list_pic ul li .zxx-img img {
    width: 88px;
    height: 88px;
}

.list_pic ul li .logo-img img {
    max-width: 88px;
    max-height: 100%;
    min-width: 80%;
}

.list_photo ul li img {
    width: 138px;
    height: 88px;
}

.list_pic ul li div {
    padding: 10px 0;
}

.list_pic ul li h4 {
    line-height: 22px;
    font-weight: normal;
    font-size: 16px;
}

.list_pic ul li p {
    line-height: 20px;
    height: 40px;
    overflow: hidden;
    font-weight: normal;
    font-size: 12px;
}