/*
 *  http://qietu.com

/*reset*/
 html{-webkit-text-size-adjust:none; /*解决chrome浏览器下字体不能小于12px*/}
 body{ color:#000000; font-family:Verdana, Arial, Helvetica, sans-serif;}
a{outline:none; text-decoration:none;} a:hover{ text-decoration:underline;}
html{zoom:1;}html *{outline:0;zoom:1;} html button::-moz-focus-inner{border-color:transparent!important;} 
body{overflow-x: hidden; font-size:12px;} body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,input,textarea,p,blockquote,th,td{margin:0;padding:0;} table{/*border-collapse:collapse;border-spacing:0;*/} fieldset,a img{border:0;} address,caption,cite,code,dfn,em,th,var{font-style:normal;font-weight:normal;} li{list-style:none;} caption,th{text-align:left;} h1,h2,h3,h4,h5,h6{font-size:100%;font-weight:normal;} q:before,q:after{content:'';}
input[type="submit"], input[type="reset"], input[type="button"], button { -webkit-appearance: none; /*去掉苹果的默认UI来渲染按钮*/} em,i{ font-style:normal;}



/*common*/
.clearfix:after {content:"."; display:block; height:0; clear:both; visibility:hidden; }.clearfix {display:block;}.clear{ clear:both;}
.colwrapper { overflow:hidden; zoom:1 /*for ie*/; margin:5px auto; }
.strong{ font-weight: bold;} .left{ float: left;} .right{ float: right;} .center{ margin:0 auto; text-align:center;}
.show{ display:block; visibility:visible;}.hide{ display: none; visibility:hidden;}
.block{ display:block;} .inline{ display:inline;}
.break{ word-wrap:break-word;overflow:hidden; /*word-break:break-all;*/}

.tal{ text-align:left} .tar{ text-align:right;}

/*文字两侧对齐*/
.justify {
	text-align:justify;
	text-justify:distribute-all-lines;/*ie6-8*/
	text-align-last:justify;/* ie9*/
	-moz-text-align-last:justify;/*ff*/
	-webkit-text-align-last:justify;/*chrome 20+*/
}

.toe{
	/*超出省略号*/
	 word-break:keep-all;
white-space:nowrap;
overflow:hidden;
text-overflow:ellipsis;
}
@media screen and (-webkit-min-device-pixel-ratio:0){/* chrome*/
	.justify:after{
		content:".";
		display: inline-block;
		width:100%;
		overflow:hidden;
		height:0;
	}
}

  a{ color:#5d5d5e; transition: all 0.3s ease-in-out 0s;}
  a:hover{ color:#3e6ed4;}
 
body{font-family: "Microsoft YaHei",sans-serif;}

.css3{
	/*transition: all 0.3s ease-in-out 0s;*/
	
	-webkit-transform:translate3d(0, -20px, 0);
	-ms-transform:translate3d(0, -20px, 0);
	transform:translate3d(0, -20px, 0);
	
	-webkit-transition-property:opacity, -webkit-transform;
	transition-property:opacity, transform;
	-webkit-transition-duration:1000ms;
	transition-duration:1000ms;
	-webkit-transition-timing-function:cubic-bezier(0.25, 0.46, 0.33, 0.98);
	transition-timing-function:cubic-bezier(0.25, 0.46, 0.33, 0.98);
	
	-webkit-transition-delay:800ms;
	transition-delay:800ms
}
.css3.animated{
	-webkit-transform:translate3d(0, 0, 0);
	-ms-transform:translate3d(0, 0, 0);
	transform:translate3d(0, 0, 0);
}

body,select,input,view,text,button,textarea{
    font-family:'PingFang SC','microsoft yahei',arial,'helvetica neue','hiragino sans gb',sans-serif;
}
body{
    background-color: #fff5eb; color: #333333; font-size: 26px; padding-bottom: 195px;
}
.wrapper{
    width: 1220px; margin: 0 auto;
}
a:hover{
    text-decoration: none;
}
.landpage-header{
    background: url(../images/banner.jpg) no-repeat center/cover; height: 750px; display: flex; justify-content: center; align-items: center;
}
.landpage-header__title{

}
.landpage-header__title img{
    height: 275px;
}
.landpage-header__btn{
    margin-top: 76px;
}
.landpage-header__btn a{
    display: inline-block; font-size: 30px;color: #fff; padding: 16px 65px; background-color: #ff6029; border-radius: 35px; 
}
.landpage-header__btn a:hover{
    opacity: 0.95;
}
.common-title{
    margin-top: 95px; text-align: center; font-size: 42px; margin-bottom: 50px; font-weight: bold;
}
.common-title::after{
    content: ""; display: block; margin: 0 auto; width: 60px;height: 6px; border-radius: 6px; background-color: #ff6029; margin-top: 20px;
}
.landpage-aobut__body{
    line-height: 1.7; margin-bottom: 40px;text-align: justify;
}
.landpage-set__body{
 display: flex; gap: 10px; margin-bottom: 40px;
}
.landpage-set__body .card{
    background-color: #ffffff; border: 2px solid #ffbe93; border-radius: 30px;padding: 40px 30px;
}
.landpage-set-title{
    font-size: 36px; color: #ff6029;margin-bottom: 30px; font-weight: bold;
}
.landpage-set-desc{
    line-height: 1.7;text-align: justify;
}
.landpage-rule__body{
     background-color: #fffbf8; border: 2px solid #ffbe93; border-radius: 30px;padding: 60px 40px;
     line-height: 1.7; text-align: justify; margin-bottom: 40px;
}
.landpage-plan__body{
   margin-bottom: 40px;
}
.landpage-plan__body ul{
 display: flex; gap: 12px; border-top: 2px solid #999999; padding-top: 60px;
}
.landpage-plan__body li{
    background-color: #fea067; border-radius: 20px; width: 235px;padding: 0 20px ; color: #fff;display: flex;flex-wrap: wrap;   justify-content: center;  align-content: space-between; text-align: center; height: 385px; position: relative;
}
.landpage-plan__body li::before{
    content: "";width: 45px; height: 45px; border-radius: 50%;  display: block;
    position: absolute ; left: 50%; top: -81.5px; margin-left: -21.5px;background: url(../images/dot.png) no-repeat center/cover;
}
.landpage-plan__body li::after{
     content: ""; display: block; position: absolute; top: -24px;
       width: 0;
  height: 0;
  border-left: 22px solid transparent;
  border-right: 22px solid transparent;
  border-bottom:25px solid #fea067;
}
.landpage-plan__body li:nth-child(1){
    background-color: #feca91 !important;
}
.landpage-plan__body li:nth-child(1)::after{
    border-bottom-color:#feca91 !important ;
}
.landpage-plan__body li:nth-child(2){
    background-color: #feb57c !important;
}
.landpage-plan__body li:nth-child(2)::after{
    border-bottom-color:#feb57c !important ;
}
.landpage-plan__body li:nth-child(3){
    background-color: #fea067 !important;
}
.landpage-plan__body li:nth-child(3)::after{
    border-bottom-color:#fea067 !important ;
}
.landpage-plan__body li:nth-child(4){
    background-color: #ff8a53 !important;
}
.landpage-plan__body li:nth-child(4)::after{
    border-bottom-color:#ff8a53 !important ;
}
.landpage-plan__body li:nth-child(5){
    background-color: #ff753e !important;
}
.landpage-plan__body li:nth-child(5)::after{
    border-bottom-color:#ff753e !important ;
}
.landpage-plan__body h4{
    font-size: 48px; padding-top: 90px; width: 100%;
}
.landpage-plan__body h3{
    font-size:42px; font-weight: bold; padding-bottom: 70px; width: 100%;
}
.landpage-plan__body p{
    margin-top: 40px;
}

.landpage-award__body{
	padding: 45px 75px;
	border: #fd9b3e solid 1px;
	border-radius: 40px;
	background: #fff;
}
.landpage-award__body .tit{
	font-size: 60px; text-align: center;
}
.landpage-award__body .tit strong{
	color: #fa6226;
}
.landpage-award__body .item{
	margin-top: 55px; text-align: center;
}
.landpage-award__body .item__hd h2{
	
	height: 65px;
	line-height: 65px;
	padding: 0 36px;
	background: #ff6029;
	border-radius: 65px;
	color: #fff;
	font-weight: bold;
	display: inline-block;
}
.landpage-award__body .item__hd p{
	margin-top: 15px; font-size: 24px;
}
.landpage-award__body .item__bd{
	margin-top: 55px;
}
.landpage-award__body .item__bd ul{
	display: flex; justify-content: space-between;
}
.landpage-award__body .item__bd li{
	width: 33.33%; 
	border-right:#d9d4d1 solid 1px;
	padding-left: 60px;
	text-align: left;
}
.landpage-award__body .item__bd li:last-child{
	border: none;
}
.landpage-award__body .item__bd li h3{
	font-size: 40px; 
}
.landpage-award__body .item__bd li h3 i{
	display: inline-block;
	width: 46px; height: 46px; line-height: 46px;
	text-align: center; color: #fff;
	background: #ff6029;
	font-size: 22px; border-radius: 46px;
	margin-left: 15px;
	vertical-align: middle;
	position: relative; top: -2px;
}
.landpage-award__body .item__bd li h2{
	font-size: 50px; font-weight: bold;
}
.landpage-award__body .item__bd li h4{
	font-size: 24px; font-weight: bold;
	background: url(../images/plus.png) no-repeat left center;
	padding-left: 60px; 
}
.landpage-award__body .item__bd li h4 small{
	display: block; font-size: 24px; font-weight: normal;
}
.landpage-award__body .tip{
	margin-top: 65px; font-size: 24px; line-height: 1.7;
}

.landpage-adv__body{
	padding: 65px 55px;
	border: #fd9b3e solid 1px;
	border-radius: 40px;
	background: #fff;
}
.landpage-adv__body li{
	margin-bottom: 75px;
}
.landpage-adv__body .tit{
	height: 65px;
	line-height: 65px;
	padding: 0 36px;
	background: #ff6029;
	border-radius: 65px;
	color: #fff;
	font-weight: bold;
	display: inline-block;
}
.landpage-adv__body .desc{
	margin-top: 30px; font-size: 24px; line-height: 1.7;
}

.landpage-cotnact__body{
	background: #ff6029; color: #fff;
	border-radius: 40px;
	padding: 70px 60px 50px;
	display: flex;
	justify-content: space-between;
	
}
.landpage-cotnact__body .txt{
	font-size: 32px;
	line-height: 2.5;

}
.landpage-cotnact__body .img img{
	width: 200px;
}



/*-----*/
.landpage-header{ background-color: #110205;}
	.wow{visibility: hidden;}
	.landpage-plan__body li::after{top: -22px;}
	.landpage-plan__body li:hover::after{transition: all 0.2s; top: -24px;}
/* 只需这两个类即可实现橙色渐变边框 */
.gradient-border {
	border: none !important;
    background: white;           /* 白色背景 */
    border-radius: 24px;        /* 圆角 */
    position: relative;
}

.gradient-border::before {
    content: '';
    position: absolute;
    inset: 0;
    border-radius: 24px;
    padding: 2px;
    /* 左上 #f9d187 → 右上 #f68f5b → 右下 #fefcff → 左下 #fc9658 */
    background: linear-gradient(135deg, 
        #f9d587 0%,   /* 左上 */
        #f6732d 30%,  /* 右上区域 */
        #fca36b 80%,  /* 右下区域 */
        #fff 100%  /* 左下区域 */
    );
    -webkit-mask: linear-gradient(#fff 0 0) content-box, linear-gradient(#fff 0 0);
    mask: linear-gradient(#fff 0 0) content-box, linear-gradient(#fff 0 0);
    -webkit-mask-composite: xor;
    mask-composite: exclude;
    pointer-events: none;
}


/*-------------------------------*/
@media (max-width:1250px) {
.wrapper{
    width: 90%;
}
body{
    padding-bottom: 50px;font-size: 20px;
}
.landpage-header{
    height: 650px;
}
.landpage-header__title img{
    height: 180px;
}
.landpage-header__btn{
    margin-top: 60px;
}
.landpage-header__btn a{
    font-size: 22px; padding: 12px 50px;
}
.common-title{
    font-size: 32px;margin-top:65px;    margin-bottom: 35px;
}
.common-title::after{
    width: 50px; height: 4px;margin-top: 12px;
}
.landpage-set-title{
    font-size: 24px;margin-bottom: 15px;
}
.landpage-plan__body ul{
    padding-top: 35px;
}
.landpage-plan__body li{
    padding: 0 10px; height: 160px;
}
.landpage-plan__body li::after{
        border-left: 12px solid transparent;
    border-right: 12px solid transparent;
    border-bottom: 15px solid #fea067;    top: -14px;
}
.landpage-plan__body li::before{
    width: 25px; height: 25px; margin-left: -12.5px;top: -48.5px;
}
.landpage-plan__body h4{
    font-size: 23px; padding-top: 30px;
}
.landpage-plan__body h3{
    font-size: 24px; padding-bottom: 25px;
}
.landpage-set__body .card{
    padding: 20px 20px; border-radius: 16px;
}
.landpage-rule__body{
     padding: 20px 20px; border-radius: 16px;
}
.landpage-award__body .tit{
    font-size: 30px;
}
.landpage-award__body{
    padding: 20px 20px; border-radius: 16px;
}
.landpage-award__body .item{
    margin-top: 40px;
}
.landpage-award__body .item__hd h2{
    height: 45px; line-height: 45px;
}
.landpage-award__body .item__hd p{
    font-size: 16px;
}
.landpage-award__body .item__bd{
    margin-top: 40px;
}
.landpage-award__body .item__bd li{
    padding-left:5%;
}
.landpage-award__body .item__bd li h3{
    font-size: 22px;
}
.landpage-award__body .item__bd li h3 i{
    font-size: 16px; width: 30px; height: 30px; line-height: 30px;
}
.landpage-award__body .item__bd li h2{
    font-size: 24px;
}
.landpage-award__body .item__bd li h4{
    font-size: 18px; padding-left: 20px; background-size: 15px auto;
}
.landpage-award__body .item__bd li h4 small{
    font-size: 16px;
}
.landpage-award__body .tip{
    font-size: 18px;
}
.landpage-adv__body{
      padding: 25px 20px; border-radius: 16px;
}
.landpage-adv__body .tit{
    height: 45px; line-height: 45px;
}
.landpage-adv__body .desc{
    font-size: 18px; margin-top: 22px;
}
.landpage-adv__body li{
    margin-bottom: 40px;
}
.landpage-cotnact__body{
    padding: 25px 20px; border-radius: 16px;
}
.landpage-cotnact__body .txt{
    font-size: 22px;
}
.landpage-cotnact__body .img img{
    width: 150px;
}
}
@media (max-width:780px) {
.landpage-header__title img{
    height: 110px;
}
.landpage-header{
    height: 400px;
}
.landpage-header__btn {
    margin-top: 30px;
}
.landpage-header__btn a{
    font-size: 18px;
}
.landpage-set__body{
    display: block;
}
.landpage-set__body .card +.card{
    margin-top: 20px;
}
.landpage-plan__body ul{
    border-left: 1px solid #999999;  border-top: 0;padding-top: 0; padding-left: 20px; display: block; margin-left: 10px;
}
.landpage-plan__body li{
    width: 90%;
}
.landpage-plan__body li + li{
margin-top: 15px;
}
.landpage-plan__body li::before{
    margin-left: 0; left: -35px; top: 50%; margin-top: -15px;
}
.landpage-plan__body li::after{
    display: none;
}
.landpage-award__body .item__bd ul{
    display: block;
}
.landpage-award__body .item__bd li{
    width: 95%; border-bottom: #d9d4d1 solid 1px; border-right: 0; padding-bottom: 20px; margin-bottom: 20px; text-align: center; padding-left: 0;
}
.landpage-award__body .item__bd li h4{
	display: inline-block; text-align: left;
}
.landpage-award__body .tip{
    margin-top: 30px;
}
.landpage-cotnact__body{
    display: block;
}
.landpage-cotnact__body .txt{
    line-height: 1.7; font-size: 18px;
}
.landpage-cotnact__body .img img{
    width: 120px;margin: 15px auto; display: block;
}
}