/*demo
<!--<div class="fenye">
			<span class="allpages">共 17 条 </span>
            <ul class="pagination">
                <li class="disabled"><span title="上一页" href="javascript:;">上一页</span></li>
                <li class="active"><span>1</span></li>
                <li><span onclick="window.location.href='/teach/index?page=2.html'">2</span></li>
                <li><span title="下一页" href="/teach/index?page=2.html">下一页</span></li>
            </ul>
            <select name="limit">
                <option selected >10条/页</option>
                <option>20条/页</option>
                <option>30条/页</option>
                <option>40条/页</option>
            </select>
            <span class="go">到 第<input type="number" id="page_num" value="">页 <a class="goPage" data-url="/list.html?page=">确定</a></span>
        </div>-->


*/
.fenye{
    width: 100%;
    height: 27px;
    margin:82px auto 120px;
    text-align: center;
    float: left;
    display: inline-block;
}
.fenye .allpages{
	display: inline-block;
	font-size: 12px;
	font-weight: 500;
	color: #34383C;
	line-height: 27px;
}
.fenye select {
    width: 97px;
    height: 27px;
    background: #F0F0F0;
    /*width: 44px;
    height: 12px;*/
    font-size: 12px;
    font-family: PingFang SC;
    font-weight: 500;
    color: #34383C;
    line-height: 48px;
    text-align: center;
    outline: none;
    -webkit-tap-highlight-color: rgba(0,0,0,0);
    margin-left:10px;
}
ul.pagination {
    display: flex;
    box-sizing: border-box;
    font-size:12px;
    background: #fff;
	display: inline-block;
	    vertical-align: bottom;
	margin-left: 10px;
}
.pagination a, .pagination span{
    display: inline-block;
    text-decoration: none;
    margin-right: 0px!important;
    color: #34383C;
    cursor: pointer;
}
ul.pagination li {
    display: inline;
    color: #34383C;
    line-height: 27px;
}
.pagination li a , .pagination li span,.pagination  .u{
    float: left;
    padding: 0px 10px;
    height: 25px;
    color: #34383C;
    line-height: 27px;
    text-decoration: none;
    border-top: 1px solid #CCCCCC;
    border-left: 1px solid #CCCCCC;
    border-bottom: 1px solid #CCCCCC;
    min-width: 14px;
}
.pagination li:last-child a , .pagination li:last-child span{
    border-right: 1px solid #CCCCCC;
}
.pagination .active a {
    background-color: #40C481;
    color: #FFFFFF;
	border-top: 1px solid #40C481;
	border-bottom: 1px solid #40C481;
}
.pagination .disabled{
    background-color: rgba(236, 236, 236, 0.78);
    color: #34383C;
    opacity: 0.5;
}
ul.pagination  li.active a, ul.pagination  li.active span{
    color: #FFFFFF;
    background-color: #40C481;
}
ul.pagination li a:hover:not(.active) {
    background-color: #40C481;
    color:#fff;
}
.go{
	font-size: 12px;
	font-weight: 500;
	color: #34383C;
	margin-left: 16px;
	height: 27px;
	display: inline-block;
}
#page_num{
	width: 37px;
	height: 24px;
	border: 1px solid #CCCCCC;
	text-align: center;
	font-size: 12px;
	font-weight: 500;
	color: #34383C;
	margin: 0 6px;
    outline: none;
}
.goPage{
	width: 43px;
	height: 25px;
	border: 1px solid #CCCCCC;
	font-size: 12px;
	font-weight: 500;
	color: #34383C;
	text-align: center;
	line-height: 27px;
	display: inline-block;
	margin-left: 19px;
	cursor: pointer;
}