body {color: #555;font-family: "Microsoft Yahei";font-size: 14px;line-height: 1.42857143;margin: 0;position: relative;background-color: #f6f6f6;} a {color: #000;background: 0 0;text-decoration: none;} img {border: 0;vertical-align: middle} * {box-sizing: border-box} h1, h2{font-weight: 500;line-height: 1.1} h1 {margin: .67em 0;font-size: 2em;} h2 {font-size: 22px} dl {margin-top: 0;margin-bottom: 20px} dd, dt {line-height: 1.42857143} dt {font-weight: 700} dd {margin-left: 0} ul {margin-top: 0;margin-bottom: 10px;list-style: none;} hr{height:1px;border:none;border-top:1px dashed #0066CC;} dd, dl, dt, ul {margin: 0;padding: 0;} article, aside, footer, header, section{display: block;} /*----------header----------*/ .wrap {width:100%;margin:0 auto;max-width:1200px;position:relative;} ul, li {list-style:none;} .flt {float:left;} .frt {float:right;margin-right:20px;} .clear {clear:both;} .clear:after, .clear:before {content:'';clear:both;display:table;} .header {line-height:60px;position:fixed;top:0;left:0;width:100%;z-index:1000;background:#1b384a;} .header .wrap {background:#1b384a;} .logo {vertical-align:middle;margin-left:30px;} .logo img {vertical-align:middle;} .logo a{font-size:24px;color:#fff;} .zh1{float:left;} .brand {position: relative;top:18px;float: left;margin-left: 10px;padding-left: 10px;height: 30px;border-left: 2px solid #eaeaea;color: #ccc;font-size: 13px;line-height: 15px} .logo .brand a{font-size:13px;color:#33ff00;} .menu ul li {float:left;margin:0 8px;text-align:center;position:relative;font-weight:normal;} .menu ul li a {display:block;height:56px;border-bottom:4px solid #1b384a;color:#FFF;font-size: 18px;} .menu ul li:hover a {color:#00a67c;border-color:#00a67c;} .menu ul li:hover .drop {display:block;} .ntop{padding-top:60px;} .zaixian{position: relative;top:12px;float: left;margin-left: 10px;padding-left: 10px;height: 30px;font-size: 14px;line-height: 15px;padding-top: 16px;} .zaixian a{color: #33ff00;} .icon-account-new {position: absolute;top: 3px;right: -10px;background-position: 0 -265px;width: 24px;height: 14px;display: inline-block;font-size: 0;background-image: url(/images/sprite.icon.png?v=c7552ca40e);}  /*----------header----------*/ .container {position: relative;margin: 0 auto;max-width: 1200px;} .container:after, .container:before, .nav:after, .nav:before, .row:after, .row:before {display: table;content: " "} .container:after, .nav:after, .row:after {clear: both} .content-wrap {float: left;width: 100%;} .content {position: relative;margin: 15px 380px 15px 0px;padding: 0 20px 0 30px;background-color: #fff;border: 1px solid #eaeaea;} .sidebar {position: relative;float: left;margin-left: -360px;padding-top: 15px;width: 360px;} .article-header {margin-bottom: 20px;padding: 25px 0 0px 0;border-bottom: 1px solid #eee;} .article-title {margin-top: 0;color: #333;font-weight: 700;font-size: 40px;} .daohang{border-bottom: 1px solid #eee;padding-bottom: 14px;} .daohang a{color:#666;} .article-content p {text-indent: 2em;color: #000;font: 18px/36px "Microsoft Yahei"} .article-content p  strong{color: #00a67c;font: 18px/30px "Microsoft Yahei";font-weight: 700;} .article-content .biaoti {text-indent: 0.5em;margin: 10px 0;font-size: 24px;font-weight: 700;border-left-width: 4px;border-left-style: solid;border-left-color: #c00;border-bottom: 1px solid #C8C7BC;} .article-content img {display: block;margin: 5px auto;height: auto!important;max-width: 100%;} .article-content a {text-decoration: underline;} .article-content blockquote {     margin: 10px;     border: 1px #d0d4c8 dashed;     background: #f4f5f6 url(../images/blockquote.gif) 5px 3px no-repeat;     padding: 8px 12px 8px 36px; } .article-content .xgyd-biao{color:#000;margin-left:-36px;padding:0px;font-weight:700;} .article-content .xgyd-lie{color:##99a67c;padding:0;font:14px/14px "Microsoft Yahei"} .article-content .shangxi{padding: 4px 0;font-size:16px;}     .tags {border: 1px solid #eaeaea;margin-bottom: 15px;padding: 10px 10px 3px 10px;background-color: #FFFFFF;overflow: hidden;} .tags li {  list-style:none;padding-left:10px;height: 30px;line-height: 30px;} .function {border: 1px solid #eaeaea;margin-bottom: 15px;background-color: #fff} .function li a {padding: 10px 15px;color: #666;border-bottom: solid 1px #eee;display: block;font-size: 14px;} .function_t {padding: 11px 15px 10px;	border-bottom: 1px solid #eaeaea;	background-color: #fbfbfb;	color: #666;	font-size: 18px} .function_t h2 {margin: 0 0 0 1px;font-size: 22px;line-height: 24px;font-weight: 700;padding:5px 0;border-left-width: 4px;border-left-style: solid;border-left-color: #1b384a;} .function_t h2 a {padding-left:20px;font-size: 22px;} .function_c {padding: 10px;} .function_c p{padding: 7px 0 7px 8px;} .function_c img{padding:9px 0;} .function_c .more{text-align:center;padding-top:20px;border-top: 1px solid #eaeaea;line-height:20px;} .function_c .more a{padding: 8px 10px;  background-color: #f6f6f6;  color: #333;} .wap{display: none} .footer {padding: 20px;background-color: #333;color: #999;text-align: center;font-size: 12px;line-height: 24px} .footer  ul {display: table;  margin:0 auto;  height:30px;} .footer ul li {float: left;padding: 0 8px;  border-right: 1px solid #666;} .footer a {color: #999} .footer p{line-height:12px;} .grelates {min-height:200px;} .relates {min-height:240px;} .related-item {float: left;	padding: 10px 1.5% 10px 1.5%;	width: 33%;	} .related-item .post-thumbnail {margin: 0 0 10px 0} .related-item .post-thumbnail img {max-width: 180px;	width: 100%;	height: auto;	border: 1px solid #eee} .related-item a {line-height: 18px} .pwimg{padding-left:5%;padding-right:5%;} .dhyou{float:right;}  @media only screen and (max-width:1000px) { .header {background:#fff;} .menu {position:fixed;top:60px;right:-110%;background:#00a67c;} .menu ul li {float:none;display:block;border-bottom:1px solid #ddd;padding:0} .menu ul li a {line-height:45px;font-size:14px;} .menu ul {} .header .logo {position:relative;z-index:1001;line-height:56px;margin-left:15px;} .frt {float:right;margin-right:0px;} .menu_wrap {position:absolute;top:10px;width:40px;height:40px;background:url(../images/menu.png) no-repeat center center #00a67c;background-size:25px auto;right:15px;} .h_menu .menu_wrap {background:url(../images/menu-1.png) no-repeat center center #00a67c;background-size:25px auto;} .h_menu .menu {right:0;} .header {line-height:60px;} .mainer {padding-top:60px;} .menu ul li {width:auto;margin:0 20px;} .menu ul li a {color:#FFF;height:40px;line-height:40px;border-bottom:0;} .menu ul li:hover a {color:#000;border-bottom-width:1px;} } @media (max-width:999px) { .single {background-color: #fff} .content-wrap {float:left;width:96%;margin:0 2%;} .content {margin: 10px 0px;padding: 0 8px;} .article-header {padding: 15px 0 15px 0;} .article-title {margin-bottom: 5px;color: #333;font-weight: 700;font-size: 18px} .article-content p {text-indent: 2em;color: #000;font: 14px/26px "Microsoft Yahei"} .article-content p  strong{color: #00a67c;font: 14px/26px "Microsoft Yahei";font-weight: 700;} .article-content .biaoti {font-size: 18px;} .footer {padding: 15px 10px} .sidebar {position: relative;float: left;margin-left: 0px;padding-top: 15px;width: 100%;} .relates {display: none} .wap {display:inline} .pc {display: none;} } @media (max-width:1024px) {.content {margin-right: 0}}