html{font-size:16px;}
body {
	font-family:Helvetica, HelveticaNeue;
	background:#f4f4f4
}

* {
	box-sizing:border-box
}
body, html {
	height:100%;
	max-width:1200px;
	width:100%;
	margin:0 auto;
}
body, div, p {
	margin:0;
	padding:0
}
img, input {
	border:none
}
input {
	outline:none;
	-webkit-appearance:none
}
img {
	vertical-align:bottom
}
a {
	text-decoration:none
}
ul, li {
	list-style-type:none;
}
.f-text-center {
	text-align:center
}
.f-text-left {
	text-align:left
}
.f-text-right {
	text-align:right
}
.f-cl:after, .f-cl:before {
	display:table;
	content:""
}
.f-cl:after {
	clear:both
}
.f-fl {
	float:left
}
.f-fr {
	float:right
}
.f-clamp1 {
	text-overflow:ellipsis;
	white-space:nowrap;
	overflow:hidden
}
.f-clamp2 {
	-webkit-line-clamp:2
}
.f-clamp2, .f-clamp3 {
	display:-webkit-box;
	word-break:break-all;
	-webkit-box-orient:vertical;
	overflow:hidden
}
.f-clamp3 {
	-webkit-line-clamp:3
}
.f-clamp4 {
	display:-webkit-box;
	-webkit-line-clamp:4;
	word-break:break-all;
	-webkit-box-orient:vertical;
	overflow:hidden
}
.z-active:active {
	opacity:.8
}
.f-flex-box {
	display:-webkit-box;
	display:-webkit-flex;
	display:flex
}
.f-flex-box.flex-inline {
	display:-webkit-inline-box;
	display:-webkit-inline-flex;
	display:inline-flex
}
.f-flex-box.dir-row {
	-webkit-box-orient:horizontal;
	-webkit-box-direction:normal;
	-webkit-flex-direction:row;
	flex-direction:row
}
.f-flex-box.dir-row-reverse {
	-webkit-box-orient:horizontal;
	-webkit-box-direction:reverse;
	-webkit-flex-direction:row-reverse;
	flex-direction:row-reverse
}
.f-flex-box.dir-col {
	-webkit-box-orient:vertical;
	-webkit-box-direction:normal;
	-webkit-flex-direction:column;
	flex-direction:column
}
.f-flex-box.dir-col-reverse {
	-webkit-box-orient:vertical;
	-webkit-box-direction:reverse;
	-webkit-flex-direction:column-reverse;
	flex-direction:column-reverse
}
.f-flex-box.wrap {
	-webkit-flex-wrap:wrap;
	flex-wrap:wrap
}
.f-flex-box.wrap>.flex-item {
	display:inline-block
}
.f-flex-box.wrap-reverse {
	-webkit-flex-wrap:wrap-reverse;
	flex-wrap:wrap-reverse
}
.f-flex-box.wrap-reverse>.flex-item {
	display:inline-block
}
.f-flex-box.justify-start {
	-webkit-box-pack:start;
	-webkit-justify-content:flex-start;
	justify-content:flex-start
}
.f-flex-box.justify-end {
	-webkit-box-pack:end;
	-webkit-justify-content:flex-end;
	justify-content:flex-end
}
.f-flex-box.justify-center {
	-webkit-box-pack:center;
	-webkit-justify-content:center;
	justify-content:center
}
.f-flex-box.justify-between {
	-webkit-box-pack:justify;
	-webkit-justify-content:space-between;
	justify-content:space-between
}
.f-flex-box.justify-around {
	-webkit-justify-content:space-around;
	justify-content:space-around
}
.f-flex-box h1 {
	width:100%;
	text-align: center;
}
.f-flex-box.align-start {
	-webkit-box-align:start;
	-webkit-align-items:flex-start;
	align-items:flex-start
}
.f-flex-box.align-end {
	-webkit-box-align:end;
	-webkit-align-items:flex-end;
	align-items:flex-end
}
.f-flex-box.align-center {
	-webkit-box-align:center;
	-webkit-align-items:center;
	align-items:center
}
.f-flex-box.align-baseline {
	-webkit-box-align:baseline;
	-webkit-align-items:baseline;
	align-items:baseline
}
.f-flex-box.align-ctn-start {
	-webkit-align-content:flex-start;
	align-content:flex-start
}
.f-flex-box.align-ctn-end {
	-webkit-align-content:flex-end;
	align-content:flex-end
}
.f-flex-box.align-ctn-center {
	-webkit-align-content:center;
	align-content:center
}
.f-flex-box.align-ctn-between {
	-webkit-align-content:space-between;
	align-content:space-between
}
.f-flex-box.align-ctn-around {
	-webkit-align-content:space-around;
	align-content:space-around
}
.f-flex-box>.flex-item.align-start {
	-webkit-align-self:flex-start;
	align-self:flex-start
}
.f-flex-box>.flex-item.align-end {
	-webkit-align-self:flex-end;
	align-self:flex-end
}
.f-flex-box>.flex-item.align-center {
	-webkit-align-self:center;
	align-self:center
}
.f-flex-box>.flex-item.align-baseline {
	-webkit-align-self:baseline;
	align-self:baseline
}
.f-flex-box>.flex-item.align-stretch {
	-webkit-align-self:stretch;
	align-self:stretch
}
.f-flex-box.auto-width>.flex-item {
min-width:.266667rem;
	width:0;
	-webkit-box-flex:1;
	-webkit-flex:1 1 auto;
	flex:1 1 auto
}
.f-flex-box>.flex1 {
	-webkit-box-flex:1;
	-webkit-flex:1;
	flex:1
}
.block-header {
	width: 100%;
	height: 3.5rem;
	background: #4469C8;
	z-index: 10;
	position: fixed;
	max-width: 1200px;
	top: 0;
}
.block-header span {
	width:100%;
	margin:0 auto;
	text-align:center;
	font-size:1.5rem;
	font-weight:normal;
	color:#fff;
	letter-spacing:3px;
	background-size:auto 100%;
}
.block-header span a{color:#fff;}

.sp_nav{width:50px;float:right;position:absolute;cursor:pointer;height:30px;margin-top:5px;right:10px;}
.sp_nav span{display:block;background:#fff;width:30px;height:2px;position:absolute;left:10px;transition:all ease 0.35s}
.sp_nav span:nth-of-type(1){top:0px}
.sp_nav span:nth-of-type(2){top:10px}
.sp_nav span:nth-of-type(3){top:20px}

.sp_nav_se span:nth-of-type(1){top:10px;transform:rotate(45deg)}
.sp_nav_se span:nth-of-type(2){width:0}
.sp_nav_se span:nth-of-type(3){top:10px;transform:rotate(-45deg)}


.sjj_nav {
    position: fixed;
    z-index: 10;
    background: rgba(0,0,0,0.6);
    width: 100%;
    height :100%;
    max-width: 1200px;
    display: none;
    /* 修改 left 和 top */
    left: 50%;
    /* 使用 transform 进行偏移 */
    transform: translate(-50%);
    top:3.5rem;
    overflow: auto;
    overflow-x: hidden;
    transition: top ease 0.35s;
}

.nav_show{display:block}
.sjj_nav .m-container{ background:#fff;padding-bottom: 20px;border-radius:0 0 10px 10px; margin-top:-1rem; }
.sjj_nav dl{ clear:both;padding:2%;}
.sjj_nav dl dt{ font-size:1.3rem; color:#333; margin-bottom:5px;}
.sjj_nav dl dd{ float:left; border:1px solid #ccc; margin:10px 15px 0 0;padding:5px 8px;border-radius:5px; color:#999}
.sjj_nav dl dd a{ color:#999;}
.page-question {
	width:100%;
	height:100%
}
.page-question .m-question {
	overflow-y:scroll;
	box-sizing:border-box;
	width:100%;
	height:100%;
	padding-top:1.173333rem;
	padding-bottom:4rem;
	background:#f4f4f4;
	-webkit-overflow-scrolling:touch
}
.page-question .m-select {
	display:none;
	position:absolute;
	left:0;
	bottom:0;
	width:10rem;
padding:.4rem .4rem .133333rem;
	background:#fff
}
.page-question .m-select .item {
margin-bottom:.266667rem;
	width:4.453333rem;
	height:1.066667rem;
	background:#ff706a;
border-radius:.106667rem;
	color:#fff;
font-size:.4rem
}
.page-question .m-select .item:active {
	background:#d95f5a
}
.page-question .m-select.active {
	display:-webkit-box;
	display:-webkit-flex;
	display:flex;
	-webkit-box-pack:justify;
	-webkit-justify-content:space-between;
	justify-content:space-between;
	-webkit-flex-wrap:wrap;
	flex-wrap:wrap
}
.page-question .m-phone {
	display:none;
	position:fixed;
	overflow:hidden;
	bottom:0;
	left:0;
	width:100%;
	height:1.44rem;
	background:#fff;
	box-sizing:content-box
}
.page-question .m-phone input {
	display:inline-block;
padding-left:.4rem;
	width:8.48rem;
	height:1.173333rem;
font-size:.426667rem;
	color:#000;
	font-weight:400
}
.page-question .m-phone input::-webkit-input-placeholder {
color:#c6c6c6
}
.page-question .m-phone input::placeholder {
color:#c6c6c6
}
.page-question .m-phone .phone-btn {
	width:2.4rem;
	color:#ff706a;
font-size:.426667rem;
	text-align:center;
	line-height:1.44rem
}
.page-question .m-phone .phone-btn.forbid {
	color:#9b9b9b
}
.page-question .m-phone.active {
	display:-webkit-box;
	display:-webkit-flex;
	display:flex;
	-webkit-box-pack:justify;
	-webkit-justify-content:space-between;
	justify-content:space-between;
	-webkit-box-align:center;
	-webkit-align-items:center;
	align-items:center
}
.select-bottom {
	background:#f4f4f4;
padding:.266667rem 0;
	margin:auto;
	text-align:center;
font-size:.373333rem
}
.m-teahcer-message {
padding:.293333rem 1.706667rem .213333rem .266667rem
}
.m-teahcer-message .msg-wrap-left {
width:.96rem;
height:.96rem;
	border-radius:50%;
	overflow:hidden
}
.m-teahcer-message .msg-wrap-left img {
	display:block;
	width:100%;
	height:100%
}
.m-teahcer-message .msg-wrap-right {
margin-left:.266667rem
}
.m-teahcer-message .msg-wrap-right .msg-name {
font-size:.32rem;
	color:#999
}
.m-teahcer-message .msg-wrap-right .msg-content {
	position:relative;
margin-top:.16rem;
padding:.32rem .373333rem .346667rem;
border-radius:.106667rem;
font-size:.373333rem;
	color:#333;
	background:#fff;
	word-break:break-all;
box-shadow:0 .053333rem .133333rem 0 hsla(0, 0%, 91%, .5);
border-radius:.053333rem .266667rem .266667rem .266667rem;
	font-weight:400
}
.m-user-message {
padding:.293333rem .266667rem .213333rem
}
.m-user-message .content {
padding:.32rem .373333rem .346667rem;
	word-break:break-all;
	background:#ff706a;
border-radius:.266667rem .053333rem .266667rem .266667rem;
	color:#fff;
font-size:.373333rem;
	font-weight:400
}
.m-verify .m-title {
	position:relative;
	width:100%;
	height:1.173333rem;
font-size:.48rem;
	color:#333;
border-bottom:.013333rem solid #d9d9d9
}
.m-verify .m-title span {
	position:absolute;
width:.666667rem;
height:.666667rem;
left:.106667rem;
top:.24rem;
	background:url(../images/back.3f8a0fb.png);
	background-size:100% 100%
}
.m-verify p {
	margin-top:1.68rem;
	color:#666;
font-size:.373333rem
}
.m-verify .verify-box {
	width:6.693333rem;
margin:.64rem auto 0
}
.m-verify .verify-box .sms {
	box-sizing:border-box;
padding:.266667rem;
	width:4.266667rem;
	border:2px solid #ddd;
border-radius:.16rem;
	background:#fff;
font-size:.346667rem;
	-webkit-appearance:none
}
.m-verify .verify-box .sms::-webkit-input-placeholder {
color:#ccc
}
.m-verify .verify-box .sms::placeholder {
color:#ccc
}
.m-verify .verify-box .countDown {
	width:2.133333rem;
	height:1.066667rem;
	line-height:1.066667rem;
font-size:.346667rem;
	background:#ff706a;
	color:#fff;
	text-align:center;
border-radius:.16rem
}
.m-verify .verify-box .countDown.forbid {
	background:#ccc
}
.m-verify .confirm {
margin:.533333rem auto 0;
	width:6.693333rem;
	height:1.066667rem;
	line-height:1.066667rem;
	text-align:center;
	color:#fff;
	background:#ff706a;
box-shadow:0 .08rem .133333rem 0 hsla(3, 100%, 81%, .7);
border-radius:.106667rem;
font-size:.4rem;
	font-weight:400
}
.m-verify-test .m-title {
	background:#fff;
	position:relative;
	width:100%;
	height:1.173333rem;
font-size:.48rem;
	color:#333;
border-bottom:.013333rem solid #d9d9d9
}
.m-verify-test .m-title span {
	position:absolute;
width:.666667rem;
height:.666667rem;
left:.106667rem;
top:.24rem;
	background:url(../images/back.3f8a0fb.png);
	background-size:100% 100%
}
.m-verify-test p {
	margin-top:1.68rem;
	color:#666;
font-size:.373333rem
}
.m-verify-test .verify-box {
	width:6.693333rem;
margin:.64rem auto 0
}
.m-verify-test .verify-box .sms {
	box-sizing:border-box;
padding:.266667rem;
	width:4.266667rem;
	border:2px solid #ddd;
border-radius:.16rem;
	background:#fff;
font-size:.346667rem;
	-webkit-appearance:none
}
.m-verify-test .verify-box .sms::-webkit-input-placeholder {
color:#ccc
}
.m-verify-test .verify-box .sms::placeholder {
color:#ccc
}
.m-verify-test .verify-box .countDown {
	width:2.133333rem;
	height:1.066667rem;
	line-height:1.066667rem;
font-size:.346667rem;
	background:#f4d59d;
	color:#86601e;
	text-align:center;
border-radius:.16rem
}
.m-verify-test .verify-box .countDown.forbid {
	background:#ccc
}
.m-verify-test .confirm {
margin:.533333rem auto 0;
	width:6.693333rem;
	height:1.066667rem;
	line-height:1.066667rem;
	text-align:center;
	color:#86601e;
	background:#f4d59d;
border-radius:.106667rem;
font-size:.4rem;
	font-weight:400
}
.m-dialog {
	position:fixed;
	top:0;
	left:0;
	width:100%;
	height:100%;
	z-index:99
}
.m-dialog .dialog-mask {
	position:absolute;
	z-index:-1;
	width:100%;
	height:100%;
	background:rgba(0, 0, 0, .6)
}
.m-dialog .dialog-container {
	position:absolute;
	top:50%;
	left:50%;
	-webkit-transform:translate(-50%, -50%);
	transform:translate(-50%, -50%);
	width:7.653333rem;
padding-bottom:.533333rem;
	background:#fff;
border-radius:.106667rem
}
.m-dialog .dialog-banner {
	position:relative;
	height:1.76rem;
	background:#fab4d9;
}
.m-dialog .dialog-banner .banner-img {
	position:absolute;
	bottom:0;
left:.7rem;
	width:2.2rem;
	height:2.4rem;
	background:url(../images/teacher2.png) no-repeat;
	background-size:100% 100%
}
.m-dialog .dialog-banner .banner-info {
	position:absolute;
	left:3.1rem;
top:.373333rem
}
.m-dialog .dialog-banner .banner-info .info-name {
font-size:.44rem;
	color:#333;
	font-weight:500
}
.m-dialog .dialog-banner .banner-info .info-name span {
margin-left:.053333rem;
padding:.066667rem .186667rem;
	background:#fe3ea3;
border-radius:.213333rem .2rem .213333rem 0;
	color:#fff;
font-size:.266667rem;
	font-weight:400
}
.m-dialog .dialog-banner .banner-info .info-intro {
margin-top:.106667rem;
font-size:.333333rem;
	color:#666
}
.m-dialog .dialog-text {
margin-top:.373333rem;
padding:0 .4rem;
font-size:.4rem;
	color:#666;
line-height:.56rem
}
.m-dialog .dialog-text span {
	color:#fe3ea3
}
.m-dialog .btn-keep {
margin:.666667rem auto 0;
	width:6.853333rem;
	height:1.173333rem;
	line-height:1.173333rem;
	background:#fe3ea3;
border-radius:.586667rem;
	color:#fff;
font-size:.426667rem;
	text-align:center
}
.m-dialog .btn-cancel {
margin-top:.266667rem;
	text-align:center;
font-size:.373333rem;
	color:#666
}
#page-question {
	width:100%;
	position:relative;
}
.m-container {
	position:relative;
}
.m-banner {
margin-top:.3rem;
	padding:1.266667rem;
	background:#fff;
border-radius:.213333rem;
margin:4.6rem 1.266667rem 1.266667rem 1.266667rem;
}
.m-banner .banner-avatar {
	overflow:hidden;
	width:7rem;
	height:7rem;
border-radius:1rem
}
.m-banner .banner-avatar img {
	display:block;
	width:100%;
	height:100%;
	
}
.m-banner .banner-info {
margin-left:.84rem;
	line-height:1.5;
}
.m-banner .banner-info .banner-info-teacher {
	font-size:1.5rem;
	color:#333;
	font-weight:500;
}
.m-banner .banner-info .banner-info-teacher>span {
    	font-size:1rem;
    	font-weight:500;
    padding:.066667rem .2rem;
	background:#4469C8;
	margin-left: 0.2rem;
    border-radius:.213333rem .213333rem .213333rem 0
}
.m-banner .banner-info .banner-info-teacher>span a{
	color:#fff!important;
}
.m-banner .banner-info .banner-info-teacher-detail {
	color:#999
}
.m-banner .banner-info .banner-label>span {
margin-right:.16rem;
border:.013333rem solid #4469C8;
	color:#4469C8;
padding:.106667rem .133333rem;
border-radius:.053333rem;
	opacity:.8
}
.m-banner .banner-info .banner-num {
	color:#ff0000;
}
.m-banner .banner-label-box a {
	color: red;
	border-right: #999 2px solid;
	padding-right: 5px;
	padding-left: 5px;
}
.m-banner .banner-label-box a {
	color: red;
	border-right: #999 2px solid;
	padding-right: 5px;
	padding-left: 5px;
} 
.m-banner .banner-label-box a:nth-child(5) {
    border:none;
}
.m-banner .banner-label-box a:hover {
	color:#000;
}
.m-chat,#chatContent{margin:1.266667rem;}
/*.m-chat{margin:0 .3rem;} */
.chat-teacher {
margin-top:.966667rem
}
.chat-teacher .teacher-avatar {
	overflow:hidden;
	width:2.96rem;
	height:2.96rem;
	border-radius:50%;
	-o-border-radius:50%;
	-moz-border-radius:50%;
	-webkit-border-radius:50%;
	border:1px solid #ddd;
}
.chat-teacher .teacher-avatar img {
	display:block;
	width:100%;
	height:100%
}
/*
.chat-teacher .teacher-msg {
margin-left:.266667rem
}
*/
.chat-teacher .teacher-msg.teacher-msg-phone-box {
	min-height:4.853333rem
}
.chat-teacher .teacher-info .teacher-info-name {
	color:#4469C8;
	font-size:2.0rem
}

.chat-teacher .teacher-info .teacher-info-time {
margin-left:.266667rem;
	color:#999
}
.chat-teacher .teacher-msg-item {
margin-top:.266667rem;
	padding:1.346667rem;
	width:100%;
	
	
	font-weight:400;
	color:#333;
	line-height:1.5;
box-shadow:0 .053333rem .133333rem 0 hsla(0, 0%, 91%, .5);
	background:#fff;
}
.chat-teacher .teacher-msg-item img{ width:60%!important; margin:2% 20% 2% 20%!important}
.chat-teacher .teacher-msg-item.ddd {
    width: calc(100% + 2.96rem);
margin-left:-2.96rem;
margin-top:.566667rem;
    
}



.sxpage {
	margin-bottom: 1.266667rem;
	padding: 1.346667rem;
	width: 100%;
	font-weight: 400;
	color: #333;
	line-height: 2;
	box-shadow: 0 .053333rem .133333rem 0 hsla(0, 0%, 91%, .5);
	background: #fff;
}
/*
.sxpage .left{ float:left; width:50%}
.sxpage .right{ float:right;  text-align:right; width:50%}
*/
.chat-teacher .teacher-msg-info {
margin-top:.266667rem;
	padding:1.346667rem;
	width:100%;
	
	font-weight:400;
	color:#333;
	line-height:1.5;
box-shadow:0 .053333rem .133333rem 0 hsla(0, 0%, 91%, .5);
	background:#fff;
}
.chat-teacher .teacher-msg-info>span {
	color:#666;
	font-size:0.9rem;
}
.chat-teacher .teacher-msg-item>span {
	color:#f85a5a
}
.chat-teacher .teacher-msg-item.teacher-msg-select {
	width:100%;
}
.chat-teacher .teacher-msg-item.teacher-msg-select>.msg-select-options {
	overflow:hidden;
	position:relative;
	top:-10px;
}
.chat-teacher .teacher-msg-item.teacher-msg-select>.msg-select-options .option {
margin:.266667rem auto 0;
	width:48%;
	height:1.673333rem;
	line-height:1.673333rem;
	text-align:center;
	font-size:1rem;
	color:#fff;
	background:#4469C8;
border-radius:.133333rem
}
.chat-teacher .teacher-msg-item.teacher-msg-parse {
	color:#318fec
}
.chat-teacher .teacher-msg-item.teacher-msg-parse span {
	display:inline-block;
width:.453333rem;
height:.453333rem;
	background:url(../images/icon-parse.9643aa6.png) no-repeat;
	background-size:100% 100%;
	-webkit-animation:d linear 3s infinite;
	animation:d linear 3s infinite
}
.chat-teacher .teacher-msg-item.teacher-msg-phone .msg-input {
margin-top:.266667rem
}
.chat-teacher .teacher-msg-item.teacher-msg-phone .msg-input input {
	display:inline-block;
	width:4.72rem;
padding-left:.293333rem;
	color:#333;
font-size:.4rem;
border:.013333rem solid #c6c6c6;
border-radius:.106667rem
}
.chat-teacher .teacher-msg-item.teacher-msg-phone .msg-input input::-webkit-input-placeholder {
color:#999
}
.chat-teacher .teacher-msg-item.teacher-msg-phone .msg-input input::placeholder {
color:#999
}
.chat-teacher .teacher-msg-item.teacher-msg-phone .msg-input .submitBtn {
margin-left:.213333rem;
	display:inline-block;
	width:2.24rem;
	height:1.173333rem;
	line-height:1.173333rem;
	text-align:center;
	background:#f4d59d;
border-radius:.106667rem;
	color:#86601e;
font-size:.426667rem;
	font-weight:400
}


.bottom_btn {
	z-index:101;
	position:fixed;
	left:0;
	bottom:0;
	width:100%;
	height:1.2rem;
	line-height:1.2rem;
	background:#f4d59d;
	color:#86601e;
	text-align:center;
font-size:.5rem;
}
.start_btn {
margin-top:.2rem;
	height:1rem;
	line-height:1rem;
	background:#fe3ea3;
	color:#fff;
	text-align:center;
font-size:.45rem;
	border-radius:1rem;
}
.body_p {
	width:100%;
	height:1px;
	background:#f4f4f4;
	overflow:hidden;
}
footer {/*display:none;padding-bottom:0.5rem;*/
font-size:.32rem;
	text-align:center;
	position:fixed;
	bottom:0em;
	left:0;
	right:0;
	color:#ccc;
	z-index:9999;
}
.wechat_img {
	margin:1.266667rem;
}
.wechat_img img {
	width:100%;
}

/* 20200106 xg */
.animated {
/* -webkit-animation-duration:1s;
    animation-duration:1s;
    -webkit-animation-fill-mode:both;
    animation-fill-mode:both */
}
.animated.infinite {
	-webkit-animation-iteration-count:infinite;
	animation-iteration-count:infinite
}
.animated.hinge {
	-webkit-animation-duration:2s;
	animation-duration:2s
}
.animated.bounceIn, .animated.bounceOut, .animated.flipOutX, .animated.flipOutY {
 -webkit-animation-duration:.75s;
 animation-duration:.75s
}
@-webkit-keyframes a {
 0% {
 opacity:0;
 -webkit-transform:translate3d(0, 100%, 0);
 transform:translate3d(0, 100%, 0)
}
to {
	opacity:1;
	-webkit-transform:none;
	transform:none
}
}
@keyframes a {
 0% {
 opacity:0;
 -webkit-transform:translate3d(0, 100%, 0);
 transform:translate3d(0, 100%, 0)
}
to {
	opacity:1;
	-webkit-transform:none;
	transform:none
}
}
@-webkit-keyframes b {
 to {
 opacity:1;
 -webkit-transform:none;
 transform:none
}
 50% {
 opacity:0;
 -webkit-transform:translate3d(0, 100%, 0);
 transform:translate3d(0, 100%, 0)
}
 0% {
 opacity:0
}
}
@keyframes b {
 to {
 opacity:1;
 -webkit-transform:none;
 transform:none
}
 50% {
 opacity:0;
 -webkit-transform:translate3d(0, 100%, 0);
 transform:translate3d(0, 100%, 0)
}
 0% {
 opacity:0
}
}
@-webkit-keyframes c {
 0% {
 opacity:1;
 -webkit-transform:scaleY(1);
 transform:scaleY(1)
}
to {
	opacity:0;
	-webkit-transform:scaleY(0);
	transform:scaleY(0)
}
}
@keyframes c {
 0% {
 opacity:1;
 -webkit-transform:scaleY(1);
 transform:scaleY(1)
}
to {
	opacity:0;
	-webkit-transform:scaleY(0);
	transform:scaleY(0)
}
}
@-webkit-keyframes d {
 0% {
 -webkit-transform:rotate(0deg);
 transform:rotate(0deg)
}
to {
	-webkit-transform:rotate(1turn);
	transform:rotate(1turn)
}
}
@keyframes d {
 0% {
 -webkit-transform:rotate(0deg);
 transform:rotate(0deg)
}
to {
	-webkit-transform:rotate(1turn);
	transform:rotate(1turn)
}
}
.fadeInUp {
/* -webkit-animation-name:a;
            animation-name:a */
        }
.fadeInUp2 {
	-webkit-animation-name:b;
	animation-name:b
}
.hide {
	-webkit-animation-name:c;
	animation-name:c
}
.footer_cont_box {
	width:auto;
	/*float:right;*/
   /*background-color:#fff;*/
   overflow:hidden;
   margin: 1.266667rem;
}
.footer_cont_box .footer_add_wechat {
	width:94%;
	margin:0 auto;
	background-color:#fff;/*overflow:hidden;*/
}
.footer_add_wechat .add_wechat_t {
	font-size:0.45rem;
	color:#333;
	line-height:0.8rem;
	text-align:left;
	width:90%;
	margin:0.4rem auto;
	overflow:hidden;
}
.footer_add_wechat .wx_msg {
	width:94%;
	margin:0.4rem auto;
	border-bottom:1px solid #ddd;
	overflow:hidden;
}
.footer_add_wechat .wx_msg span {
	width:50%;
	float:left;
}
.wx_msg .wx_num {
	text-align:center;
	height:1rem;
	line-height:1rem;
	font-size:0.6rem;
	color:#fe3ea3;
}
.wx_msg .copy_wechat {
	text-align:right;
	float:right;
}
.wx_msg .copy_wechat em {
	display:inline-block;
	height:1rem;
	line-height:1rem;
	font-style:normal;
	padding:0 0.2rem 0 0.2rem;
	background-color:#fe3ea3;
	color:#fff;
	font-size:0.45rem;
	border-radius:0.15rem;
	-moz-border-radius:0.15rem;
	-o-border-radius:0.15rem;
	-webkit-border-radius:0.15rem;
}
.contfs {
	width:100%;
	margin:0.4rem auto 0rem;
	text-align:center;
	padding:0.4rem 0 2.4rem 0;
	background-color:#fff;
	/*height: 120px;*/
}
.contfs h2 {
 line-height:.5rem;
}
.contfs p {
	font-size:1.3rem;
	color: #000;
}
.contfs img{ width:60%; max-width:260px;}
.cont_box1 {
	width:100%;
	margin:0.4rem auto 0rem;
	text-align:center;
	padding:0.4rem 0 2.4rem 0;
	background-color:#fff;
	overflow:hidden;
	_display:inline;
	height: 50px;
}
.cont_box1 h3 {
	font-size:20px;
	color:#000;
	margin:0;
	line-height:20px;
}
.cont_box1 p {
	width:90%;
	margin:0 auto;
	font-size:1rem;
	color:#4469C8;
	line-height:1rem;
}
.m_toast {
	position:fixed;
	width:60%;
	top:25%;
	left:20%;
	text-align:center;
	z-index:111111;
	display:block;
	min-width:4rem;
	display:inline-block;
	font-size:0.45rem;
	font-weight:bold;
	color:#ffffff;
	background:#000000;
	filter:alpha(opacity=70);
	opacity:0.7;
	border-radius:0.15rem;
	padding:0.3rem 0;
	_display:inline;
}
.rollbb {
	width: 90%;
	margin: 0.4rem auto 0;
	height: 60px;
	overflow: hidden;
	position:fixed;
	left: 0;
	right:0;
	bottom: 20%;
}
.rollbb>div>div>div>p {
	color: #fff;
	font-size: 1rem;
	text-align: center;
	line-height: 30px;
}
#mb {
	width: 100%;
	height: 100%;
	position:fixed;
	top: 0;
	left: 0;
	background: #000;
	z-index: 9;
	opacity:0.4;
	display: none
}
.content_tx {
	text-align: center;
	border-radius:5px;
	width: 320px;
	height: 200px;
	background: #fff;
	position:fixed;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	margin: auto;
	z-index: 10;
	display: none
}
.content_tx>p {
	text-align: center;
	width: 100%;
	margin: 0 auto;
	font-size: 1rem
}
#wxxx {
	background: #fe3ea3;
	color: #fff;
	font-weight: bold;
	font-size: 1.2rem;
	border-radius:5px;
	padding: 0 10px;
}
.footer_add_wechat {
	max-width:1200px;
	width: 100%;
	margin:0 auto;
	text-align: center;
	position: fixed;
	bottom: 0rem;
	left:0;
	right:0;
}
.copy1 {
	width: 48%;
	height: 32px;
	line-height: 32px;
 margin: .4rem auto;
	border-radius: 3px;
	display: inline-block;
	font-size: 1.1rem;
	background-color: #4469C8;
	color: #fff;
	font-weight: 600;
	cursor:pointer;
}
.copy1 a{color: #fff;}
.iqkka {
	height: 50px;
	display: block;
	width: 110px;
	line-height: 50px;
	border-right: 1px solid #8c8c8c;
	float: left;
}
.quxiao {
	display: block;
	width: 59px;
	float: left;
	line-height: 50px;
	text-align: center;
}
.tooltiptext {
	display: none;
	width: 170px!important;
	height: 50px!important;
	background-color: black;
	color: #fff;
	text-align: center;
	border-radius: 6px;
	position: absolute;
	z-index: 1;
	bottom: 65%;
	margin-left: 23%;
}
.tooltiptext>span {
	content: "";
	position: absolute;
	top: 100%;
	left: 50%;
	margin-left: -5px;
	border-width: 5px;
	border-style: solid;
	border-color: black transparent transparent transparent;
}
/* add content 20201104 */

.loading {
	width: 150px;
	height: 10px;
	margin: 0 auto;
	margin-top: 20px;
}
.loading span {
	display: inline-block;
	width: 10px;
	height: 100%;
	margin-right: 5px;
	border-radius: 50%;
	background: #302825;
	-webkit-animation: load 1.04s ease infinite;
}
.loading span:last-child {
	margin-right: 0px;
}
.loading span:nth-child(1) {
-webkit-animation-delay:0.13s;
}
.loading span:nth-child(2) {
-webkit-animation-delay:0.26s;
}
.loading span:nth-child(3) {
-webkit-animation-delay:0.39s;
}
.loading span:nth-child(4) {
-webkit-animation-delay:0.52s;
}
.loading span:nth-child(5) {
-webkit-animation-delay:0.65s;
}
@-webkit-keyframes load {
0% {
opacity: 1;
-webkit-transform: scale(1.3);
}
100% {
opacity: 0.2;
-webkit-transform: scale(.3);
}
}
.showfirst {
	display: none
}
/* 20211028 æ‰«ç æ·»åŠ å¯¼å¸ˆ */
.rightside-code-box {
	width:120px;
	height:auto;
	position:fixed;
	top:30%;
	right:10px;
	z-index:60;
}
.rightside-code-box img {
	max-width:100%;
	background-size:100% auto;
}
.rightside-code-box p {
	text-align:center;
	font-size:14px;
	color:#666;
}
/* äºŒç»´ç PC显示 */
@media (max-width:640px) {
 .rightside-code-box {
display:none;
}
}
@media (max-width:280px) {
 .chat-teacher .teacher-msg-item {
max-width:23em;
}
}
@media (max-width:360px) {
 .chat-teacher .teacher-msg-item {
max-width:24em;
}
}
@media (max-width:420px) {
 .chat-teacher .teacher-msg-item {
max-width:24em;
}
}
@media (max-width:520px) {
 .chat-teacher .teacher-msg-item {
max-width:25em;
}
}
@media (max-width:710px) {
 .chat-teacher .teacher-msg-item:nth-child(14) {
max-width:26em;
}
 .chat-teacher .teacher-msg-item:nth-child(15) {
max-width:26em;
}
}
*/ .header_cont img {
max-width:100%;
background-size:100% auto;
}
/* 右下è§'æ·»åŠ å¾®ä¿¡ */
.right_add_wechat {
	max-width:640px;
	margin:0 auto;
	position:fixed;
	bottom:20%;
	right:0.6em;
	text-align:center;
	z-index:10;
}
.right_add_wechat img {
	width:4em;
	background-size:100% auto;
}
.right_add_wechat p {
	font-size:12px;
	color:#666;
	text-align:center;
	line-height:1.6;
}
/*20211114*/
.statistics02 {
	background:#4469C8;
	padding: 10px 30px;
	border-radius: 5px;
	display: inline-block;
	font-size:1rem;
	font-weight: bold;
	color: #fff;
}
/*20211208 add*/
.banner-label-box span {
	display:inline-block;
	margin:0.08rem 0.02rem;
	color: rgb(255, 98, 119);
	opacity: 0.8;
	/*width: auto;*/
    border-width: 0.013333rem;
	border-style: solid;
	border-color: rgb(255, 98, 119);
	border-image: initial;
	padding:0.12rem 0.1rem;
	border-radius: 0.053333rem;
}
/*相关案例*/
.real_case_box {
	width:100%;
	margin:0 auto;
	background-color:#fff;
	height:100%;
	overflow:hidden;
}
.real_case_box .header_cont {
	width:94%;
	margin:0.6rem auto;
	text-align:center;
}
.real_case_box .header_cont img {
	max-width:100%;
	background-size:100% auto;
}
.header_cont .subtitle {
	width:92%;
	margin:0 auto;
}
.header_cont .subtitle h2 {
	color:#000;
	line-height:1.6;
	margin-bottom:0;
	_display:inline;
}
.header_cont .subtitle p {
	color:#ff0000;
	font-size:1.1rem;
}
.header_cont .subtitle p span {
	color:#ec5a62;
}
.real_case_cont {
	width:100%;
	margin: 2em auto 0;
	background-color:#fff;
	overflow:hidden;
}
.real_case_cont .real_case_list {
	padding-left:0;
	width:100%;
	margin:0 auto;
	display:-webkit-box;
	white-space:nowrap;
	overflow-x:auto;
	height:auto;
	-webkit-overflow-scrolling:touch;
}
.real_case_cont .real_case_list::-webkit-scrollbar {
display: none;
}
.real_case_cont .real_case_list li {
	border:1px solid red;
	max-width:24em;
	width:100%;
	margin:0 0.4em;
}
*/ .real_case_cont .real_case_list li:nth-child(1) {
height:680px;
}
.real_case_cont .real_case_list li:nth-child(2) {
height:680px;
}
.real_case_cont .real_case_list li img {
	width:100%;
	background-size:100% auto;
}
*/ .real_case_cont .swiper-pagination-bullet-active {
background:red;
}
.real_case_cont .swiper-slide {
	position:relative;
	z-index:1;
	height:auto !important;
	overflow:hidden;
}
.real_case_cont .swiper-pagination-bullet {
	margin:0 3px;
}
.real_case_cont .swiper-slide-active {
	height:auto !important;
}
.real_case_cont .swiper-slide img {
	position:relative;
	z-index:2;
}
.real_case_cont .swiper-pagination {
	position:relative;
	top:-5em;
	padding-top:0 !important;
	overflow:hidden;
	margin:0 5px;
}
.real_case_cont .r_case_des {
	width:94%;
	margin:0 auto;
	position:relative;
	z-index:10;
}
.real_case_cont .r_case_des h3 {
	font-size:1.4em;
	margin-top:0px !important;
	line-height:1.4;
	white-space:normal !important;
}
.real_case_cont .r_case_des h3 i {
	display:inline-block;
	width:0.2em;
	height:1.2em;
	background-color:#ec5a62;
	position:relative;
	top:0.2em;
}
.r_case_des .case_info {
}
.r_case_des .case_info p {
	padding-bottom: 0.6em;
	font-size:1.2em;
	line-height:2.0;
	white-space:normal !important;
}
/* 20211227 */
.swiper-slide {
	width: 100%;
	height: auto!important;
}
.swiper-pagination {
	position: absolute;
	text-align: center;
 -webkit-transition: .3s;
 -moz-transition: .3s;
 -o-transition: .3s;
 transition: .3s;
	-webkit-transform: translate3d(0, 0, 0);
	-ms-transform: translate3d(0, 0, 0);
	-o-transform: translate3d(0, 0, 0);
	transform: translate3d(0, 0, 0);
	z-index: 10;
}
.swiper-pagination-bullet {
	width: 8px;
	height: 8px;
	display: inline-block;
	border-radius: 100%;
	background: #000;
	opacity: .2;
}
.swiper-pagination-clickable .swiper-pagination-bullet {
	cursor: pointer;
}
.swiper-pagination-bullet-active {
	opacity: 1;
	background: #007aff;
}
.swiper-pagination-bullet {
	width: 8px;
	height: 8px;
	display: inline-block;
	border-radius: 100%;
	background: #000;
	opacity: .2;
}
.tag-box, .no-comment-box, .posts-author-box, .posts-box, .card, .user-info-box, .page-box, .carousel {
	margin-bottom: 20px;
}
/*.posts-comment-box, .posts-author-box, .posts-box, .editor-form-box, .editor-title, .card-body, .card-header {
    padding: 20px;
} */
.card-header h2 {
	width:100%;
	text-align:center;
}
.list-group {
	display: -ms-flexbox;
	display: flex;
	-ms-flex-direction: column;
	flex-direction: column;
	padding-left: 0;
	margin-bottom: 0;
 border-radius: .25rem;
}
.list-group-item {
	border: none;
	padding: 0.75rem 1.25rem;
}
.list-group-item {
	position: relative;
	display: block;
 padding: .75rem 1.25rem;
	background-color: #fff;
}
.list-group-item-action {
	width: 100%;
	color: #495057;
	text-align: inherit;
}
.posts-list-title {
	font-size: 1.2rem;
	line-height: 1.5;
	margin-bottom: 5px;
	color: rgba(0, 0, 0, .85);
}
.text-muted {
	color: #6c757d !important;
}
.small, small {
	font-size: 1rem;
	font-weight: 400;
}
.posts-list-desc, a {
	color: rgba(0, 0, 0, .87);
}
img {
	vertical-align: middle;
	border-style: none;
}
.posts-list-payload-item, .posts-list-payload-item a, .posts-list-payload-box-author {
	color: #6c757d !important;
	font-size:0.85rem;
}
.posts-list-payload-item {
	padding: 3px 8px;
}
.posts-list-payload-item img {
    width: 14px; 
    height: 14px; 
    display: inline-block;
}

svg {
	overflow: hidden;
	vertical-align: middle;
}
*, ::after, ::before {
 box-sizing: border-box;
}
.posts-box .card-header span {
	font-weight: 600;
}
.posts-box .list-group-item:hover {
	background-color: #eee;
}

.custom-bg-color {
	background-color: #EEEEEE;
}

.teacher-msg-item.teacher-msg-select {
	width: 100%;
	max-width:1200px;
	position: fixed;
	bottom: 0rem;
	z-index: 10;
	padding:0 20px;
	background-color: #eee;
	height:9.4rem;
	background:#fff;
}
.seatbottom {
	max-width: 1200px !important;
	margin: auto;
	margin-top: 12px;
}
.teacher-msg-item.teacher-msg-select>.msg-select-options {
	overflow: hidden;
	position: relative;
}
.teacher-msg-item.teacher-msg-select>.msg-select-options .option {
 margin:1%;
	width: 48%;
	height:3rem;
	line-height:3rem;
	text-align: center;
	background: #4469C8;
 border-radius: .133333rem;
}
.teacher-msg-item.teacher-msg-select>.msg-select-options .option a {
	font-size:1.2rem;
	color: #fff;
}
.foot{width:100%; text-align:center;line-height:1.5;font-size:0.85rem;}
.end{ height:3.2rem;  }
.end1{ height:3rem;  }
.contentbox {
        padding: 1.346667rem;
        font-size: 1.2rem;
}
.hottag{margin:1.266667rem; background:#fff; padding:1.266667rem 1.266667rem 0.7rem 1.266667rem; }
.hottag span{ font-size:1.25rem}
.hottag h2{display:inline;}
.hottag a{ background:#4469C8; color:#fff; font-size:1rem; padding:0 0.8rem; display:inline-block; margin-bottom:0.5rem; height:2rem; line-height:2rem; margin-right:0.5rem;border-radius:1rem;}
.hottag a:hover{background:#4986E7; }

.lmpage{ text-align:center; font-size:0.95rem; margin-top:1.5rem;}
.lmpage a{ border:1px solid #ccc; padding:8px 12px; margin:5px;font-size:0.95rem; cursor:pointer;}
.lmpage a.page-num-current,.lmpage a:hover{ background:#4469C8; border:1px solid #4469C8; color:#fff;}
.page-index,.page-last,.page-status{ display:none;}

@media (max-width:767px) {
	html{font-size:12px;}
.chat-teacher .teacher-msg-item {
	font-size: 1.2rem;
}
.chat-teacher .teacher-msg-item img{ width:100%!important; margin:2% 0 2% 0!important}
}



 .tabs-container {
            max-width: 1200px;
            
            background: white;
            border-radius: 8px;
            overflow: hidden;
            margin: 1.266667rem;
          
        }
        
        .tab-buttons {
            display: flex;
            justify-content: center;
            border-bottom: 1px solid #eee;
        }
        
        .tab-button {
            padding: 12px 24px;
            background: none;
            border: none;
            cursor: pointer;
            font-size: 1.2rem;
            font-weight: bold;
            transition: all 0.3s ease;
            position: relative;
            margin: 0;
        }
        
        .tab-button:not(:last-child) {
            margin-right: 10px;
        }
        
        .tab-button:hover {
            background-color: #f5f5f5;
        }
        
        .tab-button.active {
            color: #fff;
            background-color: #4469C8;
        }
        
        .tab-button.active::after {
            content: '';
            position: absolute;
            bottom: -1px;
            left: 0;
            width: 100%;
            height: 2px;
            background-color: #4469C8;
        }
        
        .tab-content {
            padding: 20px;
            min-height: 150px;
        }
        
        .tab-pane {
            display: none;
        }
        
        .tab-pane.active {
            display: block;
        }
        
        /* 响应式调整 */
        @media (max-width: 480px) {
            .tabs-container {
               width:100%;
                box-shadow: none;
                border-radius: 0;
                margin: 0;
            }
            
            .tab-buttons {
                overflow-x: auto;
               
            }
            
            .tab-button {
                flex-shrink: 0;
                padding: 10px 16px;
                font-size: 14px;
            }
            
            .tab-button:not(:last-child) {
                margin-right: 8px;
            }
        }


/* 悬浮按钮容器 */
        .float-buttons {
            position: fixed;
            right: 50%;
            margin-right: -700px;
            bottom: 50px;
            z-index: 999;
            display: flex;
            flex-direction: column;
            gap: 10px;
        }
        
        /* 按钮通用样式 */
        .float-btn {
            width: 50px;
            height: 50px;
            background: rgba(0, 0, 0, 0.7);
            color: white;
            border-radius: 50%;
            display: flex;
            align-items: center;
            justify-content: center;
            cursor: pointer;
            transition: all 0.3s ease;
            font-size: 12px;
            text-decoration: none;
            text-align: center;
        }
        
        .float-btn:hover {
            background: rgba(255, 98, 119, 0.9);
            transform: translateY(-3px);
        }
        
        /* 响应式调整 */
        @media (max-width: 900px) {
            .float-buttons {
                right: 15px;
                margin-right: 0;
            }
            .float-btn {
            width: 40px;
            height: 40px;
            font-size: 10px;
        }
        }