@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, article, 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:#FF6000/*#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:""}
.clear,.clearfix:after{clear:both; overflow:hidden;display:block}
.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; }
/******** clear清除浮动 ********/
.clear{clear:both;height:0;overflow:hidden}
.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:13px;font-style:normal;-webkit-font-smoothing: antialiased;-moz-osx-font-smoothing: grayscale;}
[class^=designPage-] {width: 1280px; margin: 0 auto; min-height:200px;}
[class^=designPage-]:after {content: ""; display: table; clear: both;}

/******** design布局 ********/
.wrapper {width: 100%;  background: #eef1f9; overflow:hidden; }
.content-wrap{position: relative; width:1280px; min-height:700px; margin: auto; display: block;overflow:hidden;}
.container{position: relative;width:1280px; margin:0 auto; overflow:hidden;}
.section {position: relative; width: 100%; margin: 20px auto;}
.section:after,.container:after {content: ""; display: table; clear: both;}
.contwrap{width:930px;float: left;}
.sidebar{width:330px;float: right;}

/***design-topbar***/
.design-topbar{min-width: 1280px; height: 32px; line-height: 32px; background: #111e36; font-size: 14px;}
.design-topbar .toptxt-notice{float:left;text-align:center; color: #f2f2f2; overflow:hidden;}
.design-topbar .topnav-menu {float:right; color:#777;}
.design-topbar .topnav-menu a{ color: #f2f2f2; padding: 0 5px; text-decoration: none;}
.design-topbar .topnav-menu a:hover{ color:#63B73D;}
.design-topbar .topnav-menu a span{color:#63B73D; padding-right:5px;}
/***design-headbar***/
.design-header {height:80px;width: 100%; background: #fff; box-sizing: border-box;box-shadow: 0 1px 4px 1px rgba(0, 0, 0, 0.05);z-index: 9999;}
.design-header .container {width:1280px;height: 100%;margin: 0 auto;/* display: flex; */align-items: center;overflow: hidden;}
.design-header .head-logo {display: flex;align-items: center;justify-content: center;height: 40px;float: left;margin: 20px 0;}
.design-header .head-logo a {display: inline-block;height: 60px;}
.design-header .head-logo img {width: 100%;height: 100%;}
.design-header .head-navbar {/* width: 100%; *//* height: 100%; *//* display: flex; */justify-content: space-between;float: right;margin: 20px 0;}
.design-header .head-navbar .head-navmenu {width: 100%;height: 100%;display: flex;align-items: center;/*margin-left: 40px;*/}
.design-header .head-navbar .head-navmenu li {margin: 0 15px;}
.design-header .head-navbar .head-navmenu li a {display: inline-block;color: #262626;line-height: 40px;font-size: 18px;position: relative;box-sizing: border-box;}
.design-header .head-navbar .head-navmenu li a::after {content: ''; position: absolute; bottom: 0;left: 50%; transform: translateX(-50%); width: 0%; height: 3px; background-color: #ff6600; transition: all 0.8s; border-radius: 4px;}
.design-header .head-navbar .head-navmenu li.active a, .design-header .head-navbar .head-navmenu li:hover a {color: #ff6600;}
.design-header .head-navbar .head-navmenu li.active a::after ,.design-header .head-navbar .head-navmenu li:hover a::after {width: 50%;}
.design-header .head-search {width: 160px;background-color: #fff;overflow: hidden;float: right;margin: 20px 0 20px 40px;}
.design-header .head-search .search-input {height: 40px;width: 100%;position: relative;display: flex;align-items: center;}
.design-header .head-search .search-input #search-input {height: 100%;width: 100%;box-sizing: border-box;background-color: #f2f2f2;border-radius: 100px;outline: none;border: none;padding-left: 20px;padding-right: 36px;font-size: 14px;}
.design-header .head-search .search-input .after-box {cursor: pointer;width: 16px;height: 16px;content: '';position: absolute;top: 42%;right: 6px;transform: translate(-50%, -50%);background: url(../images/sousuo.png) no-repeat center;
background-size: contain;}
.design-header .head-search .search-input .after-box .icon-search{position: absolute;top:2px;font-size: 18px;}
.design-header .head-search .search-input .after-box .icon-search:before{font-size: 18px;}
/**design-footer**/
.design-footer{padding:0px 0;overflow: hidden;}
.design-footer .footer-links{padding:15px 0;font-size:13px; background:#FFFFFF;}
.design-footer .footer-links h6{font-weight:bold;display:inline;margin:0;}
.design-footer .footer-links .friend-links {padding:15px 0;display:inline;color:#676b6f; line-height:2;}
.design-footer .footer-links .friend-links li{display:inline;margin-right: 5px}
.design-footer .footer-links .friend-links a{color:#676b6f;}
.design-footer .footer-links .friend-links a:hover{color:#ff6000}
.design-footer .footer-copyright{background:#25282a;font-size:12px;color:#676b6f;letter-spacing:0;text-align:center; padding:15px 0}
.design-footer .footer-copyright a{color:#676b6f}
.design-footer .footer-copyright a:hover{color:#fff}
.design-footer .footer-copyright p{line-height:1.9;}
.design-footer .footer-copyright p a{white-space:nowrap;margin:0 5px}
.design-footer .footer-copyright .footer-bottom-menu{float: right;}
.design-footer .footer-copyright .footer-bottom-menu li{display:inline;margin:0 2px}
/*分页*/
.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;line-height:40px;text-align:center;font-size: 16px;}
.epages *{vertical-align:middle;}
.epages a{margin:0px 5px;padding: 9px 14px 9px;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:0px 5px;padding: 9px 14px 9px;border: 0px solid #00a0e2; background:#00a0e2;color:#FFF;text-align:center;text-decoration:none;border-radius: 8px;}
/*hot-tags*/
.hot-tags {display: block;float: right;font-size: 14px;}
.hot-tags span {font-weight:bold;font-size: 15px;}
.hot-tags a {display: inline-block;padding: 0 5px;color: #8f8f8f; line-height: 1.8; background: rgb(255 255 255 / 90%); border-radius: 4px;}
.hot-tags a+a{margin-left: 15px;}
.hot-tags a i{margin-right:3px;color: #999;}
.hot-tags a:hover {background: #e3efff; border-color: #dbe8fa;}
/*hot-topics*/
.hot-topics {display: block; position: absolute; right: 0; bottom: 0; color: #999;font-size: 14px;}
.hot-topics a{color: #999;}
.hot-topics a+a{margin-left:10px;}
.hot-topics a i{margin-right:3px;color: #999;}
.hot-topics a:hover,.hot-topics a:hover i{color: #ff6000;}
/**crumbs**/
.crumbs {position: relative;margin: 0px 0 15px;padding: 0;font-size: 14px; color: #999;line-height: 30px;overflow: hidden;}
.crumbs .crumbs-bread {float: left;display: inline;}
.crumbs .crumbs-bread a{color: #999;}
/*union-advs*/
.union-wrap{width:100%;text-align: center;overflow:hidden;}
.union-wrap .pull-left{margin-right:16px;}
.union-adv960{margin:0 auto;width:960px;min-height:90px;border-radius: 5px;background: #ffffff;overflow:hidden;}
.union-adv300{width:300px;min-height:90px;border-radius: 5px;overflow:hidden;}
.union-adv728{margin:0 auto;width:728px;height:90px;border-radius: 5px;obackground: #ffffff; verflow:hidden;}
.union-adv260{width:260px;height:90px;border-radius: 5px;overflow:hidden;}
/***design-head***/
.design-head {position: relative; padding: 20px 0 0;}
.design-head .bgimg {height: 100%;position: absolute;left: 0;top: 0;right: 0;background-size: 300%;background-repeat: no-repeat;background-position: center; overflow: hidden;filter: blur(30px); display: none\9;}
.design-head .bgimg::before {content: '';display: block;width: 100%;height: 100%;position: absolute;left: 0;top: 0;background: inherit;-webkit-filter: blur(30px);filter: blur(50px);}
.design-head .bgimg::after {content: '';display: block;position: absolute;left: 0;right: 0;bottom: 0;top: 0;background-image: -webkit-linear-gradient(top, rgba(255,255,255,0.4) 0%, #f3f5f7 100%);background-image: linear-gradient(180deg, rgba(255,255,255,0.4) 0%, #f3f5f7 100%); }
/**section-title**/
.section-title {position:relative; height: 30px;margin: 25px 0px;padding-left: 150px; overflow: hidden;}
.section-title .section-name {display: block;font-size: 28px;position: absolute;left: 0;top: 0;line-height: 30px;background: rgba(0,0,0,0);padding: 0;margin: 0 30px 0 0;}
.section-title .section-subs {display: block;float: right;height: 30px;overflow: hidden;padding-top: 0px;font-size: 14px;}
.section-title .section-subs a{display: inline-block;height: 28px;line-height: 28px;margin-left: 15px;padding: 0 8px;border: 1px solid #dbdee0;border-radius: 5px;color: #5a5a5a; -webkit-border-radius: 5px;-webkit-transition: none;-o-transition: none;transition: none;}
.section-title .section-subs a:hover { background: #e3efff; border-color: #dbe8fa;}
.section-title .section-subs a.current{color: #fff; background: #3385ff; border-color: #3385ff;}
.section-title .section-subs .more{float: right;}
.section-title .hot-tags{margin-top: 0px;color: #999; }
.section-title .hot-tags a{line-height: 30px;padding: 0 8px; border: 0px solid #dbdee0;color: #8f8f8f; border-radius: 4px;}
.section-title .hot-tags a:hover { background: #e3efff; border-color: #dbe8fa;}
.section-content{margin:-10px;}
/**信息列表 width: -webkit-calc(20% - 20px);**/
.infolist-picul {display: block; margin: 0px; overflow: hidden;}
.infolist-picul .item {width: 20%;float: left; overflow: hidden;}
.infolist-picul .item .item-wrap {margin: 10px; overflow: hidden; position: relative;background: #fff; border-radius: 6px;}
.infolist-picul .item .item-wrap .item-thumb {position:relative; display: inline-block; width: 100%; height: 160px; overflow: hidden;}
.infolist-picul .item .item-wrap .item-thumb img {width: 100%;min-height: 100%;transition: all .5s;-moz-transition: all .5s;-webkit-transition: all .5s;-o-transition: all .5s;}
.infolist-picul .item .item-wrap .item-thumb img:hover {transform:scale(1.04); -webkit-transform:scale(1.04); -ms-transform:scale(1.04); -o-transform:scale(1.04);}
.infolist-picul .item .item-wrap .item-main {padding: 15px 15px;}
.infolist-picul .item .item-wrap .item-main .item-title {margin-bottom: 15px;height: 48px; line-height: 24px; font-size: 15px; overflow: hidden; text-overflow: ellipsis; display: -webkit-box;-webkit-line-clamp: 2;line-clamp: 2;-webkit-box-orient: vertical;}
.infolist-picul .item .item-wrap .item-main .item-meta {height: 18px;line-height: 18px;font-size: 12px;color: #999;overflow: hidden;}
.infolist-picul .item .item-wrap .item-main .item-meta span {color: #999;}
.infolist-picul .item .item-wrap .item-main .item-meta span a {color: #999;}
.infolist-picul .item .item-wrap .item-main .item-meta span a:hover {color: #FF6000;}
.infolist-picul .item .item-wrap .item-main .item-meta span.time {float:right;margin-right:0px;}
.infolist-picul .item .item-wrap .item-main .item-meta span.view {float:right;}  
.infolist-picul .item .item-wrap .item-main .item-meta span.icon-view:before {margin-right:3px; font-size: 15px;}
/**infolist-imgul**/
.infolist-imgul {display: block;margin: 20px;overflow: hidden;}
.infolist-imgul .item {overflow: hidden;}
.infolist-imgul .item + .item {margin-top: 20px;}
.infolist-imgul .item .item-thumb {position:relative;float: left;margin-right: 15px;width: 126px; height: 80px;overflow: hidden;border-radius: 6px;}
.infolist-imgul .item .item-thumb img{width: 100%;min-height: 100%;transition: all .5s;-moz-transition: all .5s;-webkit-transition: all .5s;-o-transition: all .5s;}
.infolist-imgul .item .item-thumb img:hover {transform:scale(1.04); -webkit-transform:scale(1.04); -ms-transform:scale(1.04); -o-transform:scale(1.04);}
.infolist-imgul .item .item-main {padding: 0px;}
.infolist-imgul .item .item-main .item-title {margin-bottom: 15px;height: 48px;line-height: 1.5; font-size: 15px; overflow: hidden; text-overflow: ellipsis; display: -webkit-box;-webkit-line-clamp: 2;line-clamp: 2;-webkit-box-orient: vertical;}
.infolist-imgul .item .item-main .item-meta {height: 18px;line-height: 18px;font-size: 12px;color: #999;overflow: hidden;display: flex; justify-content: space-between;}
.infolist-imgul .item .item-main .item-meta span{font-size: 14px; color: #999;}
.infolist-imgul .item .item-main .item-meta span a{color: #999;}
.infolist-imgul .item .item-main .item-meta span.time{float:right;margin-right:0px;}
.infolist-imgul .item .item-main .item-meta span.view{float:right;}  
.infolist-imgul .item .item-main .item-meta span.icon-view:before {margin-right:3px; font-size: 15px;}
.infolist-imgul .item .item-main .item-meta span.icon-date:before {margin-right:3px; font-size: 15px;}
/*topiclist-picul*/
.topiclist-picul {display: inline-block; margin:0px;}
.topiclist-picul .item {width: 20%;float: left;overflow: hidden;}
.topiclist-picul .item .item-wrap {margin: 10px; overflow: hidden; position: relative; display: block; background: #fff; border-radius: 6px;}
.topiclist-picul .item .item-wrap .item-thumb {position:relative; width: 100%;height: 180px;overflow: hidden;}
.topiclist-picul .item .item-wrap .item-thumb:after {position: absolute; content: '';display: block;left: 0;right: 0;bottom: 0;height: 20px;background-image: -webkit-linear-gradient(top, rgba(255,255,255,0.5) 0%, #fff 100%);background-image: linear-gradient(to bottom, rgba(255,255,255,0.7) 0%, #fff 100%);background-repeat: repeat-x;filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#b3ffffff', endColorstr='#ffffffff', GradientType=0);z-index: 10;}
.topiclist-picul .item .item-wrap .item-thumb img {width: 100%;min-height: 100%;transition: all .5s;-moz-transition: all .5s;-webkit-transition: all .5s;-o-transition: all .5s;}
.topiclist-picul .item .item-wrap .item-term {position: absolute;top: 10px;left: 0;padding: 2px 5px;background: #ff6000;font-size: 14px;color: #fff;border-radius: 0px 5px 5px 0;}
.topiclist-picul .item .item-wrap .item-term .term-i{}
.topiclist-picul .item .item-wrap .item-info {padding: 0px 20px 15px;}
.topiclist-picul .item .item-wrap .item-info .item-title{font-size: 18px;font-weight: bold;text-align: center;color: #323232;}
.topiclist-picul .item .item-wrap .item-info .item-title:hover{color: #ff6000;}
.topiclist-picul .item .item-wrap .item-info .item-desc{height: 40px;margin: 15px 0;line-height: 20px;font-size: 12px;overflow: hidden;color: #999;text-overflow: ellipsis;-webkit-line-clamp: 2;display: -webkit-box;-webkit-box-orient: vertical;}
.topiclist-picul .item .item-wrap .item-info .item-meta {text-align: center;overflow: hidden;}
.topiclist-picul .item .item-wrap .item-info .item-meta .btn-orange-border{display: block;font-size: 14px;color: #777;line-height:34px;overflow: hidden; background: #fafafa;border: 1px solid transparent;border-radius: 6px;}
.topiclist-picul .item .item-wrap .item-info .item-meta .btn-orange-border:hover{color: #ffffff; background: #ff6000;}
.topiclist-picul .item:hover .item-wrap .item-thumb img{transform:scale(1.04); -webkit-transform:scale(1.04); -ms-transform:scale(1.04); -o-transform:scale(1.04);}
.topiclist-picul .item:hover .item-wrap .item-info .item-title{color: #ff6000;} 
/*topic-imgul*/
.topics-imgul{margin: 0px 0px 0px;display: flex;flex-direction: row;flex-wrap: nowrap;justify-content: space-between;overflow: hidden;}
.topics-imgul .item{ display: block; width: 25%; }
.topics-imgul .item .item-wrap{display: block; height: 90px; margin:8px 8px;border-radius: 6px; overflow:hidden;}
.topics-imgul .item .item-wrap img{width: 100%;height: 100%;}
/*topics-txtul*/
.topics-txtul {display: flex;flex-wrap: wrap;overflow:hidden;}
.topics-txtul .item {width:20%;width: -webkit-calc(16.666% - 18px);margin: 8px 8px;font-size: 14px;border: 1px #eee solid;background: #ffffff;border-radius: 6px;overflow:hidden;}
.topics-txtul .item .item-wrap{display: block;width: 100%;line-height: 35px;text-align:center;text-overflow:ellipsis;white-space:nowrap;}
.topics-txtul .item .item-wrap span {padding:0 5px;}
.topics-txtul .item .item-wrap:hover{background: #008ee1; color:#fff;}
/*recommends items*/
.recommends-items {display: flex; background-color: #ffffff;padding:20px 20px;border-radius: 6px;background: -webkit-linear-gradient(top, rgba(255,255,255,0.5) 0%, #ffffff 100%);background: linear-gradient(180deg, rgba(255,255,255,0.5) 0%, #ffffff 100%);border: 1px solid #fff;}
.recommends-items .item {width: 20%;}
.recommends-items .item .item-wrap {position: relative;display: block;display: flex;}
.recommends-items .item .item-wrap .item-ico {width: 50px;height: 50px; margin-right: 20px; font-size: 22px;background-color: #f5f8fa;line-height: 50px;text-align: center; border-radius: 10px;}
.recommends-items .item .item-wrap .item-ico .icon{font-size: 22px;}
.recommends-items .item .item-wrap .item-title {font-weight: bold;text-align: left;margin-bottom: 8px;font-size: 17px;}
.recommends-items .item .item-wrap .item-title .go { display: inline-block; background-color:#008ee1; border-radius: 0.04rem;text-align: left;color: #ffffff;font-size: 13px;-webkit-transform: scale(.9);-ms-transform: scale(.9);transform: scale(.9);font-weight: normal;padding: 1px 2px 2px 5px; line-height: 1.2; cursor: pointer;text-transform: uppercase; vertical-align: middle; margin-top: -2px; border-radius: 4px; }
.recommends-items .item .item-wrap .item-title .go .icon-angle-right:before{font-size: 12px;}
.recommends-items .item .item-wrap .item-desc {display: block;font-size: 14px;color: rgba(25,28,61,0.5);font-weight: normal;overflow: hidden;}
.recommends-items .item .item-wrap:hover .item-title .go {background-color: #FF6000;}
/*auxiliary-tools*/
.auxiliary-tools {position: relative; margin:0px auto;width: 100%;margin-top: -50px;}
.auxiliary-tools .box-wrap{background-color: #fff;background: -webkit-linear-gradient(top, rgba(255,255,255,0.5) 0%, #ffffff 100%);background: linear-gradient(180deg, rgba(255,255,255,0.85) 0%, #ffffff 100%); border-radius:8px; padding:20px 20px 20px;border: 1px solid #fff;}
.auxiliary-tools .box-wrap .items{position:relative;display: flex;flex-wrap: wrap;justify-content: flex-start;margin: -10px;}
.auxiliary-tools .box-wrap .items .item{position:relative; width: 20%;display: inline-block;}
.auxiliary-tools .box-wrap .items .item:nth-of-type(5n){margin-right: 0;}
.auxiliary-tools .box-wrap .items .item .item-wrap{position: relative;margin: 10px;/* padding: 15px; */text-align: left;color: #323232;display: block;border-radius: 8px;}
.auxiliary-tools .box-wrap .items .item .item-thumb{width: 56px;height: 56px;text-align: center;color: #fff;overflow: hidden;display: block;background-color:#00a4ff;border-radius: 40px;float: left;margin-right: 15px;}
.auxiliary-tools .box-wrap .items .item .item-thumb img{width:100%;height:100%;}
.auxiliary-tools .box-wrap .items .item .item-title{font-size: 18px; font-weight: bold;line-height: 30px;}
.auxiliary-tools .box-wrap .items .item .item-meta{color: #b5b5b5;font-size: 14px;font-weight: normal;line-height: 1.8;}
.auxiliary-tools .box-wrap .items .item .item-wrap:hover .item-title{color: #ff6000;}

/***design-home***/
.design-home{}
/**design-focus**/
.design-home .design-focus {float:left;width:39.0625%; height: 280px; border-radius: 6px;overflow: hidden;position: relative;list-style: none; padding: 0px; z-index: 1;}
.design-home .design-focus .ft-carousel {position: relative;width: 100%;height: 100%;overflow: hidden;}
.design-home .design-focus .ft-carousel .carousel-inner {position: absolute;left: 0;top: 0;height: 100%;}
.design-home .design-focus .ft-carousel .carousel-inner .carousel-item {float: left;height: 100%;}
.design-home .design-focus .ft-carousel .carousel-item img {width: 100%;min-height: 100%;}
.design-home .design-focus .ft-carousel .carousel-indicators {position: absolute;left: 0;bottom: 15px;width: 100%;text-align: center;font-size: 0;}
.design-home .design-focus .ft-carousel .carousel-indicators span {display: inline-block;width: 12px;height: 12px;background-color: rgb(255 255 255 / 50%);margin: 0 4px;border-radius: 50%;cursor: pointer;}
.design-home .design-focus .ft-carousel .carousel-indicators span.active {background-color:rgb(222 58 58 / 80%);}
/*design-focus .ft-carousel .carousel-btn {position: absolute;top: 50%;width: 50px;height: 45px;margin-top: -25px;cursor: pointer;}
design-focus .ft-carousel .carousel-prev-btn {left: 0;background: url(https://demo.lanrenzhijia.com/demo/48/4886/demo/img/prev.png) no-repeat;}
design-focus .ft-carousel .carousel-next-btn {right: 0;background: url(https://demo.lanrenzhijia.com/demo/48/4886/demo/img/next.png) no-repeat;}*/
.design-home .design-focus .ft-carousel .carousel-btn{display: none;position:absolute;left:0;top:50%;margin-top:-30px;width:30px;height:60px;cursor: pointer;background:url(http://www.psdee.com/Content/img/slider-arrow.png) -5px 0px no-repeat;}
.design-home .design-focus .ft-carousel .carousel-next-btn{left:auto; right:0; background-position:-49px 0px}
.design-home .design-focus .ft-carousel .carousel-prev-btn:hover{background-position:-99px 0px;}
.design-home .design-focus .ft-carousel .carousel-next-btn:hover{background-position:-143px 0px;}
.design-home .design-focus .ft-carousel:hover .carousel-btn{display: block;}
/**design-recommend**/
.design-home .design-recommend {float: right; width: -webkit-calc(60.9375% - 20px);}
.design-home .design-recommend .infolist-picul {margin:0px -10px;}
.design-home .design-recommend .infolist-picul .item {width:33.3333%;}
.design-home .design-recommend .infolist-picul .item .item-wrap {margin:0px 10px; height: 280px;}
/**design-news**/
.design-home .home-news {margin:-10px; display: flex;}
.design-home .home-news .news-item {width:33.3333%;}
.design-home .home-news .news-item .news-title{position:relative;margin:20px 20px;}
.design-home .home-news .news-item .news-title .name{position:relative;font-size:22px;line-height:1;font-weight:500;margin:0;/*padding-left:15px*/}
/*.design-home .home-news .news-item .news-title .name:before{content:"";position:absolute;top:1px;left:0;height:22px;width:5px;border-radius:2px;background-color:#00a4ff}*/
.design-home .home-news .news-item .news-title .more{position:absolute;margin-left:20px; top: 3px;right:0;font-size:15px;color:#bbb}
.design-home .home-news .news-item .news-title .more:hover{color:#00a4ff} 
.design-home .home-news .news-item .news-wrap {margin:10px 10px;background-color: #FFFFFF; border-radius: 6px;overflow: hidden;}
.design-home .home-news .news-item .news-wrap .infolist-picul {margin:15px 15px;}
.design-home .home-news .news-item .news-wrap .infolist-picul .item {margin:15px 15px;}
/***design-column***/
.design-column .column-header{padding: 40px 0 80px;}
.design-column .column-header .bgimg{top: 0px; bottom: 0px;filter: blur(0px);}
.design-column .column-header .bgimg::after {background-image:none}
.design-column .column-header .column-title {position: relative;margin-bottom: 0px;}
.design-column .column-header .column-title .column-name { font-size: 26px; font-weight: bold; color: #fff;}
.design-column .column-header .column-title .hot-topics {bottom: 5px;color: #fff;font-size: 14px;}
.design-column .column-header .column-title .hot-topics strong {font-weight: normal;}
.design-column .column-header .column-title .hot-topics a,.column-header .column-title .hot-topics a i {color: #fff;}
.design-column .column-header .column-title .hot-topics a:hover,.design-column .column-header .column-title .hot-topics a:hover i {color: #ff6000;}
/*column-nav*/
.design-column .column-navbar {margin-top: -40px;margin-bottom: 0;background-color: transparent;}
.design-column .column-navbar .column-menu {margin-top: 0;padding: 0px 15px;background-color: #fff;border-radius: 8px;font-size:16px; background-color: #ffffff;border-radius: 6px;background: -webkit-linear-gradient(top, rgba(255,255,255,0.95) 0%, #ffffff 100%);background: linear-gradient(180deg, rgba(255,255,255,0.95) 0%, #ffffff 100%);}
.design-column .column-navbar .column-menu .current a{color: #ff6000;}
.design-column .column-navbar .column-menu .navmenu{padding: 20px 0 20px;text-align: center;white-space: nowrap;overflow-y: hidden;overflow-x: auto;display: flex;flex-direction: row;justify-content: flex-start;align-items: center;flex-wrap: wrap;}
.design-column .column-navbar .column-menu .navmenu .item {margin: 8px 15px;display: inline-block;white-space: nowrap;}
.design-column .column-navbar .column-menu .submenu {border-top: 1px solid #f3f5f7;text-align: center;white-space: nowrap;overflow-y: hidden;overflow-x: auto;display: flex;flex-direction: row;justify-content: center;align-items: center;}
.design-column .column-navbar .column-menu .submenu .sub-item{float: none; display: inline-block;white-space: nowrap;line-height: 56px;margin: 0 15px;}
/***design-topics***/
.design-topics .topics-header{padding: 50px 0;}
.design-topics .topics-header .bgimg{top: 0px; bottom: 0px;filter: blur(0px);}
.design-topics .topics-header .bgimg::after {background-image:none}
.design-topics .topics-header .topic-title {padding-top: 0px;padding-bottom: 40px;text-align: center;white-space: nowrap;}
.design-topics .topics-header .topic-title h1 {font-size:  30px;color: #fff;margin-bottom: 20px;font-weight: 700;}
.design-topics .topics-header .topic-title h1 .icon-topic {margin-right:8px;}
.design-topics .topics-header .topic-title h1 .icon-topic:before{font-size: 26px;}
.design-topics .topics-header .topic-title .topic-desc {font-size:16px;color: #fff;font-weight: normal;}
/*topics-recpart*/
.design-topics .topics-recpart {position: relative; margin:0px auto;width: 100%;margin-top: -50px;}
.design-topics .topics-recpart .box-wrap{background-color: #fff;background: -webkit-linear-gradient(top, rgba(255,255,255,0.5) 0%, #ffffff 100%);background: linear-gradient(180deg, rgba(255,255,255,0.85) 0%, #ffffff 100%); border-radius:8px; padding:20px 20px 20px;border: 1px solid #fff;}
.design-topics .topics-recpart .box-wrap .items{position:relative;display: flex;flex-wrap: wrap;justify-content: flex-start;margin: -10px;}
.design-topics .topics-recpart .box-wrap .items .item{position:relative; width: 20%;display: inline-block;}
.design-topics .topics-recpart .box-wrap .items .item:nth-of-type(5n){margin-right: 0;}
.design-topics .topics-recpart .box-wrap .items .item .item-wrap{position: relative;margin: 10px;/* padding: 15px; */text-align: left;color: #323232;display: block;border-radius: 8px;}
.design-topics .topics-recpart .box-wrap .items .item .item-thumb{width: 56px;height: 56px;text-align: center;color: #fff;overflow: hidden;display: block;background-color:#00a4ff;border-radius: 10px;float: left;margin-right: 15px;}
.design-topics .topics-recpart .box-wrap .items .item .item-thumb img{width:100%;height:100%;}
.design-topics .topics-recpart .box-wrap .items .item .icon{line-height: 56px;text-align: center;}
.design-topics .topics-recpart .box-wrap .items .item .icon-topic::before{font-size: 26px;}
.design-topics .topics-recpart .box-wrap .items .item .item-title{font-size: 18px; font-weight:600;line-height: 30px;}
.design-topics .topics-recpart .box-wrap .items .item .item-meta{color: #b5b5b5;font-size: 14px;font-weight: normal;line-height: 1.8;}
.design-topics .topics-recpart .box-wrap .items .item .item-wrap:hover .item-title{color: #ff6000;}
.design-topics .topics-recpart .box-wrap .items .item:nth-child(1) .item-thumb{background-image:-webkit-linear-gradient(top, #F8B500 0%, #FFC696 100%);background-image:linear-gradient(180deg, #F8B500 0%, #FFC696 100%)}
.design-topics .topics-recpart .box-wrap .items .item:nth-child(2) .item-thumb{background-image:-webkit-linear-gradient(top, #FF4B1F 0%, #FF9068 100%);background-image:linear-gradient(180deg, #FF4B1F 0%, #FF9068 100%)}
.design-topics .topics-recpart .box-wrap .items .item:nth-child(3) .item-thumb{background-image:-webkit-linear-gradient(top, #FF7E5F 0%, #FEB47B 100%);background-image:linear-gradient(180deg, #FF7E5F 0%, #FEB47B 100%)}
.design-topics .topics-recpart .box-wrap .items .item:nth-child(4) .item-thumb{background-image:-webkit-linear-gradient(top, #8E94FF 0%, #7599FF 100%);background-image:linear-gradient(180deg, #8E94FF 0%, #7599FF 100%)}
.design-topics .topics-recpart .box-wrap .items .item:nth-child(5) .item-thumb{background-image:-webkit-linear-gradient(top, #06BEB6 0%, #52DEA1 99%);background-image:linear-gradient(180deg, #06BEB6 0%, #52DEA1 99%)}
/*topic-topbar*/
.design-topics .topic-header{padding: 100px 0;}
.design-topics .topic-header .bgimg{top: 0px; bottom: 0px;filter: blur(0px);}
.design-topics .topic-header .bgimg::after {background-image:none}
.design-topics .topic-topbar {position: relative; margin:0px auto;width: 100%;margin-top: -100px;}
.design-topics .topic-topbar .top-wrap{margin: 0 auto;width: 1280px; background-image: linear-gradient(0deg, #ffffff 51%, rgba(255, 255, 255, 0.82) 100%);box-shadow: 6px 6px 12px 0px rgba(0, 0, 0, 0.1);padding: 30px 60px 30px;border-radius: 8px;z-index: 9;box-sizing: border-box;position: relative;}
.design-topics .topic-topbar .ui-content{width: auto;display: flex;justify-content: flex-start;align-items: flex-start;}
.design-topics .topic-topbar .ui-content .album-img{width: 80px;height: 80px;border-radius: 50%;object-fit: cover;float: left;}
.design-topics .topic-topbar .ui-content .album-text{width: 860px;padding-top: 5px;margin-left: 34px;box-sizing: border-box;float: left;}
.design-topics .topic-topbar .ui-content .album-text .cate-info-title{width: 100%;margin-bottom: 14px;}
.design-topics .topic-topbar .ui-content .album-text .cate-info-title strong{height: 28px;line-height: 28px;font-size: 24px;color: #333333;font-weight: normal;margin-right: 20px;float: left;}
.design-topics .topic-topbar .ui-content .album-text .cate-info-title .fr-btn{width: 68px;height: 28px;line-height: 26px;font-size: 12px;color: #ffffff;text-align: center;background-color: #ff9900;border-radius: 5px;
transition: all ease 0.4s;float: left;}
.design-topics .topic-topbar .ui-content .album-text .cate-info-title .fr-btn:hover{background-color: #ff8400;}
.design-topics .topic-topbar .ui-content .album-text .cate-info-title .fr-btn.ui-btn-white{color: #ff9900;background-color: #fef7ec;}
.design-topics .topic-topbar .ui-content .album-text .cate-info-title .fr-btn>i{width: 16px;height: 14px;background: url("https://www.yiihuu.com/static/images/tutorial/sub_icon.png") no-repeat;background-size: 100% 100%;display: inline-block;vertical-align: top;margin-top: 7px;margin-right: 8px;}
.design-topics .topic-topbar .ui-content .album-text .cate-info-text{width: 100%;height: 48px;line-height: 24px;font-size: 14px;color: #999999;text-align: justify;margin-bottom: 24px;}
.design-topics .topic-topbar .ui-content .album-text .album_list{width: 100%;display: flex;justify-content: flex-start;align-items: flex-start;}
.design-topics .topic-topbar .ui-content .album-text .industry_item{padding-bottom: 6px;}
.design-topics .topic-topbar .ui-content .album-text .album_list>p{height: 28px;line-height: 28px;font-size: 12px;color: #999999;white-space: nowrap;margin-right: 18px;}
.design-topics .topic-topbar .ui-content .album-text .industry_item .industry_list>li{height: 28px;margin-bottom: 0px;float: left;}
.design-topics .topic-topbar .ui-content .album-text .industry_item .industry_list>li:not(:last-child){margin-right: 10px;}
.design-topics .topic-topbar .ui-content .album-text .industry_item .industry_list>li>a{height: 100%;line-height: 28px;font-size: 14px;color: #666666;padding: 0 16px;background-color: #f5f5f5;border-radius: 14px;display: block;}
.design-topics .topic-topbar .ui-content .album-text .industry_item .industry_list>li:hover>a{color: #ffffff;background-color: #ff9900;}
.design-topics .topic-topbar .ui-content .album-text .software_item .software_list>li{height: 28px;margin-bottom: 12px;position: relative;float: left;}
.design-topics .topic-topbar .ui-content .album-text .software_item .software_list>li:not(:last-child)::before{content: "|";position: absolute;top: 0;right: -2px;}
.design-topics .topic-topbar .ui-content .album-text .software_item .software_list>li>a{height: 100%;line-height: 28px;font-size: 14px;color: #666666;padding: 0 10px;display: block;}
.design-topics .topic-topbar .ui-content .album-text .software_item .software_list>li:hover>a{color: #ff9900;}
.design-topics .topic-topbar .info_right{display: flex;flex-direction: column;align-items: center;position: absolute;top: 50%;right: 80px;transform: translate(0,-50%);}
.design-topics .topic-topbar .info_right>p:nth-child(1){line-height: 24px;font-size: 24px;color: #333333;font-weight: bold;margin-bottom: 18px;}
.design-topics .topic-topbar .info_right>p:nth-child(2){line-height: 12px;font-size: 12px;color: #999999;}

/**===article===**/
.archives-header .crumbs{margin: 0px;}
/*内容页: CSS*/
.design-archives{position: relative;}
.design-archives .article-body{position: relative;padding: 0px;background: #fff; border-radius: 8px;}
.design-archives .article-body .content{padding: 20px;}
.design-archives .article-body .article-header {position: relative;padding:30px 20px 0px;border-bottom: 0px solid #eee;margin: 0px 0 0px;}
.design-archives .article-body .article-header .article-title {font-size: 26px;/* line-height: 1.5em!important; */font-weight:bold;clear: both;margin-bottom: 20px;}
.design-archives .article-body .article-header .article-meta {border-bottom:0px solid #eee;/* height: 31px;line-height: 1.5; padding-top: 15px; margin-bottom: 20px; */display: block;}
.design-archives .article-body .article-header .article-meta span {color: #999;font-size:14px;margin-right: 10px;/* line-height: 16px; *//* height: 16px; */}
.design-archives .article-body .article-header .article-meta span a {color: #00a2ff; background-color: transparent; -webkit-text-decoration-skip: objects;}
.design-archives .article-body .article-header .article-meta span a:hover {color: #f80;}
.design-archives .article-body .article-header .article-meta .icon-date{margin-right:3px;}
.design-archives .article-body .article-header .article-meta .icon-article{color: #f80;}
.design-archives .article-body .article-header .article-meta .icon-article:before{margin-right:3px; color: #f80;}
.design-archives .article-body .article-summary {/* margin: 0 15px; */padding: 15px 20px;background-color: #f6f7fb;color: #666;line-height: 1.8em;font-size: 14px;margin-bottom: 20px;}
.design-archives .article-body .article-summary p{/* height: 40px; */line-height: 24px;font-size: 14px;overflow: hidden;-o-text-overflow: ellipsis;text-overflow: ellipsis;-webkit-line-clamp: 2;display: -webkit-box;-webkit-box-orient: vertical;}
.design-archives .article-body .article-content {display: block; margin: 0px 0;padding: 15px;font-size: 16px;line-height: 30px;overflow: hidden;}
.design-archives .article-body .article-content p{display:block; margin-bottom: 20px; clear:both; /*text-indent: 2em; text-align: justify;*/overflow:visible;word-break:break-all}
.design-archives .article-body .article-content a{color:#2970A6;border-bottom:1px dotted #2970A6;}
.design-archives .article-body .article-content a:hover{border-bottom:1px dotted #f60;color:#f60;text-decoration:none}
.design-archives .article-body .article-content img {/*display: block;*/max-width: 600px;height:auto; margin:0px auto; vertical-align: middle; border:0}
.design-archives .article-body .article-content .keylink{color:#0067a9;border-bottom: 1px dashed #06346f;}
.design-archives .article-body .article-content .keylink:hover{color:#ff0000;} 
/*article-relate*/
.design-archives .article-relate{margin:15px 20px;}
.design-archives .article-relate .relate-wrap{padding:15px; background:#f6f7fb; border-radius: 6px;overflow: hidden;}
.design-archives .article-relate .pull-left {width: 300px;height: 250px;}
.design-archives .article-relate .pull-right {width: 540px;height: 250px;display:block;/* display: flex; *//* flex-direction: column; */}
.design-archives .article-relate .relate-list .item{margin-bottom:16px;/* height: 60px; */border-bottom:1px solid #eee;display:block;margin-bottom: 10px;padding-bottom: 10px;display: flex;}
.design-archives .article-relate .relate-list .item:last-child{/* height:60px; */border-bottom:none;margin-bottom:0;}
.design-archives .article-relate .relate-list .item .pic{width:90px;height: 70px;float:left;transition:all 0.2s ease;}
.design-archives .article-relate .relate-list .item .pic img{width:90px;height: 70px;}
.design-archives .article-relate .relate-list .item .text{float:left;margin-left:15px;position:relative;width:450px;}
.design-archives .article-relate .relate-list .item .text h3{display:block;/* height:22px; *//* line-height:22px; */font-weight:bold;font-size:16px;margin-bottom: 10px;}
.design-archives .article-relate .relate-list .item .text span{position:absolute;right:0;top:0;color:#f18434;line-height:22px; font-size: 14px;}
.design-archives .article-relate .relate-list .item .text p{height: 36px;overflow:hidden;line-height: 1.5;color:#999;text-align:justify;font-size: 13px;}
.design-archives .article-relate .relate-list .item:hover .pic{transform:scale(1.1,1.1);}
.design-archives .article-relate .relate-list .item:hover .pic img{transform:scale(1.1,1.1);}
.design-archives .article-relate .relate-list .item:hover .text h3{color:#f18434;}
.design-archives .article-relate .relate-list .item:hover .text p{color:#666;}
/*article-tags*/
.design-archives .article-tags{display: block;vertical-align: middle; margin:20px 0 15px;line-height: 24px; font-size: 14px;}
.design-archives .article-tags a{color:#406599;float:left;display:block;padding-right:8px; background-position: -24px -47px;}
.design-archives .article-tags a:hover{color:#FF4F53;text-decoration:none;}
.design-archives .article-tags a:after {content: "/";padding-left: 8px; color: #e0e0e0;}
.design-archives .article-tags a:last-child:after {content: "";}
.design-archives .article-tags i{float: left;display: block;width: 20px;height: 16px;background: url(http://06ps.com/skin/style/images/icons.png) -72px 0;margin: 5px 10px 0 0px;}
.design-archives .article-tags span{margin: 0 6px;color: #e4e2e2;}
/*article-topics*/
.design-archives .article-topics {position: relative; width: 100%;}
.design-archives .article-topics .content{margin:-15px -8px 0px;}
.design-archives .article-topics .topics-picul{margin: 0px 0px 0px;display: flex;flex-direction: row;flex-wrap: nowrap;justify-content: space-between;overflow: hidden;}
.design-archives .article-topics .topics-picul .item{ display: block; width: 25%; }
.design-archives .article-topics .topics-picul .item .item-wrap{display: block; height: 100px; margin: 8px;border-radius: 6px; overflow:hidden;}
.design-archives .article-topics .topics-picul .item .item-wrap img{width: 100%;min-height: 100%;}
.design-archives .article-topics .topics-txtul {display: flex;flex-wrap: wrap;overflow:hidden;}
.design-archives .article-topics .topics-txtul .item {width:20%;width: -webkit-calc(16.6667% - 18px);margin: 8px 8px;font-size: 14px;}
.design-archives .article-topics .topics-txtul .item .item-wrap{display: block;line-height: 35px;text-align:center;text-overflow:ellipsis;white-space:nowrap;background: #ffffff; width: 100%;overflow:hidden;}
.design-archives .article-topics .topics-txtul .item .item-wrap span {padding:0 5px;}
.design-archives .article-topics .topics-txtul .item .item-wrap:hover{background: #008ee1; color:#fff;}
/*post-navigation*/
.design-archives .post-navigation {margin: 0px 0px; clear: both; border-radius: 6px; overflow: hidden; border-top: 1px #eee solid;}
.design-archives .post-navigation .content {padding: 25px 20px; background: #ffffff;overflow: hidden;}
.design-archives .post-navigation .twofifth { display: block; position: relative; width: -webkit-calc(50% - 40px); font-size: 15px; color: #999; margin:0px;text-overflow: ellipsis;white-space: nowrap; }
.design-archives .post-navigation .post-next { float: right; text-align: right; padding-right: 40px; }
.design-archives .post-navigation .post-prev { float: left; padding-left: 40px; }
.design-archives .post-navigation .twofifth a {height: 40px;overflow: hidden;}
.design-archives .post-navigation .twofifth a:after { position: absolute; color: #CCC; font-size: 56px; margin-top: -11px; height: 22px; line-height: 22px; top: 34%; }
.design-archives .post-navigation .post-prev a:after { content: '«'; left: 0px; }
.design-archives .post-navigation .post-next a:after { content: '»'; right: 0px; }
.design-archives .post-navigation .post-prev:hover a:after,.design-archives .post-navigation .post-next:hover a:after{color:#ff6600; }
/*article-relevant*/
.design-archives .article-relevant {position: relative; width: 100%; margin:20px auto;}
.design-archives .article-relevant .section-title{margin:0px 0 20px;} 
.design-archives .article-relevant .section-title .section-name{font-size:24px;} 
.design-archives .article-relevant .content{ margin: -10px;}
.design-archives .article-relevant .infolist-picul .item{width:25%;}
.design-archives .article-relevant .infolist-picul .item .item-thumb{height: 150px;} 
.design-archives .article-relevant .infolist-picul .item .item-info .item-title{font-size:15px;} 

/**===tags===**/
/*tags-header*/
.design-tags .tags-header{padding: 50px 0;}
.design-tags .tags-header .bgimg{top: 0px; bottom: 0px;filter: blur(0px);}
.design-tags .tags-header .bgimg::after {background-image:none}
.design-tags .tags-header .tags-title {margin-bottom: 30px; padding-top: 0px;/* text-align: center; white-space: nowrap; */overflow: hidden;}
.design-tags .tags-header .tags-title .pull-left {width: 700px;}
.design-tags .tags-header .tags-title .pull-right {width: 468px;height: 60px;padding: 5px 0;}
.design-tags .tags-header .tags-title h1 {font-size: 26px;color: #fff;margin-bottom: 10px;font-weight: 700;line-height: 26px;}
.design-tags .tags-header .tags-title h1 .icon-tag {margin-right:8px;}
.design-tags .tags-header .tags-title h1 .icon-tag:before{font-size: 26px;}
.design-tags .tags-header .tags-title .tags-desc {font-size:14px;color: #fff;font-weight: normal;}
/**===post-items===**/
.post-items {position: relative; margin:0px auto;width: 100%;margin-top: -50px;}
.post-items .box-wrap{background-color: #fff;background: -webkit-linear-gradient(top, rgba(255,255,255,0.5) 0%, #ffffff 100%);background: linear-gradient(180deg, rgba(255,255,255,0.85) 0%, #ffffff 100%); border-radius:8px; padding:20px 20px 20px;border: 1px solid #fff;}
.post-items .box-wrap .items{position:relative;display: flex;flex-wrap: wrap;justify-content: flex-start;margin: -10px;}
.post-items .box-wrap .items .item{position:relative; width: 20%;display: inline-block;}
.post-items .box-wrap .items .item:nth-of-type(5n){margin-right: 0;}
.post-items .box-wrap .items .item .item-wrap{position: relative;margin: 10px;/* padding: 15px; */text-align: left;color: #323232;display: block;border-radius: 8px;}
.post-items .box-wrap .items .item .item-thumb{width: 56px;height: 56px;text-align: center;color: #fff;overflow: hidden;display: block;background-color:#00a4ff;border-radius: 10px;float: left;margin-right: 15px;}
.post-items .box-wrap .items .item .item-thumb img{width:100%;height:100%;}
.post-items .box-wrap .items .item .icon-topic{line-height: 56px;text-align: center;}
.post-items .box-wrap .items .item .icon-topic::before{font-size: 26px;}
.post-items .box-wrap .items .item .item-title{font-size: 18px; font-weight:500;line-height: 30px;}
.post-items .box-wrap .items .item .item-meta{color: #b5b5b5;font-size: 13px;font-weight: normal;line-height: 1.8;}
.post-items .box-wrap .items .item .item-wrap:hover .item-title{color: #ff6000;}
.post-items .box-wrap .items .item:nth-child(1) .item-thumb{background-image:-webkit-linear-gradient(top, #F8B500 0%, #FFC696 100%);background-image:linear-gradient(180deg, #F8B500 0%, #FFC696 100%)}
.post-items .box-wrap .items .item:nth-child(2) .item-thumb{background-image:-webkit-linear-gradient(top, #FF4B1F 0%, #FF9068 100%);background-image:linear-gradient(180deg, #FF4B1F 0%, #FF9068 100%)}
.post-items .box-wrap .items .item:nth-child(3) .item-thumb{background-image:-webkit-linear-gradient(top, #FF7E5F 0%, #FEB47B 100%);background-image:linear-gradient(180deg, #FF7E5F 0%, #FEB47B 100%)}
.post-items .box-wrap .items .item:nth-child(4) .item-thumb{background-image:-webkit-linear-gradient(top, #8E94FF 0%, #7599FF 100%);background-image:linear-gradient(180deg, #8E94FF 0%, #7599FF 100%)}
.post-items .box-wrap .items .item:nth-child(5) .item-thumb{background-image:-webkit-linear-gradient(top, #06BEB6 0%, #52DEA1 99%);background-image:linear-gradient(180deg, #06BEB6 0%, #52DEA1 99%)}
 
/**sidebar **/ 
.widget{position: relative;margin-bottom:20px; border-radius: 6px;overflow:hidden;background-color:#ffffff;}
.widget-fixed{position: relative;width: 330px;}
.widget .content{display:block; padding:15px;background: #fff;}
/**plate-title**/
.widget .widget-title{position:relative;margin-bottom:0px;padding: 15px; border-bottom: 1px #eee solid;}
.widget .widget-title h3{position:relative;font-size:22px;line-height:1;font-weight:500;margin:0;padding-left:15px}
.widget .widget-title h3:before{content:"";position:absolute;top:1px;left:0;height:22px;width:5px;border-radius:2px;background-color:#00a4ff}
.widget .widget-title .more{position:absolute;top: 18px;right: 15px;font-size:14px}
.widget .widget-title .more a{margin-left:20px;color:#bbb}
.widget .widget-title .more a:first-child{margin-left:0}
.widget .widget-title .more a:hover{color:#00a4ff}
/*infolist-imgul*/
.widget .infolist-imgul{margin:0px; }
.widget .infolist-imgul .item + .item {margin-top:15px; }
.widget .infolist-imgul .item .item-thumb {width: 110px;height:75px;}
.widget .infolist-imgul .item .item-main .item-title {margin-bottom: 10px;font-size:15px}
/*widget-topics*/
.widget .widget-topics {position: relative;/* width: 100%; */margin:0px auto;}
.widget .widget-topics .topics-imgul{margin: 0px 0px 0px;display: flex;flex-direction: column;flex-wrap: nowrap;justify-content: space-between;overflow: hidden;}
.widget .widget-topics .topics-imgul .item{display: block;margin-bottom: 15px; width: 100%;height: 120px;border-radius: 6px;overflow: hidden;}
.widget .widget-topics .topics-imgul .item + .item{margin-top: 15px; }
.widget .widget-topics .topics-imgul .item img{width: 100%;height: 100%;}
.widget .widget-topics .topics-txtul {overflow:hidden;margin: 0px -8px;flex-wrap: wrap;}
.widget .widget-topics .topics-txtul .item {width:20%;width: -webkit-calc(50% - 18px);font-size: 15px;margin: 8px 8px 8px;overflow: hidden;float: left;}
.widget .widget-topics .topics-txtul .item .item-wrap{display: block;width: 100%; line-height: 35px; text-align:center;text-overflow:ellipsis;white-space:nowrap;overflow:hidden;}
.widget .widget-topics .topics-txtul .item .item-wrap span {padding:0 5px;}
.widget .widget-topics .topics-txtul .item .item-wrap:hover{background: #008ee1; color:#fff;}
/*widget-rank*/
.widget .widget-ranks {margin-bottom: 0px;}
.widget .widget-ranks .item + .item{margin-top: 15px;}
.widget .widget-ranks .item .item-wrap {display: block;padding-left: 40px;position: relative;color: #323232;}
.widget .widget-ranks .item .item-wrap .item-num {position: absolute;left: 0;top: 0;width: 50px;font-size: 26px;color: #000; opacity: .15;line-height: 1;font-family: Impact;}
.widget .widget-ranks .item .item-wrap:hover {color: #ff6000;}
.widget .widget-ranks .item .item-wrap:hover .item-num {color: #ff6000;opacity: 1;}
.widget .widget-ranks .item .item-wrap .item-title {font-size: 14px;font-weight: normal;line-height: 20px;height: 40px; overflow: hidden;}

/**==tool-wrap==**/
/*tool-header*/
.design-tool .tool-header{padding: 50px 0;}
.design-tool .tool-header .bgimg{top: 0px; bottom: 0px;filter: blur(0px);}
.design-tool .tool-header .bgimg::after {background-image:none}
.design-tool .tool-header .tool-title {padding-top: 0px;padding-bottom: 40px;text-align: center;white-space: nowrap;}
.design-tool .tool-header .tool-title h1 {font-size:  30px;color: #fff;margin-bottom: 20px;font-weight: 700;}
.design-tool .tool-header .tool-title h1 .icon-topic {margin-right:8px;}
.design-tool .tool-header .tool-title h1 .icon-topic:before{font-size: 26px;}
.design-tool .tool-header .tool-title .tool-desc {font-size:16px;color: #fff;font-weight: normal;}
.design-tool .tool-header .tool-title .hot-topics{position: relative;color: #fff;}
.design-tool .tool-header .tool-title .hot-topics a {color: #fff;}
.design-tool .tool-header .tool-title .hot-topics a i{margin-right:3px;color: #fff;}
/*post-items*/
.post-items .recommend-items {display: flex; background-color: #ffffff;padding:25px 25px;border-radius: 6px;background-color: #fff;background: -webkit-linear-gradient(top, rgba(255,255,255,0.8) 0%, #ffffff 100%);background: linear-gradient(180deg, rgba(255,255,255,0.8) 0%, #ffffff 100%);border: 1px solid #fff;}
.post-items .recommend-items .item {width: 20%;display: flex;}
.post-items .recommend-items .item .item-wrap {/* padding-left: 74px; */position: relative;display: block;display: flex;}
.post-items .recommend-items .item .item-wrap .item-ico {width: 51px;height: 51px; margin-right: 15px; font-size: 22px;color: #5a5a5a;background-color: #ea6e84;line-height: 51px; text-align: center; border-radius: 10px;overflow: hidden;}
.post-items .recommend-items .item .item-wrap .item-ico .icon-topic{line-height: 51px;text-align: center;}
.post-items .recommend-items .item .item-wrap .item-ico .icon-topic::before{font-size: 26px;}
.post-items .recommend-items .item .item-wrap .item-ico img{width:100%;height:100%;}
.post-items .recommend-items .item .item-wrap .item-title {font-weight: bold;text-align: left;margin-bottom: 10px; font-size: 16px;}
.post-items .recommend-items .item .item-wrap .item-title .go { display: inline-block; margin-top: -2px; margin-left:3px;padding: 1px 2px 2px 5px; background-color:#ea6e84; text-align: left; color: #ffffff; font-size: 12px;font-weight: normal;-webkit-transform: scale(.9);-ms-transform: scale(.9);transform: scale(.9);line-height: 1.2; cursor: pointer;text-transform: uppercase; vertical-align: middle;border-radius: 4px; }
.post-items .recommend-items .item .item-wrap .item-title .go .icon-angle-right:before{font-size: 12px;}
.post-items .recommend-items .item .item-wrap .item-desc {display: block;font-size: 14px;color: rgba(25,28,61,0.5);font-weight: normal;overflow: hidden;}
.post-items .recommend-items .item .item-wrap:hover .item-title .go {background-color: #FF6000;}
.post-items .recommend-items .item:nth-child(2) .item-ico {background-color:#eeb94d}
.post-items .recommend-items .item:nth-child(2) .item-title .go{background-color:#eeb94d}
.post-items .recommend-items .item:nth-child(3) .item-ico {background-color:#71c89d}
.post-items .recommend-items .item:nth-child(3) .item-title .go{background-color:#71c89d}
.post-items .recommend-items .item:nth-child(4) .item-ico {background-color:#7a9cf3}
.post-items .recommend-items .item:nth-child(4) .item-title .go{background-color:#7a9cf3}
.post-items .recommend-items .item:nth-child(5) .item-ico {background-color:#00a4ff}
.post-items .recommend-items .item:nth-child(5) .item-title .go{background-color:##00a4ff}
/**tool-wrap**/
.design-tool .tool-wrap{position: relative; width:100%; }
.design-tool .tool-wrap .tool-item{position: relative; width: 100%; margin:20px auto;}
.design-tool .tool-wrap .item-wrap{padding: 20px 30px;background-color:#fff;border-radius: 8px;}
.design-tool .tool-wrap .tool-size{margin-bottom:20px;border-bottom:1px dotted #333;padding-bottom:30px;font-size: 15px;overflow: hidden;}
.design-tool .tool-wrap .tool-size h3.item-title{color: #333333;font-size: 18px;height:32px;line-height:32px;font-weight: bold;margin-bottom: 10px;}
.design-tool .tool-wrap .tool-size .text{color:#666;line-height:24px;margin-bottom:20px;}
.design-tool .tool-wrap .tool-size p{}
.design-tool .tool-wrap .tool-size .item-con1 {display: flex;}
.design-tool .tool-wrap .tool-size .item-con1 .left{width:33.3333%;}
.design-tool .tool-wrap .tool-size .item-con1 .pic{float:left;width: 200px; }
.design-tool .tool-wrap .tool-size .item-con1 .pic img{width:100%; height:100%;}
.design-tool .tool-wrap .tool-size .item-con1 .con{float:left;margin-left:20px;width:180px;}
.design-tool .tool-wrap .tool-size .item-con1 .con table{width:100%;}
.design-tool .tool-wrap .tool-size .item-con1 .con th{text-align:left;color:#A70020;font-weight:normal;height:20px;}
.design-tool .tool-wrap .tool-size .item-con1 .con td{text-align:left;color:#666;height:26px;}
.design-tool .tool-wrap .tool-size .item-con2 p{color:#666;margin-top:10px;line-height:24px;}
.design-tool .tool-wrap .tool-size .item-con2 p em{color:#a70020; font-weight: bold; font-style:normal;}
.design-tool .tool-wrap .tool-size .item-con3 li{float:left;width:255px;color:#666;line-height:24px;margin-bottom: 10px;}
.design-tool .tool-wrap .tool-size .item-con4 li{float:left;width:255px;color:#666;line-height:24px;margin-bottom: 10px;}
.design-tool .tool-wrap .tool-size .item-con4 li strong{color:#a70020;}
.design-tool .tool-wrap .tool-size .item-con5{/* margin-bottom: 20px; */overflow: hidden;}
.design-tool .tool-wrap .tool-size .item-con5 h3{font-size: 16px;font-weight:bold;margin-bottom:10px;/* margin-top: 20px; */}
.design-tool .tool-wrap .tool-size .item-con5 p{color:#666;margin-bottom: 10px;line-height: 26px;}
.design-tool .tool-wrap .tool-size .item-con5 p em{color:#a70020; font-weight: bold; font-style:normal;}
.design-tool .tool-wrap .tool-size .item-con5 .pic{ float:left; width:350px; margin-bottom: 20px; overflow:hidden;}
.design-tool .tool-wrap .tool-size .item-con5 .text {float:left;width:930px;/* padding-bottom:15px; */}
.design-tool .tool-wrap .tool-size .item-con5 .text li{float:left;width:450px;height: 300px;margin-bottom:20px;color:#666;line-height: 26px;}
.design-tool .tool-wrap .tool-size .item-con5 .text li em{margin-bottom: 10px;line-height: 1.3; color:#a70020; font-weight: bold; font-style:normal;}
.design-tool .tool-wrap .tool-size .item-con6 .pic{width:456px; margin-bottom: 20px; }
.design-tool .tool-wrap .tool-size .item-con6 p{color:#666;margin-top:10px;line-height: 26px;}
.design-tool .tool-wrap .tool-size .item-con6 p em{color:#a70020;  font-weight: bold; font-style:normal;}
/**tool-wrap**/
.design-tool .tool-wrap .tool-item .tool-title{margin-bottom: 20px;font-size:22px;line-height: 1.2;}
.design-tool .tool-wrap .tool-item .tool-title strong{/* font-weight: 600; */}
.design-tool .tool-wrap .tool-item .tool-title span { margin-left: 6px; font-size:14px; color: #8a8a8a; font-weight: normal; margin-left: 0;}
.design-tool .tool-wrap .tool-item .tool-tad-1 {padding: 0px;}
.design-tool .tool-wrap .tool-item .tool-tad-1 table{width:100%;border:1px solid #ccc;margin-bottom:10px}
.design-tool .tool-wrap .tool-item .tool-tad-1 table td{padding:5px 0;border-right:1px solid #DFDFDF;border-bottom:1px solid #DFDFDF}
.design-tool .tool-wrap .tool-item .tool-tad-1 table .tit td{font-size:16px;background:#f5f5f5}
.design-tool .tool-wrap .tool-item .tool-tad-1 .gray{background:#fafafa}
.design-tool .tool-wrap .tool-item .tool-tad-1 p{margin-bottom:10px}
.design-tool .tool-wrap .tool-item .tool-tad-1 img{display:block;margin:20px 0 40px 0}
.design-tool .tool-wrap .tool-item .toolts{}
.design-tool .tool-wrap .tool-item .toolts td.tad-fir p{margin: 2px 0 0 10px !important;}
.design-tool .tool-wrap .tool-item .tool-tad-1 table{border-collapse:collapse}
.design-tool .tool-wrap .tool-item .tool-tad-1 tr,.tool-tad-1 td{border:1px #dfdfdf solid;padding:10px 25px;text-align:center}
.design-tool .tool-wrap .tool-item .tool-tad-1 td span{padding:8px!important}
.design-tool .tool-wrap .tool-item .tool-tad-1 th{border:1px #dfdfdf solid;background-color:#f2f2f2;color:#000;font-size:15px;font-weight:800;padding:15px 0}
.design-tool .tool-wrap .tool-item .tool-tad-1 td{background-color:#FFF;font-size:13px}
.design-tool .tool-wrap .tool-item .tool-tad-1 td.tad-fir{text-align:left;background-color:#f9f9f9;width:260px;padding:10px 0}
.design-tool .tool-wrap .tool-item .tool-tad-1 td.tad-fir img{float:left;margin:0 0 0 18px}
.design-tool .tool-wrap .tool-item .tool-tad-1 td.tad-fir p{float:left;margin:10px 0 0 10px;font-size:14px;width:190px}
.design-tool .tool-wrap .tool-item .tool-tad-1 td.tad-fir p.tad_td{margin:5px 0 0 10px;font-size:12px}
.design-tool .tool-wrap .tool-item .tool-tad-1 td.tad-fir2{text-align:left;background-color:#f9f9f9;width:260px;padding:10px 0}
.design-tool .tool-wrap .tool-item .tool-tad-1 td.tad-fir2 img{float:left;margin:0 0 0 18px}
.design-tool .tool-wrap .tool-item .tool-tad-1 td.tad-fir2 p{float:left;margin:10px 0 0 10px;font-size:14px;}
.design-tool .tool-wrap .tool-item .tool-tad-1 td.tad-fir2 p em{color:#999;font-size:12px;font-style:normal;font-family:Verdana,Geneva,sans-serif}
.design-tool .tool-wrap .tool-item .tool-tad-1 td.tad-fir2 p.tad_td{margin:5px 0 0 10px;font-size:12px}
.design-tool .tool-wrap .tool-item .tool-tad-1 td.tad-fir-1{background-color:#f9f9f9;width:210px;padding:10px 0}
.design-tool .tool-wrap .tool-item .tool-tad-1 td.tad-fir-1 p{font-size:16px}
.design-tool .tool-wrap .tool-item .moquulbfw{float:left; margin-left:120px; margin-bottom:40px;}
.design-tool .tool-wrap .tool-item .sjgfDiv a{ font-size:14px; line-height:30px; color:#ffa200;}
.design-tool .tool-wrap .tool-item .sjgfDiv a:hover{ text-decoration:underline;}


/**download-header**/
.design-download .download-header {display: block; margin-bottom:15px;}
.design-download .download-header .content{padding: 15px 15px;background-color: #fff;border-radius: 6px;overflow: hidden;display: flex;justify-content: space-between;}
.design-download .download-header .download-pic{width: 300px; height:250px; float: left;overflow: hidden;border-radius: 6px;}
.design-download .download-header .download-pic img{width:100%; height:100%;}
.design-download .download-header .download-detail{float: right;width: 580px;display: inline-block;display: flex;flex-direction: column;justify-content: space-evenly;flex-wrap: nowrap;}
.design-download .download-header .download-detail .download-title{float:left;width:100%;font-weight:400;font-size: 22px;margin-bottom: 20px;}
.design-download .download-header .download-detail .download-parameter {float: left;padding: 10px 20px;background: #f6f7fb;display: inline-block;float: left;margin-bottom: 20px;height: 60px;}
.design-download .download-header .download-detail .download-parameter .item {width: 33%;float: left;margin: 5px 0;font-size: 14px;}
.design-download .download-header .download-detail .download-tag{display: block;/* width: 640px; */height: 80px;overflow: hidden;}
.design-download .download-header .download-detail .download-tag .tag-ico{width: 66px;height: 83px;margin-right: 15px;float: left;background:url(https://static.xitongzhijia.net/theme/2020/images/ui_img/ico_sys_tag.png) no-repeat;}
.design-download .download-header .download-detail .download-tag .tag-link {display: flex;height: 80px;overflow: hidden;flex-wrap: wrap;justify-content: space-between;}
.design-download .download-header .download-detail .download-tag .tag-link li {float: left;margin-right: 10px;margin-bottom: 15px;font-size: 14px;overflow: hidden;width: -webkit-calc(25% - 10px);overflow: hidden;}
.design-download .download-header .download-detail .download-tag .tag-link li a {padding: 0 6px;line-height: 30px;height: 30px;display: block;text-align: center;color: #999999;border: 1px solid #ededed;overflow: hidden;border-radius: 4px;}
.design-download .download-header .download-detail .download-tag .tag-link li:hover a{ color: #ffffff;  border:1px solid #358ff0; background: #358ff0;}
.design-download .download-item{margin-top:20px; background: #fff; border-radius: 8px; overflow:hidden;}
.design-download .download-item .content{padding: 25px;overflow: hidden;}
.design-download .download-item .item-title {position: relative;margin: 0px 20px 20px;line-height: 30px; padding: 0;overflow: hidden;/* border-bottom: 1px #eee solid; */}
.design-download .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-download .download-item .item-title .hot-tags {display: block;float: right;margin-top: 8px;font-size: 14px;color: #999;line-height: 30px;}
.design-download .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-download .download-item .item-title .hot-tags a:hover{color: #ff6000;}
.design-download .download-item .item-title .hot-tags a.more{color: #ff6000;}
.design-download .download-item .item-content {font-size: 16px;line-height: 30px;padding: 20px 20px;overflow: hidden;display: block;}
.design-download .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-download .download-item .item-content img {/*display: block;*/max-width: 600px;height:auto; margin:0px auto; vertical-align: middle; border:0}
.design-download .download-item .item-content .keylink{color:#0067a9;border-bottom: 1px dashed #06346f;}
.design-download .download-item .item-content .keylink:hover{color:#ff0000;} 
/*article-tags*/
.design-download .download-item .download-tags{display: block;vertical-align: middle; margin:20px 20px;line-height: 24px; font-size: 14px;}
.design-download .download-item .download-tags a{color:#406599;float:left;display:block;padding-right:8px; background-position: -24px -47px;}
.design-download .download-item .download-tags a:hover{color:#FF4F53;text-decoration:none;}
.design-download .download-item .download-tags a:after {content: "/";padding-left: 8px; color: #e0e0e0;}
.design-download .download-item .download-tags a:last-child:after {content: "";}
.design-download .download-item .download-tags i{float: left;display: block;width: 20px;height: 16px;background: url(http://06ps.com/skin/style/images/icons.png) -72px 0;margin: 5px 10px 0 0px;}
.design-download .download-item .download-tags span{margin: 0 6px;color: #e4e2e2;}

/*download-links*/
.design-download .download-item .download-address {overflow:hidden;margin-bottom: 20px;}
.design-download .download-item .download-address .pull-left{width: 580px;overflow:hidden;}
.design-download .download-item .download-address .pull-right{width: 300px;height:250px;background: #eee;overflow:hidden;}
.design-download .download-item .download-address .downlink{overflow:hidden;}
.design-download .download-item .download-address .downlink a{float: left;min-width: 80px;line-height: 26px;padding: 0px 6px;border-radius: 4px;margin-bottom: 10px;margin-right: 20px;border: 1px solid #e1e1e1;display: block;color: #666;font-size: 14px;}
.design-download .download-item .download-address .downlink a .icon-angle-double-down {padding-top: 5px;}
.design-download .download-item .download-address .downlink a .icon-angle-double-down:before {color: #f60;font-size: 18px;/* margin-top: 5px; */}
.design-download .download-item .download-address .downlink a:hover{background:#ff6000;color: #ffffff; border: 1px solid #ff6000;}
.design-download .download-item .download-address .downlink a:hover .icon-angle-double-down:before {color: #ffffff;}
.design-download .download-item .download-address .chennuo{line-height: 1.7;font-size: 14px;position:relative;z-index:1500;margin-bottom: 10px;}
.design-download .download-item .download-address .chennuo a{color:#0099ff;}
.design-download .download-item .download-address .chennuo strong{font-weight:normal;color:#0099ff;}
.design-download .download-item .download-address .shares{height:36px;/* line-height: 1.5; */position:relative;font-size: 14px;margin-bottom:10px;}
.design-download .download-item .download-address .shares strong{float:left;font-weight:normal;margin-right:12px;display:inline;}
.design-download .download-item .download-address .download-links {background-position: right bottom !important;display: flex;flex-direction: column;}
.design-download .download-item .download-address .download-links .title {font-size: 16px;color: #333;display: block;font-weight: bold;margin: 0px 10px;}
.design-download .download-item .download-address .download-links .items {display: block;}
.design-download .download-item .download-address .download-links .items 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-download .download-item .download-address .download-links .items 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-download .download-item .download-address .download-links .items a.local em{ border-color:#58ad51;}
.design-download .download-item .download-address .download-links .items a:hover{background: #f90;text-decoration: none;}
.design-download .download-item .download-address .download-links .items a:hover em{ border-color:#f80;}
.design-download .download-item .download-address .download-links .items a.high:hover{background: #e55e04;}
.design-download .download-item .download-address .download-links .items a.local:hover{background: #4b9828;}
.design-download .download-item .download-address .design-zhuanti{margin-top:10px;display: flex;flex-direction: column;}
.design-download .download-item .download-address .design-zhuanti .title{font-size: 16px;color:#333;display: block;font-weight: bold;margin: 0px 10px;}
.design-download .download-item .download-address .design-zhuanti .zhuanti-txtul {display: flex;flex-wrap: wrap;overflow:hidden;}
.design-download .download-item .download-address .design-zhuanti .zhuanti-txtul .item {width:25%;width: -webkit-calc(25% - 16px);margin: 0px 8px;font-size: 14px;}
.design-download .download-item .download-address .design-zhuanti .zhuanti-txtul .item a{display: block;line-height: 35px;text-overflow:ellipsis;white-space:nowrap;width: 100%;overflow:hidden;}
.design-download .download-item .download-address .design-zhuanti .zhuanti-txtul .item a:before {float: left;content: ""; background: #b2b2b2; width: 4px; height: 4px; overflow: hidden; display: inline-block; margin: 15px 6px 0 0; border-radius: 5px;}
.design-download .download-item .download-address .design-zhuanti .zhuanti-txtul .item:hover a:before {background: #f80;}
/*item-install*/
.design-download .download-item .download-install{display: flex; height:40px;line-height:40px;background:#f6f7fb;border-radius: 6px;}
.design-download .download-item .download-install .item{width:12.5%;text-align:center;}
.design-download .download-item .download-install .item a{display:block;font-size:14px;}
.design-download .download-item .download-install .item a:hover{background:#00a4ff;color:#fff;}
.design-download .download-item .download-install .item + .item a {border-left: 1px #eee solid;}
/*download-related*/
.design-download .download-related{margin-top:20px;border-radius: 6px;}
.design-download .download-related .section-title{margin:20px 0;}
.design-download .download-related .infolist-picul {display: block;margin:-10px;}
.design-download .download-related .infolist-picul .item {width: 25%;}
.design-download .download-related .infolist-picul .item .item-wrap .item-thumb { height: 150px;}
.design-download .download-related .infolist-picul .item .item-wrap .item-main .item-title {font-size: 15px;}