*,body{padding:0}body,html{height:100%}.bottom-area,.main-container,body{min-width:320px;max-width:450px}*{margin:0}.cd-area,body{margin:0 auto}body{font-family:"PingFang SC","Helvetica Neue",Helvetica,Arial,"Hiragino Sans GB","Microsoft Yahei",微软雅黑,STHeiti,华文细黑,sans-serif}.main-container{background-color:#4FE3C3;position:relative;height:100%}.chart-icon{position:absolute;right:15px;top:15px;width:20px}.cd-area{padding-top:30px;position:relative;width:200px;height:200px}.canvas_area,.cover,.mengceng{width:200px;height:200px;position:absolute}.cover{top:30px}.canvas_area{z-index:2;margin-left:4px}.mengceng{background:#000;opacity:.5;z-index:1;display:none}.loading-gif{width:20%;margin:40% auto 0}.loading-gif img{width:100%}.control-area{height:50px;margin-top:20px;text-align:center;position:relative;width:100%}.play-control{height:100%;margin:0 auto}.play-left-line,.play-right-line{height:1px;background-color:#FFF;position:absolute;width:100px;top:24px}.play-left-line{left:20px}.play-right-line{right:20px}.article-area{width:100%;text-align:center;margin-top:20px;color:#FFF}.article-header{font-size:18px}.article-content{font-size:14px;width:90%;margin:15px auto 0;word-wrap:break-word;word-break:break-all}.bottom-area{position:fixed;bottom:0;height:40px;background:#FFF;text-align:center;width:100%}.bottom-center{position:relative;height:100%;width:205px;margin:0 auto;text-align:right;color:#50E3C2}.modoo-icon{position:absolute;top:9px;left:8%;height:22px}.bottom-text{height:40px;line-height:40px}.alert{display:none;position:fixed;top:50%;left:50%;min-width:300px;max-width:600px;transform:translate(-50%,-50%);z-index:99999;text-align:center;padding:15px;border-radius:3px}.alert-warning{color:#8a6d3b;background-color:#fcf8e3;border-color:#faebcc}@media screen and (min-width:360px) and (max-width:399px){.article-area,.control-area{margin-top:24px}.chart-icon{right:18px;top:18px;width:24px}.canvas_area,.cd-area,.cover,.mengceng{width:240px;height:240px}.cd-area{padding-top:40px}.cover{top:40px}.control-area{height:60px}.play-left-line{width:120px;left:24px;top:28px}.play-right-line{width:120px;right:24px;top:28px}.article-header{font-size:20px}.article-content{font-size:16px;margin-top:18px}.bottom-area{height:48px}.bottom-center{width:230px}.modoo-icon{top:10px;height:25px}.bottom-text{height:48px;line-height:48px;font-size:18px}}@media screen and (min-width:400px){.chart-icon{right:20px;top:20px;width:26px}.canvas_area,.cd-area,.cover,.mengceng{width:260px;height:260px}.cd-area{padding-top:45px}.cover{top:45px}.control-area{height:64px;margin-top:25px}.play-left-line{width:130px;left:26px;top:30px}.play-right-line{width:130px;right:26px;top:30px}.article-area{margin-top:26px}.article-header{font-size:20px}.article-content{font-size:16px;margin-top:18px}.bottom-area{height:50px}.bottom-center{width:250px}.modoo-icon{top:11px;height:26px}.bottom-text{height:50px;line-height:50px;font-size:20px}}
/*# sourceMappingURL=modoo.css.map */