*{padding:0;margin:0}html,body{height:100%;width:100%;background:url(../../assets/img/eccBg.png) no-repeat center bottom #ccc;background-size:cover;background-attachment:fixed}.eccContainer{position:relative;height:100%;min-height:480px;width:100%;overflow:hidden}.eccBg{position:relative;height:100%;width:100%;z-index:0}.eccTop{background-color:#323232;width:100%;height:4%;color:#fff;padding:20px}.eccTop .eccTop-left,.eccTop .eccTop-right{float:left;width:49%}.eccTop .eccTop-left .eccTop-left-title{font-size:1.5em;font-weight:600}.eccTop .eccTop-right{text-align:right;font-size:.8em}.eccContent{position:relative;height:100%;width:100%;z-index:0;padding-top:10%}.eccContent-all{height:100%;width:60%;margin:0 auto;position:relative}.eccLogin-left,.eccLogin-right{width:50%;*width:49%;float:left}.eccLogin-left-img{text-align:center}.eccLogin-left img{width:90%;margin-top:70px}.eccLogin-right .eccLogin-right-login{background-color:#fff;width:70%;height:360px;margin:0 auto}.eccLogin-right-login .eccLogin-right-title{font-size:1.4em;text-align:center;padding-top:20px;letter-spacing:.5em}.eccLogin-inputContent{width:84%;margin:20px auto;*margin:10px auto}.eccLogin-box{box-sizing:border-box;width:100%;height:45px;border:1px solid #ddd;margin:12px auto}.eccLogin-input{box-sizing:border-box;outline:none;width:70%;margin-top:14px;padding-left:10px;border:0;font-size:.95em}.eccLogin-input-code{box-sizing:border-box;outline:none;width:56%;margin-top:14px;padding-left:10px;border:0;font-size:.95em;float:left}.eccLogin-box-div{box-sizing:border-box;float:left;width:80px;height:38px;background-position:8px 10px}.eccLogin-box-div img{width:50px;height:16px;margin:14px}.eccLogin-btn{width:100%;height:45px;line-height:45px;border:0;background-color:#5a6dfa;font-size:1em;color:#fff;margin-top:16px;cursor:pointer;letter-spacing:10px}.eccLogin-btn:hover{background-color:#7283ff}.eccLogin-btn:active{background-color:#3f54f0}.spLogin-bottom{text-align:right}.spLogin-bottom a{text-decoration:none;font-size:.8em}.spLogin-forget{color:#5090fa}.eccFooter{color:#ccc;width:100%;z-index:2;height:5%;text-align:center;font-size:.8em;position:absolute;left:0;right:0;bottom:0}.eccFooter div{text-align:center;line-height:22px}.eccFooter div a{color:#fff;margin-left:15px;margin-right:15px;text-decoration:none}.eccFooter div a:hover{color:#b9b9b9}.clear{clear:both}.eccLogin-input-code{box-sizing:border-box;outline:none;width:50%;margin-top:14px;padding-left:10px;border:0;font-size:.95em;float:left}.loginCodeimg{width:70px;height:34px;margin:5px;cursor:pointer}.content span{display:none}.dpError{text-align:left;position:absolute;padding:10px;min-width:120px;color:#fff;background-color:#f66;border:1px solid #f66;border-radius:5px;font-size:12px;left:91%}.dpError-left{position:absolute;border-width:10px;border-style:solid;border-image:initial;border-color:transparent #f66 transparent transparent;left:-20px;top:9px}@media screen and (min-width:1680px)and (max-width:1919px){.eccLogin-input-code{width:44%}}@media screen and (min-width:1440px)and (max-width:1679px){.eccLogin-right .eccLogin-right-login{width:84%}.eccFooter{bottom:3%}.eccLogin-input-code{width:45%}.eccLogin-box .dpError{left:94%}}@media screen and (min-width:1400px)and (max-width:1439px){.eccLogin-right .eccLogin-right-login{width:87%}.eccLogin-input-code{width:45%}}@media screen and (min-width:1366px)and (max-width:1399px){.eccContent{padding-top:5%}.eccLogin-right .eccLogin-right-login{width:87%}.eccFooter{bottom:5%}.eccLogin-input-code{width:44%}}@media screen and (min-width:1330px)and (max-width:1365px){.eccContent{padding-top:5%}.eccLogin-right .eccLogin-right-login{width:88%}.eccFooter{bottom:5%}.eccLogin-input-code{width:45%}}@media screen and (min-width:1280px)and (max-width:1329px){.eccTop{font-size:.7em;padding:10px}.eccLogin-right-login .eccLogin-right-title{font-size:1em}.eccLogin-right .eccLogin-right-login{width:88%;height:340px}.eccLogin-inputContent{width:86%}.eccFooter{bottom:4%}.eccLogin-input-code{width:39%}.eccLogin-box .dpError{left:96%}}@media screen and (min-width:1200px)and (max-width:1279px){.eccTop{font-size:.7em;padding:5px 10px 10px 10px}.eccContent-all{width:70%}.eccContent{padding-top:5%}.eccLogin-right .eccLogin-right-login{width:84%}}@media screen and (min-width:960px)and (max-width:1199px){.eccTop{font-size:.7em;padding:5px 10px 10px 10px}.eccContent-all{width:80%}.eccContent{padding-top:10%}.eccLogin-right .eccLogin-right-login{width:91%;height:360px}.eccFooter{bottom:4%}.eccLogin-input-code{width:47%}.eccLogin-box .dpError{left:96%}}@media screen and (min-width:768px)and (max-width:959px){.eccTop{font-size:.7em;padding:5px 10px 10px 10px}.eccTop .eccTop-left,.eccTop .eccTop-right{width:48%}.eccContent{padding-top:5%}.eccLogin-left{display:none}.eccLogin-right{width:100%}.eccLogin-right .eccLogin-right-login{width:80%}.eccFooter{bottom:4%}.eccLogin-input-code{width:48%}.eccLogin-input-code{width:46%}}@media screen and (min-width:640px)and (max-width:767px){}@media screen and (min-width:480px)and (max-width:639px){}@media screen and (min-width:401px)and (max-width:414px){.eccTop .eccTop-left{width:60%}.eccTop .eccTop-left .eccTop-left-title{font-size:1em}.eccTop .eccTop-right{font-size:.5em;width:30%}.eccLogin-left{display:none}.eccContent-all{width:90%}.eccLogin-right{width:100%}.eccLogin-right .eccLogin-right-login{width:100%}.eccLogin-inputContent{width:86%}.eccFooter{bottom:4%}.eccLogin-input-code{width:45%}}@media screen and (min-width:393px)and (max-width:400px){}@media screen and (min-width:386px)and (max-width:392px){}@media screen and (min-width:375px)and (max-width:385px){.eccTop .eccTop-left{width:60%}.eccTop .eccTop-left .eccTop-left-title{font-size:1em}.eccTop .eccTop-right{font-size:.5em;width:30%}.eccLogin-left{display:none}.eccContent-all{width:90%}.eccLogin-right{width:100%}.eccLogin-right .eccLogin-right-login{width:100%}.eccLogin-inputContent{width:86%}.eccFooter{bottom:4%}.eccLogin-input-code{width:40%}}@media screen and (min-width:360px)and (max-width:374px){.eccTop .eccTop-left{width:60%}.eccTop .eccTop-left .eccTop-left-title{font-size:.9em}.eccTop .eccTop-right{font-size:.5em;width:30%}.eccLogin-left{display:none}.eccContent-all{width:98%}.eccLogin-right{width:100%}.eccLogin-right .eccLogin-right-login{width:100%}.eccLogin-inputContent{width:90%}.eccFooter{bottom:4%}.eccLogin-input-code{width:45%}}@media screen and (min-width:320px)and (max-width:359px){.eccTop .eccTop-left{width:60%}.eccTop .eccTop-left .eccTop-left-title{font-size:.9em}.eccTop .eccTop-right{font-size:.5em;width:30%}.eccLogin-left{display:none}.eccContent-all{width:98%}.eccLogin-right{width:100%}.eccLogin-right .eccLogin-right-login{width:100%}.eccLogin-inputContent{width:90%}.eccFooter{bottom:4%}.eccLogin-input{width:60%}.eccLogin-input-code{width:40%}}@media screen and (min-width:240px)and (max-width:319px){}@media screen and (max-width:239px){}@media screen and (max-height:600px){.eccContent{padding-top:3%}}