* {margin: 0;padding: 0;-webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box;  }
li, ol {list-style: none;}
a,a:hover {text-decoration: none;color: #424242;  }
img {border: 0;vertical-align: middle;}
button, input, textarea {  outline: 0;  }
html {  font-family: "Microsoft YaHei", Arial, Helvetica, sans-serif, "宋体";  font-size: 14px;  }
.wd1200 {  width: 96%;  max-width: 1200px;  margin: 0 auto;  }
.red-packet-title {  text-align: center;  color: #424242;  font-size: 30px;  font-weight: bold;  margin-bottom: 65px;  }
.red-packet-title .red-packet-title-inner {  display: inline-block;  padding: 7px;  border: 1px solid #C5C5C5;  }
.red-packet-title .red-packet-title-inner p {  padding: 15px 35px;  border: 1px dashed #CCCCCC;  }
.scene-banner {  margin-bottom: 50px;  }
.scene-banner .ban-img {  width: 100%;  }
.func-body {  position: relative;  }
.func-body .func-center {  position: absolute;  width: 20%;  left: 40%;  animation: scale1 2s linear infinite;}
@keyframes scale1{
	0%{transform: scale(1);}
	25%{transform: scale(0.9);}
	50%{transform: scale(1);}
	75%{transform: scale(1.1);}
	100%{transform: scale(1);}
}
/*.func-center .func-center-img {  width: 100%;  }*/
.func-body .func-list {  overflow: hidden;  }
.func-list .func-item {  text-align: center;  margin-bottom: 70px;  width: 40%;  }
.func-item h3 {  font-size: 24px;  color: #424242;  margin-bottom: 45px;  }
.func-item p {  font-size: 18px;  color: #5F5F5F;  margin-bottom: 90px;  }
.func-item .line-1 {  display: none;  width: 33%;  margin: 0 auto;  border-top: 1px solid #EEEEEE;  }
.func-list .func-item:first-child {  float: left;  }
.func-list .func-item:first-child .line-1 {  display: block;  }
.func-list .func-item:nth-child(2) {  float: right;  }
.func-list .func-item:nth-child(2) .line-1 {  display: block;  }
.func-list .func-item:nth-child(3) {  float: left;  margin-bottom: 40px;  }
.func-list .func-item:nth-child(4) {  float: right;  margin-bottom: 40px;  }
.scene {  position: relative;  }
.scene .scene-sub {  padding-bottom: 240px;  position: relative;  z-index: 5;  }
.scene-body .scene-list {  overflow: hidden;  }
.scene-list .scene-item {  overflow: hidden;  background: #F7F7F7;  cursor: pointer;  }
.scene-item .scene-img-part {  position: relative;  width: 50%;  }
.scene-img-part .scene-img {  width: 100%;  }
.scene-img-part .scene-img-opa {  width: 100%;  height: 100%;  text-align: center;  color: #fff;  font-size: 22px;  letter-spacing: 2px;  position: absolute;  left: 0;  top: -100%;  background: rgba(0, 0, 0, 0.5);  filter: progid:DXIageTransform.Microsoft.gradient(startColorstr=#7f000000, 0, endColorSt=#7f000000, 0);  -webkit-transition: all 0.3s;  -moz-transition: all 0.3s;  -ms-transition: all 0.3s;  -o-transition: all 0.3s;  transition: all 0.3s;  }
.scene-img-opa .scene-qrcode {  display: block;  width: 33%;  margin: 12% auto 20px;  }
.scene-item .scene-txt-part {  float: right;  width: 50%;  position: relative;  }
.scene-txt-part .scene-txt-top {  margin-bottom: 30px;  }
.scene-txt-top h3 {  margin-bottom: 15px;  letter-spacing: 2px;  font-size: 22px;  }
.scene-txt-bot h3{font-size:22px;}
.scene-txt-part p {  color: #424242;  line-height: 32px;  font-size: 16px;  }
.scene-txt-bot p{text-indent:1cm;text-align:left;}
.scene-txt-part .scene-caret {  position: absolute;  z-index: 100;  top: 40px;  border: 15px solid transparent;  }
.scene-list .scene-item .scene-img-part:hover .scene-img-opa {  top: 0;  }
.scene-list .scene-item:nth-child(2n-1) .scene-img-part {  float: left;  }
.scene-list .scene-item:nth-child(2n-1) .scene-txt-part {  padding: 30px 40px 0; }
.scene-list .scene-item:nth-child(2n-1) .scene-txt-part .scene-caret {  left: -29px;  border-right-color: #F7F7F7;  }
.scene-list .scene-item:nth-child(2n) .scene-img-part {  float: right;  }
.scene-list .scene-item:nth-child(2n) .scene-txt-part {   padding: 30px 40px;  text-align:right;}
.scene-list .scene-item:nth-child(2n) .scene-txt-part .scene-caret {  right: -29px;  border-left-color: #F7F7F7;  }
.scene-sub .scene-register{display: block;width: 35%;margin: 0 auto;border: 1px solid #FE0000;color: #FE0000;line-height: 46px;text-align: center;font-size: 18px;margin-top:40px;}
.scene .scene-bg {  position: absolute;  z-index: 4;  width: 100%;  left: 0;  bottom: 0;  }
@media screen and (max-width: 1200px) {
  .scene .scene-sub {  padding-bottom: 20%;  }
}
@media screen and (min-width: 769px) and (max-width: 991px) {
 .scene-txt-part .scene-txt-top {  margin-bottom: 5px;  }
 .scene-txt-top h3,.scene-txt-bot h3 {  margin-bottom: 5px;  font-size: 20px;  }
.scene-txt-part p {  line-height: 28px;  font-size: 16px;  }
.scene-list .scene-item:nth-child(2n-1) .scene-txt-part {  padding: 10px 20px 0;  }
.scene-list .scene-item:nth-child(2n) .scene-txt-part {  padding: 10px 20px 0;  }
.scene-sub .scene-register{width:400px;}
}
@media screen and (max-width: 768px) {
.func-body .func-center {  display: none;  }
.func-list .func-item {  width: 50%;  padding: 0 10px;  margin-bottom: 40px;  }
.func-item h3 {  font-size: 18px;  margin-bottom: 25px;  }
.func-item p {  font-size: 14px;  }
.func-item .line-1 {  width: 40%;  }
/* .scene-txt-part .scene-txt-top {  margin-bottom: 5px;  } */
/* .scene-txt-top h3 ,.scene-txt-bot h3{  margin-bottom: 5px;  font-size: 18px;  } */
/* .scene-txt-part p {  line-height: 26px;  font-size: 14px;  } */

.scene-list .scene-item {  text-align: center; background:#fff; }
.scene-item .scene-img-part,.scene-item .scene-txt-part {  width: 80%;margin:0 auto;  }
.scene-item .scene-txt-part {background:#f7f7f7;}
.scene-txt-part .scene-txt-top {  margin-bottom: 10px;  }
.scene-txt-top h3 {  margin-bottom: 10px;  font-size: 22px;  }
.scene-txt-part p {  line-height: 30px;  font-size: 16px;  }
.scene-txt-part .scene-caret {  display: none;  }
.scene-list .scene-item:nth-child(2n-1) .scene-img-part,
.scene-list .scene-item:nth-child(2n-1) .scene-txt-part {  float: none;  }
.scene-list .scene-item:nth-child(2n-1) .scene-txt-part {  padding: 20px 30px;  }
.scene-list .scene-item:nth-child(2n) .scene-img-part,
.scene-list .scene-item:nth-child(2n) .scene-txt-part {  float: none;  text-align: center;  }
.scene-list .scene-item:nth-child(2n) .scene-txt-part {  padding: 20px 30px;  }
}
@media screen and (min-width: 641px) and (max-width: 768px) {
.func-item p {  margin-bottom: 50px;  }
.scene-sub .scene-register{width:300px;}

/* .scene-list .scene-item:nth-child(2n-1) .scene-txt-part {  padding: 10px 15px 0;  } */
/* .scene-list .scene-item:nth-child(2n) .scene-txt-part {  padding: 10px 15px 0;  } */
}
@media screen and (max-width: 640px) {
.red-packet-title {  font-size: 28px;  }
.func-item p {  margin-bottom: 30px;  }
.scene-item .scene-img-part,.scene-item .scene-txt-part {  width: 100%;margin:0 auto;  }
/* .scene-list .scene-item {  text-align: center;  } */
/* .scene-item .scene-img-part,.scene-item .scene-txt-part {  width: 100%;  } */
/* .scene-txt-part .scene-txt-top {  margin-bottom: 10px;  } */
/* .scene-txt-top h3 {  margin-bottom: 10px;  font-size: 22px;  } */
/* .scene-txt-part p {  line-height: 30px;  font-size: 16px;  } */
/* .scene-txt-part .scene-caret {  display: none;  } */
/* .scene-list .scene-item:nth-child(2n-1) .scene-img-part, */
/* .scene-list .scene-item:nth-child(2n-1) .scene-txt-part {  float: none;  } */
/* .scene-list .scene-item:nth-child(2n-1) .scene-txt-part {  padding: 20px 30px;  } */
/* .scene-list .scene-item:nth-child(2n) .scene-img-part, */
/* .scene-list .scene-item:nth-child(2n) .scene-txt-part {  float: none;  text-align: center;  } */
/* .scene-list .scene-item:nth-child(2n) .scene-txt-part {  padding: 20px 30px;  } */
.scene-sub .scene-register{width:270px;font-size:16px;margin-top:20px;}
}
@media screen and (max-width: 500px) {
  .banner {  margin-bottom: 25px;  }
  .red-packet-title {  font-size: 24px;  margin-bottom: 45px;  }
.red-packet-title-inner {  padding: 5px;  }
.red-packet-title-inner p {  padding: 10px 20px;  }
}
@media screen and (max-width: 400px) {
  .red-packet-title {  font-size: 22px;  margin-bottom: 30px;  }
.func-item .line-1 {  width: 50%;  }
}
