body,
html {
	margin : 0;
	padding: 0;
}

html {
	min-height: 100%;
	width     : 100%;
}

body {
	/*background: url(../img/bg.jpg) no-repeat;*/
	width          : 100%;
	min-height     : 100%;
	background-size: 100%;
	font-family    : 'Microsoft YaHei';
}

a {
	list-style     : none;
	text-decoration: none;
}

img[src=""] {
	opacity: 0;
}

.contain {
	padding-top   : 20%;
	padding-bottom: 10%;
}

#mobile-page {
	padding-top       : 12%;
	display           : block;
	position          : absolute;
	top               : 0;
	left              : 0;
	bottom            : 0;
	width             : 100%;
	/* background     : url('../img/index/bg.png') no-repeat;
    background-size: 100% 100%; */
	background-image  : linear-gradient(170deg, #1abeff, #0082ec);
}

#mobile-page p {
	color        : white;
	font-size    : 2.8rem;
	width        : 88%;
	margin       : auto;
	margin-top   : 71%;
	text-align   : center;
	margin-bottom: 4rem;
}

#mobile-page .logo-name {
	width           : 100%;
	/*padding-bottom:40%;*/
	text-align      : center;
	color           : #fff;
	font-size       : 24px;
	line-height     : 60px;
	position        : absolute;
	/* top          : 20%;
    bottom       : 25%; */
}

#mobile-page .logo-name .domainLogoContainer {
	width                      : 96px;
	height                     : 96px;
	line-height                : 96px;
	vertical-align             : bottom;
	/* display                 : block; */
	margin                     : auto;
	margin-top                 : 15%;
	text-align                 : center;
	-webkit-tap-highlight-color: rgba(0, 0, 0, 0);
	/*去除浏览器只带点击轮廓框*/
}

#mobile-page .logo-name .domainLogo {
	width         : 100%;
	max-height    : 100%;
	vertical-align: bottom;
}

#mobile-page .logo-name span.domainName {
	font-size  : 20px;
	font-weight: normal;
	display    : block;
	margin     : auto;
	text-align : center;
}

#mobile-page img.bg-title {
	/* width: 55%;
    margin-top: 12%; */
	width     : 200px;
	margin-top: 20px;
	display   : none;
}

#mobile-page .logo-name a {
	color                      : white;
	text-decoration            : none;
	display                    : inline-flex;
	width                      : 59%;
	/* margin                  : auto; */
	padding                    : 0.5rem 0;
	font-size                  : 1.4rem;
	text-align                 : center;
	border-radius              : 3rem;
	-webkit-border-radius      : 3rem;
	-moz-border-radius         : 3rem;
	-webkit-tap-highlight-color: rgba(0, 0, 0, 0);
	/*去除浏览器只带点击轮廓框*/
	line-height                : 28px;
	/* border                  : solid 1.4px #ffffff; */
}

#mobile-page .logo-name a.phone {
	position: absolute;
	left    : 20%;
}

#mobile-page .logo-name a.ios {
	bottom: -70%;
}

#mobile-page .logo-name a.android {
	bottom: -100%;
}

#mobile-page .logo-name a.phone:before {
	content          : "";
	position         : absolute;
	top              : -50%;
	right            : -50%;
	bottom           : -50%;
	left             : -50%;
	border-radius    : 60px;
	-webkit-transform: scale(0.5);
	transform        : scale(0.5);
	border           : 1px solid rgba(255, 255, 255, 0.6);
	;
}

#mobile-page .logo-name a img {
	width         : 20px;
	height        : 23px;
	display       : block;
	margin        : auto;
	/* margin-left: 0px; */
	margin-right  : 8px;
	text-align    : center;
}

#mobile-page .logo-name a.ios img {
	/* margin-bottom: 4px; */
	width : 19px;
	height: 23px;
}

#mobile-page .logo-name a span {
	font-size  : 16px;
	display    : block;
	margin     : auto;
	margin-left: 10px;
	text-align : center;
}

#mobile-page .download-btn {
	position: absolute;
	bottom  : 130px;
	width   : 60%;
	left    : 20%;
}

#mobile-page .download-btn a {
	display                    : none;
	color                      : white;
	text-decoration            : none;
	width                      : 100%;
	/* margin                  : auto; */
	padding                    : 0.5rem 0;
	font-size                  : 1.4rem;
	text-align                 : center;
	border-radius              : 3rem;
	-webkit-border-radius      : 3rem;
	-moz-border-radius         : 3rem;
	-webkit-tap-highlight-color: rgba(0, 0, 0, 0);
	/*去除浏览器只带点击轮廓框*/
	line-height                : 28px;
	/* border                  : solid 1.4px #ffffff; */
	position                   : absolute;
}

#mobile-page .download-btn a.phone:before {
	content          : "";
	position         : absolute;
	top              : -50%;
	right            : -50%;
	bottom           : -50%;
	left             : -50%;
	border-radius    : 60px;
	-webkit-transform: scale(0.5);
	transform        : scale(0.5);
	border           : 1px solid rgba(255, 255, 255, 0.6);
	;
}

#mobile-page .download-btn a img {
	width         : 20px;
	height        : 23px;
	display       : block;
	margin        : auto;
	/* margin-left: 0px; */
	margin-right  : 8px;
	text-align    : center;
}

#mobile-page .download-btn a.ios img {
	width         : 19px;
	height        : 23px;
	padding-bottom: 0px;
}

#mobile-page .download-btn a span {
	font-size  : 16px;
	display    : block;
	margin     : auto;
	margin-left: 10px;
	text-align : center;
}

#mobile-page .download-btn .exchange-btn {
	width     : 220px;
	left      : calc(50% - 110px);
	position  : absolute;
	text-align: center;
	font-size : 12px;
	color     : #eee;
	top       : 62px;
}

#mobile-page .download-btn .exchange-btn img {
	height        : 15px;
	vertical-align: middle;
	margin        : 0px 5px 3px 0px;
}

a:visited {
	color: white;
}

.guide {
	display         : none;
	width           : 100%;
	height          : 100%;
	background-color: rgba(0, 0, 0, 0.7);
	position        : absolute;
	top             : 0;
}

.arrow {
	background     : url(../img/arrow.png) center center no-repeat;
	background-size: 100% auto;
	display        : block;
	width          : 12%;
	height         : 13%;
	margin-left    : 75%;
	margin-top     : 2%;
}

.tips {
	background-image   : url(../img/tips.png);
	/*background       :url(../img/tips.png) center top no-repeat;*/
	background-position: center top;
	background-repeat  : no-repeat;
	background-size    : 100%;
	display            : block;
	width              : 46%;
	height             : 32%;
	margin-left        : 44%;
	margin-top         : -4%;
}

.close {
	background     : url(../img/close.png) center top no-repeat;
	background-size: 80%;
	width          : 20%;
	height         : 20%;
	float          : right;
	margin-right   : -3%;
	margin-top     : -6%;
}

#mobile-page {
	display: none;
}

#pc-page {
	display           : none;
	position          : absolute;
	top               : 0;
	left              : 0;
	bottom            : 0;
	width             : 100%;
	/* background     : url(../img/index/bg.png) center top no-repeat;
    background-size: 100% 100%; */
	background-image  : linear-gradient(146deg, #1abeff, #0082ec);
	/* min-height     : 720px; */
}

.top-logo {
	height     : 15%;
	/* position: relative; */
}

.top-logo .top-logo-container {
	margin-left: 100px;
	width      : 100px;
	text-align : center;
}

.top-logo .domainLogo {
	/* position: absolute;
    top: 65px; */
	margin-top: 65px;
	width     : 65px;
	font-size : 13px;
}

.top-logo .domainName {
	/* position: absolute;
    top: 125px; */
	margin-top : 25px;
	width      : 100px;
	/* width   : 100px; */
	height     : 20px;
	font-size  : 14px;
	font-weight: 500;
	color      : #ffffff;
}

.top-part {
	height  : 25%;
	position: relative;
}

.top-part img {
	position        : absolute;
	top             : 0;
	left            : 0;
	bottom          : 0;
	right           : 0;
	margin          : auto;
	/* margin-bottom: 80px; */
	width           : 10%;
	height          : 100px;
	width           : 100px;
	/* max-width    : 180px; */
}

.top-part div {
	height     : 40px;
	font-size  : 24px;
	font-weight: 500;
	color      : #fff;
	line-height: 40px;
	position   : absolute;
	width      : 100%;
	top        : 50%;
	text-align : center;
	min-width  : 180px;
	margin-top : 60px;
}

.top-part div span {
	/*  position: absolute;
    top: 50%;
    left: 50%;
    height: 30%;
    width: 50%;*/
	/*margin: -15% 0 0 -25%;*/
}

.middle-part {
	height    : 30%;
	position  : relative;
	text-align: center;
}

/* .middle-part img.bg-title{
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    margin: auto;
    margin-top: 0px;
    width: 300px;
    height: 63.4px;
} */
.middle-part div {
	position  : absolute;
	top       : 0;
	left      : 0;
	bottom    : 0;
	right     : 0;
	margin    : auto;
	margin-top: 0px;
	height    : 180px;
	width     : 180px;

	box-shadow      : 15px 30px 36px 0 rgba(0, 23, 37, 0.25);
	background-color: #ffffff;
}

.middle-part .qrcodeImgContainer img {
	position : absolute;
	top      : 0;
	left     : 0;
	bottom   : 0;
	right    : 0;
	margin   : auto;
	width    : 92%;
	/* height: 100px;
    width : 100px; */
	max-width: 160px;
}

/* .middle-part > div{
    position: absolute;
    padding: 2px;
    background-color: #fff;
    margin-top: 20px;
    width: 135px;
    height: 135px;
    right: 90px;
} */
.middle-part p {
	/* position: absolute; */
	display   : inline-block;
	width     : 300px;
	font-size : 14px;
	color     : #fff;
	text-align: center;
	margin    : auto;
	margin-top: 210px;
}

/* .middle-part img {
    width: 135px;
} */

.bottom-part {
	height         : 30%;
	position       : relative;
	text-align     : left;
	display        : flex;
	align-items    : flex-end;
	justify-content: center;
	padding-bottom : 40px;
	box-sizing     : border-box;
}

.bottom-part div {
	/* position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    margin: auto; */
	/* margin-top: 20px;
    height: 180px; */
	/* width: 50%; */
}

.bottom-part .left-part,
.bottom-part .right-part {
	min-width: 220px;
	width    : 14%;
	position : absolute;
	top      : 18%;
	bottom   : 0;
	margin   : auto;
}

.bottom-part .left-part {
	float     : left;
	text-align: right;
	right     : 52%;
}

.bottom-part .right-part {
	float     : left;
	text-align: left;
	left      : 52%;
}

.bottom-part .exchange-btn {
	text-align: center;
	width     : 220px;
	left      : calc(50% - 110px);
	position  : absolute;
	top       : calc(18% + 75px);
	font-size : 13px;
	color     : #eee;
	cursor    : pointer;
}

.bottom-part .exchange-btn img {
	height        : 15px;
	vertical-align: middle;
	margin        : 0px 5px 4px 0px;
}


.pc-download {
	/* display: list-item;
    text-align: center;
    margin: auto;
    cursor: pointer;

    width: 220px;
    height: 50px;

    position: absolute;
    right: -50%;
    left: -50%; */
}

/* .pc-download:before{
    content:"";
    position:absolute;
    top:-50%;
    right:-50%;
    bottom:-50%;
    left:-50%;

    -webkit-transform:scale(0.5);
    transform:scale(0.5);
    border:1px solid #fff;
    -webkit-border-radius:60px;
    border-radius:60px;
    width: 440px;
    height: 100px;
    margin: auto;
}

.pc-download .pc-download-container{
    display: inline-block;
    height: 50px;
    width: 100%;
    text-align: center;
} */
/* .pc-download .pc-download-container:before{
    content:"";
    position:absolute;
    top:-50%;
    right:-50%;
    bottom:-50%;
    left:-50%;
    -webkit-transform:scale(0.5);
    transform:scale(0.5);
    border:1px solid #fff;
    -webkit-border-radius:10px;
    border-radius:10px;
} */
.bottom-part .border {
	/* display: list-item; */
	text-align   : center;
	margin       : auto;
	cursor       : pointer;
	width        : calc(220px * 2);
	height       : calc(50px * 2);
	border-radius: calc(30px * 2);

	-webkit-transform: scale(0.5);
	transform        : scale(0.5);
	position         : absolute;
	border           : 1px solid #fff;
	top              : -50%;
	right            : -50%;
	bottom           : -50%;
	left             : -50%;
}

.bottom-part .border2 {
	position             : relative;
	width                : 200px;
	height               : 42px;
	-webkit-border-radius: 5px;
	border-radius        : 5px;
	text-align           : center;
	line-height          : 42px;
	background-color     : #ededed;
}

.bottom-part .border2:before {
	content              : "";
	position             : absolute;
	top                  : -50%;
	right                : -50%;
	bottom               : -50%;
	left                 : -50%;
	-webkit-transform    : scale(0.5);
	transform            : scale(0.5);
	border               : 1px solid #fff;
	-webkit-border-radius: 10px;
	border-radius        : 10px;
}

.pc-download div img {
	width         : 22px;
	height        : 26px;
	padding-right : 12px;
	vertical-align: text-bottom;
}

.pc-download span {
	font-family: PingFang-SC;
	font-size  : 18px;
	font-weight: 500;
	line-height: 50px;
	;
	color: #ffffff;
}

.bottom-part .bottom-part-contaienr {
	display        : flex;
	align-items    : center;
	justify-content: center;
}

.bottom-part .bottom-part-contaienr a {
	margin               : 0 20px;
	padding              : 0 10px;
	min-width            : 240px;
	height               : 50px;
	display              : flex;
	align-items          : center;
	justify-content      : center;
	border               : 1px solid #fff;
	-webkit-border-radius: 10px;
	border-radius        : 30px;
	color                : #fff;
	box-sizing           : border-box;
	cursor               : pointer;
}

.bottom-part .bottom-part-contaienr a img {
	width         : 22px;
	height        : 26px;
	padding-right : 12px;
	vertical-align: text-bottom;
}


/* .bottom-part div a{
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    margin: auto;
    margin-top: 150px;
    height: 180px;
    width: 180px;
} */


/* .right-part > div {
    margin-left: 65px;
}
.left-part {
    text-align: right;
} */

/* .pc-download {
    width: 190px;
    height: 35px;
    border-radius: 20px;
    display: list-item;
    text-align: center;
    margin-top: 25px;
    line-height: 35px;
    color: #C7F1DD;
    font-size: 12px;
    cursor: pointer;
} */
/* .mac-download {
    background-color: #00B9FE;
}
.win32-download {
    background-color: #2ED89A;
}
.win64-download {
    background-color: #04D5CA;
} */
@media screen and (max-width: 384px) {
	#mobile-page a {
		font-size: 1.4rem;
	}
}

@media screen and (max-width: 320px) {
	.arrow {
		width      : 12%;
		height     : 15%;
		margin-left: 75%;
		margin-top : 2%;
	}

	.tips {
		width      : 46%;
		height     : 26%;
		margin-left: 44%;
		margin-top : -7%;
	}
}



@media screen and (max-height: 736px) {
	#mobile-page .logo-name .domainLogoContainer {
		margin-top: 5%;
	}
}

@media screen and (max-height: 667px) {
	#mobile-page .logo-name .domainLogoContainer {
		margin-top: 0%;
	}
}

@media screen and (max-height: 568px) {
	#mobile-page {
		padding-top   : 6%;
		padding-bottom: 6%;
	}

	#mobile-page .logo-name a.ios {
		bottom: -40%;
	}

	#mobile-page .logo-name a.android {
		bottom: -68%;
	}
}

@media screen and (max-height: 450px) {
	#mobile-page .logo-name a.ios {
		bottom: -25%;
	}

	#mobile-page .logo-name a.android {
		bottom: -50%;
	}
}

@media screen and (min-height: 1024px) {
	#mobile-page .logo-name .domainLogoContainer {
		margin-top: 5%;
	}

	#mobile-page .logo-name a.ios {
		bottom: -50%;
	}

	#mobile-page .logo-name a.android {
		bottom: -80%;
	}
}


@media screen and (max-height: 720px) {
	#pc-page .top-logo {
		height: 10%;
	}

	#pc-page .pc-download {
		bottom: 35px;
	}

	#pc-page .exchange-btn {
		bottom: 0px;
		top   : unset;
	}
}

/* @media screen and (max-height: 720px) {
    #pc-page .top-logo{
        height: 10%;
    }
    #pc-page .pc-download{
        bottom: 10px;
    }
} */


/*IOS证书提示*/
.content {
	top       : 0;
	right     : 0;
	bottom    : 0;
	left      : 0;
	overflow  : auto;
	font-size : 17px;
	box-sizing: border-box;
}

.overlay {
	width   : 100%;
	position: fixed;
	bottom  : -900px;
	z-index : 11;
	font    : normal 16px/1.6 Arial, "\5FAE\8F6F\96C5\9ED1", Helvetica;
}

.overlay .header {
	background-color: #F3F3F3;
	text-align      : center;
	/* padding      : .1rem; */
	position        : relative;
	color           : #666666;
	font-weight     : bold;
	height          : 32px;
	line-height     : 32px;
	box-sizing      : border-box;
	font-size       : 14px;
}

.overlay .header a {
	display : block;
	position: absolute;
	right   : .1rem;
	top     : .1rem;
	color   : #666666;
}

.overlay .content {
	padding         : 10px;
	background-color: #fff;
}

.overlay .content .tit {
	margin-top   : 0;
	color        : #666666;
	margin-bottom: 15px;
	font-size    : 14px;
	font-family  : Arial, 微软雅黑, Helvetica;
}

.overlay .content .step1 {
	display: block;
	width  : 80%;
	margin : 0 auto .2rem auto;
}

.overlay .content .sign {
	text-decoration   : none;
	border            : 1px solid #dddddd;
	border-radius     : .3em;
	padding           : .3rem .2rem;
	display           : -webkit-box;
	-webkit-box-orient: horizontal;
	-webkit-box-pack  : justify;
	-webkit-box-align : center;
	margin            : 0 auto;
	height            : 55px;
	box-sizing        : border-box;
}

.overlay .sign img {
	display     : block;
	width       : 2.8rem;
	height      : 2.8rem;
	margin-right: 1.3rem;
}

.overlay .sign p.sign-name {
	width        : 80%;
	overflow     : hidden;
	color        : #000;
	white-space  : nowrap;
	text-overflow: ellipsis;
	line-height  : 2rem;
	font-family  : Arial, 微软雅黑, Helvetica;
	margin       : 0;
}

.overlay .sign p {
	height: 2rem;
	color : #B5B5BB;
}


.overlay .finger {
	display : block;
	width   : 2.8rem;
	position: relative;
	top     : -12px;
	float   : right;
	right   : 0;
	z-index : 12;
}

.overlay .btn-list {
	position: relative;
	height  : 44px;
}

.overlay .content #btn-trust {
	display      : block;
	margin       : .2rem auto .2rem auto;
	color        : #00A0EC;
	/* font-size : .25rem; */
	border-radius: 3em;
	/* padding   : .2rem; */
	width        : 50%;
	text-align   : center;
	border       : 1px solid #00A0EC;
	box-sizing   : border-box;
	height       : 36px;
	line-height  : 34px;
	font-size    : 14px;
	margin-top   : 15px;
}

a {
	-webkit-tap-highlight-color: rgba(0, 0, 0, 0);
	text-decoration            : none;
	letter-spacing             : 1px;
}

.overlay .content #jc {
	text-decoration: underline;
	color          : #ee272f;
	font-size      : 12px;
	line-height    : .3rem;
	position       : absolute;
	bottom         : 0;
	right          : .2rem
}

.mask {
	display   : none;
	background: rgba(0, 0, 0, .5);
	height    : 1000%;
	width     : 100%;
	position  : fixed;
	bottom    : 0;
	left      : 0;
	top       : 0;
	z-index   : 10;
}


/** 改版后添加样式 **/
.top-part img.bg-title {
	width        : 300px;
	height       : 63.4px;
	display      : none;
	/* position  : absolute;
    top       : 0;
    left      : 0;
    bottom    : 0;
    right     : 0;
    margin    : auto;
    margin-top: 0px;
    width     : 300px;
    height    : 63.4px; */
}

/* .middle-part .qrcodeImgContainer{
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    margin: auto;
    width: 15%;
    height: 100px;
    width: 100px;

    box-shadow: 15px 30px 36px 0 rgba(0, 23, 37, 0.25);
    background-color: #ffffff;
    padding: 5px;
} */

.middle-part p {
	margin-left : auto;
	margin-right: auto;
}

/* 在移动端展示PC下载页面时 做适配处理 */
@media screen and (max-width: 480px) {
	#pc-page .top-logo {
		height: 10%;
	}

	#pc-page .top-logo .top-logo-container {
		margin-left: 3vw;
		width      : 8vh;
	}

	#pc-page .domainLogo {
		margin-top    : 3vw;
		/* margin-left: 3vw; */
		width         : 10vw;
	}

	.top-logo .domainName {
		width: 16vw;
	}

	.top-part {
		height: 20vh;
	}

	.top-part {
		height: 20vh;
	}

	.top-part img.bg-title {
		width : 70vw;
		height: auto;
	}

	.middle-part div {
		height    : 38vw;
		width     : 38vw;
		box-shadow: 2vw 2vw 2vw 0 rgba(0, 23, 37, 0.25);
	}

	.middle-part .qrcodeImgContainer img {
		width    : 35vw;
		height   : 35vw;
		max-width: 35vw;
	}

	.middle-part p {
		margin-top: 42vw;
	}

	.bottom-part {
		height: 35%;
	}

	.bottom-part .left-part {
		width : 100%;
		right : 0px;
		bottom: 55px;
		top   : unset;
	}

	.bottom-part .right-part {
		width: 100%;
		left : 0px;
		top  : unset;
	}

	.pc-download span {
		height     : 40px;
		line-height: 40px;
	}

	.pc-download:before {
		height: 80px;
	}

	.pc-download {
		height: 40px;
	}

	.pc-download div img {
		width : 20px;
		height: 24px;
	}

	/* #pc-page .bottom-part-contaienr {
		flex-direction: column;
	} */
}

@media screen and (min-height: 720px) and (max-width: 450px) {
	.bottom-part .left-part {
		bottom: unset;
		top   : 10vh;
	}

	.bottom-part .right-part {
		bottom: unset;
		top   : calc(10vh + 55px);
	}

	#pc-page .exchange-btn {
		bottom: unset;
		top   : calc(10vh + 110px);
	}

	/* #pc-page .bottom-part-contaienr {
		flex-direction: column;
	} */
}

@media screen and (max-width: 720px) {
	#pc-page .bottom-part {
		padding-bottom: 20px;
	}

	#pc-page .bottom-part-contaienr {
		flex-direction: column;
	}

	#pc-page .bottom-part-contaienr a {
		margin-bottom: 7px;
	}
}


.modal {
	display : none;
	position: fixed;
	z-index : 2;
	left    : 0;
	top     : 0;
	overflow: auto;
	width   : 100%;
	height  : 100%;
}

.modal-mask {
	width           : 100%;
	height          : 100%;
	background-color: rgba(0, 0, 0, 0.4);
	position        : absolute;
	z-index         : -1;
}

.modal-title {
	text-align: center;
	font-size : 16px;
	position  : relative;
}

#closeModal {
	position   : absolute;
	top        : 0;
	right      : 0;
	font-size  : 30px;
	cursor     : pointer;
	line-height: 16px;
}

.modal-content {
	background-color: #fefefe;
	margin          : 15% auto;
	padding         : 20px 40px 40px;
	border          : 1px solid #888;
	width           : 400px;
	height          : 325px;
	box-sizing      : border-box;
}

.control-label {
	margin-top   : 30px;
	margin-bottom: 10px;
	font-size    : 13px;
}

.custom-select {
	display           : inline-block;
	width             : 300px;
	height            : 30px;
	padding           : 0.375rem 1.75rem 0.375rem 0.75rem;
	font-size         : 13px;
	font-weight       : 400;
	line-height       : 1.5;
	color             : #212529;
	vertical-align    : middle;
	background        : url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 4 5'%3e%3cpath fill='%23343a40' d='M2 0L0 2h4zm0 5L0 3h4z'/%3e%3c/svg%3e") no-repeat right 0.75rem center / 8px 10px;
	background-color  : #fff;
	border            : 1px solid #ced4da;
	border-radius     : 0.25rem;
	-webkit-appearance: none;
	-moz-appearance   : none;
	appearance        : none;
}

.download-btn {
	margin         : 40px auto 0;
	width          : 180px;
	height         : 30px;
	display        : flex;
	align-items    : center;
	justify-content: center;
	color          : rgb(51, 153, 255);
	font-size      : 13px;
	border-radius  : 20px;
	border         : 1px solid rgb(51, 153, 255);
	cursor         : pointer;
}

#androidAppMarketModal .modal-title {
	font-size: 12px;
}

#androidAppMarketModal .modal-content {
	position     : fixed;
	margin       : 0;
	top          : 50%;
	left         : 50%;
	transform    : translate(-50%, -50%);
	width        : 80%;
	height       : auto;
	border-radius: 8px;
	padding      : 20px;
	box-sizing   : border-box;
}

#androidAppMarketModal .market-list {
	/* margin-top: 10px; */
	padding: 20px;
}

#androidAppMarketModal .market-item {
	margin-bottom  : 18px;
	width          : 100%;
	height         : 30px;
	background     : linear-gradient(to top, #4394eb 0%, #53acf3 100%);
	display        : flex;
	align-items    : center;
	justify-content: center;
	font-size      : 12px;
	color          : #fff;
	border-radius  : 4px;
}
#androidAppMarketModal .market {
	display: none;
}