.dialog {
	left: 0px; top: 0px; width: 100%; height: 100%; position: fixed; z-index: 10001;
}
.dialog-overlay {
	left: 0px; top: 0px; width: 100%; height: 100%; position: absolute; z-index: 10002; background-color: rgba(0, 0, 0, 0.5);
}
.dialog-content {
	border-radius: 10px; left: 50%; top: 50%; width: 90%; line-height: 1.5; position: absolute; z-index: 10003; transform: translate(-50%, -50%); background-color: rgba(255, 255, 255, 0.95); -webkit-transform: translate(-50%, -50%);
}
.dialog-content * {
	margin: 0px; padding: 0px; border: 0px currentColor; border-image: none; font-family: Helvetica; font-size: 15px; box-sizing: border-box; -webkit-box-sizing: border-box; -moz-user-select: none; -webkit-tap-highlight-color: transparent;
}
.dialog-btn {
	height: 44px; color: rgb(0, 122, 255); line-height: 44px; font-size: 17px; font-weight: 400; text-decoration: none; display: inline-block; position: relative; cursor: pointer; background-color: transparent;
}
.dialog-btn-hl {
	height: 44px; color: rgb(0, 122, 255); line-height: 44px; font-size: 17px; font-weight: 400; text-decoration: none; display: inline-block; position: relative; cursor: pointer; background-color: transparent;
}
.dialog-btn:hover {
	background-color: rgba(0, 0, 0, 0.05);
}
.dialog-btn:active {
	background-color: rgba(0, 0, 0, 0.05);
}
.dialog-btn-hl:hover {
	background-color: rgba(0, 0, 0, 0.05);
}
.dialog-btn-hl:active {
	background-color: rgba(0, 0, 0, 0.05);
}
.dialog-content-hd {
	padding: 20px 20px 10px; text-align: center; margin-bottom: -25px; position: relative;
}
.dialog-content-hd .dialog-content-title {
	color: rgb(51, 51, 51); font-size: 18px; font-weight: 400;
}
.dialog-content-hd .dialog-btn-close {
	top: 18px; width: 26px; height: 26px; right: 15px; overflow: hidden; display: block; position: absolute; cursor: pointer; background-color: transparent;
}
.dialog-content-hd .dialog-btn-close span {
	display: none;
}
.dialog-content-hd .dialog-btn-close::before {
	top: 13px; width: 18px; height: 1px; right: 3px; display: block; position: absolute; content: ""; background-color: rgb(128, 128, 128);
}
.dialog-content-hd .dialog-btn-close::after {
	top: 13px; width: 18px; height: 1px; right: 3px; display: block; position: absolute; content: ""; background-color: rgb(128, 128, 128);
}
.dialog-content-hd .dialog-btn-close::before {
	transform: rotate(45deg); -webkit-transform: rotate(45deg);
}
.dialog-content-hd .dialog-btn-close::after {
	transform: rotate(-45deg); -webkit-transform: rotate(-45deg);
}
.dialog-content-bd {
	margin: 25px 20px; text-align: center; color: rgb(102, 102, 102);
}
.dialog-content-bd p {
	padding: 5px 0px;
}
.content-scroll {
	-ms-overflow-y: auto; -webkit-overflow-scrolling: touch;
}
.dialog-content-ft {
	font-size: 0px; display: flex; position: relative;
}
.dialog-content-ft::after {
	transform-origin: 0% 0%; left: 0px; top: 0px; width: 100%; height: 1px; color: rgb(213, 213, 213); border-top-color: rgb(213, 213, 213); border-top-width: 1px; border-top-style: solid; position: absolute; content: " "; transform: scaleY(0.5); -webkit-transform: scaleY(0.5); -webkit-transform-origin: 0 0;
}
.dialog-content-ft .dialog-btn {
	flex:1 1 0px; display: block; -webkit-flex: 1;
}
.dialog-content-ft .dialog-btn::after {
	transform-origin: 0% 0%; left: 0px; top: 0px; width: 1px; height: 100%; color: rgb(213, 213, 213); border-left-color: rgb(213, 213, 213); border-left-width: 1px; border-left-style: solid; position: absolute; content: ""; transform: scaleX(0.5); -webkit-transform: scaleX(0.5); -webkit-transform-origin: 0 0;
}
.dialog-content-ft :first-child.dialog-btn {
	border-bottom-left-radius: 8px;
}
.dialog-content-ft :first-child.dialog-btn::after {
	border-left-color: currentColor; border-left-width: medium; border-left-style: none;
}
.dialog-content-ft :last-child.dialog-btn {
	border-bottom-right-radius: 8px;
}
.stacked.dialog-content-ft {
	flex-flow:column nowrap; display: block; -webkit-flex-flow: column;
}
.stacked.dialog-content-ft::after {
	border: currentColor; border-image: none;
}
.stacked.dialog-content-ft .dialog-btn {
	width: 100%; display: block; position: relative;
}
.stacked.dialog-content-ft .dialog-btn::after {
	transform-origin: 0% 0%; left: 0px; top: 0px; width: 100%; height: 1px; color: rgb(213, 213, 213); border-top-color: rgb(213, 213, 213); border-top-width: 1px; border-top-style: solid; position: absolute; content: ""; transform: scaleY(0.5); -webkit-transform: scaleY(0.5); -webkit-transform-origin: 0 0;
}
.dialog-open .dialog-content {
	animation-duration: 0.25s; animation-fill-mode: forwards; -webkit-animation-duration: 0.25s; -webkit-animation-fill-mode: forwards;
}
.dialog-open .dialog-overlay {
	animation-duration: 0.25s; animation-fill-mode: forwards; -webkit-animation-duration: 0.25s; -webkit-animation-fill-mode: forwards;
}
.dialog-close .dialog-content {
	animation-duration: 0.25s; animation-fill-mode: forwards; -webkit-animation-duration: 0.25s; -webkit-animation-fill-mode: forwards;
}
.dialog-close .dialog-overlay {
	animation-duration: 0.25s; animation-fill-mode: forwards; -webkit-animation-duration: 0.25s; -webkit-animation-fill-mode: forwards;
}
.dialog-open .dialog-content {
	animation-name: zoom-in; -webkit-animation-name: zoom-in;
}
.dialog-open .dialog-overlay {
	animation-name: fade-in; -webkit-animation-name: fade-in;
}
.dialog-close .dialog-content {
	animation-name: fade-out; -webkit-animation-name: fade-out;
}
.dialog-close .dialog-overlay {
	animation-name: fade-out; -webkit-animation-name: fade-out;
}
.dialog-html .dialog-content-title {
	text-align: left;
}
.dialog-html .dialog-content {
	border-radius: 10px; left: 50%; top: 50%; line-height: 1.5; position: absolute; z-index: 10003; transform: translate(-50%, -50%); background-color: rgba(255, 255, 255, 1); -webkit-transform: translate(-50%, -50%);
}
.dialog-html .dialog-btn-confirm {
	border-color: rgb(251, 80, 80); margin: 0px auto; border-radius: 17px !important; flex:0 0 auto; width: 178px; height: 35px; color: rgb(255, 255, 255); line-height: 35px; display: block; background-color: rgb(251, 80, 80);
}
.dialog-html .dialog-content-bd {
	margin: 25px 10px 10px;
}
.dialog-html .dialog-content-ft {
	padding: 10px; width: 100%; text-align: center; box-sizing: border-box;
}
.dialog-cfmhtml .dialog-content-title {
	text-align: left;
}
.dialog-cfmhtml .dialog-content {
	border-radius: 10px; left: 50%; top: 50%; line-height: 1.5; position: absolute; z-index: 10003; transform: translate(-50%, -50%); background-color: rgba(255, 255, 255, 1); -webkit-transform: translate(-50%, -50%);
}
.dialog-cfmhtml .dialog-btn-confirm {
	border-color: rgb(55, 160, 227); margin: 0px auto; border-radius: 17px !important; flex:0 0 auto; width: 150px; height: 38px; color: rgb(255, 255, 255); line-height: 38px; display: block; background-color: rgb(55, 160, 227);
}
.dialog-cfmhtml .dialog-btn-cancel {
	border-color: rgb(214, 214, 214); margin: 0px auto; border-radius: 17px !important; flex:0 0 auto; width: 150px; height: 38px; color: rgb(51, 51, 51); line-height: 38px; display: block; background-color: rgb(214, 214, 214);
}
.dialog-cfmhtml .dialog-content-bd {
	margin: 0px; border-radius: 10px 10px 0px 0px;
}
.dialog-cfmhtml .dialog-content-ft {
	padding: 10px; width: 100%; text-align: center; box-sizing: border-box;
}
.dialog-cfmhtml .dialog-content-ft .dialog-btn::after {
	border-left-color: currentColor; border-left-width: 0px; border-left-style: none;
}
.dialog-image .dialog-content {
	border-radius: 0px; background-color: transparent;
}
.dialog-image .dialog-content-bd {
	margin: 0px; overflow: hidden; font-size: 0px;
}
.dialog-image .dialog-content-bd img {
	width: 100%;
}
.dialog-image .dialog-btn-close {
	border-radius: 14px; border: 1px solid rgb(255, 255, 255); border-image: none; top: -30px; width: 26px; height: 26px; right: -30px; overflow: hidden; display: block; position: absolute; cursor: pointer; box-sizing: border-box; background-color: transparent;
}
.dialog-image .dialog-btn-close span {
	display: none;
}
.dialog-image .dialog-btn-close::before {
	top: 12px; width: 18px; height: 1px; right: 3px; display: block; position: absolute; content: ""; background-color: rgb(255, 255, 255);
}
.dialog-image .dialog-btn-close::after {
	top: 12px; width: 18px; height: 1px; right: 3px; display: block; position: absolute; content: ""; background-color: rgb(255, 255, 255);
}
.dialog-image .dialog-btn-close::before {
	transform: rotate(45deg); -webkit-transform: rotate(45deg);
}
.dialog-image .dialog-btn-close::after {
	transform: rotate(-45deg); -webkit-transform: rotate(-45deg);
}
[data-style=android] .dialog-content {
	border-radius: 0px; box-sizing: content-box; background-color: white;
}
[data-style=android] .dialog-content-hd {
	padding: 20px 20px 0px; text-align: left; margin-bottom: -10px;
}
[data-style=android] .dialog-content-hd .dialog-btn-close {
	top: 15px; right: 15px;
}
[data-style=android] .dialog-content-bd {
	margin: 25px 20px; text-align: left;
}
[data-style=android] .dialog-content-ft {
	padding: 8px; text-align: right; margin-top: -10px; display: block;
}
[data-style=android] .dialog-content-ft::after {
	border: currentColor; border-image: none;
}
[data-style=android] .dialog-content-ft .dialog-btn {
	padding: 0px 13px; border-radius: 2px; height: 36px; text-align: center; color: rgb(128, 128, 128); line-height: 36px; overflow: hidden; font-size: 16px; display: inline-block; min-width: 60px;
}
[data-style=android] .dialog-content-ft .dialog-btn::after {
	border: currentColor; border-image: none;
}
[data-style=android] .dialog-content-ft .dialog-btn-confirm {
	color: rgb(0, 187, 211);
}
[data-style=android] .dialog-content-ft .dialog-btn-hl {
	color: rgb(0, 187, 211);
}
[data-style=android] .stacked.dialog-content-ft .dialog-btn {
	width: 100%; text-align: right; display: block;
}
[data-style=android] .dialog-content-ft-border::before {
	transform-origin: 0% 0%; left: 0px; top: 0px; width: 100%; height: 1px; color: rgb(213, 213, 213); border-top-color: rgb(213, 213, 213); border-top-width: 1px; border-top-style: solid; position: absolute; content: ""; transform: scaleY(0.5); -webkit-transform: scaleY(0.5); -webkit-transform-origin: 0 0;
}
.ripple {
	background: rgba(0, 0, 0, 0.5); border-radius: 99999px; animation:ripple 0.75s ease-out; width: 200px; height: 200px; position: absolute; opacity: 0; pointer-events: none; transform: scale(0); -webkit-animation: ripple .75s ease-out; -webkit-transform: scale(0);
}
[data-style=android].dialog-open .dialog-content {
	animation-name: bounce-in-down; -webkit-animation-name: bounce-in-down;
}
[data-style=android].dialog-open .dialog-overlay {
	animation-name: fade-in; -webkit-animation-name: fade-in;
}
[data-style=android].dialog-close .dialog-content {
	animation-name: bounce-out-up; -webkit-animation-name: bounce-out-up;
}
[data-style=android].dialog-close .dialog-overlay {
	animation-name: fade-out; -webkit-animation-name: fade-out;
}
.dialog-toast .dialog-overlay {
	background-color: transparent;
}
.dialog-toast .dialog-content {
	border-radius: 10px; width: 148px; height: 148px; display: table; background-color: rgba(0, 0, 0, 0.8);
}
.dialog-toast .dialog-content-bd {
	margin: 0px; padding: 0px; width: 100%; height: 100%; text-align: center; font-size: 0px; vertical-align: middle; display: table-cell; position: relative;
}
.dialog-toast .dialog-content-bd p {
	margin: 0px; padding: 0px;
}
.dialog-toast .info-icon {
	width: 56px; max-width: 56px;
}
.dialog-toast .info-text {
	margin: 12px auto 0px; width: 90%; color: rgb(255, 255, 255); font-size: 16px; display: block;
}
.dialog-open.dialog-toast .dialog-content {
	animation-duration: 0.5s; animation-fill-mode: forwards; -webkit-animation-duration: 0.5s; -webkit-animation-fill-mode: forwards;
}
.dialog-open.dialog-toast .dialog-overlay {
	animation-duration: 0.5s; animation-fill-mode: forwards; -webkit-animation-duration: 0.5s; -webkit-animation-fill-mode: forwards;
}
.dialog-close.dialog-toast .dialog-content {
	animation-duration: 0.35s; animation-fill-mode: forwards; -webkit-animation-duration: 0.35s; -webkit-animation-fill-mode: forwards;
}
.dialog-close.dialog-toast .dialog-overlay {
	animation-duration: 0.35s; animation-fill-mode: forwards; -webkit-animation-duration: 0.35s; -webkit-animation-fill-mode: forwards;
}
.dialog-open.dialog-toast .dialog-content {
	animation-name: fade-in; -webkit-animation-name: fade-in;
}
.dialog-open.dialog-toast .dialog-overlay {
	animation-name: fade-in; -webkit-animation-name: fade-in;
}
.dialog-close.dialog-toast .dialog-content {
	animation-name: fade-out; -webkit-animation-name: fade-out;
}
.dialog-close.dialog-toast .dialog-overlay {
	animation-name: fade-out; -webkit-animation-name: fade-out;
}
.dialog-notice .dialog-overlay {
	background-color: transparent;
}
.dialog-notice .dialog-content {
	border-radius: 4px; width: auto; display: table; max-width: 85%; background-color: rgba(0, 0, 0, 0.8);
}
.dialog-notice .dialog-content-bd {
	margin: 0px; padding: 10px 15px; line-height: normal; font-size: 0px;
}
.dialog-notice .info-icon {
	margin: 0px 2px; top: -1px; width: 16px; vertical-align: middle; position: relative; max-width: 16px;
}
.dialog-notice .info-text {
	margin: 0px 2px; color: rgb(255, 255, 255); line-height: 1.3; font-size: 14px; vertical-align: middle;
}
.dialog-open.dialog-notice .dialog-content {
	animation-duration: 0.1s; animation-fill-mode: forwards; -webkit-animation-duration: 0.1s; -webkit-animation-fill-mode: forwards;
}
.dialog-open.dialog-notice .dialog-overlay {
	animation-duration: 0.1s; animation-fill-mode: forwards; -webkit-animation-duration: 0.1s; -webkit-animation-fill-mode: forwards;
}
.dialog-close.dialog-notice .dialog-content {
	animation-duration: 0.3s; animation-fill-mode: forwards; -webkit-animation-duration: 0.3s; -webkit-animation-fill-mode: forwards;
}
.dialog-close.dialog-notice .dialog-overlay {
	animation-duration: 0.3s; animation-fill-mode: forwards; -webkit-animation-duration: 0.3s; -webkit-animation-fill-mode: forwards;
}
.dialog-open.dialog-notice .dialog-content {
	animation-name: fade-in; -webkit-animation-name: fade-in;
}
.dialog-open.dialog-notice .dialog-overlay {
	animation-name: fade-in; -webkit-animation-name: fade-in;
}
.dialog-close.dialog-notice .dialog-content {
	animation-name: fade-out; -webkit-animation-name: fade-out;
}
.dialog-close.dialog-notice .dialog-overlay {
	animation-name: fade-out; -webkit-animation-name: fade-out;
}
.dialog-notice-bottom .dialog-content {
	top: auto; bottom: 0px; transform: translate(-50%, -20px); -webkit-transform: translate(-50%, -20px);
}
.dialog-open.dialog-notice-bottom .dialog-content {
	animation-duration: 0.3s; animation-fill-mode: forwards; -webkit-animation-duration: 0.3s; -webkit-animation-fill-mode: forwards;
}
.dialog-open.dialog-notice-bottom .dialog-overlay {
	animation-duration: 0.3s; animation-fill-mode: forwards; -webkit-animation-duration: 0.3s; -webkit-animation-fill-mode: forwards;
}
.dialog-close.dialog-notice-bottom .dialog-content {
	animation-duration: 0.3s; animation-fill-mode: forwards; -webkit-animation-duration: 0.3s; -webkit-animation-fill-mode: forwards;
}
.dialog-close.dialog-notice-bottom .dialog-overlay {
	animation-duration: 0.3s; animation-fill-mode: forwards; -webkit-animation-duration: 0.3s; -webkit-animation-fill-mode: forwards;
}
.dialog-open.dialog-notice-bottom .dialog-content {
	animation-name: bounce-in-up; -webkit-animation-name: bounce-in-up;
}
.dialog-close.dialog-notice-bottom .dialog-content {
	animation-name: fade-out; -webkit-animation-name: fade-out;
}
@media screen and (min-width:767px)
{
.dialog-content {
	max-width: 60%;
}
}
@media screen and (min-width:1023px)
{
.dialog-content {
	max-width: 40%;
}
}
.animated {
	animation-duration: 1s; animation-fill-mode: both; -webkit-animation-duration: 1s; -webkit-animation-fill-mode: both;
}
.infinite.animated {
	animation-iteration-count: infinite; -webkit-animation-iteration-count: infinite;
}
.hinge.animated {
	animation-duration: 2s; -webkit-animation-duration: 2s;
}
.shake {
	animation-name: shake; -webkit-animation-name: shake;
}
.fadeInDown {
	animation-name: fadeInDown; -webkit-animation-name: fadeInDown;
}
.fadeOut {
	animation-name: fadeOut; -webkit-animation-name: fadeOut;
}
.fadeIn {
	animation-name: fadeIn; -webkit-animation-name: fadeIn;
}