@charset "utf-8";
.clearfix{
    display: block;
}
.clearfix:after{
    content: "";
    display: block;
    clear:both;
}
.continfo>h2{
    font-size: 16px;color: #333;font-weight:700;padding-left: 10px;width: 100%;height: 55px;line-height: 55px;background-color: #fff;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}
.fl{ float: left;}
.fr{ float: right;}
.clearfix{ clear: both;}
.overf{ overflow: hidden;}
.bgw{ background: #fff;}
.plr20{ padding: 0 10px;}
.pr20{ padding-right: 10px;}
.mt20{ margin-top: 10px;}

.jtinfo{padding-top: 5px;padding-bottom: 15px;}
.jtinfo p{font-size: 12px;color: #999;width: 50%;float: left;margin-top: 10px;}
.jtinfo p label{color: #333;}
.jtinfo p.xg{width: 100%;}
.title{padding-top: 13px;padding-bottom: 13px;border-bottom: 1px solid#e6e6e6;}
.title span.icon{display: block;float: left;margin-top: 3px;}
.title h3{color: #22C485;font-size: 16px;margin-left: 10px;display:block;float: left;font-weight: bold;}
.wbft{padding-bottom: 10px;padding-top: 10px;}
.wbft p{
    color: #333;font-size: 14px;line-height: 25px;text-indent: 30px;margin-bottom: 15px;
    word-wrap: break-word;
    word-break: break-all;
}
.wbft p.font{color: #ff0000;margin-bottom: 3px;text-indent: 0px;}
.wbft img{width: 100% !important;height: auto !important;display: block;margin-bottom: 15px;}
.loadown{padding-top: 5px;padding-bottom: 20px;}
.loadown a{display: block;float: left;margin-right: 14px;width: 30%;height: 25px;border: 1px solid #22C485;margin-top: 15px;}
.loadown a:nth-child(3n){margin-right: 0px;}
.loadown a span{display: block;float: left;background: url("../images/icon_download.png") 7px 6px no-repeat;background-size: 10px 13px;background-color: #22C485;width: 25px;height: 100%;}
.loadown a em{font-style: normal;display: block;float: left;font-size: 12px;color: #22C485;height: 25px;;line-height: 25px;text-align: center;width: 74%;}
ul.newload li{height: 45px;border-bottom: 1px solid #e6e6e6;}
ul.newload li span{display: block;float: left;width: 15px;height: 15px;background: url("../images/icon_download2.png") 3px 2px no-repeat;background-size: 9px 10px;background-color: #ccc;border-radius: 3px;margin-top: 15px;margin-right: 12px;}
ul.newload li a{display: block;float: left;color: #333;font-size: 14px;height: 45px;line-height:45px;width: 92%;text-overflow: ellipsis;overflow: hidden;white-space: nowrap;}
ul.newload li:active{ background: #f5f5f5;}

/*文章详情页*/
.artice{padding-top: 12px;padding-bottom: 12px;border-bottom: 1px solid #e6e6e6;}
.artice>font{font-size: 12px;color: #999;}
.artice>font span{color: #333;}
ul.newload.course li span{background: url("../images/icon_question.png") 4px 3px no-repeat;background-size: 6px 9px;background-color: #ccc;}



/*背景图*/
.icon{background:url(../images/icon_img2.png)  no-repeat;background-size:403px 61px;display: inline-block;}
.icon9{height:17px;width:4px;background-position:0 0;}


/*containter*/
.container{padding-bottom: 10px;}
.content h2{background: url("../images/htitle.png") no-repeat;height: 45px;width:97.2%;background-size:104px 45px;line-height: 45px;padding-left: 10px;color: #fff;font-size: 16px;border-bottom: 1px solid #22C485;font-weight: bold;}
.content ul li{border-bottom: 1px solid #e6e6e6;padding-top: 10px;padding-bottom: 13px;}
.content ul li h3{margin-bottom: 6px;}
.content ul li h3 a{font-size:14px;color: #333;}
.content ul li a img{display: block;width: 30.5%;float: left;height: 70px;}
.content ul li .right{width: 66%;float: left;margin-left: 10px;padding-top: 2px;padding-bottom: 2px;}
.content ul li .right p{font-size: 12px;color: #666;line-height: 20px;height: 40px;width: 100%;overflow: hidden;margin-bottom: 10px;}
.content ul li .right label{font-size: 12px;color: #999;display:block;height: 16px;}
.content ul li .right label.lft{float: left;padding-left: 16px;background: url("../images/icon7.png") 0px 2px no-repeat;background-size: 12px 12px;}
.content ul li .right label.rgt{float: right;padding-left: 15px;background: url("../images/icon8.png") 0px 3px no-repeat;background-size: 12px 10px;}
.content.dfhzn h2{background: url("../images/htitle1.png") no-repeat;background-size:120px 45px}
.content.bios h2{background: url("../images/htitile2.png") no-repeat;background-size:141px 45px}
.content ul li.spec .right{float: none;width: 100%;margin-left:0px;padding-top: 6px;padding-bottom: 0px;}
.content ul li.spec .all a{display: block;float: left;margin-right: 13px;width: 30.5%;height: 70px;}
.content ul li.spec .all a img{display: block;width: 100%;height: 100%;}
.content ul li.spec .all a:nth-child(3n){margin-right: 0px;}
.content>a.more{width: 100%;height: 45px;line-height: 45px;}
.content>a.more font{display:block;float: left;color: #22C485;font-size: 14px;margin-left: 36%;}
.content>a.more span.mor{display: block;float: left;margin-top: 20px;margin-left: 5px;}

.search-tip{ background: #ffffff; color: #333; font-size: 14px; height: 55px; line-height: 55px;}
.search-tip span{ font-weight: 700;}

.knTab {
    padding: .32rem .26rem 0;
    display: -webkit-box;
    /*display: -moz-box;*/
    /*display: -ms-flexbox;*/
    /*display: -webkit-flex;*/
    /*display: flex;*/
    flex-wrap: wrap;
    justify-content: space-between;
}

.knTab a {
    display: block;
    width: 1.98rem;
    height: .64rem;
    line-height: .66rem;
    text-align: center;
    color: #8f8f8f;
    font-size: .3rem;
    border-radius: .32rem;
    border: 1px solid #e4e4e4;
    margin-bottom: .2rem;
    margin-right: .2rem;
    overflow: hidden;
    white-space: nowrap;
}

.knTab a.current {
    color: #fff;
    background-color: #22C485;
    border-color: #22C485;
}

.hHotNews ul {
    padding: 0 .26rem .26rem;
}

.hHotNews ul li {
    position: relative;
}

.hHotNews li a {
    align-items: center;
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
}

.hHotNews li a img {
    display: block;
    width: 2.7rem;
    height: 1.5rem;
    border-radius: .08rem;
    margin: .2rem 0;
}

.hHotNews li .info {
    -webkit-box-flex: 1.0;
    -moz-flex-grow: 1;
    -webkit-flex-grow: 1;
    flex-grow: 1;
    width: 0%;
    height: 1.9rem;
    margin-left: .2rem;
    position: relative;
    border-bottom: 1px solid #e0e0e0;
}

.hHotNews li .info p {
    display: block;
    width: auto;
    font-size: .24rem;
    color: #8f8f8f;
    line-height: .42rem;
    overflow: hidden;
    text-overflow: ellipsis;
}

.hHotNews li .info p:first-of-type {
    font-size: .3rem;
    color: #424242;
    margin: .12rem 0 .02rem;
    white-space: nowrap;
}

.hHotNews li .info p:nth-of-type(2) {
    margin-top: .06rem;
    line-height: .36rem;
    height: .74rem;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
}

.hHotNews li .info span {
    display: block;
    text-align: right;
    font-size: .24rem;
    color: #8f8f8f;
}

.hHotNews li .info span i {
    display: inline-block;
    width: .24rem;
    height: .24rem;
    background-position: -3.26rem -.32rem;
    position: relative;
    top: 0.04rem;
    margin-right: .1rem;
}

.hHotNews li:last-child .info {
    border-bottom: 0;
}
.gico {
    background-image: url(../images/g-icon.png);
    background-size: 10rem 10rem;
}

.row_box {
    background-color: #fff;
    margin-bottom: 0.2rem;
}

.m_title {
    display: flex;
    justify-content: space-between;
    padding: 0rem 0.32rem;
    background-color: #fafafa;
}

.m_title .h3 {
    position: relative;
    color: #333333;
    text-align: left;
    font-weight: 700;
    font-size: 0.36rem;
    line-height: 0.9rem;
}

.m_title .h3::after {
    position: absolute;
    left: -0.32rem;
    top: 0.3rem;
    content: '';
    display: block;
    width: 0.1rem;
    height: 0.3rem;
    background-color: #22C485;
}

.m_title .gmore {
    align-self: center;
    background: url("../images/icon_more.png") no-repeat right center;
    background-size: auto 100%;
    padding-right: 0.22rem;
    color: #999999;
    text-align: left;
    font-weight: 400;
    font-size: 0.24rem;
    line-height: 2;
}

.m_title .gmore:hover, .m_title .gmore:active {
    color: #22C485;
}

.m_title .gmore {
    background-size: 0.12rem auto;
}

/**/
.base-card.tj-sy {
    padding: 0 0.32rem;
}

.base-card.tj-sy .game_ul {
    display: flex;
    flex-wrap: wrap;
    margin-left: -0.2rem;
}

.base-card.tj-sy .card-li {
    width: 21.8%;
    margin: 0.2rem 0 0 0.2rem;
}

.base-card.tj-sy .pic-box {
    display: block;
    margin: 0 auto;
    overflow: hidden;
    width: 1.4rem;
    height: 1.4rem;
    -webkit-border-radius: 30%;
    -moz-border-radius: 30%;
    border-radius: 30%;
}

.base-card.tj-sy .pic-box img {
    display: block;
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover;
}

.base-card.tj-sy .info-head {
    display: block;
    overflow: hidden;
    height: 0.672rem;
    color: #333333;
    text-align: center;
    font-weight: 400;
    font-size: 0.28rem;
    line-height: 2.4;
}

.base-card.tj-sy .btn {
    display: block;
    margin: 0 auto 0.2rem auto;
    width: 80%;
    height: 0.42rem;
    border-radius: 0.1rem;
    border: 0.02rem solid #22C485;
    color: #22C485;
    text-align: center;
    font-weight: 400;
    font-size: 0.28rem;
    line-height: 0.42rem;
}

.base-card.tj-sy .btn:hover, .base-card.tj-sy .btn:active {
    background-color: #22C485;
    color: #fff;
}

.gl_list { margin: 0 12px; }
.gl_list li + li { border-top: 1px dashed #ddd; }
.gl_list li { padding: 10px 0; display: flex; }
.gl_list li::before { display: inline-block; content: ''; width: 4px; height: 4px; border-radius: 50%; background: #22C485; margin: 7px 5px 0 0; }
.gl_list li a { flex: 1; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; color: #666; font-size: 14px; display: block; margin-right: 12px; }
.gl_list li span { color: #22C485; }


.article_cont {
    padding: 0 12px;
    background: #fff;
    /* overflow: hidden; */
}

/* Article */
.Article{display: block;}
/* article_head */
.article_head{padding: 12px;background: #fff;border-bottom: 1px solid #f5f5f5;}
.article_head h1{font-size: 16px;color: #333;margin-bottom: 4px;}
.article_head h2{font-size: 16px;color: #333;margin-bottom: 4px;}
.article_head p{font-size: 12px;color: #999;}
.article_head p span{color:#90bcf2;margin-right: 10px;}
/* article_cont */
.article_cont{padding: 0 12px;background: #fff;/*overflow: hidden;*/}
.article_cont>p{font-size: 14px;color: #555;line-height: 24px;padding-top: 15px;}
.article_cont>h3{font-size: 14px;color: #22C485;line-height: 16px;margin-top: 30px;padding-left: 21px;border-left: 3px solid #22C485;font-weight: bold;}
.article_cont>.Video{margin: 15px 12px;overflow: hidden;background: #222;}
.article_cont>.Table{width: 100%;margin: 15px 0;}
.article_cont iframe{max-width:100%}
.article_cont img{width:auto;  max-width: 100% !important;height: initial !important;}
.article_cont table *{width:initial !important;}
.article_cont table,
.article_cont tbody,
.article_cont embed{width: 100% !important;}

/*列表*/
.list-h li {
    padding: 0 0.32rem;
}

.list-h li:hover, .list-h li:active {
    background-color: #f8f8f8;
}

.list-h .card-li {
    display: flex;
    justify-content: space-between;
    padding: 0.24rem 0;
    border-top: 1px solid #f2f2f2;
    align-items: center;
}

.list-h .num {
    width: 0.44rem;
    height: 0.5rem;
    color: #999999;
    text-align: left;
    font-weight: 700;
    font-size: 0.28rem;
    line-height: 0.5rem;
}

.list-h .num.num1 {
    color: red;
    font-size: 0.36rem;
}

.list-h .num.num2 {
    color: orange;
    font-size: 0.36rem;
}

.list-h .num.num3 {
    color: #ffc150;
    font-size: 0.36rem;
}

.list-h .pic-box {
    flex: 0 0 auto;
    width: 1.5rem;
    margin-right: 0.2rem;
    overflow: hidden;
}

.list-h .pic-box img {
    display: block;
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover;
}

.list-h .list-cont {
    flex: 1 1 auto;
    display: flex;
    flex-direction: column;
    justify-content: center;
}

.list-h .list-cont .h4 {
    margin-bottom: 0.1rem;
    color: #333333;
    text-align: left;
    font-weight: 700;
    font-size: 0.32rem;
    line-height: 1.5;
}

.list-h .list-cont .h4:hover, .list-h .list-cont .h4:active {
    color: #22C485;
}

.list-h .list-cont .desc {
    display: flex;
}

.list-h .list-cont .desc span {
    color: #999999;
    font-size: 0.24rem;
    line-height: 0.4rem;
}

.list-h .list-cont .desc span + span:before {
    content: "";
    display: inline-flex;
    margin: 0 0.15rem;
}

.list-h .list-cont .desc span:before {
    width: 1px;
    height: 0.16rem;
    background-color: #cccccc;
}

.list-h .list-cont .p {
    margin-top: 0.06rem;
    color: #999999;
    font-size: 0.24rem;
    line-height: 0.4rem;
}

.list-h .btn {
    flex: 0 0 1.2rem;
    height: 0.56rem;
    margin-left: 0.2rem;
    overflow: hidden;
    background-color: #22C485;
    -webkit-border-radius: 0.1rem;
    -moz-border-radius: 0.1rem;
    border-radius: 0.1rem;
    color: #fff;
    text-align: center;
    line-height: 0.56rem;
}

.list-h .pic-box {
    -webkit-border-radius: 0.2rem;
    -moz-border-radius: 0.2rem;
    border-radius: 0.2rem;
    height: 1.5rem;
}

.list-h .list-cont .h4 {
    height: 0.48rem;
    overflow: hidden;
}

.list-h .list-cont .p {
    height: 0.4rem;
    overflow: hidden;
}

.list-h.list-h-pc .pic-box {
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    border-radius: 0;
    height: 2rem;
}

.list-h.list-h-pc .list-cont .h4 {
    height: 0.48rem;
    overflow: hidden;
}

.list-h.list-h-pc .list-cont .p {
    height: 0.4rem;
    overflow: hidden;
}

.list-h.list-h-patch .list-cont .h4 {
    margin-bottom: 0;
}

/*星级*/
.g-star {
    display: inline-block
}

.g-star {
    vertical-align: middle;
    background-image: url(../images/ico_1.png);
    background-repeat: no-repeat
}

.g-star.sty-2 {
    width: 85px;
    margin-bottom: 4px;
    height: 15px
}

.g-star.sty-2.star-0 {
    background-position: -206px -50px
}

.g-star.sty-2.star-1 {
    background-position: -189px -50px
}

.g-star.sty-2.star-2 {
    background-position: -172px -50px
}

.g-star.sty-2.star-3 {
    background-position: -154px -50px
}

.g-star.sty-2.star-4 {
    background-position: -137px -50px
}

.g-star.sty-2.star-5 {
    background-position: -120px -50px
}


/*文章列表*/
.news_box li {
    padding: 0 0.32rem;
}

.news_box li:hover, .news_box li:active {
    background-color: #f8f8f8;
}

.news_box .news_card {
    display: flex;
    padding: 0.22rem 0;
}

.news_box .stitle {
    color: #333333;
    text-align: left;
    font-weight: 400;
    font-size: 0.32rem;
    line-height: 1.433;
    overflow: hidden;
    max-height: 0.95312rem;
}

.news_box .info {
    overflow: hidden;
    margin-top: 0.14rem;
}

.news_box .info span {
    display: block;
    float: left;
    margin-left: 0.32rem;
    color: #999999;
    text-align: left;
    font-weight: 400;
    font-size: 0.24rem;
    line-height: 1.5;
}

.news_box .info span:first-child {
    margin-left: 0;
}

.news_box .news_card.leftImg, .news_box .news_card.rightImg {
    flex-direction: row;
    justify-content: space-between;
}

.news_box .news_card.leftImg .news_cont, .news_box .news_card.rightImg .news_cont {
    flex: 1 1 auto;
    display: flex;
    flex-direction: column;
}

.news_box .news_card.leftImg .news_pic, .news_box .news_card.rightImg .news_pic {
    flex: 0 0 2.34rem;
    height: 1.404rem;
    overflow: hidden;
    -webkit-border-radius: 0.08rem;
    -moz-border-radius: 0.08rem;
    border-radius: 0.08rem;
}

.news_box .news_card.leftImg .news_pic img, .news_box .news_card.rightImg .news_pic img {
    display: block;
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover;
}

.news_box .news_card.leftImg .news_cont {
    margin-left: 0.2rem;
}

.news_box .news_card.rightImg .news_cont {
    margin-right: 0.2rem;
}

.news_box .news_card.bottomImg, .news_box .news_card.noImg {
    flex-direction: column;
}

.news_box .news_card.bottomImg .news_pic, .news_box .news_card.noImg .news_pic {
    display: flex;
    flex-direction: row;
    margin-top: 0.16rem;
}

.news_box .news_card.bottomImg .news_pic img, .news_box .news_card.noImg .news_pic img {
    width: 2.24666667rem;
    height: 1.348rem;
    overflow: hidden;
    object-fit: cover;
    margin-left: 0.06rem;
    -webkit-border-radius: 0.08rem;
    -moz-border-radius: 0.08rem;
    border-radius: 0.08rem;
}

.news_box .news_card.bottomImg .news_pic img:first-child, .news_box .news_card.noImg .news_pic img:first-child {
    margin-left: 0;
}
/*上一页下一页*/
.con_page {
    justify-content: center;
    background-color: #fff;
}

.con_page a {
    height: 0.88rem;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    padding: 0 0.32rem;
    color: #999999;
    text-align: left;
    font-weight: 400;
    font-size: 0.24rem;
    line-height: 0.88rem;
    display: block;
    max-width: 100%;
}

.con_page a span {
    color: #666666;
    font-weight: bold;
    font-size: 0.28rem;
}

.con_page a:active span, .con_page a:hover span {
    color: #22C485;
}

.carousel2 {
    position: relative;
    background: #fff;
    /*padding: 0.25rem 0 0.2rem;*/
    overflow: hidden;
    border-top: 1px solid #efefef;
    border-bottom: 1px solid #efefef;
}

.search-nav {
    display: flex;
    justify-content: space-between;
    padding: 0 10px;
}

.search-nav .search-nav-item {
    display: flex;
    color: #000;
    font-size: 15px;
    white-space: nowrap;
    justify-content: center;
    align-items: center;
    padding: 0.2rem 0.2rem;
}

.search-nav .search-nav-item.on {
    font-weight: bold;
    color: #22C485;
    border-bottom: 2px solid #22C485;
}

.search-nav .search-nav-item em {
    display: inline-block;
    padding: 0px 5px;
    font-size: 12px;
    background-color: #f7f7f7;
    border-radius: 10px;
    transform: scale(.7);
    transform-origin: left;
}