/* CSS Document */
body { margin: 0px auto; padding: 0; overflow-x: hidden; color: #333333; background: #f5f5f5; font: 13px/1.5 "Microsoft Yahei", "\5FAE\8F6F\96C5\9ED1", "\5B8B\4F53", "Arial", sans-serif; font-family: "Microsoft Yahei" }
div, dl, dt, dd, ul, li, h1, h2, h3, h4, h5, h6, pre, form, fieldset, input, textarea, blockquote, p { padding: 0; margin: 0; }
input { border: none; }
table, td, tr, th { font-size: 12px; }
li { list-style: none; vertical-align: bottom; }
img { vertical-align: middle; border: 0; }
ol, ul { list-style: none; }
em, i { font-style: normal; }
a { color: #979595; text-decoration: none; }
a:visited { text-decoration: none; }
a:hover { color: #666; }
a:active { color: #666; }
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, video { margin: 0; padding: 0; border: 0; font-size: 100%; }
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section { display: block; }
body { line-height: 1; }
ol, ul { list-style: none; }
blockquote, q { quotes: none; }
blockquote:before, blockquote:after, q:before, q:after { content: ''; content: none; }
table { border-collapse: collapse; border-spacing: 0; }
.clear { clear: both; }
.fl { float: left; }
.fr { float: right; }
.none { display: none; }
.block { display: block; }
.clearfix:after { visibility: hidden; display: block; font-size: 0; content: " "; clear: both; height: 0; }
/* Hides from IE-mac \*/
*:first-child+html .clearfix { zoom: 1; } /* IE7 */
* html .clearfix { height: 1%; zoom: 1; }
.clearfix { display: block; }
.hide { display: none; }
.pa { position: absolute; }
.pr { position: relative; }
.blinking0 { color: #fbd15f!important; }
.blinking1 { color: #009cff!important; }
.green { color: #20ce28!important; }
.red { color: #F00!important; }
/*头部*/
.fixed-top { top: 0; border-width: 0 0 1px; }
.fixed-top { position: fixed; right: 0; left: 0; z-index: 1030; }
.wid1000 { width: 1000px; margin: 0px auto; }
.top01 { width: 100%; height: 36px; background: #1a1a1a; color: #ffffff; font-size: 13px; }
.top01 .topL { display: inline-block; }
.top01 .topR { float: right; }
.top01 ul.topList li { float: left; height: 36px; line-height: 36px; vertical-align: middle; margin-right: 20px; }
.top01 ul.topList li img { vertical-align: middle; margin-right: 8px; margin-bottom: 3px; }
.top01 ul.topList li i { color: #e4c852; font-style: normal; display: inline-block; }
.top01 ul.topList li a { color: #fff; }
.top01 ul.topList li a:hover { color: #e4c852; }
.top01 ul.topList .paizhao:before { content: ''; position: absolute; top: 36px; left: -10px; width: 565px; height: 0; z-index: 9999; background: url('../images/paizhaoimg.png') no-repeat center top; opacity: 0; filter: alpha(opacity=0); -moz-transition: all .8s; -o-transition: all .8s; -webkit-transition: all .8s; transition: all .8s }
.top01 ul.topList .paizhao:hover:before { height: 224px; opacity: 1; filter: alpha(opacity=100) }
.top01 .topR .mtdate i { color: #e4c852; font-style: normal; }
.top01 .topR .mtdate { height: 36px; line-height: 36px; display: inline-block; vertical-align: middle; }
.top01 .topR .language { display: inline-block; margin-left: 10px; vertical-align: middle; }
.top02 { width: 100%; height: 100px; background: #242424; color: #ffffff; font-size: 13px; overflow: hidden; }
.top02 .logo { display: block; width: 435px; height: 73px; background: url("../images/p222logo.png") no-repeat; margin: 10px 40px 0px 0px; }
.top02 .app-icon { display: block; width: 240px; height: px; margin: 13px 0px 0px 0px; border-right: 1px solid #1f1f1f; padding-right: 13px; }
.top02 .app-logo { display: inline-block; width: 74px; height: 74px; background: url("../images/app-btn.png") 0 0 no-repeat; margin: 0px 10px 0px 0px; }
.top02 .app-btnios { display: inline-block; width: 138px; height: 74px; background: url("../images/app-btn.png") -85px 0px no-repeat; margin: 0px 10px 0px 0px; }
.top02 .links { border-left: 1px solid #373737; padding-left: 15px; margin-top: 13px; }
.top02 .toplink { text-align: center; }
.top02 .toplink a { color: #dfdfdf; line-height: 34px; font-size: 14px; vertical-align: middle; padding: 8px 10px 0px; text-align: center; }
.top02 .toplink a:hover { color: #fdc361; }
.top02 .toplink span { display: inline-block; color: #5c5c5c; font-size: 16px; }
.top02 .links .domain { display: block; width: 254px; height: 31px; margin-top: 8px; background: url("../images/7196a-za.gif") no-repeat; }
.nav, .nav_list li, .wrap { position: relative; }
.nav { z-index: 3; height: 60px; background: #fff; border-bottom: 1px solid #f3f3f3;/*box-shadow: 0 2px 5px rgba(0,0,0,.2)*/ }
.nav_list li { float: left; padding: 20px 0; margin: 0 12px 0 10px; }
.nav_list a { font-size: 15px; color: #262626; line-height: 20px; font-weight: 550; }
.nav_list a:hover { text-decoration: none }
.nav_list span.line { display: none; position: absolute; bottom: 0; left: 0; width: 100%; height: 3px; background: #f93c1a; overflow: hidden }
.nav_list .nav_sign { width: 17px; height: 22px; display: inline-block; position: absolute; right: -20px; top: 5px; background: url("../images/hot.gif") no-repeat }
.nav_list .nav_sign1 { width: 31px; height: 18px; display: inline-block; position: absolute; right: -20px; top: 5px; background: url("../images/bigm.gif") no-repeat }
.nav_list li.on a, .nav_list li.cur a { color: #ff6310 }
.nav_list li.on span.line, .nav_list li.cur span.line { display: block }
.nav_list .red { color: red; font-weight: 700 }
.nav_list li dl.drop-down { width: 635px; position: absolute; top: 60px; z-index: 3000; background: #ffffff; text-align: left; border-top: 1px solid #E4E4E4; border-bottom: 1px solid #E4E4E4; }
.nav_list li dl.drop-down dd { display: inline-block; width: 134px; height: 50px; font-size: 14px; padding: 5px 0px; border-right: 1px solid #e6e6e6; vertical-align: middle; }
.nav_list li dl.drop-down dd a { padding: 0 2px; overflow: auto; zoom: 1; font-size: 14px; color: #000000; text-align: left; height: 49px; line-height: 49px; vertical-align: middle }
.nav_list li dl.drop-down dd:hover { background: #fafafa }
.nav_list li dl.drop-down.drop-down-card { left: -20px; }
.nav_list li dl.drop-down.drop-down-fish { left: -20px; }
.nav_list li dl.drop-down.drop-down-wwg { left: -20px; }
.nav_list li dl.drop-down.drop-down-cq9 { left: -20px; }
.nav_list li dl.drop-down.drop-down-game { left: -142px; }
.nav_list li dl.drop-down.drop-down-bbin { left: -20px; }
.nav_list li dl.drop-down.drop-down-fg { left: -202px; }
.nav_list li dl.drop-down.drop-down-jdb { left: -202px; }
.nav_list li dl.drop-down.drop-down-ag { left: -202px; }
.nav_list li dl.drop-down.drop-down-qt { left: -300px; }
.nav_list li dl.drop-down.drop-down-hb { left: -382px; }
.nav_list li dl.drop-down.drop-down-live { left: -442px; }
.nav_list li dl.drop-down.drop-down-sport { left: -442px; }
.nav_list li dl.drop-down.drop-down-Lottery { left: -442px; }
.nav_list li dl .tt-tj { float: left; background: #fd660d url('../images/title-tj.jpg') no-repeat left center; width: 70px; margin-right: 10px; height: 183px; }
.nav_list li dl.drop-down dd img { margin-right: 5px; width: auto; max-width: 50px; max-height: 50px; line-height: 49px; vertical-align: middle; }
.nav_list li dl.drop-down.drop-down-fish dd img { float: left }
.nav_list li dl.drop-down.drop-down-fish dd span { float: left; }
.nav_list li dl.drop-down dd span { line-height: 49px; vertical-align: middle }
.nav_list li dl.drop-down dd span p { line-height: 1.6; }

.menu-games-div { width: 998px; position: absolute; left: 0; top:61px; background-color: #fff ;border: 1px solid #e6e6e6;border-top:none; display:none;}
.menu-games-div h2 { height: 45px; padding: 0 10px 0px 10px; background-color: #fd660d; color: #fff; line-height: 45px; font-size: 16px }
.menu-games-div h2 span { float: left; display: inline-block }
.menu-games-div h2 .menu-00 { width: 210px }
.menu-games-div h2 .menu-01 { width: 117px }
.menu-games-div h2 .menu-02 { width: 80px }
.menu-games-div h2 .menu-signs { float: right; font-size: 12px }
.menu-games-div h2 .gamelist-hot, .menu-games-div h2 .gamelist-new, .menu-games-div h2 .gamelist-test { left: 12px; top: 1px; margin-right: 16px }
.menu-games-div .content-00 { width: 300px }
.menu-games-div .content-01 { width: 100px }
.menu-games-div .content-02 { width: 200px; margin-right: -5px; }
.menu-games-div .menu-games ul { max-height: 250px; float: left; padding: 10px 0 5px 16px; border-right: 1px solid #e6e6e6; }
.menu-games-div .menu-games ul:last-child { border: 0 }
.menu-games-div .menu-games ul li { float: left; max-width: 115px; overflow: hidden;margin:0px;padding:0px; }
.menu-games-div .menu-games a { width: 100px; height: 32px; float: left; font-size: 13px; color: #333 !important; font-weight:400;}
.menu-games-div .menu-games a:hover { color: #ff6310; text-decoration: none }
.menu-games-div .menu-games .more { width: 100%; float: left; font-size: 12px; color:#ff6310!important; }
.icon-gamelist { display: inline-block; background: url(../images/icon_nav.png) no-repeat }
.gamelist-bar { width: 4px; height: 15px; background-position: -5px -5px; position: relative; top: 3px; margin-right: 8px }
.gamelist-hot, .gamelist-new, .gamelist-test, .gamelist-more { width: 10px; height: 11px; position: relative; left: 4px; top: -2px }
.gamelist-new { background-position: -105px -5px }
.gamelist-hot { background-position: -49px -5px }
.gamelist-test { background-position: -125px -5px }
.gamelist-more { width: 17px; height: 19px; background-position: -143px 0px; vertical-align: middle; }



.top3 { position: relative; margin: 197px 0 0px; width: 100%; height: 80px; background: #fff; box-shadow: 3px 5px 5px #eae9e9; color: #666; font-size: 13px; z-index: 4; }
.link-area { width: 1000px; margin: 0px auto; padding: 23px 0 0; font-size: 0; white-space: normal; background-color: #fff; }
.link-area ul { display: block; white-space: nowrap }
.link-area ul li { position: relative; display: inline-block; width: 370px; vertical-align: top }
.link-area ul li+li { padding-left: 20px }
.link-area ul li+li:before { content: ''; position: absolute; top: -4px; left: 0; width: 1px; height: 50px; background: url('../images/link_line.png') no-repeat center center }
.link-area ul li.list-1 { width: 215px; padding-left: 0 }
.link-area ul li.list-1 .licence { position: relative }
.link-area ul li.list-1 .licence:before { content: ''; position: absolute; top: 100%; left: 0; width: 218px; height: 0; z-index: 1; background: url('../images/license.png') no-repeat center top; opacity: 0; filter: alpha(opacity=0); -moz-transition: all .8s; -o-transition: all .8s; -webkit-transition: all .8s; transition: all .8s }
.link-area ul li.list-1 .licence:hover:before { height: 281px; opacity: 1; filter: alpha(opacity=100) }
.link-area ul li.list-1 .app { position: relative }
.link-area ul li.list-3 { width: 390px }
.link-area ul li div { margin-top: -3px }
.link-area ul li div+div { margin-top: 15px }
.link-area ul li div>* { display: inline-block; font-size: 13px; vertical-align: top; margin: 0 }
.link-area ul li div h4 { min-width: 50px; margin-right: 5px; color: #1b1b1b; font-weight: 700 }
.link-area ul li div a { position: relative; min-width: 80px; color: #666; text-decoration: none }
.link-area ul li a.purple { color: #ff14ff }
.link-area ul li a.lightblue { color: #54bfef }
.link-area ul li a.red { color: #ff1818 }
.link-area ul li a.blue { color: #1f1ffe }
.link-area ul li a:hover { color: #ff1818; font-weight: bold }






.top4 { position: relative; margin: 0px 0 0px; width: 100%; height: 60px; background: #fff; border-top: 1px solid #f3f3f3; font-size: 13px; z-index: 4; }
.headlogin { padding: 10px 0 7px; overflow: hidden; }
.headlogin .title { float: left; margin: 0 15px 0 10px; display: block; height: 27px; width: 81px;  background: url('../images/login-titles.png') no-repeat }
.headlogin .rform { float: left; }
.headlogin input { border: 1px solid #E8E8E8; width: 143px; height: 34px; line-height: 30px; background-color: #F5F5F5; color: #666; padding-left: 30px; float: left; font-size: 14px; vertical-align:middle }
.headlogin input:focus { border: 1px solid #000; transition: all 0.4s; }
.headlogin .list04 input:focus { border: none; }
.headlogin .list03 { width: 175px; }
.headlogin .list03 .test { top: 4px; right: 4px; width: 71px; height: 27px; position: absolute; }
.headlogin .formUl li { float: left; margin-right: 10px; position: relative; }
.headlogin .formUl li .forget { font-size: 14px; color: #999; padding-left: 26px; display: inline-block; position: relative; line-height:36px;}
.headlogin .formUl li .forget:hover { color: #f00; }
.headlogin .yzmimg { position: absolute; right: 0; top: 0; }
.headlogin .subbtn { padding: 0; width: 100px; text-align: center; color: #fff; line-height: 30px; cursor: pointer; margin-right: 5px; border: none; background-color: #1289E1; }
.headlogin .subbtn:hover { background-color: #F00; }
.headlogin .formUl .list04 input{ }
.headlogin .formUl .list04 input.loginbtn,.headlogin .formUl .list04 input.regbtn{font-size: 15px; border: none; width: 100px; float: left; height: 36px; line-height: 36px; color: #FFF; cursor: pointer; transition: all 0.4s;background: linear-gradient(90deg, #ff4f00 0, #ff7800); text-align:center;padding-left:0px;margin-right:10px;}
.headlogin .formUl .list04 input.loginbtn:hover{background: linear-gradient(90deg, #1d62f0 0, #1ad6fd);}
.headlogin .formUl .list04 input.regbtn {background: linear-gradient(90deg, #ff7a00 0, #ffac00);}
.headlogin .formUl .list04 input.regbtn:hover{background: linear-gradient(90deg, #0075d9 0, #2395ff);}
.headlogin .formUl .list04 .regbtn span { display: inline-block; padding-right: 10px; background: url(../images/icon01.png) no-repeat right center; }
.headlogin .formUl .list04 { margin-right: 0; }
.headlogin .formUl li .img01 { position: absolute; top: 10px; left: 10px; }
.logined { color: #fff; line-height: 30px; margin-top: 15px; overflow: hidden;}
.logined .title { float: left; margin: 0 15px 0 10px; display: block; height: 27px; width: 103px;  background: url('../images/logined-title.png') no-repeat }
.logined .text {float: left; color: #666; font-size: 14px; text-align: right; }
.logined .text i { font-size:14px; color:#F00}
.logined .text a.f5 { display: inline-block; vertical-align: middle; width: 18px; height: 18px; margin-left: 10px; background: url('../images/f5.png') no-repeat }
.logined .text a.f5:hover {  background: url('../images/f5-h.png') no-repeat; }
.logined a.logout { display: inline-block; font-size: 15px; text-align:center; border: none; width: 100px; height: 36px; line-height: 36px; color: #FFF; cursor: pointer; transition: all 0.4s; background: linear-gradient(90deg, #ff7a00 0, #ffac00); }
.logined  a.logout:hover { background: linear-gradient(90deg, #0075d9 0, #2395ff); }
.logined .link {float: left; color: #a1a2a2; font-size: 10px;text-align: right;overflow:hidden;  border-left: 1px solid #E4E4E4; margin-left:10px; }
.logined .link a { color: #666; font-size: 14px; padding: 0px 5px; line-height: 28px; text-align: center; display: inline-block; margin: 0px 5px;position:relative; }
.logined .link a:after{ content: ""; position: absolute; top:9px; right: -5px; height: 10px; border-right: 1px solid #E4E4E4; }
.logined .link a:hover { color: #ff0000; }
.logined .link a.Message-no{ background:url('../images/message.png')  center top no-repeat; width:29px;height:22px; position:relative; }
.logined .link a.Message-no span{ display:inline-block;position:absolute;right:-2px;top:-7px;width:29px; color:#fff;}

/*最新消息*/

.newsbox { padding: 10px 0px; }
.news { background: #fff; height: 38px; line-height: 38px; width: 100%; border: 1px solid #e6e6e6; overflow: hidden; }
.newsbox .line_none { border:none;}
.news_tit { width: 145px; height: 40px; margin-right: 10px; background: url("../images/news-tl.png") 10px center no-repeat; float: left; }
.news_text { width: 616px; float: left; height: 38px; line-height: 38px; font-size: 13px; text-align: left; color: #414141; white-space: nowrap;/* text-overflow:ellipsis; -o-text-overflow:ellipsis; */ overflow: hidden; }
.news_text2 { width: 830px;float: left; height: 38px; line-height: 38px; font-size: 13px; text-align: left; color: #414141; white-space: nowrap;/* text-overflow:ellipsis; -o-text-overflow:ellipsis; */ overflow: hidden; }
.news_text a,.news_text2 a{ color: #414141; font-size: 13px; }
/*money-jc*/
.money-jcbox { background: #fff; border: 1px solid #e6e6e6; overflow: hidden }
.money-jc { width: 249px; height: 132px; float: left; font-size: 14px; text-align: center; position: relative; }
.money-jc:after { content: ""; position: absolute; top: 40px; right: 0; height: 50px; border-right: 1px solid #E4E4E4; }
.money-jc:nth-child(4):after { border-right: none; }
.money-jcbox .line_none:after{ border-right: none; }
.money-jc .m-img { display: block; height: 45px; width: 60px; background: no-repeat center center; margin: 0px auto 10px }
.money-jc .m-img.img-mgGame { background-image: url("../images/mg.png"); background-size: 33px; }
.money-jc .m-img.img-cq9Game { background-image: url("../images/cq9.png"); }
.money-jc .m-img.img-bbGame { background-image: url("../images/bbin.png"); }
.money-jc .m-img.img-agGame { background-image: url("../images/ag.png"); }
.money-jc span { display: block; color: #f92f20; font-size: 24px; margin-top: 16px; letter-spacing: 1.5px; }
.money-jc i.m-t { display: block; background: url("../images/money-title.png")center no-repeat; text-align: center; font-size: 14px; color: #111; font-style: normal; }
/*bottom*/
.bottom { width: 100%; background: #202020; color: #ebebeb; padding: 20px 0px; overflow: hidden; }
.bottom .contact { width: 1000px; height: 120px; background: url("../images/bottom-icon.png") center bottom no-repeat; margin: 0 auto; }
.bottom .contact ul li p { margin-top: 20px; color: #cccccd; font-size: 14px; line-height: 22px; }
.bottom .contact li { float: left; padding-left: 42px; padding-right: 25px; margin: 0px 5px 0px 25px; position: relative; }
.bottom .contact li:after { content: ""; position: absolute; height: 16px; right: 0px; top: 10px; }
.bottom .contact li:last-child:after { display: none; }

.bottom .contact li span { font: 12px/36px "SimSun"; color: #b8a17d; }
.bottom .contact li b { font-size: 14px; line-height: 36px; font-weight: bold; color: #e4c852; }
.bottom .contact .st1 { background: url("../images/st1.jpg") no-repeat left center; }
.bottom .contact .st2 { background: url("../images/st2.jpg") no-repeat left center; }
.bottom .contact .st3 { background: url("../images/st3.jpg") no-repeat left center; }
.bottom .contact .st4 { background: url("../images/st4.jpg") no-repeat left center; }
.bottom .flink { text-align: center; height: 60px; font-size: 11px; line-height: 60px; color: #7c7c7e; }
.bottom .flink a { color: #ebebeb; font-size: 13px; margin: 0 15px; }
.bottom .flink a:hover { color: #efd37b }
.bottom .copyright { text-align: center; color: #b2b2b2; font-size: 13px; line-height: 26px; margin-top: 10px; }