* {
	user-select: none;
	margin: 0;
	padding: 0
}

html,
body {
	height: 100%
}

.kf {
	position: fixed;
	bottom: 100px;
	right: 0px;
	z-index: cover
}

.kf .floatright {
	width: 120px !important;
	height: auto !important
}

.container {
	position: relative;
	max-width: 36rem;
	margin: 0 auto;
}

.download_panel {
	position: fixed;
	width: 100%;
	max-width: 36rem;
	margin: 0 auto;
	top: 0;
	height: 60px;
	display: flex;
	flex-direction: row;
	align-items: center;
	z-index: 100;
	cursor: pointer;
}

.app {
	overflow-y: hidden;
	height: 100vh;
	position: relative;
	color: #000;
	max-width: 750px;
	margin: auto;
}

.testdiv{
	width: 100%;
	height: 100%;
	display: flex;
	flex-direction: column;
	justify-content: space-between;
}

.main-title {
	top: 10%;
	width: 80%;
	/* max-width: 600px; */
	/* height: 300px; */
	position: absolute;
	left: 50%;
	text-align: center;
	/* -webkit-transform: translateX(-50%);
	-ms-transform: translateX(-50%); */
	transform: translateX(-50%);
	z-index: 1;
}

.main-title div {
	width: 200%;
	/* max-width: 600px; */
	height: 40px;
	display: table-cell;
	vertical-align: middle;
	text-align: center;
	padding-left: 10%;
	padding-bottom: 0.769231rem;
}

/* .main-title div img {
	width:50%;
} */

.main-title img {
	width: auto;
	height: auto;
	max-width: 100%;
	vertical-align: middle;
	text-align: center;
	padding-bottom:30px;
}

.bg-list .bg-list-mask {
	height: 100%;
	position: absolute;
	width: 100%;
}

.bg-list-mask {
	background: url(data:image/png;base64,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) no-repeat;
	background-size: cover;
	left: 0;
	top: 0
}

.list-move-item {
	position: relative;
	width: 100%;
	height: auto;
	left: 0;
	top: 0;
	font-size: 0
}

.list-move-item img {
	display: block
}

.list-move-item img:last-child {
	margin-top: -1px
}

@keyframes movetop {
	from {
		transform: translateY(0);
	}

	to {
		transform: translateY(-50%);
	}
}

@-webkit-keyframes changes {
	from {
		-webkit-transform: scale(1);
		transform: scale(1)
	}

	to {
		-webkit-transform: scale(1.1);
		transform: scale(1.1)
	}
}

@keyframes changes {
	from {
		-webkit-transform: scale(1);
		transform: scale(1)
	}

	to {
		-webkit-transform: scale(1.1);
		transform: scale(1.1)
	}
}

.list-move-item {
	animation: movetop 20s infinite linear;
}

.list-move-item img {
	width: auto;
	max-width: 100%;
	vertical-align: middle;
	font-size: 0;
}




.main-content {
    width: 100%;
    height: auto;
    position: absolute;
    top: 60%;
    left: 0;
    display: flex;
    flex-direction: column;
    align-items: center;
    font-size: 28px;
    color: #222;
    text-align: center;
    z-index: 2
}

.main-content1 {
    width: 100%;
    height: auto;
    position: absolute;
    top: 50%;
    left: 0;
    display: flex;
    flex-direction: column;
    align-items: center;
    font-size: 28px;
    color: #222;
    text-align: center;
    z-index: 2
}

.btn-download {
	color: #fff;
	width: 600px;
	height: 50px;
	max-width: 80%;
	line-height: 0.475rem;
	border-radius:25px;
	margin: 0 auto;
	display: flex;
	align-items: center;
	justify-content: center;
	font-size: 18px;
	text-decoration:none;
	background-image: linear-gradient(
		90deg,
		#f86f64 0%,
		rgba(253, 83, 146, 1) 100%
	  ),
	  linear-gradient(#bc54e6, #bc54e6);
	background-blend-mode: normal, normal;
}

.main1-content {
    width: 100%;
    height: auto;
    position: absolute;
    top: 70%;
    left: 0;
    display: flex;
    flex-direction: column;
    align-items: center;
    font-size: 28px;
    color: #222;
    text-align: center;
    z-index: 2
}

.btn1-download {
	color: #fff;
	width: 600px;
	height: 50px;
	max-width: 80%;
	line-height: 0.475rem;
	border-radius:25px;
	margin: 0 auto;
	display: flex;
	align-items: center;
	justify-content: center;
	font-size: 18px;
	background-image: linear-gradient(
		90deg,
		#f86f64 0%,
		rgba(253, 83, 146, 1) 100%
	  ),
	  linear-gradient(#bc54e6, #bc54e6);
	background-blend-mode: normal, normal;
}

#tips {
    z-index: 1;
    text-align: center;
    color: white;
    font-size: 0.5rem;
    position: relative;
    top:30px;
	line-height: 15px;
}


.foot_panel {
	background: rgba(0, 0, 0, 0.8) !important;
	bottom: 0;
	top: auto;
	height: calc(60px + env(safe-area-inset-bottom));
	padding-bottom: env(safe-area-inset-bottom);
}

.app_icon {
	width: 45px;
	height: 45px;
	border-radius: 7px;
	margin-left: 10px;
}

.download_tips {
	flex-grow: 1;
	color: #fff;
	margin-left: 8px;
}

.download_tips .app_name {
	font-size: 16px;
	font-weight: bold;
}

.download_tips .app_desc {
	font-size: 12px;
}

.download_panel .btn_app_download {
	background-color: #fff;
	border-radius: 20px;
	color: #ff186b;
	padding: 8px 10px;
	font-size: 14px;
	margin-right: 10px;
}

/* .main-content {
	width: 100%;
	height: 100%;
	max-width: 36rem;
	margin: 0 auto;
	background-color: #fff;
	padding-top: calc(60px + env(safe-area-inset-top));
	padding-bottom: calc(60px + env(safe-area-inset-bottom));
} */

.main-content-no-padding {
	width: 100%;
	height: 100%;
	max-width: 36rem;
	margin: 0 auto;
	background-color: #fff;
}

.install-tip {
	position: fixed;
	width: 100%;
	top: 0;
	height: 100%;
	z-index: 101;
	display: none;
}

.install-tip .bg {
	position: relative;
	width: 100%;
	max-width: 36rem;
	margin: 0 auto;
	height: 100%;
	background-color: rgb(12, 11, 44);
}

.back {
	position: absolute;
	top: 15px;
	left: 15px;
}

.back img {
	width: 1.5rem;
}

.main {
	width: 100%;
	height: 100%;
	max-width: 36rem;
	margin: 0 auto;
	overflow: scroll;
}

.android-down-box {
	display: flex;
	flex-direction: column;
	padding-bottom: 1rem;
}

.android-down-box img {
	transition: all 0.3s ease-in-out;
	transform: scale(1);
	width: 15rem;
	margin: 0 auto;
	padding-top: 50px;
}

.android-install-device-list {
	display: flex;
	flex-direction: column;
	margin: 1rem auto;
	width: 80%;
}

.android-install-device-list li {
	background-color: rgba(255, 255, 255, 0.99);
	border-radius: 2rem;
	color: black;
	text-align: center;
	margin-bottom: 1.5rem;
	padding: .8rem 0;
}



.layer {
	position: fixed;
}

.cover {
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background: rgba(0, 0, 0, .6);
	z-index: 999;
	position: fixed;
	display: none;
}

.layer {
	top: 50%;
	left: 50%;
	-webkit-transform: translate(-50%, -50%) !important;
	-moz-transform: translate(-50%, -50%) !important;
	-ms-transform: translate(-50%, -50%) !important;
	transform: translate(-50%, -50%) !important;
	background-color: #fff;
	z-index: 1000;
	width: 60%;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	padding: 0.8rem;
	border-radius: .5rem;
	text-align: center;
	font-size: .85rem;
	color: #333;
	display: none;
}

.layer p {
	line-height: 20px;
	margin-top: 0.4rem;
	font-size: .85rem;
	color: #333;
	text-align: center;
}

.layer .js_down {
	display: block;
	height: 2rem;
	/* height: 100%; */
	line-height: 2rem;
	background-size: contain;
	border-radius: .8rem;
	overflow: hidden;
	margin: .7rem 0 0 0 !important;
	color: #fff;
	text-align: center;
	background-color: #ff186b;
}



.wp {
	position: relative;
	max-width: 36rem;
	margin: 0 auto;
}

.jubao {
	position: fixed;
	bottom: 277px;
	right: 10px;
}

.jubao .floatright {
	width: 30px !important;
}

.ju-wp {
	position: fixed;
	width: 100%;
	top: 0;
	height: 100%;
	max-width: 36rem;
	margin: 0 auto;
	background-color: #fff;
	box-shadow: 0 0 3px #ccc;
	display: none;
	z-index: 101;
}

.ju-wp .header {
	position: fixed;
	width: 100%;
	max-width: 36rem;
	margin: 0 auto;
	top: 0;
	height: 60px;
	line-height: 60px;
	border-bottom: 1px solid #e9e9e9;
	background: #fff;
	display: flex;
	align-items: center;
	z-index: 99;
}

.ju-wp .main {
	width: 100%;
	height: 100%;
	max-width: 36rem;
	margin: 0 auto;
	padding-top: 60px;
}

.input-group {
	display: flex;
	align-items: center;
}

.btn {
	width: 30%;
	margin: 0 auto;
	padding: 10 20px;
	background-color: #579ad9;
	border-radius: 10px;
	text-align: center;
	color: #fff;
	margin-top: 20px;
}



.q_layer {
	position: fixed;
	max-height: 100%;
	overflow-y: auto;
	top: 50%;
	left: 50%;
	transform: translate3d(-50%, -50%, 0);
	background-color: #fff;
	z-index: 1000;
	width: 80%;
	text-align: center;
	color: #333;
	display: none;
}

.q_layer .bg {
	height: 24rem;
	background-image: url('https://lubei01images.oss-accelerate.aliyuncs.com/lb-tips.jpg');
	background-size: 100% 100%;
}

.q_layer .js_down {
	display: block;
	height: 2rem;
	line-height: 2rem;
	background-size: contain;
	border-radius: .2rem;
	overflow: hidden;
	margin: .7rem !important;
	color: #fff;
	text-align: center;
	background-color: #ff186b;
}

.q_layer .js_down:hover {
	box-shadow: 0 2px 0 rgb(0 0 0 / 5%);
}

.q_layer .js_down:active {
	position: relative;
	top: 1px;
	box-shadow: 0 2px 0 rgb(0 0 0 / 5%);
	outline: 0;
}

.q_layer .js_down:focus {
	outline: 0;
}

.gif {
	position: relative;
}

.gif .play {
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate3d(-50%, -50%, 0);
	width: 50px;
	height: 50px;
}


.jubaobg {
	position: relative;
}

.jubaobg .input-group {
	margin-bottom: 10px;
}

.jubaobg .input-group input {
	margin-right: 10px;
}


.teching {
	display: none;
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	justify-content: center;
	align-items: center;
	flex-direction: column;
	background-color: #fff;
	z-index: 1001;
	overflow: auto;
}

.teching .tab-content {
	display: none;
	padding: 0 20px;
}

.teching .tab-content p {
	max-width: 400px;
	padding: 10px;
	line-height: 1.333;
	font-size: 1rem;
	font-weight: 600;
	text-align: center;
	color: #333;
}

.teching .tab-content img {
	max-width: 350px;
	width: 100%;
	margin: 0 auto 15px;
}