html {
	background-color:#f2f2f2
}
.header-search {
	display:block
}
.container {
	}
.link-more {
	color:#999!important;
	font-family:Arial;
	font-size:12px;
	padding-right:20px
}
.link-more .icon-base {
	float:right;
	margin:7px -20px 0 0;
	*margin-bottom:-30px
}
.link-more:hover {
	color:#ffc107!important
}
.link-more:hover .icon-base-arrow-down {
	background-position:-16px -48px
}
.link-more:hover .icon-base-arrow-right {
	background-position:-64px -48px
}
.link-more:hover .icon-base-arrow-up {
	background-position:-112px -48px
}
.bw-sm {
	}
.bw-sm .aside {
	display:none
}

.bw-sm .header-nav a {
	padding:0 10px
}
.body-index a {
	color:#666
}
.body-index a:hover {
	color:#ffc107
}
.main {
	float:left;
	width:682px;
	_display:inline
}
.aside {
	float:right;
	width:302px;
	color:#666;
	_display:inline;
	padding-top:20px
}
.aside-fixed {
	position:fixed;
	bottom:80px;
	width:302px;
	-webkit-transform:translate3d(0,0,0);
	transform:translate3d(0,0,0)
}
.mod {
	
	background-color:#FFF;
	margin-bottom:20px;
	overflow:hidden

}
.main .mod {
	width:680px;
	margin-left:20px;

}
.main .mod-adv {
	width:680px;
	margin-left:20px;

}
.mod-hd {
	
}
.mod-bd {
	padding:0 20px;
	position:relative
}
.mod-hd h2 {
	float:left;
	margin-left:35px;
}
.mod-family,.mod-hot {
	margin-top:20px;
	
}
.mod-category-room {
	width:1000px;
	
}
.mod-family .mod-hd,.mod-hot .mod-hd {
	height:30px;
	line-height:30px;
	padding:5px 20px 0px 15px;
	color:#666;
	font-size:  16px;
	font-weight: 600;
}
.mod-hot .mod-hd h2 {
	}
.mod-family .mod-hd a,.mod-hot .mod-hd a {
	float:right;
	padding-right:20px;
	color:#999
}
.mod-family .mod-hd a .icon-base,.mod-hot .mod-hd a .icon-base {
	float:right;
	_display:inline;
	margin-top:7px
}
.mod-family .mod-bd {
	height:205px;
	overflow:hidden;
	position:relative
}
.mod-bd-recommend {
	height:420px
}
.mod-bd-new {
	height:400px;
	overflow:hidden;
	position:relative
}
.mod-bd-expand {
	height:auto
}
.mod-list .mod-bd {
	min-height:700px
}
.hot-loading {
	overflow:hidden
}
.timeout-tip {
	background-color:#ffffd6;
	border-bottom:solid 1px #fff433;
	font-size:14px;
	line-height:28px;
	height:28px;
	text-align:center;
	color:#ff4a4a;
	cursor:pointer;
	overflow:hidden;
	-webkit-animation:.3s ease-out backwards;
	animation:.3s ease-out backwards;
	-webkit-animation-name:fadein;
	animation-name:fadein
}
@-webkit-keyframes fadein {
	0% {
	height:0
}
100% {
	}
}@keyframes fadein {
	0% {
	height:0
}
100% {
	}
}.timeout-tip:hover {
	}
.mod-bd ul {
	margin:0 -10px
}
.star-item {
	float:left;
	margin:20px 10px 0;
	width:145px;
	height:180px;
	position:relative
}
.star-item a {
	position:relative;
	display:block;
	width:145px;
	height:180px;
	overflow:hidden
}
.star-item-pic {
	width:445px;
	height:145px;
	text-align:center;
	margin-left:-150px
}
.star-item img {
	height:145px;
	width:145px;
	vertical-align:top;
	-webkit-transition:-webkit-transform .15s ease-in-out;
	transition:transform .15s ease-in-out
}
.star-item a:hover img {
	-webkit-transform:scale(1.2);
	transform:scale(1.2)
}
.star-item-name {
	line-height:30px;
	height:30px;
	position:relative;
	z-index:1;
	background-color:#fff;
	color:#333
}
.star-item a:hover .star-item-name {
	color:#ffc107
}
.star-item-name .starLV {
	float:left;
	max-width:30px;
	margin-top:6px
}
.star-item-name span {
	overflow:hidden;
	-ms-text-overflow:ellipsis;
	text-overflow:ellipsis;
	white-space:nowrap;
	display:inline-block;
	float:right;
	width:100px;
	font-size:14px
}
.star-item-name-duo {
	line-height:30px;
	height:30px;
	position:relative;
	z-index:1;
	background-color:#fff;
	color:#333
}
.star-item-name-duo span {
	overflow:hidden;
	-ms-text-overflow:ellipsis;
	text-overflow:ellipsis;
	white-space:nowrap;
	display:inline-block;
	text-align:center;
	width:140px;
	font-size:14px
}
.star-item-info {
	position:absolute;
	top:98px;
	line-height:20px;
	left:0;
	width:140px;
	padding-top:27px;
	height:47px;
	color:#fff;
	font-size:12px;
	padding-left:5px;
	background:url(../../images/home/common/icon-gray-bg-aba89f.png) 0 0 repeat-x
}
.star-item-info .icon-base {
	float:left;
	_display:inline;
	margin-left:-20px;
	margin-top:1px
}
.star-item-num {
	float:left;
	width:60px;
	padding-left:20px
}
.star-item-anchor,.star-item-time {
	float:left;
	padding-left:20px
}
.star-item .icon-base-play {
	position:absolute;
	top:40px;
	left:40px;
	display:none;
	-webkit-animation:1s ease backwards;
	animation:1s ease backwards;
	-webkit-animation-name:bouncein;
	animation-name:bouncein
}
@-webkit-keyframes bouncein {
	0% {
	opacity:0;
	-webkit-transform:scale(.3)
}
50% {
	opacity:1;
	-webkit-transform:scale(1.05)
}
70% {
	-webkit-transform:scale(.9)
}
100% {
	-webkit-transform:scale(1)
}
}@keyframes bouncein {
	0% {
	opacity:0;
	-webkit-transform:scale(.3);
	transform:scale(.3)
}
50% {
	opacity:1;
	-webkit-transform:scale(1.05);
	transform:scale(1.05)
}
70% {
	-webkit-transform:scale(.9);
	transform:scale(.9)
}
100% {
	-webkit-transform:scale(1);
	transform:scale(1)
}
}.star-item a:hover .icon-base-play {
	display:block
}
.icon-base-type {
	font-family:Arial;
	color:#fff;
	background-color:#FF0000;
	background-color:rgba(255,0,0,.5);
	width:34px;
	line-height:20px;
	height:20px;
	text-align:center;
	position:absolute;
	
}
.star-item .icon-base-live {
	font-family:Arial;
	color:#fff;
	background-color:#6DB122;
	background-color:rgba(109,177,34,.8);
	width:34px;
	line-height:20px;
	height:20px;
	text-align:center
}
.star-item .icon-base-live-hd {
	background-color:#1A8DC3;
	background-color:rgba(26,141,195,.8)
}
.star-item .icon-base-live,.star-item .icon-base-live-hd,.star-item .icon-base-offline {
	position:absolute;
	right:0;
	top:0
}
.star-item .icon-base-weekstar,.star-item .icon-base-newstar,.star-item .icon-base-feather,.star-item .icon-base-top,.star-item .icon-base-miracle {
	position:absolute;
	left:0;
	top:0
}
.star-item .icon-base-top {
	z-index:5
}
.star-item .icon-base-weekstar {
	z-index:4
}
.star-item .icon-base-feather {
	z-index:3
}
.star-item .icon-base-newstar {
	z-index:2
}
.star-item .icon-base-star-dancer {
	position:absolute;
	width:60px;
	height:38px;
	top:84px;
	right:5px;
	background-position:-300px -140px;
	z-index:6
}
.family-item {
	height:185px
}
.family-item a {
	height:165px
}
.family-item img {
	height:135px;
	width:180px
}
.family-item .star-item-info {
	top:88px
}
.family-item .icon-base-play {
	top:42px
}
.family-item .star-item-name span {
	float:left;
	width:180px
}
.family-item .family-item-avatar {
	position:absolute;
	width:40px;
	height:40px;
	right:0;
	top:91px;
	border-radius:50%;
	border:solid 2px #fff
}
.family-item .star-item-anchor {
	display:none
}
.star-item-off {
	}
.star-item-off img {
	}
.mod-datatip {
	text-align:center;
	display:none;
	padding:40px 0;
	font-size:14px
}
.mod-list {
	}
.mod-list .mod-hd {
	height:51px;
	border-bottom:solid 1px #ebebeb;
	font-size:16px;
	margin:0 20px
}
.mod-list .mod-hd a:hover {
	color:#ffc107
}
.mod-list .mod-hd h2 {
	float:left;
	line-height:50px;
	height:50px;
	position:relative
}
.mod-list .mod-hd h2 a {
	margin-right:20px;
	display:inline-block;
	height:50px;
	color:#666
}
.mod-list .mod-hd h2 a.on {
	color:#ffc107
}
.mod-hd-line {
	position:absolute;
	left:0;
	bottom:-2px;
	height:2px;
	line-height:2px;
	overflow:hidden;
	background-color:#ffc107;
	width:64px
}
.mod-search {
	float:right;
	width:180px;
	margin-top:10px;
	position:relative;
	height:28px;
	border:solid 1px #ccc;
	border-radius:15px
}
.mod-search-focus {
	border-color:#FFC107
}
.mod-search input {
	border:0;
	float:left;
	margin:4px 0 0 15px;
	height:20px;
	line-height:20px;
	width:120px;
	outline:0;
	font-size:14px;
	color:#333
}
.mod-search span {
	position:absolute;
	color:#ccc;
	font-family:Arial;
	font-size:12px;
	white-space:nowrap;
	left:15px;
	top:0;
	line-height:28px;
	width:120px;
	cursor:text
}
.mod-search a {
	float:right;
	height:16px;
	padding:5px 0 9px;
	line-height:16px;
	width:40px;
	text-align:center
}
.mod-search a i {
	vertical-align:top
}
.mod-search-focus a i {
	background-position:-144px -48px
}
.mod-sort {
	float:right;
	margin-top:18px;
	_display:inline;
	margin-right:10px
}
.mod-sort li {
	border-left:solid 1px #ebebeb;
	height:14px;
	*height:16px;
	line-height:14px;
	padding:0 5px;
	color:#666;
	font-size:14px;
	float:left;
	vertical-align:top
}
.mod-sort li a {
	color:#999;
	line-height:16px;
	display:inline-block;
	vertical-align:top
}
.mod-sort li a.on {
	color:#ffc107
}
.mod-more {
	padding-top:50px;
	height:30px;
	width:700px;
	margin:0 auto;
	display:none
}
.mod-more-line {
	height:1px;
	line-height:1px;
	font-size:0;
	overflow:hidden;
	background-color:#ffc107;
	background-image:-webkit-linear-gradient(90deg,#fff 5px,transparent 5px,transparent 5px,transparent 7px,transparent 7px,#fff 7px,#fff 12px,transparent 12px,transparent);
	background-image:-webkit-linear-gradient(0deg,#fff 5px,transparent 5px,transparent 5px,transparent 7px,transparent 7px,#fff 7px,#fff 12px,transparent 12px,transparent);
	background-image:linear-gradient(90deg,#fff 5px,transparent 5px,transparent 5px,transparent 7px,transparent 7px,#fff 7px,#fff 12px,transparent 12px,transparent);
	background-position:-20px 0;
	-webkit-animation:progress-bar-stripes 2s linear infinite;
	animation:progress-bar-stripes 2s linear infinite;
	-webkit-background-size:80px 80px;
	background-size:80px 80px
}
@-webkit-keyframes progress-bar-stripes {
	from {
	background-position:80px 0
}
to {
	background-position:0 0
}
}@keyframes progress-bar-stripes {
	from {
	background-position:80px 0
}
to {
	background-position:0 0
}
}.mod-more a {
	display:block;
	height:20px;
	margin-top:-10px;
	text-align:center
}
.mod-more a span {
	display:inline-block;
	padding:0 20px;
	background-color:#FFF
}
.mod-more a span i {
	font-style:normal
}
.aside-banner {
	margin:10px;
	border:solid 1px #e6e6e6
}
.aside-banner img {
	width:280px;
	height:93px;
	vertical-align:top
}
.aside-mod {
	margin-bottom:16px
}
.aside-mod-hd {
	height:24px;
	line-height:24px;
	padding:6px 8px;
	font-size:16px;
	
}
.aside-mod-hd span {
	display: inline-block;
	margin-left:35px;
}
.aside-mod-hd a {
	float:right;
	padding-right:20px
}
.aside-mod-hd a:hover {
	color:#ffc107
}
.aside-mod-hd a .icon-base {
	float:right;
	_display:inline;
	margin-top:3px
}
.aside-mod-bd {
	}
.video {
	position:relative;
	height:219px;
	overflow:hidden
}
.video .video-tip {
	display:none;
	position:absolute;
	top:0;
	left:0;
	width:100%;
	height:38px;
	line-height:38px;
	
}
.video-2:hover .video-tip-2 {
	display:block
}
.video-3:hover .video-tip-3 {
	display:block
}
.video-4:hover .video-tip-4 {
	display:block
}
.video .video-tip i {
	float:left;
	margin:9px 5px 0 10px
}
.video .video-tip span {
	float:left;
	max-width:150px;
	color:#FFF
}
.video .video-tip .btn-primary {
	float:right;
	margin:9px 10px 0 0
}
.flash-area {
	width:300px;
	height:219px;
	text-align:center
}
.flash-area-img {
	width:219px;
	height:219px;
	overflow:hidden;
	margin:0 auto
}
.flash-area-img-wrap {
	width:500px;
	margin-left:-140px
}
.flash-area-img-wrap img {
	height:200px;
	vertical-align:top;
	margin-top:9px;
}
.video-tab {
	border-top:solid 1px #ebebeb
}
.video-tab a {
	float:left;
	height:30px;
	line-height:30px;
	font-size:14px;
	width:33.33%;
	text-align:center;
	color:#666
}
.video-tab-2 a {
	width:50%
}
.video-tab-1 a {
	width:100%
}
.video-tab a:hover,.video-tab a.on {
	color:#ffc107
}
.notice-list {
	font-family:arial,helvetica,verdana,tahoma,sans-serif;
	padding:5px 0
}
.notice-list li {
	vertical-align:top;
	float:left;
	width:132px;
	margin:4px 0 4px 15px
}
.notice-list li a {
	overflow:hidden;
	-ms-text-overflow:ellipsis;
	text-overflow:ellipsis;
	white-space:nowrap;
	display:block;
	width:130px
}
.rank-list {
	padding:2px 0 0 2px;
	height:230px
}
.rank-list li {
	vertical-align:top;
	float:left;
	margin:0 0 10px 16px
}
.rank-list li.rank-list-top {
	}
.rank-list li a {
	position:relative;
	display:block;
	overflow:hidden;
	width:75px;
	color:#666
}
.rank-list li a:hover {
	color:#ffc107
}
.rank-list li a img {
	width:61px;
	height:61px;
	vertical-align:top;
	margin:2px 7px;
	border-radius:31px
}
.rank-list li p {
	height:20px;
	line-height:20px;
	font-size:12px;
	padding-top:6px;
	text-align:center;
	width:75px
}
.rank-list .icon-base {
	width:65px;
	height:65px;
	position:absolute;
	bottom:26px;
	left:5px;
	background-position:-65px -285px
}
.rank-item-1 a,.rank-item-2 a,.rank-item-3 a {
	padding-top:25px
}
.rank-item-1 .icon-base {
	height:87px;
	background-position:0 -262px
}
.rank-item-2 .icon-base {
	height:87px;
	background-position:-65px -262px
}
.rank-item-3 .icon-base {
	height:87px;
	background-position:-130px -262px
}
.new-feedback {
	display:block;
	height:40px;
	line-height:40px;
	text-align:center;
	font-size:14px
}
.back-top {
	position:fixed;
	bottom:11px;
	cursor:pointer;
	display:none;
	-webkit-transform:translate3d(0,0,0);
	transform:translate3d(0,0,0)
}
.page-festival {
	background:url(../../images/home/common/bg-ab7853.png) center 52px no-repeat #F1E7D8
}
.page-festival .body-index {
	}
.body-pic-left {
	position:absolute;
	top:20px;
	left:0;
	background:url(../../images/home/common/flower-d10ad1.png) 0 0 no-repeat;
	width:272px;
	height:152px;
	margin-left:-272px
}
.body-pic-right {
	position:absolute;
	top:20px;
	right:0;
	background:url../../images/home/common/sheep-36d228.png) 0 0 no-repeat;
	width:137px;
	height:243px;
	margin-right:-137px
}
.spinner {
	margin:50px auto 10px;
	width:50px;
	height:40px;
	text-align:center;
	font-size:10px;
	height:0\0;
	margin-top:20px\0
}
.spinner-text {
	margin-bottom:30px;
	text-align:center;
	font-size:14px
}
.spinner>div {
	background-color:#7ED321;
	height:100%;
	width:6px;
	display:inline-block;
	-webkit-animation:sk-stretchdelay 1.2s infinite ease-in-out;
	animation:sk-stretchdelay 1.2s infinite ease-in-out
}
.spinner .rect2 {
	-webkit-animation-delay:-1.1s;
	animation-delay:-1.1s
}
.spinner .rect3 {
	-webkit-animation-delay:-1s;
	animation-delay:-1s
}
.spinner .rect4 {
	-webkit-animation-delay:-.9s;
	animation-delay:-.9s
}
.spinner .rect5 {
	-webkit-animation-delay:-.8s;
	animation-delay:-.8s
}
@-webkit-keyframes sk-stretchdelay {
	0%,40%,100% {
	-webkit-transform:scaleY(0.4)
}
20% {
	-webkit-transform:scaleY(1)
}
}@keyframes sk-stretchdelay {
	0%,40%,100% {
	transform:scaleY(0.4);
	-webkit-transform:scaleY(0.4)
}
20% {
	transform:scaleY(1);
	-webkit-transform:scaleY(1)
}
}.update-prompt-box {
	position:relative;
	border-radius:10px;
	background:#fff;
	text-align:center;
	width:348px;
	color:#000;
	font-size:14px
}
.update-prompt-box i {
	position:absolute;
	right:0;
	top:0;
	display:block;
	width:24px;
	height:24px;
	line-height:30px;
	text-align:center;
	cursor:pointer;
	font-style:normal;
	background-repeat:no-repeat
}
.update-prompt-box h3 {
	padding:10px 0 20px;
	text-align:center
}
.update-prompt-box p {
	padding:0 20px;
	text-align:center;
	line-height:1.5;
	font-size:14px;
	margin-bottom:30px
}
.update-prompt-box a {
	display:inline-block;
	height:34px;
	width:100px;
	border-radius:10px;
	line-height:34px;
	text-align:center;
	text-decoration:none;
	background:#fff;
	border:1px solid #444;
	margin-bottom:30px;
	color:#000
}

.video-focus {margin:0 auto;}
.video-focus .video-box{position:relative;z-index:1;float:left;width:784px;height:441px;background:#333;}
.video-focus .video-user{position:absolute;right:7px;top:7px}
.video-focus .video-user .u-bg{position:absolute;left:0;top:0;bottom:0;width:100%;height:100%;background:#000;border-radius:6px;filter:alpha(opacity=60);opacity:.6}
.video-focus .video-user .u-con{z-index:2;position:relative;width:220px;height:52px}
.video-focus .video-user .avatar{float:left;margin:6px 0 0 9px}
.video-focus .video-user .avatar img{height:40px;width:40px;border-radius:50%}
.video-focus .video-user .avatar:hover img{filter:alpha(opacity=90);opacity:.9}
.video-focus .video-user .info{float:left;margin:7px 0 0 5px;max-width:100px;overflow:hidden}
.video-focus .video-user .info .name{display:block;height:20px;line-height:20px;color:#fff;font-size:14px;font-weight:bold;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}
.video-focus .video-user .info .num{display:block;height:20px;color:#fff;overflow:hidden}
.video-focus .video-user .i-live{float:right;margin:15px 11px 0 0;width:45px;height:20px;background:url(https://vr0.6rooms.com/imges/home2016/video-focus-v2.png) no-repeat 0 0}
.video-focus .video-item{position:relative;float:right;width:416px;height:441px;overflow:hidden}
.video-focus .video-item li{position:relative;float:left;margin:0 0 2px 2px;width:136px;height:146px;overflow:hidden;cursor:pointer}
.video-focus .video-item .pic{display:block;margin-left:-30px;width:215px;height:100%;overflow:hidden;text-align:center;background:#efefef}
.video-focus .video-item img{min-width:155px;height:100%;transition:opacity .4s ease-in-out,visibility .4s ease-in-out}
.video-focus .video-item .i-shade{display:block;position:absolute;left:0;top:0;width:100%;height:100%;background:#000;opacity:.2;filter:alpha(opacity=20);transition:all .3s}
.video-focus .video-item li:hover .i-shade,.video-focus .video-item li.on .i-shade{filter:alpha(opacity=10);opacity:.1}
.video-focus .video-item .text{z-index:3;position:absolute;left:0;top:50%;margin-top:5px;width:100%;height:20px;line-height:20px;overflow:hidden;text-align:center;color:#fff;filter:alpha(opacity=0);opacity:0;transition:all .3s}
.video-focus .video-item li.over .text,.video-focus .video-item li.on .text{margin-top:-10px;filter:alpha(opacity=100);opacity:1}
.video-focus .video-item li.on .text{font-weight:bold}
.video-focus .video-item .text-bg{width:100%;height:100%;overflow:hidden;z-index:2;position:absolute;left:0;bottom:0;background-color:#fb483b;transition:all .3s;opacity:0;filter:alpha(opacity=0)}
.video-focus .video-item li.on .text-bg{opacity:.8;filter:alpha(opacity=80)}
.page-w1320 .video-focus .video-box,.page-w1560 .video-focus .video-box{width:656px;height:369px}
.page-w1320 .video-focus .video-item,.page-w1560 .video-focus .video-item{width:387px;height:369px}
.page-w1320 .video-focus .video-item li,.page-w1560 .video-focus .video-item li{width:127px;height:122px}.page-w1320 .video-focus .video-item img,.page-w1560 .video-focus .video-item img{margin-left:-18px;height:122px}





/*�����*/
.left-box{ width:180px; overflow:hidden;margin-top:18px}
.modal-box{ background:url(/public/static/images/home/index/dating_online_bg.png); margin-bottom:5px;}
.modal-box-line{ background:#ffffff; margin-bottom:5px; padding-bottom:16px;}
.modal-h2{ height:38px; overflow:hidden; text-align:center; font:18px/38px "microsoft yahei"; color:#fff;}
.modal-h2 a{ color:#fff;}
.live-count{ height:75px; padding-top:15px; text-align:center;font:12px/21px "microsoft yahei"; color:#999999;}
.live-count strong{ display:block; text-align:center; color:#ca63ff;font:24px/33px "Georgia";}

/*ȫ��ֱ��*/
.title{ padding:0 12px; height:44px; overflow:hidden;}
.title a{ display:block; height:44px;font:16px/44px "microsoft yahei"; position:relative; padding-left:28px; }
.title .icon{ width:17px; height:16px; position:absolute; top:15px; left:4px; background:url(/public/static/images/home/common/side_left_icon.png) no-repeat 0 0;}

.live-cate dt{ height:34px;border-top:1px solid #eeeeee; width:127px; margin:0 auto; position:relative;font:16px/34px "microsoft yahei";padding-left:28px;padding-top:5px;}
.live-cate dt .icon{ width:17px; height:16px; position:absolute; top:13px; left:4px; background:url(/public/static/images/home/common/side_left_icon.png) no-repeat;}
.live-cate dt .ico-cate01{ background-position:0 -16px;}
.live-cate dt .ico-cate02{ background-position:0 -32px;}
.live-cate dd{ height:26px; padding:3px 0;font:12px/26px "microsoft yahei"; color:#444;}
.live-cate dd a{ display:block; color:#444; text-indent:40px;  }
.live-cate dd a:hover,.live-cate dd a.active{ border-color:#ca63ff; background:#fafafa; color:#ca63ff;transition:all 0.25s ease-in-out 0s;}
.live-cate .on{display:block; color:#444; text-indent:40px; border-left:2px solid #fff;  border-color:#ca63ff; background:#fafafa;}
.left-area2 ul{ padding:0 12px;}
.left-area2 li{ border-bottom:1px solid #eeeeee;}
.left-area2 li a{ display:block; padding-left:28px; height:44px;font:16px/44px "microsoft yahei"; position:relative;}
.left-area2 li a:hover{ color:#ff0000;}
.left-area2 li.last{ border-bottom:1px solid #fff;}
.left-area2 .icon{width:17px; height:16px; position:absolute; left:4px; top:15px;background:url(/public/static/images/home/common/side_left_icon.png) no-repeat;}
.left-area2 .ico-follow{background-position:0 -48px;}
.left-area2 .ico-browse{background-position:0 -64px;}
.left-area2 .ico-pay{background-position:0 -80px;}
.left-area2 .ico-more{ background-position:0 -115px; width:6px; height:11px; left:135px; top:17px;}

.adv-pay{ width:152px; margin:0 auto; height:70px; overflow:hidden;}
.adv-pay img{ border-radius:5px;}

/*������Ϸ*/
.left-title{ padding:0 12px; height:44px;}
.left-title a{ display:block; height:44px;font:16px/44px "microsoft yahei"; position:relative; padding-left:28px;border-bottom:1px solid #eeeeee; }
.left-title .icon,.left-title01 .icon{ width:17px; height:16px; position:absolute; top:15px; left:4px; background:url(/public/static/images/home/common/side_left_icon.png) no-repeat 0 -127px;}
.hot-game{ padding:5px 12px 0;}
.hot-game ul li{ height:42px; padding-top:10px; overflow:hidden; font:12px/42px "microsoft yahei"; color:#444;}
.hot-game ul li img{ float:left; width:40px; height:40px; border:1px solid #e8e8e8; border-radius:5px; margin:0 10px 0 12px;transition:all 0.4s ease-in-out 0s;}
.hot-game ul li a:hover{ color:#ff0000;}
.hot-game ul li a:hover  img{ border-color:#ca63ff;transform:transform:scale(1.12)}


/*���Ż*/
.left-area3{ padding-top:5px;font:12px/30px "microsoft yahei"; color:#444;overflow: hidden;
text-overflow:ellipsis;
white-space: nowrap;}
.left-area3 ul li{ height:30px; color:#444; text-indent:40px; }
.left-area3 ul li a{ color:#444;}
.left-area3 ul li a:hover{ color:#ff0000;}

/*�ٷ��ͷ�*/
.left-title01{ height:44px;font:16px/44px "microsoft yahei"; position:relative; padding-left:28px;border-bottom:1px solid #eeeeee; margin:0 auto; width:126px;}
.left-title01 .ico-service{ background-position:0 -96px;}
.left-service{ padding-top:8px;}
.left-service a{ display:block; padding:8px 0; text-align:center;}

.ft-carousel {
	position: relative;
	width: 100%;
	height: 100%;
	overflow: hidden;
}

.ft-carousel .carousel-inner {
	position: absolute;
	left: 0;
	top: 0;
	height: 100%;
}

.ft-carousel .carousel-inner .carousel-item {
	float: left;
	height: 100%;
}

.ft-carousel .carousel-item img {
	width: 100%;
}

.ft-carousel .carousel-indicators {
	position: absolute;
	left: 0;
	bottom: 10px;
	width: 100%;
	text-align: center;
	font-size: 0;
}

.ft-carousel .carousel-indicators span {
	display: inline-block;
	width: 12px;
	height: 12px;
	background-color: #fff;
	margin: 0 4px;
	border-radius: 50%;
	cursor: pointer;
}

.ft-carousel .carousel-indicators span.active {
	background-color: #de3a3a;
}

.ft-carousel .carousel-btn {
	position: absolute;
	top: 50%;
	width: 50px;
	height: 45px;
	margin-top: -25px;
	cursor: pointer;
}

.ft-carousel .carousel-prev-btn {
	left: 0;
	background: url(/public/static/images/home/common/prev.png) no-repeat;
}

.ft-carousel .carousel-next-btn {
	right: 0;
	background: url(/public/static/images/home/common/next.png) no-repeat;
}
.example {width: 100%;height: 470px;font-size: 40px;text-align: center;background-color: #464576;}
.carousel-item{line-height: 336px;color: #fff;font-family:  Arial Black}
.duoren_icon{
	width: 30px;
    height: 30px;
	position: absolute;
    background: url(/public/static/images/home/index/duoren_icon.png) no-repeat ;
	background-size: cover;
}
.tuijian_icon{
	width: 30px;
    height: 30px;
	position: absolute;
    background: url(/public/static/images/home/index/tuijian_icon.png) no-repeat ;
	background-size: cover;
}
.xinren_icon{
	width: 30px;
    height: 30px;
	position: absolute;
    background: url(/public/static/images/home/index/xinren_icon.png) no-repeat ;
	background-size: cover;
}
.zuijia_icon{
	width: 30px;
    height: 30px;
	position: absolute;
    background: url(/public/static/images/home/index/zuijia_icon.png) no-repeat ;
	background-size: cover;
}
.huodong_icon{
	width: 30px;
    height: 30px;
	position: absolute;
    background: url(/public/static/images/home/index/huodong_icon.png) no-repeat ;
	background-size: cover;
}

.star_rank_icon{
	width: 30px;
    height: 30px;
	position: absolute;
    background: url(/public/static/images/home/index/mingxing_icon.png) no-repeat ;
	background-size: cover;
}

.noble_rank_icon{
	width: 30px;
    height: 30px;
	position: absolute;
    background: url(/public/static/images/home/index/fangjian_icon.png) no-repeat ;
	background-size: cover;
}