@charset "utf-8";
html,body,div,h1,h2,h3,h4,h5,h6,ul,ol,li,dl,dt,dd,p,blockquote,pre,form,input,textarea,fieldset,table,th,td,header,footer,nav,article,section{margin:0;padding:0}
body,button,input,select,textarea{font:12px/1.5 "Hiragino Sans GB","Hiragino Sans GB W3","Microsoft Yahei","微软雅黑",Tahoma,Geneva,sans-serif;-webkit-font-smoothing:antialiased;}
body{background:#fff;color:#333}
ul,ol{list-style:none}
img{border:0;vertical-align:top}
header,footer,nav,article,section{display:block}
h1{font-size:18px}
h2{font-size:16px}
h3{font-size:14px}
h4,h5,h6{font-size:100%}
a{color:#3b8dff;outline:0;text-decoration:none}
a,a:hover{text-decoration:none}
table{border-collapse:collapse;border-spacing:0}
:focus{outline:0}
.fl{float:left}
.fr{float:right}
.hide{display:none;}
.clearfix:after,.clearfix:before{content:" ";display:table}
.clearfix:after,.row:after{clear:both;zoom:1;}
.clear{display:block;zoom:1;}
.wrap{position:relative;width:1190px;margin:0 auto;}

.container, .header {
    overflow: hidden
}

.header {
    overflow: visible;
    height: 80px
}

.header .logo {
    float: left;
    margin: 9px 0 9px 24px;
    height: 62px;
    display: flex;
    align-items: center
}

.header .logo img {
    height: 62px
}
.header .nav{float:right;height:80px;line-height:80px;margin-right:20px;overflow:visible}
.header .nav li{float:left;position:relative;}
.header .nav li a{display:block;padding:0 24px;color:#333;font-size:16px;outline:none;cursor:pointer}
.header .nav li a:hover{color:#ef5d2a;border-bottom:2px solid #ff5b21}

.solution{position:relative}
.solution .list{display:none;position:fixed;z-index:1;right:25px;top:80px;background-color:#fff;width:940px;padding:0 30px 30px}
.solution .list li{float:none;margin-left:20px;margin-right:20px}
.solution .list li h5{font-size:20px;line-height:3}
.solution .list li a[href]{font-size:16px;text-align:left;line-height:2;padding:0;margin:0}
.solution .list li a[href]:hover{border-bottom:none;cursor:pointer}
.solution:hover>a[href]{color:#ef5d2a}
.solution:hover>.list{display:block}


.container{position:relative;z-index:0;height:506px}

.banner{position:absolute;top:0;bottom:0;width:100%;height:506px;overflow:hidden;}
.banner .cell{position:absolute;top:0;left:0;width:100%;height:100%;overflow:hidden;}
.banner .cell .con{position:relative;height:506px;background-repeat:no-repeat;background-position:center left}
.banner .cell .con a{position:absolute;display:block;width:132px;height:44px;left:409px;top:250px;outline:none;filter:alpha(opacity=0);-moz-opacity:0;opacity:0;}
.banner .cell-0{background:url(../images/login/login-banner-default.png) no-repeat 50%;}
.banner .cell-0 .con{background:none;}
.banner .cell-0 .con a{width:96px;height:31px;left:42px;top:335px;}

.banner-dots{position:absolute;left:0;right:0;bottom:14px;text-align:center;}
.banner-dots li{display:inline-block;*display:inline;*zoom:1;width:10px;height:10px;margin:0 4px;background:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAoAAAAKBAMAAAB/HNKOAAAABGdBTUEAALGPC/xhBQAAAAFzUkdCAK7OHOkAAAAhUExURf///////////////////////////////////////////3+Ax28AAAALdFJOUw5Vt8Ib9Ysf9BghGqD4NAAAADZJREFUCNdjYBDuMGRgYFN0EUpgEFrAwK7IAOQyCDO0AEkPMDkDKiJUAJJlU5wJVMkgHGrIAADevAdpsq2zVQAAAABJRU5ErkJggg==) no-repeat 50%;cursor:pointer;-webkit-transition:background .5s,opacity .5s;-moz-transition:background .5s,opacity .5s;transition:background .5s,opacity .5s}
.banner-dots li.active{background:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAoAAAAKBAMAAAB/HNKOAAAABGdBTUEAALGPC/xhBQAAAAFzUkdCAK7OHOkAAAAYUExURf///////////////////////////////ykrwMgAAAAHdFJOUxHD9FlYjYwAjPGIAAAAMklEQVQI12NgMFQSZmBgLS8vD2AwB5LFDOJAspBBHUgWQUmICEi2hIENSCYwAHWJMAAA4nkQSFnJ4UIAAAAASUVORK5CYII=) no-repeat 50%;}

.login-wrap{position:relative;top:0;z-index:2;width:1190px;height:0;margin:auto;}
.login-container{position:relative;width:340px;height:384px;top:61px;right:45px;z-index:4;background:#fff;overflow:visible;float:right;}

.login-tabs .login-tabs-header{width:100%;height:48px}
.login-tabs .login-tabs-header li{float:left;list-style:none;width:33.3333%;height:48px;line-height:48px;text-align:center;font-size:14px;color:#4c4c4c;background:#f5f5f5;border-bottom:1px solid #eee;cursor:pointer}
.login-tabs .login-tabs-header li.on{color:#ff790a;background:#fff;border-bottom:1px solid #fff}
.login-tabs .login-tabs-header li .split{display:block;float:right;font-size:0;height:48px;border-right:1px solid #eee}

.login-panel{width:281px;margin:0 auto;}
.login-panel .input-wrap:first-child{margin-top:24px;}

.checkbox{position:relative;display:inline-block;line-height:16px;border:0 none;}
.checkbox input[type="checkbox"]{display:none;display/*\**/:inline-block\9;vertical-align/*\**/:-2px\9}
.checkbox label{display:inline-block;margin-left:22px;margin-left/*\**/:0\9}
.checkbox input[type="checkbox"]:checked + label:before,.checkbox input[type="checkbox"]:not(:checked) + label:before,.checkbox input[type="checkbox"]:checked + input + label:before,.checkbox input[type="checkbox"]:not(:checked) + input + label:before{position:absolute;width:16px;height:16px;left:0;top:50%;margin-top:-8px;background:url(../images/login/checkradio.png) 0 -20px;content:" ";}
.checkbox input[type="checkbox"]:not(:checked):focus + label:before,.checkbox input[type="checkbox"]:not(:checked) + label:hover:before,.checkbox input[type="checkbox"]:not(:checked):focus + input + label:before,.checkbox input[type="checkbox"]:not(:checked) + input + label:hover:before{background-position:-20px -20px;}
.checkbox input[type="checkbox"]:checked + label:before,.checkbox input[type="checkbox"]:checked + input + label:before{background-position:-40px -20px;}

.input-tips{position:relative;background:#ffebeb;color:#e4393c;border:1px solid #faccc6;padding:3px 10px 3px 32px;line-height:16px;height:auto;margin:12px 0;border-radius:2px}
.input-tips b{position:absolute;top:50%;left:6px;display:block;margin-top:-8px;width:16px;height:16px;overflow:hidden;background:url(data:image/jpeg;base64,/9j/4AAQSkZJRgABAQAAAQABAAD/2wBDAAIBAQIBAQICAgICAgICAwUDAwMDAwYEBAMFBwYHBwcGBwcICQsJCAgKCAcHCg0KCgsMDAwMBwkODw0MDgsMDAz/2wBDAQICAgMDAwYDAwYMCAcIDAwMDAwMDAwMDAwMDAwMDAwMDAwMDAwMDAwMDAwMDAwMDAwMDAwMDAwMDAwMDAwMDAz/wgARCAAQABADAREAAhEBAxEB/8QAFQABAQAAAAAAAAAAAAAAAAAAAAf/xAAWAQEBAQAAAAAAAAAAAAAAAAAABwj/2gAMAwEAAhADEAAAAKPLt9gD/8QAIRAAAQQBAwUAAAAAAAAAAAAAAwECBAUHBggRABMWIkL/2gAIAQEAAT8A3I5uytv5ydqHxSp1jfaRpj9mLV0cA8qPGCqvQRDtC1UUhEY53JOftqevW2zN2Vtg2TqDyup1jQ6RuT9mVV3kA8WPJCisQpANM1EQg0e13I+PhrvXrcjhHK2wbJ2ofFLbWNDpG5P3otpRzjxY8kKK9RDO4LkRCDR7m8E4+3J69bbMI5W385OoPK7bWN9pGmP3pVpeTjyo8YKqxSjA4zlRSERjW8D5+HO9ev/EAB0RAAIABwEAAAAAAAAAAAAAAAEEAAIDERNBUaH/2gAIAQIBAT8AdaafqzYQTINAH23YRaaQqjMCJDog+X5DqjSFWbCSJDsE+25CKjT9UZiTINkny/Y//8QAIBEAAQMDBQEAAAAAAAAAAAAAAQIDBgQREgAFISIxYf/aAAgBAwEBPwCKR+OxCgZVuTjbdQ4LlTqkpJPGQTkfE3A6/CdSqPx2X0DyttcbcqGxcKaUlRB5xCsT4qxHb6RqKSCOy+gZTuTbblQ2LFLqUqIPGRTkPFWB6/AdSqQR2IUDydtbbbqHBYJaSlJJ5xKsR4m5Pb6Br//Z) 50% no-repeat}
.input-wrap{clear:both;background-color:#fefefe;border:1px solid #ddd;display:block;margin-bottom:12px;border-radius:4px;transition:border-color .5s ease-in-out,background-color .5s ease-in-out,box-shadow .5s ease-in-out;-webkit-transition:border-color .5s ease-in-out,background-color .5s ease-in-out,box-shadow .5s ease-in-out;-moz-transition:border-color .5s ease-in-out,background-color .5s ease-in-out,box-shadow .5s ease-in-out;-o-transition:border-color .5s ease-in-out,background-color .5s ease-in-out,box-shadow .5s ease-in-out}
.input-wrap:hover{border-color:#6abded;background-color:#fff;box-shadow:0 0 8px rgba(00,121,191,.2)}
.input-wrap input[type="text"],.input-wrap input[type="password"]{color:#333;font-size:14px;padding:7px 3%;border:0;outline:0;background-color:transparent;height:20px;line-height:20px;width:94%;-webkit-font-smoothing:subpixel-antialiased}
.input-verify img,.input-verify input[type="text"]{display:inline-block;*display:inline;vertical-align:middle}
.input-verify input[type="text"]{width:104px}
.input-verify img{width:80px;height:30px;margin:3px 5px;overflow:hidden}
.input-verify b{font-size:14px;float:right;line-height:36px;padding:0 10px;color:#4c4c4c;border-radius:0 4px 4px 0;border-left:1px solid #ddd;font-weight:normal;cursor:pointer;}
.input-verify b:hover{background-color:#f6f9fb}
.input-remember{margin-bottom:12px;color:#666}
.input-remember a{float:right;color:#666}
.input-btn{color:#fff;font-size:16px;text-align:center;cursor:pointer;display:block;width:100%;background-color:#ff790a;padding:8px 0;border-radius:4px;border:0 none;outline:none;transition:background-color .4s ease-in-out;-webkit-transition:background-color .4s ease-in-out;-moz-transition:background-color .4s ease-in-out;-o-transition:background-color .4s ease-in-out}
.input-btn:hover{background-color:#ff600a}
.input-proxy{color:#b6b6b6;margin:12px 0;text-align:center;}
.input-register{display:block;color:#666;text-align:center;text-decoration:underline}

.login-panel-mobile .input-tips + .input-wrap{margin-top:0;}

.login-panel-wework{text-align:center;}

.login-panel-wework .input-logo {
    padding: 72px 0;
}
.login-panel-wework .input-logo img{width:173px;height:54px;}
.login-panel-wework .input-register{margin-top:12px;}

.login-panel-wework .input-desc {
    margin-top: 12px;
    color: #666;
}

.login-panel-qrcode,.login-panel-overdue{position:absolute;top:0;bottom:0;left:0;right:0;background:#fff;display:none;text-align:center;}
.login-panel-qrcode .input-title,.login-panel-overdue .input-title{font-size:16px;color:#999;font-weight:400;margin-top:53px;}
.login-panel-qrcode .input-qrcode-img{border:1px solid #f4f4f4;padding:10px;width:155px;margin:20px auto 15px}
.login-panel-qrcode .input-qrcode-img img{width:147px;height:147px;}

.login-panel-overdue{padding:0 30px;}
.login-panel-overdue .input-title{margin:0;}
.login-panel-overdue .input-overdue-img{width:70px;margin:40px auto;}
.login-panel-overdue .input-overdue{margin:30px 0;}
.login-panel-overdue .input-overdue .title{color:#808080;font-size:13px;}
.login-panel-overdue .input-overdue .mobile{margin-top:8px;color:#1a1a1a;font-size:18px;}

.login-switch{outline:none;cursor:pointer;width:60px;height:60px;line-height:99em;position:absolute;right:0;top:324px;overflow:hidden;background:url(../images/login/login-qricon.png) no-repeat;-webkit-transition:background-position .2s cubic-bezier(0.25,.5,.5,.9);-moz-transition:background-position .2s cubic-bezier(0.25,.5,.5,.9);transition:background-position .2s cubic-bezier(0.25,.5,.5,.9);}
.login-switch.general{background-position:-60px 0;}
.login-switch.qrcode{background-position:0 -60px;}

.copyright {
    color: #999;
    text-align: center;
    font-size: 12px;
    margin: 50px 0 10px 0;
    line-height: 24px
}

.copyright .split {
    color: #888;
    padding: 0 8px
}

.copyright a {
    color: #999
}

.copyright p {
    margin-top: 5px
}

.copyright .gov {
    position: relative;
    padding-left: 25px
}
.copyright .gov i{position:absolute;left:0;top:-1px;width:20px;height:20px;background-image:url(../images/login/gov.png)}

.language {
    display: inline-block;
    position: relative;
    z-index: 21;
    background: rgba(253, 253, 253, 0);
    font-size: 12px;
    line-height: 30px;
    width: 130px
}

.language h3 {
    -moz-user-select: none;
    -webkit-user-select: none;
    -ms-user-select: none;
    user-select: none;
    position: relative;
    z-index: 1;
    cursor: pointer
}
.language.active h3{-webkit-transition:all .25s ease;-moz-transition:all .25s ease;transition:all .25s ease}

.language h3 a {
    color: #45474b;
    font-weight: 400;
    display: block;
    height: 31px;
    line-height: 33px;
    font-size: 12px;
    padding: 2px 20px 2px 56px;
    position: relative;
    text-align: left
}
.language h3 .lan-icon{position:absolute;width:0;height:0;border-left:3px solid transparent;border-right:3px solid transparent;border-top:4px solid #333;top:18px;right:20px;margin-top:-1px;-webkit-transform:rotate(-180deg);-moz-transform:rotate(-180deg);transform:rotate(-180deg);text-indent:0}
.language.active h3 .lan-icon{-webkit-transform:rotate(0);-moz-transform:rotate(0);transform:rotate(0);-webkit-transition:all .25s ease;-moz-transition:all .25s ease;transition:all .25s ease}

.language h3 a:before, .language li a:before {
    position: absolute;
    content: " ";
    width: 30px;
    height: 20px;
    left: 19px;
    top: 9px;
    background: url(../images/login/flag.png) 0 0 no-repeat;
    background-size: 30px 450px
}
.language li a:before{visibility:hidden}
.language.active li a:before{visibility:visible;content:"    "}

.language h3 a.flag-hk:before, .language li a.flag-hk:before {
    background-position: 0 -45px
}

.language h3 a.flag-en:before, .language li a.flag-en:before {
    background-position: 0 -90px
}

.language h3 a.flag-ko:before, .language li a.flag-ko:before {
    background-position: 0 -135px
}

.language h3 a.flag-ja:before, .language li a.flag-ja:before {
    background-position: 0 -180px
}

.language h3 a.flag-vi:before, .language li a.flag-vi:before {
    background-position: 0 -225px
}

.language h3 a.flag-in:before, .language li a.flag-in:before {
    background-position: 0 -270px
}

.language h3 a.flag-ms:before, .language li a.flag-ms:before {
    background-position: 0 -315px
}

.language h3 a.flag-ru:before, .language li a.flag-ru:before {
    background-position: 0 -360px
}

.language ul {
    position: absolute;
    left: 0;
    right: 0;
    bottom: 0;
    padding-bottom: 35px;
    visibility: hidden;
    opacity: 0;
    border-radius: 3px
}

.language.active ul {
    background: #f5f5f5;
    box-shadow: rgba(0, 0, 0, .2) 0 2px 10px, 0 0 0 1px rgba(0, 0, 0, .04);
    opacity: 1;
    visibility: visible;
    -webkit-transition: opacity .25s ease;
    -moz-transition: opacity .25s ease;
    transition: opacity .25s ease
}

.language li {
    -moz-user-select: none;
    -webkit-user-select: none;
    -ms-user-select: none;
    user-select: none
}

.language li a {
    background: #fff;
    position: relative;
    display: block;
    color: #666;
    height: 30px;
    line-height: 30px;
    text-align: left;
    padding: 2px 20px 2px 56px;
    border-radius: 3px 3px 0 0
}
.language li a:hover{background-color:#fafafa}

.mac-os .language li a.flag-ru {
    letter-spacing: -4px
}