.contentArea{
  padding:10px 0 50px 40px;
  width:100%;
  background:#fff;
  border:1px solid #ebebeb;
  box-sizing:border-box;
}

.contentArea .hd{
  position:relative;
  margin-bottom:30px;
  width:100%;
  height:33px;line-height:33px;
  border-bottom:1px solid #ebebeb;
  font-size:14px;
  color:#000;
}
.contentArea .hd:before{
  content:'';
  position:absolute;
  bottom:-1px;left:0;
  width:55px;height:2px;
  background:#0aaff1;
}

.styleContent{
  display:none;
}
.styleContent.active{
  display:block;
}
.styleContent .info{
	padding:20px 30px;
	width:820px;
	background:#fafafa;
	box-sizing:border-box;
}
.styleContent .info p{
	line-height:20px;
	font-size:12px;
	color:#1f1f1f;
}
.styleContent .info p span,
.styleContent .info p a{
	color:#0aaff1;
}

.styleUl{
  margin-bottom:15px;
}
.styleUl li{
  float:left;
  width:176px;height:32px;
  line-height:30px;
  border:1px solid #d9d9d9;
  font-size:14px;
  color:#1f1f1f;
  text-align:center;
  cursor:pointer;
}
.styleUl li.active{
  border:1px solid #0aaff1;
  color:#0aaff1;
}

.styleArea .left{
  float:left;
  padding-top:30px;
  width:430px;
  border-right:1px solid #ebebeb;
  box-sizing:border-box;
}
.styleArea{
  margin-top:40px;
}
.styleArea .right{
  float:left;
  /* margin:20px 0 0 70px; */
}
.styleArea .right p{
  line-height:20px;
  font-size:14px;
  color:#999;
}
.styleArea .right p span{
  line-height:30px;
  color:#010101;
}
.styleArea .right p a{
  color:#0aaff1;
}

.contentArea2 .styleUl li{
  width:162px;
}

.contentArea3 .hd:before{
  width:70px;
}

.contentArea4 .hd:before,
.contentArea5 .hd:before,
.contentArea7 .hd:before{
  width:85px;
}

.contentArea9 .hd:before{
  width:115px;
}
.contentArea9 .hd2{
  margin-top:30px;
}
.contentArea9 .hd2:before{
  width:390px;
}

.contentArea4 .hd1{
  margin-bottom:10px;
}
.contentArea4 .account{
  height:34px;line-height:34px;
  font-size:14px;
  color:red;
}

.contentArea4 .content .left{
  float:left;
  width:430px;
  border-right:1px solid #ebebeb;
}
.contentArea4 .content .row{
  margin-bottom:15px;
}
.contentArea4 .content .row .rowLeft{
  float:left;
  width:130px;height:32px;
  line-height:32px;
  font-size:14px;
  color:#1f1f1f;
  text-align:right;
}
.contentArea4 .content2{
  margin-top:20px;
}
.contentArea4 .content2 .row .rowLeft{
  width:170px;
}
.contentArea4 .content2 .row .rowRight p{
  height:32px;line-height:32px;
  font-size:14px;
  color:#999;
}
.contentArea4 .content2 .row .rowRight p span{
  color:red;
}


.contentArea4 .content .row .rowRight{
  position:relative;
  float:left;
  margin-left:10px;
  width:240px;
}
.contentArea4 .content .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;
}
.contentArea4 .content2 .row1 .rowRight{
  width:405px;
}
.contentArea4 .content2 .row1 .rowRight input{
  margin-right:15px;
  width:120px;
}

.contentArea4 .content3 .row3 .rowRight{
  width:290px;
}
.contentArea4 .content1 .row3 .rowRight input,
.contentArea4 .content3 .row3 .rowRight input{
  width:126px;
}
.contentArea4 .content3 .row3 .rowRight p{
  float:left;
  height:32px;line-height:32px;
  font-size:14px;
  color:#999;
}
.contentArea4 .content3 .row3 .rowRight .codeBtn{
  margin-right:50px;
}
.contentArea4 .content3 .checkboxArea{
  margin:0 0 15px 135px;
  height:20px;line-height:20px;
  font-size:14px;
  color:#999;
}

.contentArea4 .content .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;
}

.contentArea4 .content2 .remind{
  height:32px;line-height:32px;
  font-size:14px;
  color:red;
}

.contentArea4 .content2 .confirmBtn{
  display:block;
  margin:30px 0 0 130px;
  width:120px;height:56px;
  line-height:56px;
  outline:none;
  border-radius:5px;
  font-size:14px;
  color:#fff;
  text-align:center;
}

.codeBtn1{
  position:absolute;
  top:35px;left:0;
  line-height:18px;
  font-size:12px;
  color:#000;
}

.contentArea4 .content3 .codeBtn1{
  top:30px;
}


.contentArea4 .content .left .confirmBtn{
  display:block;
  margin:30px auto 0;
  width:120px;height:56px;
  line-height:56px;
  /* background:#0aaff1; */
  outline:none;
  border-radius:5px;
  font-size:14px;
  color:#fff;
  text-align:center;
}

.contentArea4 .content .right{
  float:left;
  margin:60px 0 0 120px;
}
.contentArea4 .content .right p{
  line-height:20px;
  font-size:14px;
  color:#999;
}
.contentArea4 .content .right p span{
  line-height:30px;
  color:#010101;
}
.contentArea4 .content .right p a{
  color:#0aaff1;
}


.contentArea5 .left{
  padding:0;
}
.contentArea5 .left .row{
  margin-bottom:15px;
}
.contentArea5 .row .rowLeft{
  float:left;
  width:100px;height:32px;
  line-height:32px;
  font-size:14px;
  color:#1f1f1f;
  text-align:right;
}
.contentArea5 .row .rowRight{
  float:left;
  margin-left:10px;
  width:240px;
}
.contentArea5 .row .rowRight .id{
  width:100%;height:32px;
  line-height:32px;
  font-size:14px;
  color:#999;
}
.contentArea5 .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;
}
.contentArea5 .row3 .rowRight .input{
  width:126px;
}
.contentArea5 .rowRight label{
  float:left;
  margin-right:15px;
  height:32px;
  line-height:32px;
  font-size:14px;
  color:#1f1f1f;
}
.contentArea5 .rowRight label input{
  float:left;
  margin:10px 5px 0 0;
}

.contentArea5 .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;
}

.contentArea5 .left .confirmBtn{
  display:block;
  margin:30px auto 0;
  width:120px;height:56px;
  line-height:56px;
  /* background:#0aaff1; */
  outline:none;
  border-radius:5px;
  font-size:14px;
  color:#fff;
  text-align:center;
}

.contentArea5 .styleArea .right{
  margin:20px 0 0 70px;
  width:300px;
}

.contentArea5 .left1{
  padding:47px 0;
}
.contentArea5 .left1 .row .rowRight p{
  width:100%;height:32px;
  line-height:32px;
  font-size:14px;
  color:#999;
}
.contentArea5 .left1 .confirmBtn1{
  display:block;
  margin:30px auto 0;
  width:120px;height:56px;
  background:url('../img/account/btn6.png');
  outline:none;
  border-radius:5px;
  font-size:14px;
  color:#fff;
  text-align:center;
}

.contentArea7 .styleContent1 .code-area{
  float:left;
  margin:50px 50px 0;
  width:280px;
}
.contentArea7 .styleContent1 .code-area .img-ibox{
  margin:0 auto;
  width:258px;height:258px;
}
.contentArea7 .styleContent1 .code-area .name{
  line-height:30px;
  font-size:12px;
  color:#1f1f1f;
  text-align:center;
}

.contentArea8 .left{
  padding:0;
}
.contentArea8 .left .row{
  margin-bottom:15px;
}
.contentArea8 .row .rowLeft{
  float:left;
  width:100px;height:32px;
  line-height:32px;
  font-size:14px;
  color:#1f1f1f;
  text-align:right;
}
.contentArea8 .row .rowRight{
  float:left;
  margin-left:10px;
  width:240px;
}
.contentArea8 .row .rowRight .id{
  width:100%;height:32px;
  line-height:32px;
  font-size:14px;
  color:#999;
}
.contentArea8 .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;
}
.contentArea8 .row3 .rowRight .input{
  width:126px;
}

.contentArea8 .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;
}

.contentArea8 .left .confirmBtn{
  display:block;
  margin:30px auto 0;
  width:120px;height:56px;
  line-height:56px;
  /* background:#0aaff1; */
  outline:none;
  border-radius:5px;
  font-size:14px;
  color:#fff;
  text-align:center;
}

.contentArea8 .styleArea .right{
  margin:50px 0 0 70px;
  width:300px;
}

.contentArea9 .styleContent{
  display:block;
}
.contentArea9 .styleContent p{
  text-indent:2em;
}

.contentArea9 .styleContent2 .btn-area{
  margin-top:10px;
}
.contentArea9 .styleContent2 .btn-area .btn{
  float:left;
  margin:0 20px;
  width:96px;height:32px;
  outline:none;
}

.enter-btn{
  display:block;
  margin:30px auto 0;
  width:120px;height:40px;
  line-height:40px;
  background:#0aaff1;
  outline:none;
  border-radius:5px;
  font-size:14px;
  color:#fff;
  text-align:center;
}

/* 激活密保邮箱 */
.activateMail .hd{
  position:relative;
  margin-bottom:30px;
  width:100%;
  height:33px;line-height:33px;
  border-bottom:1px solid #ebebeb;
  font-size:14px;
  color:#000;
}
.activateMail .hd:before{
  content:'';
  position:absolute;
  bottom:-1px;left:0;
  width:120px;height:2px;
  background:#0aaff1;
}

.activateMail p{
  line-height:30px;
  font-size:18px;
  color:#1f1f1f;
  text-align:center;
}
.activateMail .confirmBtn{
  display:block;
  margin:30px auto;
  width:120px;height:56px;
  outline:none;
}





