body {
	background:#3B5815;
	margin:0;
	font:12px Verdana;
	color:#3B591B
}
a {
	color:#3B591B;
	text-decoration:none
}
a:hover {
	color:#3B591B;
}
a img {
	border:none
}
form, h1, h2, h3, h4, ul, ol, dl, dt, dd,em{
	margin:0;
	padding:0;
	list-style:none;
	font-weight:400;
    font:12px Verdana;
}
/*头部*/
.wrap {
	background:#FFF;
	margin:auto;
	padding:auto;
}
.header {
	overflow:hidden;
	zoom:1;
	width:100%;
}
.l {
	float:left
}
.r {
	float:right
}
.htop {
    padding-top:6px;
	/*background:#C3EF29 url(images/htop_bg.gif);*/
	border-top:1px solid #81B316;
	border-bottom:1px solid #81B316;
	background:#C3EF29;
	overflow:hidden;
}
/*
.htop .l {
	float:left;
}
.htop .r {
	float:right;
}
*/
.logo{
	padding:10px 8px;
	line-height:30px;
    overflow:hidden;
	width:100%;
}
.logo .img {
	width:25%;
}
.logo .search {
	width:50%;
}
.logo .new {
	width:25%;
	float:right;
	text-align:right;
	padding-top:1px;
}
.logo .img a {
	float:left;
	font-weight:bold;
	/*background:url(images/logo.gif);*/
	font-size:18px;
	padding-left:8px;
	padding-right:8px;
	background-color:#C3EF29;
	border:1px solid #81B316;
	/*text-shadow:0px 1px 0px rgba(0,0,0,.3);*/
}

/* 搜索框 */
.input-search{
	vertical-align:middle;
  	width:100%;
  	position:relative;
  	border:1px solid #81B316;
}
.input-text{
	float:left;
    width:100%;
	padding:2px 5px;
	display:block;
	border:0px;
	white-space:nowrap;
	background:#FFF;
}
.input-text,
.input-so{
    display:table-cell;
    height:30px;
    line-height:30px;
    color:#3B591B;
}
.input-so {
    padding:1px 8px;
	text-align:center;
	cursor:pointer;
	background-color:#C3EF29;
	border-left:1px solid #81B316;
	border-right:0;
	border-top:0;
	border-bottom:0;
	float:right;
	position:absolute;
	right:0;
}
.input-text:focus,
.input-so:focus{
	outline:0;
}
/*栏目导航*/
.nav,
.nav-index {
	overflow:hidden;
	text-align:center;
	background:#000;
	clear:both;
	color:#FFF;
	width:100%;
}
.nav {
	border:solid #81B316;
	border-width:1px 0;
	line-height:28px;
}
.nav-index {
	border-bottom:1px solid #81B316;
}
.nav-index ul {
    overflow:hidden;
	padding:6px 4px;
}
.nav li,
.nav-index li{
    float:left;
}
.nav li{
	line-height:28px;
	width:16.66666666666667%;
	padding:0px 0px;
}
.nav-index li {
	line-height:26px;
	padding:4px 4px;width:12.5%;
}
.nav li a,
.nav-index li a {
	float:left;
	text-align:center;
	width:100%;
	color:#FFF;
    white-space:nowrap;
}
.nav-index li a {
	border:1px solid #81B316;
}

/*标题*/
.title {
    overflow:hidden;
	width:100%;
	border-bottom:1px solid #81B316;
}
.title h1 {
	float:left;
	line-height:26px;
	text-align:center;
	white-space:nowrap;
	background:#C3EF29;
	border-right:1px solid #81B316;
	padding-left:10px;
	padding-right:10px;
}
.title em {
	float:right;
	text-align:center;
	font:normal 12px/26px Verdana;
}
.title .player-info,
.title a {
    float:left;
	text-align:center;
	border-left:1px solid #81B316;
	padding-left:10px;
	padding-right:10px;
}

/*主页左边*/
.side {
	width:166px;
	float:left;
	background:#FFF;
	zoom:1;
}
.slist {
    width:100%;
    border-top:1px solid #81B316;
    border-right:1px solid #81B316;
}
.slist ul {
    overflow:hidden;
	padding:7px 5px;
	/*background:#EEFFAD;
	border:solid #81B316;
	border-width:1px 0;*/
}
.slist li {
	float:left;
	width:100%;
	line-height:24px;
	padding:1px 0px;
}
.slist li a {
    overflow:hidden;
	float:left;
	white-space:nowrap;
	text-overflow:ellipsis;
	width:116px
}
.slist li em {
	float:right;
	font:normal 11px/24px Verdana
}
/*单独排行页*/
.side-rank {
	width:25%;
	float:left;
	background:#FFF;
	zoom:1;
}
/*主页/频道页/内容页/友情链接*/
.index-r {
	float:left;
	background:#FFF;
	zoom:1;
}
.index,
.channel,
.type,
.detail,
.player,
.content,
.tool,
.mcon,
.links {
    clear:both;
	width:100%;
}
.index,
.detail,
.player,
.content,
.tool,
.mcon,
.links {
    border-top:1px solid #81B316;
}
.channel,
.type {
	border:solid #81B316;
	border-width:1px 0;
}
.index ul,
.channel ul,
.type ul,
.detail ul,
.player ul,
.content ul,
.tool ul,
.links ul {
    overflow:hidden;
	padding:4px 4px;
}
/*最后一个框带下画线*/
.mcon:last-child {
    border-bottom:1px solid #81B316;
}
/*最后一个框带下画线*/
.mcon ul {
    overflow:hidden;
	padding:5px 4px;
}
.index li,
.channel li,
.type li,
.detail li,
.player li,
.content li,
.tool li,
.links li {
	float:left;
	padding:4px 4px;
}
.mcon li {
    float:left;
	padding:3px 4px;
}
.player li,
.content li,
.tool li,
.mcon li,
.links li {
	line-height:24px;
}

.index li .image,
.channel li .image,
.type li .image,
.detail li .image {
	position:relative;
}
.detail li .image{
    float:right;
}
.index li img,
.channel li img,
.type li img,
.detail li img {
	width:100%;
}
.index li .type-title,
.channel li .type-title {
	position:absolute;
	z-index:3;
	background:#C3EF29;
	padding:1px 1px;
	top:0px;
	left:0px;
	font:11px Verdana;
	border:1px solid #81B316;
}
.index li h2,
.channel li h2,
.type li h2 {
    overflow:hidden;
	margin:0;
	padding-top:5px;
    text-overflow:ellipsis;
    white-space:nowrap;
    line-height:18px;
    text-align:center;
}
/*主页分类/播放列表/友情链接*/
.mcon li a,
.player li a,
.tool li a,
.links li a {
    overflow:hidden;
	float:left;
	white-space:nowrap;
	width:100%;
	text-overflow:ellipsis;
}
/*播放列表*/
.player li a,
.tool li a {
	text-align:center;
	border:1px solid #81B316;
	background:#EEFFAD;
}
/*内容页*/
.detail li dt {
	float:left;
	line-height:24px;
	width:100%;
	white-space:nowrap;
	padding:1px 0px;
}
/*主页分类横条*/
.class-m {
	clear:both
}
.class-m h3 {
    padding-top:22px;
	background:#FFC056 url(images/m_class_th.gif) no-repeat 8px 2px;
	border-top:1px solid #F70;
	border-bottom:1px solid #F70;
}
/*播放器*/
.bofang-top{
    list-style:none;
    background-color:#000;
    width:100%;
    color:#fff;
    text-align:center;
    overflow:hidden;
    padding-top:4px;
    margin:0;
}
#bofang-box{
    width:100%;
    overflow:hidden;
    position:relative;
    margin:0 auto 0 auto;
    background:#000;
}
/*分类翻页*/
.pages {
    text-align:center; 
    padding-top:6px;
    padding-bottom:8px;
    border-bottom:1px solid #81B316;
    clear:both;
}
.page_tip {
    color:#777;
    font-weight:normal;
    padding-bottom:4px;
}
.page_info .page_link{
    display:inline-block; 
    padding:4px 7px;
    border:1px solid #ccc;
    /*font:normal 12px/20px Verdana;*/
    line-height: 20px;
    overflow:hidden;
}
.page_info .page_current{
    display:inline-block;
    padding:4px 7px;
    background:#C3EF29; 
    border:1px solid #81B316; 
}
/*-搜索后文字提示-*/
.search-wrap{
    width:100%;
    padding:0;
    overflow:hidden;
}
.search-wrap h1{
    font:normal 12px/20px Verdana;
    padding:4px 8px;
}
/*点击后按钮颜色*/
.nav li a:hover {
	background:#ECF876;
	color:#5A7E0B;
}
.nav-index li a:hover,
.slist li a:hover,
.mcon li a:hover,
.links li a:hover,
.nav .focu a,
.nav-index .focu a {
	background:#81B316;
	color:#FFF;
}
.title a:hover,
.title .current {
    background:#C3EF29;
	color:#3B591B;
}
.page_info a:hover,
.tool li a:hover,
.player li a:hover,
.player .focu a {
	background:#C3EF29;
    border: 1px solid #81B316;
}
/*底部*/
.footer {
	background:#C3EF29;
	text-align:center;
	padding:5px;
	clear:both;
	border-top:1px solid #81B316;
}
.footer li{
	line-height:22px;
}

.space {
    width:100%;
	padding-top:8px;
	clear:both;
	overflow:hidden;
}
.back {
    background:#EEFFAD;
    overflow:hidden;
}
.bottom {
	border-bottom:1px solid #81B316;
}
/*自适应*/
*{box-sizing:border-box}
@media (min-width:480px){.wrap{width:480px}}
@media (min-width:780px){.wrap{width:760px;}}

@media (max-width:479px){
.nav-index li{width:25%;}
.index-r {width:100%;}
.index li,
.type li,
.tool li,
.mcon li {width:33.33333333333333%;}
.channel li {width:33.33333333333333%;}
.detail li {width:50%;}
.player li {width:25%;}
.links li {width:33.33333333333333%;}
.tool li{width:25%;}
.index li .image,
.channel li .image,
.type li .image{height:180px;}
.detail li .image{height:235px;width:75%;}
.index li img,
.channel li img,
.type li img {height:180px;}
.detail li img {height:235px;}
#bofang-box{height:340px;}
}


@media (min-width:480px){
.nav-index li {width:16.66666666666667%;}
.index-r {width:100%;}
.index li,
.type li,
.mcon li {width:33.33333333333333%;}
.channel li {width:33.33333333333333%;}
.detail li {width:50%;}
.player li {width:25%;}
.links li {width:33.33333333333333%;}
.tool li{width:25%;}
.index li .image,
.channel li .image,
.type li .image{height:200px;}
.detail li .image{height:235px;width:75%;}
.index li img,
.channel li img,
.type li img {height:200px;}
.detail li img {height:235px;}
#bofang-box{height:340px;}
}


@media (min-width:760px){
.nav-index li {width:12.5%;}
.index-r {width:593px;}
.index li,
.type li,
.player li,
.tool li,
.mcon li {width:25%;}
.channel li {width:20%;}
.detail li {width:50%;}
.links li {width:12.5%;}
.index li .image,
.channel li .image,
.type li .image{height:192px;}
.detail li .image{height:235px;width:62%;}
.index li img,
.channel li img,
.type li img {height:192px;}
.detail li img {height:235px;}
#bofang-box{height:430px;}
}




/* 隐藏 */
@media (max-width:480px){.side{display:none!important}}
@media (min-width:480px) and (max-width:759px){.side{display:none!important}}

/* 显示 */
@media (max-width:480px){.visible-xs,.footer .dz{display:block!important}}
@media (min-width:480px) and (max-width:759px){.visible-sm,.footer .dz{display:block!important}}