@charset "utf-8";
html,body,ul,li{
    margin: 0;
    padding: 0;
}
main{
    margin-top:20px;
}
div{
	-moz-box-sizing:border-box;
	-webkit-box-sizing:border-box;
}
ul{list-style: none}
a,a:hover{
    text-decoration: none;
}

.cl{clear: both}
.row{padding: 0 10px;}
.title{text-align: center}
.iosSliderDemo {
	clear: both;
	width: 100%;
	padding: 0 0 400px;
	position: relative;
}
.fluidHeight {
	position: absolute;
	width: 100%;
	height:400px;
}
.sliderContainer {
	height: 100%;
	max-height:400px;
	padding: 0 0;
}
.iosSlider {
	position: relative;
	top: 0;
	left: 0;
	overflow: hidden;
	width: 100%;
	height: 100%;
}
.iosSlider .slider {
	width: 100%;
	height: 100%;
}
.iosSlider .slider .item {
	width: 100%;
   max-width:1380px;
	height: 100%;
	padding: 0 0 0 0;
	text-align: center;
}
.iosSlider .slider .item .inner {
	position: relative;
	top: 0;
	left: 0;
	width:100%;
	margin: 0 auto;
	height: 100%;
	box-shadow: 0 0 10px -5px #000;
	background-position: 50% 0;
	background-repeat: no-repeat;
}
.iosSlider .slider .item .inner img {
	position: relative;
	top: 0;
	left: 0;
	width: 100%;
	margin: 0 auto;
}
.iosSlider .slider .item .inner .selectorShadow {
	position: absolute;
	left: 0;
	bottom: 0;
	width: 120px;
	height: 30px;
	display: none;
}
.iosSlider .slider .item .inner .text1-bg{
	opacity: 0;
	filter: alpha(opacity=0);
   background: none repeat scroll 0 0 #000000;
	position: absolute;
	bottom: 12%;
	padding: 0 12px 0 12px;
	height:50px;
	text-align: left;
}
.iosSlider .slider .item .inner .text1{
	opacity: 0;
	filter: alpha(opacity=0);
	position: absolute;
	bottom: 12%;
	height:50px;
	text-align: left;
}
.iosSlider .slider .item .inner .text1 span {
	color: #fff;
	font-size:24px;
	font-weight: normal;
	line-height:50px;
	margin: 0 8px;
	padding: 0 8px;
	font-family:"Microsoft Yahei";
	display: block;
}
.iosSlider .slider .item .inner .text1 span i {
	margin: 0 0 0 5px;
}
.iosSlider .slider .item .inner .text2 {
	background: none repeat scroll 0 0 #000000;
	opacity: 0;
	filter: alpha(opacity=0);
	padding: 10px 12px 10px;
	position: absolute;
	left: 100px;
	top: 451px;
	text-align: left;
}
.iosSlider .slider .item .inner .text2 span {
	display: block;
	color: #fff;
	font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
	font-size:14px;
	line-height:1.5;
	font-weight: 100;
	padding: 0 8px;
	font-family:"Microsoft Yahei"
}
.iosSlider .slider .item .inner .more{
	opacity: 0.4;
	background: none repeat scroll 0 0 #fff;
	position: absolute;
	bottom: 6%;
   	right:0;
	padding: 0 5px 0 2px;
	height:25px;
   	width:55px;
   	z-index:2;
	text-align: center;
}
.iosSlider .slider .item .inner .more a {
	color: #000;
   text-decoration:none;
	font-size:14px;
	line-height:25px;
	font-family:"微软雅黑"
}
.sliderContainer .slideSelectors {
	position: relative;
	bottom:20px;
	width: 160px;
	margin: 0 auto;
	z-index: 1;
	height: 11px;
}
.sliderContainer .slideSelectors .prev {
	float: left;
	width: 11px;
	height: 11px;
	background: url(../images/arrow_left.png) no-repeat 50% 0;
}
.sliderContainer .slideSelectors .next {
	float: left;
	width: 11px;
	height: 11px;
	margin: 0 0 0 10px;
	background: url(../images/arrow_right.png) no-repeat 50% 0;
}
.sliderContainer .slideSelectors .item {
	float: left;
	width: 9px;
	height: 9px;
	background: #aaa;
	margin: 1px 1px 1px 11px;
	/* opacity: 0.25; */
	filter: alpha(opacity=25);
	border-radius: 10px;
}
.sliderContainer .slideSelectors .item.first {
	margin-left: 1px;
}
.sliderContainer .slideSelectors .selected {
	width: 11px;
	height: 11px;
	margin: 0 0 0 10px;
	background: #eee;
	opacity: 1;
	filter: alpha(opacity=100);
	box-shadow: none;
}
.sliderContainer .slideSelectors .selected.first {
	margin-left: 0;
}
.sliderContainer .scrollbarContainer {
	position: relative;
	bottom: 4px;
	left: 0;
	height: 4px;
	margin: 0 auto;
	z-index: 1;
}
@media screen and (max-width:1024px) {
.iosSlider .slider .item .inner .text1-bg{
   height:30px;
}
 .iosSlider .slider .item .inner .text1 {
/* PKU top:178px; */
   height:30px;
}
.iosSlider .slider .item .inner .text2 {
/* PKU top:229px; */
top:329px;
}
.iosSliderDemo {
padding:0 0 336px;
}
.fluidHeight {
 height:336px;
}
.sliderContainer {
 max-height:336px;
}
/*.iosSlider .slider .item {
 width:1007px;
}*/
.iosSlider .slider .item .inner .text1 span {
   line-height:30px;
font-size:14px;
}
.iosSlider .slider .item .inner .more{
	width:45px;
   height:20px;
}
.iosSlider .slider .item .inner .more a {
	font-size:12px;
   line-height:20px;
}
}
 @media screen and (max-width:800px) {
 .iosSlider .slider .item .inner .text1 {
/* PKU top:100px; */
}
.iosSlider .slider .item .inner .text2 {
/* PKU top:149px; */
top:199px;
}
.iosSliderDemo {
padding-bottom:253px;
}
.iosSliderDemo {
padding:0 0 253px;
}
.fluidHeight {
 height:253px;
}
.sliderContainer {
 max-height:253px;
}
/*.iosSlider .slider .item .inner {
width:760px;
}*/
.iosSlider .slider .item .inner .text1 span {
font-size:14px;
}
}
 @media screen and (max-width:640px) {
 .iosSliderDemo {
padding-bottom:200px;
}
.iosSliderDemo {
padding:0 0 200px;
}
.fluidHeight {
 height:200px;
}
.sliderContainer {
 max-height:200px;
}
/*.iosSlider .slider .item .inner {
width:600px;
}*/
.iosSlider .slider .item .inner .text1 {
/* PKU top:50px; */
}
.iosSlider .slider .item .inner .text2 {
/* PKU top:100px; */
top:125px;
}
}
 @media screen and (max-width:480px) {
.iosSliderDemo {
padding-bottom:160px;
}
.fluidHeight {
height:160px;
}
.content .campus_con {
width:400px;
}
.iosSlider .slider .item .inner .text1-bg {
display:none;
}
.iosSlider .slider .item .inner .text1 {
display:none;
}
.iosSlider .slider .item .inner .text2 {
display:none;
}
}
 @media screen and (max-width:360px) {
.iosSlider .slider .item .inner .text1-bg {
display:none;
}
.iosSlider .slider .item .inner .text1 {
display:none;
}
.iosSlider .slider .item .inner .text2 {
display:none;
}
.iosSliderDemo {
padding-bottom:133px;
}
.fluidHeight {
height:133px;
}
}


.tips{margin-top: 20px;overflow: hidden}
.tips ul li:nth-child(1){padding-right: 7.5px;}
.tips ul li:nth-child(2){padding-left: 7.5px;}
.tips ul li:nth-child(3){margin-top: 15px;padding-right: 7.5px;}
.tips ul li:nth-child(4){margin-top: 15px;padding-left: 7.5px;}
.tips ul li .tip_box{min-height: 80px;border: 1px solid #f0f0f0;border-radius: 10px;padding: 10px;font-size: 14px;
}
.tips .text{float: left}
.tips .text .title{font-size: 1.2rem;line-height: 40px; font-weight: bold;color: #000;text-align: left;}
.tips .text .pro{font-size: 0.8rem;line-height: 20px; color: #666}

.tips .tips_pic{height: 60px;line-height: 60px; float: right;font-size: 2rem;}
.tips .tips_pic i{line-height: 60px;}


.links{margin-top: 20px;;overflow: hidden;z-index:998;position:relative}
.links ul li{float: left;padding-left: 0;	padding-right: 0;}
.links ul li{text-align: center}
.links ul li a{display: block;
    width: 100%;
    height: 100%;
    color: #333;
    text-decoration: none;
    padding: 4px;}
.links ul li em,.links ul li span{text-align: center}
.links ul li a em {
    background: #0192ff;
    border-radius: 34px;
    color: #FFFFFF;

}
.links ul  li:nth-child(2) a em{ background:#6ed26e}
.links ul  li:nth-child(3) a em{ background:#b268ff}
.links ul  li:nth-child(4) a em{ background:#ff8d4f}
.links ul  li:nth-child(5) a em{ background:#3cd8b2;margin-top: 10px;}
.links ul  li:nth-child(6) a em{ background:#06b8fc;margin-top: 10px;}
.links ul  li:nth-child(7) a em{ background:#ec87c1;margin-top: 10px;}
.links ul  li:nth-child(8) a em{ background:#8dc153;margin-top: 10px;}
.links ul  li:nth-child(9) a em{ background:#f9b552;margin-top: 10px;}
.links ul  li:nth-child(10) a em{ background:#fd3f6b;margin-top: 10px;}
.links ul  li:nth-child(11) a em{ background:#9656f3;margin-top: 10px;}
.links ul  li:nth-child(12) a em{ background:#747ae8;margin-top: 10px;}
.links ul li a em {
    width: 50px;
    height: 50px;
    font-size: 12px;
    margin: 0 auto;
    display: block;
    position: relative;
    webkit-transition: -webkit-transform 0.4s ease-out;
    -moz-transition: -moz-transform 0.4s ease-out;
    transition: transform 0.4s ease-out;
}
.links ul li a em i{line-height: 50px;}
.links ul li a span {
    text-align: center;
    display: block;
    padding-top: 10px;
    font-size: 12px;
}
/**电子卡**/
.my_e_card{
	width: 96%;
    margin: 2%;
    padding: 2%;
	background:#ffffff;
	border-radius: 10px;
	
}
.my_e_card .e_card{

	position:relative;	
}
.my_e_card .e_card a{text-decoration:none}
.my_e_card .e_card img{
	width: 96%;
    margin: 2%;
	border-radius: 10px;
	position:relative;
	z-index:1;
}
.my_e_card .e_card .name{
	position:absolute;
	left:50px;
	top:60px;
	z-index:2;	
}
.my_e_card .e_card .name a{
    font-size: 24px;
    color: black;
}
.my_e_card .e_card .code{
	position:absolute;
	left:50px;
	top:100px;
	z-index:2;	
}
.my_e_card .e_card .code a{
    font-size: 16px;
    color: black;
}
.my_e_card .e_card .qrcode{
	position:absolute;
	right:0;
	top:45px;	
	z-index:2;	
	width:35%;
}
.my_e_card .e_card .qrcode img{
    width:70%;
	border-radius: 0;
}
.my_e_card_refresh{text-align: center;text-decoration:none;margin-top: 15px;}
.my_e_card_refresh a{color:#cecece;text-decoration:none}
.my_e_card_refresh a:hover {color:#999;text-decoration:none}
.my_e_card_lg{
	    width: 80%;
    margin: 5% 10%;
    text-align: center;
}
.my_e_card_lg img{width: 90%;}
.my_space{
	background:#428bca;
	margin: 0;
    padding: 6px 6px 0 6px;;
	color:#fff;
}
.my_space .left{float:left;margin-left: 20px;
}
.my_space .right{float:right;margin-right: 20px;
}
.my_space .name{}
.my_space .edit a{color: #fff;text-decoration:none}
.my_space .right img{border-radius: 50%; width: 80px;
    height: 80px;}
.my_space .family{height: 40px;margin: 20px 20px 0 20px;
    padding: 10px 20px;
    background-color: rgba(141,184,221,0.5);
    border-radius: 10px;}
.my_space .family .l{height: 20px;line-height:20px;float:left}
.my_space .family .l i{margin-right:10px;}
.my_space .family .r{height: 20px;line-height:20px;float:right}	
.my_space .family .r span{height: 20px;line-height:20px;font-size: 18px;}
.my_space .family .r span i{height: 20px;line-height:20px;text-align: center;}
	.my_space .family .r a{color:#fff}
.my_space .codeno{
	margin: 20px 20px 0 20px;
    padding: 10px 20px;
	background-color: rgba(141,184,221,0.5);
	border-radius: 15px 15px 0 0;
}
.my_space .codeno .l{width:50%;float:left;}
.my_space .codeno .r{width:50%;float:right;}
.my_space .codeno .no{height:24px;font-size:18px;line-height:24px;margin-top: 4px;}
.serv{padding:20px 20px 10px 20px;background:#fff;}
.serv .title h4{text-align:left;margin-bottom: 20px;}

.serv ul li{float: left;padding-left: 0;	padding-right: 0;}
.serv ul li{text-align: center}
.serv ul li a{display: block;
    width: 100%;
    height: 100%;
    color: #333;
    text-decoration: none;
    padding: 4px;
    font-size: 12px;
}
.serv ul li em,.serv ul li span{text-align: center}
.serv ul li a em {
    background: #0192ff;
    border-radius: 34px;
    color: #FFFFFF;

}
.serv ul  li:nth-child(2) a em{ background:#6ed26e}
.serv ul  li:nth-child(3) a em{ background:#b268ff}
.serv ul  li:nth-child(4) a em{ background:#ff8d4f;}
.serv ul  li:nth-child(5) a em{ background:#3cd8b2;margin-top: 10px;}
.serv ul  li:nth-child(6) a em{ background:#06b8fc;margin-top: 10px;}
.serv ul  li:nth-child(7) a em{ background:#ec87c1;margin-top: 10px;}
.serv ul  li:nth-child(8) a em{ background:#8dc153;margin-top: 10px;}
.serv ul  li:nth-child(9) a em{ background:#f9b552;margin-top: 10px;}
.serv ul  li:nth-child(10) a em{ background:#fd3f6b;margin-top: 10px;}
.serv ul  li:nth-child(11) a em{ background:#9656f3;margin-top: 10px;}
.serv ul  li:nth-child(12) a em{ background:#747ae8;margin-top: 10px;}
.serv ul li a em {
    width: 50px;
    height: 50px;
    margin: 0 auto;
    display: block;
    position: relative;
    webkit-transition: -webkit-transform 0.4s ease-out;
    -moz-transition: -moz-transform 0.4s ease-out;
    transition: transform 0.4s ease-out;
}
.serv ul li a em i{line-height: 50px;}
.serv ul li a span {
    text-align: center;
    display: block;
    padding-top: 10px;
    font-size: 12px;
}
.serv2{padding:20px 20px 10px 20px;background:#fff;}
.serv2 .title h4{text-align:left;margin-bottom: 20px;}

.serv2 ul li{float: left;padding-left: 0;	padding-right: 0;}
.serv2 ul li{text-align: center}
.serv2 ul li a{display: block;
    width: 100%;
    height: 100%;
    color: #333;
    text-decoration: none;
    padding: 4px;
    font-size: 12px;
}
.serv2 ul li em,.serv2 ul li span{text-align: center}
.serv2 ul li a em {
    background: #ec87c1;
    border-radius: 34px;
    color: #FFFFFF;

}
.serv2 ul  li:nth-child(2) a em{ background:#06b8fc}
.serv2 ul  li:nth-child(3) a em{ background:#3cd8b2}
.serv2 ul  li:nth-child(4) a em{ background:#0192ff;}
.serv2 ul  li:nth-child(5) a em{ background:#b268ff;margin-top: 10px;}
.serv2 ul  li:nth-child(6) a em{ background:#ff8d4f;margin-top: 10px;}
.serv2 ul  li:nth-child(7) a em{ background:#6ed26e;margin-top: 10px;}
.serv2 ul  li:nth-child(8) a em{ background:#747ae8;margin-top: 10px;}
.serv2 ul  li:nth-child(9) a em{ background:#f9b552;margin-top: 10px;}
.serv2 ul  li:nth-child(10) a em{ background:#fd3f6b;margin-top: 10px;}
.serv2 ul  li:nth-child(11) a em{ background:#9656f3;margin-top: 10px;}
.serv2 ul  li:nth-child(12) a em{ background:#747ae8;margin-top: 10px;}
.serv2 ul li a em {
    width: 50px;
    height: 50px;
    margin: 0 auto;
    display: block;
    position: relative;
    webkit-transition: -webkit-transform 0.4s ease-out;
    -moz-transition: -moz-transform 0.4s ease-out;
    transition: transform 0.4s ease-out;
}
.serv2 ul li a em i{line-height: 50px;}
.serv2 ul li a span {
    text-align: center;
    display: block;
    padding-top: 10px;
    font-size: 12px;
}
.serv3{padding:20px 20px 10px 20px;background:#fff;}
.serv3 .title h4{text-align:left;margin-bottom: 20px;}

.serv3 ul li{float: left;padding-left: 0;	padding-right: 0;}
.serv3 ul li{text-align: center}
.serv3 ul li a{display: block;
    width: 100%;
    height: 100%;
    color: #333;
    text-decoration: none;
    padding: 4px;
    font-size: 12px;
}
.serv3 ul li em,.serv3 ul li span{text-align: center}
.serv3 ul li a em {
    background: #747ae8;
    border-radius: 34px;
    color: #FFFFFF;

}
.serv3 ul  li:nth-child(2) a em{ background:#8dc153}
.serv3 ul  li:nth-child(3) a em{ background:#f9b552}
.serv3 ul  li:nth-child(4) a em{ background:#fd3f6b;}
.serv3 ul  li:nth-child(5) a em{ background:#9656f3;margin-top: 10px;}
.serv3 ul  li:nth-child(6) a em{ background:#747ae8;margin-top: 10px;}

.serv3 ul  li:nth-child(7) a em{ background:#0192ff;margin-top: 10px;}
.serv3 ul  li:nth-child(8) a em{ background:#6ed26e;margin-top: 10px;}
.serv3 ul  li:nth-child(9) a em{ background:#b268ff;margin-top: 10px;}
.serv3 ul  li:nth-child(10) a em{ background:#ff8d4f;margin-top: 10px;}
.serv3 ul  li:nth-child(11) a em{ background:#3cd8b2;margin-top: 10px;}
.serv3 ul  li:nth-child(12) a em{ background:#06b8fc;margin-top: 10px;}
.serv3 ul li a em {
    width: 50px;
    height: 50px;
    margin: 0 auto;
    display: block;
    position: relative;
    webkit-transition: -webkit-transform 0.4s ease-out;
    -moz-transition: -moz-transform 0.4s ease-out;
    transition: transform 0.4s ease-out;
}
.serv3 ul li a em i{line-height: 50px;}
.serv3 ul li a span {
    text-align: center;
    display: block;
    padding-top: 10px;
    font-size: 12px;
}
.myspace_list{
	margin-top:10px;
	background: #fff;
}
.myspace_list ul{padding-left: 0;}
.myspace_list ul li{width:100%;height:40px;line-height:40px;padding:0 20px;border-bottom: 1px #f5f5f5 solid;}
.myspace_list ul li a{font-size: 16px;
    color: #999;}
.myspace_list ul li a i{margin-right:10px;width: 20px;
    text-align: center;}
.myspace_list ul li .r{float:right;line-height:40px;}
/**记录**/
.my_logs{
	width: 96%;
    margin: 2%;
    padding: 2%;
	background:#ffffff;
	border-radius: 10px;
	
}
.my_logs .title{text-align:left;height:24px;}
.my_logs .title .dot{width:6px;height:24px;background:#428bca;display: block;border-radius: 4px;
    float: left;}
.my_logs .title .time{height:24px;line-height:24px;padding-left:10px;display: block;float: left;min-width:168px;}
.my_logs .title .state{width:48px;height:24px;line-height:24px;background:green;display: block;border-radius: 4px;float:left;text-align:center;color:#fff;margin-left:20px;}
.my_logs .detailed{width:100%;}
.my_logs .detailed ul{margin-top:10px;}
.my_logs .detailed ul li{height:30px;line-height:30px;padding-left:10px;display: block;}
.my_logs .detailed .name{float:left;font-weight:bold;}
.my_logs .detailed .value{float:right;color:#999}
.my_logs .detailed .showqrcode{
	width: 100%;
    height: 30px;
	float:right;
	color:#999;
	display: block;
}
.myspace_edit{}
.myspace_edit div{
    width: 100%;
    height: 50px;
    padding: 5px 20px;
    background: #fff;
	line-height:30px;
}	
.myspace_edit .l{float:left;width: 50%;height: 40px;line-height:40px;padding:0;font-weight: bold;}
.myspace_edit .r{float:right;width: 50%;height: 40px;line-height:40px;padding:0;color:#999}
.myspace_edit .r img{border-radius: 50%;
    width: 60px;height: 60px;}
.myspace_edit .r span {float:right}
.myspace_edit .r span i{line-height: 40px;width: 50px;
    text-align: center;}
.portrait{margin: 10px 0;}
.myspace_edit .portrait{height: 70px;}
.myspace_edit .portrait .l,.myspace_edit .portrait .r{height: 60px;line-height: 60px;}
.myspace_edit .username,.myspace_edit .gender,.myspace_edit .dep,.myspace_edit .phoneno,.myspace_edit .idcardno{border-bottom: 1px #f5f5f5 solid;}
.myspace_edit .phoneno{margin-top:10px;}

/**入校离校申请**/
.io_apply{}
.io_apply ul{}
.io_apply ul li{width: 94%;min-height:130px;
    margin: 3%;
	padding:25px 10px;
    background: #0192ff;border-radius: 10px;color:#fff}
.io_apply ul li:nth-child(2){ background:#6ed26e}
.io_apply ul li:nth-child(3){background:#b268ff}
.io_apply ul li:nth-child(4){background:#ff8d4f}
.io_apply ul li:nth-child(5){background:#fd3f6b}
.io_apply ul li:nth-child(6){background:#747ae8}
.io_apply ul li .iron{    height: 100%;
    width: 20%;
    float: left;text-align: center;}
.io_apply ul li .text{    height: 100%;
    width: 60%;
    float: left;}
.io_apply ul li .text h3{font-weight:bold;margin-top:0}
.io_apply ul li .text h5{line-height: 20px;}	
.io_apply ul li .links{    height: 100%;
    width: 20%;
    float: right;margin-top: 0;}

/**底部菜单**/
#space_menu{height: 68px;width: 100%;position: fixed;z-index:999;display:block;bottom: 0;color: #999;background:#fff;box-shadow: 0px 0px 4px #c9c9c9;
    -moz-box-shadow: 0px 0px 4px #c9c9c9;
    -webkit-box-shadow: 0px 0px 4px #c9c9c9;}
#space_menu ul{height: 60px;width: 100%;list-style: none;position: relative;padding-left: 0;}
#space_menu ul li{height: 100%;width: 20%;float: left;position: relative;font-size: 12px;} 
#space_menu ul li .pic {width: 100%;height: 39px;display: block; text-align: center;position: relative;} 
#space_menu ul li .pic i{width: 100%;height: 39px;line-height: 39px; text-align: center}
#space_menu ul li .special{width: 50px;height: 50px;background-color:#fff;border-radius:50%;margin: 0 auto;margin-top: -14px;box-shadow: 0px 0px 5px #c9c9c9;
    -moz-box-shadow: 0px 0px 5px #c9c9c9;
    -webkit-box-shadow: 0px 0px 5px #c9c9c9;}
 #space_menu ul li .special i{padding-top: 5px;}	
#space_menu ul li .text{width: 100%;height: 20px;line-height: 20px;display: block; text-align: center;position: absolute;bottom: 0;
}
#space_menu a{color: #999}
#space_menu .on a{color: #428bca}

/**通用样式**/
.pagetitle{
	height: 34px;
	line-height: 34px;
	width: 80%;
	margin:10px 10% 10px;
	text-align:center;
	font-size: 16px;
	font-weight: bold;
}
/**识别框区域**/
.shibie {
    width: 100px;
    height: 34px;
    display: block;
    position: absolute;
    line-height: 34px;
    text-align: center;
}
/**其他框区域**/
.shelfno,.tmh,.addr{
	height: 34px;	
    display: block;
    margin: 0 0 10px;
    font-size: 18px;
    color: #333;
    background-color: #fff;
    border-radius: 1px;
	-webkit-transition: border-color .15s ease-in-out 0s,box-shadow .15s ease-in-out 0s;
    transition: border-color .15s ease-in-out 0s,box-shadow .15s ease-in-out 0s;
    width: 100%;
    font-size: 14px;
	margin-bottom:10px;
}
#shelfno,#tmh,#addr,#isbncode{
    height: 34px;
    font-size: 16px;
    color: red;
    font-weight: bold;
	display: inline-block;
}
/**回调结果的窗弹内的HTML样式**/
.tips_{
    padding: 4px;
    font-size: 18px;
	font-weight: bold;
	background: #6ed26e;
    line-height: 1.4em;
    color: #fff;
    border: 1px solid #ccc;
    border-radius: 4px;
	text-align: center;
	overflow: hidden;
}
.tips_ .line{
	text-align: left;
    font-size: 16px;
    padding: 0 5px;
}
/**阅览室统计**/
.readingroom{
    padding: 10px;
    margin-bottom: 20px;
    background: #8dc153;
    border-radius: 8px;
    color: #fff;
    font-weight: bold;
    text-align: left;
    position: relative;
}
.readingroom .name{
    text-align: center;
    font-size: 18px;
    min-height: 54px;
}
.readingroom .total span{
    color: red;
}
/**虚拟书库**/
.room{height: auto;display: flow-root;position: relative;overflow: hidden;}
.room ul{position: relative;padding:0}
.room ul li{float: left;margin: 10px 0;padding:0;background-color: #f5f5f5;border: 1px solid #e3e3e3;border-radius: 5px;position: relative;box-sizing: border-box;}
.room ul li span{height: 3em;line-height: 3em;position: absolute;}
.room ul li span p{height: 14px;line-height: 14px;margin: 0;text-align: center;}
.room div{float:left;cursor: pointer;display: none;width: 16.66%;border: 1px solid #e3e3e3;box-sizing: border-box;line-height: 1.5em;text-align: center;position:relative}
/*窗弹书架样式*/			 
.shelf_rack ul{
    list-style:none;
	box-sizing: border-box;
	margin:0 auto;
	padding:0;
	width: 192px;
	border-top: 10px #f8ac59 solid;
	border-bottom: 14px #f8ac59 solid;
	border-left: 6px #f8ac59 solid;
	border-right: 6px #f8ac59 solid;
	border-radius: 5px 5px 0 0;
	box-shadow: 5px 5px 5px #c9c9c9;
    -moz-box-shadow: 5px 5px 5px #c9c9c9;
    -webkit-box-shadow: 5px 5px 5px #c9c9c9;
} 
.shelf_rack ul li{
    width: 100%;
    height: 60px;
	position: relative;
}
.sheetedit{
    position: absolute;
    right: 20px;
    height: 60px;
    width: 80px;
    line-height: 60px;
    margin-top: -60px;
}
.shelf_rack ul li:nth-child(odd) {
    background: url(../images/shelf_1.jpg);
}
.shelf_rack ul li:nth-child(even) {
    background: url(../images/shelf_2.jpg);
}
.shelf_rack ul li span{
	width: 18px;
    height: 18px;
    line-height: 18px;
    background: #1ab394;
	font-weight: 600;
    color: #fff;
    display: block;
    text-align: center;
    border-radius: 50%;
	position: absolute;
    bottom: 0;
}
/**闪光红字**/
@keyframes blink{
0%{opacity: 1;color:#000000}
100%{opacity: 1;color: #ed5565;}
}
@-webkit-keyframes blink {
0% { opacity: 1;color:#000000 }
100% { opacity: 1; color: #ed5565;}
}
.blink {
    animation: blink 0.3s linear infinite;
    -webkit-animation: blink 0.3s linear infinite;
}

/**datatables插件位置调整及美化**/
.paginate_input{width: 50px;}
.dataTables_filter{margin-top:0!important;margin-bottom:10px!important;float:left!important}
.dataTables_length{float: right!important;margin-bottom: 10px;}
/**ibox手风琴tools图标旋转效果**/
.ibox-tools i{-moz-transition: transform 0.3s;
    -webkit-transition: transform 0.3s;
    transition: transform 0.3s;}
.collapsed{
    -moz-transition: transform 0.3s;
    -webkit-transition: transform 0.3s;
    transition: transform 0.3s;
    /* flip vertically 90 deg */
    -moz-transform: rotate(90deg);
    -webkit-transform: rotate(90deg);
    transform: rotate(90deg);}
    
/**编目快捷工具栏**/
.leftNav-item {
	position: fixed;
    right: 5px;
    top: 70%;
    z-index: 999999;
}
.leftNav-item ul{
	margin: 0;
	padding: 0;
}
.leftNav-item ul li {
	width: 60px;
	height: 60px;
	font-size: 20px;
	border-radius: 5px;
	background: #fff;
	color: #fff;
	text-align: center;
	margin: 5px 0;
	cursor: pointer;
	position: relative;
	transition: .5s;
	box-shadow: 0 2px 5px rgba(0,0,0,0.8);
}
.leftNav-item ul li i {
	color: #666;
	line-height: 60px;
	font-size:20px;
}

.leftNav-item ul li .rota {
	display: block;
	position: absolute;
	border-radius: 5px;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	margin: auto;
	-webkit-transform-origin: -50% 50%;
	transform-origin: -50% 50%;
	-webkit-transform: rotate3d(0,0,1,90deg);
	transform: rotate3d(0,0,1,90deg);
	-webkit-transition: -webkit-transform .3s ease-in;
	transition: transform .3s ease-in;
	opacity: 0;
	filter: alpha(opacity=0);
	background: #ff0000;
	color: #fff;
	text-align: center;
	line-height: 60px;
	font-size: 12px;
	text-decoration: none;
	padding: 2px 3px;
	box-sizing: border-box;
}

.leftNav-item ul li:hover .rota {
	-webkit-transform: rotate3d(0,0,1,0deg);
	transform: rotate3d(0,0,1,0deg);
	-webkit-transition-timing-function: ease-out;
	transition-timing-function: ease-out;
	opacity: .9;
	filter: alpha(opacity=90);
}

.leftNav-item ul li .title {
	position: absolute;
	right: -72px;
	top: 16px;
	height: 18px;
	line-height: 18px;
	font-size: 14px;
	text-align: left;
	padding: 3px 10px;
	background: rgba(0,0,0,0.5);
	color: #fff;
	border-radius: 8px;
}

.leftNav-item ul li .img-item {
	position: absolute;
	left: 65px;
	top: -30px;
	border: 1px solid #ccc;
	border-radius: 3px;
}

.leftNav-item ul li div img {
	max-width: 120px;
	display: block;
}

.leftNav-item ul li .text-item {
	position: absolute;
	left: 65px;
	top: 18px;
	border: 1px solid #ccc;
	border-radius: 3px;
	background: #fff;
	text-decoration: none;
	padding: 3px 8px;
	color: #444;
	font-size: 14px;
}

.leftNav-item ul li .text-item span {
	position: relative;
	padding-left: 15px;
	word-break:keep-all;
	white-space:nowrap;
}

.leftNav-item ul li .text-item span i {
	font-size: 14px;
	line-height: 24px;
	position: absolute;
	left: 0;
	top: -2px;
	color: #444;
}

.leftNav-item ul li div {
	display: none;
}

.for-top {
	display: none;
}