.width750 { .yoho-footer { font-size: 28px; } .op-row { padding: 0 35px; height: 140px; line-height: 140px; .user-name { margin-right: 1.17em; margin-left: 0.35em; max-width: 234px; } .back-to-top { right: 47px; } .sep-line { margin: 0 0.35em; } } .copyright { height: 140px; line-height: 140px; } } .wechat-body { .yoho-footer { .float-top { &.hover { bottom: 248px; } } } } .yoho-footer { position: relative; width: 100%; background-color: #fff; font-size: 24px; display: none; .op-row { padding: 0 30px; height: 120px; line-height: 120px; span { display: inline-block; overflow: hidden; } a { display: inline-block; overflow: hidden; } .user-name { margin-right: 1em; margin-left: 0.3em; max-width: 200px; text-decoration: underline; text-overflow: ellipsis; white-space: nowrap; } .back-to-top { position: absolute; right: 40px; } .sep-line { margin: 0 0.3em; } } .float-top { position: absolute; top: 47px; right: 47px; left: initial; bottom: initial; border-radius: 50%; width: 88px; height: 88px; background: resolve("product/back-to-top.png") no-repeat; -webkit-background-size: cover; background-size: cover; display: none; &.hover { position: fixed; top: initial; left: initial; right: 30px; bottom: 140px; z-index: 9999; display: block; } &.animation { } } .copyright { height: 60PX; border-top: 1px solid #ccc; background-color: #eee; color: #666; text-align: center; line-height: 60PX; font-size: 12PX; } &.bottom { position: fixed; bottom: 0; width: 100%; } } .float-layer { opacity: 0; height: 44PX; background: rgba(68, 68, 68, 0.95); position: fixed; width: 100%; bottom: 0; left: 0; z-index: 9999; padding: 10PX 0; box-sizing: content-box; .float-layer-left { padding-left: 22PX; overflow: hidden; float: left; img { height: 44PX; float: left; margin-right: 10PX; } p { float: left; font-size: 16PX; height: 44PX; line-height: 44PX; color: white; } .yoho-icon { float: left; margin-right: 10PX; font-size: 22PX; line-height: 44PX; width: 44PX; height: 44PX; text-align: center; color: #fff; border-radius: 10PX; background-image: linear-gradient(#323232, #0f0f0f); } } } #float-layer-close { position: absolute; left: 0; top: 0; width: 100px; height: 100px; .close-icon { position: absolute; left: 0; top: 0; color: #c0c0c0; z-index: 2; font-size: 18PX; } } #float-layer-btn { position: absolute; top: 50%; right: 15PX; font-size: 16PX; padding: 0 10PX; height: 27PX; line-height: 27PX; background: white; border-radius: 5PX; margin-top: -13PX; -webkit-tap-highlight-color: rgba(0, 0, 0, 0.5); &:link, &:visited, &:hover, &:actived { color: #000; } } .circle-rightbottom { position: absolute; width: 25PX; height: 0PX; border: 0 solid #323232; border-bottom: 25PX solid #323232; border-radius: 0 0 25PX; }