ERP/TradeManage/Phone/resources/css/main.css

@charset "utf-8";
body { font-size:12px;
}
/*开启硬件加速
解决页面闪白
保证动画流畅*/
.css {
     -webkit-transform: translate3d(0, 0, 0);
     -moz-transform: translate3d(0, 0, 0);
     -ms-transform: translate3d(0, 0, 0);
     transform: translate3d(0, 0, 0);
  }




/*活动报名与投票*/
.play-list { width:80%; margin:10px auto;}
.play-list h3 {font-size:1.2rem; text-align:center; margin:15px 0;}
.play-list ul {}
.play-list ul li {/*
	filter:alpha(opacity=80);  
    -moz-opacity:0.8;  
    -khtml-opacity: 0.8;  
    opacity: 0.8;  */
	height:45px; 
	line-height:45px;
	margin:10px 0;
	border-radius:10px;
	}
.play-list ul li span{
	font-size:1.1rem; 
	padding-left:15px;
	}
.enroll-list { width:80%; margin:10px auto;}
.enroll-list h3 {font-size:1.2rem; text-align:center; margin:15px 0;}
.enroll-list ul {}
.enroll-list ul li {/*
	filter:alpha(opacity=80);  
    -moz-opacity:0.8;  
    -khtml-opacity: 0.8;  
    opacity: 0.8;  */
	height:35px; 
	line-height:35px;
	margin:10px 0;
	}
.enroll-list ul li span{ 
	padding-left:45px;
	}

.vote-title{font-size:1.2rem; text-align:center; margin:0px 0 10px 0 ;}
.vote-btn{display: block; 
	width: 90%; 
	text-align: center; 
	-webkit-appearance : none ;
 	line-height: 30px; 
	border-radius: 3px;
	font-size: 1em; 
	margin: 10px 0 10px 5%; }
.vote-list { width:90%; margin:10px auto;}
.vote-list h3 { font-size:1.2rem; text-align:center; margin:15px 0;}
.vote-list ul {}
.vote-list ul li {/*
	filter:alpha(opacity=80);  
    -moz-opacity:0.8;  
    -khtml-opacity: 0.8;  
    opacity: 0.8;  */
	height:110px; 
	line-height:25px;
	margin:10px 0;
	}
.vote-list ul li span{
	padding-left:5px;
	}

.vote-list-1 { width:99%; margin:10px auto; overflow: auto;}
.vote-list-1 h3 { font-size:1.2rem; text-align:center; margin:15px 0;}
.vote-list-1 ul { margin-left:5px;}
.vote-list-1 ul li {
	text-align:center;
	width:31%;
	height:130px; 
	line-height:18px;
	margin:5px 1% 5px 0;
	float:left;
	}
.vote-list-1 ul li img{
	width:80px;
	height:80px; 
	margin:5px 5px;
	}
.vote-person-maxim{
	padding-left:5px;
	text-indent:2.0rem;
	line-height:20px;
	height:60px;
	vertical-align:middle;
	overflow:hidden;
    text-overflow:ellipsis;
    -o-text-overflow:ellipsis;
	}
	
.vote-person-more{
	font-size:0.8rem;
	float:right;
	margin-right:10px;
	}	

.vote-foot{
	position: fixed;
	width: 100%;
	height:35px;
	line-height: 35px;
	bottom: 0;
	text-align: center;
	overflow:hidden;
	}
.vote-footed{
	position: fixed;
	width: 100%;
	height:35px;
	line-height: 35px;
	bottom: 0;
	text-align: center;
	overflow:hidden;
	}






	/* actGotop  火箭go-top*/
	.actGotop{position:fixed;_position:absolute;bottom:40px;right:20px;width:42px;height:42px;display:none;}
	.actGotop a,.actGotop a:link{width:150px;height:195px;display:inline-block;outline:none;}
	.actGotop a:hover{outline:none;}
	
	


#wrapper{
	width:100%;	
	overflow:hidden;
	position:absolute; 
	top:0px; 
	right:180px;
    margin-right:-180px;
}
div.screen{
	width:100%;
	/*position:absolute; 
	top:0px; 
	right:0px;
	bottom:42px;*/
	-webkit-transition: all 500ms cubic-bezier(0.000, 0.995, 0.990, 1.000);
	   -moz-transition: all 500ms cubic-bezier(0.000, 0.995, 0.990, 1.000);
	    -ms-transition: all 500ms cubic-bezier(0.000, 0.995, 0.990, 1.000);
	     -o-transition: all 500ms cubic-bezier(0.000, 0.995, 0.990, 1.000);
	        transition: all 500ms cubic-bezier(0.000, 0.995, 0.990, 1.000);	
}
div.screen.animate{
	right:100%;
	-webkit-transition: all 500ms cubic-bezier(0.000, 0.995, 0.990, 1.000);
	   -moz-transition: all 500ms cubic-bezier(0.000, 0.995, 0.990, 1.000);
	    -ms-transition: all 500ms cubic-bezier(0.000, 0.995, 0.990, 1.000);
	     -o-transition: all 500ms cubic-bezier(0.000, 0.995, 0.990, 1.000);
	        transition: all 500ms cubic-bezier(0.000, 0.995, 0.990, 1.000);	
}


div.burger {
	height: 52px; 
	width: 90px;
	position: fixed;
	top: 0px; 
	right: 0px;
	cursor: pointer;
}

	div.open {
		height:46px; 
		width:60px;
		position: fixed;
		right:0px;
		cursor: pointer;
		-webkit-transition: all 70ms ease-out;
		   -moz-transition: all 70ms ease-out;
		    -ms-transition: all 70ms ease-out;
		     -o-transition: all 70ms ease-out;
		        transition: all 70ms ease-out;
	}
	

div.navbar{
	height:52px;
	width:100%;
	overflow: hidden;
	position:fixed;
    z-index:9;
	top:0;
}
div.navbar.animate{
	height:46px;
	width:100%;
	overflow: hidden;
	position:fixed;
	top:0;
	right:176px;
}
div.navbar h1{
	line-height:52px;
	text-align:center;
	font-size:1.0rem;
}

div.menu {
	height:100%;
	width:100%;
	margin-right:100%;
	opacity:0;
	position:absolute;
	-webkit-transition: all 500ms cubic-bezier(0.000, 0.995, 0.990, 1.000);
	   -moz-transition: all 500ms cubic-bezier(0.000, 0.995, 0.990, 1.000);
	    -ms-transition: all 500ms cubic-bezier(0.000, 0.995, 0.990, 1.000);
	     -o-transition: all 500ms cubic-bezier(0.000, 0.995, 0.990, 1.000);
	        transition: all 500ms cubic-bezier(0.000, 0.995, 0.990, 1.000);	
}
div.menu.animate{
	margin-right:0px;
	opacity:1;
	-webkit-transition: all 500ms cubic-bezier(0.000, 0.995, 0.990, 1.000);
	   -moz-transition: all 500ms cubic-bezier(0.000, 0.995, 0.990, 1.000);
	    -ms-transition: all 500ms cubic-bezier(0.000, 0.995, 0.990, 1.000);
	     -o-transition: all 500ms cubic-bezier(0.000, 0.995, 0.990, 1.000);
	        transition: all 500ms cubic-bezier(0.000, 0.995, 0.990, 1.000);	
}
#menu-bg{
	position: absolute;
	right: 0px;
	right: -120px;	
	opacity: 0.3;
    -webkit-transition: all 500ms cubic-bezier(0.000, 0.995, 0.990, 1.000);
	   -moz-transition: all 500ms cubic-bezier(0.000, 0.995, 0.990, 1.000);
	    -ms-transition: all 500ms cubic-bezier(0.000, 0.995, 0.990, 1.000);
	     -o-transition: all 500ms cubic-bezier(0.000, 0.995, 0.990, 1.000);
	        transition: all 500ms cubic-bezier(0.000, 0.995, 0.990, 1.000);	
}
div.menu.animate #menu-bg{
  	right:176px;
	top:110px;
	-webkit-transition: all 500ms cubic-bezier(0.000, 0.995, 0.990, 1.000);
	   -moz-transition: all 500ms cubic-bezier(0.000, 0.995, 0.990, 1.000);
	    -ms-transition: all 500ms cubic-bezier(0.000, 0.995, 0.990, 1.000);
	     -o-transition: all 500ms cubic-bezier(0.000, 0.995, 0.990, 1.000);
	        transition: all 500ms cubic-bezier(0.000, 0.995, 0.990, 1.000);	
}



/*签收、发送短信 添加发布页面*/

.receive-add {
	font-size:1.0rem;
	height:45px;
	width:100%;
	}
	
.receive-add i {
	width:30px;
	height:30px;
	line-height:20px;
	padding:3px 0 3px 20px;

}
.receive-add i.selected {
	width:30px;
	height:30px;
	padding-left:20px;
	padding:3px 0 3px 20px;

}	
	
.receive-add-input-2 {
	margin:0px 170px 5px 0px;
	height:30px;
	width:auto;
	}
.receive-add-input-1 {
	margin:0px 115px 5px 0px;
	height:30px;
	width:auto;
	}
.receive-add-input-3 {
	margin:0px 80px 5px 0px;
	height:30px;
	width:auto;
	}
.receive-add .input {
	margin:4px 5px 3px 0px;
	height:35px;
	width:99%;
	font-size:0.95rem;
	padding-left:30px;
	}

/*评分竞赛 my-score.html*/

	/*点击推出列表 my-score.html*/
	.score-push {
		padding: 1px 0 3px 5px;
		font-size:1.1rem;
		overflow: hidden;
	}
	.score-push li {
		float: left;
		margin: 3px 3px 3px 0;
		overflow: hidden;
		
	}
	.score-push li span {
		display: block;
		overflow: hidden;
		float: left;
		line-height: 20px;
		text-align: center;
		padding: 0 2px;
		border-radius: 3px;
		font-size: 0.8em;
		margin: 0 2px 5px 10px;
	}
	
	.score-push img {
		width: 30px;
		height: 30px;
		vertical-align: middle;
		border-radius: 50%;
	}


.rightmenu{width:100%;padding-bottom:0px; overflow:hidden;margin-top:46px; }
.rightmenu dd{line-height:40px;font-weight:bold;font-size:1.0rem; }
.rightmenu dd .rmenuson{display:none;}
.rmenuson li{
	float: left;
}
.rmenuson li a {
	height:60px;
	line-height:80px;
	font-size: 14px;
	text-decoration: none;
	text-align: center;
	display: block;
	margin-bottom:10px;
	width:72px;
}
.rmenuson li a.current {
	font-size: 14px;
}
.rmenuson li a span{
	display:block;
	width:72px;
	font-weight:100;
	height:60px;
	line-height:100px;
	text-align:center;
}
.rmenuson li a.current span{
	display:block;
	width:80px;
	height:60px;
	line-height:100px;
	text-align:center;
}
.rightmenu dd:first-child .rmenuson{display:block;}


	
.leftmenu{width:99.5%;padding-bottom:0px; overflow:hidden; }
.leftmenu dd{line-height:40px;font-weight:bold;font-size:1.0rem; }
.leftmenu dd span{margin:10px 0px 0px 0px; }
.leftmenu dd span img{margin:0px 8px 5px 5px; vertical-align:middle;}
.leftmenu dd .menuson{display:none;}
.leftmenu dd:first-child .menuson{display:block;}
.leftmenu dd input{  margin:10px 0px; height:35px; border-radius:0px; -webkit-appearance: none; padding-left:10px;}
.leftmenu dd input.text{ margin:0px;height:30px; border-radius:0px; -webkit-appearance: none;line-height:20px;font-weight:bold;font-size:1.0rem;  }
.leftmenu dd input.sub{height:37px;}
.score-btn{
	 margin:0px 5px 0px 0px; 
	 width:40px;
}
.score-btn img{
	width:35px;
	height:35px;
	margin-top:10px;
}
.score-input-score-l{
	margin:0px 5px 5px 90px;
	height:35px;
	width:auto;
	}
.score-input-score-r{
	margin:0px 95px 5px 0px;
	height:35px;
	width:auto;
	}
.score-input-score-b{
	margin:0px 50px 5px 45px;
	height:35px;
	width:auto;
	}
.menuson {line-height:35px; font-weight:normal; }
.menuson li{cursor:pointer;}
.menuson li.active{position:relative; line-height:35px; }
.menuson li cite{display:block; float:left; margin-left:15px; width:16px; height:16px; margin-top:7px;}
.menuson li.active i{display:block;  width:6px; height:11px; position:absolute; right:0;z-index:10000; top:9px; right:-1px;}
.menuson li a{ display:block; *display:inline; *padding-top:5px;}
.menuson li.active a{}
.title{cursor:pointer; width:96%; height:40px; border-radius:10px; margin:5px;}
.title-1{cursor:pointer; width:99%; height:40px;  border-radius:10px; margin:10px 0px; text-align:center;  font-weight:100;}


	/**支持二级菜单覆盖样式**/
	.menuson li .header{height:30px;}
	.menuson li .sub-menus{ display:none; padding:10px 0;}
	.menuson li .sub-menus li{height:25px;line-height:25px;padding-left:48px; float:left;}
	.menuson li .sub-menus li.active{position:relative;right:-1px;border-left:none;}
	.menuson li .sub-menus li a{padding-left:9px;}
	.menuson li.active.open cite{margin-top:12px;margin-left:37px;}
	

/*评分页面*/
.text{
	width:50px; 
	height: 30px;
	font-size:0.8rem;
	line-height:34px;
	text-align:center;
	overflow: hidden;
	border:none;

}

/*费用支付页面*/
.pay-title {
	font-size:1.0rem;
	font-weight:bold;
	}

.pay-go {
	font-size:0.9rem;
	font-weight:bold;
	}

.pay-ed {
	font-size:0.9rem;
	font-weight:bold;
	}
.pay-choose { 
	padding: 8px;
	border-radius:5px;
}
.pay-choose li { 
	padding-left: 8px; 
	font-size:1.0em;
	height:45px;
	line-height: 45px;
}
.pay-choose i {
	width:40px;

}
.pay-choose-contain{
	overflow: hidden;
	height:45px;
	line-height: 45px;
}

.pay-choose-contain img {
	float:left;
	margin:7px 10px 0 0;
	border-radius:50%;
	width:30px;
	height:30px;
}

.pay-explain {
	padding: 15px 10px;
}

.pay-explain p {
	font-size:0.8rem;/*
	text-indent: -1.6rem;*/
	padding:0 10px 0 25px;
}

.pay-explain p a {
	font-size:0.8rem;
	text-indent: 1.6rem;
}





/* 因footer定位问题 */
	main {
		width:100%;
	 display: block;
	/* main绝对定位，进行内部滚动 */
	position: absolute;
	top: 0;
	bottom: 34px;
	/* 使之可以滚动 */
	 overflow-y: scroll;
	  /* 增加该属性，可以增加弹性，是滑动更加顺畅 */
	  -webkit-overflow-scrolling: touch;   
	}
	
	main .content {
		min-height:700px;
	}




/*微社区*/



.tag{
	border-radius: 10px;
    position:relative;
	margin:5px;
}
.tag:before,.tag:after{
    content:"";display:block;
    border-width:8px;
    position:absolute; bottom:-17px;
    left:50px;
    border-style:solid dashed dashed;
    font-size:0;
    line-height:0;
}
.tag:after{
    bottom:-15px;
}

.community {
	
}
.community-title {
	width:100%;
	height:100px;
}
.community-title img{
	width:50px;
	height:50px;
	border-radius: 20px;
	margin:20px 0 0 15px;
	float:left;
}
.community-title span{
	font-size:1.4em;
	position:absolute;
	top:20px;
	left:80px;
}
.community-title i.lai{
	font-size:1.0em;
	position:absolute;
	top:50px;
	left:80px;
	padding-left:20px;
}
.community-title i.tie{
	font-size:1.0em;
	position:absolute;
	top:50px;
	left:180px;
	padding-left:20px;
}
.community-list {
	min-height: 240px;
	padding: 5px 5px 10px;
	overflow: hidden;
}
.community-item {
	border-radius: 4px;
	margin-bottom: 8px;
}
.community-item h4 {
	padding: 0 26px;
}
.community-item-header {
	overflow: hidden;
	padding: 10px;
}
.line {
	height: 1px;
	overflow: hidden;
	margin: 5px 0;
}
.line6 {
	height: 6px;
	overflow: hidden;
}
.line span {
	float: left;
	width: 80px;
	height: 100%;
}
.all-shown {
	text-align: center;
}
.avatar {
	float: left;
	width: 35px;
	height: 35px;
	border-radius: 50px;
	margin-right: 10px;
}
.community-txt {
	padding: 0 13px 10px;
	font-size: 14px;
}
.comment-box {
	overflow: hidden;
	text-align: center;
	padding-bottom: 10px;
}
.comment-box i {
	padding-left:5px;
}
.comment-box a.like {
	display: inline-block;
	margin-right: 10px;
	padding-left: 22px;
}

.comment-box a.coment {
	display: inline-block;
	margin-right: 10px;
	padding-left: 22px;

}

.comment-box a.like-ed {
	display: inline-block;
	margin-right: 10px;
	padding-left: 22px;
}

.comment-box a.coment-ed {
	display: inline-block;
	margin-right: 10px;
	padding-left: 22px;
}
.comment-box a.read {
	display: inline-block;
	margin-right: 10px;
	padding-left: 22px;
}
.comment-box a.delete {
	display: inline-block; 
	margin-right: 10px;
	padding-left: 22px;
}

.comment-list {
	border-radius: 0 0 4px 4px;
	padding:2px 10px;
}
.comment-list li {
	overflow: hidden;
	padding-bottom: 5px;
	padding-top:5px;
	border-bottom: none;
}
.comment-list li.worktask{
	margin:0 0 0 10px;}
	


.comment-list .avatar {
	width: 20px;
	height: 20px;
	margin: 0;
}
.comment-list span {
	display: inline-block;
}

p.comment-box {padding:2px 0;}
.comment-list p {
	margin-left: 25px;
}


.comment-list-1 {
	border-radius: 0 0 4px 4px;
	padding: 10px;
}
.comment-list-1 p {
	text-indent:0px;
}

.reply, .reply-bg {
	position: fixed;
	width: 100%;	
	z-index: 99;
	top: 0;
	left: 0;
}

.reply .search-txt {
	float: none;
	display: block;
	width: 99%;
	height: 120px;
	margin: 5px auto;
}
.reply-bg {
	opacity: 0.3;
	height: 100%;
}
.reply-btns {padding: 0 5px 10px; text-align: right;}
.upload span {
	float: left;
	padding: 10px;
}
.upload input {
	width: 50px;
	height: 50px;
	opacity: 0;
}

/* 添加发布页面表格*/
.add-table{ 
		width:99%; 
		clear:both;
		 margin:2px;
	}

.add-table td{ 
		text-align:center;
		vertical-align:top;
		padding:5px 3px 5px 3px;
		text-align:left;
	}




/* 选修课表格*/
.tablelist{ 
		width:99%; 
		clear:both;
		 margin:2px;
	}
.tab-title{ 
		margin:2px 1% 2px 4px; 
		height:34px; 
		line-height:34px; 
		text-align:center;
		font-weight:bold; 
		font-size:1.2em;
	}
.tab-title2{ 
		margin:2px 1% 2px 4px; 
		
		text-align:center;
		font-weight:bold; 
		font-size:1.2em;
	}
.tablelist th{
		height:34px; 
		line-height:34px; 
		text-align:center;
		font-weight:100; 
	}
.tablelist td{
		height:34px; 
		line-height:34px; 
		text-align:center; 
	}
.meetingdetail-list{
	position:fixed; 
	top:120px; 
	left:10px; 
	width:80%;
	padding:20px;  
	z-index:166; 
	border-radius:10px;
	}

.meetingdetail-list span{
	padding-left:2.0rem;  
	}
	
.meetingroom{ 
	display: block; 
	width:100%;
}
.meetingroom ul li{ 
	display: block; 
	width:47%;
	height:90px; 
	margin:10px 1% 0 1%;
	float:left;

}
.meetingroom ul li span{ 
	display: block; 
	width:120px;
	height:90px; 
	text-align: center; 
	border-radius:1.2rem;
	-webkit-appearance : none ;
 	line-height: 90px;  
	font-size: 1.1rem;
	margin:0px auto;
	padding:0 5px;

}
.meetingroom ul li span.more{ 
 	line-height: 45px;  
}
 .meeting-rate {
	margin:10px 10px 0 4%;
	height:35px;
	width:90%;
	font-size:0.95rem;
	border-radius:5px;
	}	

.meeting-pre { 
	display: block; 
	width: 80%; 
	text-align: center; 
	-webkit-appearance : none ;
 	line-height: 30px; 
	border-radius: 3px; 
	font-size: 1em; 
	margin: 10px 0 10px 9%; 

}

.meeting-in { 
	display: block; 
	width: 80%; 
	text-align: center; 
	-webkit-appearance : none ;
 	line-height: 30px; 
	border-radius: 3px; 
	font-size: 1em; 
	margin: 10px 0 10px 9%; 

}

.meeting-ed { 
	display: block; 
	width: 80%; 
	text-align: center; 
	-webkit-appearance : none ;
 	line-height: 30px; 
	border-radius: 3px; 
	font-size: 1em; 
	margin: 10px 0 10px 9%; 

}

/* 滚动条  隐藏*/
	#sucai4{
		width:100%;
		height:100%; 
		padding:0px; 
		overflow:hidden;
	}
	#sucai{
		width:64px;
		height:100%; 
		padding:0px; 
		position: fixed; 
		top:102px; 
		left:0; 
	}
	#sucai2{
		min-width:20px;
		height:100%;
		padding:2px 0px 0px 0px;
		overflow:hidden; 
		margin:0px 0px 36px 64px;
	}
	#sucai3{
		min-width:20px;
		height:100%;
		padding:2px 0px 46px 0px;
		overflow:hidden; 
		margin:0px 0px 46px 4px;
	}
/* stay-top  标题置顶*/
	.sw_categorys_nav{
		position:relative;
		width:100%;
		height:40px;
		z-index:1000; 
		margin-right:60px;
	}
	.sw_categorys_nav .container{ 
		position:fixed;
		left:64px; 
		top:102px; 
		margin-left:auto; 
		margin-right:auto;
		padding-bottom:3px;
	}



/*说明指引文字*/
	.show-tittle{ 
		padding:10px 0px 0 10px;
	}



/* reset */

html, body {min-height: 100%;}
body{font:0.95rem "微软雅黑",arial,sans-serif;}
input,textarea{}

body,div,p,span,form,iframe,table,td,th,input,textarea,button,label,ul,ol,li,dl,dt,dd,h1,h2,h3,h4,h5,h6{margin:0;padding:0;}
h1,h2,h3,h4,h5,h6{font-size:100%; }
ul,ol,li,dl{list-style-type:none;}
em,i,dfn,cite,strong,small{font-style:normal;} 
img{border:0;}
textarea,button,input,select,option{vertical-align:middle;font-size:0.95rem; "微软雅黑",arial,sans-serif;}
table{border-collapse:collapse;border-spacing:0}
textarea{resize:none}

dl,dt,dd{margin:0;padding:0;display:block;}
/* color */

a{text-decoration:none;}

a:hover{
text-decoration:none;
outline:none;
}

a:focus{
text-decoration:none;
outline:none;
}

:focus{
outline:0;
}

/* clearfix */
.clearfix:before, .clearfix:after {
	display: table;
	line-height: 0;
	content: '';
}
.clearfix:after {
	clear: both;
}
.clearfix {
*zoom:1;
}


/* public.omission */
.fl{ float:left;}        .fr{ float:right;}            .tl{ text-align:left;}			.tc{ text-align:center;}      .tr{ text-align:right;} 
.fb{ font-weight:bold;}      .f12{ font-size:12px;}        .listop{ padding-top:15px;}
.mr10{ margin-right:10px;}    .ml10{ margin-left:10px;}     .mt10{ margin-top:10px;}        .mb10{ margin-bottom:10px;}
.mr15{ margin-right:15px;}    .mt15{ margin-top:15px;}      .ml15{ margin-left:15px;}       .mb15{ margin-bottom:15px;}
.mr8{ margin-right:8px;}      .ml8{ margin-left:8px;}       .mt8{ margin-top:8px;}          .mb8{ margin-bottom:8px;}
.mr5{ margin-right:5px;}      .ml5{ margin-left:5px;}       .mt5{ margin-top:5px;}          .mb5{ margin-bottom:5px;}
.mt40 {margin-top:40px;
}
.mb90{ margin-bottom:108px;}
.mb50{ margin-bottom:50px;}
.pdr10 {padding-right: 10px;}
.mgt10 {margin-top: -10px;}
.bw{}
.returnback-icon{   content: " ";
  display: inline-block;
  -webkit-transform: rotate(45deg);
  transform: rotate(45deg);
  height:14px;
  width:14px;
  border-width:0 0 2px 2px;
  border-style: solid;
  position: relative;
  top: -2px;
  position: absolute;
  top: 20px;
  left: 15px;
  margin-top: -3px;
  }
 
.returnback{
    width: 24px;
	height: 48px;
	float: left;
	border-radius: 50%;
	margin: 2px 10px;
  }
 

.returncross {
	display:inline-block; 
	width:26px; 
	height:2px; 
	font-size:0; 
	line-height:0;
	vertical-align:middle;
	-webkit-transform: rotate(45deg);
	position: relative;
	top: 6px;
	position: absolute;
	top: 20px;
	right: 15px;
	margin-top: 3px;
	}
.returncross:after { 
	content:'.'; 
	display:block; 
	width:26px; 
	height:2px; 
	-webkit-transform: rotate(-90deg);
	}

.block {display: block;}
.wrap {
	padding-bottom: 36px; 
	max-width: 2000px; 
	margin: 0 auto; 
	min-height: 100%; 
}

.header-class {
	text-align: center; 
	padding: 10px 0; 
	font-size: 0.8rem;
	text-align:left;
}
.header-class select {
	border-radius: 15px;
	padding: 0 10px;
	margin:2px 0;
}

.header-class select option {
	border-radius: 15px;
	padding: 0 10px;
	margin:2px 0;
}

.user-min-office{
	 height:31px;
	 line-height:31px;
	 text-align:right;
	 padding-right:32px;
	 float:right;
	 font-size:0.95rem;
}
.user-min-office a {
	display: inline-block; 
	line-height: 24px; 
}
.head-all-corner {
	border-radius: 15px; 
	padding: 0 10px; 
	margin:2px;
}

.header-class a {
	display: inline-block; 
	line-height: 24px; 
}
.user{
	padding:20px;
	text-align:center;
}
.user img{
	display: inline-block;
	border-radius:50%;
	width:90px;
	height:90px;
	padding:2px;
}
.user-samll{
	padding:10px;
	text-align:center;
}

.user-samll ul li{
	padding:5px;
	display: inline-block;
	width:70px;
	height:70px;
}

.user-samll ul li span{
	height:20px;
	line-height:20px;
}
.user-samll ul li img{
	display: inline-block;
	border-radius:50%;
	width:40px;
	height:40px;
	padding:2px;
	margin: 2px 10px;
}

.user-img {
	display: inline-block;
	float:left;
}

.user-img-1 {
	padding:10px 0;
	display: inline-block;
	float:right;
	width:100%;
}

.user-name{
	 position:absolute;
	 left:86px;
	 top:15px;
	 display: inline-block;
	 font-size: 1.1rem;
	 height:24px; 
	 line-height:24px;
	 overflow:hidden;
	 max-width: 90px;
	 white-space: nowrap;
	 text-overflow: ellipsis;
}
.user-name-id{
	 position:absolute;
	 left:86px;
	 top:45px;
	 display: inline-block;
	 font-size: 0.9rem;
	 height:20px; 
	 line-height:20px;
	 overflow:hidden;
}
.user-list{
	margin-top:30px;
	 text-align:left;
}
.user-header {
	width: 65px;
	height: 65px;
	float: left;
	border-radius: 50%;
	margin: 5px 10px 0 5px;
}

.user-header-50 {
	width: 48px;
	height: 48px;
	float: left;
	border-radius: 50%;
	margin: 2px 10px;
}

.user_message{
	display:inline-block;
	width:30px;
	height:30px;
	float:left;
	margin:2px 0 0 -30px;
	border-radius: 50%;
	text-align:center;
	font-weight:normal;
	font-size:1.2em;
	line-height:30px;	
}
.user-teacher-min{
	width:16px;
	height:16px;
	margin:1px 0 0 2px;
	border-radius: 50%;
	text-align:center;
	font-size:0.5rem;
	line-height:16px;
	
}
.user-renzhen-min{
	width:16px;
	height:16px;
	margin:1px 0 0 2px;
	border-radius: 50%;
	text-align:center;
	font-size:0.5rem;
	line-height:16px;
	
}
.user-jiawei-min{
	width:16px;
	height:16px;
	margin:1px 0 0 2px;
	border-radius: 50%;
	text-align:center;
	font-size:0.5rem;
	line-height:16px;
	
}
.user-teacher{
	display:inline-block;
	width:20px;
	height:20px;
	float:left;
	margin:1px 0 0 -82px;
	border-radius: 50%;
	text-align:center;
	font-weight:normal;
	font-size:0.8rem;
	line-height:20px;
	
}
.user-renzhen{
	display:inline-block;
	width:20px;
	height:20px;
	float:left;
	margin:1px 0 0 -30px;
	border-radius: 50%;
	text-align:center;
	font-weight:normal;
	font-size:0.8rem;
	line-height:20px;
	
}
.user-jiawei{
	display:inline-block;
	width:20px;
	height:20px;
	float:left;
	margin:24px 0 0 -20px;
	border-radius: 50%;
	text-align:center;
	font-weight:normal;
	font-size:0.8rem;
	line-height:20px;
	
}
.renzhen{
	display:inline-block;
	width:18px;
	height:18px;
	float:left;
	margin:1px 0 0 -18px;
	border-radius: 50%;
	text-align:center;
	font-weight:normal;
	font-size:1.0em;
	line-height:18px;
	
}
.fangxin{
	display:inline-block;
	width:18px;
	height:40px;
	float:left;
	margin:1px 0 0 -20px;
	border-radius:5px;
	text-align:center;
	font-weight:normal;
	font-size:1.0em;
	line-height:18px;
	
}
.yihuijia{
	display:inline-block;
	width:18px;
	height:40px;
	float:left;
	margin:1px 0 0 -20px;
	border-radius:5px;
	text-align:center;
	font-weight:normal;
	font-size:1.0em;
	line-height:18px;
	
}
.jiawei{
	display:inline-block;
	width:18px;
	height:18px;
	float:left;
	margin:20px 0 0 -18px;
	border-radius: 50%;
	text-align:center;
	font-weight:normal;
	font-size:1.0em;
	line-height:18px;
	
}
.teacher{
	display:inline-block;
	width:18px;
	height:18px;
	float:left;
	margin:1px 0 0 -60px;
	border-radius: 50%;
	text-align:center;
	font-weight:normal;
	font-size:1.0em;
	line-height:18px;
	
}
.tixing-number-green{
	display:inline-block;
	width:18px;
	height:18px;
	float:left;
	margin:0px 0 0 22px;
	border-radius: 50%;
	text-align:center;
	font-weight:normal;
	font-size:0.5em;
	line-height:18px;
	
}
.tixing-number-red{
	display:inline-block;
	width:15px;
	height:15px;
	float:left;
	margin:8px 0 0 3px;
	border-radius: 50%;
	text-align:center;
	font-weight:normal;
	font-size:0.7rem;
	line-height:15px;
	
}
.tixing-number-blue{
	display:inline-block;
	width:18px;
	height:18px;
	float:left;
	margin:0px 0 0 22px;
	border-radius: 50%;
	text-align:center;
	font-weight:normal;
	font-size:0.5em;
	line-height:18px;
	
}
.tixing-number-yellow{
	display:inline-block;
	width:18px;
	height:18px;
	float:left;
	margin:0px 0 0 22px;
	border-radius: 50%;
	text-align:center;
	font-weight:normal;
	font-size:0.5em;
	line-height:18px;
	
}

.tixing-number-orange{
	display:inline-block;
	width:18px;
	height:18px;
	float:left;
	margin:8px 0 0 -3px;
	border-radius: 50%;
	text-align:center;
	font-weight:normal;
	font-size:0.5em;
	line-height:18px;
	
}
.tixing-point-red{
	display:inline-block;
	width:10px;
	height:10px;
	float:left;
	margin:8px 0 0 1px;
	border-radius: 50%;
	text-align:center;
	font-weight:normal;
	font-size:0.5em;
	line-height:18px;
	
}
.tixing-point-orange{
	display:inline-block;
	width:10px;
	height:10px;
	float:left;
	margin:0px 0 0 28px;
	border-radius: 50%;
	text-align:center;
	font-weight:normal;
	font-size:0.5em;
	line-height:18px;
	
}
.tixing-point-yellow{
	display:inline-block;
	width:10px;
	height:10px;
	float:left;
	margin:0px 0 0 28px;
	border-radius: 50%;
	text-align:center;
	font-weight:normal;
	font-size:0.5em;
	line-height:18px;
	
}
.tixing-point-green{
	display:inline-block;
	width:10px;
	height:10px;
	float:left;
	margin:0px 0 0 28px;
	border-radius: 50%;
	text-align:center;
	font-weight:normal;
	font-size:0.5em;
	line-height:18px;
	
}
.tixing-point-blue{
	display:inline-block;
	width:10px;
	height:10px;
	float:left;
	margin:0px 0 0 28px;
	border-radius: 50%;
	text-align:center;
	font-weight:normal;
	font-size:0.5em;
	line-height:18px;
	
}

.header h2 {	
	font-weight: bold;
	float: left;
	margin-top: 30px;

}
.header h2 span {
	display: inline-block;
	font-size: 1.5em;
	margin-right: 10px;

}
.nav {
	float: right;
	width:100%;
	min-height: 640px;
	padding-bottom:46px;
	height:100%;
}
.nav a {
	height: 40px;
	line-height:40px;
	display: block;
	padding-left:10px;
	text-align: left;
	font-size:0.95rem;
}

.nav span{
	height: 40px;
	line-height:40px;
	float: left;

}

.nav i {
	display:inline-block;
	width: 30px;
	height: 25px;
	float: left;
	margin: 8px 10px 0 10px;
	overflow: hidden;
}


.main-body {
	width:100%;
	min-height: 100%;
	padding-left:1px;
	overflow: auto;
    margin-top:52px;
	/*position:fixed;
	top:52px;
	bottom:50px;*/
	-webkit-overflow-scrolling: touch;
}
.full-body {
	border-top-left-radius: 5px;
	min-height: 300px;
	margin-left: 0px;
}
.main-title-2 {
	position:fixed;
	left:0px;
	top:102px;
	width:100%;
	padding: 2px 10px 0;
	height: 30px;
	overflow: hidden;
	border-top-left-radius: 5px;
}
.main-title-2 h3 {
	float: left;
	font-size: 1.3em;
	line-height: 30px;
	font-weight: bold;
}
.main-title-2 a {
	float: right;
	margin-right:18px;
}
.main-title-1 {
	position:fixed;
	left:64px;
	top:102px;
	width:100%;
	padding: 2px 10px 0;
	height: 30px;
	overflow: hidden;
	border-top-left-radius: 5px;
}
.main-title-1 h3 {
	float: left;
	font-size: 1.3em;
	line-height: 30px;
	font-weight: bold;
}
.main-title-1 a {
	float: right;
	margin-right:18px;
}
.btn-margin-1{ margin-right:5px;}
.main-title {
	padding: 2px 0px 0 0;
	height: 30px;
	overflow: hidden;
}
.main-title h3 {
	float: left;
	padding-left:5px;
	font-size: 1.1rem;
	line-height: 30px;
	font-weight: bold;
}
.main-title h3.contact {
	margin-left:5px;
}


.btn {
	float: right;
	padding: 3px 5px;
	border-radius: 3px;
	margin-top: 3px;
}
.btn-green {
	padding: 3px 5px;
	border-radius: 3px;
	margin: 5px;
}
.btn-orange {
	padding: 3px 5px;
	border-radius: 3px;
	margin: 5px;
}
.btn-grey {
	padding: 3px 5px;
	border-radius: 3px;
	margin: 5px;
}
.btn-del-all {
	padding: 1px 2px;
	border-radius: 3px;
	font-size:0.8rem;
}


.btn-margin-2{ margin:5px 10px;}
.add-btn {
	float:right;
	margin: 3px 10px 3px 0px;
}

.add-btn-contact {
	float:right;
	margin: 12px 15px 3px 0px;
}


.main-list li {
	 padding-left: 8px;

}
.main-list-contain{
	width:100%;
	overflow: hidden;
	height:28px;
	line-height: 28px;
}
.main-list-contain a {
	float:left;
	width:140px;
	overflow: hidden;
	white-space:nowrap;
    text-overflow:ellipsis;
    -o-text-overflow:ellipsis;
}
.main-list-contain span {
	float:right; 
	margin-right:10px;
}
.main-list_delete {
	width:20px; 
	float:right; 
	margin:4px 10px 0 0;
}


/*正文附件*/
.attachment{
	font-size:1.0rem;
	padding:3px 0;
	margin-bottom:3px;
}
.attachment-list { 
	overflow: hidden;
	padding-top:5px;
}
.attachment-list-title{
	overflow: hidden;
	margin-right:20px;
	white-space:nowrap;
    text-overflow:ellipsis;
    -o-text-overflow:ellipsis;
}
.attachment-list img {
	margin:7px 0 0 0;
	padding-left:10px;
	line-height:40px;
	width:16px;
	height:16px;
}
.attachment-list li {
	padding-left:35px;
	overflow: hidden;
	font-size:0.95rem;
	height:30px;
	line-height:30px;
}
.attachment-list li.avi{
}
.attachment-list li.bmp{
}
.attachment-list li.css{
}
.attachment-list li.doc{
}
.attachment-list li.eml{
}
.attachment-list li.eps{
}
.attachment-list li.fla{
}
.attachment-list li.gif{
}
.attachment-list li.html{
}
.attachment-list li.ind{
}
.attachment-list li.jpeg{
}
.attachment-list li.jsf{
}
.attachment-list li.midi{
}
.attachment-list li.mov{
}
.attachment-list li.mp3{
}
.attachment-list li.mpeg{
}
.attachment-list li.pdf{
}
.attachment-list li.png{
}
.attachment-list li.pptx{
}
.attachment-list li.proj{
}
.attachment-list li.psd{
}
.attachment-list li.pst{
}
.attachment-list li.pub{
}
.attachment-list li.rar{
}
.attachment-list li.text{
}
.attachment-list li.tiff{
}
.attachment-list li.vsd{
}
.attachment-list li.wav{
}
.attachment-list li.wma{
}
.attachment-list li.wmv{
}
.attachment-list li.xlsx{
}
.attachment-list li.zip{
}


/*end*/


.lesson-list { 
	overflow: hidden;

}
.lesson-list span{
	overflow: hidden;
	height:24px;
	line-height: 24px;
	font-size:0.8rem;
}
.lesson-list li { 
	padding:2px 0px; 

}
.lesson-list li .lesson_box { 
	 width:100%;  border-top:1px solid #dddddd;
	padding:5px 0px; 

}
    .lesson-list li .lesson_box .open-popup {
     color:#ffffff; background:#ff6600; 
	border-radius: 5px; padding:0px 5px;height:24px; 
	line-height: 24px; 
	font-size:0.8rem; display:inline-block; }

    
    .lesson-list li .lesson_box span.lesson_info{
     color:#585858;  }
    .lesson-list li .lesson_box span.lesson_succeed{
     color:#0bbf7c;  }

.message-list { 
	overflow: hidden;

}
.message-list span{
	overflow: hidden;
	height:24px;
	line-height: 24px;
	font-size:0.8rem;
}
.message-list li { 
	padding:2px 8px; 

}
.message-list-contain{
	margin-right:40px;
	font-weight:bold;
	overflow: hidden;
	font-size:0.95rem;
	height:28px;
	line-height: 28px;
	white-space:nowrap;
    text-overflow:ellipsis;
    -o-text-overflow:ellipsis;

}
.news-list-tittle{
	margin-right:10px;
	overflow: hidden;
	font-size:0.95rem;
	height:28px;
	line-height: 28px;
	white-space:nowrap;
    text-overflow:ellipsis;
    -o-text-overflow:ellipsis;
}
.message-list-tittle{
	margin-right:70px;
	overflow: hidden;
	font-size:0.95rem;
	height:28px;
	line-height: 28px;
	white-space:nowrap;
    text-overflow:ellipsis;
    -o-text-overflow:ellipsis;
}
.message-list-contain a {
	float:left;
	font-size:0.95rem;
	font-weight:bold;
	max-width:250px;
	overflow: hidden;
	white-space:nowrap;
    text-overflow:ellipsis;
    -o-text-overflow:ellipsis;
}
.message-list-contain img.icon{
	float:left;
	overflow: hidden;
	height:28px;
	width:28px;
	line-height: 28px;
}
.message-list_delete {
	height:40px;
	width:40px;
	text-align:right;
	float:right;
	margin-top:-30px;
	padding:17px 10px 0 0;
}
.curriculum-list_delete {
	height:25px;
	width:40px;
	text-align:right;
	float:right;
	margin-top:5px;
	padding:0px 10px 0 0;
}
.message-list_count {
	width:20px; 
	float:left; 
	margin:4px 10px 0 10px;
}
.loadmore{
	text-align:center;
	height:40px;
	line-height:40px;
	}

.homework-list {
	padding-top:0px;
}
.homework-list li {
	padding:5px;
}
.homework-title {
	overflow: hidden;
	padding-left: 32px;
	line-height: 28px;
}
.homework-list_delete {
	height:30px;
	width:40px;
	text-align:right;
	float:right;
	margin-top:-74px;
	padding:50px 10px 0 0;
}
.course-list{
	padding-top:15px;
}
.course-list-main{
	overflow: hidden;
}


.course-title {
	overflow: hidden;
	padding-left: 32px;
	line-height: 28px;
}
.curriculum-title {
	overflow: hidden;
	padding-left: 32px;
	line-height: 28px;
}
.curriculum-title span {
	float: left;
	font-size: 1.2em;
}
.curriculum-title a {
	float: right;
	padding-right: 16px;
	font-weight: normal;
}
.curriculum-title a.expand {
	margin-right: 10px;
}
.curriculum-in-title {
	overflow: hidden;
	padding-left: 32px;
	line-height: 28px;
}
.homework-in-title {
	overflow: hidden;
	padding-left: 32px;
	line-height: 28px;
}
.homework-title span {
	float: left;
	font-size: 1.0rem;
}
.homework-title a {
	float: right;
	padding-right: 16px;
	font-weight: normal;
}
.homework-title a.expand {
	margin-right: 10px;
}
.homework-content .time { 
	display: block; 
}
.homework-content img {
	display:block; 
	width: 100%;
}
.homework-more {
	display: none;

}
.contacts-list {
	overflow:hidden;
}
.contacts-list li { 
	padding-left: 8px; 
	font-size:18px;
	height:45px;
	line-height: 45px;
}



.contacts-list-1 li { 
	padding-left: 8px; 
	font-size:1.4em;
}




.score-form { 
	overflow: hidden;
	margin-left:0px; 

}
.score-list-tab {
	font-size:1.0rem;
}
.score-list-tab tr{
	height:50px;
	line-height:50px;
}

.score-list-tab img.left {
	border-radius:50%;
	width:30px;
	height:30px;
	margin-left:5px;
}
.score-list-tab img.right {
	width:15px;
	height:20px;
}
#score-name{
	position:absolute;
	font-size:1.0rem;
}
#score-grade{
	position:absolute;
	font-size:1.0rem;
}
#score-class{
	position:absolute;
	font-size:1.0rem;
}
.score-list-name-tab {
	font-size:1.0rem;
}
.score-list-name-tab tr{
	height:50px;
	line-height:50px;
}

.score-list-name-tab img {
	border-radius:50%;
	width:30px;
	height:30px;
}

.img-right-1 {
	width:15px;
	height:20px;
}
.img-right-2 {
	width:15px;
	height:20px;
}
.img-right-3 {
	width:15px;
	height:20px;
}
.img-right-4 {
	width:12px;
	height:20px;
}
.score-list-tab input {
	width:95%;
	height:30px;
	float:left;
}
.score-list-tab textarea.input {
	margin:12px 0px 0 0;
	width:100%;
	height:90px;
}

/*点击弹出列表 my-score-list.html*/

.score-list-save {
	overflow: hidden;
	padding: 10px 0 10px 2px;
	font-size:1.1rem;
}
.score-list-save li {
	float: left;
	margin: 3px 3px 3px 0;	
}

.score-list-save span {
	width: 60px;
	height: 80px;
	display: block;
	overflow: hidden;
}
.score-list img {
	width: 30px;
	height: 30px;
	vertical-align: middle;
	border-radius: 50%;
}
.score-list {
	position: fixed;
	width: 100%;	
	z-index: 99;
	bottom:42px;
	left: 0;
	overflow: scroll;
	font-size:1.1rem;
}

.score-list li {
	float: left;
	margin: 3px 0px 3px 0;
	overflow: hidden;
	
}
.score-list span {
	float: left;
	width: 95px;
	height: 35px;
	line-height: 20px;
	text-align: center;
	padding: 0 2px;
	border-radius: 3px;
	font-size: 0.8em;
	margin: 0 2px 5px 10px;
}

.score-list img.right {
	width:15px;
	height:20px;
}
.score-list li input {
	float:left;
	margin:12px 10px 0 0;
	width:100px;
	height:25px;
}







.turn-right {
	float:right;
	margin: 3px 10px 3px 0px;
	padding-right:25px;
}



.contacts-list a.expand { 
	float: right; 
	width:60px;
	margin-right:5px;
	font-size:1.0rem;
}

.contacts-list a.expanded {
	margin-right:5px;
}

.contacts-list-more{
	display: none;
}


.contacts-list i {
	width:40px;
	float:left; 

}
.contacts-list i.selected { 

}
.contacts-list-contain{
	overflow: hidden;
	height:45px;
	line-height: 45px; position:relative;
}
.contacts-list-contain a.username {
	font-size:1.0rem;
	float:left;
	min-width:100px;
	overflow: hidden;
	white-space:nowrap;
    text-overflow:ellipsis;
    -o-text-overflow:ellipsis;
	padding-right:10px;
}


.contacts-list-contain img {
	margin-top:5px;
}

.contacts-pho {
	float:left;
	margin:5px 10px 0 0;
	/*border-radius:50%;*/
	width:35px;
	height:35px;
}
.contacts-list li.all {
	height:35px;
	line-height: 35px;
}
.contacts-list li.odd {
	height:35px;
	line-height: 35px;padding-left:20px;
}
.contacts-list li.rank {
	height:50px;
	line-height: 50px; padding-left:20px;
}
.contacts-list li.noline {
	height:50px;
	line-height: 50px;
}
.contacts-list .ico-phone {
    float: right;
    margin: 15px 20px 15px 10px; width:20px; height:20px;
    background:url(../imgs/nav-icon-contactslist-1.png) no-repeat center center;  background-size:100% 100%;
}
.contacts-list-contain .contacts-title { width:80px;
	height:35px;
	line-height: 35px; display:inline-block;
}
.fixed{
	position:fixed;
	top:52px;
}
.contacts-search {
	padding-bottom:5px;
	padding-top:5px;
	font-size:0.95rem;
	/*height:38px;*/
	width:100%;
	}
.contacts-search-btn {
	float: right;
	padding: 3px 10px;
	border-radius: 3px;
	margin-top: 5px;
	margin-right:10px;
	line-height:25px;
	}

.contacts-search-input {
	margin:0px 105px 5px 5px;
	height:38px;
	width:auto;
	}
.contacts-search-input-1 {
	margin:0px 75px 5px 5px;
	height:38px;
	width:auto;
	}
.contacts-search-input-2 {
	margin:0px 120px 0px 10px;
	height:40px;
	width:auto;
	}
.contacts-search-input-4 {
	margin:0px 40% 5px 5px;
	height:30px;
	width:auto;
	}
.contacts-search-input-5 {
	margin:0px 5px 5px 40%;
	height:30px;
	width:auto;
	}
.contacts-search .input {
	margin:4px 5px 3px 0px;
	height:30px;
	width:99%;
	font-size:0.95rem;
	border-radius:10px;
	padding-left:30px;
	}

.contacts-search-1 {
	font-size:0.95rem;
	height:38px;
	width:55%;
	}
.contacts-search-1 span{
	font-size:0.95rem;
	line-height:40px;
	}
.contacts-search-1-input-1 {
	margin:0px 35px 5px 5px;
	height:44px;
	width:auto;
	}	
.contacts-search-1-input-2 {
	margin:0px 95px 5px 1px;
	height:44px;
	width:auto;
	}

.contacts-search-2 {
	font-size:0.95rem;
	height:38px;
	width:45%;
	}
.contacts-search-2 span{
	font-size:0.95rem;
	line-height:40px;
	}
.contacts-search-2 .input-rate {
	margin:4px 1px 3px 0px;
	height:30px;
	width:99%;
	font-size:0.95rem;
	border-radius:10px;
	padding-left:5px;
	}	
.contacts-search-1 .input-rate {
	margin:4px 1px 3px 0px;
	height:30px;
	width:99%;
	font-size:0.95rem;
	border-radius:10px;
	padding-left:5px;
	}	

.contacts-search-choose {
	width:100%;
	/*height:36px;*/
	padding:5px 0px; 

}
    .contacts-search-choose a {
	display: inline-block; margin:0 5px 5px 5px;  width:30%;
    }
.contacts-search-choose input{
	
	margin:0px 0 0 1.5%;
	text-align: center; 
	-webkit-appearance : none ;
	border-radius: 3px; 
	font-size: 12px;
	outline:none;
	display:block;
	padding:5px 10px;width:100%;


}
.contacts-search-choose input.select,.contacts-search-choose a.select input{
	
 background:#1aad19; color:#ffffff;


}
.contacts-search-choose input.last{
	margin:3px 0 0 1.5%;
}

.contacts-search-choose input.last-1{
	margin:0px 0 0 1.5%;


}
.contacts-search-choose input.last-2{
	margin:7px 0 0 1.5%;


}
	
.contacts-personal-icon {
	margin-top:30px;
}
.contacts-personal-icon ul li{
	font-size:1.0rem;
	line-height:30px;
	height:35px;
	margin:10px 10px 0 10px;
}
.contacts-personal-icon ul li img{
	width:30px;
	height:30px;
}
.contacts-personal-icon ul li span{
	font-size:1.0rem;
	height:40px;
	padding-left:40px;
}


.contacts-personal-name {
	font-size:1.1rem;
	font-weight:bold;
	margin:20px 10px 0 0;
}
.contacts-personal-tel {
	font-size:0.9rem;
	margin:20px 10px 0 0;
}
.contacts-personal img {
	float:left;
	margin:10px 10px 0 0;
	border-radius:50%;
	width:80px;
	height:80px;
}
	
.contact-group{
	text-align:center; 
	position:fixed; 
	top:50px; 
	height:50px; 
	width:100%;
}
.contact-group-delete{
	text-align:center; 
	width:50%;
	float:right;
}
.contact-group-add{
	text-align:center; 
	width:50%;
	float:left;
}



/*发消息弹选择通讯录*/

.choose-contacts-title {
	height: 40px;
	overflow: hidden;

}
.choose-contacts-title h3{
	font-size:1.0rem;
	height: 40px;
	line-height:40px;
	width:auto;
	text-align:center;

}


#choose-contact {
	position:absolute;
	top:60px;
	overflow:scroll;
}	
.choose-contact-list {
	position:fixed;
	width:100%;
	height:100%;	
	z-index:1999;
	bottom:0px;
	left:0px;
	/*font-size:0.9rem;*/
	overflow: auto;
	-webkit-overflow-scrolling: touch;
}	
.yes-btn {
	float:right;
	margin: 8px 20px 5px 20px;
}

.no-btn{
	float:left; 
	margin:8px 20px 5px 20px;

}

.choose-contact-button{
	height:30px;
	font-size:1.0rem;
	line-height:30px;
	margin:5px 10px;
}
.choose-contact-circle{
	border-radius:50%;
	height:20px;
	width:20px;
	margin:7px 10px;
	padding:2px;
}

.form {
	font-size: 0.95rem; 
	overflow: hidden; 
	padding: 0 5px 5px 5px;
}
.form label {
	display: inline-block; 
	font-size: 1em; 
	padding-top: 8px;
	
}
.form label.font12 {
	font-size: 0.9em;
	
}
.form .input { 
	width: 99%; 
	height: 30px; 
	border-radius: 3px; 
	padding-left:5px;
	
}
.form .input-1 { 
	width: 50%; 
	height: 30px; 
	border-radius: 3px; 
	padding-left:5px;
	
}
.form .input-2 { 
	width: 20%; 
	height: 30px; 
	border-radius: 3px; 
	padding-left:5px;
	margin:0 10px;
	
}
.form textarea.input {
	height:6.0rem;
	font-size:1.1rem; 
}
.form-pay { 
	font-size: 1.2rem; 
	padding: 0 5px;

}
.form-pay label {
	display: block; 
	font-size: 1.0rem; 
	padding-top: 8px;

}
.form-pay label.font12 {
	font-size: 0.9em;

}
.form-pay .input {
	width: 99%; 
	height: 30px; 
	border-radius: 3px; 
}
.form-pay textarea.input {
	height: 120px;

}
.add-class-img {
	width:60px; 
	height: 60px; 
	border-radius: 5px;
	float:left;  

}
.add-class-img input {
	width: 60px; 
	height: 60px; 
	opacity: 0;

}
.add-img-box {
	height: 60px; 
	float:left;
	margin:0; 
}
.add-img {
	width:60px; 
	height: 60px; 
	border-radius: 5px;
	float:left;
	margin:5px 10px 5px 0px;  

}
.add-img input {
	width: 70px; 
	height: 70px; 
	opacity: 0;

}
.add-img-score {
	width:64px; 
	height: 64px; 
	border-radius:5px;
	float:left; 

}
.add-img-score input {
	width: 70px; 
	height: 70px; 
	opacity: 0;

}
.add-img-select {
	width:60px; 
	height:60px; 
	border-radius: 5px;
	float:left;
	margin:5px 11px 5px 0px;   position:relative;

}
    .add-img-select img { border:none!important;
	border-radius: 5px !important;
	width:60px  !important; 
	height:60px !important; 
	 padding:0px !important;  position:absolute;top:0;left:0; z-index:1;}
.add-img-select input {
	width: 60px; 
	height: 40px; 
	opacity: 0;

}
.add-img-text{
	width:60px; 
	height: 20px;
	font-size:0.8rem;
	line-height:15px;
	text-align:center;
	overflow: hidden;
	white-space:nowrap;
    text-overflow:ellipsis;position:absolute;bottom:0;left:0; z-index:9;

}
.add-img-del{width:20px;height:20px;position:absolute;top:0px;right:0px; z-index:10;}	

.add-img-small { 
	width:100%;

}
.add-img-small li{
	width:70px; 
	height: 70px; 
	border-radius: 5px; 
	float:left; 
	margin:0px 3px 0px 0;

}

.afterschool-title{
	margin:50px 0 0 0;
	text-align: center;
	font-size:1.5rem;
	font-weight:bold;

}

.signed-title {
	font-size: 1.2rem;
	text-align: center;
	margin-top:10px;
	font-weight:bold;
}
.signed { 
	display: block; 
	width:130px;
	height:120px; 
	text-align: center; 
	border-radius: 50%;
	-webkit-appearance : none ;
 	line-height: 130px; 
	font-size: 1.5rem; 
	margin:15px auto; 

}
.signed-cancel { 
	display: block; 
	width:130px;
	height:120px; 
	text-align: center; 
	border-radius: 50%;
	-webkit-appearance : none ;
 	line-height: 130px;  
	font-size: 1.5rem; 
	margin:50px auto; 

}
.submit-afterschool { 
	display: block; 
	width:160px;
	height:150px; 
	text-align: center; 
	border-radius: 50%;
	-webkit-appearance : none ;
 	line-height: 150px; 
	font-size: 1.5rem; 
	margin:50px auto; 

}

.submit-afterschool-ed { 
	display: block; 
	width:160px;
	height:150px; 
	text-align: center; 
	border-radius: 50%;
	-webkit-appearance : none ;
 	line-height: 150px;  
	font-size: 1.5rem; 
	margin:50px auto; 

}
.submit { 
	display: block; 
	width: 99%; 
	text-align: center; 
	-webkit-appearance : none ;
 	line-height: 40px; 
	border-radius: 3px; 
	font-size: 1.0rem;
	font-weight:bold;
	margin: 5px 0; 

}
.submit-user-change{
	position:absolute;
	left:86px;
	top:68px;
	display: inline-block;
	font-size: 0.8rem;
	height:18px; 
	line-height:18px;
	overflow:hidden;
	text-align: center;  
	-webkit-appearance : none ;
	border-radius: 3px; 
	padding: 0px 3px; 
}
.submit-qianshou { 
	display: block; 
	width: 80%; 
	text-align: center; 
	-webkit-appearance : none ;
 	line-height: 30px; 
	border-radius: 3px; 
	font-size: 1em; 
	margin: 10px 0 10px 10%; 

}
.submit_over {
	text-align:center;

}

.authentication-text{
	font-size:1.0rem;
	text-align:center;
	
	}

.submit-half { 
	display: block; 
	width: 45%; 
	text-align: center; 
	-webkit-appearance : none ;
 	line-height: 30px; 
	border-radius: 3px;
	font-size: 1em; 
	margin: 10px 3px 10px 3px; 
	float:left;

}

.submit-half-grey { 
	display: block; 
	width: 45%; 
	text-align: center; 
	-webkit-appearance : none ;
 	line-height: 30px; 
	border-radius: 3px; 
	font-size: 1em; 
	margin: 10px 3px 10px 3px;

}
.submit-half-yes { 
	display: block; 
	width: 45%; 
	text-align: center; 
	-webkit-appearance : none ;
 	line-height: 30px; 
	border-radius: 3px; 
	font-size: 1em; 
	margin: 10px 3px 10px 3px; 

}
.submit-half-no { 
	display: block; 
	width: 45%; 
	text-align: center; 
	-webkit-appearance : none ;
 	line-height: 30px; 
	border-radius: 3px; 
	font-size: 1em; 
	margin: 10px 3px 10px 3px; 

}

.submit-half-no-1 { 
	display: block; 
	width: 45%; 
	text-align: center;
	-webkit-appearance : none ;
 	line-height: 30px; 
	border-radius: 3px; 
	font-size: 1em; 
	margin: 10px 3px 10px 3px; 

}
.submit-btn { 
	text-align: center; 
	-webkit-appearance : none ;
 	line-height: 25px; 
	border-radius: 3px; 
	font-size: 1em;
	padding:0 10px; 
	margin: 2px 3px 6px 3px;
	outline:none;
	border:none;
	display:block; 

}
.disblesubmit { 
	display: block; 
	width: 99%; 
	text-align: center; 
	-webkit-appearance : none ;
 	line-height: 40px; 
	border-radius: 3px; 
	font-size: 1em; 
	margin: 10px 0; 

}
.check-list {
 	padding: 10px 5px 5px;
 }
/*.check-list label {
 	float: left;
 	height: 30px;
 	font-size: 0.8em;
 	padding: 0 0 0 15px;
 	color: #304772;
 }*/
 
 /*tab-切换样式   无底色 无圆角*/
.tab-body-2 {
	 margin-top:0px;
	
}
.tab-body-1 {
	 margin-top:0px;
	
}

.tab-tab-header {
	 text-align: left; 
	 margin:0 0px 0px 0px; 
	 font-size:0.95rem; 
	 font-weight:bold; 
	 width:100%;

}
.tab-tab-header a,.tab-tab-header span {
	 height:50px; 
	 display: inline-block; 
	 line-height:50px;  cursor:pointer;

}
.tab-tab-corner {
	 padding: 0 10px 0 10px;
	
}
.tab-tab-corner-g {
	 width:33%;
	 text-align:center;
	
}
 /*tab-切换样式  成长相册、家长寄语*/


.tab-header-2 {
	position:fixed;
	left:0px;
	top:136px;
	width:100%;
	text-align: center; 
	padding: 10px 0; 
	font-size: 0.8em;
	
}
.tab-header-2 a {
	display: inline-block; 
	line-height: 30px; 
	
}
.tab-header-1 {
	position:fixed;
	left:64px;
	top:136px;
	width:100%;
	text-align: center; 
	padding: 10px 64px 10px 0px; 
	font-size: 0.8em;
	
}
.tab-header-1 a {
	display: inline-block; 
	line-height: 30px; 
	
}

.tab-header {
	text-align: center; 
	padding: 10px 0; 
	font-size: 0.8em;
	
}
.tab-header a {
	display: inline-block; 
	line-height: 30px; 
	
}
.center-tab {
	padding: 0 10px; 
	
}
.left-corner {
	border-top-left-radius: 15px;
	border-bottom-left-radius: 15px; 
	padding: 0 5px 0 15px;
	
}
.right-corner {
	border-top-right-radius: 15px;
	border-bottom-right-radius: 15px; 
	padding: 0 15px 0 5px;
	
}
.all-corner {
	border-radius: 15px; 
	padding: 0 15px 0 15px;
	
}

.tab-item {
	
	
}
.account-list-1 {
	overflow: hidden; 
	margin-bottom:96px;
	
}
.account-list-1 li {
	overflow: hidden; 
	text-align: center; 
	padding: 3px 5px;
	
}


.account-list-1 span.fr {
	height:24px; 
	width:70px;
	overflow: hidden; 
	text-align: right;
	float:right;
	padding-left:3px; 
	
}
.account-list-1 span.fl {
	height:22px; 
	max-width:120px;
	overflow: hidden; 
	text-align: left;
	float:left;
	padding-right:2px;
	white-space:nowrap;
    text-overflow:ellipsis;
    -o-text-overflow:ellipsis; 
	
}


.account-list-1 span.date {
	width:30%;
	overflow: hidden; 
	text-align: left;
	float:left;
	padding-right:5px; 
	
}
.account-list-1 span.value {
	width:29%;
	overflow: hidden; 
	text-align: left;
	float:left;
	padding-right:5px; 
	
}
.account-list-1 span.type {
	width:12%;
	overflow: hidden; 
	text-align: left;
	float:left;
	padding-right:5px; 
	
}
.account-list-1 span.explain {
	max-width:22%;
	overflow: hidden; 
	text-align: left;
	float:left;
	white-space:nowrap;
    text-overflow:ellipsis;
    -o-text-overflow:ellipsis;  
	
}

.account-list {
	overflow: hidden; 
	padding-bottom:6px;
	margin-bottom:6px;
	
}
.account-list li {
	overflow: hidden; 
	text-align: center; 
	padding: 3px 5px;
	
}


.account-list span.fr {
	height:24px; 
	width:70px;
	overflow: hidden; 
	text-align: right;
	float:right;
	padding-left:3px; 
	
}
.account-list span.fl {
	height:22px; 
	max-width:120px;
	overflow: hidden; 
	text-align: left;
	float:left;
	padding-right:2px;
	white-space:nowrap;
    text-overflow:ellipsis;
    -o-text-overflow:ellipsis; 
	
}


.account-list span.date {
	width:30%;
	overflow: hidden; 
	text-align: left;
	float:left;
	padding-right:5px; 
	
}
.account-list span.value {
	width:29%;
	overflow: hidden; 
	text-align: left;
	float:left;
	padding-right:5px; 
	
}
.account-list span.type {
	width:12%;
	overflow: hidden; 
	text-align: left;
	float:left;
	padding-right:5px; 
	
}
.account-list span.explain {
	max-width:22%;
	overflow: hidden; 
	text-align: left;
	float:left;
	white-space:nowrap;
    text-overflow:ellipsis;
    -o-text-overflow:ellipsis;  
	
}

.information-list {
	margin-top: 10px;
	
}
.information-list li {
	overflow: hidden; 
	text-align: left; 
	padding: 3px 10px;

}
.check-mode label {
	font-size: 0.85rem; 
	padding: 3px 0;
	
}

.homework-detail {
	padding: 10px; 
	margin-bottom:92px;
	padding-bottom:5px;
	
}
.question-reply {
	padding:2px 0; 
	margin-bottom: 2px;
	
}
.question-reply p {
	
}
.question-reply p.reply {
	margin-left:45px;
	
}
.question-reply li {
	padding: 5px 10px;
	
}
/*正文*/
.article { 
	overflow: hidden; 
	padding: 0 5px 5px 5px;

}
.article .btn {
	margin-right: 10px; 
	min-width: 40px; 
	text-align: center;
	
}

.article-title {
	font-size: 1.2rem;
	text-align: center;
	margin-top:10px;
}
.article-succes {
	font-size: 1.0rem;
	text-align: center;
}
.article-time {
	display: block;
	text-align: center;
	margin-bottom: 8px;
}
.article-content {
	min-height: 60px;
	padding: 15px 10px;
}
.article-content img {
	display: block;
	margin: 5px auto;
	max-width:100%;
}
.article-content p {/*
	text-indent: 2.0rem;*/
	font-size:1.0rem;
	line-height:1.9rem;
}
.album {
	overflow: hidden;
	padding: 10px 0 10px 10px;
}
.album li {
	float: left;
	margin: 5px 5px 5px 0;	
}
.album a {
	display: block;
	text-align: center;
}
.album span {
	width: 63px;
	height: 63px;
	line-height: 58px;
	display: block;
	border-radius: 10px;
	overflow: hidden;
}
.album img {
	max-width: 63px;
	max-height: 63px;
	vertical-align: middle;
}
.full-year-questionbank {
	padding: 20px 5px 10px 35px;
}
.full-year-questionbank li{
	margin: 10px 0;
}
.date-year {
	clear: inherit;
	float: left;
	width: 45px;
}
.full-year {
	padding: 20px 5px 10px 35px;
}
.full-year li {
	margin: 10px 0;
}
.t-item {
	margin-left: 25px;
	border-radius: 5px;
	padding: 6px;
	font-size: 0.8em;
}
.t-item h4 {
	font-size: 0.95rem;
}
.t-item p {
	font-size: 0.95rem;/*
	text-indent: 2.0rem;*/
}
.t-item p.worktask {
	margin-left: 47px;
	min-height:35px;
}
.t-item p i {
	font-size: 0.85rem;
	display: block;
	height: 30px;
	line-height:30px;
}
.t-item img {
	display: block;
	max-width: 100%;
}
.t-item .arrow {
	display: block;
	width: 12px;
	height: 12px;
	position: absolute;
	top: 10px;
	left: -10px;
}
.radio-inputs {overflow: hidden;}
.radio-inputs span {
	float: left;
	min-width: 30px;
	height: 35px;
	line-height: 35px;
	text-align: center;
	padding: 0 10px;
	border-radius: 3px;
	font-size: 0.8em;
	margin: 0 5px 5px 0;
}
.radio-inputs span.selected {
	padding-right: 25px;
}
.pager {overflow: hidden; padding: 10px 8px 10px 5px; text-align: center;}
.p-prev,.p-next {
	padding: 3px;
	border-radius: 3px;
}
.p-prev {
	float: left;
	padding-left: 16px;
}
.p-next {
	float: right;
	padding-right: 16px;
}
.pager span {
	display: inline-block; 
	font-size: 1em; 
	line-height: 25px;	
}
.pager i {
	 font-weight: bold; 
}
foot {
	position: fixed;
	width:180px;
	height:42px;
	line-height: 42px;
	bottom: 0;
	left:0;
	text-align: center;
	overflow:hidden;
}
foot a i{
	width:70px;
	height:17px;
	padding-left:20px;
	padding-right:10px; 
}
foot span{
	margin:0 10px;
}
.foot_block { display:block; width:100%; height:100px;  
}
footer {
	position: fixed;
	width: 100%;
	height:52px;
	line-height: 42px;
	bottom: 0;
	text-align: center;
	overflow:hidden;
}
footer a {
	width:20%;
	height: 52px;
	line-height:52px;
	display: block;
	font-size:0.75rem;
	float:left;
}
footer i {
	display: block;
	margin:0 auto;
	height: 32px;
	overflow: hidden;
}
footer span{
	display: block;
	height: 20px;
	line-height:20px;
	text-align:center;
}

footer a.orange i.home {}
footer i.home {}
footer a.cur i.home {}
footer i.my {}
footer a.cur i.my {}
footer i.msg {}
footer a.cur i.msg {}
footer i.tel-list {}
footer a.cur i.tel-list {}
footer i.office {}
footer a.cur i.office {}
footer i.psc {}
footer a.cur i.psc {}






.edi-post{
	line-height:20px;
	padding-left:20px;
}

.go-back {
	float: left;
	width: 10%;
	height: 30px;
	margin: 6px 0 0 1%;
}
.foot-text {
	float: left;
	width: 39%;
	height: 26px;
	font-size:1.0rem;
	line-height:1.0rem;
	text-align:center;
	border-radius:3px;
	margin: 7px 4% 0 4%;
	-webkit-transform:translate3d(0,0,0);
	-webkit-appearance: none; 
	transform:translate3d(0,0,0);
}


.foot-text-no {
	float: left;
	width: 40%;
	height: 26px;
	font-size:1.0rem;
	line-height:1.0rem;
	text-align:center;
	border-radius:3px;
	margin: 7px 4% 0 4%;
	-webkit-transform:translate3d(0,0,0);
	-webkit-appearance: none; 
	transform:translate3d(0,0,0); 
}


.foot-set {
	float: left;
	width: 11%;
	height: 30px;
	margin: 5px 0 0  0;
}
.foot-contacts {
	float: right;
	width: 13%;
	height: 30px;
	margin: 6px 0 0  0;
}
.foot-contacts-no {
	float: right;
	width: 10%;
	height: 30px;
	margin: 6px 0 0  0;
}

.share {
	float: right;
	width: 13%;
	height: 30px;
	margin: 5px 0 0 0;
}
.collection {
	float: right;
	width: 13%;
	height: 30px;
	margin: 5px 0 0 0;
}
.collection-ed {
	float: right;
	width: 13%;
	height: 30px;
	margin: 5px 0 0 0;
}

.to-home {
	float: right;
	width: 13%;
	height: 30px;
	margin: 6px 2% 0 0;
}
.noborder {
	border:none;
}



/*有 "认证 、家委会"标志 选择 人物班级的页面*/

.add_message {
	overflow: hidden;
	padding: 8px 0 10px 2px;
}
.add_message li {
	float: left;
	margin: 3px 3px 3px 0;	
}

.add_message span {
	width: 60px;
	height: 80px;
	display: block;
	overflow: hidden;
}

.add_message img {
	width: 60px;
	height: 60px;
	vertical-align: middle;
	border-radius: 10px;
}
.add_message img.mask {
	width: 60px;
	height: 60px;
	vertical-align: middle;
	border-radius: 10px;
	opacity: .4;
}
.add_message-save {
	overflow: hidden;
	
}
.add_message-save li {
	float: left;
	margin: 3px 0px 3px 0;
	overflow: hidden;
	
}
.add_message-save span {
	float: left;
	width: 60px;
	height: 80px;
	line-height: 20px;
	text-align: center;
	padding: 0 2px;
	border-radius: 3px;
	font-size: 0.9rem;
	margin: 0 0px 0px 0;
}


/*有 "前移 、删除" 图标的页面*/

.nav-icon-set-list {
	overflow: hidden;
	padding: 0px 0 1px 0px;
	
}
.nav-icon-set {
	overflow: hidden; 
	margin:0.6rem;
	
}
.nav-icon-set img {
	width: 50px;
	height: 50px;
	padding:5px;
	vertical-align: middle;
	border-radius: 10px;
}

.nav-icon-set ul{
	overflow: hidden; float:left;
	
}

.nav-icon-set ul li {
	float: left;
	margin: 5px 10px 5px 0;
	overflow: hidden;
	
}
.nav-icon-set span {
	float: left;
	width: 60px;
	height: 80px;
	line-height: 20px;
	text-align: center;
	padding: 0 2px  0 1px;
	border-radius: 3px;
	font-size: 0.9rem;
	margin: 0 0px 0px 0;
}
.nav-icon-set a {
	float: left;
	width: 60px;
	height: 80px;
	line-height: 20px;
	text-align: center;
	padding: 0 2px;
	border-radius: 3px;
	font-size: 0.8em;
	margin: 0 0px 0px 0;
}
.nav-icon-list-del{
	width:58px;
	height:48px;
	float:left;
	margin:0px 0 0 -60px;
	
}
.nav-icon-list-add{
	display:inline-block;
	width:58px;
	height:58px;
	float:left;
	margin:2px 0 0 -60px;
	border-radius: 50%;
	text-align:center;
	font-weight:normal;
	line-height:24px;
	
}
.nav-icon-list-up{
	display:inline-block;
	width:25px;
	height:25px;
	float:left;
	margin:36px 0 0 -60px;
	border-radius: 50%;
	text-align:center;
	font-weight:normal;
	font-size:1.8em;
	line-height:24px;
	
}




/*进度条*/

.skillbar {
		position:relative;
		display:block;
		margin:5px 0px -10px 118px;
		width:135px;
		height:10px;
		border-radius:5px;
		-moz-border-radius:5px;
		-webkit-border-radius:5px;
		-webkit-transition:0.4s linear;
		-moz-transition:0.4s linear;
		-ms-transition:0.4s linear;
		-o-transition:0.4s linear;
		transition:0.4s linear;
		-webkit-transition-property:width, background-color;
		-moz-transition-property:width, background-color;
		-ms-transition-property:width, background-color;
		-o-transition-property:width, background-color;
		transition-property:width, background-color;
	}
	
	.skillbar-bar {
		height:10px;
		width:0px;
		border-radius:5px;
		-moz-border-radius:5px;
		-webkit-border-radius:5px;
	}
	
	
	
	
	
	
	
	
	
	

/*题库 题型*/


.Topic {
	overflow: hidden;
	margin-bottom:92px;
	
}
.Topic li {
	
	height: 40px;
	line-height: 40px;
	margin: 3px 0px 3px 0;
	overflow: hidden;
	
}
.Topic input {
	width: 25px;
	margin:0 3px;
}
.Topic dd {
	float:right;
	margin:0 5px 0 3px;
}
.Topic span {
	float: left;
	width: 160px;
	overflow: hidden;
	white-space:nowrap;
    text-overflow:ellipsis;
    -o-text-overflow:ellipsis;
	padding:0 2px 0 20px;
	border-radius: 3px;
	font-size: 1.0em;
	margin: 0 0px 0px 0;
}

/*微办公班级悬着状态弹窗*/


#office-class {
	position:absolute;
	top:60px;
	overflow:scroll;
}
.arrow-up {
	width: 0;
	height: 0;
	overflow:hidden;
	}
.office-class-list {
	position: fixed;
	width: 240px;	
	z-index: 99;
	top:55px;
	right:5px;
	border-radius:10px;
	font-size:0.9rem;
}

.office-class-list li {
	width:110px;
	float:left;
	padding-left:5px;  
	height:30px;
	line-height: 30px;
}
.office-class-list i {
	width:40px;
}
.office-class-list img {
	float:left;
	margin:7px 10px 7px 0px;
	width:16px;
	height:16px;
}


/*分享弹出框*/
#cover{display:none;position:absolute;left:0;top:0;z-index:0;opacity:0.7; }

#guide{display:none;position:absolute; right:0; top:60px; z-index:19999;}

.share-icon-list {
	width:100%;
}
.share-icon-list li {
	width:30%;
	float: left;
	text-align:center;	
}

#share_2 {
	position:absolute;
	top:50px;
}
#cancel{
	
}

.share-icon {
	position: fixed;
	width: 100%;	
	z-index: 99;
	bottom:42px;
	left: 0;
}
/* 分享表格*/
.tablesharelist{
	width:84%;
	clear:both;
	margin:20px 8%;
	}
.tablesharelist tr{
		height:90px; 
	}
.tablesharelist td{
		width:15%; 
		text-align:center; 
	}
.tablesharelist img{
	width:50px;
	height:50px;
	}

/*学校介绍列表*/

.schoolview-list {
	overflow: hidden;
	width:100%;
}
.schoolview-list ul {
	margin:0 auto;
	width:320px;
}
.schoolview-list ul li {
	width: 150px;
	height:150px;
	float: left;
	margin:5px 3px 0 3px;
	text-align:center;	
}
.schoolview-list-text{
	width: 100%;
	height: 28px;
	line-height:30px;
	text-align:center;
	font-size: 0.9rem;

}
.schoolview-list-text span {
	width:auto;
	height: 28px;
	line-height:30px;
	text-align:center;
	font-size: 0.9rem;
	display: block;
	overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
}
.schoolview-list-text i{
	display:inline-block;
	width:20px;
	height:26px;
	float:right;
	margin:2px 2px 0 0px;
}

.schoolview-list-img {
	width:100%;
	height:120px;
	overflow:hidden;
}

.schoolview-list-img img {
	width:100%;
	min-height:100%;
	display: block;
}



/*QQ空间相册列表*/

.photo-group {
	overflow: hidden;
	width:100%;
}
.photo-group ul li {
	width: 47%;
	height:150px;
	float: left;
	margin:10px 1% 0 1%;
	text-align:center;	
}
.photo-group-text{
	width: 100%;
	height: 28px;
	line-height:30px;
	text-align:center;
	font-size: 0.9rem;

}
.photo-group-text span {
	width:auto;
	height: 28px;
	line-height:30px;
	text-align:center;
	font-size: 0.9rem;
	display: block;
	overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
}
.photo-group-text i{
	display:inline-block;
	width:20px;
	height:26px;
	float:right;
	margin:2px 2px 0 0px;
}
.photo-group-text h4{
	display:inline-block;
	width:30px;
	height:30px;
	float:right;
	text-align:center;
	font-weight:normal;
	font-size:1.2em;
	line-height:30px;
}
.photo-group-img {
	width:100%;
	height:120px;
	overflow:hidden;
}
.photo-group-img img {
	height:100%;
	display: block;
}
.photo-group-img-add {
	width:100%;
	height:120px;
	text-align:center;   

}
.photo-group-img-add input {
	width:100%; 
	height: 145px; 
	opacity: 0;

}
/*照片列表*/
.photo-group-list ul li {
	margin-top:5px;	
	padding: 6px;
	font-size: 0.8em;
}
.photo-group-list img {
	display: block;
	max-width: 100%;
}
.photo-group-list-text{
	width: 100%;
	line-height:24px;
	text-align:left;
	font-size: 0.9rem;
}
.photo-group-list-text p {
	width:auto;
	font-size: 0.95rem;
}
.photo-group-list-text i{
	display:inline-block;
	width:30px;
	height:26px;
	float:right;
	margin:2px 2px 0 0px;
}


/* star星星打分 */
#star{position:relative;width:600px;margin:5px 10px;height:28px;}
#star ul,#star span{float:left;display:inline;height:24px;line-height:24px; font-size:0.9rem;}
#star ul{margin:0 10px;}
#star li{float:left;width:28px;cursor:pointer;text-indent:-9999px;}
#star strong{padding-left:10px;}
#star li.on{}
#star p{}
#star p em{display:block;font-style:normal;}




/*主页滚动图片*/
.scroll header{height:150px; overflow: hidden;}
#scroll p {position: absolute; bottom: 0; width: 100%; line-height: 30px;}
#scroll p span {display: block; padding: 0 20px;}
#scroll li a {display: block; width: 100%; height: 100%;}
#scroll img {vertical-align: middle;}
.focus span{width:12px;height:12px;margin-right:10px;border-radius:50%;font-size:0}



/*校友登记*/

.q-text{
	margin-left:20px;
	}
.zh-title-exp {
	padding-top: .67em;
	padding-bottom: .4em;
	padding-left: 15px;
	padding-right: 15px;
	font-size: 14px;
}
.zh-title{
  height: 52px;
  width: 100%;
  overflow: hidden;
  position: fixed;
  top: 0;}
  
.zh-title h1{
	text-align:center;}
.jc-title-exp {
	padding-top: .67em;
	padding-bottom: .4em;
	padding-left: 15px;
	padding-right: 15px;
	font-size: 14px;
}
.jc-title{
  height: 52px;
  width: 100%;
  overflow: hidden;
  position: fixed;
  top: 0;
  }
  
.jc-title h1{
	text-align:center;
	}
	


/* pswp = photoswipe */
.pswp {
  display: none;
  position: absolute;
  width: 100%;
  height: 100%;
  left: 0;
  top: 0;
  overflow: hidden;
  -ms-touch-action: none;
  touch-action: none;
  z-index: 1500;
  -webkit-text-size-adjust: 100%;
  /* create separate layer, to avoid paint on window.onscroll in webkit/blink */
  -webkit-backface-visibility: hidden;
  outline: none; }
  .pswp * {
    -webkit-box-sizing: border-box;
            box-sizing: border-box; }
  .pswp img {
    max-width: none; }

.pswp--animate_opacity {
  /* 0.001, because opacity:0 doesn't trigger Paint action, which causes lag at start of transition */
  opacity: 0.001;
  will-change: opacity;
  /* for open/close transition */
  -webkit-transition: opacity 333ms cubic-bezier(0.4, 0, 0.22, 1);
          transition: opacity 333ms cubic-bezier(0.4, 0, 0.22, 1); }

.pswp--open {
  display: block; }

.pswp--zoom-allowed .pswp__img {
  /* autoprefixer: off */
  cursor: -webkit-zoom-in;
  cursor: -moz-zoom-in;
  cursor: zoom-in; }

.pswp--zoomed-in .pswp__img {
  /* autoprefixer: off */
  cursor: -webkit-grab;
  cursor: -moz-grab;
  cursor: grab; }

.pswp--dragging .pswp__img {
  /* autoprefixer: off */
  cursor: -webkit-grabbing;
  cursor: -moz-grabbing;
  cursor: grabbing; }


.pswp__bg {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  opacity: 0;
  -webkit-backface-visibility: hidden;
  will-change: opacity; }

.pswp__scroll-wrap {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  overflow: hidden; }

.pswp__container,
.pswp__zoom-wrap {
  -ms-touch-action: none;
  touch-action: none;
  position: absolute;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0; }

.pswp__container,
.pswp__img {
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
      user-select: none;
  -webkit-tap-highlight-color: transparent;
  -webkit-touch-callout: none; }

.pswp__zoom-wrap {
  position: absolute;
  width: 100%;
  -webkit-transform-origin: left top;
  -ms-transform-origin: left top;
  transform-origin: left top;
  /* for open/close transition */
  -webkit-transition: -webkit-transform 333ms cubic-bezier(0.4, 0, 0.22, 1);
          transition: transform 333ms cubic-bezier(0.4, 0, 0.22, 1); }

.pswp__bg {
  will-change: opacity;
  /* for open/close transition */
  -webkit-transition: opacity 333ms cubic-bezier(0.4, 0, 0.22, 1);
          transition: opacity 333ms cubic-bezier(0.4, 0, 0.22, 1); }

.pswp--animated-in .pswp__bg,
.pswp--animated-in .pswp__zoom-wrap {
  -webkit-transition: none;
  transition: none; }

.pswp__container,
.pswp__zoom-wrap {
  -webkit-backface-visibility: hidden; }

.pswp__item {
  position: absolute;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  overflow: hidden; }

.pswp__img {
  position: absolute;
  width: auto;
  height: auto;
  top: 0;
  left: 0; }


.pswp__img--placeholder {
  -webkit-backface-visibility: hidden; }

.pswp__img--placeholder--blank { }

.pswp--ie .pswp__img {
  width: 100% !important;
  height: auto !important;
  left: 0;
  top: 0; }

.pswp__error-msg {
  position: absolute;
  left: 0;
  top: 50%;
  width: 100%;
  text-align: center;
  font-size: 14px;
  line-height: 16px;
  margin-top: -8px; }

.pswp__error-msg a {
  text-decoration: underline; }
/* <button> css reset */
.pswp__button {
  width: 100%;
  height: 100%;
  position: relative;
  background: none;
  cursor: pointer;
  overflow: visible;
  -webkit-appearance: none;
  display: block;
  border: 0;
  padding: 0;
  margin: 0;
  float: right;
  opacity: 0.75;
  -webkit-transition: opacity 0.2s;
          transition: opacity 0.2s;
  -webkit-box-shadow: none;
          box-shadow: none; }
  .pswp__button:focus,
  .pswp__button:hover {
    opacity: 1; }
  .pswp__button:active {
    outline: none;
    opacity: 0.9; }
  .pswp__button::-moz-focus-inner {
    padding: 0;
    border: 0; }

/* pswp__ui--over-close class it added when mouse is over element that should close gallery */
.pswp__ui--over-close .pswp__button--close {
  opacity: 1; }

.pswp__button,
.pswp__button--arrow--left:before,
.pswp__button--arrow--right:before {
  width: 100%;
  height: 100%; }

@media (-webkit-min-device-pixel-ratio: 1.1), (-webkit-min-device-pixel-ratio: 1.09375), (min-resolution: 105dpi), (min-resolution: 1.1dppx) {
  /* Serve SVG sprite if browser supports SVG and resolution is more than 105dpi */
  .pswp--svg .pswp__button,
  .pswp--svg .pswp__button--arrow--left:before,
  .pswp--svg .pswp__button--arrow--right:before {}
  .pswp--svg .pswp__button--arrow--left,
  .pswp--svg .pswp__button--arrow--right {
    background: none; } }

.pswp__button--close {}

.pswp__button--share {}

.pswp__button--fs {
  display: none; }

.pswp--supports-fs .pswp__button--fs {
  display: block; }

.pswp--fs .pswp__button--fs { }

.pswp__button--zoom {
  display: none; }

.pswp--zoom-allowed .pswp__button--zoom {
  display: block; }

.pswp--zoomed-in .pswp__button--zoom { }

/* no arrows on touch screens */
.pswp--touch .pswp__button--arrow--left,
.pswp--touch .pswp__button--arrow--right {
  visibility: hidden; }

/*
	Arrow buttons hit area
	(icon is added to :before pseudo-element)
*/
.pswp__button--arrow--left,
.pswp__button--arrow--right {
  background: none;
  top: 50%;
  margin-top: -50px;
  width: 70px;
  height: 100px;
  position: absolute; }

.pswp__button--arrow--left {
  left: 0; }

.pswp__button--arrow--right {
  right: 0; }

.pswp__button--arrow--left:before,
.pswp__button--arrow--right:before {
  content: '';
  top: 35px;
  height: 30px;
  width: 32px;
  position: absolute; }

.pswp__button--arrow--left:before {
  left: 6px;}

.pswp__button--arrow--right:before {
  right: 6px; }

/*

	2. Share modal/popup and links

 */
.pswp__counter,
.pswp__share-modal {
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
      user-select: none; }

.pswp__share-modal {
  display: block;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  padding: 10px;
  position: absolute;
  z-index: 1600;
  opacity: 0;
  -webkit-transition: opacity 0.25s ease-out;
          transition: opacity 0.25s ease-out;
  -webkit-backface-visibility: hidden;
  will-change: opacity; }

.pswp__share-modal--hidden {
  display: none; }

.pswp__share-tooltip {
  z-index: 1620;
  position: absolute;
  top: 56px;
  border-radius: 2px;
  display: block;
  width: auto;
  right: 44px;
  -webkit-transform: translateY(6px);
      -ms-transform: translateY(6px);
          transform: translateY(6px);
  -webkit-transition: -webkit-transform 0.25s;
          transition: transform 0.25s;
  -webkit-backface-visibility: hidden;
  will-change: transform; }
  .pswp__share-tooltip a {
    display: block;
    padding: 8px 12px;
    text-decoration: none;
    font-size: 14px;
    line-height: 18px; }
    .pswp__share-tooltip a:hover {
      text-decoration: none;}
    .pswp__share-tooltip a:first-child {
      /* round corners on the first/last list item */
      border-radius: 2px 2px 0 0; }
    .pswp__share-tooltip a:last-child {
      border-radius: 0 0 2px 2px; }

.pswp__share-modal--fade-in {
  opacity: 1; }
  .pswp__share-modal--fade-in .pswp__share-tooltip {
    -webkit-transform: translateY(0);
        -ms-transform: translateY(0);
            transform: translateY(0); }

.pswp--touch .pswp__share-tooltip a {
  padding: 16px 12px; }

.pswp__counter {
  position: absolute;
  left: 0;
  top: 0;
  height: 44px;
  font-size: 13px;
  line-height: 44px;
  opacity: 0.1;
  padding: 0 10px; }

.pswp__caption {
  position: absolute;
  left: 0;
  bottom: 0;
  width: 100%;
  min-height: 44px; }
  .pswp__caption small {
    font-size: 11px;
	}

.pswp__caption__center {
  text-align: left;
  max-width: 420px;
  margin: 0 auto;
  font-size: 13px;
  padding: 10px;
  line-height: 20px;
  
  }

.pswp__caption--empty {
  display: none; }

.pswp__caption--fake {
  visibility: hidden; }

.pswp__preloader {
  width: 44px;
  height: 44px;
  position: absolute;
  top: 0;
  left: 50%;
  margin-left: -22px;
  opacity: 0;
  -webkit-transition: opacity 0.25s ease-out;
          transition: opacity 0.25s ease-out;
  will-change: opacity;
  direction: ltr; }

.pswp__preloader__icn {
  width: 20px;
  height: 20px;
  margin: 12px; }


@media screen and (max-width: 1024px) {
  .pswp__preloader {
    position: relative;
    left: auto;
    top: auto;
    margin: 0;
    float: right; } }

@-webkit-keyframes clockwise {
  0% {
    -webkit-transform: rotate(0deg);
            transform: rotate(0deg); }
  100% {
    -webkit-transform: rotate(360deg);
            transform: rotate(360deg); } }

@keyframes clockwise {
  0% {
    -webkit-transform: rotate(0deg);
            transform: rotate(0deg); }
  100% {
    -webkit-transform: rotate(360deg);
            transform: rotate(360deg); } }

@-webkit-keyframes donut-rotate {
  0% {
    -webkit-transform: rotate(0);
            transform: rotate(0); }
  50% {
    -webkit-transform: rotate(-140deg);
            transform: rotate(-140deg); }
  100% {
    -webkit-transform: rotate(0);
            transform: rotate(0); } }

@keyframes donut-rotate {
  0% {
    -webkit-transform: rotate(0);
            transform: rotate(0); }
  50% {
    -webkit-transform: rotate(-140deg);
            transform: rotate(-140deg); }
  100% {
    -webkit-transform: rotate(0);
            transform: rotate(0); } }

.pswp__ui {
  -webkit-font-smoothing: auto;
  visibility: visible;
  opacity: 1;
  z-index: 1550; }

.pswp__top-bar {
  position: absolute;
  left: 0;
  top: 0;
  height: 100%;
  width: 100%; }

.pswp__caption,
.pswp__top-bar,
.pswp--has_mouse .pswp__button--arrow--left,
.pswp--has_mouse .pswp__button--arrow--right {
  -webkit-backface-visibility: hidden;
  will-change: opacity;
  -webkit-transition: opacity 333ms cubic-bezier(0.4, 0, 0.22, 1);
          transition: opacity 333ms cubic-bezier(0.4, 0, 0.22, 1); }

.pswp--has_mouse .pswp__button--arrow--left,
.pswp--has_mouse .pswp__button--arrow--right {
  visibility: visible; }

.pswp__ui--idle .pswp__top-bar {
  opacity: 0; }

.pswp__ui--idle .pswp__button--arrow--left,
.pswp__ui--idle .pswp__button--arrow--right {
  opacity: 0; }

.pswp__ui--hidden .pswp__top-bar,
.pswp__ui--hidden .pswp__caption,
.pswp__ui--hidden .pswp__button--arrow--left,
.pswp__ui--hidden .pswp__button--arrow--right {
  /* Force paint & create composition layer for controls. */
  opacity: 0.001; }

.pswp__ui--one-slide .pswp__button--arrow--left,
.pswp__ui--one-slide .pswp__button--arrow--right,
.pswp__ui--one-slide .pswp__counter {
  display: none; }

.pswp__element--disabled {
  display: none !important; }

.pswp--minimal--dark .pswp__top-bar {
  background: none; }

 /* 添加缩略图 */
.add-thumbnail{height:60px; margin:10px; float:left; line-height:60px;}
.add-thumbnail img{ width:90px; height:60px; }
.add-thumbnail input{ width:88px; height:58px; margin:-50px 0 0 -90px;opacity: 0;}
.add-thumbnail span{ margin-right:10px; font-size:0.9em;}

.attachment-stu-select{width:25px;height:30px;float:left;margin:0px 0 0 -26px;}	
.attachment-stu-score{width:25px;height:30px;float:left;margin:39px 0 0 -26px;}

/*附件图片有预览*/
.attachment-img-ed{width:60px; height:60px;float:left; margin:5px 11px 5px 1px; }
.attachment-img-ed span{width:54px;height:54px; text-align:center; vertical-align: middle;}
.attachment-img-ed span img{max-width:54px; max-height:54px; text-align:center; vertical-align: middle; border-radius:5px; }
.attachment-img-ed-del{width:20px;height:20px;float:left;margin:-56px 0 0px 42px;}	


/*轮播*/
.section-focus-pic{margin:0 auto;height:150px;width:100%;overflow:hidden;position:relative;}
.section-focus-pic ul li{position:absolute;top:0;left:100%;width:100%;height:150px;}
.section-focus-pic ul li h3{position:absolute;bottom:0px;left:0;width: 70%;height:30px;line-height:30px;font-weight:normal;margin-left: 20px;z-index: 111;font-size: 14px; font-family:"微软雅黑";overflow:hidden; white-space: nowrap; text-overflow: ellipsis;}
.section-focus-pic ul li h3 a{text-decoration:none;}
.section-focus-pic ul li div{position:absolute;bottom:0;left:0;height:30px;width:100%;opacity: 0.6;filter: alpha(opacity=60);}
.section-focus-pic .pages{width:100%;height:150px;}
.section-focus-pic .pages ul li a img{width:auto;height:150px; text-align:center; margin:0 auto; display:block; }
.section-focus-pic .controler{position:absolute;bottom:10px;right:10px;}
.section-focus-pic .controler b{cursor:pointer;width:10px;height:5px;display:block;overflow:hidden;text-indent:20px; float:left;margin:0 0 0 5px;}
.section-focus-pic .controler b.down{height:5px;}
.section-focus-pic .controler2 a{display:block; width:40px;position:absolute;top:40px;height:50px;}
.section-focus-pic .controler2 a i{cursor:pointer;display:block;width:30px;height:50px;}
.section-focus-pic .controler2 .prev{left:5px;}
.section-focus-pic .controler2 .prev i{margin-left:5px;}
.section-focus-pic .controler2 .next{right:10px;}
.section-focus-pic .controler2 .next i{margin-left:10px;}


.historyworktask{
	height:40px;
	line-height:40px;
	padding-left:10px;
	}

.historyworktask span{
	padding-left:30px;
	}
	
.worktask-step {
	padding: 20px 5px 10px 15px;
}
.worktask-step li{
	margin: 10px 0;
}

 .list-li{line-height:1.3; border-bottom: 1px solid #dddddd; position:relative;padding: 2px 12px; color: #666;
          background: #ffffff;
         -webkit-transform: translateX(0px); height:50px;
      }
 .list-li .list-li-tittle{
	margin-right:70px;
	overflow: hidden;
	font-size:0.8rem;
	white-space:nowrap;
    text-overflow:ellipsis;
    -o-text-overflow:ellipsis;
}
     .list-li  .ha-btn{ position: absolute; top: 0; right: -80px; text-align: center; background: #f00; color: #fff; width: 80px; line-height:54px;height:54px;}
   .list-li span{
	overflow: hidden;
	font-size:0.7rem; font-weight:normal;
}