×

注意!页面内容来自https://edrawmind.wondershare.com/examples/personal-mind-map-examples.html,本站不储存任何内容,为了更好的阅读体验进行在线解析,若有广告出现,请及时反馈。若您觉得侵犯了您的利益,请通知我们进行删除,然后访问 原网页

<> @media ((min-width: 1280px)){ .wsc-header2020-navbar-nav-toggle.creativity.creativity-en {min-width: 640px;} .wsc-header2020-navbar-nav-toggle.diagram-grahics.wsc-header2020-navbar-nav-toggle.diagram-graphics,.wsc-header2020-navbar-nav-toggle.utility {min-width: 400px;width:auto;} .wsc-header2020-navbar-nav-toggle.explore-ai {min-width: 445px;} } <> *[data-dev="auto"] .dev-ipad,*[data-dev="mobile"] .dev-ipad,*[data-dev="desktop"] .dev-ipad,*[data-dev="ipad"] .dev-desktop,*[data-dev="ipad"] .dev-mobile {display: none !important;margin: 0 !important;} <> .wsc-header2020 .wsc-header2020-navbar-linkBtn{ background: #00CC99; border: 2px solid #00CC99; border-radius: 8px; } .wsc-header2020 .wsc-header2020-navbar-linkBtn-outline{ border: 2px solid #00CC99; border-radius: 8px; color: #00CC88; } .wsc-header2020 .wsc-header2020-dropdownMenuBody-list li a:hover{ text-decoration: none; } .wsc-header2020 .wsc-icon{ flex-shrink: 0; max-width: 1.5rem; } .dropdownMenu-item:hover{ background: rgba(01851240.08); border-radius: 8px; } .wsc-header2020 .wsc-header2020-navbar-edrawmax .wsc-header2020-navbarDropdown-toggle[aria-expanded="true"].wsc-header2020 .wsc-header2020-navbar-edrawmax .wsc-header2020-navbarDropdown-toggle:hover, .wsc-header2020 .wsc-header2020-navbar-item a.wsc-header2020-navbar-link:hover{ color: #00B97C; } .dropdownMenu-item.dropdownMenu-item-hover-link:hover{ background: none; text-decoration: underline; color: #00CC99; } .dropdownMenu-item.dropdownMenu-item-hover-link a{ color: #00CC99 !important; } .dropdownMenu-item.dropdownMenu-item-hover-link:hover a{ color: #00CC99; } .wsc-header2020-navbarDropdown-menu .font-weight-bold{ font-weight: 700 !important; } .appscan{ position: relative; } .appscan-box{ padding: 1rem; background: #fff; border-bottom-left-radius: .85rem; border-bottom-right-radius: .85rem; text-align: center; } .appscan-pic{ width: 150px; } @media (min-width: 1280px){ .wsc-header2020 .wsc-header2020-dropdownMenuBody-title{ pointer-events: none; } .wsc-header2020 .dropdownMenuBody-width-half{ max-width: 40% !important; } .wsc-header2020 .dropdownMenuBody-width-half .wsc-header2020-dropdownMenuBody-list{ display: flex; justify-content: space-between; flex-wrap: wrap; } .wsc-header2020 .dropdownMenuBody-width-half .wsc-header2020-dropdownMenuBody-list li{ flex: 1; width: 48%; min-width: 48%; max-width: 48%; } .wsc-header2020 .dropdownMenuBody-width-whatsnew{ max-width: 36%; } .wsc-header2020 .dropdownMenuBody-width-connect{ max-width: 20%; } .wsc-header2020 .dropdownMenuBody-width-explore{ max-width: 22%; } .wsc-header2020 .wsc-header2020-dropdownMenuBody-content-max .wsc-header2020-dropdownMenuBody-item:first-child { max-width: max-content; } .wsc-header2020 .wsc-header2020-dropdownMenuBody-content-support .wsc-header2020-dropdownMenuBody-item {max-width: 32%;} .wsc-header2020 .wsc-header2020-dropdownMenuBody-content-support .wsc-header2020-dropdownMenuBody-item.dropdownMenuBody-width-moreanswer{ max-width: 22%; } .wsc-header2020 .wsc-header2020-navbarDropdown-toggle[aria-expanded="true"] svg{ transform: rotate(180deg) !important; } .wsc-header2020 .wsc-header2020-navbar-linkBtn-outline:hover{ background-color: #00CC88; } .wsc-header2020 .wsc-header2020-navbar-linkBtn:hover{ background-color: #00CC88; } } @media (max-width: 767px){ .wsc-header2020 .wsc-header2020-dropdownMenuBody-list{ padding-left: 8px; } } @media (max-width: 576px) { .wsc-header2020 .wsc-header2020-navbar-content{ justify-content: space-between; } .wsc-header2020 .wsc-header2020-navbar-main .wsc-header2020-navbar-brand img{ margin-left: 0; } .btn-nav-action{ border-radius: .25rem; padding: .45rem .825rem; margin: 0; } .appscan-pic{ width: 120px; } .wsc-gotop{ bottom: 4.35rem; } .wsc-header2020 .wsc-header2020-navbar-linkBtn.dev-mobile { display: block; width: calc(100% - 32px); margin: 12px 16px 6px 16px; } .wsc-header2020 .wsc-header2020-navbar-linkBtn-outline.navbar-buynow { display: block; width: calc(100% - 32px); margin: 6px 16px 12px 16px; } }

10 Personal Mind Map Templates and How To Create Your Own

Check out 10 personal mind map templates and learn to create your own. Personal mind maps simplify complex ideasimprove organizationand boost creativitymaking planning and problem-solving more efficient.

EdrawMind Team
Share article:

Try AI Mind Map Generator free now!

featured image
Wondering Ways to Make Personal Mind Maps?

EdrawMind is a mind mapping tool that offers over 22 structures and 33 themes. Learn more about the importance of creating personal mind maps for overall growth. Download EdrawMind today and start making amazing mind maps!

<> .border-radius-8{border-radius: .285rem;} .qrcode-pc{position: absolute;left: 50%;top: 55px;background: #fff;color: #000;padding: 24px;border-radius: 10px;border: 1px solid #C0C0C0;display: none;} .qrcode-pc::before{content: '';width: 52px;height: 20px;background-image: url('https://images.wondershare.com//images2024/article-ad-pics/qrcode-arrow-top.svg');background-size: 100% auto;background-repeat: no-repeat;position: absolute;top: 2px;left: 50%;transform: translate(-50%-100%);z-index: 1;} .qrcode-pc .wsc-icon-sm svg{width: auto;height: 100%;display: inline-block;} .qrcode-hover{position: relative; } .qrcode-hover:hover .qrcode-pc{display: block;} .btn-storebox{width: 40%;} .pic-qrcode-mb{width: 40%;} .btn-action{background-color: #00C68A;border-color: #00C68A;} .btn-action:hover{background-color: #5de5bc; border-color: #5de5bc;} .btn-outline-action{color: #00C68A;border-color: #00C68A;} .btn-outline-action:hover{background-color: #00C68A;border-color: #00C68A;}

Get 500 AI tokens free on the app
star icon

A mind map is an intelligent approach to organizing information and representing ideas and concepts graphically. It is a great tool for forming a relationship between ideas or concepts.

With a personal mind mapyou can clearly show the chaos of ideas and thoughts your mind creates and stays mixed up together. In this articlewe will gain an understanding of the mind map and some personal mind map examples to become proficient in mind mapping.

In this article
  1. Why Need to Make a Personal Mind Map?
  2. 10 Personal Mind Map Templates
  3. How To Create Your Personal Mind Map
  4. How Can Personal Mind Maps Help You Achieve Goals?
  5. Conclusion

Why Need to Make a Personal Mind Map?

A mind map is a simple technique to learn. Howeveryou may be brooding why it is beneficial to know about mind maps and how it can help you. It is helpful in scenarios when many of us find it difficult to present our thoughts to others. Moreoverif you are feeling lost in life and unable to understand your situationa personal mind map will help in figuring out everything. It assists in making better decisions and makes you a better person. 

Benefits of Personal Mind Maps

  • Brilliant Tool for self-development

A mind map personal development diagram provides you a brilliant way to sort ideasthoughtsand concepts. People can use it for personal development and as a source of motivation. 

  • Ideal for visual learners

A survey stated that around 60 to 65 percent of the world population prefer visual learning. Hencethe mind map is ideal. 

  • Establishing a relationship

Mind maps are the perfect way to find out the connection between thoughts and ideas that may not be known to you before. 

  • Enhancing creativity

Creativity is an essential aspect of our cognition. Drawing a personal mind map for self-growth will improvise your creativity. Without creativityyou are nothing. 

  • Knowing who you are

Mind map personal development diagrams help discover your inner self. We can have an in-depth understanding of our problems and coming up with a solution to accomplish life goals. 

10 Personal Mind Map Templates

Here are 10 personal mind map templates from Wondershare EdrawMind’s MindMap Gallery. The templates can help you get started on your journey towards better organization and personal development:

Life Mind Map

This life mind map outlines key aspects of life. It includes business ideasfamilyfriendspeopleand hobbies. It organizes important personal elements and aspirations. 

The template is customizable and uses a white canvas for easy personalization. You can also add more branches due to the simple design of the personal mind map.

Motivational Mind Map

This personal mind map template is designed to help you motivate yourself to study effectively. It includes strategies such as identifying the reasons for procrastination.

It prepares you physically and mentally. It teaches you to learn in manageable pieces and make study sessions enjoyable. Use the motivational mind map to enhance your productivity and achieve your academic goals.

Personal Learning Mind Map

The individual learning mind map below is a comprehensive guide to enhancing personal education. It includes strategies for self-motivationcollaborationand maintaining a positive mindset. It highlights different learning ssuch as visualkinestheticauditoryand interpersonal.

Personal Development Mind Map About Hygiene

The personal hygiene mind map provides a comprehensive guide to maintaining hygiene. It covers hair carenail careskin careand oral hygiene. Following these tips ensures cleanliness and health. Use the template to organize and improve your personal hygiene routine.

Life Plan Mind Map

The “Know Yourself” mind map encourages self-awareness and personal growth. It explores human behaviorstrengthsweaknessescreativityand learning through mistakes. It highlights the complexity of life and the importance of learning abilities. The map emphasizes the significance of observingexperiencingand understanding the world. Use the template for self-discovery and enhance your personal development.

How To Have a Good Sleep Mind Map

The “How to Have a Good Sleep” mind map offers practical tips for improving sleep quality. It covers life changes like avoiding laptops in bed and using quality pillows and mattresses. It also emphasizes freeing your mind before sleep. It advises caution with sleeping pills and avoiding alcohol and cigarettes. The mind map helps optimize sleep through better fitnesstime managementand bedroom environment.

Simple Personal Development Mind Map

Imagine personal development as a roadmap for self-improvement. It’s like having a clear blueprint to enhance your interpersonaltechnicaland leadership skills. The mind map focuses on mastering time management and seizing better job opportunities. It also tackles topics such as achieving goals and nurturing better relationships. The template guides you toward becoming the best version of yourself.

Managing Oneself’s Mind Map

This mind map guides personal growth through focused action. It emphasizes managing oneself by setting clear goals (SMART). It promotes proactive time management and taking full responsibility for outcomes. It also has inspirational quotes from Walt Disney and Henry Ford. The template encourages couragebelief in oneselfand pursuing dreams with dedication and focus.

Goal Setting Personal Development Mind Map

This structured goal-setting template covers key life areas. It tackles your CareerHealthWealthRelationshipsPersonal GrowthPublic ServiceEducationand Attitude. It sets targetsplans timelinesand outlines strategies for achievement. The systematic approach ensures comprehensive personal development and fulfillment across diverse aspects of life.

Personal Development Mind Map for Leadership

This comprehensive outline highlights leadership qualities and career development strategies. It covers essential personality traits like adaptability and visionary thinking. The personal development mind map about leadership emphasizes communication and conflict resolution skills. It’s a great mind map to learn a leadership that features self-motivation and relationship-building through empowerment and mentorship.

Personal development mind maps serve as dynamic tools for mapping goalsskillsand growth areas. They provide clarity in personal and professional aspirations. It fosters adaptability and strategic thinking. EdrawMind offers intuitive features to createvisualizeand refine these mind maps for practical use. Read on to learn how to refine the templates further depending on your preferences:

How To Create Your Personal Mind Map

Creating your personal mind map using EdrawMind is simple. Here’s a guide you can follow to get started in seconds.

Step 1: Downloadinstallregisterand launch EdrawMind

Download and install EdrawMind on your computer. After installationopen EdrawMind and register for a free account by clicking Sign Up and filling in your details. If you already have an accountsimply log in.

edrawmind user interface
Step 2: Create a blank mind map or use a template

From the home screenclick Create > Local MindMap to start from scratch. For this stephoweverclick Gallery to generate a personal mind map in one click. Use the search bar to look for personal mind maps and choose the template that matches your needs.

mind map gallery user interface
Step 3: Branch out main categories or themesadd subcategories and detailed thoughts

Start with the central idea. This could be a personal goala projector any main topic you want to explore. Create branches or themes related to your topic. Add subcategories under each main category. Add detail to each subcategory with specific tasksgoalsor ideas.

creating your personal mind map
Step 4: Use colorsimagesand symbols to refine your personal mind map

Use different colors for each branch to make your mind map visually appealing and easy to follow. Add images and symbols to represent ideas and categories. Use EdrawMind’s rich library of icons and images that you can drag and drop onto your map.

refining your personal mind map
Step 5: Reviewsaveand share your personal mind map

Once your mind map is completereview it for accuracy and completeness. Save your mind map on your computer or save it to the cloud. Share your mind map with others by exporting it in various formats.

exporting your personal mind map

Here’s how EdrawMind helps you create mind maps with ease:

Edraw AI: One-click mind map generation

Edraw AI is a revolutionary feature that allows you to generate mind maps with a single click. Input your topicand Edraw AI will create a structured mind mapsaving you time and effort.

Sleek user interface: Ideal for beginners and professionals

EdrawMind boasts a user-friendly interface that caters to both beginners and professionals. The intuitive design ensures that you can start creating mind maps without any prior experience.

Ready-made templates: choose from many templates in the MindMap Gallery

The MindMap Gallery offers a vast collection of ready-made templates covering various topics. You can find a template that fits your needs and customize it to your liking.

Infinite canvas: Make your personal mind map without limits

EdrawMind’s infinite canvas feature allows you to create extensive and detailed mind maps without any spatial limitations. This is particularly useful for complex projects that need extensive detailing and multiple branches.

<> .border-radius-8{border-radius: .285rem;} .qrcode-pc{position: absolute;left: 50%;top: 55px;background: #fff;color: #000;padding: 24px;border-radius: 10px;border: 1px solid #C0C0C0;display: none;} .qrcode-pc::before{content: '';width: 52px;height: 20px;background-image: url('https://images.wondershare.com//images2024/article-ad-pics/qrcode-arrow-top.svg');background-size: 100% auto;background-repeat: no-repeat;position: absolute;top: 2px;left: 50%;transform: translate(-50%-100%);z-index: 1;} .qrcode-pc .wsc-icon-sm svg{width: auto;height: 100%;display: inline-block;} .qrcode-hover{position: relative; } .qrcode-hover:hover .qrcode-pc{display: block;} .btn-storebox{width: 40%;} .pic-qrcode-mb{width: 40%;} .btn-action{background-color: #00C68A;border-color: #00C68A;} .btn-action:hover{background-color: #5de5bc; border-color: #5de5bc;} .btn-outline-action{color: #00C68A;border-color: #00C68A;} .btn-outline-action:hover{background-color: #00C68A;border-color: #00C68A;}

Get 500 AI tokens free on the app
star icon

How Can Personal Mind Maps Help You Achieve Goals?

Personal mind maps are essential tools for personal development and productivity. They help you simplify complex ideas and enhance creativity. They also improve your decision-making and aid in problem-solving.

reaching for your goals

Let your imagination run wild and make your mind map a true masterpiece with these ideas!

Simplifies complex ideas

Personal mind maps can break down largecomplicated concepts into manageable parts. Mind maps make them easier to understand and tackle.

Enhances creativity and organization

You can organize thoughts in a stimulating way with mind maps. It fosters creativity and allows you to see connections you might have missed.

Improves decision making

Mind maps can outline options and outcomes to make informed decisions. You can weigh the pros and cons effectively.

Aids in problem-solving

You can visualize problems and potential solutions systematically. It helps you think through challenges and develop strategies.

Tracks progress and achievements

Using mind maps can help you set milestones and track your progress toward goals. They provide a visual representation of your achievements and areas needing improvement.

Boosts motivation and focus

Keeping your goals and plans in front of you helps maintain focus and motivation. It reminds you of what you are working towards and why it’s important.

Conclusion

Personal mind maps are powerful tools for everyone. Their benefits outweigh any time spent on creating one. By using mind mapsyou can better visualize your goals and track progress. You can stay motivated and focused on achieving your aspirations.

Experiment with the 10 templates provided and experience the benefits of better organization and creativity. Try EdrawMind’s free version to explore its features and templates before deciding on a subscription plan. Embrace creating a personal mind map about yourself. Unlock your full potential and achieve your personal development goals.

EdrawMind logoEdrawMind Apps
Insert docs & take notes on nodes
30 structures & 52 themes
10,000+ free templates & 750+ cliparts
Summarize docsvideos & webpages
Generate mind maps & slides with AI
edrawmax logoEdrawMind Online
Insert docs & take notes on nodes
Real-time collaboration
30 structures & 52 themes
10,000+ free templates & 750+ cliparts
LaTex formula
Generate mind maps & slides with AI
<> .border-radius-4 { border-radius: 4px; } .pt-60 { padding-top: 3.75rem !important; } .pb-40 { padding-bottom: 2.5rem !important; } .online-box { border-top-left-radius: 10px; border-bottom-left-radius: 10px; } .download-box-block { position: absolute; bottom: 2.5rem; left: 0; right: 0; } .desktop-box { border-top-left-radius: 10px; border-bottom-left-radius: 10px; } .tryonline-btn { height: 51px; } .my-64 { margin-top: 4rem!important; margin-bottom: 4rem!important; } @media (max-width:991px) { .tryonline-btn { height: 40px; } } @media (max-width: 767px) { .pt-60 { padding-top: 2.5rem; } .pb-40 { padding-bottom: 1.5rem; } .online-box { border-top-right-radius: 10px; border-bottom-left-radius: 0px; } .desktop-box { border-top-left-radius: 10px; border-top-right-radius: 10px; border-bottom-left-radius: 0px; } .download-box-block { position: relative; bottom: 0; } } @media (min-width: 768px) .my-md-64 { margin-top: 4rem!important; margin-bottom: 4rem!important; } }

EdrawMind Team
EdrawMind Team Dec 0125
Share article:
<> .wsc-footer2020 .wsc-footer202004-top .wsc-footer2020-nav .wsc-footer2020-nav-logo { width: 246px; } @media (min-width: 1440px) { .wsc-footer2020 .wsc-footer202004-bottom .wsc-footer2020-mobile-language-menu { right: 50%; transform: translateX(50%); } } @media (min-width: 1280px) { .wsc-footer2020 .wsc-footer202004-top .wsc-footer2020-nav .wsc-footer2020-nav-logo { margin-top: 56px; } .wsc-footer2020 .wsc-footer202004-bottom .wsc-footer2020-mobile-language-menu { padding: 12px 0; } .wsc-footer2020 .wsc-footer202004-bottom .wsc-footer2020-mobile-language-link { padding: 4px 24px; } .wsc-footer2020.wsc-footer2021 .wsc-footer202004-top .wsc-footer2020-dropdown:nth-child(4) .wsc-footer2020-subnav-item { padding: 8px 0; } .wsc-footer2020 .wsc-footer202004-top .wsc-footer2020-nav { flex-direction: column; align-items: start; justify-content: start; gap: 32px; } .wsc-footer2020 .wsc-footer202004-top .wsc-footer2020-subnav { padding: 48px 0 60px 96px; } }
<> @media (min-width: 1280px) { #modalDonwloadVideo .modal-xl {max-width: 928px;} } #modalDonwloadVideo .modal-content{box-shadow: none;border: 0;background: transparent;} #modalDonwloadVideo .modal-body{background: transparent;} #modalDonwloadVideo .close{position: absolute;right: 1.25rem;top: 1rem;width: 22px;height: 22px;cursor: pointer;} #modalDonwloadVideo .download-bannerguide{max-width: 922px;position: relative; background: #dffee6;border-radius: 2rem;overflow: hidden;margin: 0 auto;} #modalDonwloadVideo .download-bannerguide-video {font-size:0;} #modalDonwloadVideo .download-bannerguide-video video{width: 100%;} #modalDonwloadVideo .download-bannerguide-content{position: absolute;left: 0;top: 0;width: 100%;height: 100%;z-index: 2;} #modalDonwloadVideo .download-bannerguide-left{width: 49.38%;} #modalDonwloadVideo .download-bannerguide-right{width: 49.2%;} #modalDonwloadVideo .download-bannerguide .bannerguide-gradient{line-height: 1.1; background: linear-gradient(95.4deg#00D186 -21.44%#2CD742 118.16%);background-clip: text;-webkit-background-clip: text;-webkit-text-fill-color: transparent;} #modalDonwloadVideo .download-bannerguide .icon-download{display: none;} #modalDonwloadVideo .download-bannerguide .border-radius-6{border-radius: .75rem;} #modalDonwloadVideo .download-bannerguide .wsc-icon{height: 1rem;} #modalDonwloadVideo .download-bannerguide .btn{box-shadow: none !important;padding: 0.81875rem 1.4375rem !important; color: #000 !important;min-width: 200px;} #modalDonwloadVideo .download-bannerguide .btn-action {background: linear-gradient(270deg#08D998 -27.28%#65F480 48.79%#DEFF89 127.96%); color: #050505 !important; border: 0 !important;padding: calc(0.81875rem + 2px) 1.4375rem !important;} #modalDonwloadVideo .download-bannerguide .btn:hover{color: #fff !important;} @media (max-width: 767px) {#modalDonwloadVideo .download-bannerguide-left{width: 100%;order: 2;} #modalDonwloadVideo .download-bannerguide-right{width: 100%;order: 1;}} <> .float-download-a {position: fixed; bottom: 12px; left: 50%;z-index: 8;transform: scale(0) translateX(-50%);transform-origin: left bottom;} .float-download-a .download-container {position: relative;width: 500px;height: 72px;padding: 12px 32px;} .float-download-a .download-container .bg-layer {position: absolute;width: 64px;height: 64px;top: 0;left: 50%;transform-: preserve-3d;transform: translateX(-50%);} .float-download-a .download-container .bg-layer::after { content: '';width: 100%;height: 100%;position: absolute;top: 0;left: 0;border-radius: 12px; background: linear-gradient(0degrgba(2552552550.5)rgba(2552552550.5))linear-gradient(90.15deg#A9EC52 -11.12%#4FF398 104.18%); backdrop-filter: blur(7.5px); border-radius: 12px;box-shadow: 0px 0px 6px 0px #FFFFFF1A inset;z-index: 1;} .float-download-a .download-container .download-content {position: relative;z-index: 1;display: flex;align-items: center;justify-content: center;} .float-download-a .download-container .content-button {opacity: 0; margin: 0 .5rem;} .float-download-a .download-container .content-button a {width: 200px;} .float-download-a .download-container .btn-white{ padding: .71875rem 1.5375rem; border-radius: .5rem; border: none; color: #000000; } .float-download-a .download-container .btn-action-mind{ padding: .71875rem 1.5375rem; border-radius: .5rem; background: #000; border: none; color: #ffffff; } /*.float-download-a .download-container .btn-action-mind:hover{*/ /* background: linear-gradient(0degrgba(2552552550.30) 0%rgba(2552552550.30) 100%)linear-gradient(270deg#08D998 -27.28%#5DEA77 48.79%#D1F573 127.96%);*/ /* color: #000000;*/ /*}*/ .float-download-a .download-container .close-download {opacity: 0;width: 12px;height: 12px;background-image: url('data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTIiIGhlaWdodD0iMTIiIHZpZXdCb3g9IjAgMCAxMiAxMiIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPGcgb3BhY2l0eT0iMC4zIj4KPHBhdGggZD0iTTEwIDJMMiAxMCIgc3Ryb2tlPSJ3aGl0ZSIgc3Ryb2tlLWxpbmVjYXA9InJvdW5kIiBzdHJva2UtbGluZWpvaW49InJvdW5kIi8+CjxwYXRoIGQ9Ik0yIDJMMTAgMTAiIHN0cm9rZT0id2hpdGUiIHN0cm9rZS1saW5lY2FwPSJyb3VuZCIgc3Ryb2tlLWxpbmVqb2luPSJyb3VuZCIvPgo8L2c+Cjwvc3ZnPgo=');background-size: 100% auto;background-repeat: no-repeat;background-position: center;position: absolute;top: -6px;right: -12px;transform: translateX(100%);cursor: pointer;} .float-download-a.show {bottom: 12px;transform: scale(1) translateX(-50%);transform-origin: left bottom;transition: all .4s linear;} .float-download-a.show .download-container .bg-layer {width: 500px;height: 72px;transition: all .4s .3s linear} .float-download-a.show .download-container .content-button {transition: all .4s .7s linear;opacity: 1;} .float-download-a.show .download-container .close-download {transition: all .3s .7s linear;opacity: 1;} .float-download-a.leave {transform: scale(0) translateX(-50%);transition: all .4s .5s linear;} .float-download-a.leave .download-container .bg-layer {width: 64px;height: 64px;transition: all .4s linear}