@charset "gb2312";

/* CSS Document */

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, article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, video {
    margin: 0;
    padding: 0;
    font: inherit;
    font-size: 100%;
    vertical-align: baseline;
}
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section {
    display: block;
}
table {
    border-collapse: collapse;
    border-spacing: 0;
}









fieldset, img {
    border: 0;
}
address, caption, cite, code, dfn, em, strong, th, var {
    font-style: normal;
    font-weight: normal;
}
ol, ul, li {
    list-style: none;
}
blockquote, q {
    quotes: none;
}
blockquote:before, blockquote:after, q:before, q:after {
    content: '';
    content: none;
}
.textalin {
    text-align: center;
	background:#FFF;
	
}
caption, th {
    text-align: left;
}
h1, h2, h3, h4, h5, h6 {
    font-size: 100%;
    font-weight: bold;
    color: #000;
}
q:before, q:after {
    content: '';
}
abbr, acronym {
    border: 0;
    font-variant: normal;
}
.toplogin{
	color:#ec6841;
	background:#FFF;
	}
.cen{
	text-align:center;
	color:#ec6841;
	}
	a.toplogin:hover{
	color:#ec6841;
	background:#FFF;
	}
sup {
    vertical-align: text-top;
}
sub {
    vertical-align: text-bottom;
}
input, textarea, select {
    font-family: inherit;
    font-size: inherit;
    font-weight: inherit;
    outline: none;
}
.housea{
	background:#FFF;
	color:#999;

	}
.housea1{
	background:#ec6841;
	color:#FFF;

	}
a.housea1:hover{
	background:#ec6841;
	color:#FFF;
	}
.houseimg{
    height: 42px;
    width: 42px;
    border-radius: 21px;
    overflow: hidden;
    margin-right: 8px;
}
	
legend {
    color: #000;
}
body {
    line-height: 1;
}
table {
    font-size: inherit;
    font: 100%;
}
pre, code, kbd, samp, tt {
    font-family: monospace;
    line-height: 100%;
}
a, button {
    cursor: pointer;
}

/**********defined************/

body {
    font-size: 14px;
    color: #333;
    font-family: "Microsoft Yahei";
    line-height: 24px;
}
h1, h2 {
    font-weight: bold;
    color: #333;
}
h1, h2, h3, h4, h5, h6, p {
    line-height: 1.2em;
    font-size: 100%;
}
p {
    line-height: 24px;
}
h1 {
    font-size: 22px;
}
h2 {
    font-size: 16px;
}
h3, h4, h5, h6 {
    font-size: 16px;
}
strong {
    font-weight: bold;
}
#updates_button {
    font-size: 14px;
}
a {
    color: #444;
    text-decoration: none;
}
a:link {
    /* text-decoration:none; */
}
a:hover {
    color: #e00;
    text-decoration: underline;
}
.clear_fix:after {
    content: ".";
    display: block;
    height: 0;
    clear: both;
    visibility: hidden;
}
.clear_fix {
    zoom: 1;
}
.m-10 {
    margin-top: 10px;
}
.m-15 {
    margin-top: 15px;
}
.m-20 {
    margin-top: 20px;
}
.m-30 {
    margin-top: 30px;
}
.m-40 {
    margin-top: 40px;
}
.m-50 {
    margin-top: 50px;
}
.fl {
    float: left;
}
.fr {
    float: right;
}
.w380 {
    width: 380px;
}
.w790 {
    width: 790px;
}
@media screen and (max-width: 1000px) {
    .w1200 {
          width: 99%;
          margin: 0 auto;
    }
}
@media screen and (min-width: 1000px) {
  .w1200 {
      width: 1200px;
      margin: 0 auto;
  }
}

.w1000 .w1200 {
    width: 1000px;
}
.all {
    background-color: #f7f7f7;
}
.whead {
    background-color: #000000;
    /*background: url(images/topbg.jpg) no-repeat center top;*/
    height: 78px;
}
 html{
	 overflow-x:hidden;
 
 }
.head {
    height: 78px;
    display: block;
    position: relative;
    z-index: 10;
}
.headh2{
    
    height: 51px;
    display: block;
    
    background: url(http://121.196.216.35/images/logodj.png) no-repeat 0 0;
}
.heada {
	padding-left:0px;
	width:160px;
    height: 51px;
    display: block;
    text-indent: -999em;
    overflow: hidden;
}
.headlah{
	height:51px;
	border-radius: 0px;
	}
.headla{
	color:#FFF;
	background:#ec6841;;
	border-radius: 0px;
	}
a.headah:hover {
	color:#FFF;
	background:#ec6841;
	}
.head a.mobile {
    width: 120px;
    height: 34px;
    line-height: 34px;
    display: block;
    margin-right: 30px;
    position: relative;
    text-align: center;
    font-size: 14px;
    color: #fff;
    background-color: #ec6841;
    border-radius: 4px;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    float: right;
    margin-top: 22px;
}
.head a.mobile img {
    width: 120px;
    height: 161px;
    display: none;
    position: absolute;
    top: 36px;
    left: 0;
    z-index: 10;
}
.head a.mobile:hover img {
    display: block;
}
.head .nav {
    height: 78px;
    position: absolute;
    left: 240px;
    top: 0;
}


.head .nav span a:hover {
    color: #ec6841;
    text-decoration: none;
}
.head .nav span a.here {
    background-color: #ec6841;
}
.head .nav span a.here:hover {
    color: #fff;
}
.head .nav span a i {
    width: 9px;
    height: 5px;
    margin-left: 6px;
    display: inline-block;
    position: relative;
    top: -4px;
    background: url(images/icoall.png) no-repeat -51px -98px;
}
.head .nav span a i.hover {
    background: url(images/icoall.png) no-repeat -51px -91px;
}
.head .nav li.more_game {
    position: relative;
    z-index: 999;
}
.more_game_box {
    width: 304px;
    position: absolute;
    top: 70px;
    left: -80px;
    padding: 16px 6px 12px 16px;
    background-color: #fff;
    z-index: 1000;
    display: none;
    box-shadow: 0px 2px 8px #ccc;
    -moz-box-shadow: 0px 2px 8px #ccc;
    -ms-box-shadow: 0px 2px 8px #ccc;
    -o-box-shadow: 0px 2px 8px #ccc;
    -webkit-box-shadow: 0px 2px 8px #ccc;
}
.more_game_box a.more_game_all {
    width: 294px;
    height: 30px;
    line-height: 30px;
    text-align: center;
    display: block;
    color: #fff;
    background-color: #ec6841;
    border-radius: 4px;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    margin-top: 4px;
}
.w1000 .head {
    width: 1350px;
    margin: 0 auto;
}
.head .rankico {
    height: 78px;
    position: absolute;
    top: 0px;
    right: 386px;
    z-index: 1000;
    padding-right: 30px;
}
.head .rankico span a {
    height: 78px;
    display: block;
    padding-left: 52px;
    line-height: 78px;
    font-size: 18px;
    color: #fff;
    overflow: hidden;
    background: url(images/rankico.png) no-repeat 0 center;
}
.head .rankico span a:hover {
    color: #ec6841;
    text-decoration: none;
}
.head .rankico span a i {
    width: 9px;
    height: 5px;
    margin-left: 6px;
    display: inline-block;
    position: relative;
    top: -4px;
    background: url(images/icoall.png) no-repeat -51px -98px;
}
.head .rankico span a i.hover {
    background: url(images/icoall.png) no-repeat -51px -91px;
    text-decoration: none;
}
.head .rankico .more_ranking {
    display: block;
    position: absolute;
    top: 70px;
    right: 0px;
    padding: 16px 26px;
    background-color: #fff;
    z-index: 1000;
    display: none;
    box-shadow: 0px 2px 4px #ccc;
    -moz-box-shadow: 0px 2px 4px #ccc;
    -ms-box-shadow: 0px 2px 4px #ccc;
    -o-box-shadow: 0px 2px 4px #ccc;
    -webkit-box-shadow: 0px 2px 4px #ccc;
}
.head .rankico .more_ranking a {
    height: 30px;
    line-height: 30px;
    font-size: 16px;
    display: block;
}
.search {
    width: 326px;
    height: 36px;
    position: absolute;
    z-index: 100;
    top: 21px;
    right: 30px;
}
.search_text {
    width: 267px;
    height: 30px;
    padding-left: 10px;
    line-height: 30px;
    border: 2px solid #ec6841;
    border-right: 0;
    font-size: 12px;
    color: #666;
    float: left;
    background-color: #f7f7f7;
    border-radius: 4px 0 0 4px;
    -webkit-border-radius: 4px 0 0 4px;
    -moz-border-radius: 4px 0 0 4px;
}
.search_btn {
    width: 46px;
    height: 36px;
    padding: 0;
    float: left;
    border: none;
    background: #ec6841 url(images/soubtn.png) no-repeat center center;
    border-radius: 0 4px 4px 0;
    -webkit-border-radius: 0 4px 4px 0;

    -moz-border-radius: 0 4px 4px 0;
    cursor: pointer;
}
.seabox {
    width: 240px;
    position: absolute;
    top: 36px;
    left: 0;
    background-color: #fff;
    border-radius: 4px;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    box-shadow: 0px 0px 6px #bbb;
    -moz-box-shadow: 0px 0px 6px #bbb;
    -ms-box-shadow: 0px 0px 6px #bbb;
    -o-box-shadow: 0px 0px 6px #bbb;
    -webkit-box-shadow: 0px 0px 6px #bbb;
}
.seabox ul {
    padding: 14px 20px;
}
.seabox ul li {
    height: 26px;
    line-height: 26px;
    font-size: 14px;
}
.seabox ul li b {
    width: 16px;
    height: 16px;
    font-size: 11px;
    font-family: Arial;
    text-align: center;
    line-height: 16px;
    float: left;
    margin: 5px 10px 0 0;
    color: #666;
    background-color: #ccc;
    border-radius: 50%;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
}
.seabox ul li b.redbg {
    background-color: #ec6841;
    color: #fff;
}
.living {
    padding: 24px 0 18px 0;
    background-color: #e8e8e8;
}
.living .w1200 {
    overflow: hidden;
}
.living_img {
    width: 1200px;
    margin: 0 auto;
}
.living_img a {
    width: 180px;
    float: left;
    margin: 0 0.83%;
}
.living_img a img {
    width: 180px;
    height: 80px;
    display: block;
}
.living_img a p {
    height: 30px;
    line-height: 30px;
    display: block;
    text-align: center;
    font-size: 14px;
    overflow: hidden;
}
.w1000 .living_img {
    width: 1000px;
}
.w1000 .living_img a {
    width: 154px;
    margin: 0 0.63%;
}
.w1000 .living_img a img {
    width: 154px;
    height: 68px;
}
.title {
    height: 34px;
    line-height: 34px;
    font-size: 30px;
    font-weight: bold;
    color: #666;
    margin-bottom: 15px;
    display: block;
}
.title em {
    color: #ec6841;
    font-weight: bold;
}
.title a.more {
    font-size: 14px;
    float: right;
    color: #333;
    font-weight: normal;
}
.tab {
    height: 24px;
    float: right;
    margin-top: 10px;
}
.tab a {
    padding: 0 12px;
    height: 24px;
    line-height: 24px;
    text-align: center;
    color: #666;
    display: block;
    float: left;
    margin-left: 8px;
    font-size: 12px;
    font-weight: normal;
    background-color: #d2d2d2;
    border-radius: 4px;
    -moz-border-radius: 4px;
    -webkit-border-radius: 4px;
}
.tab a:hover, .tab a.this {
    background-color: #ec6841;
    color: #fff;
    text-decoration: none;
}
.ranking_box ul li {
    height: 46px;
    line-height: 46px;
    text-align: left;
    border-bottom: 1px solid #ededed;
    overflow: hidden;
}
.ranking_box ul li span {
    font-size: 14px;
    color: #999;
    float: right;
}
.ranking_box ul li span em {
    color: #ec6841;
    margin-right: 4px;
}
.ranking_box ul li i {
    font-size: 18px;
    color: #999;
    font-style: italic;
    line-height: 46px;
    float: left;
    margin-right: 18px;
}
.ranking_box ul li a img {
    width: 60px;
    height: 60px;
    display: block;
    border-radius: 50%;
    -moz-border-radius: 50%;
    -webkit-border-radius: 50%;
    float: left;
    margin-right: 10px;
}
.ranking_box ul li.head_pic {
    height: 60px;
    padding: 7px 0;
}
.ranking_box ul li a {
    font-size: 16px;
}
.ranking_box ul li.head_pic i {
    color: #ec6841;
    line-height: 60px;
}
.ranking_box ul li.head_pic a, .ranking_box ul li.head_pic span {
    line-height: 60px;
}
.ranking_box ul li.noline {
    border: 0;
}
.ranking_box a.seemore {
    width: 100%;
    height: 26px;
    text-align: center;
    line-height: 26px;
    display: block;
    background-color: #ededed;
    border-radius: 4px;
    -moz-border-radius: 4px;
    -webkit-border-radius: 4px;
}
.w1000 .ranking_box ul li.head_pic {
    height: 50px;
    padding: 8px 0;
}
.w1000 .ranking_box ul li a img {
    width: 50px;
    height: 50px;
}
.w1000 .ranking_box ul li.head_pic a, .w1000 .ranking_box ul li.head_pic span {
    line-height: 50px;
}

/*明星大神*/

.star-box {
    overflow: hidden;
    position: relative;
}
.star-bd-tabox {
    height: 399px;
    overflow: hidden;
}
.star-bd {
    width: 798px;
    overflow: hidden;
    height: 399px;
    position: relative;
}
.star-content {
    position: absolute;
    left: 0;
    top: 0;
    height: 100%;
}
.star-bd .icon {
    display: none;
    position: absolute;
    top: 172px;
    width: 24px;
    height: 48px;
    z-index: 2;
    cursor: pointer
}
.star-bd .prev-icon {
    left: 0
}
.star-bd .prev-icon, .star-bd .prev-icon.disable:hover {
    background-repeat: no-repeat;
}
.star-bd .next-icon {
    right: 8px
}
.star-bd .next-icon, .star-bd .next-icon.disable:hover {
    background-repeat: no-repeat;
}
.star-bd .prev-icon:hover {
    background-repeat: no-repeat;
}
.star-bd .next-icon:hover {
    background-repeat: no-repeat;
}
.star-wrap {
    width: 391px;
    float: left;
    margin-right: 8px;
    overflow: hidden;
}
.star-list {
    width: 399px;
    height: 399px;
    position: relative;
    z-index: 1;
    margin: -8px 0 0 -8px;
}
.star-item {
    width: 125px;
    height: 125px;
    float: left;
    position: relative;
    margin: 8px 0 0 8px;
}
.star-item.active {
    width: 258px;
    height: 258px;
}
.star-item .pic {
    height: 100%;
}
.star-item .pic img {
    width: 100%;
    height: 100%;
}
.star-link {
    display: inline-block;
    width: 100%;
    height: 100%;
    cursor: pointer;
}
.star-link:hover {
    text-decoration: none;
}
.focus .star-link em {
    text-decoration: none;
}
.star-name {
    width: 100%;
    height: 28px;
    line-height: 28px;
    text-align: center;
    color: #fff;
    font-weight: normal;
    font-size: 14px;
    white-space: nowrap;
    overflow: hidden;
    position: absolute;
    left: 0;
    bottom: 0;
    -ms-text-overflow: ellipsis;
    -o-text-overflow: ellipsis;
    text-overflow: ellipsis;
    background: url(images/item_mask_bg.png) repeat 0 0;
    -webkit-transition: height .3s;
    transition: height .3s;
}
.live-flag {
    width: 58px;
    height: 22px;
    line-height: 22px;
    text-align: center;
    color: #fff;
    font-size: 12px;
    font-style: normal;
    position: absolute;
    right: 7px;
    top: 7px;
    background: url(images/item_mask_bg.png) repeat 0 0;
    border-radius: 3px;
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
}
.live-flag .live-icon {
    width: 8px;
    height: 8px;
    float: left;
    margin: 7px 0 0 4px;
    background: url(images/newbg.png) no-repeat -92px -129px;
}
.mask {
    width: 100%;
    height: 100%;
    font-size: 14px;
    color: #fff;
    position: absolute;
    left: 0;
    bottom: 0;
    filter: alpha(opacity=0);
    opacity: 0;
    background-image: url(about:blank);
    cursor: pointer;
}
.star-item.focus .mask {
    filter: alpha(opacity=100);
    opacity: 1;
}
.star-item .text {
    position: absolute;
    left: 0;
    bottom: 0;
    z-index: 1;
    height: 80px;
    width: 100%;
    color: #fff;
    line-height: 20px;
    overflow: hidden
}
.star-item .text .desc {
    position: absolute;
    left: 0;
    top: 80px;
    z-index: 3;
    width: 208px;
    padding: 0 20px 0 20px;
    -ms-text-overflow: ellipsis;
    -o-text-overflow: ellipsis;
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
    cursor: pointer
}
.star-item .text .descbg {
    width: 100%;
    height: 80px;
    padding: 0;
    top: 80px;
    opacity: 0.8;
    z-index: 2;
    background: url(images/item_mask_bg.png) repeat;
}
.star-item .text .desc1 {
    -webkit-transition: top .5s .2s;
    transition: top .2s .2s
}
.star-item .text .desc2 {
    -webkit-transition: top .5s .3s;
    transition: top .2s .3s
}
.star-item .text .desc3 {
    -webkit-transition: top .5s .4s;
    transition: top .2s .4s
}
.star-item .text .desc4 {
    -webkit-transition: top .4s 0s;
    transition: top .6s 0s
}
.star-item .no-transition {
    -webkit-transition: none!important;
    transition: none!important
}
.star-item.focus .text .desc1 {
    top: 10px
}
.star-item.focus .text .desc2 {
    top: 30px
}
.star-item.focus .text .desc3 {
    top: 50px
}
.star-item.focus .text .desc4 {
    top: 0;
}
.star-item.focus .news-right-status {
    top: 20px
}
.star-item.focus .star-name {
    height: 0
}
.star-item .news-right-status {
    position: absolute;
    left: 30px;
    top: -30px;
    height: 19px;
    line-height: 19px;
    cursor: pointer
}
.star-item .news-right-status span em {
    float: left;
    margin-right: 6px;
    width: 21px;
    height: 19px
}
.star-item .dy-no-icon em {
    background-repeat: no-repeat;
}
.star-item .dy-yes-icon em {
    background-repeat: no-repeat;
}
.w1000 .w380 {
    width: 260px
}
.w1000 .w790 {
    width: 712px
}
.w1000 .star-bd-tabox {
    height: 352px;
    overflow: hidden;
}
.w1000 .star-bd {
    width: 720px;
    height: 352px
}
.w1000 .star-wrap {
    width: 352px
}
.w1000 .star-list {
    width: 360px;
    height: 360px
}
.w1000 .star-item {
    width: 112px;
    height: 112px
}
.w1000 .star-item.active {
    width: 232px;
    height: 232px
}
.w1000 .news-box {
    width: 260px
}
.w1000 .news-slide-container, .w1000 .mod-news-section .ui-switchable-panel {
    width: 260px;
    height: 144px
}
.w1000 .news-list {
    height: 196px
}
.w1000 .box-bd .icon {
    top: 156px
}
.w1000 .news-link {
    width: 190px
}
.w1000 .star-item .text .desc {
    width: 192px
}
.w1000 .star-item .text .descbg {
    width: 100%
}

/*明星大神*/


/*直播预告*/

.vip_box {
    background: url(images/ll.gif) repeat-y 96px 0;
    padding: 5px 0;
    margin-top: -5px;
}
.vip_box ul li {
    height: 60px;
    padding: 10px 0;
    position: relative;
}
.vip_box .vip_time {
    width: 82px;
    height: 43px;
    line-height: 18px;
    padding-top: 7px;
    padding-right: 18px;
    text-align: center;
    font-size: 12px;
    color: #666;
    background: url(images/newbg.png) no-repeat 0 0;
    position: absolute;
    left: 0;
    top: 15px;
}
.vip_box .hover .vip_time {
    background: url(images/newbg.png) no-repeat 0 -52px;
    color: #fff;
}
.vip_box .vip_people {
    margin-left: 110px;
    height: 60px;
    position: relative;
}
.vip_box .vip_people img {
    width: 60px;
    height: 60px;
    display: block;
    position: absolute;
    left: 0;
    top: 0;
    border-radius: 50%;
    -moz-border-radius: 50%;
    -webkit-border-radius: 50%;
    float: left;
    margin-right: 10px;
}
.vip_box .vip_people h4 {
    height: 30px;
    line-height: 30px;
    font-size: 14px;
    font-weight: normal;
    color: #444;
    margin-left: 70px;
    overflow: hidden;
}
.vip_box .vip_people p {
    height: 24px;
    line-height: 24px;
    font-size: 12px;
    color: #999;
    margin-left: 70px;
    overflow: hidden;
}
.remind {
    width: 100%;
    height: 60px;
    position: absolute;
    left: 0;
    top: 0;
    background: url(images/item_mask_bg.png) repeat 0 0;
    border-radius: 30px;
    -moz-border-radius: 30px;
    -webkit-border-radius: 30px;
    display: none;
}
.remind a {
    width: 80px;
    height: 32px;
    line-height: 32px;
    text-align: center;
    font-size: 14px;
    color: #fff;
    background-color: #ff8e15;
    border-radius: 4px;
    -moz-border-radius: 4px;
    -webkit-border-radius: 4px;
    margin: 14px auto 0 auto;
    display: block;
}
.remind a.over {
    background-color: #bbb;
}
.game_box .game_logo {
    width: 90px;
    background-color: #e1e1e1;
    line-height: 24px;
    font-size: 14px;
}
.game_box .commentary {
    width: 700px;
    height: 105px;
}
.game_box td {
    text-align: center;
    vertical-align: middle;
    border-bottom: 1px solid #ececec;
}
.game_box tr.noline td {
    border: 0;
}
.comment_all_tew {
    height: 235px;
    padding: 0 0 5px 0;
    overflow: hidden;
}
.comment_all {
    height: 115px;
    padding: 15px 0 5px 0;
    overflow: hidden;
}
.w1000 .commentary li {
    width: 102px;
}
.commentary li {
    width: 100px;
    height: 110px;
    float: left;
    padding-bottom: 10px;
}
.commentary li a {
    width: 80px;
    text-align: center;
    display: block;
    margin: 0 10px;
}
.commentary li a img {
    width: 60px;
    height: 60px;
    display: block;
    margin: 0 auto;
    border-radius: 50%;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
}
.commentary li a p {
    height: 27px;
    line-height: 27px;
    text-align: center;
    font-size: 14px;
    display: block;
    overflow: hidden;
    word-break: break-all;
    word-wrap: break-word;
}
.commentary li a {
    font-size: 16px;
    line-height: 24px;
}
.commentary li em {
    height: 18px;
    line-height: 18px;
    display: block;
    text-align: center;
    color: #888;
}
.commentary li em.ing {
    color: #ec6841;
}
.commentary li em b {
    width: 13px;
    height: 13px;
    display: inline-block;
    vertical-align: middle;
    margin-top: -1px;
    margin-right: 2px;
    background: url(images/tm.png) no-repeat center center;
}
.commentary li em.ing b {
    background: url(images/zb.png) no-repeat center center;
}

/*直播预告*/

.didle {
    width: 100%;
    height: 30px;
    line-height: 30px;
    font-size: 20px;
    color: #444;
    position: relative;
    margin: 20px 0 20px 0;
    border-bottom: 2px solid #e3e3e3;
    padding-bottom: 5px;
}
.didle i {
    width: 82px;
    height: 2px;
    background-color: #ec6841;
    position: absolute;
    left: 0;
    bottom: -2px;
    z-index: 3;
    overflow: hidden;
}
.didle a {
    font-size: 14px;
    float: right;
    color: #333;
}

/*.didle b{ width:32px; height:35px; display:block; position:absolute; top:-2px; right:70px; background:url(images/fufu.png) no-repeat 0 0;}*/

.lol_warp .didle {
    margin-top: 0px;
}

/*直播列表*/

.telecast_box {}
.w1000 .telecast_box ul {
    width: 1040px
}
.w1000 .telecast_box li {
    margin-right: 34px;
}
.telecast_box ul {
    position: relative;
    width: 1240px;
    overflow: hidden;
    padding-left: 20px;
    left: -20px;
    height: 223px;
}
.telecast_box .lol_box {
    height: 446px;
}
.telecast_box li {
    width: 224px;
    height: 203px;
    float: left;
    margin: 0 20px 20px 0;
}
.telecast_mode {
    width: 224px;
    height: 203px;
    display: block;
    position: relative;
    z-index: 1;
    background: #fff;
    transition: all 300ms ease-in-out 0s;
    -webkit-transition: all 300ms ease-in-out 0s;
    -moz-transition: all 300ms ease-in-out 0s;
}
.telecast_mode:hover {
    box-shadow: 0px 2px 8px #ccc;
    -moz-box-shadow: 0px 2px 8px #ccc;
    -ms-box-shadow: 0px 2px 8px #ccc;
    -o-box-shadow: 0px 2px 8px #ccc;
    -webkit-box-shadow: 0px 2px 8px #ccc;
}
.telecast_mode img {
    width: 224px;
    height: 126px;
    display: block;
}
.telecast_mode b {
    width: 46px;
    height: 46px;
    display: block;
    position: absolute;
    left: 50%;
    top: 40px;
    z-index: 2;
    margin-left: -23px;
    background: url(images/vv.png) no-repeat center center;
    filter: alpha(opacity=0);
    opacity: 0;
    transition: all 200ms ease-in-out 50ms;
}
.telecast_mode .name {
    height: 36px;
    line-height: 36px;
    font-weight: normal;
    text-align: left;
    font-size: 14px;
    color: #444;
    padding: 0 10px;
    border-bottom: 1px solid #f1f1f1;
    overflow: hidden;
}
.telecast_mode .name em {
    color: #ff8e15;
    float: right;
}
.telecast_mode .name em.gary {
    color: #999;
}
.telecast_set {
    height: 40px;
    line-height: 40px;
    padding: 0 10px;
    color: #999;
}
.telecast_set .person_icon {
    background: url(images/bz.png) no-repeat left center;
    padding-left: 18px;
    float: left;
    width: 110px;
    -ms-text-overflow: ellipsis;
    -o-text-overflow: ellipsis;
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
}
.telecast_set .look_icon {
    background: url(images/gk.png) no-repeat left center;
    padding-left: 18px;
    float: right;
}
.telecast_set .name_icon {
    width: 60px;
    float: right;
    color: #ec6841;
}
.telecast_mode .svname {
    width: 32px;
    height: 23px;
    line-height: 20px;
    padding-left: 18px;
    display: block;
    position: absolute;
    top: 6px;
    right: -3px;
    z-index: 2;
    background: url(images/newbg.png) no-repeat -50px -104px;
    color: #fff;
    font-size: 12px;
}
.telecast_mode .svname.gary {
    background: url(images/newbg.png) no-repeat 0 -104px;
}
.telecast_box li a:hover {
    text-decoration: none;
}
.telecast_box li a:hover b {
    filter: alpha(opacity=1);
    opacity: 100;
}

/*直播列表*/

.footer {
    padding: 20px 0px 5px 0;
    background-color: #363636;
    /*margin-top: 100px;*/
}
a.bottoma:visited{
	color:#FFF;
	}
a.bottoma:hover{
	color:#FFF;
	}
.copyright {
   
    margin: 0 auto;
    text-align: center;
    border-top: 1px solid #303030;
    padding-top: 20px;
}
.copyright p, .copyright p a {
    line-height: 24px;
    color: #999;
}
.last_about {
    margin: 0 auto;
    border-bottom: 1px solid #303030;
    padding-bottom: 30px;
}
.last_about h4 {
    height: 26px;
    line-height: 26px;
    font-size: 14px;
    font-weight: bold;
    color: #ddd;
}
.link_us {
    width: 500px;
}
.link_us ul li {
    width: 250px;
    float: left;
    height: 40px;
    line-height: 40px;
    font-size: 12px;
    color: #bbb;
    margin-top: 10px;
}
.link_us ul li i {
    width: 40px;
    height: 40px;
    display: block;
    float: left;
    margin-right: 10px;
    background-image: url(images/shab.png);
    background-repeat: no-repeat;
    background-color: #474747;
    border-radius: 50%;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
}
.link_us ul li i.weixin {
    background-position: 0 0;
}
.link_us ul li i.qq {
    background-position: -40px 0;
}
.link_us ul li i.mail {
    background-position: -80px 0;
}
.link_us ul li i.phone {
    background-position: -120px 0;
}
.app_download {
    width: 400px;
}
.app_download .app_box {
    position: relative;
    padding-top: 10px;
}
.app_download .app_box img {
    width: 90px;
    height: 90px;
    display: block;
    position: absolute;
    top: 10px;
    left: 0;
}
.app_download .app_box p {
    line-height: 24px;
    margin-left: 110px;
    color: #bbb;
}
.app_download .app_box a {
    width: 100px;
    height: 34px;
    line-height: 34px;
    text-align: center;
    font-size: 14px;
    color: #fff;
    background-color: #585858;
    border-radius: 4px;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    margin-left: 110px;
    display: block;
    margin-top: 8px;
}
.app_download .app_box a:hover {
    background-color: #ec6841;
    text-decoration: none;
}
.link_friend a {
    color: #bbb;
    line-height: 24px;
}

/*排行*/

.rank_tab {
    float: left;
}
.rank_tab a {
    line-height: 34px;
    font-size: 20px;
    font-weight: bold;
    color: #666;
    padding: 0 8px;
    height: 31px;
    margin-right: 10px;
}
.rank_tab a.this, .rank_tab a:hover {
    border-bottom: 3px solid #ec6841;
    color: #ec6841;
    text-decoration: none;
}
.table {
    position: relative;
}
.table .tab {
    position: absolute;
    right: 0;
    top: -54px;
}
.table tr th {
    height: 46px;
    line-height: 46px;
    vertical-align: middle;
    text-align: center;
    color: #666;
    font-size: 14px;
    background-color: #ededed;
}
.table tr .game_choice span {
    width: 80px;
    height: 46px;
    text-align: center;
    position: relative;
    z-index: 999;
    cursor: pointer;
    display: block;
    margin: 0 auto;
}
.table tr .game_choice span i {
    width: 9px;
    height: 5px;
    margin-left: 6px;
    display: inline-block;
    position: relative;
    top: -4px;
    background: url(images/icoall.png) no-repeat -51px -112px;
}
.table tr .game_choice span i.hover {
    background: url(images/icoall.png) no-repeat -51px -105px;
}
.game_choice .game_choice_box {
    width: 110px;
    display: none;
    position: absolute;
    top: 40px;
    left: -15px;
    padding: 10px 0;
    background-color: #fff;
    border-bottom: 2px solid #ec6841;
    box-shadow: 0px 2px 8px #ccc;
    -moz-box-shadow: 0px 2px 8px #ccc;
    -ms-box-shadow: 0px 2px 8px #ccc;
    -o-box-shadow: 0px 2px 8px #ccc;
    -webkit-box-shadow: 0px 2px 8px #ccc;
}
.game_choice .game_choice_box a {
    height: 26px;
    line-height: 26px;
    text-align: center;
    display: block;
    font-size: 14px;
}
.table tr td {
    padding: 10px 0;
    border-bottom: 1px solid #ededed;
    text-align: center;
    vertical-align: middle;
    font-size: 14px;
    color: #444;
}
.table .rank_pic {
    text-align: left;
}
.table .rank_pic a {
    height: 60px;
    line-height: 60px;
    float: left;
    overflow: hidden;
    word-break: break-all;
    word-wrap: break-word;
}
.table .rank_pic a img {
    width: 60px;
    height: 60px;
    display: block;
    border-radius: 50%;
    -moz-border-radius: 50%;
    -webkit-border-radius: 50%;
    float: left;
    margin-right: 10px;
}
.table .number {
    font-size: 20px;
    font-weight: bold;
    color: #ec6841;
}
.table .data {
    color: #999;
}
.table .data em {
    color: #ec6841;
    margin-right: 4px;
}
.table .btn a {
    width: 100px;
    height: 34px;
    line-height: 34px;
    text-align: center;
    font-size: 14px;
    color: #fff;
    display: inline-block;
    background-color: #b8b8b8;
    border-radius: 17px;
    -webkit-border-radius: 17px;
    -moz-border-radius: 17px;
}
.table .btn a i {
    width: 10px;
    height: 14px;
    float: left;
    margin: 10px -12px 0 20px;
    background: url(images/bb.png) no-repeat center center;
}
.table .btn a.ing {
    background-color: #ec6841;
}
.table .btn a:hover {
    text-decoration: none;
}

/*排行*/


/*回到顶部*/

*html, *body {
    height: 100%;
}
* html, * html body {
    background-image: url(about:blank);
    background-attachment: fixed;
}
.go_scroll {
    width: 50px;
    height: 101px;
    z-index: 999999;
    right: 0;
    bottom: 15%;
    position: fixed!important;
    /*FF IE7*/
    position: absolute;
    /*IE6*/
    _top: expression(eval(document.compatMode && document.compatMode=='CSS1Compat') ? documentElement.scrollTop + (document.documentElement.clientHeight-this.offsetHeight)/2:/*IE6*/
    document.body.scrollTop + (document.body.clientHeight - this.clientHeight)/2);
    /*IE5 IE5.5*/
}
.go_scroll a {
    width: 30px;
    height: 42px;
    display: block;
    overflow: hidden;
    background-color: #8a8a8a;
    margin-bottom: 1px;
    float: left;
    font-size: 12px;
    line-height: 16px;
    color: #fff;
    padding: 8px 10px 0 10px;
    text-align: center;
}
.go_scroll a.gotop {
    text-indent: -9999em;
    background: url(images/gotop.gif) no-repeat 0 0;
    display: none;
}
.go_scroll a:hover {
    filter: alpha(opacity=70);
    opacity: 0.7;
    text-decoration: none;
}

/*回到顶部*/

.fixed {
    position: fixed;
    z-index: 9999;
    width: 100%;
}
.fixed_side .living {
    margin-left: 240px;
    padding: 102px 0 18px 0;
}
.fixed_side .container {
    margin-left: 240px;
}
.fixed_side .mleft {
    margin-left: 60px;
}
.sidebar {
    position: fixed;
    z-index: 998;
    height: 100%;
    background-color: #292929;
    top: 78px;
}
.sidebar .toggle_btn {
    width: 11px;
    height: 142px;
    display: block;
    position: absolute;
    right: -11px;
    top: 50%;
    margin-top: -110px;
    background-image: url(images/icoall.png);
    background-repeat: no-repeat;
}
.toggle_btn {
    background-position: -11px -158px;
}
.toggle_btn:hover {
    background-position: 0px -158px;
}
.ico_sidebar_close {
    background-position: -33px -158px;
}
.ico_sidebar_close:hover {
    background-position: -22px -158px;
}
.big_sidebar {
    width: 240px;
}
.big_sidebar ul li {
    padding-left: 17px;
    padding-bottom: 20px;
    background: url(images/dl.gif) repeat-x left bottom;
}
.big_sidebar ul li h3 {
    height: 24px;
    line-height: 24px;
    font-weight: normal;
    color: #ec6841;
    font-size: 16px;
    padding: 14px 0;
}
.big_sidebar ul li h3 b {
    width: 4px;
    height: 16px;
    display: block;
    float: left;
    margin: 4px 6px 0 0;
    background-color: #ec6841;
    border-radius: 2px;
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
}
.side_btn_all {
    background: url(images/dl.gif) repeat-x left bottom;
    padding-bottom: 2px;
}
.side_btn_all a {
    height: 60px;
    line-height: 60px;
    display: block;
    font-size: 16px;
    color: #fff;
    padding-left: 17px;
}
.side_btn_all a i {
    width: 22px;
    height: 22px;
    display: block;
    float: left;
    margin: 19px 10px 0 0;
    background: url(images/icoall.png) no-repeat 0 -90px;
}
.side_btn_all a:hover {
    text-decoration: none;
    color: #ec6841;
    background-color: #222;
}
.side_btn_all a:hover i {
    background-position: -22px -90px;
}
.side_tag a {
    width: 56px;
    height: 26px;
    padding: 0 5px;
    text-align: center;
    line-height: 26px;
    color: #aaa;
    background-color: #333;
    border-radius: 4px;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    display: block;
    float: left;
    margin: 0 4px 4px 0;
    -ms-text-overflow: ellipsis;
    -o-text-overflow: ellipsis;
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
    word-break: break-all;
    word-wrap: break-word;
}
.side_tag a:hover, .side_tag a.here {
    text-decoration: none;
    color: #fff;
    background-color: #ec6841;
}
.side_tab {
    padding: 10px 0 20px 17px;
    background: url(images/dl.gif) repeat-x left bottom;
}
.side_tab_btn {
    width: 206px;
    height: 34px;
    border-bottom: 2px solid #333;
}
.side_tab_btn a {
    width: 50%;
    height: 34px;
    float: left;
    text-align: center;
    margin-bottom: 16px;
    position: relative;
    line-height: 34px;
    color: #999;
    font-size: 16px;
}
.side_tab_btn a b {
    width: 100%;
    height: 2px;
    display: block;
    position: absolute;
    left: 0;
    bottom: -2px;
    border-radius: 1px;
    -moz-border-radius: 1px;
    -webkit-border-radius: 1px;
    background-color: #333;
}
.side_tab_btn a.this, .side_tab_btn a:hover {
    color: #ec6841;
    text-decoration: none;
}
.side_tab_btn a.this b {
    background-color: #ec6841;
}
.small_sidebar {
    width: 60px;
}
.small_sidebar ul li {
    background: url(images/dl.gif) repeat-x left bottom;
    padding-bottom: 2px;
    position: relative;
    z-index: 999;
}
.small_sidebar ul li a.small_link {
    padding: 16px 0 14px 0;
    display: block;
}
.small_sidebar ul li a.small_link i {
    width: 30px;
    height: 30px;
    display: block;
    background-image: url(images/icoall.png);
    background-repeat: no-repeat;
    margin: 0 auto;
}
.small_sidebar ul li a.small_link i.ico_living {
    background-position: 0 0;
}
.small_sidebar ul li a.small_link i.ico_game {
    background-position: 0 -30px;
}
.small_sidebar ul li a.small_link i.ico_form {
    background-position: 0 -60px;
}
.small_sidebar ul li.hover a.small_link i.ico_living {
    background-position: -30px 0;
}
.small_sidebar ul li.hover a.small_link i.ico_game {
    background-position: -30px -30px;
}
.small_sidebar ul li.hover a.small_link i.ico_form {
    background-position: -30px -60px;
}
.small_sidebar ul li a.small_link p {
    height: 20px;
    line-height: 20px;
    text-align: center;
    display: block;
    color: #fff;
    font-size: 14px;
}
.small_sidebar ul li.hover a.small_link {
    text-decoration: none;
    background-color: #222;
}
.small_sidebar ul li.hover a.small_link p {
    color: #ec6841;
}
.small_sidebar .side_tag {
    width: 210px;
    padding: 16px 12px 12px 16px;
    display: none;
    position: absolute;
    top: 0;
    left: 60px;
    background-color: #222;
    z-index: 1000;
}
.all_video {
    margin-left: 240px;
    padding-top: 108px;
}
.mleft {
    margin-left: 60px;
}
.all_warp {
    padding-left: 40px;
}
.all_warp .title a.more {
    margin-right: 40px;
}
.all_warp .telecast_box ul, .video_review .telecast_box ul, .hot_video .telecast_box ul {
    position: static;
    width: auto;
    padding: 0;
    height: auto;
    overflow: visible;
}
.all_warp .telecast_box ul li {
    width: 25%;
    height: 239px;
    margin: 0 0 30px 0;
}
.all_warp .telecast_mode, .hot_video .telecast_mode {
    width: 290px;
    height: 239px;
}
.all_warp .telecast_mode img, .video_review .telecast_mode img, .hot_video .telecast_mode img {
    width: 290px;
    height: 162px;
}
.all_warp .telecast_mode b, .video_review .telecast_mode b, .hot_video .telecast_mode b {
    top: 58px;
}
.all_warp .telecast_set .person_icon {
    width: 170px;
}
.hot_video .telecast_box ul li {
    width: 290px;
    height: 239px;
    margin: 0 auto 30px auto;
    float: none;
}
.all_warp_hot .telecast_box ul {
    height: 259px;
    overflow: hidden;
}
.nofind {
    height: 50px;
    text-align: center;
    line-height: 50px;
    font-size: 18px;
    color: #666;
    margin-right: 40px;
}
@media (min-width: 768px) and (max-width: 1190px) {
    .all_warp .telecast_box ul li {
        width: 50%;
    }
}
@media (min-width: 1190px) and (max-width: 1490px) {
    .all_warp .telecast_box ul li {
        width: 33%;
    }
}
@media (min-width: 1490px) and (max-width: 1680px) {
    .all_warp .telecast_box ul li {
        width: 25%;
    }
}
@media (min-width: 1690px) {
    .all_warp .telecast_box ul li {
        width: 20%;
    }
}

/*分页*/

.pageslist {
    clear: both;
    margin: 0 auto;
    padding: 30px 0 0 0;
}
.css_page_box {
    text-align: center;
    white-space: normal;
    font-size: 14px;
    height: 60px;
}
.css_page_box span, .css_page_box a {
    color: #333;
    padding: 0 11px;
    margin: 0 5px;
    height: 30px;
    line-height: 30px;
    display: inline-block;
    border-radius: 15px;
    -webkit-border-radius: 15px;
    -moz-border-radius: 15px;
}
.css_page_box span {
    color: #fff;
    text-decoration: none;
    background: #ec6841;
}
.css_page_box .css_page_this, .css_page_box a:hover {
    color: #333;
    background-color: #d0d0d0;
    text-decoration: none;
}

/*分页*/

.list_head {
    margin: 0 40px 0 40px;
}
.list_tab {
    height: 42px;
    background: url(images/tabg.gif) repeat-x left bottom;
}
.list_tab a {
    height: 40px;
    line-height: 40px;
    font-size: 20px;
    font-weight: bold;
    color: #666;
    padding: 0 8px;
    margin-right: 20px;
    display: block;
    float: left;
}
.list_tab a.this, .list_tab a:hover {
    border-bottom: 2px solid #ec6841;
    color: #ec6841;
    text-decoration: none;
}
.list_adress {
    height: 26px;
    line-height: 26px;
    color: #666;
}
.list_adress em {
    float: left;
}
.list_adress a {
    height: 24px;
    line-height: 24px;
    border: 1px solid #e3e3e3;
    background-color: #fff;
    display: inline-block;
    padding: 0 8px;
    margin-right: 12px;
    border-radius: 4px;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
}
.list_adress a i {
    width: 7px;
    height: 7px;
    display: inline-block;
    background: url(images/icoall.png) no-repeat -53px -158px;
    margin-left: 5px;
    position: relative;
    top: -1px;
    vertical-align: middle;
}
.list_bar {
    height: 34px;
    border: 1px solid #e3e3e3;
    background-color: #f2f2f2;
}
.list_bar_item {
    height: 34px;
    float: left;
    position: relative;
    z-index: 995;
}
.list_bar_item span {
    height: 34px;
    display: block;
    padding: 0 30px;
    line-height: 34px;
    border-right: 1px solid #e3e3e3;
    cursor: pointer;
}
.list_bar_item span i {
    width: 11px;
    height: 6px;
    display: inline-block;
    background: url(images/icoall.png) no-repeat -49px -176px;
    margin-left: 6px;
    position: relative;
    top: -2px;
    z-index: 996;
}
.list_bar_item span.active {
    background-color: #fff;
    height: 35px;
}
.list_bar_item span.active i {
    background: url(images/icoall.png) no-repeat -49px -168px;
}
.list_bar_item .list_bar_dropdown {
    width: 304px;
    padding: 16px 6px 10px 16px;
    border: 1px solid #e3e3e3;
    border-top: 0;
    background-color: #fff;
    position: absolute;
    top: 35px;
    left: -1px;
    z-index: 998;
    display: none;
}
.list_bar_item .list_bar_dropdown a, .more_game_tag a {
    width: 54px;
    height: 24px;
    padding: 0 5px;
    border: 1px solid #e3e3e3;
    text-align: center;
    line-height: 24px;
    color: #444;
    background-color: #fff;
    border-radius: 4px;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    display: block;
    float: left;
    margin: 0 10px 6px 0;
    -ms-text-overflow: ellipsis;
    -o-text-overflow: ellipsis;
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
    word-break: break-all;
    word-wrap: break-word;
}
.list_bar_item .list_bar_dropdown a:hover, .more_game_tag a:hover {
    text-decoration: none;
    color: #fff;
    background-color: #ec6841;
    border-color: #ec6841;
}
.live_room.mleft {
    margin-left: 60px;
}
.live_room {
    margin-left: 240px;
    padding-top: 78px;
    position: relative;
}
.live_room_video {
    background: url(images/live_room_bg.gif) repeat-y right top;
    padding: 40px 40px 100px 40px;
    margin-right: 360px;
    min-height: 1300px;
}
.live_room_adress {
    height: 26px;
    line-height: 26px;
    color: #666;
}
.live_room_adress a {
    height: 24px;
    line-height: 24px;
    display: inline-block;
    font-size: 14px;
}
.live_room_adress i {
    margin: 0 8px;
    font-size: 14px;
}
.live_anchor_info {
    position: relative;
}
.live_anchor_info img {
    width: 90px;
    height: 90px;
    display: block;
    position: absolute;
    left: 0;
    top: 0;
    border-radius: 50%;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
}
.tit_name {
    margin-left: 106px;
    height: 34px;
}
.tit_name h3 {
    height: 34px;
    line-height: 34px;
    font-size: 20px;
    font-weight: bold;
    color: #444;
    float: left;
    padding-right: 60px;
}
.tit_name .live_state {
    padding: 0 14px;
    height: 22px;
    line-height: 22px;
    text-align: center;
    font-size: 12px;
    border-radius: 12px;
    -webkit-border-radius: 12px;
    -moz-border-radius: 12px;
    margin-top: 5px;
    float: left;
}
.tit_name .live_state01 {
    border: 1px solid #ec6841;
    color: #ec6841;
}
.tit_name .live_state02 {
    border: 1px solid #999;
    color: #999;
}
.tit_name .live_state03 {
    border: 1px solid #207efe;
    color: #207efe;
}
.sub_anchor_info {
    margin-left: 106px;
    height: 28px;
    line-height: 28px;
}
.anchor_info_left span {
    float: left;
    font-size: 14px;
    color: #999;
    margin-right: 40px;
    line-height: 28px;
}
.anchor_info_left span em {
    color: #444;
}
.anchor_info_left span em.red {
    color: #ec6841;
}
.anchor_info_left span a {
    height: 20px;
    line-height: 20px;
    border: 1px solid #e3e3e3;
    padding: 0 10px;
    border-radius: 11px;
    -moz-border-radius: 11px;
    -webkit-border-radius: 11px;
    margin-right: 8px;
    font-size: 12px;
    display: inline-block;
}
.anchor_info_left span a:hover {
    color: #ec6841;
    border-color: #ec6841;
    text-decoration: none;
}
.sub_anchor_info .anchor_info_left {
    height: 28px;
}
.anchor_info_right {
    float: right;
    height: 28px;
}
.anchor_info_right li {
    margin-left: 20px;
    display: inline-block;
    *display: inline;
}
.anchor_info_right a {
    font-size: 14px;
    color: #666;
    line-height: 28px;
    height: 28px;
}
.anchor_info_right a i {
    width: 16px;
    height: 16px;
    display: inline-block;
    vertical-align: middle;
    margin-right: 6px;
    background-image: url(images/icoall.png);
    background-repeat: no-repeat;
}
.anchor_info_right a i.shoucang {
    background-position: -44px -184px;
}
.anchor_info_right a i.dianzan {
    background-position: -44px -202px;
}
.anchor_info_right a i.fenxiang {
    background-position: -44px -220px;
}
.anchor_info_right a:hover, .anchor_info_right a.hover {
    text-decoration: none;
    color: #ec6841;
}
.anchor_info_right a:hover i.shoucang {
    background-position: -44px -238px;
}
.anchor_info_right a:hover i.dianzan {
    background-position: -44px -256px;
}
.anchor_info_right a:hover i.fenxiang, .anchor_info_right a.hover i.fenxiang {
    background-position: -44px -274px;
}
.live_share {
    position: relative;
    z-index: 998;
}
.live_share .share_box {
    position: absolute;
    right: -20px;
    top: 28px;
    z-index: 999;
    width: 280px;
    height: 90px;
    display: none;
    background-color: #fff;
    border-bottom: 2px solid #ec6841;
    padding: 14px 24px;
}
.live_share .share_box h4 {
    height: 30px;
    line-height: 30px;
    font-size: 16px;
    color: #666;
    font-weight: normal;
    padding-bottom: 10px;
}
.live_share .share_box dl dd {
    width: 30px;
    height: 30px;
    float: left;
    margin-right: 10px;
}
.live_share .share_box dl dd a {
    width: 30px;
    height: 30px;
    display: block;
    background-image: url(images/shab.png);
    background-repeat: no-repeat;
    border-radius: 50%;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
}
.live_share .share_box .jiathis_style_24x24 span {
    margin-left: 12px;
}
.share_box dl dd a.bds_tqq {
    background-color: #3dabf0;
    background-position: 0 -40px;
}
.share_box dl dd a.bds_qzone {
    background-color: #edac2e;
    background-position: -30px -40px;
}
.share_box dl dd a.bds_qq {
    background-color: #ed3535;
    background-position: -60px -40px;
}
.share_box dl dd a.bds_sina {
    background-color: #ee4a1e;
    background-position: -90px -40px;
}
.share_box dl dd a.bds_ren {
    background-color: #2b8ad5;
    background-position: -120px -40px;
}
.share_box dl dd a.bds_tie {
    background-color: #567ee2;
    background-position: 0 -40px;
}
.share_box dl dd a.bds_wei {
    background-color: #64ca37;
    background-position: -30px -70px;
}
.share_box dl dd a:hover {
    filter: alpha(opacity=70);
    opacity: 0.7
}
.video_review .telecast_box ul li {
    width: 33%;
    height: 202px;
    margin: 0 0 30px 0;
}
.video_review .telecast_mode {
    width: 290px;
    height: 202x;
}
.video_review .telecast_mode .name {
    height: 40px;
    line-height: 40px;
    border: none;
}
@media (max-width: 1300px) {
    .video_review .telecast_box ul li {
        width: 100%;
    }
}
@media (min-width: 1300px) and (max-width: 1600px) {
    .video_review .telecast_box ul li {
        width: 50%;
    }
}
@media (min-width: 1600px) {
    .video_review .telecast_box ul li {
        width: 33.33%;
    }
}
.live_room_tab {
    height: 34px;
    width: 100%;
    background-color: #f2f2f2;
    border: 1px solid #e3e3e3;
}
.live_room_tab a {
    height: 34px;
    line-height: 32px;
    padding: 0 20px;
    font-size: 14px;
    color: #444;
    border-right: 1px solid #e3e3e3;
    float: left;
}
.live_room_tab a:hover, .live_room_tab a.this {
    text-decoration: none;
    background-color: #f7f7f7;
    border-top: 2px solid #ec6841;
    height: 34px;
    line-height: 30px;
    margin-top: -1px;
}
.live_room_tabox ul li {
    border-bottom: 1px dotted #e3e3e3;
    padding: 16px 0;
    position: relative;
}
.live_room_tabox ul li em {
    width: 110px;
    font-size: 14px;
    color: #ec6841;
    line-height: 24px;
    display: block;
    position: absolute;
    left: 0;
    top: 16px;
    height: 24px;
}
.live_room_tabox ul li span {
    float: left;
    margin-left: 110px;
}
.live_room_tabox ul li span a {
    font-size: 14px;
    color: #444;
    line-height: 24px;
    width: 144px;
    display: inline-block;
}
.live_room_right {
    width: 320px;
    padding: 98px 20px 20px 20px;
    position: absolute;
    top: 0;
    right: 0;
}
.live_room_right .banner {
    width: 320px;
    height: 90px;
}
.live_room_right .banner a img {
    width: 320px;
    height: 90px;
    display: block;
}
.litle {
    height: 40px;
    line-height: 40px;
    background: url(images/tabg.gif) repeat-x left bottom;
    margin-bottom: 15px;
}
.litle h4 {
    height: 38px;
    line-height: 38px;
    font-size: 18px;
    font-weight: normal;
    color: #444;
    border-bottom: 2px solid #ec6841;
    float: left;
}
.live_dialog_inform ul li {
    padding: 0 0 10px 0;
    position: relative;
    font-size: 14px;
}
.live_dialog_inform ul li em {
    height: 20px;
    line-height: 20px;
    width: 48px;
    position: absolute;
    left: 0;
    top: 0px;
    color: #999;
}
.live_dialog_inform ul li p {
    line-height: 20px;
    margin-left: 48px;
}
.live_dialog_inform ul li.qq em {
    width: 86px;
}
.live_dialog_inform ul li.qq p {
    margin-left: 86px;
}
.live_dialog_now table, .live_ation table {
    border-right: 1px solid #ededed;
}
.live_dialog_now table tr th, .live_ation table tr th {
    height: 36px;
    background-color: #ededed;
    text-align: center;
    font-weight: bold;
    line-height: 36px;
    color: #666;
}
.live_dialog_now table tr td, .live_ation table tr td {
    border-left: 1px solid #ededed;
    border-bottom: 1px solid #ededed;
    height: 36px;
    line-height: 36px;
    text-align: center;
}
.live_foot .footer {
    margin-top: 0;
}
.pie_chart {
    width: 600px;
    height: 420px;
    margin: 0 auto;
    position: relative;
}
.pie_text {
    width: 100%;
    height: 40px;
    line-height: 40px;
    text-align: center;
    font-size: 20px;
    position: absolute;
    left: 0;
    bottom: 20px;
}
.live_ation table tr td {
    width: 25%;
}
.live_ation table tr td.ontime {
    color: #6ac924;
}
.live_ation table tr td.late {
    color: #326bde;
}
.live_ation table tr td.cheat {
    color: #f04343;
}
@media (max-width: 1200px) {
    .flash_panel embed, .flash_panel iframe {
        width: 100%;
        height: 400px;
    }
}
@media (min-width: 1200px) and (max-width: 1439px) {
    .live_room .flash_panel embed, .live_room .flash_panel iframe {
        width: 100%;
        height: 480px;
    }
    .live_room.mleft .flash_panel embed, .live_room.mleft .flash_panel iframe, .live_room.mleft .flash_panel object {
        width: 100%;
        height: 520px;
    }
}
@media (min-width: 1440px) and (max-width: 1679px) {
    .live_room .flash_panel embed, .live_room .flash_panel iframe {
        width: 100%;
        height: 560px;
    }
    .live_room.mleft .flash_panel embed, .live_room.mleft .flash_panel iframe, .live_room.mleft .flash_panel object {
        width: 100%;
        height: 620px;
    }
}
@media (min-width: 1680px) and (max-width: 1919px) {
    .live_room .flash_panel embed, .live_room .flash_panel iframe {
        width: 100%;
        height: 560px;
    }
    .live_room.mleft .flash_panel embed, .live_room.mleft .flash_panel iframe, .live_room.mleft .flash_panel object {
        width: 100%;
        height: 660px;
    }
}
@media (min-width: 1920px) {
    .live_room .flash_panel embed, .live_room .flash_panel iframe {
        width: 100%;
        height: 740px;
    }
    .live_room.mleft .flash_panel embed, .live_room.mleft .flash_panel iframe, .live_room.mleft .flash_panel object {
        width: 100%;
        height: 840px;
    }
}
.index_banner {
    background: url(images/u9bg1.jpg) no-repeat center top;
    height: 716px;
    position: relative;
    z-index: 0;
}
.index_banner_link {
    width: 100%;
    height: 100%;
    position: absolute;
    left: 0;
    top: 0;
    z-index: 1;
}
.index_banner_link .left_banner {
    width: 50%;
    height: 100%;
    position: absolute;
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    z-index: 2;
}
.index_banner_link .right_banner {
    width: 50%;
    height: 100%;
    position: absolute;
    display: block;
    position: absolute;
    top: 0;
    right: 0;
    z-index: 2;
}
.index_banner_main {
    width: 1200px;
    position: relative;
    z-index: 3;
    margin: 0 auto;
}
.index_banner_main .living_img {
    padding: 20px 0;
}
.index_main {
    height: 596px;
}
.main_hd {
    width: 980px;
    height: 546px;
    float: left;
    background: #242424 url(images/vboxlogo.png) no-repeat center center;
}
.main_hd .mian_palyer {
    width: 100%;
    height: 100%;
}
.mian_palyer embed, .mian_palyer iframe, .mian_palyer iframe object {
    width: 100%;
    height: 546px;
}
.main_bd {
    width: 220px;
    height: 546px;
    float: right;
    background: #202020;
    overflow: hidden;
}
.txtScroll-left {
    position: relative;
}
.txtScroll-left .hd {
    padding: 0 12px;
    height: 50px;
}
.txtScroll-left .hd .prev, .txtScroll-left .hd .next {
    width: 21px;
    height: 21px;
    display: block;
    outline: none;
    float: right;
    margin-top: 15px;
    background-image: url(images/icoall.png);
    background-repeat: no-repeat;
    background-color: #474747;
    border-radius: 4px;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    filter: alpha(opacity=80);
    opacity: 0.8;
}
.txtScroll-left .hd .prev {
    margin-right: 8px;
    background-position: 0 -300px;
}
.txtScroll-left .hd .next {
    background-position: -21px -300px;
}
.txtScroll-left .hd .prev:hover, .txtScroll-left .hd .next:hover {
    text-decoration: none;
    filter: alpha(opacity=100);
    opacity: 1;
}
.txtScroll-left .hd .prevStop, .txtScroll-left .hd .nextStop, .txtScroll-left .hd .prevStop:hover, .txtScroll-left .hd .nextStop:hover {
    background-color: #333;
    filter: alpha(opacity=40);
    opacity: 0.4;
}
.txtScroll-left .hd .hmore {
    font-size: 16px;
    color: #ccc;
    float: left;
    height: 50px;
    line-height: 50px;
    /* background:url(images/jmm.gif) no-repeat right center;*/
    padding-right: 16px;
}
.txtScroll-left .bd {
    height: 178px;
    overflow: hidden;
}
.txtScroll-left .bd ul {
    overflow: hidden;
    zoom: 1;
}
.txtScroll-left .bd ul li span {
    background-color: #333;
    padding: 10px;
    height: 68px;
    position: relative;
    display: block;
    margin-bottom: 1px;
    cursor: pointer;
}
.txtScroll-left .bd ul li span img {
    width: 68px;
    height: 68px;
    display: block;
    position: absolute;
    left: 10px;
    top: 10px;
}
.txtScroll-left .bd ul li span p {
    margin-left: 80px;
    overflow: hidden;
}
.txtScroll-left .bd ul li span .name {
    height: 28px;
    line-height: 28px;
    font-size: 14px;
    color: #ccc;
}
.txtScroll-left .bd ul li span .intro {
    height: 36px;
    line-height: 18px;
    font-size: 12px;
    color: #aaa;
}
.txtScroll-left .bd ul li span.this {
    background-color: #ec6841;
}
.txtScroll-left .bd ul li span.this p {
    color: #fff;
}
.txtscroll2 .bd {
    height: 267px;
}
.w1000 .index_banner {
    height: 600px;
    background-size: cover;
}
.w1000 .index_banner_main {
    width: 1000px;
}
.w1000 .index_main {
    height: 504px;
}
.w1000 .main_hd {
    width: 810px;
    height: 454px;
}
.w1000 .main_bd {
    width: 190px;
    height: 454px;
}
.w1000 .txtScroll-left .hd {
    height: 40px;
}
.w1000 .txtScroll-left .hd .prev, .w1000 .txtScroll-left .hd .next {
    margin-top: 9px;
}
.w1000 .txtScroll-left .hd .hmore {
    height: 40px;
    line-height: 40px;
}
.w1000 .txtScroll-left .bd {
    width: 190px;
    height: 150px;
}
.w1000 .txtScroll-left .bd ul li span {
    padding: 9px;
    height: 56px;
}
.w1000 .txtScroll-left .bd ul li span img {
    width: 56px;
    height: 56px;
    left: 10px;
    top: 10px;
}
.w1000 .txtScroll-left .bd ul li span p {
    margin-left: 70px;
    width: 104px;
}
.w1000 .txtScroll-left .bd ul li span .name {
    height: 24px;
    line-height: 24px;
}
.w1000 .txtScroll-left .bd ul li span .intro {
    height: 32px;
    line-height: 16px;
}
.w1000 .txtscroll2 .bd {
    height: 225px;
}
.w1000 .mian_palyer embed, .w1000 .mian_palyer iframe, .w1000 .mian_palyer object {
    width: 100%;
    height: 454px;
}
.w1000 .tempWrap {
    width: 190px;
}
.recommend {
    background-color: #fff;
    border-radius: 10px;
    -moz-border-radius: 10px;
    -webkit-border-radius: 10px;
}
.recommend .rebox {
    height: 112px;
    position: relative;
    display: block;
    border-radius: 10px;
    -moz-border-radius: 10px;
    -webkit-border-radius: 10px;
}
.recommend .rebox b {
    width: 18px;
    height: 98px;
    padding: 14px 15px 0 15px;
    text-align: center;
    font-size: 14px;
    font-weight: bold;
    line-height: 20px;
    color: #fff;
    display: block;
    position: absolute;
    left: 0;
    top: 0;
    background-color: #ec6841;
    border-radius: 10px 0 0 10px;
    -moz-border-radius: 10px 0 0 10px;
    -webkit-border-radius: 10px 0 0 10px;
}
.recommend .rebox .side_tag {
    margin-left: 70px;
    padding-top: 23px;
}
.recommend .rebox .side_tag a {
    width: 84px;
    height: 24px;
    line-height: 24px;
    background-color: #fff;
    border: 1px solid #ec6841;
    color: #ec6841;
    margin-right: 16px;
    margin-bottom: 12px;
    font-size: 14px;
}
.recommend .rebox .side_tag a:hover {
    text-decoration: none;
    color: #fff;
    background-color: #ec6841;
    border-color: #ec6841;
}

.w1000 .recommend .rebox .side_tag {
    margin-left: 65px;
}
.w1000 .recommend .rebox .side_tag a {
    width: 65px;
}
.telecast_box li {
    position: relative;
}
.telecast_box li .scname {
    width: 47px;
    display: block;
    height: 19px;
    line-height: 19px;
    overflow: hidden;
    font-size: 12px;
    color: #fff;
    text-indent: 15px;
    position: absolute;
    right: 0;
    top: 0;
    background: url(images/dcv.png) 0 0 no-repeat;
    z-index: 9999;
}
.sale_game {
    height: 259px;
    overflow: hidden;
    margin-bottom: 30px;
    display: block;
}
.sale_game ul li {
    height: 259px;
    float: left;
    margin-right: 20px;
}
.salebox {
    width: 310px;
    display: block;
    padding-bottom: 10px;
    background: #fff;
    transition: all 300ms ease-in-out 0s;
    -webkit-transition: all 300ms ease-in-out 0s;
    -moz-transition: all 300ms ease-in-out 0s;
}
.salebox:hover {
    box-shadow: 0px 2px 8px #ccc;
    -moz-box-shadow: 0px 2px 8px #ccc;
    -ms-box-shadow: 0px 2px 8px #ccc;
    -o-box-shadow: 0px 2px 8px #ccc;
    -webkit-box-shadow: 0px 2px 8px #ccc;
    text-decoration: none;
}
.salebox img {
    width: 310px;
    height: 130px;
    display: block;
}
.salebox h5 {
    height: 28px;
    line-height: 28px;
    font-size: 18px;
    padding: 8px 12px 0 12px;
    color: #ec6841;
    font-weight: normal;
    overflow: hidden;
}
.salebox .time {
    height: 18px;
    line-height: 18px;
    font-size: 12px;
    color: #666;
    padding: 0 12px;
    margin-bottom: 10px;
    overflow: hidden;
}
.salebox p {
    line-height: 18px;
    font-size: 12px;
    color: #999;
    border-top: 1px solid #ededed;
    padding: 8px 12px 0px 12px;
    height: 36px;
    overflow: hidden;
}
@media (min-width: 768px) and (max-width: 1240px) {
    .sale_game ul li {
        width: 46%;
    }
}
@media (min-width: 1240px) and (max-width: 1560px) {
    .sale_game ul li {
        width: 31%;
    }
}
@media (min-width: 1560px) and (max-width: 1680px) {
    .sale_game ul li {
        width: 23%;
    }
}
@media (min-width: 1690px) {
    .sale_game ul li {
        width: 23%;
    }
}
.live_hot .sale_game {
    height: auto;
    margin: 0;
}
.live_hot .sale_game ul li {
    width: 310px;
    float: none;
    margin: 10px auto 0 auto;
}
.side_tag a.sa {
    width: 54px;
    height: 24px;
    line-height: 24px;
    border: 1px solid #ffbd3d;
    color: #ffbd3d;
}
.side_tag a:hover.sa, .side_tag a.sa.here {
    background-color: #ffbd3d;
    color: #fff;
}



.border1 {
    background: #fff;
    border-right-width: 1px;
    border-bottom-width: 1px;
    border-right-style: solid;
    border-bottom-style: solid;
    border-right-color: #eee;
    border-bottom-color: #ddd;
}
.title1 {
	height: 40px;
	line-height: 40px;
	font-weight: bold;
	background-color: #ebfcfe;
	background-image: url(images/icon1.png);
	background-repeat: no-repeat;
	color: #FFF;
}
.title1 span{
	color: #FFF;
	width: 40px;
	float:left;
	text-align: center;
	display: block;
	margin-right:20px;
}
.title2 {
	height: 40px;
	line-height: 40px;
	font-weight: bold;
	background-color: #feedeb;
	background-image: url(images/icon2.png);
	background-repeat: no-repeat;
	color: #FFF;

}
.title2 h3{
	float:left;
	font-size:16px;
	margin-right:80px;

}
.title2 span{
	color: #FFF;
	width: 40px;
	float:left;
	text-align: center;
	display: block;
	margin-right:20px;
}

.title2 a{
	color: #8c0e00;
	font-size: 14px;
	font-weight: normal;
	margin-right:20px;
	padding:0 5px;
}


.title2 a:hover{
	background-color:#FFF;

}




.title3 {
	height: 40px;
	line-height: 40px;
	font-weight: bold;
	background-color: #ebfeef;
	background-image: url(images/icon3.png);
	background-repeat: no-repeat;
	color: #FFF;

}
.title3 h3{
	float:left;
	font-size:16px;
	margin-right:80px;

}
.title3 span{
	color: #FFF;
	width: 40px;
	float:left;
	text-align: center;
	display: block;
	margin-right:20px;
}

.title3 a{
	color: #006600;
	font-size: 14px;
	font-weight: normal;
	margin-right: 20px;
	padding:0 5px;
}


.title3 a:hover{
	background-color:#FFF;

}


.title4 {
	height: 40px;
	line-height: 40px;
	font-weight: bold;
	background-color: #fff7ee;
	background-image: url(images/icon4.png);
	background-repeat: no-repeat;
	color: #FFF;

}
.title4 h3{
	float:left;
	font-size:16px;
	margin-right:80px;

}
.title4 span{
	color: #FFF;
	width: 40px;
	float:left;
	text-align: center;
	display: block;
	margin-right:20px;
}

.title4 a{
	color: #dd6700;
	font-size: 14px;
	font-weight: normal;
	margin-right: 20px;
	padding:0 5px;
}


.title4 a:hover{
	background-color:#FFF;

}



.title5 {
	height: 40px;
	line-height: 40px;
	font-weight: bold;
	background-color: #f9f2fa;
	background-image: url(images/icon5.png);
	background-repeat: no-repeat;
	color: #FFF;

}
.title5 h3{
	float:left;
	font-size:16px;
	margin-right:80px;

}
.title5 span{
	color: #FFF;
	width: 40px;
	float:left;
	text-align: center;
	display: block;
	margin-right:20px;
}

.title5 a{
	color: #913d9f;
	font-size: 14px;
	font-weight: normal;
	margin-right: 20px;
	padding:0 5px;
}


.title5  a:hover{
	background-color:#FFF;

}




.title6 {
	height: 40px;
	line-height: 40px;
	font-weight: bold;
	background-color: #cdcdcd;
	background-image: url(images/icon6.png);
	background-repeat: no-repeat;
	color: #333;

}
.title6 h3{
	float:left;
	font-size:16px;
	margin-left:60px;

}
.title6 span{
	float: right;
	margin-right: 10px;
	font-size: 14px;
	font-weight: normal;
	color: #444;
}


.title7 {
	height: 40px;
	line-height: 40px;
	font-weight: bold;
	background-color: #d2efe9;
	background-image: url(images/icon7.png);
	background-repeat: no-repeat;
	color: #258998;

}
.title7 h3{
	float:left;
	font-size:16px;
	margin-left:60px;

}

.title8 {
	height:27px;
	line-height:27px;
	color: #333;
	font-weight: normal;
	padding:0 10px;

}
.title8 h3{
	float:left;
	font-size:16px;
	font-weight: bold;
}
.title8 a{
	color: #666;
	}



.title9 {
	height: 40px;
	line-height: 40px;
	font-weight: bold;
	background-color: #08a57a;
	background-image: url(images/tit3.jpg);
	background-repeat: no-repeat;
	color: #fff;

}
.title9 h3{
	float:left;
	font-size:16px;
	margin-left:60px;

}

.title10 {
	height: 40px;
	line-height: 40px;
	font-weight: bold;
	background-color: #55a6dd;
	background-image: url(images/tit2.jpg);
	background-repeat: no-repeat;
	color: #fff;

}
.title10 h3{
	float:left;
	font-size:16px;
	margin-left:60px;
}


.title11 {
	height: 40px;
	line-height: 40px;
	font-weight: bold;
	background-color: #eb3357;
	background-image: url(images/tit1.jpg);
	background-repeat: no-repeat;
	color: #fff;

}
.title11 h3{
	float:left;
	font-size:16px;
	margin-left:60px;
}
.f16 {
    font-size: 16px;
}

.Urlist2 {
    overflow: hidden;
    /*width: 1005px;*/
}

.p5 {
    padding: 5px;
}

.f14 {
    font-size: 14px;
}

.Urlist2 li {
    width: 164px;
    height: 40px;
    line-height: 40px;
    float: left;
    margin: 0 4px 5px 1px;
    color: #069;
    text-align: center;
    border: 1px solid #5fc6d0;
}

.Urlist li, .Urlist_w li, .Urlist2 li {
    list-style-image: none;
    list-style-type: none;
}

.Urlist2 li a {
    width: 117px;
    height: 40px;
    color: #007e8c;
    display: block;
}

.Urlist2 li a:hover{
	color: #fff;
}
.Urlist2 li:hover {
    background-color: #5fc6d0;
}
.clear {
    clear: both;
}

.mt10 {
    margin-top: 10px;
}