/* reset */
body, h1, h2, h3, h4, h5, h6, p, ul, ol, dl, dd, figure, menu, input, textarea, button, select, th, td iframe{ margin:0; padding:0;}
h1, h2, h3, h4, h5, h6, b, strong { font-size:100%; font-weight:normal;}
li { list-style:none;}
em, i { font-style:normal;}
a, a:visited, a:active { text-decoration:none; border:none; outline:none;}
input, textarea { outline:none;}
textarea { resize: vertical;}
body { -webkit-text-size-adjust:100%; -webkit-tap-highlight-color:rgba(0,0,0,0); -webkit-touch-callout:none; word-wrap:break-word; line-height:1.5;font-size: 12px;min-width:7.5rem!important;}
body, button, input, select, textarea { font-family: 'helvetica neue', tahoma, 'hiragino sans gb', stheiti, 'wenquanyi micro hei', 'microsoft yahei', simsun, sans-serif;}
.none{ display:none;}
.left { float:left;}
.right { float:right;}
.clearfix::after { content:''; clear:both; display:block; height:0; overflow:hidden;visibility:hidden;}
a[title="站长统计"]{display: none;}
body{width:7.5rem;margin: 0 auto!important;overflow-x: hidden;overflow-y: auto;background: #fff;}
.wrap{width:94%;margin: 0 auto;}
.lfNav{display: none;}
.m-hide{display: none;}
.section{padding-top: 0.4rem;}
.title h2 img{width: 50%;}
.t-left{width: 0.68rem;}
.t-right{width: 0.68rem;}

/*banner*/
.banner{
  background-size: 160%; height: 4.5rem; display: block; padding-top: .8rem; overflow: hidden;
}
.banner img{
  width: 80%;
}
canvas{
  height: 4.5rem !important;
}

/*sec01*/
.sec01{
  display: block;
}
.sec01-main{
  height: auto; background: none;
}
.sec01-main ul{
  flex-wrap: wrap;
}
.sec01-main ul li{
  background: #fafcfc; border-radius: .15rem; margin: 0 .1rem; margin-bottom: 0.7rem;
}
.sec01-main ul li i{
  width: 1.4rem; margin: 0 auto; margin-top: -0.58rem;
}
.sec01-main ul li i img{
  width: 100%;
}
.sec01-main ul li p{
  font-size: .24rem; line-height: 0.3rem;
}
.s1-img01{
  width: 40%;
}

/*sec02*/
.sec02{
  height: auto; padding-bottom: 0.4rem;
}
.sec02 .title h2 img{
  width: 40%;
}
.sec02-l{
  height: 5rem;
}
.sec02-l img{
  width: 100%;
}
.sec02-main{
  flex-wrap: wrap;
}
.sec02-l{
  width: 100%; height: 4rem; margin-left: .3rem;
}
.sec02-r{
  margin-top: 0; margin-left: 0.5rem;
}
.sec02-r .sec02-videList a{
  font-size: .3rem; color: #333; font-weight: 600;
}
.sec02-btn{
  width: 4rem; font-size: .26rem;
}
.sec02-l .s1-play{
  width: 5.7rem;
}

/*sec03*/
.sec03{
  padding-bottom: 0.4rem;
}
.sec03-main .bd{
  width: 100%; height: 4rem; background: url(../images/s3_tea_bg.png) no-repeat top center / 100% 100%;
}
.sec03-main .bd ul li{
  height: 4rem;
}
.sec03-main .bd ul li .tea-info{
  margin-left: 0.4rem; width: 50%;
}
.sec03-main .bd ul li .tea-img{
  width: 50%; margin-right: 0.3rem;
} 
.sec03-main .bd ul li .tea-img img{
  width: 100%;
}
.sec03-main .hd ul li img{
  width: 100%;
}
.sec03-main .hd ul{
  flex-wrap: wrap;
}
.sec03-main .hd ul li{
  background-size: 100% 100%;
}

/*sec04*/
.sec04-t{
  width: 100%;
}
.sec04-b-bt{
  width: 13% !important;
}
.sec04-b-bt img{
  width: 41%;
}
.sec04-b-info{
  width: 80%; flex: auto; box-sizing: border-box; padding: .2rem;
}
.sec04-b-info .sec04-b-m{
  width: 100%; background-size: 100% 100%;
}
.sec04-b-info .sec04-b-m .bd ul li .item{
  margin: 0;
}
.sec04-b-info .sec04-b-m .bd ul li .item h3{
  width: 1.1rem;
}
.sec04-b-info .sec04-b-m .bd ul li .item h3 img{
  width: 100%;
}

/*sec05*/
.sec05{
  height: auto; padding-bottom: 0.4rem;
}
.sec05 .title h2 img{
  width: 80%;
}
.sec05-list ul li{
  margin: .1rem !important;
}
.sec05-list ul li h3 img{
  width: 24%;
}
.sec05-list ul li p{
  font-size: .24rem; line-height: 0.3rem;
}
.s5-play{
  position: relative; left: auto; top: auto; margin: 0 auto;
}

/* sec06 */
.sec06 .title h2 img{
  width: 72%;
}
.wid {
  width: 7.2rem;
  margin: 0 auto;
  box-sizing: border-box;
}
.jianzhang .jz_top {
  position: relative;
  padding: 0.4rem 0.27rem;
  margin: 0.38rem auto;
  background: #f5f8fc;
  background: -webkit-linear-gradient(bottom, #ebf0f8, #fff);
  background: linear-gradient(to bottom, #ebf0f8, #fff);
}
.jianzhang .jz_top .jz_toplf h6 {
  width: 1.2rem;
  line-height: 0.32rem;
  text-align: center;
  background: #0c2345;
  font-size: 0.22rem;
  margin-bottom: 0.1rem;
  color: #ffffff;
  border-radius: 0.05rem 0.05rem 0 0.05rem;
}
.jianzhang .jz_top .jz_toplf p {
  font-size: 0.24rem;
  color: #000000;
  line-height: 0.36rem;
  width: 95%;
}
.jianzhang .jz_top .jz_toprg {
  position: absolute;
  top: 0.2rem;
  right: 0.2rem;
  width: 2rem;
  line-height: 0.36rem;
  font-size: 0.24rem;
  color: #0c2345;
  cursor: pointer;
  text-align: center;
  border: 0.01rem solid #485a74;
  border-radius: 0.5rem;
}
.jianzhang .jz_top .jz_toprg.active {
  color: #ffffff;
  background: #2f64cd;
  border-color: #2f64cd;
}
.jianzhang .shuban {
  display: flex;
  justify-content: center;
  align-items: flex-start;
  flex-wrap: wrap;
}
.jianzhang .shuban #clearfix {
  display: block;
  width: 100%;
}
.jianzhang .shuban .banxing {
  width: 45%;
  margin: 0 0.05rem;
}
.jianzhang .shuban .banxing h2 {
  height: 0.86rem;
  line-height: 0.86rem;
  text-align: center;
  color: #ffffff;
  font-size: 0.34rem;
  letter-spacing: 0.03rem;
  font-weight: bold;
  border-radius: 0.1rem 0.1rem 0 0;
  background: #2c55ad;
  background: -webkit-linear-gradient(right, #2f64cd, #29468d);
  background: linear-gradient(to right, #2f64cd, #29468d);
}
.jianzhang .shuban .banxing h2.fixed {
  position: fixed;
  top: 0;
  z-index: 1;
  width: 3.24rem;
}
.jianzhang .shuban .banxing .renqun {
  height: 1.8rem;
  background: #eef2f8;
  padding: 0.2rem 0 0 0.45rem;
  font-size: 0.24rem;
  margin-bottom: 0.13rem;
  color: #112038;
  letter-spacing: 0.02rem;
  text-shadow: 0 0 0 #112038;
}
.jianzhang .shuban .banxing .renqun span {
  display: flex;
  align-items: center;
  height: 0.3rem;
}
.jianzhang .shuban .banxing .renqun img {
  width: 0.2rem;
  margin-right: 0.06rem;
}
.jianzhang .shuban .banxing .shiyiflag {
  position: relative;
}
.jianzhang .shuban .banxing .shiyiflag::before {
  position: absolute;
  top: 0;
  left: -0.36rem;
  content: '适宜人群';
  text-align: center;
  width: 0.36rem;
  padding: 0.23rem 0;
  line-height: 0.2rem;
  color: #ffedc8;
  font-weight: bold;
  border-radius: 0.1rem 0 0 0.1rem;
  border: 0.01rem solid #ffe8a4;
  background: #be975f;
  background: -webkit-linear-gradient(bottom, #e4c292, #986c2b);
  background: linear-gradient(to bottom, #e4c292, #986c2b);
}
.jianzhang .shuban .banxing .xiaobiaoti {
  height: 0.5rem;
  background: #d3ddee;
  margin-bottom: 0.12rem;
}
.jianzhang .shuban .banxing .xiaobiaoti span {
  display: flex;
  justify-content: center;
  align-items: center;
  height: 100%;
  width: 60%;
  letter-spacing: 0.02rem;
  color: #ffffff;
  font-weight: bold;
  font-size: 0.26rem;
  margin: 0 auto;
  border-radius: 0.1rem 0 0.1rem 0;
  background: #3f70cf;
}
.jianzhang .shuban .banxing .xiaobiaoti img {
  width: 0.28rem;
  margin-right: 0.08rem;
}
.jianzhang .shuban .banxing .xiangxi {
  font-size: 0.2rem;
  line-height: 0.26rem;
  color: #000000;
  margin-left: 0.3rem;
}
.jianzhang .shuban .banxing .xiangxi i {
  color: #7693da;
}
.jianzhang .shuban .banxing .xiangxi span {
  color: #f32a17;
}
.jianzhang .shuban .banxing .xiangxi b {
  display: block;
  margin-top: 0.07rem;
  letter-spacing: 0.01rem;
  text-shadow: 0 0 0 #000;
}
.jianzhang .shuban .banxing .fuwu .xiangxi {
  margin-right: 0.3rem;
}
.jianzhang .shuban .banxing .bx_btm {
  border-radius: 0.1rem;
  overflow: hidden;
  border: 0.01rem solid #d3ddee;
  background: #fafbfd;
  margin-bottom: 0.2rem;
}
.jianzhang .shuban .banxing .mokuai {
  height: 4.2rem;
}
.jianzhang .shuban .banxing .peiziliao {
  height: 4.8rem;
}
.jianzhang .shuban .banxing .peiziliao img {
  width: 0.24rem;
}
.jianzhang .shuban .banxing .fuwu {
  height: 7rem;
}
.jianzhang .shuban .banxing .fuwu img {
  width: 0.24rem;
}
.jianzhang .shuban .banxing .jiage {
  height: 3.24rem;
}
.jianzhang .shuban .banxing .jiage img {
  width: 0.24rem;
}
.jianzhang .shuban .banxing .price {
  display: flex;
  justify-content: center;
  align-items: center;
  flex-wrap: wrap;
  align-content: center;
  text-align: center;
  font-size: 0.26rem;
  height: 86%;
  line-height: 0.36rem;
  margin-top: -0.12rem;
  color: #333333;
}
.jianzhang .shuban .banxing .price .zhanwei {
  width: 100%;
}
.jianzhang .shuban .banxing2 h2 {
  position: relative;
  background: url("../images/banxing2h2.png") center center no-repeat;
  background-size: 100% 100%;
}
.jianzhang .shuban .banxing2 h2::after {
  position: absolute;
  top: -0.33rem;
  right: -0.2rem;
  content: '';
  width: 0.7rem;
  height: 0.72rem;
  background: url("../images/sell.png") center center no-repeat;
  background-size: 100% 100%;
  animation: scale1 1s linear infinite alternate;
  -webkit-animation: scale1 1s linear infinite alternate;
}
.jianzhang .shuban .banxing2 .renqun {
  background: url("../images/banxing2rq.png") center center no-repeat;
  background-size: 100% 100%;
}
.jianzhang .shuban .banxing2 .bx_btm {
  border: 0.01rem solid #f7dbd6;
}
.jianzhang .shuban .banxing2 .xiaobiaoti {
  background: #f7dbd6;
}
.jianzhang .shuban .banxing2 .xiaobiaoti span {
  background: #ee5342;
}
.jianzhang .shuban .banxing2 .xiangxi i {
  color: #f32a17;
}
.jianzhang .shuban .banxing3 h2 {
  position: relative;
}
.jianzhang .shuban .banxing3 h2::after {
  position: absolute;
  top: -0.33rem;
  right: -0.2rem;
  content: '';
  width: 0.7rem;
  height: 0.72rem;
  background: url("../images/huo.png") center center no-repeat;
  background-size: 100% 100%;
  animation: scale1 1s linear infinite alternate;
  -webkit-animation: scale1 1s linear infinite alternate;
}
.jianzhang .shuban .banxing3 .price .price_item {
  display: flex;
  align-items: center;
  width: 100%;
  height: 45%;
  margin: 0 0.08rem;
  text-align: left;
}
.jianzhang .shuban .banxing3 .price .price_item:nth-of-type(1) {
  border-bottom: 0.01rem dashed #c7d1dc;
}
.jianzhang .shuban .banxing3 .price .ban {
  width: 0.64rem;
  padding: 0.04rem 0;
  border-radius: 0.1rem;
  border-radius: 0.1rem 0.1rem 0 0.1rem;
  text-align: center;
  background: #2f64cd;
  color: #ffffff;
  margin: 0 0.05rem 0 0.25rem;
}
.jianzhang .shuban .banxing4 h2 {
  position: relative;
  background: url("../images/banxing4h2.png") center center no-repeat;
  background-size: 100% 100%;
}
.jianzhang .shuban .banxing4 h2::after {
  position: absolute;
  top: -0.33rem;
  right: -0.2rem;
  content: '';
  width: 0.76rem;
  height: 0.6rem;
  background: url("../images/hot.png") center center no-repeat;
  background-size: 100% 100%;
  animation: scale1 1s linear infinite alternate;
  -webkit-animation: scale1 1s linear infinite alternate;
}
.jianzhang .shuban .banxing4 .renqun {
  background: url("../images/banxing4rq.png") center center no-repeat;
  background-size: 100% 100%;
}
.jianzhang .shuban .banxing4 .bx_btm {
  border: 0.01rem solid #e1ceb5;
}
.jianzhang .shuban .banxing4 .xiaobiaoti {
  background: #e1ceb5;
}
.jianzhang .shuban .banxing4 .xiaobiaoti span {
  background: #bc9862;
}
.jianzhang .shuban .banxing4 .xiangxi i {
  color: #bc9862;
}
.jianzhang .shuban .banxing4 .xiangxi .mokuai b {
  display: inline-block;
}
.jianzhang .hengban {
  display: none;
  border-radius: 0.1rem;
  padding-bottom: 0.15rem;
  background: #eef2f8;
}
.jianzhang .hengban.show {
  display: block;
}
.jianzhang .hengban .leimu {
  display: flex;
  align-items: center;
  text-align: center;
  color: #ffffff;
  font-size: 0.22rem;
  font-weight: bold;
  border-radius: 0.1rem 0.1rem 0 0;
  overflow: hidden;
  border-top: 0.03rem solid #2f64cd;
  border-bottom: 0.03rem solid #2f64cd;
}
.jianzhang .hengban .leimu.fixed {
  position: fixed;
  top: 0;
  z-index: 1;
  width: 7.12rem;
}
.jianzhang .hengban .leimu span {
  height: 0.54rem;
  line-height: 0.54rem;
  border-right: 0.01rem solid #ffffff;
  background: #2f64cd;
  letter-spacing: 0.02rem;
}
.jianzhang .hengban .leimu span:nth-of-type(1) {
  width: 10%;
}
.jianzhang .hengban .leimu span:nth-of-type(2) {
  width: 19%;
}
.jianzhang .hengban .leimu span:nth-of-type(3) {
  width: 19%;
}
.jianzhang .hengban .leimu span:nth-of-type(4) {
  width: 39%;
}
.jianzhang .hengban .leimu span:nth-of-type(5) {
  flex: 1;
  border-right: 0;
}
.jianzhang .hengban .banxing {
  display: flex;
  align-items: center;
  border-radius: 0.12rem;
  font-size: 0.2rem;
  color: #000000;
  line-height: 0.24rem;
  margin: 0.1rem 0.14rem 0;
  border: 0.01rem solid #d4dde8;
  background: #ffffff;
}
.jianzhang .hengban .banxing .red {
  color: #f32a17;
}
.jianzhang .hengban .banxing .banx {
  width: 8%;
  height: 100%;
  font-size: 0.26rem;
  display: flex;
  justify-content: center;
  align-items: center;
  text-align: center;
  color: #ffffff;
  padding: 0 0.2rem;
  font-weight: bold;
  line-height: 0.33rem;
  border-radius: 0.1rem 0 0 0.1rem;
  background: #2c57ad;
  background: -webkit-linear-gradient(bottom, #2e65cc, #29488e);
  background: linear-gradient(to bottom, #2e65cc, #29488e);
}
.jianzhang .hengban .banxing .mokuai {
  width: 19.5%;
  height: 100%;
  padding-left: 0.1rem;
  display: flex;
  align-content: center;
  flex-wrap: wrap;
}
.jianzhang .hengban .banxing .mokuai p {
  display: flex;
  align-items: flex-start;
}
.jianzhang .hengban .banxing .mokuai p b {
  font-weight: bold;
}
.jianzhang .hengban .banxing .ptziliao {
  width: 19.5%;
  height: 100%;
  padding-left: 0.1rem;
  border-left: 0.01rem solid #d4dde8;
  border-right: 0.01rem solid #d4dde8;
  display: flex;
  flex-direction: column;
  justify-content: center;
}
.jianzhang .hengban .banxing .ptziliao b {
  display: block;
  font-weight: bold;
}
.jianzhang .hengban .banxing .bjfuwu {
  width: 40%;
  height: 100%;
  padding-left: 0.1rem;
  border-right: 0.01rem solid #d4dde8;
  display: flex;
  flex-direction: column;
  justify-content: center;
}
.jianzhang .hengban .banxing .bjfuwu b {
  display: block;
  font-weight: bold;
}
.jianzhang .hengban .banxing .jiage {
  flex: 1;
  text-align: center;
}
.jianzhang .hengban .banxing1 {
  height: 7rem;
}
.jianzhang .hengban .banxing2 {
  height: 7rem;
  background: #fdfbfa;
  border: 0.03rem solid #fca550;
}
.jianzhang .hengban .banxing2 .banx {
  position: relative;
  background: url("../images/banxing2banx.jpg") center center no-repeat;
  background-size: 100% 100%;
}
.jianzhang .hengban .banxing2 .banx::after {
  position: absolute;
  top: -0.1rem;
  left: -0.25rem;
  content: '';
  width: 0.71rem;
  height: 0.69rem;
  background: url("../images/sell1.png") center center no-repeat;
  background-size: 100% 100%;
  animation: scale1 1s linear infinite alternate;
  -webkit-animation: scale1 1s linear infinite alternate;
}
.jianzhang .hengban .banxing2 .ptziliao {
  border-color: #ffcec6;
}
.jianzhang .hengban .banxing2 .bjfuwu {
  border-color: #ffcec6;
}
.jianzhang .hengban .banxing3 {
  height: 7rem;
}
.jianzhang .hengban .banxing4 {
  height: 8rem;
  background: #fdfcfa;
  border: 0.03rem solid #cda472;
}
.jianzhang .hengban .banxing4 .banx {
  position: relative;
  background: url("../images/banxing4banx.jpg") center center no-repeat;
  background-size: 100% 100%;
}
.jianzhang .hengban .banxing4 .banx::after {
  position: absolute;
  top: -0.1rem;
  left: -0.25rem;
  content: '';
  width: 0.75rem;
  height: 0.6rem;
  background: url("../images/hot1.png") center center no-repeat;
  background-size: 100% 100%;
  animation: scale1 1s linear infinite alternate;
  -webkit-animation: scale1 1s linear infinite alternate;
}
.jianzhang .hengban .banxing4 .ptziliao {
  border-color: #ffcec6;
}
.jianzhang .hengban .banxing4 .bjfuwu {
  border-color: #ffcec6;
}
.jianzhang .bxtips {
  display: flex;
  justify-content: flex-start;
  align-items: center;
  flex-wrap: wrap;
  font-size: 0.26rem;
  line-height: 0.34rem;
  color: #ad8d62;
  padding: 0 0.4rem;
  margin: 0.1rem auto 0.8rem;
}

/*sec07*/
.sec07 .title h2 img{
  width: 71%;
}
.sec07-t{
  background-position: top center; height: auto;
}
.sec07-t h3{
  padding-top: 0.6rem;
}
.sec07-t h3 img{
  width: 50%;
}
.sec07-t-m .sec07-t-list01 li h4{
  font-size: .26rem;
}
.sec07-t-m .sec07-t-list01 li p{
  font-size: .24rem; line-height: 0.3rem;
}

/* sec08 */
.sec08{
  height: auto; padding-bottom: 0.4rem;
}
.sec08 .title h2 img{
  width: 75%;
}
.sec08-main{
  width: 100%;
}
.sec08-item h3{
  width: 0.5rem; background-size: 100% 100% !important;
}
.sec08-item.on{
  width: 4.5rem;
}
.sec08-item{
  width: .5rem; overflow: hidden;
}
.sec08-item .sec08-item-m{
  left: 0.6rem; height: 3.34rem; width: 4rem;
}
.img-box{
  height: 3.34rem; box-sizing: border-box; overflow: hidden;
}
.img-box .yuan{
  width: 35%;
}
.img-box .item-img{
  width: 88%;
}
.tips{
  width: 80%; height: auto; background-size: 100% 100%; line-height: 0.28rem; padding: .2rem 0 .1rem; margin-top: 0.2rem;
}
.s8-item3-img,.s8-item4-img,.s8-item5-img,.s8-item6-img{
  width: 50% !important;
}
.sec08-item03 .tips{
  left: 1rem; padding-top: 0.1rem !important;
}
.sec08-item05 .yuan{
  width: 1.5rem !important;
}

/* sec09 */
.sec09 .title h2 img{
  width: 70%;
}
.sec09-main{
  flex-wrap: wrap; justify-content: center;
}
.sec09-l{
  margin-left: -0.4rem;
}
.sec09-l-img{
  width: 92%;
}
.sec09-r{
  width: 5rem; margin: 0 auto; margin-top: 0.4rem;
}
.sec09-r ul li{
  margin-bottom: 0.3rem;
}
.sec09-r ul li img{
  width: 11%;
}
.sec09-r ul li h3{
  font-size: .26rem;
}
.sec09-r ul li p{
  font-size: .24rem;
}

/* sec10 */
.sec10-title h2 img{
  width: 80%;
}
.sec10-l{
  width: 68%; margin-right: 0.15rem;
}
.list01{
  margin: 0 .2rem;
}
.list02{
  padding-left: 0.2rem; padding-top: 0.2rem; height: auto; padding-bottom: 0.2rem;
}
.list02 p{
  font-size: .24rem; line-height: 0.28rem;
}
