/* p{ transition:all 0.2s ease-in 0s;}
p:hover{ transform:translateY(-5px);} */
body{font-size: 16px;line-height: 160%;}

/* banner */
.header_banner{background: #002d82;text-align: center;height: 505px;position: relative;}
#particles-js{height: 505px;}
.header_banner .m1200{position: absolute;top: 0;left: 50%;margin-left: -600px;}
.header_banner .book{display: block;position: absolute;bottom: -25px;left: 50%;margin-left: -320px;width: 572px;height: 232px;}


/*title*/
.page{padding:50px 0;}
.title{text-align: center;font-size: 36px;background: url(../images/titleBg.png) no-repeat center center;color: #333333;line-height: 160%;padding: 10px 0;margin-bottom: 30px;}
.title.white{color: #ffffff;}
.tit{font-size: 32px;color:#004098;position: relative;padding:30px 0 15px;text-align: center;}
.tit2{color: #729eef;font-size: 30px;background: url(../images/H3line.png) no-repeat center bottom;padding: 20px 0;margin-bottom: 20px;}
.title2{background: none;font-size: 32px;color: #1c3290;}

/*page1*/
.page1 .videoFl{width:62.5%;height:480px;position: relative;}
.videoP{position: absolute;top: 0;left: 0;}
.page1 .videoFl i{display: block;width: 100%;height: 100%;background: rgba(0,0,0,.29) url(../images/videoPlay.png) no-repeat center center;position: absolute;top: 0;left: 0;cursor: pointer;}
.page1 .videoTxt{background:url(../images/videoTxt.jpg) no-repeat center top;font-size:16px;width: 37.5%;height: 480px;color: #ffffff;line-height: 160%;padding: 83px 45px 0 45px;box-sizing: border-box;}
.page1 .videoTxt p{margin-bottom:15px;}
.page1 .videoBot{width: 100%;background:url(../images/logoBg.png) no-repeat center top;}
.page1 .tab p{float: left;width: 13%;margin:10px 1%;text-align: center;}
.page1 .tab p.ml25{width: 9%;}
.page1 .tab p:nth-child(4){width: 18%;margin: 10px 1.5%;}
.page1 .tab{text-align: center;}
.page1 .tab img{display: inline-block;width: 95%;margin: 20px auto 0;}


/*page2*/
.page2{background: url(../images/bg2.png) no-repeat center top;padding-top: 70px;}
.page2 .txt{font-size: 18px;text-align: center;line-height: 160%;color: #fff;padding-bottom:10px;}
.page2 .txt b{font-size: 24px;line-height: 160%;}
.page2 .txt span{font-size: 24px;line-height: 160%;color:#fbbc34;font-weight: bold;padding:0 5px;}
.page2 .form-wrap {width: 75%;margin-left: 2%;}
.page2 .form-wrap .xdf_formbtn{background:#58f3a4 url(../images/do.png) no-repeat 20% center;font-size:20px;color: #1c3290;cursor: pointer;position: absolute;width: 285px;height: 55px;margin: 35px 0% 0 0.5%;font-weight: bold;border-radius: 5px;padding-left: 2%;box-sizing: border-box;}
.page2 .form-wrap form .label{width: 29%;margin: 5px 1%;border: 0;}
.page2 .form-wrap form .label i{top: 29%;}
.iconFormBlue1.form-wrap form .label.Code i{background: url(../images/icon_yzm.png) no-repeat center center;top: 22%;}
.page2 .form-wrap .SmsCodeBtn{background: #1c3290;border-radius: 0;width: 13%;}
.page2 .form-wrap form .label.Code{width: 15%;}
.page2 .tiaokuan.white{text-align: left;padding-left: 1%;}
.page2 .tiaokuan a{color: #2b7bbd;}
.page2 .form-wrap form .label input, .page2 .form-wrap form .label select{padding-top: 15px;}
.page2 .form-wrap form .label i.iconDown{left: 85%;top: 32%;}

/*page3*/
.page3 .tabTitl span{font-size: 20px;color: #ffffff;display: block;width: 23%;margin-right: 2.5%;float: left;background: #b6bdca;border-radius: 5px;text-align: center;padding: 20px 0;text-align: center;font-weight: bold;cursor: pointer;}
.page3 .tabTitl span:last-child{margin-right: 0;}
.page3 .tabTitl span.act{background: #116bd9;}
.page3 .tabWarp{width: 100%;padding:30px 45px;box-sizing: border-box;box-shadow: 0 0px 15px 0 #eaf1f4;margin-top: 20px;}
.page3 .tabWarp li{position: relative;display: none;width: 100%;margin: 0 auto;text-align: center;}
.page3 .tabWarp li .swiper-container{padding-bottom: 50px;}
.page3 .tabWarp li h3{font-size: 28px;color: #333333;margin-bottom: 20px;width: 80%;margin: 0 auto 20px;line-height: 130%;}
.page3 .tabWarp li p{font-size:16px;line-height: 160%;width: 85%;margin: 0 auto 10px;text-align: left;}
.page3 .tabWarp li img{display: block;width: 80%;margin: 0 auto;}
.page3 .tabWarp li .imgF img{width: 50%;float: left;}
.page3 .tabWarp li .w60 img{width: 80%;}
.page3 .tabWarp li .w45 img{width: 45%;}
.page3 .tabWarp li.act{display: block;}
.page3 .swiper-container .swiper-pagination-bullet-active {
  width: 40px;
  border-radius: 10px;
  background: linear-gradient(90deg,#12478e,#4ab8ea);
}
/* .page3 .swiper-slide div {
  padding: 10px 2%;
  border: 4px solid #116bd9;
  height: 600px;
} */
/*page4*/
.page4{padding-top: 0;}
.page4 .swiper-container1 .swiper-wrapper{padding-top: 50px;}
.page4 .swiper-container1 .swiper-slide{width: 338px;height: 491px;position: relative;margin-top: 50px;}
.page4 .swiper-container1 .swiper-slide img{display: block;width: 100%;}
.page4 .swiper-container1 .swiper-slide.swiper-slide-active{margin-top: -50px;}
.page4 .swiper-container1 .swiper-slide .QAcon{width: 100%;height: 100%;position: absolute;top: 0;left: 0;}
.page4 .swiper-container1 .swiper-slide .QAcon h4{font-size: 28px;color: #333333;line-height: 120%;padding:80px 0 0 10%;font-weight: normal;height: 147px;box-sizing: border-box;}
.page4 .swiper-container1 .swiper-slide .QAcon p{color:#333333;font-size: 16px;line-height: 140%;width: 100%;margin-top: 60px;}
.page4 .swiper-container1 .swiper-slide .QAcon p b{color:#002d82;margin-bottom: 10px;display: block;font-size: 20px;}
.page4 .swiper-container1 .swiper-pagination-bullet-active{width: 40px;border-radius: 10px;background: linear-gradient(90deg,#12478e,#4ab8ea);}
.pageCon{background:url(../images/bg2.jpg) no-repeat center bottom;}
/*.page5*/
.page5 .title{margin-bottom: 10px;}
.page5 .swiper-wrapper{padding-bottom: 50px;}
.page5 .tabwrap .swiper-slide{position: relative;background: url(../images/swiperBg.jpg) no-repeat center top;padding: 7px;box-sizing: border-box;}
.page5 .tabwrap .swiper-slide img{display: block;width: 100%;}
.page5 .tabwrap .swiper-slide p{text-align: center;line-height:200%;position: absolute;bottom:7px;background: rgba(0,73,165,0.6);font-size: 18px;color:#fff;width: 97.5%;}
.page5 .tabwrap .swiper-slide a{display:block;cursor: pointer;}
.page5 .tabwrap .swiper-slide a:hover p{text-decoration: underline;}
.page5 .swiper-pagination-bullet{background: #afb7c6;opacity: 1;}
.page5 .swiper-pagination-bullet-active{width: 40px;border-radius: 10px;background: linear-gradient(90deg,#85fea2,#06abfa);}
/*page6*/
.page6{padding-top: 0;}
.page6 .con{width: 88%;margin-left: 12%;box-sizing: border-box;}
.page6 .con .interCon{min-height: 383px;}
.page6 .con .inter{background: #ffffff;position: relative;padding:30px 5% 30px 40%;box-sizing: border-box;display: none;}
.page6 .con .inter.act{display: block;}
.page6 .con .inter h4{font-size: 30px;color: #333333;line-height: 120%;}
.page6 .con .inter p{font-size: 16px;line-height: 140%;color: #333333;margin-top: 25px;}
.page6 .con .inter p a{color: #3c7dd8;}
.page6 .con .inter .popImg{position: absolute;top:0;left: -13%;}
.page6 .con .inter .popImg img{display: block;width: 100%;}
.page6 .con .inter .popImg p{text-align: center;line-height: 280%;position: absolute;bottom: 0;background: rgba(0,73,165,0.6);font-size: 16px;color: #fff;width:100%;}
.page6 .con .interTab{background: linear-gradient(180deg,#154c91,#41b5e9);overflow: hidden;padding: 0 0.5% 30px 0.5%;box-sizing: border-box;position: relative;}
.page6 .con .interTab .frist{position: absolute;top:26px;left: 2%;width: 10%;}
.page6 .con .interTab .frist img{display: block;width: 100%;}
.page6 .con .interTab li{margin: 25px 0 0 2.2%;float: left;cursor: pointer;border-radius: 100%;overflow: hidden;width: 10%;}
.page6 .con .interTab li.fristLi{margin-left: 14%;}
.page6 .con .interTab li img{display: block;width: 100%;}
.page6 .con .interTab li.act{background: linear-gradient(90deg,#00a9ff,#86ffa1);padding: 3.5px;box-sizing: border-box;}
.page6 .con .interTab li.act img{display: block;border-radius: 100%;}
/*page7*/
.page7{padding-top: 0;}
.page7 .con{width: 1200px;overflow: hidden;}
.page7 .swiper-container5{width: 1000000px;position: relative;}
.page7 .swiper-container5 .swiper-wrapper2 {display: inline-block;position: static;}
.page7 .swiper-container5 .swiper-slide{width: 205px;margin-left: 20px;float: left;height: 140px;position: static;}
.page7 .swiper-container5 .swiper-slide img{ cursor: url(../images/enlarge.png), default;}
.page7 .swiper-button-next, .swiper-button-prev{width: 26px;height: 80px;margin-top:-40px}
.page7 .swiper-button-prev, .swiper-container-rtl .swiper-button-next {left: 0;background: url(../images/left.png) no-repeat center center;}
.page7 .swiper-button-next, .swiper-container-rtl .swiper-button-prev {right: 0;background: url(../images/right.png) no-repeat center center;}
/*page8*/
.page8 .swiper-container{padding-bottom: 0px;}
.page8 .swiper-container .swiper-wrapper {padding-top: 40px;padding-bottom: 120px;}
.page8 .swiper-slide{text-align: center;}
.page8 .swiper-slide img{margin-bottom: 10px;}
.page8 .swiper-button-next, .swiper-container-rtl .swiper-button-prev{right:0;background: url(../images/right.png) no-repeat center center;}
.page8 .swiper-button-prev, .swiper-container-rtl .swiper-button-next{left:0;background: url(../images/left.png) no-repeat center center;}
.page8 .swiper-button-next,
.page8 .swiper-button-prev{width: 26px;height: 80px;margin-top:-110px;}
.page8 .swiper-container .swiper-wrapper .swiper-slide{opacity: 0.5;}
.page8 .swiper-container .swiper-wrapper .swiper-slide p{font-size:18px;line-height: 140%;}
.page8 .swiper-container .swiper-wrapper .swiper-slide.swiper-slide-prev{opacity: 0.8;}
.page8 .swiper-container .swiper-wrapper .swiper-slide.swiper-slide-next{opacity: 0.8;}
.page8 .swiper-container .swiper-wrapper .swiper-slide.swiper-slide-active{opacity: 1;}
.page8 .swiper-container .swiper-wrapper .swiper-slide.swiper-slide-active img{transform: scale(1.15);margin-top: -20px;}
.page8 .swiper-container .swiper-wrapper .swiper-slide.swiper-slide-active p{margin-top: 20px;color: #002d82;font-weight: bold;}
.page8 .swiper-container-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet{width: 95%;border-radius: 10px;background: none;opacity: 1;font-size: 16px;color: #333333;padding: 20px 10px;box-shadow: 0px 0px 12px 4px #d8e0f1;margin-left: 2%;float: none;display: none;height: auto;position: relative;}
.page8 .swiper-container-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet::after{content: '';display: block;position: absolute;top:-28px;left: 50%;margin-left: -15.5px;width: 23px;height: 31px;background: url(../images/line.jpg) no-repeat center 0;}
.page8 .swiper-container-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet-active{display: block;}
/*page9*/
.page9{background: #403f3f;}
.page9 ul li{float: left;width:25%;position: relative;}
.page9 ul li img{position: absolute;left:0;top:5px;}
.page9 ul li p{padding-left:20%;font-size: 16px;color: #b8b8b8;line-height: 180%;}

.xdf_bottomForm.form-wrap .xdf_formbtn{width: 20%;font-size: 18px;font-weight: bold;color: #1c3290;background: #58f3a4;border-radius: 8px;}
.xdf_slide{height: 213px;width: 144px;}
.xdf_bottomForm.form-wrap form {padding: 0px 0 0 14%;height: 80px;}
.xdf_slide .xdf_slidebtn { bottom: 28px;left: 23px;}
.xdf_bottomForm.form-wrap form .label{width: 10%;border-radius: 0;}
.xdf_bottomForm.form-wrap .tiaokuan a{color: #58f3a4;}
.xdf_bottomForm.form-wrap img.ax_img {position: absolute;left: 0;bottom: -10px;}
.xdf_bottomForm.form-wrap form .SmsCodeBtn{height: 40px;line-height: 40px;border-radius: 0;background: #09479c;margin-top: 20px;}
.xdf_bottomForm.form-wrap form .label.Code{margin-right: 0;line-height: 40px;}
.xdf_bottomForm.form-wrap form .label.Code input{padding-top: 12px;}
.xdf_bottomForm.form-wrap form .label i.iconDown{left: 75%;top: 32%;}
.xdf_bottomForm.form-wrap  form .label.Code i{background: url(../images/icon_yzm.png) no-repeat center center;top: 12%;}
/*图片放大*/
.pic_container{
  width: 100%;
  height: 100%;
  position: fixed;
  top: 0;
  left: 0;
  background: #34353A;
  background: rgba(0,0,0,.7);
  display: none;
  z-index: 1002;
  overflow-y: scroll;
}
.pic_container2{
  width: 100%;
  height: 100%;
  position: fixed;
  top: 0;
  left: 0;
  background: #34353A;
  background: rgba(0,0,0,.7);
  display: none;
  z-index: 1002;
}
.pic_container_inner{
  width: 30%;
  display: flex;
  align-items: center;
  justify-content: center;
  margin: auto;
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
}
.pic_container_inner>img{
  width: 100%;
  border-radius: 10px;
  cursor: url('../images/narrow.png'), default;
}
.page3 .swiper-slide div img.img2-3-1{width: 90%;}
.bigTxt{font-size: 16px;display: block;text-align: center;color: #666666;margin-top: 5px;}
/*试读*/
.downCon{position: fixed;top:-20%;right: 0;z-index: 1000;background: url(../images/downBg.png) no-repeat center top;width: 117px;margin: auto;bottom: 0;height: 333px;}
.downTip{padding-top: 73px;margin-left: 5px;}
.downTip li{width:80px;height: 80px;border-radius: 100%;background: #333333;font-size: 18px;padding-top: 20px;box-sizing: border-box;text-align: center;line-height: 120%;margin-bottom:10px;background: #ffffff;box-shadow: 0 0 25px 0 #d8e1ff;cursor: pointer;}
.downTip li.downD.act{background: linear-gradient(120deg,#2c7dca,#bc4d75);color: #ffffff;font-weight: bold;}
.downTip li.downZ.act{background: linear-gradient(120deg,#16b7cc,#71ce4f);color: #ffffff;font-weight: bold;}
.downTip li.down.act{background: linear-gradient(120deg,#1a7edd,#88c9ad);color: #ffffff;font-weight: bold;}
.downTip li.qt_53Btn.act {background: linear-gradient(120deg,#1a7edd,#88c9ad);color: #ffffff;font-weight: bold;}
.DownTipSwiper{position: fixed;left: 50%;width: 35%;height: 100%;z-index: 1002;display: none;top: 8%;left: 0;right: 0;margin: auto;bottom: 0;}
.DownTipSwiper .col{position: absolute;background: url(../images/clo.png) no-repeat center top;display: block;width: 25px;height: 25px;top:20px;right:20px;z-index: 1003;cursor: pointer;}
.DownTipSwiper .swiper-container .swiper-slide img{display: block;width: 100%;height: 100%;}
.DownTipSwiper .swiper-container{display: none;}
.DownTipSwiper .swiper-container .page2{background: url(../images/bps/bpsBg.jpg) no-repeat center center;height: auto;padding-top: 0;}
.DownTipSwiper .swiper-container .page2 .form-wrap{margin-left: auto;width:370px;position: absolute;top: 0;left: 0;right: 0;margin: auto;bottom: 0;display: flex;justify-content: center;align-items: center;}
.DownTipSwiper .swiper-container .page2 .form-wrap form .label{width: 100%;border-radius: 5px;}
.DownTipSwiper .swiper-container .page2 .form-wrap form .label.Code{width: 60%;}
.DownTipSwiper .swiper-container .page2 .form-wrap .SmsCodeBtn{width: 35%;margin-left: 3%;margin-right: 0;border-radius: 5px;}
.DownTipSwiper .swiper-container .page2 .form-wrap .xdf_formbtn{position: static;position: static;padding-left: 10%;margin: 0 auto;display: block;float: none;width: 90%;}
.DownTipSwiper .swiper-container .page2 .tiaokuan{font-size: 14px;padding-bottom: 20px;}
@media screen and (max-width:1000px) {
  body {line-height: 160%;font-size: 0.24rem;}
  .m1200{width: 94%}
  .page {padding: 0.2rem 0;}
  
  /* banner */
  .header_banner{background: #002d82;height: 7.06rem;}
  #particles-js{height: 7.06rem;}
  .header_banner .m1200{position: absolute;top: 0;left: 0;margin-left: 0;width: 100%;}
  .header_banner .m1200 .isWap{width: 100%;}
  .header_banner .book{display: block;position: absolute;bottom: -0.3rem;left: 50%;margin-left: -3.125rem;width:6.25rem;height: 2.58rem;}
 .page{padding: 0.5rem 0;}
  .title{font-size: 0.36rem;padding: 0.25rem 0;margin-bottom:0.25rem;background-size: contain;}
  .tit{font-size: 0.32rem;padding:0.3rem 0;}
  .tit2{font-size: 0.32rem;padding: 0.3rem 0;margin-bottom: 0.25rem;background-size: auto;}
  .title2{background: none;font-size: 32px;color: #1c3290;}


  /*page1*/
  .page1 .videoTxt{font-size:0.26rem;width: 100%;height: auto;padding: 0.7rem 0.5rem 0.2rem 0.5rem;box-sizing: border-box;background: url(../images/mvideoTxt.jpg) no-repeat center top;background-size:contain;}
  .page1 .videoTxt p{margin-bottom:0.20rem;}
  .page1 .tab p{float: left;width: 30%;margin:0.15rem 1.5%;}
  .page1 .tab p img{display: inline-block;}
  .page1 .tab p.ml25{width: 15.5%;}
  .page1 .tab p:nth-child(4){width: 40%;margin: 10px 1.5%;}
  .page1 .tab img{width: 80%;margin: 0 auto;}

  /*page3*/
  .page3{padding-top: 0;}
  .page3 .tabTitl span{font-size: 0.26rem;border-radius: 0.15rem;padding: 0.15rem 0;text-align: center;font-weight: bold;cursor: pointer;width: 24%;margin-right: 1%;padding: 0.15rem 0.5%;box-sizing: border-box;line-height: 140%;}
  .page3 .tabWarp{width: 100%;padding:0.45rem 0.3rem;box-shadow: 0 0px 0.2rem 0 #eaf1f4;margin-top: 0.2rem;}
  .page3 .tabWarp li .swiper-container{padding-bottom: 0.8rem;}
.page3 .tabWarp li h3{font-size: 0.24rem;margin-bottom: 0.2rem;width: 100%;margin: 0 auto 0.2rem;}
.page3 .tabWarp li p{font-size:0.22rem;line-height: 160%;width: 100%;margin: 0 auto 0.1rem;}
.page3 .tabWarp li img{display: block;width: 100%;margin: 0 auto;}
.page3 .tabWarp li .imgF img{width: 100%;float: left;}
.page3 .tabWarp li.act{display: block;}
.page3 .swiper-container .swiper-pagination-bullet-active {
  width: 0.5rem;
  border-radius: 0.2rem;
  background: linear-gradient(90deg,#12478e,#4ab8ea);
}
  .page3 .tabWarp li.act{display: block;}
  /*.page5*/
  .page5{padding-bottom: 0;}
  .page5 .title{margin-bottom:0.33rem;}
  .page5 .swiper-wrapper{padding-bottom: 0.6rem;}
  .page5 .tabwrap .swiper-slide{padding: 0.08rem;box-sizing: border-box;background-size: contain;}
  .page5 .tabwrap .swiper-slide p{bottom:0.08rem;font-size:0.24rem;}
  .page5 .swiper-pagination-bullet-active{width:0.55rem;border-radius: 0.2rem;}
  /*page6*/
  .page6{padding-top: 0;}
  .page6 .con{width: 100%;margin-left: 0;}
  .page6 .con .interCon{min-height: auto;margin-top: 0.5rem;}
  .page6 .con .inter{padding:4.5rem 0.3rem 0.3rem 0.3rem;display: none;}
  .page6 .con .inter.act{display: block;}
  .page6 .con .inter h4{font-size: 0.34rem;line-height: 120%;}
  .page6 .con .inter p{font-size: 0.28rem;margin-top:0.25rem;}
  .page6 .con .inter .popImg{position: absolute;top:-0.3rem;left: 5%;width: 90%;}
  .page6 .con .inter .popImg p{font-size: 0.24rem;}
  .page6 .con .interTab{padding: 0 0.5% 0.3rem 0.5%;}
  .page6 .con .interTab .frist{top:0.3rem;left: 3%;width: 16%;}
  .page6 .con .interTab li{margin: 0.3rem 0 0 3.5%;float: left;cursor: pointer;border-radius: 100%;overflow: hidden;width: 16%;}
  .page6 .con .interTab li.fristLi{margin-left: 22%;}
  .page6 .con .interTab li.act{padding: 0.04rem;}
  .page6 .con .interTab li.act img{display: block;border-radius: 100%;}
  /*page8*/
  .page8 .swiper-container{padding-bottom: 0px;}
  .page8 .swiper-container .swiper-wrapper {padding-top: 0.4rem;padding-bottom:2.3rem;}
  .page8 .swiper-slide img{margin-bottom: 0.1rem;width: 100%;display: block;}
  .page8 .swiper-button-next, .swiper-container-rtl .swiper-button-prev{right:0;background-size: contain;}
  .page8 .swiper-button-prev, .swiper-container-rtl .swiper-button-next{left:0;background-size: contain;}
  .page8 .swiper-button-next,
  .page8 .swiper-button-prev{width: 0.26rem;height: 0.8rem;margin-top:-20%;}
  .page8 .swiper-container .swiper-wrapper .swiper-slide{opacity: 0.5;}
  .page8 .swiper-container .swiper-wrapper .swiper-slide p{font-size:0.24rem;line-height: 140%;}
  .page8 .swiper-container .swiper-wrapper .swiper-slide.swiper-slide-active img{transform: scale(1.15);margin-top: -0.2rem;}
  .page8 .swiper-container .swiper-wrapper .swiper-slide.swiper-slide-active p{margin-top: 0.2rem;}
  .page8 .swiper-container-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet{width: 88%;border-radius: 0.2rem;background: none;opacity: 1;font-size: 0.28rem;padding:0.3rem;box-shadow: 0px 0px 0.15rem 0.05rem #d8e0f1;margin-left: 2%;float: none;display: none;height: auto;position: relative;}
  .page8 .swiper-container-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet::after{content: '';display: block;position: absolute;top:-0.3rem;left: 50%;margin-left: -0.115rem;width: 0.23rem;height: 0.31rem;background: url(../images/line.jpg) no-repeat center 0;background-size: contain;}
  .page8 .swiper-container-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet-active{display: block;}
  /*page10*/
  .page10{background: #d8ecf5;}
  .page10 .form-wrap{width: 90%;}
  .page10 .form-wrap form .label{width: 95%;border: 0;border-radius: 0.2rem;box-shadow:  0 0 0.2rem 0 #bbdae8;}
  .page10 .tiaokuan a{color: #4960c4;}
  .page10 .form-wrap form .label i.iconDown{left: 87%;}
  .page10 .form-wrap .xdf_formbtn{width: 94%;color: #1c3290;font-weight: bold;background: #58f3a4;border-radius: 0.15rem;}
  .page10 .form-wrap .xdf_formbtn:hover{color: #1c3290;background: #58f3a4;}
  /*图片放大*/
  .pic_container_inner {width: 100%;}
  .pic_container_inner img{transform: scale(1) !important;}
  .bigTxt{font-size: 0.18rem;margin-top: 0.05rem;}
  .pic_container {z-index: 99999999;}
}

.animated {
  -webkit-animation-duration: 1s;
  animation-duration: 1s;
  -webkit-animation-fill-mode: both;
  animation-fill-mode: both;
}
@-webkit-keyframes flipInX {
  from {
    -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
    transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in;
    opacity: 0;
  }

  40% {
    -webkit-transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
    transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in;
  }

  60% {
    -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 10deg);
    transform: perspective(400px) rotate3d(1, 0, 0, 10deg);
    opacity: 1;
  }

  80% {
    -webkit-transform: perspective(400px) rotate3d(1, 0, 0, -5deg);
    transform: perspective(400px) rotate3d(1, 0, 0, -5deg);
  }

  to {
    -webkit-transform: perspective(400px);
    transform: perspective(400px);
  }
}

@keyframes flipInX {
  from {
    -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
    transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in;
    opacity: 0;
  }

  40% {
    -webkit-transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
    transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in;
  }

  60% {
    -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 10deg);
    transform: perspective(400px) rotate3d(1, 0, 0, 10deg);
    opacity: 1;
  }

  80% {
    -webkit-transform: perspective(400px) rotate3d(1, 0, 0, -5deg);
    transform: perspective(400px) rotate3d(1, 0, 0, -5deg);
  }

  to {
    -webkit-transform: perspective(400px);
    transform: perspective(400px);
  }
}

.flipInX {
  -webkit-backface-visibility: visible !important;
  backface-visibility: visible !important;
  -webkit-animation-name: flipInX;
  animation-name: flipInX;
}



.gundongtiao{
    scrollbar-arrow-color: #fff;
    scrollbar-face-color: #dc5bb1;
    scrollbar-highlight-color: #dc5bb1;
    scrollbar-shadow-color: #dc5bb1;
    scrollbar-track-color: #ddd;
    scrollbar-3dlight-color:#dc5bb1;
    scrollbar-darkshadow-color: #ddd;
    scrollbar-base-color: #dc5bb1;
}
/* chrome & safari  */
.gundongtiao::-webkit-scrollbar{
    width: 10px;
    height: 10px;
    background-color: #dddddd;
}
.gundongtiao::-webkit-scrollbar-track{
    background-color: #dddddd;
    /*border-radius: 5px;*/
}
.gundongtiao::-webkit-scrollbar-thumb{
    border-radius: 0;
    background-color: #dc5bb1;
    box-shadow: inset 0 0 5px #dc5bb1;
    border-radius: 5px;
}
.gundongtiao::-webkit-scrollbar-button{
    height: 0;
    background-color: #dddddd;
    /*border-radius: 5px;*/
}