wiki

css/custom.css

@@ -268,6 +268,41 @@ h2.slogen{text-align: center; font-size: 50px; letter-spacing: 2px; font-weight:
 .wiki-content .page-title{ margin-top: 25px;}
 
 
+.wikiCompoundList{padding: 20px; background-color: transparent; border: 1px solid transparent;}
+.wikiCompoundList:hover{background-color: #f9fcff; border-color:#337ab7;}
+.wikiCompoundList ul{ display: block; margin: -10px; padding: 0; position: relative;}
+.wikiCompoundList ul::after{ content: ""; display: table; height: 0; width: 100%; clear: both;}
+.wikiCompoundList ul + ul{ margin-top: 20px;}
+.wikiCompoundList ul .readmore{ position: absolute; right: 10px; bottom: 10px;}
+.wikiCompoundList li{ padding: 10px; box-sizing: border-box; float: left;}
+.wikiCompoundList li.info{ float: inherit; width: 100%;}
+.wikiCompoundList li.info .title{ font-size: 24px;}
+.wikiCompoundList li.info p{ color: #7a7a7a; line-height: 24px;}
+
+
+.wiki-group-item{width: 100px; height: 150px;}
+.wiki-group-item .photo{width: 98px; height: 98px;  line-height:100%; border: 1px solid #ddd; background: #fff; text-align: center; vertical-align: middle; display: block; margin: 0 auto 10px; box-sizing: content-box; overflow: hidden;}
+.wiki-group-item .photo:hover{border-color: #1887fd;}
+.wiki-group-item .photo img{ max-width: 100%; max-height: 100%; vertical-align: middle;}
+.wiki-group-item .photo span{ height: 100%; vertical-align: middle;display: inline-block;}
+.wiki-group-item .text{text-align: center; line-height: 20px; overflow: hidden;}
+.wiki-group-item .nameEn{display:inline-block; white-space: nowrap; text-align: center; text-overflow: ellipsis; overflow: hidden; padding-right: 18px; position: relative; max-width: 100%;}
+.wiki-group-item .nameEn .cart{ position: absolute; right: 0; top: 0;}
+.wiki-group-item .nameCn{ color: #333; display: block; white-space: nowrap; text-align: center; text-overflow: ellipsis; overflow: hidden;}
+.wiki-group-item .nameCn:hover{color: #1887fd;}
+
+.wiki-group-item.arrow, .wiki-group-item.plus, .wiki-group-item.nodata{padding-right: 50px; position: relative; box-sizing: content-box;}
+.wiki-group-item.arrow::after, .wiki-group-item.plus::after{font-family: 'FontAwesome'; font-weight: normal;font-variant: normal; font-style: normal; position: absolute; right: 0;  width: 30px; text-align: center; color: #999;}
+.wiki-group-item.arrow::after{ content: "\f061"; font-size: 36px; top: 25px;}
+.wiki-group-item.plus::after{ content: "\f067"; font-size: 24px; top: 30px;}
+
+.wikiProductList ul{ display: block; margin: -10px; padding: 0;}
+.wikiProductList ul::after{ content: ""; display: table; height: 0; width: 100%; clear: both;}
+.wikiProductList ul + ul{ margin-top: 20px;}
+.wikiProductList li{  padding: 10px; box-sizing: border-box; float: left; width: 20%;}
+.wikiProductList li.info{ float: inherit; width: 100%;}
+.wikiProductList li .wiki-group-item{ margin: 0 auto;}
+
 /* data */
 .data-group ul{display: -webkit-flex; display: flex; flex-wrap: wrap; list-style: none; padding: 0; margin: -15px;}
 .data-group li{display: -webkit-box; display: box; width: 16.6%; box-sizing:border-box; padding: 15px;}
@@ -345,6 +380,7 @@ h2.slogen{text-align: center; font-size: 50px; letter-spacing: 2px; font-weight:
   .site-list .group h4{ font-size: 20px;}
   .brand-group li{ width: 25%;}
   .leftmenu+.content-box{width: 650px;}
+  .wikiProductList li{  width: 25%;}
 }
 @media (min-width: 768px) and (max-width: 979px) {
 	.container{ width:720px;}
@@ -367,6 +403,7 @@ h2.slogen{text-align: center; font-size: 50px; letter-spacing: 2px; font-weight:
 
   .header .headerLink .userName{padding-right: 15px; margin-left: 5px;}
   .header .headerLink .userName + .innerButton{ margin-left: -18px;}
+  .wikiProductList li{  width: 33.3%;}
 }
 @media (max-width: 767px) {
   .aside-menu, .hot-words{ display: none;}
@@ -473,8 +510,16 @@ h2.slogen{text-align: center; font-size: 50px; letter-spacing: 2px; font-weight:
   .patent-content .mianSearch .searchInput{ padding-left: 10px; width: calc(100% - 114px); }
   .patent-content .mianSearch .btn-group{ position: absolute; left: 0; top: 0;}
   .patent-content .mianSearch .button{ top: auto; bottom: 3px;}
-}
 
 
+  .wikiCompoundList{padding: 10px;}
+  .wiki-group-item{width: 80px; height: 130px; font-size: 12px;}
+  .wiki-group-item .photo{width: 75px; height: 75px; }
+  .wiki-group-item.arrow, .wiki-group-item.plus{ padding-right: 40px;}
+  .wiki-group-item.arrow::after, .wiki-group-item.plus::after{width: 20px;}
 
+  .wiki-group-item.arrow::after{  font-size: 28px; }
 
+  .wikiProductList li{  width:50%;}
+
+}
\ No newline at end of file