#login-page{width:100%;height:100%;padding-top:150px}#sign-title{width:100%;-webkit-box-sizing:border-box;box-sizing:border-box}#title-content{height:50px;line-height:50px;text-align:center}#title-content span{display:inline-block;font-size:24px;margin:0 1rem;color:rgba(0,0,0,.6)}#login-form-container{width:430px;margin:0 auto;margin-top:60px;background-color:#fff;border-radius:4px;-webkit-box-shadow:0 0 1px 0 rgba(0,0,0,.06),inset 0 0 1px 0 rgba(0,0,0,.16);box-shadow:0 0 1px 0 rgba(0,0,0,.06),inset 0 0 1px 0 rgba(0,0,0,.16);padding:2em}#login-form-container>div>p{color:rgba(0,0,0,.44);margin:15px 0 10px}#login-form-container>div>input{color:#686868;padding-left:1em;border:1px solid #ccc;display:inline-block;width:100%;height:3em;line-height:3em}input::-webkit-input-placeholder{color:#ccc}#submit{padding:1.5rem 0;font-size:14px}#submit .btn-login{display:inline-block;width:6rem;background:#373c4f;color:#fff;text-align:center;border-radius:4px;cursor:pointer}#submit .btn-login,#submit div{height:3rem;line-height:3rem}#submit .link-signup{color:#b488dd}#submit a{text-decoration:none}#signup-page{width:100%;height:100%;padding-top:150px}#sign-form-container{width:430px;margin:0 auto;margin-top:60px;background-color:#fff;border-radius:4px;-webkit-box-shadow:0 0 1px 0 rgba(0,0,0,.06),inset 0 0 1px 0 rgba(0,0,0,.16);box-shadow:0 0 1px 0 rgba(0,0,0,.06),inset 0 0 1px 0 rgba(0,0,0,.16);padding:2em}#sign-form-container>div>p{color:rgba(0,0,0,.44);margin:15px 0 10px}#sign-form-container>div>input{color:#686868;padding-left:1em;border:1px solid #ccc;display:inline-block;width:100%;height:3em;line-height:3em}input::-webkit-input-placeholder{color:#ccc}#submit{padding:1.5rem 0 0;font-size:14px}#submit .btn-signup{display:inline-block;width:6rem;background:#373c4f;color:#fff;text-align:center;border-radius:4px;cursor:pointer}#submit .btn-signup,#submit div{height:3rem;line-height:3rem}#submit .link-login{color:#b488dd}#calendar-part{position:relative;width:100%;height:100%}#calendar-part .layer{border-radius:6px;font-size:12px}#calendar-part .layer01{width:100%;background:#9598a1;position:absolute;top:2em;bottom:2em;border-radius:6px}#calendar-part .layer02{background:#d0d1d5;position:absolute;left:0;right:1em;top:1em;bottom:1em;border-radius:6px}#calendar-part .layer03{background:#f9f9f9;position:absolute;left:0;right:2em;top:0;bottom:0;border-radius:6px;padding:2em}#yearmonth-picker{padding:50px 0;text-align:center;color:#707e99}#yearmonth-picker>.left-triangle{display:inline-block;border:.5rem solid transparent;border-right:.5rem solid#707e99;cursor:pointer}#yearmonth-picker>.month-year{display:inline-block;width:80%;text-align:center;font-size:18px}#yearmonth-picker>.right-triangle{display:inline-block;border:.5rem solid transparent;border-left:.5rem solid #707e99;cursor:pointer}#calendar li{list-style:none;float:left;-webkit-box-sizing:border-box;box-sizing:border-box;width:14.2857%;font-size:14px;text-align:center;color:#a4adbe}#calendar-title li{color:#757c98;font-weight:700}#calendar-day{border-left:1px solid #ededed;border-top:1px solid #ededed;margin-top:20px}#calendar-day li{border-right:1px solid #ededed;border-bottom:1px solid #ededed;height:75px;line-height:75px;color:#dadada}#calendar-day li.thismonth{color:#b389dd}.calendar-item{float:left;-webkit-box-sizing:border-box;box-sizing:border-box;width:14.2857%;font-size:14px;text-align:center;border-right:1px solid #ededed;border-bottom:1px solid #ededed;height:75px;line-height:75px;color:#dadada;position:relative}.calendar-item .thismonth{color:#b389dd;cursor:pointer}.calendar-item .thismonth.today{background-color:#b488dd;-webkit-box-shadow:0 3px 3px #888;box-shadow:0 3px 3px #888;font-size:18px;font-weight:700;color:#fff}.calendar-item .record{width:80%;height:5px;border-radius:3px;position:absolute;left:50%;-webkit-transform:translateX(-50%);-ms-transform:translateX(-50%);transform:translateX(-50%);bottom:10px;background-color:#b389dd}.calendar-item .thismonth.today .record{background-color:#fff}.btn-add-todo{text-align:right;position:relative}.btn-add-todo i{color:hsla(0,0%,100%,.5);font-size:35px;cursor:pointer}#btn-add{right:20px}#btn-add,#btn-exit{display:inline-block;position:absolute;top:20px}#btn-exit{font-size:32px;left:20px}#todo-title .weekname{color:#fff;font-size:24px;font-weight:500;width:55%;-webkit-box-sizing:border-box;box-sizing:border-box;padding-left:20px}#todo-title .dateinfo,#todo-title .weekname{display:inline-block;text-align:center;height:100px;line-height:100px}#todo-title .dateinfo{color:#555e77;font-style:italic;font-size:13px;width:45%}#todo-list-container{height:480px;width:100%;overflow:hidden;position:relative}#todo-list{position:absolute;top:0;bottom:0;left:0;right:-17px;overflow-y:scroll}.todo-item{color:#d7d8dd;font-size:18px;height:80px;width:100%;position:relative}.todo-item.important{background-image:-webkit-gradient(linear,left top,right top,from(#866cab),to(#454660));background-image:-webkit-linear-gradient(left,#866cab,#454660);background-image:-o-linear-gradient(left,#866cab,#454660);background-image:linear-gradient(90deg,#866cab,#454660)}.even{background-image:-webkit-gradient(linear,left top,right top,from(#3d4457),to(#373c4f));background-image:-webkit-linear-gradient(left,#3d4457,#373c4f);background-image:-o-linear-gradient(left,#3d4457,#373c4f);background-image:linear-gradient(90deg,#3d4457,#373c4f)}.todo-item>input{border:none;outline:none;background-color:transparent;color:#fff;display:inline-block;width:80%;margin:0;margin-left:px;padding-top:20px}.todo-item>i{display:inline-block;width:12px;height:12px;border:2px solid #fff;border-radius:50%;margin:0 10px;cursor:pointer}.todo-item>i.finish{background:#fff}.todo-item .todo-operate{margin-top:10px;padding:0 20px;text-align:right}.todo-operate i{display:inline-block;margin:0 10px;font-size:20px;cursor:pointer}.todo-operate i.important{color:#ff0}.todo-operate>input{border:none;outline:none;background-color:transparent;color:#fff;display:inline-block;width:50%;margin-right:115px;font-size:14px;position:absolute;bottom:10px;left:32px}#todo-page{width:100vw;height:100vh;background-color:#fafafa;position:relative}#todo-container{width:900px;height:700px;padding:1rem 0 1rem 1rem;background-color:#373c4f;position:absolute;top:50%;left:50%;-webkit-transform:translate(-50%,-50%);-ms-transform:translate(-50%,-50%);transform:translate(-50%,-50%);border-radius:10px;-webkit-box-shadow:0 20px 40px #888;box-shadow:0 20px 40px #888}#todo-left{width:60%}#todo-left,#todo-right{height:100%;overflow:hidden}#todo-right{width:40%}body{background-color:#fafafa}*,body{margin:0;padding:0}*{-webkit-box-sizing:border-box;box-sizing:border-box;font-family:PingFangSC-Regular,Lantinghei SC,Hiragino Sans GB,Microsoft YaHei,Helvetica,arial,simsun,sans-serif;font-size:16px}.float-left{float:left}.float-right{float:right}.clear-fix:after{display:block;content:"";clear:both}@font-face{font-family:iconfont;src:url(/react-todo/build/static/media/iconfont.e2931d0f.eot);src:url(/react-todo/build/static/media/iconfont.e2931d0f.eot#iefix) format("embedded-opentype"),url(/react-todo/build/static/media/iconfont.3e804645.woff) format("woff"),url(/react-todo/build/static/media/iconfont.7e9f84de.ttf) format("truetype"),url(/react-todo/build/static/media/iconfont.292f20a2.svg#iconfont) format("svg")}.iconfont{font-family:iconfont!important;font-size:16px;font-style:normal;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.icon-exit:before{content:"\E61C"}.icon-fast-forward:before{content:"\E546"}.icon-heart:before{content:"\E54A"}.icon-pause:before{content:"\E558"}.icon-play:before{content:"\E559"}.icon-rewind:before{content:"\E55C"}.icon-skip-back:before{content:"\E55F"}.icon-skip-forward:before{content:"\E560"}.icon-volume:before{content:"\E567"}.icon-addition:before{content:"\E6E0"}.icon-collection:before{content:"\E6EA"}.icon-empty:before{content:"\E6F7"}.icon-success_fill:before{content:"\E72D"}.icon-success:before{content:"\E72E"}.icon-important:before{content:"\E664"}
/*# sourceMappingURL=main.9e1d2de2.css.map*/