.dataSelect { border: 1px solid #d2d2d2; box-shadow: 0 2px 4px rgba(0, 0, 0, .12); background-color: #fff; color: #666; width: 200px; height: 180px; position: absolute; top: 37px; left: 0; z-index: 10; margin: 5px 0; border-radius: 2px; font-size: 14px; box-sizing: border-box; } .dataSelect .year { border-bottom: 1px solid #d2d2d2; width: 100%; } .dataSelect .year select { /* width: 100px; */ height: 30px; position: relative; line-height: 40px; margin: 10px 70px 5px; box-sizing: border-box; } .dataSelect .month { position: relative; padding: 10px; width: 100%; height: 73%; box-sizing: border-box; overflow: hidden; } .dataSelect .month ul { position: absolute; left: 0; top: 0; padding: 5px; width: 100%; height: 100%; background-color: #fff; box-sizing: border-box; overflow: hidden; } .dataSelect .month ul li { width: 23%; margin: 17px 0; height: 30px; line-height: 30px; margin: 3px 0; text-align: center; cursor: pointer; display: inline-block; vertical-align: middle; font-size: 11px; } .tip { background-color: #009688 !important; color: #fff !important; }