html,body { margin: 0; padding: 0; width: 100%;height: 100%;overflow: hidden;font-size: 12px;}
a{text-decoration: none;}
body {background-image: url('/高县人大/images/gx_gw_law_bg.png');background-repeat: no-repeat;background-position: left bottom;background-size: 100%;background-color: rgba(3, 9, 43, 1);}
.container {width: 100%;height: 100%;overflow: hidden;background-color: rgba(0, 0, 0, 0.15);display: flex;flex-direction: column;padding-top: 158px;box-sizing: border-box;}
.container .content {display:flex;flex: 1;flex-direction: column;position: relative;align-items: center;}
.container .content .title{animation: mymove 5s infinite;background-image: url('/高县人大/images/gx_gw_law_title.png');width: 892px;height: 97px;background-repeat: no-repeat;background-size: 100%;display: flex;flex-direction: column;align-items: center;}
.container .content .title .title-name{font-size: 56px;color: rgba(39, 254, 254, 1);font-weight: bold;letter-spacing: 36px;}
.container .content .title .title-sub-name{font-weight: 400;font-size: 20px;color: #84A8A8;line-height: 34px;word-spacing: 7px;}
.container .content .items{display: flex;align-items: center;margin-top: 150px;}
.container .content .items .item{position: relative;cursor: pointer;margin: 0 60px;width: 270px;height: 320px;background-image: url('/高县人大/images/gx_gw_law_box.png');background-repeat: no-repeat;background-size: 100%;display: flex;flex-direction: column;align-items: center;justify-content: center;}
.container .content .items .item .icon{width: 90px;height: 90px;margin-bottom: 29px;}
.container .content .items .item .name{text-decoration: none;background-image: linear-gradient(180deg, #FFFFFF 0%, #27FEFE 100%);background-clip: text; -webkit-background-clip: text; -webkit-text-fill-color: transparent;font-weight: bold;font-size: 30px;line-height: 42px;text-align: center;}
.container .content .items .item:hover{transform: scale(1.05);transition: 0.5s;}
.container .content .items .item .name::before{
          box-sizing: border-box;
          content: "";
            position: absolute;
            top: 0px;
            left: 20px;
            right: 28px;
            bottom: 0px;
            border-top: 1px solid rgb(255, 255, 255);
            /* border-image: linear-gradient(180deg,rgb(39, 254, 254) 0% ,transparent 50%,transparent 90%, rgb(39, 254, 254) 100%) 1 1 1 1; */
            transition: all .5s;
            animation: clippath 5s infinite linear;
            /* border-radius: 5px; */
        }
.container .content .items .item .name::after{
          box-sizing: border-box;
          content: "";
            position: absolute;
            top: 0px;
            left: 5px;
            right: 65px;
            bottom: 3px;
            border-bottom: 1px solid rgba(161, 255, 255, 1);
            /* border-image: linear-gradient(180deg,rgb(39, 254, 254) 0% ,transparent 50%,transparent 90%, rgb(39, 254, 254) 100%) 1 1 1 1; */
            transition: all .5s;
            animation: clippath 5s infinite linear;
            /* border-radius: 5px; */
        }
.container .content .items .item::before{
          box-sizing: border-box;
          content: "";
            position: absolute;
            top: 20px;
            left: 0px;
            right: 0px;
            bottom: 10px;
            border-left: 1px solid rgba(161, 255, 255, 1);
            /* border-image: linear-gradient(180deg,rgb(39, 254, 254) 0% ,transparent 50%,transparent 90%, rgb(39, 254, 254) 100%) 1 1 1 1; */
            transition: all .5s;
            animation: clippath 5s infinite linear;
            /* border-radius: 5px; */
        }
.container .content .items .item::after{
          box-sizing: border-box;
          content: "";
            position: absolute;
            top: 20px;
            left: 0px;
            right: 9px;
            bottom: 22px;
            border-right: 1px solid rgb(255, 255, 255);
            /* border-image: linear-gradient(180deg,rgb(39, 254, 254) 0% ,transparent 50%,transparent 90%, rgb(39, 254, 254) 100%) 1 1 1 1; */
            transition: all .5s;
            animation: clippath 5s infinite linear;
            /* border-radius: 5px; */
        }
        @keyframes clippath {
            0%, 100% { clip-path: inset(0 0 98% 0); }
            25% { clip-path: inset(0 98% 0 0); }
            50% { clip-path: inset(98% 0 0 0); }
            75% { clip-path: inset(0 0 0 98%); }
        }
@keyframes mymove {
      0% {
        transform: translate(0px, 0px);
      }

      50% {
        transform: translate(0px, -10px);
      }

      100% {
        transform: translate(0px, 0px);
      }

}