/*
Theme Name: Always
Theme URL: http://www.dearzd.com/DBlog/3181.html
Author: 咚门
Author Url: http://www.dearzd.com/
Description: Always for you
Version: 2.0
*/

@import url("css/reset.css");
html { height: 100%; }
body{ position: relative; min-height:100%; height: 100%; font-family: 'Microsoft YaHei', Arial, sans-serif; font-size: 12px; line-height:2em; color:#333; background:rgba(0,0,0,0.1); -webkit-font-smoothing: antialiased; }
a{color:#999;text-decoration:none;}
a:hover{color:#df846c;}
img{max-width:100%;vertical-align:bottom;}
p{margin-bottom:20px;}
hr{width:80%;height:1px;margin:20px auto;border:none;border-bottom:1px solid #eee;}
h1,h2,h3,h4,h5,h6{clear:both;font-weight:700;margin:24px 0 20px;}
h1{font-size:24px;}
h2{font-size:20px;}
h3{font-size:16px;font-weight:normal;padding:4px 0;overflow:hidden;}
h4{font-size:12px;}
h5{font-size:12px;}
h6{font-size:12px;}
embed,iframe,object,video{max-width:100%;}
blockquote{margin:0 20px;padding-left:20px;border-left:1px solid #eee;}
pre{color:#666;line-height: 1.6;border:1px solid rgba(0,0,0,0.1);box-sizing:border-box;max-width:100%;max-height:500px;overflow:auto;padding:12px;white-space:pre;}
label,button,input,select,textarea{ font-family: 'Microsoft YaHei', Arial, sans-serif; font-size: 100%; -webkit-appearance: none; border-radius: 0; }
::selection{background:#df846c;color:#fff;}
::-moz-selection{background:#df846c;color:#fff;}
.h3-text{}
.h3-line{height:1px;border-bottom:1px solid #ededed;display:block;float:right;margin-top:10px;}
.clear{clear:both;}
.show{opacity:1 !important;}
.hide{display:none !important;}
.oh { overflow: hidden; }
.alignnone{max-width:100%;height:auto;}
.alignleft{max-width:100%;height:auto;float:left;}
.alignright{max-width:100%;height:auto;float:right;}
.aligncenter{display:block;margin-left:auto;margin-right:auto;}
.imgborder{box-sizing: border-box; padding:8px;border:1px solid #ededed;}
.avatar { border-radius: 50%; }

/*@header
***********************************/
#wrapper { min-height: 100%; display: flex; flex-direction: column; transition:padding linear .2s; -webkit-transition:padding linear .2s; -moz-transition:padding linear .2s; -o-transition:padding linear .2s; -ms-transition:padding linear .2s; }
#main-header{ flex: 0 0 auto; width:100%;min-height:60px;display:block;padding:12px 0;text-align:center;background:#333 url(images/header-bg.png) left top repeat;box-shadow:2px 2px 8px rgba(0,0,0,0.2);z-index:2;}
#header-wrap{width:780px;max-width:95%;min-height:60px;margin:auto;position:relative;}
#logo { width:120px; height: 120px; margin: 12px auto 0; position:relative; }
#logo h1{font-weight:normal;font-size:44px;line-height:2em;display:none;}
#logo h2{font-weight:normal;color:rgba(255,255,255,0.6);display:none;}
.logo-img{ height: 100%; z-index:2; }
.logo-img .avatar{ width: 100%; height: 100%; box-shadow:0 0 8px rgba(0,0,0,0.4); }
	/*@logo-music
	****************************/
	#logo-music { display: none; width: 100%; height: 100%; position: absolute; left: 0; top: 0; }
	#logo-music-name{ width: 100%; height: 100%; position: absolute; left: 0; bottom: 20%; display: flex; align-items: center; justify-content: center; line-height: 1.5; color:#fff; opacity:0; transition: all ease 0.8s; }
	#logo-music-play, #logo-music-pause { width: 100%; height: 100%; background:transparent;position:absolute;left:0;top:0;display:none;opacity:0.5;z-index: 2;}
	#logo-music-play:before { content:''; display:inline-block; width:0; height:0; margin-top:50%; transform:translate(15%, -50%); border-style:solid; border-width: 17px 0 17px 24px; border-color:transparent #fff; }
	#logo-music-play:hover, #logo-music-pause:hover {opacity:0.8;}
	#logo-music-pause:before,#logo-music-pause:after { content:''; display:inline-block; width:7px; height:34px; margin-top:50%; background:#fff; }
	#logo-music-pause:before { transform:translate(-60%, -50%); }
	#logo-music-pause:after { transform:translate(60%, -50%); }
	#logo-music-prev, #logo-music-next{ width: 100%; height: 100%;  background:transparent; position:absolute; top:0; display:block; opacity:0; transition: all ease 0.4s; }
	#logo-music-prev:before, #logo-music-prev:after, #logo-music-next:before, #logo-music-next:after { content:''; display:inline-block; width:34px; height:2px; position:absolute; left:50%; top:calc(50% - 1px); background:#fff;  }
	#logo-music-prev:hover:before, #logo-music-prev:hover:after, #logo-music-next:hover:before, #logo-music-next:hover:after {background:#df846c;}
	#logo-music-prev { left:-80px; }
	#logo-music-next { right:-80px; }
	#logo-music-prev:before { transform:translate(-50%, 11.5px) rotate(45deg); }
	#logo-music-prev:after { transform:translate(-50%, -11.5px) rotate(-45deg); }
	#logo-music-next:before { transform:translate(-50%, 11.5px) rotate(-45deg); }
	#logo-music-next:after { transform:translate(-50%, -11.5px) rotate(45deg); }
	
	#play-list{width:100%;display:block;margin:auto;position:fixed;left:0;text-align:center;background:rgba(26,26,26,0.81) url('images/header-bg.png') left top repeat;color:#999; z-index: 2; transition:bottom ease-out .4s;}
	.list-title{height:48px;color:#fff;font-size:0;line-height:48px;background:rgba(0,0,0,0.4);cursor:pointer;}
	.list-control{width:60px;height:48px;display:inline-block; background:rgba(238,119,107, 0.8); overflow:hidden; transition:background ease .4s;-webkit-transition:background ease .4s;-moz-transition:background ease .4s;-o-transition:background ease .4s;-ms-transition:background ease .4s;}
	.list-control:hover{background-color:rgba(238,119,107, 0.6)}
	.list-control-icon { display:inline-block; width:200%; height:100%; position: relative; transition:transform ease .4s;-webkit-transition:transform ease .4s;-moz-transition:transform ease .4s;-o-transition:transform ease .4s;-ms-transition:transform ease .4s; }
	.list-control-icon:before { content:''; display:inline-block; vertical-align:middle; width:5px; height:20px; position:absolute; left:25%; top:50%; background:#fff; box-shadow:10px 0 0 #fff; transform:translate(calc(-50% - 5px), -50%);}
	.list-control-icon:after { content:''; display:inline-block; vertical-align: middle; width:0; height:0; position:absolute; right:25%; top:50%; border-style:solid; border-width:10px 0 10px 16px; border-color:transparent #fff; transform:translate(calc(50% + 10%), -50%);}
	.list-pause .list-control-icon { transform:translate(0, 0); }
	.list-play .list-control-icon { transform:translate(-50%, 0); }

	.list-wrap { max-height: 180px; overflow: auto; }
	.list-wrap span{display:block;line-height:24px;padding:6px 24px;}
	.list-wrap span:hover{background:rgba(0,0,0,0.7);color:#df846c;}
	.list-current{color:#df846c;}
	.open{width:52px;margin:0;padding:0;padding-top:15px;/*display:none;*/position:absolute;background:transparent;outline:none;border:none;line-height:24px;color:#777;text-align:center;cursor:pointer;}
	/*.open:after{width:52%;height:3px;background:#777;position:absolute;left:24%;top:18px;content:'';box-shadow:0 7px 0 0 #777,0 14px 0 0 #777;}*/
	.open span{width:52%;height:3px;background:#777;display:block;margin:4px auto 0;}
	#openlist{left:0;top:0;display:none;}
	#openmenu{right:0;top:0;display:none;}
	
	/*@nav
	***********************************/
	#main-nav{margin:6px auto;display:inline-block;}
	#main-nav ul li{display:inline-block;margin:0 2px;color:#999;position:relative;}
	#main-nav ul li a{line-height:48px;}
	#main-nav ul li:hover>a{color:#df846c;}
	#main-nav li.menu-item-has-children:after { content:''; display:inline-block; width:3px; height:4px; position:absolute; right:0; top:50%; transform:translate(0, 100%); background:#999; }
	#main-nav li.menu-item-has-children:hover:after { background:#df846c; }
	#main-nav ul li a{padding:0 8px;display:block;}
	#main-nav .current-menu-item >a,li.current-menu-parent>a,li.current-menu-ancestor>a{color:#df846c !important;}
	/*二级
	*******/
	#main-nav .sub-menu{position:absolute;left:0;top:12px;background:rgba(0,0,0,0.7) url(images/header-bg.png) left top repeat;white-space:nowrap;display:none;opacity:0;z-index: 2;}
	#main-nav .sub-menu li{margin:0;display:block;}
	#main-nav .sub-menu li.menu-item-has-children:before, #main-nav .sub-menu li.menu-item-has-children:after { content:''; display:inline-block; width:10px; height:1px; position:absolute; right:0; top:calc(50% - 1px); background:#999; opacity:0.5; }
	#main-nav .sub-menu li.menu-item-has-children:before { transform:translate(-50%, -3.3px) rotate(45deg); }
	#main-nav .sub-menu li.menu-item-has-children:after { transform:translate(-50%, 3.3px) rotate(-45deg); }
	#main-nav .sub-menu li.menu-item-has-children:hover:before { background:#df846c; }
	#main-nav .sub-menu li.menu-item-has-children:hover:after { background:#df846c; }
	
	#main-nav .sub-menu li a{margin:0;padding:6px 24px;line-height:24px;}
	#main-nav .sub-menu li a:hover{background:rgba(0,0,0,0.6);}
	/*三级
	*******/
	#main-nav .sub-menu .sub-menu{position:absolute;left:80%;top:0;}
	
	/*@narrow menu
	***********************************/
	#narrow-menu{width: calc(100% - 100px); height:100%; opacity: 0; z-index: -1; position:absolute;right:100%;top:0;background:rgba(0,0,0,0.8) url('images/header-bg.png') left top repeat;overflow:auto; transition: all ease .4s; -webkit-transition: all ease .4s;-moz-transition: all ease .4s;-o-transition: all ease .4s;}
	#narrow-menu li{display:block;margin:0;line-height:24px;color:#999;}
	#narrow-menu a{display:block;padding:10px 24px;border-bottom:1px solid rgba(255,255,255,0.06);}
	#narrow-menu a:hover{background:rgba(0,0,0,0.6);}
	#narrow-menu ul li:hover>a{color:#df846c;}
	#narrow-menu li.menu-item-has-children{}
	#narrow-menu li.menu-item-has-children:hover{background-position:right -11px;}
	#narrow-menu .current-menu-item  a,li.current-menu-parent>a,li.current-menu-ancestor>a{color:#df846c !important;}
	#narrow-menu .sub-menu li a{padding-left:48px;}
	#narrow-menu .sub-menu li ul li a{padding-left:72px;}
	
	/*@search
	***********************************/
	#search-form{margin:0 auto 12px 0;}
	#search-form input{width:40px;height:20px;margin:auto;padding-left:4px;background:transparent;border:0;border-left:2px solid #df846c;line-height:20px;color:#999;vertical-align: middle;transition:width ease .4s;-webkit-transition:width ease .4s;-moz-transition:width ease .4s;-o-transition:width ease .4s;-ms-transition:width ease .4s;}
	#search-form input:focus{width:120px;}
	
	
/*@main
***********************************/
#main{ flex: 1 0 auto; max-width:100%; margin:auto; color:#999; }
.main-full{width:100%;}
.main-narrow{width:960px;}
#content{position:relative;margin:auto;}

	/*@article
	***********************************/
	article{margin:6px;padding:0;transition:transform ease .8s;-webkit-transition:-webkit-transform ease .8s;-moz-transition:-moz-transform ease .8s;-o-transition:-o-transform ease .8s;-ms-transition:-ms-transform ease .8s;}
	article img{max-width:100%;height:auto !important;}
	.post-index{overflow:hidden;}
	.post-index article,.album2 article{width:249px;float:left;background:#fff;/*background:#fff;border-radius:12px;box-shadow:0px 0px 8px rgba(0,0,0,0.2);*/opacity:0;box-shadow:1px 1px 4px rgba(0,0,0,0.1);}
	.post-index .article-wrap{margin:24px;}
	.post-index .has-img-a{display:block;margin:auto;text-align:center;}
	.post-index embed,.post-index iframe,.post-index object,.post-index video{max-height:300px;vertical-align:bottom;}
	
	.entry-header{ position:relative; margin-bottom:12px; font-size:16px; line-height:32px;}
	.entry-header h1{ margin:0; padding-right:68px; font-size:16px; font-weight:normal; color:#6d6d6d; }
	.entry-header h1 a{ display: block; color: #777; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; }
	.entry-header h1 a:hover{ color:#df846c; }
	.entry-header .meta-time{ position:absolute; right:0; top:0; color:rgba(0,0,0,0.1); }
	.entry-content ul{margin:20px;padding-left:20px;list-style:square;}
	.entry-content ul li{margin:10px 0;}
	.entry-content ol{margin:20px;padding-left:20px;list-style:decimal;}
	.entry-content a{color:#df846c;padding:4px;border-radius:4px;transition:background ease .4s;-webkit-transition:background ease .4s;-moz-transition:background ease .4s;-o-transition:background ease .4s;-ms-transition:background ease .4s;}
	.entry-content a:hover{color:#fff;background-color:#df846c;}
	.entry-content a.has-img-a{padding:0;border-radius:0;background:0;}
	.entry-content a.post-feature{display:block;width:100%;height:192px;max-width:100%;background-position:center center;background-size:cover;padding:0;border-radius:0;transition:none;-webkit-transition:none;-moz-transition:none;-o-transition:none;-ms-transition:none;}
	
	.post-single{width:780px;max-width:95%;margin:auto;}
	.post-single article{margin:0;padding:0;display:block;}
	.post-single .entry-header h1{margin-bottom:24px;  font-size:24px; color: #333; }
	
	#singular-content{ margin:12px 0; padding:40px; background:#fff; color: #333; box-shadow:0 1px 4px rgba(0,0,0,0.1); font-size: 13px; }
	.singular-narrow-content{padding-left:20px !important;padding-right:20px !important;}
	
	.entry-footer{ margin-top: 40px; color: #999; }
	.entry-footer:after { content: ''; display: block; clear: both; }
	.entry-footer .meta-tag, .entry-footer .meta-author, .entry-footer .meta-time { float: left; }
	.meta-tag a { margin: 0 4px; }
	.meta-tag a:last-child { margin-right: 0; }
	.share{float:right;position:relative;}
	.share-ul{width:130px;position:absolute;right:30px;top:20px;padding-top:20px;box-shadow:0 0 3px rgba(0,0,0,0.2);background:#fff;z-index:3;display:none;}
	.twitter-share,.facebook-share,.sina-share,.tencent-share,.douban-share,.fanfou-share,.renren-share,.qzone-share{background-image:url(images/share.png);background-repeat:no-repeat;}
	.share-c{display:inline-block;cursor:pointer;}
	.share  li{float:left;margin:0 0 20px 20px;}
	.share li a{width:16px;height:16px;display:block;}
	.twitter-share{background-position:-30px -10px;}
	.facebook-share{background-position:-60px -10px;}
	.sina-share{background-position:-90px -10px;}
	.tencent-share{background-position:-120px -10px;}
	.douban-share{background-position:-150px -10px;}
	.fanfou-share{background-position:-180px -10px;}
	.renren-share{background-position:-210px -10px;}
	.qzone-share{background-position:-240px -10px;}
		/*@template
		******************************/
		article.format-image .article-wrap{margin:0;background:#000;position:relative;overflow:hidden;}
		.post-index .format-image p{margin:0;}
		.post-index .format-image  a,.album2 a{width:100%;display:block;overflow:hidden;background:transparent;border-radius:0;}
		.post-index .format-image img,.album2 img{transition:opacity ease .8s;-webkit-transition:opacity ease .8s;-moz-transition:opacity ease .8s;-o-transition:opacity ease .8s;-ms-transition:opacity ease .8s;}
		.post-index .format-image img:hover,.album2 img:hover{opacity:0.8;}
		
		.links-title{ margin: 20px 0; }
		ul.links{ margin: 0; padding: 0; overflow: hidden; }
		ul.links li{ list-style: none; float: left; width: 197px; height: 64px; margin: 2px 0 2px 36px; padding: 0; }
		ul.links a{ display: block; }
		ul.links span{ display: inline-block; width: 100%; line-height: 24px; padding-left: 4px; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; }
		
		.error p{text-align:center;font-size:16em;line-height:2em;}
		
		#archives{width:86%;float:left;}
		#archives li{margin:2px;line-height:34px;}
		#archives a{margin-left:20px;}
		#archives .msg{float:right;}
		#archive-nav{float:left;margin-left:20px;overflow:hidden;}
		#archive-nav span{display:block;}
		.archive-nav{position:fixed;display:block;}
		#archive-nav ul{list-style:none;margin:0;padding:0;}
		#archive-nav li{}
		.one-year li{margin:4px 0;padding:0 0 0 6px;border-left:2px solid rgba(0,0,0,0.4);color:#ccc;}
		.month{display:none;font-size:12px;line-height:16px;}
		.year{font-size:16px;line-height:24px;}
		.year:hover,.month:hover{cursor:pointer;color:#777;border-left:2px solid #777;}
		.selected{border-left:2px solid #777 !important;color:#777 !important;}
		.current-year .month{display:block;}
		
	
	/*@pagenavi
	**********************************/
	.page-navi{text-align:center;margin:24px 0;}
	.page-navi a,.page-navi span{margin:0 4px;width:36px;height:36px;line-height:36px;display:inline-block;}
	.page-navi a{color:#df846c;background:#fff;border-radius:50%; box-shadow:0 0 8px rgba(0,0,0,0.1); transition:background ease .4s;-webkit-transition:background ease .4s;-moz-transition:background ease .4s;-o-transition:background ease .4s;-ms-transition:background ease .4s;}
	.page-navi a:hover{background:#df846c;color:#fff;}
	#narrow-page-navi{display:none;}
	#narrow-page-navi a,#narrow-page-navi span{width:54px;height:54px;line-height:54px;}
	.nav-previous,.nav-next{display:inline-block;margin:4px 12px;}
	.page-navi .prev,.page-navi .next{opacity:0;display:none;}
	
	/*@comments
	***************************/
	#comments { width: 100%; margin-top: 40px; padding: 0; min-height: 1px; clear: both; }
	.comment-title span{ font-size: 20px; line-height: 40px; }
	.comment-list { margin-top: 40px; margin-bottom: 20px; }
	.comment-list li{margin:10px 0;}
	.comment-body{padding:10px 0;display:block;position:relative;overflow:hidden;}
	.comment-list .author{ float: left; padding: 3px; }
	.comment-list .author img{ width: 39px; height: 39px; padding: 1px; border: 1px solid #ededed; }
	.commlist-middle{margin-left:55px;margin-right:70px;position:relative;padding-top:24px;}
	.comment-list .name{position:absolute;left:0;top:0;}
	.comment-list .name a{color:#df846c;}
	.comment-list .name a:hover{color:#999;}
	.comment-list .reply{position:absolute;right:0;top:0;}
	.comment-list .text{border-top:1px solid #ededed;}
	.comment-list .text p{margin:0;}
	.comment-list .time{ float: right; margin: 0 0 0 12px;color: #999; }
	.children{margin-left:54px;}
	.children li{margin:0;padding-left:20px;border-left:1px solid #ededed;}
	ul.mobile{margin-left:34px;}
	ul.mobile .commlist-middle{margin-left:36px;}
	.depth-2 ul{margin-left:0;}
	.depth-2 li{padding-left:0;border:0;}
	.children .comment-body{padding:6px 0;}
	.children .author { padding: 0; }
	.children img.avatar{width:25px;height:25px;}
	.children .name,.children .time,.children .reply{display:none;}
	.children .commlist-middle{margin-left:46px;margin-right:46px;padding:0;}
	.children .text{line-height:28px;border:0;}
	.children .reply{margin-right:-46px;line-height:28px;}
	#hover-name{position:absolute;padding:0 10px;line-height:32px;box-shadow:0 0 3px rgba(0,0,0,0.2);background:#df846c;color:white;display:none;}
	.comment-navi{text-align:right;}
	.comment-navi a,.comment-navi span{margin:0 2px;padding:4px 4px;display:inline-block;}
	.comment-navi a:hover{border-bottom:2px solid #df846c;}
	.comment-navi a.prev:hover,.comment-navi a.next:hover{border:none;}
	.comment-navi span.current{border-bottom:2px solid #df846c;}
		/* commentform
		****************************/
		#respond { margin: 20px 0 -12px 0; overflow: hidden; clear: both; }
		#respond div { position:relative; overflow: hidden; }
		#respond .author-info { margin: 0; }
		#respond .author-info div, #respond .comment-textarea, #respond .logged { margin-bottom: 12px; }
		.info-edit {color: #df846c; cursor: pointer; }
		#respond label{ position: absolute; left:0; top:0; line-height: 30px; padding-left: 8px; color: #df846c; }
		#respond input,#respond textarea{ box-sizing: border-box; border: 1px solid rgba(0, 0, 0, 0.1); color:#999; outline:0; transition:border-color linear .2s;-webkit-transition:border-color linear .2s;-moz-transition:border-color linear .2s;-o-transition:border-color linear .2s;}
		#respond input{ width: 240px; max-width: 70%; height: 30px; margin: 0; padding: 7px 0 7px 54px; background: transparent; line-height: 16px; }
		#respond textarea{ width:100%; height:120px; margin:0; padding: 7px; background:transparent; line-height:22px; vertical-align: top; resize:none; }
		#respond input:focus, #respond textarea:focus { color: #333; border: 1px solid rgba(0, 0, 0, 0.3); }
		#respond input#submit{width:90px;height:28px;padding:0;float:right;border:none;background:#df846c;color:white;cursor:pointer;}
		#comments-loading, #comments-error{ position: absolute; left:0; }
		#comments-loading img, #comments-error img{ position: relative; top:-2px; }
		.cancel_comment_reply{float:right;}
	
	/*@sidebar
	**********************************/
	#sidebar{width:300px;height:400px;float:right;}

/*@footer
***********************************/
#main-footer { flex: 0 0 auto; width:100%; background:#333 url('images/header-bg.png') left top repeat; text-align:center; }
.footer-widget-container { height: 0; overflow: hidden; transition: height ease .4s; -webkit-transition: height ease .4s;-moz-transition: height ease .4s;-o-transition: height ease .4s;}
#footer-widget{width:900px;max-width:100%;margin:auto;color:#999;}
#footer-widget aside{width:240px;height:auto;margin:0;padding:0 30px 20px;float:left;text-align:left;}
#footer-widget a{color:#666;}
#footer-widget a:hover{color:#999;}
#footer-widget h3{margin:30px 0 12px;padding:0;font-weight:normal;font-size:16px;line-height:1.5em;text-align:center;color:#ccc;}
	#footer-comments li{padding:7px 0;line-height:28px;white-space:nowrap;}
	#footer-comments li .avatar{width:28px;height:28px;margin-right:4px;opacity:0.8;}
	#footer-tags li{float:left;width:40px;height:30px;line-height:30px;padding:2px 10px;overflow:hidden;text-align:center;}
	#footer-tags li a{display:block;}
	.readwall{text-align:center;overflow:hidden;}
	.readwall li{width:70px;height:70px;display:inline-block;margin:4px;border:1px solid rgba(255,255,255,0.1);position:relative;}
	.readwall li .avatar{width:46px;height:46px;}
	.readwall li a{padding:12px;display:block;opacity:0.6;}
	.readwall li a:hover{opacity:1;}
	
	
#full-footer-widget{width:100%;max-width:100%;color:#666;text-align:left;}
#full-footer-readwall{max-height:80px;padding:4px 0;}

.detail{display:none;}
.detail{width:220px;min-height:114px;position:absolute;padding:20px;color:#666;background:rgba(0,0,0,0.8);text-align:left;z-index:999;display:none;}
.detail .author{max-width:140px;white-space:nowrap;overflow:hidden;line-height:46px;float:left;margin-bottom:10px;}
.detail .avatar{width:46px;height:46px;margin-right:12px;}
.detail a{display:block;padding:0 !important;}
.detail .count{float:right;line-height:46px;}
.detail span{display:block;}
.detail .recent-comment,.detail  .earlist-comment{clear:both;margin-bottom:10px;}
.detail .triangle { position:relative; }
.detail .triangle:after { content:''; display:inline-block; width:0; height:0; position:absolute; left:50%; transform:translate(-50%, 0); border-style:solid; border-color:#000 transparent; opacity:0.8; }
#guestbook-detail .triangle:after { bottom:-35px; border-width:15px 15px 0; }
#list-detail .triangle:after{ top:-35px;border-width:0 15px 15px; }

#footer-copy{text-align:center;clear:both;color:#666;border-top:1px solid rgba(255,255,255,0.1);line-height:58px;}
#footer-copy a{color:#666;}

#scrolltop{width:44px;height:44px;position:fixed;right:120px;bottom:80px;border-top-right-radius:22px;border-bottom-left-radius:22px;border-bottom-right-radius:22px;transform:rotate(45deg);-webkit-transform:rotate(45deg);-moz-transform:rotate(45deg);-o-transform:rotate(45deg);-ms-transform:rotate(45deg);box-shadow:0px 1px 1px rgba(0,0,0,0.2);background:#df846c;opacity:0;cursor:pointer;z-index:3;transition:all ease .4s;-webkit-transition:all ease .4s;-moz-transition:all ease .4s;-o-transition:all ease .4s;}
#scrolltop:hover{opacity:1 !important;}
	

/*@jPlayer
************************/
.Always-audio{ box-sizing: border-box; display: flex; width: 100%; max-width:450px;height:28px;margin:12px auto;border-left:3px solid #7ad03a;overflow:hidden;clear:both;position:relative;}
.play-switch { flex: 0 0 auto; width:28px; height:28px; font-size:0; line-height:28px; cursor:pointer; }
.play-switch:before { content:''; display:inline-block; vertical-align:middle; width:0; height:0; margin-left:10px; border-style:solid; }
.audio-play:before { border-width:7px 0 7px 14px; border-color: transparent #7ad03a; }
.audio-stop:before { border: 7px solid #7ad03a; }
.length-bar{ flex: 1; height:3px; margin-top: 13px; background:#ccc; }
.seek-bar{ height:3px; width:100%; cursor:pointer; }
.play-bar{ height: 3px; width: 0; background: #7ad03a; }
.current-time{ flex: 0 0 auto; top:2px; width:32px; padding-left: 6px; line-height: 28px; }
.post-index .current-time{width:32px;}


/*@gallery
************************/
.album{ max-height:606px; font-size:0; line-height:0; text-align:center; }
.album .thumb-wrap{width:700px;max-width:100%;height:68px;padding:4px 0;position:relative;overflow:hidden;}
.thumb-wrap:hover .thumb-left, .thumb-wrap:hover .thumb-right { border-color:rgba(0,0,0,0.3); }
.thumb-wrap:hover .thumb-left-icon, .thumb-wrap:hover .thumb-right-icon { opacity:0.3; }
.album .thumb{white-space:nowrap;position:relative;left:25px;z-index:2;margin:0;padding:0;text-align:left;height:68px;overflow:hidden;}
.album .thumb p{display:inline;margin:0;padding:0;}
.album .thumb a{display:inline-block;margin:4px;padding:0;background:#000;}
.album .thumb a img{ width:60px; height:60px; margin:0; padding:0; border:0; transition:opacity linear .2s; -webkit-transition: opacity linear .2s; -moz-transition:opacity linear .2s; -o-transition:opacity linear .2s; -ms-transition:opacity linear .2s; }
.album .thumb a:hover img { opacity:0.6; }
.album .thumb-left,.thumb-right { width:23px; height:74px; line-height:74px; position:absolute; top:0; cursor:pointer; border: 1px solid rgba(0,0,0,0.1); background:#fff; z-index:3; transition:background linear .3s; -webkit-transition: background linear .3s; -moz-transition:background linear .3s; -o-transition:background linear .3s; -ms-transition:background linear .3s; }
.album .thumb-left { left:0; border-style:solid none solid solid; }
.album .thumb-right{ right:0; border-style:solid solid solid none; }
.thumb-left-icon, .thumb-right-icon { display:inline-block; vertical-align: middle; line-height:0; opacity:0.1;}
.thumb-left-icon:before, .thumb-left-icon:after, .thumb-right-icon:before, .thumb-right-icon:after { content:''; display:inline-block; width:20px; height:1px; background:#000; }
.thumb-left-icon:before { transform:translate(0, -6.3px) rotate(-45deg); }
.thumb-left-icon:after { transform:translate(0, 6.3px) rotate(45deg); }
.thumb-right-icon:before { transform:translate(0, -6.3px) rotate(45deg); }
.thumb-right-icon:after { transform:translate(0, 6.3px) rotate(-45deg); }
.album .thumb-current{opacity:0.6;}
.photo-wrap{margin:12px auto;min-height:120px;min-width:120px;padding:8px;text-align:center;position:relative;display:inline-block;}
.photo-wrap:hover .phwrap-corner { border-color:rgba(0,0,0,0.4); }
.the-photo{display:inline-block;margin-left:auto;margin-right:auto;max-width:100%;position:relative;}
.the-photo img{ display: block; max-width: 100%; max-height: 500px; margin: auto; padding: 0; }
.phwrap-corner{width:23px;height:23px; border: 1px solid rgba(0,0,0,0.1); background:transparent;z-index:3;position:absolute;transition:background linear .3s;-webkit-transition:background linear .3s;-moz-transition:background linear .3s;-o-transition:background linear .3s;-ms-transition:background linear .3s;}
.phwrap-lt{position:absolute;left:0;top:0;border-style:solid none none solid;}
.phwrap-rt{position:absolute;right:0;top:0;border-style:solid solid none none;}
.phwrap-lb{position:absolute;left:0;bottom:0;border-style:none none solid solid;}
.phwrap-rb{position:absolute;right:0;bottom:0;border-style:none solid solid none;}

#gallery-wrap{width:100%;height:100%;position:fixed;top:0;left:0;background-color:rgba(0,0,0,0.7);display:none;z-index:9999;text-align:center;}
#gallery-the-img{position:relative;display:inline-block;opacity:0;}
#gallery-img{margin:auto;box-shadow:2px 2px 8px rgba(0,0,0,0.4);}
p.gallery-des{text-align:right;margin-top:12px;}
.gallery-nav-l, .gallery-nav-r { position:absolute; top:45%; width:70px; height:60px; background:#000; opacity:0.6; cursor:pointer; }
.gallery-nav-l:hover, .gallery-nav-r:hover { opacity:1; }
.gallery-nav-l { left:0; }
.gallery-nav-r { right:0; }
.gallery-nav-l:before, .gallery-nav-l:after, .gallery-nav-r:before, .gallery-nav-r:after { content:''; display:block; width:30px; height:4px; margin:auto; background:#fff; }
.gallery-nav-l:before { margin-top:28px; transform:translate(-10%, -9.3px) rotate(-45deg); }
.gallery-nav-l:after { margin-top:-4px; transform:translate(-10%, 9.3px) rotate(45deg); }
.gallery-nav-r:before { margin-top:28px; transform:translate(10%, -9.3px) rotate(45deg); }
.gallery-nav-r:after { margin-top:-4px; transform:translate(10%, 9.3px) rotate(-45deg); }


/*@loading
******************************/
#loading-wrap{width:100%;height:0;position:fixed;left:0;top:0;z-index:4;background:rgba(0,0,0,0.6);text-align:center;opacity:0;transition:opacity ease .8s;-webkit-transition:opacity ease .8s;-moz-transition:opacity ease .8s;-o-transition:opacity ease .8s;-ms-transition:opacity ease .8s;}
.loading{width:120px;height:120px;color:#eee;margin:auto;display:none;}
.loading-bar{width:60px;height:30px;padding-top:45px;margin:auto;overflow:hidden;}
.loading-bar div{width:5px;height:30px;margin:5px;margin-top:25px;background:#eee;float:left;}
.loading-text{text-align:center;margin-top:8px;}

@keyframes bar{ 0%{margin-top:25px;} 50%{margin-top:0;} 100%{margin-top:25px;} }
@-webkit-keyframes bar{ 0%{margin-top:25px;} 50%{margin-top:0;} 100%{margin-top:25px;} }
.bar1,.bar2,.bar3,.bar4{animation:bar 1.5s infinite;-webkit-animation:bar 1.5s infinite;-moz-animation:bar 1.5s infinite;-o-animation:bar 1.5s infinite;}
.bar1{}
.bar2{animation-delay:0.3s;-webkit-animation-delay:0.3s;-moz-animation-delay:0.3s;-o-animation-delay:0.3s;}
.bar3{animation-delay:0.6s;-webkit-animation-delay:0.6s;-moz-animation-delay:0.6s;-o-animation-delay:0.6s;}
.bar4{animation-delay:0.9s;-webkit-animation-delay:0.9s;-moz-animation-delay:0.9s;-o-animation-delay:0.9s;}

#logo-music .loading{position:absolute;left:0;top:0;}
.photo-wrap .loading{color:#999;display:inline-block;margin:0 !important;margin-top:0 !important;}/*ajax加载 gallery过后修复*/
.photo-wrap .loading .bar{background:#999;}
#gallery-wrap .loading{}

#list-detail .loading{margin-top:0 !important;}


#bg img{transition:opacity ease 1.2s;-webkit-transition:opacity ease 1.2s;-moz-transition:opacity ease 1.2s;-o-transition:opacity ease 1.2s;-ms-transition:opacity ease 1.2s;}