@charset "utf-8";
img,button,input{ border:0px; outline:none;}
a{ outline:none;}
body { background: #f8f8f8; /*font-family: 'PT Sans', Helvetica, Arial, sans-serif;*/font-family:"Microsoft YaHei",微软雅黑,"Microsoft JhengHei",华文细黑,STHeiti,MingLiu; text-align: center; color: #fff;}
h1 { font-size: 48px; font-weight: 200; text-shadow: 0 1px 4px rgba(0,0,0,.2); margin-bottom:5px; }
form { position: relative; text-align: center;}
.animated {-webkit-animation-duration: 0.2s;}
.page-container {min-width:700px;}
.center{position: absolute; left: 50%; margin-left: -350px; top: 50%; margin-top: -140px; }
input:-webkit-autofill { -webkit-animation-name: autofill; -webkit-animation-fill-mode: both;}
@-webkit-keyframes autofill { to { color: #fff !important; background: transparent; } }

/*头部*/
.login-header{ text-align:center;overflow: hidden; height:60px; position:relative; margin-bottom:5px;}
.login-header .login-line{width:230px;height:1px;font-size:0px;background:rgba(255,255,255,.15);position:absolute;top: 50%;}
.login-header .login-line.r{right:0px;}
.login-header .logo{ margin:10px auto; width:160px;overflow: hidden;}
.login-header .logo-img,.login-header .logo-text{ float:left; display:inline-block;}
.login-header .logo-img{ margin-right:8px;}
.login-header .logo-text h5,.login-header .logo-text p{color: #FFF; margin:0; text-align:left;}
.login-header .logo-text h5{font-size:16px;line-height:20px; font-family:微软雅黑; font-weight:500;}
.login-header .logo-text p{font-size:10px; line-height:12px;font-family: Verdana, Geneva, sans-serif;}

/*登录内容*/
.login-inner{border:1px solid rgba(255,255,255,.08); background: rgba(255,255,255,.05); box-shadow: 1px 6px 8px 4px rgba(15,15,15,.2); padding:15px;}
.login-child-inner{border-radius:5px; padding:5px; height: 40px;position: relative;}
.form-group { position: relative; display:inline-block; float:left; width:auto;margin-right: 8px;}
.form-group:last-child{ margin-right:0px;}
.form-group.last{ margin-right:0px;}

/*文本样式*/
.form-group label { font-size: 14px; font-weight: 600; line-height: 20px; color: #FFF; display: block; height: 20px; padding-right: 10px;border-right: dotted 1px #FFF; position: absolute;  z-index: 9; top: 10px; left: 10px;}
.form-group .input-text{ font-size: 14px; font-family: "Microsoft YaHei", "Lucida Grande", "Lucida Sans Unicode", Tahoma, Helvetica, Arial, sans-serif; color: #fff; height: 28px; padding: 5px 6px; position: relative; z-index: 1; background: #2d2d2d; background: rgba(45,45,45,.15); border: 1px solid #3d3d3d; border: 1px solid rgba(255,255,255,.15); -moz-border-radius: 5px; -webkit-border-radius: 5px; border-radius: 5px; text-shadow: 0 1px 2px rgba(0,0,0,.1); -moz-box-shadow: 0 2px 3px 0 rgba(0,0,0,.1) inset; -webkit-box-shadow: 0 2px 3px 0 rgba(0,0,0,.1) inset; box-shadow: 0 2px 3px 0 rgba(0,0,0,.1) inset; -o-transition: all .2s; -moz-transition: all .2s; -webkit-transition: all .2s; -ms-transition: all .2s; }
.form-group .input-text{ font-size: 14px;font-family: "Microsoft YaHei", "Lucida Grande", "Lucida Sans Unicode", Tahoma, Helvetica, Arial, sans-serif;color: #fff;height: 28px; line-height:28px;padding: 5px 6px 5px 55px;position: relative;z-index: 1;background: #2d2d2d;background: rgba(45,45,45,.15);border: 1px solid #3d3d3d;border: 1px solid rgba(255,255,255,.15);-moz-border-radius: 5px;-webkit-border-radius: 5px;border-radius: 5px;text-shadow: 0 1px 2px rgba(0,0,0,.1);-moz-box-shadow: 0 2px 3px 0 rgba(0,0,0,.1) inset;-webkit-box-shadow: 0 2px 3px 0 rgba(0,0,0,.1) inset;box-shadow: 0 2px 3px 0 rgba(0,0,0,.1) inset;-o-transition: all .2s;-moz-transition: all .2s;-webkit-transition: all .2s;-ms-transition: all .2s;width: 165px;}
.form-group .input-text:-moz-placeholder {color: #fff;}
.form-group .input-text:-ms-input-placeholder {color: #fff;}
.form-group .input-text:-webkit-input-placeholder {color: #fff;}
.form-group .input-text:focus {
filter:progid:DXImageTransform.Microsoft.gradient(enabled='true', startColorstr='#3F000000', endColorstr='#3F000000'); background: rgba(0,0,0,0.25); outline: none; border-color: rgba(255,255,255,0.5); -moz-box-shadow: 0 2px 3px 0 rgba(0,0,0,.1) inset, 0 0 0 2px rgba(255,255,255,0.15); -webkit-box-shadow: 0 2px 3px 0 rgba(0,0,0,.1) inset, 0 0 0 2px rgba(255,255,255,0.15); box-shadow: 0 2px 3px 0 rgba(0,0,0,.1) inset, 0 0 0 2px rgba(255,255,255,0.15); }

/*验证码*/
.form-group .input-text.input-code{ width:50px} 
.code { background-color: #FFFFFF; width: 110px; height: 34px; border-radius: 4px; position: absolute;z-index: 9;top: 50px;
left: 10px; display: none;  box-shadow: 0 2px 2px 2px rgba(0,0,0,0.25); border:1px solid #eee\9;}
.code .arrow { background: url(../images/login_code.gif) no-repeat 0 0;display: block; width: 14px; height: 7px;position: absolute; left: 21px;top: -7px; *top:-6px; }
.code img {width: 90px; height: 30px; position: absolute;z-index: 1;top: 4px;left: 4px;}
.code .close { display: block; width: 10px;height: 10px;padding: 1px;position: absolute; z-index: 1; top: 4px; right: 4px;}
.code .change {display: block; width: 10px; height: 10px; padding: 1px; position: absolute; z-index: 1; bottom: 4px; right: 4px;}
.code .close i,.code .change i{background:url(../images/login_code.gif) no-repeat;display:block;width:10px;height:10px;opacity:0.5;}
.code .close i{background-position: 0 -7px;}
.code .change i{background-position: -10px -7px;}
.code .close:hover i,.code .change:hover i{opacity: 1;}

/*按钮样式*/
.submit { cursor: pointer;width: 65px; height: 40px; display: inline-block; line-height: 40px; text-decoration: none; padding: 0; background: #F04A09;  -moz-border-radius: 3px;  -webkit-border-radius: 5px;border-radius: 5px; border: 0px; -moz-box-shadow: 0 15px 30px 0 rgba(255,255,255,.25) inset,  0 2px 7px 0 rgba(0,0,0,.2); -webkit-box-shadow: 0 15px 30px 0 rgba(255,255,255,.25) inset, 0 2px 7px 0 rgba(0,0,0,.2); box-shadow:  0 15px 30px 0 rgba(255,255,255,.25) inset,0 2px 7px 0 rgba(0,0,0,.2); font-family: 'PT Sans', Helvetica, Arial, sans-serif; font-size: 16px; font-weight: 700; color: #fff;text-shadow: 0 1px 2px rgba(0,0,0,.1); -o-transition: all .2s; -moz-transition: all .2s; -webkit-transition: all .2s;-ms-transition: all .2s;}
.submit:hover { -moz-box-shadow:0 15px 30px 0 rgba(255,255,255,.15) inset, 0 2px 7px 0 rgba(0,0,0,.2);  -webkit-box-shadow:  0 15px 30px 0 rgba(255,255,255,.15) inset, 0 2px 7px 0 rgba(0,0,0,.2); box-shadow: 0 15px 30px 0 rgba(255,255,255,.15) inset, 0 2px 7px 0 rgba(0,0,0,.2);}
.submit:active { -moz-box-shadow:0 15px 30px 0 rgba(255,255,255,.15) inset, 0 2px 7px 0 rgba(0,0,0,.2);  -webkit-box-shadow:  0 15px 30px 0 rgba(255,255,255,.15) inset,0 2px 7px 0 rgba(0,0,0,.2);box-shadow:0 5px 8px 0 rgba(0,0,0,.1) inset,  0 1px 4px 0 rgba(0,0,0,.1); border: 0px solid #ef4300;}

/*忘记密码*/
.forget-password { padding-top: 20px; text-align: right;}
.forget-password a { font-size: 13px; color: #ddd; text-decoration: none;}

/*底部信息*/
.bottom { font-family: Verdana, Tahoma;font-size: 13px; line-height: 16px; color: #FFF;  text-shadow: 1px 1px 0 rgba(0,0,0,0.25); text-align: center; width: 700px;position: absolute;top: 90%;margin-top: -16px;left: 50%;margin-left: -350px; font-size:12px;}
.bottom h5 { font-size: 12px; margin:0;}
.bottom h6 { font-size: 10px;margin:0;font-weight: 200;}
.bottom a {color: #FFFFFF; text-decoration: none;}

/*报错样式*/
.top-alert-box { position: fixed; top: 15px; width: 500px; left: 50%; margin-left: -250px; z-index: 9999;}
.alert-bar { border-radius: 3px; padding: 10px 30px 10px 35px; margin-bottom: 15px; box-shadow: 0 0 12px rgba(0,0,0,.3); background: #fff !important; display: none; position: relative;text-align: left;font-size: 14px;}
.alert-bar.alert-danger{color:#ff595f;}
.alert-bar.alert-success{color:#20D176;}
.alert-bar .icon-tip{ margin-right: 5px; float: left; position: absolute;left: 10px; top: 10px; background:url(../images/tip.png) no-repeat -1px -2px;width: 20px;height: 20px;display:inline-block}
.alert-bar.alert-danger .icon-tip{ background-position: -1px -2px}
.alert-bar.alert-success .icon-tip{ background-position: -23px -2px;}
.alert-bar-close{position: absolute;right: 10px;top: 13px;}
.alert-bar-close .icon-close{ width:15px; height:15px; display:inline-block; background:url(../images/tip.png) no-repeat -75px -5px;}

/*进度条样式*/
.submit2 { width: 300px;position: absolute;height: 10px;left: 50%;margin-left: -150px;top: 50%;margin-top: -5px;}
.progress { height: 8px; margin-bottom: 20px; overflow: hidden; background-color: rgba(0, 0, 0, 0.3); border-radius: 5px; -webkit-box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.1); box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.1); width:100%}
.progress-bar { float: left; width: 0; height: 100%; font-size: 12px; line-height: 20px; color: #ffffff; text-align: center; background-color: #428bca; border-radius: 3px; -webkit-box-shadow: inset 0 -1px 0 rgba(0, 0, 0, 0.15); box-shadow: inset 0 -1px 0 rgba(0, 0, 0, 0.15); -webkit-transition: width 0.6s ease; transition: width 0.6s ease; }
.progress-striped .progress-bar { background-image: -webkit-linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent); background-image: linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent); background-size: 40px 40px; }
.progress.active .progress-bar { -webkit-animation: progress-bar-stripes 2s linear infinite; animation: progress-bar-stripes 2s linear infinite; }
.progress-bar-success {
 filter:progid:DXImageTransform.Microsoft.gradient(enabled='true', startColorstr='#E5FFFFFF', endColorstr='#E5FFFFFF'); background: rgba(255,255,255,0.9); }
.progress-striped .progress-bar-success { background-image: -webkit-linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent); background-image: linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent); }
.progress-bar-info { background-color: #5bc0de; }
.progress-striped .progress-bar-info { background-image: -webkit-linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent); background-image: linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent); }
.progress-bar-warning { background-color: #f0ad4e; }
.progress-striped .progress-bar-warning { background-image: -webkit-linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent); background-image: linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent); }
.progress-bar-danger { background-color: #d9534f; }
.progress-striped .progress-bar-danger { background-image: -webkit-linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent); background-image: linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent); }

/*登录背景切换*/
#supersized-loader { position: absolute; top: 50%; left: 50%; z-index: 0; width: 60px; height: 60px; margin: -30px 0 0 -30px; text-indent: -999em; }
#supersized { display: block; position: fixed; left: 0; top: 0; overflow: hidden; z-index: -999; height: 100%; width: 100%; }
#supersized img { width: auto; height: auto; position: relative; display: none; outline: none; border: none; }
#supersized.speed img { -ms-interpolation-mode: nearest-neighbor; image-rendering: -moz-crisp-edges; }	/*Speed*/
#supersized.quality img { -ms-interpolation-mode: bicubic; image-rendering: optimizeQuality; }			/*Quality*/
#supersized li { display: block; list-style: none; z-index: -30; position: fixed; overflow: hidden; top: 0; left: 0; width: 100%; height: 100%; background: #111; }
#supersized a { width: 100%; height: 100%; display: block; overflow: hidden}
#supersized li.prevslide { z-index: -20; }
#supersized li.activeslide { z-index: -10; }
#supersized li.prevslide img,
#supersized li.activeslide img { display: inline; }
#supersized img { max-width: none !important }
#supersized i { _zoom: 67;}