*{
  margin:0;padding:0;box-sizing: border-box;
}
body {
  font-family: PingFangSC-Regular, Roboto, Helvetica Neue, Helvetica, Tahoma,
    Arial, PingFang SC-Light, Microsoft YaHei;background:#fff;
}
input {
  background-color: transparent;
  border: 0;
}
button {
  margin: 0;
  padding: 0;
  border: 1px solid transparent;
  outline: none;
  background-color: transparent;
}

button:active {
  opacity: 0.6;
}

.button {
    background-color: rgba(215, 215, 215, 1);
    border-radius: 20px;
    height: 2rem;
    width: 90%;
    margin:0 auto;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    color: #fff;
    font-size: 0.746rem;
}
.button.on {
    background-color: rgba(12, 214, 100, 1);
}

a{text-decoration:none;}
.flex-col {
  display: flex;
  flex-direction: column;
}
.flex-row {
  display: flex;
  flex-direction: row;
}
.justify-start {
  display: flex;
  justify-content: flex-start;
}
.justify-center {
  display: flex;
  justify-content: center;
}

.justify-end {
  display: flex;
  justify-content: flex-end;
}
.justify-evenly {
  display: flex;
  justify-content: space-evenly;
}
.justify-around {
  display: flex;
  justify-content: space-around;
}
.justify-between {
  display: flex;
  justify-content: space-between;
}
.align-start {
  display: flex;
  align-items: flex-start;
}
.align-center {
  display: flex;
  align-items: center;
}
.align-end {
  display: flex;
  align-items: flex-end;
}




input:focus {
   outline: none;
}



img{max-width: 100%}
.top_xinhao{width: 96%;margin:0 2%;}



html {
  font-size: 37.5px;
}



body .page {
     background:url(../images/bg.png) no-repeat top center;
     background-size: 100% 100%;
     max-width: 780px;
     margin:0 auto;
     display: block;
     padding-bottom: 1rem
}

body .main{max-width: 780px;
     margin:0 auto;
     display: block;}


.indexmain {
     width: 90%;
     margin:0 auto;
     position: relative;
     padding: 0.5rem 0 1.5rem 0
}
.search{display: flex;justify-content: space-between;}
.search .scan{width:40px;text-align: right}
.search form{background:#f6f6f8;border-radius:3rem;display: flex;flex-direction: row-reverse;justify-content: flex-end;padding:0.2rem 0.3rem;width:calc(100% - 40px);}
.search form button{height:0.7rem;width:1rem;}
.search form img{height:100%; }
.search form .text{width:calc(100% - 1.1rem);}
.swiper-container{margin-top:10px }


.about{box-shadow: 0px 2px 4px rgba(38,156,255,.7);border-radius: 1rem;overflow: hidden;}
.about .tit{ display:block; background:#2261a4;padding:0.6rem 0.6rem;color: #fff;font-size: 0.2rem;display: flex;justify-content: space-between;}
.about .tit .left{font-size: 0.35rem;color:#fff;}
.about .tit a{font-size: 0.35rem;color:#fff;display: flex;align-items: flex-end;}
.about .aboutmain{display: flex;justify-content: space-between;flex-wrap: wrap;}
.about .aboutmain .item{ box-sizing: border-box; width: 33.333%;padding:0.3rem;font-size: 0.4rem;text-align: center;color: #666}
.about .aboutmain .item a{color:#666}
.about .aboutmain .item .pic img{width:1.4rem;}
.about .aboutmain .item a p:nth-child(3){font-size: 0.3rem}

.bottom{padding:0.1rem 0; border-top:1px solid #ccc; width:100%;display: flex;justify-content: space-between;position: fixed;bottom:0;width:100%;background-color: #fff}
.bottom .f1{ text-align: center; width:30%;display: flex;justify-content:center;flex-direction: column;align-items: center;}
.bottom .f1 a{color:#666;font-size: 0.2rem}
.bottom .f1 .ico{width:0.9rem;height:0.9rem;margin:0 auto;}
.bottom .f1:nth-child(1) .ico{background:url("../images/ico_27.png") no-repeat center center;background-size: cover}
.bottom .f1:nth-child(2) .ico{background:url("../images/ico_30.png") no-repeat center center;background-size: cover}
.bottom .f1:nth-child(3) .ico{background:url("../images/ico_33.png") no-repeat center center;background-size: cover}

.bottom .f1:nth-child(1).on .ico{background:url("../images/ico_27b.png") no-repeat center center;background-size: cover}
.bottom .f1:nth-child(2).on .ico{background:url("../images/ico_30b.png") no-repeat center center;background-size: cover}
.bottom .f1:nth-child(3).on .ico{background:url("../images/ico_33b.png") no-repeat center center;background-size: cover}
.bottom .f1.on p{color:#2261a4;}

.top{ background-color: #2261a4; color: #fff;position:relative;font-size:0.48rem;text-align: center;padding:0.3rem 0;position:fixed;top:0;width:100%;z-index: 999}
.top a{width:0.5rem;height:0.5rem;position: absolute;left:0.5rem;top:0.4rem;}




.searchtop{display: flex;justify-content: space-between; align-items: center; font-size: 0.45rem;padding:10px 0;}
.searchtop .box img{margin-right:5px;height:0.5rem;vertical-align: middle;}
.searchpage  form{font-size: 0.35rem;margin:0 auto;}

.searchpage .flex-between{margin-top: 0.5rem;margin-bottom:0.5rem;padding:0.45rem 0.5rem;display: flex;background-color: #Fff;justify-content: space-between;background-color:unset;box-shadow: 0px 0px 8px #dde0e7;border-radius:0.3rem;}
.searchpage label{width:25%;font-size: 0.4rem; }
.searchpage .text{width:calc(100% - 26%);font-size: 0.4rem; }
.searchpage button{margin:0 auto;color: #Fff;line-height: 1rem; background-color: #fff;width:90%;border:2px solid  #2261a4;border-radius: 0.8rem;display: flex;justify-content: center;align-items: center;padding:5px;}
.searchpage button span{line-height: 1rem;font-size: 0.55rem; background-color: #2261a4;width:100%;display: block;border-radius: 0.5rem;}