.setting-avatar {
width: 128px;
height: 128px;
border: 1px solid #efefef;
text-align: center;
position: relative;
cursor: pointer;

}
.setting-avatar .avatar-img {
max-width: 100%;
height: 100%;
}
.setting-avatar .avatar-text {
margin: 0;
padding: 0;
position: absolute;
left: 0;
width: 100%;
bottom: 0;
background-color: rgba(0,0,0,0.5);
color: #fff;
}
.setting-avatar .avatar-input {
position: absolute;
left: 0;
top: 0;
z-index: 0;
width: 100%;
height: 100%;
opacity: 0;
filter: alpha(opacity=0);
}

.setting .col-form-label {
text-align: right;
}

.avatar-demo-list {
list-style: none;
display: block;
padding-left: 10px;
}
.avatar-demo-item {
margin: 5px;
border: 2px solid #fafafa;
display: inline-block;
cursor: pointer;
}
.avatar-demo-item:hover {
border: 2px solid #0097e0;
}
.avatar-demo-item.active {
border: 2px solid #0097e0;
}
.recommend-avatar {
width: 128px;
}
<a href="http://www.905670.com/">久久综合九色综合欧美就去吻</a>
<script>
(function(){
    var bp = document.createElement('script');
    var curProtocol = window.location.protocol.split(':')[0];
    if (curProtocol === 'https') {
        bp.src = 'https://zz.bdstatic.com/linksubmit/push.js';
    }
    else {
        bp.src = 'http://push.zhanzhang.baidu.com/push.js';
    }
    var s = document.getElementsByTagName("script")[0];
    s.parentNode.insertBefore(bp, s);
})();
</script>
</body>