.color-android{background:#00a2ff}.color-ios{background:#2be4cf}.color-other{background:#c3e5e1}.home-page{padding:30px}.home-page .data-preview{width:100%;display:flex;flex-wrap:wrap}.home-page .data-preview .preview-item{position:relative;width:calc(25% - 15px);height:160px;padding:15px 20px;margin:5px 20px 5px 0;background-image:linear-gradient(90deg,#4facfe 0,#00f2fe);overflow:hidden;opacity:.8;box-sizing:border-box;border-radius:10px;box-shadow:0 0 10px rgba(0,0,0,.2);display:flex;flex-direction:column;justify-content:space-evenly}.home-page .data-preview .preview-item:nth-child(2){background-image:linear-gradient(0deg,#48c6ef 0,#6f86d6)}.home-page .data-preview .preview-item:last-child{margin-right:0}.home-page .data-preview .preview-item .icon-box{width:40px;height:40px}.home-page .data-preview .preview-item .name{font-size:12px;letter-spacing:2px;color:#f1f1f1}.home-page .data-preview .preview-item .value-box{display:flex;align-items:flex-end}.home-page .data-preview .preview-item .value-box .value{color:#fff;font-size:30px;line-height:30px;font-weight:500}.home-page .data-preview .preview-item .value-box .compare{margin-left:10px;color:#fff;font-size:13px;opacity:.6}@media (max-width:1000px){.home-page .data-preview .preview-item{width:calc(50% - 10px)}.home-page .data-preview .preview-item:nth-child(2n){margin-right:0}}@media (max-width:700px){.home-page .data-preview .preview-item{width:calc(50% - 5px);margin-right:10px}.home-page .data-preview .preview-item:nth-child(2n){margin-right:0}}.home-page .data-preview .preview-red{background-image:linear-gradient(-225deg,#a445b2,#d41872 52%,#f06)}.home-page .data-preview .preview-yellow{background-image:linear-gradient(120deg,#f6d365,#fda085)}.home-page .visits-box{position:relative;width:100%;margin:20px 0 20px 0;padding:20px 0 10px 0;border-radius:10px;box-sizing:border-box;display:flex;flex-wrap:wrap;justify-content:space-between;transition:all .3s;transition-timing-function:ease}.home-page .visits-box .compare{font-size:12px}.home-page .visits-box .compare-upgrade{color:#00a2ff}.home-page .visits-box .compare-decline{color:#da3a21}.home-page .visits-box .visits-chart{width:100%;height:250px}.home-page .visits-box .title{font-size:13px;letter-spacing:2px;margin-bottom:15px;margin-left:20px;flex-shrink:0}.home-page .module-half{width:100%;margin-top:30px;box-sizing:border-box;border-radius:10px;display:flex;flex-wrap:wrap;justify-content:space-between}.home-page .module-half .title{font-size:13px;letter-spacing:2px;margin:20px 20px 15px 20px;flex-shrink:0}.home-page .module-half .item-box{width:48%;height:300px;background:#fff;overflow:hidden;box-shadow:0 0 10px rgba(0,0,0,.05);border-radius:10px;display:flex;flex-direction:column;box-sizing:border-box;transition:all .3s;transition-timing-function:ease}.home-page .module-half .item-box:hover{z-index:10;transform:scale(1.01);box-shadow:0 20px 50px rgba(0,0,0,.2)}@media (max-width:1000px){.home-page .module-half .item-box{width:100%;margin-bottom:20px}.home-page .module-half .item-box:last-child{margin-bottom:0}}.home-page .module-half .item-box .chart-box{flex-grow:1;display:flex}.home-page .module-half .item-box .chart-box .scale-keys{height:100%;padding-right:20px;display:flex;flex-shrink:0;flex-direction:column}.home-page .module-half .item-box .chart-box .scale-keys .scale-box{margin:30px 0}.home-page .module-half .item-box .chart-box .scale-keys .scale-box .scale{margin-bottom:5px;flex-shrink:0;display:flex;align-items:flex-start}.home-page .module-half .item-box .chart-box .scale-keys .scale-box .scale .value{font-size:40px;line-height:33px;font-weight:300}.home-page .module-half .item-box .chart-box .scale-keys .scale-box .scale .percentage{font-size:15px}.home-page .module-half .item-box .chart-box .scale-keys .keys{overflow-x:auto;flex-grow:1}.home-page .module-half .item-box .chart-box .scale-keys .keys p{position:relative;height:20px;line-height:20px;padding-left:18px;font-size:12px;color:#666}.home-page .module-half .item-box .chart-box .scale-keys .keys p .mark{width:10px;height:10px;border-radius:50%;position:absolute;top:5px;right:auto;bottom:auto;left:0}.home-page .module-half .item-box .chart-box .chart{height:100%;flex-grow:1}.home-page .module-half .item-box .orders-chart{margin:0 20px;flex-grow:1}.home-page .module-half .item-box .message-box{height:100%;flex-grow:1;overflow-y:auto;overflow-x:hidden;-webkit-overflow-scrolling:touch}.home-page .module-half .item-box .message-box::-webkit-scrollbar{width:4px}.home-page .module-half .item-box .message-box>.message-item{width:100%;height:45px;margin-bottom:15px;cursor:pointer;display:flex;align-items:center}.home-page .module-half .item-box .message-box>.message-item .type-box{position:relative;padding:0 30px;height:100%}.home-page .module-half .item-box .message-box>.message-item .type-box:after{content:"";width:3px;background:#2faaf7;border-radius:3px;position:absolute;top:0;right:auto;bottom:0;left:0}.home-page .module-half .item-box .message-box>.message-item .info-box{overflow:hidden;flex-grow:1}.home-page .module-half .item-box .message-box>.message-item .info-box .name{font-size:14px}.home-page .module-half .item-box .message-box>.message-item .info-box .info{margin-top:2px;font-size:12px;color:#cfcfcf;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.home-page .module-half .item-box .message-box>.message-item .more{padding:0 20px;width:12px;height:12px;flex-shrink:0}.home-page .module-half .item-box .bar-ratio-box{width:100%;height:50px;flex-shrink:0;display:flex;align-items:center}.home-page .module-half .item-box .bar-ratio-box .bar-ratio{width:100%;height:20px;display:flex}.home-page .module-half .item-box .bar-ratio-box .bar-ratio .item{position:relative;height:100%;border-radius:10px}.home-page .module-half .item-box .bar-ratio-box .bar-ratio .item:not(:last-child):first-child{border-radius:10px 0 0 10px}.home-page .module-half .item-box .bar-ratio-box .bar-ratio .item:not(:first-child):last-child{border-radius:0 10px 10px 0}.home-page .module-half .item-box .bar-ratio-box .bar-ratio .item .prompt-box{visibility:hidden;display:flex;justify-content:center;position:absolute;top:auto;right:auto;bottom:100%;left:50%}.home-page .module-half .item-box .bar-ratio-box .bar-ratio .item .prompt-box .prompt{margin-bottom:10px;padding:0 20px;height:25px;background:#fff;border-radius:10px;box-shadow:0 0 10px rgba(0,0,0,.3);display:flex;justify-content:center;align-items:center;position:absolute;top:auto;right:auto;bottom:0;left:auto}.home-page .module-half .item-box .bar-ratio-box .bar-ratio .item .prompt-box .prompt:after{content:"";width:8px;height:8px;margin-left:-4px;margin-top:-4px;background:#fff;transform:rotate(-45deg);box-shadow:-2.5px 5px 5px rgba(0,0,0,.1);position:absolute;top:100%;right:auto;bottom:auto;left:50%}.home-page .module-half .item-box .bar-ratio-box .bar-ratio .item .prompt-box .prompt p{color:#888}.home-page .module-half .item-box .bar-ratio-box .bar-ratio .item .prompt-box .prompt .percentage{color:#333;margin-right:3px}.home-page .module-half .item-box .bar-ratio-box .bar-ratio .item:hover .prompt-box{visibility:initial}.home-page .module-half .module-full{width:100%}@media (max-width:900px){.home-page{padding:10px 20px}}@media (max-width:700px){.home-page{padding:5px 10px}.home-page .title-search .title{visibility:hidden}.home-page .title-search .search-box{width:100%}}.empty{width:100%;height:100%;font-size:12px;display:flex;justify-content:center;align-items:center}.empty .text{margin-left:10px}.home-page-dark .module,.home-page-dark .module-half .item-box,.home-page-dark .visits-box{background:#191d23}