.card-body{}
.card{height: 100%; overflow-y: auto; -webkit-overflow-scrolling: touch;}
.clearfix:after {
    content: " ";
    display: block;
    clear: both;
    height: 0;
}

.clearfix {
    zoom: 1;
}
.bbtom{border-bottom: .2rem solid #ebedf2;}
.card-btu{text-align: center; padding: 4.0rem 0 0 0;}
.card-btu a{display: inline-block; background:#f5576b; padding: 0.2rem; font-size: 0.25rem;border-radius: .12rem; color: #fff; margin: 0 0.25rem;}

.view-1{background: url(../images/banner.jpg) left top no-repeat; background-size: 100% 100%; height: 5.97rem;}
.view-1 .dflexSp p{color: #000;}
.images img{width:100%;height:100%;}
.view-1 h2{ padding-top: 1.76rem; font-size: 0.50rem;  color: #fff; padding-left: 0.64rem;  font-weight: bold;}
.view-1 h2 span{color: #f6ff00; }
.banner-btu{ padding-top: 0.38rem; margin-left:0.64rem; }
.banner-btu a{color:#3071c9;display:inline-block;height:0.56rem;line-height:0.56rem;background:#f6ff00;font-size:0.26rem;font-weight:bold;border-radius:1.06rem;width:2.50rem;text-align:center;}
.view-1 ul li{margin-top:0.14rem;width:2.46rem;height:0.46rem;line-height: 0.46rem;font-size: 0.21rem;color:#fff;background:url('../images/libg.png') no-repeat center;padding-left:0.54rem;box-sizing: border-box;float: left;}
.view-1 ul li:nth-of-type(odd){margin-left:0.58rem}
.view-1 ul li:nth-of-type(even){margin-left:0.3rem}

.view-2{text-align: center;}
.view-2 h1{font-size: 0.38rem; color: #000; font-weight:bold; line-height: 0.6rem; margin-top: 0.28rem;}
.view-2 h2{font-size: 0.24rem; color: #666; line-height: 0.48rem; margin-bottom: 0.1rem;}
.view-2 i{display: block; font-size: 0; text-align: center;}
.view-2 img{width: 0.48rem;}
.view-2 ul{padding: 0 0.3rem;}
.view-2 ul li{margin-bottom: 0.25rem; position: relative;}
.view-2 ul li:first-child{margin-top: 0.25rem;}
.view-2 ul li input{width: 100%; font-size: 0.24rem; color: #666; background: #f1f1f1; line-height: 0.88rem; padding: 0 0.25rem; box-sizing: border-box; border: none; border-radius: .12rem;}
.view-2 ul li a{display: block; position: absolute; line-height: 0.4rem; right: 0; top: 0.22rem; font-size: 0.24rem; text-decoration: underline; padding: 0 0.25rem; color: #f0871b;}
.view-2 ul li button{width: 100%; font-size: 0.32rem; color: #fff; background: #fd69a8; line-height: 0.88rem; padding: 0 0.25rem; box-sizing: border-box; border: none; border-radius: .12rem;}


.view-3 {}
.view-3 ul{ display: flex;flex-wrap: wrap;}
.view-3 ul li{ width: 3.34rem; margin-left:0.26rem; margin-bottom:0.22rem; margin-top:0.22rem; }
.view-3 ul li img{width: 100%; height: 100%;}
.view-3 .img img{width: 100%; height: 100%;}
.view-3 .btu{text-align: center; margin: 0.35rem 0;}
.view-3 .btu a{display: inline-block; background:#f5576b; padding: 0.2rem; font-size: 0.25rem;border-radius: .12rem; color: #fff; margin: 0 0.25rem; width: 80%;}

.swiperBox{ margin-bottom: .25rem;}
.swiperBox img{ width: 4.4rem; box-shadow: 0 0 .1rem  rgba(0,0,0,.1);border-radius:.2rem; max-width: 100%;}
.swiperBox h3{font-size: .34rem; color: #eb498e; padding-top:0.2rem;display: none;}
.swiperBox p{ font-size: .24rem; line-height: .39rem; margin: .2rem 0 .2rem 0; display: none;}
.swiperBox .swiper-slide-active p{ display: block; text-align: center;}
.swiperBox .swiper-slide-active h3{ display: block; text-align: center;}


.view-4{}
.view-4 .img img{width: 100%; height: 100%;}

.view-5{}
.view-5 .img img{width: 100%; height: 100%;}
.view-5 ul{ display: flex;flex-wrap: wrap;}
.view-5 ul li{ width: 3.03rem; margin-left:0.48rem; margin-bottom:0.20rem; margin-top:0.22rem; }
.view-5 ul li img{  width: 3.03rem; height: 1.56rem;}

.view-btu1{ border: 0.01rem #45a4e8 solid;  display: inline-block; width: 100%; padding: 0.15rem 0.14rem; }
.view-btu1 a.a1{color:#1875ae; display: inline-block; height:0.46rem; line-height:0.46rem; background:#fff ; border: 0.01rem #1875ae solid;font-size: 0.24rem;border-radius: 0.06rem;  width: 1.14rem; text-align: center; margin: 0px 0.05rem;}
.view-btu1 a.a2{color:#fff; display: inline-block; height:0.46rem; line-height:0.46rem;  background:#4fabea ;font-size: 0.24rem;border-radius: 0.06rem;  width: 1.14rem;margin: 0px 0.05rem;text-align: center; }
.view-btua{ text-align: center;margin-bottom: 0.55rem;margin-top: 0.25rem;}
.view-btua a{color:#fff; display: inline-block; height:0.75rem; line-height:0.75rem;  background:#fd69a8 ;font-size: 0.32rem;border-radius: 0.06rem; margin: 0px 0.05rem;text-align: center; width: 80%; }

.view-btu2{ border: 0.01rem #ecbc49 solid;  display: inline-block; width: 100%; padding: 0.15rem 0.14rem; }
.view-btu2 a.a1{color:#ecbc49; display: inline-block; height:0.46rem; line-height:0.46rem; background:#fff ; border: 0.01rem #ecbc49 solid;font-size: 0.24rem;border-radius: 0.06rem;  width: 1.14rem; text-align: center; margin: 0px 0.05rem;}
.view-btu2 a.a2{color:#fff; display: inline-block; height:0.46rem; line-height:0.46rem;  background:#ecbc49 ;font-size: 0.24rem;border-radius: 0.06rem;  width: 1.14rem;margin: 0px 0.05rem;text-align: center; }
.view-btub{ text-align: center;margin-bottom: 0.55rem;margin-top: 0.25rem;}
.view-btub a{color:#fff; display: inline-block; height:0.75rem; line-height:0.75rem;  background:#eab840 ;font-size: 0.32rem;border-radius: 0.06rem; margin: 0px 0.05rem;text-align: center; width: 80%; }

.view-btu3{ border: 0.01rem #fa743d solid;  display: inline-block; width: 100%; padding: 0.15rem 0.14rem; }
.view-btu3 a.a1{color:#fa743d; display: inline-block; height:0.46rem; line-height:0.46rem; background:#fff ; border: 0.01rem #fa743d solid;font-size: 0.24rem;border-radius: 0.06rem;  width: 1.14rem; text-align: center; margin: 0px 0.05rem;}
.view-btu3 a.a2{color:#fff; display: inline-block; height:0.46rem; line-height:0.46rem;  background:#fa743d ;font-size: 0.24rem;border-radius: 0.06rem;  width: 1.14rem;margin: 0px 0.05rem;text-align: center; }
.view-btuc{ text-align: center;margin-bottom: 0.55rem;margin-top: 0.25rem;}
.view-btuc a{color:#fff; display: inline-block; height:0.75rem; line-height:0.75rem;  background:#fa743d ;font-size: 0.32rem;border-radius: 0.06rem; margin: 0px 0.05rem;text-align: center; width: 80%; }



.view-20 ul{padding-bottom:.6rem;}
.view-20 li{border:.012rem solid #eb498e;line-height:.84rem;height:.84rem;text-align:center;font-size:.28rem;position:relative;margin:0 .3rem .38rem;border-radius:.3rem;}
.view-20 li img{width:.4rem;position:absolute;left:.26rem;top:.22rem}
.intitle{font-size:.38rem;line-height:.5rem;padding-top:.45rem;text-align:center;font-weight:bold;}
.intitle-2{font-size:.24rem;color:#666;line-height:.4rem;margin-bottom:.3rem;text-align:center;}




/*公用底部*/
.flexList{display: flex; padding: 0 0.55rem; display: -webkit-flex; display: -moz-flex; justify-content: space-between; -webkit-justify-content: space-between; -moz-justify-content: space-between; flex-wrap: wrap; -moz-flex-wrap: wrap; -webkit-flex-wrap: wrap;}
.footer{background: #1c1c1c; border-top: 0.06rem solid #303030;}
.footer ul{padding: 0.3rem 0.55rem 0.26rem 0.55rem;}
.footer li{text-align: center; width: 30%;}
.footer li img{width: 0.85rem; height: 0.85rem; margin-bottom: 0.12rem; display: inline;}
.footer li p{font-size: 0.18rem; color: #a3a3a3; line-height: 1.4em;}
.footer .copyRight{text-align: center; display: flex; justify-content: center; align-items: center; border-top: 0.012rem solid #303030; height: 1.1rem;}
.footer .copyRight p{font-size: 0.18rem; color: #666; line-height: 1.6em;}