.user-menu-wrapper {

  clear: both;

  width: 100%;

  margin-top: 182px;

  background: -webkit-linear-gradient(top, #fff, #fafafa);

}

.user-menu-wrapper .user-body-wrapper {

  width: 1000px;

  margin: auto;

  position: relative;

}

.user-menu-wrapper .user-body-wrapper ul {

  overflow: hidden;

  margin-left: 152px;

}

.user-menu-wrapper .user-body-wrapper ul li {

  float: left;

  padding: 15px 24px;

  list-style: none;

  color: #999;

  font-size: 15px;

  border-left: 1px solid #e5e5e5;

  cursor: pointer;

}

.user-menu-wrapper .user-body-wrapper ul li:first-child {

  border-left: none;

}

.user-menu-wrapper .user-body-wrapper ul li:hover {

  text-decoration: underline;

}

.user-menu-wrapper .user-body-wrapper ul li.active {

  background-color: #f4f4f4;

}

.user-menu-wrapper .user-body-wrapper .user-info {

  position: absolute;

  left: 0;

  top: -80px;

  width: 800px;

}

.user-menu-wrapper .user-body-wrapper .user-info .head-img {

  float: left;

}

.user-menu-wrapper .user-body-wrapper .user-info .head-img img {

  width: 100px;

  height: 100px;

  border: 4px solid #f8f8f7;

  box-shadow: 2px 2px 4px #ccc;



}

.user-menu-wrapper .user-body-wrapper .user-info .user-name ,.user-qianming {

  font-size: 20px;

  color: #42696C;

  font-weight: bold;

  margin-top: 10px;

  padding-left: 136px;

}
.user-qianming {font-weight: normal; font-size: 14px;color: #666;}
a.copy-blog-url {background: #d7d7d7; color: #000; margin-left: 5px; padding:2px 5px; border-radius: 5px;}
a.copy-blog-url:hover {background: #408290; color: #fff;}
.user-menu-wrapper .user-body-wrapper .user-info .user-name .level {

  display: inline-block;

  color: #fff;

  /*background-color: #f2ab27;*/



  text-align: center;

  font-size: 12px;

  font-weight: normal;

  width: 30px;

  border-radius: 5px;

}

.nws-sex-wz{background-color: #999999;}

.nws-sex-gg{background-color: #377cda;}

.nws-sex-mm{background-color: #f869b6;}



.user-menu-wrapper .user-body-wrapper .user-info .user-points {

  font-size: 12px;

  color: #333;

  padding-left: 136px;

  margin-top: 8px;



}

.user-page-body-wrapper {

  width: 1000px;

  margin: 38px auto;

}

.user-page-body-wrapper .user-info-wrapper {

  width: 100%;

  background-color: #fff;

  padding: 15px 176px 100px 176px;

}

.user-page-body-wrapper .user-info-wrapper .info-menu {

  border-left: 1px solid #e2e1e1;

}

.user-page-body-wrapper .user-info-wrapper .info-menu ul {

  overflow: hidden;

}

.user-page-body-wrapper .user-info-wrapper .info-menu ul li {

  float: left;

  list-style: none;

  padding: 10px 14px;

  border-top: 1px solid #e2e1e1;

  border-right: 1px solid #e2e1e1;

  border-bottom: 1px solid #e2e1e1;

}

.user-page-body-wrapper .user-info-wrapper .info-menu ul li.active {

  border-bottom: 1px solid #fff;

}

.user-page-body-wrapper .user-info-wrapper .info-wrapper {

  margin-top: 10px;

}

.user-page-body-wrapper .user-info-wrapper .info-wrapper .layui-form-item {

  margin-top: 30px;

}

.user-page-body-wrapper .user-info-wrapper .info-wrapper .layui-form-label {

  width: 100px;

}

.user-page-body-wrapper .user-info-wrapper .info-wrapper .layui-input {

  width: 292px;

}

.user-page-body-wrapper .user-info-wrapper .info-wrapper .layui-input.layui-unselect {

  font-size: 12px;

  width: 76px;

}

.user-page-body-wrapper .points-wrapper .points-info {

  background: url(../img/user/user_bg.png) no-repeat;

  background-position: right bottom;

  background-color: #fff;

  padding: 42px 56px;

}

.user-page-body-wrapper .points-wrapper .points-info .points {

  font-size: 30px;

  font-weight: bold;

  color: #42696C;

}

.user-page-body-wrapper .points-wrapper .points-info .title {

  font-size: 12px;

  color: #999;

  margin: 10px;

}

.user-page-body-wrapper .points-wrapper .points-table {

  background-color: #fff;

  margin-top: 24px;

  padding: 24px 20px 58px 20px;

}

.user-page-body-wrapper .points-wrapper .points-table .each-line {

  display: flex;

}

.user-page-body-wrapper .points-wrapper .points-table .each-line .item {

  flex: 1;

  text-align: center;

  font-size: 16px;

}

.user-page-body-wrapper .points-wrapper .points-table .each-line .item.title {

  font-size: 18px;

  font-weight: bold;

}

.user-page-body-wrapper .points-wrapper .points-table .each-line .item.num {

  color: #ff4040;

  font-size: 20px;

  font-weight: bold;

}

.user-page-body-wrapper .points-wrapper .points-table .each-line.table-head {

  background-color: #f5f5f5;

  padding: 12px 0;

}

.user-page-body-wrapper .points-wrapper .points-table .each-line.table-info {

  padding: 34px 0;

  border-bottom: 1px solid #eaeaea;

}

.user-favor-menu .favor-menu {

  background-color: #fff;

  padding-left: 20px;

  display: flex;

}

.user-favor-menu .favor-menu div {



  margin-left: 20px;

  font-size: 16px;

}



.user-favor-menu .favor-menu div a,.user-favor-menu .favor-menu div a:visited{padding: 18px 20px;display: block;text-decoration: none;}



.user-favor-menu .favor-menu div.active {

  border-bottom: 4px solid #42696C;

}

.user-favor-menu .favor-menu div:hover {

  text-decoration: none;

  cursor: pointer;

}

.user-favor-menu .empty-btn {

  margin: 12px 0;

  text-align: right;

}

.user-favor-menu .empty-btn button {

  background-color: #fff;

  border: 1px solid #eaeaea;

  font-size: 12px;

  width: 70px;

  height: 26px;

  border-radius: 3px;

  cursor: pointer;

}

#wanshan_list .each-wanshan-wrapper {

  background-color: #fff;

  margin-bottom: 24px;

  padding: 24px;

}

#wanshan_list .each-wanshan-wrapper .title {

  font-size: 20px;

  color: #42696C;

  font-weight: bold;

}

#wanshan_list .each-wanshan-wrapper .info {

  display: flex;

  color: #999;

  font-size: 12px;

  margin: 10px 0 15px 0;

}

#wanshan_list .each-wanshan-wrapper .info div {

  margin-right: 38px;

}

#wanshan_list .each-wanshan-wrapper .user-info img {

  width: 36px;

  height: 36px;

  border-radius: 50%;

  border: 4px solid #f8f8f7;

  margin-right: 5px;

}

#wanshan_list .each-wanshan-wrapper .user-info.second {

  margin-top: 8px;

  text-align: right;

}

#userlangsong13 .language {

  color: #999;
  font-size: 14px;

}
.active .language {color: #fff;}

#wanshan_list .each-wanshan-wrapper .user-info .date {

  float: right;

  color: #999;

  font-size: 12px;

  display: inline-block;

  padding-top: 6px;

}

#wanshan_list .each-wanshan-wrapper .content {

  margin-top: 16px;

  padding: 20px 16px;

  border: 1px solid #eaeaea;

  border-radius: 8px;

  position: relative;

}

#wanshan_list .each-wanshan-wrapper .content.active{

  background: #488b8f;

  color: #fff;

}

#wanshan_list .each-wanshan-wrapper .content .arrow {

  position: absolute;

  left: 20px;

  top: -10px;

  width: 14px;

}

#wanshan_list .each-wanshan-wrapper .content.langsong {

  padding: 10px 10px;
  width: 200px;
  cursor: pointer;
  text-align: center;

}

#wanshan_list .each-wanshan-wrapper .content.langsong img{width: 20px;}

#wanshan_list .each-wanshan-wrapper .content.langsong .voice {

  vertical-align: middle;

  margin-right: 10px;

}

#wanshan_list .each-wanshan-wrapper .result-content {

  margin-top: 16px;

  padding: 20px 16px;

  border: 1px solid #eaeaea;

  border-radius: 8px;

  position: relative;

  text-align: right;

}

#wanshan_list .each-wanshan-wrapper .result-content .arrow {

  position: absolute;

  right: 14px;

  top: -10px;

  width: 14px;

}

#wanshan_list .each-wanshan-wrapper .actions {

  display: flex;

  font-size: 12px;

  margin-top: 24px;

}

#wanshan_list .each-wanshan-wrapper .actions .counts {

  flex: 1;

}

#wanshan_list .each-wanshan-wrapper .actions .counts span {

  color: #42696C;

}

#wanshan_list .each-wanshan-wrapper .actions .btns {

  flex: 1;

  display: flex;

  justify-content: flex-end;

}

#wanshan_list .each-wanshan-wrapper .actions .btns div {

  margin-left: 10px;

}

#wanshan_list .each-wanshan-wrapper .actions .btns div .action-icon {

  margin: 0 10px;

  cursor: pointer;

}

.layui-form-label{width:100px;}

.nws_delete{cursor: pointer}

.nws-wyls{

  border: 1px solid #eaeaea;

  color: #333;

  background-color: #fff;

  border-radius: 2px;

  width: 70px;

  height: 26px;

  cursor: pointer;

  transform: translateY(-6px);

}



.page-body{padding-top:38px;}

.nws-user-header-img{max-width: 150px;}

.nws_bind_login{width:420px;margin:20px auto; text-align: center;}

.nws_bind_login a{padding:0 20px;}

.nws_bind_login img{width:40px;margin-right:10px;}