@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;
}

.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%;
}

#app .none {
  display: none;
}

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

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

.video {
  padding: 0 .2rem;
  margin-bottom: .2rem;
  overflow: hidden;
}

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

.video-tab {
  margin: .2rem 0;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
      -ms-flex-pack: center;
          justify-content: center;
}

.video-tab span {
  width: .9rem;
  height: .42rem;
  line-height: .42rem;
  -webkit-border-radius: .42rem;
          border-radius: .42rem;
  text-align: center;
  border: 1px solid #149de7;
  font-size: .24rem;
  color: #149de7;
  margin: 0 .15rem;
}

.video-tab span.on {
  background: #149de7;
  color: #fff;
}

.section1 {
  overflow: hidden;
  background: -webkit-linear-gradient(top, #f9fdff, #e0f5fd);
}

.section2 {
  background: -webkit-linear-gradient(top, #fafefe, #effdfc);
  overflow: hidden;
}

.section3,
.section5 {
  overflow: hidden;
  background: -webkit-linear-gradient(top, #fff, #e0f5fd);
}

.section4,
.section6 {
  background: -webkit-linear-gradient(top, #fff, #effdfc);
  overflow: hidden;
}

.section7 {
  background: -webkit-linear-gradient(top, #ecf9fe, #e6f7fd);
  overflow: hidden;
}

.section8 {
  background: -webkit-linear-gradient(top, #fff, #ecfcfb);
  overflow: hidden;
}




.box {
  padding: 0 .2rem;
}

.box .tit {
  font-size: .3rem;
  color: #149de7;
  font-weight: 600;
  margin-bottom: .2rem;
}

.box .tit em {
  color: #67707a;
}

.box .tit:before {
  display: inline-block;
  width: 3px;
  height: .24rem;
  background: #149de7;
  vertical-align: middle;
  content: '';
  margin-right: .1rem;
}

.abstract {
  font-size: .24rem;
  color: #67707a;
  line-height: .33rem;
  margin: .2rem 0 .4rem .1rem;
}

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

.box .news em {
  display: inline-block;
  vertical-align: middle;
  width: .35rem;
  height: .35rem;
  margin-right: .1rem;
  font-size: .24rem;
  color: #149de7;
  font-family: arial;
  text-align: center;
  line-height: .32rem;
  border: 1px solid #149de7;
  -webkit-border-radius: 100%;
          border-radius: 100%;
}



.special {
  padding: 0 .2rem;
}

.special .swiper-slide {
  width: 4.3rem;
  height: 2.75rem;
  position: relative;
}

.special .swiper-slide img {
  width: 100%;
  height: 100%;
  display: block;
}

.special .swiper-slide .desc {
  position: absolute;
  bottom: 0;
  left: 0;
  height: .5rem;
  line-height: .5rem;
  padding: 0 .2rem;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  width: 100%;
  background: rgba(0, 0, 0, .6);
  font-size: .24rem;
  overflow: hidden;
  white-space: nowrap;
  -o-text-overflow: ellipsis;
     text-overflow: ellipsis;
  color: #fff;
}



.tab {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
      -ms-flex-pack: center;
          justify-content: center;
}

.tab span {
  width: 1.6rem;
  /* height: .5rem; */
  line-height: .5rem;
  -webkit-border-radius: .5rem;
          border-radius: .5rem;
  text-align: center;
  border: 2px solid #149de7;
  font-size: .36rem;
  color: #149de7;
  font-weight: 600;
  margin: 0 .2rem;
}

.tab span.on {
  background: #149de7;
  color: #fff;
}

.ul {
  height: 7rem;
  padding: .2rem .2rem 0;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}

.ul .swiper-container {
  padding-bottom: .3rem;
}

.ul .li {
  width: 2.9rem;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  height: 3.1rem;
  background: #fff;
  border: 1px solid #0d9ae6;
  margin-bottom: .2rem;
  position: relative;
  -webkit-box-flex: 0;
  -webkit-flex: none;
      -ms-flex: none;
          flex: none;
}

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

.ul .swiper-slide {
  height: 6.5rem;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-wrap: wrap;
      -ms-flex-wrap: wrap;
          flex-wrap: wrap;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
      -ms-flex-pack: justify;
          justify-content: space-between;
}

.ul .li .source_des {}

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

.ul .li .right_book {
  width: 1.5rem;
  height: .37rem;
  line-height: .37rem;
  text-align: center;
  color: #fff;
  font-weight: 600;
  -webkit-border-radius: .37rem;
          border-radius: .37rem;
  font-size: .3rem;
  background: #0d9ae6;
  margin: auto;
}

.source {
  margin: 0 .2rem .2rem;
  padding: .2rem .1rem;
  height: 2.23rem;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
      -ms-flex-pack: justify;
          justify-content: space-between;
  background: #00cd8d;
}

.source>img {
  width: 2.56rem;
  height: 1.87rem;
  display: block;
}

.source_des {
  width: 2.8rem;
  margin-right: .2rem;
}

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

.source .desc {
  height: 1rem;
  line-height: 0.34rem;
  font-size: .24rem;
  overflow: hidden;
  -o-text-overflow: ellipsis;
     text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 3;
  -webkit-box-orient: vertical;
  color: #fff;
}

.source .right_book {
  background: #fff;
  -webkit-border-radius: .1rem;
          border-radius: .1rem;
  width: 1.4rem;
  height: .3rem;
  color: #67707a;
  line-height: .3rem;
  font-size: .24rem;
  text-align: center;
  margin: .15rem 0;
}

.travel {
  padding: 0 .2rem;
  padding-bottom: .3rem;
}

.travel .swiper-container {
  padding-bottom: .3rem;
}

.travel .swiper-slide {
  border: 1px solid #0d9ae6;
  height: 1.7rem;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
      -ms-flex-pack: justify;
          justify-content: space-between;
  background: #fff;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}

.travel .swiper-slide img {
  width: 2.9rem;
  height: 100%;
  display: block;
  -webkit-box-flex: 0;
  -webkit-flex: none;
      -ms-flex: none;
          flex: none;
}

.travel .swiper-slide .right {
  padding: .15rem .15rem 0;
}

.travel .name {
  height: .85rem;
  line-height: 0.28rem;
  font-size: .24rem;
  overflow: hidden;
  -o-text-overflow: ellipsis;
     text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 3;
  -webkit-box-orient: vertical;
  color: #333;
  margin-bottom: .1rem;
}

.travel .right_book {
  width: 1.5rem;
  height: .37rem;
  line-height: .37rem;
  text-align: center;
  color: #fff;
  font-weight: 600;
  -webkit-border-radius: .37rem;
          border-radius: .37rem;
  font-size: .3rem;
  background: #0d9ae6;
  margin: auto;
}


.food img {
  width: 100%;
  display: block;
  margin-bottom: .4rem;
}

.goods {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-wrap: nowrap;
      -ms-flex-wrap: nowrap;
          flex-wrap: nowrap;
  overflow-x: auto;
  margin-left: .2rem;
  margin-bottom: .3rem;
}

.goods .li {
  width: 2.3rem;
  margin: 0 .05rem;
  -webkit-box-flex: 0;
  -webkit-flex: none;
      -ms-flex: none;
          flex: none;
}

.goods .li img {
  display: block;
  width: 100%;
  height: 1.3rem;
}

.goods .li .name {
  white-space: nowrap;
  overflow: hidden;
  -o-text-overflow: ellipsis;
     text-overflow: ellipsis;
  font-size: .24rem;
  color: #67707a;
  margin: .1rem 0;
  text-align: center;
  height: .3rem;
  line-height: .3rem;
}

.tag {
  position: absolute;
  left: 0;
  top: -.05rem;
  height: .38rem;
  line-height: .45rem;
  color: #fff;
  text-align: center;
  font-size: .24rem;
  background: #ff804e;
  -webkit-border-radius: 0 .2rem .2rem 0;
          border-radius: 0 .2rem .2rem 0;
  width: .7rem;
}

.section8 .ul .li {
  overflow: hidden;
  border-color: #51ddb2;
}

.section8 .ul {
  margin-bottom: .5rem;
}

.section8 .swiper-pagination-bullet-active {
  background: #51ddb2;
}

.like {
  color: #51ddb2;
  font-size: .2rem;
  margin: auto;
  text-align: center;
}

.like em {
  display: inline-block;
  width: .26rem;
  height: .22rem;
  background: url(//img1.40017.cn/cn/s/2017/zt/pc/64836/heart.png) -.48rem -.1rem/.85rem .4rem no-repeat;
  vertical-align: middle;
  margin-right: .05rem;
  cursor: pointer;
}

.liked em {
  background-position: -.05rem -.1rem;
}

.stit {
  width: 2.1rem;
  height: .43rem;
  line-height: .43rem;
  text-align: center;
  color: #fff;
  font-size: .3rem;
  -webkit-border-radius: .1rem;
          border-radius: .1rem;
  margin-top: .2rem;
  background: #00cd8d;
  margin: auto;
}


.tit1 {
  width: .78rem;
  display: block;
  margin: .5rem auto .2rem;
}

.tit2 {
  width: .83rem;
  display: block;
  margin: .2rem auto;
}

.code {
  display: block;
  margin: .2rem auto;
  width: 2.15rem;
  height: 2.15rem;
  border: 2px solid #00cd8d;
  -webkit-border-radius: .1rem;
          border-radius: .1rem;
}

.sdec {
  text-align: center;
  color: #00cd8d;
  font-weight: 600;
  font-size: .24rem;
  margin: .2rem 0 .6rem;
}

.copyright {
  color: #fff;
  background: #00cd8d;
  font-size: .12rem;
  text-align: center;
  width: 100%;
  height: .6rem;
  line-height: .6rem;
}

.swiper-container-horizontal>.swiper-pagination-bullets,
.swiper-pagination-custom,
.swiper-pagination-fraction {
  bottom: 0;
}

.showErrBox {
  width: 100%;
  height: 100%;
  position: fixed;
  top: 0;
  left: 0;
  z-index: 100;
  background: url("//img1.40017.cn/cn/s/ZhuanTi/2015/24580/rgba5.png");
  display: none;
}

.showErrBox .showErr {
  width: 5.4rem;
  position: fixed;
  left: 50%;
  top: 50%;
  z-index: 100;
  -webkit-border-radius: 0.1rem;
  border-radius: 0.1rem;
  text-align: center;
  font-size: 0.24rem;
  color: #333;
  background: white;
  padding: 0.2rem;
  -webkit-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
}