/*选择日期*/
.choice {height:32px;}
.choice p{float: left; position: relative; height: 32px; line-height: 32px; font-size: 14px; margin: 0 7px 0 2px;}
.calendar .year_name,.calendar .month_name{ margin: 0 25px; text-align: center; display: block;}
.choice .button{display: block; height: 32px; line-height: 32px; cursor: pointer; position: absolute; width: 17px; top: 0; background: url("../images/datenews_prve.png") center 0 no-repeat;}
.choice .button.prev{left: 0;}
.choice .button.next{right: 0; background-position: center -32px;}

.calendar {margin:inherit; padding: 9px 0 15px; height: 304px;}
.calendar .data_table{ width: 100%;}
.calendar table tr th{ height: 30px; padding: 2px 0 0;}
.calendar table tr th span{display:block; line-height: 30px; margin:0 auto; width: 36px; height: 30px; text-align: center; font-size: 15px; color: #666;}
.calendar table tr td{ text-align:center; line-height:36px; height:36px; cursor:pointer;}
/*鼠标滑过*/
.riqi{position:relative; z-index:9; width:26px; height:26px; margin: 5px auto 0; }
.riqi a{ color: #666; display: block;border-radius: 4px; line-height: 26px; font-size: 15px; transition: 0.4s all;}

.riqi.active a,.usual_day .riqi a{ background: #efefef; color: #3673b6;}
.riqi.active a,.usual_day .riqi a{ color: #3673b6;}

.bgHover a,.usual_day .riqi a:hover{ background: #3673b6 !important; color: #fff !important; border-radius: 50%;}
.bgHover a:hover{color: #fff !important;}

/*非本月日期*/
.calendar table tr td.current_day{ background:#e6e6e6}
.calendar table tr td.unselected_month{ color:#999999; font-size: 0;}
@media only screen and (max-width:991px) {
.calendar{height: auto; padding-bottom: 20px;}
}
@media (max-width: 767px){
.date_side{padding: 0 10px;}

}