@charset "utf-8";
html {
    height: 100%;
    min-height: 800px;
    min-width: 1200px;
}
body {
    height: 100%;
    position: relative;
    font-size: 16px;
    color: #000;
    font-family: "微软雅黑";
}

/*通知*/
.x-notice {
    box-sizing: border-box;
    position: fixed;
    padding: 25px;
    color: #f0ecec;
    top: -450px;
    background: rgba(87, 100, 136, 0.8);
    border-radius: 10px;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    z-index: 99999;
    font-family: 微软雅黑;
    left: 50%;
    width: 800px;
    margin-left: -400px;
    font-size: 22px;
    line-height: 2;
    box-shadow: 0 0 8px 6px #919ac4;
}
.x-notice>p {
    text-align: right;
    line-height: 1.5;
}
.x-notice>div:first-child {
    text-align: center;
    font-weight: bold;
    letter-spacing: 0.5em;
    padding-bottom: 10px;
}
.x-notice>div:first-child>a {
    float: right;
}
.x-notice>div:nth-child(2) {
    display: flex;
}
.x-notice>div:nth-child(2)>div {
    flex: 1;
    width: 50%;
}
.x-notice>div:nth-child(2)>div:first-child {
    padding-right: 10px;
}
.x-notice>div:nth-child(2)>div:last-child {
    padding-left: 10px;
}
.x-notice>div:nth-child(2)>div>p {
    text-indent: 2em;
    text-align: justify;
}

/* 问卷调查 */
.questionnaire{
    position: fixed;
    top: 80%;
    right: 10px;
    background: #fff;
    color: #777;
    box-shadow: 0 0 40px rgba(208, 202, 183, 0.25);
    border-radius: 15px;
    width: 80px;
    z-index: 99;
    height: 80px;
    line-height: 80px;
    text-align: center;
}
.questionnaire:hover{
    background:#f79533;
    color:#fff;
}
.shade_all{
    position: fixed;
    width: 100%;
    height: 100%;
    top: 0;
    z-index: 999;
    background: rgba(0, 0, 0, 0.5);
    transition:all 0.3s ease-out;
}
.dct{
    transform:translate(48%,35%) scale(0);
}
.ques{
    width: 600px;
    height: 530px;
    margin: 140px auto 0;
    box-shadow: 0 0 20px 10px wheat;
    background: url(../userimg/quesbg.jpg) no-repeat;
    background-size: 100% 100%;
}
.ques:after{
    display: block;
    clear: both;
    content: '';
}
.close{
    height: 35px;
}
.close img{
    float: right;
    margin: 5px 5px 0 0;
    cursor: pointer;
}
.ques_zhan{
    margin-top: 380px;
    margin-left: 360px;
    color: #fff;
    /* display: flex;
    justify-content: space-around; */
}
.ansBtn{
    width: 100px;
    height: 35px;
    line-height: 35px;
    text-align: center;
    background-color: #F56C6C;
    color: #fff;
    border-radius: 50%;
    cursor: pointer;
    margin-bottom: 25px;
}

/* 开奖结果 */
.meng{
    position: fixed;
    width: 100%;
    height: 100%;
    top: 0;
    z-index: 999;
    background: rgba(0, 0, 0, 0.4);
}
.award_notice{
    position: absolute;
    width: 772px;
    height: 630px;
    top: 50%;
    left: 50%;
    margin-left: -300px;
    margin-top: -322px;
}
.award_notice .award_close{
    position: absolute;
    right: -32px;
    top: 0;
    cursor: pointer;
}
.award_notice a{
    position: absolute;
    width: 472px;
    left: 50%;
    margin-left: -236px;
    margin-top: -46px;
}

/* 用户体验 */
.prefecture{
    position: fixed;
    top: 70%;
    right: 10px;
    background: #fff;
    color: #777;
    box-shadow: 0 0 40px rgba(208, 202, 183, 0.25);
    border-radius: 15px;
    width: 80px;
    z-index: 99;
    height: 80px;
    line-height: 80px;
    text-align: center;
}
.prefecture:hover{
    background:#f79533;
    color:#fff;
}


/**/
.admin .side-t {
    background: url(../img/bg_04.png) top center no-repeat;
    display: flex;
    justify-content: center;
}
.information-cue{
    margin-top: 12px;
    text-align: left;
}
.sidebox .side-t .msg-span{
    height: 16px;
    width: 16px;
    background: url(../images/message_16.png) no-repeat;
    margin-left: 10px;
    cursor: pointer;
    display: inline-block;
}
.sidebox .side-t .msg-span:hover{
    height: 16px;
    width: 16px;
    background: url(../images/message_hover.png) no-repeat;
    margin-left: 10px;
    cursor: pointer;
}
.sidebox .side-t .msg-dot{
    width: 5px;
    height: 5px;
    background-color:#F56C6C;
    border-radius:50%;
    cursor: pointer;
    display: inline-block;
    vertical-align: top;
}

.admin .side-m {
    background: url(../img/bg_05.png) left no-repeat;
}

.adminlist {}

.adminlist li a {
    display: block;
}

.adminlist li {
    font-size: 16px;
    color: #d0d1d0;
    min-height: 72px;
    text-align: center;
    line-height: 72px;
    position: relative;
    cursor: pointer;
    border-bottom: 2px solid rgba(109, 94, 102, 0.35);
    /* padding-right: 10px; */
}

.adminlist li.on {
    background: url(../img/shadow_01.png) bottom center no-repeat;
}

.adminlist li i {
    display: inline-block;
    width: 18px;
    height: 18px;
    /* position: absolute; */
    /* top: 27px; */
    /* left: 60px; */
    margin-right: 15px;
    vertical-align: middle;
    margin-bottom: 3px;
}

.nav1 i {
    background: url(../img/nav_01.png) center no-repeat;
}

.nav2 i {
    background: url(../img/nav_02.png) center no-repeat;
}

.nav3 i {
    background: url(../img/nav_03.png) center no-repeat;
}

.nav4 i {
    background: url(../img/nav_04.png) center no-repeat;
}

.nav5 i {
    background: url(../img/nav_05.png) center no-repeat;
}

.nav6 i {
    background: url(../img/nav_06.png) center no-repeat;
}

.nav7 i {
    background: url(../img/nav_07.png) center no-repeat;
}
.nav8 i {
    background: url(../img/nav_08.png) center no-repeat;
}

.nav1.on i {
    background: url(../img/navon_01.png) center no-repeat;
}

.nav2.on i {
    background: url(../img/navon_02.png) center no-repeat;
}

.nav3.on i {
    background: url(../img/navon_03.png) center no-repeat;
}

.nav4.on i {
    background: url(../img/navon_04.png) center no-repeat;
}

.nav5.on i {
    background: url(../img/navon_05.png) center no-repeat;
}

.nav6.on i {
    background: url(../img/navon_06.png) center no-repeat;
}

.nav7.on i {
    background: url(../img/navon_07.png) center no-repeat;
}
.nav8.on i {
    background: url(../img/navon_08.png) center no-repeat;
}

.cont-t {
    font-size: 24px;
    color: #1b1723;
    margin: 24px 0;
    position: relative;
}
.cont-t .search{
    margin:0;
}
.searchbox {
    text-align: right;
    margin-top: -20px;
    margin-bottom: 20px;
    margin-right: -50px;
}

.searchbox .search {
    margin: 0;
    display: inline-block;
    vertical-align: top;
    text-align: left;
}


.sidebox {
    width: 16%;
    position: absolute;
    height: 100%;
    min-height: 800px;
    box-shadow: 5px 0 20px 2px rgba(70, 72, 78, 0.35);
    z-index: 3;
    max-width: 294px;
}

.side-t {
    height: 125px;
    background: url(../img/bg_01.png) top center no-repeat;
    padding: 28px 10%;
    position: relative;
    width: 100%;
    top: 0;
    font-size: 0;
    text-align: center;
    padding: 28px 10px 28px 2%;
}

.side-t img {
    display: inline-block;
    width: 38%;
    height: -webkit-fill-available;
    border-radius: 50%;
    max-width: 70px;
    vertical-align: top;
    width: 70px;
    height: 70px;
}

.side-t>div {
    display: inline-block;
    /*! width: 62%; */
    padding-left: 10px;
    max-width: calc(100% - 70px);
    /* max-width: 108px; */
}

.side-t div h3 {
    color: #e6e6e6;
    font-size: 15px;
    margin: 10px 0 10px 5px;
    text-align: left;
    min-width: 90px;
    line-height: 17px;
    height: 17px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.sidet-a a {
    font-size: 12px;
    color: #242735;
    width: 70px;
    height: 18px;
    background: #cfa972;
    border-radius: 20px;
    text-align: center;
    line-height: 17px;
    cursor: pointer;
    margin-right: 5px;
}

.side-m {
    height: calc(100% - 125px);
    /* padding-top: 125px; */
    background: url(../img/bg_02.png) no-repeat;
    overflow-y: auto;
}

.sidelist {
    border-bottom: 2px solid rgba(86, 89, 98, 0.35);
}

.sidelist p {
    font-size: 18px;
    color: #d0d1d0;
    height: 72px;
    text-align: center;
    line-height: 72px;
    position: relative;
    cursor: pointer;
}

.sidelist.on p:after {

    content: '';

    display: block;

    width: 9px;

    height: 100%;

    background: #d2a25c;

    position: absolute;

    right: 0;

    top: 0;
}

.sidelist p i {
    display: inline-block;
    width: 16px;
    height: 17px;
    background: url(../img/icon_02.png) top center no-repeat;
    /* position: absolute; */
    /* left: 70px; */
    /* top: 28px; */
    margin-right: 10px;
    vertical-align: middle;
    margin-bottom: 4px;
}

.sidelist ul {
    text-align: center;
    background: #4b5670;
}

.sidelist ul li {
    font-size: 16px;
    color: #9fa8af;
    height: 71px;
    line-height: 72px;
}

.sidelist ul li.on {
    background: url(../img/icon_01.png) bottom center no-repeat;
}

/* 广告：校园招聘、在线活动 */
.advertising{
    position: absolute;
    width: 100%;
    bottom: 0;
}
.advertising .online_play{
    width: 100%;
    height: 120px;
    cursor: pointer;
}
.online_play a{
    position: absolute;
    height: 120px;
}
.online_play a img{
    width: 100%;
    height: 100%;
}
.advertising .find_job{
    width: 100%;
    height: 119px;
}
.find_job a{
    position: absolute;
    height: 119px;
}
.find_job a img{
    width: 100%;
    height: 100%;
}

.shade_hidden{
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, 0.45);
    position: fixed;
    overflow-y: auto;
    z-index: 999;
    transition: all 0.5s;
}
.close_note{
    position: absolute;
    right: -22px;
    top: -22px;
    cursor: pointer;
}
.shade_text{
    width: 540px;
    margin: 50px auto 20px;
    box-shadow: 0 0 15px 0 wheat;
    position: relative;
}
.note_text img{
    width: 100%;
}
.show_note{
    transform: translate(-45%,35%) scale(0) rotate(1800deg);
}

/* 广告投放 end */

.indexbody .sidebox {
    display: none;
}
.indexbody .content {
    padding-left: 0;
    overflow: auto;
    /* height: auto; */
}
.indexbody .top {
    /* padding: 32px 0 0 7.5%; */
    background-color: #333;
    height: 80px;
    padding: 16px 10%;
    color: #fff;
    border-bottom: none;
    position: fixed;
    z-index: 9;
}
.indexbody .top .nav-guide {
    position: absolute;
    top: 0;
    line-height: 76px;
    margin-left: calc(16% + 399px);
}
.indexbody .top .nav-guide li {
    padding: 0 15px;
    display: inline-block;
    font-size: 16px;
}
.indexbody .top .nav-guide li.on {
    color: #f3981f;
    border-bottom: 4px solid #f3981f;
}

.indexbody .shape {
    width: 114px;
    height: 32px;
    line-height: 32px;
    text-align: center;
    position: absolute;
    top: 24px;
    right: 0;
    margin-right: 16%;
    background: url('../userimg/new/Rectangle.png');
    font-size: 14px;
}
.indexbody .shape>i {
    display: inline-block;
    width: 15px;
    height: 16px;
    position: relative;
    top: 2px;
    margin-right: 5px;
    background: url('../userimg/new/Shape.png') center no-repeat;
}


/* .indexbody .top-r {
    right: 18.5%;
} */
.indexbody .top-login {
    position: absolute;
    height: 80px;
    width: 240px;
    top: 0;
    right: 12%;
    font-size: 0;
    text-align: center;
    padding-top: 5px;
}
.indexbody .top-login img {
    display: inline-block;
    height: -webkit-fill-available;
    border-radius: 50%;
    max-width: 70px;
    vertical-align: top;
    width: 70px;
    height: 70px;
}
.indexbody .top-login>div {
    display: inline-block;
    padding-left: 10px;
    max-width: calc(100% - 70px);
}
.indexbody .top-login div h3 {
    color: #e4e4e4;
    font-size: 15px;
    margin: 10px 0 10px 5px;
    text-align: left;
    min-width: 90px;
    line-height: 17px;
    height: 17px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}
.indexbody .top-login-a a {
    font-size: 12px;
    color: #fff;
    background: #f3981f;
    padding: 4px;
    border-radius: 4px;
    text-align: center;
    line-height: 17px;
    cursor: pointer;
    margin-right: 5px;
}

/* .indexbody .top-nav {
    position: absolute;
    height: 125px;
    width: 240px;
    top: 0;
    left: calc(7.5% + 509px);
    font-size: 16px;
    font-weight: bold;
    color: #2c2f3e;
    text-align: center;
}

.indexbody .top-nav ul li{
    display: inline-block;
    line-height: 125px;
    padding: 0 5px;
}
.top-nav ul li.on {
    color: #dca049;
    border-bottom: 4px solid #dca049;
    background-color: #ece7de;
} */

.carousel {
    padding-top: 80px;
}
.carousel img {
    width: 100%;
}

.indexbody .source {
    position: absolute;
    z-index: 8;
    width: 66%;
    height: 380px;
    top: 399px;
    left: 17%;
    background: url('../userimg/new/bannerbj.png') center no-repeat;
    text-align: center;
    padding: 51px 42px;
}

.indexbody .bottom {
    background-color: #1a1a1a;
    text-align: center;
    color: #ccc;
    line-height: 68px;
}

/* 分类导航 */
.classify-nav {
    position: relative;
    padding-top: 10px;
}
.classify-nav ul{
    display: flex;
    flex-wrap: wrap;
}
.classify-nav>ul>li{
    width: 33%;
    height: 184px;
    margin-right: 0.5%;
    padding: 0 67px;
    padding-top: 15px;
    border-right: 1px solid #ccc;
    text-align: left;
}
.classify-nav>ul>li:nth-child(3n + 3){
    margin-right: 0;
    border-right: none;
}
.classify-nav>ul>li h3{
    width: 85%;
    display: inline-block;
    font-size: 28px;
    font-weight: bold;
    color: #333;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}
.classify-nav .classify-li ul {
    padding-top: 10px;
}
.classify-nav .classify-li ul li{
    width: 33%;
    height: 50px;
    line-height: 50px;
    margin-right: 0.5%;
    text-align: left;
    font-size: 16px;
    color: #666;
}
.classify-nav .classify-li ul li:nth-child(3n + 3){
    margin-right: 0;
}
.classify-nav .classify-li ul li p{
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}
.classify-nav .classify-li ul span{
    font-size: 16px;
    color: #666;
    margin-top: 15px;
}
.classify-nav span {
    position: absolute;
    cursor: pointer;
}
.classify-nav span.left {
    left: 0;
    top: 60px;
    transform: rotate(180deg);
}
.classify-nav span.right {
    right: 0;
    top: 60px;
}
/**/
.nav-way {
    height: 100px;
    line-height: 100px;
    background-color: #e7eaef;
}
.check-more {
    text-align: right;
}
.check-more span{
    font-size: 14px;
    cursor: pointer;
    color: #f39e19;
}
.check-more span::after{
    content: ">>";
    display:inline-block;
    margin: 0 2px;
}

@media screen and (max-width: 1660px) {
    .indexbody .top .nav-guide {
        margin-left: calc(5% + 399px);
    }
    .indexbody .shape {
        margin-right: 5%;
    }
    .indexbody .top-login {
        right: 2%;
    }
    .indexbody .source {
        top: 299px;
    }
    .classify-nav>ul>li h3{
        width: 75%;
    }
}
/**/
.content {
    width: 100%;
    padding-left: 16%;
    height: 100%;
    overflow: hidden;
    position: relative;
    background: #e7eaef;
}

.top {
    height: 125px;
    background: #fff;
    padding: 32px 0 0 22%;
    border-bottom: 1px solid #dee0e4;
    position: absolute;
    width: 100%;
    top: 0;
    right: 0;
    z-index: 2;
}
.top-r {
    position: absolute;
    right: 45px;
    top: 45px;
    display: flex;
}
.top-r>a{
    border: 1px solid #666666;
    border-radius: 5px;
    color: #666666;
    font-size: 16px;
    display: flex;
    justify-content: center;
    align-items: center;
    width: 150px;
    height: 40px;
    margin-right: 20px;
}
.top-r>.atool{
    margin-right: 0;
}
.top-r span{
    width: 22px;
    height: 22px;
    margin-right: 10px;
}
.top-r .teacher-guide>span{
    background: url('../img/teacher-guide.png') center no-repeat;
    background-size: 100% 100%;
}
.top-r .student-guide>span{
    background: url('../img/student-guide.png') center no-repeat;
    background-size: 100% 100%;
}
.top-r .use-help>span{
    background: url('../img/use-help.png') center no-repeat;
    background-size: 100% 100%;
}
.top-r .atool>span{
    background: url('../img/atool.png') center no-repeat;
    background-size: 100% 100%;
}
.top-r .login {
    width: 106px;
    height: 28px;
    background: #b69463;
    color: #fff;
    display: block;
    line-height: 28px;
    text-align: center;
    font-size: 15px;
    border-top-right-radius: 28px;
    border-bottom-right-radius: 28px;
    box-shadow: 0 0 10px 1px rgba(0, 11, 31, 0.24);
}
.top-r .downyy{
    display: block;
    position: absolute;
    right: 0px;
    top: 45px;
    font-size: 14px;
    /* color: #b69463; */
    /* border-bottom: 1px solid #b69463; */
    width: 155px;
    height: 20px;
    color: red;
    border-bottom: 1px solid red;
}
.cont {
    background: #e7eaef;
    height: 100%;
    padding-top: 125px;
    width: 85%;
    margin: 0 auto;
    position: relative;
}
.cont-new {
    padding-top: 80px;
}
.cont-indx {
    padding-top: 0px;
    margin-top: 240px;
}

.search {
    margin: 15px 0;
    padding-left: 20px;
    width: 243px;
    height: 35px;
    background: #fff;
    border-radius: 35px;
    line-height: 33px;
    box-shadow: 0 0 10px 0px rgba(4, 0, 0, 0.06);
    font-size: 0;
    vertical-align: top;
}

.search:before{
    content:'';
    display:inline-block;
    width: 10px;
    height: 10px;
    background: #cfa972;
    vertical-align: middle;
    margin-bottom: 2px;
}
.search input {
    font-size: 15px;
    color: #414a60;
    background: transparent;
    border: 0;
    margin-left: 10px;
    width: 162px;
    line-height: 35px;
    vertical-align: middle;
    height: 35px;
}

.search input::-webkit-input-placeholder {
    /* WebKit browsers */
    color: #414a60;
}

.search input:-moz-placeholder {
    /* Mozilla Firefox 4 to 18 */
    color: #414a60;
}

.search input::-moz-placeholder {
    /* Mozilla Firefox 19+ */
    color: #414a60;
}

.search input:-ms-input-placeholder {
    /* Internet Explorer 10+ */
    color: #414a60;
}

.search form {
    display: inline-block;
}

.search a {
    display: inline-block;
    width: 16px;
    height: 16px;
    background: url(../img/search_01.png) center no-repeat;
    vertical-align: middle;
    margin-bottom: 2px;
}

.nav {
    height: 40px;
    background: #fff;
    /* margin-right: 120px; */
    box-shadow: 0 0 10px 0px rgba(4, 0, 0, 0.06);
    font-size: 0;
    color: #272a38;
    /* padding: 0 15px; */
    margin-bottom: 20px;
    position: relative;
    /* padding-right: 60px; */
    padding: 0 8px;
}

.navul {
    display: inline-block;
    max-width: 100%;
    overflow: hidden;
    height: 45px;
    position: relative;
    z-index: 4;
}

.navul li,
.onselect {
    display: inline-block;
    /* width: 160px; */
    text-align: center;
    padding: 0 10px;
    max-width: 250px;
}
.onselect{
    display: none;
}
.navul li a,
.onselect a {
    font-size: 16px;
    line-height: 40px;
    padding: 0 5px;
    display: inline-block;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    max-width: 100%;
}

.navul li.on a,
.onselect.on a {color: #d2a25c;border-bottom: 6px solid #b69463;height: 44px;}

.select {
    position: absolute;
    width: 30px;
    height: 100%;
    background: url(../img/icon_04.png) center no-repeat;
    right: 30px;
    top: 0;
    cursor: pointer;
}

.nav-b {
    position: absolute;
    right: 0;
    top: 48px;
    background: rgba(255, 255, 255, 0.8);
    box-shadow: 0px 3px 5px #d6d5d5;
    padding: 20px 10px 10px;
    font-size: 0;
    width: 100%;
    z-index: 3;
}
.nav-b li.on {
    color: #d2a25c;
}

.nav-b li:hover,.navul li a:hover {
    color: #d2a25c;
}
.nav-b li {
    display: inline-block;
    font-size: 16px;
    width: 150px;
    line-height: 35px;
    text-align: center;
    /* cursor: pointer; */
    height: 35px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    padding: 0 10px;
}

.nav-b li a {}

.nav-b li.on a {}

.cont-m {
    font-size: 0;
}

.list {
    height: 78%;
    overflow-y: auto;
}
.way{
    margin-bottom: 10px;
    /*margin-top: -15px;*/
}
.way i{
    font-size: 15px;
    cursor: pointer;
    color: #585d79;
}
.way i:after{
    content:'>';
    display:inline-block;
    margin: 0 6px;
}
.way span{
    font-size: 15px;
    cursor: pointer;
    color: #585d79;
}
.way span:last-child{
    color:#000;
}
.way span:after{
    content:'>';
    display:inline-block;
    margin: 0 6px;
}
.way span:last-child:after{
    display:none;
}
.list ul {}

.list ul li {
    display: inline-block;
    width: 18.4%;
    margin-right: 2%;
    overflow: hidden;
    border-radius: 5px;
    background: #fff;
    box-shadow: 0 0 10px 1px rgba(0, 11, 31, 0.16);
    margin-bottom: 35px;
    position: relative;
}
.resource-li{
    /* height: 302px; */
}
.list ul li:nth-child(5n){
    margin-right:0;
}

.indexbody .list ul li {
    display: inline-block;
    width: 16%;
    margin-right: 0.8%;
    overflow: hidden;
    border-radius: 5px;
    background: #fff;
    box-shadow: 0 0 10px 1px rgba(0, 11, 31, 0.16);
    margin-bottom: 30px;
    position: relative;
}
.indexbody  .list ul li:nth-child(6n){
    margin-right:0;
}

/* .resource-li>a{
    height: 0;
    padding-bottom: 75%;
    display: block;
    position: relative;
} */
/* .resource-li>a img {
    display: block;
    width: 100%;
    position: absolute;
    height: 100%;
    background: #ccc; 
}*/
.class-li{}
.imgdiv{
    height: 0;
    padding-bottom: 75%;
    display: block;
    position: relative;
}
.imgdiv img {
    display: block;
    width: 100%;
    position: absolute;
    height: 100%;
    background: #ccc;
}
.resource-li .list-t{
    /* height: 91px; */
}
.list-t {
    border-bottom: 1px solid #f4f4f4;
    padding: .7rem .55rem;
}

.list-t h3 {
    font-size: 16px;
    color: #313131;
    margin-bottom: 3px;
    padding-right: 12px;
}

.list-t p {
    font-size: 14px;
    color: #a0a0a0;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    padding-right: 40px;
}

.list-t div {
    margin-top: 5px;
    height: 18px;
}

.see {
    font-size: 13px;
    color: #a0a0a0;
    max-width: 56%;
    display: inline-block;
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
}
.see:before{
    content:'';
    display:inline-block;
    width: 22px;
    height: 13px;
    background: url(../img/icon_05.png) center no-repeat;
    vertical-align: middle;
    margin-bottom: 2px;
    margin-right: 5px;
}
.down {
    font-size: 13px;
    color: #292929;
    text-align: center;
    display: block;
    width: 55px;
    height: 19px;
    border: 1px solid #c6c6c6;
    border-radius: 19px;
    line-height: 19px;
    float: right;
}
.down:active{
    border: 0;
   background:#53607c;
   color:#fff;
}
.list-b {
    padding: .7rem .55rem;
}
.list-b .time{
    font-size: 12px;
    color: #525252;
    text-align: right;
}
.list-t .schooltit{
    font-size: 12px;
    color: #313131;
    margin-top: 14px;
}
.schooltit {
    font-size: 12px;
    color: #313131;
    display: inline-block;
    width: 80%;
}

.schooltit img {
    display: inline-block;
    width: 23px;
    height: 23px;
    background: #959595;
    border-radius: 50%;
    vertical-align: middle;
    margin-bottom: 4px;
    margin-right: 5px;
}

.list-b a {
    font-size: 12px;
    color: #53607c;
    display: inline-block;
    width: 20%;
    text-align: center;
}
.cover{
    position: fixed;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    background: rgba(29, 34, 43, 0.83);
    z-index: 10;
}
.titbox{
    position: fixed;
    background: #fff;
    top: 20%;
    left: 50%;
    z-index: 11;
    padding: 40px 50px;
    border-radius: 10px;
    box-shadow: 0 0 35px 2px rgba(0, 11, 31, 0.4);
}
.titbox .close{
    display: block;
    width: 24px;
    height: 24px;
    background: url(../img/x.png) center no-repeat;
    position: absolute;
    right: 6px;
    top: 6px;
}
.titbox h2{
    line-height: 45px;
    margin-left: -15px;
    font-size: 20px;
}
.titbox h2:before{
    content: '';
    display: block;
    width: 10px;
    height: 45px;
    background: #cfa972;
    position: absolute;
    left: 0;
}
.loginbox{
    width: 452px;
    margin-left: -226px;
}
.logindiv{
    margin-top: 40px;
    position: relative;
    text-align: center;
}
.logindiv input{
    font-size: 18px;
    color: #2c2f3e;
    width: 100%;
    height: 50px;
    border: 0;
    border-bottom: 2px solid #eaeaea;
    text-align: center;
    margin-top: 5px;
}
.logindiv .abutton{
    display: block;
    height: 35px;
    background: #53607c;
    width: 100%;
    border-radius: 35px;
    text-align: center;
    line-height: 35px;
    font-size: 18px;
    margin-top: 35px;
    color: #fff;
    margin-bottom: 30px;
}
.logindiv div{
    position: relative;
}
.logindiv div p:after{
    content:'';
    display:block;
    width: 20px;
    height: 11px;
    background: url(../img/icon_06.png) center no-repeat;
    position: absolute;
    right: 114px;
    top: 22px;
}
.logindiv div p{
    font-size: 18px;
    color: #2c2f3e;
    width: 100%;
    height: 50px;
    border: 0;
    border-bottom: 2px solid #eaeaea;
    text-align: center;
    margin-top: 5px;
    line-height: 50px;
    cursor: pointer;
}
.logindiv div ul{
    position: absolute;
    background: #fff;
    text-align: center;
    line-height: 40px;
    width: 100%;
    padding: 10px;
    box-shadow: 0 4px 7px rgba(0, 0, 0, 0.3215686274509804);
    display: none;
}.logindiv div ul li{
    cursor: pointer;
}
.logindiv div ul li:hover,.logindiv div ul li.on{
    color: #cfa972;
}
.logindiv input.password:hover + i {
    display: inline-block;
}
.logindiv i {
    width: 22px;
    height: 13px;
    background: url(../img/icon_05.png);
    position: absolute;
    right: 5px;
    cursor: pointer;
    display: none;
}
.logindiv i:hover {
    display: inline-block;
}
.logindiv i.eye {
    top: 31%;
}
.logindiv i.eye-r {
    top: 60%;
}

.alink{
    font-size: 26px;
    color: #000;
}
.alink:before{
    content:'';
    display:inline-block;
    width: 7px;
    height: 33px;
    background: #cfa972;
    vertical-align: middle;
    margin-right: 5px;
}

.delbox{
    width: 400px;
    margin-left: -200px;
}
.delbox p{
    margin: 25px 0;
    word-wrap: break-word;
    text-align: center;
}
.doubledelbox{
    width: 400px;
    margin-left: -200px;
}
.doubledelbox p{
    margin: 25px 0;
    word-wrap: break-word;
    text-align: center;
}
.doubledel{
    width: 400px;
    margin-left: -200px;
    position: fixed;
    background: #fff;
    top: 20%;
    left: 50%;
    z-index: 11;
    padding: 40px 50px;
    border-radius: 10px;
    box-shadow: 0 0 35px 2px rgba(0, 11, 31, 0.4);
}
.doubledel p{
    margin: 25px 0;
    word-wrap: break-word;
    text-align: center;
}
.doubledel .close{
    display: block;
    width: 24px;
    height: 24px;
    background: url(../img/x.png) center no-repeat;
    position: absolute;
    right: 6px;
    top: 6px;
}
.doubledel h2{
    line-height: 45px;
    margin-left: -15px;
    font-size: 20px;
}
.doubledel h2:before{
    content: '';
    display: block;
    width: 10px;
    height: 45px;
    background: #cfa972;
    position: absolute;
    left: 0;
}
.doubledel .disablebutton {
    width: 168px;
    height: 40px;
    background: #cfa972;
    opacity: 0.5;
    display: block;
    text-align: center;
    line-height: 40px;
    border-radius: 40px;
    margin: 45px auto 0;
    font-size: 16px;
    color: #1d1d1d;
}

.buttons-roll {
    display: flex;
    justify-content: center;
}
.button {
    width: 168px;
    height: 40px;
    background: #cfa972;
    display: block;
    text-align: center;
    line-height: 40px;
    border-radius: 40px;
    /* margin: 45px auto 0; */
    margin: 45px 10px 0;
    font-size: 16px;
    color: #1d1d1d;
}
.loginsel{
    font-size: 0;
    margin: 20px 0;
    text-align: center;
}
.loginsel div{
    display: inline-block;
    width: 50%;
}
.loginsel div a{
    display: block;
    width: 100px;
    height: 100px;
    font-size: 16px;
    text-align: center;
    background: #b69463;
    border-radius: 50%;
    margin: 20px auto;
    color: #fff;
    font-weight: 600;
    line-height: 26px;
    padding: 25px 0px;
}
.loginsel div a.phonum{
    background: #d2a25c;
}
.loginbox  .register{
    font-size: 14px;
    color: #e37014;
    display: inline-block;
    border-bottom: 1px solid #e37014;
    margin-top: 15px;
}
.registerbox, .findpwdbox{
    width: 452px;
    /* height: 450px; */
    margin-left: -226px;
}
.getproving{
    font-size: 12px;
    width: 80px;
    height: 30px;
    background: #ccc;
    display: block;
    line-height: 30px;
    text-align: center;
    position: absolute;
    right: 0;
    top: 68px;
    border-radius: 2px;
    color: #fff;
}
.getproving.on{
    background: #cfa972;
}
.resource-li[data-display='0']{}
.resource-li[data-display='0']:after,.class-li[data-display='0']:after{
    content:'';
    display:block;
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    z-index: 3;
    background: rgba(39, 41, 59, 0.2);
}
.imgdiv .del{
    display: block;
    width: 29px;
    height: 28px;
    position: absolute;
    bottom: -36px;
    right: 0;
    background: url(../img/trashcan.png) center no-repeat;
    z-index: 2;
    cursor: pointer;
}
.navmore{
    text-align: center;
    background: rgba(125, 82, 64, 0.42);
    padding: 10px 0;
    display: none;
}
.navmore>div{
    height: 55px;
    line-height: 55px;
}
.navmore>div.on{color: #dca049;}
.itemrecord .itemli p{
    width: 23%;
}
.exitloginbox {
    width: 400px;
    margin-left: -200px;
}
.exitloginbox p{
    text-align: center;
    margin-top: 22px;
}
.buttondiv{
    text-align: center;
    padding-left: 20px;
    margin-top: 40px;
}
.buttondiv>a{
    display: inline-block;
    width: 100px;
    margin-right: 20px;
    margin-top: 0;
    height: 40px;
    background: #cfa972;
    text-align: center;
    line-height: 40px;
    border-radius: 40px;
    font-size: 16px;
    color: #1d1d1d;
}
.selectbox{
    display: inline-block;
    width: 122px;
    position: relative;
    vertical-align: top;
    margin-right: 10px;
}
.selectbox div{
    width: 122px;
    height: 35px;
    background: #fff;
    box-shadow: 0 0 20px 1px rgba(208, 202, 183, 0.48);
    border-radius: 35px;
    line-height: 35px;
    font-size: 15px;
    color: #2d2d2d;
    text-align: center;
    position: relative;
    z-index: 2;
    cursor: pointer;
    padding-left: 10px;
}
.selectbox div p{
    display: inline-block;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    max-width: 60%;
}
.selectbox div:after{
    content:'';
    display: inline-block;
    width: 16px;
    height: 8px;
    background: url(../img/icon_06.png) center no-repeat;
    /* position: absolute; */
    /* right: 16px; */
    /* top: 14px; */
    margin-left: 10px;
    vertical-align: top;
    margin-top: 14px;
}
.selectbox ul{
    width: 100%;
    background: #fff;
    box-shadow: 0 0 20px rgba(102, 102, 102, 0.28);
    border-radius: 2px;
    line-height: 35px;
    font-size: 15px;
    color: #2d2d2d;
    text-align: center;
    position: absolute;
    z-index: 1;
    top: 23px;
    padding-top: 20px;
    padding-bottom: 10px;
    display: none;
    max-height: 300px;
    overflow-y: auto;
}
.selectbox ul li{
    cursor: pointer;
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
    padding: 0 5px;
}
.selectbox ul li:hover{
    color:#f39e19;
}

#summarytext{
    margin-top: 20px;
}

.adminlist .myMessage i{
    background: url(../images/comment.png) center no-repeat;
}
.adminlist .myCollect i{
    background: url(../img/collect.png) center no-repeat;
}
.pagination li.disabled{
    pointer-events: none;
}

.sidebox .side-t .tooltip_p{
    display: none;
    background-color: black;
    color: #fff;
    text-align: center;
    border-radius: 6px;
    padding: 7px;
    font-size: 12px;
    position: absolute;
    left: 55px;
    margin-top: 5px;
}
.sidet-a{
    display: flex;
}
.toolbox{
    height: 92%;
    background: #fff;
    box-shadow: 0 0 40px rgba(208, 202, 183, 0.25);
    border-radius: 9px;
    overflow: hidden;
    margin-top: 30px;
    padding: 0px 8%;
}
.tool-line{
    height: 33%;
    padding-top: 40px;
    position: relative;
    padding-left: 80px;
    border-bottom: 1px solid #cccccc;
    background: url(../img/1.png) left 45px no-repeat;
}
.tool-line:nth-child(2){
    background: url(../img/2.png) left 45px no-repeat;
}
.tool-line:last-child{
    background: url(../img/3.png) left 45px no-repeat;
    border-bottom:0;
}
.tool-line h6{
    font-size: 24px;
    color: #333333;
    font-weight: 600;
    position: absolute;
    left: 5px;
    padding-left: 15px;
}
.tool-line h6.red:before{
   content:'*';
   color:red;
   position: absolute;
   left: 0;
}
.tool-line ul{
    display: flex;
    width: 100%;
    padding-left: 7%;
    display: flex;
    justify-content: space-between;
}
.tool-line ul li{
    text-align: center;
}
.tool-line ul li a{
    display: block;
    position: relative;
}
.tool-line ul li a:hover .downqrcode{
    display: block;
}
.downqrcode{
    background: #fff;
    padding: 10px;
    box-shadow: 0 0 12px #ccc;
    border-radius: 5px;
    position: absolute;
    bottom: 123px;
    left: 50%;
    width: 160px;
    margin-left: -80px;
    display: none;
}
.tool-line ul li .downqrcode img{
    width: 100%;
}
.tool-line ul li a:hover:before{
    content: '';
    display: block;
    width: 100%;
    height: 100%;
    position: absolute;
    background: rgba(247, 148, 51, 0.8);
    border: 1px solid #f79433;
}
.tool-line ul li img{
    width: 210px;
}
.tool-line ul li p{
    font-size: 14px;
    color: #999999;
    margin-top: 7px;
}
.shelf {
    position: absolute;
    display: block;
    z-index: 2;
    right: 6px;
    top: 8px;
    padding: 5px;
    font-size: 14px;
    color: #807809;
    line-height: 20px;
    border: 1px solid #807809;
    border-radius: 5px;
    background-color: rgba(179, 175, 175, 0.8);
}

.collect{
    background: url(../img/collect.png) center left no-repeat;
    /* width: 24px; */
    height: 24px;
    position: absolute;
    display: block;
    z-index: 2;
    right: 6px;
    bottom: -58px;
    padding-left: 25px;
    font-size: 14px;
    color: #a0a0a0;
    line-height: 25px;
    cursor: pointer;
}
.collect.on{
    background: url(../img/collecton.png) center left no-repeat;
}
.unity{
    background: url(../img/unity.png) center no-repeat;
    background-size: 100% auto;
    width: 50px;
    height: 22px;
    position: absolute;
    display: block;
    z-index: 2;
    right: 6px;
    top: 6px;
}

.cont-t .classify-t{
    font-size: 0;
    display:inline-block;
    margin-left:15px;
    vertical-align: top;
}
.classify-t .searchbox{
    margin-right: 0;
    float: right;
    margin-top: 0px;
}
.classify-t>a{
    display: inline-block;
    width: 100px;
    height: 35px;
    background: #fff;
    box-shadow: 0 0 10px 0px rgba(4, 0, 0, 0.06);
    border-radius: 35px;
    line-height: 35px;
    font-size: 15px;
    color: #2d2d2d;
    text-align: center;
    margin-right: 10px;
}
.classify-t>a.on{
    background: #f39e19;
    color: #fff;
}
.resource-li .recommend{
    background: url(../img/recommend.png) center no-repeat;
    width: 24px; 
    height: 24px;
    position: absolute;
    display: block;
    z-index: 2;
    right: 6px;
    bottom: -58px;
    cursor: pointer;
}
.resource-li .recommend.on{
    background: url(../img/recommendon.png) center no-repeat;
}

/* 响应式调节 */
@media screen and (min-width: 1440px) and (max-width: 1600px) {
    .top-r>a{
        width: 130px;
        margin-right: 10px;
    }
}

@media screen and (min-width: 1280px) and (max-width: 1440px) {
    .top-r>a{
        width: 110px;
        margin-right: 10px;
    }
    .top-r{
        right: 10px;
    }
}