﻿html { -webkit-text-size-adjust: 100%; -ms-text-size-adjust: 100%;}
html,body { min-height: 100%;}
body,ol,ul,h1,h2,h3,p{margin:0;padding:0;}
h4{ font-size:16px;}
body { min-width: 990px;}
body, button, input {  font-family: "Microsoft YaHei","Hiragino Sans GB";}
body { font: 14px/150% tahoma,arial,Microsoft YaHei,Hiragino Sans GB,"\u5b8b\u4f53",sans-serif; -webkit-font-smoothing: antialiased; color: #222; background: #F9F9F9;}
img { border: 0;}
.field-validation-valid,
.field-validation-error{color:red; line-height:1.3em;}
a{ text-decoration:none; color:#365669;}
a:hover{color:#0194fa;}
input:-moz-placeholder,
input::-moz-placeholder,
input:-ms-input-placeholder,
input::-webkit-input-placeholder {color: #ccc;}
input,select {border: 1px solid #cccccc;border-radius: 2px;-webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);-webkit-transition: border-color ease-in-out 0.15s, box-shadow ease-in-out 0.15s;transition: border-color ease-in-out 0.15s, box-shadow ease-in-out 0.15s;}
input:focus {border-color: #66afe9;outline: 0;-webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px rgba(102, 175, 233, 0.6);box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px rgba(102, 175, 233, 0.6);}
input{color:#333; font-size:14px; vertical-align:middle;}

.header .nav, 
.footer .wapper,
.wrapper{ width: 990px;  margin: 0 auto; position: relative;  overflow: hidden;}

/*页头*/
.header{ height:75px;border-bottom:1px solid #e3e3e3; background-color:#fff; box-shadow: 0 0 2px #E3E3E3; }
.header .nav{ height:55px;padding-top:15px;}
.header .nav .logo a { float: left;padding-right:10px;}
.header .nav .logo a.reg { border-right: 2px solid gray;}
.header .nav .logo strong { float: left; padding: 18px 0 0 10px; font-size: 24px; color: gray; height: 24px;line-height: 24px;font-weight: 100; font-family: Microsoft YaHei,Hiragino Sans GB,\5b8b\4f53;}
.header .nav .navbar{ overflow:hidden;float:right; padding-top:10px;}
.header .nav .navbar > a{ padding: 0 10px; }

/*登录*/
.login { height: 520px; background-color:#61747b; position: relative; padding: 0px;}
.login .wrapper{ height:530px;background-image:url(/assets/images/bg-img.png);background-repeat:no-repeat; background-position-y:0px; background-position-x:-10px;}
.wrapper .login-box{ padding:20px; position:absolute;left:690px; width:250px; top:40px; position:relative;z-index:999;}
.wrapper .login-box { height: 385px; background:#fff;border-radius: 2px; filter: alpha(opacity=90);}
.wrapper .login-box .title{height:30px;line-height:30px; font-weight:500; font-size:16px; color:#000;}
.wrapper .login-box .inputbox,
.wrapper .login-box .inputbox-v{ font-size:14px; height:24px;line-height:24px;padding:6px; }
.wrapper .login-box .inputbox{width:210px;padding:6px 6px 6px 40px;}
.wrapper .login-box .inputbox-v{ width:115px;}
.wrapper .login-box .login-user{ background-image:url(/assets/images/user.png); background-repeat:no-repeat;background-position-x:5px; background-position-y:center; padding-left:30px; }
.wrapper .login-box .login-pws{ background-image:url(/assets/images/locked.png); background-repeat:no-repeat;background-position-x:5px; background-position-y:center; padding-left:30px;}
.wrapper .login-box .sp{padding:9px 0px 9px 0px;}
.wrapper .vertimg{ position:absolute; left:154px; cursor:pointer;}
.btn{width:250px; margin-top:10px; color:#fff; font-weight:bold;font-size:16px;}
.btn {height: 45px;line-height: 45px;border-radius: 3px;  background: #ff632f;border: 1px #dd4917 solid;display: inline-block;text-align: center;color: #fff;vertical-align: middle;}
.btn:hover {background: rgb(252, 123, 39); border: 1px solid rgb(233, 95, 3); border-image: none;}
.login-reg { padding-top: 20px;  border-top: 1px #e9e9e9 solid;  margin: 10px 0px; text-align:center;}
.login-reg > a {padding:0 15px;}

/*注册*/
.reg-body { overflow:hidden; padding:20px 0;}
.reg-body .wrapper {background-color:#fff;box-shadow: 0 0 5px #c7c5c5;}
.reg-body .wrapper {border: 1px solid #e1dfdf; margin-top:20px;border-radius: 3px; background-color:#fff; }
.reg-body .wrapper .reg-title {font-size:16px; background-color:#2cd5fb; font-weight:bold; color:#fff; line-height:60px;height:60px; padding-left:20px; }
.reg-body .wrapper .content {padding:20px 50px }
.reg-body .wrapper .note {font-size:14px; color:#666; height:30px; line-height:30px; padding-top:10px;}
.reg-body .wrapper .content .validation-summary-errors{ border:1px solid #F2f2f2; background-color:#f5f5f5; color:red; padding:10px;}
.reg-body .wrapper .content .validation-summary-errors li{line-height:150%;}
.reg-body .wrapper h3 { line-height:50px;font-size:16px; border-bottom:1px dotted #406070; color:#333; }
.reg-body .wrapper dl {clear:both;}
.reg-body .wrapper dd { margin:0px; padding:0px;color:#666;line-height:28px; vertical-align:middle;}
.reg-body .wrapper .form-title { font-size:14px; width: 200px; float:left;height:40px;line-height:40px; text-align:right;padding-right:10px;clear: left; color:#000; }
.reg-body .wrapper .form-input{width:300px;color:#333; height:30px;  font-size:14px; line-height:30px; padding:5px 12px;font-weight:500; vertical-align:middle;}
.reg-body .wrapper .form-select{color:#333; height:40px;  font-size:14px; line-height:40px; padding:6px 12px;font-weight:500; vertical-align:middle;}

.reg-body .wrapper img { vertical-align:middle; border:none;cursor:pointer; margin-left:5px; }
.reg-body .wrapper .sp {float:left; margin-right:10px;}
.reg-body .wrapper .verify-span {cursor:pointer; height:26px;line-height:26px;float:left;}
.reg-body .wrapper .field-validation-valid,
.reg-body .wrapper .field-validation-error{color:red; padding-left:15px;}
.reg-body .wrapper dd .tipTitle{float:left;padding:2px;}
.reg-body .wrapper dd .level span{float:left;width:20px;width:30px; text-align:center; background-color:#f2f2f2;color: #666;border:1px solid #ccc;border-left:0px;border-top:0px ;padding:2px;}
.reg-body .wrapper dd .level .selected{float:left;width:20px;width:30px; text-align:center; background-color: red;color: #fff;border:1px solid #ccc;border-left:0px;border-top:0px ;padding:2px;}

/*页脚*/
.footer{ color:#999; clear:both; line-height:30px; padding-top:30px;padding-bottom:30px;font-size:12px;overflow:hidden;background-color:#444; }
.footer a { margin:0 5px; color:#333; text-decoration:none;}
.footer .logo {float: left;  padding-right: 10px;}
.footer .content {margin-left:180px;overflow:hidden; border-left:1px solid #777; padding-left:20px;}

hr {border: 0;border-top: 1px solid #eee;clear:both;}
.row{ padding:30px 0; background-color:#fff; overflow:hidden; display:block;}
.row h2 { padding: 20px 0;}
.row p {font-size: 14px;line-height: 200%;}
.row .row-l {float: left;overflow: hidden;width: 45%;padding: 0 20px;}
.row-line {border-top: 1px solid #eee;padding-top: 30px;}
.circular span.ciro {background: #e23c40;}
.circular span {width: 80px;height: 80px;display: inline-block;float: left;text-align: center;line-height: 80px;font-size: 16px;border-radius: 40px;color: #fff;margin-right: 50px;}