#app {
    width: 100%;
    max-width:640px;
    margin: 0 auto;

}
a:visited{color: #FFF;}
.head {
    margin-bottom: .12rem;
}

.head img {
    width: 7.5rem;
    height: auto;
}

.border {
    border: 1px solid #e5e5e5;
}

.border-bottom {
    border-bottom: 1px solid #e5e5e5;
}

.color666 {
    color: #666666;
}

.fuli {
    padding: 0;
}

.fuli .fuli-list {
    padding: .22rem 0;
    width: 33.33%;
    /* flex: 1; */
}

.fuli .fuli-list .img-box {
    height: .55rem;
    width: auto;
    margin-bottom: .1rem;
}

.fuli .fuli-list:nth-child(2) {
    border-left: 1px solid #e5e5e5;
    border-right: 1px solid #e5e5e5;
}

.fuli .fuli-list:nth-child(3) {
    /* padding-top: .35rem; */
}

.title {
    font-size: .35rem;
    text-align: center;
    font-weight: bold;
    margin: .37rem 0;
}

.fannao {
    width: 7.5rem;
    height: auto;
    margin-bottom: .3rem;
}

.btnn {
    display: block;
    width: 2.8rem;
    height: .55rem;
    border-radius: .08rem;
    background-color: #fd6155;
    text-align: center;
    line-height: .55rem;
    color: #fff;
    margin: 0 auto;
    font-size: .28rem;
}

.btn5 {
    width: 3.44rem;

}

.pk .list p:first-child,
.pk .list p:last-child {
    width: 2.65rem;
    height: .48rem;
    font-size: .24rem;
    line-height: .48rem;
    background: #e5e5e5;
    text-align: center;
}

.pk .list {
    padding: .1rem 0;
    margin-bottom: .1rem;
}

.pk .list p:first-child {
    width: 2.65rem;
    background: #e5e5e5;
}

.pk .list p:last-child {
    width: 2.75rem;
    color: #fff;
    background: #2870e9;
}

.pk .list p:nth-child(2) {
    width: 0.9rem;
    height: 0.9rem;
    text-align: center;
    background: #4181ec;
    border-radius: 50%;
    box-shadow: 0 0 0 .1rem #71a1f1;
    font-size: .26rem;
    line-height: .9rem;
    color: #fff;
}

.pk .list1 p:nth-child(2) {
    background: #dcdcdc;
    box-shadow: 0 0 0 .1rem #e5e5e5;
}

.pk .pk-list p {
    font-size: .30rem;
    color: #000 !important;
    background: unset !important;
    /* line-height: .44rem !important; */
}

.pk-list img {
    width: 0.6rem;
    height: 0.44rem;

}

.btn1 {
    background: #2870e9;
}

.title2 {
    text-align: center;
    color: #2870e9;
    margin: .2rem 0;
    font-weight: 600;
}

/* .swiper-slide .img-box{
    height: 2.2rem;
} */
.swiper-slide img {
    width: 97%;
    height: 2.15rem;
    object-position: center;
}

.slide-title {
    width: 97%;
    text-align: center;
    line-height: .5rem;
}

.slide-txt {
    margin: .1rem 0 .2rem;
}

.btn3 {
    display: block;
    width: 1.75rem;
    height: 0.38rem;
    background: #2870e9;
    color: #fff;
    text-align: center;
    font-size: .26rem;
    line-height: .38rem;
    margin: 0 auto;
}

.yilv {
    padding: 0 .07rem;
    flex-wrap: wrap;
}

.yilv li {
    width: 2.4rem;
    height: 1.4rem;
    background: #f4f4f4;
    padding: .15rem 0;
    border: 1px solid #e5e5e5;
    margin-bottom: .07rem;
}

.yilv li p {
    height: .7rem;
    font-size: .26rem;
    line-height: .35rem;
}

.btn4 {
    width: 1.2rem;
    height: 0.35rem;
    font-size: .18rem;
    line-height: .35rem;
}

.youshi {
    justify-content: center;

}

.youshi li:first-child,
.youshi li:nth-child(2) {
    width: 3.16rem;
    margin-bottom: .1rem;
}

.youshi li {
    width: 2.36rem;
    margin: 0 .07rem;
    height: 1.98rem;
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
}

.circle {
    width: 1.64rem;
    height: 1.64rem;
    margin: .2rem auto 0;
    padding-top: .1rem;
    background-color: rgba(67, 128, 232, .8);
    color: #fff;
    border-radius: 50%;
    box-shadow: 0 0 0 .1rem #6d9ae7;

}

.circle p {
    line-height: 1.3;
}

.circle p:first-child {
    margin-bottom: 0.05rem;
}

.baoming {
    background-color: #f4f4f4;
    padding: 0.25rem .12rem;


}

.baoming img {
    width: 1.15rem;
    height: 1.15rem;
}

.baoming-box {
    width: 6rem;
    height: 1.15rem;
    background: #fff;
}

.baoming-box p {
    font-size: .24rem;
    line-height: .5rem;
    text-align: center;
}

.baoming-box p span {
    color: #fb1402;
    font-weight: bold;
}

.baoming-box input {
    width: 2.03rem;
    height: 0.43rem;
    background-color: #f0f0f0;
    font-size: .16rem;
    color: #666;
    margin: 0 .03rem;
    border-radius: .03rem;
    border: 1px solid #e5e5e5;
}

input,
button {
    outline: none;
    border: none;
    text-indent: .05rem;
}

.btn2 {
    height: 0.43rem;
    line-height: .43rem;
}

.hezuo {
    justify-content: space-between;
}

.hezuo li {
    width: 3.52rem;
}

.hezuo li img {
    width: 3.52rem;
    height: 2.15rem;
    object-position: center;
}

.hezuo li p {
    margin: .1rem 0 .3rem;
}

.hezuo-logo {
    width: 1.02rem;
    height: 1.02rem;
}

.hz-box {
    justify-content: space-between;
    align-items: center;
}
.hz-box  .swiper-container{
    margin: 0;
    padding-top: .15rem;
}
.hz-box  .swiper-container .swiper-slide{
    box-shadow: unset;
}
.swiper-slide .hz-img {
    width: 1.82rem;
    height: auto;
    border-radius: .05rem;
    box-shadow: 0 0 .1rem .05rem #e5e5e5;
}

.zhaosheng {
    font-size: 0;
    flex-wrap: wrap;
    margin-bottom: .2rem;
}

.zhaosheng-img {
    width: 1.84rem;
    height: 1.22rem;
    object-position: center;
    margin-bottom: .05rem;
}

.zhaosheng-img2 {
    width: 3.76rem;
}

.shili {
    background: url(../img/bg.jpg) no-repeat 0 0;
    background-size: cover;
    height: 6.75rem;
    padding: .5rem .2rem;
    text-align: center;
}

.shili .tit {
    font-size: .35rem;
    color: #fff;
    margin-bottom: .2rem;
}

.shili .tit1 {
    width: 6.8rem;
    height: .5rem;
    font-weight: normal;
    line-height: .5rem;
    color: #fff;
    font-size: .32rem;
    margin-bottom: .35rem;
    /* border: ; */
}
.shili .tbt{
    font-size: .2rem;
    color: #fff;
    background: #2870e9;
    text-align: center;
}
.shili .swiper-container2 {
    width: 100%;
    margin-bottom: .4rem;
    height: 2.7rem;
}
.shili .tap {
    height: .45rem;
    line-height: .45rem;
    color: #000;
    font-size: .2rem;
}
.shili .tap p{
    text-align: center;
}
.shili .tap p:first-child{
    width: 1.44rem;
}
.shili .tap p:nth-child(2){
    width: 2.6rem;
}
.shili .tap p:last-child{
    width: 3.23rem;
}
/* .shili .tb {
    color: #fff;
    background: #2870e9;
    text-align: center;
} */

.shili .tbt p:nth-child(2) {
    border-left: 1px solid #fff;
    border-right: 1px solid #fff;
}

.baozhang {
    color: #fff;
    text-align: center;
    flex-wrap: wrap;
}

.baozhang li {
    width: 2.4rem;
    /* height: 1.85rem; */
    background: #2870e9;
    padding-bottom: .1rem;
    margin-bottom: .1rem;
}

.baozhang li .img-box {
    width: 0.7rem;
    height: 0.6rem;
    margin: .16rem auto .1rem;


}

.baozhang li .img-box img {
    height: 100%;
    width: auto;
    object-fit: contain;
}

.baozhang .list {
    /* width: 2.4rem; */
    /* display: block; */
    height: .55rem;
    flex: 1;
}

.list img {
    width: 2.4rem;
    height: auto;

}

.wrap-last {
    background-color: #2870e9;
    padding: .37rem .2rem;

}

.wrap-last p,
.wrap-last span {
    color: #fff;
}
.wrap-last p{
    margin-bottom: .25rem;
}
.wrap-last span{
    line-height: .46rem;
    margin-bottom: .1rem;
}
.wrap-last span.bold{
    padding: 0.05rem 0.15rem;
    border: 1px solid #fff;
   
}
.wrap-last span.fs22{
    margin:0  .1rem 0 .07rem;
}
.wrap-last form{
    background: #fd6155;
    padding: .25rem .37rem .2rem;
}
.wrap-last form input{
    width: 3.08rem;
    height: 0.46rem;
    line-height: .46rem;
    text-indent: .1rem;
    color: #000;
    background-color: #fff;
    margin-bottom: .17rem;
    font-size: .2rem;
}
.wrap-last form input::placeholder{
    color: #999;
    font-size: .2rem;
}
.wrap-last form button{
    border-radius: 0;
}

.m3-title{
    padding: .35rem 0 .15rem;
    font-size: .38rem;
     font-weight: bolder;
     text-align: center;
}
.border-bottom1{
    border-bottom: 1px solid #8d8c8c;
}
.m3-title1{
    font-size: .25rem;
    line-height: 2;
    text-align: center;
}
.lieju .img-box{
    width: 55%;
    height: 4.5rem;
}
.lieju .img-box img{
    position: absolute;
    width: 2.63rem;
    height: auto;
}
.lieju .img-box img:nth-child(1){
    left: .1rem;
    top: 0.3rem;
    z-index: 1;
}
.lieju .img-box img:nth-child(2){
    right: 0;
    top: .96rem;
    z-index: 10;
}
.lieju .img-box img:nth-child(3){
    left: .5rem;
    top: 2.3rem;
    z-index: 20;
}
.lieju ul{
    width: 43%;
}
.lieju ul li{
    margin-bottom: .1rem;
}
.lieju ul li span{
    font-size: .25rem;
    color: #8d8c8c;
    padding: .05rem .1rem;
    border: 1px solid #8d8c8c;
}
.btn-list{
    height: .48rem;
    line-height: .48rem;
    text-align: center;
    color: #fff;
    font-size: .22rem;
}

.btn-list1{
    width: 2.4rem;
    background: #000;
    margin-right: .24rem;
}
.btn-list2{
    width: 2.24rem;
    background: #ee0000;
}
.zhiye .swiper-slide{
    font-size: 0;
background-color: #fff;
padding: .1rem .05rem;
box-shadow:.05rem .05rem .15rem  .05rem rgba(214,212,212,.75);
-moz-box-shadow: .05rem .05rem .15rem  .05rem rgba(214,212,212, .75);
-webkit-box-shadow: .05rem .05rem .15rem  .05rem rgba(214,212,212, .75);
}
.zhiye .swiper-slide img{
    margin: 0 auto;
    object-fit: cover;
}
.zhiye .swiper-slide .slide-txt{
color: #f45b5b;
margin: 0;
}
.zhanshi-left{
width: 4.72rem;
}
.zhanshi-right{
width: 2.4rem;
}
.zhanshi img{
    width: 100%;
    height: auto;
    object-fit: cover;
    object-position: bottom;
}
.zhanshi p{
    position: absolute;
    left: 0;
    bottom: 0;
    width: 100%;
font-size: .24rem;
text-align: center;
color: #fff;
font-weight: bold;
height: .5rem;
line-height: .5rem;
background-color: rgba(0,0,0,.5);
}
.btn-red{
    /* font-size: ; */
    background-color: #ee0000;
}
.remen .swiper-slide{
    flex-wrap: wrap;
}
.renmen-list{
    width: 3.55rem;
    padding-bottom: .3rem;
}
.zyxq,.zxxf{
    font-size: .2rem;
    line-height: 2;
}
.remen-list{
    margin-bottom: .2rem;
}
.remen-list p:first-child{
    color: #000 !important;
}
.remen-list .flex-box{
    justify-content: center;
}
.remen-list span{
    display: block;
    position: absolute;
    top: 0;
    right: 0;
    width: 1.05rem;
    height: 0.38rem;
    background-color: #e00000;
    color: #fff;
    line-height: .38rem;
    text-align: center;
    font-size: .2rem;
}
.zyxq{
    color: #2276e9;
    border-bottom: 1px solid #2276e9;
    margin-right: .3rem;
}
.zxxf{
    color: #e00000;
    border-bottom: 1px solid #e00000;
}