/* 365建站器让建站和seo变得简单! 365建站器官网:http://soft.365jz.com */ html{overflow-x:hidden;} body { padding:0; margin:0;overflow-x:hidden; font-family:"微软雅黑", "宋体", "Trebuchet MS", Tahoma, Arial, sans-serif; color: #222222; font-size: 12px; line-height: 20px; background: #edf2f6;} * { padding:0; margin:0;} div, h1, h2, h3, h4, p, form, ul, label, input, textarea, img, span, dl, dt, dd { margin:0; padding:0;} table {border-collapse:collapse;} a { text-decoration: none; color: #333333;} a:hover { color: #71dcfc; text-decoration: none;} ul { padding:0; margin:0;} li { list-style-type: none;} img { border: none;} .clear { clear: both;} /*主要框架*/ /*网站顶部*/ .z0b5f6top{background:#FAFAFA;height: 27px;overflow:hidden;padding: 0 8px;line-height: 27px;color: #666;font-size: 12px;box-shadow: 1px 0px 2px rgba(0,0,0,0.4); -webkit-box-shadow: 0 1px 1px rgba(0,0,0,.2); -ms-box-shadow: 0 1px 1px rgba(0,0,0,.2);position: fixed;z-index: 9;width:100%;} .toplink .welcome {float: left;} .toplink .memberinfo {float: right;} #z0b5f6headerbg { height:55px;background:#000;position: fixed; margin-top:27px;z-index: 9;width:100%;padding-top:2px;} #z0b5f6headerbg .logo img{height:50px;text-align: center; display: block; margin: 0 auto; padding-right: 72px;} .sb-toggle-left { width: 58px; float: left; padding: 20px 0 0 14px; } .navicon-line { width: 24px; height: 4px; border-radius: 1px; margin-bottom: 3px; background-color: #fff; } /*导航*/ .z0b5f6navbarbg { width:100%; height:48px; background: #F3F4F5;border-top: 1px solid #C7CED1;border-bottom: 1px solid #C7CED1;} .diycontent {width:980px; margin:0 auto;} #z0b5f6content { max-width:1000px;padding:0; margin:0 auto;} #z0b5f6content img{ max-width:98%; /*IE7,Firefox*/ height:auto; width: expression(this.width > 360 ? 360: true); /*IE6*/ border-radius:5px; } .alignnone { border: 8px solid white; box-shadow: 3px 6px 8px 1px rgba(0, 0, 0, 0.3); -moz-box-shadow: 3px 6px 8px 1px rgba(0, 0, 0, 0.3); -webkit-box-shadow: 3px 6px 8px 1px rgba(0, 0, 0, 0.3); margin-right: 23px; margin-bottom: 17px; margin-top: 7px; } .z0b5f6container { background: white; position: relative; margin: 8px 0px 15px; border-radius:5px; -moz-box-shadow: 0 0 5px #e5e5e5; -webkit-box-shadow: 0 0 5px #e5e5e5; box-shadow: 0 0 5px #e5e5e5; } .et_shortcodes_mobile_nav { margin: 0px !important; overflow: hidden; border-top: 1px solid white; position: relative; } .z0b5f6container .z0b5f6content { margin: 10px; } .link-content { margin: 10px; } .z0b5f6container .z0b5f6control li { list-style: none outside none; margin: 0; padding: 0 15px 0 15px;; -moz-box-shadow: -1px 0 0 #fff; -webkit-box-shadow: -1px 0 0 white; box-shadow: -1px 0 0 white; position: relative; height:46px; line-height:48px; font-size: 14px; color: #FFF; font-weight: bold; } .z0b5f6container .z0b5f6control li a { font-size: 14px; color:#FFF; text-shadow:none; font-weight: bold; } .z0b5f6container .z0b5f6control, .z0b5f6container ul.et_shortcodes_mobile_nav { margin: 0px !important; overflow: hidden; border-top: 1px solid white; position: relative; } .z0b5f6container .z0b5f6control { background: #000; border-radius:5px 5px 0 0; } .z0b5f6content-wrapper img { border-radius:5px; max-width:98%; /*IE7,Firefox*/ height:auto; width: expression(this.width > 360 ? 360: true); /*IE6*/ } .article .date{ font-weight:bold; font-size:14px;} .article .arclink{ font-weight:bold; font-size:14px;color:#2979C2;} #z0b5f6main {margin-top:10px;float:left;} /*主要内容*/ .z0b5f6post { font-size:14px; margin-bottom:30px; word-break:break-all;} .z0b5f6post h2 { font-size:16px; line-height:20px; margin-bottom:10px; color:#2979c2;} .z0b5f6post h4 { font-size:15px; line-height:20px; margin-bottom:10px; } .z0b5f6post a { color:#900;} .z0b5f6post a:hover { color: #71dcfc; text-decoration: none;} .z0b5f6post_r { float:left;width:99%;} .post_body { background: #FFFFFF; padding:0 5px 0px 5px; line-height:22px; margin-bottom:0px;} .post_content { min-height:30px;max-width:600px;} .post_content img { max-width:540px; /*IE7,Firefox*/ width: expression(this.width > 540 ? 540: true); /*IE6*/ } .z0b5f6body{width:100%;} .z0b5f6body h2{font-size:16px;text-align:center;} .z0b5f6body .info{text-align:center;} .z0b5f6content-wrapper{font-size:14px;line-height:26px;} .post_content p { margin-bottom:10px;} .post_content ul,.post_content ol{margin-left:3em; list-style-position : outside;} .post_content li{ list-style-type:inherit;} .post_content li p{ margin:5px 0;} .post_tags { padding:10px 0;} .post_info { height:30px; line-height:30px; text-align:left; margin-top:10px;} /**/ .post_time { float: left ; width:60px; height:60px; border-radius:5px; padding:0px; overflow:hidden; text-align:center; color:#FFFFFF; background: #2979c2} .post_time h5 { font-size:36px; line-height:36px; font-family: Georgia; text-shadow: 0 1px 0 #fff;font-weight: bold;text-align: center;} .post_time h6 { font-size:14px; line-height:20px; font-weight:normal;} .post_fu { float:left; width:40px; height:40px; padding:5px 5px; background: #2979c2 url(../images/fu_right.png) no-repeat right bottom;} .function { margin-bottom:15px;} .function_t { height:30px; line-height:30px; font-size:15px; padding-left:10px; font-weight:bold; background:#000;color:#FFF;} .function_c { padding:5px 10px 15px 10px;} .function_c ul li {color: #222222; text-decoration: none; margin: 0; max-height: 40px; overflow: hidden; padding-left: 16px; display: block; line-height: 22px;} .zzpages ul{ float:left; padding:12px 0px 12px 16px; } .zzpages ul li{ float:left; font-family:Tahoma; line-height:17px; margin-right:6px; border:1px solid #E9E9E9; } .zzpages ul li a{ float:left; padding:2px 4px 2px; color:#555; display:block; } .zzpages ul li a:hover{ color:#690; text-decoration:none; padding:2px 4px 2px; } .zzpages ul li.thisclass, .zzpages ul li.thisclass a,.pagebox ul li.thisclass a:hover{ background-color:#F8F8F8; padding:2px 4px 2px; font-weight:bold; } .jz_pages .pageinfo{ line-height:21px; padding:12px 10px 12px 16px; color:#999; } .zzpages .pageinfo strong{ color:#555; font-weight:normal; margin:0px 2px; } .post .info{ height:24px; line-height:24px; text-align:left; overflow:hidden; color:#666; } .post .info small{ margin-left:8px; margin-right:3px; color:#999; font-size:12px; } .post .info a{ color:#690; } .post .intro{ width:90%; padding:8px 16px; line-height:24px; background:#f5fcee; border:1px solid #DCDDDD; font-size:14px; color:#706A6A; margin:8px auto 0 auto; } #z0b5f6sidebar { float: right; width: 220px; margin: 0 10px 0 0; _margin: 0 5px 0 0; } .Ptitle { height: 35px; font-size: 20px; color: #2979c2; font-weight: lighter; text-shadow: 1px 1px 2px #000; } .sideA:link,.sideA:visited{color:#222222;background:url(../images/link_button.gif) 0 -194px no-repeat; text-decoration:none;margin:0;max-height:40px;max-width:194px;overflow:hidden;padding-left:16px;display:block; +zoom:1;line-height:22px;} .sideA:hover{color:#2979c2;text-decoration:underline;padding-left:16px; line-height:22px;background-position:0 -246px} .z0b5f6flink li{ float:left; padding-right:10px; } #z0b5f6footer { margin:0 auto; color:#434343; background: #F3F4F5; border-top: 1px solid #C7CED1; text-align:center;padding:20px;} /* banner-m */ .swiper-container { width: 100%; } .swiper-container img{max-width:100%;} .swiper-slide { text-align: center; font-size: 18px; background: #fff; display: -webkit-box; display: -ms-flexbox; display: -webkit-flex; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; -webkit-justify-content: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; } .swiper-text{position: absolute;left:0;top:50%;margin-top: -56px;z-index:2;text-align:center;color:#FFF;width:100%;} .swiper-text h3 { font-size: 24px; text-align: center; margin-bottom: 3%; color: #FFF; line-height: 24px; } .swiper-text p { font-size: 16px; text-align: center; margin-bottom: 3%; color: #FFF; line-height: 24px; } .swiper-text .swiperbtn { display: block; background: #0064Cd; background-image: -webkit-gradient(linear,right top, left top,color-stop(0, #1dab7d),to(#47de9d)); background-image: linear-gradient(270deg,#1dab7d 0,#47de9d 100%); width: 120px; height: 40px; line-height: 40px; color: #fff; text-align: center; border-radius: 20px; margin:0 auto; font-size: 14px; } .swiper-text .swiperbtn:hover { -webkit-box-shadow: 0 1px 5px 0 rgb(34 178 129 / 50%); box-shadow: 0 1px 5px 0 rgb(34 178 129 / 50%); -webkit-transform: translateY(-5px); transform: translateY(-5px); } /* banner-m-end */ /* 话题标签topic-m */ .z0b5f6meta-tags{padding: 20px 0;} .z0b5f6meta-tags .z0b5f6tagitem { position: relative; display: inline-block; height: 30px; padding: 0 12px; font-size: 14px; line-height: 30px; vertical-align: top; border-radius: 100px; background: #f2f3f5; margin-bottom: 20px; } .z0b5f6meta-tags .z0b5f6tagitem:hover { background-color: rgba(0,102,255,.15); } .z0b5f6meta-tags .z0b5f6tagitem:not(:last-child) { margin-right: 10px; } /* 话题标签topic-m-end */