/* CDN 服务仅供平台体验和调试使用，平台不承诺服务的稳定性，企业客户需下载字体包自行发布使用并做好备份。 */
/*
 * global
 */
body {
  /*font-family:"Times New Roman", Times, serif;*/
  /*font-family:Verdana, Geneva, sans-serif;*/
  font-family: "苹方-简", "PingFang SC", "Microsoft YaHei", sans-serif;
  /*font-weight: 800;*/


          /*：YouYuan*/

          /*：STXihei*/

          /*：STKaiti*/

          /*：STSong*/

          /*华文中宋：STZhongsong*/

          /*华文仿宋：STFangsong*/

          /*方正舒体：FZShuTi*/

          /*方正姚体：FZYaoti*/

          /*华文彩云：STCaiyun*/

          /*华文琥珀：STHupo*/

          /*华文隶书：STLiti*/

          /*华文行楷：STXingkai*/

          /*华文新魏：STXinwei*/

}
@media print {
  body{
    -webkit-print-color-adjust:exact;
    -moz-print-color-adjust:exact;
    -ms-print-color-adjust:exact;
    print-color-adjust:exact;
  }
  button{display:none;}
}
h1{
  -webkit-print-color-adjust: exact;
  print-color-adjust: exact;
  -moz-print-color-adjust: exact;
  color-adjust: exact;
}
.diagonal{
  width: 200px;
  height: 1px;
  margin-top: 20px;
  border-top: 1px solid goldenrod;
  transform: rotate(160deg);
}

/**
 * alerts
 */
.alerts {
  position: fixed;
  right: 6px;
  z-index: 900;
  width: 40%;
}
/** slider */
#main-slider {
  /*background-image: url(../images/slider-bg.jpg);*/
  /*background-attachment: fixed;*/
  /*background-size: cover;*/
  /*background-position: 50% 50%;*/
  /*background-repeat: no-repeat;*/
  margin-left: 0px;
  margin-right: 0px;
  margin-top: 0px;
  color: #fff;
}
#main-slider .item {
  -moz-transition: opacity ease-in-out 500ms;
  -o-transition: opacity ease-in-out 500ms;
  -webkit-transition: opacity ease-in-out 500ms;
  transition: opacity ease-in-out 500ms;
  left: 0 !important;
  opacity: 0;
  top: 0;
  position: absolute;
  width: 100%;
  display: block !important;
  z-index: 1;
  text-align: center;
}
#main-slider .item:first-child {
  top: auto;
  position: relative;
}
#main-slider .item.active {
  opacity: 1;
  -moz-transition: opacity ease-in-out 500ms;
  -o-transition: opacity ease-in-out 500ms;
  -webkit-transition: opacity ease-in-out 500ms;
  transition: opacity ease-in-out 500ms;
  z-index: 2;
}
#main-slider .item.carousel-content.carousel-img {
  background-position: center top;
  background-repeat: no-repeat;
  text-align: center;
  height: 498px;
  width: 100%;
  position: relative;
}

#main-slider .item.carousel-content.carousel-img-link {
  height: 498px;
  position: relative;
  top: -498px;
  z-index: 25;
}

#main-slider .item.carousel-img-link a {
  width: 1000px;
  height: 498px;
  display: block;
}

#main-slider .item.active h1 {
  -webkit-animation: scaleUp 400ms;
  -moz-animation: scaleUp 400ms;
  -o-animation: scaleUp 400ms;
  -ms-animation: scaleUp 400ms;
  animation: scaleUp 400ms;
}
#main-slider .prev,
#main-slider .next {
  position: absolute;
  top: 50%;
  background-color: rgba(0, 0, 0, 0.3);
  color: #fff;
  display: inline-block;
  margin-top: -50px;
  font-size: 24px;
  height: 50px;
  width: 50px;
  line-height: 50px;
  text-align: center;
  border-radius: 4px;
  z-index: 5;
}
#main-slider .prev:hover,
#main-slider .next:hover {
  background-color: rgba(0, 0, 0, 0.5);
}
#main-slider .prev {
  left: 10px;
}
#main-slider .next {
  right: 10px;
}
#main-slider h1 {
  font-size: 54px;
  text-shadow: 0 3px rgba(0, 0, 0, 0.1);
  color: #fff;
}
/** footer */
.main-footer {
  background: #ecf0f5;
  padding: 15px;
  color: #444;
  border-top: 0px;
}
/** 图片预览 */
canvas {
  background-color: #f3f3f3;
  -webkit-box-shadow: 3px 3px 3px 0 #e3e3e3;
  -moz-box-shadow: 3px 3px 3px 0 #e3e3e3;
  box-shadow: 3px 3px 3px 0 #e3e3e3;
  border: 1px solid #c3c3c3;
  height: 100px;
  margin: 6px 0 0 6px;
}
/* table */
.table > thead > tr > th,
.table > tbody > tr > th,
.table > tfoot > tr > th,
.table > thead > tr > td,
.table > tbody > tr > td,
.table > tfoot > tr > td {
  vertical-align: middle;
}

@media (max-width: 767px) {
  #main-slider {
    margin-top: -50px;
  }
}
.projects-header {
    width: 60%;
    text-align: center;
    margin: 60px 0 10px;
    font-weight: 200;
    margin-bottom: 40px;
    display: block;
    margin-left: auto;
    margin-right: auto;
}

.weiui-container {
  height: 100%;
  overflow: hidden;
  background: #fff;
}
.content-padded{
  padding: .5rem;
}
.content-container {
  display: -webkit-flex;
  height: 100%;
  box-sizing: border-box;
  padding-bottom: 10px;
}
.classify-container {
  width: 25%;
  height: 100%;
}

.classify-container .classify {
  padding-top: 20px;
  padding-bottom: 20px;
  text-align: center;
  border-bottom: 1px solid #e7e7e7;
  border-right: 1px solid #e7e7e7;
}

.classify-container .classify.active {
  border-left: 3px solid #4eac5e;
}

.classify-container .classify .name {
  display: inline-block;
  /*font-size: 0.75rem;*/
  color: #646464;
  line-height: 1.2;
  text-align: center;
  pointer-events: none;
}

.classify-container .classify.active .name {
  color: #80c785;
}

.goods-container {
  -webkit-flex: 1;
  /*height: 100%;*/
  overflow: auto;
}

.goods-container .classify-title {
  padding: 10px 15px;
  color: #646464;
  /*font-size: 0.7rem;*/
  line-height: 30px;
}

.classify-item {
  display: flex;
  flex-direction: column;
  align-items: center;
  flex-wrap: nowrap;
  width: 25%;
  margin: 2px;

}

.classify-item-image {
  width: 70%;
}
.button-add{
  background: #fff;
  margin:5px 0;
  /*margin: 15px;*/
  /*padding: 10px;*/
  border: 1px dashed #e5e5e5;
  cursor: pointer;
  /*color: #38f;*/
}
.button-add-content{
  width: 100%;
  height: 50px;
}


/**
 * The dnd-list should always have a min-height,
 * otherwise you can't drop to it once it's empty
 */
.simpleDemo ul[dnd-list] {
  min-height: 42px;
  padding-left: 0px;
}

/**
 * The dndDraggingSource class will be applied to
 * the source element of a drag operation. It makes
 * sense to hide it to give the user the feeling
 * that he's actually moving it.
 */
.simpleDemo ul[dnd-list] .dndDraggingSource {
  display: none;
}

/**
 * An element with .dndPlaceholder class will be
 * added to the dnd-list while the user is dragging
 * over it.
 */
.simpleDemo ul[dnd-list] .dndPlaceholder {
  background-color: #ddd;
  display: block;
  min-height: 42px;
}

.simpleDemo ul[dnd-list] li {
  background-color: #fff;
  border: 1px solid #ddd;
  border-top-right-radius: 4px;
  border-top-left-radius: 4px;
  display: block;
  padding: 10px 15px;
  margin-bottom: -1px;
}

/**
 * Show selected elements in green
 */
.simpleDemo ul[dnd-list] li.selected {
  background-color: #dff0d8;
  color: #3c763d;
}
.page-structure{
  width: 50%;
  /*height: 100px;*/
  display: inline-block;
  border: 1px solid #fff;
  padding: 5px;
  border-radius: 4px;
  text-align: center;
  background-color: #fff;
}
.page-structure div:hover, .page-structure:hover {
  border-color: #2589FF !important;
  cursor: pointer;
}