[v-cloak] {
  display: none;
}
.appoint_prise {
  position: relative;
}
.appoint_prise .number {
  display: block;
  width: 10.1%;
  height: 6%;
  position: absolute;
  top: 50%;
  left: 50%;
  margin-left: 6%;
  margin-top: -26%;
  font-size: 0.54rem;
  color: #e9d08b;
  background: linear-gradient(to bottom, #f0dc9b, #cfa049);
  color: transparent;
  -webkit-background-clip: text;
  filter: progid:DXImageTransform.Microsoft.Gradient(startColorStr='#e9d08b', endColorStr='#cfa049', gradientType='0');
  font-family: "楷体";
  text-shadow: 0px 2px 0px -2px rgba(0, 0, 0, 0.75);
}
.appoint_prise .a_step {
  width: 34.1%;
  height: 65%;
  position: absolute;
  left: 50%;
  top: 50%;
  margin-left: -17%;
  margin-top: -13.4%;
}
.appoint_prise .a_step .a_step1 .fb_btn {
  width: 42.573%;
  height: 14.5%;
  position: absolute;
  top: 50%;
  left: 50%;
  margin-left: -24%;
  margin-top: -56%;
}
.appoint_prise .a_step .a_step1 .fb_btn .login_txt {
  width: 100%;
  height: 38%;
  position: absolute;
  color: #fff;
  top: 0;
  font-size: 0.275rem;
  text-align: left;
  vertical-align: bottom;
}
.appoint_prise .a_step .a_step1 .fb_btn .fbLogin {
  width: 100%;
  height: 38%;
  position: absolute;
  background: url(../images/fbLogin.png);
  background-size: 100% 100%;
  color: #fff;
  top: 0;
  border-radius: 0.05rem;
  cursor: pointer;
  z-index: 9999999;
}
.appoint_prise .a_step .a_step1 #fbShare {
  width: 2.67rem;
  height: 0.46rem;
  position: absolute;
  background: url(../images/fbLogin.jpg);
  background-size: 100% 100%;
  color: #fff;
  top: 0.54rem;
  left: 50%;
  margin-left: -1.835rem;
  border-radius: 0.05rem;
  cursor: pointer;
}
.appoint_prise .a_step .a_step2 {
  width: 77.4%;
  height: 16.8%;
  position: absolute;
  top: 50%;
  left: 50%;
  margin-left: -40.5%;
  margin-top: -6%;
}
.appoint_prise .a_step .a_step2 span {
  display: inline-block;
}
.appoint_prise .a_step .a_step2 .cb_ios {
  display: inline-block;
  width: 7.3%;
  height: 30%;
  position: absolute;
  top: 50%;
  left: 50%;
  cursor: pointer;
  margin-left: -39%;
  margin-top: -13%;
}
.appoint_prise .a_step .a_step2 .cb.checked {
  display: inline-block;
  width: 7.3%;
  height: 30%;
  background: url(../images/checked.png);
  background-size: 100% 100%;
}
.appoint_prise .a_step .a_step2 .cb_apk {
  display: inline-block;
  width: 7.3%;
  height: 30%;
  position: absolute;
  top: 50%;
  left: 50%;
  cursor: pointer;
  margin-left: 4.6%;
  margin-top: -13%;
}
.appoint_prise .a_step .a_step2 .select {
  width: 23.9%;
  height: 46%;
  font-size: 0.28rem;
  color: #7e6841;
  position: absolute;
  bottom: 0;
  left: 0;
  z-index: 1;
  line-height: 0.62rem;
  text-indent: 11px;
  background: url(../images/a_select.png);
  background-size: 100% 100%;
  cursor: pointer;
}
.appoint_prise .a_step .a_step2 .select #s_img {
  width: 0.58rem;
  height: 0.34rem;
  position: absolute;
  top: 50%;
  margin-top: -0.156rem;
  left: 0.16rem;
}
.appoint_prise .a_step .a_step2 ul.a_select {
  width: 1.18rem;
  height: 3.7rem;
  background: url(../images/select_bg.png);
  background-size: 100% 100%;
  position: absolute;
  left: 0;
  top: 50%;
  margin-top: 4%;
}
.appoint_prise .a_step .a_step2 ul.a_select li {
  width: 100%;
  height: 0.5rem;
  line-height: 0.5rem;
  font-size: 0.3rem;
  text-align: center;
  list-style: none;
  font-size: 0.28rem;
  color: #7e6841;
  cursor: pointer;
  text-indent: -9999px;
}
.appoint_prise .a_step .a_step2 ul.a_select li:nth-child(1) {
  margin-top: 0.43rem;
}
.appoint_prise .a_step .a_step2 ul.a_select li:nth-child(2) {
  margin-top: 0rem;
}
.appoint_prise .a_step .a_step2 ul.a_select li:nth-child(3) {
  margin-top: 0rem;
}
.appoint_prise .a_step .a_step2 ul.a_select li:nth-child(4) {
  margin-top: 0.1rem;
}
.appoint_prise .a_step .a_step2 ul.a_select li:nth-child(5) {
  margin-top: 0rem;
}
.appoint_prise .a_step .a_step2 ul.a_select li:nth-child(6) {
  margin-top: 0rem;
}
.appoint_prise .a_step .a_step2 .phone {
  width: 75%;
  height: 37.5%;
  line-height: 0.51rem;
  position: absolute;
  top: 50%;
  font-size: 0.24rem;
  left: 50%;
  text-align: center;
  color: #666666;
  border: none;
  border-radius: 0.1rem;
  margin-left: -25%;
  margin-top: 2%;
  background: #e1e1e1;
}
.appoint_prise .a_step .a_step2 .phone span {
  display: inline-block;
  position: absolute;
  width: 20%;
  height: 100%;
  vertical-align: middle;
  left: 0;
  top: 0;
  margin-top: -0.5%;
  margin-left: 0;
  font-size: 0.24rem;
  color: #666666;
}
.appoint_prise .a_step .a_step2 .phone .txt {
  width: 80%;
  height: 100%;
  position: absolute;
  right: 0;
  text-align: left;
  border: none;
  background: none;
  font-size: 0.24rem;
  color: #666666;
}
.appoint_prise .a_step .a_button {
  width: 46%;
  height: 15%;
  position: absolute;
  color: #fff;
  top: 50%;
  left: 50%;
  margin-left: -23%;
  margin-top: 43%;
}
.activity_info {
  position: relative;
}
.activity_info .footer_in,.footerL .footer_in {
  position: absolute;
  width: 19%;
  height: 2%;
  text-align: center;
  color: #fff;
  font-size: 0.12rem;
  top: 50%;
  left: 50%;
  margin-left: -12%;
  margin-top: 29.7%;
  text-indent: -9999px;
}
.footerL{
  position: absolute;
  bottom: 0;
  /*width: 10.9rem;*/
  height:.75rem;
  /*left: 50%;*/
  /*margin-left: -5.45rem;*/

}
.footerL img{
  display: block;
}
.footerL .footer_in{
  top: 0rem;
  height: 20%;
  margin-top: 50px;
  margin-left: -19%;
  width: 20%;
}
.activity_info .footer_in a,.footerL .footer_in a {
  position: absolute;
  width: 20%;
  height: 0.24rem;
  /* background: pink;
            opacity: .5; */
}
.footerL .footer_in a {
  width: 25%;
}
.activity_info .footer_in a:nth-child(1),.footerL .footer_in a:nth-child(1){
  left: 0;
}
.activity_info .footer_in a:nth-child(2),.footerL .footer_in a:nth-child(2) {
  left: 26%;
}
.activity_info .footer_in a:nth-child(3),.footerL .footer_in a:nth-child(3) {
  left: 48%;
}
.footerL .footer_in a:nth-child(3) {
  width: 28%;
}
.activity_info .footer_in a:nth-child(4) {
  right: 8%;
}
.footerL .footer_in a:nth-child(4){
  left: 74%;
}
.join_camp {
  position: relative;
}
.join_camp a {
  width: 6%;
  height: 5%;
  position: absolute;
}
.join_camp a.fuhan {
  top: 50%;
  left: 50%;
  margin-left: -2%;
  margin-top: -8.5%;
}
.join_camp a.fuhan.newf {
  animation: scale 0.7s infinite;
}
.join_camp a.zili {
  top: 50%;
  left: 50%;
  margin-left: 15.8%;
  margin-top: 5.4%;
}
.join_camp a.zhuhou {
  top: 50%;
  left: 50%;
  margin-left: -14.7%;
  margin-top: 7.9%;
}
.join_camp .process {
  position: absolute;
  width: 9.05rem;
  height: 0.65rem;
  background: url(../images/jian.png);
  background-size: 100% 100%;
  top: 1.42rem;
  left: 50%;
  margin-left: -4.525rem;
}
.join_camp .process .process_in {
  position: absolute;
  width: 8.4rem;
  height: 0.3rem;
  top: 28%;
  left: 50%;
  margin-left: -3.9rem;
}
.join_camp .process .process_in .pk_point {
  position: absolute;
  width: 2rem;
  height: 1.64rem;
  background: url(../images/pos.png);
  background-size: 100% 100%;
  top: -180%;
  left: 49%;
  margin-left: -0.43rem;
  z-index: 1;
}
.join_camp .process .process_in div {
  display: inline-block;
  position: absolute;
  width: 50%;
  height: 100%;
  top: -1%;
}
.join_camp .process .process_in div.l {
  left: 0;
}
.join_camp .process .process_in div.r {
  right: 0;
}
.join_camp .process .process_in div p {
  position: relative;
  z-index: 1;
  text-align: center;
  color: #ffffff;
  font-size: 0.24rem;
  margin-top: -0.3%;
}
.camp_pk {
  position: relative;
}
.camp_pk .c_txt {
  position: absolute;
  width: 63.96%;
  height: 39%;
  top: 50%;
  left: 50%;
  margin-left: -31.98%;
  margin-top: -36%;
  z-index: 0;
  background: url(../images/scroll_bg.png);
  background-size: 100% 100%;
}
.camp_pk .c_txt iframe {
  width: 77.3%;
  height: 87%;
  position: absolute;
  top: 6%;
  left: 50%;
  margin-left: -39%;
  background: #fff;
}
.tip-box {
  position: fixed;
  width: 9.48rem;
  height: 5.21rem;
  left: 50%;
  top: 25%;
  margin-left: -4.74rem;
  z-index: 999999999;
}
.tip-box .close {
  position: absolute;
  width: 0.69rem;
  height: 0.69rem;
  right: -0.25rem;
  top: 0.1rem;
  background: url(../images/btn_close.png);
  background-size: 100% 100%;
  cursor: pointer;
}
.tip-box .close:hover {
  -webkit-tansform: scale(1, 1);
  transform: scale(1, 1);
}
.tip-box .gift_code {
  position: absolute;
  width: 5.72rem;
  height: 0.5rem;
  left: 50%;
  right: 50%;
  margin-left: -1.5rem;
  margin-top: -2.36rem;
}
.tip-box .gift_code .code {
  position: absolute;
  width: 2.7rem;
  height: 100%;
  right: 1.95rem;
  font-size: 0.275rem;
  color: #000000;
  border: none;
  outline: none;
  background: none;
}
.tip-box .gift_code .copy {
  position: absolute;
  width: 0.9rem;
  height: 100%;
  right: 0;
}
.tip-box .btn {
  position: absolute;
  width: 2.1rem;
  height: 0.76rem;
  left: 50%;
  margin-left: -0.5rem;
  bottom: 1.52rem;
  cursor: pointer;
}
.h_pop .btn {
  bottom: 1.35rem;
}
.q_pop .btn {
  bottom: 1.35rem;
}
.download {
  position: fixed;
  width: 2.4rem;
  height: 5.49rem;
  z-index: 99;
  right: 0rem;
  top: 2.2rem;
  background: url(../images/slideBar_show.png) no-repeat;
  background-size: 100% 100%;
}
.download .setin {
  position: absolute;
  width: 0.5rem;
  height: 1.35rem;
  left: 0;
  top: 1.65rem;
  cursor: pointer;
}
.download a {
  width: 1.56rem;
  height: 0.64rem;
  position: absolute;
  left: 0.67rem;
}
.download a.appoint_prise {
  top: 0.37rem;
}
.download a.join_camp {
  top: 1.03rem;
}
.download a.camp_pk {
  top: 1.69rem;
}
.download a.activity_info {
  top: 2.34rem;
}
.download a.d_ios {
  width: 1.45rem;
  left: 0.6rem;
  top: 3.15rem;
  height: 0.45rem;
}
.download a.d_gp {
  width: 1.45rem;
  left: 0.6rem;
  top: 3.65rem;
  height: 0.45rem;
}
.download a.d_fb {
  width: 1.45rem;
  left: 0.6rem;
  top: 4.15rem;
  height: 0.45rem;
}
.download a.back_top {
  top: 4.7rem;
  height: 0.6rem;
}
.dwrn {
  position: fixed;
  z-index: 99;
  width: 0.52rem;
  height: 1.28rem;
  top: 3.5rem;
  right: -0.62rem;
  background: url(../images/slideBar_hide.png) no-repeat;
  background-size: 100% 100%;
  cursor: pointer;
}
.header {
  position: relative;
}
.header_L{
  width: 100%;
  height: 100%;
}
.header .banner_f {
  width: 16.1rem;
  height: 3.5rem;
  position: absolute;
  z-index: 1;
  top: 5.6rem;
  left: 50%;
  margin-left: -8.05rem;
  background: url(../images/b_f.png);
  background-size: 100% 100%;
}
.header .banner_L {
  width: 12.85rem;
  height: 3.29rem;
  position: absolute;
  z-index: 1;
  top: 5.2rem;
  left: 50%;
  margin-left: -6.425rem;
  background: url(../images/l_f.png);
  background-size: 100% 100%;
}
.header .banner_p {
  width: 9rem;
  height: 8.88rem;
  position: absolute;
  top: 0;
  left: 50%;
  margin-left: -4.5rem;
  background: url(../images/b_people.png);
  background-size: 100% 100%;
}
.header .h-video {
  width: 1.56rem;
  height: 1.47rem;
  position: absolute;
  top: 4.2rem;
  left: 50%;
  margin-left: -0.78rem;
  background: url(../images/btn_video.png);
  background-size: 100% 100%;
  -webkit-animation: scale 0.6s infinite;
  animation: scale 0.6s infinite;
  cursor: pointer;
}
.header .l-video{
  width: 1.3rem;
  height: 1.24rem;
  position: absolute;
  top: 5rem;
  left: 50%;
  margin-left: -0.7rem;
  /*background: url(../images/btn_video.png);*/
  background-size: 100% 100%;
  cursor: pointer;
  z-index: 2;
}
.header .l-video:hover{
  -webkit-animation: scale 0.6s infinite;
  animation: scale 0.6s infinite;
}
.header .btndw {
  width: 100%;
  height: 0.68rem;
  display: flex;
  position: absolute;
  top: 12.03rem;
  left: 50%;
  margin-left: -50%;

}
.header .btndw a {
  flex: 1;
}
.header .app_download,.header .google_download,.header .android_download{
  width:2.4rem;
  height: .8rem;
  position: absolute;
  top: 50%;
  margin-top: 2.9rem;
  left: 56%;
  transition: all .4s ease;
}
.header .app_download:hover,.header .google_download:hover,.header .android_download:hover{
  transform: scale(1.05);
}
.app_download img,.google_download img,.android_download img{
  display: block;
  height: 100%;
}
.app_download{
  margin-left: -4rem;
}
.google_download{
  margin-left:-1rem
}
.android_download{
  margin-left: 2rem;
}
.mask_campPK {
  position: absolute;
  width: 52%;
  height: 44%;
  text-align: center;
  color: #fff;
  font-size: 0.12rem;
  top: 50%;
  left: 50%;
  margin-left: -26%;
  margin-top: -39%;
  z-index: 1;
  background: rgba(0, 0, 0, 0.91);
}
.mask_campPK img {
  position: absolute;
  width: 3.54rem;
  height: 0.6rem;
  top: 50%;
  left: 50%;
  margin-left: -1.77rem;
  margin-top: -0.3rem;
}