@charset "utf-8";
/* CSS Document */
/***************** CSS 初始化 ****************/
html,body,ul,li,ol,dl,dd,dt,p,h1,h2,h3,h4,h5,h6,form,fieldset,legend,img{margin:0;padding:0;}fieldset,img,input,button{border:none;padding:0;margin:0;outline-style:none;}ul,ol{list-style:none;}input{padding-top:0;padding-bottom:0;font-family:"SimSun","宋体";}select,input{vertical-align:middle;}select,input,textarea{font-size:12px;margin:0;}textarea{resize:none;}img{border:0;vertical-align:middle;}table{border-collapse:collapse;}body{font:12px/150% Arial,Verdana,"\5b8b\4f53";color:#666;background:#fff}.clearfix:before,.clearfix:after{content:"";display:table;}.clearfix:after{clear:both;}.clearfix{*zoom:1;}a{color:#666;text-decoration:none;}a:hover{color:#C81623;}h1,h2,h3,h4,h5,h6{text-decoration:none;font-size:100%;}s,i,em{font-style:normal;text-decoration:none;}.col-red{color:#C81623!important;}
@font-face {
	font-family: 'iconfont';  /* project id 2185703 */
	src: url('//at.alicdn.com/t/font_2185703_uh6tyti4wrb.eot');
	src: url('//at.alicdn.com/t/font_2185703_uh6tyti4wrb.eot?#iefix') format('embedded-opentype'),
	url('//at.alicdn.com/t/font_2185703_uh6tyti4wrb.woff2') format('woff2'),
	url('//at.alicdn.com/t/font_2185703_uh6tyti4wrb.woff') format('woff'),
	url('//at.alicdn.com/t/font_2185703_uh6tyti4wrb.ttf') format('truetype'),
	url('//at.alicdn.com/t/font_2185703_uh6tyti4wrb.svg#font_family') format('svg');
}
a:hover{
	color:inherit;
}
.icon-font{
	font-family:'iconfont';
}
/** 订单列表结束 **/
body{
	background:#ededed;
	font-family:PingFangSC-Medium,'Microsoft Yahei';
	font-size:14px;
}
#app{
	width:100%;
	overflow:hidden;
}
/** 顶部菜单栏 **/
#app-nav-bar{
	height:40px;
	width:100%;
	overflow:hidden;
	position:absolute;
	position:fixed;
	background:#3d8afe;
	text-align:center;
	z-index:2;
}
#app-nav-bar div{
	position: relative;
	display: flex;
	justify-content: space-between;
}
#app-nav-bar a{
	height:40px;
	width:40px;
	line-height:40px;
	display:inline-block;
	font-size:20px;
	color:#fff;
}
#app-nav-bar h1{
	display:inline-block;
	width:120px;
	height:40px;
	line-height:40px;
	text-align:center;
	font-size:16px;
	color:#fff;
}
#app-bottom-nav-bar{
	height:50px;
	width:100%;
	position:absolute;
	position:fixed;
	z-index:9990;
	left:0;
	bottom:0;
	border-top:1px solid #ddd;
	background:#fff;
}
#app-bottom-nav-bar a{
    display: block;
    width: 33%;
    height: 50px;
    overflow: hidden;
    float: left;
}
#app-bottom-nav-bar a.active *{
	color:#3d8afe;
}
#app-bottom-nav-bar a i{
    display: block;
    text-align: center;
    font-size: 20px;
    padding: 8px 0 0;
    color: #999;
	width: 60px;
	margin-left: -30px;
	left: 50%;
	position: relative;
}
#app-bottom-nav-bar a i .van-info{
	top: 10px;
	right: 5px;
	color: #fff !important;
}
#app-bottom-nav-bar a span{
	display: block;
    text-align: center;
    color: #333;
    font-size: 10px;
}
.pt-1{
	padding-top: 1rem;
}
.mb-1{
	margin-bottom: 1rem!important;
}
.text-ellipsis2{
	overflow: hidden;
	text-overflow: ellipsis;
	-webkit-line-clamp: 2;
	display: -webkit-box;
	-webkit-box-orient: vertical;
}
.row-spacing{
	width:100%;
	clear:both;
	overflow:hidden;
	height:10px;
}
.back-layer{
	background:#000;
	opacity:0.8;
	width:100%;
	height:100%;
	left:0;
	top:0;
	z-index:9992;
	position:fixed;
}
.s-tag{
    padding: 0 3px;
    border-radius: 2px;
    font-weight: normal;
    color: #fff;
    margin-left: 3px;
}
.s-tag.s1{
    background: #FFC107;
}
.s-tag.s2{
	background: #ccc;
}
.b-1000{
	display: inline-block;
    font-size: 10px;
    border-radius: 20px;
    height: 17px;
    line-height: 19px;
    padding: 0 5px;
}
.b-1000.s1{
	border:1px solid #3d8afe;
	color:#3d8afe;
}
.b-1000.s2{
	border:1px solid #eee;
	color:#ccc;
}
.b-1001{
    width: 40px;
    height: 40px;
    display: block;
    background: #3d8afe;
    border-radius: 100%;
    text-align: center;
    line-height: 40px;
    font-size: 33px;
    color: #fff;
    position: absolute;
    position: fixed;
    left: 50%;
    margin-left: -20px;
    bottom: 30px;
	box-shadow:0px 6px 16px rgb(42 169 226 / 66%);
	z-index:2;
}
.b-1001:hover{
	background:#63c3ff;
	color:#fff;
}
.b-1002{
	height: 40px;
    background: #3d8afe;
    color: #fff;
    box-shadow: 0px 3px 7px #8dd2fd;
    display: block;
    margin: 15px auto;
    text-align: center;
    line-height: 40px;
    border-radius: 50px;
    width: 90%;
    font-size: 16px;
}
.b-1002.s1{
    background: none;
	color:#3d8afe;
	border:1px solid #3d8afe;
}
.b-1003{
	display:inline-block;
	height:30px;
	line-height:30px;
	width:45%;
	text-align:center;
	background:#3d8afe;
	color:#fff;
	border:1px solid #3d8afe;
    border-radius: 30px;
	font-size:14px;
}
.b-1003.s1{
	color:#3d8afe;
	background:#fff;
	border:1px solid #3d8afe;
}
.b-1003.s2{
	color:#999;
	background:none;
	border:1px solid #ccc;
}
/** 顶部菜单栏结束 **/
#app-body{
	margin-top:40px;
	clear:both;
	overflow:hidden;
	width:100%;
}
/** 栏目选项卡 **/
#app-tab-bar{
	height:42px;
	clear:both;
	overflow:hidden;
}
#app-tab-bar a{
	display:block;
	height:40px;
	line-height:40px;
	background:#fff;
	float:left;
	text-align:center;
	font-size:14px;
}
#app-tab-bar a.active{
    border-bottom: 2px solid #3d8afe;
	color:#3d8afe;
}
/** 栏目选项卡结束 **/
/** 数据筛选工具条 **/
#data-screen-bar{
	height: 35px;
    clear: both;
    overflow: hidden;
}
#data-screen-bar a{
    display: inline-block;
    background: #fff;
    height: 27px;
    margin: 4px 5px 4px 10px;
    padding: 0 5px;
    line-height: 27px;
    color: #333;
	border-radius: 6px;
}
#data-screen-bar a i.a{
    margin-left: 3px;
    margin-right: -9px;
}
#data-screen-bar a i.d{
	color: #ccc;
}
#data-screen-bar a.active i.a{
	color: #ccc;
}
#data-screen-bar a.active i.d{
	color:inherit;
}
#data-screen-bar a i.sc{
	position: relative;
    top: -3px;
    margin-left: 2px;
}
/** 数据筛选工具条结束 **/
/** 搜索工具条 **/
#app-search-bar{
	background:#fff;
	padding:10px;
	display:block;
}
#app-search-bar input[type=text]{
	background:#ededed;
	height:30px;
	width:100%;
	border:none;
	border-radius:50px;
	text-indent:38px;
	text-align:left;
}
#app-search-bar a.icon-font,#app-search-bar a.search-cancel{
    display: inline-block;
    width: 40px;
    height: 30px;
    line-height: 30px;
    position: absolute;
    text-align: center;
    color: #999;
    font-size: 19px;
}
#app-search-bar a.search-cancel{
	margin-left: -51px;
    font-size: 12px;
}
/** 搜索工具条结束 **/
/** 筛选工具栏 **/
#select-tab-bar{
	height:35px;
	clear:both;
	overflow:scroll;
	width:100%;
}
#select-tab-bar .bd{
    display: block;
    overflow: hidden;
    height: 32px;
    background: #fff;
    width: 200%;
	line-height:30px;
}
#select-tab-bar .bd a{
    font-size: 12px;
    color: #666;
	height:30px;
    padding: 0 10px;
    display: block;
    float: left;
}
#select-tab-bar .bd a.active{
	border-bottom:2px solid #3d8afe;
	color:#3d8afe;
}
#select-tab-bar .bd input[type="text"]{
	width:50px;
	border:1px solid #ddd;
	height:20px;
}
/** 筛选工具栏结束 **/
/** 表单样式开始 **/
.form-style dl{
	clear:both;
	width:100%;
	border-bottom:1px solid #ededed;
	overflow:hidden;
	height:40px;
	display:block;
}
.form-style dl dt,.form-style dl dd{
	height:40px;
	line-height:40px;
	overflow:hidden;
}
.form-style dl dt{
	text-align:left;
	color:#000;
	font-size:14px;
	width:30%;
	overflow:hidden;
	float:left;
}
.form-style dl dt i{
	color:red;
	/*padding:0 10px;*/
}
.form-style dl dd{
	width:70%;
	overflow:hidden;
	float:left;
}
.form-style dl dd input{
	border:none;
	height:40px;
	line-height:40px;
	text-align:left;
}
/** 表单样式结束 **/
/** 课程表、课程记录 **/
.course-record .item{
	margin-bottom:10px;
	position: relative;
}
.course-record .item p{
	height:30px;
	line-height:30px;
	text-align:left;
	color:#999;
	font-size:12px;
}
.course-record .item dl{
	background:#fff;
	overflow:hidden;
	border-radius:7px;
	/*box-shadow:0px 7px 7px #dedede;*/
	padding-bottom:15px;
}
.course-record .item dl dt{
	height:40px;
	line-height:40px;
	padding:0 10px;
}
.course-record .item dl dt span.status{
    display: inline-block;
    height: 20px;
    line-height: 20px;
    position: absolute;
    background:#eaf2fd;
    color: #3d8afe;
    padding: 3px 10px;
	right:0;
    border-bottom-left-radius: 9px;
    border-top-right-radius: 7px;
	overflow:hidden;
	font-size:12px;
}
.course-record .item dl dt .status.s1{
	background:#3d8afe;
	color:#fff;
}
.course-record .item dl dt .status.s2{
	background:#d8d8d8;
	color:#909090;
}
.course-record .item dl dt span.time,.course-record .item dl dt span.service{
	margin-right:10px;
	color:#333;
}
.course-record .item dl dt span i{
    color: #ccc;
    margin-right: 1px;
    font-size: 20px;
    position: relative;
    bottom: -4px;
}
.course-record .item dl dt span.time i{
    font-size: 15px;
    position: relative;
    top: 0px;
    margin-right: 5px;
}
.course-record .item dl dt strong{
	font-weight: normal;
    font-size: 12px;
    background: #eaf2fd;
    color: #333;
    display: inline-block;
    height: 20px;
    line-height: 20px;
    padding: 0 9px;
    border-radius: 15px;
	margin-right:3px;
	
	width:3em;
	overflow:hidden;
	white-space: nowrap;
	text-overflow: ellipsis;
	-o-text-overflow:ellipsis;	
	position: relative;
    bottom: -4px;
}

.course-record .item dl dt:after{
    content: '';
    position: absolute;
    height: 1px;
    left: 0;
    margin-top: 40px;
    width: 90%;
    left: 50%;
    margin-left: -45%;
    background-color: #ccc;
    -webkit-transform: scaleY(0.5);
    -moz-transform: scaleY(0.5);
    transform: scaleY(0.5);
    z-index: 1;
}

.course-record .item dl dd {
	white-space: nowrap;
	height: 25px;
	line-height: 35px;
	padding: 0 10px;
	color: #333;
	text-overflow: ellipsis;
	overflow: hidden;
	font-size:12px;
}
.course-record .item dl dd b{
	color:#999;
	font-weight:normal;
	margin-right:10px;
}
/** 课程表、课程记录结束 **/
/** 订单列表 **/
.trade-list{
	
}
.trade-list .item{
	clear: both;
    margin: 0 10px 10px 10px;	
}
.trade-list .item .addtime{
    height: 30px;
    line-height: 30px;
    text-align: left;
    color: #999;
    font-size: 12px;
}
.trade-list .item dl{
    background: #fff;
    overflow: hidden;
    border-radius: 7px;
    margin-bottom: 15px;
}
.trade-list .item dl .row1{
    height: 40px;
    line-height: 40px;
    padding: 0 10px;
}
.trade-list .item dl .row1 .shop{
	float:left;
	font-weight:bold;
	color:#000;
}
.trade-list .item dl .row1 .shop .icon-font{
    color: #3d8afe;
    font-weight: normal;
    font-size: 18px;
    position: relative;
    bottom: -2px;
}
.trade-list .item dl .row1 .state{
    position: relative;
    bottom: -2px;
    float: right;
    color: orangered;
}
.trade-list .item dl .row2{
    padding:10px;
	background:#f9f9f9;
}
.trade-list .item dl .row2 span{
    width: 80px;
    height: 80px;
    overflow: hidden;
    display: inline-block;
    border-radius: 6px;
    position: absolute;
}
.trade-list .item dl .row2 span img{
	max-width:100%;
	max-height:100%;
}
.trade-list .item dl .row2 .info{
    display: block;
    padding-left: 90px;
	height:80px;
}
.trade-list .item dl .row2 .info .name{
    width: 75%;
    float: left;
    height: 80px;
	line-height:16px;
}
.trade-list .item dl .row2 .info .name strong{
	display: block;
    height: 32px;
    line-height: 15px;
    overflow: hidden;
    color: #333;
}
.trade-list .item dl .row2 .info .price{
    display: block;
    width: 20%;
    text-align: right;
    float: right;
    line-height: 43px;
}
.trade-list .item dl .row3{
	margin: 0 10px;
    height: 37px;
    line-height: 30px;
} 
.trade-list .item dl .row3 .left{
	float:left;
	color:#3d8afe;
}
.trade-list .item dl .row3 .left .icon-font{
	margin-right:3px;
}
.trade-list .item dl .row3 .right{
	float:right;
}
.trade-list .item dl .row3 .right a{
	margin-left:10px;
}
.trade-list .item dl .row3 .right a .icon-font{
	color:#ccc;
	font-size:11px;
}
.go-buy-lesson{
    background:#FFC107;
    width: 50px;
    height: 50px;
    position: absolute;
    right: 10px;
    top: 50%;
    border-radius: 50%;
    color: #fff;
    cursor: pointer;
	text-align:center;
	z-index:9990;
	position:fixed;	
}
.go-buy-lesson i{
    font-size: 24px;
    position: relative;
    bottom: -10px;
}
.go-buy-lesson span{
	clear:both;
	display:inline-block;
	width:100%;
    margin-top: 4px;
    font-size: 10px;
}