body.logincss-body{padding-top: 0!important;}
.cursor{ cursor: pointer;} 
.container { width: 100%; height: 100vh;}
.loginImg { width: 40%; height: 100vh; background-size: cover; }
/*background: url() center no-repeat;*/
.main { padding: 50px 66px; background-color: #FFFFFF;}
.logoBox { vertical-align: bottom;}
.logoBox img { cursor: pointer; width: 125px; height: 38px; margin-right: 15px;height: 39px}
.logoBox span { font-size: 14px; color: #999999; line-height: 1; margin-top: 24px;}
.loginBox { width: 400px; margin: 0 auto; margin-top: 131px;}
.loginBox .title { font-weight: bold; font-size: 20px; line-height: 1; color: #333333;}
.loginBox .title .register { cursor: pointer;} 
/*cursor: pointer; border-bottom: 1px solid #333333;*/
.loginBox .title .price { font-size: 28px; line-height: 1; color: #FF7517;}
.loginBox .titleBox { margin-top: 66px; margin-bottom: 46px; padding-bottom: 23px; border-bottom: 1px solid rgba(0,0,0,0.09);}
.loginBox .titleBox .iconfont { cursor: pointer; float: left; font-size: 20px; line-height: 1; color: #333;}
.loginBox .titleBox .tit { text-align: center; font-size: 18px; line-height: 1; color: #333333; font-weight: bold;}
.loginBox .titleBox .tit span { padding-left: 10px; font-size: 16px; line-height: 18px; color: #333333; font-weight: normal;}
.loginBox .tab-box { margin-bottom: 46px; margin-top: 30px; border-bottom: 1px solid rgba(0,0,0,0.09); font-size: 0;}
.loginBox .tab-box span { cursor: pointer; display: inline-block; padding: 16px 0; font-size: 14px; color: #999999; line-height: 16px; margin-right: 38px;}
.loginBox .tab-box span.active { font-weight: bold; font-size: 18px; color: #333333; line-height: 16px; border-bottom: 2px solid #409EFE;}
.input-group {position: relative; margin-top: 24px; height: 50px; border-radius: 4px; border: 1px solid #CED4DA; font-size: 14px; line-height: 50px;}
.input-group .left { background-color: #FFFFFF; cursor: pointer; padding: 0 10px; color: #999999; border-radius: 4px; border-right: 1px solid #CED4DA;}
.input-group input { border-radius: 4px; padding: 10px; border: none;background-color: #fff}
.input-group .getCode { cursor: pointer; border-radius: 0 4px 4px 0; background-color: #FFFFFF; padding: 10px 12px; border: none; border-left: 1px solid #CED4DA; color: #409EFE;}
.input-group .getCode.gray {  color: #ddd;}
.input-group .invisible{position: absolute;right:10px;top: 50%; transform: translateY(-50%);display: none}
.input-group .invisible.show{display: block; }
.input-group .invisible.look{color: #39a6ff}
.login { cursor: pointer; width: 100%; height: 50px; border-radius: 25px; background-color: #409EFE; border: none; font-size: 16px; color: #FFFFFF; line-height: 50px; margin-top: 58px;}
.login-in { margin-top: 88px;}
.notice { margin-top: 20px; font-size: 14px; color: #999999; line-height: 1;}
.notice span { cursor: pointer; color: #409EFE;}
/*.notice span:hover { text-decoration: underline;}*/
.other-method { margin-top: 38px;}
.other-method .om-tit hr { height: 0; margin-top: 8px; border: none; border-bottom: 1px solid rgba(0,0,0,0.09);}
.other-method .om-tit span { padding: 0 10px; font-size: 16px; line-height: 1; color: #999999; font-weight: normal;}
.other-method .om-list { font-size: 0; text-align: center; margin-top: 22px;}
.other-method .om-list a { display: inline-block;margin-right: 17px;}
.other-method .om-list img { width: 38px; height: 38px; margin-right: 17px;cursor: pointer}
.other-method .om-list img:last-child { margin-right: 0;}
.operation { margin-top: 15px;}
.operation .remember { float: left;}
.operation .remember span { font-size: 14px; line-height: 18px; color: #999999; }
/*.operation .remember span:hover { text-decoration: underline;}*/
.operation .right {float: right; font-size: 14px; line-height: 18px; color: #999999;}
.operation .right span { color: #409EFE; cursor: pointer; }
.operation .right span.line { padding: 0 5px;}
/*.operation .right span:hover { text-decoration: underline;}*/
.checkbox { width: 18px; height: 18px; position: relative; margin-right: 5px;}
.checkbox input { width: 18px; height: 18px; opacity: 0; position: absolute; top: 0; left: 0; z-index: 2;}
.checkbox label { width: 18px; height: 18px; position: absolute; top: 0; left: 0; z-index: 1;}
.checkbox input+label { background-image: url(../images/icon/icon_untick.png); background-size: 100% 100%; background-repeat: no-repeat;}
.checkbox input:checked+label { background-image: url(../images/icon/icon_tick.png); background-size: 100% 100%; background-repeat: no-repeat;}
@media screen and (max-width:1440px){
	.main { padding: 40px 50px;}
	.logoBox img { width: 102px; height: 32px;}
	.logoBox span { margin-top: 18px;}
	.loginBox { margin-top: 40px;}
	.loginBox .title .price { font-size: 28px;} 
	.loginBox .tab-box { margin-top: 30px;} 
	.login { margin-top: 58px; height: 50px; line-height: 50px; border-radius: 25px; font-size: 16px;}
	.login-in { margin-top: 58px;}
}

/* 选择国家 */
.layer-selectCountry-dialog .selCountryMask .modal-body::-webkit-scrollbar { width: 0; height: 0;}
.layer-selectCountry-dialog .selCountryMask .modal-body::-webkit-scrollbar-thumb { border-radius: 0; -webkit-box-shadow: inset 0 0 0 rgba(0,0,0,0); background: rgba(0,0,0,0);}
.layer-selectCountry-dialog .selCountryMask .modal-body::-webkit-scrollbar-track { -webkit-box-shadow: inset 0 0 0 rgba(0,0,0,0); border-radius: 0; background: rgba(0,0,0,0);}
.layer-selectCountry-dialog .selCountryMask .modal-body::-webkit-scrollbar-corner { background-color: rgba(0,0,0,0); }
.layer-selectCountry-dialog.layui-layer { box-shadow: none; background-color: rgba(0,0,0,0);}
.layer-selectCountry-dialog.layui-layer .layui-layer-ico { font-family: "iconfontxgw" !important; font-style: normal; -webkit-font-smoothing: antialiased; background: unset; font-size: 20px; color: #333333; top: 0; right: -5px;}
.layer-selectCountry-dialog.layui-layer .layui-layer-ico:before { content: "\e622";}
.selCountryMask { width: 100%; height: 100%;}
.selCountryMask .modal-dialog { width: 100%; height: 100%;}
.selCountryMask .modal-content { width: 100%; height: 100%; border-radius: 5px; background-color: #FFFFFF; vertical-align: middle;}
.selCountryMask .modal-body { padding: 30px 30px 45px; padding-top: 0; overflow-y: scroll;}
.selCountryMask .modal-nav { margin: 47px 30px 0; font-size: 0; border-bottom: 1px solid rgba(0,0,0,0.09);}
.selCountryMask .modal-nav span { cursor: pointer; display: inline-block; padding: 9px 10px; font-size: 14px; line-height: 16px; color: #999999;}
.selCountryMask .modal-nav span.active { font-weight: bold; font-size: 16px; color: #409EFE; border-bottom: 2px solid #409EFE;}
.selCountryMask .modal-body .country-cont {  margin-top: 10px; height: 100%; }
/*overflow-y: scroll;*/
.selCountryMask .modal-body .country-cont::-webkit-scrollbar { width: 0; height: 0;}
.selCountryMask .modal-body .country-cont::-webkit-scrollbar-thumb { border-radius: 0; -webkit-box-shadow: inset 0 0 0 rgba(0,0,0,0); background: rgba(0,0,0,0);}
.selCountryMask .modal-body .country-cont::-webkit-scrollbar-track { -webkit-box-shadow: inset 0 0 0 rgba(0,0,0,0); border-radius: 0; background: rgba(0,0,0,0);}
.selCountryMask .modal-body .country-cont::-webkit-scrollbar-corner { background-color: rgba(0,0,0,0); }
.selCountryMask .modal-body .country-list { display: none;}
.selCountryMask .modal-body .country-list .country-item .letter { padding: 0 10px; font-size: 14px;  line-height: 24px; color: #FF7517;}
.selCountryMask .modal-body .list { font-size: 0; }
.selCountryMask .modal-body .list .item { padding: 0 10px; cursor: pointer; margin-bottom: 14px; display: inline-block;
	width: calc(25% - 20px); font-size: 14px; line-height: 24px; color: #333;display: inline-block; white-space: nowrap;max-width:100%; overflow: hidden; text-overflow:ellipsis; }
.selCountryMask .modal-body .list .item span { color: #999; padding-left: 5px;}
.selCountryMask .modal-body .list .item.active { color: #409EFE;}
.selCountryMask .modal-body .list .item.active span { color: #409EFE;}
@media screen and (max-width:1219px){
	.selCountryMask .modal-header .close { padding: 13px;}
}
/* 邮箱登录 */
/* .layer-selectCountry-dialog.layui-layer { box-shadow: none; background-color: rgba(0,0,0,0);} */
.layer-emailLogin-dialog.layui-layer .layui-layer-ico { font-weight: bold; font-family: "iconfontxgw" !important; font-style: normal; -webkit-font-smoothing: antialiased; background: unset; font-size: 20px; color: #333333; top: 13px; right: 15px;}
.layer-emailLogin-dialog.layui-layer .layui-layer-ico:before { content: "\e622";}
.emailLoginMask { width: 100%; height: 100%;}
/*width: 405px;*/
.emailLoginMask .modal-dialog {  padding: 32px 40px 60px; border-radius: 5px; background-color: #FFFFFF;}
.emailLoginMask .modal-header { padding-bottom: 45px;}
.emailLoginMask .modal-header .title { font-size: 20px; line-height: 1; color: #333333; font-weight: bold;}
.emailLoginMask .modal-header .close { cursor: pointer; padding: 18px; position: absolute; top: 12px; right: 22px;}
.emailLoginMask .modal-header .close .iconfont { font-size: 20px; line-height: 1; color: #333333; font-weight: bold;}
.emailLoginMask .modal-header::after { content: ''; display: block; clear: both;}
/* 登录确认弹框 */
.layer-loginConfirm-dialog.layui-layer { box-shadow: none; background-color: rgba(0,0,0,0);max-height: 80vh}
.layer-loginConfirm-dialog.layui-layer iframe{max-height: 80vh!important;}
.layer-loginConfirm-dialog.layui-layer .layui-layer-ico { font-family: "iconfontxgw" !important; font-style: normal; -webkit-font-smoothing: antialiased; background: unset; font-size: 58px; color: #fff; top:  -6px; right: -6px;}
.layer-loginConfirm-dialog.layui-layer .layui-layer-ico:before { content: "\e62e";}
.loginConfirmMask { width: 545px; margin: 0 auto; padding-right: 20px;}
.loginConfirmMask .modal-main { position: relative;}
.loginConfirmMask .bow { width: 70%; height: auto; margin-left: 15%;}
.loginConfirmMask .title { border-radius: 16px; height: 95px; background: linear-gradient(90deg, #ED7662, #E5525F); font-size: 40px; line-height: 95px; color: #FDF4E5;text-shadow: 0px 5px 3px rgba(183, 44, 47, 0.63); text-align: center;}
.loginConfirmMask .modal-cont { margin-top: -30px;}
.loginConfirmMask .cont { padding: 35px 38px 23px; border-radius: 0 0 50px 50px; margin-left: 10px; width: calc(100% - 96px); background-color: #D24853;}
.loginConfirmMask .incont { padding: 24px 10px; border-radius: 16px; background-color: #BF3F4A;}
.loginConfirmMask .incont .incont-top { padding-bottom: 16px;}
.loginConfirmMask .incont .box { border-radius: 16px; background-color: #FCECD3;}
.loginConfirmMask .incont .box .tit { padding-top: 24px; padding-bottom: 6px; font-size: 22px; line-height: 1; color: #070B23; text-align: center; font-weight: bold;}
.loginConfirmMask .incont .box .desp { font-size: 16px; line-height: 30px; color: #5F5E5C; text-align: center;}
.loginConfirmMask .incont .incont-bottom { margin-top: 14px;}
.loginConfirmMask .incont .flex-def .left { width: 66%; margin-right: 12px;}
.loginConfirmMask .incont .flex-def .left .box { padding: 11px 17px; margin-bottom: 10px;}
.loginConfirmMask .incont .flex-def .left .box:last-child { margin-bottom: 10px;}
.loginConfirmMask .incont .flex-def .left .box img { width: 67px; height: 67px; margin-right: 17px;}
.loginConfirmMask .incont .flex-def .left .box p { text-align: left;}
.loginConfirmMask .incont .flex-def .left .desp { text-align: left;}
.loginConfirmMask .incont .flex-def .right { text-align: center;}
.loginConfirmMask .incont .flex-def .right .box { line-height: 0; padding: 20px 17px; text-align: center;}
.loginConfirmMask .incont .flex-def .right .box img { width: 100%;}
.loginConfirmMask .incont .flex-def .right p { margin-top: 8px; white-space: nowrap; font-size: 12px; color: #333333; line-height: 1;}
.loginConfirmMask .incont .flex-def .right p.new { margin-top: 5px; font-size: 10px;}
.loginConfirmMask button { position: relative; top: -28px; cursor: pointer; margin-left: 29%; width: 50%; height: 68px; border-radius: 34px; background: linear-gradient(0deg, #EEAD6D, #F9DAA7); border: none; font-size: 36px; color: #CB2927; line-height: 66px; font-weight: bold; margin-top: 20px;}
@media screen and (max-width:1440px){
	.layer-loginConfirm-dialog.layui-layer .layui-layer-ico { font-size: 46px; right: 64px;}
	.loginConfirmMask .title { border-radius: 10px; height: 70px; font-size: 30px; line-height: 70px;}
	.loginConfirmMask .modal-cont { margin-top: -23px;}
	.loginConfirmMask .cont { padding: 26px 30px 17px; border-radius: 0 0 38px 38px; width: calc(100% - 80px);}
	.loginConfirmMask .incont { padding: 18px 7px; border-radius: 12px;}
	.loginConfirmMask .incont .incont-top { padding-bottom: 10px;}
	.loginConfirmMask .incont .box { border-radius: 12px;}
	.loginConfirmMask .incont .box .tit { padding-top: 18px; padding-bottom: 6px; font-size: 16px;}
	.loginConfirmMask .incont .box .desp { font-size: 12px; line-height: 24px;}
	.loginConfirmMask .incont .incont-bottom { margin-top: 14px;}
	.loginConfirmMask .incont .flex-def .left { margin-right: 9px;}
	.loginConfirmMask .incont .flex-def .left .box { padding: 8px 13px; margin-bottom: 8px;}
	.loginConfirmMask .incont .flex-def .left .box:last-child { margin-bottom: 10px;}
	.loginConfirmMask .incont .flex-def .left .box img { width: 50px; height: 50px; margin-right: 13px;}
	.loginConfirmMask .incont .flex-def .right .box { padding: 13px 13px;}
	.loginConfirmMask .incont .flex-def .right { width: 109px;}
	.loginConfirmMask .incont .flex-def .right p { margin-top: 8px; font-size: 12px; transform: scale(0.83); margin-left: -10px;}
	.loginConfirmMask .incont .flex-def .right p.new { margin-top: 1px; font-size: 12px; transform: scale(0.7);}
	.loginConfirmMask button { height: 50px; border-radius: 25px; font-size: 28px; line-height: 50px; margin-top: 16px;}
}
/* 注册成功弹框 */
.layer-registerSuccess-dialog.layui-layer { box-shadow: none; background-color: rgba(0,0,0,0);max-height: 80vh}
.layer-registerSuccess-dialog.layui-layer iframe{max-height: 80vh!important;}
.layer-registerSuccess-dialog.layui-layer .layui-layer-ico { font-family: "iconfontxgw" !important; font-style: normal; -webkit-font-smoothing: antialiased; background: unset; font-size: 58px; color: #fff; top: 0; right: -6px;}
.layer-registerSuccess-dialog.layui-layer .layui-layer-ico:before { content: "\e62e";}
.registerSuccessMask { margin: 0 auto; text-align: center;background-size: 100% 100%;}
/*background: url(../images/icon/icon_login_bg.png) center no-repeat;  width: 524px; height: 802px;*/
/*.registerSuccessMask .modal-main { padding: 0 40px; position: relative;}*/
.registerSuccessMask .modal-cont { padding-top: 160px;}
.registerSuccessMask .title { font-size: 50px; line-height: 1; background: linear-gradient(180deg, #FFB863 0%, #FDF3C9 0%, #F8E690 100%); -webkit-background-clip: text; -webkit-text-fill-color: transparent;}
.registerSuccessMask .desp { margin-top: 7px; font-size: 22px; line-height: 1; color: #FFFFFF;}
.registerSuccessMask .list { font-size: 0; }
.registerSuccessMask .list .item { margin-top: 20px; display: inline-block; width: calc(50% - 24px); margin-right: 47px;}
.registerSuccessMask .list .item:nth-child(2n) { margin-right: 0;}
.registerSuccessMask .list .item .img { padding: 20px; overflow: hidden; height: 94px; border-radius: 5px; background-color: #FFFFFF;}
.registerSuccessMask .list .item .img img { width: auto; height: 100%;}
.registerSuccessMask .list .item p { font-size: 12px; color: #333333; line-height: 1; font-weight: bold; margin-top: 8px;}
.registerSuccessMask .add-btn { cursor: pointer; width: 80%; height: 50px; border-radius: 25px; background-color: #FDCA5D; border: none; font-size: 20px; color: #E94D39; line-height: 50px; margin-top: 105px;}
.registerSuccessMask .code { line-height: 0; border-radius: 5px; padding: 8px; width: 123px; background-color: #FFFFFF; position: absolute; left: 50%; top: 50%; margin-left: -68px; margin-top: -22px;}
.registerSuccessMask .code img { width: 100%;}
@media screen and (max-width:1440px){
	.layer-registerSuccess-dialog.layui-layer .layui-layer-ico { font-size: 46px; right: 20px;}
	/*.registerSuccessMask { width: 387px; height: 600px;}*/
	/*.registerSuccessMask .modal-main { padding: 0 40px;}*/
	.registerSuccessMask .modal-cont { padding-top: 120px;}
	.registerSuccessMask .title { font-size: 38px; }
	.registerSuccessMask .desp { font-size: 16px;}
	.registerSuccessMask .list .item { margin-top: 17px; display: inline-block; width: calc(50% - 19px); margin-right: 38px;}
	.registerSuccessMask .list .item .img { padding: 17px; height: 67px; border-radius: 5px; background-color: #FFFFFF;}
	.registerSuccessMask .list .item .img img { width: auto; height: 100%;}
	.registerSuccessMask .list .item p { font-size: 12px; margin-top: 8px; transform: scale(0.9);}
	.registerSuccessMask .add-btn { height: 40px; border-radius: 20px; font-size: 14px; line-height: 40px; margin-top: 70px;}
	.registerSuccessMask .code { padding: 5px; width: 94px; margin-left: -53px; margin-top: -22px;}
	.registerSuccessMask .code img { width: 100%;}
}

/* 滑动验证弹框 */
.layer-slideVerify-dialog { border-radius: 6px;}
.layer-slideVerify-dialog.layui-layer .layui-layer-setwin { width: 32px; height: 32px; bottom: 32px; right: 30px; top: unset;}
.layer-slideVerify-dialog.layui-layer .layui-layer-ico { font-family: "iconfontxgw" !important; font-style: normal; -webkit-font-smoothing: antialiased; background: unset; font-size: 32px; color: #d3d4d4; top: 0; left: 0;}
.layer-slideVerify-dialog.layui-layer .layui-layer-ico:before { content: "\e62e";}
.slideVerify-dialog { width: 100%; height: 100%; position: relative;}
.slideVerify-dialog .tit { font-size: 24px; color: #333333; line-height: 1; padding: 30px 30px 20px;}
.slideVerify-dialog .help { position: absolute; left: 30px; bottom: 32px;}
.slideVerify-dialog .help i { font-size: 32px; color: #E3E3E3; line-height: 1;}
.slideVerify-dialog .slideVerify-box { width: 440px; height: 330px; margin-left: 30px;}
.slideVerify-dialog .slideVerify-box .slideVerify {  height: 100% !important;}
.slideVerify-dialog .slideimage-wrap .slideCanbox { height: 100% !important;}
.slideVerify-dialog .slideRefBtn { position: absolute; bottom: 30px; right: 92px; z-index: 10;}
.slideVerify-dialog .slideRefBtn i { font-size: 32px; color: #d3d4d4;}
.slideimage-wrap .slide-box { height: 20px; background: #E3E3E3; border-radius: 10px; margin-top: 32px;}
.slideimage-wrap .slide-btn {width: 78px; border: none; height: 50px; position: absolute; cursor: pointer; top: -15px; box-shadow: none; background: url(../../image/icon/icon_slide_btn.png) no-repeat center center; z-index: 2; touch-action: none; }
.slideimage-wrap .slide-btn:hover {background: url(../../image/icon/icon_slide_btn.png) no-repeat center center;}
.slideimage-wrap .slide-success-box .slide-btn{background: url(../../image/icon/icon_slide_btn.png) no-repeat center center;}
.slideimage-wrap .slide-active-box .slide-btn {background: url(../../image/icon/icon_slide_btn.png) no-repeat center center; }
.slideimage-wrap .slide-success-box .slide-progress { border: none;}
.slideimage-wrap .slide-fail-box .slide-progress { border: none;}
.slideimage-wrap .slide-progress { border: none;}
.slideimage-wrap .slide-tips { background-color: #E3E3E3;}

.layer-registerSuccess-dialog.layui-layer .layui-layer-ico:before .layer-selCountry-dialogs{background-color: unset!important;box-shadow: unset!important;}
.layer-selCountry-dialogs .layui-layer-close2{background-image: unset!important;}