.clearfix:after { height: 0; content: " "; display: block; overflow: hidden; clear: both; } .clearfix { zoom: 1; /*IE低版本浏览器不支持after伪类所以要加这一句*/ } a { color: black; } a:active { color: white; } p { margin: 0; } input { margin: 0; } img {} .scroll_out { position: fixed; top: 66px; bottom: 50px; left: 0; right: 0; } .scroll_out1 { position: fixed; top: 66px; bottom: 0; left: 0; right: 0; } .scroll_out2 { position: fixed; top: 0; bottom: 0; left: 0; right: 0; } .scroll_out3 { position: fixed; top: 162px; bottom: 0; left: 0; right: 0; } .scroll_out4 { position: fixed; top: 120px; bottom: 0; left: 0; right: 0; } .scroll_out_tb { position: fixed; top: 64px; bottom: 50px; left: 0; right: 0; } .scroll_out_t { position: fixed; top: 64px; bottom: 0; left: 0; right: 0; } .scroll_out { position: fixed; top: 0; bottom: 0; left: 0; right: 0; } body { font-family: "微软雅黑"; } .shadown_wai { box-shadow: 2px 2px 5px rgba(25, 25, 25, 0.2); border-radius: 5px; overflow: hidden; border-top: 1px solid #EFEFF4; margin-bottom: 1px; } .pect { color: #fff; font-size: 10px; position: absolute; background: -moz-linear-gradient(left, #6600ff, #a200ff); /*Mozilla*/ background: -webkit-gradient(linear, 0 50%, 100% 50%, from(#6600ff), to(#a200ff)); /*Old gradient for webkit*/ background: -webkit-linear-gradient(left, #6600ff, #a200ff); /*new gradient for Webkit*/ background: -o-linear-gradient(left, #6600ff, #a200ff); /*Opera11*/ border-radius: 3px; padding: 0px 2px; top: 65px; right: calc(100% - 220px); } .hide { display: none; } .backTop { background: #DDDDDD; border-radius: 50%; position: fixed; right: 10px; bottom: 15px; width: 38px; height: 38px; z-index: 9999; text-align: center; font-size: 18px; color: #666666; padding-top: 8px; opacity: 0.8; } *[v-cloak] { display: none; }