.detail-main__right{width:260px;background:#fff;position:relative;z-index:1;overflow:hidden}.detail-qrcode{position:relative;width:100%;text-align:center;background-color:faf7fc}.codeimg-top{position:absolute;z-index:4;top:0;right:0}.codeimg-top .iconfont{font-size:1.5rem}.detail-qrcode__img{width:100%;height:252px;position:absolute;z-index:66;background:#f8fbfd;text-align:center;transition:all .2s;top:-252px}.codemenu:hover .detail-qrcode__img{top:0}.detail-qrcode__img img{width:140px;height:140px;margin-top:40px;-o-object-fit:contain;object-fit:contain}.detail-qrcode__img h5{font-size:16px;color:#333;line-height:30px;margin-top:5px}.detail-qrcode__img span{font-size:14px;color:#999}.codetitel{width:100%;text-align:center;font-size:12px;line-height:50px;color:#2d7eeb}.detail-service{background:#fff;padding-bottom:20px}.detail-service__avatar{width:140px;height:140px;padding:10px;margin:0 auto 20px;background-color:#fff}.detail-service__avatar,.detail-service__avatar img{border-radius:50%}.detail-service__name{z-index:2;position:relative;padding:0 10px;margin-bottom:24px;font-size:16px;font-weight:700;color:#3d3d3d;text-align:center;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.detail-service__info{width:228px;margin:0 auto 12px;background-color:#fff;border-radius:4px}.detail-service__info p{height:40px;padding:0 12px;font-size:14px;line-height:40px;color:#8f8f8f}.detail-service__info p:not(:last-child){border-bottom:1px dashed #ebebeb}.detail-service__btn{display:block;width:230px;height:36px;font-weight:400;line-height:36px;text-align:center;cursor:pointer;background-color:#409eff;color:#fff;font-size:12px;box-shadow:0 4px 10px #2e6bff29;border-radius:4px;margin:10px auto 10px 5px}.detail-service__btn .iconfont{font-size:14px;margin-right:2px}.detail-service__btn .x-icon{font-weight:400}.detail-service__btn:hover{color:#fff;background-color:#409eff}