.login-wrap{min-height: 100vh;}
.login-box{min-height: 100vh; padding-top: 3.5%;padding-bottom: 1.5625%;}
.login-logo{text-align: center; margin: 0 auto; width: 50%; max-width: 160px; margin-bottom: 3.125%; }
.login-inner{max-width: 400px; width: 96%; margin: 0 auto; border-radius: 4px;background-color: rgb(255, 255, 255); overflow: hidden; margin-bottom: 4.5%;}
.login-inner .form-header{line-height: 1; padding: 40px 30px 0; margin-bottom: 20px;}
.login-inner .form-header h2{line-height: 1; font-size: 24px; margin: 0;color: rgb(9, 58, 150); font-weight: normal;}
.login-inner .form-content{padding: 0 30px 38px;}
.login-inner .text{line-height: 55px; height: 55px; border: 0; border-bottom: 1px solid #eee; width: 100%;font-size: 16px;}
.login-inner .text::placeholder{font-size: 16px; color: rgb(204, 204, 204);}
.login-inner .form-item{margin-bottom: 20px; position: relative;}
.login-inner .btn{width: 100%; border: 0; border-radius: 4px; background-color: #093a96; font-size: 16px; color: #fff; height: 60px; line-height: 60px; margin-top: 20px; cursor: pointer;  box-shadow: 0px 10px 20px 0px rgba(9, 58, 150, 0.12);}
.login-inner .btn:hover{opacity: 0.9;}
.login-inner .handle{font-size: 14px; line-height: 1;}
.login-inner .handle .left{float: left;color: rgb(122, 123, 123);}
.login-inner .handle .left a{color: #079a3f;}
.login-inner .handle .left a:hover{color: #093a96;}
.login-inner .handle .right{float: right;}
.login-inner .handle .right a{color: rgb(122, 123, 123);}
.login-inner .handle .right a:hover{color: #093a96;}

.login-inner .form-footer{line-height: 70px; text-align: center; background-color: #ebf2fe; color: rgb(171, 177, 187); padding: 0 30px; font-size: 14px;}
.login-inner .wechat-login{width: 40px; height: 40px; display: inline-block; background-color: #dfe7f5; background-position: center center; background-repeat: no-repeat; vertical-align: middle; border-radius: 50%; transition: .3s; margin-left: 10px; background-image: url(../images/wechat.png);}
.login-inner .wechat-login:hover{background-color: #04BE02; background-image: url(../images/wechat-active.png);}

.login-footer{text-align: center; font-size: 14px;color: rgba(255, 255, 255, 0.8); line-height: 24px; padding: 0 2%;}
.login-footer a{color: rgba(255, 255, 255, 0.8); }
.login-footer a:hover{color: rgba(255, 255, 255, 1);}
.login-footer .links{font-size: 0;}
.login-footer .links a{font-size: 14px; padding: 0 13px; display: inline-block; position: relative;}
.login-footer .links a::after{content: '';width: 2px; height: 2px; background-color: rgba(255, 255, 255, 0.8); position: absolute; right: 0; top: 0; bottom: 0; margin: auto; transform: translateX(50%);}
.login-footer .links a:last-of-type::after{display: none;}

@media(max-height:900px){
    .login-box{padding: 2% 0;}
    .login-logo{max-width: 130px; margin-bottom: 1.5%;}
    .login-inner{margin-bottom: 1.5%;}
}

.register .login-logo{margin-bottom: 0;}
.register .login-inner{margin-top: -60px;}
.login-inner .form-item.phone .text{padding-left: 50px;}
.login-inner .form-item.phone .prefix{position: absolute; left: 0; top: 50%; transform: translateY(-50%); font-size: 16px;color: rgb(51, 51, 51);}
.register .login-inner .btn{ margin-top: 0;}
  
.register .login-inner .form-content{padding-bottom: 25px;}
.register .login-inner{margin-bottom: 2%;}
.login-inner .form-item.agreement{font-size: 0; line-height: 16px; margin-bottom: 0;}
.login-inner .form-item.agreement span{color: #093a96; display: inline-block; position: relative; font-size: 14px; cursor: pointer;}
.login-inner .form-item.agreement span:first-of-type{padding-right: 8px; border-right: 1px solid #e5eaf4;}
.login-inner .form-item.agreement span:last-of-type{padding-left: 6px;}
.login-inner .form-item.agreement label{width: 16px; height: 16px; border-radius: 2px;  border: 1px solid #093a96; display: inline-block; vertical-align: top; cursor: pointer; background-position: center center; background-repeat: no-repeat;}
.login-inner .form-item.agreement input:checked+label{background-color: #093a96; background-image: url(../images/check.png);}
.login-inner .left{float: left;}
.login-inner .left{ color: rgb(122, 123, 123);}
.login-inner .left a{color: #079a3f;}
.login-inner .left a:hover{color: #093a96;}
.login-inner .right{float: right;}

.login-inner .slider{height: 42px;}
.login-inner .form-item.verification{padding: 4px; background-color: #e9eef2;}

.login-inner .slider-btn{width: 60px; height: 100%; border: 0;background-image: url(../images/sword.png);background-position: center center;background-repeat: no-repeat;}
.login-inner .slider-btn::before{display: none;}
.login-inner .slider-item{border: 0; height: 40px; background: transparent;}
.login-inner .slider-text{color: rgb(171, 177, 187) ; font-size: 16px;}
.login-inner .slider-bg{background-color: #093a96 !important; }
.login-inner .success .slider-text{color: #fff;}
.login-inner .success .slide-to-unlock-bg span{color: #fff !important;}
.login-inner .success .slide-to-unlock-handle{background-color: #093a96 !important; background-image: url(../images/sword-active.png);}

.popup{position: fixed; width: 100%; height: 100%; left: 0; top: 0; background: rgba(0, 0, 0, 0.5); z-index: 999; display: none;}
.popup .box{position: absolute;width: 96%; max-width: 860px; left: 50%;top: 50%; transform: translate(-50%,-50%); background-color: #fff;  border-radius: 6px; overflow: hidden;}
.popup .popup-header{background-color: #f2f5fa; padding: 28px 40px;}
.popup .popup-header h2{font-size: 24px;color: rgb(51, 51, 51); line-height: 1; float: left;}
.popup .popup-header svg{float: right; cursor: pointer;}

.popup-container{padding: 40px; font-size: 16px;color: rgb(51, 51, 51);line-height: 1.875; max-height: calc(80vh - 182px); overflow-y: auto;}
.popup-container-title{font-size: 24px; text-align: center; font-weight: bolder; margin-bottom: 2.56%;}
.popup-container .item{border-bottom: 1px solid #eee ; padding-bottom: 2.56%; margin-bottom: 5.12%;}
.popup-container .item:last-of-type{margin-bottom: 0; border: 0;}
.popup-footer{padding:0 40px 40px; text-align: center; }
.popup-footer .btn{width: 60%; max-width: 240px; height: 60px; line-height: 60px; font-size: 16px; color: #fff; background-color: #093a96; border: 0; cursor: pointer;border-radius: 4px;}
.popup-footer .btn:hover{ opacity: 0.9;}

/* .popup .mCSB_inside>.mCSB_container{margin-right: 0;} */
.popup .mCustomScrollbar{ padding-right: 10px;}
.popup .mCSB_scrollTools .mCSB_draggerRail{background-color: rgb(243, 246, 250);}
.popup .mCSB_scrollTools .mCSB_dragger {height: 90px !important;}
.popup  .mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{  background-color: rgb(213, 218, 228) !important; width: 10px; background-image: url(../images/slider.png); background-size: cover; background-position: center center;}
.popup  .mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar{  background-color: rgb(213, 218, 228) !important; }
  
@media(max-width:768px){
    .login-logo{max-width: 100px;}
    .login-inner .form-header{padding: 20px 20px 0;}
    .login-inner .form-header h2{font-size: 18px;}
    .login-inner .form-content{padding: 0 20px 20px;}
    .login-inner .text{line-height: 45px; height: 45px; font-size: 14px;}
    .login-inner .text::placeholder{font-size: 14px;}
    .login-inner .form-item{margin-bottom: 10px;}
    .login-inner .btn{font-size: 14px; line-height: 45px; height: 45px; margin-top: 10px;}
    .login-inner .form-footer{line-height: 55px;}
    .login-footer .links a{font-size: 12px;}
    .login-footer{font-size: 12px;}
    .login-inner .slide-to-unlock-bg span{font-size: 14px !important;}
    .login-inner .form-item.agreement span{font-size: 12px;}
    .popup .popup-header{padding: 15px 20px;}
    .popup .popup-header h2{font-size: 20px;}
    .popup-container{padding: 20px; font-size: 14px}
    .popup-container-title{font-size: 20px;}
    .mCSB_inside>.mCSB_container{margin-right: 15px !important;}
    .popup-footer{padding: 0 20px 20px;}
    .popup-footer .btn{height: 45px; line-height: 45px; font-size: 14px;}
    .popup-container{max-height: calc(80vh - 120px);}
}
.portal_header{border-bottom: 1px solid #eee; position: fixed; left: 0; top: 0; width: 100%; top: 0; background-color: #fff; z-index: 20;}
.portal_header .nav{text-align: right;}
.portal_header .nav ul{display: inline-block; vertical-align: top;}
.portal_header .nav em{font-style: normal;}
.portal_header .nav li{float: left; line-height: 100px; margin-left: 80px;}
.portal_header .nav li a{ font-size: 16px; color: rgb(51, 51, 51);}
.portal_header .nav li.active a,.portal_header .nav li a:hover{color: rgb(9, 58, 150);}
.portal_header .logo img{max-height: 70px;}


@media(max-width:1920px){
    .portal_header .nav li{margin-left: 4.1667vw;}
}
@media(max-width:1024px){
    .portal_header .nav li{line-height: 80px;}
    .portal_header .logo img{max-height: 60px;}
}
.portal{margin-top: 100px; padding-top: 3.125%;}
.portal .banner img{width: 100%;}
.portal-part2 {padding-top: 3.43%; padding-bottom: 4.857%;}
.portal-part2 .title{font-size: 36px; color: rgb(51, 51, 51); line-height: 1.667; margin: 0; margin-bottom: 5px;}
.portal-part2 .content{font-size: 18px; color: rgb(102, 102, 102); line-height: 2;}
.portal-part2 .content p{margin: 0;}

@media(max-width:1024px){
    .portal-part2 .title{font-size: 26px;}
    .portal-part2 .content{font-size: 16px;}
}
@media(max-width:768px){
    .portal-part2 .title{font-size: 22px;}
    .portal-part2 .content{font-size: 14px;}
}
.portal-part3 {padding-bottom: 7.43%; position: relative; border-bottom: 1px solid #e0e3e9;}
.portal-part3:after{content: ''; width: 100%; height: 2px; position: absolute; left: 0; bottom: 1px; background-color: #e0e3e9;}
.portal-part3 .pic{width: 47.143%;}
.portal-part3 .txt{width: 52.857%; padding-left: 7.14%;font-size: 18px; color: rgb(102, 102, 102);line-height: 2;}
.portal-part3 .txt p{margin: 0;}
@media(max-width:1024px){
    .portal-part3 .txt{font-size: 16px; padding-left: 4%;}
    
}
@media(max-width:768px){
    .portal-part3 .ytable{display: block;}
    .portal-part3 .pic{display: block; width: 100%; }
    .portal-part3 .pic img{width: 100%;}
    .portal-part3 .txt{width: 100%; display: block; padding: 2% 0; font-size: 14px;}
}




.portal-part4{padding-top: 6.14%; padding-bottom: 7.143%;} 
.portal-part4 .title{font-size: 36px; margin: 0 ; line-height: 1; margin-bottom: 3.57%;}
.portal-part4 .list-header{background-color: #f2f5fa; line-height: 70px;font-size: 16px;color: rgb(171, 177, 187);}
.portal-part4 .label{padding-left: 20px; float: left; padding-right: 10px; width: calc(100% - 180px);}
.portal-part4 .time{width: 180px; float: right;}
.portal-part4 .list-content{margin-bottom: 2.857%;}
.portal-part4 .list-content a{ font-size: 16px;color: rgb(51, 51, 51);}
.portal-part4 .list-content .item{padding-bottom: 1px;line-height: 69px; position: relative; transition: .3s;}
.portal-part4 .list-content .item::before{content: ''; width: 100%; height: 1px; background: url(../images/dashed.png); position: absolute; left: 0;bottom: 0;}
.portal-part4 .list-content .time{ color: rgb(153, 153, 153);}
.portal-part4 .list-content .item:hover{box-shadow: 0px 15px 15px -15px rgba(0, 0, 0, 0.2),0px -15px 15px -15px rgba(0, 0, 0, 0.2);}
.portal-part4 .list-more{text-align: center;}
.portal-part4 .list-more a{display: inline-block; line-height: 45px; padding: 0 35px; border-radius: 23px;color: #8b929a;font-size: 16px; background-color: #fafafc; transition: background .3s;}
.portal-part4 .list-more a span{padding-right: 28px; display: inline-block; background: url(../images/more-icon1.png) right center no-repeat;transition: .3s;}

.portal-part4 .list-more a:hover{background-color: #093a96; color: #fff;}
.portal-part4 .list-more a:hover span{background: url(../images/more-icon.png) right center no-repeat;}
@media(max-width:1024px){
    .portal-part4 .title{font-size: 26px;}
}
@media(max-width:768px){
    .portal-part4 .title{font-size: 22px;}
    .portal-part4 .time{font-size: 12px;}
    .portal-part4 .list-content .item{line-height: 49px;}
    .portal-part4 .time {width: 65px;}
    .portal-part4 .list-content .time .hour{display: none;}
    .portal-part4 .list-content a{font-size: 14px;}
    .portal-part4 .list-header{line-height: 50px;}
    .portal-part4 .label{width: calc(100% - 65px);}
    .portal-part4 .list-more a{line-height: 40px; font-size: 14px;}
}