html, body, dl, dd, h1, h2, h3, h4, h5, h6, p, ol, ul{ margin:0; padding:0;}
h1,h2,h3,h4,h5,h6,pre,code,address,caption,cite,code,em,th,p,a,li,td,b,div{font:400 12px/1 "Open Sans", "Lucida Grande", "Lucida Sans Unicode", "Arial"; color: inherit;}
html{font:400 100% "Open Sans", "Lucida Grande", "Lucida Sans Unicode", "Arial"; -ms-text-size-adjust: 100%; -webkit-text-size-adjust: none; line-height:1.2; color:#000;}

img{ max-width: 100%;}
.dftpw{ width: 100%; max-width: 1200px; margin-left: auto; margin-right: auto;}
.dft_btn{width: 371px; height: 67px; display: block; border-radius: 35px; text-align: center; line-height: 67px; font-size: 22px; box-shadow: 0 7px 0px 0 #000; transition: all 0.2s ease-in-out;}
.dftpw .dft_btn{color: #fff; }
.dft_btn:active{ text-decoration: none; box-shadow: none; transform: translateY(3px);}

.banner{ padding: 30px 0 80px 0; background-color: #d3d3d3;}
.banner .logo{ font-size: 18px; font-weight: bold; color: #000;}
.logo:hover{ text-decoration: none;}

.banner_main{background: url("https://imobie-resource.com/en/special/img/remember_banicon.png") left bottom no-repeat; overflow: hidden;}
.banner_text{ max-width: 600px; margin-top: 100px; margin-bottom: 60px; float: right;}
.banner_label{ max-width: 400px; min-height: 40px; margin: 35px 0; padding: 5px 0; background: url("remember_banner_img2.png") right center no-repeat; font-size: 18px; font-weight: bold;}
.banner_label b{ display: block; margin-top: 3px; text-align: center; font-size: inherit; display: block; color: #fe6700; font-weight: inherit;}
.banner_text a{background-color: #fe6700; font-weight: bold;}
.banner_text a:hover{ text-decoration:none; background-color: #ed6305;}
.banner_text a:after{ content: "\e802"; font-family:"iconfont"; width: 40px; height: 40px; display: inline-block; border-radius: 40px; border: 3px solid #fff; line-height: 40px; vertical-align: middle; margin-left: 25px; font-weight: bold;}
/*.banner_text a:hover{ text-decoration: none; box-shadow: none; transform: translateY(3px);}*/

.tab_nav{ padding: 15px 0; background-color: #353535;}
.tab_nav_main{ background-color: #232323;}
.tab_nav_main >a{width: 49%; display: inline-block; padding: 32px 0; font-size: 23px; font-weight: bold; color: #fff; text-align: center; position: relative;}
.tab_nav_main >a:after{content: "\e800"; font-family:"iconfont"; display: block; width: 53px; height: 53px; border-radius: 53px; position: absolute; background-color: #0062ed; line-height: 70px; bottom: -25px; left: 50%; transform: translateX(-50%); opacity: 0;}
.tab_nav_main .active{ background-color: #0062ed;}
.tab_nav_main .active:after{ opacity: 1;}
.tab_nav_main >a:hover{ text-decoration: none;}

.prize{  background: #605655 url("remember_community_bg.jpg") center bottom no-repeat; overflow: hidden; color: #fff;}
.prize_wrap{ margin-top: 120px; padding-bottom: 30px; background: url("remember_share_bg.jpg") center bottom no-repeat;}
.prize_main{ max-width: 980px; margin:0 auto;}
.prize h2{ font-size:50px;}
.prize_main>p{ margin: 50px auto; font-size: 20px; line-height: 1.4;}
.prize_main b{ color: #fbaa48; font-size: inherit;}
.prize_time{ padding: 5px 25px; font-size: 18px; background-color: #6f6663; border-radius: 14px;}
.prize_rules_mobile{ display: none;}
.prize_rules{margin-top:20px; position: relative;}
.prize_rules:hover .prize_rules_main{ opacity: 1; transform: translate(0); z-index: 3;}
.prize_rules .prize_rules_title{ padding-bottom: 40px; font-size: 18px; text-decoration: underline; color: #fff;}
.prize_rules_main{ width: 100%; max-width: 980px; padding: 20px 0 30px 0; background-color: #353535; text-align: left; position: absolute; left: 0; top: 50px; transform: translateY(30px); opacity: 0; z-index: -1; transition: all 0.5s ease-in-out;}
.prize_rules_main p{ margin:15px 0 0 30px; font-size: 16px; }
.prize_rules_main p a{ font-size: inherit;}
.prize_rules_main:after{content: "\e800"; font-family:"iconfont"; display: block; width: 53px; height: 53px; border-radius: 53px; position: absolute; background-color: #353535; line-height: 70px; text-align: center; top: -25px; left: 50%; transform: translateX(-50%) rotate(180deg); font-size: 30px; font-weight: bold;}


.share_btns{ margin-top: 60px;}
.share_btns>a{ width: 310px; display: inline-block; margin-left: 10px; vertical-align: middle;}
.share_btns>a img{ margin-right: 10px; vertical-align: middle;}
.fb_btn{ background-color: #4469b0;}
.fb_btn:hover{text-decoration: none; background-color: #345fb2;}
.tw_btn{ background-color: #2ba2ee;}
.tw_btn:hover{text-decoration: none; background-color: #1b97e6;}
.ins_btn{ background-color: #db4f7c; background: linear-gradient(to right, #5f5fc1, #a93e8c, #d4397f, #f1c36d);}
.ins_btn:hover{text-decoration: none; background-color: #1b9df0; background: linear-gradient(to left, #5f5fc1, #a93e8c, #d4397f, #f1c36d);}

.prize_info{ background: url("remember_community_bg2.png") right bottom no-repeat;}
.prize_info h2{ margin:110px auto 70px auto;}

.community_block{width: 45%; display: inline-block; vertical-align: top; margin: 50px 0 50px 4%; position: relative;}
.community_block figure{height: 180px; display: inline-block; vertical-align: middle; position: absolute; left: -30px; top:20px;}
.community_block figure img{ width: 100%; height: auto;}

.community_block_text{width: 320px; min-height: 130px; display: inline-block; padding: 40px; border: 5px solid #000; font-size: 16px; position: relative; z-index: 2; background-color: #fff; color: #000;}
.community_block_text p{font-size: 16px; line-height: 1.9; text-align: left;}
.community_block_text>span{ display: block; margin-top: 30px; text-align: right;}
.dark .community_block_text{ color: #fff; background-color: #605655;}

/*.load_more { width: 29px; height: 40px; margin:  0 auto; padding: 20px 0; position: relative;}
.load_more span{width: 29px; display: block; margin-top: 20px; position: relative;}
.load_more span:after{ content: "\e800"; font-family: "iconfont"; font-size: 40px; position: absolute; top: 0; left: 0;}*/


.mask{ display: none;}
.mask,.mask_bg{ width: 100%; height: 100%; position: fixed; top: 0; left: 0; z-index: 9;}
.mask_bg{background-color: #000; background: rgba(0,0,0,0.4);}
.mask_main{ width: 80%; max-width: 720px; position: absolute; top: 50%; left: 50%; transform: translate(-50%,-50%); background: #b4cae8 url("remember_mask_bg.png") center top no-repeat;background-size: cover; border-radius: 6px;z-index: 9;}

.mask_main img{ margin-top: -50px;}
.mask_main h3{ margin: 60px auto 30px auto; font-size: 36px;}
.mask_main p{ max-width: 616px; margin: 0 auto 100px auto; font-size: 18px; line-height: 1.6;}
.mask_main p a{ font-size: inherit;}
.mask_close{position: absolute; top: 0; right: 10px; padding: 5px; color: #000; font-size: 40px; cursor: pointer; opacity: 0.7;}
.mask_close:hover{ opacity: 1;}

.endpopcont{background:#388bff url(https://imobie-resource.com/en/special/img/remember_endpop.png) bottom center no-repeat; background-size:cover; max-width:786px; width:94%; position: fixed; top: 50%; left: 50%; transform: translate(-50%,-50%); border-radius: 6px;z-index: 9;}
.endpopcont {padding:55px 0 60px;}
.endpopcont img{display:inline-block; vertical-align:top; margin-left:50px;}
.endpopcont div{display:inline-block; vertical-align:top; margin:25px 0 0 28px; width:calc(100% - 380px);}
.endpopcont p:nth-child(1){margin: 20px 0 0;}
.endpopcont p{font-size:20px; color:#fff; line-height:1.8;font-weight:bold;}
.endpopcont a{background-color:#fe6700; color:#fff; font-weight:bold; text-decoration:none; max-width:320px; font-size:22px;margin: 50px 0 0;}
.endpopcont a:after{content: "\e802"; font-family:"iconfont"; width: 40px; height: 40px; display: inline-block; border-radius: 40px; border: 3px solid #fff; line-height: 40px; vertical-align: middle; margin-left: 10px; font-weight: bold;}
.endpopcont a:hover{background-color: #ed6305;}
.closendpop{font-size:28px; color:#fff; opacity:.9; right:10px; top:10px; cursor:pointer;display: none;}

@media screen and (max-width: 1700px){
	.prize_info{ background: none;}
}
@media screen and (max-width: 1200px) {
	.dftpw{ width: 100%;}
	.banner_text{ float: none;}
	.banner_main{ width: 90%; padding: 0 5%; background: url("https://imobie-resource.com/en/special/img/remember_banicon.png") right bottom no-repeat; background-size: 40% auto; }
	 .banner_text{margin-top:40px;}
}

@media screen and (max-width: 1024px){
	.tab_nav_main >a{ font-size: 22px;}
	.prize h2{ font-size: 30px;}
	.share_btns>a{ width: 30%; font-size: 18px;}
	.share_btns>a img{ transform: scale(0.8);}
}

@media screen and (max-width: 768px){
	.community_block{ width: 70%; margin: 20px auto;}
	.community_block_text{ width: 500px;}
	.community_block figure{ margin-left: -60px;}
	.mask_main img{margin-top: -30px;}
	.mask_main h3{margin: 30px auto 20px auto;}
	.mask_main p{margin: 0 auto 60px;}
}
@media screen and (max-width: 736px){
	.prize h2{ font-size: 26px;}
	.prize_wrap{ margin-top:50px;}
	.prize_main>p{ margin:30px auto; font-size: 14px;padding: 0 3%}
	.prize_time{ font-size: 14px;}
	.share_btns{ margin-top: 20px;}
	.share_btns>a{ width: 90%; height: auto; line-height:40px; margin: 10px auto;}
	.community_block { width: 90%; margin-top: 60px;}
	.community_block_text{ width: 90%; min-height: auto; padding: 20px 4%;}
	.community_block_text p{ font-size: 14px;}
	.community_block figure{ top: -60px;  margin: 0; left:50%; transform: translateX(-50%);}
	.community_block figure img{ width: 70%;}
	.mask_main img{ width: 200px; height: auto;}
	.mask_main h3{ margin: 20px auto; font-size: 24px;}
	.mask_main p{ max-width: 90%; margin: 0 auto 20px auto; font-size: 16px;}
	.prize_info h2{ margin: 30px auto;}
	.prize_rules_pc{ display: none;}
	.prize_rules_mobile{ display: block;}
	.prize_rules{ position: inherit;}
	.prize_rules_main{ margin-top: 40px; padding: 20px 0; position: inherit; opacity: 1; z-index: 2; transform: translate(0);}
	.prize_rules_main p{ padding: 0 20px; margin: 10px auto; font-size: 14px; line-height: 1.5;}
	.banner_text a:after{margin-left: 5px; transform: scale(0.8);}
	.mask_main h3{padding: 0 7px;}
	.endpopcont{text-align:center;}
    .endpopcont img{margin:auto;width:45%; max-width:200px;}
    .endpopcont div{width:calc(100% - 40px); margin:25px auto 0; padding:0 20px;}
    .endpopcont p{font-size:16px;}
    .endpopcont a{margin:25px auto 0; max-width:300px;font-size: 20px;}
}

@media screen and (max-width: 414px){
	.banner{padding-bottom: 30px;}
	.banner_text .dft_btn{ max-width: 80%; font-size: 20px;}
	.tab_nav_main >a{ font-size: 16px;}
	.community_block figure{ top: -55px;}
	.banner_main{ background: none;}
	.mask_main h3{font-size: 20px;}
	.mask_main img{margin-top: 0px;}
}
@media screen and (max-width: 320px){
	.banner{padding-bottom: 0px;}
	.mask_main p{font-size: 12px;}
	.mask_main img{margin-top: -60px;}
	.mask_main h3{margin: 20px auto 10px;}
}