.fullpage{width:100%;background:#fff;position:relative} .rightMenuBar{display:none;position:absolute;top:0;left:100%;width:73%;height:100%;padding:20px 0;background-color:#f5f5f5;z-index:1002;overflow:auto} .rightMenuBar .mainbox .head{font-size:14px;color:#666;padding:15px 16px;display:block} .rightMenuBar .mainbox .item{font-size:14px;color:#666;padding:15px 16px;display:flex;justify-content:space-between;align-items:center} .rightMenuBar .mainbox .level2{display:none;background-color: #fff;} .rightMenuBar .mainbox .item img{width:22px;height:22px} .rightMenuBar .mainbox .level2 .son{font-size:14px;color:#666;padding:15px 34px;display:block} .rightMenuBar .dele{width:100%;display:flex;justify-content:flex-end;padding:12px 18px} .rightMenuBar .dele img{width:20px;height:20px} .blackshadow{display:none;position:absolute;top:0;left:0;width:100%;height:100%;background-color:#1c1c1c;z-index:1001;-moz-opacity:.5;opacity:.5} #footer{width:100%;background:#017c35;color:#fff;display:flex;justify-content:center;align-items:center;height:44px;margin-top:20px} #head1{width:100%;display:flex;justify-content:space-between;align-items:center;padding:15px;position:fixed;top:0;left:0;background:#fff;z-index:100} #head1 img{width:100%;height:100%} #head1 .title{font-size:18px;color:#333;font-weight:600} #head1 .del{width:20px;height:20px} #head1 .more{width:20px} #head2{display:flex;justify-content:space-between;align-items:center;padding:20px 16px 20px 16px;width:100%;background:#fff} #head2 img{width:100%} #head2 .logo{width:183px} #head2 .menu{width:17px} .fullpage .main{padding:0;margin: 0 auto;} .main #myCarousel .carousel-indicators{bottom:0} .main #myCarousel .carousel-indicators li{width:8px;height:8px} .main #myCarousel .carousel-indicators .active{width:9px;height:9px} .main .newsBox{margin-top:24px;padding: 0 10px;} .main .newsBox .title{display:flex;justify-content:space-between;align-items:center;margin-bottom: 10px;} .main .newsBox .title .left{font-size:16px;color:#333;font-weight:600} .main .newsBox .title .right{display:flex;justify-content:flex-start;align-items:center;font-size:12px;color:#999} .main .newsBox .title .right img{width:15px;margin-left:5px} .main .newsBox .box1{padding:0 0 0 15px} .main .newsBox .box1 li{margin:15px 0} .main .newsBox .box1 .item{display:flex;justify-content:space-between;align-items:center} .main .newsBox .box1 .item .left{width:75%;font-size:14px;color:#333;word-break:keep-all;text-overflow:ellipsis;overflow:hidden} .main .newsBox .box1 .item .right{font-size:12px;color:#999} .main .newsBox .box2 .item{display:flex;justify-content:space-between;align-items:center;padding:10px 0;border-bottom:1px solid #eee;text-decoration: none;} .main .newsBox .box2 .item .left{width:62%} .main .newsBox .box2 .item .left .title{font-size:14px;line-height:21px;color:#333;margin-bottom:8px} .main .newsBox .box2 .item .left .time{font-size:12px;color:#999} .main .newsBox .box2 .item .right{width:32%} .main .newsBox .box2 .item .right img{width:100%} .main .newsBox .box2 .item .whole{width: 100%;} .main .newsBox .box2 .item .whole .title{font-size:14px;line-height:21px;color:#333;margin-bottom:8px} .main .newsBox .box2 .item .whole .time{font-size:12px;color:#999} .main .groupBox{margin:24px 10px 0 10px} .main .groupBox .title{display:flex;justify-content:space-between;align-items:center;margin-bottom:16px} .main .groupBox .title .left{font-size:16px;color:#333;font-weight:600} .main .groupBox .title .right{display:flex;justify-content:flex-start;align-items:center;font-size:12px;color:#999} .main .groupBox .title .right img{width:15px;margin-left:5px} .main .groupBox .schoolBox{display:flex;justify-content:flex-start;align-items:center;flex-wrap:wrap} .main .groupBox .schoolBox .item{width:calc(25% - 5px);margin-right:6px;margin-bottom:16px;border-radius:4px;position:relative;overflow:hidden} .main .groupBox .schoolBox .item .name{position:absolute;bottom:0;height:22px;width:100%;background:#0e0d0d;opacity:.76;color:#fff;font-size:12px;text-align:center;line-height: 22px;} .main .groupBox .schoolBox .item:nth-child(4n){margin-right:0} .main .groupBox .schoolBox .item img{width:100%} .main .fourAcademy{margin:24px 10px 0 10px} .main .fourAcademy .title{display:flex;justify-content:space-between;align-items:center;margin-bottom:16px} .main .fourAcademy .title .left{font-size:16px;color:#333;font-weight:600} .main .fourAcademy .title .right{display:flex;justify-content:flex-start;align-items:center;font-size:12px;color:#999} .main .fourAcademy .title .right img{width:15px;margin-left:5px} .main .fourAcademy .academyBox{display:flex;justify-content:space-around;align-items:center;flex-wrap:wrap} .main .fourAcademy .academyBox .item{width:calc(50% - 10px);margin-bottom:15px} .main .fourAcademy .academyBox .item .img{width:100%;border-radius:4px;position:relative;margin-bottom:8px;overflow:hidden} .main .fourAcademy .academyBox .item .img .name{position:absolute;width:100%;bottom:0;height:32px;background:#504e4e;color:#fff;font-size:14px;opacity:.64;display:flex;justify-content:center;align-items:center} .main .fourAcademy .academyBox .item .img img{width:100%} .main .fourAcademy .academyBox .item .introduce{height:40px;font-size:14px;color:#666;line-height:21px;width:100%;overflow:hidden;text-overflow:ellipsis} .main .sixHoliday{margin:10px 10px 0 10px} .main .sixHoliday .title{display:flex;justify-content:space-between;align-items:center;margin-bottom:16px} .main .sixHoliday .title .left{font-size:16px;color:#333;font-weight:600} .main .sixHoliday .title .right{display:flex;justify-content:flex-start;align-items:center;font-size:12px;color:#999} .main .sixHoliday .title .right img{width:15px;margin-left:5px} .main .sixHoliday .holidayBox{display:flex;justify-content:flex-start;align-items:center;flex-wrap:wrap} .main .sixHoliday .holidayBox .item{width:calc(33% - 5px);border-radius:4px;margin:0 8px 16px 0;position:relative;overflow:hidden} .main .sixHoliday .holidayBox .item:nth-child(3n){margin-right:0} .main .sixHoliday .holidayBox .item img{width:100%} .main .sixHoliday .holidayBox .item .name{position:absolute;bottom:0;height:22px;width:100%;font-size:14px;color:#fff;text-align:center;background:#504e4e;opacity:.64} .newsDetail{width:100%;background:#fff} .newsDetail .main{padding:0 15px} .newsDetail .main .head{padding:16px 8px;border-bottom:1px solid #e2e2e2;position:relative} .newsDetail .main .head::before{content:'';width:3px;height:20px;position:absolute;background:#017c35;display:block;left:0;border-radius:4px} .newsDetail .mainbox{padding:16px 0} .newsDetail .main .title{font-size:16px;color:#333;font-weight:600;line-height:24px;text-align: center;} .newsDetail .main .remark{margin:10px auto;font-size:12px;color:#999;display:flex;justify-content:space-between;align-items:center} .newsDetail .main .appendix{margin-top:30px} .newsDetail .main .appendix .title{font-size:12px;color:#017c35;text-align: left;} .newsDetail .main .appendix .editer{font-size:12px;color:#999;width:100%;text-align:right;margin-top:10px} .newsDetail .main .appendix .appendixBox .item{font-size:10px;line-height:15px;color:#666;margin-top:8px} .newsDetail .main .appendix .appendixBox .item a {color:#666;} .groupSchool{width:100%;background:#fff} .main .tabBox{display:flex;justify-content:space-around;align-items:center;color:#999;background:#fff} .main .tabBox a{color: #333;} .main .tabBox .item{padding:0;font-size:16px;text-align:center;line-height: 44px;} .main .tabBox .click{color: rgb(1, 124, 53); border-bottom: 3px solid rgb(1, 124, 53);} .main .tabContent .content{display:block;padding: 0 10px;margin: 10px auto;} .main .tabContent .content p{line-height: 2em;font-size: 1em;text-indent: 2em;word-break: break-all;} .main .tabContent .content .item{display:flex;justify-content:space-between;align-items:center;padding:10px 0;border-bottom:1px solid #eee;text-decoration: none;} .main .tabContent .content .item .left{width:62%} .main .tabContent .content .item .left .title{font-size:14px;line-height:21px;color:#333;margin-bottom:8px} .main .tabContent .content .item .left .time{font-size:12px;color:#999} .main .tabContent .content .item .right{width:32%} .main .tabContent .content .item .right img{width:100%} .main .tabContent .content .item .whole{width: 100%;} .main .tabContent .content .item .whole .title{font-size:14px;line-height:21px;color:#333;margin-bottom:8px} .main .tabContent .content .item .whole .time{font-size:12px;color:#999} .main .tabContent .content .page .fenye{float:left; margin-top:10px;} .main .tabContent .content .page .fenye ul{float:left; margin-left:32px; } .main .tabContent .content .page .fenye ul li{float:left; margin-left:5px;padding: 4px 6px; border:1px solid #ccc; font-weight:bold; cursor:pointer; color:#999;list-style:none;border-radius: 2px;} .main .tabContent .content .page .fenye ul li a{color:#999; font-size:12px;} .main .tabContent .content .page .fenye ul li.xifenye{text-align:center; float:left; position:relative;cursor: pointer;} .main .tabContent .content .page .fenye ul li .xab{ float:left; position:absolute; border:1px solid #ccc; height:123px; overflow-y: auto;overflow-x: hidden;top:-125px; background-color: #fff; display:inline;left:-1px; width:50px;} .main .tabContent .content .page .fenye ul li .xab ul{ margin-left:0; padding-bottom:0;} .main .tabContent .content .page .fenye ul li .xab ul li{ border:0; padding:4px 0; color:#999; width:34px; margin-left:0; text-align:center;} .groupSchool .main .tabContent .content .introduce{padding:0;text-align:center} .groupSchool .main .tabContent .content .schoolNews{padding:0;} .sixHolidayPage{width:100%;background:#f5f5f5;min-height:100vh;overflow:auto} .sixHolidayPage .main .tabContent .content .englishFestival{padding:0 16px} .sixHolidayPage .main .tabContent .content .englishFestival .item{background:#fff;border-radius:8px;margin-top:16px;display:block;text-decoration: none;} .sixHolidayPage .main .tabContent .content .englishFestival img{width:100%} .sixHolidayPage .main .tabContent .content .englishFestival .name{font-weight:600;font-size:14px;color:#333;margin:8px} .sixHolidayPage .main .tabContent .content .englishFestival .time{font-size:12px;color:#999;margin:0 8px} .sixHolidayPage .main .tabContent .content .englishFestival .des{font-size:12px;color:#999;line-height:18px;padding:16px 8px 8px 8px} .swSchool{width:100%;background:#fff} .swSchool .main .tabContent .content .manageTeam{padding:0;} .swSchool .main .tabContent .content .manageTeam .item{padding:16px 0;display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid #efefef;text-decoration: none;} .swSchool .main .tabContent .content .manageTeam .detailBox{position:fixed;left:50%;top:45%;transform:translate(-50%,-50%);width:calc(100% - 32px);min-height:50%;background:#fff;border-radius:5px;display:none;z-index:1002;padding:12px} .swSchool .main .tabContent .content .manageTeam .detailBox .introduce{color:#666;font-size:14px;line-height:21px;margin-bottom: 30px;} .swSchool .main .tabContent .content .manageTeam .detailBox .del{position:absolute;bottom:24px;left:50%;transform:translateX(-50%);width:26px;height:26px} .swSchool .main .tabContent .content .manageTeam .detailBox .del img{width:100%;height:100%} .swSchool .main .tabContent .content .manageTeam .item .left{margin-right:8px;width: 30%;} .swSchool .main .tabContent .content .manageTeam .item .left img{width:100%;height:100%;border-radius:4px;} .swSchool .main .tabContent .content .manageTeam .item .right{width: 70%;} .swSchool .main .tabContent .content .manageTeam .item .right .name{font-size:14px;color:#333} .swSchool .main .tabContent .content .manageTeam .item .right .des{font-size:12px;color:#999;margin:8px 0} .swSchool .main .tabContent .content .manageTeam .item .right .detail{font-size:14px;color:#666;line-height:21px} .swSchool .main .tabContent .content .manageTeam .item .right .detail span{font-size:14px;color:#017c35} .swSchool .main .tabContent .content .schoolHonors{display:flex;justify-content:flex-start;flex-wrap:wrap;padding:16px;background:#f5f5f5} .swSchool .main .tabContent .content .schoolHonors .item{width:calc(50% - 5px);background:#fff;border-radius:4px;margin-right:10px;margin-bottom:10px} .swSchool .main .tabContent .content .schoolHonors .item:nth-child(2n){margin-right:0} .swSchool .main .tabContent .content .schoolHonors .item img{width:100%} .swSchool .main .tabContent .content .schoolHonors .item .name{font-size:14px;color:#666;padding:8px} .swSchool .main .tabContent .content .schoolCalendar{padding:16px;background:#f5f5f5} .swSchool .main .tabContent .content .schoolCalendar .item{margin-bottom:16px;padding-bottom:8px;border-radius:8px;display:block;background:#fff} .swSchool .main .tabContent .content .schoolCalendar .item img{width:100%} .swSchool .main .tabContent .content .schoolCalendar .item .name{font-size:14px;color:#333;font-weight:600;padding:8px} .swSchool .main .tabContent .content .schoolCalendar .item .time{font-size:12px;padding-left:8px;color:#999} .partyBuilding{background:#f5f5f5} .partyBuilding .main .tabContent .content .partyBuildingWork{width:100%;} .partyBuilding .main .tabContent .content .partyBuildingWork .item{width:100%;border-radius:8px;background:#fff;display:block;margin-bottom:15px;padding: 0;border: 0;text-decoration: none;} .partyBuilding .main .tabContent .content .partyBuildingWork .item img{width:100%;border-radius:8px 8px 0 0;} .partyBuilding .main .tabContent .content .partyBuildingWork .item .title{font-size:14px;color:#333;font-weight:600;padding:8px} .partyBuilding .main .tabContent .content .partyBuildingWork .item .time{font-size:12px;color:#999;padding:0 8px} .partyBuilding .main .tabContent .content .partyBuildingWork .item .remark{font-size:12px;color:#999;line-height:18px;padding:8px} .schoolInfo{background:#f5f5f5} .schoolInfo .main .tabContent .content .announcement{padding:16px} .schoolInfo .main .tabContent .content .announcement a{display:flex;justify-content:space-between;align-items:center;padding:16px 0;border-bottom:1px solid #e2e2e2;text-decoration: none;} .schoolInfo .main .tabContent .content .announcement a .left{width:70%;overflow:hidden;text-overflow:ellipsis;word-break:keep-all;font-size:14px;color:#333} .schoolInfo .main .tabContent .content .announcement a .right{font-size:12px;color:#999;font-weight:700} .schoolInfo .main .tabContent .content .announcement a .left:hover{color:#797979} .schoolInfo .main .tabContent .content .report{padding:16px} .schoolInfo .main .tabContent .content .report .item{width:100%;background:#fff;border-radius:8px;display:block;margin-bottom:16px;text-decoration: none;} .schoolInfo .main .tabContent .content .report .item .name{padding:8px;color:#333;font-weight:600} .schoolInfo .main .tabContent .content .report .item .time{padding:0 8px 8px 8px;color:#999} .schoolInfo .main .tabContent .content .report .item img{width:100%} .schoolInfo .main .tabContent .content .journal{display:flex;justify-content:flex-start;align-items:center;flex-wrap:wrap;} .schoolInfo .main .tabContent .content .journal .item{width:calc(50% - 6px);margin:0 11px 11px 0;background:#fff;display: block;padding: 0;} .schoolInfo .main .tabContent .content .journal .item:nth-child(2n){margin:0 0 11px 0} .schoolInfo .main .tabContent .content .journal .item img{width:100%} .schoolInfo .main .tabContent .content .journal .item .title{line-height:21px;font-size:14px;color:#666;padding:8px;height:60px;width: 100%;} .teacherPage{background:#f5f5f5} .teacherPage .main .tabContent .content .teacherStyle{width:100%;padding:16px} .teacherPage .main .tabContent .content .teacherStyle .item{width:100%;border-radius:8px;background:#fff;display:block;margin-bottom:16px;text-decoration: none;} .teacherPage .main .tabContent .content .teacherStyle .item img{width:100%} .teacherPage .main .tabContent .content .teacherStyle .item .title{font-size:14px;color:#333;font-weight:600;padding:8px} .teacherPage .main .tabContent .content .teacherStyle .item .time{font-size:12px;color:#999;padding:0 8px} .teacherPage .main .tabContent .content .teacherStyle .item .remark{font-size:12px;color:#999;line-height:18px;padding:8px} .schoolVideo{background:#f5f5f5} .schoolVideo .main .tabContent .content .item{width:100%;border-radius:8px;display:block;background:#fff;margin-bottom:16px;padding: 0;text-decoration: none;} .schoolVideo .main .tabContent .content .item .img{position:relative;} .schoolVideo .main .tabContent .content .item .img .playbutton{position:absolute;left:50%;top:50%;width:30px;transform:translate(-50%,-50%)} .schoolVideo .main .tabContent .content .item img{width:100%;border-radius: 8px 8px 0 0;} .schoolVideo .main .tabContent .content .item .title{font-size:14px;color:#333;font-weight:600;padding:8px} .schoolVideo .main .tabContent .content .item .time{font-size:12px;color:#999;padding:0 8px 8px 8px} .videoPlay{background:#fff} .videoPlay .main{padding:16px;width:100%} .videoPlay .main img{width:100%} .videoPlay .main .title{font-size:16px;font-weight:600;color:#333;line-height:24px} .videoPlay .main .remark{display:flex;justify-content:space-between;align-items:center;font-size:12px;color:#999;padding:8px 0} .videoPlay .main .editor{width:100%;display:flex;color:#999;justify-content:flex-end;margin-top:16px} .newsDetail .content{margin-bottom:.5em} .newsDetail .content img{margin: 1em 0} .newsDetail .content p{line-height:2em;font-size:1rem} .newsDetail .content h2{font-size:1.2rem;text-align:center;padding:.5em 0 1em;font-weight:700} .newsDetail .content span{font-size:1em;padding-bottom:1em;line-height:1.5em} .newsDetail .content h4{font-size:.75em;color:#999;text-align:center;border-bottom:1em;padding-bottom:10px} .newsDetail .content table{width:100%;margin-bottom:20px;border-collapse:collapse;border:1px solid #eee;border-left:none;word-break:break-word} .newsDetail .content table th{border-color:#2f2f2f} .newsDetail .content table td,.newsDetail table th{padding:8px;border:1px solid #eee;line-height:20px;vertical-align:middle} .newsDetail .content table th{font-weight:700} .newsDetail .content table thead th{vertical-align:middle;text-align:inherit} .newsDetail .content table tr:nth-of-type(2n){background-color:hsla(0,0%,70.2%,.15)} .newsDetail .content table .image-package{width:100%;margin-left:0}