input {border-radius:0;}
select:focus,input:focus,textarea:focus {outline:none;}
input:-webkit-autofill {-webkit-box-shadow:0 0 0px 1000px white inset;}
input[type=text]::-ms-clear {display:none;}
input[type=password]::-ms-reveal {display:none;}
input[type='submit'],button {border:none;outline:none;}
input::-ms-clear {display:none;}
select::-ms-clear {display:none;}
textarea {resize:none;}
.clear {clear:both;width:0;height:0;}

HTML,BODY {BACKGROUND:#FFF;FONT:14px '微软雅黑',Helvetica,sans-serif;padding:0;margin:0;}

/*pc样式*/
.span_login {width:596px;padding:1px;margin:0 auto;background-color:#fff;margin-top:60px;border:1px solid #C3C6C0;border-radius:5px;}
.logo_container {width:558px;height:160px;margin:0 auto;padding:20px;background:url('https://static.onlyets.com/CDN/fxblk/Skin/images/login/bg.png') no-repeat;}
.logo_container .img-left {float:left;width:32%;height:100%;}
.logo_container .img-right {position:relative;float:right;width:65%;height:100%;text-align:left;}
#img_left {width:100%;height:100%;max-width:170px;max-height:46px;margin-top:20px;}
#img_right {width:100%;height:100%;max-width:354px;max-height:51px;margin-top:40px;}
.login_title {display:inline-block;margin:0;padding:0;position:absolute;right:0;bottom:0;font-size:2em;color:#fff;}
.tb_login {width:500px;margin:10px auto;text-align:center;overflow:hidden;}
.modal {position:fixed;top:0;left:0;right:0;bottom:0;background:rgba(0,0,0,0.6);display:none;}
.modal-container {width:325px;height:auto;position:absolute;top:50%;left:50%;margin-left:-162.5px;margin-top:-220px;background-color:#fff;border-radius:3px;}
.modal-content {border:none;}
.modal-title {text-align:center;overflow:hidden;margin:0;padding:20px 0 50px;font-size:2.5rem;}
.modal-mark .modal-title {color:#2A94E0;}
.modal-report .modal-title {color:#FB6464;}
.modal-container .qrCode{display:none;}
.modal-containerr .qrCode img.qr{display:block;margin:0 auto;}
#txbUserName,#txbPassword {box-sizing:padding-box;display:block;padding-left:40px;width:100%;margin:0 auto;background:url('../images/login/icon_name.png') no-repeat 10px center;border:1px solid #A9A9A9;height:45px;line-height:45px;font-size:1rem;border-radius:3px;}
#txbPassword {background-image:url('../images/login/icon_pass.png');margin:20px auto;}
.modal-mark #txbUserName:focus,.modal-mark #txbPassword:focus {border:1px solid #2A94E0;}
.modal-report #txbUserName:focus,.modal-report #txbPassword:focus {border:1px solid #FB6464;}
#btnSubmit {-webkit-appearance:none;border-radius:0;color:#fff;display:block;margin:0px auto 20px;width:100%;height:45px;line-height:45px;border-radius:3px;cursor:pointer;text-align:center;font-size:1.2rem;font-weight:bold;}
.modal-mark #btnSubmit {background-color:#2A94E0;}
.modal-mark #btnSubmit:hover {background-color:#1c85d0;}
.modal-report #btnSubmit {background-color:#FB6464;}
.modal-report #btnSubmit:hover {background-color:#fa5555;}
#btnLeft,#btnRight {}
#btnRight {}
.icon_close {position:absolute;top:0;right:0;display:inline-block;width:36px;height:36px;line-height:36px;text-align:center;color:#F2E4DB;font-size:2rem;font-weight:bold;cursor:pointer;}
.icon_close:hover {color:#2A94E0;}
.copy_login {box-sizing:padding-box;text-align:center; display:inline-block; padding:0; padding-top:1em;  font-size:1em;line-height:30px;margin:0 auto;}
.copy_right {font-size:0.8em;margin:0 auto;}
.hn{min-height:600px;}

/*修改的 样式*/
a,a:focus,a:hover {color:black;}
body {}
header {padding:10px 100px; color:#345B92;}
.login {padding:0 15px;}
.login span {font-size:35px;font-weight:bold;vertical-align:middle; display:inline-block; margin-top:3px; margin-left:10px; color:#3A6FB9;box-sizing:padding-box;}
.main {box-sizing:padding-box; padding-top: 4%;background: url('https://static.onlyets.com/CDN/fxblk/Skin/images/login/bg.png') no-repeat #3ABFB7;filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='https://static.onlyets.com/CDN/fxblk/Skin/images/login/bg.png',sizingMethod='scale');  background-size: cover;overflow: hidden;}
.loginBox {float:right;text-align:center;padding-right:150px;height:100%;}
.loginBox table{/*float:right;*/margin:0 auto;}
.loginBox-btm {display:inline-block;background-color:#FFF;padding:2em 3em;text-align:center;border-radius:10px;position:relative;}
.loginBox-btm a.btn {display:block;padding:15px 90px;background-color:#FF8989;color:#FFF;font-size:20px;margin-top:20px;border-radius:5px;text-decoration:none;}
.ren p {font-size:1.1em;font-weight:600;color:#335B8F;text-align:center;margin:0; height:30px;line-height:30px;}
.ren div{text-align:right;margin-top:-25px;}
.ren div a {text-decoration:underline;}
.ren div a:hover {color:red;}

.loginBox h1 {color:#FFF;font-size:45px;padding-bottom:20px;}
footer {text-align:center;padding-bottom: 10px;}
footer div {display:inline-block;}
footer span {display:inline-block;vertical-align:middle;text-align:left;}
footer b {line-height:30px;font-weight:normal;}
.modal-dialog {width:350px;}
.modal-header {background-color:#FFF;color:#FF8989;}
.modal-title {text-align:center;padding:10px 0;}
.modal-header {padding:10px;}
#btnLeft,#btnRight {display:inline-block;min-width:260px;}
.fixed {display:inline-block;position:fixed;right:0px;bottom:15%;}
.fixed div:nth-child(1) {text-align:center;color:#FFF;}

.eq img{width:125px;}
.eq_T { width:125px;position:absolute;top:0;left:-130px;background-color:#FFF;font-size:16px;letter-spacing:3px;}
.eq_T2 { width:125px;position:absolute;top:0;left:-260px;background-color:#FFF;font-size:16px;letter-spacing:3px;}
.eq_B {width:125px;position:absolute;left:-130px;bottom:0; background-color:#FFF;font-size:16px;letter-spacing:3px;}
.eq_B2 {width:125px;position:absolute;left:-260px;bottom:0; background-color:#FFF;font-size:16px;letter-spacing:3px;}



/******************加侧边栏*********************/
/*.loginBox { padding-right: 400px; }*/
.loginBox-ce{display:inline-block;}
ul.ce {padding:0;margin:auto 5px; width: 70px; float: left;list-style: none; background-color: white;border-radius: 5px; border-top-left-radius:5px; border-top-right-radius:5px; border-bottom-left-radius:5px; border-bottom-right-radius:5px;}
ul.ce li {cursor:pointer; height:82px; width:100%; text-align:center; margin:0; padding:10px 0; border-bottom: 1px solid #ccc; position:relative;background-color:white; color:#7b7171;}
ul.ce li.weixin{border-top-left-radius: 5px; border-top-right-radius:5px;}
ul.ce li.qq{border-bottom-left-radius: 5px; border-bottom-right-radius:5px;}
ul.ce li span{display:block;height:75%; background-repeat:no-repeat;background-size:contain;background-position:center center;}

ul.ce li.weixin span.img{background-image:url('../images/login/wx.png');}
ul.ce li.mark span.img{background-image:url('../images/login/mob.png');}
ul.ce li.kefu span.img{background-image:url('../images/login/tel.png');}
ul.ce li.qq span.img{background-image:url('../images/login/qq.png');}
ul.ce li.qq{border:none;}

ul.ce li:hover{background-color:#0DC3B4;color:white;}
ul.ce li:hover div{color:#7b7171;}

ul.ce li.weixin:hover{border-top-left-radius:5px; border-top-right-radius:5px;}
ul.ce li.weixin:hover span.img{background-image:url('../images/login/wxw.png');}
ul.ce li.mark:hover span.img{background-image:url('../images/login/mobw.png');}
ul.ce li.kefu:hover span.img{background-image:url('../images/login/telw.png');}
ul.ce li.qq:hover span.img{background-image:url('../images/login/qqw.png');}
ul.ce li.qq:hover { border-bottom-left-radius:5px; border-bottom-right-radius:5px; }

ul.ce li div.content {width: 150px; position:absolute; top:-50px; left: -150px; padding:10px; border: 1px solid #C3C6C0; display:none; background-color: #FFF; font-size: 11px; }
ul.ce li div.content span{display:block;line-height:24px;}
ul.ce li div.content a{text-decoration:none;}
ul.ce li.weixin div.content,ul.ce li.mark div.content {font-weight:600;}
/*ul.ce li.weixin div.content {width: 450px;left: -450px;}*/
ul.ce li div.content img { display: block; width:100%; margin: 0 auto; padding-bottom: 4px; }

ul.ce li:hover div { display:block; }

ul.ce li.kefu div.content { width:180px; top:0; left: -180px;}
ul.ce li.qq div.content {width:180px; top:0; left: -180px;}


/***手机端***/
@media (min-width:768px) {.modal-content {-webkit-box-shadow:none;box-shadow:none;}}
@media (max-width:600px) {
    html,* {cursor:pointer;}
    .hn{min-height:360px;}
    .login {padding:0 10px;}
    .login span {font-size:1.6em;font-weight:bold;vertical-align:middle;margin-left:0px; box-sizing:padding-box;}
    .loginBox-btm {padding:1em 3em;padding-bottom:3em;}
    #btnLeft,#btnRight {min-width:220px;}
    body {width:100%;}
    header {padding:10px 0px;height:4em;}
    header img {height:2em;}
    header span {margin-left:0px;font-size:2em;}
    .main {padding-top:1em;background-color:#3ABFB7;background-image:none;text-align:center;box-sizing:padding-box;}
    .main .loginBox {width:100%;padding-right:0px;padding-bottom:5%;}
    .main .loginBox table{width:100%;}

    .main .loginBox-btm a.btn {padding:0.5em  3em;margin-top:0.7em;font-size:1.2em;}
    .main .loginBox h1 {font-size:2em;}
    .modal-content {-webkit-box-shadow:none;box-shadow:none;}
    .fixed {display:inline-block;position:fixed;right:0;bottom:30px;}
    .fixed div:nth-child(1) {width:20px;color:black;}
    .fixed div:nth-child(2) {display:none;position:relative;right:-100px;}
    .box1 {height:3%;}
    .box2 {height:7%;}
    .eq{display:none;}
    footer {text-align:center;}
    .copy_login span {text-align:center;}
    /*.copy_login span:nth-child(1){display:block;}*/

    .modal-container .qrCode {display:block;}

    /******************************加侧边栏****************************************/
    ul.ce{display:none;}
    /*ul.ce {float:none;position:absolute;right:0;top:0;width:4em;}
    ul.ce li{height:80px;}*/
}
@media only screen and (max-width:450px) {
    body {width:100%;}
    .span_login {width:98%;padding:2px;margin:0 auto;background-color:#fff;border:1px solid #C3C6C0;border-radius:5px;}
    .logo_container {width:100%;margin:0 auto;overflow:hidden;padding:0;height:220px;background-size:100% 100%;}
    .logo_container .img-left {float:none;width:100%;text-align:center;max-height:90px;margin-top:0;}
    #img_left {width:100%;height:100%;margin-top:20px;}
    #img_right {width:100%;height:100%;padding:0px;margin:0px;}
    .logo_container .img-right {float:none;width:90%;height:100px;margin:0 auto;}
    .login_title {display:inline-block;bottom:5px;margin:0;padding:0;font-size:20px;color:#fff;}
    .tb_login {width:100%;margin:1rem auto;}
    .modal-container {margin:0;width:100%;height:100%;top:0;left:0;}
    #btnLeft,#btnRight {}
    #btnRight {}
    .login_after {width:100%;}
}
@media only screen and (max-width:320px) {
    .login span {font-size:1.3em;}
    .ren a{font-size:0.8em;}
    .main .loginBox {padding-right: 0px;padding-bottom: 24%;}
    .loginBox-btm {padding: 1em 2em;padding-bottom: 2em;}
     #btnLeft, #btnRight {min-width: 200px;}
    .copy_login {font-size: 0.8em;line-height: 20px}
    .copy_right {font-size:0.8em;}
.box1,.box2{display:none;}
}

/** 新增  **/
.logTabs {
    display: inline-block;
    width: 260px;
    max-height:270px;
}

    .logTabs .btnSubmit {
        -webkit-appearance: none;
        border-radius: 0;
        color: #fff;
        display: block;
        width: 80%;
        border-radius: 3px;
        cursor: pointer;
        text-align: center;
        font-size: 1.2rem;
        font-weight: bold;

        margin: 15px auto 20px !important;
        height: 35px !important;
        line-height: 30px !important;
        padding-bottom: 4px !important;
    }

.logTabs .tab-content {
    padding: 20px 0px 0px;
    border-bottom: 1px solid #ccc;
    border-left: 1px solid #ccc;
    border-right: 1px solid #ccc;
}
.logTabs .loginBox-btm {
    padding: 2em 2em;
}
    .logTabs .txbUserName, .logTabs .txbPassword {
        box-sizing: padding-box;
        display: block;
        padding-left: 40px;
        width: 80%;
        margin: 0 auto;
        background: url(../images/login/icon_name.png) no-repeat 10px center;
        border: 1px solid #A9A9A9;
        font-size: 1rem;
        border-radius: 3px;
        height: 35px !important;
        line-height: 45px !important;
    }
    .logTabs .txbPassword {
        background-image: url(../images/login/icon_pass.png);
        margin: 15px auto !important;
    }
    /*****-he add 2022-04-26--*****/
#loginbox{ margin: 10px auto 10px auto;}
#loginbox span{ display: block;margin: 0 auto;overflow: hidden; width:80%;}
#txbUserName, #txbPassword{width:100%;}
#checkcode{padding-left: 10px;max-width:150px;border: 1px solid #A9A9A9;height: 45px;line-height: 45px;font-size: 1rem;border-radius: 3px;margin-right: 5px;}
/****add滑块验证码****/
.slidercaptcha {margin: 0 auto;width: 304px;height: 256px;box-shadow: 0 0 10px rgba(0, 0, 0, 0.125);margin-top: 40px;background:#fff;}
.slidercaptcha .card-body {padding:0px 1px;}
.slidercaptcha canvas:first-child {border: none;}
.slidercaptcha.card .card-header {background-image: none;background-color: rgba(0, 0, 0, 0.03);}
.refreshIcon {top: -54px;}