@charset "utf-8";
/*
 * 前端：肖玉航
 * 产品：刘一一
 * 日期：2024.04.28
 */
.mt4{margin-top:4px;}
.mt10{margin-top:10px;}
.mt12{margin-top:12px;}
.mt16{margin-top:16px;}
.mt20{margin-top:20px;}
.mt24{margin-top:24px;}
.mt32{margin-top:32px;}
.mt44{margin-top:44px;}
.mt68{margin-top:68px;}
.mt72{margin-top:72px;}
.mt141{margin-top:141px;}
.xlogin_main{position:relative;min-height:800px;height:calc(100vh - 176px);background:url(/static/login1/images/login/bg-body.png) no-repeat center / cover;}
/*.xlogin_fixed_item{position:absolute;right:52px;bottom:40px;display:block;width:40px;height:40px;background-size:100% 100%;}*/
/*.xlogin_fixed_item.phone{bottom:96px;background-image:url(/static/login1/images/login/icon-fixed-phone.png);}*/
/*.xlogin_fixed_item.service{background-image:url(/static/login1/images/login/icon-fixed-service.png);}*/
.xlogin_card{position:absolute;top:50%;right:15%;transform:translateY(-50%);width:484px;min-height:698px;padding:44px 72px 30px;border-radius:12px;border:2px solid #FFFFFF;box-sizing:border-box;background:linear-gradient(180deg,rgba(255,255,255,0.8) 0%,rgba(255,255,255,0.24) 100%);box-shadow:0px 0px 16px 0px #E8ECF666;}
/*.xlogin_card.flex{display:flex;flex-direction:column;justify-content:space-between;}*/
.xlogin_header{height:36px;}
.xlogin_back{display:inline-flex;align-items:center;color:#8E95AC;font-size:14px;line-height:36px;}
.xlogin_back::before{margin-right:6px;content:'';display:inline-block;width:16px;height:16px;background:url(/static/login1/images/login/icon-back.png) no-repeat center/ 100% 100%;}
.xlogin_skip{display:inline-flex;align-items:center;font-size:14px;line-height:36px;}
.xlogin_skip::after{margin-left:6px;content:'';display:inline-block;width:16px;height:16px;background:url(/static/login1/images/login/icon-goto-blue.png) no-repeat center/ 100% 100%;}
.xlogin_tab{width:170px;color:#3A8BFF;font-size:24px;font-weight:600;line-height:57px;border-bottom:1px solid #3A8BFF;}
.xlogin_title{padding:20px 0 4px;color:#2D354B;font-size:16px;line-height:18px;}
.xlogin_title.middle{font-size:18px;line-height:20px;}
.xlogin_title.large{font-size:20px;line-height:20px;}
.xlogin_phoneBox{display:flex;}
.xlogin_phoneBox > .xlogin_input:nth-child(1){margin-right:16px;}
.xlogin_phoneBox > .xlogin_input:nth-child(2){flex:1;}
.xlogin_codeBox{display:flex;}
.xlogin_codeBox .xlogin_input{flex:1;}
.xlogin_codeBox img{margin-left:6px;width:74px;height:40px;border-radius:4px;cursor:pointer;}
.xlogin_input{display:flex;height:44px;border-radius:8px;background-color:#EBF1F9;}
.xlogin_input .xinput{flex:1;padding:0 14px;color:#2D354B;font-size:14px;border:0;background-color:transparent;}
.xlogin_input .xinput::placeholder{color:#969DAF;}
.xlogin_input .xeye{width:46px;height:100%;background:url(/static/login1/images/login/icon-eye.png) no-repeat center/ 18px 18px;cursor:pointer;}
.xlogin_input .xeye.show{background-image:url(/static/login1/images/login/icon-eye-show.png);}
.xlogin_input .xcode{display:flex;justify-content:center;align-items:center;width:80px;color:#2D354B;font-size:14px;cursor:pointer;}
.xlogin_input .xcode::after{margin-left:2.25px;content:'';display:inline-block;width:16px;height:16px;background:url(/static/login1/images/login/icon-arrow-bottom.png) no-repeat center/ 100% 100%;}
.xlogin_input .xacquire{padding:0 14px;color:#3A8BFF;font-size:14px;line-height:44px;cursor:pointer;}
.xlogin_handle{font-size:14px;line-height:16px;}
.xlogin_handle .xforget{color:#757B8C;}
.xlogin_handle .xline{position:relative;top:2.5px;display:inline-block;width:1px;height:12px;margin:0 14px;background-color:#3A8BFF;}
.xlogin_button{display:block;height:40px;color:#FFFFFF;font-size:14px;line-height:40px;text-align:center;border-radius:30px;background-color:#3A8BFF;box-shadow:0 2px 9px 0 #67A1FF80;}
.xlogin_button.disabled{background-color:#B8C4D6;cursor:auto;box-shadow:0 0 0 0;}
/*.xlogin_auto{height:20px;line-height:20px;}*/
.xlogin_auto input{display:none;}
.xlogin_auto label{display:inline-flex;align-items:center;color:#3A8BFF;font-size:14px;cursor:pointer;}
.xlogin_auto label::before{margin-right:8px;content:'';display:inline-block;width:18px;height:18px;background:url(/static/login1/images/login/icon-checkbox.png) no-repeat center/ 100% 100%;}
.xlogin_auto input:checked + label::before{background-image:url(/static/login1/images/login/icon-checkbox-checked.png);}
.xlogin_auto .xtip{margin:2px 0 0 8px;width:16px;height:16px;background:url(/static/login1/images/login/icon-tip.png) no-repeat center/ 100% 100%;cursor:pointer;}
.xlogin_agreement{color:#757B8C;font-size:14px;line-height:16px;}


.xlogin_otherWays{display:flex;justify-content:center;align-items:center;height:36px;color:#8E95AC;font-size:14px;}
.xlogin_otherWays::after{margin-left:6px;content:'';display:inline-block;width:16px;height:16px;background:url(/static/login1/images/login/icon-goto.png) no-repeat center/ 100% 100%;}
.xlogin_otherWays_title{color:#757B8C;font-size:14px;line-height:16px;}
.xlogin_otherWaysBox{display:flex;justify-content:space-between;}
.xlogin_otherWaysBox .xitem{width:80px;padding-top:41px;color:#4A5268;font-size:14px;line-height:20px;text-align:center;background-repeat:no-repeat;background-position:center 5px;background-size:28px 28px;}
.xlogin_otherWaysBox .xitem.cx{background-image:url(/static/login1/images/login/icon-login-cx.png);}
.xlogin_otherWaysBox .xitem.library{background-image:url(/static/login1/images/login/icon-login-library.png);}
.xlogin_otherWaysBox .xitem.qq{background-image:url(/static/login1/images/login/icon-login-qq.png);}
.xlogin_otherWaysBox .xitem.wx{background-image:url(/static/login1/images/login/icon-login-wx.png);}
.xlogin_tip{display:flex;align-items:center;color:#757B8C;font-size:14px;line-height:16px;letter-spacing:-0.1px;}
.xlogin_tip.error{position: absolute; color:#FF343F;}
.xlogin_tip.error::before{margin-right:6px;content:'';display:inline-block;width:16px;height:16px;background:url(/static/login1/images/login/icon-error.png) no-repeat center/ 100% 100%;}
.xlogin_tip.info{position: absolute; color:#FF343F;}
.xlogin_statusBox{text-align:center;}
.xlogin_statusBox img{width:70px;height:70px;}
.xlogin_statusBox p{padding-top:29px;color:#000000D9;font-size:24px;line-height:36px;}
.xlogin_stepBar{display:flex;}
.xlogin_stepBar .xitem{margin-right:12px;display:flex;align-items:center;height:20px;color:#8A8B99;font-size:12px;}
.xlogin_stepBar .xitem:last-child{margin-right:0;}
.xlogin_stepBar .xitem::before{margin-right:6px;display:inline-block;width:20px;height:20px;color:#ACB4BF;font-weight:bold;text-align:center;border-radius:50%;border:0.77px solid #ACB4BF;box-sizing:border-box;}
.xlogin_stepBar .xitem.active{color:#474C59;}
.xlogin_stepBar .xitem.active::before{color:#FFF;border-color:#3A8BFF;background-color:#3A8BFF;}
.xlogin_stepBar .xitem.success{color:#474C59;}
.xlogin_stepBar .xitem.success::before{content:'' !important;border:none !important;background:url(/static/login1/images/login/icon-right.png) no-repeat center/ 100% 100%;}
.xlogin_stepBar .xitem:nth-child(1)::before{content:'1';}
.xlogin_stepBar .xitem:nth-child(2)::before{content:'2';}
.xlogin_stepBar .xitem:nth-child(3)::before{content:'3';}
.xlogin_stepBar .xitem:nth-child(4)::before{content:'4';}
/* 弹窗 */
.wid480{width:480px !important;}
.xpopup_tip{padding:36px;color:#131B26;font-size:16px;line-height:32px;text-align:center;}
.popupHead_title.warning{display:inline-flex;align-items:center;}
.popupHead_title.warning::before{margin-right:6px;content:'';display:inline-block;width:24px;height:24px;background:url(/static/login1/images/login/icon-warning.png) no-repeat center/ 100% 100%;}

/* 2024.6.7新增 */
.mt36{margin-top:36px;}
.mt40{margin-top:40px;}
.xlogin_input{position: relative;}

/* 2024.6.20新增 */
.xlogin_phoneBox{position:relative;}
.xsearch{position:relative;}
.xsearch .xinput{width:100%;height:35px;padding:0 40px 0 14px;color:#000;font-size:14px;border:1px solid #d3d5d8;border-radius:30px;box-sizing:border-box;transition:border-color 0.2s cubic-bezier(0.645,0.045,0.355,1);}
.xsearch .xinput::placeholder{color:#acb4bf;}
.xsearch .xinput:hover,.xsearch .xinput:focus{border-color:#4c88ff;}
.xsearch .xicon{position:absolute;top:50%;right:14px;transform:translateY(-50%);width:18px;height:18px;background:url(/static/login1/images/login/icon-search.png) no-repeat center/ 100% 100%;transition:color 0.2s cubic-bezier(0.645,0.045,0.355,1);cursor:pointer;}
.xphone_popup{z-index:99;position:absolute;top:100%;left:11px;right:16px;padding-top:7px;display: none;}
.xphone_popup_search{padding:5px 20px;}
.xphone_popup_content{padding:6px 0;border-radius:6px;background-color:#FFF;box-shadow:0 2px 12px rgba(0,37,89,.2);}
.xphone_popup_content ul{max-height:252px;overflow:auto;}
.xphone_popup_content ul::-webkit-scrollbar{width:8px;height:8px;}
.xphone_popup_content ul::-webkit-scrollbar-thumb{border-radius:20px;background-color:#dadfe5;}
.xphone_popup_content li{display:flex;justify-content:space-between;padding:10px 20px;color:#2D354B;font-size:14px;line-height:20px;cursor:pointer;}
.xphone_popup_content li:hover{color:#3A8BFF;background-color:#f0f6ff;}

/* 修改 */
.xlogin_scan{height:290px;padding:16px 0;text-align:center;border-radius:8px;border:1px solid #FFFFFF;background-color:#FFFFFFBF;box-sizing:border-box;}
.xlogin_scan img{width:220px;height:220px;}
.xlogin_scan p{padding-top:16px;color:#2D354B;font-size:14px;line-height:22px;}
/* 切换栏 */
.xlogin_tabbar{display:flex;}
.xlogin_tabbar li{flex:1;height:52px;color:#969DAF;font-size:20px;line-height:52px;text-align:center;border-bottom:1px solid #D3DBE7;box-sizing:border-box;cursor:pointer;}
.xlogin_tabbar li.active{color:#3A8BFF;font-weight:bold;border-bottom:1px solid #3A8BFF;}
/* 联想弹窗 */
.colorBlue{color:#3a8bff;}
.xassociative_popup{z-index:99;position:absolute;top:100%;left:0;right:0;padding-top:4px;}
.xassociative_popup ul{max-height:292px;padding:6px 0;border-radius:6px;background-color:#FFF;box-shadow:0 2px 12px rgba(0,37,89,.2);overflow:auto;}
.xassociative_popup ul::-webkit-scrollbar{width:8px;height:8px;}
.xassociative_popup ul::-webkit-scrollbar-thumb{border-radius:20px;background-color:#dadfe5;}
.xassociative_popup li{padding:10px 20px;color:#474C59;font-size:14px;line-height:20px;cursor:pointer;}
.xassociative_popup li:hover{background-color:#f0f6ff;}

/** 20240701 add */
.ewmDisable{width:100%;height:100%;position:absolute;left:0;top:0;background:rgba(255,255,255,0.9);z-index:3;display:none;}
.ewmDisable p{width:100%;text-align:center;font-size:18px;color:#181e33;margin-top:80px;}
.ewmDisable a{display:inline-block;width:94px;height:34px;background: #FFFFFF;border: 1px solid #3A8BFF;border-radius: 18px;margin:0 auto;text-align:center;line-height:34px;font-size: 14px;color: #3A8BFF;margin-top:10px;}


/* 2024.7.12新增 */
@media screen and (max-width: 1600px) {
    .mt4{margin-top:3px;}
    .mt10{margin-top:8px;}
    .mt12{margin-top:9px;}
    .mt16{margin-top:12px;}
    .mt20{margin-top:16px;}
    .mt24{margin-top:19px;}
    .mt32{margin-top:25px;}
    .mt44{margin-top:35px;}
    .mt68{margin-top:54px;}
    .mt72{margin-top:58px;}
    .mt141{margin-top:112px;}
    .xlogin_main{min-height:640px;}
    .xlogin_card{right:12%;width:395px;min-height:558px;padding:35px 57px 24px;}

    .xlogin_header{height:28px;}
    .xlogin_back{font-size:12px;line-height:28px;}
    .xlogin_back::before{margin-right:4px;width:12px;height:12px;}
    .xlogin_skip{font-size:12px;line-height:28px;}
    .xlogin_skip::after{margin-left:4px;width:12px;height:12px;}
    .xlogin_tab{width:136px;font-size:19px;line-height:45px;}
    .xlogin_title{padding:16px 0 3px;font-size:12px;line-height:14px;}
    .xlogin_title.middle{font-size:14px;line-height:16px;}
    .xlogin_title.large{font-size:16px;line-height:16px;}
    .xlogin_phoneBox > .xlogin_input:nth-child(1){margin-right:12px;}
    .xlogin_codeBox img{margin-left:4px;width:59px;height:32px;}
    .xlogin_input{height:35px;}
    .xlogin_input .xinput{padding:0 9px;font-size:12px;}
    .xlogin_input .xeye{width:36px;background-size:14px 14px;}
    .xlogin_input .xcode{width:64px;font-size:12px;}
    .xlogin_input .xcode::after{margin-left:2px;width:12px;height:12px;}
    .xlogin_input .xacquire{padding:0 9px;font-size:12px;line-height:35px;}
    .xlogin_handle{font-size:12px;line-height:12px;}
    .xlogin_handle .xline{top:2px;height:9px;margin:0 12px;}
    .xlogin_button{height:32px;font-size:12px;line-height:32px;}

    .xlogin_agreement{font-size:12px;line-height:13px;}
    .xlogin_otherWays{height:28px;font-size:12px;}
    .xlogin_otherWays::after{margin-left:4px;width:13px;height:13px;}
    .xlogin_otherWays_title{font-size:12px;line-height:13px;}
    .xlogin_otherWaysBox .xitem{width:64px;padding-top:32px;font-size:12px;line-height:16px;background-position:center 4px;background-size:22px 22px;}
    .xlogin_tip{font-size:11px;line-height:13px;}
    .xlogin_tip.error::before{margin-right:4px;width:13px;height:13px;}
    .xlogin_statusBox img{width:56px;height:56px;}
    .xlogin_statusBox p{padding-top:23px;font-size:19px;line-height:28px;}
    .xlogin_stepBar .xitem{margin-right:9px;height:16px;font-size:10px;}
    .xlogin_stepBar .xitem::before{margin-right:4px;width:16px;height:16px;}

    .wid480{width:384px !important;}
    .xpopup_tip{padding:29px;font-size:14px;line-height:25px;}
    .popupHead_title.warning::before{margin-right:4px;width:19px;height:19px;}

    .mt36{margin-top:29px;}
    .mt40{margin-top:32px;}

    .xlogin_scan{height:232px;padding:13px 0;}
    .xlogin_scan img{width:176px;height:176px;}
    .xlogin_scan p{padding-top:13px;font-size:12px;line-height:17px;}

    .xlogin_tabbar li{height:41px;font-size:16px;line-height:41px;}

    .xassociative_popup{padding-top:3px;}
    .xassociative_popup ul{max-height:233px;padding:4px 0;}
    .xassociative_popup ul::-webkit-scrollbar{width:6px;height:6px;}
    .xassociative_popup li{padding:8px 16px;font-size:12px;line-height:16px;}

    .xsearch .xinput{height:28px;padding:0 32px 0 12px;font-size:12px;}
    .xsearch .xicon{right:12px;width:15px;height:15px;}
    .xphone_popup{left:8px;right:14px;padding-top:5px;}
    .xphone_popup_search{padding:4px 16px;}
    .xphone_popup_content{padding:4px 0;}
    .xphone_popup_content ul{max-height:201px;}
    .xphone_popup_content ul::-webkit-scrollbar{width:6px;height:6px;}
    .xphone_popup_content li{padding:8px 16px;font-size:12px;line-height:16px;}
}