.page-wrap{background-color:#fff;height:100vh;width:100vw;background-size:100vw 100vh;background-repeat:no-repeat}.page-wrap-bgimg{background-image:url(../img/login_bg.20dbcfb9.png)}.page-wrap .bottom-wrap{width:100vw;height:30px;line-height:30px;position:absolute;bottom:0;text-align:center;color:#fff;font-size:12px;background-color:rgba(0,0,0,.1)}.page-wrap .bottom-wrap .blank{display:inline-block;width:20px}.page-wrap .bottom-wrap .label{margin-right:5px}.page-wrap .bottom-wrap .label .gongan{width:16px;height:16px;margin-right:2px;position:relative;top:4px}.page-wrap .bottom-wrap .label a{color:#fff}.page-wrap .login-wrap{width:750px;height:450px;margin:auto;display:flex;border:0;border-radius:5px;background-color:#fff;position:relative;top:calc(50% - 225px);box-shadow:0 5px 15px rgba(0,0,0,.5)}.page-wrap .login-wrap .login-desc{display:inline-block;width:300px;border-radius:2px;padding:20px 20px;color:#606266;font-weight:400;border-right:1px solid rgba(44,66,118,.06);background-color:#f2f5fa;background-image:url(../img/logo_bg.ed085007.png);background-size:420px 450px;background-repeat:no-repeat;vertical-align:top}.page-wrap .login-wrap .login-desc .product{margin-top:20px;color:#1b9aee;text-align:center;vertical-align:top}.page-wrap .login-wrap .login-desc .product .logo{vertical-align:top;display:inline-block;width:50px;height:50px;line-height:50px;text-align:center;border-radius:2px;background-color:#6257fa;color:#fff;font-size:24px;margin-right:10px;position:relative;top:6px}.page-wrap .login-wrap .login-desc .product .company{display:inline-block}.page-wrap .login-wrap .login-desc .product .company .item-info{font-size:30px;font-weight:700;color:#6257fa}.page-wrap .login-wrap .login-desc .product .company .item-host{font-size:13px;color:#6257fa}.page-wrap .login-wrap .login-desc .desc-warp{margin-top:50px}.page-wrap .login-wrap .login-desc .desc-warp .desc-item{display:flex;margin-bottom:30px}.page-wrap .login-wrap .login-desc .desc-warp .desc-item .item-icon{display:inline-block;width:40px;margin-right:10px}.page-wrap .login-wrap .login-desc .desc-warp .desc-item .item-icon .icon{font-size:36px;position:relative;top:5px;color:#909399}.page-wrap .login-wrap .login-desc .desc-warp .desc-item .item-tip{flex:1}.page-wrap .login-wrap .login-desc .desc-warp .desc-item .item-tip .tip-title{font-size:16px;color:#303133}.page-wrap .login-wrap .login-desc .desc-warp .desc-item .item-tip .tip-desc{font-size:12px;margin-top:5px;color:#909399}.login-diy{display:flex}.login-diy .login-desc{display:inline-block;width:50%;background-color:#265ff2;padding:30px 20px}.login-diy .login-form{display:inline-block;width:50%;height:100vh;background-color:#fafbfc}.login-diy .login-form .login-wrap{width:500px}.login-diy .login-desc .company{margin:30px 20px}.login-diy .login-desc .company .logo{display:inline-block;width:32px;height:32px;border-radius:50%;position:relative;top:8px;border:1px solid #fff}.login-diy .login-desc .company .title{font-size:36px;font-weight:700;margin-left:20px;vertical-align:top;margin-top:10px;color:#fff}.login-diy .func-item{margin-top:20px}.login-diy .func-item .title{font-size:16px;height:40px;line-height:40px}.login-diy .func-item .row{font-size:14px;height:40px;line-height:40px}.login-diy .func-item .row .icon{color:#67c23a;font-size:16px}.login-diy .module-item{margin-top:20px}.login-diy .module-item .title{height:30px;line-height:30px;font-size:14px;margin-bottom:20px}.login-diy .module-item .blocks span{margin-right:10px;display:inline-block;margin-bottom:20px}.login-diy .module-item .blocks .icon{display:inline-block;width:15px;height:15px;position:relative;top:3px}.login-diy .module-block{margin-top:5vh}.login-diy .module-block .mblock{display:inline-block;width:calc(25% - 20px);margin:10px;padding:20px 10px;background-color:#fff;color:#303133;border-radius:5px}.login-diy .module-block .mblock:nth-child(4n){margin-right:0}.login-diy .module-block .mblock .icon{display:inline-block;width:20px;height:20px;margin-right:5px;border-radius:2px;vertical-align:top}.page-wrap .login-content{flex:1;padding:40px 50px}.page-wrap .login-content .header{font-size:16px;font-weight:700;height:60px;line-height:60px}.page-wrap .login-content .login-tab{margin-bottom:50px;text-align:center}.page-wrap .login-content .login-tab .tab{display:inline-block;width:100px;margin-right:50px;cursor:pointer}.page-wrap .login-content .login-tab .tab:last-child{margin-right:0}.page-wrap .login-content .login-tab .tab .label{font-size:18px;color:#c0c4cc}.page-wrap .login-content .login-tab .tab .label .icon{margin-right:5px}.page-wrap .login-content .login-tab .tab .bline{margin-top:10px;border-top:2px solid #c0c4cc}.page-wrap .login-content .login-tab .tab-active .label{color:#6257fa}.page-wrap .login-content .login-tab .tab-active .bline{border-top:2px solid #6257fa}.page-wrap .login-content .form-item{height:50px}.page-wrap .login-content .form-item .note{font-size:12px;height:20px;line-height:20px}.page-wrap .login-content .action{height:40px;line-height:40px;font-size:13px;margin-top:10px}.page-wrap .login-content .action .label{cursor:pointer;color:#999}.page-wrap .login-content .action .label:hover{color:#314fd0}.page-wrap .login-content .info{margin-top:30px;font-size:13px;color:#999;font-weight:300}.page-wrap .login-content .login-button{background-color:#6257fa;border:1px solid #6257fa}.page-wrap .login-content .content-bottom{margin-top:20px}.page-wrap .login-content .content-bottom .bottom-item{height:40px;line-height:40px}.page-wrap .login-content .content-bottom .bottom-item span{cursor:pointer}.page-wrap .login-content .eright{float:right}.page-wrap .login-content .note{margin-top:150px;font-size:13;color:#f56c6c}.page-wrap .login-content .login-action{margin-top:20px}