/* 公共部分 */
*{padding:0;margin:0;border:0;list-style-type:none;}
body{color:#666666;font:14px "微软雅黑","Lucida Grande",STHeiti,Verdana,Arial,Times,serif;background:url("data:image/gif;base64,R0lGODlhBwAGAKIAAAAAAP///8nJycjIyLm5ubi4uP///wAAACH5BAEAAAYALAAAAAAHAAYAAAMQOCOiTaREVmpU0C6pR8xDAgA7") repeat;}
img{vertical-align:middle;border:0;}
a{-webkit-transition: all 0.25s linear 0.01s; -moz-transition: all 0.25s linear 0.01s; -ms-transition: all 0.25s linear 0.01s; -o-transition: all 0.25s linear 0.01s; transition: all 0.25s linear 0.01s;color:#252525;text-decoration:none;cursor:pointer;}
/* 头部 */
.header{background:#3D3D3D;height:52px;position:fixed;left:0;top:0;width:100%;z-index:10050}
.header .h_main{max-width:960px;width:100%;margin:0 auto;position:relative;z-index:10050;height:52px}
.header .logo{width:143px;float:left;display:inline;padding-top:5px}
.header .logo a{display:inline;float:left;width:153px;height:43px;background:url('/logo.png');background-repeat:no-repeat;background-size:153px 43px;}
.header .menus{display:inline;float:left;height:43px;padding-top:5px;position:relative;z-index:10000}
.header .menus li{float:left;display:inline}
.header .menus li .sliding_menu{float:left;display:inline;color:#fff;font-weight:700}
.header .menus li a:hover{color:#6DB823;text-decoration:none}
.header .menus li a{font-size:14px}
.header .menus .m_nav a{text-decoration:none;float:left}
.header .m_nav a{color:#fff;position:relative;margin:0 5px;padding:12px 3px 10px;height:20px}
.member .serach{display:inline;float:left;padding:13px 0 0 13px}
.member .seh_m{float:left}
.member .seh_v{border:0 solid #000;background:#fff;float:left;height:23px;line-height:23px;outline:medium none;padding:2px 4px;width:120px;border-radius:0}
.member .seh_a,.header .seh_a{border:0 none;color:#FFF;height:27px;line-height:27px;vertical-align:middle;float:left;font-weight:700;text-decoration:none;cursor:pointer;}
.member .seh_b,.header .seh_b{background:#f5ad00;width:55px;}
.header .seh_c{background:#357EBD;width:80px;margin:0 10px;text-align:center;}
.header .member{float:right;margin-top:15px;display:inline}
.header .member li{color:#707070;float:left;margin:0 0 0 10px;text-shadow:0 1px 1px #505050;line-height:24px;height:24px}
.header .member li a{color:#FFF;font-size:14px;font-weight:700}
.header .member li a:hover{color:#6DB823;text-decoration:none}
/* 内容 */
.container {clear: both; max-width: 960px!important; width: 100%;height:auto; border-top:none; margin:0px auto; margin-top:65px;}
.main{padding:20px;border: 1px dashed #ccc;margin:10px auto;background:#fff;overflow:hidden;}
.z360z{-webkit-background-size: 120px 120px;-moz-background-size: 120px 120px;background-size: 120px 120px;-webkit-border-radius: 120px;border-radius: 120px;-webkit-animation: rotating 5s linear infinite;animation: rotating 5s linear infinite;} @-webkit-keyframes rotating { from{ -webkit-transform: rotate(0deg); -moz-transform: rotate(0deg); -ms-transform: rotate(0deg); -o-transform: rotate(0deg); transform: rotate(0deg); } to{ -webkit-transform: rotate(360deg); -moz-transform: rotate(360deg); -ms-transform: rotate(360deg); -o-transform: rotate(360deg); transform: rotate(360deg); } } @keyframes rotating { from{ -webkit-transform: rotate(0deg); -moz-transform: rotate(0deg); -ms-transform: rotate(0deg); -o-transform: rotate(0deg); transform: rotate(0deg); } to{ -webkit-transform: rotate(360deg); -moz-transform: rotate(360deg); -ms-transform: rotate(360deg); -o-transform: rotate(360deg); transform: rotate(360deg); } }
.btn{margin:0 auto;width:35px;padding:0px 5px;border-radius:3px;background-color:#f60;color:#fff;}
.btn:hover{background-color:#9c3;color:#fff;cursor:pointer;}
.copy_btn {border:0px;width:100px;height:30px;float:right;background:#093;color:#fff;margin:3px;cursor:pointer;}
/* 列表 */
.rule_list{display: inline;float:left;padding:0 10px;}
.rule_list li {background:#FFFFFF;display: inline;float: left;height: 24px;line-height: 20px;overflow: hidden;padding: 10px 0 9px;width:50%;}
.rule_list li .song{display:inline;float:left;font-size:12px;line-height:20px;width:360px;}
.rule_list li .song .aleft{display:inline;float:left;overflow: hidden;text-overflow: ellipsis;white-space:nowrap;}
.rule_list li .song .aleft a{display: inline;float: left;height: 22px;line-height:20px;max-width:330px;min-width:20px;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;text-decoration:none;}
.seh_z{float:left;margin-top:5px;color:#fff;margin-right:5px}
.seh_z a{color:#fff;margin:3px}
.seh_z a:hover,.rule_list li .song .aleft a:hover {color: #EE0000;text-decoration: underline;}
.rule_list li .song .aleft span{display:inline;float:left;}
.rule_list li .size {display: inline;float: left;font-size: 12px;line-height: 20px;text-align: center;width:88px;overflow: hidden;white-space: nowrap;}
/* MV */
.mv_list ul li{width:210px;float:left;line-height:32px;margin:10px;display:inline;overflow:hidden;position:relative;}
.mv_list li span{width:220px;height:32px;overflow:hidden;display:block;text-align:left;}
.mv_list li span a{color:#000;font-size:13px;text-decoration:none;cursor:pointer;}
.mv_list li span a:hover{color:#F98622;text-decoration:underline;}
.mv_list li img{width:220px;height:120px;display:block;border:2px solid none;}
.mv_list li img:hover{width:220px;height:120px;border:2px solid #53AE2A;display:block;box-sizing:border-box;}
.mv_list li a{color:#000;font-size:13px;text-decoration:none;cursor:pointer;}
.mv_list li a:hover{color:#F98622;text-decoration:underline;}
.mv_list li .mv_name{z-index:1;position:absolute;top:100px;height:20px;line-height:20px;color:#fff;font-size:12px;overflow:hidden;background:#000;filter:alpha(opacity=60);opacity:0.6;overflow:hidden;}
/* 底部 */
.bottom{line-height:30px;clear:both;background-color:#3D3D3D;margin-top:10px;color:#fff;text-align:center;padding:20px;}
.bottom a{color:#fff;text-decoration:none;}
.searchlist li{width:25%!important}
@media (max-width: 768px) {
	.seh_z a,.rule_list li .size,.uptime{display:none!important}
	.rule_list li .song .aleft a{max-width:150px!important}
	.header .seh_c{width:50px!important}
	.main{width:90%!important}
	.header .member li{margin:0}
	.header .logo a{margin-left: 5px;}
	.searchlist li{width:50%!important}
	.mul li{width:100%!important}
}