@charset "utf-8";
/* CSS Document 202211*/
body {
	margin:0;
	padding:0;
    font-family:  "Lucida Grande", "Lucida Sans Unicode", Helvetica, Arial, Verdana, sans-serif;
}

a:link {
	text-decoration: none;
	color: #333333;
}
a:visited {
	text-decoration: none;
	color: #333333;
}
a:hover {
	text-decoration: none;
	color:#FF6699;
}
a:active {
	text-decoration: none;
	color: #333333;
	}

 
* {
	margin: 0px;
	padding: 0px;
	font-size: 14px;
}
input[type="button"], input[type="submit"], input[type="reset"] {
-webkit-appearance: none;
}

li {
	list-style: none
}
img {
	border: 0;
}
textarea:focus, input[type="text"]:focus, input[type="password"]:focus, input[type="datetime"]:focus, input[type="datetime-local"]:focus, input[type="date"]:focus, input[type="month"]:focus, input[type="time"]:focus, input[type="week"]:focus, input[type="number"]:focus, input[type="email"]:focus, input[type="url"]:focus, input[type="search"]:focus, input[type="button"]:focus, input[type="tel"]:focus, input[type="color"]:focus, .uneditable-input:focus {
	border-color: rgba(82,168,236,0.8);
	outline: 0;
}



/*--头部搜索框 start--*/
.wf-search{
top:0;
margin: 0 auto;background: linear-gradient(to right,#26d9b6,#0ca1dd);
	height:40px;
	z-index:9999;
	-webkit-transition: .1s background;
	transition: .1s background;
	overflow: hidden;
	position:relative;
}
 
.wf-search header .search{
    width:90%;
	height:100%;
	padding-left:48px;
}
.wf-search header .search form {
    display: inline-block;
    width: 90%;
    border-radius: 15px;
    margin-top: 5px;
    overflow: hidden;
    /* border: 1px solid #ededed; */
    background: #fff;
}
.wf-search header .search form input{width: 85%;height:28px;}
.wf-search header .search form span{
	width: 20px;
	height: 20px;
	display: inline-block;
	background-position:-60px -109px;

	vertical-align:middle;
}
.wf-search header div.login{
	position: absolute;
	right: 10px;
	top:0px;
	width: 28px;
	height: 40px;
	line-height: 42px;
}
.wf-search header div.login a{
	width: 24px;
	height: 40px;
	color: #989898;
	transition: .4s color;
}
.wf-search header div.login a p.login_box{
	position: absolute;
    top: 30px;
    right: 5px;
	width: 24px;
	line-height: 1rem;
	display: none;
	background: rgba(255,255,255,0.8);
	border-radius: 5px 0px 5px px;
}
.wf-search header div.login a font{
	width: 8px;
	height: 8px;
	position: absolute;
	top: 19px;
	right: -6px;
	transform: rotate(0deg);
}
.wf-search header div.login a p.login_box{
	position: absolute;
    top: 30px;
    right: 5px;
	width: 24px;
	line-height: 1rem;
	display: none;
	background: rgba(255,255,255,0.8);
	border-radius: 5px 0px 5px px;
}


/*--头部搜索框 end--*/


/*----------------syl首页轮播图20230218----------------------*/
.syl_header{
	width:100%;
}
.syl_banner{
margin: 0 auto;max-width:600px;
	position: relative;
	overflow: hidden;
}
.syl_banner .banner_images{
	width:1000%;
	transform:translate3d(-10%,0,0);
}
.syl_banner .banner_images li{
 	float: left;
	width:10%;
}
.syl_banner .banner_images li a{
	display: block;
	width:100%;
 
}
.syl_banner .banner_images li a img{
	display: block;
	width:100%;
}
/*----------------注册----------------------*/
.zhuce
{
	width:100%;
	height: 800px;
	background-color:#FFF;
	padding:50px 0px;
}
.zhuce .text
{
	line-height:42px;
	display:block;
	overflow:hidden;
	float:left;
	margin: 10px 1px;
	width:96%;
}
.zhuce .text span
{
	width:25%;
	float:left;
	text-align:center;
	font-size: 14px;
}
.zhuce .text .list
{
	width:35%;
	float:left;
}
.zhuce .text .input
{
	width:66%;
	height:42px;
	font-family:"Microsoft Yahei", "Calibri";
	border:0;
	float:left;
	text-indent:20px;
	border-bottom:1px solid #ddd;
}
.zhuce .text .input_33
{
	width:33%;
	height:42px;
	font-family:"Microsoft Yahei", "Calibri";
	border:0;
	float:left;
	text-indent:20px;
	border-bottom:1px solid #ddd;
}
.zhuce .text .yzm
{
	width:25%;
	text-align:left;
}
.zhuce .text .yzm input
{
	border:0;
	padding:3px;
	font-family:"Microsoft Yahei", "Calibri";
	background-color:rgba(255,153,0,1);
	color:#fff;
	cursor:pointer;
	font-size:12px;

}


.tip
{
	width:100%;
	margin-top:15px;
	overflow:hidden;
}
.tip a
{
	float:right;
	padding:0px 15px;
	color:#09C;
}
/*syl202211add*/
.error_tip
{display: inline-block;width:60%;}
/*syl按钮*/
.sy_btn1{color:#fff;background-color:#60de00;width:16%;min-width:85px;border: 0px;border-radius:6px;padding:0px 6px;line-height: 40px;}
.sy_btn2{color:#fff;background-color:#00BBFF;width:60%;height:40px;border: 0px;border-radius:6px;background: linear-gradient(to right,#00BBFF,#7700FF);}
.sy_btn21{color:#000;background-color:#9AFE80;width:60%;height:40px;border: 0px;border-radius:6px;background: linear-gradient(to right,#E7FFAD,#9AFE80);}
.sy_btn2.disabled, .sy_btn2[disabled], fieldset[disabled] .btn {
    pointer-events: none;
    cursor: not-allowed;
    filter: alpha(opacity=65);
    -webkit-box-shadow: none;
    box-shadow: none;
    opacity: .3;
}
.syl_box0
{background-color:#000;top:0px;display: none;
filter: alpha(opacity=70); opacity: 0.7; height:100%;width:100%;position:absolute;z-index:1000;color:#fff;text-align: center;
     padding-top:100px;
}

.sy_btn3{color:#fff;background-color:#60de00;height:100px;width:100px;border-radius:100px;margin:0 auto;line-height:100px;font-size:16px;font-weight:700;}
.sy_btn5{background-color:red;color:#fff;width:66px;height:66px;border:3px solid #fff;border-radius:66px;-moz-border-radius:66px;margin:auto;position:relative;z-index:99;margin-top:-10%}
.sy_btn6{filter: alpha(opacity=80); opacity: 0.8; background-color:#000;color:#fff;width:66px;height:66px;border:3px solid #fff;border-radius:66px;-moz-border-radius:66px;margin-left:10%;z-index:99;top:80%;}

/*商家后台图标列表*/
.imglist img{width:98%;float:left;margin:0 5px;width:22%;}

/*商家后台首页统计圆圈*/
.syl-box-main1
{text-align: center;display:block;height:150px;}
.syl-box-main2
{margin:5px 10px;
float: left;
background-color:#F4F9FF;
text-align: center;
border: 1px solid #f0f0f0; 
border-radius: 10px;
padding:10px;
display:block;
}
.syl-box-main3
{margin:6px;
text-align: center;
display:block;
}
.syl-box2
{margin:1%;padding:1%;
background-color:#F4F9FF;
border: 1px solid #7ddcd8; 
border-radius: 10px;
float: left;
width:20%;
}
.title1{text-align: center;}
.title2{margin-top:2px;text-align: center;}
.title3{margin-top:2px;text-align: center;color:#000;font-size:12px;float:right;}
.title4{color:red;font-weight:500;}
.title5{margin:20px 0px 10px 0px;text-align: center;color:#999;font-size:16px;font-weight:600;}/*202211学校首页图表小标题*/
.title6{margin:20px 0px;text-align: center;color:#666;font-size:22px;font-weight:600;}/*202211学校首页图表大标题*/
.title8{ height:30px; border-bottom:1px dashed #ccc;font-size:14px;color:#666;font-weight:500;width:90%;}
.title9{line-height:30px; float:left}
.title10{margin:20px; float:left}
.title11{margin:20px; float:right}
.title12{margin:20px 10px;text-align: left;color:#333;font-size:16px;font-weight:700;}



/*20230219 首页导航*/
/* 商品列表通用样式 */
.goods-item{
    
	width:100%;
	position: relative;
	
}
.goods-item .good_left{
    height:9.3rem;background-color:#fff;
	box-sizing: border-box;
	 float: left;
	 width:50%;
	 padding:5px 0 11px 0;
	 border-bottom: 1px solid rgba(0,0,0,0.1);
	 border-right: 1px solid rgba(0,0,0,0.1);
	 position: relative;


}
.goods-item .good_right{
    height:9.3rem;background-color:#fff;/*202306*/
	box-sizing: border-box;
	float: right;
 	width:50%;
 	padding:5px 0 11px 0;
 	border-bottom: 1px solid rgba(0,0,0,0.1);
 		 position: relative;/*202306*/

}
.text{
	float: left;
	padding-top:15px;/*202306*/
	padding-left: 16px;
	box-sizing: border-box;
	width:55%;
}
.text h3{
	font-size: 16px;
	line-height: 22px;
	font-weight: bold;
}
.text p{
	color:#686868;
	font-size: 11px;
	line-height: 15px;
	margin-top: 3px;
}
.text_img{
float: left;
	width:45%;
	position: absolute;/*202306*/
      bottom:6px;right: 12px;/*202306*/
}
.text_img a{
	display: block;
	width:100%;
}
.text_img a img{
	display: inline-block;
	width:100%;
	height:100%;
	vertical-align: bottom;
}

/*20230219 首页资讯列表图片*/
.info_img_box{ border:1px solid #ccc; width:150px; height:80px;overflow:hidden;float:right;margin-right:10px;} 
.info_img_box img{max-width:150px;_width:expression(this.width > 150 ? "150px" : this.width);} 
/*20230819 搜索放大镜图片*/
.sprite-icon {
    background: url(/syl/2021_img/sprites.png) no-repeat;
    background-size: 200px 200px;
}
.n5-cebianlan {
    border-radius: 0;
    height: 45px;
    position: absolute;
    left: 0;
    text-align: center;
    top: 8px;
    width: 43px;
}
.n5-ico {
    background: url(/syl/2021_img/syl-back.png);
    background-size: 25px auto;
    display: block;
    height: 25px;
    margin: 2px auto 2px;
    width: 25px;
}

/* ============================syl 2023 fullcalendar.css 20230827迁移过来==============================---------*/
/* syl 2023搜索框---------*/
.h5-header {width:100%;max-width: 500px;text-align:center;position:fixed; top:0;z-index:1000;background: linear-gradient(to right,#26d9b6,#0ca1dd);}
/* syl 2022modi  ----------------- 头部 ----------------------*/
.n5-header {width:100%; height: 45px;line-height:45px;text-align:center;position:fixed; left:0; top:0;z-index: 1000;}
.n5-header .n5-cebianlan {border-radius: 0;height: 45px;position: absolute;left: 0;text-align: center;top: 8px;width: 43px;}
.n5-header .n5-cebianlan .n5-ico {background: url(/syl/shop_css/syl-back.png);background-size: 25px auto;display: block;height: 25px;margin: 0px auto 0px;width: 25px;}
.n5-header .n5-logo {display: inline-block;margin-top: 10px;height: 26px;width: 100px;}
.n5-header .n5-fatie {border-radius: 0;height: 45px;position: absolute;right: 0;text-align: center;top: 8px;width: 43px;}
.n5-header .n5-fatie .n5-ico {background: url(/syl/shop_css/n5-right.png);background-size: 25px auto;display: block;height: 25px;margin: 2px auto 2px;width: 25px;}
/*ysyl右侧*/
#n5-header span.right{width: 40px;height: 40px;position: absolute;right: 0;top: 0;background: url("/syl/shop_css/btn1.png") no-repeat center center;background-size: 80%;
transform:rotate(0deg);
-ms-transform:rotate(0deg);     /* IE 9 */
-moz-transform:rotate(0deg);    /* Firefox */
-webkit-transform:rotate(0deg); /* Safari 和 Chrome */
-o-transform:rotate(0deg);
-webkit-transition: all 0.3s linear;
-ms-transition: all 0.3s linear;
-moz-transition: all 0.3s linear;
-o-transition: all 0.3s linear;
transition: all 0.3s linear;
}
#n5-header span.right.on{background: url("/syl/shop_css/btn.png") no-repeat center center;background-size: 55%;
transform:rotate(135deg);
-ms-transform:rotate(135deg);     /* IE 9 */
-moz-transform:rotate(135deg);    /* Firefox */
-webkit-transform:rotate(135deg); /* Safari 和 Chrome */
-o-transform:rotate(135deg);
-webkit-transition: all 0.3s linear;
-ms-transition: all 0.3s linear;
-moz-transition: all 0.3s linear;
-o-transition: all 0.3s linear;
transition: all 0.3s linear;}
#n5-header h1{ font-weight: normal;}
#n5-header span.left{position:absolute;left:0;top:0;display: block;width: 100px;height: 40px;padding-left:0.08rem;}
/*syl右侧下拉*/
.menu{overflow: hidden;position:absolute;right:6px;z-index: 9999;height:0;width:120px;top:40px;color:#000;
    background-color: #4c4949;    border-bottom-left-radius: 10px;
    border-bottom-right-radius: 10px;

-webkit-transition: all 0.3s linear;
-ms-transition: all 0.3s linear;
-moz-transition: all 0.3s linear;
-o-transition: all 0.3s linear;
transition: all 0.3s linear;}
.menu li{text-align: center;border-bottom:1px solid #ccc;height: 30px;line-height: 30px;list-style:none;}
.menu li a{color: #fff;text-align:center; text-decoration:none;}
.menu li a:hover{   color:#fff; background-color:#666;width:100%;display:inline-block;}

/* ----------------------底部 --------------------------*//*20230818 */
.footer {position:fixed; width:100%;max-width: 500px;height:52px; text-align:center;bottom:0;z-index: 1000;  justify-content: space-around;border-top: 1px solid #ccc; padding-bottom: constant(safe-area-inset-bottom);
        padding-bottom: env(safe-area-inset-bottom);}
.footer a { margin:0px;}
.syl_foot{margin-top:-36px;font-size:10px;color:#666}
	
#elecnation_footer { width:100%; height:52px; line-height:50px; background:#fff; }
#elecnation_footer a {color:#000; }
#elecnation_footer_float { width:19%; float:left; }
#elecnation_footer_float2 { width:24%; float:left; }
#elecnation_footer_links { height:30px; line-height:30px; }
.elecnation_newmsg { width:100%; position:relative; }
.elecnation_newmsg img { position:absolute; top:11px; right:16px; width:11px; height:11px; }


/* 每日 */	
	
.day_main {     width: 100%;padding-bottom: 100%;margin:0 auto;        }
.box {  width: 20%;
padding-bottom: 5%;
border: 1% solid #fff;  
background-color: #407fbf; 
border-radius: 50%; 
border:2px solid #FFF; 
float: left;
margin: 5%;
color:#fff;
text-align:center;
font-size:10px;
font-weight:700;
}
.box1 {  width: 20%;
padding-bottom: 5%;
border: 1% solid #fff;  
background-color: #fff; 
border-radius: 50%; 
border:5px solid #FFF; 
float: left;
margin: 5%;
filter:alpha(Opacity=0);-moz-opacity:0;opacity: 0;
}
.box2 {  width: 20%;padding-bottom: 5%;border: 1% solid #fff;  
background-color: #B66535;border-radius: 50%; 
border:2px solid #F3F1C3; float: left;
margin: 5%;color:#fff;text-align:center;
font-size:10px;font-weight:700;
}

		
		
.day_info{ background:#fff; width:90%;min-height:300px;color:#000;margin:0px auto;word-wrap: break-word; padding:3px;
filter:alpha(opacity=80);  /*支持 IE 浏览器*/
-moz-opacity:0.80; /*支持 FireFox 浏览器*/
opacity:0.80;  /*支持 Chrome, Opera, Safari 等浏览器*/
border-radius:10px;} 

.info_list{background-color:#EAFCE7; border: 1px solid #7AAD42;border-radius:6px;padding:16px;box-shadow:2px 2px 3px #aaaaaa;margin:10px;}
.info_list:hover {background-color:#EEFFBA;}