.section_main {
  min-width: 1230px;
  width: 100%;
}
body {
  color: #333;
}
*,
:after,
:before {
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}
.w {
  width: 1230px;
  margin-left: auto;
  margin-right: auto;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}
.hidden {
  display: none;
}
.user-container {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -ms-flex-direction: row;
  flex-direction: row;
  margin-bottom: 12%;
}
.user-container .side-nav {
  width: 14.2%;
  margin-right: 2%;
  text-align: center;
  border: 1px solid #e1e1e1;
  font-size: 17px;
}
.user-container .side-nav .top-list {
  padding: 24px 0 5px;
}
.user-container .side-nav .bottom-list {
  border-top: 1px dashed #e1e1e1;
  padding: 26px 0 10px;
}
.user-container .user-main {
  -webkit-box-flex: 1;
  -ms-flex: 1;
  flex: 1;
  border: 1px solid #e1e1e1;
  padding-top: 2.3%;
  padding-left: 3%;
  padding-right: 12%;
  font-size: 14px;
}
.side-nav li {
  font-size: 14px;
  margin-bottom: 21px;
  width: 100%;
  cursor: pointer;
  border-left: 3px solid transparent;
  border-right: 3px solid transparent;
}
.side-nav li.bold{
  font-size: 16px;
  cursor: default;
}
.side-nav li.active {
  border-left: 3px solid #ca8c56;
  border-right: 3px solid #ca8c56;
  color: #ca8c56;
}
.tabs .one-btn {
  border-radius: unset;
  margin-right: 12px;
  padding: 0 12px;
  height: 28px;
  cursor: pointer;
}
.tabs .one-btn.active {
  color: #d6aa7e;
  background-color: #fff;
  border-color: #d6aa7e;
}
.cbody {
  margin-top: 36px;
  width: 100%;
}
.cbody .notice-list {
  border: 1px solid #e1e1e1;
  width: 100%;
}
.cbody .notice-list .notice-item {
  width: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -ms-flex-direction: row;
  flex-direction: row;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  height: 48px;
  line-height: 48px;
  padding: 0 10px;
}
.cbody .notice-list .notice-item:not(:last-child) {
  border-bottom: 1px solid #e1e1e1;
}
.cbody .notice-list .notice-item .notice {
  -webkit-box-flex: 1;
  -ms-flex: 1;
  flex: 1;
}
.cbody .notice-list .notice-item .notice .oneicon-smile {
  background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABMAAAATCAYAAAByUDbMAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyJpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuMy1jMDExIDY2LjE0NTY2MSwgMjAxMi8wMi8wNi0xNDo1NjoyNyAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENTNiAoV2luZG93cykiIHhtcE1NOkluc3RhbmNlSUQ9InhtcC5paWQ6MjU5RUFFODQ1RDhDMTFFOEIwQTFFOUFGNkYzQzA3OEEiIHhtcE1NOkRvY3VtZW50SUQ9InhtcC5kaWQ6MjU5RUFFODU1RDhDMTFFOEIwQTFFOUFGNkYzQzA3OEEiPiA8eG1wTU06RGVyaXZlZEZyb20gc3RSZWY6aW5zdGFuY2VJRD0ieG1wLmlpZDoyNTlFQUU4MjVEOEMxMUU4QjBBMUU5QUY2RjNDMDc4QSIgc3RSZWY6ZG9jdW1lbnRJRD0ieG1wLmRpZDoyNTlFQUU4MzVEOEMxMUU4QjBBMUU5QUY2RjNDMDc4QSIvPiA8L3JkZjpEZXNjcmlwdGlvbj4gPC9yZGY6UkRGPiA8L3g6eG1wbWV0YT4gPD94cGFja2V0IGVuZD0iciI/PnpRpXIAAAH5SURBVHjalNQxSFVRHMfx+6w0sRrMcsgKAxuUIqshKsIUawgcFJ6DNLSFrdkkSEtDEm0VLSFRaKC0BCYOpfYqlQJDghBNCQoEIcuExOr7g9+V2+Wqzz985L3nOf97zv+e80+9upkOEmI3ruAMtiMHf/EDGdzDjAaebOlambQ5IVE7GvERzz15FoU4gWoM4hmaoxNTsZV9wDZcxFCwelTiEbaijNUtB15+NJF+LF0nkeI9yjGFz+GPYbJbOIAjwcaiRn8y7Y0d4TaLXcxD+ORBSpryCuJxGLkY9fdd+IIKrewa3kQSKVrRtspqruJG+IV66eX0abySncXT2IQCS4oCv6RoPNZudDS24EXsnw9jLycanQnJ3mJBNdNbPOU6HPS5yjY0bxpz6A2fvuzl92PTBpKpVvuo2y9dgBwnqvcT8pDOMpFqnU+iDEejStdOyUbQ5AF30ZFlsifo9ufLmFDNdFjHscd7n3dBa9dI1On7m/IL/I7TWtkkejDsgXtx1A+44MGBa1njw1rncYqXGGC778Ku0eTOoGU3YCfu4DYW8cdHJR+vcdzz7uOY29R/LajUl1ZH43ykvVSgBF8xFnYbHQVtDftZ1e941/iJIt+zMbeYcyqs+5r6m97aA1+9Jewg0be1mmPa21Cnve6jE0TqpuSXktrUPwEGALYTeXLS5lIVAAAAAElFTkSuQmCC) center center no-repeat;
  display: inline-block;
  width: 19px;
  height: 19px;
  background-size: 100%;
  margin-right: 8px;
  vertical-align: middle;
}
.cbody .notice-list .notice-item .notice .oneicon-smile > span {
  vertical-align: middle;
}
.cbody .notice-list .notice-item .action {
  margin-right: 6.6%;
  text-decoration: underline;
}
.cbody .notice-list .notice-item .datetime {
  margin-right: 1%;
}
#userinfo {
  width: 100%;
  color: rgba(0, 0, 0, 0.5);
}
#userinfo .info-item {
  width: 100%;
  margin-bottom: 4.5%;
}
#userinfo .info-item .label {
  display: inline-block;
  margin-right: 4%;
}
#userinfo .avtar-wrap {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}
#userinfo .avtar-wrap .imgwrap {
  width: 96px;
  height: 96px;
  border-radius: 50%;
  overflow: hidden;
  font-size: 0;
  position: relative;
  margin-right: 23px;
}
#userinfo .avtar-wrap .imgwrap img {
  width: 100%;
  height: 100%;
}
#userinfo .avtar-wrap .imgwrap .upload {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  opacity: 0;
  cursor: pointer;
}
#userinfo .nickname-wrap {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  margin-top: 2.7%;
}
#userinfo .nickname-wrap .one-input {
  height: 36px;
  color: rgba(0, 0, 0, 0.9);
  text-indent: 1em;
  width: 190px;
}
#userinfo .nickname-wrap .tips {
  margin-top: 8px;
}
#userinfo .gender-wrap label:not(:last-child) {
  margin-right: 22px;
}
#userinfo .birthday-wrap .gap {
  margin: 0 8px;
}
#userinfo .email-wrap .one-input {
  height: 36px;
  color: rgba(0, 0, 0, 0.9);
  text-indent: 1em;
  width: 190px;
}
#userinfo .submit-wrap {
  width: 100%;
}
#userinfo .submit-wrap .one-btn {
  margin-left: 8.4%;
  height: 46px;
  width: 24%;
  cursor: pointer;
  text-align: center;
  font-size: 16px;
}
#pager {
  text-align: center;
  margin-top: 20px;
}
#pager span {
  display: inline-block;
  padding:5px 10px;
  text-align: center;
  border:1px solid  #ca8c56;
  background-color: #ca8c56;
  color: #fff;
  border-radius: 3px;
  margin:0 20px;
}
#pager span.p, #pager span.n{
  display: none;
}
.user-container .side-navigator { width: 14.2%;margin-right: 2%;text-align: center;font-size: 14px;height: 750px;}
.user-container .section-body{ width: 83.8%; -webkit-box-flex: 1; -ms-flex: 1; flex: 1;font-size: 14px;}
.row {width: 100%; background-color: #ebebeb; display: -webkit-box; display: -ms-flexbox; display: flex;-webkit-box-align: center;-ms-flex-align: center;align-items: center;}
.caption-wrap {height: 40px;padding-left: 5%;font-size: 16px;}
.caption-wrap .divider {margin: 0 4px; }
.t-body {padding-top: 22px;padding-left: 5%;padding-right: 9%}
.t-body .unit {margin-top: 28px}
.t-body .unit .caption {font-size: 16px;line-height: 1.875;color: #646464}
.t-body .unit .sub-body,
.t-body .unit .sub-body p,
.t-body .unit .sub-body ul
{color: #969696;font-size: 16px;line-height: 1.875}
.text-group{text-indent: 2em;}
.t-body .unit .imgwrap{font-size: 0;} .t-body .unit .imgwrap img {width: 100%;}
/*sidebar*/
  .group .router,  .group .caption{height: 40px;line-height: 40px;color: #646464}
   .group .caption {background-color: #ebebeb; }
    .group .router{background-color: #fff;cursor: pointer;-webkit-transition: all .3s;-o-transition: all .3s;transition: all .3s;}
    .group .router.active,
    .group .router.router-link-exact-active {background-color: #323232;color: #fff}
    .user-container .section-body {
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
    /*padding-top: 2.3%;*/
   /* padding-left: 50px; 4.06%;*/
    /*padding-right: 12%;*/
    font-size: 14px;
}
.underline{text-decoration: underline;}
.one-cont{font-size: 16px;line-height: 1.875}
.one-cont .caption {color: #646464}
.one-cont .paragraph {color: #969696}