@charset 'utf-8';
.pc body{height:auto;	min-height:100%}
.layui-laypage input:focus, .layui-laypage select:focus{border-color:#3b6cb4!important}
/* 移动端-头部 */
html.phone .header-top.bg-color1{background:linear-gradient(90deg,#195c91,#277fc5);}
/* banner */
.pc .personal-banner{background:url(../images/fictitiousCourse/banner.png),linear-gradient(90deg,#195c91,#277fc5) center center no-repeat #277fc5;background-size:100% 100%}
html.phone .personal-banner{display:none}
 /* 内容区域 */
.pc .personal-container{display:-webkit-box;display:-ms-flexbox;display:-webkit-flex;display:flex;width:77.084%;min-height:calc(100vh - 5.39rem);margin:.4rem auto 0 auto;padding-bottom:.8rem}
@media screen and (min-width:1510px){
  .pc .personal-container{width:15rem;}
}
@media screen and (max-width: 1509px){
  .pc .personal-container{width:90%;}
}
html.phone .personal-container{display:flex;flex-wrap:wrap-reverse;padding-top:1.12rem}
/* 左侧导航 */
.pc .personal-container .personal-container-left{width:17.08%}
html.phone .personal-container .personal-container-left{width:100%;height:auto;margin-top:.75rem;padding:0 .23rem}
.pc .personal-container-left .category{display:block;width:100%;height:.46rem;font-size:.16rem;font-weight:bold;line-height:.46rem;border-top:1px solid #e8e8e8;border-right:1px solid #e8e8e8;border-left:1px solid #e8e8e8;text-indent:.1rem}
.pc .personal-container-left .category .iconfont{font-size:1em}
.pc .personal-container-left .category .iconfont::before{margin-right:.3em}
html.phone .personal-container-left .category{display:none}
/* 设置菜单栏的滚动条 */
.pc .personal-container-left .menu-list-box{position:relative;width:100%;overflow-y:auto;box-sizing:border-box;border-left:1px solid #e8e8e8;border-right:1px solid #e8e8e8;border-bottom:1px solid #e8e8e8}
.pc .course-container-left .menu-list-box::-webkit-scrollbar,
.pc .course-container-left .menu-list-box::-webkit-scrollbar-thumb,
.pc .course-container-left .menu-list-box::-webkit-scrollbar-button{width:0;height:0}
.menu-list-box .menu-list{position:relative;margin-right:0;width:100%;height:auto;box-sizing:border-box}
.pc .menu-list .menu-list-item{border-top:1px solid #ececec;overflow:hidden}
html.phone .menu-list-item{border:1px solid #ececec}
html.phone .menu-list-item+.menu-list-item{margin-top:1.5em}
.open .menu-list-item:first-child{border-top:1px solid #ececec}
.menu-list-info{position:relative;z-index:1;display:block;line-height:1.2;text-align:justify;background-color:#fff;cursor:pointer}
.pc .menu-list-info{padding:.58em .77em;font-size:.17rem}
html.phone .menu-list-info{padding:1em .8em;font-size:.3rem}
.menu-list-info:hover{color:#fff;background-color:#2260b0}
.open>.menu-list-info{color:#3b6cb4;font-weight:bold;background-color:transparent}
.open .menu-list-info:hover{color:#2260b0;background-color:transparent}
.open[class^="menu-list-item menu1"]>.menu-list-info{color:#f1f1f1;background:linear-gradient(90deg,#195c91,#277fc5)}
.menu-list-info .icon{float:left;width:.5rem;height:.32rem;margin-top:-.09rem;margin-right:.1rem;border-radius:2px}
.pc .menu-list-info .font-arrows-right{position:absolute;top:0;bottom:0;margin:auto;right:.1rem;width:1em;height:1em;font-size:.6em}
.pc .menu-list-info .font-arrow-double-left{display:inline-block;transform:rotate(180deg)}
.pc .menu-list-info .menu-list-name{margin-left:.5em}
.pc .open>.menu-list-info>.font-arrow-double-left{color:#3b6cb4}
html.phone .menu-list-info .iconfont{float:left;width:1.6em;height:1.6em;font-size:1.5em;padding:.2em .3em;margin-right:.4em;color:#000000;background-color:#ff9900;border-radius:50%}
.menu-list-item ul{display:none;animation:fadeInUp .3s ease}
.menu-list-item.open>ul{display:block;border:0;animation:fadeInDown .3s ease}
/* 右侧内容 */
.personal-container .personal-container-right{width:82.92%}
.pc .personal-container .personal-container-right{padding-left:3.369%}
.pc .personal-container-right .bread-cont{padding:0;margin-bottom:.1rem;font-size:.12rem;color:#000000}
.personal-container-right .personal-content{width:100%;display:none
}
.per_cen_all{font-size:.16rem}
.per_h_del {color:#d9693f}
/* 分页 */
.nav-pagination{width:100%}
.layui-laypage-molv{width:100%;text-align:center}
.layui-laypage-molv a{margin-left:.12rem!important}
.layui-laypage-molv a:hover{color:#2260b0!important}
.layui-laypage-molv > .layui-laypage-curr,
.layui-laypage-molv > .layui-laypage-spr{margin-left:.12rem!important}
.personal-footer{width:100%;line-height:.4rem;/*  position:absolute;bottom:0; */
}
.layui-icon-triangle-d:before{content:"\e625";height:5px!important}
/*移动端  */
html.phone .personal-container .personal-container-left .menu{height:100%}
html.phone .layui-nav{background:transparent}
html.phone .personal-container .personal-container-left .menu >ul{height:100%;overflow-y:hidden;border:0}
html.phone .layui-nav-tree .layui-nav-item{margin-bottom:.18rem;border:0}
html.phone .personal-container .personal-container-right{width:100%;;height:auto;position:relative}
html.phone .layui-nav .layui-nav-item{display:none}
html.phone .layui-nav .layui-nav-item:first-child{display:block}
html.phone .layui-nav .layui-nav-item>a{display:none}
html.phone .layui-nav-tree .layui-nav-item a .icon,
html.phone .layui-nav-tree .layui-nav-itemed>a .icon{display:none}
html.phone .layui-nav-tree .layui-nav-item .layui-nav-more,
html.phone .layui-nav-tree .layui-nav-itemed .layui-nav-more{display:none}
html.phone .personal-container .personal-container-right .sort >.bread-cont{display:none}
html.phone .layui-nav-tree .layui-nav-item .layui-nav-child{border:0;color:#666;display:block}
html.phone .layui-nav-child dd{display:none;font-size:.3rem;color:#444;border:1px solid #F0F0F0;border-radius:.1rem;margin-bottom:.18rem}
html.phone .layui-laypage-count{display:none}
html.phone .layui-laypage-count{display:none}
html.phone .layui-laypage .layui-laypage-skip{display:none}
html.phone .footer{margin-top:0;display:none}
html.phone .layui-laypage a, 
html.phone .layui-laypage span{padding:0 5px;	height:18px;	line-height:18px}
html.phone .personal-container .personal-container-right .personal-content>img{max-width:50%}
html.phone .personal-container .personal-container-right .personal-content{width:100%;height:auto;margin:0;overflow-y:hidden;flex-direction:column;flex-wrap:nowrap;align-items:center;text-align:center;display:none;/*记得删除*/}
html.phone .personal-container-right .personal-content .per_cen_all{font-size:.28rem;overflow-x:auto;border:1px solid #d9693f;padding:0 0 .1rem 0;margin:20px}
html.phone .personal-container-right .personal-content .per_cen_all::-webkit-scrollbar{width:100%;background:#dcd7e1;height:.1rem}
html.phone .personal-container-right .personal-content .per_cen_all::-webkit-scrollbar-thumb{background:#d9693f;border-radius:.5rem}
html.phone .personal-container-right .personal-content .my-course .per_cen_all{margin-top:56px}
html.phone .personal-container-right .personal-content .my-course .per_cen_all .per_col_ul{position:fixed;top:1.4rem}
html.phone .personal-content .p_c_cla_tab,
html.phone .personal-content .per_cen_all .paging_div{width:900px}
html.phone .personal-content .p_c_cla_tab tr td{border:0}
html.phone .personal-content .p_c_cla_tab tr{border-bottom:1px solid #eaf4ff}
/* html.phone .per_h_spl{color:#000000} */
/*滚动固定  */
html.phone .main-scroll{height:100%;  overflow-y:scroll;  overflow-x:hidden}
html.phone .is-top .swiper-container-body{display:none}
html.phone .is-top .personal-container {position:fixed;top:1.12rem}
html.phone .is-top .personal-container .personal-container-right .personal-content{
  overflow-y:auto}
html.phone .is-top .personal-container .personal-container-left .menu >ul{
  overflow-y:auto; }
html.phone .layui-laypage{display:none!important}

/* 个人中心内容样式修改移动版*/
html.phone  .personal-container .personal-container-right>.per_cen_all{border-radius:0 0 .6rem .6rem;box-shadow:0 0 5px rgba(0,0,0,.3);margin:0;width:100%;height:auto;padding-top:1.6rem;margin-top:-1.1rem;background:url(../images/public/center-bg.png) center center no-repeat;background-size:cover}
html.phone .p_c_r_tab .p_c_t_ul>li:last-child{display:none}
html.phone .p_c_r_ind{padding:0}
html.phone .p_c_r_ind .p_c_r_tab{margin:auto}
html.phone .p_c_r_c{display:none}
html.phone .p_c_r_tab tr td{display:block}
html.phone .p_c_head{border:0}
html.phone .p_c_heads{width:1.61rem;height:1.61rem;margin:0 auto .25rem;border:1px solid #000000}
html.phone .p_c_heads>img{width:100%}
html.phone .p_c_t_ul li{float:none;padding:0;color:#444;line-height:.36rem;text-align:center}
html.phone .p_c_t_ul li:first-child{margin-bottom:.28rem}
html.phone .p_c_r_ads{font-size:.36rem;font-weight:bold;color:#000000;line-height:.52rem}
html.phone #welcome{display:none}
html.phone .p_c_r_ic1,
html.phone .p_c_r_ic2{background:none;font-size:.24rem;padding:0;text-align:center}
html.phone .p_c_r_ic3{display:none}
html.phone .layui-nav-child .phone-item{display:block;padding:.26rem .2rem .26rem 1.33rem;position:relative}
html.phone .layui-nav-child .phone-item:hover{border:1px solid #3b6cb4}
html.phone .layui-nav-child .phone-item::before{content:'';position:absolute;top:.26rem;left:.33rem;width:.83rem;height:.83rem;border-radius:50%; vertical-align:middle}
html.phone .phone-item-test::before{background:#478BF4 url(../images/personalCenter/per_cen_rimg1.png) center center no-repeat;background-size:auto .47rem}
html.phone .phone-item-course::before{background:#F49047 url(../images/personalCenter/per_cen_rimg2.png) center center no-repeat;background-size:auto .47rem}
html.phone .phone-item-work::before{background:#EF6E50 url(../images/personalCenter/per_cen_rimg3.png) center center no-repeat;background-size:auto .47rem}
html.phone .phone-item-report::before{background:#4747DE url(../images/personalCenter/per_cen_rimg4.png) center center no-repeat;background-size:auto .47rem}
html.phone .layui-nav-child dd a{font-size:.3rem;font-weight:bold;line-height:.52rem;padding:0;margin:0}
html.phone .layui-nav-itemed>.layui-nav-child dd a.p_c_tw_as,
html.phone .layui-nav-itemed>.layui-nav-child dd a:hover{background:none}
.phone-item-supplements{display:none}
html.phone .phone-item-supplements{display:block;font-size:.24rem;color:#666;line-height:1}

/* 我的课程移动版 */
html.phone .personal-container-right  .personal-content  .my-course .per_cen_all{border:0}
html.phone .my-course .p_c_cla_tab tr td:nth-child(2),
html.phone .my-course .p_c_cla_tab tr td:nth-child(3),
html.phone .my-course .p_c_cla_tab tr td:nth-child(4)
{display:none}
html.phone .my-course .p_c_cla_tab tr td:nth-child(1){text-align:left}
html.phone .my-course .p_c_cla_tab tr td:nth-child(5),
html.phone .my-course .p_c_cla_tab tr td:nth-child(6)
{width:7em}
html.phone .my-course .p_c_cla_tab tr td:nth-child(7){
  width:10em
}
/* 我的报告移动版 */
html.phone .my-report .p_c_cla_tab tr td:nth-child(1),
html.phone .my-report .p_c_cla_tab tr td:nth-child(4),
html.phone .my-report .p_c_cla_tab tr td:nth-child(5)
{display:none}
html.phone .my-report .p_c_cla_tab tr td:nth-child(3){width:7em}
html.phone .my-report .p_c_cla_tab tr td:nth-child(6){width:8em}
html.phone .my-report .p_c_cla_tab tr td:last-child{width:7em}
html.phone .my-report .p_c_cla_tab tr td:last-child span{display:block;margin:0!important;padding:0!important}

/* 我的作业移动版 */
html.phone .my-homework .p_c_cla_tab tr td:nth-child(3){width:15em}
html.phone .my-homework .p_c_cla_tab tr td:nth-child(2)
/* ,html.phone .my-homework .p_c_cla_tab tr td:nth-child(4),//评语
html.phone .my-homework .p_c_cla_tab tr td:nth-child(6)//得分 */
{display:none}
html.phone .my-homework .p_c_cla_tab tr td:nth-child(5),
html.phone .my-homework .p_c_cla_tab tr td:last-child{width:7em}
html.phone .my-homework .p_c_cla_tab tr td:last-child a{display:block;padding:0}
html.phone .paging_div{width:100%;padding:.25rem 0 0 0}
html.phone .my-report .paging_div{width:900px}
html.phone .paging_ul li{font-size:.2rem;line-height:.4rem;padding:0.1rem .05rem}
html.phone .pag_sp{width:.8rem;height:.4rem;display:inline-block;vertical-align:middle}
html.phone .pag_sp1,
html.phone .pag_sp3,
html.phone .pag_opt,
html.phone .paging_ul li:nth-last-child(1),
html.phone .paging_ul li:nth-last-child(3){display:none}
html.phone .pag_sp2{background:url(../images/personalCenter/paging_jt.png) no-repeat -.98rem 0.1rem #d9693f;background-size:180%}
html.phone .pag_sp2:hover{background:url(../images/personalCenter/paging_jt.png) no-repeat -.98rem 0.1rem #3b6cb4;background-size:180%}
html.phone .pag_sp4{background:url(../images/personalCenter/paging_jt.png) no-repeat -.98rem 120% #d9693f;background-size:180%}
html.phone .pag_sp4:hover{background:url(../images/personalCenter/paging_jt.png) no-repeat -.98rem 120% #3b6cb4;background-size:180%}

/* 上传作业弹窗 */
html.phone .ruite-dialog{
  width:92%!important;height:5rem!important;top:0!important;left:0!important;bottom:0;right:0;margin:auto
}
html.phone .ruite-dialog-title{height:.5rem;line-height:.5rem}
html.phone .ruite-dialog-content{width:100%!important;height:3.5rem!important}
html.phone .ruite-dialog-title-text,
html.phone .ruite-vbox{width:100%!important;height:auto!important}
html.phone .ruite-vbox{height:3.33rem!important}
html.phone .ruite-vbox>div{width:97%!important;right:0}
html.phone .ruite-button-inner{vertical-align:middle!important;padding:0 0 0 20px!important}
html.phone .my-report .ruite-dialog-buttonbar .ruite-button-inner{padding:0 20px 0 20px!important}
html.phone .ruite-table{height:auto!important}
html.phone .ruite-scroll-content{overflow:auto!important}
html.phone .ruite-table-wrap{height:auto!important;overflow:auto}
html.phone .hbar{display:none!important}
html.phone .ruite-table-pagination{height:auto}
html.phone .ruite-table-pagination-table{position:relative;margin:auto}
html.phone .ruite-table-pagination-table tr>td:nth-child(5),
html.phone .ruite-table-pagination-table tr>td:nth-child(6),
html.phone .ruite-table-pagination-table tr>td:nth-child(7),
html.phone .ruite-table-pagination-table tr>td:nth-child(8){display:none}
html.phone #table-content{height:93px!important}
html.phone #bottom-container{padding-top:6px!important;top:103px!important;height:37px!important}
html.phone .ruite-table-pagination-info{position:relative;text-align:center}
html.phone .start .mobile-menu-btn .iconfont,
html.phone .start .logbar .o-btn,
html.phone .start .search-div .search-btn i{color:#000000}
/* 媒体查询 */
/* @media screen and (max-width:1600px){
  html.pc{font-size:90px}
  .pc .personal-container{width:86.927%}
}

@media screen and (max-width:1440px){
  .pc .personal-container{width:88.927%}
}

@media screen and (max-width:1366px){
  html.pc{font-size:85px}
  .pc .personal-container{width:91.927%}
} */