/* 右下角跟随*/
 #comment_nav {
    width:auto;
    position: fixed;
    bottom: 20px;
    right: 20px;
    border-radius: 10px;
    padding: 5px;
    background-color:#fff;
    border: 1px solid #aa7a53;
}
/* 右边搜索的输入框*/
 .input_my_zzk {
    border-radius: 3px;
    outline: none;
    border: 1px solid #AA7A53;
    padding: 1px 3px;
}
/* 右边搜索的按钮，底部提交按钮*/
 input.btn_my_zzk, .comment_btn {
    background-color: #aa7a53;
    border: none;
    cursor: pointer;
    color: white;
    border-radius: 3px;
}
/*头部名字移入展示*/
 #Header1_HeaderTitle {
    position: relative;
}
#blogTitle h1 {
    margin-left: 5em;
    padding-top:55px;
}
#Header1_HeaderTitle:hover:after {
    content:'i-love-you@aliyun.com';
    position: absolute;
    left:-50px;
    width:300px;
    top:20px;
}
@keyframes swing {
    20% {
        -webkit-transform: rotate3d(0, 0, 1, 15deg);
        transform: rotate3d(0, 0, 1, 15deg);
    }
    40% {
        -webkit-transform: rotate3d(0, 0, 1, -10deg);
        transform: rotate3d(0, 0, 1, -10deg);
    }
    60% {
        -webkit-transform: rotate3d(0, 0, 1, 5deg);
        transform: rotate3d(0, 0, 1, 5deg);
    }
    80% {
        -webkit-transform: rotate3d(0, 0, 1, -5deg);
        transform: rotate3d(0, 0, 1, -5deg);
    }
    to {
        -webkit-transform: rotate3d(0, 0, 1, 0deg);
        transform: rotate3d(0, 0, 1, 0deg);
    }
}
/* 右下角跟随鼠标移入效果*/
 #comment_nav a {
    text-shadow:5px 1px 6px #eee;
    display: block;
    padding: 2px 3px;
}
#comment_nav a:hover {
    animation:swing .3s infinite;
}
@keyframes heartBeat {
    0% {
        -webkit-transform: scale(1);
        transform: scale(1);
    }
    14% {
        -webkit-transform: scale(1.3);
        transform: scale(1.3);
    }
    28% {
        -webkit-transform: scale(1);
        transform: scale(1);
    }
    42% {
        -webkit-transform: scale(1.3);
        transform: scale(1.3);
    }
    70% {
        -webkit-transform: scale(1);
        transform: scale(1);
    }
}
/* 菜单鼠标移入效果*/
 #navList a:hover {
    animation:heartBeat 1s infinite;
}
/* 关注的人数*/
 #profile_block a:nth-child(5):after {
    content:'  给个关注吧！大佬！人好少啊！'
}
/* 左下角关注我的大框 */
 #green_channel {
    border-radius:25px;
    float:left;
}
#author_profile {
    display:none;
}
/* 评论窗体 */
 .commentbox_title {
    margin-top: 10px;
    width:100%;
}
div.commentform textarea {
    width:100%;
    height:auto;
    padding:2px 5px;
}
div.commentform input.author {
    background-color: white;
    border: none;
}
#commentbox_opt a:after {
    content:'登录'
}
#commentbox_opt a {
    background-color: #aa7a53;
    border: none;
    cursor: pointer;
    color: white;
    border-radius: 3px;
    padding: 5px;
    text-decoration: none;
    float: right;
}
.box {
    position: absolute;
    width: calc(100% - 650px);
    height:150px;
    left: 333px;
    top: 10px;
    overflow:hidden;
}
.animate {
    margin-top: 52px;
    color: #fff;
    display: inline-block;
    white-space: nowrap;
    animation: 500s wordsLoop linear infinite normal;
    font-size: 20px;
    text-shadow: 3px 1px 5px #aa7a53;
}
@keyframes wordsLoop {
    0% {
        transform: translateX(200px);
        -webkit-transform: translateX(200px);
    }
    100% {
        transform: translateX(-100%);
        -webkit-transform: translateX(-100%);
    }
}
@-webkit-keyframes wordsLoop {
    0% {
        transform: translateX(200px);
        -webkit-transform: translateX(200px);
    }
    100% {
        transform: translateX(-100%);
        -webkit-transform: translateX(-100%);
    }
}
.box>img {
    width: 90px;
    left: calc(50% - 45px);
    transform: rotatey(180deg);
    position: absolute;
}
.qqimg {
    width:50px;
}
.Aqqimg {
    position: absolute;
    top: 120px;
    left: 1.5%;
}
//a.Aqqimg:hover {
//    text-decoration: none;
//}
//.Aqqimg:hover:after {
//    content:"在线解答，每周三在";
 //   color:#f45;
//}