@charset "utf-8";
/* CSS Document */
.section-panel{margin: 20px 0;}
.shengming{text-align: left;font-size:13px;color: #a69485;line-height: 1.8;position: relative;z-index: 99;margin-bottom: 20px;padding: 10px;border: 1px solid #efdcc5;background-color: #fffbf5;border-radius: 3px;box-shadow: 0 11px 20px -15px rgb(255 222 177);}
/*ft-carousel*/
.ft-carousel {position: relative;width: 100%;height: 100%;overflow: hidden;}
.ft-carousel .carousel-inner {position: absolute;left: 0;top: 0;height: 100%;}
.ft-carousel .carousel-inner .carousel-item {float: left;height: 100%;}
.ft-carousel .carousel-item img {width: 100%;min-height: 100%;}
.ft-carousel .carousel-indicators {position: absolute;left: 0;bottom: 15px;width: 100%;text-align: center;font-size: 0;}
.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;}
.ft-carousel .carousel-indicators span.active {background-color:rgb(222 58 58 / 80%);}
.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;}
.ft-carousel .carousel-next-btn{left:auto; right:0; background-position:-49px 0px}
.ft-carousel .carousel-prev-btn:hover{background-position:-99px 0px;}
.ft-carousel .carousel-next-btn:hover{background-position:-143px 0px;}
.ft-carousel:hover .carousel-btn{display: block;}
/*design-items*/
.design-items {padding:20px 20px;display: flex; justify-content: space-around;background-color: #ffffff;border-radius: 5px;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;}
.design-items .item {}
.design-items .item .item-wrap {position: relative;display: block;display: flex; justify-content: flex-start;gap: 20px;}
.design-items .item .item-wrap .item-icon {width: 50px;height: 50px;font-size: 22px;background-color: #eef1f9;line-height: 50px;text-align: center; border-radius: 10px;}
.design-items .item .item-wrap .item-icon .icon{font-size: 26px;color:#666;}
.design-items .item .item-wrap .item-title {font-weight: bold;text-align: left;margin-bottom: 8px;font-size: 17px;}
.design-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; }
.design-items .item .item-wrap .item-title .go .icon-angle-right:before{font-size: 12px;}
.design-items .item .item-wrap .item-desc {display: block;font-size: 14px;color: rgba(25,28,61,0.5);font-weight: normal;overflow: hidden;}
.design-items .item .item-wrap:hover .item-title .go {background-color: #0088FF;}
.design-items .item .item-wrap:hover .item-icon .icon{color:#0088FF;}
/**====== 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 {position: relative;padding:20px 0;}
/**design-recommend**/
.design-home .design-recommend {float: right; width: -webkit-calc(60.9375% - 20px);}
.design-home .design-recommend .list-info-picul {margin:0px;}
.design-home .design-recommend .list-info-picul .item {/*width:33.3333%;width: -webkit-calc(33.3333% - 13.3333px);*/flex: 0 0 calc(33.3333% - 13.3333px);}
.design-home .design-recommend .list-info-picul .item .item-wrap {margin:0px; height: 280px;}
/**design-news**/
.design-home .design-news {margin:0px; display: flex; justify-content: space-between;}
.design-home .design-news .news-box {width:33.3333%;width: -webkit-calc(33.3333% - 13.3333px);}
.design-home .design-news .news-box .title{position:relative;margin-bottom:20px;display: flex;justify-content: space-between;align-items: center;}
.design-home .design-news .news-box .title .name{font-size:22px;line-height:1;font-weight:400;margin:0;}
.design-home .design-news .news-box .title .more{margin-left:20px; top: 0px;right:0;font-size:16px;color:#666;}
.design-home .design-news .news-box .title .more i{font-size: 18px;}
.design-home .design-news .news-box .title .more:hover{color:#00a4ff} 
.design-home .design-news .news-box .news-wrap {padding:20px 20px;background-color: #FFFFFF; border-radius: 5px;overflow: hidden;}

/**====== design-home ====== **/
.design-category {position: relative;}
.design-category .section {position: relative;margin-bottom 20px;}
.design-category .category-header {margin-bottom: 20px;position: relative;z-index: 2;}
.design-category .category-header .crumbs{padding:30px 0;}
.design-category .category-header .cat-info{padding:30px;background:linear-gradient(180deg, rgba(255,255,255,0.6) 0%, #ffffff 100%);border-radius:8px 8px 0 0;}
.design-category .category-header .cat-info .cat-wrap{position: relative;padding-left:310px; padding-right:206px;}
.design-category .category-header .cat-info .cat-main {min-height: 180px;}
.design-category .category-header .cat-info .cat-thumb {position: absolute;left: 0;top: 0;width:280px;height:180px;-webkit-border-radius:8px;-moz-border-radius:8px;border-radius:8px;overflow: hidden;}
.design-category .category-header .cat-info .cat-thumb img {display: block;width: 100%;min-height: 100%;}
.design-category .category-header .cat-info .cat-title {margin-bottom:30px;height: 36px;line-height: 36px;color: #323232;overflow: hidden;display: flex;/*align-items: center;justify-content: flex-start;gap: 15px;*/}
.design-category .category-header .cat-info .cat-title .cat-icon {display: inline-block;margin-right:10px;width: 36px;height:36px;line-height: 36px;font-size:22px;text-align: center;background: #0088FF;color: #fff;border-radius: 8px;}
.design-category .category-header .cat-info .cat-title strong {line-height: 30px;font-size:30px;font-weight: 500;}
.design-category .category-header .cat-info .cat-meta {display: flex;flex-direction: column;justify-content: space-between; gap: 30px;}
.design-category .category-header .cat-info .cat-meta .cat-entry{font-size: 14px;line-height: 1.75;color: #999;overflow: hidden; display: -webkit-box;-o-text-overflow: ellipsis;text-overflow: ellipsis; -webkit-line-clamp: 2; -webkit-box-orient: vertical;}
/*cat-hot*/
.design-category .category-header .cat-hot {line-height: 30px;font-size: 14px;overflow: hidden;display: flex;align-items: center;justify-content: flex-start;gap: 15px;}
.design-category .category-header .cat-hot .title {margin-right:0px;color: #8a8a8a;}
.design-category .category-header .cat-hot .btn {display: inline-block;line-height: inherit;padding: 0 8px;white-space: nowrap; border-radius:5px;color: #0088FF;background: rgba(255, 140, 52, 0.1);background: rgb(0 136 255 / 10%);}
.design-category .category-header .cat-hot .btn:hover {color: #ffffff;background-color: #0088FF;}
/*cat-extra*/
.design-category .category-header .cat-extra{width:135px;padding:20px 20px;position:absolute;right:0;top:0;background:linear-gradient(180deg, #0088FF0f 0%, #ffffff0f 100%);border:1px solid #0088FF0d;border-radius:8px;}
.design-category .category-header .cat-extra .data{margin-bottom: 20px;display: flex;flex-direction: column;gap: 5px; text-align: center;}
.design-category .category-header .cat-extra .data strong{font-size:40px;color: #0088FF; font-weight: 500; font-family: cursive;}
.design-category .category-header .cat-extra .data .txt{font-size: 14px;color: #666;}
.design-category .category-header .cat-extra .btn {padding:0px 0px;width:100%;line-height:40px;display: inline-block;font-size:16px;text-align: center;background: #0088FF;color: #fff;border-radius: 5px;}
.design-category .category-header .cat-extra .btn i{font-size:18px;}
/*cat-navbar*/
.design-category .category-header .cat-navbar {margin-top: 0px;margin-bottom: 0;background-color: transparent;background-color: #fff; font-size:16px; background-color: #ffffff; background: -webkit-linear-gradient(top, rgba(255,255,255,0.50) 0%, #ffffff 100%);background: linear-gradient(180deg, rgba(255,255,255,0.50) 0%, #ffffff 100%);border-radius: 0 0 8px 8px;}
.design-category .category-header .cat-navbar .cat-wrap {margin-top: 0;padding: 20px 20px;display: flex;flex-direction: column;gap: 15px;}
.design-category .category-header .cat-navbar .current a{color: #0088FF;font-weight:600;}
.design-category .category-header .cat-navbar .cat-navul{padding: 0px 0px;text-align: center;white-space: nowrap;display: flex;flex-direction: row;justify-content: center;align-items: center;flex-wrap: wrap;gap: 20px;}
.design-category .category-header .cat-navbar .cat-navul .item {line-height 30px; margin:0;display: inline-block;white-space: nowrap;}
.design-category .category-header .cat-navbar .cat-subnav {padding-top: 15px;border-top: 1px solid #eee;text-align: center;white-space: nowrap;display: flex;flex-direction: row;justify-content: center;align-items: center;}
.design-category .category-header .cat-navbar .cat-subnav .sub-item{float: none; display: inline-block;white-space: nowrap;line-height 36px;margin: 0 15px;}

/*===design-archives===*/
.design-archives{}
.design-archives .article-body {position: relative;margin-bottom: 20px;padding: 0px;background: #fff;border-radius: 6px;overflow: hidden; }
.design-archives .article-body .wrap {padding: 30px 30px;overflow: hidden;}
.design-archives .article-body h5{padding-bottom: 15px;font-size: 16px;color: #333;display: block;font-weight: bold;}
.design-archives .article-body .content {padding: 0px 0px;}
.design-archives .article-body .article-header {position: relative;margin:0px 0px;text-align: center;}
.design-archives .article-body .article-header .article-title {margin-bottom: 20px;line-height: 36px;font-size: 26px;font-weight:600;clear: both;}
.design-archives .article-body .article-header .article-meta {padding-bottom:0px;border-bottom:0px solid #eee;display: block;}
.design-archives .article-body .article-header .article-meta span {color: #999;font-size:13px;margin-right: 10px;}
.design-archives .article-body .article-header .article-meta span a {color: #999; 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: 0px 40px 15px;padding: 10px 10px;background:#f3f3f3;color: #666;line-height: 1.5em;font-size: 14px;}
.design-archives .article-body .article-summary .summary-div{padding: 12px 15px;background-color: white; border-radius: 8px;}
.design-archives .article-body .article-summary p {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: 10px 0px;font-size: 16px;line-height: 30px;overflow: hidden;}
.design-archives .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-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 {max-width: 90% !important;height:auto !important; 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;} 
.design-archives .article-body .article-content h2,
.design-archives .article-body .article-content h3,
.design-archives .article-body .article-content h4,
.design-archives .article-body .article-content strong {font-weight:bold;}
.design-archives .article-body .article-content h2,
.design-archives .article-body .article-content h3,
.design-archives .article-body .article-content h4{margin: 15px 0px;} 
.design-archives .article-body .article-content pre,
.design-archives .article-body .article-content blockquote{margin-top: 15px 0px; padding: 15px 15px; background: #f3f3f3;font-size: 14px;line-height: 24px;border-radius: 4px;} 
.design-archives .article-body .article-content pre ,
.design-archives .article-body .article-content blockquote p {margin: 0px 0;} 
.design-archives .article-body .article-content pre {white-space: pre-wrap;}
.design-archives .article-body .article-content table{ max-width:90%; min-width:60%;margin:15px auto 15px; border:1px solid #ddd;border-collapse:collapse;font-size: 14px;}
.design-archives .article-body .article-content table tr:nth-child(2n){ background-color: #fafafa;}
.design-archives .article-body .article-content table th,
.design-archives .article-body .article-content table td{line-height: 20px;/*text-align:center;*/padding-top: 5px;padding-bottom: 5px;padding:5px 8px;border: 1px solid #ddd;}
.design-archives .article-body .article-content table thead tr{background-color: #f8f8f8;}
.design-archives .article-body .article-content table thead th{text-align: center;font-weight:700; background: #eee;}
.design-archives .article-body .article-content table tbody th{text-align: center;font-weight:500;}
.design-archives .article-body .article-content table tbody p {text-align:center;}
.design-archives .article-body .article-content ul,
.design-archives .article-body .article-content ol{margin:15px 0px;-webkit-hyphens: auto;-moz-hyphens: auto;-ms-hyphens: auto;hyphens: auto;word-wrap: break-word;word-break: break-all;text-justify: inter-ideograph;list-style: circle;}
.design-archives .article-body .article-content ul li,
.design-archives .article-body .article-content ol li {margin: 0 0 0 25px;line-height: 200%;}
.design-archives .article-body .article-content ul li { padding:5px 0px; list-style: disc;}
.design-archives .article-body .article-content ol li {list-style: decimal;}
.design-archives .article-body .article-content ul li + li {border-top: 1px #eee dashed;}
.design-archives .article-body .article-content ul li p {margin: 0;}
.design-archives .article-body .article-content pre{margin:16px 0 14px;padding:14px 15px 12px;border-radius:3px;border:none}
.design-archives .article-body .article-content code{margin:0 3px;padding:3px 4px;border-radius:3px;background-color:#f6f6f6;font-size:14px;font-family:Menlo,Monaco,Consolas,"Courier New",monospace}
.design-archives .article-body .article-content pre code{padding:0;margin:0;overflow:visible}
.design-archives .article-body .article-content pre,
.design-archives .article-body .article-content pre code{font-size:14px;line-height:1.6;background:#f6f6f6;font-family:Menlo,Monaco,Consolas,"Courier New",monospace}
.design-archives .article-body .article-content pre::-webkit-scrollbar{width:6px!important;height:6px!important;-webkit-appearance:none;-moz-appearance:none;appearance:none}
.design-archives .article-body .article-content pre::-webkit-scrollbar-thumb{cursor:pointer;background:rgba(153,153,153,.75)}
/*article-popular*/
.design-archives .article-popular{margin:15px 0px;}
.design-archives .article-popular .wrap{padding:15px; background:#f6f7fb; overflow: hidden;display: flex;justify-content: space-between;border-radius: 6px;}
.design-archives .article-popular .pull-left {width: 300px;height: 250px;background:#f6f7fb;}
.design-archives .article-popular .pull-right {width: 540px;flex: 0 0 calc(100% - 320px);height: 250px;display:block;}
.design-archives .article-popular .list-picul {display: flex;flex-direction: column;gap: 10px;}
.design-archives .article-popular .list-picul .item {height: 70px;}
.design-archives .article-popular .list-picul .item + .item{padding-top:10px;border-top:1px solid #eee;display:block;}
.design-archives .article-popular .list-picul .item .item-wrap{position: relative;padding-left: 116px;display: block;}
.design-archives .article-popular .list-picul .item .item-pic{position: absolute;left: 0;width:100px;height: 70px;float:left;transition:all 0.2s ease;overflow: hidden;border-radius: 5px;}
.design-archives .article-popular .list-picul .item .item-pic img {width: 100%;height: 100%;transition: all .5s;-moz-transition: all .5s;-webkit-transition: all .5s;-o-transition: all .5s;}
.design-archives .article-popular .list-picul .item:hover .item-pic img {transform:scale(1.5); -webkit-transform:scale(1.5); -ms-transform:scale(1.5); -o-transform:scale(1.5);}
.design-archives .article-popular .list-picul .item .item-main{float:left;position:relative;}
.design-archives .article-popular .list-picul .item .item-main h3{display:block;margin-bottom: 6px;/* height:22px; line-height:22px; */font-size:16px;font-weight:600;}
.design-archives .article-popular .list-picul .item .item-main span{position:absolute;right:0;top:0;color:#f18434;line-height:22px; font-size: 14px;}
.design-archives .article-popular .list-picul .item .item-main p{height: 36px;overflow:hidden;line-height: 1.5;color:#999;text-align:justify;font-size: 13px;}
/*article-tags*/
.design-archives .article-body .article-tags {margin-top:30px;line-height: 24px; font-size: 14px;}
.design-archives .article-body .article-tags .content {margin:0px;padding:20px 0px;border-top: 0px solid #eee;}
.design-archives .article-body .article-tags .tagslist {margin:0px 0px;height: auto;text-align: center;display: flex;justify-content: center;flex-wrap: wrap;gap:15px;}
.design-archives .article-body .article-tags .tagslist a {overflow: hidden;white-space: nowrap;text-overflow: ellipsis;display: inline-block;padding: 0 10px 0 5px;line-height: 30px;height: 30px;font-size: 14px;color: #555;border-radius: 18px;transition: all .5s ease;background: #f2f2f2;}
.design-archives .article-body .article-tags .tagslist a i {border-radius: 14px;-webkit-border-radius: 14px;-moz-border-radius: 14px;display: inline-block;width: 22px;height: 22px;line-height: 22px;text-align: center;background: #fff;color: #555;font-size: 16px;margin: 4px 5px 0 0; *margin: 0px 5px 0 0;font-style: normal;vertical-align: top; *vertical-align: middle;}
.design-archives .article-body .article-tags .tagslist a:before {float: left;content: "#";border-radius: 14px;-webkit-border-radius: 14px;-moz-border-radius: 14px;display: inline-block;width: 22px;height: 22px;line-height: 20px;text-align: center;background: #fff;color: #555;font-size: 16px;margin: 4px 5px 0 0; *margin: 0px 5px 0 0;font-style: normal;vertical-align: top; *vertical-align: middle;}
.design-archives .article-body .article-tags .tagslist a:hover {background: #0092ff;color: #FFF;}
/*article-tags*/
.design-archives .list-info-picul {}
.design-archives .list-info-picul .item{flex: 0 0 calc(25% - 16px);}
.design-archives .list-info-picul .item .item-thumb {height: 145px;}
.design-archives .list-info-picul .item .item-main {padding-top: 10px;}
.design-archives .list-info-picul .item .item-main .item-title {margin-bottom: 15px;height: 48px;line-height: 24px; font-size: 15px;}
/*article-navigation*/
.design-archives .article-navigation { clear: both; border-radius: 6px; overflow: hidden;}
.design-archives .article-navigation .content {margin: 0px 0px;padding: 20px 0px 0px; border-top: 1px #eee solid;overflow: hidden; display: flex;flex-direction: column;gap: 10px;}
.design-archives .article-navigation .twofifth { display: block; position: relative; width: -webkit-calc(50% - 40px); font-size: 15px; color: #999; margin:0px;text-overflow: ellipsis;white-space: nowrap; }
/*list-col-5*/
.design-archives .article-body .article-tags .list-col-5 { wrap;gap:15px;}
.design-archives .article-body .article-tags .list-col-5 .item {display: block;flex: 0 0 calc(20% - 12px);}
.design-archives .article-body .article-tags .list-col-5 .item .item-wrap{padding: 15px;background-color: #fff;border-radius: 6px;}
.design-archives .article-body .article-tags .list-col-5 .item i {margin-right: 8px;width: 24px;height: 24px;line-height: 24px;}
.design-archives .article-body .article-tags .list-col-5 .item .item-title {line-height: 24px;}
.design-archives .article-body .article-tags .list-col-5 .item .item-title .title {font-size: 15px;font-weight:500;}

/**====== design-download ====== **/
.design-download {position: relative;}
.design-download .download-panel{margin-bottom:20px; border-radius: 8px; overflow:hidden;}
.design-download .download-panel .wrap {padding: 20px;background: #fff; overflow: hidden;}
/**download-header**/
.design-download .download-header {display: block; margin-bottom:20px;}
.design-download .download-header .content{padding: 25px 25px;background-color: #fff;overflow: hidden;display: flex;justify-content: space-between;border-radius: 6px;}
.design-download .download-header .conLeft{position: relative;flex: 0 0 calc(100% - 330px); display: flex; flex-direction: column;justify-content: space-between;gap: 20px;}
.design-download .download-header .conRight{position: relative;width:300px;height:250px; background: #fafafa;display: flex;align-items: center;}
.design-download .download-header .download-detail{float: right;/*display: flex;flex-direction: row;justify-content: space-between;flex-wrap: nowrap;*/}
.design-download .download-header .detail-mian{display: flex;flex-direction: column;flex-wrap: nowrap;gap: 20px;}
.design-download .download-header .detail-pic{width: 210px; height:141px; margin-right: 30px; float: left;overflow: hidden;border-radius: 6px;}
.design-download .download-header .detail-pic img{width:100%; height:100%;}
.design-download .download-header .detail-title{float:left;width:100%;font-weight:500;font-size: 22px;}
.design-download .download-header .detail-parameter {display: inline-block;float: left;padding: 10px 20px;background: #f6f7fb;float: left;height: 60px;}
.design-download .download-header .detail-parameter dd{width: 33%;float: left;line-height:32px;font-size: 14px;display: flex;align-items: center;}
.design-download .download-header .detail-parameter dd span{color: #999;}
.design-download .download-header .detail-type{display: block;/* width: 640px; */height: 80px;overflow: hidden;}
.design-download .download-header .detail-type .type-icon{width: 66px;height: 80px;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 .detail-type .list-type-titul {display: flex;overflow: hidden;flex-wrap: wrap;justify-content: flex-start; gap: 15px;}
.design-download .download-header .detail-type .list-type-titul li {float: left;width: -webkit-calc(20% - 12px);font-size: 14px;overflow: hidden;overflow: hidden;}
.design-download .download-header .detail-type .list-type-titul li a {padding: 0 6px;line-height: 30px;height: 30px;display: block;text-align: center;border: 1px solid #ededed;overflow: hidden;border-radius: 4px;}
.design-download .download-header .detail-type .list-type-titul li:hover a{ color: #ffffff;  border:1px solid #358ff0; background: #358ff0;}
/*download-content*/
.design-download .download-content {font-size: 16px;line-height: 30px;padding: 20px 0px;overflow: hidden;display: block;}
.design-download .download-content p{display:block; margin-bottom: 15px; clear:both; /*text-indent: 2em; text-align: justify;*/overflow:visible;word-break:break-all}
.design-download .download-content img {/*display: block;*/max-width: 600px;height:auto; margin:0px auto; vertical-align: middle; border:0}
.design-download .download-content .keylink{color:#0067a9;border-bottom: 1px dashed #06346f;}
.design-download .download-content .keylink:hover{color:#ff0000;} 
/*download-tags*/
.design-download .download-tags{display:inline-block;vertical-align: middle; margin:0px 0px;line-height: 24px; font-size: 14px;}
.design-download .download-tags a{color:#406599;float:left;display:block;padding-right:10px; background-position: -24px -47px;}
.design-download .download-tags a:hover{color:#FF4F53;text-decoration:none;}
.design-download .download-tags a:after {content: "/";padding-left: 10px; color: #e0e0e0;}
.design-download .download-tags a:last-child:after {content: "";}
.design-download .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-tags span{margin: 0 6px;color: #e4e2e2;}
/*download-links*/
.design-download .download-links {}
.design-download .download-links .conLeft{float: left;width: -webkit-calc(100% - 320px);display: flex;flex-direction: column;gap: 15px;}
.design-download .download-links .conRight{float:right;width:300px;height: 250px;background: #fafafa; display: flex;align-items: center;}
.design-download .download-links .title {font-size: 16px;color: #333;display: block;font-weight: 500;}
.design-download .download-links .downlink {display: flex; flex-wrap: wrap;flex-direction: row; gap: 20px;}
.design-download .download-links .downlink a {float: left;width: 130px;height: 36px;line-height: 36px;text-align: center;color: #fff;font-size: 15px;background: #0088FF;display: block;border-radius: 4px;}
.design-download .download-links .downlink a em {display: block;float: left;width: 36px;height: 36px;line-height: 36px;border-right: 1px solid #4FC3F7;background: url(../images/icon-down.png) no-repeat 12px -72px;}
.design-download .download-links .downlink a.local em{ border-color:#58ad51;}
.design-download .download-links .downlink a:hover{background:#03a9f4;text-decoration: none;}
.design-download .download-links .downlink a:hover em{ border-color:#4FC3F7;}
.design-download .download-links .downlink a.high:hover{background: #e55e04;}
.design-download .download-links .downlink a.local:hover{background: #4b9828;}
.design-download .download-links .topiclist{margin-top:10px;display: flex;flex-direction: column;}
.design-download .download-links .topiclist .title{font-size: 16px;color:#333;display: block;font-weight: bold;margin: 0px 10px;}
.design-download .download-links .topic-titul {display: flex;flex-wrap: wrap;gap: 10px;}
.design-download .download-links .topic-titul .item {width:25%;width: -webkit-calc(20% - 8px);font-size: 14px;}
.design-download .download-links .topic-titul .item a{display: block;text-overflow:ellipsis;white-space:nowrap;width: 100%;line-height: 30px;overflow:hidden; border: 1px #eee solid;text-align: center;border-radius: 5px;}
.design-download .download-links .topic-titul .item:hover a {color:#FFF;background: #f80;border-color:#f80; }
.design-download .download-topic {float:right;width:300px;}
.design-download .download-topic .list-topic-recul{flex-direction: column;gap: 15px;}
.design-download .download-topic .list-topic-recul .item .item-wrap{padding: 15px;}
.design-download .download-topic .list-topic-recul .item .item-title {font-size: 16px;}