@charset "UTF-8";

html {
  min-height: 100%;
  font-family: "Microsoft YaHei", sans-serif;
  -webkit-overflow-scrolling: touch
}

div {
  line-height: 1em;
}

* {
  padding: 0;
  margin: 0;
  border: 0;
  -webkit-appearance: none;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  font-style: normal
}

img,
input,
select {
  border: 0;
  vertical-align: bottom;
}

ul,
ol {
  list-style: none outside none
}

a,
div,
select {
  -webkit-tap-highlight-color: transparent
}

.clearfix:before,
.clearfix:after {
  display: table;
  content: ""
}

.clearfix:after {
  clear: both
}

::-webkit-inner-spin-button {
  -webkit-appearance: none
}

a,
a:link,
a:visited,
a:focus {
  text-decoration: none;
  color: #333
}

[v-cloak] {
  display: none !important
}

html {
  font-size: 50px;
  overflow-x: hidden
}

a {
  display: block;
}

body {
  min-width: 320px;
  max-width: 640px;
  margin: 0 auto;
  color: #333;
  padding: 0;
  font: normal 0.12em/1.4 "Microsoft YaHei", Verdana, sans-serif;
  overflow-x: hidden;
  font-size: 0.24rem;
  background: #2baafa;
}

.loader {
  overflow: hidden;
  text-align: center;
  padding: 10px 0;
  margin: 0 0.1rem;
  color: #fff;
  display: block;
  width: 100%;
}

.loader img {
  width: 50px !important;
  height: 50px !important;
  -webkit-border-radius: 50%;
  border-radius: 50%;
  display: block;
  margin: 0 auto 5px;
}

.noSource {
  width: 100%;
  text-align: center;
  font-size: 0.24rem;
  padding: 0.4rem;
  color: #fff;
}
.noData {
  width: 100%;
  text-align: center;
  font-size: .24rem;
  padding: .4rem;
  color: #333;
}

.title {
  width: 100%;
}
.tit-margt{
    margin-top: .2rem;
}
#app .none {
  display: none;
}

.top {
  width: 100%;
  /* height: 3.85rem; */
}

.top>img {
  width: 100%;
  height: 100%;
  display: block;
}

.copyright {
  color: #fff;
  font-size: .12rem;
  text-align: center;
  width: 100%;
  height: .8rem;
  line-height: .6rem;
}
.list{
  display:flex;
  justify-content: space-around;
  margin-top: .3rem;
}
.list .item{
  width: 1.9rem;
  height: 4.2rem;
}
.list .item img{
  display: block;
  width: 100%;
  height: 100%;
}
.section1 {
  overflow: hidden;
  height: 7rem;
  background: url(//img1.40017.cn/cn/s/2019/zt/touch/212353/bg.jpg) center bottom/100% no-repeat #e6faff;
}
.tab{
  display:flex;
  justify-content: space-around;
  width: 6rem;
  margin:.25rem auto .3rem;
}

.tab span{
  width: 2.2rem;
  height: .6rem;
  line-height: .6rem;
  border-radius: .6rem;
  color: #2baafa;
  text-align: center;
  background: #fff;
}
.tab span.on{
  background: #ffffa2;
}
.ul{
  display:flex;
  justify-content: space-between;
  flex-wrap: wrap;
margin: 0 .2rem;
}
.ul .li{
  width: 2.9rem;
  height: 3.4rem;
  background: #fff;
  padding: .04rem;
  box-sizing: border-box;
  flex:none;
  margin-bottom: .2rem;
}
.li img{
  width: 100%;
  height: 1.65rem;
  display: block;
}

.name {
  color: #333;
  font-size: .2rem;
  line-height: .28rem;
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  margin: .07rem .05rem;
  height: .55rem;
}
.desc {
  color: #333;
  font-size: .24rem;
  line-height: .28rem;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  height: .28rem;
  margin-top: .05rem;
}
.price{
  color: #000;
  padding: 0 .05rem;
  font-size: .2rem;
}

.price em{
  color: #ff8100;
}
.price strong{
  color: #ff8100;
  font-size: .3rem;
}
.btn{
  margin: 0 .05rem;
  height: .5rem;
  line-height: .5rem;
  text-align: center;
  color: #fff;
  font-size: .24rem;
  border-radius: .5rem;
  background: #ff9000;
  margin-top: .1rem;
}

.more{
  color: #fff;
  font-size: .28rem;
  border:0.04rem solid #fff;
  height:.6rem ;
  line-height: .5rem;
  width: 2.7rem;
  text-align: center;
  margin:.2rem auto 0;
  border-radius: .6rem;
}