/* 弹窗样式封装 */
.dialog-mask_o {
	position: fixed;
	left: 0;
	top: 0;
	z-index: 990;
	width: 100%;
	height: 100%;
	padding: 0;
	margin: 0;
	background-color: rgba(0, 0, 0, 0.5);
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#88000000, endColorstr=#88000000);
}
.dialog-mask_o_white {
	position: fixed;
	left: 0;
	top: 0;
	z-index: 990;
	width: 100%;
	height: 100%;
	padding: 0;
	margin: 0;
	background-color: rgba(255, 255, 255, .4);
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#88000000, endColorstr=#88000000);
}

.dialog-card {
	position:absolute;
	top: 50%;
	left: 50%;
	background: #FFF;
	min-width: 392px;
	-webkit-transform: translate(-50%, -50%);
	-ms-transform: translate(-50%, -50%);
	transform: translate(-50%, -50%);
	border: 1px solid #1A86FF;
	border-radius: 4px;
	-webkit-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
	font-family:Source Han Sans CN !important;
}
.dialog-card-title  {
	width: 100%;
	height: 54px;
	line-height: 54px;
	text-align: center;
	color: #FFF;
	background: #1A86FF;
	font-weight: 500;
	font-size: 18px;
	border-top-left-radius: 4px;
	border-top-right-radius: 4px;
}
.dialog-card-content {
	box-sizing: border-box;
	padding:20px;
	text-align: center;
}
.dialog-desc-head {
	width:100%;
	height:40px;
	line-height:40px;
	font-size:16px;
	color: #505050;
	font-weight:500;
	color:rgba(80,80,80,1);
}
.dialog-desc {
	font-weight: 500;
	font-size: 14px;
	color: #D6A541;
	margin-bottom:30px;
}

.dialog-desc .crownIcon {
	font-size: 20px;
}
.dialog-desc span {
	vertical-align: middle;
}

.dialog-buttonWrapper {
	display: -webkit-box;   /* 老版本语法: Safari, iOS, Android browser, older WebKit browsers. */
	display: -moz-box;      /* 老版本语法: Firefox (buggy) */
	display: -ms-flexbox;   /* 混合版本语法: IE 10 */
	display: -webkit-flex;  /* 新版本语法: Chrome 21+ */
	display: -moz-flex;
	display: flex;          /* 新版本语法: Opera 12.1, Firefox 22+ */
	-moz-justify-content: space-around;
	-webkit-justify-content: space-around;
	justify-content: space-around;
	margin-bottom: 15px;
}

/*
 * 表单样式
 */

.dialog-card-item {
	display: -webkit-box;   /* 老版本语法: Safari, iOS, Android browser, older WebKit browsers. */
	display: -moz-box;      /* 老版本语法: Firefox (buggy) */
	display: -ms-flexbox;   /* 混合版本语法: IE 10 */
	display: -webkit-flex;  /* 新版本语法: Chrome 21+ */
	display: -moz-flex;
	display: flex;          /* 新版本语法: Opera 12.1, Firefox 22+ */
	-moz-box-pack: center; /*Firefox*/
	-webkit-box-pack: center; /*Safari,Opera,Chrome*/
	box-pack: center;
	-moz-justify-content: center;
	-webkit-justify-content: center;
	justify-content: center;
	-moz-box-align: center; /*Firefox*/
	-webkit-box-align:center; /*Safari,Opera,Chrome*/
	box-align: center;
	-moz-align-items: center;
	-webkit-align-items: center;
	align-items:center;
	margin-bottom: 20px;
}
.dialog-card-item-title {
	color:#505050;
	font-size:16px;
	font-family:Source Han Sans CN;
	font-weight:500;
}
.dialog-card-item-time {
	font-size:16px;
	font-family:Source Han Sans CN;
	font-weight:bold;
	color:rgba(26,134,255,1);
}
.dialog-card-f1 {
	-webkit-box-flex: 1 ;    /* OLD - iOS 6-, Safari 3.1-6 */
	-moz-box-flex: 1;       /* OLD - Firefox 19- */
	-webkit-flex: 1;        /* Chrome */
	-ms-flex: 1 ;            /* IE 10 */
	flex: 1;                /* NEW, Spec - Opera 12.1, Firefox 20+ */
}

.dialog-card-count {
	font-size: 22px;
	font-weight: bold;
}
.dialog-card-day {
	font-size: 14px;
	font-weight: bold;
}
.dialog-card-red {
	color:#FF5460;
}

/*
	计数器样式
 */
.dialog-card-calculation {

}

.dialog-card-sub {
	display: inline-block;
	width: 30px;
	height: 30px;
	border-radius: 4px;
	background: #E8EAEC;
	color:#9399A1;
}

.dialog-card-inputCount {
	display: inline-block;
	vertical-align: middle;
	padding : 0 5px;

}

.dialog-card-add {
	display: inline-block;
	width: 30px;
	height: 30px;
	border-radius: 4px;
	background: #1A86FF;
	color:#FFF;
}





/* 默认类型 */
.dialog-button {
	display: inline-block;
	font-size: 16px;
	color:#666;
	background: #EEE;
	border:1px solid #EEE;
	cursor: pointer;
	padding: 8px 40px; /* middle */
	-webkit-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
}




.dialog-button-radius {
	border-radius: 4px;
}

.dialog-close-win {
	position: absolute;
	top:0px;
	right:4px;

}
.dialog-close-win .closeIcon {
	font-size: 32px;
	color:rgba(255, 255, 255, 1);
}
.dialog-close-win .closeIcon:hover {
	color:rgba(255, 255, 255, .6);
}
.dialog-close-win .closeIcon:active {
	color:rgba(255, 255, 255, 1);
}




/* 按钮类型 */
.dialog-button-type1 {
	color: #FFF;
	background: rgba(241, 189, 82, 1);
	border:1px solid #F1BD52;
}

.dialog-button-type1:hover {
	background:#f1bd5299;
}
.dialog-button-type1:visited {

}
.dialog-button-type1:active {
	color: #FFF;
	background: #F1BD52;
	border:1px solid #F1BD52;
}
.dialog-button-type1.is-active {

}

/* 反转 */
.dialog-button-flat-type1 {
	color: #FFF;
	background: #F1BD52;
	border:1px solid #F1BD52;
}

.dialog-button-flat-type1:hover {

}
.dialog-button-flat-type1:visited {

}
.dialog-button-flat-type1:active {

}
.dialog-button-flat-type1.is-active {

}


.dialog-button-type2 {
	color: #FFF;
	background: #1A86FF;
	border:1px solid #1A86FF;
}

.dialog-button-type2:hover {
	background: rgba(26, 134, 255, .6);
}
.dialog-button-type2:active {
	background: rgba(26, 134, 255, 1);
}
.dialog-button-type2.is-active {

}
.dialog-button-type2:visited {

}
/* 反转 */
.dialog-button-flat-type2 {
	color: #1A86FF;
	background: #FFF;
	border:1px solid #1A86FF;
}

.dialog-button-flat-type2:hover {
	color:rgba(26, 134, 255, .6);
}
.dialog-button-flat-type2:active {
	color: #1A86FF;
}
.dialog-button-flat-type2.is-active {

}
.dialog-button-flat-type2:visited {

}