@charset "utf-8";

/* FONTS
****************************************************************************/ */
/* font */
.font-xp::before{content: "\e718"}
.font-zq::before{content: "\e717"}
.font-zqy::before{content: "\e72b"}
.font-xzw::before{content: "\e71b"}
.font-zk::before{content: "\e71a"}
.font-vip::before{content: "\e719"}
.font-zqylogo::before{content: "\e650"}
.font-xpwlogo::before{content: "\e72d"}
.font-search::before{content: "\e72e"}
.font-dropdown::before{content: "\e716"}
.font-home::before{content: "\e72f"}
.font-qrcode::before{content: "\e732"}
.font-upto::before{content: "\e733"}
.font-realName::before{content: "\e734"}
.font-upLevel::before{content: "\e729"}
.font-map::before{content: "\e90e"}
.font-breadcrumb::before{content: "\e727"}
.font-size::before{content: "\e735"}
.font-upTime::before{content: "\e736"}

.font-times::before{content: "\e737"}
.font-copyRight::before{content: "\e738"}
.font-menu-list::before{content: "\e739"}
.font-list::before{content: "\e739"}
.font-yuwen::before{content: "\e6df"}
.font-shuxue::before{content: "\e6e0"}
.font-yingyu::before{content: "\e6e1"}
.font-wuli::before{content: "\e6e3"}
.font-huaxue::before{content: "\e6e5"}
.font-shengwu::before{content: "\e6e6"}
.font-zhengzhi::before{content: "\e6e8"}
.font-lishi::before{content: "\e6e9"}
.font-dili::before{content: "\e6e2"}
.font-other::before{content: "\e6ed"}

.font-arrow-right::before{content: "\e6b7"}
.font-help::before{content: "\e8a3"}
.font-star::before{content: "\e86d"}
.font-gotop::before{content: "\e63d"}
.font-serves::before{content: "\e630"}
.font-collect::before{content: "\fbf2"}
.font-down::before{content: "\e72c"}
.font-share::before{content: "\e72a"}
.font-careful::before{content: "\e728"}
.font-phone::before{content: "\e730"}
.font-order::before{content: "\e876"}
.font-play::before{content: "\e787"}
.font-fire::before{content: "\e745"}
.font-data::before{content: "\e756"}
.font-power::before{content: "\e731"}
.font-time::before{content: "\e74b"}
.font-user::before{content: "\e73c"}
.font-eyes::before{content: "\e73d"}
.font-time-o::before{content: "\e662"}
.font-light::before{content: "\e665"}
.font-student::before{content: "\e667"}
.font-article::before{content: "\e658"}
.font-english::before{content: "\e64a"}
.font-maybe::before{content: "\e66a"}
.font-service::before{content: "\e71c"}
.font-feedback::before{content: "\e71d"}
.font-collection::before{content: "\e71f"}
.font-topping::before{content: "\e720"}
.font-code::before{content: "\e721"}
.font-collectstar::before{content: "\e65c"}
.font-amount::before{content: "\e722"}
.font-liulan::before{content: "\e724"}
.font-hot::before{content: "\e723"}
.font-book::before{content: "\e725"}
.font-right::before{content: "\e726"}
.font-next::before{content: "\e66b"}
.font-last::before{content: "\e66a"}
.font-yulan::before{content: "\e72e"}
.font-error::before{content: "\e681"}
.font-collected::before{content: "\e6cd"}
.font-bulb::before{content: "\e73e"}
.font-hour::before{content: "\e747"}
.font-store::before{content: "\e749"}
.font-toLeft::before{content: "\e629"}
.font-toRight::before{content: "\e628"}
.font-copyright::before{content: "\e74a"}
.font-jiantoubottom::before{content: "\e6f7"}
.font-meishu::before{content: "\e750"}
.font-tingli::before{content: "\e751"}
.font-yinyue::before{content: "\e752"}
.font-zixuan::before{content: "\e753"}
.font-tiyu::before{content: "\e754"}

.font-sub-jc::before{content: "\e757"}
.font-sub-st::before{content: "\e758"}
.font-sub-zsd::before{content: "\e75b"}
.font-sub-gk::before{content: "\e755"}
.font-sub-zt::before{content: "\e759"}
.font-sub-ff::before{content: "\e75a"}
/* *************************************************************************** */

:root {
    --primary: #2ec2a3; 
}
.jstree-default .jstree-wholerow-hovered {background: #e8effb!important;border-radius: 2px;}
.jstree-default .jstree-wholerow-clicked {background: #e8effb!important;border-radius: 2px;}
.jstree-default .jstree-clicked {color: var(--primary)!important;}
.jstree-default .jstree-leaf>.jstree-ocl {display: none;}

body{background: #fff;min-width: 1200px;color:#3b3b3b;height:100%;}
a {text-decoration: none; color: #4b4b4b;}
a:hover, a:active,a:hover i{ outline: 0;color: #2ec2a3;}
.clearfix:before, .clearfix:after { content: ""; display: table;}
.clearfix:after {clear: both;}
.clearfix { *zoom: 1;}
.ellipsis{text-overflow:ellipsis; white-space:nowrap; overflow:hidden;}
.un{-webkit-transition: all .3s ease-out;-moz-transition: all .3s ease-out;-ms-transition: all .3s ease-out;
    -o-transition: all .3s ease-out;transition: all .3s ease-out;}
.wrap{width: 1200px;margin: 0 auto;}
/****BASIC STYLES*****/
.text-primary{color: #2ec2a3;}
.text-warning{color: #ffc107;}
.text-danger{color:#ff3333}
.text-grey{color: #3b3b3b;;}
.text-tint{color: #9a9a9a;}
.text-white{color: #ffffff;}
.color-white{color: #fff;}
.color_red{color:#ef2d36;}
.color_0{color: #000;}
.text-dark{color: #333333}
.text-gold{color: #D09432;}
.text-oranger{color: #FF8800;}
.text-666{ color:#666}
.text-999{ color:#999}
.font-bold{font-weight: bold;}

.article-text-danger{color: #e34435;}
.article-text-blue{color: #418bef;}
.article-text-yellow{color: #bf8221;}
.article-text-purple{color: #944ac5;}

.article-bg-danger{background: #fae6e4;}
.article-bg-blue{background: #f0f6fe;}
.article-bg-yellow{background: #fcf7ed;}
.article-bg-purple{background: #f6edfc;}

.bg-white{background: #FFFFFF;}
.bg-f9{background: #f9f9f9;}
.bg-grey{background: #f1f2f6;}
.bg-gold{background: #D09432;}
.bg-primary{background: #2ec2a3;}
.bg-info{background: #17a2b8;}
.bg-sky{background: #EAF0FE;}
.bg-danger{background: #dc3545;}
.bg-orange{background: #fff2e3;}
.bg-reds{background: #dc3545; background-image: linear-gradient(to right bottom,#fe9a24, #ff432f);}
.bg-blues{background: #dc3545; background-image: linear-gradient(to right bottom,#1c9cf5, #2b67d4);}
.bg-greens{background: #dc3545; background-image: linear-gradient(to right bottom,#54eaa8, #1ddcd1);}

.radius{border-radius: 2px;}
.radius-4{border-radius: 4px;}
.radius-6{border-radius: 6px;}
.radius-8{border-radius: 8px;}
.radius-10{border-radius: 10px;}
.d-block{display: block;}
.d-inblock{display: inline-block;}
.wraper{width: 100%;min-width: 1200px;}
.none{display: none;}
.pull-left{float: left;}
.pull-right{float: right;}
.fl{float: left;}
.fr{float: right;}
.over-hidden{overflow: hidden;}
.relative{position: relative;}
.absolute{position: absolute;}
.fix{position: fixed;left: 50%;margin-left: -600px;top: 0;}
.swiper-button-next, .swiper-button-prev{opacity: .2;z-index: 99;}

.w-100{width: 100%;}
.w-50{width: 50%;}
.w-30{width: 30%;}
.w-20{width: 20%;}
.mw-100{max-width: 100%;}
.mw-50{max-width: 50%;}
.mw-20{max-width: 20%;}
.font-12{font-size: 12px;}
.font-13{font-size: 13px;}
.font-14{font-size: 14px;}
.font-15{font-size: 15px;}
.font-16{font-size: 16px;}
.font-17{font-size: 17px;}
.font-18{font-size: 18px;}
.font-20{font-size: 20px;}
.font-24{font-size: 24px;}
.font-25{font-size: 25px;}
.font-30{font-size: 30px;}
.font-50{font-size: 50px;}
.yahei{font-family:"Microsoft YaHei" !important;}
.arial{font-family:"Arial" !important;}
.line-height-20{line-height: 20px;}
.line-height-25{line-height: 25px;}
.line-height-30{line-height: 30px;}
.line-height-35{line-height: 35px;}
.line-height-40{line-height: 40px;}
.line-height-45{line-height: 45px;}
.line-height-50{line-height: 50px;}
.line-height-55{line-height: 55px;}
.font-weight{font-weight: 700;}
.font-weight-0{font-weight: normal;}
.text-center{text-align: center;}
.text-left{text-align: left;}
.text-right{text-align: right;}
.direction-right{direction: rtl;}
.border-dashed{border:1px dashed #DEDEDE}
.border-dashed-top{border-top:1px dashed #DEDEDE}
.border-dashed-left{border-left:1px dashed #DEDEDE}
.border-dashed-right{border-right:1px dashed #DEDEDE}
.border-dashed-bottom{border-bottom:1px dashed #DEDEDE}

.border-solid-primary{border:1px solid var(--primary)}
.border-solid-danger{border:1px solid #dc3545}
.border-solid{border:1px solid #F0F0F0}
.border-solid-top{border-top:1px solid #F0F0F0}
.border-solid-left{border-left:1px solid #F0F0F0}
.border-solid-right{border-right:1px solid #F0F0F0}
.border-solid-bottom{border-bottom:1px solid #F0F0F0}
.shadow{box-shadow: 0px 8px 16px 0 rgb(0,0,0,.1);}
.text-shadow{text-shadow: 2px 2px 6px  rgb(0,0,0,.2);}
.border-box{box-sizing: border-box;}

/* region教师升级个人会员 */
@-webkit-keyframes waves {
    0% {
        background-position: 0 0
    }

    25% {
        background-position: 0 0
    }

    26% {
        background-position: 20px -20px
    }

    50% {
        background-position: 20px -20px
    }

    51% {
        background-position: 40px -40px
    }

    75% {
        background-position: 40px -40px
    }

    76% {
        background-position: 60px -60px
    }

    99% {
        background-position: 60px -60px
    }

    to {
        background-position: 0 0
    }
}
@keyframes waves {
    0% {
        background-position: 0 0
    }

    25% {
        background-position: 0 0
    }

    26% {
        background-position: 20px -20px
    }

    50% {
        background-position: 20px -20px
    }

    51% {
        background-position: 40px -40px
    }

    75% {
        background-position: 40px -40px
    }

    76% {
        background-position: 60px -60px
    }

    99% {
        background-position: 60px -60px
    }

    to {
        background-position: 0 0
    }
}
.wave {
    -webkit-animation: waves .8s linear infinite forwards;
    animation: waves .8s linear infinite forwards;
    background: -webkit-gradient(linear, left top, right top, from(#ffae12), to(#fb0505));
    background: linear-gradient(left, #ffae12, #fb0505);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent
}

/* 文件格式图标 */
.icon-wenjian{position: absolute;top: 0px;left: 0px;}
.doc,.docx{background: url(../images/title/Word-01.svg) no-repeat;width: 21px;height: 21px;background-size: contain;}
.ppt,.pptx{background: url(../images/title/PPT-01.svg) no-repeat;width: 21px;height: 21px;background-size: contain;}
.zip,.rar{background: url(../images/title/ZIP-01.svg) no-repeat;width: 21px;height: 21px; background-size: contain;}
.pdf{background: url(../images/title/PDF-01.svg) no-repeat;width: 21px;height: 21px;}
.img{background: url(../images/icon_bg.png) -35px -95px no-repeat;width: 21px;height: 21px;}
.mp3,.wma{background: url(../images/icon_bg.png) -73px -4px no-repeat;width: 21px;height: 21px;}
.mp4,.wmv,.MPG,.rm,.flv{background: url( /images/icon_bg.png) -68px -34px no-repeat;width: 21px;height: 21px;}
.flash,.swf{background: url(../images/icon_bg.png) -39px -34px no-repeat;width: 21px;height: 21px;}
.group{background: url(/images/icon.png) -514px -357px no-repeat;width: 24px;height: 24px;}

.icon-ppt,.icon-pptx{background: url(../images/title/icon-PPT.svg) no-repeat;width: 47px;height: 55px; background-size: contain;}
.icon-pdf{background: url(../images/title/icon-PDF.svg) no-repeat;width: 47px;height: 55px; background-size: contain;}
.icon-doc,.icon-docx{background: url(../images/title/icon-doc.svg) no-repeat;width: 47px;height: 55px; background-size: contain;}
.icon-rar,.icon-zip{background: url(../images/title/icon-zip.svg) no-repeat;width: 47px;height: 55px; background-size: contain;}
.icon-mp3,.icon-wma,.icon-m4a{background: url(../images/title/icon-video.svg) no-repeat;width: 45px;height: 55px; background-size: contain;}
.icon-mp4,.icon-wmv,.icon-MPG,.icon-rm,.icon-flv,.icon-avi{background: url(../images/title/icon-video.svg) no-repeat;width: 45px;height: 55px; background-size: contain;}
.icon-img,.icon-gif,.icon-jpg,.icon-jpeg,.icon-png{background: url(../images/title/icon-picture.svg) no-repeat;width: 45px;height: 55px; background-size: contain;}

.icon-txt{background: url(../images/icon.png) -180px -92px no-repeat;width: 52px;height: 55px;}
.icon-txt_1{background: url(../images/icon.png) -258px -355px no-repeat;width: 24px;height: 24px;}
.icon-color{background: #dee8ff;width: 45px;height: 55px;}
.list_pic{background:url(../images/ico.png) no-repeat -211px -6px;}
.list_doc{background: url(../images/ico.png) no-repeat -9px -6px;}
.list_docx{background: url(../images/ico.png) no-repeat -9px -6px;}
.list_ppt,.list_PPT,.list_pptx{background: url( /images/ico.png) no-repeat -75px -6px;}
.list_rar{background: url(../images/ico.png) no-repeat -177px -6px;}
/*.list_txt{background: url( /images/ico.png) no-repeat -144px -6px;}*/
.list_txt{background: url(../images/ico.png) no-repeat -111px -6px;}
.list_pdf{background: url(../images/ico.png) no-repeat -143px -6px;}
.list_zip{background: url(../images/ico.png) no-repeat -177px -6px;}
.list_mp3{background: url(../images/ico.png) no-repeat -248px -5px;height:18px !important;margin-top: 5px;}
.list_taoti{background: url(../images/ico_20180620.png) no-repeat -278px -6px}
.list_swf{background: url(../images/ico_20200927.png) no-repeat -278px -6px}
.list_mp4{background: url(../images/ico_20201021.png) no-repeat -313px -6px}
.list_rm{background: url(../images/ico_20201021.png) no-repeat -313px -6px}
/* 标题 */
.txt_title{height: 50px;line-height: 56px;overflow-y: hidden;}
.title_icon{font-weight: bold;font-size: 20px;/* position: relative; */top: 3px;}
.title_icon svg{width: 20px;height: 20px;position: relative;top: 0px;left: 1px;margin-right: 3px;}
/* .czsj{background-image: url(../images/title/czsj.svg);}
.zxsj{background-image: url(../images/title/zxsj.svg);}
.beike_{background-image: url(../images/title/zxsj.svg);}
.zttj{background-image: url(../images/title/zttj.svg);}
.mxzy{background: url(../images/title/mxzy.svg);}
.xztj{background: url(../images/title/xztj.svg);}
.djsp{background-image: url(../images/title/djsp.svg);}
.gkbk{background-image: url(../images/title/gkbk.svg);}
.gkzt{background-image: url(../images/title/gkzt.svg);}
.tbkj{background-image: url(../images/title/tbkj.svg);}
.tbja{background-image: url(../images/title/tbja.svg);}
.tbst{background-image: url(../images/title/tbst.svg);}
.tbxa{background-image: url(../images/title/tbxa.svg);}
.wkzy{background-image: url(../images/title/wkzy.svg);}
.djdzk{background-image: url(../images/title/djdzk.svg);width: 116px;}
.zsd{background-image: url(../images/title/zsd.svg);width: 67px;}
.jpzl{background-image: url(../images/title/jpzl.svg);}
.zkbk{background-image: url(../images/title/zkbk.svg);}
.zkzt_{background-image: url(../images/title/zkzt.svg);}
.yxzw{background-image: url(../images/title/yxzw.svg);}
.xsc{background-image: url(../images/title/xsc.svg);width: 67px;}
.gonggao{background-image: url(../images/title/gg.svg); width: 40px; height: 20px;top: 21px;} */
/* end */


/*scrollbar*/
::-webkit-scrollbar{width:12px;height:11px; background-color:#ededed;}
::-webkit-scrollbar:hover{ background-color:#eee; }
::-webkit-scrollbar-thumb{ background-color:#ccc; height:11px;}
::-webkit-scrollbar-thumb:hover{ background-color: #aaa;}
::-webkit-scrollbar-thumb:active{background-color:#999;}

/* spacing */
.mar-t10{margin-top:10px;}
.mar-l30{margin-left:30px;}
.mar-l20{margin-left:20px;}
.mar-l10{margin-left:10px;}
.mar10{ margin-top:10px;}
.mar15{ margin-top:15px;}
.mar20{ margin-top:20px;}
.mar25{margin-top: 25px;}
.mar30{ margin-top:30px;}
.mar-t50{margin-top: 50px;}
.mar-t20{margin-top: 20px;}
.marb20{ margin-bottom:20px;}
.m-center{margin: 0 auto;}
.m-0{margin:0!important}
.mx-0{margin-left:0!important;margin-right:0!important}
.my-0{margin-left:0!important;margin-bottom:0!important}
.ml-0{margin-left:0!important}
.mt-0{margin-top:0!important}
.mr-0{margin-right:0!important}
.mb-0{margin-bottom:0!important}

.m-5{margin: 5px;}
.mx-2{margin-left: 2px;margin-right: 2px;}
.mx-5{margin-left: 5px;margin-right: 5px;}
.my-5{margin-top: 5px;margin-bottom: 5px;}
.my-n-5{margin-top: -5px;margin-bottom: -5px;}
.mt-5{margin-top: 5px;}
.ml-5{margin-left: 5px;}
.mr-5{margin-right: 5px;}
.mb-5{margin-bottom: 5px;}

.m-10{margin: 10px;}
.mx-10{margin-left: 10px;margin-right: 10px;}
.my-10{margin-top: 10px;margin-bottom: 10px;}
.mt-10{margin-top: 10px;}
.ml-10{margin-left: 10px;}
.mr-10{margin-right: 10px;}
.mb-10{margin-bottom: 10px;}

.m-15{margin: 15px;}
.mx-15{margin-left: 15px;margin-right: 15px;}
.my-15{margin-top: 15px;margin-bottom: 15px;}
.mt-15{margin-top: 15px;}
.ml-15{margin-left: 15px;}
.mr-15{margin-right: 15px;}
.mb-15{margin-bottom: 15px;}

.m-20{margin: 20px;}
.mx-20{margin-left: 20px;margin-right: 20px;}
.my-20{margin-top: 20px;margin-bottom: 20px;}
.mt-20{margin-top: 20px;}
.ml-20{margin-left: 20px;}
.mr-20{margin-right: 20px;}
.mb-20{margin-bottom: 20px;}

.m-25{margin: 25px;}
.mx-25{margin-left: 25px;margin-right: 25px;}
.my-25{margin-top: 25px;margin-bottom: 25px;}
.mt-25{margin-top: 25px;}
.ml-25{margin-left: 25px;}
.mr-25{margin-right: 25px;}
.mb-25{margin-bottom: 25px;}

.m-30{margin: 30px;}
.mx-30{margin-left: 30px;margin-right: 30px;}
.my-30{margin-top: 30px;margin-bottom: 30px;}
.mt-30{margin-top: 30px;}
.ml-30{margin-left: 30px;}
.mr-30{margin-right: 30px;}
.mb-30{margin-bottom: 30px;}

.m-40{margin: 40px;}
.mx-40{margin-left: 40px;margin-right: 40px;}
.my-40{margin-top: 40px;margin-bottom: 40px;}
.mt-40{margin-top: 40px;}
.ml-40{margin-left: 40px;}
.mr-40{margin-right: 40px;}
.mb-40{margin-bottom: 40px;}

.p-0{padding:0!important}
.px-0{padding-left:0!important;padding-right:0!important}
.py-0{padding-left:0!important;padding-bottom:0!important}
.pl-0{padding-left:0!important}
.pt-0{padding-top:0!important}
.pr-0{padding-right:0!important}
.pb-0{padding-bottom:0!important}

.p-5{padding: 5px;}
.px-5{padding-left: 5px;padding-right: 5px;}
.py-5{padding-top: 5px;padding-bottom: 5px;}
.pt-5{padding-top: 5px;}
.pl-5{padding-left: 5px;}
.pr-5{padding-right: 5px;}
.pb-5{padding-bottom: 5px;}

.p-10{padding: 10px;}
.px-10{padding-left: 10px;padding-right: 10px;}
.py-10{padding-top: 10px;padding-bottom: 10px;}
.pt-10{padding-top: 10px;}
.pl-10{padding-left: 10px;}
.pr-10{padding-right: 10px;}
.pb-10{padding-bottom: 10px;}

.p-15{padding: 15px;}
.px-15{padding-left: 15px;padding-right: 15px;}
.py-15{padding-top: 15px;padding-bottom: 15px;}
.pt-15{padding-top: 15px;}
.pl-15{padding-left: 15px;}
.pr-15{padding-right: 15px;}
.pb-15{padding-bottom: 15px;}

.p-20{padding: 20px;}
.px-20{padding-left: 20px;padding-right: 20px;}
.py-20{padding-top: 20px;padding-bottom: 20px;}
.pt-20{padding-top: 20px;}
.pl-20{padding-left: 20px;}
.pr-20{padding-right: 20px;}
.pb-20{padding-bottom: 20px;}

.p-25{padding: 25px;}
.px-25{padding-left: 25px;padding-right: 25px;}
.py-25{padding-top: 25px;padding-bottom: 25px;}
.pt-25{padding-top: 25px;}
.pl-25{padding-left: 25px;}
.pr-25{padding-right: 25px;}
.pb-25{padding-bottom: 25px;}

.p-30{padding: 30px;}
.px-30{padding-left: 30px;padding-right: 30px;}
.py-30{padding-top: 30px;padding-bottom: 30px;}
.pt-30{padding-top: 30px;}
.pl-30{padding-left: 30px;}
.pr-30{padding-right: 30px;}
.pb-30{padding-bottom: 30px;}



/****************************完善个人信息(学科)****************/
.mask{z-index:1000000000;background-color:rgba(0,0,0,.3);position:fixed; top:0;  width:100%;height:100% }
.dialog{width: 560px;height:auto;background-color:#fff;margin:80px auto;}
.dialog h3{height: 40px;line-height: 40px;}
.dialog form{padding:0 30px;}
.dialog input{outline:none;height:35px;width: 400px;background-color: #f3f3f3;border:none;padding-left:15px;}
.dialog ul li a{display:block; width:83px;height:36px;line-height:36px; text-align:center; background-color:#f3f3f3; border-radius:5px}
.dialog .active a{background-color:var(--primary); color:#fff;}
.dialog .btn a{width: 279px;display:inline-block;background-color: #fff;height: 40px;line-height: 40px;text-align:center;}
.dialog .btn a:hover{background-color:var(--primary);color:#fff}
/****************************完善个人信息(学科)****************/