@charset "utf-8";
/* CSS Document */
/*全局*/
html { word-wrap: break-word; word-break: break-all; -webkit-text-size-adjust: 100%; -moz-text-size-adjust: 100%; text-size-adjust: 100%;font: 12px/1.5 Microsoft Yahei,PingFang SC,Helvetica,Arial,Hiragino Sans GB,STHeiTi,sans-serif; -webkit-font-smoothing: antialiased;}
a, html { color: #111e36;}
div {display: block;}
a, abbr, acronym, address, applet, archives, aside, audio, b, big, blockquote, body, canvas, center, cite, code, dd, del, details, button, dfn, div, dl, dt, em, embed, fieldset, figcaption, figure, footer, form, h1, h2, h3, h4, h5, h6, header, hgroup, html, i, iframe, img, input, ins, kbd, label, legend, li, mark, menu, nav, object, ol, output, p, pre, q, ruby, s, samp, section, select, small, span, strike, strong, sub, summary, sup, textarea, time, tt, u, ul, var, video { margin: 0; padding: 0; border: 0; font-size: 100%;font: inherit; vertical-align: baseline;}
body{margin:0; padding:0; color:#31424e;background: #f3f5f7/*#f7f8fc*/; -webkit-text-size-adjust:none; }
ol,ul{list-style:none}
h1,h2,h3,h4,h5,h6{font-size:100%;font-weight:normal;}
img{border:none; vertical-align:top; -webkit-transition:opacity .2s; transition:opacity .2s; -ms-transition:none}
i,em{font-style:normal}
input,select,option,textarea{font-size:13px;font-family:Microsoft Yahei,tahoma,HELVETICA;outline:none}
a {color: #3c3c3c;text-decoration: none;}
a:hover {color:#ff2253/*#ff0018#3385ff #31424e #008ee1*/;text-decoration: none;}
a:hover em,a:hover b,a:hover i,a:hover span{cursor:pointer}
a:hover img{opacity:0.9}
.clearfix{*zoom:1}
.clearfix:after{visibility:hidden; content:""}
.line-dotted {border-top: 1px #ccc dotted;height: 0;line-height: 0; font-size: 0;overflow: auto; margin: 5px 0; padding: 0;width: 100%;}
.bg-white{background-color:#fff; position: relative; }
.bg-gray{background-color:#f5f5f5; position: relative; }
.pull-left {float:left !important;}
.pull-right {float:right !important;} 
.textC{text-align:center}
.ellipsis{overflow: hidden;white-space: nowrap;text-overflow: ellipsis;}
.ellipsis-two{overflow: hidden;text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 2; line-clamp: 2;-webkit-box-orient: vertical;}
.ellipsis-three{ overflow: hidden; text-overflow: ellipsis;display: -webkit-box; -webkit-line-clamp: 3; line-clamp: 3; -webkit-box-orient: vertical;}
.sticky-icon{position: absolute;left: -25px;top: 36px;display: block;width: 90px;height: 30px;line-height: 30px;background: #F60;color: #fff;font-size: 16px;font-weight: 500;text-align: center;transform: rotate(318deg);transform-origin:0% 0%;padding: 0;margin-left: 0px;z-index: 1;}
[class*=" icon-"],[class^=icon-]{font-family:"dnbs-icon" !important;font-size:16px;font-style:normal;-webkit-font-smoothing: antialiased;-moz-osx-font-smoothing: grayscale;}
[class^=designPage-] {width: 1280px; margin: 15px auto; min-height:200px;}
[class^=designPage-]:after {content: ""; display: table; clear: both;}

body {margin: 0 auto;font-size: 16px;}
.union-wrap {width:100%;min-height:90px;text-align: center;background: #FFF; overflow:hidden;}
.wrapper{position:relative;margin:0 auto; max-width:768px;min-height:1000px; overflow:hidden}
.container{position: relative;width:1300px; margin:0 auto; overflow:hidden;}
.section {position: relative; width: 100%; margin: 20px auto;}
.section:after,.container:after {content: ""; display: table; clear: both;}
.contWrap{width:950px;float: left;}
.sideBar{width:330px;float: right;}
#top-fixed{position: relative;}

.wrapper{padding-top: 55px;}
/*design-header*/
.design-wap-header {position: fixed;top:0;z-index: 100;width: 100%;max-width: 768px;border-bottom: 1px #eee solid;overflow: hidden; box-shadow: 0 1px 4px 1px rgba(0, 0, 0, 0.05);}
.design-wap-header .header-wrap {position: relative;padding: 10px 15px;z-index: 99;background: #FFF;display: flex;justify-content: space-between;flex-wrap: nowrap;}
.design-wap-header .header-wrap .logo-wrap {font-size: 24px;color: #fff;}
.design-wap-header .header-wrap .logo-wrap a.logo{display: inline-block;height: 35px;font-size: 24px;color: #00c8ff;}
.design-wap-header .header-wrap .logo-wrap a.logo img{height: 100%;}
.design-wap-header .header-wrap .menu-wrap {right: 10px;margin-top: 0px;cursor: pointer;height: 35px;line-height: 35px;}
.design-wap-header .header-wrap .menu-wrap a {display: inline-block;color: #00c8ff;}
.design-wap-header .header-wrap .menu-wrap a:hover {color: #FF6000;}
.design-wap-header .header-wrap .menu-wrap .search-btn {right: 45px;top: 9px;margin-right: 10px;}
.design-wap-header .header-wrap .menu-wrap .search-btn .icon-search:before {font-size: 30px;}
.design-wap-header .header-wrap .menu-wrap .menu-btn {right: 10px;top: 9px;cursor: pointer}
.design-wap-header .header-wrap .menu-wrap .menu-btn .icon-menu:before {font-size: 30px;}
/*wap-navbar*/
.design-wap-navbar {margin:0px auto 0px;width:auto;background-color: #fff;text-align: center;}
.design-wap-navbar .nav-wrap {margin:0 auto;background-color: #fff;overflow: hidden;padding: 8px 0;display: flex;flex-wrap: wrap;justify-content: space-between;}
.design-wap-navbar .nav-wrap li.item {text-align:center;line-height:60px;height: 35px;width:20%;white-space:nowrap;}
.design-wap-navbar .nav-wrap li.item a {display:block;text-decoration:none;line-height: 35px;text-align: center;font-size:18px;}
.design-wap-navbar .nav-wrap li.item a.thisclass{border-bottom: 1px solid #0000ff; color: #0000ff;}
/* footer */
.design-wap-footer{background: #00c8ff;text-align:center;overflow: hidden;}
.design-wap-footer .footer-nav {background: #FFF;text-align:center;}
.design-wap-footer .footer-nav .nav-wrap {margin:0 auto;/* height: 40px; */background-color: #fff;overflow: hidden;padding: 8px 0;}
.design-wap-footer .footer-nav .nav-wrap li.item {float:left;text-align:center;line-height:60px;height: 35px;width:20%;white-space:nowrap;}
.design-wap-footer .footer-nav .nav-wrap li.item a {display:block;text-decoration:none;line-height: 35px;text-align: center;font-size:18px;}
.design-wap-footer .footer-nav .nav-wrap li.item a.thisclass{border-bottom: 1px solid #0000ff; color: #fff;}
.design-wap-footer .footer-copyright{width:auto;padding: 10px;text-align:center;}
.design-wap-footer .footer-copyright p{font-size:14px;color:#fff;line-height:1.5;}
.design-wap-footer .footer-copyright p a{color:#fff;}
/*分页*/
.list_page {margin: 15px auto;}
.pageLink {line-height: 36px;clear: both;font-size: 14px;}
.pageLink a,.list_page a {margin: 0px 5px;padding: 8px 12px 8px;border: 1px solid #eee;background: #fff;text-align: center;display: inline;border-radius: 6px;overflow: hidden;}
.pageLink a:hover,.list_page a:hover {border: 1px solid #00a0e2;background: #00a0e2;color: #FFF;text-align: center;font-weight: normal;text-decoration: none;border-radius: 6px;overflow: hidden;}
.pageLink b {margin: 0px 5px;padding: 8px 12px 8px;border: 1px solid #00a0e2;background: #00a0e2;color: #FFF;text-align: center;display: inline;border-radius: 6px;overflow: hidden;}
/*分页2*/
.showpage .epages {text-align: center;}
.epages {margin: 15px auto 15px;text-align: center;font-size: 16px;}
.epages * {vertical-align: middle;}
.epages a {display: inline-block;margin: 5px 5px;padding: 8px 12px 8px;border: 0px solid #eee;background: #fff;text-align: center;text-decoration: none;border-radius: 6px;overflow: hidden;}
.epages a:hover {border: #00a0e2 0px solid;background: #00a0e2;text-decoration: none;color: #FFF}
.epages input {margin-bottom: 0px;border: 0px solid #0096A5;height: 15px;padding-bottom: 1px;padding-left: 1px;margin-right: 1px;color: #0096A5}
.epages b {margin: 5px 5px;padding: 8px 12px 8px;border: 0px solid #00a0e2;background: #00a0e2;color: #FFF;text-align: center;text-decoration: none;border-radius: 8px;}

.design-wap-layout{position:relative; padding:0; max-width:800px;min-height:1000px; margin:0 auto; overflow:hidden}
/*wap-crumbs*/
.design-wap-layout .layout-crumbs{overflow:hidden;padding:0 10px;font-size:14px; height: 35px; line-height: 35px; font-size: 14px;}
.design-wap-layout .layout-crumbs,.layout-crumbs a{color:#666}
.design-wap-layout .layout-crumbs i{font-size:14px;padding:0 3px;color:#b5b5b5}
/*wap-layout*/
.design-wap-layout .layout-module {position: relative;margin-bottom:15px;background: #fff;overflow: hidden}
.design-wap-layout .layout-module .module-header {position: relative; margin: 10px 15px 0;width:auto; height:40px;line-height:40px;font-weight:bold;border-bottom: 2px solid #e6e6e6;}
.design-wap-layout .layout-module .module-header h3{position: absolute; bottom: -2px; float:left;width:auto;height:40px;border-bottom: 2px solid #03a9f4;font-size:22px;font-weight:500;}
.design-wap-layout .layout-module .module-header span{float:left; margin-left:20px;width:auto;height:40px;border-bottom: 2px solid #000;font-size:16px;}
.design-wap-layout .layout-module .module-content{margin: 10px 15px;overflow: hidden}
/* 焦点图*/
.design-wap-layout .layout-swiper {position: relative;margin-bottom:0px;max-height: 300px;overflow: hidden; -webkit-transform: translateZ(0);}
.design-wap-layout .layout-swiper .swipe {position: relative;overflow: hidden; visibility: hidden; min-height: 300px; max-height: 300px; }
.design-wap-layout .layout-swiper .swipe  .swipe-wrap { overflow: hidden; position: relative;}
.design-wap-layout .layout-swiper .swipe  .swipe-wrap > div { float:left; width:100%;max-height: 300px; position: relative; }
.design-wap-layout .layout-swiper #mySwipe div a{display:block;line-height:0px;}
.design-wap-layout .layout-swiper #mySwipe div img { width:100%;min-height: 100%; margin-top:-30px;}
.design-wap-layout .layout-swiper #mySwipe .carousel_abs { padding-right: 5.5%;position: absolute; display: block; height: 50px; line-height: 50px; bottom: 0; left: 0; right: 0; font-size: 16px; color: #fff; text-align: center; -webkit-transform: translateZ(0); z-index: 1; text-shadow: 1px 1px 1px #000;
background-color: rgba(0,0,0,0);background: -moz-linear-gradient(top,rgba(0,0,0,0),rgba(0,0,0,0.9));background: -webkit-gradient(linear,top,from(rgba(0,0,0,0)),to(rgba(0,0,0,0.9)));background: -webkit-linear-gradient(top,rgba(0,0,0,0),rgba(0,0,0,0.9));background: -o-linear-gradient(top,rgba(0,0,0,0),rgba(0,0,0,0.9)); }
.design-wap-layout .layout-swiper #mySwipe .carousel_abs em {padding:0 30px 0px 10px;display: block; overflow: hidden; text-shadow: 1px 1px 1px rgba(0,0,0,.65); text-overflow:ellipsis; white-space: nowrap;}
.design-wap-layout .layout-swiper .swipe-point{position:absolute; bottom: 0; right: 0; font-style italic;}
.design-wap-layout .layout-swiper .swipe-point #position{text-align:center; list-style:none; margin:0; padding:0; color: #fff; background #9ac7ed; width: 50px; height: 35px;}
.design-wap-layout .layout-swiper .swipe-point #position li{ width:50px; float: left; height: 35px; display: none;}
.design-wap-layout .layout-swiper .swipe-point #position li.on{ background #2a70be; display: block;}
/*headline*/
.design-wap-layout .layout-module .headline {position: relative;padding: 20px 20px;overflow: hidden;}
.design-wap-layout .layout-module .headline .title {margin-bottom: 10px;height: 22px;line-height: 22px;white-space: nowrap;text-overflow: ellipsis;overflow: hidden;}
.design-wap-layout .layout-module .headline .title span {float: left;margin-right: 8px;color: #ff2253;font-size: 14px;border: 1px solid #ff2253;text-align: center;border-radius: 3px;padding: 0px 3px;line-height: 20px;background: #fff;}
.design-wap-layout .layout-module .headline .title a {font-size: 20px;font-weight: bold;}
.design-wap-layout .layout-module .headline .text {line-height: 18px;font-size: 14px;color: #999;white-space: nowrap;text-overflow: ellipsis;overflow: hidden;}
/*column-nav*/
.design-wap-layout .column-nav{margin:0 -8px;overflow:hidden;}
.design-wap-layout .column-nav li.item {float:left;width:33.3333%;box-sizing:border-box}
.design-wap-layout .column-nav li.item a{display:block;margin:8px;line-height:35px;text-align:center;font-size:16px;border-radius:30px;border:1px solid #148cff}
.design-wap-layout .column-nav li.item a.tagc2{font-weight:bold}
/*excerpt-picul*/
.design-wap-layout .layout-module .excerpt-picul {position: relative;overflow: hidden;}
.design-wap-layout .layout-module .excerpt-picul .item {position: relative;overflow: hidden;}
.design-wap-layout .layout-module .excerpt-picul .item + .item {border-top: 1px solid #eee;}
.design-wap-layout .layout-module .excerpt-picul .item .item-wrap {position: relative;width:100%;margin: 10px 0px;display: inline-block;}
.design-wap-layout .layout-module .excerpt-picul .item .item-wrap .item-pic {float: right;width: 30%;height: 150px;border-radius: 4px;overflow: hidden;}
.design-wap-layout .layout-module .excerpt-picul .item .item-wrap .item-pic img {width: 100%;height: auto;min-height: 100%;}
.design-wap-layout .layout-module .excerpt-picul .item .item-wrap .item-main {float: left;width: -webkit-calc(70% - 15px);overflow: hidden;}
.design-wap-layout .layout-module .excerpt-picul .item .item-wrap .item-main .item-title {font-size: 22px;line-height: 30px;margin-bottom: 10px;font-weight: 500;-ms-text-overflow: ellipsis;
-o-text-overflow: ellipsis;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 2;-webkit-box-orient: vertical;overflow: hidden;}
.design-wap-layout .layout-module .excerpt-picul .item .item-wrap .item-main .item-meta {width: -webkit-calc(70% - 15px);position: absolute;bottom: 0;color: #999;font-size: 14px;}
.design-wap-layout .layout-module .excerpt-picul .item .item-wrap .item-main .item-meta span {margin-right: 10px;}
.design-wap-layout .layout-module .excerpt-picul .item .item-wrap .item-main .item-meta span.icon-date {float: right;margin-right: 0px}
.design-wap-layout .layout-module .excerpt-picul .item .item-wrap .item-main .item-meta span.view {float:right;}
.design-wap-layout .layout-module .excerpt-picul .item .item-wrap .item-main .item-meta span.icon-view:before {margin-right:3px; font-size: 16px;}
/*excerpt-imgul*/
.design-wap-layout .layout-module .excerpt-imgul {display: block; margin: 0 -8px; overflow: hidden;}
.design-wap-layout .layout-module .excerpt-imgul .item {width: 50%;float: left; overflow: hidden;}
.design-wap-layout .layout-module .excerpt-imgul .item .item-wrap { position: relative;margin: 8px 8px;display: inline-block;background: #fff; border-radius: 4px;overflow: hidden;}
.design-wap-layout .layout-module .excerpt-imgul .item .item-wrap .item-thumb {position:relative; display: inline-block; width: 100%; height: 210px;border-radius: 4px;overflow: hidden;}
.design-wap-layout .layout-module .excerpt-imgul .item .item-wrap .item-thumb img {width: 100%;min-height: 100%;}
.design-wap-layout .layout-module .excerpt-imgul .item .item-wrap .item-main {margin-top: 10px;}
.design-wap-layout .layout-module .excerpt-imgul .item .item-wrap .item-main .item-title {height: 60px; line-height: 30px; font-size: 22px; overflow: hidden; text-overflow: ellipsis; display: -webkit-box;-webkit-line-clamp: 2;line-clamp: 2;-webkit-box-orient: vertical;}
.design-wap-layout .layout-module .excerpt-imgul .item .item-wrap .item-main .item-meta {margin-top: 15px;height: 24px;line-height: 24px;font-size: 14px;overflow: hidden;}
.design-wap-layout .layout-module .excerpt-imgul .item .item-wrap .item-main .item-meta span {color: #999;}
.design-wap-layout .layout-module .excerpt-imgul .item .item-wrap .item-main .item-meta span a {color: #999;}
.design-wap-layout .layout-module .excerpt-imgul .item .item-wrap .item-main .item-meta span a:hover {color: #FF6000;}
.design-wap-layout .layout-module .excerpt-imgul .item .item-wrap .item-main .item-meta span.time {float:right;margin-right:0px;}
.design-wap-layout .layout-module .excerpt-imgul .item .item-wrap .item-main .item-meta span.view {float:right;}
.design-wap-layout .layout-module .excerpt-imgul .item .item-wrap .item-main .item-meta span.icon-view:before {margin-right:3px; font-size: 16px;}
.design-wap-layout .layout-module .excerpt-imgul .item .item-wrap .item-main .item-meta .author a img{width:24px;height:24px;margin-right:5px;/*vertical-align:middle;*/border-radius:50px;padding:0px;border:0px solid #e0e0e0; -webkit-transition:-webkit-transform 0.4s ease-out;-moz-transition:-moz-transform 0.4s ease-out;transition:transform 0.4s ease-out;}
.design-wap-layout .layout-module .excerpt-imgul .item .item-wrap .item-main .item-meta .author a:hover img{-webkit-transform:rotate(360deg);-moz-transform:rotate(360deg);transform:rotate(360deg);}
.design-wap-layout .layout-module .excerpt-more {margin-top: 10px;padding: 20px 0 10px;text-align: center;/*height: 50px;line-height: 50px;*/border-top: 1px solid #eee;}
.design-wap-layout .layout-module .excerpt-more>a:after {content: "";display: inline-block;width: 6px;height: 11px;margin-left: 8px;background: url("data:image/svg+xml;charset=utf-8,%3Csvg width='6' height='11' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M.5.5l5 5.04-5 4.96' stroke='%23111E36' fill='none' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E") no-repeat 50%/100%}
/*article*/
.design-wap-layout .article-body { position: relative;padding: 0px;background: #fff;border-radius: 8px;}
.design-wap-layout .article-body .article-header {position: relative;margin-bottom:20px;padding: 20px 20px 0px;border-bottom: 0px solid #eee;margin: 0px 0 0px;}
.design-wap-layout .article-body .article-header .article-title {margin-bottom: 20px;font-size: 22px;font-weight: bold;clear: both;}
/*属性*/
.design-wap-layout .article-body .article-meta {position:relative;display:block;padding-bottom:10px;color:#888;border-bottom: 1px solid #eee;}
.design-wap-layout .article-body .article-meta .article-avatar{position:absolute;left:0;top:0;width:40px;height:40px;padding:1px;border-radius:50%;border:1px solid #e8e8e8;overflow:hidden}
.design-wap-layout .article-body .article-meta .article-avatar img{width:100%;height:100%;border-radius:50%}
.design-wap-layout .article-body .article-meta .article-info,.article-body .article-meta .article-name{padding-left:55px;overflow:hidden}
.design-wap-layout .article-body .article-meta .article-name a{display:inline-block;color:#656565;font-weight:700;font-size:14px;float:left}
.design-wap-layout .article-body .article-meta .article-name .original{display:inline-block;float:left;padding:2px;border:1px solid #999;height:9pt;line-height:9pt;margin:0 0 0 6px;font-size:14px}
.design-wap-layout .article-body .article-meta .article-info span{margin-right:15px;display:block;float:left}
.design-wap-layout .article-body .article-meta .article-info .icon-view:before{margin-right:5px;font-size:16px;}
.design-wap-layout .article-body .article-meta .article-info i{display:block;float:left;width:25px;height:30px;font-size:18px;color:#8a8a8a}
.design-wap-layout .article-body .article-meta .subscribe{position: absolute;padding: 5px 7px;top: 7px;right: 0;color: #fff;text-align: center;background: #19b5fe;cursor: pointer;border-radius: 4px;}
.design-wap-layout .article-body .article-meta .subscribe span{font-size:14px;color:#fff;}
.design-wap-layout .article-body .article-content {display: block; margin: 0px 0;padding: 15px 20px;font-size: 16px;line-height: 30px;overflow: hidden;}
.design-wap-layout .article-body .article-content p{display:block; margin: 15px 0; clear:both; /*text-indent: 2em; text-align: justify;*/overflow:visible;word-break:break-all}
.design-wap-layout .article-body .article-content a{color:#2970A6;border-bottom:1px dotted #2970A6;}
.design-wap-layout .article-body .article-content a:hover{border-bottom:1px dotted #f60;color:#f60;text-decoration:none}
.design-wap-layout .article-body .article-content img {/*display: block;*/max-width: 90%;height:auto; margin:0px auto; vertical-align: middle; border:0}
.design-wap-layout .article-body .article-content .keylink{color:#0067a9;border-bottom: 1px dashed #06346f;}
.design-wap-layout .article-body .article-content .keylink:hover{color:#ff0000;} 
/*article-tags*/
.design-wap-layout .article-body .article-tags{display: block;vertical-align: middle; margin: 20px 20px;line-height: 26px; font-size: 14px;text-align: center;overflow:hidden}
.design-wap-layout .article-body .article-tags:before{content: "标签：";padding-left: 8px;font-size: 15px; color: #ff2253;font-weight:700;}
.design-wap-layout .article-body .article-tags a{color:#406599;/*float:left;display:block;*/padding-right:8px; background-position: -24px -47px;}
.design-wap-layout .article-body .article-tags a:hover{color:#FF4F53;text-decoration:none;}
.design-wap-layout .article-body .article-tags a:after {content: "/";padding-left: 8px; color: #e0e0e0;}
.design-wap-layout .article-body .article-tags a:last-child:after {content: "";}
.design-wap-layout .article-body .article-tags i{display: inline-block;width: 20px;/*background: url(http://06ps.com/skin/style/images/icons.png) -72px 5px;*/margin: 0px 10px 0 0px;}
.design-wap-layout .article-body .article-tags span{margin: 0 6px;color: #e4e2e2;}
/*article-ranks*/
.design-wap-layout .article-ranking {margin: 10px;}
.design-wap-layout .article-ranking .item + .item{ margin-top: 25px;}
.design-wap-layout .article-ranking .item .item-wrap {display: block;padding-left: 40px;position: relative;line-height: 24px;color: #323232;display: flex;justify-content: space-between;}
.design-wap-layout .article-ranking .item .item-wrap .item-num {position: absolute;top: 0;left: 0;width: 24px;height: 24px;text-align: center;font-size: 14px;color: #fff;background: #ff2253;opacity: .80;border-radius: 4px;}
.design-wap-layout .article-ranking .item .item-wrap:hover {color: #ff6000;}
.design-wap-layout .article-ranking .item .item-wrap:hover .item-num {color: #fff;opacity: 1;}
.design-wap-layout .article-ranking .item .item-wrap .item-title {font-size: 20px;font-weight: normal;overflow: hidden;}
.design-wap-layout .article-ranking .item .item-wrap i {float:left; color: #999;}
.design-wap-layout .article-ranking .item .item-wrap .icon-hot:before {margin-right:3px;font-size: 16px;color: #ff6000;}

/*download*/
.design-wap-layout .download-body { position: relative;padding: 0px;border-radius: 8px;}
.design-wap-layout .download-body .download-header {display: block; padding:15px;overflow: hidden;text-align: center;background: #fff;overflow: hidden;}
.design-wap-layout .download-body .download-header .content{padding: 15px 15px;background-color: #fff;border-radius: 6px;overflow: hidden;display: flex;justify-content: space-between;}
.design-wap-layout .download-body .download-header .download-title{width:100%;font-weight:400;font-size: 22px;margin-bottom: 20px;}
.design-wap-layout .download-body .download-header .download-detail {display: flex;flex-direction: row;justify-content: space-between;flex-wrap: nowrap; background: #f6f7fb;overflow: hidden;}
.design-wap-layout .download-body .download-header .download-detail .download-thumb{width: 160px; height:80px; float: left;overflow: hidden;border-radius: 6px;}
.design-wap-layout .download-body .download-header .download-detail .download-thumb img{width:100%; height:100%;}
.design-wap-layout .download-body .download-header .download-detail .download-parameter {display: flex;padding: 10px 20px;height: 60px;justify-content: space-around;flex-wrap: wrap;}
.design-wap-layout .download-body .download-header .download-detail .download-parameter .item {width: 50%; margin: 5px 0;font-size: 14px;text-align: left;}
.design-wap-layout .download-body .download-item{margin-bottom:15px; background: #fff; border-radius: 8px; overflow:hidden;}
.design-wap-layout .download-body .download-item .content{padding: 25px;overflow: hidden;}
.design-wap-layout .download-body .download-item .item-title {position: relative;margin: 0px 15px 0px;line-height: 30px; padding: 0;overflow: hidden;/* border-bottom: 1px #eee solid; */}
.design-wap-layout .download-body .download-item .item-title h3 {color: #fff;display: block;padding: 3px 10px;font-size: 18px;background-color: #00a4ff;border-radius: 0px 0px 6px 6px;float: left;}
.design-wap-layout .download-body .download-item .item-title .hot-tags {display: block;float: right;margin-top: 8px;font-size: 14px;color: #999;line-height: 30px;}
.design-wap-layout .download-body .download-item .item-title .hot-tags a {display: inline-block;margin: 0 7px;background: rgb(255 255 255);-webkit-border-radius: 4px;border-radius: 4px;padding: 0 7px;color: #8f8f8f;}
.design-wap-layout .download-body .download-item .item-title .hot-tags a:hover{color: #ff6000;}
.design-wap-layout .download-body .download-item .item-title .hot-tags a.more{color: #ff6000;}
.design-wap-layout .download-body .download-item .item-content {font-size: 16px;line-height: 30px;padding: 20px 20px;overflow: hidden;display: block;}
.design-wap-layout .download-body .download-item .item-content p{display:block; margin-bottom: 15px; clear:both; /*text-indent: 2em; text-align: justify;*/overflow:visible;word-break:break-all}
.design-wap-layout .download-body .download-item .item-content img {/*display: block;*/width: 96%;max-width: 600px;height:auto; margin:0px auto; vertical-align: middle; border:0}
.design-wap-layout .download-body .download-item .item-content .keylink{color:#0067a9;border-bottom: 1px dashed #06346f;}
.design-wap-layout .download-body .download-item .item-content .keylink:hover{color:#ff0000;} 

.design-wap-layout .download-body .download-item .chennuo{line-height: 1.7;font-size: 14px;position:relative;z-index:1500;margin-bottom: 10px;}
.design-wap-layout .download-body .download-item .chennuo a{color:#0099ff;}
.design-wap-layout .download-body .download-item .chennuo strong{font-weight:normal;color:#0099ff;}
.design-wap-layout .download-body .download-item .download-links {background-position: right bottom !important;display: flex; flex-direction: row;}
.design-wap-layout .download-body .download-item .download-links a {width: 140px;height: 36px;line-height: 36px;text-align: center;color: #fff;font-size: 15px;background: #f70;display: block;float: left;margin: 10px 10px;border-radius: 4px;}
.design-wap-layout .download-body .download-item .download-links a em {display: block;float: left;width: 36px;height: 36px;line-height: 36px;border-right: 1px solid #f80;background: url(https://icon.zol-img.com.cn/xiazai/detail/arrow_icon.png) no-repeat 12px -72px;}
.design-wap-layout .download-body .download-item .download-links a.local em{ border-color:#58ad51;}
.design-wap-layout .download-body .download-item .download-links a:hover{background: #f90;text-decoration: none;}
.design-wap-layout .download-body .download-item .download-links a:hover em{ border-color:#f80;}
.design-wap-layout .download-body .download-item .download-links a.high:hover{background: #e55e04;}
.design-wap-layout .download-body .download-item .download-links a.local:hover{background: #4b9828;}

/*article-tags*/
.design-wap-layout .download-body .article-tags{display: block;vertical-align: middle; margin: 20px 20px;line-height: 26px; font-size: 14px;text-align: center;overflow:hidden}
.design-wap-layout .download-body .article-tags:before{content: "标签：";padding-left: 8px;font-size: 15px; color: #ff2253;font-weight:700;}
.design-wap-layout .download-body .article-tags a{color:#406599;/*float:left;display:block;*/padding-right:8px; background-position: -24px -47px;}
.design-wap-layout .download-body .article-tags a:hover{color:#FF4F53;text-decoration:none;}
.design-wap-layout .download-body .article-tags a:after {content: "/";padding-left: 8px; color: #e0e0e0;}
.design-wap-layout .download-body .article-tags a:last-child:after {content: "";}
.design-wap-layout .download-body .article-tags i{display: inline-block;width: 20px;/*background: url(http://06ps.com/skin/style/images/icons.png) -72px 5px;*/margin: 0px 10px 0 0px;}
.design-wap-layout .download-body .article-tags span{margin: 0 6px;color: #e4e2e2;}

@media(max-width: 768px){
.wrapper{padding-top: 42px;}
.design-wap-header .header-wrap .logo-wrap a.logo{height: 22px;font-size: 22px;}
.design-wap-header .header-wrap .logo-wrap a.logo img{height: 100%;}
.design-wap-header .header-wrap .menu-wrap {right: 10px;height: 22px;line-height: 22px;}
.design-wap-header .header-wrap .menu-wrap .search-btn .icon-search:before {font-size: 22px;}
.design-wap-header .header-wrap .menu-wrap .menu-btn .icon-menu:before {font-size: 22px;}

.design-wap-navbar .nav-wrap li.item {text-align:center;height: 35px;width:20%;white-space:nowrap;}
.design-wap-navbar .nav-wrap li.item a {display:block;text-decoration:none;line-height: 35px;text-align: center;font-size:16px;}

.design-wap-layout .layout-module {margin-bottom:10px;}
.design-wap-layout .layout-module .module-header {position: relative; margin: 10px 15px 0;width:auto; height:26px;line-height:26px;font-weight:bold;}
.design-wap-layout .layout-module .module-header h3{height:26px;font-size:18px;}
.design-wap-layout .layout-module .module-header span{width:auto;height:26px;font-size:18px;}
.design-wap-layout .layout-module .module-content{margin: 10px 15px;overflow: hidden}

.design-wap-layout .layout-module .excerpt-picul .item .item-wrap {width:100%;height: 70px;display: inline-block;}
.design-wap-layout .layout-module .excerpt-picul .item .item-wrap .item-pic {float: right;width: 30%;height: 70px;}
.design-wap-layout .layout-module .excerpt-picul .item .item-wrap .item-pic img {width: 100%;height: 100%;}
.design-wap-layout .layout-module .excerpt-picul .item .item-wrap .item-main {float: left;width: -webkit-calc(70% - 10px);overflow: hidden;}
.design-wap-layout .layout-module .excerpt-picul .item .item-wrap .item-main .item-title {margin-top:-3px;font-size: 16px;line-height: 24px;}
.design-wap-layout .layout-module .excerpt-picul .item .item-wrap .item-main .item-meta {width: -webkit-calc(70% - 10px);font-size: 12px;}
.design-wap-layout .layout-module .excerpt-picul .item .item-wrap .item-main .item-meta span {margin-right: 10px;font-size: 14px;}
.design-wap-layout .layout-module .excerpt-picul .item .item-wrap .item-main .item-meta span.icon-date {float: right;margin-right: 0px}
.design-wap-layout .layout-module .excerpt-picul .item .item-wrap .item-main .item-meta span.view {float:right;}
.design-wap-layout .layout-module .excerpt-picul .item .item-wrap .item-main .item-meta span.icon-view:before {margin-right:3px; font-size: 14px;}

.design-wap-layout .layout-module .excerpt-picul .item .item-main .item-meta {font-size: 12px;}
.design-wap-layout .layout-module .excerpt-imgul .item .item-wrap .item-thumb {height: 116px;}
.design-wap-layout .layout-module .excerpt-imgul .item .item-wrap .item-main .item-title {height: 44px; line-height: 22px; font-size: 14px;}
.design-wap-layout .layout-module .excerpt-imgul .item .item-wrap .item-main .item-meta {margin-top: 10px;}
.design-wap-layout .layout-module .excerpt-more {margin-top: 10px;padding: 10px 0 0px;}

.design-wap-layout .column-nav li.item a{margin:5px 8px;line-height:26px;font-size:14px;}

.design-wap-layout .layout-swiper {max-height: 180px;overflow:hidden}
.design-wap-layout .layout-swiper .swipe {height: 180px;overflow:hidden}
.design-wap-layout .layout-swiper .swipe  .swipe-wrap > div {height: 180px;}
.design-wap-layout .layout-module .module-head h3{font-size:18px;}
.design-wap-layout .layout-module .headline .title a {font-size: 18px;font-weight: bold;}
.design-wap-layout .layout-module .headline .title span {font-size: 12px;line-height: 18px;background: #fff;}

.design-wap-layout .layout-module .article-ranking .item + .item{ margin-top: 20px;}
.design-wap-layout .layout-module .article-ranking .item .item-wrap {position: relative;display: block;padding-left: 30px;line-height: 22px;overflow:hidden}
.design-wap-layout .layout-module .article-ranking .item .item-wrap .item-num {width: 22px;height: 22px;font-size: 14px;}
.design-wap-layout .layout-module .article-ranking .item .item-wrap .item-title {float:left;font-size: 18px;}

.design-wap-layout .article-body .article-header .article-title {margin-bottom: 15px;font-size: 18px;}
}