.wrapper {
	margin: 0 auto;
	width: 1080px;
}


/* login */
.bg-slide {
	width: 100%;
	height: 100%;
	z-index: 1;
}
.bg-slide .swiper-slide {
	text-align: center;
	font-size: 18px;
	background: #313131;

	/* Center slide text vertically */
	display: -webkit-box;
	display: -ms-flexbox;
	display: -webkit-flex;
	display: flex;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	-webkit-justify-content: center;
	justify-content: center;
	-webkit-box-align: center;
	-ms-flex-align: center;
	-webkit-align-items: center;
	align-items: center;
}

.bg-slide .swiper-pagination-bullet {
	width: 20px;
	height: 20px;
	text-align: center;
	line-height: 20px;
	font-size: 12px;
	color: #000;
	opacity: 1;
	border-radius: 0;
	color: #fff;
	background: #b6b2b0;
}

.bg-slide .swiper-pagination-bullet-active {

	background: #8d8987;
}

.login-block {
	border-bottom: 20px solid #0188CC;
	width: 100%;
	position: relative;
	overflow: hidden;
	box-sizing: border-box;
	background: #313131;
}
.w1080{
	width: 1080px;
	height: 455px;
	position: absolute;
	top: 50%;
	left: 50%;
	z-index: 100;	
	transform: translate(-50%,-50%);
}
.login-block .login-wrap {
	width: 350px;
	height: 455px;
	box-sizing: border-box;
	padding: 25px;
	float: right;
	background: #fff;
}

.login-wrap .tit {
	width: 100%;
	height: 61px;
	display: flex;
	justify-content: space-between;
	align-items: flex-start;
}
.login-wrap .tit .lft{
	font-size: 18px;
	line-height: 50px;
}

.login-wrap .tit .rit {   /*微信扫码*/
	width: 165px;
	height: 100%;
	background: url(../images/sewm.png) no-repeat top right;
	-webkit-background-size: 45px;
	background-size: 45px;
}

.login-wrap .tit .rit a{
    font-size: 16px;
	padding: 8px 0 10px 10px;
	margin: 5px 45px 0 0;
	display: block;
	color:  #0088cc;
	border:1px solid #0088cc;
	border-radius: 3px;
	background: #dcf1fb;
}

.login-wrap .tit .rit a:hover {
    color: #ff8103;
}

/*小三角形向右*/
.login-wrap .tit .rit .up_right {
    width:0;
    height:0;
    border-width:10px 0 10px 10px;
    border-style:solid;
    border-color:transparent transparent transparent #0088cc;   /*透明 透明 透明 灰*/
	margin-top: -30px;
	margin-left: 119px;
    position:relative;
}

.login-wrap .tit .rit .up_right span{
    display:block;
    width:0;
    height:0;
    border-width:9px 0 9px 9px;
    border-style:solid;
    border-color:transparent transparent transparent #dcf1fb;   /*透明 透明 透明 黄*/
    position:absolute;
    top:-9px;
    left:-10px;
}

/*
.login-wrap .saoma .qr {
	width: 50%;
	margin: 50px auto;
	text-align: center;
}

.login-wrap .saoma .sys {
	width: 50%;
	margin: 0 auto;
	padding-left: 65px;
	background: url(../images/s.png) no-repeat left center;
	-webkit-background-size: 65px;
	background-size: 65px;
	box-sizing: border-box;
}
*/

.login-wrap .mima {                /*账户密码登录*/
	padding-top: 15px;
}

.login-wrap .mima .writing {
	width: 100%;
	height: 44px;
	font-size: 18px;
	line-height: 30px;
	border: 1px solid #aeaeaf;
	background: #fff;
	margin-bottom: 22px;
}

.login-wrap .mima .writing span {    /*小图标显示*/
	float: left;
	width: 42px;
	line-height: 42px;
	text-align: center;
}

.login-wrap .mima .writing span img {
	max-width: 100%;
	width: 20px;
	vertical-align: middle;
}

.login-wrap .mima .writing input {     /*文字输入框*/
	width: 75%;
	float: left;
	font-size: 18px;
	outline: none;
	border: 0;
	line-height: 30px;
	margin-top: 8px;
}

.login-wrap .mima .tx {             
	height: 44px;
	margin-bottom: 30px;
}

.login-wrap .mima .tx .writing {
	width: 65%;
	float: left;
	margin-bottom: 0;
}
.login-wrap .mima .mb0{
	margin-bottom: 5px;
}
.login-wrap .mima .yzm {
	width:25%;
	height: 42px;
	line-height: 42px;
	float: right;
}

.login-wrap .mima .yzm img {       /*验证码显示*/
	max-width: 100%;
	vertical-align: middle;
	float: right;
}

.mima .dl {                   /*提交按钮*/
	width: 100%;
	height: 44px;
	line-height: 44px;
	font-size: 18px;
	text-align: center;
	background: #0188cc;
}

.mima .dl a {
	display: block;
	color: #fff;
	letter-spacing: 10px;
}
.mima .dl a:hover{
	background: #04a9fc;
}

.mima p {
	line-height: 44px;
	text-align: right;
}
.mima p a {
	color: #0188cc;
}
.mima p.code{
	height: 40px;
	line-height: 40px;
	text-align: left;
	padding-left: 23px;
	font-size: 14px;
	margin-left: 10px;
	margin-top: 15px;
	margin-bottom: 15px;
}
.mima p.g{
	background: url(../img/g.png) no-repeat left center;
	-webkit-background-size: 18px;
	background-size: 18px;
}

.mima p.x{
	background: url(../images/x.png) no-repeat left center;
	-webkit-background-size: 18px;
	background-size: 18px;
}




/* 温馨提示 */
.tips-wrap {
	width: 100%;
	overflow: hidden;
	background: #f2f2f2;
}

.tips-wrap .tips-block {
	width: 1080px;
	margin: 0 auto;
	overflow: hidden;
	padding: 25px 0;
	display: flex;
	justify-content: space-between;
}

.tips-block .tips,
.tips-block .kf {
	width: 45%;
	float: left;
}

.tips-block .tit {
	height: 60px;
	line-height: 60px;
	font-size: 20px;
}

.tips-block .tit span {
	width: 8px;
	height: 15px;
	background: #0188cc;
	display: inline-block;
	vertical-align: middle;
}

.tips-block p {
	line-height: 34px;
	margin-left: 10px;
	padding-left: 12px;
	background: url(../images/dot.png) no-repeat left 15px;
	color: #666;
}

.tips-block .qr-code {
	padding: 0 30px;
	margin: 15px 0;
	display: flex;
	justify-content: space-between;
}


/* 注册、登录头部 */
.w100{
	width: 100%;
	border-bottom:20px solid #0088cc;
	background: #fff;
}
.w100 .header-block{
	height: 132px;
	width: 1080px;
	margin: 0 auto;
	padding: 0 22px;
	display: flex;
	align-items: center;
	justify-content: space-between;
}

.header-block .logo{
	display: flex;
	align-items: center;
}
.header-block .logo span{
	color: #0088CC;
	font-size: 24px;
	padding-left: 40px;
}

.header-block .rigister{
	font-size: 18px;
	color: #6c6a6a;
}
.header-block .rigister a{
	color: #2c03fb;
}
.mind .notice-box{
	border: 0;
	width: 100%;
	background: #fff;
}
.mind .notice-box .bd{     /*重要公告*/
	background: #fff;
	border: 0;
	height: 60px;
	line-height: 60px;
	font-size: 14px;
}
.mind .notice-box .bd label{
	height: 60px;
	line-height: 60px;
}
.mind .notice-box .bd label img,.mind .notice-box .bd label span{
	vertical-align: middle;
	float: left;
}
.mind .notice-box .bd label img{
	margin-top: 19px;
}
.mind .notice-box .bd .swp-box{
	height: 59px;
}
.mind .notice-box .bd ul li{
	height: 59px;
	line-height: 59px
}

/* step-block 注册部分*/
.step-block{
	width: 1080px;
	margin: 0 auto;
	overflow: hidden;
}

.step-block .step{      /*上方显示步骤进度 */
	width: 800px;
	padding: 50px 0 50px 0;
	margin: 0 auto;
}
.step-block .step p{
	width: 543px;
	padding-left: 29px;
	margin: 0 auto;
}
.step-block .step p img{
	max-width: 100%;
	margin: 0 auto;
}
.step-block .step .txt{
	line-height: 70px;
	width: 590px;
	display: flex;
	justify-content: space-between;
	align-items: center;
	font-size: 20px;
	color: #dcdcdc;
	margin: 0 auto;
	padding-left: 20px;
}
.step-block .step .txt .on{
	color: #2ec207;
}

.message{
	overflow: hidden;
}
.message .line-block{
	margin-bottom: 30px;
	height: 60px;
}
.message .line-block .lft{
	width: 300px;
	height: 60px;
	line-height: 60px;
	text-align: right;
	float: left;	
	color: #4b4a4a;
	font-size: 18px;
}
.message .line-block .lft span{
	color: #fd5656;
}
.message .line-block .rit{
	width: 700px;
	float: left;
	margin-left: 20px;
	font-size: 20px;
}
.message .rit p{
	line-height: 58px;
	color: #4b4a4a;
	font-size: 20px;
}
.message .rit .tips{
	color: #a4a2a2;
	font-size: 16px;
	line-height: 28px;
	padding-left: 25px;
	width: 510px;
}
.message .rit .msg{
	width: 400px;
	height: 60px;
    border: 1px solid #959595;
}
.message .rit .msg input{
	width: 90%;
	padding-left: 15px;
	font-size: 20px;
	height: 60px;
	line-height: 50px;
	border: 0;
	border: none;
	outline: none;
}
.message .rit.flex{
	display: flex;
	align-items: center;
	justify-content: flex-start;
}

.message .rit .sex-block{
	line-height: 58px;
}
.message .rit .sex-block label{
	margin-right: 70px;
	vertical-align: middle;
}
.message .rit .sex-block input{
	vertical-align: middle;
}
.message .rit .choose{
	width: 300px;
	height: 58px;
}
.message .rit .choose select{
	display: block;
	border: 1px solid #959595;
	height: 58px;
	line-height: 58px;
	width: 100%;
	font-size: 18px;
	padding: 0 10px;
	 appearance:none;
  -moz-appearance:none;
  -webkit-appearance:none;
background: url(../img/sj.png) no-repeat scroll 96% center transparent;
  -webkit-background-size: 20px;
  background-size: 20px;

}
.next{
	width: 400px;
	height: 60px;
	line-height: 60px;
	text-align: center;
	background: #e8e8e8;
	border-radius: 8px;
	margin: 80px 0 80px;
	font-size: 22px;
}
.next a{
	display: block;
}
/*.next:hover,*/.next.on{
	background: #0088CC;
	color: #fff;
}

/*.next:hover a,*/.next.on a{
	color: #fff;
}

.step1 .line-block .lft{
	width: 320px;
}
.step1 .line-block .rit{
	width: 600px;

}
.step1 .line-block .rit .msg{
	width: 420px;
}

/* 验证 */
#drag{ 
	position: relative;
	background-color: #e8e8e8;
	width: 512px;
	height: 60px;
	line-height: 60px;
	text-align: center;
}
#drag .handler{
	position: absolute;
	top: 0px;
	left: 0px;
	width: 76px;
	height: 58px;
	border: 1px solid #ccc;
	cursor: move;
}
.handler_bg{
	background: #fff url(../img/tz.png) no-repeat center;
}
.handler_ok_bg{
	background: #fff url(../img/2.png) no-repeat center;
}
#drag .drag_bg{
	background-color: #2ec207;
	height: 60px;
	width: 0px;
}
#drag .drag_text{
	position: absolute;
	top: 0px;
	width: 519px;
	-moz-user-select: none;
	-webkit-user-select: none;
	user-select: none;
	-o-user-select:none;
	-ms-user-select:none; 
	text-align: center;
}

/* 协议 */
.layer{
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background: rgba(0,0,0,.3);
	z-index: 100;
	display: none;
}
.popup{
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%,-50%);
	width:60%;
	height: 90%;
	background: #fff;
	border-radius: 6px;
}
.popup .popup-tit{
	height: 60px;
	line-height: 60px;
	padding-left: 15px;
	background: #303030;
	color: #fff;
	border-top-left-radius: 6px;
	border-top-right-radius: 6px;
	font-size: 20px;
}
.popup-txt{
	padding: 30px;
	height: 70%;
	overflow-y: scroll;
}
.popup-txt p{
	line-height: 30px;
	color: #666;
}
.popup-txt p.jiacu{
	font-weight: bold;
	padding: 5px 0;
	color: #333;
}
.popup-txt p.ts{
	color: #333;
}
.popup .btn{                  /*协议按钮*/
	width: 350px;
	height: 60px;
	line-height: 60px;
	text-align: center;
	margin: 30px auto;
	color: #fff;
	background: #0188cc;
	border-radius: 10px;
	font-size: 22px;
	cursor: pointer;
}

.guanbi{
	position: absolute;
	top: 16px;
	right: 16px;
	width: 28px;
	cursor: pointer;
}
.guanbi img{
	max-width: 100%;
}

.step1 .line-block .rit .msg.yzm{
	width: 200px;
}
.send{
	margin-left: 30px;
	width: 200px;
	height: 60px;
	line-height: 60px;
}
.send input{
	background: #0088CC;
	border-radius: 10px;
	border: 0;
	width: 100%;
	height: 60px;
	line-height: 60px;
	font-size: 20px;
	text-align: center;
	color: #fff;	
	cursor: pointer;
}
#vcode.on{
	text-align: center;
	background: #e5e5e5;
	
}
.send-tips{
	line-height: 40px;
	font-size: 20px;
	color: #737070;
	padding-left: 45px;
	background: url(../img/g.png) no-repeat left center;
}
.message .send-line{
	margin-bottom: 0;
}

.seccess{
	padding-left: 240px;
	width: 650px;
	padding-bottom: 120px;
}
.seccess .top{
	display: flex;
	align-items: center;
	padding-left:100px;
	margin-bottom: 20px;
}
.seccess .top .g{
	width: 80px;
	margin-right: 30px;
}
.seccess .top .g img{
	max-width: 100%;
}
.seccess .top .rit h3{
	font-size: 36px;
	color: #454645;
	line-height: 60px;
}
.seccess .top .rit p{
	font-size: 22px;
	line-height: 40px;
	color: #4E4E4E;
}

.seccess .sys{
	width: 380px;
	margin: 120px auto;
	padding-left: 50px;
	font-size: 22px;
	line-height: 40px;
	background: url(../img/i.png) no-repeat left 0;
	-webkit-background-size: 20px;
	background-size: 40px;
}
.seccess .inter{       /*绑定微信按钮*/
	width: 400px;
	height: 60px;
	line-height: 60px;
	margin: 0 auto;
	text-align: center;
	background: #0188cc;
	border-radius: 10px;
	font-size: 22px;
	margin-top:90px;
}
.seccess .inter a{
	color: #fff;
	text-align: center;
	display: block;
}
.seccess .inter a:hover{
	background: #04a9fc;
	border-radius: 10px;
}

@media screen and (max-width: 1440px) {
   .popup-txt{
	   height: 55%;
   }
   .login-block .login-wrap{
	 
   }
}