/**组件样式*/
.more001{display: flex;
    width: 120px;
    height: 120px;
    background: #4052b4;
    font-size: 1rem;
    color: #fff;
    position: absolute;
    top: -70px;
    right: -70px;
    transform: rotate(45deg);
    align-items: flex-end;
    justify-content: center;
    padding: 0 .5rem .375rem;
    transition: .5s;}.more001:hover {
    background: #b8cad8;}
.dhxg{position: relative;border-bottom: none !important;}
.dhxg::before {
      content: "";
    display: block;
    width: 50%;
    height: 1px;
    position: absolute;
    right: auto;
    bottom: 0;
    background: #4052b4;
    left: 50%;}
    .dhxg::after {content: "";
    display: block;
    width: 50%;
    height: 1px;
    position: absolute;
    bottom: 0;
    background: #4052b4;
    right: 50%;}
    
    .dhxg:hover::before{
    animation: dblj_li 1s;
    -webkit-animation: dblj_li 1s;
    animation-fill-mode: forwards;
        color: #e4820f;}
    .dhxg:hover::after{
    animation: dblj_li 1s;
    -webkit-animation: dblj_li 1s;
    animation-fill-mode: forwards;
        color: #e4820f;}

@keyframes dblj_li
{
    0%   {width: 50%;}
    50%  {width: 0;}
    100% {width: 50%;}
}
@-webkit-keyframes dblj_li /* Safari 与 Chrome */
{
    0%   {width: 50%;}
    50%  {width: 0;}
    100% {width: 50%;}
}