.color{color:#5F89F3 !important}.winos ::-webkit-scrollbar{width:8px;height:8px;background:#f2f2f2;padding-right:2px}.winos ::-webkit-scrollbar-thumb{background:#b4bbc5;border-radius:10px;border:0}.winos ::-webkit-scrollbar-thumb:hover{background-color:rgba(0,0,0,0.4)}*{margin:0;padding:0}body{width:100%;font-size:14px;font-family:"PingFang SC", -apple-system, BlinkMacSystemFont, Roboto, "Helvetica Neue", Helvetica, Arial, "Hiragino Sans GB", "Source Han Sans", "Noto Sans CJK Sc", "Microsoft YaHei", "Microsoft Jhenghei", sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}body .el-message{padding:12px;-webkit-box-shadow:0px 0px 5px rgba(0,0,0,0.15);box-shadow:0px 0px 5px rgba(0,0,0,0.15);background-color:white;border:none}body .el-message .el-message__content{color:black}body .el-loading-spinner .path{stroke:#5F89F3}input,button,select{outline:none;border-radius:0;font-size:14px;font-family:"PingFang SC", -apple-system, BlinkMacSystemFont, Roboto, "Helvetica Neue", Helvetica, Arial, "Hiragino Sans GB", "Source Han Sans", "Noto Sans CJK Sc", "Microsoft YaHei", "Microsoft Jhenghei", sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}input::-webkit-input-placeholder{color:#ABB4C3}input::-moz-placeholder{color:#ABB4C3}input:-moz-placeholder{color:#ABB4C3}input:-ms-input-placeholder{color:#ABB4C3}a{color:#000000;text-decoration:none}.hide{display:none}.fl{float:left}.fr{float:right}.c:after{display:block;clear:both;content:"";visibility:hidden;height:0}.noselect{-webkit-touch-callout:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.disabled{color:#ABB4C3}.cp{cursor:pointer}.w1200{width:1200px;margin:0 auto;-moz-box-sizing:border-box;-webkit-box-sizing:border-box;box-sizing:border-box}#app{width:100%;min-width:1200px;min-height:100vh;background-color:#F1F4F5}.header{width:100%;color:white;background:#252B3A}.header .topbar-top{-moz-box-sizing:border-box;-webkit-box-sizing:border-box;box-sizing:border-box;height:44px;line-height:44px;border-bottom:1px solid rgba(255,255,255,0.14)}.header .topbar-top .logo{display:block;float:left;color:white;height:44px}.header .topbar-top .logo img{width:150px;margin-top:6px}.header .topbar-top span{display:block;float:left;height:18px;line-height:18px;margin-top:12px;border-left:1px solid white;margin-left:10px;padding-left:8px;color:rgba(255,255,255,0.8)}.header .topbar-top .vip a{display:block;height:44px;min-width:80px;color:white;font-size:18px;float:left;text-align:center;position:relative;-webkit-transition:all cubic-bezier(0.25, 0.46, 0.155, 1) 0.3s;-moz-transition:all cubic-bezier(0.25, 0.46, 0.155, 1) 0.3s;transition:all cubic-bezier(0.25, 0.46, 0.155, 1) 0.3s}.header .topbar-top .vip a:hover{background:#5F89F3}.header .topbar-top .vip a:first-child{padding:0 12px}.header .topbar-top .vip a:first-child:before{content:'';display:block;width:1px;height:20px;border-left:1px solid white;position:absolute;right:0;top:12px}.header .topbar-bottom .topbar-nav-list{height:56px;position:relative}.header .topbar-bottom .topbar-nav-list>a,.header .topbar-bottom .topbar-nav-list>div{display:block;font-size:20px;color:white;float:left;margin-right:40px;height:56px;line-height:56px;border-bottom:3px solid transparent;-moz-box-sizing:border-box;-webkit-box-sizing:border-box;box-sizing:border-box;cursor:pointer}.header .topbar-bottom .topbar-nav-list>a:hover,.header .topbar-bottom .topbar-nav-list>div:hover{color:#5F89F3;border-bottom:3px solid #5F89F3}.header .topbar-bottom .topbar-nav-list .search-div{width:62px;height:56px;-webkit-transition:all cubic-bezier(0.25, 0.46, 0.155, 1) 0.3s;-moz-transition:all cubic-bezier(0.25, 0.46, 0.155, 1) 0.3s;transition:all cubic-bezier(0.25, 0.46, 0.155, 1) 0.3s;overflow:hidden;position:absolute;right:0;top:0;z-index:10}.header .topbar-bottom .topbar-nav-list .search-div a{display:inline-block;height:56px;line-height:56px;overflow:hidden;padding:0 20px}.header .topbar-bottom .topbar-nav-list .search-div img{height:22px;display:block;margin-top:16px}.next-btn{display:block;width:100%;height:60px;line-height:60px;background:#5F89F3;border-radius:5px;text-align:center;color:white;font-size:20px;border:none}.container{margin-top:50px}.container .w1200{-moz-box-sizing:border-box;-webkit-box-sizing:border-box;box-sizing:border-box;height:560px;background:white}.container .w1200>div{padding-top:40px;padding-bottom:40px;max-height:100%}.container .right{width:500px;padding-left:70px;color:#999999;-moz-box-sizing:border-box;-webkit-box-sizing:border-box;box-sizing:border-box;position:relative}.container .right:before{content:'';display:block;width:0;height:100%;border-left:1px solid #EEEEEE;position:absolute;left:-1px;top:0}.container .right .title{display:inline-block;padding:0 12px;height:42px;line-height:42px;color:#5F89F3;font-size:16px;background:#F5F6FA}.container .right p{font-size:14px;margin-top:20px}.container .right .qrcode{padding-bottom:20px;border-bottom:1px solid #EEEEEE;margin-bottom:20px;margin-right:60px}.container .right .qrcode span{display:inline-block}.container .right .qrcode img{display:block;width:97px}.container .right i{display:block;width:58px;height:2px;background:#5F89F3;margin:20px 0}.container .right .product{margin:-2px}.container .right a{display:block;width:120px;height:40px;line-height:40px;background:#F8F8F8;text-align:center;float:left;margin:2px;color:#999999;font-size:16px}.container .login-bg{background:url(../img/bg.png) no-repeat center center;background-size:cover}.container .login-bg .title,.container .login-bg a{background:rgba(255,255,255,0.1);color:white}.container .login-bg p{color:white;opacity:.5}.container .left{float:left;-moz-box-sizing:border-box;-webkit-box-sizing:border-box;box-sizing:border-box;width:700px;padding-right:80px;padding-left:80px}.container .form .title{height:42px;line-height:42px;color:black;font-size:22px;margin-bottom:20px}.container .form .title span{font-size:20px;color:#4A4A4A}.container .form .input{height:60px;border:1px solid #E1E1E3;background:#F8F8FA;border-radius:5px;margin-bottom:17px;position:relative}.container .form .input .icon{display:block;width:20px;height:26px;position:absolute;left:20px;top:16px}.container .form .input .icon-tel{background:url(../img/tel.png) no-repeat center center;background-size:19px auto}.container .form .input .icon-password{background:url(../img/password.png) no-repeat center center;background-size:19px auto}.container .form .input .icon-code{background:url(../img/code.png) no-repeat center center;background-size:19px auto}.container .form .input input{display:block;-moz-box-sizing:border-box;-webkit-box-sizing:border-box;box-sizing:border-box;font-size:16px;background:none;border:none;width:100%;height:100%;padding-left:60px}.container .form .input input:-webkit-autofill,.container .form .input input:-internal-autofill-previewed,.container .form .input input:-internal-autofill-selected{-webkit-box-shadow:0 0 0px 1000px #F8F8FA inset}.container .form .input .get-code{display:block;height:60px;line-height:60px;padding-right:14px;position:absolute;right:0;top:0;font-size:16px}.container .form .input .get-code span{margin-right:6px;font-size:25px;color:#ABB4C3;vertical-align:bottom}.container .form .input .get-code img{vertical-align:bottom;margin-bottom:20px}.container .form .next-btn{margin-top:30px}.container .form .input-pcode .input{display:inline-block}.container .form .input-pcode input{-moz-box-sizing:border-box;-webkit-box-sizing:border-box;box-sizing:border-box;width:330px}.container .form .input-pcode img{vertical-align:top;margin:0 16px;margin-top:17px}.container .form .input-pcode a{font-size:20px}.container .check-agreement{height:23px;line-height:23px;font-size:15px;color:#4A4A4A}.container .check-agreement input{display:none}.container .check-agreement label{overflow:hidden}.container .check-agreement span{display:inline-block;width:15px;height:15px;border:1px solid #E8E8E8;margin-right:5px;border-radius:2px;vertical-align:bottom;margin-bottom:3px}.container .check-agreement input:checked+span{background:url(../img/ch.png) #5F89F3 no-repeat center center;border-color:#5F89F3}.copyright{width:100%;color:#CDCDCD;text-align:center;font-size:16px;position:absolute;left:0;bottom:30px}.pop-up{width:100%;height:100%;position:fixed;top:0;left:0;background-color:rgba(0,0,0,0.5);z-index:1000;overflow-y:auto}.pop-up .pop-up-content{width:687px;position:absolute;left:50%;top:100px;-ms-transform:translateX(-50%);transform:translateX(-50%);margin-bottom:50px;height:760px}.pop-up .pop-up-content>div{width:100%;position:absolute;bottom:0}.pop-up .pop-up-content .up-1{bottom:6px;z-index:1}.pop-up .pop-up-content .up-1 img{display:block;width:670px;margin:0 auto}.pop-up .pop-up-content .up-2{padding:10px;bottom:6px;z-index:2;background:white;width:610px;height:560px;left:28px;padding-bottom:190px}.pop-up .pop-up-content .up-2 div{margin-top:10px;padding-top:0;height:530px;overflow-y:auto}.pop-up .pop-up-content .up-2 div::-webkit-scrollbar{width:10px}.pop-up .pop-up-content .up-2 div::-webkit-scrollbar-track{background:#D8D8D8;border-radius:10px}.pop-up .pop-up-content .up-2 div::-webkit-scrollbar-thumb{background:#3C7BFF;border-radius:10px}.pop-up .pop-up-content .up-2 div::-webkit-scrollbar-thumb:window-inactive{background:#3C7BFF}.pop-up .pop-up-content .up-2 div::-webkit-scrollbar-thumb:vertical:hover{background:#3C7BFF}.pop-up .pop-up-content .up-2 .up-cloes{position:absolute;top:10px;right:10px;display:block;width:20px;cursor:pointer}.pop-up .pop-up-content .up-2 .up-cloes img{display:block;width:100%}.pop-up .pop-up-content .up-2 h1{text-align:center;font-size:25px;font-weight:400;margin-top:10px}.pop-up .pop-up-content .up-2 p{font-size:16px;color:black;line-height:1.6;padding:10px 30px}.pop-up .pop-up-content .up-2 p span{color:#666}.pop-up .pop-up-content .up-3{z-index:3}.pop-up .pop-up-content .up-3 img{display:block;width:100%}