@CHARSET "UTF-8";

/*首页导航*/

.index-wrap {
	padding: 2.2rem;
}

.index-cardbox li {
	position: relative;
	margin-bottom: 2.2rem;
	height: 10.5rem;
	overflow: hidden;
	background-color: #fff;
	border-radius: .8rem;
	display: -webkit-box;
	display: -webkit-flex;
	display: flex;
}

.index-cardbox img {
	width: 8rem;
	height: 10rem;
	float: left;
}

.index-cardbox .txt {
	position: relative;
	margin-left: 1.5rem;
	padding: .5rem 6.6rem 0 0;
	float: left;
	-webkit-box-flex: 1;
	-webkit-flex: 1;
	flex: 1;
}

.index-cardbox .txt:after {
	position: absolute;
	top: 1rem;
	right: 4.5rem;
	display: block;
	content: '';
	width: 1px;
	height: 8rem;
	background-color: #ddd;
}

.index-cardbox .txt h3 {
	font-size: 1.7rem;
	margin-bottom: 1rem;
}

.index-cardbox .txt p {
	height: 3rem;
	margin-bottom: 3rem;
	line-height: 1.5;
}

.index-cardbox i {
	position: absolute;
	width: 2.5rem;
	height: 2.5rem;
	right: 0rem;
	top: 3.2rem;
	display: block;
	background: url(images/home_icon_daohang2@3x.png) no-repeat center;
	background-size: 2.5rem;
}

.index-cardbox .txt p,
.index-cardbox .txt span {
	font-size: 1.2rem;
	color: #999;
}

.index-cardbox .else span:last-child {
	float: right;
}

.index-btns {
	position: fixed;
	left: 1rem;
	bottom: 2rem;
	width: 100%;
}

.index-btns a {
	width: 4rem;
	height: 4rem;
	border-radius: 50%;
	box-shadow: 4px 4px 2rem rgba(0, 0, 0, .1);
}

.index-btns .local {
	margin-left: 1rem;
	float: left;
	background: #fff url(images/home_icon_dingwei@2x.png) no-repeat center;
	background-size: 2.4rem;
}

.index-btns .mine {
	margin-right: 3rem;
	float: right;
	background: #fff url(images/home_icon_mine@2x.png) no-repeat center;
	background-size: 2.4rem;
}

.index-loginbox {
	position: absolute;
	min-width: 24.7rem;
	border-radius: 1rem;
	background-color: #fff;
}

.index-loginbox .wrap {
	position: relative;
}

.index-loginbox .wrap .wrong {
	position: absolute;
	top: 4.8rem;
	left: 50%;
	transform: translateX(-50%);
	font-size: 1.2rem;
	color: #FF757D;
}

.index-loginbox .wrap .back,
.index-loginbox .wrap .close {
	position: absolute;
	top: 1.4rem;
	width: 1.5rem;
	height: 1.5rem;
	background-repeat: no-repeat;
	background-position: left center;
}

.index-loginbox .wrap .back {
	left: 1.4rem;
	background-image: url(images/login_icon_back@3x.png);
	background-size: .9rem 1.5rem;
}

.index-loginbox .wrap .close {
	right: 1.4rem;
	background-image: url(images/login_icon_off@3x.png);
	background-size: 1.5rem;
}

.index-loginbox .wrap h3 {
	padding: 2.4rem 0 4.5rem;
	text-align: center;
	font-size: 1.7rem;
}

.index-loginbox .wrap input {
	display: block;
	padding-bottom: .2rem;
	margin: 0 auto 3.2rem;
	width: 16.7rem;
	text-align: center;
	font-size: 1.4rem;
	border-bottom: 1px solid #dbdbdb;
}

.index-loginbox .wrap button {
	width: 100%;
	height: 4.4rem;
	line-height: 4.4rem;
	display: block;
	color: #FFF;
	font-size: 1.4rem;
	background-color: #dbdbdb;
	border-radius: 0 0 1rem 1rem;
}

.index-loginbox .wrap .code h3 {
	padding-bottom: 2.8rem;
}

.index-loginbox .wrap p {
	font-size: 1.2rem;
	color: #99999B;
	text-align: center;
}

.index-loginbox .wrap .reset {
	margin: 1.6rem auto 2.4rem;
	width: 7.2rem;
	height: 3.2rem;
	line-height: 3rem;
	display: block;
	text-align: center;
	color: #FF757D;
	font-size: 1.2rem;
	border: 1px solid #FF757D;
	border-radius: 8rem;
}

.index-loginbox .wrap .reset-ing {
	border-color: #D8D8D8;
	color: #D8D8D8;
}

.index-loginbox .wrap .code-input {
	padding-bottom: 2.4rem;
	margin-left: 1.5rem;
	margin-right: -1.6rem;
}

.index-loginbox .wrap .code-input li {
	margin-right: 1.6rem;
	width: 4.2rem;
	height: 4.2rem;
	border: 1px solid #9b9b9b;
	float: left;
	border-radius: .4rem;
}

.index-loginbox .wrap .code-input input {
	width: 100%;
	height: 100%;
	margin: 0;
	padding: 0;
	border-radius: .4rem;
	border: 0;
}


/*发送中样式*/

.index-loginbox .wrap .reset-un {
	border-color: #9B9B9B;
	color: #9B9B9B;
}

.index-loginbox .wrap .over i {
	display: block;
	margin: 2.4rem auto;
	width: 7rem;
	height: 7rem;
	background: url(images/card_icon_def@3x.png) no-repeat center;
	background-size: 7rem;
}

.index-loginbox .wrap .over span {
	padding-bottom: 2.4rem;
	display: block;
	font-size: 1.7rem;
	text-align: center;
}


/*城市选择*/

.i-city h3 {
	padding: 0 2.4rem;
	margin: 1.6rem 0;
	font-size: 3.2rem;
}

.i-city ul {}

.i-city li {
	padding: 0 2.4rem;
	color: #666;
	font-size: 1.4rem;
	height: 5rem;
	line-height: 5rem;
}

.i-city li i {
	padding-left: 2.4rem;
	float: right;
	background: url(images/home_add_icon_gps@2x.png) no-repeat left center;
	background-size: 1.7rem;
}

.i-city li.active {
	background-color: #F8F8F8;
}

.i-city li.active span {
	padding-bottom: .5rem;
	color: #333;
	border-bottom: 2px solid #333;
}


/*课程支付*/

.course-pay-infor {
	padding: 0 2.4rem;
	background-color: #fff;
}

.course-pay-infor .infor {
	padding: 1rem 0 0;
}

.course-pay-infor img {
	float: left;
	width: 8.8rem;
	height: 8.8rem;
}

.course-pay-infor .left h3 {
	padding-top: 1.4rem;
	font-size: 1.8rem;
	color: #333;
}

.course-pay-infor .left p {
	padding-top: 1rem;
	font-size: 1.4rem;
	color: #999;
}

.course-pay-infor .other {
	padding: 1rem 0;
	font-size: 1.2rem;
	color: #999;
	border-bottom: 1px solid #ddd;
	padding-bottom: 2.4rem;
}

.course-wrap {
	padding: 1.2rem 0;
	background-color: #fff;
	border-bottom: 1px solid #ddd;
	margin: 0 2.4rem;
}

.course-ticket {
	padding: 1.2rem 0;
	background-color: #fff;
	font-size: 1.4rem;
	color: #333;
}

.course-money .active {
	color: #FF757D;
	background: none;
	padding: 0;
}

.course-ticket .active {
	color: #FF757D;
}

.course-ticket span {
	padding-right: 2rem;
	color: #999;
	background: url(images/more.png) no-repeat right center;
	background-size: .9rem 1.4rem;
}

.course-tips {
	margin-top: 2rem;
	padding: 1.6rem 1.5rem;
	background-color: #fff;
}

.course-tips p {
	line-height: 2rem;
	color: #999;
	font-size: 1rem;
}

.course-tips i {
	color: #65A9FF;
}

.pay-box {
	padding: 0 2rem;
	height: 5.6rem;
	line-height: 5.6rem;
	background: #FFFFFF;
	box-shadow: 0 -2px 16px 0 rgba(0, 0, 0, 0.08);
}

.pay-box span {
	font-size: 1.7rem;
	color: #333;
}

.pay-box i {
	color: #FF757D;
}

.pay-box a {
	margin-left: 2rem;
	margin-top: .7rem;
	width: 15rem;
	height: 3.8rem;
	line-height: 3.8rem;
	text-align: center;
	color: #fff;
	font-size: 1.4rem;
	border-radius: 10rem;
}


/*优惠券*/

.ticket-active {
	padding: 0 2.4rem;
}

.ticket-active .title,
.ticket-un .title {
	margin: 2.4rem 0 1.6rem;
	color: #999;
	font-size: 1.2rem;
}

.ticket-active li {
	margin-bottom: 2.4rem;
	padding: 1.6rem 2.4rem 0 1.6rem;
	border-radius: 1.6rem;
	background-color: #fff;
}

.ticket-active li:last-child {
	margin: 0;
}

.ticket-active h3 {
	margin-bottom: .6rem;
	font-size: 3.2rem;
	color: #FF757D;
}

.ticket-active span {
	color: #666;
	font-size: 1.2rem;
}

.ticket-active .right i {
	margin-left: 6rem;
	display: block;
	width: 2.4rem;
	height: 2.4rem;
	background: url(images/ticket_false.png) no-repeat center;
	background-size: 2.4rem;
}

.ticket-active .right i.active {
	background: url(images/ticket_true.png) no-repeat center;
	background-size: 2.4rem;
}

.ticket-active .right p {
	color: #333;
	padding-top: 1rem;
	font-size: 1.2rem;
}

.ticket-active .time {
	margin-top: 1rem;
	padding: 1rem 0;
	border-top: 1px solid #ddd;
}

.ticket-active .time span {
	color: #999;
}

.ticket-un li {
	padding: 0;
}

.ticket-un .infor {
	/* padding: 1.6rem 2.4rem; */
}
.i-course-list .ticket-un .right .over{
	color: #999;
}
.ticket-un .tips {
	padding: 1.2rem 2.4rem;
	background-color: #F8F8F8;
	border-radius: 0 0 1.6rem 1.6rem;
}

.ticket-un .tips p {
	line-height: 1.5;
	color: #999;
}

.ticket-un .left h3,
.ticket-un .left span,
.ticket-un .right p {
	color: #999;
}

.ticket-no {
	padding: 3.6rem 0 2.4rem;
	font-size: 1.4rem;
	color: #66B3FF;
	text-align: center;
}


/*付款状态*/

.order-pay-state {
	width: 27rem;
	height: 38rem;
	padding: 8rem 0;
	border-radius: 1.4rem;
	background-color: #FFF;
}

.order-pay-state h3 {
	text-align: center;
	font-size: 2.4rem;
	margin-bottom: 6.4rem;
	color: #FF757D;
}

.order-pay-state i {
	display: block;
	width: 11.8rem;
	height: 11.8rem;
	margin: 0 auto 2.6rem;
	background: url(images/ok@2x.png) no-repeat center;
	background-size: 11rem;
}

.order-pay-state a {
	margin: 0 auto;
	display: block;
	border-radius: 10rem;
	width: 8.8rem;
	height: 3.6rem;
	line-height: 3.6rem;
	text-align: center;
	color: #FF757D;
	font-size: 1.4rem;
	border: 1px solid #FF757D;
}


/*课程列表*/

.i-course-name {
	background-color: #fff;
}

.i-course-name .infor {
	padding: 1.6rem 1.4rem 1.2rem;
	font-size: 1.2rem;
	border-bottom: 10px solid #f8f8f8;
}

.i-course-name .infor h3 {
	margin-bottom: 1.2rem;
	font-size: 2.4rem;
}

.i-course-name .infor p {
	width: 18rem;
	font-size: 1.2rem;
	line-height: 2rem;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
	color: #999;
}

.index-local {
	padding: 2rem 0 3.2rem 3rem;
	font-size: 1.7rem;
	background: url(images/home_icon_dingwei@2x.png) no-repeat left 1.6rem;
	background-size: 2.4rem;
}

.i-course-name .infor .right>.tells {
	color: #66B3FF;
	font-size: 1.2rem;
	padding-top: 10px;
	display: block;
	text-align: center;
}

.i-course-name .infor .right>.pink_btn {
	width: 60px;
	height: 36px;
	line-height: 36px;
	display: block;
	border: 1px solid #FF6680;
	border-radius: 4px;
	color: #FF6680;
	text-align: center;
}

.i-course-name .timebox {
	margin: 2rem 1.2rem 0em;
	overflow: hidden;
	font-size: 1.4rem;
	color: #999;
	border-bottom: 1px solid #ddd;
}

.i-course-name .timebox span {
	display: block;
	padding-bottom: .6rem;
	text-align: center;
}

.i-course-name .timebox .month {
	font-size: 1rem;
}

.i-course-name .timebox .week {
	font-size: 1.4rem;
}

.i-course-name .timebox .num {
	font-size: 1rem;
}

.i-course-name .timebox .active {
	color: #ff757d;
	border-bottom: 2px solid #ff757d;
}

.timebox .swiper-slide {
	width: 15%;
	position: relative;
}

.timebox .swiper-slide:last-child {
	margin: 0;
}

.i-course-list {
	padding: 2.4rem 1.2rem 0;
	background: #f8f8f8;
}

.i-course-list li {
	position: relative;
	margin-bottom: 2.4rem;
	padding: 1.4rem 1.6rem 0;
	border-radius: .8rem;
	background-color: #fff;
}

.app-shadow>img{
	height: 34px;
	width: 35px;
	position: absolute;
	left: 0;
	top: 0;
}

.i-course-list .infor {
	padding-bottom: 4px;
	border-bottom: 1px solid #f8f8f8;
}

.i-course-list .left h3 {
	font-weight: bold;
	font-size: 2.4rem;
	margin-bottom: 1.4rem;
}

.i-course-list .left p {
	font-size: 1.4rem;
	color: #666;
	display: inline-block;
}

.i-course-list .left i {
	margin-left: .5rem;
	padding: .5rem;
	width: 7rem;
	text-align: center;
	display: inline-block;
	color: #fff;
	font-size: 1rem;
	background-image: linear-gradient(-90deg, #FFADB4 0%, #FF757D 100%);
	border-radius: 76px;
}

.i-course-list .right span {
	color: #FF757D;
	font-size: 2.4rem;
	display: block;
	text-align: right;
}

.i-course-list .right .over {
	color: #333;
	border-color: #999;
}

.i-course-list .other {
	padding: 1rem 0;
	color: #999;
	font-size: 1.2rem;
	line-height: 1rem;
}

.i-course-list .other .right span {
	display: inline-block;
	font-size: 1.2rem;
	vertical-align: 0rem;
	color: #999;
}

.i-course-list .other .right ul,
.i-course-list .other .right li {
	display: inline-block;
	vertical-align: middle;
	font-size: 0;
}

.i-course-list .state li {
	margin-bottom: 0;
	margin-left: .2rem;
	padding: 0;
	width: 1.2rem;
	height: 1.2rem;
	background: url(images/start_g.png) no-repeat center;
	background-size: 1.2rem;
}

.i-course-list .state li.active {
	background: url(images/start.png) no-repeat center;
	background-size: 1.2rem;
}

.i-course-list .right .sign {
	margin-top: 1rem;
}

.i-course-list .sign .mark,
.i-course-list .sign .mark02,
.i-course-list .sign .over {
	margin-top: .2rem;
	margin-left: .8rem;
	padding: .4rem 1rem;
	float: right;
	border-width: 1px;
	border-style: solid;
	border-color: #999;
	border-radius: 10rem;
}

.i-course-list .sign del {
	display: inline-block;
	vertical-align: -.9rem;
	color: #999;
	font-size: 1.4rem;
	border: 0;
}

.i-course-list .sign .mark {
	border-color: #FF757D;
	color: #FF757D;
}


/*提交订单*/

.course-sub-banner {
	position: relative;
	height: 28rem;
}

.course-sub-banner .time {
	position: absolute;
	right: 3rem;
	bottom: -3.3rem;
	width: 8rem;
	height: 8rem;
	background: url(images/sub-time.png) no-repeat center;
	background-size: 9rem;
	color: #fff;
	border-radius: 2.4rem;
	text-align: center;
}

.course-sub-banner .time h3 {
	padding: 2rem 0 .2rem;
	font-size: 2.4rem;
}

.course-sub-banner .time span {
	font-size: 1rem;
	display: block;
}

.course-infor .infor {
	padding: 1.8rem 2.4rem;
}

.course-infor .infor h3 {
	font-size: 3.2rem;
	margin-bottom: 1.6rem;
}

.course-infor .infor .money {
	margin-bottom: 1.5rem;
	font-size: 0;
}

.course-infor .money span {
	color: #999;
	font-size: 1.2rem;
	display: inline-block;
	width: 33.333%;
}

.course-infor .money del {
	padding-left: 1rem;
	color: #ddd;
	font-size: 1.4rem;
}

.course-infor .infor p {
	font-size: 1.4rem;
	color: #666;
	line-height: 2.4rem;
}

.course-infor .infor .func {
	padding-left: 2rem;
	display: inline-block;
	width: 33.333%;
	vertical-align: 0.4rem;
}

.course-infor .func span {
	font-size: 1.2rem;
	color: #999;
	display: inline-block;
	vertical-align: middle;
}

.course-infor .func ul {
	display: inline-block;
	vertical-align: middle;
}

.course-infor .func li {
	display: inline-block;
	width: .8rem;
	height: .8rem;
	background: url(images/start-un.png) no-repeat center;
	background-size: .8rem;
}

.course-infor .func li.active {
	background: url(images/start-ing.png) no-repeat center;
	background-size: .8rem;
}

.course-infor .good {
	padding: 2rem 0;
	margin: 0 2.4rem;
	border-top: 1px solid #ddd;
	border-bottom: 1px solid #ddd;
}

.course-infor .good li {
	padding-left: 1.4rem;
	position: relative;
	margin-bottom: 2.4rem;
	color: #999;
	font-size: 1.2rem;
}

.course-infor .good li:last-child {
	margin: 0;
}

.course-infor .good li:before {
	position: absolute;
	left: 0rem;
	top: .2rem;
	content: '';
	display: block;
	border-radius: 50%;
	width: .6rem;
	height: .6rem;
	background-color: #66B3FF;
}

.course-infor .good li.tips:before {
	background-color: #FF757D;
}

.course-infor .good span {
	padding-right: 1.5rem;
	color: #666;
}

.course-eva .title {
	padding: 4rem 2.4rem 0;
	margin-bottom: 2rem;
}

.course-eva .title .left {
	font-size: 1.8rem;
	color: #333;
}

.course-eva .title .left span {
	padding-left: .4rem;
	font-size: 1.4rem;
	color: #999;
}

.course-eva .title .right {
	padding-right: 1.3rem;
	font-size: 1.4rem;
	color: #999;
	background: url(images/more.png) no-repeat right 0;
	background-size: .7rem;
}

.course-eva .infor .left {
	line-height: 2rem;
}

.course-eva .infor .left img {
	margin-right: .8rem;
	display: inline-block;
	width: 2.4rem;
	height: 2.4rem;
	border-radius: 50%;
	vertical-align: -.8rem;
}

.course-eva .infor .right {
	background: url(images/pj_icon_zan_def@2x.png) no-repeat left center;
	background-size: 1.8rem;
	line-height: 2rem;
}

.course-eva .infor .active {
	background: url(images/pj_icon_zan_pre@2x.png) no-repeat left center;
	background-size: 1.8rem;
}

.course-eva .infor .left span {
	font-size: 1.2rem;
	color: #999;
}

.course-eva .img {
	margin-top: 1.6rem;
	padding-left: 2rem;
	font-size: 0;
}

.course-eva .ter {
	margin-top: 1.6rem;
	padding: 1.6rem;
	margin-left: 3rem;
	background: #F8F8F8;
	border-radius: 1.6rem;
}

.course-eva .ter p {
	padding: 0;
	margin: 0;
}

.course-eva .ter i {
	color: #FF757D;
	padding-right: .5rem;
}

.course-eva .img i {
	margin-left: 1rem;
	display: inline-block;
	width: 8.8rem;
	height: 7rem;
}

.course-eva .infor .right span {
	padding-left: 2rem;
	font-size: 1.2rem;
	color: #999;
}

.course-eva li {
	padding: 1.2rem 1.6rem;
}

.course-eva li p {
	padding-left: 3rem;
	margin-top: 1.6rem;
	font-size: 1.4rem;
	color: #333;
	line-height: 1.6;
}

.course-all {
	padding-bottom: 2rem;
	margin: 2rem 2.4rem 4rem;
	border-bottom: 1px solid #ddd;
}

.course-download {
	margin: 0 auto;
	display: block;
	padding: .8rem 1.6rem;
	width: 8.8rem;
	height: 3rem;
	line-height: 1.2;
	text-align: center;
	border: 1px solid #FF6680;
	font-size: 1.4rem;
	color: #FF6680;
	border-radius: 10rem;
}

.course-ter {
	margin: 0 2.4rem;
	padding-bottom: 4rem;
	border-bottom: 1px solid #ddd;
}

.course-ter h3 {
	font-size: 2.4rem;
}

.course-sign {
	padding: 2.4rem 0;
	margin: 0 2.4rem;
	border-bottom: 1px solid #ddd;
}

.course-sign h3 {
	margin-bottom: 2.4rem;
	font-size: 1.7rem;
}

.course-sign p {
	margin-bottom: 1.6rem;
	padding-left: 2rem;
	font-size: 1.2rem;
	color: #333;
	height: 2rem;
	line-height: 2rem;
}

.course-sign p.ding {
	background: url(images/xiangq_icon_dingke@2x.png) no-repeat left center;
	background-size: 1.4rem;
}

.course-sign p.huan {
	margin-top: 1.6rem;
	background: url(images/xiangq_icon_huanke@2x.png) no-repeat left center;
	background-size: 1.4rem;
}

.course-sign p.tui {
	margin-top: 1.6rem;
	background: url(images/xiangq_icon_tuike@2x.png) no-repeat left center;
	background-size: 1.4rem;
}

.course-sign span {
	font-size: 1.2rem;
	color: #999;
	padding-left: 2rem;
}

.course-ter .txt {
	margin-left: 1.6rem;
	margin-top: 1rem;
	float: left;
}

.course-ter .info {
	margin-top: 2.4rem;
}

.course-ter img {
	width: 8rem;
	height: 8rem;
	float: left;
	box-shadow: 0 2px 16px 0 rgba(0, 0, 0, 0.08);
	border-radius: 50%;
}

.course-ter .txt p {
	font-size: 1.7rem;
	color: #424242;
}

.course-ter .txt span {
	display: block;
	color: #999;
}

.course-buy {
	padding: 0 2.4rem;
	height: 5.6rem;
	line-height: 5.6rem;
}

.course-buy a {
	margin: 1rem 0;
	display: block;
	height: 4rem;
	line-height: 4rem;
	text-align: center;
	font-size: 1.4rem;
	color: #fff;
	border-radius: 10rem;
	background-color: #ddd;
}

.course-mark {
	margin-top: 1.8rem;
	background-color: #f5f5f5;
	box-shadow: 0 2px 16px 0 rgba(0, 0, 0, 0.08);
}

.course-mark .item {
	position: relative;
	margin-bottom: 1.8rem;
	padding: 1rem 1.4rem .8rem;
	background-color: #fff;
}

.course-mark .left {
	float: left;
}

.course-mark .left-un span {
	color: #999 !important;
}

.course-mark .left-un i {
	border-color: #999 !important;
	color: #999 !important;
}

.course-mark .num {
	margin-bottom: .8rem;
}

.course-mark .num span {
	padding-right: .8rem;
	font-size: 2.4rem;
	color: #FF757D;
}

.course-mark .num i {
	margin-right: .8rem;
	padding: .4rem .5rem;
	display: inline-block;
	border: 1px solid #FF757D;
	border-radius: 7.6rem;
	color: #FF757D;
	vertical-align: .3rem;
}

.course-mark .num del {
	color: #ddd;
	font-size: 1.2rem;
}

.course-mark .date span {
	padding-right: .6rem;
	font-size: 1.2rem;
	color: #999;
}

.course-mark .right {
	position: absolute;
	right: 1.4rem;
	top: 1.2rem;
	padding: 1rem 2.3rem;
	float: right;
	color: #fff;
	font-size: 1.7rem;
	background-image: linear-gradient(-90deg, #F77062 0%, #FE5196 100%);
	border-radius: 8.6rem;
}

.course-mark .right-un {
	background: #DDDDDD;
}

.index-btns {
	position: absolute;
	bottom: 0;
	left: 0;
	width: 100%;
	text-align: center;
}

.index-btns .item,
.index-btns .btn {
	height: 5rem;
	line-height: 5rem;
	font-size: 1.7rem;
	background-color: #fff;
}

.index-btns .btn {
	margin-top: 1rem;
}

.i-course-banner {
	height: 16rem;
}


/*评论*/

.eva-nav {}

.eva-nav {
	padding: 1.4rem 0;
}

.eva-nav li {
	width: 16.6666%;
}

.eva-nav li.active span {
	color: #FF757D;
}

.eva-nav span {
	text-align: center;
	padding-bottom: .4rem;
	display: block;
	font-size: 1.2rem;
	color: #666;
}

.eva-list .infor .left span {
	font-size: 1rem;
}

.eva-list .xin {
	float: right;
	font-size: 0;
	margin-top: 1.4rem;
}

.eva-list .xin i {
	display: inline-block;
	width: 1.2rem;
	height: 1.2rem;
	background: url(images/yoga_icon_comment_def@3x.png) no-repeat center;
	background-size: 1.1rem;
}

.eva-list .xin i.active {
	background: url(images/yoga_icon_comment_light2@3x.png) no-repeat center;
	background-size: 1.1rem;
}


/*退课/调课*/

.course-exitbox {
	padding: 2.4rem;
	position: absolute;
	bottom: 0;
	left: 0;
}

.course-txt {
	padding: 2.4rem;
	background: #FFFFFF;
	box-shadow: 0 2px 16px 0 rgba(0, 0, 0, 0.08);
	border-radius: 2.4rem;
}

.course-txt .top h3 {
	margin-bottom: 2.4rem;
	font-size: 1.7rem;
	text-align: center;
}

.course-txt .top p {
	padding-bottom: 1.2rem;
	color: #666;
	font-size: 1.4rem;
	line-height: 2rem;
}

.course-txt .btns {
	padding-top: 2.4rem;
	border-top: 1px solid #ddd;
	font-size: 1.4rem;
}

.course-txt .btns .sure {
	float: left;
}

.course-txt .btns .cannel {
	float: right;
	color: #FF757D;
}

.remake-txt {
	margin-bottom: 1.2rem;
	padding: 3rem 1.2rem;
	background-color: #fff;
}

.remake-txt p {
	font-size: 1.3rem;
	color: #999;
}

.remake-txt p:first-child {
	margin-bottom: 1rem;
}

.order-info {
	padding: 0 1.2rem 1rem;
	background-color: #fff;
}

.order-info>h3 {
	font-size: 1.6rem;
	height: 5rem;
	line-height: 5rem;
	border-bottom: 1px solid #ddd;
}

.order-info .course .img {
	float: left;
}

.order-info .course img {
	margin: 2.2rem 0;
	width: 6rem;
	height: 6rem;
}

.order-info .txt {
	padding-left: 1.5rem;
	padding-top: 3rem;
	float: left;
}

.order-info .txt h3 {
	font-size: 1.6rem;
	color: #333;
}

.order-info .txt span {
	height: 2rem;
	line-height: 2rem;
	padding-left: 2rem;
	margin-top: 1.5rem;
	font-size: 1.2rem;
	color: #666;
	display: inline-block;
}

.order-info .txt span.local {
	background: url(images/order_Pos.png) no-repeat left center;
	background-size: 1.4rem;
}

.order-info .txt span.ter {
	margin-left: 1rem;
	background: url(images/order_User.png) no-repeat left center;
	background-size: 1.4rem;
}

.order-info .item {
	margin-bottom: 1.5rem;
	font-size: 1.3rem;
	color: #666;
}

.order-info .item span {
	float: left;
}

.order-info .item i {
	float: right;
}

.remake-info {
	padding: 1.4rem 1.2rem;
	margin-top: 1.2rem;
	background: #fff;
}

.remake-info h3 {
	font-size: 1.6rem;
	color: #333;
}

.remake-info p {
	font-size: 1.2rem;
	color: #999;
	line-height: 5rem;
}

.course-card {
	margin: 2.4rem;
}

.course-card li {
	margin-bottom: 2.4rem;
	padding: 1.2rem;
	position: relative;
	background-color: #fff;
	border-radius: 1.6rem;
	background: #FFFFFF;
	box-shadow: 0 2px 16px 0 rgba(0, 0, 0, 0.08);
	border-radius: 16px;
}

.course-card li .left {
	float: left;
}

.course-card .txt {
	margin-left: 12rem;
}

.course-card .txt h3 {
	margin-bottom: 2rem;
	font-size: 1.7rem;
	color: #333;
}

.course-card .txt p {
	margin-bottom: .5rem;
	color: #999;
	font-size: 1.2rem;
}

.course-card .txt span {
	font-size: 1.7rem;
	color: #FF6680;
	padding-top: .8rem;
	display: block;
}

.course-card .left {
	width: 11rem;
	height: 9rem;
	border-radius: 1.6rem;
}

.course-card i {
	position: absolute;
	right: 1.2rem;
	top: 1.2rem;
	background: url(images/ticket_false.png) no-repeat center;
	background-size: 1.6rem;
	display: block;
	width: 1.6rem;
	height: 1.6rem;
}

.ji-card i.active {
	background: url(images/ticket-true.png) no-repeat center;
	background-size: 1.6rem;
}

.ji-card .left {
	background: url(images/month-card.png) no-repeat center;
	background-size: cover;
}

.nian-card .left {
	background: url(images/year-card.png) no-repeat center;
	background-size: cover;
}

.ci-card .left {
	background: url(images/half-card.png) no-repeat center;
	background-size: cover;
}

.course-un {
	height: 5.6rem;
	line-height: 5.6rem;
	text-align: center;
	font-size: 1.7rem;
	color: #999;
	box-shadow: 0 -2px 16px 0 rgba(0, 0, 0, 0.08);
}