@charset "UTF-8";

body,html{
	font-family: "微软雅黑";
	width:100%;
	height:100%;
   }
.wrap{
	background: #300f72;
	overflow-x: hidden;
	width: 100%;
}
.banner{
	background: url(../img/banner.jpeg) no-repeat top center;
	width:100%;
	height:1296px;
	margin:0 auto;
}

.back-schoolcontent{
	width:100%;
	margin:-450px auto 0 auto;
}
.practical-english{
	width:100%;
	position: relative;
	z-index:999;
}
.title{
	width:100%;
	height:252px;
	margin:0 auto;
}
.title img{
	width:100%;
	height:auto;
	display: block;
}
.practical-img, .many-courses .many-img{
	display: block;
	position: absolute;
	top:-60px;
	left:50%;
	margin-left:-326px;
}
.practical{
	background: url(../img/kecheng-bg.png) no-repeat;
	background-size: 100% auto;
	width: 965px;
	height: 342px;
	margin:0 auto;
	position: relative;
	padding:34px 32px;
	margin-bottom: 22px;
}
.practical ul{
	background:#fff;
	width:895px;
	height:299px;
	padding:43px 36px 0 36px;
}
.practical-english li{
	float: left;
	width: 210px;
	margin:0 6px;
}
.practical-english li a{
	display: block;
}
.practical-english li h3{
	margin:9px 0 19px 0;
	width: 210px;
	font-size: 22px;
	font-family: FZYouH_GBK;
	font-weight: normal;
	color: #2F1073;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
}
.practical-english li img{
	width: 100%;
	height: 159px;
	display: block;
}
.price{
	font-size: 17px;
	font-family: FZYouH_GBK;
	font-weight: normal;
	color: #2F1073;
	float: left;
}
.price span{
	font-size:32px;
	font-weight: bold;
}
.practical-english .buy{
	float: right;
	width: 125px;
	height: 38px;
	line-height: 36px;
	background: url(../img/liji.png) no-repeat;
	font-size: 21px;
	font-family: FZYouH_GBK;
	font-weight: normal;
	color: #FFFFFF;
	text-align: center;
	margin-top:4px;
	display: block;
}
.buy:hover{
	background: url(../img/liji01.png) no-repeat;
}
.te-nine{
	background: url(../img/nine.png) no-repeat;
	width:79px;
	height:72px;
	display: block;
	position: absolute;
	top:14px;
	left:44px;
}
.te-nine01{
	background: url(../img/nine01.png) no-repeat;
	width:79px;
	height:72px;
	display: block;
	position: absolute;
	top:14px;
	left:44px;
}
.te-nine02{
	background: url(../img/nine02.png) no-repeat;
	width:79px;
	height:72px;
	display: block;
	position: absolute;
	top:14px;
	left:44px;
}
.te-nine03{
	background: url(../img/nine03.png) no-repeat;
	width:79px;
	height:72px;
	display: block;
	position: absolute;
	top:14px;
	left:44px;
}
.xinpin{
	background: url(../img/xinpin.jpeg) no-repeat center ;
    width: 100%;
	height:1952px;
	position: relative;
	z-index:0;
	margin-top:-270px;
}
.xinpin .title{
	padding:220px 0 44px 0;
}
.title .icon02{
	background: url(../img/icon02.png) no-repeat center;
    width: 377px;
	height:252px;
	position: relative;
	margin:82px auto 0 auto;
}
.xinpin-content{
	width: 1029px;
    height: 342px;
    margin: 0 auto;
    position: relative;
}
.xinpin-content ul{
	margin-top:50px;
}
.xinpin-content ul li, .presell-content ul li{
	background: url(../img/xinpin-content.png) no-repeat;
	width:197px;
	height:276px;
	padding:34px 24px 0 24px;
	margin-bottom: 40px;
}
.xinpin li img, .presell li img, .zero li img{
	width:197px;
	height:148px;
}
.xinpin li h3, .presell li h3, .zero li h3{
	width:197px;
	font-size: 21px;
	font-family: FZYouH_GBK;
	font-weight: normal;
	margin:26px 0 6px 0;
	color: #FFFFFF;
	border-bottom: 1px solid #fff;
}
.xinpin li .price, .presell li .price, .zero li .price{
	color: #fff;
}
.xinpin li .buy, .presell li .buy{
	width: 92px;
	height: 25px;
	line-height: 25px;
	background: #FDFEFF;
	border-radius: 10px;
	font-size: 18px;
    font-family: FZYouH_GBK;
    font-weight: normal;
    color: #A754E4;
    text-align: center;
    margin-top: 9px;
    display: block;
}
.xinpin li .buy:hover, .presell li .buy:hover{
	color: #4F04E7;
}
.icon05{
	background: url(../img/icon05.png) no-repeat;
	width:383px;
	height:755px;
	display: block;
	position: absolute;
	top:11px;
	left:-50px;
}
.icon06{
	background: url(../img/icon06.png) no-repeat;
	width:238px;
	height:356px;
	display: block;
	position: absolute;
	top:131px;
	right:50px;
}
.presell{
	margin-top:-273px;
}
.presell-content{
	width:1029px;
	margin:0 auto;
}
.presell-content em{
	float: right;
    width: 100px;
    height: 35px;
    line-height: 32px;
    background: url(../img/not-open.png) no-repeat;
    font-size: 21px;
    font-family: FZYouH_GBK;
	font-style: normal;
    font-weight: normal;
    color: #FFFFFF;
    text-align: center;
    margin-top: 4px;
    display: block;
}
.presell li .price span{
	font-size:29px;
}
/* .zero{
	margin-top:-180px;
} */
.zero-text{
	text-align: center;
	font-size: 34px;
	font-family: FZYouH_GBK;
	font-weight: normal;
	color: #FFFFFF;
	margin-bottom: 30px;
}
.zero .buy{
	background: url(../img/liji02.png) no-repeat;
	float: right;
	width: 100px;
	height: 35px;
	line-height: 35px;
	text-align: center;
	font-size: 20px;
	font-family: FZYouH_GBK;
	font-weight: normal;
	color: #FFFFFF;
    margin-top: 4px;
    display: block;
}
.zero .buy:hover{
	background: url(../img/liji03.png) no-repeat;
}
.cost-price{
	float: left;
	width:28px;
	margin:7px 5px 0 0;
}
.cost-price .cost{
	font-size: 14px;
	font-family: FZYouH_GBK;
	font-weight: normal;
	color: #FFFFFF;
	line-height: 14px;
}
.cost-price .rmb{
	font-size: 16px;
	font-family: FZYouH_GBK;
	font-weight: normal;
	color: #FFFFFF;
	line-height: 16px;
	text-align: center;
}


/***新增 弹框***/
.advertising-popout{
	width:100%;
	height:100%;
	background: rgba(0,0,0,0.7);
	display: block;
	position: fixed;
	top:0;
	left:0;
	z-index: 999;
}
.advertising{
	position: absolute;
	top:50%;
	left:50%;
	width:564px;
	height:640px;
	margin-top:-320px;
	margin-left:-282px;
	z-index:9999;
}
.eleven-advertising{
	position: absolute;
	top:50%;
	left:50%;
	width:564px;
	height:534px;
	margin-top:-267px;
	margin-left:-282px;
	z-index:9999;
}
.advertising-img{
	display: block;
	width:564px;
	height:534px;
}
.snapped-immediately{
	display: block;
	width:290px;
	height:76px;
	margin:30px auto 0 auto;
}
.red-envelope{
	width:220px;
	height:163px;
	display: block;
	position: absolute;
	right:48px;
	bottom:214px;
}
.eleven-advertising .red-envelope{
	width:220px;
	height:163px;
	display: block;
	position: absolute;
	right:48px;
	bottom:108px;
}
.close{
	background: url(../img/close.png) no-repeat;
	width:39px;
	height:39px;
	display: block;
	position: absolute;
	top:-50px;
	right:-50px;
	cursor: pointer;
}
.snapped-immediately img{
	width:290px;
	height:76px;
}
.eleven-project{
	overflow: hidden;
}