/*  

 Author: tianhu 
 Email：119118760@qq.com 
 Url：http://www.zhutima.com
 update: 2021-05-18 

*/

/* public start */
html {
  font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
  font-size: 15px;
  line-height: 1.5;
  -webkit-text-size-adjust: 100%;
  background: #f3f4f7;
  color: #222
}
body { margin: 0 }

h4, h2, h3, ul, li, dd, dt, dl, p { list-style: none; padding: 0; margin: 0; }

a { color: #222; text-decoration: none; }

a:hover, a:focus { color: #3D7EFF; text-decoration: none; }

a:active, a:hover { outline: 0 }

a:active, a:hover { outline: 0; }

textarea { overflow: auto; }

td, th { padding: 0; }

* { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; }

*:before, *:after { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; }

a:focus { outline: 5px auto -webkit-focus-ring-color; outline-offset: -2px; }

img { width: 100%; object-fit: cover;height: auto; box-sizing: border-box; }

.z-top { margin-top: 14px; }

.z-bottom { margin-bottom: 14px; }

.lay { margin-right: auto; margin-left: auto; padding-left: 7px; padding-right: 7px; }

.row { margin-left: -7px; margin-right: -7px; }

.lay-shadow { background: #fff; color: #666; box-shadow: 0 5px 15px rgba(0, 0, 0, 0.08); overflow: hidden; }

@media (min-width: 768px) { .lay { width: 730px; } }

@media (min-width: 992px) { .lay { width: 950px; } }

@media (min-width: 1200px) { .lay { width: 1200px; } }

.xs-1, .md-1, .xs-2, .md-2, .xs-3, .md-3, .xs-4, .md-4, .xs-5, .md-5, .xs-6, .md-6, .xs-7, .md-7, .xs-8, .md-8, .xs-9, .md-9, .xs-10, .md-10, .xs-11, .md-11, .xs-12, .md-12 { position: relative; min-height: 1px; padding-left: 7px; padding-right: 7px; }
.xs-1, .xs-2, .xs-3, .xs-4, .xs-5, .xs-6, .xs-7, .xs-8, .xs-9, .xs-10, .xs-11, .xs-12 { float: left; }

.xs-12 { width: 100%; }

.xs-11 { width: 91.66666667%; }

.xs-10 { width: 83.33333333%; }

.xs-9 { width: 75%; }

.xs-8 { width: 66.66666667%; }

.xs-7 { width: 58.33333333%; }

.xs-6 { width: 50%; }

.xs-5 { width: 41.66666667%; }

.xs-4 { width: 33.33333333%; }

.xs-3 { width: 25%; }

.xs-2 { width: 16.66666667%; }

.xs-1 { width: 8.33333333%; }

@media (min-width: 992px) {

  .md-1, .md-2, .md-3, .md-4, .md-5, .md-6, .md-7, .md-8, .md-9, .md-10, .md-11, .md-12, .md-i { float: left; }

  .md-12 { width: 100%; }

  .md-i{width: 37.5%;}

  .md-11 { width: 91.66666667%; }

  .md-10 { width: 83.33333333%; }

  .md-9 { width: 75%; }

  .md-8 { width: 75%; }

  .md-7 { width: 58.33333333%; }

  .md-6 { width: 50%; }

  .md-5 { width: 41.66666667%; }

  .md-4 { width: 25%; }

  .md-4-1{width:33.33333333%;}

  .md-3 { width: 25%; }

  .md-2 { width: 16.66666667%; }

  .md-1 { width: 8.33333333%; }
}

.lay:before, .lay:after, .row:before, .row:after { content: " "; display: table; }

.row:after, .lay:after { clear: both; }

.pd-left-none { padding-left: 0px; }

.pd-right-none { padding-right: 0px; }

.lay-padding { padding: 15px; }

.ztm-fixed { position: fixed; top: 0; z-index: 100; width: 100%; opacity: 0.95; }
/* public end */

/* menu start */
.wap-click-menu { display: none; }

.header { height:70px; width: 100%; background-color: #fff;}

.head-logo{position: relative;}

.head-logo img{width: auto;height: 50px;margin-top: 10px;}

ul.th-menu{ float: right; }

.th-menu>li { position: relative; float: left; height: 70px; line-height: 70px; }

.z-menu{position: relative;}
.th-menu>li.z-i-sou{cursor: pointer;}
.th-menu>li.z-i-sou span{background-color: #3D7EFF;padding:8px 8px;color: #fff;border-radius: 4px;}
.z-moke{position: fixed; left: 0; top: 0; width: 100%; height: 100%; background: rgba(0,0,0,.7); display: none; z-index: 998;cursor: pointer;}
.z-w-suo{position: fixed;top: 0px;right:-100%;background: #fff;padding: 10px;height: 100%;width:300px;z-index: 9999;transition: all .5s linear;}
.z-w-suo.thseach{right:0px;box-shadow: 0px 0 20px rgba(0, 0, 0, .38);}
.z-w-suo input:nth-child(1) { font-size: 12px; width: 78% !important; background: #fcfcfc; height: 33px; line-height: 33px; text-indent: 10px; border: 0; border: 1px solid #ddd; border-radius: 5px; transition: all .35s ease 0s; }
.z-w-suo input:nth-child(2) { border-radius: 2px; transition: all .35s ease 0s; line-height: 35px; height: 35px; width: 20%; padding: 0 5px; border-radius: 5px; background: #3D7EFF; border: 1px solid #3D7EFF; cursor: pointer; transition: all .35s ease 0s; color: #fff; }
.z-w-suo input:nth-child(2):hover { background-color: #3297fc; color: #fff; }
.z-w-suo input:nth-child(1):focus { border: 1px solid #3297fc; }
.z-w-suo input:nth-child(2):focus { border: 1px solid #cde9fd; }
.th-menu>li>a { display: inline-block; padding: 0 15px; color: #222;}

.th-menu>li>a.on { background-color: #fff;}

.th-menu>li>a.on:before { text-decoration: none; left: 0; width: 100%; }

.th-menu>li>a:before { position: absolute; content: ''; left: 50%; height: 2px; bottom: 0; width: 0; transition: all .5s;background-color: #3D7EFF;}

.th-menu>li>a:hover:before { text-decoration: none; width: 100%; left: 0; }

.th-menu>li>a:hover { color: #3D7EFF; background-color: #fff; }

.th-menu>li>a i { position: absolute; right: 0px; top: 33px; width: 0; height: 0; font-size: 0; line-height: 0; border-width: 4px; border-style: solid; border-color: #333 #fff #fff; -moz-transition: -moz-transform .2s ease-in; -webkit-transition: -webkit-transform .2s ease-in; -o-transition: -o-transform .2s ease-in; transition: transform .2s ease-in; -moz-transform: rotate(0); -webkit-transform: rotate(0); -o-transform: rotate(0); transform: rotate(0) }

.th-menu>li>a:hover i { border-color: #3D7EFF #fff #fff; -moz-transform: rotate(180deg); -moz-transform-origin: 50% 30%; -webkit-transform: rotate(180deg); -webkit-transform-origin: 50% 30%; -o-transform: rotate(180deg); -o-transform-origin: 50% 30%; transform: rotate(180deg); transform-origin: 50% 30%; filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=2); }


.th-menu>li>ul { display: none; position: absolute; left: 0; white-space: nowrap; top: 70px; background-color: #fff; box-shadow: 0px 1px 2px rgba(0, 0, 0, 0.25); z-index: 1010; width: 100%; }

.th-menu>li:hover ul { display: block; }

.th-menu>li ul li { text-align: left; border-bottom: 1px solid #f0f0f0; }
.th-menu>li ul li:last-child{border-bottom: none;}

.th-menu>li ul li a { line-height: 30px; color: #666; display: block; font-size: 14px; padding: 5px 0px; text-align: center; }

.th-menu>li ul li a:hover { color:#3D7EFF; transition: 0.3s ease-out;background: #3D7EFF;color: #fff; }

/* menu end */

/* pagebar s*/
.pagebar { text-align: center; padding: 15px; background-color: #fff;position: relative;transition: 0.3s ease-out; }

.pagebar a:hover { color: #3D7EFF; }

.pagebar span { -webkit-transition: all .3s ease-in-out; -moz-transition: all .3s ease-in-out; transition: all .3s ease-in-out; font-size: 13px; margin: 5px 2px; border: 1px solid #f0f0f5; color: #666; padding: 5px 10px; border-radius: 2px; box-sizing: border-box; }

.pagebar span:hover { background: #3D7EFF; color: #fff; border: 1px solid #3D7EFF; }

.pagebar span.now-page { background: #3D7EFF; border: 1px solid #3D7EFF; color: #fff; }

/* pagebar end*/

/* banner start */
.banner { background-color: #fff; box-shadow: 0px 1px 5px rgba(0, 0, 0, 0.08);  box-sizing: border-box; height: 400px; }
img.th_img{ width: 100%; object-fit: cover;height: 400px; }
.swiper-button-next, .swiper-button-prev { color: #fff; opacity: 0.5; transition: 0.3s ease-out; }
.swiper-button-next:hover, .swiper-button-prev:hover { color: #f2f5f7; opacity: 1; }
.swiper-container{ --swiper-theme-color: #3D7EFF; --swiper-pagination-color: #3D7EFF;/* 两种都可以 */}
.thbn-title {border-radius:2px;position: absolute; width: 85%; bottom: 50px; left: 7.5%; background: rgba(255, 255, 255, 0.7); color: #444; font-size: 14px;line-height: 25px;box-sizing: border-box; padding: 10px 10px; overflow: hidden; transition: all 0.5s; }
.swiper-button-next, .swiper-button-prev{background: #000;}
.swiper-button-next{right:-50px;}
.swiper-button-prev{left:-50px;}
.banner:hover .swiper-button-next{right: 0px;}
.banner:hover .swiper-button-prev{left: 0px;}
.swiper-button-next:after, .swiper-button-prev:after{font-size: 14px;}
/* banner end */

/* index top */

.z-i-yao{background-color: #fff;border: 1px solid #eee;padding: 14px;height: 400px;}
.z-i-yao1{overflow: hidden;color:#999;border-bottom: 1px solid #f5f5f5;padding-bottom: 14px;}
.z-i-yao1 span{font-size: 17px;font-weight: 700;margin:0px 10px;color: #222;}
.z-i-yao1 i{color: #3D7EFF;font-weight: 700;font-size: 19px;}
.z-i-yao2 ul{overflow: hidden;}
.z-i-yao2 ul li {border-bottom: 1px dashed #eee;padding-bottom: 14px;}
.z-i-yao2 ul li h2{font-size: 16px;margin: 15px 0px;overflow : hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 1; -webkit-box-orient: vertical;}
.z-i-yao2 ul li h2 a{transition: all .5s;}
.z-i-yao-info{height:40px;color: #666; font-size: 14px; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical;}
.z-i-d1 ul{display: -webkit-flex; /* Safari */ display: flex;justify-content:space-between;}
.z-i-d1 ul li{background-color: #fff;border:1px solid #eee;height: 87px;width: 32%;position: relative;top: 0;transition: all .5s;}
.z-i-d1 ul li:hover{top: -8px;}
.z-i-d1 ul li a{display: block;height: 87px;text-align: center;transition: all .5s;}
.z-i-d1 ul li a p{padding-top:14px;}
.z-i-d1 ul li a p i{font-size: 20px;transition: all .5s;}
.z-i-d1 ul li a p.ip1 i{color: red;}
.z-i-d1 ul li a p.ip2 i{color: #8623e2;}
.z-i-d1 ul li a p.ip3 i{color: #9ad430;font-weight: 700;}
.z-i-d1 ul li a div{color: #666;font-size: 13px;margin-top: 5px;transition: all .5s;}
.z-i-d1 ul li a:hover p i{color: #fff;}
.z-i-d1 ul li a:hover div{color: #fff;}
.z-i-d1 ul li a:hover{color: #fff;background-color: #3D7EFF;}
.z-i-wx{background-color: #fff;padding:0px 0px 30px 0px;}
.z-i-wx0{height:40px;background:url(image/i-bg.png) repeat-x;margin-bottom: 10px;}
.z-i-wx1{margin-top: 20px;width:120px;height: 120px;margin: 0 auto;border:1px solid #eee;padding: 4px;border-radius: 4px;}
.z-i-wx2{padding: 0px 14px;text-align: center;color: #666;margin-top: 20px;}
.z-i-wx2 span{font-weight: 700; font-size: 17px;color: #222;}
.z-i-wx3{padding: 0px 14px;text-align: center;color: #666;margin-top: 10px;height: 44px;overflow: hidden;text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical;}
/* index zui xin start */
.z-i-b{background-color: #fff;border: 1px solid #eee;}
.z-news{padding:14px;overflow: hidden;}
.z-news ul li{border-bottom: 1px solid #f5f5f5;padding: 17px 0px;overflow: hidden;}
.z-news-l{float: left;width: 30%;height: 155px;background-color: #eee;border-radius: 2px;}
.z-news-l a {display: block;overflow: hidden;height: 155px;}
.z-news-l a img{border-radius: 2px;transition: all 0.3s; -moz-transition: all 0.3s; -webkit-transition: all 0.3s; -o-transition: all 0.3s;height: 155px;}
.z-news-l a img:hover{transform: scale(1.1); -moz-transform: scale(1.1); -webkit-transform: scale(1.1); -o-transform: scale(1.1); -ms-transform: scale(1.1);}
.z-news-r{float: right;width: 69%;height: 155px;position: relative;}
.z-news-r1{color:#90949c;font-size: 13px;vertical-align: middle;}
.z-news-r1 span{margin-right: 14px;}
.z-news-r2{margin: 10px 0px;}
.z-news-r2 a{font-weight: 700;font-size: 17px;transition: all .5s;}
.z-news-r3{color: #666;font-size:14px;overflow : hidden; text-overflow: ellipsis;height: 42px;display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical;}
.z-news-r4{position: absolute;bottom: 4px;left: 0px;width: 100%;}
.z-news-r4 span a{background-color: #f5f5f5;font-size: 12px;padding:5px;transition: all .5s;border-radius: 1px;}
.z-news-r4 span a:hover{background-color: #3D7EFF;color: #fff;}
.z-news-r4-info{position:absolute;right:0px;bottom:-3px;font-size: 12px;color: #999;}
.z-news-r4-info span{margin-left: 10px;}
.z-news-r4-info span i{vertical-align: middle;margin-right:3px;}
.z-i-left{background-color: #fff;border: 1px solid #eee;}
.z-i-left1{line-height: 50px;height: 50px;text-align: center;border-bottom: 1px solid #f5f5f5;}
.z-i-left1 i{font-size: 13px;color: #3D7EFF;}
.z-i-left1 span{margin:0px 10px;font-weight: 700;font-size: 17px; letter-spacing: 5px;}
.z-i-left2 ul{overflow: hidden;padding: 0px 14px;}
.z-i-left2 ul li{line-height: 40px;height: 40px;border-bottom: 1px solid #f5f5f5;vertical-align: middle;overflow : hidden;text-overflow: ellipsis;display: -webkit-box;
  -webkit-line-clamp: 1;-webkit-box-orient: vertical;}
.z-i-left2 ul li a{transition: all .5s;}
.z-i-left2 ul li i{width: 18px;height: 18px;line-height: 18px;display: inline-block;margin-right:8px;background-color: #eee;text-align: center;font-style: normal;
  color: #888;border-radius: 0 0px 10px 10px;vertical-align: middle;}
.z-i-left2 ul li:nth-child(1) i{background-color:#00f;color: #fff;}
.z-i-left2 ul li:nth-child(2) i{background-color: red;color: #fff;}
.z-i-left2 ul li:nth-child(3) i{background-color: #e61cf1;color: #fff;}
.z-i-left2 ul li:nth-child(4) i{background-color: #05be5d;color: #fff;}
.z-i-left2 ul li:nth-child(5) i{background-color: #8623e2;color: #fff;}
.z-i-left2 ul li:nth-child(10){border-bottom:none;}
.z-i-left3 ul{overflow: hidden;padding: 0px 14px;}
.left3-img{width:100%;height:160px;background-color: #eee;margin:10px 0px;border-radius: 2px;}
.left3-img a {display: block;overflow: hidden;}
.left3-img a img{border-radius: 2px;transition: all 0.3s; -moz-transition: all 0.3s; -webkit-transition: all 0.3s; -o-transition: all 0.3s;}
.left3-img a img:hover{transform: scale(1.1); -moz-transform: scale(1.1); -webkit-transform: scale(1.1); -o-transform: scale(1.1); -ms-transform: scale(1.1);}
.z-i-left3 ul li{overflow: hidden;}
.z-i-left3 ul li.i-h{line-height: 40px;height: 40px;border-bottom: 1px solid #f5f5f5;vertical-align: middle;overflow : hidden;text-overflow: ellipsis;display: -webkit-box;
  -webkit-line-clamp: 1;-webkit-box-orient: vertical;}
.z-i-left3 ul li.i-h a{transition: all .5s;}
.z-i-left3 ul li.i-h i{margin-right:4px;color: #00f;font-weight: bold;}
.z-hot ul li i{border-radius:2px;}
.z-i-dan{padding:14px;}
.z-i-dan1 a{transition: all .5s;line-height: 20px;font-weight: bold;overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 1; -webkit-box-orient: vertical;}
.z-i-dan2{color: #666; font-size: 13px; margin-top: 14px;height: 56px;overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 3; -webkit-box-orient: vertical;}
.z-i-dan2 p{color: #666; font-size: 13px; }
.z-i-dan3{color: #666; font-size: 13px;margin-top: 14px;vertical-align: middle;}
.z-i-dan3 i{vertical-align: middle;margin-right: 3px;}
/* index msg */
.z-i-left4{padding:14px;}
.z-i-left4{overflow: hidden;}
.z-i-left4 ul li{border-left: 1px solid #eee;padding-bottom: 15px;position: relative;padding-left:10px;vertical-align: top;border-top: 1px solid #fff;}
.z-i-left4 ul li:nth-child(5){padding-bottom: 0px;}
.z-i-left4 ul li::before{content: ""; display: block; position: absolute; left: -4px; top: 0; width: 7px; height: 7px;  border-radius: 50%;
 background-color: #3D7EFF;}
.left4-t{vertical-align: top;margin-top: -8px;margin-bottom: 5px;color: #90949c; font-size: 13px;}
.left4-t span{margin-left: 10px;font-size: 13px;}
.z-i-left4 ul li a{color: #333;transition: all .5s;}
.z-i-left4 ul li a:hover{color:#3D7EFF;}
/* duo fen lei */
.z-i-left3 ul.th-5 {background: #fff;padding:14px;}
.th-5 .date { float: right; color: #bbb; }
.th-5 li { line-height: 36px; height: 36px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis;}
.th-5 li a { transition: 0.3s ease-out; }
.th-5 li i { display: inline-block; width: 18px; height: 18px; line-height: 18px; margin-right: 10px; background-color: #eee; text-align: center; font-style: normal; color: #888; border-radius: 0 15px 10px 10px; }
.z-i-type{text-align: center;height: 40px;}
.z-i-type a{padding:10px 20px;background-color: #eee;font-size: 13px;border-radius:3px;transition: all .5s;color: #888;}
.z-i-type a:hover{background-color: #3D7EFF;color: #fff;}
.z-i-ad2{height:80px;background-color: #fff;border-radius: 2px;border: 1px solid #eee;}
/* ad tags */
.z-i-tags{background-color: #fff;border-radius: 2px;border: 1px solid #eee;overflow: hidden;}
.z-i-tags1{overflow: hidden;padding:0px 14px 14px 14px;}
.z-i-tags1 ul{ display: -webkit-flex; /* Safari */ display: flex;flex-wrap:wrap;}
.z-i-tags1 ul li{width:10%;margin-right:8px;margin-top: 10px;}
.z-i-tags1 ul li a{overflow: hidden;display: block;height:35px;line-height: 35px;text-align: center;font-size: 14px;color:#888;background-color: #eee;
  border-radius: 2px;transition: all .5s;padding:0px 10px; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 1; -webkit-box-orient: vertical;font-size: 13px;}
.z-i-tags1 ul li a:hover{background-color: #3D7EFF;color: #fff;}
.z-i-tags2{overflow: hidden;padding:14px 14px 14px 14px;}
.z-i-tags2 ul li a{transition: all .5s;color: #888;font-size: 13px;}
.z-i-tags2 ul li a:hover{color: #3D7EFF;}
.z-i-tags2 ul li{float: left;margin-right: 10px;}
/* footer */
.footer{ background-color: #222;; padding:20px 0px ; }
.footer_info1{ font-size: 16px; line-height: 50px; border: 1px solid #333; color: #666; font-weight:200 ; text-align: center; border-radius:5px; }
.footer_info1 i{ margin-right:10px; font-size:20px ; }
.footcon1 dt { font-size: 16px; margin-bottom: 15px; color: #f2f5f7; }
.footcon1 dd { line-height: 25px; color: #666; overflow: hidden; font-size: 14px; }
dd.ztm-foot-about{ overflow : hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 5; -webkit-box-orient: vertical; }
.footewm { width: 103px; height: 103px; border: 1px solid #585858; margin: 0 auto; margin-top: 10px; box-sizing: border-box; padding: 5px; border-radius: 5px; }
.footer_link{ color: #666; }
.footer_link ul li{ float: left; margin-right:10px; }
.footer_link ul li a{ color: #666; transition: 0.3s ease-out; font-size: 12px; font-size: 14px; }
.footer_link ul li a:hover{ color: #f5f5f5; }
.footer_copy{ color: #666; text-align: center; font-size: 13px; }
.footer_copy a{ color: #666; font-size: 13px; }
.footer_kuaij{ text-align: center; margin-bottom: 10px; }
.footer_kuaij a{ margin-right:10px; color: #666; transition: 0.3s ease-out; font-size: 14px; }
.footer_kuaij a:hover{ color: #f5f5f5; }
/* pai hang bang */
.z-i-paihang{overflow: hidden;padding:30px 50px;}
.z-i-paihang ul{display: -webkit-flex; /* Safari */ display: flex;justify-content:space-between;}
.z-i-paihang ul li{text-align: center;background-color: #eee;padding: 10px;border-radius: 3px;color: #666;}
ul.z-phb li:nth-child(1) i,ul.z-phb li:nth-child(2) i,ul.z-phb li:nth-child(3) i{background-color: red;color: #fff;}
/* list */
.z-list-trub{background-color: #fff; border: 1px solid #eee; border-radius: 2px; margin-bottom: 14px; padding: 0px 15px; vertical-align: middle; height: 50px; line-height: 50px;}
.z-list-trub a{transition: 0.5s ease-out;}
.z-list-trub i{vertical-align: middle;margin: 0px 5px;}
/* detail */
.z-d-con{background-color: #fff;border: 1px solid #eee;border-radius: 2px;padding: 15px;}
.z-d-con h1{font-size: 20px;}
.z-d-con1{font-size: 13px;color: #999;}
.z-d-con1 i{vertical-align: middle;margin-right: 5px;}
.z-d-con1 span{margin-right: 10px;}
.z-d-con2{margin:15px 0px;line-height: 27px;}
.z-d-con2 p{margin-bottom: 20px;}
.z-d-con2 img,.z-d-con2 p img{max-width: 100%;text-align: center;}
.z-d-tags{background-color: #f8f8f8;padding: 15px;color: #666;line-height: 25px;font-size: 14px;}
.z-d-tags i{margin-right: 5px;vertical-align: middle;}
.z-d-tags a{margin-right: 10px;font-size: 14px;transition: 0.5s ease-out;padding: 2px 10px;border: 1px solid #3D7EFF;color: #3D7EFF;border-radius: 2px;}
.z-d-tags a:hover{background-color: #3D7EFF;color: #fff;}
.z-d-con3{background-color: #f8f8f8;padding: 15px;margin-top: 15px;}
.z-d-con3 p{font-size: 14px;line-height: 25px;color: #999;}
.z-d-con3 p span{color: #222;}
.z-d-next{background-color: #fff;border: 1px solid #eee;border-radius: 2px;padding: 15px;}
.z-d-next div{line-height: 30px;color: #999;font-size: 14px;}
.z-d-next div a{transition: 0.5s ease-out;}
/* index tui jian A*/
.z-i-tj{background-color: #fff;}
.tj-con{overflow: hidden;padding: 10px 5px;}
.tj-con1{height: 160px;background-color: #eee;position: relative;}
.tj-con1 div a {display: block;overflow: hidden;height: 160px;}
.tj-con1 div a img{border-radius: 2px;transition: all 0.3s; -moz-transition: all 0.3s; -webkit-transition: all 0.3s; -o-transition: all 0.3s;}
.tj-con1 div a img:hover{transform: scale(1.1); -moz-transform: scale(1.1); -webkit-transform: scale(1.1); -o-transform: scale(1.1); -ms-transform: scale(1.1);}
.tj-con1 span{position:absolute;top:15px;left:10px;}
.tj-con1 span a{background-color: #3D7EFF;padding:5px 5px;font-size: 12px;color: #fff;border-radius: 3px;}
.tj-con2{margin-top: 5px;line-height:30px;height: 30px;}
.tj-con2 a{font-weight: bold; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 1; -webkit-box-orient: vertical;transition: all .5s;}
.tj-con3{overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical;color: #666; font-size: 13px;height: 38px;}
/*----------- comm -----------*/	
#divCommentPost{padding: 15px;}
ul li.tbname{line-height: 30px;padding: 15px;background-color: #f8f8f8;border-bottom: 1px solid #f5f5f5;}
p.posttop{line-height: 30px;}
input.text {color: #999;border-radius:0;transition: all .35s ease 0s;line-height: 38px;height: 38px;width: 100%;padding: 0 10px;border: 1px solid rgba(227, 229, 236, .4);background: #f8f8fc;}
input.text:focus,
#txaArticle:focus {border: 1px solid #3D7EFF;}
.button {margin-top:10px;display: inline-block;height: 38px;line-height: 38px;padding: 0 20px;background-color: #3D7EFF;transition: 0.3s ease-out;color: #fff;white-space: nowrap;text-align: center;font-size: 14px;border: 0;border-radius: 2px;cursor: pointer;opacity: .9;
  filter: alpha(opacity=90);vertical-align: middle;}
#txaArticle {position: relative;z-index: 1;padding: 5px;height: 80px;min-height: 14px;margin: 0;outline: 0;width: 100%;min-width: 100%;border: 1px solid rgba(227, 229, 236, .4);background: #f8f8fc;border-radius: 0rem;line-height: 1.6;}
.msgArticle{padding:10px}
.children .msgArticle{ background: #f9fafc; padding:10px 15px; border-radius: 4px; position: relative;}
.children .msgArticle:before{content: "";display: block;border-top: none;border-right: 15px solid transparent;border-bottom: 15px solid #f9fafc;border-left: 15px solid transparent;position: absolute;top: -12px;left: 15px;}
.msgReply{background: #f7f9fd;margin-top:8px;padding: 10px 0px 0px 10px;border-radius:5px;}
.avatar{float:left;position:relative;-webkit-border-radius:50px;border-radius:50px;background-color:#fff;margin-right:10px; margin-top: 10px;}
.avatar img{width:4rem;height:4rem;-webkit-transition:.4s;-webkit-transition:-webkit-transform .4s ease-out;transition:transform .4s ease-out;-moz-transition:-moz-transform .4s ease-out;border-radius:30px;-webkit-border-radius:30px;-moz-border-radius:30px;}
.avatar img:hover{transform:rotateZ(360deg);-webkit-transform:rotateZ(360deg);-moz-transform:rotateZ(360deg);}
.commBody{position:relative;margin-left:35px;padding:0 0 1rem 1rem!important;}
.commBody .commInfo{font-size:14px;line-height:2rem;word-wrap:break-word; line-height: 24px; color: rgba(0,0,0,0.8)}
.commBody .commInfo span{ margin-right: 4px; color: #f00}
.commTop{margin-left:-1rem;margin-right:-1rem;margin-bottom:0rem;font-weight:500;font-size:1.4rem;}
.commTop a{color:#9ca0ad;font-size:12px;margin-right:.8rem}
.commFooter{font-size:12px;line-height:16px;margin-top:10px;}
.commTime{font-size:12px;margin-right:.8rem;color:#9ca0ad}
.commReply{font-size:12px;color:#9ca0ad}
.msgname .msgname,div.children{margin-left:78px;line-height: 30px;}
.msgname {line-height:30px;color:#999;}
div.children > div.children{margin-left:0rem}
div.children .avatar,.msgname .msgname .avatar{width: 36px; height: 36px; margin-left: 2px; margin-top: 5px;}
div.children .avatar img,.msgname .msgname .avatar img{width: 36px; height: 36px;}
.postbottom{color:#999;font-size:14px;line-height: 25px;margin-top: 10px;}
.commentpagebar{overflow: hidden;margin-bottom: 15px;padding: 10px;}
#cancel-reply{line-height:30px;color: #999;}
#cancel-reply:hover{color: #3D7EFF;}
/* geng xin ri zhi */
.ztm-all-arc{background-color: #fff;border: 1px solid #eee;padding: 15px;}
#all_archives h2{ color: #3D7EFF; font-size: 16px; color: #3D7EFF; font-size: 20px; padding: 10px 0px; border-bottom: 1px dashed #eee; }
ul.mon_list{ margin-top: 15px; }
ul.mon_list li.limon{ margin: 15px 0px; } 
ul.mon_list li.limon span{ font-size: 14px; font-weight: bold; }
ul.post_list{ margin-top: 15px; overflow: hidden;}
ul.post_list li{ line-height: 35px; color: #999; }
ul.post_list li a{ margin:0px 15px; transition: 0.3s ease-out;}
ul.post_list li span.guidang{ font-weight: 400; margin-left: 20px; }
/* zhi ding zhi di */
#updown { position: fixed; bottom: 20px; right: 5px; display: none; }
#updown div {transition: 0.3s ease-out;background: #555; color: #fff; box-shadow: 0px 1px 10px rgba(0, 0, 0, 0.08); padding: 5px 8px; font-size: 12px; cursor: pointer; border-radius: 3px; }
#updown div:hover { background: #3D7EFF; }
#updown div:nth-child(2) { margin-top: 10px; }
/* sidebar ce bian lan start */
.ztm-side{overflow: hidden;}
.ztm-side dl{background: #fff;margin-top: 15px;padding:0px 14px;padding-bottom: 14px;}
.ztm-side dl dt{line-height: 50px; height: 50px;border-bottom: 1px solid #f5f5f5;margin-bottom:5px;font-weight: 700; font-size: 17px;}
.ztm-side dl dd {padding-left: 15px;}
.ztm-side dl dd ul li{line-height:25px;list-style-type: disc;}

.z-cate-dis{
  padding: 10px 0px;
  line-height: 25px;
}
.z-cate-dis a{
  color: #3D7EFF;
}

/* wap css */
@media only screen and (min-width: 320px) and (max-width: 992px) {

  .wap-none, .ztm-ding, .search-1 { display: none; }

  .wap-top{margin-top:14px;}

   /* wap menu setting start */

  .wap-header-logo{ position: relative; top: 0; right:0; z-index: 9999; }

  .wap-click-menu { display: block; position: absolute; top: 12px; right: 15px; color: #3D7EFF;cursor: pointer; }

  .wap-click-menu i { font-size: 30px; }
 
  .wap-header-nav { position: fixed; top: 0; left: -100%; height: 100%; background: rgba(242, 246, 249, .98); z-index: 9999; transition: all .3s linear; width: 120px; }
  
  .wap-header-nav.thact { left: 0; box-shadow: 20px 0 20px rgba(0, 0, 0, .38); }
  /* .wap-act { top: 80px; } */

  .header { width: 100%; background: #fff;list-style: none;}

  .th-menu { overflow: hidden; margin-top: 10px; width: 100%;}

  .th-menu>li { float: none; height: 40px; line-height: 40px; border-bottom: none; margin-bottom: 5px; margin-right: 5px; width: 100%; text-align: left; }

  .th-menu>li>a { width: 100%; background-color: #fff; border: 1px solid #eee; color: #222; }

  .th-menu>li>a:before { display: none; }

  .th-menu>li>a.on { background-color: #fff; color: #333; }

  .th-menu>li>a i { display: none; }

  /* two menu */
  .wap-menu span { position: absolute; top: 0; right: 0; font-size: 25px; background: #eaeaea; font-weight: 100; width: 40px; text-align: center; display: block; z-index: 10000; }

  .th-menu>li>ul { top: 50px; box-shadow: none; background-color: #eaeaea; padding: 15px 10px; }

  .th-menu>li>ul>li { width: 49%; float: left; border: none }

  .th-menu>li>ul>li>a { display: block; color: #333333; font-weight: 300; margin-left: 5px; margin-top: 5px; text-align: left; padding-left: 25px; background-color: #F7F8F8; }

  .th-menu>li:hover ul { display: none; }

  /* wap menu setting end */
  /*  */
  .z-news-l{height: 75px;}
  .z-news-l a,.z-news-r{height: 75px;}
  .z-news-r3,.z-news-r4{display: none;}
  ul.post_list li span.guidang{display: none;}
  .tj-con1 div a img{width: 100%;height: 100%;}
  .th-menu>li.z-i-sou{display: none;}
  .z-news-l a img{height: 100%;}
  .z-d-con2 p img,.z-d-con2 img{width: 100%;}
  .z-news-r2 a{font-size: 14px;overflow : hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical;}
  .z-d-con2 p video,.z-d-con2 video{width: 100%;}
}