@charset "UTF-8";

body,html{
	font-family: "微软雅黑";
	width:100%;
	height:100%;
   }
.double-twelve{
	width: 100%;
	height:auto;
}
.wrap{
	background: #280404 url(../img/bg.jpeg) repeat-y;
	overflow-x: hidden;
	width: 100%;
	padding-bottom: 83px;
}
.banner{
	background: url(../img/banner.png) no-repeat top center;
	width:100%;
	height:915px;
	margin:0 auto;
}
.twelve-title{
	position: relative;
}
.twelve-titletext{
	width:962px;
	margin:-40px auto 0 auto;
	position: relative;
	z-index: 999;
}
.twelve-titletext a{
	display: block;
	float: left;
	margin:0 5px;
}
.twelve-titletext .one{
	background: url(../img/one.png) no-repeat;
	width:230px;
	height:170px;
	display: block;
}
.twelve-titletext .one:hover{
	background: url(../img/one01.png) no-repeat;
}
.twelve-titletext .live{
	background: url(../img/live.png) no-repeat;
	width:230px;
	height:170px;
	display: block;
}
.twelve-titletext .live:hover{
	background: url(../img/live01.png) no-repeat;
}
.twelve-titletext .recorded{
	background: url(../img/recorded.png) no-repeat;
	width:230px;
	height:170px;
	display: block;
}
.twelve-titletext .recorded:hover{
	background: url(../img/recorded01.png) no-repeat;
}
.twelve-titletext .face{
	background: url(../img/face.png) no-repeat;
	width:230px;
	height:170px;
	display: block;
}
.twelve-titletext .face:hover{
	background: url(../img/face01.png) no-repeat;
}
.twelve-titlebg{
	background: url(../img/bg01.png) no-repeat;
	width:1012px;
	height:110px;
	display: block;
	position: absolute;
	top:99px;
	left:50%;
	margin-left:-506px;
}
.one-class{
	position: relative;
}
.headline{
	width:100%;
	height:152px;
	display: block;
	margin: 97px auto 30px auto;
}
.ong-project{
	position: relative;
	width:1012px;
	margin:0 auto;
}
.one-content{
	width: 812px;
	height: 438px;
	background: linear-gradient(0deg, #E80605, #BF3B2F);
	border: 3px solid #E8CE21;
	border-radius: 9px;
	margin: 0 auto;
	padding:45px 58px 0 58px;
}
.one-headline a{
	background: url(../img/plan.png) no-repeat;
	display: block;
	width:156px;
	height:77px;
	line-height: 86px;
	text-align: center;
	float: left;
	margin:0 3px;
	color: #f6bda8;
	font-size:34px;
	font-family:"方正悠黑";
}
.one-headline .active{
	background: url(../img/plan01.png) no-repeat;
	color: #fbeba4;
}

.course{
	background: url(../img/one-course.png) no-repeat;
	width:814px;
	height:401px;
	margin:27px auto 0 auto;
	position: relative;
	z-index: 999;
	display: none;
}
.course a{
	display: block;
}
.one-whole .course:first-child{
	display: block;
}
.course img{
	display: block;
	float: left;
	width:367px;
	height:275px;
	margin:77px 56px 0 41px;
}
.course-text{
	float: left;
	margin-top:76px;
}
.course-text h5{
	font-size: 34px;
	font-family: FZYouH_GBK;
	font-weight: normal;
	color: #510907;
	line-height: 36px;
}
.course-text h6{
	font-size: 26px;
	font-family: FZYouH_GBK;
	font-weight: normal;
	color: #510907;
	margin-top:5px;
}
.period{
	font-size: 22px;
	font-family: FZYouH_GBK;
	font-weight: normal;
	color: #510907;
	line-height: 36px;
	margin:10px 0 5px 0;
}
.price{
	font-size: 18px;
	font-family: FZYouH_GBK;
	font-weight: normal;
	color: #C1392D;
	line-height: 22px;
}
.price span{
	text-decoration: line-through;
}
.their-price{
	font-size: 24px;
	font-family: FZYouH_GBK;
	font-weight: normal;
	color: #C1392D;
	line-height: 22px;
	margin:5px 0 12px 0;
}
.their-price span{
	font-size:46px;
}
.snapped-immediately{
	width: 278px;
	height: 50px;
	background: #F4DCAB;
	font-size: 24px;
	font-family: FZYouH_GBK;
	font-weight: normal;
	color: #510907;
	line-height: 50px;
	display: block;
	text-align: center;
}
.snapped-immediately:hover{
	color: #c1392d;
}
.icon01{
	background: url(../img/icon01.png) no-repeat;
	width:89px;
	height:134px;
	display: block;
	position: absolute;
	top:41px;
	left:19px;
}
.one-contentbot{
	width: 1012px;
    height: 110px;
    display: block;
	position: absolute;
    left: 0;
    bottom: -107px;
}
.live-class{
	margin-top:107px;
}
.live-content{
	width: 958px;
	height: 667px;
	background: #A70914;
	box-shadow: 0px 5px 24px 0px rgba(79, 0, 0, 0.75);
	margin:0 auto;
	padding:22px 20px 23px 20px;
}
.live-class .headline{
	margin-top:170px;
}
.recorded-class .headline, .face-class .headline{
	margin:60px auto 30px auto;
}
.live-ul, .recorded-ul ul{
	width: 952px;
	height: 657px;
	background: #830A06;
	padding:10px 3px 0 3px;
}
.recorded-ulzong{
	display: none;
}
.recorded-ulzong:first-child{
	display: block;
}
.live-class .live-li, .recorded-ul li{
	width: 228px;
	height: 314px;
	background: #FFE7E3;
	float: left;
	margin:0 5px 18px 5px;
}
.live-li a, .recorded-ul li{
	display: block;
}
.live-litop{
	padding:6px 7px 0 8px;
}
.live-li img, .recorded-ul li img{
	width: 213px;
	height: 161px;
}
.live-li h6, .recorded-ul li h6{
	font-size: 26px;
	font-family: FZZhunYuan-M02S;
	font-weight: 400;
	color: #35352E;
	line-height: 26px;
	margin-top:9px;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
}
.live-li p{
	font-size: 16px;
	font-family: FZZhunYuan-M02S;
	font-weight: 400;
	color: #35352E;
	line-height: 31px;
	margin:7px 0 4px 0;
}
.live-li p span{
	font-size:21px;
	margin-left:2px;
}
.live-li .liji, .recorded-ul li .liji{
	display: block;
	width:100%;
	height: 65px;
	background:#C2372C;;
	font-size: 29px;
	font-family: FZZhunYuan-M02S;
	font-weight: 400;
	color: #FFD11B;
	line-height: 65px;
	text-align: center;
}
.live-li .liji:hover, .recorded-ul li .liji:hover{
	background: #E83A2D;
	color: #FFD11B;
}
.live-special{
	width: 704px;
	height: 316px;
	background: #FFE7E3;
	float: left;
	margin-left:5px;
}
.special-top{
	padding:31px 0 18px 51px;
}
.special-top img{
	display: block;
	float: left;
	width:232px;
	height:93px;
}
.special-toptext{
	float: left;
	margin:-5px 0 0 19px;
} 
.special-toptext h6{
	font-size: 39px;
	font-family: FZYouH_GBK;
	font-weight: normal;
	color: #C12C20;
	margin-top:6px;
}
.special-toptext p{
	font-size: 16px;
	font-family: FZYouH_GBK;
	font-weight: normal;
	color: #3F3F3F;
}
.special-bottom {
	padding:0 12px 0 18px;
}
.special-bottom img{
	display: block;
	float: left;
	width: 150px;
	height: 134px;
	background: #FFFFFF;
	margin:0 9px;
}
.network{
	font-size:12px;
	color: #35352e;
	padding-left:27px;
	margin-top:5px;
}
.recorded-contop{
	width:1032px;
	margin:0 auto 27px auto;
}
.recorded-ul{
	width:952px;
	background: #830A06;
	padding:32px 23px 15px 23px;
	margin:0 auto;
}
.icon03{
	background: url(../img/icon03.png) no-repeat;
	width:150px;
	height:117px;
	display: block;
	float: left;
}
.recorded-sale{
	float: left;
}
.recorded-sale a{
	display: block;
	float: left;
	width:244px;
	height:131px;
	background: url(../img/sale-bg.png) no-repeat;
	line-height: 131px;
	text-align: center;
	font-size:36px;
	color: #fdeda2 ;
}
.recorded-sale .active01{
	color: #fff;
}
.icon04{
	background: url(../img/icon04.png) no-repeat;
	width:150px;
	height:117px;
	display: block;
	float: left;
}
.enjoy-price{
	margin:6px 0;
}
.enjoy-price p{
	font-size: 16px;
	font-family: FZZhunYuan-M02S;
	font-weight: 400;
	color: #35352E;
	line-height: 31px;
	float: left;
}
.enjoy-price p span{
	font-size:21px;
	margin-left:2px;
}
.enjoy-price .cost{
	float: right;
	font-size: 14px;
	font-family: FZZhunYuan-M02S;
	font-weight: 400;
	text-decoration: line-through;
	color: #404040;
	line-height: 32px;
}
.more{
	display: block;
	font-size: 24px;
	font-family: FZYouH_GBK;
	font-weight: normal;
	color: #FFEAC2;
	text-align: right;
	margin-top:15px;
}
.more:hover{
	text-decoration: underline;
}
.face-content{
	width: 990px;
	height: 568px;
	background: linear-gradient(0deg, #D0392E, #F2624E);
	border: 3px solid #E8CE21;
	border-radius: 10px 10px 10px 10px;
	margin: 0 auto;
	position: relative;
}
.face-top{
	padding:69px 62px 0 96px;
	position: relative;
	z-index: 999;
}
.face-top a{
	display: block;
}
.face-top img{
	width:395px;
	height:396px;
	display: block;
	float: left;
}
.face-conright{
	float: left;
	margin-left:48px;
	width:376px;
}
.face-conright .language{
	background: url(../img/language.png) no-repeat;
	width:376px;
	height:39px;
	display: block;
}
.face-conright h6{
	font-size: 36px;
	font-family: FZYouH_GBK;
	font-weight: normal;
	color: #4B0200;
	line-height: 45px;
	margin-top:30px;
}
.face-conright p{
	font-size:26px;
	font-family: FZYouH_GBK;
	color: #4B0200;
}
.rule{
	margin-top:19px;
}
.rule p{
	width:358px;
	font-size: 22px;
	font-family: FZYouH_GBK;
	font-weight: normal;
	color: #FFFFFF;
}

.face-class .liji{
	width:352px;
	height:60px;
	line-height: 60px;
	background: #d8070a ;
	text-align: center;
	font-size: 41px;
    font-family: FZZhunYuan-M02S;
    font-weight: 400;
    color: #FFD11B;
	display: block;
	margin-top:13px;
}
.face-class .liji:hover{
	background: #f31518;
}
.face-img{
	width:893px;
	height:111px;
	display: block;
	left: 5%;
    bottom: 55px;
    position: absolute
}


.suspend{
	width: 188px;
	height: 618px;
	background: #FFFFF7;
	border-radius: 12px;
	position: fixed;
	top:50%;
	right:5%;
	margin-top:-309px;
}
.suspend-top{
	padding:27px 0 16px 25px;
}
.suspend-top i{
	background: url(../img/headset.png) no-repeat;
	width:23px;
	height:23px;
	display: block;
	float: left;
	margin-right:9px;
}
.suspend-top  h6{
	font-size: 24px;
	font-family: FZYouH_GBK;
	font-weight: normal;
	color: #5C0E0D;
	float: left;
	line-height: 23px;
}
.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: 16px;
	font-family: FZYouH_GBK;
	font-weight: normal;
	color: #5C0E0D;
	text-align: center;
	margin:10px 0 20px 0;
}
.hotline{
	width:100%;
	height: 57px;
	background: #F4DCAB;
	border-radius: 12px;
	padding-top:12px;
}
.hotline p{
	font-size: 18px;
	font-family: FZYouH_GBK;
	font-weight: normal;
	color: #5C0E0D;
	text-align: center;
}