@CHARSET "UTF-8";

/*主页主菜单*/
.menu_bg {
	border-bottom: none;
}

/*私人定制*/
.custom{
	width:1000px;
	padding:40px 0;
	margin:auto;
}
.custom-bd{
	padding-top:40px;
}
.custom-bd li{
	float:left;
	width:165px;
	text-align:center;
}
.custom-bd .icon{
	display:block;
	width:110px;
	height:110px;
	margin:auto;
	line-height:110px;
	color:#ff7f14;
	font-size:36px;
	border-radius:50%;
	border:#ff7f14 2px solid;
	background-color:#fff;
}
.custom-bd .txt{
	display:block;
	width:110px;
	height:75px;
	margin:auto;
	padding-top:35px;
	color:#fff;
	font-size:16px;
	border-radius:50%;
	border:#ff7f14 2px solid;
	background-color:#ff7f14;
}
.custom-bd .tag{
	padding-top:20px;
	font-size:20px;
	color:#333;
}
.custom-rotate{
	position:relative;
	display:block;
	width:110px;
	height:110px;
	margin:auto;
}
.custom-rotate .icon,
.custom-rotate .txt{
	position:absolute;
	left:0;
	top:0;
	z-index:10;
    backface-visibility: hidden;
    transition: all 0.5s ease 0s;
}
.custom-rotate .icon{
	z-index:11;
}
.custom-rotate .icon {
    transform: rotateY(0deg);
}
.custom-rotate .txt, .custom-rotate:hover .icon {
    transform: rotateY(180deg);
}
.custom-rotate:hover .txt {
    cursor: pointer;
    transform: rotateY(360deg);
}

/*Spiiker课程*/
.course_bg {
	padding: 40px 0;
	background: #f0f0f0;
}

.course {
	width: 1000px;
	margin: auto;
}

.course ul {
	margin-left: -20px;
	float: left;
	padding-top:30px;
}

.course li {
	float: left;
	_display: inline;
	margin-left: 20px;
	margin-bottom:20px;
	overflow: hidden;
	border-radius:8px;
}

.course_piece:hover span.course_txt2 {
	color: #111;
	font-weight: bold;
}

.course ul a.course_piece {
	display: block;
	height: 240px;
	position: relative;
}

.course ul a img {
	width: 100%;
	height: 100%;
	-webkit-transition: all .6s ease-in-out 0s;
	-moz-transition: all .6s ease-in-out 0s;
	-ms-transition: all .6s ease-in-out 0s;
	-o-transition: all .6s ease-in-out 0s;
	transition: all .6s ease-in-out 0s;
}

.course ul a:hover img {
	-webkit-transform: scale(1.05, 1.05);
	-moz-transform: scale(1.05, 1.05);
	-ms-transform: scale(1.05, 1.05);
	-o-transform: scale(1.05, 1.05);
	transform: scale(1.05, 1.05);
}

.course ul .p1 {
	width: 490px;
}

.course ul .p2 {
	width: 490px;
}

.course ul .p3 {
	width: 320px;
}

.course ul .p4 {
	width: 320px;
}

.course ul .p5 {
	width: 320px;
}
.course ul .course_text {
	padding: 15px;
	position: absolute;
	left: 0;
	top: 0;
	z-index: 1;
}

.course_img2 a {
	width: 280px;
}

.course_img3 {
	width: 235px;
	background: url(/images/course_img3.jpg) no-repeat center center;
}

.course_img3 a {
	width: 195px;
}

.course b {
	display: block;
	font-size: 26px;
}

.course ul a:hover {
	color: #333;
}

.course_txt1 {
	display: block;
	margin-top: 5px;
	line-height: 1.8em;
	font-size: 14px;
}

.course_txt2 {
	display: block;
	margin-top:5px;
	font-size: 14px;
	color: #666;
}

.course_txt2:hover {
	color: #111;
}

.free_btn {
	zoom:1;
	padding-top: 40px;
	text-align: center;
}

.free_btn a {
	padding:0 50px;
	height: 60px;
	display: none;
	line-height: 60px;
	font-size: 24px;
	text-align: center;
	color: #ff7f14;
	background: #fff;
	border-radius: 60px;;
	border: solid 1px #ff7f14;
}

.free_btn a:hover {
	background: #ff7f14;
	color: #fff;
}

/* 上课流程  */
.flow {
	width: 1000px;
	padding: 40px 0;
	margin: auto;
}

.title_link {
	margin-top: 15px;
	text-align: center;
}

.title_link a {
	display: inline-block;
	font-size: 18px;
	line-height: 18px;
	color: #ff7f14;
	font-weight: normal;
}
.title_link a i {
	font-size: .8em;
	vertical-align: 2px;
}

.title_link a:hover {
	color: #f26005;
}

.flow_bd {
	display: block;
	width: 1000px;
	margin-top: 40px;
	background: url(/images/flow.jpg) no-repeat;
}

.flow_teacher {
	float: left;
	width: 485px;
	height: 360px;
	padding: 10px 0 0 15px;
}

.flow_teacher li {
	font-size: 13px;
	line-height: 38px;
	color: #666;
}

.flow_teacher li i {
	font-size: 18px;
	margin-right: 4px;
}

.flow_student {
	float: left;
	width: 500px;
	height: 370px;
	color: #fff;
	text-align: center;
}

.flow_student .icon{
	display: block;
	margin-top: 130px;
	line-height:60px;
	font-size: 32px;
	color:#fff;
	font-weight: normal;
}
.flow_student .icon i{
	margin:0 20px;
	font-size:60px;
	vertical-align:middle;
}
.flow_student span {
	display: block;
	margin-top:20px;
	font-size: 16px;
}

/* Spiiker的老师  */
.golbal{
	position:relative;
	width:1000px;
	height:480px;
	margin:auto;
	background:url(/images/teacher.jpg) no-repeat right bottom;
}
.golbal-txt{
	padding-top:130px;
}
.golbal-txt h3{
	font-size:34px;
	color:#333;
}
.golbal-txt p{
	padding-top:30px;
	font-size:14px;
	color:#666;
	line-height:1.8em;
}
.golbal-txt p a{
	font-size:14px;
	color:#ff7f14;
}
.golbal-txt p a:hover{
	color:#f26005;
}

.golbal .btn{
	position:absolute;
	z-index:10;
	height:45px;
}
.golbal .btn1{
	width:100px;
	right:360px;
	top:290px;
}
.golbal .btn2{
	width:70px;
	right:180px;
	top:330px;
}
.golbal .circle{
	position:absolute;
	z-index:10;
	width:6px;
	height:6px;
	border:solid 3px #666;
	border-radius:50%;
}
.golbal .btn1 .circle{
	right:0;
	top:0;
}
.golbal .btn2 .circle{
	left:0;
	top:0;
}
.golbal .a{
	position:absolute;
	z-index:10;
	height:30px;
	line-height:30px;
	padding:0 10px;
	color:#fff;
	font-size:14px;
	background-color:rgba(0,0,0,.6);
}
.golbal .btn:hover .a{
	background-color:#ff7f14;
}
.golbal .btn1 .a{
	left:0;
	bottom:0;
	border-radius:10px 0 10px 0;
}
.golbal .btn2 .a{
	right:0;
	bottom:0;
	border-radius:0 10px 0 10px;
}

/* Spiiker的学员  */

.arrow_left, .arrow_right {
	position: absolute;
	top: 0;
	height: 100%;
	line-height: 350px;
	cursor: pointer;
}

.arrow_left i, .arrow_right i {
	color: #3f3f3f;
	font-size: 50px;
}

.arrow_left:hover i, .arrow_right:hover i {
	color: #ff7f14;
}

.arrow_left {
	left: -70px;
}

.arrow_right {
	right: -70px;
}


.student_bg {
	padding: 40px 0;
}
.student{
	margin-top:30px;
	min-height: 320px;
	_height: 320px;
}
.student_big {
	display : none;
	filter: alpha(opacity = 0);
	-moz-opacity: 0;
	-khtml-opacity: 0;
	opacity: 0;
}

.student_big.active {
	display : block;
	filter: alpha(opacity = 100);
	-moz-opacity: 1;
	-khtml-opacity: 1;
	opacity: 1;
}

.student_big_txt {
	margin-top: 30px;
	line-height: 2.5em;
	color: #777;
	text-align: center;
}

.student_big_txt1 {
	font-size: 18px;
}

.student_big_txt2 {
	font-size: 16px;
}

/*学习规划*/
.plan-bg{
	padding:40px 0;
}
.plan{
	width:1000px;
	height:420px;
	margin:auto;
	background:url(/images/ipad.png) no-repeat right bottom;
}
.plan-txt{
	padding-top:70px;
}
.plan-txt h3{
	font-size:34px;
	color:#333;
}
.plan-txt p{
	padding-top:30px;
	font-size:18px;
	color:#666;
	line-height:2em;
}
.plan p a{
	display:block;
	font-size:14px;
	color:#ff7f14;
}
.plan p a:hover{
	color:#f26005;
}

/* 学习沙龙  */
.salon_bg {
	display: none;
	padding: 40px 0;
}

.salon {
	width: 1000px;
	margin: auto;
	margin-top: 30px;
}

.salon_magazine {
	position: relative;
	float: left;
	width: 200px;
	margin-right: 20px;
	overflow: hidden;
}

.salon_magazine a {
	display: block;
}

.salon_bg .center {
	text-align: center;
	margin-top: 10px;
}

.salon_bg .center a {
	display: inline-block;
    font-size: 18px;
    line-height: 18px;
    color: #ff7f14;
    font-weight: normal;
}

.magzine-content {
	float: left;
	width: 780px;
}

.magzine-content .magzine-head {
}
.magzine-periods{
	float: left;
	font-size: 16px;
}

.magzine-content .magzine-periods-title {
	float: left;
	margin-left: 10px;
	font-size: 14px;
	color: #666;
}

.magzine-content .magzine-periods-text {
	padding: 5px 0 10px 0;
	color: #666;
	line-height: 2em;
	font-size: 14px;
}

.magzine-content dt, .magzine-content dd {
	display: block;
}

.magzine-content dt {
	float: left;
	width: 10%;
	height: 50px;
	line-height: 50px;
	font-weight: bold;
	text-align: center;
	color: #111;
	font-size: 14px;
}

.magzine-content dt:nth-child(1),
.magzine-content dt:nth-child(5),
.magzine-content dt:nth-child(9),
.magzine-content dd:nth-child(2),
.magzine-content dd:nth-child(6),
.magzine-content dd:nth-child(10){
	background-color: #e8e8e8;
}

.magzine-content dd{
	float: left;
	width: 90%;
}

.magzine-content dd a {
	display: block;
	float: left;
	height: 50px;
	line-height: 50px;
	width: 44%;
	padding: 0 3%;
	overflow:hidden;
	text-overflow:ellipsis;
	font-size: 14px;
}

.maga_arrow_left, .maga_arrow_right {
	position: absolute;
	top: 132px;
	width: 44px;
	height: 44px;
	color: #fff;
	line-height: 44px;
	background: rgba(0, 0, 0, .5);
	*background: #333;
	_background: #333;
	border-radius: 44px;
}

.maga_arrow_left {
	left: -22px;
	text-indent: 12px;
}

.maga_arrow_right {
	right: -22px;
	text-indent: 4px;
}

.maga_img img {
	width: 100%;
}

.salon_magazine a:hover img {
	opacity: .6;  
	-moz-opacity: .6;
	filter:alpha(opacity=60); 
}

.salon_maga_title {
	display: block;
	height: 44px;
	padding: 12px 10px 0 10px;
	text-align: center;
	color: #fff;
	background: #383838;
	font-size: 14px;
	font-weight: bold;
}

.salon_magazine_txt {
	float: left;
	width: 210px;
	height: 310px;
	background: #fff;
}

.salon_magazine_txt .p {
	padding: 12px;
	height: 230px;
	overflow: hidden;
	line-height: 1.7em;
}
.salon_magazine_txt .p a{
	color:#888;
}

.salon_magazine_txt .p a:hover {
	color: #333;
}

.salon_magazine_txt ul {
	float: left;
	margin-left: -16px;
	margin-top: 10px;
}

.salon_magazine_txt li {
	float: left;
	width: 40px;
	_display: inline;
	margin-left: 16px;
	text-align: center;
}

.salon_magazine_txt li a {
	color: #ff7f14;
}

.salon_magazine_txt li a i {
	display: block;
	height: 24px;
	line-height: 24px;
	font-size: 18px;
}

.salon_magazine_txt li a:hover {
	color: #db6b0d;
}

.maga_para {
	display: none;
	color: #888;
}

.salon_outside {
	float: left;
	width: 290px;
	overflow: hidden;
	_display: inline;
	margin-left: 10px;
}

.salon_bd {
	position: relative;
	width: 266px;
	height: 126px;
	padding: 12px;
	background: #fff;
}

.salon_bd .btn {
	position: absolute;
	right: 12px;
	bottom: 12px;
	height: 22px;
	line-height: 22px;
	padding: 0 6px;
	background: #ff7f14;
	color: #fff;
	font-family: simsun;
}

.salon_bd .btn i {
	font-size:50%;
	font-size: 100%;
}

.salon_bd .btn:hover {
	color:#fff;
	background: #db6b0d;
}

.recite_icon {
	float: left;
	width: 78px;
	height: 126px;
	line-height: 126px;
	color: #666;
	text-align: center;
	font-size: 66px;
}

.recite_txt {
	float: left;
	width: 176px;
	padding-left: 10px;
}

.salon_bd h3 {
	font-size: 16px;
	margin: 0;
	line-height: 16px;
}
.salon_bd{
	color:#888;
}
.salon_bd a{
	color:#888;
}
.salon_bd a:hover{
	color:#ff7f14;
}
.salon_bd h3 a{
	color:#666;
}
.recite_txt p {
	margin: 10px 0;
	color: #888;
}

.salon_status .name {
	color: #a15617;
}

.salon_bbs .title {
	display: block;
	font-weight: bold;
}

.salon_bbs .txt {
	display: block;
	margin-top: 6px;
	white-space: nowrap;
	text-overflow: ellipsis;
	overflow: hidden;
}

/*媒体报道和企业荣誉*/
.media_bg {
	padding: 40px 0 30px 0;
}

.media_title {
	margin: 0;
	font-weight:bold;
	text-align: center;
}

.media_title a {
	display: inline-block;
	height: 60px;
	padding: 0 30px;
	line-height: 60px;
	font-size: 30px;
	text-align: center;
	color: #888;
	font-weight: normal;
}

.media_title .cursor {
	color: #111;
	font-weight: bold;
	background: #ff7f14;
}

.media_title .cursor:hover {
	color: #111;
}

.media_title a:hover {
	color: #ff7f14;
}

.media {
	width: 1000px;
	height: 300px;
	margin: auto;
	text-align: center;
}

.media_bd {
	margin-top: 40px;
}

.media_bd a {
	margin-right: 26px;
}

.media_bd1 a {
	margin-right: 32px;
}

.media_bd1 a img {
	height:58px;
	margin: 30px 0 40px 0;
	-webkit-filter: grayscale(1);
	filter: grayscale(1);
	filter: gray;
}

.media_bd1 a:hover img {
	-webkit-filter: grayscale(0);
	filter: grayscale(0);
	filter: auto;
}

.media_bd .more {
	display: inline-block;
	margin-top: 20px;
	font-size: 18px;
}

.media_bd .more i {
	font-size: 14px;
	vertical-align: 2px;
}

/*合作伙伴*/
.partner_bg {
	padding: 40px 0 40px 0;
}

.partner_title {
	margin: 0;
	margin-bottom: 30px;
	font-size: 30px;
	text-align: center;
	font-weight: normal;
}

.partner {
	width: 1000px;
	margin: auto;
}

.partner_bd a {
	float: left;
	height:55px;
	margin: 20px 0 20px 33px;
	cursor: pointer;
}

.partner_bd a{
	-webkit-filter: grayscale(1);
	filter: grayscale(1);
	filter: gray;
}

.partner_bd a:hover{
	-webkit-filter: grayscale(0);
	filter: grayscale(0);
	filter: auto;
}
.partner1{
	width:165px;
	background:url(/images/partner1.png) no-repeat center center;
}
.partner2{
	width:152px;
	background:url(/images/partner2.png) no-repeat center center;
}
.partner3{
	width:139px;
	background:url(/images/partner3.png) no-repeat center center;
}
.partner4{
	width:60px;
	background:url(/images/partner4.png) no-repeat center center;
}
.partner5{
	width:120px;
	background:url(/images/partner5.png) no-repeat center center;
}
.partner6{
	width:162px;
	background:url(/images/partner6.png) no-repeat center center;
}

/*友情链接*/
.foot_links_bg {
	padding: 40px 0;
	background: #333;
}

.foot_links {
	width: 1000px;
	margin: auto;
}

.foot_links ul {
	padding-left: 100px;
}

.foot_links li {
	float: left;
	line-height: 2em;
	margin-right: 56px;
}

.foot_links li b {
	display: block;
	font-weight: normal;
	margin-bottom: 5px;
	font-size: 16px;
}

.foot_links li b a {
	color: #fff;
}

.foot_links li a {
	display: block;
	color: #888;
}

.foot_links li a:hover {
	color: #ff7f14;
}

.friend_links {
	margin-top: 20px;
	line-height: 2em;
}

.friend_links b {
	display: inline-block;
	margin-right: 4px;
	font-size: 16px;
	font-weight: normal;
	color: #888;
}

.friend_links a {
	display: inline-block;
	margin-right: 4px;
	color: #888;
}



/*/css/form_page.css*/

.form_bg {
	position: relative;
	z-index: 20;
	width: 1000px;
	margin: auto;
}

.form_bg_in {
	position: absolute;
	right: 0;
	top: 40px;
	z-index:99;
	width: 270px;
	height: 350px;
	background: url(/images/form_bg.png);
	_background: #000;
}

.index_form .form_head {
	height: 44px;
	line-height: 44px;
}
.index_form .form_head a{
	color:#fff;
	font-size: 16px;
}

.index_form .form_head .cursor, 
.index_form .form_head a:hover {
	color: #ff7f14;
	border-bottom: #ff7f14 solid 2px;
}

.index_form .form li { 
	width: 246px;
	color: #fff; 
}

.scrollForm .form_bg_in{
	position:static;
	top:0;
	width:100%;
	height:50px;
	background:none;
}

.scrollForm .index_form .form li{
	width:200px;
}

.index_form .form>li>a {
	color: #fff;
}

.index_form .form_bd {
	width: 246px;
	background: #fff;
	border:none;
}

.scrollForm .index_form .form_bd {
	width: 200px;
}


.index_form .ipt_txt {
	width: 216px;
}

.scrollForm .index_form .ipt_txt{
	width: 170px;
}

.index_form .form .form_ts a{
	color:#fc0;  
} 
.index_form .form_ts.error {
	color: #fff;
}

.index_form .form_ts.hint { 
	color: #ccc;
}

.index_form .form_ts2 {
	color: #ccc;
}


.index_form  .select_teacher {
	width: 216px;
}
.scrollForm .index_form  .select_teacher{
	width:170px;
}

.index_form .form_findpass a:hover {
	color: #ff7f14; 
}

.index_form .placeholder {
	width: 216px;
}
.scrollForm .index_form .placeholder{
	width:170px;
}


.index_form .form a.privacy{
	color:#888;
}

.index_form .login_status{
	color:#fff;
} 

.login_status_enter {
	display: block;
	height: 36px;
	line-height: 36px;
	background: #ff7f14;
	color: #fff;
	font-size: 18px;
	text-align: center;
	border: solid 1px #ff7f14;
	border-radius: 3px;
}
.login_status_enter:hover{
	color:#fff;
	background-color:#f26005;
}

/*/css/effect.css*/
@-webkit-keyframes fadeInUp {
	0% {
		opacity: 0;
		-webkit-transform: translateY(20px);
	}
	
	100% {
		opacity: 1;
		-webkit-transform: translateX(0);
	}
}

@-moz-keyframes fadeInUp {
	0% {
		-moz-opacity: 0;
		-moz-transform: translateY(20px);
	}
	
	100% {
		-moz-opacity: 1;
		-moz-transform: translateX(0);
	}
}

@-ms-keyframes fadeInUp {
	0% {
		filter: alpha(0);
		-ms-transform: translateY(20px);
	}
	
	100% {
		filter: alpha(100);
		-ms-transform: translateX(0);
	}
}

/*-----------抖动---------*/
@-webkit-keyframes shake {
	0%{-webkit-transform: rotate(20deg);}
	20%{-webkit-transform: rotate(-20deg);}
	40%{-webkit-transform: rotate(10deg);}
	60%{-webkit-transform: rotate(-10deg);}
	80%{-webkit-transform: rotate(5deg);}
	100%{-webkit-transform: rotate(0deg);}
}

@-moz-keyframes shake {
	0%{-moz-transform: rotate(20deg);}
	20%{-moz-transform: rotate(-20deg);}
	40%{-moz-transform: rotate(10deg);}
	60%{-moz-transform: rotate(-10deg);}
	80%{-moz-transform: rotate(5deg);}
	100%{-moz-transform: rotate(0deg);}
}

/*-----------版块上移---------*/
.fade_block{
	animation-duration:1s;
	animation-timing-function:ease-out-in;
	animation-fill-mode: both;
	-webkit-animation-duration:1s;
	-webkit-animation-timing-function:ease-out-in;
	-webkit-animation-fill-mode: both;
}
.fade_up{
	animation-name:fade_up;
	-webkit-animation-name:fade_up;
}
.fade_down{
	animation-name:fade_down;
	-webkit-animation-name:fade_down;
}
.fade_right{
	animation-name:fade_right;
	-webkit-animation-name:fade_right;
}
.fade_left{
	animation-name:fade_left;
	-webkit-animation-name:fade_left;
}
.fade_delay1{
	animation-delay:0.2s;
	-webkit-animation-delay:0.2s;
}
.fade_delay2{
	animation-delay:.5s;
	-webkit-animation-delay:.5s;
}
.fade_delay3{
	animation-delay:1s;
	-webkit-animation-delay:1s;
}
.fade_delay4{
	animation-delay:1.5s;
	-webkit-animation-delay:1.5s;
}
.fade_delay5{
	animation-delay:2s;
	-webkit-animation-delay:2s;
}
@keyframes fade_up{
	0% {
    opacity: 0;
    transform: translateY(20px);
    -webkit-transform: translateY(20px);
	}
	100% {
	    opacity: 1;
	    transform: translateY(0px);
	    -webkit-transform: translateY(0px);
	}
}
@keyframes fade_down{
	0% {
    opacity: 0;
    transform: translateY(-20px);
    -webkit-transform: translateY(-20px);
	}
	100% {
	    opacity: 1;
	    transform: translateY(0px);
	    -webkit-transform: translateY(0px);
	}
}

@keyframes fade_right{
	0%{
		opacity:0;
		transform: translateX(20px);
		-webkit-transform: translateX(20px);
	}
	100% {
	    opacity: 1;
	    transform: translateX(0px);
	    -webkit-transform: translateX(0px);
	}
}

@keyframes fade_left{
	0%{
		opacity:0;
		transform: translateX(-20px);
		-webkit-transform: translateX(-20px);
	}
	100% {
	    opacity: 1;
	    transform: translateX(0px);
	    -webkit-transform: translateX(0px);
	}
}