@charset "utf-8";
/* CSS Document */

body{overflow-x: hidden; padding: 0; margin: 0; width: 100%; font-size: 14px }
img,div,ul,li{padding: 0; margin: 0; color: #000; }
div span{letter-spacing: 0.06rem;font-family: "PingFang SC",Arial,"Microsoft YaHei", sans-serif !important;}
.main_nav,.main_nav div{font-family: -apple-system, system-ui, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, "PingFang SC", "Hiragino Sans GB", "Microsoft YaHei", sans-serif!important;}
a{cursor: pointer}
@font-face{font-family:"Microsoft YaHei" "微软雅黑" }

button{outline:none}
a:hover{text-decoration: none}
.QRcode{ top: 0;}


/**/
.english_bg{background: #f7f8f8; width: 100%; margin-top:15px; padding-bottom:25px ; color: #000!important;}
.english_bg1{background: #fff; box-shadow: 0 0 5px #ccc; width: 100%; margin-top:-10px; margin-bottom: 20px; 
	padding-bottom: 20px; padding-top: 10px; color: #000!important;}

	.maga_titt{margin: 80px 0 0 70px;}
	@media screen and (max-width: 990px){
		.maga_titt{margin: 0 ;}

	}


/*头部*/
.top{padding: 10px; width: 100%; background: #fff}
.top .logo_0{padding:25px 0 0 10px }
.icon_r{ padding-left: 20px;font-size:14px;}
.icon_r img{ padding:35px 0 0 8px }
.icon_r2{padding-top: 25px}
.icon_r2 img{margin-right: 2px;}
.icon_b{display: none; float: right}
.sizeW p{ position: relative; padding-left: 0px;}
.sizeW span.sizeT{ position: absolute;left: 0; color: #000;}
.sizeW span.sizeR{ padding-left: 20px; color:#000;}


/*轮播*/
.banner_mob{display: none}
.banner_pc{display:inherit}
.banner_img {
    max-width: 1920px!important;
    position: relative;
    top: 0;
    left: 50%;
	transform: translate(-50%, 0);}
.myCarousel_D{ display: flex;align-items: center;position: absolute;left: 0;bottom: 0;width: 100%;height: 50px;}
.carousel-indicators{ width: auto;left: auto; bottom:0;margin: auto; position: relative;padding: 0 10px;display: flex;height: 20px;align-items: center;}
.carousel-indicators li{ z-index: 1; position: relative; margin: 0 3px;}
.carousel-indicators .active{ margin: 0 3px;}
.carousel-indicators::before{height: 100%;width: 100%; position: absolute; left: 0; content: ''; border-radius: 10px; display: block; background-color: rgba(0, 0, 0, .3);}


/*.star_table tr{background:#FFF; height:58px; border:1px dashed #dfdfdf}
.star_table tr:hover{background:#fef7f7; cursor:pointer}*/

.little_img img{width:45%; margin-left:1.5%}

/*菜单*/
.nav_main{width: 100%; height:65px; background: rgba(235, 39, 86, .85) ; opacity: 1; position: absolute; z-index: 9 }
.main_nav{width: 100%; float: left; position: absolute; z-index: 10;}
.main_nav ul,.main_nav ul li{float: left; list-style: none; text-align: center; font-size: 17px;}
.main_nav img{float: left; padding: 30px 0 0 0;}
.main_nav ul li{ }
.main_nav ul li a{color: #fff;  padding:9px 12px 0 12px; float: left; text-decoration: none; letter-spacing:0em;font-family:'microsoft yahei'!important}
.main_nav ul li a:hover,.main_nav_acti{background: url("../images/nav_03.png") repeat-x; height: 65px; float: left; text-decoration: none}

/*二级界面菜单*/
.main_nav_sc ul li a{ padding:9px 14px 0 14px!important;}


.nav_dis1{background:#eb2756; opacity: 0.9 ;width: 215px; height: 270px; position:absolute; z-index:10; top: 65px; border-bottom-left-radius:10px;border-bottom-right-radius:10px;   }
.nav_dis{ width:215px; position:absolute; z-index:10; top: 65px;}
.nav_dis ul,.nav_dis ul li{ padding: 0; margin:0}

.nav_dis ul li{height: 45px; width: 215px; text-align: left}
.nav_dis ul li a{ font-size: 16px; height: 45px; border-bottom: 1px solid #f784a0; width: 215px; color: #fff; text-decoration: none; width: 100%; float: left; letter-spacing: 0; }
.nav_dis ul li a:hover{ font-size: 16px; background: #c11c4b; width: 100%; float: left; height: 45px;}
.nav_dis ul li a span{font-size: 15px;}

/*移动端菜单*/
.mob_nav{width: 100%; height: 580px; background: #fff; opacity: 0.93; position: absolute; z-index: 1001; display: none}
.mob_nav_text{ width: 100%; min-height: 550px; text-align: center; position: absolute; z-index: 101; font-size: 16px; padding-top: 10px; border-top: 1px solid #dfdfdf; display: none}
.mob_nav_text ul,.mob_nav_text ul li{float: left; list-style: none; width: 100%}
.mob_nav_text ul li{border-bottom: 1px solid #dfdfdf}
.mob_nav_text ul li a{float: left; height: 45px; line-height: 45px; color: #000; width: 100% }
.mob_nav_text ul li a:hover{float: left; height: 45px; line-height: 45px; width: 100%}
.mob_close{display: none; float: right}

/*登录*/
#login{width: 370px; min-height:325px; position:absolute; z-index: 999; background:#fff;  top:360px; left:62%; border-radius: 10px;  box-shadow: 0 0 5px #cccccc
	 }
#login ul,#login ul li{display: inline; list-style: none}
.sj_login{ display: none;}

.login_head{ padding: 15px 0 0 0; height: 62px; text-align: center; width: 100%; font-size:22px; color: #444}

.form-user,.form-pw{width: 94%; margin:0 0 0 3%; border: 1px solid #dfdfdf; border-radius: 3px; height:57px; line-height: 57px; padding-left:65px; font-weight: 100;
							font-size: 16px;}
.form-user{background: url("../images/login_03.png") no-repeat; 
	background-position: 18px 10px;}
.form-pw{background: url("../images/login_06.png") no-repeat; 
	background-position: 18px 10px; margin-top: -1px}

.loginE{
	display: flex;
	flex-wrap: wrap;
	margin: 5px 1.5% 0 1.5%;
}
.button_01,.button_02,.button_03,.button_04,.button_05{border-radius: 5px;}
.button_01,.button_02,.button_03,.button_04,.button_05{ 
	text-align:left; border: 0 solid #fff;color: #fff; 
	font-size: 16px; padding: 8px 0 8px 48px;line-height: 20px;
}
.button_01{
	width: 47%;
	margin: 5px 1.5%;
}
.button_02{
	width: 47%;
	margin: 5px 1.5%;
	padding: 8px 0 8px 45px;
}
.loginE div{
	padding: 0 0.5%;
	display: flex;
	width: 100%;
}
.loginE div span{
	display: block;
	font-size: 15px;
}
.button_03,.button_04,.button_05{
	width: 31.333333%;
	margin: 5px 1% 0 1%;
	font-size: 14px;
	padding: 9px 0 8px 39px;
}
.button_01{background: url("../images/login_16.png") no-repeat #f4547b; background-position: 10px 14px }
.button_02{background: url("../images/login_23a.png") no-repeat #f8ba51; background-position: 10px 14px }
.button_03{background: url("../images/login_13a.png") no-repeat #fd7e73; background-position: 5px 15px }
.button_04{background: url("../images/login_21a.png") no-repeat #65b4f9; background-position: 5px 15px }
.button_05{background: url("../images/login_24.png") no-repeat #62bf82; background-position: 5px 15px }

.button_01:hover{background: url("../images/login_16.png") no-repeat #fa3c6a; background-position: 10px 14px }
.button_02:hover{background: url("../images/login_23a.png") no-repeat #f6b13d; background-position: 10px 14px }
.button_03:hover{background: url("../images/login_13a.png") no-repeat #f6685c; background-position: 5px 15px }
.button_04:hover{background: url("../images/login_21a.png") no-repeat #4ba5f3; background-position: 5px 15px }
.button_05:hover{background: url("../images/login_24.png") no-repeat #3aad62; background-position: 5px 15px }

/*教学资源*/
.mian_tit_01{background: url("../images/line_03.png") no-repeat; background-position: 0 62px; width: 100%; height: 75px; line-height: 75px; 
	font-size: 23px; color: #ff7162;margin-top: 10px; }
.mian_tit_01L{background: url("../images/line_03_1.png") no-repeat; background-position: 0 62px;}
.mian_tit_01 span{color:#999999; font-size: 18px; padding-left: 10px; }
.icon_tit{padding:20px; text-align: center; 
	font-size: 20px; color: #474747;  height: 96px;}
.icon_tit span{color: #999; font-size: 16px}
.icon_bk{margin:12px; padding: 0; border: 1px solid #dfdfdf;}
.icon_bk img{width: 100%}
.icon_bk:hover{cursor: pointer; box-shadow: 0 0 5px #cbeffd}
.DEMO{padding: 0; margin: 0;}

/*学习刊物*/
.maga_b{background:url(../images/bg_04.gif) no-repeat center top; width:100%; padding-bottom:35px;  margin-top:18px;}
.maga_title{width:100%; line-height:30px; 
	font-size: 23px; color: #ff7162; text-align:left; padding:40px 0 0 0}
.maga_title span{color:#000; font-size: 18px;}
.tit_mob{display:none}
.lx_answers{display: block; float: left; margin-top: 5px; width: 100%;}
.lx_answers a{background:url(../images/daan_03.png) no-repeat  #ff7162;  background-position: 12px 16px;
	float: left; width: 211px; padding:12px 16px 10px 48px; color: #fff; border-radius: 8px;
font-size: 17px; line-height: 20px;}
.lx_answers a:hover{box-shadow:0 0 5px #ff7162; text-decoration: none;}

.maga_list{padding:15px 0 0 0}
.maga_list div{padding:25px 0 0 0;}
.maga_list div img{ border:1px solid #d4dcfd;}



/*<!--其他服务-->*/
.other_tit{background:url(../images/line_03.png) no-repeat;  background-position: center 70px; height:90px; font-size: 23px;  color: #ff7162; text-align:center;
margin:30px 0 10px 0}
.other_tit span{color:#999999; font-size: 18px;}
.other_list{border:1px solid #dfdfdf; height:229px}
.other_list:hover{box-shadow:0 0 10px #cccccc; cursor:pointer}
.oth_img_01,.oth_img_03{margin:auto; width:75%; margin-top:22px; margin-bottom:15px; }
.oth_img_02{margin:auto; width:80%; margin-top:28px; margin-bottom:15px;}
.oth_img_01 img,.oth_img_02 img,.oth_img_03 img{width:100%}

.oth_img_tit,.oth_img_tit2{width:100%; text-align:center; font-size:20px; color:#000}
.oth_img_tit span,.oth_img_tit2 span{color:#999; font-size:18px}


/*知识之星*/
.star_bg{background:url(../images/bg_06.png) center; width:100%; min-height:512px; margin-top:25px;}
.star_table,.star_table_sc{width:100%; padding:0; float:left; font-size:16px; color:#000}
.star_table ul,.star_table_sc ul{ background:#fff; width:100%; float:left;border:1px dashed #dfdfdf; height:58px; line-height:58px; margin-top:8px;}
.star_table ul:hover,.star_table_sc ul:hover{background:#fdf3f3; cursor:pointer}
.star_table ul li,.star_table_sc ul li{float:left; display:inline; padding:0 1%}
.star_table ul li span,.star_table_sc ul li span{color:#ff7162}
.star_table ul li.star_win,.star_table_sc ul li.star_win{background:url(../images/icon2_31.png) no-repeat; background-position:center center; width:8%; height:58px; line-height:50px; color:#e9555a; text-align:center}
.star_more{width:100%; text-align:right}
.star_more a{color:#000;}

/*鼠标悬停特效css*/

:root{
	--color_1: #fff;
	--main-color: #1dd1a1;
}
.box {
	font-family: "Microsoft YaHei" "微软雅黑";
	text-align: center;
	position: relative;
	overflow: hidden;
	border-radius: 10px;
	margin: 12px 15px 0 0;
	border: 1px solid #dfdfdf;
}
.ezhishi_star .box{
	height: 0;
    padding-bottom: 77.5%;
}
.ezhishi_star .box img{
    position: absolute;
    left: 5%;
    top: 5%;
    height: 90% !important;
    object-fit: contain;
    width: 90%;
}
.box:hover{cursor:pointer}
.box:before,
.box:after,
.box-content:before,
.box-content:after{
	content: '';
	background:#ed406a;
	opacity:0.7;
	height: 100%;
	width: 25%;
	transform: translateY(-100%);
	position: absolute;
	left: 0;
	top: 0;
	z-index: 1;
	transition: all 0.3s;
	
}
.box:hover:before,
.box:hover:after,
.box:hover .box-content:before,
.box:hover .box-content:after{
	transform: translateY(0);
}
.box:after{ left: 25%; }
.box .box-content:before{ left: 50%; }
.box .box-content:after{ left: 75%; }
.box:hover:before{ transition-delay: 0.225s; }
.box:hover:after{ transition-delay: 0.075s; }
.box:hover .box-content:before{ transition-delay: 0.15s; }
.box:hover .box-content:after{ transition-delay: 0s; }
.box img{
	width: 100%;
	height: auto;
	transition: all 0.3s ease 0s;
}
.box:hover img{ filter: grayscale(100%); }
.box .box-content{
	width: 100%;
	height: 100%;
	position: absolute;
	bottom: 0;
	left: 0;
	transition: all 0.2s;
}
.content{
	width: 100%;
	padding: 7px 0;
	opacity: 0;
	position: absolute;
	left: 0;
	bottom: -30px;
	z-index: 2;
	transition: all 0.3s ease 0.1s;
	color:#fff;
	font-size:16px;
	
}
.content div{color: #fff;}
.box:hover .content{
	opacity: 1;
	top:25px;
}

.box_button{background:#ef91a8; width:85px; height:25px; line-height:20px; text-align:center; border:0; border-radius:30px; margin-top:12px;}

@media only screen and (max-width:990px){



}
@media only screen and (max-width:479px){
	.box .title{ font-size: 20px; }
}


/*foot*/
.foot{ width: 100%; background: #ed406a; padding-bottom:10px; width: 100%; min-height: 85px; letter-spacing: 0!important;}
.foot_left{color:#c51d46; font-size:15px; margin:20px 0 0 0; line-height:25px; }
.foot_left a{color:#fff; text-decoration:none;}
.foot_left a:hover{color:#610222}
.foot_left span{color:#610222; width:100%; float:left }
.foot_right img{float:right ; margin:25px 0 0 0}

#canvas1,#canvas2,#canvas3,#canvas4,#canvas5,#canvas6{width: 100%;}



/*首页面的适配样式*/
@media screen and (max-width: 1100px) { 
	.top{padding:5px; top: 0; position: fixed; left: 0; width: 100%; z-index: 99999; border-bottom: 1px solid rgba(0, 0, 0, .05);}
	.sc_banner2 { margin-top: 70px;}

	
	.banner_mob{display:block; padding-top: 70px;}
	.banner_pc{display:none}
	#myCarousel{ display: none;}
	.focus_map{ display: block; position:relative;}
	.focus_map img{width: 100%;}
	.swiper-container {width: 100%;/* height: 220px; */}
	.swiper-slide { text-align: center; font-size: 16px; background-color:#f6f6f6; display: -webkit-box; display: -ms-flexbox; display: -webkit-flex; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; -webkit-justify-content: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; -webkit-align-items: center; align-items: center;}
	.focus_map .swiper-pagination{ position:absolute; bottom:5px; background-color: rgba(0, 0, 0, .3); border-radius: 10px; padding:0 8px;}
	.focus_map .swiper-pagination-bullet{ margin:0 2px; border:1px solid #fff;  width:10px; height:10px; opacity:1;}
	.focus_map .swiper-pagination-bullet-active{background: #fff; opacity:1; width:10px; border-radius:6px;}
	.focus_mM{ display: flex; justify-content: center;}
	
	
	.logo_0{display: none;}
	.icon_b{display:inherit}
	.icon_b2{display: none !important;}
	.main_nav{display: none}
	.nav_main{display: none}
	
	.maga_list{padding:5px}
	.maga_list div{padding:5px;}
	.maga_list div img{ border:1px solid #d4dcfd; width:100%}
	.icon_logo{height: auto; height: 100%;}
	.icon_b,.mob_close{width:auto; height:100% !important;padding-left:15px;}
	.top .col-md-6{ height:60px; }
	.top .col-md-6:nth-child(2){ height: 35px; }
	.top .container .row{ display: flex; align-items: center;}
	.mob_nav{top:70px; position: fixed; width: 100%; left:0; }
	.wslx_at{ padding-top: 70px;}
	.top_xm{}
	.icon_intoXm{
		display: none;
	}
	.icon_intoX{
		height: 37px !important;
		margin-top: -2px;
	}

} 

@media screen (max-width:820px) { 
.maga_b{background:url(../images/bg_04.png) no-repeat center top #f8fdff;}
.tit_mob{display:inherit}
.foot{text-align:right; float:right; padding:10px;}
.foot_left{display:none}
.star_table_sc{font-size:12px;}

}

 @media screen and (min-width:960px) and (max-width:660px) {	 
	 
}

 @media screen and (min-width:770px) and (max-width:1199px) {

	 
	 .mob_nav_text{}
	 .maga_b{background:url(../images/bg_040.gif) no-repeat center top; min-height:660px; }
	 .maga_list{padding:30px 0 0 0}

	 	 
}

@media screen and (min-width:1100px) and (max-width:1199px){
	#login{top:350px; left:67%;}
	.icon_logo{width:40%}
	 .logo_0{width: 50%; padding:7px 0 0 10px!important }
	 .icon_r{padding-left: 0;}
	.icon_r img{ padding:20px 0 0 3px; width: 22%; }
	.icon_r2{padding-top: 14px; padding-left: 0;}
	.kf_img{ width:61% ;}
	.kf_img2{ width: 15%;}
	.main_nav ul li{font-size: 16px;}
	.main_nav ul li a{color: #fff;  padding:9px 3px 0 3px; float: left; text-decoration: none; letter-spacing:0;}

}

@media screen and (min-width:500px) and (max-width: 770px){
	 #login{top:85px; left:50%;}
	
	.oth_img_03{width:38%; margin:60px 20px 0 55px; float:left }
	.oth_img_tit2{width:40%; float:left; display:inline; margin-top:80px}

}
	


.posinton_left{width: 50%; position: absolute; top: 0; height: 320px; z-index: 2;}
.posinton_right{width: 50%; position: absolute; top: 0; left: 50%; height: 320px; z-index: 2}

/*二级界面样式*/
.kongbai{width:100%; height:65px;}
.sc_banner{width:100%;}
.sc_banner img{width:100%}
.sc_banner2{width:100%; display:none}
.sc_banner2 img{width:100%}

.sc_nav_m{ margin-top:-75px; letter-spacing: 0.06rem; position: relative; z-index: 20;}

.sc_nav_activ,.sc_nav_no,.sc_nav_sub,.sc_nav_activ2,.sc_nav_no2,.sc_nav_sub2{ padding:0; opacity: 0.85}
.sc_nav_activ a,.sc_nav_no a,.sc_nav_sub a{ color:#FFF; text-align:center; font-size:20px; display:inherit; float:left; width:98%}
.sc_nav_activ a{background:#f45e35; height:66px; line-height:66px;}
.sc_nav_no a{background:#288de5; height:55px; line-height:55px; margin-top:11px}
.sc_nav_sub a{background:#ff3366; height:55px; line-height:55px; margin-top:11px;}


.sc_nav_activ2 a,.sc_nav_no2 a,.sc_nav_sub2 a{ color:#FFF; text-align:center; font-size:17px; display:inherit; float:left; width:98%}
.sc_nav_activ2 a{background:#f45e35; height:66px; line-height:23px; padding-top: 11px;}
.sc_nav_no2 a{background:#288de5; height:60px; line-height:23px; margin-top:6px; padding-top: 8px;}
.sc_nav_sub2 a{background:#ff3366; height:60px; line-height:23px; margin-top:6px; padding-top: 8px;}
.sc_nav_sub2 a:focus{
	text-decoration: none;
}
.sc_nav_activ2 a span,.sc_nav_no2 a span,.sc_nav_sub2 a span{font-size: 16px; display: block;}


.sc_nav_activ a:hover{background:#f45e35; text-decoration:none}
.sc_nav_no a:hover{background:#1a84e1; text-decoration:none}
.sc_nav_sub a:hover{background:#f92c5f; text-decoration:none}



.litter_tit_m{border-bottom: 1px dashed #dfdfdf; width: 100%; margin: 25px 0}
.litter_tit_r{float: right; margin-top:3.8%;}
.litter_tit_l{ width: 50%}

.level_img{padding:20px 15px 0 5px}
.level_img img{width:100%; border-radius:8px;}
.level_img img:hover{box-shadow: 0 0 5px #ccc}

.lever_nav{width:100%; float:left;}
.lever_nav ul{float:left; width:100%}
.lever_nav ul li{float:left; display:inline; width:13.5%; margin-right:0.7%; margin-top:20px;}
.lever_nav ul li a{float:left; width:100%; height:50px; line-height:50px; text-align:center; border:1px solid #dfdfdf; color:#000; border-radius:50px; font-size:18px;}
.lever_nav ul li a:hover{ border:1px solid #ed406a; color:#ed406a; text-decoration:none}
.lever_nav ul li.lever_nav_act a{ background:#ed406a; color:#fff}

/*ereading免费*/
.eread_free{border:1px solid #dfdfdf; margin-top:15px;}
.free_list{width:94%; margin-left:6%;}
.free_list_d{width:100%; float:left}
.free_list_d ul{float:left; width:100%; padding: 0 0 20px 0}
.free_list_d ul li{float:left; display:inline; width:24%; margin-right:1%; padding:20px 0 0 0;}
.free_list_d ul li img{width:100%; border-radius:8px;}
.free_tit{width:8%}
.free_tit img{position:absolute; left:-16px; top:60px; }

/*知识之星菜单*/
.star_nav{min-height:167px; background:url(../images/yiny_star.png) repeat-x #fff bottom; width:100%; float:left}

.star_img_02{margin:auto; width:80%;  margin-bottom:5px; text-align: center;}
.star_img_02 img{width:50%;max-width: 90px;}
.star_img_tit{width:100%; text-align:center; font-size:18px; color:#000; padding-bottom:8px;}
.star_img_tit span{font-size:15px;}
.star_navh{padding:15px 0 25px 0; }
.star_navh:hover{color:#ed406a; cursor:pointer}
.star_img_tit:hover{color:#ed406a;}
.star_tit_act{color:#ed406a; background:url(../images/dd.png) bottom center no-repeat;}
.star_x{background:url(../images/x.png) no-repeat right;}

.objective{ background:url(../images/star_03.png) no-repeat top; background-size:100%; width:38%; min-height:416px; padding:10px 0; float:left; margin:20px 0 0 0}
.objective h2{text-align:center; font-size:30px; color:#3f9cff}
.objective p{ color:#000; font-size:16px; padding-left:15%; line-height:32px;}
.star_right{width:55%; margin:0 0 0 3%; float:left}
.star_table_tit h2{color:#f05c80;}.star_table_tit h2 small{color:#64c7cd;}
.star_table_tit a{background:url(../images/x_03.png) no-repeat left; height:22px; line-height:22px; color:#ed406a; font-size:16px; padding-left:15px; margin-left:30px;}
.star_table_tit a:hover{color:#a3c3c5}
.rule_red{ color: #ff0000;}


.article_p{margin:20px 15px 0px 0px; float:left; width:100%; position: relative;}
.article_p h2{padding-bottom:10px}
.article_p p{font-size:17px; color:#000; line-height:28px; width: 100%; float: left;} 
.article_p p span{color:#ed406a}
/*.ppp_right{width: 90%; float: left; font-size:17px; color:#000; line-height:28px;}*/
.ccc_right{width: 90%; float: left; font-size:17px; color:#000; line-height:28px;}
.ppp_right{display:flex; flex-wrap:wrap; padding-left:5px; position:relative; font-size:17px; line-height:28px; }
.ppp_right div{position: absolute; top: 5px;left:0;}
.ppp_right div.ppp_right{position:relative; top:auto; left:auto;}

.star_table_tit .regula_chi{ position: absolute; right: 0; top: 10px;}
.star_table_tit .regula_chi a{ background:#549fe0;color: #fff; padding: 0; width:110px; text-align: center; line-height: 40px; height: 40px; display: inline-block; border-radius: 20px;}

/*table*/
.tbody_tr span{color:#ed406a}
.ta_mob{display:none; width:90%; overflow-x: scroll;}

.table-container
{
width: 100%;
overflow-y: auto;
_overflow: auto;
margin: 0 0 1em;
}
/*//添加IOS下滚动条*/
.table-container::-webkit-scrollbar
{
-webkit-appearance: none;
width: 14px;
height: 14px;
}

.table-container::-webkit-scrollbar-thumb
{
border-radius: 8px;
border: 3px solid #fff;
background-color: rgba(0, 0, 0, .3);
}


.xskwImg{ display: flex; width: 100%; padding-top: 20px;}
.xskwImg span{ display:block; padding: 0 5px; }
.xskwImg img{max-width: 100%; border: 1px solid #a5c3e2;}


.videoDiv{
	width: 50px;
	height: 40px;
	background: url(../images/videoInto.png) no-repeat;
	margin: auto;
	cursor: pointer;
}
.videolist { position:relative; }
.videolist:hover{ cursor: pointer; }
.videoed { display:none; width:50px; height:50px; position: absolute; left:45%; top:45%; z-index:99; border-radius:100%; }
.videos{ 
	display:none; 
	position:fixed;z-index:999;
	justify-content: center;
	align-items: center;
	top: 0;
	width: 100%;
	height: 100%;
	background: rgba(0, 0, 0, .6);
}
.videos.active{
	display: flex;
}
.videos header{
	min-width: 300px;
	min-height: 200px;
	max-width: 800px;
	width: 100%;
	margin: 0 50px;
	position: relative;
	display: flex;
    background-color: #000;
    align-content: center;
}
.videos header video{
	width: 100%;
	margin: 10px 0;
}
.vclose { 
	position:absolute;right:-40px; top:-40px; 
	cursor: pointer; 
	width: 35px;
	height: 35px;
	border: 1px solid #fff;
	border-radius: 50%;
	z-index: 1;
	display: flex;
	justify-content: center;
    align-items: center;
    flex-wrap: wrap;
}
.vclose:before {
    position: absolute;
    width: 60%;
    height: 4%;
    background-color: #fff;
    content: "";
    transform: rotate(45deg);
    -webkit-transition: all .5s ease 0s;
    -o-transition: all .5s ease 0s;
    transition: all .5s ease 0s;
}
.vclose:after {
    position: absolute;
    width: 60%;
    height: 4%;
    background-color: #fff;
    content: "";
    transform: rotate(-45deg);
    -webkit-transition: all .5s ease 0s;
    -o-transition: all .5s ease 0s;
    transition: all .5s ease 0s;
}
.sample_maga.video{
	position: relative;
}
.sample_maga.video .videoDiv{
	position: absolute;
	bottom: 0;
	right: 0;
	display:block !important;
}
.ICTDiv{
	display: flex;
	flex-wrap: wrap;
}
.ICTDiv > div{
	width: 33.333333%;
}
.ICTDiv > div:nth-child(4),
.ICTDiv > div:nth-child(5),
.ICTDiv > div:nth-child(6),
.ICTDiv > div:nth-child(7){
	width: 25%;
}
.ICTDiv > div canvas{
	width: auto !important;
	height: 100% !important;
}
.ICTDiv .icon_bk{
	margin: 6px;
}
.ICTDiv .icon_bk > div:nth-child(1){
	display: flex;
	align-items: flex-end;
	justify-content: center;
	height: 200px;
	overflow: hidden;
}
.ICTDiv .DEMO:nth-child(1) .icon_bk > div:nth-child(1){
	background-color: #3bc4fd;
	width: 100%;
	/* height: 52.66%; */
}
.ICTDiv .DEMO:nth-child(2) .icon_bk > div:nth-child(1){
	background-color: #fd7e73;
	width: 100%;
	/* height: 52.66%; */
}
.ICTDiv .DEMO:nth-child(3) .icon_bk > div:nth-child(1){
	background-color: #e3fe90;
	width: 100%;
	/* height: 52.66%; */
}
.ICTDiv .DEMO:nth-child(4) .icon_bk > div:nth-child(1){
	background-color: #fedd59;	
	width: 100%;
	/* height: 73.39%; */
}
.ICTDiv .DEMO:nth-child(5) .icon_bk > div:nth-child(1){
	background-color: #ff9b77;
	width: 100%;
	/* height: 73.39%; */
}
.ICTDiv .DEMO:nth-child(6) .icon_bk > div:nth-child(1){
	background-color: #10fce3;
	width: 100%;
	/* height: 73.39%; */
}
.ICTDiv .DEMO:nth-child(7) .icon_bk > div:nth-child(1){
	background-color: #a8f778;
	width: 100%;
	/* height: 73.39%; */
}
.ICTDiv .icon_tit{
	padding: 10px 5px;
	height: auto;
}
@media (max-width:1199px) {
	.ICTDiv .icon_bk > div:nth-child(1){
	   height: 150px;
	}

		 
}
@media (max-width:992px) {
	.ICTDiv .icon_bk > div:nth-child(1) {
		height: 180px;
	}
	.ICTDiv > div {
		width: 50% !important;
	}
}
@media (max-width:768px) {

	.ICTDiv > div {
		width: 100% !important;
	}
	.ICTDiv .icon_bk > div:nth-child(1){
		width: 100% !important;
		padding-bottom: 53%;
		height: 0;
		position: relative;
	}
	.ICTDiv > div canvas{
		position: absolute;
		bottom: 0;
	}
	.ICTDiv .icon_bk {
		margin: 8px 15px;
	}
}
@media only screen and (max-width: 800px) {

#flip-scroll .cf:after { visibility: hidden; display: block; font-size: 0; content: " "; clear: both; height: 0; }
#flip-scroll * html .cf { zoom: 1; }
#flip-scroll *:first-child+html .cf { zoom: 1; }

#flip-scroll table { width: 100%; border-collapse: collapse; border-spacing: 0; }

#flip-scroll th,
#flip-scroll td { margin: 0; vertical-align: top; }
#flip-scroll th { text-align: left; }

#flip-scroll table { display: block; position: relative; width: 100%; }
#flip-scroll thead { display: block; float: left; }
#flip-scroll tbody { display: block; width: auto; position: relative; overflow-x: auto; white-space: nowrap; }
#flip-scroll thead tr { display: block; }
#flip-scroll th { display: block; text-align: right; }
#flip-scroll tbody tr { display: inline-block; vertical-align: top; }
#flip-scroll td { display: block; min-height: 1.25em; text-align: left; }

/* sort out borders */

#flip-scroll th { border-bottom: 0; border-left: 0; }
#flip-scroll td { border-left: 0; border-right: 0; border-bottom: 0; }
#flip-scroll tbody tr { border-left: 1px solid #babcbf; }
#flip-scroll th:last-child,
#flip-scroll td:last-child { border-bottom: 1px solid #babcbf; }
}
/*table*/
/*积分兑换*/
/* .quan{width:95%; background:#000; margin-bottom:15px!important;}
.quan a{width:100%; background:url(../images/lp_03.png) no-repeat top right; border:1px solid #b1c7dd; float:left; height:155px; color:#ffa82a; font-size:28px; text-align:center; line-height:30px;
border-radius:8px; padding:30px 0 0 0; margin:8px 0 0 0}
.quan a span{font-size:16px}
.quan a:hover{ text-decoration:none; border:1px solid #5dabf8} */
.xf_nav_2 div{ padding: 3px !important; width: 14.258%;}
.xf_nav_2 .quan{ width: 100%; padding:0 !important; padding-bottom: 83% !important; height: 0; position: relative;}
.xf_nav_2 div:nth-of-type(1) .quan{background: url(../images/titX_01.png) no-repeat ; background-size: 100%; }
.xf_nav_2 div:nth-of-type(2) .quan{background: url(../images/titX_02.png) no-repeat ; background-size: 100%; }
.xf_nav_2 div:nth-of-type(3) .quan{background: url(../images/titX_03.png) no-repeat ; background-size: 100%; }
.xf_nav_2 div:nth-of-type(4) .quan{background: url(../images/titX_04.png) no-repeat ; background-size: 100%; }
.xf_nav_2 div:nth-of-type(5) .quan{background: url(../images/titX_05.png) no-repeat ; background-size: 100%; }
.xf_nav_2 div:nth-of-type(6) .quan{background: url(../images/titX_06.png) no-repeat ; background-size: 100%; }
.xf_nav_2 div:nth-of-type(7) .quan{background: url(../images/titX_07.png) no-repeat ; background-size: 100%; }
.xf_nav_2 .quan a{ position: absolute; top: 30%; width: 100%;font-size: 24px; letter-spacing: 0.06rem; display: flex; justify-content: center; align-items: center; color: #fff; flex-wrap: wrap;}
.xf_nav_2 .quan a span{ display: flex; width: 100%; justify-content: center;}
.xf_nav_2 .quan a span:nth-of-type(1){ font-size: 16px; color:#fff !important; padding-bottom: 5px;}
.xf_nav_2 .quan a span:nth-of-type(2){ background-color: #cf3701; width: auto; color:#fff !important; line-height: 26px; border-radius: 13px; font-size: 15px; padding: 0 12px;}
.xf_nav_2 div:nth-of-type(2) .quan a span:nth-of-type(2){ background-color: #017a6e;}
.xf_nav_2 div:nth-of-type(3) .quan a span:nth-of-type(2){ background-color: #0e76dd;}
.xf_nav_2 div:nth-of-type(4) .quan a span:nth-of-type(2){ background-color: #b50258;}
.xf_nav_2 div:nth-of-type(5) .quan a span:nth-of-type(2){ background-color: #56840a;}
.xf_nav_2 div:nth-of-type(6) .quan a span:nth-of-type(2){ background-color: #c61c36;}
.xf_nav_2 div:nth-of-type(7) .quan a span:nth-of-type(2){ background-color: #4934cd;}

.redeem_main{width:100%; float:left}
.redeem_tit{ width:98%; margin-left:2%; float:left; border-radius:100px; height:70px; margin-top:50px; }
.redeem_tit_bg{ background:#ff6666;}
.redeem_tit_bg2{ background:#ff6699;}
.redeem_tit_bg3{ background:#ff3366;}
.redeem_tit ul{float:left}
.redeem_tit ul.redeem_tit_left1,.redeem_tit ul.redeem_tit_left2,.redeem_tit ul.redeem_tit_left3
{ width:102px; height:102px; text-align:center; line-height:102px; position:relative; left:-20px; top:-18px; 
font-size:25px;}
.redeem_tit ul.redeem_tit_left1{background:url(../images/tit_03.png) no-repeat; color:#ff6666}
.redeem_tit ul.redeem_tit_left2{background:url(../images/tit_06.png) no-repeat; color:#ff6699}
.redeem_tit ul.redeem_tit_left3{background:url(../images/tit_08.png) no-repeat; color:#ff3366}
.redeem_tit ul.redeem_tit_right
{ width:80%; color:#fff; font-size:22px; line-height:70px; margin-left:-10px}

.redX{}
.redX .product-grid .product-content{ position: relative;margin-top: -10%;}
.redX .xf_nav_2{ margin: 0;padding-bottom: 15px;}
.redX .redeem_tit{ position: relative;}
.redX .redeem_tit ul.redeem_tit_left1{top: 0;background: #ff6666;border-radius: 25px;display: block;z-index: 1;position: absolute;width: 100%;height: 100%;left: 0;color: rgba(0,0,0,0);}
.redX .redeem_tit ul.redeem_tit_left2{top: 0;background: #ff6699;border-radius: 25px;display: block;z-index: 1;position: absolute;width: 100%;height: 100%;left: 0;color: rgba(0,0,0,0);}
.redX .redeem_tit ul.redeem_tit_left3{top: 0;background: #ff3366;border-radius: 25px;display: block;z-index: 1;position: absolute;width: 100%;height: 100%;left: 0;color: rgba(0,0,0,0);}
.redX .zstarImg > div.row{
	display: flex;
    flex-wrap: wrap;
}

.redX .redeem_tit_left1,.redX .redeem_tit_left2,.redX .redeem_tit_left3{ display: none;}
.redX .redeem_tit ul.redeem_tit_right{ width: 100%; line-height: 50px; text-align: center; position: relative; z-index: 1;}
.redX .redeem_tit{ width: 100%; height: auto;margin: 10px 0 0 0;}
.redX .product-grid{ margin-top: 20px; margin-bottom: 20px;}

/*礼品兑换图片列表css*/
.product-grid{
	font-family: "Microsoft YaHei" "微软雅黑";
	text-align: center;
	position: relative;
	transition: all 0.5s ease 0s;
	margin:35px 0 60px 0
}
.product-grid2{margin:15px 0 35px 0!important}
.product-grid a:hover{ box-shadow: 0 0 10px rgba(0,0,0,0.3);border-radius:8px; }
.product-grid .product-image{ overflow: hidden; }
.product-grid .product-image:hover{ border-radius:8px; }
.product-grid .product-image a{ display: block; }
.product-grid .product-image img{
    width: 100%;
    height: auto !important;
    transition: all 0.5s ease 0s;
	border-radius:8px;
	/* border:1px solid #dfdfdf; */
}
.product-grid:hover .product-image img{ transform: scale(1.1); }
.product-grid .product-content{
    padding: 12px 12px 15px 12px;
    transition: all 0.5s ease 0s;
	position:absolute;
	z-index:99999;
	top:90%;
	left:2.5%;
	background:#FFF;
	width:95%;
	border:1px solid rgba(0,0,0,0.1);
	box-shadow: 0 0 8px #9ccaf3;
	border-radius:5px;
	min-height:90px;
}

.product-grid .product-content2{
    padding: 12px 12px 15px 12px;
    transition: all 0.5s ease 0s;
	position:absolute;
	z-index:99999;
	top:90%;
	left:2.5%;
	background:#FFF;
	width:95%;
    font-size: 18px;
    color: #000;
	border-radius:5px;
	min-height:45px;
	box-shadow: 0 0 5px #ccc;
	opacity: 0.9;
}

.product-grid .product-content3{
    padding: 12px 12px 15px 12px;
    transition: all 0.5s ease 0s;
	position:absolute;
	z-index:99999;
	top:90%;
	left:2.5%;
	background:#FFF;
	width:95%;
    font-size: 17px;
    color: #000;
	border-radius:5px;
	min-height:45px;
	box-shadow: 0 0 5px #ccc;
	opacity: 0.9;
}

.redeem_button01,.redeem_button02,.redeem_button03
{border-radius:50px; border:0;  width:118px; height:32px; text-align:center; line-height:32px; color:#fff}
.redeem_button01{background:#ff6666;}
.redeem_button02{background:#ff6699;}
.redeem_button03{background:#ff3366;}
.redeem_button01:hover,.redeem_button02:hover,.redeem_button03:hover{background:#3f9cff}

@media only screen and (max-width:990px){
    .product-grid{ margin-bottom: 30px; }
}
/*以上礼品兑换图片列表css*/
/*悬浮按钮*/
.nav_position{position:fixed; bottom:20px; right:20px; width:80px; z-index:99999}

.position_button01,.position_button02{width:54px; height:54px; border-radius:50px; border:0; color:#fff;}
.position_button01{ background:url(../images/nav2_03.png) no-repeat #45c745; background-position:center;}
.position_button02{ background:url(../images/nav2_07.png) no-repeat rgba(235, 39, 86, .85); background-position:center;}
.position_button01:hover{background:url(../images/nav2_03.png) no-repeat #22a922; background-position:center;}
.position_button02:hover{background:url(../images/nav2_07.png) no-repeat rgba(235, 39, 86, .85); background-position:center;}

@media screen and (max-width:1100px){

	.position_button01,.position_button02{display: none;}
}

/*悬浮按钮*/

.xf_nav_l{background:#FFF; width:100%; position:fixed; box-shadow:0 0 10px #93c6f2; top:0; z-index:999; padding:15px 0; display:none}
.article_pbg{background:url(../images/yy_03.png) repeat-x bottom; min-height:100px; padding-bottom:15px; float:left; width:100%}

.eass_tit_bg{background:url(../images/tit_b_03.png) repeat-x; width:100%; height:68px; margin:15px 0}
.eass_tit_bg ul{width:25%; margin:0 37.5%; text-align:center; height:68px; padding-top:5px; background:#FFF; border:1px solid #dfdfdf; font-size:20px; color:#000}
.eass_free{background:url(../images/free2_03.png) no-repeat; background-size:cover; width:100%; padding:20px 0;}
.easse_sj{ display:none;}
.easse_div{ position:relative; max-width:1002px; margin:auto; margin-top:35px;}
.easse_div a{ position:absolute; width:19%; padding-bottom:18%; height:0; background:rgba(0,0,0,0); border-radius:50%;}
.easse_div img{ width:100%;}
.easse_div_1{ left:0.5%; top:-1%;}
.easse_div_2{ left:16.5%; bottom:-1%;}
.easse_div_3{ left:32.5%; top:-1%;}
.easse_div_4{ left:48.5%; bottom:-1%;}
.easse_div_5{ left:64.5%; top:-1%;}
.easse_div_6{ left:80.5%; bottom:-1%;}
.easse_text{ line-height: 28px; margin: auto; padding-top: 35px; font-size: 17px; width: 1000px; max-width: 100%;}
.easse_text span{ display: block; position: relative; padding-left: 28px;}
.easse_text div{ padding-bottom: 20px;}
.easse_text div:nth-child(2){ padding-bottom: 0;}
.easse_text span::before{ content: ''; display: block; position: absolute; left: 0; top: 10px; background:url(../images/easse_08.png) no-repeat; width: 20px; height: 20px;}

.kongbai_foot{width:100%; height:170px; float:left;}

.funland_free1 a img,.funland_free2 a img,.funland_free3 a img{ border:1px solid #dfdfdf; border-radius:10px;}
.funland_free1 a:hover img{ box-shadow:0 0 8px #fdd9e9;border:1px solid #eb68a3;}
.funland_free2 a:hover img{box-shadow:0 0 8px #e0fbda;border:1px solid #62bb42;}
.funland_free3 a:hover img{box-shadow:0 0 8px #c6e1fe;border:1px solid #3f9cff;}

.eoral_q{ width:100%; border-bottom:1px dashed #dfdfdf; padding:15px 0; float:left}
.eoral_q ul{width:100%}
.eoral_q ul,.eoral_q ul li{float:left; display:inline; font-size:18px; color:#474747}
.eoral_q ul li{ margin:10px 15px 0 0}
.eoral_q ul li span{font-size:21px; font-weight: bold;}
.eoral_q ul li a{margin-left:15px}
.eoral_q_button01,.eoral_q_button02{width:164px; height:39px;  border:0; outline:none; margin-left:10px; font-size:16px}
.eoral_q_button01{background:url(../images/eoral_13.png) no-repeat;}
.eoral_q_button02{background:url(../images/eoral_15.png) no-repeat;}

/*校本项目*/
.project_nav{width:100%; background:url(../images/yy_03.png) repeat-x bottom #fff; padding:20px 0 30px 0}
.project_nav_list{padding:15px 5px 8px 5px; border-bottom:1px dashed #dfdfdf; float:left; width:100%}
.project_nav_list a{text-align:center; float:left; width:100%; font-size:18px; color:#000; line-height:22px}
.project_nav_list a span{font-size:14px; color:#999}
.project_nav_list a:hover,.project_nav_list a span:hover{ color:#ed406a; text-decoration:none}
.project_navyc{position: fixed; z-index: 99; display: none; top:0}

.pro_fore{ display: flex; flex-wrap: wrap;}
.pro_fore span{ display: block; width: 20%; padding:3px;}
.pro_fore span:nth-child(13){ width:40%;}
.pro_fore span img{ width:100%;}

/*校本项目*/
.redeem_tit ul.redeem_tit_right2
{ width:80%; color:#fff; font-size:18px; line-height:20px; padding-top:18px; margin-left:-10px}
.pro_4nav span{background:#ffe2e9; width:100%; border-radius:50px; height:35px; line-height:35px; text-align:center; color:#f05c80; font-size:18px; float:left; margin-top:5px;}
.pro_wenz{background:url(../images/yy-top.png) repeat-x top #fff; width:100%; float:left;}
#pro_nav_x2{position:fixed; top:0; z-index:99999; display:none}

/*易华文*/
.echin_tit{background:url(../images/eChinese/eChinese_0_03.png) no-repeat; background-size:cover; width:100%; height:127px}
.echin_article{border:1px solid #dfdfdf; border-radius:10px; margin-top:35px; padding:25px}
.echin_article_l,.echin_article_r{border-radius:10px; font-size:19px; text-align:center; line-height:32px; float:left; width:100%; padding:25px 0; margin:20px 0 0 0}
.echin_article_l{box-shadow:0 0 5px #f485a0; color:#f05c80 }.echin_article_r{box-shadow:0 0 5px #5eaaec; color:#288de5}

.echinese_sam_l{width: 20%; float: left; margin-top: 70px;}
.echinese_sam_l2{width: 23%; float: left; margin-top: 30px;}
.echinese_sam_r{width: 77%; float: left; font-size: 17px; line-height: 28px; color: #000; padding: 20px 20px 0 20px}

.demo_tit{width: 100%; }
.demo_tit img{width: 38%}
.demo_img_r{font-size: 16px; line-height: 27px; color: #000; padding-top:15px}


.foot_dw{position:fixed; bottom:0}
.demo_img{background:url(../images/eChinese/demo_11.png) no-repeat center; background-size:auto; min-height: 230px}
/*.echin_demo{ background-position:40px 47px; padding: 30px 0 0 25%; width: 80%; min-height: 200px }*/
.shar_tit{background:url(../images/sharing_05.png) no-repeat; width: 100%; height: 42px; line-height: 42px; border-bottom: 2px solid #ed406a; margin-top: 30px;
            text-indent: 70px;}
.shar_tit h2{color: #ed406a}.shar_tit h2 small{color: #64c7cd}
.shar_tit span{float: right; color: #000; font-size: 20px;}
.shar_left{color: #000;}
.shar_left_bu{background:url(../images/sharing_09.png) no-repeat; height:30px; text-indent:35px; font-size: 16px; color: #000; float: right; border: 0; margin-top: 5px; }
.shar_left_bu:hover{color:#ed406a }
.shar_right{margin-top: 20px;}
.shar_right_tit1,.shar_right_tit2,.shar_right_tit,.shar_right_tit3
{ height: 55px; line-height: 55px; width: 100%; border: 1px solid #ed406a;font-size: 20px; text-indent: 50px;}
.shar_right_tit4{ height: 55px; line-height: 55px; width: 100%; border: 1px solid #ed406a;font-size: 20px; text-align: center; color: #ed406a;}
.shar_right_tit1{background:url(../images/sharing_12.png) no-repeat; background-position: 10px 12px; color: #ed406a;}
.shar_right_tit1:hover{cursor: pointer; background:url(../images/sharing_12.png) no-repeat #fffafb; background-position: 10px 12px;}
.shar_right_tit2{background:url(../images/shar2_03.png) no-repeat; background-position: 10px 12px; color: #ed406a; display: none}
.shar_right_tit2:hover{cursor: pointer; background:url(../images/shar2_03.png) no-repeat #fffafb; background-position: 10px 12px;}

.shar_right_tit3{background:url(../images/shar2_06.png) no-repeat; background-position: 10px 12px; color: #000; border-top: 0}.shar_right_tit3 span{ color: #ed406a}
.shar_right_tit3:hover{color:#ed406a; cursor: pointer}
.shar_right_tit3 span{color: #000;}
.shar_right_tit3 span.active{color: #ed406a; }
.shar_right_tit3 span:hover{ color: #ed406a}
.shar_right_zd{box-shadow: 0 0 5px #fac6d3; display: none; position: absolute; background: #fff; width: 92.5%}
.shar_right_sc{border: 1px solid #dfdfdf; padding: 5px; float: left; width: 100%}
.shar_right_sc ul a{background:url(../images/sharing_17.png) no-repeat; background-position: 10px 12px; height: 55px; line-height: 55px; border-bottom: 1px dashed #dfdfdf;
font-size: 18px; color: #000; text-indent: 40px; float: left; width: 100%}
.shar_right_sc ul a:hover{color:#ed406a; text-decoration: none}
.maga_tit_act,.maga_tit_no,.maga_tit_sub{ padding:10px 5px}
.maga_tit_act a,.maga_tit_no a,.maga_tit_sub a
{border-radius: 50px; text-align: center; line-height: 52px; height: 52px; float: left; width: 100%; font-size: 18px; margin: 5px 0 0 0}
.maga_tit_act a{ background: #3a93e1; color: #fff}
.maga_tit_no a{ background: #34d3c0; color: #fff; border: 1px solid #34d3c0}
.maga_tit_sub2 a{ background: #ff7800; color: #fff; border: 1px solid #ff7800;}
.maga_tit_sub a{ background: #ed406a; color: #fff; border: 1px solid #ed406a;}

.maga_tit_act a:hover,.maga_tit_no a:hover,.maga_tit_sub a:hover{ font-size: 20px}
.bao_l img{width: 90%}
.content_a img{width: 91%}

.sample_maga{ width:auto; float: left; margin:20px auto}
.sample_maga img{width: 50%}
.sam_button_m{width: 110px ; height: 32px; line-height: 32px; font-size: 18px; color: #fff; background: #3a93e1; border: 0; text-align: center; margin: 10px}

/*小小评论员*/
.project_navyc{display: none; position: fixed; top: 0; z-index: 100;}
.hd_list{padding:5px}
.hd_list a{float: left; height: 50px; line-height: 50px; text-align: center; width: 95%; border-radius: 50px; font-size: 16px; border: 1px solid #dfdfdf; color: #000}
.hd_list_wenz{font-size: 20px; color: #ed406a; font-weight: bold; text-align: center; line-height: 50px}
.hd_list a.active {
  background-color:#ed406a; color: #fff;
}

.mark_all_text {
    font-weight: bold;
    font-size:20px;
    margin-top:20px;
    line-height: 40px;
    border-bottom: 1px dashed #dfdfdf
    
}

.mark_author{
    display:block;
    vertical-align: middle;
    line-height: 30px;
    margin-left:-20px;
}
.send_btn {
	font-size: 18px;
    border-radius: 7px;
    border:0px solid #fff;
    background-color: rgb( 244, 94, 53 );
    color:#fff;
    width: 134px;
    height: 41px;
    margin-top:10px;
}
.mark_textarea {
    width:100%;
    margin-top:10px;
    border-radius: 10px;
    border:1px solid #dfdfdf;
    height: 120px;
}
.mark_wypl {
    font-weight: bold;
    font-size: 20px;
    padding-right:20px;
    
}
.question-ul {
    width: 100%;
    margin-top:10px;
    margin-bottom:20px;
    list-style: none;
    border-radius: 15px;
    border:1px solid #dfdfdf;
    float: left;
    padding: 10px 0; 
    color: #000;

}

.question-ul li {
    line-height: 35px;
	padding-left: 20px;
	font-size:18px ;
}
.mark_tou{width:5%}
.mark_tou img{width: 98%; border-radius: 50px;}
.mark_author{float: left; width:100%; margin:10px;}
.mark_author ul{float: left}
.mark_name{width: 90%; font-size: 16px; color: #1e8bd8; line-height: 18px; padding-left: 8px; line-height: 23px; padding-top: 5px}
.mark_name span{color: #999; font-size: 14px; display: block}
.comment_m{width: 100%; border: 1px solid #dfdfdf; padding: 15px 0 0 0; float: left; margin-top: 15px; margin-bottom:20px ;border-radius: 10px;}
.comment_l{width:3%; margin-left: 2%; float: left }
.comment_l img{width: 100%}
.comment_r{width:91%; float: left; margin-left: 1%; margin-bottom: 10px; }
.comment_r p{font-size: 16px; color: #000; width: 100%;}
.comment_r ul{float: left; width: 100%;}.comment_r ul li{float: left; display: inline}
.comment_r ul a{float: left; line-height: 20px; margin-right: 20px; color: #fb5858}
.comment_r ul a i{color: #999}
.comment_r ul a:hover{color: #fb5858}

.mark_tou2{width:25%}
.mark_tou2 img{width: 98%; border-radius: 50px;}

.mark_author2{float: left; width:19%; margin:10px ; border-right: 1px solid #dfdfdf}
.mark_author2 ul{float: left}

.mark_name2{ font-size: 16px; color: #1e8bd8; line-height: 18px; padding-left: 8px; line-height: 23px; padding-top: 5px}
.mark_name2 span{color: #999; font-size: 14px; display: block}

.huif{ width: 75%; margin-left: 3%}

.pl_all{border-bottom: 1px dashed #dfdfdf; float: left; margin-bottom: 20px; width: 100%;}

/* 登录 */
.option_tc{
	position: fixed;
	width:100%;
	height:100%;
	top: 0;
	left:0;
	opacity: 0;
	visibility: hidden;
	background: rgba(0,0,0,.5);
	-webkit-transition: opacity 0.3s 0s, visibility 0s 0.3s;
	-moz-transition: opacity 0.3s 0s, visibility 0s 0.3s;
	transition: opacity 0.3s 0s, visibility 0s 0.3s;
}
.option_tc_div{
	background-color: #fff;
    position: fixed;
	left: 50%;
	top: 50%;
	width: 90%;
	max-width: 380px;
	padding: 0.1rem;
	padding-bottom: 20px;
	-webkit-transition: -webkit-transform .3s,opacity .3s;
    transition: transform .3s,opacity .3s;
    -webkit-transform:  translate(-50%,-80%);
	transform:  translate(-50%,-100%) scale;
	border-radius: 0.5rem;
}

.option_tcFail_div{
	background-color: #fff;
    position: fixed;
	left: 50%;
	top: 50%;
	width: 90%;
	max-width: 500px;
	padding:15px;
	padding-bottom: 20px;
	-webkit-transition: -webkit-transform .3s,opacity .3s;
    transition: transform .3s,opacity .3s;
    -webkit-transform:  translate(-50%,-80%);
	transform:  translate(-50%,-100%) scale;
	border-radius: 0.5rem;
	text-align: center;
}	

.option_tcFail_div .loginText{ text-align: left; font-size: 16px;}
.option_tcFail_div .loginText div{ padding-bottom: 5px;}
.option_tcFail_div .aniu{ position: absolute;right: 10px;top: 10px; cursor: pointer;  }
.option_tcFail_div .aniu img{ width:30px;}
.option_tcFail_div h1{ font-size: 20px; color: #000; padding-top: 0; margin-top: 10px;}
.option_tc.option_a{
	opacity: 1;
	display: block;
	z-index: 999999;
	visibility: visible;
	-webkit-transition: opacity 0.3s 0s, visibility 0s 0s;
	-moz-transition: opacity 0.3s 0s, visibility 0s 0s;
	transition: opacity 0.3s 0s, visibility 0s 0s;
}
.option_tc.option_a .option_tc_div{
    -webkit-transform:  translate(-50%,-50%);
	transform:  translate(-50%,-50%) scale;
}
.option_tc_div .gspl{ padding:0 3%;}
.option_tc_div .gspl button{ width: 100%;  }
.option_tc_div .gspl button.button_01{ background-image: none; padding:10px 15px; display: flex; justify-content: center; align-items: center;}
.option_tc_div .gspl button img{ padding-right:10px;}
.loginText{ padding:10px 3% 0 3%;}
.loginText div{ display: flex; }
.loginText div span{ display: block; padding-left: 5px;}

/**学生刊物**/
.magazine_ebook_first{width: 100%; text-align: center;}
.magazine_ebook_page{width: 100%; text-align: center; display: none; margin-bottom:20px;}
.magazine_ebook_page img{width: 50%; float: left}
.magazine_ebook_last{ width:50%;}
.magazine_ebook_last,.magazine_ebook_first img{ width:100%;}
.magazine_ebook_last img{ width:100%;max-width:100%}
/*.MagAn .container div:nth-child(2){ display: flex; justify-content:right; flex-wrap: wrap;}

二级界面的适配*/

.ta_pc{width: 100%;}
.SMnav{ display: flex; flex-wrap: wrap;}
.SMnavDiv{ width: 20%;}

/* 登录说明 */
.top_help{ border-bottom: 2px solid #eb2756;}
.top_helpM{}
.help_logo{ float: left;}
.help_right{ float: right;}
.help_right .icon_b2{ display: flex;}
.help_right .icon_r{ padding: 0 20px 0 10px;}
.help_right .myhomex {float: right;cursor: pointer;height: 55px;margin-left: 20px;margin-top: 3px;}
.bdmain {border-top: 0px;border-bottom: 0px;background-color: #fff;margin-top: 30px;}





/*经典阅读*/
.eclasslist_tit{width: 100%; float: left; margin: 10px 0;}
.eclasslist_tit a{float: left; text-indent:25px ; padding: 13px 27px; border-radius: 50px; font-size: 19px; color: #fff;
 background:url(../images/eclassic_30.png) no-repeat #4caaf8; background-position: 24px 15px; margin: 5px 8px;}
.eclasslist_tit .succMain li{
    position: relative;
}
.eclasslist_tit .succMain li::after{
    display: flex;
    content: '';
    right: 0;
    width: 66px;
    height:45px;
    background: url(/resources/teacher/images/2021new.png) no-repeat center;
}
 .eclasslist_tit ul li{
	list-style: none;
	display: none;
}
.eclasslist_tit ul li:nth-child(1){
	display: block;
}
.eclasslist_tit a:hover,.ecl_titact{background:url(../images/eclassic_30.png) no-repeat #ed406a!important; background-position: 24px 15px!important;}
/* #box8 .etuIMG:nth-child(18),
#box8 .etuIMG:nth-child(19),
#box8 .etuIMG:nth-child(20),
#box10 .etuIMG:nth-child(18),
#box10 .etuIMG:nth-child(19),
#box10 .etuIMG:nth-child(20),
#box11 .etuIMG:nth-child(19),
#box11 .etuIMG:nth-child(20){
	display: none;
} */
.PromptRed{
	color: red; font-size: 18px; padding-top: 10px; padding-bottom: 0px; float: left; width: 100%;
}

.leverDiv{
    display: flex;
    width: 100%;
    position: relative;
    margin-bottom: 10px;
	background-color: #f5fafe;
	background: linear-gradient(rgba(0,0,0,0),#f5fafe);
    /* 
	
	margin-top: -9px;
	padding-top: 8px;
	box-shadow: 0 1px 5px rgba(0, 0, 0, .1);  */
	/* z-index: -1; */
}
.leverDiv::before{
	content: '';
	display: block;
	position: absolute;
	width: 100%;
	height: 5px;
	bottom: -1px;
	background: linear-gradient(rgba(0,0,0,0),rgba(0,0,0,0.05));
}
.leverDiv .container{
	padding: 0;
}
.leverDiv span{
    display: flex;
    align-items: flex-end;
}
.leverDiv span a{ 
    background-color: #9c9c9c; display: flex; 
    color: #fff; margin: 10px 5px 0 5px; 
    line-height: 48px;
    padding:0 30px;  
	min-width: 130px;
	font-size: 18px; 
    border-top-left-radius: 8px; 
    border-top-right-radius: 8px; 
    display: inline-block; text-align: center; 
}
.leverDiv span a.active{ 
	padding: 0 40px; 
	line-height: 52px;
	font-size: 20px;
}
.leverDiv span a:nth-child(1){ background-color: #ee6385;}
.leverDiv span a:nth-child(2){ background-color: #f76464;}
.leverDiv span a:nth-child(3){ background-color: #f09f2c;}
.leverDiv span a:nth-child(4){ background-color: #4ebbd2;}
.leverDiv span a:nth-child(5){ background-color: #4caaf9;}
.leverDiv span a:nth-child(6){ background-color: #237cc1;}

.down_load{background:url(../images/eclassic_34.png) no-repeat #fff; background-position: 10px 6px; width: 100%;
	color: #ed406a; font-size: 18px; text-align: left; line-height: 38px; text-indent: 45px; border: 0;}
.down_load:hover{background:url(../images/eclassic_34.png) no-repeat #f9ede2; background-position: 10px 7px; font-size: 17px; }
.down_load span{font-size: 16px;}
.read_bu01,.read_bu02{border-radius: 5px; background: #fff; padding: 5px 15px; margin: 0 5px;}
.read_bu01{ color: #4caaf8; border: 1px solid #4caaf8; }
.read_bu01:hover{ background:#4caaf8 ; color: #fff;}
.read_bu02{color: #ed406a; border: 1px solid #ed406a;}
.read_bu02:hover{ background:#ed406a ; color: #fff;}


.read_bu03{border-radius: 5px; background: #fff; padding: 5px 15px; margin: 0 5px;}
.read_bu03{ color: #666; border: 1px solid #ccc; }
.read_bu03:hover{ background:#666 ; color: #fff;}


.product-grid .product-content_free{
    padding: 12px 12px 15px 12px;
    transition: all 0.5s ease 0s;
	position:absolute;
	z-index:99999;
	top:95%;
	left:2.5%;
	background:#FFF;
	width:95%;
	box-shadow: 0 0 8px #ccc;
	border-radius:5px;
	height:50px;
}

.product-grid .product-content_free p{color: red; font-size: 18px;}

.product-grid .product-content_no{
    padding: 12px 12px 15px 12px;
    transition: all 0.5s ease 0s;
	position:absolute;
	z-index:99999;
	top:95%;
	left:2.5%;
	background:#FFF;
	width:95%;
	box-shadow: 0 0 8px #ccc;
	border-radius:5px;
	height:50px;
}
.product-grid .product-content_no p{font-size: 18px; color: #666;}

.product-grid-free{
	margin:5px 0 60px 0!important
}

.zybian_p{width: 100%; float: left;}
.zybian_p p{ padding: 0!important; margin: 0!important;}





.star_table_tit{ width: 100%; float: left;}

.etutorstar_nav{width: 25%; float: left;}
.zstarImg{}
.zstarImg .product-grid .product-image{ overflow: hidden; width: 100%; padding-bottom: 100%; height: 0; position: relative; }
.zstarImg .product-grid .product-image:hover{ border-radius:8px; }
.zstarImg .product-grid .product-image a{ display: flex; overflow: hidden; justify-content: center;position: absolute; width: 100%; height: 100%; left: 0; top: 0;border:1px solid #dfdfdf; border-radius:8px;}
.zstarImg .product-grid .product-image img{
	/* height: auto  !important;
	max-height: 100%;
	max-width: none !important;
	width: auto; */
	object-fit: scale-down; 
    transition: all 0.5s ease 0s;
}
.star_nav .row .star_navh:nth-child(1):hover span{ color:#489fff ;}
.star_nav .row .star_navh:nth-child(1):hover .star_img_tit { color:#489fff ;}
.star_nav .row .star_navh:nth-child(2):hover span{ color:#02c1d7 ;}
.star_nav .row .star_navh:nth-child(2):hover .star_img_tit{ color:#02c1d7 ;}
.star_nav .row .star_navh:nth-child(3):hover span{ color:#f56212 ;}
.star_nav .row .star_navh:nth-child(3):hover .star_img_tit{ color:#f56212 ;}
.star_nav .row .star_navh:nth-child(4):hover span{ color:#ea1f97 ;}
.star_nav .row .star_navh:nth-child(4):hover .star_img_tit{ color:#ea1f97 ;}
.star_nav .row .star_navh:nth-child(5):hover span{ color:#7da318 ;}
.star_nav .row .star_navh:nth-child(5):hover .star_img_tit{ color:#7da318 ;}


/* 学伴榜单 */
.eZhishiBuddy_nav .etutorstar_nav{ width: 20%;}
.eZhishiBuddy_nav .row .star_navh:nth-child(1):hover span{ color:#489fff ;}
.eZhishiBuddy_nav .row .star_navh:nth-child(2):hover span{ color:#f9732a ;}
.eZhishiBuddy_nav .row .star_navh:nth-child(3):hover span{ color:#ed018c ;}
.eZhishiBuddy_nav .row .star_navh:nth-child(4):hover span{ color:#0fc2d6 ;}
.eZhishiBuddy_nav .row .star_navh:nth-child(5):hover span{ color:#f05c80 ;}
.eZhishiBuddy_nav .row .star_navh:nth-child(1):hover .star_img_tit{ color:#489fff ;}
.eZhishiBuddy_nav .row .star_navh:nth-child(2):hover .star_img_tit{ color:#f9732a ;}
.eZhishiBuddy_nav .row .star_navh:nth-child(3):hover .star_img_tit{ color:#ed018c ;}
.eZhishiBuddy_nav .row .star_navh:nth-child(4):hover .star_img_tit{ color:#0fc2d6 ;}
.eZhishiBuddy_nav .row .star_navh:nth-child(5):hover .star_img_tit{ color:#f05c80 ;}
.eZhishiBuddy_nav .star_tit_act{ background: none;}
.eZhishiBuddy_nav .row .star_navh:nth-child(1) .star_img_tit.star_tit_act{ color:#489fff;}
.eZhishiBuddy_nav .row .star_navh:nth-child(2) .star_img_tit.star_tit_act{ color:#f9732a;}
.eZhishiBuddy_nav .row .star_navh:nth-child(3) .star_img_tit.star_tit_act{ color:#ed018c;}
.eZhishiBuddy_nav .row .star_navh:nth-child(4) .star_img_tit.star_tit_act{ color:#0fc2d6;}
.eZhishiBuddy_nav .row .star_navh:nth-child(5) .star_img_tit.star_tit_act{ color:#f05c80;}
.eZhishiBuddy_nav .row .star_navh .star_img_tit.star_tit_act{ position: relative;}
.eZhishiBuddy_nav .row .star_navh .star_img_tit.star_tit_act::before{ content: ''; display: block; position: absolute; width: 7px; height: 7px; background-color: #489fff; border-radius: 50%; bottom: -1px; left: 50%; margin-left: -4px;}
.eZhishiBuddy_nav .row .star_navh:nth-child(2) .star_img_tit.star_tit_act::before{ background-color: #f9732a;}
.eZhishiBuddy_nav .row .star_navh:nth-child(3) .star_img_tit.star_tit_act::before{ background-color: #ed018c;}
.eZhishiBuddy_nav .row .star_navh:nth-child(4) .star_img_tit.star_tit_act::before{ background-color: #0fc2d6;}
.eZhishiBuddy_nav .row .star_navh:nth-child(5) .star_img_tit.star_tit_act::before{ background-color: #f05c80;}
.eZhishiBuddy_nav .container .row{ margin: 0 -50px;}
.eZhishiBuddy_Primary{ min-height: 450px;display: inline-block;width: 100%;}
.eZhishiBuddy_PTop{ display: flex; width: 100%; flex-wrap: wrap; padding: 20px 0 10px 0;}
.eZhishiBuddy_PTop a{margin: 5px;}
.eZhishiBuddy_PTop a span{ line-height: 48px; font-size: 18px; color: #303030; display:inline-block; border:1px solid #dfdfdf; border-radius: 25px; padding: 0 30px;}
.eZhishiBuddy_PTop a.active span{ background-color: #ed406a; border-color: #ed406a; color: #fff;}
.eZhishiBuddy_PTable{ margin-bottom: 20px; overflow: auto;}
.eZhishiBuddy_PTable table{ width: 100%; border:1px solid #c3d9f0;}
.eZhishiBuddy_PTable thead tr{ background-color: #c3d9f0; line-height: 50px;}
.eZhishiBuddy_PTable thead tr th{ text-align: center; font-size: 16px; font-weight: normal;}
.eZhishiBuddy_PTable thead tr th:nth-child(1){ min-width: 60px;}
.eZhishiBuddy_PTable thead tr th:nth-child(2){ min-width: 120px;}
.eZhishiBuddy_PTable thead tr th:nth-child(3){ min-width: 220px;}
.eZhishiBuddy_PTable thead tr th:nth-child(4){ min-width: 100px;}
.eZhishiBuddy_PTable thead tr th:nth-child(5){ min-width: 90px;}
.eZhishiBuddy_PTable tbody tr td{ text-align: center; font-size: 16px; line-height: 50px; padding: 0 10px; border-right: 1px solid #c3d9f0;}
.eZhishiBuddy_PTable tbody tr{ border-top:1px solid #c3d9f0;}
.eZhishiBuddy_PTable tbody tr td:last-child{ border-right: 0;}
.eZhishiBuddy_PTable tbody tr:nth-child(even){ background-color: #edf4fa;}
.eZhishiBuddy_PTable tbody tr td:nth-child(2){ text-align: left;}
.eZhishiBuddy_PTable tbody tr td:nth-child(3){ text-align: left;}
.eZhishiBuddy_PTit{ font-size: 17px;line-height: 30px;}
.eZhishiBuddy_PTit span{ display: flex; position: relative; padding-left:35px}
.eZhishiBuddy_PTit span b{ font-weight: normal; position:absolute; left: -8px;}
.eZhishiBuddy_PTitB{ color: #0d74ff; padding:10px 5px 20px 5px; font-size: 17px;line-height: 30px;text-align: left; }
.eZhishiBuddy_PTitB span{ display: block;}
.ePTenglish{ line-height: 23px;padding-top: 3px;}
.xb_Menu li div{ color: #fff;}
.StudentBuddy{padding-top: 20px;}
/* 学伴成长 */
.buddyR{ overflow: hidden;}
.buddyR ul{ position: relative; padding:0 80px 0 190px; display: flex; flex-wrap: wrap; align-items: center;}
.buddyR ul li{ line-height: 25px; padding: 3px 0;}
.buddyR ul li.star_win{ width: 60px; position: absolute; left: 0;}
.buddyR ul li.star_win span{ line-height: 42px !important; display: flex;justify-content: center;}
.buddyR ul li:nth-child(2){ width: 130px !important; position: absolute; left: 60px;}
.buddyR ul li:nth-child(3){ width: 100% !important;}
.buddyR ul li:nth-child(4){ width: 80px; position: absolute; right: 0; padding: 0 10px;}

/* 成长点规则 */
.eZhishiBuddy_Rules{}
.eZhishiBuddy_RP{ display: flex; width: 100%; flex-wrap: wrap; color: #333;text-align: left;font-size: 18px;line-height: 30px;padding-top: 30px;}
.eZhishiBuddy_RP span{ display: inline-block; width: 100%;}
.eZhishiBuddy_Rules div{ letter-spacing: 0.06rem; font-family: "PingFang SC",Arial,"Microsoft YaHei", sans-serif !important ;}
.eZhishiBuddy_RP_C{ padding-bottom: 15px;}
.eZhishiBuddy_RP_E{ padding-bottom: 15px;}
.eZhishiBuddy_Rules table tr{ color: #fff;}
.eZhishiBuddy_Rules table tr td:nth-child(1){font-size: 18px; width: 230px; line-height: 30px;  text-align: center;}
.eZhishiBuddy_Rules table tr img{ width: 80px;}
.eZhishiBuddy_Rules table tr td:nth-child(1) span{ display: block;width: 100%;}
.eZhishiBuddy_Rules table tr ul{padding: 30px;list-style-type: none;}
.eZhishiBuddy_Rules table tr ul li{width: 100%; text-align: left; padding: 5px; padding-left: 0px; padding-right: 0px; font-size: 18px; letter-spacing: 1.5px; list-style-type: inherit; text-align: justify; line-height: 30px;}
.eZhishiBuddy_bj{background: url(/images2019/allbg.png) bottom center no-repeat #fff;}
.eZhishiBuddy_Rules table tr:nth-child(1) ul{ color:#0a4895}
.eZhishiBuddy_Rules table tr:nth-child(1) td:nth-child(1){background:#c0eaff; color:#0a4895}
.eZhishiBuddy_Rules table tr:nth-child(1) td:nth-child(2){background:#dbf3ff;}
.eZhishiBuddy_Rules table tr:nth-child(2) ul{ color:#c9160b}
.eZhishiBuddy_Rules table tr:nth-child(2) td:nth-child(1){background:#fec5b9; color:#c9160b}
.eZhishiBuddy_Rules table tr:nth-child(2) td:nth-child(2){background:#ffdcd5;}
.eZhishiBuddy_Rules table tr:nth-child(3) ul{ color:#081a86}
.eZhishiBuddy_Rules table tr:nth-child(3) td:nth-child(1){background:#adc9f4; color:#081a86}
.eZhishiBuddy_Rules table tr:nth-child(3) td:nth-child(2){background:#d4e2f8;}
.eZhishiBuddy_Rules table tr:nth-child(4) ul{ color:#da3b01}
.eZhishiBuddy_Rules table tr:nth-child(4) td:nth-child(1){background:#f7e46f; color:#da3b01}
.eZhishiBuddy_Rules table tr:nth-child(4) td:nth-child(2){background:#fff5bc;}
.eZhishiBuddy_Rules table tr:nth-child(5) ul{ color:#3e7416}
.eZhishiBuddy_Rules table tr:nth-child(5) td:nth-child(1){background:#cef194; color:#3e7416}
.eZhishiBuddy_Rules table tr:nth-child(5) td:nth-child(2){background:#e8fcc6;}
.eZhishiBuddy_Rules table tr:nth-child(6) ul{ color:#012f5a}
.eZhishiBuddy_Rules table tr:nth-child(6) td:nth-child(1){background:#91e9f2; color:#012f5a}
.eZhishiBuddy_Rules table tr:nth-child(6) td:nth-child(2){background:#d7f6f9;}
.eZhishiBuddy_Rules table tr:nth-child(7) ul{ color:#c9160b}
.eZhishiBuddy_Rules table tr:nth-child(7) td:nth-child(1){background:#ffe2b1; color:#c9160b}
.eZhishiBuddy_Rules table tr:nth-child(7) td:nth-child(2){background:#ffebcb;}
.eZhishiBuddy_Rules table tr:nth-child(8) ul{ color:#c9160b}
.eZhishiBuddy_Rules table tr:nth-child(8) td:nth-child(1){background:#fec5b9; color:#c9160b}
.eZhishiBuddy_Rules table tr:nth-child(8) td:nth-child(2){background:#ffdcd5;}
.eZhishiBuddy_Rules table tr:nth-child(9) ul{ color:#012f5a}
.eZhishiBuddy_Rules table tr:nth-child(9) td:nth-child(1){background:#91e9f2; color:#012f5a}
.eZhishiBuddy_Rules table tr:nth-child(9) td:nth-child(2){background:#d7f6f9;}
.eZhishiBuddy_about{ padding: 30px 20px 0 20px; display: inline-block;}
.eZhishiBuddy_my{display:flex; width: 100%; flex-wrap: wrap; justify-content: center;}
.myBuddy{ padding: 0; width: auto;}
table.table_w{border:0 !important }
table.table_w tr td{white-space: normal !important; } 
table.table_w tr td p{padding-right: 5px;}
table.table_w tr td:nth-child(1){padding-right: 5px; position: relative; width: 25px;}
table.table_w tr td:nth-child(1) p{ position: absolute; top: 0;}
.ezhishi_getP{ margin: 20px;}
.eZhishiBuddy_my .animation_container{ margin: auto;}


.about_ezhishi img{width: auto;}
.ezhishiSIX_P span, .ezhishiSIX_PC span{ letter-spacing: 0 !important;}
.eZhishiBuddy_my1{ background: #fff; position: relative;}
.eZhishiBuddy_my1::before{ content: '';
    display: block;
    height: 3px;
    width: 100%;
    position: absolute;
    bottom: -3px;
    left: 0;
    z-index: 1;
    background-image: linear-gradient( rgba(0,0,0,0.2), rgba(0,0,0,0.05));}
	.xiaNavX{
		position: relative;
	}

@media (max-width: 1199px){
	.etutor_SX{ position: relative;display: flex; }
	.etutor_SX .objective{ width: 45%; background: none; border:2px solid #92e6f4; border-radius: 8px;}
	.etutor_SX .star_right{ }
	.etutor_SX .objective{ min-height: auto;}
	.etutor_SX .objective p{ padding: 0 15px;}
	.etutor_SX .star_table_sc ul{ position: relative; padding-left: 50px; padding: 5px 80px 5px 50px;height: auto; min-height: 48px; }
	.etutor_SX .star_table_sc ul li.star_win{ position: absolute; left: 10px; top: 0;}
	.etutor_SX .star_table_sc ul li:nth-child(4){ width: 80px !important; text-align: right; position: absolute; right: 10px; top: 0;}
	.etutor_SX .star_table_sc ul li:nth-child(2){ width: 100% !important; line-height: 25px;}
	.etutor_SX .star_table_sc ul li:nth-child(3){ width: 100% !important; line-height: 25px;}
	img{ max-width: 100%;}
	/* .objective{ width: 100%; background: none; border:2px solid #92e6f4; border-radius: 8px;} */
	.buddyR ul{padding-left:160px}
	.buddyR ul li.star_win{width: 50px;}
	.buddyR ul li:nth-child(2){ left: 50px;}
	.ezhishi_getP{ margin: 20px 0;}

	.xiaNav{
		position: absolute;
		left: 0;
	}
	.xiaNav	.container{
		width: 100%;
	}
	.xiaNav ul{
		display: flex;
    	justify-content: center;
    	width: 100%;
	}
}
@media screen and (max-width: 1100px) { 
	.english_bg1{box-shadow: none; border-bottom: 1px solid #dfdfdf;}
	.kongbai{display:none}
	.sc_nav_activ a,.sc_nav_no a,.sc_nav_sub a{ margin-left:1%}
	.sc_nav_activ2 a,.sc_nav_no2 a,.sc_nav_sub2 a{ width: 100%;}
	.sc_banner{display:none}
	.sc_banner2{display:inherit}
	.star_right{width:100%; margin:0 0 0 3% }
	.nav_position{display:none}

    .demo_tit{ margin-top: 20px; float: left}
    .demo_img{display: none}
    .demo_img_r{width: 100%; padding-top: 10px; padding-bottom: 15px;}
	.content_a img{width: 95%}
	.SMnavDiv{ width: 100%;}
	
	.eclasslist_tit{ padding: 0; margin:5px 0;}
	.eclasslist_tit a{width: 48%; margin:2px 1%; border-radius:5px; float: left;}
	
	/* 首页登录框 */
	#login{ display: none;}
	.sj_login{ display: block; position: fixed;width:100%;height:100%;top: 0;left:0;opacity: 0;visibility: hidden;background: rgba(0,0,0,.5);-webkit-transition: opacity 0.3s 0s, visibility 0s 0.3s;-moz-transition: opacity 0.3s 0s, visibility 0s 0.3s;transition: opacity 0.3s 0s, visibility 0s 0.3s;}
	.sj_login.option_a{opacity: 1;display: block;z-index: 999999;visibility: visible;-webkit-transition: opacity 0.3s 0s, visibility 0s 0s;-moz-transition: opacity 0.3s 0s, visibility 0s 0s;transition: opacity 0.3s 0s, visibility 0s 0s;
	}
	.sj_login.option_a .option_tc_div{-webkit-transform:  translate(-50%,-50%);transform:  translate(-50%,-50%) scale;}
	.QRcode div{width:315px !important; border-radius: 10px !important; position: relative; height: 330px !important; margin-top: -165px !important; background-size: 100% 100% !important; padding:0 20px; margin-left: -157px !important; left: 50% !important;}
	.QRcode div img{margin-top: 0; position: absolute; bottom:10px; right: -10px;}
	.help_logo{height: 60px; width: 50%;} 
	.help_right{ width: 50%;}
	.top_help{padding: 5px;top: 0;position: fixed;left: 0;width: 100%;z-index: 99999;border-bottom: 1px solid rgba(0, 0, 0, .05);}
	.bdmain{ padding-top: 60px; }

} 

@media (max-width: 1100px) { 
  
	.leverDiv span a{
		width: 15.666666%;
		margin: 0 0.5%;
	}
		
	
} 
@media (max-width: 990px) { 
  
	.leverDiv span a{
		width: 32.333333%;
		margin: 5px 0.5%;
		border-radius: 8px;
	}
	.leverDiv span{
		flex-wrap: wrap;
		margin: 10px 15px;
	}
	.leverDiv span a{
		background-color: #4ebbd2 !important;
		min-width: auto;
		padding: 0 10px !important;
	}
	.leverDiv span a.active{
		background-color: #fd7d4c !important;
		line-height: 48px;
	}
		
	
} 

@media screen and (min-width:768px) and (max-width: 1100px) { 
  
.free_list{width:90%; margin-left:10%;}
	

} 


@media screen and (max-width:820px) { 
.sc_nav_m{ margin-top:10px;}

.sc_nav_no a{margin-top:1px}
.sc_nav_sub a{margin-top:1px;}
.sc_nav_no2 a{margin-top:1px}
.sc_nav_sub2 a{margin-top:1px;}	

.lever_nav ul li{width:30%; margin-right:2%; margin-top:10px;}	
.free_tit img{top:30px; }
.star_img_tit{font-size:15px;}
.star_img_tit span{display:none;}
.star_nav{min-height:120px;}

.objective h2{font-size:25px;}
.objective p{font-size:14px;}
.ta_pc{display:none}
.ta_mob{ display:inherit}
.pro_4nav span{font-size:16px}
    
    .echinese_sam_l{display: none}
    .echinese_sam_r{width: 97%}
    .demo_tit img{width: 50%}
    .shar_left h2{ float: left; margin-top:20px}
    .litter_tit_r{display: none}
    .mark_name{font-size: 12px; line-height: 15px; padding-top: 2px}
    .mark_name span{font-size: 12px;}
    
    .mark_tou2{display: none}
    .mark_name2{ width: 90%; font-size: 12px}.mark_name2 span{display: none; line-height: 15px}

}
@media (max-width: 1100px){
	.xf_nav_2 div {
		width: 25%;
	}
}
@media (max-width: 768px){
	.xf_nav_2 div {
		width:33.333333%;
	}

	.easse_pc{ display:none;}
	.easse_div{ max-width:521px;}
	.easse_sj{ display:block; margin:auto;}
	.easse_div a{ width:37.3%; padding-bottom:35%; height:0;}
	.easse_div_1{ left:0.5%; top:-1%;}
	.easse_div_2{ left:31.5%; top:20%;}
	.easse_div_3{ left:62.5%; top:-1%;}
	.easse_div_4{ left:0%; bottom:20%;}
	.easse_div_5{ left:31.5%; top:60.5%;}
	.easse_div_6{ left:62.5%; bottom:20%;}

	/* 手机样式调整 */
	.eExercise_text .z1 ul.z1_1 li{padding-left: 30px;}
	.eExercise_text .z1 ul.z1_1 li:nth-child(1) span{ margin-left: 0;}
	.eExercise_text .z1 ul.z1_1 li:nth-child(2) span{ margin-left: 0;}
	.eExercise_text .z1 ul.z1_1 li:nth-child(3) span{ margin-left: 0;}
	.eExercise_text .z1 ul.z1_1 li:nth-child(4) span{ margin-left: 0;}
	.eExercise_text .z1 ul.z1_1 li:nth-child(5) span{ margin-left: 0;}
	.eExercise_text .z1 ul.z1_1 li:nth-child(6) span{ margin-left: 0;}
	.eExercise_text .z1 ul.z1_1 li:nth-child(7) span{ margin-left: 0;}
	
	.eExercise_nr .eExercise_nr_div{width: 96%; margin: 0 2%;}
	.eExercise_nr .eExercise_nr_div:nth-child(1){ margin-bottom: 30px;}
	.star_table_tit{ width: 100%; float: left;}
	.star_table_tit h2{ font-size: 22px; display: flex;align-items: center;    flex-wrap: wrap; }
	.star_table_tit h2 small{ font-size: 18px; padding-left: 10px; padding-top: 5px;}
	.star_table_tit .regula_chi{ position: relative; display: flex; justify-content: flex-end;margin-top: -20px; padding-bottom: 20px;}
	.sc_banner2{ margin-top:70px;}
	.etutor_SX .objective p{ padding:0 3%}
	.etutor_SX .objective{ width: 100%; margin:10px 0;}
	.etutor_SX .star_table_tit h2 small{ padding-left: 0; }
	.etutor_SX{ flex-wrap: wrap; }
	.etutor_SX .objective h2{ font-size: 20px;}
	.etutor_SX .star_right{ width: 100%; margin: 0;}
	.etutor_SX .star_table_tit small,.etutor_S1X .star_table_tit small{ font-size: 18px; padding-left: 5px;}
	.etutor_S1X .row{ margin: 0;}
	.box{ margin:7px;}
	.Primary_page_div{ display: flex; flex-wrap: wrap;}
	.seclet_qs a{ font-weight: normal !important; font-size: 22px !important; padding: 0 5px !important;}
	.seclet_act{ font-size: 23px !important;}
	.eread_free{ margin-left: 0; margin-right:0;}
	.free_tit{ width: 20%;}
	.free_tit img{ left: -13px; top: 20px;}
	.MagAn .container div:nth-child(1){ margin:10px -5px;}
	.MagAn .container div:nth-child(1) div.col-xs-6{ padding:5px 0; text-align: center; margin: 0; }
	.MagAn .container div:nth-child(2){ justify-content: flex-start; margin:10px -5px;}
	.MagAn .title_with{ width: 33.333333%; padding:5px !important; margin: 0 !important;}
	.MagAn .maga_tit_no a, .MagAn .maga_tit_sub a { margin: 0;}
	.MagAn .bao_l img{width: 95%;}
	.top .col-md-6{ height:40px; }
	.top .col-md-6:nth-child(2){ height: 25px; }
	.banner_mob{ padding-top: 50px;}
	
	.icon_logo{height: auto; height: 100%;}
	.icon_b,.mob_close{width:auto; height:100% !important;padding-left:7px;}
	.mob_nav{top:70px;}
	.wslx_at{ padding-top: 70px;}
	.star_navh{ padding-bottom: 15px !important;}
	.star_nav{ min-height: 95px; overflow: hidden;}

	.oth_img_01,.oth_img_02,.oth_img_03{ float: none;margin: 10px 0 0 0; height: 115px; width: auto; display: flex; align-items: center; justify-content: center;}
	.other_list{ height: auto; border: 0; border-right:1px solid #dfdfdf;border-bottom:1px solid #dfdfdf;}
	.oth_img_tit,.oth_img_tit2, .oth_img_tit2{ height: 65px; line-height: 20px; font-size: 18px; margin-top: 0; width: 100%;}
	.oth_img_tit span,.oth_img_tit2 span{ font-size: 16px; padding-top: 5px;}
	.indLike{ border-left:1px solid #dfdfdf;border-top:1px solid #dfdfdf;}
	.oth_img_01 img, .oth_img_02 img, .oth_img_03 img{ width: auto;}
	.FFreeX{}
	.FFreeX .demo_tit img{ width: 100%; max-width: 450px;}
	.FFreeX .demo_tit{ margin: 0;}
	.FFreeX .star_table_tit{margin-top: 0 !important;}
	.row.xf_nav_2{ margin: 0 !important;}	

	.help_logo{ height: 40px;}
	.top_help{ padding: 5px 10px 5px 15px;}
	.bdmain{ padding-top: 50px;}

	.eZhishiBuddy_nav .container .row{ margin:0 -20px;}
	.eZhishiBuddy_PTop{ margin: 0 -1%; width: 102%;}
	.eZhishiBuddy_PTop a{ margin: 5px 1%; width: 23%;}
	.eZhishiBuddy_PTop a span{ width: 100%; text-align: center; padding: 0 10px;}
	.eZhishiBuddy_Rules table tr td{ width: 100% !important; display: flex; flex-wrap: wrap;}
	.eZhishiBuddy_Rules table tr td:nth-child(1){ justify-content: center; padding:15px 0 10px 0;}
	.eZhishiBuddy_Rules table tr td:nth-child(1) span{ line-height: 20px; padding-top: 5px;}
	.eZhishiBuddy_about{ padding:30px 0;}
	.eZhishiBuddy_bj{ background: none;}
	.eZhishiBuddy_nav .etutorstar_nav{ width: 33.333333%; background: none;}
	.icon_intoX{
		height: 30px !important;
	}
} 
@media (max-width:768px) {
	.top .col-md-6:nth-child(2){
		height: 35px !important;
	}
	.top_xm{ 
		height: 70px;
		display: flex;
		align-items: center;
	}
	.banner_mob{
		padding-top: 70px;
	}
	.icon_b, .mob_close{
		padding-left: 10px !important;
	}
	.icon_intoX{
		height: 35px !important;
	}
	.top_xm .col-md-6 .icon_intoX{
		margin-top: 0px;
	}
	.top .col-md-6{
		height: 50px;
	}
	.mob_nav_text ul li a{
		height: 60px;
		line-height: 60px;
		font-size: 20px;
	}
	.mob_nav_text ul li a:hover{
		height: 60px;
		line-height: 60px;
	}
	.mob_nav{
		height: 100%;
	}
	.top{
		height: 70px;
		display: flex;
		align-items: center;
	}
	.top .container{
		width: 100%;
	}
}
@media screen and (max-width:550px) { 
	.lever_nav ul li a{font-size: 15px; height: 40px; line-height: 40px;}
.foot_dw{position:fixed; bottom:0}
	
.free_list{width:85%; margin-left:18%;}	
.free_list_d ul li{float:left; display:inline; width:47%; margin-right:3%;}		
.free_tit img{top:80px; }
.star_navh2{padding:0 0 25px 0}
.objective p{ color:#000; font-size:16px; padding-left:8%; line-height:32px;}
.objective{ background:url(../images/yiny_star.png) repeat-x bottom ; background-size:auto; width:100%; padding:0; min-height:90px; margin:0}
	
.star_table_sc ul li.star_win{background:none; line-height:60px}
/* .article_p p{font-size:15px;} */
.article_p{width:94%}
.ezhishi_getP{ width: 100%;}

.product-grid{
	margin:35px 0 75px 0}
.eass_tit_bg ul{width:50%; margin:0 25%; font-size:18px;height:61px}

.eoral_q ul li a{margin-left:8px}
.eoral_q_button01,.eoral_q_button02{width:100px; height:24px; font-size:12px}
.eoral_q_button01{background:url(../images/eoral_13.png) no-repeat; background-size:cover}
.eoral_q_button02{background:url(../images/eoral_15.png) no-repeat; background-size:cover}
    .shar_tit span{display: none}
	.mark_tou{width: 10%}
	
.xf_nav_2 div.col-xs-4{ width: 50%;}
.xf_nav_2 .quan a{ font-size: 20px;}

.eZhishiBuddy_PTop{ margin: 0 -1%; width: 102%;}
.eZhishiBuddy_PTop a{ margin: 5px 1%; width: 31.333333%;}
.eZhishiBuddy_PTop a span{ font-size: 16px; line-height: 44px;}
.sample_maga.video .videoDiv{
	position: relative;
	bottom: -10px;
}

}


@media screen and (min-width:549px) and (max-width: 1100px) { 
  
	.free_list{width:90%; margin-left:10%;}
	.objective{ background:url(../images/star_03.png) no-repeat top; border-bottom:1px solid #d3f4fa; background-size:100%; width:100%; padding:0; min-height:90px;}
	
		.product-grid{
		margin:35px 0 60px 0
	}
	
	} 



@media screen and (min-width:415px) and (max-width: 820px){
	
	

}
	
@media screen and (min-width:415px) and (max-width:600px) { 

.eass_free{height:85px}
}
@media screen and (max-width:414px) { 

.eass_free{height:58px}
.redeem_main{margin-top:-20px}
.redeem_tit_left1,.redeem_tit_left2,.redeem_tit_left3{display:none;}
.redeem_tit ul.redeem_tit_right
{ padding-left:20px; width:100%}

.redeem_tit ul.redeem_tit_right2
{font-size:14px; line-height:18px; padding-top:10px; margin-left:-20px; padding-left:35px; width:100%}

.redeem_tit{ width:100%; margin-left:0; border-radius:10px; height:65px; margin-top:40px; }

/* .article_p p{font-size:14px;} */
.echin_article{border:0; margin-top:15px; padding:0px}
    .demo_tit img{width: 70%}
    .comment_l{width:6%;}
	.comment_r{width:89%;}

}


@media (max-height 110%){
	/*.position_button01,.position_button02{display: inherit;}*/	
}




@media screen and (max-width:500px){
	.eclasslist_tit a{width: 96%;}
	.FFreeX .col-sm-4{ width: 100%; margin-bottom: 20px;}
	.buddyR ul li:nth-child(2){ position: relative; left: auto;}
	.buddyR ul li.star_win{ left: 0 !important;}
	.buddyR ul li:nth-child(4){padding: 10px;}
	.sc_banner2 { margin-top: 50px;}
}
@media screen and (max-width:990px){
	.lx_answers{display: none;}
	.jf_bt12345{display: none;}
	.echinese_sam_l2{display: none;}
}
@media screen and (max-width:983px){

.about_ezhishi img{width: 100%;}
}


@media (min-width:1000px){
	.sp_new_name{padding-bottom: 15px; position: relative; top: -50px; }
	.sp_new_name2{width: 38%!important; position: relative; top: 80px; z-index: 10}
	.sp_new_name2 div img{width: 100%;}
	

}

@media (max-width:620px){
	.top .col-xs-5{
		width: 30%;
		min-width: 170px;
		padding-right: 0;
		padding-left: 5px;
	}
	.top .col-xs-7{
		width: 70%;
		padding: 0 5px 0 0;
		
	}
	.icon_b, .mob_close{
		padding-left: 8px !important;
	}
}
@media screen and (max-width:499px) { 
	.mian_tit_01 span{display: none}
	.other_tit{
    background-position: center 60px;
    height: auto;
    padding-bottom: 25px;
}
	.other_tit span{ display:block;}
	.maga_b{padding-bottom:20px}
	.ezhishi_star{padding: 0 10px;}
	.ezhishi_star .star_table ul{ position: relative; padding-left: 50px; padding: 5px 80px 5px 50px;height: auto; min-height: 48px; }
	.ezhishi_star .star_table ul li.star_win{ position: absolute; left: 10px; top: 0;}
	.ezhishi_star .star_table ul li:nth-child(4){ width: 80px !important; text-align: right; position: absolute; right: 10px; top: 0;}
	.ezhishi_star .star_table ul li:nth-child(2){ width: 100% !important; line-height: 25px;}
	.ezhishi_star .star_table ul li:nth-child(3){ width: 100% !important; line-height: 25px;}
	
/*	#login {top:150px; top:50px; left:3%; box-shadow: 0 0 5px #999; width: 93%; }*/
	#login{top:150px; top:50px; left:3%; box-shadow: 0 0 5px #999; width: 93%; display: none}
	.mob_nav{top:53px;}.mob_nav_text{ background-color: #fff;}
	.star_table,.star_more{display:none}
	
	.ezhishi_star .star_more,.ezhishi_star .star_table{display:block !important}
	 
	.top .row{
		position: relative;
	}
	.top .col-xs-5{
		width: 150px;
		position: absolute;
		left: 0;
		padding: 0 7px;
	}
	.top .col-xs-7{
		width: 100%;
		padding-left: 160px;
		height: 40px ;
		padding: 7px 10px 7px 0;
	}
	.top{
		height: 50px ;
	}
	.top .col-md-6{
		height: 35px ;
	}
	.mob_nav{
		top: 50px ;
	}
	.mob_nav_text ul li a,.mob_nav_text ul li a:hover{
		height: 45px ;
		line-height: 45px ;
		font-size: 16px ;
	}
	.banner_mob{
		padding-top: 50px ;
	}
	.icon_intoX{
		height: 27px !important;
	}

}
@media screen and (max-width: 420px){
	.login_mx{
		background-image: linear-gradient(#fff, #fff);
	}
	#login{
		display: block;
		position: relative;
		top: 0;
		margin-top: 20px;
		left: 0;
		width: 100%;
		box-shadow: 0 0 5px #fff;
		background-color: #edf9ff;
		min-height: 335px;
		z-index: 9;
	}
	.form-user, .form-pw{
		background-color: #fff;
	}
	.form-user{
		margin-bottom: 10px;
		font-size: 18px;
	}
	.icon_intoX{
		display: none;
	}
	.icon_intoXm{
		display: block;
	}
	.login_mx input::-webkit-input-placeholder{color:#000 !important;}
	.login_mx input::-moz-placeholder{  color:#000 !important;}
	.login_mx input:-moz-placeholder{ color:#000 !important;}
	.login_mx input:-ms-input-placeholder{ color:#000 !important;}

}
@media (max-width:400px){
	.button_03,.button_04,.button_05,
	.button_03:hover,.button_04:hover,.button_05:hover{
		padding:40px 5px 10px 5px;
		text-align: center;
		background-position: center top 8px;
	}
	#login{
		min-height: 365px;
	}
}