/* Musiclyrics 通用样式 */
@charset "utf-8";

/* 基础重置 */
body,div,iframe,ul,ol,dl,dt,dd,h1,h2,h3,h4,h5,h6,p,pre,table,th,td,form,input,button,select,textarea{margin:0;padding:0;}
ol,ul{list-style:none;}
img{border:0;}
input[type="button"],input[type="submit"],input[type="reset"]{-webkit-appearance:none;}
a{color:#525252;text-decoration:none}
body{font-size:16px;color:#525252;font-family:'微软雅黑','Microsoft Yahei',Tahoma,Verdana;background:#F9F9F9;}

/* 头部样式 */
header{text-align:center;margin-bottom:20px;}
header .logo{margin-top:20px;}
header .logo img{width:250px;height:65px;}
header h1{font-size:20px;}
.clear{clear:both;}

/* 搜索框样式 */
.search{max-width:480px;margin:20px auto;}
.search p{width:390px;height:28px;float:left;border:2px solid #333333;border-right:0;padding:4px;border-radius:3px 0px 0px 3px;}
.search-input{width:100%;}
.search input{background:0 0;height:30px;color:#000;font-size:14px;border:none;text-indent:6px;outline:0;}
.search .sub{height:40px;background:#333333 center;padding:10px 20px 20px 15px;cursor:pointer;font-size:15px;color:#fff;border:none;font-weight:700;border-radius:0 3px 3px 0}

/* 导航样式 */
.dh{width:100%;height:40px;background:#333333;}
.dh .nav{max-width:780px;line-height:40px;background:#04B872;position:relative;margin:0 auto;}
.dh .nav li{float:left;}
.dh .nav li a{display:block;padding:0 0px;color:#fff;}
.dh .nav span.nav-on{display:none;width:20px;position:absolute;top:10px;right:20px;cursor:pointer;}
.dh .nav-on i{display:block;width:100%;height:5px;background:#fff;margin-bottom:5px;}
.nav-title{display:none;}

/* 内容区域 */
.wrap{max-width:780px;border:1px solid #EDEDED;background:#fff;margin:0 auto;}

/* 首页样式 */
.index .title{height:28px;line-height:28px;padding:12px 0;}
.index .title b{text-indent:20px;border-left:6px solid #fd5f00;font-weight:400;font-size:16px;color:#fd5f00;display:block}
.index .title b h1{font-size:17px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;max-width:95%;}
.index .list li{line-height:42px;height:42px;padding:0 20px;list-style-type:none;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}
.index .list li span{float:right;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;max-width:39%;}
.index .list li a:hover{color:#fd5f00}

/* 详情页样式 */
.show .nav a{color:#15CF87}
.show .nav{margin-top:10px;text-indent:20px;border-left:6px solid #16CF88;font-weight:400;font-size:16px;color:#15CF87;display:block;}
.show .title{text-align:center;margin:10px 0px;}
.show .title h1{margin:10px 60px;word-break:break-all;font-size:24px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}
.show .content{padding:0 19px 20px 20px;word-break:break-all;line-height:30px;}
.show .content img{max-width:100%;}
.show .taglist{padding:0px 20px;margin-bottom:20px;}
.show .taglist a{padding:4px 7px;font-size:12px;color:#fff;background-color:#249ff1;margin-right:5px;display:inline-block;max-width:75%;}
.show .content pre{margin:5px 0px;}

/* 分页样式 */
#pagenavi{margin:10px 0 10px;text-align:center;padding:15px 0}
#pagenavi a:hover,#pagenavi span{border:1px solid #333333;padding:5px 10px;font-size:14px;background:#333333;margin-right:10px;color:#fff;text-decoration:none}
#pagenavi a{border:1px solid #333333;background:#fff;font-size:14px;color:#666;padding:5px 10px;margin-right:10px;line-height:36px;}

/* 页脚样式 */
footer{text-align:center;margin:20px 0px;font-size:12px;line-height:25px;}

/* 按钮样式 */
.downbutt,.content{text-align:center;}
.secm3,.downbutt button{margin-top:5px;display:inline-block;line-height:38px;padding:0 18px;background-color:#16cf88;color:#fff;font-size:14px;border:none;border-radius:2px;cursor:pointer;margin-bottom:5px;}

/* 搜索页面特殊样式 */
.search-stats {
    background-color: #f8f9fa;
    border: 1px solid #e9ecef;
    border-radius: 5px;
    padding: 15px;
    margin-bottom: 20px;
}
.search-stats p {
    margin: 5px 0;
    color: #666;
}
.search-section {
    margin-bottom: 20px;
    border: 1px solid #e0e0e0;
    border-radius: 5px;
    padding: 15px;
    background-color: #fff;
}
.search-section h3 {
    margin: 0 0 15px 0;
    color: #333;
    font-size: 16px;
    border-bottom: 2px solid #04B872;
    padding-bottom: 8px;
}

/* 移动端适配 */
@media (max-width:768px){
    .search{max-width:300px;margin:20px auto;}
    .search p{height:28px;width:69%;float:left;border:2px solid #333333;border-right:0;padding:4px;border-radius:3px 0px 0px 3px;}
    .relate li span{display:none;}
    .dh .nav ul{display:none;width:100%;}
    .dh .nav ul li{width:100%;float:none;}
    .nav-title,.dh .nav span.nav-on{display:block;}
    .nav-title{background:#333333;color:#ffffff;font-size:19px;}
}