@charset "utf-8";
li{list-style:none}
.toLogin{display:none;}
/**
 * PC端
 */
@media screen and (min-width:768px){
 #loginPage{min-height: 540px;}
 footer .footTop{display:none;}
 .baseHeadCenter.dep{background: #1c1c1c;}
 .baseHeadCenter.account .wrap.dep{height: 139px;}
 .baseHeadCenter.account .wrap.dep .logo{height: 119px;}
 .baseHeadCenter .logo img{ width: 100%;height: 100%;display: block; }
 .loginWrap{width:1000px;height:540px;overflow:hidden;margin:50px auto;box-sizing:border-box;background: #FFFFFF; border-radius:16px;padding: 40px 88px;}
 .login-image{ width: 460px;height: 348px;float: left;margin-top: 60px; display: none;}
 .login-image img{ width: 460px;height: 348px;display: block; }
 .loginForm{width:400px;padding:0px 24px;font-size:14px;position:relative;height: 100%;box-sizing: border-box;margin: 0 auto;}
 .loginForm h2{color:#FF5B00;font-size:24px;font-weight:bold;line-height:30px;text-align: center;}
 .loginForm h2.dep{color:#977fb9;}
 .loginForm .formLine-tabs{ width: 100%;height: 66px;box-sizing: border-box;padding: 21px 48px;float: left;margin-bottom: 10px;}
 .loginForm .formLine-tabs .tabs-item{ width: 50%;height: 24px;box-sizing: border-box;font-weight: bold;float: left;display: block;line-height: 24px;font-size: 18px;color: #22272E;position: relative;text-align: center;}
 .loginForm .formLine-tabs .tabs-item:before{content: '';width: 24px;height: 4px;background: #FFFFFF;position: absolute;bottom: -5px;left: 50%;margin-left: -12px;}
 .loginForm .formLine-tabs .tabs-item.current{color: #ff5b00;}
 .loginForm .formLine-tabs .tabs-item.current:before{background: #E15621;}
 .loginForm .formLine-tabs .tabs-item.dep.current{color: #977fb9;}
 .loginForm .formLine-tabs .tabs-item.dep.current:before{background: #977fb9;}
 .loginForm form{margin-top:10px;}
 .loginForm .formLine{width: 100%; height:70px;padding:0;float: left;position: relative;}
 .loginForm .formLine.smscode{width:100%;}
 .loginForm .formLine .code-btn{width: 130px;height: 48px;line-height: 48px;text-align: center;font-size: 14px;color: #FF5B00;position: absolute;right: 0;top: 0;border-radius: 0 30px 30px 0;}
 .loginForm .formLine .code-btn.disabled{opacity: .4;color: #50607a;}
 .loginForm .formLine .code-btn.dep{ color: #977fb9; }
 .loginForm input{height:48px;line-height:48px;background-color: #f3f6f8;border: none;border-radius: 8px;}
 .loginForm input.smscode{padding-right: 96px;box-sizing: border-box;}
 .loginForm .checked{top:14px;}
 .loginForm .forget{width: 100%;float: left; text-align:right;color:#4a4f58;font-size:14px;line-height:30px;margin:0 0 10px 0;}
 .loginForm .forget .btn{float: left;color: #E15621;}
 .loginForm .forget.dep .btn{float: left;color: #977fb9;}
 .loginForm .submit{height:44px;line-height:0;font-size:0;text-align:justify;margin-top:10px;width: 100%;float: left;}
 .loginForm .submit:after{content:'';display:inline-block;width:100%}
 .loginForm .submit .btn{display:inline-block;box-sizing:border-box;width:100%;height:48px;line-height:48px;background-color:#ffe6dc;border-radius:8px;border:none;text-align:center;color:#FF5B00;font-size:14px;cursor:pointer}
 .loginForm .submit button.btn{background:linear-gradient(90deg, #FF9300 0%, #FF5B00 100%);color:#FFF}
 .loginForm .submit button.btn.dep{background:linear-gradient(90deg, #977fb9 0%, #1c1c1c 100%);color:#FFF;border-color:#977fb9;}
 .loginForm .submit button.disabled{background:#E1E1E1 !important;color:#F7F7F7;border-color:#E1E1E1 !important;}
 .loginForm .login-line{width: 100%;height: 1px;background: #E2E2E2;margin-top: 10px;float: left;position: relative;}
 .loginForm .login-line span{display: block;line-height: 24px;padding: 0 5px;text-align: center;font-size: 12px;color: #999999;position: absolute;background: #FFFFFF;left: 50%;top: -12px;margin-left: -40px;}
 /*.loginForm .submit .btn:hover{opacity:.8}*/
 .loginForm .from-wechat{width: 100%;height: 40px;margin-top: 20px;float: left;}
 .loginForm .codeBtn{width:40px;height:40px;display: block;margin: 0 auto;}
 .loginForm .codeBtn:before{width:40px;height:40px;background-position:0 -26px;}
 .loginForm .qrCodeBox{text-align:center;margin-top: 70px;}
 .loginForm .qrCode{width:168px;height:168px;border-radius:2px;border:solid 1px #ffb496;margin:27px auto 0 auto}
 .loginForm .qrInfo{text-align:center;height:44px;line-height:44px;font-size:16px;color:#93979f}
 .loginForm .changeBtn{display:inline-block;height:24px;line-height:24px;color:#FF5B00;font-size:16px;position:absolute;right:-70px;top:5px;}
 .loginForm .changeBtn:before{width:24px;height:24px;background-position:-175px -251px;vertical-align:top;margin-right:6px}
 .loginForm .showPwd{position:absolute;right:22px;top:16px;width:22px;height:16px;cursor:pointer}
 .loginForm .showPwd:before{width:22px;height:20px;background-position:-240px -299px}
 .loginForm .showPwd.on:before{width:22px;height:20px;background-position:-205px -299px}
 .fix-tips {background: -webkit-gradient(linear,left top,right top,color-stop(0,#4d4d4d),color-stop(.4,#4d4d4d),color-stop(.5,#fff),color-stop(.6,#4d4d4d),color-stop(1,#4d4d4d));-webkit-background-clip: text;-webkit-text-fill-color: transparent;-webkit-animation: slidetounlock 3s infinite;color: #787878 !important;}
 @keyframes slidetounlock { 0% {background-position: -100px 0;} 100% {background-position: 100px 0;} }
 #qrCodeWrap{position:relative}
 #qrCodeWrap .model{position:absolute;width:200px;height:200px;top:0;left:76px;display:flex;justify-content:center;align-items:center;background:rgba(255,255,255,1);color:#000;z-index:99999;cursor:pointer;border:1px solid #EBEBEB}
 #qrCodeWrap .model .refresh{width:21px;height:21px;display:block;margin:0 auto 3px}
 #qrCodeWrap .model .refresh-div{width:100px;height:64px;display:block}
 #qrCodeWrap .model .refresh-div p{text-align:center;font-size:14px;line-height:20px}
 .baseHeadCenter.account .accountLogin{display:none}
 .bg{width: 100%;height: 100%;position: fixed;top: 0;left: 0;right: 0;bottom: 0;z-index: 99999999;font-family: inherit;overflow: hidden;background-color: #4444444f;opacity: 0}
 .bg .bg-content{width: 338px;height: 234px;position: absolute;top: 0;bottom: 0;right: 0;left: 0;margin: auto;z-index: 9999;background: #fff;}
 .bg .bg-content .bg-tittle{height: 42px;line-height: 42px;font-size: 16px;background:#f8f8f8;color: #333333;padding: 0 16px;position: relative}
 .bg-tittle .icon{width: 25px;height: 25px;position: absolute;right: 10px;top: 10px;cursor: pointer;}
 .bg-tittle .icon:before{ width: 25px;height: 25px;background-position: -313px 0px;}
 .bg .bg-content .text-conten{padding: 16px;}
 .bg .bg-content .text-conten .status{color: #333333;font-size: 16px;line-height: 26px;margin-bottom: 30px;text-align: center;}
 .bg .bg-content .text-conten .tip-p{text-align: center;color:#FF5B00;font-size: 14px;line-height: 26px }
 .bg .bg-content .text-conten div{cursor: pointer;text-align: center;background: #FF5B00;width: 128px;height: 32px;line-height: 32px;color: #fff;margin: auto;border-radius: 2px;margin-top: 20px}
 .foot{width:100%;height:96px;background:#F5F5F5;margin-top:80px}
 .footer{margin:0 auto;text-align:center;height: 96px;box-sizing: border-box;padding: 20px 0;}
 .footer p{line-height: 30px;color: #666666;}
 .footer p span{margin:0 5px}
 .footer p span a{color: #666666;}
 .footer p span a:hover{color: #E15621;}
 .footer p span img.icp{width: 18px;height: 18px;display: inline-block;}
 /*极验*/
 .verify-wrap{margin-top: 0;float: left;height: 46px;border-radius: 8px;}
 .verify-wrap .drag-btn{left:2px;top: 2px;height: 40px;border-radius:8px;border:1px solid #b8bfca;}
 .verify-wrap .fix-tips, .verify-msg{line-height: 44px;border-radius: 8px;}
 .verify-wrap .drag-progress{ top: 2px;border-radius: 8px 0 0 8px;}
 .verify-wrap .suc-drag-btn{ border-radius: 8px; }

}

/**
* 移动端
*/
@media screen and (max-width:768px){
 body{background:#FFF}
 footer{display:none}
 .baseHeadCenter.account{ display: none;}
 .baseHeadCenter.account.dep{background: #1c1c1c;height: 21.4vw;}
 .baseHeadCenter.account .wrap.dep .logo{height: 19.2vw;}
 .baseHeadCenter .logo img{ width: 100%;height: 100%;display: block; }
 .loginForm .showPwd{display:none;}
 .login-image{display: none;}
 .loginForm{text-align:center;margin:40vw auto 0}
 .loginForm h1{color:#22272e;font-size:6.4vw;font-weight:bold;line-height:10vw}
 .loginForm h2{font-size:3.1vw;font-weight:normal;line-height:5.4vw;color:#627386;}
 .loginForm .title h2{font-size: 5vw;font-weight: bold;line-height: 20vw;color: #FF5B00;}
 .loginForm h2.dep{color:#977fb9;}
 .loginForm .formLine-tabs{ width: 100%;height: 12vw;box-sizing: border-box;padding: 2vw 10vw;margin-bottom: 2vw;}
 .loginForm .formLine-tabs .tabs-item{ width: 50%;height: 24px;box-sizing: border-box;float: left;display: block;font-weight: bold;line-height: 24px;font-size: 18px;color: #22272E;position: relative;text-align: center;}
 .loginForm .formLine-tabs .tabs-item:before{content: '';width: 24px;height: 4px;background: #FFFFFF;position: absolute;bottom: -5px;left: 50%;margin-left: -12px;}
 .loginForm .formLine-tabs .tabs-item.current{color: #ff5b00;}
 .loginForm .formLine-tabs .tabs-item.current:before{background: #E15621;}
 .loginForm .formLine-tabs .tabs-item.dep.current{color: #977fb9;}
 .loginForm .formLine-tabs .tabs-item.dep.current:before{background: #977fb9;}
 .loginForm form{width:100%;box-sizing: border-box;padding: 0 8vw;}
 .loginForm .formLine{height:16.4vw;padding:0;position: relative;}
 .loginForm .formLine.smscode{width: 100%;}
 .loginForm input{height:12vw;line-height:8vw;padding: 2vw 0;box-sizing: border-box;border-radius: 2vw;background: #f3f6f8;border: none;}
 .loginForm .formLine .code-btn{width: 24.8vw;height:12vw;line-height: 12vw;text-align: center;font-size:3.4vw;color: #FF5B00;position: absolute;right: 0;top: 0;border-radius: 0 6vw 6vw 0;}
 .loginForm .formLine .code-btn.dep{ color: #977fb9; }
 .loginForm .formLine .code-btn.disabled{opacity: .4;color: #50607a;}
 .loginForm input.smscode{box-sizing: border-box;}
 .loginForm .checked{top:3.6vw;right:3.6vw;}
 .loginForm .forget{text-align:right;color:#4a4f58;font-size:3.4vw;line-height:3.4vw;margin-bottom:4.8vw}
 .loginForm .forget .btn{float: left;color: #E15621;}
 .loginForm .forget.dep .btn{float: left;color: #977fb9;}
 .loginForm .submit{line-height:11.2vw;font-size:3.4vw;text-align:center;color:#22272e;margin-top: 3vw;}
 .loginForm .submit .btn{display:inline-block;box-sizing:border-box;width:100%;height:12vw;border-radius: 2vw;margin-bottom:4.8vw;line-height: 12vw;font-size: 3.4vw;}
 .loginForm .submit button.btn{background:linear-gradient(90deg, #FF9300 0%, #FF5B00 100%);color:#FFF;}
 .loginForm .submit button.btn.dep{background:linear-gradient(90deg, #977fb9 0%, #1c1c1c 100%);color:#FFF;border-color:#977fb9; }
 .loginForm .submit button.disabled{background:#E1E1E1 !important;color:#F7F7F7;border-color:#E1E1E1 !important; }
 .loginForm .login-line{width: 100%;height: 1px;background: #E2E2E2;margin-top: 10px;float: left;position: relative;}
 .loginForm .login-line span{display: block;line-height: 24px;padding: 0 5px;text-align: center;font-size: 12px;color: #999999;position: absolute;background: #FFFFFF;left: 50%;top: -12px;margin-left: -30px;}
 .loginForm .submit .weChat{display:block;margin:10vw auto;width:50vw;color:#627386;line-height:8vw}
 .loginForm .submit .weChat span{display:inline-block;width:100%}
 .loginForm .submit .weChat .mIcon:before{width:12vw;height:12vw;background-position:0 -77.8vw}
 .bg{width: 100%;height: 100%;position: fixed;top: 0;left: 0;right: 0;bottom: 0;z-index: 99999999;font-family: inherit;overflow: hidden;background-color: #4444444f;opacity: 0}
 .bg .bg-content{width: 74.7vw;height: fit-content;position: absolute;top: 0;bottom: 0;right: 0;left: 0;margin: auto;z-index: 9999;background: #fff;border-radius: 4vw;}
 .bg .bg-content .bg-tittle{height:10.7vw;line-height: 10.7vw;font-size: 3.4vw;color: #333333;padding: 0 4vw;position: relative}
 .bg-tittle .icon{width: 6.4vw;height:6.4vw;position: absolute;right: 2.7vw;top: 2.7vw;cursor: pointer;}
 .bg-tittle .mIcon:before{ width:6.4vw ;height: 6.4vw;background-position: -33.5vw 0px;}
 .bg .bg-content .text-conten{padding: 4vw;border-top: .27vw solid #e2e7ef}
 .bg .bg-content .text-conten .status{color: #333333;font-size: 3.4vw;line-height: 5.4vw;margin-bottom: 5vw;text-align: center}
 .bg .bg-content .text-conten .tip-p{text-align: center;color:#FF5B00;font-size: 3vw;line-height: 7vw }
 .bg .bg-content .text-conten div{cursor: pointer;text-align: center;background: #FF5B00;width: 66.6vw;height: 9.9vw;line-height: 9.9vw;color: #fff;margin: auto;border-radius: .54vw;margin-top: 5vw}
 .fix-tips {background: -webkit-gradient(linear,left top,right top,color-stop(0,#4d4d4d),color-stop(.4,#4d4d4d),color-stop(.5,#fff),color-stop(.6,#4d4d4d),color-stop(1,#4d4d4d));-webkit-background-clip: text;-webkit-text-fill-color: transparent;-webkit-animation: slidetounlock 3s infinite;color: #787878 !important;}
 @keyframes slidetounlock { 0% {background-position: -100px 0;} 100% {background-position: 100px 0;} }
 .foot{display: none;}
 /*极验*/
 .verify-wrap{width: 100% !important;margin-top: 0;float: left;height: 46px;margin-bottom: 4vw;border-radius: 8px;}
 .verify-wrap .drag-btn{left:2px;top: 2px;height: 40px;border-radius:8px;border:1px solid #b8bfca;}
 .verify-wrap .fix-tips, .verify-msg{line-height: 44px;border-radius: 8px;}
 .verify-wrap .drag-progress{ top: 2px;border-radius: 8px 0 0 8px;}
 .verify-wrap .suc-drag-btn{ border-radius: 8px; }
}