/* CSS Document */
html{ font-size:100px;}
body {font-family:微软雅黑;font-size:0.01rem;}
body,p,h1,h2,h3,h4,h5,h6,dl,dd{ margin:0;}
ul,ol,li{list-style-type: none; margin:0; padding:0;}
h1,h2,h3,h4,h5,h6{font-weight:normal;}
a{text-decoration: none; -webkit-tap-highlight-color:rgba(0,0,0,0); color:#fff; }
img{border:none;vertical-align:middle; width:100%;}
.clearfix:after{content:""; display:block; visibility:hidden; height:0; clear:both;}
.clearfix{zoom:1;}


.wrap{max-width: 640px;min-width: 320px;margin-left: auto;margin-right: auto; overflow: hidden;}
.hidden { display:none; }
.block { display:block; }
.inline { display:inline; }
.inline-block { display:inline-block; }
.fl { float: left; }
.fr {float: right;}
.tl { text-align: left; }
.tr { text-align: right; }
.tc { text-align: center; }
.text-italic{font-style: italic;}
.pr{position: relative;}
.pa{position: absolute;}
.fb{font-weight: bold;}
.l50{left: 50%;}
.l0{left: 0;}
.r50{right: 50%;}
.bs{box-sizing: border-box; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; -ms-box-sizing: border-box; -o-box-sizing: border-box; }


.padlr10{padding-left: 0.1rem;padding-right: 0.1rem;}

/*轮播设置*/
.pagination{position: absolute;left: 50%;width: 100%;left: 0;bottom: 0.08rem;text-align: center;z-index: 999;}
.pagination .swiper-pagination-switch{display: inline-block;border-radius: 50%;-webkit-border-radius: 50%;margin:0 0.05rem;background:#fff ;width:0.2rem;height: 0.2rem;opacity: 1;cursor: pointer;}
.pagination .swiper-active-switch{opacity: 1;background-color: #555;}


/*轮播设置*/

.banner{ width:100%; position:relative}
.banner a{position: absolute;width: 1.3rem;left: 45%;top: 72%;}

.bg{background:#fff url(../images/bg.png) repeat;background-size: 0.1rem 0.1rem;}
.bgBlue{background-color: #43e5f4}

.til{padding: 0.3rem 0;}
.til h5 span{display: inline-block;font-size: 0.3rem;position: relative;}
.til h5 span::before,.til h5 span::after{content: '//';display: inline-block;font-weight: bold;color:#11bdfb;letter-spacing: -0.06rem;margin-right: 0.1rem; }
.til h4{font-size: 0.36rem;font-weight: bold;}
.til h4 span{color: #11bdfb;}

.fenge{width: 100%;height: 0.7rem;background: url(../images/fenge1.jpg) no-repeat;background-size: 100% 100%;}
.fenge1{background-image: url(../images/fenge2.jpg);}

.part1{padding-bottom: 0.3rem;}
.part1 .p1_bd1{margin-bottom: 0.8rem;}
.part1 .p1_bd1 em{position: absolute;width: 0.68rem;right: 2.8rem;bottom: -0.7rem;}
.part1 .p1_bd1_left{width: 3.54rem;float: left;}
.part1 .mame::before{content: '';position: absolute; width: 2.72rem;height: 100%;background-color: #fef977;border-radius: 80px;border:0.03rem solid #000;right: 0;bottom: -0.1rem;}
.part1 .mame p{font-size: 0.2rem;text-align: right;background-color: #11bdfb;border-radius: 80px;border:0.03rem solid #000;width: 2.68rem;margin-left: 0.8rem;color: #fff;padding:0.1rem  0.16rem 0.1rem 0; }
.part1 .mame p span{font-size: 0.24rem;}
.part1 .mame p b{font-size: 0.36rem;display: inline-block;margin-right: 0.1rem;}
.part1 .mame i{position: absolute;width: 1.43rem;left: 0;top: 50%;transform: translateY(-50%);-webkit-transform: translateY(-50%);z-index: 2;}
.part1 .mame i img{border-radius: 50%;}
.part1 .bf{background: url(../images/p1_4.png) no-repeat ;background-size: 100% 100%;width: 3.18rem;padding: 0.2rem 0.4rem 0.4rem;font-size: 0.2rem;line-height: 1.5;margin: 0.32rem 0 0 0.2rem;}
.part1 .p1_bd1_right{float: right;width: 2.48rem;padding-right: 0.1rem;position: relative;}
.part1 .p1_bd1_right .bigTu{border-radius: 0.1rem;overflow: hidden;border:0.03rem solid #000;position: relative;}
.part1 .p1_bd1_right .bigTu span{position: absolute;background-color: #707070;font-size: 0.2rem;color: #fff;padding: 0 0.1rem;left: 0;top: 0;border-radius:0 0  0.05rem;}
.part1 .p1_bd1_right::before{content: '';position: absolute; width: 2.5rem;height: 100%;background-color: #43e5f4;border-radius: 0.1rem;border:0.03rem solid #000;right: 0;bottom: -0.1rem;}

.part1 .p1_bd2{margin-right: 0.1rem;}
.part1 .p1_bd2 .in{background: #43e5f4;overflow: hidden;border-radius: 0.1rem;border: 0.03rem solid #000;font-size: 0.2rem;line-height: 1.6;}
.part1 .p1_bd2::before{content: '';position: absolute; width: 100%;height: 100%;background-color: #43e5f4;border-radius: 0.1rem;border:0.03rem solid #000;right: -0.1rem;bottom: -0.1rem;}
.part1 .p1_bd2 span{width: 2.21rem;margin-right: 0.16rem;}
.part1 .p1_bd2 h5{font-size: 0.26rem;padding-top: 0.1rem;}

.part3{padding: 0.2rem;}
.part3 .p3_top{font-size: 0.2rem;padding:0.16rem 0.1rem 0.16rem 1.6rem;line-height: 1.6;position: relative;}
.part3 .p3_top h4{font-size: 0.26rem;font-weight: bold;}
.part3 .p3_top span{position: absolute;left: 0;top: 50%;transform: translateY(-50%);-webkit-transform: translateY(-50%);}
.part3 .p3_top span::before{content: '';position: absolute; width: 100%;height: 100%;background-color: #fef977;border-radius:50%;border:0.02rem solid #000;right: -0.06rem;bottom: 0;box-sizing: border-box;}
.part3 .p3_top span img{border-radius: 50%;position: relative;z-index: 2;width: 1.4rem;}
.part3 .p3_bd{padding: 0.3rem 0 0;}
.part3 .p3_Swiper{height: 3.4rem;}
.part3 .sliderIn{width: 100%;padding-bottom: 0.1rem;}
.part3 .p3_right{float: right;width: 2.48rem;padding-right: 0.06rem;position: relative;margin-right: 0.1rem;}
.part3 .p3_right .bigTu{border-radius: 0.2rem;overflow: hidden;border:0.03rem solid #000;position: relative;}
.part3 .p3_right::before{content: '';position: absolute; width: 2.4rem;height: 100%;background-color: #fef977;border-radius: 0.2rem;border:0.03rem solid #000;right: 0;bottom: -0.06rem;}
.part3 .p3_left{width: 3.2rem;float: left;}
.part3 .bf{background: url(../images/p1_4.png) no-repeat ;background-size: 100% 100%;width: 3.18rem;padding: 0.4rem 0.4rem 0.4rem;font-size: 0.2rem;line-height: 1.5;margin: 0.32rem 0 0;}
.part3 .bf1{padding:0.4rem 0.2rem 0.4rem;}
.part3 .bf1 a{color: #f86d8e;text-decoration: underline;}
.part3 .arrow{position: absolute;border-top: 0.2rem dashed transparent;border-bottom: 0.2rem dashed transparent;top: 1.58rem;z-index: 2;}
.part3 .arrow.prev{border-right: 0.18rem solid #000;left: -0.18rem;}
.part3 .arrow.next{border-left: 0.18rem solid #000;right: -0.18rem;}

.part5 ul li{width: 2.66rem;float: left;margin-left: 0.36rem;margin-bottom: 0.36rem;position: relative;}
.part5 ul li .tu{border-radius: 0.2rem;overflow: hidden;border:0.03rem solid #000;position: relative;}
.part5 ul li .tu span{position: absolute;background-color: #43e5f4;font-size: 0.2rem;color: #fff;padding: 0 0.1rem;left: 0;top: 0;border-radius:0 0  0.05rem;}
.part5 ul li .tu p{position: absolute;width: 100%;height: 0.74rem;background-color: rgba(0,0,0,0.7);bottom: 0;}
.part5 ul li .tu p em{position: absolute;width: 100%;left: 0;top: 50%;transform: translateY(-50%);-webkit-transform: translateY(-50%);color: #fff;font-size: 0.2rem;text-align: center;font-style: normal;}
.part5 ul li::before{content: '';position: absolute; width: 100%;height: 100%;background-color: #43e5f4;border-radius: 0.2rem;border:0.03rem solid #000;right: -0.06rem;bottom: -0.06rem;}
.part5 ul li:nth-of-type(2n)::before{background-color: #fef977;}



.part2{ padding:0.2rem 0.1rem 0.4rem;  font-size:0.22rem;display: -webkit-box;display: -ms-flexbox;display: flex;-webkit-box-pack: justify;
 -webkit-justify-content: space-between;justify-content: space-between;}
.part2 .list{-webkit-box-flex: 0;-ms-flex: 0 0 1.25rem;flex: 0 0 1.25rem; width:1.25rem;}
.part2 .list img{border-radius: 50%;}
.part2 .list .name{ padding-top:0.1rem; text-align:center; color:#333}

.p4fixed{ position:fixed; left:0; bottom:0; width:100%;z-index: 3;}
.p4tt{ background:#00bbff; color:#fff; padding:0.15rem 0; text-align:center; line-height:1}
.p4tt .t1{ font-size:0.34rem;}
.p4tt .t2{ font-size:0.19rem; padding-top:5px;}

.part4{ background:#ebebeb; overflow:hidden; padding:0.1rem 0;}
.part4 .box{ width:100%; overflow:hidden}
.part4 .pic{ width:1.6rem; float:left;}
.part4 .pic img{ display:block; margin:0 auto; width:1.15rem;border-radius: 50%;}
.part4 .txt{ position:relative; margin-top:0.2rem; float:left; width:70%; box-sizing:border-box; background:#fff; border-radius:0.15rem; border:1px solid #e3e3e3; padding:0.2rem 0.15rem 0.35rem 0.15rem; font-size:0.2rem;}
.part4 .txt .sj{ position:absolute; width:0.09rem; left:-0.09rem; top:0.1rem;}
.part4 .txt .t1{ font-size:0.23rem; line-height:0.32rem;}
.part4 .txt .t2{ margin-top:0.15rem; padding-left:0.1rem; padding-top:0.1rem; box-sizing:border-box; height:0.48rem; display:block; width:100%; border-radius:0.48rem; line-height:1; font-size:0.18rem; color:#fff;background: -webkit-linear-gradient(left top,#7448c0,#3d96fb);
background: linear-gradient(to right, #7448c0,#3d96fb); }
.part4 .txt .t2 span{ font-size:0.15rem; color:#fff608; display:inline-block; vertical-align:top}

.send{ height:0.78rem; background:#f5f5f6; border-top:1px solid #e3e3e3}
.send .icon{ float:left; width:0.7rem; text-align:center;}
.send .icon img{ width:0.45rem; margin-top:0.15rem;}
.send .inputbox{ float:left; width:4.4rem; height:0.52rem; box-sizing:border-box; padding-left:0.1rem; border-radius:0.1rem;border:1px solid #e3e3e3; background:#fff; margin-top:0.1rem;}
.send .inputbox input{ background:none; border:0; width:100%; height:100%; font-size:0.26rem; outline:none}
.send .btn1{ float:right; margin-right:0.1rem; width:1.09rem; margin-top:0.1rem;}

@keyframes bounce {
  0%, 20%, 53%, 80%, 100% {
    -webkit-transition-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
    transition-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
    -webkit-transform: translate3d(0,0,0);
    transform: translate3d(0,0,0);
  }

  40%, 43% {
    -webkit-transition-timing-function: cubic-bezier(0.755, 0.050, 0.855, 0.060);
    transition-timing-function: cubic-bezier(0.755, 0.050, 0.855, 0.060);
    -webkit-transform: translate3d(0, -2px, 0);
    transform: translate3d(0, -5px, 0);
  }

  70% {
    -webkit-transition-timing-function: cubic-bezier(0.755, 0.050, 0.855, 0.060);
    transition-timing-function: cubic-bezier(0.755, 0.050, 0.855, 0.060);
    -webkit-transform: translate3d(0, -2px, 0);
    transform: translate3d(0, -1px, 0);
  }

  90% {
    -webkit-transform: translate3d(0,-2px,0);
    transform: translate3d(0,-2px,0);
  }
}

@keyframes movement2 {
    0% {
        -webkit-transform: translate(10px,3px);
        transform: translate(10px,3px);
    }
    25% {
        -webkit-transform: translate(3px,6px);
        transform: translate(3px,6px);
    }
    50% {
        -webkit-transform: translate(6px,-3px);
        transform: translate(6px,-3px);
    }
    75% {
        -webkit-transform: translate(-8px,0px);
        transform: translate(-8px,0px);
    }
    100% {
        -webkit-transform: translate(10px,3px);
        transform: translate(10px,3px);
    }
}
@-webkit-keyframes movement2 {
    0% {
        -webkit-transform: translate(10px,3px);
        transform: translate(10px,3px);
    }
    25% {
        -webkit-transform: translate(3px,6px);
        transform: translate(3px,6px);
    }
    50% {
        -webkit-transform: translate(6px,-3px);
        transform: translate(6px,-3px);
    }
    75% {
        -webkit-transform: translate(-8px,0px);
        transform: translate(-8px,0px);
    }
    100% {
        -webkit-transform: translate(10px,3px);
        transform: translate(10px,3px);
    }
}