/* 底部弹出在线职业规划老师样式 */
.cf:before,.cf:after{display: table;content:""}.cf:after{clear:both}.cf{zoom:1}
.shadow {z-index:999990; display: none; position: fixed; width: 100%; height:auto; top:0; left:0;  }
.float_container {z-index:999991; display: none; position: fixed; width: 100%; left:0; bottom:0; background-image: -moz-linear-gradient(#c0e1e1, #cbe3e1); background-image: -webkit-linear-gradient(#c0e1e1, #cbe3e1); background-image: -o-linear-gradient(#c0e1e1, #deceb7); background-image: linear-gradient(#c0e1e1, #cbe3e1); }
.db { display: block}
.float_container .title { background:#0278be; background-size: 40px; font-size:20px; line-height: 2.2; color:#fff; text-align: center; letter-spacing: -1px; }
.float_container dl { display: none; transiton: all .3s linear 0s;margin:0;padding:0; height:55px;}
.float_container dt { display: inline-block; width: 14%; float: left; text-align: center}
.float_container dt img{max-width:100%;border:0;vertical-align:middle;-ms-interpolation-mode: bicubic}
.float_container dd {margin:0; display: inline-block; position: relative; width: 75%; float: left; margin-top: 10px; }
.float_container .time { font-size: 12px; line-height: 1.6; color:#6c6761; text-align: center;width:100%;margin:0;height:1.6em; }
.float_container .box { color:#000;position: relative; margin-left: 2%; padding:2%; border:1px solid #7ebbe4; border-top-color: #b2daf0; border-radius: 12px; box-shadow: 0 3px 0 #3ea0dd, inset 0 1px 1px #fff; background-image: -moz-linear-gradient(#c6e5fa, #a6d7f7); background-image: -webkit-linear-gradient(#c6e5fa, #a6d7f7); background-image: -o-linear-gradient(#c6e5fa, #a6d7f7); background-image: linear-gradient(#c6e5fa, #a6d7f7); letter-spacing: -1px; }
.float_container .box img { width: 20px; vertical-align: bottom;}
.float_container .box:before,
.float_container .box:after { position: absolute; content: ""}
.float_container .box:before { width: 18px; height: 13px; top:-1px; left:-9px;background-size: 18px; }
.float_container .box:after { width: 40px; height: 26px; bottom:-4px; right:-7px;  background-size: 40px; }
.float_container .btn_tk { margin-top: 15px; padding:10px 0; border-top:1px solid #c7c7c0; border-bottom:1px solid #979185; background-color: #eaebed; }
.float_container .btn_tk a { display: inline-block; width:35%; height: 2em; float:left; margin:0 5%; border:1px solid #a6a5a1; border-radius: 12px; background-color: #fefefe; box-shadow: 0 2px 2px #d1d1d3; font-size: 16px; color:#6c6761; line-height: 2; text-align: center; text-decoration: none; transition:all .3s linear 0s; }
.float_container .btn_tk a:hover {border-color:#959490;background-color: #f7f7f7}

@media screen and (max-width: 320px) {
	.float_container .title {font-size: 18px; background-size: 30px}
	.float_container dd {width: 73%}
	.float_container .box {
		font-size: 13px
	}
	.float_container .btn_tk a {
		border-radius: 10px;
		font-size: 15px
	}
}
@media screen and (min-width:320px) and (max-width:1920px){
	.float_container .title {font-size: 18px; background-size: 30px}
	.float_container dd {width: 80%}
	.float_container .box {
		font-size: 14px
	}
	.float_container .btn_tk a {
		border-radius: 10px;
		font-size: 15px
	}
	.float_container dt img{max-width:60%;border:0;vertical-align:middle;-ms-interpolation-mode: bicubic}
	.float_container dl { display: none; transiton:all .3s linear 0s;margin:0;padding:0; height:70px;}
	.float_container .btn_tk { margin-top:5%; padding:2% 0; border-top:1px solid #c7c7c0; border-bottom:1px solid #979185; background-color: #eaebed; }
}
@media screen and (max-width: 360px){.float_container dt {  margin: 30px 0 0 8px;}}
@media screen and (min-width:360px) and (max-width:480px){.float_container dt {  margin: 30px 0 0 8px;}}
@media screen and (min-width:480px) and (max-width:550px){.float_container dt {  margin: 22px 0 0 8px;}}
@media screen and (min-width:550px) and (max-width:1920px){.float_container dt {  margin: 10px 0 0 8px;}}

/* 页面中公共部分的样式 */

/* js公共部分的样式 */
.two_top{
    height: 35px;
    line-height: 35px;
}
.two_sch{
    float: right;
    padding-right: 1em;
}
.log{
    width: 151px;
    height: 35px;
}
/* 底部公用 */
.two_foot{
    font-size: 14PX;
    background: #197a8c;
    color: #FFF;
    padding: 2% 0;
    padding-bottom: 1.5%;
    text-align: center;
    line-height: 25px;
    padding-bottom: 80px;
}
.two_foot a{
    width: 50%;
    float: left;
    line-height:10px;
}
 /* 底部公用2  */
 .two_f {
    float: left;
    overflow: hidden;
}

.two_foot11 {
    max-width: 730px;
    min-width: 320px;
    z-index: 99999;
    font-size: .4rem;
    line-height: 1rem;
    height: 1rem;
    display: block;
    margin: 0 auto;
    position: fixed;
    bottom: -1px;
    width: 100%;
}

.two_foot11 img {
    margin: 0 auto;
    display: -webkit-inline-box;
    border: 0;
    width: 25%;
    line-height: 3em;
}

.two_mgz {
    margin-right: auto;
    overflow: hidden;
}

.two_footl {
    width: 33%;
    text-align: center;
    background: #0864BB;
    margin: 0 auto;
    position: relative;
}

.two_footm {
    width: 34%;
    text-align: center;
    background: #e50013;
    margin: 0 auto;
    position: relative;
}

.two_footr {
    width: 33%;
    text-align: center;
    background: #0864BB;
    margin: 0 auto;
    position: relative;
}

.two_footf {
    height: .5rem;
}

.two_foot11 a div {
    color: #fff;
}

#sjon {
    font-size: 0.2rem;
}

.two_footx {
    width: .3rem;
    height: .3rem;
    line-height: .18rem;
    border-radius: 50%;
    background: #ef8200;
    position: absolute;
    top: 2px;
    right: 2px;
}
/*快商免费电话样式*/
.kstmask {position: fixed;bottom: 40%;left:100%;width:80%;height: 128px;z-index: 1001;margin:0px auto;border:2px solid #0864BB;margin-left:10%;box-shadow: 3px 0 8px #ccc;border-radius: 4px;background:#fff;}
.kstmask  input {
	width:65%;
	height:38px;
	padding:0 5px;
	border:1px solid #ccc !important;
	background-color:#fff;
	-webkit-border-radius:3px;
	border-radius:3px;
	z-index:2;
	margin-top:20px;
	margin-left:2%;
	float:left;
}
.kstbtn {
	width:25%!important;
	display:block;
    height: 38px!important;
    line-height: 38px;
	float:left!important;
    background: #0864BB !important;
    color: #fff;
    -webkit-border-radius: 3px!important;
    border-radius: 3px!important;
    font-size: 14px;
    font-weight: 700;
    text-align: center;
	margin-top:20px!important;
	margin-left:2%!important;
}
.kstmfdhp {color: #2d85d5;font-size: 12px;line-height: 20px;margin-left:2%;}
.kstmask .gotoCenter {display: block;width: 1000px;height: 140px;margin: 0 auto;}
.kstmask .kstcloseee {position: absolute;margin-right: 0px;width: 30px;height: 30px;cursor: pointer;background: url("../images/closesanjiao.png") -40px 0;top: -15px;right: -15px;}
.kstclickarea{position:absolute;top:0;left:200px;margin-left:0px;width:100%;height:100%;cursor:pointer;}
.kstthumbnail {position: fixed;right: 0px;bottom: 30%;width:35px;height: auto;cursor: pointer;background: #03159b;border-radius: 4px;}
.kstthumbnail p{text-align:center;color:#fff;font-size:16px;}

/* 免费申请听课部分的样式 */
.telcss{
    padding-left: .9rem;
    width:4.1rem;
    height: 60px;
    font-size: .25rem;
    line-height: .8rem;
    border-radius: .1rem;
    color: #666;
    text-align: left;
    background: white;
}
.table{
    position: relative;
}
.icon1{
    width: .38rem;
    height: .43rem;
    position: absolute;
    left: 0.7rem;
    top: 47px;

}
.icon2{
    width: .38rem;
    height: .4rem;
    position: absolute;
    left:  0.7rem;
    top: 135px;

}