.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}.myPromotion{padding-left:180px;height:calc(100vh - 150px);position:relative;padding-top:85px}.myPromotion .myPromotion_top{display:flex;align-items:center;justify-content:space-between;padding:0 8%}.myPromotion .myPromotion_top .myPromotion_top_left{width:55%}.myPromotion .myPromotion_top .myPromotion_top_left .myPromotion_top_title{margin-bottom:50px}.myPromotion .myPromotion_top .myPromotion_top_left .myPromotion_top_title .top_title_dd{font-size:40px;color:#22242c;font-weight:bolder}.myPromotion .myPromotion_top .myPromotion_top_left .myPromotion_top_title .top_title_dt{color:#22242c;font-size:30px;margin-top:30px}.myPromotion .myPromotion_top .myPromotion_top_left .myPromotion_top_title .top_title_dt b{color:#3662eb}.myPromotion .myPromotion_top .myPromotion_top_left .myPromotion_top_content .top_content_dd{font-size:18px;color:#474b5a;margin-bottom:30px}.myPromotion .myPromotion_top .myPromotion_top_left .myPromotion_top_content .top_content_dt .content_dt_list{font-size:15px;color:#545a68;margin-bottom:20px;display:flex;align-items:center}.myPromotion .myPromotion_top .myPromotion_top_left .myPromotion_top_content .top_content_dt .content_dt_list span{display:flex;align-items:center;justify-content:center;border-radius:100%;background:#3662eb;width:16px;height:16px;margin-right:14px}.myPromotion .myPromotion_top .myPromotion_top_left .myPromotion_top_content .top_content_dt .content_dt_list span i{color:#fff;font-size:12px}.myPromotion .myPromotion_top .myPromotion_top_right{width:37%;text-align:right}.myPromotion .myPromotion_top .myPromotion_top_right img{max-width:100%}.myPromotion .myPromotion_invite{padding:0 8%;padding-bottom:90px}.myPromotion .myPromotion_invite .myPromotion_invite_title{font-size:24px;color:#22242c;margin-bottom:30px}.myPromotion .myPromotion_invite .myPromotion_invite_txt{justify-content:space-between;display:flex;flex-wrap:wrap}.myPromotion .myPromotion_invite .myPromotion_invite_txt .invite_txt_list{width:48%;border-radius:14px;overflow:hidden;border:2px solid #22242c;box-shadow:5px 5px 0 #22242c;position:relative;padding-bottom:30px}.myPromotion .myPromotion_invite .myPromotion_invite_txt .invite_txt_list .txt_list_dd{height:44px;background:#e8f1ff;padding:0 18px;display:flex;align-items:center;border-bottom:2px solid #22242c}.myPromotion .myPromotion_invite .myPromotion_invite_txt .invite_txt_list .txt_list_dd span{display:inline-block;width:12px;height:12px;border-radius:100%;margin-right:8px}.myPromotion .myPromotion_invite .myPromotion_invite_txt .invite_txt_list .txt_list_dd span:first-child{background:#f48b88}.myPromotion .myPromotion_invite .myPromotion_invite_txt .invite_txt_list .txt_list_dd span:nth-child(2){background:#f5c251}.myPromotion .myPromotion_invite .myPromotion_invite_txt .invite_txt_list .txt_list_dd span:nth-child(3){background:#46be97}.myPromotion .myPromotion_invite .myPromotion_invite_txt .invite_txt_list .txt_list_dt{background:#f4f8ff;padding:40px 25px}.myPromotion .myPromotion_invite .myPromotion_invite_txt .invite_txt_list .txt_list_dt .list_dt_title{font-size:18px;color:#22242c;line-height:30px}.myPromotion .myPromotion_invite .myPromotion_invite_txt .invite_txt_list .txt_list_dt .list_dt_txt{font-size:15px;color:#545a68;margin-top:10px;display:inline-block}.myPromotion .myPromotion_invite .myPromotion_invite_txt .invite_txt_list .txt_list_dt .list_dt_txt:hover{color:#3662eb}.myPromotion .myPromotion_invite .myPromotion_invite_txt .invite_txt_list .txt_list_dt .list_dt_btn{display:flex;align-items:center;justify-content:flex-end;position:absolute;bottom:0;left:0;width:calc(100% - 50px);padding:25px;padding-top:0}.myPromotion .myPromotion_invite .myPromotion_invite_txt .invite_txt_list .txt_list_dt .list_dt_btn span{font-size:16px;color:#3662eb;display:flex;align-items:center;justify-content:center;width:88px;height:34px;border-radius:100px;background:#e7edff;cursor:pointer}.myPromotion .myPromotion_bottom .myPromotion_bottom_cord img{width:295px}.myPromotion .myPromotion_bottom .myPromotion_bottom_title{margin-top:30px;font-size:18px;color:#22242c;width:295px;text-align:center}