* {
  margin: 0;
  padding: 0;
  box-sizing: border-box;
}
body {
  color: #181818;
  font-family: Microsoft YaHei, Helvetica Neue, Helvetica, STHeiTi, Arial, sans-serif;
  max-width: 769px;
  min-width: 320px;
  margin: 0 auto;
  touch-action: manipulation;
  -webkit-touch-callout: none;
  -webkit-tap-highlight-color: transparent;
}
a {
  text-decoration: none;
  -webkit-tap-highlight-color: transparent;
}
li {
  list-style: none;
}
img {
  display: block;
}
em,
i {
  font-style: normal;
}
input {
  -webkit-appearance: none;
}
body.dialog-open {
  position: fixed;
  width: 100%;
}
article {
  display: flex;
  flex-direction: column;
  min-height: 100vh;
}
header {
  display: flex;
  align-items: center;
  justify-content: space-between;
  height: 3.833rem;
  padding: 0 1.333rem;
  background: #ffffff;
}
header .back,
header .back img,
header .bare {
  display: block;
  width: 0.833rem;
  height: 1.5rem;
}
header strong {
  font-weight: bold;
  font-size: 1.5rem;
  color: #181818;
}
header .search,
header .search img {
  display: block;
  width: 1.5rem;
  height: 1.5rem;
}
.search_box {
  display: flex;
  align-items: center;
  width: 100%;
  height: 3rem;
  border-radius: 0.333rem;
  overflow: hidden;
}
.search_box input {
  flex: 1;
  overflow: hidden;
  height: 100%;
  outline: none;
  font-size: 1.167rem;
  color: #181818;
  padding-left: 1rem;
  border-radius: 0.333rem 0 0 0.333rem;
  border: 0.083rem solid #eeeeee;
  background-color: #ffffff;
}
.search_box span {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 4.333rem;
  height: 100%;
  background: #daa668;
  border-radius: 0 0.333rem 0.333rem 0;
}
.search_box span img {
  display: block;
  width: 1.167rem;
  height: 1.167rem;
}
.choose .item {
  display: flex;
  margin-top: 0.667rem;
}
.choose .item .label {
  font-weight: bold;
  font-size: 1.167rem;
  color: #4a4a4a;
  line-height: 2.167rem;
}
.choose .item .right {
  flex: 1;
  display: flex;
  flex-wrap: wrap;
}
.choose .item .right a {
  display: flex;
  justify-content: center;
  align-items: center;
  height: 2.333rem;
  flex: 0 0 23.5%;
  font-size: 1rem;
  color: #4a4a4a;
  margin-bottom: 0.667rem;
  margin-right: 2%;
  background: #eeeeee;
  border-radius: 0.25rem;
}
.choose .item .right a.active {
  font-weight: bold;
  font-size: 1rem;
  color: #47b69d;
  background: #dff3e6;
}
.choose .item .right a img {
  width: 1.5rem;
  height: 1.5rem;
  margin-top: -0.217rem;
}
.choose .item .right a:nth-of-type(4n) {
  margin-right: 0;
}
.choose .item .right.hide {
  display: none;
}
.index {
  background: #f6f8f7;
}
.index .htop {
  width: 100%;
  padding: 0.833rem 1.167rem;
  background: url(/images/home_bg.png) no-repeat left center / 100% 100%;
}
.index .htop .header {
  display: flex;
  justify-content: space-between;
}
.index .htop .header h1,
.index .htop .header h1 img {
  display: block;
  width: 3.917rem;
  height: 1.917rem;
}
.index .htop .header .search {
  display: flex;
  align-items: center;
  height: 2rem;
  overflow: hidden;
}
.index .htop .header .search input {
  width: 12.917rem;
  height: 100%;
  display: flex;
  font-size: 1.083rem;
  padding-left: 2.833rem;
  outline: none;
  border-radius: 8.333rem 0.333rem 0.333rem 8.333rem;
  border: 0.083rem solid #02c090;
  background: url(/images/search.png) no-repeat 1rem center / 1.5rem 1.5rem;
  background-color: #ffffff;
}
.index .htop .header .search span {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 3.583rem;
  height: 100%;
  font-size: 1.083rem;
  color: #ffffff;
  background: #00c090;
  border-radius: 0 8.333rem 8.333rem 0;
}
.index .htop nav {
  display: flex;
  justify-content: space-between;
  margin-top: 2.5rem;
  padding: 0 1rem;
}
.index .htop nav a {
  display: flex;
  flex-direction: column;
  align-items: center;
}
.index .htop nav a img {
  width: 4.083rem;
  height: 4.333rem;
}
.index .htop nav a strong {
  font-size: 1.167rem;
  font-weight: normal;
  color: #181818;
}
.index .content {
  padding: 0 1.167rem 4.5rem;
}
.index .content .banner {
  display: flex;
  justify-content: space-between;
}
.index .content .banner .item {
  width: 49.5%;
  padding: 1rem 1rem 0.5rem;
  background: url(/images/banner1.png) no-repeat left center / 100% 100%;
}
.index .content .banner .item .title {
  font-weight: bold;
  font-size: 1.5rem;
  color: #181818;
}
.index .content .banner .item .desc {
  font-size: 1rem;
  color: #4a4a4a;
  margin-top: 0.25rem;
}
.index .content .banner .item .price {
  font-size: 1rem;
  color: #999999;
  margin-top: 0.25rem;
}
.index .content .banner .item .price span {
  font-size: 1.25rem;
  color: #e24939;
}
.index .content .banner .item:last-of-type {
  background: url(/images/banner2.png) no-repeat left center / 100% 100%;
}
.index .content .banner .item.all {
  position: relative;
}
.index .content .banner .item.all::after {
  display: inline-block;
  content: "含3D推荐";
  width: 4.25rem;
  height: 1.333rem;
  font-weight: bold;
  font-size: 0.833rem;
  color: #ffffff;
  text-align: center;
  line-height: 1.333rem;
  position: absolute;
  top: 0;
  right: 0.583rem;
  background: linear-gradient(180deg, #ff807e 0%, #ff4948 100%);
  border-radius: 0 0.333rem 0 0.583rem;
}
.index .content .bottom {
  margin-top: 0.833rem;
  padding: 0.5rem 1rem;
  background: #ffffff;
  border-radius: 0.5rem;
}
.index .content .bottom .options {
  display: flex;
  align-items: center;
  justify-content: space-between;
  margin-top: 0.667rem;
}
.index .content .bottom .options a {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 21%;
  height: 2.167rem;
  font-size: 1rem;
  color: #4a4a4a;
  background: #f7f7f7;
  border-radius: 0.25rem;
}
.index .content .bottom .options a.more {
  width: 10%;
  color: #bbbbbb;
  font-weight: bold;
}
.index .content .bottom .options a.active {
  font-weight: bold;
  color: #47b69d;
  background: #dff3e6;
}
.major .top {
  padding: 0.5rem 1rem 1rem;
  border-top: 0.417rem solid #f6f8f7;
}
.major .top .title {
  font-weight: bold;
  font-size: 1.5rem;
  color: #181818;
  margin-top: 0.833rem;
}
.major .top .buy_wrap {
  display: flex;
  flex-direction: column;
  align-items: center;
  margin-top: 1.5rem;
  padding: 1.833rem 1.25rem 1.333rem;
  background: #f2f9ff;
  border-radius: 0.5rem;
  border: 0.083rem solid #c8e8ff;
}
.major .top .buy_wrap .b1 {
  display: flex;
  align-items: center;
}
.major .top .buy_wrap .b1 img {
  width: 1.333rem;
  height: 1.75rem;
  margin-right: 0.667rem;
}
.major .top .buy_wrap .b1 p {
  font-weight: bold;
  font-size: 1.333rem;
  color: #181818;
}
.major .top .buy_wrap .buy {
  width: 100%;
  height: 3.333rem;
  display: flex;
  justify-content: center;
  align-items: center;
  font-weight: bold;
  font-size: 1.5rem;
  color: #ffffff;
  margin-top: 1.5rem;
  background: #47b69d;
  box-shadow: 0 0.083rem 0.333rem 0 rgba(154, 154, 154, 0.5);
  border-radius: 0.333rem;
}
.major .top .buy_wrap .b2 {
  font-size: 1.083rem;
  color: #4a4a4a;
  margin-top: 1.333rem;
}
.major .top .buy_wrap .b3 {
  display: flex;
  align-items: center;
  font-size: 1rem;
  color: #999999;
}
.major .top .buy_wrap .b3 span {
  display: block;
  font-size: 1.5rem;
  color: #da0505;
  margin-top: 0.417rem;
  margin-right: 0.167rem;
}
.major .top .yc_wrap {
  width: 100%;
  display: flex;
  align-items: center;
  justify-content: space-between;
  margin-top: 1.667rem;
  padding: 0.833rem 0 0.833rem 1.333rem;
  border-radius: 0.5rem;
  border: 0.083rem solid #bbbbbb;
}
.major .top .yc_wrap .left {
  flex: 1;
  font-size: 1.333rem;
  color: #181818;
}
.major .top .yc_wrap span {
  display: block;
  width: 5.333rem;
  text-align: center;
  margin-left: 0.5rem;
  border-left: 0.167rem solid #eeeeee;
}
.major .top .qctk_tip {
  font-size: 1rem;
  color: #ae6c2c;
  margin-top: 0.667rem;
}
.major .lstj {
  padding: 0.667rem 1rem;
  border-top: 0.667rem solid #f6f8f7;
}
.major .lstj .title {
  display: flex;
  align-items: center;
  margin-bottom: 0.75rem;
}
.major .lstj .title img {
  width: 1.667rem;
  height: 1.417rem;
}
.major .lstj .title span {
  font-weight: bold;
  font-size: 1.333rem;
  color: #181818;
  margin-left: 0.667rem;
}
.major .lstj .item {
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: 0.583rem 0;
}
.major .lstj .item .left {
  font-size: 1.25rem;
  color: #181818;
  line-height: 1.75rem;
}
.major .lstj .item .left .red {
  color: #e24939;
}
.major .lstj .item .left .blue {
  color: #138be1;
}
.major .lstj .item > span {
  display: block;
  min-width: 3.633rem;
  font-size: 1.25rem;
  text-align: right;
}
.major .lstj .item > span.true {
  color: #e24939;
}
.major .lstj .item > span.error {
  color: #999999;
}
.search_page .sbottom {
  flex: 1;
  padding: 1rem;
  background: #f6f8f7;
}
.ygwz header {
  justify-content: space-evenly;
}
.ygwz header a {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 8.167rem;
  height: 2.5rem;
  font-size: 1.333rem;
  color: #181818;
}
.ygwz header a.active {
  font-weight: bold;
  font-size: 1.333rem;
  color: #ffffff;
  background: #47b69d;
  border-radius: 0.5rem;
}
.ygwz .sbottom {
  flex: 1;
  padding: 1.333rem 1rem 5rem;
  background: #f6f8f7;
}
.ygwz .sbottom .art_side {
  padding: 1.333rem 1rem;
  margin-top: 0.667rem;
  border-bottom: none;
  border-radius: 0.5rem;
  background: #ffffff;
}
.homepage .zjinfo {
  padding: 0.833rem 1rem;
  border-top: 0.5rem solid #f6f8f7;
  background: #ffffff;
}
.homepage .lottery {
  padding: 0.75rem 1.333rem 0;
  border-top: 0.667rem solid #f6f8f7;
}
.homepage .lists {
  flex: 1;
  padding: 0rem 1.333rem 3rem;
}
.recommend .content {
  flex: 1;
  padding: 0.667rem 1rem 4.583rem;
  border-top: 0.5rem solid #f0f2f5;
  background: #f6f8f7;
}
.recommend .content .art_side {
  padding-left: 1rem;
  padding-right: 1rem;
  margin-top: 0.667rem;
  border-radius: 0.5rem;
  border-bottom: none;
  background: #ffffff;
}
.contacts header {
  background: #47b69d;
}
.contacts header strong {
  color: #ffffff;
}
.contacts .content {
  flex: 1;
  padding: 1.5rem 1rem 4.883rem;
  background: url(/images/kf_bg.png) no-repeat left center / 100%;
}
.contacts .content .call {
  font-weight: bold;
  font-size: 1.167rem;
  color: #181818;
}
.contacts .content .desc {
  font-size: 1.167rem;
  color: #181818;
  margin-top: 0.667rem;
}
.contacts .content .lc {
  margin-top: 1.25rem;
}
.contacts .content .lc .title {
  text-align: center;
  font-weight: bold;
  font-size: 1.5rem;
  color: #181818;
  position: relative;
}
.contacts .content .lc .title::after {
  display: inline-block;
  content: "";
  width: 12.333rem;
  height: 0.417rem;
  background: #47b69d;
  position: absolute;
  bottom: -0.167rem;
  left: 50%;
  transform: translateX(-50%);
}
.contacts .content .lc .title span {
  font-size: 1rem;
  color: #767575;
}
.contacts .content .lc .step {
  display: flex;
  justify-content: space-between;
  margin-top: 3.333rem;
}
.contacts .content .lc .step > img {
  width: 10.75rem;
}
.contacts .content .lc .step .description {
  padding-top: 1rem;
}
.contacts .content .lc .step .description .til {
  font-size: 1.083rem;
  color: #181818;
}
.contacts .content .lc .step .description .til span {
  display: inline-block;
  width: 2rem;
  height: 2rem;
  font-weight: bold;
  font-size: 1.333rem;
  color: #181818;
  text-align: center;
  line-height: 2rem;
  margin-right: 0.333rem;
  border-radius: 50%;
  background: #eeeeee;
}
.contacts .content .lc .step .description > a {
  display: block;
  font-size: 1.083rem;
  color: #e24939;
  text-decoration: underline;
  margin-top: 0.417rem;
}
.contacts .content .lc .step .description .text {
  font-size: 1.083rem;
  color: #181818;
  margin-top: 0.333rem;
}
.contacts .content .lc .step .description .tip {
  font-size: 1rem;
  color: #767575;
  margin-top: 0.333rem;
}
.contacts .img_pop {
  position: fixed;
  width: 100%;
  height: 100%;
  z-index: 1000;
  top: 0;
  left: 0;
  background: rgba(0, 0, 0, 0.8);
  display: none;
}
.contacts .img_pop .big_img {
  position: absolute;
  max-width: 100%;
  max-height: 95%;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
}
.kf_page header {
  background: #47b69d;
}
.kf_page header strong {
  color: #ffffff;
}
.kf_page .content {
  flex: 1;
  padding: 3.917rem 0;
  background: #f7f7f7;
}
.kf_page .content > p {
  font-weight: bold;
  font-size: 2rem;
  color: #181818;
  text-align: center;
}
.kf_page .content .wechat {
  width: 21.167rem;
  height: 3.083rem;
  display: flex;
  align-items: center;
  justify-content: center;
  margin: 1rem auto 0;
  background: #e7fff9;
  border-radius: 1.583rem;
  border: 0.083rem solid #999999;
}
.kf_page .content .wechat span:first-child {
  font-size: 1.167rem;
  color: #181818;
}
.kf_page .content .wechat span:last-child {
  font-weight: bold;
  font-size: 1.667rem;
  color: #42b49a;
}
.kf_page .content .qr_code {
  width: 28.417rem;
  height: 28rem;
  margin: 2.75rem auto 0;
  padding: 1.25rem 0 1.5rem;
  background: url(/images/customer.png) no-repeat center center / 100% 100%;
}
.kf_page .content .qr_code .tip1 {
  font-weight: bold;
  font-size: 1.333rem;
  color: #ffffff;
  text-align: center;
}
.kf_page .content .qr_code .tip2 {
  font-size: 1.167rem;
  color: #181818;
  margin-top: 1.667rem;
  text-align: center;
}
.kf_page .content .qr_code .box {
  width: 16.667rem;
  height: 16.667rem;
  display: flex;
  justify-content: center;
  align-items: center;
  margin: 1.5rem auto 0;
  border-radius: 0.833rem;
  border: 0.583rem solid #d4caf3;
}
.kf_page .content .qr_code .box img {
  width: 14.417rem;
  height: 14.333rem;
}
.kf_page .content .qr_code .tip3 {
  font-size: 1rem;
  color: #999999;
  margin-top: 0.5rem;
  text-align: center;
}
.lottery {
  display: flex;
  padding: 0.75rem 0;
  justify-content: space-between;
}
.lottery a {
  display: flex;
  align-items: center;
  font-size: 1.333rem;
  color: #4a4a4a;
}
.lottery a.active {
  font-weight: bold;
  font-size: 1.5rem;
  color: #181818;
  position: relative;
}
.lottery a.active::after {
  display: inline-block;
  content: "";
  width: 80%;
  height: 0.167rem;
  background: #00c090;
  position: absolute;
  bottom: -0.367rem;
  left: 50%;
  transform: translateX(-50%);
}
.art_side {
  display: flex;
  padding: 1.5rem 0;
}
.art_side .ranked {
  display: block;
  width: 1.5rem;
  height: 1.667rem;
  text-align: center;
  line-height: 1.667rem;
  font-weight: bold;
  font-size: 0.833rem;
  color: #8d8a8a;
  margin-right: 0.833rem;
  margin-top: 0.667rem;
  background: url(/images/ranked_bg.png) no-repeat center center / 100% 100%;
}
.art_side .ranked.top_one {
  background: url(/images/top1.png) no-repeat center center / 100% 100%;
}
.art_side .ranked.top_two {
  background: url(/images/top2.png) no-repeat center center / 100% 100%;
}
.art_side .ranked.top_three {
  background: url(/images/top3.png) no-repeat center center / 100% 100%;
}
.art_side .details {
  flex: 1;
  overflow: hidden;
}
.art_side .details .dtop {
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.art_side .details .dtop .l {
  display: flex;
  align-items: center;
}
.art_side .details .dtop .l img {
  display: block;
  width: 2.833rem;
  height: 2.833rem;
  border-radius: 50%;
  margin-right: 0.5rem;
}
.art_side .details .dtop .l p {
  font-weight: bold;
  font-size: 1.083rem;
  color: #181818;
}
.art_side .details .dtop .jz {
  display: flex;
  justify-content: center;
  align-items: center;
  padding: 0rem 0.667rem;
  font-size: 0.833rem;
  color: #ffffff;
  background: #ff7272;
  border-radius: 0.9rem 0 0.9rem 0;
}
.art_side .details .dbot {
  display: block;
  margin-top: 0.833rem;
}
.art_side .details .dbot .title {
  width: 100%;
  font-weight: bold;
  font-size: 1.333rem;
  color: #181818;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.art_side .details .dbot .foot {
  display: flex;
  align-items: center;
  justify-content: space-between;
  margin-top: 1rem;
}
.art_side .details .dbot .foot .label {
  display: flex;
  align-items: center;
}
.art_side .details .dbot .foot .label .lz {
  display: flex;
  height: 1.667rem;
  align-items: center;
  font-size: 1.083rem;
  color: #daa668;
  padding: 0 0.583rem;
  margin-right: 0.667rem;
  border-radius: 0.167rem;
  border: 0.083rem solid #daa668;
}
.art_side .details .dbot .foot .label .by {
  font-size: 1.083rem;
  color: #47b69d;
  text-decoration: underline;
  margin-left: 0.833rem;
}
.art_side .details .dbot .foot .label .time {
  font-size: 1.083rem;
  color: #999999;
  margin-left: 0.833rem;
}
.art_side .details .dbot .foot .cost .amount {
  font-weight: bold;
  font-size: 1.5rem;
  color: #e13737;
}
.art_side .details .dbot .foot .cost .amount i {
  font-size: 0.833rem;
  margin-right: 0.167rem;
}
.art_side .details .dbot .foot .cost .ygq {
  font-weight: bold;
  font-size: 1.083rem;
  color: #999999;
}
.art_side:not(:last-of-type) {
  border-bottom: 0.083rem solid #e9e9e9;
}
.zjinfo {
  padding: 0.833rem 0;
}
.zjinfo .zjt {
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.zjinfo .zjt .left {
  display: flex;
  align-items: center;
}
.zjinfo .zjt .left img {
  display: block;
  width: 2.833rem;
  height: 2.833rem;
  margin-right: 0.667rem;
  border-radius: 50%;
}
.zjinfo .zjt .left .info p {
  font-weight: bold;
  font-size: 1.583rem;
  color: #4a4a4a;
}
.zjinfo .zjt .left .info .label {
  display: flex;
  align-items: center;
  margin-top: 0.417rem;
}
.zjinfo .zjt .left .info .label span {
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 0 0.833rem;
  height: 1.333rem;
  font-size: 1rem;
  color: #daa668;
  border-radius: 0.833rem 0.167rem 0.833rem 0.167rem;
  border: 0.083rem solid #daa668;
}
.zjinfo .zjt .left .info .label span:not(:last-of-type) {
  margin-right: 0.667rem;
}
.zjinfo .zjt .left .info .label span.update {
  color: #779af2;
  border-color: #779af2;
}
.zjinfo .zjt .left .info .nums {
  color: #daa668;
  font-size: 1.083rem;
  margin-top: 0.417rem;
}
.zjinfo .zjt .right {
  display: flex;
}
.zjinfo .zjt .right p {
  display: flex;
  align-items: center;
  height: 2rem;
  padding: 0 0.75rem;
  margin-left: 0.833rem;
  background: #dff3e6;
  border-radius: 0.167rem;
}
.zjinfo .zjt .right p span {
  font-weight: bold;
  font-size: 1.083rem;
  color: #47b69d;
}
.zjinfo .zjt .right p img {
  display: block;
  width: 1.25rem;
  height: 1.417rem;
  margin-right: 0.25rem;
}
.zjinfo .zjt .right p.gray {
  background: #f7f7f7;
}
.zjinfo .zjt .right p.gray span {
  color: #999999;
}
.zjinfo .ts {
  font-size: 1rem;
  color: #999999;
  margin-top: 0.917rem;
}
.gz_item {
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: 1.667rem 1rem;
  margin-top: 1rem;
  background: #ffffff;
  border-radius: 0.5rem;
  position: relative;
}
.gz_item a {
  flex: 1;
  display: flex;
  align-items: center;
}
.gz_item a img {
  display: block;
  width: 4.333rem;
  height: 4.333rem;
  margin-right: 0.833rem;
  border-radius: 50%;
}
.gz_item a .info {
  flex: 1;
}
.gz_item a .info .name {
  font-size: 1.167rem;
  color: #4a4a4a;
}
.gz_item a .info .label {
  display: flex;
  align-items: center;
  margin-top: 0.667rem;
}
.gz_item a .info .label span {
  display: flex;
  justify-content: center;
  align-items: center;
  height: 1.667rem;
  font-size: 1.083rem;
  color: #daa668;
  margin-right: 0.667rem;
  border-radius: 0.167rem;
  border: 0.083rem solid #daa668;
  padding: 0 0.583rem;
}
.gz_item a .info .nums {
  color: #daa668;
  font-size: 1.083rem;
  margin-top: 0.667rem;
}
.gz_item a .info .foot {
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin-top: 1rem;
}
.gz_item a .info .foot p {
  font-size: 1rem;
  color: #999999;
}
.gz_item a .info .foot .renew {
  display: block;
  font-weight: bold;
  font-size: 1rem;
  color: #e24939;
  text-decoration: underline;
}
.gz_item .gz {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 6rem;
  height: 1.833rem;
  margin-left: 0.833rem;
  background: #dff3e6;
  border-radius: 0.167rem;
}
.gz_item .gz span {
  font-weight: bold;
  font-size: 1.083rem;
  color: #47b69d;
}
.gz_item .gz img {
  display: block;
  width: 1.25rem;
  height: 1.417rem;
  margin-right: 0.25rem;
}
.gz_item .gz.gray {
  background: #f7f7f7;
}
.gz_item .gz.gray span {
  color: #999999;
}
.gz_item .tag {
  width: 5.167rem;
  height: 2rem;
  display: flex;
  justify-content: center;
  align-items: center;
  font-size: 1.167rem;
  background: #eeeeee;
  border-radius: 0 0.5rem 0 0;
  position: absolute;
  right: 0;
  top: 0;
}
.gz_item .tag.ydy {
  color: #daa668;
}
.gz_item .tag.ysx {
  color: #999999;
}
.tabbar {
  display: flex;
  align-items: center;
  justify-content: space-around;
  width: 100%;
  height: 4.083rem;
  background: #ffffff;
  position: fixed;
  bottom: 0;
  max-width: 769px;
  min-width: 320px;
  margin: 0 auto;
  box-shadow: inset 0 0.083rem 0.25rem 0 #eeeeee;
}
.tabbar a {
  display: flex;
  flex-direction: column;
  align-items: center;
  font-size: 1rem;
  color: #181818;
}
.tabbar a::before {
  display: inline-block;
  content: "";
  width: 1.667rem;
  height: 1.667rem;
  margin-bottom: 0.167rem;
}
.tabbar a.active {
  font-weight: bold;
  color: #00c090;
}
.tabbar a.home::before {
  background: url(/images/thome.png) no-repeat center center / 1.667rem 1.667rem;
}
.tabbar a.home.active::before {
  background: url(/images/thome_a.png) no-repeat center center / 1.667rem 1.667rem;
}
.tabbar a.recommend::before {
  background: url(/images/trecommend.png) no-repeat center center / 1.667rem 1.667rem;
}
.tabbar a.recommend.active::before {
  background: url(/images/trecommend_a.png) no-repeat center center / 1.667rem 1.667rem;
}
.tabbar a.purchase::before {
  background: url(/images/tarticle.png) no-repeat center center / 1.667rem 1.667rem;
}
.tabbar a.purchase.active::before {
  background: url(/images/tarticle_a.png) no-repeat center center / 1.667rem 1.667rem;
}
.tabbar a.service::before {
  background: url(/images/tkf.png) no-repeat center center / 1.667rem 1.667rem;
}
.tabbar a.service.active::before {
  background: url(/images/tkf_a.png) no-repeat center center / 1.667rem 1.667rem;
}
.empty {
  display: flex;
  flex-direction: column;
  align-items: center;
  margin: 5rem auto 2.5rem;
}
.empty p {
  font-size: 1.167rem;
  color: #999999;
}
.to_bottom {
  display: flex;
  justify-content: center;
}
.to_bottom img {
  display: block;
  width: 6.833rem;
  height: 6.833rem;
}
.qr_pop,
.wxqr_pop {
  position: fixed;
  width: 100%;
  height: 100vh;
  max-width: 769px;
  min-width: 320px;
  display: none;
  background-color: rgba(0, 0, 0, 0.5);
}
.qr_pop .content,
.wxqr_pop .content {
  width: 37.5rem;
  display: flex;
  flex-direction: column;
  align-items: center;
  padding: 2.5rem 1.333rem 1.333rem;
  background: #ffffff;
  border-radius: 0.333rem;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}
.qr_pop .content .close,
.wxqr_pop .content .close {
  display: block;
  width: 2rem;
  height: 2rem;
  position: absolute;
  top: 1rem;
  right: 0.833rem;
}
.qr_pop .content .qr img,
.wxqr_pop .content .qr img {
  display: block;
  width: 15rem;
  height: 15rem;
}
.qr_pop .content .qr p,
.wxqr_pop .content .qr p {
  text-align: center;
  font-size: 1.083rem;
  color: #181818;
  margin-top: 2rem;
}
.qr_pop .content .qr a,
.wxqr_pop .content .qr a {
  font-size: 1rem;
  display: block;
  text-align: center;
  color: #c60000;
  margin-top: 0.5rem;
}
.popup,
.attention_pop,
.ckpopup {
  position: fixed;
  width: 100%;
  height: 100vh;
  max-width: 769px;
  min-width: 320px;
  display: none;
  background-color: rgba(0, 0, 0, 0.5);
}
.popup .pop,
.attention_pop .pop,
.ckpopup .pop {
  width: 25rem;
  display: flex;
  flex-direction: column;
  align-items: center;
  padding: 2.5rem 1.333rem 1.333rem;
  background: #ffffff;
  border-radius: 0.333rem;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}
.popup .pop .close,
.attention_pop .pop .close,
.ckpopup .pop .close {
  display: block;
  width: 2rem;
  height: 2rem;
  position: absolute;
  top: 1rem;
  right: 0.833rem;
}
.popup .pop .mobile,
.attention_pop .pop .mobile,
.ckpopup .pop .mobile {
  display: block;
  width: 3.083rem;
  height: 3.417rem;
}
.popup .pop .notice,
.attention_pop .pop .notice,
.ckpopup .pop .notice {
  color: #e24939;
  font-size: 1rem;
  font-weight: bold;
  margin-top: 1rem;
}
.popup .pop .text,
.attention_pop .pop .text,
.ckpopup .pop .text {
  font-weight: bold;
  font-size: 1.167rem;
  color: #181818;
  margin-top: 1rem;
}
.popup .pop .hint,
.attention_pop .pop .hint,
.ckpopup .pop .hint {
  font-size: 1rem;
  color: #4a4a4a;
  line-height: 1.417rem;
  margin-top: 1rem;
  text-align: center;
}
.popup .pop .hint a,
.attention_pop .pop .hint a,
.ckpopup .pop .hint a {
  color: #e24939;
}
.popup .pop .input,
.attention_pop .pop .input,
.ckpopup .pop .input {
  width: 21.833rem;
  height: 3.333rem;
  display: flex;
  margin-top: 1.333rem;
  background: #f0f0f0;
  overflow: hidden;
  border-radius: 1.667rem;
  border: 0.083rem solid #e0e0e0;
}
.popup .pop .input span,
.attention_pop .pop .input span,
.ckpopup .pop .input span {
  min-width: 5rem;
  display: flex;
  align-items: center;
  justify-content: center;
  font-weight: bold;
  font-size: 1.167rem;
  color: #181818;
  position: relative;
}
.popup .pop .input span::after,
.attention_pop .pop .input span::after,
.ckpopup .pop .input span::after {
  display: inline-block;
  content: "";
  width: 0.083rem;
  height: 1.333rem;
  background: #979797;
  position: absolute;
  right: 0;
  top: 50%;
  transform: translateY(-50%);
}
.popup .pop .input input,
.attention_pop .pop .input input,
.ckpopup .pop .input input {
  flex: 1;
  font-size: 1.167rem;
  padding: 0 1.25rem;
  border: none;
  outline: none;
  border-radius: 1.667rem;
  background: #f0f0f0;
  overflow: hidden;
}
.popup .pop .type .item,
.attention_pop .pop .type .item,
.ckpopup .pop .type .item {
  width: 21.833rem;
  height: 3.333rem;
  font-weight: bold;
  font-size: 1.333rem;
  color: #ffffff;
  display: flex;
  align-items: center;
  justify-content: center;
  background: #618df5;
  border-radius: 0.5rem;
  margin-top: 1rem;
}
.popup .pop .type .item img,
.attention_pop .pop .type .item img,
.ckpopup .pop .type .item img {
  display: block;
  width: 2.333rem;
  height: 2.333rem;
  margin-right: 0.667rem;
}
.popup .pop .type .item.wechat,
.attention_pop .pop .type .item.wechat,
.ckpopup .pop .type .item.wechat {
  /*margin-top: 1rem;*/
  background: #38ca3a;
}
.popup .pop .tip,
.attention_pop .pop .tip,
.ckpopup .pop .tip {
  font-size: 1rem;
  color: #999999;
  margin-top: 1.083rem;
}
.popup .pop .tip span,
.attention_pop .pop .tip span,
.ckpopup .pop .tip span {
  color: #e24939;
  margin-right: 0.083rem;
}
.popup .pop .btn,
.attention_pop .pop .btn,
.ckpopup .pop .btn {
  width: 100%;
  height: 3.333rem;
  display: flex;
  justify-content: center;
  align-items: center;
  font-size: 1.333rem;
  border-radius: 1.667rem;
}
.popup .pop .btn.cancel,
.attention_pop .pop .btn.cancel,
.ckpopup .pop .btn.cancel {
  margin-top: 2.167rem;
  color: #181818;
  background: #f0f0f0;
  border: 0.083rem solid #e0e0e0;
}
.popup .pop .btn.confirm,
.attention_pop .pop .btn.confirm,
.ckpopup .pop .btn.confirm {
  margin-top: 1.5rem;
  color: #ffffff;
  background: #38ca3a;
  border: 0.083rem solid #38ca3a;
}
.popup .pop .apple,
.attention_pop .pop .apple,
.ckpopup .pop .apple {
  font-size: 1rem;
  color: #999999;
  margin-top: 1.167rem;
  text-decoration: underline;
}
.popup .pop .confirm,
.attention_pop .pop .confirm,
.ckpopup .pop .confirm {
  width: 21.833rem;
  height: 3.333rem;
  text-align: center;
  line-height: 3.333rem;
  font-weight: bold;
  font-size: 1.333rem;
  color: #ffffff;
  background: #47b69d;
  border-radius: 1.667rem;
  margin-top: 1.667rem;
}
.popup .pop .remind,
.attention_pop .pop .remind,
.ckpopup .pop .remind {
  display: flex;
  font-size: 0.833rem;
  margin-top: 5px;
}
.popup .pop .remind span,
.attention_pop .pop .remind span,
.ckpopup .pop .remind span {
  display: block;
  color: #e24939;
}
.popup .pop .remind span i,
.attention_pop .pop .remind span i,
.ckpopup .pop .remind span i {
  color: #e24939;
}
.popup .pop .remind div,
.attention_pop .pop .remind div,
.ckpopup .pop .remind div {
  flex: 1;
  color: #181818;
}
.popup.attention_pop .mobile,
.attention_pop.attention_pop .mobile,
.ckpopup.attention_pop .mobile {
  width: 4rem;
  height: 4.167rem;
}
.popover {
  position: fixed;
  width: 100%;
  height: 100vh;
  max-width: 769px;
  min-width: 320px;
  display: none;
  background-color: rgba(0, 0, 0, 0.5);
}
.popover .con {
  width: 25rem;
  display: flex;
  flex-direction: column;
  align-items: center;
  padding: 2.5rem 1.333rem 1.333rem;
  background: linear-gradient(180deg, #d6faf0 0%, #ffffff 100%);
  border-radius: 0.333rem;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}
.popover .con .lb {
  width: 5.333rem;
  height: 5.5rem;
  position: absolute;
  top: -2.583rem;
}
.popover .con .text {
  font-weight: bold;
  font-size: 1.333rem;
  color: #181818;
  margin-top: 0.833rem;
}
.popover .con .desc {
  font-size: 1.167rem;
  color: #181818;
}
.popover .con .desc span {
  color: #e24939;
}
.popover .con .button {
  width: 100%;
  display: flex;
  justify-content: space-between;
  margin-top: 1.667rem;
}
.popover .con .button > span {
  width: 48%;
  height: 3.333rem;
  display: flex;
  justify-content: center;
  align-items: center;
  font-size: 1.333rem;
  color: #4a4a4a;
  background: #eeeeee;
  border-radius: 0.5rem;
}
.popover .con .button > span.confirm {
  font-weight: bold;
  font-size: 1.333rem;
  color: #ffffff;
  background: #00c090;
}
.popover .con .tip1 {
  width: 100%;
  font-size: 1rem;
  color: #999999;
  margin-top: 1rem;
  text-align: left;
}
.popover .con .tip1 span {
  color: #e24939;
}
.popover .con .tip2 {
  width: 100%;
  font-size: 0.917rem;
  color: #181818;
  text-align: left;
  margin-top: 0.5rem;
}
.popover .con .tip2 span {
  color: #e24939;
}
.pay_type {
  width: 100%;
  display: flex;
  justify-content: space-between;
  margin-top: 1.667rem;
}
.pay_type .item {
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  width: 30.5%;
  height: 11.5rem;
  padding: 0.833rem 0rem 0;
  background: #ffffff;
  box-shadow: 0 0.083rem 0.333rem 0 #e0e0e0;
  border-radius: 0.5rem;
  border: 0.083rem solid #e0e0e0;
}
.pay_type .item .til {
  display: flex;
  justify-content: center;
  align-items: baseline;
  font-size: 1.167rem;
  color: #181818;
}
.pay_type .item .til span {
  font-size: 1rem;
  color: #999999;
}
.pay_type .item .hint {
  color: #999999;
  font-size: 0.833rem;
  text-align: center;
  margin-top: 0.217rem;
}
.pay_type .item .n_price {
  display: flex;
  justify-content: center;
  align-items: baseline;
  margin-top: 0.333rem;
}
.pay_type .item .n_price i {
  font-weight: bold;
  font-size: 1rem;
  color: #f16f25;
}
.pay_type .item .n_price span {
  font-size: 2.167rem;
  color: #f16f25;
}
.pay_type .item .o_price {
  display: flex;
  justify-content: center;
  font-size: 1rem;
  color: #999999;
  text-decoration: line-through;
}
.pay_type .item .ck {
  margin-top: 0.383rem;
}
.pay_type .item .ck span {
  display: flex;
  justify-content: center;
  font-size: 1rem;
  color: #999999;
}
.pay_type .item .bot {
  display: flex;
  justify-content: center;
  align-items: center;
  height: 1.833rem;
  font-size: 1rem;
  color: #948272;
  margin-top: 0.25rem;
  background: #fff9ed;
  border-radius: 0 0 0.3rem 0.3rem;
}
.pay_type .item.active {
  width: 34%;
  background: linear-gradient(93deg, #fef3c5 0%, #f8dac0 100%);
  border: 0.167rem solid #f9b180;
}
.pay_type .item.active .til {
  font-weight: bold;
  font-size: 1.333rem;
  color: #852a0a;
}
.pay_type .item.active .til span {
  font-weight: normal;
  font-size: 1rem;
  color: #852a0a;
}
.pay_type .item.active .n_price i {
  font-weight: bold;
}
.pay_type .item.active .n_price span {
  font-weight: bold;
  font-size: 2.667rem;
  color: #f16f25;
}
.pay_type .item.active .bot {
  width: 100%;
  color: #ffffff;
  background: #f49746;
}
.pay_type .item.active .ck span {
  color: #f16f25;
}
.pay_type .item.ghs {
  position: relative;
  padding-top: 1.0899rem;
}
.pay_type .item.ghs .n_price {
  margin-top: 0;
}
.pay_type .item.ghs::after {
  display: inline-block;
  content: "更划算";
  width: 2.917rem;
  height: 1.333rem;
  text-align: center;
  line-height: 1.333rem;
  font-weight: bold;
  font-size: 0.833rem;
  color: #ffffff;
  position: absolute;
  top: 0;
  right: 0;
  background: linear-gradient(180deg, #ff807e 0%, #ff4948 100%);
  border-radius: 0 0.333rem 0 0.583rem;
}
.popalert {
  width: 23rem;
  padding: 0.833rem 2rem;
  position: fixed;
  bottom: -55rem;
  left: 50%;
  transform: translate(-50%, -50%);
  text-align: center;
  background-color: #ffffff;
  border-radius: 0.6rem;
  transition: all 0.3s;
  box-shadow: 0 0.167rem 0.833rem 0 rgba(207, 207, 207, 0.39), 0 -0.167rem 0.833rem 0 rgba(207, 207, 207, 0.39);
  z-index: 99999;
}
.popalert.show {
  bottom: 12.5rem;
  transition: all 0.3s;
}
.popalert > div {
  display: flex;
}
.popalert > div .be {
  width: 1.5rem;
  height: 1.5rem;
  border-radius: 50%;
  color: #5398fd;
  border: 0.167rem solid #5398fd;
  margin-right: 0.667rem;
  font-size: 1.167rem;
  font-weight: bold;
  display: flex;
  align-items: center;
  justify-content: center;
}
.popalert > div.error .be {
  color: #c60000;
  border: 0.167rem solid #c60000;
}
.popalert > div.success > .be {
  color: #80c957;
  border: 0.167rem solid #80c957;
}
.popalert > div.warn > .be {
  color: #e0a444;
  border: 0.167rem solid #e0a444;
}
.popalert > div .mes {
  flex: 1;
  font-size: 1.167rem;
  display: flex;
  align-items: center;
}
.tip_tk{
    margin-top:5px;
    font-weight:bold;
    color:#c60000;
}
@media screen and (max-width: 373px) {
  html {
    font-size: 11px;
  }
}
@media screen and (min-width: 374px) {
  html {
    font-size: 12px;
  }
}
@media screen and (min-width: 413px) {
  html {
    font-size: 13px;
  }
}
@media screen and (min-width: 540px) {
  html {
    font-size: 14px;
  }
}
@media screen and (min-width: 580px) {
  html {
    font-size: 15px;
  }
}