/*向上滚动箭头*/ #quickBar { position:fixed; z-index:9999; width:80px; height:80px; bottom:100px; right:20px; } #quickBar ul { width:80px; height:80px; } #quickBar ul li { display:table; text-align:center; font-weight:400; margin-bottom:1px; width:80px; height:80px; } #quickBar ul li a { width:100%; height:100%; display:block; display:table-cell; vertical-align:middle; letter-spacing:1px; color:#fff; width:80px; height:80px; background:#006EBD; } #quickBar ul li a img { width:40%; height:auto; display:block; } #quickBar ul li#upTop a { padding:0; line-height:1; letter-spacing:0; } #quickBar ul li#upTop a span { width:26%; display:block; position:relative; margin:0 auto; -webkit-transition:0.5s; -moz-transition:0.5s; -o-transition:0.5s; transition:0.5s; } #quickBar ul li#upTop a span:before,#quickBar ul li#upTop a span:after { content:''; position:absolute; width:100%; height:2px; background-color:#fff; display:block; top:0; -webkit-transition:0.5s; -moz-transition:0.5s; -o-transition:0.5s; transition:0.5s; } #quickBar ul li#upTop a span:before { -webkit-transform:rotate(45deg); -moz-transform:rotate(45deg); -ms-transform:rotate(45deg); -o-transform:rotate(45deg); transform:rotate(45deg); left:7px; } #quickBar ul li#upTop a span:after { -webkit-transform:rotate(-45deg); -moz-transform:rotate(-45deg); -ms-transform:rotate(-45deg); -o-transform:rotate(-45deg); transform:rotate(-45deg); right:7px; } #body { height:1000px; background:linear-gradient(to bottom,#8079ed 0%,#8079ed 30%,#6d83e9 50%,#6d83e9 50%,#5096eb 100%,#5096eb 100%) }