@charset "utf-8"; /*reset*/ html { overflow-y:scroll } body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, form, fieldset, input, textarea, p, blockquote, th, td { padding:0; margin:0 } body { font: 12px/1.5 Tahoma, Helvetica, \5b8b\4f53, sans-serif; color:#333; word-wrap:break-word; word-break:break-all; background:#fff } abbr, article, aside, bb, datagrid, datalist, details, dialog, eventsource, figure, footer, header, mark, menu, meter, nav, output, progress, section, time { margin:0; padding:0; display:block } table { border-collapse:collapse; border-spacing:0 } ol, ul { list-style:none outside } caption { text-align:left } h1, h2, h3, h4, h5, h6 { font-size:100% } fieldset, img { border:0 } a { text-decoration:none; color:#333; outline:none } a:hover { text-decoration:underline; color:#c00 } em, i { font-style:normal } input, select, textarea { padding:4px 3px; font:12px Tahoma, Arial, simsun; vertical-align:middle } select { padding:3px } textarea { overflow-y:auto } input:focus, textarea:focus { outline:0 none } input::-moz-focus-inner { border:0 none } .clearfix:after { content:"."; height:0; visibility:hidden; display:block; clear:both; font-size:0; line-height:0 } .clearfix { display:inline-block } .clearfix { display:block } .clear { height:0; overflow:hidden; clear:both; display:block } .none, .hide { display:none } .block { display:block } .v_m { vertical-align:middle } .v_t { vertical-align:top } .v_b { vertical-align:text-bottom } .blod { font-weight:700 } .fl { float:left } .fr { float:right } .pointer{ cursor:pointer} .txtL { text-align:left } .txtC { text-align:center } .txtR { text-align:right } .inp_normal2, .select2, .input_hover { margin:1px; padding:5px 3px; font-size:14px; border:1px solid #ddd; border-color:#bbb #ddd #ddd #bbb } .input_hover { border-color:#999 #bbb #bbb #999 } .input_cur { margin:0; border:2px solid #FF9000; font-size:14px; padding:5px 3px } .inp_normal, .inp_hover, .inp_select, .inp_gray { margin:0 3px 0 0; border:1px solid #ddd; border-color:#999 #bbb #bbb #999 } .inp_hover, .inp_normal:hover { border-color:#555 #888 #888 #555 } .inp_select, .inp_normal:select {border:1px solid #069;background:#ffffef} .f12 { font-size:12px } .f14,.f14b{ font-size:14px } .f16, .f16b { font-size:16px } .f12b, .f14b, .f16b { font-weight:700 } .mt5 { margin-top:5px } .mt10 { margin-top:10px } .mt15 { margin-top:15px } .mt20 { margin-top:20px } .mt30 { margin-top:30px } .mr5 { margin-right:5px } .mr10 { margin-right:10px } .mr15 { margin-right:15px } .mr20 { margin-right:20px } .mb5 { margin-bottom:5px } .mb10 { margin-bottom:10px } .mb15 { margin-bottom:15px } .mb20 { margin-bottom:20px } .mb30 { margin-bottom:30px } .ml5 { margin-left:5px } .ml10 { margin-left:10px } .ml15 { margin-left:15px } .ml20 { margin-left:20px } .ml30 { margin-left:30px } .pt5 { padding-top:5px } .pt10 { padding-top:10px } .pt20 { padding-top:20px } .pt30 { padding-top:30px } .pb5 { padding-bottom:5px } .pb10 { padding-bottom:10px } .pb20 { padding-bottom:20px } .pb30 { padding-bottom:30px } .t_indent{ text-indent:2em;} .rel{ position:relative } .abs { position:absolute } .z9 { z-index:9} .w80 { width:80px } .w100 { width:100px } .w130 { width:130px } .w150 { width:150px } .w200 { width:200px } .w250 { width:250px } .w300 { width:300px } select.w80 { width:88px } select.w100 { width:108px } select.w130 { width:138px } select.w150 { width:158px } select.w200 { width:208px } select.w250 { width:258px } select.w300 { width:308px } .container { width:960px; margin:0 auto;} /*登录*/ .header{ min-width:960px; height:63px; background:url(../images/top_bg.png) repeat-x; overflow:hidden;} .logo { margin:3px 0 0 20px; float:left; display:inline;} .logo img { float:left;} .ver_txt {float:left; padding:25px 0 0 5px; font-size:16px; font-weight:400; color:#fff;font-family:"微软雅黑","黑体","宋体";} .header_bar { padding:5px 10px 0 0; float:right; color:#fff; white-space:nowrap } .header_bar a { margin:0 5px; color:#0ff;text-decoration:underline; } .header_bar a:hover { color:#0ff; text-decoration:underline;} .header_bar .name{ color:#ff0} /*login*/ .login_box{width:467px;margin:130px auto 30px; border:0px solid #2456aa; background:#f6faff} .login_tab{ width:465px;clear:both;position:relative;border:1px solid #94b0d7; background:#94b0d7; overflow:hidden;} .login_tab li{height:54px; line-height:54px; padding-left:10px; text-align:left; border:1px solid #e0eaf2; background:url(../images/tab_2.png) repeat-x; font-size:20px; font-weight:700; color:#369; font-family:"Microsoft YaHei"} .login_tab li.cur{border:1px solid #bbdbfd;background:url(../images/tab_1.png) repeat-x; color:#036} .login_con{border:3px solid #d6e8ff;padding:30px 25px 20px; overflow:hidden;zoom:1} .login_con .item{ position:relative; margin-bottom:15px; padding-left:100px; overflow:hidden;} .login_con .side { width:95px; padding-right:5px; height:28px;float:left; margin-left:-100px; display:inline; line-height:28px; font-size:14px; font-weight:700;color:#036; text-align:right;} .login_con .input {width:248px;height:20px; line-height:20px; border:1px solid #c8d5e6; background:#fff; color:#000; font-family:Verdana, Geneva, sans-serif} .login_con .input:hover{ border-color:#88aad6;} .login_con .code_img img{margin-right:10px;vertical-align:text-bottom;} .login_con .refresh{ cursor:pointer; color:#06f;} .login_con .button{ width:124px; height:43px; border:none;background:url(../images/btn.png) no-repeat; cursor:pointer; font-weight:700; color:#fff; font-size:14px; } .login_con .pointer{ cursor:pointer;} /*color*/ .red, .red a, a.red, .reds, .reds a, a.reds { color:#c00 } .c_f90 { color:#f90 } .c_f60 { color:#f60 } .c_f00 { color:#f00 } .c_000 { color:#000 } .c_666 { color:#666 } .c_999 { color:#999 } .c_06f { color:#06f } .green { color:#61B227 } .blue, .blues { color:#06f } .reds, .blues { text-decoration:underline } /*index*/ .toper{ padding:30px 60px; } .wrap-login{ padding:80px 0; width:1110px; margin: 0 auto; overflow: hidden; } .wrap-login .word{ float:left; width:700px; } .wrap-login .word .en{ font-size:110px; color:#0639a1; font-weight:600; font-family:Helvetica,Tahoma,Verdana,Lucida Grande,Georgia; letter-spacing: 2px; } .wrap-login .word .cn{ font-size:55px; color:#ffffff; font-family: Microsoft YaHei; letter-spacing: 6px; padding-left:10px; margin-top:-30px; } .wrap-login .login-form{ float:right; width:400px; } .wrap-login .login-form .box{ padding:30px; background-color: #ffffff; min-height:300px; } .wrap-login .login-form .title{ font-size:30px; text-align: center; font-family: Microsoft YaHei; font-weight:500; margin-bottom:30px; } .wrap-login .login-form .input-group{ margin-bottom: 20px; position: relative; } .wrap-login .login-form .input-group input{ border:1px solid #eeeeee; line-height:46px; height:46px; font-size:14px; width:340px; } .wrap-login .login-form .input-group .user{ padding-left:50px; background: url("../images/icon_user.png") no-repeat 20px 12px; } .wrap-login .login-form .input-group .password{ padding-left:50px; background: url("../images/icon_password.png") no-repeat 20px 12px; } .wrap-login .login-form .input-group .code{ padding-left:50px; background: url("../images/icon_code.png") no-repeat 20px 12px; width:180px; } .wrap-login .login-form .input-group .code-img{ position: absolute; right:0; height:44px; border:1px solid #eeeeee; width:148px; } .wrap-login .login-form .forgetpwd{ text-align: right; } .wrap-login .login-form .forgetpwd a{ color:#0a56c8; font-size:12px; } .wrap-login .login-form .forgetpwd a:link{ text-decoration: none; } .wrap-login .login-form .input-group .button{ display: inline-block; width:100%; background-color: #296bed; color:#ffffff; text-align:center; font-size:18px; line-height:48px; height:48px; border:0; cursor: pointer; border-radius: 5px; letter-spacing: 2px; }