/*!******************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/.pnpm/css-loader@7.1.4_webpack@5.108.0/node_modules/css-loader/dist/cjs.js??clonedRuleSet-2.use[1]!./node_modules/.pnpm/vue-loader@15.11.1_css-loader@7.1.4_webpack@5.108.0__lodash@4.18.1_underscore@1.13.8_webpack@5.108.0/node_modules/vue-loader/lib/loaders/stylePostLoader.js!./node_modules/.pnpm/postcss-loader@8.2.1_postcss@8.5.15_typescript@5.9.3_webpack@5.108.0/node_modules/postcss-loader/dist/cjs.js!./node_modules/.pnpm/less-loader@12.3.3_less@4.6.7_webpack@5.108.0/node_modules/less-loader/dist/cjs.js!./node_modules/.pnpm/vue-loader@15.11.1_css-loader@7.1.4_webpack@5.108.0__lodash@4.18.1_underscore@1.13.8_webpack@5.108.0/node_modules/vue-loader/lib/index.js??vue-loader-options!./src/ssr/components/sogou/Header.vue?vue&type=style&index=0&id=03f7565e&lang=less&scoped=true ***!
  \******************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
.sgui-header[data-v-03f7565e] {
  height: 45px;
  position: fixed;
  top: 0;
  z-index: 100;
  left: 0;
  width: 100%;
  background: #fff;
  box-sizing: border-box;
  padding: 8px 17px;
  border-bottom: 1px solid #f1f1f1;
}
.sgui-header .left-radius-flex[data-v-03f7565e] {
  display: flex;
  color: #222;
  align-items: center;
}
.sgui-header .left-radius-flex .left-img-layout[data-v-03f7565e] {
  position: relative;
  z-index: 1;
  margin-right: 8px;
  flex-shrink: 0;
  width: 28px;
  height: 28px;
  overflow: hidden;
}
.sgui-header .left-radius-flex .left-img-height[data-v-03f7565e] {
  position: relative;
  z-index: 1;
  display: block;
  width: 100%;
  height: 0;
  padding-bottom: 100%;
  font-style: normal;
  overflow: hidden;
  border-radius: 100%;
}
.sgui-header .left-radius-flex .left-text-layout[data-v-03f7565e] {
  flex: 1;
  overflow: hidden;
  color: #999;
}
.sgui-header .left-radius-flex .left-text-layout span[data-v-03f7565e] {
  font-size: 16px;
  line-height: 25px;
  color: #222;
}

/*!*******************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/.pnpm/css-loader@7.1.4_webpack@5.108.0/node_modules/css-loader/dist/cjs.js??clonedRuleSet-2.use[1]!./node_modules/.pnpm/vue-loader@15.11.1_css-loader@7.1.4_webpack@5.108.0__lodash@4.18.1_underscore@1.13.8_webpack@5.108.0/node_modules/vue-loader/lib/loaders/stylePostLoader.js!./node_modules/.pnpm/postcss-loader@8.2.1_postcss@8.5.15_typescript@5.9.3_webpack@5.108.0/node_modules/postcss-loader/dist/cjs.js!./node_modules/.pnpm/less-loader@12.3.3_less@4.6.7_webpack@5.108.0/node_modules/less-loader/dist/cjs.js!./node_modules/.pnpm/vue-loader@15.11.1_css-loader@7.1.4_webpack@5.108.0__lodash@4.18.1_underscore@1.13.8_webpack@5.108.0/node_modules/vue-loader/lib/index.js??vue-loader-options!./src/ssr/components/sogou/Content.vue?vue&type=style&index=0&id=1fcd29f8&lang=less ***!
  \*******************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
#articleContent em {
  font-style: italic;
}
#articleContent h1 {
  font-weight: 600;
  font-size: 20px;
  color: #3C3C3D;
  margin-bottom: 22px;
  line-height: 31px;
}
#articleContent h2 {
  font-weight: 600;
  font-size: 19px;
  color: #3C3C3D;
  margin-bottom: 22px;
  line-height: 31px;
}
#articleContent hr {
  margin-bottom: 22px;
  border-top: 1px solid #EBEBEB;
  border-bottom: 0;
}

/*!*******************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/.pnpm/css-loader@7.1.4_webpack@5.108.0/node_modules/css-loader/dist/cjs.js??clonedRuleSet-2.use[1]!./node_modules/.pnpm/vue-loader@15.11.1_css-loader@7.1.4_webpack@5.108.0__lodash@4.18.1_underscore@1.13.8_webpack@5.108.0/node_modules/vue-loader/lib/loaders/stylePostLoader.js!./node_modules/.pnpm/postcss-loader@8.2.1_postcss@8.5.15_typescript@5.9.3_webpack@5.108.0/node_modules/postcss-loader/dist/cjs.js!./node_modules/.pnpm/less-loader@12.3.3_less@4.6.7_webpack@5.108.0/node_modules/less-loader/dist/cjs.js!./node_modules/.pnpm/vue-loader@15.11.1_css-loader@7.1.4_webpack@5.108.0__lodash@4.18.1_underscore@1.13.8_webpack@5.108.0/node_modules/vue-loader/lib/index.js??vue-loader-options!./src/ssr/components/sogou/Content.vue?vue&type=style&index=1&id=1fcd29f8&lang=less&scoped=true ***!
  \*******************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
a[data-v-1fcd29f8] {
  color: #2b2b2b;
}
.sgui-content[data-v-1fcd29f8] {
  margin-top: 45px;
  position: relative;
  box-sizing: border-box;
  overflow: hidden;
  -webkit-text-size-adjust: none;
  word-break: break-all;
  word-wrap: break-word;
  font-family: Arial, Microsoft YaHei\, SimHei, Helvetica, sans-serif;
  color: #222;
  font-size: 14px;
  line-height: 20px;
}
.sgui-content .sgui-customer-content[data-v-1fcd29f8] {
  position: relative;
  overflow: hidden;
  padding: 0 17px 14px;
}
.sgui-content .sgui-customer-content .sgui-info-box[data-v-1fcd29f8] {
  position: relative;
  overflow: hidden;
}
.sgui-content .sgui-customer-content .sgui-info-box .sgui-text-title[data-v-1fcd29f8] {
  font-size: 24px;
  line-height: 36px;
  padding: 18px 0 6px;
  color: #222;
  font-weight: 700;
  position: relative;
}
.sgui-content .sgui-customer-content .sgui-info-box .sgui-time[data-v-1fcd29f8] {
  line-height: 19px;
  font-size: 12px;
  color: #aaa;
  margin-bottom: 15px;
  position: relative;
}
.sgui-content .sgui-customer-content .sgui-info-box #relate_video[data-v-1fcd29f8] {
  height: 14rem;
}
.sgui-content .sgui-customer-content .sgui-info-box .author-container[data-v-1fcd29f8] {
  background: #f8f8f8;
  display: block;
  padding: 15px 11px 15px 12px;
  margin-bottom: 22px;
}
.sgui-content .sgui-customer-content .sgui-info-box .author-container a[data-v-1fcd29f8] {
  display: flex;
  color: #222;
  text-decoration: none;
}
.sgui-content .sgui-customer-content .sgui-info-box .author-container a .img-container[data-v-1fcd29f8] {
  position: relative;
}
.sgui-content .sgui-customer-content .sgui-info-box .author-container a .img-container .avatar[data-v-1fcd29f8] {
  object-fit: fill;
  width: 41px;
  height: 41px;
  display: block;
  margin-right: 16px;
  border-radius: 50%;
}
.sgui-content .sgui-customer-content .sgui-info-box .author-container a .img-container .v-icon[data-v-1fcd29f8] {
  position: absolute;
  width: 15px;
  height: 15px;
  bottom: 0px;
  left: 27px;
  border: 1px solid #ffffff;
  border-radius: 50%;
}
.sgui-content .sgui-customer-content .sgui-info-box .author-container a .right .title[data-v-1fcd29f8] {
  font-size: 16px;
  color: #222222;
  line-height: 16px;
}
.sgui-content .sgui-customer-content .sgui-info-box .author-container a .right .level-icon[data-v-1fcd29f8] {
  margin-left: 8px;
  line-height: 16px;
}
.sgui-content .sgui-customer-content .sgui-info-box .author-container a .right .level-icon img[data-v-1fcd29f8] {
  width: 15px;
  height: 14px;
  margin-right: 5px;
}
.sgui-content .sgui-customer-content .sgui-info-box .author-container a .right .nums-c[data-v-1fcd29f8] {
  color: #282828;
  margin-top: 8px;
  font-size: 12px;
  height: 14px;
  line-height: 14px;
}
.sgui-content .sgui-customer-content .sgui-info-box .author-container a .right .nums-c .name[data-v-1fcd29f8] {
  color: #222222;
  line-height: 16px;
}
.sgui-content .sgui-customer-content .sgui-info-box .author-container a .right .nums-c .name span[data-v-1fcd29f8] {
  color: #999;
}
.sgui-content .sgui-customer-content .sgui-info-box .author-container a .right .nums-c .txt[data-v-1fcd29f8] {
  font-size: 10px;
  color: #999999;
  display: inline-block;
}
.sgui-content .sgui-customer-content .sgui-info-box .author-container a .right .nums-c .num[data-v-1fcd29f8] {
  margin: 0 2px;
  display: inline-block;
}
.sgui-content .sgui-customer-content .sgui-info-box .author-container .desc-container[data-v-1fcd29f8] {
  display: flex;
}
.sgui-content .sgui-customer-content .sgui-info-box .author-container .desc-container .desc[data-v-1fcd29f8] {
  margin-top: 10px;
  font-size: 12px;
  color: #666666;
  line-height: 17px;
  flex: 1;
}
.sgui-content .sgui-customer-content .sgui-info-box .author-container .desc-container .desc.desc-more[data-v-1fcd29f8] {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.sgui-content .sgui-customer-content .sgui-info-box .author-container .desc-container .show-icon-c[data-v-1fcd29f8] {
  width: 10px;
  margin-left: 10px;
  position: relative;
}
.sgui-content .sgui-customer-content .sgui-info-box .author-container .desc-container .show-icon-c img[data-v-1fcd29f8] {
  display: block;
  width: 10px;
  height: 6px;
  position: absolute;
  bottom: 4px;
}
.sgui-content .sgui-customer-content .sgui-info-box .author-container .desc-container .show-icon-c .rotate[data-v-1fcd29f8] {
  transform: rotate(180deg);
}
.sgui-content .sgui-customer-content .sgui-info-box .sgui-desc[data-v-1fcd29f8] p {
  line-height: 28px;
  font-size: 16px;
  text-indent: 36px;
}
.sgui-content .sgui-customer-content .sgui-info-box .sgui-desc[data-v-1fcd29f8] img {
  display: block;
  width: 100%;
  height: auto;
}
.sgui-content .sgui-customer-content .sgui-info-box .sgui-desc[data-v-1fcd29f8] h1.ql-align-center {
  font-weight: 700;
  font-size: 20px;
  line-height: 31px;
  margin-bottom: 22px;
}
.sgui-content .sgui-customer-content .sgui-info-box .statement-area[data-v-1fcd29f8] {
  position: relative;
}
.sgui-content .sgui-customer-content .sgui-info-box .statement-area .statement-label[data-v-1fcd29f8] {
  font-size: 12px;
  /*no*/
  font-family: PingFangSC-Regular, PingFang SC;
  font-weight: 400;
  color: #666666;
  line-height: 17px;
  /*no*/
  text-align: right;
  height: 28px;
  /*no*/
}
.sgui-content .sgui-customer-content .sgui-info-box .statement-area .statement-desc[data-v-1fcd29f8] {
  z-index: 10;
  position: absolute;
  right: 0px;
  /*no*/
  top: -40px;
  /*no*/
  width: 300px;
  /*no*/
  padding: 14px 10px 14px 20px;
  /*no*/
  background-size: cover;
  box-shadow: 0px 3px 12px 0px rgba(51, 51, 51, 0.1);
  /*no*/
  border-radius: 4px;
  /*no*/
  background: #ffffff;
  line-height: 32px;
  color: #666666;
  font-size: 22px;
  /*px*/
}
.sgui-content .sgui-customer-content .sgui-info-box .statement-area .statement-desc[data-v-1fcd29f8]::before {
  content: '';
  width: 0;
  height: 0;
  border: 5px solid transparent;
  /*no*/
  position: absolute;
  top: -10px;
  /*no*/
  right: 30px;
  /*no*/
  border-top-color: #ffffff;
}

/*!**************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/.pnpm/css-loader@7.1.4_webpack@5.108.0/node_modules/css-loader/dist/cjs.js??clonedRuleSet-2.use[1]!./node_modules/.pnpm/vue-loader@15.11.1_css-loader@7.1.4_webpack@5.108.0__lodash@4.18.1_underscore@1.13.8_webpack@5.108.0/node_modules/vue-loader/lib/loaders/stylePostLoader.js!./node_modules/.pnpm/postcss-loader@8.2.1_postcss@8.5.15_typescript@5.9.3_webpack@5.108.0/node_modules/postcss-loader/dist/cjs.js!./node_modules/.pnpm/less-loader@12.3.3_less@4.6.7_webpack@5.108.0/node_modules/less-loader/dist/cjs.js!./node_modules/.pnpm/vue-loader@15.11.1_css-loader@7.1.4_webpack@5.108.0__lodash@4.18.1_underscore@1.13.8_webpack@5.108.0/node_modules/vue-loader/lib/index.js??vue-loader-options!./src/ssr/components/sogou/App.vue?vue&type=style&index=0&id=3d83b1c0&lang=css ***!
  \**************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
html,
body {
  padding: 0;
  margin: 0;
}

/*!************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/.pnpm/css-loader@7.1.4_webpack@5.108.0/node_modules/css-loader/dist/cjs.js??clonedRuleSet-2.use[1]!./node_modules/.pnpm/vue-loader@15.11.1_css-loader@7.1.4_webpack@5.108.0__lodash@4.18.1_underscore@1.13.8_webpack@5.108.0/node_modules/vue-loader/lib/loaders/stylePostLoader.js!./node_modules/.pnpm/postcss-loader@8.2.1_postcss@8.5.15_typescript@5.9.3_webpack@5.108.0/node_modules/postcss-loader/dist/cjs.js!./node_modules/.pnpm/less-loader@12.3.3_less@4.6.7_webpack@5.108.0/node_modules/less-loader/dist/cjs.js!./node_modules/.pnpm/vue-loader@15.11.1_css-loader@7.1.4_webpack@5.108.0__lodash@4.18.1_underscore@1.13.8_webpack@5.108.0/node_modules/vue-loader/lib/index.js??vue-loader-options!./src/client/sogou/vote/Tip.vue?vue&type=style&index=0&id=ab704fa2&lang=less&scoped=true ***!
  \************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
.tips[data-v-ab704fa2] {
  margin-top: 8px;
  width: 100%;
  height: 18px;
  font-family: PingFangSC, PingFang SC;
  font-weight: 400;
  font-size: 12px;
  color: #999999;
  display: flex;
  align-items: center;
  justify-content: space-between;
}

/*!*****************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/.pnpm/css-loader@7.1.4_webpack@5.108.0/node_modules/css-loader/dist/cjs.js??clonedRuleSet-2.use[1]!./node_modules/.pnpm/vue-loader@15.11.1_css-loader@7.1.4_webpack@5.108.0__lodash@4.18.1_underscore@1.13.8_webpack@5.108.0/node_modules/vue-loader/lib/loaders/stylePostLoader.js!./node_modules/.pnpm/postcss-loader@8.2.1_postcss@8.5.15_typescript@5.9.3_webpack@5.108.0/node_modules/postcss-loader/dist/cjs.js!./node_modules/.pnpm/less-loader@12.3.3_less@4.6.7_webpack@5.108.0/node_modules/less-loader/dist/cjs.js!./node_modules/.pnpm/vue-loader@15.11.1_css-loader@7.1.4_webpack@5.108.0__lodash@4.18.1_underscore@1.13.8_webpack@5.108.0/node_modules/vue-loader/lib/index.js??vue-loader-options!./src/client/sogou/vote/TextVote.vue?vue&type=style&index=0&id=5035afd3&lang=less&scoped=true ***!
  \*****************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
.text-vote[data-v-5035afd3] {
  margin-bottom: 21px;
  width: 100%;
  box-sizing: border-box;
  background: #F8F8F8;
  border-radius: 4px;
  padding: 12px;
  font-family: PingFangSC, PingFang SC;
}
.text-vote .title[data-v-5035afd3] {
  font-weight: 600;
  font-size: 18px;
  color: #111111;
  line-height: 26px;
  text-align: left;
  font-style: normal;
}
.text-vote .two-options .two-un-voted[data-v-5035afd3] {
  margin-top: 8px;
  height: 32px;
  width: 100%;
  background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAo4AAABACAMAAACjrQY/AAAAqFBMVEUAAABKcP//Xkz/XUxJb///XUxKb///Xkz/XUxKcP//Xk1JcP//XUz/Xk1Jb///Xk3/XUxJb/9Kb/9Jb/9Hbv//XUxIb/9Eb///Xk0uXf//XUZJb/9JcP9Kb///XU1Jb/9JcP//XU1LcP9Kb///XUxKcP9Jb///Xk3/XU7/Xk3/XExIbv9Hbv//XEr/WU1Hbf9Jbf//V0n/XEf/VUk7Yv//Tk5KcP//Xk1NTSsqAAAANnRSTlMA7OzVpaWLi1X4+PHx4snFfnVkVDU1Fw8PBQXW0ra25d/Lw5eXf353c2dgWEhIKCcjIxkVDQ212AlcAAACe0lEQVR42u3d6XLaMBSG4S82xg5hMTshTRraJqV0CyWR7v/OOkWdtjNlsTGQ8+N9rkHDIr060jaj/mOtfX9x6VDGjYJvHhs0otYsybOVShnU3zgcoq7go8cOcTpUQc9d1uLBBgo6HrvF8xftN364cDjUWwU/PPaK8on26LEYq3iv4JNHAdFCuzy9c6jii4I7j0I6S23Vv3Ko4upaa5OGRzHNTFvUHaqpKcg8Cku1yXXNoaLPChKP4pLphtV461DR5Vhr06ZHCXf/r0c+G6u7VfDVo5SE340n0FPwwaPS78e+Q3UjBS2PkjL944kdniNoKxh6lNVc6i92v4+hqyD1KK2jP3oOR/BdQexR3kK/jTmnJnV8ddFEwYMDqeOry7X2zIcjqaMBUegfuw6kjgbM9cuNA6mjAbEkDRxIHU0YcjxI6mhHKol7WqSORsTSyIHU0YgV8QSpox2ZHh1IHY3IyW5JHe1I1HYgdTRipnsHUkcjWuLAmtTRjEhMzCN1NKPBciR1tKPBlzWpox0Rf2VIHe1osdFD6mjHjG1wUkc7Eg4JSR3tyEkoSB3tyAjMSB3tWJHfkjqaEXM5gdTRjpSrW6SOdgzFZRlSRytirv2TOtoxZygKqaMZ0Qsjo0gdzcgZqEfqaEY0YdwoqaMZC4Yxkzqa0WFUPamjGc0lD3mQOpqR8cwRqaMZKY/AkTqakfBEJqmjGXdTHhAmdbQimfK8OqmjFam26LPfQ+p4Zs1MWz2xH07qeFadpXbpcX5N6ng20UJ7jB9YkKSOZxHlE+333OXhI1LHk4vnLypoUOfGAqnjCcXpUKWM+o+19v0F8/ZIHY+oEbVmSZ6ttMVPjnCcBEDoE1gAAAAASUVORK5CYII=) no-repeat center;
  background-size: 100% 100%;
  display: flex;
}
.text-vote .two-options .two-un-voted .option[data-v-5035afd3] {
  height: 100%;
  flex: 1;
  display: flex;
  align-items: center;
  justify-content: center;
  font-weight: 500;
  font-size: 14px;
  color: #FFFFFF;
}
.text-vote .two-options .two-finished .option-name[data-v-5035afd3] {
  display: flex;
  height: 16px;
  margin-top: 8px;
  justify-content: space-between;
  align-items: center;
}
.text-vote .two-options .two-finished .option-name .left[data-v-5035afd3] {
  width: 50%;
  display: flex;
  align-items: center;
  white-space: nowrap;
}
.text-vote .two-options .two-finished .option-name .left .left-name[data-v-5035afd3] {
  height: 16px;
  font-size: 12px;
  font-family: PingFangSC-Medium, PingFang SC;
  font-weight: 500;
  line-height: 16px;
  margin-right: 4px;
  max-width: 160px;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.text-vote .two-options .two-finished .option-name .left .selected-icon[data-v-5035afd3] {
  width: 14px;
  height: 14px;
  margin-bottom: 0 !important;
  margin-right: 4px;
}
.text-vote .two-options .two-finished .option-name .right[data-v-5035afd3] {
  width: 50%;
  display: flex;
  justify-content: flex-end;
  align-items: center;
}
.text-vote .two-options .two-finished .option-name .right .right-name[data-v-5035afd3] {
  display: inline-block;
  height: 16px;
  font-size: 12px;
  font-family: PingFangSC-Medium, PingFang SC;
  font-weight: 500;
  line-height: 16px;
  margin-left: 4px;
  max-width: 160px;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}
.text-vote .two-options .two-finished .option-name .right .selected-icon[data-v-5035afd3] {
  width: 14px;
  height: 14px;
  margin-bottom: 0 !important;
  margin-left: 4px;
}
.text-vote .two-options .two-finished .result-bar[data-v-5035afd3] {
  margin-top: 4px;
  width: 100%;
  height: 12px;
  border-radius: 20px;
  background: linear-gradient(to right, var(--resultbar-left-color) var(--percent), var(--resultbar-left-color) var(--percent), var(--resultbar-right-color) var(--percent), var(--resultbar-right-color) 100%);
}
.text-vote .mul-options[data-v-5035afd3] {
  margin-top: 8px;
}
.text-vote .mul-options .vote-1[data-v-5035afd3] {
  margin-top: 4px;
  height: 32px;
  font-weight: 500;
  font-size: 14px;
  color: #558DDC;
  display: flex;
  align-items: center;
  justify-content: center;
  box-sizing: border-box;
  border: 1px solid #EBEBEB;
  border-radius: 16px;
  background: white;
}
.text-vote .mul-options .vote-2[data-v-5035afd3] {
  margin-top: 4px;
  height: 32px;
  box-sizing: border-box;
  display: flex;
  align-items: center;
  font-weight: 500;
  font-size: 13px;
  color: #1842DF;
  padding-left: 16px;
  background: linear-gradient(to right, #DFE6FF var(--percent), #DFE6FF var(--percent), #fff var(--percent), #fff 100%);
  border-radius: 16px;
  border: 1px solid #DFE6FF;
}
.text-vote .mul-options .vote-2 .name[data-v-5035afd3] {
  white-space: nowrap;
  /* 禁止换行 */
  overflow: hidden;
  /* 隐藏溢出的内容 */
  text-overflow: ellipsis;
  /* 使用省略号表示被截断的文本 */
  text-align: center;
  /* 文字居中对齐 */
  max-width: 78%;
  /* 限制最大宽度 */
}
.text-vote .mul-options .vote-2 .percent[data-v-5035afd3] {
  margin-left: 4px;
  font-weight: 400;
  font-size: 12px;
  color: #1842DF;
}
.text-vote .mul-options .vote-3[data-v-5035afd3] {
  margin-top: 4px;
  height: 32px;
  box-sizing: border-box;
  display: flex;
  align-items: center;
  font-weight: 400;
  font-size: 13px;
  color: #111;
  padding-left: 16px;
  background: linear-gradient(to right, #EBEBEB var(--percent), #EBEBEB var(--percent), #fff var(--percent), #fff 100%);
  border-radius: 16px;
  border: 1px solid #ebebeb;
}
.text-vote .mul-options .vote-3 .name[data-v-5035afd3] {
  white-space: nowrap;
  /* 禁止换行 */
  overflow: hidden;
  /* 隐藏溢出的内容 */
  text-overflow: ellipsis;
  /* 使用省略号表示被截断的文本 */
  text-align: center;
  /* 文字居中对齐 */
  max-width: 78%;
  /* 限制最大宽度 */
}
.text-vote .mul-options .vote-3 .percent[data-v-5035afd3] {
  margin-left: 4px;
  font-weight: 400;
  font-size: 12px;
  color: #666;
}
.text-vote .mul-options .selected-icon[data-v-5035afd3] {
  width: 12px !important;
  height: 12px !important;
  margin-right: 4px !important;
  margin-bottom: 0 !important;
}

/*!********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/.pnpm/css-loader@7.1.4_webpack@5.108.0/node_modules/css-loader/dist/cjs.js??clonedRuleSet-2.use[1]!./node_modules/.pnpm/vue-loader@15.11.1_css-loader@7.1.4_webpack@5.108.0__lodash@4.18.1_underscore@1.13.8_webpack@5.108.0/node_modules/vue-loader/lib/loaders/stylePostLoader.js!./node_modules/.pnpm/postcss-loader@8.2.1_postcss@8.5.15_typescript@5.9.3_webpack@5.108.0/node_modules/postcss-loader/dist/cjs.js!./node_modules/.pnpm/less-loader@12.3.3_less@4.6.7_webpack@5.108.0/node_modules/less-loader/dist/cjs.js!./node_modules/.pnpm/vue-loader@15.11.1_css-loader@7.1.4_webpack@5.108.0__lodash@4.18.1_underscore@1.13.8_webpack@5.108.0/node_modules/vue-loader/lib/index.js??vue-loader-options!./src/client/sogou/vote/PictureVote.vue?vue&type=style&index=0&id=2f4e521c&lang=less&scoped=true ***!
  \********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
.picture-vote[data-v-2f4e521c] {
  margin-bottom: 21px;
  width: 100%;
  box-sizing: border-box;
  background: #F8F8F8;
  border-radius: 4px;
  padding: 10px;
  font-family: PingFangSC, PingFang SC;
}
.picture-vote .title[data-v-2f4e521c] {
  font-weight: 600;
  font-size: 18px;
  color: #111111;
  line-height: 26px;
  text-align: left;
  font-style: normal;
}
.picture-vote .two-options[data-v-2f4e521c] {
  margin-top: 8px;
  width: 100%;
  display: flex;
  justify-content: space-between;
  margin-right: -7px;
  align-items: stretch;
}
.picture-vote .two-options .option[data-v-2f4e521c] {
  flex: 1 1 calc(50% - 7px);
  border-radius: 8px;
  display: flex;
  flex-direction: column;
  box-sizing: border-box;
  align-items: stretch;
}
.picture-vote .two-options .option img[data-v-2f4e521c] {
  width: 100%;
  height: auto;
  aspect-ratio: 1.2519 / 1;
  object-fit: cover;
  border-radius: 8px 8px 0px 0px;
  margin-bottom: 0 !important;
}
.picture-vote .two-options .option .two-option-status-1[data-v-2f4e521c] {
  height: 32px;
  background: #FF5E4D;
  border-radius: 0px 0px 8px 8px;
  display: flex;
  justify-content: center;
  align-items: center;
  font-weight: 500;
  font-size: 14px;
  color: #FFFFFF;
}
.picture-vote .two-options .option .two-option-status-2[data-v-2f4e521c] {
  border-radius: 0px 0px 8px 8px;
  font-weight: 500;
  font-size: 12px;
  flex: 1;
  display: flex;
  flex-direction: column;
  align-items: stretch;
}
.picture-vote .two-options .option .two-option-status-2 .name[data-v-2f4e521c] {
  flex: 1;
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  color: var(--font-color);
  background: var(--background-color);
  padding: 3px 8px;
  font-size: 12px;
}
.picture-vote .two-options .option .two-option-status-2 .name .left[data-v-2f4e521c] {
  display: inline-flex;
  flex-wrap: wrap;
  align-items: center;
}
.picture-vote .two-options .option .two-option-status-2 .name .left .na[data-v-2f4e521c] {
  display: inline;
  line-height: 18px;
  margin-right: 4px;
}
.picture-vote .two-options .option .two-option-status-2 .name .left .percent[data-v-2f4e521c] {
  margin-right: 4px;
  display: inline;
  font-size: 12px !important;
}
.picture-vote .two-options .option .two-option-status-2 .name .left .selected-icon[data-v-2f4e521c] {
  display: inline;
  width: 12px;
  height: 12px;
  margin-bottom: 0 !important;
}
.picture-vote .two-options .option .two-option-status-2 .percent-bar[data-v-2f4e521c] {
  height: 8px;
  border-radius: 0px 0px 8px 8px;
  background: linear-gradient(to right, var(--resultbar-left-color) var(--percent), var(--resultbar-left-color) var(--percent), var(--resultbar-right-color) var(--percent), var(--resultbar-right-color) 100%);
}
.picture-vote .two-options .option[data-v-2f4e521c]:first-child {
  margin-right: 7px;
}
.picture-vote .two-options .option:first-child .two-option-status-1[data-v-2f4e521c] {
  background: #4A70FF;
}
.picture-vote .two-options .two-finished .option-name[data-v-2f4e521c] {
  display: flex;
  height: 16px;
  margin-top: 8px;
  justify-content: space-between;
  align-items: center;
}
.picture-vote .two-options .two-finished .option-name .left[data-v-2f4e521c] {
  width: 50%;
  display: flex;
  align-items: center;
  white-space: nowrap;
}
.picture-vote .two-options .two-finished .option-name .left .left-name[data-v-2f4e521c] {
  height: 16px;
  font-size: 12px;
  font-family: PingFangSC-Medium, PingFang SC;
  font-weight: 500;
  line-height: 16px;
  margin-right: 4px;
  max-width: 160px;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.picture-vote .two-options .two-finished .option-name .selected-icon[data-v-2f4e521c] {
  flex-shrink: 0;
  width: 14px;
  height: 14px;
  margin-bottom: 0 !important;
  margin-left: 2px !important;
}
.picture-vote .two-options .two-finished .option-name .right[data-v-2f4e521c] {
  width: 50%;
  display: flex;
  justify-content: flex-end;
  align-items: center;
}
.picture-vote .two-options .two-finished .option-name .right .right-name[data-v-2f4e521c] {
  display: inline-block;
  height: 16px;
  font-size: 12px;
  font-family: PingFangSC-Medium, PingFang SC;
  font-weight: 500;
  line-height: 16px;
  margin-left: 4px;
  max-width: 160px;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}
.picture-vote .two-options .two-finished .result-bar[data-v-2f4e521c] {
  margin-top: 4px;
  width: 100%;
  height: 12px;
  border-radius: 20px;
}
.picture-vote .three-options .option[data-v-2f4e521c] {
  max-width: 100%;
  margin-top: 6px;
  background: #FFFFFF;
  border-radius: 8px;
  display: flex;
}
.picture-vote .three-options .option img[data-v-2f4e521c] {
  width: 108px !important;
  height: 81px !important;
  flex-shrink: 0 !important;
  border: 1px solid var(--border-color) !important;
  border-right-width: 0 !important;
  border-radius: 8px 0px 0px 8px !important;
  margin-bottom: 0 !important;
  object-fit: cover;
}
.picture-vote .three-options .option .percent-bar[data-v-2f4e521c] {
  flex: 1;
  flex-shrink: 0;
  display: flex;
  align-items: center;
  justify-content: space-between;
  box-sizing: border-box;
  padding: 0 16px;
  color: var(--font-color);
  font-weight: 500;
  font-size: 14px;
  border-radius: 0px 8px 8px 0px;
  border: 1px solid var(--border-color);
  border-left-width: 0 !important;
  margin-bottom: 0 !important;
  background: linear-gradient(to right, var(--resultbar-left-color) var(--percent), var(--resultbar-left-color) var(--percent), white var(--percent), white 100%);
}
.picture-vote .three-options .option .percent-bar .name[data-v-2f4e521c] {
  color: var(--font-color);
  font-weight: var(--font-weight);
  display: flex;
  align-items: center;
  flex: 1;
  flex-shrink: 0;
  overflow: hidden;
}
.picture-vote .three-options .option .percent-bar .name .selected-icon[data-v-2f4e521c] {
  flex-shrink: 0;
  margin-left: 4px;
  width: 12px;
  height: 12px;
  margin-bottom: 0 !important;
  background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABgAAAAYCAMAAADXqc3KAAAAV1BMVEUAAABKcP9McP9KcP9JcP9KcP9KcP9Lcf9Kcf9Icv9Jcv9KcP9KcP9KcP9JcP9KcP9KcP9Jbf9KcP9JcP9Kcf9Kb/9KcP9Mcf9Lb/9Ic/9Ncf9GbP9KcP8UIDa5AAAAHHRSTlMA/Bj48eS2apdKV2g/xa1dMArZ1Mm3oU1HNSshhgUqrwAAAK9JREFUKM91ktkWwyAIRCcoarN33/j/72y0xNrkeF/wzKAiAoW8Y2PYeUIJhUaUJhTWwUqBPUDpND1v6jRf9cJJe8jKDhvvCZvsaVpOCAA1/3oLDEsg+J2eFA+31dt0hAPHMI5Z701aMmIcgM589VlrNMkwd+B1jvqbZTU4hQdwnAE6icJ6uemBxbvIilvLtdG5SsbnB9onbkXd9GuJLV8Uqk2stb36UfWvrQ9DdXw+QYEl2cN8KKQAAAAASUVORK5CYII=) no-repeat;
  background-size: 100% 100%;
}
.picture-vote .three-options .option .percent-bar .name .selected-icon-finish[data-v-2f4e521c] {
  background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABgAAAAYCAMAAADXqc3KAAAATlBMVEUAAACYmJiZmZmampqZmZmZmZmZmZmZmZmampqampqYmJiZmZmYmJiampqZmZmampqenp6ampqZmZmampqZmZmampqZmZmampqbm5uZmZliq7rfAAAAGXRSTlMA/Bhp+PG2SuSXV8Y/LtddCvnusKqhbjUhoW0EygAAAK5JREFUKM91UlkWwyAIJKIGY5burfe/aNGiJclzfuDNgI4ICAx6spY8GtAwYUiCIShpdEnBjZVHKW9NKPXCK6X0GJdOcPmecKjeNj4hcMOw5yeAyMEAnvhXThD8kZ9K5oFyuD8aP9uSEuQYAdD++EU82iJcR2bWzH8oVYFKYOWysMU1CUgutzMAa7HZ8NWuY0U7xPZA94an8m3+I7npF4XuEHtj735U/2v7y9Bdny/SZSIDUDGrewAAAABJRU5ErkJggg==) no-repeat;
  background-size: 100% 100%;
}
.picture-vote .three-options .option .percent-bar .percent[data-v-2f4e521c] {
  margin-left: 4px;
  color: var(--percent-font-color);
  font-weight: 400;
}
.picture-vote .three-options .option .no-percent-bar[data-v-2f4e521c] {
  background: white;
}
.picture-vote .three-options .option .no-percent-bar .name[data-v-2f4e521c] {
  justify-content: center;
}
.picture-vote .four-options[data-v-2f4e521c] {
  margin-top: 8px;
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  margin-right: -7px;
}
.picture-vote .four-options .option[data-v-2f4e521c] {
  margin-bottom: 6px;
  border-radius: 8px;
  flex: 1 1 calc(50% - 7px);
  display: flex;
  flex-direction: column;
  border: 1px solid var(--border-color);
  box-sizing: border-box;
  margin-right: 7px;
}
.picture-vote .four-options .option img[data-v-2f4e521c] {
  width: 100%;
  height: auto;
  aspect-ratio: 1.2519 / 1;
  object-fit: cover;
  border-radius: 8px 8px 0px 0px;
  margin-bottom: 0 !important;
}
.picture-vote .four-options .option .four-option-status-1[data-v-2f4e521c] {
  height: 32px;
  background: #fff;
  border-radius: 0px 0px 8px 8px;
  display: flex;
  justify-content: center;
  align-items: center;
  font-weight: 500;
  font-size: 14px;
  color: #558DDC;
}
.picture-vote .four-options .option .four-option-status-2[data-v-2f4e521c] {
  background: #fff;
  border-radius: 0px 0px 8px 8px;
  font-weight: 500;
  font-size: 14px;
  display: flex;
  flex-direction: column;
  align-items: stretch;
  flex: 1;
}
.picture-vote .four-options .option .four-option-status-2 .name[data-v-2f4e521c] {
  width: 100%;
  box-sizing: border-box;
  display: flex;
  align-items: center;
  align-items: stretch;
  flex-wrap: wrap;
  font-weight: var(--font-weight);
  font-size: 12px;
  background: var(--background-color);
  color: var(--font-color);
  padding: 3px 8px;
  flex: 1;
}
.picture-vote .four-options .option .four-option-status-2 .name .left[data-v-2f4e521c] {
  display: inline-flex;
  flex-wrap: wrap;
  align-items: center;
}
.picture-vote .four-options .option .four-option-status-2 .name .left .na[data-v-2f4e521c] {
  display: inline;
  line-height: 18px;
}
.picture-vote .four-options .option .four-option-status-2 .name .left .percent[data-v-2f4e521c] {
  margin-left: 4px;
  display: inline;
  font-size: 12px !important;
}
.picture-vote .four-options .option .four-option-status-2 .name .left .selected-icon[data-v-2f4e521c] {
  flex-shrink: 0;
  margin-left: 4px;
  width: 12px;
  height: 12px;
}
.picture-vote .four-options .option .four-option-status-2 .percent-bar[data-v-2f4e521c] {
  height: 8px;
  border-radius: 0px 0px 8px 8px;
  background: linear-gradient(to right, var(--resultbar-left-color) var(--percent), var(--resultbar-left-color) var(--percent), var(--resultbar-right-color) var(--percent), var(--resultbar-right-color) 100%);
}
.picture-vote .four-options .option[data-v-2f4e521c]:nth-child(3) {
  margin-bottom: 0;
}
.picture-vote .four-options .option[data-v-2f4e521c]:nth-child(4) {
  margin-bottom: 0;
}

/*!********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/.pnpm/css-loader@7.1.4_webpack@5.108.0/node_modules/css-loader/dist/cjs.js??clonedRuleSet-2.use[1]!./node_modules/.pnpm/vue-loader@15.11.1_css-loader@7.1.4_webpack@5.108.0__lodash@4.18.1_underscore@1.13.8_webpack@5.108.0/node_modules/vue-loader/lib/loaders/stylePostLoader.js!./node_modules/.pnpm/postcss-loader@8.2.1_postcss@8.5.15_typescript@5.9.3_webpack@5.108.0/node_modules/postcss-loader/dist/cjs.js!./node_modules/.pnpm/less-loader@12.3.3_less@4.6.7_webpack@5.108.0/node_modules/less-loader/dist/cjs.js!./node_modules/.pnpm/vue-loader@15.11.1_css-loader@7.1.4_webpack@5.108.0__lodash@4.18.1_underscore@1.13.8_webpack@5.108.0/node_modules/vue-loader/lib/index.js??vue-loader-options!./src/client/sogou/vote/CancelModal.vue?vue&type=style&index=0&id=1db217e7&lang=less&scoped=true ***!
  \********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
.cancle-modal[data-v-1db217e7] {
  position: fixed;
  z-index: 1001;
  left: 0;
  top: 0;
  right: 0;
  bottom: 0;
  background: rgba(0, 0, 0, 0.5);
}
.cancle-modal .main[data-v-1db217e7] {
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 92px;
  background: #FFFFFF;
  border-radius: 8px 8px 0px 0px;
  padding: 9px 13px 16px;
  box-sizing: border-box;
  display: flex;
  align-items: center;
  justify-content: center;
}
.cancle-modal .main .btn-1[data-v-1db217e7] {
  flex: 1;
  height: 36px;
  display: flex;
  align-items: center;
  justify-content: center;
  background: #f2f2f2;
}

/*!****************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/.pnpm/css-loader@7.1.4_webpack@5.108.0/node_modules/css-loader/dist/cjs.js??clonedRuleSet-2.use[1]!./node_modules/.pnpm/vue-loader@15.11.1_css-loader@7.1.4_webpack@5.108.0__lodash@4.18.1_underscore@1.13.8_webpack@5.108.0/node_modules/vue-loader/lib/loaders/stylePostLoader.js!./node_modules/.pnpm/postcss-loader@8.2.1_postcss@8.5.15_typescript@5.9.3_webpack@5.108.0/node_modules/postcss-loader/dist/cjs.js!./node_modules/.pnpm/less-loader@12.3.3_less@4.6.7_webpack@5.108.0/node_modules/less-loader/dist/cjs.js!./node_modules/.pnpm/vue-loader@15.11.1_css-loader@7.1.4_webpack@5.108.0__lodash@4.18.1_underscore@1.13.8_webpack@5.108.0/node_modules/vue-loader/lib/index.js??vue-loader-options!./src/client/sogou/vote/UnStart.vue?vue&type=style&index=0&id=9f7f2046&lang=less&scoped=true ***!
  \****************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
.un-start[data-v-9f7f2046] {
  width: 100%;
  height: 130px;
  box-sizing: border-box;
  padding: 20px 0 16px;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  align-items: center;
  background: #F8F8F8;
  border-radius: 4px;
}
.un-start img[data-v-9f7f2046] {
  width: 100px !important;
  height: 66px !important;
  margin-bottom: 0 !important;
}
.un-start .text[data-v-9f7f2046] {
  height: 20px;
  font-family: PingFangSC, PingFang SC;
  font-weight: 400;
  font-size: 14px;
  color: #999999;
  line-height: 20px;
}