@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: #ffedf0;
}

.loader {
  overflow: hidden;
  text-align: center;
  padding: 10px 0;
  margin: 0 0.1rem;
  color: #333;
  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;
}
.noData {
  width: 100%;
  text-align: center;
  font-size: .24rem;
  padding: .4rem;
  color: #333;
}

.title {
  width: 100%;
  margin: .2rem 0;
}

#app .none {
  display: none;
}

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

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

.video {
  padding: 0 .2rem;
  height: 3.7rem;
  margin-bottom: .2rem;
}

.video video {
  display: block;
  width: 100%;
  height: 100%;
  background: #000;
}

.box {
  padding: 0 .2rem;
}

.box .tit {
  font-size: .4rem;
  color: #e1526d;
  font-weight: 600;
  margin-bottom: .2rem;
}

.box .tit:after {
  display: inline-block;
  width: 4.4rem;
  height: .01rem;
  background: #e1526d;
  vertical-align: middle;
  content: '';
}

.box .news a {
  display: block;
  font-size: .24rem;
  color: #db7882;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  margin-bottom: .1rem;
  line-height: .5rem;
  height: .5rem;
}

.box .news a:before {
  display: inline-block;
  vertical-align: middle;
  width: .5rem;
  height: .5rem;
  content: '';
  margin-right: .1rem;
}

.box .news a:nth-child(1):before {
  background: url(//img1.40017.cn/cn/s/2019/zt/touch/197610/num_03.png) center/90% no-repeat;
}

.box .news a:nth-child(2):before {
  background: url(//img1.40017.cn/cn/s/2019/zt/touch/197610/num_06.png) center/90% no-repeat;
}

.box .news a:nth-child(3):before {
  background: url(//img1.40017.cn/cn/s/2019/zt/touch/197610/num_08.png) center/90% no-repeat;
}

.box .news a:nth-child(4):before {
  background: url(//img1.40017.cn/cn/s/2019/zt/touch/197610/num_10.png) center/90% no-repeat;
}

.tab {
  margin-bottom: .2rem;
  display: flex;
  justify-content: space-between;
}

.tab1 {
  background: url(//img1.40017.cn/cn/s/2019/zt/touch/197610/tab-bg.jpg) center/100% no-repeat;
  height: 1.07rem;
  padding: 0 .75rem;
}

.tab1 span {
  width: .46rem;
  height: 1.07rem;
}

.tab1 span:nth-child(1).on {
  background: url(//img1.40017.cn/cn/s/2019/zt/touch/197610/tab_1.jpg) center/100% no-repeat;
}

.tab1 span:nth-child(2).on {
  background: url(//img1.40017.cn/cn/s/2019/zt/touch/197610/tab_2.jpg) center/100% no-repeat;
}

.tab1 span:nth-child(3).on {
  background: url(//img1.40017.cn/cn/s/2019/zt/touch/197610/tab_3.jpg) center/100% no-repeat;
}

.img-ul {
  background: #ffe8ec;
  border: 1px solid #fff;
  outline: .05rem solid #ffe8ec;
  margin: 0 .2rem;
  padding: .05rem .05rem 0 .05rem;
}

.img-ul img {
  width: 5.85rem;
  height: 6.34rem;
  display: block;
}
.swiper-container{
  height: 100%;
  padding-bottom: .5rem;
}
.swiper-container-horizontal>.swiper-pagination-bullets, .swiper-pagination-custom, .swiper-pagination-fraction{
  bottom: .1rem;
}
.swiper-pagination{
  width: 100%;
}
.swiper-pagination-bullet {
  background: none;
  border: .02rem solid #ffa5ba;
  opacity: 1;
}

.swiper-pagination-bullet-active {
  background: #ffa5ba;
  border: .02rem solid #ffa5ba;
  opacity: 1;
}

.goods-ul {}

.source {
  margin-bottom: .06rem;
  padding: .2rem .33rem;
  background: url(//img1.40017.cn/cn/s/2019/zt/touch/197610/gl-bg.jpg) center/100% 100% no-repeat;
  height: 3.44rem;
  display: flex;
  justify-content: space-between;
}

.source>img {
  width: 3rem;
  height: 3rem;
}

.source_des {
  width: 2.6rem;
}

.name {
  font-weight: 600;
  height: 0.35rem;
  line-height: 0.35rem;
  padding: 0 0.1rem;
  color: #333;
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
  margin: .05rem 0;
}

.desc {
  color: #666;
  height: 1.8rem;
  line-height: 0.3rem;
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 6;
  -webkit-box-orient: vertical;
}

.right_book {
  background: url("//img1.40017.cn/cn/s/2019/zt/touch/197610/btn.png") no-repeat;
  background-size: 100% 100%;
  width: 1.82rem;
  height: 0.52rem;
  color: #fff;
  line-height: 0.52rem;
  font-size: .2rem;
  text-align: center;
  margin: .15rem auto;
}

.tab2 {
  display: flex;
  justify-content: space-between;
  padding: 0 .2rem;
  margin-bottom: .2rem;
}

.tab2 span {
  width: 1.72rem;
  height: .57rem;
  line-height: .57rem;
  background: #e298e5;
  color: #fff;
  text-align: center;
  font-size: .26rem;
  border-radius: .57rem;
}

.tab2 span.on {
  background: #ff93b3;
  position: relative;
}

.tab2 span.on:after {
  content: '';
  width: 0;
  height: 0;
  border-top: .07rem solid #ff93b3;
  border-left: .05rem solid transparent;
  border-right: .05rem solid transparent;
  position: absolute;
  left: 50%;
  bottom: -.07rem;
}

.ul {
  background: url("//img1.40017.cn/cn/s/2019/zt/touch/197610/ul-bg.jpg") center/100% 100% no-repeat;
  height: 6.57rem;
  padding: .23rem .32rem 0;
  box-sizing: border-box;
}

.ul .swiper-slide {
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
}

.ul .li {
  width: 2.77rem;
  height: 2.8rem;
  background: #fff;
  margin-bottom: .2rem;
}

.ul .li img {
  width: 100%;
  height: 1.4rem;
  display: block;
}

.ul .li .source_des {
  width: auto;
}

.ul .li .name {
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  white-space: pre-wrap;
  font-size: .26rem;
  height: .7rem;
  line-height: .32rem;
  color: #333;
  padding: .1rem;
  box-sizing: border-box;
  width: 100%;
  font-weight: 400;
}

.ul .li .right_book {
  width: 2.3rem;
  height: .43rem;
  line-height: .43rem;
  text-align: center;
  color: #fff;
  font-weight: 600;
  border-radius: .2rem;
  font-size: .3rem;
  background: #ff8929;
}

.map {
  background: url("//img1.40017.cn/cn/s/2019/zt/touch/197610/map-bg.jpg") center/100% 100% no-repeat;
  height: 4.2rem;
  padding: .27rem .37rem;
  box-sizing: border-box;
  margin-bottom: .3rem;
}
#baiduMap{
  width: 100%;
  height: 100%;
}

.link {
  display: flex;
  justify-content: space-between;
  padding: 0 .2rem;
  margin-bottom: .2rem;
}

.link a {
  width: 1.77rem;
  height: .49rem;
  line-height: .49rem;
  background: #e298e5;
  color: #fff;
  text-align: center;
  font-size: .22rem;
  border-radius: .49rem;
  display: flex;
  justify-content: center;
  align-items: center;
}

.link a:before {
  margin-right: .05rem;
  content: '';
}

.link a:nth-child(1):before {
  width: .28rem;
  height: .22rem;
  background: url("//img1.40017.cn/cn/s/2019/zt/touch/197610/icon_1.png") center/100% 100% no-repeat;
}

.link a:nth-child(2):before {
  width: .33rem;
  height: .17rem;
  background: url("//img1.40017.cn/cn/s/2019/zt/touch/197610/icon_2.png") center/100% 100% no-repeat;
}

.link a:nth-child(3):before {
  width: .35rem;
  height: .18rem;
  background: url("//img1.40017.cn/cn/s/2019/zt/touch/197610/icon_3.png") center/100% 100% no-repeat;
}

.code-box {
  padding: 0 .2rem;
  display: flex;
  justify-content: space-between;
}

.code-box img {
  width: 2.73rem;
  height: 3.15rem;
}
.copyright{
  color: #ff95cc;
  font-size: .24rem;
  text-align: center;
  padding: .5rem 0;
}