|
@@ -838,12 +838,12 @@
|
|
|
opacity: 0!important;
|
|
|
}
|
|
|
.public-nav.light-bg-dark-color .loginBtn{
|
|
|
- color: #1D1D1D!important;
|
|
|
- border: 1px solid rgb(224, 224, 224)!important;
|
|
|
+ /* color: #1D1D1D!important; */
|
|
|
+ /* border: 1px solid rgb(224, 224, 224)!important; */
|
|
|
}
|
|
|
.public-nav.light-bg-dark-color .loginBtn:hover{
|
|
|
- color: #2CB7CA!important;
|
|
|
- border: 1px solid #2CB7CA!important;
|
|
|
+ /* color: #2CB7CA!important;
|
|
|
+ border: 1px solid #2CB7CA!important; */
|
|
|
}
|
|
|
|
|
|
/* 透明背景白色字体 */
|
|
@@ -869,3 +869,94 @@
|
|
|
position: relative;
|
|
|
z-index: 9;
|
|
|
}
|
|
|
+
|
|
|
+.head-search{
|
|
|
+ position: relative;
|
|
|
+ display: flex;
|
|
|
+ align-items: center;
|
|
|
+ margin-top: 14px;
|
|
|
+ width: 360px;
|
|
|
+ height: 36px;
|
|
|
+ padding: 0 8px 0 16px;
|
|
|
+ background: #F5F6F7;
|
|
|
+ border-radius: 8px;
|
|
|
+ border: 1px solid #F5F6F7;
|
|
|
+}
|
|
|
+.head-search >input{
|
|
|
+ flex: 1;
|
|
|
+ height: 100%;
|
|
|
+ padding: 0;
|
|
|
+ font-size: 14px;
|
|
|
+ border: 0;
|
|
|
+ background: transparent;
|
|
|
+}
|
|
|
+.head-search .head-search-icon{
|
|
|
+ flex-shrink: 0;
|
|
|
+ width: 20px;
|
|
|
+ height: 20px;
|
|
|
+ background-position: center;
|
|
|
+ background-repeat: no-repeat;
|
|
|
+ background-size: contain;
|
|
|
+ background-image: url(/site/common/image/head-search-default.png);
|
|
|
+ cursor: pointer;
|
|
|
+}
|
|
|
+.head-search >input::placeholder{
|
|
|
+ color: #999999;
|
|
|
+}
|
|
|
+.head-search.focus {
|
|
|
+ border: 1px solid#2CB7CA;
|
|
|
+ background-color: #fff;
|
|
|
+}
|
|
|
+.head-search.focus .head-search-icon{
|
|
|
+ background-image: url(/site/common/image/head-search-active.png);
|
|
|
+}
|
|
|
+.search-nav-tab{
|
|
|
+ display: none;
|
|
|
+ position: absolute;
|
|
|
+ left: 0;
|
|
|
+ top: 58px;
|
|
|
+ background: #FFFFFF;
|
|
|
+ box-shadow: 0px 2px 12px rgba(0, 0, 0, 0.1);
|
|
|
+ border-radius: 8px;
|
|
|
+ width: 212px;
|
|
|
+ height: 54px;
|
|
|
+ line-height: 54px;
|
|
|
+}
|
|
|
+.search-nav-tab span{
|
|
|
+ position: relative;
|
|
|
+ display: inline-block;
|
|
|
+ padding: 0 16px;
|
|
|
+ font-size: 14px;
|
|
|
+ color: #686868;
|
|
|
+ cursor: pointer;
|
|
|
+ transition: all 0.6s;
|
|
|
+}
|
|
|
+.search-nav-tab span.tab-active{
|
|
|
+ color: #2CB7CA;
|
|
|
+ transition: all 0.6s;
|
|
|
+}
|
|
|
+.search-nav-tab span.tab-active::after{
|
|
|
+ position: absolute;
|
|
|
+ content: '';
|
|
|
+ bottom: 0;
|
|
|
+ left: 50%;
|
|
|
+ width: 28px;
|
|
|
+ height: 2px;
|
|
|
+ transform: translateX(-50%);
|
|
|
+ background: #2CB7CA;
|
|
|
+}
|
|
|
+.useronline{
|
|
|
+ height: 100%!important;
|
|
|
+ margin-top: 0;
|
|
|
+}
|
|
|
+.useronline .user-avatar{
|
|
|
+ margin-top: 14px!important;
|
|
|
+}
|
|
|
+.useronline > button{
|
|
|
+ height: 100%!important;
|
|
|
+ background: #2ABED1!important;
|
|
|
+ margin: unset!important;
|
|
|
+ border: 0;
|
|
|
+ color: #fff!important;
|
|
|
+ border-radius: 0;
|
|
|
+}
|