html,body {height: 100%;margin: 0;padding: 0;background: #f5f7fa;}
#loader-wrapper {position: fixed;top: 0;left: 0;width: 100%;height: 100%;z-index: 999999;background: #2d3748;}
#loader {display: block;position: relative;left: 50%;top: 50%;width: 150px;height: 150px;margin: -75px 0 0 -75px;border-radius: 50%;border: 3px solid transparent;border-top-color: #4299e1;animation: spin 2s linear infinite;z-index: 1001;}
#loader:before {content: "";position: absolute;top: 5px;left:5px;right:5px;bottom:5px;border-radius:50%;border:3px solid transparent;border-top-color: #38b2ac;animation: spin 3s linear infinite;}
#loader:after {content: "";position: absolute;top:15px;left:15px;right:15px;bottom:15px;border-radius:50%;border:3px solid transparent;border-top-color: #9f7aea;animation: spin 1.5s linear infinite;}
@keyframes spin {0% {transform: rotate(0deg);}100% {transform: rotate(360deg);}}
#loader-wrapper .loader-section {position: fixed;top:0;width:51%;height:100%;background: #2d3748;z-index:1000;}
#loader-wrapper .loader-section.section-left {left:0;}
#loader-wrapper .loader-section.section-right {right:0;}
#loader-wrapper .load_title {font-family: "Microsoft YaHei",sans-serif;color: #fff;font-size: 19px;width: 100%;text-align: center;z-index: 9999999;position: absolute;top: 60%;opacity: 1;line-height: 30px;}
#loader-wrapper .load_title span {font-weight: normal;font-style: italic;font-size:13px;color:#cbd5e0;opacity:0.8;}