<style>

body{
font-size:17px;
font-family:新宋体;
}
a {
  color: #0D64A9; /* 蓝色 */
}
  a:hover {
    background-color: #1093EE; 
    color: white; 
  }
.showpic {
    font-size: 0;
    position: fixed;
    top: 0;
    width: 100%;
    height: 100%;
    left: 0;
    z-index: 999999;
    text-align: center;
    display: none;
}
.showpic span {
    height: 100%;
    display: inline-block;
    vertical-align: middle;
}
.showpic img {
    vertical-align: middle;
    max-height: 100%;
    z-index: 999;
    max-width: 100%;
    display: inline-block;
}
.masked{

        display: inline;

        width: 200px;

        height: 22px;

        /*渐变背景*/

        background-image: -webkit-linear-gradient(left, #3498db, #f47920 10%, #d71345 20%, #f7acbc 30%,

        #ffd400 40%, #3498db 50%, #f47920 60%, #d71345 70%, #f7acbc 80%, #ffd400 90%, #3498db);

        color: transparent; /*文字填充色为透明*/

        -webkit-text-fill-color: transparent;

        -webkit-background-clip: text;          /*背景剪裁为文字，只将文字显示为背景*/

        background-size: 200% 100%;            /*背景图片向水平方向扩大一倍，这样background-position才有移动与变化的空间*/

        /* 动画 */

        animation: masked-animation 4s infinite linear;

    }

    @keyframes masked-animation {

        0% {

            background-position: 0 0;   /*background-position 属性设置背景图像的起始位置。*/

        }

        100% {

            background-position: -100% 0;

        }

    }
</style>