@charset "utf-8";
html,body,form,ol,ul,li,div,p,dl,dt,dd,h1,h2,h3,h4,h5,h6,table,th,td,font,em,ins,span,a{margin:0; padding:0; outline: none;}
h1,h2,h3,h4,h5,h6,button,input,select,textarea{font-size:100%;font-weight:normal}
ul,li,div,dl,dt,dd{list-style:none;}
h1.wm-public{height:0px; line-height:0px; font-size:0px;}
span,a,strong,div{-webkit-appearance:none;-webkit-tap-highlight-color:transparent;}
a{text-decoration:none;}
a{blr:expression(this.onFocus=this.blur());outline:none;}
img{border:0;}
font,em{font-style:normal; font-family:\5b8b\4f53;}
label{vertical-align:middle; font-family:tahoma;}
textarea,input{resize:none; outline:none;}
ins{float:right; text-decoration:none; font-weight:normal;}
.pub_wsp{word-wrap:break-word; word-break:break-all;}
.pub_abso{vertical-align:middle;}
.pub_clr{clear:both;font-size:0;height:0;line-height:0;overflow:hidden;}
.pub_ani{-webkit-transition:0.4s;-moz-transition:0.4s;-ms-transition:0.4s;-o-transition:0.4s;transition:0.4s;}
.pub_yh{font-family:"Microsoft YaHei";}
.pub_btn{display: block; overflow: hidden; text-indent: -999px; cursor: pointer; margin: 0 auto;}
.pub_btn:hover{background-position: 0 bottom;}
.pub_le{float: left}
.pub_lr{float: right;}
.pub_ib{text-align: center; display: table; word-spacing:-1em;}
.pub_text1{display: block;text-overflow: ellipsis;white-space: nowrap;overflow: hidden;}
.pub_text2{overflow: hidden;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 2;}
.pub_table{border-collapse: collapse; width: 100%;}
.none{display:none;}
*:not(input):not(textarea){user-select:none;}
body{background:#282a2c; font-size:12px; font-family:"Microsoft YaHei",Verdana,Geneva,sans-serif,\5b8b\4f53;  -webkit-text-size-adjust: 100%; min-width: 1300px;}

#content{position: relative; height: 1080px; max-width: 1920px; margin: 0 auto;}
#content_temp{position: relative; max-width: 1920px; margin: 0 auto;}
.logo{display: block; position: absolute; left: 330px; top: 20px;}
.publicMain{width: 1200px; height: 100%; margin: 0 auto; position: relative;}
.section{display: none; width: 100%; height: 100%; position: absolute; left: 0; top: 0;}
.section1{background: url(../images/bg.jpg) no-repeat center 0;}
.section2{background: url(../images/bg2.jpg) no-repeat center 0;}
.snowfallCont{width: 1920px; height: 1080px; overflow: hidden; position: absolute; left: 50%; margin-left: -960px; top: 0; z-index: 1;}
.mainCont{width: 1920px; height: 1080px; overflow: hidden; position: absolute; left: 50%; margin-left: -960px; top: 0; z-index: 2;}

.btnPub{display: block; width: 99px; height: 213px; cursor: pointer; position: absolute; background-position: 0 0; background-repeat: no-repeat; transition: transform 0.2s;}
.btnPub span{display: block; width: 21px; height: 179px; background-position: 0 0; background-repeat: no-repeat; position: absolute; right: -22px; top: 15px;}
.btnPub span.time1{background-image: url(../images/time1.png);}
.btnPub span.time2{background-image: url(../images/time2.png);}
.btnPub span.time3{background-image: url(../images/time3.png);}
.btnPub span.time4{background-image: url(../images/time4.png);}
.btnPub.b1{background-image: url(../images/b1.png); left: 92px; top: 61px;}
.btnPub.b2{background-image: url(../images/b2.png); left: 121px; top: 545px;}
.btnPub.b3{background-image: url(../images/b3.png); left: 306px; top: 243px;}
.btnPub.b4{background-image: url(../images/b4.png); left: 374px; top: 596px;}
.btnPub.b5{background-image: url(../images/b5.png); left: 515px; top: 456px;}
.btnPub.b6{background-image: url(../images/b6.png); left: 632px; top: 76px;}
.btnPub.b7{background-image: url(../images/b7.png); left: 1070px; top: 32px;}
.btnPub.b8{background-image: url(../images/b8.png); left: 1262px; top: 578px;}
.btnPub.b9{background-image: url(../images/b9.png); left: 1415px; top: 77px;}
.btnPub.b10{background-image: url(../images/b10.png); left: 1549px; top: 656px;}
.btnPub.b11{background-image: url(../images/b11.png); left: 1617px; top: 28px;}
.btnPub:hover{background-position: 0 -250px; transform: translate(0,-10px);}
.popShow{width: 248px; height: 308px; background: url(../images/popShow.png) no-repeat 0 0; position: absolute; right: -232px; top: -9px; display: none;}
.popShow img{display: block; border-radius: 6px; width: 200px; height: 200px; position: absolute; left: 24px; top: 24px;}
.btnPub.b9:hover .popShow{display: block;}

.lotterTips{display: block; position: absolute; left: 0; top: 596px; font-size: 14px; color: #000; text-align: center; font-weight: normal; width: 100%;}

.videoCont{width: 604px; height: 283px; background: url(../images/btnBideo.png) no-repeat 0 0; position: absolute; left: 600px; top: 453px;}
.play{display: block; cursor: pointer; width: 100%; height: 100%;}

.ActiveCont{width: 490px; height: 70px; background: url(../images/hotbg.png) no-repeat 0 0; position: absolute; right: -20px; top: 56px;}
.ActiveText{width: 255px; height: 70px; line-height: 70px; font-size: 26px; color: #0497a4; float: left; text-align: center;}
.btn_get{width: 230px; height: 70px; cursor: pointer; float: right;}

.loginBox{width: 410px; position: absolute; left: 318px; top: 80px; text-align: center;}
.loginBox div{display: none; font-size: 16px; color: #000;}
.loginBox a{color: #c0505d; cursor: pointer;}

.lotterBox{width: 950px; height: 590px; position: absolute; left: 159px; top: 210px;}
.lotterBox div{display: block; width: 230px; height: 190px; position: absolute; background: url(../images/on.png) no-repeat right 0; z-index: 1;}
.lotterBox div.p1{left: 0; top: 0;}
.lotterBox div.p2{left: 240px; top: 0;}
.lotterBox div.p3{right: 240px; top: 0;}
.lotterBox div.p4{right: 0; top: 0;}

.lotterBox div.p5{right: 0; top: 200px;}
.lotterBox div.p6{right: 0; bottom:0;}

.lotterBox div.p7{right: 240px; bottom: 0;}
.lotterBox div.p8{left: 240px; bottom: 0;}
.lotterBox div.p9{left: 0; bottom: 0;}
.lotterBox div.p10{left: 0; top: 200px;}
.lotterBox div.on{background-position: 0 bottom;}

.lotterBox span.lotterImg{display: block; width: 100%; height: 100%; background: url(../images/lotter.png) no-repeat 0 0; position: absolute; left: 0; top: 0; z-index: 2;}
.btn_start{display: block; width: 478px; height: 197px; background: url(../images/btnStart.png) no-repeat 0 0; position: absolute; left: 236px; top: 196px; z-index: 3; cursor: pointer;}
.lotterNum{text-align: center; font-size: 18px; color: #FFF; padding-top: 145px;}
.btnlc{width: 100%; position: absolute; left: 0; top: 875px;}
.btnlc a{display: block; width: 662px; height: 103px; margin: 0 auto; background: url(../images/btn_prize.png) no-repeat 0 0;}
.btnlc a.on{background-position: 0 -103px; cursor: pointer;}
.btnlc a.over{background-position: 0 bottom;}
.btnlc p{text-align: center; font-size: 18px; color: #322f2f; padding-top: 10px;}
.btnlc p span{color: #c45360;}

.lotterBtns{width: 70px; position: absolute; left: 32px; top: 250px;}
.lotterBtns a{display: block; width: 70px; height: 180px; background-position: 0 0; background-repeat: no-repeat; cursor: pointer;}
.lotterBtns a.btn_list{background-image: url(../images/btn_list.png);}
.lotterBtns a.btn_rule{background-image: url(../images/btn_rule.png); margin-bottom: 28px;}
.lotterBtns a:hover{background-position: right 0;}

.btnBack{display: block; width: 312px; height: 50px; background: url(../images/btn_back.png) no-repeat 0 0; cursor: pointer; position: absolute; left: 0px; top: 65px;}

.popFiex{width: 100%; height: 100%; position: fixed; left: 0; top: 0; background: rgba(0,0,0,0.8); z-index: 100; display: none;}
.popCont{position: fixed; left: 50%; top: 50%; -webkit-transform: translate(-50%,-50%);transform: translate(-50%,-50%);}
.pop1{width: 945px; height: 554px; background: url(../images/pop1.png) no-repeat 0 0;}
.pop2{width: 735px; height: 480px; background: url(../images/pop2.png) no-repeat 0 0;}
.closeBtn{display: block; width: 51px; height: 52px; background: url(../images/close.png) no-repeat 0 0; cursor: pointer; overflow: hidden; text-indent: -9999px; position: absolute; right: -60px; top: 5px; transition: 0.4s;}
.closeBtn:hover{-webkit-transform: rotate(180deg);}

.videoInt{width: 900px; height: 510px; background: #000; border: 1px solid #fa8d9f; position: absolute; left: 50%; top: 50%; -webkit-transform: translate(-50%,-50%);transform: translate(-50%,-50%);}
.videoInt video{width: 100%; height: 100%; display: block;}

.publicTitle{padding: 55px 0 0 0; height: 56px;}
.publicTitle span{display: block; height: 56px; line-height: 56px; background: url(../images/line.png) no-repeat center center; font-size: 32px; color: #d55967; text-align: center;}

.btnBox{display: flex; justify-content: center;}
.btnBox a{display: block; width:173px; height: 65px; cursor: pointer; margin: 0 13px; overflow: hidden; text-indent: -9999px;}
.btnBox a.btn_enter{background: url(../images/btn_enter.png) no-repeat 0 0;}
.btnBox a.btn_cancal{background: url(../images/btn_cancal.png) no-repeat 0 0;}
.btnBox a.btn_submit{background: url(../images/btn_submit.png) no-repeat 0 0;}
.btnBox a:hover{background-position: 0 bottom;}

.ruleMain{width: 600px; margin: 0 auto;}
.ruleMain p{font-size: 18px; line-height: 36px; color: #322f2f; margin-bottom: 8px;}

.msg{height: 200px; width: 660px; margin: 0 auto; margin-bottom: 30px; text-align: center; font-weight: bold; color: #d55967; font-size: 40px; display: flex; justify-content: center; align-items: center;}
.msg span{color: #39b6ff;}

.subMain{height: 130px; padding-top: 40px;}
.sublist{height: 56px;}
.sublist span{float: left; width:180px; padding-right: 10px; height: 44px; line-height: 44px; font-size: 20px; color: #322f2f; text-align: right;}
.sublist select{float: left; width: 380px; height: 44px; background: #FFF; border: 1px solid #e5c0ae; font-size: 18px; color: #000; outline: none;}
.subTips{color:#322f2f; font-size: 18px; text-align: center; padding-top: 60px;}


.tableCont{width: 660px; height: 320px; margin: 0 auto; overflow: hidden; overflow-y: auto;}
.tableCont a{cursor: pointer;}
.tableCont table{width: 650px; border-collapse: collapse; font-size: 18px; color: #322f2f;}
.tableCont table th{height: 38px; text-align: center; border: 1px solid #f5e3da; font-weight: normal; background: #fffaed;}
.tableCont table td{text-align: center; padding: 8px 2px; border: 1px solid #f5e3da;}
.tableCont table tbody tr:nth-child(even){background: rgba(0,0,0,0.05);}


.btn_input{color: #a91515; text-decoration: underline;}
.btn_search{color: #0b67e5; text-decoration: underline;}
.tableCont span.c1{color: #a8a8a8;}
.tableCont span.c2{color: #a8a8a8;}
.tableCont span.c3{color: #a8a8a8;}

.saveMain{padding: 10px 0 6px 0;}
.prizeMain{text-align: center; font-size: 30px; font-weight: bold; color: #d55967; height: 60px;}
.savelist{height: 56px;}
.savelist span{float: left; width:180px; padding-right: 10px; height: 44px; line-height: 44px; font-size: 20px; color: #322f2f; text-align: right;}
.savelist input{float: left; width: 395px; height: 44px; background: #FFF; border: 1px solid #a6512a; font-size: 18px; color: #000; outline: none; padding: 0 10px;}
.savelist a{float: left; width: 375px; height: 48px; line-height: 48px; background: #FFF; border: 1px solid #a6512a; font-size: 18px; color: #000; outline: none; padding: 0 10px;}
.savePs{color:#322f2f; font-size: 18px; text-align: center; height: 30px;}

body::-webkit-scrollbar{width:6px;height:6px;background-color:rgba(0,0,0,0);}
body::-webkit-scrollbar-track{border-radius:6px;background-color:#1e1e1e;}/*底*/
body::-webkit-scrollbar-thumb{border-radius:6px;background-color:#8b8b8b;}/*面*/
body::-webkit-scrollbar-thumb:hover{background-color:rgba(143,143,148,1);}
body::-webkit-scrollbar-thumb:active{background-color:rgba(106,106,112,1);}
body::-webkit-scrollbar-track-piece{margin:0;}

.styleScroll::-webkit-scrollbar{width:6px;height:6px;background-color:rgba(0,0,0,0);}
.styleScroll::-webkit-scrollbar-track{border-radius:6px;background-color:#f5eae5;}/*底*/
.styleScroll::-webkit-scrollbar-thumb{border-radius:6px;background-color:#d55967;}/*面*/
.styleScroll::-webkit-scrollbar-thumb:hover{background-color:rgba(143,143,148,1);}
.styleScroll::-webkit-scrollbar-thumb:active{background-color:rgba(106,106,112,1);}
.styleScroll::-webkit-scrollbar-track-piece{margin:0;}


.tempTop{background:#eaf1ec url(../images/temp_top.jpg) no-repeat center 0;}
.tempBom{background: url(../images/temp_bom.jpg) no-repeat center bottom; padding-bottom: 60px;}
.tempSlogan{height: 252px; display: flex; justify-content: center; align-items: center;}

.tempHeader{height: 550px; position: relative;}
.tempName{display: flex; justify-content: center; align-items: center; width: 98px; height: 443px; position: absolute; left: 0; top: 42px;}
.tempVideo{background: #000; width: 726px; height: 409px; position: absolute; left: 135px; top: 50px;}
.tempVideo2{background: #000; width: 820px; height: 462px; position: absolute; left: 212px; top: 26px;}

.tempText{width: 245px; position: absolute; left: 882px; top: 46px; font-size: 14px; line-height: 24px; color: #353535;}
.img1_1{background: url(../images/img_01.png) no-repeat center 0; height: 785px;}
.img1_2{background: url(../images/img_02.png) no-repeat center 0; height: 785px;}
.img1_3{background: url(../images/img_03.png) no-repeat center 0; height: 784px;}
.img1_4{background: url(../images/img_04.png) no-repeat center 0; height: 785px;}
.img3{background: url(../images/img3.png) no-repeat center 104px; height: 1100px;}

.tempBom4{background: url(../images/temp_bg4.jpg) no-repeat center 0; height: 2794px;}


.video1{width: 626px; height: 352px; background: #000; position: absolute; left: 167px; top: 281px;}
.video2{width: 626px; height: 352px; background: #000; position: absolute; left: 456px; top: 969px;}
.video3{width: 626px; height: 352px; background: #000; position: absolute; left: 167px; top: 1659px;}
.video4{width: 462px; height: 260px; background: #000; position: absolute; left: 68px; top: 2335px;}
.video5{width: 462px; height: 260px; background: #000; position: absolute; left: 682px; top: 2335px;}

.videoStyle{display: block; width: 100%; height: 100%;}

.lunboTop{height: 110px;}
.lunbo{width: 1200px; height: 704px; overflow: hidden; position: relative;}
.lunboTab{position: absolute; left: 18px; top: 0; height: 37px; width: 1170px; z-index: 10;}
.lunboTab a{float: left; width: 98px; height: 37px; line-height: 37px; text-align: center; margin: 0 4px 4px; cursor: pointer; background: url(../images/tab.png) no-repeat right 0; font-size: 20px; color: #409f96;}
.lunboTab a:hover,.lunboTab a.on{background-position: 0 0; color: #FFF;}
.swiper{width: 100%; height: 100%;}
.swiper-button-prev:after, .swiper-rtl .swiper-button-next:after{content: "";}
.swiper-button-next:after, .swiper-rtl .swiper-button-prev:after{content: "";}
.swiper-button-next, .swiper-button-prev{display: block; width: 48px; height: 67px;}
.swiper-button-prev, .swiper-rtl .swiper-button-next{background: url(../images/prev.png) no-repeat 0 0;}
.swiper-button-next, .swiper-rtl .swiper-button-prev{background: url(../images/next.png) no-repeat 0 0;}
.swiper-button-prev:hover{background-position: 0 bottom;}
.swiper-button-next:hover{background-position: 0 bottom;}

.lunboTips{height: 132px; text-align: center; font-size: 16px; color: #353535; line-height: 60px;}
.lunboTips span{color: #b03345;}