/* ***************************************************************************************** */
/* 技术简介 */
/* ***************************************************************************************** */
.xtack-banner{height: 6rem;width: 100%;}
.xtack-fl{width: 32%;background-color: #F5F5F5;border-radius: 6px;float: left;padding: 1rem .6rem;height: 7rem;}
.xtack-fl>i{color: #222222;font-weight: bold;font-size: 51px;margin-bottom: .6rem;display: inline-block;}
.xtack-fl>div{font-weight: bold;color: #222222;}
.xtack-fl>span{color: #666666;margin-top: .25rem;line-height: 1.8;display: inline-block;}
.xtack-fr{ width: 64%; position: relative; overflow: hidden; background-color: #F5F5F5; border-radius: 6px; float: right; height: 7rem; -webkit-border-radius: 6px; -moz-border-radius: 6px; -ms-border-radius: 6px; -o-border-radius: 6px; }
.xtack-fr>p{line-height: 1.8;color: #666666;margin-bottom: .2rem;}
.xtack-fr>img{ position: absolute; left: 50%; top: 50%; transform: translate(-50%, -50%);max-width: inherit;min-width: 100%;min-height: 100%; -webkit-transform: translate(-50%, -50%); -moz-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); -o-transform: translate(-50%, -50%); }
.xtack-time-item{display: inline-block;margin-right: 1rem;margin-top: .2rem;}
.xtack-time-item p{font-weight: bold;color: #222222;font-size: 70px;}
.xtack-time-item span{color: #666666;font-size: 23px;font-weight: bold;}
.xtack-container-grey{background-color: #F5F5F5;width: 100%;padding: 1.2rem 0;text-align: center;}
.xtack-container-grey>h2{font-weight: bold;}
.xtack-container-grey .xtack-des{font-weight: bold;margin-bottom: .6rem;}
.xtack-route{width: 100%;padding: 1rem 0;background-color: #FFFFFF;border-radius: 6px;position: relative;}
.xtack-route-item{float: left;width: 30%;margin-left: 5%;}
.xtack-route-item:first-child{margin-left: 0;}
.xtack-route-item p{color: #666666;height: 1.2rem;}
.xtack-route-item img{height: 1.3rem;margin-bottom: .4rem;}
.xtack-route-item div{color: #222222;font-weight: bold;}
/* .xtack-history .com-section{ padding: 0; } */
.xtack-history-content{ height: 7rem; position: relative; color: #FFFFFF; padding: 1.48rem 1.1rem 0 1.18rem;}
.xtack-history-left{ width: 9.86rem; line-height: 2.1111; }
.history-time{ display: inline-block;font-weight: bold; }
.history-time:first-of-type{ margin-right: 1.25rem; }
.history-time .how-long{ display: inline-block; }
.xtack-fl .iconfont{ font-weight: normal }
.intro-video .copywriting, .imgright .copywriting{ color: #fff; width: 86%;;font-weight: bolder; position: absolute; top: 50%; left: 50%; text-align: center; transform: translate(-50%, -50%); -webkit-transform: translate(-50%, -50%); -moz-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); -o-transform: translate(-50%, -50%); }
.intro-video{height: 6.5rem;border-radius: 8px;overflow: hidden; position: relative;}

.xtack-video{height: 8rem;position: relative;width: 100%;}
.xtack-video .playVideo, .xtack-fr .playVideo{color: #FFFFFF;position: absolute;left: 0;top: 50%;text-align: center;width: 100%;cursor: pointer;transform: translate(0,-50%);}
.xtack-video .playVideo span, .xtack-fr .playVideo span{vertical-align: middle;}
.xtack-video .playVideo i, .xtack-fr .playVideo i{font-size: 30px;margin-left: 8px;vertical-align: middle;}
.xtack-route i{position: absolute;top: 48%;font-size: 30px;color: #C1C1C1;}
.xtack-route .addicon{left: 32.5%;}
.xtack-route .toicon{left: 65%;}
.xtack-charlist{margin-top: .7rem;}
.xtack-charitem{ width: 100%; margin-bottom: .5rem; background-color: #F5F5F5; border-radius: 8px; overflow: hidden; position: relative; -webkit-border-radius: 8px; -moz-border-radius: 8px; -ms-border-radius: 8px; -o-border-radius: 8px; }
.xtack-charitem img{width: 55%;}
.xtack-charmsg{position: absolute;right: .8rem;top: 50%;transform: translate(0,-50%);width: 36%;}
.xtack-charmsg .title i{color: #333333;font-size: 42px;font-weight: bold;margin-right: .25rem;}
.xtack-charmsg .title span{color: #333333;font-weight: bold;}
.xtack-charmsg>p{font-weight: bold;color: #333333;margin-bottom: .3rem;}
.xtack-charmsg .text{color: #666666;line-height: 2;}
.xtack-container-grey{background-color: #F5F5F5;}
.xtack-bottitle{color: #222222;font-weight: bold;margin-bottom: .1rem;width: 100%;text-align: center;}
.xtack-des{color: #222222;font-weight: bold;text-align: center;line-height: 1.2;}
.xtack-list{margin-top: .7rem; text-align: left}
.xtack-honor{width: 48.5%;background-color: #FFFFFF;border-radius: 6px;padding: 1rem;height: 9rem;}
.xtack-honor>img{display: block;margin: 0 auto .2rem;max-width: 100%;}
.xtack-honor span{color: #666666;line-height: 1.8;}
.xtack-update .com-section>p{width: 100%;text-align: center;font-weight: bold;margin-top: .35rem;}
.xtack-update-top{margin-top: .8rem;}
.xtack-update-top .xtack-left{float: left;width: 32%;background-color: #F5F5F5;padding: 1rem .8rem 0;height: 6rem;border-radius: 8px;}
.xtack-update-top .xtack-left i{color: #333333;font-weight: bold;font-size: 38px;margin-bottom: .6rem;display: block;}
.xtack-update-top .xtack-left div{color: #666666;line-height: 2;}
.xtack-update-top .xtack-right{width: 65%;height: 6rem;float: right;border-radius: 8px;overflow: hidden;position: relative;}
.xtack-update-top .xtack-right span{position: absolute;left: 15%;width: 70%;top: 50%;transform: translate(0,-50%);color: #DDDDDD;line-height: 2;}
.xtack-update-bot{margin-top: .5rem;}
.xtack-update-bot .xtack-left{float: left;width: 48.5%;border-radius: 8px;overflow: hidden;position: relative;height: 8rem;padding-top: 1.2rem;text-align: center;}
.xtack-update-bot .xtack-left i{color: #FFFFFF;font-weight: bold;font-size: 124px; font-weight: normal;text-align: center;}
.xtack-update-bot .xtack-left div{color: #DDDDDD;line-height: 2;width: 84%;margin: .6rem auto 0; text-align: left;}
.xtack-update-bot .xtack-right{float: right;width: 48.5%;background-color: #F5F5F5;padding: 1rem .8rem 0;height: 8rem;position: relative;border-radius: 8px;overflow: hidden;}
.xtack-update-bot .xtack-right img{position: absolute;left: 0;bottom: 0;width: 100%;}
.xtack-update-bot .xtack-right div{line-height: 2;color: #666666;}
.ps_center{ position: absolute; top: 50%; transform: translateY(-50%); background: none; width: 100%; left: 0; height: auto; }
.xtack-history-content.ps_center{ padding-top: 0 }
/* ***************************************************************************************** */
/* 联盟成员 */
/* ***************************************************************************************** */
.member-container{background-color: #F5F5F5;}
.member-container .com-section>img{display: block;margin: 0 auto;}
.member-container .com-section>p{display: inline-block;text-align: center;font-weight: bold;color: #222222;width: 100%;margin: .3rem auto .8rem;}
.member-box{margin-top: .6rem;background-color: #FFFFFF;border-radius: 8px;overflow: hidden;padding: 1rem;}
.member-box>p{width: 100%;display: inline-block;font-weight: bold;color: #222222;text-align: center;}
.member-wrapper{width: 100%;margin-top: .3rem;}
.member-item {position: relative;height: 1.8rem;}
.member-item img{position: absolute;left: 0;top: 0;right: 0;bottom: 0;max-width: 90%;max-height: 90%;margin: auto;}
.member-tips{width: 100%;text-align: center; font-weight: bolder;color: #666666;display: inline-block;margin-top: .3rem;}
.member-container .xtack-charitem img{ width: 46% }
.member-container .xtack-charitem .xtack-charmsg{ width: 43% }
.member-container .xtack-charitem .xtack-charmsg .title{ margin-bottom: .4rem; }
.member-container .xtack-charitem .xtack-charmsg .title span{ padding: 0 20px; }
.member-container .xtack-charitem .xtack-charmsg .title .after::after, .member-container .xtack-charitem .xtack-charmsg .title .after::before {
  width: 10px;
  height: 10px;
  top: 50%;
  transform: translateY(-50%);
  border-radius: 50%;
  background: #222;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  -ms-border-radius: 50%;
  -o-border-radius: 50%;
  -webkit-transform: translateY(-50%);
  -moz-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  -o-transform: translateY(-50%);
}
.member-container .xtack-charitem .xtack-charmsg .title span::after{ left: 0 }
.member-container .xtack-charitem .xtack-charmsg .title span::before{ right: 0 }

.member-box .after::after, .member-box .before::before{
  width: 10px;
  height: 10px;
  top: 50%;
  transform: translateY(-50%);
  border-radius: 50%;
  background: #222;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  -ms-border-radius: 50%;
  -o-border-radius: 50%;
  -webkit-transform: translateY(-50%);
  -moz-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  -o-transform: translateY(-50%);
}
.member-box .after::after{ left: -30px; }
.member-box .before::before{ right: -30px; }
.create-page{
  margin-top: .6rem;
}
.create-page:first-of-type{
  margin-top: 0;
}
.create-page .create-box{ height: 8.6rem; }
.member-container .create-page>p{ margin-bottom: .4rem; }

.create-page .create-box .spcb{display: block;}
.create-page .create-box .smobileb{display: none;}

@media (max-width: 1300px) {
	.xtack-fl,.xtack-fr{width: 100%;margin-bottom: .3rem;/* height: auto; */padding-bottom: .6rem;}
	.xtack-charitem img, .member-container .xtack-charitem img{float: none;width: 100%;}
	.xtack-charitem .xtack-charmsg, .member-container .xtack-charitem .xtack-charmsg{position: static;width: 100%;transform: none;padding: .6rem;}
	.member-container .com-section>img{width: 5rem;}
  .xtack-history-left{ width: 8.86rem; }
}
@media (max-width: 1000px) {
	.xtack-container-grey{padding: .8rem 0;}
	.xtack-route-item{width: 100%;text-align: center;margin: .6rem auto;float: none;margin-left: 0;}
	.xtack-route .iconfont{position: static;display: block;margin: 0 auto;}
	.xtack-route-item img{height: auto;}
	.toicon{transform: rotate(90deg);}
	.xtack-honor{width: 100%;float: none;margin-bottom: .4rem;height: auto;padding: .6rem;}
	.xtack-honor>img{max-width: 100%;width: 100%;}
	.xtack-update-top,.xtack-update-bot{border-radius: 6px;overflow: hidden;}
	.xtack-update-top .xtack-left,.xtack-update-bot .xtack-right{width: 100%;float: none;height: auto;padding: .8rem .6rem;border-radius: 0;}
	.xtack-update-bot .xtack-left{padding-top: .8rem;}
	.xtack-update-top .xtack-right,.xtack-update-bot .xtack-left{width: 100%;float: none;border-radius: 0;}
	.xtack-time{text-align: center;}
	.xtack-time-item{margin-left: .4rem;margin-right: 0;display: inline-block;}
	.xtack-time-item:first-child{margin: 0;}
  .xtack-history-content{ display: flex; flex-direction: column-reverse; justify-content: flex-end; }
  .xtack-history-content .xtack-history-left, .xtack-history-content .xtack-history-right{ width: 100%; text-align: center; }
  .xtack-history-left{ margin-top: 10px;}
  .xtack-history-content{ min-height: 7rem; height: auto; }
  /*.xtack-banner{ height: 4rem }*/
  .xtack-fl{ height: auto }
}
@media (max-width: 769px) {
.create-page .create-box{
  height: auto;

}
.create-page .create-box .spcb{display: none;}
.create-page .create-box .smobileb{display: block; margin:0 auto; }
  .xtack-update-bot .xtack-left i{ font-size: 88px }
}

@media (max-width: 415px) {
    .xtack-charitem{ border-radius: 8px; -webkit-border-radius: 8px; -moz-border-radius: 8px; -ms-border-radius: 8px; -o-border-radius: 8px; }
  .xtack-history-content{ height: 13rem }
  .xtack-history-content>.xtack-history-content{ height: auto;padding: 0 .3rem }
}
@media (max-width: 321px) {
  .member-box{ padding: .6rem .3rem; }
}