@charset "utf-8";
/*CSS中文注释请在完成设计时删除，以免造成页面解析错误*/
/*---全局定义----*/
*{margin:0;
  padding:0;
  border:0;}
body{
     font-size:12px;
	 color:#575757;
	 background:#FFF;
}
body,input,button,select,textarea,p{font-family:Arial, Helvetica, sans-serif;}
select{font-size:11px; border:1px solid #BEBEBE;}
textarea{font-size:11px; border:1px solid #7F9DB9;background:#ffffcc;}
img{border:none; margin:0; padding:0;}
ul li{list-style-position:outside;}	 
a {blr:e-xpression(this.onFocus=this.blur())}/*图片链接无虚线框样式*/
area {blr:e-xpression(this.onFocus=this.blur())}  
a:link,a:visited{text-decoration:none;color:#3484EE;}
a:hover{text-decoration:underline; color:#FF9600;}
.clear{clear:both;}
input {border:1px solid #7F9DB9;}
input .radio{border:0px;}
h1{ color:#3484EE; font-size:16px; font-weight:bold;}
h2{ color:#626262; font-size:17px; padding-left:20px;margin-bottom:15px;}
h3{ color:#606060; font-size:13px; font-weight:bold; padding-top:18px;}
h4{font-family:Arial, Helvetica, sans-serif; font-size:14px;}
h5{ color:#5F5F5F; font-size:12px; font-weight:bold; padding-top:10px;}
.right{padding-right:20px;margin-top:-10px}
h6{ background:url(../../images/diaryTitle.gif) no-repeat; height:30px; line-height:30px; font-size:14px; padding-left:20px;}
label.error{color:red}
/*---------Layer--------*/		
#wrap{margin:0 auto;width:1024px;border:2px solid #e4e4e4;}
/*#navcontainer{background: url("../../images/menu.gif") no-repeat;width:500px; height:43px;margin: -50px auto 10px auto;z-index:6000px;}*/
#navcontainer{background: url("../../images/menu.gif") no-repeat;width:500px; height:43px;margin: 10px auto 30px auto;z-index:6000px;}
#navcontainer div{font-size:14px; font-weight:bold; }
#navcontainer a{ color:#575757;text-decoration: none;}
#navcontainer a:hover { color:#3484EE;text-decoration: none;}
/*------------index-------*/

#recommandcontainer{width:850px;height:289px;z-index:100;margin-left:100px;margin-bottom:10px;}
#bookypaopao{background:url(../../images/qiqiu_index.gif) no-repeat;width:75px;height:318px;float:left;position:absolute;}
.paopao{background:url(../../images/paopao.png);width:98px;height:346px;float:right;position:absolute;margin-left:800px;margin-top:-150px;!margin-left:800px}


#recommandvideo{width:700px;height:249px;float:left;position:absolute;margin-top:20px;margin-left:-2px}
#recommandvideobox{
	position:absolute;
	bottom:0px;
	padding:0px;
	margin:-50px 50px 0px 50px; 
	width:700px;
}

#uploadentrance{width:263px;height:273px;float:right;position: relative;vertical-align: bottom;}
#uploadentrance p{
	position:absolute;
	bottom:0px;
	padding:0px;
	margin:0px
}
#maincontainer{width:842px;margin:-27px auto 0px auto;}
#maincontainertop{background:url(../../images/containertop.gif) no-repeat;width:879px;height:39px;}
#maincontainercontent{min-height:500px;background:url(../../images/containermain.gif) repeat-y ;width:879px;height:auto;}
#maincontainercontent .xLine{margin-left:50px;width:90%}
#maincontainercontent  ul{margin-left:70px;width:90%}

#maincontainerbtm{background:url(../../images/containerbottom.gif) no-repeat scroll 0 -7px;;width:879px;height:39px;}
.bottomcontainer{float:left;margin-left:5px !important; margin-left:-25px;}

.mp3area{width:800px;margin: 10px auto 10px auto;background-color: #EAEAEA;clear: both; overflow: hidden;}
.mp3areavideogrid{float:left;width:22%;overflow:hidden;height:120px;padding-top: 15px;padding-left:20px;}
.mp3areavideogrid img{padding-bottom: 8px;}

.videogridindex{float:left;width:32%;margin-top:20px;line-height: 18px;height:120px;}
.videogridlist{float:left;width:48%;margin-top:10px;line-height: 18px;height:120px;}
.videogridplay{float:left;padding-right:10px;height:120px;overflow: hidden;clear: both;}

.picgridindex{float:left;width:33%;margin-top:5px;line-height: 18px;height:120px;padding-bottom: 40px}

/*---------Header--------*/
#header{width:1024px;min-width:600px;position:relative;padding:0;margin:0;}
#menu ul,#content ul,.lmenu ul,.lmenuDefault{list-style:none; }
/*----------Table Style--------------*/
.tb{  background:#E9E9E9; text-align:center;}
.tb th{ background:#D9FBE6; height:30px; line-height:30px; font-weight:bold; color:#478D70; text-indent:4px;}
.tb td{ background:#FFF; padding:4px;}
.tbbox{ padding-bottom:15px;}

/*-----------Round Corner--------------*/
.grayBox{ background:#F9F9F9;  margin-bottom:15px; text-align:center; line-height:20px; color:#686868;}
.gbr{background:url(../../images/rtr.gif) no-repeat top right;  height:8px;}
.gbl{background:url(../../images/rtl.gif) no-repeat top left;  height:8px;}
.gbbl{background:url(../../images/rbl.gif) no-repeat bottom left; height:8px;}
.gbbr{background:url(../../images/rbr.gif) no-repeat bottom right; height:8px;}
.ptb{ text-align:left; margin:0 5px;}
.blue a{ color:#568FDD!important;}
.blue a:link,a:visited{color:#568FDD; text-decoration:underline;}
.blue a:hover{color:#4078C6!important;}
.textBlue{ color:#3484EE;}
.xLine{ background:url(../../images/line.gif) repeat-x; width:auto; height:8px; padding-bottom:5px;}
.textLeft{text-align:left;}
.textRight{text-align:right;}
/*---------Content--------*/
#content{margin-top:5px; *margin-top:8px;_margin-top:8px;margin-bottom:15px; *margin-top:18px;_margin-top:18px;}
.cRight{float:right; }
#res_area{width:900px;heigth:450px;min-height:420px;margin-left:60px;}
#under_res_area{margin-left:50px;}
#playrightbox{margin-left:-9px;margin-top:10px;}
#res_areahead{background: url(../../images/topboxtop.gif);width:890px;height:18px;}
#res_areamiddle{background:url(../../images/topboxbottomarea.gif) repeat-y;width:890px; min-height:400px;height:auto;margin-left:-1px;}
#res_areabottom{background: url(../../images/topboxbottom.gif);width:890px;height:18px;}

#commentstop{background:url(../../images/commenttop.gif);width:608px; height:22px;}
#comments_area{background:url(../../images/commentarea.gif) repeat-y;width:608px; min-height:300px;height:auto;}
#comments_area input, #comments_area area{ border:1px solid #7F9DB9;}
#commentbottom{background:url(../../images/commentbottom.gif) no-repeat scroll 0 -8px;width:608px; height:28px;margin-left:1px;}
#comments_area table td{padding-top:8px;}
#comments_area >div{margin-left:30px !important; margin-left:50px; width:90%;}
.rightboxtop{background:url(../../images/rightboxtop.gif) !important; background: url(../../images/rightboxtop.gif) no-repeat 0 4px; width:293px;height:11px;}

.rightboxbottom{background:url(../../images/rightboxbottom.gif) ;width:293px;height:16px;}
.rightboxarea{background:url(../../images/rightbox.gif) repeat-y;width:293px; min-height:777px;height:auto;}
.rightboxarea >div,.rightboxarea >ul{margin-left:30px;width:90%;clear:both;}
#joinusarea {background:#F8F8F8;width:750px; margin: 0 100px;}
#joinusarea input {border:1px solid #7F9DB9;}
#joinusarea input.noborder {border:0px;background: url('../../images/join_button.gif');width: 145px;height:42px; }


#joinustop{ background:url("../../images/containertop.gif") scroll 0 -9px; width:879px; height:22px; margin: 0 100px;}
#joinusarea{min-height:500px;background:url(../../images/containermain.gif) repeat-y ;width:879px;}
#joinusarea .xLine{margin-left:30px;width:90%}
#joinusarea > ul{margin-left:70px;width:90%}
#joinusarea table{margin-top:20px;}
#joinusarea table td {padding-top:7px;}
#joinusbottom{background:url(../../images/containerbottom.gif)  scroll 0 -9px;width:879px;height:26px;margin: 0 100px;}

#maincontainercontent .newsheader{margin-left:50px;padding-top:20px;}

#awardlist li{
	text-align:left;
	padding:10px 30px;
	margin-left:100px;
	color:#5b5b5b;
}
#joinspec {
	width:750px;
	margin: 50px 100px 0 150px;
}

#joinspec p{color:#fc8b01;line-height:20px;}
#joinspec p.joinrule{color:#3283ec;margin:30px 0 10px 0px;font-weight:bold;font-size:18px;}
#joinspec p.black{color:#5b5b5b;}
#music_header{
text-align:center;
width:800px;
margin:0 auto;
}
#music_header >div{
	text-align:center;
	float:left;
	margin: 0px 0px 8px 10px;
	height:auto;
}
#music_header >div div.animal{
	text-align:center;
	float:left;

	height:auto;
}
#music_header >div div.content{
	color:black;
	text-align:left;
	float:left;
	width:700px;
	margin:35px 0 20px 0;

	line-height:20px;
}#music_header div.header{
	width:800px;heigth:50px;min-height:50px;
}
#music_header div.xiaomi{
	background:#ffd6ea;width:840px;heigth:100px;min-height:100px;
}
#music_header div.adi{
	background:#d2f1ad;width:840px;heigth:100px;min-height:100px;
}
#music_header div.xiaoai{
	background:#b0dcff;width:840px;heigth:100px;min-height:100px;
}
#music_header div.momo{
	background:#fffb90;width:840px;heigth:100px;min-height:100px;
}
#music_header div.booky{
	background:#d6d0ff;width:840px;heigth:100px;min-height:100px;
}
#music_content{
	background:#f8f8f8;height:auto;width:470px;float:left;padding:20px;line-height:30px;color:black;margin:20px 0 0 120px;
}
#music_content p.title{
clear:both; color:#3584eb; font-size:14px;font-weight:bold;
}
#music_content p.subtitle{
clear:both; color:#ff8803; 
}
div.mutititle{background:url(../../images/titlebkg1.gif) repeat-x 0px 0px;  font-size:12px; font-weight:bold;padding:10px 10px;margin-right:40px;width:280px;}
table.mp3table {padding:10px;margin-top:0px;background-color:#f9f9f9;margin-right:40px;width:300px;}
table.mp3table td{border-bottom:1px solid #d8d8d8;padding:7px;}

/*---------Error--------------*/
.errorBox{ padding:50px 0;}
.errorBox img{ float:left;}
.errorTitle{ font-size:25px; margin-top:20px; font-weight:bold;}
.errorOrange{ color:#FFAE04;}
.errorAns{ padding:30px 0 10px 0; width:500px; line-height:25px;}
.errorInfo{ float:right;}
.errorInfo a,.errorInfo a:link,.errorInfo a:hover,.errorInfo a:visited{font-size:18px;font-weight:800;color:#FFAE04;}

/*---------FooterDefault--------*/

#footer{ clear:both;  line-height:36px;position: relative;margin-top:0px;height:450px;background:url(../../images/wrapbg.gif) repeat-x;}

#footer .spec4song{padding:0px;position:absolute;margin:0px auto 0 100px; color:#404040;font-family:宋体; font-size:14px;}
#footer a:link,#footer a:visited{color:black; text-decoration:none; color:black!important;}
#footer a:hover{color:#FFFF66 !important;}
#footer .greenland{ background:url(../../images/greenland.gif)  no-repeat; clear:both;height:239px;width:1024px;position:absolute;bottom:0px;margin:0px;}
#footer div.greenland div.wordInGreenland{
	position:absolute;
	margin:0;
	bottom:10px;
	width:100%;
	color:black;
}
#footer div.greenland div.product{
	background:url(../../images/productongreenland.gif) no-repeat; 
	height:223px;
	width:348px; 
	position:absolute;
	right:60px;
	margin:-160px 0 0 0;

}
.ftversion{ text-align:center; padding:0px 0 0px 5px; line-height:20px; clear:both;}