.pagediv {
    min-height: 4.35rem
}

.headbox {
    height: .44rem;
    line-height: .44rem;
    width: 100%;
    padding: 0 .1rem;
    display: -ms-flexbox;
    display: -webkit-box;
    box-sizing: border-box;
    background: #fff
}

.headbox div {
    -moz-box-flex: 1;
    -webkit-box-flex: 1;
    -ms-flex: 1;
    height: 100%;
    box-sizing: border-box
}

.main_visual {
    position: relative
}

/* .headbox div {
    font-size: .18rem;
    color: #333;
    text-align: center
}

.headbox div a {
    height: 100%;
    line-height: .15rem;
    width: .83rem
}

.headbox div a i {
    display: inline-block;
    width: .83rem;
    height: .2333rem;
    background: #fff url(../img/xiaol.png) -1.43rem -1.183rem;
    background-size: 3.1866rem auto;
    vertical-align: middle;
    margin-top: .09rem
}

.headbox div a i,.headbox div i {
    box-sizing: border-box
}

.headbox .menubtn a {
    line-height: .44rem;
    float: right;
    margin-right: 0;
    color: #333;
    width: auto!important;
    text-align: right
}

.headbox .menubtn a span {
    margin-right: -.03rem
}

.headbox .menubtn a i {
    height: .25rem!important;
    width: .12rem!important;
    background-position: -1.19rem -1.28rem!important
} */

.year_history {
    height: .34rem;
    line-height: .34rem;
    text-align: center;
    font-size: .14rem;
    color: #333;
    border-top: 1px solid #e0e0e0;
    margin-bottom: .1rem
}

.num_history,.year_history {
    background: #fff
}

.num_history div:first-child {
    border-top: 0
}

.num_history .num_row {
    height: .7rem;
    padding: .1rem;
    padding-left: .05rem;
    box-sizing: border-box;
    color: #666;
    border-top: 1px solid #efeff2;
    display: flex
}

.num_history .num_row div {
    flex: 1
}

.num_history .num_row .his_date {
    float: left;
    width: .6rem;
    border-right: 1px solid #e2e1e7;
    margin-right: .098rem;
    text-align: center
}

.num_history .num_row .his_date p {
    font-size: .14rem;
    color: #333;
    line-height: .25rem;
    white-space: nowrap
}

.num_history .num_row .his_date .date_md {
    font-size: .12rem
}

.num_history .num_row .num_item {
    float: left
}

.num_history .num_row .num_item ul {
    display: flex
}

.num_history .num_row .num_item ul li {
    flex: 1;
    float: left;
    height: .3rem;
    line-height: .3rem;
    width: .3rem;
    margin-right: .075rem;
    text-align: center;
    color: #fff
}

.num_history .num_row .num_item ul li p {
    border-radius: 50%;
    font-size: .16rem
}

.num_history .num_row .num_item ul li div {
    font-size: .13rem;
    color: #666;
    line-height: .22rem
}

.num_history .num_row .num_item ul li .red {
    background: #fa3345
}

.num_history .num_row .num_item ul li .blue {
    background: #2eaae3
}

.num_history .num_row .num_item ul li .green {
    background: #4fca66
}

.num_history .num_row .num_item ul li .add {
    height: 100%;
    background: url(../img/xiaol.png) -.85rem -1.26rem no-repeat;
    background-size: 3.18rem
}

.num_history .num_row .num_item ul .add_li {
    max-width: .125rem;
    height: .125rem;
    margin: 0 .05rem;
    margin-top: .1rem
}

.num_history .num_row .num_item ul li:nth-child(6),.num_history .num_row .num_item ul li:nth-child(8) {
    margin-right: 0
}

body,html {
    webkit-transform: none;
    transform: none
}

.fixed_history {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    border-bottom: 1px solid #ccc;
    margin: 0;
    background: #fff;
    z-index: 999
}


#yearwrapper ul li.active{
	background: #eee;
}