﻿.login {
	width: 90%;
	margin: 3% auto;
	padding: 3%
}
.login li {
	width: 100%;
	margin-bottom: 5%
}
.login li img {
	float: right;
	margin-right: 10%;
	width: 30%;
height:.67rem
}
.login_input {
	display: block;
	height: 2.8em;
	-webkit-appearance: none;
	border-radius: 0
}
.login_textarea {
	height: 8em;
	margin-bottom: -2%
}
.login li .pin_width {
	width: 50%
}
.login li .login_btn {
	width: 100%;
	color: #fff;
	border: 0;
	text-align: center;
font:.3rem/.8rem "microsoft yahei";
	background: #0067d0;
	box-shadow: none
}
.login input, .login textarea {
	width: 100%;
	border: 1px solid #dcdcdc;
	background: #fff;
	color: #333;
font:.24rem/.5rem "microsoft yahei";
text-indent:.1rem
}
#tip {
	padding: 5% 0;
	min-height: 300px
}
#tip b {
	color: #0067d0;
	font-weight: 700
}
.sitemap {
	overflow: hidden;
line-height:.4rem;
	padding: 2% 0;
	border-bottom: 1px solid #ddd
}
.sitemap dt {
	float: left;
	margin-right: 2%;
	width: 22%
}
.sitemap dt a {
	display: block;
	text-align: center;
	background: #ececec;
font-size:.2rem;
line-height:.7rem;
	font-weight: 400
}
.sitemap dt a:hover {
	background: #ccc;
	color: #fff
}
.sitemap dd {
	float: left;
	width: 76%
}
.sitemap dd a {
	float: left;
	color: #666;
font-size:.2rem;
	padding-right: 3%;
line-height:.35rem;
	transition: none
}
.sitemap dd a:hover {
	color: #333
}
.tags_list {
	overflow: hidden;
line-height:.4rem;
	padding: 2% 0;
	border-bottom: 1px solid #ddd
}
.tags_list dt {
	float: left;
	margin-right: 2%;
	margin-bottom: 2%;
	min-width: 32%
}
.tags_list dt:nth-child(3n) {
	margin-right: 0
}
.tags_list dt a {
	display: block;
	text-align: center;
	background: #ececec;
font-size:.2rem;
line-height:.7rem;
	font-weight: 400
}
.tags_list dt a:hover {
	background: #ccc;
	color: #fff
}
.tags {
	overflow: hidden;
font-size:.2rem;
margin:0 3% .1rem
}
.tags span {
	float: left;
	display: block;
line-height:.6rem
}
.tags a {
	border-radius: 4px;
	-webkit-border-radius: 4px;
	display: inline-block;
line-height:.4rem;
padding:0 .1rem;
margin:.08rem;
	background: #fff;
	border: 1px solid #dadada
}
.tags a:hover {
	background: #0067d0;
	border-color: #0067d0;
	color: #fff
}
.comment-main {
	width: 94%;
	background: #fff;
margin:0 3% .1rem;
margin-top:.2rem;
font-size:.2rem;
	color: #666;
line-height:.3rem
}
.comment-title {
	width: 100%;
height:.59rem;
line-height:.6rem;
	background: #fff;
	border-bottom: 1px solid #ccc
}
.comment-title span {
	float: left;
height:.6rem;
font-size:.22rem;
line-height:.6rem;
	display: block;
padding:0 .3rem;
	background: #0067d0;
	color: #fff
}
.comment-show-box {
margin:.2rem 0
}
.comment-show-box .pl-box2 {
	width: 100%
}
.comment-show-box .pl-box2 dl {
	float: left;
	width: 100%;
margin-bottom:.2rem;
padding-bottom:.2rem;
	border-bottom: 1px solid #eee
}
.comment-show-box .pl-box2 dl dt {
	float: left;
width:.6827rem;
height:.6827rem;
	margin-right: 2%
}
.comment-show-box .pl-box2 dl dt img {
width:.6827rem;
height:.6827rem
}
.comment-show-box .pl-box2 dl dd {
	float: right;
	width: 85%;
	text-align: justify
}
.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:.1rem
}
.comment-show-box .pl-box2 dl dd p.xz-fc1 {
	color: #0067d0
}
.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: #0067d0;
	color: #fff;
padding:.2rem 0
}
.c-more a:hover {
	background: #333
}
.comment-show-box .fb-box {
	background: #fafafa;
	border: 1px solid #eee;
margin-top:.2rem
}
.comment-show-box .fb-box dl {
	float: left;
	width: 100%;
	padding: 3%
}
.comment-show-box .fb-box dd {
	float: left;
	width: 100%
}
.comment-show-box .fb-box dd p {
	color: #656565
}
.comment-show-box .fb-box dd p textarea {
	width: 100%;
	height: 2rem;
line-height:.3rem;
	color: #6c6c6c;
	padding: 3%;
	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 #0067d0;
	box-shadow: 0 0 10px 0 #0067d0
}
.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:.2rem;
	position: relative
}
.comment-show-box .fb-box-div dd {
font-size:.2rem;
line-height:.2rem;
	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: 1.4rem;
height:.61rem;
font-size:.22rem;
line-height:.62rem;
	background: #aaa;
	color: #fff;
	border: 0;
	-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: #0067d0;
	color: #fff
}
#mood {
	margin-bottom: 30px;
	text-align: center
}
#mood p {
font-size:.26rem;
	color: #555;
	font-weight: 700;
margin-bottom:.2rem
}
#mood a {
	display: inline-block;
margin:0 .15rem;
	cursor: pointer;
	color: #555;
	background: #fff;
	border-radius: 4px;
	border: 1px solid #ddd;
padding:.1rem .25rem;
	min-width: 1.5rem;
	-webkit-box-sizing: border-box;
	box-sizing: border-box
}
#mood a span {
	display: inline-block;
width:.3072rem;
height:.3072rem;
margin-right:.15rem;
	vertical-align: sub;
	background: url(../bgimg/dianzan.png) no-repeat;
background-size:.6rem auto
}
#mood a span.dianzan-down {
	background-position: top right
}
#mood a em {
	font-style: normal;
	font-size: 16px
}
#mood a:hover {
	background: #0067d0;
	border-color: #0067d0;
	color: #fff
}
#mood a:hover span.dianzan-up {
	background-position: bottom left
}
#mood a:hover span.dianzan-down {
	background-position: bottom right
}
#wxnr {
	width: 100%;
	height: 100%;
	max-width: 640px;
	min-width: 320px;
	position: fixed;
	top: 0;
	z-index: 1000;
	display: none;
	background: rgba(0,0,0,.6)
}
#wxnr .nrdf {
	margin: auto;
	position: absolute;
	top: 50%;
	left: 0;
	right: 0;
	width: 5rem;
	height: 5rem;
padding:.3rem;
padding-top:.6rem;
	margin-top: -2.5rem;
	text-align: center;
	background-color: rgba(255,255,255,.8);
	box-shadow: 0 2px 6px #777;
	-webkit-box-shadow: 0 2px 6px #777;
	-moz-box-shadow: 0 2px 6px #777;
	border-radius: 10px
}
#wxnr img {
	width: 2.3rem;
	height: 2.3rem;
	display: block;
	margin: 0 auto
}
#wxnr p {
font-size:.24rem;
line-height:.45rem;
	text-align: center
}
#wxnr i {
	position: absolute;
top:.2rem;
right:.2rem;
width:.3rem;
height:.3rem;
font-size:.2rem;
line-height:.3rem;
	text-align: center;
	color: #fff;
	font-weight: 700;
	font-style: normal;
	background: #333;
	border-radius: 1rem;
	cursor: pointer
}
#wxnr span {
	display: inline-block;
padding:.03rem .1rem;
line-height:.35rem;
	background-color: #0067d0;
	color: #fff;
border-radius:.05rem;
	cursor: pointer
}
#wxnr span.wx {
padding-left:.4rem;
	background-image: url(../bgimg/wx.png);
background-size:.28rem;
background-position:.1rem center;
	background-repeat: no-repeat
}
#weixin {
	position: fixed;
	top: 50%;
margin-top:-.4rem;
	z-index: 9999999;
font-size:.26rem;
	color: #fff;
	width: 90%;
	right: 5%;
line-height:.8rem;
	text-align: center;
	background: rgba(0,0,0,.8);
	border: 2px solid #333;
border-radius:.1rem;
	display: none
}
video {
	width: 100%;
	height: 4rem;
	padding: 1.5%;
	background-color: #000
}
.pglist {
	clear: both;
	margin: 20px;
	overflow: hidden;
	margin-left: 0;
	text-align: center;
	font-size: 12px
}
#Change_Page{
	display: inline-block;
	border: 1px solid #ccc;
	padding: 4px 12px;
	margin: 0 1px;
	line-height: 24px;
	background: #fff;
	color: #999
	}
.pglist ul a {
	display: inline-block;
	border: 1px solid #ccc;
	padding: 4px 12px;
	margin: 0 1px;
	line-height: 24px;
	background: #fff;
	color: #999
}
.pglist ul a:hover {
	background: #0067d0;
	color: #fff;
	border: 1px solid #0067d0
}
.pglist ul a:hover a {
	color: #fff
}
.pglist ul a.thisclass {
	display: inline-block;
	border: 1px solid #0067d0;
	padding: 4px 12px;
	margin: 0 1px;
	background: #0067d0;
	color: #fff
}
.pglist ul a.thisclass a {
	color: #fff
}
.pglist ul a a {
	display: block;
	color: #999
}
.pglist ul a:hover {
	color: #fff
}
