@picker-cell-cls: ~'@{picker-prefix-cls}-cell';
.@{picker-prefix-cls} {
	//在white下的cell hover样式
	&-dropdown-normal &-cell:hover:not(&-cell-in-view) &-cell-inner,
	&-dropdown-normal
		&-cell:hover:not(&-cell-selected):not(&-cell-range-start):not(&-cell-range-end):not(&-cell-range-hover-start):not(&-cell-range-hover-end)
		&-cell-inner {
		background: @picker-cell-inner-hover-bg;
	}

	&-cell-in-view&-cell-today &-cell-inner::before {
		border: 0;
		width: 4px;
		height: 4px;
		border-radius: 100%;
		background: @blue-base;
		left: 50%;
		top: 50%;
		transform: translateX(-50%);
		margin-top: 8px;
	}
	//当end是在一行首位时before偏移
	&-bdesign tr > &-cell-in-view.@{picker-prefix-cls}-cell-range-end:first-child::before {
		left: 5px;
	}

	&-bdesign &-cell:not(&-cell-in-view) {
		color: @picker-cell-prever-next-color;
	}

	&-bdesign &-cell&-cell-in-view {
		color: @picker-cell-in-view-color;
	}

	&-bdesign &-week-panel-row-selected &-cell-week,
	&-bdesign &-week-panel-row-selected:hover &-cell-week {
		color: rgba(255, 255, 255, 0.5);
	}

	// >>> Disabled
	&-bdesign &-cell-disabled {
		color: @picker-disabled-color!important;
		&::before {
			background: transparent;
		}
	}
}

//week样式
.@{picker-prefix-cls} {
	&-bdesign &-week-panel-row &-cell:first-child {
		z-index: 3;
	}

	&-bdesign &-week-panel-row &-cell:first-child:before {
		border-top-left-radius: 4px;
		border-bottom-left-radius: 4px;
		z-index: -1;
	}

	&-bdesign &-week-panel-row &-cell:last-child:before {
		border-top-right-radius: 4px;
		border-bottom-right-radius: 4px;
	}

	&-bdesign &-week-panel-row:hover td {
		background: transparent;
	}

	&-bdesign &-week-panel-row-selected td,
	&-bdesign &-week-panel-row-selected:hover td {
		background: transparent;
	}

	&-bdesign&-dropdown-normal &-week-panel-row:hover:not(&-week-panel-row-selected) td:before {
		background: @picker-cell-inner-hover-bg;
	}

	&-bdesign &-week-panel-row-selected td:before,
	&-bdesign &-week-panel-row-selected:hover td:before {
		background: @blue-base;
	}
}

//range 样式
.@{picker-prefix-cls} {
	// >>> Range Hover
	&-bdesign &-cell-in-view&-cell-range-hover-start:not(&-cell-in-range):not(&-cell-range-start):not(&-cell-range-end),
	&-bdesign &-cell-in-view&-cell-range-hover-end:not(&-cell-in-range):not(&-cell-range-start):not(&-cell-range-end),
	&-bdesign &-cell-in-view&-cell-range-hover-start&-cell-range-start-single,
	&-bdesign &-cell-in-view&-cell-range-hover-start&-cell-range-start&-cell-range-end&-cell-range-end-near-hover,
	&-bdesign &-cell-in-view&-cell-range-hover-end&-cell-range-start&-cell-range-end&-cell-range-start-near-hover,
	&-bdesign &-cell-in-view&-cell-range-hover-end&-cell-range-end-single,
	&-bdesign &-cell-in-view&-cell-range-hover:not(&-cell-in-range) {
		&:after {
			height: @layout-height-5;
			border-top: @border-width-base solid @blue-base;
			border-bottom: @border-width-base solid @blue-base;
			position: absolute;
			top: 50%;
			z-index: 0;
			width: calc(100% + 4px);
			transform: translateY(-50%);
			transition: all @animation-duration-slow;
			content: '';
		}
	}

	// >>> In Range
	&-bdesign &-cell-in-view&-cell-in-range::before {
		background: @picker-in-range-bg;
	}

	&-bdesign &-cell-in-view&-cell-in-range &-cell-inner::after {
		display: none;
	}

	//新增的选中部分的每行第一个和最后一个的圆角
	&-bdesign tr > &-cell-in-view&-cell-in-range:last-child::before,
	&-bdesign tr > &-cell-in-view&-cell-in-range&-cell-end::before {
		border-top-right-radius: @picker-border-radius-base;
		border-bottom-right-radius: @picker-border-radius-base;
		right: 2px;
	}

	&-bdesign tr > &-cell-in-view&-cell-in-range:first-child::before,
	&-bdesign tr > &-cell-in-view&-cell-in-range&-cell-start::before {
		border-top-left-radius: @picker-border-radius-base;
		border-bottom-left-radius: @picker-border-radius-base;
		left: 2px;
	}

	&-bdesign &-cell-in-view&-cell-in-range&-cell-range-hover-start::before,
    //edge-start在这行in-view的第一个
	&-bdesign &-cell-in-view&-cell-in-range&-cell-range-hover-edge-start:not(&-cell-range-hover-edge-end-near-range)::before {
		border-left: @border-width-base solid @blue-base;
		border-top-left-radius: @picker-border-radius-base;
		border-bottom-left-radius: @picker-border-radius-base;
	}

	&-bdesign &-cell-in-view&-cell-in-range&-cell-range-hover-start::before,
	&-bdesign &-cell-in-view&-cell-in-range&-cell-range-hover-end::before {
		border-top: @border-width-base solid @blue-base;
		border-bottom: @border-width-base solid @blue-base;
	}

	&-bdesign &-cell-in-view&-cell-in-range&-cell-range-hover-end::before,
    //edge-end在这行in-view的最后一个
    &-bdesign &-cell-in-view&-cell-in-range&-cell-range-hover-edge-end:not(&-cell-range-hover-edge-end-near-range)::before, 
    //edge-hover 在这行inrange的最后一个
	&-bdesign &-cell-in-view:last-child&-cell-in-range&-cell-range-hover-start:not(&-cell-range-hover-edge-end-near-range)::before {
		border-right: @border-width-base solid @blue-base;
		border-top-right-radius: @picker-border-radius-base;
		border-bottom-right-radius: @picker-border-radius-base;
	}

	// Hover with in range
	&-bdesign &-cell-in-view&-cell-in-range&-cell-range-hover::before,
	&-bdesign &-cell-in-view&-cell-range-start&-cell-range-hover::before,
	&-bdesign &-cell-in-view&-cell-range-end&-cell-range-hover::before,
	&-bdesign &-cell-in-view&-cell-range-start:not(&-cell-range-start-single)&-cell-range-hover-start::before,
	&-bdesign &-cell-in-view&-cell-range-end:not(&-cell-range-end-single)&-cell-range-hover-end::before,
	&-bdesign
		.@{picker-prefix-cls}-panel
		> :not(.@{picker-prefix-cls}-date-panel)
		&-cell-in-view&-cell-in-range&-cell-range-hover-start::before,
	&-bdesign
		.@{picker-prefix-cls}-panel
		> :not(.@{picker-prefix-cls}-date-panel)
		&-cell-in-view&-cell-in-range&-cell-range-hover-end::before {
		background: @picker-in-range-bg;
		border-top: @border-width-base solid @blue-base;
		border-bottom: @border-width-base solid @blue-base;
	}
}

//in range范围内每行的首尾边框
.@{picker-prefix-cls}-bdesign {
	tr > .@{picker-cell-cls}-in-view:first-child.@{picker-cell-cls}-in-range.@{picker-cell-cls}-range-hover::before {
		border-top: @border-width-base solid @blue-base;
		border-bottom: @border-width-base solid @blue-base;
		border-left: @border-width-base solid @blue-base;
		border-top-left-radius: @picker-border-radius-base;
		border-bottom-left-radius: @picker-border-radius-base;
	}

	tr > .@{picker-cell-cls}-in-view:last-child.@{picker-cell-cls}-in-range.@{picker-cell-cls}-range-hover::before {
		border-top: @border-width-base solid @blue-base;
		border-bottom: @border-width-base solid @blue-base;
		border-right: @border-width-base solid @blue-base;
		border-top-right-radius: @picker-border-radius-base;
		border-bottom-right-radius: @picker-border-radius-base;
	}
}

.@{picker-prefix-cls} {
	// Edge start
	&-bdesign tr > &-cell-in-view&-cell-range-hover:first-child::after,
	&-bdesign tr > &-cell-in-view&-cell-range-hover-end:first-child::after,
	&-bdesign &-cell-in-view&-cell-start&-cell-range-hover-edge-start&-cell-range-hover-edge-start-near-range::after,
	&-bdesign &-cell-in-view&-cell-range-hover-edge-start:not(&-cell-range-hover-edge-start-near-range)::after,
	&-bdesign &-cell-in-view&-cell-range-hover-start::after {
		left: 2px;
		border-left: @border-width-base solid @blue-base !important;
	}

	// Edge end
	&-bdesign tr > &-cell-in-view&-cell-range-hover:last-child::after,
	&-bdesign tr > &-cell-in-view&-cell-range-hover-start:last-child::after,
	&-bdesign &-cell-in-view&-cell-end&-cell-range-hover-edge-end&-cell-range-hover-edge-end-near-range::after,
	&-bdesign &-cell-in-view&-cell-range-hover-edge-end:not(&-cell-range-hover-edge-end-near-range)::after,
	&-bdesign &-cell-in-view&-cell-range-hover-end::after {
		right: 2px;
		left: unset;
		border-right: @border-width-base solid @blue-base !important;
		width: 36px !important;
	}

	//在一行的最后一个且为hover-start时宽度只有36
	tr > &-cell-in-view:last-child&-cell-range-hover-start::after,
    //是in-view的第一个且为range-end且为range-hover-end
	&-bdesign &-cell-in-view&-cell-range-end&-cell-range-hover-end&-cell-range-hover-edge-start::after {
		width: 36px !important;
	}
}

// ====================== month Panel ======================
//对range部分样式做修改

.@{picker-prefix-cls} {
	//每行首尾hover背景位置缩进5px
	&-bdesign &-month-panel tr > &-cell-in-view&-cell-in-range:first-child::before {
		left: 5px;
	}

	&-bdesign &-month-panel tr > &-cell-in-view&-cell-in-range:last-child::before {
		right: 5px;
	}

	// Edge start
	&-bdesign &-month-panel tr > &-cell-in-view&-cell-range-hover:first-child::after,
	&-bdesign &-month-panel tr > &-cell-in-view&-cell-range-hover-end:first-child::after,
	&-bdesign
		&-month-panel
		&-cell-in-view&-cell-start&-cell-range-hover-edge-start&-cell-range-hover-edge-start-near-range::after,
	&-bdesign
		&-month-panel
		&-cell-in-view&-cell-range-hover-edge-start:not(&-cell-range-hover-edge-start-near-range)::after,
	&-bdesign &-month-panel &-cell-in-view&-cell-range-hover-start::after {
		left: 5px !important;
		border-left: @border-width-base solid @blue-base !important;
	}

	// Edge end
	&-bdesign &-month-panel tr > &-cell-in-view&-cell-range-hover:last-child::after,
	&-bdesign &-month-panel tr > &-cell-in-view&-cell-range-hover-start:last-child::after,
	&-bdesign &-month-panel &-cell-in-view&-cell-end&-range-hover-edge-end&-cell-range-hover-edge-end-near-range::after,
	&-bdesign
		&-month-panel
		&-cell-in-view&-cell-range-hover-edge-end:not(&-cell-range-hover-edge-end-near-range)::after,
	&-bdesign &-month-panel &-cell-in-view&-cell-range-hover-end::after {
		right: 5px !important;
		left: unset;
		border-right: @border-width-base solid @blue-base !important;
		width: 84px !important;
	}

	//in range范围内当end在第一个时
	&-bdesign &-month-panel tr > &-cell-in-view:first-child&-cell-in-range&-cell-range-hover-end:before {
		border-left: @border-width-base solid @blue-base;
	}

	//在一行的最后一个且为hover-start时宽度只有36
	&-month-panel tr > &-in-view:last-child&-range-hover-start::after {
		width: 84px !important;
	}
}

// ====================== yearPanel ======================
//对range部分样式做修改
.@{picker-prefix-cls} {
	//每行首尾hover背景位置缩进4px
	&-bdesign &-year-panel tr > &-cell-in-view&-cell-in-range:first-child::before {
		left: 5px;
	}

	&-bdesign &-year-panel tr > &-cell-in-view&-cell-in-range:last-child::before {
		right: 5px;
	}

	// Edge start
	&-bdesign &-year-panel tr > &-cell-in-view&-cell-range-hover:first-child::after,
	&-bdesign &-year-panel tr > &-cell-in-view&-cell-range-hover-end:first-child::after,
	&-bdesign
		&-year-panel
		&-cell-in-view&-cell-start&-cell-range-hover-edge-start&-cell-range-hover-edge-start-near-range::after,
	&-bdesign
		&-year-panel
		&-cell-in-view&-cell-range-hover-edge-start:not(&-cell-range-hover-edge-start-near-range)::after,
	&-bdesign &-year-panel &-cell-in-view&-cell-range-hover-start::after {
		left: 5px !important;
		border-left: @border-width-base solid @blue-base !important;
	}

	// Edge end
	&-bdesign &-year-panel tr > &-cell-in-view&-cell-range-hover:last-child::after,
	&-bdesign &-year-panel tr > &-cell-in-view&-cell-range-hover-start:last-child::after,
	&-bdesign &-year-panel &-cell-in-view&-cell-end&-range-hover-edge-end&-cell-range-hover-edge-end-near-range::after,
	&-bdesign &-year-panel &-cell-in-view&-cell-range-hover-edge-end:not(&-cell-range-hover-edge-end-near-range)::after,
	&-bdesign &-year-panel &-cell-in-view&-cell-range-hover-end::after {
		right: 5px !important;
		left: unset;
		border-right: @border-width-base solid @blue-base !important;
		width: 84px !important;
	}

	//in range范围内当end在第一个时
	&-bdesign &-year-panel tr > &-cell-in-view:first-child&-cell-in-range&-cell-range-hover-end:before {
		border-left: @border-width-base solid @blue-base;
	}

	//在一行的最后一个且为hover-start时宽度只有36
	&-year-panel tr > &-in-view:last-child&-range-hover-start::after {
		width: 84px !important;
	}
}

// ====================== quarterPanel ======================
//对range部分样式做修改
.@{picker-prefix-cls} {
	//每行首尾hover背景位置缩进4px
	&-bdesign &-quarter-panel tr > &-cell-in-view&-cell-in-range:first-child::before {
		left: 6px;
	}

	&-bdesign &-quarter-panel tr > &-cell-in-view&-cell-in-range:last-child::before {
		right: 6px;
	}

	// Edge start
	&-bdesign &-quarter-panel tr > &-cell-in-view&-cell-range-hover:first-child::after,
	&-bdesign &-quarter-panel tr > &-cell-in-view&-cell-range-hover-end:first-child::after,
	&-bdesign
		&-quarter-panel
		&-cell-in-view&-cell-start&-cell-range-hover-edge-start&-cell-range-hover-edge-start-near-range::after,
	&-bdesign
		&-quarter-panel
		&-cell-in-view&-cell-range-hover-edge-start:not(&-cell-range-hover-edge-start-near-range)::after,
	&-bdesign &-quarter-panel &-cell-in-view&-cell-range-hover-start::after {
		left: 6px !important;
		border-left: @border-width-base solid @blue-base !important;
	}

	// Edge end
	&-bdesign &-quarter-panel tr > &-cell-in-view&-cell-range-hover:last-child::after,
	&-bdesign &-quarter-panel tr > &-cell-in-view&-cell-range-hover-start:last-child::after,
	&-bdesign
		&-quarter-panel
		&-cell-in-view&-cell-end&-range-hover-edge-end&-cell-range-hover-edge-end-near-range::after,
	&-bdesign
		&-quarter-panel
		&-cell-in-view&-cell-range-hover-edge-end:not(&-cell-range-hover-edge-end-near-range)::after,
	&-bdesign &-quarter-panel &-cell-in-view&-cell-range-hover-end::after {
		right: 6px !important;
		left: unset;
		border-right: @border-width-base solid @blue-base !important;
		width: 84px !important;
	}

	//in range范围内当end在第一个时
	&-bdesign &-quarter-panel tr > &-cell-in-view:first-child&-cell-in-range&-cell-range-hover-end:before {
		border-left: @border-width-base solid @blue-base;
	}

	//在一行的最后一个且为hover-start时宽度只有36
	&-quarter-panel tr > &-in-view:last-child&-range-hover-start::after {
		width: 84px !important;
	}
}

// ====================== Time Panel ======================
.@{picker-prefix-cls} {
	&-bdesign&-dropdown &-panel > &-time-panel {
		padding-top: 0;
		width: 180px;
	}
	.@{picker-prefix-cls}-time-panel-column:not(:first-child) {
	}
	&-bdesign .@{picker-prefix-cls}-time-panel-column {
		&::-webkit-scrollbar {
			width: 0;
		}
		//改变左边框颜色
		&:not(:first-child) {
			border-color: @picker-line-color;
		}

		width: @picker-time-panel-column-width;

		> li.@{picker-prefix-cls}-time-panel-cell {
			.@{picker-prefix-cls}-time-panel-cell-inner {
				height: @picker-time-panel-height;
				padding: 0;
				text-align: center;
				color: @picker-cell-in-view-color;
				line-height: @picker-time-panel-height;

				&:hover {
					background: @picker-cell-inner-hover-bg;
				}
			}
		}

		//选中的time hover保持选中色
		> li.@{picker-prefix-cls}-time-panel-cell-selected .@{picker-prefix-cls}-time-panel-cell-inner:hover {
			background: @picker-in-range-bg;
		}
	}
}

.@{picker-prefix-cls}-time-range-wrapper {
	min-width: 0 !important;
}

.@{picker-prefix-cls}-range-arrow {
	&,
	&::after {
		display: none !important;
	}
}