.banner {
    background-color:#016d36;
    height:520px;
}
.banner .inside{
    width:1200px;
    margin:0 auto;
    display: flex;
    flex-direction:row;
    justify-content: space-between;
    align-items:center;
}
.banner .ad {
    width:740px;
    vertical-align: middle;
}
.banner .ad img{
	width:740px;
	margin-top:30px;
    vertical-align: middle;
}
.banner .login {
    margin-top:75px;
    height:350px;
    width:385px;
    background:#ffffff;
    _display:inline
}
.banner .login .tabs-title {
    height:54px;
    border-bottom:1px solid #f4f4f4;
    -webkit-box-sizing:border-box;
    box-sizing:border-box
}
.banner .login .tabs-title li {
    display:block;
    -webkit-box-sizing:border-box;
    float:left;
    _display:inline;
    width:50%;
    text-align:center;
    font-size:18px;
    height:22px;
    box-sizing:border-box;
    margin-top:16px;
    color:#333333
}
.banner .login .tabs-title li:first-child {
    /*border-right:1px solid #f4f4f4*/
}
.banner .login .tabs-title li.current {
    color:#e71000
}
.banner .login .tab-content {
    padding:35px;
    -webkit-box-sizing:border-box;
    box-sizing:border-box;
    width:100%;
    height:298px
}
.banner .login .tab-content .login-input {
    position:relative
}
.banner .login .tab-content .login-input:before,.banner .login .tab-content .login-input:after {
    content:"";
    display:table
}
.banner .login .tab-content .login-input:after {
    clear:both
}
.banner .login .tab-content .login-input:nth-child(2) {
    margin-top:20px
}
.banner .login a{
    color:#999;
    font-size:12px;
}
.banner .login .tab-content .login-input.focus {
    -webkit-box-shadow:0 0 4px #ffcc00;
    box-shadow:0 0 4px #ffcc00;
    -webkit-box-sizing:border-box;
    box-sizing:border-box
}
.banner .login .tab-content .login-input.focus label {
    background:#fff4c8;
    border-color:#ffcc00
}
.banner .login .tab-content .login-input.focus label i {
    color:#ffcc00
}
.banner .login .tab-content .login-input.focus input {
    border-color:#ffcc00
}
.banner .login .tab-content .login-input label {
    display:block;
    background:#f3f3f3;
    width:40px;
    height:40px;
    border:1px solid #dfdfdf;
    text-align:center;
    -webkit-box-sizing:border-box;
    box-sizing:border-box;
    line-height:40px;
    float:left;
    _display:inline
}
.banner .login .tab-content .login-input label i {
    display:block;
    width:40px;
    height:40px;
    color:#d0d0d0;
    font-size:16px
}
.banner .login .tab-content .login-input label i.username{
    background:url("../../static/img/username.png") no-repeat center center;
}
.banner .login .tab-content .login-input label i.password{
    background:url("../../static/img/password.png") no-repeat center center;
    background-size:50%;
}
.banner .login .tab-content .login-input input {
    font-size:14px;
    color:#999999;
    border:1px solid #dfdfdf;
    border-left:0;
    -webkit-box-sizing:border-box;
    box-sizing:border-box;
    _display:inline;
    height:40px;
    width:273px;
    text-indent:22px;
}
.banner .login .tab-content .login-input #get-code {
    position:absolute;
    right:0;
    width:140px
}
.banner .login .tab-content .forget-password {
    text-align:right;
    padding-top:35px;
    color:#666666
}
.banner .login .tab-content .submit {
    margin:17px 0px
}
.banner .login .tab-content .submit button {
    font-size:18px;
    width:100%;
    height:40px;
    text-align:center;
    border:none;
    background-color:#016d36;
    color:#FFF;
}
.banner .login .tab-content .reg {
    text-align:right;
    background:url("../../static/img/login-reg-r.png") no-repeat left center;
    height:17px;
    line-height:17px;
    font-size:14px;
    color:#d11000
}
.find-pass {
    width:1013px;
    margin-left:auto;
    margin-right:auto;
    margin-top:110px;
    margin-bottom:50px
}
.find-pass .line {
    float:left;
    _display:inline;
    display:block;
    background:#cccccc;
    width:390px;
    height:3px;
    margin-top:22px
}
.find-pass .line.y-c {
    background:-webkit-gradient(linear,left top,left bottom,from(left),color-stop(#fc0),to(#ccc));
    background:linear-gradient(left,#fc0,#ccc 100%);
    background:-webkit-linear-gradient(left,#fc0,#ccc 100%)
}
.find-pass .line.c-y {
    background:-webkit-gradient(linear,left top,right top,from(#ccc),to(#fc0));
    background:linear-gradient(left,#ccc,#fc0 100%);
    background:-webkit-linear-gradient(left,#ccc,#fc0 100%)
}
.find-pass>div:not(.line) {
    position:relative;
    float:left;
    _display:inline
}
.find-pass>div:not(.line).one .num {
    width:69px;
    padding-left:20px;
    background-image:url("../Images/find-pass-one.png")
}
.find-pass>div:not(.line).two .num {
    padding-left:40px;
    width:90px;
    background-image:url("../Images/find-pass-two.png")
}
.find-pass>div:not(.line).three .num {
    padding-left:40px;
    width:69px;
    background-image:url("../Images/find-pass-three.png")
}
.find-pass>div:not(.line).current .text {
    color:#000
}
.find-pass>div:not(.line).current.one .num {
    background-image:url("../Images/find-pass-one-hover.png")
}
.find-pass>div:not(.line).current.two .num {
    background-image:url("../Images/find-pass-two-hover.png")
}
.find-pass>div:not(.line).current.three .num {
    background-image:url("../Images/find-pass-three-hover.png")
}
.find-pass>div:not(.line) .num {
    -webkit-box-sizing:border-box;
    box-sizing:border-box;
    line-height:48px;
    position:relative;
    background-repeat:no-repeat;
    background-position:center top;
    color:#ffffff;
    font-size:20px
}
.find-pass>div:not(.line) .text {
    color:#666666;
    font-size:16px;
    text-align:center;
    height:50px;
    line-height:50px
}
.item-input {
    width:400px;
    margin-top:40px;
    border:1px solid #dfdfdf;
    height:54px;
    -webkit-box-sizing:border-box;
    box-sizing:border-box;
    position:relative
}
.item-input:before,.item-input:after {
    content:"";
    display:table
}
.item-input:after {
    clear:both
}
.item-input label {
    width:114px;
    float:left;
    _display:inline;
    font-size:16px;
    height:54px;
    line-height:54px;
    text-align:center;
    color:#333333
}
.item-input input[type=text],.item-input input[type=password] {
    color:#cccccc;
    font-size:14px;
    float:left;
    _display:inline;
    height:52px;
    border:none;
    width:284px;
    line-height:54px;
    text-indent:20px;
}
.item-input input[type=button] {
    position:absolute;
    right:0;
    width:108px;
    height:46px;
    margin-top:3px;
    border:0;
    background:#f2f2f2;
    font-size:14px
}
.item-input input[type=button][disabled] {
    color:#999
}
.item-input .info {
    padding-top:6px;
    color:#c5c5c5
}
.item-input .info:before,.item-input .info:after {
    content:"";
    display:table
}
.item-input .info:after {
    clear:both
}
.item-input .info span {
    text-align:center;
    line-height:16px;
    -webkit-box-sizing:border-box;
    -webkit-border-radius:90px;
    font-weight:bold;
    color:#ffffff;
    border-radius:90px;
    box-sizing:border-box;
    display:block;
    background:#dddddd;
    width:16px;
    float:left;
    _display:inline;
    margin:0 5px 0 10px;
    height:16px
}
.item-input .submit {
    width:100%;
    height:54px;
    font-size:16px;
    text-align:center;
    border:0;
    background-color:#016d36;
    color:#FFF;
}
.find-pass-form {
    margin-bottom:210px;
    width:420px;
    margin-left:auto;
    margin-right:auto
}
.find-pass-form .pass-input {
    margin-top:24px
}
.find-pass-form .pass-input:before,.find-pass-form .pass-input:after {
    content:"";
    display:table
}
.find-pass-form .pass-input:after {
    clear:both
}
.find-pass-form .pass-input input[type=text],.find-pass-form .pass-input input[type=password] {
    width:420px;
    height:64px;
    -webkit-box-sizing:border-box;
    border:1px solid #dfdfdf;
    box-sizing:border-box;
    font-size:16px;
    padding-left:17px;
    line-height:64px
}
.find-pass-form .pass-input input[name=code] {
    float:left;
    _display:inline;
    width:240px
}
.find-pass-form .pass-input input[type=button] {
    width:168px;
    height:64px;
    margin-left:12px;
    background:#f4f4f4;
    float:left;
    _display:inline;
    font-size:16px;
    border:1px solid #cccccc;
    color:#333333
}
.find-pass-form .pass-input input[type=button][disabled] {
    color:#c7c7c7
}
.find-pass-form .pass-input .next {
    width:100%;
    border:none;
    height:64px;
    text-align:center;
    color:#000;
    background-color:#016d36;
    font-weight:bold;
    font-size:18px
}
.success {
    text-align:center;
    margin-bottom:180px;
    margin-top:100px
}
.success p {
    color:#333333;
    font-size:24px;
    line-height:65px
}
.success a.go-login {
    border:1px solid #dfdfdf;
    width:120px;
    height:42px;
    display:block;
    margin-left:auto;
    margin-right:auto;
    line-height:42px;
    text-align:center;
    color:#282828;
    font-size:16px
}
#loginPicCode{margin-bottom:20px;}
#imgCaptcha{position: absolute; right: 0; width: 140px;height:38px;}
#loginPicCode span.error{right:142px;}
.regBox{
    width:400px;
    margin:0 auto;
    text-align:center;
    position:relative;
}
.agreement{
	text-align:left;
	display:flex;
	justify-content:flex-start;
	margin-left:0px;
	font-size:14px;
	position: absolute;
	left:0;
	margin-top:30px;
	align-items: center;
}
.agreement span{
	display:block;
	font-size:12px;
	color:red;
    background: url(../../static/img/unchecked.gif) no-repeat left center;
    clear: both;
    text-align: left;
    text-indent: 18px;
    vertical-align: middle;
    line-height: 28px;
    color: red;
}
.agreement input{
	vertical-align:middle;
	margin-right:5px;
}
.agreement a{
	color:blue;
}
.agreement a:hover{
  color:#006D33;
}
.mt120{
	margin-top:120px;
}
.loginBox{
    display:flex;
    flex-direction:row;
    justify-content: space-between;
}
.loginBox .reg{
    width:68px;
}