body,
div,
dl,
dt,
dd,
ul,
ol,
li,
h1,
h2,
h3,
h4,
h5,
h6,
pre,
form,
fieldset,
input,
textarea,
p,
blockquote,
th,
td {
  padding: 0;
  margin: 0; }

table {
  border-collapse: collapse;
  border-spacing: 0; }

fieldset,
img {
  border: 0; }

address,
caption,
cite,
code,
dfn,
em,
strong,
th,
var {
  font-weight: normal;
  font-style: normal; }

ol,
ul {
  list-style: none; }

caption,
th {
  text-align: left; }

h1,
h2,
h3,
h4,
h5,
h6 {
  font-weight: normal;
  font-size: 100%; }

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

abbr,
acronym {
  border: 0; }

div.xiangyun {
  width: 6.4rem;
  height: 1.58rem;
  background: url("../images/xiangyun.png") 0 0 no-repeat;
  background-size: contain;
  position: fixed;
  top: 9.78rem;
  left: 0; }

body {
  background-color: #eee;
  padding-bottom: 1.28rem; }

.swiper-container {
  background: #ef004a;
  background-size: contain;
  background-attachment: scroll;
  position: fixed; }

.swiper-slide img {
  vertical-align: top;
  width: 6.4rem; }

.swiper-wrapper {
  position: relative; }

.swiper-slide {
  position: relative; }

.swiper-slide .p1-1 {
  width: 2.46rem;
  height: 1rem;
  position: absolute;
  top: .75rem;
  left: 50%;
  margin-left: -1.23rem; }

.swiper-slide .p1-2 {
  width: 6.4rem;
  height: 2.98rem;
  position: absolute;
  top: 1.7rem; }

.swiper-slide .p1-3 {
  width: 4.56rem;
  height: 1.98rem;
  position: absolute;
  left: 50%;
  margin-left: -2.28rem;
  top: 5.7rem; }

.swiper-slide .p1-4 {
  width: 3rem;
  height: .5rem;
  position: absolute;
  left: 50%;
  margin-left: -1.5rem;
  top: 4.4rem; }

.mask {
  position: fixed;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  background: rgba(0, 0, 0, 0.9);
  z-index: 9;
  display: none; }

.form {
  position: fixed;
  width: 100%;
  top: 0;
  z-index: 10;
  display: none; }

.form .form-close {
  position: absolute;
  top: .3rem;
  right: .3rem; }

.form .form-close img {
  width: .48rem;
  height: .48rem;
  vertical-align: top; }

.form .form-title {
  position: absolute;
  width: 100%;
  text-align: center;
  top: .74rem; }

.form .form-title img {
  width: 2.29rem;
  height: .71rem;
  vertical-align: top; }

.form .form-eles {
  margin-top: 1.5rem; }

.form .form-eles label {
  color: #fff;
  font-size: .3rem;
  display: inline-block;
  width: 1.8rem;
  text-align: right; }

.form .form-eles input {
  height: .7rem;
  line-height: .7rem;
  background: #2a2a2a;
  border-radius: 5px;
  border: 0;
  width: 3.6rem;
  color: #fff;
  font-size: .3rem;
  text-indent: .2rem; }

.form .form-btn {
  margin-top: 1.5rem;
  text-align: center; }

.form .form-btn input {
  width: 3.3rem;
  height: .92rem;
  vertical-align: top;
  background: url("../images/form-btn.png") 0 0 no-repeat;
  border: 0;
  background-size: 100%; }

#open {
  width: 2.61rem;
  height: .73rem;
  position: absolute;
  top: 8.44rem;
  left: 1.88rem; }

* {
  -webkit-tap-highlight-color: transparent; }

.swiper-slide .row {
  text-align: center;
  margin-bottom: .15rem; }

.swiper-slide .p4-1 {
  width: 1.95rem;
  height: .5rem;
  margin-top: .5rem;
  margin-left: auto;
  margin-right: auto;
  display: block; }

.swiper-slide .p4-2 {
  width: 2.8rem;
  height: 1.9rem; }

.swiper-slide .p4-3 {
  width: 2.8rem;
  height: 1.9rem;
  margin-left: .1rem; }

.swiper-slide .p4-4 {
  width: 2.8rem;
  height: 1.9rem; }

.swiper-slide .p4-5 {
  width: 2.8rem;
  height: 1.9rem;
  margin-left: .1rem; }

.swiper-slide .p4-6 {
  width: 5.63rem;
  height: 3.03rem; }

.swiper-slide .p6-4 {
  width: 5.69rem;
  height: 1.94rem;
  box-shadow: 0 0 3px 3px rgba(0, 0, 0, 0.2); }

.swiper-slide .p6-7 {
  width: 5.69rem;
  height: 1.94rem; }

.swiper-slide .p6-4, .swiper-slide .p6-5 {
  width: 5.69rem;
  height: 1.94rem; }

.swiper-slide .p6-7 {
  width: 5.69rem;
  height: 1.94rem;
  box-shadow: 0 0 3px 3px rgba(0, 0, 0, 0.2); }

.swiper-slide .backimg {
  width: 2.8rem;
  height: 1.86rem;
  display: block;
  box-shadow: 0 0 3px 3px rgba(0, 0, 0, 0.2); }

.swiper-slide .row {
  display: -webkit-box;
  -webkit-box-pack: justify;
  width: 5.69rem;
  margin-left: auto;
  margin-right: auto; }
  .swiper-slide .row.first {
    margin-bottom: .3rem; }

.swiper-slide .p7-1 {
  width: 2.54rem;
  height: 1.23rem;
  position: absolute;
  top: .6rem;
  left: 50%;
  margin-left: -1.27rem; }
.swiper-slide .p7-2 {
  width: 3.89rem;
  height: 3.65rem;
  position: absolute;
  top: 2.24rem;
  left: 50%;
  margin-left: -1.94rem; }
.swiper-slide .p7-3 {
  width: 4.54rem;
  height: 3rem;
  position: absolute;
  top: 6.14rem;
  left: 50%;
  margin-left: -2.27rem; }

#page9 {
  position: relative; }
  #page9 p {
    color: #fff;
    font-size: .24rem;
    line-height: .44rem;
    text-align: center;
    font-family: 'Helvetica'; }
  #page9 .postext {
    position: absolute; }
  #page9 .postext.text1 {
    top: 1.05rem;
    width: 100%;
    left: 0; }
  #page9 .postext.text2 {
    top: 2.34rem;
    width: 100%;
    left: 0; }
  #page9 .postext.text3 {
    left: 0;
    top: 6.22rem;
    width: 100%; }

#page8 {
  position: relative; }
  #page8 p {
    color: #fff;
    font-size: .24rem;
    line-height: .44rem;
    text-align: center;
    font-family: 'Helvetica'; }
  #page8 .postext {
    position: absolute; }
  #page8 .postext.text1 {
    top: 1.8rem;
    width: 100%;
    left: 0; }
  #page8 .postext.text2 {
    top: 2.87rem;
    width: 100%;
    left: 0; }
  #page8 .postext.text3 {
    left: 0;
    top: 4.31rem;
    width: 100%; }

#yiyue {
  width: .8rem;
  height: .8rem;
  position: fixed;
  right: .08rem;
  top: 0;
  background: url("../images/y.png") center center/0.4rem 0.4rem no-repeat; }
  #yiyue.off {
    background-image: url("../images/ny.png"); }

.arrow-down {
  width: .4rem;
  height: .4rem;
  position: fixed;
  bottom: .4rem;
  left: 3rem;
  background: white url("../images/arrow.png") center center no-repeat;
  background-size: .25rem .13rem;
  box-shadow: 0 0 .03rem .03rem #fff;
  border-radius: 100%;
  -webkit-animation: start 2s infinite ease-in-out; }

.arrow-down-up {
  content: '';
  position: fixed;
  width: .18rem;
  height: .18rem;
  background: #fff;
  box-shadow: 0 0 .02rem .02rem #fff;
  border-radius: 100%;
  left: 3.12rem;
  bottom: .92rem;
  -webkit-animation: start1 2s infinite ease-in-out;
  -webkit-animation-delay: .2s; }

.arrow-down-up2 {
  content: '';
  position: fixed;
  width: .08rem;
  height: .08rem;
  background: #fff;
  box-shadow: 0 0 .02rem .02rem #fff;
  border-radius: 100%;
  bottom: 1.26rem;
  left: 3.17rem;
  -webkit-animation: start2 2s infinite ease-in-out;
  -webkit-animation-delay: .4s; }

@-webkit-keyframes start {
  0%,
  30% {
    opacity: 0; }

  60% {
    opacity: 1; }

  100% {
    opacity: 0; } }

@-webkit-keyframes start1 {
  0%,
  30% {
    opacity: 0; }

  60% {
    opacity: 1; }

  100% {
    opacity: 0; } }

@-webkit-keyframes start2 {
  0%,
  30% {
    opacity: 0; }

  60% {
    opacity: 1; }

  100% {
    opacity: 0; } }

.container .imgs img {
  display: block;
  width: 100%; }
.container .wrapper {
  padding: 0 .3rem; }
.container .info li {
  overflow: hidden; }
.container .info .title {
  font-size: .34rem;
  position: relative;
  height: .8rem;
  line-height: .8rem; }
  .container .info .title span {
    background-color: #eee;
    position: absolute;
    text-align: center;
    left: 50%;
    width: 1.6rem;
    margin-left: -.8rem; }
  .container .info .title:before {
    content: '';
    height: 1px;
    background-color: #fb8438;
    width: 5.8rem;
    position: absolute;
    top: .4rem; }
.container .info .highlight {
  background-color: #fff; }
.container .info label {
  font-size: .3rem;
  color: #fb8438;
  float: left;
  width: 1.7rem;
  line-height: .56rem; }
.container .info .content {
  float: left;
  width: 4.1rem; }
.container .info p {
  font-size: .26rem;
  line-height: .56rem; }
.container .qq-icon, .container .weixin-icon, .container .yinhang-icon, .container .zhifubao-icon {
  padding-left: .55rem;
  background-position: left center;
  background-repeat: no-repeat; }
.container .qq-icon {
  background-image: url("../images/logo/qq.png");
  background-size: .32rem .36rem; }
.container .weixin-icon {
  background-image: url("../images/logo/weixin.png");
  background-size: .39rem .32rem; }
.container .yinhang-icon {
  background-image: url("../images/logo/bank.png");
  background-size: .32rem .23rem; }
.container .zhifubao-icon {
  background-image: url("../images/logo/alipay.png");
  background-size: .32rem .32rem; }

.img100 {
  display: block;
  width: 100%; }

.imgs .p7 {
  height: 7.46rem;
  background: url("../images/p7.jpg") 0 0 no-repeat;
  background-size: contain;
  padding-top: 2.89rem;
  box-sizing: border-box; }
  .imgs .p7 .row1 > a, .imgs .p7 .row2 > a {
    display: block;
    width: 1.66rem;
    height: 1.66rem;
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center center; }
  .imgs .p7 .row1 {
    display: -webkit-box;
    width: 5.8rem;
    margin: 0 auto; }
    .imgs .p7 .row1 a {
      margin-right: .4rem; }
  .imgs .p7 .row2 {
    display: -webkit-box;
    width: 3.72rem;
    margin: 0 auto;
    -webkit-box-pack: justify; }
  .imgs .p7 .l1 {
    background-image: url("../images/logo/logo1.png"); }
  .imgs .p7 .l2 {
    background-image: url("../images/logo/logo2.png"); }
  .imgs .p7 .l3 {
    background-image: url("../images/logo/logo3.png"); }
  .imgs .p7 .l4 {
    background-image: url("../images/logo/logo4.png"); }
  .imgs .p7 .l5 {
    background-image: url("../images/logo/logo5.png"); }

.baoming-btn {
  width: 5.8rem;
  height: .88rem;
  background: url("../images/btn.png") 0 0 no-repeat;
  background-size: contain;
  position: fixed;
  bottom: .1rem;
  left: .3rem; }

.light {
  color: #999; }

.zhifu {
  font-size: .26rem;
  height: .85rem;
  line-height: .85rem;
  text-align: center; }

.lianhe {
  text-align: center;
  height: 1.27rem;
  line-height: 1.27rem; }
  .lianhe img {
    vertical-align: top;
    height: 1.27rem; }

.zhuban {
  text-align: center;
  height: 1.14rem;
  line-height: 1.14rem; }
  .zhuban img {
    vertical-align: top;
    height: 1.14rem; }

.space {
  height: .3rem;
  background-color: #eee;
  margin-left: -.3rem;
  margin-right: -.3rem; }

.pt10 {
  padding-top: .1rem; }

.pb10 {
  padding-bottom: .1rem; }

.p1 {
  height: 10.15rem; }

.fl {
  float: left; }

.fr {
  float: right; }