.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:20px;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}.signinwith{position:relative;min-height:100%}.signinwith .writing_right{padding-left:180px;height:calc(100vh - 210px);position:relative}.signinwith .TitleList{padding:20px;padding-right:0}.signinwith .TitleList .TitleList_padding{background:#f1f5fe;position:fixed;right:30px;top:62px;width:calc(100% - 324px);padding:20px 0;padding-bottom:12px}.signinwith .TitleList .TitleList_top{background:#fff;border-radius:4px;padding:28px;display:flex;align-items:center;justify-content:space-between}.signinwith .TitleList .TitleList_top .TitleList_top_title{font-size:18px;color:#22242c;font-weight:bolder;display:flex;align-items:center}.signinwith .TitleList .TitleList_top .TitleList_top_title span{display:flex;align-items:center;flex-direction:column;justify-content:center;margin-right:11px}.signinwith .TitleList .TitleList_top .TitleList_top_title span:before{content:"";display:inline-block;width:4px;height:4px;border-radius:100%;background:#3662eb;margin-bottom:3px}.signinwith .TitleList .TitleList_top .TitleList_top_title span:after{content:"";display:inline-block;width:4px;height:14px;border-radius:100px;background:#3662eb;margin-bottom:3px}.signinwith .signinwith_content{background:#fff;border-radius:4px;padding:55px 28px;margin-top:92px;padding-bottom:100px}.signinwith .signinwith_content .signinwith_content_list{display:flex;align-items:center;margin-bottom:80px}.signinwith .signinwith_content .signinwith_content_list:last-child{margin-bottom:0}.signinwith .signinwith_content .signinwith_content_list .content_list_icon{display:flex;align-items:center;width:270px;border-right:1px solid #dcdcdc;margin-right:130px}.signinwith .signinwith_content .signinwith_content_list .content_list_icon .list_icon_left{width:64px;height:64px;border-radius:100%;display:flex;align-items:center;justify-content:center;background:#3662eb;box-shadow:0 0 15px rgba(54,98,235,.1);margin-right:25px}.signinwith .signinwith_content .signinwith_content_list .content_list_icon .list_icon_left img{height:26px}.signinwith .signinwith_content .signinwith_content_list .content_list_icon .list_icon_right{font-size:18px;color:#22242c}.signinwith .signinwith_content .signinwith_content_list .content_list_right{display:flex;align-items:center}.signinwith .signinwith_content .signinwith_content_list .content_list_right .list_right_dd{font-size:14px;color:#22242c}.signinwith .signinwith_content .signinwith_content_list .content_list_right .list_right_dt{font-size:14px;color:#22242c;margin-left:260px}.signinwith .signinwith_content .signinwith_content_list .content_list_right .list_right_dt button{background:none;padding:0;border:0;margin:0;font-size:14px;color:#3662eb}