@charset "utf-8";

* {

	font-size: 16px;

	font-family: 'microsoft yahei';

	font-size: 100%;

}

a {

	color: #000;

	text-decoration: none;

}

a:hover {

	color: #0090da;

	text-decoration: none;

}

a:visited {

	text-decoration: none;

}

p {

	font-size: 1em;

	margin-bottom: 1em;

}

html, body, div, p, ol, ul, li, dl, dt, dd, h1, h2, h3, h4, h5, h6, form, input, select, button, textarea, iframe, th, td {

	margin: 0;

	padding: 0;

	list-style-type: none;

}

body {

	margin: 0;

	padding: 0;

	background: #f1f1f1;

	font-size: 1em;

	line-height: 1.5em;

	color: #666;

}

i {

	padding-right: 3px;

}

a {

	color: #046bb0;

	text-decoration: none;

}

a:hover {

	color: #00a4dc;

	text-decoration: none;

}

code {

	padding: 2px 4px;

	font-size: 90%;

	color: #c7254e;

	background-color: #f9f2f4;

	border-radius: 4px;

}

.wrap {

	padding-right: 15px;

	padding-left: 15px;

	margin-right: auto;

	margin-left: auto;

}

.zwrap {

	padding-right: 0;

	padding-left: 0;

}

.enheight {

	height: 300px!important;

}

.paper {

	background-color: #fff;

	margin: 20px

}

.page-header {

	height: 100px;

	overflow: hidden;

}

.page-header h1 {

	line-height: 100px;

	float: left;

	margin-top: 25px;

}

.page-header h1 a {

	font-size: 40px;

	color: #377bee;

}

.page-header span {

	font-size: 16px;

	float: left;

	margin-left: 20px;

	line-height: 60px;

	padding: 5px 0;

	margin-top: 25px;

	visibility: hidden;

}

.top {

	padding: 0;

	background-color: #fff;

}

.topmenu {

	height: 28px;

	background: #373737;

}

.topmenu ul li {

	font-size: 16px;

	display: inline-block;

	position: relative;

}

.topmenu ul li a {

	padding: 6px 12px;

	font-size: 14px;

	color: #e7e7e7;

}

.topmenu ul li a:hover {

	color: #fff;

	background-color: rgba(0,0,0,0.1);

}

.searchbox {

	float: right;

	z-index: 9;

	position: relative;

	border: 1px solid #d4d4d4;

	border-right: 0;

	border-top-left-radius: 3px;

	border-bottom-left-radius: 3px;

	background-color: #fff;

	width: 40%;

	margin-top: 25px;

}

.contact {

	float: right;

	display: none;

}

.contact li {

	display: inline-block;

	padding: 0 10px;

}

.contact li a {

	color: #09f;

	-webkit-transition: all .8s;

	-moz-transition: all .8s;

	-o-transition: all .8s;

	-ms-transition: all .8s;

	transition: all .8s;

}

.contact li a:hover {

	text-shadow: 0 0 20px #046bb0;

	color: #f1f1f1;

	-webkit-transition: all .8s;

	-moz-transition: all .8s;

	-o-transition: all .8s;

	-ms-transition: all .8s;

	transition: all .8s;

}

.navbar-collapse {

	display: none;

}

.toggle-search, .mainmenu, .navbar-toggle {

	color: #ff6000;

	line-height: 24px;

	cursor: pointer;

	font-size: 16px;

	padding: 6px 20px;

	display: block;

	-webkit-box-shadow: -1px 0 0 rgba(255,255,255,0.1);

	box-shadow: -1px 0 0 rgba(255,255,255,0.1);

	height: 33px;

	display: inline-block;

}

.toggle-search:hover, .toggle-search.active, .navbar-toggle:hover, .navbar-toggle.active {

	background: rgba(0,0,0,0.15);

	color: #fff;

}

.toggle-search i {

	float: right;

}

.search-expand {

	padding: 5px 5px 4px 5px;

	background-color: rgba(0,0,0,0.15);

	margin-top: 5px;

	z-index: 2;

}

.searchform {

	width: 100%;

}

.searchform input {

	line-height: 31px;

	border: 0;

	padding: 2px 2px 2px 10px;

	color: #999;

}

.sinput input {

	width: 87%;

	height: 18px;

	padding: 9px;

	border: 0;

	font-size: 14px;

	line-height: 18px;

	color: #333;

	background-color: transparent;

}

.sbut {

	z-index: 10;

	position: absolute;

	top: 0;

	right: 0;

	cursor: pointer;

}

.sbut input {

	width: 45px;

	height: 36px;

	background-color: #377bee;

	border: 0;

	border-top-right-radius: 3px;

	border-bottom-right-radius: 3px;

}

.search-btn {

	color: #fff;

	line-height: 24px;

	cursor: pointer;

	font-size: 16px;

	display: block;

	background: none;

	border: 0px;

	height: 35px;

	width: 40px;

	float: right;

	margin-top: -2px;

}

.nav {

	height: 60px;

	background-color: #fff;

	margin-bottom: 20px;

}

.nav ul li {

	font-size: 16px;

}

.nav ul li a {

	display: block;

	font-size: 16px;

	line-height: 60px;

	padding: 0 8px 0 8px;

	color: #525252;

}

.nav ul li ul {

	background-color: #0090ce;

	filter: alpha(opacity=90);

	opacity: .9;

	-moz-opacity: .9;

	z-index: 99;

	display: none;

	line-height: 45px;

	padding-left: 30px;

}

.nav ul li ul li a {

	float: none;

	color: #000;

	display: block;

	line-height: 45px;

	color: #fff !important;

}

.nav ul li ul li.current-menu-item, .nav ul li ul li a:hover {

	background-color: #ff6000;

}

.nav ul li.current-menu-item, .nav ul li a:hover {

	color: #ff6000;

}

.current_page_item a {

	color: #ff6000 !important

}

.notic {

	clear: both;

	background-color: #fff;

	height: auto;

	border: 1px solid #ececec;

	margin-bottom: 20px;

	padding: 5px;

	display: none

}

.subnotic {

	line-height: 2em;

	color: #999;

	font-size: .9em;

}

.row {

	margin-right: -15px;

	margin-left: -15px;

}

.main .sider {

	position: relative;

	min-height: 1px;

	padding-right: 15px;

	padding-left: 15px;

}

.sider {

	display: none;

}

.article {

	background-color: #fff;

	padding: 20px;

	border: 1px solid #ececec;

	overflow: hidden;

}

.block {

	overflow: hidden;

	margin-bottom: 0px;

	padding-bottom: 20px;

	background-color: white;

	padding: 20px;

	border: 1px solid #ececec;

}

.preview {

	font-size: .9em;

	color: #737373;

}

.viewimg {

	float: left;

	margin-right: 2%;

}

.viewimg a {

	position: relative;

	display: block;

}

.viewimg img {

	width: 160px;

	height: 120px;

	padding: 3px;

	border: 1px solid #e5e5e5;

}

.block h2 {

	display: inline-block;

	padding-bottom: 15px;

	font-weight: 500;

	word-wrap: break-word;

	padding-top: 5px;

}

.block h2 a {

	font-size: 1.2em;

	color: #000;

}

.block h2 a:hover {

	color: #00a4dc;

}

.more {

	float: right;

}

.more a {

	padding: 0 5px;

	font-size: 12px;

	display: block;

	background-color: #fff;

}

.more a:hover {

	background-color: #0086e3;

	color: #fff!important;

}

.gsmall {

	padding: 10px 0!important;

	line-height: 32px;

}

.gsmall img {

	height: 32px!important;

	width: 32px!important;

	-webkit-border-radius: 50%;

	-moz-border-radius: 50%;

	border-radius: 50%;

	box-shadow: inset 0 -1px 0 #3333sf;

	-webkit-box-shadow: inset 0 -1px 0 #3333sf;

	-webkit-transition: .2s;

	-webkit-transition: -webkit-transform .2s ease-out;

	transition: transform .2s ease-out;

	-moz-transition: -moz-transform .2s ease-out;

}

.gsmall img:hover {

	box-shadow: 0 0 10px #fff;

 rgba(255,255,255,.6), inset 0 0 20px rgba(255,255,255,1);

	-webkit-box-shadow: 0 0 10px #fff;

 rgba(255,255,255,.6), inset 0 0 20px rgba(255,255,255,1);

	transform: rotateZ(360deg);

	-webkit-transform: rotateZ(360deg);

	-moz-transform: rotateZ(360deg);

}

.tag_cloud a {

	display: inline-block;

	color: #666;

	font-size: .8em!important;

	padding: 3px 8px;

	background-color: #f3f3f3;

	margin: 2px;

	-moz-border-radius: 3px;

	border-radius: 3px;

	white-space: nowrap;

}

.tag_cloud a:hover {

	background-color: #08a5e0;

	color: #FFF;

	-webkit-transition: all .4s ease-out;

	-moz-transition: all .4s ease-out;

	-o-transition: all .4s ease-out;

}

.pagination {

	margin-top: 20px;

	margin-bottom: 20px;

}

.pagination a, .current, .page-numbers {

	display: inline-block;

	margin-right: 5px;

	padding: 3px 11px;

	border: 1px solid #ececec;

	background: #fff;

	color: #999;

	text-align: center;

	-webkit-transition: all .4s ease-out;

	-moz-transition: all .4s ease-out;

	-o-transition: all .4s ease-out;

}

.current, .pagination a:hover, .page-numbers:hover {

	background-color: #4cace2;

	color: #fff;

}

.preem {

	padding-top: 10px;

}

.preem span, .subtitle span {

	margin-right: 10px;

	font-size: .9em;

	color: #999;

}

.preem span a {

	font-size: .9em;

	color: #999;

}

.preem span a:hover {

	color: #999;

}

.category {

	margin-right: 5px;

	color: #1f9dd4;

}

.category a {

	color: #fff!important;

	padding: 2px 5px;

	background-color: #0090ce;

	font-size: .9em!important;

	opacity: .88;

}

.category a:hover {

	background-color: #2dbdf4;

}

.category i {

	margin-left: 1px;

}

.textwidget {

	padding: 10px;

	border: 1px solid #ececec;

	border-top: 0;

}

.screen {

	background-color: #fff;

	margin-bottom: 20px;

}

.screen img {

	max-width: 100%;

	height: auto;

}

.author {

	background-color: #fff;

	overflow: hidden;

}

.author img {

	width: 100%;

	height: auto;

}

.names {

	font-weight: 600;

}

.talk {

	font-size: .8em;

	padding: 5px;

	display: block;

	padding-top: 10px;

}

.intag {

	padding: 5px 10px;

	background: #0090ce;

	color: #fff;

	font-size: .7em;

	margin-right: 10px;

}

.bignum {

	font-size: 1.5em;

	display: block;

}

.butauthor li {

	width: 33.3333%;

	display: block;

	text-align: center;

	float: left;

}

.butauthor {

	color: #999;

	clear: both;

	line-height: 1.7em;

	margin-bottom: 20px;

	border-top: 0;

}

.subblock {

	background-color: #fff;

	margin-bottom: 20px;

}

.subblock img {

	width: 100%;

	height: auto;

}

.subblock h3 {

	color: #000;

	padding-left: 10px;

	font-size: 15px;

	line-height: 35px;

	display: inherit;

	border: 1px solid #ececec;

}

.subblock ul {

	padding: 10px;

	border: 1px solid #ececec;

	border-top: 0;

}

.subblock li {

	border-bottom: 1px solid #eee;

	padding: 3px 0;

}

.subblock li a {

	color: #666;

}

.subblock li a:hover {

	color: #00a4dc;

}

.subblock h3:before {

	content: "\f0c9";

	font-family: FontAwesome;

	padding-right: 5px;

}

.artical {

	margin-bottom: 30px;

}

.map {

	padding-left: 15px;

	line-height: 35px;

	display: inherit;

	margin: -20px -20px 10px -20px;

	border: 1px solid #ececec;

	border-top: 0;

	border-left: none;

	border-right: 0;

}

.map1 {

	background: #fafafa;

	padding: 10px;

	border: 1px solid #ececec;

	border-bottom: 0;

}

.map1 span h1 {

	font-size: 1.5em;

	padding-top: .5em;

}

.map a, .map1 a {

	font-size: 14px;

	color: #888;

}

 .map a:hove, .map1 a:hove {

 text-decoration:underline;

}

.map span, .map1 span {

	font-size: 14px;

	color: #888;

}

.title {

	border-bottom: 1px dashed #DDD;

	margin-bottom: 20px;

}

.title h1 {

	font-size: 24px;

	line-height: normal;

	color: #404040;

	margin-bottom: .3em;

}

.subtitle, .subtitle a {

	font-size: .9em;

	color: #999;

}

.article_content {

	margin-bottom: 30px;

}

.article_content strong {

	font-weight: bold;

}

.article_content a:hover {

	border-bottom: 1px dotted #CCC;

}

.article_content h1, .article_content h2, .article_content h3 {

	margin: 20px -20px;

	padding: 3px 20px;

	border-top: 1px solid #f2f2f2;

	border-bottom: 1px solid #f2f2f2;

	color: #444;

	font-size: 1.05em;

	line-height: 1.8em;

	font-weight: 300;

	background: #f9f9f9;

}

.article_content p {

	font-size: 1em;

	clear: both;

	text-indent: 2em;

	line-height: 1.8em;

	padding-bottom: .5em;

}

.article_content img {

	display: block!important;

	width: 100% !important;

	height: auto !important;

	margin-left: auto;

	margin-right: auto;

}

.article_content blockquote {

	background-color: #f5f5f5;

	margin: 5px auto;

	padding: 20px 20px 10px 30px;

	border: 1px solid #eaeaea;

}

.article_content blockquote p {

	text-indent: 0;

}

.con_pretext {

	background-color: #fbfbfb;

	overflow: hidden;

	padding: 15px 20px;

	font-size: 15px;

	color: #999;

	margin-bottom: 20px;

	border: 1px solid #ececec;

	border-top: 0;

}

.first {

	float: left;

	width: 49%;

}

.last {

	float: right;

	width: 49%;

}

.sideshow {

	padding: 10px 0;

	height: auto;

	overflow: auto;

}

.sideshow img {

	height: 60px;

	width: 80px;

	float: left;

	margin: 0 10px 0 0;

	border: 1px solid #ececec;

	background: #fff;

}

.sideshow a {

	vertical-align: baseline;

	font-size: .9em!important;

}

.related_box a, .con_pretext a {

	color: #666;

	font-size: .9em;

}

.related_box a:hover, .con_pretext a:hover {

	color: #00a4dc;

}

.subart {

	border: 1px solid #ececec;

	padding: 10px;

	margin-bottom: 10px;

	display: inline-block;

}

.recom2 {

	width: 50%;

	display: inline-block;

	float: left;

}

.comment-body {

	padding: 10px 0 0 70px;

	position: relative;

}

.comment-avatar {

	position: absolute;

	left: 0;

}

.comment-avatar img {

	margin: 10px;

	position: relative;

	float: left;

	margin: 0 6px 0 0;

	border: 1px solid #ddd;

	background: #fff;

	-webkit-border-radius: 3px;

	border-radius: 3px;

}

.children {

	margin-left: 60px;

}

.comment-span, .comment-span a {

	font-weight: bold;

}

.datetime {

	color: #bbb;

	font-size: 0.8em;

}

.comment-text {

	font-size: 0.9em;

	color: #888;

	margin-bottom: 0.5em;

}

.reply a {

	font-size: 0.9em;

	color: #BBB;

}

.reply a:hover {

	color: #00a4dc;

}

.respond {

	background: #fff;

	padding: 10px 20px 20px;

	margin: 15px 0;

	-webkit-border-radius: 2px;

	border-radius: 2px;

	border: 1px solid #ECECEC;

}

#commentform input[type="text"], #comment {

	max-width: 100%;

	background: #f8f8f8;

	border: 2px solid #ECECEC;

	color: #777;

	outline: 0;

	padding: 7px 8px;

	margin: 0.5em 1em 0.5em 0;

	box-sizing: border-box;

	-moz-box-sizing: border-box;

	-webkit-box-sizing: border-box;

}

#real-avatar img {

	float: right;

}

#comment {

	width: 100%;

	height: 6em;

}

.submit {

	background-color: #56b8d8;

	color: #fff;

	padding: 8px 14px;

	display: inline-block;

	border: 0;

	cursor: pointer;

	-webkit-border-radius: 3px;

	border-radius: 3px;

}

.submit:hover {

	background-color: #56b8d8;

	transition: all .4s ease 0s;

	box-shadow: 0 1px 6px rgba(0,0,0,0.3);

}

.page_navi {

	margin: 10px 0;

}

.italk {

	border: 1px solid #ECECEC;

	padding: 10px;

	position: relative;

	border-radius: 3px;

}

.italk:before {

	content: '';

	display: inline-block;

	border-top: 10px solid transparent;

	border-bottom: 10px solid transparent;

	border-right: 10px solid #ECECEC;

	position: absolute;

	top: 18px;

	left: -10px;

}

.italk:after {

	content: '';

	display: inline-block;

	border-top: 8px solid transparent;

	border-bottom: 8px solid transparent;

	border-right: 8px solid #fff;

	position: absolute;

	top: 20px;

	left: -8px;

}

.comments-title {

	margin-bottom: 10px;

}

.submain {

	background-color: #fff;

	padding: 20px;

	border: 1px solid #ececec;

	overflow: hidden;

	margin-bottom: 20px;

}

.postcopyright {

	padding: 13px 20px;

	margin: 10px 0;

	background-color: #f7f7f7;

	color: #393a3b;

}

.postcopyright a {

	color: #898989;

}

.bdsharebuttonbox {

	float: right;

	display: inline-block;

}

.linkcat ul li {

	display: inline-block;

	width: 48%;

	border-bottom: 0;

}

.footer {

	clear: both;

	margin-top: 20px;

	padding: 20px 10px;

	background: #333;

	color: #fff;

	font-size: 12px;

	line-height: 22px;

}

.clear {

	clear: both;

}

.group {

	float: left;

	width: 10%;

	box-sizing: border-box;

	padding: 0 30px 20px 0;

	font-size: 12px;

	overflow: hidden;

	width: 33%;

	display: none;

}

.group p, .group li, .ffooter, .ffooter a {

	color: #999;

}

.ffooter {

	margin-bottom: 10px;

	border-top: 1px solid rgba(255,255,255,.065);

	text-align: center;

}

.f404 span {

	font-size: 5em;

}

.totop {

	position: fixed;

	right: 25px;

	bottom: 25px;

	display: block;

	width: 26px;

	height: 62px;

	background: url(../images/rocket.png) no-repeat 0 0;

	-webkit-transition: all .2s ease-in-out;

	cursor: pointer;

}

.totop:hover {

	background: url(../images/rocket.png) no-repeat 0 -62px;

}

.dp-highlighter {

	font-family: "Courier New", Courier, mono;

	font-size: 90%;

	background-color: #fafafa;

	border: 1px solid #d1d7dc;

	width: 99%;

	overflow: auto;

	margin: 0;

	margin-bottom: .5em;

}

.dp-highlighter .bar {

	padding: 2px;

}

.dp-highlighter.collapsed .bar, .dp-highlighter.nogutter .bar {

	padding-left: 0;

}

.dp-highlighter ol {

	margin: 0 0 1px 38px;

	padding: 2px;

	color: #2b91af;

}

.dp-highlighter.nogutter ol {

	list-style-type: none;

	margin-left: 0;

}

.dp-highlighter ol li, .dp-highlighter .columns div {

	list-style-type: decimal-leading-zero!important;

	border-left: 1px solid #d1d7dc;

	padding-left: 10px;

	line-height: 18px;

	word-wrap: break-word;

	word-break: normal;

}

.dp-highlighter.nogutter ol li, .dp-highlighter.nogutter .columns div {

	border: 0;

}

.dp-highlighter .columns {

	color: gray;

	overflow: hidden;

	width: 100%;

}

.dp-highlighter .columns div {

	padding-bottom: 5px;

}

.dp-highlighter ol li span {

	color: Black;

}

.dp-highlighter.collapsed ol {

	margin: 0;

}

.dp-highlighter.collapsed ol li {

	display: none;

}

.dp-highlighter.printing {

	border: 0;

}

.dp-highlighter.printing .tools {

	display: none!important;

}

.dp-highlighter.printing li {

	display: list-item!important;

}

.dp-highlighter .tools {

	padding: 3px 8px 3px 15px;

	border-bottom: 1px solid #2b91af;

	font: 9pt Verdana, Geneva, Arial, Helvetica, sans-serif;

	color: silver;

}

.dp-highlighter.collapsed .tools {

	border-bottom: 0;

}

.dp-highlighter .tools a {

	font-size: 9pt;

	color: gray;

	text-decoration: none;

	margin-right: 10px;

}

.dp-highlighter .tools a:hover {

	color: red;

	text-decoration: underline;

}

.dp-about {

	background-color: #fff;

	margin: 0;

	padding: 0;

}

.dp-about table {

	width: 100%;

	height: 100%;

	font-size: 11px;

	font-family: Tahoma, Verdana, Arial, sans-serif!important;

}

.dp-about td {

	padding: 10px;

	vertical-align: top;

}

.dp-about .copy {

	border-bottom: 1px solid #aca899;

	height: 95%;

}

.dp-about .title {

	color: red;

	font-weight: bold;

}

.dp-about .para {

	margin: 0 0 4px 0;

}

.dp-about .footer {

	background-color: #eceadb;

	border-top: 1px solid #fff;

	text-align: right;

}

.dp-about .close {

	font-size: 11px;

	font-family: Tahoma, Verdana, Arial, sans-serif!important;

	background-color: #eceadb;

	width: 60px;

	height: 22px;

}

.dp-c .comment {

	color: green;

}

.dp-c .string {

	color: blue;

}

.dp-c .preprocessor {

	color: gray;

}

.dp-c .keyword {

	color: blue;

}

.dp-c .vars {

	color: #d00;

}

.dp-vb .comment {

	color: green;

}

.dp-vb .string {

	color: blue;

}

.dp-vb .preprocessor {

	color: gray;

}

.dp-vb .keyword {

	color: blue;

}

.dp-sql .comment {

	color: green;

}

.dp-sql .string {

	color: red;

}

.dp-sql .keyword {

	color: #7f0055;

}

.dp-sql .func {

	color: #ff1493;

}

.dp-sql .op {

	color: blue;

}

.dp-xml .cdata {

	color: #ff1493;

}

.dp-xml .comments {

	color: green;

}

.dp-xml .tag {

	font-weight: bold;

	color: blue;

}

.dp-xml .tag-name {

	color: #7f0055;

	font-weight: bold;

}

.dp-xml .attribute {

	color: red;

}

.dp-xml .attribute-value {

	color: blue;

}

.dp-delphi .comment {

	color: #008200;

	font-style: italic;

}

.dp-delphi .string {

	color: blue;

}

.dp-delphi .number {

	color: blue;

}

.dp-delphi .directive {

	color: #008284;

}

.dp-delphi .keyword {

	font-weight: bold;

	color: navy;

}

.dp-delphi .vars {

	color: #000;

}

.dp-py .comment {

	color: green;

}

.dp-py .string {

	color: red;

}

.dp-py .docstring {

	color: green;

}

.dp-py .keyword {

	color: blue;

	font-weight: bold;

}

.dp-py .builtins {

	color: #ff1493;

}

.dp-py .magicmethods {

	color: #808080;

}

.dp-py .exceptions {

	color: brown;

}

.dp-py .types {

	color: brown;

	font-style: italic;

}

.dp-py .commonlibs {

	color: #8a2be2;

	font-style: italic;

}

.dp-rb .comment {

	color: #c00;

}

.dp-rb .string {

	color: #f0c;

}

.dp-rb .symbol {

	color: #02b902;

}

.dp-rb .keyword {

	color: #069;

}

.dp-rb .variable {

	color: #6cf;

}

.dp-css .comment {

	color: green;

}

.dp-css .string {

	color: red;

}

.dp-css .keyword {

	color: blue;

}

.dp-css .colors {

	color: darkred;

}

.dp-css .vars {

	color: #d00;

}

.dp-j .comment {

	color: #3f7f5f;

}

.dp-j .string {

	color: #2a00ff;

}

.dp-j .keyword {

	color: #7f0055;

	font-weight: bold;

}

.dp-j .annotation {

	color: #646464;

}

.dp-j .number {

	color: #c00000;

}

.dp-cpp .comment {

	color: #e00;

}

.dp-cpp .string {

	color: red;

}

.dp-cpp .preprocessor {

	color: #cd00cd;

	font-weight: bold;

}

.dp-cpp .keyword {

	color: #5697d9;

	font-weight: bold;

}

.dp-cpp .datatypes {

	color: #2e8b57;

	font-weight: bold;

}

.dp-perl .comment {

	color: green;

}

.dp-perl .string {

	color: red;

}

.dp-perl .keyword {

	color: #7f0055;

}

.dp-perl .func {

	color: #ff1493;

}

.dp-perl .declarations {

	color: blue;

}

.dp-css .vars {

	color: #d00;

}

.dp-g .comment {

	color: #3f7f5f;

}

.dp-g .string {

	color: #2a00ff;

}

.dp-g .keyword {

	color: #7f0055;

	font-weight: bold;

}

.dp-g .type {

	color: #007f00;

	font-weight: bold;

}

.dp-g .modifier {

	color: #640064;

	font-weight: bold;

}

.dp-g .constant {

	color: #f00;

	font-weight: bold;

}

.dp-g .method {

	color: #ff6000;

	font-weight: bold;

}

.dp-g .number {

	color: #c00000;

}

.shine {

	z-index: 3;

	position: absolute;

	top: 0;

	left: 0;

	width: 160px;

	height: 120px;

	background: url(../images/shine_brands.png) no-repeat -160px 0;

	margin: 4px;

}

.rslides {

	position: relative;

	overflow: hidden;

	width: 100%;

	padding: 0;

	margin: 0;

}

.rslides li {

	-webkit-backface-visibility: hidden;

	position: absolute;

	display: none;

	width: 100%;

	left: 0;

	top: 0;

}

.rslides li:first-child {

	position: relative;

	display: block;

	float: left;

}

.rslides img {

	display: block;

	height: auto;

	float: left;

	width: 100%;

	border: 0;

}

.slide_container {

	margin-bottom: 20px;

	position: relative;

	float: left;

	width: 100%;

}

.slide {

	position: relative;

	list-style: none;

	overflow: hidden;

	width: 100%;

	padding: 0;

	margin: 0;

}

.slide li {

	position: absolute;

	width: 100%;

	left: 0;

	top: 0;

}

.slide img {

	display: block;

	position: relative;

	z-index: 1;

	height: auto;

	width: 100%;

	border: 0;

}

.slide .caption {

	display: block;

	position: absolute;

	z-index: 2;

	font-size: 20px;

	text-shadow: none;

	color: #fff;

	background: #868383;

	background: rgb(90, 90, 90);

	left: 0;

	right: 0;

	bottom: 0;

	padding: 10px 20px;

	margin: 0;

	max-width: none;

	opacity: 0.5;

}

.slide_nav {

	position: absolute;

	-webkit-tap-highlight-color: rgba(0,0,0,0);

	top: 52%;

	left: 0;

	opacity: .3;

	z-index: 3;

	text-indent: -9999px;

	overflow: hidden;

	text-decoration: none;

	height: 61px;

	width: 38px;

	background: transparent url("./../images/themes.gif") no-repeat left top;

	margin-top: -45px;

	display: none;

}

.slide_nav:active {

	opacity: 1.0;

}

.slide_nav.next {

	left: auto;

	background-position: right top;

	right: 0;

}

.slide_tabs {

	display: block;

	position: absolute;

	z-index: 2;

	font-size: 20px;

	color: #fff;

	right: 0;

	bottom: 0;

	padding: 10px 20px;

	margin: 0;

}

.slide_tabs LI {

	TEXT-ALIGN: center;

	LINE-HEIGHT: 20px;

	LIST-STYLE-TYPE: none;

	MARGIN: 1px;

	WIDTH: 20px;

	FONT-FAMILY: Arial;

	background-color: #0090ce;

	FLOAT: left;

	HEIGHT: 20px;

	FONT-SIZE: 12px;

	CURSOR: pointer;

}

.slide_tabs LI a {

	COLOR: #fff;

}

.slide_tabs .slide_here {

	background-color: #299e25;

}

 @media(min-width:768px) {

.wrap {

	width: 750px;

}

.main {

	float: left;

	width: 66.66666667%;

}

.sider {

	float: left;

	width: 33.33333333%;

	display: block;

}

.right {

	padding-left: 20px;

}

.menu-item {

	position: relative!important;

	display: inline-block;

}

.mainmenu {

	display: none;

}

.navbar-toggle {

	display: none!important;

	float: right;

}

.navbar-header, .navbar-collapse {

	display: block!important;

}

.nav ul {

	font-size: 0;

	float: left;

}

.nav ul li ul {

	position: absolute;

}

.viewimg {

	display: block!important;

}

.page-header span {

	visibility: visible!important;

}

.group {

	display: block;

}

.contact {

	margin-top: 35px;

	display: inline-block!important;

}

.nav ul li ul li a {

	width: 148px;

}

.nav ul li ul {

	padding-left: 0;

}

}

 @media(min-width:992px) {

.wrap {

	width: 970px;

}

.main {

	float: left;

	width: 66.66666667%;

}

.sider {

	float: left;

	width: 33.33333333%;

}

.right {

	padding-left: 20px;

}

.menu-item {

	position: relative!important;

	display: inline-block;

}

.mainmenu {

	display: block;

}

}

 @media(min-width:1200px) {

.wrap {

	width: 1200px;

}

.main {

	float: left;

	width: 66.66666667%;

}

.sider {

	width: 33.33333333%;

}

.right {

	padding-left: 20px;

}

.menu-item {

	position: relative!important;

	display: inline-block;

}

.mainmenu {

	display: none;

}

}

#loading-comments {

	display: none;

	width: 100%;

	background: #F5F5F5;

	text-align: center;

	color: #ADAEFF;

	font-size: 22px;

	line-height: 45px;

}

 @media(max-width:768px) {

.viewimg img {

	width: 100px;

	height: 90px;

}

.preview {

	height: 90px;

	overflow: hidden;

}

.preem {

	display: none

}

.slide .caption {

	font-size: 14px;

	padding: 5px 5px;

}

.slide_tabs {

	display: none

}

}

.meihua_1 {

	display: block;

	margin-top: 10px;

	padding: 5px 10px;

	background-color: #ea4c89;

	color: #FFF;

	font-weight: bold;

	font-size: 18px;

	font-family: "Microsoft Yahei", "Helvetica Neue", Helvetica, Arial, sans-serif;

}

.meihua_2 {

	background-color: #fff;

	margin-bottom: 20px;

	box-shadow: 0 1px 2px rgba(15,39,65,0.1);

	font-family: "Microsoft Yahei", "Helvetica Neue", Helvetica, Arial, sans-serif;

}

.meihua_2 .meihua_2_1 {

	height: auto;

	overflow: hidden;

	background-color: #FFF;

	border: 1px solid #DDDDDD;

	border-width: 1px 1px 1px 1px;

	padding: 20px;

}

.meihua_2 .meihua_2_1 p {

	margin: 5px auto!important;

}

.meihua_2 .meihua_2_1 .meihua_btn {

	float: left;

	border: 1px solid #8a8a8a;

	font-size: 14px;

	height: 36px;

	line-height: 36px;

	padding-left: 40px;

	margin: 10px 10px 0 0;

	overflow: hidden;

	border-radius: 2px;

	background: url(../images/30.png) no-repeat 5px 3px #4abd96;

	border: 1px solid #4abd96;

	color: #FFF;

	text-decoration: none;

	padding-right: 10px;

}

.meihua_2 .meihua_2_1 .meihua_btn i {

	margin-right: 5px

}

.meihua_2 .meihua_2_1 .meihua_btn:hover {

	background-color: #3169b0

}

.short-btn {

	float: left;

	border: 1px solid #8a8a8a;

	font-size: 14px;

	height: 36px;

	line-height: 36px;

	padding-left: 40px;

	margin: 10px 10px 0 0;

	overflow: hidden;

	border-radius: 2px;

	background: url(../images/10.png) no-repeat 5px 3px #4abd96;

	border: 1px solid #4abd96;

	text-decoration: none;

	color: #FFF!important;

	padding-right: 10px;

	text-decoration: none;

}

.short-btn:hover {

	background-color: #3169b0

}

.footer p {

	text-align: center;

	color: #999;

}

.footer p a {

	color: #999;

}

.suspension {

	position: fixed;

	z-index: 55;

	right: 0;

	bottom: 85px;

	width: 70px;

	height: 240px;

}

.suspension-box {

	position: relative;

	float: right;

}

.suspension .a {

	display: block;

	width: 44px;

	height: 44px;

	background-color: #353535;

	margin-bottom: 4px;

	cursor: pointer;

	outline: none;

}

.suspension .a.active, .suspension .a:hover {

	background: #F05352;

}

.suspension .a .i {

	float: left;

	width: 44px;

	height: 44px;

	background-image: url(../images/side_icon.png);

	background-repeat: no-repeat;

}

/* .suspension .a-service .i{background-position:0 0;} */

.suspension .a-service .i {

	width: 20px;

	height: 20px;

	margin-top: 12px;

	margin-left: 12px;

	background-image: url(../images/suspension-bg.png);

	background-repeat: no-repeat;

	background-position: 0 0;

}

.suspension .a-service-phone .i {

	width: 20px;

	height: 20px;

	margin-top: 12px;

	margin-left: 12px;

	background-image: url(../images/suspension-bg.png);

	background-repeat: no-repeat;

	background-position: -27px 0;

}

.suspension .a-qrcode .i {

	background-position: -44px 0;

}

.suspension .a-cart .i {

	background-position: -88px 0;

}

.suspension .a-top .i {

	background-position: -132px 0;

}

.suspension .a-top {

	background: #D2D3D6;

	display: none;

}

.suspension .a-top:hover {

	background: #c0c1c3;

}

.suspension .d {

	display: none;

	width: 223px;

	background: #fff;

	position: absolute;

	right: 67px;

	min-height: 90px;

	border: 1px solid #E0E1E5;

	border-radius: 3px;

	box-shadow: 0px 2px 5px 0px rgba(161, 163, 175, 0.11);

}

.suspension .d .arrow {

	position: absolute;

	width: 8px;

	height: 12px;

	background: url(../images/side_bg_arrow.png) no-repeat;

	right: -8px;

	top: 31px;

}

.suspension .d-service {

	top: 0;

}

.suspension .d-service-phone {

	top: 34px;

}

.suspension .d-qrcode {

	top: 78px;

}

.suspension .d .inner-box {

	padding: 8px 22px 12px;

}

.suspension .d-service-item {

	border-bottom: 1px solid #eee;

	padding: 14px 0;

}

.suspension .d-service .d-service-item {

	border-bottom: none;

}

.suspension .d-service-item .circle {

	width: 44px;

	height: 44px;

	border-radius: 50%;

	overflow: hidden;

	background: #F1F1F3;

	display: block;

	float: left;

}

.suspension .d-service-item .i-qq {

	width: 44px;

	height: 44px;

	background: url(../images/side_con_icon03.png) no-repeat center 15px;

	display: block;

	transition: all .2s;

	border-radius: 50%;

	overflow: hidden;

}

.suspension .d-service-item:hover .i-qq {

	background-position: center 3px;

}

.suspension .d-service-item .i-tel {

	width: 44px;

	height: 44px;

	background: url(../images/side_con_icon02.png) no-repeat center center;

	display: block;

}

.suspension .d-service-item h3 {

	float: left;

	width: 112px;

	line-height: 44px;

	font-size: 15px;

	margin-left: 12px;

}

.suspension .d-service-item .text {

	float: left;

	width: 112px;

	line-height: 22px;

	font-size: 15px;

	margin-left: 12px;

}

.suspension .d-service-item .text .number {

	font-family: Arial, "Microsoft Yahei", "HanHei SC", PingHei, "PingFang SC", "Helvetica Neue", Helvetica, Arial, "Hiragino Sans GB", "Heiti SC", "WenQuanYi Micro Hei", sans-serif;

}

.suspension .d-service-intro {

	padding-top: 10px;

}

.suspension .d-service-intro p {

	float: left;

	line-height: 27px;

	font-size: 12px;

	width: 50%;

	white-space: nowrap;

	color: #888;

}

.suspension .d-service-intro i {

	background: url(../images/side_con_icon01.png) no-repeat center center;

	height: 27px;

	width: 14px;

	margin-right: 5px;

	vertical-align: top;

	display: inline-block;

}

.suspension .d-qrcode {

	text-align: center;

}

.suspension .d-qrcode .inner-box {

	padding: 20px 0;

}

.suspension .d-qrcode p {

	font-size: 16px;

	color: #93959c;

}

/*前台登录窗体*/

.front_login_box {

	background: #FFFFFF;

}

.from_box, .is_login {

	width: 80%;

	padding: 10%;

}

.from_box p {

	height: 40px;

	margin-bottom: 15px;

	display: block;

}

.front_login_box p.p1 span {

	width: 16%;

	float: left;

	background: #cccccc;

	color: #fff;

	height: 40px;

	text-align: center;

	line-height: 40px;

}

.front_login_box p.p1 span i {

	display: block;

	margin-top: 9px;

	font-size: 24px;

}

.front_login_box p.p1 input {

	height: 38px;

	width: 73%;

	background: #F9F9F9;

	border: 1px solid #CECECE;

	line-height: 40px;

	float: left;

	color: #CBCBCB;

	padding: 0 5%

}

.front_login_box p.p2 input, .logout a {

	font-size: 18px;

	text-shadow: 1px 1px 1px #333;

	cursor: pointer

}

.front_login_box p.p2 input:hover, .front_login_box .logout a:hover {

	background: #258DEB

}

.front_login_box p.p3 {

	height: 40px;

	color: #fff;

	margin-bottom: 0;

	height: 20px;

}

.front_login_box p.p3 a, .is_login p a {

	color: #8b8b8b;

}

.front_login_box p.p3 a:hover {

	text-decoration: underline;

}

.front_login_box p.p3 i {

	font-size: 14px;

}

.front_login_box .user_name {

}

.front_login_box .submit_button, .front_login_box .logout a {

	background: #4EA4EF;

	color: #fff;

	border: none;

	height: 40px;

	width: 99%;

	line-height: 40px;

}

.front_login_box .keep_me {

	cursor: pointer;

}

.front_login_box {

	color: #fff;

	font-size: 14px;

	line-height: 20px;

}

.is_login p {

	color: #676767;

	font-size: 14px;

	line-height: 20px;

}

.front_login_box .user_info {

	padding-bottom: 10px;

	border-bottom: 1px dotted #999;

	margin-bottom: 10px;

}

.front_login_box .user_info .avatar {

	float: left;

	margin-right: 5%;

}

.front_login_box .user_info .avatar img {

	height: 60px;

	width: 60px;

}

.front_login_box .logout a {

	display: block;

	text-align: center;

	clear: both;

}

.front_login_box .link_tools {

	margin-bottom: 15px;

	padding-bottom: 10px;

	border-bottom: 1px dotted #999;

	float: left;

}

.front_login_box .link_tools a {

	color: #676767;

	float: left;

	width: 49%;

}

.front_login_box .last_read {

	margin-bottom: 15px;

}

.front_login_box .last_read .viewed_posts a {

	color: #fff;

	width: 100%;

	overflow: hidden;

	height: 26px;

	display: block;

}

.front_login_box a:hover {

	color: #00BCF2 !important;

}

.front_login_box .last_read .viewed_posts li {

	padding-left: 0;

	background: none;

	color: #676767;

}

/*前台登录窗体结束*/

@media(max-width:768px) {

.suspension {

	display: none;

}

.totop {

	display: none;

}

}

.nav h1 {

	display: inline-block;

	height: 60px;

	float: left;

}

.nav h1 img {

	width: auto;

	height: 60px;

}

@media(max-width:768px) {

.nav h1 {

	display: none;

}

.nav {

    height: auto;

}

.search-expand {

	margin-top: 0px;

}

}





.container {

  margin-right: auto;

  margin-left: auto;

  padding-left: 10px;

  padding-right: 10px;

}



.row {

  margin-left: -10px;

  margin-right: -10px;

}



.clearfix:before,

.clearfix:after,

.container:before,

.container:after,

.container-fluid:before,

.container-fluid:after,

.row:before,

.row:after {

  content: " ";

  display: table;

}



.clearfix:after,

.container:after,

.container-fluid:after,

.row:after {

  clear: both;

}

button,

input,

select,

textarea {

  color: inherit;

  font: inherit;

  margin: 0;

  padding: 0;

  outline: 0;

}



.pull-right {

  float: right !important;

}



.pull-left {

  float: left !important;

}



.hide {

  display: none !important;

}



.show {

  display: block !important;

}



.invisible {

  visibility: hidden;

}



.hidden {

  display: none !important;

}



@media (min-width: 768px) {

  .container {

    width: 730px;

  }

}



@media (min-width: 992px) {

  .container {

    width: 950px;

  }

}



@media (min-width: 1200px) {

  .container {

    width: 1220px;

  }

}



.col-md-1,

.col-md-2,

.col-md-3,

.col-md-4,

.col-md-5,

.col-md-6,

.col-md-7,

.col-md-8,

.col-md-9,

.col-md-10,

.col-md-11,

.col-md-12,

.col-xs-1,

.col-xs-2,

.col-xs-3,

.col-xs-4,

.col-xs-5,

.col-xs-6,

.col-xs-7,

.col-xs-8,

.col-xs-9,

.col-xs-10,

.col-xs-11,

.col-xs-12 {

  position: relative;

  min-height: 1px;

  padding-left: 10px;

  padding-right: 10px;

}



.col-xs-1,

.col-xs-2,

.col-xs-3,

.col-xs-4,

.col-xs-5,

.col-xs-6,

.col-xs-7,

.col-xs-8,

.col-xs-9,

.col-xs-10,

.col-xs-11,

.col-xs-12 {

  float: left;

}



.col-xs-12 {

  width: 100%;

}



.col-xs-11 {

  width: 91.66666667%;

}



.col-xs-10 {

  width: 83.33333333%;

}



.col-xs-9 {

  width: 75%;

}



.col-xs-8 {

  width: 66.66666667%;

}



.col-xs-7 {

  width: 58.33333333%;

}



.col-xs-6 {

  width: 50%;

}



.col-xs-5 {

  width: 41.66666667%;

}



.col-xs-4 {

  width: 33.33333333%;

}



.col-xs-3 {

  width: 25%;

}



.col-xs-2 {

  width: 16.66666667%;

}



.col-xs-1 {

  width: 8.33333333%;

}



@media (min-width: 992px) {



  .col-md-1,

  .col-md-2,

  .col-md-3,

  .col-md-4,

  .col-md-5,

  .col-md-6,

  .col-md-7,

  .col-md-8,

  .col-md-9,

  .col-md-10,

  .col-md-11,

  .col-md-12 {

    float: left;

  }



  .col-md-12 {

    width: 100%;

  }



  .col-md-11 {

    width: 91.66666667%;

  }



  .col-md-10 {

    width: 83.33333333%;

  }



  .col-md-9 {

    width: 75%;

  }



  .col-md-8 {

    width: 66.66666667%;

  }



  .col-md-7 {

    width: 58.33333333%;

  }



  .col-md-6 {

    width: 50%;

  }



  .col-md-5 {

    width: 41.66666667%;

  }



  .col-md-4 {

    width: 33.33333333%;

  }



  .col-md-3 {

    width: 25%;

  }



  .col-md-2 {

    width: 16.66666667%;

  }



  .col-md-1 {

    width: 8.33333333%;

  }

}

/* footer start */

.th_footer {

  background-color: #202935;

  padding: 20px 0px 20px 0px;

  text-align: center;

}



.foot_menu {

  height: 30px;

}



.foot_menu  {

  line-height: 30px;

  height: 30px;

  color: #76809e;

}



.foot_menu a {

  line-height: 30px;

  height: 30px;

  color: #76809e;

  margin-right:10px;

  transition: 0.3s ease-out;

}



.foot_menu  a:hover {

  color: #00aeff;

}



.foot_info {

  line-height: 25px;

  color: #76809e;

  font-size: 14px;

  text-align: center;

}



.foot_info a {

  color: #76809e;

}



/* footer end */