@charset "utf-8";
html { overflow-y: hidden; }
body { margin: 0; height: 100%; }
body, th, td, button, input, select, textarea { font-family: "Microsoft Yahei","Hiragino Sans GB","Helvetica Neue",Helvetica,tahoma,arial,"WenQuanYi Micro Hei",Verdana,sans-serif,"\5B8B\4F53"; font-size: 14px; color: #333; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; }
a:active, a:hover { outline: 0; }
@font-face { font-family: 'adminthemesregular'; src: url('../fonts/adminthemes-webfont.eot'); src: url('../fonts/adminthemes-webfont.eot?#iefix') format('embedded-opentype'), url('../fonts/adminthemes-webfont.woff2') format('woff2'), url('../fonts/adminthemes-webfont.woff') format('woff'), url('../fonts/adminthemes-webfont.ttf') format('truetype'), url('../fonts/adminthemes-webfont.svg#adminthemesregular') format('svg'); font-weight: normal; font-style: normal; }
.hide { display: none; }
[hidden] { display: none; }
.hidden { display: none !important; visibility: hidden !important; }
.f-hide { font: 0/0 a; color: transparent; text-shadow: none; background-color: transparent; border: 0; }
[class*="span"].hide, .row-fluid [class*="span"].hide { display: none; }
.show { display: block; }
.invisible { visibility: hidden; }
body { height: 100%; background: #3b5294; overflow: hidden; }
canvas { z-index: -1; position: absolute; }
.login_box { padding-top: 10%; }
.admin_login { width: 350px; height: auto; overflow: hidden; margin: 0 auto; padding: 40px; box-shadow: 0 -15px 30px #0d957a; border-radius: 5px; }
.admin_login dt { font-size: 20px; font-weight: bold; text-align: center; color: #48bca5; text-shadow: 0 0 1px #0e947a; margin-bottom: 15px; }
.admin_login dt strong { display: block; color: #fff; }
.admin_login dt em { display: block; font-size: 12px; margin-top: 8px; }
.admin_login dd { margin: 5px 0; height: 42px; overflow: hidden; position: relative; }
.admin_login dd .login_txtbx { font-size: 14px; height: 26px; line-height: 26px; padding: 8px 5%; width: 90%; text-indent: 2em; border: none; background: #fff; color: #333; }
.admin_login dd:before { font-family: 'adminthemesregular'; position: absolute; top: 0; left: 10px; height: 42px; line-height: 42px; font-size: 20px; color: #0c9076; }
.admin_login dd.user_icon:before { content: "u"; }
.admin_login dd.pwd_icon:before { content: "p"; }
.admin_login dd.val_icon:before { content: "n"; }
.admin_login dd .ver_btn { text-align: right; border: none; color: #f4f4f4; height: 42px; line-height: 42px; margin: 0; z-index: 1; position: relative; float: right; background: #48bca5; }
.admin_login dd .checkcode { float: left; width: 100%; height: 42px; background: #fff; }
.admin_login dd .checkcode input { width: 200px; height: 36px; line-height: 36px; padding: 3px; outline: none; border: none; text-indent: 2.8em; vertical-align: top; }
.admin_login dd .checkcode img { width: 100px; height: 36px; padding: 3px; z-index: 0; }
.admin_login dd .submit_btn { width: 100%; height: 42px; border: none; font-size: 16px; background: #048f74; color: #f8f8f8; cursor: pointer; }
.admin_login dd .submit_btn:hover { background: #0c9076; color: #f4f4f4; }
.admin_login dd .load { background: #eee url(../images/loading_s.gif) no-repeat center; }
.admin_login dd .load:hover { background: #eee url(../images/loading_s.gif) no-repeat center; }
.admin_login dd em { color: #53c6b0; font-size: 12px; text-align: center; margin: 0; display: block; }
.admin_login dd.zt { text-align: left; color: #ffc; height: 24px; padding: 5px 0; }
.admin_login dd.zt a { color: #ffc; }

.poptip { z-index: 1000; position: absolute; top: 20px; left: 20px; padding: 6px 10px 6px; *padding: 7px 10px 5px; line-height: 16px; color: #fff; font-size: 12px; background-color: #B94A48; border: solid 1px #B94A48; border-radius: 2px; box-shadow: 0 0 3px #ddd; display: none; }
.poptip-arrow { position: absolute; overflow: hidden; font-style: normal; font-family: simsun; text-shadow: 0 0 2px #ccc; }
.poptip-arrow em, .poptip-arrow i { position: absolute; left: 0; top: 0; font-style: normal; }
.poptip-arrow em { color: #B94A48; }
.poptip-arrow i { color: #B94A48; text-shadow: none; }
.poptip-arrow-top, .poptip-arrow-bottom { height: 6px; width: 12px; left: 12px; margin-left: -6px; }
.poptip-arrow-left, .poptip-arrow-right { height: 12px; width: 6px; top: 12px; margin-top: -6px; }
.poptip-arrow-top { top: -6px; }
.poptip-arrow-top em { top: -1px; }
.poptip-arrow-top i { top: 0px; }
.poptip-arrow-bottom { bottom: -6px; }
.poptip-arrow-bottom em { top: -8px; }
.poptip-arrow-bottom i { top: -9px; }
.poptip-arrow-left { left: -6px; }
.poptip-arrow-left em { left: 1px; }
.poptip-arrow-left i { left: 2px; }
.poptip-arrow-right { right: -6px; }
.poptip-arrow-right em { left: -6px; }
.poptip-arrow-right i { left: -7px; }
.poptip .iframe { position: absolute; left: 0px; top: -1px; z-index: -1; }
.showpwd { right: 10px; color: #808080; top: 7px; font-size: 16px; z-index: 100; }
.showpwd a { text-decoration: none; }

#ie6-warning { background: #fff url(/jscss/demoimg/201006/warning.gif) no-repeat 3px center; position: absolute; top: 0; left: 0; font-size: 12px; color: #333; width: 97%; padding: 2px 15px 2px 23px; text-align: left; }
#ie6-warning a { text-decoration: none; }


    .reg{display:block;}
.login_border { width: 400px; background: rgba(255,255,255,.6); border-radius: 5px; padding: 8px; margin: 8% auto; }
.login-title{padding:10px 5px 20px;}
.login-title strong { font-size: 24px; }
.login-title em { font-size: 16px;font-style:normal;margin-left:5px; }
.login { width: 100%; padding-bottom: 20px; background: #fff; position: relative; }
.login input { font-family: 'Microsoft YaHei'; outline: none; }
.login input:focus { box-shadow: 0 0 5px rgba(46, 141, 237, 0.3); border: 1px solid rgba(46, 141, 237, 0.5) !important; }
.login-body { padding: 5px 20px 0; overflow: hidden; }
.login ul { overflow: hidden; padding-left: 10px; border-bottom: 1px solid #e7e7e7; height: 45px; list-style: none; }
.login ul li { float: left;padding:0 10px; text-align: center; height: 42px; margin: 0 10px; line-height: 42px; border-bottom: 3px solid #fff; cursor: pointer; }
.login ul li em { width: 0; height: 0; border-left: 5px solid transparent; border-right: 5px solid transparent; border-top: 5px solid #f60; position: absolute; top: 26px; left: 56px; opacity: 0; }
.login-style { display: none; }
.login-tab { margin: 0; }
.login-on { color: #f60; font-size: 14px; border-bottom: 3px solid #f60 !important; }
.login-on em { opacity: 1 !important; }
.login dl { margin-top: 20px; }
.login dl dt { height: 25px; line-height: 25px; color: #777; width: 240px; font-weight: bold; }
.login dl dt a { color: #39f; }
.login dl dd { margin: 0; }
.login dl dd input[type=text], .login dl dd input[type=password] { border: solid 1px #d6d6d6; height: 34px; line-height: 28px\9; width: 100%; padding-left: 35px; border-radius: 3px; }
.btn_mfyzm { width: 100%; height: 40px; background: #f0f0f0; border: 1px solid #d6d6d6; border-radius: 3px; cursor: pointer; }
#txtAdminName, #txtAdminPass,#phone,#dynamicPWD,#txtValidate { border: solid 1px #d6d6d6; height: 40px; line-height: 1; width: 100%; padding-left: 35px; border-radius: 3px; }
.tishi { line-height: 26px; color: #f60; margin-top: 10px; }
.remember { margin-top: 15px; }
.remember input[type=checkbox] { vertical-align: middle; margin-right: 5px; }
.remember label { color: #999; }
.login button { width: 100%; border: 0; background: #6995b9; border-radius: 3px; height: 42px; color: #fff; cursor: pointer;font-size: 16px; font-family: 'Microsoft YaHei'; }
.login button.submit_btn:hover { background: #f60; color: #f4f4f4; }
.login button.load { background: #ccc url(../../images/web/loading_s.gif) no-repeat center; }
.login button.load:hover { background: #ccc url(../../images/webloading_s.gif) no-repeat center; }
.code-box { padding: 0; width: 100%; height: 40px; color: #fff; text-shadow: 1px 1px 1px black; background: rgba(0, 0, 0, 0.16); border: 0; border-radius:3px; outline: none; box-shadow: inset 0 1px 4px rgba(0, 0, 0, 0.3), 0 1px rgba(255, 255, 255, 0.06); }
.code-box { position: relative; }
.code-box p,
.code-box span { display: block; position: absolute; left: 0; height: 40px; text-align: center; line-height: 40px; border-radius: 3px; }
.code-box span { width: 40px; background-color: #fff; font-family: "宋体"; font-size: 16px; cursor: pointer; }
.code-box p { margin:0;width: 0; background-color: #FFFF99; overflow: hidden; text-indent: -20px; transition: background 1s ease-in; }
.code-box .code-input { display: none; }
.qiehuan { width:60px; height:60px; position:absolute; right:0; bottom:0; background:url(../../images/web/login-code.png) no-repeat right top; cursor:pointer;}
#phone{ background:url(../../images/web/iconfont-shouji.png) no-repeat 6px center; background-size:22px;}
#dynamicPWD { background:url(../../images/web) no-repeat 6px center; background-size:22px;}
#txtCode,#txtCode2 { background:url(../../images/web/iconfont-yanzhengma.png) no-repeat 6px center; background-size:22px;}
#txtAdminName { background:url(../../images/web/iconfont-yonghu.png) no-repeat 7px center; background-size:20px;}
#txtAdminPass { background:url(../../images/web/iconfont-psw.png) no-repeat 7px center; background-size:20px;}

.close { right:10px; top:10px; position:absolute; z-index:10;}
.app_login { position:relative; padding:35px 50px 0;}
.app_login h1 { text-align:center; background:#ffebeb; color:#e4393c; border:1px solid #FFAEAF; padding-left:25px; line-height:32px;display:none}
.app_login h1 i { width:16px; height:16px; background:#e4393c; color:#fff; font-weight:bold; line-height:16px; text-align:center; border-radius:100%; position:absolute; margin:8px 0 0 -25px; font-size:17px;}
.app_login h2 { text-align:center; font-size:16px; font-family:'Microsoft YaHei'; color:#888; line-height:32px;margin:0;padding:0;}
.app_code { border: 1px solid #e1e1e1; padding: 10px; width: 155px; margin: 15px auto; font-size:0;}
.app_code img { width:100%; height:100%;}
.shuaxin { text-align:center;}
.shuaxin span{ padding: 0 10px; width:155px; line-height: 30px;display: inline-block; border-radius: 3px; cursor: pointer; background:#f60; color:#fff; margin-bottom:8px;}

.copyright { font-size:12px; margin-top:15px;}
.copyright p{margin:0;padding:0 20px;line-height:20px;}
@media (max-width: 400px) {
    .login_border{width:90%;}
    .reg{display:none;}
}