@charset "utf-8";
/*--------------全局---------------*/
html{ overflow-y:scroll}
body {font-family: "Microsoft YaHei", Arial, Helvetica, sans-serif; font-size: 12px; color:#4a5362; background:#f4f4f4; margin: 0px; padding:0;}
ul,ol,li,dl,dd,form,h1,h2,h3,h4,h5,h6{ margin:0; padding:0; list-style:none outside;}
img{ border:0;}
input,button,select,textarea{font-family: "Microsoft YaHei", Arial, Helvetica, sans-serif; font-size:12px; margin:0; padding:0; outline:none;}
a{ color:#4a5362; text-decoration:none;}
a:hover{ color:#6ed56c; text-decoration:none;}
/*--------------公共---------------*/
.clean:after { content:""; height:0; visibility:hidden; display:block; clear:both;}
.clean { zoom:1;}
.left { float:left;}
.right { float:right;}
.hide { display:none;}
.more { border-top:1px dotted #eee; display:block; text-align:center; line-height:44px; font-size:14px; color:#444;}
.more:hover { background:#fbfbfb; color:#000;}
.a-round { display:inline-block; margin:8px 0 0 0; font-size:12px; border:1px solid #eee; padding:3px 10px 4px 10px; border-radius:20px; background:#fff; color:#666;}
.a-round:hover { background:#0ba52c; border-color:#0ba52c; color:#fff;}
/*--------------布局---------------*/
.inner { width:100%; margin:0 auto; position:relative;}
.wrapper { background:#f4f4f4;}
.header { position:fixed; top:0; width:100%; background:#fff; height:56px; z-index:3; text-align:center; box-shadow: 0 2px 6px -1px #ddd;}
.container { padding:56px 0 48px 0; position:relative;}
.mainer {width:1200px;margin:0 auto;}
.sidebar {position:fixed; left:0; right:0; top:56px; height:48px; background:#fff; box-shadow: 0 2px 6px -1px #ddd; z-index:2; text-align:center; border-top:1px solid #f3f3f3; display:none}
.footer { position:fixed; left:0; right:0; bottom:0px; height:48px; background:#fff; box-shadow: 0 -1px 6px -1px #ddd;}
/*--------------logo---------------*/
.logo { position:absolute; left:16px; top:13px;}
.logo a { display:block; width:128px; height:32px; background:url(../images/img.png) no-repeat 0px 0px; -webkit-background-size:400px 400px;}
.logo a strong{ display:none;}
.logo a img{ width:150px;}
/*--------------nav---------------*/
.nav {height:56px;margin-left:222px; text-align:left;}
.nav li { display:inline-block; font-size:15px; line-height:54px; margin:0 12px;}
.nav li a { display:block; color:#9ea6b3;}
.nav li a:hover { color:#4a5362;}
.nav li .curr { color:#4a5362; border-bottom:0px solid #6ed56c;}
.nav-screen { position:absolute; left:160px; top:0; height:56px; width:56px; background:#fff; transition:all ease-out .3s;}
.nav-screen .icon-list { display:block; width:24px; height:24px; background:url(../images/img.png) no-repeat -320px 0px; -webkit-background-size:400px 400px; position:absolute; left:50%; top:50%; margin:-12px 0 0 -11px; z-index:2;}
.nav-screen:hover { background:#6ed56c;}
.nav-screen:hover .icon-list { background-position:-350px 0px;}
.nav-content { position:fixed; top:56px; bottom:0px; left:0; width:216px; background:#fff; text-align:left; box-shadow: 1px 0 4px -1px #ddd; transition:all ease-out .25s; z-index:1;}
.nav-content-hide { margin-left:-248px;}
.nav-content-show { margin-left:0px;}
.nav-content h2,.nav-content h3,.nav-content h4 { font-weight:normal;}
.nav-content i { font-style:normal; color:#bbb; font-size:12px; margin-left:8px;}
.nav-content a { display:block; border-bottom:1px solid #f5f5f5; padding:12px 16px; transition:all ease-out .25s;}
.nav-content a:hover { background:#fafafa;}
.nav-content dd { text-indent:16px;}
.nav-content .content { text-indent:32px;}
/*--------------search---------------*/
.searchbar { position:absolute; right:16px; top:11px; width:200px; height:32px; background:#f6f6f6; border:1px solid #f6f6f6; -webkit-border-radius:20px; -moz-border-radius:20px; border-radius:20px; text-align:left;}
.searchbar input[type="text"] { position:absolute; top:6px; width:100%; border:0; background:#f6f6f6; color:#bbb; padding:2px 0; text-indent:1em; -webkit-border-radius:16px; -moz-border-radius:16px; border-radius:16px;}
.searchbar input[type="submit"] { width:36px; height:32px; background:url(../images/img.png) no-repeat -240px 6px; -webkit-background-size:400px 400px; border:0; position:absolute; right:-1px; top:0px; cursor:pointer; border-top-right-radius:4px; border-bottom-right-radius:4px; border-top-left-radius:0px; border-bottom-left-radius:0px; transition:all ease-out .3s; right:2px; top:0px; -webkit-border-radius:20px; -moz-border-radius:20px; border-radius:20px; overflow:hidden;}
.searchbar input[type="submit"]:hover { background-position: -240px -24px;}
.search_suggest { position:absolute; left:196px; top:48px; width:40%; max-height:320px; background:#fff; -webkit-border-radius:4px; -moz-border-radius:4px; border-radius:4px; -webkit-box-shadow: 0 10px 20px -10px #999; -moz-box-shadow: 0 10px 20px -10px #999; box-shadow: 0 6px 12px 0px #aaa; z-index:99; overflow-y:scroll;}
.search_suggest li{ border-bottom:1px dotted #e6e6e6; padding:6px 10px;}


.google{padding:20px 0px;}

/*--------------box---------------*/
.box{overflow:hidden; margin:0 auto;}
.box-pos{padding-top:20px;}
.box-pos ul.lyric-star li{float:left;width:103px;font-size:16px; text-align:center;margin:0px 12px 12px 12px;}
.box-pos ul.lyric-star li img{width:103px;}
.box-pos ul.lyric-star li span{height:32px;line-height: 32px;}

.box-pos ul.lyric-list li{width:48%;float:left;font-size:16px;line-height:40px;padding-left:12px;}
.box-pos ul.lyric-list li span{float:right;}

.box-cell{background:#fff; margin:8px; padding:16px; border-radius:3px; overflow:hidden; box-shadow: 0 8px 16px -4px #e6e6e6; position:relative;}
.w268{width:268px;}
.w836{width:836px;}
.big-title {display: block;height: 28px;line-height: 28px;font-size: 24px;color: #666;padding-left: 12px;padding-top: 12px;}
.lyric-title {display: block;height: 48px;line-height: 48px;font-size: 30px;color: #666;text-align:center;padding-top: 12px;}
.lyric-content{line-height:30px;font-size:16px; text-align:center;}

.lyriclist{line-height:40px;font-size:16px;margin-top:20px;}
.lyriclist li{padding-left:12px;}

.geshoulist{line-height:40px;font-size:16px;margin-top:20px;}
.geshoulist li{padding-left:12px;float:left;display:block;}

.lyricstarlist{line-height:30px;font-size:16px;margin:7px;}
.lyricstarlist li{}
.lyricstarlist li a{padding: 0px 10px;
    margin: 2px;
    float: left;
  	background: #f3f3f3;
    width: 40.3333%;
    font-size: 16px;
    height: 30px;
    line-height: 30px;
    overflow: hidden;}
.lyricstarlist li a:hover{background: #6ed56c; color:#fff;}

.star-pic{width:150px;margin:0px 14px;}
.star-pic span{font-size:20px;font-weight:bold;}
.star-doc{font-size:14px;line-height:30px;width:84%;max-height: 300px;overflow: auto;}
.star-doc p{padding:0px;margin:0px;}

.article-nav{overflow:hidden;margin-bottom:30px;font-size:14px;color:#bbb;clear:both;}.article-nav span{float:left;position:relative;width:50%;}.article-nav span.article-nav-next{float:right;text-align:right}.article-nav span.article-nav-next::before{content:'';position:absolute;left:0;top:0;height:100%;display:block;width:1px;background-color:#eee;}.article-nav a{font-size:16px;margin-right:10px;display:inline-block;}.article-nav span.article-nav-next a{margin-left:10px;margin-right:0;}.article-nav a:hover{color:#6ed56c;}
.lyriccopyright{padding: 20px;background: #fafafa;word-break: break-all;word-wrap: break-word;margin: 30px 0px;text-align:center;}
.lyriccopyright strong{font-size: 18px;}
.lyriccopyright p{font-size: 14px;line-height: 1.8;}

.geshou{margin: 20px 14px;}
.geshou span{padding-top:10px;display:block;}


.pages {float:right; height:56px; line-height:48px; font-size:16px; color:#bbb;margin-top:20px;}   
.pages a {display:inline-block; padding:0 14px; transition:all ease-out .3s; border-left:1px solid #f3f3f3; border-right:1px solid #f3f3f3; margin-left:-1px; position:relative;}
.pages a:hover { background:#6ed56c; border-color:#6ed56c; color:#fff;}   
.pages .page_nowindex {background:#6ed56c; border-color:#6ed56c; color:#fff;display:inline-block; padding:0 14px;}   
.pages span.disabled {}
.pages .prev_page{display:inline-block; padding:0 14px; transition:all ease-out .3s; border-left:1px solid #f3f3f3; border-right:1px solid #f3f3f3; margin-left:-1px; position:relative;}

/*--------------copyright---------------*/
.copyright { line-height:48px; text-align:center; color:#bbb;}