.suspendedBox { position: fixed; right: 0; top: 30%; width: 66px; z-index: 100000; } .suspended1 { height: 66px; border-bottom: #666F80 1px solid; background-color: #0067ED; text-align: center; cursor: pointer; overflow: hidden; } .suspendedImg { width: 22px; height: 22px; margin: 10px auto; display: block; } .suspendedImgText { font-size: 12px; font-family: Microsoft YaHei; font-weight: 400; color: #FFFFFF; } .suspended2:hover .showText { display: block; } .showText { /* width: 150px; */ position: absolute; height: 66px; top: 70px; left: -170px; background: #ffffff; line-height: 66px; text-align: center; padding: 0 20px; font-size: 18px; display: none; } .suspended2 { overflow: hidden; height: 66px; border-bottom: #666F80 1px solid; background-color: #0067ED; text-align: center; cursor: pointer; } .suspended3:hover .showRqCode { display: block; } .suspended3 { height: 66px; background-color: #0059CD; text-align: center; cursor: pointer; overflow: hidden; } .showRqCode { top: 60px; left: -140px; position: absolute; width: 140px; height: 140px; background-color: #ffffff; display: none; } .showRqCodeImg { width: 130px; height: 130px; }