.screen{position:fixed;right:-240px;top:0;width:240px;background-color:#fff;z-index:100;-webkit-animation:change-left .3s forwards;animation:change-left .3s forwards}.screen,.screen .screen-warp{height:100%;border-radius:5px 0 0 5px}.screen .screen-warp{position:absolute;width:100%;z-index:111;background:#fff}.screen .screen-content .main{margin:0 20px}.screen .screen-content .com-screen-header{height:28px;background:#0062ff;font-size:15px;color:#fff;padding-top:calc(var(--headerBarHeight) + 5px);padding-left:20px;border-radius:5px 0 0 0}.screen .screen-content .title{font-size:14px;color:#222;margin:15px 0}.screen .screen-content .status li{display:inline-block}.screen .screen-content .status li input{display:none}.screen .screen-content .status li span{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;height:28px;border-radius:3px;background-color:#f2f2f2;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;width:95px;margin-bottom:10px;border:1px solid #f2f2f2;-webkit-box-sizing:border-box;box-sizing:border-box;font-size:12px}.screen .screen-content .status li:nth-child(odd){margin-right:6px}.screen .screen-content .status li.active span{background-color:rgba(104,157,240,.1);border-color:#689df0;color:#0062ff}.screen .screen-content .search{position:relative}.screen .screen-content .search input{width:174px;height:28px;font-size:12px;color:#222;background-color:#f2f2f2;border-radius:3px;padding-left:24px}.screen .screen-content .search img{position:absolute;width:10px;height:11px;left:8px;top:9px}.screen .screen-content .search input::-webkit-input-placeholder,.screen .screen-content .search textarea::-webkit-input-placeholder{color:#999;font-size:12px}.screen .screen-content .search input:-moz-placeholder,.screen .screen-content .search input::-moz-placeholder,.screen .screen-content .search textarea:-moz-placeholder,.screen .screen-content .search textarea::-moz-placeholder{color:#999;font-size:12px}.screen .screen-content .search input:-ms-input-placeholder,.screen .screen-content .search textarea:-ms-input-placeholder{color:#999;font-size:12px}.screen .screen-content .screen-btnMain{margin-top:30px;text-align:center}.screen .screen-content .screen-btnMain .btn-reset{width:125px;height:30px;background-color:#fff;border-radius:3px;border:1px solid #689df0;font-size:15px;color:#0062ff;margin-bottom:12px}.screen .screen-content .screen-btnMain .btn-config{width:125px;height:30px;background-color:#0062ff;border-radius:3px;border:none;color:#fff;font-size:15px}.screen .screen-content .select{position:relative}.screen .screen-content .select input{width:184px;height:28px;font-size:12px;color:#222;background-color:#f2f2f2;border-radius:3px;padding-left:14px}.screen .screen-content .select input::-webkit-input-placeholder,.screen .screen-content .select textarea::-webkit-input-placeholder{color:#999;font-size:12px}.screen .screen-content .select input:-moz-placeholder,.screen .screen-content .select input::-moz-placeholder,.screen .screen-content .select textarea:-moz-placeholder,.screen .screen-content .select textarea::-moz-placeholder{color:#999;font-size:12px}.screen .screen-content .select input:-ms-input-placeholder,.screen .screen-content .select textarea:-ms-input-placeholder{color:#999;font-size:12px}.screen .screen-content .select img{position:absolute;width:7px;height:10px;right:8px;top:9px}.screen-right{-webkit-animation:change-right .3s forwards;animation:change-right .3s forwards}@-webkit-keyframes change-left{0%{right:-240px}to{right:0}}@keyframes change-left{0%{right:-240px}to{right:0}}@-webkit-keyframes change-right{0%{right:0}to{right:-240px}}@keyframes change-right{0%{right:0}to{right:-240px}}*{margin:0;padding:0;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;font-family:PingFangSC-Regular,Microsoft YaHei}article,aside,dialog,figure,footer,header,menu,nav,section{display:block}blockquote,body,button,code,dd,div,dl,dt,fieldset,figure,form,h1,h2,h3,h4,h5,h6,input,legend,li,ol,p,pre,section,select,td,textarea,th,ul{margin:0;padding:0;font-size:12px}h1,h2,h3,h4,h5,h6{font-size:100%;font-weight:400}dd,dl,dt,ol,ul{list-style-type:none}img,input{border:none;padding:0;font-size:15px;line-height:normal}em,i{font-style:normal}:focus{outline:none}#app,.Router,body,html{width:100%;height:100%;background-color:#f6f8fa}[contenteditable=true],input,textarea{-webkit-user-select:auto!important;-moz-user-select:auto!important;-ms-user-select:auto!important;-o-user-select:auto!important;user-select:auto!important}:root{--headerBarHeight:0px;--headerHeight:44px}.Router{position:absolute;width:100%;-webkit-transition:all .3s ease;transition:all .3s ease}.Router>div:nth-child(2){height:calc(100% - var(--headerBarHeight) - var(--headerHeight));overflow-y:scroll;-webkit-overflow-scrolling:touch}.slide-left-enter,.slide-right-leave-active{opacity:0;-webkit-transform:translate(100%);transform:translate(100%)}.slide-left-leave-active,.slide-right-enter{opacity:0;-webkit-transform:translate(-100%);transform:translate(-100%)}input::-webkit-input-placeholder,textarea::-webkit-input-placeholder{color:#999;font-size:15px}input:-moz-placeholder,input::-moz-placeholder,textarea:-moz-placeholder,textarea::-moz-placeholder{color:#999;font-size:15px}input:-ms-input-placeholder,textarea:-ms-input-placeholder{color:#999;font-size:15px}textarea::-webkit-input-placeholder{color:#999;font-size:15px}textarea:-moz-placeholder,textarea::-moz-placeholder{color:#999;font-size:15px}textarea:-ms-input-placeholder{color:#999;font-size:15px}*{-webkit-tap-highlight-color:rgba(0,0,0,0);-moz-tap-highlight-color:transparent}.bottomLine{height:40px;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center}.bottomLine .line{width:30px;height:1px;background:#d8d8d8}.bottomLine .text{font-size:12px;color:#999;margin:0 10px}.appHeaderMask{top:0;height:calc(var(--headerBarHeight) + 44px)}.appBodyMask,.appHeaderMask{width:100%;position:fixed;left:0;background:#000;opacity:.5;z-index:99}.appBodyMask{height:100%;bottom:0}.notScroll{overflow:hidden}.reason-dialog-content{background-color:#fff;width:80%;border-radius:8px;height:220px;position:absolute;top:50%;left:50%;-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%);padding:20px;-webkit-box-sizing:border-box;box-sizing:border-box}.reason-dialog-content .title{font-size:18px;font-weight:600;text-align:center;padding-bottom:20px}.reason-dialog-content .list{display:-webkit-box;display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap}.reason-dialog-content .list .item{width:50%;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:start;-ms-flex-pack:start;justify-content:flex-start;margin-top:10px;padding-left:10px;-webkit-box-sizing:border-box;box-sizing:border-box}.reason-dialog-content .list .item img{width:20px}.reason-dialog-content .list .item span{font-size:14px;margin-left:10px}.reason-dialog-content .submit{width:80%;height:40px;line-height:40px;text-align:center;color:#fff;font-size:16px;background-color:#0062ff;margin:30px auto 0}.project-change-dialog-content{background-color:#fff;width:180px;border-radius:3px 0 0 3px;height:165px;position:absolute;top:calc(44px + var(--headerBarHeight));right:0;-webkit-box-sizing:border-box;box-sizing:border-box}.project-change-dialog-content .list ul li{list-style:none;height:54px;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center}.project-change-dialog-content .list ul li div{width:54px;text-align:center}.project-change-dialog-content .list ul li div img{vertical-align:middle}.project-change-dialog-content .list ul li span{font-size:16px;color:#222}.seeEvaluate{font-size:0;background:#fff;position:fixed;width:calc(100% - 22px);bottom:0;left:11px;z-index:100;border-radius:5px 5px 0 0}.seeEvaluate header{border-radius:5px 5px 0 0;padding:0 16px;height:30px;background-color:#0062ff;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between}.seeEvaluate header span{font-size:13px;color:#fff}.seeEvaluate h2{text-align:center;font-size:20px;color:#d2111a;margin-bottom:.213rem;padding-top:36px}.seeEvaluate .starsMain{text-align:center;margin-bottom:45px}.seeEvaluate .starsMain img{width:21px;height:20px;margin:0 7px 0 7px}.seeEvaluate .numEve{margin:0 16px;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;margin-bottom:25px}.seeEvaluate .numEve span{font-size:13px;color:#666}.seeEvaluate .comment{margin:0 16px;font-size:12px;color:#444;padding-bottom:46px}.todoList>div:nth-child(2){height:calc(100% - var(--headerBarHeight) - var(--headerHeight) - 42px)!important;overflow-y:scroll}.todoList .tab{width:100%;height:42px;background:#0062ff;position:relative;z-index:1}.todoList .tab ul{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center}.todoList .tab ul li{padding-top:10px;margin-right:15px;margin-left:15px}.todoList .tab .text{font-size:14px;color:#fff}.todoList .tab .line{display:none;margin:2px auto;width:18px;height:2px;font-size:0;background:#fff}.todoList .tab ul li.on .line{display:block}.todoList .list{font-size:0}.todoList .list li{margin:10px 12px 0 12px;background-color:#fff;-webkit-box-shadow:0 0 6px 0 #ddd;box-shadow:0 0 6px 0 #ddd;border-radius:5px;padding-left:20px;position:relative}.todoList .list li .name{font-size:16px;color:#222;padding-top:33px;width:5.5rem}.todoList .list li .cont{margin-top:17px;padding-bottom:30px;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between}.todoList .list li .cont .left{width:5.5rem}.todoList .list li .cont .left p{font-size:12px;color:#666;margin:3px 0}.todoList .list li .cont .right{border-left:1px solid #a1c2f6;font-size:15px;color:#0062ff}.todoList .list li .cont .right,.todoList .list li .status{width:2.666rem;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center}.todoList .list li .status{position:absolute;right:0;top:0;height:24px;background-color:#0062ff;border-radius:0 5px 0 10px;font-size:12px;color:#fff}