@charset "utf-8";
/**
 *  MAIN -----------------
 *  页面样式代码
 */
.cl {
  *zoom: 1;
}
.cl:after {
  display: block;
  clear: both;
  height: 0;
  content: "\200B";
}
body {
  overflow-x: hidden;
  margin: 0;
  padding: 0;
  font: 16px Microsoft YaHei, "\5B8B\4F53", Arial, HELVETICA;
  color: #333;
  background: #f87142;
}
div,
dl,
dt,
dd,
ul,
ol,
li,
h1,
h2,
h3,
h4,
h5,
h6,
pre,
form,
fieldset,
input,
button,
textarea,
blockquote,
p {
  padding: 0;
  margin: 0;
}
ol,
ul,
li {
  list-style: none;
}
input,
button {
  font-family: "Microsoft YaHei";
}
img {
  vertical-align: top;
  border: 0;
}
h1,
h2,
h3,
h4,
h5,
h6 {
  font-weight: normal;
}
a,
label {
  blr: expression(this.onFocus=this.blur());
}
a {
  text-decoration: none;
}
:focus {
  outline-style: none;
}
.fl {
  float: left;
  _display: inline;
}
.fr {
  float: right;
  _display: inline;
}
.wraps {
  position: relative;
  width: 1200px;
  margin: 0 auto 114px;
  height: 100%;
  *zoom: 1;
}
.wraps:after {
  display: block;
  clear: both;
  height: 0;
  content: "\200B";
}
body {
  scrollbar-arrow-color: #e6e6e6;
  /*三角箭头的颜色*/
  scrollbar-face-color: #e6e6e6;
  /*立体滚动条的颜色*/
  scrollbar-shadow-color: #e6e6e6;
  /*立体滚动条阴影的颜色*/
  /*定义滚动条高宽及背景 高宽分别对应横竖滚动条的尺寸*/
  /*定义滚动条轨道 内阴影+圆角*/
  /*定义滑块 内阴影+圆角*/
}
body ::-webkit-scrollbar {
  width: 3px;
  background-color: #fff;
}
body ::-webkit-scrollbar-track {
  border-radius: 10px;
  background-color: #fff;
}
body ::-webkit-scrollbar-thumb {
  border-radius: 10px;
  background-color: #e6e6e6;
}
.zt-banner {
  height: 499px;
}
.zt-banner .bg-img {
  position: absolute;
  top: 0;
  left: 50%;
  width: 1920px;
  max-width: none;
  margin-left: -960px;
}
.zt-banner .times {
  position: absolute;
  left: 244px;
  bottom: 132px;
  width: 660px;
  height: 70px;
  line-height: 70px;
  text-align: center;
  font-size: 20px;
  color: #1b004c;
}
.zt-banner .times .hour,
.zt-banner .times .mini,
.zt-banner .times .sec {
  padding-left: 10px;
}
.zt-banner .times .t {
  font-size: 28px;
}
.zt-banner .times .num-bg {
  font-size: 32px;
}
.zt-box-t {
  height: 20px;
  background: url(../images/bg-top.png) no-repeat 0 0;
}
.zt-box-b {
  height: 20px;
  background: url(../images/bg-b.png) no-repeat 0 0;
}
.zt-box-m {
  background: url(../images/bg-m.png) repeat-y;
}
.zt-box .c-tit {
  font-size: 24px;
  color: #8d2a10;
  text-align: center;
}
.zt-box .zt-yx {
  *zoom: 1;
  padding-bottom: 30px;
}
.zt-box .zt-yx:after {
  display: block;
  clear: both;
  height: 0;
  content: "\200B";
}
.zt-box .zt-yx-l {
  float: left;
  font-size: 24px;
  color: #fff;
}
.zt-box .zt-yx-l .num {
  font-size: 36px;
}
.zt-box .zt-yx-r {
  float: right;
}
.zt-box .zt-yx-r .jl-btn {
  display: block;
  width: 150px;
  height: 44px;
  line-height: 44px;
  border: 1px solid #fff;
  text-align: center;
  font-size: 24px;
  color: #fff;
  -webkit-border-radius: 5px;
  -ms-border-radius: 5px;
  -moz-border-radius: 5px;
  border-radius: 5px;
}
.zt-box .zt-yx-r .jl-btn:hover {
  border: 1px solid #fd6037;
  background: #fd6037;
}
.zt-box1 .main {
  padding: 50px 150px;
}
.zt-box1 .share {
  font-size: 0;
}
.zt-box1 .share .txt {
  display: inline-block;
  *display: inline;
  *zoom: 1;
  width: 135px;
  height: 60px;
  line-height: 60px;
  font-size: 24px;
  color: #8e271c;
  vertical-align: middle;
}
.zt-box1 .share-cont {
  position: relative;
  display: inline-block;
  *display: inline;
  *zoom: 1;
  width: 760px;
  height: 60px;
  line-height: 60px;
  background: #fff0e8;
  -webkit-border-radius: 60px;
  -ms-border-radius: 60px;
  -moz-border-radius: 60px;
  border-radius: 60px;
  font-size: 20px;
  vertical-align: middle;
}
.zt-box1 .share-cont .copy-txt {
  width: 480px;
  height: 60px;
  padding: 0 30px 0 40px;
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 1;
  -webkit-box-orient: vertical;
  font-size: 20px;
  color: #fa8026;
}
.zt-box1 .share-cont .copy-btn {
  position: absolute;
  top: 0;
  left: 560px;
  width: 206px;
  height: 60px;
  line-height: 60px;
  color: #fff;
  text-align: center;
  font-size: 22px;
  background: #b140ff;
  -webkit-border-radius: 60px;
  -ms-border-radius: 60px;
  -moz-border-radius: 60px;
  border-radius: 60px;
}
.zt-box1 .share-cont .copy-btn:hover {
  background: #9c0dff;
}
.zt-box2 .main {
  padding: 60px 210px 40px;
}
.zt-box2 .prix {
  font-size: 0;
}
.zt-box2 .prix-item {
  display: inline-block;
  *display: inline;
  *zoom: 1;
  text-align: center;
}
.zt-box2 .prix-item-cont {
  background: #fff0e8;
  width: 302px;
  height: 223px;
  -webkit-border-radius: 20px;
  -ms-border-radius: 20px;
  -moz-border-radius: 20px;
  border-radius: 20px;
  line-height: 223px;
}
.zt-box2 .prix-item p {
  font-size: 18px;
  color: #333;
  line-height: 50px;
}
.zt-box2 .prix-item img {
  vertical-align: middle;
}
.zt-box2 .prix-item1 {
  margin-right: 170px;
}
.zt-box2 .prix-sm {
  padding-top: 20px;
  text-align: center;
  font-size: 24px;
  color: #fc663a;
}
.zt-box2 .prix-sm p {
  line-height: 40px;
}
.zt-box2 .btn-cont {
  padding-top: 20px;
  text-align: center;
}
.zt-box2 .invitation-btn {
  display: inline-block;
  *display: inline;
  *zoom: 1;
  width: 208px;
  height: 60px;
  line-height: 60px;
  color: #fff;
  text-align: center;
  font-size: 22px;
  background: #b140ff;
  -webkit-border-radius: 60px;
  -ms-border-radius: 60px;
  -moz-border-radius: 60px;
  border-radius: 60px;
}
.zt-box2 .invitation-btn:hover {
  background: #9c0dff;
}
.zt-box2 .sm {
  text-align: center;
  font-size: 14px;
  color: #999;
  line-height: 40px;
}
.zt-box3 .main {
  padding: 45px 60px 60px;
  *zoom: 1;
}
.zt-box3 .main:after {
  display: block;
  clear: both;
  height: 0;
  content: "\200B";
}
.zt-box3-l {
  float: left;
  width: 530px;
  height: 250px;
  vertical-align: top;
  border-right: #fef5f2 1px solid;
}
.zt-box3-l .code {
  padding: 25px 0;
  text-align: center;
}
.zt-box3-l .code img {
  width: 150px;
  height: 150px;
}
.zt-box3-l .contact ul {
  font-size: 0;
  text-align: center;
}
.zt-box3-l .contact li {
  display: inline-block;
  *display: inline;
  *zoom: 1;
  padding-right: 15px;
  font-size: 14px;
  color: #333;
  line-height: 24px;
}
.zt-box3-l .contact li span {
  line-height: 24px;
  display: inline-block;
  *display: inline;
  *zoom: 1;
  vertical-align: middle;
}
.zt-box3-l .contact li .icon {
  width: 24px;
  height: 24px;
  margin-right: 6px;
}
.zt-box3-l .contact li .icon-wx {
  background: url(../images/wx-icon.png) no-repeat 0 0;
}
.zt-box3-l .contact li .icon-pyq {
  background: url(../images/pyq-icon.png) no-repeat 0 0;
}
.zt-box3-l .contact li .icon-qq {
  background: url(../images/qq-icon.png) no-repeat 0 0;
}
.zt-box3-l .contact li .icon-qqkj {
  background: url(../images/qqkj-icon.png) no-repeat 0 0;
}
.zt-box3-r {
  float: left;
  width: 548px;
  height: 250px;
  vertical-align: top;
  border-left: #fee1d5 1px solid;
}
.zt-box3-r .contact-list {
  *zoom: 1;
  padding: 25px 0  0 90px;
}
.zt-box3-r .contact-list:after {
  display: block;
  clear: both;
  height: 0;
  content: "\200B";
}
.zt-box3-r .contact-list li {
  float: left;
  padding: 0 30px;
  font-size: 16px;
  text-align: center;
}
.zt-box3-r .contact-list li p {
  padding: 10px 0 20px;
}
.zt-box3-r .contact-list li a {
  color: #333;
}
.zt-box4 .main {
  padding: 50px 130px;
}
.zt-box4 .list li {
  line-height: 70px;
  font-size: 0;
  color: #333;
}
.zt-box4 .list li.t {
  border: none;
  background: #fff0e8;
  -webkit-border-radius: 5px;
  -ms-border-radius: 5px;
  -moz-border-radius: 5px;
  border-radius: 5px;
}
.zt-box4 .list li.t div {
  font-size: 24px;
  font-weight: 700;
  color: #8d2a10;
}
.zt-box4 .list li div {
  display: inline-block;
  *display: inline;
  *zoom: 1;
  vertical-align: top;
  font-size: 18px;
  text-align: center;
}
.zt-box4 .list li div.item1 {
  width: 196px;
}
.zt-box4 .list li div.item2 {
  width: 480px;
  margin-left: 24px;
}
.zt-box4 .list li div.item3 {
  width: 220px;
}
.zt-box5 .main {
  padding: 30px 140px 30px;
}
.zt-box5 .main p {
  font-size: 18px;
  line-height: 40px;
  color: #333;
}
.zt-tit {
  padding: 60px 0 30px;
  text-align: center;
  font-size: 48px;
  color: #fff;
  font-weight: 700;
  background: url(../images/zt-tit-bg.png) center 75px no-repeat;
}
.zt-notices {
  position: relative;
  width: 900px;
  margin: 40px auto 0;
  text-align: center;
}
.zt-notices .notices {
  position: relative;
  overflow: hidden;
  height: 70px;
  background: #f5f5f5;
  -webkit-border-radius: 70px;
  -ms-border-radius: 70px;
  -moz-border-radius: 70px;
  border-radius: 70px;
}
.zt-notices ul {
  position: absolute;
  top: 0;
  width: 9999px;
}
.zt-notices li {
  float: left;
  line-height: 70px;
  padding: 0 35px;
  color: #333;
  font-size: 20px;
  position: relative;
}
.zt-notices li .name {
  display: inline-block;
  *display: inline;
  *zoom: 1;
  vertical-align: top;
  line-height: 70px;
  padding-right: 15px;
  max-width: 100px;
}
.zt-notices li .name span {
  display: inline-block;
  *display: inline;
  *zoom: 1;
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 1;
  -webkit-box-orient: vertical;
}
.zt-notices li .prize {
  padding-left: 15px;
  vertical-align: top;
  line-height: 70px;
  color: #ff1f1f;
}
.zt-notices li::after {
  content: "";
  position: absolute;
  top: 23px;
  left: 0;
  width: 1px;
  height: 26px;
  background: #d1cfcf;
}
.ztpopup-copy {
  width: 422px;
  height: 220px;
  margin-top: -135px;
  margin-left: -254px;
  padding: 50px 43px 0;
}
.ztpopup-copy .input {
  padding: 30px 26px;
  background: #eeeded;
  line-height: 24px;
  font-size: 14px;
  color: #666;
  text-align: justify;
}
.ztpopup-copy .ztbtn-box {
  margin-top: 26px;
}
.ztpopup-copy .ztbtn-box .ztbtn {
  display: inline-block;
  *display: inline;
  *zoom: 1;
  vertical-align: top;
  width: 150px;
  line-height: 36px;
  font-size: 14px;
  color: #fff;
  -webkit-border-radius: 4px;
  -ms-border-radius: 4px;
  -moz-border-radius: 4px;
  border-radius: 4px;
  background: #ff8a00;
}
.ztpopup-copy .ztbtn-box .ztbtn:hover {
  background: #ffa800;
}
.ztpopup-copy .ztbtn-box p {
  line-height: 1;
  font-size: 12px;
  color: #999;
  margin-top: 10px;
}
.ztpopup-copy .suc {
  height: 44px;
  line-height: 44px;
  color: #2ed25d;
}
.ztpopup-point {
  width: 400px;
  height: 160px;
  margin-top: -80px;
  margin-left: -200px;
  padding: 0;
}
.ztpopup-point .point-cont {
  line-height: 160px;
  text-align: center;
  font-size: 16px;
  color: #666;
}
.ztpopup-ecode {
  width: 400px;
  height: 284px;
  padding: 0;
  margin: -142px 0 0 -200px;
}
.ztpopup-ecode .popup-tit {
  font-size: 16px;
  color: #333;
  padding: 10px 30px;
  line-height: 37px;
  border-bottom: 1px solid #f6f6f6;
  text-align: left;
}
.ztpopup-ecode .ct {
  padding-top: 23px;
  text-align: center;
}
.ztpopup-ecode .ct .ecode {
  display: inline-block;
  *display: inline;
  *zoom: 1;
  vertical-align: top;
  padding: 7px;
  background: #ff8a00;
  -webkit-border-radius: 4px;
  -ms-border-radius: 4px;
  -moz-border-radius: 4px;
  border-radius: 4px;
}
.ztpopup-ecode .ct .ecode img {
  width: 118px;
  height: 118px;
  -webkit-border-radius: 4px;
  -ms-border-radius: 4px;
  -moz-border-radius: 4px;
  border-radius: 4px;
}
.ztpopup-ecode .ct p {
  line-height: 1;
  margin-top: 14px;
  font-size: 14px;
  color: #666;
}
.zt-box .page {
  margin-top: 25px;
}
.zt-box .page span,
.zt-box .page strong {
  display: inline-block;
  *display: inline;
  *zoom: 1;
  padding: 8px 13px 9px;
  margin: 0 5px;
  -webkit-border-radius: 4px;
  -ms-border-radius: 4px;
  -moz-border-radius: 4px;
  border-radius: 4px;
  vertical-align: middle;
  background: #fff;
  font-size: 14px;
  font-weight: 400;
}
.zt-box .page a {
  color: #999;
}
.zt-box .page a:hover {
  background: #ff8a00;
  color: #fff;
}
.zt-box .page .cur {
  background: #ff8a00;
  color: #fff;
}
.zt-box .page .prev,
.zt-box .page .next {
  padding: 8px 13px 9px;
}
.zt-box .page .prev span,
.zt-box .page .next span {
  border: none;
}
.zt-box .uno-result {
  padding: 120px 0 150px;
  text-align: center;
}
.zt-box .uno-result p {
  padding-top: 15px;
  line-height: 25px;
  color: #777;
  font-size: 16px;
}
/* alert, confirm样式 */
#sw-con {
  z-index: 9999;
  width: 396px;
  padding-bottom: 40px;
  position: fixed;
  background: #fff;
  -webkit-border-radius: 4px;
  -ms-border-radius: 4px;
  -moz-border-radius: 4px;
  border-radius: 4px;
}
#sw-tit {
  font-size: 16px;
  color: #666;
  padding: 10px 19px;
  line-height: 37px;
  border-bottom: 1px solid #ddd;
}
#sw-msg {
  padding: 53px 30px 32px;
  line-height: 30px;
  font-size: 16px;
  color: #666;
  text-align: center;
}
#sw-close {
  display: block;
  position: absolute;
  right: 15px;
  top: 15px;
  color: #ccc;
  font-size: 26px;
  cursor: pointer;
}
#sw-close .qj-cha::before {
  font-size: 26px;
}
#sw-close:hover {
  color: #ff8a00;
}
#sw-btn-box {
  text-align: center;
  font-size: 0;
}
#sw-btn-ok,
#sw-btn-no {
  display: inline-block;
  *display: inline;
  *zoom: 1;
  width: 128px;
  height: 34px;
  line-height: 34px;
  color: white;
  border: none;
  font-size: 14px;
  -webkit-border-radius: 4px;
  -ms-border-radius: 4px;
  -moz-border-radius: 4px;
  border-radius: 4px;
}
#sw-btn-ok {
  background: #ff8a00;
  border: 1px solid #ff8a00;
  margin-left: 15px;
}
#sw-btn-ok:hover {
  background: #ffa800;
  border: 1px solid #ffa800;
}
#sw-btn-no {
  color: #666;
  border: 1px solid #ccc;
}
#sw-btn-no:hover {
  color: #ff8a00;
  border: 1px solid #ff8a00;
}
#sw-msg .name {
  color: #ff8a00;
}