.banner{width:100%;height: 250px;background: #0F4E82 url(../images/index_banner.png?v=1) no-repeat;background-position: center top;min-width: 1180px;}
.banner .banner-cont{padding: 50px 0 0 0;margin: 0 auto; width: 1180px;font-weight: 800;font-size: 56px;line-height: 1.3;font-style: normal;text-align: left; background: linear-gradient(to bottom, #ffffff, #dadcf9);-webkit-background-clip: text;-webkit-text-fill-color: transparent;}
.content>.wrap{width: 1180px;margin: 0 auto;box-sizing: border-box;padding: 20px 0;}
.content>.wrap .top-cont .left-box{width: 870px;min-height:342px;box-sizing: border-box;padding: 20px;border-radius: 8px;background: #ffffff;}
.content>.wrap .top-cont .login-box{width: 290px;min-height:342px;box-sizing: border-box;padding: 20px;border-radius: 8px;background: #ffffff;padding-bottom: 10px;}
.content>.wrap .top-cont .login-box>div{display: none;}
.content>.wrap .top-cont .login-box>div.active{display: block;}
.content>.wrap .top-cont .sb-type .title{color: #222222;font-size: 24px;}
.content>.wrap .top-cont .sb-type .title>span{font-size: 16px;}
.content>.wrap .top-cont .sb-type>div{border-radius: 8px;width: 406px;height: 190px;box-sizing: border-box;padding: 38px 0 0 30px;position: relative;}
.content>.wrap .top-cont .sb-type>div::after{content: '';display: block;position: absolute;top: 0px;left: 0px;background: linear-gradient(315deg, #015293 0%, #397DB5 100%);width: 406px;height: 6px;border-radius: 8px 8px 0 0 ;}
.content>.wrap .top-cont .sb-type .tit{color: #222222;font-size: 16px;margin-top: 9px;}
.content>.wrap .top-cont .sb-type .type2{background: #F3F4F5 url(../images/index_sb-icon1.png) no-repeat;background-position: 100% 100%;}
.content>.wrap .top-cont .sb-type .type1{background: #F3F4F5 url(../images/index_sb-icon2.png) no-repeat;background-position: 100% 100%;}
.content>.wrap .top-cont .sb-type .time{color: #222222;font-size: 12px;margin-top: 50px;height: 20px;}
.content>.wrap .top-cont .sb-type .enter-btn{width: 110px;height: 32px;background: #DDDEDF;border-radius: 16px;color: #878787;line-height: 30px;text-align: center;margin: 10px 0 0 0;position: relative;box-sizing: border-box;display: block;}
.content>.wrap .top-cont .sb-type .active{background: #DEE6ED;color: #256DA9;text-align: left;padding-left: 22px;}
.content>.wrap .top-cont .sb-type .active:hover{background: #c7dcef;}
.content>.wrap .top-cont .sb-type .active::after{content: '';display: block;width: 5px;height: 8px;background: url(../images/index_jt1.png) no-repeat;position: absolute;top: 12px;left: 84px;background-size: cover;}
.content>.wrap .top-cont .left-box .notice{margin-top: 20px;}
.content>.wrap .top-cont .left-box .notice-tit{box-sizing: border-box;padding: 16px 0 0 16px;background: #F3F4F5;width: 240px;height: 92px;border-radius: 8px;display: block;transition: all .2s;margin-left: 20px;}
.content>.wrap .top-cont .left-box .notice-tit:first-child{margin-left: 0px;}
.content>.wrap .top-cont .left-box .notice-tit:hover{box-shadow: -1px 2px 5px #9993;transform: translateY(-10px);-ms-transform: translateY(-5px);-moz-transform: translateY(-5px);-webkit-transform: translateY(-5px);-o-translateY: rotate(-5px);}
.content>.wrap .top-cont .left-box .notice-tit:hover .look{color: #005398;}
.content>.wrap .top-cont .left-box .notice-tit .notice-title{width: 210px;color: #222222;font-size: 14px;	display: -webkit-box;-webkit-line-clamp:2;word-wrap:break-word;overflow: hidden;text-overflow: ellipsis;-webkit-box-orient: vertical;height: 40px;}
.content>.wrap .top-cont .left-box .notice-tit .look{color: #878787;font-size: 12px;margin-top: 5px;display: inline-block;}
.content>.wrap .top-cont .left-box .look-more {width: 52px;height: 92px;background: #F3F4F5;border-radius: 8px;font-size: 12px;color: #222222;box-sizing: border-box;display: block;margin-left: 18px;}
.content>.wrap .top-cont .left-box .look-more:hover .jt{background:#005398 url(../images/index_jt3.png) no-repeat 50% 50%;background-size: 5px 8px;}
.content>.wrap .top-cont .left-box .look-more .text{width: 24px;height: 28px;margin: 23px auto;line-height: 14px;}
.content>.wrap .top-cont .left-box .look-more .jt{width: 24px;height: 14px;background: #DDDEDF url(../images/index_jt2.png) no-repeat 50% 50%;border-radius: 10px;margin: -10px auto;background-size: 5px 8px;}
.content>.wrap .top-cont .login-box .login-insert{position: relative;}
.content>.wrap .top-cont .login-box .zj-login{color: #005398;font-size: 16px;text-decoration: underline;}
.content>.wrap .top-cont .login-box .login-title{color: #222222;font-size: 18px;position: relative;z-index: 2;margin-bottom:30px;text-align: left;    width: 100px;}
.content>.wrap .top-cont .login-box .login-title::after{content: '';color: #F5F4F8;position: absolute;bottom: -10px;left: 0px;background: url(../images/index_login_text.png) no-repeat;width: 100%;height: 19px;background-size: contain;z-index: -1;}
.content>.wrap .top-cont .login-box .is-login .login-title::after{content: '';color: #F5F4F8;position: absolute;bottom: -10px;left: 0px;background: url(../images/index_login_img.png) no-repeat;width: 100%;height: 19px;background-size: contain;z-index: -1;}
.content>.wrap .top-cont .login-box .login-input{width: 250px;height: 40px;background: #F3F4F5;border-radius: 25px;box-sizing: border-box;padding: 0 15px;}
.content>.wrap .top-cont .login-box .password input{padding-right: 40px;}
.content>.wrap .top-cont .login-box .password i{background: url(../images/eye4.png) no-repeat;width: 18px;height: 12px;display: block;position: absolute;right: 15px;top: 15px;cursor: pointer;}
.content>.wrap .top-cont .login-box .password i:hover{background: url(../images/eye3.png) no-repeat;}
.content>.wrap .top-cont .login-box .password i.active{background: url(../images/eye2.png) no-repeat;}
.content>.wrap .top-cont .login-box .password i.active:hover{background: url(../images/eye1.png) no-repeat;}
.content>.wrap .top-cont .login-box .input-box{margin-bottom: 10px;position: relative;}
.content>.wrap .top-cont .login-box .code input{padding-right: 105px;}
.content>.wrap .top-cont .login-box .input-box .get-code{color: #005398;font-size: 14px;font-style: normal;line-height: 40px;height: 40px;display: block;position: absolute;right: 5px;top: 0px;min-width: 85px;cursor: pointer;}
.err-toast{height: 30px;font-size: 12px;color: #E01F29;line-height: 15px; text-overflow: -o-ellipsis-lastline;overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 2;line-clamp: 2;-webkit-box-orient: vertical;}
.content>.wrap .top-cont .login-box .login-btn{width: 100%;height: 40px;line-height: 40px;color: #fff;background: #C5C6C7;text-align: center;display: block;border-radius: 25px;}
.content>.wrap .top-cont .login-box .login-btn,
.content>.wrap .top-cont .login-box .register
{width: 100%;height: 40px;background: linear-gradient(315deg, #015293 0%, #397DB5 100%);border-radius: 25px;text-align: center;line-height: 40px;color: #FFFFFF;font-size: 16px;display: block;margin: 32px auto 0;}
.content>.wrap .top-cont .login-box .register{border: 1px solid #005398; background: #ffffff;color: #005398;margin: 10px auto 15px;}
.content>.wrap .top-cont .login-box .login-btn.active{background: linear-gradient(315deg, #015293 0%, #397DB5 100%);}
.content>.wrap .top-cont .login-box .login-btn.active:hover{background: #005398;color: #fff;}
.content>.wrap .top-cont .login-box .util{margin-top: 15px;}
.content>.wrap .top-cont .login-box .util>a{font-size: 14px;color: #222222;}
.content>.wrap .top-cont .login-box .util>a:hover{color: #005398;text-decoration: underline;}
.content>.wrap .top-cont .info-box{width: 250px;height: 302px;background: #F3F4F5;border-radius: 8px;box-sizing: border-box;padding: 15px 20px 20px;text-align: center;}
.content>.wrap .top-cont .info-box.login-content{position: relative; background: rgba(0,0,0,0);padding: 0 0 20px;}
.content>.wrap .top-cont .info-box .icon{height:60px;width: 60px;background: #CBD9E5;border-radius: 50%;display: inline-block;}
.content>.wrap .top-cont .info-box p{font-size: 16px;color: #222222;margin-bottom: 5px;}
.content>.wrap .top-cont .info-box .change-message{width: 100%;height: 40px;background: linear-gradient(315deg, #015293 0%, #397DB5 100%);border-radius: 25px;color: #fff;text-align: center;line-height: 40px;font-size: 16px;display: block;margin-bottom: 10px;margin-top: 10px;}
.content>.wrap .top-cont .info-box .change-message:hover{background: linear-gradient(315deg, #013A67 0%, #26567C 100%);}
.content>.wrap .top-cont .info-box .logout{width: 100%;height: 40px;border-radius: 25px;border: 1px solid #005398;text-align: center;line-height: 40px;color: #005398;font-size: 16px;display: block;}
.content>.wrap .top-cont .info-box .logout:hover{background: #005398;color: #fff;}
.content>.wrap .rule{width: 100%;height: 160px;box-sizing: border-box;padding: 20px;background: #fff;margin-top: 20px;border-radius: 8px;}
.content>.wrap .rule>img{width: 53px;margin-right: 17px;}
.content>.wrap .rule div{width: 145px;height: 120px;border-radius: 6px;box-sizing: border-box;position: relative;text-align: center;padding-top: 36px;}
.content>.wrap .rule div.step1{background:#E9F1F7 url(../images/step1.png) no-repeat 10px 10px;}
.content>.wrap .rule div.step2{background:#E9F1F7 url(../images/step2.png) no-repeat 10px 10px;}
.content>.wrap .rule div.step3{background:#E9F1F7 url(../images/step3.png) no-repeat 10px 10px;}
.content>.wrap .rule div.step4{background:#E9F1F7 url(../images/step4.png) no-repeat 10px 10px;}
.content>.wrap .rule div.step5{background:#E9F1F7 url(../images/step5.png) no-repeat 10px 10px;}
.content>.wrap .rule div.step6{background:#E9F1F7 url(../images/step6.png) no-repeat 10px 10px;}
.content>.wrap .rule div>img{width: 36px;}
.content>.wrap .rule div>text{font-size: 14px;color: #222222;}
.content>.wrap .rule .rule-jt{height: 120px;width:40px;background: url(../images/rule-jt.png) no-repeat 50% 50%;}
.gray{color: #999999 !important;}
input:-moz-autofill, :-moz-autofill-preview {
filter: none;
}
input{ filter: none !important;}

.content>.wrap .top-cont .login-box .suspension-box{position: absolute;
  top: 46px;
  left: 0px;
  width: 226px;
  height: 116px;
  background: url(../images/suspension.png) center center no-repeat;
  border-radius: 6px;
  z-index: 2;
  display: none;
  padding: 17px 12px 0;
  font-size: 14px;
  color: #005398;
  line-height: 22px;
  text-align: left;}
.content>.wrap .top-cont .login-box .login-btn:hover ,
.content>.wrap .top-cont .login-box .register:hover {
  background: #005398;
  color: #fff;
}