.header-screen {
	/*display: inline-block;*/
	padding-right: 20px;
	background: url(../img/icon-header-down.svg) right center no-repeat;
	background-size: 22px;
}
/*---------颜色---------*/

.price-color{
	color: #FF7011;
}
.cont-color{
	color: #6B6E74;
}
.c0{
	color: #000;
}
.mb5{
	margin-bottom: 5px;
}
.mb10{
	margin-bottom: 10px;
}
.mb15{
	margin-bottom: 15px;
}
.ml15{
	margin-left: 15px;
}
.padding10 {
	padding: 10px;
}
.bk-white {
	background-color: #fff;
}
.per100 {
	width: 100%;
}
.text-right {
	text-align: right;
}
.border-bottom-efeff4 {
	border-bottom: 1px solid #efeff4;
}
/*---------重置数字输入框---------*/
.mui-numbox {
	width: 90px;
	height: 22px;
	padding: 0 25px;
}
.mui-numbox [class*=numbox-btn] {
	width: 25px;
}
.mui-numbox .mui-numbox-input {
	font-size: 14px;
}
body.modal-open {
    position: fixed;
    width: 100%;
}
/*---------顶部---------*/
.head-title{
	position: relative;
	padding-left: 44px;
	height: 44px;
	line-height: 44px;
	color: #fff;
	font-size: 20px;
	background: url(../img/title-logo.png) 7px center no-repeat;
	background-size: 30px;
}
.head-title.hasback{
	padding-left: 70px;
	background-position-x: 33px;
}
.head-title .ell-title {
	position: absolute;
	width: 51%;
	top: 0;
	line-height: 49px;
	font-size: 14px;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
}
.head-title .ell-title {
	left: 118px;
}
.head-title.hasback .ell-title {
	left: 143px;
} 
.search{
	position: absolute;
	top: 0;
	right: 6px;
	width: 44px;
	height: 44px;
	background: url(../img/search.svg) center no-repeat;
	background-size: 26px;
}
.cutline{
	width: 1px;
	height:  17px;
	background-color: #fff;
	vertical-align: -2px;
}
.white{
	color: #fff;
}
.headbk1{
	background-color: #FF0000;
}
.headbk2{
	background-color: #FF0000;
}
.headbk3{
	background-color: #FF0000;
}
.headbk4{
	background-color: #FF0000;
}
.headbk5{
	background-color: #FF0000;
}
/*---------轮播图---------*/
.swiper-slide {
    display: flex;
    justify-content: center;
    align-items: center;
}

#banner .swiper-slide img {
    max-width: 100%;
    min-width: 60%;
    max-height: 100%;
    min-height: 60%;
}


.main-head{
	display: flex;
	justify-content: space-between;
	align-items: center;
	background: #d64954;
	padding: 0 15px;
}
.main-head>img{
	width: 20px;
}
.input_div{
	width:250px;
	position: relative;
	height:26px;
}
.main-head input{
	width: 250px;
	height: 26px;
	border: none;
	outline: none;
	margin: 0;
	padding: 0 36px;
	font-size: 16px;
	background: none;
	border-bottom: 1px solid #ffffff;
	color: #ffffff;
}

::-webkit-input-placeholder {
  	color: #cecece;
  	font-size: 14px;
}
.input_div img{
	position: absolute;
	width: 16px;
	top: 50%;
	transform: translateY(-50%);
}
.input_div .small-1{
	left: 12px;}
	
.input_div .small-2{
	right: 12px;
}
.menu{
	width: 100%;
	height: 135px;
	padding-top: 20px;
	display: flex;
	justify-content: space-around;
	align-items: center;
	margin: 0;
	background: #ffffff;
}
.menu >div{
	width: 60px;
	text-align: center;
}
.menu img{
	width: 55px;
	margin-bottom: 5px;
}
.menu span{
	font-size: 14px;
}
.notice{
	width: 100%;
	background: #ffffff;
	height: 30px;
	padding: 0 15px;
	margin-bottom: 10px;
}
.notice img{
	float: left;
	width: 16px;
	margin-right: 10px;
	position: relative;
	top: 2px;
}
.notice p{
	float: left;
	width: 70%;
}
.more{
	float: right;
	font-size: 14px;
	color: #cecece;
}
/*---------遮罩层---------*/
.mask {
	position: fixed;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	background-color: rgba(0,0,0,0.9);
	z-index: 10;
	display: none;
}

.mui-backdrop {
	position: fixed;
	z-index: 998; 
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
	background-color: rgba(0, 0, 0, .3);
}
/*---------活动展示---------*/
.active-class{
	display: -webkit-flex;
	display: flex;
	-webkit-flex-wrap: wrap;
	flex-wrap: wrap;
	-webkit-justify-content: space-between;
	justify-content: space-between;
	background-color: #fff;
}
.active-class a{
	margin-bottom: 2px;
	width: calc(50% - 1px);
	height: 100px;
	background-color: #ccc;
}
.active-class a img {
	width: 100%;
	height: 100px;
}
/*---------列表标题---------*/
.rank-title{
	width: 100%;
	height: 40px;
	padding: 14px 15px 0;
	background: #ffffff;
}
.rank-title img{
	float: left;
	width: 16px;
	margin-right: 10px;
	position: relative;
	top: 2px;
}
.rank-title span{
	float: left;
	font-size: 16px;
}

/*---------培训机构列表---------*/
.ranklist li{
	position: relative;
	margin-bottom: 5px;
	padding: 10px 10px 10px 150px;
	height: 120px;
	background-color: #fff;
}
.ranklist li:last-child{
	margin-bottom: 0;
}
.rankschool li .listimg {
	position: absolute;
	top: 10px;
	left: 10px;
	width: 130px;
	height: 100px;
}
.rankschool li {
	height: 120px;
}
.rankcourse li{
	min-height: 140px;
	padding-left: 140px;
}
.rankcourse li .listimg{
	position: absolute;
	top: 10px;
	left: 10px;
	width: 120px;
	height: 120px;
}
.rankcourse li .listcontent,.rankschool li .listcontent {
	position: relative;
	height: 100%;
}
.rankschool li .listcontent .fit-wrap {
	float: left;
	width: 65%;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
}
.rankcourse li .addwrap,.rankschool li .addwrap {
	position: absolute;
	left:0;
	bottom: 10px;
	width: 100%;
	padding-right: 60px;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
}
.rankschool li .addwrap {
	bottom: 0;
}
.addwrap .addwrap-dis,.rankschool li .addwrap .addwrap-dis{
	position: absolute;
	bottom: 0;
	right: 0;
}
.rankschool li .addwrap .addwrap-dis {
	
}
/*---------星级---------*/
.star img{
	width: 18px;
	vertical-align: -3px;
	margin-left: 1px;
}
/*---------广告---------*/
.advert{
	display: block;
	width: 100%;
	height: 50px;
}
.advert img{
	display: block;
	width: 100%;
	height: 50px;
}
/*---------地址---------*/
.address{
	background: url(../img/ty_wz.png) left center no-repeat;
}
.addressc{
	display: inline-block;
	width: 70%;
	background: url(../img/ty_wz.png) left 3px no-repeat;
}
.address,.addressc{
	padding-left: 18px;
	background-size: 10px 14px;
}
/*---------底部文字---------*/
.underline{
	height: 60px;
	line-height: 60px;
	font-size: 10px;
	text-align: center;
	/*background: url(../img/page-underline.png) center center no-repeat;
	background-size: 130%;*/
}
/*---------我的宝菜单---------*/
.school-menu {
	margin-bottom: 5px;
	padding: 10px 0;
	display: -webkit-flex;
	display: flex;
	-webkit-justify-content: center;
	justify-content: center;
	-webkit-flex-wrap: wrap;
	flex-wrap: wrap;
	background-color: #fff;
}
.school-menu a{
	margin: 10px 0;
	width: 25%;
	text-align: center;
	color: #6B6E74;
	font-size: 14px;
}
.school-menu a img{
	width: 35px;
}
/*---------用户头像信息---------*/
.userinfo{
	position: relative;
	padding: 20px 20px 20px 120px;
	height: 120px;
	background-color: #fff;
	border-bottom: 1px solid #E9E9E9;
}
.userinfo>.headimgbk{
	position: absolute;
	top: 20px;
	left: 25px;
	width: 75px;
	height: 75px;
	border-radius: 50%;
	background-repeat: no-repeat;
	background-size: cover;
}
.userinfo a{
	color: #007AFF;
}
.userlogininfo{
	padding-top: 3px;
	font-size: 12px;
}
.userlogininfo div:first-child{
	font-size: 15px;
	margin-bottom: 5px;
}
.accountinfo{
	padding: 8px 0;
	margin-bottom: 5px;
	display: -webkit-flex;
	display: flex;
	-webkit-justify-content: center;
	justify-content: center;
	font-size: 12px;
	line-height: 1.35em;
	color: #555;
	background-color: #fff;
}
.accountinfo .item{
	width: 33.33%;
	text-align: center;
	border-right: 1px solid #ccc;
}
.accountinfo .item:last-child{
	border-right: none;
}
/*---------活动专题导航----------*/
.project-screen-nav{
	margin: 3px 0;
	display: -webkit-flex;
	display: flex;
	-webkit-justify-content: space-between;
	justify-content: space-between;
}
.project-screen-nav span{
	height: 41px;
	line-height: 41px;
	width: calc((100% - 2px) / 3);
	text-align: center;
	font-size: 14px;
	background: url(../img/screen.png) 88% center no-repeat #fff;
	background-size: 7px;
}
.project-screen-nav .screen-on{
	color: #FF7011;
	background-image: url(../img/screen1.png);
}
/*---------筛选导航---------*/
.screen-nav-wrap {
	position: relative;
	width: 100%;
	height: 42px;
	border-bottom: 1px solid #EFEFF4;
	z-index: 9;
}
.screen-nav{
	position: relative;
	display: -webkit-flex;
	display: flex;
	-webkit-justify-content: space-between;
	justify-content: space-between;
	width: 100%;
	border-bottom: 1px solid #EFEFF4;
	z-index: 5;
}
.screen-nav.motion {
	position: fixed;
	top: 44px;
	left: 0;
}
.screen-nav span{
	height: 41px;
	line-height: 41px;
	width: 25%;
	text-align: center;
	font-size: 14px;
	background: url(../img/screen.png) 92% center no-repeat #fff;
	background-size: 5px;
}
.screen-nav span.screen-on{
	color: #FF7011;
	background-image: url(../img/screen1.png);
}
/*----------筛选内容----------*/
.screen-cont-container {
	position: fixed;
	top: 44px;
	left: 0;
	width: 100%;
	/*height: 41px;*/
	z-index: 9;
	display: none;
}
.screen-detail-option,.screen-option{
	width: 100%;
	font-size: 14px;
	z-index: 4;
	-webkit-transform: translateY(-100%);
	-webkit-transition: all .4s linear;
}
.screen-option {
	position: absolute;
	top: 58px;
	left: 0;
}
.activation {
	-webkit-transform: translateY(0);
}
.screen-class .screen-class-name {
	float: left;
	width: 25%;
	height: 100%;
	background-color: #EFEFF4;
	overflow: auto;
}
.screen-class .screen-class-name li {
	height: 40px;
	line-height: 40px;
	padding-left: 10px;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
}
.screen-class .screen-class-name li.selected {
	background-color: #fff;
}
.screen-class .screen-class-cont {
	float: right;
	padding: 10px 5px;
	width: 75%;
	height: 90%;
	background-color: #fff;
	overflow: auto;
}
.screen-class-cont .class-item-title {
	padding: 10px 5px;
	border-bottom: 1px solid #EFEFF4;
}
.screen-class-cont .classify-item {
	padding-top: 15px;
	display: -webkit-flex;
	display: flex;
	-webkit-justify-content: flex-start;
	justify-content: flex-start;
	-webkit-flex-wrap: wrap;
	flex-wrap: wrap;
	background-color: #fff;
}
.screen-class-cont .classify-item li {
	margin-bottom: 5px;
	width: 33.3333%;
	text-align: center;
}
.screen-class-cont .classify-item li img {
	width: 60%;
}
.screen-radio div {
	display: block;
	height: 40px;
	line-height: 40px;
	border-bottom: 1px solid #EFEFF4;
}
.screen-radio {
	padding-left: 10px;
	background-color: #fff;
}
.screen-radio div.selected {
	color: #FF7011;
	border-bottom-color: currentColor;
	background: url(../img/icon-screen-check.png) 95% center no-repeat;
	background-size: 20px;
}
.screen-detail-option,.screen-class {
	position: fixed;
	top: 102px;
	left: 0;
	right: 0;
	bottom: 50px;
	padding-bottom: 45px;
	background-color: #fff;
	z-index: 4;
}
.screen-class {
	padding-bottom: 0;
}
.screen-detail-option ul {
	padding: 10px;
	height: 100%;
	overflow: auto;
} 
.screen-detail-option ul li {
	margin-bottom: 10px;
}
.screen-detail-option ul li .title {
	padding-left: 10px;
	margin-bottom: 8px;
	color: #838383;
}
.screen-detail-option ul li .cont {
	padding: 0 5px;
	font-size: 0;
} 
.screen-detail-option ul li .cont span{
	margin: 0 5px 10px 5px;
	display: inline-block;
	width: calc((100% - 40px) / 4);
	text-align: center;
	line-height: 28px;
	font-size: 14px;
	border: 1px solid #838383;
	border-radius: 4px;
}
.screen-detail-option ul li .cont span.selected {
	color: #fff;
	background-color: #FF7011;
	border-color: #FF7011;
}
.screen-detail-footer {
	position: absolute;
	left: 0;
	bottom: 0;
	display: -webkit-flex;
	display: flex;
	-webkit-justify-content: center;
	justify-content: center;
	width: 100%;
	height: 45px;
	line-height: 45px;
	text-align: center;
	border-top: 1px solid #EFEFF4;
}
.screen-detail-footer div {
	width: 50%;
}
.goback-btn{
	color: #FF7011;
}
.query-btn {
	color: #fff;
	background-color: #FF7011;
}
/*---------活动标志---------*/
.activetip{
	margin-right: 5px;
	display: inline-block;
	width: 30px;
	height: 30px;
	line-height: 30px;
	text-align: center;
	border-radius: 6px;
	border: 1px solid currentColor;
}
.bluetip{
	color: #0064C0;
}
.yellowtip{
	color: #FFA000;
}
.redtip{
	color: #FF0000;
}
.greentip{
	color: #2DA032;
}
/*---------产品保证标志---------*/
.produce{
	margin: 1px 0;
	padding: 8px 5px;
	display: -webkit-flex;
	display: flex;
	-webkit-justify-content: space-between;
	justify-content: space-between;
	background-color: #fff;
}
.produce a{
	width: calc((100% - 35px) / 4);
}
.produce a img{
	display: block;
	width: 100%;
}
/*---------详情页面头部信息---------*/
.course-info{
	margin-bottom: 5px;
	padding: 10px;
	background-color: #fff;
}
.course-info .course-name{
	margin-bottom: 8px;
	font-size: 20px;
}
.course-info .course-name .tip{
	margin-right: 5px;
	display: inline-block;
	width: 20px;
	height: 20px;
	line-height: 20px;
	text-align: center;
	font-size: 14px;
	color: #fff;
	border-radius: 3px;
	background-color: #FF7011;
	vertical-align: 3px;
}
/*---------详情页面活动---------*/
.courseactive{
	position: relative;
	padding: 10px;
	margin-bottom: 5px;
	min-height: 50px;
	font-size: 14px;
	background-color: #fff;
}
.courseactive ul{
	margin-left: 68px;
}
.courseactive ul li{
	margin: 2px 0;
}
.courseactive>span{
	position: absolute;
	top: 17px;
	left: 10px;
}
/*---------学校信息,联系方式等---------*/
.school-info{
	background-color: #fff;
	padding: 10px 15px;
}
.infoimgwrap img{
	margin: 0 8px;
	width: 16px;
	height: 16px;
	vertical-align: -3px;
}
.school-info .contact{
	border-top: 1px solid #E9E9E9;
	padding-top: 5px;
}
/*---------菜单menu---------*/

/*---------选择按钮---------*/
.btn-check,.btn-check-del {
	display: inline-block;
	width: 20px;
	height: 20px;
	border-radius: 50%;
}
.btn-check {
	border: 1px solid #c9c9c9;
}
.btn-check.active {
	background: url(../img/check.svg) center center no-repeat #FF7011;
	background-size: 10px;
	border-color: #FF7011;
}
.btn-check-del {
	border: 1px solid #FF7011;
	background: url(../img/jian.svg) center center no-repeat #FF7011;
	background-size: 10px;
}
/*---------老师面板信息---------*/
.teacher-item {
	position: relative;
	padding: 25px 15px 25px 100px;
	background-color: #fff;
}
.teacher-item .headimg {
	position: absolute;
	left: 15px;
	top: 25px;
	width: 70px;
	height: 70px;
	border-radius: 50%;
}
.teacher-item .change-teacher {
	position: absolute;
	left: 21px;
	top: 104px;
	padding-right: 15px;
	font-size: 12px;
	background: url(../img/screen.png) center right no-repeat;
	background-size: 10px;
}
.teacher-item .contact img{
	margin-right: 5px;
	height: 20px;
	vertical-align: -4px;
}
/*---------商品列表---------*/
.shoplist {
	/*display: -webkit-flex;
	display: flex;
	-webkit-flex-wrap: wrap;
	flex-wrap: wrap;
	-webkit-justify-content: space-between;
	justify-content: space-between;
	-webkit-align-items: flex-start;
	align-items: flex-start;*/
	background: #ffffff;
	overflow: hidden;
}
.shoplist .item {
/*	margin-bottom: 5px;
	padding: 10px 5px;
	width: calc((100% - 5px) / 3);
	background-color: #fff;*/
	width: 28%;
	margin: 5px 0px 10px 15px;
	float: left;
}
.shoplist .item .imgwrap img {
	width: 100%;
}
.shoplist .item .shopinfo {
	position: relative;
	min-height: 45px;
	font-size: 12px;
}
.shoplist .item .shopinfo img {
	position: absolute;
	left: 0;
	top: 6px;
	width: 30px;
	height: 30px;
}
/*---------缴费性质---------*/
.course-payment {
	padding: 10px;
	font-size: 14px;
	color: #6B6E74;
	background-color: #fff;
}
.course-payment .payment-type {
	margin-bottom: 10px;
}
.course-payment .payment-type span {
	margin-right: 8px;
	padding: 5px 12px;
	border: 1px solid currentcolor;
	color: #6B6E74;
}
.course-payment .payment-type span.active {
	color: #FF7011;
}
.course-menu {
	display: -webkit-flex;
	display: flex;
	-webkit-justify-content: center;
	justify-content: center;
	background-color: #fff;
}
.course-menu span {
	padding: 10px 0;
	width: 33.33333%;
	text-align: center;
	border-bottom: 1px solid transparent;
}
.course-menu span.active {
	color: #0064C0;
	border-bottom-color: currentColor;
}
.evaluate {
	position: relative;
	padding: 15px 0;
	height: 140px;
}
.evaluate .left-item {
	position: absolute;
	top: 50%;
	left: 20px;
	-webkit-transform: translateY(-50%);
	color: #ff4200;
	text-align: center;
}
.evaluate .left-item>div {
	margin-bottom: 3px;
	font-size: 30px;
	font-weight: 700;
}
.evaluate .right-item {
	position: absolute;
	top: 50%;
	right: 20px;
	padding-left: 15px;
	font-size: 14px;
	border-left: 1px solid #EFEFF4;
	-webkit-transform: translateY(-50%);
}
.evaluate-list li {
	padding: 15px 10px;
	margin-bottom: 5px;
	background-color: #fff;
}
.evaluate-list li .title {
	position: relative;
	padding-left: 60px;
	padding-top: 10px;
	height: 70px;
}
.evaluate-list li .title .headimg {
	position: absolute;
	top: 10px;
	left: 0;
	width: 50px;
	height: 50px;
	border-radius: 50%;
}
.evaluate-list li .content {
	margin-top: 15px;
	font-size: 12px;
}
.evaluate-list li .content img {
	margin-right: 10px;
	width: 40px;
	height: 40px;
}
/*----------描述标题---------*/
.describe-title {
	position: relative;
	padding: 10px 10px 10px 40px;
	border-bottom: 1px solid #EFEFF4;
	background-color: #fff;
}
.describe-title > img {
	width: 20px;
}
.describe-title > img:first-child {
	position: absolute;
	left: 10px;
	top: 49%;
	-webkit-transform: translateY(-50%);
}
.arrow-right {
	background: url(../img/lt.png) 96% center no-repeat #fff;
	background-size: 8px;
}
/*--------表格--------*/
.info-table {
	width: 100%;
}
th,td {
	padding: 5px 8px;
	text-align: center;
	color: #555;
	border: 3px solid #fff;
	background-color: #E6E6E6;
}
td {
	font-size: 12px;
}
th {
	color: #fff;
	background-color: #2DA032;
}
/*--------进度条--------*/
.rate {
	position: relative;
	margin-top: 5px;
	width: 100%;
	height: 10px;
	border-radius: 4px;
	background-color: #ccc;
}
.rate .rateshow {
	position: absolute;
	width: 40%;
	height: 10px;
	border-radius: 4px 0 0 4px;
	background-color: #FF7011;
}
/*--------两栏tab--------*/
.chooseclass{
	height: 50px;
	display: -webkit-flex;
	display: flex;
	-webkit-justify-content: center;
	justify-content: center;
}
.chooseclass div{
	width: 50%;
	line-height: 50px;
	font-size: 14px;
	text-align: center;
}
.chooseclass div.active{
	color: #FF7011;
}
/*---------订单按钮-------*/
.order-btn {
	margin-left: 15px;
	width: 75px;
	height: 25px;
	display: inline-block;
	line-height: 25px;
	text-align: center;
	font-size: 12px;
	color: #c3c3c3;
	border: 1px solid currentcolor;
	border-radius: 3px;
}
/*---------订单头部----------*/
.order-menu {
	display: -webkit-flex;
	display: flex;
	-webkit-justify-content: center;
	justify-content: center;
}
.order-menu li {
	height: 50px;
	line-height: 50px;
	text-align: center;
	font-size: 14px;
	border-bottom: 2px solid #efeff4;
	background-color: #fff;
}
.order-menu li.active {
	color: #DCB437;
	border-bottom-color: currentColor;
}
.order-menu li img {
	margin: 0 auto 5px;
	display: block;
}
/*----------订单内容----------*/
.order-cont {
	border-top: 1px solid #efeff4;
}
.order-cont .item {
	position: relative;
	padding: 20px 10px 20px 110px;
	height: 110px;
	border-bottom: 1px solid #EFEFF4;
	background-color: #fff;
}
.order-cont .item > div {
	margin-bottom: 5px;
}
.order-cont .item img {
	position: absolute;
	top: 10px;
	left: 10px;
	width: 90px;
	height: 90px;
}
/*预约,投诉按钮*/
.complaint-btn {
	margin-top: 25px;
	width: 100%;
	height: 40px;
	color: #fff;
	background-color: #FF7800;
	border: none;
}
/*提交订单*/
.fixed-footer {
	position: fixed;
	bottom: 0;
	left: 0;
	width: 100%;
	height: 44px;
	background-color: #fff;
	z-index: 99;
}
.order-info {
	position: absolute;
	top: 50%;
	right: 110px;
	-webkit-transform: translateY(-50%);
}
.tijiao {
	position: absolute;
	right: 0;
	top: 0;
	padding: 0;
	line-height: 44px;
	width: 100px;
	text-align: center;
	color: #fff;
	border-radius: 0;
	border:none;
	background-color: #FFA000;
}
/*----------学校反馈----------*/
.seedback {
	position: fixed;
	right: 0;
	top: 50%;
	-webkit-transform: translateY(-50%);
	padding: 10px 25px;
	border: 1px solid #EFEFF4;
	font-size: 14px;
	background-color: #fff;
	z-index: 9;
	display: none;
}
.seedback.show {
	display: block;
}
.seedback ul li {
	margin: 10px 0;
	padding: 8px 15px;
	border: 1px solid #EFEFF4;
	border-radius: 5px;
}
.seedback .cancel {
	text-align: center;
	color: #fff;
	background-color: #FF0000;
	border: none;
}
/*两行文本*/
.text-overflow-two {
	overflow: hidden;
 	text-overflow: ellipsis;
 	display: -webkit-box;
 	-webkit-line-clamp: 2;
 	-webkit-box-orient: vertical;
}
.text-overflow-three {
	overflow: hidden;
 	text-overflow: ellipsis;
 	display: -webkit-box;
 	-webkit-line-clamp: 3;
 	-webkit-box-orient: vertical;
}
.course-offer {
	margin-right: 3px;
	height: 15px;
	vertical-align: -3px;
}
.introduce-cont-item.show-text {
	padding: 5px;
	font-size: 14px;
	line-height: 1.6em;
	color: #9B9B9B;
	background-color: #fafafa;
}
.introduce-cont-item.show-text img {
	display: block;
	max-width: 100%;
}
.body-fixed {
	position: fixed;
	left: 0;
	width: 100%;
	z-index: 1;
}
.click-look {
	text-align: center;
	font-size: 14px;
	line-height: 2.4em;
	background-color: #fff;
	display: none;
}
/*hui*/
.hui-refresh{}
.hui-refresh-icon{height:60px; line-height:60px; text-align:center; margin-top:-60px; position:relative; color:#9E9E9E;}
.hui-refresh-icon *{color:#9E9E9E;}
.hui-refresh-content{}
#hui-load-more{font-size:14px;height:40px; line-height:38px; text-align:center; color:#9E9E9E; position:relative; display:none; padding-bottom:12px; margin-top:5px;}
#hui-load-more *{color:#9E9E9E;}
/*gotop*/
.go-top {
	position: fixed;
	bottom: 15px;
	right: 15px;
	width: 40px;
	height: 40px;
	border-radius: 50%;
	background: #fff;
	z-index: 3;
}
.go-top-icon {
	width: 40px;
	height: 40px;
}
/*//计算加减的组件*/
.btn-module {
	display: inline-block;
	width: 140px;	
	overflow: hidden;
}
.btn-module button{
	float: left;
	width: 25px;
	height: 22px;
	border: 1px solid #dddddd;
	outline: none;
	padding: 0;
	margin: 0;
	
}
.btn-module .module-l{
	border-radius: 10px 0 0 10px;
}
.btn-module .module-r{
	border-radius: 0px 10px 10px 0px;
}
.btn-module input{
	float: left;
	width: 50px;
	height: 22px;
	border: none;
	border-top: 1px solid #dddddd;
	border-bottom: 1px solid #dddddd;
	text-align: center;
	outline: none;
	padding: 0;
	margin: 0;
	font-size: 14px;
	border-radius:0 ;
}