body{min-width:1220px;font-size:14px;color:#262626}
.layout{width:1220px;margin-left:auto;margin-right:auto}
.ellipsis{display:block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;*white-space:normal}
.usertop{position:relative;z-index:600;height:39px;line-height:39px;font-size:12px;color:#262626;background:#f7f9fa;box-shadow:0 1px 0 0 #E8EDF2}
.usertop a:hover{font-weight:600;color:#2769dc}
.usertop .layout{position:relative}
.usertop .top-l{float:left;width:600px}
.usertop .top-l .login-btn{position:relative;padding:0 16px 0 22px;color:#2769dc}
.usertop .login-btn:after{content:'';position:absolute;right:0;top:1px;width:1px;height:14px;background-color:#e0e6ed}
.usertop .register-btn{display:inline-block;width:68px;height:25px;line-height:25px;margin:0 16px;text-align:center;color:#fff;background:#1971EF;border-radius:2px}
.usertop .register-btn:hover{color:#fff;font-weight:700}
.usertop .logged{height:39px}
.usertop .logged .top-itm{padding-left:12px;padding-right:12px;color:#262626}
.usertop .logged .top-itm:hover{color:#2769dc}
.usertop .logged span.top-itm:hover,.usertop .logged .user-name:hover{color:#262626}
.usertop .logged .em{color:#ed1c24}
.usertop .top-r{position:absolute;right:0;top:0}
.usertop .top-drop{float:left}
.usertop .factory-drop,.usertop .member-drop{position:relative}
.usertop .top-itm{position:relative;display:inline-block;padding:0 12px}
.usertop .top-itm:after{content:'';position:absolute;width:1px;height:14px;background-color:#e0e6ed;right:-1px;top:13px}
.tab-form .top-drop:last-child .tab-form-item:after{display:none}
.usertop .top-drop:hover .top-itm{color:#2769dc;font-weight:600;background:#fff}
.usertop .i-code{display:inline-block;height:14px;width:14px;margin-right:7px;margin-top:-2px;vertical-align:middle;background:url(../images/m-code.png) no-repeat 0 0}
.usertop .top-drop:hover .i-code{background-position:-14px 0}
.usertop .dropdown{visibility:hidden;opacity:0;*display:none;position:absolute;top:39px;right:0;padding:30px 30px 0;background:#fff;box-shadow:0 4px 8px 0 rgba(38,38,38,.1);transition:opacity .1s}
.usertop .top-drop:hover .dropdown{visibility:visible;opacity:1;*display:block}
.usertop .dropdown.dropdown-l{left:0;right:auto;width:100px;padding:20px 0 20px 20px;line-height:39px;font-size:13px}
.usertop .factory-drop .dropdown{width:180px}
.usertop .customer-drop .map-box{width:215px}
.usertop .top-mobile .dropdown{width:540px}
.usertop .map-box{width:310px;padding-bottom:12px}
.usertop .code-box{padding:0 15px 20px;text-align:center;line-height:1}
.usertop .code-box .code-tip{margin-top:16px;margin-bottom:4px;font-size:15px;font-weight:600;height:21px;line-height:21px}
.usertop .drop-tit{margin-bottom:12px;line-height:18px;font-size:13px;font-weight:600}
.u-list{overflow:hidden;margin-left:-12px;font-size:13px}
.u-list .li{float:left;padding-left:12px;padding-right:12px;margin-left:-1px;margin-bottom:12px;line-height:18px;*white-space:nowrap}
.u-list .li:after{content:'';height:14px;width:1px;background:#e0e6ed;float:left;margin-left:-13px;margin-top:2px}
.u-list .li a{color:#595959}
.u-list .li a:hover{color:#2769dc;font-weight:600}
.cert-tooltip{display:none;position:absolute;z-index:400;height:22px;line-height:22px;padding:0 9px;font-size:12px;color:#333;border-radius:2px;background:#fff}
.register-main{padding:40px 0;background:#F7F9FA}
.register-main .layout{position:relative;margin:0 auto;background:#fff;box-shadow:0 6px 24px -10px rgba(107,107,107,.2);border-radius:3px}
.register-main .form-body{float:left;width:840px;padding:72px 200px 60px;background:url(../images/register-bg1.png) no-repeat}
.register-main .form-body h3{padding:60px 0 40px;text-align:center;font-size:18px;color:#333;font-weight:700}
.form-row{position:relative;margin-bottom:24px}
.form-row>label{width:86px;font-size:14px;line-height:20px;color:#333;margin:13px 0;font-weight:400}
.register-main .form-row>label{position:absolute;left:15px;top:0;z-index:2}
.form-row sup{margin-right:4px;color:#F44335;vertical-align:text-top}
.form-item{position:relative;width:100%;height:48px}
.form-item input{display:block;width:100%;height:48px;line-height:20px;padding:10px 15px;font-size:14px;color:#262626;border:1px solid #e0e6ed;background-color:#fff;box-sizing:border-box;border-radius:3px}
.register-main .form-item input{padding:10px 15px 10px 100px}
.form-item input:hover{border-color:#cfd9e6}
.form-item input:focus{outline:0;border-color:rgba(39,105,220,.6)}
.form-item input:-ms-input-placeholder{color:#999}
.form-item input::placeholder{color:#999}
.form-row .tip{display:none;position:absolute;right:-342px;top:0;z-index:3;width:326px;margin-left:20px;padding:16px;background:#EAF5FE;box-shadow:0 6px 12px -9px rgba(52,91,157,.6);border:1px solid #C4E4FD;border-radius:4px}
.form-row .tip::before{position:absolute;content:"";width:0;height:0;left:-5px;top:15px;border-top:5px solid transparent;border-right:4px solid #C4E4FD;border-bottom:5px solid transparent}
.form-row .tip::after{position:absolute;content:"";width:0;height:0;left:-4px;top:15px;border-top:5px solid transparent;border-right:4px solid #EAF5FE;border-bottom:5px solid transparent}
.form-row:hover .tip{display:block}
.n-default .form-item .msg-box{display:block;margin-top:0}
.n-default .form-item .msg-box .n-error{display:block;color:#fa3d21;font-size:12px;margin-top:0;margin-left:0}
.n-default .form-item .msg-wrap .n-icon{background-image:url(../images/error-icon.png);background-size:12px;background-position:center;display:none\0}
.n-default .form-item .msg-box .n-ok{display:none}
.form-item.code-item{position:relative;z-index:1;width:332px}
.form-item.code-item input{border-top-right-radius:0;border-bottom-right-radius:0}
.form-row .code-btns{position:absolute;top:0;right:0;width:110px;height:48px;line-height:28px;padding:10px 0;text-align:center;border:solid 1px #E0E6ED;border-top-right-radius:3px;border-bottom-right-radius:3px}
.form-row .codetime{display:none;color:#999}
.form-row .codebtn{color:#2769dc}
.isread-box .ui-checkbox{margin:2px 0}
.isread-box .ui-checkbox input{display:none}
.isread-box .ui-checkbox .e-icon{float:left;width:14px;height:14px;margin:3px 4px 0 0;border:1px solid #AEB4BD;border-radius:3px;box-sizing:border-box}
.isread-box .ui-checkbox .e-icon+span{float:left;cursor:pointer}
.isread-box .ui-checkbox input:checked+.e-icon{border:0 none;background:#3961e0 url(../images/checked-icon.png) no-repeat center;background-size:14px}
.isread-box{margin:32px 0 12px}
.isread-box .msg-box{display:none;margin-top:2px}
.isread-box .service-rules{float:left;color:#2769dc}
.isread-box .service-rules:hover{font-weight:600;color:#2769dc}
.button-wrap .submit-btn{display:block;width:100%;height:48px;line-height:48px;font-size:15px;color:#fff;text-align:center;background:#2769DC;border-radius:3px;cursor:pointer;transition:background .3s}
.button-wrap .submit-btn:hover{background:#1173F2;box-shadow:0 6px 18px -9px #2769DC}
.button-wrap .submit-btn.disable{opacity:.3}
.register-right{position:absolute;right:0;float:left;width:360px;height:100%;padding:72px 60px 0;background:#F0F9FD url(../images/register-bg2.png) no-repeat;border-radius:0 3px 3px 0}
.register-right p{margin-bottom:10px}
.register-right a{display:inline-block;margin-bottom:28px;color:#2769DC}
.register-right a:hover{color:#2769dc;font-weight:600}
.login-main{height:500px;position:relative;background:#f1f4f7}
.login-main .layout{width:1066px;margin:0 auto}
.login-slide{position:absolute;top:0;left:0;width:100%;height:100%;min-height:500px}
.login-slide .item{display:list-item;width:100%;height:100%;min-height:500px;position:absolute;left:0;top:0;background-color:#050941}
.login-slide .item-a{position:absolute;left:50%;top:50%;margin:-195px 0 0 -517px}
.login-slide .trigger{position:absolute;bottom:40px;text-align:center;width:552px;left:50%;margin-left:-517px}
.login-slide .trigger i{display:inline-block;height:8px;width:8px;text-indent:-3em;overflow:hidden;border-radius:50%;margin:0 8px;border:1px solid #fff;background:transparent}
.login-slide .trigger .active{background:#fff}
.login-main .login-form{float:right}
.tab-form-wrap{position:relative;margin:48px 0;width:360px;background:#fff;border-radius:3px}
.tab-form-wrap .tab-tip-img{position:absolute;right:3px;top:-19px;width:80px}
.tab-form{position:relative;padding:24px 0;line-height:22px;text-align:center;box-shadow:0 1px 0 0 #F1F4F7}
.tab-form .tab-form-item{position:relative;display:inline-block;margin:0 23px;cursor:pointer}
.tab-form .tab-form-item.active{color:#2769dc;font-weight:700;font-size:16px;cursor:default}
.tab-form .tab-form-item:after{content:'';position:absolute;top:4px;left:80px;width:1px;height:16px;background:#e8edf2}
.tab-form .tab-form-item:last-child:after{display:none}
.tab-form-content{position:relative;display:none}
.tab-form-content.active{display:block}
.form-main{position:relative;padding:24px 30px}
.form-main .form-row{position:relative;height:42px;margin-bottom:20px}
.form-main .form-row:last-child{margin-bottom:16px}
.form-main .iconfont{position:absolute;top:0;left:0;z-index:2;width:42px;height:42px}
.form-main .icon-mobile{display:inline-block;background:url(../images/mobile-icon.png) no-repeat center;background-size:24px;background:url(../images/mobile-icon.png) no-repeat center \0}
.form-main .icon-user{display:inline-block;background:url(../images/user-icon.png) no-repeat center;background-size:24px;background:url(../images/user-icon.png) no-repeat center \0}
.form-main .icon-lock{display:inline-block;background:url(../images/lock-icon.png) no-repeat center;background-size:24px;background:url(../images/lock-icon.png) no-repeat center \0}
.form-main .input{display:block;height:42px;width:100%;padding:11px 0 11px 46px;border:1px solid #e0e6ed;border-radius:3px}
.form-main .input:hover{border-color:#cfd9e6}
.form-main .input:focus{border-color:rgba(39,105,220,.6)}
.form-main .input.placeholder{color:#999}
.form-main .form-item.code-item{width:207px}
.form-main .form-row .code-btns{width:94px;height:42px;padding:10px 0;line-height:22px}
.form-main .label{cursor:pointer}
.form-main .check-row{margin-bottom:16px}
.form-main .checkbox{float:left;margin-top:4px;margin-right:8px}
.form-main .submit-btn{height:46px;line-height:46px}
.login-tips{margin-top:12px;color:#999}
.login-tips .link{color:#2769dc}
.login-code{position:relative;width:160px;height:160px;margin:12px auto 0;border:1px solid #E0E6ED}
.login-code img{width:100%}
.u-scan-img{position:absolute;left:170px;top:-12px;width:146px;height:173px;display:none}
.login-code .refresh{display:none;position:absolute;width:100%;left:0;top:0;bottom:0;padding-top:54px;text-align:center;background:rgba(255,255,255,.95)}
.login-code .refresh p{color:#F24949}
.login-code .btn{display:inline-block;width:44px;height:25px;line-height:25px;margin-top:8px;color:#fff;font-size:12px;background:#1971EF;border-radius:2px}
.login-code.fail{background:rgba(255,255,255,.9);border:1px solid #E0E6ED}
.login-code.fail .refresh{display:block}
.code-text{margin-top:24px;text-align:left;line-height:20px}
.code-text .link{color:#2769DC;font-weight:700}
.code-text .p1{margin-bottom:8px;font-size:14px}
.code-text .p2{font-size:12px;line-height:16px}
.code-text .process{width:300px;height:54px;margin:8px 0 16px;padding:11px 16px;border-radius:4px;border:1px solid #E0E6ED}
.code-text .process .icon{width:24px;margin:4px 12px 4px 0}
.code-text .process .arrow-icon{width:24px;margin:4px 18px}
.code-text .process p span{display:block;font-size:12px;color:#999;line-height:16px}
.tab-form-wrap .bottom{height:50px;line-height:50px;padding:0 30px;background:#F1F4F7}
.tab-form-wrap .bottom .find-pwd-link{color:#999}
.tab-form-wrap .bottom a:hover{color:#2769DC}
.f-error-tip{display:none;padding:8px 10px 8px 30px;color:#F24949;line-height:16px;background-color:#FFE4E4}
.f-error-tip .error-icon{float:left;width:16px;height:16px;margin-right:2px;background:url(../images/error-icon.png) no-repeat;background-size:16px}
.ui-modal{visibility:hidden;opacity:0;position:fixed;content:'';top:0;left:0;right:0;bottom:0;background:rgba(0,0,0,.2);z-index:10;text-align:center;overflow:hidden;white-space:nowrap;-webkit-overflow-scrolling:touch;transition:.3s}
.ui-modal.modal-visible{z-index:19000;opacity:1;visibility:visible}
.ui-modal>*{display:inline-block;white-space:normal;vertical-align:middle;text-align:left}
.ui-modal:before{display:inline-block;overflow:hidden;width:0;height:100%;vertical-align:middle;content:''}
.ui-modal .modal-head{padding-left:30px;padding-right:30px;line-height:52px;font-size:14px;font-weight:700;background:#f1f4f7}
.modal-box{position:relative;max-width:95%;max-height:98%;border-radius:3px;background:#fff;opacity:0;visibility:hidden;animation-duration:.4s;animation-fill-mode:both}
.modal-box .modal-close{position:absolute;z-index:2;right:0;top:0;width:45px;height:45px;line-height:45px;font-size:22px;cursor:pointer;text-align:center;color:#aeb4bd}
.modal-box .modal-main{padding:20px 30px;max-height:88vh;overflow:auto}
.modal-visible .modal-box{z-index:100;opacity:1;visibility:visible}
.modal-visible .ui-modal-alert .p-ico{animation:suc .9s cubic-bezier(0.6,-.3,.2,1.6) forwards}
.modal-visible .ui-modal-alert .p-circle{animation:sucCircle .9s forwards}
.loading-svg .p-circle{fill:none;stroke-width:2px}
.success-svg .p-ico,.success-svg .p-circle{stroke:#2faa18}
.success-svg .p-ico{fill:none;stroke-width:3px;stroke-dasharray:51,51;stroke-dashoffset:17}
.success-svg .p-circle{fill:none;stroke-width:2px;stroke-dasharray:160,160;stroke-dashoffset:0}
.alert-success .success-svg{display:inline-block}
.ui-modal-alert{box-sizing:border-box;height:180px;min-width:200px;padding-top:49px;text-align:center}
.ui-modal-alert .modal-content{padding-left:10px;padding-right:10px;font-size:14px}
.ui-modal-alert .success-svg{margin-bottom:17px}
@keyframes suc{0%{stroke-dashoffset:51}
50%{stroke-dashoffset:51}
100%{stroke-dashoffset:17}
}
@keyframes sucCircle{0%{stroke-dashoffset:160}
30%{stroke-dashoffset:160}
80%{stroke-dashoffset:0}
}