body{
	font-family: 'Microsoft YaHei', Arial, Helvetica, sans-serif !important;
	font-size: .3rem;
}
body.hid{
	height: 100%;
	overflow: hidden;
}
.home-title{
	width: 100%;
	position: fixed;
	left: 0px;
	top: 0px;
	background: #fff;
	z-index: 990;
	border-bottom: solid 1px #bcb9ba;
	box-shadow: 0px .05rem 5px #dddcdc
}
.home-title li{
	width: 20%;
	float: left;
	background: url(../images/h_03.png) no-repeat right center;
	background-size: 1px .35rem;
}
.home-title li .menu-wrap{
	padding-left: .35rem;
}
.home-title li .menu-wrap span{
	height: .7rem;
	line-height: .7rem;
	font-size: .3rem;
	color: #333333;
	float: left;
}
.home-title li i{
	display: block;
	width: .14rem;
	height: .09rem;
	background: url(../images/h_09.png) no-repeat;
	background-size: 100%;
	float: right;
	margin-right: .2rem;
	margin-top: .3rem
}

.home-title li.sx-btn{
	padding-left: .55rem;
	line-height: .7rem;
	color: #ef1400;
	background: url(../images/h_06.jpg) no-repeat .2rem center;
	background-size: .28rem;
}
.home-title li.sx-btn::before{
	content: none
}

.drop-down{
	width: 100%;
	position: absolute;
	left: 0px;
	top: .7rem;
	z-index: 999;
	background: #fff;
	border-top: solid 1px #bcb9ba;
	display: none
}
.drop-lists{
	padding: .2rem .3rem;
	/*new add 2019-1-8*/
    max-height: 5rem;
    overflow-y: auto;
    /*end*/
}
.drop-lists span{
	display: block;
	width: 3rem;
	color:#333333;
	font-size: .28rem;
	padding: .1rem 0;
	float: left;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
	border-bottom: solid 1px #fff;
}
.drop-lists span.selected{
	border-bottom: solid 1px #0f6cc3;
	color: #0f6cc3
}
.drop-lists span:nth-child(even){
	float: right;
}
.drop-btns .reset,.drop-btns .sure{
	width: 50%;
	height: .8rem;
	line-height: .8rem;
	float: left;
	text-align: center;
}
.drop-btns .reset{
	background: #eeeeee;
	color: #333333
}
.drop-btns .sure{
	background: #0f6cc3;
	color: #fff
}


.ifo-lists{
	padding: 1rem 0 1rem
}
.ifo-data{
	font-size: .24rem;
	color: #666666;
	text-align: right;
	padding-right: .3rem
}

.ifo-lists li{
	padding: .25rem;
	border-bottom: dashed 1px #cccccc
}
.ifo-lists li .floor{

}
.ifo-lists li .floor:last-child{
	margin-bottom: 0px;
}
.ifo-lists li .ifo-wrap {
	border-radius: .15rem !important;
	background: #f8f8fd;
/* 	font-size: .24rem; */
	border:solid 1px #d2d4fd;
	padding: .25rem .3rem
}
.ifo-lists li .ifo-item{
	margin-right: .15rem;
	float: left;
}
.ifo-lists li .ifo-item>div{
	display:inline-block;
	vertical-align: top;
	margin-bottom: .15rem
}
.ifo-lists li .ifo-item:last-child{
	margin-right: 0
}
.ifo-lists li  .ifo-wrap .t{
	color: #999999;
}
.ifo-lists li  .ifo-wrap .c{
	color: #333333;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
}
.ifo-lists li .sf{
	max-width:1rem 
}
.ifo-lists li .kl{
	max-width:1.2rem 
}



/* footer */
.home-footer{
	width: 100%;
	position: fixed;
	left: 0px;
	bottom: 0px;
	z-index: 99;
	background: #f5f5f5;
	border-top: solid 1px #cccccc	
}
.home-footer .item{
	float: left;
	width: 50%;
	position: relative;
}
.home-footer .item>span{
	display: block;
	height: 1rem;
	line-height: 1rem;
	padding-left: 1.45rem;
	background-repeat: no-repeat;
	background-position: .95rem center;
	background-size: .38rem;
	color: #333333
}
.home-footer .item.xsxx{
	border-right: solid 1px #cccccc
}
.home-footer .item.xsxx span{
	background-image: url(../images/xx_15.jpg)
}
.home-footer .item.sjtj span{
	background-image: url(../images/sj_18.jpg)
}

.home-footer .lists{
	position: absolute;
	max-height: 5rem;
	overflow-y: auto;
	left: 50%;
	bottom: 1rem;
	background: #fff;
	box-shadow: 0px 0px .2rem #ccc;
	display: none
}
.home-footer .xsxx .lists{
	width: 2.6rem;
	margin-left: -1.3rem;
	text-align: center
}
.home-footer .sjtj .lists{
	width: 3.9rem;
	margin-left: -2.4rem;
}
.home-footer .lists li{
	height: .8rem;
	line-height: .8rem;
	font-size: .28rem;
	color: #333333;
	border-bottom: solid 1px #dddddd;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
}
.home-footer .sjtj .lists li{
	padding-left: .25rem
}





/* mask */
.mask,.headmask{
	width: 100%;
	height: 100%;
	position: fixed;
	left: 0px;
	top: 0px;
	bottom: 0px;
	z-index: 991;
	background: rgba(0, 0, 0, 0.6);
	display: none
}
.headmask{
	z-index: 100;
}


/* down-mask */
.downmask{
	width: 100%;
	height: 100%;
	position: fixed;
	left: 0px;
	top: 0px;
	bottom: 0px;
	z-index: 0;
	background: rgba(0, 0, 0, 0);
	display: none
}
.downmask{
	z-index: 0;
}

.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 !important;
	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 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 !important;
	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: #ef1400;
	border:solid 1px #ef1400
}
.screen-lists.sheng 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.sheng 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: #ef1400;
	color: #fff
}
.screen-wrap{
	padding-bottom: 1rem;
	height: 100%;
}
.screen-content{
	height: 100%;
	overflow-y: auto;
}


@media(max-width:340px){
	.ifo-lists li .kl{
		max-width: 2rem;
	}
	.ifo-lists li .sf{
		max-width: 1.6rem;
	}
}



/* detail */
.user-header{
	width: 100%;
	height: .8rem;
	position: fixed;
	left: 0px;
	top: 0px;
	background: #fff;
	z-index: 999;
}
.user-header::before{
	content:'';
	width: 100%;
	left: 0px;
	height: .2rem;
	background: #eeeeee;
	position: absolute;
	left: 0px;
	bottom: -.2rem
}
.user-header li{
	width: 50%;
	float: left;
	text-align: center;
	color: #333333;
	line-height: .8rem;
	border-bottom: solid 1px #fff;
	position: relative;
	z-index: 100;
}
.user-header li.selected{
	color: #0a68bf;
	border-bottom: solid 1px #0a68bf
}
.user-content{
	padding-top: 1rem
}
.user-content .tit{
	padding:.15rem .3rem;
	color: #0a68bf;
	background: #eeeeee
}
.user-content .lists li{
	padding:.25rem .3rem;
	border-bottom: solid 1px #dddddd;
	color: #666666;
}
.user-content .lists li span{
	color: #333333
}
.physical{
	display: none
}
.newborn{
	position: relative;
}
.user-photo{
/* 	width: 3rem; */
	padding: .35rem 0 .3rem;
	background: #fff;
/* 	position: absolute; */
	right: 0px;
	top: 0px;
	text-align: center;
}
.user-photo img{
	display: block;
	width: 1.8rem;
	margin: 0 auto
}

.sign-in{
	padding-top: .66rem
}
.sign-logo{
	display: block;
	width: 5.77rem;
	margin: 0 auto;
}
.sign-in h1{
	text-align: center;
	color: #333333;
	font-size: .48rem;
	margin-top: .24rem
}
.sign-main{
	width: 5.55rem;
	margin: 1.5rem auto 0;
}
.sign-main li{
	border-bottom: solid 1px #cccccc;
	margin-bottom: .2rem;
	position: relative;
}
.sign-main li input{
	display: block;
	width: 100%;
	height: .8rem;
	border:none;
	outline: none;
	background: #fff;
	color: #000;
	font-size: .3rem;
	padding-left: .5rem;
	background-repeat: no-repeat;
	background-position: .1rem center;
	background-size: .27rem
}
.sign-main li input.account{
	background-image: url(../images/d_07.png)
}
.sign-main li input.password{
	width: 4.5rem;
	background-image: url(../images/d_13.png)
}
.sign-main li input.phone{
	width: 4.5rem;
	background-image: url(../images/phone.png)
}
.sign-main li input.xm{
	width: 4.5rem;
	background-image: url(../images/user.png)
}
.sign-main li input.yzm{
	width: 4.5rem;
	background-image: url(../images/yzm.png)
}
.sign-main li .see{
	width: .41rem;
	position: absolute;
	right: .3rem;
	top: .23rem
}
.sign-in .f-tbn{
	display: block;
	width: 100%;
	height: .8rem;
	border-radius: .8rem !important;
	text-align: center;
	line-height: .8rem;
	text-align: center;
	border:none;
	outline: none;
	color: #fff;
	margin-top: 2.5rem;
	background: #0a68bf;
	font-size: .3rem
}
.f-tbn-login{
	display: inline;
	width: 100%;
	height: .8rem;
	border-radius: .2rem !important;
	text-align: center;
	line-height: .8rem;
	text-align: center;
	border:none;
	outline: none;
	color: #fff;
	margin-top: 1.5rem;
	background: #0a68bf;
	font-size: .3rem
}
.f-tbn-register{
	display: inline;
	width: 100%;
	height: .8rem;
	border-radius: .2rem !important;
	text-align: center;
	line-height: .8rem;
	text-align: center;
	border:none;
	outline: none;
	color: #fff;
	margin-top: 0.5rem;
	background: #0a68bf;
	font-size: .3rem
}
.disabled-tbn{
	display: block;
	width: 100%;
	height: .8rem;
	border-radius: .8rem !important;
	text-align: center;
	line-height: .8rem;
	text-align: center;
	border:none;
	outline: none;
	color: #fff;
	margin-top: 2.5rem;
	background: #999;
	font-size: .3rem
}


.ifo-time{
/* 	width: 4.5rem; */
	background-image: url(../images/time.png);
	background-repeat: no-repeat;
    background-position: .5rem center;
    background-size: .32rem;
/*     padding-left: .5rem; */
}
.ifo-edit{
	background-image: url(../images/edit4.png);
	background-repeat: no-repeat;
    background-position: .1rem center;
    background-size: .4rem;
    padding-left: 30px;
}
.ifo-reback{
	background-image: url(../images/reback.png);
	background-repeat: no-repeat;
    background-position: .1rem center;
    background-size: .6rem;
    padding-left: 50px;
}

.user-editInfo{
/* 	display: block; */
	width: 100%;
	height: .8rem;
	border:none;
	outline: none;
	background: #fff;
	color: #000;
	font-size: .3rem;
	padding-left: .05rem;
	background-repeat: no-repeat;
	background-position: .1rem center;
	background-size: .27rem;
}
.user-table{
	width:100%;
}
.user-table tr{
	color: #666666;
	height: 1.2rem;
	border-bottom: solid 1px #dddddd;
}
.td-right{
	text-align: right;
}
.td-left{
	text-align: left;
}
.td-center{
	text-align: center;
}
.width-2{
	width:20%;
}
.width-3{
	width:30%;
}
.width-7{
	width:70%;
}
.width-8{
	width:80%;
}
.width-10{
	width:100%;
}
.error{
	color: red;
}
.foot-select span{
	color: #3f81c1 !important;
}
.home-footer .item.bm{
	border-right: solid 1px #cccccc
}
.home-footer .item.bm span{
	background-image: url(../images/bm-select.png);
	background-size : 30px;
}
.home-footer .item.user{
	border-right: solid 1px #cccccc
}
.home-footer .item.user span{
	background-image: url(../images/user.png)
}

.arrow-right{
	background-image: url(../images/arrow-right.png);
	background-repeat: no-repeat;
    background-position: .1rem center;
    background-size: .6rem;
    padding-right: 30px;
}
.barcode{
	background-image: url(../images/barcode.png);
	background-repeat: no-repeat;
    background-position: .1rem center;
    background-size: .6rem;
    padding-right: 45px;
}
.id-card{
	background-image: url(../images/id-card.png);
	background-repeat: no-repeat;
    background-position: .1rem center;
    background-size: .6rem;
    padding-right: 45px;
}
.password{
	background-image: url(../images/password.png);
	background-repeat: no-repeat;
    background-position: .1rem center;
    background-size: .6rem;
    padding-right: 45px;
}


.phone-h1{
	text-align: center;
	color: #333333;
	font-size: 25px;
	margin-top: .24rem
}