﻿.tk_login_main{display: flex;align-items: flex-start;justify-content: center;margin-top: 50px;padding-bottom: 46px;min-width: 1360px;}

.tk_password{padding-bottom: 50px;}

.tk_login_logo{position: relative;z-index: 1;display: block;width: 775px;height: 646px;margin-left: -155px;}

.tk_login_tab{position: relative;width: 600px;border-radius: 12px;background-color: #FFFFFF;overflow: hidden;z-index: 10;margin-left: -7px;}
.tk_login_tab .login_tab_title{display: flex;align-items: center;justify-content: center;margin: 0 40px;height: 70px;border-bottom: 1px solid #EEEEEE;margin-bottom: 10px;}
.tk_login_tab .login_tab_title li{display: block;position: relative;height: 70px;line-height: 70px;margin: 0 40px;font-size: 20px;color: #333333;cursor: pointer;}
.tk_login_tab .login_tab_title .login_cur{color: #ff3333;}
.tk_login_tab .login_cur::before{
	content: '';
	position: absolute;
	left: 50%;
	transform: translateX(-50%);
	bottom: 0;
	width: 20px;
	height: 4px;
	background: #ff3333;
	border-radius: 2px;
}
/*.tk_login_tab .login_item{display: none;}*/
.tk_login_tab .weChat_txt{display: block;text-align: center;padding-top: 45px;font-size: 16px;color: #666666;}
.tk_login_tab .qrcode_wrap{margin: 0 auto;margin-top: 15px;position: relative;}
.tk_login_tab .weChat_ewm{display: block;width: 360px;height: 360px;margin: 0 auto;}

.qrcode_wrap .qrcode_mask{background-color: rgba(255, 255, 255, 0.95);width: 100%;height: 100%;display: flex;align-items: center;justify-content: center;position: absolute;left: 0;top: 0;}
.qrcode_wrap .qrcode_mask .qrcode_tip{color: #000;font-size: 19px;text-align: center;}
.qrcode_wrap .qrcode_mask .reload_btn{color: #576b95;font-size: 16px;text-align: center;margin-top: 10px;cursor: pointer;}

.tk_login_tab .pass_label{display: block;padding-top: 20px;margin-left: 72px;margin-bottom: 10px;font-size: 16px;color: #333333;}
.tk_login_tab .pass_input{position: relative;width: 480px;height: 60px;display: block;box-sizing: border-box;border: 2px solid #D7DDE4;border-radius: 6px;margin: 0 auto;overflow: hidden;}
.tk_login_tab .pass_input input{display: block;width: 100%;height: 100%;box-sizing: border-box;padding-left: 12px;font-size: 16px;}
.tk_login_tab .pass_input_yzm{width: 480px;display: flex;align-items: center;justify-content: space-between;margin: 0 auto;}
.tk_login_tab .pass_input_yzm input{width: 310px;height: 60px;box-sizing: border-box;padding-left: 11px;border: 2px solid #D7DDE4;border-radius: 6px;font-size: 16px;}
.tk_login_tab .yzm_img{display: block;width: 160px;height: 60px;box-sizing: border-box;border-radius: 6px;overflow: hidden;}
.tk_login_tab .login_btn {
	display: block;
	cursor: pointer;
	width: 480px;
	height: 60px;
	background: #ff3333;
	border-radius: 42px;
	margin: 0 auto;
	margin-top: 30px;
	text-align: center;
	line-height: 60px;
	font-size: 16px;
	color: #FFFFFF;
	letter-spacing: 6px;
}
.tk_login_tab .login_link{display: flex;align-items: center;justify-content: space-between;padding: 0 60px;margin-top: 20px;margin-bottom: 30px;}
.tk_login_tab .login_link_a{color: #666666;}
.tk_login_tab .login_link_a1{color: #1F77B1;}
.tk_login_tab .pass_input_yzm .yzm_btn{width: 160px;height: 60px;background: #FFFFFF;border: 2px solid #D7DDE4;border-radius: 6px;display: flex;align-items: center;justify-content: center;font-size: 16px;color: #ff3333;cursor: pointer;text-align: center;padding-left: 0;}
.tk_login_tab .pass_check{display: block;text-align: center;font-size: 14px;margin-top: 20px;margin-bottom: 30px;color: #333333;}
.tk_login_tab .pass_check a{color: #ff3333;}
.tk_login_tab .party_login{display: block;width: 520px;margin: 0 auto;padding-bottom: 20px;}
.tk_login_tab .party_title{text-align: center;position: relative;font-size: 16px;color: #999999;}
.tk_login_tab .party_title::before{
	content: '';
	position: absolute;
	right: 0;
	top: 50%;
	transform: translateY(-50%);
	width: 170px;
	height: 1px;
	background-color: #E3E8EE;
}
.tk_login_tab .party_title::after{
	content: '';
	position: absolute;
	left: 0;
	top: 50%;
	transform: translateY(-50%);
	width: 170px;
	height: 1px;
	background-color: #E3E8EE;
}
.tk_login_tab .party_row{display: flex;align-items: center;justify-content: space-between;margin: 0 105px;margin-top: 20px;}
.tk_login_tab .party_view{cursor: pointer;display: block;}
.tk_login_tab .party_view .party_wb_icon{
	display: block;
	width: 48px;
	height: 48px;
	background: url(/static/image/sxb_login_sina_a.png) no-repeat;
	background-size: 100% 100%;
	margin: 0 auto;
}
.tk_login_tab .party_view:hover .party_wb_icon{
	background: url(/static/image/sxb_login_sina_b.png) no-repeat;
	background-size: 100% 100%;
}
.tk_login_tab .party_view .party_qq_icon{
	display: block;
	width: 48px;
	height: 48px;
	margin: 0 auto;
	background: url(/static/image/sxb_login_qq_a.png) no-repeat;
	background-size: 100% 100%;
}
.tk_login_tab .party_view:hover .party_qq_icon{
	background: url(/static/image/sxb_login_qq_b.png) no-repeat;
	background-size: 100% 100%;
}
.tk_login_tab .party_view span{display: block;text-align: center;margin-top: 10px;font-size: 16px;color: #999999;}
.tk_login_tab .pass_eye{position: absolute;z-index: 10;top: 0;right: 0;width: 42px;height: 100%;display: flex;align-items: center;justify-content: center;cursor: pointer;}
.tk_login_tab .pass_eye img{width: 16px;}

/* 温馨提示 */
.mask_wrap .tip_wrap{position: fixed;left: 50%;top: 50%;transform: translate(-50%, -50%);z-index: 600;width: 460px;height: 240px;box-sizing: border-box;border-radius: 6px;background-color: #FFFFFF;padding: 40px 0 0 20px;}
.mask_wrap .tip_wrap .close_ico{width: 15px;height: 15px;position: absolute;right: 15px;top: 15px;}
.mask_wrap .tip_wrap .title{font-size: 18px;text-align: center;color: #333;margin-bottom: 20px;}
.mask_wrap .tip_wrap p{font-size: 14px;text-align: center;color: #666;}
.mask_wrap .tip_wrap .btn_group{margin-top: 30px;display: flex;flex-direction: column;align-items: center;}
.mask_wrap .tip_wrap .btn_group .btn{cursor: pointer;width: 290px;margin-bottom: 10px;height: 38px;line-height: 38px;border-radius: 20px;text-align: center;background-color: #ff3333;color: #FFFFFF;}
.mask_wrap .tip_wrap .btn_group .btn_1{background-color: #ff9101;}

/* 绑定已有账号 */
.mask_wrap .bind_wrap{position: fixed;left: 50%;top: 50%;transform: translate(-50%, -50%);z-index: 600;width: 500px;height: 480px;box-sizing: border-box;border-radius: 6px;background-color: #FFFFFF;padding: 25px;}
.mask_wrap .bind_wrap .close_ico{width: 15px;height: 15px;position: absolute;right: 15px;top: 15px;}
.mask_wrap .bind_wrap .title{font-size: 18px;color: #333;margin-bottom: 20px;}
.mask_wrap .bind_wrap p{font-size: 14px;color: #999999;margin-bottom: 40px;}
.mask_wrap .bind_wrap .ipt_area{margin-bottom: 30px;position: relative;}
.mask_wrap .bind_wrap .ipt_area .label{font-size: 14px;color: #333333;margin-bottom: 18px;}
.mask_wrap .bind_wrap .ipt_area input{width: 100%;height: 40px;border-radius: 5px;border: 2px solid rgba(153, 153, 153, 0.2);box-sizing: border-box;padding-left: 5px;font-size: 15px;}
.mask_wrap .bind_wrap .ipt_area input::-webkit-input-placeholder{
	color: #999;
}
.mask_wrap .bind_wrap .ipt_area .pass_eye{position: absolute;right: 10px;bottom: 11px;width: 20px;height: 18px;}
.mask_wrap .bind_wrap .ipt_area .pass_eye img{width: 100%;height: 100%;}
.mask_wrap .bind_wrap .bind_btn{cursor: pointer;width: 100%;background-color: #ff3333;color: #FFFFFF;height: 55px;border-radius: 15px;text-align: center;line-height: 55px;font-size: 15px;margin-top: 50px;}
.mask_wrap .bind_wrap .option{margin-top: 35px;display: flex;}
.mask_wrap .bind_wrap .option a{font-size: 15px;color: #333;}
.mask_wrap .bind_wrap .option .blue{margin-left: auto;color: #007AFF;}
