@charset "gb2312";
/* CSS Document */
/*
* Description: 高效速成-移动
* Update:      22/08/2016
* Author:      yixiaofang 
*/
html {font-size: 10px;-webkit-text-size-adjust: 100%;-ms-text-size-adjust: 100%;}
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,p,blockquote,th,td,img,article,aside,details,figcaption,figure,footer,header,hgroup,menu,.con_01,section {margin: 0;padding: 0;}
body {color: #333;background-color: #f8f8f8;font-family: Arial, "微软雅黑";margin:0 auto;width:100%;height:100%;overflow-x:hidden;position:relative;}
fieldset,img {border: 0;display: block;}
ol,ul,dl {list-style: none;}
h1,h2,h3,h4,h5,h6 {font-size: 100%;font-weight: normal;}
em,s,i {font-style: normal;}
input,button,select,textarea {border: 0;outline: none;}
textarea {resize: none;}
a {text-decoration: none;display: inline-block;}
a:hover {text-decoration: none;}
img {width: 100%;max-width: 100%;height: auto;}
.video embed,.video object,.video iframe {width: 100%;height: auto;}
a,button,input {-webkit-tap-highlight-color: rgba(0, 0, 0, 0);}

input[type="submit"],
input[type="reset"],
input[type="button"],
input {-webkit-appearance: none;}
.clear {clear: both; display: block; height: 0; visibility: hidden; font: 0/0 arial}
.clearfix:after {content:"."; display: block; height: 0; clear: both; visibility: hidden; font-size: 0}
.clearfix {*zoom: 1}
article, aside, footer, header, hgroup, main, .con_01, section { display: block;}

@media only screen and (min-width: 481px){
    html {
        font-size: 94%!important;
    }
}
@media only screen and (min-width: 561px){
    html {
        font-size: 109%!important;
    }
}
@media only screen and (min-width: 641px){
    html {
        font-size: 125%!important;
    }
}
/*-----------------------------------------分隔线-------------------------------------------------*/
/*浮动电话*/
	.tel_con{position:fixed;width:45px;bottom:63px;left:1%;z-index:9999;cursor:pointer;}
	.tel{display:block;width:45px;height:45px;background:url(http://edu24ol.bs2cdn.100.com/special.19510float_l.png) no-repeat;background-size:100% 100%;margin:0 auto;}
	.btn{ display:block; text-align:center;margin:0 auto; height:40px; line-height:40px; border-radius:20px;}
	.btn_01 { width:63%; box-shadow:#d0b340 0  3px 0 0px; background-color:#f5ce34; color:#272727; font-size:1.4rem;}
	.btn_02 {  box-shadow:#a87b43 0  3px 0 0px; background-color:#fa991e;font-size:1.4rem;}

/*导航*/
	.logoin{padding:2% 0;overflow:hidden;}
	.logo_l{float:left;}
	.logo_r{height:22px;line-height:22px;}
	.logo_l{width:33%;margin:0 2% 0 1%;}
	.logo_r{ padding-top:2%; font-weight:bold;float:right;width:41%;font-size:1.6rem;color:#2094d2;}
	.logo_r span,.tshi span em{float:left;background:url(http://edu24ol.bs2cdn.100.com/special.19510tel.png) no-repeat;background-size:100% 100%;margin-right:2%;}
	.logo_r span{width:20%;height:22px;}

/*nav*/
	.nav{ z-index:100; position:fixed; left:0; bottom:0; width:100%; padding:3% 0; border-bottom:1px solid #e5e5e5; background-color:#fff;}
	.nav ul{ padding-left:3%;}
	.nav li{ float:left;  width:19%; border-right:1px solid #e5e5e5;text-align:center;}
	.nav li p{ color:#444444;font-size:1.2rem; line-height:2rem; }
	.nav li img{ width:50%; margin:0 auto;}

/*banner*/
	.banner{ width:100%;}
	.banner a{ display:block; width:100%;}
/*主体内容*/
	section{width:100%;min-width: 320px;max-width:750px;margin:0 auto;}

/*timer*/
	.timer{ padding-bottom:5%;}
	.title{ padding:5% 0 3% 0; text-align:center; font-size:1.6rem; font-weight:bold; color:#001c2c;}
	.title img{ display:inline-block; vertical-align:middle; margin-top:-5px; width:30%;}
	.tim_ul li{ font-family:"Arial"; width:25%; float:left; text-align:center;}
	.tim_ul li p{ line-height:2rem; font-size:1.4rem; }
	.tim_ul li span{ width:90%; display:block; font-size:5rem; background:url(http://edu24ol.bs2cdn.100.com/special.19510tim_01.jpg) no-repeat; background-size:100% 100%; padding:8% 0; margin:0 auto;color:#fff;}
	
	.tim_d{ width:90%; margin:5% auto; background-color:#fff; border-radius:5px; text-align:center; box-shadow:#b0adae 2px 2px 2px 0px;  }
	.title_01{ padding:3% 0; background-color:#219ce3;border-radius:5px 5px 0 0;  color:#fff;}
	.title_01 h3{ font-size:1.4rem;  font-weight:bold;}
	.title_01 p{ font-size:1.2rem;}
	.tim_d ul{ padding-top:6%; width:70%; margin:0 auto;}
	.tim_d li{ margin-bottom:9%; height:40px; line-height:40px; font-size:1.4rem;}
	.tim_d input{ height:40px; color:#5b5b5b;  width:100%; text-align:center; border:1px solid #afdbf5; border-radius:20px;}
	.tim_d a{ width:100%;}

/*one*/
	.title_02{ line-height:2.2rem; background-color:#219ce3; width:100%; text-align:center; color:#fff; font-size:1.8rem; padding:3% 0;}
	.title_02 img{ margin:0 auto; width:5%;}
	.one_con ul{ padding-left: 2%;}
	.one_con li{ width:23%; margin-right:2%; float:left; text-align:center;}
	.oli_d{ padding:12% 0; background-color:#219ce3; border-radius:50%;}
	.oli_d img{ width:60%; margin:0 auto; display:block;}
	.one_con li p{ font-size:1.2rem; padding-top:5%;}


/*four*/
	.four{ padding-bottom:3%;}
	.autoin{ width:96%; margin:0 auto;}
	.fou_con{ overflow:hidden;}
	.fou_l ul{ padding:5% 0 5% 1%; }
	.fou_l li{ position:relative; float:left; width:24%; margin-right:1%; }
	.fou_l li.current .fli_d{ display:none; }
	.fou_l li .fli_d{width:100%; height:100%;background:rgba(0,0,0,0.6); position:absolute; top:0; left:0; z-index:2;}
	.fou_l li p{ font-size:1.4rem; color:#fff; font-weight:bold; position:absolute; top:29%; left:20%; z-index:5; }
	.fou_r { overflow:hidden; width:99%;    box-sizing:border-box; padding:5% 3% 0 4%;  background-color:#fffbea; border:2px solid #001c2c; } 
	.fou_d{ display:none; }
	.fou_d.current{ display:block;}
	.fou_r dl{ padding-bottom:5%;}
	.fou_r dt{ line-height:2rem; font-size:1.6rem; color:#001c2c; font-weight:bold;}
	.fou_r dd{ font-size:1.4rem; color:#363636;}
	.fou_r dd em{  color:#f73232;}
	.four a{ margin-top:9%;}

	
/*tp_con*/
	.tp_con{ width:100%; background:url(http://edu24ol.bs2cdn.100.com/special.19510bg.jpg) no-repeat; background-size:100% 100%; }

	/*theer*/
		.the_con li{ width:31%; float:left; margin-right:2%; text-align:center;}
		.the_con li p{ font-style:oblique; padding-top:5%; font-size:1.4rem;} 
		.btna a{ width:45%; float:left; color:#fff;}
		.btna { width:87%; padding-left:3%; margin:0 auto; padding:8% 0;}
		.btna  .btn_02{ margin-right:6% ;}
	
	/*package*/
		.title_03{ font-size:2rem; color:#333333; background:url(http://edu24ol.bs2cdn.100.com/special.19510title_05.png) no-repeat; width:90%; background-size:100% 100%; text-align:center; margin:0 auto; }
		.pac_con ul{ padding:6% 0 0 2%;}
		.pac_con li{ text-align:center; padding:10% 3%; box-sizing:border-box; color:#fff; width:31%; float:left; margin-right:2%; }
		.pli_01{ background:url(http://edu24ol.bs2cdn.100.com/special.19510pac_01.png) no-repeat; background-size:100% 100%;}
		.pli_02{ background:url(http://edu24ol.bs2cdn.100.com/special.19510pac_02.png) no-repeat; background-size:100% 100%;}
		.pli_03{ background:url(http://edu24ol.bs2cdn.100.com/special.19510pac_03.png) no-repeat; background-size:100% 100%;}
		.pac_con li h4{ padding-bottom:5%; border-bottom:1px solid #fff; font-size:1.6rem; font-weight:bold;  }
		.pli_d { padding:5% 0; border-bottom:1px solid #fff; }
		.pli_d p{ font-size:1.4rem; line-height:3rem;  }
		.pli_d p img,.pli_p span,.ted_c li span,.ted_c li img{ display:inline-block; vertical-align:middle;}
		.pli_d p img{ width:15%; margin:-5px 5px 0 0; }
		.pli_p{ padding-top:10%; font-size:1.2rem; font-weight:bold;}
		.pli_p em{ font-family:"Arial"; font-size:1.8rem; color:#f5ce34;}
		.pli_p span{ margin-top:-15px ; }
	
/*test*/
	.test{ padding-bottom:8%;}
	.tes_p,.tes_d{  border-radius:5px;box-sizing:border-box;}
	.tes_p{ font-size:1.6rem;  padding:2%; line-height:2rem;  color:#444444; text-indent:2rem; margin:5% auto; border:2px dashed #eeae24; background-color:#fff4c7; }
	.tes_p a{ color:#f73232; }
	.tes_d{ padding-bottom:6%; position:relative;background-color:#fffbea; border:2px solid #f5cf39;   }
	.tes_i{ width:30%; margin-left:3%;} 
	.ted_t { padding-bottom:3%; border-bottom:1px solid #f5ce34; width:96%; margin:0 auto;}
	.ted_t li{ width:49%; float:left;}
	.tli_01{  margin-right:2%;}
	.ted_t li a{ color:#777777; font-size:1.4rem; line-height:1.6rem;}
	
	.ted_c ul{ padding:0 0 3% 2%;}
	.ted_c li{ line-height:3rem; font-size:1.4rem;}
	.ted_c li a{ display:block; width:100%; color:#777;}
	.ted_c li span{ width:32px; height:32px; background:url(http://edu24ol.bs2cdn.100.com/special.19510tes_04.png) center center no-repeat; background-size:60% 60%;}
	.ted_c li img{ width:12%; margin-left: 5px;}

	.sinput,.sbot_a{ display:block; width:66%; margin:0 auto; font-size:1.8rem;  text-align:center; border-radius:20px; height:40px; line-height:40px;box-sizing:border-box;}
	.sinput{ font-size:1.8rem; line-height:30px; color:#131313; background-color:#f5ce34; margin-bottom:5%;  box-shadow:#d0b340 0  3px 0 0px; }
	.sbot_a{ font-weight:bold; background-color:#219ce3; color:#fff;  box-shadow:#458fad 0  3px 0 0px; }
	
/*data*/
	.data{ padding-bottom:8%;}
	.dat_con{ box-sizing:border-box; padding:5% 2% 8%; box-shadow:#acaaab 2px 2px 2px 0px; background-color:#ffe2be; margin-top:8%; border-radius:5px; }
	.da_ul{ color:#fff; padding:2% 2% 2% 4%; background-color:#fa991e;border-radius:5px; }
	.da_ul li{ width:23%; float:left; margin-right:2%; height:26px; line-height:26px; font-size:1.4rem; text-align:center;}
	.da_ul li.current{ border-radius:5px; background-color:#fff; color:#d17f16; }
	.dat_b{ padding-bottom:6%;}
	.dab_d{ display:none; background-color:#fff1df; padding:5% 2% 5% 4%; box-sizing:border-box;   box-shadow:0px 0px 5px 1px #f2cca0 inset;  }
	.dab_d.current{ display:block;}
	.dab_d li{ line-height:3rem; width:100%;}
	.dab_d a{  width:100%; display:block; color:#444444; font-size:1rem;}
	.dab_d span{ display:inline-block; text-decoration:underline;}
	.dab_d li em{ color:#f3462f;}
	.dab_d_01 .dspan_01{ width:68%;}
	.dspan_01{ width:50%;}
	.dspan_02{ width:17%;}
	.dspan_03{text-align:right;  width:30%;}

/*常见问题*/
	.problem_con{ background-color:#f7f5f5;}
	.problem_con h3{font-size:1.8rem;font-weight:bold;color:#fff;text-align:center;background-color:#2d2d2d;padding:4% 0;}
	.pr_bot .sinput{ background:#1ab96f; color:#fff; }
	.pr_con ul{ width:96%; margin:0 auto; padding-top:5% ;}
	.pr_con li{ float:left; width:49%; margin:0 2% 5% 0; box-sizing:border-box;}
	.pr_con .li02{ margin-right:0;}
	.pr_con li a{ color:#333; text-align:left; font-size:1.3rem; background:url(http://edu24ol.bs2cdn.100.com/special.19510pr_01.png) no-repeat;background-size:100% 100%; width:100%; box-sizing:border-box; padding:6% 2% 6% 8%;}
	.pr_con  p{ font-size:1.4rem; text-align:center; padding-bottom:10%;}
	.pr_con a{ font-size:1.4rem; color:#333333; text-align:center; display:block; margin-bottom:5%; }

/*ef*/


.qqqun{
background: url(http://edu24ol.bs2cdn.100.com/special.19510qq.png) top center no-repeat;
    width: 90%;
    margin:0 5%;
    height: 240px;
    background-size: contain;
    position: fixed;
    top: 10%;
    z-index: 99999;
    display: none;
}
.shade{
	background: rgba(0,0,0,0.7);
	width: 100%;
	height:100%;
	position: fixed;
	top:0px;
	z-index: 99998;
	display: none;

}
.qqqunc{
	    width: 10%;
    height: 10%;
    position: absolute;
    right: 0%;
    top: 0px;
}

.qqquno{
	    width: 70%;
    height: 20%;
    position: absolute;
    left: 50%;
    bottom: 18px;
    margin-left: -35%;
}