article, aside, details, figcaption, figure, footer, header, main, nav, section {display:block;}
div,html,body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, code, form, fieldset, legend, input, textarea, p, blockquote, th, td, hr, button, article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section, main {margin:0; padding:0;}
body {background-color:#eee; font:100%/1.5em 'Microsoft Yahei',Arial,tahoma;}
a {text-decoration:none; color:#444;}
a:hover {color:#2B6BAB; text-decoration:underline;}
li {list-style:none;}
h1{ font-size:1.25em; line-height:1.75em;}
h2{ font-size:1.125em; line-height:1.625em;}
h3{ font-size:1em; line-height:1.5em;}
h4{ font-size:0.875em; line-height:1.375em;}
h5{ font-size:0.8125em; line-height:1.375em;}
h6{ font-size:0.75em; line-height:1.25em;}
hr{ margin:30px auto; height:0; border-top:1px solid #EAEAEA;}
.clearfix {clear:both;}
a img {border:none;}
.thumbnail {position:relative; overflow:hidden;}
.thumbnail img {position:absolute; left:0; top:50%; transition:all 0.2s ease 0s;}
.define-img img,.thumbnail a {width:100%; height:auto; display:block;}
table {background-color: transparent; border-spacing: 0; border-collapse: collapse; font-size:0.75em; width:100%;border-top:solid 1px #ddd;border-left:solid 1px #ddd; box-sizing: border-box;}
table th{background-color:#f9f9f9;text-align:center; box-sizing: border-box;}
table td,table th{padding:5px 10px;border:1px solid #ddd; box-sizing: border-box;}
/*gold*/
.inner {width:1080px; margin:0 auto;}
.wrap,.ad {overflow:hidden; margin-bottom:20px;}
h3.title {background-color:#EBEBEB; height:35px;  line-height:35px; font-size:1em; margin-bottom:15px;}
h3.title span {background-color:#2B6BAB; color:#fff; display:block; float:left; padding:0 10px;}
.ad img,.latest li img,.featured ul li img,.widget img {display:block; width:100%; height:auto;}
/*header*/
#header {width:100%; background-color:#fff; padding-top:10px;}
#header .logo {float:left; padding-bottom:10px;}
#header .logo a {display:block;}
#header .logo img {display:block; width:auto; max-width:100%; height:auto;}
#header .search-form {float:right; height:30px; margin-top:20px; display:inline; font-size:0.875em;}
#header .search-form .s{border:2px solid #ddd; width:200px;  height:20px; padding:5px; border-radius:3px 0 0 3px; box-shadow:0 1px 2px #ddd;}

#header .search-form .submit {background-color:#2B6BAB; color:#fff; border:none; height:33px; padding:0 5px; cursor:pointer; border-radius:0 3px 3px 0;box-shadow:0 1px 2px #ddd;  -webkit-appearance : none ;}
#header .nav {background-color:#2B6BAB; width:100%; height:42px; box-shadow:0 1px 2px #bbb; position:relative;}
#header .menu ul li {float:left; text-align:center; line-height:42px; position:relative;}
#header .menu ul li a {padding:0px 12px;display:block; color:#fff;}
#header .menu ul li a:hover,#header .menu ul li a.on,#header .menu ul li.on > a {background-color:#ddd; color:#000; text-decoration:none;}
#header .menu ul li ul {position:absolute; width:100px; left:0; top:42px; z-index:2; background-color:#2B6BAB; display:none;}
#header .menu ul li li {float:none; font-size:1em; width:100%;}
#header .menu ul li li a {color:#fff;}
.nav-btn {position:absolute; left:5%; height:42px; line-height:40px; display:block; cursor:pointer; display:none;}
.nav-btn i {font-style:normal; float:left;  color:#fff; display:block; padding:0 2px; height:100%;}
.nav-btn i.line {padding:6px 6px; height:auto;}
.nav-btn span {display:block; width:30px; height:4px; background-color:#fff; margin:5px 0; border-radius:2px;}
#menu {background-color:#fff;overflow:hidden; display:none;}
#menu ul {padding:10px 0;}
#menu ul li a{display:block; padding:5px 10px;}
#menu ul li ul {padding:0;}
#menu ul li li a {padding:5px 10px 5px 2em;}
/*container*/
#container {width:1050px; background-color:#fff; padding:10px 25px 25px; margin:3px auto 15px; overflow:hidden;}
/*slides*/
.slides,.main {float:left; width:700px;}
.slides img {width:100%; height:auto; display:block;}
.slides {overflow:hidden;}
/*latest*/
.latest,.sidebar {float:right; width:330px; overflow:hidden;}
.latest li,.featured ul li p {margin-bottom:8px; font-size:0.875em; overflow:hidden; text-overflow:ellipsis;}
.latest li img {float:left; width:120px; border:1px solid #ddd; padding:1px; margin:5px 5px 5px 0; display:inline; height:80px;}
.latest li.first {height:100px; border-bottom:1px dotted #ddd;}
.latest p.title {font-weight:bold;}
.latest p.cont {color:#444;}
.latest li.new {white-space:nowrap; background:url(images/dot.jpg) no-repeat left center; padding-left:10px; padding-right:50px; position:relative}
.latest li.new span{ position:absolute;right:0px;top:0px; color:#999}
/*breadcrumb*/
.breadcrumb {font-size:0.75em; font-family:'宋体'; color:#2B6BAB; margin-bottom:10px; background:url(images/home.png) no-repeat left 6px; padding-left:15px;}
.breadcrumb a {color:#2B6BAB;}
/*featured*/
.featured ul {width:1064px; overflow:hidden;}
.featured ul li {float:left; width:250px; margin-right:16px; display:inline; overflow:hidden; background-color:#eee;}
.featured ul li a,.box .top a {display:block; background-color:#eee; text-align:center; white-space:nowrap; overflow:hidden; text-overflow:ellipsis;}
.featured ul li p,.box .top p {padding:5px 10px; margin-bottom:0; white-space:nowrap; overflow:hidden; text-overflow:ellipsis;}
.bx-wrapper {position: relative;}
.bx-wrapper .bx-viewport {left: -5px; background: #fff;}
.bx-wrapper .bx-pager,
.bx-wrapper .bx-controls-auto {position: absolute;bottom: -30px;	width: 100%;}
.bx-wrapper .bx-loading {min-height: 50px;background: url(images/bx_loader.gif) center center no-repeat #fff;height: 100%;width: 100%;position: absolute;top: 0;left: 0;z-index: 2000;}
/* PAGER */
.bx-wrapper .bx-pager {text-align: center;font-size: .85em;font-family: Arial;font-weight: bold;color: #666;padding-top: 20px;}
.bx-wrapper .bx-pager .bx-pager-item,
.bx-wrapper .bx-controls-auto .bx-controls-auto-item {display: inline-block;*zoom: 1;	*display: inline;}
.bx-wrapper .bx-pager.bx-default-pager a {background: #666;text-indent: -9999px;display: block;width: 10px;height: 10px;margin: 0 5px;outline: 0;-moz-border-radius: 5px;-webkit-border-radius: 5px;	border-radius: 5px;}
.bx-wrapper .bx-pager.bx-default-pager a:hover,
.bx-wrapper .bx-pager.bx-default-pager a.active {background: #000;}
.bx-wrapper .bx-prev {left: 10px;background: url(images/controls.png) no-repeat 0 -32px;}
.bx-wrapper .bx-next {right: 10px;background: url(images/controls.png) no-repeat -43px -32px;}
.bx-wrapper .bx-prev:hover {background-position: 0 0;}
.bx-wrapper .bx-next:hover {background-position: -43px 0;}
.bx-wrapper .bx-controls-direction a {position: absolute;top: 50%;margin-top: -16px;outline: 0;width: 32px;	height: 32px;text-indent: -9999px;z-index: 3;}
.bx-wrapper .bx-controls-direction a.disabled {display: none;}
.bx-wrapper .bx-controls-auto {text-align: center;}
.bx-wrapper .bx-controls-auto .bx-start {display: block;	text-indent: -9999px;width: 10px;height: 11px;	outline: 0;	background: url(images/controls.png) -86px -11px no-repeat;	margin: 0 3px;}
.bx-wrapper .bx-controls-auto .bx-start:hover,
.bx-wrapper .bx-controls-auto .bx-start.active {	background-position: -86px 0;}
.bx-wrapper .bx-controls-auto .bx-stop {	display: block;	text-indent: -9999px;	width: 9px;	height: 11px;	outline: 0;	background: url(images/controls.png) -86px -44px no-repeat;	margin: 0 3px;}
.bx-wrapper .bx-controls-auto .bx-stop:hover,
.bx-wrapper .bx-controls-auto .bx-stop.active {	background-position: -86px -33px;}
.bx-wrapper .bx-controls.bx-has-controls-auto.bx-has-pager .bx-pager {text-align: left;	width: 80%;}
.bx-wrapper .bx-controls.bx-has-controls-auto.bx-has-pager .bx-controls-auto {right: 0;	width: 35px;}
.bx-wrapper .bx-caption {position: absolute;	bottom: 0;	left: 0;	background: #666\9;	background: rgba(80, 80, 80, 0.75);	width: 100%;}
.bx-wrapper .bx-caption span {color: #fff;font-family: Arial;	display: block;	font-size: .85em;	padding: 10px;}
/*main*/
.box {position:relative;}
.box,.boxlist,.portfolio {width:100%; overflow:hidden; margin-bottom:20px;}
.box .latest {float:left; width:100%;}
.box .latest li.bold {font-weight:bold; font-size:1em;}
.box .ad {float:right; width:250px;}
.box .top {font-size:0.875em;}
.boxlist .latest {margin:10px 0;}
.latest div.title {font-size:1.125em; margin-bottom:10px; border-bottom:1px solid #eee; padding-bottom:5px;}
.latest div.title span {float:right; font-size:0.7em; font-family:'Simsun';}
.latest div.title span a {color:#888;}
/*category-blog*/
.category-blog {margin-bottom: 20px; overflow:hidden; border-bottom:1px solid #eee; padding-bottom:20px;}
.category-blog h2 {font-size: 1.25em; letter-spacing: 2px; margin-bottom:15px; white-space:nowrap; overflow:hidden; text-overflow:ellipsis;}
.category-blog .thumbnail {width:200px; height:133px; float:left; margin-right:20px; display:inline;}
.category-blog .intro {height:120px; overflow:hidden; text-overflow:ellipsis;}
.category-blog .intro .shj { color:#999}
/*portfolio*/
.portfolio {margin-bottom:0;}
.portfolio-box {overflow:hidden; margin-bottom:20px; position:relative;}
.portfolio-box span.more,.box span.more {position:absolute; right:10px; top:5px; font-size:0.75em; font-family:'宋体';}
.portfolio-box ul {overflow:hidden; width:1080px; }
.portfolio-box li {float:left; width:240px; margin:10px 30px 10px 0; display:inline; font-size:0.875em; text-align:center; white-space:nowrap; overflow:hidden; text-overflow:ellipsis; background-color:#f5f5f5;}
.portfolio-box li .thumbnail {height:160px; overflow:hidden;}
.portfolio-box li p {padding:5px; white-space:nowrap; overflow:hidden; text-overflow:ellipsis;}
/*portfolio-post*/
#portfolio {margin-bottom:20px;}
.portfolio-post h1.title,.post h1.title {text-align:center; font-size:1.5em; border-bottom:1px solid #eee; padding-bottom:10px; margin-bottom:10px;}
.postmeta {text-align:center; font-size:0.75em; margin-bottom:25px; color:#555;}
.postmeta a {color:#555;}
.postmeta span {padding:0 10px;}
.entry {padding:20px 0;}
.entry p{margin-bottom:20px;}
.entry img {max-width:100%; height:auto !important;}
.entry blockquote {overflow:hidden; padding:20px 20px 0; border-radius:3px; font-size:0.875em; color:#444; margin-bottom:20px; background:#f2f2f2 url(images/block_l.png) no-repeat 5px 5px; position:relative;}
.entry h1,.entry h2,.entry h3,.entry h4,.entry h5,.entry h6,.entry ul,.entry ol {margin-bottom:20px;}
.post .entry ul li,.post .post-related ul li  {list-style:inside disc none; padding-left:2em; margin:5px 0;}
.entry ol li {list-style:inside decimal none; padding-left:2em; margin:5px 0;}
.entry blockquote i.bq {position:absolute; right:5px; bottom:5px; background:url(images/block_r.png) no-repeat center center; display:block; width:20px; height:28px;}
.post .post-related {padding:1em 2em 30px;}
.post .post-related h3 {margin-bottom:25px;}
.post .post-related ul li {color:#2B6BAB; padding-left:1em;}
.post .post-related ul li a {color:#2B6BAB;}
.post .tags {border-bottom:1px solid #ececec; padding-bottom:5px; margin-bottom:20px;}
.post .tags span {font-weight:bold; font-size:0.875em;}
.post .tags a {color:#333; font-family:'宋体'; font-size:0.875em; background:url(images/tag.png) no-repeat left 4px; padding-left:22px; margin:2px 4px; display:inline-block;}
.post-navi {font-size:0.75em;color:#333; margin-bottom:20px; overflow:hidden;}
.post-navi a {color:#333;}
.post-navi span {font-weight:bold;}
.portfolio-related h3 {margin-bottom:20px;}
.portfolio-post .post-navi {border-top:1px solid #ededed; padding-top:5px;}
/*comments*/
.comments h3,.commentpost h3 {font-weight:normal; margin-bottom:20px;}
.comments ol li {position:relative; height:auto; min-height:42px; border-bottom:1px dotted #ddd; margin-bottom:20px; padding-bottom:5px;}
.comments ol li .gravatar {float:left; width:42px; height:42px; position:absolute; left:0; top:3px;}
.comments ol li .cmt-cont {padding-left:62px;}
.comments ol li .cont-head {font-family:'宋体'; font-size:0.75em; color:#888; overflow:hidden; margin-bottom:10px;}
.comments ol li .cont-head a {color:#2B6BAB;}
.comments ol li .cont-head span.cmt-time {float:right;}
.comments ol li .cont-msg {font-size:0.875em; font-family:'宋体';}
.comments ol li .cont-other {font-size:0.75em; font-family:'宋体'; text-align:right;}
.comments ol li .cont-other span {color:#555;}
.comments ol li .cont-other a{color:#888}
.comments ol li li {border-bottom:0; margin-top:20px; margin-left:6%;}
/*commentpost*/
.commentpost {margin-bottom:20px;}
.commentpost h3 {font-size:1.25em; border-bottom:2px solid #ccc; padding-bottom:5px;}
.commentpost p {margin-bottom:10px; overflow:hidden; clear:both;}
.commentpost .text {border:1px solid #CCD4D9; padding:8px 5px; width:250px; float:left;}
.commentpost label {margin-left:10px; line-height:34px;}
.commentpost textarea {border:2px solid #CCD4D9; border-radius:2px; width:90%; height:150px; padding:5px 1%;}
.commentpost .submit {background-color:#E74851; color:#fff; font-size:1.5em; border:none; border-radius:2px; padding:5px 15px;  cursor:pointer; -webkit-appearance : none ;}
.commentpost .tips {color:#f30; text-align:center; font-size:0.75em; font-family:'宋体'; margin:40px auto; float:left; clear:both;}
.commentpost .tips  span {display:block; background-color:#FFF6E8; border:1px solid #FFE8C4; padding:5px 15px;}
.commentpost .tips a {color:#333;}
/*pgwslideshow*/
.pgwSlideshow {width: 100%; display: none;}
.pgwSlideshow a{color: #fff;}
.pgwSlideshow .ps-current {text-align: center; position: relative; min-height: 150px; overflow: hidden;}
.pgwSlideshow .ps-current > ul  > li {text-align: center; width: 100%; z-index: 1; opacity: 0; display: block;}
.pgwSlideshow .ps-current > ul  > li img {
    display: block;
    max-width: 100%;
    margin: auto;
}

.pgwSlideshow .ps-caption {
    background: rgba(0, 0, 0, 0.5);
    filter:  progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr='#99000000', endColorstr='#99000000');
    -ms-filter: "progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr='#99000000', endColorstr='#99000000')";
    text-align: left;
    font-size: 1rem;
    color: #fff;
    position: absolute;
    left: 0px;
    bottom: 0px;
    width: 100%;
    padding: 10px;
    display: none;
}

.pgwSlideshow .ps-caption span {
    padding: 7px;
    display: inline-block;
}

.pgwSlideshow .ps-list {    
    overflow: hidden;
    position: relative;
}

.pgwSlideshow .ps-list ul {
    position: relative;
    list-style: none;
    margin: 0;
    padding: 0;
    left: 0;
}

.pgwSlideshow .ps-list li {
    float: left;
}

.pgwSlideshow .ps-list li .ps-item {
    display: block;
    margin: 15px 8px;
    opacity: 0.6;
    filter: alpha(opacity=60);
}

.pgwSlideshow .ps-list li img {
    display: block;
    border: 1px solid #777;
    width: 80px;
    height: 80px;
}

.pgwSlideshow .ps-list li .ps-item.ps-selected {
    float: left;
    opacity: 1;
    border: 4px solid #fff;
    overflow: hidden;
}

.pgwSlideshow .ps-list li .ps-item.ps-selected img {
    margin: -4px;
}

.pgwSlideshow .ps-prevIcon {
    border-color:transparent #fff transparent;
    border-style: solid;
    border-width: 10px 10px 10px 0;
    display: block;
}

.pgwSlideshow .ps-nextIcon {
    border-color:transparent #fff transparent;
    border-style: solid;
    border-width: 10px 0 10px 10px;
    display: block;
}

.pgwSlideshow .ps-current .ps-prev {
    background: rgba(0, 0, 0, 0.5);
    filter:  progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr='#99000000', endColorstr='#99000000');
    -ms-filter: "progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr='#99000000', endColorstr='#99000000')";
    border: 1px solid #777;
    border-left: 0;
    border-radius: 0 4px 4px 0;
    position: absolute;
    padding: 20px 20px 20px 15px;
    left: 0;
    top: 45%;
    cursor: pointer;
}

.pgwSlideshow .ps-current .ps-next {
    background: rgba(0, 0, 0, 0.5);
    filter:  progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr='#99000000', endColorstr='#99000000');
    -ms-filter: "progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr='#99000000', endColorstr='#99000000')";
    border: 1px solid #777;
    border-right: 0;
    border-radius: 4px 0 0 4px;
    position: absolute;
    padding: 20px 15px 20px 20px;
    right: 0;
    top: 45%;
    cursor: pointer;
}

.pgwSlideshow .ps-list .ps-prev {background: rgba(0, 0, 0, 0.5); filter:  progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr='#bb000000', endColorstr='#bb000000'); -ms-filter: "progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr='#bb000000', endColorstr='#bb000000')"; border: 1px solid #777; border-left: 0; border-radius: 0 4px 4px 0; padding: 20px 15px 20px 12px; cursor: pointer; position: absolute; left: 0; top: 25px; z-index: 1000; display: none;}
.pgwSlideshow .ps-list .ps-next {background: rgba(0, 0, 0, 0.5); filter:  progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr='#bb000000', endColorstr='#bb000000'); -ms-filter: "progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr='#bb000000', endColorstr='#bb000000')"; border: 1px solid #777; border-right: 0; border-radius: 4px 0 0 4px; padding: 20px 12px 20px 15px; cursor: pointer; position: absolute; right: 0; top: 25px; z-index: 1000; display: none;}
.pgwSlideshow.narrow .ps-list li img {width: 60px;    height: 60px;}
.pgwSlideshow.narrow .ps-current .ps-prev {padding: 15px 15px 15px 12px; top: 40%;}
.pgwSlideshow.narrow .ps-current .ps-next {padding: 15px 12px 15px 15px; top: 40%;}
.pgwSlideshow.narrow .ps-list .ps-prev {padding: 15px 12px 15px 10px; top: 20px;}
.pgwSlideshow.narrow .ps-list .ps-next {padding: 15px 10px 15px 12px; top: 20px;}
.pgwSlideshow.narrow .ps-caption {font-size: 0.8rem; padding: 8px;}
/*pagenavi*/
.pagenavi {clear:both; overflow:hidden; text-align:center; margin-bottom:20px;}
.pagenavi a,.pagenavi span.now-page {display:inline-block; padding:3px 10px; background-color:#eee; color:#777; margin:3px; font-size:0.875em; border-radius:3px;}
.pagenavi a:hover,.pagenavi span.now-page {background-color:#2B6BAB; color:#fff;}
/*sidebar*/
.sidebar {}
.widget {margin-bottom:20px;}
.widget ul li {background:url(images/list_style.png) no-repeat left center; padding:5px 0 5px 12px; white-space:nowrap; overflow:hidden; text-overflow:ellipsis; font-size:0.875em;}
.widget ul.column li {background:none; padding:5px 0; white-space:normal;}
.widget ul.column li .thumbnail{display:block; float:left; width:100px; height:auto; margin:3px 10px 0 0;}
.widget ul.column li a {font-weight:bold;}
/*widget-tab*/
.widget-tab .tab-title {overflow:hidden; margin-bottom:15px;}
.widget-tab .tab-title li {float:left; width:33.333333%; height:35px; line-height:35px; text-align:center; cursor:pointer; background-color:#EBEBEB;}
.widget-tab .tab-title li.on {background-color:#2B6BAB; color:#fff;}
.widget-tab .widget {display:none;}
.widget-tab .widget.on {display:block;}
.widget-tab .widget ul li {background:none; padding-left:0;}
.widget-tab .widget i {font-style:normal; background-color:#eee; margin-right:5px; display:inline-block; width:20px;  text-align:center; font-size:0.875em;}
.widget-tab .widget i.top {background-color:#FC9F14; color:#fff;}
/*friendlinks*/
.friendlinks h3 {font-weight:normal; font-size:1.25em; border-bottom:2px solid #ddd; padding:0 10px 5px;}
.friendlinks ul {overflow:hidden;}
.friendlinks ul li {float:left; font-size:0.875em; padding:5px 10px;}
/*footer*/
.footer {background-color:#222; box-shadow:0 -2px 5px #bbb; padding:20px 0; color:#aaa; font-size:0.75em; text-align:center;}
.footer a {color:#aaa;}
#backtop {width:40px; height:40px; position:fixed; top:70%; z-index:999; right:15%;}
#backtop a {display:block; width:40px; height:40px;  background:#999 url(images/backtop.gif) no-repeat center center;}
#backtop a:hover {background-color:#333;}
/*last*/
.right {float:right;}
.left {float:left;}
.spbf{ width:100%; height:500px;}
/*screen width*/
@media only screen and (max-width:1700px){
	#backtop {
		right:10%;
	}
}
@media only screen and (max-width:1500px){
	#backtop {
		right:5%;
	}
}
@media only screen and (max-width:1349px){
	#backtop {
		right:20px;
	}
}
@media only screen and (max-width:1200px){
	.inner {
		width:90%;
	}
	#header .menu ul li {
		width:11.111111%;
	}
	#container {
		width:87.5%;
		padding: 10px 2.083333% 25px;
	}
	.slides, .main {
		width:66.666667%;
	}
	.wrap .latest,.sidebar {
		width:31.428571%;
	}
	.boxlist .latest {
		width:47.142857%;
	}
	.box .latest {
		
	}
	.portfolio-box ul {
		width:102.857143%;
	}
	.portfolio-box li {
		width:22.222222%;
		margin: 10px 2.777778% 10px 0px;
	}
}
@media only screen and (max-width:1000px){
	.box .ad {
		width:42.9%;
	}
}
@media only screen and (max-width:800px){
	#container {		
		padding: 10px 2.083333% 15px;
	}
	.boxlist .latest {
		width:100%;
	}
	
.spbf{ width:100%; height:240px;}
	
	.category-blog .intro .shj { display:none}

.latest li.new span{ display:none}

.entry iframe{max-width:100%; height:auto;}	
	
}
@media only screen and (max-width:768px){
	#header .logo  {
		max-width:43%;		
	}
	#header .menu ul li {
		font-size:0.875em;
	}
	.wrap .latest {
		display:none;
	}
	.slides {
		float:none;
		width:100%;
		display:block;
	}
	.main {
		float:none;
		display:block;
		width:auto;
	}
	.sidebar {
		display:none;
	}
	.boxlist .latest {
		width:47.142857%;
	}
	#backtop {
	    right:10px;
	}
}
@media only screen and (max-width:640px) {
	#header .search-form {
		margin-top:15px;
	}
	#header .search-form .s {
		width:150px;
	}
	#header .menu ul li {
		font-size:0.75em;
	}
}
@media only screen and (max-width:540px) {
	#header .search-form {
		margin-top:10px;
	}
	.nav-btn {
		display:block;
	}
	#header .menu,.box .ad {
		display:none;
	}
	.box .latest {
		width:auto;
		float:none;
		display:block;
	}
	.category-blog .thumbnail {
		width:150px;
		height:100px;
	}
	.category-blog .intro {
		height:100px;
	}
	.boxlist .latest {
		width:100%;
	}
}
@media only screen and (max-width:480px) {
	#header .search-form {
		margin-top:5px;
	}
	#header .search-form .s {
		width:100px;
	}
	#header .search-form .submit {
		padding:0;
	}
	#header .logo img{
		max-width:170px;
	}
	.category-blog .thumbnail {
		width:100px;
		height:67px;
		margin-top:4px;
	}
	.category-blog .intro {
		height:70px;
	}
	.comments ol li .cont-head span.cmt-time {
		display:block;
		clear:both;
		float:none;
	}
	.portfolio-box li {
		width:47%;
		margin: 10px 3% 10px 0px;
	}
}
@media only screen and (max-width:360px) {
	#header .search-form .s {
		width:60px;
	}
	.commentpost .text {		
		width:180px;
	}	
	.commentpost textarea {
		width:90%;
	}
}













        /* 点赞弹窗*/
        .reward-btn {
            padding: 12px 24px;
            background: #ff6700;
            color: #fff;
            border: none;
            border-radius: 4px;
            font-size: 16px;
            cursor: pointer;
            transition: background 0.3s; text-align:center; display: block; margin:0 auto; width:100px; margin-bottom:10px;
        }
        .reward-btn:hover {
            background: #ff8833;
        }
        .mask {
            position: fixed;
            top: 0;
            left: 0;
            width: 100%;
            height: 100%;
            background: rgba(0, 0, 0, 0.6);
            z-index: 999;
            display: none;
        }
        .reward-modal {
            position: fixed;
            top: 50%;
            left: 50%;
            transform: translate(-50%, -50%);
            width: 360px;
            background: #fff;
            border-radius: 8px;
            z-index: 1000;
            display: none;
            overflow: hidden;
        }
        .modal-header {
            padding: 16px;
            background: #f8f8f8;
            border-bottom: 1px solid #eee;
            position: relative;
            text-align: center;
            font-size: 18px;
            font-weight: bold;
        }
        .close-modal {
            position: absolute;
            top: 50%;
            right: 16px;
            transform: translateY(-50%);
            width: 24px;
            height: 24px;
            line-height: 24px;
            text-align: center;
            font-size: 20px;
            color: #999;
            cursor: pointer;
            transition: color 0.3s;
        }
        .close-modal:hover {
            color: #ff6700;
        }
        .modal-tabs {
            display: flex;
            justify-content: center;
            padding: 12px 0;
            border-bottom: 1px solid #eee;
        }
        .tab-item {
            padding: 6px 24px;
            font-size: 16px;
            color: #666;
            cursor: pointer;
            position: relative;
        }
        .tab-item.active {
            color: #ff6700;
        }
        .tab-item.active::after {
            content: "";
            position: absolute;
            bottom: -13px;
            left: 0;
            width: 100%;
            height: 2px;
            background: #ff6700;
        }
        .modal-qrcode {
            padding: 24px;
            text-align: center;
        }
        .qrcode-item {
            display: none;
        }
        .qrcode-item.show {
            display: block;
        }
        .qrcode-img {
            width: 200px;
            height: 200px;
            object-fit: cover;
            margin: 0 auto 12px;
        }
        .qrcode-desc {
            font-size: 14px;
            color: #666;
        }






@media only screen and (max-width:780px) {


   .reward-modal {
  
            width: 90%;
    
        }

}











  #demo {
            width: 100%; margin-bottom:20px;
        }

       #demo form {
      
        }

       #demo form h2 {
            font-size: 1.8rem;
            font-weight: 600;
            letter-spacing: 1px;
            color: #1e2b3c;
            text-align: center;
            margin-bottom: 20px;
            padding-bottom: 12px;
            border-bottom: 2px solid #e9eef2;
            word-break: break-word;
        }

       #demo .form-group {
            margin-bottom: 1.5rem;
            width: 100%;
        }

      #demo  .form-row {
            display: flex;
            flex-wrap: wrap;
            gap: 12px;
            margin-bottom: 0.5rem;
        }

      #demo  .form-row .form-group {
            flex: 1 1 calc(50% - 6px);  /* 两列布局 */
            margin-bottom: 0;           /* 由父级控制间距 */
            min-width: 140px;           /* 太小时折行 */
        }

      #demo  label {
            display: block;
            font-size: 0.95rem;
            font-weight: 500;
            color: #2d3f4f;
            margin-bottom: 6px;
            letter-spacing: 0.3px;
        }

      #demo  .radio-group {
            display: flex;
            flex-wrap: wrap;
            gap: 20px;
            align-items: center;
            background: #f9fafc;
            padding: 10px 16px;
            border-radius: 16px;
            border: 1px solid #e2e8f0;
        }

        .radio-group label {
            display: inline-flex;
            align-items: center;
            gap: 8px;
            font-weight: 400;
            color: #1e2b3c;
            margin-bottom: 0;
            font-size: 1rem;
            cursor: pointer;
        }

    #demo    .radio-group input[type="radio"] {
            width: 18px;
            height: 18px;
            accent-color: #b7632c; 
            margin: 0;
        }

       #demo input[type="text"],
      #demo  input[type="tel"],
      #demo select,
      #demo  textarea {
            width: 100%;
            padding: 14px 18px;
            font-size: 1rem;
            border: 1.5px solid #dde3e9;
            border-radius: 20px;
            background-color: #ffffff;
            transition: border 0.15s, box-shadow 0.15s;
            appearance: none;
            -webkit-appearance: none;
            background-image: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 24 24" fill="none" stroke="%235f6c7a" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><polyline points="6 9 12 15 18 9"></polyline></svg>');
            background-repeat: no-repeat;
            background-position: right 18px center;
            background-size: 16px; box-sizing: border-box;
        }

       #demo select {
            cursor: pointer;
            padding-right: 48px;
        }

      #demo  input[type="text"]:focus,
       #demo input[type="tel"]:focus,
       #demo select:focus,
       #demo textarea:focus {
            border-color: #b7632c;
            outline: none;
            box-shadow: 0 0 0 4px rgba(183, 99, 44, 0.15);
        }

      #demo  select[size] {
            background-image: none;
            padding-right: 18px;
        }

       #demo .form-actions {
            display: flex;
            flex-wrap: wrap;
            gap: 12px;
            justify-content: center;
            margin-top: 32px;
        }

        #demo.systembutton,
       #demo input[type="submit"],
       #demo input[type="reset"] {
            flex: 1 1 160px;
            background-color: #ff6700;
            border: none;
            color: white;
            font-size: 16px;
            font-weight: 600;
            padding: 16px 18px;
            border-radius: 40px;
            cursor: pointer;
            transition: background-color 0.2s, transform 0.1s;
            box-shadow: 0 6px 12px rgba(183, 99, 44, 0.25);
            letter-spacing: 1px;
            min-width: 140px;
            border: 1px solid transparent;
        }

       #demo input[type="reset"] {
            background-color: #e1e8ef;
            color: #1e2b3c;
            box-shadow: 0 4px 10px rgba(0,0,0,0.05);
        }

       #demo .systembutton:hover,
      #demo  input[type="submit"]:hover {
            background-color: #cb580a;
        }

      #demo  input[type="reset"]:hover {
            background-color: #cdd6e0;
        }

      #demo  select#minzu {
            background-image: none; 
            padding-right: 18px;
        }

      #demo  .form-group:last-of-type {
            margin-bottom: 0;
        }
        #zhaogu, #xueli, #xingshi, #shenfenlei {
            background-color: #fff;
        }

        @media (max-width: 480px) {
          #demo  .form-row .form-group {
                flex: 1 1 100%;
            }
          #demo  form {
                padding: 20px 16px;
            }
          #demo  .radio-group {
                gap: 16px;
            }
        }





/* 文章加载容器 */
.buywz { -webkit-user-select: none; /* Chrome/Safari */
    -moz-user-select: none;    /* Firefox */
    -ms-user-select: none;     /* IE10+ */
    user-select: none;          /* 标准语法 */
}

/* 密码表单容器 */
.password-form {
    text-align: center;
    padding: 30px;
    background: #fff;
    border-radius: 8px;
    box-shadow: 0 2px 10px rgba(0, 0, 0, 0.1);
    max-width: 400px;
    margin: 0 auto;
}

.password-form input[type="password"] {
    width: 80%;
    padding: 10px;
    margin: 15px 0 10px;
    border: 1px solid #ddd;
    border-radius: 4px;
    font-size: 16px;
    box-sizing: border-box;
}

.password-form button {
    background: #4CAF50;
    color: white;
    padding: 10px 30px;
    border: none;
    border-radius: 4px;
    font-size: 16px;
    cursor: pointer;
    transition: background 0.3s;
}

.password-form button:hover {
    background: #45a049;
}

.password-form p.error {
    color: #f44336;
    margin: 5px 0 0;
    font-size: 14px;
}

/* 文章标题 */
.buywz h1 {
    font-size: 24px;
    color: #333;
    margin-top: 0;
    margin-bottom: 20px;
    border-bottom: 1px solid #eee;
    padding-bottom: 10px;
}

/* 文章内容 */
.buywz .content {
    font-size: 16px;
    line-height: 1.8;
    color: #444;
}

.buywz .content p {
    margin: 0 0 15px;
}

.buywz .content img {
    max-width: 100%;
    height: auto;
}

/* 错误或提示信息 */
.buywz .error {
    color: #f44336;
    text-align: center;
    padding: 20px;
    font-size: 16px;
}

/* 以下为原有隐藏提示样式（可保留或根据需要调整） */
.content-hide-tips {
    text-align: center;
    padding: 40px 20px;
    background: #f5f5f5;
    border-radius: 8px;
}
.content-hide-tips .label-warning {
    background: #ffc107;
    color: #333;
    padding: 5px 15px;
    border-radius: 20px;
    font-size: 14px;
}
.coin {
    margin: 15px 0;
}
.t-c {
    color: #666;
    margin: 10px 0;
}
.pc-button button {
    background: #2196F3;
    color: white;
    border: none;
    padding: 8px 25px;
    border-radius: 4px;
    cursor: pointer;
}


       

.toubj{background: #fbfbfb;
    border-bottom: #efefef 1px solid; font-size:14px;}