@charset "UTF-8";

body,
div,
dl,
dt,
dd,
ul,
ol,
li,
h1,
h2,
h3,
h4,
h5,
h6,
pre,
code,
form,
fieldset,
legend,
input,
textarea,
p,
blockquote,
th,
td,
hr,
button,
article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
menu,
nav,
section {
  margin: 0;
  padding: 0;
}

/*h1,*/
/*h2,*/
/*h3,*/
/*h4,*/
/*h5,*/
/*h6 {*/
/*  font-size: 100%;*/
/*  font-weight: 400;*/
/*}*/

address,
caption,
cite,
code,
dfn,
em,
th,
var {
  font-style: normal;
  font-weight: 400;
}

ol,
ul,
li {
  list-style: none;
}

a {
  text-decoration: none;
  color: #333;
  background-color: transparent;
  -webkit-text-decoration-skip: objects;
}

a:hover {
  text-decoration: none;
  color: #f34343;
}

a:active,
a:focus,
a:hover {
  outline-width: 0;
  text-decoration: none;
  outline: none;
}

label {
  font-weight: 400;
}

fieldset,
img {
  border: 0;
}

html {
  color: #333;
  background: #fff;
  -webkit-text-size-adjust: 100%;
  -ms-text-size-adjust: 100%;
}

article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
menu,
nav,
section {
  display: block;
}

audio,
canvas,
video {
  display: inline-block;
  *display: inline;
  *zoom: 1;
}

body,
button,
input,
select,
textarea {
  font-family: "Helvetica Neue", Helvetica, Arial, "PingFang SC", "Hiragino Sans GB", "Heiti SC", "Microsoft YaHei", "WenQuanYi Micro Hei", sans-serif;
  font-size: 14px;
  line-height: 1.5;
}

::-ms-clear,
::-ms-reveal {
  display: none;
}

button,
input,
select,
textarea {
  font-size: 100%;
}

button,
input[type=button],
input[type=reset],
input[type=submit] {
  cursor: pointer;
  -webkit-appearance: button;
}

button::-moz-focus-inner,
[type="button"]::-moz-focus-inner,
[type="reset"]::-moz-focus-inner,
[type="submit"]::-moz-focus-inner {
  border-style: none;
  padding: 0;
}

button:-moz-focusring,
[type="button"]:-moz-focusring,
[type="reset"]:-moz-focusring,
[type="submit"]:-moz-focusring {
  outline: 1px dotted ButtonText;
}

abbr[title] {
  border-bottom: none;
  text-decoration: underline;
  text-decoration: underline dotted;
}

b,
strong {
  font-weight: bolder;
}

del {
  text-decoration: line-through;
}

mark {
  background: #ff0;
  color: #000;
}

small {
  font-size: 80%;
}

audio,
video {
  display: inline-block;
}

img {
  border-style: none;
}

svg:not(:root) {
  overflow: hidden;
}

table {
  border-collapse: collapse;
  border-spacing: 0;
}

th {
  text-align: inherit;
}

td {
  word-break: break-all;
  word-wrap: break-word;
}

textarea {
  resize: none;
}

iframe {
  display: block;
}

/*float*/
.clearfix {
  *zoom: 1;
}

.clearfix:before,
.clearfix:after {
  content: "";
  display: table;
}

.clearfix:after {
  clear: both;
  overflow: hidden;
}

.clear {
  clear: both;
}

/*盒模型*/
*,
*:before,
*:after {
  -wekbit-box-sizing: border-box;
  -o-box-sizing: border-box;
  -ms-box-sizing: border-box;
  box-sizing: border-box;
}

/*placeholder颜色*/
::-webkit-input-placeholder {
  color: #999;
  font-weight: 400;
}

:-moz-placeholder {
  color: #999;
  font-weight: 400;
}

::-moz-placeholder {
  color: #999;
  font-weight: 400;
}

:-ms-input-placeholder {
  color: #999 !important;
  font-weight: 400 !important;
}

/*margin*/
.mt-0 {
  margin-top: 0px;
}

.mt-5 {
  margin-top: 5px;
}

.mt-10 {
  margin-top: 10px;
}

.mt-15 {
  margin-top: 15px;
}

.mt-20 {
  margin-top: 20px;
}

.mt-30 {
  margin-top: 30px;
}

.mr-0 {
  margin-right: 0px;
}

.mr-5 {
  margin-right: 5px;
}

.mr-10 {
  margin-right: 10px;
}

.mr-15 {
  margin-right: 15px;
}

.mr-20 {
  margin-right: 20px;
}

.mr-30 {
  margin-right: 30px;
}

.mb-0 {
  margin-bottom: 0px;
}

.mb-5 {
  margin-bottom: 5px;
}

.mb-10 {
  margin-bottom: 10px;
}

.mb-15 {
  margin-bottom: 15px;
}

.mb-20 {
  margin-bottom: 20px;
}

.mb-30 {
  margin-bottom: 30px;
}

.ml-0 {
  margin-left: 0px;
}

.ml-5 {
  margin-left: 5px;
}

.ml-10 {
  margin-left: 10px;
}

.ml-15 {
  margin-left: 15px;
}

.ml-20 {
  margin-left: 20px;
}

.ml-30 {
  margin-left: 30px;
}

/*padding*/
.pt-0 {
  padding-top: 0px;
}

.pt-5 {
  padding-top: 5px;
}

.pt-10 {
  padding-top: 10px;
}

.pt-15 {
  padding-top: 15px;
}

.pt-20 {
  padding-top: 20px;
}

.pt-30 {
  padding-top: 30px;
}

.pr-0 {
  padding-right: 0px;
}

.pr-5 {
  padding-right: 5px;
}

.pr-10 {
  padding-right: 10px;
}

.pr-15 {
  padding-right: 15px;
}

.pr-20 {
  padding-right: 20px;
}

.pr-30 {
  padding-right: 30px;
}

.pb-0 {
  padding-bottom: 0px;
}

.pb-5 {
  padding-bottom: 5px;
}

.pb-10 {
  padding-bottom: 10px;
}

.pb-15 {
  padding-bottom: 15px;
}

.pb-20 {
  padding-bottom: 20px;
}

.pb-30 {
  padding-bottom: 30px;
}

.pl-0 {
  padding-left: 0px;
}

.pl-5 {
  padding-left: 5px;
}

.pl-10 {
  padding-left: 10px;
}

.pl-15 {
  padding-left: 15px;
}

.pl-20 {
  padding-left: 20px;
}

.pl-30 {
  padding-left: 30px;
}

.pd-0 {
  padding: 0px;
}

.pd-5 {
  padding: 5px;
}

.pd-10 {
  padding: 10px;
}

.pd-15 {
  padding: 15px;
}

.pd-20 {
  padding: 20px;
}

/*width*/
.w10 {
  width: 10px !important;
}

.w20 {
  width: 20px !important;
}

.w30 {
  width: 30px !important;
}

.w40 {
  width: 40px !important;
}

.w50 {
  width: 50px !important;
}

.w60 {
  width: 60px !important;
}

.w70 {
  width: 70px !important;
}

.w80 {
  width: 80px !important;
}

.w90 {
  width: 90px !important;
}

.w100 {
  width: 100px !important;
}

.w110 {
  width: 110px !important;
}

.w120 {
  width: 120px !important;
}

.w130 {
  width: 130px !important;
}

.w140 {
  width: 140px !important;
}

.w150 {
  width: 150px !important;
}

.w160 {
  width: 160px !important;
}

.w170 {
  width: 170px !important;
}

.w180 {
  width: 180px !important;
}

.w190 {
  width: 190px !important;
}

.w200 {
  width: 200px !important;
}

.w210 {
  width: 210px !important;
}

.w220 {
  width: 220px !important;
}

.w230 {
  width: 230px !important;
}

.w240 {
  width: 240px !important;
}

.w250 {
  width: 250px !important;
}

.w260 {
  width: 260px !important;
}

.w270 {
  width: 270px !important;
}

.w280 {
  width: 280px !important;
}

.w290 {
  width: 290px !important;
}

.w300 {
  width: 300px !important;
}

.w400 {
  width: 400px !important;
}

.w500 {
  width: 500px !important;
}

.w600 {
  width: 600px !important;
}

.w700 {
  width: 700px !important;
}

.w800 {
  width: 800px !important;
}

.w900 {
  width: 900px !important;
}

.w1000 {
  width: 1000px !important;
}

/*网站通用样式*/
.ml {
  margin-left: 10px !important;
}

.ml-sm {
  margin-left: 5px !important;
}

.ml-lg {
  margin-left: 20px !important;
}

.ml-0 {
  margin-left: 0 !important;
}

.mr {
  margin-right: 10px !important;
}

.mr-sm {
  margin-right: 5px !important;
}

.mr-lg {
  margin-right: 20px !important;
}

.mr-0 {
  margin-right: 0 !important;
}

.mt {
  margin-top: 10px !important;
}

.mt-sm {
  margin-top: 5px !important;
}

.mt-lg {
  margin-top: 20px !important;
}

.mt-0 {
  margin-top: 0 !important;
}

.mb {
  margin-bottom: 10px !important;
}

.mb-sm {
  margin-bottom: 5px !important;
}

.mb-lg {
  margin-bottom: 20px !important;
}

.mb-0 {
  margin-bottom: 0 !important;
}

.show {
  display: block !important;
}

.hide {
  display: none !important;
}

.pull-left {
  float: left !important;
}

.pull-right {
  float: right !important;
}

.text-center {
  text-align: center !important;
}

.text-left {
  text-align: left !important;
}

.text-right {
  text-align: right !important;
}

.text-justify {
  text-align: justify !important;
}

.text-default {
  color: #333 !important;
}

.text-primary {
  color: #f34343 !important;
}

.text-light,
.text-tips {
  color: #666 !important;
}

.text-lighter {
  color: #999 !important;
}

.text-lightest {
  color: #d3d3d3 !important;
}

.text-success {
  color: #5eb95e !important;
}

.text-error {
  color: #f00 !important;
}

.text-warning {
  color: #f37b1d !important;
}

.text-danger {
  color: #dd514c !important;
}

.text-disabled {
  color: #eaeded !important;
}

.text-price {
  color: #f10214 !important;
}

.text-white {
  color: #fff !important;
}

.text-lg {
  font-size: 16px !important;
}

.text-mlg {
  font-size: 18px !important;
}

.text-blg {
  font-size: 20px !important;
}

.text-sm {
  font-size: 12px !important;
}

.text-md {
  font-size: 14px !important;
}

.text-bold,
.text-700 {
  font-weight: 700 !important;
}

.text-normal,
.text-400 {
  font-weight: 400 !important;
}

.text-underline {
  text-decoration: underline;
}

.text-underline:hover {
  text-decoration: underline;
}

.text-indent {
  text-indent: 2em;
}

.text-required {
  color: #f00;
  font-weight: 400;
}

.breadcrumb {
  height: 40px;
  line-height: 40px;
}

.breadcrumb i {
  margin: 0 9px;
  font-weight: 700;
  color: #C0C4CC;
  font-style: normal;
}

.search-box {
  padding: 15px;
  width: 66%;
  margin: 0 auto;
  height: 80px;
}

.search-box .search-select {
  width: 90px;
  color: #000000;
  font-weight: bolder;
}

.search-box .search-input {
  width: 100%;
  height: 40px;
  line-height: 30px;
  padding: 4px 50px 4px 10px;
  -webkit-transition: .3s linear border-color;
  transition: .3s linear border-color;
  outline: none;
}

.search-box .search-input:focus {
  outline: none;
  border: 1px solid #f34343;
}

.search-box .search-btn {
  position: absolute;
  top: 0;
  right: 0;
  width: 40px;
  height: 40px;
  line-height: 40px;
  text-align: center;
  font-size: 18px;
}

.filter .filter-item {
  border-bottom: 1px dashed #dcdfe6;
  position: relative;
  padding: 10px 0;
}

.filter .filter-tit {
  float: left;
  width: 80px;
  line-height: 30px;
}

.filter .filter-con {
  margin-left: 50px;
  padding-right: 70px;
  height: 30px;
  overflow: hidden;
  zoom: 1;
}

.filter .filter-value-list {
  line-height: 30px;
  overflow: hidden;
  zoom: 1;
}

.filter .filter-value-list li {
  float: left;
  margin: 0 10px 10px 0;
  height: 30px;
  line-height: 30px;
}

.filter .filter-value-list li a {
  float: left;
  padding: 0 10px;
  height: 30px;
  line-height: 30px;
  border-radius: 5px;
}

.filter .filter-value-list li .is-active {
  background: #f34343;
  color: #fff;
}

.filter .filter-ft {
  position: absolute;
  top: 10px;
  right: 0;
  line-height: 30px;
}

.switch {
  position: relative;
  display: inline-block;
  width: 50px;
  height: 30px;
  border-radius: 30px;
  border: 1px solid #dcdfe6;
  -webkit-transition: background-color .2s, border .2s;
  transition: background-color .2s, border .2s;
  background: #fff;
  cursor: pointer;
  vertical-align: middle;
}

.switch .switch-handle {
  position: absolute;
  width: 30px;
  height: 30px;
  background: #fff;
  border: 1px solid #dcdfe6;
  box-shadow: 0 1px 1px rgba(0, 0, 0, 0.2);
  border-radius: 50%;
  left: -1px;
  top: -1px;
  -webkit-transition: background-color 0.4s, left 0.2s;
  transition: background-color 0.4s, left 0.2s;
}

.switch.is-active {
  border: 1px solid #f34343;
  -webkit-transition: border 0.2s, background-color .2s;
  transition: border 0.2s, background-color .2s;
  background-color: #f34343;
  cursor: pointer;
}

.switch.is-active .switch-handle {
  left: 20px;
}

.pagination {
  text-align: center;
  padding: 20px 0;
}

.pagination a {
  display: inline-block;
  padding: 0 5px;
  height: 30px;
  line-height: 30px;
  text-align: center;
  margin: 0 5px;
  min-width: 30px;
  border-radius: 30px;
}

.pagination .is-active {
  background: #f34343;
  color: #fff;
}

.pagination .is-disabled {
  color: #999;
}

.page-mini {
  height: 40px;
  text-align: center;
}

.page-mini .page-btn {
  display: inline-block;
  height: 40px;
  line-height: 38px;
  border: 1px solid #dcdfe6;
  color: #666;
  text-align: center;
  border-radius: 5px;
  padding: 0 20px;
  -webkit-transition: .3s linear all;
  transition: .3s linear all;
}

.page-mini .page-btn i {
  margin: 0 5px;
}

.page-mini .page-btn:hover {
  color: #f34343;
  border-color: #f34343;
}

.page-mini .page-num {
  text-align: center;
  padding: 0 20px;
}

.page-mini .page-num i {
  font-style: normal;
  color: #f34343;
}

.el-dropdown-link {
  cursor: pointer;
}

.step {
  height: 50px;
  position: relative;
  margin-bottom: 20px;
}

.step .step-bar {
  position: absolute;
  border-radius: 12px;
  z-index: 1;
  height: 3px;
  left: 0;
  top: 9px;
  width: 100%;
  overflow: hidden;
  background: #f3f3f3;
}

.step .step-bar .step-bar-active {
  background: #f34343;
  height: 3px;
  line-height: 3px;
  overflow: hidden;
  -webkit-animation: width-increase .5s;
  animation: width-increase .5s;
}

.step .step-list {
  height: 50px;
  position: relative;
  z-index: 2;
}

.step li {
  float: left;
  width: 25%;
  text-align: center;
}

.step li .step-txt {
  height: 24px;
  line-height: 24px;
  text-align: center;
  color: #999;
  margin-top: 5px;
}

.step li .step-num {
  display: block;
  width: 21px;
  height: 21px;
  line-height: 21px;
  border-radius: 20px;
  text-align: center;
  margin: 0 auto;
  background: #f3f3f3;
  color: #666;
}

.step .is-active .step-txt {
  color: #f34343;
}

.step .is-active .step-num {
  color: #fff;
  background: #f34343;
}

.list-check {
  font-size: 0;
}

.list-check .check-item {
  display: inline-block;
  height: 40px;
  line-height: 38px;
  border: 1px solid #dcdfe6;
  padding: 0 10px;
  border-radius: 5px;
  text-align: center;
  min-width: 120px;
  margin: 5px 10px 5px 0;
  font-size: 14px;
  cursor: pointer;
  position: relative;
}

.list-check .check-item:hover {
  color: #f34343;
}

.list-check .check-item.is-active {
  border: 1px solid #f34343;
  color: #f34343;
}

.list-check .check-item.is-active:before {
  content: "\e6da";
  position: absolute;
  bottom: -1px;
  right: -1px;
  width: 14px;
  height: 14px;
  line-height: 14px;
  font-size: 12px;
  border-radius: 0 0 3px 0;
  background: #f34343;
  color: #fff;
  font-family: element-icons !important;
  speak: none;
  font-style: normal;
  font-weight: 400;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  vertical-align: baseline;
  display: inline-block;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

.header {
  height: 72px;
  background: #fff;
  /*position: relative;*/
  z-index: 1000;
  /*box-shadow: -10px 4px 8px 0 rgba(7, 17, 27, 0.1);*/
}

.header .header-menu {
  float: right;
}

.header .header-menu .menu-item {
  float: left;
  margin-right: 15px;
  position: relative;
}

.header .header-menu .menu-item:hover .menu-bd {
  visibility: visible;
  -webkit-transform: translateY(0);
  -ms-transform: translateY(0);
  transform: translateY(0);
}

.header .header-menu .menu-item a {
  color: #666;
}

.header .header-menu .menu-item a:hover {
  color: #f34343;
}

.header .header-menu .menu-hd {
  height: 72px;
  line-height: 72px;
  position: relative;
}

.header .header-menu .menu-hd i {
  margin-right: 2px;
}

.header .header-menu .menu-bd {
  position: absolute;
  top: 72px;
  right: 0;
  border-radius: 5px;
  box-shadow: rgba(0, 0, 0, 0.12) 0px 2px 4px, rgba(0, 0, 0, 0.04) 0px 0px 6px;
  background: #fff;
  visibility: hidden;
  -webkit-transition: .3s linear -webkit-transform;
  transition: .3s linear transform;
  -webkit-transform: translateY(10px);
  -ms-transform: translateY(10px);
  transform: translateY(10px);
}

.header .header-menu .menu-user {
  color: #666;
}

.header .header-menu .menu-user .menu-hd {
  cursor: pointer;
}

.header .header-menu .menu-user .menu-hd .is-msg {
  top: 23px;
  right: -10px;
}

.header .header-menu .menu-user .menu-bd {
  width: 120px;
}

.header .header-menu .menu-user .menu-user-list {
  padding: 10px 0;
}

.header .header-menu .menu-user .menu-user-list li {
  height: 30px;
  line-height: 30px;
  padding: 0 20px;
}

.header .header-menu .menu-help .menu-hd {
  padding: 18px 0;
  line-height: 36px;
}

.header .header-menu .menu-help .menu-hd a {
  display: inline-block;
  padding: 0 18px;
  width: 116px;
  box-sizing: border-box;
  border: 1px solid #dcdfe6;
  border-radius: 18px;
  height: 36px;
  line-height: 34px;
  text-align: center;
  position: relative;
}

.header .header-menu .menu-help .menu-hd a i {
  font-size: 20px;
  vertical-align: middle;
}

.header .header-menu .menu-help .menu-hd a .is-msg {
  top: 5px;
  right: 10px;
}

.logo {
  float: left;
  /* margin: 0 20px; */
}

.logo a {
  display: block;
}

.logo img {
  display: block;
  width: auto;
  height: 72px;
}

.nav {
  float: left;
}

.nav li {
  float: left;
  height: 72px;
  line-height: 72px;
}

.nav a {
  padding: 0 16px;
  display: block;
  color: #666;
  text-align: center;
  font-size: 16px;
  height: 72px;
  line-height: 72px;
  -webkit-transition: color 0.3s;
  transition: color 0.3s;
  position: relative;
}

.nav a:hover {
  color: #333;
}

.header-search {
  float: left;
  margin-left: 5px;
  /*width: 300px;*/
  height: 46px;
  margin-top: 13px;
  position: relative;
}

.header-search .search-tag {
  position: absolute;
  top: 11px;
  right: 50px;
  z-index: 10;
}

.header-search .search-tag a {
  display: inline-block;
  padding: 0 8px;
  background-color: #f3f5f7;
  color: #4D555D;
  border-radius: 12px;
  font-size: 12px;
  height: 24px;
  line-height: 24px;
  font-weight: 400;
  margin-left: 4px;
}

.header-search .search-form {
  position: relative;
}

.header-search .search-form .search-input {
  height: 46px;
  line-height: 46px;
  width: 100%;
  padding-right: 40px;
  border: none;
  background: #fff;
  border-bottom: 1px solid #dcdfe6;
}

.header-search .search-form .search-input:focus {
  -webkit-transition: .3s linear border-color;
  transition: .3s linear border-color;
  box-shadow: none;
  outline: none;
  border-bottom: 1px solid #f34343;
}

.header-search .search-form .search-btn {
  position: absolute;
  top: 0;
  right: 0;
  width: 40px;
  height: 46px;
  line-height: 46px;
  text-align: center;
}

.footer {
  background: #fff;
  padding: 30px 0;
  position: relative;
  border-top: 1px solid #dcdfe6;
  color: #666;
}

.footer a {
  color: #666;
}

.footer a:hover {
  color: #f34343;
}

.footer-link {
  line-height: 30px;
}

.footer-link a {
  margin-right: 10px;
}

.footer-copyright {
  line-height: 30px;
  margin-top: 55px;
}

.foot-contact {
  position: absolute;
  top: 0;
  right: 0;
}

.foot-contact li {
  float: left;
  padding: 0 10px;
  line-height: 20px;
  text-align: center;
}

.foot-contact li img {
  display: block;
  width: 32px;
  height: 32px;
  margin: 0 auto 10px;
}

body {
  /*min-width: 1200px;*/
}

.wrapper {
  width: 1180px;
  margin-left: auto;
  margin-right: auto;
  position: relative;
}

/*注册登录*/
.modal-login {
  margin: auto;
  display: grid;
  grid-template-columns: 35% 65%;
}

.modal-login .login-code {
  position: absolute;
  top: 9px;
  left: 9px;
  width: 60px;
  height: 60px;
  background: url(../images/erweima.png);
}

.modal-login .login-main {
  float: left;
  min-width: 410px;
  padding: 0 50px;
  position: relative;
}

.modal-login .login-main:after {
  content: '';
  position: absolute;
  top: 30px;
  bottom: 30px;
  right: 0;
  border-right: 1px dashed #dcdfe6;
}

.modal-login .login-tit {
  text-align: center;
  line-height: 36px;
  padding-bottom: 10px;
}

.modal-login .login-tit strong {
  display: inline-block;
  line-height: 36px;
  vertical-align: top;
  font-size: 26px;
  font-weight: 400;
}

.modal-login .login-tit .tit-line {
  display: inline-block;
  width: 1px;
  height: 36px;
  background: #dcdfe6;
  margin: 0 10px;
  vertical-align: top;
}

.modal-login .login-tit span {
  display: inline-block;
  line-height: 36px;
  vertical-align: top;
  color: #666;
  font-size: 20px;
}

.modal-login .login-form-item {
  height: 37px;
  border-bottom: 1px solid #dcdfe6;
  margin-top: 10px;
  position: relative;
  /*margin-bottom: 0;*/
}

.modal-login .el-form-item__content {
  top: -2px;
  line-height: 40px;
  position: relative;
  font-size: 14px;
}

.modal-login .form-input {
  width: 100%;
  height: 36px;
  line-height: 36px;
  border: none;
}

.modal-login .form-input:focus {
  outline: none;
  box-shadow: none;
}

.modal-login .form-phone .form-input {
  padding-left: 90px;
}

.modal-login .form-phone .phone-num {
  position: absolute;
  left: 0;
  top: 0;
  height: 36px;
  line-height: 36px;
  cursor: pointer;
}

.modal-login .form-code .form-input {
  padding-right: 80px;
}

.modal-login .form-code .get-code {
  position: absolute;
  top: 0;
  right: 0;
  height: 36px;
  line-height: 36px;
  border: none;
  background: none;
  outline: none;
}

.modal-login .form-code .get-code:not(.disabled):hover {
  color: red;
}

.modal-login .login-form-btn {
  margin-top: 20px;
  margin-bottom: 10px;
}

.modal-login .login-form-btn button {
  display: block;
  width: 100%;
  font-size: 18px;
}

.modal-login .login-form-forget {
  line-height: 20px;
  margin-top: 10px;
  text-align: right;
}

.modal-login .form-text {
  line-height: 30px;
  color: #666;
}

.modal-login .login-side {
  float: right;
  width: 270px;
  padding: 0 30px;
}

.modal-login .logon-no {
  height: 36px;
  line-height: 36px;
  font-size: 16px;
}

.modal-login .logon-no a {
  color: #999;
}

.modal-login .logon-no a:hover {
  color: #333;
}

.modal-login .logon-no i {
  margin-left: 10px;
}

.modal-login .login-go {
  margin-top: 40px;
  line-height: 30px;
}

.modal-login .login-go a {
  font-size: 16px;
}

.modal-login .login-go a i {
  margin-left: 10px;
}

.modal-login .login-other {
  line-height: 30px;
  margin-top: 40px;
}

.modal-login .login-other .other-list {
  margin-top: 10px;
}

.modal-login .login-other .other-list a {
  margin-right: 10px;
}

.modal-login .login-other .other-list img {
  display: inline-block;
  width: 30px;
  height: 30px;
}

.modal-login .login-tab .tab-hd {
  height: 40px;
  line-height: 40px;
}

.modal-login .login-tab .tab-hd li {
  float: left;
  width: 50%;
  border-bottom: 1px solid #dcdfe6;
  text-align: center;
}

.modal-login .login-tab .tab-hd li a {
  display: block;
  font-size: 16px;
}

.modal-login .login-tab .tab-hd .is-active {
  border-bottom: 1px solid #f34343;
}

.modal-login .login-tab .tab-hd .is-active a {
  color: #f34343;
}

.expert-scroll {
  width: 960px;
  position: relative;
  padding: 0 30px;
  margin-bottom: 20px;
}

.expert-scroll .hd a {
  display: block;
  width: 20px;
  height: 50px;
  line-height: 50px;
  text-align: center;
  background: rgba(0, 0, 0, 0.05);
  border-radius: 2px;
  position: absolute;
  top: 50%;
  margin-top: -25px;
  z-index: 9;
  cursor: pointer;
}

.expert-scroll .hd a i {
  font-size: 20px;
  width: 20px;
  height: 50px;
  line-height: 50px;
  color: #999;
}

.expert-scroll .hd a:hover i {
  color: #f34343;
}

.expert-scroll .hd .prev {
  left: 0px;
}

.expert-scroll .hd .next {
  right: 0px;
}

.expert-scroll .hd .nextStop,
.expert-scroll .hd .nextStop:hover,
.expert-scroll .hd .prevStop,
.expert-scroll .hd .prevStop:hover {
  cursor: not-allowed;
}

.expert-scroll .hd .nextStop i,
.expert-scroll .hd .nextStop:hover i,
.expert-scroll .hd .prevStop i,
.expert-scroll .hd .prevStop:hover i {
  color: #f9f9f9;
}

.expert-scroll .bd {
  width: 900px;
  overflow: hidden;
  position: relative;
  height: 240px;
}

.expert-scroll .bd ul {
  width: 5000px;
  position: absolute;
  top: 0;
  left: 0;
}

.expert-scroll .bd li {
  width: 210px;
  height: 240px;
  float: left;
  position: relative;
  margin-right: 20px;
}

.expert-scroll .bd .pic a {
  display: block;
  overflow: hidden;
}

.expert-scroll .bd .pic a img {
  display: block;
  width: 210px;
  height: 140px;
  -webkit-transition: .3s linear all;
  transition: .3s linear all;
}

.expert-scroll .bd .pic a:hover img {
  opacity: .8;
}

.expert-scroll .bd .txt {
  height: 20px;
  line-height: 20px;
  overflow: hidden;
}

.expert-card {
  width: 210px;
  height: 240px;
  padding: 10px;
  border: 1px solid #dcdfe6;
  border-radius: 5px;
  color: #333;
}

.expert-card .expert-head {
  text-align: center;
}

.expert-card .expert-head img {
  display: inline-block;
  width: 60px;
  height: 60px;
  border-radius: 100%;
  vertical-align: top;
}

.expert-card .expert-name {
  text-align: center;
  line-height: 20px;
  height: 20px;
  overflow: hidden;
  margin-top: 10px;
  font-size: 16px;
}

.expert-card .expert-status {
  height: 24px;
  overflow: hidden;
}

.expert-card .expert-tag {
  height: 24px;
  float: left;
}

.expert-card .expert-tag span {
  display: inline-block;
  height: 24px;
  line-height: 22px;
  padding: 0 10px;
  border-radius: 24px;
  border: 1px solid #dcdfe6;
  font-size: 12px;
}

.expert-card .expert-ico {
  float: right;
  height: 24px;
  line-height: 24px;
}

.expert-card .expert-ico i {
  font-size: 18px;
}

.expert-card .expert-job {
  height: 24px;
  line-height: 24px;
  overflow: hidden;
  margin-top: 5px;
  color: #333;
}

.expert-card .expert-info {
  height: 40px;
  line-height: 20px;
  margin-top: 5px;
  overflow: hidden;
  color: #666;
  font-size: 12px;
}

.expert-card .expert-about {
  height: 24px;
  line-height: 24px;
  margin-top: 5px;
}

.expert-card .expert-about i {
  font-size: 16px;
}

.expert-card .expert-about-show {
  float: left;
}

.expert-card .expert-about-show span {
  margin-right: 5px;
}

.expert-card .expert-about-show span i {
  margin-right: 5px;
}

.expert-card .expert-add {
  float: right;
  min-width: 60px;
  height: 24px;
  line-height: 22px;
  border-radius: 24px;
  text-align: center;
  border: 1px solid #dcdfe6;
  color: #666;
  padding: 0 10px;
  font-size: 12px;
}

.expert-card .expert-add:hover {
  border: 1px solid #f34343;
  color: #f34343;
}

.upload-group {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
}

.upload-group .upload-box {
  -webkit-box-flex: 1;
  -webkit-flex: 1;
  -ms-flex: 1;
  flex: 1;
  margin-right: 20px;
}

.upload-group .upload-box:last-child {
  margin-right: 0;
}

.upload-box {
  border: 1px solid #dcdfe6;
  padding: 20px;
}

.upload-box .upload-num {
  float: right;
  line-height: 20px;
}

.upload-box .upload-tit {
  line-height: 20px;
}

.upload-box .upload-con .upload-list {
  margin-right: -10px;
}

.upload-box .upload-tip-text {
  line-height: 20px;
  margin-bottom: 0;
  color: #999;
}

.upload-box .upload-tit + .upload-tip-text {
  margin-top: 10px;
}

.upload-list {
  *zoom: 1;
}

.upload-list:before,
.upload-list:after {
  content: "";
  display: table;
}

.upload-list:after {
  clear: both;
  overflow: hidden;
}

.upload-list .list-item {
  float: left;
  width: 66px;
  height: 66px;
  margin: 10px 10px 0 0;
  border: 1px solid #dcdfe6;
  position: relative;
}

.upload-list .list-item img {
  display: block;
  width: 64px;
  height: 64px;
}

.upload-list .list-item .list-mask {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: rgba(0, 0, 0, 0.6);
  z-index: 10;
}

.upload-list .list-item .list-load {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 20;
  line-height: 66px;
  color: #fff;
  text-align: center;
}

.upload-list .list-item .list-load i {
  font-size: 26px;
  vertical-align: middle;
}

.upload-list .list-item .list-add {
  display: block;
  width: 64px;
  height: 64px;
  line-height: 64px;
  text-align: center;
  color: #666;
}

.upload-list .list-item .list-add:hover {
  color: #f34343;
}

.upload-list .list-item .list-add i {
  font-size: 20px;
}

.upload-list-column .list-item {
  height: 106px;
  padding: 20px 0;
  border-bottom: 1px solid #dcdfe6;
}

.upload-list-column .list-item:last-child {
  border-bottom: none;
}

.upload-list-column .list-num {
  float: left;
  width: 50px;
  height: 66px;
  line-height: 66px;
}

.upload-list-column .list-pic {
  float: left;
  margin-right: 30px;
  border: 1px solid #dcdfe6;
}

.upload-list-column .list-pic img {
  display: block;
  width: 64px;
  height: 64px;
}

.upload-list-column .list-link {
  float: left;
  padding: 13px 0;
}

.upload-list-column .list-add {
  display: block;
  width: 64px;
  height: 64px;
  line-height: 64px;
  border: 1px solid #dcdfe6;
  text-align: center;
  color: #666;
  margin-left: 50px;
}

.upload-list-column .list-add:hover {
  color: #f34343;
}

.upload-list-column .list-add i {
  font-size: 20px;
}

.lunwen-upbox {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  margin-bottom: 20px;
}

.lunwen-upbox .lunwen-left {
  width: 440px;
  margin-right: 20px;
}

.lunwen-upbox .lunwen-left .el-form-item:last-child {
  margin-bottom: 0;
}

.lunwen-upbox .upload-box {
  -webkit-box-flex: 1;
  -webkit-flex: 1;
  -ms-flex: 1;
  flex: 1;
}

.top-search {
  width: 300px;
  height: 30px;
  position: relative;
  margin-bottom: 20px;
}

.top-search .search-tag {
  position: absolute;
  top: 2px;
  right: 50px;
  z-index: 10;
}

.top-search .search-tag a {
  display: inline-block;
  padding: 0 8px;
  background-color: #f3f5f7;
  color: #4D555D;
  border-radius: 12px;
  font-size: 12px;
  height: 24px;
  line-height: 24px;
  font-weight: 400;
  margin-left: 4px;
}

.top-search .search-form {
  position: relative;
}

.top-search .search-form .search-input {
  height: 30px;
  line-height: 30px;
  width: 100%;
  padding-right: 30px;
  border: none;
  background: #fff;
  border-bottom: 1px solid #dcdfe6;
}

.top-search .search-form .search-input:focus {
  -webkit-transition: .3s linear border-color;
  transition: .3s linear border-color;
  box-shadow: none;
  outline: none;
  border-bottom: 1px solid #f34343;
}

.top-search .search-form .search-btn {
  position: absolute;
  top: 0;
  right: 0;
  width: 30px;
  height: 30px;
  line-height: 30px;
  text-align: center;
}

/*首页*/
.bg-white {
  background: #fff;
  -webkit-box-shadow: 0 2px 4px 0 rgba(7, 17, 27, 0.06);
  box-shadow: 0 2px 4px 0 rgba(7, 17, 27, 0.06);
}

.bg-gray {
  background: #f8fafc;
  -webkit-box-shadow: 0 2px 4px 0 rgba(7, 17, 27, 0.06);
  box-shadow: 0 2px 4px 0 rgba(7, 17, 27, 0.06);
}

.section-first {
  padding: 20px 0 0 0;
}

.index-main {
  width: 1180px;
  height: 440px;
  margin: 0 auto;
  -webkit-box-shadow: 0 12px 24px 0 rgba(7, 17, 27, 0.2);
  box-shadow: 0 12px 24px 0 rgba(7, 17, 27, 0.2);
  /*position: relative;*/
  border-radius: 8px;
  z-index: 100;
  position: relative;
  display: flex;
}

.index-main .main-menu {
  display: inline;
  float: left;
  width: 110px;
  padding-top: 12px;
  padding-bottom: 12px;
  background: white;
  border-radius: 8px 0 0 8px;
  border: solid 1px #d7d7d7;
  position: relative;
  right: 145px;
}

.index-main .main-menu .menu-item {
  height: 60px;
  line-height: 60px;
  font-size: 12px;
  cursor: pointer;
  padding-left: 0;
  position: relative;
}

.index-main .main-menu .menu-item .menu-hd {
  display: block;
  color: #0b0b0b;
  padding: 0 16px;
  border-top-left-radius: 4px;
  border-bottom-left-radius: 4px;
  height: 60px;
}

.index-main .main-menu .menu-item .menu-hd:hover {
  background: #ced0d0;
  color: #0b0b0b;
  -webkit-transition: all .2s;
  transition: all .2s;
}

.index-main .main-menu .menu-item .menu-hd i {
  position: absolute;
  top: 20px;
  right: 10px;
  width: 20px;
  height: 20px;
  text-align: center;
  line-height: 20px;
}

.index-main .main-menu .menu-item .menu-hd-text {
  font-size: 14px;
  color: black;
}

.index-main .main-hot {
  float: left;
  height: 440px;
  width: 960px;
}

.index-main .hot-show {
  overflow: hidden;
  padding: 18px 10px;
}

.index-main .hot-show li {
  float: left;
  width: 20%;
  text-align: center;
  padding: 0 10px;
}

.index-main .hot-show a {
  display: block;
}

.index-main .hot-show .show-pic {
  margin-bottom: 4px;
}

.index-main .hot-show .show-pic img {
  display: block;
  width: 36px;
  height: 36px;
  border-radius: 100%;
  margin: 0 auto;
}

.index-main .hot-show .show-name {
  height: 24px;
  line-height: 24px;
  overflow: hidden;
  -ms-text-overflow: ellipsis;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.index-main .hot-show .show-info {
  height: 20px;
  line-height: 20px;
  color: #999;
  font-size: 12px;
  overflow: hidden;
  -ms-text-overflow: ellipsis;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.hot-slide {
  position: relative;
  width: 780px;
  height: 395px;
}

.hot-slide .bd {
  position: relative;
  width: 960px;
  height: 320px;
  border-radius: 0 8px 0 0;
  overflow: hidden;
}

.hot-slide .bd li {
  background-position: center center;
  background-repeat: no-repeat;
  height: 320px;
  border-radius: 0 8px 0 0;
}

.hot-slide .bd li img {
  display: block;
  width: 960px;
  height: 320px;
  border-radius: 0 8px 0 0;
}

.hot-slide .hd {
  position: absolute;
  bottom: 10px;
  left: 0;
  right: 0;
  text-align: center;
  height: 18px;
}

.hot-slide .hd ul {
  display: inline-block;
  background: rgba(255, 255, 255, 0.4);
  padding: 4px 8px;
  line-height: 10px;
  height: 18px;
  overflow: hidden;
  border-radius: 14px;
  font-size: 0;
}

.hot-slide .hd li {
  display: inline-block;
  width: 10px;
  height: 10px;
  line-height: 100px;
  background: #f5f5f5;
  margin: 0 3px;
  border-radius: 20px;
  overflow: hidden;
  cursor: pointer;
}

.hot-slide .hd .on {
  background: #f34343;
}

.hot-slide .prev,
.hot-slide .next {
  width: 30px;
  padding: 10px 0;
  text-align: center;
  position: absolute;
  top: 125px;
  left: 10px;
  z-index: 10;
  filter: alpha(opacity=40);
  opacity: 0.4;
  border-radius: 3px;
  -webkit-transition: .3s linear background;
  transition: .3s linear background;
}

.hot-slide .prev i,
.hot-slide .next i {
  color: #fff;
  font-size: 30px;
}

.hot-slide .prev:hover,
.hot-slide .next:hover {
  filter: alpha(opacity=80);
  opacity: 0.8;
  background: rgba(0, 0, 0, 0.4);
}

.hot-slide .next {
  left: auto;
  right: 20px;
  background-position: right 0;
}

.section-show {
  width: 1180px;
  margin: 0 auto;
  padding: 30px 0;
}

.section-show .section-title {
  position: relative;
  font-size: 14px;
  color: #93999F;
  letter-spacing: 0.6px;
  height: 36px;
  line-height: 36px;
  text-align: center;
}

.section-show .section-title em {
  font-size: 20px;
  font-weight: 600;
  color: #4D555D;
  margin: 0 3px;
}

.card-list {
  margin-right: -20px;
  *zoom: 1;
}

.card-list:before,
.card-list:after {
  content: "";
  display: table;
}

.card-list:after {
  clear: both;
  overflow: hidden;
}

.card-list .card-item {
  float: left;
  margin-right: 20px;
  width: 220px;
  height: 234px;
  margin-top: 20px;
}

.card-list.card-list-show-info .card-item {
  height: 254px;
}

.card-list .card-top {
  height: 120px;
  position: relative;
}

.card-list .card-pic {
  display: block;
  width: 100%;
  height: 120px;
  border-radius: 5px;
}

.card-list .card-label {
  position: absolute;
  bottom: 10px;
  left: 10px;
}

.card-list .card-label span {
  display: inline-block;
  padding: 0 10px;
  height: 24px;
  line-height: 24px;
  background: rgba(0, 0, 0, 0.3);
  border-radius: 12px;
  font-size: 12px;
  color: #fff;
  margin-right: 5px;
}

.card-list .card-label span:last-child {
  margin-right: 0;
}

.card-list .card-author {
  position: absolute;
  bottom: 10px;
  right: 10px;
  padding: 0 10px;
  height: 24px;
  line-height: 24px;
  background: rgba(0, 0, 0, 0.3);
  border-radius: 12px;
  font-size: 12px;
  color: #fff;
}

.card-list .card-con {
  padding: 10px 5px;
}

.card-list .card-name {
  line-height: 22px;
  word-wrap: break-word;
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  max-height: 44px;
  -webkit-transition: all .3s;
  transition: all .3s;
}

.card-list .card-tool {
  height: 20px;
  margin-top: 5px;
  color: #666;
}

.card-list .card-tool-main {
  float: left;
  height: 20px;
  line-height: 20px;
}

.card-list .card-tool-main a {
  margin-right: 4px;
  color: #666;
}

.card-list .card-tool-main a i {
  font-size: 16px;
}

.card-list .card-tool-more {
  float: right;
  height: 20px;
  line-height: 20px;
  position: relative;
}

.card-list .card-tool-more:hover .tool-more-list {
  display: block;
}

.card-list .card-tool-share {
  float: right;
}

.card-list .tool-more-list {
  position: absolute;
  top: 100%;
  right: 0;
  width: 60px;
  padding: 5px 10px;
  border: 1px solid #dcdfe6;
  border-radius: 5px;
  background: #fff;
  display: none;
}

.card-list .tool-more-list li {
  height: 24px;
  line-height: 24px;
  text-align: center;
}

.card-list .card-view {
  height: 20px;
  line-height: 20px;
  margin-top: 5px;
  color: #666;
}

.card-list .card-info {
  line-height: 20px;
  word-wrap: break-word;
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  max-height: 40px;
  font-size: 12px;
  color: #666;
  margin-top: 5px;
}

.card-list .card-item-hot {
  float: left;
  margin-right: 20px;
  width: 580px;
  margin-top: 20px;
}

.card-list .card-item-hot .card-pic {
  width: 100%;
  height: 110px;
}

.questions-list {
  *zoom: 1;
  margin-right: -20px;
}

.questions-list:before,
.questions-list:after {
  content: "";
  display: table;
}

.questions-list:after {
  clear: both;
  overflow: hidden;
}

.questions-list .questions-col {
  float: left;
  width: 380px;
  margin-right: 20px;
}

.questions-list .questions-item {
  width: 100%;
  padding: 20px;
  background: #FFFFFF;
  -webkit-box-shadow: 0 2px 8px rgba(0, 0, 0, 0.1);
  box-shadow: 0 2px 8px rgba(0, 0, 0, 0.1);
  border-radius: 5px;
  -webkit-transition: all .3s;
  transition: all .3s;
  margin-top: 20px;
}

.questions-list .questions-name {
  line-height: 24px;
  font-size: 16px;
}

.questions-list .questions-name i {
  margin-right: 5px;
}

.questions-list .questions-text {
  color: #666;
  line-height: 20px;
  margin: 5px 0;
}

.questions-list .questions-answer {
  margin-top: 10px;
}

.questions-list .questions-answer-con {
  color: #666;
}

.questions-list .questions-info {
  text-align: right;
  margin-top: 5px;
}

.questions-list .questions-info a {
  color: #5eb95e;
}

.questions-list .questions-info a:hover {
  text-decoration: underline;
}

.expert-hot {
  height: 430px;
  background: url(../images/bg01.jpg) center center no-repeat;
}

.expert-hot .section-title {
  color: rgba(255, 255, 255, 0.4);
  margin-bottom: 30px;
}

.expert-hot .section-title em {
  color: #fff;
}

.expert-hot .expert-hot-item {
  padding-top: 30px;
}

.expert-hot .expert-hot-item > a {
  display: block;
  width: 220px;
  height: 250px;
  margin-right: 20px;
  background: #fff;
  background: rgba(255, 255, 255, 0.9);
  position: relative;
  border-radius: 5px;
  padding: 76px 20px 40px 20px;
}

.expert-hot .expert-head {
  position: absolute;
  top: -30px;
  left: 50%;
  margin-left: -48px;
  width: 96px;
  height: 96px;
  border-radius: 50%;
}

.expert-hot .expert-name {
  height: 30px;
  line-height: 30px;
  font-size: 16px;
  text-align: center;
  overflow: hidden;
}

.expert-hot .expert-job {
  color: #666;
  height: 24px;
  line-height: 24px;
  overflow: hidden;
  text-align: center;
}

.expert-hot .expert-info {
  color: #666;
  margin-top: 8px;
  line-height: 24px;
  height: 72px;
  text-overflow: ellipsis;
  word-wrap: break-word;
  overflow: hidden;
  text-overflow: -o-ellipsis-lastline;
  -webkit-line-clamp: 3;
  -webkit-box-orient: vertical;
  text-align: justify;
  word-break: break-all;
}

.expert-hot-scroll {
  width: 1180px;
  position: relative;
  margin-bottom: 20px;
}

.expert-hot-scroll .hd a {
  display: block;
  width: 50px;
  height: 50px;
  line-height: 50px;
  text-align: center;
  background: rgba(0, 0, 0, 0.3);
  border-radius: 25px;
  position: absolute;
  top: 50%;
  margin-top: -25px;
  z-index: 9;
  cursor: pointer;
  color: #fff;
}

.expert-hot-scroll .hd a i {
  font-size: 20px;
  width: 20px;
  height: 50px;
  line-height: 50px;
  color: #fff;
}

.expert-hot-scroll .hd a:hover {
  background: rgba(0, 0, 0, 0.5);
}

.expert-hot-scroll .hd a:hover i {
  color: #f34343;
}

.expert-hot-scroll .hd .prev {
  left: -20px;
}

.expert-hot-scroll .hd .next {
  right: -20px;
}

.expert-hot-scroll .hd .nextStop,
.expert-hot-scroll .hd .nextStop:hover,
.expert-hot-scroll .hd .prevStop,
.expert-hot-scroll .hd .prevStop:hover {
  cursor: not-allowed;
}

.expert-hot-scroll .hd .nextStop i,
.expert-hot-scroll .hd .nextStop:hover i,
.expert-hot-scroll .hd .prevStop i,
.expert-hot-scroll .hd .prevStop:hover i {
  color: #f9f9f9;
}

.expert-hot-scroll .bd {
  width: 1180px;
  overflow: hidden;
  position: relative;
  height: 280px;
}

.expert-hot-scroll .bd ul {
  width: 5000px;
  position: absolute;
  top: 0;
  left: 0;
}

.expert-hot-scroll .bd li {
  width: 220px;
  height: 280px;
  float: left;
  position: relative;
  margin-right: 20px;
}

.star-list {
  margin-top: 30px;
}

.star-list .star-list-hot {
  text-align: center;
}

.star-list .star-list-hot li {
  display: inline-block;
  width: 130px;
  text-align: center;
}

.star-list .star-list-hot .star-head {
  position: relative;
  margin-bottom: 10px;
}

.star-list .star-list-hot .star-head img {
  display: inline-block;
  width: 56px;
  height: 56px;
  vertical-align: top;
  border-radius: 100%;
}

.star-list .star-list-hot .star-name {
  height: 24px;
  line-height: 24px;
}

.star-list .star-list-hot .star-info {
  height: 20px;
  line-height: 20px;
  color: #666;
}

.star-list .star-list-all {
  text-align: center;
  margin-top: 20px;
  padding: 0 117px;
  *zoom: 1;
}

.star-list .star-list-all:before,
.star-list .star-list-all:after {
  content: "";
  display: table;
}

.star-list .star-list-all:after {
  clear: both;
  overflow: hidden;
}

.star-list .star-list-all li {
  float: left;
  width: 86px;
  text-align: center;
  margin-bottom: 20px;
}

.star-list .star-list-all li:nth-child(12) {
  margin-left: 43px;
}

.star-list .star-list-all li a {
  display: block;
  width: 48px;
  height: 48px;
  margin: 0 auto;
}

.star-list .star-list-all .star-head {
  position: relative;
}

.star-list .star-list-all .star-head img {
  display: inline-block;
  width: 48px;
  height: 48px;
  vertical-align: top;
  border-radius: 100%;
}

.list-show {
  margin-top: 20px;
}

.list-show .list-top {
  height: 30px;
}

.list-show .list-sort {
  float: left;
  height: 30px;
  line-height: 30px;
}

.list-show .list-sort a {
  float: left;
  height: 30px;
  line-height: 28px;
  border: 1px solid #fff;
  padding: 0 20px;
  border-radius: 30px;
}

.list-show .list-sort .is-active {
  border: 1px solid #f34343;
  color: #f34343;
}

.list-show .list-page {
  float: right;
  height: 30px;
  line-height: 30px;
}

.list-show .list-page .page-num {
  float: left;
  margin-right: 10px;
}

.list-show .list-page .page-btn {
  float: left;
}

.list-show .list-page .page-btn a {
  float: left;
  width: 30px;
  height: 30px;
  line-height: 28px;
  text-align: center;
  border: 1px solid #dcdfe6;
  margin-left: 10px;
}

.list-show .list-collected {
  float: right;
  margin-right: 20px;
}

.list-show .list-collected .switch {
  margin-right: 10px;
}

.expert-card-list {
  *zoom: 1;
  margin-right: -20px;
}

.expert-card-list:before,
.expert-card-list:after {
  content: "";
  display: table;
}

.expert-card-list:after {
  clear: both;
  overflow: hidden;
}

.expert-card-list .expert-card {
  float: left;
  margin-right: 20px;
  width: 220px;
  margin-top: 20px;
}

.page-info {
  background: #fafafa;
  padding-bottom: 40px;
}

.page-info-head {
  height: 72px;
  background: #fff;
  position: relative;
  padding: 0 20px;
  -webkit-box-shadow: 0 4px 8px 0 rgba(7, 17, 27, 0.1);
  box-shadow: 0 4px 8px 0 rgba(7, 17, 27, 0.1);
}

.page-info-head .head-name {
  float: left;
  height: 72px;
  line-height: 72px;
  font-size: 16px;
}

.page-info-head .head-name i {
  color: #666;
}

.page-info-head .head-menu {
  float: right;
}

.page-info-head .head-menu li {
  float: left;
  margin-left: 20px;
  height: 72px;
  line-height: 72px;
}

.page-info-head .head-menu .is-active {
  color: #f34343;
}

.play-box {
  background: #1f1f1f;
  min-height: 400px;
  padding: 20px 20px 20px 15px;
  width: 1180px;
  margin: 20px auto;
  border-radius: 10px;
  display: grid;
  grid-template-columns: 65% 35%;
}

.play-box .play-sidebar {
  width: 50px;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
}

.play-box .play-sidebar a {
  display: block;
  padding: 5px 0;
  color: rgba(255, 255, 255, 0.6);
  text-align: center;
  -webkit-transition: .3s linear;
  transition: .3s linear;
}

.play-box .play-sidebar a:hover {
  color: #fff;
}

.play-box .play-sidebar a i {
  display: block;
  width: 16px;
  height: 16px;
  font-size: 16px;
  margin: 0 auto;
}

.play-box .play-sidebar a span {
  display: block;
  text-align: center;
  height: 30px;
  line-height: 30px;
}

.play-box .play-center {
  -webkit-box-flex: 1;
  -webkit-flex: 1;
  -ms-flex: 1;
  flex: 1;
  background: #000;
  border-radius: 10px;
}

.play-box .play-right {
  /*width: 300px;*/
  padding-left: 20px;
  padding-bottom: 5px;
  overflow: hidden;
}

.play-slide {
  width: 100%;
}

.play-slide .play-slide-hd {
  height: 110px;
  width: 100%;
  overflow: hidden;
  position: relative;
  padding: 10px 0;
}

.play-slide .play-slide-hd .prev,
.play-slide .play-slide-hd .next {
  position: absolute;
  top: 10px;
  width: 20px;
  height: 90px;
  line-height: 90px;
  text-align: center;
  z-index: 20;
  color: #fff;
  cursor: pointer;
}

.play-slide .play-slide-hd .prev {
  left: 0;
}

.play-slide .play-slide-hd .next {
  right: 0;
}

.play-slide .slide-hd-con {
  position: absolute;
  top: 10px;
  left: 20px;
  right: 20px;
  height: 60px;
  overflow: hidden;
  z-index: 10;
}

.play-slide .slide-hd-con ul {
  width: 100000px;
}

.play-slide .slide-hd-con li {
  float: left;
  width: 80px;
  height: 60px;
  margin-right: 10px;
}

.play-slide .slide-hd-con img {
  display: block;
  width: 100%;
  height: 90px;
}

.play-slide .play-slide-bd {
  position: relative;
}

/*.play-slide .play-slide-bd img {*/
/*  display: block;*/
/*  width: 100%;*/
/*  height: 400px;*/
/*}*/
.play-slide .play-slide-bd .play-btn {
  position: absolute;
  top: 50%;
  left: 50%;
  margin: -30px 0 0 -30px;
  width: 60px;
  height: 60px;
  line-height: 60px;
  text-align: center;
  font-size: 60px;
  color: #fff;
}

.play-author-box {
  color: #fff;
}

.play-author-box .play-author {
  padding-left: 60px;
  min-height: 50px;
}

.play-author-box .play-author-head {
  height: 50px;
  float: left;
  margin-left: -60px;
}

.play-author-box .play-author-head img {
  display: block;
  width: 50px;
  height: 50px;
  border-radius: 100%;
}

.play-author-box .play-author-name {
  line-height: 30px;
}

.play-author-box .play-author-text {
  line-height: 20px;
  max-height: 40px;
  overflow: auto;
}

.play-author-box .play-author-summary {
  margin: 10px 0;
  color: rgba(255, 255, 255, 0.6);
}

.page-info-con {
  width: 1180px;
  margin: 0 auto;
}

.page-info-hd {
  width: 100%;
  height: 68px;
  background: #fff;
  -webkit-box-shadow: 0 4px 8px rgba(0, 0, 0, 0.05);
  box-shadow: 0 4px 8px rgba(0, 0, 0, 0.05);
  padding: 0 20px;
}

.page-info-hd li {
  float: left;
  height: 68px;
  line-height: 68px;
  margin-right: 100px;
}

.page-info-hd a {
  float: left;
  padding: 0 10px;
  font-size: 16px;
  position: relative;
}

.page-info-hd .is-active {
  color: #f34343;
}

.page-info-hd .is-active:after {
  content: '';
  position: absolute;
  top: 48px;
  left: 50%;
  margin-left: -10px;
  width: 20px;
  height: 2px;
  background: #f34343;
}

.page-info-bd {
  padding-top: 20px;
}

.page-info-bd .page-info-item {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
}

.page-info-bd .page-info-main {
  -webkit-box-flex: 1;
  -webkit-flex: 1;
  -ms-flex: 1;
  flex: 1;
}

.page-info-bd .page-info-side {
  width: 280px;
  margin-left: 20px;
}

.page-info-bd .info-top-btns {
  height: 36px;
  margin-bottom: 20px;
}

.page-info-bd .info-btns-left {
  float: left;
  padding-top: 6px;
}

.page-info-bd .info-btns-left a {
  float: left;
  height: 24px;
  line-height: 24px;
  padding: 0 12px;
  font-size: 12px;
  color: #666;
  background: none;
  border-radius: 12px;
  cursor: pointer;
  margin-right: 10px;
}

.page-info-bd .info-btns-left .is-active {
  background: #989898;
  color: #fff;
}

.page-info-bd .info-btns-right {
  float: right;
}

.page-info-bd .info-btns-right a {
  float: left;
  height: 36px;
  line-height: 36px;
  padding: 0 12px;
  font-size: 14px;
  color: #666;
  background: none;
  border-radius: 18px;
  cursor: pointer;
  background: #eaeaea;
}

.question-list .question-item {
  margin-bottom: 10px;
  background: #333232;
  border-radius: 8px;
  -webkit-box-shadow: 0 4px 8px rgba(0, 0, 0, 0.06);
  box-shadow: 0 4px 8px rgba(0, 0, 0, 0.06);
  padding: 8px 5px 0 60px;
  position: relative;
}

.question-list .q-head {
  float: left;
  width: 50px;
  height: 50px;
  margin-left: -65px;
}

.question-list .q-head img {
  display: block;
  width: 36px;
  height: 36px;
  border-radius: 100%;
}

.question-list .q-name {
  line-height: 24px;
  padding: 5px 0;
}

.question-list .q-text {
  line-height: 20px;
  margin-top: 10px;
}

.question-list .q-btns {
  margin-top: 10px;
}

.question-list .q-btns .btn-a {
  display: inline-block;
  height: 36px;
  line-height: 36px;
  padding: 0 12px;
  font-size: 14px;
  color: #666;
  background: none;
  border-radius: 18px;
  cursor: pointer;
  background: #eaeaea;
  margin-right: 20px;
}

.question-list .q-btns .btn-b {
  display: inline-block;
  height: 24px;
  line-height: 24px;
  border: solid 1px #f43f06;
  border-radius: 12px;
  text-align: center;
  padding: 0 10px;
  color: #f43f06;
}

.question-list .q-info {
  color: white;
  line-height: 30px;
  margin-top: 10px;
  height: 30px;
}

.question-list .q-info .info-num {
  float: left;
  margin-right: 20px;
}

.question-list .q-info .info-time {
  float: right;
}

.page-info-side .side-tit {
  height: 36px;
  line-height: 36px;
  margin-bottom: 5px;
  font-size: 16px;
}

.page-info-side .side-list .side-list-item {
  margin-bottom: 20px;
  height: 60px;
  position: relative;
  padding-left: 90px;
  color: #666;
}

.page-info-side .side-list .side-list-pic {
  float: left;
  width: 80px;
  height: 60px;
  margin-left: -90px;
}

.page-info-side .side-list .side-list-pic img {
  display: block;
  width: 80px;
  height: 60px;
}

.page-info-side .side-list .side-list-name {
  height: 30px;
  padding-top: 5px;
  line-height: 25px;
  color: #666;
  overflow: hidden;
  -ms-text-overflow: ellipsis;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.page-info-side .side-list .side-list-name a {
  color: #666;
}

.page-info-side .side-list .side-list-info {
  line-height: 24px;
}

.page-info-side .side-list .side-list-info span {
  margin-right: 10px;
}

.page-info-side .side-list .side-list-info span i {
  margin-right: 4px;
}

.page-info-side .side-list-label .label-text {
  display: inline-block;
  height: 30px;
  line-height: 30px;
  background: #fcc97c;
  color: #fff;
  padding: 0 12px;
  border-radius: 16px;
  margin: 0 10px 10px 0;
  white-space: nowrap;
}

.expert-page-top {
  padding: 40px 0;
}

.expert-page-top .expert-main {
  padding-left: 140px;
}

.expert-page-top .expert-head {
  float: left;
  margin-left: -140px;
  width: 120px;
  height: 120px;
}

.expert-page-top .expert-head img {
  display: block;
  width: 120px;
  height: 120px;
  border-radius: 100%;
}

.expert-page-top .expert-name {
  line-height: 40px;
}

.expert-page-top .expert-name strong {
  font-size: 20px;
  margin-right: 10px;
  font-weight: 400;
}

.expert-page-top .expert-name span {
  color: #666;
}

.expert-page-top .expert-text {
  line-height: 24px;
  color: #666;
}

.expert-page-top .expert-text a {
  margin-left: 10px;
}

.expert-page-top .expert-data {
  line-height: 30px;
  overflow: hidden;
  margin-top: 10px;
  *zoom: 1;
}

.expert-page-top .expert-data:before,
.expert-page-top .expert-data:after {
  content: "";
  display: table;
}

.expert-page-top .expert-data:after {
  clear: both;
  overflow: hidden;
}

.expert-page-top .expert-data-count {
  float: left;
}

.expert-page-top .expert-data-count li {
  float: left;
  margin-right: 30px;
  position: relative;
  padding-right: 20px;
}

.expert-page-top .expert-data-count li:after {
  content: '';
  position: absolute;
  top: 10px;
  right: 0;
  width: 1px;
  height: 10px;
  background: #999;
}

.expert-page-top .expert-data-count li:last-child:after {
  display: none;
}

.expert-page-top .expert-data-count li strong {
  font-weight: 400;
  margin-left: 10px;
  font-size: 16px;
  vertical-align: bottom;
}

.expert-page-top .expert-data-label {
  float: left;
  position: relative;
}

.expert-page-top .expert-data-label > span {
  display: inline-block;
  height: 30px;
  line-height: 30px;
  background: #ededed;
  padding: 0 10px;
  border-radius: 30px;
  text-align: center;
  min-width: 50px;
  margin: 0 10px 10px 0;
  position: relative;
}

.expert-page-top .expert-data-label > span .label-del {
  position: absolute;
  top: 0px;
  left: 0px;
  color: #f00;
  cursor: pointer;
  display: none;
}

.expert-page-top .expert-data-label .label-edit {
  margin-left: 10px;
}

.expert-page-top .expert-data-label .label-edit-bd {
  height: 30px;
  line-height: 30px;
  margin-bottom: 10px;
}

.expert-page-top .expert-data-label .label-edit-bd .el-input {
  display: inline-block;
  width: 160px;
}

.expert-page-top .expert-data-label .label-edit-btn {
  display: inline-block;
  height: 30px;
  line-height: 30px;
  background: #ededed;
  padding: 0 10px;
  border-radius: 30px;
  text-align: center;
  min-width: 50px;
  margin-right: 10px;
}

.expert-page-top .expert-data-label .label-edit-btn i {
  margin-right: 5px;
}

.expert-page-top .expert-data-label .label-edit-add {
  height: 32px;
}

.expert-page-top .expert-data-label .label-edit-add .el-input {
  float: left;
  width: 260px;
  margin-right: 10px;
}

.expert-page-top .expert-data-label .label-edit-add .el-button {
  float: left;
}

.expert-page-top .expert-btns {
  margin-top: 20px;
}

.expert-show-item {
  padding: 20px 0;
}

.expert-show-item .show-tit {
  text-align: center;
  font-size: 16px;
  line-height: 30px;
  font-weight: 700;
}

.expert-show-item .show-tit-sub {
  text-align: center;
  line-height: 20px;
  color: #666;
}

.expert-show-item .show-con {
  margin-top: 10px;
}

.expert-show-item .expert-show-add {
  line-height: 30px;
  text-align: right;
}

.expert-show-item .expert-show-add a {
  margin-left: 10px;
}

.show-expert-question {
  margin-right: -20px;
  margin-top: 20px;
  *zoom: 1;
}

.show-expert-question:before,
.show-expert-question:after {
  content: "";
  display: table;
}

.show-expert-question:after {
  clear: both;
  overflow: hidden;
}

.show-expert-question .question-item {
  float: left;
  width: 580px;
  margin: 0 20px 20px 0;
  background: #fff;
  -webkit-box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2);
  box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2);
  border-radius: 5px;
  padding: 20px;
}

.show-expert-question .question-name {
  height: 20px;
  line-height: 20px;
  font-size: 16px;
  overflow: hidden;
  -ms-text-overflow: ellipsis;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.show-expert-question .question-answer {
  margin-top: 10px;
  line-height: 20px;
  height: 100px;
  overflow: hidden;
  color: #666;
}

.show-expert-question .question-info {
  height: 20px;
  color: #666;
}

.show-expert-question .question-info-num {
  float: left;
}

.show-expert-question .question-info-link {
  float: right;
  font-size: 18px;
}

.show-expert-question .question-info-link a {
  color: #666;
}

.show-expert-question .question-info-link a:hover {
  color: #f34343;
}

.show-thesis {
  margin-right: -20px;
  margin-top: 20px;
  *zoom: 1;
}

.show-thesis:before,
.show-thesis:after {
  content: "";
  display: table;
}

.show-thesis:after {
  clear: both;
  overflow: hidden;
}

.show-thesis .thesis-item {
  background: #ededed;
  float: left;
  width: 580px;
  height: 160px;
  margin: 0 20px 20px 0;
  -webkit-box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2);
  box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2);
  border-radius: 5px;
  padding: 20px;
  position: relative;
  z-index: 10;
}

.show-thesis .thesis-item:hover {
  -webkit-box-shadow: 0 4px 20px 0 rgba(0, 0, 0, 0.2);
  box-shadow: 0 4px 20px 0 rgba(0, 0, 0, 0.2);
  z-index: 20;
}

.show-thesis .thesis-item:hover .thesis-item-con {
  height: 210px;
  padding: 20px 0;
}

.show-thesis .thesis-name {
  overflow: hidden;
  font-size: 16px;
  line-height: 20px;
  word-wrap: break-word;
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  max-height: 40px;
  -webkit-transition: all .3s;
  transition: all .3s;
  padding: 0 20px;
  margin-bottom: 10px;
}

.show-thesis .thesis-text {
  overflow: hidden;
  line-height: 20px;
  word-wrap: break-word;
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  max-height: 40px;
  -webkit-transition: all .3s;
  transition: all .3s;
  margin-bottom: 10px;
  color: #666;
  padding: 0 20px;
}

.show-thesis .thesis-info {
  height: 20px;
  line-height: 20px;
  position: relative;
  background: #ededed;
  padding: 0 20px;
  z-index: 10;
}

.show-thesis .thesis-info span {
  margin-right: 10px;
}

.show-thesis .thesis-info span i {
  margin-right: 5px;
}

.show-thesis .thesis-link {
  position: absolute;
  bottom: 15px;
  right: 20px;
  width: 30px;
  height: 30px;
  line-height: 30px;
  text-align: center;
  background: rgba(0, 0, 0, 0.1);
  border-radius: 100%;
  color: #fff;
  z-index: 13;
}

.show-thesis .thesis-link:hover {
  background: rgba(0, 0, 0, 0.2);
}

.show-thesis .thesis-item-con {
  position: absolute;
  bottom: 40px;
  left: 0;
  right: 0;
  background: #ededed;
  border-radius: 5px 5px 0 0;
  -webkit-box-shadow: 0 4px 30px 0 rgba(0, 0, 0, 0.2);
  box-shadow: 0 4px 30px 0 rgba(0, 0, 0, 0.2);
  height: 0;
  z-index: 2;
  overflow: hidden;
  -webkit-transition: .2s linear height;
  transition: .2s linear height;
}

.show-thesis .thesis-item-con .thesis-name-more {
  font-size: 16px;
  line-height: 20px;
  -webkit-transition: all .3s;
  transition: all .3s;
  padding: 0 20px;
  margin-bottom: 10px;
}

.show-thesis .thesis-item-con .thesis-text-more {
  line-height: 20px;
  color: #666;
  height: 120px;
  padding: 0 20px;
}

.data-chart {
  border: 1px solid #dcdfe6;
}

.data-chart .data-chart-top {
  height: 50px;
  line-height: 50px;
  border-bottom: 1px solid #dcdfe6;
}

.data-chart .data-chart-top .chart-top-item {
  float: left;
  border-right: 1px solid #dcdfe6;
  padding: 0 40px;
}

.data-chart .data-chart-top .chart-top-item-btn {
  float: right;
  margin-right: 20px;
}

.data-chart .data-chart-con {
  padding: 20px;
}

.data-chart .chart-tit {
  height: 20px;
  line-height: 20px;
}

.data-chart .chart-con {
  margin-top: 10px;
}

.mycenter-top {
  min-height: 150px;
  background: url(../images/bg02.jpg) center top no-repeat;
  position: relative;
  z-index: 10;
}

.mycenter-top .user-main {
  position: relative;
  padding: 40px 0 40px 170px;
  color: #fff;
  *zoom: 1;
}

.mycenter-top .user-main:before,
.mycenter-top .user-main:after {
  content: "";
  display: table;
}

.mycenter-top .user-main:after {
  clear: both;
  overflow: hidden;
}

.mycenter-top .user-head {
  position: absolute;
  top: 40px;
  left: 0;
  width: 150px;
  height: 150px;
  border-radius: 150px;
  border: 4px solid #fff;
  -webkit-box-shadow: 0 2px 4px rgba(0, 0, 0, 0.04);
  box-shadow: 0 2px 4px rgba(0, 0, 0, 0.04);
}

.mycenter-top .user-head img {
  display: block;
  width: 142px;
  height: 142px;
  border-radius: 100%;
}

.mycenter-top .user-info {
  float: left;
}

.mycenter-top .user-name {
  height: 40px;
  line-height: 40px;
  font-size: 24px;
  font-weight: 700;
}

.mycenter-top .user-show {
  line-height: 30px;
}

.mycenter-top .user-rank {
  margin-right: 10px;
}

.mycenter-top .user-more {
  margin-left: 10px;
  color: rgba(255, 255, 255, 0.6);
  cursor: pointer;
}

.mycenter-top .user-more i {
  margin-left: 5px;
}

.mycenter-top .user-more-bd {
  /* display: none; */
}

.mycenter-top .user-set {
  float: right;
  margin-left: 20px;
  margin-top: 15px;
}

.mycenter-top .user-set a {
  display: block;
  height: 40px;
  line-height: 38px;
  border: 1px solid rgba(255, 255, 255, 0.7);
  border-radius: 20px;
  padding: 0 20px;
  color: #fff;
}

.mycenter-top .user-set a:hover {
  color: #f34343;
  border-color: #f34343;
}

.mycenter-top .user-set i {
  margin-right: 10px;
}

.mycenter-top .user-count {
  float: right;
}

.mycenter-top .user-count li {
  float: left;
  text-align: center;
  padding: 0 15px;
}

.mycenter-top .user-count .user-count-num {
  height: 40px;
  line-height: 40px;
  font-size: 20px;
}

.mycenter-top .user-count .user-count-name {
  line-height: 30px;
  color: rgba(255, 255, 255, 0.6);
}

.mycenter-con {
  width: 1180px;
  margin-left: auto;
  margin-right: auto;
  *zoom: 1;
}

.mycenter-con:before,
.mycenter-con:after {
  content: "";
  display: table;
}

.mycenter-con:after {
  clear: both;
  overflow: hidden;
}

.mycenter-menu {
  float: left;
  width: 160px;
  margin-right: 20px;
  padding-top: 60px;
}

.mycenter-menu a {
  display: block;
  height: 48px;
  line-height: 48px;
  padding-left: 35px;
  color: #666;
  font-size: 16px;
}

.mycenter-menu a:hover {
  color: #f34343;
}

.mycenter-menu a i {
  margin-right: 10px;
  font-size: 16px;
}

.mycenter-menu a .menu-text {
  position: relative;
}

.mycenter-menu a .menu-text .is-msg {
  top: -10px;
  right: -10px;
}

.mycenter-menu .is-active {
  background: #f34343;
  color: #fff;
  border-radius: 8px;
}

.mycenter-menu .is-active:hover {
  color: #fff;
}

.mycenter-main {
  width: 1000px;
  float: right;
}

.mycenter-main-top {
  height: 60px;
  line-height: 60px;
  border-bottom: 1px solid #dcdfe6;
}

.mycenter-main-con {
  border-left: 1px solid #dcdfe6;
  padding-left: 20px;
  padding-top: 20px;
  min-height: 630px;
}

.main-top-menu {
  float: left;
}

.main-top-menu .top-menu-item {
  float: left;
  margin-right: 40px;
}

.main-top-menu .top-menu-item a {
  float: left;
  padding: 0 10px;
  height: 60px;
  line-height: 60px;
  position: relative;
}

.main-top-menu .top-menu-item .is-active {
  color: #f34343;
}

.main-top-menu .top-menu-item .is-active:after {
  content: '';
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
  background: #f34343;
  height: 2px;
}

.main-top-menu-right {
  float: right;
}

.my-thesis .thesis-item {
  border-bottom: 1px solid #dcdfe6;
  padding-bottom: 20px;
  margin-bottom: 20px;
  position: relative;
}

.my-thesis .thesis-item:last-child {
  margin-bottom: 0;
}

.my-thesis .thesis-pic {
  float: left;
  width: 200px;
  height: 114px;
}

.my-thesis .thesis-pic img {
  display: block;
  width: 200px;
  height: 114px;
}

.my-thesis .thesis-con {
  margin-left: 220px;
}

.my-thesis .thesis-add {
  line-height: 30px;
  float: right;
}

.my-thesis .thesis-add .el-dropdown {
  margin-left: 20px;
}

.my-thesis .thesis-name {
  line-height: 30px;
  font-size: 16px;
}

.my-thesis .thesis-edition {
  /*height: 36px;*/
  line-height: 36px;
}

.my-thesis .thesis-edition li {
  float: left;
}

.my-thesis .thesis-edition .edition-name {
  width: 100px;
  color: #666;
}

.my-thesis .thesis-edition .edition-tool {
  width: 90px;
}

.my-thesis .thesis-edition .edition-tool a {
  color: #f34343;
}

.my-thesis .thesis-edition .edition-tool a:hover {
  text-decoration: underline;
}

.my-thesis .thesis-edition .edition-count {
  width: 90px;
  color: #666;
}

.my-thesis .thesis-edition .edition-count span {
  margin-left: 5px;
}

.my-thesis .thesis-read {
  line-height: 30px;
  margin: 10px 0;
  color: #666;
}

.my-thesis .thesis-read-btn {
  position: absolute;
  bottom: 20px;
  right: 0;
}

.attention-list {
  border-top: 1px solid #dcdfe6;
}

.attention-list .attention-item {
  border-bottom: 1px solid #dcdfe6;
  padding: 20px 0;
  position: relative;
}

.attention-list .attention-pic {
  float: left;
  padding-top: 2px;
}

.attention-list .attention-pic img {
  display: block;
  width: 46px;
  height: 46px;
  border-radius: 100%;
}

.attention-list .attention-con {
  margin-left: 60px;
  height: 50px;
}

.attention-list .attention-info {
  font-size: 16px;
  line-height: 30px;
}

.attention-list .attention-info .info-label {
  display: inline-block;
  height: 30px;
  line-height: 28px;
  padding: 0 10px;
  border-radius: 15px;
  border: 1px solid #dcdfe6;
  margin-left: 10px;
  font-size: 14px;
}

.attention-list .attention-time {
  color: #999;
  line-height: 20px;
}

.attention-list .attention-btn {
  position: absolute;
  top: 50%;
  right: 0;
  margin-top: -16px;
}

.center-set {
  width: 1180px;
  margin: 20px auto;
  *zoom: 1;
}

.center-set:before,
.center-set:after {
  content: "";
  display: table;
}

.center-set:after {
  clear: both;
  overflow: hidden;
}

.center-set .set-side {
  float: left;
  width: 220px;
  background: #fafafa;
  padding: 20px 0;
}

.center-set .set-main {
  float: right;
  width: 920px;
  min-height: 200px;
}

.set-user .user-head {
  display: block;
  margin: 0 auto;
  width: 100px;
}

.set-user .user-head img {
  display: block;
  width: 100px;
  height: 100px;
  border: 4px solid #e7e7e7;
  border-radius: 100%;
}

.set-user .user-name {
  height: 20px;
  line-height: 20px;
  text-align: center;
  margin: 10px 0;
}

.set-user .user-list {
  text-align: center;
}

.set-user .user-list li {
  display: inline-block;
  width: 24px;
  height: 24px;
  margin: 0 5px;
}

.set-user .user-list a {
  display: inline-block;
  width: 24px;
  height: 24px;
  background: #fff;
  border-radius: 24px;
}

.set-user .user-list .icon {
  font-size: 16px;
}

.set-account .set-account-tit {
  margin: 10px 20px 10px 20px;
  height: 40px;
  line-height: 40px;
  border-bottom: 1px solid #dcdfe6;
  font-size: 16px;
}

.set-account .set-account-list a {
  display: block;
  height: 48px;
  line-height: 48px;
  position: relative;
  padding-left: 40px;
}

.set-account .set-account-list .list-name {
  float: left;
  position: relative;
}

.set-account .set-account-list .list-name .is-msg {
  top: 10px;
  right: -10px;
}

.set-account .set-account-list .el-icon-arrow-right {
  position: absolute;
  font-size: 18px;
  width: 18px;
  height: 18px;
  top: 15px;
  right: 20px;
}

.set-account .set-account-list .is-active {
  background: #f34343;
  color: #fff;
}

.is-msg {
  position: absolute;
  width: 8px;
  height: 8px;
  background: #f34343;
  border-radius: 100%;
}

.set-main-tips {
  background: #fff4e5;
  padding: 10px 20px;
  line-height: 20px;
  color: #f56108;
}

.set-main-hd {
  line-height: 60px;
  height: 60px;
}

.set-main-hd .set-tit {
  float: left;
  margin-right: 10px;
  font-size: 16px;
}

.set-main-hd .set-tit-text {
  float: left;
  color: #666;
}

.set-main-hd .set-tit-text strong {
  color: #f34343;
  font-weight: 400;
}

.set-main-hd .set-tit-link {
  float: right;
}

.set-main-hd .set-tit-link i {
  color: #008cc8;
}

.set-list .set-list-item {
  border-top: 1px solid #dcdfe6;
  padding: 20px 20px 20px 80px;
  position: relative;
}

.set-list .set-ico {
  position: absolute;
  top: 30px;
  left: 25px;
  width: 32px;
  height: 32px;
  line-height: 32px;
  font-size: 30px;
  color: #d9dde1;
}

.set-list .set-ico .icon {
  font-size: 30px;
}

.set-list .set-info {
  line-height: 26px;
}

.set-list .set-info-hd {
  font-size: 16px;
}

.set-list .set-info-bd {
  color: #999;
}

.set-list .set-info-bd a {
  color: #999;
}

.set-list .set-btns {
  position: absolute;
  top: 26px;
  right: 20px;
}

.set-list .set-info-account {
  overflow: hidden;
  margin-top: 20px;
}

.set-list .set-info-account li {
  float: left;
  margin-right: 50px;
}

.set-list .account-ico {
  float: left;
  width: 80px;
  height: 80px;
  line-height: 80px;
}

.set-list .account-ico .icon {
  font-size: 80px;
  color: #c8cdd2;
}

.set-list .account-con {
  margin-left: 100px;
  line-height: 26px;
}

.set-list .account-btn {
  margin-top: 5px;
}

.set-list .account-btn a {
  display: inline-block;
  height: 24px;
  line-height: 22px;
  padding: 0 10px;
  border: 1px solid #dcdfe6;
  font-size: 12px;
  color: #666;
}

.set-list .account-btn a:hover {
  color: #f34343;
}

.my-question {
  border-top: 1px solid #dcdfe6;
}

.my-question .question-item {
  border-bottom: 1px solid #dcdfe6;
  padding: 20px 0 20px 60px;
  position: relative;
}

.my-question .question-head {
  position: absolute;
  top: 20px;
  left: 0;
}

.my-question .question-head img {
  display: block;
  width: 48px;
  height: 48px;
  border-radius: 100%;
}

.my-question .question-tit {
  height: 24px;
  line-height: 24px;
  padding-right: 150px;
  overflow: hidden;
  -ms-text-overflow: ellipsis;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.my-question .question-time {
  position: absolute;
  top: 20px;
  right: 0;
  line-height: 24px;
  color: #666;
}

.my-question .question-info {
  line-height: 24px;
}

.my-question .question-answer .question-item:last-child {
  border-bottom: none;
}

.my-question .question-answer-hd {
  height: 20px;
  line-height: 20px;
  cursor: pointer;
  margin-top: 10px;
}

.my-question .question-answer-hd i {
  margin-right: 5px;
}

.my-question .question-answer-bd {
  border-top: 1px solid #dcdfe6;
  margin-top: 10px;
}

.my-question .text-article {
  color: #2376ce;
}

.my-question .text-article:hover {
  color: #f34343;
}

.my-question .question-item-more {
  line-height: 20px;
  margin-top: 10px;
}

.my-question .question-item-more a {
  color: #4592e7;
}

.my-invite .invite-item {
  height: 40px;
  line-height: 40px;
  margin-bottom: 20px;
}

.my-invite .invite-head {
  float: left;
  width: 30px;
  height: 30px;
  margin-top: 5px;
  margin-right: 20px;
}

.my-invite .invite-head img {
  display: block;
  width: 30px;
  height: 30px;
  border-radius: 30px;
}

.my-invite .invite-name {
  float: left;
  min-width: 70px;
  margin-right: 10px;
  color: #839f4a;
}

.my-invite .invite-text {
  float: left;
  width: 80px;
}

.my-invite .invite-text-primary {
  float: left;
  color: #5ea1ea;
}

.my-invite .invite-btn {
  float: right;
}

.my-notice .notice-item {
  height: 30px;
  line-height: 30px;
  margin-bottom: 20px;
}

.my-notice .notice-head {
  float: left;
  width: 30px;
  height: 30px;
  margin-right: 20px;
}

.my-notice .notice-head img {
  display: block;
  width: 30px;
  height: 30px;
  border-radius: 30px;
}

.my-notice .notice-name {
  float: left;
  margin-right: 10px;
  color: #839f4a;
  margin-right: 10px;
}

.my-notice .notice-text {
  float: left;
  margin-right: 10px;
}

.my-notice .notice-text-primary {
  float: left;
  color: #839f4a;
  width: 500px;
  overflow: hidden;
  -ms-text-overflow: ellipsis;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.my-notice .notice-text-primary a {
  color: #839f4a;
}

.my-notice .notice-time {
  float: right;
  color: #666;
}

.my-notice .notice-item-month {
  height: 20px;
  line-height: 20px;
  color: #666;
  margin-bottom: 20px;
  font-size: 16px;
}

.page-search .search-top {
  background: #e6eaed;
  padding: 40px 0;
}

.page-search .search-layout {
  width: 840px;
  margin: 0 auto;
}

.page-search .search-form {
  height: 40px;
}

.page-search .search-form .search-input {
  width: 740px;
}

.page-search .search-form .el-input {
  float: left;
  width: 100%;
}

.page-search .search-form .el-input__inner {
  border-radius: 4px 0 0 4px;
}

.page-search .search-form .search-btn {
  float: left;
  width: 100px;
}

.page-search .search-form .el-button {
  width: 100%;
  border-radius: 0 4px 4px 0;
}

.page-search .search-hot-key {
  height: 20px;
  line-height: 20px;
  margin-top: 10px;
  color: #666;
}

.page-search .search-hot-key a {
  color: #666;
  margin-right: 10px;
}

.page-search .search-hot-key a:hover {
  color: #f34343;
}

.page-search .search-con {
  width: 1180px;
  margin: 0 auto;
  padding-top: 20px;
  *zoom: 1;
}

.page-search .search-con:before,
.page-search .search-con:after {
  content: "";
  display: table;
}

.page-search .search-con:after {
  clear: both;
  overflow: hidden;
}

.page-search .search-result-main {
  float: left;
  width: 880px;
}

.page-search .search-result-num {
  line-height: 30px;
}

.page-search .search-result-filter {
  height: 40px;
  line-height: 40px;
  margin-bottom: 20px;
}

.page-search .search-result-filter a {
  float: left;
  position: relative;
  line-height: 40px;
  margin-right: 20px;
}

.page-search .search-result-filter .is-active {
  color: #f34343;
}

.page-search .search-result-filter .is-active:after {
  content: '';
  position: absolute;
  bottom: 0;
  width: 20px;
  height: 2px;
  left: 50%;
  margin-left: -10px;
  background: #f34343;
}

.page-search .result-item {
  border: 1px solid #dcdfe6;
  border-radius: 5px;
  box-shadow: 0 0 4px rgba(0, 0, 0, 0.05);
  padding: 20px;
  position: relative;
  margin-bottom: 20px;
  min-height: 175px;
}

.page-search .result-pic {
  float: left;
  width: 160px;
  height: 135px;
}

.page-search .result-pic img {
  display: block;
  width: 160px;
  height: 135px;
}

.page-search .result-con {
  margin-left: 180px;
  color: #666;
}

.page-search .result-con em {
  color: #f34343;
  font-weight: 700;
}

.page-search .result-from {
  line-height: 30px;
}

.page-search .from-name {
  margin-left: 10px;
  font-size: 16px;
  color: #333;
}

.page-search .result-name {
  line-height: 30px;
}

.page-search .result-summary {
  height: 40px;
  line-height: 20px;
  overflow: hidden;
  margin-bottom: 10px;
}

.page-search .result-info .result-info-link {
  float: right;
  color: #666;
}

.page-search .result-info .result-info-link:hover {
  color: #f34343;
}

.page-search .result-info .info-item {
  margin-right: 10px;
}

.page-search .result-more {
  text-align: center;
  margin-bottom: 20px;
}

.page-search .result-item-question .result-pic {
  width: 48px;
  height: 48px;
}

.page-search .result-item-question .result-pic img {
  width: 48px;
  height: 48px;
}

.page-search .result-item-question .result-con {
  margin-left: 68px;
}

.page-search .result-answer-tit {
  line-height: 30px;
  margin: 5px 0;
}

.page-search .result-answer-con {
  border-left: 1px solid #dcdfe6;
  padding-left: 20px;
}

.page-search .result-answer-item {
  margin: 5px 0;
}

.page-search .result-answer-item .item-hd {
  color: #333;
  line-height: 30px;
}

.page-search .search-result-side {
  float: right;
  width: 280px;
}

.page-search .search-result-side .side-tit {
  height: 36px;
  line-height: 36px;
  margin-bottom: 5px;
  font-size: 16px;
}

.page-search .search-result-side .side-tit em {
  color: #f34343;
}

.page-search .search-result-side .side-list .side-list-item {
  margin-bottom: 20px;
  height: 60px;
  position: relative;
  padding-left: 90px;
  color: #666;
}

.page-search .search-result-side .side-list .side-list-pic {
  float: left;
  width: 80px;
  height: 60px;
  margin-left: -90px;
}

.page-search .search-result-side .side-list .side-list-pic img {
  display: block;
  width: 80px;
  height: 60px;
}

.page-search .search-result-side .side-list .side-list-name {
  height: 30px;
  padding-top: 5px;
  line-height: 25px;
  color: #666;
  overflow: hidden;
  -ms-text-overflow: ellipsis;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.page-search .search-result-side .side-list .side-list-name a {
  color: #666;
}

.page-search .search-result-side .side-list .side-list-info {
  line-height: 24px;
}

.page-search .search-result-side .side-list .side-list-info span {
  margin-right: 10px;
}

.page-search .search-result-side .side-list .side-list-info span i {
  margin-right: 4px;
}

.page-search .search-result-side .side-list-expert .list-expert-item {
  margin-bottom: 20px;
}

.page-search .search-result-side .side-list-expert .expert-pic {
  float: left;
  width: 80px;
  height: 80px;
}

.page-search .search-result-side .side-list-expert .expert-pic img {
  display: block;
  width: 80px;
  height: 80px;
  border-radius: 100%;
}

.page-search .search-result-side .side-list-expert .expert-con {
  margin-left: 90px;
  line-height: 24px;
  min-height: 80px;
}

.page-search .search-result-side .side-list-expert .expert-info {
  color: #666;
}

.page-search .search-result-side .side-list-question .list-question-item {
  line-height: 30px;
  height: 30px;
  overflow: hidden;
  -ms-text-overflow: ellipsis;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.page-ask {
  *zoom: 1;
  width: 1180px;
  margin: 20px auto;
}

.page-ask:before,
.page-ask:after {
  content: "";
  display: table;
}

.page-ask:after {
  clear: both;
  overflow: hidden;
}

.page-ask .ask-main {
  float: left;
  width: 850px;
}

.page-ask .ask-side {
  float: right;
  width: 310px;
}

.page-ask .ask-tits {
  border-bottom: 1px solid #dcdfe6;
  padding: 25px 20px;
  height: 80px;
}

.page-ask .ask-tits .tits-list {
  float: left;
}

.page-ask .ask-tits .tits-list li {
  float: left;
  height: 30px;
  line-height: 30px;
  margin-right: 20px;
}

.page-ask .ask-tits .tits-list a {
  float: left;
  padding: 0 10px;
  font-size: 16px;
  color: #666;
}

.page-ask .ask-tits .tits-list .is-active {
  color: #f34343;
}

.page-ask .ask-tits .tits-show-collect {
  float: right;
  color: #666;
}

.page-ask .ask-tits .tits-show-collect .switch {
  margin-left: 10px;
}

.ask-main-top {
  height: 96px;
  padding: 28px 20px;
  background: url(../images/bg03.png);
}

.ask-main-top .top-tit {
  float: left;
  line-height: 40px;
  font-size: 24px;
}

.ask-main-top .top-btn {
  float: right;
}

.ask-filter {
  background: #f0f8fc;
  padding: 20px;
  margin-top: 10px;
  border-radius: 10px;
}

.ask-filter .filter-list a {
  display: inline-block;
  height: 24px;
  line-height: 24px;
  padding: 0 12px;
  color: #60b7dc;
  border-radius: 12px;
}

.ask-filter .filter-list .is-active {
  background: #60b7dc;
  color: #fff;
}

.ask-list .ask-item {
  border-bottom: 1px solid #dcdfe6;
  padding: 20px 0 20px 60px;
  line-height: 20px;
}

.ask-list .ask-pic {
  float: left;
  width: 40px;
  height: 40px;
  margin-left: -60px;
}

.ask-list .ask-pic img {
  display: block;
  width: 40px;
  height: 40px;
  border-radius: 100%;
}

.ask-list .ask-from {
  color: #666;
}

.ask-list .ask-from .name-text {
  margin-left: 10px;
  color: #2e85e5;
}

.ask-list .ask-name {
  margin: 5px 0;
  font-size: 16px;
}

.ask-list .ask-answer-from {
  margin: 10px 0;
}

.ask-list .ask-answer-from .name-text {
  margin-right: 10px;
}

.ask-list .ask-info {
  height: 30px;
  line-height: 30px;
  margin-top: 10px;
}

.ask-list .ask-count {
  float: left;
  border: 1px solid #dcdfe6;
  border-radius: 4px;
  padding: 0 15px;
  line-height: 28px;
  margin-right: 20px;
}

.ask-list .ask-share {
  color: #666;
}

.ask-list .ask-share:hover {
  color: #f34343;
}

.ask-list .ask-link {
  float: right;
  color: #2e85e5;
}

.ask-side-top {
  background: #f3f3f3;
  padding: 20px;
}

.ask-side-top .ask-user {
  height: 40px;
  padding-left: 50px;
  line-height: 20px;
  position: relative;
}

.ask-side-top .ask-user-head {
  float: left;
  margin-left: -50px;
}

.ask-side-top .ask-user-head img {
  display: block;
  width: 40px;
  height: 40px;
  border-radius: 50%;
}

.ask-side-top .ask-user-name {
  font-size: 16px;
}

.ask-side-top .ask-user-rank {
  color: #666;
}

.ask-side-top .ask-user-my {
  position: absolute;
  bottom: 0;
  right: 0;
  color: #666;
}

.ask-side-top .ask-user-my a {
  color: #666;
}

.ask-side-top .ask-links {
  margin-top: 20px;
  border-top: 1px solid #dcdfe6;
  padding-top: 20px;
  height: 40px;
}

.ask-side-top .ask-links li {
  float: left;
  width: 33.333%;
  text-align: center;
}

.ask-side-item .ask-side-tit {
  height: 60px;
  line-height: 60px;
  border-bottom: 1px solid #dcdfe6;
  position: relative;
}

.ask-side-item .ask-side-tit .tit-name {
  font-size: 16px;
}

.ask-side-item .ask-side-tit .tit-add-btn {
  position: absolute;
  top: 0;
  right: 10px;
}

.ask-side-item .my-collect-empty {
  background: #fffbe5;
  padding: 20px;
  text-align: center;
  margin-top: 20px;
  line-height: 40px;
  color: #666;
}

.ask-side-item .my-collect-empty .collect-add {
  display: inline-block;
  height: 30px;
  line-height: 30px;
  padding: 0 15px;
  color: #fff;
  background: #ff9902;
}

.ask-side-pic img {
  display: block;
  width: 100%;
  height: auto;
}

.ask-hot-list .hot-item {
  border-bottom: 1px solid #dcdfe6;
  padding: 20px 0;
}

.ask-hot-list .hot-name {
  line-height: 20px;
  margin-bottom: 20px;
}

.ask-hot-list .hot-info {
  height: 20px;
  color: #666;
}

.ask-hot-list .hot-num {
  float: left;
}

.ask-hot-list .hot-from {
  float: right;
}

.ask-hot-list .hot-from .name-text {
  margin-left: 10px;
}

.ask-ranking-hd {
  position: absolute;
  top: 0;
  right: 0;
}

.ask-ranking-hd a {
  margin-left: 10px;
  float: left;
  padding: 0 10px;
  position: relative;
}

.ask-ranking-hd .is-active {
  color: #f34343;
}

.ask-ranking-hd .is-active:after {
  content: '';
  width: 20px;
  height: 1px;
  background: #f34343;
  position: absolute;
  bottom: 0;
  left: 50%;
  margin-left: -10px;
}

.ask-ranking-bd .ranking-item {
  height: 40px;
  line-height: 40px;
  margin-top: 20px;
}

.ask-ranking-bd .ranking-num {
  float: left;
  width: 40px;
  margin-right: 10px;
  text-align: center;
  color: #666;
}

.ask-ranking-bd .ranking-pic {
  float: left;
  width: 40px;
  height: 40px;
  margin-right: 20px;
}

.ask-ranking-bd .ranking-pic img {
  display: block;
  width: 40px;
  height: 40px;
  border-radius: 100%;
}

.ask-ranking-bd .ranking-more {
  text-align: center;
  margin-top: 20px;
}

.ask-ranking-bd .ranking-more a {
  display: inline-block;
  height: 40px;
  line-height: 38px;
  border: 1px solid #dcdfe6;
  padding: 0 20px;
  border-radius: 20px;
}

.ask-ranking-bd .ranking-name {
  float: left;
}

.ask-ranking-bd .ranking-count {
  float: right;
  color: #666;
}

.ask-ranking-bd .item-first .ranking-num {
  color: #f8b551;
}

.ask-ranking-bd .item-second .ranking-num {
  color: #787d82;
}

.ask-ranking-bd .item-third .ranking-num {
  color: #ec6941;
}

.user-details {
  border: 1px solid #dcdfe6;
  border-radius: 5px;
  padding: 20px;
  position: relative;
  margin-bottom: 20px;
}

.user-details .user-name {
  height: 30px;
  line-height: 30px;
  font-size: 20px;
  margin-bottom: 10px;
}

.user-details .user-name i {
  font-size: 16px;
  margin-left: 10px;
}

.user-details .user-info {
  line-height: 24px;
  color: #666;
}

.user-details .user-info .info-line {
  margin: 0 10px;
}

.user-details .user-contact {
  margin-top: 5px;
  color: #666;
}

.user-details .user-contact .contact-item {
  margin-right: 20px;
}

.user-details .user-contact .contact-item .icon {
  margin-right: 5px;
}

.user-details .user-edit {
  position: absolute;
  top: 20px;
  right: 20px;
}

.set-main-tit {
  font-size: 16px;
  line-height: 40px;
  overflow: hidden;
  padding: 10px 0;
}

.set-main-tit .tit-name {
  float: left;
  font-size: 16px;
}

.set-main-tit .tit-right {
  float: right;
  font-size: 14px;
}

.set-main-tit .tit-right a {
  color: #666;
  margin-left: 10px;
}

.set-main-tit .tit-right a i {
  margin-right: 5px;
}

.set-main-tit .tit-right a:hover {
  color: #f34343;
}

.edu-show-list .list-item,
.work-show-list .list-item {
  height: 30px;
  line-height: 30px;
  position: relative;
  padding-right: 80px;
}

.edu-show-list .item-info,
.work-show-list .item-info {
  height: 30px;
  line-height: 30px;
  overflow: hidden;
  -ms-text-overflow: ellipsis;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.edu-show-list .item-info span,
.work-show-list .item-info span {
  margin-right: 10px;
}

.edu-show-list .item-btns,
.work-show-list .item-btns {
  position: absolute;
  top: 0;
  right: 0;
}

.edu-show-list .item-btns a,
.work-show-list .item-btns a {
  margin-left: 10px;
}

.attestation-list .list-item {
  height: 30px;
  line-height: 30px;
  margin-top: 20px;
}

.attestation-list .list-pic {
  float: left;
  margin-right: 10px;
}

.attestation-list .list-pic img {
  display: block;
  width: 30px;
  height: 30px;
  border-radius: 100%;
}

.attestation-list .list-name {
  color: #819f45;
  margin-right: 10px;
}

.attestation-list .list-text-primary {
  color: #2a82e4;
}

.attestation-list .list-time {
  float: right;
  color: #666;
}

@-webkit-keyframes scale-spring {
  0% {
    opacity: 0.5;
    -ms-transform: scale(0.5);
    -webkit-transform: scale(0.5);
    transform: scale(0.5);
  }

  80% {
    opacity: 0.8;
    -ms-transform: scale(1.1);
    -webkit-transform: scale(1.1);
    transform: scale(1.1);
  }

  100% {
    opacity: 1;
    -ms-transform: scale(1);
    -webkit-transform: scale(1);
    transform: scale(1);
  }
}

@keyframes scale-spring {
  0% {
    opacity: 0.5;
    -ms-transform: scale(0.5);
    -webkit-transform: scale(0.5);
    transform: scale(0.5);
  }

  80% {
    opacity: 0.8;
    -ms-transform: scale(1.1);
    -webkit-transform: scale(1.1);
    transform: scale(1.1);
  }

  100% {
    opacity: 1;
    -ms-transform: scale(1);
    -webkit-transform: scale(1);
    transform: scale(1);
  }
}

@-webkit-keyframes up-small {
  0% {
    -webkit-transform: translate3d(0, 30px, 0);
    transform: translate3d(0, 30px, 0);
    opacity: 0.3;
  }

  100% {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
    opacity: 1;
  }
}

@keyframes up-small {
  0% {
    -webkit-transform: translate3d(0, 30px, 0);
    transform: translate3d(0, 30px, 0);
    opacity: 0.3;
  }

  100% {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
    opacity: 1;
  }
}

@-webkit-keyframes up-lg {
  0% {
    -webkit-transform: translate3d(0, 100px, 0);
    transform: translate3d(0, 100px, 0);
    opacity: 0.3;
  }

  100% {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
    opacity: 1;
  }
}

@keyframes up-lg {
  0% {
    -webkit-transform: translate3d(0, 100px, 0);
    transform: translate3d(0, 100px, 0);
    opacity: 0.3;
  }

  100% {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
    opacity: 1;
  }
}

@-webkit-keyframes width-increase {
  0% {
    width: 0%;
  }
}

@-webkit-keyframes animate-positive {
  0% {
    width: 0%;
  }
}

@keyframes animate-positive {
  0% {
    width: 0%;
  }
}

.dubbing {
  background: #000;
  border-radius: 10px;
}

.dubbing .dubbing-top {
  padding: 20px 18px 10px 18px;
}

.dubbing .dubbing-con {
  height: 30px;
}

.dubbing .play-control {
  height: 36px;
  background: #0b0b0b;
}

.dubbing-slide {
  position: relative;
  z-index: 30;
}

.dubbing-slide .dubbing-slide-bd {
  width: 100%;
  height: 500px;
}

/*.dubbing-slide .dubbing-slide-bd img {*/
/*  display: block;*/
/*  width: 100%;*/
/*  height: 100%;*/
/*}*/
.dubbing-slide .dubbing-slide-hd {
  overflow: hidden;
}

.dubbing-slide .dubbing-hd-con {
  height: 90px;
}

.dubbing-slide .dubbing-hd-con ul {
  position: relative;
  float: left;
  width: 100000px;
  height: 80px;
}

.dubbing-slide .dubbing-hd-con ul li {
  float: left;
  width: 118px;
  height: 80px;
  position: relative;
}

.dubbing-slide .dubbing-hd-con ul li img {
  display: block;
  width: 100%;
  height: 100%;
  opacity: .4;
}

.dubbing-slide .dubbing-hd-con ul li.is-active img {
  opacity: 1;
}

.dubbing-slide .dubbing-hd-con .dubbing-change {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 80px;
  line-height: 80px;
  text-align: center;
  color: rgba(255, 255, 255, 0.7);
  cursor: pointer;
}

.dubbing-slide .dubbing-hd-con .dubbing-change i {
  margin-right: 5px;
}

.dubbing-slide .dubbing-slide-page {
  position: absolute;
  bottom: -35px;
  left: 0;
  right: 0;
  text-align: center;
  height: 20px;
  line-height: 20px;
  z-index: 30;
}

.dubbing-slide .dubbing-slide-page span {
  display: inline-block;
  width: 14px;
  height: 14px;
  border-radius: 100%;
  background: #fff;
  margin: 0 5px;
  cursor: pointer;
  opacity: .6;
}

.dubbing-slide .dubbing-slide-page .is-active {
  opacity: 1;
}

.play-control {
  position: relative;
}

.play-control .play-progress {
  height: 2px;
  position: relative;
}

.play-control .play-progress-bg {
  height: 100%;
  background: rgba(255, 255, 255, 0.4);
}

.play-control .play-progress-bar {
  position: absolute;
  top: 0;
  left: 0;
  height: 100%;
  background: rgba(255, 255, 255, 0.6);
}

.play-control .play-btn {
  float: left;
  width: 34px;
  height: 34px;
  line-height: 34px;
  text-align: center;
  margin-right: 10px;
  font-size: 20px;
  color: rgba(255, 255, 255, 0.6);
  margin-left: 10px;
}

.play-control .play-btn:hover {
  color: #fff;
}

.play-control .play-time {
  float: left;
  line-height: 34px;
  color: rgba(255, 255, 255, 0.6);
}

.play-control .play-info-about {
  margin-left: 40px;
}

.play-info-about {
  float: left;
  height: 34px;
  line-height: 34px;
}

.play-info-about a {
  color: rgba(255, 255, 255, 0.6);
  margin-right: 10px;
}

.play-info-about a:hover {
  color: #fff;
}

.play-info-about a i {
  margin-right: 5px;
  font-size: 14px;
}

.dubbing-control {
  text-align: center;
  margin: 40px 0 60px 0;
  position: relative;
}

.dubbing-control .dubbing-control-btn .el-button--primary {
  background: #ff7050;
}

.dubbing-control .dubbing-play {
  height: 66px;
  margin-top: 30px;
}

.dubbing-control .play-item {
  display: inline-block;
  width: 60px;
  height: 66px;
  margin: 0 10px;
  text-align: center;
  vertical-align: top;
  font-size: 0;
}

.dubbing-control .play-item p {
  height: 40px;
  line-height: 40px;
  text-align: center;
  font-size: 14px;
}

.dubbing-control .item-btn {
  display: inline-block;
  width: 36px;
  height: 36px;
  line-height: 36px;
  margin: 0 auto;
  font-size: 24px;
  color: #ff7050;
}

.dubbing-control .item-btn .icon {
  font-size: 24px;
}

.dubbing-control .item-btn-play {
  background: #ff7050;
  border: 6px solid #ffd4ca;
  color: #fff;
  border-radius: 100%;
  line-height: 24px;
}

.dubbing-control .item-btn-play .icon {
  font-size: 14px;
}

.dubbing-control .dubbing-pen {
  position: absolute;
  right: 20%;
  top: 0;
}

.dubbing-control .dubbing-pen .pen-item {
  float: left;
  width: 60px;
}

.dubbing-control .dubbing-pen .pen-icon {
  display: block;
  width: 20px;
  height: 20px;
  line-height: 20px;
  text-align: center;
  margin: 0 auto;
}

.dubbing-control .dubbing-pen .pen-icon .icon {
  font-size: 20px;
  color: #ff7050;
}

.dubbing-control .dubbing-pen .pen-text {
  line-height: 40px;
  text-align: center;
}

.dubbing-control .dubbing-addpic {
  position: absolute;
  left: 20%;
  top: 0;
}

.dubbing-control .dubbing-addpic .add-item {
  float: left;
  width: 60px;
}

.dubbing-control .dubbing-addpic .add-icon {
  display: block;
  width: 20px;
  height: 20px;
  line-height: 20px;
  text-align: center;
  margin: 0 auto;
  -webkit-transform: scale(1.4);
  transform: scale(1.4);
}

.dubbing-control .dubbing-addpic .add-icon .icon {
  font-size: 20px;
  color: #ff7050;
}

.dubbing-control .dubbing-addpic .add-text {
  line-height: 40px;
  text-align: center;
}

.add-label-box {
  margin-top: 30px;
}

.add-label-box .add-label-tips {
  margin-bottom: 20px;
}

.add-label-box .add-label-tips i {
  color: #f34343;
  margin-right: 5px;
}

.add-label-box .label-add-btn {
  display: inline-block;
  height: 30px;
  line-height: 30px;
  background: #ededed;
  padding: 0 10px;
  border-radius: 30px;
  text-align: center;
  min-width: 50px;
  margin-right: 10px;
}

.add-label-box .label-add-btn i {
  margin-right: 5px;
}

.add-label-box .label-add-form {
  height: 30px;
  line-height: 30px;
  margin-top: 20px;
}

.add-label-box .label-add-form .el-input {
  display: inline-block;
  width: 200px;
}

.add-label-box .label-add-list {
  margin-top: 20px;
}

.add-label-box .label-add-list > span {
  display: inline-block;
  height: 30px;
  line-height: 30px;
  background: #ededed;
  padding: 0 10px;
  border-radius: 30px;
  text-align: center;
  min-width: 50px;
  margin: 0 10px 10px 0;
  position: relative;
}

.attestation-step {
  position: absolute;
  right: 20px;
  top: 20px;
  line-height: 24px;
}

.rss-subject-select {
  width: 350px;
}

.icon-paper-author {
  width: 14px;
  position: relative;
  top: 2px;
}

.icon-paper-mechanism {
  width: 14px;
  position: relative;
  top: 2px;
}

.card-pic-shadow {
  box-shadow: 5px 5px 5px 0 #939a9f;
  -moz-box-shadow: 5px 5px 5px 0 #939a9f;
  -webkit-box-shadow: 0px 0px 5px 0 #939a9f;
}

.row-hidden-text {
  overflow: hidden;
  -ms-text-overflow: ellipsis;
  text-overflow: ellipsis;
  white-space: nowrap;
}

/*  watermark  */
.watermark-source {
  position: relative;
}

.watermark-water {
  position: absolute;
  right: 15px;
  bottom: 10px;
  color: #c4c4c4;
  font-size: 25px;
}

@-webkit-keyframes scale-spring {
  0% {
    opacity: 0.5;
    -webkit-transform: scale(0.5);
    transform: scale(0.5);
  }

  80% {
    opacity: 0.8;
    -webkit-transform: scale(1.1);
    transform: scale(1.1);
  }

  100% {
    opacity: 1;
    -webkit-transform: scale(1);
    transform: scale(1);
  }
}

@keyframes scale-spring {
  0% {
    opacity: 0.5;
    -webkit-transform: scale(0.5);
    transform: scale(0.5);
  }

  80% {
    opacity: 0.8;
    -webkit-transform: scale(1.1);
    transform: scale(1.1);
  }

  100% {
    opacity: 1;
    -webkit-transform: scale(1);
    transform: scale(1);
  }
}

@-webkit-keyframes up-small {
  0% {
    -webkit-transform: translate3d(0, 30px, 0);
    transform: translate3d(0, 30px, 0);
    opacity: 0.3;
  }

  100% {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
    opacity: 1;
  }
}

@keyframes up-small {
  0% {
    -webkit-transform: translate3d(0, 30px, 0);
    transform: translate3d(0, 30px, 0);
    opacity: 0.3;
  }

  100% {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
    opacity: 1;
  }
}

@-webkit-keyframes up-lg {
  0% {
    -webkit-transform: translate3d(0, 100px, 0);
    transform: translate3d(0, 100px, 0);
    opacity: 0.3;
  }

  100% {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
    opacity: 1;
  }
}

@keyframes up-lg {
  0% {
    -webkit-transform: translate3d(0, 100px, 0);
    transform: translate3d(0, 100px, 0);
    opacity: 0.3;
  }

  100% {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
    opacity: 1;
  }
}

@-webkit-keyframes width-increase {
  0% {
    width: 0%;
  }
}

@-webkit-keyframes animate-positive {
  0% {
    width: 0%;
  }
}

@keyframes animate-positive {
  0% {
    width: 0%;
  }
}

.english-space {
  word-break: keep-all;
  word-wrap: break-word;
}

/*
z-index:

*/