html,body,div,h1,h2,h3,h4,h5,h6,hr,ul,ol,li,dl,dt,dd,a,b,em,i,p,strong,img,/*table,tr,td,*/form,input,button,textarea{ margin:0; padding:0; border:0;}
ul,ol,li { list-style:none;}
h1,h2,h3,h4 { font-weight:normal;}
input,button,textarea,select {  font-family:"Microsoft YaHei",微软雅黑; outline:medium; font-size: 14px;}
body { font-family:"Microsoft YaHei",微软雅黑; font-size:14px; background:#f5f5f5; color:#666666; }
a { text-decoration:none; color: #666666;}
address, caption, cite, code, dfn, em, th, var, optgroup, i { font-style: normal; font-weight: normal; }
html,body { height: 100%;}
.f12 { font-size: 12px;}
.f20 { font-size: 20px;}
.fl { float:left;}
.fr { float:right;}
.none { display: none;}
.clear { display: block; overflow: hidden; clear: both; height: 0; line-height: 0; font-size: 0;}
.clearfix:after{ clear: both; content: "."; display: block; height: 0; visibility: hidden; *zoom:1}
.pos_r { position: relative;}
.pos_a { position: absolute;}
.display_inline{ display: inline-block;}
.cursor_p { cursor: pointer;}
.mt_5 { margin-top: 5px;}
.mt_10 { margin-top: 10px;}
.mt_20 { margin-top: 20px;}
.mt_30 { margin-top: 30px;}
.mb_20 { margin-bottom: 20px;}
.mb_10 { margin-bottom: 10px;}
.mb_15 { margin-bottom: 15px;}
.mr_15 { margin-right: 15px;}
.w1200 { width: 1200px; margin: 0 auto; height: auto;}
.display_table { display: table;}
.display_cell { display: table-cell; vertical-align: middle;}
.h70 { height: 70px;}
.text_center { text-align: center;}
.blue { color: #005693;}
.colorf { color: #FFFFFF;}
.color0 { color: #000000;}
.pd_20 { padding: 20px;}

/*login*/
.login_header { height: 70px; background-color: #FFFFFF;}
.login_bg { background: url(../img/login_bg.jpg) center bottom; background-size: 100% 100%;  width: 100%; height: 100%; min-width: 1200px; margin: 0 auto;}
.city { position: absolute; top: 140px; left: 0; width: 925px; height: 261px; background: url(../img/city.png) no-repeat;}
.transport_type { position: absolute; top: 410px; right: 335px; width: 265px; height: 86px; background: url(../img/transport_type.png) no-repeat;}
.footer { position: absolute; bottom: 0; left: 0; width: 100%; height: 30px; line-height: 30px; background-color: #3d74a4; color: #FFFFFF; text-align: center;}
.login_wrap { position: absolute; right: 0; top: 125px; width: 265px;min-height: 345px; padding: 0px 25px 30px 25px; background-color: #FFFFFF; border-radius: 5px; -webkit-border-radius:5px; -moz-border-radius:5px; -ms-border-radius:5px; -webkit-box-shadow: 0 5px 0 rgba(220,221,227,1); -moz-box-shadow:  0 5px 0 rgba(220,221,227,1); box-shadow: 0 5px 0 rgba(220,221,227,1);}
.welcome_login { background: url(../img/bg_logtop.png) no-repeat; width: 325px; height: 54px; line-height: 54px; position: absolute; left: -10px; top: 10px;}
.login_wrap .login_content { margin-top: 80px;}
.login_content .row { position: relative; border-radius: 4px; -webkit-border-radius: 4px; -moz-border-radius: 4px; -ms-border-radius: 4px; height: 33px; border: 1px solid #acacac; background: linear-gradient(-90deg, #ffffff, #f1f1f1); background: -webkit-linear-gradient(-90deg, #ffffff, #f1f1f1); background:  -o-linear-gradient(-90deg, #ffffff, #f1f1f1); background: -moz-linear-gradient(-90deg, #ffffff, #f1f1f1); margin-bottom: 10px;}
.login_content .row .login_input { width: 198px; font-size: 14px; line-height: 17px; height: 17px; color: #4f4f4f; padding: 8px 0 8px 0; border: none; background: transparent!important; z-index: 99999;}
.login_content .row .tips { width: 55px; line-height: 33px; padding-left: 10px; color: #4f4f4f;}
.login_content .row input::-webkit-input-placeholder,.login_content .row input::-moz-input-placeholder, .login_content .row input:-ms-input-placeholder{ color: #b9b9b9;} 
.login_content .code .l_c.row { width: 185px;}
.login_content .code .r_c.row { width: 68px;}
.login_content .code .l_c.row .login_input { width: 120px;}
.login_content .code .r_c.row img { width: 100%; height: 100%;}
.login_content .row.border_blue {	border-color: #005693; }
.login_content .remember_p { position: relative; width: 14px; height: 14px; margin: 2px 2px 0 0;}
.login_content .remember_p .input_hiden { opacity: 0; z-index: 4; cursor: pointer;}
.login_operation { overflow: hidden;}
.remember_p .input_hiden, .remember_p .check_box_img { position: absolute; top: 0; left: 0;}
.check_box_img { background: url(../img/check.png) no-repeat center; display: block; width: 14px; height: 14px; cursor: pointer;}
input[type="checkbox"]:checked + label.check_box_img { background: url(../img/checked.png) no-repeat center; }
.login_btn { display: inline-block; width: 120px; height: 36px; line-height: 36px; text-align: center; color: #FFFFFF; background-color: #005693; -webkit-border-radius: 4px; -moz-border-radius: 4px; -ms-border-radius: 4px; font-size: 16px;}
.login_footer { position: absolute; width: 100%; left: 0; bottom: 5px;}
.clause_wrap { background-color: #f7f7f7; padding: 0 0 10px 0;}
.clause_content { height: 410px; overflow-y: scroll; padding: 0 20px; background-color: #FFFFFF;}
.clause_content p { line-height: 24px; text-indent: 24px;}
.clause_btn.login_btn { width: 60px; height: 26px; line-height: 26px; font-size: 12px;}