@-webkit-keyframes mw-kfr-slidedown {
	0% {
		opacity: 0;
		-webkit-transform: translateY(-2em)
	}
	15% {
		opacity: 1;
		-webkit-transform: translateY(0)
	}
	70% {
		-webkit-transform: translateY(3em)
	}
	85% {
		opacity: 1;
		-webkit-transform: translateY(4.5em)
	}
	to {
		opacity: 1;
		-webkit-transform: translateY(4.5em)
	}
}

@-moz-keyframes mw-kfr-slidedown {
	0% {
		opacity: 0;
		-webkit-transform: translateY(-2em)
	}
	15% {
		opacity: 1;
		-webkit-transform: translateY(0)
	}
	70% {
		-moz-transform: translateY(3em);
		transform: translateY(3em)
	}
	85% {
		opacity: 1;
		-moz-transform: translateY(4.5em);
		transform: translateY(4.5em)
	}
	to {
		opacity: 1;
		-moz-transform: translateY(4.5em);
		transform: translateY(4.5em)
	}
}

@keyframes mw-kfr-slidedown {
	0% {
		opacity: 0;
		-webkit-transform: translateY(-2em)
	}
	15% {
		opacity: 1;
		-webkit-transform: translateY(0)
	}
	70% {
		-webkit-transform: translateY(3em);
		-moz-transform: translateY(3em);
		transform: translateY(3em)
	}
	85% {
		opacity: 1;
		-webkit-transform: translateY(4.5em);
		-moz-transform: translateY(4.5em);
		transform: translateY(4.5em)
	}
	to {
		opacity: 1;
		-webkit-transform: translateY(4.5em);
		-moz-transform: translateY(4.5em);
		transform: translateY(4.5em)
	}
}

@-webkit-keyframes mw-kfr-loading {
	0% {
		opacity: 1;
		-webkit-transform: translateX(-200px)
	}
	to {
		opacity: 0;
		-webkit-transform: translateX(50em)
	}
}

@-webkit-keyframes mw-kfr-fadeIn {
	0% {
		display: block;
		opacity: 0;
		-webkit-transform: translateY(6em)
	}
	to {
		display: block;
		opacity: 1;
		-webkit-transform: translateY(0)
	}
}

@-webkit-keyframes mw-kfr-fadeOut {
	0% {
		display: block;
		opacity: 1;
		-webkit-transform: translateY(0)
	}
	to {
		display: none;
		opacity: 0;
		-webkit-transform: translateY(6em)
	}
}

@-moz-keyframes mw-kfr-fadeIn {
	0% {
		display: block;
		opacity: 0;
		-moz-transform: translateY(6em)
	}
	to {
		display: block;
		opacity: 1;
		-moz-transform: translateY(0)
	}
}

@-moz-keyframes mw-kfr-fadeOut {
	0% {
		display: block;
		opacity: 1;
		-moz-transform: translateY(0)
	}
	to {
		display: none;
		opacity: 0;
		-moz-transform: translateY(6em)
	}
}

@keyframes mw-kfr-fadeIn {
	0% {
		display: block;
		opacity: 0;
		-webkit-transform: translateY(6em);
		-moz-transform: translateY(6em);
		transform: translateY(6em)
	}
	to {
		display: block;
		opacity: 1;
		-webkit-transform: translateY(0);
		-moz-transform: translateY(0);
		transform: translateY(0)
	}
}

@keyframes mw-kfr-fadeOut {
	0% {
		display: block;
		opacity: 1;
		-webkit-transform: translateY(0);
		-moz-transform: translateY(0);
		transform: translateY(0)
	}
	to {
		display: none;
		opacity: 0;
		-webkit-transform: translateY(6em);
		-moz-transform: translateY(6em);
		transform: translateY(6em)
	}
}




body.official-page {
	margin: 0;
	padding: 0;
	height: 100%;
	width: 100%;
	font-family: Helvetica Neue, Helvetica, Arial, sans-serif;
}

body.official-page a,
body.official-page a:active,
body.official-page a:visited {
	text-decoration: none
}

body.official-page * {
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box
}

body.official-page h1,
body.official-page h2,
body.official-page h3 {
	color: #444
}

body.official-page .mw-page {
	display: none;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	padding: 2em;
	font-family: PingFang SC, Helvetica Neue, Hragino Sans GB, Helvetica, Microsoft YaHei, Arial;
	text-align: center;
	position: fixed;
	z-index: 1;
	top: 0;
	bottom: 0;
	left: 0;
	right: 0;
	background-color: #FFD31E;
	-webkit-background-size: cover;
	background-size: cover;
	background-position: bottom;
	background-repeat: no-repeat
}

body.official-page .mw-page h4 {
	font-size: .8em
}

body.official-page .mw-page.hide {
	display: none
}

body.official-page .mw-page.hidding {
	-webkit-animation-name: mw-kfr-fadeOut;
	-webkit-animation-duration: .3s;
	-webkit-animation-iteration-count: 1;
	-webkit-animation-timing-function: ease-in-out;
	-webkit-animation-fill-mode: forwards;
	-moz-animation-name: mw-kfr-fadeOut;
	-moz-animation-duration: .3s;
	-moz-animation-iteration-count: 1;
	-moz-animation-timing-function: ease-in-out;
	-moz-animation-fill-mode: forwards;
	-o-animation-name: mw-kfr-fadeOut;
	-o-animation-duration: .3s;
	-o-animation-iteration-count: 1;
	-o-animation-timing-function: ease-in-out;
	-o-animation-fill-mode: forwards;
	-ms-animation-name: mw-kfr-fadeOut;
	-ms-animation-duration: .3s;
	-ms-animation-iteration-count: 1;
	-ms-animation-timing-function: ease-in-out;
	-ms-animation-fill-mode: forwards;
	animation-name: mw-kfr-fadeOut;
	animation-duration: .3s;
	animation-iteration-count: 1;
	animation-timing-function: ease-in-out;
	animation-fill-mode: forwards
}

body.official-page .mw-page.show {
	display: block;
	opacity: 0;
	-webkit-animation-name: mw-kfr-fadeIn;
	-webkit-animation-duration: .3s;
	-webkit-animation-iteration-count: 1;
	-webkit-animation-timing-function: ease-in-out;
	-webkit-animation-fill-mode: forwards;
	-moz-animation-name: mw-kfr-fadeIn;
	-moz-animation-duration: .3s;
	-moz-animation-iteration-count: 1;
	-moz-animation-timing-function: ease-in-out;
	-moz-animation-fill-mode: forwards;
	-o-animation-name: mw-kfr-fadeIn;
	-o-animation-duration: .3s;
	-o-animation-iteration-count: 1;
	-o-animation-timing-function: ease-in-out;
	-o-animation-fill-mode: forwards;
	-ms-animation-name: mw-kfr-fadeIn;
	-ms-animation-duration: .3s;
	-ms-animation-iteration-count: 1;
	-ms-animation-timing-function: ease-in-out;
	-ms-animation-fill-mode: forwards;
	animation-name: mw-kfr-fadeIn;
	animation-duration: .3s;
	animation-iteration-count: 1;
	animation-timing-function: ease-in-out;
	animation-fill-mode: forwards
}

body.official-page .mw-page.loading {
	background-image: url(../img/background.jpg)
}

body.official-page .mw-page.loading h3 {
	position: absolute;
	top: 40%;
	left: 0;
	width: 100%;
	text-align: center
}

body.official-page .mw-page.loading.show .rain-progress>span {
	-webkit-animation-name: mw-kfr-loading;
	-moz-animation-name: mw-kfr-loading;
	animation-name: mw-kfr-loading;
	-webkit-animation-iteration-count: infinite;
	-moz-animation-iteration-count: infinite;
	animation-iteration-count: infinite
}

body.official-page .mw-page.loading .rain-progress {
	-webkit-transform: rotate(135deg) translate(-200px, 200px);
	-moz-transform: rotate(135deg) translate(-200px, 200px);
	-ms-transform: rotate(135deg) translate(-200px, 200px);
	transform: rotate(135deg) translate(-200px, 200px);
	opacity: .5
}

body.official-page .mw-page.loading .rain-progress>span {
	display: block;
	height: 10px;
	-webkit-border-radius: 50px;
	border-radius: 50px;
	overflow: hidden;
	margin-bottom: 5em
}

body.official-page .mw-page.loading .rain-progress>span:nth-child(1) {
	-webkit-animation-duration: 2s;
	-moz-animation-duration: 2s;
	animation-duration: 2s;
	background-color: #00c;
	width: 50px
}

body.official-page .mw-page.loading .rain-progress>span:nth-child(2) {
	-webkit-animation-duration: .8s;
	-moz-animation-duration: .8s;
	animation-duration: .8s;
	background-color: red;
	width: 20px
}

body.official-page .mw-page.loading .rain-progress>span:nth-child(3) {
	-webkit-animation-duration: 1.6s;
	-moz-animation-duration: 1.6s;
	animation-duration: 1.6s;
	background-color: #9acd32;
	width: 60px
}

body.official-page .mw-page.loading .rain-progress>span:nth-child(4) {
	-webkit-animation-duration: .6s;
	-moz-animation-duration: .6s;
	animation-duration: .6s;
	background-color: orange;
	width: 100px
}

body.official-page .mw-page.loading .rain-progress>span:nth-child(5) {
	-webkit-animation-duration: 1.2s;
	-moz-animation-duration: 1.2s;
	animation-duration: 1.2s;
	background-color: #ff4500;
	width: 40px
}

body.official-page .mw-page.loading .rain-progress>span:nth-child(6) {
	-webkit-animation-duration: 2.4s;
	-moz-animation-duration: 2.4s;
	animation-duration: 2.4s;
	background-color: plum;
	width: 120px
}

body.official-page .mw-page.loading .rain-progress>span:nth-child(7) {
	-webkit-animation-duration: 1.6s;
	-moz-animation-duration: 1.6s;
	animation-duration: 1.6s;
	background-color: #9acd32;
	width: 60px
}

body.official-page .mw-page.loading .rain-progress>span:nth-child(8) {
	-webkit-animation-duration: .6s;
	-moz-animation-duration: .6s;
	animation-duration: .6s;
	background-color: orange;
	width: 100px
}

body.official-page .mw-page.loading .rain-progress>span:nth-child(9) {
	-webkit-animation-duration: 1.2s;
	-moz-animation-duration: 1.2s;
	animation-duration: 1.2s;
	background-color: #ff4500;
	width: 40px
}

body.official-page .mw-page.loading .rain-progress>span:nth-child(10) {
	-webkit-animation-duration: 2.8s;
	-moz-animation-duration: 2.8s;
	animation-duration: 2.8s;
	background-color: plum;
	width: 120px
}

body.official-page .mw-page.scheme-notsupported,
body.official-page .mw-page.server-error {
	background-image: url(https://static.mlinks.cc/scripts/dist/c911f2.png)
}

body.official-page .mw-page.scheme-redirecting {
	background-image: url(https://static.mlinks.cc/scripts/dist/2af565.png)
}

body.official-page .mw-page.redirect-with-button {
	background-image: url(../img/background.jpg)
}

body.official-page .mw-page.redirect-with-button.default .app-icon:after {
	display: block
}

body.official-page .mw-page.redirect-with-button .app-icon {
	overflow: visible;
	position: relative;
	margin-bottom: 3em;
	background-color: transparent!important;
	width: 7em;
	height: 7em
}

body.official-page .mw-page.redirect-with-button .app-icon img {
	-webkit-border-radius: 1em;
	border-radius: 1em;
	overflow: hidden;
	position: relative;
	z-index: 2;
	-webkit-box-shadow: 0 5px 0 rgba(0, 0, 0, .1);
	box-shadow: 0 5px 0 rgba(0, 0, 0, .1)
}

body.official-page .mw-page.redirect-with-button .app-icon:after {
	content: " ";
	display: none;
	position: absolute;
	left: -3em;
	top: -3em;
	right: -3em;
	bottom: -3em;
	background-image: url(https://static.mlinks.cc/scripts/dist/0d9f31.png);
	background-repeat: no-repeat;
	background-position: 50%;
	-webkit-background-size: contain;
	background-size: contain
}

body.official-page .mw-page.setting-error {
	background-image: url(https://static.mlinks.cc/scripts/dist/072a5a.png)
}

body.official-page .mw-page.setting-error .mw-page-cont {
	position: absolute;
	bottom: 4em;
	left: 0;
	right: 0
}

body.official-page .mw-page.custom-content {
	padding: 0!important;
	z-index: 10002
}

body.official-page .mw-page.custom-content .mw-page-cont {
	padding-top: 80px;
	height: 100%;
	overflow: auto
}

body.official-page .mw-page.custom-content .mw-page-cont h1 {
	text-align: center;
	font-size: 1.25em;
	line-height: 1.1em;
	margin: 0;
	font-weight: 400;
	border-bottom: 0 solid #eee;
	padding: 1em .7em;
	color: #333
}

body.official-page .mw-page.custom-content .mw-page-cont .mw-cc-banner {
	background-repeat: no-repeat;
	background-position: 50%;
	-webkit-background-size: cover;
	background-size: cover;
	max-height: 50%;
	margin: 0;
	padding: 0;
	position: relative
}

body.official-page .mw-page.custom-content .mw-page-cont .mw-cc-banner img {
	width: 100%;
	opacity: .001
}

body.official-page .mw-page.custom-content .mw-page-cont .mw-cc-banner a:after {
	content: "\53BB\770B\770B";
	display: block;
	position: absolute;
	z-index: 2;
	right: 24px;
	bottom: 24px;
	background-color: rgba(113, 149, 251, .7);
	color: #fff;
	font-size: 14px;
	font-weight: 400;
	padding: 5px 24px
}

body.official-page .mw-page.custom-content .mw-page-cont .content {
	margin: 0;
	padding: 32px 1em 1em;
	text-align: left;
	line-height: 1.5em;
	color: #666
}

body.official-page .mw-page.custom-content .mw-page-footer {
	position: fixed;
	z-index: 10002;
	height: 80px;
	background-color: hsla(0, 0%, 100%, .9);
	top: 0;
	bottom: auto;
	-webkit-box-shadow: 0 0 0 transparent;
	box-shadow: 0 0 0 transparent;
	text-align: left;
	padding: 20px 24px
}

body.official-page .mw-page.custom-content .mw-page-footer>* {
	display: inline-block;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	vertical-align: middle
}

body.official-page .mw-page.custom-content .mw-page-footer .app-info {
	text-align: left;
	overflow: auto;
	padding: 0;
	margin-top: 0;
	width: 60%;
	white-space: nowrap;
	word-break: keep-all
}

body.official-page .mw-page.custom-content .mw-page-footer .app-info,
body.official-page .mw-page.custom-content .mw-page-footer .app-info * {
	vertical-align: middle
}

body.official-page .mw-page.custom-content .mw-page-footer .app-info .app-icon {
	display: inline-block;
	width: 40px;
	height: 40px;
	margin: 0 .5em 0 0
}

body.official-page .mw-page.custom-content .mw-page-footer .app-info .app-name {
	display: inline-block;
	margin: 0;
	white-space: nowrap;
	word-break: keep-all;
	overflow: hidden;
	-o-text-overflow: ellipsis;
	text-overflow: ellipsis
}

body.official-page .mw-page.custom-content .mw-page-footer .btns {
	float: right;
	text-align: right;
	padding: 0
}

body.official-page .mw-page.custom-content .mw-page-footer .btns .mw-button {
	padding: 6px 14px;
	font-size: 14px;
	-webkit-border-radius: 0;
	border-radius: 0;
	margin: 0!important
}

body.official-page .mw-page.universal-link-download {
	background-image: url(../img/background.jpg)
}

body.official-page .mw-page.universal-link-download .mw-ul-slidedown {
	text-align: left;
	margin: 1em 0 0 -.5em;
	padding: 0 2em 0 0
}

body.official-page .mw-page.universal-link-download p {
	margin-top: 4.5em;
	text-align: left;
	color: black;
	font-size: 1em;
}

body.official-page .mw-page.universal-link-download ol {
	padding: 0 0 0 1em;
	margin-top: .5em
}

body.official-page .mw-page.universal-link-download ol li {
	padding-top:0.8em ;
	text-align: left;
	font-size: .8em;
	color: black
}

body.official-page .mw-page.mw-alert {
	background-image: url(../img/background.jpg)
}

body.official-page .mw-page.openinbrowser {
	background-image: none
}

body.official-page .mw-page.openinbrowser.default .logo {
	display: block
}

body.official-page .mw-page.openinbrowser.default .tips {
	bottom: 3.2em;
	-webkit-background-size: contain;
	background-size: contain
}

body.official-page .mw-page.openinbrowser .tips {
	position: absolute;
	left: 0;
	top: 0;
	bottom: 0;
	right: 0;
	-webkit-background-size: cover;
	background-size: cover;
	background-repeat: no-repeat;
	background-position: top
}

body.official-page .mw-page.openinbrowser .logo {
	width: 4em;
	height: 4em;
	position: absolute;
	bottom: 8em;
	left: 50%;
	margin-left: -1em;
	-webkit-border-radius: 8px;
	border-radius: 8px;
	overflow: hidden;
	display: none
}

body.official-page .mw-page.openinbrowser.ios .tips {
	background-image: url(../img/4ad8ad.png);
}

body.official-page .mw-page.openinbrowser.android .tips {
	background-image: url(../img/7dfbbe.png);
}

body.official-page .mw-page .mw-page-footer {
	position: absolute;
	bottom: 4rem;
	left: 0;
	right: 0;
	text-align: center
}

body.official-page .mw-page .blue {
	color: #a5c5f6;
	text-shadow: 0 1px 2px hsla(0, 0%, 100%, .2)
}

body.official-page .mw-page .mw-title,
body.official-page .mw-page h3 {
	color: #656565
}

body.official-page .mw-page p {
	line-height: 1.4em;
	padding: 0;
	margin: 0
}

body.official-page .mw-page .tips {
	font-size: .8em;
	line-height: 1.5em
}

body.official-page .mw-page .mw-page-cont.table {
	display: table;
	vertical-align: middle;
	height: 100%;
	width: 100%
}

body.official-page .mw-page .mw-page-cont.table .middle {
	display: table-cell!important;
	vertical-align: middle
}

body.official-page .mw-page .mw-ul-slidedown {
	position: fixed;
	top: 0;
	width: 100%;
	padding: 1.5em 2em;
	font-size: 1.1em;
	line-height: 1.2em;
	color: #6bacec;
	z-index: 1
}

body.official-page .mw-page .mw-ul-slidedown .text {
	padding-right: 48px
}

body.official-page .mw-page .mw-ul-slidedown .icon-dropdown {
	position: absolute;
	top: 1em;
	right: 2em;
	left: auto;
	width: 3em;
	height: 3em;
	background-image: url(https://static.mlinks.cc/scripts/dist/35c091.png);
	background-repeat: no-repeat;
	-webkit-background-size: contain;
	background-size: contain;
	background-position: 50%;
	-webkit-animation: mw-kfr-slidedown linear 2.5s infinite;
	-moz-animation: mw-kfr-slidedown linear 2.5s infinite;
	animation: mw-kfr-slidedown linear 2.5s infinite
}

body.official-page .mw-page .app-icon {
	margin: auto auto 1em;
	width: 8em;
	height: 8em;
	-webkit-border-radius: 10px;
	border-radius: 10px;
	overflow: hidden;
	background-image: url(https://static.mlinks.cc/scripts/dist/5cce69.png);
	-webkit-background-size: contain;
	background-size: contain;
	background-repeat: no-repeat
}

body.official-page .mw-page .app-icon img {
	width: 100%;
	background-color: #fff
}

body.official-page footer {
	display: block!important;
	position: fixed;
	bottom: 0;
	left: 0;
	right: 0;
	padding: 1rem;
	text-align: center;
	font-family: Helvetica Neue, Helvetica, Arial, sans-serif;
	font-size: 12px;
	z-index: 10001;
	color: #999
}

body.official-page footer a {
	color: #666!important
}

body.official-page #mw-navigator-modal {
	background-color: transparent!important
}

body .mw-button {
	display: inline-block;
	margin: 3rem;
	background-color: #7195fb;
	-webkit-border-radius: 5px;
	border-radius: 5px;
	padding: .6em 1.2em;
	font-size: 1.1em;
	color: #fff;
	text-decoration: none;
	font-weight: 400
}

body .mw-button.outline {
	border: 2px solid #7195fb!important;
	background-color: transparent!important;
	color: #7195fb!important
}

body .mw-button.no-margin {
	margin: .5em
}

body .mw-button.min {
	padding: .4em .8em
}

body .mw-dialog {
	position: fixed;
	left: 0;
	top: 0;
	right: 0;
	bottom: 0;
	height: 100%;
	width: 100%;
	background-color: rgba(0, 0, 0, .6);
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	z-index: 99999999999;
	display: -ms-flex;
	display: -webkit-flex;
	display: -webkit-box;
	display: -ms-flexbox;
	display: -moz-box;
	display: flex;
	-ms-flex-align: center;
	-webkit-align-items: center;
	-webkit-box-align: center;
	-moz-box-align: center;
	align-items: center;
	-webkit-justify-content: space-between;
	-ms-flex-pack: justify;
	-webkit-box-pack: justify;
	-moz-box-pack: justify;
	justify-content: space-between
}

body .mw-dialog>div {
	display: block;
	width: 100%
}

body .mw-dialog .mw-close {
	width: 80px;
	height: 80px;
	-webkit-border-radius: 50%;
	border-radius: 50%;
	display: block;
	margin: 2em auto 0;
	background: rgba(0, 0, 0, .4);
	padding: 1.1em;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	border: 2px solid #fff
}

body .mw-dialog .mw-close:after,
body .mw-dialog .mw-close:before {
	display: block;
	content: " ";
	height: 0;
	width: 100%;
	border-bottom: 2px solid hsla(0, 0%, 100%, .8);
	-webkit-transform: rotate(45deg);
	-moz-transform: rotate(45deg);
	-ms-transform: rotate(45deg);
	transform: rotate(45deg);
	position: relative;
	top: 50%
}

body .mw-dialog .mw-close:after {
	-webkit-transform: rotate(-45deg);
	-moz-transform: rotate(-45deg);
	-ms-transform: rotate(-45deg);
	transform: rotate(-45deg)
}

body .mw-dialog .mw-dialog-container {
	max-width: 640px;
	overflow: auto;
	max-height: 100%;
	width: 80%;
	padding: 2em 1em;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	font-size: 14px;
	text-align: center;
	border: 2px solid #fff;
	-webkit-border-radius: 1em!important;
	border-radius: 1em!important;
	background-color: #fff;
	color: #666;
	margin: auto;
	-webkit-box-shadow: 2px 2px 3em rgba(0, 0, 0, .2);
	box-shadow: 2px 2px 3em rgba(0, 0, 0, .2)
}

body .mw-dialog .mw-dialog-container .mw-app-icon {
	width: 6em;
	height: 6em
}

body .mw-dialog .mw-dialog-container .mw-app-name {
	font-size: 1em;
	margin-bottom: 2em;
	color: #000
}

body .mw-dialog .mw-dialog-container .mw-button {
	font-size: 1.5em;
	padding: 1em 2em
}

@media screen and (max-width:320px) {
	body.official-page {
		font-size: 12px
	}
	body.official-page.ulink-page header {
		padding: .7em 1.2em;
		font-size: .8em
	}
	body .mw-dialog .mw-dialog-container {
		font-size: 1em
	}
}

.mw-qrcode {
	position: fixed;
	z-index: 10000;
	width: 100%;
	height: 100%;
	top: 0;
	left: 0;
	background-color: rgba(0, 0, 0, .8);
	-webkit-background-size: 90% auto;
	background-size: 90% auto;
	background-repeat: no-repeat;
	background-position: 100% 0;
	overflow: auto;
	text-align: center
}

.mw-qrcode h1 {
	font-size: 18px;
	text-align: center;
	margin: 100px auto 24px;
	color: #666
}

.mw-qrcode img {
	max-width: 160px;
	border: 1px solid #eee;
	-webkit-border-radius: 5px;
	border-radius: 5px;
	padding: 10px
}


.mw-page {
    display: none;
    opacity: 0;
}
canvas{
    padding: 20px;
    background: white;
}
.myBtn{
    background-color: #7195fb;
    color: #FFFFFF;
    display: inline-block;
    padding: .6em 1.2em;
    border-radius: 5px;
}
body .mw-button{
        margin: 1.5rem
}
#tipsinfos_warp span{ width: 60%; height: 30px; display: inline-block;  float: right;  }

/**** new style *****/
.downpage-main { width: 100%; height: 100%;  /*padding: 10px 5px;*/ position:fixed; top: 0; left: 0; z-index:1; overflow-y: scroll;}
.page-bg { /*background: url("../img/background.jpg");*/ background-size: cover; background-position: bottom; background-repeat: no-repeat; background-color: #FFD31E;}
.downpage-centent { max-width: 720px; height: 100%; margin: 0 auto; }
.main-wrap { /*min-height:15rem; min-height: 300px; */ margin-top: 10%;}
.qrcodeWrap .qrcodeInfo{  margin:10px auto; text-align: center;}
.qrcodeWrap p { color: #333; font-size: 20px; text-align: center; margin: 0; padding: 0}
.footer { margin: 20px; text-align: center;}
.footer p { font-size: 14px; line-height: 20px;  color: #666;}
.downpageInfo{ text-align: center; padding: 1rem}
.appIcon {overflow: visible; position: relative; margin-bottom: 3em; background-color: transparent!important; width: 7em; height: 7em;margin: auto auto 1em;}

.downpage-button {display: inline-block; margin: 2rem 1.5rem;  background-color: #7195fb; -webkit-border-radius: 5px; border-radius: 5px; padding: .6em 1.2em; font-size: 1.1em;  color: #fff; text-decoration: none; font-weight: 400}

.downpage-button.outline { border: 2px solid #7195fb!important; background-color: transparent!important; color: #7195fb!important}
.appIconTips { position: absolute; left: 45%; top: 76%; width: 14%;}
.mask {  width: 100%; height: 100%;  padding: 10px; position:fixed; top: 0; left: 0; z-index:100; background:transparent;}
.mask .tipsBg{width: 100%; height: 100%; position: absolute; left: 0; top: 0; background-size: cover; background-position: bottom; background-repeat: no-repeat;}
.openinbrowserAndroid{/*background-image: url(../../CommonResource/img/androidTip.png);*/ }
.openinbrowserIos{/*background-image: url(../img/iosTip.png);*/}
.show{ display: block;}
.hide{ display: none;}
@media screen and (max-width:320px) {   
    .footer p { font-size: 12px;}
}
#andriod{
	/*margin-top:1rem ;*/
}
.btn-Container .androidBtn{width: 100%;display: inline-block; margin-bottom: 1rem;}
.btn-Container .androidBtn img{
	width: 100%;
}
.gameText{
	margin-top: 2rem;font-family: "微软雅黑";
}
.gameText .title{  font-weight: bold;}
.gameText .info{
   color: #999999;
   text-align: justify;
}
.iosTop{
	background-color: #3da787;
	position: fixed;top: 0;width: 100%;z-index: 99;
	font-family: "微软雅黑";
}
.iosTop .applestore{
	position: relative;
	width: 100%;
}
.iosTop .iosBtn{text-align:center;display:inline-block;border-radius: 25px; background-color: #FFFFFF;padding: 5px 10px;width:20% ; position: absolute;right: 5%; top:25%;color: #3da787;
}
.iosTop .bg{
	width: 100%;
}
.iosTop .icon{
	position: absolute;left: 4%; top:17%;
	width: 3.18rem;
}
.iosTop .txtContainer{
	position: absolute;left: 18%; top:20%;
}
.iosTop .title,.iosTop .text{
	margin: 0;
	color: #ffffff;
}
.iosTop .title{
	font-size: 1rem;
	font-weight: bold;
}
.iosTop .text{
	font-size: 0.8rem;
}
.qyContainer{
	position: relative;
	border: 0;
	color: #FFFFFF;
}
.qyContainer p {
	display: inline-block;
	margin: 0.8rem;
	font-size: 0.8rem;
}
.qyContainer .iosQYBtn{
	font-size: 1rem;
	text-align:center;display:inline-block;border-radius: 25px; background-color: #FFFFFF;padding: 5px 10px;color: #3da787;position: absolute;right: 5%;top:5%;

}
#banner{}
.iosMid{
	width: 100%;
	position: relative;
}
.iosMid img{
	width: 100%;
}
.iosMid .txtContainer{
	position: absolute;left: 18%; top:20%;
}
.iosMid .title,.iosMid .text{
	margin: 0;
	color: #000000;
}
.iosMid .title{
	font-size: 1rem;
	font-weight: bold;
}
.iosMid .text{
	color: #5c5c5c;
	font-size: 0.8rem;
}
#process{
	width: 100%;
}
#process img{
	width: 100%;
}
#ios{
	position: relative;
	/*background: url(../img/iosBack.png) no-repeat;
	background-size: 100% ;*/
}
#ios .backG{
	width: 100%;
}
#andriod{
	position: relative;
	/*background: url(../img/andBack.png) no-repeat;
	background-size: 100% ;*/
}
#andriod .backG{
	width: 100%;
}
#ios .gameText{
	margin-top: 0.8rem;
	padding: 0 1.5rem;
}
.andTop {
	margin-bottom: 1rem;
}
.andTop .txtContainer p {
	font-size: 0.5rem;
	margin: 0;
}
.andTop .txtContainer img{
	width: 50%;
}
.andTop .txtContainer .title{
	padding-left:0.2rem ;
	font-size: 1.6rem;
	font-weight: bold;
}
.andTop .txtContainer .star{
	width: 40%;
}
.andTop .txtContainer .logo{
	width: 80%;
}
.andTop .txtContainer .text{
	color: #9e9e9e;
	margin-bottom: 0.2rem;
	padding-left:0.2rem ;
	font-size: 0.8rem;
}
.iosBtnContainer{
	position: absolute;
	top: 50%;
	width: 100%;
	height: 50px;
	padding-top: 2%;
}
.iosBtnContainer a{
	margin: 2% 25%;
} 
.iosBtnContainer a img{
	margin: 2.5% 0;
	width: 50%;
}
.andBtnContainer{
	position: absolute;
	top: 52%;
	width: 100%;
	height: 50px;
	padding-top: 2%;
}
.andBtnContainer a{
	margin: 2% 30%;
} 
.andBtnContainer a img{
	margin: 2.5% 0;
	width: 40%;
}
.iostip{
	display: none;
	width: 100%;
	position: absolute;
	top: 80%;
}
.iostip img{
	width: 50%;
	margin:  0 25%;
}
.androidtip{
	display: none;
	width: 100%;
	position: absolute;
	top: 64%;
}
.androidtip img{
	width: 50%;
	margin:  0 25%;
}
body{
	background-color: #FFD31E !important;
}