@charset "utf-8";
.cyinput{width:96%;}

.register-head{background:#fff; border-bottom:solid #e6e6e6 1px;}
.register-head h2{padding:8px 0 12px; font-weight:700; font-size:1.25em; color:#06c;}
.register-max{background:url(../images/register/register-bg.png) no-repeat left center;}
.form-wrap{float:right; margin-top:80px; margin-bottom:80px; width:508px; min-height:600px; background:rgba(255,255,255,1);
border:solid #e6e6e6 1px; border-radius:5px; box-shadow:0px 1px 10px #ccc;}

.form-layout{padding:40px 40px 40px 28px;}
.form-layout dl{position:relative; float:left; width:100%; padding-bottom:20px; min-height:42px;}
.form-layout dl dt{position:absolute; top:0; left:0; width:102px; white-space:nowrap; line-height:42px; text-align:right;}
.form-layout dl dt.dtmiddle{top:50%; margin-top:-15px;}
.form-layout dl dt font{padding-right:8px;}
.form-layout dl dd{margin-left:120px; padding-right:20px; padding-left:20px; background-color:#fff; border:solid #e6e6e6 1px;}
.form-layout dl dd.hover{box-shadow:0px 2px 6px #e6e6e6;}
.form-layout dl dd input{height:38px; line-height:38px; font-size:.9375em; border:none;}
.form-layout dl dd label{cursor:default; white-space:nowrap; padding-right:20px; line-height:30px;}
.form-layout dl dd.yzm{float:left; width:30%;}
.form-layout dl dd.getnum{float:right; margin-left:0; width:30%; padding-right:0; padding-left:0; font-size:.9375em; border:none;}
.form-layout dl dd.getnum img{width:100%; height:44px;}
.form-layout dl dd.getnum a{display:block; width:100%; font-weight:700; color:#06c; line-height:42px; text-align:center; background-color:#cde6ff; border:solid #06c 1px;}
.form-layout dl dd.getnum a:hover{background-color:#cde0fe;}
.form-layout dl dd.getnum a.refresh{color:#AD831D; background-color:#FFEF97; border-color:#D5C672;}
.form-layout dl dd.getnum a.refresh:hover{background-color:#FFEF80;}

.form-layout dl dd.submit-btn{padding-right:0; padding-left:0; margin-top:20px; border:none;}
.form-layout dl dd.submit-btn input{width:100%; height:42px; font-weight:700; font-size:1em; color:#fff; background-color:#06c; border-radius:4px;}

.person-save{padding-top:35px; padding-bottom:55px; background:#fff; border:solid #e6e6e6 1px; border-radius:8px;}
.person-save .nickname{padding-bottom:30px; margin-bottom:30px; line-height:34px; border-bottom:solid #e6e6e6 1px;}
.person-save .nickname h4{padding-top:3px; padding-bottom:3px; padding-left:8px;}
.person-save .nickname h4 strong{font-size:1.125em;}
.person-save .nickname h4 em{font-style:normal; font-size:1em;}
.person-save .nickname h4 a{display:inline-block; margin-left:12px; padding-right:30px; padding-left:30px; font-weight:700; background-color:#f4f4f4; border:solid #ccc 1px; border-radius:5px;}
.person-save .nickname h4 a:hover{background-color:#e4e4e4; color:#333;}
.person-save .nickname,
.person-save .person-layout{padding-right:75px; padding-left:75px;}

.person-save .setAvatar{position:relative; padding-top:55px; padding-bottom:55px; padding-left:175px; min-height:145px;}
.person-save .setAvatar dt{position:absolute; top:50%; left:0; width:145px; margin-top:-72px;}
.person-save .setAvatar dt img{display:block; width:100%; height:145px; border-radius:50%;}
.person-save .setAvatar dd.fileinput{margin-top:30px;}
.person-save .setAvatar dd.fileinput a,
.person-save .setAvatar dd.fileinput input{float:left;}
.person-save .setAvatar dd.fileinput a{display:block; width:108px; text-align:center; line-height:36px; font-weight:700; background-color:#f4f4f4; border:solid #e6e6e6 1px;}
.person-save .setAvatar dd.fileinput a:hover{color:#333; background-color:#f1f1f1;}
.person-save .setAvatar dd.fileinput .textinputs{width:40%; padding:0 12px; height:36px; line-height:36px; border-right:none;}
.person-save .setAvatar dd.fileinput .upload{margin-left:10px; color:#fff;}
.person-save .setAvatar dd.clear{padding-top:20px; color:#999;}
.person-save .changepsw{padding-top:20px; padding-bottom:20px;}
.person-save .changepsw dl{position:relative; float:left; width:100%; padding-top:10px; padding-bottom:10px; min-height:34px;}
.person-save .changepsw dl dt{position:absolute; top:10px; left:0; width:90px; white-space:nowrap; line-height:34px; text-align:right;}
.person-save .changepsw dl dt.size3{letter-spacing:1px;}
.person-save .changepsw dl dd{margin-left:90px;}
.person-save .changepsw dl dd input{width:40%; height:30px; line-height:30px; background-color:#fafafa; color:#999;}
.person-save .self{margin-top:30px; margin-bottom:30px; padding:20px 30px; height:225px; background-color:#fafafa; border:solid #e6e6e6 1px;}
.person-save .changepsw dl dd input.hover{box-shadow:0px 2px 6px #e6e6e6;}
.person-save .self textarea{width:100%; height:100%; padding:0; line-height:160%; font-size:1em; background:none; border:none;}

@media (max-width: 1199px) {

.register-head{padding-left:15px;}
.form-wrap{background:rgba(255,255,255,.9); margin-right:30px;}
}

/*ipad*/
@media (max-width: 992px) {

}
/* xs mobile*/

@media (max-width: 768px) {
.form-wrap{float:none; margin-right:auto; margin-left:auto;}
.person-save .nickname, .person-save .person-layout{padding-right:55px; padding-left:55px;}
.person-save .setAvatar{padding-top:35px; padding-bottom:35px; padding-left:140px; min-height:120px;}
.person-save .setAvatar dt{width:120px; margin-top:-60px;}
.person-save .setAvatar dt img{height:120px;}
.person-save .setAvatar dd.fileinput{margin-top:15px;}
.person-save .setAvatar dd.fileinput .textinputs{width:60%;}
.person-save .setAvatar dd.fileinput .upload{display:block; margin-top:5px; margin-left:0; padding-right:0; padding-left:0; width:110px;}
.person-save .changepsw dl dd input{width:60%;}
}


@media (max-width: 640px) {
.form-wrap{width:96%; margin-top:20px; margin-bottom:20px;}
.person-save .setAvatar{padding-top:15px; padding-bottom:15px;}
.person-save .setAvatar{padding-left:100px;}
.person-save .setAvatar dt{width:80px; top:32px; margin-top:0;}
.person-save .setAvatar dt img{height:80px;}
.person-save .setAvatar dd.fileinput{margin-top:15px;}
.person-save .setAvatar dd.fileinput .textinputs{width:50%;}
.person-save .setAvatar dd.fileinput a{width:100px;}
.person-save .setAvatar dd.fileinput .upload{width:102px;}
.person-save .setAvatar dd.clear{font-size:.9375em;}
.person-save .changepsw dl dd input{width:76%;}
}

@media (max-width: 520px) {
.form-layout{padding-right:30px;}
.form-layout dl dd.getnum{width:25%;}
.form-layout dl dd{padding-left:10px; padding-right:10px;}
.person-save .setAvatar dd.fileinput .textinputs{width:50%;}
.person-save .setAvatar dd.fileinput a{width:88px;}
.person-save .setAvatar dd.fileinput .upload{width:90px;}
.person-save .setAvatar dd.clear{font-size:.875em;}
}

@media (max-width: 480px) {
.form-layout dl dt{position:static; text-align:left; line-height:30px;}
.form-layout dl dd{margin-left:0;}
.form-layout dl dd.yzm,
.form-layout dl dd.getnum{float:none; width:auto;}
.form-layout dl dd.getnum{margin-top:8px; width:40%;}
.person-save .setAvatar{padding-top:25px; padding-bottom:25px; padding-left:0;}
.person-save .setAvatar dt{position:static; margin:auto;}
.person-save .setAvatar dd.fileinput .textinputs{width:calc(100% - 120px); -moz-width:calc(100% - 120px); -ms-width:calc(100% - 120px); -o-width:calc(100% - 120px); -webkit-width:calc(100% - 120px);}
.person-save .changepsw dl dd input{width:90%;}
}


@media (max-width: 360px) {
.person-save .setAvatar dd.fileinput a{width:78px; font-size:.9375em;}
.person-save .setAvatar dd.fileinput .upload{width:80px;}
}