@charset "utf-8";

/*-----------------初始化---------------------*/
* { padding: 0; margin: 0; border: none; }
html, body { color: #333; font-family: 'Microsoft YaHei', Arial, Helvetica, sans-serif; font-size: 12px; line-height: 20px; min-width: 1200px; }
ul, ol, li { list-style: none; }
var, em, i { font-style: normal; }
a { text-decoration: none; color: #333; }
img { display: inline; border: 0 none; }
input[type=text], input[type=password], input[type=email], input[type=tel], select, textarea { font-size: 12px; font-family: 'Microsoft YaHei', Arial, Helvetica, sans-serif; }
.clear:after { content: '\20'; display: block; height: 0; clear: both; visibility: hidden; }
.w1200,.new_part { position: relative; width: 1200px; margin: 0 auto; }

/*page1*/
.page0{position: relative;height: 1504px;width: 100%;overflow: hidden;background: url(../img/page0.jpg) top center no-repeat;}
.page1 { position: relative; height: 1310px; background: url("../img/page1.jpg?site=202122222") no-repeat center top; overflow: hidden;width: 100% }
.logo { position: absolute; top: 27px; left: 6px; width: 241px; height: 139px; display: inline-block; background: url(../img/logo.png) no-repeat; }
.btn-enter { position: absolute; right: -2%; top: 26px; }
.btn-enter .enter-web { display: inline-block; width: 46px; height: 46px; background: url(../img/btn_enter.png) no-repeat 0px 0px; }
.btn-enter .enter-game { display: inline-block; width: 46px; height: 46px; background: url(../img/btn_enter.png) no-repeat -54px 0px; }
.btn-enter .enter-web:hover { background: url(../img/btn_enter1.png) no-repeat 0px 0px; }
.btn-enter .enter-game:hover { background: url(../img/btn_enter1.png) no-repeat -54px 0px; }
.time { color: #ffea8b; text-align: center; width: 430px; position: absolute; left: 32%; top: 332px; height: 28px; line-height: 26px; font-size: 18px; background: -webkit-linear-gradient(left, #ffba58, #fff1bd, #ffba58); -webkit-background-clip: text; -webkit-text-fill-color: transparent; }
.rank1-person { position: absolute; width: 961px; height: 726px; left: -58px; top: -553px; background: url(../img/person1.png) no-repeat; -webkit-animation: jpd-motion 2s steps(19) infinite; -moz-animation: jpd-motion 2s steps(19) infinite; -ms-animation: jpd-motion 2s steps(19) infinite; animation: jpd-motion 2s steps(19) infinite; z-index: 1; }
.topThree{width: 100%;height: 824px;background: url(../img/better.png) 0 0 no-repeat;top: 655px;position: absolute;}
#d_fishing{position: absolute;left: -360px;top: 0;width: auto;}
@-webkit-keyframes jpd-motion {
    0% { background-position: 0px 0px }
    100% { background-position: -18259px 0px }
}
@-moz-keyframes jpd-motion {
    0% { background-position: 0px 0px }
    100% { background-position: -18259px 0px }
}
@-o-keyframes jpd-motion {
    0% { background-position: 0px 0px }
    100% { background-position: -18259px 0px }
}
@keyframes jpd-motion {
    0% { background-position: 0px 0px }
    100% { background-position: -18259px 0px }
}
.page1 .my_consume{font-size: 16px;color: #decd99;position: absolute;top: 64px;left: 726px;text-align: center;white-space: nowrap;}
.rank2-person { position: absolute; width: 709px; height: 658px; left: -178px; top: -420px; background: url(../img/person2.png) no-repeat; -webkit-animation: jps-motion 2s steps(8) infinite; -moz-animation: jps-motion 2s steps(8) infinite; -ms-animation: jps-motion 1s steps(8) infinite; animation: jps-motion 2s steps(8) infinite; }
@-webkit-keyframes jps-motion {
    0% { background-position: 0px 0px }
    100% { background-position: -6400px 0px }
}
@-moz-keyframes jps-motion {
    0% { background-position: 0px 0px }
    100% { background-position: -6400px 0px }
}
@-o-keyframes jps-motion {
    0% { background-position: 0px 0px }
    100% { background-position: -6400px 0px }
}
@keyframes jps-motion {
    0% { background-position: 0px 0px }
    100% { background-position: -6400px 0px }
}
.rank3-person { position: absolute; width: 462px; height: 423px; left: 720px; top: -273px; background: url(../img/person3.png) no-repeat; -webkit-animation: jp-motion 2s steps(8) infinite; -moz-animation: jp-motion 2s steps(8) infinite; -ms-animation: jp-motion 2s steps(8) infinite; animation: jp-motion 2s steps(8) infinite; }
@-webkit-keyframes jp-motion {
    0% { background-position: 0px 0px }
    100% { background-position: -4096px 0px }
}
@-moz-keyframes jp-motion {
    0% { background-position: 0px 0px }
    100% { background-position: -4096px 0px }
}
@-o-keyframes jp-motion {
    0% { background-position: 0px 0px }
    100% { background-position: -4096px 0px }
}
@keyframes jp-motion {
    0% { background-position: 0px 0px }
    100% { background-position: -4096px 0px }
}
.rank1-cover { position: absolute; width: 249px; height: 184px; left: 479px; top: -27px; background: url(../img/cover1.png) no-repeat;z-index: 2 }
.rank2-cover { position: absolute; width: 249px; height: 184px; left: 96px; top: 55px; background: url(../img/cover2.png) no-repeat;z-index: 2 }
.rank3-cover { position: absolute; width: 249px; height: 184px; left: 853px; top: 53px; background: url(../img/cover3.png) no-repeat;z-index: 2 }
.rank li {position: absolute;text-align: center;width: 182px;color: #80401e;}
.rank li h3 { font-weight: normal; font-size: 14px; color: #f05850; }
.rank li p { font-weight: bold; font-size: 16px; line-height: 8px; margin-top: 6px; color: #ffe858; }
.rank li.rank1 h3, .rank li.rank2 h3, .rank li.rank3 h3 { font-weight: normal; font-size: 16px; color: #ffc778;margin-bottom: 8px }
.rank li.rank1 p, .rank li.rank2 p, .rank li.rank3 p { font-weight: normal; font-size: 20px; color: #ffedb7; line-height: 26px; margin-top: 0; }
.rank li.rank1 { width: 260px; top: 40px; left: 470px; z-index: 4; }
.rank li.rank2 { width: 260px; top: 123px; left: 91px; z-index: 4;}
.rank li.rank3 { width: 260px; top: 123px; left: 846px; z-index: 4;}
.rank4-10,.rank11-20{width:331px;color: #ffedb6;font-size: 14px;position: absolute;top: 116px;left: 253px;text-align: center;}
.rank4-10 tr{height: 38px;margin-top: 1px;line-height: 36px}
.rank11-20{top: 503px}
.rank11-20 tr{top: 500px;height: 30px;line-height: 30px}
/*page2*/
.page2 { position: relative; height: 875px; background: url("../img/page2.jpg") no-repeat center top; overflow: hidden; }
.ta { position: absolute; top: 109px; left: 191px; border-collapse: collapse; color: #d19c69; }
.ta tr td { text-align: center; line-height: 49px; font-size: 16px; }
.ta tr td.num,.rank4-10 tr td.num,.rank11-20 tr td.num { text-indent: -9999px; }
.ta tr th { text-align: center; line-height: 51px; font-size: 18px; text-indent: -9999px; }

/*page3*/
.page3 { position: relative; height: 1620px; background: url("../img/page3.jpg?v=202006566") no-repeat center top; overflow: hidden; }
.hdjl-sm {position: absolute;top:74px;left:122px;font-size: 14px;line-height: 28px;color: #fff0d5;width: 964px;}
.hdjl-sm::-webkit-scrollbar { width: 0px;}
.hdjl-sm::-webkit-scrollbar-thumb {border-radius: 10px;-webkit-box-shadow: inset 0 0 5px rgba(0,0,0,0.2); background: rgba(0,0,0,0.2);}
.hdjl-sm::-webkit-scrollbar-track { -webkit-box-shadow: inset 0 0 5px rgba(0,0,0,0.2); border-radius: 0; background: rgba(0,0,0,0.1);}
.click_get { position: absolute; top: 560px; left: 911px; width: 165px; height: 45px; cursor: pointer; background: url(../img/click_get.png) no-repeat; }
.click_get:hover { background: url(../img/click_get_h.png) no-repeat; }
.lunbo-box { width: 208px; height: 102px; position: absolute; left: 112px; top: 204px; cursor: pointer; background: url(../img/kaung_bg.png) no-repeat 0 0; -webkit-animation: lb-motion 2s steps(29) infinite; -moz-animation: lb-motion 2s steps(29) infinite; animation: lb-motion 2s steps(29) infinite; }
.lunbo-box2 { left: 497px; top: 123px; }
.lunbo-box3 { left: 869px; top: 204px; }
.lunbo-box li { position: absolute; width: 64px; height: 64px; left: 78px; top: 14px; display: none }
.lunbo-box li.on { display: block; }
.lunbo-box li.t1 { background: url(../img/jl/1.png) no-repeat }
.lunbo-box li.t2 { background: url(../img/jl/2.png) no-repeat }
.lunbo-box li.t3 { background: url(../img/jl/3.png) no-repeat }
.lunbo-box li.t4 { background: url(../img/jl/4.png) no-repeat }
.lunbo-box li.t6 { background: url(../img/jl/6.png) no-repeat }
.lunbo-box li.t7 { background: url(../img/jl/7.png) no-repeat }
.lunbo-box li.t8 { background: url(../img/jl/8.png) no-repeat }
.lunbo-box li.t10 { background: url(../img/jl/10.png) no-repeat;width: 100px;height: 80px;margin-left: -21px}
.lunbo-box li.t9 { background: url(../img/jl/9.png) no-repeat;width: 155px;height: 54px;left: 25px;top: 20px; }
.lunbo-box li.t5 {width: 102px;height: 54px;left: 52px;top: 29px;background: url(../img/jl/5.png) no-repeat;}
.lunbo-box li.t11 { 
    background: url(../img/shen.png) no-repeat;
    -webkit-animation: t11 1.8s steps(10) infinite; 
    -moz-animation: t11 1.8s steps(10) infinite; 
    -ms-animation: t11 1.8s steps(10) infinite; 
    animation: t11 1.8s steps(10) infinite;
}
@-webkit-keyframes t11 {
    0% { background-position: -70px -60px }
    100% { background-position: -2070px -60px }
}
@-moz-keyframes t11 {
    0% { background-position: -70px -60px }
    100% { background-position: -2070px -60px }
}
@-ms-keyframes t11 {
    0% { background-position: -70px -60px }
    100% { background-position: -2070px -60px }
}
@-o-keyframes t11 {
    0% { background-position: -70px -60px }
    100% { background-position: -2070px -60px }
}
@keyframes t11 {
    0% { background-position: -70px -60px }
    100% { background-position: -2070px -60px }
}
.lunbo-box2 .show_attr{position: absolute;width: 600px;height: 238px;z-index: 1;left: 116px;top: -58px;background: url(../img/show.png) 70px 0 no-repeat;display: none;overflow: hidden;}
.show_attr_bg{position: absolute;width: 900px;height: 503px;top: -292px;left: -196px;background: url(../img/show_attr_bg.png) 0 0 no-repeat; -webkit-animation: show_attr 1.8s steps(12) infinite; -moz-animation: show_attr 1.8s steps(12) infinite; -ms-animation: show_attr 1.8s steps(12) infinite; animation: show_attr 1.8s steps(12) infinite;}
.hoverbox{position: absolute;width:208px;height: 102px;z-index: 50;left: -1px;top: -1px}
.lunbo-box2 .hoverbox:hover .show_attr{display: block;}
@-webkit-keyframes show_attr {
    0% { background-position: 0 0 }
    100% { background-position: -9600px 0; }
}
@-moz-keyframes show_attr {
    0% { background-position: 0 0 }
    100% { background-position: -9600px 0; }
}
@-ms-keyframes show_attr {
    0% { background-position: 0 0 }
    100% { background-position: -9600px 0; }
}
@-o-keyframes show_attr {
    0% { background-position: 0 0 }
    100% { background-position: -9600px 0; }
}
@keyframes show_attr {
    0% { background-position: 0 0 }
    100% { background-position: -9600px 0; }
}

@-webkit-keyframes lb-motion {
    0% { background-position: 0 0 }
    100% { background-position: -6032px 0; }
}
@-moz-keyframes lb-motion {
    0% { background-position: 0 0 }
    100% { background-position: -6032px 0; }
}
@-ms-keyframes lb-motion {
    0% { background-position: 0 0 }
    100% { background-position: -6032px 0; }
}
@-o-keyframes lb-motion {
    0% { background-position: 0 0 }
    100% { background-position: -6032px 0; }
}
@keyframes pf-motion1 {
    0% { background-position: 0 0 }
    100% { background-position: -2086px 0; }
}
.slideTxtBox { width: 135px; height: 85px; position: absolute; left: 37%; top: 263px; cursor: pointer; -webkit-animation: pic 2s steps(10) infinite; -moz-animation: pic 2s steps(10) infinite; animation: pic 2s steps(10) infinite; }
@-webkit-keyframes pic {
    0% { background-position: 0 0 }
    100% { background-position: -1350px 0; }
}
@-moz-keyframes pic {
    0% { background-position: 0 0 }
    100% { background-position: -1350px 0; }
}
@-ms-keyframes pic {
    0% { background-position: 0 0 }
    100% { background-position: -1350px 0; }
}
@-o-keyframes pic {
    0% { background-position: 0 0 }
    100% { background-position: -1350px 0; }
}
@keyframes pic {
    0% { background-position: 0 0 }
    100% { background-position: -1350px 0; }
}
.slideTxtBox1 { width: 138px; height: 101px; left: 98px; top: 445px; background: url(../img/pic1.png) no-repeat; -webkit-animation: pic1 2s steps(8) infinite; -moz-animation: pic1 2s steps(8) infinite; animation: pic1 2s steps(8) infinite; }
@-webkit-keyframes pic1 {
    0% { background-position: 0 0 }
    100% { background-position: -1104px 0; }
}
@-moz-keyframes pic1 {
    0% { background-position: 0 0 }
    100% { background-position: -1104px 0; }
}
@-ms-keyframes pic1 {
    0% { background-position: 0 0 }
    100% { background-position: -1104px 0; }
}
@-o-keyframes pic1 {
    0% { background-position: 0 0 }
    100% { background-position: -1104px 0; }
}
@keyframes pic1 {
    0% { background-position: 0 0 }
    100% { background-position: -1104px 0; }
}
.zi { position: absolute; width: 76px; height: 69px; left: 184px; top: 362px;cursor: pointer;}
.zi:hover::after { content: "";height: 227px;width: 501px;display: block;background: url(../img/alert-mask.png) no-repeat; position: relative;left: 67px;top: -78px; }
.zi3:hover::after {left: -159px;top: 66px;}
.zi2 { left: 562px; top: 281px; }
.zi3 { left: 939px; top: 362px; }
.slideTxtBox11 { left: 477px; top: 364px; }
.slideTxtBox111 { left: 853px; top: 445px; }
.slideTxtBox2 { left: 584px; top: 390px; background: url(../img/pic2.png) no-repeat; }
.slideTxtBox3 { left: 968px; top: 464px; background: url(../img/pic3.png) no-repeat; }
.slideTxtBox4 { left: 213px; top: 472px; background: url(../img/pic4.png) no-repeat; }
.slideTxtBox .shine_box { width: 239px; height: 307px; z-index: 5; -webkit-animation: pf-motion 2s steps(7) infinite; -moz-animation: pf-motion 2s steps(7) infinite; animation: pf-motion 2s steps(7) infinite; position: absolute; left: 22px; top: -161px; display: none; }
.slideTxtBox .shine_box1 { width: 262px; height: 327px; background: url(../img/shine_pic1.png) no-repeat 0 0; -webkit-animation: pf-motion1 2s steps(7) infinite; -moz-animation: pf-motion1 2s steps(7) infinite; animation: pf-motion1 2s steps(7) infinite; position: absolute;left: -209px;top: 2px;z-index: 601}
.slideTxtBox .shine_box2 { width: 338px; height: 177px; left: 31px; top: -44px; background: url(../img/shine_pic2.png) no-repeat 0 0; -webkit-animation: pf-motion2 2s steps(9) infinite; -moz-animation: pf-motion2 2s steps(9) infinite; animation: pf-motion2 2s steps(9) infinite; }
.slideTxtBox .shine_box3 { z-index: 601;width: 246px; height: 147px; background: url(../img/shine_pic3.png) no-repeat 0 0; left: 83px; top: -31px; -webkit-animation: pf-motion3 2s steps(9) infinite; -moz-animation: pf-motion3 2s steps(9) infinite; animation: pf-motion3 2s steps(9) infinite; }
.slideTxtBox .shine_box4 { z-index: 51;width: 341px; height: 142px; left: 40px; top: -32px; background: url(../img/shine_pic4.png) no-repeat 0 0; -webkit-animation: pf-motion4 2s steps(9) infinite; -moz-animation: pf-motion4 2s steps(9) infinite; animation: pf-motion4 2s steps(9) infinite; }
.slideTxtBox .alert-price1 { width: 655px; height: 223px; position: absolute; left: -158px; top: 106px; background: url(../img/alert-price1.png); z-index: 1; display: none;z-index: 600 }
.slideTxtBox .alert-price2 { width: 492px; height: 223px; position: absolute; left: 81px; top: -67px; z-index: 1; background: url(../img/alert-price2.png); display: none; }
.slideTxtBox .alert-price3 { z-index: 600;width: 492px; height: 223px; position: absolute; left: 81px; top: -67px; background: url(../img/alert-price3.png); display: none; }
.slideTxtBox .alert-price4 { z-index: 50;width: 492px; height: 223px; position: absolute; left: 81px; top: -67px; background: url(../img/alert-price4.png); display: none; }
.slideTxtBox:hover .alert-price { display: block; }
.slideTxtBox:hover .shine_box { display: block; }
.slideTxtBox-down { width: 257px; height: 117px; position: absolute; left: 39%; top: 710px; cursor: pointer; }
.slideTxtBox-down .alert-price-down { width: 212px; height: 362px; position: absolute; left: 102.8%; top: -104px; background: url("../img/alert-price1.png"); display: none; z-index: 999; }
.slideTxtBox-down:hover .alert-price-down { display: block; }
@-webkit-keyframes pf-motion1 {
    0% { background-position: 0 0 }
    100% { background-position: -2086px 0; }
}
@-moz-keyframes pf-motion1 {
    0% { background-position: 0 0 }
    100% { background-position: -2086px 0; }
}
@-ms-keyframes pf-motion1 {
    0% { background-position: 0 0 }
    100% { background-position: -2086px 0; }
}
@-o-keyframes pf-motion1 {
    0% { background-position: 0 0 }
    100% { background-position: -2086px 0; }
}
@keyframes pf-motion1 {
    0% { background-position: 0 0 }
    100% { background-position: -2086px 0; }
}
@-webkit-keyframes pf-motion2 {
    0% { background-position: 0 0 }
    100% { background-position: -3042px 0; }
}
@-moz-keyframes pf-motion2 {
    0% { background-position: 0 0 }
    100% { background-position: -3042px 0; }
}
@-ms-keyframes pf-motion2 {
    0% { background-position: 0 0 }
    100% { background-position: -3042px 0; }
}
@-o-keyframes pf-motion2 {
    0% { background-position: 0 0 }
    100% { background-position: -3042px 0; }
}
@keyframes pf-motion2 {
    0% { background-position: 0 0 }
    100% { background-position: -3042px 0; }
}
@-webkit-keyframes pf-motion3 {
    0% { background-position: 0 0 }
    100% { background-position: -2214px 0; }
}
@-moz-keyframes pf-motion3 {
    0% { background-position: 0 0 }
    100% { background-position: -2214px 0; }
}
@-ms-keyframes pf-motion3 {
    0% { background-position: 0 0 }
    100% { background-position: -2214px 0; }
}
@-o-keyframes pf-motion3 {
    0% { background-position: 0 0 }
    100% { background-position: -2214px 0; }
}
@keyframes pf-motion3 {
    0% { background-position: 0 0 }
    100% { background-position: -2214px 0; }
}
@-webkit-keyframes pf-motion4 {
    0% { background-position: 0 0 }
    100% { background-position: -3069px 0; }
}
@-moz-keyframes pf-motion4 {
    0% { background-position: 0 0 }
    100% { background-position: -3069px 0; }
}
@-ms-keyframes pf-motion4 {
    0% { background-position: 0 0 }
    100% { background-position: -3069px 0; }
}
@-o-keyframes pf-motion4 {
    0% { background-position: 0 0 }
    100% { background-position: -3069px 0; }
}
@keyframes pf-motion4 {
    0% { background-position: 0 0 }
    100% { background-position: -3069px 0; }
}

/*page4*/
.page4 { position: relative; height:473px; background: url("../img/page4.jpg") no-repeat center top; overflow: hidden; }
.faq { position: absolute; top: 246px; left: 550px; width: 520px; }
.faq li { float: left; width: 100%; line-height: 26px; margin-bottom: 16px; font-size: 14px; }
.faq li p { color: #ff3300; }
.faq li div { color: #80604f; }

/*底部*/

/*foot*/

.wrapper-footer { width: 100%; background: #1a0202; height: 202px; border-bottom: 3px solid #1a0202 }
.wrapper-inner { width: 1000px; margin: 0 auto; position: relative }
.wrapper-inner .qr-left { float: left; width: 282px; height: 138px; background: url(../img/footer_qr.png) no-repeat; margin: 30px 0 0 90px }
.wrapper-inner .f-info-right { float: right; width: 500px; height: 40px; margin: 35px 40px 0 0; text-align: center }
.f-info-right .footer-logo { display: block; width: 127px; height: 45px; margin: 10px auto }
.f-info-right p { color: #fff; line-height: 30px }

/*弹层*/
.alert-wrap { width: 100%; height: 100%; display: none; }
.alert-wrap .shadow-box { width: 100%; height: 100%; position: fixed; left: 0; top: 0; background: #000; -webkit-opacity: 0.3; -khtml-opacity: 0.3; -moz-opacity: 0.3; filter: alpha(opacity=30); opacity: .5; z-index: 10; }
.alert-wrap .msg-alert { position: fixed; z-index: 999; left: 50%; margin-left: -342px; top: 32%; margin-top: -81px; width: 613px; height: 378px; padding: 4px 20px 20px 20px; background: url("../img/alert_bg.png") no-repeat; display: none; }
.alert-wrap .msg-alert .msg-tit h3{ line-height: 71px; height: 70px; color: #ffc17e; font-size: 35px; font-weight: 550; letter-spacing: 2px; text-align: center; padding: 0px 20px 0; font-family: "宋体"; }
.msg-alert .btn-close,.gift-content .close-title { position: absolute; right: 62px; top: 16px; width: 13px; height: 13px; background: url("../img/dialog_close.png"); transition: transform .6s 0s ease; -webkit-transition: transform .6s 0s ease; -moz-transition: transform .6s 0s ease; -ms-transition: transform .6s 0s ease; z-index: 10; }
.msg-alert .msg-tit .btn-close:hover,.gift-content .close-title:hover { transform: rotate(90deg); -webkit-transform: rotate(90deg); -moz-transform: rotate(90deg); -ms-transform: rotate(90deg); }
.msg-alert .msg-con { width:590px;height: 237px;overflow-y: auto;margin: 0 auto}
.msg-alert .msg-con::-webkit-scrollbar {width: 10px; }
.msg-alert .msg-con::-webkit-scrollbar-thumb {border-radius: 10px;-webkit-box-shadow: inset 0 0 5px rgba(67,192,216,0.2);background: rgba(248,227,154,0.5);}
.msg-alert .msg-con::-webkit-scrollbar-track {-webkit-box-shadow: inset 0 0 5px rgba(248,227,154,0.3);border-radius: 10px;background: rgba(248,227,154,0.2);}


.msg-alert .msg-con .tip1 { font-size: 20px; text-align: center; line-height: 40px; color: #f5f3bd; font-weight: bold; letter-spacing: 2px; }
.msg-alert .msg-con .tip11 { margin-top: 72px; }
.alert-wrap .msg-alert .msg-con .service-nav { width: 500px; margin: 37px auto; }
.alert-wrap .msg-alert .msg-con .service-nav div{float: left;width: 212px}
#myPlayRoleList{margin-left: 72px}
.alert-wrap .msg-alert .msg-con .service-nav select { width: 212px; height: 36px; color: #f5f3bd; background: #2d1712; margin-right: 49px; padding: 0px 4px; outline: 0; border: .01rem solid #f5f3bd; border-radius: 0; font-size: 18px; }
.alert-wrap .msg-alert .msg-con .service-nav select.second { margin-right: 0 }
.msg-con .row { padding: 0px 48px; }
.msg-con .for-com { padding: 10px 0 0; }
.msg-con .row span { color: #f9ce8c; font-size: 14px; line-height: 25px; float: left; display: inline-block; min-width: 108px; text-align: right; }
.msg-con .for-com span { min-width: 120px; font-size: 15px; }
.msg-con .row input { width: 194px; height: 28px; line-height: 28px; font-size: 18px; background: none; outline: none; border: none; color: #f9ce8c; -webkit-appearance: none; -moz-appearance: none; -o-appearance: none; appearance: none; }
.msg-con .row select { width: 254px; height: 28px; line-height: 28px; font-size: 14px; margin-left: 10px; padding-left: 10px; background: #fff; outline: 1px solid #fcc938; border: 1px solid #f1d497; color: #958c8c; }
.msg-con .for-com input, .msg-con .for-com select { outline: none; border-top: 0; border-left: 0; border-right: 0; background: #fff; width: 280px; }
.msg-con .for-com select { width: 290px; }
.msg-con .row .btn-copy { left: 371px; top: 98px; width: 68px; height: 28px; line-height: 28px; font-size: 16px; color: #f9ce8c; text-decoration: underline; text-align: center; }
.msg-con .row .btn-copy:hover { background: #fff; color: #ffb24e; }
.msg-alert .msg-con .tip2 { color: #f9ce8c; text-align: center; font-size: 22px; line-height: 34px; margin-top: 15px; }
.msg-alert .msg-con .tip2 span { color: #faee10; }
.msg-alert .msg-con .tip4 { line-height: 26px; text-align: left; padding: 0 25px; font-size: 15px; color: #f9c72c; }
.msg-alert .msg-con .tip5 { color: #333; line-height: 28px; text-align: center; }
.msg-alert .msg-con .tip3 { font-size: 18px; line-height: 26px; text-align: center; color: #fff; }
.msg-alert .msg-con .btn-alert { text-indent: -9999px; position: absolute; display: block; width: 162px; height: 42px; left: 50%; margin-left: -80px; bottom: 62px; background: url(../img/alert_btn.png) no-repeat; }
.msg-alert .msg-con .btn-alert:hover { background: url(../img/alert_btn_h.png) no-repeat; }
.msg-con table { margin: 15px auto 12px; border-collapse: collapse; min-width: 504px; }
.msg-con table th, .msg-con table td, .msg-con table tr { border: 1px solid #f9ca36; line-height: 24px; height: 24px; vertical-align: middle; padding: 3px 12px 2px; text-align: center; }
.msg-con table th { font-size: 13px; color: #f9eb8a; }
.msg-con table td { font-size: 13px; color: #fff; }
.msg-alert .page-list { padding: 12px 30px; text-align: center; margin-top: 0; }
.msg-alert .page-list span, .msg-alert .public_page a { color: #c5b4b4; line-height: 26px; padding: 2px 8px; font-size: 14px; background: #811810; box-shadow: none; margin: 0 6px; cursor: pointer; border: 2px solid #811810; }
.msg-alert .page-list span:hover, .msg-alert .public_page a:hover, .msg-alert .public_page a.current { background: #fff; color: #811810; border: 2px solid #f0c874; }
.msg-alert .list-lucky-g { margin: 0 20px; }
.msg-alert .list-lucky-g li { width: 50%; float: left; text-indent: 50px; line-height: 26px; height: 26px; color: #e5bc7c; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.page0 .activityTime{width: 100%;height: 31px;background: url(../img/timer.png) 288px 0 no-repeat;font-size: 17px;color: #fff0d5;position: absolute;z-index: 5;text-align: center;line-height: 30px;letter-spacing: 3px;left: 0;top: 336px;}
.page0 .period{width: 21px;height: 132px;background: url(../img/steps.png) 0 0 no-repeat;position: absolute;left: 300px;top: 137px;z-index: 5;font-size: 14px;color: #fff;letter-spacing: 2px;padding-left: 8px;line-height: 17px;padding-top: 8px;}
.page0 .min-tit{width: 100%;height: 32px;background: url(../img/min-tit.png) center center no-repeat;position: absolute;z-index: 5;top: 293px;left: 6px}
/*侧边栏*/
.floatNav { position: fixed; top: 199px; right: 88px; width: 201px; height:487px;box-sizing: border-box; z-index: 599; background: url(../img/aside_bg.png) 0 -39px no-repeat; -webkit-animation: aside_bg 1s steps(12) infinite; -moz-animation: aside_bg 1s steps(12) infinite; animation: aside_bg 1s steps(12) infinite;  }
.floatNav .nav-item { position: relative; float: left; width: 100%; height: 63px; line-height: 84px; color: #decd99; cursor: pointer; font-size: 20px; text-align: center; overflow: visible; font-weight: bold; margin-top: -2px}
.floatNav .nav-item:hover, .floatNav .nav-item.active { color: #ffedb6; }
/* .floatNav .nav-item1 { margin-top: 15px; } */
.floatNav .nav-top { font-size: 20px;background: url(../img/totop.png) 92px 16px no-repeat; }
.floatNav .lgjl{text-align: center;font-size: 22px;color: #dac397;font-weight: bold;line-height: 27px;letter-spacing: 3;width: 122px;height: 97px;cursor: pointer;margin: 29px auto 0;display: flex; align-items: center; justify-content: center; box-sizing: border-box;padding-top: 13px; }
.floatNav .lgjl:hover{color: #ffedb6;}
@-webkit-keyframes aside_bg {
    0% { background-position: 0 -39px }
    100% { background-position: -2400px -39px; }
}
@-moz-keyframes aside_bg {
    0% { background-position: 0 -39px }
    100% { background-position: -2400px -39px; }
}
@-ms-keyframes aside_bg {
    0% { background-position: 0 -39px }
    100% { background-position: -2400px -39px; }
}
.aside-bar-btn li .fhdb-btn{display: none}
.flex{display: flex;align-items: center;justify-content: center;}
.lq_gift{width: 168px;height: 57px;background: url(../img/lg-gift.png) 0 0 no-repeat;position: absolute;top: 770px;left: 50%;margin-left: -82px;cursor: pointer;}
.lq_gift:hover{background-position: 0 -68px}
.lq_gift.four{top: 331px;left: 880px}
.lq_gift.eleven{top: 739px;left: 880px}
.lq_gift.bottom{top: 308px;left: 929px}
.lq_gift.re_get{position: inherit;top: 85px;right: -192px;left: auto}
#question{width: 22px;height: 22px;background: rgba(0,0,0,0.2);position: absolute;top:640px;left:715px;cursor: pointer;}
#question span{display: block;width: 167px;height: 52px;background: url(../img/tk.png) 0 0 no-repeat;position: absolute;top:25px;left:-72px;display: none;}
#question:hover span{display: block;}
.wenhao{width: 14px;height: 14px;position: absolute;left: -19px;top: 106px;cursor: pointer;}
.lunbo-box2 .wenhao{left: -25px}
.wenhao.titWenhao{left: 691px;top: 216px;}
html .toGrey{color: #fff;-webkit-filter: grayscale(100%); -moz-filter: grayscale(100%);-ms-filter: grayscale(100%);-o-filter: grayscale(100%);filter:progid:DXImageTransform.Microsoft.BasicImage(grayscale=1); _filter:none;}
.gift_alert{width: 100%;height: 100%;position: fixed;top: 0;left: 0;background: rgba(0,0,0,0.4);display: none;z-index: 999}
.gift-content{width: 652px;height: 641px;background: url(../img/big-alertbg_03.png) no-repeat}
.gift-content .msg-title h3{ line-height: 76px; height: 70px; color: #ffc17e; font-size: 35px; font-weight: 550; letter-spacing: 2px; text-align: center; padding: 0px 20px 0; font-family: "宋体"; }
.gift-content .msg-content p{font-size: 20px;text-align: center;color: #f5f3bd;}
.gift-content .msg-content{position: relative;}
.gift-content .msg-content p span{font-size: 28px;color: #ff9b26;}
.gift-content .msg-content ul{width: 430px;margin: 15px 0 0 76px ;display: flex;flex-wrap: wrap;height: 425px;align-items: center; justify-content: center;}
.gift-content .msg-content ul li {border-bottom: 1px solid #ab5740;padding-top: 9px}
/*.gift-content .msg-content ul li div.gift_detail_60 dd{white-space: normal !important;}*/
.gift-content .msg-content ul li:last-child{border: none}
.gift-content .msg-content ul li div p{font-size: 22px;color: #dbad52;font-weight: 550;white-space: nowrap;}
.gift-content .msg-content ul li .name{width: 95px;height: 65px;background: url(../img/tit-bg.png) no-repeat;flex-direction: column}
.gift-content .msg-content ul li .name span{font-size: 16px;color:#fff5d6;font-weight: bold;margin-top: 5px}
.msg-title{position: relative;}
.popPup .pp_check_box .pp_list{height: 192px;overflow: hidden;margin-top: 112px;padding-left: 9px}
.popPup .pp_check_box .pp_list dl{float: left;}
.popPup .pp_check_box .choose_btn{width: 162px;height: 43px;background: url(../img/pp_btn.png) 0 0 no-repeat;cursor: pointer;margin: 13px 0 0 108px}
.popPup .pp_check_box .choose_btn:hover{-webkit-filter: brightness(1.3);filter: brightness(1.3);}
.gift-content .msg-content ul li .gift-list{width: 336px;box-sizing: border-box;font-size: 13px;color: #ffedb6;min-height: 110px;justify-content: flex-start;flex-wrap: wrap;padding-bottom: 5px}
.gift-content .msg-content ul li .gift-list .checkBox{z-index: 5;visibility: hidden;position: absolute;right: 0;bottom: 0;width: 14px;height: 14px;}
.checkBox +label{display: block;width: 100%;height: 100%;cursor: pointer;position: absolute;right: -2px;bottom: -2px;background: transparent;}
.checkBox:checked +label::before{display: block;content: "\2714";text-align: center;font-size: 12px;color: #ffd196;border: 2px solid #ffd196;height: 14px;width: 14px;position: absolute;bottom: -2px;right: -2px;line-height: 13px;background: #4f3317;}
.checkBox:checked +label{border: 2px solid #ffd196}

.reBack{position: absolute;top:853px;left:160px;width: 294px;height: 191px;background: url(../img/re_1.png) 106px 68px no-repeat;padding: 79px 0 0 396px}
.reBack.reBack-2{background: url(../img/re_2.png) 0 62px no-repeat;padding: 74px 0 0 252px;width: 400px}
.reBack p{width: 64px;height: 56px;float: left;margin-right: 58px;position: relative;}
.reBack dl .checkBox{display:none;}
.reBack dl{width: 64px;height: 56px;position: relative;float: left;margin-right: 58px;}
.reBack dl div,.reBack dl dd{display: none}
.gift-content .msg-content ul li .gift-list dl,.popPup .pp_check_box dl{flex-direction: column;width: 70px;margin-left: 20px;margin-bottom: 8px}
.gift-content .msg-content ul li .gift-list dl dd,.popPup .pp_check_box dl dd{margin-top: 6px;font-size: 12px;color: #ffedb6;text-align: center;line-height: 15px;height: 30px}
.gift-content .msg-content ul li:first-child .gift-list dl{width: 135px}
.gift-content .msg-content ul li:last-child .gift-list dl{width: 70px}
.gift-content .msg-content ul li:first-child .gift-list dl dt{background: url(../img/ybg.png) no-repeat;}
.gift-content .msg-content ul li .gift-list dl dt,.popPup .pp_check_box dl dt{position: relative;width:65px;height: 60px;}
.gift-content .msg-content ul li .gift-list dl .alert-bg,.popPup .pp_check_box dl .pp_check{background: url(../img/ybg.png) no-repeat;border: 2px solid #ffd196}
.gift-content .msg-content ul li .gift-list dl dt p,.popPup .pp_check_box dl dt p{width: 135px; height: 85px;position: absolute;top: -12px;left: -39px;}
/* .gift-content .msg-content ul li .gift-list dl dt div{width: 72px;height: 69px;background: url(../img/ybg.png) 13px 15px no-repeat;overflow: hidden;} */
.xm_mask{background: url(../img/mask.png) 40px 5px no-repeat;}
.zy-must{background: url(../img/pic2.png) no-repeat;left: -30px;top: 0;cursor: pointer;-webkit-animation: pic 2s steps(10) infinite;-moz-animation: pic 2s steps(10) infinite;animation: pic 2s steps(10) infinite;}
.th-must{background: url(../img/pic3.png) no-repeat;left: -22px;cursor: pointer;-webkit-animation: pic 2s steps(10) infinite;-moz-animation: pic 2s steps(10) infinite;animation: pic 2s steps(10) infinite;}
.by-must{background: url(../img/pic4.png) no-repeat;left: -22px;cursor: pointer;-webkit-animation: pic 2s steps(10) infinite;-moz-animation: pic 2s steps(10) infinite;animation: pic 2s steps(10) infinite;}
.gift-content .msg-content ul li .gift-list dl .zy-san-1{background: url(../img/tld_06.png) no-repeat;top:11px;left: 12px;}
.gift-content .msg-content ul li .gift-list dl .zy-san-2{background: url(../img/tlj_06.png) no-repeat;top:11px;left: 12px;}
.gift-content .msg-content ul li .gift-list dl .zy-san-3{background: url(../img/ljfhy_06.png) no-repeat;top:12px;left: 12px;}
.gift-content .msg-content ul li .gift-list dl .zy-liu-1,.popPup .pp_check_box dl .zy-liu-1,.popPup ul li.check_gift .zy-liu-1{width: 100px;background: url(../img/gift1_03.png) no-repeat;top:11px;left: 16px;display: block}

.gift-content .msg-content ul li .gift-list dl .zy-liu-2,.popPup .pp_check_box dl .zy-liu-2,.popPup ul li.check_gift .zy-liu-2{background: url(../img/gift1_03.png) -110px 3px no-repeat;top:9px;left: 16px;}
.gift-content .msg-content ul li .gift-list dl .zy-liu-3,.popPup .pp_check_box dl .zy-liu-3,.popPup ul li.check_gift .zy-liu-3{background: url(../img/gift1_03.png) -171px 2px no-repeat;top:9px;left: -33px;}
.gift-content .msg-content ul li .gift-list dl .zy-liu-4,.popPup .pp_check_box dl .zy-liu-4,.popPup ul li.check_gift .zy-liu-4{background: url(../img/gift1_03.png) 2px -88px  no-repeat;top:9px;left: 16px;}
.gift-content .msg-content ul li .gift-list dl .zy-liu-5,.popPup .pp_check_box dl .zy-liu-5,.popPup ul li.check_gift .zy-liu-5{background: url(../img/gift1_03.png) -108px -86px no-repeat;top:9px;left: 16px;}
.gift-content .msg-content ul li .gift-list dl .zy-liu-6,.popPup .pp_check_box dl .zy-liu-6,.popPup ul li.check_gift .zy-liu-6{background: url(../img/gift1_03.png) -169px -87px no-repeat;top:9px;left:-34px;}
.gift-content .msg-content ul li .draw_btn{position: absolute;width: 97px;height: 41px;background: url(../img/al_btn.png) 0 -46px no-repeat;cursor: pointer;right: 56px;font-size: 0}
.gift-content .msg-content ul li .draw_btn.done,.gift-content .msg-content ul li .draw_btn.done:hover{background-position: 0 0;}
.gift-content .msg-content ul li .draw_btn:hover{background-position: 0 -92px}
/* .gift-content .msg-content ul li .gift-list dl dt,.popPup .pp_check_box dl dt {background: url(../img/ybg.png) 10px 12px no-repeat} */
.gift-content .msg-content ul li .four dl{margin-left: 46px}
.popPup ul li.check_gift .zy-liu-1{background-position: 7px -1px}
.popPup ul li.check_gift .zy-liu-2{background-position: -104px 1px}
.popPup ul li.check_gift .zy-liu-3{background-position: -215px -1px}
.popPup ul li.check_gift .zy-liu-4{background-position: 11px -90px }
.popPup ul li.check_gift .zy-liu-5{background-position: -104px -88px}
.popPup ul li.check_gift .zy-liu-6{background-position: -215px -89px}
.click-lg{width: 165px;height: 45px;background: url(../img/clicklq.png) 4px -44px no-repeat;margin: 79px auto;cursor: pointer;position: absolute;left: 50%;margin-left: -82.5px;top: 418px;}
.click-lg:hover{background-position: 4px 0}
.gift-content .msg-content ul li .four dl .zy-san-1{background: url(../img/haohe.png) 0 1px no-repeat}
.gift-content .msg-content ul li .four dl .zy-san-2{background: url(../img/haohe.png) -145px 1px no-repeat}
.gift-content .msg-content ul li .four dl .zy-san-3{background: url(../img/haohe.png) 0 -100px no-repeat}
.gift-content .msg-content ul li .four dl .zy-san-4{background: url(../img/pic3.png) no-repeat;left: -29px;top: -4px;-webkit-animation: pic 2s steps(10) infinite;-moz-animation: pic 2s steps(10) infinite;animation: pic 2s steps(10) infinite;}
.lg_list{text-align: center;font-size: 24px;color: #ff9b26}
.lg_list p{margin-bottom: 20px}
.lg_list ul{font-size: 22px;color: #f5f3bd;margin-top: 15px;line-height: 30px;height: 350px;}
.lqNow{width: 165px;height: 45px;cursor: pointer;background: url(../img/click_get.png) no-repeat;margin: 0 auto}
.lqNow:hover { background: url(../img/click_get_h.png) no-repeat; }
.wen-content{z-index: 500;position: absolute;top: 128px;left: -111px;background: url(../img/hover_bg.png) no-repeat;display:none;width: 200px;height: 73px;background-size: 100%;color: #ffdc9f;  padding: 15px 10px 10px;;box-sizing: border-box;}
.wen-content span{font-size: 13px;color: #ff9b26;font-weight: bold;}
.tit-cons{left: 630px;top: 225px;}
@-webkit-keyframes al-motion {
    0% { background-position: 0 0 }
    100% { background-position: -1008px 0; }
}
@-moz-keyframes al-motion {
    0% { background-position: 0 0 }
    100% { background-position: -1008px 0; }
}
@-ms-keyframes al-motion {
    0% { background-position: 0 0 }
    100% { background-position: -1008px 0; }
}
@-o-keyframes al-motion {
    0% { background-position: 0 0 }
    100% { background-position: -1008px 0; }
}


.start_btn .cj_btn { background: url("../img/btn-hover.png") no-repeat;}
#goodslist_ul_id {position: absolute; top: 1551px;left: 187px;width: 485px; height: 320px;margin: 0 auto;box-sizing: border-box;}
#goodslist_ul_id li,#goodslist_ul_id .start_btn {float: left;}
#goodslist_ul_id li {width: 76px;height: 69px;position: relative;margin-right: 77px; margin-bottom: 53px;border: 1px solid transparent;box-sizing: border-box}
.dataisgoods {position: relative;}
#goodslist_ul_id li.start_btn { width: 76px;height: 69px;text-align: center;position: relative;}
#goodslist_ul_id li.start_btn p {position: absolute;left: -24px;top: 107px;white-space: nowrap; color: #d0bca0;cursor: default;font-size: 14px;display: none;}
#goodslist_ul_id li.start_btn .integral_update_chance{color: #d38c4a;font-size: 20px}
.start_btn .cj_btn {position: absolute; width: 179px;height: 53px;background-position: 0 0; display: block;z-index: 5;}
.start_btn .rile_start {top: 50%;margin-top: -15px;left: 50%; margin-left: -88px}
.start_btn .ten_start {background-position: 0 -666px;top: -20px;left: 323px;}
.start_btn .rile_start:hover {background-position: 0 -61px;}
.start_btn .ten_start:hover {background-position: 0 -751px;}
#goodslist_ul_id li .jp_box.cur { position: absolute;left: -8px;top: -8px;width: 93px;height: 84px;box-sizing: border-box;background: url(../img/cur_bg.png) 0 0 no-repeat;}
#goodslist_ul_id li#goods_pos_7 .jp_box.cur,#goodslist_ul_id li#goods_pos_3 .jp_box.cur{top: -1px}


.award-limit .award-list li{width: 407px;font-size: 12px;line-height: 24px;height: 27px;color: #ffdc9f;text-align: center;cursor: default;}
.award-limit .award-list li span{margin: 0 3px}
.award-limit{position: absolute;width: 398px;height: 85px;overflow: hidden;top:1587px; left: 660px;}
.award-limit .award-list{position: absolute;}

.game-rule{font-size:12px;color: #d0bca0;width: 320px;position: absolute;top: 1772px;left: 703px; }
.game-rule span{color: #d39858}
.game-rule p{line-height: 23px}


.popPup{width: 250px;position: absolute;top: 807px;left: 108px;}
.popPup.the-fir{left: 475px;top: 770px}
.popPup.the-thir{left: 845px;top: 807px;}
.popPup.the-thir .pp_check_box{background: url(../img/left-pp.png) no-repeat;left: -309px;}
.popPup.the-thir .pp_check_box dl{margin-left: 31px}
.popPup.the-thir .pp_check_box .close_dia{right: 32px;}
.popPup.the-huikui{top: 419px;left: 860px;}
.popPup ul{overflow: hidden;}
.popPup li{cursor: pointer;float: left;margin-left: 12px;width: 67px;height: 61px;background: url(../img/pp_cho.png) 0 0 no-repeat;}
.popPup li span{display: block;height: 100%;}
.popPup p.tit{font-size: 16px;color: #ffedb6;text-align: center;margin: 8px 0}
.popPup p.cbtn{width: 162px;height: 43px;cursor: pointer;background: url(../img/clxq.png) 0 0 no-repeat;margin: 0 auto}
.popPup p.tjxz{display: none;background: url(../img/click_get.png) no-repeat;width: 162px;height: 43px;cursor: pointer;margin: 0 auto}
.popPup p.tjxz:hover{background: url(../img/click_get_h.png) no-repeat}
.popPup p.can:hover{background-position: 0 -55px}
.popPup .pp_check_box{display: none;width: 371px;height: 386px;background: url(../img/pp_bg.png) 0 0 no-repeat;position: absolute;z-index:600;left: 190px;top: -160px;}
.popPup ul li.check_gift{background: url(../img/ybg.png) no-repeat}
.quaNot p.cbtn{background: url(../img/grey.png) no-repeat;-webkit-filter: grayscale(100%); -moz-filter: grayscale(100%);-ms-filter: grayscale(100%);-o-filter: grayscale(100%); _filter:grayscale(100%);}
.popPup .close_dia{width: 13px;height: 13px;position: absolute;right: 14px;top: 12px; cursor: pointer;background: url("../img/dialog_close.png") no-repeat; transition: transform .6s 0s ease; -webkit-transition: transform .6s 0s ease; -moz-transition: transform .6s 0s ease; -ms-transition: transform .6s 0s ease; z-index: 10;}
.popPup .close_dia:hover{transform: rotate(90deg); -webkit-transform: rotate(90deg); -moz-transform: rotate(90deg); -ms-transform: rotate(90deg); }
.popPup.the-four,.popPup.the-five{left: 591px;top: 1063px; width: 453px;}
.popPup.the-four ul,.popPup.the-five ul{position: absolute;right: 20px;top: 20px;}
.popPup.the-four p.tjxz,.popPup.the-five p.tjxz,.popPup.the-four p.cbtn,.popPup.the-five p.cbtn{position: absolute;top: 46px;left: 18px;}
.popPup.the-four p.tit,.popPup.the-five p.tit{display: none}
.popPup.the-five{left: 591px;top: 1205px}
.popPup.the-five .pp_check_box,.popPup.the-four .pp_check_box{top: -211px;left: 166px;}

@-webkit-keyframes fish {
    0% { background-position: 40px -109px }
    100% { background-position: -6360px -109px; }
}
@-moz-keyframes fish {
    0% { background-position: 40px -109px }
    100% { background-position: -6360px -109px; }
}
@-ms-keyframes fish {
    0% { background-position: 40px -109px }
    100% { background-position: -6360px -109px; }
}
@-o-keyframes fish {
    0% { background-position: 40px -109px }
    100% { background-position: -6360px -109px; }
}
@keyframes fish {
    0% { background-position: 40px -109px }
    100% { background-position: -6360px -109px; }
}

.fishNav {cursor:pointer;position: fixed; bottom: 70px; left: 13px;overflow: hidden; width: 370px; height: 213px;z-index: 599;box-sizing: border-box;background: url(../img/fish-bg.png) center center no-repeat; }
.fishNav .fish-bg{position: absolute;left: -49px;transform: scale(.45);width: 699px; height:596px;background: url(../img/fish.png) 40px -109px no-repeat; margin: -200px 0 0 -140px;-webkit-animation: fish 1.8s steps(8) infinite; -moz-animation: fish 1.8s steps(8) infinite; -ms-animation: fish 1.8s steps(8) infinite; animation: fish 1.8s steps(8) infinite;}
.fishNav .fish-word{position: absolute;width: 112px;height: 50px;bottom: -5px;left: 152px;background: url(../img/fish-word.png) 0 0 no-repeat;}