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;}


.span_login {width:596px;padding:1px;margin:0 auto;background-color:#fff;margin-top:60px;border:1px solid #C3C6C0;border-radius:5px;}
#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('../image/icon-input-user.png') no-repeat 10px center;border:none;height:40px;line-height:40px;font-size:1rem;border-radius:3px;}
#txbPassword {background-image:url('../image/icon-input-lock.png');}
.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;color: #fff;width: 100%;border-radius: 3px;cursor: pointer;text-align: center;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 {text-align: center;display: inline-block;padding: 0;font-size: 1.2em;margin: 0 auto;padding:10px;}
.copy_right {font-size:0.8em;margin:0 auto;}
.hn{min-height:600px;}


a,a:focus,a:hover {color:black;}
header {padding:20px; color:#345B92;background:#fff;width:100%;}
.login {padding:0px;}
.login span {font-size: 35px;vertical-align: middle;display: inline-block;margin-top: 0;margin-left: 20px;color: #222;box-sizing: content-box;}
.main {box-sizing: padding-box;padding-top: 2%;overflow: hidden;min-height: 370px;}
.main-footer {
    

    
    background: url(404.png) no-repeat #3ABFB7;filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/Skin/images/s-bg-750.png',sizingMethod='scale');
    background-size: cover;overflow: hidden;   
    background:-webkit-linear-gradient(left bottom,#ffe16a 18%,#20c6b2 99%);
    background:-o-linear-gradient(left bottom,#ffe16a 18%,#20c6b2 99%);
    background:-moz-linear-gradient(left bottom,#ffe16a 18%,#20c6b2 99%);
    background:linear-gradient(to left bottom,#ffe16a 18%,#20c6b2 99%);*/

}
.main-footer .leftbox div{
    height:580px;
    width:839px;
    background: url(../image/left-box-lk.png) no-repeat;filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='../image/left-box-lk.png',sizingMethod='scale');
    background-size: cover;
    margin-left:160px;
}

.main-footer .loginBox{ margin-top:4%; }
.loginBox {text-align:center;height:100%;}
.loginBox table{margin:0 auto;}
.loginBox-btm {    display: inline-block;
    padding: 1em;
    text-align: center;
    position: relative;
    width: 100%;}
.loginBox-btm .btn-ok {    display: block;
    padding: 8px 0px;
    background-color: #52C3B2;
    color: #FFF;
    font-size: 20px;
    margin-top: 30px;
    border-radius: 5px;
    text-decoration: none;}
.loginBox-input .input-group {
    margin-top: 20px;
    border: 1px solid #f4f4f4;
    background: #f4f4f4;
    border-radius: 6px;
    padding: 4px 2px 4px 10px;
    color: #222;
    width: 100%;
}
.nav-tabs>li.active>a, .nav-tabs>li.active>a:hover, .nav-tabs>li.active>a:focus{color: #52C3B2; cursor: default;border:none;border-bottom: 3px solid #4ABCAA;}
.nav-tabs>li>a{font-size:1.2em;}
.loginBox-input .input-group input{ border:none;background:#f4f4f4;box-shadow: none;height: 35px; color: #000; }
.loginBox-input .input-group .label-user{background: url('../image/icon-input-user.png') no-repeat center right;}
.loginBox-input .input-group .label-lock{background: url('../image/icon-input-lock.png') no-repeat center right;}
.loginBox-input>div{     margin-top: 20px;}
.loginBox-input .btn-ok:hover .btn{ background:#4ABCAA; }
.ren p {font-size: 1.5em;
    font-weight: 600;
    color: #222;
    text-align: center;
    margin: 10px 0;
    height: 30px;
    line-height: 30px;
    margin-bottom: 20px;
}
.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 p{color:#f4f4f4; text-align:center;margin:0 auto;}
footer div {display:inline-block;}
footer span {display:inline-block;vertical-align:middle;text-align:left;padding-left:0px;}
footer span a{ float: left;line-height: 16px;margin: 0px 0px 0px 5px;color: #efefef;text-decoration: none;}
footer span a:hover{color: #efefef;text-decoration: none;}
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-ce{display:inline-block;}
.loginBox>table{background: #fff;border-radius: 30px;display: inline-block;}
.loginBox>table>tbody{padding:15px;display:inline-block;}
ul.ce {padding: 0;margin: 0;width: 100%;list-style: none;background-color: white;}
ul.ce li {height:90px;width: 70px;text-align: center;padding: 5px;position: relative;background:none;color: #7b7171;float: left;margin: 10px;}
ul.ce li span{display: block;
    height: 80%;
    background-repeat: no-repeat;
    background-size: contain;
    background-position: center center;
    margin-bottom: 5px;}
ul.ce li a{ text-decoration:none;color: #444;}
ul.ce li.weixin span.img{background-image:url('../image/icon-wx.png');}
ul.ce li.mark span.img{background-image:url('../image/icon-app.png');}
ul.ce li.kefu span.img{background-image:url('../image/icon-tel.png');}
ul.ce li.qq span.img{background-image:url('../image/icon-dx.png');}

ul.ce li div.content {width: 120px;position: absolute;top: -140px;left: -25px;padding: 10px;border: 1px solid #C3C6C0;background-color: #FFF;font-size: 11px;display: none;border-radius: 12px;z-index:999;}
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 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;left: -50px;}
ul.ce li.qq div.content {  width: 180px;left: -50px;}


.main680 .main-footer .leftbox div{height:400px;width:578px;margin-left:120px;}
.main680 .main-footer .loginBox{ margin-top:0; }
.main680 #txbUserName,.main680 #txbPassword{height: 30px;line-height: 30px;}
.main680 .loginBox-btm .btn-ok{margin-top:0px;}
.main680 ul.ce li { margin: 4px 0px 0px;height: 65px;width: 70px;}
.main680 ul.ce li span{height: 65%;}
.main680 header{padding: 15px;}
.main680 header .login span{font-size: 25px;}
.main680 header .login> img{  max-height:45px;}
.main680 header .x-logo img{height:30px;}
.main680 .ren p{margin:0px;}
.main680 .loginBox-input .input-group{margin-top: 15px;}
.main780 .main-footer .leftbox div{height:450px;width:651px;margin-left:130px;}
.main780 #txbUserName,.main780 #txbPassword{height: 30px;line-height: 30px;}
.main780 .loginBox-btm .btn-ok{margin-top:0px;}
.main780 ul.ce li span{height: 65%;}
.main780 ul.ce li { margin: 8px 0px 0px;height: 75px;    width: 70px;}
.main780 header{padding: 15px;}
.main780 header .login span{font-size: 25px;}
.main780 header .login> img{  max-height:45px;}
.main780 header .x-logo img{height:30px;}


@media (max-width:1200px) {
    .main680 .main-footer .leftbox div{margin-left: 0px;height: 350px;width: 500px;}
}
@media (max-width:768px) {
    html,* {cursor:pointer;}
    .main-footer {
        box-sizing: content-box;
        background: #3ABFB7;
        
 
    
    background: url(404.png) no-repeat #3ABFB7;filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/Skin/images/s-bg-750.png',sizingMethod='scale');
    background-size: cover;overflow: hidden;   
    background:-webkit-linear-gradient(left bottom,#ffe16a 18%,#20c6b2 99%);
    background:-o-linear-gradient(left bottom,#ffe16a 18%,#20c6b2 99%);
    background:-moz-linear-gradient(left bottom,#ffe16a 18%,#20c6b2 99%);
    background:linear-gradient(to left bottom,#ffe16a 18%,#20c6b2 99%);
    }
    .main-footer .leftbox div{
    height:546px;
    width:909px;
    display:none;
  
}
   .main-footer .rightbox{width:100%;}
   .main680 .main-footer .loginBox{margin-top:5%;}
   .main{min-height:auto;}
    .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;padding-bottom:3em;}
    #btnLeft,#btnRight {min-width:220px;}
    body {width:100%;}
    header {padding:10px 0px;}
    header img {height:2em;}
    header span {margin-left:0px;font-size:2em;}   
    header span img{height:1em;}
    .main .loginBox {width:100%;padding-right:0px;padding-bottom:5%;}
    .main .loginBox table{border-radius:12px;}
    .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;background: #fff;}
    .copy_login span {text-align:center;}
    
    footer p{color:#666;}
    footer span a{color:#999;}
    .modal-container .qrCode {display:block;}

    
    ul.ce{display:none;}
    
}
@media only screen and (max-width:540px) {
    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;}
.main680 header,.main780 header{display: inline-block;}
.main680 header .login span,.main780 header .login span {font-size: 1.2em;}
.main680 header .login,.main780 header .login> img {height: 2em;}
.main680 header .login span.x-logo,.main780 header .login span.x-logo {float:right;}
.main680 header .x-logo img,.main780 header .x-logo img {height: 1em;}
}
@media (max-width:400px) {
.nav>li>a {
    padding: 5px;
}
.login {
    padding:0px;
    overflow: hidden;
    display: inline-block;
    width: 100%;
}
header img {
    height: 1.6em;
}
.main680 header .login> img {
   height: 1.6em;
}
.login span {
    font-size: 1.2em;
}
.loginBox>table>tbody {
    padding: 10px;
}
.main680 header {
    padding: 5px;
}
}
@media only screen and (max-width:320px) {
    header .login span.x-logo{display:none;}
    .login span {font-size:1.3em;}
    .ren a{font-size:0.8em;}
    .main .loginBox {padding-right: 0px;}
    .loginBox-btm {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(../image/icon-input-user.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(../image/icon-input-lock.png);
        margin: 15px auto !important;
    }