body,html{width:100%;height:100%;font-family:"PingFang SC","Microsoft Yahei","微软雅黑",Arial,Helvetica,sans-serif;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}body{background-color:#1d202a}.wrap{width:820px;margin:0 auto}header{width:100%;height:50px;line-height:50px;background-color:#0f1116}header .logo{width:96px;height:50px;text-align:center;background:url(/static/sobet/images/new/images/login/login-logo.png) center no-repeat}header .logo-svg{width:98px;height:50px;text-align:center;line-height:50px;font-size:0}header .logo-svg:hover .iconSvg{-webkit-transform:scale(1.06);transform:scale(1.06);-webkit-transition:all .5s ease-in .1s;transition:all .5s ease-in .1s}.logo-svg .iconSvg{display:inline-block;width:50px;height:50px;vertical-align:middle}.logo-svg .iconBor{display:inline-block;width:1.5px;height:26px;background-color:#333232;vertical-align:top;position:relative;left:-11.5px;top:11px}header ul{height:100%}header ul li{height:100%;width:80px;text-align:center;font-size:14px;color:#fff;cursor:pointer}header ul li .detail{display:none;position:absolute;top:50px;left:0;width:100%;height:145px;background-color:#0b0f19;font-size:14px;z-index:10;cursor:default}header ul li:hover{background-color:#0b0f19}header ul li:hover .detail{display:block}header li.about .detail .about_div{width:955px;margin:0 auto;height:145px;text-align:left}header li.about .detail i{display:inline-block;width:132px;height:94px;margin:25px 40px 0 0;background:url(/static/sobet/images/ab_d_icon.jpg) no-repeat}header li.about .about_div>div{width:80%;padding:10px 0}header li.about .detail p{line-height:30px}header li.about .detail p em{color:#a5843d}header li.line .detail .line_div{width:955px;margin:0 auto;line-height:145px}header li.line .detail .line_div a{display:inline-block;width:122px;height:122px;line-height:100px;background:url(/static/sobet/images/l_d_icon.png) no-repeat;margin:0 20px;border-radius:50%;color:#333;vertical-align:middle;cursor:pointer}header li.line .detail .line_div a.error{background-position:-185px 0}header li.contact a,header li.line a{display:inline-block;width:100%;height:100%;text-align:center;color:#fff}#main{padding-top:64px}#main .content{width:820px;height:400px;margin:0 auto 10px;padding-top:8px;border-radius:6px;-webkit-box-shadow:0 10px 24px rgba(0,0,0,.2);box-shadow:0 10px 24px rgba(0,0,0,.2);position:relative}.content .banner{height:400px;width:430px;position:absolute;z-index:-1}.content .banner .swiper-slide{background:url(/static/sobet/images/new/images/login/banner-login2.png) center no-repeat}.content .login{width:392px;height:100%;border-radius:6px;background-color:#353b4f}.login .login-content{width:344px;margin:0 auto}.login h3{line-height:72px;text-align:center;font-weight:700;font-size:22px;color:#fff}.login .input-user{position:relative;display:block}.login .icon{position:absolute;top:18px;left:18px;display:inline-block;width:14px;height:16px;background-repeat:no-repeat;background-position:center center}.login .icon.user-icon{background-image:url(/static/sobet/images/new/images/login/icon-user.png)}.login .icon.password-icon{background-image:url(/static/sobet/images/new/images/login/icon-password.png)}.login .input-user .text{width:302px;height:46px;padding-left:40px;background-color:#f8f2f2;border:1px solid #222b3b;border-radius:4px;-webkit-box-shadow:0 0 3px 0 rgba(0,0,0,.2);box-shadow:0 0 3px 0 rgba(0,0,0,.2);font-size:14px;color:#363848;-webkit-transition:all .2s ease;transition:all .2s ease;outline:0}.login .input-user .text:-webkit-autofill,.login .input-user .text:-webkit-autofill:focus,.login .input-user .text:-webkit-autofill:hover{-webkit-box-shadow:0 0 0 46px #e7f1f5 inset;box-shadow:0 0 0 46px #e7f1f5 inset;-webkit-text-fill-color:#333}.login .input-user .text:focus{border-color:#5de9fe;-webkit-box-shadow:0 0 3px 0 rgba(93,233,254,.7);box-shadow:0 0 3px 0 rgba(93,233,254,.7)}#user-name{margin-bottom:20px}.login .forget-pwd{display:inline-block;line-height:40px;margin:0 6px;font-size:14px;color:#bac0d8}.login .login-btn .input-code{display:none;position:relative}.login .login-btn .input-code .text{width:195px;height:46px;padding-left:40px;background-color:#f8f2f2;border:1px solid #222b3b;border-radius:4px;-webkit-box-shadow:0 0 3px 0 rgba(0,0,0,.2);box-shadow:0 0 3px 0 rgba(0,0,0,.2);font-size:14px;color:#363848;-webkit-transition:all .2s ease;transition:all .2s ease;outline:0}.login .login-btn .input-code .text:focus{border-color:#5de9fe;-webkit-box-shadow:0 0 3px 0 rgba(93,233,254,.7);box-shadow:0 0 3px 0 rgba(93,233,254,.7)}.login .icon.code-icon{background-image:url(/static/sobet/images/new/images/login/icon-valicode.png)}.login .verifycode{position:absolute;right:5px;top:7px;width:100px;height:36px;cursor:pointer}.login .login-btn.login-code .input-code{display:block}.login-content .serve-tit{position:relative;line-height:18px;margin-top:10px}.serve-tit #serveInput{visibility:hidden}.serve-tit label{width:14px;height:14px;position:absolute;left:0;top:1px;cursor:pointer;vertical-align:middle;background:url(/static/sobet/images/new/images/svg/check.svg) center/100% no-repeat}.serve-tit label.on_check{background:url(/static/sobet/images/new/images/svg/check-on.svg) center/100% no-repeat}.serve-tit .serve-text{color:#d4e4eb;font-size:12px;text-indent:20px;margin-bottom:6px}.serve-text .serve-clause{color:#fff;cursor:pointer;font-size:12px;margin-bottom:10px}.serve-text .serve-clause:hover{text-decoration:underline}.serviceBox{border-radius:12px}.serviceBox .ui-dialog-close{display:none}.serviceBox .ui-dialog-title{text-align:center;font-size:18px;line-height:37px;background-image:-webkit-gradient(linear,left top,left bottom,from(#cc313a),to(#b42727));background-image:linear-gradient(to bottom,#cc313a,#b42727);color:#fff;font-weight:400}.serviceBox .ui-dialog-body{padding:30px 50px;font-size:14px;color:#000}.serviceBox .ui-dialog-footer{padding-bottom:30px}.serviceBox .ui-dialog-button button{font-size:14px;color:#fff;width:120px;height:33px;text-align:center;background-image:-webkit-gradient(linear,left top,left bottom,from(#cc313a),to(#b42727));background-image:linear-gradient(to bottom,#cc313a,#b42727)}.login .login-btn .btn{position:relative;width:100%;height:50px;line-height:50px;text-align:center;background-image:-webkit-gradient(linear,left top,left bottom,from(#ff6468),to(#dd575a));background-image:linear-gradient(to bottom,#ff6468,#dd575a);border-radius:4px;font-size:18px;color:#fff;cursor:pointer}.login .login-btn .btn.disabled{opacity:.5;cursor:not-allowed;pointer-events:none}#hcaptcha{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;margin-bottom:12px}.login .login-btn.login-code .btn{width:96px}.login .login-btn .btn:active{background:#c54d51}.login .login-msg,.login .service-error{display:none;position:relative;margin-top:10px;padding-left:20px;font-size:12px;color:#ff6363}.login .login-msg i,.login .service-error i{position:absolute;top:0;left:0;display:inline-block;width:12px;height:12px;margin:1px 4px;background:url(/static/sobet/images/new/images/login/icon-tip.png) center no-repeat}.login .login-msg span,.login .service-error span{word-break:break-all}#main .download{width:823px;margin:0 auto 50px;border-radius:6px;-webkit-box-shadow:0 10px 24px rgba(0,0,0,.2);box-shadow:0 10px 24px rgba(0,0,0,.2);overflow:hidden}.download li{display:inline-block;width:205px;height:70px;line-height:70px;border-left:1px solid #232733;background-color:#282c3b}.download li:first-child{border-left:none}.download li img{margin-left:18px;vertical-align:middle}.download li span{display:inline-block;width:136px;line-height:20px;margin-left:5px;color:#d9d9dc;font-size:18px;font-weight:700;vertical-align:middle}.download li span em{display:inline-block;font-size:12px;color:#586587}.nickname-main{background-color:rgba(0,0,0,.7);border-radius:10px}.nicknameContent,.nicknameContent *{-webkit-box-sizing:border-box;box-sizing:border-box}.nicknameContent i{font-style:normal}.nicknameContent .setNickname{height:52px;line-height:52px;padding-left:30px;background-color:#0c0c0c}.nicknameContent .setNickname>span:nth-child(1){font-size:16px;font-weight:700;text-align:left;color:#ff6468;vertical-align:middle}.nicknameContent .setNickname>span:nth-child(2){width:56px;height:17px;font-size:14px;font-weight:700;color:#666}.nicknameContent .username{padding-left:70px;margin:20px 0;font-size:0}.nicknameContent .username>span:nth-child(1){display:inline-block;width:60px;font-size:14px;text-align:left;color:#fff}.nicknameContent .username>span:nth-child(2){font-size:14px;text-align:left;color:#ff6468}.nicknameContent .nickname{padding-left:70px;font-size:0}.nicknameContent .nickname>span:nth-child(2){display:inline-block;width:60px;font-size:14px;text-align:left;color:#fff}.nicknameContent .nickname>span:nth-child(3)>input{width:210px;height:36px;border-radius:2px;border:none;background-color:#fff;text-indent:10px;outline:0}.nicknameContent .nickname>i.nicknameTip{font-size:12px;text-align:left;color:#9a9a9a;display:block;margin:10px 0 20px 60px}.nicknameContent .modifyPwd{height:52px;line-height:52px;padding-left:30px;background-color:#0c0c0c}.nicknameContent .modifyPwd>span:nth-child(1){font-size:16px;font-weight:700;text-align:left;color:#ff6468;vertical-align:middle}.nicknameContent .modifyPwd>span:nth-child(2){font-size:14px;font-weight:700;color:#666;vertical-align:middle}.nicknameContent .oldPwd{margin:20px 0 40px 28px;font-size:0}.nicknameContent .oldPwd>span:nth-child(1){display:inline-block;width:100px;font-size:14px;text-align:left;color:#fff}.nicknameContent .oldPwd>span:nth-child(2)>input{width:210px;height:36px;border-radius:2px;border:none;background-color:#fff;text-indent:10px;outline:0}.nicknameContent .newPwd{position:relative;margin:0 0 50px 28px;font-size:0}.nicknameContent .newPwd>span:nth-child(1){display:inline-block;width:100px;font-size:14px;text-align:left;color:#fff}.nicknameContent .newPwd>span:nth-child(2)>input{width:210px;height:36px;border-radius:2px;border:none;background-color:#fff;text-indent:10px;outline:0}.nicknameContent .newPwd>i.newPwdTip{position:absolute;bottom:-20px;left:100px;font-size:12px;text-align:left;color:#9a9a9a}.nicknameContent .confirmPwd{position:relative;margin:0 0 40px 28px;font-size:0}.nicknameContent .confirmPwd>span:nth-child(1){display:inline-block;width:100px;font-size:14px;text-align:left;color:#fff}.nicknameContent .confirmPwd>span:nth-child(2)>input{width:210px;height:36px;border-radius:2px;border:none;background-color:#fff;text-indent:10px;outline:0}.nicknameContent .confirmPwd>i.confirmPwdTip{position:absolute;bottom:-20px;left:100px;font-size:12px;text-align:left;color:#9a9a9a}.ui-dialog.nickname{background-color:transparent;-webkit-box-shadow:none;box-shadow:none}.ui-dialog.nickname .ui-dialog-body{padding:0}.nickButtons{padding-bottom:20px}#saveNickname{display:inline-block;width:164px;height:44px;line-height:44px;border-radius:5px;background-color:#ff6468;-webkit-box-shadow:0 2px 4px 0 rgba(0,0,0,.5);box-shadow:0 2px 4px 0 rgba(0,0,0,.5);text-align:center;font-size:18px;color:#fff;margin:0 10px 0 100px;cursor:pointer}#skipNickname{display:inline-block;width:158px;height:38px;line-height:38px;border:3px solid #878787;border-radius:5px;text-align:center;font-size:18px;color:#878787;cursor:pointer}#skipNickname:hover{-webkit-transition:all .2s ease;transition:all .2s ease;color:#686868;border-color:#686868}.nickButtons .nickExplain{margin:20px 0 0 50px;color:#878787;font-size:14px}.nickButtons .nickExplain>span:nth-child(1){display:inline-block}.nickButtons .nickExplain>span:nth-child(2){display:inline-block;vertical-align:top}.nicknameContent .newPwd .passwordLevel{background:#858585;width:150px;text-align:center;height:20px;line-height:20px;font-size:0;margin:5px 0 0 105px;text-indent:0}.nicknameContent .newPwd .passwordLevel span{float:left;height:20px;line-height:20px;font-size:14px;width:50px;text-align:center;-webkit-box-sizing:border-box;box-sizing:border-box;border-right:1px solid rgba(0,0,0,.1)}.nicknameContent .newPwd .passwordLevel span:nth-child(3){border-right:none}.nicknameContent .newPwd .passwordLevel span.pswWeakColor{background-color:#ff4545}.nicknameContent .newPwd .passwordLevel span.pswMidium{color:#fff;font-weight:700}.nicknameContent .newPwd .passwordLevel span.pswMidiumColor{background-color:#ffd35e;border-right:1px solid #e9ae10}.nicknameContent .newPwd .passwordLevel span.pswStrongColor{background-color:green}.ui-dialog-close{position:absolute;top:10px;right:12px;width:24px;height:24px;border-radius:50%;padding:0;line-height:24px;border:none;text-align:center;font-size:20px;color:#fff;background-color:#c5c5c5;text-shadow:none;opacity:1;z-index:110;cursor:pointer}.ui-dialog-close::-moz-focus-inner{border:none;padding:0}.ui-dialog-close:focus,.ui-dialog-close:hover{outline:0;opacity:1;background-color:#f24944}.footer-t img{border:none}@media screen and (min-height:768px){footer{position:absolute;bottom:0;left:0;width:100%;z-index:10}}footer .footer-t{width:100%;padding:18px 0;text-align:center}footer .footer-b{width:100%;height:45px;line-height:45px;background-color:#13151c}.footer-b .fl>img{vertical-align:middle}.footer-b .fl span{font-size:12px;color:#fff}.footer-b .fl span>img{vertical-align:middle}.footer-b .fr span{font-size:12px;color:#fff}.footer-b .fr img{vertical-align:middle}#main .gg{position:fixed;width:54px;height:200px;right:0;top:114px}.gg .login-paofen-pic{display:block;width:100%;height:100%;background:url(/static/sobet/images/jindin_side.gif) center/100% 100% no-repeat}.gg .login-paofen-list{position:absolute;top:25%;right:80px;width:100px;text-align:left;line-height:initial;background-color:#333;-webkit-transition:all ease-in-out .3s;transition:all ease-in-out .3s;opacity:0;z-index:-1;border-radius:10px;background:rgba(123,4,4,.8)}.gg:hover .login-paofen-list{z-index:500;right:60px;opacity:1}.gg .login-paofen-wrap{width:100px}.gg .login-paofen-wrap a{display:block;width:100px;line-height:50px;color:#fff;-webkit-text-decoration-line:none;text-decoration-line:none;font-size:14px;text-align:center}.gg .login-paofen-wrap a:hover{color:#deb374}.googleAuth .ui-dialog-title{color:#fff;background:#bf091a}.google-input-container{margin:54px 0 0 20px}#googlePassword{height:24px;width:250px;margin-left:20px}#googleValidForm .login-msg{margin-top:10px}#googleValidForm .login-msg .error-msg{display:block;width:266px;margin-left:114px;color:#bf091a}.google-btn-container{position:absolute;top:80%;left:87%}.google-btn-container .btn{color:#fff;background:#bf091a;border:none;border-radius:4px;width:64px;height:29px}.google-btn-container .btn.disabled{opacity:.5;cursor:not-allowed;pointer-events:none}#hcaptchaG{margin-top:8px}#passwordValidForm{position:absolute;width:400px;background-color:#fff;top:50%;left:50%;-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%);border-radius:10px;padding:10px 20px;-webkit-box-sizing:border-box;box-sizing:border-box}#passwordValidForm .setting-pwd-question{height:40px;line-height:40px;width:100%;text-align:center}#passwordValidForm .row{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;height:40px;border-bottom:1px solid #d9d9dc}#passwordValidForm .row .question-fl{width:80px;font-size:14px}#passwordValidForm .row .selectQuestion{height:40px;color:#666;border:none;outline:0;-webkit-box-flex:1;-ms-flex:1;flex:1}#passwordValidForm .row .answer{height:36px;color:#666;border:none;outline:0;-webkit-box-flex:1;-ms-flex:1;flex:1}.password-btn-container{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;margin-top:30px;margin-bottom:10px}.password-btn-container .cancel{color:#fff;background:#909399;border:none;border-radius:4px;width:150px;height:29px;cursor:pointer;margin-right:20px}.password-btn-container .confirm{color:#fff;background:#ecbf36;border:none;border-radius:4px;width:150px;height:29px;cursor:pointer}#hcaptcha2{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;margin-top:30px}.set-password p{margin-top:10px;text-align:center}.question-box{margin-bottom:30px}