.login_main{width:100%;height:100%;background-color:#fff}
.l_head{width:1200px;height:120px;line-height:120px;margin:0 auto}
.l_head .logo{width:196px;height:60px}
.l_box{width:100%;height:520px;background:url(img/bg_login.png) no-repeat center center}
.l_box .l_form{width:1200px;margin:0 auto}
.l_box .l_form_main{float:right;width:350px;min-height:400px;margin-top:50px;background-color:#fff}
.l_box .l_form_ul{width:100%;height:60px;border-bottom:1px solid #e5e5e5;background:url(img/bg_login_line.png) no-repeat center center}
.l_box .l_form_ul li{float:left;line-height:60px;font-size:18px;color:#666;width:50%;text-align:center;box-sizing:border-box;cursor:pointer}
.l_box .l_form_ul li.on{font-weight:700;color:#0076e5}
.l_box .l_form_list{padding:0 30px}
.l_box .l_t{overflow:hidden}
.l_box .l_tips{float:left;width:100%;height:26px;line-height:26px;margin-top:7px;padding-left:30px;font-size:12px;color:#fa676a;background:rgba(253,209,210) url(img/ico_error.png) no-repeat center left 10px}
.l_box .l_tips p{float:left;width:100%;height:26px;line-height:26px;margin-top:7px;padding-left:30px;font-size:12px;color:#fa676a;background:rgba(253,209,210) url(img/ico_error.png) no-repeat center left 10px}

.l_box .l_success{color:#2dbb01;background:rgba(192,234,178) url(img/ico_success.png) no-repeat center left 10px}
.l_box .l_form_same{position:relative;width:290px;height:50px;box-sizing:border-box;background-color:#fff;border-radius:4px;border:solid 1px #e5e5e5;margin-bottom:20px;overflow:hidden;margin: 0px auto 20px !important;}
.l_box .l_form_pass{margin-bottom:40px}
.l_box .l_form_same .l_tit{width:50px;height:100%;background:#f7f7f7 url(img/ico_name.png) no-repeat center center;border-right:1px solid #e5e5e5}
.l_box .l_form_pass .l_tit{background:#f7f7f7 url(img/ico_pass.png) no-repeat center center}
.l_box .l_form_same .l_inp{width:65%;border:none;outline:0;height:100%;text-indent:16px}
.l_box .l_close{display:none;width:40px;height:100%;background:url(img/ico_close.png) no-repeat center center;cursor:pointer}
.l_box .l_btn{outline:0;border:none;font-size:16px;color:#fff;width:100%;height:50px;background: linear-gradient(-89deg, #10B2F8 0%, #356FF3 100%);box-shadow: 0px 6px 18px 0px rgba(7, 88, 208, 0.2);border-radius: 4px;}
.l_box .l_form_msg{padding-top:15px;   width: 290px;margin: 0 auto;}
.l_box .l_form_msg .l_left{font-size:12px;color:#999}
.l_box .l_form_msg .l_right{font-size:12px;color:#0076e5}
.l_bottom{padding-top:30px;line-height:30px;text-align:center;color:#999}
.l_box .l_form_nextName .l_tit{background:#f7f7f7 url(img/ico_mob.png) no-repeat center center}
.l_box .l_form_yzm .l_tit{background:#f7f7f7 url(img/ico_yzm.png) no-repeat center center}
.l_box .l_form_safe .l_tit{background:#f7f7f7 url(img/ico_safe.png) no-repeat center center}
.l_box .l_form_safe .l_inp,.l_box .l_form_yzm .l_inp{width:48%}
.l_box .l_form_yzm .l_close{position:absolute;right:90px}
.l_box .l_form_safe .l_close{position:absolute;right:68px}
.l_box .l_send{border:none;outline:0;width:68px;height:100%;line-height:50px;text-align:center;color:#ff9c00;background:url(img/bg_login_line.png) no-repeat center left;cursor:pointer}
.l_box .l_form_next{padding-bottom:20px}
#user_login_code{width:98px;height:48px}
.l_reg{width:100%;min-height:auto;background-color:#fff}
.l_reg .l_reg_main{width:1200px;margin:0 auto;padding:100px 0 80px}
.l_reg .l_reg_con{width:600px;margin:0 auto}
.l_reg .l_reg_ul li{position:relative;float:left;width:200px;height:4px;background-color:#e5e5e5}
.l_reg .l_reg_ul .num{position:absolute;left:90px;top:-10px;display:inline-block;width:24px;height:24px;line-height:24px;text-align:center;background-color:#e5e5e5;border-radius:50%;font-size:18px;color:#fff}
.l_reg .l_reg_ul .txt{margin-top:30px;text-align:center;color:#999}
.l_reg .l_reg_ul li.on,.l_reg .l_reg_ul li.on .num{background-color:#0076e5}
.l_reg .l_reg_ul li.on .txt{color:#0076e5}
.l_wrapper .l_tit{display:inline-block;width:70px;height:48px;line-height:48px;color:#333;margin-right:20px;text-align:right}
.l_wrapper .l_inp{width:420px;height:46px;background-color:#fff;border-radius:4px;border:solid 1px #e5e5e5;text-indent:20px;box-sizing:border-box}
.l_wrapper .l_yzm{width:306px;height:46px;background-color:#fff;border-radius:4px;border:solid 1px #e5e5e5}
.l_wrapper .l_reg_first .l_btn{outline:0;border:none;width:100px;height:46px;line-height:46px;text-align:center;background-color:#0076e5;border-radius:4px;color:#fefefe;margin-left:14px}
.l_wrapper .l_reg_first .layui-btn-disabled{background-color:#ccc}
.l_wrapper .l_reg_first .l_desc{text-align:center}
.l_wrapper .l_desc a{color:#0076e5}
.l_wrapper .l_next{outline:0;border:none;width:306px;height:46px;margin-left:80px;background-color:#0076e5;color:#fff;border-radius:4px}
.l_wrapper .l_reg_succ{margin:0 auto;text-align:center}
.l_wrapper .l_p1{margin:30px 0 20px}
.l_wrapper .l_p1 img{width:80px;height:80px}
.l_wrapper .l_p2{margin-bottom:10px;font-size:30px;color:#333}
.l_wrapper .l_p3{font-size:16px;color:#666}
.l_wrapper .l_p3 a{color:#0076e5}
.l_wrapper .l_p4{margin:20px 0;font-size:16px;color:#0076e5}
.l_wrapper .l_p5 a{display:inline-block;width:154px;height:46px;line-height:46px;margin:0 10px;text-align:center;border-radius:4px;border:solid 1px #ccc;box-sizing:border-box;font-size:16px;color:#999}
.l_wrapper .l_p5 .l_p_enter{background-color:#0076e5;color:#fff;border-color:#0076e5}
.step2-transition{-webkit-transform:translate(-520px,0);-moz-transform:translate(-520px,0);-ms-transform:translate(-520px,0);-o-transform:translate(-520px,0);transform:translate(-520px,0);-webkit-transition:all .3s ease-in-out;-moz-transition:all .3s ease-in-out;-ms-transition:all .3s ease-in-out;-o-transition:all .3s ease-in-out;transition:all .3s ease-in-out}
.step3-transition{-webkit-transform:translate(-1040px,0);-moz-transform:translate(-1040px,0);-ms-transform:translate(-1040px,0);-o-transform:translate(-1040px,0);transform:translate(-1040px,0);-webkit-transition:all .3s ease-in-out;-moz-transition:all .3s ease-in-out;-ms-transition:all .3s ease-in-out;-o-transition:all .3s ease-in-out;transition:all .3s ease-in-out}
.password-step{float:left;width:490px}
.l_wrapper{width:520px;margin:100px auto;overflow:hidden}
.l_wrapper .l_reg_first li{margin-bottom:30px;overflow:hidden}
.l_wrapper .redstar{display:inline-block;height:48px;line-height:48px;color:#e50016}
.l_wrapper_container{width:1560px;overflow:hidden;-webkit-transition:all .3s ease-in-out;-moz-transition:all .3s ease-in-out;-ms-transition:all .3s ease-in-out;-o-transition:all .3s ease-in-out;transition:all .3s ease-in-out}
.l_reg .l_reg_list{float:left;width:520px}
.l_form_btn{ width: 290px; margin: 0 auto;margin-top: 20px; }

/*改版登录*/
.w1920{background-color: #fff;}
.n_login_main .l_head{height: 100px;line-height: 100px;}
.n_login_main{background-color: #F4F6F8;}
.back_index{width: 141px;height: 50px;background: #F6F7F9;border-radius: 4px;display: block;font-size: 18px;color:#3555D0;text-align: center;line-height: 50px;margin-top: 10px;}
.n_l_box{width:100%;height:590px;background:none;margin-top: 119px;position: relative;}
.n_l_box .l_form{width:1060px;height: 590px;margin:0 auto;background:url(img/n_bg_login.png) no-repeat center center;padding: 0 30px;box-sizing: border-box;background-color: #fff;position: relative;z-index: 100;border-radius: 8px;}
.n_bg_img{width: 480px;height: 485px;background:url(img/n_bg_img.png) no-repeat center center;margin-top: 83px;margin-left: 72px;position: relative;}
.n_bg_icon{position: absolute;}
.n_bg_icon1{width: 37px;height: 126px;top: 83px;left: 55px;}
.n_bg_icon2{width: 38px;height: 45px;bottom: 77px;left: 190px;}
.n_bg_icon3{width: 34px;height: 40px;bottom: 128px;right: 149px;}
.n_bg_icon4{width: 34px;height: 51px;bottom: 82px;right: 150px;}
.n_bg_icon5{width: 189px;height: 116px;bottom: 190px;right: 69px;}
.n_bg_img2{position: absolute;left: 135px;top: -119px;width: 209px;height: 225px;}
.n_l_box .l_form_main{background-color:unset}
.n_l_form_t {
    display: flex;
    position: relative;
    justify-content: space-between;
    font-size: 22px;
    color: #1F2543;
    margin-top: 30px;
    margin-left: 30px;
    padding-right: 30px;
    box-sizing: border-box;
}
.n_l_form_t_img{
    width: 38.77px;
    height: 38.47px;
}
.n_l_form_t_img img{
    width: 100%;
    height: 100%;
}
.n_l_form_t_ts{
    position: absolute;
    width: 77px;
    height: 17px;
    right: 70px;
    top: 1px;
}
.n_l_form_t_tss{
    position: absolute;
    width: 77px;
    height: 17px;
    right: 70px;
    top: 36px;
}
.n_l_form_hen{width: 40px;height: 3px;background: #3275F3;margin-top: 20px;margin-left: 30px;}
.n_l_box .l_form_ul{border-bottom: unset;background: unset;margin-top: 50px;padding-left: 15px;}
.n_l_box .l_form_ul li{width: 25%;font-size: 14px;}
.img-ab{position: absolute;width: 180px;height: 180px;bottom: -100px;left: calc(50% + 420px);}
.anim-opacity2{animation: opacity2 1.5s linear infinite; -webkit-animation: opacity2 1.5s linear infinite;-moz-animation: opacity2 1.5s linear infinite;}
@keyframes opacity2{
    0%{opacity:1}
    50%{opacity:.4;}
    100%{opacity:1;}
}
@-webkit-keyframes opacity2{
    0%{opacity:1}
    50%{opacity:.4;}
    100%{opacity:1;}
}
@-moz-keyframes opacity2{
    0%{opacity:1}
    50%{opacity:.4;}
    100%{opacity:1;}
}
@media screen and (max-width: 1500px) { 
    .n_l_box {margin-top: 40px;}
    .n_bg_img2{top: -30px;}
    .n_login_main .l_head {height: 90px;line-height: 90px;}
    .hotline-wrapper {padding-top: 15px;} 
}
/* 登录二维码 */
.loginTwoma{
    position: relative;
    float: right;
    width: 350px;
    height: 400px;
    margin-top: 47px;
    padding: 34px 30px;
    box-sizing: border-box;
}

.loginTwoma_title{
    display: flex;
    justify-content: space-between;
    padding-bottom: 18px;
    margin-bottom: 22px;
    line-height: 37px;
}
.loginTwoma_title_text{
    font-size: 22px;
    color: #1F2543;
}

.login_{
    position: absolute;
    color: #9B9B9B;
    font-size: 11.61px;
    text-align: center;
    bottom:0;
    left: 50%;
    transform: translate(-50%);
}
.gang{
    margin: 0 8px;
}
.loginTwoma_title_tu{
    width: 41px;
    height: 40px;
}
.loginTwoma_title_tu img{
    width: 100%;
    height: 100%;
}
/* 弹框样式 */
.layui-layer-page .layui-layer-content {
    position: relative;
    overflow: auto;
    text-align: center;
    margin: 20px 0;
}
.layui-layer-title {
    padding: 0  !important;
    height: 42px;
    line-height: 42px;
    border-bottom: 1px solid #eee;
    font-size: 14px;
    color: #333;
    /* overflow: hidden; */
    background-color: #F8F8F8;
    text-align: center;
    border-radius: 2px 2px 0 0;
}
.layui-layer-page .layui-layer-content {
    position: relative;
    overflow: auto;
    width: 350px;
}
/* .loginTwoma_title_text{
    font-size: 22px;
    color: #1F2543;
} */
.login_mima{
    font-size: 12px;
    color: #999;
}
.newZh{
    font-size: 12px;
    color: #0076e5;
}
.impowerBox .info {
    width: 200px !important;
}
.impowerBox .status p {
    font-size: 14px !important;
}

.n_l_form_hens{width: 40px;height: 3px;background: #3275F3;margin-top: 20px;}


.n_l_form_t_ts{
    position: absolute;
    width: 77px;
    height: 17px;
    right: 70px;
    top: 1px;
}
.n_l_form_t_tss{
    position: absolute;
    width: 77px;
    height: 17px;
    right: 70px;
    top: 36px;
}
.tssm{
    position: absolute;
    color: #9B9B9B;
    font-size: 11.61px;
    text-align: center;
    bottom: 54px;
    left: 53%;
    transform: translate(-50%);
}
/* 二维码 */
.login_ma_box{
    position: absolute;
    top: 149px;
    right: 94px;
    width: 150px;
    height: 147px;
    background: url('/p/pt_style/css/img/saom.jpg');
    background-size: 100% 100%;
}
.login_ma{
    background: rgba(0, 0, 0, .6);
    width: 150px;
    height: 147px;
    color: #fff;
    text-align: center;
    line-height: 147px;
    font-size: 20px;
}
.login_ma img{
    width: 30px;
    height: 30px;
}



