/*
Theme Name: QUEST
Version: 1.0
Description:
Author:
*/
@charset "utf-8";

:root {
	--i_color: #BF1B1D;
	--i_color2: #2F2F2F;
	--top1_height: .4rem;
	--top2_height:1rem;
	--header_height: calc(var(--top1_height) + var(--top2_height));
}
@media screen and (max-width:1024px) {
	:root {
		--top2_height:.6rem;
		--header_height: .6rem;
	}
}




.wrap {
	width: 94%;
	max-width: 1300px;
	margin-left: auto;
	margin-right: auto;
}





.top_language{position: fixed; top: .1rem; right: 1%; background: var(--i_color); z-index: 99999;}
.top_language_btn{width: 0.44rem; height: .44rem;display:-webkit-flex; display:flex; flex-wrap:wrap;align-items: center; justify-content: center; cursor: pointer; position: relative;}
.top_language_btn iconify-icon{font-size: .3rem;color: #FFF;-webkit-transition:all .5s ease; transition:all .5s ease;}

.top_language_list {
	visibility: hidden;
	opacity: 0;
	position: absolute;
	top: calc(100% + .16rem);
	right: 0;
	min-width: 1.6rem;
	background: #FFF;
	box-sizing: border-box;
	box-shadow: var(--boxShadow);
	padding: .1rem .18rem .1rem;
	z-index: 2;
	-webkit-transition: all .3s ease;
	transition: all .3s ease
}
.top_language_list.on {
	visibility: visible;
	opacity: 1;
	top: 100%;
}

.top_language_list ul {overflow: hidden;}
.top_language_list li{position: relative;left: 0;-webkit-transition:all .5s ease; transition:all .5s ease;}
.top_language_list a>span {
	display:-webkit-flex; display:flex; flex-wrap:nowrap;align-items: center;gap: 0 8px;
	box-sizing: border-box;
	overflow: hidden
}
.top_language_list .trp-ls-language-name{font-size: 15px; color: #666;line-height: .3rem;}

.top_language_list li:hover{left: 4px;}
.top_language_list li:hover .trp-ls-language-name{color: var(--i_color);}

@media screen and (max-width:1024px) {
	.top_language{top: 6px; right: 3%;}
	.top_language_btn{width: 34px; height: 34px;}
	.top_language_btn iconify-icon{font-size: 22px;}
}







header{}

.banner{width: 100%; height: 100vh; background: var(--i_color2); position: relative; overflow: hidden;}

.logo{position: absolute; top: 0.2rem; left: 0.2rem;}
.logo img{height: 0.26rem;}

.banner_text{position:absolute; top:50%; transform:translate(0,-50%); left: 5%; width: 50%;}
.banner_text h1{font-family: 'Tomorrow'; font-size: 3vw; color: var(--i_color);font-weight: bold; letter-spacing: 4px}
.banner_text h2{margin-top: 0.1rem; font-size: 1.8vw; color: #FFF; line-height: 1.3;}

.banner_text p{margin: .24rem 0 .2rem; font-size: 0.18rem; color: rgb(255 255 255 / 60%); line-height: 1.4;}
.banner_text p strong{font-family: 'Tomorrow'; font-size: 0.28rem; font-weight: bold; color: var(--i_color);}
.banner_text p b{font-weight: bold;}

.banner_text h5{padding: .1rem .2rem; font-size: 0.18rem; color: #FFF; line-height: 1.6; background: rgb(255 255 255 / 5%); position: relative;}
.banner_text h5::before{content: '';position: absolute; left: 0; top: 0; width: 3px; height: 100%;background: rgb(255 255 255 / 50%);}
.banner_text h5 i{font-weight: bold; position: relative;}
.banner_text h5 i::after{content: '';position: absolute; left: 0; bottom: -4px; width: 100%; height: 3px; background: var(--i_color);}

.bannerBtn{display:flex; flex-wrap:wrap; align-items: center; gap: 0 .18rem;}
.bannerBtn b{font-size: 0.18rem; color: rgb(255 255 255 / 80%);}
.bannerBtn .a{padding: .1rem .2rem; display:flex; flex-wrap:wrap; align-items: center; gap: 0 .1rem; border-radius:2rem; border: 1px solid #DDD; cursor: pointer;}
.bannerBtn .a iconify-icon{font-size: 0.26rem; color: #FFF;}
.bannerBtn .a i{font-family: 'Tomorrow'; font-size: .22rem; color: #FFF;}
.bannerBtn .a:hover{background: var(--i_color); border-color: var(--i_color);}

.banner .pic{width: 100vw; height: 100%; object-fit: cover;}

@media screen and (max-width:1024px) {
	.logo img{height: 0.2rem;}

	.banner{height: 100vh; background: #141414;}
	.banner .pic{height: 35%;}
	.banner_text{position: initial; transform: none; width: 100%; box-sizing: border-box; padding: 50px 3%;}
	.banner_text h1{font-size: 26px;}
	.banner_text h2{font-size: 20px;}
	.banner_text p{margin: 20px 0 20px; font-size: 16px;}
	.banner_text p strong{font-size: 18px;}
	.banner_text h5{font-size: 15px;}

	.bannerBtn{flex-direction: column; align-items: flex-start;}
	.bannerBtn b{font-size: 16px;}
	.bannerBtn .a{margin-top: 20px;}
}
@media screen and (max-width:768px) {
	.banner_text{padding: 30px 3%;}
}
@media screen and (max-width:560px) {
	.banner .pic{height: 18%;}

	.banner_text{padding: 26px 3% 40px;}
	.banner_text h1{font-size: 22px; letter-spacing: 2px;}
	.banner_text h2{font-size: 17px; line-height: 1.5;}
	.banner_text p strong{font-size: 18px;}
	.bannerBtn b{font-size: 15px;}

	.bannerBtn .a iconify-icon{font-size: 22px;}
	.bannerBtn .a i{font-size: 16px;}
}







main{}

.questBox{width: 100%; height: 100vh; position: relative;}
.questBox.bg1{background:url('https://nocpix-img.com/wp-content/uploads/quest/2025/11/q1.webp') no-repeat center; background-size: cover;}
.questBox.bg2{background:url('https://nocpix-img.com/wp-content/uploads/quest/2025/11/q2.webp') no-repeat center; background-size: cover;}
.questBox.bg3{background:url('https://nocpix-img.com/wp-content/uploads/quest/2025/11/q3.webp') no-repeat center; background-size: cover;}
.questBox.bg4{background:url('https://nocpix-img.com/wp-content/uploads/quest/2025/11/q4.webp') no-repeat center; background-size: cover;}
.questBox.bg5{background:url('https://nocpix-img.com/wp-content/uploads/quest/2025/11/q5.webp') no-repeat center; background-size: cover;}




.questCont{position:absolute; top:50%; left:50%; transform:translate(-50%,-50%); height: 75vh; background: rgb(0 0 0 / 50%); box-sizing: border-box; padding: .5rem .8rem;}

.secTit{margin-bottom: 0.4rem; text-align: center;}
.secTit h3{font-family: 'Tomorrow'; font-size: 0.4rem; color: #FFF; font-weight: bold;}

@media screen and (max-width:1440px) {
	.questCont{height: 80vh; padding: .4rem .5rem;}

	.secTit{margin-bottom: 0.26rem;}
	.secTit h3{font-size: 0.34rem;}
}
@media screen and (max-width:1366px) {}
@media screen and (max-width:1200px) {}
@media screen and (max-width:1024px) {
	.questCont{width: 100vw; height: 100vh; padding: 70px 3%;}

	.secTit h3{font-size: 24px;}
}
@media screen and (max-width:768px) {
	.questCont{padding: .4rem 3%;}
}
@media screen and (max-width:560px) {
	.secTit h3{font-size: 20px;}
}






.questList{position: relative;}
.questList .item{display: none; position: relative; overflow: hidden;}
.questList .item.active{display: block;}

.quest{}
.quest h6{text-align: center; margin-bottom: 0.3rem; font-size: 0.2rem; color: #FFF; line-height: 1.6;}

.qOptions{display:flex; flex-wrap:wrap; flex-direction: column; gap: .3rem 0;}
.qOptions dt{padding:.3rem .3rem; width: 100%; box-sizing: border-box; border: 3px solid rgb(255 255 255 / 30%); cursor: pointer; display:flex; flex-wrap:nowrap; align-items:center; gap: 0 .2rem; text-align: left; position: relative;}

.qOptions dt em{display: none; position:absolute; top:50%; left:50%; transform:translate(-50%,-50%); z-index: 3;}
.qOptions dt em iconify-icon{font-size: 0.44rem; color: #FFF;}

.qOptions dt i{display: block; flex-shrink: 0; width: 30px; position: relative;}
.qOptions dt i::before{font-size: 0.4rem; font-weight: bold; color: rgb(255 255 255 / 50%); line-height: 1;}
.qOptions dt:nth-child(1) i::before{content: 'A';}
.qOptions dt:nth-child(2) i::before{content: 'B';}
.qOptions dt:nth-child(3) i::before{content: 'C';}
.qOptions dt:nth-child(4) i::before{content: 'D';}
.qOptions dt:nth-child(5) i::before{content: 'E';}
.qOptions dt:nth-child(6) i::before{content: 'F';}

.qOptions dt p{font-size: 0.18rem; color: #DDD; line-height: 1.5;}

.qOptions dt.loading{border-color:#FFF; background: rgb(255 255 255 / 10%);}
.qOptions dt.loading i,.qOptions dt.loading p{opacity: .2;}
.qOptions dt.disabled{pointer-events: none;}

.qOptions dt:hover{border-color:#FFF; background: rgb(255 255 255 / 10%);}
.qOptions dt:hover p{color: #FFF;}

@media screen and (max-width:1440px) {
	.quest h6{margin-bottom: 0.2rem; font-size: 0.2rem;}
}
@media screen and (max-width:1366px) {}
@media screen and (max-width:1200px) {}
@media screen and (max-width:1024px) {
	.quest h6{font-size: 18px;}

	.qOptions dt{padding: 20px 20px;}
	.qOptions dt i{width: 20px;}
	.qOptions dt i::before{font-size: 26px;}

	.qOptions dt p{font-size: 16px;}

}
@media screen and (max-width:768px) {
	.quest h6{font-size: 17px;}
}
@media screen and (max-width:560px) {
	.quest h6{font-size: 16px;}

	.qOptions dt{padding: 10px 20px;}
	.qOptions dt p{font-size: 15px;}
}






.resultBox{display: none;}
.result{margin-bottom: 0.24rem; text-align: center; font-size: 0.2rem; font-weight: bold;}
.result .icon{width: 0.5rem;height: 0.5rem; margin: 0 auto .1rem; border-radius:50%;}
.result .icon.ok{
	background-color: #42B40B;
	background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20'%3E%3Cpath fill='%23FFF' d='m14.83 4.89l1.34.94l-5.81 8.38H9.02L5.78 9.67l1.34-1.25l2.57 2.4z'/%3E%3C/svg%3E");
	background-repeat: no-repeat;
	background-position: center;
	background-size: 0.4rem;
}
.result .icon.no{
	background-color: #D12D2D;
	background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cg fill='none' fill-rule='evenodd'%3E%3Cpath d='m12.594 23.258l-.012.002l-.071.035l-.02.004l-.014-.004l-.071-.036q-.016-.004-.024.006l-.004.01l-.017.428l.005.02l.01.013l.104.074l.015.004l.012-.004l.104-.074l.012-.016l.004-.017l-.017-.427q-.004-.016-.016-.018m.264-.113l-.014.002l-.184.093l-.01.01l-.003.011l.018.43l.005.012l.008.008l.201.092q.019.005.029-.008l.004-.014l-.034-.614q-.005-.019-.02-.022m-.715.002a.02.02 0 0 0-.027.006l-.006.014l-.034.614q.001.018.017.024l.015-.002l.201-.093l.01-.008l.003-.011l.018-.43l-.003-.012l-.01-.01z'/%3E%3Cpath fill='%23FFF' d='M6.796 3.71a1.5 1.5 0 0 1 1.96.077a94 94 0 0 1 4.084 4.068a95 95 0 0 0 2.915-3.702a1.504 1.504 0 0 1 2.39-.024l1.815 2.335c.44.566.421 1.372-.062 1.915a59 59 0 0 1-3.443 3.535a97 97 0 0 1 3.459 4.37c.515.691.34 1.668-.371 2.142l-1.331.888a1.5 1.5 0 0 1-1.929-.224a92 92 0 0 0-3.706-3.736c-1.694 1.42-3.43 2.792-5.172 4.156a1.5 1.5 0 0 1-2.21-.41l-.562-.934a1.5 1.5 0 0 1 .262-1.869a92 92 0 0 0 4.146-4.137a94 94 0 0 0-4.896-3.92a1.503 1.503 0 0 1-.04-2.377z'/%3E%3C/g%3E%3C/svg%3E");
	background-repeat: no-repeat;
	background-position: center;
	background-size: 0.28rem;
}
.result p{font-size: 0.2rem; color: #FFF;}
.result p i{font-size: 0.26rem; color: var(--i_color); font-weight: bold;}

.explanation{background: rgb(255 255 255 / 10%); padding: .26rem;}
.explanationTit{margin-bottom: 0.16rem; display:flex; flex-wrap:wrap; align-items: center; gap: 0 .1rem; font-size: 0.18rem; color: #FFF;}
.explanationTit iconify-icon{font-size: 0.22rem; color: #3A96DD;}

.explanation article{padding-right: 16px; max-height: 15vh; color: rgb(255 255 255 / 50%); overflow-y: auto;}

.explanation article::-webkit-scrollbar{width:4px; height:8px}
.explanation article::-webkit-scrollbar-thumb{background: var(--i_color)}
.explanation article::-webkit-scrollbar-track{background: #FFF}

.btnQ{display: table; margin-top: 0.3rem; padding: .1rem .16rem; margin-left: auto; margin-right: auto; background: #FFF; border-radius:4px; font-size: 0.16rem; font-weight: bold; cursor: pointer;}
.btnQ:hover{background: var(--i_color); color: #FFF;}

@media screen and (max-width:1440px) {}
@media screen and (max-width:1366px) {}
@media screen and (max-width:1200px) {}
@media screen and (max-width:1024px) {
	.result .icon{width: 42px; height: 42px;}
	.result .icon.ok{background-size: 30px;}
	.result .icon.no{background-size: 24px;}
}
@media screen and (max-width:768px) {}
@media screen and (max-width:560px) {
	.explanation{padding: 20px;}
	.explanationTit iconify-icon{font-size: 20px;}
	.explanationTit{font-size: 16px;}

	.result p{font-size: 17px;}
	.result p i{font-size: 22px;}

	.btnQ{padding: 8px 12px; font-size: 14px;}
}


@media screen and (max-width:1024px) and (max-height:850px) {
	.explanation article{max-height: 32vh;}
}
@media screen and (max-width:1024px) and (max-height:760px) {
	.explanation article{max-height: 28vh;}
}
@media screen and (max-width:1024px) and (max-height:690px) {
	.explanation article{max-height: 16vh;}
}
@media screen and (max-width:1024px) and (max-height:590px) {
	.explanation article{max-height: 15vh;}
}





.progressBar{position: absolute; left: 0; bottom: 0; width: 100%; display:flex; flex-wrap:nowrap; gap: 0 4px;}
.progressBar i{width: 100%; height: 8px; background: #CCC;}

.progressBar i.active{background: var(--i_color);}

@media screen and (max-width:560px) {
	.progressBar i{height: 5px;}
}






.userInfo{}
.userInfo h5{font-size: 0.2rem; font-weight: bold; color: #FFF; text-align: center;}
.userInfo h6{margin-top: 0.14rem; font-size: 16px; color: #FFF; text-align: center; line-height: 1.6;}
.userInfo h6 i{color: var(--i_color); font-weight: bold;}

.userInfo .wpforms-field-radio{display: none !important;}

.goLott{}
.goLott span{display:flex; flex-wrap:nowrap; align-items: center; gap: 0 .1rem;}
.goLott span iconify-icon{display: none; font-size: 0.2rem;}

#wpforms-8{
	--wpforms_input_height:42px;
	--wpforms_textarea_height:120px;
	--wpforms_input_font_size: 16px;
	--wpforms-button-background-color: var(--i_color);
	--wpforms-button-border-color: var(--i_color);
}
#wpforms-8{margin:0; padding:0;}
#wpforms-form-8{width:100%; position:relative;}

/* 字段样式 */
#wpforms-8 .wpforms-field-container>.wpforms-field{width: 100%; padding: 0 1px 20px; margin: 0 0 6px;overflow-x:initial !important; position: relative;}
#wpforms-8 label.wpforms-field-label{display: block; margin-bottom: 8px; font-size: 16px; font-weight: bold; color: #FFF;}
#wpforms-8 .wpforms-field-container .wpforms-required-label{color: #D63637;}
#wpforms-8 .wpforms-field-container .wpforms-field>input,
#wpforms-8 .wpforms-field-container textarea
{width: 100%; max-width: 100%; box-sizing: border-box; padding: 10px 14px!important; margin: 0 0; border: 1px solid #CCC; background: #FFF; font-size:var(--wpforms_input_font_size); line-height: 1.4;}
#wpforms-8 .wpforms-field-container .wpforms-field>input{height: var(--wpforms_input_height);}
#wpforms-8 .wpforms-field-container textarea{height: var(--wpforms_textarea_height);}
#wpforms-8 input::placeholder, #wpforms-8 textarea::placeholder{color:#AAA; font-size:var(--wpforms_input_font_size); line-height: 1.4;}

#wpforms-8 .wpforms-field-container .wpforms-field-description{margin-top: 6px; font-size: 14px; color: #828282;}

#wpforms-8 .wpforms-field-checkbox li{display:flex; flex-wrap:nowrap;}
#wpforms-8 .wpforms-field-checkbox li label{font-size: 0.16rem; color: #FFF;}
/* 针对 WPForms 的复选框选中状态 */
/* 选中状态下的 label 的伪元素 */
#wpforms-8 input[type="checkbox" i]{background: #F60 !important; color: #F60 !important;}

#wpforms-8 .wpforms-field-container .wpforms-field>input:hover,
#wpforms-8 .wpforms-field-container textarea:hover,
#wpforms-8 .wpforms-field-container .wpforms-field>input:focus,
#wpforms-8 .wpforms-field-container textarea:focus{border-color: var(--i_color);}

/* 验证错误提示 */
#wpforms-8 label.wpforms-error, #wpforms-8 em.wpforms-error{position: absolute; left: 0; bottom: 0; font-size: 13px; color: #D63637;}

/* 隐藏 Label 标签 */
/* #wpforms-8 .wpforms-field-container .wpforms-field-label{height: 0; font-size: 0;margin: 0 0;}
#wpforms-8 .wpforms-field-container .wpforms-required-label{position: absolute;top: 4px; left: 6px; font-size: 16px; font-weight: bold;} */

/* 输入框水平排列，一行两个 */
/* #wpforms-8 .wpforms-field-container{display:flex; flex-wrap:wrap;justify-content: space-between;}
#wpforms-8-field_1-container,
#wpforms-8-field_2-container{width: 49% !important;} */

/* 提交按钮样式 */
#wpforms-8 .wpforms-submit-container{position: fixed; top: 0; left: -9999px; display: none !important;}

.wpforms-confirmation-container-full{position: fixed; left: -9999px; display: none !important;}





.lotteryBox{--size: 5rem}
.lotteryBox{width: var(--size); height: var(--size); margin: 0 auto; position: relative; font-size: 0;}
.lotteryBox .rotate{transform:rotate(-3600deg)}
.lotteryBox .rotate img{width: var(--size); height: var(--size)}
.lotteryBox .rotate.rotateing{transform:rotate(0deg); transition:all 12s ease;}

.pointer{position:absolute; top:50%; left:50%; transform:translate(-50%,-50%); cursor: pointer; z-index: 9;}
.pointer img{height: 0.86rem;}

@media screen and (max-width:560px) {
	.lotteryBox{--size: 4rem}
}
@media screen and (max-width:430px) {
	.lotteryBox{--size: 3.6rem}
}
@media screen and (max-width:380px) {
	.lotteryBox{--size: 3rem}
}






.lotteryResult{text-align: center; position:absolute; top:0; left: 0; width: 100%; height: 100%; box-sizing: border-box;}
.lotteryResult .box{height: 100%; display:flex; flex-wrap:nowrap;}

.lotteryResult .cont{width: 100%; height: 100%; box-sizing: border-box; padding:0 .5rem 6%; display:flex; flex-wrap:wrap; align-items: center;}

.lotteryResult .cont h4{display:flex; flex-wrap:wrap; align-items: center; justify-content: center; gap: 0 .16rem; margin-bottom: 0.24rem; padding-bottom: 0.14rem; font-size: 0.3rem; color: #FFF; font-weight: bold; border-bottom: 1px solid rgb(255 255 255 / 20%);}
.lotteryResult .cont h4 iconify-icon{font-size: 0.4rem; color: #FFF;}
.lotteryResult .cont p{margin-bottom: 0.2rem; font-size: 0.2rem; color: #FFF;}

.lotteryResult .iconGift{font-size: .74rem; color: var(--i_color);}
.prizeCont{margin: .1rem 0 .3rem; font-size: 2.6vw; color: var(--i_color); font-weight: bold;}

.lotteryResult .cont h6{margin-top: 0.3rem; font-size: 14px; color: rgb(255 255 255 / 60%); line-height: 1.6;}
.lotteryResult .b5_text{border-top: 1px solid rgb(255 255 255 / 20%); margin-top: 0.2rem; padding-top: 0.2rem; font-size: 0.18rem; color: rgb(255 255 255 / 80%); line-height: 1.7;}
.lotteryResult .b5_text i{font-weight: bold;}

.lotteryResult .miss{width: 100%;}

@media screen and (max-width:1366px) {
	.lotteryResult .iconGift{font-size: 0.64rem;}
}
@media screen and (max-width:1200px) {
	.lotteryResult .iconGift{font-size: 0.58rem;}
	.prizeCont{font-size: 2.2vw;}
}
@media screen and (max-width:1024px) {
	.lotteryResult{position: initial; height: 80vh; background: rgb(255 255 255 / 10%);}
	.lotteryResult .cont{padding: 0 40px;}
	.lotteryResult .cont h4{font-size: 24px;}
	.lotteryResult .cont h4 iconify-icon{font-size: 30px;}
	.lotteryResult .cont p{font-size: 18px;}

	.lotteryResult .iconGift{font-size: 42px;}

	.lotteryResult .b5_text{font-size: 16px;}
}
@media screen and (max-width:768px) {
	.lotteryResult{height: auto;}
	.lotteryResult .box{flex-wrap: wrap;}
	.lotteryResult .cont{padding: 40px 20px;}
	.prizeCont{font-size: 24px;}
}
@media screen and (max-width:560px) {
	.lotteryResult .cont h4 iconify-icon{font-size: 24px;}
	.lotteryResult .cont h4{font-size: 20px;}
	.lotteryResult .cont p{font-size: 16px;}
	.prizeCont{font-size: 20px;}
	.lotteryResult .b5_text{font-size: 15px;}
}






.black5{flex-shrink: 0; border-left: 10px solid rgb(255 255 255 / 10%); height: 100%; font-size:0; position: relative;}
.black5>img{max-width: 100%; height: 100%;}
/* .black5 h5{margin-top: 0.16rem; font-size: 0.22rem; color: #333; font-weight: bold;}
.black5 p{margin: .1rem 0; font-size: 0.2rem; color: #666; font-weight: bold;}
.black5 h6{position:absolute; left:0; width: 100%; text-align: center; bottom: .16rem; font-size: 0.15rem; color: #999;}
.black5 h6 i{margin: 0 6px;} */

/* @media screen and (max-width:1024px) {
	.black5 h5{font-size: 18px;}
	.black5 p{font-size: 16px;}
	.black5 h6{font-size: 14px;}
} */
@media screen and (max-width:768px) {
	.black5{width: 100%; border-left: none;}
	.black5>img{width: 100%;}
	.black5 h6{position: initial; padding-bottom: 20px;}
}





.partBox{height: 100%;}
.part{height: 100%; display:flex; flex-wrap:wrap; align-items: center; justify-content: center; font-size: 2vw; color: rgb(255 255 255 / 50%); text-align: center; font-weight: bold; line-height: 1.3;}

@media screen and (max-width:1024px) {
	.part{font-size: 4vw;}
}
@media screen and (max-width:560px) {
	.part{font-size: 8vw;}
}






@media screen and (max-width:1024px) {
	.questBox.hAuto{height: auto;}
	.questBox.hAuto .questCont{height: auto; position: initial; transform: none;}
}





.sec1{display: block;}
.sec2{display: none;}
.sec3{display: none;}

.lotteryResult{display: none;}