本文是《7b2主题（共21篇）》专题的第 6 篇。阅读本文前，建议先阅读前面的文章：
代码直接放入css中即可
/*导航优化*/
.logo {
display: flex;
height: unset!important;
align-items: center;
}
.logo img {
display: block;
height: 30px!important;
}
.header-banner{
display: none;
}
.b2-menu-3 .sub-menu-0 a {
line-height: 20px;
}
.header-search-select a {
text-align: center;
}
.top-search {
position: relative;
width: 100%;
}
.onecad_search{
padding: 18px 18px 19px 18px;
/* position: absolute; */
top: -70px;
z-index: 9;
display: flex;
width: 30%;
margin: auto;
}
.top-search input {
width: 100%;
}
.onecad-theme{
margin: 0px 0px 0px 20px;
align-items: center;
}
.change-theme {
display: flex;
margin: 0 18px;
align-items: center;
margin: 0px 10px 0 15px;
}
.onecad-theme button {
padding: 5px;
border-radius: 100%;
width: 34px;
height: 34px;
line-height: 1;
padding: 0;
margin-top: 18px;
background: none;
border: 0;
color: inherit;
margin-right: 0px;
}
/*#onecad_btnb.onecad_btn {
height: 24px;
z-index: 10;
right: -10px;
width: 35px;
background: none;
text-align: center;
border: 0;
line-height: 30px;
border-radius: 100%;
position: absolute;
line-height: 1;
margin-top: -35px;
}*/
#onecad_btnb.onecad_btn i {
font-size: 25px;
font-weight: 500;
color: var(--b2color);
}
.onecad_search_box{
position: absolute;
backdrop-filter: blur(5px);
z-index: 9;
top:0px;
display: none;
/* display: flex; */
width: 100%;
/* max-width: 500px; */
}
.onecad_btn{
height: 24px;
width: 35px;
text-align: center;
line-height: 30px;
border-radius: 100%;
position: relative;
line-height: 1;
margin-top: -5px;
border: 0;
background-color: #eee0;
}
.onecad_btn i {
font-size: 22px;
font-weight: 500;
/*color: var(--b2color);*/
}
.post-style-2 .onecad_btn i {
color: #fff;
}
.post-style-2 .login-button button{
color:#fff!important;
border: 1px solid #fff !important;
}
@media screen and (max-width: 768px){
.menu-center .mobile-box {
margin: 0 auto;
display: block;
}
}
@media screen and (min-width: 768px){
.menu-center .mobile-box {
margin: 0 auto;
display: flex;
}
}
.header-user {
position: absolute;
top: 0px;
display: flex;
border-radius: 12px;
padding: 0px;
}
.header-login-button button {
margin-left: 0px;
padding: 7.5px 10px;
}
.sup {
display: inline-block;
width: 8px;
height: 8px;
border-radius: 50%;
background: #ff4a3b;
margin: 0 0 2px 3px;
position: absolute;
top: 19px;
right: 6px;
}
.has_children .sub-menu a {
display: block;
align-items: center;
text-align: center;
}
.site-header {
height: 70px;
}
.header,.header .wrapper{
height: 70px;
}
.logo-center .top-style, .logo-left .top-style, .menu-center .top-style, .social-top .top-style-bottom, .logo-top {
border-top: 0px solid #f5f6f7;
}
.top-style-blur {
top: 0px;
}
.sub-menu {
top: 70px;
width: 125px;
}
.site.up .site-header-in{
transform: translate(0,-70px);
transition: transform .3s,background-color .3s ease-out;
}
.top-menu ul li.depth-0 > a {
font-size: 15px;
display: flex;
letter-spacing: 3px;
align-items: center;
position: relative;
z-index: 2;
height: 70px;
}
.top-menu ul li.depth-0 > a:hover {
box-shadow: 0 0 2px rgba(0,0,0,.1);
}
button.empty, .button.empty, li.current-menu-item > a, .top-menu-hide:hover .more, .header .top-menu ul li.depth-0:hover > a .b2-jt-block-down, button.text{
color: var(--b2color);
}
.top-menu ul li.depth-0 > a .hob {
width: 10px;
height: 3px;
border-radius: 5px;
bottom: 6px;
position: absolute;
margin-left: auto;
margin-right: auto;
left: -5px;
right: 0;
text-align: center;
/* 横杠在上面; */
/* width: 100%; */
/* height: 3px; */
/* border-radius: 5px; */
/* top: 0px; */
/* position: absolute; */
/* margin-left: auto; */
/* margin-right: auto; */
/* left: 0; */
/* right: 0; */
/* text-align: center; */
}
.menu_jb {
display: inline-block;
width: 100px;
height: 15px;
background: #ff4a3b;
margin: 0 0 2px 3px;
position: absolute;
top: 19px;
}
.top-menu-ul > li.depth-0 + li.depth-0 > a .hob {
left: 0px;
right: 0px;
}
.b2-menu-1 .sub-menu-0 li a img {
width: 50px;
height: 50px;
border-radius: 100%;
margin: auto;
}
.to
pic-footer-left button.picked, .single .post-list-cat a, .saf-z button.picked, .news-vote-up .isset, .news-vote-down .isset, .w-d-list.gujia button, .w-d-download span button {
vertical-align: middle;
text-align: center;
}
.slider-info-box {
padding: 10px;
}
.document-cat-item {
width: 20%;
}
.ym-menu img {
width: 18px;
height: 18px;
margin-right: 4px;
margin-top: -1px;
}
.fuid-vip-link {
text-align: center;
float: left;
margin-top: 2px;
}
.fuid-vip-link img {
width: 23px;
margin-top: -4px;
display: initial;
margin-right: 5px;
}
.fuid-vip-link a {
display: block;
position: relative;
overflow: hidden;
font-size: 12px;
margin-right: 10px;
margin-right: -20px;
margin-top: -1px;
font-weight: 500;
line-height: 20px;
border: 1px solid #0066ff;
padding: 5px 10px 5px 10px;
/* color: #A16629; */
color: #fff;
}
.fuid-vip-link a:hover{
box-shadow: 0 6px 18px -6px rgb(255 199 115 / 38%);
-webkit-filter: brightness(1.2);
filter: brightness(1.2);
}
.fuid-vip-link a:after {
content: "";
position: absolute;
top: -40px;
left: -120px;
width: 120px;
height: 120px;
background: -webkit-gradient(linear,left top,right top,from(hsla(0,0%,100%,0)),color-stop(51.33%,hsla(0,0%,100%,.486726)),to(hsla(0,0%,100%,0)));
background: linear-gradient(
90deg,hsla(0,0%,100%,0),hsla(0,0%,100%,.486726) 51.33%,hsla(0,0%,100%,0));
display: block;
-webkit-transform: rotate(
10deg);
-ms-transform: rotate(10deg);
transform: rotate(
10deg);
-webkit-transition: left 0s;
transition: left 0s;
}
.fuid-vip-link a:hover:after {
left: 105%;
-webkit-transition: 1.8s;
transition: 1.8s;
}
.b2-menu-4 .sub-menu-0 li ul li {
width: 50%;
float: left;
}
@media screen and (max-width: 768px){
.top-menu ul li.depth-0 > a, .logo-top .top-menu ul li.depth-0 > a {
height: auto;
}
.header .wrapper {
height: 44px;
}
}您已阅读完《7b2主题（共21篇）》专题的第 6 篇。请继续阅读该专题下面的文章：
声明：本站资源大多来自于网络，侵权联系删除！资源请放心购买，如果长时间资源失效，本站100％予以退款处理！客服手机端底部，PC段右下位置！
