body {
	font-family: "微软雅黑", Arial, Helvetica, sans-serif;
	font-size: 16px;
	line-height: 1.5;
	max-width: 640px;
	padding: 0;
	margin: 0 auto;
	overflow: scroll;
	background: #EEEFF4;
	  -webkit-tap-highlight-color:rgba(0,0,0,0);
}



#container ,#content{
	margin-bottom: 70px;
}

.section h2 {
	font-size:18px;
	color:#6a2878;
	margin: 10px 0 6px 10px;position:relative;
	font-weight:bold;
}
.section h2  a{
color:#6a2878;
}
.section h2  a span{
position:absolute;
top:5px;
right:0;
color:#333}
#container .sec-inner {
	background: #fff;
}

.section h2 span {
	float: right;
	font-size: 13px;
	margin-right: 10px;
}

.section ul {
	padding: 10px;
}

.section li {
	padding-bottom: 10px;
	margin-bottom: 10px;
	border-bottom-width: 1px;
	border-bottom-style: dashed;
	border-bottom-color: #999;
}

.section li .tit {
	margin: 5px 0 8px 0;
	display: block;
	overflow: hidden;
}

.section .date {
	font-size: 14px;
	width:100%;
	line-height:30px;
}

.section .course-name {
	float: left;
	width: 95%;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
}

.section .fee {
	float: right;
	width: 35%;
	text-align: right;
	font-size:14px
}

.fixed-bottom {
	width: 100%;
	background: #6a2878;
	position: fixed;
	left: 0;
	bottom: 0;
	padding: 10px 0;
	font-size:14px;
}

.fixed-bottom ul {
	text-align: center;
}

.fixed-bottom li {
	display: inline-block;
	width: -moz-calc(100%/4 - 5px);
	width: -webkit-calc(100%/4 - 5px);
	width: calc(100%/4- 5px);
	border-right: 1px solid #5d186c;
}
.fixed-bottom li:last-child{
border-right:none;
}
.fixed-bottom li img{
width:18px;
height:18px;
}
.fixed-bottom li a {
	color: #fff;
}

 .about{
	margin: 10px 0;
	line-height: 25px;
	text-align: center;
	font-size:14px;
	color:#999
}



.logo {
	background:#fff;
	
}

.logo img {
	width: 100%;
	height: auto;
}





#content .inner{

    font-size: 16px;
    line-height: 1.67em;
    padding: 0 16px 16px;
    position: relative;
    word-break: break-all;
    word-wrap: break-word;

	background: #fff;
}
#content h1{
    color: #272727;
    font-size: 24px;
    font-weight: bolder;
    line-height: 32px;
    padding:20px 0;
    text-align: center;

}
#content b{
	display: block;
	color: #bf1a21;
	margin:20px 0 5px 0
}

.frmsubmit{
	
	margin-top:50px;
}

#frmOrder span{

width:25%
}
.frmsubmit input[type="text"]{
	border: 1px solid #ddd;
	padding:10px 5px;
background:#F7F7F7;
width:67%;
width:-moz-calc(70% - 10px);
	width:-webkit-calc(70% - 10px);
	width: calc(70% - 10px);	
	
}
.frmsubmit h2{
	background: #6a2878;
	color: #fff;
	text-align: center;
	font-weight: normal;
	padding: 5px 0;
	margin-bottom: 15px;
	border-radius: 5px;
	
}
.frmsubmit div{
	margin:10px 0
}
.frmsubmit div span{
	width: 25%;
	display: inline-block;
}



#btn-submit{
	width: 100%;
	border: none;
	font-size: 18px;
	background: #FF9100;
	padding: 10px 0;
	border-radius: 20px;
	cursor: pointer;
	color: #fff;
	margin-top: 15px;
}
.content-tit{
padding:10px;border:1px dotted #6a2878


	
}
.content-tit span{
	margin-right:5px;
	color: #999;
}

.turn-up a{
    display: block;
    background: url(../img/turn-up.png) no-repeat left center;
    
	font-size:18px;
	padding: 8px 0 8px 25px;
}
.nav {
    clear: both;
    overflow: hidden;
    background: #6a2878;
    border-bottom: 1px solid #fff;
}
.nav table {
	width:100%;
    table-layout: fixed;
}
.nav td {
    width: 33%;
    border: 1px solid #fff;
    text-align: center;
    padding: 5px 0;
    text-overflow: ellipsis;
    overflow: hidden;
    white-space: nowrap;
}
.nav td a{color:#fff}
.qhline{
	background:#fff;padding:10px;
}
.qhline h3{
	margin:20px 0 5px 0
}