.float-layer { height: 44PX; background: rgba(68, 68, 68, 0.95); position: fixed; width: 100%; bottom: 0; left: 0; z-index: 9999; padding: 10PX 0; .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: 50PX; height: 50PX; .close-icon { position: absolute; left: 0; top: 0; color: #C0C0C0; z-index: 2; } } #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 0; } .students-layer { width: 100%; height: auto; overflow: hidden; padding: 15px 0; .float-layer-left { float: left; p { font-size: 22px; height: 45px; line-height: 45px; } } a.students-btn { float: right; background: #d10922; width: 150px; border-radius: 45px; height: 45px; line-height: 45px; text-align: center; color: #fff; margin-right: 25px; font-size: 22px } }