.close_box { transform: translateX(9.3125rem); }
.open { transition: all 0.5s; cursor: pointer; position: fixed; z-index: 99999; right: -2.5rem; bottom: calc(10% + 5.9375rem); color: #ffffff; width: 2.5rem; height: 2.5rem; border-radius: 0.3125rem; display: flex; justify-content: center; align-items: center; }
.open_box { transform: translateX(-2.5rem);}

.floating_ck { position: fixed; right: 2.5rem; bottom: 10%; z-index: 99; border-radius: 0.3125rem; transition: all 0.5s; }
.floating_ck dl dd { cursor: pointer; margin: 0.3125rem; border-radius: 0.3125rem; width: 2.5rem; height: 2.5rem; transition: all 0.3s; position: relative; display: flex; justify-content: center; align-items: center; background-color: var(--base_color);}
.floating_ck dl dd i { color: #ffffff; }
.floating_ck dl dd:hover .floating_left { display: flex; justify-content: center; align-items: center; }

.floating_left { display: none; position: absolute; left: -11.875rem; width: 11.25rem; top: 0px; min-height: 2.5rem; border-radius: 0.3125rem; }
.floating_left p { line-height: 2; text-align: center; color: #ffffff; font-size: 0.875rem; }

.topnav{
    position: relative;
    z-index: 10001;
    height: 40px;
    padding: 0 40px;
    background-color: #fff;
    border-bottom: 1px solid #E5E6E9;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: end;
    -ms-flex-pack: end;
    justify-content: flex-end;
}