@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{ appearance:none; -webkit-appearance:none;-webkit-tap-highlight-color:transparent;}
a{text-decoration:none;}
a{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_table{border-collapse: collapse; width: 100%;}
.none{display:none;}
*:not(input):not(textarea){user-select:none;}
body{background:#000; font-size:12px; font-family:"Microsoft YaHei",Verdana,Geneva,sans-serif,\5b8b\4f53;  -webkit-text-size-adjust: 100%;}

#content{position: relative; min-width: 1300px; max-width: 1920px; margin: 0 auto; background: url(../images/bg.jpg) no-repeat center 0; height: 3400px;}

.section{position: relative;}
.section1{height: 960px;}
.publicMain{width: 1200px; height: 100%; margin: 0 auto; position: relative;}

.slogan{width: 1356px; height: 598px; background: url(../images/slogan.png) no-repeat center 0; position: absolute; left: -78px; top: 320px;}
.slogan span{display: block; text-align: center; width: 680px; height: 35px; line-height: 35px; background: #f18099; color: #FFF; font-size: 24px; position: absolute; left: 50%; margin-left: -340px; top: 392px;}
.fadeIn{-webkit-animation: fadeIn 0.2s 0.5s ease-in both;-ms-animation: fadeIn 0.2s 0.5s ease-in both;animation: fadeIn 0.2s 0.5s ease-in both;}
@-webkit-keyframes fadeIn{
  0%{-webkit-transform: scale(1.5);opacity: 0;}
  100%{-webkit-transform: scale(1);opacity: 1;}
}
@-ms-keyframes fadeIn{
  0%{-ms-transform: scale(1.5);opacity: 0;}
  100%{-ms-transform: scale(1);opacity: 1;}
}
@keyframes fadeIn{
  0%{transform: scale(1.5);opacity: 0;}
  100%{transform: scale(1);opacity: 1;}
}

.textbox{color: #FFF; font-size: 20px; background: linear-gradient(to right,#f60,#ddd) no-repeat right bottom; background-size: 0 2px; transition:background-size 1s;}
.textbox:hover{background-size: 100% 2px; background-position: left bottom;}
.logo {display: block;width: 220px;position: absolute;left: 50px;top: 30px;}

.loginBox{width: 100%; height: 41px; line-height: 41px; color: #FFF; font-size: 18px; background: url(../images/login.png) no-repeat center 0; position: absolute; left: 0; bottom: 100px;}
.loginCont{height: 41px; display: flex; justify-content: center; align-items: center;}
.loginCont a{display: block; width: 68px; height: 28px; line-height: 28px; background: #4cb9ec; border-radius: 28px; text-align: center; color: #FFF; cursor: pointer;}
.loginCont span{color: #4bb9ec;}
.login,.logout{display: none;}

.box1{width: 1128px; height: 760px; background: url(../images/box1.png) no-repeat 0 0; margin: 0 auto;}
.box1Cont{padding-top: 106px; width: 875px; margin: 0 auto;}
.box1Text{position: relative; padding-bottom: 20px; padding-left: 132px; font-size: 16px; line-height: 32px; color: #672a36;}
.box1Text span{display: block; width: 122px; height: 32px; background: url(../images/icon.png) no-repeat 0 0; line-height: 32px; text-align: center; color: #FFF; position: absolute; left: 0; top: 0; font-size: 16px; color: #672a36; font-weight: bold;}
.box1Main{padding-bottom: 30px;}
.btnExchange{height: 28px;}
.btnExchange a{display: block; width: 70px; height: 20px; line-height: 20px; text-align: center; color: #49baed; font-size: 16px; background: #FFF; border-bottom: 1px solid #49baed; cursor: pointer;}
.box1Scroll{width: 100%; height: 176px; overflow: hidden; overflow-y: auto;}
.box1Scroll table{border-collapse: collapse; width: 100%;}
.box1Scroll table td,.box1Scroll table th{border: 2px solid #eb6c95; padding: 8px 5px; text-align: center; font-size: 16px; color: #672a36; line-height: 24px;}
.box1Scroll::-webkit-scrollbar{width:6px;height:6px;background-color:rgba(0,0,0,0);}
.box1Scroll::-webkit-scrollbar-track{border-radius:6px;background-color:#FFF;}/*底*/
.box1Scroll::-webkit-scrollbar-thumb{border-radius:6px;background-color:#8b8b8b;}/*面*/
.box1Scroll::-webkit-scrollbar-thumb:hover{background-color:rgba(143,143,148,1);}
.box1Scroll::-webkit-scrollbar-thumb:active{background-color:rgba(106,106,112,1);}
.box1Scroll::-webkit-scrollbar-track-piece{margin:0;}

.Exchange{width: 82px; height: 26px; line-height: 26px; text-align: center; display: block; background: url(../images/dh.png) no-repeat 0 0; cursor: pointer; color: #FFF; margin: 0 auto;}
.Exchange.over{cursor: default; -webkit-filter: grayscale(100%);filter: grayscale(100%);}



.box2{width: 1163px; height: 1613px; background: url(../images/box2.png) no-repeat 0 0; margin: 0 auto; color: #372a67;}
.box2Cont{padding-top: 128px; width: 875px; margin: 0 auto;}
.box2Text{position: relative; padding-bottom: 20px; padding-left: 132px; font-size: 16px; line-height: 32px;}
.box2Text span{display: block; width: 122px; height: 32px; background: url(../images/icon2.png) no-repeat 0 0; line-height: 32px; text-align: center; position: absolute; left: 0; top: 0; font-size: 16px; font-weight: bold;}
.box2Table{padding-bottom: 20px;}
.box2Table table{border-collapse: collapse; width: 100%;}
.box2Table th,.box2Table td{border: 2px solid #9979e1; padding: 8px 5px; font-size: 16px; line-height: 24px;}
.box2Table th{text-align: center;}

.box2Main{width: 872px; height: 383px; background: url(../images/table.png) no-repeat 0 0; margin: 0 auto; margin-bottom: 15px;}
.box2Top{padding: 60px 12px 0 12px; height: 36px;}
.box2left{float: left; height: 27px; font-size: 16px; display: flex;}
.box2left div{ line-height: 27px; height: 27px; color: #FFF; margin-right: 10px;}
.btnPub{display: block; width: 103px; height: 27px; line-height: 27px; color: #FFF; font-weight: bold; background: url(../images/pay.png) no-repeat 0 0; cursor: pointer; text-align: center; font-size: 16px;}

.box2Scroll{  width: 100%; height: 286px; overflow: hidden; overflow-y: auto;}
.box2Scroll table{border-collapse: collapse; width: 100%;}
.box2Scroll table td,.box2Scroll table th{border: 2px solid #FFF; padding: 11px 5px; text-align: center; font-size: 16px; color: #FFF; line-height: 24px;}
.box2Scroll::-webkit-scrollbar{width:6px;height:6px;background-color:rgba(0,0,0,0);}
.box2Scroll::-webkit-scrollbar-track{border-radius:6px;background-color:#FFF;}/*底*/
.box2Scroll::-webkit-scrollbar-thumb{border-radius:6px;background-color:#8b8b8b;}/*面*/
.box2Scroll::-webkit-scrollbar-thumb:hover{background-color:rgba(143,143,148,1);}
.box2Scroll::-webkit-scrollbar-thumb:active{background-color:rgba(106,106,112,1);}
.box2Scroll::-webkit-scrollbar-track-piece{margin:0;}

.nolink{display: block; margin: 0 auto; width: 110px; height: 26px; line-height: 26px; text-align: center; background: #979797; border-radius: 26px; color: #FFF; font-size: 16px;}

.popFiex{width: 100%; height: 100%; position: fixed; left: 0; top: 0; background: rgba(0,0,0,0.8); z-index: 100; display: none; color: #672a36;}
.popCont{position: fixed; left: 50%; top: 50%; -webkit-transform: translate(-50%,-50%);-moz-transform: translate(-50%,-50%);-ms-transform: translate(-50%,-50%);-o-transform: translate(-50%,-50%);transform: translate(-50%,-50%);}
.pop1{width: 1072px; height: 796px; background: url(../images/pop1.png) no-repeat 0 0;}
.pop2{width: 612px; height: 456px; background: url(../images/pop2.png) no-repeat 0 0;}
.pop3{width: 616px; height: 304px; background: url(../images/pop3.png) no-repeat 0 0;}
.pop4{width: 616px; height: 304px; background: url(../images/pop4.png) no-repeat 0 0;}
.closeBtn{display: block; width: 60px; height: 60px; background: url(../images/close.png) no-repeat 0 0; cursor: pointer; position: absolute; left: 50%; margin-left: -30px; bottom: -30px;}
.closeBtn2{display: block; width: 60px; height: 60px; background: url(../images/close2.png) no-repeat center; cursor: pointer; position: absolute; right: 5px; top: 5px;}


.pt1{background: url(../images/pt1.png) no-repeat center 52px; height: 136px;}
.pt2{background: url(../images/pt2.png) no-repeat center 52px; height: 146px;}
.pt3{background: url(../images/pt3.png) no-repeat center 52px; height: 146px;}

.popMain{width: 900px; margin: 0 auto;}
.myRank{height: 50px; font-size: 28px; font-weight: bold;}
.myTips{font-size: 16px; line-height: 24px; font-weight: bold; padding-bottom: 20px;}
.myTips span{color: #ec0632;}

.tableScroll{width: 100%; height: 422px; overflow: hidden; overflow-y: auto; margin-bottom: 20px;}
.tableScroll table{border-collapse: collapse; width: 100%;}
.tableScroll table td,.tableScroll table th{border: 2px solid #eb6c95; padding: 8px 5px; text-align: center; font-size: 16px; color: #672a36; line-height: 24px; background: #ffeaee;}
.tableScroll::-webkit-scrollbar{width:6px;height:6px;background-color:rgba(0,0,0,0);}
.tableScroll::-webkit-scrollbar-track{border-radius:6px;background-color:#FFF;}/*底*/
.tableScroll::-webkit-scrollbar-thumb{border-radius:6px;background-color:#8b8b8b;}/*面*/
.tableScroll::-webkit-scrollbar-thumb:hover{background-color:rgba(143,143,148,1);}
.tableScroll::-webkit-scrollbar-thumb:active{background-color:rgba(106,106,112,1);}
.tableScroll::-webkit-scrollbar-track-piece{margin:0;}
.tableScroll a{display: block; width: 103px; height: 27px; line-height: 27px; color: #FFF; font-weight: bold; background: url(../images/pay.png) no-repeat 0 0; cursor: pointer; text-align: center; font-size: 16px; margin: 0 auto;}
.tableScroll a.over{cursor: default; -webkit-filter: grayscale(100%);filter: grayscale(100%);}
.box3Text{position: relative; padding-bottom: 20px; padding-left: 95px; font-size: 16px; line-height: 32px; color: #672a36;}
.box3Text span{display: block; width: 85px; height: 32px; background: url(../images/icon3.png) no-repeat 0 0; line-height: 32px; text-align: center; color: #FFF; position: absolute; left: 0; top: 0; font-size: 16px; color: #672a36; font-weight: bold;}


.btnBox{display: flex; justify-content: center; padding-top: 30px;}
.btnBox a{display: block; width: 219px; height: 52px; cursor: pointer; margin: 0 auto; overflow: hidden; text-indent: -9999px;}
.btnBox a.btn_enter{background: url(../images/btn_enter.png) no-repeat 0 0;}
.btnBox a.btn_submit{background: url(../images/btnSubmit.png) no-repeat 0 0;}

.msg{ width: 630px; height: 100%; margin: 0 auto; display: flex; justify-content: center; align-items: center; font-size: 38px; color: #FFF; font-weight: bold;}
.msg span{color: #39b6ff;}

.conform-info{ width: 500px; margin: 40px auto 0; font-size: 22px; line-height: 32px; color: #fff;}
.conform-info span{ font-size: 26px; font-weight: bold;}
#btn-get-prize{ display: block; width: 219px; height: 52px; margin: 10px auto 0; background: url(../images/btn-get-prize.png) no-repeat; cursor: pointer;}



.sublist{height: 68px;}
.sublist span{float: left; width: 140px; padding-right: 10px; height: 42px; line-height: 42px; font-size: 16px; color: #672a36; text-align: right; font-weight: bold;}
.sublist select{float: left; width: 380px; height: 42px; background: #f8c4cf; border: 1px solid #794a53; font-size: 18px; color: #000; outline: none;}
.subTips{text-align: center; font-size: 16px; color: #672a36; font-weight: bold;}

.btnPay{padding-top: 170px;}
.btnPay a{display: block; width: 222px; height: 62px; background: url(../images/btn_pay.png) no-repeat 0 0; cursor: pointer; margin: 0 auto;}

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

.hoverTop{-webkit-transition:0.4s;-moz-transition:0.4s;-ms-transition:0.4s;-o-transition:0.4s;transition:0.4s;}
.hoverTop:hover{
  -webkit-transform: translate(0,-10px);
  -moz-transform: translate(0,-10px);
  -ms-transform: translate(0,-10px);
  -o-transform: translate(0,-10px);
  transform: translate(0,-10px);
}
.hoverYuan{-webkit-transition:0.4s;-moz-transition:0.4s;-ms-transition:0.4s;-o-transition:0.4s;transition:0.4s;}
.hoverYuan:hover{
  -webkit-transform: rotate(-180deg);
  -moz-transform: rotate(-180deg);
  -ms-transform: rotate(-180deg);
  -o-transform: rotate(-180deg);
  transform: rotate(-180deg);
}

.moveleft{-webkit-transform: translate3d(-100%,0,0);-moz-transform: translate3d(-100%,0,0);-ms-transform: translate3d(-100%,0,0);-o-transform: translate3d(-100%,0,0);transform: translate3d(-100%,0,0); filter:alpha(opacity=0);-moz-opacity:0; opacity:0;}
.moveright{-webkit-transform: translate3d(100%,0,0);-moz-transform: translate3d(100%,0,0);-ms-transform: translate3d(100%,0,0);-o-transform: translate3d(100%,0,0);transform: translate3d(100%,0,0); filter:alpha(opacity=0);-moz-opacity:0; opacity:0;}
.moveup{-webkit-transform: translate3d(0,-100%,0);-moz-transform: translate3d(0,-100%,0);-ms-transform: translate3d(0,-100%,0);-o-transform: translate3d(0,-100%,0);transform: translate3d(0,-100%,0); filter:alpha(opacity=0);-moz-opacity:0; opacity:0;}
.movedown{-webkit-transform: translate3d(0,100%,0);-moz-transform: translate3d(0,100%,0);-ms-transform: translate3d(0,100%,0);-o-transform: translate3d(0,100%,0);transform: translate3d(0,100%,0); filter:alpha(opacity=0);-moz-opacity:0; opacity:0;}

.moveyuan{
  -webkit-animation: moveyuan 40s linear infinite;
  -moz-animation: moveyuan 40s linear infinite;
  -o-animation: moveyuan 40s linear infinite;
  -ms-animation: moveyuan 40s linear infinite;
  animation: moveyuan 40s linear infinite;
}
.moveyuan2{
  -webkit-animation: moveyuan2 5s linear infinite;
  -moz-animation: moveyuan2 5s linear infinite;
  -o-animation: moveyuan2 5s linear infinite;
  -ms-animation: moveyuan2 5s linear infinite;
  animation: moveyuan2 5s linear infinite;
}
@-webkit-keyframes moveyuan{
  0%{-webkit-transform: rotate(0deg);}
  100%{-webkit-transform: rotate(-360deg);}
}
@-moz-keyframes moveyuan{
  0%{-moz-transform: rotate(0deg);}
  100%{-moz-transform: rotate(-360deg);}
}
@-ms-keyframes moveyuan{
  0%{-ms-transform: rotate(0deg);}
  100%{-ms-transform: rotate(-360deg);}
}
@-o-keyframes moveyuan{
  0%{-o-transform: rotate(0deg);}
  100%{-o-transform: rotate(-360deg);}
}
@keyframes moveyuan{
  0%{transform: rotate(0deg);}
  100%{transform: rotate(-360deg);}
}

@-webkit-keyframes moveyuan2{
  0%{-webkit-transform: rotate(0deg);}
  100%{-webkit-transform: rotate(360deg);}
}
@-moz-keyframes moveyuan2{
  0%{-moz-transform: rotate(0deg);}
  100%{-moz-transform: rotate(360deg);}
}
@-ms-keyframes moveyuan2{
  0%{-ms-transform: rotate(0deg);}
  100%{-ms-transform: rotate(360deg);}
}
@-o-keyframes moveyuan2{
  0%{-o-transform: rotate(0deg);}
  100%{-o-transform: rotate(360deg);}
}
@keyframes moveyuan2{
  0%{transform: rotate(0deg);}
  100%{transform: rotate(360deg);}
}

.moveTop{
  -webkit-animation: moveTop 1s ease-in alternate;
  -moz-animation: moveTop 1s ease-in alternate;
  -o-animation: moveTop 1s ease-in alternate;
  -ms-animation: moveTop 1s ease-in alternate;
  animation: moveTop 1s ease-in alternate;
}
@-webkit-keyframes moveTop{
  0%{-webkit-transform:translate(0,-10px);}
  100%{-webkit-transform:translate(0,10px);}
}
@-moz-keyframes moveTop{
  0%{-moz-transform:translate(0,-10px);}
  100%{-moz-transform:translate(0,10px);}
}
@-ms-keyframes moveTop{
  0%{-ms-transform:translate(0,-10px);}
  100%{-ms-transform:translate(0,10px);}
}
@-o-keyframes moveTop{
  0%{-o-transform:translate(0,-10px);}
  100%{-o-transform:translate(0,10px);}
}
@keyframes moveTop{
  0%{transform:translate(0,-10px);}
  100%{transform:translate(0,10px);}
}









/*
@media screen and (max-width: 1920px){
    #wrap{background: url(../images/cover240813/coverbg1920.jpg) no-repeat center 0;}
}
@media only screen and (max-width: 750px) {}*/

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;}