*{margin:0;padding:0}p{margin-bottom:0}.trangle1{height:0;width:0;border:28px solid #000;border-top-color:transparent;border-bottom-color:#fff;border-left-color:#fff;border-right-color:transparent;position:absolute;top:0;left:0}.d-flex{display:flex !important}.align-items-center{align-items:center !important}.justify-content-between{justify-content:space-between !important}.flex-column{flex-direction:column !important}.justify-content-center{justify-content:center !important}.head .login-btn,.login-box .login-btn{display:block;color:#000;padding:5px 15px}.head .nav{align-items:center;font-size:16px;display:flex}.mask{display:none;position:fixed;top:0;left:0;width:100%;height:100%;z-index:999998;background:rgba(0,0,0,.5);opacity:1}.login-modal{padding:30px;width:484px;background:#fff;border-radius:4px;position:relative}.login-fixed{z-index:999999;position:fixed;left:50%;top:50%;transform:translate(-50%,-50%)}.login-modal .switch-tab{border-bottom:1px solid #e5e6eb;color:#1d2129;font-size:20px}.login-modal .switch-tab span{height:50px;display:block;color:#86909c;position:relative;cursor:pointer}.login-modal .switch-tab span~span{margin-left:60px}.login-modal .switch-tab span.active,.login-modal .switch-tab span:hover{color:#1d2129}.login-modal .switch-tab span:after{content:"";display:block;width:0;position:absolute;bottom:0;left:50%;transform:translateX(-50%);height:4px;border-radius:5px;transition:.2s linear all}.login-modal .switch-tab span.active:after{width:100%}.login-modal .board{width:424px;display:none}.login-modal .board.account{padding-top:20px;display:block}.login-modal .board.phone{padding-top:20px}.login-modal .board .text-input{display:block;width:424px;height:48px;background:#f2f3f5;border-radius:4px;padding:0 16px;border:0;box-sizing:border-box;color:#1d2129}.login-modal .board .text-input.error{background:#ffefed}.login-modal .board .text-input:hover{background:#e5e6eb !important}.login-modal .board .text-input:focus{background:#fff !important}.login-modal .phone-prefix{width:108px;height:48px;border-right:1px solid #e5e6eb;background:#f2f3f5;border-top-left-radius:4px;border-bottom-left-radius:4px;color:#1d2129;position:relative}.login-modal .phone-prefix-menu{position:absolute;top:56px;left:0;min-width:200px;max-width:400px;max-height:300px;overflow-y:auto;background:#fff;z-index:100;box-shadow:0 6px 12px rgb(0 0 0/18%);border-radius:4px}.login-modal .phone-prefix-menu li{padding:12px;font-size:14px;color:#000;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;transition:color .1s cubic-bezier(0,0,1,1),border-color .1s cubic-bezier(0,0,1,1),background-color .1s cubic-bezier(0,0,1,1)}.login-modal .phone-prefix-menu li:hover{background:#f2f3f5;cursor:pointer}.login-modal .board .line-phone{margin-bottom:6px}.login-modal .board .line-phone .text-input{border-top-left-radius:0;border-bottom-left-radius:0}.login-modal .board .line-verify .text-input{width:264px}.login-modal .board .line-phone .icon-xiangxia{margin-left:6px;font-size:12px;transform:scale(.8)}.login-modal .board .line-verify .query-code{margin-left:16px;display:block;width:144px;height:48px;border-radius:4px;line-height:48px}.login-modal .board .line-verify .query-code.disabled{color:#c9cdd4}.login-modal .board .text-input.error{background:#ffefed}.login-modal .board .line{height:70px;position:relative}.login-modal .board .error{display:block;position:absolute;bottom:2px;left:16px;color:#ff4930;font-size:12px;display:none}.login-modal .board .text-input.error{display:block;position:static}.login-modal .remember-checkbox{margin-right:6px;width:14px;height:14px;background:#fff;border:2px solid #e5e6eb;border-radius:2px}.login-modal .remember-line{color:#4e5969}.login-modal .remember-line label{margin-bottom:0}.login-modal .line-btn{padding-top:20px}.login-modal .button{display:block;width:424px;height:48px;border-radius:4px;font-size:16px;text-align:center;line-height:48px;cursor:pointer}.login-modal .button.disabled{opacity:.7}.login-modal input.text-input::-moz-placeholder{color:#86909c}.login-modal input.text-input:-moz-placeholder{color:#86909c}.login-modal input.text-input:-ms-input-placeholder{color:#86909c}.login-modal a{color:#387ffa}.login-modal a:hover{text-decoration:underline}.login-modal .line-link{color:#86909c;padding:0 0 25px}.login-modal .line-exchange{color:#86909c;font-size:12px;position:relative}.login-modal .line-exchange span{display:inline-block;padding:0 10px;background:#fff}.login-modal .qrcode{padding-bottom:20px}.login-modal .line-exchange::after{content:"";display:block;position:absolute;top:8px;left:0;width:100%;border:1px dashed #e5e6eb;z-index:-1}.login-modal .line-icons{padding:20px 0 18px 0}.login-modal .line-icons .item{width:60px;height:60px}.login-modal .line-icons img{width:60px;height:auto}.login-modal .line-icons .item~.item{margin-left:60px}.login-modal .icon-pwd{position:absolute;box-sizing:content-box;padding:5px;right:10px;top:12px;display:block;width:16px;height:16px;background:url(https://cdn.huomc.com/image/icon_pwd.png) no-repeat center;background-size:16px auto;background-position:5px 4px}.login-modal .icon-pwd-hide{background-image:url(https://cdn.huomc.com/image/icon_pwd_see.png);background-position:4px 4px}.login-modal .code{width:200px;height:200px;padding:15px;position:relative}.login-modal .close-icon{cursor:pointer;position:absolute;right:-32px;top:-32px;width:32px;height:32px;border-radius:50%;background:rgba(78,89,105,.6)}.login-modal .code .refresh{position:absolute;left:0;top:0;width:200px;height:200px;background:rgba(255,255,255,.9)}.login-modal .close-icon .iconmb{width:20px}.login-modal .code .refresh .icon{display:block;width:23px;height:23px;background:#387ffa;margin-bottom:10px;border-radius:50%;color:#fff}.login-modal .code .refresh .icon:hover{text-decoration:none}.login-modal .code .refresh .iconmb{margin-left:2px;margin-bottom:2px}.login-modal .code img{width:100%;height:100%}.login-modal .corner{position:absolute;right:27px;top:10px;width:54px}.login-modal .corner img{width:54px;cursor:pointer;display:none}.login-modal #for-qrcode{display:block}@media screen and (max-width:1200px){body{-webkit-overflow-scrolling:touch}body.mobile-body section,body.mobile-body header,body.mobile-body footer{width:0}.mask{opacity:1}.target-side{right:0;margin-left:0}body.mobile-body{width:100%;height:100%;overflow-x:visible;margin:0 auto}.login-modal .board .line,.login-modal .board,.login-modal .board.account,.login-modal .board .line,.login-modal .board .text-input,.registerPhone{width:100%}.login-modal .button{width:100%}.carousel{height:500px}.carousel-inner,.carousel-inner .carousel-item{height:500px !important}}