.login-body{background: #fff;}
/*hd_bar*/
.hd_bar{color:#808080;background: #f8f8f8;border-bottom: solid 1px #e2e2e2;text-align:right;font-size:13px;padding:0;height: 30px;line-height:29px}
.hd_bar a{color:#808080;display: inline-block;padding: 0 13px;border-right: solid 1px #e2e2e2;height:15px;line-height:1;}
.hd_bar a:last-child{border-right:none}
.hd_bar a:hover{color:#ff4d3c;}
.hd_bar a.hot{color: #fe5611;border-left: solid 1px #e2e2e2;margin-left: 10px;}
.hd_bar b{margin-left:8px;color: #666}
.hd_bar .return_main{padding: 0;}

.logo_sub{display: inline-block;position: relative;top:6px;padding-left: 15px;font-weight: bold;line-height: 20px;margin-left: 20px;font-size: 16px;border-left: solid 1px #ddd;}

.hd_bar .red,.hd_bar a.red{color: #ff5c00;}
.login_bg{background: url(../img/login.jpg) #6d7ee8 no-repeat center;}
.register_bg{background: url(../img/login2.jpg) #cef4f5 no-repeat center;}
.login_bg .wp{vertical-align: middle;height:600px;overflow: hidden;position: relative}
.login_box{float: right;margin-top:100px; width:380px;padding:10px 30px 0 30px;border-radius: 5px 5px 0 0;min-height:280px;background: #fff;box-shadow: 0 2px 6px rgba(0,0,0,.08); transition: all .3s;}

.login_banner{position: absolute;text-align: center;top: 100px;width:760px;font-size: 16px;}
.login_banner h1{font-size:40px;font-weight: bold;line-height: 72px;}
.login_banner p{line-height: 30px;}

.login_tit{height: 56px;margin: -10px -30px 0;border-radius: 5px 5px 0 0;overflow: hidden}
.login_tit a{display:block;width: 50%;text-align: center;float: left;color: #888;border-right: solid 1px #e9e9e9;border-bottom: solid 1px #e9e9e9;font-size:16px;height:56px;line-height:56px;background: #f7f7f7;}
.login_tit a:last-child{border-right: none;}
.login_tit a.active{color: #666;background: #fff;font-weight: bold;border-bottom:none}

.login_con{padding-top:25px;}
.login_con img{vertical-align: top;}

input.login_inp01,
input.login_inp02,
input.login_inp03,
input.login_inp04,
input.login_inp{border-radius:5px;padding:0 10px;background-repeat: no-repeat;height:48px;line-height:48px;border: solid 1px #ccc;color: #a9a9a9;width:100%;}

input.login_inp01{background-position: 0 0;}
input.login_inp02{background-position: 0 -41px;}
input.login_inp03{background-position: 0 -82px;width:190px;}
input.login_inp04{background-position: 0 -118px;width:190px;}
input.login_inp_user{background-position: 0 -153px;}
input.login_inp_mail{background-position: 0 -193px;}
.login_btn_{
    border: none;color: #fff;font-size: 18px;height: 45px;line-height: 45px;text-align: center;width:100%;margin-top:5px;cursor: pointer;border-radius: 2px;display: inline-block;
    background: #0077d4;
}
.login_btn_:hover{background: #006bbf;color: #fff;}
.login_yzm{float: right;height:50px;line-height: 50px; width: 140px;margin-left: 5px;cursor: pointer;overflow: hidden;text-align: center;}
.login_yzm img{height:100%;width:100%;}
.login_dxbtn{border:solid 1px #e1e1e1;background: #f9f9f9;color: #666; height:45px;line-height:45px;float: right;width: 131px;margin-left: -1px;cursor: pointer;}
.login_dxbtn:hover{background: #f3f3f3;}

.login_tip{margin: -12px auto 8px;font-size: 12px;color: #999;}
.login_tip_default{margin: -12px auto 8px;font-size: 12px;color: #999;}
.login_error .login_tip{color: #ff4a3e;}
.login_error input{border-color: #ff4a3e;}
.login_right .login_tip{color: #17bf72;}
.login_right input{border-color: #17bf72;}

.login_bottom{margin:15px -30px 0;background: #f9f9f9;padding:13px 30px;border-top:solid 1px #e9e9e9;overflow: hidden;}
.login_bottom a{color: #898989;}
.login_bottom a:hover{color:#ef043e;}

.login-box .item{overflow: hidden;}
.login-box label{ margin:0; font-weight:normal;}
.register_box{width:650px; margin: auto; padding:30px 50px 50px 50px;min-height:280px;background: #fff;margin-top:55px;box-shadow: 0 2px 6px rgba(0,0,0,.08);}
.register_tit{text-align: center;font-size:24px;}

.login-steps{overflow: hidden;}
.login-steps .login-line{height:18px;border-bottom: 1px solid #ddd;margin:15px auto 30px;position: relative;}
.login-steps .login-line i{line-height: 33px; height:35px;width:35px;border: solid 1px #d1d1d1;color: #999; border-radius: 100%;display: inline-block;text-align: center;margin-right: 10px;}
.login-steps .login-line>div{position: absolute;padding: 0 10px; background: #fff;}
.login-steps .login-line .active{color: #748ad4;}
.login-steps .login-line .active i{color: #fff;background: #748ad4;border-color: #748ad4;}
.login-steps .login-line .login-steps01{left: 0}
.login-steps .login-line .login-steps02{left:50%;margin-left: -50px;}
.login-steps .login-line .login-steps03{right: 0}

.register_con{width:400px;margin:20px auto 0;}
.login_jieguo{text-align: center;}
.login_jieguo i{font-size:60px;vertical-align: middle;}
.login_jieguo h1{ display: inline;}
.login_jieguo .bottom{margin-bottom: 50px;margin-top:10px;}
.login_jieguo .bottom a{border: 1px solid #ddd;background: #fff; padding: 0 15px; height:30px;line-height:28px;margin: 0 2px; display: inline-block;border-radius: 3px;}
.login_jieguo .bottom a:hover{color: #666;background: #f6f6f6;}



.longming_language{float: left;border:1px solid #ededed;font-size: 12px;color: #888;vertical-align: middle;line-height: 22px;padding: 0 5px;margin:28px 10px 0;cursor: pointer;position: relative;z-index:9;}
.longming_language i{color: #999;font-size: 14px;}
.longming_language_con{display: none; position: absolute;left: 0;top:22px;line-height: 30px; background: #fff;border:1px solid #ededed;font-size: 14px;padding:15px;width: 220px;z-index:9;cursor: default;box-shadow: 0 4px 4px rgba(0,0,0,.04);}
.longming_language:hover .longming_language_con{display: block}
.longming_language_con dt{float: left;width:90px;margin-right: -90px; text-align: right;color: #666;font-weight: bold;margin-bottom: 10px;}
.longming_language_con dd{margin-left:100px;margin-bottom: 10px;}
.longming_language_con dd a{display: block;color: #888;}
.longming_language_con dd a:hover{color: #ff2c45;font-weight: bold}


.select_list{}
.select_a{display: block;border-radius: 2px; background:#fbfbfb;padding:20px;margin: 10px 0;border: solid 1px #e5e5e5;}
.select_a i{display: inline-block;float: left;margin-right: 15px;width: 50px;height: 50px;background: url(../img/zhmm.png) no-repeat}
.select_a i.select_mail{background-position: 7px 8px;}
.select_a i.select_sms{background-position: 7px -96px;}
.select_a h3{line-height:22px;}
.select_a p{color: #999999;}
.select_a:hover{border-color: #b6cfed;background: #fafcff;color: #477fc4;}
.select_a:hover p{color: #7fa5d4;}

.register{overflow: hidden;text-align: center}
.register .select_a{width: 180px;display: inline-block;float: none;margin: 10px;padding:55px 20px;}
.register .select_a i{float: none;margin: 0}

.footer{color:#767984;text-align:center; padding-top:40px;font-size: 12px;}


.longming_language{float: left;border:1px solid #ededed;font-size: 12px;color: #888;vertical-align: middle;line-height: 22px;padding: 0 5px;margin:28px 10px 0;cursor: pointer;position: relative;z-index:9;}
.longming_language i{color: #999;font-size: 14px;}
.longming_language_con{display: none; position: absolute;left: 0;top:22px;line-height: 30px; background: #fff;border:1px solid #ededed;font-size: 14px;padding:15px;width: 220px;z-index:9;cursor: default;box-shadow: 0 4px 4px rgba(0,0,0,.04);}
.longming_language:hover .longming_language_con{display: block}
.longming_language_con dt{float: left;width:90px;margin-right: -90px; text-align: right;color: #666;font-weight: bold;margin-bottom: 10px;}
.longming_language_con dd{margin-left:100px;margin-bottom: 10px;}
.longming_language_con dd a{display: block;color: #888;}
.longming_language_con dd a:hover{color: #ff2c45;font-weight: bold}


.select-cpt{position: relative;}
.select-cpt input{padding-left: 125px;}
.model-select-box { position: absolute;top:1px;left: 40px;padding: 0px 0 0px 10px;color: #333;background: #fffdf8;border-right: solid 1px #ddd;}
.model-select-text { position: relative;width:65px; height:43px;line-height:43px; cursor: pointer;}
.model-select-text:after{content: "\e7b4";font-family: "iconfont" !important;font-size: 16px; position: absolute;right:5px;top: 0;}
.model-select-option { display: none; position: absolute; background: #fff; width:281px;height: 170px;overflow: auto; left: -1px; border: 1px solid #ddd;box-shadow: 0 2px 6px rgba(0,0,0,.13); }
.model-select-option li {color: #555; cursor: pointer;padding: 5px;white-space: nowrap;overflow: hidden;text-overflow: ellipsis; }
.model-select-option li.data-selected{background: #f5f5f5;color: #666}
.model-select-option li.seleced { background: #06C; color: #fff; }
.model-select-option li span{display: inline-block;width: 76px;padding: 0 6px;}


.login_center{display: flex;min-height:calc( 100vh - 5.5rem );align-items: center;justify-content: flex-end;background: url("../images/use-bg.jpg") no-repeat left bottom #edf0f3; background-size:auto 86%;}
.login_center .login_box_style:first-child{}
.login_box_style h3 {font-size: 24px;font-weight: 500;margin-top: 50px;}
.login_box_style:first-child {box-sizing: border-box;}
.login_box_style {}
.login_box_style p {}

.login_box_style .card {
    box-sizing: border-box;
    border-radius:10px;
    border: none;
    padding: 10px 30px 30px;
    box-shadow: 0 5px 25px 10px rgb(0 0 0 / 6%);
}

.login_box_style .card form {
    padding-top: 20px;
}

.login_box_style .card form .form-row {
    padding-bottom: 25px;
}

.login_box_style .card h3 {
    border-top: 5px solid #3240c9;
    width: fit-content;
    padding-top:20px;
    margin-top: -10px;
    font-size:1.87rem;
    font-weight: 600;
}

.login_box_style h1 {
    font-size: 50px;
    color: #3240c9;
}
.login_box_style .ymhg_center_btn_ {text-align: center;}
.login_box_style .ymhg_center_btn {width: 100%;font-size:1.28rem;height:48px;line-height:48px;border-radius: 5px;padding: 0 10px;}
@media screen and (max-width:1200px) {
    .login_center {padding: 100px 0 100px;}
}
@media screen and (max-width:768px) {
    .login_center{ padding:10px;min-height:calc( 100vh - 9.4rem );}
    .login_box_style .card {padding: 10px 20px 30px;}
    .login_box_style .card h3 {padding-top:15px;font-size: 20px;font-weight: 600;}
    .login_box_style .card form {padding-top: 15px;}
    input.login_inp01, input.login_inp02, input.login_inp03, input.login_inp04, input.login_inp {height:45px;line-height:45px;}
    .login_yzm{height:45px;line-height:45px; width: 120px;margin-left:5px;}
    .login_yzm img{height:45px;}
    .login_box_style .ymhg_center_btn {font-size:16px;height:45px;border-radius: 5px;}

}


.login_center .form-control{height:45px;line-height:45px;}


.tooltiptext {
    display: none;
    font-size: 12px;
    margin-left: -90px;
    background-color:#ebf6ff;
    border:solid 1px #3d9cee;
    color: #000;
    box-sizing: border-box;
    border-radius: 3px;
    padding: 7px 10px;
    position: absolute;
    z-index: 1;
    right: 0; /* Place the tooltip to the right of the element */
    top: 100%;
    text-align: left;
    margin-top: 10px; /* Adjust the distance between the element and the tooltip */
    box-shadow: 0 0 3px 2px rgba(148,178,218,0.18)!important;
  }
  .tooltiptext b{
    color:black
  }
  .tooltiptext::before {
    content: "";
    position: absolute;
    top: -5px;
    right: 10px;
    transform: translateY(-50%) rotate(270deg);
    border-width: 5px;
    border-style: solid;
    border-color: transparent transparent transparent #3d9cee; /* Arrow pointing to the left */
  }
  .tooltiptext-red{background-color:#ffe1e1;border:solid 1px #ee2d2d;color: #000;box-shadow: 0 0 8px 0 rgba(255,0,0,0.18)!important;}
  .tooltiptext-red::before {border-color: transparent transparent transparent #ee2d2d ; }
  @media screen and (max-width:992px){
    .tooltiptext{width: 100%;margin-left: 0;max-width: 350px}
  }