@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; 
			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}


/**/
.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-device-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}


/*轮播*/
.banner_mob{display: none}
.banner_pc{display:inherit}
.banner_img {
    max-width: 1920px!important;
    position: relative;
    top: 0;
    left: 50%;
	transform: translate(-50%, 0);}



/*.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: #eb2756 ; opacity: 0.85; 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;}
.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: 100; 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}


.button_01,.button_02,.button_03,.button_04{border-radius: 5px;}
.button_01,.button_02,.button_03,.button_04{width: 46%; margin: 10px 3% 0 0; text-align:left; border: 0 solid #fff;color: #fff; font-size: 16px; padding: 9px 0 8px 47px;line-height: 20px;}
.button_01{background: url("../images/login_16.png") no-repeat #f4547b; background-position: 10px 16px }
.button_02{background: url("../images/login_13.png") no-repeat #f8ba51; background-position: 10px 16px }
.button_03{background: url("../images/login_21.png") no-repeat #fd7e73; background-position: 10px 16px }
.button_04{background: url("../images/login_23.png") no-repeat #65b4f9; background-position: 10px 16px }

.button_01:hover{background: url("../images/login_16.png") no-repeat #fa3c6a; background-position: 10px 16px }
.button_02:hover{background: url("../images/login_13.png") no-repeat #f6b13d; background-position: 10px 16px }
.button_03:hover{background: url("../images/login_21.png") no-repeat #f6685c; background-position: 10px 16px }
.button_04:hover{background: url("../images/login_23.png") no-repeat #4ba5f3; background-position: 10px 16px }

/*教学资源*/
.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:98%; 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;
}
.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-device-width: 1100px) { 
	.top{padding:5px; top: 0; left: 0; width: 100%; z-index: 99999; border-bottom: 1px solid rgba(0, 0, 0, .05);}
	.sc_banner2 { margin-top: 50px;}

	
	.banner_mob{display:inherit}
.banner_pc{display:none}
	
	
	
	.logo_0{display: none;}
	.icon_b{display:inherit}
	.icon_b2{display: none}
	.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%}
} 

@media screen (max-device-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) {
	 .icon_logo{width:75%}
	 .icon_b,.mob_close{width:18%;padding:30px 0 0 20px;}
	 #login{top:120px; left:61%; display: none}
	 .mob_nav{top:115px;}.mob_nav_text{top:120px;}
	 .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:500px) and (max-device-width: 770px){
	.icon_logo{width:85%}
	.icon_b,.mob_close{width:13%;padding:20px 0 0 10px;}
	 #login{top:85px; left:50%; display: none}
	.mob_nav{top:85px;}.mob_nav_text{top:90px;}
	
	.oth_img_03{width:38%; margin:60px 20px 0 55px; float:left }
	.oth_img_tit2{width:40%; float:left; display:inline; margin-top:80px}

}
	
@media screen and (max-device-width:499px) { 
	.icon_logo{width:100%}
	.icon_b,.mob_close{width:20%;padding:10px 0 0 10px;}
	.mian_tit_01 span{display: none}
	.other_tit{background-position: center 40px; height:60px;}
	.other_tit span{ display:none}
	.maga_b{padding-bottom:20px}
	
/*	#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:45px;}.mob_nav_text{ background-color: #fff;}
	.star_table,.star_more{display:none}
	 
	
}

.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;}

.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_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;}
.star_img_02 img{width:50%; margin-left:25%}
.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 0 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 15px; float:left; width:97.5%; position: relative;}
.article_p h2{padding-bottom:10px}
.article_p p{font-size:17px; color:#000; line-height:28px} 
.article_p p span{color:#ed406a}

.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;
}
table{border:0; border-collapse:collapse;}
table td,table th{border:1px solid #999; padding:.5em 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);
}

table tr td, table tr th{white-space:nowrap;}
@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}

.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}

/*礼品兑换图片列表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: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;
    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%;
	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 #288de5; 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 #1f7fd2; background-position:center;}
/*悬浮按钮*/

.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_sub a{ background: #ed406a; color: #fff;}
.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%}
/*二级界面的适配*/

.ta_pc{width: 100%;}


@media screen and (max-device-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}
	.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%}
	
	/* 首页登录框 */
	#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;}
} 

@media screen and (max-width:550px){
	.lever_nav ul li a{font-size: 15px; height: 40px; line-height: 40px;}
}
@media screen and (min-width:549px) and (max-device-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:768px) and (max-device-width: 1100px) { 
  
.free_list{width:90%; margin-left:10%;}
	

} 


@media screen and (max-device-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 screen and (max-device-width:550px) { 
.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%}

.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%}

}




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

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

.eass_free{height:85px}
}
@media screen and (max-device-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 (max-width: 768px){
	.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%;}
}