/*
Theme Name: 墨鱼部落格
Theme URI: http://moyu2013.taobao.com
Author: 墨鱼
Author URI: http://moyublog.com
Version: 3.0
*/

* {
	margin: 0;
	padding: 0
}
body, input, textarea, button {
	font-family: \5fae\8f6f\96c5\9ed1, Arial;
	color: #999
}
body {
	background: url(../image/body_bg.png);
	font-size: 75%
}
input, textarea, button {
	font-size: 1em;
	outline: none
}
textarea {
	resize: none
}
a {
	color: #666;
	text-decoration: none
}
a:hover {
	color: #EA84BA
}
img {
	display: block;
	width: 100%;
	border-style: none
}
ul, ol {
	list-style: none
}
h1, h2, h3, h4, h5, h6 {
	font-size: 1em;
	font-weight: normal
}
table {
	width: 100%;
	border-collapse: collapse;
	border-spacing: 0
}
.clearfix:before, .clearfix:after {
	content: "";
	display: table
}
.clearfix:after {
	clear: both
}
.clearfix {
	zoom: 1
}
.fl {
	float: left
}
.fr {
	float: right
}
#wrapper {
	max-width: 1220px;
	margin: 0 auto;
	padding-top: 1.666666666666667em;
	background: #FFF
}
#wrap {
	margin: 0 2.45901639344262%
}
#header {
	width: 17.24137931034483%;
	max-width: 200px;
	position: fixed;
	z-index: 99999
}
#container {
	float: right;
	width: 80.17241379310345%
}
#ad {
	margin-bottom: 1.666666666666667em
}
#main {
	float: left;
	width: 53.76344086021505%
}
#sidebar {
	float: right;
	width: 43.01075268817204%
}
#footer {
	margin: 1.666666666666667em 2.45901639344262% 0
}
.title-index {
	padding: 0.6666666666666667em 0;
	font-size: 1.5em;
	color: #EA84BA
}
.title-index a {
	color: #EA84BA
}
.title-index a:hover {
	color: #666
}
.more {
	display: block;
	padding-left: 15px;
	background: url(../image/icon_add.png) no-repeat left center
}
.jiathis_style img {
	width: auto
}
.page-title {
	padding: 0.8333333333333333em 0 1.666666666666667em
}
.page-title h1 {
	float: left;
	font-size: 1.5em;
	color: #EA84BA
}
.page-title h1 span {
	padding-left: 10px;
	font-size: 0.6666666666666667em;
	color: #999
}
.page-title .share {
	float: right;
	padding-top: 0.4166666666666667em
}
#logo {
	margin-bottom: 1.666666666666667em
}
#logo a {
	display: block
}
#logo .logo-1 {
	margin-bottom: 0.8333333333333333em
}
#nav-main >ul {
	border-top: solid 1px #EEE
}
#nav-main >ul >li {
	position: relative;
	z-index: 99999
}
#nav-main >ul >li >a {
	display: block;
	height: 2.857142857142857em;
	line-height: 2.857142857142857em;
	padding-left: 37px;
	background-repeat: no-repeat;
	border-bottom: solid 1px #EEE;
	border-left: solid 1px #FFF;
	font-size: 1.166666666666667em
}
#nav-main >ul >.hover >a {
	border-left: solid 1px #EEE;
	color: #EA84BA
}
#nav-main ul li ul {
	width: 60%;
	background: #FFF;
	border: solid 1px #EEE;
	border-left: none;
	position: absolute;
	top: -1px;
	left: 99.5%;
	display: none
}
#nav-main ul li ul li {
	border-left: solid 1px #EEE
}
#nav-main ul li ul li:first-child {
	border-left-color: #FFF
}
#nav-main ul li ul li a {
	display: block;
	height: 2.857142857142857em;
	line-height: 2.857142857142857em;
	text-align: center;
	font-size: 1.166666666666667em
}
#nav-main .icon-1 >a {
	background-position: 10px 0
}
#nav-main .icon-2 >a {
	background-position: 10px -40px
}
#nav-main .icon-3 >a {
	background-position: 10px -80px
}
#nav-main .icon-4 >a {
	background-position: 10px -120px
}
#nav-main .icon-5 >a {
	background-position: 10px -160px
}
#nav-main .icon-6 >a {
	background-position: 10px -200px
}
#nav-main .icon-7 >a {
	background-position: 10px -240px
}
#nav-main .icon-8 >a {
	background-position: 10px -280px
}
#nav-main .hover.icon-1 >a {
	background-position: 10px -320px
}
#nav-main .hover.icon-2 >a {
	background-position: 10px -360px
}
#nav-main .hover.icon-3 >a {
	background-position: 10px -400px
}
#nav-main .hover.icon-4 >a {
	background-position: 10px -440px
}
#nav-main .hover.icon-5 >a {
	background-position: 10px -480px
}
#nav-main .hover.icon-6 >a {
	background-position: 10px -520px
}
#nav-main .hover.icon-7 >a {
	background-position: 10px -560px
}
#nav-main .hover.icon-8 >a {
	background-position: 10px -600px
}
#nav-phone {
	display: none
}
#share {
	margin-top: 1.666666666666667em;
	position: relative
}
#share li {
	float: left;
	width: 20.5%;
	margin-left: 6%
}
#share li:first-child {
	margin-left: 0
}
#share li a {
	display: block;
	height: 3.25em;
	background-image: url(../image/share_icon.png);
	background-repeat: no-repeat;
	border: solid 1px #EEE
}
#share li figure {
	width: 170px;
	border: solid 1px #EEE;
	position: absolute;
	top: -65px;
	right: -184px;
	display: none
}
#share .weibo {
	background-position: center 0
}
#share .weixin {
	background-position: center -39px
}
#share .douban {
	background-position: center -78px
}
#share .weitao {
	background-position: center -117px
}
#share .weibo:hover {
	background-position: center -156px
}
#share .weixin:hover {
	background-position: center -195px
}
#share .douban:hover {
	background-position: center -234px
}
#share .weitao:hover {
	background-position: center -273px
}
#slides article {
	height: 999em;
	padding: 0.8333333333333333em 3.01204819277108% 0;
	border-left: solid 1px #EEE;
	border-right: solid 1px #EEE
}
#slides article h3 {
	margin-bottom: 0.3125em;
	font-size: 1.333333333333333em;
	color: #666
}
#slides article p {
	height: 3.8em;
	line-height: 1.8em;
	overflow: hidden
}
#slides .slidesjs-pagination {
	padding: 0 3.01204819277108% 1.666666666666667em;
	border: solid 1px #EEE;
	border-top: none
}
#slides .slidesjs-pagination li {
	float: left;
	width: 10.04016064257028%;
	margin-right: 1px
}
#slides .slidesjs-pagination li a {
	display: block;
	height: 0.5em;
	background: #EEE;
	line-height: 999em;
	overflow: hidden
}
#slides .slidesjs-pagination li .active {
	background: #EA84BA
}
#slides .slidesjs-navigation {
	display: block;
	float: right;
	width: 8px;
	height: 10px;
	margin-right: 3%;
	background-image: url(../image/slides_control.png);
	background-repeat: no-repeat;
	line-height: 999em;
	overflow: hidden
}
#slides .slidesjs-play {
	background-position: 0 -10px
}
#slides .slidesjs-stop {
	background-position: 0 0
}
.widget_search {
	position: relative
}
.widget_search #s {
	width: 96%;
	height: 2.5em;
	line-height: 2.5em;
	padding: 0 2%;
	background: #EEE;
	border: none
}
.widget_search #searchsubmit {
	height: 2.142857142857143em;
	line-height: 2.142857142857143em;
	padding: 0 10px;
	background: #EA84BA;
	border: none;
	font-size: 1.166666666666667em;
	color: #FFF;
	position: absolute;
	right: 0px;
	top: 0px;
	cursor: pointer
}
.widget_search label {
	display: none
}
.widget_nav_menu ul {
	margin-top: -0.8333333333333333em;
	overflow: auto
}
.widget_nav_menu ul li {
	float: left;
	width: 30%;
	margin: 0.4166666666666667em 3.333333333333333% 0 0;
	line-height: 1.6em
}
.textwidget p {
	padding-top: 1em;
	line-height: 1.6em
}
.textwidget p:first-child {
	margin-top: -0.4166666666666667em;
	padding-top: 0
}
.index-area-2 {
	margin-top: 1.416666666666667em;
	background: url(../image/line.png) repeat-x left top
}
.ev-list-1 li {
	margin-top: 1.416666666666667em
}
.ev-list-1 li:first-child {
	margin-top: 0
}
.ev-list-1 li figure {
	float: left;
	width: 20%
}
.ev-list-1 li article {
	float: right;
	width: 76%
}
.ev-list-1 li article h3 {
	height: 1.333333333333333em;
	line-height: 1.333333333333333em;
	margin-bottom: 0.3125em;
	font-size: 1.333333333333333em;
	overflow: hidden
}
.ev-list-1 li article aside {
    margin: 10px 0px;
}
.ev-list-1 li article p {
	height: 3.8em;
	line-height: 1.8em;
	overflow: hidden
}
.ev-list-2 {
	margin-top: -1em;display: flex;flex-wrap: wrap;
}
.ev-list-2 li {
	float: left;
	width: 31%;
	margin: 1em 3.4% 0 0;
	line-height: 1.6em;
	text-align: center
}
.ev-list-2 li img {
	margin-bottom: 0.4166666666666667em
}
.ev-list-3 {
	padding-bottom: 1.3125em;
	border: solid 1px #EEE
}
.ev-list-3 li {
	float: left;
	width: 29.11646586345382%;
	margin: 1.3125em 0 0 3.16265060240964%;
	line-height: 1.6em;
	text-align: center
}
.ev-list-3 li img {
	margin-bottom: 0.4166666666666667em
}
.ev-list-4 {
	margin-top: -0.8333333333333333em
}
.ev-list-4 li {
	float: left;
	width: 48.75%;
	margin: 0.8333333333333333em 2.5% 0 0;
	position: relative
}
.ev-list-5 {
	padding-bottom: 0.7777777777777778em;
	border: solid 1px #EEE
}
.ev-list-5 li {
	float: left;
	width: 46.48241206030151%;
	margin: 0.7777777777777778em 0 0 2.34505862646566%;
	position: relative
}
.ev-list-4 li a, .ev-list-5 li a, .list_img_five li a, .pb_list li div a {
	padding: 8px;
	background: #FFF;
	line-height: 1.6em;
	color: #666;
	position: absolute;
	top: 8px;
	bottom: 8px;
	left: 8px;
	right: 8px;
	opacity: 0.9;
	overflow: hidden;
	display: none
}
.ev-list-5 li a {
	padding: 0 8px;
	text-align: center
}
#aToolTip {
	position: absolute;
	z-index: 99999;
	display: none
}
#aToolTip .aToolTipContent {
	max-width: 200px;
	padding: 5px 8px;
	background: #EA84BA;
	line-height: 1.6em;
	text-align: center;
	color: #FFF;
	position: relative;
	opacity: 0.9
}
#map {
	height: 85%;
	background: url(../image/map_bg.png);
	position: fixed;
	top: 0;
	right: -999em;
	z-index: 100000;
	cursor: pointer
}
#map h2 {
	width: 30px;
	height: 100px;
	background: url(../image/map_title.png) no-repeat;
	position: absolute;
	top: 25px;
	left: -30px;
	border-radius: 3px 0 0 3px
}
#map img {
	width: auto;
	max-width: 100%;
	margin: 0 auto
}
#link {
	padding: 0.8333333333333333em 0;
	background: url(../image/line.png) repeat-x left top
}
#link li {
	float: left;
	margin-right: 1.29310344827586%;
	line-height: 2em;
	white-space: nowrap
}
#nav-bottom {
	padding-top: 1.25em;
	background: url(../image/line.png) repeat-x left top;
	text-align: center
}
#nav-bottom li {
	display: inline;
	margin: 0 0.60344827586207%
}
#copyright {
	padding: 0.4166666666666667em 0 1.25em;
	line-height: 1.6em;
	text-align: center
}
#bread-crumbs {
	height: 3.333333333333333em;
	line-height: 3.333333333333333em;
	margin-top: -0.8333333333333333em;
	background: url(../image/line.png) repeat-x left bottom;
	overflow: hidden
}
#content .jiathis_style .separator, #content .jiathis_style .jiathis_separator {
	margin-bottom: 0.4166666666666667em
}
#list-archive li {
	padding: 0.8333333333333333em 0 1.25em;
	background: url(../image/line.png) repeat-x left bottom
}
#list-archive li h2 {
	font-size: 1.5em
}
#list-archive li aside {
	margin: 0.4166666666666667em 0 0.8333333333333333em
}
#list-archive li p {
	margin: 0.7142857142857143em 0 0.3571428571428571em;
	line-height: 1.6em;
	font-size: 1.166666666666667em
}
.archive-time {
	margin-right: 15px;
	padding-left: 20px;
	background: url(../image/icon_time.png) no-repeat left center
}
.archive-author {
	margin-right: 15px;
	padding-left: 18px;
	background: url(../image/icon_author.png) no-repeat left center
}
.archive-view {
	margin-right: 15px;
	padding-left: 27px;
	background: url(../image/icon_view.png) no-repeat left center
}
.archive-like {
	padding-left: 20px;
	background: url(../image/icon_like.png) no-repeat left center
}
.pagination {
	padding-top: 1.666666666666667em;
	text-align: center
}
.pagination a, .pagination span {
	margin: 0 0.6%;
	padding: 0.3333333333333333em 1.8%
}
.pagination a:hover, .pagination .current {
	background: #EA84BA;
	color: #FFF
}
#content-single {
	padding-top: 0.8333333333333333em
}
#content-single h1 {
	margin-bottom: 0.2777777777777778em;
	font-size: 1.5em;
	color: #666
}
#content-single .share {
	margin: 0.6666666666666667em 0 1.25em
}
#content-single .content p {
	padding-top: 1em;
	line-height: 1.8em;
	font-size: 1.166666666666667em
}
#content-single .content p:first-child {
	padding-top: 0
}
#content-single .content p img {
	width: auto;
	max-width: 100%
}
#content-single .content p img, #content-single .content p .aligncenter {
	clear: both;
	margin: 0.3571428571428571em auto 0.7142857142857143em
}
#content-single .content p .alignleft {
	display: inline;
	float: left;
	margin: 0.3571428571428571em 3% 1.071428571428571em 0
}
#content-single .content p .alignright {
	display: inline;
	float: right;
	margin: 0.3571428571428571em 0 1.071428571428571em 3%
}
#content-single .tags {
	margin-top: 1.25em;
	line-height: 1.6em
}
#content-single .tags a {
	color: #EA84BA
}
#content-single .legal {
	padding: 0.4166666666666667em 0;
	line-height: 1.6em
}
#ad-single {
	margin-top: 1.25em;
	background: url(../image/line.png) repeat-x left top
}
.wp_rp_wrap {
	margin-top: 1.25em;
	background: url(../image/line.png) repeat-x left top
}
.related_post_title {
	padding: 0.6666666666666667em 0;
	font-size: 1.5em;
	color: #EA84BA
}
.related_post {
	margin-top: -1.25em;
	overflow: auto
}
.related_post li {
	float: left;
	width: 22%;
	margin: 1.25em 1.5% 0;
	line-height: 1.6em;
	text-align: center
}
.related_post li img {
	margin-bottom: 0.4166666666666667em
}
.related_post li .wp_rp_title {
	display: block;
	height: 1.6em;
	overflow: hidden
}
#main .ds-thread {
	margin-top: 1.25em;
	padding-top: 0.4166666666666667em;
	background: url(../image/line.png) repeat-x left top
}
.archive-like .textcontainer, #like .textcontainer {
	display: inline;
	margin: 0;
	font-size: 100%;
	color: inherit
}
.archive-like .bartext {
	display: none
}
#like {
	width: 48px;
	height: 42px;
	background: url(../image/like.png) no-repeat;
	line-height: 37px;
	text-align: center;
	font-size: 1.5em;
	color: #FFF;
	position: absolute;
	right: 0;
	bottom: -60px
}
#like .bartext {
	width: auto;
	margin: 0;
	position: absolute;
	top: 0;
	left: 0
}
#like .bartext a {
	display: block;
	width: 48px;
	height: 42px;
	text-indent: 999em;
	overflow: hidden
}
#not-found {
	text-align: center;
	line-height: 12.5em;
	font-size: 1.333333333333333em
}
.o_content {
	line-height: 1.8em;
	font-size: 1.166666666666667em
}
.o_header img {
	float: left;
	width: 53.76344086021505%
}
.o_header ul {
	float: right;
	width: 45.16129032258065%;
	margin-top: -0.7142857142857143em
}
.o_header ul li {
	float: left;
	width: 30.95238095238095%;
	height: 11.42857142857143em;
	margin: 0.7142857142857143em 1.19047619047619% 0;
	color: #FFF;
	overflow: hidden
}
.o_header ul li h3 {
	padding: 0 15px;
	line-height: 2.5em;
	font-size: 1.142857142857143em
}
.o_header ul li p {
	margin-bottom: 0.4166666666666667em;
	padding: 0 15px 0 25px;
	background: url(../image/white.png) no-repeat 15px 8px;
	line-height: 1.6em;
	font-size: 0.8571428571428571em
}
.o_header div {
	position: relative;
	clear: both
}
.o_header div h2 {
	width: 60px;
	height: 50px;
	line-height: 50px;
	background: url(../image/o_tag.png) no-repeat 0 0;
	text-align: center;
	font-size: 1.142857142857143em;
	color: #FFF;
	position: absolute;
	left: 0;
	top: 15px
}
.o_header div p {
	padding: 15px 0 0 70px
}
.o_header .c1 {
	background: #FF999A
}
.o_header .c2 {
	background: #FF9A66
}
.o_header .c3 {
	background: #A5ECCC
}
.o_header .c4 {
	background: #66CDCC
}
.o_header .c5 {
	background: #CBCC66
}
.o_header .c6 {
	background: #85898A
}
.o_main {
	margin-top: 1.071428571428571em;
	background: url(../image/line.png) repeat-x left top;
	position: relative
}
.o_main h2 {
	width: 60px;
	height: 43px;
	padding-top: 7px;
	background: url(../image/o_tag.png) no-repeat;
	line-height: 1.2em;
	text-align: center;
	color: #FFF;
	position: absolute;
	left: 0;
	top: 15px
}
.o_main h3 {
	height: 80px;
	line-height: 80px;
	padding-left: 70px;
	font-size: 1.285714285714286em
}
.o_1 h2 {
	background-position: 0 -50px
}
.o_2 h2 {
	background-position: 0 -100px
}
.o_3 h2 {
	background-position: 0 -150px
}
.o_4 h2 {
	background-position: 0 -200px
}
.o_5 h2 {
	background-position: 0 -250px
}
.o_1 h3 {
	color: #FF9A66
}
.o_2 h3 {
	color: #A5ECCC
}
.o_3 h3 {
	color: #66CDCC
}
.o_4 h3 {
	color: #CBCC66
}
.o_5 h3 {
	color: #85898A
}
.o_t1 .fl {
	width: 32.25806451612903%
}
.o_t1 .fr {
	width: 64.51612903225806%
}
.o_t1 .fr p {
	margin-top: 0.7142857142857143em
}
.o_t2 li {
	float: left;
	width: 31.18279569892473%;
	margin: 0 1.0752688172043%
}
.o_t2 li h4 {
	margin: 0.625em 0 0.3125em;
	line-height: 1.2em;
	font-size: 1.142857142857143em;
	color: #666
}
.o_t3 li {
	float: left;
	width: 48.38709677419355%;
	margin: 0 0.80645161290323%
}
.o_t3 li p {
	margin-top: 0.7142857142857143em
}
.o_t4 li {
	float: left;
	width: 23.11827956989247%;
	margin: 0 0.94086021505376%
}
.category_store {
	margin-top: -1.666666666666667em
}
.category_store li {
	float: left;
	width: 31.72043010752688%;
	margin: 1.666666666666667em 1.61290322580645% 0 0;
	overflow: auto
}
.category_store .fl {
	width: 33.89830508474576%
}
.category_store .fr {
	width: 61.01694915254237%
}
.category_store .fr h4 {
	height: 1.333333333333333em;
	margin-top: -0.125em;
	font-size: 1.333333333333333em;
	overflow: hidden
}
.category_store .fr p {
	max-height: 3em;
	margin: 0.3333333333333333em 0;
	line-height: 1.6em;
	color: #BBB;
	overflow: hidden
}
.category_store .more {
	color: #EA84BA
}
.category_store h2 {
	padding-top: 0.9375em;
	font-size: 1.333333333333333em;
	color: #666;
	clear: both
}
.list_img_five {
	margin-top: -1.25em
}
.list_img_five li {
	float: left;
	width: 16.66666666666667%;
	margin: 1.25em 1.66666666666667% 0;
	position: relative
}
.list_img_five li a {
	line-height: 1.75em
}
.list_img_five .hot i {
	display: block;
	width: 34px;
	height: 34px;
	background: url(../image/hot.png) no-repeat;
	position: absolute;
	top: 0;
	left: 0;
	z-index: 1
}
.list_img_five h2 {
	padding-top: 0.9375em;
	font-size: 1.333333333333333em;
	color: #666;
	clear: both
}
.pb_main .pb_left {
	float: left;
	width: 80.64516129032258%
}
.pb_main .pb_right {
	float: right;
	width: 16.12903225806452%
}
.pb_main .pb_right h3 {
	margin-top: -0.2777777777777778em;
	font-size: 1.5em;
	color: #EA84BA
}
.pb_main .pb_right li {
	margin-top: 1.25em
}
.pb_list {
	margin-top: -1.25em
}
.pb_list li {
	float: left;
	width: 30.66666666666667%;
	margin: 1.25em 1.33333333333333% 0
}
.pb_list li div {
	position: relative
}
.pb_list li h3 {
	height: 1.2em;
	line-height: 1.2em;
	margin-top: 0.5714285714285714em;
	text-align: center;
	font-size: 1.166666666666667em;
	color: #666;
	overflow: hidden
}
.pb_top .fl {
	width: 40%
}
.pb_top .fr {
	width: 57.33333333333333%
}
.pb_top .fr p, .pb_cont p {
	line-height: 1.8em;
	font-size: 1.166666666666667em
}
.pb_cont h3 {
	line-height: 2.777777777777778em;
	font-size: 1.5em;
	color: #666
}
.pb_cont ul {
	margin-top: -0.8333333333333333em
}
.pb_cont ul li {
	float: left;
	width: 22.66666666666667%;
	margin: 0.8333333333333333em 1.16666666666667% 0
}
.pb_line {
	padding-bottom: 1.25em;
	background: url(../image/line.png) repeat-x left bottom
}
.subject_main {
	font-size: 1.166666666666667em
}
.subject_main .summary {
	margin-top: 1.071428571428571em;
	line-height: 1.8em
}
.subject_main .title {
	padding: 1.428571428571429em 0;
	background-repeat: repeat-x;
	background-position: left center
}
.subject_main .title img {
	width: auto;
	max-width: 100%
}
.subject_main .related {
	margin-top: -1.25em
}
.subject_main .related li {
	float: left;
	width: 23.11827956989247%;
	margin: 1.25em 0.94086021505376% 0;
	text-align: center
}
.subject_main .related li img {
	margin-bottom: 0.7142857142857143em
}
.subject_main .related li span {
	display: block;
	height: 1.2em;
	line-height: 1.2em;
	overflow: hidden
}
@media only screen and (max-width:1024px) {
#header {
	width: auto;
	max-width: none;
	margin-bottom: 1.666666666666667em;
	position: static
}
#logo .logo-1 {
	float: left;
	width: 32.75154004106776%;
	margin-bottom: 0
}
#logo .logo-2 {
	float: right;
	width: 61.19096509240246%
}
#nav-main >ul {
	border-bottom: solid 1px #EEE
}
#nav-main >ul >li {
	float: left;
	margin-right: 1.23203285420945%
}
#nav-main >ul >li >a {
	border: none
}
#nav-main >ul >.hover >a {
	border: none
}
#nav-main ul li ul {
	width: 120%;
	border-top: none;
	top: 40px;
	left: 0
}
#nav-main ul li ul li:first-child {
	border-left-color: #EEE
}
#map, #share, #ad, #like {
	display: none
}
#container {
	float: none;
	width: auto
}
.nav-single {
	padding: 0.6666666666666667em 0 0.25em
}
.nav-single a {
	padding: 4px 6px;
	background: #EA84BA;
	color: #FFF
}
}
@media only screen and (max-width:880px) {
#nav-main >ul >li {
	float: left;
	margin-right: 3.37349397590361%
}
#nav-main >ul >li >a {
	padding-left: 0;
	background: none
}
#nav-main ul li ul {
	width: 180%;
	left: -25px
}
}
@media only screen and (max-width:768px) {
#content-single .tags .fl {
	float: none;
	margin-bottom: 0.4166666666666667em
}
#content-single .tags .fr {
	float: none
}
.o_header img {
	float: none;
	width: 97.61904761904762%;
	margin: 0 auto
}
.o_header ul {
	float: none;
	width: auto;
	margin-top: 0
}
.list_img_five li {
	width: 21.66666666666667%
}
.pb_main .pb_left {
	float: none;
	width: auto
}
.pb_main .pb_right {
	display: none
}
}
@media only screen and (max-width:640px) {
#main, #sidebar {
	float: none;
	width: auto
}
#sidebar {
	margin-top: 1.666666666666667em
}
#nav-main {
	display: none
}
#nav-bottom {
	padding: 1.666666666666667em 0 0.8333333333333333em
}
#nav-bottom a {
	padding: 0.4166666666666667em 2.5%;
	background: #EA84BA;
	color: #FFF
}
#nav-phone {
	display: block;
	position: fixed;
	top: 0;
	right: -999em;
	z-index: 99999
}
#nav-phone .btn {
	width: 40px;
	height: 39px;
	background: #EA84BA;
	position: absolute;
	top: 55px;
	left: -40px;
	cursor: pointer;
	opacity: 0.9
}
#nav-phone .btn ul {
	margin: 10px 0 0 9px
}
#nav-phone .btn ul li {
	width: 22px;
	height: 3px;
	margin-bottom: 5px;
	background: #FFF;
	overflow: hidden
}
#nav-phone .close {
	display: none
}
.nav-phone {
	background: #EA84BA;
	overflow: auto;
	opacity: 0.9
}
.nav-phone >ul >li {
	margin: 0 8%;
	border-top: solid 1px #FFF
}
.nav-phone >ul >li:first-child {
	border-top: none
}
.nav-phone >ul >li >a {
	display: block;
	height: 3.125em;
	line-height: 3.125em;
	font-size: 1.333333333333333em;
	color: #FFF;
	cursor: pointer
}
.nav-phone ul li ul {
	display: none
}
.page-title h1 {
	float: none
}
.page-title .share {
	float: none;
	padding-top: 0.6666666666666667em
}
.o_header ul li {
	width: 47.61904761904762%
}
.o_header div h2, .o_main h2 {
	left: -15px
}
.o_header div p, .o_main h3 {
	padding-left: 55px
}
.o_t1 .fl, .o_t1 .fr, .o_t2 li, .o_t3 li {
	float: none;
	width: 97.61904761904762%;
	margin: 0 auto
}
.o_t1 .fl {
	margin-bottom: 1.071428571428571em
}
.o_t2 li {
	margin-top: 1.071428571428571em
}
.o_t2 li:first-child {
	margin-top: 0
}
.o_t3 li:first-child {
	margin-bottom: 1.071428571428571em
}
.o_t4 {
	margin-top: -0.625em
}
.o_t4 li {
	width: 48.11827956989247%;
	margin-top: 0.625em
}
.list_img_five li {
	width: 30%
}
}
@media only screen and (max-width:480px) {
body {
	color: #888
}
a {
	color: #555
}
#slides article p {
	height: 1.8em
}
#link {
	display: none
}
.ev-list-1 li figure {
	width: 28%
}
.ev-list-1 li article {
	width: 68%
}
.pagination a, .pagination span {
	margin: 0 1%;
	padding-left: 2.5%;
	padding-right: 2.5%
}
.related_post li {
	width: 47%
}
.category_store li {
	float: none;
	width: auto;
	margin-right: 0
}
.category_store .fl {
	width: 27.11864406779661%
}
.category_store .fr {
	width: 67.79661016949153%
}
.category_store .fr p {
	max-height: none;
	color: #999
}
.list_img_five li {
	width: 46.66666666666667%
}
.pb_list li {
	width: 47.33333333333333%
}
.pb_top .fl {
	float: none;
	width: auto;
	margin-bottom: 0.8333333333333333em
}
.pb_top .fr {
	float: none
}
.pb_cont ul li {
	width: 47.66666666666667%
}
.subject_main .related li {
	width: 48.11827956989247%
}
}
@media only screen and (max-width:400px) {
.ev-list-1 li article aside {
    margin: 10px 0px;
    height: 16px;
    overflow: hidden;
}
.archive-time{margin-right:5px}
}
#jiathis_webchat img{ width:250px; height:250px;text-align: center;margin: 0 auto;}


.tagcloud a {
display: inline-block;
overflow: hidden;
width: 70px;
height: 30px;
line-height: 30px;
font-size: 12px;
text-align: center;
color: #666 !important;
font-family: "microsoft yahei";
font-weight: 100;
word-wrap: break-word;
white-space: nowrap;
float: left;
margin: 9px 0 0 8px;
border-radius: 2px;
background: #FFF;
border: 1px solid #D8D8D8;
-webkit-box-shadow: 0px 1px 1px rgba(50, 50, 50, 0.1);
-moz-transition: .2s ease-in-out;
-webkit-transition: .2s ease-in-out;
transition: .2s ease-in-out;
}
.tagcloud a:hover {
text-decoration: none;
text-shadow: 0 1px 0 rgba(0, 0, 0, 0.22);
background-color: #EA84BA;
border-color: #ff4800;
color: #fff !important;
}
.chapter-btn {
    display: inline-block;
    padding: 10px 20px;
    margin: 5px;
    font-size: 16px;
    font-weight: 500;
    text-align: center;
    text-decoration: none;
    color: #ffffff !important;
    background-color: #d48b3b;
    border: 1px solid #ffffff;
    border-radius: 5px;
    transition: all 0.3s ease;
}
.chapter-btn:hover {
    background-color: #0056b3;
    border-color: #003d80;
    box-shadow: 0 2px 5px rgba(0, 0, 0, 0.2);
}
.chapter-btn:active {
    background-color: #003d80;
    transform: translateY(1px);
}