@charset utf-8;

.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:#dc0000;
	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
{
	min-height:300px;
	padding:5% 0;
}

#tip b
{
	color:#dc0000;
	font-weight:700;
}

.ax-tac
{
	text-align:center;
}

.zutu
{
	width:100%;
	position:relative;
	overflow:hidden;
	margin:auto;
}

.zutu .hd
{
	position:absolute;
	bottom:5%;
	width:100%;
	height:.22rem;
}

.zutu .hd li
{
	display:inline-block;
	width:.2rem;
	height:.2rem;
	border-radius:50%;
	text-indent:-9999px;
	background:#fff;
	margin:0 1%;
}

.zutu .hd li.on
{
	background:#dc0000;
}

.sitemap dt
{
	float:left;
	margin-right:2%;
	width:22%;
}

.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 dt
{
	float:left;
	margin-right:2%;
	margin-bottom:2%;
	min-width:32%;
}

.tags_list dt:nth-child(3n)
{
	margin-right:0;
}

.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;
	background:#fff;
	border:1px solid #dadada;
	margin:.08rem;
	padding:0 .1rem;
}

.comment-main
{
	width:94%;
	background:#FFF;
	font-size:.2rem;
	color:#666;
	line-height:.3rem;
	margin:.2rem 3% .1rem;
}

.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;
	background:#dc0000;
	color:#FFF;
	padding:0 .3rem;
}

.comment-show-box
{
	margin:.2rem 0;
}

.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:#dc0000;
}

.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:#dc0000;
	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;
	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;
	padding:3%;
}

.comment-show-box .fb-box dd p textarea:focus
{
	border:1px solid #dc0000;
	box-shadow:0 0 10px 0 #dc0000;
}

.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
{
	position:relative;
	padding:.2rem;
}

.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;
	-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:#dc0000;
	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;
	cursor:pointer;
	color:#555;
	background:#fff;
	border-radius:4px;
	border:1px solid #ddd;
	min-width:1.5rem;
	-webkit-box-sizing:border-box;
	box-sizing:border-box;
	margin:0 .15rem;
	padding:.1rem .25rem;
}

#mood a span
{
	display:inline-block;
	width:.3072rem;
	height:.3072rem;
	margin-right:.15rem;
	vertical-align:sub;
	background:url(../images/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 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
{
	position:absolute;
	top:50%;
	left:0;
	right:0;
	width:5rem;
	height:5rem;
	text-align:center;
	background-color:rgba(255,255,255,0.8);
	box-shadow:0 2px 6px #777;
	-webkit-box-shadow:0 2px 6px #777;
	-moz-box-shadow:0 2px 6px #777;
	border-radius:10px;
	margin:-2.5rem auto auto;
	padding:.6rem .3rem .3rem;
}

#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;
	line-height:.35rem;
	background-color:#dc0000;
	color:#fff;
	border-radius:.05rem;
	cursor:pointer;
	padding:.03rem .1rem;
}

#wxnr span.wx
{
	padding-left:.4rem;
	background-image:url(../images/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,0.8);
	border:2px solid #333;
	border-radius:.1rem;
	display:none;
}

video
{
	width:100%;
	height:4rem;
	background-color:#000;
}

.pglist
{
	width:100%;
	text-align:center;
	clear:both;
	padding:30px 0 15px;
}
.pglist li
{
	width:auto;
	text-align:center;
	padding:1%;
	float: left;
	margin: 0;
}
.pglist a
{
	color:#333;
	background:#fff;
	border:1px solid #edebeb;
	margin:0 4px;
	padding:0 15px;
}

.pglist *
{
	display:inline-block;
	vertical-align:middle;
	line-height:34px;
	padding-bottom:1px;
	width: 100%;
}

.pglist a:hover,.pglist .hover
{
	display:inline-block;
	color:#fff;
	background:#dc0b01;
	border-color:#dc0b01;
}

.zutu img,.comment-show-box .pl-box2
{
	width:100%;
}

.sitemap,.tags_list
{
	overflow:hidden;
	line-height:.4rem;
	border-bottom:1px solid #ddd;
	padding:2% 0;
}

.sitemap dt a,.tags_list dt a
{
	display:block;
	text-align:center;
	background:#ececec;
	font-size:.2rem;
	line-height:.7rem;
	font-weight:400;
}

.sitemap dt a:hover,.tags_list dt a:hover
{
	background:#ccc;
	color:#fff;
}

.tags a:hover,#mood a:hover
{
	background:#dc0000;
	color:#fff;
	border-color:#dc0000;
}