refactor(cool-guide): adjust search box bg-color

Author: mydearxym

src/containers/content/CoolGuideContent/styles/search_cover/input_box.ts

@@ -19,8 +19,10 @@ export const InputWrapper = styled.div<{ noRound: boolean }>`
   opacity: 0.8;
   border: 1px solid;
   border-color: ${theme('content.cardBg')};
-  &:hover {
-    background-color: ${theme('content.cardBg')};
+
+  &:hover,
+  &:focus,
+  &:active {
     opacity: 1;
     border: 1px solid #1e6184;
   }
@@ -33,19 +35,6 @@ export const InputWrapper = styled.div<{ noRound: boolean }>`
     padding: 8px;
   `};
 `
-export const InputMask = styled.div<TActive>`
-  ${css.flex('align-both')};
-  position: absolute;
-  display: ${({ show }) => (show ? 'flex' : 'none')};
-  top: 0;
-  left: 18px;
-  width: 400px;
-  height: 40px;
-`
-export const MaskNumer = styled.span`
-  color: #327faf;
-  margin-right: 4px;
-`
 export const InputBar = styled.input.attrs(() => ({
   spellCheck: 'false',
   autoComplete: 'off',
@@ -71,3 +60,16 @@ export const InputBar = styled.input.attrs(() => ({
     color: #135868;
   }
 `
+export const InputMask = styled.div<TActive>`
+  ${css.flex('align-both')};
+  position: absolute;
+  display: ${({ show }) => (show ? 'flex' : 'none')};
+  top: 0;
+  left: 18px;
+  width: 400px;
+  height: 40px;
+`
+export const MaskNumer = styled.span`
+  color: #327faf;
+  margin-right: 4px;
+`