/*******css图标*********/

/*搜索图标*/
 .gg-search {
 box-sizing: border-box;
 position: relative;
 display: block;
 transform: scale(var(--ggs,1.5));
 width: 16px;
 height: 16px;
 border: 2px solid;
 border-radius: 100%;
 margin-left: -4px;
 margin-top: -4px;
top: 12px;
left: 2px;
}

.gg-search::after {
 content: "";
 display: block;
 box-sizing: border-box;
 position: absolute;
 border-radius: 3px;
 width: 2px;
 height: 8px;
 background: currentColor;
 transform: rotate(-45deg);
 top: 10px;
 left: 12px
} 

/*导航图标*/
 .gg-menu {
 transform: scale(var(--ggs,1.5))
}

.gg-menu,
.gg-menu::after,
.gg-menu::before {
 box-sizing: border-box;
 position: relative;
 display: block;
 width: 20px;
 height: 2px;
 border-radius: 3px;
 background: currentColor;
 top: 10px;
}

.gg-menu::after,
.gg-menu::before {
 content: "";
 position: absolute;
 top: 4px
}

.gg-menu::after {
 top: 8px
} 

/*导航点*/
.gg-nav {
   box-sizing: border-box;
   position: relative;
   display: block;
   width: 22px;
   height: 22px;
   border: 2px solid #fff;
   transform: scale(var(--ggs,1));
   border-radius: 22px
}
.gg-nav1::after{
   content: "";
   display: block;
   box-sizing: border-box;
   position: absolute;
   width: 10px;
   height: 10px;
   background: #fff;
   border-radius: 10px;
   top: 4px;
   left: 4px
}

 .gg-chevron-left {
 box-sizing: border-box;
 position: relative;
 display: block;
 transform: scale(var(--ggs,1.5));
 width: 22px;
 height: 22px;
 border: 2px solid transparent;
 border-radius: 100px
}

.gg-chevron-left::after {
 content: "";
 display: block;
 box-sizing: border-box;
 position: absolute;
 width: 10px;
 height: 10px;
 border-bottom: 1px solid #999;
 border-left: 1px solid #999;
 transform: rotate(45deg);
 left: 6px;
 top: 4px
} 
 .gg-chevron-right {
 box-sizing: border-box;
 position: relative;
 display: block;
 transform: scale(var(--ggs,1.5));
 width: 22px;
 height: 22px;
 border: 2px solid transparent;
 border-radius: 100px
}

.gg-chevron-right::after {
 content: "";
 display: block;
 box-sizing: border-box;
 position: absolute;
 width: 10px;
 height: 10px;
 border-bottom: 1px solid #999;
 border-right: 1px solid #999;
 transform: rotate(-45deg);
 right: 6px;
 top: 4px
} 

 .gg-zeit {
 box-sizing: border-box;
 position: relative;
 display: block;
 transform: scale(var(--ggs,1));
 width: 0px;
 height: 0px;
 border-left: 12px solid transparent;
 border-right: 12px solid transparent;
 border-bottom: 12px solid #004895;
 top: -12px;
 left: 12px;
}