@charset "utf-8";

/*ui-banner-box*/
.ui-bd-banner { width: 705px; height: 238px; position: relative; padding: 4px; }
.ui-banner-flash { }
.ui-banner-box {
    position: absolute; background: url(/Images/banner_bj.gif) no-repeat;
    width: 713px; height: 246px; z-index: 3; left: 0; top: 0;
}
.ui-banner-slide {
    width: 705px; height: 234px;
    float: left;
    position: relative;
    overflow: hidden; z-index: 888;
}
.ui-banner-img {
    position: absolute; left: 0; top: 0;
    width: 705px; height: 234px;
    display: none;
}
.ui-banner-btn {
    position: absolute; right: 3px; bottom: 8px; z-index: 999;
}
.ui-banner-btn-a {
    width: 22px; height: 22px;
    line-height: 22px;
    margin-right: 5px;
    text-align: center;
    border-radius: 12px;
    background-color: #999;
    color: #fff;
    float: left;
}
a.ui-banner-btn-a { color: #fff; }
.ui-banner-btn-a:hover {
    text-decoration: none;
}
.ui-banner-btn .active2 {
    color: #fff;
    background-color: #e4393c;
}

/*ui-banner-box End*/

.ui-col-central { padding: 0 7px; }
.ui-news-box, .ui-index-activity { width: 520px; margin-bottom: 20px; }
.ui-news-bd { width: 520px; height: 165px; position: relative; border-top: 2px solid #e5c3b2; }
.ui-news-left-t,
.ui-news-right-t,
.ui-news-left-b,
.ui-news-right-b {
    width: 4px; height: 4px; background: url(/Images/k_fillet.gif) no-repeat;
    position: absolute; overflow: hidden; display: inline-block;
}
.ui-news-left-t { top: -1px; left: -1px; }
.ui-news-right-t { top: -1px; right: -1px; background-position: -4px 0px; }

.ui-news-bd .ui-news-left-b, .ui-news-bd .ui-news-right-b { bottom: -1px; }
.ui-news-left-b { bottom: -1px; left: -1px; background-position: 0 -4px; }
.ui-news-right-b { bottom: -1px; right: -1px; background-position: -4px -4px; }
.ui-news-list { padding: 5px; }
.ui-news-info { width: 370px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; display: block }
.ui-news-list li { display: block; height: 22px; border-bottom: 1px dotted #ea7f14; padding: 5px 0; }
.ui-news-list span { float: right; color: #c96; }

.ui-news-list a { color: #333; display: inline-block; vertical-align: middle; font-size: 14px; }
.ui-news-list a.red { color: red; }
.ui-news-title { border-bottom: 2px solid #a64f29; }
.ui-news-title li {
    display: inline;
    font-size: 14px; font-weight: bold;
    font-family: tahoma, arial, \5FAE\8F6F\96C5\9ED1, sans-serif;
}
.ui-news-title li a {
    color: #fff; width: 61px; height: 26px; text-align: center; line-height: 26px; margin-right: 10px;
    float: left; color: #c63;
}
.ui-news-title li a:hover, .ui-news-title li a.active { color: #fff; background: url(/Images/news_title_bj.gif) no-repeat; text-decoration: none; }

/*ui-ranking*/
.ui-ranking-box {
    width: 210px; background: url(/Images/king_bj.png) no-repeat; height: 339px;
    position: relative; z-index: 100; margin:-10px 0 12px 0; padding-top: 55px;
}
.ui-ranking-bt { width: 236px; height: 23px; overflow: hidden; }
.ui-ranking-con { height: 245px; border-top: none; position: relative; }
.ui-ranking-d1 { color: #dd0202; }
.ui-king-w1,
.ui-king-w2 { text-align: center; display: inline-block; }
.ui-king-w1 { width: 130px; }
.ui-king-w2 { width: 85px; }

.mod-list { padding-top: 10px; margin: 0px 8px 0; font-weight: normal; overflow: hidden; _width: 190px; }
.mod-list .ui-switchable-content { overflow: hidden; }

.ui-ranking-con .mod-list li {
    padding: 2px 0 5px 23px; *padding: 2px 0 2px 23px;
    _padding: 2px 0 2px 23px; width: 180px; margin-left: 10px;
    height: 16px; line-height: 16px; zoom: 1; position: relative;
}
.mod-list .b1, .mod-list .b2, .mod-list .b3 { background: url(/Images/medals.gif) no-repeat; text-indent: -999px; }
.ui-ranking-con .mod-list .b1,
.ui-ranking-con .mod-list .b2,
.ui-ranking-con .mod-list .b3,
.ui-ranking-con .mod-list .b4 {
    width: 14px; height: 19px;
    left: 0; top: 5px; position: absolute;
    font: 12px/15px Arial, simsun, sans-serif;
    text-align: center; color: #c60;
    font-weight: bold; overflow: hidden;
}
.ui-ranking-con .mod-list .b1 {
    background-position: 0 0;
}
.ui-ranking-con .mod-list .b2 {
    background-position: 0 -23px; }
.ui-ranking-con .mod-list .b3 {
    background-position: 0 -48px; }
.mod-list .b4 {
    width: 13px; height: 13px; text-align: center; line-height: 13px; font-weight: normal; font-size: 9px;
}
.ui-ranking-tag { padding: 55px 0 0 60px; }
.ui-ranking-tag a { color: #8a4d2f; }
.ui-ranking-con .mod-list .motid { width: 63px; color: #630; margin-left: 15px; }
.ui-ranking-con .mod-list .fraction { right: 5px; top: 5px; width: 82px; color: #c30; text-align: right }
.tags { overflow: hidden; cursor: pointer; }
.tags li {
    display: inline;
    float: left; height: 29px; width: 101px; text-align: center;
    line-height: 32px; overflow: hidden; font-size: 12px;
    background: #def3fc -5555px -5554px; border: 1px solid #bed7e8;
    border-top: none; border-left: none;
}
.tags li:last-child { width: 102px; border-right: none; }
.tags li.active {
    cursor: default; border-bottom: none;
    height: 29px; color: #016ab4;
    font-weight: bold; line-height: 29px;
    background-color: #fff;
}
/*ui-activities*/
.ui-activities-box { margin-top: 10px; padding: 0 10px; }
.ui-activities-title {
    background: url(/Images/title_bj.gif) no-repeat bottom; height: 28px; line-height: 28px;
}
.ui-activities-title span a, .ui-game-title span a { color: #555; margin-right: 10px; text-decoration: none; }
.ui-activities-title span a:hover, .ui-game-title span a:hover { color: #b92e31; }
.ui-activities-bd { height: 163px; }
.ui-activity-list { padding:0; }
.ui-activity-list li { float: left; margin: 0 8px 7px 8px; overflow: hidden; display: inline;
    position: relative; padding: 2px;
}
.ui-activity-list .ui-activities-bj {
    position: absolute; z-index: 1; left: 0; top: 0;
    width: 203px; height: 146px;
}

/*ui-service-box*/
.ui-service-box { width: 200px; margin-right: 25px; }
.ui-qq-box h2, .ui-contact-box h2 {
    background: url(/Images/title_bj_2.gif) no-repeat bottom; height: 28px; line-height: 28px;
    margin-bottom: 5px;
}

.ui-contact-box { margin-top: 10px; }
.ui-contact-box b {
    font-size: 18px; font-weight: bold; color: #b92e31; padding: 5px 15px;
    font-family: tahoma, arial, \5FAE\8F6F\96C5\9ED1, sans-serif;
}

/*ui-total*/
.ui-total { padding: 0 10px; }
.ui-game-recommend { width: 520px; overflow: hidden; }
.ui-game-recommend .ui-title { background: url(/Images/bt_t2.gif) no-repeat bottom; height: 34px; }
.ui-game-recommend .ui-game-bd { height: 100px; background: url(/Images/bt_c.gif) repeat-y; }
.ui-game-list { width: 480px; padding: 5px 10px 0; }
.ui-game-list li {
    width: 60px; padding: 7px 8px; margin: 0 10px 8px 10px;
    float: left;
}
.ui-game-list li p { text-align: center; color: #333 }
.ui-game-list img { width: 60px; height: 60px; display: block; }

/*new*/

.ui-index-c { width: 520px; float: left; margin-left: 20px; display: inline; }
.ui-index-r { width: 210px; float: right; height: 500px; margin-right: 10px; display: inline; }
.ui-n-banner {
    width: 480px; height: 200px; position: relative;
    background: url(/Images/index_banner_bj.gif); padding: 13px 20px 20px;
}
body .fn-hide { display: none; }
.ui-switchable-content { width: 480px; height: 200px; overflow: hidden; position: relative; }
.ui-switchable-item {
    display: block; width: 100%; height: 100%; position: absolute; top: 0; left: 0; overflow: hidden;
}
.ui-n-banner .ui-switchable-nav { position: absolute; width: 480px; text-align: center; bottom: -8px; }
.ui-n-banner .ui-switchable-trigger {
    width: 18px;
    height: 18px;
    overflow: hidden;
    cursor: pointer; display: inline-block; *display: inline; *zoom: 1;
    margin-right: 4px; background: url(/Images/index_sprite.png) no-repeat -18px 0;
}
.ui-n-banner .ui-switchable-active {
    background-position: 0 0;
}
.ui-switchable-upper {
    width: 18px; height: 81px;
    background: url(/Images/next.png) no-repeat; display: block; position: absolute;
    top: 70px; left: -7px; cursor: pointer;
}
.ui-switchable-upper:hover {
    background-position: 0 -81px;
}
.ui-switchable-next {
    width: 18px; height: 81px;
    background: url(/Images/next.png) no-repeat 0 -162px; display: block; position: absolute;
    top: 70px; right: -7px; cursor: pointer;
}
.ui-switchable-next:hover {
    background-position: 0 -243px;
}

.ui-index-activity .ui-title { background: url(/Images/bt_t.gif); height: 34px; display: block }
.ui-index-activity .ui-title a, .ui-game-recommend .ui-title a { float: right; color: #963; font-weight: bold; margin-right: 10px; }
.ui-index-activity .ui-bd { padding: 5px 2px; display: block; height: 258px; background: url(/Images/bt_c.gif) repeat-y; }
.ui-index-activity .ui-bd li {
    float: left;width:237px; height: 120px;
    margin: 0 0 8px 10px;overflow: hidden;
    display: inline;
    position: relative;
    padding: 2px;
}
.ui-index-activity .ui-bd li a .ui-bj {
    position: absolute; z-index: 1; left: 0; top: 1px;
    width: 242px; height: 123px; background: url(/Images/bj.png);
}
.ui-index-activity .ui-bottom, .ui-game-recommend .ui-bottom {
    background: url(/Images/bt_d.gif) no-repeat; height: 8px; display: block;
    width: 520px;
}
.ui-index-match { margin-bottom: 20px; }
.ui-index-match .ui-title { background: url(/Images/bt_t3.gif) no-repeat; height: 32px; display: block; }
.ui-index-match .ui-title a { float: right; color: #963; font-weight: bold; margin-right: 10px; }

.ui-index-match .ui-title a:hover,
.ui-index-activity .ui-title a:hover,
.ui-game-recommend .ui-title a:hover,
.ui-ranking-tag a:hover { color: #a63111; }
.ui-index-match .ui-bd, .ui-index-qq .ui-bd { padding: 5px 2px; display: block; height: 310px; background: url(/Images/bt_t3_c.gif) repeat-y; }
.ui-index-match .ui-bottom, .ui-index-qq .ui-bottom {
    background: url(/Images/bt_t3_b.gif) no-repeat;
    height: 10px;
    display: block;
    width: 210px;
}
.ui-index-match .ui-title-strong { font-weight: bold; font-size: 12px; padding: 5px 0; color: #630; }

.ui-index-match .ui-detail { height:55px; color: #960 }
.ui-index-match .ui-move a { color: #c30; font-weight: bold; }

.ui-index-qq .ui-title { background: url(/Images/bt_t4.gif) no-repeat; height: 32px }
.ui-index-qq .ui-bd { height: 250px; padding: 5px 15px; }

.ui-index-qq .ui-qq-list {
    margin: 5px 0 0 15px;
}
.ui-index-qq .ui-qq-list a {
    height: 39px; line-height: 39px; width: 95px;
    padding-left: 45px; display: block; color: #ffc7b3; text-decoration: none;
    background: url(/Images/qq.gif) no-repeat;
}
.ui-index-qq .ui-qq-list a:hover {
    background: url(/Images/qq1.gif) no-repeat;
}