html,
body {
    min-width: 1150px;
}

.main {
    width: 1150px;
    margin: 0 auto;
}

.header {

    background: url(../schoolImg/headBg.png) no-repeat center;
    background-size: cover;
}

.header .main {
    position: relative;
    height: 96px;
    line-height: 96px;
}

.header .logo {
    float: left;
    margin-top: 13px;
}

.header .logo img {
    width: 535px;
}

.header .sign {
    display: inline-block;
    float: right;
    width: 60px;
    height: 30px;
    line-height: 30px;
    text-align: center;
    color: #fff;
    background-color: #0f88eb;
    border-radius: 15px;
    margin-top: 48px;
}
.header .register {
    display: inline-block;
    float: right;
    width: 60px;
    height: 30px;
    line-height: 30px;
    text-align: center;
    color: #0f88eb;
    background-color: #fff;
	border: 1px solid #0f88eb;
    border-radius: 15px;
    margin-top: 48px;
	margin-right: 5px;
}

.animal {
    position: absolute;
    bottom: -20px;
    left: 576px;
}

.header .tel {
    position: absolute;
    left: 817px;
    top: 37px;
}
.signed{
	position: absolute;
	right: 0;
	top: 0;
	height: 100%;
	padding-top: 28px;
}
.userInfo{
	position: absolute;
	width: 536px;
	height: 217px;
	background: url(../schoolImg/userInfoBg.png) no-repeat center;
	top: 96px;
	right: 0;
	z-index: 9;
	padding: 20px 60px;
	text-align: center;
	display: none;
}
.userInfo p{
	margin-top: 25px;
	line-height: 58px;
	text-align: left;
}
.userInfo img{
	margin-right: 10px;
	display: inline-block;
}
.userInfo a{
	display: inline-block;
	padding: 7px 27px;
	margin: 0 20px;
	line-height: 16px;
	font-size: 16px;
}
.changePassword{
	border: 1px solid #D2D2D2;
	color: #666;
	border-radius: 15px;
}
.userInfo a.quit{
	background-color: #0e80e2;
	color: #fff;
	border-radius: 15px;
}

/**
 * 导航
 */
.nav {
    /* background: url(../schoolImg/nav-bg.png) no-repeat center; */
    /* background-size: cover; */
	background-color: #0e80e2;
    height: 78px;
}

.nav ul {
    margin-top: 20px;
}

.nav ul li {
    float: left;
    margin-right: 20px;
}

.nav ul li a {
    display: inline-block;
    padding: 0 25px;
    color: #fff;
    height: 38px;
    line-height: 38px;
    border-radius: 19px;
    font-size: 18px;
}

.nav ul li.active a,
.nav ul li:hover a {
    background-color: #2b9fff;
    color: #ffd201;
}


/**
 * banner
 */
.banner {
    height: 358px;
    background: url(../schoolImg/banner.jpg) no-repeat center;
    background-size: cover;
}

/**
 * courseVideo
 */
.courseVideo {
    background: url(../schoolImg/courseVideo.jpg) no-repeat top;
}

.courseVideo .main{
	background: url(../schoolImg/cjs.png) no-repeat right;
}

.courseVideo .title{
	padding-top: 180px;
	padding-bottom: 80px;
}
.courseVideo .title img{
	margin: 0 auto;
}

.courseVideo .main {
    position: relative;
    height: 576px;
}

.videoCont {
    position: absolute;
    left: 0;
    top: 20px;
    width: 646px;
    height: 538px;
    background: url(../schoolImg/videoMask.png) no-repeat center;
}

.videoCont .video {
    width: 436px;
    height: 291px;
    position: absolute;
    background-color: #ccc;
    left: 62px;
    top: 195px;
}

.bxdw {
    padding-top: 20px;
    padding-bottom: 40px;
}
.bxdw .main{
	border: 20px solid #8fd3f5;
	border-radius: 50px;
	display: flex;
	align-items: center;
	justify-content: space-between;
	position: relative;
}
.editUnits{
	width: 520px;
	height: 331px;
	background: url(../schoolImg/editUnitsBg.png) no-repeat center;
	margin: 35px;
	padding-top: 73px;
	padding-left: 50px;
}

.editUnits ul li{
	padding-left: 40px;
	background: url(../schoolImg/liBg.png) no-repeat left;
	letter-spacing: 2px;
	font-size: 20px;
	line-height: 38px;
}
.courseIntro{
	width: 396px;
	height: 280px;
	margin: 35px;
	font-size: 18px;
	line-height: 32px;
	text-indent: 2em;
	letter-spacing: 1px;
	background: url(../schoolImg/courseIntroBg.png) no-repeat top;
	padding-top: 80px;
}
.chestnut{
	position: absolute;
	bottom: -30px;
	right: -80px;
}


/**
 * 视频列表
 */
.videosContainer {
    /* height: 724px; */
    background: url(../schoolImg/videos.png) no-repeat center;
    background-size: cover;
    padding-top: 86px;
	padding-bottom: 50px;
}

.gysp{
	padding-top: 86px;
	padding-bottom: 50px;
}

.gysp .videosTitle,
.videosContainer .videosTitle {
    text-align: center;
}

.gysp .videosTitle img,
.videosContainer .videosTitle img {
    display: inline-block;
}

.videosCont {
    margin-top: 110px;
	display: flex;
	justify-content: center;
}

.videosCont .videos {
    border: 12px solid #0f88eb;
    border-radius: 15px;
    width: 288px;
    margin: 0 47px;
    transition: all .3s;
    position: relative;
}

.videos .star {
    position: absolute;
    left: -24px;
    top: -24px;
    width: 64px;
}

.videos .videoAct {
    position: absolute;
    right: -28px;
    bottom: -9px;
    width: 72px;
    display: none;
    z-index: 2;
}

.videos .playerCont {
    height: 210px;
    width: 288px;
}

.videos .title {
    min-height: 62px;
    text-align: center;
    padding: 10px;
    background-color: #0f88eb;
    color: #fff;
    font-size: 16px;
    width: 100%;
}

.videosCont .videos.active,
.videosCont .videos:hover {
    /*width: 417px;*/
    /*height: 305px;*/
    transform: scale(1.6);
}

.videosCont .videos:hover .videoAct {
    display: block;
}

.gysp .btns,
.videosContainer .btns {
    margin-top: 70px;
    text-align: center;
}

.gysp .btns a,
.videosContainer .btns a {
    display: inline-block;
    width: 311px;
    height: 55px;
    line-height: 50px;
    font-size: 24px;
    color: #fff;
    background: url(../schoolImg/btnBg.png) no-repeat center;
}

.publicBenefit {
    height: 840px;
    background: url(../schoolImg/publicBg.png) no-repeat center;
    background-size: 80%;
    padding-top: 60px;
}

.publicTitle {
    text-align: center;
}

.publicTitle img {
    display: inline-block;
}

.publicImgCont {
    position: relative;
    height: 620px;
    margin-top: 60px;
}

.publicImgCont a {
    position: absolute;
    display: block;
}

.publicImgCont a.img1 {
    top: 0;
    left: 32px;
	width: 210px;
}

.publicImgCont a.img2 {
    top: 188px;
    left: 30px;
}

.publicImgCont a.img3 {
    top: 54px;
    left: 551px;
}

.publicImgCont a.img4 {
    top: 320px;
    left: 580px;
}

.publicImgCont a.img5 {
    top: 167px;
    left: 850px;
}

.videoInfo {
    height: 1100px;
    background: url(../schoolImg/cloud.png) no-repeat bottom;
}

.videoInfo .main {
    position: relative;
    height: 1100px;
}

.publicVideoCont {
    width: 537px;
    height: 437px;
    position: absolute;
    left: 83px;
    top: 37px;
    background: url(../schoolImg/publicVideoCont.png) no-repeat center;
    padding: 45px 43px;
}

.publicVideoCont h2 {
    height: 58px;
    line-height: 58px;
    color: #fff;
    background-color: #401b10;
    text-align: center;
}

.publicVideo {
    width: 450px;
    height: 298px;
    background-color: #ccc;
}

.publicVideoTitle {
    position: absolute;
    top: 202px;
    right: 137px;
	width: 210px;
}

.infoTitle {
    position: absolute;
    left: 137px;
    top: 710px;
	width: 210px;
}

.infoCont {
    position: absolute;
    width: 640px;
    height: 173px;
    right: 0;
    top: 655px;
    background-color: #edde72;
    border: 2px solid #333;
    border-radius: 16px;
}

.infoImg {
    position: absolute;
    top: -121px;
    right: 108px;
}

.infoList {
    margin: 25px 40px;
}

.infoList li {
    line-height: 40px;
    font-size: 18px;
    padding-left: 18px;
    text-overflow: ellipsis;
    white-space: nowrap;
    background: url(../schoolImg/infoBg.png) no-repeat 8px;
}

.infoList li a {
    color: #333;
}

.videoInfo .btns {
    width: 100%;
    text-align: center;
    bottom: 137px;
    position: absolute;
    left: 0;
}

.videoInfo .btns a {
    display: inline-block;
    width: 311px;
    height: 55px;
    line-height: 50px;
    font-size: 24px;
    color: #fff;
    background: url(../schoolImg/btnBg.png) no-repeat center;
}

.infomation .main{
	padding: 50px 5px;
}
.payCont .title{
	color: #37a0f6;
	font-size: 36px;
	text-align: center;
	font-weight: bold;
}

.payCont .title img{
	margin-right: 20px;
	display: inline-block;
}
.payCont ul{
	margin-top: 30px;
	display: flex;
	justify-content: space-between;
}
.payCont ul li{
	width: 210px;
	height: 210px;
	border-radius: 10px;
	overflow: hidden;
	color: #fff;
	position: relative;
}

.payCont ul li img{
	width: 210px;
}
.payCont ul li p{
	position: absolute;
	top: 55px;
	left: 27px;
	width: 160px;
	text-overflow: ellipsis;
	display: -webkit-box;
	-webkit-line-clamp: 2;
	-webkit-box-orient: vertical;
	overflow: hidden;
}

.payCont ul li a{
	display: inline-block;
	color: #fff;
	width: 120px;
	height: 30px;
	font-size: 16px;
	line-height: 30px;
	text-align: center;
	border-radius: 15px;
	position: absolute;
	bottom: 44px;
	left: 48px;
	border: 1px solid #fff;
}

.infomationCont{
	border: 20px solid #ffcc47;
	border-radius: 100px;
	height: 700px;
	padding-top: 80px;
	position: relative;
}
.infomationCont .jushou{
	position: absolute;
	left: -140px;
	bottom: -20px;
}

.aircraft{
	position: absolute;
	right: -138px;
	top: 0;
}
.map{
	position: absolute;
	left: -177px;
	top: 180px;
}

.infomationCont div{
	width: 460px;
	margin-bottom: 40px;
}
.infomationCont .left{
	float: left;
	margin-left: 50px;
}
.infomationCont .right{
	float: right;
	margin-right: 50px;
}

.infomationCont div .title{
	font-size: 36px;
	color: #37a0f6;
	font-weight: bold;
}

.infomationCont div .title a{
	float: right;
}
.infomationList{
	margin: 0 20px;
}
.infomationList li{
	line-height: 50px;
	font-size: 14px;
	overflow: hidden;
	white-space: nowrap;
	text-overflow: ellipsis;
}

.courseTitle{
	background: url(../schoolImg/courseTitleBg.png) no-repeat bottom;
	height: 80px;
	line-height: 70px;
	text-align: center;
	color: #0f88eb;
	font-size: 40px;
	font-weight: bold;
	margin-bottom: 60px;
	margin-top: 70px;
}

/**
 * container
 */
.container {
	padding-top: 60px;
    margin-bottom: 30px;
    position: relative;
	background: url(../schoolImg/navBg.png) no-repeat top;
}
.container.imgBg{
	padding: 60px 0;
	margin: 0;
	background: url(../schoolImg/navBg.png) no-repeat top, url(../schoolImg/imgBg.png) repeat;
}
.container.sign{
	padding: 60px 0;
	margin: 0;
	background: url(../schoolImg/navBg.png) no-repeat top, url(../schoolImg/signRepeatBg.png) repeat;
}

.laws,
.news {
    width: 206px;
    height: 350px;
    background-color: #e3f2ff;
    float: left;
    border: 2px solid #67b7ff;
    border-top: none
}

.news .head,
.laws .head {
    background: url(../schoolImg/new-h-bg.png) repeat-x;
    height: 45px;
    line-height: 45px;
    font-size: 18px;
    color: #004482;
    /*text-align: center;*/
    text-indent: 40px;
    position: relative;
}

.activity .head>img,
.courseLogin .head>img,
.news .head>img,
.laws .head>img {
    position: absolute;
    top: -19px;
    left: -14px;
}

.news ul,
.laws ul {
    height: 273px;
    padding: 10px;
}

.news ul li,
.laws ul li {
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    height: 25px;
    line-height: 25px;
}

.activity .section .infoBox ul li a,
.news ul li a,
.laws ul li a {
    font-size: 12px;
    color: #666;
}

.activity .section .infoBox ul li a:hover,
.news ul li a:hover,
.laws ul li a:hover {
    text-decoration: underline;
}

.activity .section .infoBox ul li a i,
.news ul li a i,
.laws ul li a i {
    display: inline-block;
    width: 18px;
    text-align: right;
    margin-right: 5px;
}

.news .foot a,
.laws .foot a {
    display: block;
    height: 30px;
    line-height: 30px;
    color: #2564a0;
    font-size: 12px;
    text-align: center;
    background-color: #d2eaff;
}

.courseLogin {
    width: 578px;
    height: 350px;
    background-color: #e6ffdc;
    margin-left: 20px;
    float: left;
    border: 2px solid #8ceb60;
    border-top: none;
}

.courseLogin .head {
    background: url(../schoolImg/cour-h-bg.png) repeat-x;
    height: 45px;
    line-height: 45px;
    font-size: 18px;
    color: #026100;
    /*text-align: center;*/
    text-indent: 40px;
    position: relative;
}

.courseLogin .viedoBox {
    width: 365px;
    height: 303px;
    background-color: #1e490d;
    float: left;
}

.courseLogin .viedoBox #player {
    width: 365px;
    height: 263px;
    background-color: #ccc
}

.courseLogin .viedoBox h3 {
    background-color: rgba(0, 0, 0, .36);
    color: #fff;
    font-size: 18px;
    height: 40px;
    text-align: center;
    line-height: 40px;
}

.courseLogin .loginBox {
    width: 209px;
    height: 305px;
    background: url(../schoolImg/login-bg.png) no-repeat;
    float: left;
    text-align: center;
}

.courseLogin .loginBox img {
    margin-top: 80px;
    display: inline-block;
}

.courseLogin .loginBox button {
    cursor: pointer;
    margin-top: 25px;
    width: 171px;
    height: 39px;
    border: none;
	outline: none;
    background: url(../schoolImg/btn-bg.png) no-repeat;
}

.createUnit {
    width: 325px;
    height: 350px;
    background: #e6ffdc url(../schoolImg/czs.png) no-repeat;
    background-position: center 194px;
    margin-left: 20px;
    float: left;
    border: 2px solid #77d84a;
}

.createUnit .head {
    height: 45px;
    line-height: 45px;
    font-size: 18px;
    color: #1f9d1c;
    /*text-align: center;*/
    text-indent: 40px;
    position: relative;
}

.createUnit .head>img {
    position: absolute;
    top: -35px;
    left: -14px;
}

.courseLogin .head a,
.activity .head a {
    float: right;
    margin-top: 10px;
    margin-right: 10px;
}

.createUnit .cont {
    font-size: 14px;
    color: #333;
    padding: 10px 30px;
}

.activity {
    width: 923px;
    height: 350px;
    background-color: #ffe2da;
    margin-left: 20px;
    float: left;
    border: 2px solid #ff7954;
    border-top: none;
}

.activity .head {
    background: url(../schoolImg/act-h-bg.png) repeat-x;
    height: 45px;
    line-height: 45px;
    font-size: 18px;
    color: #871d00;
    /*text-align: center;*/
    text-indent: 40px;
    position: relative;
}

.activity .section {
    width: 300px;
    height: 280px;
    margin-top: 23px;
    float: left;
    margin-right: 9px;
    text-align: center;
}

.activity .section .title {
    font-size: 16px;
    color: #dc6f52;
    line-height: 40px;
    height: 40px;
}

.activity .section .title img {
    display: inline-block;
}

.activity .section .videoBox {
    width: 100%;
    height: 240px;
    background: #582618;
}


.activity .section .videoBox h4 {
    color: #fff;
    background: rgba(0, 0, 0, .36);
    height: 36px;
    line-height: 36px;
    font-size: 12px;
}

.activity .section .imgBox {
    border: 1px solid #d8e3e8;
    padding: 2px;
}

.activity .section .imgBox .imgShow {
    width: 294px;
    height: 180px;
    margin-bottom: 2px;
}

.activity .section .imgBox .imgShow img {
    width: 294px;
    height: 180px;
    transition: all .5s;
}

.activity .section .imgBox .imgCtrl {
    padding: 2px;
}

.activity .section .imgBox .imgCtrl img {
    width: 67px;
    height: 47px;
    display: inline-block;
    text-align: center;
    cursor: pointer;
    transition: all .5s;
}

.activity .section .imgBox .imgCtrl img.active {
    border: 1px solid #0072cf;
    box-shadow: 0 0 10px #0072cf;
}

.activity .section .infoBox ul li {
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    padding: 6px;
    height: 25px;
    line-height: 25px;
    text-align: left;
}

.links {
    min-height: 68px;
	line-height: 40px;
	padding-top: 20px;
	padding-bottom: 30px;
    min-height: 68px;
    color: #0060af;
    font-size: 18px;
	background: #e3f2ff;
}

.links a {
    color: #0060af;
    margin-right: 20px;
    display: inline-block;
}

.footer {
    background-color: #0e80e2;
    color: #fff;
    padding: 40px 0;
	padding-bottom: 0;
	position: relative;
}
.linksBg{
	position: absolute;
	left: 0;
	top: -29px;
	height: 29px;
}

.footer a {
    color: #daeeff;
}

.footer .contact {
    float: left;
    margin-right: 100px;
}

.footer .contact h2 {
    font-size: 30px;
    font-weight: normal;
}

.footer .contact p {
    font-size: 16px;
    line-height: 28px;
    height: 28px;
}

.footer .siteLink {
    float: left;
    margin-right: 100px;
	margin-left: 80px;
}

.footer .siteLink a{
	display: block;
	color: #fff;
	font-size: 20px;
	margin-bottom: 40px;
}

.footer .accounts {
    float: left;
    text-align: center;
    font-size: 16px;
}

.footer .accounts img {
    width: 99px;
    display: inline-block;
    margin-bottom: 16px;
}

.copyRight {
	float: left;
    text-align: center;
    padding: 40px 0;
    font-size: 12px;
    color: #fff;
	margin-right: 100px;
}

.copyRight p {
    line-height: 32px;
    height: 32px;
}

.loginAltBox {
    position: fixed;
    background-color: rgba(0, 0, 0, .3);
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    display: none;
}

.loginAltBox .cont {
    width: 350px;
    height: 320px;
    background-color: #fff;
    position: absolute;
    top: 50%;
    left: 50%;
    margin-top: -160px;
    margin-left: -175px;
    box-shadow: 0 0 20px #6bb9ff;
}

.loginAltBox .cont h3 {
    background-color: #6bb9ff;
    color: #fff;
    height: 43px;
    line-height: 43px;
    font-size: 16px;
    text-indent: 12px;
    font-weight: normal;
    margin-bottom: 40px;
}

.loginAltBox .cont h3 .close {
    display: inline-block;
    width: 60px;
    height: 43px;
    font-size: 24px;
    text-align: center;
    float: right;
    cursor: pointer;
}

.loginAltBox .cont .input-ctrl {
    width: 300px;
    height: 34px;
    line-height: 34px;
    margin: 16px auto;
    position: relative;
}

.input-ctrl label {
    width: 80px;
    height: 34px;
    line-height: 34px;
    color: #333;
    font-size: 14px;
    display: inline-block;
    text-align: right;
}

.input-ctrl input {
    width: 214px;
    height: 34px;
    border: 1px solid #333;
    text-indent: 12px;
    border-radius: 4px;
    float: right;
}

.input-ctrl img {
    width: 100px;
    height: 32px;
    position: absolute;
    top: 1px;
    right: 1px;
    border-top-right-radius: 4px;
    border-bottom-right-radius: 4px;
}

.input-ctrl select {
    border: 1px solid #333;
    height: 34px;
    padding: 0 8px;
    border-radius: 4px;
    text-align: center;
    color: #666;
}

.loginAltBox .cont .toLogin {
    display: block;
    width: 277px;
    height: 34px;
    margin: 20px auto;
    background-color: #6bb9ff;
    color: #fff;
    border: none;
    border-radius: 4px;
    font-size: 16px;
    cursor: pointer;
}

.newsHead {
    background: url(../schoolImg/n-head-bg.png?v=0.0.01) no-repeat center;
    height: 35px;
    line-height: 35px;
    color: #fff;
    font-size: 18px;
    text-indent: 22px;
    margin-bottom: 30px;
    margin-top: 30px;
}

.newsHead p {
    float: right;
    color: #333;
    font-size: 14px;
}

.newsHead p a {
    color: #2492ed;
    font-size: 14px;
}

.newsList {
    min-height: 630px;
	margin-top: 70px;
	position: relative;
}

.newsList > img{
	position: absolute;
}
.starBall1{
	bottom: 70px;
	right: -210px;
}
.starBall2{
	top: 80px;
	right: -270px;
}
.starBall3{
	top: 180px;
	left: -250px;
}
.starBall4{
	bottom: 0px;
	left: -170px;
}

.newsList li {
    height: 34px;
    line-height: 34px;
    border-bottom: 1px solid #eaaa28;
    font-size: 14px;
    color: #333;
    cursor: pointer;
	margin-bottom: 30px;
}


.newsList li a {
    font-size: 16px;
    color: #333;
    display: inline-block;
    width: 1024px;
    white-space: nowrap;
    text-overflow: ellipsis;
	padding-left: 20px;
	position: relative;
}

.newsList li a img {
    display: inline-block;
    position: absolute;
	bottom: 0;
	left: -26px;
}
.newsList li a .starAct{
	display: none;
}

.newsList li a:hover .oneStar{
	display: none;
}
.newsList li a:hover .starAct{
	display: inline-block;
}

.newsList li a:active .oneStar{
	display: none;
}
.newsList li a:active .starAct{
	display: inline-block;
}

.newsList li span {
    float: right;
    color: #333;
	font-size: 14px;
}


.newsCont {
    color: #333;
    min-height: 630px;
	position: relative;
}
.newsCont > img{
	position: absolute;
}
.starBall5{
	left: -150px;
	top: 20%;
}
.starBall6{
	left: -240px;
	bottom: 80px;
}
.starBall7{
	right: -170px;
	top: 40%;
}

.newsCont h3 {
    font-size: 26px;
    font-weight: normal;
    text-align: center;
    margin-bottom: 30px;
}

.newsCont .date {
    font-size: 16px;
    text-align: center;
    margin-bottom: 15px;
}

.newsCont div p {
    font-size: 16px;
    text-indent: 2em;
    margin-bottom: 10px;
}

.newsCont div p img {
    display: inline-block;
}

.pages {
    text-align: center;
    margin: 20px auto;
}

.pages span {
    color: #333;
    display: inline-block;
    height: 30px;
    width: 30px;
    line-height: 30px;
    border: 1px solid #ccc;
    background-color: #e7e7e7;
    border-radius: 3px;
    margin: 0 5px;
}

.pages a {
    color: #333;
    display: inline-block;
    height: 30px;
    min-width: 30px;
    padding: 0 6px;
    line-height: 30px;
    border: 1px solid #ccc;
    background-color: #fff;
    border-radius: 3px;
    font-size: 14px;
    margin: 0 5px;
}

.pages a:hover {
    background-color: #2492ed;
    color: #fff;
}

.codeImg {
    cursor: pointer;
}

.moveTop {
    display: none;
    position: fixed;
    top: 60%;
    right: 0;
    width: 50px;
    height: 58px;
    background-color: #ccc;
    overflow: hidden;
    transition: all .3s;
}

.moveTop .applyFor {
    padding: 10px;
}

.moveTop .applyFor a {
    color: #fff;
}

.moveTop .applyFor a:hover {
    color: #707070;
}

.moveTop .goTop {
    height: 58px;
    background: url(../schoolImg/goTop.png) no-repeat;
    background-position: 0 0;
    cursor: pointer;
    transition: all .3s;
}

.moveTop .goTop:hover {
    background-position: 0 -58px;
}

.moveTop.active {
    display: block;
    overflow: hidden;
}

/**
 * 倒计时
 */
.countDown {
    background-color: #357ea1;
    width: 100%;
    height: 100%;
    position: relative;
}

.countDown .logo {
    width: 550px;
    height: 80px;
    font-size: 40px;
    line-height: 80px;
    background-color: #fff;
    color: #357ea1;
    text-align: center;
    position: absolute;
    top: 10%;
    left: 0;
}

.countDown .startTime {
    width: 1006px;
    height: 172px;
    font-size: 60px;
    color: #fff;
    top: 16%;
    left: 50%;
    margin-left: -440px;
    position: absolute;
    text-shadow: 6px 0 12px #333;
}

.countDown .startTime span {
    font-size: 130px;
    color: #ff7f00;
}

.countDown .downCtrl {
    width: 350px;
    height: 80px;
    position: absolute;
    top: 50%;
    left: 50%;
    margin-left: -175px;
    margin-top: -40px;
}

.countDown .downCtrl .time {
    font-size: 20px;
    color: #fff;
}

.countDown .downCtrl .time span {
    display: inline-block;
    width: 40px;
    height: 40px;
    line-height: 40px;
    text-align: center;
    background-color: #fff;
    color: #666;
    margin: 0 10px;
    box-shadow: 3px 0 10px #666;
    font-size: 17px;
}

.countDown .downCtrl .unit {
    font-size: 20px;
    color: #357ea1;
}

.countDown .downCtrl .unit span {
    display: inline-block;
    width: 40px;
    height: 40px;
    line-height: 40px;
    text-align: center;
    color: #fff;
    margin: 0 10px;
    font-size: 14px;
}

.countDown .downCtrl .time span.active {
    animation: timeDown 1s infinite;
}

@keyframes timeDown {
    from {
        transform: rotate3d(1, 0, 0, 0);
    }

    to {
        transform: rotate3d(1, 0, 0, 360deg);
    }
}
.courseContainer:nth-child(2n+0){
	background: #fff5fe url(../schoolImg/courseContainerBg.png) no-repeat top;
}

.courseList{
	position: relative;
}
.bulb{
	position: absolute;
	right: -120px;
	top: 30%;
}
.car{
	position: absolute;
	left: -140px;
	top: 50%;
}
.lable{
	position: absolute;
	right: 120px;
	bottom: 60px;
}

.courseList .course {
    width: 336px;
    height: 282px;
    float: left;
    margin-right: 71px;
	border: 12px solid #0e88EB;
	border-radius: 12px;
	margin-bottom: 50px;
	position: relative;
	transition: all .3s;
}
.courseList .course:hover{
	transform: scale(1.3);
}
.courseList .course:nth-child(3n+0){
	margin-right: 0;
}
.course .star{
	position: absolute;
	left: -24px;
	top: -24px;
	width: 64px;
}
.course .videoAct{
	position: absolute;
	right: -45px;
	bottom: -32px;
	width: 72px;
	display: none;
	z-index: 2;
}
.course:hover .videoAct{
	display: block;
}

.courseList .course .video {
    background-color: #003866;
    height: 223px;
    cursor: pointer;
    position: relative;
}

.courseList .course .video img {
    height: 223px;
	width: 100%;
}

.courseList .course .video .videoMask {
    /*display: none;*/
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    background: rgba(0, 0, 0, .4) url(../schoolImg/play_c.png) no-repeat center;
    background-size: 50px;
}

.courseList .course .video:hover .videoMask {
    display: block;
}

.courseList .course .title {
    height: 35px;
    background-color: #0E88EB;
    color: #fff;
    line-height: 35px;
    text-align: center;
    font-size: 16px;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
}

.activityPage .navbar {
    width: 222px;
    float: left;
}

.activityPage .navbar a {
    height: 72px;
	padding-left: 40px;
    display: block;
	width: 222px;
    color: #000033;
    font-size: 22px;
    text-align: center;
    line-height: 72px;
	position: relative;
	border-radius: 36px;
}

.activityPage .navbar a img{
	position: absolute;
	left: 30px;
	width: 40px;
	height: 30px;
	top: 21px;
}

.activityPage .navbar a:hover,
.activityPage .navbar a.active{
	background-color: #ffefd5;
	color: #449dee;
}


.activityPage .cont {
    width: 915px;
    padding-left: 5.5px;
    float: right;
}

.activityPage .cont .videoList,
.activityPage .cont .imgList {
    min-height: 600px;
}

.activityPage .cont .videoList > div {
    width: 329px;
    min-height: 238px;
    float: left;
    margin: 0 60px 60px;
	background: url(../schoolImg/videoBg.png) no-repeat center;
	padding: 9px 17px;
	cursor: pointer;
	position: relative;
}

.activityPage .cont .videoList > div .videoMask{
	width: 295px;
	height: 220px;
	position: absolute;
	top: 9px;
	left: 17px;
	background: rgba(0, 0, 0, .4) url(../schoolImg/play_c.png) no-repeat center;
	background-size: 50px;
}


.activityPage .cont .videoList div img {
    width: 295px;
    height: 220px;
}

.activityPage .cont .imgList div {
    width: 339px;
    min-height: 229px;
    float: left;
    margin: 12px;
    position: relative;
    cursor: pointer;
	background: url(../schoolImg/picBg.png) no-repeat center;
	padding: 13px 16px;
}

.activityPage .cont .imgList div .title {
    height: 32px;
    line-height: 32px;
    position: absolute;
    background-color: rgba(0, 0, 0, .6);
    color: #fff;
    text-align: center;
    width: 307px;
    left: 16px;
    bottom: 13px;
}

.activityPage .cont .imgList div img {
    width: 307px;
}

.infoList .newsList li a {
    width: 733px;
}

.perfectInfo {
    width: 300px;
    min-height: 600px;
    margin: 20px auto;
}

.perfectInfo .input-ctrl {
    min-width: 300px;
    height: 34px;
    line-height: 34px;
    margin: 20px auto;
    position: relative;
}

.perfectInfo .submit {
    display: block;
    width: 300px;
    height: 34px;
    margin: 20px auto;
    background-color: #6bb9ff;
    color: #fff;
    border: none;
    border-radius: 4px;
    font-size: 16px;
    cursor: pointer;
}

.signBox{
	width: 538px;
	height: 436px;
	background: #FFF;
	box-shadow: 0 0 10px rgba(41, 132, 225, .1);
	margin: 80px auto;
	border-radius: 20px;
	overflow: hidden;
}
.signBox .head{
	height: 82px;
	line-height: 82px;
	color: #fff;
	background: url(../schoolImg/signBg.png);
	text-align: center;
	font-size: 24px;
	font-weight: bold;
	letter-spacing: 27px;
}
.signBox .content{
	padding: 20px;
}
.tips{
	font-size: 16px;
	color: #feb300;
	text-align: center;
}
.signBox .content .tips{
	margin-bottom: 50px;
}
.signBox .input-control{
	border: 1px solid #d2d2d2;
	margin: 0 27px 27px;
	height: 40px;
	line-height: 40px;
	position: relative;
	padding-left: 48px;
}
.signBox .checkbox-control{
	margin: 0 27px 27px;
}
.signBox .checkbox-control a{
	float: right;
	color: #47a4f0;
}
.signBox .input-control img{
	position: absolute;
	left: 6px;
	top: 1px;
}
.signBox .input-control input{
	height: 18px;
	border-left: 1px solid #d2d2d2;
	padding-left: 14px;
	width: 100%;
}
.btns{
	text-align: center;
}
.btns button{
	width: 250px;
	outline: none;
	height: 45px;
	border: none;
	background: url(../schoolImg/btnBg.png) no-repeat center;
	background-size: 250px;
	color: #fff;
	font-size: 18px;
	letter-spacing: 10px;
	font-weight: bold;
	cursor: pointer;
}

.registerCont{
	margin: 100px 0;
	position: relative;
}
.bread,
.carrot{
	position: absolute;
	z-index: 0;
}
.bread{
	top: -48px;
	left: 23px;
}
.carrot{
	top: -60px;
	right: 0;
}
.registerCont > div{
	width: 556px;
	height: 542px;
	background: url(../schoolImg/registerBg.png) no-repeat center;
	float: left;
	margin-right: 38px;
	padding: 0 90px;
	text-align: center;
}
.registerTitle,
.portrait{
	display: inline-block;
}
.registerTitle{
	margin-top: -24px;
	margin-bottom: 21px;
}
.portraitCont{
	margin-bottom: 20px;
	
}
.explain{
	color: #777777;
	font-size: 22px;
}
.explain span{
	color: #ff9600;
	font-size: 24px;
	font-weight: bold;
	line-height: 50px;
}
.explain-f{
	font-size: 20px;
	color: #888888;
	text-align: left;
	line-height: 40px;
}
.registerCont .student{
	margin-right: 0;
}
.registerCont .btns a{
	width: 311px;
	height: 55px;
	background: url(../schoolImg/btnBg.png) no-repeat center;
	color: #fff;
	display: inline-block;
	font-size: 24px;
	line-height: 51px;
	margin-top: 30px;
}
.branchRegisterCont{
	position: relative;
	margin: 100px 0;
	display: -webkit-flex;
	display: -ms-flexbox;
	display: -moz-box-flex;
	display: flex;
	align-items: center;
	justify-content: space-between;
}
.branchRegister{
	width: 504px;
	height: 414px;
	background: url(../schoolImg/registerBg.png) no-repeat center;
	background-size: 100% 100%;
	text-align: center;
	padding: 0 60px;
}
.branchRegister .explain{
	font-size: 18px;
	padding: 0 94px;
	line-height: 30px;
}
.branchRegister .explain span{
	font-size: 20px;
	display: inline-block;
}
.branchRegister .explain-f{
	font-size: 18px;
	line-height: 30px;
}
.registerForm{
	width: 559px;
	background-color: #FFFFFF;
	border-radius: 20px;
	padding-bottom: 30px;
	margin-left: 80px;
}
.registerHead{
	height: 82px;
	color: #fff;
	background: url(../schoolImg/signBg.png) no-repeat center;
	background-size: cover;
	line-height: 82px;
	text-align: center;
	font-size: 24px;
	margin-bottom: 30px;
}
.addSchoolCont .registerHead{
	background: #47a4f0;
}
.addSchoolCont .select-control,
.addSchoolCont .radio-control,
.addSchoolCont .input-control,
.registerForm .select-control,
.registerForm .radio-control,
.registerForm .input-control{
	margin: 10px 20px;
	line-height: 36px;
	height: 36px;
}
.addSchoolCont .button-control span,
.addSchoolCont .select-control span,
.addSchoolCont .radio-control span,
.addSchoolCont .input-control span,
.registerForm .button-control span,
.registerForm .select-control span,
.registerForm .radio-control span,
.registerForm .input-control span{
	font-size: 16px;
	color: #666;
	text-align: right;
	width: 160px;
	display: inline-block;
}

.registerForm .a-control{
	margin: 10px 20px;
	line-height: 36px;
	height: 36px;
	text-align: center;
}
.registerForm .a-control a{
	color: #47A4F0;
	font-size: 12px;
}
.registerForm .a-control a:hover{
	text-decoration: underline;
}
.addSchoolCont .input-control input,
.registerForm .input-control input{
	height: 36px;
	border: 1px solid #D2D2D2;
	padding-left: 10px;
	border-radius: 4px;
	width: 300px;
}
.registerForm .input-control.btn input{
	height: 36px;
	border: 1px solid #D2D2D2;
	padding-left: 10px;
	border-radius: 4px;
	width: 180px;
}
.registerForm .input-control.btn button{
	width: 100px;
	margin-left: 18px;
	height: 36px;
	color: #fff;
	background-color: #37a0f6;
	border: none;
	outline: none;
	border-radius: 18px;
	cursor: pointer;
}
.registerForm .input-control.btn button.act{
	background-color: #ccc;
}
.addSchoolCont .select-control select,
.registerForm .select-control select{
	border: 1px solid #d2d2d2;
	height: 36px;
	padding: 0 10px;
	padding-right: 36px;
	min-width: 100px;
	background: url(../schoolImg/selectBg.png) no-repeat right;
	cursor: pointer;
}
.addSchoolCont .button-control,
.registerForm .button-control{
	text-align: center;
	margin: 10px 20px;
	margin-top: 40px;
}
.addSchoolCont .button-control button,
.registerForm .button-control button{
	color: #FFFFFF;
	cursor: pointer;
	font-size: 18px;
	width: 246px;
	outline: none;
	height: 46px;
	background: url(../schoolImg/btnBg.png) no-repeat center;
	background-size: contain;
	border: none;
	letter-spacing: 12px;
}

.layer_notice{
	display: none;
}

.input-img-control{
	margin: 10px 20px;
	line-height: 36px;
	height: 36px;
	position: relative;
}

.input-img-control span{
	font-size: 16px;
	color: #666;
	text-align: right;
	width: 80px;
	display: inline-block;
}

.input-img-control input{
	height: 36px;
	border: 1px solid #D2D2D2;
	padding-left: 10px;
	border-radius: 4px;
	width: 300px;
}
.input-img-control img{
	position: absolute;
	height: 34px;
	right: 38px;
	top: 1px;
	cursor: pointer;
}
.registerTip{
	color: orange;
	text-align: center;
	padding: 0 40px;
}

.addSchoolFooter{
	color: #999;
	font-size: 12px;
	text-align: center;
	padding: 0 20px;
	padding-bottom: 20px;
}
.textLine{
	height: 20px;
	position: relative;
}
.textLine span{
	position: absolute;
	display: inline-block;
	background-color: #fff;
	top: -8px;
	width: 120px;
	left: 50%;
	margin-left: -60px;
}
.addSchoolFooter .serviceTel{
	color: #37a0f6;
	font-size: 14px;
	margin: 8px 0;
}