@charset "utf-8";
/*-------------- VIPABC | Author by Mike Li  ---------------*/
/*                   v3.1 | 2014-10-22                      */
/*                  License: vipabc.com                     */
/*----------------------------------------------------------*/
@media all and (max-width:395px)
{
    .nav-list li.first-nav a.nav-item
    {
       /*line-height:18px; */
       white-space:normal;
       overflow:inherit;
       }
}

@media all and (max-width:450px)
{
     .contain-contain-freeclass img
     {
        width:90%;     
     } 
}


@media all and (max-width:580px)
{
    
.hotnewsshow .newsimg
{
    width:90%;
    margin:auto;
    float:none;   
     
}  

.hotnewsshow .newsimg img
{
    width:100%;    
}

.hotnewsshow .newsdetail
{
    float:none;
    width:90%;
    margin:auto;
    height:auto;
    border:0px;    
}

.newsdetail .title
{
    padding-left:0px;
    padding-right:0px;
    text-align:center;    
}

.newsdetail .detail
{
    padding-left:0px;
    padding-right:0px;    
}

.newsdetail a
{
    margin-top:10px;    
}

.advantages .contain-contain ul li.ac_teacher, .advantages .contain-contain ul li.all_time
{
      margin: 0 0 50px 0;  
}


.social-hide{display:block;}
.social-hide .language-now{ line-height:40px;}
.social_user{display:none;}
/*----------------视频播放-----------------*/
#vedioshow_Contain
{
    width:100%;
    left:0px;
    margin-left:0px;
    height: 320px;
    margin-top: -160px;
}
    

/*------------------------ header ----------------------*/	
.top-fix-wrap{height:60px;}
.top-fix{height:60px;}
	
/*------顶部社交媒体联系方式------*/
.social-contact-btn{display:none;}
.mobile-social-contact-btn{
	display:block;
	position:absolute;
	float:left;
	width:22px;
	height:20px;
	padding:22px 20px 18px 20px;
	margin:0;
	right:0;
	top:0;
	z-index:500;
	cursor:pointer;
	background-color:#f5f5f5;
	
}
.mobile-social-contact-btn span{display:block;width:22px;height:20px;background-color:#f75c5c;border:none;}
.mobile-social-contact-btn span strong{display:block;float:left;width:22px;height:4px;margin-top:4px;background-color:#f5f5f5;}
.mobile-social-contact-btn img{width:100%;}
.mobile-social-contact-btn-on{margin:0;background-color:#666;}
.mobile-social-contact-btn-on span{background-color:#fff !important;}
.mobile-social-contact-btn-on span strong{background-color:#666 !important;}

.logbar-user-icon{
	position:absolute;
	display:block;
	width:32px;
	height:32px;
	top:16px;
	right:76px;
	z-index:500;
	cursor:pointer;
}

.header-logbar,.header-logged{
	display:none;
}

.social-contact-wrap{
	position:absolute;
	width:46%;
	height:auto;
	left:54%;/*left:-62.5%;*/
	top:60px;
	z-index:2000;
	/*border-top:solid 1px #f7f7f7;*/
	border-left:solid 1px #f7f7f7;
	background-color:#666;
}

.social-contact li{padding:0;width:100%;}
.social-contact li.social-online{width:100%;}
.social-contact li.social_border{display:none;}

.social-contact li.social a{
	display:block;
	width:100%;
	height:44px;
	line-height:44px;
	padding:0;
	border-bottom:solid 1px #f7f7f7;
	font-size:15px;
	text-indent: 40px !important;
	overflow:hidden;
	background-size:15%;
	background-position:8%;
}

li.social-weibo a, li.social-weixin a{background-position:8%;text-indent:28% !important;;}
li.social-weibo a, li.social-weibo:hover a{background-image:url(../RwdImages/contact/small_socity/s_weibo.png);}
li.social-weixin a, li.social-weixin:hover a{background-image: url(../RwdImages/contact/small_socity/s_weixin.png);}
li.social-lang a, li.social-lang:hover a{background-image:url(../RwdImages/contact/small_socity/s_lang.png);}
li.social-online a, li.social-online:hover a{background-image:url(../RwdImages/contact/small_socity/s_online_service.png);}
li.social-tel a, li.social-tel:hover a{background-image:url(../RwdImages/contact/small_socity/s_tel.png);}

.social-contact li a span{height:44px;background-position:80%;}
li.social-weixin a span, li.social-weixin a:hover span, li.social-weibo a span, li.social-weibo a:hover span{background:none !important;}

.language
{
    
	height:44px;
	line-height:44px;
	top:44px;
	font-size:16px;
	width: 100%;
}
.social-contact li.social-tel span{display:none !important;}

.social-contact li.social-weixin{display:none;}

.social-contact li.social-App{display:none;}
/*-------logo---------*/
.logo{
	position:absolute;
	width:120px;
	height:auto;
	margin-top:16px;
	/*left:50%;*/
	left:20px;
	top:0;
	/*margin-left:-60px;*/
	z-index:200;
}
.qr-code-wrap{display:none;}

/*-------导航菜单------*/
.nav-wrap, .nav, .nav-list{height:40px;}

.nav-list li{width:28%;}
.nav-list{width:100%;overflow:hidden;}
.nav-list li a.nav-item{
	height:40px;
	line-height:40px;
}

#nav-show-all{
	display:block;
	position:absolute;
	width:16px;
	height:16px;
	padding:12px;
	right:3% !important;
	top:60px;
	z-index:500;
	line-height:0;
	cursor:pointer;
}
#nav-show-all img{width:100%;}

/*------------------------ header end ----------------------*/	

/*------------------手机登录注册----------------------------*/
.mobile-log-wrap{
	display:none;
	width:100%;
	height:100%;
	background-color:#f5f5f5;
}
.mobile-login, .mobile-register, .mobile-allnav{
	position:fixed;
	display:none;
	width:100%;
	min-height:1000px;
	height:100%;
	right:-100%;
	top:0;
	z-index:5000;
	background-color:#f5f5f5;
}
.mobile-register{z-index:6000;}
.mobile-allnav{z-index:7000;}

.mobile-lay-title{
	width:100%;
	height:60px;
	line-height:60px;
	border-bottom:solid 1px #dcdcdc;
	text-align:center;
	color:#333;
	background-color:#fff;
}
.mobile-lay-title span, .mobile-lay-title span:visited{
	display:block;
	float:left;
	width:20px;
	height:20px;
	padding:20px;
	border-right:solid 1px #f5f5f5;
	line-height:0;
	cursor:pointer;
}
.mobile-lay-title span img{width:100%;}
.mobile-lay-title span:hover, .mobile-lay-title a:hover{background-color:#f5f5f5;}

.mobile-lay-title a, .mobile-lay-title a:visited{
	display:block;
	float:right;
	width:60px;
	height:60px;
	border-left:solid 1px #f5f5f5;
	font-size:15px;
	color:#333;
	background:#fff;
	cursor:pointer;
}
.mobile-lay-title strong{font-size:18px;font-weight:normal;}
.mobile-allnav .mobile-lay-title{overflow:hidden;}
.mobile-allnav .mobile-lay-title strong{color:#f75c5c;margin-right:61px;}

.mobile-lay-content{
	width:91.25%;
	height:auto;
	padding:30px 4.375% 50px 4.375%;
	background-color:#f5f5f5;
}
.mobile-lay-content ul li{
	width:100%;
	margin-bottom:19px;
	position:relative;
	float:left;
}

.mobile-lay-content input.mobile-login-user, .mobile-lay-content input.mobile-login-pwd{
	float:left;
	width:100%;
	height:36px;
	padding:10px 0 10px 0;
	
	border:solid 1px #e6e6e6;
	line-height:36px;
	text-indent:15%;
	font-size:16px;
	color:#b4b4b4;
	background-color:#fff;
	border-radius:3px;
	-moz-border-radius:3px;
	-webkit-border-radius:3px;
	
}
.mobile-lay-content input.mobile-login-user{background:#fff url(../RwdImages/log_lay/m_log_mail.png) no-repeat 5%  center;background-size:9%;}
.mobile-lay-content input.mobile-login-pwd{background:#fff url(../RwdImages/log_lay/m_log_pwd.png) no-repeat 5%  center;background-size:9%;}

.mobile-submit, .mobile-submit:visited, .mobile-submit:active{
	width:100%;
	height:60px;
	margin-top:10px;
	line-height:60px;
	font-size:24px;
	color:#fff;
	background-color:#f75c5c;
	border-radius:3px;
	-moz-border-radius:3px;
	-webkit-border-radius:3px;
}

.mobile-submit:hover{background-color:#f32837;}

.mobile-allnav .mobile-lay-content ul{
	width:100%;
	margin-bottom:200px;
	border-top:solid 1px #dcdcdc;
	border-right:none;
}

.mobile-allnav .mobile-lay-content ul li{float:left;width:25%;margin:0;}
.mobile-allnav .mobile-lay-content ul li a, .mobile-allnav .mobile-lay-content ul li a:visited{
	float:left;
	display:block;
	width:100%;
	height:48px;
	line-height:48px;
	text-align:center;
	font-size:14px;
	border-bottom:solid 1px #dcdcdc;
	border-left:solid 1px #dcdcdc;
	color:#333;
	background-color:#fff;
}
a.mn-last-item{border-right:solid 1px #dcdcdc;}
.mobile-allnav .mobile-lay-content ul li a:hover{background-color:#f5f5f5;}
.mobile-allnav .mobile-lay-content ul li a.mobile-allnav-Rmargin{border-right:solid 1px #dcdcdc;}

.mobile-allnav .mobile-lay-content ul li a:hover{color:#fff;background-color:#f75c5c;}

/*------------------手机登录注册 end----------------------------*/


/*-------------- container -------------*/
.sidebar{
	display:block;
	float:left;
	width:100%;
	height:auto;
}
.sidebar-form-title{
	height:50px;
	line-height:50px;
	text-indent:0;
	text-align:center;
	font-size:22px;
	font-weight:bold;
}
.sidebar-form-con{height:300px;padding-bottom:20px;}
.sidebar-form-con li.sf-item{/*height:40px;*/font-size:15px;padding:0 5% 10px 5%;}
.sidebar-form-con li.sf-item-sex{line-height:40px;}
.sf-input{
	/*height:28px;*/
	line-height:28px;
	border-radius:3px;
	-moz-border-radius:3px;
	-webkit-border-radius:3px;
	-o-border-radius:3px;
}

.sf-select-name{height:40px;}
.qr-code-icon,#goTop,.sidebar-banner{display:none;}
.free-class{display:block;}

/*-------------- container end -------------*/

/*--------------- header end ------------*/

/*--------------- banner ------------*/
.news-marquee-icon{padding-left:8px;margin-right:0;}
.news-marquee-arrow{display:none;}
.news-marquee-list-wrap{margin-right:0;margin-left:60px;overflow:auto;}


/*--------------- banner end ------------*/

/*--------------- container ------------*/
.contain-columnL{width:100%;margin-top:25px;}
li.en-reason, li.advantages, li.friendlink, li.contact{margin-bottom:0px;}
.contain-page-arrow{display:none;}
.contain-title{
	width:93%; 
	padding-left:3%; /*14/740*/
	borderleft:none;
	border-right:none;
}

.lobby .contain-contain img
{
    width:90%;
    margin-left:5%;    
}

.contain-title strong
{
    font-size:16px;
}

.contain-title-reg strong
{
    line-height:26px;    
}

/*-------视频专区-------*/
.video-area-contain{
	width:100%;
	height:900px;
	overflow:hidden;
}
ul.video-area-head{
	position:static;
	width:100%;
	height:auto;
}
.video-area-head li{
	width:70%;
	padding:0 15% 0 15%;
	margin-right:0;
	height:auto;
}
.video-area-head li div
{
    width:auto;
}
.video-area-head li div a{
	bottom:10px;
	opacity:1;
	-webkit-opacity:1;
	-moz-opacity:1;
	filter:alpha(opacity=100);
	
}

.video-area-contain .videoBtn img
{
    width:100%;
}


/*-------你为什么学不好英语-------*/
.en-reason .contain-contain{height:auto;}
.en-reason .contain-contain ul li{
	position:static;
	float:left;
	width:100%;
	margin-bottom:40px !important;
}
.en-reason .contain-contain ul li.reason-man{width:100%;}
.en-reason .contain-contain ul li p{
	width:70% !important;
	padding:0 15% 0 15%;
	margin:0 !important;
}
.circle-line{display:none;}

/*-------四大优势-------*/
.advantages .contain-contain ul li{
	width:100%; 
	height:auto;
	margin:0 0 50px 0;
}
.advantages .contain-contain ul li span{
	width:80%;
	height:auto;
	margin:0 auto 18px auto;
}
.advantages .contain-contain ul li p{
	width:80%;
	padding:0 10% 0 10%;
}

.advantages .contain-contain ul li h2
{
    text-align:center;
    }

.adv-contain-p
{
    font-size:16px;
    padding-left:3%;
    }

/*--------姚明推荐----------*/

.Yword-area-contain
{
    width:80%;
    padding:15px 10% 23px 10%;
    }
    .Yword-area .contain-contain img
    {
        display:none;
        }

/*-------天天向上-------*/
.progress .contain-contain ul li{
	width:84%;
	height:auto;
	padding:0 4% 0 4%;
	margin:0 4% 30px 4%; 
}
.progress .contain-contain ul li a{float:left;width:42%;height:auto;}
.progress .contain-contain ul li a span{display:block;}
.progress .contain-contain ul li a img{width:100%;height:auto;}

.progress .contain-contain ul li h2{float:left;width:58%;margin-top:20%;}
.progress .contain-contain ul li p{float:left;width:58%;font-size:15px;}


.order-mail-progress span.order-mail-input-wrap{
	margin-right:30%; 
}
.order-mail-btn{
	width:30%;
}

/*-------合作企业-------*/
.alibaba-logo{
	width:64%;
	padding:0 18% 0 18%;
}
.alibaba-logo img{width:100%;}
.friendlink .contain-contain ul li{
	width:42%;
	padding:0 4% 0 4%;
}
.friendlinkRmargin, .progressRmargin{margin-right:0;}
.friendlink .contain-contain ul li span img{width:100%;height:auto;}
.friendlink .contain-contain ul li p{width:100%;}

.contact .contain-contain ul li a span.tel-contactUs-num{
	display:none;
}
.contact .contain-contain ul li.tel_contactUs:hover a span{display:none;}
.contact .contain-contain ul li.tel_contactUs span{display:none;}
/*--------------- container end ------------*/


/*--------------- footer ------------*/
.footer{margin-bottom:0;}
.map-guide{display:none;}

/*--------------- footer end ------------*/



/*--------------- 免费体验 Pad 悬浮表单 ------------*/
.free-experience-wrap{display:none;}

/*---------------------- 手机置顶功能 -------------------- */
.mobile-goTop{
	width:30px;
	height:30px;
	background-size:50%;
	bottom:50px;
}

/*---------------------- 手机置顶功能 -------------------- */


.mobile-fixed-menu {
	display:block;
	position:fixed;
	width:100%;
	height:60px;
	left:0;
	bottom:0;
	z-index:6000;
	border-top:solid 1px #e6e6e6;
	background-color:#fff;
}

.mobile-fixed-menu ul{width:100%;}
.mobile-fixed-menu ul li{
	float:left;
	width:33.33%;
	height:15px;
	padding-top:42px;
	text-align:center;
	font-size:12px;
	color:#666;
	
}
.m_fixed_item1{
	background:url(../RwdImages/log_lay/free_exp.png) no-repeat center 3px;
	background-size:30%;
}
.m_fixed_item2{
	background:url(../RwdImages/log_lay/m_log_pwd.png) no-repeat center 3px;
	background-size:30%;
}

.m_fixed_item3{
	background:url(../RwdImages/log_lay/m_reg.png) no-repeat center 3px;
	background-size:30%;
}
	
}