* {padding:0;margin:0;}
html {box-sizing:border-box;font-size:62.5%;}
body {background:#BEC3C6 url(bg.jpg) repeat-x;color:#555;font:1.6rem "Microsoft YaHei",Arial,sans-serif;}
img {border:none;}
li {list-style:outside none none;margin:0;padding:0;}
dl dt dd {margin:0;padding:0;}
/*input,textarea {-webkit-appearance:none;outline:none;}*/
.sex0 {border-color:#f69 !important;}
.sex1 {border-color:#ccc !important;}
.add {margin-bottom:1rem;clear:both;}
.log {border:1px #ccc solid;height:1.7rem;padding:0.4rem;font:1.4rem Verdana,Arial;}
.relog {width:80%;font-size:1.4rem;padding:0.2rem;}
#pname {margin-bottom:0.5rem;*margin-bottom:0rem;}
input.search {height:2.3rem;border:1px #ccc solid;padding:0.2rem;box-sizing:border-box;float:left;margin-top:0.4rem;}
input.pass {height:3rem;border:1px #ccc solid;padding:0.2rem;box-sizing:border-box;margin-top:1rem;}
input[type=checkbox] {width:2.1rem;height:2.1rem;vertical-align:middle;}
textarea.addlog {width:95%;font-size:1.4rem;height:auto;box-sizing:border-box;}
textarea#plog {width:85%;font-size:1.4rem;height:auto;}
input:focus {border:1px solid #37b8eb;}
textarea:focus {border:1px solid #37b8eb;}
#searchbox input {border-right:none;}
#searchbox .btn {float:left;}
.btn {width:6rem;height: 2.4rem;border:none;cursor:pointer;line-height: 2.4rem;background:#08a5e0;color:#fff;letter-spacing:0.3rem;margin-top: 0.3rem;}
#login.btn{width:8rem;height: 3rem;line-height: 3rem;letter-spacing:0.5rem;margin-top: 0.5rem;border-radius :.3rem}
#eadd {float:right;}
.uppic {float:left;margin-top:0.8rem;}
a {color:#2970A6;text-decoration:none;}
a:hover {text-decoration:underline;}
#wrap {padding:2rem 0rem 0rem;margin:0 auto;max-width:93.6rem;}
#tit {width:50%;}
#header {background:#464646;margin-bottom:0rem;}
#caption {height:4.4rem;padding:2.5rem 3rem 2.1rem;}
#title a {text-decoration:none;color:#FFF;height:3rem;display:block;font-family:"Trajan Pro";letter-spacing:0;}
#tagline {color:#FFF;text-decoration:none;font-size:1.2rem;padding: .8rem 3rem 0.3rem;}
#navigation {background:#fff;height:3.1rem;line-height:3.1rem;width:100%;}
#menus {float:left;}
#navigation ul {-ms-overflow-style:none;overflow:-moz-scrollbars-none;display:-webkit-box;overflow-x:scroll;-webkit-overflow-scrolling:touch;}
#navigation ul::-webkit-scrollbar {background-color:transparent;display:none;}
#menus li {list-style:none;}
#menus li a {background:transparent url(menu.gif) no-repeat;display:block;color:#382E1F;height:3.1rem;line-height:3.1rem;padding:0 2rem;margin-left:-1rem;text-decoration:none;float:left;z-index:1;}
#menus li a:hover {background-position:0 -3.1rem;}
#menus li.page_item a {background-position:1rem -12.4rem;}
#other {float:right;padding-right:1rem;}
#content {border-top:0.1rem solid #ccc;background:url(sidesep.gif) #fff right repeat-y;clear:both;max-width:93.6rem;overflow:hidden;box-shadow:0 0.3rem 0.3rem rgba(0,0,0,0.155) inset;}
#main {width:60.5rem;margin:1.5rem;float:left;}
.boxPost {clear:both;border-bottom:0.2rem dotted #ccc;overflow:hidden;margin-bottom:2rem;padding-bottom:1rem;}
.boxPost h1 {font-size:1.6rem;line-height:2.2rem;margin-bottom:1rem;color:#2970a6;}
.boxPost .uinfo {width:100%;height:4.5rem;position: relative;}
.boxPost .uinfo .face {float:left;width:5rem;}
.boxPost .uinfo .face img {width:4.5rem;height:4.5rem;border-radius:50%;border:1px solid #ccc;}
.boxPost .uinfo h3 {float:left;margin-left:0.5rem;}
.boxPost .uinfo h5 {float:right;margin-right:7.5rem;margin-top:0.3rem;}
.boxPost .uinfo .gz,.boxPost .uinfo .del {right:0.5rem;cursor:pointer;position: absolute;z-index: 1;}
.boxPost .uinfo .gz span {width:5.5rem;height:2rem;padding:0.2rem;border-radius:2rem;background-color:#FCC628;color:#fff;text-align:center;display:block;font-size: 1.4rem;line-height: 2rem}
.boxPost .uinfo .del span {width:5.5rem;height:2rem;padding:0.2rem;border-radius:2.5rem;background-color:#Ff0000;color:#fff;text-align:center;display:block;font-size: 1.4rem;}
@media screen and (max-width:93.6rem) {
	.boxPost .uinfo h5 {float:left;margin-left:.5rem;margin-right: 0;}
	.boxPost .uinfo h3 {width:50%}
	.navPost {float:left;margin-left: 3rem;}
}
.boxPost em {margin-left:4.5rem;font-style:normal;display:block;clear:left;min-height:8rem;}
.textPost {word-break:break-all;word-wrap:break-word;line-height:2.8rem;min-height:6rem;text-indent:2em;}
.textPost img.altpic {max-height:8rem;float:left;margin-right:1rem;border:1px solid #ccc;border-radius:1rem;padding:0.5rem;}
.textPost span {float:right;margin-right:0.5rem;margin-bottom:0.5rem;color:#2970A6;cursor:pointer;}
.time {font-size:1.2rem;color:#999999;float:left;margin-left: 3rem;}
.navPost {float:right;}
.navPost a {font-size:1.2rem;margin-right:1.5rem;}
.rpfm {clear:both;}
.comlist {clear:both;border-bottom:0.1rem #B4B4B4 dotted;margin-bottom:2rem;overflow:hidden;}
#comment_list h4 {border-bottom:0.1rem dotted #ccc;font-size:1.4rem;margin-bottom:0.5rem;}
#content p {line-height:2.4rem;}
#errmsg {color:red;}
.ico {background:#548AF5;padding:0.1rem 0.5rem;font-size:1rem;color:#fff;border-radius:0.3rem;}
/*¶¥*/
.si {background:#444;}
/*Ë½*/
.jin {background:#c81623;}
/*½û*/
.mi {background:#999;}
/*ÃØ*/
/*±à¼­µ¯³ö´°*/
#editPassDiv {display:none;background-color:#ccc;width:24rem;position:fixed;z-index:1;top:25%;left:50%;margin-left:-12rem;padding:1rem;line-height:3.5rem;border-radius:0.6rem;}
#editPassDiv input {width:15rem;height:2.3rem;border:1px #000 solid;}
#editPassDiv span {width: 2.5rem;height: 2.5rem;display: block;color: #fff;border-radius: 50%;background-color: #FCC628;font-size: 2rem;float: right;margin-top: 1rem;line-height: 2.5rem;text-align: center;cursor:pointer}
/*ÎÒµÄÍ·Ïñ*/
.myface {width:12rem;height:12rem;border:1px solid #eee;float:right;margin-right:0.5rem;}
/*²à±ßÀ¸*/
@media screen and (max-width:93.6rem) {
#content {background:#fff;}
#sidebar,#other,.info {display:none;}
.boxPost {padding-right:1rem;}
.boxPost em {margin-left:0.2rem;}
#wrap {padding-top:0;}
#main {width:95%;}
#atime {margin-top:1.5rem;}
}

#sidebar {width:29rem;margin-left:0.3rem;line-height:145%;overflow:hidden;padding-bottom:1rem;}
.widget {background:url(widgetsep.png) bottom no-repeat;padding:1rem 1.5rem 1.9rem;margin:0.5rem;}
.widget:last-child {background:none;}
#blogimg {text-align:center;margin-bottom:0.5rem;}
#sidebar h2 {font-size:1.4rem;margin-bottom:1rem;}
#sidebar h2 span {font-size:1.2rem;font-weight:normal;}
#sidebar ul li {list-style:none;margin-left:0.3rem;padding:1rem 0 0.2rem 0;font-size:1.2rem;}
#sidebar a {color:#464646;text-decoration:none;}
.comment li,.topic li {border-bottom:0.1rem dotted #B4B4B4;line-height:2.4rem;}
.comment li:last-child,.topic li:last-child {border-bottom:none;}
.widtips {margin-top:2rem;}
.widtips span {font-weight:bold;}
.widtips li {font-size:.8em;line-height:2em;}
/*ÊÓÆµ*/
.videoContent {background-color:rgb(40,46,83);width:100%;height:100%;}
.videoElement {object-fit:fill;}
/*·ÖÒ³*/
#pager {margin:1rem 0;text-align:right;clear:both;font-size:1.2rem;}
#pager a {margin-right:0.5rem;padding:0.3rem 0.6rem;text-decoration:none;border:1px solid #EDEFF0;}
#pager a:hover {background:#F7F7F7;border:1px solid #CCC;}
#pager span {margin-right:0.5rem;padding:0.3rem 0.6rem;border:1px solid #EDEFF0;text-align:center;}
#pager .current {background-color:#27a9e3;border:1px solid #27a9e3;color:#fff;}
#footer {background:#eeeeee;height:3rem;margin-bottom:3rem;border-top:0.1rem solid #CCC;font-size:1.2rem;line-height:145%;max-width:91.6rem;padding:1rem;clear:both;padding-top:2rem;text-align:center;}
#footer a {color:#2A2A2A;}
.tabtitle {background:#f4f4f4;border-bottom:0.1rem solid #ddd;line-height:3rem;padding:0 1rem 0 2rem;display:-webkit-box;overflow-x:auto;overflow-y:hidden;white-space:nowrap;}
.tabtitle li {cursor:pointer;display:inline-block;padding:0 1.5rem;}
.tabtitle li a {color:#382E1F;}
.tabtitle li.on {background:#fff;/* border-color:#ddd #ddd #fff;border-image:none;border-style:solid;border-width:1px 1px 2px;*/border:1px solid #ddd;border-bottom:0;height:3rem;}
.tabcontent {clear:both;margin:1rem 0 0 1rem;}
.s_b {height:10.8rem;margin-bottom:0.5rem;}
.s_d {height:3rem;}
.s_e {height:6rem;}
.input_textarea {width:90%;height:6.8rem;border:1px #ccc solid;font:1.4rem Verdana,Arial;margin-top:0.5rem;padding:0.5rem;}
.input_narrow {width:40%;height:1.7rem;border:1px #ccc solid;font:1.4rem Verdana,Arial;margin-top:0.5rem;padding:0.5rem;}
.s_h {height:25.8rem;margin-bottom:0.5rem;}
.s_h .input_textarea {height:21.8rem;}
.ef {margin-bottom:0.5rem;}
.select {border:1px #ccc solid;padding:0.2rem;}
.textTitle {margin-bottom:0.8rem;padding-left:3rem;}
.textPic {float:left;margin-right:1.5rem;margin-left:0;width:18rem;min-width:15rem;height:auto;}
.textPic img {padding:0.3rem;border:solid 1px #F1F1F1;max-width:12rem;}
.textNav {clear:both;}
#log {width:95%;border:1px #ccc solid;font:1.4rem Verdana,Arial;padding:0.4rem;border-top:none;overflow:auto;height:30rem;box-sizing:border-box;}
.nicEdit-panelContain {box-sizing:border-box;}
.noreg {margin:2rem auto;text-align:center;}
.noreg span {;}
.about {padding:1rem;line-height:2.8em;}
/*msg*/
.popupStyle {display:none;width:16rem;background-color:rgb(85,85,85);color:#fff;text-align:center;border-radius:0.6rem;padding:0.8rem 0;position:fixed;z-index:12;top:25%;left:50%;margin-left:-8rem;}
/*.popupStyle::after {content:"";position:absolute;top:100%;left:50%;margin-left:-0.5rem;border-width:0.5rem;border-style:solid;border-color:#555 transparent transparent transparent;}*//*Ð¡Î²°Í*/
/*alert*/
.alertmes {position:fixed;top:0;right:0;width:100%;height:100%;background-color:rgba(0,0,0,0.5);overflow:hidden;display:none;}
.am-wrapper {width:90%;margin:20rem auto 0;max-width:40rem;padding:2rem;box-sizing:border-box;background-color:#fff;border:1px solid #ddd;border-radius:0.4rem;box-shadow:0 0 0.5rem #ddd;}
.am-mes {margin:1rem 0 3rem;}
.am-btn {text-align:right;}
.am-btn input.btn {border-radius:0.4rem;outline:none;margin-left:5rem;}
.am-cancel-btn {background-color:#ddd;}
