.right_bzzx_box{background:#fff; border:1px solid #eee; border-radius:15px 0 0 15px; width:20px; padding:10px; height:80px;position:fixed;right:0px;  bottom:200px;}
.right_gengdui_box{ position:fixed; box-shadow:0 0 10px #ccc; bottom:150px; right:0px; display:none; z-index:11; background:#fff; padding:10px 10px 0 10px; border-radius:10px 0 0 10px;}

.login_body{ height:100%;  background: radial-gradient(circle,#fbfcff, #ccd9fc);}
.login_top_box{width:100%; position:fixed; display:block; top:0px; padding:15px 0; z-index:1; border-bottom:1px solid #eee; background-color: rgba(255, 255, 255, 0.5); }
.login_bottom_box{width:100%; position:fixed; display:block; bottom:0px; padding:15px 0; z-index:1; border-bottom:1px solid #eee; background-color: rgba(255, 255, 255, 0.5); }
.login_content_box{width:1200px; height:100%; position:relative;}

.login_content_box .sjdw_box .xl_space_between_center + .xl_space_between_center{ border-top:1px solid #f1f1f1;}

/*顶部*/
/*顶部——左侧 logo和文字*/
.herd{ background:var(--B1-1); height:70px;  }
.herd_logo{ font-size:26px; font-weight:600; color:var(--N2-5); line-height:70px; margin-right:100px;  }
.herd_logo_img{ height:30px;  margin-right:15px; }
/*顶部——中间 导航*/
.xl_navbar_nav{ height:70px; margin-bottom:0; }
.xl_navbar_nav .xl_nav_item { list-style:none;}
.xl_navbar_nav .xl_nav_link { line-height:70px; height:70px;  font-weight:600; display:inline-block; color:var(--N2-5); font-size:16px; width:120px; text-align:center;}
.xl_navbar_nav .text_dark { font-weight:600; position:relative; }
.xl_navbar_nav .text_dark span{ width:40%;right: 30%; border-radius:2px; height:3px; background:var(--N2-5); display:inline-block; position:absolute; bottom:10px; }
/*顶部——右侧用户*/
.herd_right{ position:relative; }
.herd_user_img { margin-right:20px;}
.herd_user_img img{ width:42px; height:42px; border-radius:25px;}
.herd_right .herd_user_name { line-height:70px; color:var(--N2-5); font-size:16px; }
.herd_right .herd_user_name .iconfont{ margin-left:10px; color:var(--N2-5);}
.herd_right .werd{ width:160px; display:none;  position:absolute; top:60px; right:-20px; z-index:10; padding:0px; overflow:hidden; border:1px solid #eee;}
.herd_right .werd ul li{ list-style:none; line-height:50px;  text-align:center; border-bottom:1px solid #eee; color:#666;}
.herd_right .werd ul li a{ line-height:50px; width:100%; display:block;}
.herd_right .werd ul li a.href,.herd_right .werd ul li a:visited, .herd_right .werd ul li  a:link{  color:#666;}
.herd_right:hover .werd{ display:block;}

/*底部*/
.footer_h{height:60px;}
.footer{position: absolute; background: var(--N1-1); bottom: 0; width: 100%;    white-space: nowrap; line-height: 60px;}

/*弹窗*/
.xl_myModal { display:none; position: fixed;z-index: 200;left: 0;top: 0;width: 100%;height: 100%;overflow: auto;background-color: rgba(0,0,0,0.4); }
.xl_mybox {background-color: #fff;margin: 0 auto;padding: 20px;width: 300px; position:relative; }


/*个人中心*/
._Student_myinfo{ height:200px; background:url(/img/gr_bnr.jpg) no-repeat center center;}
._Student_myinfo .xl_uesr_img_sc{ position:relative;}
._Student_myinfo .xl_uesr_img_sc .iconfont{ position:absolute; font-size:18px; height:35px; width:35px; text-align:center; color:#fff; border-radius:20px; line-height:35px; top:10px; left:10px; background:var(--S5-6);}
._Student_myinfo .xl_uesr_img_sc:hover  .iconfont{ background:var(--B1-1);}
._Student_myinfo .xl_uesr_img{ width:120px; height:120px; border-radius:50%; border:2px solid #fff; overflow:hidden;}
._Student_myinfo .xl_uesr_img img{ width:100%; height:100%;object-fit:cover }
._Student_myinfo .xl_myinfo_box{ height:200px;}
._Student_myinfo .xl_myinfo_box .botton{ font-size:14px; line-height:34px; height:34px; margin-left:30px;}
._Student_myinfo .xl_myinfo_box .werd{background-color: rgba(255, 255, 255, 0.5);}
._Student_myinfo .xl_myinfo_box .xl_werd_dlcs{ text-align:center; margin:10px 0;}
._Student_myinfo .xl_myinfo_box .xl_werd_dlcs .title{ font-size:28px; color:var(--B1-1); font-weight:600;}
._Student_myinfo .xl_myinfo_box .xl_werd_dlcs .title span{ color:var(--N2-2); margin-left:5px; font-weight:normal;}

.xl_myinfo_left .xl_left_top{ line-height:48px; height:48px; background:var(--B1-1); padding:0 20px; font-size:18px; color:var(--N2-5);}
.xl_myinfo_left .werd { height:500px;}
.xl_myinfo_left .werd ul li{ line-height:45px; height:45px; font-size:16px; border-bottom:1px solid #eee; padding:0 25px; display:block; cursor: pointer;}
.xl_myinfo_left .werd ul li.on{  color:var(--B1-1); font-weight:600;}

.Myinfo .el-form-item__label {width:100px; text-align:right;}
.Myinfo .xl_dianziqm_left_img{ width: 76px; height: 38px; background-size: 76px 38px; position:relative;}
.Myinfo .xl_dianziqm_right_img{position: absolute;right: 0;width: 38px;height: 38px;background-size: 76px 38px;background-position: -36px;filter: blur(2px);}

 .xl_dianziqm_left_img{ width: 76px; height: 38px; background-size: 76px 38px; position:relative;}
 .xl_dianziqm_right_img{position: absolute;right: 0;width: 38px;height: 38px;background-size: 76px 38px;background-position: -36px;filter: blur(2px);}


/*用户列表页面  导航*/
.ItemList .top_box .werd{ background:var(--B1-1); width:70%; margin:auto 0;}
.ItemList .top_box .werd ul li{ display:inline-block; float:left; line-height:30px; width:calc(100% / 7); cursor:pointer; font-size:16px; color:var(--N2-5); text-align:center;}
.ItemList .top_box .werd ul li.on{ font-weight:600;}
.ItemList .top_box .werd ul li div{ line-height:5px;}
.ItemList .top_box .werd ul li.on .xl_xian{ display:inline-block; width:50px; height:3px; border-radius:2px; background:var(--S1-6);}

/*用户列表页面  项目列表*/
.ItemList .werd { }
.ItemList .werd .xl_ItemList_img img{ width:100%; height:200px;}
.ItemList .werd .xl_ItemList_nr { padding:10px;}

.xl_applyfor{background:#fff; border:1px solid #eee; width:75px; height:75px; cursor:pointer; text-align:center; border-radius:15px;  text-align:center; font-size:16px;}
.xl_applyfor .iconfont{font-size:30px;  color:var(--B1-6); height: 50px;    line-height: 50px; display:inline-block;}

/*学生公共*/
.xl_public .werd{ height:200px; padding:0;}
.xl_public .xl_hdmc .img img{ width:300px;}
.xl_public .xl_hdmc .nr{ margin-left:15px;}
.xl_public .xl_hdmc .nr div{  margin-bottom:3px;}


/*学生公共 活动简报*/
.xl_public .xl_hdjb .title{  margin-left:15px; }
.xl_public .xl_hdjb .nr{ margin:0 10px 0 10px;}
.xl_public .xl_hdjb .nr .xl_space_between{ padding:5px 5px; border-radius:5px; }
.xl_public .xl_hdjb .nr .xl_space_between:hover{background:var(--N1-1);}
.xl_public .xl_hdjb .nr .xl_space_between .Content{ width:70%}
.xl_public .xl_hdjb .nr .xl_space_between .Caption{ width:30%; text-align:right;}

/*学生公共 活动 导航*/
.xl_Internship_top { background:#eee; padding:8px 8px 0 8px;}
.xl_Internship_top ul{ height:55px;}
.xl_Internship_top ul li{ float:left; position:relative; list-style:none; width:14.28571%; height:55px; border-top-left-radius:10px; border-top-right-radius:10px; }
.xl_Internship_top ul li .tit{font-size:16px; line-height:50px; text-align:center;} 
.xl_Internship_top ul li.on{ background:var(--N1-2); font-weight:600;   }
.xl_Internship_top ul li .span{ position:absolute; bottom:0px; width:100%; text-align:center;}
.xl_Internship_top ul li.on .span span{ width:50px; height:3px; background:var(--B1-1); display:inline-block;}

/*学生公共 活动内容边框*/
.xl_Internship_content{ padding:10px; min-height:400px;}

/*活动描述*/
.Internship{ padding:10px;}

/*活动资源*/
.InternshipResources { padding:10px;}
.InternshipResources .xl_left_box{ width: calc(100% - 60px)}
.InternshipResources .xl_right_box { width:50px;}

/*活动任务*/
.InternshipTaskList {padding:10px;}
.InternshipTaskList .werd_h{ text-align:center; padding:40px 0 20px 0; margin-bottom:20px;}
.InternshipTaskList .werd_h .xl_box_icon{ margin-bottom:30px;}
.InternshipTaskList .werd_h .xl_box_icon .iconfont{font-size:40px; color:#3979e5;}
/*讨论版块*/
.InternshipDiscuss {padding:10px;}

/*活动简报*/
.InternshipBriefing{padding:10px;}

/*活动总结*/
.InternshipSummary{padding:10px;}

/*活动动态分析*/
.InternshipTrends{padding:10px;}
.InternshipTrends .xl_box{overflow:hidden;}
.InternshipTrends .tit_box ul{height:52px; overflow:hidden; background:#f5f7fa; border:1px solid #eee; border-right:0px; border-bottom:0px;}
.InternshipTrends .tit_box ul li{ list-style:none; width: calc(100% / 5);  line-height:50px; float:left; text-align:center;}
.InternshipTrends .tit_box ul li div{border-right:1px solid #eee;  line-height:50px; font-size:16px; border-bottom:1px solid #eee;}
.InternshipTrends .tit_box ul li.on { background:#fff; }
.InternshipTrends .tit_box ul li.on div{ border-bottom:0px;}
.InternshipTrends .werd { margin-top:20px; overflow:hidden;}

/*活动动态分析*/
.xl_edit_content { min-height:600px; position:relative;}
.xl_bottom_h{ height:60px; }
.xl_bottom{ display: block; position:absolute; bottom:20px;}

.xl_content_box .werd{ padding:0 0 0 0; overflow:hidden;}
.xl_content_box .title{ background:#eee; line-height:50px; padding-left:20px;}
.xl_content_box .xl_content_rwcg ul{ height:50px; border-bottom:1px solid #eee;}
.xl_content_box .xl_content_rwcg ul li{ width:180px; text-align:center; text-align:center; line-height:50px; font-size:16px;list-style:none; float:left; }
.xl_content_box .xl_content_rwcg ul li.on{ border-bottom:2px solid var(--B1-1); font-weight:600;}

.xl_content_box .xl_checkin_task .xl_checkin_task_icon .iconfont{ font-size:30px; color:var(--B1-1);}
.xl_content_box .xl_checkin_task .xl_checkin_task_icon{ text-align:center;}
.xl_content_box .xl_checkin_task .xl_checkin_task_jt{ text-align:center;}

.demo-form-inline .el-input {--el-input-width: 220px;}
.demo-form-inline .el-select {--el-select-width: 220px;}
.el-card__body{ padding:5px;}

.Task_offlineProject .xl_flex_left_center .xl_icon{ width:50px;}
.Task_offlineProject .xl_flex_left_center .xl_tit{ max-width:calc(100% -290px);}
.Task_offlineProject .xl_flex_left_center ._xl_anniu{ width:240px; text-align:center;}

/*评分*/
.Evaluation .el-rate svg{ font-size:22px;}

/*问卷调查*/
.xl_Questionnaire_box{}

/*老师端  */
.xl_Teacher_left .xl_left_top{line-height:60px; height:60px; background:var(--B1-1); text-align:center;  cursor: pointer; font-weight:600; color:#fff; padding:0 25px; font-size:18px;}
.xl_Teacher_left .werd { }
.xl_Teacher_left .werd ul li{ line-height:45px; position:relative; height:45px; font-size:16px; border-bottom:1px solid #eee; cursor: pointer; padding:0 10px 0 20px; display:block;}
.xl_Teacher_left .werd ul li .iconfont{ margin-right:10px; font-size:20px; width:26px; text-align:center; display:inline-block; color:var(--N2-2);}
.xl_Teacher_left .werd ul li.on{  color:var(--B1-1); font-weight:600;}
.xl_Teacher_left .werd ul li.on .iconfont{ color:var(--B1-1); font-weight:normal;}
.xl_Teacher_left .werd ul li .tishi{  display:inline-block; position:relative;top:-8px;  margin-left:8px; min-width:8px; line-height:8px; height:8px;text-align:center; font-size:12px; color:#fff;  border-radius:8px; background:var(--S2-6);}

.xl_Teacher_content{ background:var(--N1-2); border-radius:10px; min-height:700px;}
.xl_Teacher_content .title_box{ padding:10px 20px; border-bottom:1px solid var(--N4-1);}
.xl_Teacher_content .title_box .title{ line-height:39px;}
.xl_Teacher_content .nr{ padding:20px;}
.xl_Teacher_content .xl_box{ border:1px solid #f4f4f4; padding:10px; border-radius: var(--BorderRadius-max); box-sizing: border-box;}
.xl_Teacher_content .tit_box {border-radius:10px 10px 0 0; overflow:hidden;}
.xl_Teacher_content .tit_box ul{height:60px;  background:#f5f7fa; border:1px solid #eee;  }
.xl_Teacher_content .tit_box ul li{ list-style:none; width: calc(100% / 5);  line-height:60px; float:left; text-align:center;}
.xl_Teacher_content .tit_box ul li div{border-right:1px solid #eee;  line-height:60px; font-size:16px; border-bottom:1px solid #eee; cursor: pointer;}
.xl_Teacher_content .tit_box ul li.on { background:#fff; }
.xl_Teacher_content .tit_box ul li.on div{ border-bottom:1px solid #fff; color:var(--S4-6);font-weight:600; }

.xl_Teacher_content .TaskList_box .werd_htitle{background:#f4f4f4; border:1px solid var(--N4-1); color:var(--N2-1); line-height:50px; padding:0 20px; font-size:16px; font-weight:600; }

.werd_htitle{background:#f4f4f4; border:1px solid var(--N4-1); color:var(--N2-1); line-height:50px; padding:0 20px; font-size:16px; font-weight:600; }

/*老师端 在线查看作业 */
.UserOnlineWord{margin-bottom: 10px; min-width:var(--min_width);  }
.UserOnlineWord ._Teacher_myinfo{padding:20px 0;  margin-bottom:20px; background:#fff;}
.UserOnlineWord .nr {width: calc(100%-40px); padding:0 20px; }
.UserOnlineWord .nr .nr_lift{background:#fff;border-radius:10px; display:-ms-flexbox;display:-webkit-flex;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap;}
.UserOnlineWord .nr .nr_lift .nr_lift_lb{width:280px; position:relative;}
.UserOnlineWord .nr .nr_lift .nr_lift_cg{position:relative; width: calc(100% - 280px);}

.UserOnlineWord .jxcgxl_left_top{line-height:60px; height:60px; background:var(--B1-1); text-align:center; font-weight:600; color:#fff; padding:0 25px; font-size:18px;}


.xl_dbzm_xzdy .anniu { background:#eee; padding:5px 15px; border-radius:5px; margin-right:20px; color:#666;}