/* 默认购买流程文本框适应 */
.xdsoft_datetimepicker{
	width: 4.6rem;
	height: 3.02rem;
	position: absolute;
	z-index: 9999;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	display: none;
	/* display: block !important; */
	/* right: 30px; */
}
.datetimepicker_nr{
	width: calc(100% + .1rem);
	height: 100%;
	display: flex;
	justify-content: center;
	align-items: flex-start;
	/*margin-left: 5px;*/
}
.datetimepicker_item{
	width: 100%;
	border-radius: 0.15rem;
	background: #fff;
	color: #000;
	font-family: RobotoRegular;
	padding: 0.15rem 0.1rem 0.1rem;
	outline: 5px solid #D6D5FE;
	border: 1px solid #D6D5FE;
	transition: all 0.2s linear;
	box-shadow: none;
}

/* 文本框间距 */
.xdsoft_datetimepicker.spacing-bottom{
	margin-top: 0.12rem;
}
/* 文本框间距 */
.xdsoft_datetimepicker.spacing-top{
	margin-top: -0.12rem;
}
.xdsoft_datetimepicker.spacing-top .datetimepicker_nr{
	align-items: flex-end;
}
.xdsoft_datetimepicker.spacing-top.initTop{
	margin-top: 0;
}
.datetimepicker_item * {
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	padding: 0;
	margin: 0;
}
.xdsoft_datepicker{
	width: 3rem;
	margin: 0 auto;
}
.date-calendar{
	position: absolute;
	width: 0.2rem;
	height: 0.3rem;
	right: 0.32rem;
	top: 50%;
	margin-top: -0.15rem;
	z-index: 4;
	cursor: pointer;
	background-image: url(../images/time_icon.png);
	background-repeat: no-repeat;
	background-size: 100%;
	background-position: center;
}

.xdsoft_monthpicker{
	display: flex;
	align-items: center;
	justify-content: space-between;
	position: relative;
	margin-bottom: 0.15rem;
}

.xdsoft_today_button,
.xdsoft_datetimepicker button {
	border: none !important;
	outline: none !important;
}

.xdsoft_datetimepicker .xdsoft_label i,
.xdsoft_datetimepicker .xdsoft_prev,
.xdsoft_datetimepicker .xdsoft_next,
.xdsoft_datetimepicker .xdsoft_today_button {
	background-repeat: no-repeat;
	background-position: center;
	background-color: transparent;
	border: 0 none;
	cursor: pointer;
	outline: none;
	position: relative;
	padding: 0;
}

.xdsoft_datetimepicker .xdsoft_label i {
	display: inline-block;
	vertical-align: top;
	width: 0.08rem;
	height: 0.19rem;
	margin-left: 0.06rem;
	background-image: url(../images/sel_icon1.png);
	background-size: 100%;
	transition: transform 0.1s linear;
}
.xdsoft_datetimepicker .xdsoft_label.active i{
	transform: rotate(180deg);
	transition: transform 0.1s linear;
}

.xdsoft_label_center{
	flex: 1;
	display: flex;
	align-items: center;
	justify-content: center;
}

.xdsoft_datetimepicker iframe {
	position: absolute;
	left: 0;
	top: 0;
	width: 75px;
	height: 210px;
	background: transparent;
	border: none;
}

.xdsoft_noselect {
	-webkit-touch-callout: none;
	-webkit-user-select: none;
	-khtml-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	-o-user-select: none;
	user-select: none;
}

.xdsoft_noselect::selection { background: transparent }
.xdsoft_noselect::-moz-selection { background: transparent }

.xdsoft_datetimepicker .xdsoft_label {
	position: relative;
	z-index: 99;
	margin: 0;
	padding: 0 0.15rem;
	background-color: #fff;
	text-align: center;
	cursor: pointer;
}
.xdsoft_datetimepicker .xdsoft_label>span{
	font-size: 0.16rem;
	line-height: 0.19rem;
	font-family: RobotoMedium;
}

.xdsoft_datetimepicker .xdsoft_label > .xdsoft_select {
	position: absolute;
	left: 50%;
	transform: translateX(-50%);
	top: 0.2rem;
	z-index: 101;
	display: none;
	border-radius: 0 0 0.1rem 0.1rem;
	background: #FFF;
	width: 1rem;
	height: 2.09rem;
	overflow-y: hidden;
	border: none;
	box-shadow: 0px 0.02rem 0.04rem #D7D7DC;
}

.xdsoft_datetimepicker .xdsoft_label.xdsoft_year > .xdsoft_select{
	/* left: 0.1rem; */
	width: 0.62rem;
	height: 2.06rem;
}

/* 月份和年份下拉 */
.xdsoft_datetimepicker .xdsoft_label > .xdsoft_select .xdsoft_option {
	padding: 0.06rem 0.1rem 0.06rem 0.1rem;
	text-decoration: none !important;
	color: #000;
	font-size: 0.14rem;
	line-height: 0.16rem;
	letter-spacing: 0.004rem;
	text-align: left;
	transition: all 0.1s linear;
}

.xdsoft_datetimepicker .xdsoft_label > .xdsoft_select .xdsoft_option:hover,
.xdsoft_datetimepicker .xdsoft_label > .xdsoft_select .xdsoft_option.xdsoft_current {
	color: #5A57FD;
	font-family: RobotoMedium;
	transition: all 0.1s linear;
}

.xdsoft_scroller_box {
	position: relative;
}
.xdsoft_scrollbar {
	position: absolute;
	width: 0.03rem;
	top: 0;
	bottom: 0;
	cursor: pointer;
	right: 0;
	margin-right: 0.05rem;
}
.xdsoft_scrollbar >.xdsoft_scroller {
	border-radius: 0.025rem;
	height: 0.2rem;
	background: #C7C7C7;
}

.xdsoft_datetimepicker .xdsoft_datepicker,
.xdsoft_datetimepicker .xdsoft_timepicker {
	display: none;
}

.xdsoft_datetimepicker .xdsoft_datepicker.active {
	display: block;
}

.xdsoft_datetimepicker .xdsoft_calendar {
	clear: both;
}

.xdsoft_datetimepicker .xdsoft_calendar table {
	border-collapse: collapse;
	width: 100%;
	border: none;
}

.xdsoft_datetimepicker .xdsoft_calendar td,
.xdsoft_datetimepicker .xdsoft_calendar th {
	width: 14.28%;
	background: #FFF;
	border: none;
	padding: 0;
	color: #646464;
	font-size: 0.14rem;
	vertical-align: middle;
	border-collapse: collapse;
	letter-spacing: 0.004rem;
}

.xdsoft_datetimepicker .xdsoft_calendar th{
	font-size: 0.12rem;
	letter-spacing: 0.004rem;
	color: #000;
	line-height: 0.14rem;
	padding-bottom: 0.1rem;
	font-weight: normal;
}
.xdsoft_datetimepicker .xdsoft_calendar td{
	padding: 0.03rem 0;
}
.xdsoft_datetimepicker .xdsoft_calendar td div{
	width: 0.25rem;
	height: 0.25rem;
	margin: 0 auto;
	border-radius: 50%;
	cursor: pointer;
	transition: all 0.1s linear;
	display: flex;
	align-items: center;
	justify-content: center;
}
.xdsoft_datetimepicker .xdsoft_calendar td div i{
	font-style: normal;
	line-height: 0.14rem;
}

.xdsoft_datetimepicker .xdsoft_calendar td.xdsoft_default:not(.xdsoft_disabled) div,
.xdsoft_datetimepicker .xdsoft_calendar td.xdsoft_current:not(.xdsoft_disabled) div{
	background-color: #5A57FD !important;
	color: #FFF !important;
	transition: all 0.1s linear;
}

/* 非当前月日期 */
.xdsoft_datetimepicker .xdsoft_calendar td.xdsoft_other_month div{
	display: none;
}
/* 不可选择日期 */
.xdsoft_datetimepicker .xdsoft_calendar td.xdsoft_disabled div {
	color: #C7C7C7;
	cursor: default;
}
.xdsoft_datetimepicker .xdsoft_calendar td:not(.xdsoft_disabled) div:hover {
	color: #464BEA !important;
	background-color: #E0E1FF !important;
}
.xdsoft_datetimepicker .xdsoft_calendar td.xdsoft_current:not(.xdsoft_disabled) div:hover {
	background-color: #5A57FD !important;
	color: #FFF !important;
}

/* 下拉列表出现 背景置灰 */
.disabledSelect.xdsoft_datetimepicker,
.disabledSelect.xdsoft_datetimepicker .xdsoft_calendar td,
.disabledSelect.xdsoft_datetimepicker .xdsoft_calendar th{
	color: #E0E0E0;
}
.disabledSelect.xdsoft_datetimepicker .xdsoft_calendar td.xdsoft_default:not(.xdsoft_disabled) div,
.disabledSelect.xdsoft_datetimepicker .xdsoft_calendar td.xdsoft_current:not(.xdsoft_disabled) div{
	background-color: #E0E0E0;
}
.disabledSelect.xdsoft_datetimepicker .xdsoft_calendar td.xdsoft_disabled div{
	color: #E0E0E0;
}
.disabledSelect.xdsoft_datetimepicker::after{
	position: absolute;
	content: '';
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
	background-color: rgba(0, 0, 0, 0);
	z-index: 101;
	transition: all 0.1s linear;
}
.disabledSelect.xdsoft_datetimepicker .xdsoft_label:not(.active) i{
	background-image: url(../images/sel_icon2.png);
}
.xdsoft_datetimepicker .xdsoft_label.active{
	color: #000;
	z-index: 106;
}


/* ipad */
@media (min-width : 751px) and (max-width : 1024px){
	.xdsoft_datetimepicker {
		width: 5.6rem;
	}
	.xdsoft_datetimepicker .xdsoft_calendar td{
		padding: 0.005rem 0;
	}
}

/* mobile */
@media (max-width : 750px){
	.xdsoft_datetimepicker .xdsoft_calendar td{
		padding: 0.005rem 0;
	}
	.xdsoft_datetimepicker {
		width: 3.02rem;
	}
	.xdsoft_datepicker{
		width: 2.7rem;
	}
	.date-calendar{
		right: 0.2rem;
	}
	.xdsoft_datetimepicker .xdsoft_label {
		padding: 0 0.13rem;
	}
	.xdsoft_datetimepicker .xdsoft_label > .xdsoft_select {
		/* left: 0.02rem; */
	}
	.xdsoft_datetimepicker .xdsoft_label.xdsoft_year > .xdsoft_select{
		/* left: 0.09rem; */
	}
	.date-calendar{
		right: 0.2rem;
	}

	.datetimepicker_nr{
		width: calc(100% + .05rem);
	}
}


/* 提交订单页面 日历控件 */
.order-dateTime .xdsoft_datetimepicker {
	width: 3.02rem;
}
.order-dateTime .xdsoft_datepicker{
	width: 2.7rem;
}
.order-dateTime .xdsoft_datetimepicker .xdsoft_label {
	padding: 0 0.13rem;
}
.order-dateTime .xdsoft_datetimepicker .xdsoft_label > .xdsoft_select {
	/* left: 0; */
}
.order-dateTime .xdsoft_datetimepicker .xdsoft_label.xdsoft_year > .xdsoft_select{
	/* left: 0.06rem; */
}
.order-dateTime-start .xdsoft_datetimepicker td:not(.xdsoft_disabled) div,
.order-dateTime-end .xdsoft_datetimepicker td:not(.xdsoft_disabled) div{
	color: #000;
}

/* ipad */
@media (min-width : 751px) and (max-width : 1024px){
	.order-dateTime .xdsoft_datetimepicker {
		width: 2.45rem;
	}
	.order-dateTime .xdsoft_datepicker{
		width: 2.2rem;
	}
	.order-dateTime .xdsoft_datetimepicker .xdsoft_label {
		padding: 0 0.13rem;
	}
	.order-dateTime .xdsoft_datetimepicker .xdsoft_label > .xdsoft_select {
		/* left: -0.06rem; */
	}
	.order-dateTime .xdsoft_datetimepicker .xdsoft_label.xdsoft_year > .xdsoft_select{
		/* left: 0.04rem; */
	}
	.datetimepicker_nr{
		width: calc(100% + .02rem);
	}
}

/* mobile */
@media (max-width : 750px){
	.order-dateTime .xdsoft_datetimepicker {
		width: 2.68rem;
	}
	.order-dateTime .xdsoft_datepicker{
		width: 2.4rem;
	}
	.order-dateTime .xdsoft_datetimepicker .xdsoft_label > .xdsoft_select {
		/* left: -0.06rem; */
	}
}


/* 首页 日历控件 */
.index-dateTime .xdsoft_datetimepicker {
	width: 5.2rem;
}
/* mobile */
@media (max-width : 750px){
	.index-dateTime .xdsoft_datetimepicker {
		width: 3.12rem;
	}
}


/* 博客 日历控件 */
.blog-dateTime .xdsoft_datetimepicker {
	width: 5rem;
}
/* ipad */
@media (min-width : 751px) and (max-width : 1024px){
	.blog-dateTime .xdsoft_datetimepicker {
		width: 3.44rem;
	}
}
/* mobile */
@media (max-width : 750px){
	.blog-dateTime .xdsoft_datetimepicker {
		width: 3rem;
	}
}

/* 联系我们 日历控件 */
.contact-dateTime .xdsoft_datetimepicker {
	width: 4.2rem;
}
/* ipad */
@media (min-width : 751px) and (max-width : 1024px){
	.contact-dateTime .xdsoft_datetimepicker {
		width: 3.4rem;
	}
}
/* mobile */
@media (max-width : 750px){
	.contact-dateTime .xdsoft_datetimepicker {
		width: 2.78rem;
	}
}


/* 中文版本下 日历控件样式 */
.xdsoft_datetimepicker.xdsoft_zh .xdsoft_label>span{
	font-family: AliMedium;
}
/* .xdsoft_datetimepicker.xdsoft_zh .xdsoft_label>span b{
	font-family: AliMedium;
} */
.xdsoft_datetimepicker.xdsoft_zh .xdsoft_label > .xdsoft_select {
	/* left: 0.05rem; */
	width: 0.7rem;
}
.xdsoft_datetimepicker.xdsoft_zh .xdsoft_label.xdsoft_year > .xdsoft_select{
	/* left: 0.12rem; */
	width: 0.76rem;
}
.xdsoft_datetimepicker.xdsoft_zh .xdsoft_label > .xdsoft_select .xdsoft_option:hover,
.xdsoft_datetimepicker.xdsoft_zh .xdsoft_label > .xdsoft_select .xdsoft_option.xdsoft_current {
	font-family: AliMedium;
}


.active-nr .date-calendar {	right: 0.26rem; }

/* ipad */
@media (min-width : 751px) and (max-width : 1024px){
	.active-nr .date-calendar {	right: 0.2rem; }
}

/* mobile */
@media (max-width : 750px){
	.blog-form dl.form-dl .el-input__inner{	padding: 0 0.5rem 0 0.24rem; }
}


/* 个人资料 日历控件 */
.profile-dateTime .xdsoft_datetimepicker {
	width: 2.65rem;
}
.profile-dateTime .xdsoft_datepicker{
	width: 2.45rem;
}
/* ipad */
@media (min-width : 751px) and (max-width : 1024px){
	/* .profile-dateTime .xdsoft_datetimepicker {
		width: 3.4rem;
	} */
}
/* mobile */
@media (max-width : 750px){
	.profile-dateTime .xdsoft_datetimepicker {
		width: 2.58rem;
	}
	.profile-dateTime .xdsoft_datepicker{
		width: 2.4rem;
	}
}


.xdsoft_datetimepicker.xdsoft_zh .xdsoft_label>.xdsoft_select .xdsoft_option {
	font-family: AliRegular;
}

.xdsoft_datetimepicker.xdsoft_zh .xdsoft_label>span {
	font-family: AliMedium;
}

.xdsoft_datetimepicker.xdsoft_zh .xdsoft_label>.xdsoft_select .xdsoft_option:hover, .xdsoft_datetimepicker.xdsoft_zh .xdsoft_label>.xdsoft_select .xdsoft_option.xdsoft_current {
	font-family: AliMedium;
}