/*! 3dwhere.com ÑûÇëÓû§×¬ÏÖ½ð styles by vr4u 2024 */
*{ word-break:break-all;}
html,body{ margin:0; padding:0; width:100%; height:100%;}
html{ -webkit-text-size-adjust:100%; -ms-text-size-adjust:100%;}
body{ margin:0; font-family:'PingFang SC','Microsoft YaHei',sans-serif; line-height:1.42857143; color:#333; background-color:#F9FBFC;}
a{ color:#006b9c; text-decoration:none; background-color:transparent; transition:all 0.4s ease 0s;}
a:active, a:hover{ outline:0;}
a:hover{ text-shadow:0 1px 2px rgba(0,0,0,.1);}
img{ max-width:100%;}

.invite-section-title{ padding:30px 0; font-size:32px; font-weight:bold; text-align:center;}
.invite-child-title{ padding:10px 0 30px; font-size:24px; font-weight:bold; text-align:center;}

@media (min-width: 768px){
.invite-section-title{ font-size:38px;}
.invite-child-title{ font-size:28px;}
}

/* head */
.invite-header{ position:relative; width:100%; height:350px; background-color:#3770A6; background-image:url('/images/page-invite/header_banner_bg.jpg'); background-position:center top; background-repeat:no-repeat; background-size:auto 350px; z-index:1;}
	.invite-page-title{ margin-top:50px; padding:100px 0 0 0; text-align:center;}
	.invite-page-title img{ width:80%; max-width:400px;}

@media (min-width: 992px){
.invite-header{ height:500px; background-size:100% 500px;}
	.invite-page-title{ margin-top:50px; padding:100px 0 0 180px; text-align:left;}
	.invite-page-title img{ width:520px; max-width:none;}
}

.invite-line{ position:relative; margin-top:-33px; width:100%; height:60px; background-image:url('/images/page-invite/header_banner_line.png'); background-position:center top; background-repeat:no-repeat; background-size:auto 60px; z-index:2;}

/* process */
.invite-process{ padding:50px 0 100px; font-size:16px;}
	.process-byaddress{ text-align:center;}
		.process-codetit{}
		.process-code{ margin:0 auto; padding:30px 0 60px; width:auto;}
			.code-input{ margin:0; padding:0 5px; width:100%; height:45px; line-height:45px; border:solid 1px #DDD; border-radius:6px;}
			.code-tocopy{ margin:15px auto 0; padding:0; width:200px; height:45px; border:none; border-radius:6px; line-height:45px; background-color:rgba(255,155,85,1); color:#FFF;}
			.code-tocopy:hover{ background-color:rgba(255,135,55,1);}

@media (min-width: 992px){
		.process-code{ margin:0 auto; padding:30px 0 0; width:470px;}
			.code-input{ float:left; width:340px; border-radius:6px 0 0 6px;}
			.code-tocopy{ float:left; margin:0; width:130px; border-radius:0 6px 6px 0;}
}

	.process-bywechat{ position:relative; margin-left:0; height:auto;}
		.process-qrcode{ text-align:center;}
			.process-qrcode img{ width:180px; border:solid 1px #DDD; border-radius:20px;}
		.process-qrtxt{ margin:0 30px; line-height:2.2; text-align:center;}
	.process-tips{ padding:80px 0 0; text-align:center; color:#888;}

@media (min-width: 992px){
	.process-bywechat{ position:relative; margin-left:-12px; height:120px; border-left:solid 2px #DDD;}
		.process-qrcode{ position:absolute; top:0; left:100px; text-align:left;}
			.process-qrcode img{ width:120px;}
		.process-qrtxt{ margin:0 80px 0 260px; line-height:2.5; text-align:left;}
}

/* rules */
.invite-rules{ margin-bottom:-50px; padding:50px 0 100px; background:#FFF; font-size:16px; background:#EEE url('/images/page-invite/page_bg.png') 0 0 repeat;}
	.rules-blk{ margin:0 auto; width:80%; line-height:2;}
	.rules-blk a{ text-decoration:underline;}
	.rules-blk a:hover{ text-decoration:none;}