﻿/*易优cms（eyoucms.com）安全--简单--易用*/

@charset "utf-8";

/* 全局 */

html {

	webkit-text-size-adjust: none;

	-webkit-text-size-adjust: none;

	text-align: justify;

	text-justify: inter-ideograph;

	word-break: break-all

}

a {

	text-decoration: none;

	outline: 0;

	-webkit-transition: all .3s ease-in-out 0s;

	-moz-transition: all .3s ease-in-out 0s;

	transition: all .3s ease-in-out 0s

}

/* 基础 */

* {

	-webkit-tap-highlight-color: rgba(255,255,255,0);

	-webkit-touch-callout: none;

	margin: 0

}

::-webkit-scrollbar {

width:10px;

height:10px

}

::-webkit-scrollbar-track {

border-radius:0;

background:rgba(0,0,0,0.1);

}

::-webkit-scrollbar-thumb {

background:rgba(0,0,0,0.2);

}

::-webkit-scrollbar-thumb:hover {

background:rgba(0,0,0,0.4);

background-color:#333;

}

input, textarea {

	-webkit-user-select: text

}

/*分页样式*/

.pglist {

	padding: 25px 0;

	float: left;

	width: 100%;

	line-height: 34px;

	text-align: center;

}

.pglist a {

	color: #fff;

	padding: 0 11px;

	margin: 0 3px;

font-/weight: bold;

	background: #333;

}

.pglist * {

	display: inline-block;

	_zoom: 1;

	_display: inline;

	vertical-align: middle;

	line-height: 30px;

	height: 30px;

	padding-bottom: 1px;

}

.pglist .hover {

	display: inline-block;

	color: #fff;

	background: #fda800;

}

.pglist a:hover {

	display: inline-block;

	color: #fff;

	background: #fda800;

}

/*返回首页*/

#tip {

	padding-top: 30px;

}

#tip b {

	color: #333;

}

/* 评论 */

.c-proBox h3 {

	border-radius: 2px;

	-webkit-border-radius: 2px;

	font-weight: 400;

	height: 36px;

	line-height: 36px;

	background: #333;

	color: #ffffff;

	padding: 5px 10px;

	margin: 10px 0;

	font-size: 16px;

}

.c-comment li {

	border-radius: 2px;

	-webkit-border-radius: 2px;

	line-height: normal;

	margin-bottom: 10px;

	padding: 0 15px;

	border: 1px solid #eeeeee;

	background: #ffffff;

	float: none;

}

.c-comment li p {

	padding: 15px 0;

	border-top: 1px dashed #eeeeee;

}

.c-comment li p span {

	float: right;

}

.c-comment li p.on {

	border-top: 0;

}

.c-comment li p.admin {

	color: #333;

}

.c-more {

	text-align: center;

	line-height: normal;

}

.c-more a {

	transition: all 0.3s;

	-webkit-transition: all 0.3s;

	border-radius: 2px;

	-webkit-border-radius: 2px;

	display: block;

	background: #333;

	color: #ffffff;

	padding: 13px 0;

}

.c-more a:hover {

	background: #fda800;

}

/* 留言 */

.c-book ul li {

	position: relative;

	margin-top: 10px;

}

.c-book ul li em {

	float: left;

	text-align: right;

	margin-right: 10px;

	width: 150px;

	line-height: 31px;

	font-style: normal;

}

.c-book ul li textarea, .c-book ul li input, .c-book ul li select {

	transition: all 0.3s;

	-webkit-transition: all 0.3s;

	border-radius: 2px;

	-webkit-border-radius: 2px;

	padding: 6px;

	border: 1px solid #d8d8d8;

	font-family: 'Microsoft Yahei';

	box-shadow: 0px 0px 5px #e3e3e3 inset;

}

.c-book ul li textarea:hover, .c-book ul li input:hover, .c-book ul li select:hover, .c-book ul li textarea:focus, .c-book ul li input:focus, .c-book ul li select:focus {

	border-color: #333;

	box-shadow: 0px 0px 5px #333 inset;

}

.c-book ul li textarea {

	width: 360px;

	height: 150px;

	overflow-y: hidden;

}

.c-book ul li img {

	position: absolute;

	cursor: pointer;

	margin-left: 5px;

}

.c-book ul li.bnt {

	margin-left: 150px;

}

.c-book ul li.bnt input {

	transition: all 0.3s;

	-webkit-transition: all 0.3s;

	cursor: pointer;

	width: 120px;

	margin-left: 10px;

	border-color: #333;

	background: #333;

	color: #ffffff;

	box-shadow: none;

}

.c-book ul li.bnt input:hover {

	border-color: #fda800;

	background: #fda800;

}

.c-cb, .c-cbli li {

	zoom: 1;

	font-size: 14px;

	float: none;

}

/* 幻灯切换 */

.slideBox {

	position: relative;

	display: block;

	width: 100%;

	height: 500px;

	background: #333;

	overflow: hidden;

}

.slideBox .bd li {

	float: none;

}

.slideBox .bd img {

	display: block;

	margin: 0 auto;

	height: 500px;

}

.slideBox .prev {

	display: none;

	position: absolute;

	padding: 0;

	left: 50%;

	margin-left: -595px;

	top: 57%;

	margin-top: -73px;

	width: 38px;

	height: 73px;

	background: url(../images/next_bg_09.png) no-repeat left center;

	background-position: 0 0;

}

.slideBox .next {

	display: none;

	position: absolute;

	padding: 0;

	right: 50%;

	margin-right: -595px;

	top: 57%;

	margin-top: -73px;

	width: 38px;

	height: 73px;

	background: url(../images/next_bg_09.png) no-repeat left center;

	background-position: right center;

}

.slideBox .hd {

	position: relative;

	z-index: 1

}

.slideBox .hd ul {

	text-align: center;

	margin-top: -45px;

}

.slideBox .hd ul li {

	width: 25px;

	height: 22px;

	display: inline-block;

	margin: 3px;

	cursor: pointer;

	background: url(../images/tip-view1.png) no-repeat right top;

	float: none;

}

.slideBox .hd ul li.on {

	background-position: left top;

}

/* 幻灯切换 */

.slideBox2 {

	position: relative;

	display: block;

	width: 100%;

	height: 300px;

	background: #333;

	overflow: hidden;

}

.slideBox2 .bd li {

	float: none;

}

.slideBox2 .bd img {

	display: block;

	margin: 0 auto;

	height: 300px;

}

.slideBox2 .prev {

	display: none;

	position: absolute;

	padding: 0;

	left: 50%;

	margin-left: -595px;

	top: 62%;

	margin-top: -73px;

	width: 38px;

	height: 73px;

	background: url(../images/next_bg_09.png) no-repeat left center;

	background-position: 0 0;

}

.slideBox2 .next {

	display: none;

	position: absolute;

	padding: 0;

	right: 50%;

	margin-right: -595px;

	top: 62%;

	margin-top: -73px;

	width: 38px;

	height: 73px;

	background: url(../images/next_bg_09.png) no-repeat left center;

	background-position: right center;

}

.slideBox2 .hd {

	position: relative;

	z-index: 1

}

.slideBox2 .hd ul {

	text-align: center;

	margin-top: -45px;

}

.slideBox2 .hd ul li {

	width: 25px;

	height: 22px;

	display: inline-block;

	margin: 3px;

	cursor: pointer;

	background: url(../images/tip-view1.png) no-repeat right top;

	float: none;

}

.slideBox2 .hd ul li.on {

	background-position: left top;

}

/*网站地图*/

.sitemap {

	overflow: hidden;

	line-height: 30px;

	padding: 10px;

	border-bottom: 1px solid #ddd;

}

.sitemap dt {

	float: left;

	margin-right: 2%;

	width: 14.66666667%;

}

.sitemap dt a {

	display: block;

	text-align: center;

	background: #ececec;

	font-size: 14px;

	padding: 8px 0;

	font-weight: normal;

}

.sitemap dt a:hover {

	background: #ccc;

	color: #fff;

}

.sitemap dd {

	float: left;

	width: 83.333333%;

}

.sitemap dd a {

	float: left;

	color: #666;

	padding-right: 35px;

	line-height: 39px;

	transition: none;

}

.sitemap dd a:hover {

	color: #333;

}

/*网站标签*/

.tags_list {

	overflow: hidden;

	line-height: 30px;

	padding: 10px;

	border-bottom: 1px solid #ddd;

}

.tags_list dt {

	float: left;

	margin-right: 2%;

	margin-bottom: 2%;

	width: 14.66666667%;

}

.tags_list dt a {

	display: block;

	text-align: center;

	background: #ececec;

	font-size: 14px;

	padding: 8px 0;

	font-weight: normal;

}

.tags_list dt a:hover {

	background: #ccc;

	color: #fff;

}

.tags {

	overflow: hidden;

	margin-bottom: 20px;

}

.tags span {

	float: left;

	display: block;

	line-height: 40px;

}

.tags a {

	border-radius: 4px;

	-webkit-border-radius: 4px;

	display: inline-block;

	line-height: 28px;

	padding: 0 6px;

	margin: 5px;

	background: #fff;

	border: 1px solid #dadada;

}

.tags a:hover {

	background: #333;

	border-color: #333;

	color: #fff;

}

/*评论列表*/

.comment-main {

	width: 100%;

	background: #FFF;

	border-bottom: 3px solid #eee;

	margin-top: 30px;

	font-size: 12px;

	color: #666;

	line-height: 14px;

	-webkit-transition: all .3s ease;

	-moz-transition: all .3s ease;

	-ms-transition: all .3s ease;

	-o-transition: all .3s ease;

	transition: all .3s ease;

}

.comment-main:hover {

	border-bottom: 3px solid #333;

	-webkit-box-shadow: 0 10px 20px 0 #CCC;

	-moz-box-shadow: 0 10px 20px 0 #CCC;

	-ms-box-shadow: 0 10px 20px 0 #CCC;

	-o-box-shadow: 0 10px 20px 0 #CCC;

	box-shadow: 0 10px 20px 0 #CCC;

}

.comment-title {

	width: 100%;

	height: 49px;

	line-height: 50px;

	background: #FFF;

	border-bottom: 1px solid #CCC;

}

.comment-title span {

	float: left;

	height: 50px;

	font-size: 14px;

	line-height: 50px;

	display: block;

	padding: 0 30px;

	background: #333;

	color: #FFF;

}

.comment-show-box {

	margin: 20px 12px

}

.comment-show-box .pl-box2 {

	width: 100%

}

.comment-show-box .pl-box2 dl {

	float: left;

	width: 100%;

	margin-bottom: 20px;

	padding-bottom: 20px;

	border-bottom: 1px solid #EEE;

}

.comment-show-box .pl-box2 dl dt {

	float: left;

	width: 50px;

	margin-right: 15px;

}

.comment-show-box .pl-box2 dl dt img {

	width: 50px;

	height: 50px

}

.comment-show-box .pl-box2 dl dd {

	float: right;

	width: 92%;

}

.comment-show-box .pl-box2 dl dd h1 {

	font-weight: 700;

	font-size: 100%;

}

.comment-show-box .pl-box2 dl dd h1 span {

	color: #656565;

	font-weight: 400;

	float: right;

}

.comment-show-box .pl-box2 dl dd p {

	margin-top: 10px;

	line-height: 20px

}

.comment-show-box .pl-box2 dl dd p.xz-fc1 {

	color: #333;

}

.comment-show-box .xz-cb {

	zoom: 1

}

.comment-show-box .xz-cb:after {

	display: block;

	clear: both;

	visibility: hidden;

	height: 0;

	overflow: hidden;

	content: "."

}

.c-more {

	text-align: center;

	line-height: normal;

}

.c-more a {

	border-radius: 2px;

	-webkit-border-radius: 2px;

	display: block;

	background: #333;

	color: #ffffff;

	padding: 13px 0;

}

.c-more a:hover {

	background: #333;

}

/*评论表单*/

.comment-show-box .fb-box {

	background: #FAFAFA;

	border: 1px solid #EEE;

	margin-top: 20px;

}

.comment-show-box .fb-box dl {

	float: left;

	width: 97%;

	padding: 12px;

}

.comment-show-box .fb-box dt {

	float: left;

	width: 50px;

	margin-right: 15px;

}

.comment-show-box .fb-box dt img {

	-webkit-border-radius: 50%;

	-moz-border-radius: 50%;

	-ms-border-radius: 50%;

	-o-border-radius: 50%;

	border-radius: 50%;

	width: 50px;

	height: 50px

}

.comment-show-box .fb-box dd {

	float: right;

	width: 92%;

}

.comment-show-box .fb-box dd p {

	color: #656565;

}

.comment-show-box .fb-box dd p textarea {

	width: 97%;

	height: 120px;

	line-height: 20px;

	color: #6C6C6C;

	padding: 12px;

	border: 1px solid #EEE;

	outline: 0;

	font-family: "microsoft yahei";

	-webkit-transition: all .3s ease;

	-moz-transition: all .3s ease;

	-ms-transition: all .3s ease;

	-o-transition: all .3s ease;

	transition: all .3s ease;

}

.comment-show-box .fb-box dd p textarea:focus {

	border: 1px solid #333;

	box-shadow: 0 0 10px 0 #333

}

.comment-show-box .fb-box-div {

	margin-top: -1px;

	background: #FAFAFA;

	border-radius: 0 0 5px 5px;

	border: 1px solid #EEE;

}

.comment-show-box .fb-box-div dl {

	padding: 12px;

	position: relative;

}

.comment-show-box .fb-box-div dd {

	font-size: 12px;

	line-height: 13px;

	color: #666;

}

.comment-show-box .fb-box-div input {

	-webkit-border-radius: 0 0 5px 0;

	-moz-border-radius: 0 0 5px 0;

	-ms-border-radius: 0 0 5px 0;

	-o-border-radius: 0 0 5px 0;

	border-radius: 0 0 5px 0;

	position: absolute;

	top: -1px;

	right: -1px;

	width: 80px;

	height: 39px;

	font-size: 12px;

	line-height: 39px;

	background: #AAA;

	color: #FFF;

	border: 0;

	cursor: pointer;

	-webkit-transition: all .3s ease;

	-moz-transition: all .3s ease;

	-ms-transition: all .3s ease;

	-o-transition: all .3s ease;

	transition: all .3s ease;

}

.comment-show-box .fb-box-div input:hover {

	background: #333;

	color: #FFF;

}

/*点赞*/

#mood {

	margin-bottom: 30px;

	text-align: center;

}

#mood p {

	font-size: 16px;

	color: #555;

	font-weight: bold;

	margin-bottom: 20px;

}

#mood a {

	display: inline-block;

	margin: 0 10px;

	cursor: pointer;

	color: #555;

	background: #fff;

	border-radius: 4px;

	border: 1px solid #ddd;

	padding: 6px 20px;

	min-width: 100px;

	-webkit-box-sizing: border-box;

	box-sizing: border-box;

}

#mood a span {

	display: inline-block;

	width: 18px;

	height: 18px;

	margin-right: 10px;

	vertical-align: sub;

	background: url(../images/dianzan.png) no-repeat;

	-webkit-transition: all .3s ease-in-out 0s;

	-moz-transition: all .3s ease-in-out 0s;

	transition: all .3s ease-in-out 0s;

}

#mood a span.dianzan-down {

	background-position: top right;

}

#mood a em {

	font-style: normal;

	font-size: 16px;

}

#mood a:hover {

	background: #333;

	border-color: #333;

	color: #fff;

}

#mood a:hover span.dianzan-up {

	background-position: bottom left;

}

#mood a:hover span.dianzan-down {

	background-position: bottom right;

}

/*视频样式*/

video {

	padding: 5px;

	background-color: #000;

}

