.date-select{ width:100%; height:40px; position:relative;}
.date-select .up-cont{width:100%; height:38px; background:#fff; color:#333; position:relative;}
.date-select .up-cont .text{ padding:0 30px 0 10px; overflow:hidden; text-align: center; line-height: 38px;}
.date-select .up-cont .arrow{ display:block; width:10px; height:6px; background:url(company-tablecount-small-triangle.png) no-repeat 0 0; position:absolute; right:10px; top:17px;}
.date-select .up-cont .arrow.active{ background-position:0 -6px;}
.date-select .down-cont{display:none;z-index:1000; width:250px; height:160px; border:1px solid #e5e5e5; background:#fff; overflow:hidden; position:relative; top:2px;}
/*年份*/
.date-select .down-cont .year-choose{ float:left; width:90px; height:160px; overflow-y:scroll;}
.date-select .down-cont .year-choose p{ display:block; height:32px; line-height:32px; text-align:center; cursor:pointer;}
.date-select .down-cont .year-choose p:hover{ background:#f2f2f2;}
.date-select .down-cont .year-choose p.none{ color:#ddd; cursor:default;}
.date-select .down-cont .year-choose p.none:hover{ background:none;}
.date-select .down-cont .year-choose p.active{ background:#ff8502; color:#fff;}
/*月份*/
.date-select .down-cont .month-choose{ float:left; width:158px; height:160px; padding:14px 0 0 1px;}
.date-select .down-cont .month-choose p{ float:left; display:block; width:46px; height:24px; line-height:24px; margin:0 0 8px 6px; text-align:center; cursor:pointer; border-radius:4px;}
.date-select .down-cont .month-choose p:hover{ background:#f2f2f2;}
.date-select .down-cont .month-choose p.none{ color:#ddd; cursor:default;}
.date-select .down-cont .month-choose p.none:hover{ background:none;}
.date-select .down-cont .month-choose p.active{ background:#ff8502; color:#fff;}