@charset "utf-8";
/* CSS Document */

body{
	height: auto;
	margin: 0 auto;
	font: 14px/1.4 "PingFang","Microsoft Yahei",Arial,Helvetica,sans-serif;
}


.container{ /*根据效果图主体宽度定义*/
	padding-right: 20px;
	padding-left: 20px;
}


/*首页*/
.login-header{
	width: 100%;
	margin-bottom: 13%;
	position: relative;
}
.login-header .bg-img{
	display: block;
	width: 100%;
}
.login-header .logo{
	display: block;
	width: 37%;
	position: absolute;
	top: 23.5%;
	left: 31.5%;
}
.login-header .logo img{
	display: block;
	width: 100%;
}
.login-header .bottom{
	position: absolute;
	right: 0;
	bottom: -1px;
	left: 0;
}
.login-header .bottom img{
	display: block;
	width: 100%;
}
.login-form{
	width: 78.8%;
}
.login-form .title{
	line-height: 1.6;
	margin-bottom: 5.5rem;
	font-size: 4.2rem;
	color: #007af5;
	font-weight: bold;
	text-align: center;
}
.login-form .form-group{
	position: relative;
	margin-bottom: 4rem;
}
.login-form .form-group i{
	width: 16%;
	line-height: 8.8rem;
	font-size: 3.2rem;
	color: #007af5;
	font-weight: bold;
	text-align: center;
	position: absolute;
	top: 0;
	left: 0;
}
.login-form .form-group input[type=text]{
	display: block;
	width: 100%;
	height: 8.8rem;
	padding-left: 16%;
	background: #eff2f6;
	border-radius: 1rem;
	border: none;
	box-sizing: border-box;
	font-size: 3rem;
}
.login-form .form-group input[type=password]{
	display: block;
	width: 100%;
	height: 8.8rem;
	padding-left: 16%;
	background: #eff2f6;
	border-radius: 1rem;
	border: none;
	box-sizing: border-box;
	font-size: 3rem;
}
.login-form .btn{
	width: 100%;
	height: 8.8rem;
	margin-top: 3rem;
	background: #007af5;
	border: none;
	border-radius: 1rem;
	font-size: 3.2rem;
	color: #f6f8fa;
}


/*2个人信息*/
.personalData-photos{
	position: relative;
}
.personalData-photos .bg-img{
	display: block;
	width: 100%;
}
.personalData-photos .box{
	font-size: 3.2rem;
	color: #fff;
	text-align: center;
	position: absolute;
	top: 28%;
	right: 0;
	left: 0;
}
.personalData-photos .box img{
	display: block;
	width: 24%;
	margin-bottom: 3%;
	border: 0.7rem solid #fff;
	border-radius: 50%;
	box-sizing: border-box;
}
.personalData-body{
	margin-top: -5%;
	margin-right: 4%;
	margin-left: 4%;
	position: relative;
}
.personalData-body .content{
	padding-right: 5%;
	padding-left: 5%;
	background: #fff;
	border-radius: 1rem;
}
.personalData-body .content .box{
	line-height: 11.8rem;
	border-bottom: 1px solid #e1e1e1;
}
.personalData-body .content .box:last-child{
	border-bottom: none;
}
.personalData-body .content .box .name{
	float: left;
	font-size: 3.2rem;
	color: #222;
}
.personalData-body .content .box .name img{
	vertical-align: middle;
	margin-right: 2rem;
}
.personalData-body .content .box .text{
	float: right;
	padding-right: 8%;
	background: url("../images/icon_4.png") right center no-repeat;
	font-size: 3rem;
	color: #999;
}
.personalData-body .a-link{
	display: block;
	height: 8.8rem;
	line-height: 8.8rem;
	background: #007af5;
	border-radius: 1rem;
	margin-top: 4rem;
	font-size: 3.2rem;
	color: #fff;
	text-align: center;
}


/*3公司列表*/
.insidePage-header{
	height: 8.8rem;
	line-height: 8.8rem;
	margin-bottom: 2rem;
	background: #fff;
	font-size: 3.6rem;
	color: #333;
	text-align: center;
	position: relative;
}
.insidePage-header .btn{
	position: absolute;
	top: 0;
	left: 3%;
}
.insidePage-body{
	padding-right: 3%;
	padding-left: 3%;
}
.insidePage-body .search-box{
	height: 8.8rem;
	margin-bottom: 2rem;
	background: #fff;
	border-radius: 1rem;
	font-size: 0;
	text-align: center;
}
.insidePage-body .search-box input
{
    float:left;
	min-width: 28rem;
	max-width: 100%;
	height: 8.8rem;
	line-height: 8.8rem;
	border: none;
	box-sizing: border-box;
	vertical-align: middle;
	font-size: 2.4rem;
}
.insidePage-body .search-box .btn
{
    float:left;
    width: 7rem;
    display: inline-block;
	height: 8.8rem;
	line-height:8.8rem;
	background: url("../images/icon_6.png") center center no-repeat;
	border: none;
	vertical-align: middle;
}
.insidePage-body .search-box .btn img
{
    display:none;
}
.insidePage-body .publicList-1 .box{
	line-height: 5rem;
	padding-top: 1.9rem;
	padding-bottom: 1.9rem;
	padding-left: 4.2%;
	margin-bottom: 2rem;
	background: url("../images/li_bg1.png") right 4.2% top 2.9rem #fff no-repeat;
	border-radius: 1rem;
	font-size: 3rem;
	color: #999;
}
.insidePage-body .publicList-1 .box a{
	display: block;
	color: #111;
}
.insidePage-body .more{
	display: block;
	margin-bottom: 2rem;
	font-size: 2.4rem;
	color: #999;
	text-align: center;
}


/*5订单列表*/
.insidePage-body .publicList-2 .box{
	line-height: 5rem;
	padding: 1.9rem 4.2%;
	margin-bottom: 2rem;
	background: #fff;
	border-radius: 1rem;
	color: #999;
	text-align:center;
}
.insidePage-body .publicList-2 .box a{
	float: left;
	width: calc(100% - 14rem);
	font-size: 3rem;
	color: #111;
}
.insidePage-body .publicList-2 .box span{
	float: right;
	font-size: 2.4rem;
}


/*6订单详情*/
.orderDetails-title{
	line-height: 9.8rem;
	padding-right: 4.2%;
	padding-left: 4.2%;
	margin-bottom: 2rem;
	background: #fff;
	border-radius: 1rem;
	font-size: 3.2rem;
	color: #111;
}
.orderDetails-content{
	padding: 3rem 4.2%;
	background: #fff;
	border-radius: 1rem;
	margin-bottom: 2rem;
}
.orderDetails-content .title{
	line-height: 1.8;
	margin-bottom: 2rem;
	font-size: 3rem;
	color: #111;
}
.orderDetails-content .content{
	line-height: 1.6;
	font-size: 2.8rem;
	color: #666;
}
.orderDetails-content .content img{
	display: block;
	width: 100%;
}


.user-header{
	margin-bottom: 2rem;
	position: relative;
}
.user-header .bg-img{
	display: block;
	width: 100%;
}
.user-header .box{
	font-size: 2.8rem;
	color: #fff;
	text-align: center;
	position: absolute;
	top: 31.25%;
	right: 0;
	left: 0;
}
.user-header .box img{
	display: block;
	width: 37%;
	margin-bottom: 3%;
}

/*分页*/
.fy .fy_l{
	display:none;
}
.fy .fy_r{
	width:100%;
}
/*分页*/
.fy{
	width:100%;
	margin-top:40px;
}
.fy .fy_l{
	width:30%;
	float:left;
	text-align: center;
}
.fy .fy_l span{
	font-size: 16px;
	color:#666;
	padding:7px 0px;
	display: inline-block;
}
.fy .fy_r{
	width:100%;
	float:left;
	text-align: center;
}
.fy .fy_r a{
	display:inline-block;
	padding:6px 16px;
	font-size: 30px;
	color:#333;
	border:1px solid #cecece;
	box-sizing: border-box;
	margin:0 2px;
	cursor: pointer;
}
.fy .fy_r a:hover
{
    background-color: #f3f9ff;color: #fff !important;border:1px solid #f3f9ff !important;
}
.fy1{
	margin-top:40px;
	padding-top:40px;
	border-top:1px dashed #d6d6d6;
}
.fy1 a{
	display:block;
	width:60%;
	font-size:16px;
	color:#999;
	overflow: hidden;
	white-space: nowrap;
	text-overflow: ellipsis;
	margin:10px 0;
}