@charset "UTF-8";
@keyframes a {
  0% {
    opacity: 0
  }
  20% {
    opacity: 0;
    transform: translate(10%, -10%)
  }
  50% {
    opacity: 1;
    transform: translate(0)
  }
  80% {
    opacity: 0;
    transform: translate(-10%, 10%)
  }
  to {
    opacity: 0
  }
}

@keyframes b {
  0% {
    opacity: 0;
    transform: translateX(-20%)
  }
  30% {
    opacity: 0;
    transform: translateX(-20%)
  }
  to {
    opacity: 1;
    transform: translateX(0)
  }
}

@keyframes c {
  0% {
    opacity: 0;
    transform: translateX(20%)
  }
  40% {
    opacity: 0;
    transform: translateX(20%)
  }
  to {
    opacity: 1;
    transform: translateX(0)
  }
}

@keyframes d {
  0% {
    opacity: 0;
    transform: translateY(20%)
  }
  40% {
    opacity: 0;
    transform: translateY(20%)
  }
  to {
    opacity: 1;
    transform: translateY(0)
  }
}

.record::-webkit-scrollbar {
  display: none
}

::-webkit-input-placeholder {
  color: #a94c07
}

body {
  overflow-x: hidden;
  position: relative;
  font-family: 微软雅黑
}

.q {
  width: 220px;
  height: 350px;
  position: absolute;
}

/* .hide {
  display: none;
} */

.t {
  width: 889px;
  height: 463px;
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  background-size: 100%;
  background-repeat: no-repeat;
}
.t-close {
  position: absolute;
  right: 24px;
  top: 17px;
  height: 100px;
  width: 100px;
}

.mask,
body {
  width: 100vw
}

.mask {
  height: 100vh;
  position: fixed;
  left: 0;
  top: 0;
  z-index: 7;
  background-color: rgba(0, 0, 0, .7)
}

.mask.hide {
  display: none
}

.mask .alert-success {
  background: url(../img/alert.png?v=06191053) 0 0 no-repeat;
  width: 446px;
  height: 297px;
  position: absolute;
  left: calc(50% - 223px);
  top: calc(50% - 220px)
}

.mask .alert-success.hide {
  display: none
}

.mask .alert-success .prize-success-msg {
  color: #a94c07;
  font-size: 22px;
  position: absolute;
  left: 0;
  top: 110px;
  text-align: center;
  width: 100%
}

.mask .address {
  background: url(../img/address.png?v=06191053) 0 0 no-repeat;
  width: 446px;
  height: 441px;
  position: absolute;
  left: calc(50% - 223px);
  top: calc(50% - 220px)
}

.mask .address.hide {
  display: none
}

.mask .address .prize-msg {
  color: #a94c07;
  font-size: 22px;
  position: absolute;
  left: 0;
  top: 110px;
  text-align: center;
  width: 100%
}

.mask .address .address-close {
  width: 63px;
  height: 66px;
  position: absolute;
  right: 20px;
  top: 0;
  cursor: pointer
}

.mask .address .confirm-btn {
  width: 304px;
  height: 44px;
  left: 71px;
  top: 376px;
  position: absolute
}

.mask .address .input {
  width: 190px;
  height: 20px;
  position: absolute;
  color: #9c4d1e;
  font-size: 20px;
  background: transparent;
  border: 0;
  outline: none
}

.mask .address .name {
  left: 170px;
  top: 237px
}

.mask .address .mobile {
  left: 170px;
  top: 273px
}

.mask .address .mail-address {
  resize: none;
  width: 190px;
  height: 50px;
  position: absolute;
  left: 172px;
  top: 308px;
  color: #9c4d1e;
  font-size: 20px;
  background: transparent;
  border: 0;
  outline: none
}

.mask .lottery-info {
  background: url(../img/lottery_info.png?v=06191053) 0 0 no-repeat;
  width: 446px;
  height: 371px;
  position: absolute;
  left: calc(50% - 223px);
  top: calc(50% - 220px)
}

.mask .lottery-info.hide {
  display: none
}

.mask .lottery-info .lottery-info-close {
  width: 63px;
  height: 66px;
  position: absolute;
  right: 20px;
  top: 0;
  cursor: pointer
}

.mask .lottery-info .record {
  line-height: 40px;
  font-size: 18px;
  color: #9c4d1e;
  width: 330px;
  height: 220px;
  position: absolute;
  left: 55px;
  top: 96px;
  overflow-y: auto
}

.mask .lottery-info .last {
  width: 110px;
  height: 42px;
  position: absolute;
  left: 61px;
  top: 307px
}

.mask .lottery-info .next {
  width: 110px;
  height: 42px;
  position: absolute;
  right: 61px;
  top: 307px
}

.mask .invite-dialog {
  background: url(../img/invite_dialog.png?v=06191053) 0 0 no-repeat;
  width: 446px;
  height: 371px;
  position: absolute;
  left: calc(50% - 223px);
  top: calc(50% - 220px)
}

.mask .invite-dialog.hide {
  display: none
}

.mask .invite-dialog .tip {
  font-size: 20px;
  color: #9c4d1e;
  position: absolute
}

.mask .invite-dialog .tip .num {
  color: #cb1212
}

.mask .invite-dialog .has-invite {
  left: 50px;
  top: 330px
}

.mask .invite-dialog .has-ordered {
  top: 330px;
  right: 50px
}

.mask .invite-dialog .invite-dialog-close {
  width: 63px;
  height: 66px;
  position: absolute;
  right: 20px;
  top: 0;
  cursor: pointer
}

.mask .invite-dialog .invite-btn {
  width: 180px;
  height: 56px;
  position: absolute;
  left: 130px;
  top: 245px
}

.mask .invite-dialog .input {
  width: 300px;
  height: 38px;
  position: absolute;
  color: #9c4d1e;
  font-size: 22px;
  border: 0;
  outline: none;
  line-height: 38px;
  background-color: transparent
}

.mask .invite-dialog .inviter {
  left: 73px;
  top: 124px
}

.mask .invite-dialog .invitee {
  left: 73px;
  top: 180px
}

.mask .order-success {
  background: url(../img/order_success.png?v=06191053) 0 0 no-repeat;
  width: 446px;
  height: 371px;
  position: absolute;
  left: calc(50% - 223px);
  top: calc(50% - 220px)
}

.mask .order-success.hide {
  display: none
}

.mask .order-success .order-success-close {
  width: 63px;
  height: 66px;
  position: absolute;
  right: 20px;
  top: 0;
  cursor: pointer
}

.mask .order-success .go-lottery {
  width: 180px;
  height: 56px;
  position: absolute;
  left: 130px;
  top: 270px;
  cursor: pointer
}

li {
  list-style: none
}

.hidden {
  display: none
}

.wrapper {
  width: 1200px;
  margin: 0 auto;
  position: relative
}

.down1 {
  top: 884px
}

.down1,
.down2 {
  width: 53px;
  height: 27px;
  background: url(../img/down.png?v=06191053) 0 0 no-repeat;
  position: absolute;
  left: calc(50% - 27px);
  animation: e infinite 1s;
  z-index: 5
}

.down2 {
  top: 1795px
}

.down3 {
  width: 53px;
  height: 27px;
  background: url(../img/down.png?v=06191053) 0 0 no-repeat;
  position: absolute;
  left: calc(50% - 27px);
  top: 2705px;
  animation: e infinite 1s;
  z-index: 5
}

@keyframes e {
  0% {
    transform: translateY(-20px);
    opacity: 0
  }
  to {
    transform: translateY(0);
    opacity: 1
  }
}

.banner {
  width: 100%;
  height: 40px;
  background: #fff;
  position: fixed;
  top: 0;
  left: 0;
  z-index: 6
}

.banner .left_banner {
  font-size: 12px;
  color: #2e5376;
  height: 40px;
  line-height: 40px;
  float: left;
  margin-left: 73px
}

.banner .right_banner {
  float: right;
  margin-right: 5px
}

.banner .right_banner li {
  height: 40px;
  line-height: 40px;
  float: left;
  margin-left: 28px
}

.banner .right_banner a {
  color: #383838;
  font-size: 12px;
  text-decoration: none
}

.banner .right_banner a:hover {
  text-decoration: underline
}

.l_p {
  width: 1044px;
  height: 821px;
  background: url(../img/l_p.png?v=06191053) 0 0 no-repeat;
  left: -230px;
  top: 24px
}

.l_p,
.r_p {
  position: absolute
}

.r_p {
  width: 1269px;
  height: 756px;
  background: url(../img/r_p.png?v=06191053) 0 0 no-repeat;
  left: 70px;
  top: 100px
}

.cloud {
  width: 1920px;
  height: 717px;
  background: url(../img/cloud.png?v=06191053) 0 0 no-repeat;
  left: 0;
  top: 320px;
  z-index: 1
}

.cloud,
.play_btn {
  position: absolute
}

.play_btn {
  width: 260px;
  height: 120px;
  background: url(../img/play.png?v=06191053) 0 0 no-repeat;
  left: calc(50% - 120px);
  top: 485px;
  z-index: 2;
  transition: .3s;
  cursor: pointer
}

.video-box {
  width: 100vw;
  height: 100vh;
  position: fixed;
  left: 0;
  top: 0;
  background-color: rgba(0, 0, 0, .7);
  z-index: 7;
  display: none
}

.video-box .video-close-btn {
  background: url(../img/close.png?v=06191053) 0 0 no-repeat;
  background-size: 50px 50px;
  width: 50px;
  height: 50px;
  position: absolute;
  left: calc(50% - 25px);
  bottom: 50px
}

.video-box #video {
  max-width: 100vw;
  height: 80vh;
  position: fixed;
  left: 50%;
  top: 45%;
  transform: translate(-50%, -50%);
  background: #000;
  z-index: 8
}

.play_btn:hover {
  transform: scale(1.1)
}

.container {
  background: url(../img/bg001.jpg??v=06191053) center 40px no-repeat;
  max-width: 1920px;
  height: 3273px;
  padding-top: 40px;
  min-width: 1200px
}

.container .section_01 {
  width: 1200px;
  height: 851px;
  margin: 0 auto;
  position: relative
}

.container .section_01 .leaf {
  width: 1920px;
  height: 665px;
  margin: 0 auto;
  background: url(../img/leaf.png?v=06191053) center 40px no-repeat;
  animation: a infinite 3.5s linear
}

.container .section_01 .choose_game_bg {
  background: url(../img/test.png?v=06191053) 0 0 no-repeat;
  width: 571px;
  height: 139px;
  position: absolute;
  left: 350px;
  top: 0
}

.container .section_01 .choose_game {
  width: 232px;
  height: 54px;
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  margin: 0 auto
}

.container .section_01 .choose_game .choose_game_l {
  width: 94px;
  height: 54px;
  overflow: hidden;
  background: url(../img/sprite_01.png?v=06191053) 0 0 no-repeat;
  float: left;
  cursor: pointer
}

.container .section_01 .choose_game .choose_game_l:hover {
  background: url(../img/sprite_01.png?v=06191053) 0 -54px no-repeat
}

.container .section_01 .choose_game .choose_game_r {
  width: 94px;
  height: 54px;
  overflow: hidden;
  background: url(../img/sprite_01.png?v=06191053) -94px -54px no-repeat;
  float: left;
  cursor: pointer;
  margin-left: 44px
}

.container .section_01 .appointment {
  width: 517px;
  height: 142px;
  background: url(../img/dla2.png?v=06191053) no-repeat;
  position: absolute;
  left: 345px;
  top: 619px;
  z-index: 3
}

.container .section_01 .appointment .down_ios {
  width: 170px;
  height: 50px;
  position: absolute;
  left: 18px;
  top: 14px;
  z-index: 3;
  cursor: pointer;
}

.container .section_01 .appointment .down_win {
  width: 170px;
  height: 50px;
  position: absolute;
  right: 18px;
  top: 14px;
  z-index: 3;
  cursor: pointer;
}

.container .section_01 .appointment .down_and {
  width: 170px;
  height: 50px;
  position: absolute;
  left: 18px;
  bottom: 17px;
  z-index: 3;
  cursor: pointer;
}

.container .section_01 .appointment .down_pc {
  width: 170px;
  height: 50px;
  position: absolute;
  right: 18px;
  bottom: 17px;
  z-index: 3;
  cursor: pointer;
}

.container .section_02 {
  width: 1200px;
  height: 912px;
  margin: 0 auto;
  position: relative;
  overflow: hidden
}

.container .section_02 .box {
  width: 1200px;
  margin: 161px auto 0
}

.container .section_02 .box .tab_menu {
  overflow: hidden;
  margin: 0 auto;
  width: 1070px;
  height: 65px;
  background: url(../img/section_02_01.png?v=06191053) no-repeat;
  position: relative
}

.container .section_02 .box .tab_menu li {
  width: 126px;
  height: 65px;
  float: left;
  cursor: pointer
}

.container .section_02 .box .tab_menu li a {
  text-decoration: none;
  text-indent: -99999px;
  display: block;
  width: 126px;
  height: 65px
}

.container .section_02 .box .tab_menu li.tabs_title_01 {
  margin-left: 69px
}

.container .section_02 .box .tab_menu li.tabs_title_02 {
  margin-left: 70px
}

.container .section_02 .box .tab_menu li.tabs_title_03 {
  margin-left: 80px
}

.container .section_02 .box .tab_menu li.tabs_title_04 {
  margin-left: 70px
}

.container .section_02 .box .tab_menu li.tabs_title_05 {
  margin-left: 80px
}

.container .section_02 .box .tab_menu li.current.tabs_title_01 {
  background: url(../img/section_02_02.png?v=06191053) no-repeat
}

.container .section_02 .box .tab_menu li.current.tabs_title_02 {
  background: url(../img/section_02_03.png?v=06191053) no-repeat
}

.container .section_02 .box .tab_menu li.current.tabs_title_03 {
  background: url(../img/section_02_04.png?v=06191053) no-repeat
}

.container .section_02 .box .tab_menu li.current.tabs_title_04 {
  background: url(../img/section_02_05.png?v=06191053) no-repeat
}

.container .section_02 .box .tab_menu li.current.tabs_title_05 {
  background: url(../img/section_02_06.png?v=06191053) no-repeat
}

.container .section_02 .box .tab_box {
  margin-top: 41px;
  color: #fff
}

.container .section_02 .box .tab_box .tab1 {
  animation: d 1 .5s;
  width: 1200px;
  height: 571px;
  background: url(../img/order_bg.png?v=06191053) no-repeat;
  position: relative
}

.container .section_02 .box .tab_box .tab1 #get-order {
  bottom: 60px
}

.container .section_02 .box .tab_box .tab1 #get-order,
.container .section_02 .box .tab_box .tab1 #get-vali {
  width: 224px;
  height: 50px;
  background-color: transparent;
  position: absolute;
  left: 668px;
  cursor: pointer;
  color: #fff;
  font-size: 26px;
  letter-spacing: 3px;
  outline: none
}

.container .section_02 .box .tab_box .tab1 #get-vali {
  bottom: 140px
}

.container .section_02 .box .tab_box .tab1 .mobile-order {
  top: 385px
}

.container .section_02 .box .tab_box .tab1 .mobile-order,
.container .section_02 .box .tab_box .tab1 .validate-order {
  width: 322px;
  height: 40px;
  border: 0;
  outline: none;
  background-color: transparent;
  font-size: 24px;
  color: #a94c07;
  position: absolute;
  left: 322px
}

.container .section_02 .box .tab_box .tab1 .validate-order {
  top: 464px
}

.container .section_02 .box .tab_box .tab1 .s_btn {
  width: 145px;
  height: 51px;
  background: url(../img/b_sys.png?v=06191053) no-repeat;
  color: #fff;
  font-size: 28px;
  text-align: center;
  line-height: 51px;
  cursor: pointer
}

.container .section_02 .box .tab_box .tab1 .s_btn.active {
  background: url(../img/s_sys.png?v=06191053) no-repeat !important
}

.container .section_02 .box .tab_box .tab1 #ios {
  position: absolute;
  left: 588px;
  top: 300px
}

.container .section_02 .box .tab_box .tab1 #android {
  position: absolute;
  left: 770px;
  top: 300px
}

.container .section_02 .box .tab_box .tab2 {
  animation: d 1 .5s;
  width: 1200px;
  height: 571px;
  background: url(../img/lottery_bg.png?v=06191053) no-repeat;
  position: relative
}

.container .section_02 .box .tab_box .tab2 .chances {
  font-size: 22px;
  color: #a94c07;
  position: absolute;
  left: 0;
  top: 105px;
  width: 100%;
  text-align: center
}

.container .section_02 .box .tab_box .tab2 .mobile {
  width: 322px;
  height: 40px;
  border: 0;
  outline: none;
  background-color: transparent;
  font-size: 24px;
  color: #a94c07;
  position: absolute;
  top: 464px;
  left: 322px
}

.container .section_02 .box .tab_box .tab2 .lottery-submit {
  width: 224px;
  height: 50px;
  background-color: transparent;
  position: absolute;
  bottom: 60px;
  left: 668px;
  cursor: pointer;
  color: #fff;
  font-size: 26px;
  letter-spacing: 3px;
  outline: none
}

.container .section_02 .box .tab_box .tab2 .handle-lottery {
  width: 227px;
  height: 95px;
  position: absolute;
  background-color: transparent;
  left: 490px;
  top: 235px;
  cursor: pointer
}

.container .section_02 .box .tab_box .tab2 .selected {
  width: 235px;
  height: 102px;
  background: url(../img/selected.png?v=06191053) no-repeat;
  position: absolute;
  left: 261px;
  top: 140px
}

.container .section_02 .box .tab_box .tab2 .a1 {
  transform: translate(0)
}

.container .section_02 .box .tab_box .tab2 .a2 {
  transform: translate(223px)
}

.container .section_02 .box .tab_box .tab2 .a3 {
  transform: translate(446px)
}

.container .section_02 .box .tab_box .tab2 .a4 {
  transform: translate(446px, 90px)
}

.container .section_02 .box .tab_box .tab2 .a5 {
  transform: translate(446px, 180px)
}

.container .section_02 .box .tab_box .tab2 .a6 {
  transform: translate(223px, 180px)
}

.container .section_02 .box .tab_box .tab2 .a7 {
  transform: translateY(180px)
}

.container .section_02 .box .tab_box .tab2 .a8 {
  transform: translateY(90px)
}

.container .section_02 .box .tab_box .tab3 {
  animation: d 1 .5s;
  width: 1200px;
  height: 571px;
  background: url(../img/club_bg.png?v=06191053) no-repeat;
  position: relative
}

.container .section_02 .box .tab_box .tab3 .go-invite {
  width: 232px;
  height: 54px;
  position: absolute;
  left: 481px;
  top: 438px
}

.container .section_02 .box .tab_box .tab3 .p_line {
  width: 638px;
  height: 15px;
  position: absolute;
  left: 240px;
  top: 146px;
  overflow: hidden
}

.container .section_02 .box .tab_box .tab3 .p_line .line {
  width: 638px;
  height: 15px;
  position: absolute;
  background: url(../img/p_line.png?v=06191053) no-repeat
}

.container .section_02 .box .tab_box .tab3 .progress {
  width: 826px;
  height: 307px;
  position: absolute;
  left: 195px;
  top: 100px
}

.container .section_02 .box .tab_box .tab3 .p0 {
  background: url(../img/p0.png?v=06191053) no-repeat
}

.container .section_02 .box .tab_box .tab3 .p1 {
  background: url(../img/p1.png?v=06191053) no-repeat
}

.container .section_02 .box .tab_box .tab3 .p2 {
  background: url(../img/p2.png?v=06191053) no-repeat
}

.container .section_02 .box .tab_box .tab3 .p3 {
  background: url(../img/p3.png?v=06191053) no-repeat
}

.container .section_02 .box .tab_box .tab3 .p4 {
  background: url(../img/p4.png?v=06191053) no-repeat
}

.container .section_02 .box .tab_box .tab3 .p5 {
  background: url(../img/p5.png?v=06191053) no-repeat
}

.container .section_02 .box .tab_box .tab3 .p6 {
  background: url(../img/p6.png?v=06191053) no-repeat
}

.container .section_02 .box .tab_box .tab3 .p7 {
  background: url(../img/p7.png?v=06191053) no-repeat
}

.container .section_02 .box .tab_box .tab3 .p8 {
  background: url(../img/p8.png?v=06191053) no-repeat
}

.container .section_02 .box .tab_box .tab3 .p9 {
  background: url(../img/p9.png?v=06191053) no-repeat
}

.container .section_02 .box .tab_box .tab3 .p10 {
  background: url(../img/p10.png?v=06191053) no-repeat
}

.container .section_02 .box .tab_box .tab3 .desc {
  color: #a94c07;
  font-size: 22px;
  letter-spacing: 2px;
  width: 100%;
  text-align: center;
  position: absolute;
  left: 0;
  bottom: 46px
}

.container .section_02 .box .tab_box .tab4 {
  animation: d 1 .5s;
  width: 1200px;
  height: 571px;
  background: url(../img/bullet.png?v=06191053) no-repeat;
  position: relative
}

.container .section_02 .box .tab_box .tab4 .bullet-box {
  position: absolute;
  top: 50px;
  left: 197px;
  width: 803px;
  height: 336px;
  overflow: hidden
}

.container .section_02 .box .tab_box .tab4 .bullet-input {
  width: 430px;
  height: 40px;
  border: 0;
  outline: none;
  background-color: transparent;
  font-size: 24px;
  color: #a94c07;
  position: absolute;
  top: 464px;
  left: 322px
}

.container .section_02 .box .tab_box .tab4 .bullet-submit {
  width: 120px;
  height: 48px;
  position: absolute;
  left: 768px;
  bottom: 63px;
  border: 0;
  background-color: transparent;
  outline: none;
  cursor: pointer
}

.container .section_02 .box .tab_box .tab5 {
  animation: d 1 .5s;
  width: 1200px;
  height: 571px;
  background: url(../img/rule_bg.png?v=06191053) no-repeat;
  padding: 140px 200px 0
}

.container .section_02 .box .tab_box .tab5 p {
  width: 800px;
  color: #a94c07;
  font-size: 20px;
  line-height: 50px
}

.container .section_02 .box .tab_box .hide {
  display: none
}

.container .section_03 {
  width: 100%;
  height: 909px;
  margin: 0 auto;
  position: relative;
  overflow: hidden
}

.container .section_03 .box {
  width: 100%;
  margin: 127px auto 0
}

.container .section_03 .box .tab_box {
  margin-top: 41px;
  margin-bottom: 39px
}

.container .section_03 .box .tab_box .img_01 {
  background: url(../img/section_03_06.png?v=06191053) top no-repeat;
  width: 100%;
  height: 625px;
  animation: b 1 .8s
}

.container .section_03 .box .tab_box .img_01 .p01 {
  background: url(../img/section_03_06_p.png?v=06191053) 90% top no-repeat;
  height: 625px;
  animation: c 1 .8s
}

.container .section_03 .box .tab_box .img_02 {
  background: url(../img/section_03_07.png?v=06191053) top no-repeat;
  width: 100%;
  height: 625px;
  animation: b 1 .8s
}

.container .section_03 .box .tab_box .img_02 .p02 {
  background: url(../img/section_03_07_p.png?v=06191053) 90% top no-repeat;
  height: 625px;
  animation: c 1 .8s
}

.container .section_03 .box .tab_box .img_03 {
  background: url(../img/section_03_08.png?v=06191053) top no-repeat;
  width: 100%;
  height: 625px;
  animation: b 1 .8s
}

.container .section_03 .box .tab_box .img_03 .p03 {
  background: url(../img/section_03_08_p.png?v=06191053) 90% top no-repeat;
  height: 625px;
  animation: c 1 .8s
}

.container .section_03 .box .tab_box .img_04 {
  background: url(../img/section_03_09.png?v=06191053) top no-repeat;
  width: 100%;
  height: 625px;
  animation: b 1 .8s
}

.container .section_03 .box .tab_box .img_04 .p04 {
  background: url(../img/section_03_09_p.png?v=06191053) 90% top no-repeat;
  height: 625px;
  animation: c 1 .8s
}

.container .section_03 .box .tab_box .hide {
  display: none
}

.container .section_03 .box .tab_menu {
  overflow: hidden;
  margin: 0 auto;
  width: 1070px;
  height: 65px;
  background: url(../img/section_03_01.png?v=06191053) no-repeat;
  position: relative
}

.container .section_03 .box .tab_menu li {
  height: 65px;
  float: left;
  cursor: pointer
}

.container .section_03 .box .tab_menu li a {
  text-decoration: none;
  text-indent: -99999px;
  display: block;
  width: 126px;
  height: 65px
}

.container .section_03 .box .tab_menu li.tabs_title_01 {
  width: 165px;
  margin-left: 83px
}

.container .section_03 .box .tab_menu li.tabs_title_02 {
  width: 178px;
  margin-left: 63px
}

.container .section_03 .box .tab_menu li.tabs_title_03 {
  width: 180px;
  margin-left: 46px
}

.container .section_03 .box .tab_menu li.tabs_title_04 {
  width: 182px;
  margin-left: 63px
}

.container .section_03 .box .tab_menu li.current.tabs_title_01 {
  background: url(../img/section_03_02.png?v=06191053) no-repeat
}

.container .section_03 .box .tab_menu li.current.tabs_title_02 {
  background: url(../img/section_03_03.png?v=06191053) no-repeat
}

.container .section_03 .box .tab_menu li.current.tabs_title_03 {
  background: url(../img/section_03_04.png?v=06191053) no-repeat
}

.container .section_03 .box .tab_menu li.current.tabs_title_04 {
  background: url(../img/section_03_05.png?v=06191053) no-repeat
}

.container .section_04 {
  width: 1200px;
  height: 444px;
  margin: 0 auto;
  position: relative
}

.container .section_04 .qr-box {
  position: absolute;
  width: 1023px;
  height: 319px;
  background: url(../img/4_1.png?v=06191053) no-repeat;
  left: 40px;
  top: 60px
}

.container .section_04 .qr-box .text {
  position: absolute;
  color: #fff;
  line-height: 20px
}

.container .section_04 .qr-box .text .title {
  color: #dd9642
}

.container .section_04 .qr-box .text .black {
  color: #000
}

.container .section_04 .qr-box .text.text1 {
  left: 135px;
  top: 95px
}

.container .section_04 .qr-box .text.text2 {
  left: 410px;
  top: 10px
}

.container .section_04 .qr-box .text.text3 {
  left: 135px;
  top: 275px
}

.container .section_04 .qr-box .text.text4 {
  left: 309px;
  top: 208px
}

.container .section_04 .qr-box .text.text5 {
  left: 309px;
  top: 233px
}

.container .footer {
  width: 1200px;
  height: 157px;
  margin: 0 auto;
  position: relative
}

.container .footer .content {
  width: 1098px;
  height: 139px;
  background: url(../img/foot.png?v=06191053) no-repeat
}

.container .footer .content .info {
  position: absolute;
  width: 100%;
  top: 30px
}

.container .footer .content .info p {
  color: #d5b285;
  font-size: 12px;
  text-align: center;
  line-height: 25px
}

.container .footer .content .icp {
  color: #dcd3c6;
  font-size: 12px;
  position: absolute;
  left: 500px;
  bottom: 24px
}

.container .fix_box {
  transition: .5s;
  z-index: 4;
  position: fixed;
  bottom: 80px;
  right: 0;
  background: url(../img/fixed_bg_0618.png?v=06191053) no-repeat;
  width: 236px;
  height: 518px;
  overflow: hidden
}

.container .fix_box.hide {
  transform: translateX(100%)
}

.container .fix_box .qrcode {
  background: url(../img/fix_qrcode.jpg??v=06191053) no-repeat;
  width: 99px;
  height: 99px;
  position: absolute;
  top: 50px;
  left: 78px
}

.container .fix_box ul {
  position: absolute;
  top: 210px;
  left: 56px
}

.container .fix_box ul li {
  background: url(../img/fix_btn.jpg??v=06191053) no-repeat;
  width: 143px;
  height: 39px;
  line-height: 39px;
  margin-bottom: 12px;
  text-align: center
}

.container .fix_box ul li a {
  text-decoration: none;
  color: #fff;
  width: 100%;
  height: 100%;
  display: inline-block;
  font-size: 16px
}

.container .fix_box ul li a:hover {
  text-decoration: underline
}