.tq { position: fixed; right: 0; top: 50%; margin-top: -98px; z-index: 99; } .tq-list { cursor: pointer; position: relative; margin-bottom: 1px; width: 64px; height: 22px; color: #fff; background: #41a9fb; text-align: center; padding-top: 42px; background-repeat: no-repeat; background-position: center 10px; } .tq-list1 { background-image: url(/Content/images/tq-bg1.png); } .tq-list2 { background-image: url(/Content/images/tq-bg2.png); } .tq-list3 { background-image: url(/Content/images/tq-bg3.png); display: block; } .tq-list.on { background-color: #2b98ee; } .tq-list a, .tq-list:hover { color: #fff; } .tq-list-box { display: none; position: absolute; box-shadow: 0 0 10px #eee; right: 80px; top: 0; background: #fff; padding-top: 8px; width: 176px; } .tq-zx-s1 { font-size: 14px; color: #222; } .tq-zx-s2 { font-size: 14px; color: #222; margin: 0 auto; width: 135px; display: block; text-align: center; padding-top: 8px; padding-bottom: 8px; border-bottom: 1px solid #e5e5e5; } .tq-zx-s3 { font-size: 12px; color: #b7b7b7; margin-top: 8px; display: block; text-align: center; } .tq-zx-s4 a { display: block; height: 22px; font-size: 12px; color: #666; line-height: 22px; margin-bottom: 6px; } .tq-zx-s4 { padding-top: 6px; display: block; } .zxkc { padding-left: 6px; } .zx { padding-right: 6px; } .tq-zx-s4 a:hover { background: #f4f4f4; } .tq-zx-s4 a:hover .zx { color: #41a9fb; } .tq-arr { position: absolute; right: -6px; top: 26px; } .tq-list2 .tq-code-img { margin: 15px; } .tq-code { font-size: 20px; color: #666; padding-bottom: 15px; display: block; } .tq-list-box2 { width: 143px; }