#page{
	width:540px;
	height:30px;
	margin: 20px auto;
}
#page li{
	float:left;
	margin:0 3px;
	background:#f5f5f5;
	border-radius:5px;
	font-size: 14px;
}
#page li:nth-child(6){
	line-height: 30px;
	padding:0 10px;
	border:solid 1px #eee;
}
#page input{
	border:solid 1px #eee;
	width:60px;
	height:30px;
	padding:0 5px;
	font-size:16px;
	border-radius:5px;
	font-size: 14px;
}
.z_num{
	display: inline-block;
	background:#5a98de;
	border:solid 1px #eee;
	width:30px;
	height:30px;
	color:#fff;
	text-align:center;
	line-height:30px;
	border-radius:5px;
}
#page a,#determine{
	display: inline-block;
	line-height:30px;
	height:30px;
	padding:0 10px;
	text-align:center;
	border:solid 1px #eee;
	border-radius:5px;
	color:#333;
	font-size:14px;
	cursor:pointer;
}
#page a:hover,#determine:hover{
	background:#5a98de;
	color:#fff;
	text-decoration:none;
}

/* 免费课堂分页 */
#paging{
    width: 100%;
    margin: 10px auto 20px;
    overflow: hidden;
    zoom:1;
    display:flex;
    display:-webkit-flex;
    justify-content: center;
    -webkit-justify-content: center;
}
ul.page{
    float: left;
}
ul.page li{
	float: left;
    height: 30px;
    text-align: center;
    line-height: 30px;
    background-color: #ffffff;
    border: 1px solid #E9E9E9;
    border-radius: 4px;
    margin-left: 8px;
    padding: 0px 10px;
    font-size: 14px;
    cursor: pointer;
    color:#707D8C;
    display: flex;
    align-items: center;
    justify-content: center;
}
ul.page li.dot{
    cursor:not-allowed;
}
.page li.noneBtn{
	background-color: #ffffff;
}
#paging .skip{
    float: left;
}
#paging .skip p{
	float: left;
	font-size:14px;
	margin-left:8px;
	padding: 0px 10px;
	height: 30px;
	background: #FFFFFF;
	border-radius: 4px;
	border: 1px solid #E9E9E9;
	display: flex;
	align-items:center;
	color: #707D8C;
}
#paging .skip p input{
	width: 17px;
	height: 24px;
	background: #F5F5F5;
	border-radius: 4px;
	border:none;
	margin:0 8px;
	outline: none;
	text-align: center;
	color: #217FF3;
    /* height: 30px;
    margin-left:5px;
    background-color: #ffffff;
    border: 1px solid #E9E9E9;
    border-radius: 4px;
    font-size: 12px;
    outline: none; */
}
#paging .skip>input{
	height: 30px;
    margin-left:8px;
    background-color: #ffffff;
    border: 1px solid #E9E9E9;
    border-radius: 4px;
    font-size: 14px;
    outline: none;
	color: #707D8C;
}
#paging .skipTxt{
    width:50px;
    padding:0 5px;
}
#paging .skipBtn{
    background-color: #f5f5f5;
    padding: 0px 10px;
    cursor:pointer;
}
#paging li.active{
    color:#217FF3;
}