@charset "utf-8";
/* CSS Document */

* {
    -webkit-tap-highlight-color: rgba(0,0,0,0); /* 去掉a, input点击的时候的附带效果 */
    -webkit-touch-callout: none; /* 禁止长按a标签连接于图片弹出的菜单 */
    -webkit-overflow-scrolling: touch; /* 让页面滚动更流畅，对一些低版本的安卓尤其良好 */
    -webkit-text-size-adjust: 100%; /* 关闭横竖屏的时候调整文字大小 */
}
img {
    display:block;
    list-style:none;
}
a {
  color: #333;
}
.clearfix:after {
    display:block;
    clear:both;
    content:"";
    visibility:hidden;
    height:0;
}
.clearfix{
    zoom:1;
}

body{color:#333; background:#fff;}

.wrap{width:100%; max-width:750px; margin:0 auto; font-size:.24rem; }
.wrap img{width:100%;}

.title{width:6.9rem; margin:0 auto; background:url(../img/titbg.png) no-repeat;background-size:100% auto; text-align:center; }
.title h1{height:.79rem; font-size:.44rem; line-height:.74rem; font-weight:bold;}
.title p{font-size:.28rem;color:#666; margin-top:.1rem;}

.linkbox{margin-top:.3rem; display:flex; justify-content:center;}
a.btn{display:block; width:3.0rem; height:.8rem; line-height:.8rem;border-radius:.4rem; text-align:center; margin:0 .25rem; font-size:.30rem;box-sizing: border-box;color:#fefefe; background-image:linear-gradient(90deg,#ff668c 0%,#ff666b 100%); box-shadow:0 4px 9px 0 rgba(247, 77, 83, 0.25);}


/* header */
.m-ban .ban-btn{height:2.05rem; background:url(../img/ban-img3.jpg); background-size:100% 100%;}
.m-ban .ban-btn a.btn{width:4.1rem; margin:0 auto; font-size:.28rem;}

.m-ban .ban-btn span{display:block; -webkit-animation-duration:.5s;animation-duration:.5s;-webkit-animation-fill-mode:both;animation-fill-mode:both;}
pulse{0%{-webkit-transform:scale(1);transform:scale(1)}50%{-webkit-transform:scale(1.1);transform:scale(1.1)}100%{-webkit-transform:scale(1);transform:scale(1)}}
@keyframes pulse{0%{-webkit-transform:scale(1);-ms-transform:scale(1);transform:scale(1)}50%{-webkit-transform:scale(1.1);-ms-transform:scale(1.1);transform:scale(1.1)}100%{-webkit-transform:scale(1);-ms-transform:scale(1);transform:scale(1)}}
.pulse{-webkit-animation-name:pulse;animation-name:pulse}
.infinite{-webkit-animation-iteration-count:infinite;animation-iteration-count:infinite}

.con1,.con4,.con6,.con10{width:100%; background:#dcf4fa;}

/* con1 */
.con1{padding:.7rem 0 .6rem;}
.con1 a.box{display:block; margin:.3rem .3rem 0;}

/* con2 */
.con2{margin-top:.6rem;}
.con2 .box{padding-top:.1rem; margin:0 .3rem;}
.con2 .item{height:3.2rem; margin-top:.2rem; box-sizing:border-box; padding-top:.3rem; background-size:100% auto;}
.con2 .item h3{height:.6rem; line-height:.6rem; font-size:.28rem; text-align: center; font-weight:bold;}
.con2 .item p{padding:.2rem .3rem 0; line-height:.34rem; color:#666;}
.con2 .item:nth-child(1){background-image:url(../img/con2-bg1.jpg);}
.con2 .item:nth-child(2){background-image:url(../img/con2-bg2.jpg);}
.con2 .item:nth-child(3){background-image:url(../img/con2-bg3.jpg);}

/* con3 */
.con3{margin-top:.7rem;}
.con3 .box{margin:.35rem .3rem 0;}

/* con4 */
.con4{margin-top:.25rem; background:url(../img/bg4.jpg) left bottom no-repeat #dcf4fa; background-size:2.75rem 9.4rem; padding:.6rem 0;}
.con4 a.box{display:block; padding:.1rem .3rem 0 1.7rem; }
.con4 .item{display:flex; justify-content:space-between; width:5.1rem; height:.7rem; margin-top:.2rem; background-color:#30a5ff; box-shadow:0 3px 6px 0 rgba(42, 102, 247, 0.25); border-radius:.1rem; color:#fff;}
.con4 .item p{width:3.6rem; line-height:.7rem; box-sizing:border-box; padding-left:.2rem;}
.con4 .item h3{width:1.5rem; height:.7rem; box-sizing:border-box; padding:.1rem 0 0 .1rem; background:url(../img/h3bg.jpg); background-size:100% auto; border-radius:0 .1rem .1rem 0;}
.con4 .item h3 span{display:block; width:1.2rem; height:.5rem; background-color:#ff666b; border-radius:.25rem; line-height:.5rem; color:#fff; text-align:center;}
.con4 .item1{margin-left:.1rem;}
.con4 .item2{margin-left:.2rem;}
.con4 .item3{margin-left:.3rem;}
.con4 .item4{margin-left:.4rem;}

/* con5 */
.con5{margin-top:.6rem;}
.con5 .box{margin:0 .3rem; padding-top:.1rem;}
.con5 img{margin-top:.2rem;}

/* con6 */
.con6{margin-top:.6rem; padding:.6rem 0;}
.con6 a.box{margin:0 .3rem; padding-top:.1rem; display:flex; justify-content:space-between; flex-wrap:wrap; }
.con6 .item{width:3.3rem; margin-top:.2rem; text-align:center; background-size:100% auto;}
.con6 .item1{height:3.1rem; background-image:url(../img/con6-bg1.jpg);}
.con6 .item2{height:3.4rem; background-image:url(../img/con6-bg2.jpg);}
.con6 .item h2{width:2.4rem; height:.6rem; line-height:.6rem; font-size:.28rem; color:#fefefe; font-weight:bold;}
.con6 .item h3{color:#2a66f7; margin-top:.15rem;}
.con6 .item p{line-height:.34rem; margin-top:.1rem;}
.con6 .item h4{height:.5rem; line-height:.5rem; background-color:#ff666b; border-radius:.25rem; color:#fff;}
.con6 .item1 p{height:1.0rem;}
.con6 .item2 p{height:1.75rem;}
.con6 .item1 .h4box{padding:0 .5rem 0 .1rem; line-height:.5rem; display:flex;}
.con6 .item1 .h4box span{display:block; width:1.5rem; color:#ff666b;}
.con6 .item1 .h4box h4{width:1.2rem;}
.con6 .item2 h4{width:2.3rem; margin:0 auto;}


/* con7 */
.con7{margin-top:.6rem;}
.con7 .box{margin:.3rem .3rem 0;}
.con7 table{text-align:center; border-collapse:collapse; border-spacing:0;}
.con7 table tr td,
.con7 table tr th{border:1px solid #30a5ff; background:#fff; padding:.15rem 0;}
.con7 table tr th{background:#30a5ff; font-weight:bold; color: #fff;}
.con7 table tr td.tit{font-weight:bold;}
.con7 table tr td a{display: block; width:1.2rem; height:.5rem; margin:0 auto; line-height:.5rem; border-radius:.25rem; background-color:#ff666b; color:#fff;}

/* con8 */
.con8{margin-top:.6rem; padding:.6rem 0 .5rem;background:url(../img/bg8.jpg) center bottom no-repeat #dcf4fa; background-size:100% auto;}
.con8 .box{margin:0 .3rem; padding-top:.1rem;}
.con8 .item{height:1.6rem; margin-top:.2rem; background:url(../img/con8-bg.jpg); background-size:100% auto; display:flex;}
.con8 .item h3{width:2.1rem; color:#fff; text-align: center; font-weight:bold; font-size:.28rem; line-height:.8rem; margin-right:.3rem;}
.con8 .item p{width:4.35rem; box-sizing:border-box; padding-top:.2rem; line-height:.34rem;}
.con8 h2{margin-top:1.0rem; font-size:.36rem; color:#ffffff; font-weight:bold; text-align:center;}
.con8 .box2{margin:.25rem .3rem 0;}

/* con9 */
.con9{margin-top:.6rem;}
.con9 .box{margin:.3rem .3rem 0; display:flex;justify-content:space-between;}
.con9 .item{width:3.3rem; height:4.7rem;}
.con9 .item ul{padding:.95rem 0 0 .6rem;}
.con9 .item ul li{height:.66rem; box-sizing:border-box; padding-top:.22rem;}
.con9 .item1{background:url(../img/con9-bg1.jpg); background-size:100% 100%;}
.con9 .item2{background:url(../img/con9-bg2.jpg); background-size:100% 100%;}

/* con10 */
.con10{margin:.6rem 0 .9rem; padding:.6rem 0;}
.con10 .box{margin:.3rem .3rem 0;}
.con10 .con10-l{height:3.7rem; background:url(../img/con10-bg1.jpg); background-size:100% 100%; display:flex; justify-content:space-between;}
.con10 .con10-l .item{width:1.72rem; text-align: center; box-sizing:border-box;}
.con10 .con10-l .item h3{font-size:.28rem; font-weight:bold; color:#2a66f7;}
.con10 .con10-l .item p{margin-top:.1rem; line-height:.34rem;}
.con10 .con10-l .item1{padding-top:1.5rem;}
.con10 .con10-l .item2{padding-top:1.1rem;}
.con10 .con10-l .item3{padding-top:.7rem;}
.con10 .con10-l .item4{padding-top:.3rem;}
.con10 .con10-r{margin-top:.3rem;}
.con10 .con10-r p{height:1.1rem; background:url(../img/con10-bg2.jpg);background-size:100% 100%; line-height:.9rem; display:flex; color:#fff;}
.con10 .con10-r p span{display:block; width:1.5rem; text-align:center; margin-right:.25rem; font-weight:bold; color:#333;}




@media screen and (max-width:320px){

}