/* 个人资料修改 */
.personalInfoModifyArea{
  padding:10px 0 50px 40px;
  width:100%;
  background:#fff;
  border:1px solid #ebebeb;
  box-sizing:border-box;
}

.personalInfoModifyArea .hd{
  position:relative;
  margin-bottom:30px;
  width:100%;
  height:33px;line-height:33px;
  border-bottom:1px solid #ebebeb;
  font-size:14px;
  color:#000;
}
.personalInfoModifyArea .hd:before{
  content:'';
  position:absolute;
  bottom:-1px;left:0;
  width:85px;height:2px;
  background:#0aaff1;
}

.personalInfoModifyArea .row{
  margin:0 auto 15px;
  width:fit-content;
}
.personalInfoModifyArea .row .rowLeft{
  float:left;
  width:100px;height:32px;
  line-height:32px;
  font-size:14px;
  color:#1f1f1f;
  text-align:right;
}
.personalInfoModifyArea .row .rowRight{
  float:left;
  margin-left:10px;
  width:240px;
}
.personalInfoModifyArea .row .rowRight .info{
  position:relative;
  padding:0 10px;
  width:100%;height:32px;
  line-height:30px;
  border:1px solid #d9d9d9;
  border-radius:5px;
  font-size:14px;
  color:#999;
  box-sizing:border-box;
}
.personalInfoModifyArea .row .rowRight .info a{
  position:absolute;
  top:0;right:10px;
  width:30px;height:30px;
  line-height:30px;
  font-size:12px;
  color:#0aaff1;
  text-align:center;
}
.personalInfoModifyArea .row .rowRight select,
.personalInfoModifyArea .row .rowRight input{
  padding:0 10px;
  width:100%;height:32px;
  line-height:30px;
  border:1px solid #d9d9d9;
  border-radius:5px;
  font-size:14px;
  color:#999;
  outline:none;
  box-sizing:border-box;
}

.personalInfoModifyArea .modifyBtn{
  display:block;
  margin:0 auto;
  width:120px;height:56px;
  line-height:56px;
  background:#0aaff1;
  border-radius:5px;
  font-size:14px;
  color:#fff;
  text-align:center;
}

/* 个人资料修改End */

/* 违规昵称修改 */
.voidNicknameArea{
  padding:10px 0 50px 40px;
  width:100%;
  background:#fff;
  border:1px solid #ebebeb;
  box-sizing:border-box;
}

.voidNicknameArea .hd{
  position:relative;
  margin-bottom:30px;
  width:100%;
  height:33px;line-height:33px;
  border-bottom:1px solid #ebebeb;
  font-size:14px;
  color:#000;
}
.voidNicknameArea .hd:before{
  content:'';
  position:absolute;
  bottom:-1px;left:0;
  width:85px;height:2px;
  background:#0aaff1;
}

.voidNicknameArea .noModify{
  width:100%;
  line-height:30px;
  font-size:14px;
  color:#1f1f1f;
  font-weight:700;
  text-align:center;
}
/* 违规昵称修改End */

/* 修改久游通行证密码 */
.passwordModifyArea{
  padding:10px 0 50px 40px;
  width:100%;
  background:#fff;
  border:1px solid #ebebeb;
  box-sizing:border-box;
}

.passwordModifyArea .hd{
  position:relative;
  margin-bottom:30px;
  width:100%;
  height:33px;line-height:33px;
  border-bottom:1px solid #ebebeb;
  font-size:14px;
  color:#000;
}
.passwordModifyArea .hd:before{
  content:'';
  position:absolute;
  bottom:-1px;left:0;
  width:130px;height:2px;
  background:#0aaff1;
}

.passwordModifyArea .content .left{
  float:left;
  width:430px;height:315px;
  border-right:1px solid #ebebeb;
}
.passwordModifyArea .content .left .row{
  margin:0 auto 15px;
  width:fit-content;
}
.passwordModifyArea .content .left .row .rowLeft{
  float:left;
  width:85px;height:32px;
  line-height:32px;
  font-size:14px;
  color:#1f1f1f;
  text-align:right;
}
.passwordModifyArea .content .left .row .rowRight{
  float:left;
  margin-left:10px;
  width:240px;
}
.passwordModifyArea .content .left .row .rowRight .info{
  position:relative;
  padding:0 10px;
  width:100%;
  height:32px;
  line-height:30px;
  border:1px solid #d9d9d9;
  border-radius:5px;
  font-size:14px;
  color:#999;
  box-sizing:border-box;
}
.passwordModifyArea .content .left .row .rowRight input{
  padding:0 10px;
  width:100%;height:32px;
  line-height:30px;
  border:1px solid #d9d9d9;
  border-radius:5px;
  font-size:14px;
  color:#999;
  outline:none;
  box-sizing:border-box;
}
.passwordModifyArea .content .left .row .rowRight .passwordLevel{
  width:240px;height:32px;
  border-radius:5px;
  overflow:hidden;
}
.passwordModifyArea .content .left .row .rowRight .passwordLevel .level{
  float:left;
  width:79px;height:32px;
  background:#d9d9d9;
}
.passwordModifyArea .content .left .row .rowRight .passwordLevel .level:nth-child(2){
  border-left:1px solid #999;
  border-right:1px solid #999;
}

.passwordModifyArea .content .left .row .rowRight .passwordLevel.weak .level:nth-child(1){
  background:#ff0000;
}
.passwordModifyArea .content .left .row .rowRight .passwordLevel.medium .level:nth-child(1),
.passwordModifyArea .content .left .row .rowRight .passwordLevel.medium .level:nth-child(2){
  background:#ffff00;
}
.passwordModifyArea .content .left .row .rowRight .passwordLevel.strong .level{
  background:#00ff00;
}

.passwordModifyArea .content .left .modifyBtn{
  display:block;
  margin:0 auto;
  width:120px;height:56px;
  line-height:56px;
  background:#0aaff1;
  border-radius:5px;
  font-size:14px;
  color:#fff;
  text-align:center;
}

.passwordModifyArea .content .right{
  float:left;
  margin:70px 0 0 120px;
}
.passwordModifyArea .content .right p{
  line-height:20px;
  font-size:14px;
  color:#999;
}
.passwordModifyArea .content .right p span{
  line-height:30px;
  color:#010101;
}
.passwordModifyArea .content .right p a{
  color:#0aaff1;
}
/* 修改久游通行证密码End */

/* 身份证管理 */

.IDCardManageArea .row .rowRight input{
  padding:0 10px;
  width:100%;height:32px;
  line-height:30px;
  border:1px solid #d9d9d9;
  border-radius:5px;
  font-size:14px;
  color:#999;
  outline:none;
  box-sizing:border-box;
}
.IDCardManageArea .modifyBtn{
  display:block;
  margin:0 auto;
  width:120px;height:56px;
  line-height:56px;
  background:#0aaff1;
  border-radius:5px;
  font-size:14px;
  color:#fff;
  text-align:center;
}

.IDCardManageArea{
  padding:10px 0 50px 40px;
  width:100%;
  background:#fff;
  border:1px solid #ebebeb;
  box-sizing:border-box;
}

.IDCardManageArea .hd{
  position:relative;
  width:100%;
  height:33px;line-height:33px;
  border-bottom:1px solid #ebebeb;
  font-size:14px;
  color:#000;
}
.IDCardManageArea .hd:before{
  content:'';
  position:absolute;
  bottom:-1px;left:0;
  width:70px;height:2px;
  background:#0aaff1;
}

.IDCardManageArea .tit{
  margin:20px 0;
  line-height:30px;
  font-size:14px;
  color:#4c4c4c;
}

.IDCardManageArea .content .left{
  float:left;
  width:430px;height:400px;
  border-right:1px solid #ebebeb;
}
.IDCardManageArea .content .left .row{
  margin:0 auto 15px;
  width:fit-content;
}
.IDCardManageArea .content .left .row .rowLeft{
  float:left;
  width:120px;height:32px;
  line-height:32px;
  font-size:14px;
  color:#1f1f1f;
  text-align:right;
}
.IDCardManageArea .content .left .row .rowRight{
  float:left;
  margin-left:10px;
  width:240px;
}
.IDCardManageArea .content .left .row .rowRight .info{
  padding:0 10px;
  width:100%;
  height:32px;
  line-height:30px;
  border:1px solid #d9d9d9;
  border-radius:5px;
  font-size:14px;
  color:#999;
  box-sizing:border-box;
}

.IDCardManageArea .content .right{
  float:left;
  margin:20px 0 0 100px;
}
.IDCardManageArea .content .right p{
  line-height:20px;
  font-size:14px;
  color:#999;
}
.IDCardManageArea .content .right p span{
  line-height:30px;
  color:#010101;
}
.IDCardManageArea .content .right p a{
  color:#0aaff1;
}
/* 身份证管理End */

/* 防沉迷状态查询 */
.adultStateArea{
  padding:10px 0 50px 40px;
  width:100%;
  background:#fff;
  border:1px solid #ebebeb;
  box-sizing:border-box;
}

.adultStateArea .hd{
  position:relative;
  margin-bottom:30px;
  width:100%;
  height:33px;line-height:33px;
  border-bottom:1px solid #ebebeb;
  font-size:14px;
  color:#000;
}
.adultStateArea .hd:before{
  content:'';
  position:absolute;
  bottom:-1px;left:0;
  width:100px;height:2px;
  background:#0aaff1;
}

.adultStateArea .row{
  margin:0 auto 15px;
  width:fit-content;
}
.adultStateArea .row .rowLeft{
  float:left;
  width:120px;height:32px;
  line-height:32px;
  font-size:14px;
  color:#1f1f1f;
  text-align:right;
}
.adultStateArea .row .rowRight{
  float:left;
  margin-left:10px;
  width:240px;
}
.adultStateArea .row .rowRight .info{
  padding:0 10px;
  width:100%;
  height:32px;
  line-height:30px;
  border:1px solid #d9d9d9;
  border-radius:5px;
  font-size:14px;
  color:#999;
  box-sizing:border-box;
}
.adultStateArea .row .rowRight .state{
  padding-top:6px;
}
.adultStateArea .row .rowRight .state p{
  line-height:20px;
  font-size:14px;
  color:#1f1f1f;
  font-weight:700;
}

.adultStateArea1 .content{
  padding:10px 0 50px 40px;
  margin-bottom:30px;
  width:100%;
  background:#fff;
  border:1px solid #ebebeb;
  box-sizing:border-box;
}
.adultStateArea1 .hd{
  position:relative;
  margin-bottom:15px;
  width:100%;
  height:33px;line-height:33px;
  border-bottom:1px solid #ebebeb;
  font-size:14px;
  color:#000;
}
.adultStateArea1 .hd:before{
  content:'';
  position:absolute;
  bottom:-1px;left:0;
  height:2px;
  background:#0aaff1;
}
.adultStateArea1 .content1 .hd:before{
  width:115px;
}
.adultStateArea1 .content2 .hd:before{
  width:60px;
}
.adultStateArea1 .content3 .hd:before{
  width:90px;
}

.adultStateArea1 .content1 .info{
  line-height:25px;
  font-size:14px;
  color:#4c4c4c;
}
.adultStateArea1 .content1 .info span{
  color:#1f1f1f;
  font-weight:700;
}

.adultStateArea1 .content1 .left{
  margin-top:30px;
  float:left;
  width:430px;
  border-right:1px solid #ebebeb;
}
.adultStateArea1 .content1 .left .row{
  margin:0 auto 15px;
  width:fit-content;
}
.adultStateArea1 .content1 .left .row .rowLeft{
  float:left;
  width:120px;height:32px;
  line-height:32px;
  font-size:14px;
  color:#1f1f1f;
  text-align:right;
}
.adultStateArea1 .content1 .left .row .rowRight{
  float:left;
  margin-left:10px;
  width:240px;
}
.adultStateArea1 .content1 .left .row .rowRight input{
  padding:0 10px;
  width:100%;
  height:32px;
  line-height:30px;
  border:1px solid #d9d9d9;
  border-radius:5px;
  font-size:14px;
  color:#999;
  outline:none;
  box-sizing:border-box;
}

.adultStateArea1 .content1 .right{
  float:left;
  margin:35px 0 0 100px;
  width:240px;
}
.adultStateArea1 .content1 .right p{
  line-height:20px;
  font-size:14px;
  color:#999;
}
.adultStateArea1 .content1 .right p.remindTit{
  line-height:30px;
  color:#010101;
}
.adultStateArea1 .content1 .right p span{
  color:#ff0000;
}

.adultStateArea1 .content2 p{
  width:810px;
  line-height:25px;
  font-size:14px;
  color:#999;
}
.adultStateArea1 .content2 p span{
  color:#ff0000;
}

.adultStateArea1 .content3 textarea{
  width:800px;height:150px;
  outline:none;
}

.adultStateArea1 .content3 .btn{
  display:block;
  margin:20px auto 0;
  width:185px;height:56px;
  line-height:56px;
  outline:none;
}


/* 防沉迷状态查询End */

/* 密码取回记录查询 */
.passwordRecordArea{
  padding:10px 0 50px 40px;
  width:100%;
  background:#fff;
  border:1px solid #ebebeb;
  box-sizing:border-box;
}

.passwordRecordArea .hd{
  position:relative;
  margin-bottom:30px;
  width:100%;
  height:33px;line-height:33px;
  border-bottom:1px solid #ebebeb;
  font-size:14px;
  color:#000;
}
.passwordRecordArea .hd:before{
  content:'';
  position:absolute;
  bottom:-1px;left:0;
  width:115px;height:2px;
  background:#0aaff1;
}

.passwordRecordArea .rusultUl{
  margin-bottom:15px;
}
.passwordRecordArea .rusultUl li{
  float:left;
  width:176px;height:32px;
  line-height:30px;
  border:1px solid #d9d9d9;
  font-size:14px;
  color:#1f1f1f;
  text-align:center;
  cursor:pointer;
}
.passwordRecordArea .rusultUl li.active{
  border:1px solid #0aaff1;
  color:#0aaff1;
}

.passwordRecordArea .retrieveContent,
.passwordRecordArea .modifyContent{
  display:none;
  width:822px;height:248px;
  border:1px solid #fafafa;
  box-sizing:border-box;
}
.passwordRecordArea li{
  width:100%;height:40px;
  line-height:39px;
  border-bottom:1px solid #fafafa;
  font-size:12px;
  color:#1f1f1f;
}
.passwordRecordArea .retrieveContent .retrieveHd,
.passwordRecordArea .modifyContent .modifyHd{
  background:#fafafa;
  font-weight:700;
}
.passwordRecordArea .retrieveContent .account,
.passwordRecordArea .retrieveContent .style,
.passwordRecordArea .retrieveContent .time,
.passwordRecordArea .retrieveContent .ipAdress{
  position:relative;
  float:left;
  width:205px;
  height: 39px;
  text-align:center;
  box-sizing:border-box;
}
.passwordRecordArea .retrieveContent .retrieveHd .account:before,
.passwordRecordArea .retrieveContent .retrieveHd .style:before,
.passwordRecordArea .retrieveContent .retrieveHd .time:before{
  content:'';
  position:absolute;
  top:50%;right:0;
  margin-top:-12px;
  width:1px;height:24px;
  background:#ededed;
}

.passwordRecordArea .modifyContent .account,
.passwordRecordArea .modifyContent .time,
.passwordRecordArea .modifyContent .ipAdress{
  position:relative;
  float:left;
  width:273px;
  text-align:center;
  box-sizing:border-box;
}
.passwordRecordArea .modifyContent .modifyHd .account:before,
.passwordRecordArea .modifyContent .modifyHd .time:before{
  content:'';
  position:absolute;
  top:50%;right:0;
  margin-top:-12px;
  width:1px;height:24px;
  background:#ededed;
}

.passwordRecordArea .remind{
  margin-top:30px;
  font-size:12px;
  color:#1f1f1f;
  text-align:center;
}

/* 密码取回记录查询End */

/* 手机修改游乐会信息 */
.phoneModifyInfoArea{
  padding:10px 0 50px 40px;
  width:100%;
  background:#fff;
  border:1px solid #ebebeb;
  box-sizing:border-box;
}

.phoneModifyInfoArea .hd{
  position:relative;
  margin-bottom:30px;
  width:100%;
  height:33px;line-height:33px;
  border-bottom:1px solid #ebebeb;
  font-size:14px;
  color:#000;
}
.phoneModifyInfoArea .hd:before{
  content:'';
  position:absolute;
  bottom:-1px;left:0;
  width:130px;height:2px;
  background:#0aaff1;
}

.phoneModifyInfoArea .tit{
  margin:20px 0;
  line-height:30px;
  font-size:14px;
  color:#4c4c4c;
}

.phoneModifyInfoArea .row{
  margin:0 auto 15px;
  width:fit-content;
}
.phoneModifyInfoArea .row .rowLeft{
  float:left;
  width:130px;height:32px;
  line-height:32px;
  font-size:14px;
  color:#1f1f1f;
  text-align:right;
}
.phoneModifyInfoArea .row .rowRight{
  float:left;
  margin-left:10px;
  width:240px;
}
.phoneModifyInfoArea .row .rowRight input{
  float:left;
  padding:0 10px;
  width:100%;height:32px;
  line-height:30px;
  border:1px solid #d9d9d9;
  border-radius:5px;
  font-size:14px;
  color:#999;
  outline:none;
  box-sizing:border-box;
}
.phoneModifyInfoArea .row3 .rowRight input{
  width:126px;
}
.phoneModifyInfoArea .row3 .rowRight .codeBtn{
  float:right;
  width:96px;height:32px;
  line-height:32px;
  background:#0aaff1;
  border-radius:5px;
  font-size:14px;
  color:#fff;
  text-align:center;
}

.phoneModifyInfoArea .confirmBtn{
  display:block;
  margin:30px auto 0;
  width:120px;height:56px;
  line-height:56px;
  background:#0aaff1;
  border-radius:5px;
  font-size:14px;
  color:#fff;
  text-align:center;
}

/* 手机修改游乐会信息End */
