/*通用样式*/
*{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;}
/*绑定手机号弹框*/
.bindPhoneNumber{position: absolute;width:100%;height:100%;background:rgba(0,0,0,0.5);z-index:100;display: none}
.bindPhoneNumber>.bindPhoneBox{width:100%;height:100%;display: flex;display:-webkit-box;display: -moz-box;display: -ms-flexbox;display: -webkit-flex;justify-content: center;align-items: center;}
.bindPhoneNumber>.bindPhoneBox>div{background:#fff;border-radius: 8px;}
.bindPhoneNumber>.bindPhoneBox>div>.topPart{height:35px;text-align: right;margin-right: 20px;margin-top: 16px;}
.bindPhoneNumber>.bindPhoneBox>div>.topPart>.noRemind{font-size:12px;color:#eca340;background:#fef5eb;border:1px solid #f8d8b0;padding: 2px 7px;border-radius: 3px;margin-right: 8px;outline: none;cursor: pointer}
.bindPhoneNumber>.bindPhoneBox>div>.topPart>.skip{font-size:12px;color:#38C0DB;cursor: pointer}
.bindPhoneNumber>.bindPhoneBox>div>.userMessage{box-sizing: border-box;padding:0 100px 56px 100px}
.bindPhoneNumber>.bindPhoneBox>div>.userMessage>.loginSuccess{display: flex;display:-webkit-box;display: -moz-box;display: -ms-flexbox;display: -webkit-flex;justify-content: center;align-items: center;}
.bindPhoneNumber>.bindPhoneBox>div>.userMessage>.loginSuccess>img{vertical-align: middle;margin-right:20px}
.bindPhoneNumber>.bindPhoneBox>div>.userMessage>.loginSuccess>span{font-size:16px;color:#333}
.bindPhoneNumber>.bindPhoneBox>div>.userMessage>h3{font-size:16px;color:#666;letter-spacing: 2px;margin-top: 20px;}
.bindPhoneNumber>.bindPhoneBox>div>.userMessage>.tips{margin-top:20px;}
.bindPhoneNumber>.bindPhoneBox>div>.userMessage>.tips>p{font-size:14px;color:#fd5a55}
.bindPhoneNumber>.bindPhoneBox>div>.userMessage>.tips img{margin-right: 6px;}
/*.bindPhoneNumber>.bindPhoneBox>div>.userMessage>.tips>p:last-of-type{margin-left: 28px;}*/
.bindPhoneNumber>.bindPhoneBox>div>.userMessage>.form{margin-top:20px}
.bindPhoneNumber>.bindPhoneBox>div>.userMessage>.form>.phoneNum{width: 320px;font-size:14px;color:#38C0DB;border:1px solid #ccc;padding-left:6px;height:36px;line-height:36px;border-radius: 6px;}
.bindPhoneNumber>.bindPhoneBox>div>.userMessage>.form>.phoneNum>input{width: 280px;font-size:14px;color:#333;box-sizing:border-box;border:transparent;height:34px;line-height:34px;outline: none}
.bindPhoneNumber>.bindPhoneBox>div>.userMessage>.form>.phoneNum>input::-webkit-input-placeholder{color:#aeaeae;font-size:14px}
.bindPhoneNumber>.bindPhoneBox>div>.userMessage>.form>.phoneNum>input::-moz-placeholder{   /* Mozilla Firefox 19+ */color:#aeaeae;font-size:14px}
.bindPhoneNumber>.bindPhoneBox>div>.userMessage>.form>.phoneNum>input:-moz-placeholder{    /* Mozilla Firefox 4 to 18 */color:#aeaeae;font-size:14px}
.bindPhoneNumber>.bindPhoneBox>div>.userMessage>.form>.phoneNum>input:-ms-input-placeholder{  /* Internet Explorer 10-11 */color:#aeaeae;font-size:14px}
.bindPhoneNumber>.bindPhoneBox>div>.userMessage>.form>.setphoneValid{margin-top:20px;display: none}
.bindPhoneNumber>.bindPhoneBox>div>.userMessage>.form>.setphoneValid>img{vertical-align: middle;margin-right:6px}
.bindPhoneNumber>.bindPhoneBox>div>.userMessage>.form>.setphoneValid>span{vertical-align: middle;font-size:12px;color:#ec454f}

#photos{width:420px;height:300px}
.bindPhoneNumber>.bindPhoneBox>div>.userMessage>.form>.dynamicCode{margin-top:36px;display: flex;display:-webkit-box;display: -moz-box;display: -ms-flexbox;display: -webkit-flex;}
.bindPhoneNumber>.bindPhoneBox>div>.userMessage>.form>.dynamicCode>input{height:36px;line-height: 36px;flex:1;box-sizing: border-box;border: 1px solid #ccc;margin-right: 10px;border-radius: 6px;outline: none;padding-left: 6px;}
.bindPhoneNumber>.bindPhoneBox>div>.userMessage>.form>.dynamicCode>button{width:100px;height:36px;line-height: 36px;box-sizing:border-box;border:1px solid #38C0DB;background: #fff;color:#38C0DB;outline: none;border-radius: 6px;cursor: pointer}
.bindPhoneNumber>.bindPhoneBox>div>.userMessage>.form>.next{margin-top:36px;display: flex;display:-webkit-box;display: -moz-box;display: -ms-flexbox;display: -webkit-flex;}
.bindPhoneNumber>.bindPhoneBox>div>.userMessage>.form>.next>button{ flex:1;box-sizing:border-box;border:transparent;color:#fff;height:36px;line-height: 36px;background:#38AAE1;border-radius: 6px;cursor: pointer;outline: none;}
.bindPhoneNumber>.bindPhoneBox>div>.setPhone{display: none}
.bindPhoneNumber>.bindPhoneBox>div>.setPhone>h4{margin-top:56px;font-size:20px;color:#333;font-weight: bold;letter-spacing: 2px;text-align: center;}
.bindPhoneNumber>.bindPhoneBox>div>.setPhone>.setPsd{margin-top:60px;padding-left:8px;padding-right:8px;width:320px;display: flex;box-sizing: border-box;border:1px solid #b9b9b9;border-radius: 7px}
.bindPhoneNumber>.bindPhoneBox>div>.setPhone>.setPsd>input{height:36px;line-height: 36px;box-sizing:border-box;border:transparent;flex:1;outline: none}
.bindPhoneNumber>.bindPhoneBox>div>.setPhone>.setPsd>span{width:24px;height: 18px;margin-top: 7px;cursor:pointer}
.bindPhoneNumber>.bindPhoneBox>div>.setPhone>.setPsd>.close{background:url(../../images/newLogin/eyeClose.png) center no-repeat;}
.bindPhoneNumber>.bindPhoneBox>div>.setPhone>.setPsd>.open{background:url(../../images/newLogin/eyeOpen.png) center no-repeat;}
.bindPhoneNumber>.bindPhoneBox>div>.setPhone>.setPsd>input::-moz-placeholder{color:#aeaeae;font-size:14px}
.bindPhoneNumber>.bindPhoneBox>div>.setPhone>.setPsd>input::-moz-placeholder{   /* Mozilla Firefox 19+ */color:#aeaeae;font-size:14px}
.bindPhoneNumber>.bindPhoneBox>div>.setPhone>.setPsd>input:-moz-placeholder{    /* Mozilla Firefox 4 to 18 */color:#aeaeae;font-size:14px}
.bindPhoneNumber>.bindPhoneBox>div>.setPhone>.setPsd>input:-ms-input-placeholder{  /* Internet Explorer 10-11 */color:#aeaeae;font-size:14px}
.bindPhoneNumber>.bindPhoneBox>div>.setPhone>.tipMsg{margin-top:20px;}
.bindPhoneNumber>.bindPhoneBox>div>.setPhone>.tipMsg>.warningGray{display:inline-block;width:16px;height:16px;vertical-align: middle;background:url(../../images/newLogin/warningGray.png) center no-repeat;}
.bindPhoneNumber>.bindPhoneBox>div>.setPhone>.tipMsg>.warningRed{display:inline-block;width:16px;height:16px;vertical-align: middle;background:url(../../images/newLogin/warning.png) center no-repeat;}
.bindPhoneNumber>.bindPhoneBox>div>.setPhone>.tipMsg>.reminder{vertical-align: middle;font-size:12px;color:#b9b9b9}
.bindPhoneNumber>.bindPhoneBox>div>.setPhone>.finished{margin-top:50px;display: flex}
.bindPhoneNumber>.bindPhoneBox>div>.setPhone>.finished>button{flex:1;height:36px;line-height: 36px;box-sizing: border-box;border:1px solid #38AAE1;background:#38AAE1;color:#fff;border-radius: 6px;cursor: pointer;outline: none}

/*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:50px}
.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:239px;height:60px}
.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:-28px;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: -25px;}
#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;height:400px;width:488px;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:20px}
.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:40px}
.content>.login .mobilePhoneLogin>div>div>.title>span:nth-child(1){font-size:24px;color:#1f2d59;cursor: pointer; vertical-align: middle;}
.content>.login .mobilePhoneLogin>div>div>.title>span:nth-child(2){display: inline-block;width:20px;height:20px;border-right:1px solid #1f2d59;margin-right:20px; vertical-align: middle;}
.content>.login .mobilePhoneLogin>div>div>.title>span:nth-child(3){font-size:24px;color:#acacac;cursor: pointer; vertical-align: middle;}
/*账号登录以及验证码登录样式*/
.content>.login .mobilePhoneLogin>div>div>.verificationCode{display: none}
.content>.login .mobilePhoneLogin>div>div .input input{width: 350px;height:45px;box-sizing: border-box;padding-left:12px;border:1px solid #dcdcdc;outline: none;}
.content>.login .mobilePhoneLogin>div>div .input>.forgetPassword{width: 350px;height:47px;border:1px solid #dcdcdc;margin-top: 24px;position: relative;box-sizing: border-box;}
.content>.login .mobilePhoneLogin>div>div .input>.forgetPassword>input{width: 100%;height:45px;box-sizing: border-box;border:transparent}
.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>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:15px;margin-bottom:20px}
.content>.login .mobilePhoneLogin>div>div .loginBtn>button{font-size: 20px;letter-spacing:2px;width:350px;height:52px;background:#183158;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%}
#sendDynamicCode{position: absolute;top: 13px;right: 15px;}
/*温馨提示*/
.content>.login .mobilePhoneLogin>div>div>.tips,.content>.login .dimensionalCodeLogin>div>div>.tips{font-size:12px;color:#354d98;text-align: left;margin-top:25px}

/*验证提示*/
.tip,.tip1{text-align: left;margin-top: 10px;}
.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;}
/*footer部分样式*/
.footer{width:100%;background:#00040A;box-sizing: border-box;padding: 0px 15vw;position: fixed;bottom: 38px;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;}
.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: -10px;}
    .content>.login .mobilePhoneLogin>div,.content>.login .dimensionalCodeLogin>div{height:336px;width:410px;padding-top:25px;padding-bottom:25px}
    .content>.login .mobilePhoneLogin>div>div>.title>span:nth-child(1){font-size:20px;}
    .content>.logo>div{font-size:14px;}
    .content>.login .dimensionalCodeLogin>div h2{font-size: 20px;}
    .content>.login .mobilePhoneLogin>div>div .input>.forgetPassword{width: 300px;height: 42px;font-size:14px}
    .content>.login .mobilePhoneLogin>div>div .input>.forgetPassword>input{height:40px}
    .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>.tips{margin-top:5px}
    .tip,.tip1{margin-top:0;}
    .content>.login .mobilePhoneLogin>div>div .loginBtn{margin-top:10px}
    .content>.logo>.version>img{width:184px;height:46px}
    .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:15px;margin-bottom:20px}
    .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;}
}
/* 更换背景图 start*/
/* .content>.login .mobilePhoneLogin>div>div>.title>span:nth-child(1) {
    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: 37px;
    display: flex;
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    align-items: center;
}
.footer1 > div {
    flex: 1;
    justify-content: center;
}
.footer1 .copyright {
    margin-right: 24px;
}
.footer1 .copyright1 {
    margin-right: 5px;
}
.footer1 a {
    line-height: 60px;
    color: #8A9098;
}
/* .content>.login .mobilePhoneLogin>div,.content>.login .dimensionalCodeLogin>div {background: url('../../images/comold/login_bj.png');}
.content>.login .mobilePhoneLogin>div>div>.title>span:nth-child(1),.content>.login .dimensionalCodeLogin>div h2{display: none;}
.content>.login .mobilePhoneLogin>div>div>.tips,.content>.login .dimensionalCodeLogin>div>div>.tips{color: #fff;}
.content>.login .dimensionalCodeLogin>div p,.content>.login .dimensionalCodeLogin>div p>span{color: #fff;}
.content>.login .mobilePhoneLogin>div>div .loginBtn>button{color: #8f0201;}
.content>.login .mobilePhoneLogin>div>div .loginBtn>button{background: url('../../images/comold/loginbtn_bj.png') repeat-x;}
.content>.login .mobilePhoneLogin>div>div .input input{background: #fae6c6;}
.content>.login .mobilePhoneLogin > div > div .input > .forgetPassword {border: none;}
.content>.login .mobilePhoneLogin > div > div .input input{border: none;}
input::-webkit-input-placeholder,input::-moz-input-placeholder {
    -webkit-text-fill-color: #8f0201;
    -moz-text-fill-color: #8f0201;
    font-size: 14px;
} */
/* input:-internal-autofill-previewed,
input:-internal-autofill-selected {
    box-shadow: 0 0 0 1000px #fae6c6 inset;
    -webkit-text-fill-color: #8f0201;
    -moz-text-fill-color: #8f0201;
   -webkit-text-fill-color: #fae6c6; 
    transition: background-color 5000s ease-out 0.5s;
}     */
/* .content>.login .dimensionalCodeLogin>div .images>#qrcode{background: #fff;padding: 15px 0;border-radius: 5px;}
.content>.login .dimensionalCodeLogin>div .images>#qrcode canvas {width: 130px;}
.content>.login .dimensionalCodeLogin>div p{margin-top: 42px;margin-bottom: 10px;}
.tip1 > span:nth-child(2), .tip > span:nth-child(2){color: #fff;}
.content > .login .mobilePhoneLogin > div > div .input > .forgetPassword{background: #fae6c6;}
.tip>span:nth-child(1), .tip1>span:nth-child(1){background:url(../../images/newLogin/warning_hover.png) center no-repeat;} */
/* 更换背景图 end*/