@charset "utf-8";
.spot_popup0  {top:125px !important; left:431px!important;}
.spot_popup1  {top:125px !important; left:960px !important;}
.spot_popup0 img,
.spot_popup1 img  {max-width: 100vw;}

#lo_top {position: relative; z-index: 9999;}
section#main1 {position: relative; display: block; width: 100vw; margin-left: calc(-50vw + 50%); background-size: cover;}
#main1 .inner {height:100%; max-width:100%; }
#main1 .m1_prev, #main1 .m1_next {position: absolute; top: 50%; z-index: 10; cursor: pointer; right: 80px; transform: translate(0, -50%);}
#main1 .m1_prev {left: 80px; right:auto;}
#main1 .pagingInfo {position: absolute; bottom: 10%; left: 18%; font-size:13px; font-weight: 700; letter-spacing: 0; color:#fff; background:rgba(0, 0, 0, 0.2); padding:8px 18px; border-radius: 20px;}

section#main2 {position: relative; display: block; width:100%; padding:80px 0 85px 0;}
#main2 .inner {height:100%;}
#main2 .inner > ul  {position: relative; width:100%; display: flex; flex-wrap: nowrap; border:1px solid #e6e6e6;}
#main2 .inner > ul > li {width:50%; padding:40px 50px; background:url('../images/renew/main/m2_banner02.png') center no-repeat; background-size:cover; height:379px;}
#main2 .inner > ul > li:first-child {border-right:1px solid #e6e6e6; background:url('../images/renew/main/m2_banner01.png') center no-repeat; background-size: cover;}
#main2 .inner > ul > li > div span {display: inline-block; border: 2px dotted #7c7c7c; border-radius: 5px; text-align: center; padding: 4px 8px; margin-bottom:20px; font-size:12px; font-weight: 600; color:#1b6326; }
#main2 .inner > ul > li > div h5 {display: block; font-size:38px; font-weight: 700; color:#1b6326; margin-bottom: 15px; }
#main2 .inner > ul > li > div div {display: block; font-size:18px; font-weight: 400; color:#1b6326; margin-bottom: 40px; }
#main2 .inner > ul > li:last-child > div span {color:#731d21; }
#main2 .inner > ul > li:last-child > div h5 {color:#731d21; }
#main2 .inner > ul > li:last-child > div div {color:#731d21; }
#main2 .inner > ul > li > div button {position: relative; width:151px; height:59px; color:#000; padding:20px 48px 20px 32px; background:url('../images/renew/main/btn_bg.png') no-repeat; font-size:18px; font-weight: 500; line-height: 0;}
#main2 .inner > ul > li > div button::after {content: ''; display: inline-block; position: absolute; right: 25px; top: 25px; width:10px; height: 10px; background:url('../images/renew/main/btn_arrow.png') no-repeat;}

section#main3 { width: 100vw; margin-left: calc(-50vw + 50%); height:370px; background-size: cover; }
#main3 .inner {height:100%; max-width: 100%; background:url('../images/renew/main/bg_main3.png') left 50% no-repeat;}
#main3 .inner .lu_txt {position: relative; width:100%; height:100%; text-align: center;}
/*#main3 .inner .lu_txt > div {position: absolute; right:0; bottom:0; text-align: right;}*/
#main3 .inner .lu_txt > div {position: relative; text-align: center;}
#main3 .inner .lu_txt > div span {display: block; font-size:36px; color:#fff; padding-bottom:30px; font-weight: 800; padding-top: 100px;}
#main3 .inner .lu_txt > div p {display: block; font-size:20px; font-weight: 300; color:#fff; line-height:35px; padding-bottom:80px;}

section#main4 {position: relative; display: block; width:100%;}
#main4 .inner {height:100%; padding:115px 0 120px;}
#main4 .inner .today_wrap {display: flex; width:100%; flex-wrap: wrap;}
#main4 .inner .today_wrap .today_tit {flex:1 1 30%; position: relative; width:100%;}
#main4 .inner .today_wrap .today_tit h4 {font-size:38px; font-weight: 400; margin-bottom:45px;}
#main4 .inner .today_wrap .today_tit p {font-size:18px; font-weight: 300; color:#666666; margin-bottom:50px;}
#main4 .inner .today_wrap .today_tit button {position: relative; width:151px; height:59px; color:#000; padding:20px 48px 20px 32px; background:url('../images/renew/main/btn_bg.png') no-repeat; font-size:18px; font-weight: 500; line-height: 0;}
#main4 .inner .today_wrap .today_tit button::after {content: ''; display: inline-block; position: absolute; right: 25px; top: 25px; width:10px; height: 10px; background:url('../images/renew/main/btn_arrow.png') no-repeat;}
#main4 .inner .today_wrap .today_con {flex:1 1 70%;}
#main4 .inner .item-wrap_new {display: flex; flex-wrap: nowrap; width:100%; gap: 20px 90px;}
#main4 .inner .item-wrap_new .item {flex:1 1 33.333%; max-width: 300px;}
#main4 .inner .item-wrap_new .img  {border-radius: 100%; overflow: hidden;}
#main4 .inner .item-wrap_new .label {position: absolute; top:33px; left:-30px;}
#main4 .inner .item-wrap_new .cont {text-align: left;}
#main4 .inner .item-wrap_new .tit {word-break: keep-all;}
#main4 .inner .item-wrap_new .tit .t {font-size:18px; font-weight: 700; color:#1a1a1a; margin-bottom:15px;}
#main4 .inner .item-wrap_new .tit .s {display: inline-block; font-size:16px; font-weight: 300; color:#666666; line-height:24px;}

#main4 .inner .tit_lucas,
#main4 .inner .item-wrap_new .btns, 
#main4 .inner .item-wrap_new .cont .price_w
{display: none;}
  

section#main5 {background:url('../images/renew/main/bg_main5.png') 50% no-repeat; width: 100vw; margin-left: calc(-50vw + 50%); height:370px; background-size: cover;}
#main5 .inner {height:100%;}
#main5 .inner .cont_wrap {position: relative; color:#1a1a1a; height:100%; }
#main5 .inner .cont_wrap .cont_tit {display: inline-block; position: relative; top:15%;}
#main5 .inner .cont_wrap .cont_tit h4 {font-size:32px; font-weight: 500; margin-bottom:23px;}
#main5 .inner .cont_wrap .cont_tit p {font-size:18px; margin-bottom:50px; display: block;}
#main5 .inner .cont_wrap .cont_con {position: absolute; right:0; bottom:50px; background:rgb(40 40 40 / 80%); padding:20px; border-radius: 10px; color:#fff;}
#main5 .inner .cont_wrap .cont_con > span {display: inline-block; margin:0 18px; font-size:18px; }
#main5 .inner .cont_wrap .cont_con > span:first-child {font-weight: 600;}
#main5 .inner .cont_wrap .cont_con > div {display: inline-block; background:#000; border-radius: 5px; font-size:20px; font-weight: 600; color:#fff; width:58px; height:58px; line-height:58px; text-align: center;}
#main5 .inner .cont_wrap .cont_tit button {position: relative; height:59px; color:#fff; padding:20px 48px 20px 32px; background:url('../images/renew/main/btn_lucky.png') no-repeat; font-size:18px; font-weight: 500; line-height: 0;}
#main5 .inner .cont_wrap .cont_tit button::after {content: ''; display: inline-block; position: absolute; right: 25px; top: 25px; width:10px; height: 10px; background:url('../images/renew/main/btn_lucky_arrow.png') no-repeat;}
.pop_dragdrop.popup_5 p {font-size:0;}
     

@media (max-width:1280px){
	
	
}
@media (max-width:1024px){
	
	#main1 .inner  {padding:0;}
	#main1 .inner .slide img {width:100%;}
	#main1 .m1_prev, #main1 .m1_next {display: none !important;}
	#main1 .pagingInfo {left:auto; right:70px;}
	
	section#main2 {padding:40px 0 35px 0;}
	#main2 .inner > ul > li > div h5 {font-size:34px;}
	#main2 .inner > ul > li {height:300px;}
	#main2 .inner > ul > li > div button {bottom:40px;}
	#main2 .inner > ul {flex-wrap: wrap; flex-direction: row; border:none}
	#main2 .inner > ul li {width:100%; border-radius: 20px; -webkit-box-shadow: 1px 1px 2px 0px rgba(0,0,0,0.08); -moz-box-shadow: 1px 1px 2px 0px rgba(0,0,0,0.08); box-shadow: 1px 1px 2px 0px rgba(0,0,0,0.08);}
	#main2 .inner > ul li:first-child {border-right:none; margin-bottom:25px;}
	#main2 .inner > ul li > div:nth-child(2) {text-align: right;}

/*	#main3 .inner {background: url(../images/renew/main/bg_main3_m.png) left no-repeat #f8f6f6; background-size: cover;}*/    
	#main3 .inner {background:url('../images/renew/main/bg_main3.png') center no-repeat; background-size:cover;}
	#main3 .inner .lu_txt > div {right:auto; width:100%; text-align: center;}	
	#main3 .inner .lu_txt > div span {padding-top:70px;}
/*	#main3 .inner .lu_txt > div {transform: translate(0, 84%); right: auto; width: 100%; text-align: center;}	*/
	
	
	#main4 .inner .today_wrap .today_tit {flex:1 1 100%; text-align: center;}
	#main4 .inner .today_wrap .today_tit h4 {margin-bottom:25px; font-size:34px;}
	#main4 .inner .today_wrap .today_con {flex:1 1 100%;}
	#main4 .inner .item-wrap_new { flex-direction: column; padding:0 30px;}
	#main4 .inner .item-wrap_new .img {display: inline-block; flex: 1 1 30%; vertical-align: middle; padding:0; height:35vw;}
	#main4 .inner .item-wrap_new .cont {display: inline-block; flex: 1 1 50%; padding-left: 20px; vertical-align: middle; text-align: left;}
	#main4 .inner .item-wrap_new .tit .t {font-size:16px;}
	#main4 .inner .item-wrap_new > li:nth-child(2) .cont {padding:0;}
	#main4 .inner .item-wrap_new .label {left:0px;}	
	#main4 .inner .item-wrap_new .in {display: flex;flex-direction: row; flex-wrap: nowrap; align-content: flex-start; justify-content: space-between; padding:0;}
	#main4 .inner .item-wrap_new .product_list:nth-child(2) .in {flex-direction: row-reverse; padding: 20px 0;}
	#main4 .inner .item-wrap_new .product_list:nth-child(2) .label {right: 0; left: auto;}
	#main4 .btn_wrap {padding:0 10px; margin-top:50px;}
	#main4 .btn_all {background:url('../images/renew/main/mall_bg.png') repeat-x; height:58px; width:100%; display: block; position: relative;}
	#main4 .btn_all::before {content:''; background:url('../images/renew/main/mall_left.png') no-repeat; height:58px; width:33px; display: inline-block; position: absolute; left:0; top:0;}
	#main4 .btn_all::after {content:''; background:url('../images/renew/main/mall_right.png') no-repeat; height:58px; width:33px; display: inline-block; position: absolute; right:0; top:0;}
	#main4 .inner .item-wrap_new .item {max-width: none;}
	
/*	section#main5 {background:url('../images/renew/main/bg_main5_m.png') 50% no-repeat; }*/
	#main5 .inner .cont_wrap .cont_tit h4 {font-size:28px;}
    
    .spot_popup0,
    .spot_popup1 {left:0 !important;}
	
	
}
@media screen and (max-width:768px) {	
	
	section#main5 {height:450px; background-size: cover; background-position: 80%;}
	#main5 .inner .cont_wrap .cont_con {text-align: center; padding: 15px 0; width: 100%; bottom: 70px;}
	#main5 .inner .cont_wrap .cont_con > span {margin:0 5px; }
	#main5 .inner .cont_wrap .cont_con > div {width:40px; height:58px;}
	
}
@media screen and (max-width:425px) {	
	
	#main2 .inner > ul > li {padding:40px 30px;}
	
	#main4 .inner .item-wrap_new .label {left:-10px;}
	#main4 .inner .item-wrap_new .product_list:nth-child(2) .label {right:-10px;}
	
	#main5 .inner .cont_wrap .cont_tit p {margin-bottom:25px;}
	#main5 .inner .cont_wrap .cont_con > span {margin:0 2px; }
	#main5 .inner .cont_wrap .cont_con > div {width:39px; height:58px;}

}
@media screen and (max-width:375px) {
	
}
@media (max-width:320px){
	
}