body{font-family:Roboto, Helvetica, Tahoma, Arial, "Microsoft YaHei", serif;font-size:14px;line-height:1.28571;color:#333}[ng\:cloak],[ng-cloak],[data-ng-cloak],[x-ng-cloak],.ng-cloak,.x-ng-cloak,.ng-hide:not(.ng-hide-animate){display:none}.clearfix:after{content:'.';display:block;height:0;clear:both;visibility:hidden}.user-portrait table{border-collapse:collapse}.user-portrait caption,.user-portrait table,.user-portrait tbody,.user-portrait td,.user-portrait tfoot,.user-portrait th,.user-portrait thead,.user-portrait tr{margin:0;padding:0}.user-portrait a{color:#1686CC;text-decoration:none}.user-portrait a:hover{color:#FF751A;text-decoration:underline}.user-portrait img{color:transparent;font-size:0;border:0;vertical-align:middle}.user-portrait button,.user-portrait html input[type=button],.user-portrait input[type=reset],.user-portrait input[type=submit]{-webkit-appearance:button;cursor:pointer;border-radius:0}.user-portrait input.ds-button-primary[type=submit]{border-radius:3px}.user-portrait :focus{outline:0}.user-portrait .ds-button{position:relative;display:inline-block;box-sizing:border-box}.user-portrait .ds-button.disabled{border-color:#dae2ed;background:#f5f7fa;color:#ccc;cursor:default}.user-portrait .ds-button.disabled:hover{border-color:#dae2ed;background:#f5f7fa;color:#ccc;cursor:default}.user-portrait .ds-button-normal,.user-portrait .ds-button-primary,.user-portrait .ds-button-secondary{border:1px solid transparent;border-radius:3px;vertical-align:baseline;font-style:normal;font-family:inherit;color:#333;background:0 0;cursor:pointer}.user-portrait .ds-button-normal{background:#fff;color:#333;border-color:#c6cad1}.user-portrait .ds-button-primary,.user-portrait a.ds-button-primary{background:#ff7519;color:#fff;border-color:#ff7519}.user-portrait .ds-button-small{height:24px;padding:0 12px;line-height:22px;font-size:12px}.user-portrait .ds-button-medium{height:28px;padding:0 12px;line-height:28px;font-size:14px}.user-portrait{width:100%;max-width:990px;margin:0 auto}.user-portrait .title-wrap{padding:20px 0 0;margin:0 0 10px;position:relative;border-bottom:1px solid #ccc}.user-portrait .title-wrap .guide{color:#333;margin:0 0 10px;font-size:20px;line-height:100%;font-weight:400}.user-portrait .portrait-notice{margin-bottom:14px}.user-portrait .portrait-notice .notice{clear:both;padding:12px 50px 12px 12px;background-color:#fff;border-radius:3px;border:2px solid #9ad2f5}.user-portrait .upload-table{width:100%;margin-bottom:20px}.user-portrait .upload-table td{vertical-align:top}.user-portrait .upload-rule-wrap{width:300px}.user-portrait .upload-rule-wrap fieldset{padding:12px;font-size:12px;border:1px dashed #ddd}.user-portrait .upload-rule-wrap legend{background-color:#FFF;padding:0 30px 0 6px;font-size:14px;font-weight:700}.user-portrait .upload-rule-wrap .narrow{box-sizing:border-box;margin:0 0 0 4px;padding-left:25px}.user-portrait .upload-rule-wrap .narrow li{white-space:normal;line-height:18px;margin-bottom:10px;font-size:12px}.user-portrait .upload-box-wrap{padding-top:8px;padding-right:10px}.user-portrait .upload-box-wrap .ds-feedback{margin-bottom:4px;border-radius:3px;clear:both;padding:12px 26px 12px 12px;background-color:#FFF}.user-portrait .upload-box-wrap .ds-feedback .feedback-content{margin-left:26px;color:#333}.user-portrait .upload-box-wrap .upload-feedback-success{background-color:#e8f9e8}.user-portrait .upload-box-wrap .upload-feedback-error{background-color:#fae7e7}.user-portrait .upload-box-wrap .upload-box{box-sizing:border-box;border:1px dashed #ddd;padding:20px}.user-portrait .upload-box-wrap .upload-box .file-wrap{float:left;margin-right:20px}.user-portrait .upload-box-wrap .upload-box .uploader-list{float:left;width:102px;height:102px;min-height:0;background:url(../../images/account-center/mempic_nophoto.gif) no-repeat}.user-portrait .upload-box-wrap .uploader-img-item{padding:0;float:left;text-align:center}.user-portrait .upload-box-wrap .form-help{padding:10px 0}.user-portrait .upload-box-wrap .form-help .tip{color:#666}.user-portrait .upload-box-wrap .form-help .img-tip{margin-top:10px;color:#999}.user-portrait .upload-box-wrap .submit-wrap{width:100px;text-align:center}.user-portrait .upload-box-wrap #add_img{margin-top:20px}.user-portrait .uploader-img-wrap{overflow:hidden;position:relative;width:100px;height:100px;line-height:98px;border:1px solid #ddd;background:#f9f9f9}.user-portrait .uploader-img-wrap img{width:100px;height:100px}.user-portrait .crop-box-wrap .crop-box{width:490px;height:250px;background:#797979;display:inline-block;vertical-align:top;overflow:hidden}.user-portrait .crop-box-wrap .crop-box .crop-box-inner{display:table-cell;vertical-align:middle;text-align:center;width:490px}.user-portrait .crop-box-wrap .crop-box .crop-img{max-height:250px;max-width:490px;width:100%;height:100%;display:none;visibility:hidden}.user-portrait .crop-box-wrap .crop-box .jcrop-wrap{position:relative;background-color:black;margin:0 auto}.user-portrait .crop-box-wrap .preview-area{padding-left:20px;box-sizing:border-box;width:180px;display:inline-block}.user-portrait .crop-box-wrap .preview-area .title{padding-bottom:8px}.user-portrait .crop-box-wrap .preview-area .preview-box{width:151px;height:151px;display:inline-block;background:#797979;box-sizing:border-box;border:1px solid #ddd;overflow:hidden}.user-portrait .crop-box-wrap .preview-area .preview-box.small{width:61px;height:61px;margin-top:9px}.user-portrait .crop-box-wrap .preview-area .preview-box.circle{border-radius:30px;margin-left:22px}.user-portrait .crop-box-wrap .promise{padding:10px 0 12px;font-size:12px}.user-portrait .crop-box-wrap .button-group input{margin-right:10px}@media (max-width: 990px){.user-portrait .upload-rule-wrap{display:none}}





/*! Jcrop.min.css v2.0.4 - build: 20151117
 *  Copyright 2008-2015 Tapmodo Interactive LLC
 *  Free software under MIT License
 **/

.jcrop-active{direction:ltr;text-align:left;box-sizing:border-box;-ms-touch-action:none}.jcrop-dragging{-moz-user-select:none;-webkit-user-select:none;-ms-user-select:none;user-select:none}.jcrop-selection{z-index:2}.jcrop-selection.jcrop-current{z-index:4}.jcrop-border{background:#fff url(Jcrop.gif);line-height:1px!important;font-size:0!important;overflow:hidden;position:absolute;filter:alpha(opacity=50)!important;opacity:.5!important}.jcrop-border.ord-w,.jcrop-border.ord-e,.jcrop-border.ord-n{top:0}.jcrop-border.ord-n,.jcrop-border.ord-s{width:100%;height:1px!important}.jcrop-border.ord-w,.jcrop-border.ord-e{height:100%;width:1px!important}.jcrop-border.ord-e{right:-1px}.jcrop-border.ord-n{top:-1px}.jcrop-border.ord-w{left:-1px}.jcrop-border.ord-s{bottom:-1px}.jcrop-selection{position:absolute}.jcrop-box{z-index:2;display:block;background:0 0;border:0;padding:0;margin:0;font-size:0}.jcrop-box:hover{background:0 0}.jcrop-box:active{background:0 0}.jcrop-box:focus{outline:1px rgba(128,128,128,.65) dotted}.jcrop-active,.jcrop-box{position:relative}.jcrop-box{width:100%;height:100%;cursor:move}.jcrop-handle{z-index:4;background-color:rgba(49,28,28,.58);border:1px #eee solid;width:9px;height:9px;font-size:0;position:absolute;filter:alpha(opacity=80)!important;opacity:.8!important}.jcrop-handle.ord-n{left:50%;margin-left:-5px;margin-top:-5px;top:0;cursor:n-resize}.jcrop-handle.ord-s{bottom:0;left:50%;margin-bottom:-5px;margin-left:-5px;cursor:s-resize}.jcrop-handle.ord-e{margin-right:-5px;margin-top:-5px;right:0;top:50%;cursor:e-resize}.jcrop-handle.ord-w{left:0;margin-left:-5px;margin-top:-5px;top:50%;cursor:w-resize}.jcrop-handle.ord-nw{left:0;margin-left:-5px;margin-top:-5px;top:0;cursor:nw-resize}.jcrop-handle.ord-ne{margin-right:-5px;margin-top:-5px;right:0;top:0;cursor:ne-resize}.jcrop-handle.ord-se{bottom:0;margin-bottom:-5px;margin-right:-5px;right:0;cursor:se-resize}.jcrop-handle.ord-sw{bottom:0;left:0;margin-bottom:-5px;margin-left:-5px;cursor:sw-resize}.jcrop-touch .jcrop-handle{z-index:4;background-color:rgba(49,28,28,.58);border:1px #eee solid;width:18px;height:18px;font-size:0;position:absolute;filter:alpha(opacity=80)!important;opacity:.8!important}.jcrop-touch .jcrop-handle.ord-n{left:50%;margin-left:-10px;margin-top:-10px;top:0;cursor:n-resize}.jcrop-touch .jcrop-handle.ord-s{bottom:0;left:50%;margin-bottom:-10px;margin-left:-10px;cursor:s-resize}.jcrop-touch .jcrop-handle.ord-e{margin-right:-10px;margin-top:-10px;right:0;top:50%;cursor:e-resize}.jcrop-touch .jcrop-handle.ord-w{left:0;margin-left:-10px;margin-top:-10px;top:50%;cursor:w-resize}.jcrop-touch .jcrop-handle.ord-nw{left:0;margin-left:-10px;margin-top:-10px;top:0;cursor:nw-resize}.jcrop-touch .jcrop-handle.ord-ne{margin-right:-10px;margin-top:-10px;right:0;top:0;cursor:ne-resize}.jcrop-touch .jcrop-handle.ord-se{bottom:0;margin-bottom:-10px;margin-right:-10px;right:0;cursor:se-resize}.jcrop-touch .jcrop-handle.ord-sw{bottom:0;left:0;margin-bottom:-10px;margin-left:-10px;cursor:sw-resize}.jcrop-dragbar{font-size:0;position:absolute}.jcrop-dragbar.ord-n,.jcrop-dragbar.ord-s{height:9px!important;width:100%}.jcrop-dragbar.ord-e,.jcrop-dragbar.ord-w{top:0;height:100%;width:9px!important}.jcrop-dragbar.ord-n{margin-top:-5px;cursor:n-resize;top:0}.jcrop-dragbar.ord-s{bottom:0;margin-bottom:-5px;cursor:s-resize}.jcrop-dragbar.ord-e{margin-right:-5px;right:0;cursor:e-resize}.jcrop-dragbar.ord-w{margin-left:-5px;cursor:w-resize}.jcrop-shades{position:relative;top:0;left:0}.jcrop-shades div{cursor:crosshair}.jcrop-noresize .jcrop-dragbar,.jcrop-noresize .jcrop-handle{display:none}.jcrop-selection.jcrop-nodrag .jcrop-box,.jcrop-nodrag .jcrop-shades div{cursor:default}.jcrop-light .jcrop-border{background:#fff;filter:alpha(opacity=70)!important;opacity:.7!important}.jcrop-light .jcrop-handle{background-color:#000;border-color:#fff}.jcrop-dark .jcrop-border{background:#000;filter:alpha(opacity=70)!important;opacity:.7!important}.jcrop-dark .jcrop-handle{background-color:#fff;border-color:#000}.solid-line .jcrop-border{background:#fff}.jcrop-thumb{position:absolute;overflow:hidden;z-index:5}.jcrop-active img,.jcrop-thumb img,.jcrop-thumb canvas{min-width:none;min-height:none;max-width:none;max-height:none}.jcrop-hl-active .jcrop-border{filter:alpha(opacity=20)!important;opacity:.2!important}.jcrop-hl-active .jcrop-handle{filter:alpha(opacity=10)!important;opacity:.1!important}.jcrop-hl-active .jcrop-selection:hover{}.jcrop-hl-active .jcrop-selection:hover .jcrop-border{background-color:#ccc;filter:alpha(opacity=50)!important;opacity:.5!important}.jcrop-hl-active .jcrop-selection.jcrop-current .jcrop-border{background:gray url(Jcrop.gif);opacity:.35!important;filter:alpha(opacity=35)!important}.jcrop-hl-active .jcrop-selection.jcrop-current .jcrop-handle{filter:alpha(opacity=30)!important;opacity:.3!important}.jcrop-hl-active .jcrop-selection.jcrop-focus .jcrop-border{background:url(Jcrop.gif);opacity:.65!important;filter:alpha(opacity=65)!important}.jcrop-hl-active .jcrop-selection.jcrop-focus .jcrop-handle{filter:alpha(opacity=60)!important;opacity:.6!important}button.jcrop-box{background:0 0}
/*# sourceMappingURL=maps/user-portrait-f0e5c9f2a0.min.css.map */