@charset "utf-8";
	/* CSS by william*/
	
* {
	margin: 0;
	padding: 0;
}
li {
	list-style: none;
}
.both {
	clear: both;
}
table {
	border-collapse: collapse;
	border-spacing: 0;
}
img {
	border: 0;
}
a {
	text-decoration: none;
	cursor: pointer;
}
input::-webkit-input-placeholder {
	color: #e16541;
}
input::-moz-placeholder {
	color: #fff;
}
input:-moz-placeholder {
	color: #e16541;
}
input:-ms-input-placeholder {
	color: #e16541;
}
input[type=number] {
	-moz-appearance: textfield;
}
input[type=number]::-webkit-inner-spin-button, input[type=number]::-webkit-outer-spin-button {
	-webkit-appearance: none;
}
body {
	font-size: 24px;
	font-family: "microsoft Yahei";
	-webkit-text-size-adjust: none;
	background: #0c0c0c;
	color: #fff;
}
body a {
	-webkit-transition: all .3s;
	transition: all .3s;
}
.header-nav {
	position: absolute;
	left: 0;
	top: 0;
	z-index: 99;
	width: 100%;
	height: 65px;
	background: url(../images/rep.jpg) repeat-x;
}
.header{ display:none;}
.selectlist {
	position:absolute;
	right:10px;
	width: 160px;
	line-height:55px;
	height:55px;
	text-align:center;
	font-size:20px;
	z-index: 999;
	cursor:pointer;
}
.s-dot {
	position:absolute;
	right:0;
	top:22px;
	width: 26px;
	height: 13px;
	background: url(../images/s_dot.png) no-repeat;
}
.s-list {
	position: absolute;
	top: 57px;
	left: 0;
	display: none;
	width: 160px;
	background:#000;
}
.s-list a {
	display: block;
	width: 100%;
	height: 40px;
	line-height: 40px;
	text-align: center;
	color: #fff;
}
.s-list a:hover {	
	color: #ff0;
}
.container1 {
	height: 1075px;
	background: url(../images/bg1.jpg) no-repeat center top;
}
.container2 {
	height: 695px;
	background: url(../images/bg2.jpg) no-repeat center top;
}
.container3 {
	height: 690px;
	background: url(../images/bg3.jpg) no-repeat center top;
}
.container4 {
	height: 668px;
	background: url(../images/bg4.jpg) no-repeat center top;
}

.wrap-nav {
	margin: 0 auto;
	overflow: hidden;
	width: 1200px;
}
.nav {
	float: left;
	margin-left: 40px;
	display: inline;
	height: 64px;
	line-height: 64px;
	font-size: 22px;
	color: #54514a;
}
.nav a {
	float: left;
	display: block;
	width: 158px;
	text-align: center;
	color: #bcbcbb;
}
.nav b {
	float: left;
	font-weight: normal;
}
.nav a:hover {
	background: url(../images/a_bg.jpg) repeat;
	color: #fff;
}
.nav .cur {
	background: url(../images/a_bg.jpg) repeat;
	color: #fff;
}
.wrap {
	margin: 0 auto;
	position: relative;
	z-index: 19;
	width: 1080px;
}
.logo {
	float: left;
	margin-top: 2px;
	width: 80px;
	height: 60px;
	background: url(../images/logo.png) no-repeat;
}
.btn-appointment {
	position: fixed;
	left: 10px;
	top: 180px;
	z-index: 99;
	width: 263px;
	height: 352px;
	background: url(../images/btn_appointment.png) no-repeat;
}
.btn-nav {
	position: fixed;
	right: 168px;
	top: 180px;
	z-index: 100;
	width: 46px;
	height: 220px;
}
.btn-on, .btn-off {
	float: left;
	width: 46px;
	height: 220px;
}
.btn-on {
	display: none;
	background: url(../../images/btn_off.png) no-repeat;
}
.btn-off {
	display: block;
	background: url(../../images/btn_on.png) no-repeat;
}
.nav-box {
	position: fixed;
	right: 0;
	top: 180px;
	z-index: 99;
	width: 168px;
	height: 219px;
	background: url(../../images/nav_box.png) no-repeat;
}
.btn-ios {
	float: left;
	margin-left: 6px;
	margin-top: 20px;
	display: inline;
	width: 156px;
	height: 44px;
	background: url(../../images/btn_ios.png) no-repeat;
}
.btn-gp {
	float: left;
	margin-left: 6px;
	margin-top: 10px;
	display: inline;
	width: 156px;
	height: 44px;
	background: url(../../images/btn_gp.png) no-repeat;
}
.btn-fb {
	float: left;
	margin-left: 6px;
	margin-top: 10px;
	display: inline;
	width: 71px;
	height: 71px;
	background: url(../../images/btn_fb.png) no-repeat;
}
.btn-yt {
	float: right;
	margin-right: 6px;
	margin-top: 10px;
	display: inline;
	width: 71px;
	height: 71px;
	background: url(../../images/btn_yt.png) no-repeat;
}
.btn-preheat {
	position: absolute;
	left: 200px;
	top: 810px;
	width: 680px;
	height: 172px;
	background: url(../images/btn_preheat.png) no-repeat;
}
.link {
	position: absolute;
	left: 210px;
	top: 330px;
	width: 660px;
	height: 350px;
	background: url(../images/link.png) no-repeat;
}
.btn-link1 {
	position: absolute;
	top: 6px;
	left: 80px;
	width: 163px;
	height: 188px;
}
.btn-link2 {
	position: absolute;
	top: 6px;
	left: 250px;
	width: 163px;
	height: 188px;
}
.btn-link3 {
	position: absolute;
	top: 6px;
	left: 420px;
	width: 163px;
	height: 188px;
}
.btn-link4 {
	position: absolute;
	top: 175px;
	left: 190px;
	width: 140px;
	height: 158px;
}
.btn-link5 {
	position: absolute;
	top: 175px;
	left: 330px;
	width: 140px;
	height: 158px;	
}

.gp-ios {
	position: absolute;
	left: 320px;
	top: 675px;
	width: 450px;
	height: 40px;
}
.gp-ios li {
	cursor: pointer;
}
.gp {
	float: left;
	width: 207px;
	height: 40px;
	background: url(../images/gp.png) no-repeat;
}
.ios {
	float: right;
	width: 207px;
	height: 40px;
	background: url(../images/ios.png) no-repeat;
}
.cur .gp {
	background: url(../images/gp_on.png) no-repeat;
}
.cur .ios {
	background: url(../images/ios_on.png) no-repeat;
}
.info-box {
	position: absolute;
	left: 220px;
	top: 720px;
	width: 640px;
}
.input-box {
	float: left;
	margin-top: 10px;
	width: 640px;
}
.left-info {
	float: left;
	margin-top: 10px;
	width: 640px;
}
.area {
	float: left;
	padding-left: 10px;
	width: 190px;
	height: 54px;
	background: url(../images/area.png) no-repeat;
	border: none;
	outline: medium;
	appearance: none;
	-moz-appearance: none;
	-webkit-appearance: none;
	-ms-appearance: none;
	font-size: 22px;
	color: #e16541;
}
.input-in-short {
	float: left;
	margin-left: 8px;
	display: inline;
	border: 2px solid #9a1a02;
	outline: none;
	width: 428px;
	padding-left: 5px;
	padding-right: 5px;
	height: 50px;
	line-height: 50px;
	font-size: 22px;
	text-align: center;
	background: url(../images/rep.png) repeat;
	color: #e16541;
}

.ordinance {
	position: absolute;
	left: 220px;
	top: 820px;
	width: 680px;
	font-size: 20px;
	line-height: 30px;
	color: #ca928b;
}
.policy {
	color: #d7bb7e;
}
.checklist {
	float: left;
	margin-top: 2px;
	margin-right: 10px;
	display: inline;
	width: 30px;
	height: 30px;
	background: url(../images/off.png) no-repeat;
}
.on {
	background: url(../images/on.png) no-repeat;
}
.btn-rule {
	position: absolute;
	right: 316px;
	top: 870px;
	width: 174px;
	height: 52px;
	background: url(../images/btn_rule.png) no-repeat;
}
.btn-enterwar, .btn-check {
	position: absolute;
	left: 326px;
	top: 930px;
	width: 385px;
	height: 83px;
}
.btn-enterwar {
	background: url(../images/btn_enterwar.png) no-repeat;
}
.btn-check {
	background: url(../images/btn_check.png) no-repeat;
}
.btn-detailed {
	position: absolute;
	left: 429px;
	top: 480px;
	width: 222px;
	height: 49px;
	background: url(../images/btn_detailed.png) no-repeat;
}

.detailed3 {
	top: 440px;
}
.tab-tit {
	position: absolute;
	top: 250px;
	right: 180px;
	width: 374px;
	height: 39px;
	background: url(../images/tab_tit.png) no-repeat;
}
.tab {
	position: absolute;
	top: 300px;
	left: 150px;
	width: 640px;
}
.tab li {
	float: left;
	margin-left: 200px;
	display: inline;
	width: 278px;
	height: 52px;
}
.tab li a {
	float: left;
	position: relative;
	width: 278px;
	height: 52px;
}
.btn-t1 {
	background: url(../images/btn_t1.png) no-repeat;
}
.btn-t2 {
	background: url(../images/btn_t2.png) no-repeat;
}
.dot {
	position: absolute;
	left: 0;
	top: 0;
	width: 45px;
	height: 52px;
}
.tab .current .btn-t1 {
	background: url(../images/btn_t1_h.png) no-repeat;
}
.tab .current .btn-t2 {
	background: url(../images/btn_t2_h.png) no-repeat;
}
.dot1 {
	background: url(../images/dot1.png) no-repeat;
}
.dot2 {
	background: url(../images/dot2.png) no-repeat;
}
.dot3 {
	background: url(../images/dot3.png) no-repeat;
}
.occupation {
	position: absolute;
	left: 140px;
	top: 500px;
	width: 800px;
}
.occupation li {
	float: left;
	margin-left: 40px;
	display: inline;
	width: 110px;
	height: 150px;
}
.occupation li a {
	float: left;
	width: 110px;
	height: 150px;
}
.occupation .btn-occupation1 {
	background: url(../images/btn_occupation1.png) no-repeat;
}
.occupation .btn-occupation2 {
	background: url(../images/btn_occupation2.png) no-repeat;
}
.occupation .btn-occupation3 {
	background: url(../images/btn_occupation3.png) no-repeat;
}
.occupation .btn-occupation4 {
	background: url(../images/btn_occupation4.png) no-repeat;
}
.occupation .btn-occupation5 {
	background: url(../images/btn_occupation5.png) no-repeat;
}
.occupation .current .btn-occupation1 {
	background: url(../images/btn_occupation1_h.png) no-repeat;
}
.occupation .current .btn-occupation2 {
	background: url(../images/btn_occupation2_h.png) no-repeat;
}
.occupation .current .btn-occupation3 {
	background: url(../images/btn_occupation3_h.png) no-repeat;
}
.occupation .current .btn-occupation4 {
	background: url(../images/btn_occupation4_h.png) no-repeat;
}
.occupation .current .btn-occupation5 {
	background: url(../images/btn_occupation5_h.png) no-repeat;
}
.rob-box {
	position: absolute;
	top: 780px;
	left: 140px;
	z-index: 4;
	width: 800px;
}
.rob-info {
	margin: 0 auto;
	overflow: hidden;
	width: 800px;
}
.name-box {
	float: left;
	width: 600px;
	height: 62px;
}
.btn-determine {
	float: right;
	width: 164px;
	height: 54px;
	background: url(../images/btn_determine.png) no-repeat;
}
.input-name {
	float: left;
	margin-left: 10px;
	display: inline;
	border: 1px solid #565656;
	outline: none;
	padding-left: 5px;
	padding-right: 5px;
	width: 600px;
	height: 54px;
	line-height: 54px;
	font-size: 22px;
	background: #000;
	color: #fff;
}
.btn-rob {
	float: right;
	width: 114px;
	height: 66px;
	background: url(../images/btn_rob.png) no-repeat;
}
.rob-tips {
	margin: 0 auto;
	margin-top: 5px;
	width: 800px;
	font-size: 20px;
	color: #fff;
}
.rob-tips p {
	line-height: 32px;
}
.robcheck {
	float: left;
	margin-right: 10px;
	display: inline;
	width: 30px;
	height: 30px;
	background: url(../images/robcheck.png) no-repeat;
}
.robcheck-on {
	background: url(../images/robcheck_on.png) no-repeat;
}
.btn-jump {
	position: absolute;
	top: 230px;
	left: 10px;
	z-index: 9;
	width: 381px;
	height: 82px;
	background: url(../images/btn_jump.png) no-repeat;
}
.btn-get {
	position: absolute;
	top: 230px;
	right: 10px;
	z-index: 9;
	width: 381px;
	height: 82px;
	background: url(../images/btn_get.png) no-repeat;
}
.btn-note {
	position: absolute;
	right: 180px;
	top: 70px;
	z-index: 9;
	width: 174px;
	height: 52px;
	background: url(../images/btn_rule.png) no-repeat;
}
.container {
	overflow: hidden;
	padding-bottom: 50px;
	background: #000 url(../images/bg.jpg) no-repeat center top;
}
.record-info {
	float: left;
	position: relative;
	margin-top: 108px;
	margin-left: 53px;
	display: inline;
	width: 644px;
	font-size: 24px;
}
.btn-back {
	position: absolute;
	right: -10px;
	top: -54px;
	width: 109px;
	height: 36px;
	background: url(../images/btn_back.png) no-repeat;
}
.record-note {
	padding-bottom: 10px;
	text-align: center;
	font-size: 20px;
}
.record-tit {
	float: left;
	width: 644px;
	height: 56px;
	background: url(../images/record_tit.png) no-repeat;
}
.record-mid {
	float: left;
	padding-bottom: 20px;
	width: 644px;
	min-height:500px;
	background: url(../images/record_mid.png) repeat-y;
}
.record-over {
	float: left;
	width: 644px;
	height: 56px;
	background: url(../images/record_over.png) no-repeat;
}
.record-box {
	float: left;
	margin-left: 47px;
	display: inline;
	width: 550px;
}
.record-title {
	float: left;
	margin-top: 20px;
	width: 100%;
	text-align: center;
	background-image: -webkit-linear-gradient(bottom, #c28e5e, #fff1de, #fff1de);
	-webkit-background-clip: text;
	-webkit-text-fill-color: transparent;
	font-weight: bold;
	font-size: 26px;
}
.record-list {
	float: left;
	margin-top: 10px;
	margin-bottom: 10px;
	width: 100%;
}
.record-list table {
	margin: 0 auto;
	width: 100%;
	color: #ffeaaa;
	font-size:20px;
}
.record-list table td {
	padding: 5px;
	border: 2px solid #ffeaaa;
	line-height: 34px;
	word-break: break-all;
	word-wrap: break-word;
}
.record-list table th {
	padding: 5px;
	border: 2px solid #ffeaaa;
	line-height: 34px;
}
.record-tips {
	float: left;
	width: 100%;
	font-size: 18px;
}
.btn-copy {
	margin: 0 auto;
	display: block;
	width: 125px;
	height: 48px;
	background: url(../images/btn_copy.png) no-repeat;
}
.wrap-r {
	margin: 0 auto;
	position: relative;
	width: 750px;
}
.footer-mb {
	margin: 0 auto;
	padding-bottom: 20px;
	overflow: hidden;
	width: 100%;
	background: #0c0c0c;
	color: #999;
}
.foot {
	margin: 0 auto;
	margin-top: 10px;
	margin-bottom: 10px;
	width: 650px;
	color: #999;
}
.foot-link {
	float: left;
	margin-top: 10px;
	margin-bottom: 10px;
	width: 100%;
	text-align: center;
	font-size: 14px;
}
.foot-link a {
	padding-left: 10px;
	padding-right: 10px;
	color: #999;
}
.f-txt {
	float: right;
	margin-top: 20px;
	font-size: 12px;
}
.f-txt p {
	line-height: 18px;
}
.class {
	float: left;
	margin-top: 20px;
	margin-bottom: 10px;
	width: 70px;
}
.f-logo {
	float: left;
	margin-top: 30px;
	margin-bottom: 10px;
	width: 100%;
	text-align: center;
}
.f-logo img {
	vertical-align: bottom;
	padding-left: 20px;
	padding-right: 20px;
}
.f-logo1 {
	width: 308px;
}
.f-logo2 {
	width: 160px;
}
.foot-bottom {
	float: left;
	margin-top: 10px;
	margin-bottom: 10px;
	width: 100%;
	text-align: center;
	font-size: 14px;
	color: #999;
}
.foot-bottom p {
	line-height: 20px;
}
.pop {
	position: relative;
	display: none;
	width: 591px;
	height: 593px;
	background: url(../images/pop5.png) no-repeat;
}
.close {
	position: absolute;
	right: 15px;
	top: 15px;
	z-index: 10;
	width: 50px;
	height: 50px;
	background: url(../images/close.png) no-repeat;
}
.pop-cont1 {
	margin: 0 auto;
	position: relative;
	z-index: 2;
	margin-top: 200px;
	overflow: hidden;
	width: 90%;
	text-align: center;
	font-size: 28px;
	color: #994806;
}
.pop-cont1 p {
	line-height: 50px;
}
.btn-confirm {
	margin: 0 auto;
	margin-top: 40px;
	display: block;
	width: 196px;
	height: 49px;
	background: url(../images/btn_confirm.png) no-repeat;
}
.c1 {
	padding-bottom: 10px;
	font-size: 50px;
	background-image: -webkit-gradient(linear, 0 0, 0 bottom, from(rgba(163, 74, 66, 1)), to(rgba(56, 4, 4, 1)));
	-webkit-background-clip: text;
	-webkit-text-fill-color: transparent;
	color: #870909;
}
.c2 {
	font-size: 26px;
}
.code {
	margin: 0 auto;
	position: relative;
	margin-top: 20px;
	display: block;
	width: 110px;
	height: 110px;
	background: url(../images/code.png?2) no-repeat;
}
.qrcode-line {
	height: 2px;
	top: 0;
	left: 0;
	position: absolute;
	width: 110px;
	-webkit-animation: qrcode 3s linear infinite 300ms 0 ease;
	-moz-animation: qrcode 3s linear infinite 300ms 0 ease;
	-ms-animation: qrcode 3s linear infinite 300ms 0 ease;
	animation: qrcode 3s linear infinite 300ms 0 ease;
	-moz-animation: qrcode 3s linear infinite;
	-webkit-animation: qrcode 3s linear infinite;
	-o-animation: qrcode 3s linear infinite;
	-ms-animation: qrcode 3s linear infinite;
	animation: qrcode 3s linear infinite;
	background: #494949;
}
@-webkit-keyframes qrcode {
	0% {
	top: 55px
}
25% {
	top: 100px
}
50% {
	top: 55px
}
75% {
	top: 10px
}
100% {
	top: 55px
}
}
@-moz-keyframes qrcode {
	0% {
	top: 55px
}
25% {
	top: 100px
}
50% {
	top: 55px
}
75% {
	top: 10px
}
100% {
	top: 55px
}
}
@-o-keyframes qrcode {
	0% {
	top: 55px
}
25% {
	top: 100px
}
50% {
	top: 55px
}
75% {
	top: 10px
}
100% {
	top: 55px
}
}
@keyframes qrcode {
	0% {
	top: 55px
}
25% {
	top: 100px
}
50% {
	top: 55px
}
75% {
	top: 10px
}
100% {
	top: 55px
}
}
.pop-srore {
	margin: 0 auto;
	position: relative;
	margin-top: 20px;
	display: block;
	width: 295px;
	height: 90px;
}
.btn-pop-ios {
	position: absolute;
	left: 0;
	top: 0;
	width: 295px;
	height: 90px;
	background: url(../images/btn_pop_ios.png) no-repeat;
	-webkit-animation: magnify .6s linear infinite alternate;
	-moz-animation: magnify .6s linear infinite alternate;
	animation: magnify .6s linear infinite alternate;
}
.btn-pop-gp {
	position: absolute;
	left: 0;
	top: 0;
	width: 295px;
	height: 90px;
	background: url(../images/btn_pop_gp.png) no-repeat;
	-webkit-animation: magnify .6s linear infinite alternate;
	-moz-animation: magnify .6s linear infinite alternate;
	animation: magnify .6s linear infinite alternate;
}
@-webkit-keyframes magnify {
	0% {
	-webkit-transform: scale(0.9);
}
100% {
	-webkit-transform: scale(1);
}
}
@-moz-keyframes magnify {
	0% {
	-moz-transform: scale(1);
}
100% {
	-moz-transform: scale(0.9);
}
}
@keyframes magnify {
	0% {
	transform: scale(1);
}
100% {
	transform: scale(0.9);
}
}
.pop1 {
	position: relative;
	display: none;
	width: 546px;
	height: 694px;
	background: url(../images/pop1.png) no-repeat;
}
.pop2 {
	position: relative;
	display: none;
	width: 546px;
	height: 694px;
	background: url(../images/pop2.png) no-repeat;
}
.pop3 {
	position: relative;
	display: none;
	width: 546px;
	height: 750px;
	background: url(../images/pop3.png) no-repeat;
}
.pop4 {
	position: relative;
	display: none;
	width: 546px;
	height: 694px;
	background: url(../images/pop4.png) no-repeat;
}
.pop5 {
	position: relative;
	display: none;
	width: 652px;
	height: 737px;
	background: url(../images/pop6.png) no-repeat;
}
.btn-affirm {
	margin: 0 auto;
	margin-top: 460px;
	position: relative;
	display: block;
	z-index: 9;
	width: 196px;
	height: 49px;
	background: url(../images/btn_confirm.png) no-repeat;
}
.affirm2 {
	margin-top: 530px;
}
.affirm3 {
	margin-top: 650px;
}
.btn-confirm {
	margin: 0 auto;
	margin-top: 20px;
	position: relative;
	display: block;
	z-index: 9;
	width: 196px;
	height: 49px;
	background: url(../images/btn_confirm.png) no-repeat;
}
.pop-tit {
	margin: 0 auto;
	overflow: hidden;
	position: relative;
	margin-top: 40px;
	width: 100%;
	text-align: center;
	font-size: 40px;
	background-image: -webkit-gradient(linear, 0 0, 0 bottom, from(rgba(163, 74, 66, 1)), to(rgba(56, 4, 4, 1)));
	-webkit-background-clip: text;
	-webkit-text-fill-color: transparent;
	color: #870909;
}
.pop-cont2 {
	margin: 0 auto;
	position: relative;
	margin-bottom: 20px;
	width: 82%;
	padding: 10px;
	font-size: 20px;
	max-height: 580px;
	overflow: hidden;
	overflow-y: auto;
	overflow-x: hidden;
	color: #5f2c1d;
}
.pop-cont2 p {
	line-height: 30px;
}
.pop-cont2::-webkit-scrollbar {
	width: 10px;
	height: 10px;
	background: #e3c9b3;
}
.pop-cont2::-webkit-scrollbar-track {
	-webkit-box-shadow: inset 0 0 10px rgba(0,0,0,0.1);
	background: #e3c9b3;
}
.pop-cont2::-webkit-scrollbar-thumb {
	-webkit-box-shadow: inset 0 0 10px rgba(0,0,0,.1);
	background: #6d1c13;
}
.c3 {
	font-weight: bold;
	color: #653928;
}
.pop-record {
	position: relative;
	display: none;
	border: 2px solid #ffde9e;
	width: 640px;
	background: url(../images/pop_rep.png) repeat;
}
.pop-title {
	text-align: left;
	font-size: 24px;
	color: #ffeaaa;
}
.pop-area {
	float: left;
	padding-left: 10px;
	width: 150px;
	height: 60px;
	background: url(../images/area_bg.png) no-repeat;
	border: none;
	outline: medium;
	appearance: none;
	-moz-appearance: none;
	-webkit-appearance: none;
	-ms-appearance: none;
	font-size: 24px;
	color: #ead69b;
}
.pop-area option {
	background: #000;
}
.right-input-in {
	float: right;
	margin-right: 5px;
	display: inline;
	border: none;
	outline: none;
	padding-left: 5px;
	padding-right: 5px;
	width: 320px;
	height: 60px;
	line-height: 60px;
	font-size: 22px;
	text-align: center;
	background: transparent;
	color: #fff;
}

.code-dot {
	float: left;
	margin-top: 17px;
	margin-left: 15px;
	display: inline;
	width: 18px;
	height: 24px;
	background: url(../images/code_dot.png) no-repeat;
}
.left-input-in {
	float: left;
	margin-left: 5px;
	display: inline;
	border: none;
	outline: none;
	padding-left: 5px;
	padding-right: 5px;
	width: 260px;
	height: 60px;
	line-height: 60px;
	font-size: 22px;
	text-align: center;
	background: transparent;
	color: #fff;
}
.code-box {
	float: right;
	position: relative;
	width: 180px;
	height: 60px;
	border-left: 2px solid #ead69b;
	color: #ead69b;
}
.btn-record-code {
	position:absolute;
	top:0;
	left:0;
	width: 180px;
	line-height: 60px;
	text-align: center;
	font-size: 22px;
	color: #ead69b;
}
.code-record-time {
	position:absolute;
	top:0;
	left:0;
	width: 180px;
	line-height: 60px;
	text-align: center;
	font-size: 22px;
	color: #ead69b;
}
.btn-finish {
	margin: 0 auto;
	margin-top: 20px;
	display: block;
	width: 198px;
	height: 66px;
	background: url(../images/btn_finish.png) no-repeat;
}
.pop-box {
	margin: 0 auto;
	overflow: hidden;
	position: relative;
	margin-top: 20px;
	margin-bottom: 30px;
	border: 2px solid #ead69b;
	width: 494px;
	text-align: center;
	font-size: 30px;
	background: url(../images/input_bg.png) repeat;
	color: #fff;
}
.pop-cont3 {
	margin: 0 auto;
	overflow: hidden;
	position: relative;
	margin-top: 100px;
	margin-bottom: 100px;
	width: 94%;
	text-align: center;
	font-size: 30px;
	color: #fef4be;
}
.pop-cont3 p {
	line-height: 40px;
}
.pop-cont4 {
	margin: 0 auto;
	position: relative;
	z-index: 2;
	margin-top: 140px;
	overflow: hidden;
	width: 90%;
	text-align: center;
	font-size: 32px;
	color: #994806;
}
.pop-cont4 p {
	line-height: 50px;
}
.btn-join {
margin: 0 auto;
	margin-top: 20px;
	display: block;
	width: 385px;
	height: 83px;
	background: url(../images/btn_join.png) no-repeat;
}
.nav-mb .nav-list { display:none;}
.Recharge-tit {
	padding-top: 20px;
	font-size: 32px;
	text-align: center;
	color: #fff;
}
.Recharge-pop {
	position: relative;
	display: none;
	border: 2px solid #7a2a20;
	width: 600px;
	background: #261f19;
}
.Recharge-box {
	margin: 0 auto;
	margin-top: 20px;
	margin-bottom: 20px;
	width: 95%;
	max-width:600px;
	max-height: 600px;
	overflow-y: auto;
	overflow-x: hidden;
	font-size: 22px;
	color: #a29f99;
}
.Recharge-box table {
	margin: 0 auto;
	width: 100%;
	text-align: center;
}
.Recharge-box table td {
	padding:  10px;
	border: 1px solid #302a24;
	line-height: 36px;
	word-break: break-all;
	word-wrap: break-word;
}
.Recharge-box table th {
	padding: 5px;
	border: 1px solid #302a24;
	line-height: 40px;
	font-weight: normal;
}
.Recharge-box table td a {
	display:block;
	width:100%;
	color: #a29f99;
	
}
.Recharge-box table td a:hover {
	color: #fb3838;
	
}
@media (max-width:1280px) {
.container1 {
	background: url(../images/mb_bg1.jpg) no-repeat center top;
}
.header-nav {
	display:none;
}

.header {
	display: block;
	position: fixed;
	left: 0;
	top: 0;
	z-index: 98;
	width: 100%;
	height: 65px;
	background: url(../images/rep.jpg) repeat-x;
}
.nav-mb {
	display: none;
	position: fixed;
	top: 65px;
	bottom: 0;
	left: 0;
	right: 0;
	z-index: 999;
	width: 100%;
}
.m-logo {
	position: absolute;
	left: 10px;
	top: 2px;
	width: 80px;
	height: 60px;
	background: url(../images/logo.png) no-repeat;
}
.btn-menu {
	float:right;
	width: 80px;
	height: 64px;
}
.selectlist-m {
	position:absolute;
	right:100px;
	width: 180px;
	line-height:64px;
	height:64px;
	text-align:center;
	font-size:24px;
	z-index: 999;
	cursor:pointer;
}
.s-dot-m {
	position:absolute;
	right:0;
	top:30px;
	width: 26px;
	height: 13px;
	background: url(../images/s_dot.png) no-repeat;
}
.s-list-m {
	position: absolute;
	top: 64px;
	left: 0;
	display: none;
	width: 180px;
	background:#000;
}
.s-list-m a {
	display: block;
	width: 100%;
	height: 46px;
	line-height: 46px;
	text-align: center;
	color: #fff;
}
.s-list-m a:hover {	
	color: #ff0;
}
.change {
	margin: 0 auto;
	margin-top: 10px;
	width: 54px;
	height: 40px;
	display: box;
	display: -webkit-box;
	display: -moz-box;
	display: -ms-flexbox;
	display: -webkit-flex;
	display: flex;
	-webkit-box-orient: vertical;
	-webkit-box-direction: normal;
	-webkit-flex-direction: column;
	flex-direction: column;
	justify-content: space-between;
	-webkit-box-pack: justify;
	-moz-box-pack: justify;
	box-pack: justify;
}
.btn-menu i {
	background: #cdcdaf;
	width: 54px;
	height: 7px;
	-webkit-transition: all .2s ease-in-out;
	-moz-transition: all .2s ease-in-out;
	-ms-transition: all .2s ease-in-out;
	transition: all .2s ease-in-out
}
.active i:nth-of-type(1) {
	-webkit-transform: rotate(45deg) translate(16px, 16px);
	-moz-transform: rotate(45deg) translate(16px, 16px);
	-ms-transform: rotate(45deg) translate(16px, 16px);
	transform: rotate(45deg) translate(16px, 16px)
}
.active i:nth-of-type(2) {
	display: none
}
.active i:nth-of-type(3) {
	-webkit-transform: rotate(-45deg) translate(8px, -8px);
	-moz-transform: rotate(-45deg) translate(8px, -8px);
	-ms-transform: rotate(-45deg) translate(8px, -8px);
	transform: rotate(-45deg) translate(8px, -8px)
}
.mask-bg {
	position: absolute;
	top: 0;
	bottom: 0;
	left: 0;
	right: 0;
	width: 100%;
	background: #000;
	filter: alpha(opacity=90);
	-moz-opacity: .7;
	-khtml-opacity: .7;
	opacity: .7;
}
.nav-mb .nav-list {
	margin: 0 auto;
	display:block;
	position:relative;
	z-index:99;
	margin-top: 20px;
	width: 100%;
	text-align:center;
}
.nav-mb .nav-list a {
	float: left;
	padding-top:30px;
	padding-bottom:30px;
	border-bottom:1px solid #ccc;
	width: 100%;
	height:50px;
	line-height:50px;
	font-size:30px;
	color:#fff;
}
}



@media (max-width:1080px) {
.logo, .btn-appointment {
	display: none;
}
.btn-nav {
	right: 0;
}
.btn-on {
	display: block;
}
.btn-off {
	display: none;
}
.nav-box {
	display: none;
}
.wrap-nav {
	width: 750px;
}
.nav {
	margin-left: 10px;
	height: 64px;
	line-height: 64px;
}
.nav a {
	width: 116px;
}

.wrap {
	width: 750px;
}
.btn-preheat {
	left: 29px;
}
.link {
	left: 45px;
	top: 330px;
}
.gp-ios {
	left: 140px;
	top: 675px;
}
.info-box {
	left: 55px;
	top: 720px;
}
.info-box {
	left: 55px;
}
.ordinance {
	left: 55px;
}
.btn-rule {
	right: 90px;
	top: 870px;
}
.btn-enterwar, .btn-check {
	left: 182px;
	top: 930px;
}
.tab-tit {
	top: 250px;
	right: 10px;

}
.tab {
	top: 290px;
	left: 55px;
	width: 640px;
}
.occupation {
	left: 25px;
	top: 490px;
	width: 700px;
}
.occupation li {
	margin-left: 20px;

}
.rob-box {
	top: 780px;
	left: 15px;
	width: 720px;
}
.rob-info {
	width: 700px;
}
.name-box {
	width:500px;
	height: 62px;
}
.rob-tips {
	width:  700px;
}
.input-name {
	width: 500px;

}
.btn-jump {
	left:0;
	top: 230px;
	width: 350px;
	height: 75px;
	background-size: 350px 75px;
}
.btn-get {
		right: 0;

	top: 230px;
	width: 350px;
	height: 75px;
	background-size: 350px 75px;
}
.btn-note {
	right: 0;
	top: 70px;
	width: 174px;
	height: 52px;
}
.btn-detailed {
	left: 264px;
	top: 480px;

}

.detailed3 {
	top: 440px;
}
}

@media (max-width:750px) {
body {
	font-size:.24rem;
}
.m-logo {
	left: .1rem;
	top: .02rem;
	width: .8rem;
	height: .6rem;
	background-size:.8rem .6rem;
}

.header {
	display:block;
	height:.7rem;
}
.nav-mb {
	top: .65rem;
}
.btn-menu {
	float:right;
	width: .8rem;
	height: .7rem;
}
.selectlist-m {
	right:1rem;
	width: 1.8rem;
	line-height:.7rem;
	height:.7rem;
	font-size:.24rem;
}
.s-dot-m {
	top:.3rem;
	width: .26rem;
	height: .13rem;
	background-size:.26rem .13rem;
}
.s-list-m {
	top: .7rem;
	width: 1.8rem;
}
.s-list-m a {
	height: .46rem;
	line-height: .46rem;
}
.change {
	margin: 0 auto;
	margin-top: .1rem;
	width: .54rem;
	height: .4rem;
	display: box;
	display: -webkit-box;
	display: -moz-box;
	display: -ms-flexbox;
	display: -webkit-flex;
	display: flex;
	-webkit-box-orient: vertical;
	-webkit-box-direction: normal;
	-webkit-flex-direction: column;
	flex-direction: column;
	justify-content: space-between;
	-webkit-box-pack: justify;
	-moz-box-pack: justify;
	box-pack: justify;
}
.btn-menu i {
	background: #cdcdaf;
	width: .54rem;
	height: .07rem;
	-webkit-transition: all .2s ease-in-out;
	-moz-transition: all .2s ease-in-out;
	-ms-transition: all .2s ease-in-out;
	transition: all .2s ease-in-out
}
.active i:nth-of-type(1) {
	-webkit-transform: rotate(45deg) translate(.16rem, .16rem);
	-moz-transform: rotate(45deg) translate(.18rem, .16rem);
	-ms-transform: rotate(45deg) translate(.16rem, .16rem);
	transform: rotate(45deg) translate(.16rem, .16rem)
}
.active i:nth-of-type(2) {
	display: none
}
.active i:nth-of-type(3) {
	-webkit-transform: rotate(-45deg) translate(.08rem, -.08rem);
	-moz-transform: rotate(-45deg) translate(.08rem, -.08rem);
	-ms-transform: rotate(-45deg) translate(.08rem, -.08rem);
	transform: rotate(-45deg) translate(.08rem, -.08rem)
}
.mask-bg {
	position: absolute;
	top: 0;
	bottom: 0;
	left: 0;
	right: 0;
	width: 100%;
	background: #000;
	filter: alpha(opacity=90);
	-moz-opacity: .7;
	-khtml-opacity: .7;
	opacity: .7;
}
.nav-mb .nav-list {
	margin: 0 auto;
	margin-top: .2rem;
	width: 100%;
	text-align:center;
}
.nav-mb .nav-list a {
	float: left;
	padding-top:.3rem;
	padding-bottom:.3rem;
	border-bottom:1px solid #ccc;
	width: 100%;
	height:.6rem;
	line-height:.6rem;
	font-size:.3rem;
	color:#fff;
}
.container1 {
	height: 10.75rem;
	background-size: 19.2rem 10.75rem;
}
.container2 {
	margin-top:-.02rem;
	height: 6.95rem;
	background-size: 19.2rem 6.95rem;
}
.container3 {
	margin-top:-.02rem;
	height: 6.9rem;
	background-size: 19.2rem 6.9rem;
}
.container4 {
	margin-top:-.02rem;
	height: 6.68rem;
	background-size: 19.2rem 6.68rem;
}

.wrap-nav {
	width: 7.5rem;
}
.nav {
	margin-left: .1rem;
	height: .64rem;
	line-height: .64rem;
	font-size: .22rem;
}
.nav a {
	width: 1.16rem;
}
.header-nav {
	height: .65rem;
	background-size:.02rem .65rem;
}
.nav a:hover {
	background-size:.02rem .65rem;
}
.nav .cur {
	background-size:.02rem .65rem;
}
.wrap {
	width: 7.5rem;
}
.btn-nav {
	right: 0;
	top: 1.8rem;
	width: .46rem;
	height: 2.2rem;
}
.btn-on {
	display: block;
}
.btn-off {
	display: none;
}
.nav-box {
	display: none;
}
.btn-on, .btn-off {
	width: .46rem;
	height: 2.2rem;
	background-size:.46rem 2.2rem;
}
.nav-box {
	top: 1.8rem;
	width: 1.68rem;
	height: 2.19rem;
	background-size: 1.68rem 2.19rem;
}
.btn-ios {
	margin-left:.06rem;
	margin-top:.2rem;
	width: 1.56rem;
	height: .44rem;
	background-size:1.56rem .44rem;
}
.btn-gp {
	margin-left:.06rem;
	margin-top:.1rem;
	width: 1.56rem;
	height: .44rem;
	background-size:1.56rem .44rem;
}
.btn-fb {
	margin-left:.06rem;
	margin-top: .1rem;
	width: .71rem;
	height: .71rem;
	background-size:.71rem .71rem;
}
.btn-yt {
	margin-left:.06rem;
	margin-top: .1rem;
	width: .71rem;
	height: .71rem;
	background-size:.71rem .71rem;
}
.btn-preheat {
	left: .29rem;
	top: 8.1rem;
	width: 6.8rem;
	height: 1.72rem;
	background-size: 6.8rem 1.72rem;
}
.link {
	left: .45rem;
	top: 3.3rem;
	width: 6.6rem;
	height: 3.5rem;
	background-size: 6.6rem 3.5rem;
}
.btn-link1 {
	top:.06rem;
	left:.8rem;
	width: 1.63rem;
	height: 1.88rem;
}
.btn-link2 {
	top:.06rem;
	left: 2.5rem;
	width: 1.63rem;
	height: 1.88rem;
}
.btn-link3 {
	top:.06rem;
	left: 4.2rem;
	width: 1.63rem;
	height: 1.88rem;
}
.btn-link4 {
	top: 1.75rem;
	left:1.9rem;
	width: 1.4rem;
	height: 1.58rem;
}
.btn-link5 {
	top: 1.75rem;
	left: 3.3rem;
	width: 1.4rem;
	height: 1.58rem;
}

.gp-ios {
	left: 1.4rem;
	top: 6.75rem;
	width: 4.5rem;
	height:.4rem;
}
.gp {
	width: 2.07rem;
	height:.4rem;
	background-size: 2.07rem .4rem;
}
.ios {
	width: 2.07rem;
	height:.4rem;
	background-size: 2.07rem .4rem;
}
.cur .gp {
	background-size: 2.07rem .4rem;
}
.cur .ios {
	background-size: 2.07rem .4rem;
}
.info-box {
	left: 0.55rem;
	top: 7.2rem;
	width: 6.4rem;
}
.input-box {
	margin-top: .1rem;
	width: 6.4rem;
}
.left-info {
	margin-top: .1rem;
	width: 6.4rem;
}
.area {
	padding-left: 0.1rem;
	width: 1.9rem;
	height: 0.54rem;
	background-size: 1.9rem 0.54rem;

	font-size: 0.22rem;
}
.input-in-short {
	margin-left:.08rem;
	border: .02rem solid #9a1a02;
	width: 4.28rem;
	padding-left: .05rem;
	padding-right: .05rem;
	height: .5rem;
	line-height: .5rem;
	font-size: .22rem;
}

.ordinance {
	left: 0.55rem;
	top: 8.2rem;
	width: 6.7rem;
	font-size: 0.2rem;
	line-height: 0.3rem;
}
.checklist {
	margin-top: .02rem;
	margin-right: .1rem;
	width: .3rem;
	height:.3rem;
	background-size: .3rem .3rem;
}
.on {
	background-size: .3rem .3rem;
}
.btn-rule {
	right: .9rem;
	top: 8.70rem;
	width: 1.74rem;
	height: .52rem;
	background-size: 1.74rem .52rem;
}
.btn-enterwar, .btn-check {
	left: 1.82rem;
	top: 9.3rem;
	width: 3.85rem;
	height: .83rem;
}
.btn-enterwar {
	background-size: 3.85rem .83rem;
}
.btn-check {
	background-size: 3.85rem .83rem;
}

.tab-tit {
	top: 2.5rem;
	right: .1rem;
	width: 3.74rem;
	height: .39rem;
	background-size: 3.74rem .39rem;
}
.tab {
	top: 3rem;
	left: .55rem;
	width: 6.4rem;
}
.tab li {
	margin-left: 1.7rem;
	width: 2.78rem;
	height: .52rem;
}
.tab li a {
	width: 2.78rem;
	height: .52rem;
}
.btn-t1 {
	background-size: 2.78rem .52rem;
}
.btn-t2 {
	background-size: 2.78rem .52rem;
}
.dot {
	width: .45rem;
	height: .52rem;
}
.tab .current .btn-t1 {
	background-size: 2.78rem .52rem;
}
.tab .current .btn-t2 {
	background-size: 2.78rem .52rem;
}
.dot1 {
	background-size: .45rem .52rem;
}
.dot2 {
	background-size: .45rem .52rem;
}
.dot3 {
	background-size: .45rem .52rem;
}
.occupation {
	left: 0.25rem;
	top: 4.9rem;
	width: 7rem;
}
.occupation li {
	margin-left: 0.2rem;
	width: 1.1rem;
	height: 1.5rem;
}
.occupation li a {
	width: 1.1rem;
	height: 1.5rem;
}
.occupation .btn-occupation1, .occupation .btn-occupation2, .occupation .btn-occupation3, .occupation .btn-occupation4, .occupation .btn-occupation5 {
	background-size: 1.1rem 1.5rem;
}
.occupation .current .btn-occupation1, .occupation .current .btn-occupation2, .occupation .current .btn-occupation3, .occupation .current .btn-occupation4, .occupation .current .btn-occupation5 {
	background-size: 1.1rem 1.5rem;
}
.rob-box {
	top: 7.8rem;
	left: 0.15rem;
	width: 7.2rem;
}
.rob-info {
	width: 7rem;
}
.name-box {
	width: 5rem;
	height: .62rem;
}
.btn-determine {
	width: 1.64rem;
	height: .54rem;
	background-size: 1.64rem .54rem;
}
.input-name {
	margin-left: .1rem;
	outline: none;
	padding-left: .05rem;
	padding-right: .05rem;
	width: 5rem;
	height: .54rem;
	line-height: .54rem;
	font-size: .22rem;
}
.btn-rob {
	width: 1.14rem;
	height: .66rem;
	background-size: 1.14rem .66rem;
}
.rob-tips {
	margin-top: .05rem;
	width: 7rem;
	font-size: .2rem;
}
.rob-tips p {
	line-height: .32rem;
}
.robcheck {
	margin-right: .1rem;
	width: .3rem;
	height: .3rem;
	background-size: .3rem .3rem;
}
.robcheck-on {
	background-size: .3rem .3rem;
}
.btn-jump {
	top: 2.3rem;
	left: 0;
	width: 3.5rem;
	height: .75rem;
	background-size: 3.5rem .75rem;
}
.btn-get {
	top: 2.3rem;
	right: 0;
	width: 3.5rem;
	height: .75rem;
	background-size: 3.5rem .75rem;
}
.btn-note {
	right: 0;
	top: .7rem;
	z-index: 9;
	width: 1.74rem;
	height: .52rem;
	background-size: 1.74rem .52rem;
}
.btn-detailed {
	left: 2.64rem;
	top: 4.8rem;
	width: 2.22rem;
	height: .49rem;
	background-size: 2.22rem .49rem;
}

.detailed3 {
	top: 4.4rem;
}
.wrap-r {
	width: 7.5rem;
}
.container {
	padding-bottom:.5rem;
	background-size: 19.2rem 12.39rem;
}
.record-info {
	margin-top: 1.08rem;
	margin-left:.53rem;
	width: 6.44rem;
	font-size:.24rem;
}
.btn-back {
	right: -.1rem;
	top: -.54rem;
	width:1.09rem;
	height:.36rem;
	background-size:1.09rem .36rem;
}
.record-note {
	padding-bottom:.1rem;
	font-size:.2rem;
}
.record-tit {
	width: 6.44rem;
	height:.56rem;
	background-size:6.44rem .56rem;
}
.record-mid {
	padding-bottom:.2rem;
	width: 6.44rem;
	min-height:5rem;
	background-size:6.44rem .04rem;
}
.record-over {
	width: 6.44rem;
	height:.56rem;
	background-size:6.44rem .56rem;
}
.record-box {
	margin-left:.47rem;
	width: 5.5rem;
}
.record-title {
	margin-top:.2rem;
	font-size:.26rem;
}
.record-list {
	margin-top:.1rem;
	margin-bottom:.1rem;
}
.record-list table {
	
	font-size:.2rem;
}
.record-list table td {
	padding: .05rem;
	border: .02rem solid #ffeaaa;
	line-height: .34rem;
}
.record-list table th {
	padding: .05rem;
	border: .02rem solid #ffeaaa;
	line-height: .34rem;
}
.record-tips {
	font-size:.18rem;
}
.btn-copy {
	width: 1.25rem;
	height: .48rem;
	background-size:1.25rem .48rem;
}

.footer-mb {
	padding-bottom: .2rem;
}
.foot {
	margin-top: .1rem;
	margin-bottom: .1rem;
	width: 7rem;
	text-align: center;
}
.foot-link {
	margin-top: .1rem;
	margin-bottom: .1rem;
	font-size: .14rem;
}
.foot-link a {
	padding-left: .1rem;
	padding-right: .1rem;
}
.f-txt {
	width: 100%;
	margin-top: .1rem;
	font-size: .14rem;
	text-align: center;
}
.f-txt p {
	line-height: .28rem;
}
.class {
	float: none;
	margin: 0 auto;
	margin-top: .2rem;
	margin-bottom: .1rem;
	width: .7rem;
}
.f-logo {
	margin-top: .3rem;
	margin-bottom: .1rem;
}
.f-logo img {
	padding-left: .2rem;
	padding-right: .2rem;
}
.f-logo1 {
	width: 3.08rem;
}
.f-logo2 {
	width: 1.6rem;
}
.foot-bottom {
	margin-top:.1rem;
	margin-bottom: .1rem;
	font-size: .14rem;
}
.foot-bottom p {
	line-height: .2rem;
}
.pop {
	width: 5.91rem;
	height: 5.93rem;
	background-size: 5.91rem 5.93rem;
}
.pop1,.pop2,.pop4 {
	width: 5.46rem;
	height: 6.94rem;
	background-size: 5.46rem 6.94rem;
}
.pop3{
	width: 5.46rem;
	height: 7.5rem;
	background-size: 5.46rem 7.5rem;
}
.pop5 {
	width: 6.52rem;
	height: 7.37rem;
	background-size: 6.52rem 7.37rem;
}
.close {
	right:.15rem;
	top: .15rem;
	width: .5rem;
	height: .5rem;
	background-size:.5rem .5rem;
}
.pop-cont1 {
	margin-top: 2rem;
	font-size: .28rem;
}
.pop-cont1 p {
	line-height: .5rem;
}
.btn-confirm {
	margin-top: .4rem;
	width: 1.96rem;
	height: .49rem;
	background-size:1.96rem .49rem;
}
.c1 {
	padding-bottom:.1rem;
	font-size:.5rem;
}
.c2 {
	font-size:.26rem;
}
.pop-srore {
	margin-top:.2rem;
	width: 2.95rem;
	height: .9rem;
}
.btn-pop-ios, .btn-pop-gp {
	width: 2.95rem;
	height: .9rem;
	background-size:2.95rem .9rem;
}


.btn-affirm {
	margin-top: 4.6rem;
	width: 1.96rem;
	height: .49rem;
	background-size:1.96rem .49rem;
}
.affirm2 {
	margin-top: 5.3rem;
}
.affirm3 {
	margin-top: 6.5rem;
}
.pop-tit {
	margin-top: .4rem;
	font-size: .4rem;
}
.pop-cont2 {
	margin-bottom: .2rem;
	padding: .1rem;
	font-size: .2rem;
	max-height: 5.8rem;
}
.pop-cont2 p {
	line-height: .3rem;
}
.pop-cont2::-webkit-scrollbar {
	width: .1rem;
	height: .1rem;
	background: #e3c9b3;
}
.pop-cont2::-webkit-scrollbar-track {
	-webkit-box-shadow: inset 0 0 .1rem rgba(0,0,0,0.1);
}
.pop-cont2::-webkit-scrollbar-thumb {
	-webkit-box-shadow: inset 0 0 .1rem rgba(0,0,0,.1);
}
.pop-record {
	border: .02rem solid #ffde9e;
	width: 6.4rem;
}
.pop-box {
	margin-top: .2rem;
	margin-bottom: .3rem;
	border:.02rem solid #ead69b;
	width: 4.94rem;
	font-size: .3rem;
}
.pop-title {
	font-size:.24rem;
}
.pop-area {
	padding-left: .1rem;
	width: 1.5rem;
	height: .6rem;
	background-size:1.5rem .6rem;
	font-size: .24rem;
}
.right-input-in {
	margin-right: .05rem;
	padding-left: .05rem;
	padding-right: .05rem;
	width:3.2rem;
	height: .6rem;
	line-height: .6rem;
	font-size: .22rem;
}
.code-dot {
	margin-top:.17rem;
	margin-left:.15rem;
	width: .18rem;
	height: .24rem;
	background-size:.18rem .24rem;
}
.left-input-in {
	margin-left: .05rem;
	padding-left: .05rem;
	padding-right: .05rem;
	width: 2.6rem;
	height: .6rem;
	line-height:.6rem;
	font-size: .22rem;
}
.code-box {
	width: 1.8rem;
	height: .6rem;
	border-left:.02rem solid #ead69b;
}
.btn-record-code {
	width: 1.8rem;
	line-height:.6rem;
	font-size: .22rem;
}
.code-record-time {
	width: 1.8rem;
	line-height:.6rem;
	font-size: .22rem;
}
.btn-finish {
	margin-top: .2rem;
	width: 1.98rem;
	height: .66rem;
	background-size:1.98rem .66rem;
}
.pop-cont3 {
	margin-top: 1rem;
	margin-bottom: 1rem;
	font-size: .3rem;
}
.pop-cont3 p {
	line-height: .4rem;
}
.pop-cont4 {
	margin-top: 1.4rem;
	font-size: .32rem;
}
.pop-cont4 p {
	line-height: .5rem;
}
.btn-join {
	margin-top: .2rem;
	width: 3.85rem;
	height: .83rem;
	background-size:3.85rem .83rem;

}
.Recharge-pop {
	
	border:  .02rem solid #7a2a20;
	width: 6rem;
	background: #261f19;
}
.Recharge-box {
	margin-top: .2rem;
	margin-bottom: .2rem;
	max-height: 6rem;
	font-size: .22rem;
}
.Recharge-box table td {
	padding:  .1rem;
	line-height: .36rem;

}
.Recharge-box table th {
	padding: .05rem;
	line-height: .4rem;
}


.Recharge-tit {
	padding-top: .2rem;
	font-size: .32rem;
}
}