@charset "UTF-8";

body,html{
	font-family: "微软雅黑";
	width:100%;
	height:100%;
   }
.winter-project{
	width: 100%;
	height:auto;
}
.wrap{
	background: #287352;
	overflow-x: hidden;
	width: 100%;
}
.banner{
	background: url(../img/banner.png) no-repeat top center;
	width:100%;
	height:660px;
}
.winter-title{
	width:986px;
	margin:0 auto;
	position: relative;
	z-index: 999;
}
.winter-title a{
	display: block;
	float: left;
	width:230px;
	height:140px;
	text-align: center;
	margin:0 8px;
}
.content-portion{
	width:1000px;
	margin:-102px auto 0 auto;
}
.content-po{
	position: relative;
}
.one{
	background: url(../img/bg04.png) no-repeat;
}
.one:hover{
	background: url(../img/bg-04.png) no-repeat;
}
.live{
	background: url(../img/bg01.png) no-repeat;
}
.live:hover{
	background: url(../img/bg-01.png) no-repeat;
}
.recorded{
	background: url(../img/bg02.png) no-repeat;
}
.recorded:hover{
	background: url(../img/bg-02.png) no-repeat;
}
.face{
	background: url(../img/bg03.png) no-repeat;
}
.face:hover{
	background: url(../img/bg-03.png) no-repeat;
}
.winter-titlebg{
	background: url(../img/winter-titlebg.png) no-repeat;
    width: 990px;
    height: 97px;
    display: block;
    position: absolute;
    top: 102px;
    left: 50%;
    margin-left: -506px;
}
.winter-title a h4{
	font-size: 30px;
	font-family: FZLTDHK--GBK1-0, FZLTDHK--GBK1;
	font-weight: bold;
	color: #FDFDFD;
	line-height: 36px;
	margin-top:36px;
}
.winter-title a p{
	font-size: 20px;
	font-family: FZLTHK--GBK1-0, FZLTHK--GBK1;
	font-weight: normal;
	color: #FDFDFD;
	line-height: 23px;
	margin-top:83px;
}
.activities-section{
	margin-top:140px;
}
.activities-top{
	margin-left:21px;
}
.activities-top a{
	display: block;
	float: left;
	background: url(../img/huodong.png) no-repeat;
	width:227px;
	height:45px;
	padding-left:23px;
	margin:0 7px;
}
.activities-top .active{
	display: block;
	float: left;
	background: url(../img/huodong01.png) no-repeat;
	width:227px;
	height:45px;
	padding-left:23px;
}
.activities-top a .one{
	background: url(../img/one-icon.png) no-repeat;
	width:29px;
	height:29px;
	display: block;
	float: left;
	margin:9px 7px 0 0;
}
.activities-top a .two{
	background: url(../img/two-icon.png) no-repeat;
	width:29px;
	height:29px;
	display: block;
	float: left;
	margin:9px 7px 0 0;
}
.activities-top a p{
	font-size: 16px;
	line-height: 45px;
	font-family: FZLTHK--GBK1-0, FZLTHK--GBK1;
	font-weight: normal;
	color: #FDFDFD;
	float: left;
}
.activities-top a p span{
	font-size: 20px;
	font-family: FZLTDHK--GBK1-0, FZLTDHK--GBK1;
	font-weight: normal;
	color: #FDFDFD;
}
.activities{
	background: url(../img/activities-bg.png) no-repeat;
	width:990px;
	height:341px;
	padding-top:49px;
	position: relative;
}
.activities h4{
	font-size: 36px;
	font-family: FZLTDHK--GBK1-0, FZLTDHK--GBK1;
	font-weight: normal;
	color: #FE892D;
	line-height: 43px;
	text-align: center;
}
.activities h5{
	font-size: 16px;
	font-family: FZLTHK--GBK1-0, FZLTHK--GBK1;
	font-weight: normal;
	color: #000000;
	line-height: 33px;
	text-align: center;
}
.activities .regulation{
	width:763px;
	margin:0 auto;
}
.regulation p{
	margin-bottom: 8px;
}
.regulation p span{
	color: #FE2D2D;
}
.activities .regul {
	width:597px;
	margin:0 auto;
}
.star{
	font-size: 12px;
	font-family: FZLTHK--GBK1-0, FZLTHK--GBK1;
	font-weight: normal;
	color: #414141;
	line-height: 14px;
	position: absolute;
	right: 120px;
    bottom: 36px;
    font-style: normal;
}
.fan{
	float: left;
	width: 166px;
	font-size: 16px;
	font-family: FZLTHK--GBK1-0, FZLTHK--GBK1;
	font-weight: normal;
	color: #3D3D3D;
	line-height: 33px;
}
.fan-right{
	float: left;
	width: 431px;
	font-size: 16px;
	font-family: FZLTHK--GBK1-0, FZLTHK--GBK1;
	font-weight: normal;
	color: #3D3D3D;
	line-height: 33px;
}
.fan-right p{
	margin-bottom: 8px;
}
.activities li{
	display: none;
}
.activities li:first-child{
	display: block;
}
.above{
	margin-top:15px;
	text-indent:1em;
}
.activities h6{
	font-size: 16px;
	font-family: FZLTHK--GBK1-0, FZLTHK--GBK1;
	font-weight: normal;
	color: #3D3D3D;
	line-height: 38px;
	text-align: center;
	margin: 21px 13px 7px 0;
}
.activities p em{
	font-style: normal;
	width: 24px;
	height: 24px;
	line-height: 24px;
	background: #3BAF7C;
	border-radius: 50%;
	font-size:16px;
	color: #FFFFFF;
	display: inline-block;
    text-align: center;
}
.live-class{
	margin-top:80px;
}
.live-class .live-title{
	background: url(../img/live-title.png) no-repeat;
	width:435px;
	height:94px;
	font-size: 34px;
	font-family: FZLTDHK--GBK1-0, FZLTDHK--GBK1;
	font-weight: bold;
	color: #FDFDFD;
	line-height: 94px;
	text-align: center;
	margin:0 auto 26px auto;
}
.live-title span{
	color: #FFF183;
}
.live-content li{
	float: left;
	width:238px;
	background: #FDFDFD;
	margin:0 6px 20px 6px;
	border-radius: 11px;
}
.live-content li a{
	display: block;
	border-radius: 10px;
}
.live-content img{
	display: block;
	width:238px;
	height:176px;
	display: block;
	border-top-left-radius: 10px;
	border-top-right-radius: 10px;
}
.live-content h5{
	font-size: 18px;
	font-family: FZLTZCHK--GBK1-0, FZLTZCHK--GBK1;
	font-weight: bold;
	color: #3D3D3D;
	line-height: 24px;
	padding-left:9px;
	margin:10px 0 26px 0;
}
.live-content p{
	padding-left:9px;
	font-size: 16px;
	font-family: FZLTHK--GBK1-0, FZLTHK--GBK1;
	font-weight: normal;
	color: #6A6A6A;
	line-height: 18px;
}
.live-content p span{
	color: #FF4E00;
	margin-left:3px;
	font-weight: bold;
}
.live-content p em{
	font-size: 24px;
	font-family: FZLTDHK--GBK1-0, FZLTDHK--GBK1;
	font-weight: bold;
	color: #FF4E00;
	line-height: 29px;
	font-style: normal;
}
.live-content .liji{
	background: url(../img/btn.png) no-repeat;
	width:238px;
	height:62px;
	line-height: 62px;
	font-size: 24px;
	font-family: FZLTDHK--GBK1-0, FZLTDHK--GBK1;
	font-weight: bold;
	color: #FDFDFD;
	letter-spacing: 2px;
	text-align: center;
	display: block;
	margin-top:12px;
	border-top-left-radius: 0;
	border-top-right-radius: 0;
}
.live-content .liji:hover{
	background: url(../img/btn01.png) no-repeat;
}
.live-content .live-active{
	background: url(../img/live-img01.png) no-repeat;
	width:238px;
	height:339px;
}
.recorded-class{
	margin:80px auto;
	position: relative;
}
.recorded-tit{
	background: url(../img/recorded-title.png) no-repeat;
    width: 435px;
    height: 183px;
    margin: 0 auto 17px auto;
}
.recorded-title{
    font-size: 34px;
    font-family: FZLTDHK--GBK1-0, FZLTDHK--GBK1;
    font-weight:bold;
    color: #FDFDFD;
    line-height: 94px;
    text-align: center;
}
.recorded-content{
	width: 1000px;
	margin:0 auto;
	padding:0 12px;
}
.recorded-content .live-content{
	display: none;
}
.recorded-content .live-content:first-child{
	display: block;
}
.recorded-top{
	width:368px;
	margin:0 auto;
}
.recorded-top a{
	display: block;
	float: left;
	background: url(../img/discount-bg01.png) no-repeat;
	width:140px;
	height:46px;
	font-size: 24px;
	font-family: FZLTHK--GBK1-0, FZLTHK--GBK1;
	font-weight: normal;
	color: #FFFFFF;
	line-height: 48px;
	text-align: center;
	margin:18px 22px 20px 22px;
}
.recorded-top .active{
	background: url(../img/discount-bg02.png) no-repeat;
	font-family: FZLTDHK--GBK1-0, FZLTDHK--GBK1;
	font-weight: bold;
	color: #FDEE81;
}
.more{
	background: url(../img/more.png) no-repeat;
	width:110px;
	height:40px;
	line-height: 40px;
	font-size: 16px;
	font-family: FZLTDHK--GBK1-0, FZLTDHK--GBK1;
	font-weight: normal;
	color: #FFF;
	text-align: center;
	position: absolute;
	top:27px;
	right:15px;
}
.more:hover{
	background: url(../img/more01.png) no-repeat;
	color: #FFFBB0;
	font-weight: bold;
}
.recorded-ul .live-content{
	display: none;
}
.recorded-ul .live-content:first-child{
	display: block;
}
.one-project .recorded-title{
	background: url(../img/live-title.png) no-repeat;
    width: 435px;
    height: 94px;
    font-size: 34px;
    font-family: FZLTDHK--GBK1-0, FZLTDHK--GBK1;
    font-weight: bold;
    color: #FDFDFD;
    line-height: 94px;
    text-align: center;
    margin: 0 auto 18px auto;
}
.one-headline {
	margin:0 auto;
	width:855px;
}
.one-headline a {
    background: url(../img/plan.png) no-repeat;
    display: block;
    width: 159px;
    height: 48px;
    line-height: 48px;
    text-align: center;
    float: left;
    margin: 0 6px;
    color: #FDFDFD;
    font-size: 20px;
    font-family: "方正悠黑";
}
.one-headline .active {
    background: url(../img/plan01.png) no-repeat;
}
.one-whole{
	width: 991px;
	margin: -23px auto 0 auto;
}
.course {
    background: url(../img/one-course.png) no-repeat;
    width: 991px;
    height: 354px;
    display: none;
}
.course img {
    display: block;
    float: left;
    width: 280px;
    height: 210px;
    margin: 86px 22px 0 215px;
}
.course-text {
    float: left;
    margin-top: 90px;
}
.course-text h5 {
    font-size: 18px;
	font-family: FZLTHK--GBK1-0, FZLTHK--GBK1;
	font-weight: normal;
	color: #784413;
	line-height: 36px;
}
.period {
    font-size: 14px;
	font-family: FZLTHK--GBK1-0, FZLTHK--GBK1;
	font-weight: normal;
	color: #6A6A6A;
	line-height: 26px;
	margin:7px 0 0 0;
}
.hour{
	width:180px;
	height:30px;
	border-radius: 4px;
	background:#F8EADA;
	font-size: 14px;
	font-family: FZLTHK--GBK1-0, FZLTHK--GBK1;
	font-weight: normal;
	color: #000000;
	line-height: 30px;
	text-align: center;
	margin:10px 0 21px 0;
}
.hour span{
	color: #FF4E00;
	font-size:14px;
	font-weight: bold;
}
.snapped-immediately {
	background: url(../img/know.png) no-repeat;
    width: 258px;
    height: 50px;
    font-size: 18px;
	font-family: FZLTDHK--GBK1-0, FZLTDHK--GBK1;
	font-weight: normal;
	color: #FDFDFD;
    line-height: 50px;
    display: block;
    text-align: center;
}
.snapped-immediately:hover{
	background: url(../img/know01.png) no-repeat;
}
.face-class{
	margin:80px 0 64px 0;
}
.face-title{
	background: url(../img/live-title.png) no-repeat;
	width:435px;
	height:95px;
	line-height: 95px;
	font-size: 34px;
	font-family: FZLTDHK--GBK1-0, FZLTDHK--GBK1;
	font-weight:bold;
	color: #FDFDFD;
	text-align: center;
	margin:0 auto;
	position: relative;
}
.face-title span{
	color: #FFFBB0;
}
.face-content{
	background: url(../img/face-bg.png) no-repeat;
	width:876px;
	height:428px;
	margin:8px auto 0 auto;
}
.face-content img{
	display: block;
	float: left;
	width:284px;
	height:285px;
	margin:71px 41px 0 145px;
}
.face-conright{
	float: left;
}
.face-contop{
	margin-top:72px;
}
.face-contop h5{
	font-size: 30px;
	font-family: FZLTZCHK--GBK1-0, FZLTZCHK--GBK1;
	font-weight: bold;
	color: #4B4B4B;
	line-height: 36px;
	margin-bottom: 8px;
}
.face-contop p{
	font-size: 18px;
	font-family: FZLTHK--GBK1-0, FZLTHK--GBK1;
	font-weight: normal;
	color: #6A6A6A;
	line-height: 26px;
}
.rule{
	margin-top:60px;
}
.rule p{
	font-size: 12px;
	font-family: FZLTZCHK--GBK1-0, FZLTZCHK--GBK1;
	font-weight: normal;
	color: #6A6A6A;
	line-height: 21px;
}
.know{
	display: block;
	background: url(../img/know.png) no-repeat;
	width:258px;
	height:50px;
	line-height: 50px;
	font-size: 18px;
	font-family: FZLTDHK--GBK1-0, FZLTDHK--GBK1;
	font-weight:bold;
	color: #FDFDFD;
	text-align: center;
	margin-top:20px;
}
.know:hover{
	background: url(../img/know01.png) no-repeat;
	
}
.bottom-bg{
	background: url(../img/bottom-img.png) no-repeat bottom center;
	width:100%;
	height:372px;
	display: block;
}




.suspend{
	background:url(../img/suspend-bg.png) no-repeat;
	width: 160px;
	height: 450px;
	position: fixed;
	top:50%;
	right:5%;
	margin-top:-225px;
	z-index: 9999;
}
.suspend-bottom{
	margin-top:43px;
}
.suspend-bottom i{
	background: url(../img/line.png) no-repeat;
	width:100%;
	height:3px;
	display: block;
}
.suspend-bottom ul{
	padding:22px 0 2px 0;
}
.suspend-li img{
	width:100px;
	height:100px;
	display: block;
	margin:0 auto;
}
.suspend-li p{
	font-size: 18px;
	font-family: FZLTHK--GBK1-0, FZLTHK--GBK1;
	font-weight: normal;
	color: #414141;
	line-height: 21px;
	text-align: center;
	margin:13px 0 20px 0;
}
.hotline{
	margin: 31px 0 0 15px;
}
.hotline p{
	font-size: 18px;
	font-family: FZLTHK--GBK1-0, FZLTHK--GBK1;
	font-weight: normal;
	color: #414141;
	line-height: 21px;
	text-align: center;
}