.writing_nav{position:fixed;left:94px;bottom:0;width:180px;background:#f3f6fe;height:calc(100vh - 62px);box-shadow:4px 6px 29px rgba(0,0,0,.06);z-index:1}.writing_nav .writing_nav_con{padding:13px;padding-top:100px}.writing_nav .writing_nav_list{font-size:15px;color:#474b5a;display:flex;align-items:center;border-radius:6px;height:40px;padding-left:30px;margin-bottom:15px;cursor:pointer}.writing_nav .writing_nav_list:last-child{margin-bottom:0}.writing_nav .writing_nav_list.active{color:#3662eb;background:#e8eeff}.writing_nav .writing_nav_list.active:before{background:#3662eb}.writing_nav .writing_nav_list:hover{color:#3662eb;background:#e8eeff}.writing_nav .writing_nav_list:hover:before{background:#3662eb}.writing .writing_right{padding-left:180px;height:calc(100vh - 210px);position:relative}.writing_nav .writing_nav_list span{display:flex;align-items:center;justify-content:center;position:relative;margin-right:12px}.writing_nav .writing_nav_list span img{width:18px}.writing_nav .writing_nav_list span img:last-child{position:absolute;left:0;top:0;opacity:0}.writing_nav .writing_nav_list.active span img{opacity:0}.writing_nav .writing_nav_list.active span img:last-child{opacity:1}.myClient{position:relative;min-height:100%}.myClient .writing_right{padding-left:180px;height:calc(100vh - 210px);position:relative}.myClient .TitleList{padding:20px;padding-right:0}.myClient .TitleList .TitleList_padding{background:#f1f5fe;position:fixed;right:30px;top:62px;width:calc(100% - 324px);padding:20px 0;padding-bottom:12px}.myClient .TitleList .TitleList_top{background:#fff;border-radius:4px;padding:28px;display:flex;align-items:center;justify-content:space-between}.myClient .TitleList .TitleList_top .TitleList_top_title{font-size:18px;color:#22242c;font-weight:bolder;display:flex;align-items:center}.myClient .TitleList .TitleList_top .TitleList_top_title span{display:flex;align-items:center;flex-direction:column;justify-content:center;margin-right:11px}.myClient .TitleList .TitleList_top .TitleList_top_title span:before{content:"";display:inline-block;width:4px;height:4px;border-radius:100%;background:#3662eb;margin-bottom:3px}.myClient .TitleList .TitleList_top .TitleList_top_title span:after{content:"";display:inline-block;width:4px;height:14px;border-radius:100px;background:#3662eb;margin-bottom:3px}.myClient .TitleList .TitleList_top .TitleList_top_txt{display:flex;align-items:center;justify-content:space-between}.myClient .TitleList .TitleList_top .TitleList_top_txt .top_txt_dd{display:flex;align-items:center}.myClient .TitleList .TitleList_top .TitleList_top_txt .top_txt_dd .txt_dd_list{display:flex;align-items:center;font-size:13px;color:#abaeb6;height:32px;border-radius:4px;border:1px solid #dcdee6;padding:0 13px;margin-right:11px;cursor:pointer}.myClient .TitleList .TitleList_top .TitleList_top_txt .top_txt_dd .txt_dd_list:last-child{margin-right:0}.myClient .TitleList .TitleList_top .TitleList_top_txt .top_txt_dd .txt_dd_list span{display:flex;align-items:center;justify-content:center;position:relative;margin-right:5px;margin-left:0}.myClient .TitleList .TitleList_top .TitleList_top_txt .top_txt_dd .txt_dd_list span img{height:12px}.myClient .TitleList .TitleList_top .TitleList_top_txt .top_txt_dd .txt_dd_list span img:last-child{position:absolute;left:0;top:0;opacity:0}.myClient .TitleList .TitleList_top .TitleList_top_txt .top_txt_dd .txt_dd_list.active{border:1px solid #3662eb;background:#3662eb;color:#fff}.myClient .TitleList .TitleList_top .TitleList_top_txt .top_txt_dd .txt_dd_list.active span img{opacity:0}.myClient .TitleList .TitleList_top .TitleList_top_txt .top_txt_dd .txt_dd_list.active span img:last-child{opacity:1}.myClient .TitleList .pointsdetails_title_right{display:flex;flex-direction:column;align-items:flex-end}.myClient .TitleList .pointsdetails_title_right .title_right_dd{display:flex;align-items:center;font-size:13px;color:#474b5a;margin-bottom:17px}.myClient .TitleList .pointsdetails_title_right .title_right_dd span{background:#e8eeff;border-radius:100px;font-size:13px;color:#474b5a;height:24px;padding:0 11px;display:flex;align-items:center;margin-left:2px}.myClient .TitleList .pointsdetails_title_right .title_right_dt{display:flex;align-items:center}.myClient .TitleList .pointsdetails_title_right .title_right_dt .el-button{border:0;padding:12px 0}.myClient .TitleList .pointsdetails_title_right .title_right_dt .el-button:hover{background:#fff}.myClient .TitleList .pointsdetails_title_right .title_right_dt span{display:flex;align-items:center;font-size:13px;color:#3662eb}.myClient .TitleList .pointsdetails_title_right .title_right_dt span i{margin-right:7px}.myClient .TitleList .pointsdetails_title_right .title_right_dt .right_dt_btn{margin-left:20px;width:110px;height:34px;border-radius:4px;font-size:13px;color:#fff;background:#3662eb;display:flex;align-items:center;justify-content:center;cursor:pointer}.myClient .pointsdetails_content{background:#fff;border-radius:4px;padding:28px 0;margin-top:92px}.myClient .allflow .allflow_content .allflow_content_list{display:flex;justify-content:space-between;padding:0 30px;border-bottom:1px solid #f2f6fe}.myClient .allflow .allflow_content .allflow_content_list .content_list_li{font-size:13px;color:#474b5a;padding:20px 0;width:20%}.myClient .allflow .page{margin-top:25px;padding:0 28px}