@charset "UTF-8";
/*定义字体*/
@font-face {
  font-family: MEDIUM_0;
  src: url("../iconfont/MEDIUM_0.ttf");
}
/*定义显示一行*/
/* CSS Document */
/* 项目名称：流量APP*/
/* 100% width */
/* line 6, ../sass/mixins/_base.scss */
html {
  height: 100%;
}

/* line 7, ../sass/mixins/_base.scss */
body {
  height: 100%;
  background: #f7f8f8;
}

/* line 9, ../sass/mixins/_base.scss */
body, dd, dl, dt, fieldset, form, h1, h2, h3, h4, h5, h6, html, img, legend, li, ol, p, ul {
  margin: 0;
  padding: 0;
}

/* line 10, ../sass/mixins/_base.scss */
fieldset, img {
  border: 0;
}

/* line 11, ../sass/mixins/_base.scss */
img {
  display: block;
}

/* line 12, ../sass/mixins/_base.scss */
address, caption, cite, code, dfn, th, var {
  font-style: normal;
  font-weight: 400;
}

/* line 13, ../sass/mixins/_base.scss */
ol, ul {
  list-style: none;
}

/* line 14, ../sass/mixins/_base.scss */
input {
  padding-top: 0;
  padding-bottom: 0;
}

/* line 15, ../sass/mixins/_base.scss */
a {
  color: #393939;
}

/* line 16, ../sass/mixins/_base.scss */
a:focus, a:hover {
  text-decoration: none !important;
  color: #393939;
}

/* line 17, ../sass/mixins/_base.scss */
hr {
  margin: .5rem 0;
}

/* line 19, ../sass/mixins/_base.scss */
.img {
  width: 100%;
}

/* line 21, ../sass/mixins/_base.scss */
.color-gray {
  color: #888;
}

/* line 22, ../sass/mixins/_base.scss */
.padding-0-sm {
  padding: 0 10px;
}

/* line 23, ../sass/mixins/_base.scss */
.padding-sm {
  padding: 10px 0;
}

/* line 24, ../sass/mixins/_base.scss */
.padding-bottom-sm {
  padding-bottom: 10px;
}

/* line 25, ../sass/mixins/_base.scss */
.margin-right-xs {
  margin: 0 5px 0 0;
}

/* line 26, ../sass/mixins/_base.scss */
.margin-right-sm {
  margin: 0 10px 0 0;
}

/* line 28, ../sass/mixins/_base.scss */
.container {
  padding-right: 10px;
  padding-left: 10px;
}

/* line 32, ../sass/mixins/_base.scss */
.row {
  margin-right: -10px;
  margin-left: -10px;
}

/* line 37, ../sass/mixins/_base.scss */
.padding-0 {
  padding: 0;
}

/* line 38, ../sass/mixins/_base.scss */
.padding-left-xs {
  padding: 0 0 0 5px;
}

/* line 39, ../sass/mixins/_base.scss */
.border-b {
  border-bottom: solid 1px #e8e8e8;
}

/* line 40, ../sass/mixins/_base.scss */
.padding-top-sm {
  padding-top: 10px !important;
}

/* line 41, ../sass/mixins/_base.scss */
input, button {
  border: 0;
}

/* CSS Document */
/* 项目名称：流量APP*/
/* line 6, ../sass/mixins/_style.scss */
.top-box {
  position: relative;
  height: 3.75em;
  padding: 8px 15px;
  color: #fff;
  background-image: linear-gradient(to right, #4fe3f3, #4ebdfc);
}
/* line 12, ../sass/mixins/_style.scss */
.top-box .page-return {
  position: absolute;
  display: inline-block;
  width: 1.75rem;
  height: 1.75rem;
  left: .5em;
  top: .8em;
  font-size: 1.5em;
  color: #fff;
}
/* line 22, ../sass/mixins/_style.scss */
.top-box .page-top-right {
  position: absolute;
  display: inline-block;
  width: 1.75rem;
  height: 1.75rem;
  right: .5em;
  top: .8em;
  font-size: 1.5em;
  color: #fff;
}
/* line 32, ../sass/mixins/_style.scss */
.top-box h2 {
  padding-top: .4em;
  font-size: 2rem;
  font-weight: normal;
  text-align: center;
  width: 70%;
  margin: auto;
}

/*订购登录页*/
/* line 42, ../sass/mixins/_style.scss */
.pub-content {
  background-color: #fff;
  padding: 0px 15px;
  margin-top: 1rem;
}

/* line 47, ../sass/mixins/_style.scss */
.pub-title {
  position: relative;
  width: 60%;
  margin: auto;
  padding: 10px 0;
  font-size: 16px;
  text-align: center;
  color: #666;
  margin-bottom: -10px;
}
/* line 56, ../sass/mixins/_style.scss */
.pub-title span {
  position: relative;
  background: #f7f8f8;
  display: inline-block;
  padding: 0 10px;
  z-index: 10;
}
/* line 63, ../sass/mixins/_style.scss */
.pub-title:after {
  position: absolute;
  left: 0;
  top: 20px;
  height: 1px;
  width: 100%;
  border-top: solid 1px #e8e8e8;
  content: "";
  z-index: 9;
}

/* line 74, ../sass/mixins/_style.scss */
.login-icon {
  font-size: 5rem;
  text-align: center;
  color: #ffb32e;
}

/* line 79, ../sass/mixins/_style.scss */
.snacks-box {
  padding: 15px;
}

/* line 82, ../sass/mixins/_style.scss */
.snacks-md {
  position: relative;
  width: 85%;
  margin: auto;
  border: solid 1px #ffb32e;
  padding: 30px 20px 10px;
  border-radius: 20px;
  font-size: 14px;
  margin-top: 1rem;
}
/* line 91, ../sass/mixins/_style.scss */
.snacks-md .snacks-title {
  display: inline-block;
  width: 90%;
  left: 50%;
  margin-left: -45%;
  position: absolute;
  top: -25px;
  padding: 5px 10px 3px;
  border-radius: 20px;
  text-align: center;
  background: #ffb32e;
  color: #fff;
}
/* line 104, ../sass/mixins/_style.scss */
.snacks-md ul li {
  position: relative;
  font-size: 14px;
  border: none;
  padding: 3px 0 3px 5px;
}
/* line 109, ../sass/mixins/_style.scss */
.snacks-md ul li:after {
  display: block;
  width: 3px;
  height: 3px;
  position: absolute;
  top: 12px;
  left: 0px;
  border-radius: 50%;
  background: #999;
  content: "";
}

/* line 122, ../sass/mixins/_style.scss */
.login-box {
  width: 85%;
  margin: auto;
  padding: 10px 0 0;
}
/* line 126, ../sass/mixins/_style.scss */
.login-box .shuru {
  position: relative;
  outline: none;
  width: 100%;
  padding-bottom: 10px;
}
/* line 129, ../sass/mixins/_style.scss */
.login-box .shuru:focus {
  outline: none;
}
/* line 134, ../sass/mixins/_style.scss */
.login-box .shuru .phone-num {
  width: 100%;
  height: 40px;
  font-size: 1.4rem;
  color: #555;
  line-height: 40px;
  padding: 0 10px;
  border: solid 1px #e8e8e8;
  border-radius: 20px;
}
/* line 144, ../sass/mixins/_style.scss */
.login-box .shuru input:focus {
  border: solid 1px #ffb32e;
  outline: none;
}
/* line 148, ../sass/mixins/_style.scss */
.login-box .shuru .left {
  width: 55%;
}
/* line 151, ../sass/mixins/_style.scss */
.login-box .shuru .right {
  width: 43%;
}
/* line 154, ../sass/mixins/_style.scss */
.login-box .shuru .get-btn {
  position: absolute;
  right: 0;
  top: 0;
  width: 45%;
  height: 40px;
  font-size: 1.4rem;
  color: #ffb32e;
  line-height: 40px;
  text-align: center;
  border-left: solid 1px #e8e8e8;
  background: none;
}
/* line 167, ../sass/mixins/_style.scss */
.login-box .shuru.verification {
  line-height: 40px;
  color: #959595;
}
/* line 170, ../sass/mixins/_style.scss */
.login-box .shuru.verification img {
  height: 15px;
  margin-right: 2px;
  display: inline-block;
}
/* line 176, ../sass/mixins/_style.scss */
.login-box .shuru .pic-yz {
  display: block;
  width: 100px;
  height: 40px;
  line-height: 40px;
  font-size: 20px;
  font-weight: 700;
  text-align: center;
  float: right;
  background: #ffb32e;
  color: #fff;
  font-family: MEDIUM_0;
}
/* line 189, ../sass/mixins/_style.scss */
.login-box .shuru .pic-input {
  margin-right: 110px;
}
/* line 193, ../sass/mixins/_style.scss */
.login-box .yzm-box {
  text-align: center;
  padding: .5rem 0 1rem;
}

/* line 198, ../sass/mixins/_style.scss */
.denglu-btn {
  display: block;
  width: 40%;
  margin: 1rem auto 0;
  height: 40px;
  font-size: 1.4rem;
  color: #fff;
  line-height: 40px;
  text-align: center;
  border-radius: 5px;
  background: #ffb32e;
}
/* line 209, ../sass/mixins/_style.scss */
.denglu-btn:focus, .denglu-btn:visited {
  color: #fff;
}

/*弹窗*/
/* line 216, ../sass/mixins/_style.scss */
.popup .popup-bg {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: rgba(0, 0, 0, 0.8);
  z-index: 998;
}
/* line 225, ../sass/mixins/_style.scss */
.popup .popup-content {
  position: fixed;
  top: 20%;
  left: 5%;
  width: 90%;
  margin: auto;
  background: #fff;
  border-radius: 5px;
  padding: 10px 2rem;
  z-index: 999;
}
/* line 235, ../sass/mixins/_style.scss */
.popup .popup-content .pub-title {
  margin-bottom: 0;
}
/* line 237, ../sass/mixins/_style.scss */
.popup .popup-content .pub-title span {
  background: #fff;
  color: #999;
}
/* line 242, ../sass/mixins/_style.scss */
.popup .popup-content h4 {
  text-align: center;
}
/* line 245, ../sass/mixins/_style.scss */
.popup .popup-content .pup-sm-text {
  text-align: center;
  padding: 1rem 0 .5rem;
  color: #999;
  font-size: 14px;
}
/* line 251, ../sass/mixins/_style.scss */
.popup .popup-content .pup-btn-box {
  text-align: center;
}
/* line 253, ../sass/mixins/_style.scss */
.popup .popup-content .pup-btn-box .pup-btn {
  display: inline-block;
  width: 40%;
  margin: 1rem;
  height: 40px;
  font-size: 1.4rem;
  color: #fff;
  line-height: 40px;
  text-align: center;
  border-radius: 5px;
  background: #ffb32e;
}
/* line 266, ../sass/mixins/_style.scss */
.popup .popup-content .close-btn {
  position: absolute;
  display: block;
  right: 5px;
  top: 5px;
  width: 30px;
  height: 30px;
  line-height: 25px;
  text-align: center;
  color: #999;
  font-size: 30px;
}

/*订购页*/
/* line 282, ../sass/mixins/_style.scss */
.flow-title {
  padding: 10px 15px;
  background: #fff;
}
/* line 285, ../sass/mixins/_style.scss */
.flow-title .flow-title-name {
  font-size: 18px;
}
/* line 287, ../sass/mixins/_style.scss */
.flow-title .flow-title-name span {
  position: relative;
  top: -2px;
  display: inline-block;
  background: #ffb32e;
  color: #fff;
  font-size: 12px;
  border-radius: 5px;
  padding: 2px 5px 0;
  margin-right: 5px;
}
/* line 299, ../sass/mixins/_style.scss */
.flow-title .flow-title-price {
  font-size: 30px;
  color: #ffb32e;
}

/* line 304, ../sass/mixins/_style.scss */
.flow-content {
  margin-top: 10px;
  padding: 10px 15px;
  background: #fff;
  line-height: 30px;
  font-size: 14px;
}
/* line 310, ../sass/mixins/_style.scss */
.flow-content i {
  position: relative;
  top: 2px;
  color: #ffb32e;
  font-size: 16px;
  margin-right: 3px;
}

/* line 318, ../sass/mixins/_style.scss */
.rule-btn {
  padding: 0 10px 10px 10px;
  text-align: right;
  background: #fff;
}
/* line 322, ../sass/mixins/_style.scss */
.rule-btn a {
  display: inline-block;
  font-size: 14px;
  color: #fff;
  padding: 5px 10px 3px;
  border-radius: 5px;
  color: #4ebefc;
  font-weight: 700;
  text-decoration: underline;
}
/* line 331, ../sass/mixins/_style.scss */
.rule-btn a i {
  font-size: 12px;
  margin-left: 2px;
}

/* line 337, ../sass/mixins/_style.scss */
.order-btn {
  height: 40px;
}
/* line 339, ../sass/mixins/_style.scss */
.order-btn .denglu-btn {
  position: relative;
  width: 100%;
  bottom: 0;
  border-radius: 0;
  color: #fff;
}

/* line 347, ../sass/mixins/_style.scss */
.rule-popup {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: #f7f8f8;
  overflow-y: scroll;
  z-index: 1000;
}
/* line 356, ../sass/mixins/_style.scss */
.rule-popup .rule-module {
  margin-top: 10px;
  background: #fff;
  padding: 0 15px;
}
/* line 361, ../sass/mixins/_style.scss */
.rule-popup .rule-module .pub-title span {
  background: #fff;
}
/* line 365, ../sass/mixins/_style.scss */
.rule-popup .rule-module .rule-text {
  padding: 10px 0;
  line-height: 22px;
}
/* line 368, ../sass/mixins/_style.scss */
.rule-popup .rule-module .rule-text span {
  color: #999;
  margin: 0 3px;
}
/* line 374, ../sass/mixins/_style.scss */
.rule-popup .rule-bottom-md {
  padding: 2rem 0 10px;
  text-align: center;
  background: #fff;
}
/* line 379, ../sass/mixins/_style.scss */
.rule-popup .rule-close-btn {
  display: inline-block;
  font-size: 3rem;
  color: #999;
}

/*流量包订购*/
/* line 387, ../sass/mixins/_style.scss */
.order-box .order-sort {
  float: left;
  width: 70px;
  box-shadow: 3px 0 3px #e8f3ff;
}
/* line 392, ../sass/mixins/_style.scss */
.order-box .order-sort ul li {
  position: relative;
  font-size: 14px;
  line-height: 2rem;
  color: #9fa0a0;
  text-align: center;
  padding: 15px 0;
  border-bottom: solid 1px #e8e8e8;
  height: 70px;
}
/* line 401, ../sass/mixins/_style.scss */
.order-box .order-sort ul li i {
  font-size: 18px;
}
/* line 404, ../sass/mixins/_style.scss */
.order-box .order-sort ul li.active {
  background: #fff;
  box-shadow: 5px 0 5px #deeeff;
  color: #4ebefc;
  font-size: 16px;
}
/* line 409, ../sass/mixins/_style.scss */
.order-box .order-sort ul li.active:after {
  position: absolute;
  top: 30px;
  right: -14px;
  border: 8px solid transparent;
  border-left-color: #fff;
  width: 0;
  height: 0;
  z-index: 10;
  content: "";
}
/* line 424, ../sass/mixins/_style.scss */
.order-box .order-content {
  margin-left: 80px;
}

/* line 428, ../sass/mixins/_style.scss */
.order-package-md {
  padding-top: 10px;
}
/* line 430, ../sass/mixins/_style.scss */
.order-package-md .package-label {
  padding: 0 0 10px 2%;
}
/* line 432, ../sass/mixins/_style.scss */
.order-package-md .package-label span {
  position: relative;
  display: inline-block;
  background: #ffb32e;
  font-size: 12px;
  color: #fff;
  padding: 2px 5px 0;
  height: 20px;
}
/* line 440, ../sass/mixins/_style.scss */
.order-package-md .package-label span:after {
  content: "";
  position: absolute;
  display: block;
  top: 0px;
  border: 10px solid #ffb32e;
  right: -14px;
  border-left-width: 5px;
  border-right-color: transparent;
}
/* line 452, ../sass/mixins/_style.scss */
.order-package-md .package-title {
  position: relative;
  font-size: 16px;
  color: #4ebefc;
  padding: 0 0 10px 8px;
  margin-left: 2%;
}
/* line 458, ../sass/mixins/_style.scss */
.order-package-md .package-title:after {
  position: absolute;
  top: 2px;
  left: 0px;
  width: 3px;
  height: 15px;
  content: "";
  background: #4ebefc;
  border-radius: 3px;
}
/* line 469, ../sass/mixins/_style.scss */
.order-package-md ul {
  display: inline-block;
  width: 100%;
}
/* line 472, ../sass/mixins/_style.scss */
.order-package-md ul li {
  float: left;
  margin: 0 2% 10px;
  width: 46%;
  background: #fff;
  border: solid 1px #e8e8e8;
  border-radius: 5px;
  text-align: center;
  height: 77px;
  overflow: hidden;
}
/* line 482, ../sass/mixins/_style.scss */
.order-package-md ul li h5 {
  font-size: 14px;
  font-weight: 400;
  line-height: 30px;
  height: 30px;
  overflow: hidden;
}
/* line 489, ../sass/mixins/_style.scss */
.order-package-md ul li .package-text {
  font-size: 13px;
  line-height: 20px;
  color: #999;
  height: 20px;
  overflow: hidden;
}
/* line 496, ../sass/mixins/_style.scss */
.order-package-md ul li .package-price {
  font-size: 16px;
  line-height: 25px;
  color: #4ebefc;
  background: #f7f8f8;
  height: 25px;
  overflow: hidden;
}
/* line 505, ../sass/mixins/_style.scss */
.order-package-md ul li.active .package-price {
  color: #fff;
  background: #4ebefc;
}
/* line 511, ../sass/mixins/_style.scss */
.order-package-md ul .newbao {
  height: 97px;
}
/* line 513, ../sass/mixins/_style.scss */
.order-package-md ul .newbao h5 {
  font-weight: 400;
  line-height: 22px;
  height: 50px;
  padding: 5px 0;
  word-wrap: break-word;
}

/*积分竞换*/
/* line 525, ../sass/mixins/_style.scss */
.integral-btn {
  padding: 1rem 0;
}
/* line 527, ../sass/mixins/_style.scss */
.integral-btn .integral-ts-text {
  text-align: center;
  font-size: 14px;
  color: #999;
  padding-top: 1rem;
}

/* line 534, ../sass/mixins/_style.scss */
.integral-title {
  margin: 0 -15px 1rem;
  background: #4ebefc;
}
/* line 537, ../sass/mixins/_style.scss */
.integral-title .pub-title {
  margin-bottom: 0;
}
/* line 539, ../sass/mixins/_style.scss */
.integral-title .pub-title span {
  background: #4ebefc;
  color: #fff;
}
/* line 542, ../sass/mixins/_style.scss */
.integral-title .pub-title span i {
  margin-right: 3px;
}

/*首页*/
/* line 549, ../sass/mixins/_style.scss */
.flow-prompt {
  padding: 7px 5px 5px;
  background: #fff;
  color: #ff704f;
  font-size: 13px;
}
/* line 554, ../sass/mixins/_style.scss */
.flow-prompt a {
  color: #999;
}
/* line 556, ../sass/mixins/_style.scss */
.flow-prompt a i {
  margin: 0 2px;
}
/* line 560, ../sass/mixins/_style.scss */
.flow-prompt .flow-look {
  float: right;
}
/* line 562, ../sass/mixins/_style.scss */
.flow-prompt .flow-look i {
  font-size: 10px;
}

/* line 567, ../sass/mixins/_style.scss */
.promote-box {
  background: #fff;
  padding: 0 5px;
}
/* line 571, ../sass/mixins/_style.scss */
.promote-box ul li {
  float: left;
  width: 33.333333%;
  padding: 10px 5px;
  text-align: center;
}
/* line 576, ../sass/mixins/_style.scss */
.promote-box ul li a {
  display: block;
  background: #f7f8f8;
  border-radius: 5px;
  height: 100%;
}
/* line 582, ../sass/mixins/_style.scss */
.promote-box ul li a, .promote-box ul li a:hover, .promote-box ul li a:focus, .promote-box ul li a:visited {
  color: #393939;
}
/* line 583, ../sass/mixins/_style.scss */
.promote-box ul li h4 {
  font-size: 14px;
  font-weight: 700;
  padding: 10px 0 0;
}
/* line 588, ../sass/mixins/_style.scss */
.promote-box ul li .promote-text {
  font-size: 12px;
  line-height: 20px;
}
/* line 592, ../sass/mixins/_style.scss */
.promote-box ul li .promote-img {
  padding: 5px 0;
}
/* line 594, ../sass/mixins/_style.scss */
.promote-box ul li .promote-img img {
  margin: auto;
  width: 80%;
}
/* line 599, ../sass/mixins/_style.scss */
.promote-box ul li .promote-price {
  font-size: 16px;
  line-height: 25px;
  color: #ffb32e;
  padding-bottom: 5px;
}

/* line 608, ../sass/mixins/_style.scss */
.promote-bottom {
  text-align: right;
  padding: 0 10px 10px;
}
/* line 612, ../sass/mixins/_style.scss */
.promote-bottom .promote-btn {
  color: #999;
  font-size: 12px;
  display: inline-block;
  text-align: right;
}
/* line 617, ../sass/mixins/_style.scss */
.promote-bottom .promote-btn i {
  font-size: 10px;
  margin-left: 3px;
}

/* line 623, ../sass/mixins/_style.scss */
.promote-pup {
  padding-bottom: 5px;
}
/* line 625, ../sass/mixins/_style.scss */
.promote-pup .promote-tit {
  color: #ffb32e;
}

/* line 630, ../sass/mixins/_style.scss */
.order-category-box {
  background: #fff;
  padding: 10px 10px 0;
  margin-top: 10px;
}

/* line 636, ../sass/mixins/_style.scss */
.order-category-title .category-name {
  float: left;
  position: relative;
  font-size: 16px;
  color: #393939;
  padding: 0 0 5px 8px;
}
/* line 642, ../sass/mixins/_style.scss */
.order-category-title .category-name:after {
  position: absolute;
  top: 2px;
  left: 0px;
  width: 3px;
  height: 15px;
  content: "";
  background: #4ebefc;
  border-radius: 3px;
}
/* line 653, ../sass/mixins/_style.scss */
.order-category-title .category-label {
  margin-left: 5px;
  float: left;
}
/* line 656, ../sass/mixins/_style.scss */
.order-category-title .category-label span {
  position: relative;
  display: inline-block;
  background: #4ebefc;
  font-size: 12px;
  color: #fff;
  padding: 2px 5px 1px;
}
/* line 663, ../sass/mixins/_style.scss */
.order-category-title .category-label span:after {
  content: "";
  position: absolute;
  display: block;
  top: 0px;
  border: 10px solid #4ebefc;
  right: -12px;
  border-left-width: 5px;
  border-right-color: transparent;
}

/* line 676, ../sass/mixins/_style.scss */
.order-category-content {
  position: relative;
}
/* line 678, ../sass/mixins/_style.scss */
.order-category-content .order-category-btn {
  display: block;
  position: absolute;
  width: 25px;
  top: 0;
  right: 0;
  text-align: center;
  background: #f7f8f8;
  color: #999;
  border: solid 1px #e8e8e8;
  border-radius: 3px;
  height: 80px;
  line-height: 80px;
  font-size: 12px;
  z-index: 100;
}
/* line 694, ../sass/mixins/_style.scss */
.order-category-content .order-category-list {
  position: relative;
  height: 80px;
  margin-bottom: 15px;
  width: 100%;
  padding-right: 25px;
}
/* line 701, ../sass/mixins/_style.scss */
.order-category-content .order-category-list ul li {
  position: relative;
  float: left;
  padding-right: 5px;
  text-align: center;
  width: 33.333333%;
}
/* line 707, ../sass/mixins/_style.scss */
.order-category-content .order-category-list ul li a {
  position: relative;
  display: inline-block;
  width: 100%;
  height: 80px;
  border: solid 1px #e8e8e8;
  border-radius: 5px;
}
/* line 715, ../sass/mixins/_style.scss */
.order-category-content .order-category-list ul li .hot {
  position: absolute;
  right: 1px;
  top: 1px;
  width: 20px;
  height: 20px;
  z-index: 100;
}
/* line 722, ../sass/mixins/_style.scss */
.order-category-content .order-category-list ul li .hot img {
  width: 100%;
}
/* line 726, ../sass/mixins/_style.scss */
.order-category-content .order-category-list ul li h5 {
  font-size: 16px;
  font-weight: 400;
  line-height: 30px;
  height: 30px;
  overflow: hidden;
}
/* line 733, ../sass/mixins/_style.scss */
.order-category-content .order-category-list ul li .package-text {
  font-size: 13px;
  line-height: 23px;
  color: #999;
  height: 23px;
  overflow: hidden;
}
/* line 740, ../sass/mixins/_style.scss */
.order-category-content .order-category-list ul li .package-price {
  position: relative;
  bottom: 0;
  left: 0;
  font-size: 16px;
  line-height: 25px;
  color: #fff;
  background: #4ebefc;
  height: 25px;
  overflow: hidden;
  border-radius: 0 0 5px 5px;
}
/* line 755, ../sass/mixins/_style.scss */
.order-category-content .twolist ul li h5 {
  padding: 12px 0 11px;
  height: 53px;
}

/* line 760, ../sass/mixins/_style.scss */
.bottom-md {
  margin-top: 10px;
  background: #fff;
}

/* line 765, ../sass/mixins/_style.scss */
.bottom-md-db .db-img {
  width: 70%;
  float: left;
}
/* line 768, ../sass/mixins/_style.scss */
.bottom-md-db .db-img a {
  width: 7rem;
  float: left;
}
/* line 772, ../sass/mixins/_style.scss */
.bottom-md-db .db-img .db-name {
  padding-top: 10px;
  margin-left: 7rem;
  font-size: 12px;
}
/* line 776, ../sass/mixins/_style.scss */
.bottom-md-db .db-img .db-name p {
  font-size: 20px;
}
/* line 781, ../sass/mixins/_style.scss */
.bottom-md-db .db-right {
  padding-right: 10px;
  float: left;
  width: 30%;
  text-align: right;
  padding-bottom: 10px;
}
/* line 787, ../sass/mixins/_style.scss */
.bottom-md-db .db-right p {
  font-size: 14px;
  padding-top: 8px;
  color: #4ebefc;
}
/* line 792, ../sass/mixins/_style.scss */
.bottom-md-db .db-right .db-btn {
  display: inline-block;
  margin-top: 3px;
  font-size: 16px;
  color: #fff;
  padding: 5px 10px 3px;
  text-align: center;
  border-radius: 3px;
  background: #4ebefc;
}

/* line 805, ../sass/mixins/_style.scss */
.bottom-md2 {
  padding: 10px 10px 10px 0;
  background: url("../../images/index-bottom-bg1.jpg") no-repeat;
  background-size: 100% 100%;
}

/* line 812, ../sass/mixins/_style.scss */
.foot-box {
  position: fixed;
  border-top: solid 1px #e8e8e8;
  width: 100%;
  left: 0;
  bottom: 0;
  height: 3.5em;
  background: #fff;
  z-index: 999;
}
/* line 821, ../sass/mixins/_style.scss */
.foot-box ul {
  width: 80%;
  margin: auto;
}
/* line 824, ../sass/mixins/_style.scss */
.foot-box ul li {
  float: left;
  width: 33.3333%;
  text-align: center;
}
/* line 829, ../sass/mixins/_style.scss */
.foot-box ul li a {
  color: #888;
  display: block;
  width: 100%;
  height: 3.5em;
  padding-top: 7px;
}
/* line 835, ../sass/mixins/_style.scss */
.foot-box ul li a i {
  font-size: 1.5em;
}
/* line 838, ../sass/mixins/_style.scss */
.foot-box ul li a p {
  font-size: 12px;
  margin-top: -3px;
}
/* line 843, ../sass/mixins/_style.scss */
.foot-box ul li:last-child {
  border-right: 0;
}
/* line 847, ../sass/mixins/_style.scss */
.foot-box ul li.active i {
  background-image: linear-gradient(to bottom, #4fe3f3, #4ebdfc);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
}
/* line 852, ../sass/mixins/_style.scss */
.foot-box ul li.active p {
  color: #4ebefc;
}

/* line 859, ../sass/mixins/_style.scss */
.foot-zw {
  height: 3.5em;
}

/*加载中*/
/* line 864, ../sass/mixins/_style.scss */
.user-load {
  position: absolute;
  left: 50%;
  margin-left: -50px;
  top: 50%;
  margin-top: -65px;
  width: 100px;
  height: 70px;
  padding: 10px;
  text-align: center;
  background: rgba(255, 255, 255, 0.7);
  color: #9f9f9f;
  font-size: 12px;
  z-index: 1003;
  border-radius: 5px;
}
/* line 879, ../sass/mixins/_style.scss */
.user-load p {
  padding-top: 5px;
}
/* line 882, ../sass/mixins/_style.scss */
.user-load img {
  width: 30px;
  margin: auto;
}

/* line 888, ../sass/mixins/_style.scss */
.gmb-ban {
  position: relative;
}
/* line 890, ../sass/mixins/_style.scss */
.gmb-ban .gmb-search-box {
  position: absolute;
  left: 7.5%;
  top: 10%;
  width: 85%;
  padding: 10px  20px;
  background: #fff;
  border-radius: 20px;
  height: 40px;
  font-size: 14px;
  z-index: 100;
}
/* line 901, ../sass/mixins/_style.scss */
.gmb-ban .gmb-search-box .gmb-search {
  height: 20px;
  line-height: 20px;
  overflow: hidden;
}
/* line 906, ../sass/mixins/_style.scss */
.gmb-ban .gmb-search-box i {
  margin-right: 3px;
}
/* line 909, ../sass/mixins/_style.scss */
.gmb-ban .gmb-search-box .country {
  color: #ffb32e;
  padding-right: 1rem;
  margin-right: 1rem;
  border-right: solid 1px #e8e8e8;
}
/* line 916, ../sass/mixins/_style.scss */
.gmb-ban .gmb-search-box .search-text {
  color: #888;
}

/* line 921, ../sass/mixins/_style.scss */
.country-list {
  padding: 10px 15px 0;
  background: #fff;
}
/* line 925, ../sass/mixins/_style.scss */
.country-list ul li {
  float: left;
  width: 33.333333%;
  margin-bottom: 10px;
}
/* line 929, ../sass/mixins/_style.scss */
.country-list ul li a {
  position: relative;
  display: block;
  padding: 0 5px;
  color: #fff;
}
/* line 934, ../sass/mixins/_style.scss */
.country-list ul li a .country-name {
  position: absolute;
  display: block;
  font-size: 14px;
  text-align: center;
  bottom: 0px;
  right: 10px;
}
/* line 943, ../sass/mixins/_style.scss */
.country-list ul li img {
  width: 100%;
}

/* line 949, ../sass/mixins/_style.scss */
.btn-zw {
  width: 100%;
  height: 50px;
}

/* line 950, ../sass/mixins/_style.scss */
.gmb-btn {
  position: fixed;
  width: 100%;
  bottom: 0;
  display: block;
  background: #ffb32e;
  color: #fff;
  height: 50px;
  line-height: 50px;
  text-align: center;
  font-size: 16px;
  z-index: 10;
}

/* line 963, ../sass/mixins/_style.scss */
.country-up-box {
  background: #fff;
  padding: 10px 15px;
}
/* line 967, ../sass/mixins/_style.scss */
.country-up-box .country-up-list .country-up-title {
  position: relative;
  padding-bottom: 5px;
}
/* line 970, ../sass/mixins/_style.scss */
.country-up-box .country-up-list .country-up-title span {
  position: relative;
  background: #fff;
  display: inline-block;
  z-index: 10;
}
/* line 976, ../sass/mixins/_style.scss */
.country-up-box .country-up-list .country-up-title .country-bt {
  font-size: 16px;
  padding-right: 5px;
}
/* line 980, ../sass/mixins/_style.scss */
.country-up-box .country-up-list .country-up-title .country-more {
  float: right;
  font-size: 12px;
  border: solid 1px #e8e8e8;
  padding: 3px 5px 0;
  border-radius: 3px;
  color: #bdbdbd;
}
/* line 988, ../sass/mixins/_style.scss */
.country-up-box .country-up-list .country-up-title:after {
  position: absolute;
  top: 10px;
  width: 100%;
  height: 1px;
  content: "";
  background: #e8e8e8;
  z-index: 9;
}
/* line 998, ../sass/mixins/_style.scss */
.country-up-box .country-up-list ul {
  margin: 0 -5px;
  padding-bottom: 5px;
}
/* line 1001, ../sass/mixins/_style.scss */
.country-up-box .country-up-list ul li {
  text-align: center;
  float: left;
  width: 33.333333%;
}
/* line 1005, ../sass/mixins/_style.scss */
.country-up-box .country-up-list ul li a {
  display: block;
  border: solid 1px #e8e8e8;
  padding: 5px 0 3px;
  border-radius: 5px;
  font-size: 14px;
  margin: 0 5px 10px;
}
/* line 1013, ../sass/mixins/_style.scss */
.country-up-box .country-up-list ul li.active a {
  border: solid 1px #ffb32e;
  background: #ffb32e;
  color: #fff;
}
/* line 1021, ../sass/mixins/_style.scss */
.country-up-box .country-up-list.countrysix ul li:nth-child(n+7) {
  display: none;
}

/* line 1028, ../sass/mixins/_style.scss */
.gmb-order-md {
  background: #fff;
  padding: 10px 15px;
}
/* line 1031, ../sass/mixins/_style.scss */
.gmb-order-md .gmb-order-title {
  padding-bottom: 10px;
  color: #ffb32e;
  font-size: 16px;
  text-align: center;
}
/* line 1039, ../sass/mixins/_style.scss */
.gmb-order-md .gmb-order-list ul li {
  float: left;
  text-align: center;
}
/* line 1042, ../sass/mixins/_style.scss */
.gmb-order-md .gmb-order-list ul li a {
  position: relative;
  display: block;
  padding: 5px 0 3px;
  width: 140px;
  margin: auto;
  border: solid 1px #e8e8e8;
  font-size: 14px;
  border-radius: 5px;
}
/* line 1052, ../sass/mixins/_style.scss */
.gmb-order-md .gmb-order-list ul li.active a {
  border: solid 1px #ffb32e;
  color: #ffb32e;
}
/* line 1055, ../sass/mixins/_style.scss */
.gmb-order-md .gmb-order-list ul li.active a:after {
  position: absolute;
  content: "";
  right: 0;
  bottom: 0;
  width: 20px;
  height: 15px;
  background: url("../../images/gmb-order-icon.png") no-repeat;
  background-size: 100% 100%;
  z-index: 10;
  border-radius: 0 0  3px 0;
}
/* line 1072, ../sass/mixins/_style.scss */
.gmb-order-md .gmb-order-text p {
  padding-bottom: 5px;
  font-size: 14px;
}
/* line 1075, ../sass/mixins/_style.scss */
.gmb-order-md .gmb-order-text p span {
  display: inline-block;
  width: 20px;
  line-height: 18px;
  height: 20px;
  text-align: center;
  border-radius: 50%;
  border: solid 1px #393939;
  margin-right: 3px;
  font-size: 12px;
}

/* line 1089, ../sass/mixins/_style.scss */
.gmb-sbai-text {
  text-align: center;
  font-size: 12px;
  color: #bdbdbd;
}

/* line 1094, ../sass/mixins/_style.scss */
.upsearch {
  position: relative;
  padding: 10px 15px;
}
/* line 1097, ../sass/mixins/_style.scss */
.upsearch .search-input {
  width: 100%;
  height: 40px;
  font-size: 1.4rem;
  color: #555;
  line-height: 40px;
  padding: 0 10px;
  border: solid 1px #e8e8e8;
  border-radius: 20px;
}
/* line 1106, ../sass/mixins/_style.scss */
.upsearch .search-input:focus {
  outline: none;
}
/* line 1110, ../sass/mixins/_style.scss */
.upsearch .search-btn {
  position: absolute;
  right: 20px;
  top: 10px;
  font-size: 16px;
  height: 40px;
  width: 40px;
  text-align: center;
  line-height: 40px;
  color: #888;
}

/*弹框*/
/* line 1124, ../sass/mixins/_style.scss */
.gg-popup .gg-popup-bg {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: rgba(0, 0, 0, 0.8);
  z-index: 200;
}

/* line 1125, ../sass/mixins/_style.scss */
.gg-popup .gg-popup-info {
  position: fixed;
  top: 5%;
  left: 2.5%;
  width: 95%;
  z-index: 201;
}

/* line 1126, ../sass/mixins/_style.scss */
.gg-text-box {
  position: relative;
  left: 1%;
  width: 77%;
  margin: auto;
  background: #fff;
  border-radius: 0 0 6px 6px;
  padding: 1rem;
}

/* line 1127, ../sass/mixins/_style.scss */
.gg-title-img {
  position: relative;
}

/* line 1128, ../sass/mixins/_style.scss */
.gg-img {
  max-height: 25rem;
  overflow: scroll;
}

/* line 1129, ../sass/mixins/_style.scss */
.gg-btn {
  display: block;
  height: 35px;
  line-height: 35px;
  font-size: 18px;
  background: #31b9f5;
  margin-top: 1rem;
  color: #fff;
  text-align: center;
}

/* line 1130, ../sass/mixins/_style.scss */
.gg-btn:active, .gg-btn:hover, .gg-btn:visited {
  color: #fff;
}

/* line 1131, ../sass/mixins/_style.scss */
.gg-popup-content {
  position: relative;
  width: 90%;
  margin: auto;
  background: #fff;
  border-radius: 5px;
  padding: 2rem 2rem 1.5rem;
}

/* line 1132, ../sass/mixins/_style.scss */
.gg-close-btn {
  position: absolute;
  display: block;
  right: 30px;
  top: 5px;
  width: 30px;
  height: 30px;
  line-height: 25px;
  text-align: center;
  color: #cdf1ff;
  font-size: 30px;
}

/*轮播图*/
/* line 1137, ../sass/mixins/_style.scss */
.swiper-container {
  margin-left: auto;
  margin-right: auto;
  position: relative;
  z-index: 1;
  overflow: hidden;
}

/* line 1138, ../sass/mixins/_style.scss */
.swiper-wrapper {
  position: relative;
  width: 100%;
  height: 100%;
  z-index: 1;
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-transition-property: -webkit-transform;
  -moz-transition-property: -moz-transform;
  -o-transition-property: -o-transform;
  -ms-transition-property: -ms-transform;
  transition-property: transform;
  -webkit-box-sizing: content-box;
  -moz-box-sizing: content-box;
  box-sizing: content-box;
}

/* line 1157, ../sass/mixins/_style.scss */
.swiper-container-android .swiper-slide, .swiper-wrapper {
  -webkit-transform: translate3d(0, 0, 0);
  -moz-transform: translate3d(0, 0, 0);
  -o-transform: translate(0, 0);
  -ms-transform: translate3d(0, 0, 0);
  transform: translate3d(0, 0, 0);
}

/* line 1164, ../sass/mixins/_style.scss */
.swiper-slide {
  -webkit-flex-shrink: 0;
  -ms-flex: 0 0 auto;
  flex-shrink: 0;
  width: 100%;
  height: 100%;
  position: relative;
}

/* line 1172, ../sass/mixins/_style.scss */
.swiper-pagination {
  position: absolute;
  text-align: center;
  -webkit-transition: .3s;
  -moz-transition: .3s;
  -o-transition: .3s;
  transition: .3s;
  -webkit-transform: translate3d(0, 0, 0);
  -ms-transform: translate3d(0, 0, 0);
  -o-transform: translate3d(0, 0, 0);
  transform: translate3d(0, 0, 0);
  z-index: 10;
}

/* line 1185, ../sass/mixins/_style.scss */
.swiper-container-horizontal > .swiper-pagination-bullets, .swiper-pagination-custom, .swiper-pagination-fraction {
  bottom: 10px;
  left: 0;
  width: 100%;
}

/* line 1186, ../sass/mixins/_style.scss */
.swiper-pagination-bullet {
  width: 8px;
  height: 8px;
  display: inline-block;
  border-radius: 100%;
  background: #9edbff;
  margin: 0 3px;
}

/* line 1187, ../sass/mixins/_style.scss */
.swiper-pagination-clickable .swiper-pagination-bullet {
  cursor: pointer;
}

/* line 1188, ../sass/mixins/_style.scss */
.swiper-pagination-bullet-active {
  width: 8px;
  height: 8px;
  border-radius: 100%;
  background: #4ebefc;
}

/* line 1189, ../sass/mixins/_style.scss */
.swiper-pagination-clickable .swiper-pagination-bullet {
  cursor: pointer;
}

/* line 1190, ../sass/mixins/_style.scss */
.swiper-button-prev, .swiper-button-next {
  position: absolute;
  top: 50%;
  margin-top: -5px;
  display: block;
  width: 10px;
  height: 20px;
  z-index: 300;
}

@media (width: 320px) {
  /* line 1194, ../sass/mixins/_style.scss */
  .swiper-container {
    width: 320px;
  }
}
@media (width: 375px) {
  /* line 1197, ../sass/mixins/_style.scss */
  .swiper-container {
    width: 375px;
  }
}
@media (width: 414px) {
  /* line 1200, ../sass/mixins/_style.scss */
  .swiper-container {
    width: 414px;
  }
}