﻿body{
	position: relative;
}
.w1218{width:1222px;height:auto;margin: 0 auto;position: relative;margin-top: 5px;}
/* 通用 */
.left{float:left;}
.right{float:right;}
.page{position: relative;}
/* 内容 */
.content_home{padding:66px 0 25px 231px; background-color:#f5f5f5; min-height:2420px;}
.content{margin:0 auto;margin-top: 15px;width:1313px; height:auto;}
.content_nr{ height:auto;}
.content_nr .page_nr{ height:auto;padding-right:285px; position:relative;}
/* 内容 左边 */
.content .c_left{ width:100%;height:auto;}
/* 轮播 */
.slider-container{ width:100%; overflow:hidden; position:relative;}
.main-slider{width:100%;overflow:hidden;}
.slide-item{width:100%;display:none;overflow:hidden;}
.main-slider .slide-item:first-child{ display:block;}
.slide-item img{width:100%; overflow:hidden;}



.thumbs{z-index:4;width:100%; height:17px;text-align:center; margin-top:15px;}
.thumbs li{list-style-type:none;display:inline;}
@media \0screen\,screen\9 {
  
  .thumbs img{
    position: relative;
	z-index:999;
  }  
}

.thumbs li{list-style:none;position:relative; width:25px;height:6px;overflow:hidden; float:left;background-color:#ccc; z-index:199; margin:0 4px;}
.thumbs li:last-child{ padding-bottom:0;}
.thumbs .photo_border2{ background-color:#ff8809;}
.thumbs li.curr,.thumbs li:hover{cursor:pointer}

.thumbs li.curr i,.thumbs li:hover i{display:block}
.thumbs li span{display:block;margin:0 18px;padding:10px 30px 0;background:url(../images/nav_bottom_bg.png) repeat 0 0;font-size:12px;color:#fff;text-transform:uppercase;}
.thumbs li.curr img{}


.service{padding:0px 13px; overflow:hidden;}
.service .qq_title{display: block;width:237px;height:21px;background: url(../images/official/qq_title.jpg) 0 0 no-repeat;}
.service p{color:#434343;font-size: 14px;font-family:'microsoft yahei';padding: 10px 0 0 8px;*padding-top: 11px !important; padding-left:0px;}
.service p em{color:#434343;font-size: 14px;font-family:'microsoft yahei';margin-left: 8px;}
.service .qq{display: inline-block;margin-left:3px;width:20px;height: 20px;background: url(../images/qq.png) 0 0 no-repeat;vertical-align: middle;}
.service .qq:hover{background-position: -20px 0px;}
.wechat{margin-top: 8px;}
/* 热门主播 */
.hot_anchor{width:100%;}
.hot_anchor h3{width:100%;border-bottom:1px solid #ddd;height:39px; padding-top:28px;}
.hot_anchor h3 img{margin:-4px 5px 0 2px;*margin-top: 0px !important;}
.hot{width:100%;overflow: hidden;}



.hot .h_small{width:20%;position: relative;margin-top:10px;}
@media screen and (max-width: 1600px){
	.hot .h_small{float:left;width:25%;}
}

.hot .h_no_left{margin-left: 0px;}
.hot .h{cursor: pointer;overflow:hidden; margin:0px 5px;position: relative;}
.hot .h_small .img{margin-top:-10px;width:100%;min-height:140px;}
.hot .h_small .cover_img{width:54px;height:54px;}
.hot .cover_bg{opacity:0;filter: alpha(opacity=0);position: absolute;top:0;left:0;height:100%; width:100%;background: #030303;}
.hot .big_bg{height:415px;}
.hot .h:hover .cover_bg{opacity:0.4;filter: alpha(opacity=40);}
.hot .big_img{left:197px;top:168px;}
.hot .cover_img{position:absolute;z-index:99;top:50%;left:50%;margin-left:-25px;margin-top:-45px;width:60px;height:60px;opacity:0;-ms-filter:"alpha(opacity=0)";filter:alpha(opacity=0);-webkit-transform:scale(1.5);-ms-transform:scale(1.5);transform:scale(1.5);-webkit-transition:all ease-out 250ms;transition:all ease-out 250ms}
.hot .h:hover .cover_img{opacity:1;-ms-filter:"alpha(opacity=100)";filter:alpha(opacity=100);-webkit-transform:scale(1);-ms-transform:scale(1);transform:scale(1)}
.hot .h .word{position: absolute;bottom: 0;left: 0;height:33px; line-height:33px;width:100%;z-index:94;background:#FFF;font-size: 12px;font: 12px/1.5 Microsoft Yahei,simsun,Tahoma,Helvetica,Arial,SimHei,sans-serif;color: #000;}
.hot .h .word div{ height:33px; line-height:33px;}
.hot .h .word em{color:#000;margin-left: 5px;}
.hot .h:hover em{color:#fe6000;}
.hot .h .word .right{height:26px;line-height: 26px;margin-right: 5px;*line-height: 28px !important;}
.hot .h .word img{width:16px;height:16px;margin-bottom: 4px;*margin:0 -3px 2px 0 !important;}
.hot .h .word span{color:#fff;font-family: 'microsoft yahei';font-size: 12px;}
/* 推荐房间 */
.room_anchor{width:100%; margin-top:10px;}
.room_anchor h3{width:100%;border-bottom:1px solid #ddd;height:39px; padding-top:18px;}
.room_anchor h3 img{margin:-4px 5px 0 2px;*margin-top: 0px !important;}
.room{width:100%; overflow:hidden; padding-bottom:10px;}
.room .r{position: relative;cursor: pointer;}
.room .r .cover_bg{opacity:0;filter: alpha(opacity=0);position: absolute;top:0;left:0;height:100%;width:100%;background: #030303;}
.room .r:hover .cover_bg{opacity:0.6;filter: alpha(opacity=60);}

.room .r .cover_img{position:absolute;z-index:99;top:50%;left:50%;margin-left:-25px;margin-top:-45px;width:60px;height:60px;opacity:0;-ms-filter:"alpha(opacity=0)";filter:alpha(opacity=0);-webkit-transform:scale(1.5);-ms-transform:scale(1.5);transform:scale(1.5);-webkit-transition:all ease-out 250ms;transition:all ease-out 250ms}
.room .r:hover .cover_img{opacity:1;-ms-filter:"alpha(opacity=100)";filter:alpha(opacity=100);-webkit-transform:scale(1);-ms-transform:scale(1);transform:scale(1)}




.room .r_left{width: 20%;margin: 16px 0 0 0px;}
@media screen and (max-width: 1600px){
	.room .r_left{float:left;width:25%;}
}
.room .r_left a{display:block;margin: 0px 8px;position: relative; padding-bottom: 45px;}
.room .r_left a:hover{-webkit-box-shadow: #666 2px 2px 7px;-moz-box-shadow: #666 2px 2px 7px;box-shadow: #666 2px 2px 7px;}
.room .r_left a:hover p{ color:#fe6000;}
.room .no_left{margin-left: 0px;}
.room .left img{width:100%;}
.room .left .cover_img{width:54px;height:54px;}
.room .r_bottom{background: #FFF;height:43px;padding: 5px 0px;position: absolute;left: 0px;bottom: 0px;width: 100%;z-index: 9;}
.room .r_bottom p{font-family: 'microsoft yahei';font-size: 14px;color:#313131;}
.room .left .r_bottom .r_bottom_top{height:20px;line-height: 20px;padding-left: 5px;}
.room .left .r_bottom .r_bottom_bottom{height:22px;line-height: 22px;margin-top: 3px;padding: 0px 5px;}
.room .left .r_bottom .roomICON{display: inline-block;width: 12px;height: 12px;*margin-bottom: 2px !important;margin-bottom: -1px;}
.room .left .r_bottom .roomID{background: url(../images/official/hot/roomID.png) 0 0 no-repeat;}
.room .left .r_bottom .roomPEOPLE{background: url(../images/official/hot/roomPEOPLE.png?v1) 0 0 no-repeat;}
.room .left .r_bottom .r_bottom_bottom span{font-size: 12px;font-family:'microsoft yahei';color:#797979;margin-left: -2px;*margin-left: 0px !important;}
/* 内容 右侧 */
.content .c_right{width:275px; overflow:hidden;position: absolute; right:0px; top:0px;}

.download{
	overflow:hidden;
	width:208px;
	padding:0px 10px;
	margin-top:68px;
}
.download img{
	width:100%;
}
.download a{
	width:100%;
	display:block;
	height:37px;
	background: url(../images/dl-05.gif?v1) 0 0 no-repeat;
	cursor:pointer;
}
.download a:hover{
	background: url(../images/dl-04.gif?v1) 0 0 no-repeat;
}
.measurement{
	background-color: #FFFFFF;
	width: 233px;
	overflow: hidden;
	padding: 13px 15px;
	margin: 0 auto;
	margin-top:68px;
	border-radius: 5px;
}
.measurement span{
	display: block;
	background: url(../images/dld-icon1.png) 0 0 no-repeat;
	width: 95%;
	background-size: 100%;
	height: 245px;
	margin: 0 auto;
}
.measurement a{
	display: block;
	width: 48%;
	height: 38px;
	line-height: 38px;
	background-color: #06a0f6;
	color: #FFFFFF;
	font-size: 14px;
	cursor: pointer;
	float: left;
	margin: 5px 0px;
	border-radius: 3px;
}
.measurement a:last-child{
	float: right;
	background-color: #4ec300;
}
.measurement a:hover{
	background-color: #27b0fc;
}
.measurement a:last-child:hover{
	background-color: #43a403;
}
.measurement a i{
	display: inline-block;
	width: 12px;
	height: 12px;
	background: url(../images/dld-icon2.png) 0 0 no-repeat;
	background-size: 100%;
	margin-left: 6px;
	margin-right: 5px;
}
.download-n{
	overflow:hidden;
	width:208px;
	padding:0px 10px;
	margin-top: 28px;
}
.download-n a{
	display: block;
	width: 206px;
	height: 74px;
	margin-bottom: 15px;
	cursor: pointer;
}
    .download-n a.formal {
        background: url(../images/downLoad-j.png?v=1a) 0 0 no-repeat;
        margin-bottom: 0px;
    }
.download-n a.formal:hover{
	background: url(../images/downLoad-jh.png?v=1a) 0 0 no-repeat;
}
.download-n a.beta{
	background: url(../images/downLoad-g.png?v=1a) 0 0 no-repeat;
	
}
    .download-n a.beta:hover {
        background: url(../images/downLoad-gh.png?v=1a) 0 0 no-repeat;
      
    }

.service{
	background-color:#FFFFFF;
	overflow:hidden;
	width:243px;
	padding:0px 10px;
	height:205px;
	margin: 0 auto;
	margin-top:12px;
	margin-bottom:12px;
}
.service img{
	width:100%;
}
.service .contact{
	font-size:12px;
	color:#5d5d5d;
	line-height:32px;
	padding:0px 10px;
	overflow: hidden;
}
.inter{
	overflow:hidden;
	width:263px;
	margin: 0 auto;
}
.inter img{
	width:100%;
}

.notice{overflow:hidden; width:263px; margin: 0 auto;}
.notice .notice_change{height:39px;padding-top:18px;border-bottom:1px solid #ddd;}
/* .notice .notice_change img{width:13px;height:16px;vertical-align: middle;margin-left:5px;}
.notice .notice_change h2{line-height: 24px;font-size: 105%;color:#cd62d4;vertical-align: middle;display: inline-block;margin-left:5px;}
.notice .notice_change h2{*display: inline;} */

.notice .notice_change ul{height:39px;}
.notice .notice_change ul li{list-style: none;height:100%;}
.notice .news_one{display: block;border-radius:5px; background-color:#FFF; margin-top:7px;}
.notice .notice_news ul{list-style: none;overflow: hidden; padding:5px 0px;}
.notice .notice_news ul li{width:188px;height:28px; line-height:28px;-o-text-overflow: ellipsis;text-overflow: ellipsis; padding:0px 10px;}
.notice .notice_news ul li a{width:243px;height:28px; line-height:28px;text-decoration: none;display: block;overflow: hidden; color:#4d4d4d;font-family: '微软雅黑';-o-text-overflow: ellipsis;text-overflow: ellipsis;}
.notice .notice_news ul li a:link {color: #4d4d4d;text-decoration: none;}
.notice .notice_news ul li a:visited {text-decoration: none;color: #4d4d4d;}
.notice .notice_news ul li a:hover {text-decoration: underline;color: #ff9308;}
.notice .notice_news ul li a:active {text-decoration: none;}

.event{overflow:hidden; width:263px;margin: 0 auto;}
.event .event_change{height:39px; padding-top:18px;border-bottom:1px solid #ddd;}
.event .event_change ul{width:208px;height:39px;}
.event .event_change ul li{list-style: none;height:100%;}
.event .event_change_list{ background-color:#FFF;border-radius:5px; overflow:hidden; margin-top:7px;}
.event .event_change_list ul{ overflow:hidden;}
.event .event_change_list ul li{border-bottom:1px solid #ecedee; margin:0px 10px; overflow:hidden;}
.event .event_change_list ul li:last-child{border-bottom:0px;}
.event .event_change_list ul li a{display:block; padding:10px 0px; overflow:hidden;font-family: '微软雅黑';}
.event .event_change_list ul li a img{border-radius:50%; width:50px; height:50px; float:left; padding-right:10px;}
.event .event_change_list ul li a span{ display:block; float:left;}
.event .event_change_list ul li a span p{ padding:5px 0px; overflow:hidden; color:#333;}
.event .event_change_list ul li a span em{ color:#fe7e00;}
.event .event_change_list ul li a span em i{background-image:url(../images/index_images_32.png); width:9px; height:13px; margin-bottom:3px; margin-right:5px;}
.event .event_change_list ul li a:hover span p{color:#fe7e00;}
.event .event_change_list ul li a:hover span em{color:#fe7e00;}


.rank{ overflow:hidden; width:263px;margin: 0 auto;}

.tab{border-radius:5px;background-color:#FFF; margin-top:7px;}
.pop-option{ color:#FFF;overflow:hidden;padding-top:18px;border-bottom:1px solid #ddd;}
.pop-option h3{ overflow:hidden;}
.pop-option .on{}
.pop_a{overflow:hidden;background-color:#f2f3f4;}
.pop_a li{float:left; display:block; width:68px; text-align:center;height:24px; line-height:24px; color:#9d9d9d;cursor: pointer;}
.pop_a li:hover{background-color:#ccb8f0;border-radius:5px;border-bottom-right-radius:0px;border-bottom-left-radius:0px; color:#FFF;}
.pop_a .clear{clear:both;height:0px;}
.pop_a .off{font-weight:bold; color:#6571c5; background-color:#FFF;border-radius:5px;border-bottom-right-radius:0px;border-bottom-left-radius:0px;}
.pop_a .off:hover{color:#6571c5; background-color:#FFF;}

.pop-option .left1{margin-left:20px;}
.pop-rank ul{ overflow:hidden; padding:0px 10px;}
.pop-rank ul li{height:32px; line-height:32px;cursor: pointer; color:#606060; clear:both;border-bottom:1px solid #ecedee;}
.pop-rank ul li:last-child{border-bottom:0px;}
.pop-rank ul li:hover span a{height:32px; color:#ff9308;}
.pop-rank ul li:hover span{height:32px; color:#ff9308;}
.pop-rank ul li span:hover{height:32px; color:#ff9308;}
.pop-rank ul li a{color:#606060; display:block; height:32px; line-height:32px;}
.pop-rank ul li a:hover{height:32px; color:#ff9308; text-decoration:none;}


.xf-rank ul li:hover{height:32px;}
.host ul .off{ background-color:#755fe7; color:#FFF;background-image: url(0);border-radius:2px;}
.day,.week,.month{ overflow:hidden;}
.num,.name{float:left;}
.all{float: right;}
.num{width:17px; font-size:14px;height:32px;text-align: center;line-height: 32px;font-family: 微软雅黑;display:block;}
.namu{font-size:14px; text-align:right;width:30px; float:right; display:block;}
.name{width:125px;height:32px; line-height:32px;padding-left:7px;overflow: hidden;text-overflow:ellipsis;display:block;}
.all{height:20px;margin-left:0px;text-align:right;float:right;right:0;}
.num1{ color:#e78200; font-size:16px; font-weight:bold;font-style: italic; font-family:Arial, Helvetica, sans-serif;}
.num2{color:#ef68e4; font-size:16px; font-weight:bold;font-style: italic; font-family:Arial, Helvetica, sans-serif;}
.num3{color:#6571c5; font-size:16px; font-weight:bold;font-style: italic; font-family:Arial, Helvetica, sans-serif;}
.name a,.all a{font-family: 微软雅黑;font-size:12px;text-align: left;line-height: 20px;font-size:14px;}

.xiao_fei .namu{width:75px;}
.xiao_fei .name{width:85px;}
.footer {
	position: absolute;
	width: 100%;
	left: 0;
	bottom: 0;
	font-size: 12px;
	line-height: 1.8em;
	text-align: center;
	padding: 15px 0;
	z-index: 99;
}
.footer a, .footer span {
	color: #565656;
	text-decoration: none;
	padding-right: 5px;
}
.footer a:hover {
	text-decoration: underline;
}
.footer .copyright {
	color: #000000;
}
/* 浮动功能 */
.actGotop{position: fixed;width:110px;right:10px;bottom:50%;margin-bottom:-90px;color: #999; z-index:98;background-color: #f9fafc;border: 1px solid #edeaea;}
.actGotop a{
	display: block;
	cursor: pointer;
}
.actGotop span{
	display: block;
	text-align: center;
	height: 20px;
	line-height: 20px;
	color: #000;
}
.actGotop p{
	text-align: center;
	padding-bottom: 7px;
}
.actGotop span:last-child{
	color: #fe7e00;
	padding-bottom: 5px;
}
/* 隔层 */
.append_floor{position: fixed;left:0;top:0;background:rgb(0, 0, 0);opacity: 0.3;filter:alpha(opacity=30);z-index: 299;width:100%;height: 100%;}

.xia_zai{ position:fixed; right:15px; top:80px; width:145px; overflow:hidden; z-index:99;}
.xia_zai a{background: url(../images/dld_an.png) 0 0 no-repeat; display:block; width:145px; height:29px;}
.xia_zai a:hover{background: url(../images/dld_an_z.png) 0 0 no-repeat;}