@import url("../../css/bootstrap.css");
@import url("../../libs/font-awesome/css/font-awesome.min.css");
@import url("../../libs/nice-validator/dist/jquery.validator.css");


.exchange-page,.logo-login-page{display: flex; height: 100vh;justify-content: center;align-items: center;}
.exchange-page{background-color: #0e7705; background-image:url(/assets/img/duihuanmabj.png) ; background-repeat: no-repeat;background-position: center; background-size: cover;}
.fp-viewing-lost_in_blue .exchange-page{background-image:url(/assets/img/duihuanmalostsbj.png) ;background-size: 120%; }
.exchange-page .page-title{margin-bottom: 5vw; margin-top: 2vw;}
.form-box{ width: 840px; height: 843px; margin: 0 auto; text-align: center;background-size: cover; overflow: hidden;}
.volcano-bj{ background-image: url(/assets/img/login-bj.png);}
@media screen and (max-width: 1800px) {
    .form-box{
        transform: scale(0.7);
    }
}
.form-box .vo-id{ margin-top: 107px;}
.form-box .vo-id img{ width: 340px;}
.form-box .login-tip{ color: #FF4D00; font-size: 30px;font-weight: bold; margin-top: 90px;}
.form-box .login-tip-a{  margin-top: 15px; font-size: 14px;}
.form-box .form-group { text-align: center; margin: 15px auto 0;}
.form-box .form-control{  height: 58px;width: 365px; display: inline-block; font-size: 14px;background-color: #ccc;}
.form-box .form-group  .btn{ display: inline-block; padding: 8px 25px; color: #fff;background-color: #FF4D00; border-radius: 15px; font-size: 14px;}
.loginsuccess{text-align: center;}
.loginsuccess .vo-id img{ width: 238px;}
.loginsuccess .login-msg{ font-size: 16px; margin-top: 100px;}

.form-box .step{display: none;}
.form-box .step1{display: block;}
#agreement{ width: 20px; height: 20px; vertical-align: middle;}
#agreement-info{vertical-align: middle;font-size: 14px; position: relative; top:2px}
#agreement-info a{color: #000;text-decoration:underline !important; }

.exchangefrm-box{ height: 100%; display: flex;justify-content: space-around;align-items: center;}
.exchangefrm-box .page-logo{width: 300px; margin: 0 auto; } 
.exchangefrm-box .page-title{width: 300px;  margin: 2vh auto 6vh;} 
.exchangefrm-box img{max-width: 100%;}
.exchangefrm-box .form-group {width: 480px;}
.exchangefrm-box .form-group  .form-control{width: 100%;font-size:16px;}
.exchangefrm-box .form-group  .input-group-addon img {width: 100%; height: 100%;}
.exchangefrm-box .form-control  {    padding: 6px 30px;font-size: 16px;border-radius: 5vw;background: #fff;}
.exchangefrm-box .exchangebtn{ display: inline-block; padding: 8px 25px; color: #fff;background-color: #1A9D0D; border-radius: 15px; font-size: 20px; margin-top: 20px;}
.fp-viewing-lost_in_blue .exchangefrm-box .exchangebtn{background-color: #063F50;}