@charset "utf-8";

/* 初始化CSS */
body {overflow-x: hidden; margin:0; background:#fff;
	display: flex;
	flex-direction: column;
	line-height: 1.5;
	color: #222;
	font-family: "Microsoft YaHei", "宋体" !important;
	height: 100vh;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
}

p{ margin:0; padding:0;}
.container-slide{ overflow: hidden;}
a,a:hover{ text-decoration:none;}
.form-control{border-radius:0;}
ul{ list-style:none;}
dl,dt,dd,h2,form,ul,li,p,img, span, h1,h3,h4,h5,h6{margin:0; padding:0;}
a {color:#4f4f4f;text-decoration:none;margin:0;}
a:hover {color:#e83428;text-decoration:none;}
a img {border:0;}
ul{list-style-type:none;}
.clear{clear:both;}
main {flex: 1 0 auto}
.wrap{ width:100%;display: flex;justify-content: center;align-items: center;}
.clear:after {display: block;clear: both;content: "";visibility: hidden; height: 0;}
.clear{clear:both;}
.clearfix:after{content: ""; display:block; height:0; clear:both; visibility:hidden;}
.clearfix{ *zoom: 1;}
.container {margin:0 auto;}
@media (max-width:767px){.container{padding:0px 15px;}}
@media (min-width:768px){.container{width:750px}}
@media (min-width:992px){.container{width:970px}}
@media (min-width:1320px){.container{width:1200px}}


.hy{background:#6aabff; min-height:600px;}
.hy_inner{width:933px; border-radius:10px; background-color: rgba(255,255,255,0.9);}
/*----------1，手机/账号注册样式开始----------*/
/*左侧图*/
.left-tupian{position: absolute;}
.left-tupian img{max-width: 100%;position:relative;margin-top: 10%;left:0;}

/*右上角扫码登录*/
.toggle-sign-way {position: absolute;top: 0;right: 0;}
.toggle-button {background: url("../images/a_3.png");width: 25px;height:25px;cursor: pointer;margin:10px 20px 0 0;}
.toggle-button:hover{background: url("../images/a_3_3.png");width: 25px;height:25px;cursor: pointer;margin:10px 20px 0 0;}
.toggle-tips {position: absolute;right:51px;top:10px;background:url(../images/a_1.png);width: 80px; height: 25px;font-size: 14px; color: #272727;line-height:25px;padding-left:9px;box-sizing: border-box;cursor: pointer;}

/*手机/账号登录*/
.denglu{width:320px; height: 415px; padding:77px 40px 0 40px;position: relative;float: right;}
#phoneDiv,#loginNameDiv{float:left;}
.denglu .login_63 {float:left;}
.denglu .login_63 dl{float:left;}
.denglu .login_63 dl dd{margin-bottom:30px; float:left; }
.denglu .login_63 input{float:left; border:1px solid #dfdfdf; height:35px; border-radius:5px; width:310px; font-size:14px; color:#000000; padding-left:10px; }
.denglu .login_63 .dx  input.login_input_2{ width:212px; margin-right:10px;}
.denglu .mima-tubiao{position: absolute;right: 20px;margin-top: 10px;}
.denglu .mima-tubiao a{cursor: pointer}
.denglu .login_63 .dx  input.yzm_sent{ width:119px;}
.denglu .login_63 dl dd.yzm img.yzm_63{float:left; border-radius:3px; width:90px; height:36px;}
.denglu .login_63 dl dd.yzm img.refresh_63{width:30px; height:35px;margin-left: 5px;}
.denglu .login_63 dl dd.yzm a{ display:block; float:left;}
.denglu .login_63 input.login_input_3{ width:185px;}
.denglu .login_63 input.login_input_4{ width:310px;}
.denglu .quc-input-append {right: 0;text-align: center;width: auto;padding-right: 25px;z-index: 100;position: absolute;}
.denglu .quc-link {color: #49a8ff;cursor: pointer;line-height: 37px; border-left: 1px solid #dfdfdf; padding-left: 10px;}
.denglu .login_63 dl dd.yinsi a{color:#2d86e0;}
.denglu .login_63_btn{ float:left; background:#2d86e0; width:322px; height:45px; margin-top:2px; font-size:18px; font-weight:bold; text-align:center; color:#fff; border-radius:8px; line-height:45px; margin-bottom: 10px;}
#webChatlogin a{ float:left; display:block; text-align:center; line-height:46px;font-size:16px; color:#2d86e0; background:url(../images/e-16.jpg) no-repeat 90px 10px ; border:1px solid #2d86e0; border-radius:10px; width:325px; height:46px; padding-left:37px; margin-top:20px;}
.login-hx{border-bottom: 2px solid #dadada;margin-bottom: 40px;}
.dl_tab {float:left; margin-bottom: -7px;}
.dl_tab a{font-size:18px; font-weight:bold; color:#a9a9a9;  display:block; padding-bottom:6px; margin-right:20px; }
.dl_tab.cur a{color:#000; border-bottom:2px solid #2d86e0; margin-bottom: -2px;}
.register_66{margin-top: 60px;text-align: center; font-size: 14px;color: #656565}
.register_65{margin-top: 20px;text-align: center; font-size: 14px;color: #2d86e0;clear: both;}
.register_65 a{color: #2d86e0;cursor: pointer}
.yzm_63{border-radius: 5px;height: 26px;}

/*----------1，手机/账号注册样式结束----------*/


/*----------2，身份信息验证开始----------*/
.tj-a p{color:#656565;font-size: 14px;}
.ti-anniu a{ color: #000; font-weight: bold;}
.fwxy a{ color: #2888df; font-weight: bold;}
.yszc a{ color: #2888df; font-weight: bold;}
.three-fhmmcg-er{float: left; background: url(../images/b_3_3.png) no-repeat; width: 82px; height: 27px; font-size: 14px;color: #272727;line-height: 28px;padding-left: 33px;
}
.select-a{position:absolute;right: 10px;margin-top: 10px;}
/*----------2，身份信息验证结束----------*/

/*----------3，手机号码换绑开始----------*/
.ts-a{ text-align: center; font-size: 14px;color: #000}
.sjh-a{margin-bottom: 40px;text-align: center;font-size: 18px;}
.tianxie_a{width: 24px;height: 35px;border: 1px solid #e6e6e6;text-align: center;font-size: 18px;}
.bc{color:black; margin: 22px 0; font-size: 14px; text-align: center}
.denglu2 .login_64_btn{float: left;background: #828282; width: 322px;height: 45px;margin-top: 2px;font-size: 18px;font-weight: bold;text-align: center;color: #fff; border-radius: 8px;line-height: 45px;margin-bottom: 10px;}
/*----------3，手机号码换绑结束----------*/

/*----------4，注册成功开始----------*/
.zccg-a{ font-size: 16px; color: #4f4f4f;text-align: center}
.zccg-b{text-align: center}
.zccg-b img{max-width:100%;margin: 20px 0}
.zccg-c{ font-size: 14px; color: #151515;text-align: center; line-height: 28px; font-weight: bold;margin-top: 40px}
.zccg-c2{ font-size: 14px; color: #151515;line-height: 28px;margin-top: 40px}2
.zccg-d{ font-size: 14px; color: #151515;text-align: center; line-height: 12px; font-weight: bold;margin-top:80px}
.zccg-d span{color:#2981d8; font-size: 14px;padding:0 2px;}
.zccg-e{ font-size: 14px; color: #151515;text-align: center; line-height: 12px; font-weight: bold;margin-top:14px;line-height: 25px;}
.zccg-e span{color:#2981d8; font-size: 14px;cursor: pointer;}
/*----------4，注册成功结束----------*/

/*----------6，验证手机号开始----------*/
.phonelogin{ margin-bottom: 42px;}
.one-yzsjh{float: left; background:url("../images/b_1.png") no-repeat; width:106px;height:27px; font-size: 14px; color:#272727; line-height: 28px;padding-left: 10px; margin-left: 5px;}
.tow-szmm{float: left; background:url("../images/b_2_2.png") no-repeat; width:102px;height:27px; font-size: 14px; color:#272727; line-height: 28px;padding-left: 14px;}
.three-fhmmcg{float: left; background:url("../images/b_3_3.png") no-repeat; width:99px;height:27px; font-size: 14px; color:#272727; line-height: 28px;padding-left: 16px;}
.three-fhmmcg-qi{float: left; background:url("../images/b_3.png") no-repeat; width:99px;height:27px; font-size: 14px; color:#272727; line-height: 28px;padding-left: 16px;}

.denglu2{width: 360px; height: 415px; padding: 77px 20px 0 20px;position: relative; float: right; }
.denglu2 .login_63 {float:left;}
.denglu2 .login_63 dl{float:left;}
.denglu2 .login_63 dl dd{margin-bottom:30px; float:left; }
.denglu2 .login_63 input{float:left; border:1px solid #dfdfdf; height:35px; border-radius:5px; width:310px; font-size:14px; color:#000000; padding-left:10px; }
.denglu2 .login_63 select{float:left; border:1px solid #dfdfdf; height:35px; border-radius:5px; width:310px; font-size:14px; color:#000000; padding-left:10px; }
.denglu2 .login_63 .dx  input.login_input_2{ width:212px; margin-right:10px;}
.denglu2 .mima-tubiao{position: absolute;right: 10px;margin-top: 10px;}
.denglu2 .mima-tubiao a{cursor: pointer}
.denglu2 .login_63 .dx  input.yzm_sent{ width:119px;}
.denglu2 .login_63 dl dd.yzm img.yzm_63{float:left; border-radius:3px; width:90px; height:36px;}
.denglu2 .login_63 dl dd.yzm img.refresh_63{width:30px; height:35px;margin-left: 5px;}
.denglu2 .login_63 dl dd.yzm a{ display:block; float:left;}
.denglu2 .login_63 input.login_input_3{ width:184px;}
.denglu2 .login_63 input.login_input_4{ width:310px;}
.denglu2 .quc-input-append {right: 0;text-align: center;width: auto;padding-right: 16px;z-index: 100;position: absolute;}
.denglu2 .quc-link {color: #49a8ff;cursor: pointer;line-height: 37px; border-left: 1px solid #dfdfdf; padding-left: 10px;}
.denglu2 .login_63 dl dd.yinsi a{color:#2d86e0;}
.denglu2 .login_63_btn{ float:left; background:#2d86e0; width:322px; height:45px; margin-top:2px; font-size:18px; font-weight:bold; text-align:center; color:#fff; border-radius:8px; line-height:45px; margin-bottom: 10px;}
.dl-a{padding: 0 20px}

/*----------6，验证手机号结束----------*/

/*----------7，重置密码开始----------*/
.tow-szmm-qi{float: left;background:url("../images/b_2.png") no-repeat; width:97px;height:27px; font-size: 14px; color:#272727; line-height: 28px;padding-left: 16px;}
.mmyq{font-size: 12px;color: #949494;margin-left: 10px;line-height: 27px;}
/*----------7，重置密码结束----------*/

/*----------8，扫码登录开始----------*/
.toggle-button2 {background: url("../images/a_2.png");width: 25px;height:25px;cursor: pointer;margin:10px 20px 0 0;}
.toggle-button2:hover{background: url("../images/a_2_2.png");width: 25px;height:25px;cursor: pointer;margin:10px 20px 0 0;}
.smdl-a{text-align: center; font-size: 20px;color: #575656;margin-bottom: 20px;}
.smdl-b{ width: 174px;height: 174px;margin:auto;}
.smdl-b img{max-width:100%;}
.smdl-c{width: 150px;margin:0 auto;}
.smdl-c img{ width: 32px; float: left; margin-top: 5px;}
.smdl-c p{float:left; margin-left: 10px; font-size: 14px;color: #656565}
/*----------8，扫码登录结束----------*/

/*----------9，绑定已有账号开始----------*/
.ts-b{ font-size:14px; text-align: center;margin: -20px 0 18px 0;}
.tow-szmm-jiu{float: left;background:url("../images/b_2.png") no-repeat; width:107px;height:27px; font-size: 14px; color:#272727; line-height: 28px;padding-left: 14px;}
/*----------9，绑定已有账号结束----------*/

/*----------10，微信换绑提示开始----------*/
.ts-c{ font-size:20px; color: #2d86e0; text-align: center;padding-bottom:20px; border-bottom: 1px solid #e0e0e0}
.wenzi-1{margin-top:30px;text-align: center; font-size: 18px;}
.wenzi-1 .wenzi-1-a{color: #262626}
.wenzi-1 .wenzi-1-b{color: #ac2626;margin-top:30px;}
.wenzi-1 .wenzi-1-c{color: #262626;margin-top:30px; margin-bottom: 60px;}
.denglu2 .login_67_btn {float: left;background: #2d86e0;width: 145px;height: 45px;margin-top: 2px;font-size: 18px;font-weight: bold;text-align: center;color: #fff;border-radius: 8px;line-height: 45px; margin-bottom: 10px;float: left;}
.denglu2 .login_68_btn {float: left;background: #2d86e0; width:145px;height: 45px;margin-top: 2px;font-size: 18px;font-weight: bold;text-align: center;color: #fff; border-radius: 8px;line-height: 45px;margin-bottom: 10px;float: right;margin-left: 20px}
/*----------10，微信换绑提示结束----------*/



@media(max-width:1200px){
	.left-tupian{display: none}
	.denglu{float:none; margin: 0 auto}
}
@media(max-width:1024px){
	.left-tupian img {left: 0px;width: 57%;margin-top: 25%;}
}
@media(max-width:991px){
	.left-tupian img{left:0px;}
}
@media(max-width:820px){
	.left-tupian{display: none}
	.denglu{float:none; margin: 0 auto}
	.denglu2{float: none;margin: 0 auto;}
}
@media(max-width:768px){
	.denglu2{float: none;margin: 0 auto;}
}
@media(max-width:767px){
	.denglu .quc-input-append{
		padding-right:25px;
	}
	.left-tupian img{left:0;}
}
@media(max-width:440px){
	.wrap{padding-top:0}
	.hy{background:#f0f7ff}
	.hy_inner{border-radius: 0;background-color:#f0f7ff}
	.container{padding: 0}
	.left-tupian{display: none;}
	.toggle-sign-way{display: none;}
	.denglu{width:100%;padding: 0}
	.ny3-c3-box{padding:180px 30px 0 30px;}
	.login_63 input.login_input_3{width:245px;margin-right: 0}
	.login_63 input.login_input_4{width: 227px;}
	.hy_inner {float: none;margin: 0 auto;}
	.denglu2{padding: 180px 10px 0 10px}
	.denglu .login_63_btn{width: -webkit-fill-available;}
}
@media(max-width:430px){
	.denglu .login_63 input{width: -webkit-fill-available;}
	.denglu .login_63 input.login_input_3{width:230px;margin-right: 0}
	.denglu .login_63 input.login_input_4 {width: -webkit-fill-available;}
}
@media(max-width:414px){
	.denglu .login_63 input{width: -webkit-fill-available;}
	.denglu .login_63 input.login_input_3{width:210px;margin-right: 0}
	.denglu .login_63 input.login_input_4 {width: -webkit-fill-available;}
	.denglu .login_63_btn{width: -webkit-fill-available;}
	.denglu .mima-tubiao{right: 21px;margin-top: 12px;}
}
@media(max-width:390px){
	.denglu .login_63 input.login_input_3 {width:174px;margin-right: 0}
	.denglu .quc-input-append{padding-right: 18px;}
}
@media(max-width:375px){
	.ny3-c3-box{padding:180px 10px 0 10px;}
	.denglu2{padding:180px 10px 0 10px}
}