@charset "utf-8";
html{color:#000;background:#FFF;font-family:Arial,'宋体';}
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,input,button,textarea,p,blockquote,th,td,strong{padding:0;margin:0;font-family:Arial,'宋体';}
table{border-collapse:collapse;border-spacing:0;}
fieldset,img{border:0;}
a{text-decoration:none; color:#666666; outline:none;}/*此处待添加默认链接颜色*/
var,em,strong{font-style:normal;}
address,caption,cite,code,dfn,em,strong,th,var, optgroup{font-style:inherit;font-weight:inherit;}
del,ins{text-decoration:none;}
li{list-style:none;}
caption,th{text-align:left;}
h1,h2,h3,h4,h5,h6{font-size:100%;font-weight:normal;}
q:before,q:after{content:'';}
abbr,acronym{border:0;font-variant:normal;}
sup{vertical-align:baseline;}
sub{vertical-align:baseline;}
legend{color:#000;}
input,button,textarea,select,optgroup,option{font-family:inherit; font-size:inherit;font-style:inherit;font-weight:inherit;}
input,button,textarea,select{*font-size:100%;}
.clearfix:after {content:"\200B"; display:block; height:0; clear:both; }
.clearfix { *zoom:1; }

body,html{
    background-color:  #f5f5f5;
	min-height: 480px;
	min-width: 320px;
}

.sumit_item{
	width: 100%;
    height: 10.5rem;
}
.has-vositor .sumit_item{
	height: 12.5rem
}
.submit_add{
    border: 0;
    width:50%;
    height: 9.33rem;

    margin-left: 25%;
    margin-right: 25%;
    text-align:center;

    -webkit-appearance:none;
    border-radius: 0!important;
}

.submit_img {
  background:url(../../images/visitor/addSumit.png) no-repeat center/contain;
}

.submit_img_f {
  background:url(../../images/visitor/addSumit_f.png) no-repeat center/contain;
}

.has-vositor .submit_add{
	 margin-top: 1.83rem;
    margin-bottom: 0.83rem;
     padding-top: 0.75rem;
    padding-bottom: 0.75rem;
}
.time_remark{
	margin-top: 10px;
    line-height: 2.5rem;
    background-color: #f4f4f4;
    font-family:"PingFangSC-Semibold";
    font-size: 13px;
    color:#999999;
    text-align:center;
    color: #080808;
}

.current_time{
    color:#333333;
}

.recode_item{
	margin: 0 15px;
	overflow: hidden;

    height: 5rem;
    border-radius:5px;
    box-sizing: border-box;
    /* border-bottom: 1px solid #e5e5e5; */
    background: #ffffff;
    margin-bottom: 7px;
    height: 105px;
}
.recode_item .top{

    height: 55px;
    border-bottom: 1px solid #EEEEEE;
    margin:  0 12px;
    box-sizing: border-box;
    line-height: 55px;
}
.recode_item .bottom{

    height: 50px;
    line-height: 50px;
    margin: 0 12px;
}
.time_child{
	float: left;
    width: 25%;
    height: 2.76rem;
    margin: 1.04rem 0 1.04rem 4%;
}

.visitor_time{
    display: inline-block;
    width: 80px;
    font-family:"PingFangSC-Regular";
    font-size: 12px;
    color: #333333;
    text-align:left;
    padding-left: 20px;
    background: url("../../images/visitor/time.png") 0 center no-repeat;
    background-size: 14px;
}

.visitor_state{
    display: block;
    width: 55px;
    height: 23px;
    line-height: 23px;
    border-radius:100px;
    font-family:"PingFangSC-Regular";
    font-size: 12px;
    color: #EF1010;
    margin: 0 auto;
    text-align:center;
    background: #f3f3f3;
    float: right;

    margin-top: 15px;
}

.visitor_state_ok{
    display: block;
    width: 55px;
    height: 23px;
    line-height: 23px;
    border-radius:100px;
    font-family:"PingFangSC-Regular";
    font-size: 12px;
    color: #666666;
    margin: 0 auto;
    text-align:center;
    background: #E7F1FF;
    float: right;

    margin-top: 15px;
}
.visited_company{
    display: inline-block;
    float: right;

    width: 84px;
    text-align: right;
	font-family:"PingFangSC-Regular";
    font-size: 12px;
    color: #333333;
    overflow:hidden;
    text-overflow:ellipsis;
    white-space:nowrap
}

.visited_name{
	overflow:hidden;
	float: left;
    font-size:25px;
    color:#333333;
    font-family:"PingFangSC-Regular";
}

.visited_count{
	float:left;
    margin-left: 15px;
	font-family:"PingFangSC-Regular";
    font-size:25px;
    color:#333333;
    text-align:right;
}
.icon_array{
    width: 1rem;
    height: 5rem;
    float: right;
    background: url("../../images/visitor/icon_right_array.png") 0 center no-repeat;
}
.no-visitor-wp{
	width: 100%;
	position: absolute;
	top: 40%;
	left: 50%;
	overflow: hidden;
	transform: translate(-50%,-50%);
	-ms-transform: translate(-50%,-50%); 	/* IE 9 */
	-moz-transform: translate(-50%,-50%); 	/* Firefox */
	-webkit-transform:translate(-50%,-50%); /* Safari 和 Chrome */
	-o-transform:translate(-50%,-50%); 	/* Opera */
}
