@import (reference) 'dingtalk-theme/dingtalk-x/mob.less';

.modalBottomDownYear {
	height: 314px;
	display: flex;
	flex-direction: column;
  position: relative;
	&-head {
		display: flex;
		padding: 15px 16px;
		justify-content: space-between;
		align-items: center;
		&-text {
			font-size: 14px;
			line-height: 22px;
			color: #0089ff;
		}
	}

	&-main {
		flex: 1;
		overflow: auto;
		height: 228px;
		text-align: center;
		
		&-title {
			font-size: 16px;
			line-height: 33px;
		}
		&-focus {
			position: absolute;
			height: 33px;
			border-top: 1px solid rgba(126, 134, 142, 0.16);
			border-bottom: 1px solid rgba(126, 134, 142, 0.16);
      top: 115px;
      width: 100%;
		}
	}

	&-bottom {
		height: 34px;
	}
}