.contentWrap {width:1300px;height:1036px;}
.line {margin-top:20px; position: relative;}
.line .lable {display: inline-block;color:#000000;font-size: 14px;line-height: 36px; width: 90px; text-align: right; position: absolute; }
.line .content { margin-left: 100px; }
.line .lable i {font-style: normal;color:#FF5858;margin-right: 5px;}
.input {border:1px solid rgba(0,0,0,0.1);height: 36px;}
.category {display: inline-block;position: relative;vertical-align: middle;}
.categoryChoose {width:260px;height:36px;-webkit-border-radius:4px;-moz-border-radius:4px;border-radius:4px; border: 1px solid rgba(0,0,0,0.1);}
.nickname {width:400px;padding:0 10px;font-size: 20px;color:#000000;-webkit-border-radius:4px;-moz-border-radius:4px;border-radius:4px; display: inline-block; }
.categoryChoose .radioType {display:inline-block;width: 200px;height: 36px;vertical-align: top;padding-left:10px;font-size:14px;-webkit-border-radius:4px;-moz-border-radius:4px;border-radius:4px;}
.categoryChoose .icon {overflow: hidden;display:inline-block;height: 37px;}
.categoryChoose .icon i {display: block;width: 20px;height: 20px;background:url(http://www.kuwo.cn/static/image/web/anchor/icon_open.png);margin: 8px 0 0 15px;}
.categoryChoose .icon i.open {background: url(http://www.kuwo.cn/static/image/web/anchor/icon_retract.png)}
.categoryChoose a {position: absolute;right: -68px;top:0px;line-height: 56px;text-decoration:underline;color:#585890;}
.categoryBox {width:820px;padding:14px 0 44px 0;position: absolute;left:0px;top:40px;z-index: 2;background: #F8F8F8;display: none;font-size: 16px;}
.categoryLine {width:100%;overflow: hidden;}
.categoryLine label {float:left;line-height: 34px;color:#888888;width:120px;text-indent: 44px;margin-top: 30px;}
.categoryLine .tagList {overflow: hidden;}
.categoryLine span {float:left;width:110px;height: 34px;line-height: 34px;text-align:center;color:#000000;margin:30px 0 0 19px;cursor: pointer;background: #ffffff;-moz-border-radius: 17px;-webkit-border-radius: 17px;border-radius: 17px;}
.categoryLine span:hover,.categoryLine span.active {background:#FFD703;}
.avatarPreviewBox {width:160px;height: 160px;background:#f7f7f7;position: relative;display: inline-block;-webkit-border-radius:4px;-moz-border-radius:4px;border-radius:4px;overflow: hidden; display: inline-block;}
.avatarPreview {width:160px;height: 160px;margin-right: 18px;display: block;overflow: hidden}
.previewIconBox { position: absolute;top:60px;left: 55px;text-align: center;font-size: 16px;}
.previewIconBox img { width: 50px; }
.avatar.line p {color:#999;}
.fileBtnBox {display: inline-block;width: 260px;vertical-align: top;margin:0px 0 0 28px;}
.fileBtnBox p {font-size: 14px;line-height: 18px;margin-bottom: 9px;}
.fileBtnBox span {color:#000000}
.fileBtnBox .fileBtnBg {margin-top:10px;}
input.fileBtn {display: none}
textarea {width: 772px;height: 120px;padding:12px;resize: none;border:0;outline: 0;-moz-border-radius:4px;-webkit-border-radius:4px;border-radius: 4px;font-size: 14px;border:1px solid rgba(0,0,0,0.1);}
.text-preview {width: 772px; padding:6px;resize: none;border:0;outline: 0;font-size: 14px;}
.createUp, .modify {margin-top:26px;width: 159px;height: 47px;line-height: 47px;background: #ffd703;color:#222222;-webkit-border-radius:23px;-moz-border-radius:23px;border-radius:23px;text-align: center;font-size: 16px;}
.createUp:hover, .modify:hover {background: #f5b90e}

.successBox {text-align: center;margin-top:188px;display: none}
.successBox h2 {font-size:36px;color:#333;font-weight: 500;margin-bottom:30px;}
.successBox h2 i {width:54px;height: 55px;background: url(http://www.kuwo.cn/static/image/web/anchor/icon.png) 0 -136px;display: inline-block;vertical-align: middle;margin-right: 24px;}
.successBox span {font-size: 20px;display: block}
.successBox a {width:190px;height: 50px;line-height: 50px;display: inline-block;font-size: 16px;background: #ffd703;color:#222222;-webkit-border-radius:25px;-moz-border-radius:25px;border-radius:25px;margin-top:55px;}
.successBox a:hover {background: #f5b90e}

.uneditable { border: none; }
.hide { display: none; }

textarea.uneditable { padding: 9px 0 0 0; background: rgba(250,250,250,1);}

div.notification { text-align: center; color: #E14646; background: #FFF5F5; height: 40px; width: 400px; line-height: 40px; border-radius: 4px; margin-left: auto; margin-right: auto; margin-bottom: 15px; display: none;}
div.processing {width:100px; height:38px; background:rgba(91,145,255,1); border-radius:100px;color:white;text-align:center; float:right;margin-right: 12px; position: relative; top: 20px;}
div.processing span.text {margin: 9px;position: relative; top: 9px;}
div.processing span.right-arrow { position: relative; top: -1px; left: 5px; }
.form-container { border-radius: 16px; padding: 14px; }
.form-container.uneditable { background: rgba(250,250,250,1); }
.content .hide { display: none; }
.content .show { display: block; }
.avatarPreview img { width: 160px; height: 160px; }
