@charset "UTF-8";
/*------------------------------------*\
  #font-size
\*------------------------------------*/
/*------------------------------------*\
  #compass support
\*------------------------------------*/
/*------------------------------------*\
  #border-radius  边框圆角
\*------------------------------------*/
/*------------------------------------*\
  #css3
\*------------------------------------*/
/*覆盖 layui日历控件颜色样式 */
.layui-laydate-header i:hover, .layui-laydate-header span:hover {
  color: #D10420;
}

.layui-laydate .layui-this, .layui-laydate .layui-this > div {
  background-color: #D10420 !important;
  color: #fff !important;
}

.icon-zuosanjiao {
  font-size: 12px;
  color: #d10420;
}

.page-whole-w {
  width: 1300px !important;
  margin: auto;
}
.page-whole-w .w-main {
  width: 980px;
  box-sizing: border-box;
}
.page-whole-w .w-side {
  width: 300px;
}

.pt20 {
  padding-top: 20px;
}

.pb20 {
  padding-bottom: 20px;
}

.pd-20 {
  padding: 20px;
}

.pd-16 {
  padding: 16px;
}

.pd-lr-16 {
  padding: 0 16px;
}

.pd-tb-16 {
  padding: 16px 0;
}

.pt0 {
  padding-top: 0 !important;
}

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

.mt20 {
  margin-top: 20px;
}

.mb5 {
  margin-bottom: 5px;
}

.mb20 {
  margin-bottom: 20px;
}

.mb40 {
  margin-bottom: 40px;
}

.mb60 {
  margin-bottom: 60px;
}

.ml20 {
  margin-left: 20px;
}

.mr20 {
  margin-right: 20px;
}

.red {
  color: #e53414;
}

.green {
  color: #099449;
}

.star-color_empty {
  color: #e0e0e0;
}

.star-color_norm {
  color: #fdb810;
}

.star-color_import {
  color: #fd5f10;
}

.common-bg {
  min-height: 1000px !important;
}

.bg-white {
  background-color: #FFF !important;
}

.common-container {
  box-sizing: border-box;
  padding-top: 30px;
  padding-bottom: 20px;
}

.main-content--flex_space-bet {
  color: #333;
  width: 100% !important;
  display: flex;
  justify-content: space-between;
}
.main-content--flex_center {
  color: #333;
  width: 100% !important;
  display: flex;
  justify-content: center;
}

.main-content {
  color: #333;
  display: flex;
  justify-content: center;
  width: 100% !important;
}
.main-content .tit {
  padding-bottom: 15px;
  margin-bottom: 15px;
  border-bottom: 1px solid #e6ecf2;
  text-align: left;
}
.main-content .tit h3 {
  font-size: 18px;
  line-height: 19px;
  color: #333333;
  position: relative;
  padding-left: 14px;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  display: inline-block;
  font-weight: normal;
}
.main-content .tit h3:before {
  content: "";
  position: absolute;
  left: 0;
  top: 1px;
  width: 6px;
  height: 16px;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  -ms-border-radius: 4px;
  -o-border-radius: 4px;
  border-radius: 4px;
  background: #d10420;
}
.main-content .tit ul {
  float: right;
}
.main-content .tit li {
  color: #333;
  line-height: 14px;
  font-size: 14px;
  cursor: pointer;
  display: inline-block;
  position: relative;
}
.main-content .tit li:first-child {
  color: #d10420;
}
.main-content .tit li:after {
  position: absolute;
  bottom: 0;
  width: 56px;
  height: 2px;
  background: #d10420;
  border-radius: 1px;
}
.main-content .tit .selected {
  color: #d10420;
}
.main-content .tit .tab1 {
  font-size: 0;
}
.main-content .tit .tab1 li {
  padding: 0 10px;
  font-size: 14px;
  position: relative;
  color: #999;
}
.main-content .tit .tab1 li a {
  color: #999;
}
.main-content .tit .tab1 li:last-child {
  border-right: 0;
  padding-right: 0;
}
.main-content .tit .tab3 {
  margin-left: -15px;
  float: left;
}
.main-content .tit .tab3 li a {
  color: #333;
  display: block;
  border-left: 1px solid #eee;
  padding: 0 15px;
  line-height: 18px;
  font-size: 18px;
  position: relative;
}
.main-content .tit .tab3 li:first-child a {
  border-left: 0;
}
.main-content .tit .tab3 .selected:after {
  position: absolute;
  content: "";
  width: 20px;
  height: 3px;
  -webkit-border-radius: 2px;
  -moz-border-radius: 2px;
  -ms-border-radius: 2px;
  -o-border-radius: 2px;
  border-radius: 2px;
  background-color: #d10420;
  bottom: -11px;
  left: 50%;
  transform: translateX(-50%);
}
.main-content .tit .tab4 {
  color: #ddd;
  margin-top: 1px;
  font-size: 14px;
}
.main-content .tit .tab4 li {
  color: #999999;
}
.main-content .tit .more {
  color: #333333;
  font-size: 14px;
  margin-top: -1px;
}
.main-content .tit .more img {
  margin-left: 10px;
  font-size: 0;
  padding: 1px 0;
}
.main-content .main-bg {
  background-color: #fff;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  -ms-border-radius: 3px;
  -o-border-radius: 3px;
  border-radius: 3px;
  padding: 20px;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  width: 100%;
  margin-bottom: 20px;
  border-bottom: 1px solid #d10420;
}
.main-content .main-bg > div {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}

.general-title-box {
  width: 100%;
  box-sizing: border-box;
  display: flex;
  justify-content: space-between;
  align-items: center;
}

.general-title-box > span {
  font-size: 14px;
  /*display: inline-block;*/
  /*vertical-align: center;*/
  /*text-align: center;*/
}

.general-title-box > span > i {
  margin-right: 6px;
  width: 20px;
  height: 20px;
}

.gap--mt-mb-sl4 {
  margin-top: 16px;
  margin-bottom: 16px;
}

.gap--mt-mb-normal {
  margin-top: 20px;
  margin-bottom: 20px;
}

.gap--mt-mb-lg4 {
  margin-top: 24px;
  margin-bottom: 24px;
}

.gap--pl-pr-sl4 {
  padding-left: 16px;
  padding-right: 16px;
}

.gap--pl-pr-normal {
  padding-left: 20px;
  padding-right: 20px;
}

.block-nav-columns__ul {
  list-style-type: none;
  font-size: 14px;
  color: #403b51;
  text-align: center;
  display: flex;
  flex-flow: row nowrap;
  justify-content: space-between;
}

.block-nav-columns__ul > li {
  margin-right: 24px;
}

.general-title-box__before {
  width: 100%;
  height: 44px;
  display: flex;
  justify-content: space-between;
  align-items: center;
}

/*.block-title-box >a {*/
/*    font-size: 20px;*/
/*    font-weight: bold;*/
/*    color: #313131;*/
/*    position: relative;*/
/*    margin-left: 18px;!* 前缀宽度6+间隔12 *!*/
/*}*/
.general-title-box__before:before {
  content: "";
  position: absolute;
  width: 6px;
  height: 70%;
  border-radius: 2px;
  background-color: #cf0622; /* 下划线颜色，可根据需求修改 */
  left: -18px;
  top: 15%;
}

.more {
  cursor: pointer;
  box-sizing: content-box;
  position: absolute;
  top: 50%;
  right: 5px;
  font-weight: 400;
  transform: translateY(-50%);
  background-color: #f8f4e4;
  border-radius: 16px;
  color: #6c3603;
  line-height: 16px;
  text-align: center;
}

.more a {
  display: inline-block;
  padding: 4px 16px;
  font-size: 12px;
  color: #6c3603;
  text-align: center;
}

.more a i {
  border-radius: 20px;
  background-color: #ead9c8;
  margin-left: 3px;
}

.loading {
  text-align: center;
  padding: 50px 0;
  display: none;
}

.hint_null {
  text-align: center;
  display: none;
  margin: auto;
}
.hint_null img {
  width: 200px;
  height: 200px;
  display: block;
  margin: auto;
}

/* swiper轮播插件[code-begin]*/
/*swiper前进后退按钮*/
.swiper-button-prev:after, .swiper-button-next:after {
  display: none;
}
.swiper-button-prev.swiper-button-disabled, .swiper-button-next.swiper-button-disabled {
  opacity: 0;
}

/*[code-end]*/

/*# sourceMappingURL=common.css.map */