/*pop背景*/
.loginBg { height: 100%;width: 100%;position: fixed;top:0px;left:0px;background: rgba(0,0,0,0.2);display: none;z-index:99999;}
/*弹窗容器*/
.loginPop {width: 520px;height: 510px;background: #fff;border-radius: 10px;position: absolute;top:calc((100vH - 510px)/2);left:calc((100vW - 520px)/2);display: none;}
.loginPopShow {display: block;}
.loginPop .closePop {content: '';display: block;width: 28px;height: 28px;background:url('/images/closePop.png') center center no-repeat;background-size: 28px;position: absolute;right:-38px;top:0px;cursor: pointer;}
.loginPop .closePop:hover {opacity:0.6;}
/*登陆方式组*/
.group-method {height: 65px;margin:7px 0 0 0;}
.group-method .back {font-size: 18px;color:#c1c1c1;padding:0 0 0 14px;margin:8px 0 0 15px;position: relative;}
.group-method .back:after {content: '';display: block;position: absolute;width: 9px;height: 18px;background: url('/images/backImg.png') center center no-repeat;top:1px;left:0px;}
.group-method .back:hover {color:#333;}
.group-method .back:hover:after {background:url('/images/backImg_.png') center center no-repeat;}
.group-method .method_img {float:right; height: 65px;width: 65px;display: block;background: url('/images/loginCode.png') center center no-repeat;margin:0 8px 0 0;}
.group-method .method_txt {padding:4px 15px; display: block;float:right;margin:0 10px 0 0;border:1px solid #c5a0f3;background: linear-gradient(to bottom right, rgba(103,113,253,0.2) , rgba(103,113,253,0.2));/*background: #fff; */color:#9254de;position: relative;}
.group-method .method_txt span {display: block;width: 0px;height: 0px;border:9px solid;border-color:transparent transparent transparent #c5a0f3;/*透明 透明 透明 灰*/position:absolute;right:-18px;top:2px;}
.group-method .method_txt span em:nth-child(1) {display: block;width:0;height:0;border:8px solid;border-color:transparent transparent transparent #fff;/*透明 透明 透明 黄*/position:absolute;top:-8px;left:-9px;}
.group-method .method_txt span em:nth-child(2) {display: block;width:0;height:0;border:8px solid;border-color:transparent transparent transparent #677199;/*透明 透明 透明 黄*/position:absolute;top:-8px;left:-9px;opacity: 0.2;}
/*.group-method .method_txt:hover {opacity: 0.6;}*/
.group-method .method_img:hover {opacity: 0.6;}
/*登陆方式组*/
.group-title {zoom:1;height: 60px;margin-top:60px;margin:10px 0 0 0;width: 342px;margin: 0  auto;}
.group-title:after {content: '';display: block;clear:both;}
.group-title ul li {float:left;height: 60px;line-height: 60px;width: 171px;text-align: center;font-size:24px;cursor: pointer;color:#9a9a9a;}
.group-title ul .choice {color:#616161;}
.group-title ul li:hover {opacity: 0.6;}
/*表单*/
.group-form {width: 342px;margin:0 auto;margin-top:23px;display: none;}
.groupFormShow {display: block;}
.group-input  {position: relative;  width: 342px;height: 47px;box-shadow:0px 2px 5px -1px #ccc;margin-bottom:24px;}
.group-input input {width: 315px;height: 45px;border:1px solid #ececec;padding:0 0 0 25px;color:#333;}
.group-input input::-webkit-input-placeholder {color:#c1c1c1;font-size:14px;}
.group-input input:-ms-input-placeholder {color:#c1c1c1;font-size:14px;}
.group-input input::-moz-input-placeholder {color:#c1c1c1;font-size:14px;}
.groupSltSaw {box-shadow:0px 2px 5px -1px #6573ff;}
.error input::-webkit-input-placeholder {color:#f63756;}
.error input:-ms-input-placeholder {color:#f63756;}
.error input::-moz-input-placeholder {color:#f63756;}
.group-input .passwordS {display: block;width: 17px;height: 11px;position: absolute;background: url('/images/passwordSee.png') center center no-repeat;right:24px;top:18px;z-index: 99;cursor: pointer;}
.group-help {zoom:1;margin-bottom:24px;}
.group-help:after {content: '';display: block;clear:both;}
.group-help a {font-size:14px;color:#c1c1c1;float:right;}
.group-help a span {display: block;float:right;width: 12px;height: 12px;border-radius: 50%;border:1px solid #c1c1c1;line-height: 12px;font-size: 12px;text-indent: 3px;margin:2.5px 0 0 3px;}
.group-login-btn button {width: 342px;height: 45px;line-height: 45px;text-align: center;font-size:16px;color:#c1c1c1;/*letter-spacing: 5px;text-indent: 5px;*/background: #f2f2f2;}
.group-input input:focus {border:1px solid #bbc1f6;}
/*登陆方式组*/
.other-method {zoom:1;height: 75px;width: 100%;position: absolute;bottom:0px;left:0px;background: #f0f0f0;border-bottom-left-radius: 10px;border-bottom-right-radius: 10px;}
.other-method:after {content: '';display: block;clear:both;}
.other-method  a {display: block;float:left;}
.other-method  a:hover {color:#6573ff;}
.other-method .sigin {float:right;color:#919191;font-size: 18px;margin:25px 45px 0 0;}
.other-method .sigin span {letter-spacing: -4px;font-size: 18px;}
.other-method .qq,.other-method .dd,.other-method .weibo {width: 40px;height: 40px;margin:17px 0 0 32px;}
.other-method .qq {margin:17px 0 0 49px;background: url('/images/qqs.png') center center no-repeat;}
.other-method .dd {background: url('/images/dd.png') center center no-repeat;}
.other-method .weibo {background: url('/images/weibo.png') center center no-repeat;}
.other-method .qq:hover {background: url('/images/qqss.png') center center no-repeat;}
.other-method .dd:hover {background: url('/images/dds.png') center center no-repeat;}
.other-method .weibo:hover {background: url('/images/weibos.png') center center no-repeat;}
/*登陆错误提示*/
.group-input label[name='error'] {position: absolute;top:0px;left:0px;cursor: text;color:#f63756;height: 47px;line-height: 47px;font-size: 14px;padding-left:25px;display: none;}
.error { box-shadow:0px 2px 5px -1px #f39dab;}
.error label[name='error'] {display: block;}
.error input::-webkit-input-placeholder {content: '';}
.error input:-ms-input-placeholder {content: '';}
.error input::-moz-input-placeholder {content: '';}
/*短信登陆*/
.group-input span[name='phoneTest'] {height: 45px;display: block;width: 135px;text-align: center;line-height: 45px;position: absolute;top:1px;right:1px;background: #eaeaea;cursor: pointer;color:#c1c1c1;}
.group-input span[name='safePhoneTest'] {height: 45px;display: block;width: 135px;text-align: center;line-height: 45px;position: absolute;top:1px;right:1px;background: #eaeaea;cursor: pointer;color:#c1c1c1;}
/*忘记密码-账号安全*/
.group-title h3 {height: 60px;line-height: 60px;width: 342px;text-align: center;font-size:24px;color:#616161;margin-top:22px;font-weight: normal;}
.group-input div[name='imgcode'] {height: 45px;display: block;width: 155px;line-height: 45px;position: absolute;top:1px;right:1px;background: none;color:#c1c1c1;}
.group-input div[name='imgcode'] span {cursor: pointer;font-size: 14px;}
.group-input div[name='imgcode'] span:hover {opacity: 0.6;}
.group-input div[name='imgcode'] img {cursor: pointer;display: block;float:right;width: 79px;height: 27px;margin-top:10px;margin-right:5px;}
/*修改棉密码-账号安全*/
/*自动登陆-选择设计师*/
.group-help .loginauto {float:left;font-size: 14px;color:#c1c1c1;position: relative;padding:0 0 0 18px;cursor: pointer;}
.group-help .loginauto:after {content: '';display: block;width:13px;height: 13px;background: url('/images/radiomod.png') center center no-repeat;position: absolute;top:3px;left:0px;}
.group-help .radios:after {background: url('/images/radiomods.png') center center no-repeat;}
.group-help .radios {color:#6573ff;}
.group-radio {margin-bottom:24px;}
.group-radio ul{zoom:1;}
.group-radio ul:after {content: '';display: block;clear:both;}
.group-radio ul li {font-size:14px;color:#c1c1c1; float:left;width: 171px;height: 30px;line-height: 30px;cursor: pointer;text-align: center;}
.group-radio ul .li1 {background: #f2f2f2;}
.group-radio ul .li2 {text-align: center;background: #fafafa;}
.group-radio ul .slt {background: #6573ff;color:#fff;}
/*微信扫码登陆*/
.twoCodeWX .method_img {background: url('/images/loginPas.png') top right no-repeat;}
.twoCodeWX .title  {width: 215px;height: 34px;margin:0 auto;margin-top:10px;margin-bottom:10px;}
.twoCodeWX .title h3 {width: 145px;height: 34px;font-size: 18px;font-weight: normal;color:#616161;background: url('/images/weixin1.png') 10px center no-repeat;line-height: 45px;padding-left:70px;}
.two-code img {display: block;margin:0 auto;margin-top:0px;}
.other-msg {margin-top:20px;}
.other-msg p {display: block;text-align: center;color:#616161;margin-bottom:5px;}
.other-msg p a {color:#6573ff;}
/*账号注册*/
.register {height: 540px;}
.register .group-method {height: 40px;}
.register .title h3{font-size: 24px;color:#616161;font-weight: normal;text-align: center;}
.group-input span[name='phoneTestRe'] {height: 45px;display: block;width: 135px;text-align: center;line-height: 45px;position: absolute;top:1px;right:1px;background: #eaeaea;cursor: pointer;color:#c1c1c1;}
.register .group-radio {margin-bottom:20px;}
.register .group-radio ul li {float:left; background: url('/images/radiomod.png') 0px center no-repeat;text-align:left;padding:0 0 0 20px;width: 80px;margin:0 0 0 23px;}
.register .error ul li {float:left; background: url('/images/radiomodn.png') 0px center no-repeat;text-align:left;padding:0 0 0 20px;width: 80px;margin:0 0 0 23px;}
.register .group-radio ul .li2 {float:right;	margin:0 15px 0 0;}
.register .group-radio ul .slt {color:#6d7aff;background: url('/images/radiomods.png') 0px center no-repeat;}
/*其他信息*/
.register .other-msg p {font-size: 14px;color:#616161;margin-bottom:5px;}
.register .other-msg p a {font-size: 14px;color:#6573ff;}
.register .other-msg p span[name='readPro'] {padding:0 0 0 18px;background: url('/images/radiomod.png') 0px center no-repeat;cursor: pointer;}
.register .other-msg p>span.slt {background: url('/images/radiomods.png') 0px center no-repeat;}
.register .group-login-btn button {letter-spacing: 3px;text-indent: 3px;}
.register .error p span[name='readPro'] {background: url('/images/radiomodn.png') 0px center no-repeat;}
.register div[name='proRe'].error  {border:0px;box-shadow: none!important;}
.register div[name='roleRe'].error  {border:0px;box-shadow: none!important;}
.loginOne div[name='lgauto'].error  {border:0px;box-shadow: none!important;}
.loginOne .error .loginauto:after {background: url('/images/radiomodn.png') 0px center no-repeat;}
/*登录前置身份*/
.login_pre {width: 570px;height: 300px;top: calc((100vH - 300px)/2);left: calc((100vW - 570px)/2);}
.login_pre h4 {font-size: 16px;color:#313131;margin:15px 0 0 20px;}
.id_gps:after {display: block;content: '';clear:both;}
.id_gps {width: 300px;margin:0 auto;margin-top:35px;zoom:1;}
.id_gps .id_u,.id_gps .id_c {float:left;width: 132px;height: 192px;cursor: pointer;}
.id_gps .id_u img,.id_gps .id_c img {width: 132px;height: 132px;/*border:1px solid #e6e0f9;*/border-radius: 50%;float:left;}
.id_gps .id_c  {float:right;}
.id_gps .id_u span,.id_gps .id_c span {display: block;height: 60px;line-height: 60px;width: 100%;text-align: center;color:#818181;}
.id_gps .slt img {border:none;width: 134px;height: 134px;box-shadow: 0px 8px 25px 5px #e9e8f9;}
.id_gps .slt span {color:#6d6efa;}
.login_pre button {height: 38px;line-height: 38px;width: 218px;background: linear-gradient(#6d6df9, #8060eb);color:#fff;display: block;margin:0 auto;margin-top:20px;}
.two-code{text-align:center;}