tijiao

journalIndex/style/commonJournalCSS.css

@@ -468,7 +468,7 @@ input.disable {
     left: 0;
     width: 100%;
     height: 100%;
-    background: rgba(0,0,0,0.5);
+    background: rgba(0, 0, 0, 0.5);
     display: none;
     z-index: 100;
 }
@@ -487,7 +487,7 @@ input.disable {
     z-index: -1;
     opacity: 0;
     transition: opacity 0.3s;
-    box-shadow: 0 0 20px rgba(0,0,0,0.2);
+    box-shadow: 0 0 20px rgba(0, 0, 0, 0.2);
 }
 
 /* 关闭按钮 */
@@ -854,9 +854,6 @@ input.disable {
 .ncon_hl>ul {
     background-color: #fff;
 }
-.Special_Issues_box>ul {
-    background-color: #fff;
-}
 
 .online_fr>ul {
     background-color: #fff;
@@ -1054,11 +1051,15 @@ input.disable {
 .art_main .tradition-box .tradition-text {
     line-height: 24px;
     margin-top: 10px;
-    height: 120px; /* 限制高度 */
-    overflow: hidden; /* 隐藏超出部分 */
-    text-overflow: ellipsis; /* 显示省略号 */
+    height: 120px;
+    /* 限制高度 */
+    overflow: hidden;
+    /* 隐藏超出部分 */
+    text-overflow: ellipsis;
+    /* 显示省略号 */
     display: -webkit-box;
-    -webkit-line-clamp: 6; /* 显示前5行 */
+    -webkit-line-clamp: 6;
+    /* 显示前5行 */
     -webkit-box-orient: vertical;
 }
 
@@ -2144,12 +2145,14 @@ ul li .ab_tad {
     width: 128px !important;
     height: 175px !important;
 }
-.ncon_SCom{
-padding-top: 0px !important;
+
+.ncon_SCom {
+    padding-top: 0px !important;
 }
+
 .ncon_SCom>div {
     padding: 15px 0;
-    padding-top:0 ;
+    padding-top: 0;
     display: flex;
 }
 
@@ -2546,11 +2549,26 @@ padding-top: 0px !important;
     margin-left: 10px;
 }
 
+.sharethis-inline-share-buttons {
+    margin-left: 0 !important;
+    display: inline-block !important;
+
+}
+
 .sharethis-inline-share-buttons .st-btn {
     border: 0 !important;
 
 }
 
+.sharethis-inline-share-buttons .st-btn {
+    padding: 1px !important;
+
+}
+
+#st-1 .st-btn>img {
+    top: 0 !important;
+}
+
 .share_tmrtb {
     /* padding-top: 5px; */
 
@@ -2854,7 +2872,7 @@ padding-top: 0px !important;
 
 .overall_tmr .ncon_fr_tmr ul li,
 .overall_tmr .ncon_aper ul li {
-    box-shadow: 0 0 10px #bdbdbd;
+    box-shadow: 0 0 10px #bdbdbd3d;
 }
 
 .overall_tmr .online_fr h4,
@@ -3269,7 +3287,7 @@ padding-top: 0px !important;
 /*搜索框*/
 .ment_sousuo_kuang {
     margin-top: 33px;
-   
+
     /*background: #006699;*/
 }
 
@@ -3364,6 +3382,86 @@ padding-top: 0px !important;
     margin-right: 5px;
 }
 
+.Special_Issues_box>ul {
+    background-color: #fff;
+}
+
+
+.Special_Issues_box ul li .specials_hover_box {
+    display: none;
+    padding: 20px;
+    text-align: center;
+    position: absolute;
+    background-color: #00669980;
+    color: #fff;
+    top: 0px;
+    bottom: 14px;
+    left: 1px;
+    right: -1px;
+}
+
+.Special_Issues_box ul li:hover .specials_hover_box {
+    display: block;
+}
+
+.Special_Issues_div_box {
+
+    padding: 0;
+    margin: 0;
+    white-space: nowrap;
+
+    margin: 0 auto;
+}
+
+.Special_Issues_div_box ul {
+    display: flex !important;
+    overflow-x: auto;
+    transform: scaleY(-1);
+}
+
+.Special_Issues_div_box ul li {
+    transform: scaleY(-1);
+}
+
+.Special_Issues_div_box ul li a img {
+    width: 253px !important;
+    margin-top: 25px !important;
+}
+
+.Special_Issues_div_box ul li:not(:last-of-type) {
+    margin-right: 30px;
+}
+
+.Special_Issues_div_box ul li h6 a {
+    word-wrap: break-word;
+    /* 保证文字能换行 */
+    word-break: break-word;
+    /* 确保长单词能换行 */
+    white-space: normal;
+    /* 允许换行 */
+}
+
+.Special_Issues_div_box ul::-webkit-scrollbar {
+    /*滚动条整体样式*/
+    /*width : 1px;  !*高宽分别对应横竖滚动条的尺寸*!*/
+    height: 10px;
+
+}
+
+.Special_Issues_div_box ul::-webkit-scrollbar-thumb {
+    /*滚动条里面小方块*/
+    border-radius: 0;
+    box-shadow: inset 0 0 5px rgba(0, 0, 0, 0.2);
+    background: #aec0c9;
+}
+
+.Special_Issues_div_box ul::-webkit-scrollbar-track {
+    /*滚动条里面轨道*/
+    box-shadow: inset 0 0 5px rgba(0, 0, 0, 0.2);
+    border-radius: 0;
+    background: #ededed;
+}
+
 .jour_awaite {
     margin-top: -5px !important;
 }
@@ -3499,4 +3597,8 @@ padding-top: 0px !important;
     display: flex;
     align-items: center;
     justify-content: space-between;
+}
+
+.sharethis-inline-share-buttons .st-btn>img {
+    top: 0 !important;
 }