@charset "UTF-8";
/*清除浏览器格式*/
* {
  box-sizing: border-box;
  padding: 0px;
  margin: 0px;
}
/* 通用样式 */
html,
body {
  width: 100%;
  /* height: 100%; */
  margin: 0px;
  padding: 0px;
  font: 14px Arial, sans-serif;
  color: #333;
  background: #fff;
}
/*规定鼠标的形状为一只伸出食指的手；a链接去掉下划线；改变颜色；*/
a {
  cursor: pointer;
  text-decoration: none;
  color: inherit;
}
/* a:hover {
  color: #48d;
} */
/*规定h1字体大小；*/
h1,
h2,
h3,
h4,
h5,
h6 {
  margin-block-start: 0px;
  margin-block-end: 0px;
  margin: 0px;
  padding: 0px;
  font-weight: normal;
}
h1,
wf-sns h1,
wf-pop h1 {
  font-size: 18px;
  padding: 8px 0px;
  /* color: darkcyan; */
  color: #48d;
}
/*规定h2字体大小；字体粗细；*/
h2,
wf-sns h2,
wf-pop h2 {
  font-size: 16px;
  padding: 6px 0px;
  /* color: darkcyan; */
  color: #48d;
}
/*规定h3字体大小；高度；行高；*/
wf-h3,
h3,
wf-sns h3,
wf-pop h3 {
  font-size: 14px;
  padding: 4px 0px;
  /* color: darkcyan; */
  color: #48d;
}
h4,
wf-sns h4,
wf-pop h4 {
  font-size: 12px;
  padding: 2px 0px;
}
h5,
wf-sns h5,
wf-pop h5 {
  font-size: 10px;
  padding: 1px 0px;
}
h6,
wf-sns h6,
wf-pop h6 {
  font-size: 8px;
  padding: 0px 0px;
}
a {
  color: #82bbff;
}
label {
  color: #4488dd;
}
a:hover {
  opacity: 0.7;
}
p {
  font: 13px Arial, sans-serif;
  padding: 5px 0px;
  line-height: 20px;
  white-space: pre-wrap;
}
/*输入框相关样式*/
label {
  display: inline-block;
  min-width: 80px;
  width: auto;
  max-width: 100%;
  /* text-align: left */
  /*font-weight: 700;*/
  vertical-align: middle;
}
input,
select {
  caret-color: #333;
  padding: 3px;
  border: solid 1px #d2d2d2;
  outline: none;
  height: 30px;
  padding: 0 6px;
  font-size: 12px;
  vertical-align: middle;
  display: inline-block;
}
i.nessary {
  color: red;
  vertical-align: middle;
}
input:hover,
input:focus {
  border: 1px solid #82bbff;
}
/* .ma{
    display: block;
    width: 100px;
    padding-left: 10px;
    color: #000;
} */
/*文本框禁用状态相关样式*/
input[name="disabled1"]:hover {
  border: solid 1px #d2d2d2;
}
/*单选框相关样式*/
input[name="sex"] {
  height: 12px;
  width: 12px;
  cursor: pointer;
  box-sizing: border-box;
}
/*多选框相关样式*/
input[name="test"] {
  height: 12px;
  width: 12px;
  position: relative;
  display: inline-block;
  cursor: pointer;
}
/*下拉列表相关样式*/
select[name="provinces"] {
  cursor: pointer;
}
select[value="option"] {
  cursor: pointer;
}
textarea {
  width: 100%;
  /* border: solid 1px #ccc; */
  border: solid 1px #d2d2d2;
  resize: none;
  outline: none;
  font-family: monospace;
  padding: 5px;
  line-height: 20px;
  display: block;
}
/*布局相关样式*/

/* header {
    background-color: rgba(255, 255, 255, 0.9);
    width: 100%;
    position: sticky;
    top: 0;
    z-index: 2;
} */

aside {
  width: 200px;
  height: 100%;
  float: left;
}
main {
  float: left;
  width: 760px;
}
/* footer {} */
/* 导航相关样式 */
nav {
  display: block;
  padding: 5px;
  font-size: 12px;
}
/* 通常用于构造类似搜索筛选器*/
/* 筛选器容器*/
nav dl {
  /* color: darkcyan; */
  color: #48d;
  line-height: 20px;
  margin-bottom: 10px;
}
/* 筛选器分组标题*/
nav dl dt {
  text-decoration: underline;
}
/* 筛选器项目 */
nav dl dd {
  color: #999;
  margin-left: 10px;
}
/*文献相关样式*/
article {
  display: block;
  padding-bottom: 10px;
  /* border-bottom: 1px solid #efefef; */
  border-bottom: 1px solid #d2d2d2;
}
article strong {
  font-weight: normal;
  color: darkorange;
}
p.summary {
  overflow: hidden;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  text-overflow: ellipsis;
  text-align: justify;
  padding-bottom: 0px;
}
a.source {
  /* color: green; */
  color: #009688;
  font-size: 13px;
}
article author {
  display: block;
  color: #999;
  font-size: 12px;
}
article p {
  /*margin-top: 2px;*/
}
field {
  max-width: 180px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  display: inline-block;
  padding-right: 10px;
}
field:hover {
  color: #333;
}
/* 分页相关样式*/
counter {
  display: block;
  padding: 5px 0px;
  font-size: 13px;
}
counter strong {
  font-weight: normal;
  color: darkorange;
}
pager {
  display: block;
}
pager a {
  display: inline-block;
  padding: 4px;
}
/* color色彩 */
.demo-color-box {
  position: relative;
  padding: 20px;
  margin: 5px 0;
  height: 114px;
  width: 100px;
  box-sizing: border-box;
  color: #fff;
  font-size: 12px;
  background-color: #ff8c00;
}
/* 表格基本布局样式 */
table {
  /* border: 1px solid #ddd; */
  border: 1px solid #d2d2d2;
  border-spacing: 0;
  border-collapse: collapse;
  display: table;
  width: 100%;
}
caption {
  padding-top: 8px;
  padding-bottom: 8px;
  /* color: #777; */
  color: #666;
  text-align: left;
}
thead {
  display: table-header-group;
  vertical-align: middle;
}
th {
  display: table-cell;
  vertical-align: bottom;
  border-bottom: 1px solid #d2d2d2;
  background-color: #eee;
  height: 48px;
  text-align: center;
  vertical-align: middle;
}
tr {
  display: table-row;
  vertical-align: middle;
  border-color: inherit;
  text-align: center;
}
th,
td {
  padding: 10px 5px;
  vertical-align: top;
  border-top: 1px solid #d2d2d2;
  vertical-align: middle;
  border-collapse: collapse;
}
th button + button,
td button + button,
th a + a,
td a + a,
th a + button,
td a + button,
th button + a,
td button + a {
  display: inline-block;
  margin-left: 10px;
}
tbody > tr:nth-child(odd):hover,
tbody > tr:hover {
  background-color: #eee;
}
tr:nth-child(even) {
  background-color: #f3f3f3;
}
tbody > tr:nth-child(odd) {
  background-color: #fff;
}
td button {
  min-width: 70px;
}
/* 流式定宽字段 */
f1,
f2,
f3 {
  display: inline-block;
  font-size: 0;
}
f1 > *,
f2 > *,
f3 > * {
  font-size: 14px;
  vertical-align: middle;
}
f1 input,
f2 input,
f3 input,
f1 select,
f2 select,
f3 select,
f1 textarea,
f2 textarea,
f3 textarea {
  border: solid 1px #d2d2d2;
  padding: 0 6px;
}
f1 input[type="radio"],
f2 input[type="radio"],
f3 input[type="radio"] {
  width: 16px;
}
f1 textarea,
f2 textarea,
f3 textarea {
  display: inline-block;
  vertical-align: top;
}
f1 fv,
f2 fv,
f3 fv {
  font-size: 14px;
  max-width: calc(100% - 80px);
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  display: inline-block;
  vertical-align: top;
}
f1 {
  width: 280px;
}
f1 input {
  width: 200px;
}
f2 {
  width: 564px;
}
f2 input {
  width: 400px;
}
f3 {
  width: 848px;
}
f3 input {
  width: 600px;
}
/* f1>input,
f2>input,
f3>input {
    width: calc(100% - 84px);
}

f1>select,
f2>select,
f3>select {
    width: calc(100% - 81px);
} */
/* 页面元素样式 */
/*fieldset 表单*/
fieldset {
  border: solid 1px #d2d2d2;
  border-radius: 5px;
  /* margin-bottom: 3px; */
  padding: 5px;
  margin: 12px;
  color: #333;
}
/*按钮上边的标题线*/
.site-title fieldset {
  border: none;
  padding-bottom: 10px;
  border-bottom: 1px solid #eaeaea;
  font-size: 16px;
  color: #48d;
  width: 996px;
}
pre {
  background-color: #f7f7f9;
  /* border: 1px solid #e1e1e8; */
  border: 1px solid #d2d2d2;
  padding: 10px;
  font-family: monospace;
}
pre code {
  padding: 0;
  white-space: pre-wrap;
  background-color: transparent;
  border-radius: 0;
  font-family: monospace;
}
img.avatar-img {
  width: 50px;
  height: 50px;
  vertical-align: middle;
  border: 1px solid #ccc;
  border-radius: 25px;
}
img.avatar-img-small {
  width: 30px;
  height: 30px;
  vertical-align: middle;
  border: 1px solid #ccc;
  border-radius: 15px;
}
/*清除浮动代码*/
.clearfloat:after {
  display: block;
  clear: both;
  content: "";
  visibility: hidden;
  height: 0;
}
body {
  position: relative;
}
/* ul li {
    list-style: none;
} */
/*button按钮样式*/
button {
  font-size: 12px;
  height: 30px;
  border: solid 1px #d2d2d2;
  padding: 0px 13px 0px 13px;
  background-color: #fff;
  margin: 3px;
  outline: none;
  vertical-align: middle;
  border-radius: 0;
  cursor: pointer;
}
.btn:hover,
button:hover {
  border: 1px solid #82bbff;
  background-color: #fff;
  color: #333;
}
.btn-disable {
  color: #d2d2d2;
  border: 1px solid #eaeaea;
  cursor: not-allowed;
}
.btn-disable:hover {
  border: 1px solid #eaeaea;
  color: #d2d2d2;
  background-color: none;
}
/*提示按钮*/
.btn-info {
  color: #4488dd;;
  border: 1px solid #4488dd;
  vertical-align: middle;
}
.btn-info:hover {
  color: #fff;
  background-color: #4488dd;
  border: 1px solid #4488dd;
}
.btn-success {
  color: #009688;
  border: 1px solid #009688;
  vertical-align: middle;
}
.btn-success:hover {
  color: #fff;
  background-color: #009688;
  border: 1px solid #009688;
}
.btn-danger {
  color: #f65860;
  border: 1px solid #f65860;
  vertical-align: middle;
}
.btn-danger:hover {
  color: #fff;
  background-color: #f65860;
  border: 1px solid #f65860;
}
.btn-warning {
  color: #f8ac59;
  border: 1px solid #f8ac59;
  vertical-align: middle;
}
.btn-warning:hover {
  color: #fff;
  background-color: #f8ac59;
  border: 1px solid #f8ac59;
}
/*颜色按钮*/
.btn-normal {
  background-color: #48d;
  border: solid 1px #48d;
  color: #fff;
  vertical-align: middle;
}
.btn-normal:hover {
  background-color: #82bbff;
  color: #fff;
}
.btn-yellow {
  background-color: #f8ac59;
  border: solid 1px #f8ac59;
  color: #fff;
  vertical-align: middle;
}
.btn-yellow:hover {
  background-color: #ffc484;
  border: solid 1px #ffc484;
  color: #fff;
}
.btn-red {
  background-color: #f65860;
  border: solid 1px #f65860;
  color: #fff;
  vertical-align: middle;
}
.btn-red:hover {
  background-color: #ff7379;
  border: solid 1px #ff7379;
  color: #fff;
}
.btn-green {
  background-color: #009688;
  border: solid 1px #009688;
  color: #fff;
  vertical-align: middle;
}
.btn-green:hover {
  background-color: #2ea79c;
  border: solid 1px #2ea79c;
  color: #fff;
}
/* 按钮尺寸
.btn-lg{
    width: 117px;
    height: 45px;
    font-size: 16px;
    color: #fff;
    border: 1px solid #48d;
    background-color: #48d;
    vertical-align: middle;
}

.btn-lg:hover{
    color: #fff;
    background-color: #82bbff;
}

.btn-b{
    font-size: 14px;
    color: #fff;
    border: 1px solid #48d;
    background-color: #48d;
    vertical-align: middle;
}

.btn-b:hover{
    color: #fff;
    background-color: #82bbff;
}

.btn-sm{
    padding: 0px 10px 0px 10px;
    width: 70px;
    height: 25px;
    font-size: 12px;
    color: #fff;
    border: 1px solid #48d;
    background-color: #48d;
    vertical-align: middle;
}

.btn-sm:hover{
    color: #fff;
    background-color: #82bbff;
}

.btn-xs{
    padding: 0px 5px 0px 5px;
    width: 60px;
    height: 25px;
    font-size: 10px;
    color: #fff;
    border: 1px solid #48d;
    background-color: #48d;
    vertical-align: middle;
}

.btn-xs:hover{
    color: #fff;
    background-color: #82bbff;
} */
/* tag标签样式 */
.w-tag {
  display: inline-block;
  font-size: 9px;
  padding: 13px 13px 13px 0;
  margin: 0 3px;
}
tag.primary {
  padding: 4px;
  border: solid 1px #4488dd;
  color: #4488dd;
}
.waring {
  padding: 4px;
  border: solid 1px #ff8c00;
  color: #ff8c00;
}
.success {
  padding: 4px;
  border: solid 1px #009688;
  color: #009688;
}
.danger {
  padding: 4px;
  border: solid 1px #f65860;
  color: #f65860;
}
tab {
  display: block;
  border-bottom: 1px solid rgb(221,221,221) !important;
  padding-left: 0;
  margin-top: 20px;
  margin-bottom: 10px;
}
tab tab-nav {
  height: 40px;
  border: none;
  color: #3c3c3c;
  line-height: 28px;
  padding:5px 15px;
  margin: 0;
  cursor: pointer;
}
tab tab-nav:hover{
  color: #48d;
}
tab tab-nav.active {
  border: none;
  border-bottom: 2px solid #48d;
  background-color: transparent;
  color: #48d;
}