* {
  box-sizing: border-box;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  -o-box-sizing: border-box;
  -ms-box-sizing: border-box;
  // 解决连续点击出现蓝色背景
  -moz-user-select: none; /*mozilar*/
  -webkit-user-select: none; /*webkit*/
  -ms-user-select: none; /*IE*/
  user-select: none;
}

html, body, h1, h2, h3, h4, h5, h6, div, ol, ul, li, dl, dt, dd, table, caption, tr, th, td, span, p, a, b, u, i, em, img, iframe, fieldset, form, label, legend, input, button, select, textarea {
  margin: 0;
  padding: 0;
}

body {
  font: 14px/1.5 "Microsoft YaHei", Arial, Tahoma, Helvetica, sans-serif;
  -webkit-text-size-adjust: 100%;
  -webkit-font-smoothing: antialiased !important;
  margin: 0 auto;
  color: #333;
  position: relative;
}

html,
body{
  height: 100%;
  width: 100%;
}

input, button, textarea, select {
  font: 14px/100% "Microsoft YaHei", Arial, Tahoma, Helvetica, sans-serif;
  outline: 0;
  border: 0;
  background: none;
  color: #333;
}

input:focus, textarea:focus {
  color: #333;
}

input::-ms-clear {
  display: none;
}

input:-webkit-autofill,
input:-webkit-autofill:hover,
input:-webkit-autofill:focus {
  /*背景颜色*/
  box-shadow:0 0 0 60px #fff inset;
  /*字的颜色*/
  -webkit-text-fill-color: #878787;
}
:focus {
  outline:0;
}
h1, h2, h3, h4, h5, h6 {
  font-weight: normal;
  color: #333;
  line-height: 1.2;
}

h1 a, h2 a, h3 a, h4 a, h5 a, h6 a {
  color: inherit;
}

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

select {
  appearance: none;
  -moz-appearance: none;
  -webkit-appearance: none;
}

textarea {
  overflow: auto;
  resize: none;
}

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

caption, th {
  font-weight: normal;
}

img {
  border: 0;
  outline: 0;
  vertical-align: top;
}

.dbttom .contentdetail{
  p{
    img{
      max-width: 100% !important;
      height: auto;
      margin: 10px 0;
    }
  }

}

.dbttom .contentbox{
  p{
      img{
        max-width: 100% !important;
        height: auto;
        margin: 10px 0;
      }

  }
}
.dbttom .dbcontent .con{
  p{
    img{
      max-width: 100% !important;
      height: auto;
      margin: 10px 0;
    }

  }
}

.tuwen{
  img{
    width: 100% !important;
  }
}

a {
  text-decoration: none;
  color: inherit;
  cursor: pointer;
}
a:focus {
  outline: 0;
}

/* 浮动与清除浮动 */
.fl{
  float: left;
}
.fr{
  float: right;
}
.clearfix:after {
  content: '';
  display: block;
  clear: both;
  height: 0;
  visibility: hidden;
  font-size: 0;
}

.col-w-2{
  width: 50%;
}
.col-w-3{
  width: 33.3333333%;
}
.col-w-4{
  width: 25%;
}
.col-w-5{
  width: 20%;
}
.col-w-6{
  width: 16.66666667%;
}
.col-w-8{
  width: 12.5%;
}
.min-height300{
  min-height: 300px;
}

/*外边距*/
.m5 {
  margin: 5px;
}
.m10 {
  margin: 10px;
}
.m15 {
  margin: 15px;
}
.m20 {
  margin: 20px;
}
.m25 {
  margin: 25px;
}
.m30 {
  margin: 30px;
}
.mtb05{
  margin: 5px 0;
}
.mtb1{
  margin: 10px 0;
}
.mtb15{
  margin: 15px 0;
}
.mtb2{
  margin: 20px 0;
}
.mtb25{
  margin: 25px 0;
}
.mtb3{
  margin: 30px 0;
}
.mtb35{
  margin: 35px 0;
}
.mlr05{
  margin: 0 5px;
}
.mlr10{
  margin: 0 10px;
}
.mlr15{
  margin: 0 15px;
}
.mlr20{
  margin: 0 20px;
}
.mlr25{
  margin: 0 25px;
}
.mlr30{
  margin: 0 30px;
}

.mt10 {
  margin-top: 10px;
}

.mt15 {
  margin-top: 15px;
}

.mt20 {
  margin-top: 20px;
}

.mt30 {
  margin-top: 30px;
}

.mt50 {
  margin-top: 50px;
}

.mt100 {
  margin-top: 100px;
}

.mb5 {
  margin-bottom: 5px;
}

.mb10 {
  margin-bottom: 10px;
}

.mb15 {
  margin-bottom: 15px;
}

.mb20 {
  margin-bottom: 20px;
}

.mb30 {
  margin-bottom: 30px;
}

.mb50 {
  margin-bottom: 50px;
}

.mb100 {
  margin-bottom: 100px;
}

.ml5 {
  margin-left: 5px;
}

.ml10 {
  margin-left: 10px;
}

.ml15 {
  margin-left: 15px;
}

.ml20 {
  margin-left: 20px;
}

.ml30 {
  margin-left: 30px;
}

.ml50 {
  margin-left: 50px;
}

.ml100 {
  margin-left: 100px;
}

.mr5 {
  margin-right: 5px;
}

.mr10 {
  margin-right: 10px;
}

.mr15 {
  margin-right: 15px;
}

.mr20 {
  margin-right: 20px;
}

.mr30 {
  margin-right: 30px;
}

.mr50 {
  margin-right: 50px;
}

.mr100 {
  margin-right: 100px;
}

/*内边距*/
.p05{
  padding: 5px;
}
.p10{
  padding: 10px;
}
.p15{
  padding: 15px;
}
.p20{
  padding: 20px;
}
.p25{
  padding: 25px;
}
.p30{
  padding: 30px;
}
.ptb05{
  padding: 5px 0;
}
.ptb10{
  padding: 10px 0;
}
.ptb15{
  padding: 15px 0;
}
.ptb20{
  padding: 20px 0;
}
.ptb25{
  padding: 25px 0;
}
.ptb30{
  padding: 30px 0;
}
.plr05{
  padding: 0 5px;
}
.plr10{
  padding: 0 10px;
}
.plr15{
  padding: 0 15px;
}
.plr20{
  padding: 0 20px;
}
.plr25{
  padding: 0 25px;
}
.plr30{
  padding: 0 30px;
}

.pt5 {
  padding-top: 5px;
}

.pt10 {
  padding-top: 10px;
}

.pt15 {
  padding-top: 15px;
}

.pt20 {
  padding-top: 20px;
}

.pt30 {
  padding-top: 30px;
}

.pt40 {
  padding-top: 40px;
}

.pt50 {
  padding-top: 50px;
}

.pt100 {
  padding-top: 100px;
}

.pb5 {
  padding-bottom: 5px;
}

.pb10 {
  padding-bottom: 10px;
}

.pb15 {
  padding-bottom: 15px;
}

.pb20 {
  padding-bottom: 20px;
}

.pb30 {
  padding-bottom: 30px;
}

.pb50 {
  padding-bottom: 50px;
}

.pb100 {
  padding-bottom: 100px;
}

.pl5 {
  padding-left: 5px;
}

.pl10 {
  padding-left: 10px;
}

.pl15 {
  padding-left: 15px;
}

.pl20 {
  padding-left: 20px;
}

.pl30 {
  padding-left: 30px;
}

.pl50 {
  padding-left: 50px;
}

.pl100 {
  padding-left: 100px;
}

.pr5 {
  padding-right: 5px;
}

.pr10 {
  padding-right: 10px;
}

.pr15 {
  padding-right: 15px;
}

.pr20 {
  padding-right: 20px;
}

.pr30 {
  padding-right: 30px;
}

.pr50 {
  padding-right: 50px;
}

.pr100 {
  padding-right: 100px;
}

/*文字对齐方式*/
.tl {
  text-align: left;
}

.tc {
  text-align: center;
}

.tr {
  text-align: right;
}

/*文字只显示一行*/
.textover{
  text-overflow: ellipsis;
  white-space: nowrap;
  overflow: hidden;
}

.wh100{
  display: block;
  width: 100%;
  height: 100%;
}
.imgtop{
  display: block;
  width: 100%;
  height: 100%;
  vertical-align: top;
}
.bgfff{
  background: #fff;
}

.w1000{
  width: 1000px;
  margin: 0 auto;
}
.duration{
  transition: all 0.4s;
  -webkit-transition: all 0.4s;
  -moz-transition: all 0.4s;
  -o-transition: all 0.4s;
  -ms-transition: all 0.4s;
}


/*PC端显示/移动端隐藏 自适应*/
.ydshow{
  display: none!important;
}
.pcshow{
  display: block!important;
}


.container {
  width: 1200px;
  margin: 0 auto;
}
.containermodel1{
  width: 1500px;
  margin: 0 auto;
}

.descstyle,
.descstyle p,
.descstyle span{
  color: #333!important;
  font-size: 14px!important;
  line-height: 26px!important;
}
.descstyle.white,
.descstyle.white p,
.descstyle.white span{
  color: #fff!important;
  font-size: 14px!important;
  line-height: 26px!important;
}
.descstyle.c66,
.descstyle.c66 p,
.descstyle.c66 span{
  color: #666!important;
}
.descstyle.c99,
.descstyle.c99 p,
.descstyle.c99 span{
  color: #999999!important;
}
.descstyle a,
.descstyle img,
.descstyle video,
.descstyle audio{
  display: none!important;
}
.descstyle.l20,
.descstyle.l20 p,
.descstyle.l20 span{
  line-height: 20px!important;
}

/* 滚动条样式 */
div::-webkit-scrollbar{
  width:5px;
  height:5px;
  /**/
}
div::-webkit-scrollbar-track{
  background: rgb(239, 239, 239);
  border-radius:2px;
}
div::-webkit-scrollbar-thumb{
  background: #bfbfbf;
  border-radius:4px;
}
div::-webkit-scrollbar-thumb:hover{
  background: #333;
}
div::-webkit-scrollbar-corner{
  background: #179a16;
}

/* 通用背景 */
.shade{
  position: fixed;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  z-index: 10;
  background: rgba(0,0,0,0.6);
  display: none;
}

/*图标*/
.icon-scale1{
  display: block;
  width: 32px;
  height: 32px;
  // background: url('../../../assets/common/icon/icon-scale.png') no-repeat;
  vertical-align: middle;
  background-size: 100% 100%;
}

/* 通用点赞-收藏 */
.funbox-1{
  margin: 6px 0 0;
  div{
    line-height: 32px;
    margin: 0 0 0 10px;
    cursor: pointer;
    transition: all 0.3s;
    color: #bbb;
    .icon-zan1,
    .icon-collect2{
      position: relative;
      top: -1px;
    }
    &:hover{
      color: #b90b13;
      .icon-zan1{
        background-position: -32px -32px;
      }
      .icon-collect2{
        background-position: -96px -32px;
      }
    }
  }
}

/*transtion fade 动画*/
.fade-enter-active, .fade-leave-active {
  transition: opacity .5s;
}
.fade-enter, .fade-leave-to /* .fade-leave-active below version 2.1.8 */ {
  opacity: 0;
}

.super{
  font-size: 20px !important;
  line-height: 38px;
}

.large{
  font-size: 18px !important;
  line-height: 34px;
}

.standard{
  font-size: 16px !important;
  line-height: 30px;
}

.small{
  font-size: 14px !important;
  line-height: 26px;
}

.loadmore,
.nodata{
  font-size: 16px;
  text-align: center;
  color: #666;
}

.imgcenter{
  display: block;
  margin: 0 auto;
}

/* 鼠标小手 */
.cursorp{
  cursor: pointer;
}
.gradientGreenBlue{
  background: -webkit-linear-gradient(left, #00c868 , #0089a2); /* Safari 5.1 - 6.0 */
  background: -o-linear-gradient(right, #00c868 , #0089a2); /* Opera 11.1 - 12.0 */
  background: -moz-linear-gradient(right, #00c868 , #0089a2); /* Firefox 3.6 - 15 */
  background: linear-gradient(to right, #00c868 , #0089a2);
  filter: progid:DXImageTransform.Microsoft.gradient(GradientType=1, startColorstr=#00c868, endColorstr=#0089a2);
}

.color888{
  color: #888;
}

.listcontainer{
  .leftcon{
    width: 72%;
    .conditioncon-1{
      margin: 0;
    }
  }
  .rightcon{
    width: 25%;
  }
}

.notification{
  display: flex;
  align-items: center;
  height: 40px;
  padding: 0 16px;
  color: #ed6a0c;
  line-height: 24px;
  background-color: #fffbe8;
}

.el-menu--horizontal .el-menu.el-menu--popup{
  border-radius: 10px;
  padding: 10px 0;
  background: -webkit-linear-gradient(bottom, #54a9c8 , #278fb4)!important; /* Safari 5.1 - 6.0 */
  background: -o-linear-gradient(top, #54a9c8 , #278fb4)!important; /* Opera 11.1 - 12.0 */
  background: -moz-linear-gradient(top, #54a9c8 , #278fb4)!important; /* Firefox 3.6 - 15 */
  background: linear-gradient(to top, #54a9c8 , #278fb4)!important;
  filter: progid:DXImageTransform.Microsoft.gradient(GradientType=1, startColorstr=#54a9c8, endColorstr=#278fb4)!important;
}
.el-menu--horizontal .el-menu.el-menu--popup div{
}
.el-menu--horizontal .el-menu .el-menu-item,
.el-menu--horizontal .el-menu .el-submenu__title{
  text-align: center;
}
.el-menu--collapse .el-menu .el-submenu, .el-menu--popup,
.el-submenu .el-menu-item{
  min-width: 130px!important;
}
.el-menu--horizontal .el-menu.el-menu--popup div.el-submenu__title{
  background: none!important;
  border-radius: 0;
}
.el-menu-item *{
  font-size: 16px;
}
.el-menu--horizontal .el-menu-item:not(.is-disabled):focus,
.el-menu--horizontal .el-menu-item:not(.is-disabled):hover{
  background: transparent!important;
}
.el-submenu__title:hover span,
.el-menu--horizontal .el-menu-item:not(.is-disabled):focus span,
.el-menu--horizontal .el-menu-item:not(.is-disabled):hover span{
  transition: all 0.3s;
  font-weight: bold;
}
.el-menu--horizontal .el-menu--popup .el-submenu__title i{
  right: 12px;
  font-size: 16px;
  display: block!important;
}
.el-menu-item.is-active,
.el-submenu.is-active .el-submenu__title,
.el-submenu.is-active.is-opened .el-submenu__title{
  color: #fff!important;
}
.personalcenter .el-menu-item span{
  font-size: 14px!important;
}
.personalcenter .el-menu-item i{
  margin-right: 8px!important;
}
.personalcenter .el-menu-item:focus,
.personalcenter .el-menu-item:hover{
  background: none!important;
}
.personalcenter .el-menu-item.is-active,
.personalcenter .el-submenu.is-active .el-submenu__title,
.personalcenter .el-submenu.is-active.is-opened .el-submenu__title{
  color: #409EFF!important;
}

@media only screen and (max-width: 1440px){
  .containermodel1{
    width: 1200px;
  }
}

@media only screen and (max-width: 1200px){
  .container,
  .containermodel1{
    width: 1000px;
  }
}

@media only screen and (max-width: 1024px){
  .container,
  .containermodel1{
    width: 100%;
  }
}
@media only screen and (max-width: 768px){
  .ydshow{
    display: block!important;
  }
  .pcshow{
    display: none!important;
  }
  .containermodel,
  .containermodel1,
  .w1000{
    width: 100%;
  }
  .descstyle,
  .descstyle p,
  .descstyle span{
    font-size: 0.9rem!important;
    line-height: 1.2rem!important;
  }
  .descstyle.white,
  .descstyle.white p,
  .descstyle.white span{
    font-size: 0.9rem!important;
    line-height: 1.3rem!important;
  }
  .descstyle.l20,
  .descstyle.l20 p,
  .descstyle.l20 span{
    line-height: 1.7rem!important;
  }
}