/* 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,input{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); }
img{border:none;vertical-align:top; width:100%;}
.clearfix:after{content:""; display:block; visibility:hidden; height:0; clear:both;}
.clearfix{zoom:1;}
input{outline: none}

.wrap{max-width: 640px;min-width: 320px;color:#333;margin-left: auto;margin-right: auto; overflow: hidden;}
.re{ position: relative;}
.te{ text-align: center;}
.ov{ overflow: hidden;}
.fl{ float: left;}
.fr{ float: right;}
.plr{ padding:0 0.2rem;}
.hs{ color:#fffc00}
.mr10{ margin-right:0.1rem}
.ml10{ margin-left:0.1rem}

.pagination{ width:100%; text-align:center; padding:0.2rem 0}
.pagination span{display: inline-block;
    width: 0.2rem;
    height:0.2rem;
	opacity:0.8;
    border-radius:0.1rem;
    background:#a794ff;
    margin: 0 5px;
    cursor: pointer;
}


.pagination .swiper-active-switch {background: #e4605d;}



.titecon{ width:100%; text-align:center; font-size:0; padding:0.15rem 0 0.35rem 0;color:#000;position: relative;line-height: 1;}
.titecon .tt1{ display:inline-block; font-size:0.4rem; padding:0.2rem 0.15rem; position:relative; color:#000}
.titecon .tt1 .bt{ position:absolute; left:0; bottom:0; width:100%; height:1px; overflow:hidden; background:#000; content:""}
.titecon .tt1 .tt{ position:absolute; left:0; top:0; width:100%; height:1px; overflow:hidden; background:#000; content:""}

.titecon .tt2{ padding-top:0.1rem; display:inline-block; line-height:1.2; font-size:0.3rem;color:#6b6b6b}

.btncon{ width:100%; text-align:center; font-size:0; padding:0.4rem 0;position: relative;}
.btncon .box{ position:relative; display:inline-block; width:4.46rem; height:0.6rem;animation:float 2s infinite;}
.btncon a{position:absolute;left:0; bottom:0; z-index:1; width:100%; height:0.6rem;line-height:0.6rem;background:linear-gradient(to right,#b471fe,#7174ff);font-size:0.3rem; color:#fff;}
.btncon .box:after{ position:absolute; content:""; left:0.04rem; bottom:-0.04rem; z-index:0; width:100%; height:0.6rem; background:url(../images/btnbg.jpg) no-repeat; background-size:cover}

.banner{ position:relative;}
.banner .ba1{ position:absolute; left:0; bottom:0}

.part1{ display:flex; flex-wrap:wrap; justify-content:space-around; padding:0.4rem 0}
.part1 .list{ width:1.9rem; height:1.15rem; position:relative; background:#6251b3; display:flex;flex-wrap:wrap;align-content:center; text-align:center; color:#fff; margin-top:0.2rem;}
.part1 .list .t1{ font-size:0.25rem; line-height:1.1; width:100%;}
.part1 .list .t2{ text-align:center; font-size:0; width:100%; padding-top:0.05rem;}
.part1 .list .t2 span{ display:inline-block; border:1px solid #fff; line-height:0.23rem; padding:0 0.15rem; font-size:0.16rem;text-transform:uppercase}

.part1 .list .hot{ position:absolute; right:0; top:-0.15rem;}
.part1 .list .hot1{ position:absolute; right:-0.1rem; top:-0.3rem;}

.part2{ background:#fff; border-top:0.15rem solid #e9e9e9;border-bottom:0.15rem solid #e9e9e9}
.part2 .p1box{ display:flex;justify-content:space-around; padding-bottom:0.2rem}
.part2 .p1box .list{ width:25%; text-align:center; color:#333}
.part2 .p1box .list .pic{ width:1.26rem; border-radius:50%}
.part2 .p1box .list .tt{ font-size:0.22rem;}

.shipin{ overflow:hidden; height:4.51rem; background:#f5f5f5 url(../images/p3bg.gif) repeat-x; background-size:0.02rem 3.61rem}
.shipin .box{ margin:0 auto; width:6.02rem; padding-top:0.35rem}

.part3{ background:#f5f5f5; overflow:hidden}
.part3 .p1box{ position:relative; margin-top:0.2rem;}
.part3 .p1box .txt{ position:absolute; width:2.7rem; left:3.55rem; top:-0.2rem}
.part3 .p1box .txt .t1{ font-size:0.35rem; color:#6251b3; padding-bottom:0.1rem; position:relative}
.part3 .p1box .txt .t1 .x{ position:absolute; width:0.35rem; height:2px; overflow:hidden; background:#6251b2; content:""; left:0; bottom:0}

.part3 .p1box .txt .t2{ font-size:0.22rem; line-height:1.2; padding-top:0.1rem}

.part4{ position:relative}
.part4 .pa4{ position:absolute; left:0; bottom:0}

.part5{ background:#8574d5; overflow:hidden; padding-bottom:0.3rem}
.part5 .p1box{ position:relative; height:3.97rem; background:url(../images/p5bg.jpg) no-repeat; background-size:cover}
.part5 .p1box .from{ position:absolute;  width:5.4rem; left:0.7rem; top:0.3rem}
.part5 .p1box .from .list{display:flex;}
.part5 .p1box .from .list .ll{ width:1.2rem; line-height:0.64rem; text-align:center; color:#fff;font-size:0.26rem}
.part5 .p1box .from .list .rr{ flex:1; height:0.64rem; background:#fff; box-sizing:border-box; padding:0.18rem;}
.part5 .p1box .from .list .rr input{ font-size:0.2rem; background:none; border:none}

.part6{ position:relative; background:#e1ecf9; overflow:hidden;}
.part6 .swiper-slide{ position:relative}
.part6 .swiper-slide .p6btn{ position:absolute; text-align:center; width:100%; left:0; bottom:0.9rem}
.part6 .swiper-slide .p6btn a{ display:inline-block; box-shadow:0.04rem 0.04rem #3a2b8d; line-height:0.58rem; padding:0 0.2rem; background:#6755bd; font-size:0.26rem; color:#fff}
.part6 .swiper-slide .p6btn a.b{box-shadow:0.04rem 0.04rem #5255de; background:linear-gradient(to right,#b471fe,#7174ff); margin-left:0.2rem;}
.part6 .pa6{ position:absolute; left:0; bottom:0}

.part7{ position:relative; background:#6251b3;}
.p7tab{transform:translate(0,-0.6rem); margin:0 auto; width:6.1rem; height:1.28rem; background:#fff; display:flex; align-items:center; justify-content:space-around; border-radius:2px; box-shadow:0 0 0.2rem rgba(0,0,0,0.1)}
.p7tab .list{ width:1.95rem; height:0.75rem; text-align:center; color:#fff; background:#6251b3; font-size:0.2rem; line-height:1.2;display:flex; align-items:center;justify-content:center}

.p7tab .list.on{ background:#c3bcef; color:#291d64}

.p7slide{transform:translate(0,-0.3rem);}
.part7 .swiper-slide{ width:100%; text-align:center}
.part7 .swiper-slide img{ width:6.02rem}

.part8{ position:relative; height:10.68rem;background:url(../images/p7.jpg) no-repeat; background-size:cover}
.part8 .txt{ position:absolute; width:2.85rem; left:3.38rem; top:2.4rem}
.part8 .txt .t1{ font-size:0.28rem; font-weight:700}
.part8 .txt .t1 span{ color:#6251b3}
.part8 .txt .t2{ font-size:0.2rem; padding-top:0.1rem}

.part9{ position:relative; /*overflow:hidden; height:4.26rem;background:url(../images/p8.jpg) no-repeat; background-size:cover*/}
.part9 .btn{ margin:1.28rem auto 0 auto; display:block; width:2.95rem; line-height:0.55rem; background:#662c92; border-radius:0.55rem; text-align:center; font-size:0.28rem; color:#fff;}
.part9 .p1{padding:0.42rem 0 0 1.2rem; font-size:0.22rem; color:#e5c2ff; line-height:1.8}

.flexbox{display: -webkit-box; /* 老版本语法: Safari, iOS, Android browser, older WebKit browsers. */
    display: -moz-box; /* 老版本语法: Firefox (buggy) */
    display: -ms-flexbox; /* 混合版本语法: IE 10 */
    display: -webkit-flex; /* 新版本语法: Chrome 21+ */
    display: flex; /* 新版本语法: Opera 12.1, Firefox 22+ */}
.box-align-center {
    -webkit-box-align: center;
    -moz-align-items: center;
    -webkit-align-items: center;
    align-items: center;
}
.self-align-center {
    align-self: center;
    -webkit-align-self: center;
    margin: 0 auto;
}
.box-pack-between {
        -webkit-box-pack: justify;
        -moz-justify-content: space-between;
        -webkit-justify-content: space-between;
        justify-content: space-between;
}
.box-pack-around {
    -moz-justify-content: space-around;
    -webkit-justify-content: space-around;
    justify-content: space-around;
}
.box-pack-center {
    -webkit-box-pack:center;
    -moz-justify-content: center;
    -webkit-justify-content: center;
    justify-content: center;
}
.box-wrap {
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
}

.fixed{position: fixed;left:50%;transform: translateX(-50%);top:0;z-index: 3;width: 100%}
@-webkit-keyframes float {
    0%,100% {
        -webkit-transform: translate3d(0,0,0)
    }
    40% {
        -webkit-transform: translate3d(0,-5px,0)
    }
  }
  
  @keyframes float {
    0%,100% {
        transform: translate3d(0,0,0)
    }
    40% {
        transform: translate3d(0,-5px,0)
    }
  }

  @-webkit-keyframes float1 {
    0%,100% {
        -webkit-transform: translate3d(0,0,0)
    }
    40% {
        -webkit-transform: translate3d(-5px,0,0)
    }
  }
  
  @keyframes float1 {
    0%,100% {
        transform: translate3d(0,0,0)
    }
    40% {
        -webkit-transform: translate3d(-5px,0,0)
    }
  }  

  @keyframes rotate360 {
    0% {
        transform: rotate(0deg);
    }
    100% {
        transform: rotate(360deg);
    }
  }



@keyframes fingerHandle {
            0% {
                transform: none;
            }
            70% {
                transform: scale3d(.95, .95, .95);
            }
            100% {
                transform: none;
            }
        }





@keyframes bounce{0%,20%,53%,80%,to{animation-timing-function:cubic-bezier(.215,.61,.355,1);transform:translateZ(0)}40%,43%{animation-timing-function:cubic-bezier(.755,.05,.855,.06);transform:translate3d(0,-3px,0)}70%{animation-timing-function:cubic-bezier(.755,.05,.855,.06);transform:translate3d(0,-6px,0)}90%{transform:translate3d(0,-2px,0)}}