style update

src/forge/Head/Header.js

@@ -466,7 +466,7 @@ class NewHeader extends Component {
               <a onClick={() => this.educoderlogin()} className="mr5 color-white">登录</a>
               {
                 settings && settings.common && settings.common.register &&
-                <span><em className="vertical-line"></em><Link className="ml5 color-grey-6" to={`/register`}>注册</Link></span>
+                <span><em className="vertical-line"></em><Link className="ml5 color-white" to={`/register`}>注册</Link></span>
               }
             </span>
             :

src/home/Index.scss

@@ -660,6 +660,7 @@ body{
     font-weight: 500;
     color: #FFFFFF;
     line-height: 39px;
+    opacity: 0.6;
   }
   .thirdUl{
     display: flex;
@@ -667,13 +668,14 @@ body{
     padding-top: 50px;
     padding-bottom: 25px;
     margin-bottom: 0px;
-    justify-content: space-between;
+    justify-content: center;
     min-width: 1200px;
     li{
       padding:0px 67px;
       color: #fff;
       position: relative;
       cursor: pointer;
+      width: 222px;
       &:hover{
         .hoverli1 img{
           &:first-child{
@@ -719,12 +721,18 @@ body{
         margin-left: -5px;
         bottom: -25px;
       }
+      &.active,&:hover{
+        &>span{
+          font-size: 22px;
+        }
+      }
       &>span{
-        font-weight: 500;
-        font-size: 22px;
+        font-weight: 400;
+        font-size: 18px;
         margin-top:10px;
         display: block;
         height: 30px;
+        text-align: center;
         line-height: 30px;
       }
       &>div{
@@ -761,6 +769,7 @@ body{
         line-height: 30px;
         position: relative;
         margin-bottom: 75px!important;
+        opacity: 0.8;
         &::after{
           position: absolute;
           left: 0px;
@@ -769,6 +778,7 @@ body{
           content: "";
           bottom: -20px;
           background-color: #466AFF;
+          opacity: 1;
         }
       }
       .ant-skeleton-title,.ant-skeleton-paragraph > li{
@@ -913,6 +923,7 @@ body{
     line-height: 39px;
     margin-top: 13px;
     margin-bottom: 54px;
+    opacity: 0.6;
   }
   #scrollBox1{
     max-height: 332px;

src/home/ThirdEdition.jsx

@@ -30,16 +30,16 @@ function ThirdEdition() {
   },[flag])
 
   useEffect(()=>{
-    let box = document.getElementById('thirdUl');
-    var myTimer = setTimeout(intervalActive, 2500);
-    box.onmouseover = () => {
-      clearTimeout(myTimer);
-      setFlag(false);
-    }
-    box.onmouseleave = () => {
-      myTimer = setTimeout(intervalActive, 2500);
-      setFlag(true);
-    }
+    // let box = document.getElementById('thirdUl');
+    // var myTimer = setTimeout(intervalActive, 2500);
+    // box.onmouseover = () => {
+    //   clearTimeout(myTimer);
+    //   setFlag(false);
+    // }
+    // box.onmouseleave = () => {
+    //   myTimer = setTimeout(intervalActive, 2500);
+    //   setFlag(true);
+    // }
   },[active,flag])
 
   function intervalActive() {