#Page{background: #C01C01;}
#Main{background: url('/images/newpc/sprcial/join/icon_banner.jpg') center -30%; background-size: 100% auto; background-color:#C01C01; overflow: hidden; position: relative; top: -120px; z-index: 1; min-width: 1200px; padding-top: 17%; margin-bottom: -120px;}
#new_bottom{margin-top: 0!important;}
.section.section_content{padding-top: 0;position: relative;}
.section .section_div.section_box{margin: 0;}
.section .section_ul{padding: 0;margin: 0;list-style: none;}
.section .section_li {width: 280px;margin: 10px 10px 32px;float: left; box-sizing: border-box;background: linear-gradient(31.8deg,#5A5377,#E8B385,#E8B385,#E8B385,#5A5377);}
.banner_image{position: absolute;width: 100%;top: 112px; left: 0;}
.bg_left{position: absolute;top: 15%;left: 7%;width: 21.61%;-webkit-animation: moveFromLeft 3s ease;animation: moveFromLeft 3s ease;}
.bg_right{position: absolute;top: 9.5%;right: -1%;width: 37.5%;-webkit-animation: moveFromRight 3s ease;animation: moveFromRight 3s ease;} 
.banner_view{text-align: center;margin-bottom: 186px;}
.banner_view .banner_title{font-size: 96px;color: #DF2500;font-weight: bold;}
.banner_view .banner_subtitle{font-size: 44px;padding: 16px 0;}
.banner_view .banner_preferential{font-size: 40px;font-weight: bold;line-height: 138px;background: url('/images/newpc/sprcial/join/banner_preferential.png') center center no-repeat;background-size: auto 100%;}
.banner_view .banner_preferential .preferential_num{font-size: 64px;color: #DF2500;font-weight: bold;font-family: Georgia;}
.banner_view .banner_btn{display: inline-block; font-size: 36px;background-color: #DF2500;color: #fff;line-height: 114px;width: 504px;margin-top: 104px;border-radius: 200px;cursor: pointer;}
.coupon_view .coupon_list{background:url('/images/newpc/sprcial/join/coupon_bgimage.png') center center no-repeat;background-size: 100% 100%;position: relative;text-align: center;padding-bottom: 46px;}
.coupon_view .coupon_list .coupon_price{font-size: 28px;margin:0 22px;padding: 28px 0 10px;border-bottom: 1px solid #F4C392;color: #cc0000;}
.coupon_view .fuli_list .coupon_price{padding: 57px 0 19px;font-size: 36px;}
.coupon_view .fuli_list .coupon_text{padding-top: 24px;}
.coupon_view .coupon_list .coupon_price .coupon_num{font-size:74px;font-family: Georgia;}
.coupon_view .coupon_list .coupon_title{font-size: 24px;padding: 18px 0 56px;font-weight: bold;color: #000000;}
.coupon_view .coupon_list .coupon_btn{font-size:16px;background: #cc0000;width: 150px;line-height: 45px;display: inline-block;color: #fff;border-radius: 100px;cursor: pointer;}
.coupon_view .coupon_list .coupon_tip{font-size:16px;padding-top: 12px;color: #6E6B68;}
.coupon_view .coupon_list .coupon_text{font-size: 14px;position: absolute;top: 0;right: 0;width: 31px;height: 100px;text-align: center;padding: 12px 6px;box-sizing: border-box;color: #ffffff;line-height: 1.2;background: url('/images/newpc/sprcial/join/coupon_icon.png') top center no-repeat;background-size: 100% auto;}
.coupon_view .fuli_list .coupon_text{padding-top: 24px;}
.coupon_view .coupon_list .wave_top{position: absolute;top: 0;right: 0;width: 100%;}
.coupon_view .coupon_list .wave_bottom{position: absolute;bottom: 0;right: 0;width: 100%;}
.explain_title_view{padding: 60px 0 42px;height: 40px;}    
.explain_title_view .explain_title{font-size: 30px;color: #ffffff;display: inline-block;padding: 0 20px;}
.explain_title_view .title_icon{display: inline-block;vertical-align: top;position: relative;top: 50%;transform: translateY(-50%);}
.explain_title_view .title_icon_right{transform: translateY(-50%) rotate(180deg);}
.explain_view{text-align: left;background: url('/images/newpc/sprcial/join/wave_top.png') top center repeat-x #F5C898;margin: 0 10px;}
.explain_view .use_explain{padding-bottom: 52px;background: url('/images/newpc/sprcial/join/wave_bottom.png') bottom center repeat-x;line-height:250%;padding: 56px 84px;}
.explain_view .item_title{font-size: 18px;padding-bottom: 22px;font-weight: bold;}
.explain_view .item_text{font-size: 16px;padding-bottom: 14px;}
.explain_view .item_text .explain_btn{color: #2d8cf0;}
@-webkit-keyframes moveFromLeft {
	0%   {left:-1%;opacity: 0;} 
	30%  {left:0%;opacity: 0;}
	100% {left:7%;opacity: 1;}
}
@keyframes moveFromRight {
	0%   {right:-9%;opacity: 0;} 
	30%  {right:-8%;opacity: 0;}
	100% {right:-1%;opacity: 1;}
}

@media screen and (max-width: 1720px) {
    .banner_view .banner_btn{ margin-top: 60px;}
}
@media screen and (max-width: 1620px) {
   .banner_view .banner_title{font-size: 84px;}
   .banner_view .banner_subtitle {font-size: 40px;padding: 12px 0;}
   .banner_view .banner_preferential{font-size: 36px;line-height: 124px;}
   .banner_view .banner_preferential .preferential_num {font-size: 56px;}
   .banner_view .banner_btn{font-size: 32px;line-height: 90px;width: 436px;margin-top: 82px;}
}
@media screen and (max-width: 1460px) {
   .banner_view .banner_btn{ margin-top: 56px;}
}
@media screen and (max-width: 1350px) {
	#Main{padding-top: 20%;} 
   .banner_view .banner_title{font-size: 74px;}
   .banner_view .banner_subtitle {font-size: 36px;padding: 12px 0;}
   .banner_view .banner_preferential{font-size: 34px;line-height: 96px;}
   .banner_view .banner_preferential .preferential_num {font-size: 52px;}
   .banner_view .banner_btn{font-size: 28px;line-height: 72px;width: 360px;margin-top: 60px;}
}
@media screen and (max-width: 1250px) {
   .banner_view .banner_btn{ margin-top: 36px;}
}
@media screen and (max-width: 1200px) {
   #Main{padding-top: 216px;} 
}

@media screen and (max-width: 768px) {
    #Main{min-width: 0;top: 0;padding-top: 38px;}
	.banner_image{top: 0;} 
	.bg_left{top: 36px;left: 3%;}
	.bg_right{top: 27px;right:-3%;} 
	.banner_view{margin-bottom: 58px;}
	.banner_view .banner_title{font-size: 22px;}
	.banner_view .banner_subtitle {font-size: 12px;padding: 5px 0 2px;}
	.banner_view .banner_preferential{font-size: 12px;line-height: 36px;}
	.banner_view .banner_preferential .preferential_num {font-size: 20px;}
	.banner_view .banner_btn{font-size: 12px;line-height: 28px;width: 128px;margin-top: 8px;}
	.section .section_ul{display: flex;justify-content: space-between;flex-wrap: wrap;}
	.section .section_li{width: calc( 100%/2 - 10px);margin: 0 0 18px;padding-bottom: 20px;}
	.coupon_view .coupon_list .coupon_price{font-size: 12px;margin: 0px 12px;padding: 16px 0 6px;border-bottom: 1px solid #fff;}
	.coupon_view .fuli_list .coupon_price{padding: 30px 0 10px;font-size: 16px;}
	.coupon_view .coupon_list .coupon_price .coupon_num{font-size: 34px;}
	.coupon_view .coupon_list .coupon_title{font-size: 14px;padding: 8px 0 18px;}
	.coupon_view .coupon_list .coupon_btn{font-size: 12px;width: 100px;line-height: 30px;}
	.coupon_view .coupon_list .coupon_tip{font-size: 12px;padding: 8px 8px 0;}
	.coupon_view .coupon_list .coupon_text{font-size: 12px;width: 20px;padding: 5px 0px;}
	.coupon_view .fuli_list .coupon_text{padding-top: 12px;}
	.section_li_more{width: calc( 100%/2 - 10px);}
	.explain_title_view{padding: 14px 0;text-align: center; height: 24px;}
	.explain_title_view .explain_title{font-size: 18px;padding: 0 12px;} 
	.explain_view{padding: 0;margin: 0 0 78px}
	.explain_view .item_title{font-size: 14px;padding-bottom: 10px;}
	.explain_view .item_text{font-size: 12px;padding-bottom: 10px;}
	.explain_view .use_explain{padding: 14px;}
	@-webkit-keyframes moveFromLeft {
		0%   {left:-1%;opacity: 0;} 
		30%  {left:0%;opacity: 0;}
		100% {left:3%;opacity: 1;}
	}
	@keyframes moveFromRight {
		0%   {right:-7%;opacity: 0;} 
		30%  {right:-6%;opacity: 0;}
		100% {right:-3%;opacity: 1;}
	}
}
@media screen and (max-width: 320px) {
	#Main{padding-top: 28px;}
	.bg_left{top:48px;}
	.bg_right{top: 24px;} 
	.banner_view .banner_title{font-size: 20px;}
	.banner_view{margin-bottom: 46px;}
}
 
