.egg-back-cover { border-radius: 5px; width: 100%; min-height: 10px; background-color: #ffffff; }

/* 左侧导航栏 */
.yy-base-slide {  height: 100%; background: url('../../Image/base-slide-bj.jpg')  no-repeat; background-size:100% 100%; float: left; color: #FFF; font-size: 16px; width: 200px;overflow-y: scroll;overflow-x: hidden}
.yy-base-slide .base-logo-wrap { width: 180px; min-height: 70px; }
.yy-base-slide .left-side-bar-wrap { }
.firstindex-menu-wrap { padding: 0 10px; height: 34px; line-height: 34px; cursor: hand; cursor:pointer; }
.firstindex-menu-wrap:hover { background-color: #025ba76b; }

.firstindex-menu-wrap.active { background-color: #025ba76b; }

.side-menu-item { padding-bottom: 15px; }


.scedindex-menu-wrap { }

.scedindex-menu-wrap ul { display: flex; flex-wrap: wrap; width: 90%; padding-right: 2px; padding-left: 20px; margin-top: 0px; }
.scedindex-menu-wrap ul li { width: 50%; margin-bottom: 2px; margin-top: 8px; list-style-type: none; font-size: 14px; cursor: hand; cursor:pointer; }

.newside-menu {  }
.newside-menu span {  height: 22px; line-height: 22px; padding: 0 4px; text-align: center; display: inline-block; font-size: 14px; cursor: pointer; width: auto; white-space: nowrap; position: relative; -webkit-border-radius: 2px; border-radius: 2px; }
.newside-menu span:hover { background: #025ba773 !important; height: 22px; line-height: 22px; padding: 0 4px; text-align: center; display: inline-block; font-size: 14px; cursor: pointer; width: auto; white-space: nowrap; position: relative; -webkit-border-radius: 2px; border-radius: 2px; }
.newside-menu.active span { background: #f5f6f9 !important; height: 22px; line-height: 22px; padding: 0 4px; text-align: center; display: inline-block; font-size: 14px; color: #0074d7; cursor: pointer; width: auto; white-space: nowrap; position: relative; -webkit-border-radius: 2px; border-radius: 2px; }

.yy-header-view { height: 60px; background-color: #0081ef; display: flex; justify-content: space-between; align-items: center; }
.yy-header-view .el-menu-item [class^=el-icon-] {  margin-right: 0px; }

.header-logo { width: 300px; height: 50px; margin-right: 6px; margin-left: 16px; position: relative;  }
.header-logo img { height: 50px; }

.user-ava-badge sup { top: 10px !important; }

[v-cloak] {
    display: none;
}

.el-menu.el-menu--horizontal {
     border-bottom: solid 0px #e6e6e6 !important; 
}

/*background: url() no-repeat;*/
.yy-campus-home { }
.yy-campus-home .el-divider { background-color: #F1F1F1; margin: 20px 0; }

.yy-campus-home .panel { display: flex; flex-wrap: wrap; justify-content: space-between; }
.yy-campus-home .panel img { width: 280px; height: 135px; border-radius: 5px; margin-bottom: 10px; }

.yy-campus-home .yy-data-set { }
.yy-campus-home .yy-data-set .data-set-item { height: 130px; background-color: #ffffff; display: flex; justify-content: space-between; align-items: center; padding-left: 40px; padding-right: 50px; font-size: 18px; line-height: 25px; color: #4f4f4f; }
.yy-campus-home .yy-data-set .data-set-item .num { font-size: 38px; line-height: 53px;  font-weight: bold; }

.yy-campus-home .yy-data-set .data-set-n-0 { background:url('../../Image/n-0.svg'); color: #004784; }
.yy-campus-home .yy-data-set .data-set-n-1 { background:url('../../Image/n-1.svg'); color: #267300; }
.yy-campus-home .yy-data-set .data-set-n-2 { background:url('../../Image/n-2.svg'); color: #885100; }

.home-module { margin-bottom: 20px; }
.home-module .module-header { width: 880px; height: 70px; background-color: rgba(229, 247, 255, 0.19); border-radius: 8px 8px 0 0; display: flex; justify-content: space-between; align-items: center; padding-left: 25px; padding-right: 25px; }
.home-module .module-header .module-header-title { font-size: 20px; line-height: 28px; color: rgba(0, 0, 0, 0.85); font-weight: bold; }
.home-module .module-header .module-header-more { font-size: 15px; line-height: 21px; color: #898989; }
.home-module .module-content { padding:20px 25px; }


.xtgg-view { padding-left: 25px; padding-right: 25px; height: 60px; display: flex; justify-content: space-between; align-items: center; }
.xtgg-view .title { font-size: 20px; line-height: 28px; color: rgba(0, 0, 0, 0.85); font-weight: bold; }
.xtgg-view .content { display: flex; align-items: center; width: 660px; }
.xtgg-view .content .itme { margin-right: 30px; display: flex; align-items: center; }
.xtgg-view .content .dot { color: #d5d5d5; margin-right: 5px; }
.xtgg-view .more { font-size: 15px; line-height: 21px; color: #898989; }

.pxjh-view { }
.pxjh-view .top-content-view { display: flex; justify-content: space-between; align-items: center; }
.pxjh-view .top-content-view .top-content-cover { width: 125px; height: 75px; background-color: #d8d8d8;}
.pxjh-view .top-content-view .top-content-cover img { width: 125px; height: 75px; border-radius: 8px; }
.pxjh-view .top-content-view .top-content { width: 685px; height: 75px; display: flex; flex-direction:column; justify-content: space-between; }
.pxjh-view .top-content-view .top-content .top-content-title { font-size: 16px; line-height: 22px; color: rgba(0, 0, 0, 0.85); }
.pxjh-view .content-time { font-size: 14px;  color: rgba(0, 0, 0, 0.50); }
.pxjh-view .content-list-view { font-size: 14px; color: #343434; }
.pxjh-view .content-list-view .content-item { display: flex; justify-content: space-between; align-items: center; margin-bottom: 5px; }
.pxjh-view .content-list-view .content-item .content-item-title {  }
.pxjh-view .content-list-view .content-item .content-item-title .dot { font-size: 18px; color: #d5d5d5; }


.cygn-view { }
.cygn-view .content-list-view { display: flex; justify-content: space-between; align-items: center; }
.cygn-view .content-list-view .content-item { width: 200px; height: 125px;  border-radius: 8px; background-color: #dff2f9;}
.cygn-view .content-list-view .content-item img { width: 200px; height: 125px;  border-radius: 8px;  }


.yyzs-view { }
.yyzs-view .content-list-view { display: flex; align-items: center; flex-wrap: wrap; }
.yyzs-view .content-list-view .content-item { display: flex; width: 200px; height: 75px; border-radius: 8px; margin-right: 10px; margin-bottom: 20px; }
.yyzs-view .content-list-view .content-item:nth-child(4) { margin-right: 0px; }
.yyzs-view .content-list-view .content-item .icon-view { width: 75px; height: 75px;  border-radius: 8px; display: flex; justify-content: space-between; align-items: center; }
.yyzs-view .content-list-view .content-item .word { margin-left: 10px; }
.yyzs-view .content-list-view .content-item .word .item-name { font-size: 18px; line-height: 25px; color: #079073; }
.yyzs-view .content-list-view .content-item .word .item-sub-name { font-size: 12px; line-height: 17px; color: rgba(0, 0, 0, 0.50); }

.sjxy-view {  }
.sjxy-view .content-list-view { display: flex; align-items: center; }
.sjxy-view .content-list-view .content-item { width: 200px; height: 185px;  border-radius: 8px; background-color: #f8f8f8; margin-right: 10px; }
.sjxy-view .content-list-view .content-item img { width: 200px; height: 125px;  border-radius: 8px 8px 0 0;  }
.sjxy-view .content-list-view .content-item:nth-child(4) { margin-right: 0px; }
.sjxy-view .content-list-view .content-item .item-title { padding: 10px 15px; }




.company-info { padding: 20px; text-align: center; padding: 20px; }
.company-info .camp-face { background: #dadada; padding: 20px 0; border-radius: 5px; }
.company-info .camp-face img { max-width: 180px; max-height: 100px; border-radius: 10px; }
.company-info .camp-name { font-size: 16px; line-height: 22px; color: rgba(0, 0, 0, 0.85); margin-top: 20px;  display: flex; justify-content:center; }
.company-info .card-id { font-size: 14px; line-height: 20px; color: rgba(0, 0, 0, 0.50); margin-top: 5px; }
.company-info .time-info { font-size: 14px;
line-height: 20px;
color: rgba(0,0,0,0.50); }





.cpdt-view { }
.cpdt-view .content-item { margin-bottom: 5px; }
.hdp-view { width: 280px; height: 180px; border-radius: 8px 8px 0 0; }
.hdp-view img { width: 280px; height: 180px; border-radius: 8px 8px 0 0; }
.bl-title { font-size: 20px; line-height: 28px; color: rgba(0, 0, 0, 0.85); font-weight: bold; }
.bl-content { margin-top: 20px; }


.kfzx-view { }
.kfzx-view .kfzx-phone-view { display: flex; }
.kfzx-view .kfzx-phone-view .num { margin-left: 10px; font-size: 20px; color: #262626; font-weight: bold; }
.kfzx-view .kfzx-button-view { margin-top: 20px; display: flex; justify-content: space-between; }
/* 登录页面 */
.yy-auth-login {  }
.yy-auth-login .login-bg { background:url('/fly/qszy/login-bg.svg') no-repeat top center; width: 100%; height: 807px; margin-top: 30px; } 

.yy-auth-login .window-login { width: 360px; height: 450px;  padding-top: 50px; position: absolute; top: 105px; right: 65px; }
.yy-auth-login .input-view { margin-top: 30px; }
.yy-auth-login .other-operat { font-size: 18px; color: #9B9B9B; margin-top: 20px; text-align: right; }
.yy-auth-login .login { width: 300px;  margin: 0 auto;}
.yy-auth-login .yy-input-box { border-radius: 100px; width: 300px; height: 50px; background-color: #f6f6f6; padding-left: 30px; }
.yy-auth-login .yy-input-box input { height: 30px; width: 200px; border: 0; outline: none; background: transparent; height: 50px; font-size: 18px; line-height: 21px; color: #000000; }
.yy-auth-login .title { font-size: 25px; color: #0074d7; }
.yy-auth-login .button-view { margin-top: 45px; }


/* 考试中心 */
.yy-exam {  }
.yy-exam .yy-data-set { }
.yy-exam .yy-data-set .data-set-item { height: 130px; background-color: #ffffff; display: flex; justify-content: space-between; align-items: center; padding-left: 40px; padding-right: 50px; font-size: 18px; line-height: 25px; color: #4f4f4f; }
.yy-exam .yy-data-set .data-set-item .num { font-size: 38px; line-height: 53px;  font-weight: bold; }




/* 表格 操纵 */
.yy-table-menu { margin-bottom: 10px; height: 30px; border-radius: 5px; font-size: 16px; display: flex; align-items: center; justify-content: space-between;  }


/*公共*/
.el-submenu__title i {
    color: #ffffff;
}


/* 试用弹窗 */
.trial-view { position: absolute; top: 0; right: 0; bottom: 0; left: 0; background: #00000059; height: calc(100% - 60px); z-index: 10000000000; margin-top: 60px; margin-left: 180px; }
.trial-view .messageBox-content { position: absolute; -webkit-box-sizing: border-box; box-sizing: border-box; padding: 40px 20px; width: 540px; left: 50%; top: 300px; -webkit-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); transform: translate(-50%, -50%); -webkit-border-radius: 4px; border-radius: 4px; background: #fff; text-align: center; }
.trial-view .messageBox-content .messageBox-title { text-align: center; margin: 20px 10px; font-size: 20px; font-weight: 600; color: #353535; }
.trial-view .messageBox-content .messageBox-text { text-align: center; font-size: 18px; padding: 10px 40px; color: #353535; }

.egg-header-view { display: flex; justify-content: space-between; align-items: center; }
.user-ava { border-radius: 50%; width: 50px; height: 50px; background-color: #FFF; }
.user-ava img { border-radius: 50%; width: 50px; height: 50px; }




/*老师管理*/
.yy-campus-teacher { }

/*课中中心*/
.yy-course-center { }
.yy-course-center .content-view { display: flex; justify-content: flex-start; flex-wrap: wrap; color: #777777; }

.yy-course-center .course-list-item { margin-right: 22px; border-radius: 5px; border: 1px solid #ececec; width: 268px; height: 345px; background-color: #ffffff; margin-bottom: 30px; }
.yy-course-center .course-list-item:nth-child(4n) { margin-right: 0; }
.yy-course-center .course-list-item .course-info { padding: 20px 15px; }
.yy-course-center .course-list-item .course-info .course-list-title { font-size: 20px; line-height: 25px; height: 60px; }
.yy-course-center .course-list-item .course-info .course-progress { text-align: right; }
.yy-course-center .course-img-area img { border-radius: 5px 5px 0 0; width: 100%; height: 180px; }
.yy-course-center .course-list-item .course-button { height: 50px; display: flex; align-items: center; justify-content: center; }
.yy-course-center .course-filter .type { display: flex; flex-wrap: nowrap; }
.yy-course-center .course-filter .filter-name { font-size: 14px; font-weight: 600; color: #7f7f7f; min-width: 28px; line-height: 30px; }
.yy-course-center .course-filter .fliter-list {  margin-left: 24px; display: flex; flex-wrap: wrap; }
.yy-course-center .course-filter .fliter-list span.selected { color: #fff; background: #339af2; border-radius: 17px; }
.yy-course-center .course-filter .fliter-list span { display: inline-block; font-size: 14px; font-family: PingFangSC-Regular; font-weight: 400; color: #2d2d2d; margin-right: 16px; padding: 5px 15px; cursor: pointer; }


.yy-course-center .course-list { display: flex; justify-content: flex-start; flex-wrap: wrap; margin-top:20px; }
.yy-course-center .course-list .course-item {  width: 255px; margin-right: 40px; margin-bottom: 40px; height: 300px; border: 1px solid #ececec; border-radius: 5px; }
.yy-course-center .course-list .course-item:nth-child(4n) { margin-right: 0; }

.yy-course-center .course-list .course-item .title {  border-radius: 5px;   font-size: 20px;
    line-height: 50px; text-align: center; color: #777777; height: 50px; background: #f7f7f7; }
.yy-course-center .course-list .course-item .cover {  }
.yy-course-center .course-list .course-item .cover img { height: 170px; width: 100%; object-fit: cover; }
.yy-course-center .course-list .course-item .introduce { padding: 15px; color: #777777;     overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical; height: 72px; }


/*班级管理*/
.yy-class-management { }

/*课程详情*/
.yy-campus-course-info { }
.yy-campus-course-info .course-info-top { display: flex; border-radius: 5px; height: 160px; background-color: #fcfcfc; margin-bottom: 30px; }
.header-title { font-size: 28px; line-height: 70px; color: #777777; font-weight: bold; }
.course-info-top { display: flex; border-radius: 5px; height: 160px; background-color: #fcfcfc; margin-bottom: 30px; }
.course-info-top .course-img img { width: 280px; height: 160px; background-color: #d8d8d8; border-radius: 5px 0 0 5px; }
.course-info-top .detail-info { padding: 10px 15px; }
.course-info-top .detail-info .course-name { font-size: 28px; line-height: 40px; color: #4a4a4a; }
.course-info-top .detail-info .course-introduce { font-size: 14px; line-height: 20px; color: #9b9b9b; margin-top: 10px; }

/*  .class-list-view { display: flex; }
  .class-list-view .class-list { margin-left: 25px; }*/
.my-course { display: flex; justify-content: space-between; align-items: center; flex-wrap: wrap; color: #777777; }
.my-course .course-list-item { border-radius: 5px; border: 1px solid #f6f6f6; box-shadow: 0px 2px 4px 0px rgba(0, 0, 0, 0.05); width: 280px; height: 345px; background-color: #ffffff; margin-bottom: 30px; }
.my-course .course-list-item .course-info { padding: 20px 15px; }
.my-course .course-list-item .course-info .course-list-title { font-size: 18px; line-height: 25px; }
.my-course .course-list-item .course-info .course-progress { margin-top: 5px; }
.my-course .course-list-item .course-info .course-progress span { font-size: 14px; color: #fe6000; }
.my-course .course-list-item .course-info .course-period-validity { margin-top: 5px; }
.my-course .course-list-item .course-img { position: relative; border-radius: 5px 5px 0 0; width: 280px; height: 160px; }
.my-course .course-list-item .course-img .course-label { display: flex; align-items: center; padding-left: 10px; position: absolute; top: 25px; width: 80px; height: 30px; background-color: #ffffff; border-radius: 0 100px 100px 0; font-size: 14px; line-height: 20px; color: #fe6000; }
.my-course .course-list-item .course-img .course-img-area { }
.my-course .course-list-item .course-img .course-img-area img { border-radius: 5px 5px 0 0; width: 280px; height: 160px; }
.my-course .course-list-item .teachers { height: 40px; margin-top: 30px; }

/*.my-course .course-list-item .button-view { height: 50px;  display: flex; align-items: center; justify-content: center; }*/

/*.my-course .course-list-item .button-view button { width: 120px; }*/

.my-course-content { }
.my-course-content .course-content-item { width: 100%; height: 60px; background-color: #fbfbfb; margin-bottom: 15px; display: flex; align-items: center; padding-left: 25px; }
.my-course-content  .course-content-item .section-name-view { width: 630px; font-size: 18px; line-height: 25px; color: #9b9b9b; margin-right: 20px; }
.my-course-content  .course-content-item .watch-view { width: 10px; height: 10px; border-radius: 20px; background-color: #E5E5E5; margin-right: 35px; }
.my-course-content  .course-content-item .button-view { width: 380px; height: 40px; text-align: right; padding-right: 20px; }

/*.my-course-content  .course-content-item .button-view .el-button { width: 100px; height: 30px; line-height: 10px; border: 1px solid #FE6200; color: #FE6200; padding: 0px 0px; }*/

/* */
.yy-pagination-view {margin-top: 30px; margin-bottom: 20px; display: flex; justify-content: center; align-items: center; width: 100%; height: 50px;}


/* 旧首页  */

.page-home-panel-hd { margin-bottom: 26px; text-align: center; }
.page-home-panel { }
.page-home-panel-title { font-size: 40px; font-weight: bold; }
.page-home-panel-title-info { font-size: 16px; color: rgba(74, 89, 111, 0.6); }
.home-header-view { height: 80px;        /*background-color: #0081ef;*/ display: flex; justify-content: space-between; align-items: center; }
.slide { height: 480px; }
.slide img { height: 480px; }
.home-header-logo { }
.home-header-logo img { height: 65px; }
{ display: flex; justify-content: space-between; align-items: center; }
.campus-list { display: flex; justify-content: space-between; align-items: center; }
.campus-item { width: 288px; height: 234px; }
.campus-item-pic { width: 288px; height: 180px; border-radius: 10px; }
.campus-item-pic img { width: 288px; height: 180px; border-radius: 10px; }
.campus-item-name { line-height: 50px; text-align: center; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; width: auto; }
.cardseries-list { display: flex; justify-content: space-between; align-items: center; flex-wrap: wrap; }
.cardseries-list-item { width: 580px; height: 253px; margin-bottom: 40px; }
.cardseries-item { width: 100%; height: 253px; border-radius: 12px; background: #fff; position: relative; transition: all 200ms; }
.cardseries-item-cover { width: 200px; height: 240px; position: absolute; left: 20px; top: -16px; }
.cardseries-item-cover::after, .cardseries-item-cover::before { position: absolute; width: 200px; height: 240px; border-radius: 4px; background: #fff; content: ''; }
.cardseries-item-cover::before { box-shadow: 0px 0px 4px rgba(74, 89, 111, 0.2); left: 4px; top: 4px; z-index: 2; }
.cardseries-item-cover::after { box-shadow: 0px 0px 5px rgba(74, 89, 111, 0.3); left: 8px; top: 9px; z-index: 1; }
.cardseries-item-cover-pic { width: 200px; height: 240px; border-radius: 4px; object-fit: cover; z-index: 4; position: relative; }
.cardseries-item-bd { padding: 30px 50px 0 270px; text-align: left; }
.cardseries-item-title { font-size: 24px; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2; margin: 0 0 10px; min-height: 35px; max-height: 70px; }
.cardseries-item-info { height: 20px; color: rgba(74, 89, 111, 0.6); }
.cardseries-item-description { color: rgba(74, 89, 111, 0.6); overflow: hidden; height: 60px; margin-bottom: 35px; }
.about-us { font-size: 20px; width: 900px; line-height: 40px; color: #606266; margin: 0 auto; }
.home-footer-view { height: 340px; background: #444; overflow: hidden; padding-top: 40px; }
.home-footer-view .info { font-size: 14px; height: 16px; color: #ccc; line-height: 36px; margin-bottom: 18px; }
pre.home-pre { white-space: pre-wrap !important; word-wrap: break-word !important; *white-space: normal !important; }


/*新首页*/
.yy-edu-home { }
.yy-home-header-view { }
.yy-navigation { position: absolute; left: 0; top: 0; z-index: 3; width: 100%; height: 90px; background-color: rgba(0, 0, 0, 0.2); }
.yy-edu-home .notification-device { width: 100%; font-size: 15px; height: 100px; position: fixed; left: 0; bottom: 0; background: #fff; color: #4a596f; box-shadow: 4px 0 32px #dbdee2; display: block; z-index: 999; }
.yy-edu-home .notification-device-content { width: 1010px; margin: 0 auto; position: relative; height: 102px; z-index: 34; }
.yy-edu-home .notification-device-coding { position: absolute;  width: 150px; height: 130px; left: 0; top: -35px; }
.yy-edu-home .notification-device-coding img {  height: 130px; }
.yy-edu-home .notification-device-text { float: left; display: inline; padding-top: 24px; margin: 0 100px 0 130px; width: 370px; line-height: 26px; position: relative; }
.yy-edu-home .notification-device-download-icon { float: left; display: inline; background: url(https://coding.qq.com/common/icon/chrome-logo.png) no-repeat; width: 65px; height: 65px; text-indent: -999em; margin-top: 20px; }
.yy-edu-home .notification-device-btn { float: left; display: inline; height: 40px; border-radius: 20px; line-height: 40px; text-align: center; text-decoration: none; margin-top: 32px; }
.yy-edu-home .notification-device-btn.download { width: 155px; color: #fff; background: #0081ef; margin-left: 30px; }
.yy-edu-home .notification-device-btn.close { width: 110px; background: #eff3f8; color: #4a596f; margin-left: 12px; }

.notification-device { width: 100%; font-size: 15px; height: 100px; position: fixed; left: 0; bottom: 0; background: #fff; color: #4a596f; box-shadow: 4px 0 32px #dbdee2; display: block; z-index: 999; }
.notification-device-content { width: 1010px; margin: 0 auto; position: relative; height: 102px; z-index: 34; }
.notification-device-coding { position: absolute;  width: 150px; height: 130px; left: 0; top: -35px; }
.notification-device-coding img {  height: 130px; }
.notification-device-text { float: left; display: inline; padding-top: 24px; margin: 0 100px 0 130px; width: 370px; line-height: 26px; position: relative; }
.notification-device-download-icon { float: left; display: inline; background: url(https://coding.qq.com/common/icon/chrome-logo.png) no-repeat; width: 65px; height: 65px; text-indent: -999em; margin-top: 20px; }
.notification-device-btn { float: left; display: inline; height: 40px; border-radius: 20px; line-height: 40px; text-align: center; text-decoration: none; margin-top: 32px; }
.notification-device-btn.download { width: 155px; color: #fff; background: #0081ef; margin-left: 30px; }
.notification-device-btn.close { width: 110px; background: #eff3f8; color: #4a596f; margin-left: 12px; }


/*  */
.kk-footer-view { height: 340px; background: #444; overflow: hidden; padding-top: 40px; }
.kk-footer-view .link { }
.kk-footer-view .link ul { list-style: none; }
.kk-footer-view .link ul li { width: 88px; height: 32px; background: rgba(0, 0, 0, .1); border-radius: 16px; margin-bottom: 10px; font-size: 12px; color: #e6e6e6; line-height: 32px; text-align: center; }
.kk-footer-view .info { font-size: 14px; height: 16px; color: #ccc; line-height: 36px; margin-bottom: 18px; }
.kk-footer-view .msg { color: #666; text-align: center; }
.kk-footer-view .weixin-view { display: flex; justify-content: space-between; }
.kk-footer-view .weixin-view .weixin { width: 100px; height: 100px; background: #fff; border-radius: 6px;    /*border: 1px solid #e6e6e6;*/ color: #999; text-align: center; }
.kk-footer-view .weixin-view .weixin img { width: 100px; height: 100px; background: #fff; border-radius: 6px; border: 1px solid #e6e6e6; }

/* 机构宣传页面 */
.yy-edu-index { }

.yy-edu-index .yy-navigation { background-color: rgba(0, 0, 0, 0.05); }
.yy-edu-index .yy-navigation ul { padding-left: 20px; padding-right: 20px; margin-block-start: 0em; margin-block-end: 0em; padding-inline-start: 0px; height: 25px; }
.yy-edu-index .yy-navigation ul li { float: left; list-style: none; margin: 0 20px; font-size: 18px; line-height: 25px; color: #ffffff; font-weight: bold; }
.yy-edu-index .yy-navigation a { color: #fff; }


.yy-edu-index .yy-module-box { padding-top: 70px; padding-bottom: 70px; }
.yy-edu-index .yy-module-box .title1 { font-size: 40px; color: #000000; text-align: center; line-height: 56px; font-weight: bold; }
.yy-edu-index .yy-module-box .title2 { font-size: 18px; line-height: 25px; color: #000000; text-align: center; margin-top: 20px; }


.yy-edu-index .yy-banner { }
.yy-edu-index .yy-banner .banner-box { width: 570px; margin-top: 200px; }
.yy-edu-index .yy-banner .title1-view { font-size: 50px; line-height: 70px; color: #ffffff; font-weight: bold; }
.yy-edu-index .yy-banner .title2-view { font-size: 18px; line-height: 25px; color: #ffffff; margin-top: 10px; }
.yy-edu-index .yy-banner .button-view { margin-top: 30px; }




.yy-edu-index .yy-flex-content-between { display: flex; flex-wrap: wrap; justify-content: space-between; }
.yy-edu-index .yy-flex-content-between .yy-item-content { width: 180px; height: 285px; text-align: center; margin-right: 145px; margin-bottom: 60px; }
.yy-edu-index .yy-flex-content-between .yy-item-content:nth-child(4n) { margin-right: 0; }
.yy-edu-index .yy-flex-content-between .yy-item-content .item-icon { box-shadow: 0px 4px 18px 0px rgba(20, 114, 255, 0.12); width: 180px; height: 180px; border-radius: 180px; background-color: #ffffff; display: flex; justify-content: center; align-items: center; }
.yy-edu-index .yy-flex-content-between .yy-item-content .item-icon img { height: 50px;  transition: all 0.6s;  }
.yy-edu-index .yy-flex-content-between .yy-item-content:hover .item-icon img{ transform: scale(1.5);  }

.yy-edu-index .yy-flex-content-between .yy-item-content .item-sub-text { margin-top: 25px; }
.yy-edu-index .yy-flex-content-between .yy-item-content .item-sub-text .title { font-size: 20px; line-height: 28px; color: #000000; font-weight: bold; }
.yy-edu-index .yy-flex-content-between .yy-item-content .item-sub-text .sub-content { font-size: 14px; line-height: 20px; color: rgba(0, 0, 0, 0.50); margin-top: 10px }

.yy-edu-index .map-service { margin:0 auto; height: 620px; width: 760px; background: url('../Image/Home/item-xqfb-map.png') center no-repeat }
.yy-edu-index .map-service .china-map { width: 748px; height: 618px; position: relative; }
.yy-edu-index .map-service .region-list { position: absolute; left: 0; top: 0 }
@-webkit-keyframes warn {
    0% { transform: scale(0); opacity: 1 }
    100% { transform: scale(1); opacity: 0 }
}
@-moz-keyframes warn {
    0% { transform: scale(0); opacity: 1 }
    100% { transform: scale(1); opacity: 0 }
}
@-o-keyframes warn {
    0% { transform: scale(0); opacity: 1 }
    100% { transform: scale(1); opacity: 0 }
}
@keyframes warn {
    0% { transform: scale(0); opacity: 1 }
    100% { transform: scale(1); opacity: 0 }
}
.yy-edu-index .map-service .area-box .dot { position: absolute; left: 0; width: 10px; height: 10px; border-radius: 50%; background: #ffffff; opacity: 1; filter: alpha(opacity=100) }
.yy-edu-index .map-service .area-box .pulse { position: absolute; top: -28px; left: -28px; height: 66px; width: 66px; border: 2px solid #b7b7b7; border-radius: 48px; box-shadow: 0 0 4px #ffffff, 0 0 10px #ffffff inset; opacity: .12; filter: alpha(opacity=0); animation: warn 2s ease-out both; animation-iteration-count: infinite; background: 0 0 }
.yy-edu-index .map-service .area-box .delay-01 { animation-delay: 0 }
.yy-edu-index .map-service .area-box .delay-02 { animation-delay: .4s }
.yy-edu-index .map-service .area-box .delay-03 { animation-delay: .8s }
.yy-edu-index .map-service .area-box .delay-04 { animation-delay: 1.2s }
.yy-edu-index .map-service .area-box .delay-05 { animation-delay: 1.6s }
.yy-edu-index .map-service .area-box .delay-06 { animation-delay: 2s }
.yy-edu-index .map-service .area-box .delay-07 { animation-delay: 2.4s }
.yy-edu-index .map-service .area-box .delay-08 { animation-delay: -.4s }
.yy-edu-index .map-service .area-box .delay-09 { animation-delay: -.8s }
.yy-edu-index .map-service .area-box .delay-10 { animation-delay: -1.2s }
.yy-edu-index .map-service .area-box .delay-11 { animation-delay: 4s }
.yy-edu-index .map-service .region-list.active .area-box .dot { background: #ffffff }
.yy-edu-index .map-service .region-list.active .area-box .pulse { border-color: #ffffff; top: -39px; left: -39px; height: 88px; width: 88px; box-shadow: 0 0 12px #ffffff, 0 0 20px #ffffff inset }
.yy-edu-index .map-service .region-list.waite .area-box .dot { background: #ffffff }
.yy-edu-index .map-service .region-list.waite .area-box .pulse { border-color: #ffffff }
.yy-edu-index .map-service .show-regin { position: absolute; left: 2px; height: 0; top: 0; width: 11px; opacity: 0; transition: all .5s ease-in-out }
.yy-edu-index .map-service .online-node .show-regin, .region-list:hover .show-regin, .underline-node .show-regin, .waite-node .show-regin { height: 127px; opacity: 1 }
.yy-edu-index .map-service .show-regin span { width: 80px; position: absolute; left: 8px; top: -11px; padding: 6px 10px; font-size: 14px; color: #ccc; border-radius: 2px; text-align: center; white-space: nowrap; }
.yy-edu-index .map-service .postition-10 .show-regin span { left: 0 }
.yy-edu-index .map-service .postition-6 .show-regin span { left: -72px }
.yy-edu-index .map-service .area-box { z-index: 77 }
.yy-edu-index .map-service .show-regin { z-index: 66 }
.yy-edu-index .map-service .region-list.active .show-regin span { position: relative; color: #ffffff }
.yy-edu-index .map-service .region-list.waite .show-regin span { color: #ffffff }
.yy-edu-index .map-service .postition-1 { left: 302px; top: 308px }
.yy-edu-index .map-service .postition-2 { left: 401px; top: 403px }
.yy-edu-index .map-service .postition-3 { left: 358px; top: 516px }
.yy-edu-index .map-service .postition-4 { left: 473px; top: 348px }
.yy-edu-index .map-service .postition-5 { left: 526px; top: 394px }
.yy-edu-index .map-service .postition-6 { left: 526px; top: 515px }
.yy-edu-index .map-service .postition-7 { left: 652px; top: 200px }
.yy-edu-index .map-service .postition-7.region-list.active .area-box .pulse { top: -50px; left: -50px; width: 110px; height: 110px; -webkit-border-radius: 50%; -moz-border-radius: 50%; border-radius: 50% }
.yy-edu-index .map-service .postition-8 { left: 559px; top: 229px }
.yy-edu-index .map-service .postition-9 { left: 637px; top: 371px }
.yy-edu-index .map-service .postition-9.region-list.active .area-box .pulse { top: -50px; left: -50px; width: 110px; height: 110px; border-radius: 50% }
.yy-edu-index .map-service .postition-10 { left: 554px; top: 539px }
.yy-edu-index .map-service .postition-11 { left: 604px; top: 300px }
.yy-edu-index .map-service .postition-13 { left: 470px; top: 250px }

/* 课程体系 */
.yy-edu-index .curriculumbtn-view {  }
.yy-edu-index .curriculumbtn-view .curriculumbtn-group { display: flex; justify-content: space-between; }
.yy-edu-index .curriculumbtn-view .curriculumbtn-group .c-item { transition: all 100ms ease-in-out;  position: relative;    border-radius: 8px; font-size: 18px; line-height: 25px; color: #535353; font-weight: bold; width: 380px; height: 70px; background-color: #f8f8f8; display: flex; justify-content: center; align-items: center; }
.yy-edu-index .curriculumbtn-view .curriculumbtn-group .c-item:hover { color: #000000; }
.yy-edu-index .curriculumbtn-view .curriculumbtn-group .active:after { content: "⬤"; width: 35px; height: 35px; position: absolute; bottom: -15px; border-radius: 1px; font-size: 30px; }
.yy-edu-index .curriculumbtn-view .curriculumbtn-group .c-item.c1.active { background-color: #f76064; color: #FFF; }
.yy-edu-index .curriculumbtn-view .curriculumbtn-group .c-item.c1.active:after { color: #f76064; }
.yy-edu-index .curriculumbtn-view .curriculumbtn-group .c-item.c2.active { background-color: #f67b1a; color: #FFF; }
.yy-edu-index .curriculumbtn-view .curriculumbtn-group .c-item.c2.active:after { color: #f67b1a; }
.yy-edu-index .curriculumbtn-view .curriculumbtn-group .c-item.c3.active { background-color: #277BF9; color: #FFF; }
.yy-edu-index .curriculumbtn-view .curriculumbtn-group .c-item.c3.active:after { color: #277BF9; }
.yy-edu-index .curriculumbtn-img-view { margin-top: 50px; }
.yy-edu-index .curriculumbtn-img-view img { width: 100%; }
.yy-edu-index .partner-view { position: relative;  margin-bottom: -20px; background: linear-gradient(180deg,#ecf2f8 50%,#bfd3e9) ;  }
.yy-edu-index .partner-view:before { content: ""; background-image: url('https://res.jisuanke.com/img/upload/4b2194887dc08dfc79988dfc3459278d502195a6.png'); width: 696px; height: 482px; position: absolute; left: 16px; top: 0; }
.yy-edu-index .partner-view:after { content: ""; background-image: url('https://res.jisuanke.com/img/upload/c1e2798088b1876c2fe8e754fd19e36833f97ada.png'); width: 696px; height: 392px; right: 26px; bottom: 0; position: absolute; }
.yy-edu-index .cases-view { background: #0e1e45; width: 100%;  height: 620px;  }
.yy-edu-index .slide-wrapper { position: relative; overflow: hidden; width: 1180px; height: 276px; }
.yy-edu-index .slide-wrapper:before { content: ""; height: 100%; width: 120px; background: linear-gradient(90deg, #0e1e45, transparent); position: absolute; z-index: 10; }
.yy-edu-index .slide-wrapper:after { content: ""; height: 100%; width: 120px; background: linear-gradient(90deg, transparent, #0e1e45); position: absolute; z-index: 10; right: 0; }
.yy-edu-index .slide-img { background: url(https://res.jisuanke.com/img/upload/7852acb0af0ed982ec982ef2a2d791dfb10c46dd.png); background-repeat: repeat; background-size: contain; position: absolute; left: 0; top: 0; height: 100%; width: 4816px;  animation: slideshow 25s linear infinite; }

@keyframes slideshow {
	0% { left: 0 }
	to { left: -200% }
}

/* 产品介绍 */
.yy-edu-index .yy-slide-box { display: flex; justify-content: space-between; }
.yy-edu-index .yy-slide-box .hd { width: 15%; background-color: rgb(20 114 255 / 3%); border-radius: 8px 0 0 8px;}
.yy-edu-index .yy-slide-box .hd .hd-item { height: 75px; text-align: center; line-height: 75px; font-size: 16px; border-bottom: 1px solid #edf4ff; }
.yy-edu-index .yy-slide-box .hd .hd-item.on { background-color: rgb(237 244 255); border-radius: 8px 0 0 8px; font-weight: bold; color: #005eff;}
.yy-edu-index .yy-slide-box .bd { width: 85%; background-color: rgb(20 114 255 / 8%); border-radius: 0 8px 8px 0; height: 850px; }
.yy-edu-index .yy-slide-box .bd .text { padding: 70px 70px 30px 70px; }
.yy-edu-index .yy-slide-box .bd .text .topic { text-align: center; width: 730px; margin: 0 auto 24px; color: #333; font-size: 28px; margin-bottom: 18px; font-weight: 500; }
.yy-edu-index .yy-slide-box .bd .text .desc { width: 730px; margin: 0 auto 24px; color: #303133; line-height: 24px; font-size: 18px; font-weight: 300; height: 100px;}
.yy-edu-index .yy-slide-box .bd .bd-img { text-align: center; }


/* 客户案例 */
.yy-edu-index .yy-clientcase-box { display: flex; flex-wrap: wrap; justify-content: space-between; width: 1000px; margin: 0 auto; }
.yy-edu-index .yy-clientcase-box .case-item {border-radius: 8px; width: 270px; height: 380px; padding: 30px 40px; text-align: center; box-shadow: 0px 4px 18px 0px rgb(20 114 255 / 12%); margin-bottom: 100px; }
.yy-edu-index .yy-clientcase-box .case-item .cover { height: 150px;  }
.yy-edu-index .yy-clientcase-box .case-item .cover img { width: 170px; height: 170px; object-fit: scale-down;  }
.yy-edu-index .yy-clientcase-box .case-item .title { font-size: 22px; margin-bottom: 20px; font-weight: bold;}
.yy-edu-index .yy-clientcase-box .case-item .desc { text-align: justify; color: #303133; }
.yy-edu-index


.edu-index-footer-view { height: 360px; background-color: #161e30;  padding-top: 50px;}
.edu-index-footer-view .link { }
.edu-index-footer-view .link ul { list-style: none; }
.edu-index-footer-view .link ul li { width: 88px; height: 32px; background: rgba(0, 0, 0, .1); border-radius: 16px; margin-bottom: 10px; font-size: 12px; color: #e6e6e6; line-height: 32px; text-align: center; }
.edu-index-footer-view .info { font-size: 14px; height: 16px; color: #ccc; line-height: 36px; margin-bottom: 18px; }
.edu-index-footer-view .msg { color: #666; text-align: center; }
.edu-index-footer-view .weixin-view { display: flex; justify-content: space-between; }
.edu-index-footer-view .weixin-view .weixin { width: 100px; height: 100px; background: #fff; border-radius: 6px;    /*border: 1px solid #e6e6e6;*/ color: #999; text-align: center; }
.edu-index-footer-view .weixin-view .weixin img { width: 100px; height: 100px; background: #fff; border-radius: 6px; border: 1px solid #e6e6e6; }


/* */
.yy-testcenter { }
.flow-main { display: flex; justify-content: center; align-items: center; min-height: calc(100% - 100px); }
.yy-testcenter .flow-container { box-shadow: 0px 2px 20px 0px rgba(0, 0, 0, 0.15); width: 930px; height: 590px; background-color: #ffffff; border-radius: 30px; padding: 50px; }
.flow-header { text-align: center; font-size: 40px; line-height: 56px; color: #4f4f4f; font-weight: bold; }
.flow-header .subtitle { margin-top: 5px; height: 20px; font-size: 15px; line-height: 21px; color: rgba(79, 79, 79, 0.85); font-weight: bold; }
.quick-test-details { text-align: center; padding-top: 95px; height: 350px; }
.quick-test-details img { height: 150px; }
.segmentation { width: 100%; height: 3px; background-color: #e9e9e9; border-radius: 100px; }
.flow-button { margin-top: 30px; text-align: right; }
.test-title-view { font-size: 20px; line-height: 28px; color: #000000; height: 240px; overflow: auto; margin-bottom: 10px; margin-top: 20px;  }
.test-options-view { display: flex; flex-wrap: wrap; justify-content: space-between; }
.test-options-view .item-options { border: 2px solid rgba(196, 196, 196, 0.35); width: 405px; height: 90px; border-radius: 5px; font-size: 20px; line-height: 28px; color: rgba(0, 0, 0, 0.85); margin-bottom: 20px; display: flex; }
.item-options-serial { width: 80px; height: 100%; display: flex; justify-content: center; align-items: center; }
.item-options-content { height: 100%; display: flex; align-items: center; }
/*.item-options-content img { height: 70px !important; width: 110px; object-fit: contain; }*/

.code-view { width: 520px; height: 230px; overflow: auto; border: 1px dotted #fa4c02; padding: 10px; font-size: 14px; margin-left: 20px;  border-radius: 5px;}

.exit-test-view { position: fixed; top: 20px; right: 20px; }

.complete-score-view { margin: 0 auto; width: 460px; display: flex; align-items: center; justify-content: space-between; }
.complete-score-view .icon-complete {  }
.complete-score-view .score-view { text-align: left; }
.complete-score-view .score-view .score-title { font-size: 20px; line-height: 28px; color: #4f4f4f; font-weight: bold; }
.complete-score-view .score-view .score-num { font-size: 40px; line-height: 56px; color: #fa811b; font-weight: bold; }