.clearfix {
  zoom: 1;
}
.clearfix:after {
  content: '';
  display: table;
  clear: both;
}
/* position */
.poi-s {
  position: static !important;
}
.poi-r {
  position: relative !important;
}
.poi-a {
  position: absolute !important;
}
/* flex：定义布局为盒模型 */
/* flex-v：盒模型垂直布局 */
/* flex-1：子元素占据剩余的空间 */
/* flex-center-y：子元素垂直居中 */
/* flex-center-x：子元素水平居中 */
.flex,
.flex-row,
.flex-column,
.flex-center-y,
.flex-center-x {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
}
.flex-block {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
}
.flex-v {
  -webkit-box-orient: vertical;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
}
.flex-center {
  display: flex;
  justify-content: center;
  align-items: center;
}
.flex-inline-center {
  display: inline-flex;
  justify-content: center;
  align-items: center;
}
.mr-auto,
.flex-auto-left,
.flex-1-left {
  margin-right: auto;
}
.ml-auto,
.flex-auto-right,
.flex-1-right {
  margin-left: auto;
}
.flex-1,
.flex-col-1 {
  -webkit-box-flex: 1;
  -webkit-flex: 1;
  -ms-flex: 1;
  flex: 1;
}
.flex-2,
.flex-col-2 {
  -webkit-box-flex: 2;
  -webkit-flex: 2;
  -ms-flex: 2;
  flex: 2;
}
.flex-3,
.flex-col-3 {
  -webkit-box-flex: 3;
  -webkit-flex: 3;
  -ms-flex: 3;
  flex: 3;
}
.flex-4,
.flex-col-4 {
  -webkit-box-flex: 4;
  -webkit-flex: 4;
  -ms-flex: 4;
  flex: 4;
}
.flex-5,
.flex-col-5 {
  -webkit-box-flex: 5;
  -webkit-flex: 5;
  -ms-flex: 5;
  flex: 5;
}
.flex-6,
.flex-col-6 {
  -webkit-box-flex: 6;
  -webkit-flex: 6;
  -ms-flex: 6;
  flex: 6;
}
/* cursor */
.pointer {
  cursor: pointer;
}
.ta-left {
  text-align: left;
}
.ta-right {
  text-align: right;
}
.ta-center {
  text-align: center;
}
:root {
  --red: #f30213;
  --blue: #1a79ff;
}
body {
  font-size: 14px;
  color: #3b3b3b;
}
.ff-roboto {
  font-family: Roboto;
}
.ff-pf {
  font-family: PingFangSC-Semibold, PingFang SC;
}
.h1,
.h2,
.h3,
.h4,
.h5,
.h6,
h1,
h2,
h3,
h4,
h5,
h6 {
  margin: 0;
  font-weight: bold;
}
label {
  font-weight: normal;
}
li,
ul,
p {
  margin: 0;
  padding: 0;
  list-style-type: none;
}
i,
em {
  font-style: normal;
}
a {
  color: inherit;
}
a:hover {
  color: #1a79ff;
  text-decoration: none;
}
/* FontAwesome*/
.fa {
  font-size: 14px;
}
/* bootstrap */
.alert {
  padding: 6px 15px;
}
/* float */
.fl {
  float: left;
}
.fr {
  float: right;
}
.fn {
  float: none !important;
}
/* position */
.poi-s {
  position: static !important;
}
.poi-r {
  position: relative !important;
}
.poi-a {
  position: absolute !important;
}
.dragging,
.dragging * {
  -moz-user-select: none;
  -webkit-user-select: none;
  user-select: none;
}
/*   flex：定义布局为盒模型          */
/*   flex-v：盒模型垂直布局          */
/*   flex-1：子元素占据剩余的空间     */
/*   flex-center-y：子元素垂直居中   */
/*   flex-center-x：子元素水平居中   */
.flex,
.flex-row,
.flex-column,
.flex-center-y,
.flex-center-x,
.table-category-panel {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
}
.flex-block {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
}
.flex-v {
  -webkit-box-orient: vertical;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
}
.flex-center {
  display: flex;
  justify-content: center;
  align-items: center;
}
.flex-inline-center {
  display: inline-flex;
  justify-content: center;
  align-items: center;
}
.mr-auto,
.flex-auto-left,
.flex-1-left {
  margin-right: auto;
}
.ml-auto,
.flex-auto-right,
.flex-1-right {
  margin-left: auto;
}
.flex-1,
.flex-col-1 {
  -webkit-box-flex: 1;
  -webkit-flex: 1;
  -ms-flex: 1;
  flex: 1;
}
.flex-2,
.flex-col-2 {
  -webkit-box-flex: 2;
  -webkit-flex: 2;
  -ms-flex: 2;
  flex: 2;
}
.flex-3,
.flex-col-3 {
  -webkit-box-flex: 3;
  -webkit-flex: 3;
  -ms-flex: 3;
  flex: 3;
}
.flex-4,
.flex-col-4 {
  -webkit-box-flex: 4;
  -webkit-flex: 4;
  -ms-flex: 4;
  flex: 4;
}
.flex-5,
.flex-col-5 {
  -webkit-box-flex: 5;
  -webkit-flex: 5;
  -ms-flex: 5;
  flex: 5;
}
.flex-6,
.flex-col-6 {
  -webkit-box-flex: 6;
  -webkit-flex: 6;
  -ms-flex: 6;
  flex: 6;
}
.flex-center-x {
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
}
.flex-center-b {
  -webkit-box-align: center;
  -webkit-align-items: flex-end;
  -ms-flex-align: end;
  align-items: flex-end;
}
.flex-center-y {
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
}
.flex-bottom-y {
  -webkit-box-align: end;
  -webkit-align-items: flex-end;
  -ms-flex-align: end;
  align-items: flex-end;
}
.flex-start {
  align-items: flex-start !important;
}
.flex-row {
  margin: 0 -15px;
}
.flex-column {
  flex-direction: column;
}
.flex-wrap,
.flex-table {
  flex-wrap: wrap;
}
.flex-col-1,
.flex-col-2,
.flex-col-3,
.flex-col-4,
.flex-col-5,
.flex-col-6 {
  padding: 0 15px;
}
/* col */
.row-p10 {
  margin-left: -10px !important;
  margin-right: -10px !important;
}
.col-p10 {
  padding-left: 10px !important;
  padding-right: 10px !important;
}
.row-p8 {
  margin-left: -7px !important;
  margin-right: -8px !important;
}
.col-p8 {
  padding-left: 7px !important;
  padding-right: 7px !important;
}
/* border */
.border-ceee {
  border: 1px solid #eee;
}
.bd-radius-0 {
  border-radius: 0 !important;
}
.bd-radius-2 {
  border-radius: 2px !important;
}
.bd-radius-3 {
  border-radius: 3px !important;
}
.bd-radius-50 {
  border-radius: 1000px !important;
}
.no-tbd {
  border-top: 0 !important;
}
.no-lbd {
  border-left: 0 !important;
}
.no-rbd {
  border-right: 0 !important;
}
.no-bbd {
  border-bottom: 0 !important;
}
/* width */
.w16 {
  width: 16px;
}
.w20 {
  width: 20px;
}
.w24 {
  width: 24px;
}
.w25 {
  width: 25px;
}
.w32 {
  width: 32px !important;
}
.w36 {
  width: 36px;
}
.w40 {
  width: 40px !important;
}
.w44 {
  width: 44px !important;
}
.w48 {
  width: 48px;
}
.w60 {
  width: 60px !important;
}
.w72 {
  width: 72px;
}
.w80 {
  width: 80px !important;
}
.w96 {
  width: 96px !important;
}
.w112 {
  width: 112px !important;
}
.w114 {
  width: 114px !important;
}
.w120 {
  width: 120px !important;
}
.w144 {
  width: 144px !important;
}
.w160 {
  width: 160px !important;
}
.w180 {
  width: 180px !important;
}
.w200 {
  width: 200px !important;
}
.w224 {
  width: 224px;
}
.w240 {
  width: 240px !important;
}
.w250 {
  width: 250px !important;
}
.w280 {
  width: 280px !important;
}
.w300 {
  width: 300px !important;
}
.w320 {
  width: 320px !important;
}
.w340 {
  width: 340px !important;
}
.w360 {
  width: 360px !important;
}
.w480 {
  width: 480px !important;
}
.w600 {
  width: 600px !important;
}
.w640 {
  width: 640px !important;
}
.w960 {
  width: 960px !important;
}
.w100pt {
  width: 100% !important;
}
.w-auto {
  width: auto !important;
}
.h-auto {
  height: auto;
}
.h20 {
  height: 20px;
}
.h25 {
  height: 25px;
}
.h30 {
  height: 30px;
}
.h32 {
  height: 32px;
}
.h36 {
  height: 36px;
}
.h40 {
  height: 40px;
}
.h44 {
  height: 44px;
}
.h48 {
  height: 48px;
}
.h50 {
  height: 50px;
}
.h60 {
  height: 60px;
}
.h70 {
  height: 70px;
}
.h75 {
  height: 75px;
}
.h80 {
  height: 80px;
}
.h96 {
  height: 96px;
}
.h120 {
  height: 120px;
}
.h160 {
  height: 160px;
}
.h200 {
  height: 200px;
}
.h240 {
  height: 240px;
}
.h300 {
  height: 300px;
}
.h320 {
  height: 320px;
}
.h360 {
  height: 360px;
}
.h380 {
  height: 380px !important;
}
.h400 {
  height: 400px;
}
.h440 {
  height: 440px;
}
.h480 {
  height: 480px;
}
.h600 {
  height: 600px;
}
/* blank */
.blank5 {
  clear: both;
  height: 5px !important;
}
.blank10 {
  clear: both;
  height: 10px !important;
}
.blank15 {
  clear: both;
  height: 15px !important;
}
.blank20 {
  clear: both;
  height: 20px !important;
}
.blank30 {
  clear: both;
  height: 30px !important;
}
.blank40 {
  clear: both;
  height: 40px !important;
}
.blank60 {
  clear: both;
  height: 60px !important;
}
.blank80 {
  clear: both;
  height: 80px !important;
}
.blank100 {
  clear: both;
  height: 100px !important;
}
/* margin */
.mt0 {
  margin-top: 0 !important;
}
.mt3 {
  margin-top: 3px !important;
}
.mt5 {
  margin-top: 5px !important;
}
.mt8 {
  margin-top: 8px !important;
}
.mt10 {
  margin-top: 10px !important;
}
.mt12 {
  margin-top: 12px !important;
}
.mt15 {
  margin-top: 15px !important;
}
.mt16 {
  margin-top: 16px !important;
}
.mt20 {
  margin-top: 20px !important;
}
.mt24 {
  margin-top: 24px !important;
}
.mt30 {
  margin-top: 30px !important;
}
.mt32 {
  margin-top: 32px !important;
}
.mt40 {
  margin-top: 40px !important;
}
.mt50 {
  margin-top: 50px !important;
}
.mt60 {
  margin-top: 60px !important;
}
.mt80 {
  margin-top: 80px !important;
}
.mt160 {
  margin-top: 160px !important;
}
.mb0 {
  margin-bottom: 0 !important;
}
.mb5 {
  margin-bottom: 5px !important;
}
.mb8 {
  margin-bottom: 8px !important;
}
.mb10 {
  margin-bottom: 10px !important;
}
.mb1em {
  margin-bottom: 1em !important;
}
.mb15 {
  margin-bottom: 15px !important;
}
.mb20 {
  margin-bottom: 20px !important;
}
.mb24 {
  margin-bottom: 24px !important;
}
.mb25 {
  margin-bottom: 20px !important;
}
.mb30 {
  margin-bottom: 30px !important;
}
.mb32 {
  margin-bottom: 32px !important;
}
.mb40 {
  margin-bottom: 40px !important;
}
.mb50 {
  margin-bottom: 50px !important;
}
.mb60 {
  margin-bottom: 60px !important;
}
.mb80 {
  margin-bottom: 80px !important;
}
.mb100 {
  margin-bottom: 100px !important;
}
.mt300 {
  margin-top: 300px !important;
}
.ml0 {
  margin-left: 0 !important;
}
.ml5 {
  margin-left: 5px !important;
}
.ml8 {
  margin-left: 8px !important;
}
.ml10 {
  margin-left: 10px !important;
}
.ml15 {
  margin-left: 15px !important;
}
.ml16 {
  margin-left: 16px !important;
}
.ml20 {
  margin-left: 20px !important;
}
.ml25 {
  margin-left: 25px !important;
}
.ml30 {
  margin-left: 30px !important;
}
.ml40 {
  margin-left: 40px !important;
}
.ml50 {
  margin-left: 50px !important;
}
.ml60 {
  margin-left: 60px !important;
}
.ml80 {
  margin-left: 80px !important;
}
.ml90 {
  margin-left: 90px !important;
}
.ml100 {
  margin-left: 100px !important;
}
.ml150 {
  margin-left: 150px !important;
}
.mr5 {
  margin-right: 5px !important;
}
.mr8 {
  margin-right: 8px !important;
}
.mr10 {
  margin-right: 10px !important;
}
.mr15 {
  margin-right: 15px !important;
}
.mr16 {
  margin-right: 16px;
}
.mr20 {
  margin-right: 20px !important;
}
.mr24 {
  margin-right: 24px;
}
.mr25 {
  margin-right: 25px !important;
}
.mr30 {
  margin-right: 30px !important;
}
.mr40 {
  margin-right: 40px !important;
}
.mr50 {
  margin-right: 50px !important;
}
.mr60 {
  margin-right: 60px !important;
}
.mr80 {
  margin-right: 80px !important;
}
.mr90 {
  margin-right: 90px !important;
}
.mr150 {
  margin-right: 150px !important;
}
.mr200 {
  margin-right: 200px !important;
}
/* padding */
.padding-0 {
  padding: 0 !important;
}
.p5 {
  padding: 5px;
}
.p10 {
  padding: 10px;
}
.p15 {
  padding: 15px;
}
.p20 {
  padding: 20px;
}
.p25 {
  padding: 25px;
}
.p30 {
  padding: 30px;
}
.p40 {
  padding: 40px;
}
.p50 {
  padding: 50px;
}
.p60 {
  padding: 60px;
}
.pt0 {
  padding-top: 0 !important;
}
.pt5 {
  padding-top: 5px !important;
}
.pt10 {
  padding-top: 10px !important;
}
.pt15 {
  padding-top: 15px !important;
}
.pt20 {
  padding-top: 20px !important;
}
.pt25 {
  padding-top: 25px !important;
}
.pt30 {
  padding-top: 30px !important;
}
.pt40 {
  padding-top: 40px !important;
}
.pt50 {
  padding-top: 50px !important;
}
.pt60 {
  padding-top: 60px !important;
}
.pt80 {
  padding-top: 80px !important;
}
.pr0 {
  padding-right: 0 !important;
}
.pr40 {
  padding-left: 40px;
}
.pl0 {
  padding-left: 0 !important;
}
.pb0 {
  padding-bottom: 0 !important;
}
.pb5 {
  padding-bottom: 5px !important;
}
.pb10 {
  padding-bottom: 10px !important;
}
.pb15 {
  padding-bottom: 15px !important;
}
.pb20 {
  padding-bottom: 20px !important;
}
.pb25 {
  padding-bottom: 20px !important;
}
.pb30 {
  padding-bottom: 30px !important;
}
.pb40 {
  padding-bottom: 40px !important;
}
.pb50 {
  padding-bottom: 50px !important;
}
.pb60 {
  padding-bottom: 60px !important;
}
.pb80 {
  padding-bottom: 80px !important;
}
.pb100 {
  padding-bottom: 100px !important;
}
.pl5 {
  padding-left: 5px !important;
}
.pl10 {
  padding-left: 10px !important;
}
.pl15 {
  padding-left: 15px !important;
}
.pl20 {
  padding-left: 20px !important;
}
.pl25 {
  padding-left: 25px !important;
}
.pl30 {
  padding-left: 30px !important;
}
.pl40 {
  padding-left: 40px !important;
}
.pl50 {
  padding-left: 50px !important;
}
.pl60 {
  padding-left: 60px !important;
}
.pr5 {
  padding-right: 5px !important;
}
.pr10 {
  padding-right: 10px !important;
}
.pr15 {
  padding-right: 15px !important;
}
.pr20 {
  padding-right: 20px !important;
}
.pr25 {
  padding-right: 25px !important;
}
.pr30 {
  padding-right: 30px !important;
}
.pr40 {
  padding-right: 40px !important;
}
.pr50 {
  padding-right: 50px !important;
}
.pr60 {
  padding-right: 60px !important;
}
/* font */
.font-apple {
  font-family: -apple-system, PingFang SC, Hiragino Sans GB, Microsoft YaHei, Helvetica Neue, Arial, sans-serif;
}
.font12,
.font-xs {
  font-size: 12px !important;
}
.font13 {
  font-size: 13px !important;
}
.font14,
.font-s {
  font-size: 14px !important;
}
.font16,
.font-m {
  font-size: 16px !important;
}
.font18,
.font-l {
  font-size: 18px !important;
}
.font20,
.font-xl {
  font-size: 20px !important;
}
.font22 {
  font-size: 22px !important;
}
.font24,
.font-xxl {
  font-size: 24px !important;
}
.font28,
.font-xxxl {
  font-size: 28px !important;
}
.font-30,
.font30 {
  font-size: 30px !important;
}
.font32 {
  font-size: 32px !important;
}
.font36 {
  font-size: 36px !important;
}
.font48 {
  font-size: 48px !important;
}
.text-simsun {
  font-family: simsun;
  text-decoration: none;
}
.text-alpha {
  font-family: Roboto, Tahoma;
}
.text-verdana {
  font-family: Verdana;
}
.line-clamp,
.line-clamp1,
.line-clamp2,
.line-clamp3,
.line-clamp4,
.line-clamp5,
.line-clamp6,
.text-overflow,
.text-overflow-1,
.text-overflow-2,
.text-overflow-3,
.text-overflow-4,
.text-overflow-5,
.text-overflow-6 {
  display: -webkit-box;
  text-overflow: ellipsis;
  -o-text-overflow: ellipsis;
  -ms-text-overflow: ellipsis;
  -webkit-box-orient: vertical;
  overflow: hidden;
  -webkit-line-clamp: 1;
}
.line-clamp1,
.text-overflow-1 {
  -webkit-line-clamp: 1 !important;
}
.line-clamp2,
.text-overflow-2 {
  -webkit-line-clamp: 2 !important;
}
.line-clamp3,
.text-overflow-3 {
  -webkit-line-clamp: 3 !important;
}
.line-clamp4,
.text-overflow-4 {
  -webkit-line-clamp: 4 !important;
}
.line-clamp5,
.text-overflow-5 {
  -webkit-line-clamp: 5 !important;
}
.line-clamp6,
.text-overflow-6 {
  -webkit-line-clamp: 6 !important;
}
.text-left {
  text-align: left !important;
}
.text-right {
  text-align: right !important;
}
.text-normal {
  font-weight: normal;
}
.text-bold {
  font-weight: bold;
}
.text-uline,
.text-hover-uline:hover {
  text-decoration: underline;
}
.text-justify {
  text-align: justify;
  text-justify: distribute-all-lines;
}
.nowrap {
  white-space: nowrap;
}
.break-word {
  word-break: break-all;
  word-wrap: break-word;
}
/* line-height */
.line-h-16 {
  line-height: 16px !important;
}
.line-h-18 {
  line-height: 18px !important;
}
.line-h-20 {
  line-height: 20px !important;
}
.line-h-22 {
  line-height: 20px !important;
}
.line-h-24 {
  line-height: 24px !important;
}
.line-h-25 {
  line-height: 25px !important;
}
.line-h-30 {
  line-height: 30px !important;
}
.line-h-34 {
  line-height: 34px !important;
}
.line-h-40 {
  line-height: 40px !important;
}
.line-h-44 {
  line-height: 44px !important;
}
.line-h-50 {
  line-height: 50px !important;
}
.line-h-60 {
  line-height: 60px !important;
}
.line-h-96 {
  line-height: 96px !important;
}
.line-h-normal {
  line-height: normal !important;
}
/* cursor */
.pointer {
  cursor: pointer;
}
/* color */
.white,
.text-white {
  color: #fff;
}
.grey,
.gray,
a.gray,
a.grey,
a.grey:active,
a.grey:focus {
  color: #999;
}
.deep-grey {
  color: #666;
}
a.text:hover {
  color: inherit;
}
a.grey:hover,
a.gray:hover,
a.deep-grey:hover {
  color: #1a79ff;
}
.text-primary,
.text-blue,
.text-hover-blue:hover,
a.link,
a.link:active,
a.link:focus {
  color: #1a79ff;
}
a.link:hover {
  color: #2962ff;
}
.text-hover-red:hover {
  color: var(--red);
}
.text-hover-green:hover {
  color: var(--green);
}
.text-black3 {
  color: #333333;
}
.text-white {
  color: #fff;
}
.text-grey-light {
  color: #ccc !important;
}
.text-grey,
.text-gray {
  color: #999;
}
.text-grey-hover:hover,
.text-blue {
  color: #1a79ff;
}
.red,
.text-danger,
.text-red {
  color: var(--red) !important;
}
.text-success,
.text-green {
  color: var(--green) !important;
}
.text-warning {
  color: #ffc107;
}
.text-orange {
  color: #ff8800;
}
.text-price,
.text-price strong {
  color: var(--red);
  font-family: Roboto, Arial, Tahoma;
}
/* label */
.label {
  font-weight: normal;
}
.label-danger {
  background-color: #fe5341;
}
.label-text {
  color: #888;
  border: 1px solid #ddd;
}
.label-text-primary {
  color: var(--blue);
  border: 1px solid #6599E3;
}
.label-text-success {
  color: var(--green);
  border: 1px solid var(--green);
}
.label-text-danger {
  color: #fe5341;
  border: 1px solid #fe5341;
}
.label-round {
  border-radius: 1000px;
  padding-left: 10px;
  padding-right: 10px;
}
/* background */
.bg-black {
  background: #000;
}
.bg-gray,
.bg-grey,
.bg-f8 {
  background: #f8f8f8;
}
.bg-f4 {
  background-color: #f4f4f4;
}
.bg-f5 {
  background-color: #f5f5f5;
}
.bg-blue-light {
  background-color: #f4f9fe;
}
.bd-blue {
  border-color: #448aff;
}
.bg-blue-light {
  background-color: #03a9f4;
}
.bd-blue-lighter {
  border-color: #cde1fd !important;
}
.bg-green {
  background-color: #5cb85c;
}
.bg-light-green {
  background-color: #8bc34a;
}
.bg-weixin {
  background-color: #44b549;
}
.bg-red {
  background-color: #fd5149;
}
.bg-orange {
  background: #ff6600;
}
.bg-yellow-dark {
  background: #ffc107;
}
.bg-yellow {
  background: #ffeb3b;
}
.bg-purple {
  background-color: #9c27b0;
}
.bg-white,
.bg-white .content-fluid {
  background-color: #fff;
}
.circle {
  border-radius: 10000px;
}
/* ol, ul */
.ol-list {
  padding-left: 20px;
}
.ol-list li {
  list-style-type: decimal;
}
/* line */
.line {
  clear: both;
  display: block;
  height: 1px;
  background: #ececec;
}
/* button */
.btn-group-xs > .btn,
.btn-xs {
  border-radius: 2px;
}
.btn:focus,
.btn.active,
.btn:active {
  outline: none;
  box-shadow: none;
  -webkit-box-shadow: none;
}
.btn.active.focus,
.btn.active:focus,
.btn.focus,
.btn:active.focus,
.btn:active:focus,
.btn:focus {
  outline: none;
  outline-offset: 0;
}
.btn input[type=radio]:checked {
  border: none;
  outline: none;
}
.btn-link,
.btn-link:active {
  color: #448aff;
}
.btn-link:hover,
.btn-link:focus {
  color: #0056b3;
}
.btn-text {
  color: #999;
}
.btn-text:hover,
.btn-text:focus {
  color: #448aff;
}
.btn-line {
  border: 1px solid #ddd;
}
.btn-line-hover:hover {
  border-color: var(--blue);
  color: var(--blue);
}
.btn-line-red {
  border: 1px solid var(--red);
  background: #fafafa;
  color: var(--red);
}
.btn-line-red:focus,
.btn-line-red:hover {
  background: #fff;
  color: var(--red);
}
.btn-line-blue {
  border-color: var(--blue);
  color: var(--blue);
}
.btn-line-blue:hover {
  background: var(--blue);
  color: #fff;
}
.btn-line-white {
  border: 1px solid var(--white);
  background: transparent;
  color: var(--white);
}
.btn-line-white:focus,
.btn-line-white:hover {
  background: #fff;
  color: var(--red);
}
.btn-black,
.btn-black:hover,
.btn-black:focus {
  background-color: #222;
  color: #ddd;
}
.btn-black:hover {
  color: #fff;
  background-color: #333;
}
.btn-blank {
  background: none;
  border-color: transparent;
}
.btn-40 {
  height: 40px;
  line-height: 26px;
  min-width: 40px;
  padding: 6px 10px;
}
.btn-grey {
  border-color: #f5f5f5;
  background-color: #f5f5f5;
  color: #888;
}
.btn-grey:hover {
  border-color: var(--red);
  background-color: var(--red);
  color: white;
}
.btn-grey-hover:hover {
  border-color: var(--red);
  background-color: white;
  color: var(--red);
}
.btn-rounded {
  border-radius: 17px;
  padding-left: 12px;
  padding-right: 12px;
}
.btn-group-sm > .btn,
.btn-sm {
  line-height: 22px;
  font-size: 13px;
}
.btn-group-lg > .btn,
.btn-lg {
  line-height: 30px;
}
.btn-sm.btn-rounded {
  border-radius: 15px;
  padding-left: 15px;
  padding-right: 15px;
}
.btn-lg.btn-rounded {
  border-radius: 22px;
  padding-left: 18px;
  padding-right: 18px;
}
.btn-red-lighter,
.btn-red-lighter:focus,
.btn-red-lighter:hover {
  color: white;
  border-color: var(--red-lighter);
  background-color: var(--red-lighter);
}
.btn-red-lighter:not(.disabled):hover {
  color: white;
  border-color: var(--red);
  background-color: var(--red);
}
.btn .btn-color a,
.btn-color a {
  display: block;
  margin-top: -2px;
  text-align: center;
}
.btn-color .fa {
  position: absolute;
  top: 50%;
  left: 0;
  width: 100%;
  line-height: 14px;
  margin-top: -10px;
}
.btn-color .color-view {
  position: absolute;
  top: 50%;
  left: 50%;
  margin: 5px 0 0 -8px;
  width: 16px;
  height: 4px;
  border: 1px solid rgba(0, 0, 0, 0.15);
  background: #000;
}
.btn-blank:hover,
.btn-blank:active,
.btn-blank:focus,
.btn-blank:active:hover,
.btn-blank:focus:hover {
  box-shadow: none;
  outline: none;
}
.btn-group .btn-default.active {
  color: #fff;
  background-color: #5cb85c;
  border-color: #4cae4c;
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
  box-shadow: none;
}
.btn-group-primary > .btn.active {
  color: #fff;
  background-color: #38f;
  border-color: #0a8cf0;
}
.btn-group-success > .btn.active {
  color: #fff;
  background-color: #5cb85c;
  border-color: #4cae4c;
}
.split-point,
.split-line-h {
  padding-left: 1px;
  position: relative;
}
.split-line-h:before {
  content: '';
  position: absolute;
  border-left: 1px solid rgba(0, 0, 0, 0.2);
  left: -1px;
  top: 2px;
  bottom: 2px;
}
.split-point {
  padding-left: 17px;
}
.split-point:before {
  content: '';
  position: absolute;
  width: 3px;
  height: 3px;
  background: rgba(0, 0, 0, 0.15);
  left: 7px;
  top: 50%;
  margin: -2px 0 0;
  border-radius: 50%;
}
.split-point-lg:before {
  width: 5px;
  height: 5px;
  left: 6px;
}
/* checkbox, radio */
input[type=checkbox],
input[type=radio] {
  margin: 1px 6px 0 0;
  border: none;
  -webkit-appearance: none;
  -moz-appearance: none;
  -ms-appearance: none;
  -o-appearance: none;
  appearance: none;
  position: relative;
  width: 18px;
  height: 18px;
  border: 1px solid #DFDFDF;
  border-radius: 3px;
  background: #fff;
  color: #fff;
  cursor: pointer;
  display: inline-block;
  outline: none !important;
  box-shadow: none;
  vertical-align: middle;
  -webkit-transition: all 0.3s;
  -moz-transition: all 0.3s;
  transition: all 0.3s;
}
input[type=checkbox]:disabled,
input[type=radio]:disabled {
  background-color: #f8f8f8 !important;
  border-color: #DFDFDF !important;
}
input[type=radio] {
  border-radius: 50%;
}
input[type=checkbox]:hover,
input[type=radio]:hover,
input.radio-checkbox:hover {
  border-color: #999;
}
input[type=checkbox]::after,
input.radio-checkbox::after {
  box-sizing: content-box;
  position: absolute;
  display: block;
  content: " ";
  font-size: 0;
  top: 3px;
  left: 3px;
  width: 8px;
  height: 4px;
  border: 2px solid #fff;
  background: transparent;
  border-top: none;
  border-right: none;
  -webkit-transform: rotate(-45deg) scale(0);
  -moz-transform: rotate(-45deg) scale(0);
  -ms-transform: rotate(-45deg) scale(0);
  transform: rotate(-45deg) scale(0);
  -webkit-transition: all 0.12s ease-in-out;
  -moz-transition: all 0.12s ease-in-out;
  transition: all 0.12s ease-in-out;
}
input[type=checkbox]:checked,
input.radio-checkbox:checked {
  color: #fff;
  background-color: #448aff;
  border-color: #448aff;
}
input[type=checkbox]:checked::after,
input.radio-checkbox:checked::after {
  -webkit-transform: rotate(-45deg) scale(1);
  -moz-transform: rotate(-45deg) scale(1);
  -ms-transform: rotate(-45deg) scale(1);
  transform: rotate(-45deg) scale(1);
}
input[type=radio]:checked {
  border-color: #448aff;
}
input[type=radio]::before {
  content: " ";
  width: 16px;
  height: 16px;
  border-radius: 50%;
  display: block;
  border: 4px solid #fff;
  background-color: #fff;
  position: absolute;
  -webkit-transform: scale(0);
  -moz-transform: scale(0);
  -ms-transform: scale(0);
  transform: scale(0);
  -webkit-transition: all 0.2s ease-in-out;
  -moz-transition: all 0.2s ease-in-out;
  transition: all 0.2s ease-in-out;
}
input[type=radio]:checked::before {
  background-color: #448aff;
  -webkit-transform: scale(1);
  -moz-transform: scale(1);
  -ms-transform: scale(1);
  transform: scale(1);
}
input.radio-checkbox {
  border-radius: 3px;
}
input.radio-checkbox:checked:before {
  display: none;
}
.checkbox-inline,
.radio-inline,
.checkbox label,
.radio label {
  line-height: 20px;
  margin-right: 10px;
  padding-left: 25px;
}
.form-horizontal .checkbox,
.form-horizontal .radio,
.form-horizontal .checkbox-inline,
.form-horizontal .radio-inline,
.checkbox-inline,
.radio-inline {
  padding-top: 10px;
}
.form-horizontal .checkbox + .checkbox,
.form-horizontal .radio + .radio {
  /*padding-top: 7px;*/
}
.checkbox-inline input[type=checkbox],
.radio-inline input[type=radio],
.checkbox input[type=checkbox],
.radio input[type=radio] {
  margin-left: -25px;
}
.checkbox-inline + .checkbox-inline,
.radio-inline + .radio-inline {
  margin-left: 0;
}
.checkbox input[type=checkbox],
.radio input[type=radio] {
  margin-top: 1px;
}
.checkbox-extend {
  padding-left: 25px;
}
.checkbox-single,
.radio-single {
  margin-top: 0;
  margin-bottom: 0;
}
.checkbox-inline.checkbox-single,
.radio-inline.radio-single {
  padding-top: 0 !important;
}
input[type=file]:focus,
input[type=checkbox]:focus,
input[type=radio]:focus {
  outline-offset: 0;
}
/* form */
.lui-form .form-group {
  margin-bottom: 20px;
  min-height: 40px;
}
.lui-form .control-label {
  font-size: 14px;
  color: #888;
}
.lui-form .control-label .text-danger {
  margin: 0 5px;
}
.lui-form .help-block {
  font-size: 12px;
  margin: 10px 0 0;
  line-height: 20px;
}
.lui-form .help-block + .help-block {
  margin-top: 5px;
}
.lui-form .form-control-static,
.lui-form .form-lg .checkbox,
.lui-form .control-label {
  padding-top: 10px;
}
.lui-form .form-control-static {
  line-height: 20px;
  font-size: 14px;
}
.lui-form .form-control {
  -webkit-box-shadow: none;
  box-shadow: none;
  height: 40px;
  padding: 9px 12px;
  border-radius: 3px;
  border-color: #DFDFDF;
  margin-bottom: 0;
}
.lui-form .has-error .form-control {
  border-color: var(--red);
}
.lui-form .form-control:focus {
  border-color: #448aff;
  -webkit-box-shadow: 0 0 5px rgba(102, 175, 233, 0.6);
  box-shadow: 0 0 5px rgba(102, 175, 233, 0.6);
}
.lui-form textarea.form-control {
  height: auto;
  min-height: 40px;
}
.lui-form select.form-control {
  padding-left: 6px;
  padding-right: 6px;
}
.lui-form select.form-control option {
  color: #666;
  padding-top: 5px;
  padding-bottom: 5px;
  line-height: 30px !important;
}
.lui-form .form-control:focus {
  border-color: #448aff;
}
.lui-form .form-control-read[readonly] {
  background: none;
}
.switch {
  margin: 0;
  position: relative;
  line-height: 24px;
  cursor: pointer;
}
.form-group .switch {
  padding-top: 8px;
}
.form-group .switch-lg {
  padding-top: 5px;
}
.form-md .switch {
  padding-top: 5px;
}
.form-sm .switch {
  padding-top: 3px;
}
.switch input:empty {
  left: -999px;
  height: 0;
  width: 0;
  overflow: hidden;
  position: absolute;
  opacity: 0;
  filter: alpha(opacity=0);
}
.switch input:empty ~ span {
  display: inline-block;
  vertical-align: middle;
}
.switch input:empty ~ span:before {
  content: attr(data-unchecked);
  padding: 3px 0;
  color: #888;
}
.switch input:checked ~ span:before {
  content: attr(data-checked);
}
.switch-lg input:empty ~ span:before {
  padding: 6px 0;
}
.switch input:empty ~ i {
  height: 24px;
  padding-left: 40px;
  display: inline-block;
  vertical-align: middle;
  position: relative;
  cursor: pointer;
  box-sizing: content-box;
  margin-right: 10px;
}
.switch input:empty ~ i:before,
.switch input:empty ~ i:after {
  position: absolute;
  display: block;
  top: 0;
  bottom: 0;
  left: 0;
  content: ' ';
  -webkit-transition: all 100ms ease-in;
  transition: all 100ms ease-in;
}
.switch input:empty ~ i:before {
  height: 24px;
  width: 40px;
  border: 1px solid #dfdfdf;
  background-color: #fff;
  border-radius: 12px;
}
.switch input:empty ~ i:after {
  height: 16px;
  width: 16px;
  line-height: 22px;
  top: 0;
  left: 0;
  margin: 4px;
  font-size: 0.9em;
  text-align: center;
  vertical-align: middle;
  color: #f7f8fa;
  background-color: #dfe2ea;
  border-radius: 50%;
}
.switch input:checked ~ i:after {
  color: #fff;
  left: 16px;
  background-color: #5cb85c;
}
.switch-lg input:empty ~ i {
  padding-left: 54px;
  height: 30px;
}
.switch-lg input:empty ~ i:before {
  height: 30px;
  width: 54px;
  border-radius: 15px;
}
.switch-lg input:empty ~ i:after {
  width: 22px;
  height: 22px;
  margin: 4px;
}
.switch-lg input:checked ~ i:after {
  left: 24px;
}
.switch-sm input:empty ~ i {
  padding-left: 34px;
  height: 18px;
  vertical-align: middle;
  float: none;
}
.switch-sm input:empty ~ i:before {
  height: 18px;
  width: 34px;
  border-radius: 9px;
}
.switch-sm input:empty ~ i:after {
  width: 12px;
  height: 12px;
  margin: 3px;
}
.switch-sm input:checked ~ i:after {
  left: 16px;
}
.switch-sm span {
  display: inline-block;
  vertical-align: middle;
}
.switcher {
  position: relative;
}
.switcher input:empty ~ i {
  margin-right: 0;
}
.switcher input:empty ~ i:before {
  background-color: #666;
  border-color: #666;
}
.switcher input:empty ~ i:after {
  background-color: #fff !important;
}
.switcher span {
  position: absolute;
  color: #fff;
  font-size: 12px;
  text-align: center;
  line-height: 24px;
  bottom: 0;
  width: 38px;
  right: 3px;
}
.switcher span:before {
  padding: 0 !important;
  color: #fff !important;
}
.switcher input:empty ~ i {
  padding-left: 60px;
}
.switcher input:empty ~ i:before {
  width: 60px;
}
.switcher input:empty ~ i:after {
  width: 18px;
  height: 18px;
  margin: 3px;
}
.switcher input:checked ~ i:before {
  background-color: #5cb85c;
  border-color: #5cb85c;
}
.switcher input:checked ~ span {
  right: auto;
  left: 3px;
}
.switcher.switch-lg input:empty ~ i:after {
  width: 24px;
  height: 24px;
  margin: 3px;
}
.switcher input:checked ~ i:after {
  left: 36px;
}
.switcher.switch-lg input:empty ~ i {
  padding-left: 80px;
}
.switcher.switch-lg input:empty ~ i:before {
  width: 80px;
}
.switcher.switch-lg input:checked ~ i:after {
  left: 50px;
}
.switcher.switch-lg span {
  width: 50px;
  right: 4px;
  line-height: 30px;
}
.switcher.switch-lg input:checked ~ span {
  right: auto;
  left: 4px;
}
/* caret */
.caret-checked {
  position: absolute;
  right: 0;
  bottom: 0;
}
.caret-checked:before {
  content: '';
  width: 0;
  height: 0;
  display: block;
  position: absolute;
  bottom: 0;
  right: 0;
  border: 12px solid transparent;
  -webkit-transition: all 0.12s ease-in-out;
  -moz-transition: all 0.12s ease-in-out;
  transition: all 0.12s ease-in-out;
}
.caret-checked:after {
  position: absolute;
  display: block;
  content: '';
  box-sizing: content-box;
  right: 3px;
  bottom: 6px;
  width: 7px;
  height: 3px;
  border: 2px solid #fff;
  border-top: none;
  border-right: none;
  -webkit-transform: rotate(-45deg) scale(0);
  -moz-transform: rotate(-45deg) scale(0);
  -ms-transform: rotate(-45deg) scale(0);
  transform: rotate(-45deg) scale(0);
  -webkit-transition: all 0.12s ease-in-out;
  -moz-transition: all 0.12s ease-in-out;
  transition: all 0.12s ease-in-out;
}
.active > .caret-checked:before {
  border-bottom-color: #38f;
  border-right-color: #38f;
}
.active > .caret-checked:after {
  -webkit-transform: rotate(-45deg) scale(1);
  -moz-transform: rotate(-45deg) scale(1);
  -ms-transform: rotate(-45deg) scale(1);
  transform: rotate(-45deg) scale(1);
}
.caret-checked-sm:before {
  border: 8px solid transparent;
}
.active > .caret-checked-sm:after {
  right: 0;
  bottom: 4px;
  -webkit-transform: rotate(-45deg) scale(0.8);
  -moz-transform: rotate(-45deg) scale(0.8);
  -ms-transform: rotate(-45deg) scale(0.8);
  transform: rotate(-45deg) scale(0.8);
}
.hide {
  display: none;
}
.block-force {
  display: none !important;
}
.block {
  display: block;
}
.block-force {
  display: block !important;
}
.inline {
  display: inline !important;
}
.inline-block {
  display: inline-block !important;
  vertical-align: middle;
}
.of-hide {
  overflow: hidden;
}
/* form */
.required > .control-label:before,
.required-control-label:before {
  display: inline-block;
  content: '';
  width: 5px;
  height: 5px;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  border-radius: 50%;
  background-color: #fd5149;
  vertical-align: middle;
  margin: 4px 6px 8px 0;
}
/* input-clear */
.input-clear-group {
  position: relative;
}
.input-group > .input-clear-group {
  display: table-cell;
}
.input-group > .input-clear-group:first-child > .form-control {
  border-radius: 3px 0 0 3px;
}
.input-clear-group .form-control {
  padding-right: 30px;
  display: initial;
}
.input-clear-group .close-it {
  position: absolute;
  right: 8px;
  top: 50%;
  transform: translateY(-50%);
}
.input-clear-group .input-clear + .form-control {
  padding-right: 30px !important;
}
.input-clear {
  position: absolute;
  z-index: 100;
  width: 28px;
  right: 3px;
  top: 3px;
  bottom: 3px;
  background: #fff;
}
.input-clear:before {
  content: '';
  display: inline-block;
  position: absolute;
  left: 50%;
  top: 50%;
  width: 16px;
  height: 16px;
  margin: -8px 0 0 -8px;
  border-radius: 50%;
  background-image: url("data:image/svg+xml;utf8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20width%3D'100%25'%20height%3D'100%25'%3E%3Cline%20x1%3D'30%25'%20y1%3D'30%25'%20x2%3D'70%25'%20y2%3D'70%25'%20style%3D'stroke%3A%23666666%3Bstroke-width%3A1'%2F%3E%3Cline%20x1%3D'30%25'%20y1%3D'70%25'%20x2%3D'70%25'%20y2%3D'30%25'%20style%3D'stroke%3A%23666666%3Bstroke-width%3A1'%20%2F%3E%3C%2Fsvg%3E");
  background-color: #ccc;
  opacity: 0.5;
  cursor: pointer;
}
.input-clear:hover:before {
  opacity: 1;
}
.input-vcode-addon {
  position: absolute;
  right: 16px;
  line-height: 32px;
  top: 1px;
}
.input-vcode-addon img {
  height: 32px;
  float: left;
  margin-right: 10px;
}
.form-group-lg .input-vcode-addon,
.input-vcode-addon-lg,
.input-lg + .input-vcode-addon {
  line-height: 38px;
  top: 4px;
}
.form-group-lg .input-vcode-addon img,
.input-vcode-addon-lg img,
.input-lg + .input-vcode-addon img {
  height: 38px;
}
.input-group-split .form-control:first-child,
.input-group-split .input-group-btn:last-child > .btn {
  border-radius: 4px;
}
.input-group-split .input-group-btn {
  padding-left: 15px;
}
/* close */
/*close-it*/
.close-it {
  position: relative;
  width: 18px;
  height: 18px;
  display: inline-block;
  vertical-align: middle;
}
.close-it:before,
.close-it:after {
  background-color: #999;
  content: '';
  width: 12px;
  height: 2px;
  margin: -1px -6px;
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
  -moz-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  -o-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
}
.close-it:before {
  -webkit-transform: rotate(45deg);
  -moz-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  -o-transform: rotate(45deg);
  transform: rotate(45deg);
}
.close-it:after {
  -webkit-transform: rotate(-45deg);
  -moz-transform: rotate(-45deg);
  -ms-transform: rotate(-45deg);
  -o-transform: rotate(-45deg);
  transform: rotate(-45deg);
}
.close-it:hover:before,
.close-it:hover:after {
  background-color: #fd5149;
}
.close-it-xs,
.close-it-sm {
  width: 14px !important;
  height: 14px !important;
}
.close-it-sm:before,
.close-it-sm:after {
  width: 8px;
  height: 2px;
  margin: -1px -4px;
}
.close-it-xs:before,
.close-it-xs:after {
  width: 8px;
  height: 1px;
  margin: -1px -4px;
}
.close-it-circle-grey {
  background: #c0c4cc;
}
.close-it-circle-grey,
.close-it-circle {
  border-radius: 50%;
}
.close-it-circle-grey:hover,
.close-it-circle:hover {
  background-color: #fd5149;
}
.close-it-circle-grey:before,
.close-it-circle-grey:after,
.close-it-circle:hover:before,
.close-it-circle:hover:after {
  background-color: #fff !important;
}
.close-it-auto:before,
.close-it-auto:after {
  width: 75% !important;
}
.ico-plus {
  display: inline-block;
  vertical-align: middle;
  position: relative;
  width: 16px;
  height: 16px;
}
.ico-plus.center-in-parent {
  position: absolute;
}
.ico-plus:before,
.ico-plus:after {
  content: '';
  position: absolute;
  background: #fff;
}
.ico-plus:before {
  width: 60%;
  height: 2px;
  left: 20%;
  top: 50%;
  -webkit-transform: translateY(-50%);
  -moz-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  -o-transform: translateY(-50%);
  transform: translateY(-50%);
}
.ico-plus:after {
  height: 60%;
  width: 2px;
  left: 50%;
  top: 20%;
  -webkit-transform: translateX(-50%);
  -moz-transform: translateX(-50%);
  -ms-transform: translateX(-50%);
  -o-transform: translateX(-50%);
  transform: translateX(-50%);
}
.ico-plus-mini:before {
  height: 1px;
}
.ico-plus-mini:after {
  width: 1px;
}
.ico-plus-grey:before,
.ico-plus-grey:after {
  background-color: #ddd;
}
.ico-plus-mini.ico-plus-grey:before,
.ico-plus-mini.ico-plus-grey:after {
  background: #999;
}
.img:hover .ico-plus-grey:before,
.img:hover .ico-plus-grey:after {
  background-color: #bdc3d4;
}
.ico-plus-auto {
  width: 50%;
  display: inline-block;
  max-width: 64px;
}
.ico-plus-auto .ico-plus {
  width: 100%;
  height: 0;
  padding-bottom: 100%;
}
.ico-plus-20 {
  width: 20px;
  height: 20px;
}
.ico-plus-24 {
  width: 24px;
  height: 24px;
}
.ico-plus-32 {
  width: 32px;
  height: 32px;
}
.ico-plus-48 {
  width: 48px;
  height: 48px;
}
.ico-plus-60 {
  width: 60px;
  height: 60px;
}
.ico-plus-grey-white {
  background-color: #ddd;
  border-radius: 50%;
}
.ico-plus-org {
  background: #fe5341;
  border-radius: 50%;
}
.ico-plus-close {
  margin-top: -1px;
  -webkit-transform: rotate(-45deg);
  -moz-transform: rotate(-45deg);
  -ms-transform: rotate(-45deg);
  -o-transform: rotate(-45deg);
  transform: rotate(-45deg);
}
.ico-plus-close:hover:before,
.ico-plus-close:hover:after {
  background: #fe5341;
}
/* center */
.center-in-parent {
  position: absolute;
  left: 50%;
  top: 50%;
  -webkit-transform: translate(-50%, -50%);
  -moz-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  -o-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
}
.center-in-parent-h {
  position: absolute;
  left: 50%;
  -webkit-transform: translateX(-50%);
  -moz-transform: translateX(-50%);
  -ms-transform: translateX(-50%);
  -o-transform: translateX(-50%);
  transform: translateX(-50%);
}
.center-in-parent-v {
  position: absolute;
  top: 50%;
  -webkit-transform: translateY(-50%);
  -moz-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  -o-transform: translateY(-50%);
  transform: translateY(-50%);
}
/* ico */
.yz-ico {
  display: inline-block;
  min-width: 16px;
  min-height: 16px;
  vertical-align: middle;
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: 90%;
  position: relative;
}
.yz-ico-round {
  border-radius: 50%;
  background-size: 50%;
}
.yz-ico:before {
  display: block;
  height: 0;
  padding-bottom: 100%;
  visibility: hidden;
}
.fa.yz-ico,
.iconfont.yz-ico {
  background-image: none !important;
}
.fa.yz-ico:before,
.iconfont.yz-ico:before {
  visibility: initial;
}
.yz-ico-like {
  background-position: 53% 46%;
  background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxNiIgaGVpZ2h0PSIxNSIgdmlld0JveD0iMCAwIDE2IDE1Ij4KICAgIDxwYXRoIGZpbGw9IiNCMkJBQzIiIGZpbGwtcnVsZT0iZXZlbm9kZCIgZD0iTTIuODc0IDYuMDQ0VjE1aC0xLjczQy41MTMgMTUgMCAxNC4zODIgMCAxMy42MjRWNy41MjljMC0uNzkuNTM1LTEuNDg1IDEuMTQzLTEuNDg1aDEuNzMxek03LjYwNyAxLjI1QzcuNzIuNTA3IDguMzQ0LS4wMTMgOS4wMyAwYy45OC4wMTkgMS41NjMuODMzIDEuNzY2IDEuMjM1LjM3LjczNS4zOCAxLjk0Ni4xMjYgMi43MjQtLjIzLjcwNC0uNzYxIDEuNjI5LS43NjEgMS42MjloMy45ODJjLjQyIDAgLjgxMS4yMDYgMS4wNzIuNTYzYTEuNSAxLjUgMCAwIDEgLjIzMiAxLjI3MmwtMS44MDEgNi41MTNjLS4xNjQuNjI3LS43MDcgMS4wNjQtMS4zMiAxLjA2NEg0LjVWNS44OThDNi4yOTkgNS41MSA3LjQwNCAyLjU5IDcuNjA3IDEuMjQ5eiIvPgo8L3N2Zz4K);
}
.yz-ico-like:not(.active):hover {
  background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxNiIgaGVpZ2h0PSIxNSIgdmlld0JveD0iMCAwIDE2IDE1Ij4KICAgIDxwYXRoIGZpbGw9IiM4QTkzQTAiIGZpbGwtcnVsZT0iZXZlbm9kZCIgZD0iTTIuODc0IDYuMDQ0VjE1aC0xLjczQy41MTMgMTUgMCAxNC4zODIgMCAxMy42MjRWNy41MjljMC0uNzkuNTM1LTEuNDg1IDEuMTQzLTEuNDg1aDEuNzMxek03LjYwNyAxLjI1QzcuNzIuNTA3IDguMzQ0LS4wMTMgOS4wMyAwYy45OC4wMTkgMS41NjMuODMzIDEuNzY2IDEuMjM1LjM3LjczNS4zOCAxLjk0Ni4xMjYgMi43MjQtLjIzLjcwNC0uNzYxIDEuNjI5LS43NjEgMS42MjloMy45ODJjLjQyIDAgLjgxMS4yMDYgMS4wNzIuNTYzYTEuNSAxLjUgMCAwIDEgLjIzMiAxLjI3MmwtMS44MDEgNi41MTNjLS4xNjQuNjI3LS43MDcgMS4wNjQtMS4zMiAxLjA2NEg0LjVWNS44OThDNi4yOTkgNS41MSA3LjQwNCAyLjU5IDcuNjA3IDEuMjQ5eiIvPgo8L3N2Zz4K);
}
.active > .yz-ico-like,
.yz-ico-like.active {
  background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxNiIgaGVpZ2h0PSIxNSIgdmlld0JveD0iMCAwIDE2IDE1Ij4KICAgIDxwYXRoIGZpbGw9IiM2Q0JENDUiIGZpbGwtcnVsZT0iZXZlbm9kZCIgZD0iTTIuODc0IDYuMDQ0VjE1aC0xLjczQy41MTMgMTUgMCAxNC4zODIgMCAxMy42MjRWNy41MjljMC0uNzkuNTM1LTEuNDg1IDEuMTQzLTEuNDg1aDEuNzMxek03LjYwNyAxLjI1QzcuNzIuNTA3IDguMzQ0LS4wMTMgOS4wMyAwYy45OC4wMTkgMS41NjMuODMzIDEuNzY2IDEuMjM1LjM3LjczNS4zOCAxLjk0Ni4xMjYgMi43MjQtLjIzLjcwNC0uNzYxIDEuNjI5LS43NjEgMS42MjloMy45ODJjLjQyIDAgLjgxMS4yMDYgMS4wNzIuNTYzYTEuNSAxLjUgMCAwIDEgLjIzMiAxLjI3MmwtMS44MDEgNi41MTNjLS4xNjQuNjI3LS43MDcgMS4wNjQtMS4zMiAxLjA2NEg0LjVWNS44OThDNi4yOTkgNS41MSA3LjQwNCAyLjU5IDcuNjA3IDEuMjQ5eiIvPgo8L3N2Zz4K);
}
.yz-ico-comment {
  background-position: 50% 55%;
  background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxNCIgaGVpZ2h0PSIxMyIgdmlld0JveD0iMCAwIDE0IDEzIj4KICAgIDxwYXRoIGZpbGw9IiNCMkJBQzIiIGZpbGwtcnVsZT0iZXZlbm9kZCIgZD0iTTE0IDB2OS4yM0g4LjgxNUwzLjM3IDEzVjkuMjNIMFYweiIvPgo8L3N2Zz4K);
}
.yz-ico-comment:hover {
  background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxNCIgaGVpZ2h0PSIxMyIgdmlld0JveD0iMCAwIDE0IDEzIj4KICAgIDxwYXRoIGZpbGw9IiM4QTkzQTAiIGZpbGwtcnVsZT0iZXZlbm9kZCIgZD0iTTE0IDB2OS4yM0g4LjgxNUwzLjM3IDEzVjkuMjNIMFYweiIvPgo8L3N2Zz4K);
}
.yz-ico-collect {
  background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxNyIgaGVpZ2h0PSIxNyIgdmlld0JveD0iMCAwIDE3IDE3Ij4KICAgIDxwYXRoIGZpbGw9IiNCMkJBQzIiIGZpbGwtcnVsZT0iZXZlbm9kZCIgZD0iTTkuMzMyIDE0Ljk2OGMtLjQ2LS4yNTUtMS4yMDUtLjI1NS0xLjY2NiAwTDQuMzUgMTYuNzk0Yy0uOTIxLjUwNi0xLjUyMy4wNDQtMS4zNDktMS4wMjdsLjYzNS0zLjg2N2MuMDg4LS41MzctLjE0Mi0xLjI4LS41MTYtMS42NkwuNDM2IDcuNWMtLjc0NS0uNzYtLjUxMS0xLjUwNC41MTYtMS42NmwzLjcwNy0uNTY0Yy41MTQtLjA4IDEuMTE5LS41MzggMS4zNDgtMS4wMjdMNy42NjUuNzMxYy40NjItLjk3NiAxLjIwOC0uOTczIDEuNjY3IDBsMS42NiAzLjUxOWMuMjMuNDg5LjgzMy45NSAxLjM0OSAxLjAyN2wzLjcwOC41NjRjMS4wMjkuMTU2IDEuMjU4LjkwMi41MTUgMS42NmwtMi42ODUgMi43MzljLS4zNzIuMzgtLjYwMyAxLjEyMy0uNTE1IDEuNjZsLjYzNCAzLjg2N2MuMTc2IDEuMDc0LS40MyAxLjUzMy0xLjM0OCAxLjAyN2wtMy4zMTgtMS44MjZ6Ii8+Cjwvc3ZnPgo=);
}
.yz-ico-collect:not(.active):hover {
  background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxNyIgaGVpZ2h0PSIxNyIgdmlld0JveD0iMCAwIDE3IDE3Ij4KICAgIDxwYXRoIGZpbGw9IiM4QTkzQTAiIGZpbGwtcnVsZT0iZXZlbm9kZCIgZD0iTTkuMzMyIDE0Ljk2OGMtLjQ2LS4yNTUtMS4yMDUtLjI1NS0xLjY2NiAwTDQuMzUgMTYuNzk0Yy0uOTIxLjUwNi0xLjUyMy4wNDQtMS4zNDktMS4wMjdsLjYzNS0zLjg2N2MuMDg4LS41MzctLjE0Mi0xLjI4LS41MTYtMS42NkwuNDM2IDcuNWMtLjc0NS0uNzYtLjUxMS0xLjUwNC41MTYtMS42NmwzLjcwNy0uNTY0Yy41MTQtLjA4IDEuMTE5LS41MzggMS4zNDgtMS4wMjdMNy42NjUuNzMxYy40NjItLjk3NiAxLjIwOC0uOTczIDEuNjY3IDBsMS42NiAzLjUxOWMuMjMuNDg5LjgzMy45NSAxLjM0OSAxLjAyN2wzLjcwOC41NjRjMS4wMjkuMTU2IDEuMjU4LjkwMi41MTUgMS42NmwtMi42ODUgMi43MzljLS4zNzIuMzgtLjYwMyAxLjEyMy0uNTE1IDEuNjZsLjYzNCAzLjg2N2MuMTc2IDEuMDc0LS40MyAxLjUzMy0xLjM0OCAxLjAyN2wtMy4zMTgtMS44MjZ6Ii8+Cjwvc3ZnPgo=);
}
.active > .yz-ico-collect,
.yz-ico-collect.active {
  background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxNyIgaGVpZ2h0PSIxNyIgdmlld0JveD0iMCAwIDE3IDE3Ij4KICAgIDxwYXRoIGZpbGw9IiNGRkMzNDciIGZpbGwtcnVsZT0iZXZlbm9kZCIgZD0iTTkuMzMyIDE0Ljk2OGMtLjQ2LS4yNTUtMS4yMDUtLjI1NS0xLjY2NiAwTDQuMzUgMTYuNzk0Yy0uOTIxLjUwNi0xLjUyMy4wNDQtMS4zNDktMS4wMjdsLjYzNS0zLjg2N2MuMDg4LS41MzctLjE0Mi0xLjI4LS41MTYtMS42NkwuNDM2IDcuNWMtLjc0NS0uNzYtLjUxMS0xLjUwNC41MTYtMS42NmwzLjcwNy0uNTY0Yy41MTQtLjA4IDEuMTE5LS41MzggMS4zNDgtMS4wMjdMNy42NjUuNzMxYy40NjItLjk3NiAxLjIwOC0uOTczIDEuNjY3IDBsMS42NiAzLjUxOWMuMjMuNDg5LjgzMy45NSAxLjM0OSAxLjAyN2wzLjcwOC41NjRjMS4wMjkuMTU2IDEuMjU4LjkwMi41MTUgMS42NmwtMi42ODUgMi43MzljLS4zNzIuMzgtLjYwMyAxLjEyMy0uNTE1IDEuNjZsLjYzNCAzLjg2N2MuMTc2IDEuMDc0LS40MyAxLjUzMy0xLjM0OCAxLjAyN2wtMy4zMTgtMS44MjZ6Ii8+Cjwvc3ZnPgo=);
}
.yz-ico-qq {
  background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxNSIgaGVpZ2h0PSIxNiIgdmlld0JveD0iMCAwIDE1IDE2Ij4KICAgIDxwYXRoIGZpbGw9IiNCMkJBQzIiIGZpbGwtcnVsZT0iZXZlbm9kZCIgZD0iTTE0LjQ2OCAxMC4zMTJjLS4wMS0uOTU3LS4zOC0xLjQ3Ni0uODA3LTIuMTUzLS4xOTEtLjI4My0uNDEzLS40NzMtLjYwNS0uNzU1LS4wMy0uMTU0LjAzMy0uMjY4LS4wMTItLjY3MS0uMDQyLS42MDQtLjI2My0uODM4LS4zMS0uOTEyLjAyLS4xNi0uMDQzLTEuNDg1LS41MjMtMi4yNjhDMTAuNzUxLjk0MSA3Ljk4Mi44NDYgNy42NDMuODQ0SDcuNjRjLS4zMzkuMDAyLTMuMTA3LjA5Ny00LjU2OCAyLjcxLS40NzkuNzgyLS41NDMgMi4xMDYtLjUyMyAyLjI2Ny0uMDQ2LjA3NC0uMjY3LjMwOC0uMzEuOTEyLS4wNDQuNDAzLjAxOC41MTctLjAxMi42Ny0uMTkyLjI4NC0uNDEzLjQ3My0uNjA1Ljc1Ni0uNDI2LjY3Ny0uNzk3IDEuMTk2LS44MDYgMi4xNTMtLjAwNy43MTQuMTYyIDEuNjg3LjY2MyAxLjcuMTU4LS4wMTIuMjkyLS4xMTcuNTY2LS40MjQuMDgyLS4wOTIuMzctLjQ4LjQyOS0uNTg3LjA1Ni4xNDguMTkgMS4xODMgMS4xMiAxLjcyMy0uOTU2LjQ1LTEuNDI0LjczNS0xLjQ0IDEuMzE5LjAyLjMzOC40MjMuNzg3IDEuMTY1Ljk5NmE2LjA1IDYuMDUgMCAwIDAgMi45MjcuMDVjLjUzNS0uMTMuNjk2LS4yNiAxLjM5Ni0uNjQ0LjcuMzg1Ljg2LjUxNCAxLjM5NS42NDNhNi4wNTIgNi4wNTIgMCAwIDAgMi45MjctLjA0OWMuNzQyLS4yMDkgMS4xNDYtLjY1OCAxLjE2Ni0uOTk2LS4wMTYtLjU4NC0uNDg0LS44Ny0xLjQ0LTEuMzIuOTMtLjUzOCAxLjA2My0xLjU3NCAxLjEyLTEuNzIyLjA1OC4xMDcuMzQ2LjQ5NS40MjguNTg3LjI3NC4zMDcuNDA5LjQxMi41NjcuNDI0LjUtLjAxMy42Ny0uOTg2LjY2My0xLjd6Ii8+Cjwvc3ZnPgo=);
}
.yz-ico-qq:hover {
  background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxNSIgaGVpZ2h0PSIxNiIgdmlld0JveD0iMCAwIDE1IDE2Ij4KICAgIDxwYXRoIGZpbGw9IiM1NUIyRjEiIGZpbGwtcnVsZT0iZXZlbm9kZCIgZD0iTTE0LjQ2OCAxMC4zMTJjLS4wMS0uOTU3LS4zOC0xLjQ3Ni0uODA3LTIuMTUzLS4xOTEtLjI4My0uNDEzLS40NzMtLjYwNS0uNzU1LS4wMy0uMTU0LjAzMy0uMjY4LS4wMTItLjY3MS0uMDQyLS42MDQtLjI2My0uODM4LS4zMS0uOTEyLjAyLS4xNi0uMDQzLTEuNDg1LS41MjMtMi4yNjhDMTAuNzUxLjk0MSA3Ljk4Mi44NDYgNy42NDMuODQ0SDcuNjRjLS4zMzkuMDAyLTMuMTA3LjA5Ny00LjU2OCAyLjcxLS40NzkuNzgyLS41NDMgMi4xMDYtLjUyMyAyLjI2Ny0uMDQ2LjA3NC0uMjY3LjMwOC0uMzEuOTEyLS4wNDQuNDAzLjAxOC41MTctLjAxMi42Ny0uMTkyLjI4NC0uNDEzLjQ3My0uNjA1Ljc1Ni0uNDI2LjY3Ny0uNzk3IDEuMTk2LS44MDYgMi4xNTMtLjAwNy43MTQuMTYyIDEuNjg3LjY2MyAxLjcuMTU4LS4wMTIuMjkyLS4xMTcuNTY2LS40MjQuMDgyLS4wOTIuMzctLjQ4LjQyOS0uNTg3LjA1Ni4xNDguMTkgMS4xODMgMS4xMiAxLjcyMy0uOTU2LjQ1LTEuNDI0LjczNS0xLjQ0IDEuMzE5LjAyLjMzOC40MjMuNzg3IDEuMTY1Ljk5NmE2LjA1IDYuMDUgMCAwIDAgMi45MjcuMDVjLjUzNS0uMTMuNjk2LS4yNiAxLjM5Ni0uNjQ0LjcuMzg1Ljg2LjUxNCAxLjM5NS42NDNhNi4wNTIgNi4wNTIgMCAwIDAgMi45MjctLjA0OWMuNzQyLS4yMDkgMS4xNDYtLjY1OCAxLjE2Ni0uOTk2LS4wMTYtLjU4NC0uNDg0LS44Ny0xLjQ0LTEuMzIuOTMtLjUzOCAxLjA2My0xLjU3NCAxLjEyLTEuNzIyLjA1OC4xMDcuMzQ2LjQ5NS40MjguNTg3LjI3NC4zMDcuNDA5LjQxMi41NjcuNDI0LjUtLjAxMy42Ny0uOTg2LjY2My0xLjd6Ii8+Cjwvc3ZnPgo=);
}
.yz-ico-weixin {
  background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxOCIgaGVpZ2h0PSIxNiIgdmlld0JveD0iMCAwIDE4IDE2Ij4KICAgIDxwYXRoIGZpbGw9IiNCMkJBQzIiIGZpbGwtcnVsZT0ibm9uemVybyIgZD0iTTguMzg3IDYuOTdjMS45MzktMS44MjggNS4xMjYtMS45NDIgNy4yNy0uNDE2Ljk0NC42NzUgMS42ODggMS42NzIgMS44ODggMi44MzVhMy40NjkgMy40NjkgMCAwIDEtLjEwNyAxLjY2NGMtLjE5OS42MTUtLjU1NyAxLjE2NS0uOTg1IDEuNjQ0LS4yNjUuMjk2LS41Ni41NjYtLjg3LjgxMy0uMDUuMDQtLjE3NC4wOTQtLjE1NC4xNmwuMDQzLjE0Mi4wODIuMjc1LjMzNCAxLjExMy0xLjM2Mi0uNzVhMTg1Ljg0IDE4NS44NCAwIDAgMC0uMzQyLS4xODdjLS4wMjgtLjAxNS0uMTEzLjAyNC0uMTQyLjAzMS0uMDc2LjAyLS4xNTMuMDM4LS4yMy4wNTctLjE4LjA0My0uMzYuMDg1LS41NDIuMTJhNS42NSA1LjY1IDAgMCAxLTIuMTgzLS4wMTZjLTEuMTUzLS4yMy0yLjIyOC0uODAxLTMuMDE1LTEuNjgyLS44MzQtLjkzNC0xLjIyMy0yLjIyMy0uOTk2LTMuNDYuMTY2LS45MDIuNjQ5LTEuNzE4IDEuMzEtMi4zNDNtLjE3OS0xLjk0N2MuNDUyIDAgLjc4LS4zMjkuNzgtLjc4M2EuNzUzLjc1MyAwIDAgMC0uNzgtLjc4Yy0uNDM5IDAtLjkzNi4yOTQtLjkzNi43OCAwIC40ODYuNDk3Ljc4My45MzYuNzgzTTQuMjA1IDMuNDZjLS40MzkgMC0uOTM5LjI5NC0uOTM5Ljc4IDAgLjQ4Ny41Ljc4NC45MzkuNzg0LjQ1MSAwIC43NzctLjMzLjc3Ny0uNzgzYS43NTIuNzUyIDAgMCAwLS43NzctLjc4bTkuODEzIDQuNTM4Yy0uMzUgMC0uNjc5LjM3OS0uNjA4LjcyNy4wODIuNDA1LjQ5Ni41OTQuODY5LjQ5LjI5LS4wOC41NjgtLjM0NS41MTItLjY3MS0uMDYtLjM1Ny0uNDQzLS41NDYtLjc3My0uNTQ2bS0zLjQyNyAwYy0uMzUgMC0uNjg0LjM3Ni0uNjEzLjcyNy4wODMuNDA3LjUwMi41OTQuODc1LjQ5LjI5LS4wOC41NjYtLjM0NS41MTEtLjY3MS0uMDYtLjM1OS0uNDQyLS41NDYtLjc3My0uNTQ2TTUuMzg0Ljg0OGMyLjQ1Ni0uMjgzIDUuMjE4LjcwNiA2LjU0NyAyLjg5Mi4yNzQuNDUuNDY4Ljk0LjU4NCAxLjQ1M2E1LjU1NSA1LjU1NSAwIDAgMC0zLjk0IDEuMDYxIDQuOTM0IDQuOTM0IDAgMCAwLTEuNzUgMi40NyA0LjcxIDQuNzEgMCAwIDAtLjAxNSAyLjY5NmMtLjc1LjA1OS0xLjQ3NC0uMDI3LTIuMjEtLjE3N2wtLjUxMi0uMTA1Yy0uMDctLjAxNC0uMTQ0LjA0NC0uMjA4LjA3NmwtLjMwNS4xNTMtMS4yNzMuNjQxLS40MzQuMjE5LjQ4Ni0xLjQ2Ny4xMjUtLjM3OGMuMDE5LS4wNTgtLjAzLS4wNjctLjA3Ni0uMWE4LjM2MyA4LjM2MyAwIDAgMS0uNTM4LS40MjNjLS4zODItLjMzLS43My0uNy0xLjAyMi0xLjExM2E0LjU4NCA0LjU4NCAwIDAgMS0uNzQ2LTMuNTgyQy4zMTIgNC4xMy44ODcgMy4yIDEuNjU5IDIuNDk0YzEuMDItLjkzOCAyLjM1OC0xLjQ5IDMuNzI1LTEuNjQ3Ii8+Cjwvc3ZnPgo=);
}
.yz-ico-weixin:hover {
  background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxOCIgaGVpZ2h0PSIxNiIgdmlld0JveD0iMCAwIDE4IDE2Ij4KICAgIDxwYXRoIGZpbGw9IiM0NEIwMzUiIGZpbGwtcnVsZT0ibm9uemVybyIgZD0iTTguMzg3IDYuOTdjMS45MzktMS44MjggNS4xMjYtMS45NDIgNy4yNy0uNDE2Ljk0NC42NzUgMS42ODggMS42NzIgMS44ODggMi44MzVhMy40NjkgMy40NjkgMCAwIDEtLjEwNyAxLjY2NGMtLjE5OS42MTUtLjU1NyAxLjE2NS0uOTg1IDEuNjQ0LS4yNjUuMjk2LS41Ni41NjYtLjg3LjgxMy0uMDUuMDQtLjE3NC4wOTQtLjE1NC4xNmwuMDQzLjE0Mi4wODIuMjc1LjMzNCAxLjExMy0xLjM2Mi0uNzVhMTg1Ljg0IDE4NS44NCAwIDAgMC0uMzQyLS4xODdjLS4wMjgtLjAxNS0uMTEzLjAyNC0uMTQyLjAzMS0uMDc2LjAyLS4xNTMuMDM4LS4yMy4wNTctLjE4LjA0My0uMzYuMDg1LS41NDIuMTJhNS42NSA1LjY1IDAgMCAxLTIuMTgzLS4wMTZjLTEuMTUzLS4yMy0yLjIyOC0uODAxLTMuMDE1LTEuNjgyLS44MzQtLjkzNC0xLjIyMy0yLjIyMy0uOTk2LTMuNDYuMTY2LS45MDIuNjQ5LTEuNzE4IDEuMzEtMi4zNDNtLjE3OS0xLjk0N2MuNDUyIDAgLjc4LS4zMjkuNzgtLjc4M2EuNzUzLjc1MyAwIDAgMC0uNzgtLjc4Yy0uNDM5IDAtLjkzNi4yOTQtLjkzNi43OCAwIC40ODYuNDk3Ljc4My45MzYuNzgzTTQuMjA1IDMuNDZjLS40MzkgMC0uOTM5LjI5NC0uOTM5Ljc4IDAgLjQ4Ny41Ljc4NC45MzkuNzg0LjQ1MSAwIC43NzctLjMzLjc3Ny0uNzgzYS43NTIuNzUyIDAgMCAwLS43NzctLjc4bTkuODEzIDQuNTM4Yy0uMzUgMC0uNjc5LjM3OS0uNjA4LjcyNy4wODIuNDA1LjQ5Ni41OTQuODY5LjQ5LjI5LS4wOC41NjgtLjM0NS41MTItLjY3MS0uMDYtLjM1Ny0uNDQzLS41NDYtLjc3My0uNTQ2bS0zLjQyNyAwYy0uMzUgMC0uNjg0LjM3Ni0uNjEzLjcyNy4wODMuNDA3LjUwMi41OTQuODc1LjQ5LjI5LS4wOC41NjYtLjM0NS41MTEtLjY3MS0uMDYtLjM1OS0uNDQyLS41NDYtLjc3My0uNTQ2TTUuMzg0Ljg0OGMyLjQ1Ni0uMjgzIDUuMjE4LjcwNiA2LjU0NyAyLjg5Mi4yNzQuNDUuNDY4Ljk0LjU4NCAxLjQ1M2E1LjU1NSA1LjU1NSAwIDAgMC0zLjk0IDEuMDYxIDQuOTM0IDQuOTM0IDAgMCAwLTEuNzUgMi40NyA0LjcxIDQuNzEgMCAwIDAtLjAxNSAyLjY5NmMtLjc1LjA1OS0xLjQ3NC0uMDI3LTIuMjEtLjE3N2wtLjUxMi0uMTA1Yy0uMDctLjAxNC0uMTQ0LjA0NC0uMjA4LjA3NmwtLjMwNS4xNTMtMS4yNzMuNjQxLS40MzQuMjE5LjQ4Ni0xLjQ2Ny4xMjUtLjM3OGMuMDE5LS4wNTgtLjAzLS4wNjctLjA3Ni0uMWE4LjM2MyA4LjM2MyAwIDAgMS0uNTM4LS40MjNjLS4zODItLjMzLS43My0uNy0xLjAyMi0xLjExM2E0LjU4NCA0LjU4NCAwIDAgMS0uNzQ2LTMuNTgyQy4zMTIgNC4xMy44ODcgMy4yIDEuNjU5IDIuNDk0YzEuMDItLjkzOCAyLjM1OC0xLjQ5IDMuNzI1LTEuNjQ3Ii8+Cjwvc3ZnPgo=);
}
.yz-ico-weibo {
  background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxOCIgaGVpZ2h0PSIxNSIgdmlld0JveD0iMCAwIDE4IDE1Ij4KICAgIDxnIGZpbGw9IiNCMkJBQzIiIGZpbGwtcnVsZT0ibm9uemVybyI+CiAgICAgICAgPHBhdGggZD0iTTEzLjUyMiA3LjQwOGMtLjIzNi0uMDctLjM5OC0uMTItLjI3NC0uNDMyLjI2OC0uNjc4LjI5NS0xLjI2My4wMDUtMS42OC0uNTQ1LS43ODQtMi4wMzUtLjc0Mi0zLjc0Mi0uMDIyIDAgMC0uNTM3LjIzNi0uNC0uMTkyLjI2My0uODUuMjI0LTEuNTYyLS4xODUtMS45NzMtLjkyNy0uOTMzLTMuMzkuMDM1LTUuNTAzIDIuMTYxQzEuODQgNi44NjMuOTIyIDguNTUyLjkyMiAxMC4wMTFjMCAyLjc5MyAzLjU1NyA0LjQ5IDcuMDM3IDQuNDkgNC41NjIgMCA3LjU5Ni0yLjY2OCA3LjU5Ni00Ljc4NiAwLTEuMjgtMS4wNy0yLjAwNi0yLjAzMy0yLjMwN3ptLTUuNTU0IDYuMDkzYy0yLjc3Ny4yNzUtNS4xNzQtLjk4OC01LjM1NC0yLjgyMy0uMTgtMS44MzUgMS45MjUtMy41NDcgNC43MDItMy44MjMgMi43NzctLjI3NiA1LjE3NC45ODcgNS4zNTQgMi44MjIuMTggMS44MzUtMS45MjUgMy41NDctNC43MDIgMy44MjR6TTE2LjU1MSAyLjI5OUE0LjQyMSA0LjQyMSAwIDAgMCAxMi4zMjUuOTJhLjY0Ni42NDYgMCAwIDAgLjI2OCAxLjI2NSAzLjE0NSAzLjE0NSAwIDAgMSAzLjAwNS45NzljLjc4Mi44NzMuOTk1IDIuMDY1LjY2IDMuMTA5LS4xMS4zNC4wNzUuNzA0LjQxNC44MTQuMzM3LjExLjY5OS0uMDc2LjgwOC0uNDE1VjYuNjdhNC40OSA0LjQ5IDAgMCAwLS45MjktNC4zNzEiLz4KICAgICAgICA8cGF0aCBkPSJNMTQuODYgMy44MzVhMi4xNTMgMi4xNTMgMCAwIDAtMi4wNi0uNjcuNTU2LjU1NiAwIDAgMCAuMjMyIDEuMDg5Yy4zNTctLjA3Ni43NDQuMDM1IDEuMDA2LjMyNy4yNjMuMjkzLjMzMy42OTIuMjIgMS4wNDJoLjAwMWEuNTUzLjU1MyAwIDEgMCAxLjA1Mi4zNDIgMi4xODUgMi4xODUgMCAwIDAtLjQ1MS0yLjEzTTguMjQ2IDguMjY3Yy0xLjMyMi0uMzQ2LTIuODE1LjMxNy0zLjM5IDEuNDktLjU4NCAxLjE5NC0uMDE5IDIuNTIxIDEuMzE2IDIuOTU1IDEuMzgzLjQ1IDMuMDEzLS4yMzkgMy41OC0xLjUzLjU1OS0xLjI2LS4xMzktMi41NTktMS41MDYtMi45MTV6bS0xLjAxIDMuMDUzYy0uMjY4LjQzMS0uODQzLjYyLTEuMjc2LjQyMS0uNDI3LS4xOTYtLjU1My0uNjk2LS4yODUtMS4xMTcuMjY2LS40MTkuODIxLS42MDYgMS4yNTEtLjQyNC40MzUuMTg3LjU3NC42ODQuMzEgMS4xMnptLjg4NS0xLjE0M2MtLjA5Ny4xNjctLjMxMS4yNDctLjQ4LjE3OC0uMTY1LS4wNjktLjIxNy0uMjU2LS4xMjMtLjQyLjA5Ny0uMTYzLjMwMy0uMjQzLjQ2OC0uMTc3LjE2OC4wNjEuMjI4LjI1LjEzNS40MTl6Ii8+CiAgICA8L2c+Cjwvc3ZnPgo=);
}
.yz-ico-weibo:hover {
  background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxOCIgaGVpZ2h0PSIxNSIgdmlld0JveD0iMCAwIDE4IDE1Ij4KICAgIDxnIGZpbGw9Im5vbmUiIGZpbGwtcnVsZT0ibm9uemVybyI+CiAgICAgICAgPHBhdGggZmlsbD0iI0Q1MkIyQSIgZD0iTTEzLjUyMiA3LjQwOGMtLjIzNi0uMDctLjM5OC0uMTItLjI3NC0uNDMyLjI2OC0uNjc4LjI5NS0xLjI2My4wMDUtMS42OC0uNTQ1LS43ODQtMi4wMzUtLjc0Mi0zLjc0Mi0uMDIyIDAgMC0uNTM3LjIzNi0uNC0uMTkyLjI2My0uODUuMjI0LTEuNTYyLS4xODUtMS45NzMtLjkyNy0uOTMzLTMuMzkuMDM1LTUuNTAzIDIuMTYxQzEuODQgNi44NjMuOTIyIDguNTUyLjkyMiAxMC4wMTFjMCAyLjc5MyAzLjU1NyA0LjQ5IDcuMDM3IDQuNDkgNC41NjIgMCA3LjU5Ni0yLjY2OCA3LjU5Ni00Ljc4NiAwLTEuMjgtMS4wNy0yLjAwNi0yLjAzMy0yLjMwN3ptLTUuNTU0IDYuMDkzYy0yLjc3Ny4yNzUtNS4xNzQtLjk4OC01LjM1NC0yLjgyMy0uMTgtMS44MzUgMS45MjUtMy41NDcgNC43MDItMy44MjMgMi43NzctLjI3NiA1LjE3NC45ODcgNS4zNTQgMi44MjIuMTggMS44MzUtMS45MjUgMy41NDctNC43MDIgMy44MjR6Ii8+CiAgICAgICAgPHBhdGggZmlsbD0iI0U4OTIxMyIgZD0iTTE2LjU1MSAyLjI5OUE0LjQyMSA0LjQyMSAwIDAgMCAxMi4zMjUuOTJhLjY0Ni42NDYgMCAwIDAgLjI2OCAxLjI2NSAzLjE0NSAzLjE0NSAwIDAgMSAzLjAwNS45NzljLjc4Mi44NzMuOTk1IDIuMDY1LjY2IDMuMTA5LS4xMS4zNC4wNzUuNzA0LjQxNC44MTQuMzM3LjExLjY5OS0uMDc2LjgwOC0uNDE1VjYuNjdhNC40OSA0LjQ5IDAgMCAwLS45MjktNC4zNzEiLz4KICAgICAgICA8cGF0aCBmaWxsPSIjRTg5MjEzIiBkPSJNMTQuODYgMy44MzVhMi4xNTMgMi4xNTMgMCAwIDAtMi4wNi0uNjcuNTU2LjU1NiAwIDAgMCAuMjMyIDEuMDg5Yy4zNTctLjA3Ni43NDQuMDM1IDEuMDA2LjMyNy4yNjMuMjkzLjMzMy42OTIuMjIgMS4wNDJoLjAwMWEuNTUzLjU1MyAwIDEgMCAxLjA1Mi4zNDIgMi4xODUgMi4xODUgMCAwIDAtLjQ1MS0yLjEzIi8+CiAgICAgICAgPHBhdGggZmlsbD0iIzA0MDAwMCIgZD0iTTguMjQ2IDguMjY3Yy0xLjMyMi0uMzQ2LTIuODE1LjMxNy0zLjM5IDEuNDktLjU4NCAxLjE5NC0uMDE5IDIuNTIxIDEuMzE2IDIuOTU1IDEuMzgzLjQ1IDMuMDEzLS4yMzkgMy41OC0xLjUzLjU1OS0xLjI2LS4xMzktMi41NTktMS41MDYtMi45MTV6bS0xLjAxIDMuMDUzYy0uMjY4LjQzMS0uODQzLjYyLTEuMjc2LjQyMS0uNDI3LS4xOTYtLjU1My0uNjk2LS4yODUtMS4xMTcuMjY2LS40MTkuODIxLS42MDYgMS4yNTEtLjQyNC40MzUuMTg3LjU3NC42ODQuMzEgMS4xMnptLjg4NS0xLjE0M2MtLjA5Ny4xNjctLjMxMS4yNDctLjQ4LjE3OC0uMTY1LS4wNjktLjIxNy0uMjU2LS4xMjMtLjQyLjA5Ny0uMTYzLjMwMy0uMjQzLjQ2OC0uMTc3LjE2OC4wNjEuMjI4LjI1LjEzNS40MTl6Ii8+CiAgICA8L2c+Cjwvc3ZnPgo=);
}
.avatar,
.img .avatar:empty {
  width: 32px;
  height: 32px;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  border-radius: 50%;
  background: #eee url("data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiIHN0YW5kYWxvbmU9Im5vIj8+Cjxzdmcgd2lkdGg9IjM2cHgiIGhlaWdodD0iMzZweCIgdmlld0JveD0iMCAwIDM2IDM2IiB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiIHhtbG5zOnNrZXRjaD0iaHR0cDovL3d3dy5ib2hlbWlhbmNvZGluZy5jb20vc2tldGNoL25zIj4KICAgIDwhLS0gR2VuZXJhdG9yOiBTa2V0Y2ggMy4zLjMgKDEyMDgxKSAtIGh0dHA6Ly93d3cuYm9oZW1pYW5jb2RpbmcuY29tL3NrZXRjaCAtLT4KICAgIDx0aXRsZT5kZWZhdWx0X2dyYXZhdGFyPC90aXRsZT4KICAgIDxkZXNjPkNyZWF0ZWQgd2l0aCBTa2V0Y2guPC9kZXNjPgogICAgPGRlZnM+PC9kZWZzPgogICAgPGcgaWQ9IlBhZ2UtMSIgc3Ryb2tlPSJub25lIiBzdHJva2Utd2lkdGg9IjEiIGZpbGw9Im5vbmUiIGZpbGwtcnVsZT0iZXZlbm9kZCIgc2tldGNoOnR5cGU9Ik1TUGFnZSI+CiAgICAgICAgPGcgaWQ9ImRlZmF1bHRfZ3JhdmF0YXIiIHNrZXRjaDp0eXBlPSJNU0FydGJvYXJkR3JvdXAiPgogICAgICAgICAgICA8ZyBpZD0iUmVjdGFuZ2xlLTIxMC0rLUltcG9ydGVkLUxheWVycy1Db3B5LUNvcHkiIHNrZXRjaDp0eXBlPSJNU0xheWVyR3JvdXAiPgogICAgICAgICAgICAgICAgPHJlY3QgaWQ9IlJlY3RhbmdsZS0yMTAiIGZpbGw9IiNEOEQ4RDgiIHNrZXRjaDp0eXBlPSJNU1NoYXBlR3JvdXAiIHg9IjAiIHk9IjAiIHdpZHRoPSIzNiIgaGVpZ2h0PSIzNiI+PC9yZWN0PgogICAgICAgICAgICAgICAgPHBhdGggZD0iTTI3Ljg2OTAzMjEsMjYuODUzNjU2OCBMOCwyNi44NTM2NTY4IEM4LDI1Ljg0OTQ1MTQgOC40NzE4MjUsMjQuMTEwOTQ2NiAxMS41MTg5MDQ1LDIyLjM4ODMxNzYgQzEyLjE1Nzg5NiwyMi4wMjcxMjEzIDE1LjM0Mzk1MTIsMjAuMDk2MTA5OCAxNS42MTU5Njc3LDE5LjYzNzE3MjEgQzE1LjkyNDU4MjgsMTkuMTE3MjA4MSAxNi4wMTA2Mzg5LDE4LjQ3NjE4MzcgMTUuNDIwMTE1OCwxNy41MzI1MDg1IEMxNS4zNzI2MzY2LDE3LjQ1NjEwMTYgMTQuNDM0OTIxNSwxNi4wMDgzMzkxIDE0LjE0NTEwMDMsMTUuMDMwNDI5NyBDMTMuOTQwMzQ2LDE0LjMzODMwMiAxMy45MTc1OTU1LDEzLjU0NTQ1NjEgMTMuOTE3NTk1NSwxMi43MTM0MTQ0IEMxMy45MTc1OTU1LDkuODM2MjQ3MDIgMTUuNzIyMzAxNCw4IDE3Ljk0ODM4NTYsOCBDMjAuMTc0NDY5OSw4IDIxLjk3OTE3NTgsOS44MzYyNDcwMiAyMS45NzkxNzU4LDEyLjcxMzQxNDQgQzIxLjk3OTE3NTgsMTMuMzk5MDkyMiAyMS45NjYzMTY4LDE0LjA1NTk5MzMgMjEuODQ3MTI0MSwxNC42NTM4NTI3IEMyMS42Mzk4OTcsMTUuNjkwMzA3NyAyMC43NzU4NzM2LDE3LjAwNTU5ODQgMjAuNTg4NDI5NSwxNy4zMzA1NzU5IEMyMC41NDM5MTc3LDE3LjQwNzQ3OSAyMC41MDc4MTM3LDE3LjQ2NzUxMyAyMC40ODUwNjMzLDE3LjUwMTI1MTEgQzIwLjA3OTAxNjgsMTguMTA3MDQ4OSAxOS45NjI3OTE2LDE4LjU1MzU4MjkgMjAuMDAwODczOSwxOC45MTUyNzU1IEMyMC4wNDQzOTY1LDE5LjMyODU2NzUgMjAuMzEzOTQwMSwxOS42MTYzMzM4IDIwLjY2NzA2NywxOS44NTQ0ODUzIEMyMS4wMzQ1MzY2LDIwLjEwMjA2MzYgMjQuMDExODgxLDIyLjE0OTY3IDI0LjM3Nzg2NjgsMjIuMzg4MzE3NiBDMjYuODcxNTE2MywyNC4wMTY2NzgzIDI3Ljg2OTAzMjEsMjUuNjA2MzM4NSAyNy44NjkwMzIxLDI2Ljg1MzY1NjggTDI3Ljg2OTAzMjEsMjYuODUzNjU2OCBaIiBpZD0iSW1wb3J0ZWQtTGF5ZXJzLUNvcHkiIGZpbGw9IiNGRkZGRkYiIHNrZXRjaDp0eXBlPSJNU1NoYXBlR3JvdXAiPjwvcGF0aD4KICAgICAgICAgICAgPC9nPgogICAgICAgIDwvZz4KICAgIDwvZz4KPC9zdmc+") no-repeat center;
  background-size: cover;
}
.img .avatar {
  width: 100% !important;
  height: 0 !important;
  padding-bottom: 100%;
}
.img .avatar:not(:empty) {
  background: none;
}
/* img */
.img {
  display: block;
  position: relative;
  text-align: left;
}
.img-primary {
  position: absolute;
  left: 0;
  right: 0;
  bottom: 0;
  line-height: 20px;
  text-align: center;
  background-color: #448aff;
  color: #fff;
  font-size: 12px;
  opacity: 0.9;
}
.img-blank {
  background: none;
}
.img-bg,
.img-light-select {
  background: #f4f4f4;
}
.img-light {
  cursor: pointer;
}
.img-light figure:empty:before,
.img-light-select figure:empty:before {
  content: '';
  position: absolute;
  left: 50%;
  top: 50%;
  width: 40%;
  height: 40%;
  transform: translate(-50%, -50%);
  min-width: 16px;
  max-width: 96px;
  background: var(--grey-light) url("data:image/svg+xml;utf8,%3Csvg%20viewBox%3D%220%200%201134%201024%22%20version%3D%221.1%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Cpath%20d%3D%22M88.248%20511.786q0-16.475%2011.4-27.874%2011.822-10.981%2027.028-10.981l92.071%200q15.629%200%2025.976%2011.4t10.347%2027.451-10.347%2027.245-25.976%2011.193l-92.071%200q-15.629%200-27.028-11.4t-11.4-27.028zM217.065%20823.913q0-15.629%2010.562-27.451l66.312-64.197q10.141-10.562%2026.605-10.562%2016.052%200%2026.822%2010.141t10.77%2025.763q0%2016.475-10.981%2028.72l-64.197%2064.197q-27.451%2021.54-55.325%200-10.562-11.4-10.562-26.605zM217.065%20200.077q0-15.629%2010.562-27.451%2013.091-10.981%2028.72-10.981%2014.783%200%2026.605%2010.981l64.197%2066.312q10.981%2010.141%2010.981%2026.605%200%2016.052-10.77%2026.822t-26.822%2010.77q-16.475%200-26.605-10.981l-66.312-64.197q-10.562-11.4-10.562-27.874zM331.956%20511.786q0-62.928%2031.681-117.203t85.954-85.954%20117.203-31.681q47.306%200%2090.812%2018.796t74.967%2050.26%2050.054%2074.967%2018.581%2090.812q0%2063.351-31.464%20117.418t-85.531%2085.531-117.418%2031.464-117.418-31.464-85.737-85.531-31.681-117.418zM408.398%20511.786q0%2065.889%2046.247%20112.559t112.136%2046.67%20112.559-46.67%2046.67-112.559q0-65.043-46.67-111.084t-112.559-46.041q-65.466%200-111.93%2046.041t-46.464%20111.084zM528.354%20861.928q0-16.052%2011.193-27.028t27.245-10.981q16.475%200%2027.451%2010.981t10.981%2027.028l0%2089.544q0%2016.475-11.193%2027.874t-27.245%2011.4-27.245-11.4-11.193-27.874l0-89.544zM528.354%20163.754l0-92.071q0-15.629%2011.4-27.028t27.028-11.4%2027.028%2011.4%2011.4%2027.028l0%2092.071q0%2015.629-11.193%2025.976t-27.245%2010.347-27.245-10.347-11.193-25.976zM777.127%20757.601q0-15.629%2010.141-25.344%2010.141-10.562%2025.344-10.562%2016.475%200%2027.028%2010.562l65.889%2064.197q10.981%2011.822%2010.981%2027.451t-10.981%2026.605q-27.028%2021.117-54.067%200l-64.197-64.197q-10.141-11.4-10.141-28.72zM777.127%20265.543q0-16.898%2010.141-26.605l64.197-66.312q11.822-10.981%2026.605-10.981%2016.052%200%2027.245%2011.4t11.193%2027.028q0%2016.898-10.981%2027.874l-65.889%2064.197q-12.245%2010.981-27.028%2010.981-15.206%200-25.344-10.77t-10.141-26.822zM878.916%20511.786q0-16.052%2010.981-27.874%2010.981-10.981%2025.763-10.981l91.231%200q15.629%200%2027.245%2011.616t11.616%2027.245-11.616%2027.028-27.245%2011.4l-91.231%200q-15.629%200-26.182-11.193t-10.562-27.245z%22%20fill%3D%22%23ffffff%22%3E%3C%2Fpath%3E%3C%2Fsvg%3E") no-repeat center;
  background-size: 75% auto;
  border-radius: 50%;
}
.img-light:hover figure:before {
  background-color: var(--grey);
}
.img > .img-close {
  position: absolute;
  right: 0;
  top: 0;
  width: 22px;
  height: 22px;
  opacity: 0.8;
  color: #fff;
  line-height: 22px;
  text-align: center;
  background-color: #fe5341;
  cursor: pointer;
}
.img figure {
  position: relative;
  padding-bottom: 62.5%;
  overflow: hidden;
  height: 0;
  text-align: inherit;
  margin: 0;
  background: #f5f5f5 url(../images/img.png) no-repeat center;
  background-size: auto 80%;
}
.img-white figure,
.img-white figure:empty {
  background-color: #fff;
}
.img figure img {
  object-fit: cover;
  position: absolute;
  height: 100%;
  width: 100%;
  left: 0;
  top: 0;
}
.img-inline {
  display: inline-block;
}
.img-rounded,
.img-rounded figure {
  border-radius: 3px;
  overflow: hidden;
}
.img-mask {
  position: absolute;
  right: 0;
  bottom: 0;
  padding: 3px 5px 2px;
  background-color: rgba(255, 255, 255, 0.75);
  color: #666;
  font-size: 12px;
}
.img-rounded .img-mask {
  border-radius: 3px 0 3px 0;
}
.img figure .placeholder {
  position: absolute;
  line-height: 20px;
  top: 50%;
  margin-top: -10px;
  left: 0;
  right: 0;
  text-align: center;
}
.img-square figure {
  padding-bottom: 100%;
}
.img-2-3 figure,
.img-detail figure {
  padding-bottom: 150%;
}
.img-40p figure {
  padding-bottom: 40%;
}
.img-2-1 figure,
.img-50p figure {
  padding-bottom: 50%;
}
.img-1-2 figure,
.img-200p figure {
  padding-bottom: 200%;
}
.img-60p figure {
  padding-bottom: 60%;
}
.img-58p figure {
  padding-bottom: 58%;
}
.img-16-10 figure,
.img-62_5p figure {
  padding-bottom: 62.5%;
}
.img-4-3 figure,
.img-75p figure {
  padding-bottom: 75%;
}
.img-80p {
  padding-bottom: 80%;
}
.img-portrait figure,
.img-3-4 figure {
  padding-bottom: 133.33333%;
}
.img-120p figure {
  padding-bottom: 120%;
}
.img-10-16 figure,
.img-160p figure {
  padding-bottom: 160%;
}
.img-3-2 figure {
  padding-bottom: 66.666667%;
}
.img-16-9 figure {
  padding-bottom: 56.25%;
}
.img-9-16 figure {
  padding-bottom: 177.777778%;
}
.img-square > .close {
  position: absolute;
  right: 0px;
  top: 0;
  width: 20px;
  height: 20px;
  color: #fe5341;
  opacity: 0.8;
}
.img-square.img-gray {
  background-color: #F4F4F4;
}
.img-padding {
  padding: 5px;
}
.img-bordered {
  overflow: initial !important;
}
.img-padding.img-bordered,
.img-bordered-hover figure,
.img-bordered figure {
  background-color: #fff;
  box-shadow: 0 0 0 1px #e5e5e5;
}
.img-bordered-hover:hover figure {
  box-shadow: 0 0 0 1px #bdc3d4;
}
.sortable-chosen figure {
  background-color: #fff;
  box-shadow: 0 0 0 1px #448aff;
  cursor: move;
}
.img .img-rounded {
  border-radius: 3px;
}
.img-padding.img-bordered figure {
  box-shadow: none;
}
a.img-bordered figure {
  color: #448aff;
}
a.img-bordered:hover figure {
  color: #2962ff;
  border-color: #448aff;
}
.img-bordered-before figure:before {
  content: '';
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  border: 1px solid rgba(0, 0, 0, 0.05);
  z-index: 1;
}
.img-square.img-circle {
  border-radius: unset;
}
.img-square.img-circle figure,
.img-circle.img-bordered-before figure:before,
.img-square.img-circle.btn-upload-wrap:before {
  border-radius: 50%;
}
.img-square.img-circle .img-remove-btn {
  margin: -8px -8px 0 0;
  top: 14.639321%;
  right: 14.639321%;
}
.img-auto {
  display: block;
  margin: 0 auto;
  max-width: 100%;
}
.img-fix figure img {
  min-width: auto;
  min-height: auto;
  max-width: 100%;
  max-height: 100%;
  height: initial;
}
.img-auto-size,
.img figure .img-auto-size {
  width: auto;
  position: static;
  -webkit-transform: none;
  -moz-transform: none;
  -ms-transform: none;
  -o-transform: none;
  transform: none;
}
.img-upload {
  display: inline-block;
  vertical-align: bottom;
  border: 1px solid #DFDFDF;
  border-radius: 3px;
  cursor: pointer;
}
.img-upload:hover {
  border-color: #ccc;
}
.img-upload-hover:hover {
  border-color: #448aff;
  -webkit-box-shadow: 0 0 5px rgba(102, 175, 233, 0.6);
  box-shadow: 0 0 5px rgba(102, 175, 233, 0.6);
}
.img-upload figure:empty:before {
  content: '';
  position: absolute;
  width: 100%;
  height: 100%;
  border: 1px solid #ddd;
  background: #f8f8f8;
}
.img-upload figure:empty:after {
  font: normal normal normal 24px/1 FontAwesome;
  content: "\f03e";
  line-height: 30px;
  position: absolute;
  width: 100%;
  text-align: center;
  top: 50%;
  margin-top: -15px;
  color: rgba(0, 0, 0, 0.2);
}
.img-upload-bd {
  padding: 10px;
  text-align: center;
  color: #999;
  width: 100%;
}
.img-upload-bd .help-block {
  color: #999;
  margin-bottom: 0;
}
.img-upload-bd h6 {
  font-size: 14px;
}
.img-upload-bd .ico-plus-org {
  background-color: #ff4343;
}
.img .upload-progress {
  position: absolute;
  left: 0;
  bottom: 0;
  right: 0;
  background: rgba(0, 0, 0, 0.25);
}
.img .upload-progress span {
  display: none;
  float: left;
  height: 4px;
  background: #5cb85c;
  opacity: 0.85;
}
.img .upload-error {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  text-align: center;
  color: #fff;
  background: red;
  line-height: 22px;
}
.img .img-change-btn {
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
  padding: 3px;
  color: #ccc;
  background: rgba(0, 0, 0, 0.5);
  font-size: 12px;
  text-align: center;
  cursor: pointer;
  display: none !important;
}
.img-rounded .img-change-btn {
  border-radius: 0 0 3px 3px;
}
.img:hover .img-change-btn {
  display: block !important;
}
.img:hover .img-change-btn:hover {
  color: #fff;
}
.close-it-round,
.img .close-it,
.img .img-remove-btn {
  position: absolute;
  right: -9px;
  top: -9px;
  width: 20px;
  height: 20px;
  line-height: 19px;
  background: #aeaeae;
  display: none;
  border-radius: 50%;
  color: #fff;
  cursor: pointer;
  text-align: center;
}
.close-it-round:before,
.close-it-round:after,
.img .close-it:before,
.img .close-it:after {
  height: 1px;
  background-color: #fff;
}
.img .close-it {
  display: none;
  background-color: #999;
}
.img:hover .close-it {
  display: block;
}
.img:hover .img-remove-btn {
  display: block;
  background-color: #777;
}
.img-hide-btn .img-remove-btn,
.sortable-chosen .img-remove-btn,
.sortable-chosen .close-it,
.hide-close-it .close-it {
  display: none !important;
}
.close-it-round:hover,
.img:hover .close-it:hover,
.img:hover .img-remove-btn:hover {
  background-color: #fe5341;
}
.close-it-round:hover:before,
.close-it-round:hover:after,
.img:hover .close-it:hover:before,
.img:hover .close-it:hover:after {
  background-color: #fff;
}
.img:hover .img-remove-btn:before {
  content: '×';
}
.img-name {
  margin-top: 10px;
  line-height: 20px;
  display: block;
  text-align: center;
  font-size: 12px;
}
.img-arrow {
  position: absolute;
  height: 8px;
  width: 8px;
  border: 1px solid #e5e5e5;
  border-width: 1px 1px 0 0;
  left: 50%;
  top: 0;
  background-color: #fff;
  -webkit-transform: rotate(-45deg);
  -moz-transform: rotate(-45deg);
  -ms-transform: rotate(-45deg);
  -o-transform: rotate(-45deg);
  transform: rotate(-45deg);
  margin: -5px 0 0 -4px;
}
.img-bordered-hover:hover .img-arrow {
  border-color: #bdc3d4;
}
.img-padding figure img {
  padding: 1px;
}
.img-padding-3 figure img {
  padding: 3px;
}
/* anim */
.anim-el,
.anim-el-img .img > figure,
.img-anim > figure {
  transition: all 0.3s ease;
}
.img-anim,
.anim-el-img .img {
  overflow: hidden;
}
.anim-el:hover,
.anim-el-img:hover .img > figure,
.img-anim:hover > figure {
  transition: all 0.3s ease;
  -webkit-transform: scale(1.08);
  transform: scale(1.08);
}
/* scroll bar */
.scroll-bar {
  overflow-y: auto;
}
.scroll-bar-x {
  overflow-x: auto;
}
.scroll-bar::-webkit-scrollbar-track-piece {
  background-color: #f8f9fb;
  border-left: 1px solid #ececec;
}
.scroll-bar::-webkit-scrollbar {
  width: 6px;
  height: 6px;
}
.scroll-bar::-webkit-scrollbar-thumb {
  background-color: #c8c8c8;
  background-clip: padding-box;
  min-height: 28px;
  border-radius: 0;
}
.scroll-bar::-webkit-scrollbar-thumb:hover {
  background-color: #98a3a6;
}
.scroll-bar-blank::-webkit-scrollbar-track-piece {
  background-color: transparent !important;
}
.scroll-bar-blank::-webkit-scrollbar {
  display: none;
}
.scroll-bar-over::-webkit-scrollbar-track-piece {
  background: none;
  border: 0;
}
.scroll-bar-over::-webkit-scrollbar-thumb {
  background: transparent;
  border-radius: 3px;
}
.scroll-bar-over:hover::-webkit-scrollbar-thumb {
  background: rgba(152, 163, 166, 0.25);
}
.scroll-bar-over:hover::-webkit-scrollbar-thumb:hover {
  background: rgba(152, 163, 166, 0.75);
}
.scroll-bar-hover-white::-webkit-scrollbar-thumb:hover {
  background-color: rgba(255, 255, 255, 0.95);
}
.scroll-bar-transparent:not(:hover)::-webkit-scrollbar-thumb {
  background-color: transparent;
}
/* scroll end */
/* Make clicks pass-through */
#nprogress {
  pointer-events: none;
}
#nprogress .bar {
  background: #0ae;
  position: fixed;
  z-index: 1000000;
  top: 0;
  left: 0;
  width: 100%;
  height: 2px;
}
#nprogress .peg {
  display: block;
  position: absolute;
  right: 0px;
  width: 100px;
  height: 100%;
  box-shadow: 0 0 10px #0ae, 0 0 5px #0ae;
  opacity: 1;
  -webkit-transform: rotate(3deg) translate(0px, -4px);
  -ms-transform: rotate(3deg) translate(0px, -4px);
  transform: rotate(3deg) translate(0px, -4px);
}
#nprogress .spinner {
  display: block;
  position: fixed;
  z-index: 1000000;
  top: 21px;
  right: 10px;
  left: auto;
  width: auto;
  margin: 0;
  max-height: inherit;
  border: 0;
}
#nprogress .spinner-icon {
  width: 18px;
  height: 18px;
  box-sizing: border-box;
  border: solid 2px transparent;
  border-top-color: #0ae;
  border-left-color: #0ae;
  border-radius: 50%;
  -webkit-animation: nprogress-spinner 400ms linear infinite;
  animation: nprogress-spinner 400ms linear infinite;
}
.nprogress-custom-parent {
  overflow: hidden;
  position: relative;
}
.nprogress-custom-parent #nprogress .spinner,
.nprogress-custom-parent #nprogress .bar {
  position: absolute;
}
@-webkit-keyframes nprogress-spinner {
  0% {
    -webkit-transform: rotate(0deg);
  }
  100% {
    -webkit-transform: rotate(360deg);
  }
}
@keyframes nprogress-spinner {
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(360deg);
  }
}
.progress-bar-org {
  background-color: #fedd00;
}
.progress-mini {
  height: 10px;
  border-radius: 2px;
}
.progress-mini,
.progress-mini .progress-bar {
  -webkit-box-shadow: none;
  box-shadow: none;
}
.progress-bar-animate {
  transition: width 2s ease-in-out;
}
.progress-bar-animate-3s {
  transition: width 3s ease-in-out;
}
.progress-bar-animate-5s {
  transition: width 5s ease-in-out;
}
.progress-bar-50p {
  width: 50%;
}
/* mask */
.mask {
  position: absolute;
  left: 0;
  top: 0;
  bottom: 0;
  right: 0;
  height: 100%;
  z-index: 90000;
}
.mask .masker {
  position: absolute;
  left: 0;
  top: 0;
  bottom: 0;
  right: 0;
  height: 100%;
  background: rgba(0, 0, 0, 0.25);
}
.mask .loadering {
  width: 80px;
  min-height: 80px;
  padding: 10px;
  text-align: center;
  position: fixed;
  z-index: 1;
  top: 50%;
  left: 50%;
  margin: -40px 0 0 -40px;
  display: block;
  color: rgba(255, 255, 255, 0.85);
  background-color: rgba(0, 0, 0, 0.6);
  border-radius: 8px;
  overflow: hidden;
}
.mask .loadering span {
  line-height: 16px;
  display: block;
  padding-top: 5px;
  font-size: 12px;
}
.mask-empty .loadering {
  padding-top: 20px;
}
.loader {
  margin: 2px auto 6px;
  font-size: 10px;
  position: relative;
  text-indent: -9999em;
  border-top: 4px solid rgba(255, 255, 255, 0.2);
  border-right: 4px solid rgba(255, 255, 255, 0.2);
  border-bottom: 4px solid rgba(255, 255, 255, 0.2);
  border-left: 4px solid #ffffff;
  -webkit-animation: loader 1.1s infinite linear;
  animation: loader 1.1s infinite linear;
}
.loader,
.loader:after {
  border-radius: 50%;
  width: 3em;
  height: 3em;
}
@-webkit-keyframes loader {
  0% {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
  }
  100% {
    -webkit-transform: rotate(360deg);
    transform: rotate(360deg);
  }
}
@keyframes loader {
  0% {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
  }
  100% {
    -webkit-transform: rotate(360deg);
    transform: rotate(360deg);
  }
}
/* toast start */
.toast {
  -webkit-transform: translateX(-50%);
  left: 50%;
  max-width: 720px;
  min-width: 300px;
  position: fixed;
  top: 80px;
  transform: translateX(-50%);
  z-index: 999999;
}
.toast > span {
  display: inline-block;
  padding: 10px 20px;
  border-radius: 3px;
  font-size: 14px;
  line-height: 1.5;
  background-color: #fff;
  -webkit-box-shadow: 0 0 8px rgba(150, 150, 150, 0.4);
  -moz-box-shadow: 0 0 8px rgba(150, 150, 150, 0.4);
  box-shadow: 0 0 8px rgba(150, 150, 150, 0.4);
}
.toast .toast-item {
  background: none;
  display: block;
  margin: 0 auto 10px;
  padding: 0;
}
.toast-error .toast-content {
  color: #fff;
  background-color: #f66;
}
.toast-success .toast-content {
  color: #fff;
  background-color: #4b8;
}
.toast-warning .toast-content {
  color: #fff;
  background-color: #fc0;
}
.toast-info .toast-content {
  color: #fff;
  background-color: #59f;
}
.toast-content {
  -webkit-box-sizing: border-box;
  border-radius: 2px;
  box-sizing: border-box;
  font-size: 14px;
  line-height: 30px;
  max-height: 200px;
  overflow-y: auto;
  padding: 5px 25px;
  text-align: center;
  background-color: #fff;
  -webkit-box-shadow: 0 0 8px rgba(150, 150, 150, 0.5);
  -moz-box-shadow: 0 0 8px rgba(150, 150, 150, 0.5);
  box-shadow: 0 0 8px rgba(150, 150, 150, 0.5);
  opacity: 0.95;
}
.toast-content:empty:before {
  content: "\200B";
}
.toast-appear {
  -webkit-animation-fill-mode: both;
  -webkit-animation-play-state: paused;
  animation-fill-mode: both;
  animation-play-state: paused;
}
.toast-appear.toast-appear-active {
  -webkit-animation-duration: 0.3s;
  -webkit-animation-name: notifyMoveIn;
  -webkit-animation-play-state: running;
  animation-duration: 0.3s;
  animation-name: notifyMoveIn;
  animation-play-state: running;
}
.toast-exit,
.toast-exit .toast-content {
  -webkit-animation-fill-mode: both;
  -webkit-animation-play-state: paused;
  animation-fill-mode: both;
  animation-play-state: paused;
}
.toast-exit.toast-exit-active {
  -webkit-animation-duration: 0.3s;
  -webkit-animation-name: notifyMoveOut;
  -webkit-animation-play-state: running;
  animation-duration: 0.3s;
  animation-name: notifyMoveOut;
  animation-play-state: running;
}
.toast-exit.toast-exit-active .toast-content {
  -webkit-animation-duration: 0.3s;
  -webkit-animation-name: notifyContentMoveOut;
  -webkit-animation-play-state: running;
  animation-duration: 0.3s;
  animation-name: notifyContentMoveOut;
  animation-play-state: running;
}
@-webkit-keyframes notifyMoveIn {
  0% {
    -webkit-transform: translateY(-100%);
    opacity: 0;
    transform: translateY(-100%);
  }
  to {
    -webkit-transform: translateY(0);
    opacity: 1;
    transform: translateY(0);
  }
}
@keyframes notifyMoveIn {
  0% {
    -webkit-transform: translateY(-100%);
    opacity: 0;
    transform: translateY(-100%);
  }
  to {
    -webkit-transform: translateY(0);
    opacity: 1;
    transform: translateY(0);
  }
}
@-webkit-keyframes notifyMoveOut {
  0% {
    max-height: 50px;
    opacity: 1;
  }
  to {
    max-height: 0;
    opacity: 0;
    padding: 0;
  }
}
@keyframes notifyMoveOut {
  0% {
    max-height: 50px;
    opacity: 1;
  }
  to {
    max-height: 0;
    opacity: 0;
    padding: 0;
  }
}
@-webkit-keyframes notifyContentMoveOut {
  0% {
    -webkit-transform: translateY(0);
    transform: translateY(0);
  }
  to {
    -webkit-transform: translateY(-100%);
    transform: translateY(-100%);
  }
}
@keyframes notifyContentMoveOut {
  0% {
    -webkit-transform: translateY(0);
    transform: translateY(0);
  }
  to {
    -webkit-transform: translateY(-100%);
    transform: translateY(-100%);
  }
}
/* toast end */
/* spinner start */
.spinner {
  position: absolute;
  z-index: 1;
  top: 50%;
  left: 50%;
  margin: -8px 0 0 -8px;
  width: 16px;
  max-height: 16px;
}
.spinner:empty:before {
  content: '';
  width: 20px;
  height: 20px;
  box-sizing: border-box;
  border: solid 2px transparent;
  border-top-color: #fff;
  border-left-color: #fff;
  border-radius: 50%;
  -webkit-animation: spinner-anim 400ms linear infinite;
  animation: spinner-anim 400ms linear infinite;
  position: absolute;
  left: 50%;
  top: 50%;
  -webkit-transform: translate(-50%, -50%);
  -moz-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  -o-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
}
@-webkit-keyframes spinner-anim {
  0% {
    -webkit-transform: rotate(0deg);
  }
  100% {
    -webkit-transform: rotate(360deg);
  }
}
@keyframes spinner-anim {
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(360deg);
  }
}
.spinner-lg:before {
  width: 44px;
  height: 44px;
  border-width: 3px;
  opacity: 0.85;
}
.fa-loading {
  padding: 1px;
  -webkit-animation: loading 1.1s infinite linear;
  animation: loading 1.1s infinite linear;
}
@-webkit-keyframes loading {
  0% {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
  }
  100% {
    -webkit-transform: rotate(360deg);
    transform: rotate(360deg);
  }
}
@keyframes loading {
  0% {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
  }
  100% {
    -webkit-transform: rotate(360deg);
    transform: rotate(360deg);
  }
}
/* loading */
#app-loading {
  padding: 100px;
  text-align: center;
}
.app-loaded {
  display: none;
}
.loading {
  display: inline-block;
  vertical-align: middle;
  width: 42px;
  height: 42px;
  -webkit-transform-origin: 50%;
  -moz-transform-origin: 50%;
  transform-origin: 50%;
  -webkit-animation: swiper-preloader-spin 1s steps(12, end) infinite;
  -moz-animation: swiper-preloader-spin 1s steps(12, end) infinite;
  animation: swiper-preloader-spin 1s steps(12, end) infinite;
}
.loading-fixed {
  position: absolute;
  left: 50%;
  top: 50%;
  margin-left: -21px;
  margin-top: -21px;
  z-index: 10;
}
.loading-sm {
  width: 16px;
  height: 16px;
}
.btn .fa-loading,
.btn .loading {
  margin-right: 5px;
}
.btn .fa-loading:last-child,
.btn .loading:last-child {
  margin-right: 0;
}
.loading:after {
  display: block;
  content: "";
  width: 100%;
  height: 100%;
  background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20viewBox%3D'0%200%20120%20120'%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20xmlns%3Axlink%3D'http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink'%3E%3Cdefs%3E%3Cline%20id%3D'l'%20x1%3D'60'%20x2%3D'60'%20y1%3D'7'%20y2%3D'27'%20stroke%3D'%236c6c6c'%20stroke-width%3D'11'%20stroke-linecap%3D'round'%2F%3E%3C%2Fdefs%3E%3Cg%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(30%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(60%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(90%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(120%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(150%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.37'%20transform%3D'rotate(180%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.46'%20transform%3D'rotate(210%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.56'%20transform%3D'rotate(240%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.66'%20transform%3D'rotate(270%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.75'%20transform%3D'rotate(300%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.85'%20transform%3D'rotate(330%2060%2C60)'%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E");
  background-position: 50%;
  -webkit-background-size: 100%;
  background-size: 100%;
  background-repeat: no-repeat;
}
.btn-success .loading:after,
.btn-primary .loading:after,
.loading-white:after {
  background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20viewBox%3D'0%200%20120%20120'%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20xmlns%3Axlink%3D'http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink'%3E%3Cdefs%3E%3Cline%20id%3D'l'%20x1%3D'60'%20x2%3D'60'%20y1%3D'7'%20y2%3D'27'%20stroke%3D'%23fff'%20stroke-width%3D'11'%20stroke-linecap%3D'round'%2F%3E%3C%2Fdefs%3E%3Cg%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(30%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(60%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(90%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(120%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(150%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.37'%20transform%3D'rotate(180%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.46'%20transform%3D'rotate(210%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.56'%20transform%3D'rotate(240%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.66'%20transform%3D'rotate(270%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.75'%20transform%3D'rotate(300%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.85'%20transform%3D'rotate(330%2060%2C60)'%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E");
}
@-webkit-keyframes swiper-preloader-spin {
  100% {
    -webkit-transform: rotate(360deg);
  }
}
@keyframes swiper-preloader-spin {
  100% {
    transform: rotate(360deg);
  }
}
/* shadow */
.shadow {
  -webkit-box-shadow: 0 1px 2px rgba(150, 150, 150, 0.35);
  -moz-box-shadow: 0 1px 2px rgba(150, 150, 150, 0.35);
  -ms-box-shadow: 0 1px 2px rgba(150, 150, 150, 0.35);
  -o-box-shadow: 0 1px 2px rgba(150, 150, 150, 0.35);
  box-shadow: 0 1px 2px rgba(150, 150, 150, 0.35);
}
.shadow-m {
  -webkit-box-shadow: 0 2px 6px rgba(0, 0, 0, 0.1);
  -moz-box-shadow: 0 2px 6px rgba(0, 0, 0, 0.1);
  -ms-box-shadow: 0 2px 6px rgba(0, 0, 0, 0.1);
  -o-box-shadow: 0 2px 6px rgba(0, 0, 0, 0.1);
  box-shadow: 0 2px 6px rgba(0, 0, 0, 0.1);
}
/* dropdown-menu*/
.dropdown-menu {
  border: 0;
  box-shadow: 0 0 5px rgba(0, 0, 0, 0.3);
}
.dropdown-menu-bordered {
  border: 1px solid #ddd;
  border: 1px solid rgba(0, 0, 0, 0.15);
}
.dropdown-menu li.selected > a {
  color: #448aff;
}
.dropdown-menu-blue > li > a:hover {
  background-color: #448aff !important;
  color: #fff !important;
}
.dropdown-menu .btn-group-menu {
  display: block;
}
.dropdown-menu-hover:hover .dropdown-menu {
  display: block;
}
.dropdown-menu-higher {
  padding: 9px 0;
}
.dropdown-menu-higher > li > a {
  padding-top: 6px;
  padding-bottom: 6px;
  line-height: 18px;
}
.dropdown-menu-hover > li:not(.disabled) > a:hover {
  background: var(--blue);
  color: #fff;
}
.dropdown-menu-right-angle {
  border-radius: 0 !important;
}
/* modal */
.modal-backdrop-white + .modal-backdrop {
  background: #fff;
}
.modal-backdrop-dark + .modal-backdrop {
  background-color: rgba(0, 0, 0, 0.72);
}
.modal-backdrop.in {
  opacity: 0.7;
}
.modal-center {
  display: flex;
  justify-content: center;
  align-items: center;
}
.modal-center .modal-dialog {
  margin: 0 auto;
  max-height: 100%;
}
.modal-center .modal-content {
  margin: 30px 0;
}
.modal-show {
  z-index: 99999;
}
.modal-show + .modal-backdrop {
  z-index: 99998;
}
body {
  min-width: 1200px;
}
.container-lg {
  width: 1200px !important;
  max-width: 1200px !important;
  padding: 0;
}
.breadcrumb {
  background: none;
  padding: 0;
  line-height: 1.5rem;
}
.breadcrumb li {
  position: relative;
  margin-right: 2rem;
}
.breadcrumb li a {
  color: #888;
}
.breadcrumb li a:hover {
  color: #222;
}
.breadcrumb li + li::before {
  position: absolute;
  left: -2rem;
  width: 2rem;
  text-align: center;
  font-size: 1rem;
  line-height: 1.5rem;
  font-family: FontAwesome;
  content: "\f105";
  color: #ccc;
}
.breadcrumb-item.active {
  color: #999;
}
.page-item {
  margin: 0 4px;
  text-align: center;
}
.page-item.disabled .page-link,
.page .page-link.disabled {
  cursor: default;
  color: #aaa !important;
  background-color: #fafafa !important;
  outline: none !important;
  box-shadow: none;
}
.page-link {
  font-family: Roboto;
  border-radius: 3px !important;
  min-width: 40px;
  line-height: 22px;
  padding: 8px 12px;
  font-size: 15px;
}
.page-link:not(.disabled):hover {
  color: #1a79ff;
  background: none;
  border: 2px solid #1a79ff;
  padding: 7px 11px;
}
.page-jump {
  position: relative !important;
  height: 40px;
  line-height: 32px;
  width: 28px;
}
.page-jump .fa,
.page-jump .fa:before,
.page-jump .fa:after {
  width: 3px;
  height: 3px;
  border-radius: 50%;
  background: #ccc;
}
.page-jump .fa {
  cursor: pointer;
  position: relative !important;
  font-size: 16px;
  color: #666;
}
.page-jump .fa:before {
  position: absolute !important;
  content: '';
  left: -5px;
}
.page-jump .fa:after {
  position: absolute !important;
  content: '';
  right: -5px;
}
.page-jump:hover .fa,
.page-jump:hover .fa:before {
  position: static !important;
  width: auto;
  height: auto;
  background: none;
  color: #1a79ff;
  line-height: 40px;
}
.page-jump:hover .fa:after {
  display: none;
}
.page-jump--prev:hover .fa:before {
  content: "\f100";
}
.page-jump--next:hover .fa:before {
  content: "\f101";
}
.col-main {
  width: 820px;
  float: left;
}
.col-side {
  width: 320px;
  float: right;
}
.top-nav {
  background: #3b3b3b;
  height: 44px;
}
.top-nav__links {
  padding: 14px 0;
}
.top-nav__links-item {
  float: left;
  padding-right: 12px;
  margin-right: 12px;
  position: relative;
}
.top-nav__links-item a {
  line-height: 16px;
  color: #e8e8e8;
  display: block;
}
.top-nav__links-item a.active,
.top-nav__links-item a:hover {
  color: #fee034;
}
.top-nav__links-item:after {
  content: '';
  position: absolute;
  right: 0;
  top: 50%;
  width: 1px;
  height: 12px;
  margin-top: -6px;
  background: #6c6c6c;
}
.top-nav__links-item.last {
  padding-right: 0;
  margin-right: 0;
}
.top-nav__links-item.last:after {
  display: none;
}
.top-nav__search .iconfont {
  margin-right: 4px;
  font-size: 14px;
}
.header,
.header .nav-dropdown-menu {
  -webkit-box-shadow: 0 3px 3px rgba(150, 150, 150, 0.075);
  -moz-box-shadow: 0 3px 3px rgba(150, 150, 150, 0.075);
  -ms-box-shadow: 0 3px 3px rgba(150, 150, 150, 0.075);
  -o-box-shadow: 0 3px 3px rgba(150, 150, 150, 0.075);
  box-shadow: 0 3px 3px rgba(150, 150, 150, 0.075);
}
.header {
  position: relative;
  z-index: 100;
  background: #fff;
}
.header .navbar-nav-scroll {
  overflow-y: inherit;
}
.header .navbar {
  padding: 22px 0;
  position: static;
}
.header .navbar-brand {
  margin-right: 2.5rem;
  padding: 0;
}
.header .navbar .nav-item {
  padding: 0 1.25rem;
}
.header .navbar .nav-link {
  font-size: 18px;
  color: #3b3b3b;
  line-height: 2.5rem;
  position: relative;
  padding: 0;
}
.header .navbar .nav-link .fa {
  margin-left: 8px;
  opacity: 0.75;
}
.header .navbar .nav-item:hover .nav-link {
  color: #1a79ff;
}
.header .navbar .nav-item:hover .nav-link .fa {
  opacity: 1;
}
.header .navbar .nav-item:hover .nav-link:before {
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  height: 88px;
}
.header .navbar .nav-item:hover .nav-link:after {
  content: '';
  position: absolute;
  width: 36px;
  height: 2px;
  bottom: -4px;
  left: 0;
  background: #1a79ff;
}
.header .navbar .nav-item:hover .nav-dropdown-menu {
  display: block;
}
.header .btn-contribute {
  cursor: pointer;
  text-align: center;
  width: 96px;
  line-height: 44px;
  border-radius: 22px;
  color: #fff;
  background: #1a79ff;
  font-size: 1rem;
  font-family: PingFangSC-Semibold, PingFang SC;
}
.header .btn-contribute .fa {
  font-size: 1rem;
  margin-right: 8px;
}
.header .btn-contribute:hover {
  color: #000;
  background: #fee034;
}
.header .nav-dropdown-menu {
  display: none;
  position: absolute;
  top: 88px;
  left: 0;
  right: 0;
  padding: 8px 0 24px;
  background: #fff;
  border-top: 1px solid #f3f3f3;
}
.header .nav-dropdown-menu ul {
  width: 100%;
  margin: 0 -1rem;
}
.header .nav-dropdown-menu li {
  float: left;
  padding: 0 1rem;
  width: 20%;
}
.header .nav-dropdown-menu li a {
  color: inherit;
  display: block;
  height: 64px;
  line-height: 62px;
  font-size: 16px;
  border-bottom: 1px solid #f3f3f3;
}
.header .nav-dropdown-menu li a:hover {
  color: #1a79ff;
  border-bottom: 2px solid #1a79ff;
}
.img-list {
  zoom: 1;
  margin: -24px -12px 0;
}
.img-list:after {
  content: '';
  display: table;
  clear: both;
}
.img-list__item {
  float: left;
  width: 20%;
  padding: 0 12px;
  margin-top: 24px;
}
.img-list__item-title {
  font-weight: normal;
  font-size: 16px;
  line-height: 24px;
  margin-top: 8px;
}
.img-list__item-info {
  margin-top: 8px;
  line-height: 24px;
}
.img-list__item-info + .img-list__item-title {
  margin-top: 6px;
}
.img-list__item-row {
  font-size: 14px;
  line-height: 20px;
  height: 28px;
  overflow: hidden;
  margin-top: 8px;
  padding-top: 8px;
  border-top: 1px dashed #ececec;
  color: #666;
}
.img-list__item-row2 {
  height: 48px;
}
.img-list--col4 .img-list__item {
  width: 25%;
}
.img-list--col3 .img-list__item {
  width: 33.333333%;
}
.carousel--home {
  margin: 24px 0 16px;
}
.carousel--home .swiper-wrapper {
  display: flex;
  overflow: hidden;
}
.carousel--home .swiper-container-horizontal .swiper-wrapper {
  overflow: initial;
}
.carousel--home .carousel__slider {
  border-radius: 3px;
  overflow: hidden;
}
.carousel--home .carousel__slider .swiper-pagination-bullet {
  background-color: #fff;
}
.carousel--home .carousel__slider .swiper-pagination {
  right: 20px;
  left: auto;
  width: auto;
  bottom: 20px;
}
.carousel--home .carousel__slider .img {
  position: relative;
}
.carousel--home .carousel__slider .img figure {
  padding-bottom: 0;
  height: 380px;
}
.carousel--home .carousel__slider .img h3 {
  left: 16px;
  right: 40%;
  max-height: 48px;
  bottom: 20px;
  font-size: 16px;
  line-height: 24px;
  font-weight: 700;
  font-family: PingFangSC-Semibold, PingFang SC;
}
.carousel--home .img {
  border-radius: 3px;
  overflow: hidden;
  position: relative;
}
.carousel--home .img div {
  position: absolute;
  left: 0;
  bottom: 0;
  width: 100%;
  height: 25%;
  background: -webkit-linear-gradient(top, transparent, rgba(0, 0, 0, 0.7));
}
.carousel--home .img h3 {
  overflow: hidden;
  position: absolute;
  left: 16px;
  right: 16px;
  max-height: 18px;
  bottom: 12px;
  font-size: 12px;
  line-height: 18px;
  color: #fff;
  font-weight: 400;
}
.carousel--home .img-list {
  width: 536px;
  margin: -12px -6px 0;
}
.carousel--home .img-list__item {
  width: 50%;
  padding: 0 6px;
  margin-top: 12px;
}
.carousel--home .img-list .img figure {
  padding-bottom: 0;
  height: 184px;
}
.carousel__slider {
  width: 664px;
}
.title-bar {
  height: 72px;
  padding: 16px 0;
  display: flex;
  align-items: center;
}
.title-bar__name {
  display: flex;
  align-items: center;
  font-family: PingFangSC-Semibold, PingFang SC;
  font-size: 26px;
  line-height: 40px;
  height: 40px;
  font-weight: 500;
}
.title-bar__name .fa {
  text-align: center;
  color: #ccc;
  margin-right: 12px;
  height: 32px;
  width: 32px;
  line-height: 30px;
  border: 1px solid #ddd;
  border-radius: 50%;
}
.title-bar__name-sub {
  position: relative !important;
  margin-left: 16px;
  padding-left: 16px;
}
.title-bar__name-sub:before {
  content: '';
  position: absolute !important;
  left: 0;
  top: 50%;
  height: 24px;
  margin-top: -12px;
  width: 1px;
  background: #ddd;
}
.title-bar__more {
  font-size: 14px;
  color: #999;
  display: flex;
  align-items: center;
  margin-left: auto;
}
.title-bar__more:hover {
  color: #1a79ff;
}
.title-bar__more:hover i {
  color: #1a79ff;
  border-color: #1a79ff;
}
.title-bar__more i {
  margin-left: 6px;
  text-align: center;
  color: #ccc;
  height: 20px;
  width: 20px;
  line-height: 18px;
  border: 1px solid #ddd;
  border-radius: 50%;
  text-indent: 2px;
}
.channel-category {
  display: flex;
  flex-wrap: wrap;
  border-bottom: 1px solid #eee;
  font-size: 14px;
  padding: 0 0 24px;
}
.channel-category a {
  line-height: 30px;
  height: 32px;
  min-width: 80px;
  text-align: center;
  padding: 0 12px;
  color: #999;
  border: 1px solid #eee;
  border-radius: 3px;
  margin: 12px 12px 0 0;
}
.channel-category a:hover {
  border-color: #999;
}
.channel-category a.active {
  color: initial;
  border-color: #1a79ff;
  position: relative;
}
.list-line + .channel-category {
  margin-top: -8px;
}
.media__title {
  font-size: 18px;
  font-weight: 700;
  line-height: 28px;
  margin-bottom: 8px;
  font-family: PingFangSC-Semibold, PingFang SC;
  text-overflow: ellipsis;
  overflow: hidden;
}
.media__summary {
  color: #999;
  line-height: 22px;
}
.media__info {
  color: #999;
  line-height: 24px;
}
.media__info--bordered {
  line-height: 40px;
  border-bottom: 1px solid #f0f0f0;
}
.media-body {
  width: 0;
}
.media-list .media {
  margin-bottom: 32px;
}
.media-list .img {
  width: 226px;
  margin-right: 24px;
}
.media-list .img figure {
  height: 144px;
  padding-bottom: 0;
  border-radius: 3px;
}
.media-list .media-body {
  flex: 1;
  width: 0;
  height: 144px;
  position: relative;
}
.media-list .media__info {
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
}
.media-list--small .media {
  padding: 20px 0;
  border-bottom: 1px solid #fafafa;
  margin-bottom: 0;
}
.media-list--small .media:last-child {
  border-bottom: 0;
}
.media-list--small .media:hover {
  background-color: #fafafa;
}
.media-list--small .media__title {
  font-size: 18px;
  font-weight: 700;
  font-family: PingFangSC-Semibold, PingFang SC;
  line-height: 32px;
  margin-top: 4px;
  white-space: initial;
}
.media-list--small .img {
  width: 160px;
  margin-right: 20px;
  border-radius: 3px;
}
.media-list--small .img figure {
  height: 104px;
  padding-bottom: 0;
}
.media-list--small .media-body {
  height: 104px;
}
.media-list--small .media__info {
  line-height: 24px;
}
.list-block__hd {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  line-height: 24px;
  height: 40px;
  border-bottom: 1px solid #f0f0f0;
  margin-bottom: 24px;
}
.list-block__hd .split-point {
  background: #ff8800;
  width: 6px;
  height: 6px;
  margin: 9px 8px;
  border-radius: 50%;
  padding: 0;
}
.list-block__hd .split-point:before {
  display: none;
}
.list-block__title {
  font-size: 20px;
  font-weight: 500;
  font-family: PingFangSC-Semibold, PingFang SC;
}
.list-block__title--bordered {
  height: 40px;
  border-bottom: 2px solid #ff8800;
}
.list-block__desc {
  font-size: 1rem;
  color: #DAE1E7;
}
.timeline__item {
  position: relative;
  padding-bottom: 16px;
}
.timeline__item-tail {
  position: absolute;
  left: 5px;
  top: 4px;
  height: 100%;
  border-left: 1px dashed #e4e7ed;
}
.timeline__item-node {
  width: 11px;
  height: 11px;
  position: absolute;
  background-color: #fff;
  border: 2px solid #ff8800;
  border-radius: 50%;
  left: 0;
  top: 4px;
}
.timeline__item-wrapper {
  padding-left: 24px;
}
.timeline__item-content {
  line-height: 18px;
  font-size: 12px;
  margin-top: -2px;
}
.timeline__item-timestamp {
  color: #999;
  margin-top: 4px;
}
.timeline__item:last-child {
  padding-bottom: 0;
}
.timeline__item:last-child .timeline__item-tail {
  display: none;
}
.meeting__item {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  padding-bottom: 12px;
  margin-bottom: 12px;
  border-bottom: 1px solid #f0f0f0;
}
.meeting__item.last {
  margin-bottom: 0;
  padding-bottom: 0;
  border-bottom: 0;
}
.meeting__item-date {
  text-align: center;
  width: 64px;
  height: 72px;
  margin-right: 16px;
  border: 1px solid #f0f0f0;
  border-radius: 3px;
}
.meeting__item-day {
  color: #3b3b3b;
  line-height: 44px;
  font-size: 20px;
}
.meeting__item-month {
  font-size: 13px !important;
  display: block;
  line-height: 24px !important;
  border-top: 1px solid #f0f0f0;
  color: #666;
}
.meeting__item-name {
  padding: 3px 0;
  height: 46px;
  line-height: 20px;
}
.meeting__item-info {
  color: #999;
  line-height: 24px !important;
}
.report-list__item {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  margin-bottom: 16px;
}
.report-list__item.last {
  margin-bottom: 0;
}
.report-list__item-cover {
  margin-right: 12px;
  border-radius: 2px;
  overflow: hidden;
  width: 88px;
}
.report-list__item-cover figure {
  height: 60px;
  padding-bottom: 0;
}
.report-list__item-content {
  width: 0;
  flex: 1;
}
.rank__item {
  position: relative !important;
  margin-bottom: 16px;
}
.rank__item.last {
  margin-bottom: 0;
}
.rank__item .flex-center-y .rank__item-content {
  width: 0;
  flex: 1;
}
.rank__item--top .rank__item-content {
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
  padding: 24px 12px 8px;
  color: #fff;
  background: linear-gradient(to bottom, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.7) 100%);
}
.rank__item--top .rank__item-title {
  display: -webkit-box;
  text-overflow: ellipsis;
  -o-text-overflow: ellipsis;
  -ms-text-overflow: ellipsis;
  -webkit-box-orient: vertical;
  overflow: hidden;
  -webkit-line-clamp: 1;
  -webkit-line-clamp: 1 !important;
}
.rank__item-num {
  position: absolute !important;
  font-size: 12px !important;
  top: 8px;
  left: 8px;
  line-height: 1rem;
  padding: 0 6px;
  color: #fff;
  background: rgba(0, 0, 0, 0.5);
  z-index: 1;
  border-radius: 3px;
}
.rank__item--1 .rank__item-num {
  background: red;
}
.rank__item--2 .rank__item-num {
  background: #ff8800;
}
.rank__item--3 .rank__item-num {
  background: #1a79ff;
}
.footer {
  zoom: 1;
  background: #fff;
  margin-top: 64px;
}
.footer:after {
  content: '';
  display: table;
  clear: both;
}
.footer__container {
  padding: 48px 0;
  border-top: 1px solid #f0f0f0;
}
.footer__col {
  color: #999;
  padding: 0 40px;
  border-left: 1px solid #f0f0f0;
  line-height: 32px;
}
.footer__col-first {
  border-left: 0;
  padding-left: 0;
}
.footer__col-first h5 {
  font-weight: normal;
  line-height: 24px !important;
  margin: 16px 0 0;
  white-space: nowrap;
  font-size: 15px;
  color: #999;
}
.footer__col-first h6 {
  color: #ccc;
  font-size: 14px;
}
.footer-links {
  line-height: 32px;
}
.footer-links__title {
  font-weight: normal;
  color: #333;
  font-size: 16px;
  line-height: 20px;
  margin-bottom: 12px;
}
.footer-links a {
  color: #999;
}
.copyright {
  font-size: 12px !important;
  background: #3b3b3b;
  line-height: 44px;
  height: 44px;
  color: #e8e8e8;
}
.copyright p {
  font-size: 12px !important;
}
.copyright a:hover {
  color: #fee034;
}
.view__wrapper {
  position: relative !important;
  margin-top: 32px;
}
.view__wrapper .col-main {
  width: 750px;
  margin-left: 108px;
}
.article__title {
  font-family: PingFangSC-Semibold, PingFang SC;
  font-size: 2rem;
  line-height: 2.5rem;
}
.article__info {
  line-height: 24px !important;
  margin-top: 16px;
  color: #999;
}
.article__info-item {
  margin-right: 16px;
}
.article__cover {
  margin: 24px 0;
}
.article__body {
  font-size: 1.125rem;
  line-height: 2rem;
}
.article__body .blank {
  line-height: 1rem;
}
.article__body div,
.article__body p {
  margin: 0;
  min-height: 20px;
  text-align: justify;
}
.article__body p[align=right] {
  text-align: right;
  font-size: 14px;
  color: #888;
}
.article__body p[align=center] {
  text-align: center;
  font-weight: 600;
  text-indent: 0 !important;
}
.article__body a {
  color: #1a79ff;
  text-decoration: underline;
}
.article__body .source-from {
  font-size: 14px !important;
}
.article__body table {
  margin: 16px 0 8px;
  width: 100%;
}
.article__body table,
.article__body td,
.article__body th {
  border-collapse: collapse;
  border: 1px solid #333;
  text-indent: 0;
}
.article__body tr:first-child h4 {
  margin: -4px -8px;
  display: block;
  white-space: nowrap;
  font-size: 13px;
  padding: 4px 8px;
  line-height: 24px;
  background: #f5f7f9;
  text-align: center;
}
.article__body th {
  text-align: center;
}
.article__body td,
.article__body th {
  padding: 4px 8px;
  line-height: 18px;
  font-size: 13px;
}
.article__body td div,
.article__body th div,
.article__body td p,
.article__body th p {
  min-height: initial;
  margin: 0;
  line-height: 18px;
  font-size: 14px;
  text-align: center !important;
  text-indent: 0;
}
.article__body img {
  display: block;
  max-width: 100%;
  margin: 8px auto 16px;
}
.article__news > p {
  text-indent: 2em;
  margin-bottom: 16px;
  min-height: initial;
}
.article__news > p:empty {
  display: none;
}
.article .tags-list {
  border: 1px dashed #eee;
  border-width: 1px 0;
  padding: 16px 0 24px;
  margin: 0;
}
.article__source {
  text-align: right !important;
  font-size: 12px !important;
  line-height: 24px !important;
  margin-top: 24px;
  color: #888;
}
.article__copyright {
  font-size: 12px !important;
  margin-top: 16px;
  line-height: 22px;
  color: #999;
}
.article__relate h2 {
  font-size: 22px;
  font-weight: 700;
  color: #1c1c1c;
  height: 48px;
  line-height: 48px;
  font-family: PingFangSC-Semibold, PingFang SC;
  margin: 24px 0 4px;
}
.article-download {
  padding: 32px 0 40px;
}
.article-download .report-buy .article__cover {
  width: 480px;
  box-shadow: 0 0 16px rgba(0, 0, 0, 0.075);
  margin-right: 40px;
}
.article-download .report-buy .article__cover label {
  padding-top: 240px;
  font-size: 16px;
  line-height: 80px;
  font-family: PingFangSC-Semibold, PingFang SC;
  font-weight: 700;
  border: 0;
}
.article-download .report-buy .dt,
.article-download .report-buy dt {
  font-size: 16px;
  font-family: PingFangSC-Semibold, PingFang SC;
  width: 72px;
  text-align: initial;
  text-align-last: initial;
}
.article-download .report-buy dd {
  font-size: 16px;
  font-family: PingFangSC-Semibold, PingFang SC;
}
.article-download .report-buy .btns {
  padding-left: 96px;
}
.article-download .report-buy .btns .btn {
  color: #fff;
  font-family: PingFangSC-Semibold, PingFang SC;
  width: 144px;
  height: 48px;
  line-height: 48px;
  padding: 0;
  font-size: 18px;
}
.article-download .report-info {
  margin-top: 0;
}
.article-download .report-info__tab {
  margin-top: 0;
}
.article-download .report-info__btns {
  display: flex;
}
.article-download .report-info__btns a {
  flex: 1;
  display: block;
  height: 48px;
  line-height: 48px;
  padding: 0 0 0 48px;
  margin: 0;
  font-size: 18px;
  font-family: PingFangSC-Semibold, PingFang SC;
  border-radius: 0;
}
.article-download .report-info__btns a + a {
  margin-left: 16px;
}
.article-download .report-info__btns a .fa {
  width: 48px;
  height: 48px;
  line-height: 48px;
  font-size: 24px;
}
.report-info {
  font-size: 16px;
  margin: 32px 0;
}
.report-info__tab {
  height: 40px;
  margin-bottom: 16px;
  border-right: 1px solid #ddd;
  background: #f5f7f9;
}
.report-info__tab li {
  text-align: center;
  float: left;
  width: 16.666666%;
}
.report-info__tab li a {
  display: block;
  height: 40px;
  line-height: 38px;
  color: #666;
  border: 1px solid #ddd;
  border-width: 1px 0 1px 1px;
}
.report-info__tab li a:hover {
  color: #1a79ff;
  background: #fff;
}
.report-info__tab li.active {
  background: #fff;
  border-top: 2px solid #1a79ff;
}
.report-info__tab li.active a {
  height: 38px;
  font-weight: bold;
  color: #1a79ff;
  border-top: 0;
  line-height: 36px;
}
.report-info__list li {
  line-height: 24px;
  padding: 4px 0;
}
.report-info__btns {
  padding: 12px 0;
}
.report-info__btns .btn {
  position: relative !important;
  height: 40px;
  width: 184px;
  border-radius: 2px;
  margin-right: 4px;
  overflow: hidden;
  padding-left: 40px;
}
.report-info__btns .btn .fa {
  position: absolute !important;
  text-align: center;
  font-size: 1.25rem;
  left: 0;
  top: 0;
  line-height: 38px;
  width: 40px;
  height: 40px;
  background: rgba(0, 0, 0, 0.15);
}
.report-info .btn-pdf {
  background: #eb3c00;
}
.goods-quantity {
  display: flex;
}
.goods-quantity i {
  height: 32px;
  width: 32px;
  text-align: center;
  border: 1px solid #e8e8e8;
  background-color: #f6f6f6;
  position: relative;
  cursor: pointer;
}
.goods-quantity i.minus:before,
.goods-quantity i.plus:before {
  content: '';
  width: 14px;
  height: 2px;
  background: #888;
  position: absolute;
  top: 50%;
  left: 50%;
  margin: -1px 0 0 -7px;
}
.goods-quantity i.plus:after {
  content: '';
  height: 14px;
  width: 2px;
  background: #888;
  position: absolute;
  top: 50%;
  left: 50%;
  margin: -7px 0 0 -1px;
}
.goods-quantity i.disabled:before,
.goods-quantity i.disabled:after {
  opacity: 0.5;
}
.goods-quantity input {
  border-radius: 0;
  height: 32px;
  border-width: 1px 0;
  text-align: center;
  width: 56px;
  padding: 0 0px 2px 16px;
  line-height: 1;
  font-size: 13px;
  border-color: #e8e8e8;
  z-index: 1;
}
.report-buy {
  display: flex;
  margin: 24px 0 32px;
}
.report-buy .article__cover {
  width: 240px;
  margin: 0 24px 0 0;
  position: relative;
  background: #fff;
}
.report-buy .article__cover .img {
  z-index: 2;
  background: #efefef;
}
.report-buy .article__cover label {
  display: block;
  line-height: 64px;
  font-weight: 400;
  font-size: 12px;
  text-align: center;
  border: 1px solid #efefef;
  border-top: 0;
  padding-top: 96px;
  margin: 0;
}
.report-buy .report-sku {
  flex: 1;
  width: 0;
}
.report-buy .report-sku .youhui {
  border: 1px solid var(--red);
  color: var(--red);
  line-height: 22px;
  font-size: 12px;
  height: 24px;
  margin: 4px 0;
  padding: 0 8px;
}
.report-buy .btns {
  padding-left: 76px;
  margin-top: 16px;
}
.report-buy .btns .btn {
  border-radius: 0;
  width: 120px;
  background: var(--red);
}
.report-buy .goods-price {
  margin: 0 0 16px;
  padding: 10px 0;
  background: url(../images/price-bg.png) 0 -12px repeat-x #efefef;
  line-height: 32px;
}
.report-buy .goods-price__item {
  margin: 2px 0;
  display: flex;
}
.report-buy .goods-price .goods-price-sale {
  font-size: 22px;
  margin-right: 12px;
  color: var(--red);
}
.report-buy .goods-price .goods-price-sale small {
  font-size: 16px;
  font-family: PingFangSC-Semibold, PingFang SC;
}
.report-buy .goods-price .product-price-market {
  color: #999;
}
.report-buy .dt,
.report-buy dt {
  margin: 0 16px 0 8px;
  color: #999;
  white-space: nowrap;
  line-height: 32px;
  width: 52px;
  height: 32px;
  overflow: hidden;
  font-family: simsun;
  text-align: justify;
  text-align-last: justify;
  font-size: 12px;
  font-weight: 400;
}
.report-buy dl {
  display: flex;
  margin-bottom: 0;
  line-height: 32px;
}
.goods-sku {
  display: flex;
  flex-wrap: wrap;
  margin-top: -8px;
}
.goods-sku li {
  padding: 0 16px;
  height: 32px;
  line-height: 30px;
  margin: 8px 8px 0 0;
  border: 1px solid #ccc;
  cursor: pointer;
  font-size: 12px;
  color: #666;
  white-space: nowrap;
}
.goods-sku li:hover {
  border-color: var(--red);
}
.goods-sku li.active {
  color: var(--red);
  border-color: var(--red);
}
.view-share {
  position: absolute !important;
  left: 0;
  top: 0;
  width: 80px;
  color: #c9bbc9;
}
.view-share h6 {
  line-height: 24px !important;
  font-weight: normal;
  font-size: 14px;
  height: 40px;
  width: 40px;
  text-align: center;
}
.view-share__item {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  padding: 12px 8px 12px 0;
  height: 64px;
  line-height: 16px;
  border-bottom: 1px solid #f0f0f0;
}
.view-share__item:last-child {
  border-bottom: 0;
}
.view-share__item .fa {
  text-align: center;
  min-width: 40px;
  width: 40px;
  height: 40px;
  line-height: 40px;
  color: #ccc;
  font-size: 20px;
  margin-right: auto;
}
.view-share__item span {
  width: 28px;
}
.view-share__item.mobile-qrcode {
  display: block;
  text-align: center;
  padding-right: 0;
}
.view-share__item.mobile-qrcode div {
  width: 80px;
  height: 80px;
  background: #f5f7f9;
  margin: 0 auto 8px;
  position: relative;
}
.view-share__item.mobile-qrcode div:after {
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  border: 1px solid rgba(0, 0, 0, 0.1);
}
.view-share__item.mobile-qrcode img {
  margin-left: -1px;
  box-shadow: inset 0 0 1px rgba(0, 0, 0, 0.5);
}
.view-share__item.mobile-qrcode span {
  width: 100%;
  display: block;
  font-size: 12px;
}
.box__bd {
  padding: 16px;
  border: 1px solid #ddd;
  border-top: 0;
}
.box__title {
  font-size: 2rem;
  line-height: 2.5rem;
}
.box--blue {
  border-top: 4px solid #1a79ff;
}
.next-card {
  line-height: 20px;
}
.next-card__title {
  position: relative !important;
  line-height: 24px !important;
  font-family: PingFangSC-Semibold, PingFang SC;
  font-size: 1rem;
  padding-bottom: 0.75rem;
  margin-bottom: 1rem;
}
.next-card__title:after {
  position: absolute !important;
  bottom: 0;
  left: 0;
  content: '';
  display: block;
  width: 20px;
  height: 1px;
  background: #ddd;
}
.report-method {
  margin-top: 24px;
  padding-top: 24px;
  border-top: 1px solid #f0f0f0;
}
.report-method h4 {
  font-weight: normal;
  font-size: 1rem;
  margin-bottom: 1rem;
}
.report-method ul {
  padding-left: 20px;
}
.report-method li {
  list-style-type: circle;
  line-height: 20px;
  padding: 2px 0;
}
.report-relate {
  line-height: 1.5rem;
  font-size: 1rem;
  color: #999;
}
.report-relate li {
  display: flex;
  padding: 0.25rem 0;
}
.report-relate__num {
  display: inline-block;
  width: 48px;
}
.report-relate__tit {
  width: 0;
  flex: 1;
}
.report-relate a {
  display: flex;
  width: 100%;
  color: #3b3b3b;
}
.report-relate a:hover {
  color: #1a79ff;
}
.tags-list {
  display: flex;
  flex-wrap: wrap;
  margin: -0.5rem 0 0 -1rem;
  line-height: 2rem;
}
.tags-list label {
  color: #999;
  margin: 0.5rem 1rem 0 1rem;
}
.tags-list__link {
  white-space: nowrap;
  padding: 0 1rem;
  border-radius: 2rem;
  margin: 0.5rem 0 0 1rem;
  background: #f5f5f5;
  color: #595959;
}
.tags-list__link:hover {
  background: #1a79ff;
  border-color: #1a79ff;
  color: #fff;
}
.list__wrapper {
  position: relative !important;
  margin-top: 24px;
}
.list__wrapper .breadcrumb {
  margin-bottom: 0;
}
.list__link {
  display: block;
  white-space: nowrap;
  line-height: 1.5rem;
  height: 2.5rem;
  padding: 7px 1rem;
  border: 1px solid #ddd;
  border-radius: 2rem;
}
.list__link:hover {
  background: #1a79ff;
  border-color: #1a79ff;
  color: #fff;
}
.list-line {
  height: 54px;
  background: url("../images/list_line.gif") repeat-x 0 center;
}
.single-navbar {
  margin: 40px 0;
  line-height: 40px;
  height: 40px;
}
.single-navbar ul {
  display: flex;
}
.single-navbar li {
  margin-right: 24px;
}
.single-navbar li a {
  display: block;
  padding: 0 20px;
  border-radius: 4px;
  background: rgba(0, 0, 0, 0.05);
  font-family: PingFangSC-Semibold, PingFang SC;
  font-size: 16px;
}
.single-navbar li a.active {
  background: #1a79ff;
  color: #fff;
}
.single-wrap {
  background: #fff;
}
.single-img {
  height: 400px;
  background: #f5f5f5;
}
.single-inner {
  background: #fff;
  padding: 80px;
}
.single-body {
  width: 750px;
  margin: 0 auto;
  font-size: 16px;
  line-height: 32px;
}
.single-body h1 {
  font-family: PingFangSC-Semibold, PingFang SC;
  font-weight: 700 !important;
  color: #666;
  margin: 0 0 40px !important;
}
.single-body p,
.single-body div {
  font-size: 16px;
  line-height: 32px;
  margin-top: 24px;
}
.single-body table {
  width: 100%;
}
.single-body table,
.single-body td,
.single-body th {
  border-collapse: collapse;
  border: 1px solid #eee;
  text-indent: 0;
  background: none !important;
  font-size: 16px;
}
.single-body td,
.single-body th {
  padding: 8px 12px;
}
.single-body td div,
.single-body th div,
.single-body td p,
.single-body th p {
  margin: 0;
  line-height: 1.5;
  font-size: 0.28rem;
  text-align: left !important;
  text-indent: 0;
}
.single-body blockquote {
  padding: 0px 24px;
  margin: 24px 0;
  font-size: 18px;
  border-left: 5px solid #eee;
}
.single-body blockquote div:first-child,
.single-body blockquote p:first-child {
  margin-top: 0;
}
.customer-list ul {
  display: flex;
  flex-wrap: wrap;
}
.customer-list li {
  border: 1px solid #eee;
  margin: -1px 0 0 -1px;
  width: 20%;
  height: 80px;
  display: flex;
  align-items: center;
  justify-content: center;
}
.customer-list li img {
  max-height: 48px;
  max-width: 128px;
}
.tag-text {
  color: #888;
}
.tag-text:hover {
  color: #333;
}
.tag-text i {
  font-size: 14px;
  margin-right: 4px;
}
.category-list {
  margin: 16px 0 -12px;
}
.category-list dl {
  display: flex;
  padding: 12px;
  line-height: 28px;
  font-size: 14px;
  margin: 0;
}
.category-list dl:not(:last-child) {
  border-bottom: 1px dashed #eee;
}
.category-list dl dt {
  width: 72px;
}
.category-list dl dd {
  flex: 1;
  width: 0;
  display: flex;
  flex-wrap: wrap;
  margin: 0;
}
.category-list dl dd a {
  margin-right: 28px;
  color: #666;
}
.category-list dl dd a.active,
.category-list dl dd a:hover {
  color: #1a79ff;
}
.search-form {
  display: flex;
  align-items: center;
  justify-content: center;
  background: rgba(26, 121, 255, 0.04);
  padding: 64px 0;
}
.search-form--empty {
  min-height: calc(100vh - 465px);
  margin-bottom: -64px;
}
.search-form form {
  display: flex;
  align-items: center;
  justify-content: center;
  position: relative;
  width: 640px;
  margin: 0 auto;
}
.search-form form i {
  position: absolute;
  width: 48px;
  height: 48px;
  line-height: 48px;
  text-align: center;
  color: #ddd;
  font-size: 18px;
  left: 0;
}
.search-form form input {
  height: 48px;
  border-radius: 24px;
  border: 1px solid #eee;
  width: 640px;
  outline: none;
  padding: 0 48px;
  font-size: 16px;
  font-family: PingFangSC-Semibold, PingFang SC;
}
.search-form form button {
  width: 120px;
  height: 48px;
  border-radius: 24px;
  background: #1a79ff;
  color: #fff;
  font-size: 16px;
  border: 0;
  position: absolute;
  top: 0;
  right: 0;
  outline: none;
  font-family: PingFangSC-Semibold, PingFang SC;
}
.search-form form button:hover {
  background: #0062cc;
}
.search-form .hot-words {
  width: 640px;
  margin: 12px auto 0;
  line-height: 24px;
  padding: 0 16px;
  display: flex;
  flex-wrap: wrap;
}
.search-form .hot-words a {
  margin-right: 12px;
}
.search-container {
  min-height: calc(100vh - 705px);
  padding: 16px 0 0;
}
.search-tab {
  margin: 0;
  height: 48px;
  border-bottom: 1px solid #f0f0f0;
  display: flex;
  line-height: 40px;
}
.search-tab li {
  margin-right: 32px;
  font-size: 16px;
}
.search-tab .active {
  height: 48px;
  border-bottom: 1px solid #1a79ff;
  color: #1a79ff;
  font-weight: 700;
}
.search-result {
  font-size: 14px;
  font-weight: 400;
  margin: 24px 0;
  line-height: 32px;
}
.empty {
  padding: 24px;
}
.cart-container {
  padding: 32px 0 0;
}
.cart-panel {
  border: 1px solid #E8E8E8;
  margin-bottom: 24px;
}
.cart-panel .alert {
  padding: 8px 12px;
  margin-bottom: 32px;
  border-radius: 0;
}
.cart-panel .alert-danger {
  color: var(--red);
}
.cart-panel__title {
  height: 36px;
  line-height: 35px;
  border-bottom: 1px solid #E8E8E8;
  padding: 0 16px;
  font-size: 14px;
  color: #888;
  font-weight: 500;
  background: #f5f5f5;
}
.cart-panel__body {
  padding: 40px;
}
.cart-panel .pay-method {
  display: flex;
}
.cart-panel .pay-method label {
  margin: 0 8px 0 0;
  border: 1px solid #e5e5e5;
  height: 48px;
  width: 144px;
  text-align: center;
  position: relative;
}
.cart-panel .pay-method label svg {
  display: block;
  margin: 3px auto;
}
.cart-panel .pay-method label.active:before {
  position: absolute;
  content: '';
  top: -1px;
  left: -1px;
  right: -1px;
  bottom: -1px;
  border: 2px solid var(--red);
}
.cart-panel .pay-method label.active:after {
  position: absolute;
  right: 0;
  bottom: 0;
  height: 15px;
  line-height: 15px;
  content: "\e6d5";
  color: #ff0000;
}
.cart-panel .pay-method input {
  display: none;
}
.goods-list__item {
  display: flex;
  align-items: center;
}
.goods-list__head {
  line-height: 36px;
  border-bottom: 1px solid #E8E8E8;
  background: #f5f5f5;
  color: #888;
}
.goods-list__item-col {
  flex: 1;
  padding: 0 20px;
  line-height: 36px;
  min-height: 36px;
}
.goods-list .col-name {
  flex: 3;
  display: flex;
  align-items: center;
}
.goods-list .col-name .img-report {
  width: 72px;
  margin: 20px 16px 20px 0;
}
.goods-list .col-name .img-report label {
  transform: scale(0.6);
  transform-origin: center center;
}
.goods-list .col-name h3 {
  width: 0;
  flex: 1;
  font-size: 14px;
  line-height: 24px;
  font-weight: 500;
}
.cart-info {
  margin-top: 24px;
  padding-left: 20px;
  border: 1px solid #E8E8E8;
  background: #f5f5f5;
  height: 60px;
  display: flex;
  align-items: center;
}
.cart-info__amount {
  padding: 0 16px;
  margin-left: auto;
  color: #888;
}
.cart-info__amount strong {
  color: var(--red);
  font-size: 22px;
}
.cart-info button {
  border: 0;
  background: var(--red);
  color: #fff;
  font-size: 18px;
  font-family: PingFangSC-Semibold, PingFang SC;
  width: 144px;
  height: 60px;
}
.img-report__inner {
  padding-top: 70%;
  display: block;
  border: 1px solid #ddd;
  border-top: 0;
  text-align: center;
  margin: 0;
  position: relative;
}
.img-report label {
  position: absolute;
  left: -50%;
  bottom: 0;
  right: -50%;
  font-size: 12px;
  display: block;
  line-height: 32px;
  margin: 0;
  white-space: nowrap;
}
.min-h-container {
  min-height: calc(100vh - 529px);
}
.cart-empty {
  margin: 80px auto;
  width: 480px;
  border-radius: 16px;
  padding: 48px;
  border: 1px solid #eee;
  display: flex;
}
.cart-empty i {
  font-size: 40px;
  width: 44px;
  height: 44px;
  line-height: 44px;
  color: #999;
  margin-right: 24px;
}
.cart-empty h3 {
  font-size: 18px;
  margin-bottom: 8px;
}
.cart-empty p {
  font-size: 14px;
  color: #999;
}
.order-address {
  display: flex;
}
.order-address__inner {
  margin-right: auto;
}
.order-address .form-group {
  display: flex;
}
.order-address .form-group:last-child {
  margin-bottom: 0;
}
.order-address .form-group .w480 {
  width: 480px;
}
.order-address .form-group label {
  width: 120px;
  margin-bottom: 0;
  line-height: 38px;
  text-align: right;
  color: #888;
  padding-right: 20px;
}
.order-address .form-group input {
  width: initial;
}
.order-address .order-contact {
  width: 320px;
  padding-left: 40px;
  border-left: 1px dashed #eee;
}
.order-address .order-contact dt {
  line-height: 24px;
  margin-bottom: 12px;
  color: #999;
}
.order-address .order-contact dd {
  font-size: 16px;
  font-weight: bold;
  color: var(--red);
}
.tag-report {
  border: 1px dashed #ddd;
  padding: 20px 24px;
  margin: 16px 0;
}
.tag-report a {
  text-decoration: none;
}
.tag-report .img {
  width: 104px;
  height: 132px;
  background: #fff;
  border: 1px solid #ddd;
  margin-right: 24px;
}
.tag-report .img img {
  margin: 0;
}
.tag-report .media__title {
  white-space: initial;
  overflow: initial;
}
.tag-report p {
  line-height: 24px;
}
.article__body .tag-report {
  margin: 16px 0;
}
.author-banner {
  height: 200px;
  padding: 28px 48px;
  border-radius: 4px;
  background-color: #3b3b3b;
  background-size: 100% auto;
  background-repeat: no-repeat;
  background-position: center;
  margin: 24px 0 32px;
  display: flex;
  align-items: center;
  color: #fff;
  position: relative;
  overflow: hidden;
}
.author-banner:before {
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background: rgba(0, 0, 0, 0.5);
}
.author-banner__avatar {
  border-radius: 50%;
  overflow: hidden;
  border: 4px solid rgba(255, 255, 255, 0.9);
  background: #fff;
  margin-right: 24px;
  position: relative;
  z-index: 2;
}
.author-banner__avatar img {
  display: block;
  width: 128px;
  height: 128px;
  object-fit: cover;
}
.author-banner__inner {
  width: 600px;
  margin-right: 48px;
  position: relative;
  z-index: 2;
}
.author-banner__name {
  color: #fff;
  font-size: 24px;
  margin-bottom: 8px;
}
.author-banner__info {
  margin-top: 8px;
  position: relative;
  z-index: 2;
}
.author-banner__info strong {
  font-size: 18px;
  color: #fee034;
}
.author-banner__qrcode {
  text-align: center;
  margin-left: auto;
  position: relative;
}
.author-banner__qrcode img {
  width: 136px;
  height: 136px;
  object-fit: cover;
  display: block;
  border: 4px solid #fff;
  border-radius: 4px;
  background: #fff;
}
.author-banner__qrcode span {
  display: block;
  margin-top: 8px;
  line-height: 24px;
  color: #fff;
}
.author__main {
  display: flex;
}
.author__avatar {
  width: 80px;
  height: 80px;
  background: #f3f3f3;
  border-radius: 50%;
  overflow: hidden;
  margin-right: 16px;
}
.author__avatar img {
  display: block;
  width: 80px;
  height: 80px;
  object-fit: cover;
}
.author__text {
  width: 0;
  flex: 1;
}
.author__name {
  font-size: 16px;
  line-height: 32px;
}
.author__desc {
  font-size: 12px;
  color: #999;
  line-height: 16px;
}
.author__info {
  display: flex;
  margin-top: 24px;
}
.author__info li {
  flex: 1;
  text-align: center;
}
.author__info strong {
  display: block;
  line-height: 40px;
  font-size: 20px;
}
.author__info span {
  display: block;
  line-height: 24px;
  color: #999;
}
.section-grey {
  background: url(../images/pic1.jpg) no-repeat center 0;
  background-size: 100% auto;
}
.author-panel .author {
  margin: -16px -16px 16px;
  background: #f5f7f9;
  padding: 16px;
  border-bottom: 1px solid #eee;
}
.author-panel .btn-primary {
  border-radius: 999px;
  width: 168px;
  margin-left: auto;
  margin-right: auto;
  background: none;
  border-color: #1a79ff;
  color: #1a79ff;
  font-size: 14px;
}
.section-panel {
  padding: 48px 0;
}
.section-panel .section-title {
  padding-top: 0;
}
.section-title {
  padding: 40px 0 32px;
  text-align: center;
  position: relative;
}
.section-title__tit {
  font-size: 28px;
  height: 56px;
  line-height: 56px;
  font-family: PingFangSC-Semibold, PingFang SC;
}
.section-title__desc {
  font-size: 14px;
  line-height: 16px;
}
.author-list {
  margin: 0 -10px;
}
.author-list__item {
  float: left;
  width: 25%;
  padding: 0 10px 20px;
}
.author-list .author {
  display: block;
  background: #fff;
  border: 1px solid #eee;
  padding: 20px 0 0;
  border-radius: 8px;
}
.author-list .author:hover {
  box-shadow: 0 0 12px rgba(0, 0, 0, 0.1);
}
.author-list .author__main {
  flex-direction: column;
  align-items: center;
  padding: 0 16px;
}
.author-list .author__avatar {
  margin-right: 0;
}
.author-list .author__text {
  margin-top: 12px;
  width: initial;
  text-align: center;
}
.author-list .author__desc {
  height: 32px;
  overflow: hidden;
}
.author-list .author__info {
  margin: 16px 0 0;
  border-top: 1px solid #eee;
}
.author-list .author__info li {
  padding: 8px 0;
}
.author-list .author__info li:last-child {
  border-left: 1px solid #eee;
}
.author-list .author__info span {
  font-size: 12px;
  line-height: 20px;
}
.author-list .author__info strong {
  font-size: 16px;
  line-height: 28px;
  color: initial;
}
.aside-bar {
  position: fixed;
  z-index: 998;
  left: 50%;
  bottom: 60px;
  margin-left: 616px;
  width: 48px;
}
.aside-bar__item {
  position: relative;
  margin-top: 4px;
  cursor: default;
}
.aside-bar__item-inner {
  font-size: 14px;
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 8px;
  background: #f3f3f3;
  border-radius: 4px;
  text-align: center;
  min-height: 48px;
}
.aside-bar__item-inner i {
  font-size: 22px;
  color: #999;
  line-height: 24px;
}
.aside-bar__item-inner span {
  display: none;
  line-height: 16px;
  color: #fff;
}
.aside-bar__item-inner .icon-angle {
  transform: rotate(-90deg);
}
.aside-bar__item:hover .aside-bar__item-inner {
  background: #1a79ff;
}
.aside-bar__item:hover .aside-bar__item-inner i {
  display: none;
}
.aside-bar__item:hover .aside-bar__item-inner span {
  display: block;
}
.aside-bar__item:hover .aside-bar__popper {
  display: block;
}
.aside-bar__popper {
  position: absolute;
  bottom: 0;
  right: 48px;
  padding-right: 16px;
  display: none;
}
.aside-bar__popper-inner {
  padding: 16px;
  background: #fff;
  border-radius: 4px;
  line-height: 24px;
  min-width: 144px;
  box-shadow: 0 0 16px rgba(0, 0, 0, 0.2);
}
.aside-bar__popper:after {
  content: '';
  position: absolute;
  width: 16px;
  height: 16px;
  bottom: 12px;
  right: 10px;
  border-radius: 4px;
  background: #fff;
  transform: rotate(45deg);
}
.aside-bar__popper .qrcode {
  display: block;
  width: 128px;
}