.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(../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 {
 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(../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,.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
}
.pglist ul li {
 display:inline-block;
 border:1px solid #ccc;
 padding:4px 12px;
 margin:0 1px;
 line-height:24px;
 background:#fff;
 color:#999
}
.pglist ul li:hover {
 background:#0067d0;
 color:#fff;
 border:1px solid #0067d0
}
.pglist ul li:hover a {
 color:#fff
}
.pglist ul li.thisclass {
 display:inline-block;
 border:1px solid #0067d0;
 padding:4px 12px;
 margin:0 1px;
 background:#0067d0;
 color:#fff
}
.pglist ul li.thisclass a {
 color:#fff
}
.pglist ul li a {
 display:block;
 color:#999
}
.pglist ul li a:hover {
 color:#fff
}