html,body{padding:0px;margin:0px;}
body {background: #e5e5e5;color: #000;line-height: 1.5;font-family: "lucida Grande","Microsoft Yahei";}
.txt_center {text-align: center;}
.wd900 {width: 900px;clear: both;margin: 0 auto;}.topheight {height: 70px;}.csceclogo {
float: left;padding-left: 4px;margin-top: 10px;width: 180px;}.right {float: right;}.topLink {padding-top: 25px;font-size: 14px;color: #5c5c5c;}.topLink a {color: #5c5c5c;}
.loginWrap {width:100%;height:100%;}
.left-pane {height: 100%;position: relative;text-align: center;background-color: #f9f9f9;padding: 0 60px;width:275px;}
.right-pane {height: 100%;display: inline-block;overflow: hidden;}
@media screen and (max-width: 920px) {
.right-pane {display:none;}.left-pane{float:none;margin:auto;}
}
#layui-carousel-loginbg img{width: 100%;height: 100%;object-fit:fill;}
.login-layout .layui-card-body{padding:0px;}a {text-decoration: none;}
.wd {width: 960px;clear: both;margin: 0 auto;margin-top: 30px;font-size: 14px;}.navPageBottom {height: 24px;line-height: 24px;margin-top: 13px;}.top a, .navPageBottom a {border-right: 1px solid #ccc;padding: 0 8px 0 4px;font-size: 14px;color: #5c5c5c;}
.copyright {padding: 10px 0;font-size: 14px;clear: both;color: #757575;}
.wd810 {width: 1300px;clear: both;margin: 0 auto;position: relative;}
.left_panel{float:left;}.left_panel{width:700px;}.right_panel{width:500px;}.right_panel{float:right;}
@media (min-width: 1200px){
.col-md-7 #login-title{background-size: 100% 100%;}
}
html,body{margin:0px;padding:0px;height:100%;width:100%;}
body {background-color: #e5e5e5;height: 100%;font-family: "HanHei SC","PingFang SC","Microsoft YaHei";-webkit-font-smoothing: antialiased;-moz-osx-font-smoothing: grayscale;overflow-y:auto;}
a,a:hover,a:link {text-decoration: none;}
.header {width: 100%;height: 60px;background: #fff;border-bottom:solid 1px #e5e5e5;}
.header .header-container {width: 1080px;margin: 0px auto;overflow: hidden;text-align:center;}
.header .header-container img{margin-top:15px;}
.body {width: 100%;height:100%;left: 0;background: #e5e5e5;}
.body .body-container {position: relative;margin: 0 auto;}
.body .body-container .img-box {position: absolute;left: 0;top: 42px;width: 600px;}
.body .body-container .login-box {border-radius: 4px;background: #f9f9f9;overflow: hidden;height:600px;}
.body .body-container .login-box .tab-top {overflow: hidden;list-style: none;padding: 0;margin: 0;margin:auto;margin-top: 20px;}
.body .body-container .login-box .tab-top .tab-top-li {float: left;position: relative;width:50%;}
.body .body-container .login-box .tab-top .tab-top-li a {display: block;height: 56px;text-align: left;font-size: 16px;color: #3d4450;line-height: 56px;background: #f9f9f9;text-align: center;}
.body .body-container .login-box .tab-top .tab-top-li.active a {color: #027aff;}
.body .body-container .login-box .process-line {margin:auto;height: 2px;overflow: hidden;}
.body .body-container .login-box .process-line .process {width: 97px;height: 100%;float: left;background: #027aff;transition: all .3s;-webkit-transition: all .3s;-moz-transition: all .3s;-o-transition: all .3s;margin-left: 20px;}
.body .body-container .login-box .tab-body {width: 100%;overflow: hidden!important;}
ul {margin: 0;padding: 0;list-style: none;}
.body .body-container .login-box .tab-body .tab-body-ul {overflow: hidden!important;transition: all .3s;-webkit-transition: all .3s;-moz-transition: all .3s;-o-transition: all .3s;}
.body .body-container .login-box .tab-body .tab-body-ul li {width: 100%;}
.body .body-container .login-box .tab-body .tab-body-ul li .form-box {padding: 30px 0 53px 0;}
.rows {overflow: hidden;}.rows .input-box.input-mobile {position: relative;}
.rows .input-box input {width: 220px;padding: 11px;border: none;line-height: 14px;overflow: hidden;-webkit-border-radius: 4px;-moz-border-radius: 4px;border-radius: 4px;box-sizing: border-box;-webkit-box-sizing: border-box;-moz-box-sizing: border-box;}
.rows .input-box {width: 270px;margin: 0 auto 0px auto;position: relative;text-align:left;}
button {border: 0;outline: 0;}
.rows .input-box .btn {display: block;width: 100%;background: #027aff;color: #fff;padding: 0;text-align: center;line-height: 40px;cursor: pointer;border-radius: 4px;-webkit-border-radius: 4px;-moz-border-radius: 4px;font-size:14px;border: none;margin-top:10px;outline: 0;}
.rows .input-box .btn:hover,.rows .input-box .btn:focus {background: #027aff;}
.rows .input-box .btn:active {background: #027aff;}
.rows .input-box .others {float: right;margin-top: 20px;color: #a7afb7;font-size: 14px;}
.rows .input-box .others a {color: #a7afb7;}
.rows input[type="checkbox"] {width: 15px;height: 15px;}
.rows .checkbox label{font-size:14px;line-height:20px;vertical-align:top;color: #a7afb7;}
.tip-info{font-size:14px;color:#535353;}
.ant-input-prefix {float: left;width: 18%;height: 38px;line-height: 38px;text-align: center;border-right: 0;border-right: solid 1px #e5e5e5;}

@font-face {font-family: "iconfont";
src: url('iconfont.eot'); /* IE9*/
src: url('iconfont.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
url('iconfont.woff') format('woff'), /* chrome, firefox */
url('iconfont.ttf') format('truetype'), /* chrome, firefox, opera, Safari, Android, iOS 4.2+*/
url('iconfont.svg#iconfont') format('svg'); /* iOS 4.1- */
}
input{outline:none;}
.iconfont {font-family:"iconfont" !important;font-size:14px;font-style:normal;-webkit-font-smoothing: antialiased;-webkit-text-stroke-width: 0.2px;-moz-osx-font-smoothing: grayscale;color:#BDBDBD;}
.icon-arrowup:before { content: "\e612"; }.icon-star:before { content: "\e611"; }.icon-plus:before { content: "\e614"; }.icon-star1:before { content: "\e613"; }.icon-arrow-down:before { content: "\e615"; }.icon-arrow-up:before { content: "\e616"; }.icon-nccloud:before { content: "\e600"; }
.icon-nccloudhr:before { content: "\e601"; }.icon-alarmsmd:before { content: "\e603"; }.icon-arrowdown:before { content: "\e604"; }.icon-bookmarks:before { content: "\e605"; }.icon-favorite:before { content: "\e607"; }
.icon-help:before { content: "\e608"; }.icon-home:before { content: "\e609"; }
.icon-more:before { content: "\e60a"; }.icon-pcmac:before { content: "\e60b"; }.icon-search:before { content: "\e60c"; }.icon-setting01:before { content: "\e60d"; }.icon-setting02:before { content: "\e60e"; }
.icon-text:before { content: "\e60f"; }.icon-uesrs:before { content: "\e610"; }.icon-cancel:before { content: "\e602"; }.icon-adduser:before { content: "\e617"; }.icon-dustbin:before { content: "\e618"; }
.icon-morebarrow:before { content: "\e619"; }.icon-picture:before { content: "\e61b"; }.icon-appicon:before { content: "\e61a"; }.icon-informationicon:before { content: "\e61d"; }.icon-organizationicon:before { content: "\e61e"; }
.icon-usericon:before { content: "\e61f"; }.icon-moreicon:before { content: "\e621"; }.icon-money:before { content: "\e623"; }.icon-formthree:before { content: "\e624"; }.icon-date:before { content: "\e625"; }
.icon-date1:before { content: "\e626"; }.icon-mtext:before { content: "\e62f"; }.icon-formtwo:before { content: "\e627"; }.icon-mobilephone:before { content: "\e628"; }.icon-mail:before { content: "\e629"; }
.icon-morebarrow1:before { content: "\e62a"; }.icon-text1:before { content: "\e62b"; }.icon-checkbox:before { content: "\e62c"; }.icon-radio:before { content: "\e62d"; }.icon-enclosure:before { content: "\e62e"; }
.icon-form:before { content: "\e622"; }.icon-setting:before { content: "\e630"; }.icon-input:before { content: "\e631"; }.icon-phone:before { content: "\e632"; }.icon-add:before { content: "\e61c"; }
.icon-lock:before { content: "\e633"; }.icon-palette:before { content: "\e634"; }.icon-systemmanagement:before { content: "\e635"; }.icon-message:before { content: "\e606"; }.icon-adduser02:before { content: "\e620"; }
.icon-link:before { content: "\e636"; }.icon-linkbreak:before { content: "\e637"; }.icon-pencil:before { content: "\e639"; }.icon-delete:before { content: "\e63a"; }.icon-cancel02:before { content: "\e63b"; }.icon-confirm:before { content: "\e63c"; }.icon-s-plus:before { content: "\e63d"; }.icon-xs-plus:before { content: "\e63e"; }.icon-authorizationicon:before { content: "\e638"; }.icon-selecticon:before { content: "\e63f"; }.icon-accounticon:before { content: "\e640"; }.icon-passwordicon:before { content: "\e642"; }
#error_msg {display:none;padding: 20px;margin:auto;margin-bottom: 10px;width: 300px;}
#error_msg.errors {border: 1px dotted #BB0000;color: #BB0000;padding-left: 90px;background: url(../images/error.gif) no-repeat 20px center;}
.ui.horizontal.divider {display: table;white-space: nowrap;height: auto;margin: '';line-height:1px;text-align: center;}
 .ui.divider {clear: both;margin: 1em 0em;}
.ui.horizontal.divider:before, .ui.horizontal.divider:after {content: '';display: table-cell;position: relative; top: 50%;width: 50%;background-repeat: no-repeat;}
.ui.horizontal.divider:before {background-position: right 1em top 50%;}
.ui.horizontal.divider:after {background-position: left 1em top 50%;}
.git-other-login-method span {font-size: 14px;color: #9B9B9B;font-weight: normal;}
.ui.horizontal.divider:before, .ui.horizontal.divider:after {background-image: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAABaAAAAACCAYAAACuTHuKAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyFpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuNS1jMDE0IDc5LjE1MTQ4MSwgMjAxMy8wMy8xMy0xMjowOToxNSAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENDIChXaW5kb3dzKSIgeG1wTU06SW5zdGFuY2VJRD0ieG1wLmlpZDo1OThBRDY4OUNDMTYxMUU0OUE3NUVGOEJDMzMzMjE2NyIgeG1wTU06RG9jdW1lbnRJRD0ieG1wLmRpZDo1OThBRDY4QUNDMTYxMUU0OUE3NUVGOEJDMzMzMjE2NyI+IDx4bXBNTTpEZXJpdmVkRnJvbSBzdFJlZjppbnN0YW5jZUlEPSJ4bXAuaWlkOjU5OEFENjg3Q0MxNjExRTQ5QTc1RUY4QkMzMzMyMTY3IiBzdFJlZjpkb2N1bWVudElEPSJ4bXAuZGlkOjU5OEFENjg4Q0MxNjExRTQ5QTc1RUY4QkMzMzMyMTY3Ii8+IDwvcmRmOkRlc2NyaXB0aW9uPiA8L3JkZjpSREY+IDwveDp4bXBtZXRhPiA8P3hwYWNrZXQgZW5kPSJyIj8+VU513gAAADVJREFUeNrs0DENACAQBDBIWLGBJQby/mUcJn5sJXQmOQMAAAAAAJqt+2prAAAAAACg2xdgANk6BEVuJgyMAAAAAElFTkSuQmCC');}
#content {overflow: auto;height:100%;}.icop{background: white !important;}#binary_code_login{padding: 0px;box-shadow: none;float: none;width: 100%;}
#signin-phone-code {position: absolute;top: 10px;right: 15px;color: #027aff;cursor: pointer;}
.loginWrap .container {height: 600px;top: 50%;margin-top: -300px;position: absolute;width: 1120px;left: 50%;margin-left: -560px;box-shadow: 0px 20px 10px rgba(232, 230, 230, 0.9);}
.col-sm-6{padding-left:0px;padding-right:0px;height:600px;}
.loginWrap .login-logo{margin-top:30px;}.loginWrap .login-logo img{width:200px;}
.loginWrap .company-intro{color: white;margin-left: 60px;margin-top: 20px;font-size: 18px;font-family: 'Microsoft YaHei';}
.loginWrap .left-company{width: 303px;height: 236px;margin-left: 108px;margin-top: 35px;}
.loginWrap .left-suggest {margin-top: 100px;margin-left: 60px;color: white;font-size: 12px;}
.login-carousel,.login-carousel .layui-card-body{height:100%;}
.login-box{position: absolute;top:60%;margin-top:-320px;}
.alert {padding: 15px;margin-bottom: 20px;border: 1px solid transparent;border-radius: 4px;}
.alert-danger {color: #b94a48;background-color: #f2dede;border-color: #eed3d7;text-align: left;}
.loginwrap-bottom-copyright{position: absolute;bottom:40px;}
.loginwrap-bottom-copyright p{font-size:12px;}
.loginwrap-bottom-copyright p a:hover{color:#027aff;}
.carousel-login-image{position: relative;}
.carousel-login-ad{position: absolute;top: 50%;left: 100px;margin-top:-70px;}
.carousel-login-title{width: 500px;height: 70px;font-size: 40px;font-family: Alibaba PuHuiTi;font-weight: 500;color: #333333;line-height: 70px;}
.carousel-login-content{left: 100px;width: 418px;height: 40px;font-size: 20px;font-family: Alibaba PuHuiTi;font-weight: 500;color: #555555;line-height: 40px;}
.browser-help {position: absolute;top: 0px;right: 0px;color: #555555;z-index: 99999;width: 100%;text-align: center;height: 30px;line-height: 30px;background: #f9f9f9;}
.layui-carousel{height:100%;}
#computer_login a{color:#a7afb7;}

.right-pane {
	    overflow: hidden;
    background: #000;
    position: relative;
}

.right-pane .video-wrap {    position: relative;
    top: 0;
    height: 100%;}
    audio, canvas, progress, video {
    display: inline-block;
}
audio, canvas, iframe, img, svg, video {
    vertical-align: middle;
}
.right-pane .video-wrap .video-target {
    position: absolute;
    top: 0;
    left: 0;
    z-index: 1;
}
.right-pane .video-wrap .video-mark {
    position: absolute;
    top: 0;
    z-index: 2;
    width: 100%;
    height: 100vh;
    background: rgba(0,0,0,.2);
}
.right-pane .video-mark .header {
    text-align: center;
    position: absolute;
    width: 100%;
    top: 36%;
    left: 0;
    display: flex;
    justify-content: center;
    background: none;
    border:none;
}
.right-pane .video-mark .header span {
    font-size: 60px;
    font-family: "Helvetica Neue","Luxi Sans","DejaVu Sans",Tahoma,"Hiragino Sans GB",STHeiti,"Microsoft YaHei";
    font-weight: 500;
    color: #fff;
    letter-spacing: 1rem;
    white-space: nowrap;
}
.right-pane .video-mark .header p {
    font-size: 40px;
    font-family: "Helvetica Neue","Luxi Sans","DejaVu Sans",Tahoma,"Hiragino Sans GB",STHeiti,"Microsoft YaHei";
    font-weight: 400;
    color: #fff;
    line-height: 3.5rem;
    white-space: nowrap;
    letter-spacing: 1rem;
    margin-top: 0.5rem;
}

.right-pane .words{
    position: absolute;
    top: -90px;
    width: 100%;
    height: 100%;
    user-select: none;
}
.right-pane .words .title{
    margin-left: 50px;
    width: 100%;
    height: 100%;
}
.right-pane .words .title span{
    font-size: 100px;
    font-weight: 900;
    margin-bottom: 30px;
}
.right-pane .words .title p{
    font-size: 60px;
}

.animated-image {
    position: relative;
    display: inline-block;
    animation: zoomInOut 16s ease-in-out forwards; /* 自动循环播放动画zoomInOut，每次持续2秒 */
}

@keyframes zoomInOut {
    0% { transform: scale(1); } /* 开始时图片尺寸正常 */
    100% { transform: scale(1.2); } /* 动画结束时恢复原尺寸 */
}