@charset "UTF-8";
.account-container { margin: 0 auto; padding-right: 24px; padding-left: 24px; width: 1016px; }
.toptool { padding-top: 48px; }
.account-headline { height: 190px; background-color: #fff; }
.account-headline .avatar { width: 198px; height: 198px; overflow: hidden; }
.account-headline .layout-left { }
.account-headline .layout-right { margin-left: 230px; }
.account-headline .user-info { position: relative; height: 198px; }
.account-nav { position: absolute; bottom: 0; left: -12px; font-size: 16px; font-weight: bold; line-height: 24px; }
.account-nav > li { float: left; margin-right: 18px; }
.account-nav > li > a, .account-nav > li > a:visited { display: block; padding: 12px; border-bottom: #EEF3F7 solid 4px; }
.account-nav > li > a:hover, .account-nav > li > a:active { text-decoration: none; }
.account-nav > li.active > a { border-color: #FC2B7D; }
.account-core { padding: 110px 0 50px 0;background-color: #EEF3F7; min-height: 300px; }
.account-canvas { background-color: #ffffff; border: #DAE0E6 solid 1px; }
.account-mark { background-color: #F5F9FC; border-bottom: #DAE0E6 solid 1px; height: 57px; position: relative; }
.account-tab { font-size: 14px; line-height: 24px; font-weight: bold; }
.account-tab > li { float: left; border-right: #DAE0E6 solid 1px; }
.account-tab > li.active { float: left; border-right: #DAE0E6 solid 1px; border-bottom: #ffffff solid 1px; background-color: #ffffff; }
.account-tab a, .account-tab a:visited { display: block; padding: 16px 36px; color: #A3A8B0; }
.account-tab a:hover, .account-tab a:visited { text-decoration: none; }
.account-tab > li.active > a { color: #303337; }
.account-canvas .content { padding: 36px; }
.sign-container .account-seg, .account-core .account-seg { margin-bottom: 96px; }
.account-core .account-seg.last { margin-bottom: 42px; }
.account-core .account-attrs { margin-bottom: 32px; }
.account-attrs .account-field { width:30%; padding-right: 28px; height: 42px; display: block; float: left; line-height: 42px; }
.account-attrs .account-value { width:70%; display: block; position: relative; float:left;height: 42px;line-height: 42px;}
.account-attrs .account-value input { width: 100%; height: 42px; border: 1px solid #DAE0E6; padding: 8px 16px; line-height: 24px; border-radius: 2px;box-sizing:border-box;}
.account-attrs .account-value .sradio {width:18px; height:18px; border:none; padding:0; line-height: 20px; border-radius: 2px; -webkit-appearance:1px; box-sizing:border-box;}
.account-attrs .account-value input#start {width:48%; float:left; box-sizing:border-box;}
.account-attrs .account-value em {width:4%; text-align:center; font-size:14px; display:block; float:left; line-height:42px; box-sizing:border-box;}
.account-attrs .account-value input#end {width:48%; float:right; box-sizing:border-box;}
.account-attrs .account-value .userpicfile{width:128px; height:128px; border:0 none; padding:0; opacity:0; position:absolute; left:0; top:0; z-index:22;}
.user_div{width:128px; height:128px; border: 1px solid #DAE0E6; position:absolute; left:0; top:0; z-index:11;}
.account-attrs .account-value .prov{height:30px; width:34%; margin-top:6px; border:1px solid #DAE0E6; color: rgb(91,96,100); border-radius:5px; -webkit-border-radius:5px; -moz-border-radius:5px; margin-right:10px;}
.account-attrs .account-value .city{height:30px; width:34%; margin-top:6px; border:1px solid #DAE0E6; color: rgb(91,96,100); border-radius:5px; -webkit-border-radius:5px;-moz-border-radius:5px; }
.account-attrs .account-value input[readonly="readonly"] { background-color: #EEF3F7; }
.account-value .radio { padding: 0px; margin: 0px; }
.radio .radio-item { position: relative; display: inline-block; width: 136px; height: 48px; border: 1px solid #DBDFE2; border-radius: 4px; text-align: center; cursor: pointer; margin-right: 10px; line-height: 24px; padding: 11px 12px; }
.radio .radio-item:hover { border-color: #24D5BD; }
.radio .active { border: #24D5BD solid 2px; padding: 10px 12px; font-weight: bold; background-color: #ffffff; }
.radio .active .icon { background-position: -150px -350px; display: inline-block; height: 18px; width: 18px; position: absolute; top: -9px; right: -9px; }
.account-value .tip { width: 60px; color: #DAE0E6; }
/*div table*/
.table { display: table; border-collapse: collapse; border: 1px solid #DAE0E6; }
.table-column-group { display: table-column-group; }
.table-column { display: table-column; width: 100px; }
.table-row-group { display: table-row-group; }
.table-row { display: table-row; }
.table-row .hasbg { background: #F5F9FC; width: 80px; }
.table-row-group .table-row:hover, .table-footer-group .table-row:hover { }
.table-cell { display: table-cell; padding: 0 5px; border: 1px solid #DAE0E6; text-align: center; }
.table-header-group { display: table-header-group; background: #F5F9FC; }
.table-row .nobottom { border-bottom-width: 0px !important; }
.table-row .notop { border-top-width: 0px !important; }
.table-row .clickable { cursor: pointer; }
.table-row .clickable input { display: none; }
.table-row .table-cell { background-color: #ffffff; }
.table-header-group .table-row .table-cell, .table-row .table-cell.hasbg { background-color: #F5F9FC; }
.table-row .table-cell.active { background-image: url(../images/selected-icon.png); background-position: center center; background-repeat: no-repeat; background-color: #E1FAF6; }
/*div table*/
.msg-top-button { height: 57px; position: absolute; top: 0px; right: 0px; padding: 8px 36px; }
.msg-top-button .btn-hero { padding: 0px; max-width: 128px; height: 100%; margin-right: 0; }
.msg-kinds { margin-bottom: 56px; }
.msg-kind > li { float: left; margin-right: 12px; padding: 0px 12px 0px 12px; line-height: 24px; }
.msg-kind .active { color: #fff !important; background-color: #FC2B7D; border-radius: 4px; }
.msg-kind > li > a { text-decoration: none; font-size: 12px; }
.msg-action { font-size: 12px; }
.msg-kind .active a { color: #ffffff; font-weight: bold; }
.msg-item { border-bottom: 1px solid #DAE0E6; padding: 16px 0; position: relative; }
.msg-item .msg-detail, .msg-item .msg-time, .msg-item .msg-tip { display: block; float: left; }
.msg-item .msg-time, .msg-item .msg-tip { color: #A3A8B0; font-size: 12px; }
.msg-item .msg-detail { width: 60%; padding-right: 56px; }
.msg-item .cbx, .msg-action .cbx { float: left; }
.msg-item .msg-content { margin-left: 27px; }
.msg-action .act-left { float: left; }
.msg-action .act-right { float: right; }
.msg-action .btn-secondary { padding: 3px 16px; font-weight: normal; font-size: 12px; border-color: #A3A8B0; color: #303337; }
.msg-action .btn-secondary:hover { border-color: #FC2B7D; background-color: #FC2B7D; color: #ffffff; }
.msg-action { padding-bottom: 24px; border-bottom: #DAE0E6 solid 1px; }
.msg-detail h4 { font-size: 16px; line-height: 26px; }
.msg-unread .msg-detail h4 { font-weight: bold; }
.msg-item .charfrom { }
.msg-detail .detail { text-overflow: ellipsis; white-space: nowrap; overflow: hidden; height: 100%; color: #5B6064; line-height: 26px; font-size: 12px; }
.msg-item .msg-time { width: 25%; text-align: left; font-size: 12px; color: #A3A8B0; line-height: 20px; padding-top: 6px; }
.msg-item .msg-tip { padding-top: 2px; }
.msg-item .btns { float: right; }
.msg-item .left { width: 50%; display: inline-block; text-align: left; }
.msg-item .right { width: 49%; display: inline-block; text-align: right; }
.msg-tip .button { display: inline-block; border-radius: 4px; border: 1px solid #DAE0E6; padding: 0px 16px 0px 16px; margin-left: 12px; cursor: pointer; }
.msg-tip .button:hover { color: rgb(252, 43, 125); }
.msg-tip .title { height: 100%; }
.msg-tip .icon { display: block; width: 24px; height: 24px; margin: 0 auto; }
.msg-alert .icon { background-position: -100px -450px; }
.msg-alert.msg-unread .icon { background-position: -100px -500px; }
.msg-chat .icon { background-position: -150px -450px; }
.msg-chat.msg-unread .icon { background-position: -150px -500px; }
.msg-item .cbx, .msg-action .cbx { width: 15px; height: 15px; position: relative; }
.msg-item .cbx { margin-top: 10px; }
.msg-action .cbx { float: left; }
.msg-action .msg-detail { margin-left: 27px; padding-top: 4px; }
.msg-item a, .msg-item a:visited, .msg-item a:hover, .msg-item a:visited { text-decoration: none; }
.msg-action ins, .msg-item ins { position: absolute; top: -20%; left: -20%; display: block; width: 140%; height: 140%; margin: 0px; padding: 0px; background: rgb(255, 255, 255) none repeat scroll 0% 0%; border: 0px none; opacity: 0; }
.msg-action input.chkall{ margin-top:8px; vertical-align:middle; width:100%; height:100%;}
.tmsg_chk{width:15px; height:15px; position:relative; display:inline-block;}
.tmsg_chk input.tmsg_input{ vertical-align:middle; width:100%; height:100%; margin-top:20px;}
/**我的兼职**/
.subject-name { margin-bottom: 32px; font-size: 18px; font-weight: bold; }
.subject-name .underline { text-decoration: underline; height: 1px; border-bottom: 1px solid #DAE0E6; position: relative; margin-top: 6px; }
.underline .sharper { width: 100px; border-bottom: 1px solid #000; position: absolute; bottom: -1px; left: 0px; height: 1px; }
/**我的兼职**/
.activepic { display: inline-block; height: 126px; width: 146px; }
.account-canvas .part-left { width: 73%; }
.chat-title { margin-top: 20px; position: relative; }
.chat-title h3 { width: 80%; }
.chat-title .chatfrom { position: absolute; top: -13px; right: 0px; padding: 0px 20px 0px 20px; text-align: center; }
.chatfrom div { }
.chat-msg { border-bottom: 1px solid #DAE0E6; padding: 32px 0px; position: relative; vertical-align: top; }
.chat-msg .chatter { display: block; width: 275px; vertical-align: top; float: left; }
.chat-msg .chat-content { display: block; margin-left: 303px; }
.chatter { position: relative; }
.chatter .chat-head { width: 54px; height: 54px; -moz-border-radius: 50px; -webkit-border-radius: 50px; border-radius: 50px; overflow: hidden; margin-right: 12px; }
.chatter .chat-info { line-height: 22px; padding-top: 6px; }
.chatter .chat-info .chat-time { font-size: 12px; color: #A3A8B0; }
.chat-head img { width: 100%; height: 100%; }
.replay { border-bottom-width: 0px; }
.replay .title { font-size: 16px; font-weight: bold; line-height: 24px; margin-bottom: 24px; }
.replay .replay-content { position: relative; }
.replay .replay-content { margin-bottom: 24px; }
.replay-content textarea { width: 100%; height: 120px; border: 1px solid #DAE0E6; }
.account-form { width: 640px; margin: 0 auto; }
.newmsg-modal .modal-dialog { width: 712px; margin-left: -356px; top: 168px; }
.newmsg-modal .modal-body { padding: 28px 36px; }
.modal-dialog .subject-name h5 { font-size: 16px; line-height: 24px; font-weight: bold; }
.newmsg-modal .sim-input { border: #DAE0E6 solid 1px; border-radius: 2px; padding: 8px 16px 0; position: relative; }
.newmsg-modal .account-attrs .account-value.sim-input input { border: none; height: 24px; box-shadow: none; width: auto; padding: 0; float: left; width: 120px; margin-bottom: 8px; }
.newmsg-modal .recipient-item { background-color: #E4F0FE; float: left; margin-right: 6px; font-size: 12px; font-weight: normal; line-height: 18px; padding: 3px 30px 3px 6px; border-radius: 2px; position: relative; margin-bottom: 8px; }
.newmsg-modal .recipient-item .close { width: 24px; height: 24px; position: absolute; top: 0; right: 0; display: block; background-position: -243px -493px; text-indent: -9999px; }
.sim-input .user-suggest { position: absolute; top: 100%; right: -1px; left: -1px; background-color: #ffffff; z-index: 1000; box-shadow: 0px 2px 2px 0px rgba(48, 51, 55, .2); padding: 8px 0; display: none; }
.sim-input .user-suggest .sug-item { padding: 8px 16px; }
.sim-input .user-suggest .sug-item:hover { background-color: #EEF3F7; cursor: pointer; }
.sim-input .user-suggest .info > span { line-height: 21px; display: block; }
.sim-input .user-suggest .info .name { font-size: 14px; font-weight: bold; }
.sim-input .user-suggest .info .id { font-size: 12px; }
.user-suggest .avatar { width: 42px; height: 42px; float: left; margin-right: 12px; }
.sign-container .account-form h5.chap-title .underline, #message .account-form h5.chap-title .underline { margin-bottom: 32px; }
.table-weekly { font-size: 12px; color: #5B6064; }
.table-header-group { line-height: 30px; }
.table-row-group .table-cell { line-height: 24px; padding-top: 6px; padding-bottom: 6px; }
.form-submit { padding-left: 164px; }
.form-submit .btn { float: none; }
.account-headline .btn-logout { position: absolute; top: 24px; right: 0; }
.user-info .username { font-size: 36px; font-weight: bold; line-height: 36px; padding-top: 24px; margin-bottom: 18px; }
.user-info .username span {padding-top:0px}
.user-info .username span img{ display:inline}
.verify-nav .head { float: left; display: block; margin-right: 16px; }
.verify-nav .icon { width: 32px; height: 32px; display: block; float: left; text-indent: -9999px; margin-right: 6px; }
.verify-nav { line-height: 32px; }
.verify-nav .link { float: left; padding-left: 12px; color: #FC2B7D; }
.verify-nav .veriry-mail { background-position: 0 -800px; }
.verify-nav .veriry-cell { background-position: -50px -800px; }
.verify-nav .veriry-credit { background-position: -100px -800px; }
.verify-nav .veriry-identity { background-position: -150px -800px; }
.verify-nav .veriry-mail.verify-done { background-position: 0 -850px; }
.verify-nav .veriry-cell.verify-done { background-position: -50px -850px; }
.verify-nav .veriry-credit.verify-done { background-position: -100px -850px; }
.verify-nav .veriry-identity.verify-done { background-position: -150px -850px; }
.verify-item { border-bottom: #DAE0E6 solid 1px; padding-top: 24px; padding-bottom: 24px; }
.verify-item.last { border: none; padding-bottom: 0; }
.verify-item .icon { width: 100px; height: 100px; float: left; }
.verify-item .verify-text { margin-left: 24px; float: left; padding-top: 21px; }
.verify-item .verify-text h4 { font-size: 18px; margin-bottom: 6px; line-height: 26px; }
.verify-item .verify-text .summary { line-height: 26px; }
.verify-item .verify-action { float: right; padding-top: 34px; width: 128px; text-align: left; }
.verify-item .verify-action .icon { width: 18px; height: 18px; display: block; margin-right: 6px; background-position: -150px -350px; float: left; }
.verify-item .verify-action .text { line-height: 18px; display: block; height: 18px; float: left; }
.verify-item .verify-action .btn { width: 100%; margin-right: 0; }
.verify-item .verify-mail { background-position: 0 -900px; }
.verify-item .verify-cell { background-position: -100px -900px; }
.verify-item .verify-credit { background-position: -200px -900px; }
.verify-item .verify-identity { background-position: -300px -900px; }
.account-canvas .subject-name h4 { font-size: 16px; line-height: 24px; font-weight: bold; }
.account-canvas .subject-name .underline { height: 7px; }
.account-canvas .subject-name { margin-bottom: 64px; }
.account-wrap { width: 640px; margin: 0 auto; position: relative; }
.form-wrap { width: 476px; margin: 0 auto; }
.form-wrap .account-field { width:20%; padding-right: 0; float:left; line-height: 24px; margin-bottom: 4px; height: auto; }
.form-wrap .account-value { margin-left: 0; }
.form-wrap .form-submit { padding-left: 0; }
.notice-title { font-size: 36px; line-height: 46px; margin-bottom: 36px; font-weight: bold; }
.main-con .link { color: #FC2B7D; }
.mini-input { }
.mini-input.account-attrs .account-value input { float: left; width: 128px; margin-right: 12px; }
.code-img { display: block; float: left; height: 42px; width: 88px; background-color: #ccc; }
.msg-action .left { float: left; }
.msg-action .right { float: right; }
.msg-tip.left .button { margin-left: 0; }
.chat-title { margin-bottom: 24px; margin-top: 32px; position: relative; }
.chat-title h3 { font-size: 24px; line-height: 32px; font-weight: bold; }
.chat-title .msg-label { position: absolute; top: 0; right: 0; font-size: 12px; text-align: center; }
.chat-title .msg-label .icon { width: 24px; height: 24px; display: block; margin: 0 auto 2px; ; }
.apply-canvas .article-item .part-left > a:hover, .apply-canvas .article-item .part-left > a:visited { text-decoration: none; }
.apply-canvas .btn-cancel { display: inline-block; float: none; margin-right: 0; border-color: #DAE0E6; font-size: 12px; font-weight: normal; padding: 4px 24px; margin-left: 16px; }
.apply-canvas .btn-cancel:hover { border-color: #5B6064; }

@media only screen and (-webkit-min-device-pixel-ratio: 2), only screen and (min--moz-device-pixel-ratio: 2), only screen and (-o-min-device-pixel-ratio: 2/1), only screen and (min-device-pixel-ratio: 2) {
.table-row .active { background-image: url(../images/selected-icon@2x.png); background-size: 18px auto; }
}
/**新增 20160822**/
.msgbox { width: 100%; position: relative; border: 1px solid #B8E7E4; background-color: #EBFFFC; height: 48px; line-height: 24px; padding: 11px 20px; margin-bottom: 20px; }
.msgbox .content { padding: 0px; height: 100%; float: left; }
.msgbox .closes { float: right; }
.msgbox .closes div { display: inline-block; cursor: pointer; }
.msgbox .closes .icon { position: relative; top: 2px; height: 12px; width: 12px; background-position: -250px -500px; }
.field-error { border: 1px solid #FC2B7D !important; }
.help-block { position: absolute; border-radius: 4px; background-color: #DD4E68; color: #fff !important; height: 32px; vertical-align: middle; padding: 4px 12px; z-index: 1010; right: 0; left: 0; bottom: -44px;}
.help-block .icon { display: inline-block; height: 16px; width: 16px; margin-right: 5px; background-position: -200px -450px; }
.help-block .arrow { display: inline-block; position: absolute; top: -6px; left: 18px; width: 15px; height: 6px; opacity: 1; background-position: -200px -500px; }
.dialoglarge .modal-content { height: 100%; }
.dialoglarge form { height: 350px; }
.dialoglarge textarea { height: 130px; }
.dialoglarge .buttons {  }
.dialoglarge .buttons .account-value { text-align: left; }
.modal-body .account-attrs { height: 42px;  }
.modal-body .account-field { width: 160px; }
.validable .error { display: none; color: #FC2B7D; }
.account-attrs:before, .account-attrs:after { display: table; content: " " }
.account-attrs:after { clear: both }
.newmsg-modal .modal-body .account-attrs { height: auto; }

/**新增 20160822**/
@media (max-width: 767px) {
.account-core { padding-top: 0; padding-bottom: 36px; }
.account-form { width: 100%; }
.account-attrs .account-field { width: 30%; float:left; line-height: 24px; height: 24px; margin-bottom: 2px; }
.account-attrs .account-value { float: left; margin-left: 0; width:70%}
.form-submit { padding-left: 0; }
.account-headline { display: none; }
.account-container { width: 100%; padding-right: 0; padding-left: 0; }
.account-canvas { background: none; border: none; }
.account-canvas .content { padding: 0; }
.account-container .btn { width: 100%; margin-right: 0; }
.account-mark { height: 42px; border: none; background-color: #5B6064; position: relative; z-index: 200; }
.account-mark .account-tab { position: absolute; top: 100%; right: 0; left: 0; background-color: #5B6064; }
.account-tab > li.active { background: none; border: none; position: absolute; top: -42px; display: block; font-weight: bold; }
.account-tab > li { border: none; float: none; width: 100%; display: none; font-weight: normal; }
.account-tab.is-open > li { display: block; }
.account-tab > li.active > a { color: #ffffff; }
.account-canvas > .content { padding: 36px 18px; }
.account-tab a, .account-tab a:visited { padding: 9px 18px; }
.account-mark .accountsub-icon { display: block; position: absolute; top: 0; right: 0; left: 0; height: 40px; padding-top: 18px; cursor: pointer; padding-right: 18px; }
.account-mark .accountsub-icon .icon { display: block; width: 12px; height: 8px; background-position: 0 -250px; float: right }
.form-horizontal .form-group { margin-right: 0; margin-left: 0; }
.verify-item { padding-top: 36px; padding-bottom: 36px; }
.verify-item .verify-text { float: none; margin-left: 118px; padding-top: 12px; }
.verify-item .verify-action { float: none; width: 100%; padding-top: 24px; }
.account-wrap { width: 100%; }
.form-wrap { width: 100%; }
.account-canvas .subject-name { margin-bottom: 36px; }
.notice-title { font-size: 24px; line-height: 36px; margin-bottom: 18px; }
.account-container .account-value .btn-code { width: auto; }
.msg-top-button { position: fixed; right: 0; bottom: 0; left: 0; top: auto; background-color: #ffffff; padding: 8px 18px; }
.msg-top-button .btn-hero { width: 100%; max-width: none; }
.msg-action .act-right { width: 80%; text-align: right; }
.account-container .msg-action .btn { width: auto; margin-left: 8px; display: inline-block; float: none; }
.msg-item .msg-detail { width: 100%; padding-right: 0; margin-bottom: 12px; float: none; }
.msg-item .msg-time .title { display: inline-block; margin-right: 24px; }
.msg-item .msg-time .detail { display: inline-block; }
.msg-item .msg-time { width: 100%; float: none; }
.msg-item .msg-tip { display: none; }
.chat-msg .chatter { width: 100%; float: none; margin-bottom: 18px; }
.chat-msg .chat-content { margin-left: 0; }
.chatter .chat-head,  .chatter .chat-info { float: left; margin-right: 12px; }
.chatter:before,  .chatter:after { display: table; content: " " }
.chatter:after { clear: both }
.apply-canvas { padding: 18px; }
.apply-canvas .btn-cancel { margin-left: 0; border: none; float: none; background: none; padding: 6px; }
.apply-canvas .article-item .part-right { padding: 0; }
.sign-container .account-form h5.chap-title .underline,  #message .account-form h5.chap-title .underline { margin-bottom: 24px; }
.account-core .account-attrs { margin-bottom: 24px; }
#att_userpic{height:128px;}
.sign-container .account-seg,  .account-core .account-seg { margin-bottom: 64px; }
.newmsg-modal .modal-dialog { width: auto; position: absolute; top: 36px; right: 24px; bottom: 36px; left: 24px; margin-left: 0; margin-top: 0; }
.newmsg-modal .modal-body { padding: 18px; top: 0; overflow-y: scroll; }
.dialoglarge .buttons { margin-top: 18px; }
.newmsg-modal .modal-body .btn-hero { width: 100%; margin-right: 0; }
.account-container > .subject-name { padding: 18px 18px 0; }
}