html {
	font-size: 12px;
	max-width: 675px;
	margin: auto;
}

body {
	max-width: 675px;
	position: absolute;
	margin: 0;
	padding: 0;
	height: 100vh;
	background: #d6aa79;
}

#navbar ul {
	max-width: 675px;
	display: inline-block;
	height: 1rem;
	line-height: 1rem;
	list-style: none;
	position: fixed;
	padding: 0;
	margin: 0;
	top: 0;
	width: 100%;
	list-style-type: none;
	background-color: white;
	font-size: 14px;
	z-index: 9999;
}

#navbar li {
	float: left;
	width: 33.3%;
}

#navbar li a {
	display: block;
	color: #d6aa79;
	text-align: center;
	text-decoration: none;
}

.active {
	border-bottom: 2px solid #e93a05
		/* 或其他样式表示激活状态 */
}

.content {
	max-width: 675px;
	background: #d6aa79;
	height: 100vh;
	position: relative;
	top: 1rem;
}


.title-text {
	max-width: 675px;
	position: relative;
	width: 100%;
	font-size: 12px;
}
.btn_bg{
	max-width: 675px;
	display:inline-block;
	width: 100%;
	background: white;
	height: 1.5rem;
	line-height: 1.5rem;
	position: fixed;
	bottom: -1px;
}
.buy-text {
	max-width: 675px;
	width: 60%;
	margin: 0px 20%;
	font-size: 12px;
}

.desc-text {
	max-width: 675px;
	position: relative;
	width: 50%;
	margin: 0% 25%;
	font-size: 12px;
}

.use-text {
	max-width: 675px;
	position: relative;
	width: 50%;
	margin: 0% 25%;
	font-size: 12px;
}

.home-text {
	max-width: 675px;
	display: inline-block;
	color: white;
	text-align: center;
	font-size: 12px;
}

.modal_kefu {
	max-width: 675px;
	display: none;
	width: 100%;
	text-align: center;
	position: fixed;
	height: auto;
	top: 15%;
	/* background: url("../images/6.png") no-repeat; */
	/* background-size: auto 100%; */
	/* background-position: center center; */
}

.kefu_pic {
	max-width: 675px;
	position: relative;
	/* top: 15%; */
	width: 100%;
	text-align: center;
}

.qrcode {
	font-size: 12px;
	max-width: 675px;
	position: absolute;
	width: 50%;
	left: 25%;
	top: 25%;
}

.save_qrcode {
	font-size: 12px;
	max-width: 675px;
	position: absolute;
	width: 50%;
	left: 25%;
	top: 75%;
}

.close {
	max-width: 675px;
	color: black;
	display: inline-block;
	position: fixed;
	font-size: 15px;
	width: 1rem;
	height: 1rem;
	line-height: 1rem;
	top: 12%;
	text-align: center;
	right: 2%;
}


.wxtip {
	background: rgba(0, 0, 0, 0.8);
	text-align: center;
	position: fixed;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	z-index: 998;
	display: none;
}

.wxtip-icon {
	width: 52px;
	height: 67px;
	background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADQAAABDCAYAAADTXyaSAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAABGFJREFUeNrcmmdoFEEUxyd69kSIgomxoUbsUSPWIGrUiJEQRRFBI9jFIDZsEcsH4wchoKKoEQ1YQYxixYIV/WCJiiKKCnbFErHGWC7xP+R/cC53l9292UtmH/yyl53Zvf3v23nvzexFlZeXCxdYS/AKlNVwgZhJ4IgUI/+J0txD9UAxtzXd4KG9FCOtnfyjs6BpYLTf/0k6C2oDthv2ddZZ0NEA+zrqKmiDzxsGS9Ixyg0Hp4K0eUGCTh7qYhDzw9Auw3YXXQTJi80Eu0E2SAbRIBUU/DeO5COnATVALcO+BaAxP2eAMnBZFw/JsuaPYV9/0I+fj4Hu4ILKoBAFWoEPAZ5vJ8bTM/Dd2KDCQ0vBeiDvzHHQFYwClymyJ2iqWFAemB+oIRxBMlMPBi/BO+7LArfAE5BPQdtAmmJBM8CWgC02BmgsiAZbwVAT/ZuAuqAQbFEQIM6BxcHaPTbC5xWQA2aZPOY9twfATxALSvnZjsnHuyRoq43wmQaahnGH74Fsm8fmgdRQfayMoYXgNDgD3oYRCeeBQpvH1/IVoSo81BxMUJQoc0GBhf4eMAvEVdbXrIf6gHTOEFXY4yBTgGD2F4wHAyrtafIOjQKnOIZUlTO9wGgT/WLACFDbzHmrcvqwi3d+SiX92oOzLEg/VjpITQraxPnG3AiLjgcNGfq/+paqQpnZMXQI7FN8sXKV5i5oHaLPElYEn82IseKhZvziKwoFNWawuRAgycoE3oMJuJSllCkz6yFZo21U7KFPHEONguSrwxT2xMpJzXrI4xc+VVlDemcZk7XPhvBGP+BU5JcTggSnBrfBCocDQSEfwYl2DrZSnMpEeEPxJG0zGMfpRxZnnRPMBoBw50P5XJhYrUjQI1bg8qbW41iKZxD4bfekVqcPHYgKa08PzaZXUpSsA9isFFaBRD4mdu06aAIG8iadViHIY/O4h0x2vcFYRiqvhfUAefG5TK7PiRoLs8BMB9dY3u/m+lgDbn3rZW1BCihi2x5wFaxzYg0v3FWfk8z2f5kz3nG9bK3fpFC+w3nDKuMPw3EqU4Byc6La9r1Rk7mkNiNpqV+7DACdwHInBHkcOKd/XRYo/HoZnh2xSC8FrwEvwFS3CErkcrFj5omQkJnMNeOd/qJIeEhOAeoTx81pD61kJTAkUs+0U4IWgQacchRFcpB6FJ9rv6h4Sy1DdwK4GemlpHAExTCnDOJiRiZnl/W5SlQlZqdSqMML38FqWZb/I0XF+yKvqGKzI+ggeM3lpThwSVQjsyJoK6fgT+mJaiXEyhjqwW0Jp+DnRTU2Mx6Sq6ay0xihgYXy0DCKmF4dBrsKQTIsy7dlxUIjC1bLnQBfWLYINwi6A74JDc34yGVwEtZNaGpGD91lQenRVZD/hc8RFb/JyREam7+Hngq9f/b8X2KdLCp+1JCvuyCfR2TiTBYuMOmhtti2ABfdIEh6qC/YKVxi0kMxFPbFLR66r2OJE0qQXGp66BZB/wQYADkBmnEvOp6EAAAAAElFTkSuQmCC) no-repeat;
	display: block;
	position: absolute;
	right: 30px;
	top: 20px;
}

.wxtip-txt {
	padding-top: 107px;
	color: #fff;
	font-size: 16px;
	line-height: 1.5;
}

.fixed-btn {
	position: fixed;
	bottom: 10%;
	right: 0%;
	width: 40px;
}

.backhome {
	text-align: center;
	position: relative;
	display: inline-block;
	margin: 3px;
	background: #dcdde9;
	color: #666;
	font-size: 16px;
	opacity: 0.8;
	text-decoration: none;
}