/* Add here all your css styles (customizations) */
body {
  -webkit-overflow-scrolling: touch;
  overflow-scrolling: touch;
  height: 100%;
}

body,html{
  overflow-x: hidden;
  /*overflow-y: auto;*/
}
.menu-container .navbar-brand .default-logo,
.menu-container .navbar-brand .shrink-logo{
  width: 100px;
  /*height: 45px;*/
}
#arrow{
    width: 34px;
    height: 47px;
    background-size: cover;
}
.span-title{
  color: #232323;
}
.bg-color-light1{
  background: #ffffff !important;
}
.business{
	width: 100%;
	height: auto;
	position: relative;
	z-index: 15;
	padding:0px 0px 0px 0px;
	background: url(../images/business.png);
	background-size:100% 100%;
}
.business .business_txt {
	width: 100%;
	font-size: 20px;
	text-align: left;
	margin: 0 auto;
	color: rgba(77,77,77,1);
	text-indent: 35px;
}
.aboutYdl{
	width: 100%;
	height: auto;
	position: relative;
	z-index: 15;
	padding: 50px 0px 20px 0px;
	background: url(../images/aboutYdl.png);
	background-size: 100% 100%;
}
.aboutYdl .aboutYdl_txt {
	width: 100%;
	font-size: 20px;
	text-align: left;
	margin: 0 auto;
	color: rgba(77,77,77,1);
	text-indent: 35px;
}
.uimg{
	width: 100%;
	height: 190px;
	position: relative;
}
@media (max-width: 350px) {
  .swiper-container{
    width: 100%;
    height: 240px;
  }
  #liveimg{
    width: 100%;
    height: 120px;
    background: url(../images/img222.png);
    background-size:100% 100%;
    /*background-attachment: scroll;
    background-position: center 0;
    background-repeat: no-repeat;*/
  }
  /*#liveimg:before {
    content: ' ';
    position: fixed;
    z-index: -1;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    background: url(../images/img22.png.jpeg) center 0 no-repeat;
    background-size: cover;
  }*/
  #h1{
    margin-bottom: 35px;
  }
  .jpng_group{
	position: relative;
	width: 100%;
	height: 100%;
	margin-bottom: 20px;
  }
  .jpng{
	position: relative;
	width: 100%;
	height: 100%;
	background-size: 100% 100%;
  }
  .bglogos{
	width: 100%;
	height: 100%;
    background-size: 100% 100%;
    margin-top: 115px;
  }
  .poz{
    z-index: 15;
    position: relative;
    margin-top: 0;
    background: #fff;
  }
  .portfolio-box{
    width: 270px;
  }
  .h1-title{
    font-size: 24px; 
    color: #262626;
  }
  .h4-desc{
    font-size: 16px; 
    color: #bfbfbf;
    margin-top: 20px;
	padding: 0 10px;
  }
	.business  .business_txt,.aboutYdl .aboutYdl_txt{
	  font-size: 16px;
	  width: 100%;
  }
	.business{
		padding: 0;
    }
  .uimg{
    width: 120px;
    height: 100px;
  }
  .match{
    width: 300px;
  }
  h1.title-v3-md, h2.title-v3-md{
    font-size: 16px;
  }
  img.person-img{
    width: 110px;
    height: 110px;
  }
  .copyrighth1,.copyrighth4{
    font-size: 16px; 
  }
  .cooperation-img{
    width: 100px;
    height: 50px;
    background-size:cover;
  }
  #h4>a>img{
	width: 130px;
	height: 40px;
	background-size: 100% 100%;
  }
  .interactive-slider-v2.img-v4{
	width: 100%;
	height: 100%;
	padding: 0 !important;
	position: relative;
	left: 0;
	top: 0;
	right: 0;
	z-index: 10;
  }
	#arrow {
		position: relative;
		left: 0 !important;
	}
	.index,.kball,.us{
		position: relative;
		width: 100%;
		/*height: 95px;*/
		display: block;
		padding-top: 95px;
		margin-top: -95px;
	}
}
@media (min-width: 350px) and (max-width: 768px) {
  .swiper-container{
    width: 100%;
    height: 320px;
  }
	.col-sm-6 {
		width: 48%;
	}
  .posd{
	  width: 100%;
	  height: 40px;
  }
  #liveimg{
    width: 100%;
    height: 155px;
    background: url(../images/img222.png);
    background-size:100% 100%;
    /*background-attachment: scroll;
    background-position: center 0;
    background-repeat: no-repeat;*/
  }
  /*#liveimg:before {
    content: ' ';
    position: fixed;
    z-index: -1;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    background: url(../images/img22.png.jpeg) center 0 no-repeat;
    background-size: cover;
  }*/
  .bglogos{
	  width: 100%;
	  height: 200px;
	  background-size: 100% 100%;
	  margin-top: 80px;
  }
  .poz{
    z-index: 15;
    position: relative;
    /*margin-top: 95px;*/
    background: #fff;
  }
  .jpng_group{
	  position: relative;
	  width: 100%;
	  height: 100%;
	  margin-bottom: 20px;
  }
  .jpng{
	  position: relative;
	  width: 320px;
	  /*height: 320px;*/
	  background-size: 100% 100%;
  }
	#arrow {
		position: relative;
		left: 0 !important;
	}
  #h1{
    margin-bottom: 35px;
  }
  .portfolio-box{
    width: 310px;
  }
  .h1-title{
    font-size: 24px; 
    color: #262626;
  }
  .h4-desc{
    font-size: 16px; 
    color: #bfbfbf;
	padding: 0 10px;
    margin-top: 20px;
  }
	.business .business_txt,.aboutYdl .aboutYdl_txt{
		font-size: 16px;
		width: 100%;
	}
  .uimg{
    width: 115px;
    height: 100px;
  }
  .match{
    width: 300px;
  }
  h1.title-v3-md, h2.title-v3-md{
    font-size: 16px;
  }
  img.person-img{
    width: 110px;
    height: 110px;
  }
  .copyrighth1,.copyrighth4{
    font-size: 16px; 
  }
  .cooperation-img{
    width: 122.5px;
    height: 56px;
    background-size:cover;
  }
  #h4>a>img{
	width: 130px;
	height: 35px;
	background-size: 100% 100%;
  }
  .interactive-slider-v2.img-v4{
	width: 100%;
	height: 100%;
	padding: 0 !important;
	position: relative;
	left: 0;
	top: 0;
	right: 0;
	z-index: 10;
  }
	.index,.kball,.us{
		position: relative;
		width: 100%;
		/*height: 95px;*/
		display: block;
		padding-top: 95px;
		margin-top: -95px;
	}
}
@media (min-width: 769px) and (max-width: 980px) {
	.col-sm-6 {
         width: 48%;
     }
  .swiper-container{
    width:100%;
    height: 488px;
  }
  #liveimg{
    width: 100%;
    height: 396px;
    background: url(../images/img22.png.jpeg);
    background-size:100% 100%;
    /*background-attachment: scroll;
    background-position: center 0;
    background-repeat: no-repeat;*/
  }
  .bglogos{
	/*width: 100%;*/
    height: 290px;
    background-size: 100% 100%;
    margin-top: 140px;
  }
	.jpng_group{
		position: relative;
		width: 100%;
		height: 100%;
		margin-bottom: 20px;
	}
	.jpng{
		position: relative;
		width: 370px;
		/*height: 370px;*/
		background-size: 100% 100%;
		float: right;
		margin-top: -20%;
		right: 0;
	}
	#h4{
		width: 290px;
		margin: 0 auto !important;
	}
  .poz{
    z-index: 15;
    position: relative;
    /*margin-top:-150%;*/
    /*padding-top: 150%;*/
	margin-top: 0px;
    background: #fff;
  }
  .index,.kball,.us{
	  position: relative;
	  width: 100%;
	  /*height: 95px;*/
	  display: block;
	  padding-top: 95px;
	  margin-top: -95px;
  }
  #h1{
    margin-bottom: 50px;
  }
  .portfolio-box{
    width: 560px;
  }
  .h1-title{
    font-size: 36px; 
    color: #262626;
  }
  .h4-desc{
    font-size: 24px; 
    color: #bfbfbf;
    margin-top: 20px;
	padding: 0 10px;
  }
  .uimg{
    width: 230px;
    height: 190px;
  }
  .match{
    width: auto; 
  }
  .perw div{
    width: 22% !important;
  }
  .copyrighth1,.copyrighth4{
    font-size: 24px; 
  }
  .cooperation-img{
    width: 122.5px;
    height: 56px;
    background-size:cover;
  }
  #h4>a>img{
	width: 130px;
	height: 40px;
	background-size: 100% 100%;
  }
  .interactive-slider-v2.img-v4{
	width: 100%;
	height: 100%;
	padding: 0 !important;
	position: relative;
	left: 0;
	top: 0;
	right: 0;
	z-index: 10;
  }
  
}
@media (min-width: 991px) and (max-width: 1024px){
	.col-md-3 {
		width: 23%;
	}
  .swiper-container{
    width: 840px;
    height: 488px;
  }
  #liveimg{
    width: 100%;
    height: 396px;
    background: url(../images/img22.png.jpeg);
    background-size:100% 100%;
    /*position: relative;
    background-position: center 0;
    background-repeat: no-repeat;
    background-attachment: fixed;*/
  }
  .bglogos{
	width: 100%;
    height: 360px;
    background-size: cover;
    margin-top: 115px;
  }
  .jpng_group{
	position: relative;
	width: 100%;
	height: 100%;
	margin-bottom: 20px;
  }
  .jpng{
	  position: relative;
	  width: 370px;
	  /*height: 370px;*/
	  background-size: 100% 100%;
	  float: right;
	  margin-top: -20%;
	  right: -4% !important;
  }
  #h4{
	  width: 490px;
	  margin: 0 auto !important;
  }
  #arrow{
	left: 13%;
	position: relative;
  }
  .poz{
    z-index: 15;
    position: relative;
    /*margin-top: 100%;*/
    background: #fff;
  }
  #h1{
    margin-bottom: 50px;
  }
  .portfolio-box{
    width: 560px;
  }
  .h1-title{
    font-size: 36px; 
    color: #262626;
  }
  .h4-desc{
    font-size: 20px;
    color: #bfbfbf;
    margin-top: 20px;
	padding: 0 10px;
  }
  .business  .business_txt{
	font-size: 20px;
	width: 100%;
  }
  .uimg{
    width: 230px;
    height: 190px;
  }
  .match{
    width: auto; 
  }
  .perw div{
    width: 20% !important;
  }
  .copyrighth1,.copyrighth4{
    font-size: 18px;
  }
  .cooperation-img{
    width: 122.5px;
    height: 56px;
    background-size:cover;
  }
  .interactive-slider-v2.img-v4{
	width: 100%;
	height: 100%;
	padding: 0 !important;
	/*position: fixed;*/
	left: 0;
	top: 0;
	right: 0;
	z-index: 10;
  }
	.perw div{
		width: 22% !important;
	}
}
@media(min-width: 1025px){
	.col-md-3 {
		width: 23%;
	}
	.bglogos{
		/*width: 100%;*/
		height: 360px;
		background-size: cover;
		margin-top: 115px;
	}
	.jpng_group{
		position: relative;
		width: 100%;
		height: 100%;
		margin-bottom: 20px;
	}
	.jpng{
		position: relative;
		width: 370px;
		/*height: 370px;*/
		background-size: 100% 100%;
		float: right;
		margin-top: -20%;
		right: -5%;
	}
	#h4{
		width: 520px;
		margin: 0 auto !important;
	}
	#arrow{
		left: 13% !important;
		position: relative;
	}
	.interactive-slider-v2.img-v4 {
		width: 100%;
		height: 100%;
		padding: 0 !important;
		/*position: fixed;*/
		left: 0;
		top: 0px;
		right: 0;
		z-index: 10;
	}
	.poz {
		z-index: 15;
		position: relative;
		/*margin-top: 100%;*/
		background: #fff;
	}
	#liveimg {
		width: 100%;
		height: 396px;
		background: url(../images/img22.png.jpeg);
		background-size: 100% 100%;
	}
	.perw div{
		width: 22% !important;
	}
}
.match{
  display: flex;
  flex-wrap: wrap;
  text-align: center;
  justify-content: center;
  margin: 0 auto;
}
.match div{
  display: inline-block;
  text-align: center;
}
.swiper-slide img{
  width: 100%;
  height: 100%;
  background-size:cover;
}
.imgrecom{
  width: 100%;
  height: 100%;
  position: relative;
  margin: 0 auto;
  display: block;
  background-size: 100% 100%;
}
.aboutUs{
	position: relative;
	z-index: 15;
}
.footercon{
  width: 100%;
  display: flex;
  justify-content: center;
  flex-wrap: wrap;
  gap: 20px;
  position: relative;
  margin: 20px auto;
}
/* 联系我们/业务合作 卡片(替代原 1ico/2ico 图片,内容来自 js/site-config.js) */
.contact-card{
  width: 410px;
  max-width: 100%;
  box-sizing: border-box;
  background: #fff;
  border: 1px solid #e5e5e5;
  border-radius: 8px;
  box-shadow: 0 6px 20px rgba(0,0,0,.06);
  padding: 24px 26px 14px;
  text-align: left;
}
.contact-card .contact-card-title{
  margin: 0 0 14px;
  padding-bottom: 10px;
  border-bottom: 2px solid #72c02c;
  font-size: 20px;
  font-weight: 600;
  color: #333;
}
.contact-card .contact-card-list{
  list-style: none;
  margin: 0;
  padding: 0;
}
.contact-card .contact-card-list li{
  display: flex;
  align-items: flex-start;
  margin-bottom: 10px;
  font-size: 14px;
  line-height: 1.7;
}
.contact-card .contact-label{
  flex: 0 0 64px;
  color: #999;
}
.contact-card .contact-value{
  flex: 1;
  color: #555;
  word-break: break-all;
}
.lh5{
  line-height: 50px;
}
.copyright{
  height: auto;
  background: #192f60;
  z-index: 15;
  position: relative;
}
.copyrighth1{
  line-height: 40px;
  text-align: center;
  margin-top: 50px;
}
.copyrighth4{
	  line-height:30px;
	  text-align: center;
	  color: #fff;
	  margin: 0;
}
.img-v4{
  padding: 200px 0 25px 0;
} 
.perw{
  display: flex;
  justify-content: center;
  flex-wrap: wrap;
}
.portfolio-box{
  margin: 30px auto 0;
  /*display: flex;*/
  justify-content: center;
  flex-wrap: wrap;
}
.portfolio-box div{
  display:inline-block;
  text-align: center;
}
.closeimg{
  width: 20px;
  height: 20px;
  float:right;
  display: none;
  margin:44px 24px 110px 0;
  cursor: pointer;
}
.closepo{
  height: 200px;
  display: none;
}
@media (min-width: 980px) and (max-width: 1200px){
	.jpng {
		position: relative;
		width: 370px;
		/*height: 370px;*/
		background-size: 100% 100%;
		float: none;
		margin-top: 0%;
		right: 0% !important;
	}
	#arrow {
		left: 0% !important;
		position: relative;
	}
	.perw div{
		width: 22% !important;
	}
}
@media (max-width: 991px)and (min-width: 769px){
  #nav_ul>li>a{
    font-size: 14px;
    /*color: #000;*/
    /*float: right;*/
    /*display: inline-block;*/
  }
  /*.menu-container{
    margin-top: 80px;
  }
  .header-v6 .navbar-collapse.collapse{
    display: block !important;
    margin-top: -80px;
    height: 620px;
  }*/
	#h4{
		margin: 0 auto;
		position: relative;
		width: 290px;
	}
	.jpng_group{
		position: relative;
		width: 100%;
		height: 100%;
		margin-bottom: 20px;
	}
	.jpng{
		width: 320px;
		/*height: 320px;*/
		background-size: 100% 100%;
		float: none;
		margin-top: 0%;
		right:0%;
	}
	#arrow{
		position: relative;
		left: 14%;
	}
	.perw div{
		width: 22% !important;
	}
}
#nav_ul li{
  /*padding: 0 25px;*/
  /*overflow: hidden;*/
}
.navbar-toggle{
  padding: 16px 10px 0 !important;
}
#mmodal{
  width: 100%;
  height: 100%;
  position: fixed;
  display: none;
  background: rgba(0,0,0,0.2);
  z-index: 18;
}
#ios,#android{
  cursor: pointer;
}
#codemodal{
  width: 100%;
  height: 100%;
  position: fixed;
  display: none;
  z-index: 20;
  top: 0;
  left: 0;
  background: rgba(0,0,0,0.8);
}
.modal-contain{
  width: 170px;
  height: 140px;
  margin: 170px auto 0;
  display: flex;
  justify-content: center;
}
.ios-code,.android-code{
  margin-left: 20px;
  
}
.modal-contain .ios-code,.modal-contain .android-code{
  /* width: 100px;
  height: 100px; */
  background-size: 100% 100%;
  /* display: none; */

  width: 343px;
    height: 371px;
    border-radius: 8px;
}
.close-code{
  float: right;
  margin-top: 3px;
  width: 12px;
  height: 12px;
  margin-left: 10px;
  display: block;
  cursor: pointer;
}
#service,#solution,#us{
	z-index: 15;
	position: relative; 
}
#news{
	z-index: 15;
	position: relative;
	background: #fff;
	width: 100%;
}
.p2{
	padding: 20px 0;
}
.poz h1{
	margin-top: 30px;
}
.jpng_group{
	/*display: none;*/
}
#arrow{
	position: relative;
	left: 0;
}
.dis{
	display: none;
}
/*#arrow{*/
	/*position: relative;*/
	/*left: 14%;*/
/*}*/
/*#nav_ul>li>a{
	font-size: 22px;
}*/

/* ===== 会员服务(vip.html 与首页会员区块共用) ===== */
.pricing-row{
	margin-bottom: 40px;
	/* Bootstrap 3 栅格各列不等高,改为 flex 让同一行的卡片列等高 */
	display: flex;
	flex-wrap: wrap;
}
.pricing-row > [class*="col-"]{
	display: flex;
}
.price-card{
	background: #fff;
	border: 1px solid #e5e5e5;
	border-radius: 8px;
	padding: 35px 25px 30px;
	text-align: center;
	margin-bottom: 30px;
	transition: all .3s;
	/* 纵向弹性布局:权益列表少的卡片自动撑高,按钮统一贴底对齐 */
	display: flex;
	flex-direction: column;
	width: 100%;
}
.price-card:hover{
	border-color: #72c02c;
	box-shadow: 0 10px 30px rgba(0,0,0,.08);
	transform: translateY(-4px);
}
.price-card.recommend{
	border-color: #72c02c;
	position: relative;
}
.price-card .recommend-tag{
	position: absolute;
	top: 12px;
	right: 12px;
	padding: 2px 10px;
	border-radius: 10px;
	background: #72c02c;
	color: #fff;
	font-size: 12px;
}
.price-card .plan-name{
	font-size: 20px;
	color: #555;
	font-weight: 600;
}
.price-card .plan-price{
	font-size: 44px;
	color: #72c02c;
	font-weight: 700;
	margin: 15px 0 5px;
}
.price-card .plan-price small{
	font-size: 16px;
	font-weight: 400;
}
.price-card .plan-period{
	color: #999;
	font-size: 13px;
	margin-bottom: 20px;
}
.plan-features{
	list-style: none;
	padding: 0;
	margin: 0 0 25px;
	color: #666;
	font-size: 14px;
	line-height: 2;
	text-align: left;
	/* 权益条数不同时占据剩余空间,保证底部按钮高度一致 */
	flex: 1 1 auto;
}
.plan-features li i{
	color: #72c02c;
	margin-right: 6px;
}
.buy-btn{
	display: block;
	width: 100%;
	padding: 12px 0;
	background: #72c02c;
	color: #fff;
	font-size: 16px;
	border-radius: 4px;
	cursor: pointer;
	border: none;
}
.buy-btn:hover,.buy-btn:focus{
	background: #5fb611;
	color: #fff;
}
.price-card .more-btn{
	display: block;
	width: 100%;
	padding: 12px 0;
	background: #fff;
	border: 1px solid #72c02c;
	color: #72c02c;
	font-size: 16px;
	border-radius: 4px;
	cursor: pointer;
}
.price-card .more-btn:hover{
	background: #f4ffe9;
	color: #5fb611;
	text-decoration: none;
}
.benefit-table th{
	background: #f7f7f7;
}
.benefit-table td,.benefit-table th{
	text-align: center;
	vertical-align: middle !important;
}
.notice-list{
	padding-left: 20px;
	color: #666;
	line-height: 1.9;
}
.notice-list li{
	margin-bottom: 6px;
}
.pay-methods-desc .pay-method-item{
	display: inline-block;
	margin-right: 15px;
	padding: 8px 18px;
	border: 1px solid #e5e5e5;
	border-radius: 4px;
	color: #555;
	font-size: 15px;
}
.pay-methods-desc .pay-method-item i{
	color: #72c02c;
	margin-right: 6px;
}
.pay-methods-desc .pay-method-note{
	margin-top: 15px;
	color: #999;
	font-size: 13px;
	line-height: 1.8;
}
.faq-list{
	max-width: 760px;
	margin: 0 auto 20px;
}
.faq-item{
	background: #fff;
	border: 1px solid #e5e5e5;
	border-radius: 6px;
	margin-bottom: 12px;
	padding: 0 18px;
}
.faq-item summary{
	cursor: pointer;
	padding: 16px 0;
	font-size: 15px;
	color: #333;
	list-style: none;
}
.faq-item summary::-webkit-details-marker{
	display: none;
}
.faq-item summary:before{
	content: "问 ";
	color: #fff;
	background: #72c02c;
	border-radius: 4px;
	padding: 1px 6px;
	font-size: 12px;
	margin-right: 8px;
}
.faq-item[open] summary{
	color: #72c02c;
}
.faq-item p{
	padding: 0 0 16px;
	color: #666;
	line-height: 1.8;
}
/* 订单确认弹窗 */
.order-frame{
	position: absolute;
	top: 50%;
	left: 50%;
	margin-left: -200px;
	margin-top: -200px;
	width: 400px;
	background-color: #fff;
	box-shadow: 0 0 5px 0 rgba(0,0,0,.1);
	padding: 30px;
}
.order-frame .close{
	position: absolute;
	top: 10px;
	right: 20px;
	width: 20px;
	height: 20px;
	background-image: url("../pay/img/close.png");
	background-size: 100% 100%;
	background-repeat: no-repeat;
	cursor: pointer;
}
.order-frame .order-title{
	margin: 0 0 20px;
	text-align: center;
	font-size: 22px;
	color: #212121;
}
.order-frame .order-info{
	border-top: 1px solid #eee;
	border-bottom: 1px solid #eee;
	padding: 12px 4px;
}
.order-frame .order-info p{
	margin: 6px 0;
	color: #555;
}
.order-frame .order-price{
	color: #e26a2c;
	font-weight: 600;
}
.order-frame .order-methods{
	margin: 18px 0;
}
.order-frame .order-method{
	display: inline-block;
	margin-right: 20px;
	cursor: pointer;
	color: #555;
}
.order-frame .order-method input{
	margin-right: 5px;
}
.order-frame .order-btn{
	height: 42px;
	line-height: 42px;
	text-align: center;
	color: #fff;
	background-color: #72c02c;
	border-radius: 4px;
	font-size: 17px;
	cursor: pointer;
}
.order-frame .order-btn:hover{
	background-color: #5fb611;
}
.order-frame .order-note{
	margin: 14px 0 0;
	text-align: center;
	font-size: 12px;
	color: #999;
}
.order-frame .order-note a{
	color: #21A1D9;
}
@media (max-width: 480px){
	.order-frame{
		width: 92%;
		margin-left: -46%;
		padding: 22px 16px;
	}
}

/* 支付未开放提示弹窗(复用 .order-frame 布局) */
.order-frame .notice-icon{
	display: block;
	text-align: center;
	font-size: 46px;
	color: #72c02c;
	margin: 0 0 10px;
}
.order-frame .notice-title{
	margin: 0 0 14px;
	text-align: center;
	font-size: 20px;
	color: #212121;
}
.order-frame .notice-text{
	color: #666;
	font-size: 14px;
	line-height: 1.9;
	text-align: justify;
	margin: 0;
}
.notice-frame .order-btn{
	margin-top: 20px;
}

/* ===== 套餐卡片卖点(plans 的 tagline,首页与会员页共用) ===== */
.price-card .plan-tagline{
	display: inline-block;
	padding: 3px 14px;
	margin-bottom: 20px;
	border-radius: 12px;
	background: #f7f7f7;
	color: #888;
	font-size: 12px;
}
.price-card.recommend .plan-tagline{
	background: #f4ffe9;
	color: #5fb611;
}

/* ===== 下载K球APP(index.html,#ios/#android 交互在 js/custom.js) ===== */
.download-points .download-point{
	display: flex;
	align-items: flex-start;
	margin-bottom: 26px;
}
.download-point i{
	width: 54px;
	height: 54px;
	line-height: 54px;
	flex: 0 0 54px;
	text-align: center;
	border-radius: 50%;
	background: #f4ffe9;
	color: #72c02c;
	font-size: 24px;
}
.download-point h3{
	margin: 4px 0 6px 18px;
	font-size: 17px;
	font-weight: 600;
	color: #333;
}
.download-point p{
	margin: 0 0 0 18px;
	color: #999;
	font-size: 13px;
	line-height: 1.7;
}
.download-qr{
	max-width: 300px;
	margin: 0 auto;
	background: #fff;
	border: 1px solid #e5e5e5;
	border-radius: 8px;
	padding: 24px 24px 20px;
	text-align: center;
}
.download-qr img{
	width: 170px;
	max-width: 100%;
	display: block;
	margin: 0 auto;
}
.download-qr .download-qr-tip{
	margin: 12px 0 16px;
	color: #666;
	font-size: 14px;
}
.download-btns .download-os-btn{
	display: inline-block;
	min-width: 112px;
	margin: 0 5px 6px;
	padding: 9px 16px;
	border: 1px solid #72c02c;
	border-radius: 4px;
	color: #72c02c;
	font-size: 14px;
	cursor: pointer;
}
.download-btns .download-os-btn i{
	margin-right: 6px;
}
.download-btns .download-os-btn:hover{
	background: #72c02c;
	color: #fff;
	text-decoration: none;
}

/* ===== FAQ 底部客服联系(vip.html) ===== */
.faq-contact{
	max-width: 760px;
	margin: 30px auto 0;
	padding: 20px 24px;
	background: #f4ffe9;
	border-radius: 6px;
	display: flex;
	align-items: center;
	justify-content: center;
}
.faq-contact i{
	color: #72c02c;
	font-size: 22px;
	margin-right: 12px;
}
.faq-contact p{
	margin: 0;
	color: #555;
	font-size: 15px;
	line-height: 1.9;
}
.faq-contact .faq-contact-strong{
	color: #5fb611;
	font-weight: 600;
	margin: 0 4px;
}

@media (max-width: 480px){
	.download-point i{
		width: 44px;
		height: 44px;
		line-height: 44px;
		flex-basis: 44px;
		font-size: 20px;
	}
	.download-point h3,
	.download-point p{
		margin-left: 12px;
	}
	.download-qr{
		padding: 18px 16px;
	}
	.download-btns .download-os-btn{
		display: block;
		width: 100%;
		min-width: 0;
		margin: 0 0 10px;
		box-sizing: border-box;
	}
	.faq-contact{
		flex-direction: column;
		text-align: center;
		padding: 18px 14px;
	}
	.faq-contact i{
		margin-right: 0;
		margin-bottom: 8px;
	}
}