*,*:before,*:after{-moz-box-sizing:border-box;box-sizing:border-box;margin:0;padding:0;}
body{font-family:"Microsoft YaHei","SimSun",Arial;color:#333;font-size:14px;line-height:1.42857143;word-break:break-all;background:url('https://base.qinnashouapp.com/static_ask/img/img_backgroung.jpg') #444 center center no-repeat; background-size: cover;background-attachment: fixed;}

.backend-body{background:url('https://base.qinnashouapp.com/static_ask/img/img_backgroung_dms.jpg') #444 center center no-repeat; background-size: cover;background-attachment: fixed;}




input,button,select,textarea{font-family:inherit;font-size:inherit;line-height:inherit;outline:none;-webkit-appearance:none;}
body,html,#app{height: 100%;}
/*去除加减按钮*/
input::-webkit-outer-spin-button,
input::-webkit-inner-spin-button {-webkit-appearance: none;}
input[type="number"] {-moz-appearance: textfield;}
/*浮动*/
.fr{float:right;}
.fl{float:left;}
.clearfix:after,.clearfix:before{content: "";display: table;}
.clearfix:after{clear: both;}
.clearfix{*zoom: 1;}
ol, ul, li {list-style: none;}
[v-cloak]{display:none!important;}
a{text-decoration: none;color: inherit;}
/*placeholder*/
::-webkit-input-placeholder{color: #A8ABB2;}
:-moz-placeholder{color: #A8ABB2;}
::-moz-placeholder{color: #A8ABB2;}
:-ms-input-placeholder{color: #A8ABB2;}
/*登录*/
.page-login{display: flex;align-items: center;flex-direction: column;padding-top: 100px;text-align: center;}
.page-login .logo-box{margin-bottom: 70px;font-size: 46px;font-weight: 500;color: #409EFF;}
.page-login .logo-box img{vertical-align: middle;/* margin-right: 12px; */margin-top: -3px;}
.page-login .login-box{width: 520px;border-radius: 10px;background: #fff;padding: 50px 0; box-shadow: rgba(0, 0, 0, .1) 0 10px 20px;margin:0 auto;}
.page-login .login-box .inner-box{width: 260px;margin: 0 auto;}
.page-login .login-box .title{font-size: 24px;font-weight: 400;color: #141414;margin-bottom: 40px;}
.page-login .login-box .title img{vertical-align: middle;margin-right: 10px;margin-top: -3px; width:26px}
.page-login .login-box .stitle{font-size: 14px;color: #409EFF;}
.page-login .login-box .stitle img{vertical-align: middle;margin-right: 5px;margin-top: -3px;}
.page-login .login-box .scode{width: 200px;height: 220px;margin: 0 auto;}
.page-login .login-box .scode iframe{width: 100%;height: 100%;}
.page-login .login-box .link{margin-top: 30px;}
.page-login .login-box .link a{font-size: 12px;font-weight: bold;color: #409EFF;text-decoration: underline;}
.page-login .login-box .link a:nth-child(2){margin-left: 60px;}
.page-login .login-box .inner-box .title{margin-bottom: 30px;}
.page-login .login-box .form-input{width:100%;height: 34px;padding: 0 6px;line-height: 32px;border: 1px solid #DCDFE6;border-radius: 4px;font-size: 14px;}
.page-login .login-box .code-box{display: flex;align-items: center;margin: 30px 0;}
.page-login .login-box .code-box input{flex: 1;}
.page-login .login-box .code-box button{flex-shrink:0;width: 102px;height: 34px;border-radius: 4px;background: #409EFF;font-size: 14px;color: #fff;border: 0;margin-left: 12px;}
.page-login .login-box .btn{display: block;width: 100%;height: 40px;border-radius: 4px;background: #409EFF;line-height: 40px;font-size: 14px;font-weight: bold;color: #fff;}
.guide-box{text-align: center;font-size: 14px;color: #3D3D3D;}
.guide-box img{vertical-align: top;margin-bottom: 5px;}
.guide-box a{display: block;width: 220px;height: 44px;border-radius: 100px;line-height: 42px;font-size: 16px;color: #FF842B;margin: 15px auto 0;border: 1px solid #FF842B;}
@media screen and (max-width: 550px) {
    .page-login{padding: 70px 28px 0;}
    .page-login .logo-box{margin-bottom: 40px;font-size: 32px;}
    .page-login .logo-box img{display: block;margin: 0 auto 10px;}
    .page-login .login-box{width:100%;padding-left: 30px;padding-right: 30px;}
    .page-login .login-box .inner-box{width: 100%;}
}
.flex{display:flex}
.flex-1{flex:1}
.gap15{gap:15px;}
.color-f{color:white!important;}
.vcenter{align-items:center;}
.center{justify-content:center;}
.bottom{position:fixed;width:100%;bottom:60px;}
.bottom .link{ background:rgba(0,0,0,.7); padding:5px 20px; border-radius:50px; }
.plr15{padding-left:15px;padding-right:15px;}
.mt15{margin-top:15px;}
.mt5{margin-top:5px;}
.text-vcenter{text-vcenter:middle}
.fz12{font-size:12px;}
.fz18{font-size:18px;}
.fz20{font-size:20px;}
.fz28{font-size:28px;}
.strong7{font-weight:700;}


.mobile-input{background:url("../img/icon_mobile_input.png")no-repeat 4px center/16px;text-indent:20px;}

.bg-redbook{background:#EC5A5A!important;}
.redbook {}
.bg-shorts{background: linear-gradient(0deg, #140404 0%, #3A1500 100%);!important;}
.left-line{background: linear-gradient(270deg, rgba(216, 216, 216, 0.6) 0%, rgba(216, 216, 216, 0) 100%) ;height:1px;}
.right-line{background: linear-gradient(270deg, rgba(216, 216, 216, 0) 0%, rgba(216, 216, 216, 0.6) 99%) ;height:1px;}
.sms-btn-bg{background: linear-gradient(0deg, #DE651E, #DE651E), #FFFFFF!important;}
.sms-login-btn{border: 2px solid #DE651E!important;border-radius: 4px;background: #FFFFFF!important;color: #DE651E!important;}
.login-btn-bg{background: linear-gradient(0deg, rgba(0, 0, 0, 0.2), rgba(0, 0, 0, 0.2)), linear-gradient(270deg, #FA8039 0%, #D92626 100%)!important;}
/*二维码样式 需要转成base64,放入href使用*/
/*.impowerBox .title{display: none;}*/
/*.impowerBox .qrcode{width: 100%;}*/