.colorBlack {
	color: black;
}

.colorGreyC {
	color: #C3C3C3;
}

.colorPurple {
	color: #7b5790;
}

.colorBlue {
	color: blue;
}

.colorBlueA {
	color: #2d64b3;
}

.colorGreen {
	color: green;
}

.cursorPointer {
	cursor: pointer;
}

.textDecorationNone {
	text-decoration: none;
}

.textDecorationUnderline {
	text-decoration: underline;
}

.autoHeightDiv {
	overflow: auto;
}

.backWhite {
	background: white;
}

.height20 {
	height: 20px;
}

.height25 {
	height: 25px;
}

.height30 {
	height: 30px;
}

.height50 {
	height: 50px;
}

.height100 {
	height: 100px;
}

.widthPer100 {
	width: 100%;
}

.width100Percent {
	width: 100%;
}

.widthAndHeight100Percent {
	width: 100%;
	height: 100%;
}

.widthPer30 {
	width: 30%;
}

.widthPer23 {
	width: 23%;
}

.widthPer50 {
	width: 50%;
}

.widthPer75 {
	width: 75%;
}

.widthPer98 {
	width: 98%;
}

.heightAuto {
	height: auto !important;
}

.minHeight35px {
	min-height: 35px;
}

.minHeight350px {
	min-height: 350px;
}

.minHeight400px {
	min-height: 400px;
}

.minHeight600px {
	min-height: 600px;
}

.lineHeight100Per {
	line-height: 100%
}

.clubBlock25 {
	width: 25px;
	height: 25px;
}

.verticalMiddle {
	vertical-align: middle;
}

.roundDiv {
	border: 1px solid #fff;
	-moz-border-radius: 10px;
	-webkit-border-radius: 10px;
}

.roundImg {
	-moz-border-radius: 360px;
	-webkit-border-radius: 360px;
	border-radius: 50%;
	behavior: url(PIE.htc);
}

.grayScale {
	-webkit-filter: grayscale(1);
	filter: gray;
	filter: grayscale(1);
}

.roundContentDiv {
	display: inline-block;
	width: 48%;
	background-color: white;
	text-align: center;
	overflow: hidden;
}

.floatLeft {
	float: left;
}

.floatRight {
	float: right;
}

.clearRight {
	clear: right;
}

.textCenter {
	text-align: center;
}

.textLeft {
	text-align: left;
}

.textRight {
	text-align: right;
}

.padding0 {
	padding: 0;
}

.padding2 {
	padding: 2px;
}

.padding5 {
	padding: 5px;
}

.padding10 {
	padding: 10px;
}

.padding20 {
	padding: 20px;
}

.padding15 {
	padding: 15px;
}

.padding4px_9px {
	padding: 4px 9px;
}

.padding10_0 {
	padding: 10px 0px;
}

.padding20_0 {
	padding: 20px 0px;
}

.paddingTop10px {
	padding-top: 10px;
}

.paddingTop20px {
	padding-top: 20px;
}

.paddingTop100 {
	padding-top: 100px;
}

.paddingBottom10px {
	padding-bottom: 10px;
}

.paddingBottom0 {
	padding-bottom: 0 !important;
}

.padding10_5 {
	padding: 10px 5px;
}

.padding5_2per {
	padding: 5px 2%;
}

.margin-1px {
	margin: -1px !important;
}

.margin0 {
	margin: 0 !important;
}

.margin5 {
	margin: 5px 0px;
}

.margin10 {
	margin: 10px;
}

.margin15 {
	margin: 15px;
}

.margin20 {
	margin: 20px 0px;
}

.margin0_12 {
	margin: 0 12px !important;
}

.margin10_5 {
	margin: 10px 5px;
}

.marginLeftPer1 {
	margin-left: 1%;
}

.marginLeft0 {
	margin-left: 0;
}

.marginLeft5 {
	margin-left: 5px;
}

.marginLeft10 {
	margin-left: 10px;
}

.marginLeft20 {
	margin-left: 20px;
}

.marginLeft25 {
	margin-left: 25px;
}

.marginLeft35 {
	margin-left: 35px;
}

.marginRight2 {
	margin-right: 2px !important;
}

.marginRight10 {
	margin-right: 10px;
}

.marginRight15 {
	margin-right: 15px !important;
}

.marginRight20 {
	margin-right: 20px;
}

.marginRight25 {
	margin-right: 25px;
}

.marginTop5 {
	margin-top: 5px;
}

.marginTop10 {
	margin-top: 10px;
}

.marginTop20 {
	margin-top: 20px;
}

.marginTop30 {
	margin-top: 30px;
}

.marginTop40 {
	margin-top: 40px;
}

.marginBottom5 {
	margin-bottom: 5px;
}

.marginBottom10 {
	margin-bottom: 10px;
}

.marginBottom15 {
	margin-bottom: 15px;
}

.marginBottom20 {
	margin-bottom: 20px;
}

.marginBottom25 {
	margin-bottom: 25px;
}

.marginBottom30 {
	margin-bottom: 30px;
}

.marginBottom50 {
	margin-bottom: 50px;
}

.bordernone {
	border: none;
}

.borderNormal {
	border: #e7e7e7 1px solid;
}

.borderLine {
	border-bottom: #ccc solid 1px;
}

.borderLineNone {
	border-bottom: 0 !important;
}

.positionRelative {
	position: relative;
}

.positionAbsoulte {
	position: absolute;
}

.leftTopPosition {
	top: 10px;
	left: 2%;
}

.rightTopPosition {
	top: 7px;
	right: 2%;
}

.inlineBlock {
	display: inline-block;
}

.displayInline {
	display: inline-block;
}

.displayNone {
	display: none;
}

.visibilityHidden {
	visibility: hidden;
}

.padding1_2 {
	padding: 1px 2px;
}

.font0_6 {
	font-size: 0.6em;
}

.font0_8 {
	font-size: 0.8em;
}

.font0 {
	font-size: 0;
}

.font14 {
	font-size: 14px;
}

.font16 {
	font-size: 16px;
}

.font17 {
	font-size: 17px;
}

.font18 {
	font-size: 18px;
}

.fontWeightNormal {
	font-weight: normal;
}

.fontWeightBold {
	font-weight: bold;
}

.verticalAlignTop {
	vertical-align: top;
}

.pagination {
	display: inline-block;
	padding-left: 0;
	margin: 20px 0;
	border-radius: 4px;
}

.pagination>li {
	display: inline;
}

.pagination>li>a, .pagination>li>span {
	position: relative;
	float: left;
	padding: 6px 12px;
	margin-left: -1px;
	line-height: 1.42857143;
	color: #428bca;
	text-decoration: none;
	background-color: #fff;
	border: 1px solid #ddd;
}

.pagination>li:first-child>a, .pagination>li:first-child>span {
	margin-left: 0;
	border-top-left-radius: 4px;
	border-bottom-left-radius: 4px;
}

.pagination>li:last-child>a, .pagination>li:last-child>span {
	border-top-right-radius: 4px;
	border-bottom-right-radius: 4px;
}

.pagination>li>a:hover, .pagination>li>span:hover, .pagination>li>a:focus, .pagination>li>span:focus {
	color: #2a6496;
	background-color: #eee;
	border-color: #ddd;
}

.pagination>.active>a, .pagination>.active>span, .pagination>.active>a:hover, .pagination>.active>span:hover, .pagination>.active>a:focus, .pagination>.active>span:focus {
	z-index: 2;
	color: #fff;
	cursor: default;
	background-color: #428bca;
	border-color: #428bca;
}

.pagination>.disabled>span, .pagination>.disabled>span:hover, .pagination>.disabled>span:focus, .pagination>.disabled>a, .pagination>.disabled>a:hover, .pagination>.disabled>a:focus
	{
	color: #999;
	cursor: not-allowed;
	background-color: #fff;
	border-color: #ddd;
}

.messageDiv {
	display: none;
	position: absolute;
}

.messageContentDiv {
	font-size: 14px;
	line-height: 20px;
	color: #333333;
	padding: 10px 15px;
	background-color: #ffffff;
	border: 1px solid #ccc;
	border: 1px solid rgba(0, 0, 0, 0.2);
	-webkit-border-radius: 6px;
	-moz-border-radius: 6px;
	border-radius: 6px;
	-webkit-box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2);
	-moz-box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2);
	box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2);
	-webkit-background-clip: padding-box;
	-moz-background-clip: padding;
	background-clip: padding-box;
}

.messageArrow {
	width: 0;
	height: 0;
	border-left: 5px solid transparent;
	border-right: 5px solid transparent;
	border-bottom: 8px solid #fff;
}

.ellipsisDiv {
	white-space: nowrap;
	text-overflow: ellipsis;
	-o-text-overflow: ellipsis;
	overflow: hidden;
}

.grayBtn {
	color: #fff;
	font-size: 14px;
	outline: 0;
	cursor: pointer;
	padding: 4px 10px;
	border: 1px solid #4e5455;
	border-radius: 4px;
	background-color: #808B8D;
}

.grayBtn:hover {
	background-color: #677071;
}

.greenBtn {
	color: #fff;
	font-size: 14px;
	outline: 0;
	cursor: pointer;
	padding: 15px 35px;
	border: 1px solid #16b495;
	border-radius: 4px;
	background-color: #1abc9c;
}

.greenBtn:hover {
	background-color: #16b495;
}

.blueBtn {
	color: #fff;
	font-size: 14px;
	outline: 0;
	cursor: pointer;
	padding: 15px 35px;
	border: 1px solid #189cfb;
	border-radius: 4px;
	background-color: #52b4fb;
}

.blueBtn:hover {
	background-color: #189cfb;
}

.redBtn {
	color: #fff;
	font-size: 14px;
	outline: 0;
	cursor: pointer;
	padding: 15px 35px;
	border: 1px solid #9f0009;
	border-radius: 4px;
	background-color: #c7000b;
}

.redBtn:hover {
	background-color: #9f0009;
}

.baseDialogNewDiv {
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	z-index: 9999;
	display: none;
}

.baseDialogNewPopDiv {
	width: 100%;
	height: 100%;
	background-color: #000;
	opacity: 0.6;
}

.baseDialogNewContentBlankDiv {
	position: absolute;
	left: 50%;
	top: 10%;
}

.baseDialogNewContentBlankDivCloseImg {
	width: 50px;
	position: absolute;
	top: -15px;
	right: -15px;
	cursor: pointer;
}

.baseDialogNewContentDiv {
	width: 400px;
	border-radius: 5px;
	background-color: #ffffff;
	position: absolute;
	left: 50%;
	top: 40px;
	margin-left: -200px;
}

.baseDialogNewTitleDiv {
	color: #383a4b;
	padding: 13px 0 13px 20px;
	font-size: 18px;
	line-height: 20px;
	border-bottom: solid 1px #eeeeee;
}

.baseDialogNewMessageDiv {
	margin: 40px 20px 20px;
	padding: 0;
	line-height: 20px;
	color: #444444;
	text-align: center;
	font-size: 16px;
}

.baseDialogNewButtonDiv {
	text-align: center;
	padding: 20px 0 30px;
}

.baseDialogNewButtonDiv button {
	color: #fff;
	display: inline-block;
	padding: 12px 35px;
	border: 1px solid #08977b;
	border-radius: 4px;
	text-align: center;
	outline: 0;
	cursor: pointer;
	margin: 0px 10px;
}

.baseDialogNewButtonDiv .confirmButton {
	background-color: #1abc9c;
}

.baseDialogNewButtonDiv .confirmButton:hover {
	background-color: #16b495;
}

.baseDialogNewButtonDiv .cancelButton {
	background-color: #52b4fb;
}

.baseDialogNewButtonDiv .cancelButton:hover {
	background-color: #189cfb;
}

.myAlertDialog {
	display: none;
	width: 300px;
	height: 130px;
	background-color: #f3f3f3;
	color: #666666;
	font-size: 14px;
	padding: 20px;
	overflow: hidden;
	border-radius: 5px;
}

.myAlertDialogContent {
	margin-top: 20px;
	text-align: center;
	font-size: 20px;
	font-weight: bold;
	color: #333;
}

.myAlertDialogBtnDiv {
	margin-top: 40px;
	text-align: center;
}

.myAlertDialogBtn {
	width: 110px;
	height: 40px;
	line-height: 40px;
	background: #2ea4b0;
	border-radius: 5px;
	text-align: center;
	color: #fff;
	font-size: 16px;
	font-weight: bold;
	cursor: pointer;
	display: inline-block;
}

.recordHintDialog {
	visibility: hidden;
	position: fixed;
	top: 50%;
	left: 50%;
	margin-left: -224px;
	margin-top: -200px;
	z-index: 9991;
}

.recordHintLayer {
	height: 100%;
	width: 100%;
	position: fixed;
	left: 0px;
	top: 0px;
	z-index: 9990;
	opacity: 0.3;
	background-color: rgb(0, 0, 0);
	visibility: hidden;
}

.recordHintDialog #myRecorder {
	visibility: hidden;
	position: absolute;
	top: 110px;
	left: 117px;
}

.normalBtn {
	background-color: #eee;
	border: 1px #bbb solid;
	border-radius: 5px;
	cursor: pointer;
	padding: 10px 5px;
	color: #333;
}

.normalBtn:hover {
	background-color: #ccc;
}

.qrcodeLogoImg {
	position: absolute;
	background-color: #fff;
	border: 1px #aaa solid;
	border-radius: 5px;
}

.createAlertDialogBlock {
	position: absolute;
	height: 100%;
	width: 100%;
	top: 0px;
	left: 0px;
	right: 0px;
	bottom: 0px;
	z-index: 1500;
	display: none;
}

.createAlertMessageBlock {
	position: absolute;
	height: 100%;
	width: 100%;
	top: 0px;
	left: 0px;
	right: 0px;
	bottom: 0px;
	z-index: 9999;
	display: none;
}

.createAlertDialogInnerUpBlock {
	position: absolute;
	height: 100%;
	width: 100%;
	top: 0px;
	left: 0px;
	right: 0px;
	bottom: 0px;
	z-index: 1500;
	background-color: #000;
	opacity: 0.6;
}

.createAlertDialogInnerUpBlockS {
	position: absolute;
	height: 100%;
	width: 100%;
	top: 0px;
	left: 0px;
	right: 0px;
	bottom: 0px;
	z-index: 1500;
	background-color: #13213e;
}

.createAlertMessageInnerUpBlock {
	position: absolute;
	height: 100%;
	width: 100%;
	top: 0px;
	left: 0px;
	right: 0px;
	bottom: 0px;
	z-index: 9999;
	background-color: #000;
	opacity: 0.6;
}

.createAlertDialogInnerBlowBlock, .createAlertMessageInnerBlowBlock {
	position: absolute;
	background-color: #ffffff;
	left: 50%;
	top: 150px;
	margin-left: -200px;
	width: 400px;
	z-index: 1501;
	border-radius: 5px;
	padding: 0;
	border: none;
	font: 14px/100% "微软雅黑", "Microsoft YaHei", arial;
}

.createAlertDialogInnerBlowBlock, .createAlertMessageInnerBlowBlock {
	position: absolute;
	background-color: #ffffff;
	left: 50%;
	top: 150px;
	margin-left: -200px;
	width: 400px;
	z-index: 10000;
	border-radius: 5px;
	padding: 0;
	border: none;
	font: 14px/100% "微软雅黑", "Microsoft YaHei", arial;
}

.createAlertDialogBlockClose, .createAlertMessageBlockClose {
	font-size: 28px;
	font-weight: 400;
	color: #000;
	border-left: 1px solid #dae6ee;
	padding: 0;
	height: 46px;
	line-height: 40px;
	width: 46px;
	text-align: center;
	position: absolute;
	top: 0;
	right: 0;
	overflow: hidden;
	cursor: pointer;
}

.createAlertDialogInnerBlowBlock .alertTitle, .createAlertMessageInnerBlowBlock .alertTitle {
	color: #383a4b;
	padding: 13px 0 13px 20px;
	font-size: 18px;
	border-color: #dae6ee;
	line-height: 20px;
	border-bottom: solid 1px #eeeeee;
}

.createAlertDialogInnerBlowBlock .alertMessage, .createAlertMessageInnerBlowBlock .alertMessage {
	margin: 40px 20px 20px;
	padding: 0;
	line-height: 20px;
	color: #444444;
}

.createAlertDialogInnerBlowBlock .alertButtonBlock, .createAlertMessageInnerBlowBlock .alertButtonBlock {
	border: none;
	background: 0 0;
	text-align: center;
	padding: 20px 0 30px;
}

.createAlertDialogInnerBlowBlock .alertButtonBlock button, .createAlertMessageInnerBlowBlock .alertButtonBlock button {
	background-color: #1abc9c;
	color: #fff;
	display: inline-block;
	padding: 12px 35px;
	border: 1px solid #08977b;
	border-radius: 4px;
	text-decoration: none;
	text-align: center;
	font: 14px/1.125 "微软雅黑", "Microsoft YaHei", Arial;
	vertical-align: middle;
	outline: 0;
	cursor: pointer;
	margin: 0px 10px;
}

.createAlertDialogInnerBlowBlock .alertButtonBlock button:active {
	background-color: #10ac8d
}

.createAlertDialogInnerBlowBlock .alertButtonBlock button:hover {
	background-color: #16b495;
	color: #fff;
}

.createAlertDialogInnerBlowBlock .alertButtonBlock .confirmButton {
	background-color: #189cfb;
	border: 1px solid #0979ca;
	border-radius: 4px;
}

.createAlertDialogInnerBlowBlock .alertButtonBlock .confirmButton:hover {
	background-color: #52b4fb;
}

.createAlertMessageInnerBlowBlock .alertButtonBlock .confirmButton {
	background-color: #189cfb;
	border: 1px solid #0979ca;
	border-radius: 4px;
}

.createAlertMessageInnerBlowBlock .alertButtonBlock .confirmButton:hover {
	background-color: #52b4fb;
}

.createAlertDialogInnerBlowBlock .alertButtonBlock .abortButton {
	background-color: #c7000b;
	border: 1px solid #7a0007;
	border-radius: 4px;
}

.createAlertDialogInnerBlowBlock .alertButtonBlock .abortButton:hover {
	background-color: #9f0009;
}

.createAlertMessageInnerBlowBlock .alertButtonBlock .abortButton {
	background-color: #c7000b;
	border: 1px solid #7a0007;
	border-radius: 4px;
}

.createAlertMessageInnerBlowBlock .alertButtonBlock .abortButton:hover {
	background-color: #9f0009;
}

.baseDialogDiv {
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	z-index: 1000;
	display: none;
	font: 14px/100% "Microsoft YaHei", arial;
}

.baseDialogPopDiv {
	width: 100%;
	height: 100%;
	background-color: #000;
	opacity: 0.6;
}

.baseDialogContentDiv {
	width: 90%;
	max-width: 400px;
	border-radius: 2px;
	background-color: #ffffff;
	position: absolute;
	left: 50%;
	top: 50%;
	transform: translate(-50%, -60%);
	word-break: break-word;
}

.baseDialogTitleDiv {
	color: #383a4b;
	padding: 13px 0 13px 20px;
	font-size: 18px;
	line-height: 20px;
	border-bottom: solid 1px #eeeeee;
}

.baseDialogMessageDiv {
	margin: 40px 20px 20px;
	padding: 0;
	line-height: 20px;
	color: #444444;
	text-align: center;
	font-size: 16px;
}

.baseDialogButtonDiv {
	text-align: center;
	padding: 20px 0 30px;
}

.baseDialogButtonDiv button {
	color: #fff;
	display: inline-block;
	padding: 12px 35px;
	border: 1px solid #08977b;
	border-radius: 4px;
	text-align: center;
	outline: 0;
	cursor: pointer;
	margin: 0px 10px;
}

.baseDialogButtonDiv .confirmButton {
	background-color: #1abc9c;
}

.baseDialogButtonDiv .confirmButton:hover {
	background-color: #16b495;
}

.baseDialogButtonDiv .cancelButton {
	background-color: #52b4fb;
}

.baseDialogButtonDiv .cancelButton:hover {
	background-color: #189cfb;
}

.baseDialogButtonDiv .abortButton {
	border: 1px #7D0007 solid;
	background-color: #c7000b;
}

.baseDialogButtonDiv .abortButton:hover {
	background-color: #9f0009;
}

.baseDialogGoodDiv {
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	z-index: 1000;
	display: none;
	font: 16px "Microsoft YaHei", arial;
}

.baseDialogGoodPopDiv {
	width: 100%;
	height: 100%;
	background-color: #000;
	opacity: 0.6;
}

.baseDialogGoodContentDiv {
	width: 500px;
	padding: 20px 0;
	border-radius: 5px;
	background: #ffffff;
	position: absolute;
	left: 50%;
	top: 7%;
	margin-left: -250px;
	border-radius: 5px;
}

.baseDialogGoodContentTitleDiv {
	color: #444444;
	font-size: 22px;
	font-weight: bold;
	text-align: center;
}

.baseDialogGoodContentMessageDiv {
	
}

.baseDialogGoodContentButtonDiv {
	padding-top: 20px;
	text-align: center;
	border-top: 1px #e3e3e3 solid;
}

.baseDialogGoodContentButtonDiv button {
	color: #fff;
	display: inline-block;
	font-size: 16px;
	padding: 12px 37px;
	border: 1px solid #08977b;
	border-radius: 4px;
	text-align: center;
	outline: 0;
	cursor: pointer;
	margin: 0 10px;
}

.baseDialogGoodContentButtonDiv .confirmButton {
	background-color: #1abc9c;
}

.baseDialogGoodContentButtonDiv .confirmButton:hover {
	background-color: #16b495;
}

.baseDialogGoodContentButtonDiv .cancelButton {
	background-color: #52b4fb;
}

.baseDialogGoodContentButtonDiv .cancelButton:hover {
	background-color: #189cfb;
}

.baseDialogGoodContentButtonDiv .abortButton {
	border: 1px #7D0007 solid;
	background-color: #c7000b;
}

.baseDialogGoodContentButtonDiv .abortButton:hover {
	background-color: #9f0009;
}