/*通用样式*/
*{padding: 0;margin: 0;}
address,caption,cite,code,dfn,em,th,var{font-weight:normal;font-style:normal;}
h1,h2,h3,h4,h5,h6{font-weight:normal;}
img{border:0px;}
a{text-decoration:none;}
a:hover{text-decoration:none;}
a:focus{outline:none;}
ul,li{list-style:none;padding:0;margin:0;}
html{width:100%;height:100%;position: relative}
body{margin:0;padding:0;font-size:14px;background:#00040A;}
.wrap{min-width:1100px;display: flex;display:-webkit-box;display: -moz-box;display: -ms-flexbox;display: -webkit-flex;}
.flex{display: flex;display:-webkit-box;display: -moz-box;display: -ms-flexbox;display: -webkit-flex;}  
/*logo整行的样式 */
.content{flex: 1;background:url("../../images/newLogin/bg.jpg") no-repeat center center;min-width:592px;height:91vh;background-size:100% 100%;box-sizing: border-box;padding: 0px 15vw;display: flex;display:-webkit-box;display: -moz-box;display: -ms-flexbox;display: -webkit-flex;flex-direction: column}
.content>.logo{display: flex;display:-webkit-box;display: -moz-box;display: -ms-flexbox;display: -webkit-flex;justify-content: space-between;padding-top:25px}
.content>.logo>.version>span{display: inline-block;font-size: 14px;color: #e2e2e2;vertical-align: middle;margin-top: 20px;}
.content>.logo>.version>img{vertical-align: middle;width:312px;}
.content>.logo>div{position:relative;font-size:16px;color:#fff;margin-top:18px}
.content>.logo>div>span{margin-right:25px;cursor: pointer}
.content>.logo>div>span:first-of-type{display: inline-block;width: 105px;margin-right: 0px;}
.content>.logo>div>span>a{color:#fff}
.content>.logo>div>span:last-of-type{margin-right:0px;}
.content>.logo>div>img{position: absolute;top:15px;left:-30px;display: none;z-index: 10}
 
/*中间部分轮播以及登录框样式*/
.content>.login{display: flex;display:-webkit-box;display: -moz-box;display: -ms-flexbox;display: -webkit-flex;justify-content: space-between;flex:1;margin-top: -110px;}
#phoneLogin{display: flex;align-items: center;}
.content>.login>div:first-of-type{margin-right: 10%;min-width:440px;flex:1;display: flex;display:-webkit-box;display: -moz-box;display: -ms-flexbox;display: -webkit-flex;justify-content: center;align-items: center}
.content>.login .dimensionalCodeLogin{display: none}
.content>.login .mobilePhoneLogin>div,.content>.login .dimensionalCodeLogin>div{background:#fff;width:410px;display: flex;display:-webkit-box;display: -moz-box;display: -ms-flexbox;display: -webkit-flex;justify-content:center;/*x轴对齐方式*/align-items:center; /*y轴对滴方式*/flex-direction:column;position: relative;padding-top:20px;padding-bottom:30px}
.content>.login .mobilePhoneLogin>div>.switchType,.content>.login .dimensionalCodeLogin>div>.switchType{width:66px;height:70px;position: absolute;top: -1px;right:-2px;cursor: pointer}
.content>.login .mobilePhoneLogin>div>.tipFrame{ display:none; width:90px; height: 30px; line-height:30px; background: #fff; box-shadow: 0px 0px 7px #737373; -moz-box-shadow: 0px 0px 7px #737373; -webkit-box-shadow:0px 0px 7px #737373; position: absolute; top: 80px; right: -48px; border-radius: 7px; text-align: center; -webkit-border-radius: 7px; -moz-border-radius: 7px; -ms-border-radius: 7px; -o-border-radius: 7px; }
.content>.login .mobilePhoneLogin>div>.tipFrame>span:first-of-type{position:absolute;left:33px; top:-10px;border-style: solid;border-width: 0px 10px 10px 10px;border-color: transparent transparent #fff transparent;width: 0px;height: 0px;}
.content>.login .dimensionalCodeLogin>div>.tipFrame{display:none;width:140px;height: 30px;line-height:30px;background: #fff;box-shadow: 0px 0px 7px #737373; -moz-box-shadow: 0px 0px 7px #737373;-webkit-box-shadow:0px 0px 7px #737373;position: absolute;top: 73px;right: -75px;border-radius: 7px;text-align: center;}
.content>.login .dimensionalCodeLogin>div>.tipFrame>span:first-of-type{position:absolute;left:53px; top:-10px;border-style: solid;border-width: 0px 10px 10px 10px;border-color: transparent transparent #fff transparent;width: 0px;height: 0px;}
.content>.login .mobilePhoneLogin>div>div,.content>.login .dimensionalCodeLogin>div>div{text-align: center;}
.content>.login .mobilePhoneLogin>div>div>.title{margin-bottom:20px}
.content>.login .mobilePhoneLogin>div>div>.title>span.span1{font-size:18px;color:#1f2d59;cursor: pointer; vertical-align: middle;}  
.content>.login .mobilePhoneLogin>div>div>.new-info{color:#666;font-size: 14px;padding-bottom:14px;text-align: left;margin-left: 55px;}
.content>.login .mobilePhoneLogin>div>div>.new-info a{color:#1E9EDF;font-size: 14px;cursor: pointer;}
/* .content>.login .mobilePhoneLogin>div>div>.bind-info{text-align: left;font-size:16px;color:#222222;margin-bottom: 14px;}  */
.verificationCodeLogin,.accountLogin{text-align: left;font-size: 14px;color:#1E9EDF;cursor: pointer;}
/* .content > .login .mobilePhoneLogin > div > div .account{text-align: left;} */
/*账号登录以及验证码登录样式*/
.content>.login .mobilePhoneLogin>div div .verificationCode{display: none;}
.content>.login .mobilePhoneLogin>div>div .input input{width: 300px;height:40px;box-sizing: border-box;padding-left:12px;border:1px solid #dcdcdc;outline: none;}
.content>.login .mobilePhoneLogin>div>div .input>.forgetPassword{width: 100%;height:40px;margin-top: 18px;position: relative;box-sizing: border-box;text-align: center;} 
.content>.login .mobilePhoneLogin>div>div .input>.forgetPassword>input{width: 300px;height:40px;box-sizing: border-box;border:transparent;border:1px solid #dcdcdc;}
.content>.login .mobilePhoneLogin>div>div .input>.forgetPassword1 >input{width: 200px;display:inline-block;}
.content>.login .mobilePhoneLogin>div>div .input>.forgetPassword>.reset{visibility: hidden;position: absolute;top:13px;right: 15px;}
.content>.login .mobilePhoneLogin>div>div .input>.forgetPassword>span,.content>.login>.mobilePhoneLogin>div>div .input>.forgetPassword>span>a{font-size:14px;color:#485777;cursor: pointer}
.content>.login .mobilePhoneLogin>div>div .input>.forgetPassword>span{
    display:inline-block;
    width: 98px;
    height: 40px;
    line-height: 40px;
    border:1px solid #193059;
    text-align: center;
    color:#193059; 
    box-sizing: border-box;
    position: absolute;
    top:0px;
    right: 110px;
    font-size: 12px;
}
/*.content>.login .mobilePhoneLogin>div>div .input>input:first-of-type{margin-bottom:20px}*/
.content>.login .mobilePhoneLogin>div>div .input input::-webkit-input-placeholder{color:#3a3a3a;font-size:16px}
.content>.login .mobilePhoneLogin>div>div .input input::-moz-placeholder{   /* Mozilla Firefox 19+ */color:#3a3a3a;font-size:16px}
.content>.login .mobilePhoneLogin>div>div .input input:-moz-placeholder{    /* Mozilla Firefox 4 to 18 */color:#3a3a3a;font-size:16px}
.content>.login .mobilePhoneLogin>div>div .input input:-ms-input-placeholder{  /* Internet Explorer 10-11 */color:#3a3a3a;font-size:16px}
.content>.login .mobilePhoneLogin>div>div .loginBtn{margin-top:10px;margin-bottom:10px}
.content>.login .mobilePhoneLogin>div>div .loginBtn>button{font-size: 14px;letter-spacing:2px;width:300px;height:40px;background:#193059;color:#fff;outline: none;border:transparent;cursor: pointer}
.content>.login .dimensionalCodeLogin>div h2{font-size: 24px;color: #1f2d59;}
.content>.login .dimensionalCodeLogin>div p{margin-top: 25px;font-size: 14px;color: #999;margin-bottom: 30px;}
.content>.login .dimensionalCodeLogin>div p>span{color: #ea5d4e;}
.content>.login .dimensionalCodeLogin>div .images>img{vertical-align: top}
.content>.login .dimensionalCodeLogin>div .images>#qrcode{display:inline-block;width:170px;height:100%;margin-top:7px}
.content>.login .dimensionalCodeLogin>div .images>img{width:170px;height:180px}
.sendCode{display:none}
#validateNum{width:100%} 
/*温馨提示*/
.content>.login .mobilePhoneLogin>div>div>.tips,.content>.login .dimensionalCodeLogin>div>div>.tips{font-size:12px;color:#999;text-align: center;margin-top:10px;}

/*验证提示*/
.tip,.tip1{text-align: left;margin-top: 10px;margin-left: 51px;}
.tip>span,.tip1>span{vertical-align: middle}
.tip>span:nth-child(1),.tip1>span:nth-child(1){display:inline-block;width: 18px;height:18px;background:url("../../images/newLogin/warning.png") center no-repeat;margin-right:6px}
.tip>span:nth-child(2),.tip1>span:nth-child(2){font-size: 12px;color: #EC454F;display:inline-block;}
.tip>span:nth-child(2) .binding,.tip1>span:nth-child(2) .binding{color:#1E9EDF;cursor: pointer;}
/*footer部分样式*/
.footer{width:100%;background:#00040A;box-sizing: border-box;padding: 0px 15vw;position: fixed;bottom: 52px;height: 80px;display: flex;display:-webkit-box;display: -moz-box;display: -ms-flexbox;display: -webkit-flex;align-items: center;}
.footer>div{flex:1;justify-content: space-between}
.footer>div>.Media{align-items: center}
.footer>div>.Media>.Media-figure{margin-right:1em;width: 40px;height: 40px;}
.footer>div>.Media>.Media-body{font-size:12px;color:#e2e2e2}
.footer>div>.Media>.Media-body>div:first-of-type{margin-bottom: 5px;}
.hidden{visibility:hidden;}
.none{display: none;}
.footer>div>.qr_big {
    position: relative;
}
.footer>div>.qr_big>.qr_hover_box {
    position: absolute;
    width: 130px;
    height: 137px;
    bottom: 60px;
    left: -48px;
    display: none;
}
.footer>div>.qr_big:hover .qr_hover_box {
    display: block;
}
@media screen and (max-width:1366px){
    .content{padding: 0px 6vw;height:92vh}
    .footer{padding: 0px 6vw;height: 50px;bottom: 43px;}
    .content > .login .dimensionalCodeLogin > div .images > img{width:140px;height:148px}
    .content>.login{margin-top: -48px;}
    .content>.login .mobilePhoneLogin>div,.content>.login .dimensionalCodeLogin>div{width:410px;padding-top:25px;padding-bottom:30px}
    .content>.login .mobilePhoneLogin>div>div>.title>span.span1{font-size:18px;}
    .content>.logo>div{font-size:14px;}
    .content>.login .dimensionalCodeLogin>div h2{font-size: 20px;}
    .content>.login .mobilePhoneLogin>div>div .input>.forgetPassword{width:100%px;height: 40px;font-size:14px} 
    .content>.login .mobilePhoneLogin>div>div .input>.forgetPassword>input{height:40px}
    .content>.login .mobilePhoneLogin>div>div .input>.forgetPassword1>input{width:183px;height: 40px;font-size:14px}
    .content>.login .mobilePhoneLogin>div>div .input input{width: 300px;height: 40px;font-size:14px}
    .content>.login .mobilePhoneLogin>div>div .loginBtn>button{width: 300px;height:40px;font-size:14px}
    .content>.login .mobilePhoneLogin>div>div .loginBtn{margin-bottom:10px}  
    .content>.login .mobilePhoneLogin>div>div .loginBtn{margin-top:10px}
    .content>.logo>.version>img{width:250px;}
    .content>.logo{padding-top:20px}
    .content>.login .mobilePhoneLogin>div>div .input input::-webkit-input-placeholder{color:#3a3a3a;font-size:14px}
    .content>.login .mobilePhoneLogin>div>div .input input::-moz-placeholder{   /* Mozilla Firefox 19+ */color:#3a3a3a;font-size:14px}
    .content>.login .mobilePhoneLogin>div>div .input input:-moz-placeholder{    /* Mozilla Firefox 4 to 18 */color:#3a3a3a;font-size:14px}
    .content>.login .mobilePhoneLogin>div>div .input input:-ms-input-placeholder{  /* Internet Explorer 10-11 */color:#3a3a3a;font-size:14px}
    .content>.login .mobilePhoneLogin>div>div .loginBtn{margin-top:10px;}
    .footer>div>.Media>.Media-figure{width: 30px;height: 30px;}
    .footer>div>.Media>.twoCode{width: 35px;height: 35px;}
    .content>.login .mobilePhoneLogin>div>.switchType, .content>.login .dimensionalCodeLogin>div>.switchType{width: 56px;height: 60px;}
    .content>.logo>div>img{left:-97px;}
}
/* 更换背景图 start*/
/* .content>.login .mobilePhoneLogin>div>div>.title>span.span1 {
    display: none;
}
.content>.login .mobilePhoneLogin>div>div>.title {
    margin-bottom: 0;
}
.content>.login .dimensionalCodeLogin>div p {
    margin-top: 0;
}
.fighting {
    width: 100%;
} */
.footer .copy {
    margin-top: 12px;
    box-sizing: border-box;
    padding-bottom: 12px;
    width: 100%;
    border-bottom: 1px solid #1D2432;
}
.footer1 {
    font-size: 12px;
    color: #8A9098;
    width: 100%;
    background: #00040A;
    box-sizing: border-box;
    padding: 0px 15vw;
    position: fixed;
    bottom: 0;
    height: 51px;
}
.footer1 > div {
    justify-content: center;
}
.footer1 > div.xieyi {
    margin: 10px 0;
}
.footer1 .copyright {
    margin-right: 24px;
}
.footer1 .copyright1 {
    margin-right: 5px;
}
.footer1 .xieyi a {
    margin-right: 20px;
    cursor: pointer;
}
.footer1 .xieyi a:hover {
    color: #0072ff;
}
.footer1 .xieyi a:last-child {
    margin-right: 0;
}
.footer1 a {
    line-height: 1;
    color: #8A9098;
}
/* 绑定手机号 */
.confirm-the-service{
    position: fixed;
    left: 0;
    top: 0;
    height: 100%;
    width: 100%;
    background: rgba(0, 0, 0, 0.5);
    z-index: 1200; 
    display:none;
  }
.confirm-the-service > div{
    font-family: '黑体';
    font-size: 14px;
    font-weight: 400;
    position: fixed;
    left: 50%;
    top: 50%;
    margin-left: -300px;
    margin-top: -228px;
    z-index: 900;
    width: 600px;
    height: 459px;
    background-color: rgba(255,255,255,1);
    color: #222222;
    border-radius: 2px;
  }
.confirm-the-service > div .title{ 
font-size:12px;  
color:rgba(34,34,34,1); 
margin-top:50px;
text-align: center;
padding-bottom:20px;
}
.confirm-the-service > div .serviceInfo{
box-sizing: border-box;
margin-left:80px;
color:#666666;
}
.confirm-the-service > div .serviceInfo .red{
color:#E65441;
}
.confirm-the-service > div .serviceInfo p{
margin-bottom:16px;
}
.confirm-the-service > div .title1{
width: 541px;
line-height: 36px;
color:#fff;
height: 36px;
background-color: #1E9EDF;
position: relative;
left:-20px;
}
.confirm-the-service > div .title1 p{
margin-left:100px;
}
.confirm-the-service > div .title1 i{
display:block;
width: 0;
height: 0;
border:20px solid #0074AF;
border-width: 5px 10px;
position: absolute;
left:0px;
bottom: -10px;
border-left-color: transparent;
border-bottom-color: transparent;
}
.confirm-the-service > div .from-wary p{
margin: 16px 0 0 80px;
font-size: 14px;
color:#666666;
}
.confirm-the-service > div .from-wary p.p1{margin: 20px 0 0 80px;}
.confirm-the-service > div .from-wary p .inputClass{width: 290px;height: 36px;line-height: 36px;color:#222;padding-left:7px;box-sizing: border-box;border:1px solid rgba(218,220,223,1);}
.confirm-the-service > div .from-wary p input.phoneText{
width: 440px;
}
.confirm-the-service > div .from-wary p.p1 .buttomMsg{border:1px solid #1E9EDF;display:inline-block;border-radius:2px;width:132px;height:36px;background-color: #fff;color:#1E9EDF;margin-left:17px;cursor: pointer;text-align: center;line-height: 36px;}
.confirm-the-service > div .confirmUse{
margin-left: 80px;
width: 440px;
height: 40px;
line-height: 40px;
text-align: center;
line-height: 40px;
color:#fff;
margin-top:5px;
border-radius:2px;
cursor: pointer;
background-color: #1E9EDF;
}
.confirm-the-service .pubClose{
    position: absolute;
    top:10px;
    right:10px;
    cursor: pointer;
}
.protocal {
    margin: 4px 51px 0;
    text-align: left;
    color: #999999;
    font-size: 12px;
}
.content>.login .mobilePhoneLogin>div>div .input>.forgetPassword.forgetPassword1 {
    text-align: left;
    margin-left: 55px;
}
.protocal a {
    text-decoration: none;
    color: #999999;
}
.protocal a:hover {
    color: #1E9EDF;
}
.account .protocal, .verificationCode .protocal, .sendCode .protocal {
    margin-bottom: 64px;
}
.dimensionalCodeLogin .protocal {
    margin-left: 0;
    text-align: center;
    margin: 22px 60px 26px;
}
/* 100周年主题 */ 
/* .wrap-100 .content{background-image: url("../../images/newimages/login/bj.jpg");}
.wrap-100 .content > .login .mobilePhoneLogin > div > div .loginBtn > button{background: #da0004;}
.wrap-100 .content > .login > div:first-of-type{margin-top: -10px;margin-right: 3%;} */