@charset "UTF-8";
img{ width:100%; }
main { background: none; }
.main-top { margin: 10px 0 0 0; }
.cate-block { width: 100%; max-width: 1200px; margin: 0 auto; }
.slider { border-radius: 6px; overflow: hidden; }
.slider-block {position:relative;overflow:hidden;margin: 0 auto; }
/*.slider{position:relative;overflow:hidden;margin:84px auto 0 auto; }*/
.slider .hd{position:absolute;bottom:5px;left:0; right:0; margin: 0 auto; z-index:1;width:100%;height:11px;text-align:center;}
.slider .hd ul{display:inline-block;padding:3px 5px;height:5px;-webkit-border-radius:5px;-moz-border-radius:5px;border-radius:5px;vertical-align:top;font-size:0;}
.slider .hd ul li{display:inline-block;overflow:hidden;margin:0 5px;width:5px;height:5px;-webkit-border-radius:5px;-moz-border-radius:5px;border-radius:5px;background-color:rgba(140,140,140,.7);vertical-align:top;}
.slider .hd ul .on{background:#fe6c9c;}
.slider .bd{position:relative;z-index:0;}
.slider .bd li img{width:100%;height:auto;background:#fff center center no-repeat;}
.slider .bd li a{-webkit-tap-highlight-color:transparent;}

.block-list { margin: 5px 6px 10px 6px; }
.block-list ul li { text-align: left; padding: 2px 0; }
.block-list ul li h3 { font-size: 15px; float: left; width: 76%; font-weight: normal}

.pp-tab-top { padding: 5px 3px 0 3px; border-bottom: 1px solid #eee; }
.tab-article-list { padding:8px 10px; }
.tab-article-list ul li { padding: 4px 0; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.tab-article-list ul li a { font-size:14px; color:#666; }

.wz-nav-list { background: #fff; display: block; }
.wz-nav-list a {  padding: 0 12px; font-size: 14px; color: #555; display: inline-block; }
.wz-nav-list a.wz-active { color: #d33; }

.cate-list ul li { padding: 6px 0; border-radius: 6px; }
.cate-list h2 { font-size: 16px; color: #555; padding: 4px 0 2px 0; }
.cate-list p { font-size: 13px; color: #aaa; padding: 1px 0 0 0; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.cate-list i { font-size:40px; color: #ddd; margin: 5px 5px 0 14px; display: block; overflow: hidden; float: left; }
.cate-icon { width: 40px; height: 40px; margin: 4px 1px 0 2%; display: block; overflow: hidden; background: url("a1.png") no-repeat; background-size: 40px; float: left; }

.block-top { margin: 11px 8px 0 8px; padding-bottom: 6px; border-bottom: 1px solid #f6f6f6; }
.wz-list{ margin:8px 9px 10px 9px;}
.wz-list ul{width:100%;}
.wz-list ul li{ text-align:left; margin: 0; height: 30px; padding: 0; line-height: 30px; border-radius: 4px; font-size: 14px; color: #555; display: block; overflow: hidden; }
.wz-list ul li a { width: 100%; margin: 0; color: #555; }
.wz-list ul li a:hover { color: #dd801a; }
.wz-list ul li a:hover i { color: #dd801a; }
.wz-list ul li a:hover span { color: #dd801a; }
.wz-list ul li a h3 { width: 78%; float: left; font-size: 14px; font-weight: normal; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.s-right-box .wz-list ul li a h3 { width: 78%; float: left; font-size: 14px; font-weight: normal; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.wz-list ul li i { padding-right: 7px; float: left; text-align:left; font-size: 15px; color: #9195A3; font-weight: bold; }
.wz-list ul li span { width: 50px; float: right; text-align: right; font-size: 13px; color: #999; margin-top: 1px; }
.wz-item-first { margin: 10px 0 7px 0; display: block; overflow: hidden; }

.wz-pic { width: 120px; height: 103px; margin: 2px 3px 0 2px; float: right; display: block; overflow: hidden; background: #ddd; border-radius: 4px; }
.wz-pic img { width: 120px; height: 110px; object-fit: cover; }
.wz-text h3 { padding: 0 0 6px 0; font-size: 15px; color: #555; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.wz-text p { font-size: 13px; color: #aaa; line-height: 24px; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 3; -webkit-box-orient: vertical; }

.wz-pic2 { width: 100%; height: 0; padding-bottom: 74%; margin: 0; float: left; display: block; overflow: hidden; background: #ddd; border-radius: 4px; }
.wz-pic2 img { width: 100%; object-fit: cover; }
.wz-text2 h3 { padding: 0 0 5px 0; font-size: 15px; color: #555; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.wz-text2 p { font-size: 13px; color: #aaa; line-height: 22px; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; }

.wz-item-first .wz-pic { border: 1px solid #f3f3f3; }

.tuwen1 ul li h3 { width: 100%; margin: 0; padding: 3px 0 0 0; font-size: 14px; color: #555; text-align: center; display: block; overflow: hidden; font-weight: normal; white-space: nowrap; text-overflow: ellipsis; }

.tuwen2  { padding:6px 0; margin: 0; display: block; overflow: hidden; background: #fff; border-radius: 6px; }
.tuwen2 ul li{ text-align:left; margin: 0 9px; padding: 8px 0; border-radius: 4px; font-size: 14px; color: #555; display: block; overflow: hidden; position: relative; border-bottom: 1px dashed #eee; }
/*.tuwen2 ul li:last-child { border-bottom: none; }*/
.tuwen2 ul li h3 { width:auto; }
.tuwen2 ul li h3 a { color: #555; font-weight: normal; }
.tuwen2 ul li p { width:auto; }
.tuwen2 ul li .wz-pic { width: 90px; height: 80px; margin: 0 0 0 9px; float: right; display: block; overflow: hidden; background: #ddd; border-radius: 4px; border: 1px solid #f5f5f5; }
.tuwen2 ul li .wz-pic img { width: 90px; height: 80px; object-fit: cover; }
.tuwen2 ul li .wz-text { height:92px; position: relative; display: block; overflow: hidden; }
.tuwen2 ul li .wz-text p { font-size: 13px; color: #aaa; line-height: 22px; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical;  }
.wz-foot { font-size: 13px; color: #999; position: absolute; bottom: 0; left: 0; right: 0; }
.wz-foot i { float: left; }
.wz-foot span { float: right; }

.wz-item-first img {-webkit-transition: all .3s ease-out 0s;-moz-transition: all .3s ease-out 0s;-o-transition: all .3s ease-out 0s;transition: all .3s ease-out 0s}
.wz-item-first:hover img {-webkit-transform: scale(1.2);-moz-transform: scale(1.2);-o-transform: scale(1.2);transform: scale(1.2)}
.wz-item-first:hover h3 { color: #dd801a; }

.ft-tip { padding: 15px 0; text-align: center; font-size: 15px; color: #aaa; }

.ul-number li:nth-child(1) i{ color: #FE2D46; }
.ul-number li:nth-child(1) i:before{content:"1";}
.ul-number li:nth-child(2) i{ color: #F60; }
.ul-number li:nth-child(2) i:before{content:"2";}
.ul-number li:nth-child(3) i{ color: #FAA90E; }
.ul-number li:nth-child(3) i:before{content:"3";}
.ul-number li:nth-child(4) i{ color: #9ebaa0; }
.ul-number li:nth-child(4) i:before{content:"4";}
.ul-number li:nth-child(5) i{ color: #4796b3; }
.ul-number li:nth-child(5) i:before{content:"5";}
.ul-number li:nth-child(6) i{ color: #bb9998; }
.ul-number li:nth-child(6) i:before{content:"6";}
.ul-number li:nth-child(7) i{ color: #9195A3; }
.ul-number li:nth-child(7) i:before{content:"7";}
.ul-number li:nth-child(8) i{ color: #9195A3; }
.ul-number li:nth-child(8) i:before{content:"8";}
.ul-number li:nth-child(9) i{ color: #9195A3; }
.ul-number li:nth-child(9) i:before{content:"9";}
.ul-number li:nth-child(10) i{ color: #9195A3; }
.ul-number li:nth-child(10) i:before{content:"10";}
.ul-number li:nth-child(11) i{ color: #9195A3; }
.ul-number li:nth-child(11) i:before{content:"11";}
.ul-number li:nth-child(12) i{ color: #9195A3; }
.ul-number li:nth-child(12) i:before{content:"12";}

/*文章列表页样式*/
.breadcrumb { max-width: 1200px; margin: 10px auto 16px auto; font-size: 14px; color: #666; font-weight: normal; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.article { display: block; overflow: hidden; background: none; }
/*.article main { background: none; }*/
.article-list { padding:0; margin: 0 0 10px 0; display: block; overflow: hidden; background: #fff; border-radius: 6px; }
.article-list ul li{ text-align:left; margin:0; padding:15px 16px; border-radius: 4px; font-size: 14px; color: #555; display: block; overflow: hidden; border-bottom: 1px solid #f6f6f6; position: relative; }
.article-list ul li a { width: 100%; margin: 0; }
.article-list ul li .article-pic { width: 120px; height: 90px; margin: 0 0 0 13px; float: right; display: block; overflow: hidden; background: #ddd; border-radius: 4px; position: relative; clear: both; border: 1px solid #f1f1f1; }
.article-list ul li .article-pic img { width: 120px; height: 90px; object-fit: cover; }
.article-list ul li .article-text { height:90px; position: relative; display: block; overflow: hidden; text-align: left; }
.article-list ul li .article-text h3 { width: 100%; margin: 0 0 5px 0; font-size: 16px; font-weight: bold; color: #333; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp:2; -webkit-box-orient: vertical;}
.article-list ul li .article-text h3 a { width: 100%; font-size: 16px; color: #333; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp:1; -webkit-box-orient: vertical;}
.article-list ul li .article-text h3 a:hover { color: #dd801a; }
.article-list ul li .article-text p { width: 100%; font-size: 13px; color: #777; line-height: 20px; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp:2; -webkit-box-orient: vertical; }
.article-foot { font-size: 13px; color: #999; position: absolute; bottom: 0; left: 0; right: 0; }
.article-foot i { float: left; }
.article-foot span { float: right; }

/*.page-nav { margin:0 6px; display: block; overflow: hidden; }*/
/*.page-nav-list { margin: 10px 0 15px 0; display: block; float: right; }*/
/*.page-nav-list a { width: 32px; height: 32px; line-height: 32px; text-align: center; font-size: 15px; color: #888; border-radius: 40px; background: #fff; border: 1px solid #eee; display: block; overflow: hidden; float: left; margin: 0 3px; box-shadow:0 0 1px rgba(0,0,0,.05);}*/
/*.page-nav-list span { width: 32px; height: 32px; line-height: 32px; text-align: center; font-size: 15px; color: #aaa; border-radius: 40px; background: #fff; border: 1px solid #eee; display: block; overflow: hidden; float: left; margin: 0 3px; }*/
/*.page-nav-list span.active { background: #dd801a; color: #fff; }*/
/*.page-nav-list a:hover { background: #dd801a; color: #fff; }*/

.article-list ul li.xt-page{box-sizing:border-box;margin:10px auto;padding:5px 8px;width:100%;background:#fff;text-align:center;font-size:14px; border-bottom: none; }
.article-list ul li.xt-page .page span{ padding: 0 10px; }


.side-list { padding:6px 0; margin: 0; display: block; overflow: hidden; background: #fff; border-radius: 6px; }
.side-list ul li{ text-align:left; margin:0; padding:7px 8px; border-radius: 4px; font-size: 14px; color: #555; display: block; overflow: hidden; /*border-bottom: 1px solid #f6f6f6;*/ position: relative; }
.side-list ul li a { width: 100%; padding: 0; margin: 0; }
.side-list ul li a:hover { color: #dd801a; }
.side-pic { width: 100px; height: 80px; margin: 0 9px 0 0; float: left; display: block; overflow: hidden; background: #ddd; border-radius: 4px; position: relative; clear: both; }
.side-pic img { width: 100px; height: 80px; object-fit: cover; }
.side-text { height:80px; position: relative; display: block; overflow: hidden; }
.side-list ul li h3 { width: 100%; margin: 0 0 5px 0; font-size: 15px; color: #333; font-weight: normal; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp:2; -webkit-box-orient: vertical;}
.side-list ul li .side-text h3 a { width: 100%; font-size: 15px; font-weight: normal; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp:2; -webkit-box-orient: vertical;}
.side-list ul li .side-text p { font-size: 13px; color: #777; line-height: 22px; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp:2; -webkit-box-orient: vertical; }
.side-foot { font-size: 13px; color: #999; position: absolute; bottom: 0; left: 0; right: 0; }
.side-foot i { float: left; }
.side-foot span { float: right; }

.side-cate-list { padding: 4px 4px 8px 4px; display: block; overflow: hidden; }
.side-cate-list ul li { width:31%; height: 40px; line-height: 40px; margin:6px 1.2% 6px 1%; display:block; float: left; text-align: center; }
.side-cate-list ul li a { width:100%; border: 1px solid #eee; display: block; border-radius: 4px; }
.side-cate-list ul li a h3 { display: inline-block; font-size: 15px; color: #555; font-weight: normal; }
.side-cate-list ul li i { display: inline-block; padding: 0 5px 0 0; color: #ccc; }
.side-cate-list ul li a:hover {  border: 1px solid #dd801a;  }
.side-cate-list ul li a:hover h3 { color: #dd801a; }
.side-cate-list ul li a:hover i { color: #dd801a; }

.side-good-list { margin: 5px 3px 10px 3px; }
.side-good-list ul li { text-align: center; }
.side-good-list ul li .side-good-item { margin: 2px 6px; }
.side-good-list ul li .side-good-item .good-pic { border: 1px solid #f3f3f3; border-radius: 3px; }
.side-good-list ul li h3 { width: 100%; }
.side-good-list ul li h3 a { font-size: 14px; color: #555; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; }
.side-good-list ul li .side-good-item:hover a { color: #dd801a; }

/*文章详情页*/
/*.ssss{position: fixed}*/
.head { top:0; }
.side-tag-list { margin: 5px 3px 6px 3px; }
.side-tag-list ul { }
.side-tag-list ul li { height: 24px;line-height: 24px; padding: 3px 6px; font-size: 14px; float: left; }
.side-tag-list ul li a { width: 100%; margin: 0; color:#666; display: block; }
.side-tag-list ul li a:hover { color:#dd801a; }

.article article { background: #fff; border-radius: 6px; padding:14px 20px; }
.article-header { position: relative; display: block; overflow: hidden; clear: both; }
.article-header h1 { padding-top: 4px; /*margin: 0 auto; text-align: center;*/ font-size: 22px; color: #444; }
.article-meta { padding: 15px 0 5px 0; /*text-align: center;*/ }
.article-meta span { padding:0 15px 0 0; font-size: 13px; color: #999; }
.article-code { position: absolute; top:0; right:0; overflow: hidden; }
.code-pic { max-width:80px; max-height:80px; }
.code-text { font-size: 12px; color: #aaa; text-align: center; }

.article-content { display: block; overflow: hidden; clear: both; }
.article-summary { margin: 10px 0; padding: 14px; color: #896e57; background: #fdf8f3; border-radius: 6px; line-height: 24px; }
.article-explain { margin: 15px 0; padding: 14px; font-size: 13px; color: #aaa; border: 1px dashed #e8e8e8; border-radius: 6px; line-height: 24px; }

.article-detail { margin: 14px 0 0 0; display: block; overflow: hidden; clear: both; }
.article-detail h2 { padding: 22px 0 7px 0; font-size: 17px; color: #555; line-height: 24px; }
.article-detail h3 { padding: 16px 0 7px 0; font-size: 16px; color: #555; line-height: 24px; }
.article-detail p { padding: 2px 0 5px 0; font-size: 15px; color: #666; line-height: 24px; }
.article-detail p strong { font-weight: bold; }
.article-detail p span {  }
.article-detail img { width: auto; max-width: 100%; text-align: center; }
.article-detail p img { margin-left: -28px; }
/*.article-detail table { width: 100%!important; margin: 10px 0; border-collapse:separate!important; border-spacing:1px; line-height:35px; background:#e6e6e6; border: none; }*/
/*.article-detail table tr th { line-height:30px; background:#f6f6f6; text-align:center; border: none;}*/
/*.article-detail table tr td { padding: 8px 2px; line-height:20px; background:#fff; font-size:13px; text-align:center; border: none;}*/
.article-detail table { width: 100%!important; margin: 10px 0; border-collapse:collapse; line-height:35px; border:1px solid #e6e6e6; }
.article-detail table tr th { line-height:30px; background:#f6f6f6; text-align:center; border:1px solid #e6e6e6; }
.article-detail table tr td { padding: 8px 4px; line-height:20px; background:#fff; font-size:13px; text-align:center; border:1px solid #e6e6e6; }
.article-detail pre { word-wrap: break-word; word-break: normal; white-space: normal; }


.article-tuwen ul li a { margin: 5px 3%; display: block; overflow: hidden; }
.article-tuwen ul li h3 { width: 100%; margin: 0; padding: 3px 0 0 0; font-size: 14px; color: #555; font-weight: normal; display: block; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp:2; -webkit-box-orient: vertical; }
.article-tuwen-pic { width: 100%; height: 0; padding-bottom: 66%; margin: 0; float: left; display: block; overflow: hidden; background: #ddd; border-radius: 4px; }
.article-tuwen-pic img { width: 100%; object-fit: cover; }


.article-post-nav { margin: 15px 0 2px 0; display: block; overflow: hidden; border: 1px solid #eee; }
.post-nav-item { width: 50%;  margin-left: -1px; display: block; overflow: hidden; float: left; }
.post-next { border-left: 1px solid #eee; }
.post-nav-item a { display: block; }
.post-nav-thumbnail { width: 96px; height: 76px; margin: 10px; float: left; display: block; overflow: hidden; background: #ddd; border-radius: 2px;  }
.post-nav-thumbnail a { position: relative; }
.post-nav-thumbnail img { width: 96px; height: 76px; object-fit: cover; }
.post-nav-thumbnail span { line-height: 76px; margin: 0 auto; font-size: 14px; color: #333; text-align: center; left: 0; right: 0; top:0; position: absolute; }
.post-nav-text { padding: 10px; }
.post-nav-text span {  font-size: 14px; color: #999; float: left; }
.post-nav-text h3 { padding: 0 6px 0 2px; font-size: 14px; color: #333; font-weight: normal; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp:2; -webkit-box-orient: vertical; }

.article-gg { margin: 10px 0; display: block; overflow: hidden; border-radius: 6px; }

.related-list { margin:12px 8px 6px 8px; }
.related-list ul li { height: 26px; line-height: 26px; text-align: left; padding: 1px 0; }
.related-list ul li a { width: 96%; margin: 0 3% 0 1%; }
.related-list ul li h3 { font-size:14px; color:#666; font-weight: normal; width: 84%; float: left; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.related-list ul li span { font-size:13px; color:#aaa; float: right; }

.tj-list { padding:6px 0; margin: 0; display: block; overflow: hidden; background: #fff; border-radius: 6px; }
.tj-list ul li{ text-align:left; margin:0; padding:7px 8px; border-radius: 4px; font-size: 14px; color: #555; display: block; overflow: hidden; /*border-bottom: 1px solid #f6f6f6;*/ position: relative; width: 95%; }
.tj-list ul li a { width: 100%; padding: 0; margin: 0; }
.tj-pic { width: 100px; height: 80px; margin: 0 9px 0 0; float: left; display: block; overflow: hidden; background: #ddd; border-radius: 4px; position: relative; clear: both; }
.tj-pic img { width: 100px; height: 80px; object-fit: cover; }
.tj-text { height:80px; position: relative; display: block; overflow: hidden; }
.tj-list ul li .tj-text h3 { width: 100%; margin: 0 0 5px 0; font-size: 15px; color: #333; font-weight: normal; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp:2; -webkit-box-orient: vertical;}
.tj-list ul li .tj-text h3 a {  margin: 0 0 5px 0; font-size: 15px; font-weight: normal; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp:2; -webkit-box-orient: vertical;}
.tj-list ul li .tj-text h3 a:hover { color: #dd801a; }
.tj-list ul li .tj-text p { font-size: 13px; color: #777; line-height: 22px; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp:2; -webkit-box-orient: vertical; }
.tj-foot { font-size: 13px; color: #999; position: absolute; bottom: 0; left: 0; right: 0; }
.tj-foot i { float: left; }
.tj-foot span { float: right; }


/*详情目录*/
.content-nav-list a{position:relative;display:flex;box-sizing:border-box;margin:0;padding-left:30px;height:34px;min-width:0;color:#8491a5;font-weight:500;font-size:13px;line-height:34px;flex-shrink:0;-webkit-box-align:center;align-items:center;}
.content-nav-list a span{padding:0 0 0 5px;}
.content-nav-list a i{padding:0 0 0 5px;}
.content-nav-list a::before{position:absolute;top:13px;left:16px;display:inline-block;margin-right:12px;width:6px;height:6px;border-radius:50%;background:#8491a5;content:" ";}
.content-nav-list a::after{position:absolute;top:0;left:19px;display:block;margin-top:12px;width:2px;height:36px;background:rgba(132,145,165,.12);content:" ";transform:translateX(-50%);}
.content-nav-list a:last-child::after{display:none;height:0;}
.content-nav-list a.active::before{background:#dd801a;}
.content-nav-list a:hover::before{background:#dd801a;}
.content-nav-list a.active { color: #dd801a; /*border-left: 3px solid #dd801a; margin-left: -1px;*/ }
.content-nav-list a:hover { background: rgba(132, 145, 165, 0.12); color: #dd801a; }
/*.content-nav-list a i { padding-right: 5px; font-weight:bold; }*/
.content-nav-list a:nth-child(1) i:before{content:"1";}
.content-nav-list a:nth-child(2) i:before{content:"2";}
.content-nav-list a:nth-child(3) i:before{content:"3";}
.content-nav-list a:nth-child(4) i:before{content:"4";}
.content-nav-list a:nth-child(5) i:before{content:"5";}
.content-nav-list a:nth-child(6) i:before{content:"6";}
.content-nav-list a:nth-child(7) i:before{content:"7";}
.content-nav-list a:nth-child(8) i:before{content:"8";}
.content-nav-list a:nth-child(9) i:before{content:"9";}
.content-nav-list a:nth-child(10) i:before{content:"10";}

/*dropload*/
.dropload-down,.dropload-up{position:relative;height:0;overflow:hidden;font-size:0.6rem;-webkit-transform:translateZ(0);transform:translateZ(0);color: #999;}
.dropload-down{height:50px}
.dropload-load,.dropload-noData,.dropload-refresh,.dropload-update{height:50px;line-height:50px;text-align:center}
.dropload-load .loading{display:inline-block;height:15px;width:15px;border-radius:100%;margin:6px;border:2px solid #666;border-bottom-color:transparent;vertical-align:middle;-webkit-animation:rotate .75s linear infinite;animation:rotate .75s linear infinite}

.swiper-container{position:relative;z-index:1;overflow:hidden;margin:0 auto;direction:ltr;-webkit-backface-visibility:hidden;-moz-backface-visibility:hidden;-ms-backface-visibility:hidden;-o-backface-visibility:hidden;backface-visibility:hidden;}
.swiper-wrapper{position:relative;-webkit-box-sizing:content-box;-moz-box-sizing:content-box;box-sizing:content-box;width:100%;-webkit-transition-timing-function:ease;-moz-transition-timing-function:ease;-o-transition-timing-function:ease;transition-timing-function:ease;-webkit-transition-duration:0s;-moz-transition-duration:0s;-o-transition-duration:0s;transition-duration:0s;-webkit-transition-property:-webkit-transform,left,top;-moz-transition-property:-moz-transform,left,top;-o-transition-property:-o-transform,left,top;transition-property:transform,left,top;-webkit-transform:translate3d(0,0,0);-moz-transform:translate3d(0,0,0);-o-transform:translate3d(0,0,0);-o-transform:translate(0,0);transform:translate3d(0,0,0);-ms-transition-property:-ms-transform,left,top;-ms-transition-duration:0s;-ms-transform:translate3d(0,0,0);-ms-transition-timing-function:ease;}
.swiper-free-mode>.swiper-wrapper{margin:0 auto;-webkit-transition-timing-function:ease-out;-moz-transition-timing-function:ease-out;-o-transition-timing-function:ease-out;transition-timing-function:ease-out;-ms-transition-timing-function:ease-out;}
.swiper-wrapper{height:auto!important;}
.swiper-slide{float:left;-webkit-box-sizing:content-box;-moz-box-sizing:content-box;box-sizing:content-box;height:auto!important;}
.swiper-slide img { border-radius: 6px; }
.swiper-wp8-horizontal{-ms-touch-action:pan-y;}
.swiper-wp8-vertical{-ms-touch-action:pan-x;}
.swiper-container{width:100%;height:auto;}
.content-slide{padding:20px;color:#fff;}
.pagination{position:absolute;bottom:5px;left:0;z-index:9;width:100%;text-align:center;}
.swiper-pagination-switch{display:inline-block;margin:0 3px;width:8px;height:8px;border-radius:10px;/*background:#999;box-shadow:0 1px 2px #555 inset;*/cursor:pointer;}
.swiper-active-switch{/*background:#fff;*/}

/*屏幕小于1024px*/
@media screen and (min-width:0px) and (max-width:1024px){
    #g_nav { height: 38px; text-align: center; padding: 0 6px; position: absolute; left: 0; top:0; background: yellow; color: #d63; }

    .main { padding-bottom: 50px; }
    .main-tab { width: 40%; margin: 10px auto; background: #fffbe4;  }
    .main-tab li { width: 50%; margin: 0; padding: 5px 0; text-align: center; font-size: 14px; color: #888; }
    .main-tab li.current { background: #e1a768; color: #fff; border-bottom:none; }

    .ba_left { display: none; }
    .slider { margin: 0 6px; }
    .head-tab-nav { display: none; }
    .detail-page-head { box-shadow: 1px 2px 2px rgba(0,0,0,0.03); }

    .wz-nav-block {/*position:fixed;*/z-index:999;;margin:0;padding:0;width:100%;max-width:640px; background: #fff; line-height:38px; box-shadow: 1px 2px 2px rgba(0,0,0,0.03); }
    .wz-nav-box {position: relative;margin:0;padding:0;width:100%;z-index: 999; box-shadow:1px 3px 15px rgba(0,0,0,.4); }
    .wz-nav-list { overflow-y:scroll;white-space:nowrap; padding-left: 60px;background: #a73829}

    .wz-nav-list::-webkit-scrollbar{display:none;-webkit-overflow-scrolling:touch;}
    .wz-nav-list a{color: #fff}
    .wz-nav-list a.wz-active{background: #ff8e2e;color: #fff}

    .wz-index-nav { margin-top: 0px; position: fixed}

    .s_nav { width: 96%; height: auto; padding: 12px 2%; font-size: 14px; color: #666; background: #fffef2; position: absolute; top:39px; left: 0; border-bottom: 2px solid #e2372b; z-index:99; display: none; }
    .s_nav a { width: 16%; padding: 6px 1%; display: inline-block; color: #ef3528; text-align: center; }
    .show { display: block; }

    .cate-list { margin: 8px 3px; }
    .cate-list ul li { background: #fff; margin: 4px 0.8%; padding: 12px 0; width: 31.733%; }
    .cate-list h2 { font-size: 15px; color: #666; padding: 1px 0 0 0; }
    .cate-list p { font-size: 12px; }
    .cate-list i { font-size:30px; color: #ddd; margin: 6px 4px 0 5px; display: block; overflow: hidden; float: left; }

    .device{ position:relative; margin:0 6px; height:auto; border-radius:20px; background: #111; }

    .article-list ul li .article-text h3 { font-size: 15px; }
    .article-list ul li .article-text h3 a { font-size: 15px; }

    .slide_right{ display:block;overflow:hidden;margin:10px 6px;border-radius:6px;background:#fff; }
    .s-right-box { margin: 1px 6px 5px 6px; }
    .slideTxtBox{width:240px;}
    .bd_list{padding:4px 10px;min-height:145px;}
    .bd_list li{overflow:hidden;height:26px;text-overflow:ellipsis;white-space:nowrap;line-height:26px;}
    .bd_list li a {color:#666;}
    .bd_list li a:hover{color:#dd801a;}

    .slide_ol { display: flex; margin: 8px 0 0 0; }
    .slide_ol li{ flex: 1; text-align: center; }
    .slide_ol li img { width:63px; }
    /*.text-nav ul li{ margin:1px; flex:1; }*/
    .m3p5 ul li:nth-last-child(-n+2) { display: none;}
    .jingxuan ul li { width: 48%; margin: 4px 1%; background: #fff; }

    .tuwen2 { padding: 6px 0 12px 0; }
    /*.tuwen2 ul li { padding: 0 10px; }*/
    .article-detail table tr td { max-width: 100px; word-wrap: break-word; }

    .breadcrumb { margin:10px 6px; }
    .detail-page-bread { margin:60px 6px 10px 6px; }
    .article-list { margin: 0 6px; }
    .article-list ul li { padding:14px 10px; }
    .page-nav-list { float: left; }

    .article article { padding: 15px 10px; margin: 0 6px; }
    .article-detail img { max-width: 100%; height: auto; }
    .post-nav-item { width: 100%; display: block; overflow: hidden; }
    .post-next { border-top: 1px solid #eee; }

    .article-gg { margin: 10px 6px; }

    .article-list ul li.xt-page{ padding:5px 0!important; font-size:13px; }
    .article-list ul li.xt-page .page span{ padding: 0 8px; }

    /*m详情目录*/
    .content-nav-mask { width: 100%; height: 100%; top:0; position: fixed; background:rgba(0,0,0,.7); z-index: 1111; }

    .content-nav-bar { width: 220px; height: 50%; position: fixed; right: 0; top:25%; border-radius: 1px; background: #fff; z-index:1222; box-shadow: 0 4px 12px 0 rgba(0,0,0,.25); display: none; }
    .content-nav-title { padding: 11px 8px 11px 18px; font-size: 16px; color: #777; border-bottom: 1px solid #f3f3f3; }
    .content-nav-title i { font-size: 22px; color: #999; float: right; }
    .content-nav-list { margin: 10px 5px 10px 3px; }
    /*.content-nav-list a { padding: 9px 0 9px 12px; display: block; clear: both; font-size: 15px; color: #111; font-weight: bold; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; position: relative; }*/
    .content-nav-list a.active { color: #dd801a; /*border-left: 3px solid #dd801a; margin-left: -1px;*/ }
    /*.content-nav-list a:hover { background: #e9e9e9; color: #dd801a; }*/
    /*.arrow { position:absolute;top:13px;left:0; margin-left:-1px;display:none;width:0;height:0;border-top:6px solid transparent;border-right:0;border-bottom:6px solid transparent;border-left:9px solid #dd801a;cursor:pointer; z-index: 9;}*/
    /*.content-nav-list a.active .arrow { display: block; }*/

    .content-nav-btn { width: 50px; height: 50px; position: fixed; right: 0; bottom: 70px; border-radius: 5px; background: #fff; z-index:1222; text-align: center; box-shadow: 0 4px 12px 0 rgba(0,0,0,.25); }
    .content-nav-btn i { font-size: 24px; color: #888; margin: 3px auto 0 auto; display: block; }
    .content-nav-btn span { width: 100%; font-size: 14px; color: #888; text-align: center; clear: both; }
    /*.aside{display: none ;}*/
}



/*屏幕大于1024px*/
@media screen and (min-width:1025px){
    .device{position:relative;width:800px;height:296px;border-radius:20px; }

    .pc-hidden { display: block!important; }

    .pp-block{display:block;overflow:hidden; margin:10px 0; padding:6px;border-radius:6px;background:#fff;}
    .block-top { margin: 5px 8px 0 8px; padding-bottom: 6px; border-bottom: 1px solid #f6f6f6;}

    .slider-block { display: flex; margin: 0 auto; }
    .slider { width: 800px;}
    /*.ba-left { width: 190px; background: #111; }*/
    /*.slide-right { width: 260px; background: #fff; }*/
    .wz-nav-block { width: 1200px; margin: 0 auto; height: 40px; line-height: 38px; background: #fff; position: static; overflow: hidden;  }

    .cate-list { width: 101%; margin: 10px 0 0 -0.5%; }
    .cate-list ul li { background: #fff; margin: 0 0.5%; padding: 16px 0; width: 15.666%; }
    .cate-icon { width: 50px; height: 50px; margin: 3px 3px 0 4%; background-size: 50px; }

    .article-header { height: 100px; }
    .article-header h1 { width: 88%; }
    .tj-list ul li { padding: 7px 1.8% 7px 8px; width: 47%; float: left; }

    .silde_li { width: 100%; display: block; overflow: hidden; }
    .s-two { width: 50%; float: left; display: block; }
    /*.t-two { width: 49%; float: left; }*/

    .gg-tab-top { display: none; }
    /*.gg-tab-con { margin: 0 0 20px 0; display: block; }*/
    .gg-tab-con .pp-tab-v { display: block!important; width: 50%; float: left; margin-bottom: 12px; }
    .gg-list { width: 1206px; margin-left: -6px;  }
    .gg-pic img { width: 99%; }


    .ba_left{ width:190px; height:350px; background:#111;}
    .ba_left ul { margin: 12px 0;}

    .silde_li:hover{background:#5f2c10;}
    /*.silde_li.s-left:hover { background:#333;}*/



    .wz1 { display: flex; background: #fff; margin: 10px 0; border-radius: 6px; }
    .wz1-block { flex:1; margin: 5px 0; }

    .wz2 { display: flex; margin: 10px -5px; border-radius: 6px; }
    .wz2-block { flex:1; margin: 0 5px; }

    .content { width: 100%; max-width: 1200px; margin: 0 auto; display: block; overflow: hidden; }
    /*.content main { width: 100%; display: block; overflow: hidden; }*/
    .article { width: 70%; float: left; }
    .aside { width: 29%; float: right; }
    .side-block { margin: 0 0 10px 0; }

    .main-top { position: relative; }
    .slide_right{ width:390px;  height:296px; background:#fff; position:absolute; right: 0; top:0; border-radius: 6px; }
    .s-right-box { margin: 8px 10px 5px 10px; }
    .slideTxtBox{width:240px;}
    .bd_list{padding:4px 10px;min-height:145px;}
    .bd_list li{overflow:hidden;height:26px;text-overflow:ellipsis;white-space:nowrap;line-height:26px;}
    .bd_list li a {color:#666;}
    .bd_list li a:hover{color:#dd801a;}
    .slide_ol li{float:left;margin:3px 8px;}
    .ba_recom{background:#fff;}
    .ba_recom ul{margin-top:16px;}
    .ba_recom li{float:left;margin-left:-1.1px;padding:10.5px;width:31.234%;border-left:1px solid #e8e8e8;}
    .ba_recom li img{width:100%;}


    .m6p5 ul li:last-child { display: none;}

    .text-nav ul li{ flex: 1; }
    .icon-nav ul { width: 600px; float: left; display: flex; }
    .icon-nav ul li { flex:1; }


    /*pc详情目录*/

    .content-nav-bar { width: 348px; /*height: 400px; */bottom: 200px; position: fixed; left: 50%; margin-left: 252px; background: #fff; border-radius: 3px; z-index: 1333; display: block; }
    .content-nav-title { padding: 11px 8px 11px 18px; font-size: 16px; color: #777; border-bottom: 1px solid #f3f3f3; }
    .content-nav-title i { font-size: 22px; color: #999; float: right; }
    .content-nav-list { margin: 10px 3px 10px 4px; }
    /*.content-nav-list a { padding: 9px 0 9px 12px; height: 30px; /!*border-left: 1px solid #ddd; *!/display: block; clear: both; font-size: 15px; color: #111; font-weight: bold; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; position: relative; }*/
    .content-nav-list a.active { color: #dd801a; /*border-left: 3px solid #dd801a; margin-left: -1px;*/ }
    /*.content-nav-list a:hover { background: rgba(132, 145, 165, 0.12); color: #dd801a; }*/
    /*.arrow { position:absolute;top:13px;left:0; margin-left:-1px;display:none;width:0;height:0;border-top:6px solid transparent;border-right:0;border-bottom:6px solid transparent;border-left:9px solid #dd801a;cursor:pointer; z-index: 9;}*/
    /*.content-nav-list a.active .arrow { display: block; }*/

    .content-nav-btn { width: 50px; height: 50px; position: fixed; left: 50%; margin-left: 252px; bottom: 500px; border-radius: 5px; background: #fff; z-index:1222; text-align: center; box-shadow: 0 4px 12px 0 rgba(0,0,0,.25); display: none; }
    .content-nav-btn i { font-size: 24px; color: #888; margin: 3px auto 0 auto; display: block; }
    .content-nav-btn span { width: 100%; font-size: 14px; color: #888; text-align: center; clear: both; }
    .content-nav-block:hover .content-nav-bar { display: block; }
    /*.content-nav-block:hover .content-nav-btn { display: none; }*/


    .article{display: block !important;}
    .aside{display: block !important;}
}