.overlay{position:absolute;left:0;top:0;width:100%;height:100%;z-index:100;opacity:0;pointer-events:none;background:#FFF;display:-webkit-box;display:-webkit-flex;display:-moz-box;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-webkit-justify-content:center;-moz-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-webkit-align-items:center;-moz-box-align:center;-ms-flex-align:center;align-items:center}.overlay-active{opacity:1;pointer-events:auto}.preloader{display:inline-block;width:45px;height:45px;background:url("data:image/svg+xml;charset=utf-8,%3Csvg%20viewBox%3D'0%200%20120%20120'%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20xmlns%3Axlink%3D'http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink'%3E%3Cdefs%3E%3Cline%20id%3D'l'%20x1%3D'60'%20x2%3D'60'%20y1%3D'7'%20y2%3D'27'%20stroke%3D'%236c6c6c'%20stroke-width%3D'11'%20stroke-linecap%3D'round'%2F%3E%3C%2Fdefs%3E%3Cg%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(30%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(60%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(90%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(120%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(150%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.37'%20transform%3D'rotate(180%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.46'%20transform%3D'rotate(210%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.56'%20transform%3D'rotate(240%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.66'%20transform%3D'rotate(270%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.75'%20transform%3D'rotate(300%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.85'%20transform%3D'rotate(330%2060%2C60)'%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E") no-repeat 50%;-webkit-background-size:100% 100%;-moz-background-size:100%;-o-background-size:100%;background-size:100%;-webkit-animation:preloader-spin 1s steps(12, end) infinite;-moz-animation:preloader-spin 1s steps(12, end) infinite;-o-animation:preloader-spin 1s steps(12, end) infinite;animation:preloader-spin 1s steps(12, end) infinite}@-webkit-keyframes preloader-spin{100%{-webkit-transform:rotate(360deg)}}@-moz-keyframes preloader-spin{100%{-moz-transform:rotate(360deg);transform:rotate(360deg)}}@-o-keyframes preloader-spin{100%{-o-transform:rotate(360deg);transform:rotate(360deg)}}@keyframes preloader-spin{100%{-webkit-transform:rotate(360deg);-moz-transform:rotate(360deg);-o-transform:rotate(360deg);transform:rotate(360deg)}}

.page-footer{width:100%;height:208px;background:#3f4658;padding-top:23px;padding-bottom:23px}.page-footer .wrapper{margin:0 auto;width:1200px;height:100%;display:-webkit-box;display:-webkit-flex;display:-moz-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-webkit-flex-direction:column;-moz-box-orient:vertical;-moz-box-direction:normal;-ms-flex-direction:column;flex-direction:column;-webkit-box-pack:justify;-webkit-justify-content:space-between;-moz-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;font-family:PingFangSC-Regular;font-size:12px;color:#bcc2d2;text-align:center}.page-footer .wrapper a{font-family:PingFangSC-Regular;font-size:12px;color:#bcc2d2}.page-footer .wrapper .footer-info p{margin-top:8px}.page-footer .wrapper .authentication{display:-webkit-box;display:-webkit-flex;display:-moz-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-webkit-align-items:center;-moz-box-align:center;-ms-flex-align:center;align-items:center;-webkit-justify-content:space-around;-ms-flex-pack:distribute;justify-content:space-around;width:100%}.page-footer .wrapper .authentication .item{display:-webkit-box;display:-webkit-flex;display:-moz-box;display:-ms-flexbox;display:flex}.page-footer .wrapper .authentication .item img{width:36px;height:36px}.page-footer .wrapper .authentication .item .item-text{margin-left:2px}.page-footer .wrapper .authentication .item .item-text p{color:#bcc2d2}

.page-header{width:100%;height:50px;background:#323b46;box-shadow:0px 0px 10px #323b46;-webkit-box-shadow:0px 0px 10px #323b46;-moz-box-shadow:0px 0px 10px #323b46}.page-header .wrapper{margin:0 auto;max-width:1200px;height:50px;position:relative;display:-webkit-box;display:-webkit-flex;display:-moz-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-webkit-align-items:center;-moz-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:justify;-webkit-justify-content:space-between;-moz-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between}.page-header .wrapper img{display:block;width:75px;height:auto}.page-header .wrapper .land{font-size:14px;color:#ffffff;width:70px}.page-header .wrapper .land-a{position:absolute;top:8px;right:0;width:156px}.page-header .wrapper .land-a .userInfo{display:-webkit-box;display:-webkit-flex;display:-moz-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-webkit-align-items:center;-moz-box-align:center;-ms-flex-align:center;align-items:center;font-family:PingFangSC-Medium;font-size:14px;color:#ffffff;-webkit-box-pack:justify;-webkit-justify-content:space-between;-moz-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between}.page-header .wrapper .land-a .userInfo img{width:34px;height:34px;-webkit-border-radius:50%;-moz-border-radius:50%;border-radius:50%}.page-header .wrapper .land-a .menus{display:none;position:relative;background:#323b46;width:133px;height:86px}.page-header .wrapper .land-a .menus div{width:100%;height:43px;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;padding:10px 19px;display:-webkit-box;display:-webkit-flex;display:-moz-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-webkit-align-items:center;-moz-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:justify;-webkit-justify-content:space-between;-moz-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;font-family:PingFangSC-Medium;font-size:14px;color:#bfccdc}.page-header .wrapper .land-a .menus div img{width:24px;height:24px}.page-header .wrapper .land-a .menus div:hover{background:#27303a}.page-header .wrapper .land-a:hover .menus{display:block;z-index:10}.page-header .wrapper span{display:inline-block;width:34px;height:20px}.page-header .wrapper span:first-child{text-align:center}.page-header .wrapper span:last-child{text-align:right}

.toast{position:fixed;bottom:10rem;margin:auto;left:0;right:0;display:inline-block;text-align:center;color:#fff;z-index:600;max-width:32rem}.toast .toast-content{display:inline-block;border:1px solid transparent;-webkit-border-radius:1rem;-moz-border-radius:1rem;border-radius:1rem;font-size:1.4rem;padding:1rem;background-color:rgba(74,74,74,0.96)}.toast.show{display:block}.toast.hide{display:none}

.login-page{position:absolute;width:100%;height:100%;background:rgba(0,0,0,0.5);z-index:20;display:-webkit-box;display:-webkit-flex;display:-moz-box;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-webkit-justify-content:center;-moz-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-webkit-align-items:center;-moz-box-align:center;-ms-flex-align:center;align-items:center;font-family:PingFangSC-Regular}.login-page .login-content{position:relative;background:#ffffff;-webkit-border-radius:10px;-moz-border-radius:10px;border-radius:10px;width:390px;height:366px;display:-webkit-box;display:-webkit-flex;display:-moz-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-webkit-align-items:center;-moz-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-orient:vertical;-webkit-box-direction:normal;-webkit-flex-direction:column;-moz-box-orient:vertical;-moz-box-direction:normal;-ms-flex-direction:column;flex-direction:column}.login-page .login-content .login-close{position:absolute;right:9px;top:9px;width:24px;height:24px;background:url("https://cdn.kaishuhezi.com/kstory/activity_flow/image/ce03d67b-1878-4abc-8b03-93cb299e9689.png") no-repeat;-webkit-background-size:100% 100%;-moz-background-size:100% 100%;-o-background-size:100% 100%;background-size:100% 100%}.login-page .login-content .login-title{margin-top:26px;font-family:PingFangSC-Medium;font-size:20px;color:#4a4a4a}.login-page .login-content .tel-number{margin-top:26px;border:1px solid #d8d8d8;-webkit-border-radius:4px;-moz-border-radius:4px;border-radius:4px;width:348px;height:42px;font-size:16px;color:#4a4a4a;line-height:14px;text-align:left;padding-left:14px;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box}.login-page .login-content input[type=number]{-moz-appearance:textfield}.login-page .login-content input[type=number]::-webkit-inner-spin-button,.login-page .login-content input[type=number]::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}.login-page .login-content .login-password{margin-top:20px;width:350px;display:-webkit-box;display:-webkit-flex;display:-moz-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-webkit-align-items:center;-moz-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:justify;-webkit-justify-content:space-between;-moz-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;font-size:16px}.login-page .login-content .login-password .password-input{border:1px solid #d8d8d8;-webkit-border-radius:4px;-moz-border-radius:4px;border-radius:4px;width:210px;height:42px;color:#4a4a4a;font-size:16px;line-height:14px;padding-left:14px;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box}.login-page .login-content .login-password .password-input:focus{outline:none;border:1px solid #7184ff}.login-page .login-content .login-password .get-password{display:-webkit-box;display:-webkit-flex;display:-moz-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-webkit-align-items:center;-moz-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-webkit-justify-content:center;-moz-box-pack:center;-ms-flex-pack:center;justify-content:center;border:1px solid #7184ff;-webkit-border-radius:4px;-moz-border-radius:4px;border-radius:4px;width:118px;height:42px;color:#7184ff;line-height:14px}.login-page .login-content .login-password .activite{opacity:0.4}.login-page .login-content input:focus{outline:none;border:1px solid #7184ff}.login-page .login-content .agreement{margin-top:22px;width:350px;text-align:left;font-size:13px;color:#4a4a4a;line-height:14px;display:-webkit-box;display:-webkit-flex;display:-moz-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-webkit-align-items:center;-moz-box-align:center;-ms-flex-align:center;align-items:center}.login-page .login-content .agreement .select-icon{width:16px;height:16px;background:url("https://cdn.kaishuhezi.com/kstory/activity_flow/image/0c0000d1-2fe4-4252-80ca-9f312dcffd88.png") no-repeat;-webkit-background-size:100% 100%;-moz-background-size:100% 100%;-o-background-size:100% 100%;background-size:100% 100%;margin-right:6px}.login-page .login-content .agreement .activite{background:url("https://cdn.kaishuhezi.com/kstory/activity_flow/image/bc577104-cea4-4376-a779-5b7b07a36ee5.png") no-repeat;-webkit-background-size:100% 100%;-moz-background-size:100% 100%;-o-background-size:100% 100%;background-size:100% 100%}.login-page .login-content .agreement span a{font-family:PingFangSC-Medium;font-size:13px;color:#7184ff;text-align:right;line-height:14px}.login-page .login-content .login-btn{margin-top:42px;background:#7184ff;-webkit-border-radius:4px;-moz-border-radius:4px;border-radius:4px;width:350px;height:44px;display:-webkit-box;display:-webkit-flex;display:-moz-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-webkit-align-items:center;-moz-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-webkit-justify-content:center;-moz-box-pack:center;-ms-flex-pack:center;justify-content:center;font-family:PingFangSC-Medium;font-size:16px;color:#ffffff}.login-page .login-content p{margin-top:10px;font-size:13px;color:#4a4a4a;line-height:14px;text-align:left}

html{font-family:PingFangSC-Regular}

html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,b,u,i,center,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,article,aside,canvas,details,embed,figure,figcaption,footer,header,hgroup,menu,nav,output,ruby,section,summary,time,mark,audio,video{margin:0;padding:0;border:0;font-size:100%;font-family:inherit;vertical-align:baseline;-webkit-tap-highlight-color:rgba(0,0,0,0);cursor:pointer;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box}article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section{display:block}h1,h2,h3,h4,h5,h6{font-weight:normal}ol,ul,menu{list-style:none}blockquote,q{quotes:none}blockquote:before,blockquote:after,q:before,q:after{content:'';content:none}img{-webkit-touch-callout:none}input,textarea,button,select,a{-webkit-appearance:none;-moz-appearance:none;appearance:none;outline:none;border:none;text-decoration:none;color:#4a4a4a}table{border-collapse:collapse;border-spacing:0}input:-webkit-autofill{-webkit-box-shadow:0 0 0 30px white inset}body{font-family:Arial, "Helvetica Neue", Helvetica, sans-serif;width:100%;overflow-x:hidden}

