body {
	background:#267b9c
}
.doc-toper {
	font-size:14px;
	background:#323436;
	padding:10px 0;
	color:#0AE;
	line-height:20px
}
.doc-toper a:link,.doc-toper a:visited {
	color:#f00;
}
.doc-naver {
	padding-top:30px;
	padding-bottom:30px;
}
.doc-logo {
	display:block;
	margin-bottom:10px;
}
.doc-naver .nav a:link,.doc-naver .nav a:visited {
	font-size:16px;
	font-weight:bold;
}
.doc-naver .nav .active a {
	color:#0a8;
}
.doc-header.fixed-top {
	background-color:#fff;
	z-index:2;
	-webkit-box-shadow:0 3px 6px rgba(0,0,0,.175);
	box-shadow:0 3px 6px rgba(0,0,0,.175);
}
.doc-header.fixed-top .doc-toper,.doc-header.fixed-top .doc-intro {
	display:none;
}
.doc-header.fixed-top .doc-naver {
	padding-top:10px;
	padding-bottom:10px;
	background-color:#fff;
}
.doc-h2 {
	margin-bottom:15px;
	border-bottom:solid 1px #eee;
	padding-bottom:15px;
	font-size:28px;
}
.doc-h3 {
	margin:30px 0 10px 0;
	font-size:21px;
}
.doc-lead {
	font-size:18px;
}
.doc-readme {
	font-size:16px;
}
.doc-title,.doc-code,.doc-demo,.doc-quote,.doc-quoteyellow,.doc-quotered,.doc-democode {
	margin-bottom:20px;
}
.doc-code {
	border:solid 1px #ddd;
	padding:15px;
	border-radius:4px;
	background:#f5f5f5;
}
.doc-demoview {
	border:solid 1px #ddd;
	padding:15px;
	border-radius:4px 4px 0 0;
	border-bottom:none;
}
.doc-demoview:before {
	content:"示例";
	color:#999;
}
.doc-demoview .view-head {
	color:#999;
	margin-bottom:10px;
}
.doc-demoview .view-body {
	padding-top:15px;
}
.doc-democode {
	border:solid 1px #ddd;
	border-radius:0 0 4px 4px;
	padding:15px;
	background:#f5f5f5;
	font-size:12px;
}
.doc-blogview {
	border:solid 1px #ddd;
	padding:15px;
	border-radius:4px 4px 0 0;
	border-bottom:none;
}
.doc-blogview:before {
	content:"内容页";
	color:#999;
}
.doc-blogview .view-head {
	color:#999;
	margin-bottom:10px;
}
.doc-blogview .view-body {
	padding-top:15px;
}
.doc-blogcode {
	border:solid 1px #ddd;
	border-radius:0 0 4px 4px;
	padding:15px;
	background:#fff;
	font-size:12px;
}
.doc-viewad0,.doc-codead0 {
	border-color:#cec;
}
.doc-codead0 {
	background:#efe;
}
.doc-viewad1,.doc-codead1 {
	border-color:#ffd324;
}
.doc-banner {
	color:#fff;
	padding:70px 10%;
	background:#0a8;
}
.doc-banner h1 {
	font-size:36px;
}
.doc-banner h3 {
	font-size:22px;
	padding:0 10%;
}
.doc-banner .button-big {
	padding:14px 25px;
	margin-bottom:15px;
	border:solid 2px #fff;
}
.doc-banner .button-big:hover {
	background:#f00;
	color:#fff;
	border:solid 2px #f00;
}
.fixed-top .margin-top {
	margin-top:0px;
}
.fixed-top.doc-fixed-top {
	margin-top:60px;
	z-index:9;
	filter:alpha(opacity=80);
	opacity:.8;
}
.fixed-bottom.doc-fixed-bottom {
	z-index:9;
	left:0;
	right:0;
	filter:alpha(opacity=80);
	opacity:.8;
}
.detail img {
	display:block;
	max-width:100%;
	height:auto
}
.nav .active a {
	font-weight:100;
}
.paoma {
	width:100%;
	font-size:12px;
	bottom:0;
	position:fixed;
}
.marquee {
	font-size:13px;
	line-height:13px;
}
.dlink a {
	}.grid .ul .item {
	background-color:#FFF;
	box-shadow:0 1px 1px rgba(0,0,0,0.15);
	overflow:hidden;
	position:relative;
	border:10px solid #FFF;
	border-bottom:0 none;
	margin-bottom:30px;
}
.grid .ul .item .thumb {
	position:relative;
	line-height:1;
	text-align:center;
	overflow:hidden;
	-webkit-transition:.15s all linear;
	-moz-transition:.15s all linear;
	-o-transition:.15s all linear;
	transition:.15s all linear;
	color:#FFF;
	box-shadow:0 0 2px rgba(255,255,255,.15)
}
.grid .ul .item .thumb .qtag {
	padding:0 3px;
	color:#fff;
	font-size:12px;
	right:0px;
	bottom:0px;
	position:absolute;
	border:none;
}
.grid .ul .item .thumb .dvdtag {
	background:#09C878;
}
.grid .ul .item .thumb img {
	display:block;
	width:100%;
	height:200px;
	-webkit-transition:all .2s cubic-bezier(0.33,0,0.2,1);
	-moz-transition:all .2s cubic-bezier(0.33,0,0.2,1);
	-o-transition:all .2s cubic-bezier(0.33,0,0.2,1);
	transition:all .2s cubic-bezier(0.33,0,0.2,1)
}
.grid .ul .item .meta {
	padding:8px 5px;
}
.grid .ul .item .title a {
	color:#000;
	font-size:10px;
	display:block;
	height:18px;
	line-height:18px;
	overflow:hidden;
	text-overflow:ellipsis;
	white-space:nowrap
}
.grid .ul .item:hover .title a {
	color:#d82121;
}
.grid .ul .item .extra {
	position:absolute;
	left:0;
	top:0;
	height:auto;
	overflow:hidden;
	width:100%;
	background-color:#222;
	color:#FFF;
	margin:0;
	padding:8px 10px;
	box-sizing:border-box;
	-webkit-transform:translateY(-50px);
	-moz-transform:translateY(-50px);
	-ms-transform:translateY(-50px);
	-o-transform:translateY(-50px);
	transform:translateY(-50px);
	-webkit-transition:-webkit-transform .2s cubic-bezier(0.33,0,0.2,1);
	-moz-transition:-moz-transform .2s cubic-bezier(0.33,0,0.2,1);
	-o-transition:-o-transform .2s cubic-bezier(0.33,0,0.2,1);
	transition:transform .2s cubic-bezier(0.33,0,0.2,1)
}
.grid .ul .item .extra a {
	color:rgba(255,255,255,.9)
}
.grid .ul .item .extra a:hover {
	color:#d82121;
}
.grid .ul .item .extra .time {
	float:left
}
.grid .ul .item .extra .time i {
	margin-right:4px
}
.grid .ul .item .extra span {
	float:right;
	margin-left:8px
}
.grid .ul .item .extra i {
	margin-right:4px
}
.grid .ul .item .extra span i {
	margin-right:0;
	margin-left:4px
}
.grid .ul .item .data {
	border-top:1px solid #f2f2f2;
	padding:8px 5px;
	color:#999;
	font-size:10px;
}
.grid .ul .item .data a {
	color:#999
}
.grid .ul .item .data a:hover {
	color:#00c3b6
}
.grid .ul .item .data span {
	float:right;
	margin-left:10px
}
.grid .ul .item .data span i {
	margin-right:4px
}
.grid .ul .item:hover .extra {
	-webkit-transform:translateY(0px);
	-moz-transform:translateY(0px);
	-ms-transform:translateY(0px);
	-o-transform:translateY(0px);
	transform:translateY(0px)
}
.grid .ul .item:hover .thumb {
	background-color:#000
}
.grid .ul .item:hover .thumb img {
	opacity:.9;
	-webkit-transform:scale(1.1);
	-moz-transform:scale(1.1);
	-o-transform:scale(1.1);
	transition:all 1s ease 0s;
	transform:scale(1.1);
}
@media (min-width:760px) {
	.doc-nav {
	margin-left:10px;
}
.doc-naver .doc-logo {
	display:block;
	margin:0px;
}
/*.bg-inverse .navbar-head,.bg-inverse .navbar-text {
	padding:0px
}
*/}@media (max-width:768px) {
	.line ul {
	width:100%
}
.line ul #wd {
	width:80%!important;
}
.doc-header.fixed-top {
	border-bottom:0px;
}
.doc-header .container {
	padding:0px;
}
.bg-inverse .nav {
	padding:0
}
.nav {
	padding:0
}
.navbar-body .nav li {
	border:none;
}
.container {
	padding:0px
}
.line-middle {
	margin:0px;
}
.doc-header .container.margin-top {
	margin:0
}
.nav li {
	text-align:center;
	color:#fff;
	/* background-color:#0a8;
	*/
        float:left;
	width:25%;
	height:40px;
}
.nav .drop-menu li {
	text-align:center;
	color:#fff;
	background-color:#0a8;
	float:none;
	width:100%;
}
.nav li a {
	height:40px;
	line-height:30px;
	color:#fff;
}
.navbar-body .nav a,.bg-inverse .nav-inline .nav-head,.bg-inverse .nav-inline li a {
	text-indent:0;
}
.nav .drop-menu li a {
	color:#000;
	height:40px;
	line-height:30px;
}
.nav li:after {
	position:absolute;
	top:0;
	right:0;
	bottom:0;
	left:0;
	-webkit-transform-origin:0 0;
	-webkit-transform:scale(1);
	border-left:1px solid rgba(80,37,9,0.36);
	border-bottom:1px solid rgba(80,37,9,0.36);
}
.grid .ul .item {
	border:5px solid #FFF;
	margin-bottom:10px;
}
.grid .ul .item .data {
	padding:3px 5px;
}
.grid .ul .item .thumb img {
	height:110px;
}
.button-group {
	padding:5px;
	text-align:center;
}
.button-group .button {
	border-radius:0;
}
.button-group a {
	width:25%;
	margin-top:5px
}
.doc-banner {
	padding:0px 10%;
}
.duilianimg {
	width:120px;
	height:120px;
}
.duilianimg1 {
	width:80px;
	height:150px;
}
.lazy {
	width:70%;
}
}.doc-intro {
	color:#fff;
	padding:40px 0;
	background:#0a8;
}
.doc-intro h1 {
	margin-bottom:15px;
	font-size:32px;
}
.doc-intro p {
	font-size:22px;
}
.doc-backtop {
	position:fixed;
	right:5px;
	bottom:0;
	color:#999;
	font-size:30px;
	cursor:pointer;
	z-index:9;
}
.doc-backtop:hover {
	color:#0a8;
}
.doc-footer {
	padding:20px 0;
	text-align:center;
}
/*-Page-*/
.pages {
	text-align:center;
	overflow:hidden;
	line-height:36px;
	font-size:0px;
}
.pages em {
	margin-left:4px;
	font-weight:bold;
	color:#7f7f7f;
	font-weight:normal;
}
.pages input {
	margin-left:10px;
	height:22px;
	width:30px;
}
.pages .pagelink_a,.pages .pagelink_b,.pages .pagenow {
	background-color:#fff;
	padding:2px 15px;
	line-height:30px;
	border-radius:4px;
	display:inline-block;
	margin:5px;
	vertical-align:top;
	border:solid 1px;
	font-size:14px;
}
.pages .pagenow {
	background:#00c3b6;
	color:#fff;
	border:#969494 solid 1px;
}
.pages  a:hover {
	background-color:#00c3b6;
	color:#FFF;
	border:#969494 solid 1px;
	text-decoration:none;
}
.pages input {
	display:none
}
.pages .pagebtn {
	border:1px solid #CCCCCC;
	height:24px;
	width:40px;
	text-align:center;
	cursor:hand;
}
/*-/Page-*/

.tp-info {
	padding:20px 3%;
	border-bottom:1px solid #ddd;
}
.tp-info .fleft {
	font-size:1.2rem;
	color:#999;
}
.tp-info .fright {
	font-size:0.9rem;
	color:blue!important;
}
.fleft {
	float:left;
}
.fright {
	float:right;
}
.pager {
	width:94%;
	text-align:center;
	padding:20px 3%;
}
.pager a {
	dislpay:inline-block;
	padding:7px 17px;
	background-color:#02A7E3;
	color:#efffff;
	font-size:1rem;
	margin:0 7px;
}
.main {
	width:100%;
	background-color:rgba(204,204,153,0.7);
	padding-bottom:10px;
}
.img-list .item {
	box-sizing:border-box;
	-moz-box-sizing:border-box;
	-webkit-box-sizing:border-box;
	margin-top:10px;
	display:inline-block;
	width:47%;
	margin-left:2%;
	overflow-x:hidden;
	padding:0 0 5px 0;
	border-radius:4px;
	background-color:fefefe;
	box-shadow:2px 2px 2px #ccc;
}
.img-list .item .imgwrap {
	width:100%;
	height:30vw;
	overflow:hidden;
	background-repeat:no-repeat;
	background-size:100% 100%;
}
.img-list .item img {
	display:inline-block;
	width:100%;
}
.img-list .item span {
	float:right;
	top:0;
	right:0;
	color:#fff;
	border-radius:2px;
	padding:2%;
	z-index:10;
	background-color:rgba(87,169,0,0.6);
}
.img-list .item p {
	box-sizing:border-box;
	-moz-box-sizing:border-box;
	-webkit-box-sizing:border-box;
	padding:5px 4px;
	width:100%;
	height:30px;
	line-height:30px;
	overflow:hidden;
	white-space:nowrap;
	text-overflow:ellipsis;
	color:#369;
	text-align:center;
}
.img-list .layui-icon-tree {
	display:none;
}
.text-list {
	padding-bottom:0!important;
}
.text-list .item {
	width:97%!important;
	margin-left:1.5%;
	display:block;
}
.text-list .item .imgwrap {
	display:none;
}
.text-list .item p {
	font-size:1rem;
	padding:15px 0;
	width:100%;
	color:#FFFF00;
	border-bottom:1px solid #efefef;
}
.noresource {
	padding:20px 0;
	font-size:1.2rem;
	width:100%;
	text-align:center;
	color:red;
	font-weight:bold;
	margin-top:30px;
	margin-bottom:35px;
}
.page_wrap {
	width:100%;
	text-align:center;
	margin:20px 0 15px 0;
	padding-bottom:20px;
}
.page_wrap li {
	display:inline-block;
}
.page_wrap li a {
	padding:5px 10px 4px 10px!important;
	display:inline-block;
	color:#ccc;
	font-size:16px;
	line-height:22px;
	border-radius:2px;
}
.page_wrap li a i.layui-icon {
	color:#ddd;
	font-size:16px;
	line-height:16px;
	margin:0;
	padding:0;
}
.page_wrap li a.activepage {
	background-color:red;
	color:#fff;
	cursor:not-allowed;
	margin-right:5px;
	padding:5px 15px 4px 15px!important;
}
.page_wrap li a.pageitem {
	background:#02a7e3;
	margin-right:5px;
	color:#fff;
	padding:5px 15px 4px 15px!important;
}
.page_wrap .jump-btn {
	background-color:#02a7e3;
	color:#eee;
	cursor:pointer;
}
.page_wrap .jump-btn:hover,.page_wrap li a.pageitem:hover {
	background-color:red;
	color:#efefef;
}
.bluebg {
	background-color:#1e9fff;
}
.greybg {
	background-color:#999!important;
}
* {
	font-family:"Arial","Microsoft YaHei","黑体","宋体",sans-serif;
}
body::-webkit-scrollbar {
	/*滚动条整体样式*/ width:9px;
	/*高宽分别对应横竖滚动条的尺寸*/ height:1px;
}
body::-webkit-scrollbar-thumb {
	/*滚动条里面小方块*/ border-radius:10px;
	-webkit-box-shadow:inset 0 0 5px rgba(0,0,0,0.2);
	background:#535353;
}
body::-webkit-scrollbar-track {
	/*滚动条里面轨道*/ -webkit-box-shadow:inset 0 0 5px rgba(0,0,0,0.2);
	border-radius:0px;
	background:#041618;
}
.chatwrap::-webkit-scrollbar {
	/*滚动条整体样式*/ width:10px;
	/*高宽分别对应横竖滚动条的尺寸*/ height:1px;
}
.chatwrap::-webkit-scrollbar-thumb {
	/*滚动条里面小方块*/ border-radius:10px;
	-webkit-box-shadow:inset 0 0 5px rgba(0,0,0,0.2);
	background:#ffa500;
}
.chatwrap::-webkit-scrollbar-track {
	/*滚动条里面轨道*/ -webkit-box-shadow:inset 0 0 5px rgba(0,0,0,0.2);
	border-radius:10px;
	background:#088cb7;
}
.bgcolor {
	background-color:rgb(234,234,234);
}
.wrap {
	width:60%;
	margin-left:20%;
}
.return_top {
	display:none;
	position:fixed;
	right:5px;
	bottom:180px;
	background-color:rgba(0,204,255,0.2);
	border-radius:50%;
}
.return_top .layui-icon-top {
	font-size:3.5rem;
	color:#02a7e3;
	font-weight:bold;
}
@media screen and (max-width:320px ) {
	html {
	font-size:12px!important;
}
}@media screen and (min-width:321px) and (max-width:750px ) {
	html {
	font-size:14px!important;
}
}@media screen and (min-width:751px ) {
	html {
	font-size:16px!important;
}
}@media only screen and (max-width:769px) {
	body {
	margin:0;
	padding:0;
	padding-top:0px!important;
	background-color:#d0d0d0;
}
.wrap {
	width:100%!important;
	margin-left:0%;
}
.search input {
	width:65%!important;
}
.categary .title {
	width:97%!important;
	margin-left:3%!important;
}
.bottom {
	margin:20px 0 10px 0!important;
}
}header {
	position:fixed;
	top:0;
	left:0;
	width:100%;
	background-color:#337ab7;
	text-align:center;
	padding:12px 0;
	color:#fff;
	z-index:999;
}
header h1 {
	font-size:1.5rem;
	line-height:1.5rem;
	width:60%;
	overflow:hidden;
	white-space:nowrap;
	text-overflow:ellipsis;
	display:inline-block;
}
.top-span {
	box-shadow:2px 2px 3px #0298cf;
	border-top:1px solid #fff;
	border-color:rgba(255,255,255,0.3);
	background-color:#02A7E3;
	border-radius:20px;
	font-size:0.9rem;
	padding:4px 8px;
	cursor:pointer;
	margin-top:2px;
}
.vip-span {
	float:left;
	margin-left:10px;
}
.fresh-span {
	float:right;
	margin-right:10px;
}
.top-span .layui-icon {
	font-size:0.7rem;
}
.bottom {
	margin:20px 0 0px 0;
	width:100%;
	padding-bottom:10px;
}
.red {
	color:red;
}
.main-color {
	color:#ddd;
}
.bottom p {
	width:100%;
	text-align:center;
	font-size:0.8rem;
	line-height:1.2rem;
	color:#0e0d0d;;
}
.layui-m-layer0 .layui-m-layercont {
	padding-bottom:15px!important;
	padding-top:30px!important;
	background-color:rgba(0,0,0,0.04) !important;
}
.layui-m-layer0 .layui-m-layerbtn {
	background-color:rgba(0,0,0,0.24) !important;
}
.layui-m-layer0 .layui-m-layerbtn span {
	color:#fff!important;
	font-weight:bold!important;
}
.layui-m-layer0 .layui-m-layerchild {
	background-color:rgba(100,100,100,0.1)!important;
}
.clear {
	clear:both;
}



.link_list a { font-size: 13px; display: block; float: left;margin: 2px; width: 100px; text-align: center; height: 25px; line-height: 25px; padding: 2px; overflow: hidden; }





/*751行 手机版导航背景颜色*/