.banner{
	height: 777px;
	background: url(../../public/www/premium_account2019/banner.jpg) no-repeat center 0;
	position: relative;
}
.banner .des{
	position: absolute;
    left: 0;
    width: 100%;
    font-size: 32px;
    text-align: center;
    bottom: 289px;
    color: #fff;
}
.banner .join{
	position: absolute;
	width: 244px;
	height: 61px;
	text-align: center;
	line-height: 61px;
	background: url(../../public/www/premium_account2019/join_btn.png) no-repeat center 0 /100% 100%;
	border-radius: 60px;
	right: 0;
	left: 0;
	bottom: 187px;
	margin: auto;
	font-size: 30px;
	color: #ffffff;
	cursor: pointer;
	transition: all linear 0.2s;
	-webkit-transition: all linear 0.2s;
}
.banner .join:hover{
	padding: 0 5px;
}
.section1{
	padding: 99px 0 113px 0;
	text-align: center;
}
.section1 .section_title{
	font-size: 40px;
	line-height: 40px;
	padding-bottom: 21px;
	color: #3b3b3b;
	font-weight: bold;
}
.section1 .des{
	width: 570px;
	margin: 0 auto;
	font-size: 14px;
	line-height: 26px;
	color: #3b3b3b;
}
.section1 .list{
	font-size: 0;
	text-align: center;
	width: 950px;
	margin: 0 auto;
	display: flex;
	justify-content: space-between;
}
.section1 .list2 li{
	animation-delay: .3s;
}
.section1 .list li{
	width: 120px;
	display: inline-block;
	vertical-align: top;
	font-size: 14px;
	line-height: 14px;
	color: #3b3b3b;
	padding-top: 55px;
	position: relative;
	transform: scale(0);
}
.section1 .list li:after{
	position: absolute;
	content: '';
	width: 100%;
	height: 46px;
	left: 0;
	right: 0;
	top: 0;
	margin: auto;
	background: url(../../public/www/premium_account2019/section1_icon.png) no-repeat 0 0;
}
.section1 .list.list1{
	margin-top: 88px;	
	margin-bottom: 74px;
}
.section1 .list li.l1:after{
	width: 36px;
	background-position: 0 0;
}
.section1 .list li.l2:after{
	width: 47px;
	background-position: 0 -61px;
}
.section1 .list li.l3:after{
	width: 49px;
	background-position: 0 -120px;
}
.section1 .list li.l4:after{
	width: 53px;
	background-position: 0 -178px;
}
.section1 .list li.l5:after{
	width:45px;
	background-position: 0 -246px;
}
.section1 .list li.l6:after{
	width:45px;
	background-position: 0 -313px;
}
.section1 .list li.l7:after{
	width:46px;
	background-position: 0 -381px;
}
.section1 .list li.l8:after{
	width:42px;
	background: url(../../public/www/premium_account2019/l8Icon.png) no-repeat center / cover;
}
.section1 .list li.l9:after{
	width:46px;
	background-position: 0 -525px;
}
.section1 .list li.l10:after{
	width:50px;
	background-position: 0 -583px;
}
.section1 .list li.l11:after{
	width:44px;
	background-position: 0 -652px;
}
.section2{
	padding: 95px 0 64px 0;
	background: url(../../public/www/premium_account2019/section2.jpg) no-repeat center 0;
}
.section2 .section_title{
	font-size: 39px;
	line-height: 38px;
	font-weight: bold;
	text-align: center;
	color: #ffffff;
}
.section2 .des{
	font-size: 13px;
	line-height: 26px;
	padding-top: 18px;
	width: 741px;
	margin: 0 auto;
	color: #ffffff;
	text-align: center;
}
.section2 .list{
	font-size: 0;
	text-align: center;
	width: 1200px;
	margin: 89px auto 0;
}
.section2 .list li{
	display: inline-block;
	width: 570px;
	position: relative;
	height: 148px;
	vertical-align: top;
	background-color: #fff;
	color: #3b3b3b;
}
.section2 .list li.l1,.section2 .list li.l4{
	color: #fff;
	background: url(../../public/www/premium_account2019/section2_list.jpg) no-repeat center 0;
}
.section2 .list li.l1,.section2 .list li.l2{
	margin-bottom: 26px;
}
.section2 .list li.l1,.section2 .list li.l3{
	margin-right: 59px;
}
.section2 .list li .cont{
	padding-top: 47px;
	padding-left: 126px;
	text-align: left;
	width: 407px;
}
.section2 .list li .cont .div_title{
	font-size: 20px;
	line-height: 20px;
	padding-bottom: 4px;
	font-weight: bold;
}
.section2 .list li .cont .div_des{
	font-size: 14px;
	line-height: 24px;
}
.section2 .list li:after{
	position: absolute;
	content: '';
	width: 120px;
	height: 100%;
	top: 0;
	left: 0;
	background: url(../../public/www/premium_account2019/section2_list.png) no-repeat 0 0;
}
.section2 .list li.l1:after{
	width: 64px;
	background-position: 0 0;
	left: 46px;
}
.section2 .list li.l2:after{
	width: 68px;
	background-position: -106px 0;
	left: 38px;
}
.section2 .list li.l3:after{
	width: 72px;
	background-position: -222px 0;
	left: 38px;
}
.section2 .list li.l4:after{
	width: 64px;
	background-position: -361px 0;
	left: 42px;
}
.section3{
	text-align: center;
	padding: 135px 0 91px 0;
	background: url(../../public/www/premium_account2019/section3_title.png) no-repeat center 44px;
	background-color: #fff;
}
.section3 .section_title{
	font-size: 39px;
	font-weight: bold;
	line-height: 38px;
	color: #3b3b3b;
	text-align: center;
}
.section3 .des{
	font-size: 13px;
	line-height:13px;
	padding-top: 22px;
	color: #3b3b3b;
}
.section3 .list{
	width: 1200px;
	margin: 91px auto 0;
	font-size: 0;
}
.section3 .list li{
	display: inline-block;
	vertical-align: top;
	width: 570px;
	height: 148px;
	background-color: #ffffff;
	background: url(../../public/www/premium_account2019/border.png) no-repeat center 0;
	background-size: 100% 100%;
	-webkit-background-size: 100% 100%;
	text-align: left;
	position: relative;
}
.section3 .list li:after{
	position: absolute;
	content: '';
	width: 123px;
	height: 100%;
	top: 0;
	left: 0;
	background: url(../../public/www/premium_account2019/section3_list.png) no-repeat 0 0;
}
.section3 .list li.l2{
	margin-left:60px;
}
.section3 .list li.l2:after{
	background-position: 0 -187px;
}
.section3 .list .div_title{
	font-size: 20px;
	font-weight: bold;
	line-height: 20px;
	color: #3b3b3b;
	padding-left: 122px;
	padding-top: 49px;
}
.section3 .list .div_des{
	padding-left: 122px;
	padding-top: 15px;
	font-size: 14px;
	line-height:14px;
	color: #3b3b3b;
}
.section4{
	text-align: center;
	padding: 129px 0 103px 0;
	background: url(../../public/www/premium_account2019/section5_title.png) no-repeat center 53px;
	/* background: url(../../public/www/premium_account2019/section4.jpg) no-repeat center 0; */

}
.section4 .section_title{
	font-size: 39px;
	font-weight: bold;
	line-height: 39px;
}
.section4 .des{
	font-size: 13px;
	line-height: 13px;
	padding-top: 21px;
}
.section4 .list{
	font-size: 0;
	text-align: center;
	width: 1200px;
	margin: 104px auto 0;

	display: flex;
    justify-content: space-between;
    align-items: center;
    flex-wrap: wrap;

}
.section4 .list li{
	width: 570px;
	height: 148px;
	display: inline-block;
	background-color: #fff;
	vertical-align: top;
	text-align: left;
	position: relative;
	color: #3b3b3b;

	border-style: solid;
	border-width: 4px;
	border-image-source: linear-gradient(to left, #dea261 100%, #fed7aa);
	border-image-slice: 1;
}
.section4 .list li:after{
	position: absolute;
	content: '';
	height: 100%;
	width: 126px;
	left: 0;
	top: 0;
	background: url(../../public/www/premium_account2019/section4_list.png) no-repeat 0 0;
}
.section4 .list li.l1:after{
	top: 30%;
    left: 8%;
	background: url(../../public/www/premium_account2019/start.svg) no-repeat 0 0;
}
.section4 .list li.l2:after{
	background-position: 0 -296px;
}
.section4 .list li.l3:after{
	background-position: 0 -148px;
}
.section4 .list li.l4:after{
	top: 30%;
    left: 8%;
	background: url(../../public/www/premium_account2019/golden.svg) no-repeat 0 0;
}
.section4 .list li.l1,.section4 .list li.l4{
	/* color: #fff; */
	/* background: url(../../public/www/premium_account2019/section2_list.jpg) no-repeat center 0; */
	background-size: 100% 100%;
}
.section4 .list li.l1,.section4 .list li.l2{
	margin-bottom: 26px;
}

.section4 .list li .div_title{
	font-size: 20px;
	line-height: 20px;
	padding-bottom: 4px;
	padding-left: 123px;
	padding-top: 53px;
	font-weight: bold;
}
.section4 .list li .div_des{
	font-size: 14px;
	line-height: 24px;
	padding-left: 123px;
}
.section5{
	text-align: center;
	padding: 110px 0 112px 0;
	/* background: url(../../public/www/premium_account2019/section5_title.png) no-repeat center 53px; */
	background: url(../../public/www/premium_account2019/section4.jpg) no-repeat center 0;
}
.section5 .section_title{
	font-size: 39px;
	font-weight: bold;
	line-height: 38px;
	padding-bottom: 21px;
	color: #fff;
}
.section5 .des{
	font-size: 13px;
	line-height: 13px;
	color: #fff;
}
.section5 .list{
	font-size: 0;
	text-align: center;
	width: 1200px;
	margin: 104px auto 0;
}
.section5 .list li{
	width: 570px;
	height: 148px;
	display: inline-block;
	background-color: #fff;
	vertical-align: top;
	text-align: left;
	position: relative;
	color: #3b3b3b;
	/* background: url(../../public/www/premium_account2019/border.png) no-repeat center 0 ; */
	background-size: 100% 100%;
}
.section5 .list li.l1,.section5 .list li.l4{
	color: #fff;
	background: url(../../public/www/premium_account2019/section2_list.jpg) no-repeat center 0;
	background-size: 100% 100%;
}
.section5 .list li:after{
	position: absolute;
	content: '';
	height: 100%;
	width: 126px;
	left: 0;
	top: 0;
	background: url(../../public/www/premium_account2019/section5_list.png) no-repeat 0 0;
}
.section5 .list li.l1:after{
	top: 30%;
    left: 8%;
	background: url(../../public/www/premium_account2019/crown.svg) no-repeat 0 0;
}
.section5 .list li.l2:after{
	background-position: 0 -296px;
}
.section5 .list li.l3:after{
	background-position: 0 -148px;
}
.section5 .list li.l4:after{
	top: 30%;
    left: 8%;
	background: url(../../public/www/premium_account2019/gotop.svg) no-repeat 0 0;
}
.section5 .list li.l1,.section5 .list li.l2{
	margin-bottom: 26px;
}
.section5 .list li.l1,.section5 .list li.l3{
	margin-right: 59px;
}
.section5 .list li .div_title{
	font-size: 20px;
	line-height: 20px;
	padding-bottom: 4px;
	padding-left: 122px;
	font-weight: bold;
	padding-top: 53px;
}
.section5 .list li .div_des{
	font-size: 14px;
	line-height: 24px;
	padding-left: 122px;
}
.section6{
	padding: 109px 0 128px 0;
	background: url(../../public/www/premium_account2019/section5.jpg) no-repeat center 0;
	text-align: center;
}
.section6 .section_title{
	font-size: 39px;
	font-weight: bold;
	line-height: 39px;
	color: #323232;
}
.section6 .section_des{
	font-size: 13px;
	line-height: 13px;
	color: #323232;
	padding-top: 21px;
}
.section6 .list{
	width: 1064px;
	/* height: 603px; */
	margin: 39px auto 0;
	border-radius: 20px;
	/* background: url(../../public/www/premium_account2019/section6_list.jpg) no-repeat center 0 #fff; */
}
.section6 .list table{
	width: 100%;
	overflow: hidden;
}
.section6 .list th , .section6 .list td{
	font-size: 18px;
	text-align: left;
}
.section6 .list th:nth-of-type(1){
	border-top-left-radius: 25px;
}
.section6 .list th:nth-of-type(4){
	border-top-right-radius: 25px;
}
.section6 .list th{
	padding: 14px;
	background-image: linear-gradient(to left, #dea261 100%, #fed7aa);
	color: #fff;
	padding-left: 50px;
	
	
}
.section6 .list td{
	padding: 10px;
	background-color: #fff;
	text-align: center;
	color: #7d7d7d;
}
.section6 .list td:nth-of-type(1){
	padding-left: 50px;
	text-align: left;
}
.section6 .list tr:not(:last-child){
	border-bottom: 1px solid #d8d8d8;
}
.section6 .list tr td:not(:last-child){
	border-right: 1px solid #d8d8d8;
}
.sub{
	display: flex;
	align-items: flex-end;
}
/* .section6 .list tr:nth-of-type(1) th{
	display: flex;
	align-items: flex-end;
} */

.section6 .list tr:nth-of-type(10) td:nth-of-type(1){
	border-bottom-left-radius: 25px;
}
.section6 .list tr:nth-of-type(10) td:nth-of-type(4){
	border-bottom-right-radius: 25px;
}
.section6__corect{
	text-align: center;
}
.section7{
	padding: 99px 0 63px 0;
	text-align: center;
	position: relative;
	z-index: 7;
	background: url(../../public/www/premium_account2019/section7.jpg) no-repeat center 0;
}
.section7 .section_title{
	font-size: 39px;
	font-weight: bold;
	line-height: 39px;
	color: #323232;
}
.section7 .section_des{
	font-size: 13px;
	line-height: 13px;
	color: #323232;
	padding-top: 21px;
}
.section7 .list{
	font-size: 0;
	text-align: center;
	margin-top: 85px;
}
.section7 .list li{
	display: inline-block;
	vertical-align: top;
	width: 384px;
	height: 500px;
	background-color: #ffffff;
	box-shadow: 5px 4px 60px 0px 
		rgba(28, 59, 120, 0.12);
	border-radius: 5px;
	text-align: left;
	background-image: url(../../public/www/premium_account2019/section7_list.png);
	background-repeat: no-repeat;
	background-position: 0 0;
}
.section7 .list li.l2{
	margin-left: 99px;
	background-position: right 0;
}
.section7 .list li .div_title{
	font-size: 30px;
	font-weight: bold;
	line-height: 30px;
	padding-bottom: 45px;
	position: relative;
	padding-left: 27px;
	color: #3b3b3b;
	padding-top: 334px;
}
.section7 .list li .div_title:after{
	position: absolute;
	content: '';
	width: 57px;
	height: 4px;
	background-image: linear-gradient(270deg, 
		#d99e5e 0%, 
		#f0c99b 100%), 
	linear-gradient(
		#000000, 
		#000000);
	background-blend-mode: normal, 
		normal;
	left: 27px;
	bottom: 14px;	
}
.section7 .list li .div_des{
	font-size: 14px;
	font-weight: normal;
	line-height: 38px;
	color: #3b3b3b;
	padding-left: 27px;
}
.section7 .join{
	font-size: 30px;
	font-weight: bold;
	line-height: 30px;
	color: #3b3b3b;
	margin-top: 109px;
}
.section7 .botton_btns{
	font-size: 0;
	text-align: center;
	margin-top: 35px;
}
.section7 .botton_btns a{
	display: inline-block;
	vertical-align: top;
	width: 244px;
	height: 61px;
	font-size: 30px;
	font-weight: normal;
	line-height: 61px;
	color: #ffffff;
	background: url(../../public/www/premium_account2019/section7_btn.png) no-repeat 0 0;
	cursor: pointer;
}
.section7 .botton_btns a.a2{
	margin-left: 89px;
	background-position: right 0;
	position: relative;
}
.section7 .botton_btns a.a2:hover:after{
	position: absolute;
    content: "手机扫描下载最新版本";
    font-size: 14px;
    color: rgb(102, 102, 102);
    text-align: center;
    width: 173px;
    padding-top: 162px;
    height: 35px;
    line-height: 19px;
    left: 0;
    right: 0;
    bottom: -206px;
    margin: auto;
    background: url(../../public/www/qr_fts.png) center 15px no-repeat rgb(255, 255, 255);
}
.section7 .zg_rule{
	display: inline-block;
	margin-top: 46px;
	font-size: 18px;
	text-decoration: underline;
	line-height: 38px;
	color: #5057ea;
	cursor: pointer;
}





/*keyframes样式*/
/* 标题类 ↓↓*/
.title_ani{
	animation: titleanimate .7s ease-out ;
  }
  @keyframes titleanimate{
	0%{
	  transform: translateY(150%);
	  opacity: 0;
	}
	100%{
	  transform: translateY(0px);
	  opacity: 1;
	}
  }
  .title_ani2{
	animation: toleft_title_ani .7s ease-out ;
  }
  @keyframes toleft_title_ani{
	0%{
	  transform: translateX(20%);
	  opacity: 0;
	}
	100%{
	  transform: translateX(0px);
	  opacity: 1;
	}
  }
  /*icon*/
  .icon_ani{
	animation: iconanimate 1s ease-out forwards;
  }
  @keyframes iconanimate{
	0%{
	  transform: scale(0);
	  opacity: 0;
	}
	70%{
	  transform: scale(1.2);
	  opacity: 0.7;
	}
	100%{
	  transform: scale(1);
	  opacity: 1;
	}
  }

  /*內容*/
.toright_ani{
	animation: toright_animate 1s ease-in-out;
  }
  @keyframes toright_animate{
	0%{
	  transform: translateX(-100%);
	  opacity: 0;
	}
	30%{
	  opacity: 0;
	}
	70%{
	  opacity: 0.7;
	  transform: translateX(3%);
	}
	100%{
	  opacity: 1;
	  transform: translateX(0);
	}
  }
  
  .toleft_ani{
	animation: toleft_animate 1s ease-in-out;
  }
  @keyframes toleft_animate{
	0%{
	  transform: translateX(100%);
	  opacity: 0;
	}
	30%{
	  opacity: 0;
	}
	70%{
	  opacity: 0.7;
	  transform: translateX(-3%);
	}
	100%{
	  opacity: 1;
	  transform: translateX(0);
	}
  }
  .torb_ani{
	  animation: rb_animate .7s ease-in-out;
  }
  @keyframes rb_animate{
	  0%{
		  transform: translate(-30%, -30%);
		  opacity: 0;
	  }
	  100%{
		transform: translate(0, 0);
		opacity: 1;
	  }
  }
  .tolb_ani{
	animation: lb_animate .7s ease-in-out;
}
@keyframes lb_animate{
	0%{
		transform: translate(30%, -30%);
		opacity: 0;
	}
	100%{
	  transform: translate(0, 0);
	  opacity: 1;
	}
}
.tort_ani{
	animation: rt_animate .7s ease-in-out;
}
@keyframes rt_animate{
	0%{
		transform: translate(-30%, 30%);
		opacity: 0;
	}
	100%{
	  transform: translate(0, 0);
	  opacity: 1;
	}
}
.tolt_ani{
	animation: lt_animate .7s ease-in-out;
}
@keyframes lt_animate{
	0%{
		transform: translate(30%, 30%);
		opacity: 0;
	}
	100%{
	  transform: translate(0, 0);
	  opacity: 1;
	}
}