/*登陆界面*/
.tale_login{position: absolute;width:100%;height:100%;top:0;left:0;background: url("../icons/login_bg.jpg") bottom no-repeat;background-size:cover;min-height:460px;
    min-width:1200px;
}
.wf_fti{
    width:200px;height:28px;
    position: absolute;
    bottom:10%;
    left:50%;
    margin-left:-78px;
    background: url("../icons/tale_icons_2333.png?v=20210401") -2px -2px no-repeat;
}

.ctc_dialog{width:400px;height:128px;position:absolute;z-index:22;top:-130px;left:50%;
    margin-left:-58px;opacity:0;filter:alpha(opacity=0);background: url("../icons/ctc_diabg.png") no-repeat;background-size:100% 100%;}

.ctc_lg span{width:60px;display: block;float:left;}
.ctc_lg{width:230px;height:72px;color:#fff;line-height:26px;float: left;margin:37px 0 0 30px;border-right:2px solid #fff;font-size:14px;}
.ctc_lg a{color:#fff;}
.ctc_lg_ic{height:68px;width:60px;float: left;margin-top:38px;margin-left:30px;display: block;}
.clg_icons{width:51px;height:51px;margin:0 auto;background:url("../icons/tale_icons.png") -6px -60px no-repeat;}
.ctc_lg_ic .clg_wd{color:#fff;text-align:center;padding-top:5px;}

.login_body{width:700px;height:360px;position:absolute;top:50%;left:50%;margin:-180px 0 0 -350px;z-index:11;}
.er_dialog{width:340px;height:166px;position:absolute;z-index:22;top:-180px;left:50%;
    margin-left:-40px;opacity:0;filter:alpha(opacity=0);background: url("../icons/er_diabg.png") no-repeat;background-size:100% 100%;}
.er_dialog ul{width:300px;height:106px;margin:30px auto;}
.er_dialog ul li{width:50%;height:106px;float: left;}
.er_dialog ul li img{display: block;width:100px;height:100px;margin:0 auto;}
.er_dialog ul .er_wd{height:20px;color:#fff;text-align: center;padding:5px;}
.er_dg_close,.ctc_dg_close{color:#fff;position: absolute;top:20px;right:18px;z-index:2;font-size:14px;}
.lby_top{font-size:14px;line-height:20px;height:20px;text-align: right;color:#fff;}
.lby_top a{color:#fff;margin:0 8px;}
.lby_icon{padding:10px;height:131px;margin-top:-50px;opacity:0;filter:alpha(opacity=0);}
.lby_con{padding-top:35px;margin-top:-50px;opacity:0;filter:alpha(opacity=0);}
.login_icon{display: block;margin:0 auto;height:131px;}
.login_tl{width:380px;background: url("../icons/login_tou.png") repeat;border-radius:5px;margin:0 auto;padding:10px;}
.ltl_paa{height:120px; padding:5px 10px 30px 10px;}
.login_tiv{width:100%;height:100%;background-color:#fff;border-radius:5px;overflow: hidden;}
.ltl_ip{height:40px;}
.ltl_ip .name_icon{width:22px;height:22px;display: block;float: left;background:url("../icons/tale_icons.png") -82px -40px no-repeat;margin-top:10px;margin-left:10px;}
.ltl_ip .ltl_name{width:320px;height:20px;line-height:20px;padding:10px 10px 9px;font-size:16px;color:#333;float: left;letter-spacing:1px;}
.ltl_ip .ltl_pass{height:19px;line-height:20px;padding:10px;font-size:16px;color:#333;float: left; letter-spacing:1px; }
::-webkit-input-placeholder {color:#CFCFCF;}
::-moz-placeholder {color:#CFCFCF;}
:-ms-input-placeholder{color:#CFCFCF;}
.ltl_ip .psd_icon{width:22px;height:22px;display: block;float: left;background:url("../icons/tale_icons.png") -80px -81px no-repeat;margin-top:10px;margin-left:10px;}
.ltl_ip:first-child,.ltl_ip1{height:39px;border-bottom:1px solid #e6e6e6;}
.ltl_gov{float: right;width:90px;padding-left:9px;border-left:1px solid #e6e6e6;height:32px;line-height:32px;text-align: center;margin-top:4px;}
.ltl_go{font-size:18px;color:#53a4ff;}
.ltl_go:hover{color: #0f6bff;}
.login_re{width:450px;margin:0 auto;padding-top:20px;text-align: right;height:20px;}
.login_process {width:380px;margin:0 auto;padding-top:20px;text-align: right;height:20px;}
.login_re a{font-size:14px;margin-left:10px;float: right;display: block;}
.forget_a{color:#85d9ff;}
.rbr_a{color:#fff;}
.rem_over{color:#b0ff00;}
.dl_ul{position: absolute;width:100%;height:100%;top:0;left:0;z-index:0;}
.dl_ul img{display: block;}
#login .lby_con { padding-top:0px;}

.dl_icon1{position:absolute;width:232px;bottom:0;left:10%;
    animation: dl1 2s  linear  infinite alternate;
    -webkit-animation: dl1 2s  linear  infinite alternate;
    -moz-animation: dl1 2s  linear  infinite alternate;
    -o-animation: dl1 2s  linear  infinite alternate;
}
.dl_icon2{position:absolute;width:190px;bottom:0;left:28%;
    animation: dl2 2s  linear 0.5s infinite alternate;;
    -webkit-animation: dl2 2s  linear 0.5s infinite alternate;;
    -moz-animation: dl2 2s  linear 0.5s infinite alternate;;
    -o-animation: dl2 2s  linear 0.5s infinite alternate;;
}
.dl_icon3{position:absolute;width:190px;bottom:70px; left:40%;
    animation: dl2 2s  linear 1s infinite alternate;;
    -webkit-animation: dl2 2s  linear 1s infinite alternate;;
    -moz-animation: dl2 2s  linear 1s infinite alternate;;
    -o-animation: dl2 2s  linear 1s infinite alternate;;
}
.dl_icon4{position:absolute;width:208px;bottom:70px; left:62%;
    animation: dl3 2s  linear 1.5s infinite alternate;;
    -webkit-animation: dl3 2s  linear 1.5s infinite alternate;;
    -moz-animation: dl3 2s  linear 1.5s infinite alternate;;
    -o-animation: dl3 2s  linear 1.5s infinite alternate;;
}
.dl_icon5{position:absolute;width:208px;bottom:20px;left:80%;
    animation: dl3 2s  linear 0.4s   infinite alternate;;
    -webkit-animation: dl3 2s  linear 0.4s   infinite alternate;;
    -moz-animation: dl3 2s  linear 0.4s   infinite alternate;;
    -o-animation: dl3 2s  linear 0.4s   infinite alternate;;
}

@keyframes dl1 {form{opacity:1;filter:alpha(opacity=100);width:252px;margin-left:-10px;} to{opacity:0.3;filter:alpha(opacity=30);width:202px;;margin-left:10px;}}
@-webkit-keyframes dl1 {form{opacity:1;filter:alpha(opacity=100);width:252px;margin-left:-10px;} to{opacity:0.3;filter:alpha(opacity=30);width:202px;;margin-left:10px;}}
@-moz-keyframes dl1 {form{opacity:1;filter:alpha(opacity=100);width:252px;margin-left:-10px;} to{opacity:0.3;filter:alpha(opacity=30);width:202px;;margin-left:10px;}}
@-o-keyframes dl1 {form{opacity:1;filter:alpha(opacity=100);width:252px;margin-left:-10px;} to{opacity:0.3;filter:alpha(opacity=30);width:202px;;margin-left:10px;}}
@keyframes dl2 {form{opacity:1;filter:alpha(opacity=100);width:210px;margin-left:-10px;} to{opacity:0.3;filter:alpha(opacity=30);width:190px;;margin-left:10px;}}
@-webkit-keyframes dl2 {form{opacity:1;filter:alpha(opacity=100);width:210px;margin-left:-10px;} to{opacity:0.3;filter:alpha(opacity=30);width:190px;;margin-left:10px;}}
@-moz-keyframes dl2 {form{opacity:1;filter:alpha(opacity=100);width:210px;margin-left:-10px;} to{opacity:0.3;filter:alpha(opacity=30);width:190px;;margin-left:10px;}}
@-o-keyframes dl2 {form{opacity:1;filter:alpha(opacity=100);width:210px;margin-left:-10px;} to{opacity:0.3;filter:alpha(opacity=30);width:190px;;margin-left:10px;}}
@keyframes dl3 {form{opacity:1;filter:alpha(opacity=100);width:228px;margin-left:-10px;} to{opacity:0.3;filter:alpha(opacity=30);width:188px;;margin-left:10px;}}
@-webkit-keyframes dl3 {form{opacity:1;filter:alpha(opacity=100);width:228px;margin-left:-10px;} to{opacity:0.3;filter:alpha(opacity=30);width:188px;;margin-left:10px;}}
@-moz-keyframes dl3 {form{opacity:1;filter:alpha(opacity=100);width:228px;margin-left:-10px;} to{opacity:0.3;filter:alpha(opacity=30);width:188px;;margin-left:10px;}}
@-o-keyframes dl3 {form{opacity:1;filter:alpha(opacity=100);width:228px;margin-left:-10px;} to{opacity:0.3;filter:alpha(opacity=30);width:188px;;margin-left:10px;}}