/*
* M-日历样式
* @author hyt
* @date 2017-05-22
*/

/*body{
	background: #f8f9fd; 
}*/
.site-page {
	padding-bottom: .5rem;
}
/*--- flex布局 begin ---*/
.flex-box {
	display: -webkit-box;
	display: -webkit-flex;
	display: -ms-flex;
	display: flex;
}
.flex-1 {
	-webkit-box-flex: 1;
	-webkit-flex: 1;
	-ms-flex: 1;
	flex: 1;
}
/*--- flex布局 end ---*/

/*--- 一像素边框的问题 begin ---*/
.border-after, .border-before {
	position: relative;
}
.border-after:after{
	content: '';
    height: 1px;
    width:200%;
    position: absolute;
    left: 0;
    bottom:0;
    background-color: #e5e5e5;
    border: 0px solid transparent;
    border-radius: 0px;
    -webkit-border-radius: 0px;
    transform: scale(0.5);
    -webkit-transform: scale(0.5);
    transform-origin: top left;
    -webkit-transform-origin: top left;
}
.border-before:after{
	content: '';
    height: 1px;
    width:200%;
    position: absolute;
    left: 0;
    top:0;
    background-color: #e5e5e5;
    border: 0px solid transparent;
    border-radius: 0px;
    -webkit-border-radius: 0px;
    transform: scale(0.5);
    -webkit-transform: scale(0.5);
    transform-origin: top left;
    -webkit-transform-origin: top left;
}
/*--- 一像素边框的问题 end ---*/

/*--- 头部样式 begin ---*/
.top-border {
	position: fixed;
	top: 0;
	left: 0;
	z-index: 400;
	width: 100%;
	height: .04rem;
	background-color: #222;
}
header {
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	height: .5rem;
	/*border-top: 0.04rem solid #222;*/
}
.history-box {
	position: relative;
	width: 100%;
	height: .5rem;
	background: #fff;
	line-height: 0.50rem;
}
.back {
	position: absolute;
    top: 0;
    left: 0;
    text-align: left;
}
.back-btn {
	display: block;
    width: .45rem;
    color: #333333;
    font-size: .2rem;
    font-weight: bold;
    text-align: center;
}
.logo {
	display: inline-block;
    width: 100%;
    text-align: center;
}
.top-submit {
	position: absolute;
	top: .05rem;
	right: .05rem;
	width: .4rem;
	height: .4rem;
}
.top-submit .icon-duihao11 {
	display: block;
	width: 100%;
	height: 100%;
	color: #2a2a2a;
	font-size: .2rem;
	text-align: center;
	line-height: .4rem;
}
/*--- 头部样式 end ---*/

/*--- 日历部分 begin ---*/
.hyt-little-calendar {
	position: fixed;
	top: .5rem;
	left: 0;
	width: 100%;
	height: 3rem;
}
.hyt-little-calendar .little-calendar {
	width: 100%;
	padding: .15rem;
	margin: 0 auto;
	border: 1px solid #eeeeee;
	background-color: #f8f9fd;
}
.hyt-little-calendar .fc-toolbar.fc-header-toolbar {
	margin-bottom: .02rem;
}
.hyt-little-calendar .fc-unthemed thead.fc-head {
	display: block;
	margin-bottom: .08rem;
}
.hyt-little-calendar .fc .fc-button {
	background: #f8f9fd;
	border-color: #f8f9fd;
	border-radius: 3px;
	width: .3rem;
	height: .3rem;
	padding: 0;
	color: #828997;
	font-size: .12rem;
	outline: none;
	box-shadow: none;
	text-shadow: none;
}
.hyt-little-calendar .fc-toolbar h2 {
	height: .3rem;
	color: #828997;
	font-size: 16px;
	font-size: .12rem;
	font-weight: normal;
	line-height: .3rem;
}
.hyt-little-calendar .fc .fc-toolbar > * > * {
	margin-left: 0;
}
.hyt-little-calendar .fc-day-header.fc-widget-header {
	color: #555555;
	font-size: 14px;
}
.hyt-little-calendar .fc thead th {
	border-color: #f8f9fd;
}
.hyt-little-calendar .fc thead {
	border-color: #fff;
}
.hyt-little-calendar button {
	outline: none;
}
.hyt-little-calendar .fc td, .fc th {
	border: none;
}
.hyt-little-calendar .fc-ltr .fc-basic-view .fc-day-top .fc-day-number {
	display: inline-block;
	float: none;
	width: .25rem;
	height: .25rem;
	margin-top: .01rem;
	border-radius: .03rem;
	font-size: 12px;
	font-weight: bold;
	text-align: center;
	line-height: .25rem;
}
.hyt-little-calendar .fc-day-grid .fc-row .fc-content-skeleton td, .fc-row .fc-helper-skeleton td {
	border: none;
	text-align: center;
}
.hyt-little-calendar .fc-unthemed th
, .hyt-little-calendar .fc-unthemed td
, .hyt-little-calendar .fc-unthemed thead
, .hyt-little-calendar .fc-unthemed tbody
, .hyt-little-calendar .fc-unthemed .fc-divider
, .hyt-little-calendar .fc-unthemed .fc-row
, .hyt-little-calendar .fc-unthemed .fc-content
, .hyt-little-calendar .fc-unthemed .fc-popover
, .hyt-little-calendar .fc-unthemed .fc-list-view
, .hyt-little-calendar .fc-unthemed .fc-list-heading td {
	border-color: #fff;
	outline: none;
	margin: 0;
}
.hyt-little-calendar .fc-unthemed th span {
	font-size: 12px;
	font-weight: bold;
}
.hyt-little-calendar .fc-view .fc-body {
	margin-top: .1rem;
}
.hyt-little-calendar .fc-row .fc-content-skeleton td, .fc-row .fc-helper-skeleton td {
	text-align: center;
}
.hyt-little-calendar .fc-ltr .fc-basic-view > table {
	margin: 0 auto;
}
.hyt-little-calendar .fc-ltr .fc-basic-view .fc-day-top {
	position: relative;
	box-sizing: border-box;
	width: .3rem;
	height: .3rem;
}
.hyt-little-calendar .fc-day.fc-widget-content.fc-today {
	border-width: 1px 0 0 0;
	background: #f8f9fb;
}
.hyt-little-calendar .fc-day.fc-widget-content {
	overflow: hidden;
	border: none;
}
.hyt-little-calendar .fc-content-skeleton {
	cursor: pointer;
}
.hyt-little-calendar .fc-past, .fc-today {
	color: #999999;
}
.hyt-little-calendar .cannot-select {
	color: #999999;
}
.hyt-little-calendar  .fc-head-container.fc-widget-header {
	border-color: #fff;
}

.hyt-little-calendar .fc-basic-view .fc-body .fc-row {
	min-height: .3rem;
}
.hyt-little-calendar .fc-day.fc-widget-content.fc-today {
	border-width: 0 0 0 0;
}
.hyt-little-calendar .fc-unthemed .fc-content, .hyt-little-calendar .fc-unthemed .fc-divider, .hyt-little-calendar .fc-unthemed .fc-list-heading td, .hyt-little-calendar .fc-unthemed .fc-list-view, .hyt-little-calendar .fc-unthemed .fc-popover, .hyt-little-calendar .fc-unthemed .fc-row, .hyt-little-calendar .fc-unthemed tbody, .hyt-little-calendar .fc-unthemed td, .hyt-little-calendar .fc-unthemed th, .hyt-little-calendar .fc-unthemed thead {
	border-color: #f8f9fd;
}

.hyt-little-calendar  .fc-day-top.fc-past .fc-day-number.current
,.hyt-little-calendar .fc-day-top.fc-today.current .fc-day-number
,.hyt-little-calendar  .fc-day-top.fc-past.current .fc-day-number
,.hyt-little-calendar  .fc-day-top.fc-past.current.td-bg {
	color: #fff;
	background: #aaaaaa;
}
.hyt-little-calendar .fc-day-number.selected-bg
, .hyt-little-calendar .fc-day-number.td-bg.selected-bg
, .hyt-little-calendar .fc-day-top.fc-past .fc-day-number.current.selected-bg
, .hyt-little-calendar .fc-day-top.fc-past.current .fc-day-number.selected-bg
, .hyt-little-calendar .fc-day-top.fc-future .fc-day-number.current.selected-bg
, .hyt-little-calendar .fc-day-top.fc-future.current .fc-day-number.selected-bg
, .hyt-little-calendar .fc-day-top.fc-today .current.fc-day-number.selected-bg {
	background: #f3d872;
	color: #6f727c;
}
.hyt-little-calendar .fc-day-top.fc-future.current .fc-day-number
, .hyt-little-calendar .fc-day-top.fc-future .fc-day-number.current
, .hyt-little-calendar .fc-day-top.fc-future.current.td-bg
, .hyt-little-calendar .fc-day-top.fc-future.current .fc-day-number
, .hyt-little-calendar .fc-day-top.fc-today .current.fc-day-number  {
	color: #fff;
	background: #7b91c4;
}
.hyt-little-calendar .fc-past.fc-day-top.td-bg
,.hyt-little-calendar .fc-past .fc-day-number.td-bg {
	overflow: hidden;
	background: #e9ebf3;
	color: #bbbbbb;
}
.hyt-little-calendar .fc-past .fc-day-number.td-bg {
	overflow: hidden;
	background: #aaaaaa;
	color: #fff;
}
.hyt-little-calendar.fc-past.fc-day-top.td-bg
, .hyt-little-calendar .fc-past .fc-day-number.td-bg
, .hyt-little-calendar .fc-today.fc-day-top.td-bg
, .hyt-little-calendar .fc-today .fc-day-number.td-bg {
	overflow: hidden;
	background: #e9ebf3;
	color: #bbbbbb;
}
.hyt-little-calendar .fc-future.fc-day-top.td-bg
, .hyt-little-calendar .fc-future .fc-day-number.td-bg
, .hyt-little-calendar .fc-today.fc-day-top.td-bg
, .hyt-little-calendar .fc-today .fc-day-number.td-bg {
	overflow: hidden;
	background: #99b2ea;
	color: #fff;
}
.hyt-little-calendar .fc-ltr .fc-basic-view .fc-content-skeleton .fc-day-top.td-bg.left-circle {
	border-top-left-radius: .03rem;
	border-bottom-left-radius: .03rem;
}
.hyt-little-calendar .fc-ltr .fc-basic-view .fc-content-skeleton .fc-day-top.td-bg.right-circle {
	border-top-right-radius: .03rem;
	border-bottom-right-radius: .03rem;
}
.hyt-little-calendar .fc-day-top.fc-other-month {
	opacity: 1;
	color: #aaa;
}
.hyt-little-calendar .grade-point {
	position: absolute;
	left: 50%;
	bottom: .02rem;
	margin-left: -3px;
	width: 6px;
	height: 6px;
	background: #99b0ed;
	border-radius: 100%;
}
.hyt-little-calendar .grade-point.selected-white-bg {
	background: #fff;
}
/*--- 日历部分 end ---*/

/*--- 课程剩余课时和当日日期课程展示 begin ---*/
.remain-summary {
	padding: 0 .05rem;
}
.course-date-tab {
	display: inline-block;
	width: 49%;
	height: .49rem;
	color: #aaaaaa;
	font-size: .12rem;
	text-align: center;
	vertical-align: top;
}
.date-tab {
	position: relative;
}
.date-tab em {
	margin-left: .05rem;
	font-size: 12px;
}
.date-tab:before {
	content: '';
	position: absolute;
	top: .18rem;
	left: 0;
	width: 1px;
    height: .13rem;
    background-color: #e5e5e5;
}
.course-date-selected {
	color: #555555;
	border-bottom: .02rem solid #f3d872;
}
.origin-no-course .remain-tab {
	padding-left: .1rem;
	color: #555555;
	text-align: left;
}
.origin-no-course .date-tab {
	display: none;
}
.course-date-content {
	width: 100%;
	background: #fff;
	z-index: 500;
}
.remain-summary {
	width: 100%;
	height: .5rem;
	background: #fff;
	line-height: .5rem;
}
.course-remain-list {
	padding: 0 .15rem;
}
.course-remain-item {
	height: .5rem;
	color: #999999;
	font-size: .12rem;
	line-height: .5rem;
}
.course-remain-1v1 {
	height: .65rem;
}
.course-remain-count {
	text-align: right;
}
.count-not-give {
	color: #333333;
}
.one2one-remain .count-not-give {
	padding-top: .18rem;
	margin-bottom: .02rem;
}
.one2one-remain p {
	line-height: .15rem;
}
.option-btn-area {
	padding: .15rem;
}
.cant-link {
	display: block;
	width: 100%;
	height: .35rem;
	border-radius: .03rem;
	background: #f5f5f5;
	color: #999999;
	font-size: .12rem;
	text-align: center;
	line-height: .35rem;
}
.not-urgent-tip {
	margin-top: .03rem;
	color: #999999;
	font-size: .1rem;
	text-align: center;
	line-height: .24rem;
}
.active-link {
	display: block;
	width: 100%;
	height: .35rem;
	border-radius: .03rem;
	background: #f3d872;
	color: #555555;
	font-size: .12rem;
	text-align: center;
	line-height: .35rem;
}
.option-btn-area span {
	vertical-align: middle;
}
.option-btn-area .icon-comiiszuojiantou-copy {
	margin-left: .03rem;
	color: #828997;
	font-size: .14rem;
	/*vertical-align: middle;*/
	vertical-align: -.02rem;
}
/*--- 日程安排 begin ---*/
.arrange-list {
	/*padding: .15rem .15rem 0;*/
}
.arrange-item {
	margin-top: .1rem;
	border-radius: .03rem;
	background: #f9f9f9;
}
.arrange-item:first-of-type {
	margin-top: 0;
}
.arrange-item a {
	display: block;
	padding: .15rem .1rem .15rem .15rem;
}
.course-pic {
	overflow: hidden;
	width: .4rem;
	height: .4rem;
	border-radius: .03rem;
}
.course-pic img {
	display: block;
	width: 100%;
	height: 100%;
}
.course-info {
	/*overflow: hidden;*/
	margin-left: .15rem;
}
.course-name {
	overflow: hidden;
	height: .18rem;
	color: #555555;
	font-size: .12rem;
	font-weight: bold;
	line-height: .18rem;
}
.course-others {
	overflow: hidden;
	height: .18rem;
	color: #777777;
	font-size: .1rem;
	line-height: .18rem;
	text-overflow: ellipsis;
	white-space: nowrap;
}
.type-icons {
	/*margin-top: .03rem;*/
}
.type-icons .icon {
	font-size: .16rem;
}
.icon {
   width: 1em; height: 1em;
   vertical-align: -0.15em;
   fill: currentColor;
   overflow: hidden;
}
.link-guide {
	text-align: right;
}
.link-guide .icon-comiiszuojiantou-copy {
	color: #828997;
	font-size: .14rem;
}
.course-status {
	margin-top: .05rem;
	color: #999999;
	font-size: .1rem;
}
/*--- 日程安排 end ---*/
/*--- 课程剩余课时和当日日期课程展示 end ---*/

/*--- loading begin ---*/
.loading {
	position: fixed;
	top: .54rem;
	left: 0;
	width: 100%;
	height: 100%;
	z-index: 1000;
	padding-top: .2rem;
	background: #fafafa;
	text-align: center;
	line-height: 0.40rem;
}
.loading > p {
	display: inline-block;
    margin-left: 10px;
    color: #999;
    font-size: .10rem;
    vertical-align: 4px;
}
.loading > div {
    display: inline-block;
}
/*加载中的css3的样式*/
/*!
 * Load Awesome v1.1.0 (http://github.danielcardoso.net/load-awesome/)
 * Copyright 2015 Daniel Cardoso <@DanielCardoso>
 * Licensed under MIT
 */
.la-square-spin,
.la-square-spin > div {
    position: relative;
    -webkit-box-sizing: border-box;
       -moz-box-sizing: border-box;
            box-sizing: border-box;
}
.la-square-spin {
    display: block;
    font-size: 0;
    color: #ccc;
}
.la-square-spin.la-dark {
    color: #333;
}
.la-square-spin > div {
    display: inline-block;
    float: none;
    background-color: currentColor;
    border: 0 solid currentColor;
}
.la-square-spin {
    width: 18px;
    height: 18px;
}
.la-square-spin > div {
    width: 100%;
    height: 100%;
    border-radius: 0;
    -webkit-animation: square-spin 3s 0s cubic-bezier(.09, .57, .49, .9) infinite;
       -moz-animation: square-spin 3s 0s cubic-bezier(.09, .57, .49, .9) infinite;
         -o-animation: square-spin 3s 0s cubic-bezier(.09, .57, .49, .9) infinite;
            animation: square-spin 3s 0s cubic-bezier(.09, .57, .49, .9) infinite;
}
.la-square-spin.la-sm {
    width: 16px;
    height: 16px;
}
.la-square-spin.la-2x {
    width: 64px;
    height: 64px;
}
.la-square-spin.la-3x {
    width: 96px;
    height: 96px;
}
/*
 * Animation
 */
@-webkit-keyframes square-spin {
    0% {
        -webkit-transform: perspective(100px) rotateX(0) rotateY(0);
                transform: perspective(100px) rotateX(0) rotateY(0);
    }
    25% {
        -webkit-transform: perspective(100px) rotateX(180deg) rotateY(0);
                transform: perspective(100px) rotateX(180deg) rotateY(0);
    }
    50% {
        -webkit-transform: perspective(100px) rotateX(180deg) rotateY(180deg);
                transform: perspective(100px) rotateX(180deg) rotateY(180deg);
    }
    75% {
        -webkit-transform: perspective(100px) rotateX(0) rotateY(180deg);
                transform: perspective(100px) rotateX(0) rotateY(180deg);
    }
    100% {
        -webkit-transform: perspective(100px) rotateX(0) rotateY(360deg);
                transform: perspective(100px) rotateX(0) rotateY(360deg);
    }
}
@-moz-keyframes square-spin {
    0% {
        -moz-transform: perspective(100px) rotateX(0) rotateY(0);
             transform: perspective(100px) rotateX(0) rotateY(0);
    }
    25% {
        -moz-transform: perspective(100px) rotateX(180deg) rotateY(0);
             transform: perspective(100px) rotateX(180deg) rotateY(0);
    }
    50% {
        -moz-transform: perspective(100px) rotateX(180deg) rotateY(180deg);
             transform: perspective(100px) rotateX(180deg) rotateY(180deg);
    }
    75% {
        -moz-transform: perspective(100px) rotateX(0) rotateY(180deg);
             transform: perspective(100px) rotateX(0) rotateY(180deg);
    }
    100% {
        -moz-transform: perspective(100px) rotateX(0) rotateY(360deg);
             transform: perspective(100px) rotateX(0) rotateY(360deg);
    }
}
@-o-keyframes square-spin {
    0% {
        transform: perspective(100px) rotateX(0) rotateY(0);
    }
    25% {
        transform: perspective(100px) rotateX(180deg) rotateY(0);
    }
    50% {
        transform: perspective(100px) rotateX(180deg) rotateY(180deg);
    }
    75% {
        transform: perspective(100px) rotateX(0) rotateY(180deg);
    }
    100% {
        transform: perspective(100px) rotateX(0) rotateY(360deg);
    }
}
@keyframes square-spin {
    0% {
        -webkit-transform: perspective(100px) rotateX(0) rotateY(0);
           -moz-transform: perspective(100px) rotateX(0) rotateY(0);
                transform: perspective(100px) rotateX(0) rotateY(0);
    }
    25% {
        -webkit-transform: perspective(100px) rotateX(180deg) rotateY(0);
           -moz-transform: perspective(100px) rotateX(180deg) rotateY(0);
                transform: perspective(100px) rotateX(180deg) rotateY(0);
    }
    50% {
        -webkit-transform: perspective(100px) rotateX(180deg) rotateY(180deg);
           -moz-transform: perspective(100px) rotateX(180deg) rotateY(180deg);
                transform: perspective(100px) rotateX(180deg) rotateY(180deg);
    }
    75% {
        -webkit-transform: perspective(100px) rotateX(0) rotateY(180deg);
           -moz-transform: perspective(100px) rotateX(0) rotateY(180deg);
                transform: perspective(100px) rotateX(0) rotateY(180deg);
    }
    100% {
        -webkit-transform: perspective(100px) rotateX(0) rotateY(360deg);
           -moz-transform: perspective(100px) rotateX(0) rotateY(360deg);
                transform: perspective(100px) rotateX(0) rotateY(360deg);
    }
}
/*--- loading end ---*/


/*--- 2017-09-28 改版新增样式 begin ---*/
.course-date-nav {
	position: relative;
	z-index: 500;
	top: 3.5rem;
	width: 100%;
	height: .65rem;
	/*border-bottom: .02rem solid #f5f5f5;*/
	background-color: #fff;
	box-shadow: 0 0 10px 0 rgba(0, 0, 0, 0.1);
}
.current-date-area {
	height: .24rem;
	text-align: center;
}
.current-date {
	display: inline-block;
	width: .8rem;
	height: .24rem;
	background-color: #515157;
	border-bottom-left-radius: .03rem;
	border-bottom-right-radius: .03rem;
	color: #f3d872;
	font-size: .12rem;
	line-height: .24rem;
	vertical-align: top;
}
.date-nav-area {
	height: .4rem;
	margin-top: .03rem;
}
.date-nav-tab {
	border-bottom: .02rem solid #f5f5f5;
	color: #999999;
	font-size: 12px;
	text-align: center;
	line-height: .4rem;
}
.nav-tab-active {
	color: #333333;
	font-weight: bold;
	border-color: #f3d872; 
}
.cut-line {
	margin-top: .13rem;
	width: 1px;
	height: .13rem;
	background-color: #e5e5e5;
}
.course-date-content {
	position: relative;
	/*z-index: 300;*/
	margin-top: 3.52rem;
}
.nav-tab-content {
	padding: .15rem .15rem .2rem;
	background: #fff;
}
.select-tabs {

}
.select-tab-span {
	display: inline-block;
	width: .9rem;
	height: .2rem;
	border-radius: .02rem;
	background-color: #f4f5fa;
	color: #333333;
	font-size: 12px;
	text-align: center;
	line-height: .2rem;
}
.select-tab-active {
	background-color: #f3d872;
}
.text-align-left {
	text-align: left;
}
.text-align-center {
	text-align: center;
}
.text-align-right {
	text-align: right;
}
.select-cont {
	padding-top: .15rem;
}
.select-item {
	margin-bottom: .15rem;
	border: 1px solid #e5e5e5;
	border-radius: .03rem;
	background-color: #fbfbfc;
}
.select-title {
	overflow: hidden;
	height: .4rem;
	padding: 0 .15rem;
	color: #333333;
	font-size: .12rem;
	line-height: .4rem;
	text-overflow: ellipsis;
	white-space: nowrap;
}
.select-content-box {
	padding: .15rem;
}
.s-c-top {
	position: relative;
	padding-bottom: .15rem;
}
.s-c-pic {
	position: relative;
	overflow: hidden;
	width: .6rem;
	height: .6rem;
	border-radius: .03rem;
}
.s-c-pic img {
	display: block;
	width: 100%;
	height: 100%;
}
.s-c-bottom {
	position: relative;
}
.form-icon {
	position: absolute;
	top: -.01rem;
	left: -.01rem;
}
.form-icon .icon {
	display: block;
	font-size: .3rem;
}
.s-c-infos {
	margin-left: .1rem;
	color: #777777;
	font-size: .1rem;
	line-height: .15rem;
}
.mock-detail {
	padding: .1rem 0;
	color: #777777;
	font-size: .1rem;
	line-height: .18rem;
}
.sign-btn {
	width: 100%;
	height: .3rem;
	border-radius: .03rem;
	background-color: #f3d872;
	color: #444444;
	font-size: .12rem;
	text-align: center;
	line-height: .3rem;
}

.mock-remain-count {
    position: absolute;
    right: 0;
    top: -.3rem;
    width: 40px;
    height: 40px;
}
.mock-remain-count .circle {
    position: absolute;
    width: 40px;
    height: 40px;  
    border-radius: 50%;
    /*background: #f1f1f1;*/
    background: #f3d872;
}
.mock-remain-count .pie_left, .mock-remain-count .pie_right {
    width: 40px;
    height: 40px;
    position: absolute;
    top: 0;
    left: 0;
}
.mock-remain-count .left, .mock-remain-count .right {
    display: block;
    width: 40px;
    height: 40px;
    /*background: #f3d872;*/
    background: #f1f1f1;
    border-radius: 50%;
    position: absolute;
    top: 0;
    left: 0;
    /*transform: rotate(30deg);*/
}
.mock-remain-count .pie_right, .mock-remain-count .right {
    clip:rect(0,auto,auto,20px);
}
.mock-remain-count .pie_left, .mock-remain-count .left {
    clip:rect(0,20px,auto,0);
}
/*
*当top和left取值为auto时，相当于0
*当bottom和right取值为auto时，相当于100%
*/
.mock-remain-count .mask {
    width: 36px;
    height: 36px;
    border-radius: 50%;
    left: 2px;
    top: 2px;
    background: #FFF;
    position: absolute;
    color: #777777;
    font-size: 12px;
    text-align: center;
    line-height: 36px;
}
.arrange-empty-area {
	color: #777777;
	font-size: .1rem;
	text-align: center;
}
.item-empty-area p {
	margin-top: .2rem;
	color: #777777;
	font-size: .1rem;
	text-align: center;
}
.empty-icon {
	text-align: center;
}
.empty-icon .icon {
	font-size: .36rem;
}
.buy-link {
	display: block;
	width: 1.25rem;
	height: .3rem;
	margin: .1rem auto 0;
	border: 1px solid #f3d872;
	border-radius: .03rem;
	color: #f1c03b;
	font-size: 12px;
	text-align: center;
	line-height: .3rem;
}
.alert-cover .success-duihao {
	font-size: .28rem;
}
.alert-cover .alert-title {
	margin-bottom: 0;
}

/*立即选课：24px   ＃333
  border-radius: 6px;
  background-color: rgb(243, 216, 114);
  width: 580px;
  height: 70px;*/

.to-select-btn.select-item {
	padding-top: .1rem;
	border: none;
	background-color: #fff;
}
.to-select-link, .temporarily-btn {
	display: block;
	width: 100%;
	height: .35rem;
	border-radius: .03rem;
	background-color: #f3d872;
	color: #333;
	font-size: .12rem;
	text-align: center;
	line-height: .35rem;
}
.to-select-link.cannot-select-link, .temporarily-btn.cannot-select-link {
	background: #f5f5f5;
	color: #999999;
}
.info {
	z-index: 2000;
}
/*--- 2017-09-28 改版新增样式 end ---*/

/*--- 2017-10-10 暂不上课样式 begin ---*/
.course-date-nav.temporarily-style {
	height: .3rem;
	box-shadow: none;
}
.temporarily-style .date-nav-area {
	display: none;
}
.temporarily-area {
	position: relative;
	z-index: 200;
	top: 3.6rem;
	background: #fff;
}
.temporarily-btn-area {
	width: 100%;
	padding: 0 .15rem;
}
/*--- 2017-10-10 暂不上课样式 end ---*/