﻿.swiper-container {
    margin: .3rem;
}
body{background-color: #FCFDFC;}

.swiper-wrapper {}

.swiper-slide {}

.index-focus img {
    border-radius: .2rem;
    width: 100%;
    height: 2.8rem;

}

.portal-container {
    margin: .3rem 0;
}

.portal-container a {
    display: inline-block;
    float: left;
}

.portal-container a span {
    width: .85rem;
    margin: .2rem .5rem 0 .5rem;
    height: .85rem;
    display: inline-block;
    border-radius: 50%;
    line-height: .85rem;
    color: #fff;
    font-size: .24rem;
    text-align: center;
}

.portal-container a img {
    width: 60%;
    vertical-align: middle;
}

.portal-container a p {
    color: #666;
    text-align: center;
    line-height: .6rem;
    font-size: .22rem;
    
}

.index-ad {
    margin: .3rem;
}


.index-ad li {
    display: inline-block;
    width: 31%;
}

.index-ad li:nth-child(2) {
    margin: 0 3.5%;
}

.index-ad li img {
    width: 2.1rem;
    height: 1.4rem;
    border-radius: .2rem;
}

.index-lecture {
    margin: .6rem .3rem;
}

.index-lecture h2 {
    font-size: .40rem;
    line-height: .4rem;
    font-weight: bold;
    border-left: 6px solid #FF2300;
    padding-left: .2rem;
    margin-bottom: .1rem;
    color:#333;
}

.index-lecture li {
    display: inline-block;
    width: 48%;
    box-shadow: 0 0px 15px rgba(0, 0, 10, 0.1);
    margin-top: .3rem;
    background: #fff;
    border-radius: .2rem;
}

.index-lecture li:nth-child(odd) {
    margin-right: 4%;
}

.index-lecture li img {
    width: 100%;
    height: 1.8rem;
    border-radius:.2rem .2rem 0 0;
}

.lecture-txt {
    line-height: .5rem;
    padding: .2rem;
}

.title {
    font-size: .28rem;
}

.title {
    font-size: .28rem;
    font-weight: bold;
    color: #333;
}
.subtitle{
    line-height: .4rem;
    font-size: .2rem;
}



.index-course {
    margin: .6rem .3rem;
}

.index-course h2 {
    font-size: .40rem;
    line-height: .4rem;
    font-weight: bold;
    border-left: 6px solid #FF2300;
    padding-left: .2rem;
    margin-bottom: .1rem;
    color:#333;
}

.index-course li {
    display: inline-block;
    width: 100%;
    box-shadow: 0 0px 15px rgba(0, 0, 10, 0.1);
    margin-top: .3rem;
    background: #fff;
    border-radius: .2rem;
    padding:.4rem;
}

.course-title{
    font-weight: bold;
    font-size: .32rem;
    line-height: .6rem;
    color:#333;
}
.course-subtitle{
    line-height: .5rem;
    font-size: .24rem;
}
.teacher-container{
    display: inline-block;
    padding-top: .2rem;
    padding-right: .4rem;
}
.teacher-container img{
    height: .5rem;
    border-radius: 50%;
}
.teacher-container span{
    line-height: .5rem;
    padding-left: .1rem;
    font-size: .2rem;
}


.index-teacher {
    width:100%;
    margin: .6rem .0rem .3rem 0;
    overflow: hidden;
}

.index-teacher h2 {
    font-size: .40rem;
    line-height: .4rem;
    font-weight: bold;
    border-left: 6px solid #FF2300;
    padding-left: .2rem;
    margin-bottom: .1rem;
    margin-left: .3rem;
    color: #333;
}

.index-teacher-box {
    display: inline-block;
    box-shadow: 0 0px 15px rgba(0, 0, 10, 0.1);
    background: #fff;
    border-radius: .2rem;
    margin: .3rem;
}

.teacher-info{
    width:70%;
    float:left;
    padding: .4rem;
}
.teacher-info span{
    font-size: .4rem;
    font-weight: bold;
    color: #333;
}
.teacher-info p{
    padding-top: .3rem;
    color: #666;
    line-height: .4rem;
    font-size: .24rem;
    height: 1.7rem;
    line-height: .35rem;
    display: block;
    overflow: hidden;
}

.teacher-pagination span{
    margin: 0 .1rem;
}

.index-share {
    width:100%;
    margin: .3rem .0rem .3rem 0;
    overflow: hidden;
}

.index-share h2 {
    font-size: .40rem;
    line-height: .4rem;
    font-weight: bold;
    border-left: 6px solid #FF2300;
    padding-left: .2rem;
    margin-bottom: .1rem;
    margin-left: .3rem;
    color: #333;
}

.index-share-box {
    display: inline-block;
    box-shadow: 0 0px 15px rgba(0, 0, 10, 0.1);
    background: #fff;
    border-radius: .2rem;
    margin: .3rem;
}

.share-title{
    width:100%;
    float:left;
    padding: .4rem .4rem 0 .4rem;
}
.share-title span{
    font-size: .32rem;
    height: .32rem;
    display: block;
    overflow: hidden;
    font-weight: bold;
    color: #333;
}
.share-pagination span{
    margin: 0 .1rem;
}

.share-content{
    /* width:100%; */
    float:left;
    margin: .2rem .4rem .4rem .4rem;
    font-size: .24rem;
    line-height: .36rem;
}

.index-news {
    margin: .2rem .0rem;
}
.index-news-container{
    overflow: hidden;
}

.index-news h2 {
    font-size: .40rem;
    line-height: .4rem;
    font-weight: bold;
    border-left: 6px solid #FF2300;
    padding-left: .2rem;
    margin-bottom: .2rem;
    margin-left: .3rem;
    color:#333;
}
.index-news-nav{
    margin: .3rem;
}
.index-news-nav a{
 width:calc(100%/6);
 display: block;
 float: left;
 line-height: .5rem;
 text-align: center;
 font-size:.24rem;
}
.index-news-nav a.curr{
    border-bottom:2px solid #FF2300;
    font-weight: bold;

}
.index-news-list{
    padding: 0 .3rem;
}
.index-news-list li {
    display: inline-block;
    width: 100%;
    box-shadow: 0 0px 15px rgba(0, 0, 10, 0.1);
    margin-top: .5rem;
    background: #fff;
    border-radius: .2rem;
}

.news-title{
    font-weight: bold;
    font-size: .32rem;
    line-height: .6rem;
    color:#333;
}
.news-subtitle,.news-subtitle a{
    line-height: .5rem;
    font-size: .20rem;
    color: #999;
}
.news-desc{
    line-height: .5rem;
    max-height: 1rem;
    font-size: .24rem;
    overflow: hidden;
    margin-bottom: .1rem;
}
.news-img{
    width:100%;
    height: 3.2rem;
    overflow: hidden;
}
.news-txt{
    padding: .2rem .3rem;
}

.tab-bar{
    height: 1.05rem;
    border-top: 1px solid #eee;
    background-color: #f8f8f8;
    padding-top: .15rem;
    position: fixed;
    bottom: 0;
    z-index: 999;
    width: 100%;
}
.tab-bar a{width:24%;text-align: center; display: inline-block;}
.tab-bar a.bar-curr{
    color:#FF2300;
}
.tab-bar a.bar-curr img{
    filter: invert(15%) sepia(93%) saturate(5908%) hue-rotate(343deg) brightness(102%) contrast(111%);
}
.tab-bar img{height:0.36rem}
.tab-bar .bar-txt{font-size: .22rem;padding: .1rem 0;}