.fix-right{position:fixed;right:0;height:260px;width:96px;top:300px;z-index:100}.fix-right *{box-sizing:border-box}.fix-right .fix-top{width:100%;height:136px;background:url("http://mj-public.oss-cn-shanghai.aliyuncs.com/wd/mj/service.png");position:relative}.fix-right .fix-top a{display:block;width:100%;height:100%}.fix-right .fix-top .fix-top-modal{width:162px;position:absolute;border:1px solid #a0dcff;padding:20px;background:#fff;border-radius:4px;text-align:center;top:20px;left:-176px;z-index:5}.fix-right .fix-top .fix-top-modal span{color:#0f97ff}.fix-right .fix-top .fix-top-modal button{background:#0f97ff;color:#fff;border-radius:4px;width:100px;height:30px;text-align:center;border:0;margin-top:20px}.fix-right .fix-top .fix-top-modal i{display:block;position:absolute;width:10px;height:12px;background:url("http://mj-public.oss-cn-shanghai.aliyuncs.com/wd/mj/allicon.png") 0 -223px no-repeat;right:-10px;top:18px}.fix-right .fix-top .fix-top-modal-after{width:156px;height:46px;border-radius:4px;background:#0f97ff;position:absolute;text-align:center;color:#fff;line-height:46px;top:21px;left:-172px;display:none}.fix-right .fix-top .fix-top-modal-after i{position:absolute;width:10px;height:12px;background:url("http://mj-public.oss-cn-shanghai.aliyuncs.com/wd/mj/allicon.png") 0 -235px no-repeat;right:-10px;top:18px;display:block}.fix-right .fix-mid,.fix-right .fix-bottom{cursor:pointer;position:relative;width:54px;height:54px;border-radius:4px;border:1px solid #0e98fd;margin:12px auto 0;background:#fff;text-align:center;padding:6px}.fix-right .fix-mid>i,.fix-right .fix-bottom>i{position:absolute;display:block;width:26px;height:33px;background:url("http://mj-public.oss-cn-shanghai.aliyuncs.com/wd/mj/allicon.png") 0 -109px no-repeat;top:50%;left:50%;margin-top:-16.5px;margin-left:-13px}.fix-right .fix-mid>span,.fix-right .fix-bottom>span{display:none}.fix-right .fix-mid:hover,.fix-right .fix-bottom:hover{background:#0f97ff;color:#fff}.fix-right .fix-mid:hover>i,.fix-right .fix-bottom:hover>i{display:none}.fix-right .fix-mid:hover>span,.fix-right .fix-bottom:hover>span{display:block}.fix-right .fix-bottom{display:none;margin-top:4px}.fix-right .fix-bottom i{background:url("http://mj-public.oss-cn-shanghai.aliyuncs.com/wd/mj/allicon.png") 0 -96px no-repeat;height:13px;margin-top:-6.5px}.fix-right .fix-mid{position:relative}.fix-right .fix-mid .fix-mid-modal{width:156px;height:46px;border-radius:4px;background:#0f97ff;position:absolute;text-align:center;color:#fff;line-height:46px;top:4px;left:-170px;display:none}.fix-right .fix-mid .fix-mid-modal i{position:absolute;width:10px;height:12px;background:url("http://mj-public.oss-cn-shanghai.aliyuncs.com/wd/mj/allicon.png") 0 -235px no-repeat;right:-10px;top:18px;display:block}.fix-right .fix-mid:hover .fix-mid-modal{display:block}