/* CSS Document */

/*全局样式*/
.radius3 {border-radius: 3px; -webkit-border-radius: 3px; -moz-border-radius: 3px;}
.radius5 {border-radius: 5px; -webkit-border-radius: 5px; -moz-border-radius: 5px;}
.radius8 {border-radius: 8px; -webkit-border-radius: 8px; -moz-border-radius: 8px;}
.radius10 {border-radius: 10px; -webkit-border-radius: 10px; -moz-border-radius: 10px;}
.radius50 {border-radius: 50%; -webkit-border-radius: 50%; -moz-border-radius: 50%;}
.center {text-align: center;}
.noBorder {border: none;}
.re{position:relative; z-index: 1;left: 0;top: 0;} /*相对定位样式*/
.ab{ position:absolute; z-index: 10;}/*绝对定位公用样式*/
.fixed{position: fixed; z-index: 100;}

/*弹出层移动端样式*/
.publicPopPurple {
	width: 100%;
	height: 100%;
	left: 0;
	top: 0;
	z-index: 1000000000;
	background: url(../images/pop/Black40.png);	
}
.publicPopPurple .popContainer {
	width: 80%;
	border: none;
	left: 50%;
	top: 50%;
	background: none;
}
.publicPopPurple .popContainer .purpleBg {
	background: url(../images/pop/popContainerBg.png) no-repeat;
	background-size: cover;
	background-position: 50% 50%;
	-webkit-border-radius: 8px;
	-moz-border-radius: 8px;
	border-radius: 8px;
}
.publicPopPurple .popContainer .purpleBg .popTitle {
	width: 60%;
	left: 20%;
	top: -25px;
}
.publicPopPurple .popContainer .purpleBg .leftIcon,
.publicPopPurple .popContainer .purpleBg .rightIcon {
	display: none;	
}
.publicPopPurple .popContent {
	padding: 0 0 20px 0;	
}
.publicPopPurple .popContent .textTitle {
	padding: 45px 20% 20px 20%;	
}
.publicPopPurple .popContent .teacherInfor {
	background: url(../images/pop/teacherContentBg.png);
	min-height: 100px;
	margin: 0 15px;
	padding: 15px 5px 5px 5px;
	-webkit-border-radius: 8px;
	-moz-border-radius: 8px;
	border-radius: 8px;
}
.publicPopPurple .popContent .teacherInfor img {
	width: 35px;
	margin: 0 0 10px 0;	
}
.publicPopPurple .popContent .teacherInfor .teacherPhone {
	padding: 0 5px;
}
.publicPopPurple .popContent .teacherInfor input {
	height: 30px;
	line-height: 20px;
	margin: 15px 0 25px 0;
	color: #3c0f6a;
	font-size: 14px;
	width: 80px;
	background: url(../images/pop/teacherNameBg.png) no-repeat center;
	background-size: cover;	
}
.publicPopPurple .popContent .teacherInfor .phoneNumber {
	color: #fff;
	font-size: 12px;
}


.publicPopPurple .popCloseBtn {
	right: 5px;
	top: -30px;	
	width: 26px;
	height: 26px;
	cursor: pointer;
	transition: linear 0.2s;
	background: url(../images/pop/popCloseBtn.png) no-repeat center;
	background-size: cover;
}
.publicPopPurple .popCloseBtn:hover {
	transform:rotate(180deg);
	-ms-transform:rotate(180deg); 
	-moz-transform:rotate(180deg); 	
	-webkit-transform:rotate(180deg); 
	-o-transform:rotate(180deg); 
}
.publicPopPurple .popbtnGroup {
	padding: 25px 0 0px 0;	
}
.publicPopPurple .popbtnGroup .popBtn {
	width: 80%;
	min-width: 96px;
	margin: 0 10px;
	height: 44px;
	-webkit-border-radius: 22px;
	-moz-border-radius: 22px;
	border-radius: 22px;
	outline: none;	
}
.publicPopPurple .popbtnGroup .popBtn:hover {
	filter: alpha(opacity=80);
	opacity: 0.8;	
}
.publicPopPurple .popbtnGroup .popBtnCancel {
	color: #666;
	background: #fff;
	border: solid 1px #e9eaec;
}
.publicPopPurple .popbtnGroup .popBtnSure {
	/*border: solid 1px #49a5f7;*/
	background: url(../images/pop/popBtnBg.png) no-repeat center;
	background-size: cover;
	color: #fff;	
	font-size: 16px;
}






/****
	弹出层移动端样式  统一
****/
.publicPopLesson {
	width: 100%;
	height: 100%;
	left: 0;
	top: 0;
	z-index: 1000000000;
	background: url(../images/pop/Black40.png);	
}
.publicPopLesson .popContainer {
	width: 90%;
	border: none;
	left: 50%;
	top: 50%;
}
.publicPopLesson .popContainer .purpleBg {
	background: #f7efff;
	border: solid 2px #d5bbf4;
	background-size: cover;
	background-position: 50% 50%;
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	border-radius: 4px;
	padding: 35px 0 20px 0;
}


.publicPopLesson .popCloseBtn {
	right: 10px;
	top: 10px;	
	width: 26px;
	height: 26px;
	cursor: pointer;
	transition: linear 0.2s;
	background: url(../images/pop/popClostBtn02.png) no-repeat center;
	background-size: cover;
}
.publicPopLesson .popCloseBtn:hover {
	transform:rotate(180deg);
	-ms-transform:rotate(180deg); 
	-moz-transform:rotate(180deg); 	
	-webkit-transform:rotate(180deg); 
	-o-transform:rotate(180deg); 
}
.publicPopLesson .popbtnGroup {
	padding: 25px 0 0px 0;	
}
.publicPopLesson .popbtnGroup .popBtn {
	width: 80%;
	min-width: 96px;
	margin: 0 10px;
	height: 44px;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
	outline: none;	
}
.publicPopLesson .popbtnGroup .popBtn:hover {
	filter: alpha(opacity=80);
	opacity: 0.8;	
}
.publicPopLesson .popbtnGroup .popBtnCancel {
	color: #666;
	background: #fff;
	border: solid 1px #e9eaec;
}
.publicPopLesson .popbtnGroup .popBtnSure {
	background: #6b3ba4;
	background-size: cover;
	color: #fff;	
	font-size: 16px;
}



/* 弹出层移动端样式  统一 内容部分样式 Mobile */
.publicPopLesson .popTitleText {
	color: #4c4c4c;	
	padding: 15px 0 10px 0;
	font-size: 14px;
}
.publicPopLesson .popContent .lessonCodeBox {
	padding: 15px 0;	
}
.publicPopLesson .popContent .lessonCodeBox input {
	height: 42px;
	background: #fff;
	border: solid 1px #c2b4d2;
	font-size: 14px;
	width: 80%;	
	text-indent: 6px;
	color: #252525;	
}
.publicPopLesson .popContent :-moz-placeholder {
    color: #a397b1; 
	opacity:1; 
}
.publicPopLesson .popContent ::-moz-placeholder { 
    color: #a397b1;
	opacity:1;
}
.publicPopLesson .popContent input:-ms-input-placeholder{
    color: #a397b1;
	opacity:1;
}
.publicPopLesson .popContent input::-webkit-input-placeholder{
    color: #a397b1;
	opacity:1;
}
.publicPopLesson .popContent .lessonCodeBox .alertText {
	color: #fd4669;
	top: 65px;	
	left: 10%;
	font-size: 14px;
}
.publicPopLesson .popContent .forgetCodeLink {
	display: inline-block;
	padding: 15px 0 0 0;
	color: #6b3ba4;
	font-size: 15px;
}

.publicPopLesson .studentBox .studentNotice {
	padding: 0 10px;
	font-size: 14px;
	text-align: left;
	line-height: 24px;	
	color: #66636a;
}
.publicPopLesson .studentBox .studentNotice a {
	color: #6b3ba4;	
	font-weight: bold;
}
.publicPopLesson .studentBox .popTitleText {
	padding: 0 0 15px 0;
	font-size: 18px;
}
.publicPopLesson .studentBox .popbtnGroup .popBtn {
	display: inline-block;
	cursor: pointer;
	width: 42%;
	margin: 0 3%;
	padding: 8px 0;
	height: auto;
	font-size: 14px;
}
.publicPopLesson .studentBox .popbtnGroup .popBtnCancel {
	color: #fff;	
	background: #665b73;
}

.publicPopLesson .stateBox .stateText {
	padding: 15px 20px 20px 20px;
	font-size: 16px;
	line-height: 26px;	
	color: #66636a;
}
.publicPopLesson .stateBox .stateText span {
	color: #6b3ba4;
	font-weight: bold;
}


/*三星手机*/
@media only screen and (min-width: 360px) {
	
.publicPopPurple .popContent .teacherInfor img {
	width: 40px;
	margin: 0 0 10px 4px;	
}
.publicPopPurple .popContent .teacherInfor input {
	height: 30px;
	margin: 20px 0 35px 0;
	font-size: 16px;
	width: 80px;
}
.publicPopPurple .popContent .teacherInfor .phoneNumber {
	font-size: 14px;
}
.publicPopLesson .popTitleText {
	font-size: 16px;	
}

}

/*iphone 7*/
@media only screen and (min-width: 375px) {

.publicPopPurple .popContent .teacherInfor .teacherPhone {
	padding: 0 8px;
}
.publicPopLesson .popContent .lessonCodeBox input {
	font-size: 16px;	
}
.publicPopLesson .studentBox .studentNotice {
	padding: 0 20px;	
}

}
/*iphone 7 Plus*/
@media only screen and (min-width: 414px) {
	
.publicPopPurple .popContent .teacherInfor .teacherPhone {
	padding: 0 15px;
}
.publicPopPurple .popContent .textTitle {
	padding: 55px 0 30px 0;	
}

}



@media only screen and (min-width: 769px) {

.publicPopPurple .popContainer {
	width: 430px;
	border: none;
	left: 50%;
	top: 50%;
}
.publicPopPurple .popContainer .purpleBg {
	background: url(../images/pop/popContainerBg.png) no-repeat;
	background-size: cover;
	background-position: 50% 50%;
	-webkit-border-radius: 0px;
	-moz-border-radius: 0px;
	border-radius: 0px;
}
.publicPopPurple .popContainer .purpleBg .popTitle {
	width: 60%;
	left: 0;
	top: -42px;
}
.publicPopPurple .popContainer .purpleBg .leftIcon,
.publicPopPurple .popContainer .purpleBg .rightIcon {
	display: block;	
}
.publicPopPurple .popContainer .purpleBg .leftIcon{
	right: 100%;	
	top: 20px;
}
.publicPopPurple .popContainer .purpleBg .rightIcon {
	right: -80px;
	top: -20px;	
}
.publicPopPurple .popContent {
	padding: 0;	
	height: 410px;
}
.publicPopPurple .popContent .textTitle {
	padding: 95px 0 15px 0;	
}
.publicPopPurple .popContent .teacherInfor {
	background: url(../images/pop/teacherContentBg.png);
	min-height: 190px;
	margin: 0 15px;
	padding: 5px 5px 5px 5px;
	-webkit-border-radius: 8px;
	-moz-border-radius: 8px;
	border-radius: 8px;
}
.publicPopPurple .popContent .teacherInfor img {
	width: auto;
	margin: 20px 0 15px 35px;	
}
.publicPopPurple .popContent .teacherInfor .teacherPhone {
	padding: 0 15px;
}
.publicPopPurple .popContent .teacherInfor input {
	height: 43px;
	line-height: 40px;
	margin: 30px 0 45px 0;
	color: #3c0f6a;
	font-size: 18px;
	width: 112px;
	background: url(../images/pop/teacherNameBg.png) no-repeat center;
	background-size: cover;	
}
.publicPopPurple .popContent .teacherInfor .phoneNumber {
	color: #fff;
	font-size: 16px;
}

.publicPopPurple .popCloseBtn {
	top: -50px;
	right: 20px;
	width: 35px;
	height: 35px;
}

.publicPopPurple .popbtnGroup .popBtn {
	width: 318px;
	min-width: 96px;
	margin: 0 10px;
	height: 54px;
	font-size: 20px;
	-webkit-border-radius: 27px;
	-moz-border-radius: 27px;
	border-radius: 27px;
	outline: none;	
}



/****
	弹出层移动端样式  统一  PC
****/
.publicPopLesson .popContainer {
	width: 450px;
	border: none;
	left: 50%;
	top: 50%;
}
.publicPopLesson .popbtnGroup .popBtn {
	width: 338px;	
	height: 52px;
}


/* 弹出层移动端样式  统一 内容部分样式 PC */
.publicPopLesson .popTitleText {
	color: #4c4c4c;	
	padding: 15px 0 10px 0;
	font-size: 20px;
}
.publicPopLesson .popContent .lessonCodeBox {
	padding: 15px 0;	
}
.publicPopLesson .popContent .lessonCodeBox input {
	height: 48px;
	font-size: 16px;
	width: 338px;	
	text-indent: 6px;
}
.publicPopLesson .popContent .lessonCodeBox .alertText {
	color: #fd4669;
	top: 70px;	
	left: 13%;
	font-size: 14px;
}


.publicPopLesson .studentBox .studentNotice {
	padding: 0 30px;
	font-size: 16px;
	text-align: left;
	line-height: 24px;	
	color: #66636a;
}
.publicPopLesson .studentBox .studentNotice a {
	color: #6b3ba4;	
	margin: 0 3px;
	font-weight: bold;
}
.publicPopLesson .studentBox .popTitleText {
	padding: 0 0 15px 0;
	font-size: 26px;
}
.publicPopLesson .studentBox .popbtnGroup .popBtn {
	display: inline-block;
	width: 42%;
	margin: 0 3%;
	padding: 8px 0;
	height: auto;
	font-size: 16px;
}



}

.zIndexMax {z-index: 1000000000;}