@charset "UTF-8";
/**
 * 
 * @authors GriezmANN (you@example.org)
 * @date    2018-06-29 10:24:53
 * @version $Id$
 */
.personCenter{background:url(../images/indexbg.jpg);background-size:cover;position:relative;}
.personCenter .header{position:absolute;left:0px;top:30px;width:100%;padding:0px 60px;box-sizing:border-box;}
.personCenter .header .logo{float:left;}
.personCenter .header .personInfo{float:right;height:30px;line-height:30px;padding-left:45px;background:url(../images/man.png) left center no-repeat;margin-top:36px;}
.personCenter .header .personInfo .infoBox a{font-size:16px;color:#fff;display:block;padding-right:18px;background:url(../images/sj.png) right center no-repeat;} 


.personCenter .footer{position:absolute;left:0px;bottom:0px;width:100%;padding:0px 60px;box-sizing:border-box;}
.personCenter .footer .txt{font-size:14px;color:rgba(255,255,255,0.6);text-align:center;height:60px;line-height:60px;border-top:1px solid #3066a5;}


.personCenter .infoList{position:absolute;left:0;top:50%;transform:translate(0,-56%);width:100%;}
.personCenter .infoList .intit{font-size:48px;color:#fff;text-align:center;}
/* font-family: 'GOTHAM-XLIGHT'; */
.personCenter .infoList .inbod{text-align:center;margin-top:130px;}
.personCenter .infoList .inbod ul{font-size:0px;}
.personCenter .infoList .inbod li{margin:0px 3%;display:inline-block;}
.personCenter .infoList .inbod li .pic{width:150px;height:150px;text-align:center;line-height:150px;border-radius:66px;background:url(../images/mc.png) center no-repeat;}
.personCenter .infoList .inbod li .txt{font-size:22px;color:rgba(255,255,255,0.8);padding-top:30px;transition:all 0.3s;}
.personCenter .infoList .inbod li .pic img{transition:all 0.3s;}
.personCenter .infoList .inbod li:hover .pic img{transform:scale(0.9);}
.personCenter .infoList .inbod li:hover .txt{color:rgba(255,255,255,1);}





.loginWrap{position:relative;}
.loginWrap .boxL{width:50%;height:100%;position:absolute;left:0px;top:0px;background:url(../images/loginBg.jpg);background-size:cover;}
.loginWrap .boxL .logo{position:absolute;left:60px;top:30px;}
.loginWrap .boxL .txt{position:absolute;right:70px;bottom:50px;color:#fff;font-size:22px;text-align:right;letter-spacing:3px;}
.loginWrap .boxL .txt em{display:block;margin-right:-4px;}
.loginWrap .boxL .txt span{font-size:16px;display:block;font-family:Arial;letter-spacing:0px;padding-top:12px;}
.loginWrap .boxR{width:50%;height:100%;position:absolute;right:0px;top:0px;}

.loginWrap .boxR .center{width:50%;position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);}
.loginWrap .boxR .center .intit{font-size:32px;color:#1c2228;text-align:center;letter-spacing:12px;margin-bottom:70px;}
.loginWrap .boxR .center .inbod label{display:block;position:relative;margin-bottom:30px;}
.loginWrap .boxR .center .inbod label input{display:block;height:52px;font-size:16px;color:#1c2228;border:none;outline:none;padding:0px 0px 0px 80px;border-bottom:1px solid #ccc;width:100%;box-sizing:border-box;}
.loginWrap .boxR .center .inbod .lab1 span{display:block;width:80px;height:100%;position:absolute;left:0px;top:0px;background:url(../images/ip1.png) center no-repeat;}
.loginWrap .boxR .center .inbod .lab2 span{display:block;width:80px;height:100%;position:absolute;left:0px;top:0px;background:url(../images/ip2.png) center no-repeat;}
.loginWrap .boxR .center .inbod .lab3 span{display:block;width:80px;height:100%;position:absolute;left:0px;top:0px;}

.loginWrap .boxR .center .inbod label input:-moz-placeholder { /* Mozilla Firefox 4 to 18 */
    color: #b2b2b2; opacity:1;
}

.loginWrap .boxR .center .inbod label input::-moz-placeholder { /* Mozilla Firefox 19+ */
    color: #b2b2b2;opacity:1;
}

.loginWrap .boxR .center .inbod label input:-ms-input-placeholder{
    color: #b2b2b2;opacity:1;
}

.loginWrap .boxR .center .inbod label input::-webkit-input-placeholder{
    color: #b2b2b2;opacity:1;
}

.loginWrap .boxR .center .sub{width:200px;height:52px;background-color:#478bde;font-size:20px;color:#fff;border-radius:26px;border:none;outline:none;cursor:pointer;margin:0 auto;display:block;margin-top:70px;letter-spacing:4px;transition:all 0.3s;}
.loginWrap .boxR .center .sub:hover{background-color:#2477de;}

@media(max-width:1600px){
	
	.personCenter .header .personInfo{margin-top:20px;}
	.personCenter .infoList .inbod li{margin:0px 2%;}
	.personCenter .infoList .inbod li .pic{width:130px;height:130px;line-height:130px;}
	.personCenter .infoList .inbod li .pic img{width:60px;height:auto;}

}

@media(max-width:1500px){

	
	.loginWrap .boxL .logo{left:50px;}
	.loginWrap .boxL .txt{font-size:20px;}
	.loginWrap .boxL .txt span{font-size:14px;padding-top:6px;}

	.loginWrap .boxR .center .intit{font-size:26px;letter-spacing:8px;}
	.loginWrap .boxR .center .inbod label{margin-bottom:23px;}
	.loginWrap .boxR .center .inbod label input{height:46px;font-size:14px;padding:0px 0px 0px 60px;}
	.loginWrap .boxR .center .inbod .lab1 span{background-size:18px auto;width:60px;}
	.loginWrap .boxR .center .inbod .lab2 span{background-size:18px auto;width:60px;}
	.loginWrap .boxR .center .inbod .lab3 span{background-size:18px auto;width:60px;}
	.loginWrap .boxR .center .sub{width:150px;height:42px;font-size:14px;}

	.personCenter .header .logo{width:170px;}
	.personCenter .infoList .intit{font-size:38px;}
	.personCenter .infoList .inbod{margin-top:100px;}
	.personCenter .infoList .inbod li .pic{width:110px;height:110px;line-height:110px;}
	.personCenter .infoList .inbod li .pic img{width:40px;height:auto;}
	.personCenter .infoList .inbod li .txt{font-size:16px;padding-top:18px;}
	.personCenter .footer .txt{height:46px;line-height:46px;font-size:12px;}

}