@charset "UTF-8";
/**
 * 
 * @authors lhf (you@example.org)
 * @date    2014-12-01 15:43:14
 * @version $Id$

body{background-color: #e5e5e5;} */
:focus {
	outline: none;
} /*for IE*/
::-moz-focus-inner {
	border-color: transparent;
} /*for mozilla*/
button::-moz-focus-inner,input[type="reset"]::-moz-focus-inner,input[type="button"]::-moz-focus-inner,input[type="submit"]::-moz-focus-inner,input[type="file"]>input[type="button"]::-moz-focus-inner
	{
	border: none;
}
/* ::-moz-selection {
 background: white;
}
::selection 
{
 background: white;
} */
* {
	padding: 0;
	margin: 0;
	border: 0;
}

@font-face{
	font-family:"stencilstd";
	src:url(stencilstd.otf);
}

body {
	overflow-y:scroll;
	margin: 0px;
	padding: 0px;
	background-color: #f2f2f2;
	width: 100%;
	min-width: 1280px;
	font-family: microsoft yahei;
}

a {
	text-decoration: none;
	color: #fff;
	outline: none;
}

a:hover {
	text-decoration: none;
}

a:focus {
	text-decoration: none;
}

ul li {
	list-style: none;
}

em,i{
    font-style: normal;
    font-weight: normal;
}

.fixed {
	position: fixed;
	top: 0;
}

.header_box {
	width: 100%;
	background-color: #fff;
	z-index:100;
	position:relative;
}

.header {
	width: 960px;
	margin: 0px auto;
	overflow: auto;
	font-family: microsoft yahei !important;
/* 	padding: 20px;*/
	height:85px;

}

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

.header_menu {
	float: right;
	width: 58% !important;
}
/*start*/
#navMenu{
	background-color:#e5e5e5;
	text-align:center;
	height:50px;
}
#navMenu ul{
	background-color: #e5e5e5;
    margin: 0 auto;
    text-align: center;
    width: 960px;
}
#navMenu ul>li{
	display:inline-block;
	float:left;
	margin-right:1px;
	width:95px;
	cursor:pointer;
}

#navMenu ul>li a{
	color:#626262;
	display:block;
	line-height:50px;
	width:100%;
	font-size:15px;
}
#navMenu li{
	transition:background-color .3s linear;
	-webkit-transition:background-color .3s linear;
	-moz-transition:background-color .3s linear;
	-o-transition:background-color .3s linear;
	-ms-transition:background-color .3s linear;
}
#navMenu li:hover,.navMenu-focus {
	color: #18d7ce !important;
	background-color:#18d7ce;
}

.navMenu-focus>a,#navMenu li:hover>a{
	color:#fff !important;
}

.share div>span{
	display: inline-block; 
	height: 24px; 
	width: 27px;
	float: left;
	margin-right: 5px;
}
.share div:hover{
	color:#18d7ce !important;
}

.weibo>span{
	background-position: -38px 0px;
}
.weibo:hover>span{
	background-position: -38px -38px;
}
.language>span{
	background-position: 0px 0px;
}
.language:hover>span{
	background-position: 0 -38px;
}
.weixin>span{
	background-position: -79px 0px;
}
.weixin:hover>span{
	background-position: -79px -38px;
}

.ask>span{
	background-position: -116px 1px;
}
.ask:hover>span{
	background-position: -116px -37px;
}

.phone>span{
	background-position: 0 -77px;
}
.phone:hover>span{
	background-position: 0 -115px;
}

.login>span{
	background-position: -38px -77px;
}
.login:hover>span{
	background-position: -38px -115px;
}

.regist>span{
	background-position: -79px -77px;
}
.regist:hover>span{
	background-position: -79px -115px;
}

.exit{
	margin-left:9px;
	color:#bfbfbf !important;
}
.exit>span{
	background-position:-116px -77px;
}
.exit:hover>span{
	background-position:-116px -115px;
}
/*end*/
.header_menu .share{float:right;}
.share div {
	height: 24px;
	padding: 30px 0;
	background-repeat: no-repeat;
	cursor: pointer;
	float: left;
	color: #626262;
	font-size: 15px;
	margin-right: 8px;
}

.ask {
	line-height: 19px;
}

.login{
	width:87px;
	margin-right:0 !important;
/* 	margin-left:50px; */
}

.videoid{
	background-color:#000; 
}

.playControl{
	position: absolute; 
	left: 46%; 
	top: 36%;
	cursor:pointer;
	-webkit-transition:all .5s;
	transition:all .5s;
}

.playControlShow{
	-webkit-transform:scale(1.0);
	transform:scale(1.0);
	opacity:1;
}

.playControlHide{
	-webkit-transform:scale(1.5);
	transform:scale(1.5);
	opacity:0;
}


/*---------loginBox-------------*/
.userOperateBox {
/* 	width: 452px; */
	width:400px;
	margin: 12% auto;
}

.loginBox {
	margin: 15% auto;
	background-color: #fff;
	position: relative;
	z-index: 1001;
	overflow: hidden;
	width: 380px;
	font-family: microsoft yahei; 
}

.loginBox input[type="text"]:focus,
.loginBox input[type="password"]:focus{
	border:1px solid #18d7ce !important;
	-webkit-box-shadow:0 0 3px #18d7ce;
	-moz-box-shadow:0 0 3px #18d7ce;
	-o-box-shadow:0 0 3px #18d7ce;
	-ms-box-shadow:0 0 3px #18d7ce;
	box-shadow:0 0 3px #18d7ce;
}

.messages {
	color: #777676;
	padding:30px 9px !important;
	margin-right:3px !important;
}

.messagesRemind i {
    color: #fff;
    display: none;
    font-style: normal;
    position:absolute;
    top:8px;
    right:10px;
}

.messages ul{
	position:absolute;
	top:84px;
	background-color:#46505A;
	margin-left:-9px;
	z-index:10;
	display:none;
	font-size:15px;
}

.messages ul li{
	float:none;
}

.messages:hover {
	background-color:#46505a !important;;
}

.messages:hover em{
	color:#fff !important;
}

.messages:hover span{
	background-position:0 -24px !important;
}

.messages span{
	height:16px !important;
	width:17px !important;
	margin:3px 5px 0 0;
	transform:rotate3d(0,0,0,0);
	transform-origin:top 50%;
}

@keyframes shake{
	0%{
		transform:rotate3d(0,0,0,0);
	}
	
	50%{
		transform:rotate3d(0,0,1,10deg);
	}
	
	100%{
		transform:rotate3d(0,0,1,-10deg);
	}
}
@-webkit-keyframes shake{
	0%{
		-webkit-transform:rotate3d(0,0,0,0);
	}
	
	50%{
		-webkit-transform:rotate3d(0,0,1,10deg);
	}
	
	100%{
		-webkit-transform:rotate3d(0,0,1,-10deg);
	}
}

.messages li {
	float: left;
	width:135px;
	height:35px;
	border-top:1px solid #697887;
	display:block;
	position:relative;
	transition:background-color .3s linear;
	-webkit-transition:background-color .3s linear;
	-moz-transition:background-color .3s linear;
	-o-transition:background-color .3s linear;
	-ms-transition:background-color .3s linear;
}
.messages li:first-child{
	border-top:none !important;
}
.messages li:hover{background-color:#5E6B78;}

.messages li a{
	color:#fff;
	font-size:15px;
	width:100%;
	height:100%;
	line-height:35px;
	display:block;
	padding-left:30px;
}

#userOpreation {
	position: absolute;
	z-index: 11;
/* 	top: 120px; */
	top:84px;
	background-color: #46505a;
	width: 130px;
	text-align: center;
	font-size: 15px;
	display: none;
/* 	border: 1px solid #d2d2d2; */
}

#userOpreation a {
	color: #fff;
	display: block;
    height: 100%;
    line-height: 35px;
    width: 100%;
}

#userOpreation dd {
	border-top:1px solid #697887;
	height:35px;
	display:block;
	transition:background-color .3s linear;
	-webkit-transition:background-color .3s linear;
	-moz-transition:background-color .3s linear;
	-o-transition:background-color .3s linear;
	-ms-transition:background-color .3s linear;
}

#userOpreation dd:first-child{
	border-top:none !important;
}

#userOpreation dd span {
	padding-right: 26px;
	margin: 4px -45px 0 35px;
	float: left;
}

#userOpreation dd:hover {
	background-color: #5E6B78;
}

.logined a>img {
	height: 25px;
	width: 25px;
	border-radius: 100%;
	border: 1px solid #d2d2d2;
	margin: -2px 0 0 7px;
}

.logined:hover{
	background-color:#46505a;
}

.logined:hover .userLogined > span{
	color:#fff;
} 

.lb_choose{
	margin-left:20px;	
	position:relative;
	z-index:1;
}

.logined {
/* 	margin-left: 50px; */
    padding-right: 0 !important;
    width: 130px;
}

.userImgPoint {
	background-color: #18d7ce;
	border-radius: 4px;
	left: 20px;
	position: absolute;
	width: 8px !important;
	height: 8px !important;
	display:none;
	top:-12px;
}

.logined dl span {
	display: block;
	height: 13px;
}

.logined:hover>a {
	color: #fff;
}

.logined>span {
	display: block;
	height: 12px !important;
	width: 12px !important;
	margin: -25px 0 0 127px;
	background-position: 0 12px;
	margin: -20px 0 0 127px\9;
}

.lb_active {
	border-bottom: 3px solid #18d7ce !important;
	color: #18d7ce !important;
}

.loginBox li {
	float: left;
	padding: 10px 84px;
	cursor: pointer;
	color: #7b7873;
}

.lb_choose>li {
	padding: 16px 25px;
}

.lb_tips {
	font-size: 13px;
	color: #18d7ce;
	font-family: microsoft yahei;
	position: absolute;
	right: 20px !important;
	display: none;
	top: 58px;
}
#verifycode_error{
	top: 30px !important;
}


.lb_close:hover {
	background-position: 0 19px;
}

#signupform .lg_check #registverifycode{
	border: 1px solid #d2d2d2; 
	padding: 10px !important;
}
.lg_check>label,.rg_check>label {
	right: 93px;
}

.lg_check>input {
	width: 30% !important;
	padding: 5px 10px !important;
	font-family: microsoft yahei;
	margin-left:20px;
}

.getCodeActive{
	background-color:#18d7ce;
	color:#fff;
}

.loginContent,.registContent {
	width: 90%;
	margin: 0 auto;
	clear: both;
	border-top:1px solid #d2d2d2;
	position:relative;
	z-index:0;
	top:-2px;
}

.registContent {
	display: none;
}

.loginContent div:first-child,.registContent div:first-child {
	padding-top: 40px;
}

.loginContent div,.registContent div {
	padding-top: 20px;
	position: relative;
}

.rg_input {
	position: relative;
}

.loginContent .lg_input>input,.registContent .rg_input>input {
	border: 1px solid #d2d2d2;
	/*     border-radius: 3px; */
	height:25px;
	line-height: 25px;
	padding: 5px 0 5px 45px;
	width: 76%;
	font-family: microsoft yahei;
	margin-left:19px;
	/*     height:25px; */
}

.lg_btn,.rg_btn {
	display: block;
	width: 90%;
	padding: 10px 0;
	font-size: 16px;
	font-family: microsoft yahei;
	color: #fff;
	background-color: #18d7ce;
	cursor: pointer;
	margin:0 auto 30px;
}

.lg_forgetPwd {
	overflow: auto;
	font-size: 13px;
	float: right;
	color: #18d7ce !important;
	margin-right:20px;
}

.lg_autoLogin {
	overflow: auto;
/* 	padding-top: 39px !important; */
}

.lg_autoLogin>input,.rg_autoLogin>input {
	vertical-align: -1px
}

.lb_input_bg {
	background-repeat: no-repeat;
	background-position: 13px;
}

.lb_close {
	width: 19px;
	margin:20px 20px 17px;
	float: right;
	height: 19px;
	cursor:pointer;
}
/* .lb_input>label{ */
/* 	width:65px;  */
/* 	text-align: right;  */
/* 	display: block;  */
/* 	float: left;  */
/* 	line-height: 35px;  */
/* 	margin-left:-17px;  */
/* 	padding-right:10px ;   */
/* } */
/*---------loginBox end---------*/
.contentBox {
	width: 1280px;
	margin: 0 auto;
	height: auto;
	background-color: #f2f2f2;
	margin-top: 0px;
}

#footer {
	width: 100%;
	margin: 0 auto;
	background-color: #797979;
	clear: both;
	height: 140px;
	text-align: center;
	color: #ccc;
	font-family: 微软雅黑;
}

#footer img {
	vertical-align:middle;
	margin-left:10px;
	width:80px;
}

#footer p {
	position: relative;
	top: 38%;
	margin-top: 10px;
	font-size: 14px;
}

#footer a {
	color: #ccc;
	font-size: 15px;
}

#indexVideo {
	margin: 30px auto;
	width:80%;
	position:relative;
}

#indexVideo ul {
	list-style: none;
}

#indexVideo li {
	float: left;
	margin-left:20px;
	width:307px;
	width:auto\9;
}
#indexVideo li a p{
	width:100%;
	position:relative;
	height:45px;
	line-height:45px;
	top:-50px;
	top:-45px\9;
	background: rgba(0, 0, 0, 0.45);
	background-color: #000\9;
	filter:Alpha(opacity=45)\9;
	text-align:center;
}
#indexVideo li:first-child{
	width:675px !important;
	margin-left:10px !important;
}
#indexVideo li#indexVideoLast{
	margin-top:-31px !important;
	margin-top:-27px\9 !important;
}
.close {
	position: fixed;
	right: 0;
	cursor: pointer;
	z-index:10;
}

/*------------------------teachers-------------------------*/
#teachers-top{
	width:100%;
	height:700px;
}
#teachers-top img{
	float:right;
	display:none;
}
#teachers-top-left{
/* 	float:left; */
	margin-left:-100px;
	margin-top:78px;
	position:absolute;
	left:0;
	z-index:1;
	opacity:0;
}
#teachers-top-left p>span{
	font-size:92px;
	color:#18d7ce;
	font-weight:bold;
}
#teachers-top-left p>sub{
	font-size:50px;
	color:#18d7ce;
}
.teachers-first{
	font-size:30px;
	line-height:75px;
}
.teachers-second{
	font-size:33px;
	font-family:SimHei;
}
.starTeacher{
	float:left;
	width:284px;
	margin:0 0 100px 54px;
}
.starTeacher img{
	width:100%;
	-moz-border-radius:3px;
	-webkit-border-radius:3px;
	border-radius:3px;
	cursor:pointer;
}
.starTeacherName{
	line-height:40px;
	float:left;
}
.starTeacher ul{
	float:left;
	margin:10px 0 0 20px;
}
.starTeacher ul>li{
	float:left;
	margin-left:5px;
}
.starTeacherHobbies{
	clear:both;
}
#teacher_star h2{
	text-align:center;
	color:#18d7ce;
	margin:50px 0;
}
#teacher_star{
	clear:both;
}
#teachers_footer {
	margin-top: 100px;
	width: 60%;
/* 	width:1140px; */
	position: absolute;
	display: none;
	left:22%;
}

#index_teachers_footer ul li {
	float: left;
	margin-left: 190px;
	margin-bottom: 100px;
}

#index_teachers_footer ul {
	margin-left: 50px;
	width: 1280px;
}

#index_teachers_footer h3 {
	font-weight: lighter;
	color: #434343;
}

#index_teachers_footer {
	padding-top: 50px;
	clear: both;
	float: right;
}

.teacher_info img {
	width: 121px;
	height: 121px;
	border-radius: 60.5px;
	-moz-border-radius: 60.5px;
	-webkit-border-radius: 60.5px;
}

.teachers_footer {
	width: 42%;
	min-width: 600px;
	margin: 30px 0 50px 29%;
}

.teachers_footer img {
	width: 100%;
}

#teachers {
	display: none;
	position: relative;
	width: 100%;
	margin-left: -100px;
}

#teachers ul li {
	float: right;
	margin-left: 190px;
	margin-bottom: 100px;
	border: 0;
}

#teachers ul {
	width: 55%;
	min-width: 1045px;
	margin: 7% auto;
}

#teachers h3 {
	font-weight: lighter;
	color: #434343;
}

.noteacher {
	background-color: #fff;
	border-radius: 5px;
	height: 50%;
	margin: 15% auto;
	width: 65%;
	min-width:600px;
}

.noteacher div {
	width: 57%;
	margin: 0 auto;
	padding: 50px 0;
	text-align: center;
}

.noteacher  p {
	text-align: center;
	font-size: 20px;
	color: #18d7ce;
}

.noteacher  span {
	background-color: #18d7ce;
	border: 1px solid #18d7ce;
	border-radius: 3px;
	color: #fff;
	cursor: pointer;
	display: block;
	padding: 5px 0;
	text-align: center;
	margin-top: 50px;
}

#otherlanguages {
	width: 100px;
	background-color: #eaeaea;
	text-align: center;
	height: 30px;
	position: absolute;
	margin-top: 5px;
	display: none;
}

#otherlanguages:hover {
	background-color: #18d7ce;
}

#otherlanguages:hover span {
	color: #fff;
}

#advanceidea {
	display: none;
	z-index: 99;
	position: absolute;
	margin-top: 2px;
	border: 1px solid #d2d2d2;
}

#advanceidea dd>a {
	line-height: 35px;
	display: block;
	color: #7b7873;
}

#advanceidea dd {
	background-color: #fff;
	border-bottom: 1px solid #d2d2d2;
	width: 76px;
	text-align: center;
}

#advanceidea dd:hover {
	background-color: #18d7ce;
}

#advanceidea dd:hover>a {
	color: #fff !important;
}

#weixinimg,#weiboimg {
	width: 150px;
	height: 200px;
	background-color: #fff;
	position: absolute;
	display: none;
	z-index: 11;
	border: 1px solid #D0D0D0;
	color: #7b7873 !important;
	text-align: center;
	top: 60px;
	margin-left: -6px;
	padding:0 !important;
}

#weixinimg img,#weiboimg img{
	width:150px;
	height:150px;
	margin-top:5px;
}

#weixinimg p,#weiboimg p{
	font-size:14px !important;
}

.studentAndParent {
	float: left;
	display: none;
	z-index: 11;
	position: absolute;
	margin-top: 2px;
}

.studentAndParent dd {
	height: 40px;
	background-color: #797979;
	border-bottom: 1px solid #fff;
}

.studentAndParent dd:hover {
	background-color: #18d7ce;
}

/*-------------------tab 菜单------------------*/
button {
	font-size: 15px;
	display: inline-block;
	zoom: 1; /* zoom and *display = ie7 hack for display:inline-block */
	*display: inline;
	vertical-align: baseline;
	margin-top: 15px;
	margin-left: 15px;
	width: 400px;
	margin-bottom: 10px;
	outline: none;
	cursor: pointer;
	text-align: center;
	text-decoration: none;
	font: 14px/100% Arial, Helvetica, sans-serif;
	padding: .5em 1em .55em;
	/* text-shadow: 0 1px 1px rgba(0, 0, 0, .3); */
	-webkit-border-radius: .5em;
	-moz-border-radius: .5em;
	border-radius: .5em;
	-webkit-box-shadow: 0 1px 2px rgba(0, 0, 0, .2);
	-moz-box-shadow: 0 1px 2px rgba(0, 0, 0, .2);
	box-shadow: 0 1px 2px rgba(0, 0, 0, .2);
}


button#getCode{
	border-radius:0;
	width:auto;
	margin:0 0 0 10px;
	padding:13px 10px;
	-webkit-box-shadow:none;
	-moz-box-shadow:none;
	box-shadow:none;
}

button:hover {
	text-decoration: none;
}

button:active {
	position: relative;
	top: 1px;
}

.green {
	color: #e8f0de;
	border: solid 1px #18d7ce;
	background: #18d7ce;
	margin-left: 55px;
}

.green:hover {
	background: #18d7ce;
}

.green:active {
	color: #fff;
}

.step1 input,#loginbox input[type="text"],#loginbox input[type="password"],#signupbox input[type="text"],#signupbox input[type="password"]
	{
	width: 400px;
	margin-left: 11%;
	margin-top: 6%;
	height: 40px;
	padding-left: 5px;
}

.forgetPwd {
	width: 80%;
	overflow: auto;
	margin: 6% 0 0 14%;
	font-size: 13px;
}

.forgetPwd>div {
	float: left;
}

.forgetPwd>div span {
	color: #000;
}

.forgetPwd>a {
	color: #18d7ce;
	float: right;
}

.step1 form,#loginbox form,#signupbox form {
	margin-left: -13%;
}

#fastLogin {
	font-size:14px;
	padding:10px 9%;
	margin-top:-10px;
	display:block !important;
	border-top:1px solid #e8e8e8;
	color:#7b7873;
}

#fastLogin span.qqLogin{
	width:24px;
	height:24px;
	display:block;
/* 	float:right; */
	margin-top:10px;
	cursor:pointer;
}

#fastLogin span.qqLogin:hover{
	background-position:0 0 !important;
}

/*---------------------弹层-----------------------*/
.box-mask {
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background: #000;
	opacity: 0.5;
	filter: alpha(opacity = 50);
	z-index: 99;
	display: none;
}

.box {
	position: absolute;
	width: 800px;
	height: 620px;
	line-height: 620px;
	text-align: center;
	z-index: 101;
	display: none;
}

.demo {
	width: 100%;
	height: 100%;
	margin: 0 auto;
}

/*------------------优势-------------------*/
#fiveAdvances{clear: both; padding-top:50px; margin-bottom: 50px;}
#advances{margin-left: 50px;}
#advances li{float: left; margin-left: 130px; width: 200px; margin-top: 70px;}
#advances dd{width: 250px;}
#advances dd p{
	color:#7b7873; 
	text-align:center; 
	font-size:14px; 
	padding-top:10px; 
	font-family:微软雅黑;
}

#advances dd h2{
	padding-top:100px; 
	font-family:微软雅黑; 
	font-size:22px;
	text-align: center;
}
.advance1{
	height: 50px;
	display: block;
	margin:0 65px;
}

/*-------------------------Black 2015.7.16 优势页面-----------------------------*/
#advanceTop,#ideaTop{
	 height:700px;
}
.containerBox {
	width: 960px;
	margin: 0 auto;
	height: auto;
	position: relative;
}

#advanceTopContent {
	top: 80px;
	position: absolute;
/* 	display:none; */
	opacity:0;
	margin-left:-100px;
}

#advance-p-first{
	font-size: 30px;
}
#advance-p-first span{
	color: #18d7ce;
	font-size: 92px;
	font-weight: bolder;
}
#advance-p-second,
#idea-p-second{
	font-size: 50px;
	font-family: 黑体;
}
#advance-p-third,
#idea-p-third{
	font-size: 25px;
}
#advance-p-last,
#idea-p-last,
#processTop-p-last,
#teachers-last{
	margin-top: 80px;
}

#advanceTopImg {
	float: right;
	margin-right:-150px;
	margin-top:4px;
}
/* #ideaTopImg { */
/* 	float: right; */
/* 	margin-right:-300px; */
/* } */

/* #ideaTopImg img{ */
/* 	height:700px; */
/* } */
#ideaTop img{
	float:right;
	display:none;
}

#tryNow,.talkNow {
	background-color: #18d7ce;
	color: #fff !important;
	font-weight:normal !important;
	font-size: 20px !important;
	padding: 10px 50px;
	border-radius: 5px;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	cursor:pointer;
/* 	behavior: url(css/ie-css3.htc);  */
}

.talkNow{
	position:absolute;
	bottom:0;
}

.advancePar {
	text-align: center;
	width: 700px;
	margin: 150px auto;
	font-size: 16px;
/* 	display:none; */
}

.advanceParShow{
	-webkit-animation:fadeInUp 1s .2s ease both;
	-moz-animation:fadeInUp 1s .2s ease both;}
	@-webkit-keyframes fadeInUp{
	0%{opacity:0;
	-webkit-transform:translateY(20px)}
	100%{opacity:1;
	-webkit-transform:translateY(0)}
	}
	@-moz-keyframes fadeInUp{
	0%{opacity:0;
	-moz-transform:translateY(20px)}
	100%{opacity:1;
	-moz-transform:translateY(0)}
}


.advancePar p:first-child {
	font-size: 30px;
	line-height: 50px;
	color:#18d7ce;
}

.advancePar p:last-child {
	line-height: 30px;
}

#advanceTeachers{
	text-align:center;
}


#advanceTeachers > img {
    border-radius: 10px;
    margin: 15px 0 0 10px;
    width: 15.5%;
    cursor:pointer;
}

#advanceTeachers > img:hover{
	-webkit-animation: teacher_bigger .5s .2s ease both;
	-moz-animation: teacher_bigger .5s .2s ease both;
	animation: teacher_bigger .5s .2s ease both;
}
@-webkit-keyframes teacher_bigger{
	0%{transform:scale(1);}
	100%{transform:scale(1.1);}
}
@-moz-keyframes teacher_bigger{
	0%{transform:scale(1);}
	100%{transform:scale(1.1);}
}
@keyframes teacher_bigger{
	0%{transform:scale(1);}
	100%{transform:scale(1.1);}
}

#advanceTeachers div.outer{
/* 	width:305px; */
	width:16.2%;
	float:left;
/* 	margin:15px 0 0 14px; */
	margin:15px 0 0 0.5%;
	margin:15px 0 0 0.4%\9;
	overflow:hidden;
/* 	height:218px; */
	height:54%;
	cursor:pointer;
}
#advanceTeachers div.inner{
	position:relative;
	height:100%;
	width:100%;
	cursor:pointer;
}
#advanceTeachers div.inner div{
	position:absolute;
	top:0;
	left:0;
/* 	width:305px; */
/* 	height:218px; */
	width:100%;
	height:100%;
}
#advanceTeachers div.inner img{
	border-radius:10px;
	-webkit-border-radius:10px;
	-moz-border-radius:10px;
	width:100%;
	height:100%;
}
#advanceTeachers div:first-child,
#advanceTeachers div:nth-child(7){
	margin-left:0.3% !important;
}
#threeSteps{
	overflow:auto;
	width:80%;
	margin:0 auto;
}
#threeSteps div{
	float:left;
	margin-left:50px;
}
#advanceFooter div{
	float:left;
	margin-left:100px;
}
#advanceFooter{
	margin-bottom:150px;
	overflow:auto;
}

.showTeacher{
-webkit-animation:fadeInRight 1s .2s ease both;
-moz-animation:fadeInRight 1s .2s ease both;}
@-webkit-keyframes fadeInRight{
0%{opacity:0;
-webkit-transform:translateX(20px)}
100%{opacity:1;
-webkit-transform:translateX(0)}
}
@-moz-keyframes fadeInRight{
0%{opacity:0;
-moz-transform:translateX(20px)}
100%{opacity:1;
-moz-transform:translateX(0)}
}

.timeShow{
-webkit-animation:rotateIn 1s .2s ease both;
-moz-animation:rotateIn 1s .2s ease both;}
@-webkit-keyframes rotateIn{
0%{-webkit-transform-origin:center center;
-webkit-transform:rotate(-200deg);
opacity:0}
100%{-webkit-transform-origin:center center;
-webkit-transform:rotate(0);
opacity:1}
}
@-moz-keyframes rotateIn{
0%{-moz-transform-origin:center center;
-moz-transform:rotate(-200deg);
opacity:0}
100%{-moz-transform-origin:center center;
-moz-transform:rotate(0);
opacity:1}
}

.step{
-webkit-animation:bounceIn 1s .2s ease both;
-moz-animation:bounceIn 1s .2s ease both;}
@-webkit-keyframes bounceIn{
0%{opacity:0;
-webkit-transform:scale(.3)}
50%{opacity:1;
-webkit-transform:scale(1.0)}
70%{-webkit-transform:scale(.9)}
100%{-webkit-transform:scale(1)}
}
@-moz-keyframes bounceIn{
0%{opacity:0;
-moz-transform:scale(.3)}
50%{opacity:1;
-moz-transform:scale(1.0)}
70%{-moz-transform:scale(.9)}
100%{-moz-transform:scale(1)}
}

/*---------------------Black 2015.7.17 理念-----------------------*/
#ship p:last-child,
#microphone p:last-child,
#rock p:last-child{
	font-family:Stencil Std;
	color:#18d7ce;
	font-size:48px !important;
	margin-top:40px !important;
}

#ship p:first-child,
#microphone p:first-child,
#rock p:first-child{
	color:#18d7ce;
	font-size:48px !important;
}
#ship p:nth-child(2),#microphone p:nth-child(2),#rock p:nth-child(2){
	margin-top:20px !important;	
}
#ship,#microphone,#rock{
	text-align:center;
	margin-top:80px;
	font-size:18px;
}
#rock{
	margin-bottom:80px;
}
#microphone,#rock{
	margin-top:200px !important;
}
#ship p,#microphone p,#rock p{
	margin-top:10px !important;
}

#ship img,#microphone img,#rock img{
	margin-top:90px;
}

#ship img{
-webkit-animation:fadeInLeft 1s .2s ease both;
-moz-animation:fadeInLeft 1s .2s ease both;}
@-webkit-keyframes fadeInLeft{
0%{opacity:0;
-webkit-transform:translateX(-20px)}
100%{opacity:1;
-webkit-transform:translateX(0)}
}
@-moz-keyframes fadeInLeft{
0%{opacity:0;
-moz-transform:translateX(-20px)}
100%{opacity:1;
-moz-transform:translateX(0)}
}
}
/* --------------歪脖子特效---------------*/

#advances img:hover{
    -webkit-animation:swinging 3s ease-in-out 0s infinite;
    -moz-animation:swinging 3s ease-in-out 0s infinite;
    animation:swinging 3s ease-in-out 0s infinite;
    -webkit-transform-origin:50% 0;
    -moz-transform-origin:50% 0;
    transform-origin:50% 0;
}
 
@-webkit-keyframes swinging{
    0% { -webkit-transform: rotate(0); }
    5% { -webkit-transform: rotate(10deg); }
    10% { -webkit-transform: rotate(-9deg); }
    15% { -webkit-transform: rotate(8deg); }
    20% { -webkit-transform: rotate(-7deg); }
    25% { -webkit-transform: rotate(6deg); }
    30% { -webkit-transform: rotate(-5deg); }
    35% { -webkit-transform: rotate(4deg); }
    40% { -webkit-transform: rotate(-3deg); }
    45% { -webkit-transform: rotate(2deg); }
    50% { -webkit-transform: rotate(0); } /* Come to rest at 50%. The rest is just stillness */
    100% { -webkit-transform: rotate(0); }
}
 
@-moz-keyframes swinging{
    0% { -moz-transform: rotate(0); }
    5% { -moz-transform: rotate(10deg); }
    10% { -moz-transform: rotate(-9deg); }
    15% { -moz-transform: rotate(8deg); }
    20% { -moz-transform: rotate(-7deg); }
    25% { -moz-transform: rotate(6deg); }
    30% { -moz-transform: rotate(-5deg); }
    35% { -moz-transform: rotate(4deg); }
    40% { -moz-transform: rotate(-3deg); }
    45% { -moz-transform: rotate(2deg); }
    50% { -moz-transform: rotate(0); } /* Come to rest at 50%. The rest is just stillness */
    100% { -moz-transform: rotate(0); }
}
 
@keyframes swinging{
    0% { transform: rotate(0); }
    5% { transform: rotate(10deg); }
    10% { transform: rotate(-9deg); }
    15% { transform: rotate(8deg); }
    20% { transform: rotate(-7deg); }
    25% { transform: rotate(6deg); }
    30% { transform: rotate(-5deg); }
    35% { transform: rotate(4deg); }
    40% { transform: rotate(-3deg); }
    45% { transform: rotate(2deg); }
    50% { transform: rotate(0); } /* Come to rest at 50%. The rest is just stillness */
    100% { transform: rotate(0); }
}

/*------------------download----------------------*/
.download_button li {
	float: left;
}

@font-face {
	font-family: 'WebSymbolsRegular';
	src: url('websymbols/websymbols-regular-webfont.eot');
	src: url('websymbols/websymbols-regular-webfont.eot?#iefix')
		format('embedded-opentype'),
		url('websymbols/websymbols-regular-webfont.woff') format('woff'),
		url('websymbols/websymbols-regular-webfont.ttf') format('truetype'),
		url('websymbols/websymbols-regular-webfont.svg#WebSymbolsRegular')
		format('svg');
	font-weight: normal;
	font-style: normal;
}

.a-btn {
	-webkit-border-radius: 50px;
	-moz-border-radius: 50px;
	border-radius: 50px;
	padding: 10px 30px 10px 70px;
	position: relative;
	float: left;
	display: block;
	overflow: hidden;
	margin: 100px 10px 43px 250px;
	background-image: url(../images/button.png);
	height: 32px;
	width: 129px;
	/*background-color:#18d7ce;*/
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff',
		endColorstr='#ededed', GradientType=0);
	-webkit-box-shadow: 0px 0px 7px rgba(0, 0, 0, 0.2), 0px 0px 0px 1px
		rgba(188, 188, 188, 0.1);
	-moz-box-shadow: 0px 0px 7px rgba(0, 0, 0, 0.2), 0px 0px 0px 1px
		rgba(188, 188, 188, 0.1);
	box-shadow: 0px 0px 7px rgba(0, 0, 0, 0.2), 0px 0px 0px 1px
		rgba(188, 188, 188, 0.1);
	-webkit-transition: box-shadow 0.3s ease-in-out;
	-moz-transition: box-shadow 0.3s ease-in-out;
	-o-transition: box-shadow 0.3s ease-in-out;
	transition: box-shadow 0.3s ease-in-out;
}

.a-btn-symbol {
	font-family: 'WebSymbolsRegular', cursive;
	color: #555;
	font-size: 20px;
	text-shadow: 1px 1px 2px rgba(255, 255, 255, 0.5);
	position: absolute;
	left: 20px;
	top: 10px;
	line-height: 32px;
	-webkit-transition: opacity 0.3s ease-in-out;
	-moz-transition: opacity 0.3s ease-in-out;
	-o-transition: opacity 0.3s ease-in-out;
	transition: opacity 0.3s ease-in-out;
}

.a-btn-text {
	font-size: 20px;
	color: #fff;
	line-height: 16px;
	font-weight: bold;
	font-family: "Myriad Pro", "Trebuchet MS", sans-serif;
	text-shadow: rgba(255, 255, 255, 0.5);
	display: block;
	margin-top: 9px;
}

.a-btn-slide-text {
	font-family: Arial, sans-serif;
	font-size: 10px;
	letter-spacing: 1px;
	text-transform: uppercase;
	color: #555;
	text-shadow: 0px 1px 1px rgba(255, 255, 255, 0.9);
}

.a-btn-slide-icon {
	position: absolute;
	top: -30px;
	width: 39px;
	height: 30px;
	background: transparent url(../images/cloud.png) no-repeat top left;
	left: 20px;
	opacity: 0.4;
}

.a-btn:hover {
	background-image: url(../images/button.png);
	-webkit-box-shadow: 0px 0px 9px rgba(0, 0, 0, 0.4), 0px 0px 0px 1px
		rgba(188, 188, 188, 0.1);
	-moz-box-shadow: 0px 0px 9px rgba(0, 0, 0, 0.4), 0px 0px 0px 1px
		rgba(188, 188, 188, 0.1);
	box-shadow: 0px 0px 9px rgba(0, 0, 0, 0.4), 0px 0px 0px 1px
		rgba(188, 188, 188, 0.1);
}

.a-btn:hover .a-btn-symbol {
	opacity: 0;
}

.a-btn:hover .a-btn-slide-icon {
	-webkit-animation: slideDown 0.9s linear infinite;
	-moz-animation: slideDown 0.9s linear infinite;
	animation: slideDown 0.9s linear infinite;
}

.a-btn:active {
	background-image: url(../images/button.png);
	-webkit-box-shadow: 0px 2px 2px rgba(0, 0, 0, 0.6) inset, 0px 0px 0px
		1px rgba(188, 188, 188, 0.1);
	-moz-box-shadow: 0px 2px 2px rgba(0, 0, 0, 0.6) inset, 0px 0px 0px 1px
		rgba(188, 188, 188, 0.1);
	box-shadow: 0px 2px 2px rgba(0, 0, 0, 0.6) inset, 0px 0px 0px 1px
		rgba(188, 188, 188, 0.1);
}

.a-btn:active .a-btn-text {
	color: #fff;
	text-shadow: 0px 1px 1px rgba(0, 0, 0, 0.3);
}

.a-btn:active .a-btn-slide-text {
	color: rgba(0, 0, 0, 0.4);
	text-shadow: none;
}

@keyframes slideDown{
    0% { top: -30px; }
    100% { top: 80px;}
}
@-webkit-keyframes slideDown{
    0% { top: -30px; }
    100% { top: 80px;}
}
@-moz-keyframes slideDown{
    0% { top: -30px; }
    100% { top: 80px;}
}

/*---------------------aboutus----------------------*/
#aboutus-top{
	width:100%;
	height:700px;
	text-align:center;
}
#aboutus-top img{
	margin-top:41px;
	display:none;
}
#aboutus-map{
	overflow:auto;
	margin:100px 0;
	padding:30px 0;
}
.aboutus-map-left{
	float:left;
	margin-top:135px;
}
.aboutus-map-left p{
	margin-top:15px !important;
	text-align:left !important;
	font-size: 22px !important;
}
.aboutus-map-left p.aboutus-p-first{
	color:#18d7ce !important;
}
.aboutus-map-left p.aboutus-p-last{
	font-family:SimHei;
	color:#000 !important;
}
.aboutus-map-left sub{
	color: #18d7ce;
    font-size: 25px;
    font-weight: bold;
}
.aboutus-map-left span{
	color: #18d7ce;
    font-size: 35px;
    font-weight: bold;
}
.aboutus-map-right{
	float:right;
	position:relative;
}
.aboutus-map-right span{
	position:absolute;
}
#about_worldmap_canada,
#about_worldmap_uk,
#about_worldmap_america,
#about_worldmap_australia,
#about_worldmap_newzealand{
	position:absolute;
}
#about_worldmap_canada{left:64px; top:-30px;}
#about_worldmap_uk{left: 343px;  top: -30px;}
#about_worldmap_america{bottom: -23px; left: 80px;}
#about_worldmap_australia{right:96px;}
#about_worldmap_newzealand{right:29px; bottom:150px;}
#aboutus-canada{
	left:100px;
	top:-30px;
}
#aboutus-uk{
	top:-30px;  
	left:380px;
}
#aboutus-america{
	bottom: 10px;
	left: 116px;
}
#aboutus-australia{
	bottom: -30px; 
	right: 22px;
}
#aboutus-newzealand{
	bottom: 180px;
	right: 0px;
}
#aboutus-bottom{
	overflow:auto;
}
#aboutus-btm-img1{
	float:left;
}
#aboutus-btm-img2{
	margin:0 0 6px 10px;
}
#aboutus-btm-img3{
	margin-left:10px;
}
#about p {
	font-family: 微软雅黑;
	line-height: 25px;
	margin-top: 50px;
	text-align:justify;
	font-size:14px;
	color:#434343;
}
#about p:nth-child(2),
#about p:nth-child(4),
#about p:nth-child(6),
#about p:nth-child(7){
	text-align:center;
}
.specialIdeal p{
	font-size:15px !important;
	color:#000 !important;
	margin-top:0 !important;
	text-align:center !important;
}
#about h4 {
	font-size: 13px;
	margin: 50px 0;
	font-family: 微软雅黑;
}

#about {
	width: 76%;
	margin: 50px auto;
}

.about_logo {
	-webkit-animation: swinging 3s ease-in-out 0s;
	-moz-animation: swinging 3s ease-in-out 0s;
	animation: swinging 3s ease-in-out 0s;
	-webkit-transform-origin: 50% 0;
	-moz-transform-origin: 50% 0;
	transform-origin: 50% 0;
}

/*-------------------teachers----------------------*/
#teachers_img {
	text-align: center;
	margin-top: 370px;
	width: 830px;
	height: 429px;
	margin-left: 250px;
	z-index: 2;
	position: absolute;
}

#teachers_header {
	margin-top: 0%;
	margin-left: 10%;
}

#teachers_header p {
	font-family: 微软雅黑;
	font-size: 17px;
	line-height: 17px;
	color: #7b7873;
	width: 800px;
	margin-left: 130px;
}

#teachers {
	width: 100%;
	height: 940px;
	position: relative;
	background-repeat: no-repeat;
}

.Show {
	font-size: 13px;
	color: #000;
	width: 70px;
	padding-top: 20px;
	display: block;
	margin-left: -25px;
	font-family: 微软雅黑;
}

#loading-mask,.loadingMask {
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	z-index: 1000;
	background-color: rgba(0, 0, 0, .8);
	display: none;
}

.maparea:hover {
	cursor: pointer;
}

.areaMap {
	pointer-events: none;
}

#worldmap div,.countaryMap div {
	cursor: pointer;
}

#worldmap {
	width: 100%;
	position: relative;
	z-index:0;
}

#worldmap img {
	position: absolute;
	width: 100%;
}

#worldmap img.teacher_worldmap {
	z-index: 1;
}

#worldmap img.teacher_englandpoint {
	z-index: 2;
}

#worldmap img.teacher_germanypoint {
	z-index: 3;
}

#worldmap img.teacher_japanpoint {
	z-index: 4;
}

#worldmap img.teacher_koreapoint {
	z-index: 5;
}

#worldmap img.teacher_newzealandpoint {
	z-index: 6;
}

#worldmap img.teacher_america {
	z-index: 7;
	display: none;
	cursor:pointer;
}

#worldmap img.teacher_canada {
	z-index: 8;
	display: none;
	cursor:pointer;
}

#worldmap img.teacher_australia {
	z-index: 9;
	display: none;
	cursor:pointer;
}

#worldmap img.teacher_england {
	z-index: 10;
	display: none;
	cursor:pointer;
}

#worldmap img.teacher_korea {
	z-index: 11;
	display: none;
}

#worldmap img.teacher_newzealand {
	z-index: 12;
	display: none;
	cursor:pointer;
}

#worldmap img.teacher_japan {
	z-index: 13;
	display: none;
}

#worldmap img.teacher_germany {
	z-index: 14;
	display: none;
}

.worldmap {
	width: 100%;
}

.countaryName {
	width: auto;
	max-width: 15%;
	background-color: #18d7ce;
	color: #fff;
	position: fixed;
	float: left;
	right: 10%;
	top: 45%;
	display: none;
	text-align: center;
	padding: 20px 30px;
	box-shadow: 0 0 10px #fff;
	-webkit-box-shadow: 0 0 10px #fff;
	-ms-box-shadow: 0 0 10px #fff;
	-o-box-shadow: 0 0 10px #fff;
	-moz-box-shadow: 0 0 10px #fff;
	border-radius: 5px;
	-webkit-border-radius: 5px;
	-ms-border-radius: 5px;
	-o-border-radius: 5px;
	-moz-border-radius: 5px;
	z-index: 10;
	font-size: 14px;
	font-family: microsoft yahei;
}

.chooseTeacher {
	width: 400px;
	height: 250px;
	background-color: rgba(255, 255, 255, .95);
	border: 1px solid #d2d2d2;
	border-radius: 5px;
	-webkit-border-radius: 5px;
	-ms-border-radius: 5px;
	-moz-border-radius: 5px;
	-o-border-radius: 5px;
	z-index: 12;
	position: absolute;
	top: 150px;
	left: 415px;
	display: none;
}

.chooseTeacher button {
	width: 150px;
	height: 30px;
	background-color: #18d7ce;
	border: 1px solid #18d7ce;
	border-radius: 5px;
	-webkit-border-radius: 5px;
	-ms-border-radius: 5px;
	-moz-border-radius: 5px;
	-o-border-radius: 5px;
	color: #fff;
	margin-left: 30px;
	cursor: pointer;
}

.chooseTeacher p {
	font-size: 18px;
	margin: 80px 110px 50px 110px;
}

.countary_map {
	width: 100%;
}

.closeMap {
	position: fixed;
	right: 0;
	top: 0;
	z-index: 200;
	cursor: pointer;
	margin-left: 97.4%;
}

.USA {
	position: fixed;
	width: 62%;
	display: none;
	left: 19%;
}

/*------------Black 2015.7.11------------*/
.teachersIntro {
	padding: 5px 5px 10px;
	background-color: #fff;
	border-radius: 3px;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	width: 280px;
	height: 300px;
	float: left;
	margin: 20px 30px;
	/*     	display:none; */
}

.teachersInfo p {
	margin-top: 8px;
}

.teachersIntro p {
	line-height: 30px;
	margin-left: 5px;
}

.teachersName {
	color: #18d7ce;
}

.browse {
	float: right;
	margin-right: 120px;
}

.browse span {
	color: #fff;
	background-color: #18d7ce;
	border: 1px solid #18d7ce;
	border-radius: 3px;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	cursor: pointer;
	padding: 5px 0;
	width: 100px;
	display: block;
	text-align: center;
	float: left;
	margin-left: 10px;
}

/*--------------------canada---------------------*/
.Canada {
	position: fixed;
	width: 53%;
	left: 24%;
	top: 5%;
	display: none;
}

/*----------------------------------japan------------------------------*/
.Japan {
	position: fixed;
	width: 62%;
	display: none;
	left: 19%;
}

/*----------------------------------britain-----------------------------------*/
.Britain {
	position: relative;
	width: 680px;
	height: 440px;
	margin-left: 0px;
	display: none;
}

/*----------------------------australia-----------------------------*/
.Australia {
	position: fixed;
	width: 50%;
	display: none;
	left: 25%;
	top: 5%;
}

/*---------------------------------newzealand---------------------------------*/
.Newzealand,.Britain,.Germany,.Korea {
	position: fixed;
	width: 50%;
	display: none;
	left: 25%;
	top: 10%;
}

.continent {
	position: absolute;
	top: 0;
	left: 0;
	display: none;
	width: 100%;
	pointer-events: none;
}

/*--------------------current---------------------*/
#step_bottom{clear:both;}
#step_bottom div p{
	display:none;
	color: #fff;
    margin-left: 180px;
    margin-top: 11px;
}
#step_bottom div{
	position:relative;
	cursor:pointer;
	background-color:#18d7ce;
	float:left;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	border-radius: 5px;
    height: 110px;
    margin: 100px 0 100px 240px;
    width: 150px;
}
#step_bottom div img{
	position:absolute;
	top:20px;
}
#experise img{left:20px;}
#relax img{left:35px;}
#morefun img{right:40px;}
#morefun p{margin-left:90px !important;}
#step1 {
	width: 960px;
	height: auto;
	margin-left: 10%;
}

#step1 img {
	margin-top: 100px;
}

.step1 {
	float: right;
    margin-right: 6%;
    margin-top: -5%;
    width: 615px;
	display: block\0;
}

.step1 form {
	margin-right: -10%;
}

.step1 input {
	width: 500px;
	border-radius: 5px;
	border: 1px solid #d2d2d2;
}

#step2 {
	width: 960px;
	height: auto;
	margin-left: 10%;
}

.step2 {
	float: right;
	margin-right: 6%;
	margin-top: 15%;
	width: 600px;
	display: none;
	display: block\0;
}

#step3 {
	width: 960px;
	height: auto;
	margin-left: 10%;
	margin-bottom: 200px
}

.step3 {
	float: right;
	margin-bottom: 10%;
	margin-right: 10%;
	margin-top: 130px;
	display: none;
	display: block\0;
}

/* .step3 img { */
/* 	margin-top: 240px\9; */
/* } */

#carousel_container a:hover {
	text-decoration: none;
}

#carousel_container a:focus {
	text-decoration: none;
	outline: none;
}

.container {
	height: 400px;
	width: 100px;
}

.container form {
	width: 100px;
	margin-left: 400px;
	margin-top: 100px;
}

.container form input {
	width: 300px;
	margin-top: 20px;
	height: 35px;
	border: 1px solid;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	border-radius: 5px;
}

.info:focus {
	border: 1px solid #18d7ce;
}

#btn:hover {
	background-color: #9db43f;
	border: 1px solid #9db43f;
	color: #fff;
}

.full_height {
	height: 675px;
}

.page {
	/* 	height: 100%; */
	height: 350px;
}

#main {
	height: 100%;
	width: 1280px;
}

#page_home #main {
	/*background:url('../images/bg_main.jpg') no-repeat top center;*/
	
}

#splash {
	min-width: 960px;
	height: 100%;
	/*----------------整体背景*/
}

.second { /*background-color: rgb(232, 227, 22);*/
	
}

.third { /*background-color: rgb(33, 166, 210);*/
	
}

.fourth { /*background-color: rgb(134, 196, 87);*/
	
}

#splash_introduction {
	text-align: center;
	font-size: 20px;
	line-height: 31px;
	color: rgb(255, 255, 255);
}

#splash_download_qrcode {
	left: 10px;
	position: relative;
	height: 110px;
	width: 200px;
	z-index: 0;
	text-align: left;
}

.footer {
	position: absolute;
	top: 530px;
	text-align: center;
	width: 1280px;
	height: 120px;
}

.footer a {
	color: #7b7873;
	font-family: 微软雅黑;
}

#dash {
	margin: 0 auto;
	margin-left: 315px;
	height: 2px;
	width: 650px;
	background: url('../images/dot.png');
	position: relative;
	top: 130px;
}

#progress {
	margin: 0 auto;
	height: 2px;
	width: 150px;
	left: -250px;
	background: #4d4c4a;
	position: relative;
	top: 128px;
}

#navbtns {
	width: 650px;
	position: relative;
	z-index: 1;
	margin-left: 315px;
	padding-top: 100px;
}

#navbtns a:hover {
	text-decoration: none;
}

#navbtns a:focus {
	text-decoration: none;
	outline: none;
	color: #9db43f;
}

.navbtn {
	width: 100px;
	float: left;
	margin-left: 25px;
	margin-right: 25px;
	text-align: center;
	display: inline-block;
	line-height: 50px;
	color: white;
}

.navbtn a:hover {
	color: #9db43f;
}

.navbtn img {
	width: 50px;
}

#reserve {
	width: 670px;
	height: 200px;
	border: 1px solid #4d4c4a;
	-moz-border-radius: 10px;
	-webkit-border-radius: 10px;
	border-radius: 10px;
	margin-top: 160px;
	margin-left: 300px;
}

#reserve ul li {
	float: left;
	margin-left: 70px;
	margin-top: 40px;
}

#class {
	width: 670px;
	height: 200px;
	border: 1px solid #4d4c4a;
	-moz-border-radius: 10px;
	-webkit-border-radius: 10px;
	border-radius: 10px;
	margin-top: 160px;
	margin-left: 300px;
}

#class ul li {
	float: left;
	margin-left: 80px;
	margin-top: 40px;
}

/*-----------------------slideshow------------------------*/
img {
	border: currentColor;
}

header {
	display: block;
}

header {
	background: rgb(239, 239, 239);
	margin: 0px auto;
	width: 100%;
	color: rgb(255, 255, 255);
	overflow: hidden;
	position: relative;
}

header .centered-content {
	position: relative;
	z-index: 2;
}

.header-content {
	background: url("../images/header-background.jpg?v=1") no-repeat 50%
		-4px;
	margin: 0px;
	padding: 0px;
	width: 100%;
	line-height: 22px;
	/*border-top-color: rgb(255, 255, 255); border-top-width: 1px; border-top-style: solid;*/
	float: left;
	position: relative;
	z-index: 1;
	/*(box-shadow: inset 0px 10px 8px -10px rgba(0,0,0,0.5), inset 0px -10px 8px -10px rgba(0,0,0,0.4); -webkit-box-shadow: inset 0px 10px 8px -10px rgba(0, 0, 0, 0.5), inset 0px -10px 8px -10px rgba(0, 0, 0, 0.4); -moz-box-shadow: inset 0px 10px 8px -10px rgba(0, 0, 0, 0.5), inset 0px -10px 8px -10px rgba(0, 0, 0, 0.4);*/
}

.home.header-content {
	/*height: 362px;*/
	height: 690px;
}

.home .header-content {
	background: url("../images/slider-gradient-bg.png") repeat-y 50% 0px
		rgb(213, 69, 21);
}

.header-content img {
	margin: 0px 0px 0px 15px;
}

.header-content .text {
	width: 470px;
	margin-left: 70%;
	margin-top: 25%;
}

.header-content .copy {
	line-height: 21px;
	padding-right: 15px;
	font-size: 13px;
	color: #7f7f7f;
	width: 320px;
	margin-top: -20px;
	text-align: right;
	margin-left: -300px;
}

.header-content .button {
	width: 100% !important;
}

.header-content .button a {
	padding-top: 7px;
	padding-bottom: 7px;
	font-size: 14px;
	display: inline-block;
}

.header-content .button {
	float: none;
}

.header-content .dimmed {
	background: rgba(0, 0, 0, 0.4);
	-webkit-transition: none;
	-moz-transition: none;
	-ms-transition: none;
	-o-transition: none;
	transition: none;
}

.header-content .align-bottom {
	bottom: 0px;
	position: absolute;
}
/*#slider-wrap {
	background: url("../images/header-background1.png?v=1") repeat-x 0% 0px; height: 362px;
}*/
#slider {
	/*height: 332px;*/
	height: 650px;
	padding-top: 30px;
	padding-right: 300px;
}

.slider-prev {
	background: url("../images/sprite.png") no-repeat -263px -122px;
	top: 50%;
	width: 38px;
	height: 38px;
	text-indent: -9999px;
	margin-top: -19px;
	display: none;
	position: absolute;
	z-index: 999;
	opacity: 0.5;
	-webkit-transition: all 0.3s ease-out;
	-moz-transition: all 0.3s ease-out;
	-ms-transition: all 0.3s ease-out;
	-o-transition: all 0.3s ease-out;
	transition: all 0.3s ease-out;
}

.slider-next {
	background: url("../images/sprite.png") no-repeat -263px -122px;
	top: 50%;
	width: 38px;
	height: 38px;
	text-indent: -9999px;
	margin-top: -19px;
	display: none;
	position: absolute;
	z-index: 999;
	opacity: 0.5;
	-webkit-transition: all 0.3s ease-out;
	-moz-transition: all 0.3s ease-out;
	-ms-transition: all 0.3s ease-out;
	-o-transition: all 0.3s ease-out;
	transition: all 0.3s ease-out;
}

.slider-prev {
	left: 12px;
}

.slider-next {
	background-position: -302px -122px;
	right: 12px;
}

.slider-prev:hover {
	opacity: 1;
}

.slider-next:hover {
	opacity: 1;
}

.slider-nav {
	list-style: none;
	margin: 0px;
	padding: 2px;
	left: 50%;
	bottom: 5px;
	overflow: hidden;
	position: absolute;
	z-index: 10;
}

.slider-nav li {
	float: left;
}

.slider-nav li a {
	background: url("../images/sprite.png") no-repeat -234px -144px;
	margin: 8px;
	padding: 0px;
	width: 8px;
	height: 8px;
	text-indent: -999px;
	overflow: hidden;
	text-decoration: none;
	display: block;
}

.slider-nav li a:hover {
	background-position: -225px -144px;
}

.slider-nav li a.selected {
	background-position: -225px -144px;
}

.slider section {
	margin-top: -4%;
	margin-left: -45%;
}

.slider section {
	display: none;
}

.slider section img {
	
}

.slider section.first {
	display: block;
}

.first .text {
	float: right;
	margin-top: -75%;
	margin-right: -75%;
}

.slider-sections {
	width: 861px;
	height: 335px;
}

.slider-sections section {
	width: 861px;
	height: 335px;
}

.slider-sections {
	margin: 0px auto;
	position: relative;
}

.slider-sections section {
	left: 0px;
	top: 0px;
	position: absolute;
}

.header-content h2 {
	font: 400 32px/1.2 "microsoft yahei", Tahoma, arial, sans-serif;
	margin: 0px 0px 26px;
	color: rgb(255, 255, 255);
	font-size-adjust: none;
	font-stretch: normal;
}

.header-content p {
	margin: 0px 0px 30px;
}

.header-content .centered-content {
	padding-top: 30px;
	padding-bottom: 10px;
}

.modal {
	border: currentColor !important;
	top: 80px !important;
	box-shadow: none !important;
}

.RadWindow .rwTable {
	width: 100%;
	height: 100%;
}

.rwTitleRow {
	display: none;
}

.rwFooterRow {
	display: none;
}

.rwCorner {
	display: none;
}

.RadWindow .rwWindowContent {
	
}

.RadWindow_Default td.rwWindowContent {
	
}

.box-shadow {
	overflow: hidden;
}

.button {
	list-style: none;
	width: auto !important;
	float: left;
}

.button a {
	background: rgb(49, 49, 49);
	padding: 5px 14px 6px 13px;
	border-radius: 3px;
	border: currentColor;
	width: auto;
	color: rgb(255, 255, 255) !important;
	line-height: 18px;
	font-size: 15px;
	text-decoration: none;
	display: block;
	position: relative;
	z-index: 2;
	cursor: pointer;
	-webkit-transition: all 0.3s ease;
	-moz-transition: all 0.3s ease;
	-o-transition: all 0.3s ease;
	transition: all0.3s ease;
	-moz-border-radius: 3px;
}

.button button {
	background: rgb(49, 49, 49);
	padding: 5px 14px 6px 13px;
	border-radius: 3px;
	border: currentColor;
	width: auto;
	color: rgb(255, 255, 255) !important;
	line-height: 18px;
	font-size: 15px;
	text-decoration: none;
	display: block;
	position: relative;
	z-index: 2;
	cursor: pointer;
	-webkit-transition: all 0.3s ease;
	-moz-transition: all 0.3s ease;
	-o-transition: all 0.3s ease;
	transition: all0.3s ease;
	-moz-border-radius: 3px;
}

.button input {
	background: rgb(49, 49, 49);
	padding: 5px 14px 6px 13px;
	border-radius: 3px;
	border: currentColor;
	width: auto;
	color: rgb(255, 255, 255) !important;
	line-height: 18px;
	font-size: 15px;
	text-decoration: none;
	display: block;
	position: relative;
	z-index: 2;
	cursor: pointer;
	-webkit-transition: all 0.3s ease;
	-moz-transition: all 0.3s ease;
	-o-transition: all 0.3s ease;
	transition: all0.3s ease;
	-moz-border-radius: 3px;
}

.button a:hover {
	background: rgb(70, 70, 70);
}

.button input:hover {
	background: rgb(70, 70, 70);
}

.button button:hover {
	background: rgb(70, 70, 70);
}

.button a:focus {
	background: rgb(70, 70, 70);
}

.button input:focus {
	background: rgb(70, 70, 70);
}

.button button:focus {
	background: rgb(70, 70, 70);
}


/*-----------------test---------------------*/
#test {
	height: 760px;
	width: 80%;
}

#test_pic {
	display: none;
	margin-left: 25%;
	margin-top: 13%;
	float: left;
}

#test_text {
	margin-top: 150px;
	float: right;
	display: none;
}

#test_text p {
	font-family: 微软雅黑;
	font-size: 15px;
	color: #4d4c4a;
	margin-top: 20px;
}

#test_button {
	display: block;
	width: 260px;
	height: 30px;
	background-color: #18d7ce;
	border-radius: 5px;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	text-align: center;
	margin-left: 10%;
	padding-top: 10px;
	font-family: 微软雅黑;
	margin-top: 15%;
	color: #fff;
	border: 1px solid #18d7ce;
}

#download_pic1 {
	margin-left: 32%;
	padding-top: 13%;
	display: none;
}

#download_pic2 {
	margin-left: 30%;
	margin-top: 50px;
	display: none;
}

/*-------------------首页遮罩层-----------------*/
.black_overlay {
	display: none;
	position: fixed;
	top: 0%;
	left: 0%;
	width: 100%;
	height: 100%;
	background-color: black;
	z-index: 1001;
	-moz-opacity: 0.7;
	opacity: .70;
	filter: alpha(opacity = 70);
	overflow: hidden;
}

.white_content_small {
	display: none;
	position: absolute;
	top: 0%;
	left: 0%;
	width: 100%;
	height: 100%;
	z-index: 1002;
	overflow: auto;
}

/*-------------------goTop--------------------*/
#rocket-to-top div {
	left: 0;
	margin: 0;
	overflow: hidden;
	padding: 0;
	position: absolute;
	top: 0;
	width: 85px;
}

#rocket-to-top .level-2 {
	background: url("../images/rocket_button_up.png") no-repeat scroll -85px
		0 transparent;
	display: none;
	height: 150px;
	opacity: 0;
	z-index: 2;
}

#rocket-to-top .level-3 {
	background: none repeat scroll 0 0 transparent;
	cursor: pointer;
	display: block;
	height: 150px;
	z-index: 3;
}

#rocket-to-top {
	background: url("../images/rocket_button_up.png") no-repeat scroll 0 0
		transparent;
	cursor: default;
	display: block;
	height: 150px;
	margin: 50px 0 0;
	overflow: hidden;
	padding: 0;
	position: fixed;
	right: 0;
	top: 80%;
	width: 80px;
	z-index: 11;
}

/*------------------------优势页面-------------------------*/
.wrapper {
	height: 100% !important;
	margin: 3px auto -10px;
	overflow: hidden;
}

.pointer {
	color: #9b59b6;
	font-family: 'Pacifico', cursive;
	font-size: 30px;
	margin-top: 15px;
}

code {
	margin: 20px 1%;
	float: left;
	width: 48%;
	height: 105px;
	background: rgba(0, 0, 0, 0.1);
	border: rgba(0, 0, 0, 0.05) 5px solid;
	border-radius: 5px;
	padding: 5px;
	color: white;
	text-align: center;
	font-size: 15px;
	margin-top: 25px;
	display: block;
	box-sizing: border-box;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
}

code.html {
	color: #7EC9E6;
}

code.js {
	color: #FFAD00;
}

.main {
	float: left;
	width: 100%;
	margin: 0 auto;
}

.main h1 {
	padding: 150px 50px;
	float: left;
	width: 100%;
	font-size: 45px;
	box-sizing: border-box;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	font-weight: 100;
	color: white;
	margin: 0;
}

.main h1.demo1 {
	background: #1ABC9C;
}

.reload.bell {
	font-size: 12px;
	padding: 20px;
	width: 45px;
	text-align: center;
	height: 47px;
	border-radius: 50px;
	-webkit-border-radius: 50px;
	-moz-border-radius: 50px;
}

.reload.bell #notification {
	font-size: 25px;
	line-height: 140%;
}

.reload,.btn {
	display: inline-block;
	border: 4px solid #A2261E;
	border-radius: 5px;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	background: #CC3126;
	display: inline-block;
	line-height: 100%;
	padding: 0.7em;
	text-decoration: none;
	color: #fff;
	width: 100px;
	line-height: 140%;
	font-size: 17px;
	font-family: open sans;
	font-weight: bold;
}

.reload:hover {
	background: #444;
}

.btn {
	width: 200px;
	color: rgb(255, 255, 255);
	border: 4px solid rgb(0, 0, 0);
	background: rgba(3, 3, 3, 0.75);
}

.clear {
	width: auto;
}

.btn:hover,.btn:hover {
	background: #444;
}

.btns {
	width: 410px;
	margin: 50px auto;
}

.credit {
	text-align: center;
	color: rgba(0, 0, 0, 0.5);
	padding: 10px;
	width: 410px;
	clear: both;
}

.credit a {
	color: rgba(0, 0, 0, 0.85);
	text-decoration: none;
	font-weight: bold;
	text-align: center;
}

.back {
	position: absolute;
	top: 0;
	left: 0;
	text-align: center;
	display: block;
	padding: 7px;
	width: 100%;
	box-sizing: border-box;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	background: rgba(255, 255, 255, 0.25);
	font-weight: bold;
	font-size: 13px;
	color: #000;
	-webkit-transition: all 500ms ease-in-out;
	-moz-transition: all 500ms ease-in-out;
	-o-transition: all 500ms ease-in-out;
	transition: all 500ms ease-in-out;
}

.back:hover {
	color: black;
	background: rgba(255, 255, 255, 0.5);
}

header {
	position: relative;
	z-index: 10;
}

.main section .page_container {
	position: relative;
	top: 25%;
	margin: 0 auto 0;
	max-width: 950px;
	z-index: 3;
}

.main section {
	overflow: hidden;
}

.main section>img {
	position: absolute;
	max-width: 100%;
	z-index: 1;
}

}
.main section .page_container .btns {
	clear: both;
	float: left;
	text-align: center;
	width: 435px;
}

.main section .page_container .btns a {
	text-align: center;
}

.main section.page2>img {
	position: absolute;
}

.viewing-page-2 .back {
	background: rgba(0, 0, 0, 0.25);
	color: #FFF;
}

body.disabled-onepage-scroll .onepage-wrapper  section {
	min-height: 100%;
	height: auto;
}

body.disabled-onepage-scroll .main section .page_container,body.disabled-onepage-scroll .main section.page3 .page_container
	{
	padding: 20px;
	margin-top: 150px;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}

body.disabled-onepage-scroll  section .page_container h1 {
	text-align: center;
	font-size: 50px;
}

body.disabled-onepage-scroll section .page_container h2,body.disabled-onepage-scroll section .page_container .credit,body.disabled-onepage-scroll section .page_container .btns
	{
	text-align: center;
	width: 100%;
}

body.disabled-onepage-scroll .main section.page1>img {
	position: absolute;
	width: 80%;
	margin-left: 10%;
}

body.disabled-onepage-scroll .main section>img {
	position: relative;
	max-width: 80%;
	bottom: 0;
}

body.disabled-onepage-scroll code {
	width: 95%;
	margin: 0 auto 25px;
	float: none;
	overflow: hidden;
}

body.disabled-onepage-scroll .main section.page3 .page_container {
	width: 90%;
	margin-left: auto;
	margin-right: auto;
	right: 0;
}

.footer {
	position: absolute;
	z-index: 10;
	margin-top: 28%;
}

.footer a {
	font-family: 微软雅黑;
	color: #4d4c4a;
}

.advance_content {
	font-family: 方正准圆;
	color: #4d4c4a;
	position: absolute;
	z-index: 100;
	text-align: left;
}

.advance_content h2 {
	font-size: 1.4em;
	font-family: 方正准圆;
}

.advance_content p {
	font-size: 1em;
	line-height: 24px;
	font-family: 微软雅黑;
}

/*-----------------------2015.4.9 moli 修改/login---------------------------*/

/*2015.4.9 moli  登录注册框展现方式*/
.loginShow{
    width:60%; 
    height:auto; 
    margin:0 auto;
    -webkit-animation:flipInX 1s .2s ease both;
    -moz-animation:flipInX 1s .2s ease both;}
    @-webkit-keyframes flipInX{
    0%{-webkit-transform:perspective(400px) rotateX(90deg);
    opacity:0}
    40%{-webkit-transform:perspective(400px) rotateX(-10deg)}
    70%{-webkit-transform:perspective(400px) rotateX(10deg)}
    100%{-webkit-transform:perspective(400px) rotateX(0deg);
    opacity:1}
    }
    @-moz-keyframes flipInX{
    0%{-moz-transform:perspective(400px) rotateX(90deg);
    opacity:0}
    40%{-moz-transform:perspective(400px) rotateX(-10deg)}
    70%{-moz-transform:perspective(400px) rotateX(10deg)}
    100%{-moz-transform:perspective(400px) rotateX(0deg);
    opacity:1}
}

.loginHide{
    width:60%; 
    height:auto; 
    margin:0 auto;
    -webkit-animation:flipOutX 1s .2s ease both;
    -moz-animation:flipOutX 1s .2s ease both;}
    @-webkit-keyframes flipOutX{
    0%{-webkit-transform:perspective(400px) rotateX(0deg);
    opacity:1}
    100%{-webkit-transform:perspective(400px) rotateX(90deg);
    opacity:0}
    }
    @-moz-keyframes flipOutX{
    0%{-moz-transform:perspective(400px) rotateX(0deg);
    opacity:1}
    100%{-moz-transform:perspective(400px) rotateX(90deg);
    opacity:0}
}
#window {
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	margin: auto;
	height: auto;
	max-height: 335px;
	width: 450px;
	color: #FFF;
}

#window .page {
	position: absolute;
	left: 0;
	right: 0;
	bottom: 0;
	overflow: hidden;
	-moz-transform-style: preserve-3d;
	-webkit-transform-style: preserve-3d;
	transform-style: preserve-3d;
	-moz-backface-visibility: hidden;
	-webkit-backface-visibility: hidden;
	backface-visibility: hidden;
	-moz-transform: translateZ(0);
	-ms-transform: translateZ(0);
	-webkit-transform: translateZ(0);
	transform: translateZ(0);
	-moz-border-radius: 6px;
	-webkit-border-radius: 6px;
	border-radius: 6px;
	padding: 60px;
}

#window .page-back {
	text-align: center;
	-moz-transform: rotateX(180deg);
	-ms-transform: rotateX(180deg);
	-webkit-transform: rotateX(180deg);
	transform: rotateX(180deg);
}

#window .page-back .page-content {
	opacity: 0;
}

#window .page-back .avatar {
	height: 150px;
	width: 150px;
	border: 5px solid #FFF;
	margin: 30px auto 40px auto;
	display: block;
	opacity: 0;
	-moz-transform: scale(0.1);
	-ms-transform: scale(0.1);
	-webkit-transform: scale(0.1);
	transform: scale(0.1);
	-moz-border-radius: 1000px;
	-webkit-border-radius: 1000px;
	border-radius: 1000px;
}

#window .page-back .welcome {
	font-size: 22px;
	margin-bottom: 40px;
}
/* #window .page-back .welcome, #window .page-back .perspective { */
/*   opacity: 0; */
/*   -moz-transform: translateY(-30px); */
/*   -ms-transform: translateY(-30px); */
/*   -webkit-transform: translateY(-30px); */
/*   transform: translateY(-30px); */
/* } */
#window .input-row {
	margin: 0 0 30px;
}

#window .input-row:last-of-type {
	margin-bottom: 0;
}

#window .perspective {
	-moz-perspective: 1000px;
	-webkit-perspective: 1000px;
	perspective: 1000px;
}

#window .label {
	font-family: sans-serif;
	text-transform: uppercase;
	font-size: 12px;
	margin: 0 0 10px 0;
	color: #FFF;
	display: block;
	cursor: pointer;
}

#window .input {
	padding: 0 15px;
	height: 40px;
	line-height: 40px;
	outline: none;
	border: 0;
	background: #FFF;
	display: block;
	width: 100%;
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
	border-radius: 3px;
	-moz-transition-duration: 0.2s;
	-o-transition-duration: 0.2s;
	-webkit-transition-duration: 0.2s;
	transition-duration: 0.2s;
}

#window .input:focus,#window .input.fyll-focus {
	-moz-box-shadow: 0 0 0 3px #d85c89;
	-webkit-box-shadow: 0 0 0 3px #d85c89;
	box-shadow: 0 0 0 3px #d85c89;
}

.browser-warning {
	background: rgba(0, 0, 0, 0.7);
	padding: 15px 0;
	color: #FFF;
	position: absolute;
	top: 50px;
	left: 0;
	right: 0;
	margin: auto;
	width: 530px;
	text-align: center;
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
	border-radius: 3px;
	-moz-transition-duration: 0.5s;
	-o-transition-duration: 0.5s;
	-webkit-transition-duration: 0.5s;
	transition-duration: 0.5s;
	-moz-transition-timing-function: cubic-bezier(0.015, 0.695, 0.34, 1.365);
	-o-transition-timing-function: cubic-bezier(0.015, 0.695, 0.34, 1.365);
	-webkit-transition-timing-function: cubic-bezier(0.015, 0.695, 0.34, 1.365);
	transition-timing-function: cubic-bezier(0.015, 0.695, 0.34, 1.365);
}

.browser-warning.hidden {
	opacity: 0;
	-moz-transform: scale(0.2);
	-ms-transform: scale(0.2);
	-webkit-transform: scale(0.2);
	transform: scale(0.2);
}

.fadeIn {
	-webkit-animation: 1s fadeIn cubic-bezier(0.015, 0.695, 0.34, 1.365)
		backwards;
	-moz-animation: 1s fadeIn cubic-bezier(0.015, 0.695, 0.34, 1.365)
		backwards;
	animation: 1s fadeIn cubic-bezier(0.015, 0.695, 0.34, 1.365) backwards;
	-webkit-animation-delay: 1.5s;
	-moz-animation-delay: 1.5s;
	animation-delay: 1.5s;
}

/*-------------------------advance&idea------------------------*/
.onepage-wrapper {
	display: block;
	position: static;
	padding: 0;
	width: 100%;
	height: 100%;
}

.onepage-wrapper {
	width: 100%;
	height: 100%;
	display: block;
	position: relative;
	padding: 0;
	-webkit-transform-style: preserve-3d;
}

.onepage-wrapper .section {
	width: 100%;
	height: 100%;
}

.onepage-pagination {
	position: fixed;
	right: 10px;
	top: 50%;
	z-index: 5;
	list-style: none;
	margin: 0;
	padding: 0;
}

.onepage-pagination li {
	padding: 0;
	text-align: center;
}

.onepage-pagination li a {
	padding: 10px;
	width: 4px;
	height: 4px;
	display: block;
}

.onepage-pagination li a:before {
	content: '';
	position: absolute;
	width: 4px;
	height: 4px;
	background: rgba(0, 0, 0, 0.85);
	border-radius: 10px;
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
}

.onepage-pagination li a.active:before {
	width: 10px;
	height: 10px;
	background: none;
	border: 1px solid black;
	margin-top: -4px;
	left: 8px;
}

.disabled-onepage-scroll,.disabled-onepage-scroll .wrapper {
	overflow: auto;
}

.disabled-onepage-scroll .onepage-wrapper .section {
	position: relative !important;
	top: auto !important;
	left: auto !important;
}

.disabled-onepage-scroll .onepage-wrapper {
	-webkit-transform: none !important;
	-moz-transform: none !important;
	transform: none !important;
	-ms-transform: none !important;
	min-height: 100%;
}

.disabled-onepage-scroll .onepage-pagination {
	display: none;
}

body.disabled-onepage-scroll,.disabled-onepage-scroll .onepage-wrapper {
	position: inherit;
}

/*--------------------Black 2015.4.1 /loginPage.html-------------------*/
.loginpage-contentbox {
	width: 1280px;
	margin: 0 auto;
	height: auto;
	position: relative;
}

.login_header {
	width: 60%;
	/* 	margin:50px auto; */
	margin: 20px auto;
}

.login_header img {
	width: 341px;
}

.login_content {
	width: 100%;
	overflow-x: hidden;
}

.loginpage_login {
	width: 300px;
	float: right;
	margin: 50px 100px;
	border: 1px solid #d2d2d2;
	border-radius: 5px;
	background-repeat: no-repeat;
	background-position: 20px 10px;
	overflow:auto;
}

.login_tab li {
	float: left;
	font-family: microsoft YaHei;
	padding: 10px 59px;
	cursor: pointer;
}

.login_tab li.on {
	background-color: #18d7ce;
	color: #fff;
}

#login_username,#login_userpwd,#regist_username,#regist_userpwd,#regist_check_userpwd,.regist_checknum
	{
	width: 250px;
	height: 25px;
	border-radius: 5px;
	border: 1px solid #d2d2d2;
	padding: 5px;
	margin: 10px 0 10px 20px;
}

#login_username:focus,
#login_userpwd:focus{
	border:1px solid #18d7ce;
	-webkit-box-shadow:0 0 3px #18d7ce;
	-moz-box-shadow:0 0 3px #18d7ce;
	box-shadow:0 0 3px #18d7ce;
}

.regist_checknum {
	width: 80px;
	margin: 10px 0px 5px 20px;
}

#login_remaccount {
	margin: 20px 10px 5px 20px;
}

.login_panel form,.regist_panel form {
	/* 	margin-top: 65px; */
	margin-top: 75px;
}

.login_rememberme {
	font-family: microsoft YaHei;
	font-size: 14px;
}

.login_forgetpwd {
	float: right;
	margin: 18px 18px 5px;
	color: #18d7ce;
}

#login_login,#regist_regist {
	width: 87%;
	height: 40px;
	border-radius: 5px;
	border: 1px solid #18d7ce;
	background-color: #18d7ce;
	color: #fff;
	font-family: microsoft YaHei;
	cursor: pointer;
}

#login_login {
	position: relative;
	left: 7.5%;
}

#regist_regist {
	margin: 5% 8%;
}

.checknum img {
	position: relative;
	top: 12px;
	width: 93px;
	height: 35px;
}

.checknum a {
	color: #18d7ce;
	font-family: microsoft YaHei;
	font-size: 14px;
}

.loginpage_side {
	float: left;
	width: 32.5%;
	display: none;
}

.loginpage_footer {
	width: 100%;
	font-family: microsoft YaHei;
	font-size: 14px;
	color: #7b7873;
}

.loginpage_footer p {
	margin: 20px 0 20px 39%;
}

.regist_panel {
	display: none;
}

/*--------------------Black 2015.4.15-------------------*/
#lp_verifycode_error,#lp_surepassword_error,#lp_registpwd_error,#lp_account_error,#lp_password_error,#lp_username_error,#lp_registcode_error
	{
	width: 400px;
	height: 30px;
	margin-left: 73px;
	position: absolute;
	text-align: left;
	display: none;
}

#lp_password_error,#lp_username_error{
	margin-left:26px;
	margin-top:-10px;
}

#verifycode_errormsg,#surepassword_errormsg,#registpwd_errormsg,#account_errormsg,#password_errormsg,#username_errormsg,#registycode_errormsg
	{
	font-size: 13px;
	color: #18d7ce;
}
#account_errormsg,#username_error{
	top:77px !important;
}
#registycode_errormsg{
	left:20px !important;
	margin-top:30px;
}

.index_checkNum {
	color: rgb(153, 153, 153);
	width: 150px !important;
	position: relative;
	left: -15.5%;
}

/*-------------------Black 2015.4.17-------------------*/
h3.current-title {
	font-size: 22px;
	font-weight: normal;
	margin-left: 100px;
	font-family: 黑体;
	color: #434343;
	margin-top: 50px;
}
/*-------------------Black 2015.4.19-------------------*/
.teachers_footers {
	margin: 60% auto 0;
	width:1280px;
}

.teachers_footers div{
	float:left;
	margin:0 0 200px 200px;
	text-align:center;
}

.teachers_footers img{
	margin-bottom:50px;
	opacity:0;
	-webkit-transform:translate3d(0,20px,0);
	-moz-transform:translate3d(0,20px,0);
	-ms-transform:translate3d(0,20px,0);
	-o-transform:translate3d(0,20px,0);
	transform:translate3d(0,20px,0);
}

.slideUp{
	-webkit-animation:1s ease 0.2s normal both 1 running slideUp;
	animation:1s ease 0.2s normal both 1 running slideUp;
}

@-webkit-keyframes slideUp{
	0%{
		opacity:0;
		-webkit-transform:translate3d(0,20px,0);
	}
	
	100%{
		opacity:1;
		-webkit-transform:translate3d(0,0,0);
	}
}

@keyframes slideUp{
	0%{
		opacity:0;
		transform:translate3d(0,20px,0);
	}
	
	100%{
		opacity:1;
		transform:translate3d(0,0,0);
	}
}

.teachers_footers p{
	margin-top:5px;
}
/*------------------userLoginSuccess----------------*/
.userLoginSuccess {
	cursor: pointer;
	white-space: nowrap;
	text-overflow: ellipsis;
	overflow: hidden;
	display: block;
	width: 91px;
}

.userLogined {
	float: right;
	color:#18d7ce !important;
}
/*------------------Black 2015.4.27----------------*/
.index_teachers_info {
	font-size: 14px;
	font-family: 微软雅黑;
	color: #ffffff;
	width: 225px;
	float: right;
	margin-top: -100px;
	margin-right: -20px;
}

.index_teachers_info span.hobbies {
	display: block;
	word-wrap: break-word;
	width: 273px;
	margin-left: 17px;
}

/*-------------------------上课流程图片大小---------------------*/
#current_img {
	width: 100%;
	margin-top: 3px;
	height:700px;
}

#current_img>img {
	width: 100%;
}

#stepLight{
	float:right;
	margin-top:50px;
}
#processTop{
	float:left;
	margin-top:100px;
	margin-left:-100px;
/* 	display:none; */
	opacity:0;
}
#processTop-p-first,
#idea-p-first{
	font-size:80px;
	color:#18d7ce;
	font-weight:bolder;
}
#processTop-p-second{
	font-size:48px;
}

#processTop-p-third{
	font-size:30px;
}

/*-------------------------首頁視屏播放---------------------*/
#videoPlayer1,#videoPlayer2,#videoPlayer3,#example_video_1,#example_video_2,#example_video_3{
	display: none;
	position:relative;
}

#videoPlayer1,#videoPlayer2,#videoPlayer3{
	width: 50%; 
	margin: 8% auto; 
	position: relative;
}

.videoMask{
	width:100%;
	height:95%;
	position: absolute;
	z-index:1;
	cursor:pointer;
}

embed {
	position: fixed;
	margin: 10% 28%;
}
/*-------------------------testCorrect.html----------------------------*/
#testCorrect {
	width: 100%;
	height: auto;
	min-height: 600px;
	font-family: 微软雅黑;
	color: #434343;
	font-size: 17px;
	line-height: 25px;
}

.topics {
	width: 60%;
	margin: 0 auto 50px;
	padding-top: 20px;
}

.topic {
	padding: 20px 0 30px;
	word-spacing: 2px;
	width: 100%;
}

.topic label {
	width: 100%;
	margin-left: 25px;
	margin-top: 15px;
	display: table;
}

.topic .wrong {
	color: #18d7ce;
}

.topic .correct {
	color: #097c25;
}

.topic label img,.topic ul li img {
	margin-left: 15px;
}

.topic img.vedio,.topic img.record {
	margin: 20px 25px;
	cursor: pointer;
}

.topic label span,.topic label div {
	float: left;
}

.topic label span {
	width: 25px;
}

.topic label div {
	width: 90%;
}

.title {
	margin-left: 10px;
}

.title i {
	font-style: normal;
	color: #18d7ce;
}

.topic p {
	float: left;
}

.spoken ul {
	margin-left: 45px;
}

.article {
	margin: 0 0 20px 20px;
	height: auto;
}

.article p {
	clear: both;
}

.imageQuestions {
	float: left;
	width: 100px !important;
}

.imageQuestions .define {
	position: relative;
	top: 10px;
	left: 30px;
}

.pl_left_noSaying {
	clear: both;
	display: none;
	margin: 0 auto;
	padding: 190px 0;
	text-align: center;
	width: 100%;
}
.pl_left_noSaying img {
	margin-bottom: 20px;
}
.pl_left_noSaying p {
	margin-bottom: 5px;
}

/*----------无错题--------------*/
#noWrongQuestion{
	width:100%;
	text-align:center;
	margin-top:150px;
}
#noWrongQuestion span{
	font-family: Stencil Std;
    font-size: 18px;
    margin-left: 50px;
    position: relative;
    top: -93px;
}
/*-------------反馈弹层增加-------------*/
.loading-mask {
	position: fixed;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	z-index: 1000;
	background-color: rgba(0, 0, 0, .8);
	display: none;
}

#thankstip {
	width: 400px;
	height: 200px;
	background-color: #fff;
	margin: 15% auto;
	box-shadow: 0 0 5px #fff;
	-webkit-box-shadow: 0 0 5px #fff;
	-moz-box-shadow: 0 0 5px #fff;
	-ms-box-shadow: 0 0 5px #fff;
	-o-box-shadow: 0 0 5px #fff;
	display: none;
	border-radius: 5px;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	-ms-border-radius: 5px;
	-o-border-radius: 5px;
}


.thankstip span,#thankstip span {
	font-family: 微软雅黑;
	padding-left: 60px;
	display: block;
	line-height: 35px;
}

#yourappraise,#studentappraise {
	resize: none;
	height: 100px;
	width: 80%;
	padding: 10px;
	color: #7b7873;
	font-size: 13px;
	margin-left: 9%;
	font-family: 微软雅黑;
	border: 1px solid #d2d2d2;
	border-radius: 5px;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	-ms-border-radius: 5px;
	-o-border-radius: 5px;
	word-wrap: break-word;
}

#submitappraise,#student_submitappraise {
	width: 30%;
	height: 40px;
	background-color: #18d7ce;
	border-radius: 5px;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	-ms-border-radius: 5px;
	-o-border-radius: 5px;
	border: 1px solid #18d7ce;
	color: #fff;
	font-family: 微软雅黑;
	margin-top: 30px;
	margin-left: 35%;
	cursor: pointer;
}

#close-back {
	margin-top: 15px;
	margin-left: 35%;
	width: 120px;
	height: 30px;
	background-color: #18d7ce;
	border-radius: 5px;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	-ms-border-radius: 5px;
	-o-border-radius: 5px;
	border: 1px solid #18d7ce;
	color: #fff;
	font-family: 微软雅黑;
	cursor: pointer;
}

.closeIt-back {
	margin-top: 40px !important;
	position: relative;
	right: 35%;
	font-size: 14px;
	height: 30px !important;
}

.thankstip>img,#thankstip>img {
	margin: 15px 0 20px 16px;
}

#thankstip p {
	font-family: Microsoft YaHei;
	padding: 0px 30px;
	font-size: 15px;
	height:55px;
}

.appraisestar,.systemappraise {
	width: 40%;
	height: 400px;
	min-width: 600px;
	background-color: #fff;
	margin: 10% auto;
	box-shadow: 0 0 5px #fff;
	min-height: 350px;
}

.appraisestar h3,.systemappraise h3 {
	padding-top: 30px;
	padding-left: 45%;
}

.appraisecontent {
	height: 50%;
	width: 95%;
	margin: 20px auto;
	border-top: 1px dotted #d2d2d2;
	font-size: 14px;
	font-family: 微软雅黑;
}

.appraisecontent p {
	margin: 20px 0 20px 65px;
}

.closeFeedBack {
	float: right;
	cursor: pointer;
}

.closeFeedBack {
	float: right;
	cursor: pointer;
}

/*反馈字数限制*/
.defaultNum {
	margin-top: -10px;
	padding-right: 20px;
	position: relative;
	right: 40px;
	text-align: right;
	top: 12px;
}
/*--------------------freetalk------------------------*/
/*热门话题-start*/
.uploadListww{
	margin-top:-23px;
}

#as{
	top:-24px;
}
.myNewtopic {
	height: 171px !important;
}

.myNewtopic textarea {
	margin-top: 10px;
}

#takePartIn {
	margin-bottom: 10px;
	border: 1px solid #d2d2d2;
	background-color: #fff;
	overflow: auto;
}

#takePartIn p {
	padding: 12px;
	font-size: 18px;
	border-bottom: 1px solid #d2d2d2;
}

#takePartIn .topicUser {
	float: left;
	margin: 10px 0 10px 17px;
	cursor:pointer;
}

#takePartIn .topicUser img {
	width: 55px;
	height: 55px;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
}

.topicUserName {
	border: 0 none !important;
	color: #18d7ce;
	font-size: 13px !important;
	font-weight: bold;
	padding: 5px 0 !important;
	text-align: center;
	text-overflow: ellipsis;
	overflow: hidden;
	white-space: nowrap;
	width: 60px;
}
#forum-mynewarticle{
	border:1px solid #d2d2d2;
	color:#7b7873;
	padding:8px;
}
#forum-mynewarticle:focus {
	border: 1px solid #18d7ce;
	box-shadow: 0 0 3px #18d7ce;
	color:#000;
}
.face{
	cursor: pointer;
	position: absolute;
	margin-top: 12px;
	cursor: pointer;
	left: 0;
}

.face img{
	float: left;
	margin-top: 0 !important;
}

/*热门话题-end*/
/* emotions */
#emotions {
	left: 0;
	width: 395px;
	font-size: 12px;
	background: #fff;
	position: absolute;
	border: 1px solid #E8E8E8;
	z-index: 100;
}

#emotions a {
	color: #9ABBC8;
	padding: 2px 7px;
	text-decoration: none;
}

#emotions img {
	border: 0;
}

#emotions div {
	margin: 5px 10px;
	padding: 1px;
	overflow: hidden;
}

#emotions #prev,#emotions #next {
	margin-left: 3px;
	background: #eee;
}

#emotions .categorys {
	color: #ccc;
	height: 23px;
	color: #9ABBC8;
	overflow: hidden;
}

#emotions .categorys a {
	display: inline-block;
}

#emotions .categorys a:hover {
	text-decoration: underline;
}

#emotions .categorys a.current {
	cursor: default;
	background: #F0F0F0;
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
}

#emotions .container {
	padding: 1px;
	overflow: hidden;
}

#emotions .container a {
	float: left;
	width: 26px;
	height: 22px;
	text-align: center;
	padding: 4px 2px;
	margin: -1px 0 0 -1px;
	border: 1px solid #e8e8e8;
}

#emotions .container a:hover {
	z-index: 2;
	position: relative;
	border: 1px solid #0095cd;
}

#emotions .page {
	text-align: right;
}

#emotions .page a.current {
	color: #666;
	background-color: #fff;
}

#emotions .page a {
	margin-left: 3px;
	color: #0078B6;
	background-color: #f3f3f3;
}

#emotions .page a:hover {
	background-color: #e7e7e7;
}

.freetalkContent {
	width: 960px;
	margin: 0 auto;
	position: relative;
	min-height: 600px;
	font-family: Microsoft YaHei;
	font-size: 14px;
}

#blogNotice {
	background-color: #fff;
	background-position: 10px center;
	background-repeat: no-repeat;
	border: 1px solid #dedede;
	height: 50px;
	margin-bottom: 10px;
	margin-top: 10px;
}

#blogNotice>marquee {
	height: 50px;
	margin-left: 120px;
}

#blogNotice>marquee>p {
	color: #7b7873;
	font-size: 15px;
	/* 	margin-left:130px;  */
	padding-top: 15px;
}

.blog-kind {
	background-color: #fff;
	border: 1px solid #dedede;
	height: 50px;
	margin-bottom: 10px;
	/*     margin-top: 10px; */
	color: #7b7873;
	clear: both;
}

.blog-kind ul>li {
	float: left;
	display: block;
	height: 20px;
	margin-top: 15px;
	text-align: center;
	width: 100px;
	border-right: 1px solid #d2d2d2;
	cursor: pointer;
}

.blog-kind a {
	color: #7b7873;
}

.blog-kind ul>li:first-child {
	/* 	color:#18d7ce; */
	color: #18d7ce;
}

.blog-kind ul {
	margin-left: 10px;
}

.articleBox {
	border: 1px solid #d2d2d2;
	padding: 20px;
	margin-bottom: 10px;
	overflow: auto;
	background-color: #fff;
}

.article_left {
	float: left;
}

.article_left a>img {
	width: 56px;
	height: 56px;
	border-radius: 3px;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
}

.article_right {
	margin-left: 75px;
}

.ft_op_left li,.ft_op_right li {
	display: block;
	float: left;
	padding: 4px 0px;
	font-size: 14px;
	color: #7b7873;
	cursor: pointer;
}

.ft_op_right li {
	padding: 4px 10px;
}
.ft_op_left li{
	margin-right:10px;
}
.ft_op_right li>a {
	color: #7b7873 !important;
}

.ft_op_left {
	margin-top: 10px;
}

.ft_op_right {
	float: right;
}

.commentDeleteTip{
	background-color: #fff;
    border: 1px solid #d2d2d2;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    -ms-border-radius: 3px;
    -o-border-radius: 3px;
    border-radius: 3px;
    -webkit-box-shadow: 0 4px 20px 1px #d2d2d2;
    -moz-box-shadow: 0 4px 20px 1px #d2d2d2;
    -ms-box-shadow: 0 4px 20px 1px #d2d2d2;
    -o-box-shadow: 0 4px 20px 1px #d2d2d2;
    box-shadow: 0 4px 20px 1px #d2d2d2;
    padding: 10px 20px;
    position: absolute;
    right: -8px;
    text-align: center;
    top: -15px;
	display:none;
}
.commentDeleteTip > p{
	 font-size: 14px;
     margin-bottom: 15px;
     color:#7b7873;
}

.commentDeleteTip button{
	background-color: #18d7ce;
    border: 0 solid;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    -ms-border-radius: 5px;
    -o-border-radius: 5px;
    border-radius: 5px;
    color: #fff;
    font-size: 13px;
    padding: 2px 12px;
}

.commentDeleteTip button.delYes{
	margin-right:4px;
}

.commentDeleteTip button.delNo{
	background-color:#7b7873 !important;
}

.commentDeleteTip div{
	border-color: #fff transparent transparent;
    border-style: solid dashed dashed;
    border-width: 7px;
    bottom: -12px;
    display: inline;
    height: 0;
    overflow: hidden;
    position: absolute;
    right: 44.5%;
    width: 0;
}

.ft_op_right li>span {
	padding-left: 5px;
}

.ft_content{
	margin-top:10px;
}

.ft_content>p {
	color: #7b7873;
	font-size: 14px;
	margin: 7px 0;
}

.ft_content a {
	color: #18d7ce;
}

.ft_content div {
	word-wrap: break-word;
	width:98%;
}

.ft_great>span {
	padding-left: 5px;
}

#pl_right {
	width: 250px;
	float: right;
	margin-bottom: 10px;
}

#pl_left {
	float: left;
	width: 700px;
	margin-bottom: 20px;
	position: relative;
}

.loginStatue img {
	width: 100%;
}

.loginStatue {
	padding: 0;
	margin-bottom: 10px;
	border: 1px solid #d2d2d2;
	position: relative;
	background-color: #fff;
	overflow: auto;
}

.ft_userImg {
	cursor: pointer;
	margin-top: -40px;
}

.ft_userImg img {
	margin-left: 35%;
	width: 83px;
	height: 83px;
	border-radius: 41.5px;
	-webkit-border-radius: 41.5px;
	-moz-border-radius: 41.5px;
}

.ft_username {
	text-align: center;
	font-size: 22px;
	color:#333333;
}

.ft_userName span:first-child {
    color: #333333;
    font-weight: bold;
}

.ft_userStatue div {
	border-right: 1px solid #d2d2d2;
	float: left;
	font-size: 15px;
	margin: 14px 0 10px;
	text-align: center;
	width: 80px;
}

.ft_userStatue div:last-child {
	border: 0;
}

.ft_userStatue a>p {
	color: #7b7873 !important;
}

.ft_collect:hover a>p,.ft_great:hover a>p,.ft_my:hover a>p {
	color: #18d7ce !important;
}

div>.list-group-item a {
	color: #7b7873 !important;
}

div>.list-group-item a:hover {
	color: #18d7ce !important;
}

.list-group {
	border: 1px solid #d2d2d2;
	height:200px;
}

.list-group>.list-group-item {
	border: 0;
}

.myFans-hot li:first-child {
	overflow: auto;
}

.myFans-hot {
	background-color: #fff;
}

.hotTopicContent {
	margin: 10px 0 10px 15px;
}

.hotTopicContent li {
	margin-top: 10px;
}

.focus-title {
	display: block;
	float: left;
	font-size: 18px;
	font-weight: bloder;
	margin: 13px 13px 0;
}

.refresh {
	display: block;
	float: right;
	color: #7b7873;
	margin: 15px 15px 0;
	-webkit-transition:transform .2s;
	transition:transform .2s;
}
.refresh:hover{
	color:#18d7ce;
}
.refresh:hover span{
	background-position:-130px 0 !important;
	-webkit-transform:rotate3d(0,0,1,180deg);
	transform:rotate3d(0,0,1,180deg);
}
.refresh span,.ft_op_left li>span{
	 width:18px;
	 height: 18px; 
	 display: block; 
	 float: left;
	 margin: 2px 5px 0 0;
}
.refresh span{
	-webkit-transform: rotate3d(0, 0, 0, 0);
	transform: rotate3d(0, 0, 0, 0);
	-webkit-transition: transform .2s;
	transition: transform .2s;
}
.ft_op_left li>span{
	margin-top:0px;
}
.blogTime {
	font-weight: normal;
	font-size: 12px;
	float: right;
	margin-right: 10px;
	color: #7b7873;
}

.ft_operation {
	overflow: auto;
	clear: both;
}

.commentsContent {
	width: 520px;
	resize: none;
	border: 1px solid #d2d2d2;
	border-radius: 5px;
	padding: 5px 10px;
	margin-top: 9px;
	float: right;
	height: 20px;
	overflow: hidden;
	font-size: 13px;
	line-height: 20px;
	font-family:microsoft yahei;
}

button.comment {
	float: right;
	margin: 10px 0;
}

.ft_btn {
	background-color: #18d7ce;
	border: 1px solid #18d7ce;
	color: #fff;
	font-size: 14px;
	padding: 7px;
	width: 70px;
}

.repeatList {
	display: none;
	margin-left:40px;
}

.repeatImg {
	float: left;
}

.repeatImg>img {
	width: 40px !important;
	height: 40px !important;
	border-radius: 5px;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	margin-top: 5px;
	border:1px solid #d2d2d2;
}

.repeatList {
	clear: both;
}

.repeatStatus {
	float: right;
	width: 70%;
	margin: 10px 0;
}

.repeatUser {
	float: left;
	margin-left: 10px;
	width: 89%;
	border-top: 1px solid #d2d2d2;
}

.repeatUser div:first-child div a{color:#18d7ce !important;}

.repeatUser div:first-child span {
	font-weight: bold;
}

.repeatUser div:first-child {
	word-wrap: break-word;
}

.repeatList dl:first-child .repeatUser {
	border: none;
}

.light:hover,.delete:hover {
	cursor: pointer;
}

.light>span {
	float: right;
	margin-top: -3px;
	margin-left: 3px;
	color: #7b7873;
}

.delete,.light,span.commentRepeat {
	margin-right: 10px;
	float: right;
}

span.commentRepeat:hover{
	color:#18d7ce;
}

span.commentRepeat{
	font-size:14px;
	color:#7b7873;
	padding-right:8px;
	margin-top:-2px;
	border-right:1px solid #d2d2d2;
	cursor:pointer;
}

.commentRepeatBox{
	display:none;
	position:relative;
	clear:both;
}

.commentRepeatBox .myCommentTip{
	top:50px;
	left:41px;
}

.blog_imgBox {
	text-align: center;
	float: left;
/* 	margin: 3px; */
}

.blog_imgBox img {
	margin: 0;
}

.active {
	color: #18d7ce !important;
}

.comments {
	display: none;
	position: relative;
	overflow:auto;
	clear:both;
}

.comments img.commentUser{
	width: 30px; 
	height: 30px;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
	margin-top: 9px;  
	border:1px solid #d2d2d2;
}

#ft_pl_right {
	width: 250px;
	/* 	border:1px solid #d2d2d2; */
	float: right;
	margin: 20px 0 0 10px;
}
.fixednavRight{
	position:fixed;
	top:0px; 
	margin-left:710px !important;
	width:100%; 
	z-index: 1;
}
#ft_pl_left {
	float: left;
	width: 700px;
	margin: 20px 0;
	position: relative;
}

.pagination {
	display: inline-block;
	margin: 20px 0;
}

.pagination>li {
	background-color:#fff;
	cursor: pointer;
	padding: 0;
	float: left;
}

.page-navi {
	text-align: center;
	position: relative;
	z-index: 2;
}

.pagination>li a {
	color: #7b7873 !important;
}

.pagination>li:hover a {
	color: #18d7ce;
}

.page-navi .pagination>li>a,.page-navi .pagination>li>span {
	clear: both !important;
	background: none !important;
}

.pagination>li.liHover a:hover {
	color: #7b7873 !important;
}

.pagination>li>a,.pagination>li>span {
	background-color: #fff;
	border: 1px solid #ddd;
	color: #337ab7;
	float: left;
	line-height: 1.42857;
	margin-left: -1px;
	padding: 6px 12px;
	position: relative;
	text-decoration: none;
}

.no-blogs,
.no-article {
	text-align: center;
	padding: 35% 0;
	background-color: #fff;
	border: 1px solid #d2d2d2;
	display: none;
}
.no-article{
	display: block;
	border: 0;
}
.no-blogs>p,
.no-article > p
 {
	font-size: 16px;
	margin-top: 10px;
	color: #7d7d7d;
}

#myuNewSaying {
	background-color: #fff;
	margin-bottom: 10px;
	height: 200px;
	border: 1px solid #d2d2d2;
}

#myuNewSaying img:first-child {
	margin: 10px;
}

#myuNewSaying textarea {
	width: 94%;
	height:100px;
	resize: none;
	margin-left: 1.5%;
	border:1px solid #d2d2d2;
}

.btn-forum-confirm {
	background-color: #18d7ce;
	border: 1px solid #18d7ce;
	border-radius: 3px;
	color: #fff;
	float: right;
	height: 30px;
	margin-right: 1.5%;
	padding: 5px 15px;
	margin: 10px 14px 0 0;
	width:auto !important;
}

#sayingCharNum {
	float: left;
	margin-left: 77.5%;
	margin-top: 15px;
}

.uploadList {
	min-height: 200px;
	width: 100%;
	border: 1px solid #d2d2d2;
	overflow: auto;
	overflow-y: hidden;
	display: none;
}

.uploadImgIcon {
	border: medium none;
	padding-left: 10px;
	position: relative;
	top: 22px;
	width: 33px;
	margin-top: -10px;
	border: 0 !important;
}

.uploadImgIcon object {
	position: absolute;
	left: 83px;
}

.ft_delTip {
	width: 320px;
	height: 150px;
	background-color: #fff;
	border-radius: 5px;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	display: none;
	margin: 20% auto;
}

.ft_delTip p {
	font-size: 16px;
}

.ft_delTip img {
	margin: 20px 20px -30px;
}

.chooseTimefailed p,.freetalkTips p,.ft_delTip p {
	font-size: 18px;
	padding: 50px 0 12px;
	text-align: center;
}

#ft_delTip_btn {
	width: 62%;
	margin: 8px auto;
}

#ft_delTip_btn>button:last-child {
	float: right;
}

#ft_delTip_btn>button {
	background-color: #18d7ce;
	border: 1px solid #18d7ce;
	color: #fff;
	font-size: 14px;
	padding: 7px;
	width: 43%;
	border-radius: 3px;
	-webkit-border-radius: 3px;
	moz-border-radius: 3px;
	cursor: pointer;
}

.noClass {
	margin: 45px 35% !important;
	background-color: #18d7ce;
	border: 1px solid #18d7ce;
	color: #fff;
	font-size: 14px;
	padding: 7px;
	width: 30%;
	border-radius: 5px;
	-webkit-border-radius: 5px;
	moz-border-radius: 5px;
	cursor: pointer;
}

#noClass {
	width: 400px;
	height: 200px;
	background-color: #fff;
	margin: 15% auto;
	box-shadow: 0 0 5px #fff;
	-webkit-box-shadow: 0 0 5px #fff;
	-moz-box-shadow: 0 0 5px #fff;
	-ms-box-shadow: 0 0 5px #fff;
	-o-box-shadow: 0 0 5px #fff;
	display: none;
	min-height: 200px;
	border-radius:5px;
}

#noClass span {
	font-family: 微软雅黑;
	padding-left: 60px;
	display: block;
	line-height: 35px;
}

#noClass>img {
	margin: 22px 0 30px 4%;
}

#noClass p {
	font-family: Microsoft YaHei;
	padding: 0px 30px;
	font-size: 15px;
	text-align: center;
}

.otherComments {
	width: 100%;
	margin-left: -20px;
	width: 648px;
	text-align: center;
	border-top: 1px solid #d2d2d2;
	margin-bottom: -20px;
	margin-top: 20px;
	padding: 10px 0;
	cursor: pointer;
	display: none;
}

.otherComments:hover {
	color: #18d7ce;
}

.deleteConfirm,.myCommentDel {
	width: 99.5%;
	height: 30px;
	border: 1px solid #18d7ce;
	display: none;
	padding-top: 6px;
	margin-top:5px;
}

.deleteConfirm p,.myCommentDel p {
	float: left;
	margin-left: 20px;
	line-height: 24px;
	color: #18d7ce;
}

.deleteConfirm ul,.myCommentDel ul {
	float: right;
}

.deleteConfirm li,.myCommentDel li {
	float: left;
	margin-right: 10px;
	display: block;
	line-height: 30px;
	margin-top: -3px;
	padding: 0 30px;
	background-color: #d2d2d2;
	color: #fff;
	cursor: pointer;
}

.deleteConfirm li.selected,.myCommentDel li.selected {
	background-color: #18d7ce;
}

#sayingComments,#sayingRepeatList {
	display: block !important;
}

#loadMore {
	width: 100%;
	padding: 10px 0;
	text-align: center;
	margin: 10px 0;
	border: 1px solid #d2d2d2;
	background-color: #fff;
	font-size: 14px;
	color: #7b7873;
	cursor: pointer;
}

#loadMore #moreLoading{
	display:none; 
	width:15%;
	margin:0 auto;
}

#loadMore #moreLoading > div{
	height:5px;
	width:5px;
	margin:8px 2px 0 0;
	background-color:#7b7873;
	float:left;
}

#loadMore #moreLoading span{
	margin-left:10px;
}

#loadMore #moreLoading > div#div1{
	-webkit-animation:loading 1.2s .1s infinite;
	-moz-animation:loading 1.2s .1s infinite;
	animation:loading 1.2s .1s infinite;
}
#loadMore #moreLoading > div#div2{
	-webkit-animation:loading 1.2s .3s infinite;
	-moz-animation:loading 1.2s .3s infinite;
	animation:loading 1.2s .3s infinite;
}
#loadMore #moreLoading > div#div3{
	-webkit-animation:loading 1.2s .5s infinite;
	-moz-animation:loading 1.2s .5s infinite;
	animation:loading 1.2s .5s infinite;
}
#loadMore #moreLoading > div#div4{
	-webkit-animation:loading 1.2s .7s infinite;
	-moz-animation:loading 1.2s .7s infinite;
	animation:loading 1.2s .7s infinite;
}
#loadMore #moreLoading > div#div5{
	-webkit-animation:loading 1.2s .9s infinite;
	-moz-animation:loading 1.2s .9s infinite;
	animation:loading 1.2s .9s infinite;
}
@-webkit-keyframes loading{
	0%{-webkit-transform:scale(1,1);}
	
	50%{-webkit-transform:scale(1,4);}
	
	100%{-webkit-transform:scale(1,1);}
}
@-moz-keyframes loading{
	0%{-moz-transform:scale(1,1);}
	
	50%{-moz-transform:scale(1,4);}
	
	100%{-moz-transform:scale(1,1);}
}
@keyframes loading{
	0%{transform:scale(1,1);}
	
	50%{transform:scale(1,4);}
	
	100%{transform:scale(1,1);}
}

.myCommentTip span {
	width:16px;
	height:16px;
	position:absolute;
	top:6px;
	left:5px;
}

.myCommentTip p {
	margin-left: 10px;
}

.myCommentTip{
	padding: 5px 15px;
	background:#fff;
	border:1px solid #d2d2d2; 
	font-size:13px; 
	position: absolute; 
	top: 50px; 
	left: 40px;
	-webkit-box-shadow: 0 -4px 20px 1px #d2d2d2;
	-moz-box-shadow: 0 -4px 20px 1px #d2d2d2;
	box-shadow: 0 -4px 20px 1px #d2d2d2;
	display:none;
}
.myCommentTip div{
	width: 0;
	height: 0; 
	border-width: 7px; 
	border-style: solid dashed;  
	border-color: transparent transparent #fff transparent; 
	overflow:hidden;
	position:absolute;
	top:-14px;
}

.delTips {
	margin-left: 10px;
	width: 106px;
	display: none;
	padding-top: 5px;
}

.delTips img {
	float: left;
}

.delTips p {
	margin: -4px 0 0 4px;
}

/*-------------------Black 2015.7.14 noHot-------------------*/
.noHot {
	text-align: center;
	margin: 60px 0;
	display: none;
}

.noHot img {
	width: 40%;
}

.noHot p {
	margin-top: 10px;
}

/*首页幻灯*/
.hd{ position:absolute; left:-9999px; top:-9999px;}
.clear_fixed{zoom:1;}
.clear_fixed:after{ content:""; display:block; clear:both; font-size:0; line-height:0; visibility:hidden;}
.s_left, .s_right, .switch_list span{ background: url(img/sp_png24.png) no-repeat;}
.wp{ width:1100px; margin:0 auto; position:relative;}
.content{ position:relative;zoom:1; height:700px;}
.content .main{ width:100%; margin:0 auto; position:absolute; top:18.5%;}
.bg_colors{ position:absolute; left:0; top:0; width:100%; height:100%;}
.bgs_box{ position:absolute; left:0; top:0; width:100%; height:100%;opacity:0;filter:alpha(opacity=0);}
.bg_colors .on{opacity:1;filter:alpha(opacity=100)}
.bg_colors .wp{ height:830px;}
.img_area{ position:absolute; top:0; left:65px; width:693px; height:424px; display:none;}
.img_area .first-p,
.img_area .second-p{
	font-size:80px;
	font-weight:bolder;
}
.img_area .third-p{
	font-size:32px;
}
.img_area .fourth-p,
.img_area .fifth-p{
	font-size:20px;
}
.item_txt_box{ width:57%; height:700px; position:absolute; top:0; left:43%;}
.item_txt{height:700px;overflow:hidden; position:absolute; top:0; left:-9999px; width:100%;}
.item_txt_box .on{ left:0px;}
.bgs_box .wp{ position:absolute; left:50%; margin-left:-550px; top:50%; margin-top:-260px; height:auto!important; z-index:99 !important; }
.item_txt_1{top:-128px !important;}
.s_left, .s_right{width:60px; height:60px; position:absolute; top:50%; margin-top:-30px; cursor:pointer; z-index:10;}
.s_left{ background-position:0 -1px;  left:10px;}
.s_left:hover{ background-position:0 -63px;}
.s_right{ background-position:-62px -1px; right:10px;}
.s_right:hover{ background-position:-62px -63px;}
.switch_list{ position:absolute; left:50%; bottom:3%; height:10px; margin-left:-30px; text-align:center; z-index:10; overflow:hidden;}
.switch_list span{ background-position:-151px -43px;  _background: url(img/dot.png) no-repeat -14px 0; float:left; vertical-align:top; width:10px; height:10px;overflow:hidden;  margin:0 14px 0 0; cursor:pointer;}
.switch_list .on{  background-position:-137px -43px; _background-position:0 0;}
.item_txt_2,.item_txt_3,.item_txt_4{top:-130px !important;}
.item_img_css3{
	display:block;
	-webkit-animation:img_item .8s ease-out;
	animation:img_item .8s ease-out;
}

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

.item_img_css3 .shadow01{
	-webkit-animation:img_item01 .8s ease-out;
	animation:img_item01 .8s ease-out;
}

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

.item_txt_css3{
	-webkit-animation:txt_item .8s ease-out;
	animation:txt_item .8s ease-out;
}
@-webkit-keyframes txt_item{
	0%{-webkit-transform:translateX(0px); opacity:0}
	100%{-webkit-transform:translateX(0);  opacity:1}
}
@keyframes txt_item{
	0%{transform:translateX(0px);opacity:0}
	100%{transform:translateX(0); opacity:1}
}

/*--------2015.7.30  首页改版--------------*/
.adverShow{
	width:80%;
	min-width:960px;
	margin:50px auto;
}
.adverShow>.firstLine{
	font-size:30px;
}
.adverShow>.firstLine span{
	font-size:60px;
	color:#18d7ce;
	font-weight:bold;
}
.adverShow>.secondLine{
	font-size:24px;
}
.adverShow ul{
	width:100%;
	height:auto;
}
.adverShow ul{
	width:100%;
	height:auto;
	margin-top:30px;
}
.adverShow li{
	width:30%;
	height:430px;
	margin:0 16px 10px;
	float:left;
}
.adverShow li p.titles{
	font-size:24px;
	margin:10px 0 8px;
}
.adverShow li p.details{
	width:97%;
	font-size:14px;
	text-align: justify;
	text-justify: inter-ideograph;
	line-height:25px;
	color:#434343;
}
.analysisShow{
	width:80%;
	margin:100px auto;
	text-align:center;
}
.userChooseShow{
	width:80%;
	margin:150px auto 50px;
}
.userChooseShow>p{
	font-size:30px;
}
.userChooseShow>p span{
	font-size:60px;
	color:#18d7ce;
	font-weight:bold;
}
.photoShowFull{
	width:99%;
	max-height:360px;
	margin:0 auto;
}

.photoShowFull img{
	cursor:pointer;
}

.photoShowFull .left,.photoShowFull .right{
	width:37%;
}
.photoShowFull .middle{
	width:26%;
	
}
.photoShowFull .middle .outer{
	height:37%;
	max-height:360px;
	overflow:hidden;
}
.photoShowFull .left .outer{
	overflow:hidden;
	float:left;
	width:31%;
	height:25%;
	max-height:170px;
	margin-right:2%;
	margin-bottom:20px;
}
.photoShowFull .right .outer{
	overflow:hidden;
	float:left;
	width:31%;
	height:25%;
	max-height:170px;
	margin-left:2%;
	margin-bottom:20px;
}
.photoShowFull .left,.photoShowFull .middle,.photoShowFull .right{
	float:left;
}
.photoShowFull .right{
	float:right;
}
.photoShowFull .left img,.photoShowFull .middle img,.photoShowFull .right img{
	width:100%;
}
.photoShowFull div.inner{
	position:relative;
	height:100%;
	width:100%;
}

.photoShowFullBigShow{
	-webkit-animation:pulse 1s .2s ease both;
	-moz-animation:pulse 1s .2s ease both;}
	@-webkit-keyframes pulse{
	0%{-webkit-transform:scale(1)}
	50%{-webkit-transform:scale(1.1)}
	100%{-webkit-transform:scale(1)}
	}
	@-moz-keyframes pulse{
	0%{-moz-transform:scale(1)}
	50%{-moz-transform:scale(1.1)}
	100%{-moz-transform:scale(1)}
}
.specialIdeal{
	clear:both;
	width:90%;
	margin:170px auto 250px;
	padding-bottom:150px;
}
#aboutus-specialIdeal{
	margin:100px auto;
}
.specialIdeal ul{
	width:100%;
}
.specialIdeal ul li{
	width:25%;
	float:left;
	text-align:center;
	line-height:28px;
}
.specialIdeal ul li p.special{
	font-weight:bold;
	margin:10px 0 5px;
	padding-top:10px;
}
.rotateInDownRight{
-webkit-animation:rotateInDownLeft 1s .2s ease both;
-moz-animation:rotateInDownLeft 1s .2s ease both;}
@-webkit-keyframes rotateInDownLeft{
0%{-webkit-transform-origin:left bottom;
-webkit-transform:rotate3d(-90deg);
opacity:0}
100%{-webkit-transform-origin:left bottom;
-webkit-transform:rotate(0);
opacity:1}
}
@-moz-keyframes rotateInDownLeft{
0%{-moz-transform-origin:left bottom;
-moz-transform:rotate(-90deg);
opacity:0}
100%{-moz-transform-origin:left bottom;
-moz-transform:rotate(0);
opacity:1}
}

/*去上课弹层*/
#goToClassTip {
	width: 400px;
	min-height: 200px;
	box-shadow: 0 0 5px #fff;
	-webkit-box-shadow: 0 0 5px #fff;
	-moz-box-shadow: 0 0 5px #fff;
	-ms-box-shadow: 0 0 5px #fff;
	-o-box-shadow: 0 0 5px #fff;
	border-radius: 5px;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	-ms-border-radius: 5px;
	-o-border-radius: 5px;
	box-shaow: 3px 3px 3px #fff;
	background-color: #fff;
	font-family: Microsoft YaHei;
	margin: 15% auto;
	display: none;
}

#goToClassTip p{
	padding: 10px 50px 25px;
	text-align: center;
}

#goToClassTip > img{
	margin:22px 0 20px 4%;
}

#goToClassTip p > span#classTime{
	color:#18d7ce;
	font-weight:bold;
}

#btnGroup{
	width:85%;
	margin:0 auto;
}

#btnGroup button{
	margin:0 0 20px 45px;
	width:100px;
	height:30px;
	background-color: #18d7ce;
	border: 1px solid #18d7ce;
	color: #fff;
	font-family: microsoft yahei;
	border-radius: 5px;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	cursor: pointer;
	margin-top:0 !important;
}

.privacy,.callus{
	width:960px !important;
}
.privacy p,.callus p{
	font-size:14px;
	color:#434343;
	text-align:justify;
	margin-top:10px;
}

.privacy h4{
	font-size:15px;
	margin:10px 0 -5px 0;
}
.privacy h2,.callus h2{
	text-align:center;
	margin-bottom:20px;
	font-size:20px;
}

.callus a{
	color:#18d7ce !important;
}
/*------------------关联账号------------------*/
#accountBind{
	width:80%;
	margin:100px auto 0;
}
#accountBindIndex,
#newAccount,
#oldAccount{
	text-align:center;
	border:1px solid #d2d2d2;
	-webkit-border-radius:10px;
	-moz-border-radius:10px;
	border-radius:10px;
	padding-bottom:70px;
	margin-top:30px;
}
#accountBindIndex p{
	color:#7b7873; 
	font-size:14px;
	margin-bottom:20px;
}
#accountBindIndex h2,
#newAccount h2,
#oldAccount h2{
	padding:30px 0;
	width:90%;
	margin:0 auto;
	border-bottom:2px solid #d2d2d2;
}
button.btnBind{
	background-color: #18d7ce;
	color: #fff;
	width: 330px;
	padding: 15px 80px;
	display:block;
	margin:20px auto;
}
#bindOldAccount{
	margin-top:-10px;
	background-color:#7b7873;
}
#newAccount,#oldAccount{display:none;}
#newAccount input,
#oldAccount input{
	-webkit-border-radius:5px;
	-moz-border-radius:5px;
	border-radius:5px;
}
#newAccount input[type="text"],
#newAccount input[type="password"],
#oldAccount input[type="text"],
#oldAccount input[type="password"]{
	margin-left:0;
}
#newAccount .rg_btn,
#oldAccount .rg_btn{
	width:88%;
}
#newAccount .registContent,
#oldAccount .loginContent{
	display:block;
	width:37%;
}
#newAccount .lg_check,
#oldAccount .lg_check{
	text-align: left;
	margin-left:23px;
}
#bindFooter{margin-top:20px;}
#bindFooter p{
	text-align:center;
	font-size:13px;
	color:#7b7873;
	margin-top:10px;
}
.backToBind{
	float:right;
	margin-top:10px;
	cursor:pointer;
}
#accountLogo{
	width:100px;
	-webkit-border-radius:50px;
	-moz-border-radius:50px;
	-ms-border-radius:50px;
	-o-border-radius:50px;
	border-radius:50px;
	border:1px solid #d2d2d2;
	margin-top:30px;
}

#accountName{
	margin-top: 10px;
	font-weight: bolder;
	font-size: 20px !important;
	color:#000 !important;
}

.securityLogo{
	position:relative;
	top:-5px;
	left:50px;
}

/*----------课件预览------------*/
.coursewareList{
	width:1000px;
	background:#fff;
	margin:20px auto;
	padding:50px;
}
.courseware{
	width:100%;
	margin-bottom:25px;
	clear:both;
	padding-bottom:25px;
	border-bottom:1px dotted #dddddd;
}

.courseware .courseware_img{
	width:45%;
	float:left;	
	position: relative;
}
.courseware .courseware_img img{
	width:100%;
}
.courseware .courseware_container{
	width:52%;
	margin-left:3%;
	float:left;
	color:#626262;
}
.courseware .courseware_container .title{
	margin-left:0 !important;
	font-size: 24px;
    margin-bottom: 15px;
}
.courseware .courseware_container .describe{
    font-family: "Arial";
    font-size: 18px;
    line-height: 30px;
	text-align: justify;
	text-justify: inter-ideograph;
}
.courseware_img .showIt{
	width: 100%;
	height: 40px;
	background-color: rgba(0, 0, 0, 0.5);
	color: #fff;
	text-align: center;
	bottom: 0px;
	line-height: 40px;
	position: absolute;
	display:none;
	cursor:pointer;
}
.coursewareTopic{
	width:100%;
	background-color: rgba(0, 0, 0, 0.7);
	height:150px;
	position:fixed;
	bottom:0;
	z-index:99;
}
.coursewareTopic>img{
	float:right;
	margin:10px 10px 0 0;
	cursor:pointer;
}
.topicContainer{
	width:960px;
	margin:35px auto;
}
.topicImg,.topicContent,.topicButton{
	float:left;
	margin-right:50px;
}
.topicContent p{
	color:#fff;
	line-height:30px;
}
.topicButton{
	margin: 30px 38px;
}
.topicButton p{
	width:240px;
	height:35px;
	line-height:35px;
	background-color: #18d7ce;
    border-radius: 5px;
    color: #fff;
    cursor: pointer;
    font-size: 18px;
    font-weight: normal;
    text-align:center;
}
.coursewareFeedback{
	width:100%;
	height:100%;
	position:fixed;
	background-color: rgba(0, 0, 0, 0.7);
	top:0px;
	z-index:101;
	display:none;
}
.coursewareFeedback div{
	width:580px;
	margin:300px auto 0;
}
.coursewareFeedback textarea{
	border: 1px solid #d2d2d2;
    border-radius: 5px;
    font-family: microsoft yahei;
    font-size: 14px;
    height: 150px;
    padding: 20px;
    resize: none;
    width: 540px;
}
.coursewareFeedbackButton{
	display:block;
	margin:20px auto;
	width:240px;
	height:35px;
	line-height:35px;
	background-color: #18d7ce;
    border-radius: 5px;
    color: #fff;
    cursor: pointer;
    font-size: 18px;
    font-weight: normal;
    text-align:center;
    padding:0 !important;
}
.coursewareFeedback>img{
	float:right;
	margin:10px 10px 0 0;
	cursor:pointer;
}
.feedbackAnswer{
	color: #18d7ce;
    font-size: 20px;
    font-weight: bold;
    text-align: center;
    margin-bottom: 20px;
    display:none;
}
.coursewareFeedback_show{
	-webkit-animation:fadeInUpBig 1s .2s ease both;
	-moz-animation:fadeInUpBig 1s .2s ease both;}
	@-webkit-keyframes fadeInUpBig{
	0%{opacity:0;
	-webkit-transform:translateY(2000px)}
	100%{opacity:1;
	-webkit-transform:translateY(0)}
	}
	@-moz-keyframes fadeInUpBig{
	0%{opacity:0;
	-moz-transform:translateY(2000px)}
	100%{opacity:1;
	-moz-transform:translateY(0)}
}

/*------------------banking----------------*/
#banking-top,
#bankingFooter{
	width:100%;
	height:490px;
}

#banking-top>div{
	padding:10% 0;
}

#banking-top>div p{
	color:#fff;
	font-size:30px;
	font-weight:bolder;
	padding-top:5px;
}
#banking-top>div p:first-child{margin-bottom:30px;}
#banking-top>div p:first-child span{
	font-size:50px;
	margin-left:20px;
	filter:alpha(opacity=0);       /* IE */
    -moz-opacity:0;              /* 老版Mozilla */
    -khtml-opacity:0;              /* 老版Safari */
    opacity: 0; 
	-webkit-animation:topSpan 1s 1s forwards;
	-moz-animation:topSpan 1s 1s forwards;
	animation:topSpan 1s 1s forwards;
}

#banking-top>div p:first-child img{
	vertical-align:bottom;
	filter:alpha(opacity=0);       /* IE */
    -moz-opacity:0;              /* 老版Mozilla */
    -khtml-opacity:0;              /* 老版Safari */
    opacity: 0; 
	-webkit-animation:topImg 1s .2s forwards;
	-moz-animation:topImg 1s .2s forwards;
	animation:topImg 1s .2s forwards;
}
.topText{
	margin-top:15px;
	filter:alpha(opacity=0);       /* IE */
    -moz-opacity:0;              /* 老版Mozilla */
    -khtml-opacity:0;              /* 老版Safari */
    opacity: 0; 
}
.topTextOne{
	-webkit-animation:topText 1s 2s forwards;
	-moz-animation:topText 1s 2s forwards;
	animation:topText 1s 2s forwards;
}
.topTextTwo{
	-webkit-animation:topText 1s 2.5s forwards;
	-moz-animation:topText 1s 2.5s forwards;
	animation:topText 1s 2.5s forwards;
}
.topTextThere{
	-webkit-animation:topText 1s 2.5s forwards;
	-moz-animation:topText 1s 2.5s forwards;
	animation:topText 1s 3s forwards;
}

@keyframes topImg{
	0%{opacity: 0; }
	100%{opacity:1;}
}
@-webkit-keyframes topImg{
	0%{opacity: 0; }
	100%{opacity:1;}
}

@keyframes topSpan{
	0%{margin-left:20px; 
    opacity: 0; }
	100%{margin-left:40px; 
    opacity: 1; }
}
@-webkit-keyframes topSpan{
	0%{margin-left:20px; 
    opacity: 0; }
	100%{margin-left:40px; 
    opacity: 1; }
}
@keyframes topText{
	0%{margin-top:15px;
    opacity: 0; }
	100%{margin-top:5px;
    opacity: 1; }
}
@-webkit-keyframes topText{
	0%{margin-top:15px;
    opacity: 0; }
	100%{margin-top:5px;
    opacity: 1; }
}
.bankingContent{
	width:960px;
	margin:0 auto;
}
#banking-first,
#banking-advance{
	margin:15px 0;
	min-height: 350px;
}

#banking-first p{
	text-align:center;
	color:#333;
	line-height:30px;
}
#banking-first p:first-child{
	font-size:30px;
	line-height:50px;
	margin-bottom:20px;
}

#banking-advance li{
	float:left;
	margin-left:8%;
}

#banking-advance p{
	text-align:center;
	margin-top:10px;
}

#banking-advance img{
	margin-top:10px;
	transform:translate(0,0) rotateY(0);
	width: 66%;
	min-height: 320px;
}
#banking-advance li:hover>img{
	animation:bankImgRound .5s .2s forwards;
}

@keyframes bankImgRound{
	0%{transform:translate(0,0) rotateY(0);}
	50%{transform:translate(0,-10px) rotateY(180deg);}
	100%{transform:translate(0,0) rotateY(0);}
}

@-moz-keyframes bankImgRound{
	0%{-moz-transform:translate(0,0) rotateY(0);}
	50%{-moz-transform:translate(0,-10px) rotateY(180deg);}
	100%{-moz-transform:translate(0,0) rotateY(0);}
}

@-webkit-keyframes bankImgRound{
	0%{-webkit-transform:translate(0,0) rotateY(0);}
	50%{-webkit-transform:translate(0,-10px) rotateY(180deg);}
	100%{-webkit-transform:translate(0,0) rotateY(0);}
}

.bankingKind{
	border:1px solid #d2d2d2;
	overflow: auto;
	margin-bottom:20px;
	-webkit-transition:all .5s;
	-moz-transition:all .5s;
	transition:all .5s;
}

.bankingKind:hover{
	-webkit-box-shadow:0 4px 8px #d2d2d2;
	-moz-box-shadow:0 4px 8px #d2d2d2;
	box-shadow:0 4px 8px #d2d2d2;
}

.bankingKind > a > img {
    float: left;
    padding: 10px;
    width: 50%;
}

.bankingKindContent {
    float: right;
    font-size: 14px;
    margin: 5% 20px 5% 0;
    text-align: justify;
    vertical-align: middle;
    width: 44%;
}
.bankingKindContent p:first-child{
	font-size:20px;
	text-align:center;
	margin-bottom:20px;
}
.bankingKindContent p{
	text-align: center;
}
#bankingFooter{margin-bottom:-30px;}
#bankingFooter p{
	width:60%;
	margin:0 auto;
}
#bankingFooter>div{
	padding:10% 0;
}
#bankingFooter p:first-child{
	text-align:center;
	font-weight:bolder;
	font-size:35px;
}

#bankingFooter p:first-child + p{
	text-align:center;
	font-size:30px;
}

#bankingFooter p:first-child span{
	color:#18d7ce;
	margin-right:20px;
}

.bankingText{
	color: #333; 
	line-height:30px;
	margin-left:25% !important;
}

#bankKinds{
	text-align:center;
}
#bankKinds p#coporation{
	width:65%;
	text-align:left;
	margin:20px auto
}
/*google hack*/
@media screen and (-webkit-min-device-pixel-ratio:0) {
	body{
		font-family:microsoft yahei;
	}
	/* Chrome- and Safari-specific CSS here*/
	.logined>span {
		margin: -20px 0 0 127px;
	}
	
	#indexVideo li a p{
		top:-45px;
	}
	
	#indexVideo li#indexVideoLast{
		margin-top:-26px !important;
	}
}

#newsmain {
    margin: 0px auto;
    width: 960px;
}

#newsmain #newscontent {
    padding: 60px 120px;
    width: 740px;
    position: relative;
}

.newscontent{
    border-radius: 4px;
    min-height: 960px;
    background: #FFF none repeat scroll 0% 0%;
    box-shadow: 0px 1px 3px rgba(0, 0, 0, 0.3);
}

#productheader {
    padding: 1em 0px 0.2em;
    overflow: hidden;
    width: 980px;
    margin: 0px auto;
}
 h1.title {
    font-size: 24px;
    color: #010000;
    text-decoration: none;
    padding-bottom: 21px;
    margin-bottom: 0px;
    line-height: 1.4;
    font-weight: normal;
}
.imgSize{
	width: 284px;
	height: 203px;
}