dd, dl, dt, fieldset, form, img, li, ol, table, td, tr, ul {
  margin: 0;
  padding: 0;
  font-weight: 400
}
.split-line {
  display: inline-block;
  margin-left: 15px;
  margin-right: 15px;
  width: 1px;
  height: 14px;
  vertical-align: -2px;
  background-color: #eee
}
.margin-0 {
  margin: 0 !important
}
.spot {
  display: inline-block;
  vertical-align: -1px;
  margin-right: 5px;
  background-color: #fff;
  border-radius: 50%;
  border: 2px solid var(--font-color)
}
.spot.text {
  /*vertical-align: 1px*/
}
.img-responsive {
  display: inline;
}
.page-content {
  padding: 20px 0 0;
}
.container {
  width: 100%
}
.portlet.bgnone {
  padding: 0;
  background: 0 0;
  border: 0;
  border-radius: 0;
  box-shadow: none
}
.theme-list .item {
  margin: -10px;
}
.theme-list .item li {
  padding: 10px;
  list-style-type: none;
}
.theme-list .item li .box {
  position: relative;
  background-color: #fff;
  border-radius: 10px;
  border: 1px solid #fff
}
.theme-list .item li .thumb {
  position: relative;
  border-radius: 10px 10px 0 0;
  overflow: hidden
}
.theme-list .item li .thumb img {
  -webkit-transform: scale(1);
  transform: scale(1);
  -webkit-transition: .7s;
  transition: .7s
}
.theme-list .item li:hover .thumb img {
  -webkit-transform: scale(1.08);
  transform: scale(1.08)
}
.theme-list .item li .thumb .img-responsive {
  width: 100%;
  height: 100%;
  object-fit: fill;
}
.theme-list .item li .cont {
  padding: 0;
}
.grid_author_avt {
  position: relative;
  z-index: 9;
  display: block;
  width: 100px;
  height: 25px;
  margin-top: -10px;
  margin-left: -10px;
  transform: translateZ(0)
}
.grid_author_avt:hover {
  opacity: 1 !important
}
.grid_author_avt:after {
  content: '';
  position: absolute;
  width: 100%;
  height: 100%;
  background-position: right top;
  background-repeat: no-repeat;
  background-size: 100px 30px;
  background-image: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4NCjwhLS0gR2VuZXJhdG9yOiBBZG9iZSBJbGx1c3RyYXRvciAyMS4wLjAsIFNWRyBFeHBvcnQgUGx1Zy1JbiAuIFNWRyBWZXJzaW9uOiA2LjAwIEJ1aWxkIDApICAtLT4NCjxzdmcgdmVyc2lvbj0iMS4xIiBpZD0iTGF5ZXJfMSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB4bWxuczp4bGluaz0iaHR0cDovL3d3dy53My5vcmcvMTk5OS94bGluayIgeD0iMHB4IiB5PSIwcHgiDQoJIHZpZXdCb3g9IjAgMCA3NiAzMSIgc3R5bGU9ImVuYWJsZS1iYWNrZ3JvdW5kOm5ldyAwIDAgNzYgMzE7IiB4bWw6c3BhY2U9InByZXNlcnZlIj4NCjxzdHlsZSB0eXBlPSJ0ZXh0L2NzcyI+DQoJLnN0MHtmaWxsOiNGRkZGRkY7fQ0KPC9zdHlsZT4NCjx0aXRsZT5iZ19zb3VyY2VfYmFkZ2VfMTwvdGl0bGU+DQo8cGF0aCBjbGFzcz0ic3QwIiBkPSJNNTcuNywxMS40Yy0xLjQtMS40LTIuNy0yLjktNC4xLTQuNGMtMC4yLTAuMy0wLjUtMC41LTAuOC0wLjhjLTAuMi0wLjItMC4zLTAuMy0wLjUtMC41bDAsMA0KCUM0OC42LDIuMiw0My41LDAsMzgsMFMyNy40LDIuMiwyMy42LDUuN2wwLDBjLTAuMiwwLjItMC4zLDAuMy0wLjUsMC41Yy0wLjMsMC4zLTAuNSwwLjUtMC44LDAuOGMtMS40LDEuNS0yLjcsMy00LjEsNC40DQoJYy01LDUuMS0xMS43LDYuMS0xOC4zLDYuM1YzMWg5LjRoOC45aDM5LjRoNC45SDc2VjE3LjZDNjkuNCwxNy40LDYyLjcsMTYuNSw1Ny43LDExLjR6Ii8+DQo8L3N2Zz4NCg==);
  top: -3px;
  left: 50%;
  transform: translate(-50%, 0);
  z-index: -1
}
.grid_author_bggo {
  position: absolute;
  margin: auto;
  top: -35px;
  right: 0;
  left: 0;
  width: 64px;
  height: 64px;
  border-radius: 50%;
  z-index: 9
}
.bg-cover {
  background-size: cover;
  background-position: 50% 50%
}
.theme-list .item li .info .tag {
  display: flex;
  flex-wrap: wrap;
  line-height: 40px
}
.theme-list .item li .info .tag a, .theme-list .item li .info .tag span {
  color: #999;
  align-items: center;
  display: flex
}
.theme-list .item li .info .tag a + a {
  margin-left: 8px
}
.theme-list .item li .info .tag .dot, .theme-list .item li .info .tag span .dot {
  display: inline-block;
  border-radius: 50%;
  height: 6px;
  margin-right: 5px;
  width: 6px;
  background-color: #fd721f
}
.theme-list .item li .info .tag a:nth-child(2) .dot {
  background-color: #4caf50
}
.theme-list .item li .info .tag a:nth-child(3) .dot {
  background-color: #2196f3
}
.text-through {
  text-decoration: line-through
}
.text-muted {
  color: #999
}
.theme-list .item li .info .price {
  line-height: 40px;
  font-size: 22px;
  font-weight: 500;
  color: #f40
}
.theme-list .item li .title2 {
  height: 50px;
  line-height: 25px;
  font-size: 14px;
  overflow: hidden
}
.theme-list .item li .title2 a {
  color: #333;
  font-weight: 600;
  font-size: 18px;
}
.theme-list .item li .title2 a:hover {
  color: var(--font-color)
}
.theme-list .item li .title2 .icondiy {
  display: inline-block;
  margin-right: 5px;
  vertical-align: 1px;
  padding: 2px 5px;
  line-height: 12px;
  background-color: var(--font-color);
  color: #fff;
  border-radius: 2px;
  font-size: 10px;
}
.theme-list .item li .time {
  padding: 0 10px 10px;
  font-size: 13px;
  line-height: 20px;
  color: #999
}
.theme-list .item li .time a {
  color: #999
}
.theme-list .item li .info .tag a:hover, .theme-list .item li .time a:hover {
  color: var(--font-color)
}
.theme-content-thumb .pic {
  margin-bottom: 15px
}
.theme-content-thumb .pic img {
  border-radius: 10px
}
.magnifier img {
  cursor: pointer
}
.theme-content-info .title {
  margin: 0 0 10px;
  font-size: 18px;
  line-height: 30px;
  font-weight: 700
}
.theme-content-info .desc {
  margin-bottom: 15px;
  font-weight: 700
}
.theme-content-info .data {
  padding: 10px 0;
  line-height: 40px;
  border-top: 1px dashed #eee
}
.theme-content-info .price {
  padding: 10px 0;
  margin-bottom: 20px;
  line-height: 40px;
  border-top: 1px dashed #eee;
  border-bottom: 1px dashed #eee
}
.theme-content-info .price .fc-sku-select-price .btn.active, .theme-content-info .price .fc-sku-select-price .btn:hover {
  background-color: #fff;
  border-color: var(--font-color);
  color: var(--font-color);
  box-shadow: none
}
.theme-content-info .help {
  border-bottom: 1px dashed #eee
}
.theme-content-info .shares {
  margin: 20px auto
}
.theme-content-info .money {
  font-size: 28px;
  font-weight: 700;
  color: var(--font-color)
}
.sale {
  position: relative;
  display: inline-block;
  margin-left: 10px;
  vertical-align: 5px;
  background-color: var(--font-color);
  padding: 2px 5px;
  line-height: 14px;
  font-size: 12px;
  font-weight: 400;
  color: #fff
}
.sale:before {
  content: "";
  position: absolute;
  width: 0;
  display: block;
  font-size: 0;
  left: -4px;
  bottom: 0;
  height: 0;
  border: 3px solid red;
  border-color: transparent var(--font-color) var(--font-color) transparent
}
.theme-content-info dl {
  margin-bottom: 20px
}
.theme-content-info dl dt {
  float: left;
  width: 80px;
  color: #999
}
.theme-content-info dl.data {
  padding-bottom: 15px;
  border-bottom: 1px dashed #eee
}
.txt-ov {
  overflow: hidden;
  -o-text-overflow: ellipsis;
  text-overflow: ellipsis;
  word-break: break-all;
  display: -webkit-box;
  -webkit-line-clamp: 1;
  -webkit-box-orient: vertical
}
.txt-ov-2 {
  overflow: hidden;
  -o-text-overflow: ellipsis;
  text-overflow: ellipsis;
  word-break: break-all;
  display: -webkit-box !important;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical
}
.theme-content-info .help {
  border-bottom: 1px dashed #eee
}
.theme-content-info .shares {
  margin: 20px auto
}
.shares .digg {
  float: right;
  padding: 3px 10px;
  border-radius: 4px;
  color: #ff5473 !important;
  background-color: rgba(255, 84, 115, .1);
  margin-right: 10px !important;
  font-size: 12px;
  background: rgba(255, 84, 115, .1);
  box-shadow: 0 5px 10px 0 rgb(16 110 253 / 0%)
}
.shares .favorite {
  float: right;
  padding: 3px 10px;
  border-radius: 4px;
  color: #0084ff !important;
  background: rgba(0, 132, 255, .1);
  margin-right: 10px !important;
  font-size: 12px;
  box-shadow: 0 5px 10px 0 rgb(16 110 253 / 0%)
}
.shares .fenxiang {
  float: right;
  padding: 3px 10px;
  border-radius: 4px;
  color: #0084ff !important;
  background: rgba(0, 132, 255, .1);
  font-size: 12px;
  box-shadow: 0 5px 10px 0 rgb(16 110 253 / 0%)
}
.shares strong {
  line-height: 32px;
  display: inline-block;
  font-weight: 400
}
.shares a[class^=share] {
  position: relative;
  width: 28px;
  height: 28px;
  line-height: 28px;
  display: inline-block;
  margin-right: 8px;
  opacity: .8;
  cursor: pointer;
  border-radius: 50px;
  text-align: center
}
.shares a[class^=share] i {
  color: #fff;
  font-size: 16px;
  font-weight: 400
}
.shares a:hover {
  opacity: .8
}
.shares a:hover .share-popover {
  visibility: visible;
  opacity: 1;
  margin-bottom: 0
}
.shares a:before {
  height: 32px;
  width: 10px
}
.shares a:hover:before {
  -webkit-transition: right .5s;
  -moz-transition: right .5s;
  transition: right .5s;
  right: -70%
}
.shares .share-popover {
  -webkit-transition: all .3s ease-in-out;
  -moz-transition: all .3s ease-in-out;
  transition: all .3s ease-in-out;
  visibility: hidden;
  opacity: 0;
  position: absolute;
  bottom: 100%;
  left: 0;
  width: 110px;
  height: 116px;
  margin-bottom: 20px;
  padding-bottom: 6px;
  background-color: transparent;
  z-index: 9999
}
.shares .share-popover .share-popover-inner {
  display: block;
  background-color: #fff;
  border: 1px solid #999;
  padding: 4px;
  border-radius: 2px;
  position: relative;
  bottom: 6px;
  height: 110px
}
.shares .share-popover .share-popover-inner::after, .shares .share-popover .share-popover-inner::before {
  content: '';
  position: absolute;
  bottom: -5px;
  left: 9px;
  border-left: 5px solid transparent;
  border-right: 5px solid transparent
}
.shares .share-popover .share-popover-inner::before {
  border-top: 5px solid #555
}
.shares .share-popover .share-popover-inner::after {
  border-top: 5px solid #fff;
  margin-bottom: 1px
}
.shares a:hover .share-popover {
  visibility: visible;
  opacity: 1;
  margin-bottom: 0
}
.shares a:hover:before {
  -webkit-transition: right .5s;
  -moz-transition: right .5s;
  transition: right .5s;
  right: -70%
}
.shares a.share-tsina {
  background-color: #ff6b60
}
.shares a.share-weixin {
  background-color: #07c160
}
.shares a.share-qzone {
  background-color: #fbc440
}
.shares a.share-sqq {
  background-color: #00a9ee
}
.shares a.share-renren {
  background-color: #95b4ec
}
.shares a.share-tqq {
  background-color: #5fb2d7
}
.shares a.share-douban {
  background-color: #67ce9b
}
.shares a.share-huaban {
  background-color: #dc5e5e
}
.shares a.share-twitter {
  background-color: #41b8fc
}
.shares a.share-facebook {
  background-color: #4867aa
}
.shares a.share-linkedin {
  background-color: #0a66c2
}
.operate {
  position: relative
}
.operate dd {
  padding-top: 10px;
  padding-bottom: 10px;
  border-top: 1px dashed #eee;
  border-bottom: 1px dashed #eee
}
.operate a {
  display: inline-block;
  margin-right: 5px;
  padding: 10px 0;
  width: 120px;
  text-align: center;
  border-radius: .25em
}
.operate {
  text-align: right
}
.more-btn-box {
  padding: 0 20px 20px 20px;
  background-color: #fff;
  text-align: right
}
@media (max-width:767px) {
  .col-lg-1, .col-lg-10, .col-lg-11, .col-lg-12, .col-lg-2, .col-lg-3, .col-lg-4, .col-lg-5, .col-lg-6, .col-lg-7, .col-lg-8, .col-lg-9, .col-md-1, .col-md-10, .col-md-11, .col-md-12, .col-md-2, .col-md-3, .col-md-4, .col-md-5, .col-md-6, .col-md-7, .col-md-8, .col-md-9, .col-sm-1, .col-sm-10, .col-sm-11, .col-sm-12, .col-sm-2, .col-sm-3, .col-sm-4, .col-sm-5, .col-sm-6, .col-sm-7, .col-sm-8, .col-sm-9, .col-xs-1, .col-xs-10, .col-xs-11, .col-xs-12, .col-xs-2, .col-xs-3, .col-xs-4, .col-xs-5, .col-xs-6, .col-xs-7, .col-xs-8, .col-xs-9 {
    padding-left: 10px;
    padding-right: 10px
  }
  .portlet {
    margin-bottom: 20px
  }
  .theme-list .item li .thumb {
    margin: 0px;
  }
  .theme-list .item li .info .price {
    line-height: 20px;
    font-size: 14px
  }
  .theme-list .item li .title2 {
    height: 70px;
  }
  .theme-list .item li .time {
    font-size: 12px
  }
  .grid_author_bggo {
    width: 32px;
    height: 32px;
  }
  .theme-list .item li .title2 a {
    font-size: 16px;
  }
  .theme-content-thumb {
    margin-bottom：10px;
  }
  .theme-content .operate {
    margin-bottom: 15px
  }
  .operate a:last-child {
    margin-right: 0
  }
  .operate .served-num {
    color: #999;
    margin-top: 18px
  }
}