a:focus{outline:0;-webkit-tap-highlight-color:rgba(255,0,0,0);-webkit-touch-callout:none;-webkit-user-select:none}
a:active,a:hover,a:link{text-decoration:none}
body{overflow-x:auto!important;overflow-y:auto!important;background:#eef3fa;color:#05265e}
body,button,input,select,textarea{font:13px/1.5 Lucida Grande,Lucida Sans Unicode,Helvetica Neue,Hiragino Sans GB,Microsoft Yahei,sans-serif;color:#05265e}
li,ul{list-style:none; padding: 0;}
.pst{position:relative}
a{ color: #3777fe;}
fieldset.box{margin:0;padding:0;border:none;/*border-top:1px solid #eeecec*/}
fieldset.box legend{margin:0;padding:0 5px;font-size:14px;color:#9f9f9f;text-align:center;width:inherit;border-bottom:none}
fieldset.box dl.form{margin:0;padding:20px 0 0}
fieldset.box dl.form dd{margin-bottom:16px}
.radio,fieldset .checkbox{margin-top:0}

.login-bg{ background: url(../images/bg-login.png) no-repeat; background-size: cover;}
.app-login{ position: absolute; left: 50%; top:50%; transform: translate(-50%,-50%); border-radius: 5px; box-shadow:0 0 10px rgba(0,0,0,.1); width: 1000px; height: 600px; overflow: hidden; display: flex;}
.login-info{ width: 500px; height: 600px; padding: 30px 40px;  background-color: rgba(255, 255, 255, 1); }
.login-banner{ width:500px; background:url(../images/table-bg.png) no-repeat; background-size:cover; padding: 30px;}
.login-logo{ width: 250px;}
.login-intro{ margin-left: 60px; margin-top: 80px; }
.login-intro h2{ font-size: 32px;}
.login-intro h4{ font-size: 24px; font-weight: normal; margin: 30px 0; }
.login-intro li{ font-size: 18px; margin: 20px 0; }
.login-intro li img{ width: 28px; height: 28px; margin-right: 6px;}
.login-intro h4 span{ margin-left: 20px; }

.login-tit{ font-size: 16px; }
.login-tit h3{ font-size: 20px; position: relative; }
.login-tit h3::before{ content: ""; position: absolute; left: 0; bottom: 1px; width: 40px; border-radius: 10px; height: 4px; background-color:rgba(55,119,253,0.6);}
.login-form{ margin-top: 30px; font-size: 16px; }
.form-item{  margin: 20px 0; }
.form-tit span{ color: #f85029; margin-right: 6px;}
.form-tit { margin-bottom: 6px;}
.form-con { position: relative;}
.sms-code{ position: absolute; right: 10px; top: 50%; transform: translateY(-50%);}
.form-con .form-control{ height: 38px;}
.form-opera{ display: flex; align-items: center; }
.form-opera .login-btn{ width: 40%; text-align: center; border-radius: 5px; padding: 8px 0; background-color: #3777fe; color: #fff;}
.login-link{ width: 60%; text-align: right;}
.login-tip{ margin-top: 20px;}
.sms-code img{ height: 32px;}

.nav{ margin-top: 18px; border-bottom: none;}
.nav>li>a{ font-size: 20px; padding: 0px; color:#05265e; opacity: 0.5; }
.nav>li>a:focus,.nav>li>a:hover{background-color: transparent; }
.nav .open>a, .nav .open>a:focus, .nav .open>a:hover{ background-color: transparent; }
.nav-secondary>li{ margin-right:30px !important;}
.nav-secondary>li.active>a, .nav-secondary>li.active>a:focus, .nav-secondary>li.active>a:hover{color:#05265e; opacity: 1; font-weight: bold; border-bottom-color: transparent;  }
.nav-secondary>li>a{ position: relative; border-bottom:none}
.nav-secondary>li.active>a::before{ content: "";  position: absolute; left: 0; bottom: 5px; width: 40px; border-radius: 10px; height: 4px; background-color:rgba(55,119,253,0.6);}