@charset "utf-8";
* {
	margin: 0;
	padding: 0;
	font-family: "微软雅黑", arial;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}
input:focus, textarea:focus, select:focus {
	outline: none;
	tap-highlight-color: rgba(0,0,0,0);
	–webkit-tap-highlight-color: rgba(0,0,0,0);
	appearance: none;
	-webkit-appearance: none;
}
input, textarea, select {
	appearance: none;
	-webkit-appearance: none;
	border-radius: 0;
	font-size: 0.7rem;
	color: #333;
}
select option {
	line-height: 1.3rem;
	font-size: 0.6rem;
	color: #333;
}
body {
	background-color: #f5f5f5;
	font-size: 0.7rem;
	color: #333;
	line-height: 1.4;
	height: 100%;
}
.white {
	background-color: #fff;
}
a {
	text-decoration: none;
    color:#333;
}
li {
	list-style: none;
}
em, i {
	font-style: normal;
}
.fr {
	float: right;
}
.fl {
	float: left;
}
.green {
	color: #01853e;
}
.red {
	color: #ea0707;
}
.orange {
	color: #ff5400;
}
.mb1 {
	margin-bottom: 1rem;
}
html {
	font-size: 125%;
	height: 100%;
}
textarea, select {
	-webkit-appearance: none;
}
.wrap {
	width: 100%;
	height: auto;
	margin-top: 2.7rem;
	margin-bottom: 2.2rem;
}
.distance-top {
	width: 100%;
	height: auto;
	margin-top: 2.7rem;
	margin-bottom: 2.2rem;
}
.wrap2 {
	width: 100%;
	height: auto;
	margin-top: 2.2rem;
}
.mt2 {
	margin-top: 1.9rem !important;
}
/*header头部*/
.header {
	width: 100%;
	height: 0.88rem;
	background-color: #0384fc;
	font-size: 0.36rem;
	color: #fff;
	line-height: 0.88rem;
	text-align: center;
	position: fixed;
	left: 0;
	top: 0;
	z-index: 10;
}
.header.login{
	background-color: #fff;
	color:#333;
	}
.header.login a.log_back {
	position: absolute;
	top: 0rem;
	left: 0rem;
	background: url(../images/log_back.png) center no-repeat;
	background-size: 0.36rem;
	width: 0.88rem;
	height: 0.88rem;
	display: inline-block;
}
.header span em {
	background: url(../images/icon-down.png) center right no-repeat;
	background-size: 0.16rem;
	height: 0.88rem;
	width: 0.5rem;
	display: inline-block;
	position: absolute;
}
.header a.back {
	position: absolute;
	top: 0rem;
	left: 0rem;
	background: url(../images/return.png) center no-repeat;
	background-size: 0.36rem;
	width: 0.88rem;
	height: 0.88rem;
	display: inline-block;
}
.header a.share {
	position: absolute;
	top: 0rem;
	right: 0rem;
	background: url(../images/share.png) center no-repeat;
	background-size: 0.46rem;
	width: 0.88rem;
	height: 0.88rem;
	display: inline-block;
}
.header a.search {
	position: absolute;
	top: 0rem;
	right: 0rem;
	background: url(../images/search_for.png) center no-repeat;
	background-size: 0.46rem;
	width: 0.88rem;
	height: 0.88rem;
	display: inline-block;
}
.header a.service {
	position: absolute;
	top: 0rem;
	right: 0rem;
	background: url(../images/service.png) center no-repeat;
	background-size: 0.46rem;
	width: 0.88rem;
	height: 0.88rem;
	display: inline-block;
}
/*footer公用底部操作栏*/
footer {
	z-index: 20;
	width: 100%;
	position: fixed;
	left: 0;
	bottom: 0;
	height: 1rem;
	background-color: #fff;
	border-top: solid 1px #e6e6e6;
	font-size: 0.2rem;
	color: #666;
	line-height: 0.3rem;
}
footer a {
	width: 20%;
	float: left;
	display: block;
	text-align: center;
	height: 2.45rem;
	color: #666;
}
footer a p {
	margin-top: 0.62rem;
}
footer a.icon1 {
	background: url(../images/icon_sy_n.png) center 0.1rem no-repeat;
	background-size: 0.46rem;
}
footer a.icon1Cur {
	background: url(../images/icon_sy_s.png) center 0.1rem no-repeat;
	background-size: 0.46rem;
	color: #0384fc;
}
footer a.icon2 {
	background: url(../images/icon_wdk_n.png) center 0.1rem no-repeat;
	background-size: 0.46rem;
}
footer a.icon2Cur {
	background: url(../images/icon_wdk_s.png) center 0.1rem no-repeat;
	background-size: 0.46rem;
	color: #0384fc;
}
footer a.icon3 {
	background: url(../images/icon_dy_n.png) center 0.1rem no-repeat;
	background-size: 0.46rem;
}
footer a.icon3Cur {
	background: url(../images/icon_dy_s.png) center 0.1rem no-repeat;
	background-size: 0.46rem;
	color: #0384fc;
}
footer a.icon4 {
	background: url(../images/icon_tk_n.png) center 0.1rem no-repeat;
	background-size: 0.46rem;
}
footer a.icon4Cur {
	background: url(../images/icon_tk_s.png) center 0.1rem no-repeat;
	background-size: 0.46rem;
	color: #0384fc;
}
footer a.icon5 {
	background: url(../images/icon_my_n.png) center 0.1rem no-repeat;
	background-size: 0.46rem;
	float: right;
}
footer a.icon5Cur {
	background: url(../images/icon_my_s.png) center 0.1rem no-repeat;
	background-size: 0.46rem;
	float: right;
	color: #0384fc;
}
/*首页banner*/
.indexBanner {
	width: 100%;
	height: auto;
	text-align: center;
}
.indexBanner img {
	width: 100%;
	height: auto;
}
/*header头部*/
.header_sy {
	width: 100%;
	height: 0.88rem;
	font-size: 0.24rem;
	line-height: 0.24rem;
	position: fixed;
	left: 0;
	top: 0;
	z-index: 10;
	background-color: #0384fc;
}
.header_sy a {
	width: 0.88rem;
	height: 0.88rem;
	display: inline-block;
	font-size: 0.24rem;
	color: #fff;
	text-align: center;
	line-height: 0.95rem;
	float: left;
}
.header_sy a.new {
	position: absolute;
	top: 0rem;
	right: 0rem;
	background: url(../images/new.png) center no-repeat;
	background-size: 0.46rem;
	width: 0.88rem;
	height: 0.88rem;
	display: inline-block;
	margin: 0;
}
.search_sy {
	text-align: center;
	margin: auto;
	margin-top: 0.13rem;
	width: 70%;
	background-color: rgba(245, 245, 245, 0.18);
	border-radius: 10rem;
}
    .search_sy input {
        padding-left: 0.1rem;
        border: 0;
        color: #fff;
        height: 0.6rem;
        width: 80%;
        font-size: 0.24rem;
        line-height: 0.7rem;
        margin: auto;
        outline: none;
        margin: 0 0.1rem;
        color: #fff;
        -webkit-text-fill-color: #fff;
        -webkit-opacity: 1;
        opacity: 1;
        background: none;
    }
    .search_sy em {
        background: url(../images/search.png) center center no-repeat;
        background-size: 0.46rem;
        height: 0.6rem;
        width: 15%;
        display: inline-block;
        float: right;
    }
/*首页-免费试听*/
.Module_box {
	overflow: hidden;
	zoom: 1;
	background-color: #fff;
	margin-bottom: 0.2rem;
}
.mk_title {
	height: 0.8rem;
	border-bottom: solid 1px #eee;
	padding: 0 0.2rem;
}
.mk_title span {
	background: url(../images/sy_zb.png) center left no-repeat;
	background-size: 0.42rem;
	height: 0.8rem;
	line-height: 0.8rem;
	color: #333;
	font-size: 0.28rem;
	display: inline-block;
	padding-left: 0.5rem;
	float: left;
}
.mk_title span.st {
	background: url(../images/sy_st.png) center left no-repeat;
	background-size: 0.42rem;
}
.mk_title span.zg {
	background: url(../images/sy_zg.png) center left no-repeat;
	background-size: 0.42rem;
}
.mk_title span.jn {
	background: url(../images/sy_jn.png) center left no-repeat;
	background-size: 0.42rem;
}
.mk_title span.sz {
	background: url(../images/sy_sz.png) center left no-repeat;
	background-size: 0.42rem;
}
.mk_title a {
	background: url(../images/turn.png) center right no-repeat;
	background-size: 0.12rem 0.2rem;
	height: 0.8rem;
	line-height: 0.8rem;
	color: #aaa;
	font-size: 0.24rem;
	display: inline-block;
	padding-right: 0.2rem;
	float: right;
}
.broadcast {
	height: 2.4rem;
	overflow: hidden;
	margin-bottom: 0.1rem;
	border-bottom: solid 1px #eee;
	margin: 0 0.2rem;
}
.zb_time {
	height: 0.6rem;
	font-size: 0.22rem;
	color: #999;
	padding-top: 0.2rem;
}
.zb_time span {
	color: #0384fc;
	background: url(../images/sy_zb_pic.png) center left no-repeat;
	background-size: 0.36rem auto;
	padding-left: 0.4rem;
	margin-left: 0.3rem;
}
.zb_time span.djs {
	background: none;
	padding-left: 0;
	color: #999;
}
.zb_time span.djs em {
	color: #0384fc;
	font-weight: bold;
}
.subject {
	overflow: hidden;
	padding-top: 0.1rem;
}
.subject label img {
	height: 1.41rem;
	width: 2.46rem;
	display: inline-block;
	float: left;
	border-radius: 2px;
}
.kc_details {
	float: left;
	padding-left: 0.2rem;
	position: relative;
	width: calc(100% - 2.46rem);
}
.kc_details h1 {
	font-size: 0.28rem;
	color: #333;
	font-weight: normal;
	overflow: hidden;
	display: -webkit-box;
	margin-bottom: 0.05rem;
	-webkit-line-clamp: 1;
	-webkit-box-orient: vertical;
}
.kc_details p {
	font-size: 0.24rem;
	color: #666;
	overflow: hidden;
	display: -webkit-box;
	-webkit-line-clamp: 1;
	-webkit-box-orient: vertical;
}
.kc_details p.zj {
	color: #999;
	font-size: 0.24rem;
	margin-top: 0.2rem;
}
.kc_details a {
	width: 1.2rem;
	height: 0.48rem;
	background-color: #0384fc;
	line-height: 0.48rem;
	color: #fff;
	font-size: 0.24rem;
	display: inline-block;
	text-align: center;
	border-radius: 2px;
	position: absolute;
	right: 0rem;
	bottom: 0;
}
.kc_details a.enter {
	background-color: #ff8706;
}
.see_more {
	height: 0.8rem;
	text-align: center;
	color: #aaa;
	font-size: 0.22rem;
	line-height: 0.8rem;
}
    .see_more a {
        color: #999;
    }
.Audition {
	width: 3rem;
	height: 2.85rem;
	border: solid 1px #eee;
	border-radius: 4px;
}
.Audition label {
	width: 100%;
	height: 1.72rem;
	display: inline-block;
	overflow: hidden;
	float: left;
	margin-bottom: 0.1rem;
}
.Audition label img {
	width: 100%;
	height: 100%;
}
.Audition h1 {
	font-size: 0.28rem;
	color: #333;
	font-weight: normal;
	overflow: hidden;
	display: -webkit-box;
	margin-bottom: 0.05rem;
	-webkit-line-clamp: 1;
	-webkit-box-orient: vertical;
	padding: 0 0.1rem;
}
.Audition p {
	font-size: 0.22rem;
	color: #999;
	padding: 0 0.1rem;
}
.Audition p em {
	font-size: 0.26rem;
	color: #f01000;
	float: right;
}
.course_box {
	overflow: hidden;
	margin-top: 0.25rem;
}
.course_box li {
	margin-bottom: 0.2rem;
	display: inline-block;
	float: left;
	padding-left: 0.2rem;
}
.course_list {
	width: 3.45rem;
	height: 3.1rem;
	border: solid 1px #eee;
	border-radius: 4px;
}
.course_list label {
	width: 100%;
	height: 1.95rem;
	display: inline-block;
	overflow: hidden;
	float: left;
	margin-bottom: 0.1rem;
}
.course_list label img {
	width: 100%;
	height: 100%;
}
.course_list h1 {
	font-size: 0.28rem;
	color: #333;
	font-weight: normal;
	overflow: hidden;
	display: -webkit-box;
	margin-bottom: 0.05rem;
	-webkit-line-clamp: 1;
	-webkit-box-orient: vertical;
	padding: 0 0.1rem;
}
.course_list p {
	font-size: 0.22rem;
	color: #999;
	padding: 0 0.1rem;
}
.course_list p em {
	font-size: 0.26rem;
	color: #f01000;
	float: right;
}
.wrap {
	min-width: 320px;
	max-width: 768px;
	margin: 0 auto;
	overflow: hidden;
	position: relative;
}
.wrapper {
	position: relative;
	height: 2.85rem;
	width: 100%;
	overflow: hidden;
	margin: 0.2rem auto;
}
.wrapper .scroller {
	position: absolute;
}
.wrapper .scroller li {
	float: left;
	width: 3rem;
	height: 2.85rem;
	float: left;
	display: inline-block;
	margin-right: 0.2rem;
	margin-left: 0.2rem !important;
}
.wrapper .scroller li.sz {
	height: 3rem;
	width: 2.6rem;
}
.Faculty {
	overflow: hidden;
	zoom: 1;
	width: 2.6rem;
	height: 3rem;
	text-align: center;
	border: 1px solid #eee;
	border-radius: 4px;
	padding: 0.2rem 0.1rem;
}
.Faculty label {
	display: inline-block;
	clear: both;
}
.Faculty label img {
	border-radius: 100%;
	width: 1.46rem;
	height: 1.46rem;
}
.Faculty p {
	font-size: 0.28rem;
	color: #333;
	border-radius: 4px;
}
.Faculty p.km {
	font-size: 0.24rem;
	color: #999;
}
/*标签切换*/
.scroller li {
	overflow: hidden;
	margin-left: 0.2rem;
	margin-bottom:0.2rem;
	float: left;
}
.Module_box .swiper1 {
	height: 0.88rem;
	box-shadow: 0px 3px 3px rgba(0, 0, 0, 0.05);
	margin-bottom: .3rem;
	box-sizing: border-box;
}
.Module_box .swiper1 .swiper-slide {
	width: 2rem;
	height: 0.88rem;
	line-height: 0.88rem;
	font-size: .26rem;
	color: #666;
	line-height: .88rem;
	text-align: center;
	overflow: hidden;
	margin-right: 0.2rem !important;
}
/*三个固定标签切换*/
.kltwowrap3 {
	height: 0.88rem;
	box-shadow: 0px 3px 3px rgba(0, 0, 0, 0.05);
	margin-bottom: .3rem;
	box-sizing: border-box;
	text-align: center;
}
.kltwowrap3 a {
	font-size: 0.26rem;
	color: #666;
	line-height: 0.88rem;
	height: 0.88rem;
	display: inline-block;
	float: left;
}
    .kltwowrap3 a.active {
        color: #0384fc;
        font-size: 0.26rem;
        background: url(../images/cur.png) center 0.78rem no-repeat;
        background-size: 0.42rem auto;
    }
/*两个固定标签切换*/
.kltwowrap2{
	height: 0.88rem;
	box-shadow: 0px 3px 3px rgba(0, 0, 0, 0.05);
	margin-bottom: .3rem;
	box-sizing: border-box;
	text-align: center;
	background-color:#fff;
}
.kltwowrap2 a{
	font-size: 0.26rem;
	color: #666;
	line-height: 0.88rem;
	height: 0.88rem;
	display: inline-block;
	float: left;
}
.kltwowrap2 a.active{
	color: #333;
	font-size: 0.28rem;
	font-weight: 600;
	background: url(../images/cur.png) center 0.78rem no-repeat;
	background-size: 0.42rem auto;
}
.header a.shut-down {
    position: absolute;
    top: 0rem;
    right: 0rem;
    background: url(../images/shut-down.png) center no-repeat;
    background-size: 0.46rem;
    width: 0.88rem;
    height: 0.88rem;
    display: inline-block;
}
.header span i {
    background: url(../images/icon-down.png) center right no-repeat;
    background-size: 0.16rem;
    height: 0.88rem;
    width: 0.5rem;
    display: inline-block;
    position: absolute;
}

/* 暂无 */
.No-box {
    margin: auto;
    width: 100%;
    height: 4rem;
    text-align: center;
    padding-top: 0.3rem;
}

    .No-box img {
        width: 2.2rem;
        height: 2.2rem;
    }

    .No-box p {
        font-size: 0.28rem;
        color: #999;
    }
.scroller {
    overflow: hidden;
}
/* 试听结束 */
.Audition_end {
    background: url(../images/st_bg.png) no-repeat center center #0384fc;
    background-size: 100% auto;
}

.st_end {
    font-size: 0.28rem;
    color: #fff;
    text-align: center;
    position: absolute;
    top: 2.2rem;
    margin: 0 auto;
    width: 100%;
}

    .st_end p {
        font-size: 0.3rem;
        color: #fff600;
    }

        .st_end p img {
            width: 6rem;
            height: auto;
        }

.operating {
    overflow: hidden;
    zoom: 1;
    text-align: center;
    margin: auto;
    margin-top: 0.5rem;
}

    .operating a {
        color: #fff;
        font-size: 0.28rem;
        line-height: 0.68rem;
        text-align: center;
        margin: 0 0.2rem;
        border: 1px solid #fff;
        border-radius: 4rem;
        padding: 0 0.5rem;
        display: inline-block;
    }
/* 师资力量 */
.sz_banner {
    width: 100%;
    height: 3rem;
    margin-top: 0.88rem;
    overflow: hidden;
}

    .sz_banner img {
        width: 100%;
        height: 3rem;
    }

.sz_Faculty {
    overflow: hidden;
    zoom: 1;
    padding: 0.2rem;
}

.szll_del {
    background-color: #fff;
    width: 100%;
    overflow: hidden;
    padding: 0.2rem;
    border-radius: 0.04rem;
    margin-bottom: 0.2rem;
}

    .szll_del span {
        width: 1.5rem;
        height: 1.5rem;
        display: inline-block;
        float: left;
        margin-top: 0.2rem;
        border-radius: 50%;
        overflow:hidden;
    }

        .szll_del span img {
            width: 100%;
        }

    .szll_del label {
        float: left;
        border-left: 1px #f5f5f5 solid;
        height: auto;
        font-size: 0.24rem;
        font-weight: normal;
        float: right;
        width: 75%;
        padding-left: 0.2rem;
    }

        .szll_del label h1 {
            font-weight: normal;
            line-height: 0.36rem;
        }

            .szll_del label h1 a {
                font-size: 0.3rem;
                color: #333;
                font-weight: 600;
            }

            .szll_del label h1 em {
                margin-left: 0.1rem;
                font-size: 0.24rem;
                color: #666;
            }

        .szll_del label p {
            font-size: 0.24rem;
            line-height: 0.36rem;
            color: #999;
            margin-top: 0.15rem;
        }
.pt108 {
    padding-top: 1.08rem;
}

.pt88 {
    padding-top: 0.88rem;
}
#nav .bar {
    width: 1rem;
    height: 6px;
    position: absolute;
    bottom: 0px;
}

    #nav .bar .color {
        width: 0.42rem;
        margin: 0 auto;
        height: 2px;
        background: #0384fc;
        border-radius: 10px;
    }



#nav1 .bar1 {
    width: 1rem;
    height: 6px;
    position: absolute;
    bottom: 0px;
}
#nav1 .bar1 .color {
    width: 0.42rem;
    margin: 0 auto;
    height: 2px;
    background: #0384fc;
    border-radius: 10px;
}
#nav2 .bar2 {
    width: 1rem;
    height: 6px;
    position: absolute;
    bottom: 0px;
}

    #nav2 .bar2 .color {
        width: 0.42rem;
        margin: 0 auto;
        height: 2px;
        background: #0384fc;
        border-radius: 10px;
    }
#nav3 .bar3 {
    width: 1rem;
    height: 6px;
    position: absolute;
    bottom: 0px;
}

    #nav3 .bar3 .color {
        width: 0.42rem;
        margin: 0 auto;
        height: 2px;
        background: #0384fc;
        border-radius: 10px;
    }
.banner img {
    width: 100%;
    display: block;
}

.banner .swiper-pagination {
    left: auto;
    right: 7px;
    bottom: 7px;
    width: auto;
    padding: 2px 7px;
    border-radius: 10px;
    color: #fff;
    background: rgba(0,0,0,.3);
    font-size: 0.24rem;
}
.full {
    overflow: hidden;
    zoom: 1;
}
.Select-subject {
	background-color: #fff;
	box-shadow: 0px 3px 3px rgba(0, 0, 0, 0.05);
	width: 100%;
	overflow: hidden;
	text-align: center;
	display: none;
	overflow: scroll;
	height: 8rem;
}

.Select-subject a {
    height: 0.8rem;
    line-height: 0.8rem;
    text-align: center;
    border-bottom: 1px solid #f6f6f6;
    display: block;
    color: #333;
    font-size: 0.26rem;
}

    .Select-subject a.cur {
        color: #0384fc;
    }
.pt86 {
    padding-top: 0.8rem;
}

/* 搜索 */
.search_box {
    text-align: center;
    margin: auto;
    margin-top: 0.13rem;
    width: 80%;
    background-color: #fff;
    border-radius: 10rem;
    height: 0.6rem;
}

    .search_box input {
        padding-left: 0.1rem;
        border: 0;
        color: #333;
        height: 0.6rem;
        width: 96%;
        font-size: 0.24rem;
        line-height: 0.6rem;
        margin: auto;
        background: url(../images/search_2.png) center right no-repeat;
        background-size: 0.46rem;
        outline: none;
        margin: 0 0.1rem;
        -webkit-text-fill-color: #999;
        -webkit-opacity: 1;
        opacity: 1;
        display: block;
    }

.popular-cs {
    overflow: hidden;
    zoom: 1;
    margin: 0 0.3rem;
    padding-top: 1rem;
}

    .popular-cs h1 {
        font-size: 0.28rem;
        color: #333;
        line-height: 0.6rem;
        border-bottom: 1px solid #f5f5f5;
    }

    .popular-cs a {
        font-size: 0.26rem;
        color: #666;
        display: block;
        line-height: 0.68rem;
        margin-top: 0.2rem;
    }

        .popular-cs a em {
            margin-right: 0.15rem;
            font-weight: 600;
            color: #999;
        }

            .popular-cs a em.red {
                color: #f01000;
            }

.search-jg {
    height: 0.8rem;
    background-color: #fff;
    font-size: 0.26rem;
    color: #666;
    line-height: 0.8rem;
    padding: 0 0.2rem;
    overflow: hidden;
    zoom: 1;
}

    .search-jg span {
        color: #0384fc;
        padding: 0 0.1rem;
    }