@charset "utf-8";


/*设备查询*/
@media screen and (device-width:320px) {

	html,
	body {
		font-size: 12px;
	}
}
.hide{
	display: none
}

* {
	-webkit-tap-highlight-color: rgba(0, 0, 0, 0);
}
.imgHead {
	width: 100%;
	font-size: 13px;
	color: #333333;
	text-align: left;
}
.noteHead {
	width: 100%;
	background-color: #FFF8E9;
	padding: 8px 0;
	font-size: 13px;
	color: #333333;
	text-align: left;
	padding-left: 3%;
	box-sizing: border-box;
}

.outDiv {
	margin: auto;
	width: auto;
	max-width: 640px;
}

.imgHead img {
	display: block;
	width: 100%;
}

.imgHead .arrow {
	display: inline-block;
	width: 8px;
	height: 20px;
	background: url("../../images/visitor/CombinedShape.png") no-repeat center/contain;
	float: right;
	margin-right: 6%;
	/*margin-top: 18px;*/
}
.arrow-icon{
	height: 12px;
	width: 9px;
	background: url("../../images/visitor/leftArrow.png") no-repeat center/contain;
	margin-left: 8px;

	right: 5px;
	top: 50%;
	-webkit-transform: translate(0, -50%);
	-moz-transform: translate(0, -50%);
	-ms-transform: translate(0, -50%);
	transform: translate(0, -50%);
}
.timeSet {


	background-color: #fff;
}
.timeSet p {
	width: 100%;
	height: 45px;
	border-bottom: 1px solid #EEEEEE;
}

.colorwhite,
.colorGrey {
	background: #f8f8f8;
	position: relative;
}
.colorGrey{
	z-index: 10;
}
.tipTitle {
	width: 100%;
	background-color: #f4f4f4;
}

.tip {
	width: 100%;
}


h1 {
	font-size: 1.5rem;
	height: 2rem;
}

h1 span {
	display: inline-block;
	width: 1.5rem;
	height: 1.5rem;
	border-radius: 100%;
	background: #000;
	color: #fff;
	margin-right: 0.8rem;
}

.tipTitle .userForm p {
	/* font-size: 1rem;
	color: #999;
	line-height: 45px; */
}

.tip p {

	vertical-align: middle;
	position: relative;
}

#dateValue {

	width: 70%;
	height: 45px;
	line-height: 45px;
	text-align: right;
	margin-left: 3%;
	-webkit-appearance: none;
	font-size: 15px;
	color: #BBBBBB;
}

#stopValue {
	float: left;
	width: 70%;
	height: 45px;
	line-height: 45px;
	text-align: right;
	margin-left: 3%;
	font-size: 15px;
	color: #BBBBBB;
}

.text-time {
	float: left;
	color: #333;
	line-height: 45px;
	margin-left: 3%;
}

.arrow-right {
	float: right;
	width: 3%;
	height: 45px;
	margin: 0 5%;
	background: url("../../images/common/arrow_right.png") 0 0 no-repeat;
	background-size: 100% 100%;
}

.timeSet {
	height: auto;
}

.timeSet p.riqi {
	position: relative;
}

.vi-text {
	float: left;
	font-size: 14px;
	width: 70px;
	text-algin: right;
	color: #333333;
	line-height: 45px;
}
#ss .vi-text {
    height: 45px;
    line-height:45px;
}

.timeSet p.two input {
	text-align: center;
	-webkit-appearance: none;
}

#companyId {
	float: left;
	width: 60%;
	height: 35px;
	line-height: 35px;
	margin-top: 5px;
	font-size: 15px;
	/* color: #BBBBBB; */
	border: none;
	outline: none;
	text-align: left;
	box-sizing: border-box;
}

.tip p.two input {
	width: 44%;
}

.userTip {
	position: relative;
	/*margin-bottom: 1.25rem;*/

}


.userHead {
	position: relative;

	width: 70px;
	flex: 0 0 70px;
	height: 72px;
	border: 1px dashed #e5e5e5;
	margin-right: 2%;
	margin-top: 5px;
	background: url(../../images/visitor/add.png);
	background-repeat: no-repeat;
	background-size: 100% 100%;
}

.userInfo p {
	display: block;
	width: 100%;
	height: 45px;
	line-height: 45px;
	box-sizing: border-box;
}

.fkgs  p {
	display: block;
	width: 100%;
	height: 45px;
	line-height: 45px;
	box-sizing: border-box;
	border-bottom: 1px solid #EEEEEE;
}

.userInfo p:nth-child(1) {
	border-bottom: 1px solid #EEEEEE;
}
.userInfo p:nth-child(2) {
    border-bottom: 1px solid #EEEEEE;
}

.userInfo p input {
	display: block;
	width: 65%;
	height: 44px;
	border: none;
	outline: none;
	float: left;
	font-size: 15px;
	/* color: #BBBBBB; */
}

.userHeadb {
	position: relative;
	float: left;
	width: 25%;
	height: 5.8rem;
	border: 1px dashed #e5e5e5;
	float: left;
	background: url(../../images/visitor/user.png);
	background-repeat: no-repeat;
}

.userHead input {
	display: block;
	width: 100% !important;
	height: 100% !important;
	opacity: 0 !important;
}

.userHead img {
	display: block;
	width: auto;
	max-width: 100%;
	height: 100%;
	border: none;
	margin: 0 auto;
}

.userForm,.fkgs{
	width: 100%;
	/* height: 90px; */

	padding-right: 0;
	background-color: #fff;
	box-sizing: border-box;
}
.userForm{
	display: flex;
}
.fkgs{
	height: 45px;
}

.userInfo {
	/* float: left; */
	flex: 1;
}

.userDel {
	position: absolute;
	right: 0;
	top: 12px ;
	display: block;
	width: 22px;
	height: 22px;
	border-radius: 50%;
	background:  url(../../images/visitor/delete_visitor.png?v=0.1) no-repeat center/contain;

}
.tippp{
	height: 40px;
	line-height: 40px;
	background: #F2F2F2;
	color: #999999;
	font-size: 12px;
	padding: 0 3%;
	text-align: left;
}
#addVistor {
	display: block;
	text-align: center;
	font-size: 14px;
	color: #027CFF;
	line-height: 45px;
}

.userDel img {
	float: right;
	width: 1.4rem;
	height: 1.4rem;
	font-size: 0;
	margin-right: 1%;
	line-height: 5.8rem;
}

.companyInput {
	width: auto;
}

.formBottom {
	clear: both;
	text-align: center;
	line-height: 2rem;

}

.formBottomText {
	font-weight: 100;
	font-size: 1rem;
	text-align: center;
}

.formBottomText span {
	padding-left: 1.2rem;
	background: url(../../images/visitor/recongize.png) left center no-repeat;
	background-size: auto 1rem;
	color: #333;
}

.formBottom input {
	position: relative;
	width: 90%;
	height: 3rem;
	line-height: 3rem;
	background: #FF9400;
	border-radius: 4px;
	color: #fff;
	border: none;
	outline: none;
	font-size: 15px;
	color: #FFFFFF;
	margin-bottom: 1rem;
	margin-top: 2.83rem;
	-webkit-appearance: none;
}

.formBottom input:hover {
	/* background: #006DB6; */
	color: #ccc;
}

.delimage {
	width: 1rem !important;
	height: 1rem !important;
	display: block;
	position: absolute;
	top: -6px;
	left: -3%;
}

.count {}

.timemask {
	display: none;
	position: fixed;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
	background-color: rgba(0, 0, 0, 0.5);
}

.timecon {
	position: absolute;
	left: 50%;
	top: 7rem;
	width: 90%;
	padding-top: 1.5rem;
	margin-left: -45%;
	background-color: #fff;
}

.timecon span {
	display: block;
	text-align: center;
	color: #333;
	margin-bottom: 1.33rem;
	font-size: 1.17rem;
}

.timecon input {
	display: block;
	width: 62%;
	height: 2.5rem;
	line-height: 2.5rem;
	margin: 0 auto 1.5rem;
	border: 0.1rem solid #e5e5e5;
	text-align: center;
}

.time-btn {
	display: block;
	width: 100%;
	height: 3.33rem;
	text-align: center;
	line-height: 3.33rem;
	color: #fff;
	background-color: #006DB6;
}
.info-text{
	float: left;
	font-size: 15px;
	color: #333333;

}
.code-wp{
	padding: 15px 0;
	background: #fff;
	margin: 0 auto;
	width: 90%;
	text-align: center;
}
.code-wp .title{
	font-size: 18px;
	font-weight: 600;
	margin-bottom: 6px;
	color: #007BFF;
}
.code-wp .tip{
	font-size: 12px;
	color: #999;
}
.qrcode_img_wrap{
	margin: 20px 0;
}
.pass-wp {
	padding: 15px 0;
	background: #fff;
	margin: 20px auto;
	width: 90%;
}

.pass-wp .title{
	margin-left: 15px;
	text-align: left;
	font-size: 18px;
	font-weight: 600;
	margin-bottom: 6px;
	color: #333333;
}

.pass-wp .line{
	margin-top: 10px;
	margin-left: 15px;
	margin-bottom: 10px;
	width: calc(100% - 30px);
	height: 1px;
	border-bottom: 1px solid #e5e5e5;
}

.pass-wp .cell-list {
	display: flex;
	margin-left: 15px;
	width: calc(100% - 30px);
	height: 44px;
	line-height: 44px;
}

.pass-wp .cell-list .cell-left {
	text-align: left;
}

.pass-wp .cell-list .cell-right {
	flex: 1;
	text-align: right;
}

.throuth_code{
	font-family: PingFangSC-Medium;
font-size: 18px!important;
color: #007BFF!important;
letter-spacing: 0;
text-align: center;
}
.throuth_code_tip{
	font-family: PingFangSC-Regular;
font-size: 15px!important;
color: #333333!important;
letter-spacing: 0;
text-align: center;
display: inline-block;
padding-top: 4px;
}
