﻿@charset "utf-8";
/* CSS Document */
/*头部*/
#top{width:100%; height:83px; background:url("../images/nav_bg.jpg") no-repeat center;}
.header{width:1200px; height:83px; position:relative;margin:0 auto; z-index:11;}
.nav{position:relative;z-index:111112;}
.nav ul li{width:122px; height:83px; text-align:center;}
.nav ul li a{font:16px/83px 微软雅黑; color:#fff;}
.nav ul li a:hover{color:#ffe400; text-decoration:none;}
.nav ul .logo_box{width:224px; height:100px;padding-top:0px;}
.logo{width:184px; height:125px; background:url("../images/logo.png") no-repeat; margin:0 auto;}
.nav_triangle{width:193px;height:44px; background:url("../images/nav_bottom.png") no-repeat; position:absolute; top:83px;left:50%;margin-left:-104px; z-index:111111;}
.menu{width:1200px; height:200px; position:absolute; top:83px; left:0px; background:url("../images/nav_opac.png") no-repeat center bottom; z-index:1111;}
.menu ul{width:1200px; height:200px;}
.menu ul li{width:122px; height:180px; margin-top:10px;}
.menu ul .pad_box{width:224px; height:300px;}
.menu ul li .common_menu_2{width:120px; height:80%;}
.menu ul li .borderL{border-left:1px solid #8c887e;width:121px;}
.borderLR{border-right:1px solid #726e65;border-left:1px solid #8c887e;}
.menu ul li .borderR{border-right:1px solid #726e65;width:121px;}
.menu ul li .common_menu_2 li{width:100%; height:16px; text-align:center;}
.common_menu_2 li a{font:14px/16px 微软雅黑; color:#fff;}
.common_menu_2 li a:hover{color:#ffe400; text-decoration:none;}
/*底部*/
#announcement{margin:50px auto 0 auto;text-align: center;width: 800px; height:60px;}
#announcement ul{background-color: #efefef;border: 1px solid #fff;line-height: 22px;}
#announcement ul.marquee li {color: #a3a3a3;font: 12px 微软雅黑;padding: 3px 5px;}
#announcement ul.marquee span {color: #8d7a9f;padding-right: 5px;}
#announcement p {color: #a3a3a3;line-height: 30px;}
#announcement em, #announcement a {color: #8d7a9f;}
#announcement a {text-decoration: underline;}
#announcement .icon-ts{background:url("../images/icon_ts.jpg") no-repeat;display:inline-block;*display:inline;height:16px;margin:0 5px;vertical-align:-2px;width:17px;*zoom:1;}
#footer{width: 100%;background: url("../images/footer_bg.jpg") no-repeat center bottom;}
.footer_con{height: 120px;margin: 0 auto; padding-top: 20px; width: 1000px;}
.footer{height: 120px;width: 100%;}
.copyright-bottom{height:30px;background:url("../images/copyright-bottom.png") no-repeat center center;}
.company_logo{background: url("../images/copybottom.png") no-repeat;height: 63px;margin-left: 100px;padding-right: 20px;width: 205px;}
.fg2{ background: url("../images/common.jpg") no-repeat -298px 0; height: 74px; width: 2px;}
.copyright{line-height: 18px;padding-left: 16px;width:500px;}
.copyright p{color:#767676;font-size: 12px;line-height: 28px;}
.other{background: url("../images/common.jpg") no-repeat;}	
.other1{background-position:-139px -209px;height:52px;margin:11px 10px 0px 10px;width:150px;}
.other2{background:url("../images/footer_common.png") 0 0 no-repeat;width:56px;height:56px;margin:9px 10px 0 0;}
.other3{background:url("../images/footer_common.png") -70px 0 no-repeat;width:51px;height:60px;margin-top:7px;}
/*右侧导航*/
#right_nav{width:44px; height:100%; background:#474747; position:fixed;z-index: 999;top:0;right: 0; _position:absolute;
_top:expression(documentElement.scrollTop); *zoom:1;}
.right_nav_top{width:100%; height:auto; position:absolute; top:38px;}
.right_nav_bottom{width:100%; height:auto; position:absolute; bottom:38px;}
.recharge{width:26px; height:44px; margin:0 auto;}
.interaction,.notes,.weixin,.customservice,.gotop{width:26px; height:44px; margin:20px auto 0 auto; position:relative;}
.song{position:relative;margin:20px auto 0 auto;width:35px;}
.song a span{text-align:center;}
.tencent{width:26px; height:44px; margin:10px auto 0 auto;}
.recharge a,.interaction a,.notes a,.song a,.tencent a,.weixin a,.customservice a,.gotop a{width:100%; height:100%;font:12px/22px 微软雅黑; color:#fff;}
.recharge i{width:22px; height:22px; background:url("../images/right_nav_icon.png") no-repeat 0 0; margin:0 auto;}
.interaction i{width:22px; height:22px; background:url("../images/right_nav_icon.png") no-repeat -24px 0; margin:0 auto;}
.notes i{width:22px; height:22px; background:url("../images/right_nav_icon.png") no-repeat -157px 0; margin:0 auto;}
.song i{width:21px; height:19px; background:url("../images/right_nav_icon.png") no-repeat -181px 0; margin:0 auto;}
.tencent i{width:19px; height:22px; background:url("../images/right_nav_icon.png") no-repeat -45px 0; margin:0 auto;}
.customservice i{width:24px; height:22px; background:url("../images/right_nav_icon.png") no-repeat -89px 0; margin:0 auto;}
.weixin i{width:24px; height:22px; background:url("../images/right_nav_icon.png") no-repeat -66px 0; margin:0 auto;}
.gotop i{width:20px; height:22px; background:url("../images/right_nav_icon.png") no-repeat -113px 0; margin:0 auto;}
.recharge a span,.interaction a span,.notes a span,.song a span.tencent span,.weixin span,.customservice span,.gotop span{width:26px; height:auto;}
.recharge .cur,.interaction .cur,.notes .cur,.song .cur,.tencent .cur,.weixin .cur,.customservice .cur,.gotop .cur{color:#e8bb6c;}
.recharge .cur i{ background-position:0 -24px;}
.interaction .cur i{ background-position:-24px -24px;}
.gotop .cur i{ background-position:-113px -24px;}
.notes .cur i{ background-position:-157px -24px;}
.song .cur i{ background-position:-181px -23px;}
.tencent .cur i{background-position:-45px -24px;}
.weixin .cur i{background-position:-66px -24px;}
.customservice .cur i{background-position:-89px -24px;}
.sina{width:26px; height:22px; margin:30px auto 0 auto;}
.sina i{width:26px; height:22px; background:url("../images/right_nav_icon.png") no-repeat -132px 0; margin:0 auto;}
.sina .cur i{ background-position:-132px -24px;}
.weixin_pop{width:103px; height:103px; background:url("../images/wx.jpg") no-repeat; border:9px solid #434a54; border-radius:5px; position:absolute; top:-41px; left:-142px;}
.weixin_pop i{ width: 0;height: 0;border-top: 10px solid transparent;border-left: 10px solid #434a54;border-bottom: 10px solid transparent; position:absolute; top:36px; right:-19px;}
.customservice_pop{width:190px; height:39px; border-radius:5px; background:#434a54; position:absolute; top:-2px; left:-220px; font: 12px/18px 微软雅黑; color:#fff; padding-left:10px; padding-top:5px;}
.customservice_pop i{ width: 0;height: 0;border-top: 10px solid transparent;border-left: 10px solid #434a54;border-bottom: 10px solid transparent; position:absolute; top:12px; right:-9px;}
.Myrecord,.Gameplayer{width:306px; height:100%; position:fixed; background:#282828;z-index: 1000;top:0;right: -306px; _position:absolute;
_top:expression(documentElement.scrollTop); *zoom:1;}
.Myrecord_title{width:100%; height:25px; margin:28px auto;}
.Myrecord_icon{width:22px;height:22px; background:url("../images/right_nav_icon.png") no-repeat -24px 0; margin:4px 10px 0 90px;}
.Myrecord_title span{font:22px/25px 微软雅黑; color:#fff;}
.Myrecord_list{width:100%; height:460px; overflow:hidden;}
.Myrecord_list .no_font{width:100%; height:40px; font:20px/40px 微软雅黑; color:#fff; text-align:center;}
.Gameplayer_list{width:100%;}
.Gameplayer_list li{width:280px; height:100px; border-bottom:1px solid #353535; margin:0 auto 10px auto;}
.Myrecord_list li{width:280px; height:62px; border-bottom:1px solid #353535; margin:0 auto 10px auto;}
.Myrecord_list li a{width:86px; height:48px;}
.Gameplayer_list li a{width:71px; height:91px;}
.Myrecord_list_f{width:166px; height:48px; margin-right:10px; font:12px/16px 微软雅黑; color:#fff;}
.Gameplayer_list_f{width:185px; height:91px; margin-right:10px; font:12px/16px 微软雅黑; color:#fff;}
.Myrecord_list_f h2{overflow:hidden;text-overflow: ellipsis;white-space: nowrap;width:13em;}
.Gameplayer_list_f h2{overflow:hidden;text-overflow: ellipsis;white-space: nowrap;width:14em;font-weight:bold;}
.Myrecord_list_f a,.Gameplayer_list_f a{font:14px/16px 微软雅黑; color:#fff;}
.Myrecord_list_f p{width:14em; height:32px;font:12px/16px 微软雅黑; color:#bbbbbb; overflow:hidden;}
.Gameplayer_list_f p{width:14em; height:32px;font:12px/16px 微软雅黑; color:#bbbbbb; overflow:hidden;}
.Myrecord_more{width:280px; height:33px; font:14px/33px 微软雅黑; color:#fff; text-align:center; margin:0px auto; background:#4b426f;}
.Gameplayer_list_f .gametask{width:98px; height:33px; background:#4b426f; font:16px/33px 微软雅黑; color:#fff; text-align:center; margin-top:10px;}
.tribunegg{width:273px;margin:0 auto;}
.Gameplayer_list .last{ border-bottom:none;}
.tribunegg ul li{width:100%; height:100%; border-bottom:none;}
#right_nav i,#right_nav span{cursor:pointer;}
/*分页*/
.sub_content_page{color:#676767;font-size:12px;text-align:center;padding:20px 0;}
.sub_content_page  a{color:#676767;margin:0 5px;}
.sub_content_page span{background:#72588a;color:#fff;display:inline-block;*display:inline;line-height:14px;margin:0 5px;text-align:center;width:14px;*zoom:1;}
.Gameplayer_close,.Myrecord_close{position:absolute;width:29px;height:29px; background:url("../images/right_nav_close.jpg") no-repeat;top:0px;right:0px; text-indent:-999em;font-size:30px;line-height:25px;color:#fff;text-align:center; font-family:Arial;}
/* 投票 */
.vote{position:relative;width:36px;height:56px;margin:20px auto 0 auto;}
.vote .vote-off{height:100%;background:url("../images/vote.png") no-repeat 0 0;}
.vote .vote-on{height:100%;background:url("../images/vote.png") no-repeat -37px 0;}
.vote h6{position:absolute;top:290px;right:46px;width:168px;height:145px;background:url("../images/vote_pic.png") no-repeat;}
.vote h6 a{width:168px;height:145px;}

/*成功提示----------------------------------------------------------------------------------------------------------*/
.Uright{ width:380px;height:33px; line-height:33px; margin:30px auto; color:#3c8700; font-size:14px; font-weight:bold; text-align:center;}
.Uerror{ width:380px;height:32px;line-height:32px; margin:30px auto; color:#f80029; font-size:14px; font-weight:bold; text-align:center;}

.ui-title-b { border-bottom: 1px solid #e5c3b2; padding-top: 25px; margin-bottom: 25px; }
.ui-form-title {
    background: url(../Images/title_backg.gif) no-repeat; padding-left: 45px;
    height: 26px; line-height: 26px; float: left; text-indent: -30px;
    font-weight: bold;
}
.ui-form-title strong {
    background: url(../Images/title_backg.gif) no-repeat right -29px;
    height: 26px; line-height: 26px;  display:block; padding-right: 20px;
    color: #fff; font-weight: bold;
}

.text-align { text-align: center; }
h2 strong, h1 strong { display: none; }
.color-orange { color: #ff6000; }
.brown { color: #a82f09; }
.underline { text-decoration: underline; }
.f14 { font-size: 14px; }
.f16 { font-size: 16px; }
.bold { font-weight: bold; }
.red, .hong { color: red; }
.red2{color: #cc3300; font-weight: bold;}
.normal { font-weight: normal }
.text_c {
    text-align: center;
}
.green { color: #318004; }
.ui-title-m30 { margin: 30px 0; }

.article { line-height: 24px; padding: 5px; }

.trBg { background: #fff; }
.trBg1 { background: #fff; }
.trBg2 { background: #f7f9fd; }
.trTd { width: 70px; WORD-BREAK: break-all;; overflow: hidden; text-overflow: ellipsis; }
.leftTop { border-left: 1px solid #fcfcfc; border-top: 1px solid #fcfcfc; }
.leftTop2 { border-left: 0px solid #fcfcfc; border-top: 0px solid #fcfcfc; }

.pay_table .box { border-top: 2px solid #bc8f4f; background: #d0d0d0; }