/* Custom Stylesheet */
/**
 * Use this file to override Materialize files so you can update
 * the core Materialize files in the future
 *
 * Made By MaterializeCSS.com
 */
@charset "utf-8";

/*CSS Include...*/
.wrap {
	padding-top: 50px;
	font-family: 'Helvetica Neue',Helvetica,sans-serif;
}

.wrap-in {
	margin-bottom: 10px;
	background: #fff;
}

.school-header {
	padding: 10px 0;
	background: #fff;
	margin-bottom: 10px;
}

.school-header .logo-out {
	padding-top: 10px;
	padding-left: 15px;
}

.school-header .logo {
	display: block;
	max-width: 100%;
	margin-bottom: 10px;
}

.school-header .logo-img{
	border-radius: 5px;
	box-shadow: 0 6px 10px 0 rgba(95, 101, 105, 0.15);
}

.school-header .name a {
	font-size: 2.2rem;
	color: #333;
}

.header-con {
	float: left;
	font-size: 12px;
}

.header-con .am-u-sm-10{
	width: 100%;
}

.header-con .name {
	color: #333;
	font-size: 1.8rem;
}

.header-con .comment {
	margin-top: 5px;
	margin-bottom: 10px;
}

.header-course {padding:5px 15px 0px 15px;display: flex;overflow-x:scroll;}

.header-course .am-badge {
	padding: 6px 8px;
	background: #f4f4f4;
	color: #A9A9A9;
	font-weight: normal;
	font-size: 1.3rem;
	margin-right: 5px;
	border-radius: 5px;
	margin-bottom: 8px;
	flex-shrink:0;
}

.school-share a {
	color: #3b89f5;
}

.school-share a i {
	margin-right: 5px;
}

/*banner*/
#banner .am-control-nav {
	bottom: 10px;
}

.am-slider-default {box-shadow: 0 0px 0px #ccc;padding: 0px;}

.am-slider-default { margin-bottom: 10px;margin-top: 15px;}

.am-slider-default .am-control-nav li { margin: 0 3px;}

.am-slider-default .am-control-nav li a {

	width: 10px;
	height: 6px;
	background-color: rgba(255,255,255,0.5);
}

.am-slider-default .am-control-nav li a.am-active {
	background-color: rgba(255,255,255,1);
}

.banner-wrap .am-slider-default { margin-bottom: 0;}



.coupon-wrap {
	margin-bottom: 10px;
}

.coupon {
	margin: 0 10px;
	display: flex;
	align-items: center;
	justify-content: space-between;
	padding: 10px;
	color: rgba(255,255,255,0.64);
	background: url("../images/coupon01.png") no-repeat center;
	background-size: 100% 100%;
	overflow: hidden;
	margin-bottom: 5px;
}
.coupon .img {
	width: 38px;
	height: 38px;
}

.coupon-con {
	width: 100%;
	font-size: 12px;
}

.coupon-con .name {
	font-size: 1.6rem;
	color: #fff;
}
.coupon-con .desc {
	color: rgba(255,255,255,0.64);
}

.button {
	display: inline-block;
	padding: 0 10px;
	height: 32px;
	line-height: 32px;
	text-align: center;
	color: #3b89f5;
	font-size: 14px;
	background: linear-gradient(180deg,#ffffff, #afe7ff);
	border-radius: 24px;
}


.course-wrap {
	padding: 10px;
	background: #fff;
}

.course-type-list {
	margin-bottom: 20px;
	overflow-x: scroll;
	display: flex;
}

.course-type-list .course-type-item {
	padding: 5px;
	text-align: center;
	margin: 3px 0px;
	flex-shrink: 0;
	
}

.course-type-list .course-type-item span {
	display: block;
	height: 30px;
	line-height: 30px;
	background: #e9ecf3;
	border-radius: 5px;
	font-size: 1.3rem;
	overflow : hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 1; /* 限制在一个块元素显示的文本的行数 */
    -webkit-box-orient: vertical; /* 垂直排列 */
    word-break: break-all;  /* 内容自动换行 */
    padding: 0px 5px;
}

.course-type-list .course-type-item span.active {
	color: #fff;
	background: #3b89f5;
}

.course-list .course-item {
	overflow: hidden;
	margin-bottom: 2.5rem;
}

.course-list .course-item .course-item-img {
	float: left;
	width: 35%;
	background-color: #f5f5f5;
}

.course-list .course-item .course-item-img .img {
	display: block;
	max-width: 100%;
	border-radius:8px;
	box-shadow: 0 6px 10px 0 rgba(95, 101, 105, 0.15);
}

.course-list .course-item-con {
	margin-left: 35%;
	padding-left: 20px;
	color: #aaa;
}

.course-list .course-item .course-item-con .name {
	font-size: 1.4rem;
	font-weight: normal;
	color: #000;
}

.course-list .course-item .course-item-con .desc {
	font-size: 1.2rem;
	color: #aaa;
}

.about-wrap {
	padding: 10px;
	font-size: 14px;
	color: #656565;
	background: #fff;
}

.about-item {
	display: flex;
	margin-bottom: 10px;
	color: #a9a9a9;
}

.about-item:last-child {
	margin-bottom: 0;
}

.about-item .label {
	min-width: 80px;
	color: #818181;
}

.about-item .con.serve {
	display: inline-block;
}

.about-item .con {
	color: #656565;
	line-height: 28px;
}

.about-item .con p{
	color: #6b6b6b;
	line-height: 32px;
}

.about-item .con span{
	line-height: 32px;
}


.serve-item {
	display: inline-block;
	margin-bottom: 5px;
}

.serve-item .icon {
	margin-right: 5px;
	color: #3b89f5;
}

.school-wrap {
	padding: 10px;
	font-size: 14px;
	background: #fff;
}

.school-type-list {
	margin-bottom: 10px;
	overflow: hidden;
}

.school-type-list .school-type-item {
	padding: 5px;
	text-align: center;
}

.school-type-list .school-type-item span {
	display: block;
	height: 30px;
	line-height: 30px;
	background: #eeeeee;
	border-radius: 5px;
}

.school-type-list .school-type-item span.active {
	color: #fff;
	background: #3b89f5;
}

.school-address {
	padding: 5px 0;
	color: #797979;
}

.school-map {
	height: 160px;
	background-color: #fff;
	-webkit-box-shadow: 0 0 16px rgba(15,110,130,.2);
	-moz-box-shadow: 0 0 16px rgba(15,110,130,.2);
	box-shadow: 0 0 16px rgba(15,110,130,.2);
	padding: 0px;
}

.env-wrap {
	padding: 10px;
	font-size: 14px;
	background: #fff;
}

.env-list {
	margin: 0;
	padding: 5px;
}

.env-list.am-gallery-default>li {
	float: left;
	padding: 5px;
	width: 33.33%;
}

.comment-wrap {
	margin-bottom: 10px;
	padding: 10px;
	font-size: 14px;
	background: #fff;
}

.am-thumbnails {margin: 0;}

.comment-type-list .course-type-item {
	padding: 5px;
	text-align: center;
}

.comment-type-list .comment-type-item span {
	display: block;
	height: 30px;
	line-height: 30px;
	text-align: center;
	background: #eeeeee;
	border-radius: 5px;
}

.comment-type-list .course-type-item span.active {
	color: #fff;
	background: #3b89f5;
}



.web-command-item {
	margin-bottom: 10px;
	padding-bottom: 10px;
	border-bottom: 1px solid #f3f0f0;
}

.web-command-item:last-child {
	padding-bottom: 0;
	margin-bottom: 0;
	border-bottom: 0;
}

.web-command-item .img {
	float: left;
	width: 45px;
	height: 45px;
	border-radius: 50%;
	overflow: hidden;
}

.web-command-item .img img { border-radius: 50%; }

.web-command-item .con {
	position: relative;
	margin-left: 55px;
	color: #999;
}

.web-command-item .date {
	position: absolute;
	right: 0;
	top: 0;
	font-size: 12px;
}

.web-command-item .quality {
	position: absolute;
	right: 0;
	top: 0;
	z-index: 2;
	height: 50px;
	width: 50px;
}

.web-command-item .name,
.web-command-item .des { color: #333; }

.web-command-item .pictures {
	overflow: hidden;
}

.web-command-item .pictures img {
	float: left;
	width: 65px;
	height: 65px;
	margin: 5px 10px 5px 0;
}

.news-wrap {
	padding: 10px;
	font-size: 14px;
	color: #aaa;
	background: #fff;
}

.news-list {
	overflow: hidden;
	line-height: 28px;
}

.news-item {
	float: left;
	padding: 2px 10px 2px 0;
	width: 50%;

}

.train-wrap {
	margin-bottom: 10px;
	padding: 10px 10px 15px;
	font-size: 14px;
	background: #fff;
	border-bottom: 1px solid #eee;
}

.train-wrap .block-tit .other,.train-wrap .block-tit .other a {
	display: inline-block;
	font-size: 1.3rem;
}
.train-wrap .block-tit .other a {
	padding: 3px 4px;
}

.train-list a {
	display: inline-block;
	margin-right: 15px;
	color: #aaa;
	font-size: 12px;
}

.bread-nav {
	padding: 10px 5px;
	font-size: 12px;
	color: #aaa;
	background: #fff;
}

.bread-nav a {
	padding: 0 5px;
	color: #aaa;
}

.bread-nav a.active {
	color: #3b89f5;
}

.footer {
	padding: 10px;
	color: #ccc;
	text-align: center;
	font-size: 12px;
	background: #fff;
	box-shadow: 0px -3px 10px 0px rgba(0,0,0,0.10);
}

.footer-list a {
	display: inline-block;
	padding: 5px;
	color: #ccc;

}

.am-panel-group {
	margin-bottom: 0;
}

.am-panel-group .am-panel+.am-panel {
	margin-top: 2px;
}

.am-panel-default {
	border-color: #fff;
}

.am-gallery-default .am-gallery-item img{
	height: 88px;
}

.comment-type-list .comment-type-item span.active{
	background-color: #3b89f5;
	color: #fff;
}

.face-box {
    width: 40px;
    height: 40px;
    -moz-border-radius: 50%;
    border-radius: 50%;
    background: #43a0eb;
    text-align: center;
    line-height: 40px;
    color: #fff;
    font-size: 14px;
    font-weight: 600;
    margin-right: 18px;
    float: left;
    /* margin-top: 25px; */
}

.dist-area{
	display: none;
}
.dist-area0{
  display: block;
}

.star{
	display: none;
}
.star0{
  display: block;
}

.bar{
	display: none;
}
.bar0{
  display: block;
}


.school-bottom{
	display: none;
}

.block-tit .other a.active{
	color: #3b89f5;
}

.school-bottom1{
	display: block;
}

.coupon-con .name a{
	color: #333;
	font-size: 1.7rem;
	overflow : hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 1; /* 限制在一个块元素显示的文本的行数 */
    -webkit-box-orient: vertical; /* 垂直排列 */
    word-break: break-all;  /* 内容自动换行 */
}
.course-item-con .name a{
	color: #333;
	font-size: 1.7rem;
	overflow : hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 1; /* 限制在一个块元素显示的文本的行数 */
    -webkit-box-orient: vertical; /* 垂直排列 */
    word-break: break-all;  /* 内容自动换行 */
}

.button-more a{
	color: #fff;
}

.news-school .title{
	line-height: 36px;
}

.news-school .meta{
	font-size: 1.4rem;
	display: -webkit-flex; /* Safari */
	display: flex;
	justify-content: space-between;
}

.footer p{color: #ccc;}


.course-price{
	font-size: 14px;
    color: #ff7640;
    font-weight: bold;
}

.ellip{
	overflow : hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 1; /* 限制在一个块元素显示的文本的行数 */
    -webkit-box-orient: vertical; /* 垂直排列 */
    word-break: break-all;  /* 内容自动换行 */
}

.ellip2{
	overflow : hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 2; /* 限制在一个块元素显示的文本的行数 */
    -webkit-box-orient: vertical; /* 垂直排列 */
    word-break: break-all;  /* 内容自动换行 */
}

.coupon-right{
	display: flex;
    justify-content: center;
    flex-direction: column;
}

.coupon-amount{
	color: #fff;
}

.coupon-amount span{
	font-size: 2.4rem;
	font-weight: bold;
}

.am-panel{
	box-shadow: 0 0px 0px #ccc;padding: 0px 10px;
	padding: 0px;
}


.list-panel li{
	margin-top: 20px;
}

.list-panel .li-left img{
	display: block;
	max-width: 100%;
	border-radius:8px;
	box-shadow: 0 6px 10px 0 rgba(95, 101, 105, 0.15);
	width: auto;
}


.list-panel .li-right .name{
	font-size: 1.7rem;
	color: #333;
}

.list-panel .li-right .name a{
	color: #333;
}

.list-panel .li-right .identity{
	background-color: #d1e9f5;
    padding: 2px 3px;
    color: #1891cb;
    font-size: 1.2rem;
}

.list-panel .li-right .meta{
	font-size: 1.2rem;
}

.list-panel .li-right .rec{
	color: #fff;
    background-color: #ff8400;
}

.list-panel .li-right .price{
	font-size: 14px;
    color: #ff7640;
    font-weight: bold;
}

.list-panel .li-right .bottom{
	font-size: 1.2rem;
	display: flex;
	justify-content: space-between;
}
.list-panel .li-right .bottom a{
	color: #6b6b6b;
}

.filter-head{
	border-top: 10px solid #f0f0f0;
}

.news-list a{color: #333;}
.news-list .meta{color: #6b6b6b;}
.lastmod {float: right;padding-right: 10px;}


.panel{display:flex;flex-direction:column;background:#fff;position:relative;padding:10px;font-size:1.4rem;color:#999;overflow:hidden}
.panel-header{display:flex;line-height:40px;font-size:1.6rem;font-weight:bold;justify-content:space-between}
.panel-header h3{position:relative;margin:0;padding-left:13px;font-size:1.7rem;color:#333;overflow:hidden}
.panel-header h3:before{position:absolute;left:0;top:11px;content:"";width:4px;height:15px;vertical-align:text-bottom;background-color:#1891cc}
.panel-header a{color:#C9C9C9;font-size:1.4rem;font-weight:lighter}
.panel-header a.am-text-truncate{color:#333;display:flex;line-height:40px;font-size:1.6rem;font-weight:bold}
.panel-header .btn{border-radius:0.5rem;background-color:#2692ff;font-size:1.4rem;color:#fff;padding:3px 5px;display:inline;font-weight:normal}
.panel .grid-body{display:flex;justify-content:flex-start;flex-wrap:wrap}
.panel .grid-body{padding:0}
.panel ul li{position:relative;padding:10px 0;font-size:1.4rem;color:#999;border-bottom:1px solid #f3f0f0;overflow:hidden}
.panel ul li a{display:flex;flex-direction:row}
.panel ul li a img{max-width:100%;border:0;border-radius:8px;margin-right:15px;width: 30%}
.panel ul li a .title{font-size:1.7rem;color:#333}
.panel ul li a .text{color:#aaa}
.panel .icon{font-weight:bold;padding-right:10px;font-size:1.6rem}
.panel .primary{color:#068bf2}
.panel .success{color:#67C23A}
.district-body{display:flex;flex-direction:row;justify-content:space-between}
.district-body .district-name a{color:#333}
.district-body .district-route{line-height:66px;padding-left:10px;flex-shrink:0}
.district-body .district-route a{border-radius:5rem;background-color:#2692ff;font-size:1.4rem;color:#fff;padding:5px 10px}
.qa-body{display:flex;flex-direction:row}
.qa{margin-bottom:10px}
.comment-wrap{padding:10px;margin-top:15px}
.comment-form .star_new>em:before{content:"\e870";font-family:iconfont;font-size:.37rem;position:absolute;top:0;color:#ddd}
.coupon-right{flex-shrink:0}
.teacher{height:200px;display:flex;flex-direction:row;overflow-x:scroll;overflow-y:none;scrollbar-width:thin}
.teacher .teacher-item{width:130px;border-radius:50%;border:solid 1px #ececec;border-radius:5px;background-color:#fff;padding:15px 15px;margin:0 12px}
.teacher .teacher-item-head img{width:80px;height:80px;border-radius:50%;margin-left:10px}
.teacher .teacher-item-name{color:#000;font-weight:700;margin:10px}
.teacher .teacher-item-type{color:#888;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.teacher .teacher-item-major{color:#888;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.teacher .teacher-item-content{text-align:center;margin-bottom:10px}
.coupon-right{flex-shrink:0}
.school-address .district-name{color:#000;font-weight:700;font-size:1.6rem}
.course-panel .am-g{display:flex;flex-flow:wrap}
.grid-body .course-item{border-radius:10px;padding-bottom:1.5rem;border:1px solid #f1f1f1}
.course-item .card-image img{border-radius:10px 10px 0px 0px}
.card-header{display:flex;justify-content:space-between;padding:1rem;height:4rem;line-height:2rem}
.card-header .title{font-size:1.6rem;font-weight:700;color:#1f1f1f}
.card-header .meta{font-size:1.2rem;flex-shrink:0;color:#666}
.course-item .card-content{font-size:1.2rem;line-height:2.4rem;color:#666}
.news-list{display:flex;flex-direction:column;margin-top:10px}
.news-item{width:100%;background-color:#f1f4f8;padding:0.6rem 15px;border-radius:5px;font-size:1.4rem;color:#000;margin:5px 0px}
.bread-nav{display:flex;justify-content:space-between}
.bread-item{display:flex;flex-direction:row}
.bread-nav .active{max-width:200px}