@charset "UTF-8";
/*
KISSY CSS Reset
理念：清除和重置是紧密不可分的
特色：1.适应中文 2.基于最新主流浏览器
*/
* {
  box-sizing: border-box;
}

/* 清除内外边距 */
body,
h1,
h2,
h3,
h4,
h5,
h6,
hr,
p,
blockquote,
dl,
dt,
dd,
ul,
ol,
li,
pre,
fieldset,
button,
input,
textarea,
th,
td {
  /* table elements 表格元素 */
  margin: 0;
  padding: 0;
}

/* 设置默认字体 */
body,
button,
input,
select,
textarea {
  /* for ie */
  /*font: 12px/1 Tahoma, Helvetica, Arial, "宋体", sans-serif;*/
  font: .28rem/1 -apple-system-font, Helvetica Neue, Helvetica, Microsoft Yahei, sans-serif;
  /* 用 ascii 字符表示，使得在任何编码下都无问题 */
}

h1 {
  font-weight: normal;
  font-size: 18px;
  line-height: 18px;
  /* 18px / 12px = 1.5 */
}

h2 {
  font-weight: normal;
  font-size: .34rem;
  line-height: .4rem;
  text-align: center;
}

h3 {
  font-weight: normal;
  font-size: .28rem;
  line-height: .28rem;
}

h4,
h5,
h6 {
  font-size: 100%;
}

address,
cite,
dfn,
em,
var,
i,
em {
  font-style: normal;
}

/* 将斜体扶正 */
code,
kbd,
pre,
samp,
tt {
  font-family: "Courier New", Courier, monospace;
}

/* 统一等宽字体 */
small {
  font-size: 12px;
}

/* 小于 12px 的中文很难阅读，让 small 正常化 */
/* 重置列表元素 */
ul,
ol {
  list-style: none;
}

/* 重置文本格式元素 */
a {
  text-decoration: none;
}

a:hover {
  text-decoration: none;
}

abbr[title],
acronym[title] {
  /* 注：1.ie6 不支持 abbr; 2.这里用了属性选择符，ie6 下无效果 */
  border-bottom: 1px dotted;
  cursor: help;
}

q:before,
q:after {
  content: '';
}

/* 重置表单元素 */
legend {
  color: #000;
}

/* for ie6 */
fieldset,
img {
  border: none;
}

/* img 搭车：让链接里的 img 无边框 */
/* 注：optgroup 无法扶正 */
button,
input,
select,
textarea {
  font-size: 100%;
  /* 使得表单元素在 ie 下能继承字体大小 */
}

/* 重置表格元素 */
table {
  border-collapse: collapse;
  border-spacing: 0;
}

/* 重置 hr */
hr {
  border: none;
  height: 1px;
}

/* 让非ie浏览器默认也显示垂直滚动条，防止因滚动条引起的闪烁 */
html {
  overflow-y: scroll;
}

/*清除图片边框*/
img {
  border: 0;
  vertical-align: middle;
}

.fl {
  float: left;
}

.fr {
  float: right;
}

/*清除浮动*/
.cf:before,
.cf:after {
  content: "";
  display: table;
}

.cf:after {
  clear: both;
}

.cf {
  *zoom: 1;
  /*IE/7/6*/
}

a[title="站长统计"] {
  display: none !important;
}

@font-face {
  font-family: 'DIN';
  src: url("../font/DINPro-Medium.eot");
  src: url("../font/DINPro-Medium.woff") format("woff"), url("../font/DINPro-Medium.ttf") format("truetype"), url("../font/DINPro-Medium.svg") format("svg");
}

html {
  height: 100%;
}

body {
  min-width: 320px;
  width: 7.5rem;
  min-height: 13.34rem;
  max-width: 1080px;
  margin: 0 auto;
  padding-top: 1.1rem;
  padding-bottom: .96rem;
  background-color: #efefef;
}

header {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 1.1rem;
  display: flex;
  align-items: center;
  justify-content: space-between;
  background: #ffffff;
  border-bottom: 1px solid #ddd;
  z-index: 999;
}

header .logo {
  margin-left: 0.28rem;
  margin-top: .1rem;
}

header .logo .skt {
  width: 2.2rem;
  margin-right: .15rem;
}

header .logo .txt {
  width: 3.08rem;
}

header .nav-ico {
  width: 0.35rem;
  height: 0.33rem;
  margin-right: 0.28rem;
}

header .nav-ico img {
  width: 100%;
}

.banner img {
  width: 100%;
}

.md {
  padding: 0 .28rem;
}

.md h2 {
  padding-top: 0.6rem;
  font-size: .4rem;
  font-weight: 600;
  color: #353535;
}

.md h2 span {
  font-size: .28rem;
}

footer {
  margin-top: .4rem;
  width: 100%;
  padding: 0.3rem 0;
  background: #333333;
  font-size: .24rem;
  color: #ffffff;
  text-align: center;
}

footer p {
  line-height: 1.6;
}

footer #beian {
  color: #fff;
}

.noscroll,
.noscroll body {
  overflow: hidden;
}

.noscroll body {
  position: relative;
}

.mask {
  position: fixed;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  height: 100%;
  width: 100%;
  background: #000;
  opacity: .5;
}

.aside,
.aside-overlay {
  position: fixed;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
}

.aside {
  -webkit-transition: visibility .25s;
  transition: visibility .25s;
  z-index: 1001;
  visibility: hidden;
  overflow: hidden;
}

.aside.active {
  -webkit-transition: none;
  transition: none;
  visibility: visible;
}

.aside-overlay {
  background-color: black;
  opacity: 0;
  -webkit-transition: opacity .25s;
  transition: opacity .25s;
  z-index: 1000;
}

.active > .aside-overlay {
  opacity: .6;
}

.aside .module-footer {
  position: absolute;
  left: 0;
  right: 0;
  bottom: 0;
}

.aside .module-footer .line {
  display: flex;
  justify-content: space-between;
  margin: 0 .5rem;
  font-size: .3rem;
  line-height: 1.6;
}

.aside .module-footer .line .nav-phone {
  color: #eb223d;
  font-family: "DIN";
  font-size: .32rem;
}

.aside .module-main {
  margin: 0 .35rem;
  position: absolute;
  left: 0;
  right: 0;
  top: 0;
  bottom: 2.9rem;
  overflow: auto;
  -webkit-overflow-scrolling: touch;
}

.aside .scrollable {
  overflow: auto;
  -webkit-overflow-scrolling: touch;
}

.aside-content {
  position: absolute;
  left: 40px;
  top: 0;
  bottom: 0;
  right: 0;
  background-color: #fff;
  -webkit-transition: transform .15s;
  transition: transform .15s;
  -webkit-transform: translateX(100%);
  transform: translateX(100%);
  z-index: 1001;
}

.aside-content .lv1 > li {
  font-size: .30rem;
  line-height: .88rem;
  border-bottom: 1px solid #f1f1f1;
}

.aside-content .lv1 > li.silde-d {
  position: relative;
}

.aside-content .lv1 > li.silde-d:after {
  content: "";
  display: inline-block;
  width: 0.2rem;
  height: 0.2rem;
  position: absolute;
  right: 0;
  top: .35rem;
}

.aside-content .lv1 > li a {
  color: #2c2c2c;
  display: inline-block;
  width: 100%;
}

.aside-content .lv1 .lv2 {
  display: none;
  margin-left: 0.35rem;
  font-size: .28rem;
}

.aside-content .nav-logos {
  margin: .4rem .35rem;
  display: flex;
  justify-content: space-between;
  align-items: center;
}

.aside-content .nav-logos .side-wrap .side-nav {
  width: 2rem;
}

.aside-content .nav-logos .side-wrap .side-t {
  margin-left: .2rem;
  width: 3.09rem;
}

.aside-content .nav-logos a img {
  width: 100%;
}

.active > .aside-content {
  -webkit-transform: translate(0%, 0%);
  transform: translate(0%, 0%);
}

.sub-kf {
  width: 100%;
  display: flex;
  text-align: center;
  justify-content: center;
  align-items: center;
  position: fixed;
  bottom: 0;
  left: 0;
  height: .96rem;
  z-index: 999;
}

.sub-kf a {
  flex: 1;
  height: .96rem;
  line-height: .96rem;
  font-size: .34rem;
  font-weight: bold;
  color: #ffffff;
  background-color: #eb223d;
}

.sub-kf a img {
  width: 0.6rem;
  margin-right: .1rem;
}

.sub-kf .sline {
  width: 1px;
  height: 100%;
  background-color: #fff;
}

.nv2 {
  display: flex;
  padding: .28rem;
  font-size: .36rem;
  line-height: 1.3;
  color: #fff;
  background-color: #323232;
}

.nv2 .back-link {
  flex: 1;
  color: #fff;
}

.nv2 .back-link::before {
  margin-right: .28rem;
  display: inline-block;
  content: "";
  width: .13rem;
  height: .24rem;
  background-image: url(../img/jt.png);
  background-size: contain;
  background-repeat: no-repeat;
}

.nv2 span {
  flex: 1;
  text-align: center;
}

.index-navs {
  margin: .45rem 0;
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  justify-content: space-between;
}

.index-navs .item {
  width: 3.34rem;
  height: 1.94rem;
  margin: .35rem 0;
  display: block;
  background-color: #fff;
  border-radius: 6px;
  box-shadow: 0px 0px 9px 0px rgba(66, 66, 66, 0.1);
  box-sizing: border-box;
  position: relative;
}

.index-navs .item .tt {
  margin-top: .78rem;
  margin-left: 0.28rem;
  font-size: .34rem;
  line-height: .46rem;
  font-weight: 600;
  color: #2a2a2a;
}

.index-navs .item .des {
  margin-left: 0.28rem;
  font-size: .26rem;
  line-height: .36rem;
  color: #999;
  opacity: .9;
}

.index-navs .item.hot:after {
  position: absolute;
  left: .28rem;
  top: .26rem;
  content: "";
  width: .65rem;
  height: .34rem;
  background-image: url(../img/hot.png);
  background-size: contain;
  background-repeat: no-repeat;
}

.index-navs .item.index1:before {
  position: absolute;
  right: .28rem;
  top: -.26rem;
  content: "";
  width: 1.31rem;
  height: 1.33rem;
  background-image: url(../img/index_1.png);
  background-size: contain;
}

.index-navs .item.index2:before {
  position: absolute;
  right: .28rem;
  top: -.26rem;
  content: "";
  width: 1.31rem;
  height: 1.33rem;
  background-image: url(../img/index_2.png);
  background-size: contain;
}

.index-navs .item.index3:before {
  position: absolute;
  right: .28rem;
  top: -.26rem;
  content: "";
  width: 1.31rem;
  height: 1.33rem;
  background-image: url(../img/index_3.png);
  background-size: contain;
}

.index-navs .item.index4:before {
  position: absolute;
  right: .28rem;
  top: -.26rem;
  content: "";
  width: 1.31rem;
  height: 1.33rem;
  background-image: url(../img/index_4.png);
  background-size: contain;
}

.index-navs .item.index5:before {
  position: absolute;
  right: .28rem;
  top: -.26rem;
  content: "";
  width: 1.31rem;
  height: 1.33rem;
  background-image: url(../img/index_5.png);
  background-size: contain;
}

.index-navs .item.index6:before {
  position: absolute;
  right: .28rem;
  top: -.26rem;
  content: "";
  width: 1.31rem;
  height: 1.33rem;
  background-image: url(../img/index_6.png);
  background-size: contain;
}

.jiazhi .item {
  margin-top: .32rem;
  padding: .38rem 0;
  background-color: #fff;
  border-radius: 6px;
}

.jiazhi .item .tt {
  font-size: .32rem;
  line-height: 1.6;
  font-weight: 600;
  text-align: center;
  color: #ff0000;
}

.jiazhi .item .des {
  margin-top: 0.26rem;
  font-size: .30rem;
  padding: 0 .38rem;
  color: #333;
  line-height: 1.6;
  text-align: justify;
}

.jiazhi .item .img {
  margin-top: 0.38rem;
}

.jiazhi .item .img img {
  max-width: 100%;
}

.add {
  margin-top: .35rem;
}

.add img {
  max-width: 100%;
}

.sub-navs {
  margin-top: .32rem;
}

.sub-navs .nav {
  width: 100%;
  padding: .2rem .28rem;
  display: flex;
  font-size: .3rem;
  color: #333;
  justify-content: space-between;
  align-items: center;
  background-color: #fff;
}

.sub-navs .nav span {
  color: #eb223d;
  font-weight: 600;
}

.sub-navs .nav + .nav {
  margin-top: 1px;
}

.sub-navs .nav::after {
  align-self: center;
  display: inline-block;
  content: "";
  width: .23rem;
  height: .18rem;
  background-image: url(../img/jt2.png);
  background-size: contain;
}

.sub-navs .nav .cx::before {
  margin-right: .15rem;
  display: inline-block;
  content: "";
  width: .5rem;
  height: .5rem;
  background-image: url(../img/z1.png);
  background-size: contain;
}

.sub-navs .nav .rx::before {
  margin-right: .15rem;
  display: inline-block;
  content: "";
  width: .5rem;
  height: .5rem;
  background-image: url(../img/z2.png);
  background-size: contain;
}

.sub-navs .nav .lc::before {
  margin-right: .15rem;
  display: inline-block;
  content: "";
  width: .5rem;
  height: .5rem;
  background-image: url(../img/z3.png);
  background-size: contain;
}

.sub-navs .nav .link {
  display: flex;
  align-items: center;
}

.funcs-1 .item {
  margin-top: 0.32rem;
  padding: .38rem;
  border-radius: 6px;
  box-shadow: 0px 0px 9px 0px rgba(66, 66, 66, 0.1);
  box-sizing: border-box;
  background-color: #fff;
  position: relative;
}

.funcs-1 .item .tt {
  display: flex;
  align-items: center;
  font-size: .32rem;
  font-weight: 600;
  color: #222;
}

.funcs-1 .item .desc {
  margin-top: .28rem;
  font-size: .3rem;
  line-height: 1.6;
  text-align: justify;
}

.funcs-1 .item .xzl {
  position: absolute;
  right: -.15rem;
  top: .4rem;
  width: 2.46rem;
  padding-top: 0.12rem;
  text-align: center;
  height: .71rem;
  color: #fff;
  font-weight: 600;
  background-image: url(../img/tg1.png);
  background-size: contain;
  background-repeat: no-repeat;
}

.funcs-2 {
  margin-top: 0.35rem;
  padding: .3rem 0;
  display: flex;
  flex-wrap: wrap;
  flex-direction: row;
  border-radius: 6px;
  box-shadow: 0px 0px 9px 0px rgba(66, 66, 66, 0.1);
  box-sizing: border-box;
  background-color: #fff;
}

.funcs-2 .item {
  padding: .28rem 0 0;
  width: 33.333%;
  display: flex;
  flex-direction: column;
  align-items: center;
}

.funcs-2 .item .img {
  width: 0.6rem;
  height: 0.6rem;
  background-color: #eb223d;
  border-radius: 50%;
}

.funcs-2 .item .tt {
  padding: .15rem 0;
  text-align: center;
  color: #222;
}

.good-nums .item {
  margin-top: .3rem;
  background-color: #fff;
  border-radius: 6px;
  box-shadow: 0px 0px 9px 0px rgba(66, 66, 66, 0.1);
  box-sizing: border-box;
  border: 1px solid;
}

.good-nums .item .tt {
  display: flex;
  justify-content: center;
  font-size: .3rem;
  text-align: center;
  font-weight: 600;
}

.good-nums .item .tt span {
  padding: .2rem .25rem;
  display: inline-flex;
  border-bottom-left-radius: 8px;
  border-bottom-right-radius: 8px;
  color: #fff;
  background-color: #ff704d;
}

.good-nums .item .nums-wrap {
  padding: .25rem 0;
  display: flex;
  flex-wrap: wrap;
  color: #000;
}

.good-nums .item .nums-wrap .n {
  font-size: .4rem;
  line-height: 1.75;
  font-weight: 600;
  text-align: center;
  width: 50%;
  font-family: Open Sans;
}

.good-nums .item .nums-wrap .sale {
  text-decoration: line-through;
  color: #b1b1b1 !important;
}

.good-nums .item.item1 {
  border-color: #ff704d;
}

.good-nums .item.item1 span {
  background-color: #ff704d;
}

.good-nums .item.item2 {
  border-color: #fe5861;
}

.good-nums .item.item2 span {
  background-color: #fe5861;
}

.good-nums .item.item3 {
  border-color: #7e4dff;
}

.good-nums .item.item3 span {
  background-color: #7e4dff;
}

.good-nums2 .item {
  margin-top: .3rem;
  background-color: #fff;
  border-radius: 4px;
  box-shadow: 0px 0px 8px 0px rgba(217, 46, 51, 0.4);
  box-sizing: border-box;
  overflow: hidden;
}

.good-nums2 .item .tt {
  padding: 0 .48rem;
  height: 1rem;
  line-height: 1rem;
  font-size: .36rem;
  font-weight: 600;
  color: #fff;
  background-color: #ff704d;
  background-size: cover;
}

.good-nums2 .item .nums-wrap {
  padding: .25rem 0;
  display: flex;
  flex-wrap: wrap;
  color: #000;
}

.good-nums2 .item .nums-wrap .n {
  font-size: .4rem;
  line-height: 1.75;
  text-align: center;
  width: 50%;
  font-family: Open Sans;
}

.good-nums2 .item .nums-wrap .sale {
  text-decoration: line-through;
  color: #b1b1b1 !important;
}

.good-nums2 .item.item1 .tt {
  background-image: url(../img/nt1.jpg);
}

.good-nums2 .item.item2 .tt {
  background-image: url(../img/nt2.jpg);
}

.good-nums2 .item.item3 .tt {
  background-image: url(../img/nt3.jpg);
}

.good-nums3 .item {
  margin-top: 1rem;
  background-color: #fff;
  border-radius: 4px;
  border: 1px solid;
  box-sizing: border-box;
  position: relative;
}

.good-nums3 .item .tt {
  position: absolute;
  top: -.36rem;
  left: .38rem;
  border-radius: 4px;
  padding: 0 .48rem;
  height: 1.1rem;
  line-height: 1.1rem;
  font-size: .36rem;
  font-weight: 600;
  color: #fff;
}

.good-nums3 .item .tt img {
  width: 0.7rem;
  height: 0.7rem;
}

.good-nums3 .item .nums-wrap {
  padding: 1.1rem 0 .25rem;
  display: flex;
  flex-wrap: wrap;
  color: #000;
}

.good-nums3 .item .nums-wrap .n {
  font-size: .4rem;
  line-height: 1.75;
  text-align: center;
  width: 50%;
  font-family: Open Sans;
}

.good-nums3 .item .nums-wrap .sale {
  text-decoration: line-through;
  color: #b1b1b1 !important;
}

.good-nums3 .item.item1 {
  border-color: #fb3241;
}

.good-nums3 .item.item1 .tt {
  background-color: #fb3241;
  background-size: contain;
  background-repeat: no-repeat;
}

.good-nums3 .item.item1 .btn {
  background-color: #fb3241;
}

.good-nums3 .item.item2 {
  border-color: #5341d6;
}

.good-nums3 .item.item2 .tt {
  background-color: #5341d6;
  background-size: contain;
  background-repeat: no-repeat;
}

.good-nums3 .item.item2 .btn {
  background-color: #5341d6;
}

.good-nums3 .item.item3 {
  border-color: #ff7c3f;
}

.good-nums3 .item.item3 .tt {
  background-color: #ff7c3f;
  background-size: contain;
  background-repeat: no-repeat;
}

.good-nums3 .item.item3 .btn {
  background-color: #ff7c3f;
}

.good-nums3 .item .btn {
  margin: 0 .46rem .4rem;
  height: 0.72rem;
  line-height: .72rem;
  font-size: .3rem;
  text-align: center;
  color: #fff;
}

.good-nums4 .item {
  margin-top: 1rem;
  background-color: #fff;
  border-radius: 6px;
  border: 3px solid #e2b377;
  box-sizing: border-box;
  position: relative;
}

.good-nums4 .item .tt {
  position: absolute;
  width: 100%;
  top: -.36rem;
  left: 0;
  height: 1.05rem;
  line-height: 1.05rem;
  font-size: .36rem;
  font-weight: 600;
  color: #fff;
}

.good-nums4 .item .tt p {
  text-align: center;
  border-radius: 4px;
  margin: 0 .5rem;
  color: #fff;
  border-radius: 5px;
  background-color: #fb3241;
  box-shadow: 0px 0px 5px 0px rgba(209, 54, 7, 0.88);
  background: linear-gradient(to bottom, #f40523, #f14a34);
}

.good-nums4 .item .nums-wrap {
  padding: 1.1rem 0 .25rem;
  display: flex;
  flex-wrap: wrap;
  color: #000;
}

.good-nums4 .item .nums-wrap .n {
  font-size: .4rem;
  line-height: 1.75;
  text-align: center;
  width: 50%;
  font-family: Open Sans;
}

.good-nums4 .item .nums-wrap .sale {
  text-decoration: line-through;
  color: #b1b1b1 !important;
}

.good-nums4 .item .btn {
  margin: 0 .46rem .4rem;
  height: 0.72rem;
  line-height: .72rem;
  font-size: .3rem;
  text-align: center;
  color: #fff;
  background-color: #fb3241;
  background: linear-gradient(to bottom, #f40523, #f14a34);
}

.good-nums5 .item {
  margin-top: .6rem;
  padding-bottom: .4rem;
  background-color: #fff;
  border-radius: 6px;
  box-shadow: 0px 0px 8px 0px rgba(217, 46, 51, 0.4);
  box-sizing: border-box;
  position: relative;
  background-image: url(../img/m-num-bg.html);
  background-position: center bottom;
  background-repeat: no-repeat;
  background-size: cover;
}

.good-nums5 .item .tt {
  width: 100%;
  height: 1.05rem;
  line-height: 1.05rem;
  font-size: .36rem;
  font-weight: 600;
  color: #fff;
}

.good-nums5 .item .tt p {
  text-align: center;
  border-radius: 4px;
  color: #fff;
  border-radius: 5px;
  background-color: #fb3241;
  background: linear-gradient(180deg, #f44336, #ec7c4d);
}

.good-nums5 .item .nums-wrap {
  padding: .5rem 0 .25rem;
  display: flex;
  flex-wrap: wrap;
  color: #000;
}

.good-nums5 .item .nums-wrap .n {
  font-size: .4rem;
  line-height: 1.75;
  text-align: center;
  width: 50%;
  font-family: Open Sans;
}

.good-nums5 .item .nums-wrap .sale {
  text-decoration: line-through;
  color: #b1b1b1 !important;
}

.good-nums5 .item .btn {
  margin: 0 .46rem;
  height: 0.72rem;
  line-height: .72rem;
  font-size: .3rem;
  text-align: center;
  color: #fff;
  background-color: #fb3241;
  background: linear-gradient(180deg, #f44336, #ec7c4d);
}

.good-nums6 .item {
  margin-top: .6rem;
  padding-bottom: .4rem;
  background-color: #fff;
  border-radius: 6px;
  box-shadow: 0px 0px 8px 0px rgba(217, 46, 51, 0.4);
  box-sizing: border-box;
  position: relative;
  background-position: center bottom;
  background-repeat: no-repeat;
  background-size: cover;
}

.good-nums6 .item .tt {
  width: 100%;
  height: 1.05rem;
  line-height: 1.05rem;
  font-size: .36rem;
  font-weight: 600;
  color: #fff;
}

.good-nums6 .item .tt p {
  text-align: center;
  border-radius: 4px;
  color: #fff;
  border-radius: 5px;
  background-color: #f43037;
  background-image: -webkit-gradient(linear, left bottom, left top, from(#FF512F), to(#F4202F));
  background-image: linear-gradient(0deg, #FF512F, #F4202F);
}

.good-nums6 .item .new_qg-wrap .new_qg-tips-wrap {
  padding: 0 .5rem;
  overflow-x: hidden;
}

.good-nums6 .item .new_qg-wrap .new_qg-tips-wrap .new_qg-tips {
  margin-top: 0.38rem;
  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
  overflow-x: scroll;
}

.good-nums6 .item .new_qg-wrap .new_qg-tips-wrap .new_qg-tips::-webkit-scrollbar {
  display: none;
}

.good-nums6 .item .new_qg-wrap .new_qg-tips-wrap .new_qg-tips .new-qg-tips-item {
  margin-right: .16rem;
  padding: .18rem .4rem;
  flex-shrink: 0;
  font-size: .22rem;
  color: #fff;
  background-color: #a7a7a7;
  border-radius: .3rem;
}

.good-nums6 .item .new_qg-wrap .new_qg-tips-wrap .new_qg-tips .new-qg-tips-item.active {
  background-color: #f43037;
  background-image: -webkit-gradient(linear, left bottom, left top, from(#FF512F), to(#F4202F));
  background-image: linear-gradient(0deg, #FF512F, #F4202F);
}

.good-nums6 .item .new_qg-wrap .new_qg-nums .new_qg-nums-item {
  display: flex;
  flex-wrap: wrap;
}

.good-nums6 .item .new_qg-wrap .new_qg-nums .new-num {
  width: 50%;
  box-sizing: border-box;
  cursor: pointer;
}

.good-nums6 .item .new_qg-wrap .new_qg-nums .new-num .num-text {
  padding-top: .34rem;
  text-align: center;
}

.good-nums6 .item .new_qg-wrap .new_qg-nums .new-num .num-text .n {
  line-height: 30px;
  font-size: .34rem;
}

.good-nums6 .item .new_qg-wrap .new_qg-nums .new-num .num-text .n span {
  color: #f53437;
}

.good-nums6 .item .new_qg-wrap .new_qg-nums .new-num .num-text .t {
  font-size: .22rem;
  color: #8b8b8b;
}

.good-nums6 .item .btn {
  margin: .4rem .46rem 0;
  height: 0.72rem;
  line-height: .72rem;
  font-size: .3rem;
  text-align: center;
  color: #fff;
  border-radius: 5px;
  background-color: #f43037;
  background-image: -webkit-gradient(linear, left bottom, left top, from(#FF512F), to(#F4202F));
  background-image: linear-gradient(0deg, #FF512F, #F4202F);
}

@keyframes likes {
  25% {
    transform: translateX(-2px);
  }
  50% {
    transform: translateX(0);
  }
  75% {
    transform: translateX(2px);
  }
  100% {
    transform: translateX(0);
  }
}

.off-wrap {
  margin-top: 0.35rem;
  padding-bottom: .3rem;
  border-radius: 5px;
  background-color: #fff;
}

.off-wrap .tt {
  padding-top: 0.4rem;
  font-weight: bold;
  text-align: center;
}

.off-wrap .tt span:first-child {
  font-size: .3rem;
}

.off-wrap .tt span:last-child {
  font-size: .3rem;
  color: #f00;
  text-shadow: 0px 0px 5px rgba(255, 134, 144, 0.75);
}

.off-wrap .tt span:last-child .ico {
  width: .34rem;
  height: 0.37rem;
  vertical-align: bottom;
}

.off-wrap .tt span:last-child .figer {
  width: .36rem;
  height: 0.33rem;
  vertical-align: bottom;
  animation: likes 1s infinite;
}

.off-wrap .now-cc {
  margin-top: 0.3rem;
  font-size: .24rem;
  text-align: center;
  color: #6d6d6d;
}

.off-wrap .now-cc .count_down {
  font-weight: bold;
  font-size: .26rem;
  color: #f5232f;
}

.off-wrap .off-nums {
  margin: .3rem .28rem 0;
}

.off-wrap .off-nums .off-item {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
}

.off-wrap .off-nums .off-item span {
  margin-bottom: 0.26rem;
  width: 3.04rem;
  padding: .22rem 0;
  text-align: center;
  font-size: .3rem;
  color: #353535;
  border: 1px dashed #d3d3d3;
}

.off-wrap .hyh {
  margin: 0 .3rem;
  padding: .25rem 0;
  text-align: center;
  color: #fff;
  background-color: #fff;
  background-image: -moz-linear-gradient(86deg, #ff6446 0%, #f4202f 100%);
  background-image: -webkit-linear-gradient(86deg, #ff6446 0%, #f4202f 100%);
  background-image: -ms-linear-gradient(86deg, #ff6446 0%, #f4202f 100%);
}

.off-wrap .hyh:active {
  opacity: .8;
}


.form {
  display: flex;
  margin-top: .35rem;
  padding: .15rem .18rem;
  justify-content: space-between;
  align-items: center;
  font-size: .3rem;
  background-color: #eb223d;
  font-family: Open Sans;
  border-radius: 6px;
}

.form .phone {
  width: 60%;
  margin-right: 0.24rem;
  flex: 1;
  padding: .20rem .24rem;
  background-color: #fff;
  border: none;
  outline: none;
  border-radius: 4px;
  box-sizing: border-box;
}

.form .phone::-webkit-input-placeholder {
  /* placeholder颜色  */
  color: #cacaca;
}

.form .send {
  width: 40%;
  color: #fff;
  line-height: 1.6;
  font-weight: 600;
  border: none;
  background: transparent;
}

.choose .item {
  margin-top: .3rem;
  padding: .32rem .42rem;
  background-color: #fff;
  border-radius: 6px;
  font-size: .3rem;
  line-height: 1.6;
  color: #222;
  box-shadow: 0px 0px 9px 0px rgba(66, 66, 66, 0.1);
  box-sizing: border-box;
  position: relative;
}

.choose .item .b {
  font-weight: 600;
}

.choose .item .r {
  color: #eb223d;
}

.choose .item.dx::after {
  content: "";
  display: block;
  position: absolute;
  right: .3rem;
  top: .24rem;
  width: 1.4rem;
  height: .7rem;
  background-image: url(../img/zgdx.png);
  background-size: contain;
}

.choose .item.yd::after {
  content: "";
  display: block;
  position: absolute;
  right: .3rem;
  top: .24rem;
  width: 1.4rem;
  height: .7rem;
  background-image: url(../img/zgyd.png);
  background-size: contain;
}

.choose .item.lt::after {
  content: "";
  display: block;
  position: absolute;
  right: .3rem;
  top: .24rem;
  width: 1.4rem;
  height: .7rem;
  background-image: url(../img/zglt.png);
  background-size: contain;
}

.miji .item {
  margin-top: 0.35rem;
  display: flex;
  background-color: #fff;
  border-radius: 6px;
  color: #222;
  box-shadow: 0px 0px 9px 0px rgba(66, 66, 66, 0.1);
}

.miji .item .x {
  width: 1.1rem;
  display: flex;
  justify-content: center;
  align-items: center;
  padding: .93rem 0;
  font-size: 1.18rem;
  line-height: .24rem;
  color: #fff;
  border-radius: 6px;
  background-color: #eb223d;
  font-family: "DIN";
  font-weight: bold;
}

.miji .item .text-wrap {
  width: 100%;
  display: flex;
  flex-direction: column;
  justify-content: center;
  padding: 0 .35rem;
}

.miji .item .text-wrap .tt {
  font-size: .32rem;
  line-height: 1.6;
  font-weight: 600;
  color: #eb223d;
}

.miji .item .text-wrap .text {
  margin-top: .15rem;
  font-size: .30rem;
  line-height: 1.6;
  text-align: justify;
}

.miji .item .text-wrap .text1 {
  width: 100%;
  display: flex;
  justify-content: space-between;
}

.choose-excel .item {
  margin-top: .3rem;
  padding-top: .4rem;
  background-color: #fff;
  border-radius: 6px;
  color: #222;
  box-shadow: 0px 0px 9px 0px rgba(66, 66, 66, 0.1);
}

.choose-excel .item .top-tt {
  padding: 0 .45rem;
  display: flex;
}

.choose-excel .item .top-tt .img {
  margin-right: .2rem;
  width: 0.81rem;
  height: 0.81rem;
  border-radius: 50%;
}

.choose-excel .item .top-tt .img img {
  max-width: 100%;
}

.choose-excel .item .top-tt .t {
  font-size: .32rem;
  line-height: 1.6;
  font-weight: 600;
}

.choose-excel .item .top-tt p {
  font-size: .3rem;
  line-height: 1.6;
}

.choose-excel .item .num-content {
  padding: .3rem .1rem;
  display: flex;
  flex-wrap: wrap;
  font-size: .4rem;
  line-height: 1.75;
  font-weight: 600;
  font-family: Open Sans;
}

.choose-excel .item .num-content .n {
  width: 50%;
  text-align: center;
}

.choose-excel .item .btn-sub {
  padding: .30rem 0;
  font-size: .3rem;
  font-weight: 600;
  text-align: center;
  color: #fff;
  background-color: #9e9e9e;
}

.choose-excel .item1 .t {
  color: #ff704c;
}

.choose-excel .item1 .btn-sub {
  background-color: #ff704c;
}

.choose-excel .item2 .t {
  color: #fe4b54;
}

.choose-excel .item2 .btn-sub {
  background-color: #fe4b54;
}

.choose-excel .item3 .t {
  color: #7e4dff;
}

.choose-excel .item3 .btn-sub {
  background-color: #7e4dff;
}

.gifs {
  padding: .3rem 0 .15rem;
  font-weight: 600;
  line-height: .45rem;
  text-align: center;
  background-color: #fff5ce;
}

.gifs .item {
  margin-bottom: .23rem;
}

.gifs .it1 {
  font-size: .30rem;
  color: #ff2d27;
  vertical-align: middle;
}

.gifs .it1::before {
  content: "";
  display: inline-block;
  width: 0.3rem;
  height: .31rem;
  margin-right: 4px;
  vertical-align: text-top;
  background-image: url(../img/gift.png);
  background-size: contain;
}

.gifs .it2 {
  font-size: .28rem;
  color: #333;
}

.tcs .item {
  margin-top: .35rem;
  background-color: #fff;
  border-radius: 4px;
  color: #222;
  box-shadow: 0px 0px 9px 0px rgba(66, 66, 66, 0.1);
  overflow: hidden;
}

.tcs .item .top {
  padding: .3rem 0;
  background-color: #9e9e9e;
  position: relative;
  background-size: cover;
  background-repeat: no-repeat;
}

.tcs .item .top .top {
  display: flex;
}

.tcs .item .top .money {
  color: #fff;
}

.tcs .item .top .money .q {
  padding-left: .4rem;
  display: flex;
  align-items: baseline;
  font-family: "DIN";
}

.tcs .item .top .money .q .y {
  margin-right: 5px;
  font-size: .31rem;
}

.tcs .item .top .money .q .sz {
  margin-right: 5px;
  font-size: .88rem;
  line-height: 1;
  font-weight: 600;
}

.tcs .item .top .gq {
  position: absolute;
  right: .35rem;
  top: -.16rem;
  width: 1.45rem;
  height: 1.25rem;
  background-size: contain;
  display: flex;
  font-weight: 600;
  justify-content: center;
  align-items: center;
}

.tcs .item .top .gq2 {
  background-image: url(../img/gq2.png);
}

.tcs .item .top .gq3 {
  background-image: url(../img/gq3.png);
}

.tcs .item .top .gq4 {
  background-image: url(../img/gq4.png);
}

.tcs .item .mid {
  padding: 0 .32rem;
}

.tcs .item .mid .icon {
  margin-right: 0.1rem;
  width: 0.70rem;
  height: 0.70rem;
  background-color: #9e9e9e;
  border-radius: 50%;
}

.tcs .item .mid .icon.icon-1 {
  background-image: url(../img/lv1.png);
  background-size: contain;
}

.tcs .item .mid .icon.icon-2 {
  background-image: url(../img/lv2.png);
  background-size: contain;
}

.tcs .item .mid .icon.icon-3 {
  background-image: url(../img/lv3.png);
  background-size: contain;
}

.tcs .item .mid .m1 {
  display: flex;
  justify-content: space-between;
  padding: .4rem 0;
}

.tcs .item .mid .m1 .m-it {
  display: flex;
}

.tcs .item .mid .m1 .m-it .txt {
  font-size: .28rem;
  font-weight: bold;
  display: flex;
  flex-direction: column;
  justify-content: center;
  line-height: 1.4;
}

.tcs .item .mid .m1 .m-it .txt b {
  font-size: .32rem;
}

.tcs .item .mid .m2 {
  padding: .3rem 0 .1rem;
  border-top: 1px solid #d9d9d9;
}

.tcs .item .mid .m2 .tt {
  display: flex;
  line-height: .6rem;
  justify-content: space-between;
}

.tcs .item .mid .m2 .tt .lv {
  font-size: .34rem;
}

.tcs .item .mid .m2 .tt .more {
  font-size: .26rem;
}

.tcs .item .mid .m2 .nums {
  margin: .18rem 0;
  display: flex;
  flex-wrap: wrap;
  font-size: .28rem;
  justify-content: space-between;
}

.tcs .item .mid .m2 .nums span {
  width: 32%;
  margin: 0.06rem .04rem;
  text-align: center;
  line-height: 2;
  border: 1px solid rgba(135, 135, 135, 0.25);
}

.tcs .item .sub {
  padding: .3rem 0;
  font-size: .3rem;
  line-height: 1.4;
  font-weight: 600;
  text-align: center;
  color: #fff;
  background-color: #9e9e9e;
}

.tcs .item.item1 .top {
  background-color: #ff704c;
  background-image: url(../img/tcbg1.png);
}

.tcs .item.item1 .top .gq2 {
  color: #ff704c;
  background-image: url(../img/gq2.png);
}

.tcs .item.item1 .mid .icon {
  background-color: #ff704c;
}

.tcs .item.item1 .mid .m1 .m-it .s1 {
  color: #ff704c;
}

.tcs .item.item1 .sub {
  background-color: #ff704c;
}

.tcs .item.item2 .top {
  background-color: #ff4d57;
  background-image: url(../img/tcbg2.png);
}

.tcs .item.item2 .top .gq3 {
  color: #ff4d57;
  background-image: url(../img/gq3.png);
}

.tcs .item.item2 .mid .icon {
  background-color: #ff4d57;
}

.tcs .item.item2 .mid .m1 .m-it .s1 {
  color: #ff4d57;
}

.tcs .item.item2 .sub {
  background-color: #ff4d57;
}

.tcs .item.item3 .top {
  background-color: #7e4cff;
  background-image: url(../img/tcbg3.png);
}

.tcs .item.item3 .top .gq3 {
  color: #7e4cff;
  background-image: url(../img/gq3.png);
}

.tcs .item.item3 .mid .icon {
  background-color: #7e4cff;
}

.tcs .item.item3 .mid .m1 .m-it .s1 {
  color: #7e4cff;
}

.tcs .item.item3 .sub {
  background-color: #7e4cff;
}

.diy {
  margin-top: 0.35rem;
  padding: .45rem .35rem;
  background-color: #fff;
  border-radius: 4px;
  color: #333;
  font-weight: bold;
  line-height: 1.5;
  box-shadow: 0px 0px 9px 0px rgba(66, 66, 66, 0.1);
  background-image: url(../img/write.png);
  background-size: contain;
}

.diy span, .diy a {
  color: #eb223d;
}

.tj {
  margin-top: 0.3rem;
  padding: .35rem .42rem;
  font-size: .3rem;
  border-radius: 4px;
  line-height: 1.72;
  color: #222;
  text-align: justify;
  background-color: #fff;
  box-shadow: 0px 0px 9px 0px rgba(66, 66, 66, 0.1);
}

.lc-group .x {
  width: 1.24rem;
  color: #f8302f;
  font-family: "DIN";
  font-weight: bold;
  font-size: .72rem;
  line-height: 1;
  text-align: center;
}

.lc-group .item {
  margin-top: 0.3rem;
  padding: .3rem 0;
  display: flex;
  background-color: #fff;
  border-radius: 4px;
  box-shadow: 0px 0px 9px 0px rgba(66, 66, 66, 0.1);
  position: relative;
}

.lc-group .item + .item {
  margin-top: 0.6rem;
}

.lc-group .item + .item::before {
  content: "";
  position: absolute;
  left: 50%;
  top: -32%;
  transform: translate(-100%, 0);
  width: .38rem;
  height: .36rem;
  background-image: url(../img/jt3.png);
  background-size: contain;
}

.lc-group .texts {
  line-height: 1.6;
}

.lc-group .texts .tt {
  font-weight: 600;
  font-size: .32rem;
  color: #f8302f;
}

.lc-group .texts .des {
  color: #222;
}

.tj-group .item {
  margin-top: .3rem;
  padding: .35rem .42rem;
  background-color: #fff;
  border-radius: 4px;
  box-shadow: 0px 0px 9px 0px rgba(66, 66, 66, 0.1);
}

.tj-group .item .tt {
  margin-bottom: 0.2rem;
  font-size: .3rem;
  font-weight: bold;
  color: #f5232f;
}

.tj-group .item .des {
  color: #222;
  line-height: 1.7;
}

.tj-group .item .ps {
  margin-top: 0.2rem;
  color: #f5232f;
}

.cp-group {
  margin-top: 0.35rem;
  padding: .35rem;
  background-color: #fff;
  border-radius: 4px;
  box-shadow: 0px 0px 9px 0px rgba(66, 66, 66, 0.1);
}

.cp-group .info {
  text-align: center;
  white-space: nowrap;
  line-height: 1.75;
}

.cp-group .company-group {
  padding: .35rem 0 0;
  overflow: hidden;
}

.cp-group .company-group .swiper-container1 .swiper-wrapper {
  height: auto;
}

.cp-group .company-group .swiper-container1 .swiper-slide {
  height: auto !important;
}

.cp-group .company-group .swiper-container1 .swiper-pagination {
  bottom: .8rem;
}

.cp-group .company-group .swiper-container1 .swiper-pagination .swiper-pagination-bullet {
  width: 16px;
  height: 3px;
  display: inline-block;
  border-radius: 0;
  background: #bbbcb7;
  opacity: .6;
}

.cp-group .company-group .swiper-container1 .swiper-pagination .swiper-pagination-bullet-active {
  background: #c90000;
  opacity: 1;
}

.cp-group .company-group .swiper-container1 .img-box {
  border-radius: 4px;
  background-color: #bababa;
  overflow: hidden;
}

.cp-group .company-group .swiper-container1 img {
  max-width: 100%;
}

.cp-group .company-group .swiper-container1 p {
  margin-top: 0.24rem;
  text-align: center;
  color: #222;
}

.ys {
  margin-top: .35rem;
  padding: .1rem 0;
  background-color: #fff;
  border-radius: 4px;
  box-shadow: 0px 0px 9px 0px rgba(66, 66, 66, 0.1);
}

.ys .item {
  padding: .75rem 0 .55rem;
  background-size: contain;
}

.ys .item .text h3 {
  color: #eb223d;
  font-size: .32rem;
  font-weight: 600;
  line-height: 1.6;
}

.ys .item .text .des {
  color: #222;
  line-height: 1.6;
}

.ys .item1 {
  background-image: url(../img/ys1.png);
  background-repeat: no-repeat;
}

.ys .item1 .text {
  padding: 0 0 0 .58rem;
  background-repeat: no-repeat;
}

.ys .item2 {
  background-image: url(../img/ys2.png);
  background-repeat: no-repeat;
}

.ys .item2 .text {
  padding: 0 0 0 3.4rem;
  background-repeat: no-repeat;
}

.ys .item3 {
  background-image: url(../img/ys3.png);
  background-repeat: no-repeat;
}

.ys .item3 .text {
  padding: 0 0 0 .58rem;
  background-repeat: no-repeat;
}

.honour-b {
  margin-top: 0.35rem;
  width: 6.92rem;
  height: 5.62rem;
  background-image: url(../img/honour-bg.jpg);
}

.honour-b .swiper-slide {
  display: flex;
  flex-direction: column;
  align-items: center;
}

.honour-b .swiper-container2 {
  padding-top: 0.40rem;
  box-sizing: border-box;
}

.honour-b .swiper-container2 .swiper-pagination {
  bottom: .8rem;
}

.honour-b .swiper-container2 .swiper-pagination .swiper-pagination-bullet {
  width: 16px;
  height: 3px;
  display: inline-block;
  border-radius: 0;
  background: #bbbcb7;
  opacity: .6;
}

.honour-b .swiper-container2 .swiper-pagination .swiper-pagination-bullet-active {
  background: #c90000;
  opacity: 1;
}

.honour-b .swiper-container2 .img-box {
  width: 100%;
}

.honour-b .swiper-container2 .img-box img {
  max-width: 100%;
}

.honour-b .swiper-container2 p {
  margin-top: 0.2rem;
  font-size: .28rem;
  text-align: center;
  font-weight: 600;
  line-height: 1.6;
  color: #222;
}

.dx-cp {
  margin-top: 0.35rem;
  padding: 0.4rem 0;
  background-color: #fff;
  border-radius: 4px;
  box-shadow: 0px 0px 9px 0px rgba(66, 66, 66, 0.1);
}

.dx-cp .text {
  text-align: center;
  font-size: .3rem;
  line-height: 1.6;
  color: #323232;
}

.dx-cp .img {
  margin-top: 0.3rem;
  padding: 0 .4rem;
}

.dx-cp .img img {
  max-width: 100%;
}

.dx-cp .ps {
  margin-top: 0.4rem;
  padding: 0 .4rem;
  color: #333;
}

.videos {
  margin-top: 0.3rem;
}

.videos .video {
  width: 100%;
}

.videos .video + .video {
  margin-top: 0.35rem;
}

.videos .video video {
  width: 100%;
  max-width: 100%;
}

video::-internal-media-controls-download-button {
  display: none;
}

video::-webkit-media-controls-enclosure {
  overflow: hidden;
}

video::-webkit-media-controls-panel {
  width: calc(100% + 50px);
}

.address {
  margin-top: .3rem;
  padding: .2rem 0;
  background-color: #fff;
}

.address .item {
  padding: .15rem 0;
  text-align: center;
  font-size: .28rem;
}

.address .item h3 {
  font-weight: 600;
  color: #f00;
  line-height: 1.6;
}

.address .item p {
  line-height: 1.78;
}

.alert-box {
  position: fixed;
  top: 0px;
  left: 0px;
  width: 100%;
  height: 100%;
  background-color: rgba(0, 0, 0, 0.6);
  z-index: 1000;
  display: none;
}

.alert-dv {
  width: 80%;
  height: 100px;
  line-height: 100px;
  position: absolute;
  text-align: center;
  font-size: .3rem;
  font-weight: bold;
  top: 50%;
  left: 10%;
  margin-top: -80px;
  background-color: #fff;
  -webkit-border-radius: 10px;
  -moz-border-radius: 10px;
  border-radius: 10px;
  border: 1px solid #797979;
  overflow: hidden;
  box-sizing: border-box;
}