/* 重置样式 */
body,html{ width:100%; height:100%;}
body{ font:12px Arial,"Hiragino Sans GB","黑体-简",Helvetica,sans-serif; color:#000; background:#eee; line-height:1;}
body,div,p,span,h1,h2,h3,h4,h5,h6,ul,ol,li,dl,dt,dd,pre,form,tr,td,th,table{border:0px; padding:0px; margin:0px;}
img,a img{margin:0px; padding:0px; border:0px; font-size: 0px; line-height: 0px;}
h1,h2,h3,h4,h5,h6{font-size:12px; font-weight:normal;}
ul,li,ol,dt,dl,dd{ list-style:none;}
table{border-collapse:collapse; border-spacing:0;}
address,cite,pre,code,em,th,i{font-weight:normal; font-style:normal;}
pre,code{ display:block;}
label,input,textarea,select,button{font-family:Arial,"Hiragino Sans GB","黑体-简"; margin:0px; padding:0px; vertical-align:middle; outline:none;}
input,button,select,img{line-height:normal;}
img,span,input,label{ vertical-align: middle;}
a{ color:#000;text-decoration:none; outline: none;}
a:hover{ text-decoration:none; }
a:active{ outline: none;  star:expression(this.onFocus=this.blur());}
*{ box-sizing:border-box;  -webkit-box-sizing: border-box;  -moz-box-sizing: border-box;}

/* 浮动方式 */
.fl{ float:left; display:inline;}.fr{ float:right; display:inline;}.fn{ float:none}.clear{ clear:both;}

/* 定位方式 */
.relative{ position: relative;}.absolute{ position:absolute;}.fixed{ position:fixed;}

/* 显示隐藏 */
.dis{ display:block;}.undis{ display:none;}

/* 字体对齐方式 */
.tl{ text-align:left !important;}.tc{ text-align:center !important;}.tr{ text-align:right !important;}

/* 字体加粗 */
.fbold{ font-weight:bold;}.fnormal{ font-weight:normal;}

/* 字体斜体 */
.fstyle{ font-style:italic;}

/* 字体大小 */
.fsize12{ font-size:12px;}.fsize14{ font-size:14px;}.fsize16{ font-size:16px;}.fsize18{ font-size:18px;}.fsize20{ font-size:20px;}.fsize22{ font-size:22px;}.fsize24{ font-size:24px;}.fsize26{ font-size:26px;}.fsize28{ font-size:28px;}.fsize30{ font-size:30px;}

/*鼠标样式*/
.cpointer{ cursor:pointer;}.ctext{ cursor:text;}.cdefault{ cursor:default;}

/* 溢出方式 */
.hidden{ overflow:hidden;}.visible{ overflow:visible;}.auto{ overflow:auto;}.scroll{ overflow:scroll;}

/* 空白高度 */
.hr-2,.hr-3,.hr-4,.hr-5,.hr-6,.hr-7,.hr-8,.hr-9,.hr-10,.hr-11,.hr-12,.hr-13,.hr-14,.hr-15,.hr-16,.hr-17,.hr-18,.hr-19,.hr-20,.hr-21,.hr-22,.hr-23,.hr-24,.hr-25,.hr-26,.hr-27,.hr-28,.hr-29,.hr-30,.hr-124{clear:both; overflow:hidden; font-size:0px; line-height:0px;}
.hr-2{height:2px;}.hr-3{height:3px;}.hr-4{height:4px;}.hr-5{height:5px;}.hr-6{height:6px;}.hr-7{height:7px;}.hr-8{height:8px;}.hr-9{height:9px;}.hr-10{height:10px;}.hr-11{height:11px;}.hr-12{height:12px;}.hr-13{ height:13px;}.hr-14{ height:14px;}.hr-15{ height:15px;}.hr-16{ height:16px;}.hr-17{ height:17px;}.hr-18{ height:18px;}.hr-19{ height:19px;}.hr-20{ height:20px;}.hr-21{ height:21px;}.hr-22{ height:22px;}.hr-23{ height:23px;}.hr-24{ height:24px;}.hr-25{ height:25px;}.hr-26{ height:26px;}.hr-27{ height:27px;}.hr-28{ height:28px;}.hr-29{ height:29px;}.hr-30{ height:30px;}

/* 外边距 */
.m5{margin:5px;}.m10{margin:10px;}.m15{margin:15px;}.m20{margin:20px;}.m25{margin:25px;}.m30{margin:30px;}.m35{margin:35px;}.m40{margin:40px;}.m45{margin:45px;}.m50{margin:50px;}
.ml5{ margin-left:5px;}.ml10{ margin-left:10px;}.ml15{ margin-left:15px;}.ml20{ margin-left:20px;}.ml25{ margin-left:25px;}.ml30{ margin-left:30px;}.ml35{ margin-left:35px;}.ml40{ margin-left:40px;}.ml45{margin-left:45px;}.ml50{margin-left:50px;}

.mt5{ margin-top:5px;}.mt10{ margin-top:10px;}.mt15{ margin-top:15px;}.mt20{ margin-top:20px;}.mt25{ margin-top:25px;}.mt30{ margin-top:30px;}.mt35{ margin-top:35px;}.mt40{ margin-top:40px;}.mt45{margin-top:45px;}.mt50{margin-top:50px;}

.mr5{ margin-right:5px;}.mr10{ margin-right:10px;}.mr15{ margin-right:15px;}.mr20{ margin-right:20px;}.mr25{ margin-right:25px;}.mr30{ margin-right:30px;}.mr35{ margin-right:35px;}.mr40{ margin-right:40px;}.mr45{margin-right:45px;}.mr50{margin-right:50px;}

.mb5{ margin-bottom:5px;}.mb10{ margin-bottom:10px;}.mb15{ margin-bottom:15px;}.mb20{ margin-bottom:20px;}.mb25{ margin-bottom:25px;}.mb30{ margin-bottom:30px;}.mb35{ margin-bottom:35px;}.mb40{ margin-bottom:40px;}.mb45{margin-bottom:45px;}.mb50{margin-bottom:50px;}

/* 内边距 */
.pd5{ padding:5px;}.pd10{ padding:10px;}.pd15{ padding:15px;}.pd20{ padding:20px;}.pd25{ padding:25px;}.pd30{ padding:30px;}.pd35{ padding:35px;}.pd40{ padding:40px;}.pd45{ padding:45px;}
.pl5{ padding-left:5px;}.pl10{ padding-left:10px;}.pl15{ padding-left:15px;}.pl20{ padding-left:20px;}.pl25{ padding-left:25px;}.pl30{ padding-left:30px;}.pl35{ padding-left:35px;}.pl40{ padding-left:40px;}.pl45{padding-left:45px;}.pl50{padding-left:50px;}

.pt5{ padding-top:5px;}.pt10{ padding-top:10px;}.pt15{ padding-top:15px;}.pt20{ padding-top:20px;}.pt25{ padding-top:25px;}.pt30{ padding-top:30px;}.pt35{ padding-top:35px;}.pt40{ padding-top:40px;}.pt45{padding-top:45px;}.pt50{padding-top:50px;}

.pr5{ padding-right:5px;}.pr10{ padding-right:10px;}.pr15{ padding-right:15px;}.pr20{ padding-right:20px;}.pr25{ padding-right:25px;}.pr30{ padding-right:30px;}.pr35{ padding-right:35px;}.pr40{ padding-right:40px;}.pr45{padding-right:45px;}.pr50{padding-right:50px;}

.pb5{ padding-bottom:5px;}.pb10{ padding-bottom:10px;}.pb15{ padding-bottom:15px;}.pb20{ padding-bottom:20px;}.pb25{ padding-bottom:25px;}.pb30{ padding-bottom:30px;}.pb35{ padding-bottom:35px;}.pb40{ padding-bottom:40px;}.pb45{padding-bottom:45px;}.pb50{padding-bottom:50px;}


/* 百分比宽度 */
.col-sm-1,.col-sm-2,.col-sm-3,.col-sm-4,.col-sm-5,.col-sm-6,.col-sm-7,.col-sm-8,.col-sm-9,.col-sm-10,.col-sm-11,.col-sm-12{ float:left;}
.col-sm-12 { width:100%;}
.col-sm-11 { width:91.6667%;}
.col-sm-10 { width:83.3333%;}
.col-sm-9 { width:75%;}
.col-sm-8 { width:66.6667%;}
.col-sm-7 { width:58.3333%;}
.col-sm-6 { width:50%;}
.col-sm-5 { width:41.6667%;}
.col-sm-4 { width:33.3333%;}
.col-sm-3 { width:25%;}
.col-sm-2 { width:16.6667%;}
.col-sm-1 { width:8.33333%;}



/* 固定像素宽度 */
.w100{ width:100px;}
.w110{ width:110px;}
.w120{ width:120px;}
.w130{ width:130px;}
.w140{ width:140px;}
.w150{ width:150px;}
.w160{ width:160px;}
.w170{ width:170px;}
.w180{ width:180px;}
.w190{ width:190px;}
.w200{ width:200px;}
.w210{ width:210px;}
.w220{ width:220px;}
.w230{ width:230px;}
.w240{ width:240px;}
.w250{ width:250px;}
.w260{ width:260px;}
.w270{ width:270px;}
.w280{ width:280px;}
.w290{ width:290px;}
.w300{ width:300px;}
.w400{ width:400px;}
.w500{ width:500px;}
.w600{ width:600px;}
.w700{ width:700px;}
.w800{ width:800px;}
.w900{ width:900px;}
.w1000{ width:1000px;}


/* 边框样式 */
.border{ border:1px solid #e9e9e9 !important;}
.bordertop{ border-top:1px solid #e9e9e9 !important;}
.borderbottom{ border-bottom:1px solid #e9e9e9 !important;}
.borderleft{ border-left:1px solid #e9e9e9 !important;}
.borderright{ border-right:1px solid #e9e9e9 !important;}


/* 无边框样式 */
.bordernone{ border:0 none !important;}
.bordertopnone{ border-top:0 none !important;}
.borderbottomnone{ border-bottom:0 none !important;}
.borderleftnone{ border-left:0 none !important;}
.borderrightnone{ border-right:0 none !important;}

/*文字颜色*/
.c000{ color:#000;}
.c333{ color:#333;}
.c666{ color:#666;}
.c999{ color:#999;}
.c399bff{ color:#399bff;}
.c68b828{color:#68b828;}
.cf39c12{ color:#f39c12;}
.cef4836{color:#ef4836;}

.help-block{ display: block; margin-top: 5px; margin-bottom: 10px; color: #6a6e71;}

.badge { display: inline-block; min-width: 13px; min-height: 13px; font-size: 12px; color: rgb(255, 255, 255); line-height: 1; vertical-align: baseline; white-space: nowrap; text-align: center;  background-color: rgb(119, 119, 119); font-weight: normal;  border-radius: 10px;}
.tag_red, .badge_red { background-color:#f00;}
body{ background:url(images/bg.jpg) #192d67 no-repeat center;}
.login_body{ position:relative; height:100%;}
.login_logo{ padding-top:10px; padding-bottom:10px; text-align: center;}
.login_main{ position:relative; width:810px; height:100%; margin:0 auto;}
.login_con{ float:right; width:600px; height:316px; margin:0 auto; padding:20px;}
.logo_mini{ float: left; width:230px; padding-top:90px; text-align: center;}
.login_main h1{ font-size:27px; color:#fff; text-align: center;} /* margin-bottom:20px;*/
.login_form{position:absolute; right:10px; top:50%; margin-top:-165px; width:339px; height:222px;}
.login_form ul{ border-radius:5px; background:#fff;}
.login_form .logintext{ position:relative; height: 50px; padding-top:4px; border-radius: 3px; border-bottom:1px solid #d2d2d2;}
.login_form .logintext.focus{ background-position:left top}
.login_form .logintext .text{float:left; width:235px; height:44px; line-height:31px; padding: 3px 8px; border:none; background:#fff;}
.logintext .icon{ display: inline-block; float: left; width:24px; height:28px; margin-top:10px; margin-left:13px; background:url(images/login_icon.png) no-repeat left 0; vertical-align: top;}
.logintext .password_icon{ background-position:0 -58px;}
.logintext .yzm_icon{ background-position:0 -112px;}
.loginbtn{ width:100%; height:45px; margin-left: 3px; margin-bottom:30px; line-height:36px; background:url(images/login_btn.png) no-repeat; border:none; font-size:0; cursor:pointer;}
.loginbtn:hover{ background-position:left -56px;}
.loginbtn span{ font-size:14px; color:#000;}
.forgetpass{ margin:15px 0; padding-right:3px; color:#fff;}
.forgetpass input[type="checkbox"]{ margin-right:2px;}
.forgetpass input[type="checkbox"],.forgetpass em{vertical-align: middle;}