@charset "utf-8";
html,body{
    height:100%;
    width:100%;
    font-size: 0.225rem;
    font-family: "微软雅黑", "Courier New", Courier, monospace;
}
.studyMain{
    width: 100%;
    height:100%;
    overflow-y: hidden;
}
/*studyLeft*/
.studyLeft::-webkit-scrollbar
{
    width: 5px;
    height: 5px;
    /*background-color: red;*/
    /*background-color: #BEBEBE;*/
}
.studyLeft::-webkit-scrollbar-track
{
    -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.3);
    border-radius: 10px;
    background-color: #f1f1f1;
}
.studyLeft::-webkit-scrollbar-thumb
{
    border-radius: 10px;
    -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,.3);
    background-color: #bcbcbc;
}
.studyLeft{
    /* width: 1.8rem; */
    width: 150px;
    float: left;
    /* position:fixed; */
    height: 100%;
    background-color: #F4F4F4;
    border-right: 0.016rem solid #E0E0E0;
    overflow: auto;
}
.studyLeft h2{
    color: #2CB49D;
    /* padding-left: 0.3rem; */
    padding-left: 26px;
    /* height: 0.5rem; */
    height: 47px;
    /* line-height: 0.5rem; */
    line-height: 47px;
    /* width: calc(100% - 0.5rem ); */
    width: calc(100% - 47px );
    /* border-bottom: 0.016rem solid #D9D9D9; */
    border-bottom: 1px solid #D9D9D9;
    /* margin-left: 0.15rem; */
    margin-left: 14px;
    margin-bottom: 2px;
    /* margin-bottom: 0.05rem; */
    font-size: 18px;
}
.studyLeft .personal{
    background: url("../img/icon_photo.png") no-repeat left center ;
}
.studyLeft .class{
    background: url("../img/icon_claPho.png") no-repeat left center ;
}
.perList li{
    /* padding-left: 0.3rem; */
    text-align: center;
}
.studyLeft .studyClass{
    margin-top:10px; 
}
.studyClass .classList{
    /* overflow: hidden; */
}
.studyLeft .classList li{
   /*  padding-left: 40px; */
}
/* .studyClass .class{
    padding-left: 31px;
} */
.studyLeft ul li{
    /* width: 1.5rem; */
    width: 100%;
    /* font-size: 0.18rem; */
    font-size: 16px;
    color: rgba(0,0,0,.8);
    /* height: 0.4rem; */
    height: 40px;
    /* line-height: 0.4rem; */
    /* line-height: 0.4rem; */
    line-height: 40px;
    position: relative;
    cursor: pointer;
    white-space:nowrap;
}
.classList p{
    width: 1.5rem;
    font-size: 0.18rem;
    color: rgba(0,0,0,.8);
    height: 0.4rem;
    line-height: 0.4rem;
    cursor: pointer;
    padding-left: 0.3rem;
    white-space:nowrap;
    word-break:break-all;
    overflow:hidden;
    text-overflow:ellipsis;
}
.classList .classList_con{
    position: absolute;
    border: 0.016rem solid #000000;
    border-radius: 0.05rem;
    padding: 0 0.05rem;
    background-color: #fefefe;
    bottom: -0.15rem;
    left: 0.4rem;
    display: none;
    height: 0.2rem;
    font-size: 0.15rem;
    line-height: 0.2rem;
}
.studyLeft .perListSel,.studyLeft ul li:hover p{
    background-color: #2CB49D;
    color: #FFF;
}
/*.studyPerson{
    margin-bottom: 0.2rem;
}
.studyLeft ul li{
    font-size: 0.18rem;
    color: rgba(0,0,0,.8);
    height: 0.4rem;
    line-height: 0.4rem;
    padding-left: 0.3rem;
    overflow: hidden;
    cursor: pointer;
}
.studyLeft .perListSel,.studyLeft ul li:hover{
    background-color: #2CB49D;
    color: #FFF;
}*/
/*studyRight*/
.studyRight{
    /* margin-left: 1.8rem; */
    margin-left: 150px;
    min-width: 1250px;
}
.studyRight .rightTopNav,.studyRight .rightTab{
    height: 48px;
    line-height: 48px;
    border-bottom: 1px solid #E0E0E0;
    font-size: 18px;
}
.rightTopNav li{
    float: left;
    color: rgba(0,0,0,.8);
    cursor: pointer;
    width: 8.3%;
    text-align: center;
    font-size: 18px;
}

.rightTopNav .docTypeSel,.studyRight .rightTopNav li.enable:hover{
    font-size: 24px;
    color: #2CB49D;
}
li.disable{
    color:#aaa;
    cursor: default;
}
.studyRight .rightTopNav{
    background-color: #F4F4F4;
}
.studyRight .rightTab{
    color:#2CB49D; 
    width: 100%;
   /*  position: absolute; */
}
.tab{
    position: relative;
    height: 100%;
    /* overflow: auto; */
}
.tabList{
	position: absolute;
    width: 100%;
    /* height: 6.6rem; */
    /* top: 0.5rem; */
    overflow-y: auto;
}
.tabList li p{
    text-align: center;
    position: absolute;
}
.tabList li p a{
	color: rgba(0,0,0,.8);
}
.tabList li{
    /* height: 0.6rem; */
    height: 60px;
    /* line-height: 0.6rem; */
    line-height: 60px;
    font-size: 18px;
    border-bottom: 1px solid #E0E0E0;
}
.rightTab span{
    text-align: center;
    float: left;
}
.rightTab .rightName{
    width: 40.5%;
    font-size: 18px;
}
.rightTab .rightSub{
    width: 10%;
}
.rightTab .rightSize{
    width: 7%;
}
.rightTab .rightTime{
    width: 23%;
}
.rightTab .rightOper{
    width: 15%;
}
.tabList .tabListName{
    width: 40.5%;
    left: 0;
    cursor: pointer;
    white-space: nowrap;
    word-break: break-all;
    overflow: hidden;
    text-overflow: ellipsis;
}
.tabList .tabListSub{
    width: 10%;
    left:41%;
}
.tabList .tabListSize{
    width: 7%;
    left:  51.1%;
}
.tabList .tabListTime{
    width: 23%;
    left: 57.5%;
}
.tabList .tabListOper{
    width: 10%;
    left: 82%;
    /* height: 0.6rem; */
    padding-left: 5%;
}
.tabList .tabListOper span{
    /* width: 0.3rem;
    height: 0.4rem;
    float: left;
    margin-top: 0.15rem;
    padding-left: 0.2rem;
    cursor: pointer; */
    width: 27px;
    height: 28px;
    float: left;
    margin-top: 18px;
    /*padding-left: 24px;*/
    margin-right: 24px;
    cursor: pointer;
}
/*.rightTab .rightName{
    width: 40.5%;
}
.rightTab .rightSub{
    width: 10%;
}
.rightTab .rightSize{
    width: 7%;
}
.rightTab .rightTime{
    width: 23%;
}
.rightTab .rightOper{
    width: 15%;
}
.tabList .tabListName{
    width: 41%;
	cursor: pointer;
	white-space: nowrap;
	word-break: break-all;
	overflow: hidden;
	text-overflow: ellipsis;
}
.tabList .tabListSub{
    width: 10%;
}
.tabList .tabListSize{
    width: 7%;
}
.tabList .tabListTime{
    width: 23%;
}
.tabList .tabListOper{
    width: 10%;
    height: 0.6rem;
    padding-left: 5%;
}
.tabList .tabListOper span{
    width: 0.3rem;
    height: 0.4rem;
    float: left;
    margin-top: 0.15rem;
    padding-left: 0.2rem;
    cursor: pointer;
}*/
.tabList .tabListOper span.iconEdit{
    background: url("../img/icon_editDef.png") no-repeat;
}
.tabList .tabListOper span.iconDele{
    background: url("../img/icon_delDef.png") no-repeat;
}
.tabList .tabListOper span.iconDeleNone{
    display: none;
}
.tabList .tabListOper span.iconLoad{
    position: relative;
    background: url("../img/icon_downDef.png") no-repeat;
}
.tabList .tabListOper span.iconLoadDef{
    position: relative;
    background: url("../img/icon_downDef.png") no-repeat;
}
.tabList .tabListOper span.iconLoadgrey{
    position: relative;
    background: url("../img/icon_downGrey.png") no-repeat;
    cursor: default;
}
.tabList .tabListOper .downloadTip{
    /* position: absolute;
    display: none;
    width: 2.5rem;
    height: 0.2rem;
    background: #8D8D8D;
    color: #FFF;
    top: 0.15rem;
    font-size: 0.15rem;
    line-height: 0.2rem;
    left: -1.1rem;
    border-radius: 0.05rem;
    padding-left: 0;
    text-align: center; */
    position: absolute;
    display: none;
    width: 300px;
    height: 24px;
    background: #8D8D8D;
    color: #FFF;
    top: 18px;
    font-size: 18px;
    line-height: 24px;
    left: -132px;
    border-radius: 6px;
    padding-left: 0;
    text-align: center;
}
.no_pic{
    width: 443px;
    /* height: 4rem;
    margin: 1rem; */
    height: 242px;
    margin: 120px auto 0px;
    background: url("../img/no_pic.png") no-repeat;
    /* background-size: contain; */
    display: none;
}
/*studyDownload*/
.studyDownload{
    margin-left: 150px;
    height: 95%;
}
.studyDownload .downLoaded{
    height: 100%;
}
.studyDownload .downLoaded .loaded{
    height: 100%;
    overflow: auto;
}
.studyDownload h2{
    height: 48px;
    line-height: 48px;
    background-color:#F5F5F5;
    padding-left: 10px;
    font-size: 20px;
    border-bottom: 1px solid #E0E0E0;
}
.studyDownload .downLoading h2{
    border-bottom: 0.016rem solid #E0E0E0;
}
.downLoading .loading li,.loaded li{
    width: -webkit-calc(100%-0.3rem);
   /*  height: 0.8rem;
   padding-left: 0.3rem;
   border-bottom: 0.016rem solid #E0E0E0; */
    height: 76px;
    padding-left: 30px;
    border-bottom: 1px solid #E0E0E0;
}
.loading li.loadingLiSel,.loaded .loadedDelSel{
    background-color: #F7F7F7;
}
.loading li:hover{
    background-color: #FDFDFD;
}
.loading .loadingLeft .loadingName{
    font-size: 18px;
}
.loadingLeft{
    width: 85%;
    float: left;
}
.loadingName{
    height: 30px;
    /* height: 0.4rem; */
    line-height: 47px;
    color: rgba(0,0,0,.9);
}
.loaded .loadingName{
   /*  height: 0.4rem;
   line-height: 0.6rem;
   color: rgba(0,0,0,.7); */
    height: 30px;
    line-height: 57px;
    color: rgba(0,0,0,.7);
    font-size: 18px;
}
.loadingPro{
    /* height: 0.08rem;
    width: 100%;
    background-color: #E3E3E3;
    position: relative;
    margin-bottom: 0.1rem; */
    height: 7px;
    width: 100%;
    background-color: #E3E3E3;
    position: relative;
    margin-bottom: 4px;
    margin-top: 10px;
}
.loadingPro .loadPro{
    position: absolute;
    width: 0%;
    /* height: 0.08rem; */
    height: 100%;
    background-color: #2CB49D;
}
.loadingNet{
    /* font-size: 0.15rem; */
    font-size: 14px;
    color: #8D8D8D;
}
.loadState{
    margin-left: 0.1rem;
}
.loadNetRight{
    float: right;
}

.loadingRight{
    width: 10%;
    float: right;
}
.loadingRight span{
    /* float: left;
    width: 0.4rem;
    height: 0.4rem;
    margin-top: 0.25rem; */
    float: left;
    width: 38px;
    height: 37px;
    margin-top: 28px;
}
.loadOpe{
    float: left;
}
.loadOpe .iconStart{
    background: url("../img/icon-startDef.png") no-repeat;
    background-size: 100%;
}
.loadOpe .iconStartSel{
    background: url("../img/icon-startSel.png") no-repeat;
    background-size: 100%;
}
.loadOpe .iconStop{
    background: url("../img/icon_stopDel.png") no-repeat;
    background-size: 100%;
}

.loadOpe .iconStopSel{
    background: url("../img/icon_stopSel.png") no-repeat;
    background-size: 100%;
}
.loadOpe .iconRestart{
    background: url("../img/icon_reDef.png") no-repeat;
    background-size: 100%;
}
.loadOpe .iconRestartSel{
    background: url("../img/icon_reSel.png") no-repeat;
    background-size: 100%;
}
.loadingRight .iconDele{
    background: url("../img/icon_deleDef.png") no-repeat;
    background-size: 100%;
}
.loadingRight .iconOpen{
    background: url("../img/icon_openDef.png") no-repeat;
    background-size: 100%;
    cursor: pointer;
}
.loadingRight .iconOpenSel{
    background: url("../img/icon_openSel.png") no-repeat;
    background-size: 100%;
    cursor: pointer;
}
.loading .loadingLiSel .iconStart{
    background: url("../img/icon-startSel.png") no-repeat;
    background-size: 100%;
}
.loading .loadingLiSel .iconStop{
    background: url("../img/icon_stopSel.png") no-repeat;
    background-size: 100%;
}
.loading .loadingLiSel .iconRestart{
    background: url("../img/icon_reSel.png") no-repeat;
    background-size: 100%;
}
.loading .loadingLiSel .iconDele,.loadedDelSel .loadingRight .iconDele{
    background: url("../img/icon_deleSel.png") no-repeat;
    background-size: 100%;
}
.loadedDelSel .loadingRight .iconOpen{
    background: url("../img/icon_openSel.png") no-repeat;
    background-size: 100%;
}
.loadingLeft span{
    font-size: 14px;
    /* line-height: 46px; */
    line-height: 21px;
    color: #8D8D8D;
    height: 100%;
}
.fileDelete{
    margin-left: 0.3rem;
    margin-left: 35px;
    visibility: hidden;
}
.loadedDel .loadingLeft span,.loadedDel .loadingLeft p{
    color: rgba(0,0,0,.3);
}
.loadedDel .iconOpen{
    visibility: hidden;
}
.loadedDel .fileDelete{
    visibility: visible;
}
/*是否删除弹出框*/
.isDelete{
    /* width: 4rem;
    height: 2rem;
    border: 0.016rem solid #2F9F90;
    position: absolute;
    left: 50%;
    margin-left: -2rem;
    margin-top: -1rem;
    top: 50%;
    background-color: #FFF;
    z-index: 10; */
    width: 479px;
    height: 240px;
    border: 1px solid #2F9F90;
    position: absolute;
    left: 50%;
    margin-left: -239.5px;
    margin-top: -120px;
    top: 50%;
    background-color: #FFF;
    z-index: 10;
}
.tip{
   /*  width: -webkit-calc(100%-0.15rem);
    height: 0.4rem;
    color: #FFF;
    font-size: 0.25rem;
    line-height: 0.4rem;
    padding-left: 0.15rem;
    background-color: #2F9F90; */
    height: 48px;
    color: #FFF;
    font-size: 29px;
    line-height: 48px;
    padding-left: 18px;
    background-color: #2F9F90;
}
.isText{
    /* width: 100%;
    height: 1rem;
    line-height: 1rem;
    color: #2F9F90;
    text-align: center; */
    width: 100%;
    height: 120px;
    line-height: 120px;
    color: #2F9F90;
    text-align: center;
    font-size:26px; 
}
.isBtns{
    text-align: center;
    font-size: 26px;
}
.isBtns span{
    /* display: inline-block;
    color: rgba(47,144,159,.5);
    width: 1rem;
    height: 0.4rem;
    line-height: 0.4rem;
    border: 0.016rem solid rgba(47,144,159,.5);
    cursor:pointer; */
    display: inline-block;
    color: rgba(47,144,159,.5);
    width: 119px;
    height: 47px;
    line-height: 47px;
    border: 1px solid rgba(47,144,159,.5);
    cursor: pointer;
}
.sureDel{
    /* margin-right: 0.4rem; */
    margin-right: 47px;
}
.isBtns .sureDelSel{
    color: #2F9F90;
    border: 1px solid #2F9F90;
}


















