
body{
	font-family: 'Microsoft YaHei', Arial, Helvetica, sans-serif;
	font-size: .3rem;
	background-color: #fff;
	color: #333333
}
textarea{
	font-family: 'Microsoft YaHei', Arial, Helvetica, sans-serif;
	resize: none;
	border-radius: 0px;
	-webkit-appearance: none;appearance: none;
}
.ctitle{
	text-align: center;
	padding-bottom: .6rem;
	background: url(../images/t_02.jpg) no-repeat left bottom;
	background-size: 100%
}
.ctitle h3{
	font-size: .48rem;
}
.ctitle p{
	font-size: .24rem;
	margin-top: .25rem
}
.knowledge-page{
	padding-top: .4rem;
	padding-bottom: 1.8rem
}

.notice{
	font-size: .28rem;
	padding: .3rem .2rem;
	line-height: 1.8;
}
.notice p{
	text-indent: 2em
}
.notice h3{
	margin: .36rem 0;
	font-weight: bold;
}
.notice .red{
	color: #d60006
}
.mt4{
	margin-top: .4rem
}
.notice-table{
	margin: .3rem 0 .4rem;
	font-size: .16rem;
	text-align: center
}
.notice-table table{
	width: 100%;
	border-collapse: collapse;
	border-left: solid 1px #000000;	
	border-top: solid 1px #000000;		
}
.notice-table table .w1{
	width: 2.2rem;
}
.notice-table table  th{
	background: #eeeeee;
	padding: .1rem .2rem;
	border-right: solid 1px #000000;
	border-bottom: solid 1px #000000;
}
.notice-table table  td{
	padding: .1rem .1rem;
	border-right: solid 1px #000000;
	border-bottom: solid 1px #000000;	
}
.notice p a{
	color: #005aa0;
	text-decoration: underline
}

.form-btn{
	width: 100%;
	height: 1.4rem;
	position: fixed;
	left: 0px;
	bottom: 0px;
	z-index: 990;
	padding: .2rem .25rem 0;
	background: #fff;
	border-top: solid 1px #eeeeee
}
.form-btn .btn{
	display: block;
	width: 100%;
	height: 1rem;
	font-size: .36rem;
	background: #005aa0;
	text-align: center;
	line-height: 1rem;
	outline: none;
	border:none;
	border-radius: .1rem;
	color: #fff;
}
.form-btn .btn2{
	display: block;
	width: 100%;
	height: 1rem;
	font-size: .36rem;
	background: #ececec;
	text-align: center;
	line-height: 1rem;
	outline: none;
	border:none;
	border-radius: .1rem;
	color: #333333;
}
.dormitory-safety {
    font-size: .28rem;
    padding: .3rem .2rem;
    line-height: 1.8;
}
.dormitory-safety .ts{
	color: #d60006;
	text-indent: 2em;
}
.dormitory-safety li{
	margin-top: .4rem
}

.read{
	margin: .5rem 0px;
	text-align: center
}
.read p{
	display: inline-block;
	font-size: .3rem;
	color: #d60006;
	position: relative;
}
.read p:before{
	content:'';
	width: .32rem;
	height: .32rem;
	background: url(../images/ref_03.jpg) no-repeat;
	background-size: .32rem;
	position: absolute;
	left: -.45rem;
	top: .09rem;
}
.read p.on:before{
	background: url(../images/tr_03.jpg) no-repeat;
	background-size: .32rem;
}


.safety-testing{
	font-size: .28rem;
    padding: .3rem .2rem;
    line-height: 1.8;
}
.safety-testing .ts{
	color: #d60006;
	text-indent: 2em;
	margin-bottom: .4rem
}
.testing-item .t{
	margin-bottom: .4rem
}
.testing-lists li{
	padding-bottom: .25rem;
	margin-bottom: .25rem;
	border-bottom: dashed 1px #cccccc
}
.testing-lists li .a{
	padding-left: .15rem;
	margin-top: .15rem
}
.testing-lists li .a p{
	padding: .1rem 0 .1rem .5rem;
	background-repeat: no-repeat;
	background-position: 0 .21rem;
	background-size: .3rem
}
.single li .a p{
	background-image: url(../images/yu_06.jpg);
}
.single li .a p.on{
	background-image: url(../images/yu_03.jpg);
}
.many li .a p{
	background-image: url(../images/yu_10.jpg);
}
.many li .a p.on{
	background-image: url(../images/yu_08.jpg);
}


.sign-in-top{
	width: 100%;
	height: 3.68rem;
	background: url(../images/f_02.png) no-repeat;
	background-size: 100%;
	padding-top: .7rem;
}
.sign-in-top .logo{
	display: block;
	width: 1.8rem;
	margin: 0 auto
}
.sign-form{
	margin: .65rem auto 0;
	width: 6.3rem;
}
.sign-form h3{
	font-size: .37rem;
	margin-bottom: .52rem;
	color: #0c77e3
}
.sign-form li{
	border-top: solid 1px #cccccc
}
.sign-form li input{
	height: 1.2rem;
	width: 100%;
	display: block;
	outline: none;
	font-size: .32rem;
	color: #666;
	padding-left: 1.3rem;
	border:none;
	background-repeat: no-repeat;
	background-position: .43rem center;
	background-size: .39rem
}
.sign-form ul{
	border-bottom: solid 1px #cccccc
}
.sign-form .sign-btn{
	display: block;
	width: 100%;
	height: .8rem;
	background: url(../images/f_11.png) no-repeat;
	background-size: 100%;
	text-align: center;
	color: #fff;
	line-height: .8rem;
	font-size: .36rem;
	margin-top: .85rem;
	border:none;
}
.sign-form .xh input{
	background-image: url(../images/f_05.png);
}
.sign-form .sfz input{
	background-image: url(../images/f_08.png);
}


.optional-floor{
	padding: .3rem
}
.optional-floor .t{
	color: #333333;
	font-size: .3rem;
	padding: .1rem 0 .1rem .44rem;
	background: url(../images/ly_05.jpg) no-repeat left center;
	margin-bottom: .3rem;
	background-size: .33rem
}
.optional-floor .lists li{
	background: #fff;
	margin-bottom: .5rem;
	position: relative;
	box-shadow: 0px 0px 0.3rem #a7a6a6;
}
.optional-floor li .num{
	width: 2rem;
	height: 2rem;
	float: left;
	text-align: center;
	line-height: 2rem;
	color: #fff;
	background: #fc6408;
	font-size: .36rem
}
.optional-floor li .text{
	margin-left: 2rem;
	padding: .15rem 0 0 .5rem
}
.optional-floor .text h3{
	color: #666666;
	margin-bottom: .2rem
}
.optional-floor .text p{
	color: #333333;
	margin-bottom: .15rem
}
.optional-floor .text p span{
	color: #d30006;
	padding-right: .1rem
}
.optional-floor .floor-sure{
	display: block;
	width: 1.5rem;
	height: .6rem;
	line-height: .57rem;
	color: #005aa0;
	font-size: .3rem;
	border:solid 1px #005aa0;
	border-radius: .06rem;
	position: absolute;
	right: .4rem;
	top: .6rem;
	text-align: center
}
.floor-page{
	padding-bottom: .4rem
}


/* room */
.floor-num{
	width: 1.2rem;
	height: 100%;
	position: fixed;
	left: 0px;
	top: 0px;
	z-index: 990;
	background: #f4f4f4
}
.floor-num ul{
	height: 100%;
	padding-bottom: 2.3rem;
	overflow-y: auto;
}
.floor-num li{
	height: 1.2rem;
	text-align: center;
	line-height: 1.2rem;
	color: #333333;
	font-size: .36rem;
	position: relative;
}
.floor-num li.on{
	background: #fff;
	color: #d30006
}
.floor-num li.on:before{
	content:'';
	width: 0;
    height: 0;
    border-width:.13rem 0 .13rem .21rem;
    border-style: solid;
	border-color: transparent transparent transparent #d30006;
	position: absolute;
	left: 0px;
	top: .47rem
}

.floor-main{
	width: 100%;
	height: 100%;
	padding: .28rem 0 2.2rem 1.2rem;
}
.floor-body{
	width: 100%;
	height: 100%;
	position: relative;
	padding: .6rem .25rem 0 .25rem;
}
.floor-body .top{
	width: 100%;
	position: absolute;
	height: .6rem;
	background: #fff;
	left: 0px;
	top: 0px;
	padding: 0 .3rem 0 .25rem
}
.floor-localhost{
	float: left;
	font-size: .36rem;
	color: #d30006
}
.floor-plan{
	float: right;
	padding-left: .45rem;
	background: url(../images/i_03.jpg) no-repeat left center;
	margin-top: .02rem;
	background-size: .4rem;
	color: #333333;
}

.floor-lists{
	height: 100%;
	width: 100%;
	overflow-y: auto;
	background: url(../images/tyf_07.jpg) no-repeat left bottom;
	padding-top: .2rem;
	background-size: 100%;
}
.floor-unit{
	margin-top: .3rem;
	margin-bottom: .75rem;
	text-align: right
}
.floor-unit select{
	width: 2rem;
	height: .6rem;
	color: #d30006;
	background: #f3f3f3;
	outline: none;
	padding-left: .2rem;
	border:solid 1px #005aa0
}
.direction{
	font-size: .3rem;
	color: #005aa0;
	padding-left: .35rem;
	background: url(../images/i_07.jpg) no-repeat left center;
	background-size: .28rem
}
.floor-item .floors{
	margin-top: .25rem;
}
.floor-item .floors li{
	width: .8rem;
	height: .8rem;
	text-align: center;
	line-height: .8rem;
	float: left;
	border:dashed 1px #999999;
	margin-bottom: .2rem;
	margin-right: .2rem;
	overflow: hidden;
	background-color: #fff;
	background-repeat: no-repeat;
	background-size: 100%;
}
.floor-item:last-child{
	margin-top: .3rem
}
.floor-item .floors li:nth-child(6n){
	margin-right: 0px;
}
.floor-item .floors li.stairs{
	background-image: url(../images/f2.jpg)
}
.floor-item .floors li.water-tap{
	background-image: url(../images/f1.jpg)
}
.floor-item .floors li.toilet{
	background-image: url(../images/f3.jpg)
}
.floor-item .floors li.occupied{
	background: #d30006;
	color: #fff;
	border:solid 1px #d30006
}
.floor-item .floors li.not-optional{
	background: #eeeeee;
}
.floor-item .floors li.on{
	background-color: #35c677;
	color: #fff;
	border:solid 1px #35c677
}

.floor-result{
	width: 100%;
	height: 0.8rem;
	position: fixed;
	left: 0px;
	bottom: 1.4rem;
	z-index: 990;
	background: #ecf6fe;
	font-size: .24rem;
	color: #e70012;
	text-align: center;
	line-height: .8rem;
	overflow: hidden;
}


/* bed */
.choosing-bed{
	padding: .3rem .4rem 2.7rem;
}
.bed-localhost{
	font-size: .36rem;
	color: #d30006
}
.real-scene .t,.bedding-scene .t{
	padding: .1rem 0 .1rem .42rem;
	background: url(../images/tye_03.png) no-repeat left center;
	margin-top: .2rem;
	background-size: .33rem
}
.real-scene .lists{
	padding-top: .2rem;
}
.real-scene .lists li{
	width: 2rem;
	height: 1.2rem;
	overflow: hidden;
	float: left;
	margin-right: .2rem;
	margin-bottom:.2rem;
	border:solid 1px #005aa0
}
.real-scene .lists li:nth-child(3n){
	margin-right: 0px;
}

.bed-boxs{
	width: 100%;
	height: 3.4rem;
	margin-top: .5rem;
	position: relative;
	border:solid 1px #cccccc;
	background: #fef5e6
}
.room-ifo{
	text-align: center;
}
.bed-boxs .room-num{
	text-align: center;
	line-height: 3.1rem;
	font-size: .24rem;
}
.room-ifo .window{
	width: 1rem;
	height: .1rem;
	position: absolute;
	left: 50%;
	margin-left: -.5rem;
	top: 0px;
	border-top: solid .1rem #a84200;
	font-size: .18rem;
	padding-top: .05rem
}
.room-ifo .door{
	width: 1rem;
	position: absolute;
	left: 50%;
	margin-left: -.5rem;
	height: .8rem;
	line-height: .8rem;
	bottom: 0px;
	background: #fbdfb5
}

.room-one li{
	position: absolute;
	height: 1.6rem;
	width: 1.2rem;
	text-align: center;
	font-size: .28rem
}
.room-one li.one{
	left: 0px;
	top: 0px;
	border-right: solid 1px #cccccc;
	border-bottom: solid 1px #cccccc	
}
.room-one li.two{
	left: 0px;
	bottom: 0px;
	border-right: solid 1px #cccccc;
	border-top: solid 1px #cccccc;	
}
.room-one li.three{
	right: 0px;
	top: 0px;
	border-left: solid 1px #cccccc;
	border-bottom: solid 1px #cccccc
}
.room-one li.four{
	right: 0px;
	bottom: 0px;
	border-left: solid 1px #cccccc;
	border-top: solid 1px #cccccc
}
.rooms .green{
	background: #35c677!important;
	color: #fff!important
}
.rooms .red{
	background: #e70012!important;
	color: #fff!important
}
.rooms .disabled{
	background: #eeeeee!important;
}
.room-one li>div{
	height: 50%;
	width: 100%;
	line-height: .8rem;
	background: #fff
}
.room-one li>div:first-child{
	border-bottom: solid 1px #cccccc
}
.room-one li .desk{
	background: #eeeeee url(../images/tye_11.png) no-repeat center;
	background-size: .64rem
}

.room-common li{
	width: 1.2rem;
	height: .75rem;
	position: absolute;
	line-height: .75rem;
	text-align: center;
	font-size: .28rem;
	background: #fff
}

.six-room li:nth-child(1){
	left: 0px;
	top: 0px;
	border-right: solid 1px #cccccc;
	border-bottom: solid 1px #cccccc
}
.six-room li:nth-child(2){
	left: 0px;
	top: 1.28rem;
	border-right: solid 1px #cccccc;
	border-bottom: solid 1px #cccccc;
	border-top: solid 1px #cccccc;	
}
.six-room li:nth-child(3){
	left: 0px;
	bottom: 0px;
	border-top: solid 1px #cccccc;
	border-right: solid 1px #cccccc
}
.six-room li:nth-child(4){
	right: 0px;
	top: 0px;
	border-left: solid 1px #cccccc;
	border-bottom: solid 1px #cccccc
}
.six-room li:nth-child(5){
	right: 0px;
	top: 1.28rem;
	border-left: solid 1px #cccccc;
	border-bottom: solid 1px #cccccc;
	border-top: solid 1px #cccccc;	
}
.six-room li:nth-child(6){
	right: 0px;
	bottom: 0px;
	border-top: solid 1px #cccccc;
	border-left: solid 1px #cccccc
}


.four-room li:nth-child(1),.two-room li:nth-child(1){
	left: 0px;
	top: .5rem;
	border-right: solid 1px #cccccc;
	border-bottom: solid 1px #cccccc;
	border-top: solid 1px #cccccc;	
}
.four-room li:nth-child(2),.two-room li:nth-child(2){
	left: 0px;
	bottom: .5rem;
	border-right: solid 1px #cccccc;
	border-bottom: solid 1px #cccccc;	
	border-top: solid 1px #cccccc
}
.four-room li:nth-child(3){
	right: 0px;
	top: .5rem;
	border-left: solid 1px #cccccc;
	border-bottom: solid 1px #cccccc;	
	border-top: solid 1px #cccccc
}
.four-room li:nth-child(4){
	right: 0px;
	bottom: .5rem;
	border-left: solid 1px #cccccc;
	border-bottom: solid 1px #cccccc;	
	border-top: solid 1px #cccccc
}

.bed-ifo{
	width: 2.6rem;
	height: 1.8rem;
	position: absolute;
	left: 50%;
	top: 50%;
	margin-left: -1.3rem;
	margin-top: -.9rem;
	color: #ffffff;
	line-height: 1.5;
	padding-top: .15rem;
	text-align: center;
	background: rgba(0, 0, 0, 0.5);
	display: none
}
.bed-ifo p{
	font-size: .24rem;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
	padding: 0 .15rem;
}

.exceptional-case{
	margin-top: .55rem
}
.exceptional-case .t{
	font-size: .24rem;
	color: #005aa0;
	margin-bottom: .27rem
}
.exceptional-case select{
	display: block;
	width: 100%;
	height: .6rem;
	background: #fff;
	border:solid 1px #cccccc;
	outline: none;
	padding-left: .15rem;
	font-size: .24rem;	
	background: #fff url(../images/rt_033.png) no-repeat right center!important;
    background-size: .42rem!important;
}
.exceptional-case textarea{
	display: block;
	width: 100%;
	height: 1.5rem;
	padding: .15rem;
	line-height: 1.7;
	background: #fff;
	border:solid 1px #cccccc;
	outline: none;
	resize: none;
	font-size: .24rem;
	margin-top: .2rem
}
.mask{
	width: 100%;
	height: 100%;
	position: fixed;
	z-index: 991;
	background: rgba(0, 0, 0, 0.5);
	left: 0px;
	top: 0px;
	display: none	
}
.confirmation{
	width: 6rem;
	height: 4rem;
	position: fixed;
	left: 50%;
	top: 50%;
	margin-left: -3rem;
	margin-top: -2rem;
	z-index: 999;
	background: #fff;
	border-radius: .1rem;
	padding:.3rem .2rem 1rem;
	text-align: center;
	overflow: hidden;
	display: none
}
.confirmation .icon{
	display: block;
	width: 1rem;
	margin: 0 auto .2rem;
}
.confirmation p{
	line-height: 1.7;
}
.confirmation p span{
	color: #d30006
}
.confirmation .btns{
	width: 100%;
	height: .9rem;
	position: absolute;
	left: 0px;
	bottom: 0px;
}
.confirmation .sure,.confirmation .cancel{
	display: block;
	height: 100%;
	line-height: .9rem;
	border:none;
	outline: none;
	float: left;
}
.confirmation .w50{
	width: 50%
}
.confirmation .w100{
	width: 100%
}
.confirmation .sure{
	background: #d70010;
	color: #fff
}
.confirmation .cancel{
	background: #cccccc;
	color: #333333
}



.choosing-bedding {
    padding: 0rem 0rem 2.7rem .4rem;
}
.bedding-scene .lists{
	width: 100%;
	margin-top: .2rem
}
.bedding-scene .lists ul{
	width: 100%;
	overflow: scroll;
	white-space: nowrap;
}
.bedding-scene li{
	width: 2rem;
	height: 1.2rem;
	display: inline-block;
	overflow: hidden;
	border:solid 1px #005aa0;
	margin-right: .15rem;
	position: relative;
}
.bedding-scene li img{
	display: block;
	width: 100%;
	height: 100%;
}
.bedding-scene li p{
	position: absolute;
	width: 100%;
	height: .4rem;
	line-height: .4rem;
	text-align: center;
	left: 0px;
	bottom: 0px;
	font-size: .24rem;
	color: #fff;
	background: rgba(0, 0, 0, 0.5)
}

.meal-bd{
	padding: .25rem .2rem;
}
.meal-bd h3{
	color: #005aa0;
	margin-bottom: .2rem;
}
.meal1 li{
	font-size: .28rem;
	padding-left: .4rem;
	background: url(../images/ty5_06.jpg) no-repeat left .05rem;
	background-size: .3rem;
	margin-bottom: .1rem;
	
}
.meal1 li.on{
	background: url(../images/ty5_03.jpg) no-repeat left .05rem;
	background-size: .3rem;
}
.meal2{
	margin-top: .35rem
}
.meal2 ul{
	overflow: hidden;
}
.meal2 li{
	width: 1.9rem;
	font-size: .28rem;
	padding-left: .4rem;
	background: url(../images/ty5_12.jpg) no-repeat left .04rem;
	float: left;
	margin:0 .1rem .3rem 0;
	background-size: .3rem;
}
.meal2 li.on{
	background: url(../images/ty5_09.jpg) no-repeat left .05rem;
	background-size: .3rem;
}
.oneself{
	padding-left: .4rem;
	background: url(../images/yu_10.jpg) no-repeat left .06rem;
	margin-top: .36rem;
	color: #005aa0;
	background-size: .3rem;
}
.oneself.on{
	background: url(../images/o_03.jpg) no-repeat left .05rem;
	background-size: .3rem;
}
.successful-dormitory{
	text-align: center;
	padding: 1rem .3rem .4rem
}
.successful-dormitory .i1{
	display: inline-block;	
	width: 1.2rem;
}
.successful-dormitory h2{
	font-size: .48rem;
	margin: .3rem 0 .6rem
}
.successful-dormitory p{
	line-height: 1.7;
}
.successful-dormitory .i2{
	display: inline-block;
	width:4.3rem;
	margin-top: 1.1rem
}

.app-banner a{
	display: block;
}
.app-banner .swiper-pagination-bullet{
	background: #ffffff;
	opacity: 1
}
.app-banner .swiper-pagination-bullet-active{
	background: #005aa0;
}

.menu-items{
	padding: .3rem  .3rem;
}
.menu-items li{
	width: 48%;
	height: 1.8rem;
	border-radius: .1rem;
	background: #ececec;
	position: relative;
	margin-bottom: .28rem;
	overflow: hidden;
}
.menu-items li a{
	display: block;
	height: 100%;
	padding: .43rem 1.2rem 0 .3rem;
}
.menu-items li:nth-child(odd){
	float: left;
}
.menu-items li:nth-child(even){
	float: right;
}
.menu-items li p{
	margin-bottom: .1rem;
	color: #333333
}
.menu-items li .icon{
	width: 1.22rem;
	position: absolute;
	right: 0px;
	top: 0px;
}

.menu-items .business-t{
	padding-left: .32rem;
	position: relative;
	color: #005aa0;
	margin-bottom: .3rem
}
.menu-items .business-t:before{
	content:'';
	width: .08rem;
	height: .3rem;
	position: absolute;
	left: 0px;
	top: .07rem;
	background: #005aa0
}

.menu-items.border{
	border-top: solid .2rem #ededed
}



.search-wrap{
	width: 100%;
	height: 1.3rem;
	position: fixed;
	left: 0px;
	top: 0px;
	background: #fff;
	z-index: 990;
	padding: .3rem .25rem 0;
}
.search-wrap .search-box{
	height: .7rem;
	border-radius: .7rem;
	background: #ededed url(../images/kj_03.png) no-repeat .2rem center;
	background-size: .55rem;
	padding-left: .9rem;
	overflow: hidden;
}
.search-wrap .s-text{
	display: block;
	height: .7rem;
	border:none;
	font-size: .24rem;
	float: left;
	color: #333;
	background: transparent;
}
.search-wrap .s-btn{
	display: block;
	width: 1rem;
	height: .7rem;
	border:none;
	font-size: .28rem;
	float: right;
	color: #333333;
	background: transparent
}

.search-wrap.approval .search-box{
	width: 100%;
}
.search-wrap.approval .s-text{
	width: 4.7rem;
}

.before-search{
	margin: 3.5rem auto 0
}
.before-search .icon{
	width: .73rem;
	margin: 0 auto
} 
.before-search p{
	font-size: .3rem;
	color: #999999;
	margin-top: .25rem;
	text-align: center
}

.approval-lists{
	margin-top: .27rem;
	background: #fff
}
.approval-lists li{
	padding: 0 .25rem;
	position: relative;
}
.approval-lists li:before{
	content:'';
	width: .5rem;
	height: .5rem;
	background: url(../images/io_11.png) no-repeat;
	background-size: 100%;
	position: absolute;
	right: .25rem;
	top: .4rem;
}
.approval-lists li.on:before{
	background: url(../images/io_06.png) no-repeat;
	background-size: 100%;
}
.approval-lists .wrap{
	padding: .22rem 0rem;
	border-bottom: solid 1px #cccccc
}
.approval-lists .hd{
	width: 1rem;
	height: 1rem;
	border-radius: 50%;
	float: left;
}
.approval-lists .text{
	padding-top: .07rem;
	margin-left: 1.2rem
}
.approval-lists .text p{
	font-size: .3rem;
	margin-bottom: .07rem;
}
.approval-lists li:last-child .wrap{
	border-bottom: none
}


/* 延期住宿申请 */

.delay{
	padding-top: .3rem;
	padding-bottom:1.4rem
}
.delay-ifo{
	width: 6.98rem;
	height: 4rem;
	margin: 0 auto .3rem;
	background: url(../images/fh_03.png) no-repeat;
	background-size: 100%;
	position: relative;
	color: #fff;
	padding: .5rem .8rem 0 .35rem;
}
.delay-ifo .head{
	width: 1.4rem;
	height: 1.4rem;
	border-radius: 50%;
	position: absolute;
	right: .4rem;
	top: .45rem
}
.delay-ifo h3{
	font-size: .36rem;
	margin-bottom: .3rem;	
}
.delay-ifo p{
	margin-bottom: .16rem;
	font-size: .28rem
}

.delay-title{
	width: 100%;
	height: .9rem;
	line-height: .9rem;
	padding-left: .71rem;
	background-color: #f5f5f5;
	background-repeat: no-repeat;
	background-position: .22rem center;
	color: #005aa0
}
.yqsj{
	background-image: url(../images/fh_07.png);
	background-size: .34rem;
}
.yqyy{
	background-image: url(../images/fh_15.png);
	background-size: .36rem;
}
.spr{
	background-image: url(../images/fh_18.png);
	background-size: .36rem;
}
.tzxx{
	background-image: url(../images/tre_03.png);
	background-size: .36rem;
}
.delay-time .lists li{
	width: 100%;
	padding-right: .25rem;
	border-bottom: solid 1px #dddddd
}
.delay-time .lists li .t{
	display: block;
	line-height: .9rem;
	width: 1.87rem;
	float: left;
	text-align: right;
}
.delay-time .lists li select{
	float: right;
	height: .8rem;
	border:none;
	font-size: .3rem;
	text-align: right;
	outline: none;
	background: #fff
}
.delay-time .lists li .c{
	max-width: 4rem;
	overflow: hidden;
	display: block;
	line-height: .9rem;
	float: right;
}
.delay-time .lists li:last-child{
	border-bottom: none
}
.delay-time .lists .del{
	width: 100%;
	height: .2rem;
	background: #f5f5f5;
}
.delay-time .lists li .d-text{
	display: block;
	width: 4.8rem;
	float: right;
	height: .9rem;
	text-align: right;
	font-size: .3rem;
	line-height: .9rem;
	border:none;
	background: transparent
}
.d-text.appDate{
	padding-right: .35rem;
    background: #fff url(../images/rt_03.png) no-repeat right center!important;
    background-size: .3rem!important;
}
.delay-time .lists li .con{
	width: 4.7rem;
	line-height: .9rem;
	float: left;
	margin-left: .2rem;
	color: #999999
}
.delay-time .lists .tzyy{
	width: 4.8rem;
	float: left;
	margin-left: .2rem;
	color: #999999;
	line-height: 1.7;
	padding-bottom: .2rem;
	margin-top: .17rem
}



.delay-reason textarea{
	display: block;
	width: 100%;
	height: 1.9rem;
	padding: .2rem .4rem .2rem .7rem;
	line-height: 1.7;
	border:none;
	font-size: .3rem
}
.approver-photos{
	padding: .35rem .56rem;
}
.photos-before{
	width: 1.2rem;
	height: 1.2rem;
	position: relative;
	overflow: hidden;
}
.photos-before .icon{
	width: 100%;
	height: 100%;
	position: absolute;
	z-index: 1;
	left: 0px;
	top: 0px;
}
.photos-before .file-btn{
	display: block;
	width: 100%;
	height: 100%;
	position: absolute;
	z-index: 2;
	left: 0px;
	top: 0px;
	opacity: 0;
}
.photos-after{
	height: 2rem;
}
.photos-after img{
	max-height: 100%;
	max-width: 100%;
	width: auto
}

.approver .ts{
	font-size: .24rem;
	line-height: 1.7;
	padding: .4rem .35rem .5rem
}
.approver{
	border-bottom: solid .55rem #f5f5f5
}

.delay-pop{
	width: 6.2rem;
	height: 7.2rem;
	background: #fff;
	border-radius: .1rem;
	position: fixed;
	left: 50%;
	top: 50%;
	margin-left: -3.1rem;
	margin-top: -3.6rem;
	z-index: 999;
	padding: .5rem .3rem 0;
	display: none
}
.delay-pop h2{
	text-align: center;
	font-size: .36rem;
	color: #333333
}
.delay-pop .text{
	height: 3rem;
	overflow-y: auto;
	margin-top: .3rem;
	font-size: .28rem;
	line-height: 1.6;
}
.delay-pop .text p{
	text-indent: 2em
}
.delay-pop .delay-sure{
	display: block;
	width: 100%;
	height: .9rem;
	line-height: .9rem;
	text-align: center;
	border:none;
	border-radius: .07rem;
	color: #fff;
	background: #005aa0;
	font-size: .36rem;
	margin: .35rem auto 0
}


.delay-read{
	margin: .5rem 0px;
	text-align: center
}
.delay-read p{
	display: inline-block;
	font-size: .28rem;
	color: #005aa0;
	position: relative;
}
.delay-read p:before{
	content:'';
	width: .32rem;
	height: .32rem;
	background: url(../images/o1_03.jpg) no-repeat;
	background-size:100%;
	position: absolute;
	left: -.45rem;
	top: .05rem;
}
.delay-read p.on:before{
	background: url(../images/o_03.jpg) no-repeat;
	background-size: .32rem;
}



/* 个人中心 */
.personal-top{
	width: 100%;
	height: 1.92rem;
	background: url(../images/bgp_02.jpg) no-repeat;
	background-size: 100%;
	padding-top: .37rem;
	padding-left: 2.6rem;
}
.personal-top .head{
	width: 1.2rem;
	height: 1.2rem;
	border:solid 2px #fff;
	float: left;
	border-radius: 50%;
	overflow: hidden;	
}
.personal-top .head img{
	width: 100%;
	height: 100%;
	border-radius: 50%
}
.personal-top .name{
	float: left;
	width: 2rem;
	color: #fff;
	margin-left: .3rem;
	margin-top: .35rem;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
}

.personal-lists ul{
	margin-top: .2rem
}
.personal-lists li{
	padding: 0 .25rem;
	background: #fff
}
.personal-lists li a{
	display: block;
	height:1rem;
	line-height: 1rem;
	background-repeat: no-repeat;
	background-position: left center;
	background-size: .48rem;
	position: relative;
	padding-left: .5rem;
	color: #333333;
	border-bottom: solid 1px #cccccc
}
.personal-lists li:last-child a{
	border-bottom: none
}
.personal-lists li a:after{
	content: '';
	width: .18rem;
	height: .34rem;
	position: absolute;
	right: 0px;
	top: .34rem;
	background: url(../images/p_07.png) no-repeat;
	background-size: 100%;
}
.personal-lists li.pr1 a{
	background-image: url(../images/ti_03.jpg)
}
.personal-lists li.pr2 a{
	background-image: url(../images/ti_06.jpg)
}
.personal-lists li.pr3 a{
	background-image: url(../images/ti_08.jpg)
}
.personal-lists li.pr4 a{
	background-image: url(../images/ti_10.jpg)
}
.personal-lists li.pr5 a{
	background-image: url(../images/ti_12.jpg)
}
.personal-lists li.pr6 a{
	background-image: url(../images/ti_14.jpg)
}
.personal-lists li.pr7 a{
	background-image: url(../images/ti_16.jpg)
}


.my-data{
	
}
.my-data ul{
	padding: 0 .25rem;
	background: #fff;
}
.my-data li{
	height: 1rem;
	line-height: 1rem;
	border-bottom: solid 1px #cccccc
}
.my-data li:last-child{
	border-bottom: none
}
.my-data li .t{
	float: left;
}
.my-data li .c{
	float: right;
	color: #999999
}
.my-data li.headIfo{
	height: 1.5rem;
	line-height: 1.5rem;
	background: url(../images/p_07.png) no-repeat right center;
	background-size: .18rem
}
.my-data li.headIfo .headLink{
	width: 1.2rem;
	height: 1.2rem;
	float: right;
	margin-right: .4rem;
	margin-top: .15rem;
	border-radius: .2rem;
	overflow: hidden;
}
.myData-title{
	height: .9rem;
	width: 100%;
	padding: 0 .25rem;
	background: #e5e5e5;
}
.myData-title h2{
	float: left;
	line-height: .9rem;
	background: url(../images/lf_03.png) no-repeat 0rem center;
	background-size: .41rem;
	padding-left: .6rem;
}
.myData-title a{
	float: right;
	font-size: .28rem;
	color: #005aa0;
	line-height: .9rem;
}
.my-data ul{
	margin-bottom: .2rem
}
.my-data li.link a{
	display: block;
	height: 100%;
	color: #333333;
	background: url(../images/p_07.png) no-repeat right center;
    background-size: .18rem;
}


/* 我的室友 */

.roommate-lists li{
	margin-top: .2rem;
	background: #ffffff;
}
.roommate-lists .left-ifo{
	width: 1.8rem;
	height: 2rem;
	float: left;
	background: #d1c0a5;
	padding-top: .2rem;
}
.roommate-lists .left-ifo .head{
	width: 1rem;
	height: 1rem;
	border-radius: 50%;
	overflow: hidden;
	margin: 0 auto;
	border:solid 1px #fff
}
.roommate-lists .left-ifo .head img{
	height: 100%;
}
.roommate-lists .left-ifo p{
	text-align: center;
	margin-top: .18rem;
	font-size: .28rem;
	overflow: hidden;
	white-space: nowrap;
	text-overflow: ellipsis
}
.roommate-lists .right-ifo{
	margin-left: 2.17rem;
	padding-top: .23rem;
}
.roommate-lists .right-ifo p{
	color: #999999;
	margin-bottom: .1rem
}
.roommate-lists .right-ifo p span{
	color: #333333
}

.score-lists{
	background: #fff;
	padding: 0 .2rem;
}
.score-lists li{
	height:1.2rem;
	border-bottom: solid 1px #cccccc
}
.score-lists li:last-child{
	border-bottom: none
}
.score-lists li a{
	display: block;
	height: 100%;
	padding-top: .18rem;
	position: relative;
	background: url(../images/p_07.png) no-repeat right center;
    background-size: .18rem;
}
.score-lists li h3{
	color: #333333;
}
.score-lists li p{
	font-size: .24rem;
	color: #999999;
	margin-top: .12rem
}
.score-lists li .grade{
	color: #d70010;
	font-size: .36rem;
	position: absolute;
	right: .6rem;
	top: .35rem
}



/* score-detail */

.score-detail{
	background: #fff;
	border:solid 1px #cccccc;
	border-bottom: none
}
.score-detail .t{
	width: 100%;
	height: .75rem;
	line-height: .75rem;
	padding: 0 .25rem;
}
.score-detail .t h3{
	float: left;
	color: #005aa0
}
.score-detail .t p{
	float: right;
	font-size: .24rem;
	color: #333333
}

.score-detail table{
	width: 100%;
	border-collapse: collapse;
}
.score-detail table th{
	height: .75rem;
	font-size: .24rem;
	color: #fff;
	background: #2689d5;
	border-right: solid 1px #cccccc;
	border-bottom: solid 1px #cccccc;
}
.score-detail table th:last-child,.score-detail table td{
	border-right: none
}
.score-detail table td{
	padding: .1rem .08rem;
	font-size: .24rem;
	border-right: solid 1px #cccccc;
	border-bottom: solid 1px #cccccc;	
}
.score-detail table td.blue{
	color: #005aa0
}
.score-detail table td.red{
	color: #d70010
}
.score-table1 td:last-child{
	text-align: center
}

.score-detail table .c{
	text-align: center
}
.score-table2 p{
	margin-bottom: .1rem
}
.score-detail table td.bz-tit{
	padding: .2rem
}

.score-remarks{
	display: block;
	width: 100%;
	height: 1.8rem;
	color: #333333;
	font-size: .24rem;
	border:none;
	padding: .1rem
}
.adjustment-lists li{
	box-shadow: 0px 0px 0.25rem #aaa5a5;
	margin-bottom: .4rem;
	border-radius: .1rem;
	overflow: hidden;
}
.adjustment-lists li .t{
	color: #fff;
	height: .8rem;
	line-height: .8rem;
	background: #00a0e9 url(../images/ry_03.png) no-repeat right center;
	background-size: .47rem;
	text-align: center
}
.adjustment-lists li a{
	display: block
}
.adjustment-lists li .c{
	background: #fff;
	padding: .3rem .28rem;
}
.adjustment-lists li p{
	margin-bottom: .1rem;
	line-height: 1.7;
	color: #999999
}
.adjustment-lists li p:last-child{
	margin-bottom: 0px
}
.adjustment-lists li p span{
	color: #333333
}
.adjustment-lists li p span.red{
	color: #d70010
}
.adjustment-lists li p span.green{
	color: #2b940b
}


.adjustment-detail{
	padding-top: .3rem;
    padding-bottom: .4rem;
}
.audit-status .lists{
	padding: .35rem .2rem .6rem .3rem;
}
.audit-status .lists li{
	position: relative;
	padding-bottom: 1.5rem
}
.audit-status .lists li::before{
	content:'';
	width: .05rem;
	height: 1.2rem;
	position: absolute;
	left: .9rem;
	top: 1.75rem;
	background: #eeeeee
}
.audit-status li .audit-head{
	width: 1.85rem;
	height: 1.75rem;
	float: left;
}
.audit-status .hd{
	width: 1.2rem;
	height: 1.2rem;
	border-radius: 50%;
	margin: 0 auto;
	display: block;
}
.audit-status .audit-head p{
	text-align: center;
	font-size: .24rem;
	color: #999999;
	margin-top: .1rem;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis
}
.audit-status .audit-text{
	margin-left: 1.95rem;
	padding-top: .1rem
}
.audit-status .audit-text .top{
	height: .45rem;
	line-height: .45rem;
}
.audit-status .top h3{
	float: left;
}
.audit-status .top h3.green{
	color: #2b940b
}
.audit-status .top h3.red{
	color: #d70010
}
.audit-status .top p{
	float: right;
	font-size: .24rem;
	color: #999999
}
.audit-status .reason{
	font-size: .24rem;
	line-height: 1.6;
	margin-top: .2rem
}
.audit-status .lists li:last-child{
	padding-bottom: 0px
}
.audit-status .lists li:last-child::before{
	content: none
}




/* 教职工宿舍申请 */
.sqrxx{
	background-image: url(../images/yr_03.png);
	background-size: .34rem
}
.sqrpo{
	background-image: url(../images/yr_07.png);
	background-size: .39rem
}




.staff-lists li{
	width: 100%;
	padding-right: .25rem;
	border-bottom: solid 1px #dddddd
}
.staff-lists li:last-child{
	border-bottom: none
}
.staff-lists li .t{
	display: block;
	line-height: .9rem;
	width: 4rem;
	float: left;
	padding-left: .74rem
}
.staff-lists li select{
	float: right;
	height: .8rem;
	border:none;
	font-size: .3rem;
	text-align: right;
	outline: none;
	background: #fff
}
.staff-lists li .d-text{
	display: block;
	width: 3.1rem;
	float: right;
	height: .9rem;
	text-align: right;
	font-size: .3rem;
	line-height: .9rem;
	border:none;
	background: transparent
}
.staff-lists li .single-radio{
	float: right;
}
.staff-lists .single-radio p{
	width: 1.15rem;
	float: left;
	margin-left: .5rem;	
	line-height: .9rem;
	padding-left: .4rem;
	background: url(../images/yu_06.jpg) no-repeat left center;
	background-size: .3rem;
}
.staff-lists .single-radio p.on{
	background: url(../images/yu_03.jpg) no-repeat left center;
	background-size: .3rem;
}
.staff-lists .single-radio p:first-child{
	margin-left: 0px
}
.staff-reason{
    display: block;
    width: 100%;
    height: 1.9rem;
    padding: .2rem .4rem .2rem .7rem;
    line-height: 1.7;
    border: none;
	font-size: .3rem;
	background: #fff
}
.staff-dormitory{
	padding-bottom: 1.5rem
}

.staff-lists .sc{
	float: right;
	line-height: .9rem;
	color: #999999
}
.examine{
	padding: .35rem .7rem;
}
.examine-result p{
	float: left;
    padding-left: .4rem;
    background: url(../images/yu_06.jpg) no-repeat left center;
    background-size: .3rem;
}
.examine-result p.on {
    background: url(../images/yu_03.jpg) no-repeat left center;
    background-size: .3rem;
}
.examine-result p:first-child{
	margin-right: 1rem
}

.examine-opinion{
	display: block;
	width: 100%;
	height: 1.5rem;
	border:solid 1px #cccccc;
	font-size: .28rem;
	line-height: 1.6;
	padding: .15rem;
	background: #f8f8f8;
	margin-top: .3rem
}

.ssxx{
	background-image: url(../images/ret_03.png);
	background-size: .36rem;
}
.dorm-ifo{
	background: #fff
}
.dorm-tables{
	padding: .3rem .3rem 2rem;
}


.score-detail table .tb-text{
	display:block;
	width: 100%;
	border:none;
	background: #fff;
	font-size: .24rem;
	text-align: center;
	color: #005aa0;
}
.aqtable .score-table1 td:last-child{
	padding: 0px
}
.score-detail table td.pfjc{
	padding: .2rem
}
.score-detail table td.pfjc p{
	padding-left: .4rem;
	margin-bottom: .2rem;
    background: url(../images/o1_03.jpg) no-repeat left .02rem;
    background-size: .3rem;
}
.score-detail table td.pfjc p.on{
	background: url(../images/o_03.jpg) no-repeat left .02rem;
    background-size: .3rem;
}



.sbxx{
	background-image: url(../images/sb_03.png);
	background-size: .35rem
}
.jcxm{
	background-image: url(../images/sb_07.png);
	background-size: .32rem
}
.jcqk{
	background-image: url(../images/sb_11.png);
	background-size: .36rem
}
.equipment{
	padding-bottom: 1.4rem
}
.equipment .staff-lists li select{
	color: #999999
}
.staff-lists li .c {
    max-width: 4rem;
    overflow: hidden;
    display: block;
    line-height: .9rem;
	float: right;
	color: #999999
}
.staff-lists li  select{
	max-width: 3.1rem;
}

.sb-status{
	height: .85rem;
	line-height: .85rem;
	padding: 0 1.6rem;
}
.sb-status p{
	padding-left: .4rem;
	background: url(../images/yu_06.jpg) no-repeat left center;
    background-size: .3rem;
}
.sb-status p.on{
	background: url(../images/yu_03.jpg) no-repeat left center;
    background-size: .3rem;
}
.sb-status p:first-child{
	float: left;
}
.sb-status p:last-child{
	float: right;
}
.equipment-bot{
	height: .6rem;
	background: #f5f5f5
}


/* 学生住宿信息 */

.search-wrap.stay .search-box {
    width: 5.67rem;
}
.search-wrap.approval .s-text {
    width: 3.2rem;
}
.screening-button{
	padding-left: .3rem;
	background: url(../images/sx_03.png) no-repeat left center;
	font-size: .28rem;
	color: #005aa0;
	background-size: .24rem;
	position: absolute;
	right: .25rem;
	top: .45rem
}
.screening-data{
	width: 100%;
	height: 1.1rem;
	position: fixed;
	left: 0px;
	top: 1.3rem;
	background: #ededed;
	z-index: 990;
	padding: 0 .2rem 0;
}
.screening-data select{
	display: block;
	width: 2.2rem;
	height: .6rem;
	border-radius: .6rem;
	float: left;
	padding: 0 .45rem 0 .3rem;
	border: none;
	margin-top: .26rem;
	font-size: .24rem;
	background: #fff url(../images/rt_033.png) no-repeat right center!important;
	background-size: .42rem!important;
}
.screening-data p{
	float: right;
	line-height: 1.1rem;
	color: #666666;
	font-size: .24rem;
}

table{
	border-collapse: collapse;
}
table td{
	word-break:break-all
}
.dormitoryList table{
	width: 100%;
	font-size: .24rem;
	background: #fff
}
.dormitoryList th{
	height: .77rem;
	color: #fff;
	border-bottom: solid 1px #cccccc;
	border-right: solid 1px #cccccc;	
	background: #2689d5
}
.dormitoryList th:last-child,.dormitoryList td:last-child{
	border-right: none
}
.dormitoryList td{
	border-bottom: solid 1px #cccccc;
	border-right: solid 1px #cccccc;
	padding: .2rem .06rem;
	text-align: center;
	color: #333333
}


/* screen */

html.hid,body.hid {
    height: 100%;
    overflow: hidden;
}
.screen{
	width: 6.6rem;
	height: 100%;
	position: fixed;
	right:-100%;
	top: 0px;
	bottom: 0px;
	z-index: 999;
	background: #fff;
	overflow: hidden;
}
.screen .screen-item{
	padding: .3rem .35rem;
	border-bottom: solid .1rem #eeeeee
}
.screen .screen-item:last-child{
	border-bottom: none
}
.screen .screen-user{
	margin-top: .2rem;
	margin-bottom: .7rem
}
.screen .screen-user input{
	width: 2.66rem;
	height: .6rem;
	line-height: .64rem;
	float: left;
	border-radius: .55rem;
	border:solid 1px #cccccc;
	color: #000000;
	text-align: center;
	background: #f6f6f6;
	outline: none;
	padding: 0 .2rem
}
.screen .screen-user input:first-child{
	margin-right: .24rem;
	text-align: center;
}
.screen .tit{
	margin-bottom: .5rem
}
.screen .tit h3{
	float: left;
	font-weight: bold;
	color: #000000
}
.screen .tit.not h3{
	font-weight: normal
}
.screen .tit span{
	float: right;
	color: #666666;
	padding-right: .3rem;
	position: relative;
}

.screen .tit span:before{
	content:'';
	width: .17rem;
	height: .1rem;
	background: url(../images/jt_03.jpg) no-repeat;
	background-size: 100%;
	position: absolute;
	right: 0px;
	top: .17rem;
	transition: all .4s;
	transform:rotate(0deg);
}
.screen .tit span.down:before{
	transform:rotate(180deg);
}
.screen-lists{
	margin-top: .4rem
}
.screen-lists li{
	height: .6rem;
	line-height: .56rem;
	border-radius: .6rem;
	float: left;
	background: #f6f6f6;
	font-size: .24rem;
	margin-bottom: .2rem;
	border:solid 1px #f6f6f6;
	font-size: .24rem;
	color: #000000;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
	padding: 0 .15rem;
	text-align: center
}
.screen-lists ul{
	height: 1.5rem;
	overflow: hidden;
}
.screen-lists ul.auto{
	height: auto;
}
.screen-lists li.on{
	color: #005aa0;
	border:solid 1px #005aa0
}
.screen-lists.threeList li{
	width: 1.8rem;
	margin-right: .25rem
}
.screen-lists.pici li{
	width: 2.7rem;
	margin-right: .4rem
}
.screen-lists.kemu li{
	width: 2.7rem;
	margin-right: .4rem
}
.screen-lists.xueyuan li{
	width: 2.7rem;
	margin-right: .4rem
}
.screen-lists.threeList li:nth-child(3n),.screen-lists.pici li:nth-child(2n),.screen-lists.xueyuan li:nth-child(2n),.screen-lists.kemu li:nth-child(2n){
	margin-right: 0px
}

.screen-footer{
	width: 100%;
	position: absolute;
	left: 0px;
	bottom: 0px;
	z-index: 100;
}
.screen-footer .item{
	width: 50%;
	float: left;
	height: 1rem;
	line-height: 1rem;
	text-align: center;
	border-top: solid 1px #cccccc
}
.screen-footer .item.reset{
	background: #ffffff;
	color: #333333
}
.screen-footer .item.submit{
	background: #005aa0;
	color: #fff
}
.screen-wrap{
	padding-bottom: 1rem;
	height: 100%;
}
.screen-content{
	height: 100%;
	overflow-y: auto;
}


.no-data p{
	text-align: center;
	color: #999999;
	margin-top: .5rem
}

.approval-title{
	width: 100%;
	height: 1rem;
	position: fixed;
	left: 0px;
	top: 0px;
	z-index: 990;
	background: #fff;
	padding-top: .2rem;
	border-bottom: solid 1px #cccccc
}
.approval-title li{
	width: 50%;
	height: .57rem;
	float: left;
	text-align: center;
	line-height: .57rem;
}
.approval-title li  select{
	font-size: .3rem;
	border:none;
	outline: none;
	color: #333333;
	padding-right: .48rem;
	background: #fff url(../images/rt_033.png) no-repeat right center!important;
    background-size: .42rem!important;
}
.approval-title li:first-child{
	border-right: solid 1px #eeeeee
}



































