@charset "utf-8";
body{ margin:0; padding:0; font-size: 14px; font-family: "Microsoft Yahei",Arial, Helvetica, sans-serif; -webkit-text-size-adjust: none; background-color: #282a2c; overflow-x: hidden;}
div,p,ul,ol,li,dl,dt,dd,h1,h2,h3,h4,h5,h6,form,input,select,textarea,table,td{ margin: 0; padding: 0;}
h1,h2,h3,h4,h5,h6{ font-size: 100%;font-weight: normal;}
*{outline: none;}
img{ border: 0;}
ol,ul{list-style: none;}
a{ font-family: "Microsoft Yahei",Arial, Helvetica, sans-serif; text-decoration: none;outline: none; cursor: pointer;}
a:hover{ text-decoration: none;}

#wrap{ position: relative; min-width: 1360px; max-width: 1920px; height: 980px; margin: 0 auto;}
/* section-main */
.section-main{ position: relative; width: 100%; height: 980px; background: url(../images/main-bg.jpg) no-repeat center top;}
.center-box{ position: relative; width: 1360px; height: 100%; margin: 0 auto;}
.float-ui{ position: relative; width: 100%; height: 100%;}
.float-ui li{ position: absolute; left: 0; top: 0; width: 100%; height: 100%;}
.float-flower{ position: absolute; left: 20px; top: 0;}
.float-slogan{ position: absolute; left: 123px; top: 0;}

.btn-rule{ position: absolute; right: 86px; top: 18px; width: 157px; height: 49px; background: url(../images/btn-rule.png) no-repeat; cursor: pointer;}
/* login */
.login-box{ position: absolute; left: 0; top: 24px; width: 1100px; height: 36px;}
.login-box div{ position: absolute; left: 0; top: 0; width: 100%; height: 100%; font-size: 18px; line-height: 36px; color: #3e3e3e; text-align: right;}
.btn-login,.btn-logout{ color: #fb001e; cursor: pointer;}
.login-after{ display: none;}
.bind-info{ display: none; margin-left: 10px;}
.btn-pop-bind{ color: #0c4dc6; cursor: pointer;}

.enter-btn-box{ display: flex; position: absolute; left: 0; top: 650px; width: 100%; height: 71px; justify-content: center;}
.enter-btn-box span{ display: block; width: 248px; height: 71px; margin: 0 46px; cursor: pointer;}
.btn-pop-map{ background: url(../images/btn-pop-map.png) no-repeat;}
.btn-pop-lottery{ background: url(../images/btn-pop-lottery.png) no-repeat;}
/* section-map */
.section-map{ display: none; position: absolute; left: 0; top: 0; width: 100%; height: 100%; overflow-y: hidden;}
.map-bg{ overflow: hidden; width: 100%; min-width: 1860px; height: 980px; background: url(../images/map-bg.jpg) no-repeat center top;}
.map-box{ width: 1860px;}
.map-box .map{ display: none; position: absolute;}
.map1{ left: 729px; top: 205px;}
.map2{ left: 817px; top: 0;}
.map3{ left: 1041px; top: 232px;}
.map4{ left: 1363px; top: 63px;}
.map5{ left: 203px; top: 12px;}
.map6{ left: -30px; top: 177px;}
.map7{ left: 475px; top: 251px;}

.date-enter{ position: absolute; left: 0; top: 0; width: 100%; height: 100%;}
.date-enter li{ position: absolute;}
#date1{ left: 904px; top: 265px; width: 180px; height: 224px;}
#date2{ left: 1021px; top: 57px; width: 146px; height: 195px;}
#date3{ left: 1251px; top: 305px; width: 180px; height: 224px;}
#date4{ left: 1581px; top: 120px; width: 180px; height: 224px;}
#date5{ left: 485px; top: 110px; width: 146px; height: 195px;}
#date6{ left: 250px; top: 320px; width: 180px; height: 224px;}
#date7{ left: 650px; top: 239px; width: 146px; height: 181px;}
.date-enter li .normal{ display: block; width: 100%;}
.date-enter li .on{ display: none; position: absolute; left: 0; top: 0;}
.date-enter li.on .normal,.date-enter li.active .normal,.date-enter li.done .normal{ display: none;}
.date-enter li.on .on,.date-enter li.active .on,.date-enter li.done .on{ display: block;}
.date-enter li.active{ cursor: pointer; animation: key-huxi-s .8s infinite alternate;}
@keyframes key-huxi-s{
    0%{ opacity: 1; transform: scale(1);}
    100%{ opacity: .9; transform: scale(.9);}
}
.btn-back-main{ position: absolute; left: 260px; top: 50px; width: 132px; height: 63px; background: url(../images/btn-back-main.png) no-repeat; cursor: pointer;}

.hot-box{ position: absolute; left: 894px; top: 700px; width: 588px; height: 93px; background: url(../images/hot-bg.png) no-repeat;}
.hot-line{ position: absolute; left: 155px; top: 13px; width: 408px; height: 41px;}
#hot-progress{ width: 26px; height: 100%; background: url(../images/hot-line.png) no-repeat 0 0;}
.hot-box img{ position: absolute; bottom: 88px;}
.hot-box img#hot-point1{ left: 214px;}
.hot-box img#hot-point2{ left: 346px;}
.hot-box img#hot-point3{ left: 474px;}
.swing{ animation: key-sway 1s alternate infinite;}
@keyframes key-sway {
  0% { transform: rotate(0deg);}
  20% { transform: rotate(15deg);}
  40% { transform: rotate(-15deg);}
  60% { transform: rotate(15deg);}
  80% { transform: rotate(-15deg);}
  100% {transform: rotate(0deg);}
}

.progress-btn-wrap{ position: absolute; left: 204px; top: 94px; width: 470px; height: 37px;}
.progress-btn-wrap span{ float: left; width: 98px; height: 37px; margin-right: 35px; background: url(../images/btn-get-none.png) no-repeat;}
.progress-btn-wrap span.on{ background: url(../images/btn-get.png) no-repeat; cursor: pointer;}
.progress-btn-wrap span.done{ background: url(../images/btn-get-done.png) no-repeat;}
#btn-get-ch{ position: absolute; left: 570px; top: -33px; width: 127px; height: 144px; background: url(../images/btn-get-ch.png) no-repeat 0 0; cursor: pointer;}
#btn-get-ch.done{ background: url(../images/btn-get-ch-done.png) no-repeat 0 0; cursor: default;}
.grayscale{filter: grayscale(100%); cursor: default!important;}

/* pop */
.pop-fixed{ display: none; position: fixed; left: 0; top: 0; z-index: 10000000; width: 100%; height: 100%; background-color:rgba(0,0,0,0.7);}
.pop-bg{ position: absolute; left: 50%; top: 50%; transform: translate(-50%,-50%); width: 1204px; height: 687px;}
.icon-close{ position: absolute; right: -60px; top: -20px; z-index: 10; width: 79px; height: 92px; background:url(../images/icon-close.png); cursor: pointer;}
/* pop-msg */
#pop-msg{ z-index: 10000002;}
.pop-bg1{ width: 727px; height: 412px; background: url(../images/pop-bg1.png) no-repeat;}
.pop-t-msg{ display: block; margin: 70px auto 0;}

.msg-box{ display: flex; width: 566px; height: 166px; margin: 0 auto 0; justify-content: center; align-items: center;}
#msg{ width: 100%; font-size: 35px; line-height: 48px; color: #190202; text-align: center;}
.color-red{ color: #800c16;}
.btn-conform{ display: block; width: 203px; height: 63px; margin: 10px auto 0; background: url(../images/btn-conform.png) no-repeat; cursor: pointer;}
/* pop-rule */
.pop-bg2{ width: 1117px; height: 632px; background: url(../images/pop-bg2.png) no-repeat;}
.pop-t-rule{ display: block; margin: 87px auto 0;}
.cus-scroll{ overflow-x: hidden; overflow-y: auto;}
.cus-scroll::-webkit-scrollbar{ width: 8px; background-color: #a72d33;}
.cus-scroll::-webkit-scrollbar-thumb{ width: 8px; background-color: #b0a18d;}
.rule-scroll{ width: 826px; height: 330px; margin: 23px 0 0 176px;}
.rule-text{ width: 762px; padding-bottom: 30px; line-height: 24px;}
.rule-text .rule-tag{ font-size: 18px; font-weight: bold; color: #462c07;}
.rule-text p{ margin-top: 5px; padding-left: 8px; font-size: 16px; color: #2a220e;}
/* pop-bind */
.pop-t-bind{ display: block; margin: 74px auto 0;}
.form-box{ width: 408px; height: 152px; margin: 0 auto; padding-top: 23px;}
.form-line{ width: 100%; height: 48px; margin-bottom: 15px;}
.form-tag{ float: left; width: 98px; height: 48px; font-size: 24px; line-height: 48px; color: #9b8454;}
.form-line select{ float: right; width: 304px; height: 48px; padding: 0 20px; box-sizing: border-box; font-size: 22px; line-height:48px; color: #b8b1ab; background: url(../images/select-bg.png) no-repeat; border: none; appearance: none; -webkit-appearance: none;}
#btn-sub-bind{ display: block; width: 203px; height: 63px; margin: 0 auto; background: url(../images/btn-sub-bind.png) no-repeat; cursor: pointer;}
/* pop-dialog */
#pop-dialog{ background: rgba(0,0,0,0.88);}
.pop-dialog-box{ position: absolute; left: 50%; transform: translate(-50%,0); width: 1117px; height: 443px; top: 380px;}
.pop-page-wrap{ position: relative; width: 100%; height: 100%;}
.dialog-item{ display: none; position: absolute; width: 100%; height: 100%; left: 0; top: 0;}
.speaker-img{ position: absolute; bottom: 415px; user-select: none;}
.speaker-yuelao,.speaker-ni,.speaker-qianyan1,.speaker-xiaohuan,.speaker-biweitian,.speaker-wanyuntian{ left: 50%; transform: translate(-50%,0);}
.speaker-qianyan2{ left: 190px;}
.speaker-zhouyixian{ left: 210px;}
.speaker-yangkun{ left: 160px;}

.dialog-cont-bg{ position: absolute; left: 0; top: 0; width: 100%; height: 100%; background: url(../images/pop-bg3.png);}
.dialog-cont{ width: 1024px; margin: 0 auto; padding-top: 88px;}
.speaker-name{ display: block; height: 36px; padding-left: 177px; font-size: 30px; font-weight: bold; color: #820b11; user-select: none;}
.dialog-text{ display: flex; width: 800px; height: 140px; margin: 10px auto 0; font-size: 24px; line-height: 42px; color: #190202; justify-content: center; align-items: center; text-align: center; user-select: none;}
.btn-continue{ position: absolute; left: 924px; top: 283px; width: 82px; height: 58px; background: url(../images/btn-continue.png) no-repeat; cursor: pointer;}
.choise-list{ height: 150px; margin: 0 auto; box-sizing: border-box; user-select: none;}
.choise-list li{ margin-bottom: 20px; line-height: 28px; color: #190202; text-decoration: underline; cursor: pointer;}
.choise-list li.on{ color: #800c16;}
.choise-list1{ width: 540px; padding-top: 30px;}
.choise-list1 li{ font-size: 24px;}
.choise-list2{ width: 658px; padding-top: 20px;}
.choise-list2 li{ font-size: 18px;}
.btn-complete{ display: block; width: 203px; height: 63px; margin: 10px auto 0; background: url(../images/btn-complete.png) no-repeat; cursor: pointer;}
/* pop-match */
#pop-match{ background: rgba(0,0,0,0.88);}
.speaker-gaojian{ left: 50%; transform: translate(-50%,0);}
.match-cont{ position: relative; overflow: hidden; width: 663px; height: 186px; margin: 0 auto;}
.match-cont img{ display: none; position: absolute; left: 115px;}
.match-line1{ top: 18px;}
.match-line2{ top: 79px;}
.match-line3{ top: 18px;}
.match-cont ul{ position: relative; z-index: 2; height: 100%;}
.match-cont li{ width: 100%; height: 39px; margin-bottom: 22px; font-size: 20px; line-height: 38px; color: #190202; text-align: center; cursor: pointer;}
.match-cont li.on{ color: #fff;}
.match-left{ float: left; width: 115px; }
.match-left li{ background: url(../images/btn-match-left.png) no-repeat;}
.match-left li:nth-child(1).on{ background: url(../images/btn-match-l-on1.png) no-repeat;}
.match-left li:nth-child(2).on{ background: url(../images/btn-match-l-on2.png) no-repeat;}
.match-left li:nth-child(3).on{ background: url(../images/btn-match-l-on3.png) no-repeat;}
.match-right{ float: right; width: 479px;}
.match-right li{ background: url(../images/btn-match-right.png) no-repeat;}
.match-right li:nth-child(1).on{ background: url(../images/btn-match-r-on3.png) no-repeat;}
.match-right li:nth-child(2).on{ background: url(../images/btn-match-r-on2.png) no-repeat;}
.match-right li:nth-child(3).on{ background: url(../images/btn-match-r-on1.png) no-repeat;}
/* pop-guess */
#pop-guess-name .speaker-img,#pop-guess-position .speaker-img{ left: 50%; transform: translate(-50%,0);}
.guess-text{ margin-top: 12px; font-size: 24px; line-height: 30px; color: #190202; text-align: center;}
.guess-tip{ display: block; height: 56px; font-size: 18px; line-height: 38px; color: #800c16; text-align: center;}
.inp-box{ width: 418px; height: 82px; margin: 0 auto;}
#inp-name{ display: block; width: 418px; height: 66px; padding: 0 28px; box-sizing: border-box; font-size: 30px; line-height: 66px; border: 0; background: url(../images/inp-bg1.png) no-repeat;}

#pop-guess-position .choise-list1{ height: 66px; padding-top: 0;}
#pop-guess-position .choise-list1 li{ float: left; margin: 0 20px;}

/* lottery */
#pop-lottery{ background: rgba(0,0,0,0.88);}
.pop-lottery-box{ position: absolute; left: 50%; top: 50%; transform: translate(-50%,-50%); width: 1080px; height: 698px;}
.lottery-slogan{ position: absolute; top: 16px; left: -111px;}
.lottery-wrap{ position: absolute; left: 409px; top: 0; width: 670px; height: 698px;}
#lottery-cont{ position: relative; width: 100%; height: 100%;}
#lottery-cont li{ position: absolute; width: 150px; height: 150px; background: url(../images/lottery-item-bg.png) no-repeat;}
#lottery-cont li:nth-child(1){ left: 260px; top: 0;}
#lottery-cont li:nth-child(2){ right: 99px; top: 52px;}
#lottery-cont li:nth-child(3){ right: 0; top: 188px;}
#lottery-cont li:nth-child(4){ right: 0; top: 357px;}
#lottery-cont li:nth-child(5){ right: 99px; top: 495px;}
#lottery-cont li:nth-child(6){ left: 260px; bottom: 0;}
#lottery-cont li:nth-child(7){ left: 99px; top: 495px;}
#lottery-cont li:nth-child(8){ left: 0; top: 357px;}
#lottery-cont li:nth-child(9){ left: 0; top: 188px;}
#lottery-cont li:nth-child(10){ left: 99px; top: 52px;}
#lottery-cont li span{ display: none; position: absolute; left: -14px; top: -14px; width: 178px; height: 178px; background: url(../images/lottery-item-on.png) no-repeat;}
#lottery-cont li.on span{ display: block;}
.prize-view{ position: absolute; left: 22px; top: 36px;}
.btn-lottery{ position: absolute; left: 50%; transform: translate(-50%,0); top: 185px; width: 295px; height: 297px; background: url(../images/btn-lottery.png) no-repeat; cursor: pointer;}
.last-num-box{ position: absolute; left: 50%; transform: translate(-50%,0); top: 487px; width: 202px; height: 35px; font-size: 14px; line-height: 35px; color: #fff; text-align: center; background: url(../images/last-num-bg.png) no-repeat;}
.last-num-box span{ color: #ffe96d;}
.btn-prize-record{ position: absolute; left: 572px; top: 622px; width: 157px; height: 49px;background: url(../images/btn-prize-record.png) no-repeat; cursor: pointer;}
/* pop-lottery-succ */
.lottery-game-img-box{ display: flex; width: 100%; height: 136px; justify-content: center; align-items: center;}
.lottery-game-tip{ font-size: 16px; line-height: 18px; color: #800c16; text-align: center;}

#pop-lottery-sw .pop-t-msg{ margin-top: 78px;}
.lottery-sw-img-box{ display: flex; position: absolute; left: 126px; top: 60px; width: 355px; height: 500px; justify-content: center; align-items: center;}
#pop-lottery-sw .form-box{ width: 426px; height: 280px; margin: 0 0 0 480px; padding-top: 56px;}
.form-line2{ height: 120px;}
#pop-lottery-sw .form-tag{ width: 120px; text-align: right;}
.form-r{ float: right; width: 304px;}
.form-r input{ display: block; width: 304px; height: 48px; padding: 0 20px; box-sizing: border-box; font-size: 20px; border: none; background: url(../images/inp-bg2.png) no-repeat;}
#select-province{ float: none!important;}
#receive-address{ margin-top: 10px;}
.btn-sub{ display: block; width: 203px; height: 63px; margin: 0 auto; background: url(../images/btn-sub.png) no-repeat; cursor: pointer;}
/* pop-lottery-record */
.record-box{ width: 889px; height: 330px; margin: 12px 0 0 115px;}
.record-header{ width: 865px; height: 37px; border-bottom: 2px solid #c5b9ab;}
.record-header span{ float: left; font-size: 16px; font-weight: bold; line-height: 37px; color: #462c07; text-align: center;}
.record-box .col1{ width: 130px;}
.record-box .col2{ width: 260px;}
.record-box .col3{ width: 368px;}
.record-box .col4{ width: 106px;}
.record-scroll{ width: 100%; height: 280px; margin-top: 10px;}
.record-list{ width: 865px;}
.record-list li{ height: 40px;}
.record-list li div{ float: left; height: 40px; font-size: 16px; line-height: 40px; color: #2a220e; text-align: center;}
.address-info{ overflow: hidden; width: 308px; margin: 0 auto; text-overflow: ellipsis; white-space: nowrap; text-align: center;}
.address-info span{ color: #800c16;}
.btn-pop-address{ color: #3d54ff; cursor: pointer; text-decoration: underline;}