* {margin: 0; padding: 0; border: 0; font-size: 100%; font: inherit; vertical-align: baseline;box-sizing:border-box;}
body {background: #fff;font-family:"Microsoft YaHei","Verdana","Arial","sans-serif"; }

a {text-decoration:none;}
a:hover {text-decoration:none; }
img {border:none; }
input, 
button {font-family:"Microsoft YaHei","Verdana","Arial","sans-serif";}
ul{list-style: none;}
:-moz-placeholder { /* Mozilla Firefox 4 to 18 */ color: #ccc; opacity:1;font-size: 14px; }
::-moz-placeholder { /* Mozilla Firefox 19+ */ color: #ccc;opacity:1;font-size: 14px; }
input:-ms-input-placeholder{color: #ccc;opacity:1;font-size: 14px; }
input::-webkit-input-placeholder{color: #ccc;opacity:1;font-size: 14px; }


.clearfix:after {content: ".";display: block;height:0;clear:both;visibility: hidden;}
.clearfix { *zoom:1; }
.hidden{display: none!important;}
.pull-left{float: left!important;}
.pull-right{float: right!important;}

.innerbox{width: 1200px; margin: 0 auto;}

.header{ height: 120px; padding: 35px 0 0;}
.header .logo{ padding-left:15px; font-size: 20px; color: #999;  }
.header .logo svg{ float: left; font-size: 68px;}
.header .logo h1{ float: left; font-size: 32px;line-height: 50px; font-weight: 300; padding: 10px 10px 0 0; color: #000;}
.header .logo span{float: left; padding-top: 25px;}
.header .link{ padding:25px 30px 0;}
.header .link a{ display: block; float: right; height: 32px; line-height: 32px;  color: #999;}
.header .link a:hover{text-decoration: underline; color: #f60;}

.bannerbox{height: 500px; background: #2f79fe; }
.flexslider {width: 100%; margin: 0; padding: 0;}
.flexslider .slides > li {display: none;} 
.flexslider .slides img { display: block;}
.slides:after {content: "."; display: block; clear: both; visibility: hidden; line-height: 0; height: 0;} 
.flexslider {background: #fff; position: relative;  zoom: 1;}
.flexslider .slides {zoom: 1;}
.flexslider .slides > li { height: 500px; min-width: 1200px;}
.flexslider .slides .ban01{ background: url(../images/login/banner01.jpg) top center no-repeat;}
.flexslider .slides .ban02{ background: url(../images/login/banner02.jpg) top center no-repeat;}
.flexslider .slides .ban03{ background: url(../images/login/banner03.jpg) top center no-repeat;}
.flex-direction-nav{ display: none;}
.flex-control-nav {width: 100%; min-width: 1200px; position: absolute; bottom: 20px; text-align: center;}
.flex-control-nav li {margin: 0 0 0 6px; display: inline-block; zoom: 1; *display: inline;}
.flex-control-nav li:first-child {margin: 0;}
.flex-control-nav li a {width: 16px; height: 16px; display: block; background: #fff; border-radius: 15px; cursor: pointer; text-indent: -9999px;}
.flex-control-nav li a:hover {background: #f60;}
.flex-control-nav li a.active {background: #ff3; cursor: default;}

.loginbox{height: 0px;}
.loginbox .innerbox{position: relative;}
.form-login{ position: absolute; right: 15px; top: 20px; width: 420px; height: 460px; padding: 65px 60px 0; box-shadow: 0 0 6px rgba(0,0,0,.2); background: rgba(255,255,255,.98); z-index: 999;}

.errorexplain{ position: absolute; top: 48px; margin-left: -60px; width: 100%;font-size: 16px;text-align: center; color: #f00;}
.form-input {margin-top:15px;}
.form-input >div{height:44px; position: relative;}
.form-input label{padding-left: 5px; font-size: 16px; color: #666; line-height: 32px; }

.form-input .icon{position: absolute; left: 12px;top: 9px; font-size: 26px;  color: #ccc;}
.form-input input{display: block; padding:0 15px 0 44px; width:100%; height:44px; font-size:16px; color: #555; background-color: #fff; background-image: none; border: 1px solid #ccc; border-radius: 4px; -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.075); box-shadow: inset 0 1px 1px rgba(0,0,0,.075); -webkit-transition: border-color ease-in-out .25s,-webkit-box-shadow ease-in-out .25s; -o-transition: border-color ease-in-out .25s,box-shadow ease-in-out .25s; transition: border-color ease-in-out .25s,box-shadow ease-in-out .25s;}
.form-input input.verificationcode{ width: 120px; margin-right: 10px;}
.form-input input:focus { border-color: #66afe9; outline: 0; -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.075), 0 0 8px rgba(102,175,233,.6); box-shadow: inset 0 1px 1px rgba(0,0,0,.075), 0 0 8px rgba(102,175,233,.6);}
.form-input.has-error input { border-color: #a94442; -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.075); box-shadow: inset 0 1px 1px rgba(0,0,0,.075);}
.form-input.has-error input:focus { border-color: #843534; -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.075), 0 0 6px #ce8483; box-shadow: inset 0 1px 1px rgba(0,0,0,.075), 0 0 6px #ce8483;}
.form-input.has-error .icon{color: #f66;}
.form-btn {position:relative;}
.form-btn input {width:100%;height:50px;line-height: 50px;outline:0 none;font-size:18px;border:none;background:#ff7800;color:#fff;border-radius: 3px;cursor:pointer; text-align: center;}

.form-btn input:focus,
.form-btn input:hover  {color: #fff;background-color: #f60;border-color: #122b40;}
.checkbox-form {font-size:15px;color:#333333;margin:15px 0 ;}
.checkbox-form input {display: none;}
.checkbox-form label {position: relative;display: block; float: left; height: 28px;line-height: 28px;padding: 0 12px 0 30px; font-size: 14px; color: #333;cursor: pointer;}
.checkbox-form label:before {position: absolute;top: 5px;left: 5px;width: 16px;height: 16px;border: 1px solid #ccc;border-radius: 2px;background: #fff;content: "";}
.checkbox-form label:after {position: absolute;top: 9px;left: 9px;width: 8px;height: 5px;background: transparent;border: 2px solid #333;border-top: none;border-right: none;opacity: 0.05;content: '';-webkit-transform: rotate(-45deg);-moz-transform: rotate(-45deg);-o-transform: rotate(-45deg);-ms-transform: rotate(-45deg);transform: rotate(-45deg);}
.checkbox-form label:hover:after {opacity: 0.15;}
.checkbox-form input[type=checkbox]:checked + label:before {background: #43c296;border-color: #43c296;}
.checkbox-form input[type=checkbox]:checked + label:after {opacity: 1;border-color: #fff;}
.checkbox-form label:hover {color: #607abf;}
.forget{padding-right: 10px;}
.register{padding: 10px 5px; height: 24px; line-height: 24px;}
.forget a,.register a{color: rgba(51,153,255,.5); font-size: 14px;}
.forget a:hover,.register a:hover{ color: #f60; text-decoration: underline;}

#divCode input{float: left;}
#divCode img{border: none; height: 40px;}

.copyright{ padding: 30px 0 0; text-align: center; color: #999; font-size: 14px;}
.error{border-color: #f04134 !important;box-shadow: 0 0 0 2px rgba(240, 65, 52, 0.2)!important;}
.img-error{background: url('../images/err.png');display: inline-block;width: 22px;height: 22px;    vertical-align: middle;}
.hint-error{display: flex;align-items: center;}
.text-error {color:#f04134;padding-left: 5px;font-size: 14px;}