/*焦点图*/
.mod-slide{ padding-top: 15px;}
.mod-slide .slide{ background: #fff; float: left; width: 715px; position: relative;}
.mod-slide .slide .box{ position: relative; height: 240px; overflow: hidden;}
.mod-slide .slide .items .item{ float: left; width: 715px; height: 240px; overflow: hidden;}
.mod-slide .slide .pic {float: left; width: 488px;}
.mod-slide .slide .pic img{ width: 488px; height: 240px;}
.mod-slide .slide .detail{ float: left; width: 187px; height: 200px; padding:20px; overflow: hidden;}
.mod-slide .slide .detail h3{ font-weight: 100; margin-bottom: 10px;}
.mod-slide .slide .detail h3 a{font-size: 16px; color: #37a508;}
.mod-slide .slide .detail p{ line-height: 24px;}
.mod-slide .slide .detail p a{ color: #333;}
.mod-slide .slide .detail p a:hover{ text-decoration: none;}
.mod-slide .slide .trigger{ position: absolute; left: 0; bottom: 0; width: 685px; text-align: right; padding-right: 30px; padding-bottom: 10px;}
.mod-slide .slide .trigger a{ margin-right: 5px; text-indent: -100px; width: 10px; height: 10px; font-size: 0; background: #dadada; border-radius: 50%; display: inline-block;}
.mod-slide .slide .trigger .active{ background: #4bba2c;}
.user-panel{
	float: right;
	width: 255px;
	height: 240px;
	text-align: center;
	background: white;
}
/* 已登陆 */
.user-panel-icon,
.user-panel-aicon{
	width: 80px;
	height: 80px;
}
.user-panel-icon{
	margin-top: 20px;
	border-radius: 80px;
}
.user-panel-name{
	color: #333;
}
.user-panel-name:hover{
	color: #19b955;
}
.user-panel-list{
	width: 150px;
	margin: 7px auto;
}
.user-panel-list li{
	float: left;
	width: 50%;
	height: 22px;
	overflow: hidden;
}
.user-panel-btn{
	display: inline-block;
	*zoom: 1;
	color: white;
	width: 160px;
	line-height: 34px;
	border-radius: 2px;
	background: #19b955;
}
.user-panel-btn:hover{
	text-decoration: none;
	background: #1dd160;
}
/* 未登陆 */
.user-panel-logo{
	display: block;
	margin: 34px auto 26px auto;
	width: 120px;
	height: 31px;
}
.btn-login,
.btn-reg{
	display: inline-block;
	*zoom: 1;
	margin-top: 12px;
}
.btn-login{
	width: 160px;
	line-height: 34px;
	background: #19b955;
	color: white;
}
.btn-reg{
	width: 158px;
	line-height: 32px;
	border: 1px solid #19b955;
	color: #19b955;
}
.btn-login:hover,
.btn-reg:hover{
	text-decoration: none;
}
.btn-login:hover{
	background: #1dd160;
}

/*热门新知*/
.mod-hot{ margin-top: 25px;}
.mod-hot h3{font-size: 22px; font-weight: 100;}
.mod-hot .items{ margin-top: 10px;}
.mod-hot .items .item{ margin-right: 25px; background: #fff; float: left; border:1px solid #ededed; padding:10px 10px 0 10px; border-bottom:3px solid #e2e2e2;}
.mod-hot .items .item li{padding:0 10px; border-bottom:1px dotted #c3c3c3; line-height: 45px;text-overflow: ellipsis;white-space: nowrap;overflow: hidden;width: 268px;}
.mod-hot .items .item li a{ color: #4e4e4e; font-size: 16px; transition: all .5s; }
.mod-hot .items .item li a:hover{ color: #20a80a;}
.mod-hot .items .item .first{ padding: 0; width: 288px; position: relative; margin-bottom: 10px; border-bottom: 0;}
.mod-hot .items .item .first .pic{ display: block; width: 288px; height: 190px; overflow: hidden;}
.mod-hot .items .item .first .pic img{ width: 288px;}
.mod-hot .items .item .first .desc{ background:  repeat-x; font-size: 20px; color: #fff; width: 268px; text-overflow: ellipsis;white-space: nowrap;overflow: hidden; padding: 0 10px; position: absolute; left: 0; bottom: 0;}
.mod-hot .items .item .li-last{border-bottom: 0;}
.mod-hot .items .item-last{ margin-right: 0;}

/*更多内容*/
.mod-more-cont{margin-top: 25px; /*border-bottom: 1px solid #dcdcdc;*/}
.mod-more-cont h3{font-size: 22px; font-weight: 100;}
.mod-more-cont ul{ margin-top: 10px; padding:0 10px 15px 10px;}
.mod-more-cont ul li{ float: left; margin-right: 39px;}
.mod-more-cont ul .last{ margin-right: 0;}
.mod-more-cont ul li i{ cursor: pointer; -webkit-transition: all .3s; -ms-transition: all .3s; -moz-transition: all .3s; transition: all .3s; background: url(/uploads/image/rimg/spr_index.png) no-repeat; margin-bottom: 10px; width: 72px; height: 72px; display: block;}
.mod-more-cont ul li a{ display: block; text-align: center; font-size: 16px; color: #414141; width: 72px;}
.mod-more-cont ul li a:hover{ text-decoration: none;}
.mod-more-cont ul li a:hover i{ -webkit-transform:rotate(360deg);-moz-transform:rotate(360deg);-ms-transform:rotate(360deg); transform:rotate(360deg);}
.mod-more-cont ul li .pc{ background-position: 0 0;}
.mod-more-cont ul li .food{background-position: -72px 0;}
.mod-more-cont ul li .health{background-position: -144px 0;}
.mod-more-cont ul li .cosm{background-position: -216px 0;}
.mod-more-cont ul li .feeling{background-position: -288px 0;}
.mod-more-cont ul li .game{background-position: -360px 0;}
.mod-more-cont ul li .job{background-position: -432px 0;}
.mod-more-cont ul li .live{background-position: -504px 0;}
.mod-more-cont ul li .sports{background-position: -576px 0;}