@import url(../fonts/iconfont.css);body,html{height:100%}html{font-size:14px}body{display:flex;flex-direction:column;line-height:1.5;color:#222;background-color:#f3f4f4;font-family:arial,'microsoft yahei'}button,input{outline:0!important}.btn-outline-white{border:1px solid #fff;color:#fff}.btn-outline-white:hover{color:rgba(255,255,255,.8);border-color:rgba(255,255,255,.8)}.main-header{height:200px;background:#5087ff url(../images/banner-bg.png) no-repeat center;background-size:cover;color:#fff;display:flex;align-items:center;justify-content:center;margin-bottom:20px;position:relative;flex:none}.main-header .title{font-size:44px;font-weight:700}.main-header .top-bar{width:100%;margin:0 auto;position:absolute;left:0;z-index:1;top:5px;color:#fff;text-align:right}.main-header .top-bar .cell{margin-right:40px}.main-header .top-bar .cell a,.main-nav a:hover{color:rgba(255,255,255,.8);text-decoration:none}.main-header .top-bar .cell a:hover{color:#fff}.main-wrapper{width:1200px;margin:0 auto;flex:1}.page-breadcrumb{display:flex;border-bottom:1px solid #d3dff3;height:54px;padding:20px;align-items:center;background-color:#fff;border-radius:0}.page-breadcrumb .title{font-size:17px;margin:0}.page-breadcrumb .handle{margin-left:auto}.content-wrapper,.main-nav a{display:flex}.content-wrapper .main-nav{width:240px;background-color:#fff}.content-wrapper .content{background-color:#fff;flex:1;border-left:1px solid #d3dff3;min-height:500px}.main-nav{padding-top:30px}.main-nav a{padding-left:60px;margin-bottom:35px;align-items:center;color:#999}.main-nav a:hover{color:rgba(0,101,188,.6)}.main-nav a:first-child .number:after{content:none}.main-nav a.active,.main-nav a.done{color:#0065bc}.main-nav a.active .number{background-color:#0065bc;color:#fff;border-color:#0065bc}.main-nav a.active .number:after{background-color:#0065bc}.main-nav a.done .number{border-color:#0065bc;color:#0065bc;font-size:0}.main-nav a.done .number:before{content:"";background:url(../images/done.svg) no-repeat center center;background-size:60% 60%;width:30px;height:30px;display:block}.main-nav a .number{width:30px;height:30px;border:1px solid currentColor;display:flex;align-items:center;justify-content:center;border-radius:50%;text-align:center;color:#bababa;margin-right:10px;position:relative}.main-nav a .number:after{color:inherit;content:"";position:absolute;width:1px;height:20px;background-color:currentColor;top:-28px;left:14px}.notice{padding:40px}.notice .title{font-size:18px;line-height:1.8}.notice ol{list-style-type:cjk-ideographic;max-height:600px;overflow:auto}.notice .handle,.notice .title{text-align:center}.notice .handle .btn{width:280px}.form-wrapper{padding:20px 40px}.subtitle{background-color:#e8f1f9;font-size:14px;font-weight:700;padding:10px 20px;margin-bottom:20px}.form-custom{margin-bottom:30px}.form-custom .form-group{margin-bottom:25px}.form-custom .form-group .invalid-tooltip{background-color:transparent;color:#dc3545;padding-top:2px;font-size:12px}.form-custom .text-handle{width:100%}.form-custom .text-handle .img-code{border:1px solid #ccc;display:block;height:40px}.form-custom .text-handle .btn,.form-custom .text-handle img{width:100%;height:100%;font-size:12px}.form-custom .col-form-label{text-align:right;color:#666}.form-custom .col-form-label.has-required:before{content:"*";color:red}.form-two-row .col-form-label{width:120px}.form-two-row .col-form-content{width:300px;flex:1}.form-two-row .col-12 .col-form-content{margin-right:10px}.form-password input,.form-user-info-wrapper .form-custom{flex:1}.form-user-info-wrapper .avatar{flex-basis:130px;height:160px;background-color:#eee}.tips{background-color:#f7f7f7;padding:30px;color:#666;margin-bottom:20px}.tips ol{padding-left:15px;padding-top:10px}.tips ol li+li{margin-top:10px}.upload{display:flex}.upload .cell{width:88px;height:88px;display:flex;flex-direction:column;align-items:center;justify-content:center;background-color:#f7f7f7;color:#666}.upload .cell+.cell{margin-left:30px}.order-wrapper{padding:20px}.order-wrapper .status{padding:30px;margin-bottom:20px;text-align:center}.order-wrapper .status .iconfont{font-size:43px}.order-wrapper .status .iconfont.icon-fill-help{color:#7a9fe2}.order-wrapper .status .iconfont.icon-fill-sandglass{color:#41a4d7}.order-wrapper .status .iconfont.icon-fill-info{color:#e69b4c}.order-wrapper .status .iconfont.icon-fill-correct{color:#5cc763}.order-wrapper .status .iconfont.icon-fill-incorrect{color:#eb5252}.order-wrapper .status.s-warning{background-color:#fff6ea}.table-custom th{background-color:#f7f7f7;color:#666;font-weight:400}.table-custom td,.table-custom th,.table-vertical-middle td,.table-vertical-middle th{vertical-align:middle}.td-money{text-align:right}.td-money .money{font-size:22px;color:#ff5e49;padding-right:10px}.pay-method{border:1px solid #dedede;display:flex;padding:10px 20px;margin-bottom:60px}.handle-global{text-align:center}.handle-global label{color:#666;margin-bottom:10px}.handle-global .btn{min-width:280px}.result-wrapper{padding:20px}.table-bordered thead td,.table-bordered thead th,.table-custom thead th{border-bottom-width:1px}.body-linear{background:linear-gradient(to right,#dde0f0 30%,#f0f1f9 30%)}.login-wrapper{margin-top:70px}.login-wrapper .box{width:1000px;height:583px;margin:auto;display:flex;background-color:#fff;box-shadow:0 2px 14px 0 rgba(0,0,0,.1)}.login-wrapper .box .poster{width:500px;border-left:1px solid #dedede}.login-wrapper .box .form-login{margin-left:-60px}.login-wrapper .box .form-signin{margin-left:-20px}.login-wrapper .box .form{width:50%;padding:30px 68px}.login-wrapper .box .form .col-form-label{height:40px;padding-top:10px}.login-wrapper .box .form .form-control{height:40px}.login-wrapper .box .form .title{text-align:center;font-size:28px;margin:20px 0 40px;color:#666}.login-wrapper .box .form .form-group{position:relative;margin-bottom:25px}.login-wrapper .box .form .form-group.has-error input{border-color:#f54949}.login-wrapper .box .form .form-group.has-error .help-block{color:#f54949}.login-wrapper .box .form .form-group .alert{width:100%;margin-bottom:0;font-size:12px}.login-wrapper .box .form .form-group .cell{display:flex;align-items:center}.login-wrapper .box .form .form-group .cell label{width:100px;text-align:right;padding-right:20px;font-size:14px;margin-bottom:0;color:#666}.login-wrapper .box .form .form-group .cell .text{display:flex;flex:1;position:relative}.login-wrapper .box .form .form-group .cell .text .handle-right{position:absolute;right:0;top:55px;font-size:12px}.login-wrapper .box .form .form-group .cell .text .help-block{top:48px;left:0;font-size:12px;position:absolute}.login-wrapper .box .form .form-group .cell .text .btn-primary{height:38px}.modal .modal-header{background-color:#458eff;color:#fff}.modal .modal-header .modal-title{font-size:14px;text-align:center}.modal .modal-footer{justify-content:center}.modal .modal-footer .btn{min-width:120px}.modal .close{color:#fff;text-shadow:none}.blank-wrapper{background-color:#fff;width:1200px;margin:0 auto;padding:20px 30px}.blank-wrapper .header{padding-bottom:20px;border-bottom:1px solid #d3dff3;display:flex;align-items:center;margin-bottom:20px}.blank-wrapper .header .btn{min-width:80px}.blank-wrapper .header .title{font-size:16px;margin-bottom:0}.blank-wrapper .header .handle{margin-left:auto}.border-wrapper{width:770px;min-height:400px;border:1px solid #d3dff3;margin:80px auto}.form-password{padding:80px 150px 60px 130px;margin-bottom:0}.form-password .col-form-label{margin-top:5px}.form-password .form-control{height:40px;position:relative}.form-handle{position:relative;margin-top:30px}.form-handle .btn{min-width:140px;height:38px}.form-handle .other{position:absolute;width:100%;text-align:center;font-size:12px;top:60px}.form-handle .other:after{content:"";position:absolute;left:0;top:8px;height:1px;width:100%;border-top:1px solid #d3dff3;z-index:1}.form-handle .other a{background-color:#fff;position:relative;z-index:2;padding:5px 20px}.center-handle{text-align:center}.center-handle .btn{min-width:120px}.table-custom{border-bottom:1px solid #dee2e6}.table-custom thead th{background-color:#e5efff}.table-custom.table-hover tbody tr:hover{background-color:#e9ecef!important}.table-custom.table-striped tbody tr:nth-of-type(odd){background-color:#fff}.table-custom.table-striped tbody tr:nth-of-type(even){background-color:#f7faff}.modal-icon-wrapper{display:flex;align-items:center}.modal-icon-wrapper .icon{width:40px;height:40px;color:rgba(0,101,188,.6);background-color:rgba(69,142,255,.2);border-radius:50%;text-align:center;line-height:40px;margin-right:20px}.modal-icon-wrapper .icon .iconfont{font-size:22px}.modal-icon-wrapper .text{flex:1}.toolbar{display:flex;margin-bottom:10px}.toolbar .form{display:flex;flex:1}.toolbar .form .cell{display:flex;align-items:center;white-space:nowrap}.toolbar .form .cell+.cell{margin-left:20px}.toolbar .form .cell .form-control{min-width:120px;margin-left:10px}.toolbar .handle{margin-left:auto}.toolbar .handle .btn{min-width:100px}.modal-qr-wrapper{width:220px;margin:0 auto}.modal-qr-wrapper .text{display:flex;align-items:center;border-bottom:1px solid #d3dff3;margin-bottom:20px}.modal-qr-wrapper .text .money{margin-left:auto;font-size:20px;color:#ff5151;float:right}.modal-qr-wrapper .text .money .unit{font-size:12px}.modal-qr-wrapper .qr-code{border:1px solid #d3dff3;width:220px;height:220px}.modal-qr-wrapper .qr-code img{width:100%;height:100%;padding:10px}.modal-qr-wrapper .scan-status{border-top:1px solid #d3dff3;margin:20px -89px 0;padding-top:20px}.modal-qr-wrapper .scan-status .inner{background-color:#e8fbec;display:flex;padding:15px 30px;margin:0 60px}.modal-qr-wrapper .scan-status .inner .icon{margin-right:10px}.modal-qr-wrapper .scan-status .inner .icon .iconfont{font-size:40px;line-height:1}.modal-qr-wrapper .scan-status .inner .info{text-align:left}.modal-qr-wrapper .scan-status .inner .info .title{color:#2c8f41;font-size:16px}.modal-qr-wrapper .scan-status .inner .info .desc{color:#64b776;font-size:14px}.apply-wrapper .cell{display:block;border:1px solid #ccc;background-color:#fff;padding:20px 20px 0;margin-bottom:20px;text-decoration:none;transition:all 500ms;color:#222;position:relative}.apply-wrapper .cell:hover{box-shadow:0 5px 20px rgba(0,0,0,.2)}.apply-wrapper .cell.disabled:after{content:"";position:absolute;top:0;left:0;width:100%;height:100%;background-color:rgba(255,255,255,.76);cursor:not-allowed}.apply-wrapper .cell.disabled:hover{box-shadow:none}.apply-wrapper .cell .header{background-color:#809ddd;display:flex;align-items:center;justify-content:center;height:168px;position:relative}.apply-wrapper .cell .header .number{position:absolute;top:0;left:10px;color:rgba(255,255,255,.3);font-size:88px;font-family:'arial';line-height:1}.apply-wrapper .cell .icon img{width:110px;height:110px}.apply-wrapper .cell .info{height:90px;display:flex;flex-direction:column;justify-content:center}.apply-wrapper .cell .info .title{text-align:center;font-weight:400;font-size:20px;position:relative;margin-bottom:10px}.apply-wrapper .cell .info .desc{text-align:center;color:#666;margin-bottom:0}.apply-wrapper .col-12:nth-child(2) .header{background-color:#5dc1ea}.apply-wrapper .col-12:nth-child(3) .header{background-color:#d9b699}.apply-wrapper .col-12:nth-child(4) .header{background-color:#eb976b}.apply-wrapper .col-12:nth-child(5) .header{background-color:#7688af}.apply-wrapper .col-12:nth-child(6) .header{background-color:#676cac}.apply-wrapper .col-12:nth-child(7) .header{background-color:#67ac9c}.apply-wrapper .col-12:nth-child(8) .header{background-color:#ac6767}.form-group div[class^=col-]{position:relative}.form-group div[class^=col-] .form-control-feedback,.form-group div[class^=col-] .help-block{position:absolute;left:5px;font-size:12px}.form-group.has-danger .form-control{border-color:#dc3545}.form-group.has-danger .form-control-feedback,.form-group.has-danger .help-block{color:#dc3545}.form-group.has-required .col-form-label:before{content:"*";color:red}.flex-inline{display:flex}.modal-sm{max-width:400px}.footer-copyright{position:relative;z-index:-1;text-align:center;font-size:12px;margin-top:20px;margin-bottom:20px;color:#999;flex:none}.footer-copyright a{color:inherit}.image-list{width:800px}.image-list .cell{position:relative;width:140px;height:80px;background-color:#f0f0f0;display:inline-block;margin:0 10px 10px 0;color:#999}.image-list .cell:hover .toolbar{visibility:visible}.image-list .cell .add,.image-list .cell .loading,.image-list .cell .photo,.image-list .cell .toolbar{position:absolute;width:100%;height:100%}.image-list .cell .toolbar{background-color:rgba(255,255,255,.5);text-align:center;padding-top:25px;visibility:hidden}.image-list .cell .toolbar a,.image-list .cell .toolbar label{background-color:#1d79d1;display:inline-block;width:30px;height:30px;line-height:30px;text-decoration:none;color:#fff;border-radius:50%}.image-list .cell .toolbar a:hover,.image-list .cell .toolbar label:hover{background-color:#175fa4}.image-list .cell .add,.image-list .cell .loading{text-align:center;padding-top:5px}.image-list .cell .loading .spin{display:inline-block;-webkit-animation:spin 2s linear infinite;animation:spin 2s linear infinite}.image-list .cell .add:hover{color:#0075d8;cursor:pointer}.image-list .cell .add .iconfont,.image-list .cell .loading .spin .iconfont{font-size:32px}.custom-control-label{cursor:pointer}.custom-control.custom-checkbox .custom-control-label::before{top:2px;box-shadow:none;border-radius:0;width:15px;height:15px;border-color:rgba(0,101,188,.6)}.custom-control-input:checked~.custom-control-label::before{background-color:#0065bc;border-color:#0065bc}.custom-control-label::after{background-size:75%;width:15px;height:15px;top:2px;left:-21px}.custom-control-input:focus:not(:checked)~.custom-control-label::before{border-color:#0065bc}.custom-control-input:not(:disabled):active~.custom-control-label::before{background-color:#89c8ff;border-color:#56b1ff}.custom-control.custom-radio .custom-control-label::before{top:2px;box-shadow:none;width:15px;height:15px}.custom-control.custom-radio .custom-control-label::after{background-size:60%!important}