/* 登录页面*/
#login{  background:url(/img/login.jpg) no-repeat center center ;background-size:100% 100%; height:100vh; width:100%;}
#login .login_box{ background:#fff; border-radius:10px; height:370px; width:400px; border:2px solid #fff;}
#login .login_box .title{text-align:center; line-height:80px; font-size:22px; border-radius:10px 10px 0 0;  background:url(/img/login_title.jpg) no-repeat center center; background-size:100% 100%;}
#login .login_box {}
#login .login_box .nr{ margin-top:10px;}
#login .login_box .input_box{ margin-bottom:30px; position:relative;}
#login .login_box .input_box .iconfont{ font-size:22px; margin: 0 10px; position:absolute; left:5px; }
#login .login_box .input{ line-height:46px; width:100%; border:1px solid #f1f1f1; background:var(--N1-1); border-radius:5px; padding:0 10px 0 60px;}
#login .login_box .login_input{ line-height:50px; height:50px; display:inline-block; padding:0px 10px; border-radius:5px; border:1px solid #e7ebf5; background:#f4f6fa; width:280px;}
#login .login_box .login_input:focus{ outline: 2px solid #c2d2f9;}
#login .login_box .login_yzmimg { height:38px; width:80px; position:absolute; z-index:22; right:15px; top:5px;}
#login .login_box .login_yzmimg span{ width:80px; height:38px; margin:5px 0; background:#e7ebf5; display:inline-block;}
#login .login_box .login_anniu{ line-height:50px; cursor:pointer; height:50px; text-align:center;  text-align:center; background:var(--B1-5); font-size:16px; color:#fff;  border-radius:5px;}

/*顶部 top*/
#header { height:var(--min_top_height); background:#fff;}
#header .header{ padding:15px 0;}
#header .logo_box {}

#header .user_box{ display:none;}
#header .user_box .user_name{background:var(--B1-5); width:70px; height:36px; line-height:36px; text-align:center; border-radius:5px; color:#FFF;}

#header .teacher_box { max-width:200px; position:relative; background:var(--N1-1); height: 40px;  border-radius: 22px;   align-items: center;  display: flex;  flex-wrap: nowrap;  justify-content:left; padding:0 10px 0  5px;  margin-left: 22px;  cursor: pointer;}
#header .teacher_box .teacher_name {  font-size: 16px;  min-width:40px;  color: #272E45;  margin: 0 0 0 10px;  text-overflow: -o-ellipsis-lastline; overflow: hidden; text-overflow: ellipsis; display: -webkit-box;	-webkit-line-clamp: 1;	-webkit-box-orient: vertical;}
#header .teacher_box img {  width: 34px;  height: 34px; border-radius:15px;}
#header .teacher_box:hover .tuichu_box{ display:inline-block;}
#header .teacher_box .tuichu_box{width:130px; display:none; z-index:11; position:absolute; bottom:-73px; padding-top:15px; }
#header .teacher_box .tuichu_box .jiantou{ position: relative;  width: 0;   height: 0; margin-left:30px;   border-left: 10px solid transparent; border-right: 10px solid transparent;  border-bottom: 10px solid #fff;}
#header .teacher_box .tuichu_box1{ background:#fff; height:50px; line-height:50px; border-radius:5px; box-shadow:0 0 5px #ccc;}
#header .teacher_box .tuichu_box1{ text-align:center;}

#header .navigation{ height:55px; line-height:55px; background:var(--B1-5);}
#header .nav_box {height:55px; }
#header .nav_box #nav_ul{ width:100%; display: flex; justify-content: center;}
#header .nav_box .btns {position: relative;width: calc(100% / 7);  line-height: 55px;text-align: center;cursor: pointer; }
#header .nav_box .btns a{display:inline-block; width:100%; line-height: 55px;font-size: 18px;color: var(--N2-5);text-align: center;}
#header .nav_box .btns + .btns { margin-left: 2px;}
#header .nav_box .btns.active a{background: var(--B1-6); color:#fff;}
#header .nav_box .btns:hover a{background: var(--B1-6); color:#fff;}

/*底部 footer*/
#footer { margin-top:5px;}
#footer .nr{min-height:var(--min_bottom_height); background:#2e3139;}
#footer .hx{ border-bottom:3px solid var(--B1-6); width:100%;  height:26px;  height:26px;  background:url(/img/botton_tp.png) no-repeat center;  }

#footer .navigation{ height:50px; line-height:50px; background:#383f56;}
#footer .nav_box {height:50px; }
#footer .nav_box #nav_ul{ width:100%; display: flex; justify-content: center;}
#footer .nav_box .btns {position: relative;width: calc(100% / 7);  line-height: 50px;text-align: center;cursor: pointer; }
#footer .nav_box .btns a{display:inline-block; width:100%; line-height: 50px;font-size: 16px;color: var(--N2-5);text-align: center;}
#footer .nav_box .btns.active a{ color:#fff;}
#footer .nav_box .btns:hover a{  color:#fff;}

/*首页——海报*/
.haibao_box{ background: url(/img/hb.jpg) center center; height:360px;}

.index_title .title{ font-size:20px;}
.index_box1{ background:url(/img/index_bj2.png) no-repeat center center; background-size:100% 100%; padding:15px; border-radius:8px;}
.index_box1 .tab_item { padding:10px; background:rgba(255,255,255, 0.5); border-radius:10px;}
.index_box1 .tab_item:hover {  background:#fff;}
.index_box1 .tab_item .img_box { width:60px; height:60px; margin-right:15px;}
.index_box1 .tab_item .img_box img{ width:100%; height:100%;}
.index_box1 .tab_item .title { width:calc(100% - 75px); }
.index_box1 .tab_item.active { background-color: white; color:var(--B1-5); border-right: 3px solid var(--B1-6);}
.index_box1 .content_box {position: relative;height: 270px; /* 固定高度防止跳动，或设为auto */overflow: hidden;}
.index_box1 .content_item {position: absolute;top: 0;left: 0;width: 100%;height: 100%;padding: 15px;box-sizing: border-box;opacity: 0;visibility: hidden;transition: opacity 0.5s ease, visibility 0.5s;display: flex;flex-direction: column;justify-content: center;}
.index_box1 .content_item .tp_img{ border-radius:10px; height:240px;}
.index_box1 .content_item .xl_label{ padding:2px 15px; background:var(--B1-7); color:var(--B1-5); cursor:pointer;}

/* 激活状态的内容 */
.index_box1 .content_item.active {opacity: 1;visibility: visible;position: relative; /* 激活时变为相对定位，占据空间 */}
.index_box1 .content_item .nr_tit{ width:70px; height:70px; margin-right:15px;}

.index_box2 .werd{ margin-bottom:15px; }
.index_box2 .werd .img_box{ width:250px; height:160px; margin-right:15px; border-radius:8px; overflow:hidden;}
.index_box2 .werd .img_box .img_box_tit{ background:var(--B1-5); height:100%; padding: 0 15px; text-align:center;}
.index_box2 .werd .img_box img{  width:100%; height:100%;}
.index_box2 .werd .nr_box{ width:calc(100% - 265px); }
.index_box2 .werd .nr_box .xl_label{border-radius: 5px; font-size:14px; line-height: 30px;background: VAR(--B1-7);color: var(--B1-5);}

.index_box3 .werd{ padding:0px; cursor:pointer;}
.index_box3 .werd .img_box{  border-radius:8px 8px 16px 8px ;height:190px; overflow:hidden;}
.index_box3 .werd .img_box img{ width:100%; height:100%; }
.index_box3 .werd .img_box .img_box_tit{ background:var(--B1-5); height:100%; padding: 0 15px; text-align:center;}
.index_box3 .werd .nr{ padding:10px;}
.index_box3 .werd .nr .xl_label{ background:var(--N1-1); color:#999; }

.index_box4 { background:url(/img/index_bj1.png) no-repeat center center; padding:20px 20px 10px 20px;border-radius:8px; background-size:100% 100%;}
.index_box4 .werd{ margin-bottom:10px; border:1px solid #f1f1f1; padding:5px 10px; cursor:pointer;}
.index_box4 .werd .iconfont { background:var(--N1-1); border-radius:15px; font-size:18px; color:var(--B1-5); height:35px; line-height:35px; width:35px; text-align:center; margin-right:10px}
.index_box4 .video_box img{ width:100%; height:275px; border-radius:10px; cursor:pointer;}

/*页面海报区*/
.top_box{ background:url(/img/hbbj1.png) no-repeat center; height:160px; position:relative;}
.top_box .top_db_box{ background:rgba(0,0,0,0.4); border-top:1px solid var(--N5-1);  position:absolute; width:100%; bottom:0px;}
.top_box .top_db_box .x8{ border-left:1px solid var(--N5-1); padding:15px 0; width:calc(100% / 3 - 1px);}
.top_box .top_db_box .x8 .title_min{ border-left:3px solid var(--S1-6); line-height:26px; padding-left:15px;}
.top_box .top_db_box .x8 .title_min .iconfont{ width:20px; margin-right:15px;text-align:center; color:#fff; font-size:22px; display:inline-block;}
.top_box .top_db_box .x8 .Subhead_min{padding-left:52px; color:#ccc;}

#XBSX .tab_item { padding:8px 10px; border-radius:8px; background:#fff; cursor:pointer;}
#XBSX .tab_item .img_box{ width:70px ; height:70px; margin: 0 20px 0 10px;}
#XBSX .tab_item.active { background:var(--B1-5)}
#XBSX .tab_item.active .title{ color:#fff;}
#XBSX .nr_box{ padding:15px; background:url(/img/schoolbj.jpg) repeat-x top #fff; border-radius:10px; border:1px solid #fff; }
#XBSX .nr_box .logo_box{ width:150px; height:150px; padding:25px; background:#fff; border-radius:50%; margin-right:20px}
#XBSX .nr_box .nr{ width:calc(100% - 170px);}
#XBSX .nr_box .img_box { height:240px; border-radius:10px;  overflow:hidden;}
#XBSX .nr_box .img_box { width:100%; height:100%;}
/*内页左右分区——左边菜单栏*/
.left_box{ background:url(/img/left_box_bj.png) no-repeat bottom right #fff; border-radius:5px; min-height:calc( var(--min_height) - 100px); width:280px;}
.left_box .title_box{background:url(/img/left_bj.png) no-repeat center center var(--B1-5); background-size:100% 100%; line-height:62px; text-align:center; }
.left_box .left_nav_box{ padding: 15px 10px;}
.left_box .left_nav_box .but{ line-height:57px; height:57px; margin-bottom:8px; text-align:center; color:var(--N2-1); font-size:17px; cursor:pointer;}
.left_box .left_nav_box .but.active{ background:url(/img/left_nue_but_bj.png) no-repeat center; color:var(--B1-6); font-weight:600;}
.left_box .left_nav_box .but:hover{ background:url(/img/left_nue_but_H_bj.png) no-repeat center;}

/*内页左右分区——右边内容模块*/
.right_box{ background:#fff ; min-height:calc( var(--min_height) - 200px); width:calc(100% - 295px); border-radius:5px;}

/*内页标题栏*/
.nr_title_box{ border-bottom:1px solid #f1f1f1; height:60px; line-height:60px;  font-size:18px; padding:0 5px; }
.nr_title{ font-weight:600; font-size:18px; }
.xl_xiegang{ margin:0 20px;}

/*内页标题栏*/
.nr_Breadcrumb_box{ padding:15px 0;}



/*搜索框*/
.search_box .xl_buttom{ border-radius:0px 2PX 2PX 0;}
.search_box .search_input .el-input__wrapper{ border-radius:2px 0 0 2PX;}
.search_box .search_input .el-input__wrapper.is-focus{box-shadow:0 0 0 1px var(--B1-5)inset;}
.search_box .el-select__wrapper{min-height: 36px;  border-radius:2px;}

/*分类*/
.xl_type_box{ display:block; height:60px;  background:#fff;  border-bottom:2px solid #fff;  padding:5px 15px 1px 15px; }
.xl_type_box ul li{float:left; padding:0 25px; line-height:60px; font-size:17px; margin-right:10px; cursor:pointer;}
.xl_type_box ul li:hover{ font-weight:600;  color:var(--B1-5);}
.xl_type_box ul li.active{ border-bottom:3px solid var(--B1-5); color:var(--B1-5);  font-weight:600;}

.xl_type1_box{}
.xl_type1_box ul li{float:left; padding:0 25px; line-height:46px; font-size:17px;  cursor:pointer; border:1px solid var(--B1-5);}
.xl_type1_box ul li:hover{ color:var(--B1-5);}
.xl_type1_box ul li.active{ background: var(--B1-5); color:#fff;  font-weight:600;}

/*聊天*/
.chat_box .textarea_box{ width:calc(100% - 80px)!important; }
.chat_box .textarea_box .el-input__wrapper{  border-radius:19px 0 0 19px;}
.chat_box .xl_buttom{ width:80px; border-radius:0px 19px 19px 0px;}


/*个人中心——我的资料*/
.Information_box .nr_box{ line-height:50px;}
.Information_box .nr_box .Subhead_min{width:90px; text-align:right; display:inline-block; margin-right:10px;}

/*分类*/
.class_box{ margin-bottom:10px; padding:10px 10px 0 10px!important;}
.class_box .Subhead{ width:50px;  font-size:16px; line-height:36px; text-align:center;}
.class_box .nr_box{ width:calc(100% - 60px);}
.class_box .nr_box ul{}
.class_box .nr_box ul li{float:left; line-height:36px;border-radius:18px; cursor:pointer; font-size:16px; padding: 0 15px; margin-left:10px;}
.class_box .nr_box ul li.active{ background:var(--B1-5); color:#FFF;}
.class_box .nr_box ul li:hover{ background:var(--B1-6);color:#FFF; }

/*个人中心——我的资源*/


#WDBK .content_box {width:calc(100% - 250px);}
#WDBK .fenleibox ul li{ line-height:45px; border-bottom:1px solid #f1f1f1; padding-left:15px; font-size:15px;}
#WDBK .fenleibox ul li:hover{background:#f1f1f1;}
#WDBK .fenleibox ul li.active{ background:var(--B1-5); color:#FFF;}
#WDBK .xl_label{position:absolute; right:15px; top:15px;  border-radius:5px; margin-bottom:15PX; line-height:36px; height:36px; border:1px solid var(--B1-5); background:VAR(--B1-7); color:var(--B1-5);}
#WDBK .list_box .werd:hover{transform: translateY(-4px);  transition: all 0.3s; cursor: pointer; box-shadow:var(--box-shadow);}


/*资源中心*/
#ZYZX .ZYZX_nr_box .werd {padding:0px; position:relative;}
#ZYZX .ZYZX_nr_box .werd .xl_img_box{ height:180px; background:var(--B1-5);}
#ZYZX .ZYZX_nr_box .werd .xl_label{position:absolute; z-index:9; right:10px; top:10px;}
#ZYZX .ZYZX_nr_box .werd:hover{ transform: translateY(-4px);  transition: all 0.3s; cursor: pointer; box-shadow:var(--box-shadow);}

/*资源详情*/
#ZYXQ .left_box{ width:200px; background:#fff;}
#ZYXQ .right_box{width:calc(100% - 215px);}
#ZYXQ .fenleibox ul li{ line-height:60px; text-align:center; padding-right:15px; font-size:17px; margin-bottom:15px; border:1px solid #f1f1f1;  cursor:pointer; flex-direction: row; align-items: center;}
#ZYXQ .fenleibox ul li .iconfont{ font-size:20px; color:#666; margin-right:10px;}
#ZYXQ .fenleibox ul li:hover{background:#f1f1f1; }
#ZYXQ .fenleibox ul li.active{ background:var(--B1-5); border:1px solid var(--B1-5);  color:#fff; font-weight:600;}
#ZYXQ .fenleibox ul li.active .iconfont{ color:#fff; font-weight:normal;}
#ZYXQ .collect_box{ width:70px; text-align:center; padding-top:10px; border-radius:5px; cursor:pointer;}
#ZYXQ .collect_box .iconfont { font-size:20px;}
#ZYXQ .collect_box:hover{ background:#f1f1f1;}

/*在线教研*/
#ZXJY .class_box .Subhead{width:80px;}
#ZXJY .class_box .nr_box{width:calc(100% - 80px); }
#ZXJY .ZXJY_nr_box .werd .xl_img_box{ height:160px; background:var(--B1-5); width:270px; }
#ZXJY .ZXJY_nr_box .werd .xl_nr_box{  width:calc(100% - 300px);  position:relative;}
#ZXJY .ZXJY_nr_box .werd .xl_nr_box .topic_box ul li{ float:left; padding:0 15px; border:1px solid #ccc; background:#f1f1f1; line-height:34px; margin-right:10px; border-radius:19px; }
#ZXJY .ZXJY_nr_box .werd .xl_nr_box .topic_box ul li:hover{  color:var(--B1-5); border:1px solid var(--B1-5);}
#ZXJY .ZXJY_nr_box .werd .xl_nr_box .xl_label{ position:absolute; cursor: default; right:10px; top:5px; border-radius:5px; line-height:36px; border:1px solid var(--B1-5); background:VAR(--B1-7); color:var(--B1-5);}
#ZXJY .ZXJY_nr_box .werd .xl_nr_box .xl_label:hover{color:var(--B1-5); border:1px solid var(--B1-5); background:#f1f1f1;}
#ZXJY .ZXJY_nr_box .werd:hover{transform: translateY(-4px);  transition: all 0.3s;  box-shadow:var(--box-shadow);}

/*在线教研_互动评课*/
#HDPK .left_box_box { width:230px; background:#fff;}
#HDPK .right_box_box{ width:calc(100% - 250px);}
#HDPK .content_box {width:calc(100% - 265px);}
#HDPK .right_box {width:250px;}
#HDPK .left_box_box .fenleibox .Subhead{ height:50px; line-height:50px; padding:0 15px; font-size:17px}
#HDPK .left_box_box .fenleibox ul li{ line-height:45px; text-align:left; padding-left:20px; padding-right:10px; font-size:15px;  border-bottom:1px solid #f1f1f1;  cursor:pointer; flex-direction: row; align-items: center;}
#HDPK .left_box_box .fenleibox ul li .iconfont{ font-size:20px; color:#666; margin-right:10px;}
#HDPK .left_box_box .fenleibox ul li:hover{border-right:3px solid var(--B1-5);  cursor: pointer; color:var(--B1-5); }
#HDPK .left_box_box .fenleibox ul li:hover{ color:var(--B1-5);}
#HDPK .left_box_box .fenleibox ul li.active{ background:#f1f1f1; border-right:3px solid var(--B1-5); color:var(--B1-5); font-weight:600;}
#HDPK .left_box_box .fenleibox ul li.active .iconfont{ color:var(--B1-5); font-weight:normal;}
#HDPK .knowledge {position:revert;}
#HDPK .knowledge .collect_box{ width:70px; text-align:center; padding-top:10px; border-radius:5px; cursor:pointer; }
#HDPK .knowledge .collect_box .iconfont { font-size:20px;}
#HDPK .knowledge .knowledge_box{ position:absolute; z-index:11; width:350px; right:-140px; display:none; }
#HDPK .knowledge .knowledge_box .jiantou{ position: relative;  width: 0; height: 0; margin-left:150px; border-left: 10px solid transparent; border-right: 10px solid transparent;  border-bottom: 10px solid #fff;}
#HDPK .knowledge .knowledge_box .werd{box-shadow:0px 0px 18px 0px rgba(38, 104, 227, 0.31);}
#HDPK .knowledge:hover .knowledge_box { display:block; }

/*在线教研_协同备课*/
#XTBK .saixuan_box .Content{ padding:0 8px; border-radius:5px; }
#XTBK .saixuan_box .Content.on{color:var(--B1-5); background:#F1F1F1; }
#XTBK .left_box { width:230px; background:#fff;}
#XTBK .content_box {width:calc(100% - 250px);}
#XTBK .fenleibox ul li{ line-height:45px; border-bottom:1px solid #f1f1f1; padding-left:15px; font-size:15px;}
#XTBK .fenleibox ul li:hover{background:#f1f1f1;}
#XTBK .fenleibox ul li.active{ background:var(--B1-5); color:#FFF;}
#XTBK .xl_label{position:absolute; right:15px; top:15px;  border-radius:5px; margin-bottom:15PX; line-height:36px; height:36px; border:1px solid var(--B1-5); background:VAR(--B1-7); color:var(--B1-5);}
#XTBK .list_box .werd:hover{transform: translateY(-4px);  transition: all 0.3s; cursor: pointer; box-shadow:var(--box-shadow);}

.pdf_iframe {width: 100%;margin-top: 20px;height: 800px;}


.less_box{ background:url(/img/lass_bj.jpg) no-repeat center center; background-size:100%; padding:25px 0;}

/*在线教研_协同备课*/
#XTBK_D .conten_box .img_box{ width:300px; height:200px; }
#XTBK_D .conten_box .nr_box{ width:calc(100% - 290px); padding:15px 15px 15px 20px; position:relative;}
#XTBK_D .conten_box .nr_box .xl_buttom{ position:absolute; z-index:11; top:10px; right:20px;}

#XTBK_D .left_box{  overflow:hidden; background:none; }
#XTBK_D .left_box .nav_box { background:#fff;}
#XTBK_D .left_box .nav_box .course_list .course_title{ line-height:54px; padding:0 15px; font-size:17px; font-weight:600; border-bottom:1px solid #f1f1f1;}
#XTBK_D .left_box .nav_box .course_list .course_list_lis ul li{  line-height:46px; font-size:16px; padding:0 25px;  border-bottom:1px solid #f1f1f1;}
#XTBK_D .left_box .nav_box .course_list .course_title:hover{ background:var(--N1-1); cursor:pointer; }
#XTBK_D .left_box .nav_box .course_list.active .course_title{ background:var(--N1-1); }
#XTBK_D .left_box .nav_box .course_list.active .course_list_lis{ background:var(--N1-1); }
#XTBK_D .left_box .nav_box .course_list .course_list_lis ul li:hover { background:var(--B1-8);cursor:pointer; color:#fff}
#XTBK_D .left_box .nav_box .course_list .course_list_lis ul li.active{ background:var(--B1-5); color:#fff;}
#XTBK_D .left_box .nav_box .course_list .course_list_lis ul li span{ font-size:16px;}
#XTBK_D .right_box{ background:none;}
#XTBK_D .right_box .content_box{overflow:hidden; min-height:600px;}
#XTBK_D .mokuai_box .tit_box .left{ width:calc(100% - 150px);}
#XTBK_D .mokuai_box .tit_box .right{ width:150px; text-align:right;}
#XTBK_D .mokuai_box .renwu_box .user_box{ width:42px; height:42px; border-radius:50%; overflow:hidden;}


/*讨论区_回复*/
#TLQ_HF .Reply_box .xl_label{ background:#f1f1f1; border:1px solid #ccc; color:#666;  cursor:pointer; padding:3px 15px}
#TLQ_HF .Reply_box .xl_label.xl_bj_blue{border:1px solid var(--B1-5); color:#FFF;}


/*名师课堂_列表页*/
#MSKT .zbgkk_box{ background: linear-gradient(to right, #ceedf9, #c9f2e1); padding:0 0 5px 0; }
#MSKT .zbgkk_box .title{ padding:10px 15px 0px 15px;}
#MSKT .zbgkk_box .werd_h{ margin:7.5px; padding:0px; overflow:hidden; background:#f3f5f9;}
#MSKT .zbgkk_box .werd_h .img_box{ width:250px; height:140px;}
#MSKT .zbgkk_box .werd_h .nr_box{ width:calc(100% - 290px);}

#MSKT .xtkc_box .grid{margin:0 -7.5px;}
#MSKT .xtkc_box .werd{ padding:0px; margin:7.5px; overflow:hidden;}
#MSKT .xtkc_box .werd .img_box{ height:175px; overflow:hidden;}
#MSKT .xtkc_box .werd .nr_box .xl_label{ background:#F1F1F1; color:#666; }
#MSKT .xtkc_box .werd .nr_box .xl_label + .xl_label {margin-left:10px;}
#MSKT .xtkc_box .werd .nr_box .jiage{ font-size:17px; font-weight:600; color:var(--S2-6); margin-right:20px;}

/*名师课堂_播放页*/
#play .play_box{}
#play .play_box .course_video{ width:calc(100% - 320px); background:#fff; border-radius:var(--BorderRadius-min);}
#play .play_box .course_outline{ width:300px;background:#fff; height:730px;  border-radius:var(--BorderRadius-min);}
#play .play_box .course_video .play_div{  padding:15px;}
#play .play_box .course_video .play_div #divplayer{ background-color: #000; height:640px; width:100%;}
#play .play_box .course_outline .course_list {margin-bottom:10px;border:1px solid #f1f1f1; border-radius:5px;}
#play .play_box .course_outline .course_list .course_title{ line-height:45px; font-weight:600; font-size:16px; padding:0 15px;}
#play .play_box .course_outline .course_list .course_list_lis{ }
#play .play_box .course_outline .course_list .course_list_lis .course_list_li{ line-height:45px; font-size:16px; padding:0 15px; cursor:pointer;}
#play .play_box .course_outline .course_list .course_list_lis .course_list_li .iconfont{ font-size:20px; margin-right:10px;}
#play .play_box .course_outline .course_list.on{ background:var(--N1-1);}
#play .play_box .course_outline .course_list .course_list_lis .course_list_li:hover{ background:#e6ebed;}
#play .play_box .course_outline .course_list .course_list_lis .course_list_li.on{ background:var(--B1-5); color:#FFF;}
#play .play_box .course_outline .course_list .course_list_lis .course_list_li.on .iconfont{ background:var(--B1-5); color:#FFF !important;}


/*答疑社区*/
#DYSQ .left_box{ height:660px; overflow:hidden;}
#DYSQ .left_box .title{ background:var(--B1-5);}
#DYSQ .right_box{ background:none; }
#DYSQ .class_box .nr_box ul li{ background:var(--N1-1);}
#DYSQ .class_box .nr_box ul li.active{ background:var(--B1-5);}
#DYSQ .class_box .nr_box ul li:hover{ background:var(--B1-5); color:#FFF;}
#DYSQ .right_box .jbzl_box .werd{ margin-bottom:15px; border:1px solid #ccc; position:relative;}
#DYSQ .right_box .jbzl_box .img_box{ background:var(--B1-5);  height:230PX; border-radius:5px; padding:20px; }
#DYSQ .right_box .jbzl_box .img_box .img_title{ line-height:70px; color:#333; font-size:42px; font-family:'宋体'; font-weight:900; text-align:center;}
#DYSQ .right_box .jbzl_box .img_box .img_Subhead_min{ line-height:30px; position:absolute; padding:0 15px 0 20px; border-radius:15px 0px 0px 15px; top:5px; right:0px;  display:inline-block; height:30px; color:#fff; font-size:16px; text-align:center; background:#3e4d5c;}
#DYSQ .right_box .jbzl_box .werd:hover{transform: translateY(-4px);  transition: all 0.3s; cursor: pointer; box-shadow:var(--box-shadow);}

/*答疑社区——内页列表*/
#ZYXQL .left_box{ background:none; width:255px;}
#ZYXQL .left_box .nav_box{ overflow:hidden;}
#ZYXQL .left_box .nav_box .title{ background:var(--B1-5); color:#FFF; }
#ZYXQL .left_box .nav_box ul{ border-top:1px solid #f1f1f1;}
#ZYXQL .left_box .nav_box ul li{line-height:50px; border-bottom:1px solid #f1f1f1; padding:0 15px; cursor:pointer; border-radius:5PX; font-size:17PX;}
#ZYXQL .left_box .nav_box ul li:hover{ background:var(--N1-1);}
#ZYXQL .left_box .nav_box ul li.active{ background:var(--B1-5); color:#FFF;}
#ZYXQL .left_box .lable_box .xl_huati{ margin-bottom:10px;  margin-left:10px;}
#ZYXQL .left_box .lable_box .xl_huati:hover{ cursor:pointer;}
#ZYXQL .right_box{ width:calc(100% - 270px); background:none;}
#ZYXQL .right_box .list_box .werd:hover{transform: translateY(-4px);  transition: all 0.3s; cursor: pointer; box-shadow:var(--box-shadow);}

/*答疑社区——内页_回复*/
#ZYXQD .Reply_box .xl_label{ background:#f1f1f1; border:1px solid #ccc; color:#666;  cursor:pointer; padding:3px 15px}
#ZYXQD .Reply_box .xl_label.xl_bj_blue{border:1px solid var(--B1-5); color:#FFF;}
#ZYXQD .Reply_box .Reply_box {}

/*个人空间——我的收藏*/
#WDSC .wdsc_nr_box .xl_box {padding:0px; position:relative;}
#WDSC .wdsc_nr_box .xl_box .xl_img_box{ height:180px; background:var(--B1-5);}
#WDSC .wdsc_nr_box .xl_box .xl_label{position:absolute; z-index:9; right:10px; top:10px;}
#WDSC .wdsc_nr_box .xl_box:hover{ transform: translateY(-4px);  transition: all 0.3s; cursor: pointer; box-shadow:var(--box-shadow);}