/*!
 * Quill Editor v1.3.7
 * https://quilljs.com/
 * Copyright (c) 2014, Jason Chen
 * Copyright (c) 2013, salesforce.com
 */
.ql-container {
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  font-family: Helvetica, Arial, sans-serif;
  font-size: 13px;
  height: 100%;
  margin: 0px;
  position: relative;
}
.ql-container.ql-disabled .ql-tooltip {
  visibility: hidden;
}
.ql-container.ql-disabled .ql-editor ul[data-checked] > li::before {
  pointer-events: none;
}
.ql-clipboard {
  left: -100000px;
  height: 1px;
  overflow-y: hidden;
  position: absolute;
  top: 50%;
}
.ql-clipboard p {
  margin: 0;
  padding: 0;
}
.ql-editor {
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  line-height: 1.42;
  height: 100%;
  outline: none;
  overflow-y: auto;
  padding: 12px 15px;
  -o-tab-size: 4;
     tab-size: 4;
  -moz-tab-size: 4;
  text-align: left;
  white-space: pre-wrap;
  word-wrap: break-word;
}
.ql-editor > * {
  cursor: text;
}
.ql-editor p,
.ql-editor ol,
.ql-editor ul,
.ql-editor pre,
.ql-editor blockquote,
.ql-editor h1,
.ql-editor h2,
.ql-editor h3,
.ql-editor h4,
.ql-editor h5,
.ql-editor h6 {
  margin: 0;
  padding: 0;
  counter-reset: list-1 list-2 list-3 list-4 list-5 list-6 list-7 list-8 list-9;
}
.ql-editor ol,
.ql-editor ul {
  padding-left: 1.5em;
}
.ql-editor ol > li,
.ql-editor ul > li {
  list-style-type: none;
}
.ql-editor ul > li::before {
  content: '\2022';
}
.ql-editor ul[data-checked=true],
.ql-editor ul[data-checked=false] {
  pointer-events: none;
}
.ql-editor ul[data-checked=true] > li *,
.ql-editor ul[data-checked=false] > li * {
  pointer-events: all;
}
.ql-editor ul[data-checked=true] > li::before,
.ql-editor ul[data-checked=false] > li::before {
  color: #777;
  cursor: pointer;
  pointer-events: all;
}
.ql-editor ul[data-checked=true] > li::before {
  content: '\2611';
}
.ql-editor ul[data-checked=false] > li::before {
  content: '\2610';
}
.ql-editor li::before {
  display: inline-block;
  white-space: nowrap;
  width: 1.2em;
}
.ql-editor li:not(.ql-direction-rtl)::before {
  margin-left: -1.5em;
  margin-right: 0.3em;
  text-align: right;
}
.ql-editor li.ql-direction-rtl::before {
  margin-left: 0.3em;
  margin-right: -1.5em;
}
.ql-editor ol li:not(.ql-direction-rtl),
.ql-editor ul li:not(.ql-direction-rtl) {
  padding-left: 1.5em;
}
.ql-editor ol li.ql-direction-rtl,
.ql-editor ul li.ql-direction-rtl {
  padding-right: 1.5em;
}
.ql-editor ol li {
  counter-reset: list-1 list-2 list-3 list-4 list-5 list-6 list-7 list-8 list-9;
  counter-increment: list-0;
}
.ql-editor ol li:before {
  content: counter(list-0, decimal) '. ';
}
.ql-editor ol li.ql-indent-1 {
  counter-increment: list-1;
}
.ql-editor ol li.ql-indent-1:before {
  content: counter(list-1, lower-alpha) '. ';
}
.ql-editor ol li.ql-indent-1 {
  counter-reset: list-2 list-3 list-4 list-5 list-6 list-7 list-8 list-9;
}
.ql-editor ol li.ql-indent-2 {
  counter-increment: list-2;
}
.ql-editor ol li.ql-indent-2:before {
  content: counter(list-2, lower-roman) '. ';
}
.ql-editor ol li.ql-indent-2 {
  counter-reset: list-3 list-4 list-5 list-6 list-7 list-8 list-9;
}
.ql-editor ol li.ql-indent-3 {
  counter-increment: list-3;
}
.ql-editor ol li.ql-indent-3:before {
  content: counter(list-3, decimal) '. ';
}
.ql-editor ol li.ql-indent-3 {
  counter-reset: list-4 list-5 list-6 list-7 list-8 list-9;
}
.ql-editor ol li.ql-indent-4 {
  counter-increment: list-4;
}
.ql-editor ol li.ql-indent-4:before {
  content: counter(list-4, lower-alpha) '. ';
}
.ql-editor ol li.ql-indent-4 {
  counter-reset: list-5 list-6 list-7 list-8 list-9;
}
.ql-editor ol li.ql-indent-5 {
  counter-increment: list-5;
}
.ql-editor ol li.ql-indent-5:before {
  content: counter(list-5, lower-roman) '. ';
}
.ql-editor ol li.ql-indent-5 {
  counter-reset: list-6 list-7 list-8 list-9;
}
.ql-editor ol li.ql-indent-6 {
  counter-increment: list-6;
}
.ql-editor ol li.ql-indent-6:before {
  content: counter(list-6, decimal) '. ';
}
.ql-editor ol li.ql-indent-6 {
  counter-reset: list-7 list-8 list-9;
}
.ql-editor ol li.ql-indent-7 {
  counter-increment: list-7;
}
.ql-editor ol li.ql-indent-7:before {
  content: counter(list-7, lower-alpha) '. ';
}
.ql-editor ol li.ql-indent-7 {
  counter-reset: list-8 list-9;
}
.ql-editor ol li.ql-indent-8 {
  counter-increment: list-8;
}
.ql-editor ol li.ql-indent-8:before {
  content: counter(list-8, lower-roman) '. ';
}
.ql-editor ol li.ql-indent-8 {
  counter-reset: list-9;
}
.ql-editor ol li.ql-indent-9 {
  counter-increment: list-9;
}
.ql-editor ol li.ql-indent-9:before {
  content: counter(list-9, decimal) '. ';
}
.ql-editor .ql-indent-1:not(.ql-direction-rtl) {
  padding-left: 3em;
}
.ql-editor li.ql-indent-1:not(.ql-direction-rtl) {
  padding-left: 4.5em;
}
.ql-editor .ql-indent-1.ql-direction-rtl.ql-align-right {
  padding-right: 3em;
}
.ql-editor li.ql-indent-1.ql-direction-rtl.ql-align-right {
  padding-right: 4.5em;
}
.ql-editor .ql-indent-2:not(.ql-direction-rtl) {
  padding-left: 6em;
}
.ql-editor li.ql-indent-2:not(.ql-direction-rtl) {
  padding-left: 7.5em;
}
.ql-editor .ql-indent-2.ql-direction-rtl.ql-align-right {
  padding-right: 6em;
}
.ql-editor li.ql-indent-2.ql-direction-rtl.ql-align-right {
  padding-right: 7.5em;
}
.ql-editor .ql-indent-3:not(.ql-direction-rtl) {
  padding-left: 9em;
}
.ql-editor li.ql-indent-3:not(.ql-direction-rtl) {
  padding-left: 10.5em;
}
.ql-editor .ql-indent-3.ql-direction-rtl.ql-align-right {
  padding-right: 9em;
}
.ql-editor li.ql-indent-3.ql-direction-rtl.ql-align-right {
  padding-right: 10.5em;
}
.ql-editor .ql-indent-4:not(.ql-direction-rtl) {
  padding-left: 12em;
}
.ql-editor li.ql-indent-4:not(.ql-direction-rtl) {
  padding-left: 13.5em;
}
.ql-editor .ql-indent-4.ql-direction-rtl.ql-align-right {
  padding-right: 12em;
}
.ql-editor li.ql-indent-4.ql-direction-rtl.ql-align-right {
  padding-right: 13.5em;
}
.ql-editor .ql-indent-5:not(.ql-direction-rtl) {
  padding-left: 15em;
}
.ql-editor li.ql-indent-5:not(.ql-direction-rtl) {
  padding-left: 16.5em;
}
.ql-editor .ql-indent-5.ql-direction-rtl.ql-align-right {
  padding-right: 15em;
}
.ql-editor li.ql-indent-5.ql-direction-rtl.ql-align-right {
  padding-right: 16.5em;
}
.ql-editor .ql-indent-6:not(.ql-direction-rtl) {
  padding-left: 18em;
}
.ql-editor li.ql-indent-6:not(.ql-direction-rtl) {
  padding-left: 19.5em;
}
.ql-editor .ql-indent-6.ql-direction-rtl.ql-align-right {
  padding-right: 18em;
}
.ql-editor li.ql-indent-6.ql-direction-rtl.ql-align-right {
  padding-right: 19.5em;
}
.ql-editor .ql-indent-7:not(.ql-direction-rtl) {
  padding-left: 21em;
}
.ql-editor li.ql-indent-7:not(.ql-direction-rtl) {
  padding-left: 22.5em;
}
.ql-editor .ql-indent-7.ql-direction-rtl.ql-align-right {
  padding-right: 21em;
}
.ql-editor li.ql-indent-7.ql-direction-rtl.ql-align-right {
  padding-right: 22.5em;
}
.ql-editor .ql-indent-8:not(.ql-direction-rtl) {
  padding-left: 24em;
}
.ql-editor li.ql-indent-8:not(.ql-direction-rtl) {
  padding-left: 25.5em;
}
.ql-editor .ql-indent-8.ql-direction-rtl.ql-align-right {
  padding-right: 24em;
}
.ql-editor li.ql-indent-8.ql-direction-rtl.ql-align-right {
  padding-right: 25.5em;
}
.ql-editor .ql-indent-9:not(.ql-direction-rtl) {
  padding-left: 27em;
}
.ql-editor li.ql-indent-9:not(.ql-direction-rtl) {
  padding-left: 28.5em;
}
.ql-editor .ql-indent-9.ql-direction-rtl.ql-align-right {
  padding-right: 27em;
}
.ql-editor li.ql-indent-9.ql-direction-rtl.ql-align-right {
  padding-right: 28.5em;
}
.ql-editor .ql-video {
  display: block;
  max-width: 100%;
}
.ql-editor .ql-video.ql-align-center {
  margin: 0 auto;
}
.ql-editor .ql-video.ql-align-right {
  margin: 0 0 0 auto;
}
.ql-editor .ql-bg-black {
  background-color: #000;
}
.ql-editor .ql-bg-red {
  background-color: #e60000;
}
.ql-editor .ql-bg-orange {
  background-color: #f90;
}
.ql-editor .ql-bg-yellow {
  background-color: #ff0;
}
.ql-editor .ql-bg-green {
  background-color: #008a00;
}
.ql-editor .ql-bg-blue {
  background-color: #06c;
}
.ql-editor .ql-bg-purple {
  background-color: #93f;
}
.ql-editor .ql-color-white {
  color: #fff;
}
.ql-editor .ql-color-red {
  color: #e60000;
}
.ql-editor .ql-color-orange {
  color: #f90;
}
.ql-editor .ql-color-yellow {
  color: #ff0;
}
.ql-editor .ql-color-green {
  color: #008a00;
}
.ql-editor .ql-color-blue {
  color: #06c;
}
.ql-editor .ql-color-purple {
  color: #93f;
}
.ql-editor .ql-font-serif {
  font-family: Georgia, Times New Roman, serif;
}
.ql-editor .ql-font-monospace {
  font-family: Monaco, Courier New, monospace;
}
.ql-editor .ql-size-small {
  font-size: 0.75em;
}
.ql-editor .ql-size-large {
  font-size: 1.5em;
}
.ql-editor .ql-size-huge {
  font-size: 2.5em;
}
.ql-editor .ql-direction-rtl {
  direction: rtl;
  text-align: inherit;
}
.ql-editor .ql-align-center {
  text-align: center;
}
.ql-editor .ql-align-justify {
  text-align: justify;
}
.ql-editor .ql-align-right {
  text-align: right;
}
.ql-editor.ql-blank::before {
  color: rgba(0,0,0,0.6);
  content: attr(data-placeholder);
  font-style: italic;
  left: 15px;
  pointer-events: none;
  position: absolute;
  right: 15px;
}
/*!
 * Quill Editor v1.3.7
 * https://quilljs.com/
 * Copyright (c) 2014, Jason Chen
 * Copyright (c) 2013, salesforce.com
 */
.ql-container {
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  font-family: Helvetica, Arial, sans-serif;
  font-size: 13px;
  height: 100%;
  margin: 0px;
  position: relative;
}
.ql-container.ql-disabled .ql-tooltip {
  visibility: hidden;
}
.ql-container.ql-disabled .ql-editor ul[data-checked] > li::before {
  pointer-events: none;
}
.ql-clipboard {
  left: -100000px;
  height: 1px;
  overflow-y: hidden;
  position: absolute;
  top: 50%;
}
.ql-clipboard p {
  margin: 0;
  padding: 0;
}
.ql-editor {
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  line-height: 1.42;
  height: 100%;
  outline: none;
  overflow-y: auto;
  padding: 12px 15px;
  -o-tab-size: 4;
     tab-size: 4;
  -moz-tab-size: 4;
  text-align: left;
  white-space: pre-wrap;
  word-wrap: break-word;
}
.ql-editor > * {
  cursor: text;
}
.ql-editor p,
.ql-editor ol,
.ql-editor ul,
.ql-editor pre,
.ql-editor blockquote,
.ql-editor h1,
.ql-editor h2,
.ql-editor h3,
.ql-editor h4,
.ql-editor h5,
.ql-editor h6 {
  margin: 0;
  padding: 0;
  counter-reset: list-1 list-2 list-3 list-4 list-5 list-6 list-7 list-8 list-9;
}
.ql-editor ol,
.ql-editor ul {
  padding-left: 1.5em;
}
.ql-editor ol > li,
.ql-editor ul > li {
  list-style-type: none;
}
.ql-editor ul > li::before {
  content: '\2022';
}
.ql-editor ul[data-checked=true],
.ql-editor ul[data-checked=false] {
  pointer-events: none;
}
.ql-editor ul[data-checked=true] > li *,
.ql-editor ul[data-checked=false] > li * {
  pointer-events: all;
}
.ql-editor ul[data-checked=true] > li::before,
.ql-editor ul[data-checked=false] > li::before {
  color: #777;
  cursor: pointer;
  pointer-events: all;
}
.ql-editor ul[data-checked=true] > li::before {
  content: '\2611';
}
.ql-editor ul[data-checked=false] > li::before {
  content: '\2610';
}
.ql-editor li::before {
  display: inline-block;
  white-space: nowrap;
  width: 1.2em;
}
.ql-editor li:not(.ql-direction-rtl)::before {
  margin-left: -1.5em;
  margin-right: 0.3em;
  text-align: right;
}
.ql-editor li.ql-direction-rtl::before {
  margin-left: 0.3em;
  margin-right: -1.5em;
}
.ql-editor ol li:not(.ql-direction-rtl),
.ql-editor ul li:not(.ql-direction-rtl) {
  padding-left: 1.5em;
}
.ql-editor ol li.ql-direction-rtl,
.ql-editor ul li.ql-direction-rtl {
  padding-right: 1.5em;
}
.ql-editor ol li {
  counter-reset: list-1 list-2 list-3 list-4 list-5 list-6 list-7 list-8 list-9;
  counter-increment: list-0;
}
.ql-editor ol li:before {
  content: counter(list-0, decimal) '. ';
}
.ql-editor ol li.ql-indent-1 {
  counter-increment: list-1;
}
.ql-editor ol li.ql-indent-1:before {
  content: counter(list-1, lower-alpha) '. ';
}
.ql-editor ol li.ql-indent-1 {
  counter-reset: list-2 list-3 list-4 list-5 list-6 list-7 list-8 list-9;
}
.ql-editor ol li.ql-indent-2 {
  counter-increment: list-2;
}
.ql-editor ol li.ql-indent-2:before {
  content: counter(list-2, lower-roman) '. ';
}
.ql-editor ol li.ql-indent-2 {
  counter-reset: list-3 list-4 list-5 list-6 list-7 list-8 list-9;
}
.ql-editor ol li.ql-indent-3 {
  counter-increment: list-3;
}
.ql-editor ol li.ql-indent-3:before {
  content: counter(list-3, decimal) '. ';
}
.ql-editor ol li.ql-indent-3 {
  counter-reset: list-4 list-5 list-6 list-7 list-8 list-9;
}
.ql-editor ol li.ql-indent-4 {
  counter-increment: list-4;
}
.ql-editor ol li.ql-indent-4:before {
  content: counter(list-4, lower-alpha) '. ';
}
.ql-editor ol li.ql-indent-4 {
  counter-reset: list-5 list-6 list-7 list-8 list-9;
}
.ql-editor ol li.ql-indent-5 {
  counter-increment: list-5;
}
.ql-editor ol li.ql-indent-5:before {
  content: counter(list-5, lower-roman) '. ';
}
.ql-editor ol li.ql-indent-5 {
  counter-reset: list-6 list-7 list-8 list-9;
}
.ql-editor ol li.ql-indent-6 {
  counter-increment: list-6;
}
.ql-editor ol li.ql-indent-6:before {
  content: counter(list-6, decimal) '. ';
}
.ql-editor ol li.ql-indent-6 {
  counter-reset: list-7 list-8 list-9;
}
.ql-editor ol li.ql-indent-7 {
  counter-increment: list-7;
}
.ql-editor ol li.ql-indent-7:before {
  content: counter(list-7, lower-alpha) '. ';
}
.ql-editor ol li.ql-indent-7 {
  counter-reset: list-8 list-9;
}
.ql-editor ol li.ql-indent-8 {
  counter-increment: list-8;
}
.ql-editor ol li.ql-indent-8:before {
  content: counter(list-8, lower-roman) '. ';
}
.ql-editor ol li.ql-indent-8 {
  counter-reset: list-9;
}
.ql-editor ol li.ql-indent-9 {
  counter-increment: list-9;
}
.ql-editor ol li.ql-indent-9:before {
  content: counter(list-9, decimal) '. ';
}
.ql-editor .ql-indent-1:not(.ql-direction-rtl) {
  padding-left: 3em;
}
.ql-editor li.ql-indent-1:not(.ql-direction-rtl) {
  padding-left: 4.5em;
}
.ql-editor .ql-indent-1.ql-direction-rtl.ql-align-right {
  padding-right: 3em;
}
.ql-editor li.ql-indent-1.ql-direction-rtl.ql-align-right {
  padding-right: 4.5em;
}
.ql-editor .ql-indent-2:not(.ql-direction-rtl) {
  padding-left: 6em;
}
.ql-editor li.ql-indent-2:not(.ql-direction-rtl) {
  padding-left: 7.5em;
}
.ql-editor .ql-indent-2.ql-direction-rtl.ql-align-right {
  padding-right: 6em;
}
.ql-editor li.ql-indent-2.ql-direction-rtl.ql-align-right {
  padding-right: 7.5em;
}
.ql-editor .ql-indent-3:not(.ql-direction-rtl) {
  padding-left: 9em;
}
.ql-editor li.ql-indent-3:not(.ql-direction-rtl) {
  padding-left: 10.5em;
}
.ql-editor .ql-indent-3.ql-direction-rtl.ql-align-right {
  padding-right: 9em;
}
.ql-editor li.ql-indent-3.ql-direction-rtl.ql-align-right {
  padding-right: 10.5em;
}
.ql-editor .ql-indent-4:not(.ql-direction-rtl) {
  padding-left: 12em;
}
.ql-editor li.ql-indent-4:not(.ql-direction-rtl) {
  padding-left: 13.5em;
}
.ql-editor .ql-indent-4.ql-direction-rtl.ql-align-right {
  padding-right: 12em;
}
.ql-editor li.ql-indent-4.ql-direction-rtl.ql-align-right {
  padding-right: 13.5em;
}
.ql-editor .ql-indent-5:not(.ql-direction-rtl) {
  padding-left: 15em;
}
.ql-editor li.ql-indent-5:not(.ql-direction-rtl) {
  padding-left: 16.5em;
}
.ql-editor .ql-indent-5.ql-direction-rtl.ql-align-right {
  padding-right: 15em;
}
.ql-editor li.ql-indent-5.ql-direction-rtl.ql-align-right {
  padding-right: 16.5em;
}
.ql-editor .ql-indent-6:not(.ql-direction-rtl) {
  padding-left: 18em;
}
.ql-editor li.ql-indent-6:not(.ql-direction-rtl) {
  padding-left: 19.5em;
}
.ql-editor .ql-indent-6.ql-direction-rtl.ql-align-right {
  padding-right: 18em;
}
.ql-editor li.ql-indent-6.ql-direction-rtl.ql-align-right {
  padding-right: 19.5em;
}
.ql-editor .ql-indent-7:not(.ql-direction-rtl) {
  padding-left: 21em;
}
.ql-editor li.ql-indent-7:not(.ql-direction-rtl) {
  padding-left: 22.5em;
}
.ql-editor .ql-indent-7.ql-direction-rtl.ql-align-right {
  padding-right: 21em;
}
.ql-editor li.ql-indent-7.ql-direction-rtl.ql-align-right {
  padding-right: 22.5em;
}
.ql-editor .ql-indent-8:not(.ql-direction-rtl) {
  padding-left: 24em;
}
.ql-editor li.ql-indent-8:not(.ql-direction-rtl) {
  padding-left: 25.5em;
}
.ql-editor .ql-indent-8.ql-direction-rtl.ql-align-right {
  padding-right: 24em;
}
.ql-editor li.ql-indent-8.ql-direction-rtl.ql-align-right {
  padding-right: 25.5em;
}
.ql-editor .ql-indent-9:not(.ql-direction-rtl) {
  padding-left: 27em;
}
.ql-editor li.ql-indent-9:not(.ql-direction-rtl) {
  padding-left: 28.5em;
}
.ql-editor .ql-indent-9.ql-direction-rtl.ql-align-right {
  padding-right: 27em;
}
.ql-editor li.ql-indent-9.ql-direction-rtl.ql-align-right {
  padding-right: 28.5em;
}
.ql-editor .ql-video {
  display: block;
  max-width: 100%;
}
.ql-editor .ql-video.ql-align-center {
  margin: 0 auto;
}
.ql-editor .ql-video.ql-align-right {
  margin: 0 0 0 auto;
}
.ql-editor .ql-bg-black {
  background-color: #000;
}
.ql-editor .ql-bg-red {
  background-color: #e60000;
}
.ql-editor .ql-bg-orange {
  background-color: #f90;
}
.ql-editor .ql-bg-yellow {
  background-color: #ff0;
}
.ql-editor .ql-bg-green {
  background-color: #008a00;
}
.ql-editor .ql-bg-blue {
  background-color: #06c;
}
.ql-editor .ql-bg-purple {
  background-color: #93f;
}
.ql-editor .ql-color-white {
  color: #fff;
}
.ql-editor .ql-color-red {
  color: #e60000;
}
.ql-editor .ql-color-orange {
  color: #f90;
}
.ql-editor .ql-color-yellow {
  color: #ff0;
}
.ql-editor .ql-color-green {
  color: #008a00;
}
.ql-editor .ql-color-blue {
  color: #06c;
}
.ql-editor .ql-color-purple {
  color: #93f;
}
.ql-editor .ql-font-serif {
  font-family: Georgia, Times New Roman, serif;
}
.ql-editor .ql-font-monospace {
  font-family: Monaco, Courier New, monospace;
}
.ql-editor .ql-size-small {
  font-size: 0.75em;
}
.ql-editor .ql-size-large {
  font-size: 1.5em;
}
.ql-editor .ql-size-huge {
  font-size: 2.5em;
}
.ql-editor .ql-direction-rtl {
  direction: rtl;
  text-align: inherit;
}
.ql-editor .ql-align-center {
  text-align: center;
}
.ql-editor .ql-align-justify {
  text-align: justify;
}
.ql-editor .ql-align-right {
  text-align: right;
}
.ql-editor.ql-blank::before {
  color: rgba(0,0,0,0.6);
  content: attr(data-placeholder);
  font-style: italic;
  left: 15px;
  pointer-events: none;
  position: absolute;
  right: 15px;
}
.ql-snow.ql-toolbar:after,
.ql-snow .ql-toolbar:after {
  clear: both;
  content: '';
  display: table;
}
.ql-snow.ql-toolbar button,
.ql-snow .ql-toolbar button {
  background: none;
  border: none;
  cursor: pointer;
  display: inline-block;
  float: left;
  height: 24px;
  padding: 3px 5px;
  width: 28px;
}
.ql-snow.ql-toolbar button svg,
.ql-snow .ql-toolbar button svg {
  float: left;
  height: 100%;
}
.ql-snow.ql-toolbar button:active:hover,
.ql-snow .ql-toolbar button:active:hover {
  outline: none;
}
.ql-snow.ql-toolbar input.ql-image[type=file],
.ql-snow .ql-toolbar input.ql-image[type=file] {
  display: none;
}
.ql-snow.ql-toolbar button:hover,
.ql-snow .ql-toolbar button:hover,
.ql-snow.ql-toolbar button:focus,
.ql-snow .ql-toolbar button:focus,
.ql-snow.ql-toolbar button.ql-active,
.ql-snow .ql-toolbar button.ql-active,
.ql-snow.ql-toolbar .ql-picker-label:hover,
.ql-snow .ql-toolbar .ql-picker-label:hover,
.ql-snow.ql-toolbar .ql-picker-label.ql-active,
.ql-snow .ql-toolbar .ql-picker-label.ql-active,
.ql-snow.ql-toolbar .ql-picker-item:hover,
.ql-snow .ql-toolbar .ql-picker-item:hover,
.ql-snow.ql-toolbar .ql-picker-item.ql-selected,
.ql-snow .ql-toolbar .ql-picker-item.ql-selected {
  color: #06c;
}
.ql-snow.ql-toolbar button:hover .ql-fill,
.ql-snow .ql-toolbar button:hover .ql-fill,
.ql-snow.ql-toolbar button:focus .ql-fill,
.ql-snow .ql-toolbar button:focus .ql-fill,
.ql-snow.ql-toolbar button.ql-active .ql-fill,
.ql-snow .ql-toolbar button.ql-active .ql-fill,
.ql-snow.ql-toolbar .ql-picker-label:hover .ql-fill,
.ql-snow .ql-toolbar .ql-picker-label:hover .ql-fill,
.ql-snow.ql-toolbar .ql-picker-label.ql-active .ql-fill,
.ql-snow .ql-toolbar .ql-picker-label.ql-active .ql-fill,
.ql-snow.ql-toolbar .ql-picker-item:hover .ql-fill,
.ql-snow .ql-toolbar .ql-picker-item:hover .ql-fill,
.ql-snow.ql-toolbar .ql-picker-item.ql-selected .ql-fill,
.ql-snow .ql-toolbar .ql-picker-item.ql-selected .ql-fill,
.ql-snow.ql-toolbar button:hover .ql-stroke.ql-fill,
.ql-snow .ql-toolbar button:hover .ql-stroke.ql-fill,
.ql-snow.ql-toolbar button:focus .ql-stroke.ql-fill,
.ql-snow .ql-toolbar button:focus .ql-stroke.ql-fill,
.ql-snow.ql-toolbar button.ql-active .ql-stroke.ql-fill,
.ql-snow .ql-toolbar button.ql-active .ql-stroke.ql-fill,
.ql-snow.ql-toolbar .ql-picker-label:hover .ql-stroke.ql-fill,
.ql-snow .ql-toolbar .ql-picker-label:hover .ql-stroke.ql-fill,
.ql-snow.ql-toolbar .ql-picker-label.ql-active .ql-stroke.ql-fill,
.ql-snow .ql-toolbar .ql-picker-label.ql-active .ql-stroke.ql-fill,
.ql-snow.ql-toolbar .ql-picker-item:hover .ql-stroke.ql-fill,
.ql-snow .ql-toolbar .ql-picker-item:hover .ql-stroke.ql-fill,
.ql-snow.ql-toolbar .ql-picker-item.ql-selected .ql-stroke.ql-fill,
.ql-snow .ql-toolbar .ql-picker-item.ql-selected .ql-stroke.ql-fill {
  fill: #06c;
}
.ql-snow.ql-toolbar button:hover .ql-stroke,
.ql-snow .ql-toolbar button:hover .ql-stroke,
.ql-snow.ql-toolbar button:focus .ql-stroke,
.ql-snow .ql-toolbar button:focus .ql-stroke,
.ql-snow.ql-toolbar button.ql-active .ql-stroke,
.ql-snow .ql-toolbar button.ql-active .ql-stroke,
.ql-snow.ql-toolbar .ql-picker-label:hover .ql-stroke,
.ql-snow .ql-toolbar .ql-picker-label:hover .ql-stroke,
.ql-snow.ql-toolbar .ql-picker-label.ql-active .ql-stroke,
.ql-snow .ql-toolbar .ql-picker-label.ql-active .ql-stroke,
.ql-snow.ql-toolbar .ql-picker-item:hover .ql-stroke,
.ql-snow .ql-toolbar .ql-picker-item:hover .ql-stroke,
.ql-snow.ql-toolbar .ql-picker-item.ql-selected .ql-stroke,
.ql-snow .ql-toolbar .ql-picker-item.ql-selected .ql-stroke,
.ql-snow.ql-toolbar button:hover .ql-stroke-miter,
.ql-snow .ql-toolbar button:hover .ql-stroke-miter,
.ql-snow.ql-toolbar button:focus .ql-stroke-miter,
.ql-snow .ql-toolbar button:focus .ql-stroke-miter,
.ql-snow.ql-toolbar button.ql-active .ql-stroke-miter,
.ql-snow .ql-toolbar button.ql-active .ql-stroke-miter,
.ql-snow.ql-toolbar .ql-picker-label:hover .ql-stroke-miter,
.ql-snow .ql-toolbar .ql-picker-label:hover .ql-stroke-miter,
.ql-snow.ql-toolbar .ql-picker-label.ql-active .ql-stroke-miter,
.ql-snow .ql-toolbar .ql-picker-label.ql-active .ql-stroke-miter,
.ql-snow.ql-toolbar .ql-picker-item:hover .ql-stroke-miter,
.ql-snow .ql-toolbar .ql-picker-item:hover .ql-stroke-miter,
.ql-snow.ql-toolbar .ql-picker-item.ql-selected .ql-stroke-miter,
.ql-snow .ql-toolbar .ql-picker-item.ql-selected .ql-stroke-miter {
  stroke: #06c;
}
@media (pointer: coarse) {
  .ql-snow.ql-toolbar button:hover:not(.ql-active),
  .ql-snow .ql-toolbar button:hover:not(.ql-active) {
    color: #444;
  }
  .ql-snow.ql-toolbar button:hover:not(.ql-active) .ql-fill,
  .ql-snow .ql-toolbar button:hover:not(.ql-active) .ql-fill,
  .ql-snow.ql-toolbar button:hover:not(.ql-active) .ql-stroke.ql-fill,
  .ql-snow .ql-toolbar button:hover:not(.ql-active) .ql-stroke.ql-fill {
    fill: #444;
  }
  .ql-snow.ql-toolbar button:hover:not(.ql-active) .ql-stroke,
  .ql-snow .ql-toolbar button:hover:not(.ql-active) .ql-stroke,
  .ql-snow.ql-toolbar button:hover:not(.ql-active) .ql-stroke-miter,
  .ql-snow .ql-toolbar button:hover:not(.ql-active) .ql-stroke-miter {
    stroke: #444;
  }
}
.ql-snow {
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}
.ql-snow * {
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}
.ql-snow .ql-hidden {
  display: none;
}
.ql-snow .ql-out-bottom,
.ql-snow .ql-out-top {
  visibility: hidden;
}
.ql-snow .ql-tooltip {
  position: absolute;
  -webkit-transform: translateY(10px);
          transform: translateY(10px);
}
.ql-snow .ql-tooltip a {
  cursor: pointer;
  text-decoration: none;
}
.ql-snow .ql-tooltip.ql-flip {
  -webkit-transform: translateY(-10px);
          transform: translateY(-10px);
}
.ql-snow .ql-formats {
  display: inline-block;
  vertical-align: middle;
}
.ql-snow .ql-formats:after {
  clear: both;
  content: '';
  display: table;
}
.ql-snow .ql-stroke {
  fill: none;
  stroke: #444;
  stroke-linecap: round;
  stroke-linejoin: round;
  stroke-width: 2;
}
.ql-snow .ql-stroke-miter {
  fill: none;
  stroke: #444;
  stroke-miterlimit: 10;
  stroke-width: 2;
}
.ql-snow .ql-fill,
.ql-snow .ql-stroke.ql-fill {
  fill: #444;
}
.ql-snow .ql-empty {
  fill: none;
}
.ql-snow .ql-even {
  fill-rule: evenodd;
}
.ql-snow .ql-thin,
.ql-snow .ql-stroke.ql-thin {
  stroke-width: 1;
}
.ql-snow .ql-transparent {
  opacity: 0.4;
}
.ql-snow .ql-direction svg:last-child {
  display: none;
}
.ql-snow .ql-direction.ql-active svg:last-child {
  display: inline;
}
.ql-snow .ql-direction.ql-active svg:first-child {
  display: none;
}
.ql-snow .ql-editor h1 {
  font-size: 2em;
}
.ql-snow .ql-editor h2 {
  font-size: 1.5em;
}
.ql-snow .ql-editor h3 {
  font-size: 1.17em;
}
.ql-snow .ql-editor h4 {
  font-size: 1em;
}
.ql-snow .ql-editor h5 {
  font-size: 0.83em;
}
.ql-snow .ql-editor h6 {
  font-size: 0.67em;
}
.ql-snow .ql-editor a {
  text-decoration: underline;
}
.ql-snow .ql-editor blockquote {
  border-left: 4px solid #ccc;
  margin-bottom: 5px;
  margin-top: 5px;
  padding-left: 16px;
}
.ql-snow .ql-editor code,
.ql-snow .ql-editor pre {
  background-color: #f0f0f0;
  border-radius: 3px;
}
.ql-snow .ql-editor pre {
  white-space: pre-wrap;
  margin-bottom: 5px;
  margin-top: 5px;
  padding: 5px 10px;
}
.ql-snow .ql-editor code {
  font-size: 85%;
  padding: 2px 4px;
}
.ql-snow .ql-editor pre.ql-syntax {
  background-color: #23241f;
  color: #f8f8f2;
  overflow: visible;
}
.ql-snow .ql-editor img {
  max-width: 100%;
}
.ql-snow .ql-picker {
  color: #444;
  display: inline-block;
  float: left;
  font-size: 14px;
  font-weight: 500;
  height: 24px;
  position: relative;
  vertical-align: middle;
}
.ql-snow .ql-picker-label {
  cursor: pointer;
  display: inline-block;
  height: 100%;
  padding-left: 8px;
  padding-right: 2px;
  position: relative;
  width: 100%;
}
.ql-snow .ql-picker-label::before {
  display: inline-block;
  line-height: 22px;
}
.ql-snow .ql-picker-options {
  background-color: #fff;
  display: none;
  min-width: 100%;
  padding: 4px 8px;
  position: absolute;
  white-space: nowrap;
}
.ql-snow .ql-picker-options .ql-picker-item {
  cursor: pointer;
  display: block;
  padding-bottom: 5px;
  padding-top: 5px;
}
.ql-snow .ql-picker.ql-expanded .ql-picker-label {
  color: #ccc;
  z-index: 2;
}
.ql-snow .ql-picker.ql-expanded .ql-picker-label .ql-fill {
  fill: #ccc;
}
.ql-snow .ql-picker.ql-expanded .ql-picker-label .ql-stroke {
  stroke: #ccc;
}
.ql-snow .ql-picker.ql-expanded .ql-picker-options {
  display: block;
  margin-top: -1px;
  top: 100%;
  z-index: 1;
}
.ql-snow .ql-color-picker,
.ql-snow .ql-icon-picker {
  width: 28px;
}
.ql-snow .ql-color-picker .ql-picker-label,
.ql-snow .ql-icon-picker .ql-picker-label {
  padding: 2px 4px;
}
.ql-snow .ql-color-picker .ql-picker-label svg,
.ql-snow .ql-icon-picker .ql-picker-label svg {
  right: 4px;
}
.ql-snow .ql-icon-picker .ql-picker-options {
  padding: 4px 0px;
}
.ql-snow .ql-icon-picker .ql-picker-item {
  height: 24px;
  width: 24px;
  padding: 2px 4px;
}
.ql-snow .ql-color-picker .ql-picker-options {
  padding: 3px 5px;
  width: 152px;
}
.ql-snow .ql-color-picker .ql-picker-item {
  border: 1px solid transparent;
  float: left;
  height: 16px;
  margin: 2px;
  padding: 0px;
  width: 16px;
}
.ql-snow .ql-picker:not(.ql-color-picker):not(.ql-icon-picker) svg {
  position: absolute;
  margin-top: -9px;
  right: 0;
  top: 50%;
  width: 18px;
}
.ql-snow .ql-picker.ql-header .ql-picker-label[data-label]:not([data-label=''])::before,
.ql-snow .ql-picker.ql-font .ql-picker-label[data-label]:not([data-label=''])::before,
.ql-snow .ql-picker.ql-size .ql-picker-label[data-label]:not([data-label=''])::before,
.ql-snow .ql-picker.ql-header .ql-picker-item[data-label]:not([data-label=''])::before,
.ql-snow .ql-picker.ql-font .ql-picker-item[data-label]:not([data-label=''])::before,
.ql-snow .ql-picker.ql-size .ql-picker-item[data-label]:not([data-label=''])::before {
  content: attr(data-label);
}
.ql-snow .ql-picker.ql-header {
  width: 98px;
}
.ql-snow .ql-picker.ql-header .ql-picker-label::before,
.ql-snow .ql-picker.ql-header .ql-picker-item::before {
  content: 'Normal';
}
.ql-snow .ql-picker.ql-header .ql-picker-label[data-value="1"]::before,
.ql-snow .ql-picker.ql-header .ql-picker-item[data-value="1"]::before {
  content: 'Heading 1';
}
.ql-snow .ql-picker.ql-header .ql-picker-label[data-value="2"]::before,
.ql-snow .ql-picker.ql-header .ql-picker-item[data-value="2"]::before {
  content: 'Heading 2';
}
.ql-snow .ql-picker.ql-header .ql-picker-label[data-value="3"]::before,
.ql-snow .ql-picker.ql-header .ql-picker-item[data-value="3"]::before {
  content: 'Heading 3';
}
.ql-snow .ql-picker.ql-header .ql-picker-label[data-value="4"]::before,
.ql-snow .ql-picker.ql-header .ql-picker-item[data-value="4"]::before {
  content: 'Heading 4';
}
.ql-snow .ql-picker.ql-header .ql-picker-label[data-value="5"]::before,
.ql-snow .ql-picker.ql-header .ql-picker-item[data-value="5"]::before {
  content: 'Heading 5';
}
.ql-snow .ql-picker.ql-header .ql-picker-label[data-value="6"]::before,
.ql-snow .ql-picker.ql-header .ql-picker-item[data-value="6"]::before {
  content: 'Heading 6';
}
.ql-snow .ql-picker.ql-header .ql-picker-item[data-value="1"]::before {
  font-size: 2em;
}
.ql-snow .ql-picker.ql-header .ql-picker-item[data-value="2"]::before {
  font-size: 1.5em;
}
.ql-snow .ql-picker.ql-header .ql-picker-item[data-value="3"]::before {
  font-size: 1.17em;
}
.ql-snow .ql-picker.ql-header .ql-picker-item[data-value="4"]::before {
  font-size: 1em;
}
.ql-snow .ql-picker.ql-header .ql-picker-item[data-value="5"]::before {
  font-size: 0.83em;
}
.ql-snow .ql-picker.ql-header .ql-picker-item[data-value="6"]::before {
  font-size: 0.67em;
}
.ql-snow .ql-picker.ql-font {
  width: 108px;
}
.ql-snow .ql-picker.ql-font .ql-picker-label::before,
.ql-snow .ql-picker.ql-font .ql-picker-item::before {
  content: 'Sans Serif';
}
.ql-snow .ql-picker.ql-font .ql-picker-label[data-value=serif]::before,
.ql-snow .ql-picker.ql-font .ql-picker-item[data-value=serif]::before {
  content: 'Serif';
}
.ql-snow .ql-picker.ql-font .ql-picker-label[data-value=monospace]::before,
.ql-snow .ql-picker.ql-font .ql-picker-item[data-value=monospace]::before {
  content: 'Monospace';
}
.ql-snow .ql-picker.ql-font .ql-picker-item[data-value=serif]::before {
  font-family: Georgia, Times New Roman, serif;
}
.ql-snow .ql-picker.ql-font .ql-picker-item[data-value=monospace]::before {
  font-family: Monaco, Courier New, monospace;
}
.ql-snow .ql-picker.ql-size {
  width: 98px;
}
.ql-snow .ql-picker.ql-size .ql-picker-label::before,
.ql-snow .ql-picker.ql-size .ql-picker-item::before {
  content: 'Normal';
}
.ql-snow .ql-picker.ql-size .ql-picker-label[data-value=small]::before,
.ql-snow .ql-picker.ql-size .ql-picker-item[data-value=small]::before {
  content: 'Small';
}
.ql-snow .ql-picker.ql-size .ql-picker-label[data-value=large]::before,
.ql-snow .ql-picker.ql-size .ql-picker-item[data-value=large]::before {
  content: 'Large';
}
.ql-snow .ql-picker.ql-size .ql-picker-label[data-value=huge]::before,
.ql-snow .ql-picker.ql-size .ql-picker-item[data-value=huge]::before {
  content: 'Huge';
}
.ql-snow .ql-picker.ql-size .ql-picker-item[data-value=small]::before {
  font-size: 10px;
}
.ql-snow .ql-picker.ql-size .ql-picker-item[data-value=large]::before {
  font-size: 18px;
}
.ql-snow .ql-picker.ql-size .ql-picker-item[data-value=huge]::before {
  font-size: 32px;
}
.ql-snow .ql-color-picker.ql-background .ql-picker-item {
  background-color: #fff;
}
.ql-snow .ql-color-picker.ql-color .ql-picker-item {
  background-color: #000;
}
.ql-toolbar.ql-snow {
  border: 1px solid #ccc;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  font-family: 'Helvetica Neue', 'Helvetica', 'Arial', sans-serif;
  padding: 8px;
}
.ql-toolbar.ql-snow .ql-formats {
  margin-right: 15px;
}
.ql-toolbar.ql-snow .ql-picker-label {
  border: 1px solid transparent;
}
.ql-toolbar.ql-snow .ql-picker-options {
  border: 1px solid transparent;
  -webkit-box-shadow: rgba(0,0,0,0.2) 0 2px 8px;
          box-shadow: rgba(0,0,0,0.2) 0 2px 8px;
}
.ql-toolbar.ql-snow .ql-picker.ql-expanded .ql-picker-label {
  border-color: #ccc;
}
.ql-toolbar.ql-snow .ql-picker.ql-expanded .ql-picker-options {
  border-color: #ccc;
}
.ql-toolbar.ql-snow .ql-color-picker .ql-picker-item.ql-selected,
.ql-toolbar.ql-snow .ql-color-picker .ql-picker-item:hover {
  border-color: #000;
}
.ql-toolbar.ql-snow + .ql-container.ql-snow {
  border-top: 0px;
}
.ql-snow .ql-tooltip {
  background-color: #fff;
  border: 1px solid #ccc;
  -webkit-box-shadow: 0px 0px 5px #ddd;
          box-shadow: 0px 0px 5px #ddd;
  color: #444;
  padding: 5px 12px;
  white-space: nowrap;
}
.ql-snow .ql-tooltip::before {
  content: "Visit URL:";
  line-height: 26px;
  margin-right: 8px;
}
.ql-snow .ql-tooltip input[type=text] {
  display: none;
  border: 1px solid #ccc;
  font-size: 13px;
  height: 26px;
  margin: 0px;
  padding: 3px 5px;
  width: 170px;
}
.ql-snow .ql-tooltip a.ql-preview {
  display: inline-block;
  max-width: 200px;
  overflow-x: hidden;
  text-overflow: ellipsis;
  vertical-align: top;
}
.ql-snow .ql-tooltip a.ql-action::after {
  border-right: 1px solid #ccc;
  content: 'Edit';
  margin-left: 16px;
  padding-right: 8px;
}
.ql-snow .ql-tooltip a.ql-remove::before {
  content: 'Remove';
  margin-left: 8px;
}
.ql-snow .ql-tooltip a {
  line-height: 26px;
}
.ql-snow .ql-tooltip.ql-editing a.ql-preview,
.ql-snow .ql-tooltip.ql-editing a.ql-remove {
  display: none;
}
.ql-snow .ql-tooltip.ql-editing input[type=text] {
  display: inline-block;
}
.ql-snow .ql-tooltip.ql-editing a.ql-action::after {
  border-right: 0px;
  content: 'Save';
  padding-right: 0px;
}
.ql-snow .ql-tooltip[data-mode=link]::before {
  content: "Enter link:";
}
.ql-snow .ql-tooltip[data-mode=formula]::before {
  content: "Enter formula:";
}
.ql-snow .ql-tooltip[data-mode=video]::before {
  content: "Enter video:";
}
.ql-snow a {
  color: #06c;
}
.ql-container.ql-snow {
  border: 1px solid #ccc;
}
/*!
 * Quill Editor v1.3.7
 * https://quilljs.com/
 * Copyright (c) 2014, Jason Chen
 * Copyright (c) 2013, salesforce.com
 */
.ql-container {
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  font-family: Helvetica, Arial, sans-serif;
  font-size: 13px;
  height: 100%;
  margin: 0px;
  position: relative;
}
.ql-container.ql-disabled .ql-tooltip {
  visibility: hidden;
}
.ql-container.ql-disabled .ql-editor ul[data-checked] > li::before {
  pointer-events: none;
}
.ql-clipboard {
  left: -100000px;
  height: 1px;
  overflow-y: hidden;
  position: absolute;
  top: 50%;
}
.ql-clipboard p {
  margin: 0;
  padding: 0;
}
.ql-editor {
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  line-height: 1.42;
  height: 100%;
  outline: none;
  overflow-y: auto;
  padding: 12px 15px;
  -o-tab-size: 4;
     tab-size: 4;
  -moz-tab-size: 4;
  text-align: left;
  white-space: pre-wrap;
  word-wrap: break-word;
}
.ql-editor > * {
  cursor: text;
}
.ql-editor p,
.ql-editor ol,
.ql-editor ul,
.ql-editor pre,
.ql-editor blockquote,
.ql-editor h1,
.ql-editor h2,
.ql-editor h3,
.ql-editor h4,
.ql-editor h5,
.ql-editor h6 {
  margin: 0;
  padding: 0;
  counter-reset: list-1 list-2 list-3 list-4 list-5 list-6 list-7 list-8 list-9;
}
.ql-editor ol,
.ql-editor ul {
  padding-left: 1.5em;
}
.ql-editor ol > li,
.ql-editor ul > li {
  list-style-type: none;
}
.ql-editor ul > li::before {
  content: '\2022';
}
.ql-editor ul[data-checked=true],
.ql-editor ul[data-checked=false] {
  pointer-events: none;
}
.ql-editor ul[data-checked=true] > li *,
.ql-editor ul[data-checked=false] > li * {
  pointer-events: all;
}
.ql-editor ul[data-checked=true] > li::before,
.ql-editor ul[data-checked=false] > li::before {
  color: #777;
  cursor: pointer;
  pointer-events: all;
}
.ql-editor ul[data-checked=true] > li::before {
  content: '\2611';
}
.ql-editor ul[data-checked=false] > li::before {
  content: '\2610';
}
.ql-editor li::before {
  display: inline-block;
  white-space: nowrap;
  width: 1.2em;
}
.ql-editor li:not(.ql-direction-rtl)::before {
  margin-left: -1.5em;
  margin-right: 0.3em;
  text-align: right;
}
.ql-editor li.ql-direction-rtl::before {
  margin-left: 0.3em;
  margin-right: -1.5em;
}
.ql-editor ol li:not(.ql-direction-rtl),
.ql-editor ul li:not(.ql-direction-rtl) {
  padding-left: 1.5em;
}
.ql-editor ol li.ql-direction-rtl,
.ql-editor ul li.ql-direction-rtl {
  padding-right: 1.5em;
}
.ql-editor ol li {
  counter-reset: list-1 list-2 list-3 list-4 list-5 list-6 list-7 list-8 list-9;
  counter-increment: list-0;
}
.ql-editor ol li:before {
  content: counter(list-0, decimal) '. ';
}
.ql-editor ol li.ql-indent-1 {
  counter-increment: list-1;
}
.ql-editor ol li.ql-indent-1:before {
  content: counter(list-1, lower-alpha) '. ';
}
.ql-editor ol li.ql-indent-1 {
  counter-reset: list-2 list-3 list-4 list-5 list-6 list-7 list-8 list-9;
}
.ql-editor ol li.ql-indent-2 {
  counter-increment: list-2;
}
.ql-editor ol li.ql-indent-2:before {
  content: counter(list-2, lower-roman) '. ';
}
.ql-editor ol li.ql-indent-2 {
  counter-reset: list-3 list-4 list-5 list-6 list-7 list-8 list-9;
}
.ql-editor ol li.ql-indent-3 {
  counter-increment: list-3;
}
.ql-editor ol li.ql-indent-3:before {
  content: counter(list-3, decimal) '. ';
}
.ql-editor ol li.ql-indent-3 {
  counter-reset: list-4 list-5 list-6 list-7 list-8 list-9;
}
.ql-editor ol li.ql-indent-4 {
  counter-increment: list-4;
}
.ql-editor ol li.ql-indent-4:before {
  content: counter(list-4, lower-alpha) '. ';
}
.ql-editor ol li.ql-indent-4 {
  counter-reset: list-5 list-6 list-7 list-8 list-9;
}
.ql-editor ol li.ql-indent-5 {
  counter-increment: list-5;
}
.ql-editor ol li.ql-indent-5:before {
  content: counter(list-5, lower-roman) '. ';
}
.ql-editor ol li.ql-indent-5 {
  counter-reset: list-6 list-7 list-8 list-9;
}
.ql-editor ol li.ql-indent-6 {
  counter-increment: list-6;
}
.ql-editor ol li.ql-indent-6:before {
  content: counter(list-6, decimal) '. ';
}
.ql-editor ol li.ql-indent-6 {
  counter-reset: list-7 list-8 list-9;
}
.ql-editor ol li.ql-indent-7 {
  counter-increment: list-7;
}
.ql-editor ol li.ql-indent-7:before {
  content: counter(list-7, lower-alpha) '. ';
}
.ql-editor ol li.ql-indent-7 {
  counter-reset: list-8 list-9;
}
.ql-editor ol li.ql-indent-8 {
  counter-increment: list-8;
}
.ql-editor ol li.ql-indent-8:before {
  content: counter(list-8, lower-roman) '. ';
}
.ql-editor ol li.ql-indent-8 {
  counter-reset: list-9;
}
.ql-editor ol li.ql-indent-9 {
  counter-increment: list-9;
}
.ql-editor ol li.ql-indent-9:before {
  content: counter(list-9, decimal) '. ';
}
.ql-editor .ql-indent-1:not(.ql-direction-rtl) {
  padding-left: 3em;
}
.ql-editor li.ql-indent-1:not(.ql-direction-rtl) {
  padding-left: 4.5em;
}
.ql-editor .ql-indent-1.ql-direction-rtl.ql-align-right {
  padding-right: 3em;
}
.ql-editor li.ql-indent-1.ql-direction-rtl.ql-align-right {
  padding-right: 4.5em;
}
.ql-editor .ql-indent-2:not(.ql-direction-rtl) {
  padding-left: 6em;
}
.ql-editor li.ql-indent-2:not(.ql-direction-rtl) {
  padding-left: 7.5em;
}
.ql-editor .ql-indent-2.ql-direction-rtl.ql-align-right {
  padding-right: 6em;
}
.ql-editor li.ql-indent-2.ql-direction-rtl.ql-align-right {
  padding-right: 7.5em;
}
.ql-editor .ql-indent-3:not(.ql-direction-rtl) {
  padding-left: 9em;
}
.ql-editor li.ql-indent-3:not(.ql-direction-rtl) {
  padding-left: 10.5em;
}
.ql-editor .ql-indent-3.ql-direction-rtl.ql-align-right {
  padding-right: 9em;
}
.ql-editor li.ql-indent-3.ql-direction-rtl.ql-align-right {
  padding-right: 10.5em;
}
.ql-editor .ql-indent-4:not(.ql-direction-rtl) {
  padding-left: 12em;
}
.ql-editor li.ql-indent-4:not(.ql-direction-rtl) {
  padding-left: 13.5em;
}
.ql-editor .ql-indent-4.ql-direction-rtl.ql-align-right {
  padding-right: 12em;
}
.ql-editor li.ql-indent-4.ql-direction-rtl.ql-align-right {
  padding-right: 13.5em;
}
.ql-editor .ql-indent-5:not(.ql-direction-rtl) {
  padding-left: 15em;
}
.ql-editor li.ql-indent-5:not(.ql-direction-rtl) {
  padding-left: 16.5em;
}
.ql-editor .ql-indent-5.ql-direction-rtl.ql-align-right {
  padding-right: 15em;
}
.ql-editor li.ql-indent-5.ql-direction-rtl.ql-align-right {
  padding-right: 16.5em;
}
.ql-editor .ql-indent-6:not(.ql-direction-rtl) {
  padding-left: 18em;
}
.ql-editor li.ql-indent-6:not(.ql-direction-rtl) {
  padding-left: 19.5em;
}
.ql-editor .ql-indent-6.ql-direction-rtl.ql-align-right {
  padding-right: 18em;
}
.ql-editor li.ql-indent-6.ql-direction-rtl.ql-align-right {
  padding-right: 19.5em;
}
.ql-editor .ql-indent-7:not(.ql-direction-rtl) {
  padding-left: 21em;
}
.ql-editor li.ql-indent-7:not(.ql-direction-rtl) {
  padding-left: 22.5em;
}
.ql-editor .ql-indent-7.ql-direction-rtl.ql-align-right {
  padding-right: 21em;
}
.ql-editor li.ql-indent-7.ql-direction-rtl.ql-align-right {
  padding-right: 22.5em;
}
.ql-editor .ql-indent-8:not(.ql-direction-rtl) {
  padding-left: 24em;
}
.ql-editor li.ql-indent-8:not(.ql-direction-rtl) {
  padding-left: 25.5em;
}
.ql-editor .ql-indent-8.ql-direction-rtl.ql-align-right {
  padding-right: 24em;
}
.ql-editor li.ql-indent-8.ql-direction-rtl.ql-align-right {
  padding-right: 25.5em;
}
.ql-editor .ql-indent-9:not(.ql-direction-rtl) {
  padding-left: 27em;
}
.ql-editor li.ql-indent-9:not(.ql-direction-rtl) {
  padding-left: 28.5em;
}
.ql-editor .ql-indent-9.ql-direction-rtl.ql-align-right {
  padding-right: 27em;
}
.ql-editor li.ql-indent-9.ql-direction-rtl.ql-align-right {
  padding-right: 28.5em;
}
.ql-editor .ql-video {
  display: block;
  max-width: 100%;
}
.ql-editor .ql-video.ql-align-center {
  margin: 0 auto;
}
.ql-editor .ql-video.ql-align-right {
  margin: 0 0 0 auto;
}
.ql-editor .ql-bg-black {
  background-color: #000;
}
.ql-editor .ql-bg-red {
  background-color: #e60000;
}
.ql-editor .ql-bg-orange {
  background-color: #f90;
}
.ql-editor .ql-bg-yellow {
  background-color: #ff0;
}
.ql-editor .ql-bg-green {
  background-color: #008a00;
}
.ql-editor .ql-bg-blue {
  background-color: #06c;
}
.ql-editor .ql-bg-purple {
  background-color: #93f;
}
.ql-editor .ql-color-white {
  color: #fff;
}
.ql-editor .ql-color-red {
  color: #e60000;
}
.ql-editor .ql-color-orange {
  color: #f90;
}
.ql-editor .ql-color-yellow {
  color: #ff0;
}
.ql-editor .ql-color-green {
  color: #008a00;
}
.ql-editor .ql-color-blue {
  color: #06c;
}
.ql-editor .ql-color-purple {
  color: #93f;
}
.ql-editor .ql-font-serif {
  font-family: Georgia, Times New Roman, serif;
}
.ql-editor .ql-font-monospace {
  font-family: Monaco, Courier New, monospace;
}
.ql-editor .ql-size-small {
  font-size: 0.75em;
}
.ql-editor .ql-size-large {
  font-size: 1.5em;
}
.ql-editor .ql-size-huge {
  font-size: 2.5em;
}
.ql-editor .ql-direction-rtl {
  direction: rtl;
  text-align: inherit;
}
.ql-editor .ql-align-center {
  text-align: center;
}
.ql-editor .ql-align-justify {
  text-align: justify;
}
.ql-editor .ql-align-right {
  text-align: right;
}
.ql-editor.ql-blank::before {
  color: rgba(0,0,0,0.6);
  content: attr(data-placeholder);
  font-style: italic;
  left: 15px;
  pointer-events: none;
  position: absolute;
  right: 15px;
}
.ql-bubble.ql-toolbar:after,
.ql-bubble .ql-toolbar:after {
  clear: both;
  content: '';
  display: table;
}
.ql-bubble.ql-toolbar button,
.ql-bubble .ql-toolbar button {
  background: none;
  border: none;
  cursor: pointer;
  display: inline-block;
  float: left;
  height: 24px;
  padding: 3px 5px;
  width: 28px;
}
.ql-bubble.ql-toolbar button svg,
.ql-bubble .ql-toolbar button svg {
  float: left;
  height: 100%;
}
.ql-bubble.ql-toolbar button:active:hover,
.ql-bubble .ql-toolbar button:active:hover {
  outline: none;
}
.ql-bubble.ql-toolbar input.ql-image[type=file],
.ql-bubble .ql-toolbar input.ql-image[type=file] {
  display: none;
}
.ql-bubble.ql-toolbar button:hover,
.ql-bubble .ql-toolbar button:hover,
.ql-bubble.ql-toolbar button:focus,
.ql-bubble .ql-toolbar button:focus,
.ql-bubble.ql-toolbar button.ql-active,
.ql-bubble .ql-toolbar button.ql-active,
.ql-bubble.ql-toolbar .ql-picker-label:hover,
.ql-bubble .ql-toolbar .ql-picker-label:hover,
.ql-bubble.ql-toolbar .ql-picker-label.ql-active,
.ql-bubble .ql-toolbar .ql-picker-label.ql-active,
.ql-bubble.ql-toolbar .ql-picker-item:hover,
.ql-bubble .ql-toolbar .ql-picker-item:hover,
.ql-bubble.ql-toolbar .ql-picker-item.ql-selected,
.ql-bubble .ql-toolbar .ql-picker-item.ql-selected {
  color: #fff;
}
.ql-bubble.ql-toolbar button:hover .ql-fill,
.ql-bubble .ql-toolbar button:hover .ql-fill,
.ql-bubble.ql-toolbar button:focus .ql-fill,
.ql-bubble .ql-toolbar button:focus .ql-fill,
.ql-bubble.ql-toolbar button.ql-active .ql-fill,
.ql-bubble .ql-toolbar button.ql-active .ql-fill,
.ql-bubble.ql-toolbar .ql-picker-label:hover .ql-fill,
.ql-bubble .ql-toolbar .ql-picker-label:hover .ql-fill,
.ql-bubble.ql-toolbar .ql-picker-label.ql-active .ql-fill,
.ql-bubble .ql-toolbar .ql-picker-label.ql-active .ql-fill,
.ql-bubble.ql-toolbar .ql-picker-item:hover .ql-fill,
.ql-bubble .ql-toolbar .ql-picker-item:hover .ql-fill,
.ql-bubble.ql-toolbar .ql-picker-item.ql-selected .ql-fill,
.ql-bubble .ql-toolbar .ql-picker-item.ql-selected .ql-fill,
.ql-bubble.ql-toolbar button:hover .ql-stroke.ql-fill,
.ql-bubble .ql-toolbar button:hover .ql-stroke.ql-fill,
.ql-bubble.ql-toolbar button:focus .ql-stroke.ql-fill,
.ql-bubble .ql-toolbar button:focus .ql-stroke.ql-fill,
.ql-bubble.ql-toolbar button.ql-active .ql-stroke.ql-fill,
.ql-bubble .ql-toolbar button.ql-active .ql-stroke.ql-fill,
.ql-bubble.ql-toolbar .ql-picker-label:hover .ql-stroke.ql-fill,
.ql-bubble .ql-toolbar .ql-picker-label:hover .ql-stroke.ql-fill,
.ql-bubble.ql-toolbar .ql-picker-label.ql-active .ql-stroke.ql-fill,
.ql-bubble .ql-toolbar .ql-picker-label.ql-active .ql-stroke.ql-fill,
.ql-bubble.ql-toolbar .ql-picker-item:hover .ql-stroke.ql-fill,
.ql-bubble .ql-toolbar .ql-picker-item:hover .ql-stroke.ql-fill,
.ql-bubble.ql-toolbar .ql-picker-item.ql-selected .ql-stroke.ql-fill,
.ql-bubble .ql-toolbar .ql-picker-item.ql-selected .ql-stroke.ql-fill {
  fill: #fff;
}
.ql-bubble.ql-toolbar button:hover .ql-stroke,
.ql-bubble .ql-toolbar button:hover .ql-stroke,
.ql-bubble.ql-toolbar button:focus .ql-stroke,
.ql-bubble .ql-toolbar button:focus .ql-stroke,
.ql-bubble.ql-toolbar button.ql-active .ql-stroke,
.ql-bubble .ql-toolbar button.ql-active .ql-stroke,
.ql-bubble.ql-toolbar .ql-picker-label:hover .ql-stroke,
.ql-bubble .ql-toolbar .ql-picker-label:hover .ql-stroke,
.ql-bubble.ql-toolbar .ql-picker-label.ql-active .ql-stroke,
.ql-bubble .ql-toolbar .ql-picker-label.ql-active .ql-stroke,
.ql-bubble.ql-toolbar .ql-picker-item:hover .ql-stroke,
.ql-bubble .ql-toolbar .ql-picker-item:hover .ql-stroke,
.ql-bubble.ql-toolbar .ql-picker-item.ql-selected .ql-stroke,
.ql-bubble .ql-toolbar .ql-picker-item.ql-selected .ql-stroke,
.ql-bubble.ql-toolbar button:hover .ql-stroke-miter,
.ql-bubble .ql-toolbar button:hover .ql-stroke-miter,
.ql-bubble.ql-toolbar button:focus .ql-stroke-miter,
.ql-bubble .ql-toolbar button:focus .ql-stroke-miter,
.ql-bubble.ql-toolbar button.ql-active .ql-stroke-miter,
.ql-bubble .ql-toolbar button.ql-active .ql-stroke-miter,
.ql-bubble.ql-toolbar .ql-picker-label:hover .ql-stroke-miter,
.ql-bubble .ql-toolbar .ql-picker-label:hover .ql-stroke-miter,
.ql-bubble.ql-toolbar .ql-picker-label.ql-active .ql-stroke-miter,
.ql-bubble .ql-toolbar .ql-picker-label.ql-active .ql-stroke-miter,
.ql-bubble.ql-toolbar .ql-picker-item:hover .ql-stroke-miter,
.ql-bubble .ql-toolbar .ql-picker-item:hover .ql-stroke-miter,
.ql-bubble.ql-toolbar .ql-picker-item.ql-selected .ql-stroke-miter,
.ql-bubble .ql-toolbar .ql-picker-item.ql-selected .ql-stroke-miter {
  stroke: #fff;
}
@media (pointer: coarse) {
  .ql-bubble.ql-toolbar button:hover:not(.ql-active),
  .ql-bubble .ql-toolbar button:hover:not(.ql-active) {
    color: #ccc;
  }
  .ql-bubble.ql-toolbar button:hover:not(.ql-active) .ql-fill,
  .ql-bubble .ql-toolbar button:hover:not(.ql-active) .ql-fill,
  .ql-bubble.ql-toolbar button:hover:not(.ql-active) .ql-stroke.ql-fill,
  .ql-bubble .ql-toolbar button:hover:not(.ql-active) .ql-stroke.ql-fill {
    fill: #ccc;
  }
  .ql-bubble.ql-toolbar button:hover:not(.ql-active) .ql-stroke,
  .ql-bubble .ql-toolbar button:hover:not(.ql-active) .ql-stroke,
  .ql-bubble.ql-toolbar button:hover:not(.ql-active) .ql-stroke-miter,
  .ql-bubble .ql-toolbar button:hover:not(.ql-active) .ql-stroke-miter {
    stroke: #ccc;
  }
}
.ql-bubble {
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}
.ql-bubble * {
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}
.ql-bubble .ql-hidden {
  display: none;
}
.ql-bubble .ql-out-bottom,
.ql-bubble .ql-out-top {
  visibility: hidden;
}
.ql-bubble .ql-tooltip {
  position: absolute;
  -webkit-transform: translateY(10px);
          transform: translateY(10px);
}
.ql-bubble .ql-tooltip a {
  cursor: pointer;
  text-decoration: none;
}
.ql-bubble .ql-tooltip.ql-flip {
  -webkit-transform: translateY(-10px);
          transform: translateY(-10px);
}
.ql-bubble .ql-formats {
  display: inline-block;
  vertical-align: middle;
}
.ql-bubble .ql-formats:after {
  clear: both;
  content: '';
  display: table;
}
.ql-bubble .ql-stroke {
  fill: none;
  stroke: #ccc;
  stroke-linecap: round;
  stroke-linejoin: round;
  stroke-width: 2;
}
.ql-bubble .ql-stroke-miter {
  fill: none;
  stroke: #ccc;
  stroke-miterlimit: 10;
  stroke-width: 2;
}
.ql-bubble .ql-fill,
.ql-bubble .ql-stroke.ql-fill {
  fill: #ccc;
}
.ql-bubble .ql-empty {
  fill: none;
}
.ql-bubble .ql-even {
  fill-rule: evenodd;
}
.ql-bubble .ql-thin,
.ql-bubble .ql-stroke.ql-thin {
  stroke-width: 1;
}
.ql-bubble .ql-transparent {
  opacity: 0.4;
}
.ql-bubble .ql-direction svg:last-child {
  display: none;
}
.ql-bubble .ql-direction.ql-active svg:last-child {
  display: inline;
}
.ql-bubble .ql-direction.ql-active svg:first-child {
  display: none;
}
.ql-bubble .ql-editor h1 {
  font-size: 2em;
}
.ql-bubble .ql-editor h2 {
  font-size: 1.5em;
}
.ql-bubble .ql-editor h3 {
  font-size: 1.17em;
}
.ql-bubble .ql-editor h4 {
  font-size: 1em;
}
.ql-bubble .ql-editor h5 {
  font-size: 0.83em;
}
.ql-bubble .ql-editor h6 {
  font-size: 0.67em;
}
.ql-bubble .ql-editor a {
  text-decoration: underline;
}
.ql-bubble .ql-editor blockquote {
  border-left: 4px solid #ccc;
  margin-bottom: 5px;
  margin-top: 5px;
  padding-left: 16px;
}
.ql-bubble .ql-editor code,
.ql-bubble .ql-editor pre {
  background-color: #f0f0f0;
  border-radius: 3px;
}
.ql-bubble .ql-editor pre {
  white-space: pre-wrap;
  margin-bottom: 5px;
  margin-top: 5px;
  padding: 5px 10px;
}
.ql-bubble .ql-editor code {
  font-size: 85%;
  padding: 2px 4px;
}
.ql-bubble .ql-editor pre.ql-syntax {
  background-color: #23241f;
  color: #f8f8f2;
  overflow: visible;
}
.ql-bubble .ql-editor img {
  max-width: 100%;
}
.ql-bubble .ql-picker {
  color: #ccc;
  display: inline-block;
  float: left;
  font-size: 14px;
  font-weight: 500;
  height: 24px;
  position: relative;
  vertical-align: middle;
}
.ql-bubble .ql-picker-label {
  cursor: pointer;
  display: inline-block;
  height: 100%;
  padding-left: 8px;
  padding-right: 2px;
  position: relative;
  width: 100%;
}
.ql-bubble .ql-picker-label::before {
  display: inline-block;
  line-height: 22px;
}
.ql-bubble .ql-picker-options {
  background-color: #444;
  display: none;
  min-width: 100%;
  padding: 4px 8px;
  position: absolute;
  white-space: nowrap;
}
.ql-bubble .ql-picker-options .ql-picker-item {
  cursor: pointer;
  display: block;
  padding-bottom: 5px;
  padding-top: 5px;
}
.ql-bubble .ql-picker.ql-expanded .ql-picker-label {
  color: #777;
  z-index: 2;
}
.ql-bubble .ql-picker.ql-expanded .ql-picker-label .ql-fill {
  fill: #777;
}
.ql-bubble .ql-picker.ql-expanded .ql-picker-label .ql-stroke {
  stroke: #777;
}
.ql-bubble .ql-picker.ql-expanded .ql-picker-options {
  display: block;
  margin-top: -1px;
  top: 100%;
  z-index: 1;
}
.ql-bubble .ql-color-picker,
.ql-bubble .ql-icon-picker {
  width: 28px;
}
.ql-bubble .ql-color-picker .ql-picker-label,
.ql-bubble .ql-icon-picker .ql-picker-label {
  padding: 2px 4px;
}
.ql-bubble .ql-color-picker .ql-picker-label svg,
.ql-bubble .ql-icon-picker .ql-picker-label svg {
  right: 4px;
}
.ql-bubble .ql-icon-picker .ql-picker-options {
  padding: 4px 0px;
}
.ql-bubble .ql-icon-picker .ql-picker-item {
  height: 24px;
  width: 24px;
  padding: 2px 4px;
}
.ql-bubble .ql-color-picker .ql-picker-options {
  padding: 3px 5px;
  width: 152px;
}
.ql-bubble .ql-color-picker .ql-picker-item {
  border: 1px solid transparent;
  float: left;
  height: 16px;
  margin: 2px;
  padding: 0px;
  width: 16px;
}
.ql-bubble .ql-picker:not(.ql-color-picker):not(.ql-icon-picker) svg {
  position: absolute;
  margin-top: -9px;
  right: 0;
  top: 50%;
  width: 18px;
}
.ql-bubble .ql-picker.ql-header .ql-picker-label[data-label]:not([data-label=''])::before,
.ql-bubble .ql-picker.ql-font .ql-picker-label[data-label]:not([data-label=''])::before,
.ql-bubble .ql-picker.ql-size .ql-picker-label[data-label]:not([data-label=''])::before,
.ql-bubble .ql-picker.ql-header .ql-picker-item[data-label]:not([data-label=''])::before,
.ql-bubble .ql-picker.ql-font .ql-picker-item[data-label]:not([data-label=''])::before,
.ql-bubble .ql-picker.ql-size .ql-picker-item[data-label]:not([data-label=''])::before {
  content: attr(data-label);
}
.ql-bubble .ql-picker.ql-header {
  width: 98px;
}
.ql-bubble .ql-picker.ql-header .ql-picker-label::before,
.ql-bubble .ql-picker.ql-header .ql-picker-item::before {
  content: 'Normal';
}
.ql-bubble .ql-picker.ql-header .ql-picker-label[data-value="1"]::before,
.ql-bubble .ql-picker.ql-header .ql-picker-item[data-value="1"]::before {
  content: 'Heading 1';
}
.ql-bubble .ql-picker.ql-header .ql-picker-label[data-value="2"]::before,
.ql-bubble .ql-picker.ql-header .ql-picker-item[data-value="2"]::before {
  content: 'Heading 2';
}
.ql-bubble .ql-picker.ql-header .ql-picker-label[data-value="3"]::before,
.ql-bubble .ql-picker.ql-header .ql-picker-item[data-value="3"]::before {
  content: 'Heading 3';
}
.ql-bubble .ql-picker.ql-header .ql-picker-label[data-value="4"]::before,
.ql-bubble .ql-picker.ql-header .ql-picker-item[data-value="4"]::before {
  content: 'Heading 4';
}
.ql-bubble .ql-picker.ql-header .ql-picker-label[data-value="5"]::before,
.ql-bubble .ql-picker.ql-header .ql-picker-item[data-value="5"]::before {
  content: 'Heading 5';
}
.ql-bubble .ql-picker.ql-header .ql-picker-label[data-value="6"]::before,
.ql-bubble .ql-picker.ql-header .ql-picker-item[data-value="6"]::before {
  content: 'Heading 6';
}
.ql-bubble .ql-picker.ql-header .ql-picker-item[data-value="1"]::before {
  font-size: 2em;
}
.ql-bubble .ql-picker.ql-header .ql-picker-item[data-value="2"]::before {
  font-size: 1.5em;
}
.ql-bubble .ql-picker.ql-header .ql-picker-item[data-value="3"]::before {
  font-size: 1.17em;
}
.ql-bubble .ql-picker.ql-header .ql-picker-item[data-value="4"]::before {
  font-size: 1em;
}
.ql-bubble .ql-picker.ql-header .ql-picker-item[data-value="5"]::before {
  font-size: 0.83em;
}
.ql-bubble .ql-picker.ql-header .ql-picker-item[data-value="6"]::before {
  font-size: 0.67em;
}
.ql-bubble .ql-picker.ql-font {
  width: 108px;
}
.ql-bubble .ql-picker.ql-font .ql-picker-label::before,
.ql-bubble .ql-picker.ql-font .ql-picker-item::before {
  content: 'Sans Serif';
}
.ql-bubble .ql-picker.ql-font .ql-picker-label[data-value=serif]::before,
.ql-bubble .ql-picker.ql-font .ql-picker-item[data-value=serif]::before {
  content: 'Serif';
}
.ql-bubble .ql-picker.ql-font .ql-picker-label[data-value=monospace]::before,
.ql-bubble .ql-picker.ql-font .ql-picker-item[data-value=monospace]::before {
  content: 'Monospace';
}
.ql-bubble .ql-picker.ql-font .ql-picker-item[data-value=serif]::before {
  font-family: Georgia, Times New Roman, serif;
}
.ql-bubble .ql-picker.ql-font .ql-picker-item[data-value=monospace]::before {
  font-family: Monaco, Courier New, monospace;
}
.ql-bubble .ql-picker.ql-size {
  width: 98px;
}
.ql-bubble .ql-picker.ql-size .ql-picker-label::before,
.ql-bubble .ql-picker.ql-size .ql-picker-item::before {
  content: 'Normal';
}
.ql-bubble .ql-picker.ql-size .ql-picker-label[data-value=small]::before,
.ql-bubble .ql-picker.ql-size .ql-picker-item[data-value=small]::before {
  content: 'Small';
}
.ql-bubble .ql-picker.ql-size .ql-picker-label[data-value=large]::before,
.ql-bubble .ql-picker.ql-size .ql-picker-item[data-value=large]::before {
  content: 'Large';
}
.ql-bubble .ql-picker.ql-size .ql-picker-label[data-value=huge]::before,
.ql-bubble .ql-picker.ql-size .ql-picker-item[data-value=huge]::before {
  content: 'Huge';
}
.ql-bubble .ql-picker.ql-size .ql-picker-item[data-value=small]::before {
  font-size: 10px;
}
.ql-bubble .ql-picker.ql-size .ql-picker-item[data-value=large]::before {
  font-size: 18px;
}
.ql-bubble .ql-picker.ql-size .ql-picker-item[data-value=huge]::before {
  font-size: 32px;
}
.ql-bubble .ql-color-picker.ql-background .ql-picker-item {
  background-color: #fff;
}
.ql-bubble .ql-color-picker.ql-color .ql-picker-item {
  background-color: #000;
}
.ql-bubble .ql-toolbar .ql-formats {
  margin: 8px 12px 8px 0px;
}
.ql-bubble .ql-toolbar .ql-formats:first-child {
  margin-left: 12px;
}
.ql-bubble .ql-color-picker svg {
  margin: 1px;
}
.ql-bubble .ql-color-picker .ql-picker-item.ql-selected,
.ql-bubble .ql-color-picker .ql-picker-item:hover {
  border-color: #fff;
}
.ql-bubble .ql-tooltip {
  background-color: #444;
  border-radius: 25px;
  color: #fff;
}
.ql-bubble .ql-tooltip-arrow {
  border-left: 6px solid transparent;
  border-right: 6px solid transparent;
  content: " ";
  display: block;
  left: 50%;
  margin-left: -6px;
  position: absolute;
}
.ql-bubble .ql-tooltip:not(.ql-flip) .ql-tooltip-arrow {
  border-bottom: 6px solid #444;
  top: -6px;
}
.ql-bubble .ql-tooltip.ql-flip .ql-tooltip-arrow {
  border-top: 6px solid #444;
  bottom: -6px;
}
.ql-bubble .ql-tooltip.ql-editing .ql-tooltip-editor {
  display: block;
}
.ql-bubble .ql-tooltip.ql-editing .ql-formats {
  visibility: hidden;
}
.ql-bubble .ql-tooltip-editor {
  display: none;
}
.ql-bubble .ql-tooltip-editor input[type=text] {
  background: transparent;
  border: none;
  color: #fff;
  font-size: 13px;
  height: 100%;
  outline: none;
  padding: 10px 20px;
  position: absolute;
  width: 100%;
}
.ql-bubble .ql-tooltip-editor a {
  top: 10px;
  position: absolute;
  right: 20px;
}
.ql-bubble .ql-tooltip-editor a:before {
  color: #ccc;
  content: "\D7";
  font-size: 16px;
  font-weight: bold;
}
.ql-container.ql-bubble:not(.ql-disabled) a {
  position: relative;
  white-space: nowrap;
}
.ql-container.ql-bubble:not(.ql-disabled) a::before {
  background-color: #444;
  border-radius: 15px;
  top: -5px;
  font-size: 12px;
  color: #fff;
  content: attr(href);
  font-weight: normal;
  overflow: hidden;
  padding: 5px 15px;
  text-decoration: none;
  z-index: 1;
}
.ql-container.ql-bubble:not(.ql-disabled) a::after {
  border-top: 6px solid #444;
  border-left: 6px solid transparent;
  border-right: 6px solid transparent;
  top: 0;
  content: " ";
  height: 0;
  width: 0;
}
.ql-container.ql-bubble:not(.ql-disabled) a::before,
.ql-container.ql-bubble:not(.ql-disabled) a::after {
  left: 0;
  margin-left: 50%;
  position: absolute;
  -webkit-transform: translate(-50%, -100%);
          transform: translate(-50%, -100%);
  -webkit-transition: visibility 0s ease 200ms;
  transition: visibility 0s ease 200ms;
  visibility: hidden;
}
.ql-container.ql-bubble:not(.ql-disabled) a:hover::before,
.ql-container.ql-bubble:not(.ql-disabled) a:hover::after {
  visibility: visible;
}
@charset "UTF-8";

strong span {
  font-weight: bolder !important;
}

a,
a:hover {
  color: inherit !important;
  text-decoration: none !important;
}

ol,
ul,
dl {
  list-style: none;
  padding: 0;
}

p {
  margin: 0px;
}

.text-12 {
  font-size: 12px;
}

.navbar-nav .nav-item .nav-link {
  color: #fff !important;
}

.navbar-nav .active {
  border-bottom: 2px solid #fff;
}

.container {
  padding: 0 !important;
}

input,
button,
select {
  margin: 0;
  padding: 0;
  background-color: transparent;
  border: 0px solid transparent;
  outline: none;
}

select:focus {
  outline: none !important;
  border: none;
  -webkit-box-shadow: none;
          box-shadow: none;
}

body {
  line-height: 1.5 !important;
}

img {
  vertical-align: middle !important;
}

body,
html {
  height: 100%;
  font-family: "Microsoft YaHei", "Comic Sans MS", "\5E7C\5706", "\9ED1\4F53", sans-serif,
 Helvetica Neue, Helvetica, STHeiTi, Arial !important;
}

#cyxq {
  font-weight: normal !important;
  width: 100%;
  /* 点击侧边栏 */
  /* 联系我们 */
  /* 关于我们 */
  /* 作品详情 */
}

#cyxq .nabla {
  -webkit-transform: rotate(180deg);
          transform: rotate(180deg);
}

#cyxq .share-title-bar {
  background-color: #fbe59a;
  font-size: 0.75rem;
  width: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  height: 1.5625rem;
  z-index: 111;
  position: relative;
  top: -40px;
}

#cyxq .new-case-share-card {
  width: 15.359375rem;
  height: 31.25rem;
  overflow-y: scroll;
}

#cyxq .new-case-share-card .new-case-share-card-bg {
  width: 100%;
  height: 100%;
  background-color: #fff;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  color: #e60000;
  font-size: 0.9375rem;
  text-align: center;
}

#cyxq .new-case-share-card .new-case-share-card-bg img {
  width: 5.625rem;
  height: 5.625rem;
}

#cyxq .new-case-share-card .share-card {
  width: 100%;
  height: auto;
}

#cyxq .new-case-share-card .close {
  position: absolute;
  left: 6.625rem;
  width: 2.15625rem;
  height: 2.15625rem;
  bottom: -1rem;
  z-index: 991;
  cursor: pointer;
}

#cyxq .black-model-new-case {
  width: 100%;
  height: 100%;
  background: rgba(0, 0, 0, 0.2);
  position: fixed;
  z-index: 888;
  overflow: hidden;
  top: 0;
}

#cyxq .case-detail-kv-img {
  margin-bottom: 1.25rem;
}

#cyxq .check-more-new-case {
  width: 100%;
  height: 2.5rem;
  background-color: #0c65c3;
  line-height: 2.5rem;
  text-align: center;
  border-radius: 5px;
  color: #fff;
  font-size: 0.9375rem;
  margin-top: 0.96875rem;
  margin-bottom: 1.875rem;
}

#cyxq .new-case-nav-bar {
  width: 100%;
  height: 2.1875rem;
  background-color: #fff;
  margin-top: 0.5625rem;
}

#cyxq .new-case-nav-bar .new-case-nav-bar-content {
  height: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}

#cyxq .new-case-nav-bar .new-case-nav-bar-content span {
  color: #4d70a5;
  font-size: 0.75rem;
}

#cyxq .new-case-nav-bar .new-case-nav-bar-content img {
  width: 0.625rem;
  height: 0.625rem;
  margin-left: 0.3125rem;
}

#cyxq .new-case-nav-bar .new-case-nav-bar-content .new-case-nav-bar-content-item {
  text-align: center;
}

#cyxq .new-case-page .new-case-row {
  margin-bottom: 0.625rem;
  background-color: #fff;
  border-radius: 0.3125rem;
  width: 100%;
  height: 6.25rem;
  padding-right: 0.9375rem;
}

#cyxq .new-case-page .new-case-row #look > .row {
  height: 6.25rem;
}

#cyxq .new-case-page .new-case-row .card {
  border: none;
}

#cyxq .new-case-page .new-case-row .new-case-row-img {
  width: 100%;
  height: 100%;
  padding-right: 0.9375rem;
}

#cyxq .new-case-page .new-case-row .new-case-row-img .card-img-top {
  border-radius: 0.3125rem 0 0 0.3125rem;
  width: 100%;
  height: 6.25rem;
}

#cyxq .new-case-page .new-case-row .new-case-row-text {
  width: 100%;
}

#cyxq .new-case-page .new-case-row .new-case-row-text .card-body {
  padding: 0.625rem 0 0 !important;
  border-bottom: 0.0625rem solid #f4f4f4;
}

#cyxq .new-case-page .new-case-row .new-case-row-text .card-body .card-body-case-title {
  height: 2.75rem;
}

#cyxq .new-case-page .new-case-row .new-case-row-text .card-body .card-body-ip-title {
  height: 3.4375rem;
}

#cyxq .new-case-page .new-case-row .new-case-row-text .card-body .new-case-row-title {
  font-size: 0.9375rem;
  color: #202020;
  margin-bottom: 0 !important;
  text-overflow: -o-ellipsis-lastline;
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  line-clamp: 2;
  -webkit-box-orient: vertical;
}

#cyxq .new-case-page .new-case-row .new-case-row-text .card-body .new-case-row-time {
  font-size: 0.75rem;
  line-height: 0.75rem;
  color: #c4c4c4;
  margin: 5px 0;
}

#cyxq .new-case-page .new-case-row .new-case-row-text .new-case-row-company {
  font-size: 0.75rem;
  line-height: 0.75rem;
  padding: 5px;
  padding-left: 0;
  color: #c4c4c4;
}

#cyxq .new-case-page .new-case-row .new-case-row-text .new-case-row-company img {
  width: 1.5625rem;
}

#cyxq .detail-center .case-detail-top .case-detail-top-item {
  margin-bottom: 0.8125rem;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}

#cyxq .detail-center .case-detail-top .case-detail-top-item .case-detail-top-item-title {
  color: #000;
  font-size: 0.9375rem;
}

#cyxq .detail-center .case-detail-top .case-detail-top-item .case-detail-top-item-content {
  font-size: 0.75rem;
  color: #0c65c3;
  padding: 0.3125rem 0.625rem;
  border-radius: 0.625rem;
  background-color: #f8f8f8;
  max-width: 12rem;
}

#cyxq .detail-center .case-detail-top .case-detail-top-btn {
  width: 10.6875rem;
  height: 2.8125rem;
  margin: 1.5625rem auto;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  background-color: #0c65c3;
  border-radius: 0.3125rem;
}

#cyxq .detail-center .case-detail-top .case-detail-top-btn .share-top {
  width: 1.625rem !important;
  height: 1.625rem !important;
  margin-right: 5px;
}

#cyxq .detail-center .case-detail-top .case-detail-top-btn span {
  color: #fff;
  font-size: 0.9375rem;
}

#cyxq .detail-center .case-detail-item-bar {
  margin-bottom: 1.25rem;
}

#cyxq .detail-center .case-detail-item-bar img {
  margin-top: 0.9375rem;
}

#cyxq .detail-center .case-detail-item-bar .case-detail-item-title-bar {
  display: block;
  height: 1px;
  width: 100%;
  background-color: #202020;
  position: relative;
  margin-bottom: 1.25rem;
}

#cyxq .detail-center .case-detail-item-bar .case-detail-item-title-bar .case-detail-item-title {
  position: absolute;
  background-color: #fff;
  padding: 0 0.9375rem;
  color: #202020;
  font-size: 0.9375rem;
  left: 50%;
  -webkit-transform: translateX(-50%) translateY(-50%);
          transform: translateX(-50%) translateY(-50%);
  width: 10.625rem;
  text-align: center;
}

#cyxq .detail-center .case-detail-item-bar .case-detail-pre {
  white-space: pre-wrap;
  white-space: -moz-pre-wrap;
  white-space: -o-pre-wrap;
  word-wrap: break-word;
}

#cyxq .company-page .container-row-name {
  border-bottom: 0.0625rem solid #c4c4c4;
  padding-bottom: 0.1875rem;
  font-size: 0.9375rem;
  padding-top: 0;
}

#cyxq .cube-tag {
  position: absolute;
  top: -0.1875rem;
  left: 1.5625rem;
  display: inline-block;
  padding: 0.25em 0.4em;
  font-size: 75%;
  font-weight: 700;
  line-height: 1;
  text-align: center;
  white-space: nowrap;
  vertical-align: baseline;
  -webkit-transition: color 0.15s ease-in-out, background-color 0.15s ease-in-out,
 border-color 0.15s ease-in-out, -webkit-box-shadow 0.15s ease-in-out;
  transition: color 0.15s ease-in-out, background-color 0.15s ease-in-out,
 border-color 0.15s ease-in-out, -webkit-box-shadow 0.15s ease-in-out;
  transition: color 0.15s ease-in-out, background-color 0.15s ease-in-out,
 border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
  transition: color 0.15s ease-in-out, background-color 0.15s ease-in-out,
 border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out, -webkit-box-shadow 0.15s ease-in-out;
  padding-right: 0.6em;
  padding-left: 0.6em;
  border-radius: 10rem;
  color: #fff !important;
  background-color: #dc3545;
}

#cyxq .swiper-mobile-four .swiper-button-prev {
  background-image: url(https://bucket-adshangchuan.oss-cn-shanghai.aliyuncs.com/webicon/images/左@2x.png?5b6344af53f6610517726ef7e10ee123);
  width: 2.8125rem;
  background-size: 2.8125rem 2.8125rem;
}

#cyxq .swiper-mobile-four .swiper-button-next.swiper-button-disabled,
#cyxq .swiper-mobile-four .swiper-button-prev.swiper-button-disabled {
  opacity: 1;
}

#cyxq .swiper-mobile-four .swiper-button-next {
  background-image: url(https://bucket-adshangchuan.oss-cn-shanghai.aliyuncs.com/webicon/images/右@2x.png?e078c50ecd876f34f6df842e4e66c3dd);
  width: 2.8125rem;
  background-size: 2.8125rem 2.8125rem;
}

#cyxq .wrapper-container {
  margin: 0 0.625rem;
}

#cyxq .col-com {
  padding: 0 0.3125rem 0.625rem 0 !important;
}

#cyxq .col-com:nth-child(4n) {
  padding: 0 0 0.625rem 0.3125rem !important;
}

#cyxq .col-con {
  padding: 0 0.3125rem 0.625rem 0 !important;
}

#cyxq .col-con:nth-child(3n) {
  padding: 0 0 0.625rem 0 !important;
}

#cyxq .active-tags {
  background-color: #de003f;
  color: #f4f4f4 !important;
  font-size: 0.5rem;
  /* width: 2.75rem; */
  /* height: .9375rem; */
  padding: 0.0625rem 0.1875rem;
  text-align: center;
  /* line-height: .9375rem; */
  position: absolute;
  top: 0.625rem;
  left: 0.625rem;
  border-radius: 0.1875rem;
}

#cyxq .more-bar {
  background-color: #0c65c3;
  border-radius: 0.1875rem;
  color: #fff;
  font-size: 0.9375rem;
  text-align: center;
  font-weight: normal;
  height: 2.5rem;
  line-height: 2.5rem;
  width: 100%;
}

#cyxq .col-pd {
  padding: 0 0.3125rem 0.625rem 0 !important;
}

#cyxq .col-pd:nth-child(even) {
  padding: 0 0 0.625rem 0.3125rem !important;
}

#cyxq .container-row-name .col {
  padding: 0 !important;
  font-size: 0.75rem;
  font-weight: normal;
}

#cyxq .card {
  border-radius: 0.3125rem;
  border: 1px solid #f4f4f4;
}

#cyxq .row {
  margin: 0;
}

#cyxq .list-group-item {
  border-top: 0.0625rem solid #f4f4f4 !important;
}

#cyxq .list-group-item {
  padding: 0 0.625rem !important;
  line-height: 1.75rem;
  font-size: 0.5rem;
  color: #c4c4c4;
  border-bottom: 0;
}

#cyxq .card-body {
  padding: 0.625rem 0.625rem 0 0.625rem !important;
}

#cyxq .card-body .card-top-title {
  font-size: 0.9375rem;
  color: #202020;
  margin-bottom: 0 !important;
  height: 4.125rem;
}

#cyxq .container-row-name {
  padding-top: 0.9375rem;
  margin-bottom: 0.625rem;
  /* border-bottom: .0625rem solid #c4c4c4; */
}

#cyxq .container-row-name .col {
  padding: 0 !important;
  font-size: 0.9375rem;
  font-weight: normal;
}

#cyxq .right-triangle {
  width: 1rem;
  margin: 0 0.1875rem;
}

#cyxq .more-link {
  display: inline-block;
  background-color: #0c65c3;
  color: #fff !important;
  font-size: 0.75rem;
  width: 3.875rem;
  height: 1.75rem;
  line-height: 1.75rem;
  border-radius: 0.5rem;
  text-align: center;
  border-radius: 0.875rem;
  /* line-height: 1rem; */
}

#cyxq .recommended-more {
  height: 2.5rem;
  line-height: 2.5rem;
  text-align: center;
  color: #000;
  font-size: 0.5rem;
  background-color: #fff;
}

#cyxq .md-scroll-view {
  height: 40.6875rem !important;
}

#cyxq .md-scroll-view-more {
  height: 2.5rem;
  line-height: 2.5rem;
  text-align: center;
  color: #000;
  font-size: 0.5rem;
  background-color: #fff;
  padding: 0;
}

#cyxq .share-img {
  width: 0.8125rem;
  height: 0.8125rem;
  margin-right: 0.125rem;
}

#cyxq .home-name {
  font-size: 0.75rem;
  font-weight: normal;
  color: #202020;
  text-align: center;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  margin-bottom: 0.625rem;
}

#cyxq .home-name .left-line,
#cyxq .home-name .right-line {
  background-color: #0c65c3;
  height: 1px;
  width: 40%;
}

#cyxq .home-name .name-title {
  width: 20%;
}

#cyxq .card-one-row {
  margin-bottom: 0.625rem;
  background-color: #fff;
  border-radius: 0.3125rem;
  width: 100%;
}

#cyxq .card-one-row .card {
  padding-right: 0.9375rem;
  width: 100%;
}

#cyxq .card-one-row .card .row {
  width: 100%;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}

#cyxq .card-one-row .card-one-img {
  width: 100%;
  height: 100%;
  padding-right: 0.9375rem;
}

#cyxq .card-one-row .card-one-img .card-img-top {
  width: 100%;
  height: 6rem;
  border-radius: 0.3125rem 0 0 0.3125rem;
}

#cyxq .card-one-row .card-one-text {
  width: 100%;
}

#cyxq .card-one-row .card-one-text .card-body {
  padding: 1.25rem 0 0 !important;
  border-bottom: 0.0625rem solid #c4c4c4;
}

#cyxq .card-one-row .card-one-text .card-body .card-one-title {
  font-size: 0.9375rem;
  color: #202020;
  margin-bottom: 0.625rem !important;
  height: 1.375rem;
}

#cyxq .card-one-row .card-one-text .card-body .card-one-subtitle {
  font-size: 0.75rem;
  margin-bottom: 0 !important;
  color: #666;
  height: 1.25rem;
}

#cyxq header {
  position: relative;
  width: 100%;
  background-color: #0c65c3;
  color: #fff !important;
  height: 2.5rem;
  z-index: 99;
}

#cyxq header nav {
  height: 2.5rem;
  margin: 0 0.5625rem;
  position: relative;
  line-height: 2.5rem;
}

#cyxq header nav .logo {
  float: left;
  height: 2.5rem;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}

#cyxq header nav .logo a {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}

#cyxq header nav .search {
  width: 2.5rem;
  height: 2.5rem;
  text-align: center;
  line-height: 2.5rem;
  cursor: pointer;
}

#cyxq header nav .user-center {
  width: 4.3rem;
  height: 2.5rem;
}

#cyxq header nav .user-center-unlogin {
  height: 100%;
  line-height: 2.5rem;
}

#cyxq header nav .user-center-unlogin a {
  display: inline-block;
}

#cyxq header nav .user-center-unlogin .unlogin {
  margin-bottom: 0;
  font-size: 0.5625rem;
}

#cyxq header nav .user-center-unlogin .unlogin i {
  display: inline-block;
  width: 0.0625rem;
  height: 0.625rem;
  margin: 0 0.46875rem;
  background: #fff;
  vertical-align: middle;
}

#cyxq .shortcut-menu {
  width: 3.125rem;
  height: 3.125rem;
  position: fixed;
  top: 6.5rem;
  right: 1.25rem;
  z-index: 2100;
}

#cyxq .nav-side {
  width: 100%;
  height: 100%;
  /* background-color: rgba(255, 255, 255, 0.97); */
  background-color: #fff;
  font-size: 0.75rem;
  font-weight: normal;
  /* filter: Alpha(opacity=97); */
  z-index: 111;
  position: absolute;
  top: 2.5rem;
}

#cyxq .nav-side .nav-side-content {
  padding: 0.9375rem 0 1.25rem;
}

#cyxq .nav-side .nav-side-content .row {
  margin: 0 !important;
}

#cyxq .nav-side .nav-side-content .row .nav-side-close {
  margin-left: 1.5625rem;
  margin-right: 1.5625rem;
}

#cyxq .nav-side .nav-side-logo {
  margin: 3.125rem auto 1.25rem;
}

#cyxq .nav-side .nav-side-logo img {
  margin: 0 auto;
  display: block;
}

#cyxq .nav-side .nav-side-login {
  text-align: center;
  color: #202020;
  font-weight: normal;
  font-size: 0.9375rem;
}

#cyxq .nav-side .nav-side-list {
  padding: 0 2.25rem;
  margin-top: 4.25rem;
}

#cyxq .nav-side .nav-side-list .row {
  margin: 0 !important;
}

#cyxq .nav-side .nav-side-list .row .col-4 {
  padding-left: 0.46875rem;
  padding-right: 0.46875rem;
  margin-bottom: 0.9375rem;
}

#cyxq .nav-side .nav-side-list .row .col-4 .nav-side-item {
  border: 0.0625rem solid #000;
  height: 2.5rem;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  font-size: 0.9375rem;
  color: #202020;
  font-weight: normal;
  border-radius: 0.3125rem;
}

#cyxq .nav-side .nav-side-list .row .col-4 .nav-side-item-active {
  background-color: #0c65c3;
  color: #fff;
  border-color: #0c65c3;
}

#cyxq .home .center-top {
  width: 100%;
}

#cyxq .home .center-top .wrapper-container .nav {
  margin-top: 0.9375rem;
  width: 100%;
}

#cyxq .home .center-top .wrapper-container .nav nav {
  width: 100%;
}

#cyxq .home .center-top .wrapper-container .nav nav .center-top-nav-item {
  width: 3.75rem;
}

#cyxq .home .center-top .wrapper-container .nav-pos {
  content: "";
  position: fixed;
  width: 100%;
  margin: 0 !important;
  top: 0;
  z-index: 1100;
  left: 0;
  background-color: #fff;
  padding: 0.625rem 0 0.625rem 0.625rem;
}

#cyxq .home .center-top .wrapper-container .center-top-activity .swiper-mobile-two .swiper-wrapper .card {
  width: 100%;
}

#cyxq .home .center-top .wrapper-container .center-top-activity .swiper-mobile-two .swiper-wrapper .card .card-img-top {
  width: 100%;
  height: auto;
  border-radius: 0.3125rem;
}

#cyxq .home .center-top .wrapper-container .center-top-activity .swiper-mobile-two .swiper-wrapper .card .card-body {
  padding: 0.625rem 0.625rem 0 0.625rem;
}

#cyxq .home .center-top .wrapper-container .center-top-activity .swiper-mobile-two .swiper-wrapper .card .card-body .card-text-title {
  font-size: 0.75rem;
  color: #202020;
  margin-bottom: 0.625rem !important;
}

#cyxq .home .center-top .wrapper-container .center-top-activity .swiper-mobile-two .swiper-wrapper .card .card-body .card-text-subTitle {
  font-size: 0.5625rem;
  color: #666;
}

#cyxq .home .center-top .wrapper-container .center-top-activity .swiper-mobile-two .swiper-wrapper .card .list-group {
  margin-top: 0.78125rem;
}

#cyxq .home .center-top .wrapper-container .center-top-activity .swiper-mobile-two .swiper-wrapper .card .list-group .list-group-item {
  font-size: 0.5625rem;
  color: #c4c4c4;
  line-height: 2.25rem;
}

#cyxq .home .center-top .wrapper-container .center-top-activity .swiper-mobile-two .swiper-wrapper .card-shadow {
  -webkit-box-shadow: 0rem 0rem 0.3125rem 0.125rem rgba(153, 153, 153, 0.2);
          box-shadow: 0rem 0rem 0.3125rem 0.125rem rgba(153, 153, 153, 0.2);
}

#cyxq .home .center-top .wrapper-container .center-top-activity .swiper-button-prev {
  background-image: url(https://bucket-adshangchuan.oss-cn-shanghai.aliyuncs.com/webicon/images/左@2x.png?5b6344af53f6610517726ef7e10ee123);
  width: 2.8125rem;
  background-size: 2.8125rem 2.8125rem;
}

#cyxq .home .center-top .wrapper-container .center-top-activity .swiper-button-next.swiper-button-disabled,
#cyxq .home .center-top .wrapper-container .center-top-activity .swiper-button-prev.swiper-button-disabled {
  opacity: 1;
}

#cyxq .home .center-top .wrapper-container .center-top-activity .swiper-button-next {
  background-image: url(https://bucket-adshangchuan.oss-cn-shanghai.aliyuncs.com/webicon/images/右@2x.png?e078c50ecd876f34f6df842e4e66c3dd);
  width: 2.8125rem;
  background-size: 2.8125rem 2.8125rem;
}

#cyxq .case-page {
  height: 100%;
}

#cyxq .case-page .case-find {
  margin-top: 0.625rem;
}

#cyxq .case-page .case-drop-down {
  height: 2rem;
  background-color: #f4f4f4;
  position: relative;
}

#cyxq .case-page .case-drop-down .md-drop-menu {
  height: 100%;
  position: relative;
  font-weight: normal;
  font-size: 0.9375rem;
  color: #c4c4c4;
}

#cyxq .case-page .case-drop-down .md-drop-menu .md-drop-menu-bar {
  padding: 0 1.25rem;
  display: -ms-flexbox;
  display: flex;
  height: 100%;
  background: #fff;
  display: -webkit-box;
  display: -webkit-flex;
  position: relative;
  z-index: 1200;
}

#cyxq .case-page .case-drop-down .md-drop-menu .md-drop-menu-bar .bar-item.active {
  color: #0c65c3;
}

#cyxq .case-page .case-drop-down .md-drop-menu .md-drop-menu-bar .bar-item.active span:after {
  border-top-color: #0c65c3;
  -webkit-transform: rotate(180deg);
  transform: rotate(180deg);
}

#cyxq .case-page .case-drop-down .md-drop-menu .md-drop-menu-bar .bar-item span {
  position: relative;
  display: inline-block;
  padding-right: 1.875rem;
}

#cyxq .case-page .case-drop-down .md-drop-menu .md-drop-menu-bar .bar-item span:after {
  content: "";
  position: absolute;
  right: 0;
  top: 50%;
  width: 0;
  height: 0;
  margin-top: -0.25rem;
  border-left: 0.5rem solid transparent;
  border-right: 0.5rem solid transparent;
  border-top: 0.5625rem solid #c5cad5;
  -webkit-transition: -webkit-transform 0.3s cubic-bezier(0.86, 0, 0.07, 1);
  transition: -webkit-transform 0.3s cubic-bezier(0.86, 0, 0.07, 1);
  transition: transform 0.3s cubic-bezier(0.86, 0, 0.07, 1);
  transition: transform 0.3s cubic-bezier(0.86, 0, 0.07, 1), -webkit-transform 0.3s cubic-bezier(0.86, 0, 0.07, 1);
}

#cyxq .case-page .case-drop-down .md-drop-menu .md-drop-menu-bar:before {
  content: "";
  position: absolute;
  z-index: 2;
  -webkit-transform-origin: 100% 50%;
  transform-origin: 100% 50%;
  -webkit-transform: scaleY(0.5) translateY(100%);
  transform: scaleY(0.5) translateY(100%);
  bottom: 0;
  left: 0;
  right: auto;
  top: auto;
  width: 100%;
  border-bottom: 0.125rem solid #e2e4ea;
  -webkit-transform-origin: 50% 100%;
  transform-origin: 50% 100%;
}

#cyxq .case-page .case-drop-down .md-drop-menu .md-popup {
  top: 2rem;
  right: 0;
  bottom: 0;
  left: 0;
  position: fixed;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  pointer-events: none;
  z-index: 1000;
}

#cyxq .case-page .case-drop-down .md-drop-menu .md-popup .md-popup-mask {
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  position: absolute;
  pointer-events: auto;
  z-index: 1;
  background-color: rgba(37, 38, 45, 0.7);
}

#cyxq .case-page .case-drop-down .md-drop-menu .md-popup .md-popup-box {
  position: relative;
  pointer-events: auto;
  z-index: 2;
  max-width: 100%;
  max-height: 100%;
  overflow: auto;
}

#cyxq .case-page .case-drop-down .md-drop-menu .md-popup .md-popup-box .md-drop-menu-list {
  padding: 0 1.4375rem 1.625rem;
  width: 100%;
  background: #fff;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}

#cyxq .case-page .case-drop-down .md-drop-menu .md-popup .md-popup-box .md-drop-menu-list .md-cell-item {
  position: relative;
  font-weight: normal;
}

#cyxq .case-page .case-drop-down .md-drop-menu .md-popup .md-popup-box .md-drop-menu-list .md-cell-item .md-cell-item-body {
  padding-top: 0.9375rem;
  padding-bottom: 0;
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
      align-items: center;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
      justify-content: space-between;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}

#cyxq .case-page .case-drop-down .md-drop-menu .md-popup .md-popup-box .md-drop-menu-list .md-cell-item .md-cell-item-body ::before {
  content: "";
  position: absolute;
  z-index: 2;
  -webkit-transform-origin: 100% 50%;
  transform-origin: 100% 50%;
  -webkit-transform: scaleY(0.5) translateY(100%);
  transform: scaleY(0.5) translateY(100%);
  bottom: 0;
  left: 0;
  right: auto;
  top: auto;
  width: 100%;
  -webkit-transform-origin: 50% 100%;
  transform-origin: 50% 100%;
}

#cyxq .case-page .case-drop-down .md-drop-menu .md-popup .md-popup-box .md-drop-menu-list .md-cell-item .md-cell-item-body .md-cell-item-content {
  text-align: left;
  -webkit-box-flex: 1;
  -ms-flex: 1 1 0%;
      flex: 1 1 0%;
  color: #111a34;
  font-size: 2rem;
}

#cyxq .case-page .case-drop-down .md-drop-menu .md-popup .md-popup-box .md-drop-menu-list .md-cell-item .md-cell-item-body .md-cell-item-content .md-drop-menu-custom-title {
  color: #202020;
  font-size: 0.9375rem;
}

#cyxq .case-page .case-drop-down .md-drop-menu .md-popup .md-popup-box .md-drop-menu-list .md-cell-item .md-cell-item-body .md-cell-item-content .md-drop-menu-custom-brief .col-4 {
  margin: 0.3125rem 0;
  padding-right: 1.25rem;
  padding-left: 0;
}

#cyxq .case-page .case-drop-down .md-drop-menu .md-popup .md-popup-box .md-drop-menu-list .md-cell-item .md-cell-item-body .md-cell-item-content .md-drop-menu-custom-brief .col-4 .classify-item {
  border: 0.0625rem solid #c4c4c4;
  font-size: 0.75rem;
  color: #666;
  font-weight: normal;
  width: 5.9375rem;
  height: 1.5625rem;
  line-height: 1.5625rem;
  border-radius: 0.3125rem;
  text-align: center;
}

#cyxq .case-page .case-drop-down .md-drop-menu .md-popup .md-popup-box .md-drop-menu-list .md-cell-item .md-cell-item-body .md-cell-item-content .md-drop-menu-custom-brief .col-4:nth-child(3n) {
  padding-right: 0;
}

#cyxq .case-page .case-drop-down .md-drop-menu .md-popup .md-popup-box .md-drop-menu-list .md-cell-item .md-cell-item-body:before {
  border: 0;
}

#cyxq .case-page .case-drop-down .md-drop-menu .md-popup.top {
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
      flex-direction: column;
  -webkit-box-pack: start;
  -ms-flex-pack: start;
      justify-content: flex-start;
}

#cyxq .case-page .case-content {
  background: #f4f4f4;
  padding-top: 0.625rem;
}

#cyxq .company-page {
  height: 100%;
}

#cyxq .company-page .get-more {
  width: 100%;
  height: 2.5rem;
  line-height: 2.5rem;
  text-align: center;
  font-weight: normal;
  color: #fff;
  font-size: 0.75rem;
  background-color: #0c65c3;
}

#cyxq .company-page .right-triangle {
  margin: 0;
}

#cyxq .company-page .company-content {
  background: #f4f4f4;
  padding-top: 0.625rem;
  height: 100%;
}

#cyxq .company-page .company-row-name {
  padding: 0 1.25rem 0.625rem;
  margin-bottom: 0.625rem;
}

#cyxq .company-page .company-row {
  margin-bottom: 0.625rem;
  background-color: #fff;
  border-radius: 0.3125rem;
  width: 100%;
}

#cyxq .company-page .company-row a {
  width: 100%;
  height: 100%;
}

#cyxq .company-page .company-row .company-card-img {
  width: 100%;
  height: 100%;
  padding-right: 0.9375rem;
}

#cyxq .company-page .company-row .company-card-img img {
  width: 100%;
  height: 6rem;
}

#cyxq .company-page .company-row .company-card-img .card-img-top {
  border-radius: 0.3125rem 0 0 0.3125rem;
}

#cyxq .company-page .company-row .company-card-text {
  width: 100%;
  padding-right: 0.9375rem;
}

#cyxq .company-page .company-row .company-card-text .card-body {
  padding: 1.25rem 0 0.625rem !important;
  border-bottom: 0.0625rem solid #f4f4f4;
  height: 4.575rem;
}

#cyxq .company-page .company-row .company-card-text .card-body .company-card-title {
  font-size: 0.9375rem;
  color: #202020;
  margin-bottom: 0 !important;
  height: 100%;
}

#cyxq .company-page .company-row .company-card-text .card-body .company-card-subtitle {
  font-size: 0.5rem;
  margin-bottom: 0 !important;
  color: #666;
}

#cyxq .company-page .company .nav {
  margin-top: 1.25rem;
  width: 100%;
}

#cyxq .company-page .company .nav nav {
  width: 100%;
}

#cyxq .company-page .company-nav-item {
  padding-bottom: 0.625rem;
  color: #666;
  font-size: 0.75rem;
}

#cyxq .company-page .case-find {
  margin-top: 0.625rem;
}

#cyxq .company-page .company-nav-item-active {
  border-bottom: 0.125rem solid #0c65c3;
  color: #202020;
}

#cyxq .company-page .company-card {
  border-radius: 0.1875rem;
}

#cyxq .company-page .company-card .company-card-img {
  width: 100%;
  height: 8rem;
  background-color: #fff;
}

#cyxq .company-page .company-card .company-card-name {
  color: #202020;
  font-size: 1.125rem;
  text-align: center;
  margin-top: 0.3125rem;
  font-weight: normal;
}

#cyxq .company-page .company-desc {
  margin-bottom: 2rem;
}

#cyxq .company-page .company-desc p {
  margin-bottom: 1rem;
}

#cyxq .company-page .company-desc span {
  font-size: 0.875rem !important;
}

#cyxq .contact {
  background-color: #f4f4f4;
  height: 100%;
  padding: 0.625rem;
}

#cyxq .contact .contact-center {
  background-color: #fff;
}

#cyxq .contact .contact-center-top {
  padding-top: 1.875rem;
  padding-left: 7.5rem;
  color: #de003f;
  font-size: 0.75rem;
  font-weight: normal;
  margin-bottom: 18.4375rem;
}

#cyxq .contact .contact-center-top div:first-of-type {
  margin-bottom: 0.625rem;
}

#cyxq .contact .contact-center-bottom {
  text-align: center;
  color: #202020;
  font-size: 0.75rem;
  padding-bottom: 4.25rem;
}

#cyxq .about-article {
  margin-bottom: 0.5625rem;
  padding-bottom: 0.375rem;
  border-bottom: 0.0625rem dashed #ccc;
}

#cyxq .about-article-hd {
  margin: 0.375rem 0 0.375rem;
}

#cyxq .about-article-hd h2 {
  font-size: 0.6875rem;
  line-height: 0.9375rem;
}

#cyxq .about-article-hd .spl {
  margin: 0 0.375rem;
}

#cyxq .about-article-bd p {
  margin: 0.21875rem 0;
  font-size: 0.4375rem;
  color: #66696b;
}

#cyxq .about-article-hd h2 em {
  font-size: 0.75rem;
  color: #ca0002;
  font-style: normal;
}

#cyxq .about-article-bd h3 {
  font-size: 0.5rem;
  color: #e98900;
}

#cyxq .about-article-bd a {
  color: #239ac8;
}

#cyxq .about-center {
  max-width: 22.0625rem;
}

#cyxq .about-center img {
  max-width: 100%;
  height: auto;
}

#cyxq .detail-content .container-mb .container-mb-body-foot {
  margin-top: 0.625rem;
  height: 2.5rem;
  line-height: 2.5rem;
  text-align: center;
  color: #202020;
  font-size: 0.9375rem;
}

#cyxq .recommended {
  margin-top: 1.25rem;
}

#cyxq .recommended-more {
  height: 2.5rem;
  line-height: 2.5rem;
  text-align: center;
  color: #000;
  font-size: 0.5rem;
  background-color: #fff;
}

#cyxq .detail-content {
  background-color: #f4f4f4;
  padding-top: 0.9375rem;
  padding-bottom: 0.625rem;
}

#cyxq .detail-content .container-mb .container-mb-body-top,
#cyxq .detail-content .container-mb .container-mb-body-foot {
  background-color: #fff;
}

#cyxq .detail-content .container-mb .container-mb-body-top-header {
  padding: 0.625rem 0.8125rem 0;
  border-bottom: 0.0625rem solid #f4f4f4;
}

#cyxq .detail-content .container-mb .container-mb-body-top-header-title {
  color: #202020;
  font-size: 1.5rem;
  margin-bottom: 0;
}

#cyxq .detail-content .container-mb .container-mb-body-top-header-text {
  color: #666;
  font-size: 0.5625rem;
  line-height: 1.25rem;
  margin-top: 0.25rem;
}

#cyxq .detail-content .container-mb .detail-center,
#cyxq .detail-content .container-mb .about-center {
  margin: 0.625rem 0.75rem 1.25rem;
  font-size: 1rem;
  color: #202020;
}

#cyxq .detail-content .container-mb .detail-center p,
#cyxq .detail-content .container-mb .about-center p {
  margin-bottom: 1rem;
}

#cyxq .detail-content .container-mb .detail-container {
  font-size: 1rem;
}

#cyxq .detail-content .container-mb .detail-center img {
  width: 100% !important;
  height: auto !important;
}

#cyxq .detail-content .container-mb .detail-center video {
  width: 100% !important;
  height: auto !important;
}

#cyxq .detail-content .container-mb .detail-center iframe {
  width: 100% !important;
  height: auto !important;
}

#cyxq .detail-content .container-mb .admen-text {
  margin: 0.625rem 0 0.9375rem;
  color: #202020;
  font-size: 0.75rem;
}

#cyxq .detail-content .container-mb .saving {
  font-weight: normal;
  color: #de003f;
  font-size: 0.5rem;
  margin-bottom: 0.9375rem;
}

#cyxq .audio-button {
  width: 100%;
  height: 2.5rem;
  margin: 0 0.65rem;
}

#cyxq .audio-button img {
  width: 2.5rem;
  height: 2.5rem;
}

#cyxq .audio-content {
  width: 100%;
  height: 3.375rem;
  padding: 0.375rem 1.625rem 0 1.625rem;
  position: fixed;
  bottom: 3.375rem;
  background-color: rgba(0, 0, 0, 0.6);
  z-index: 2000;
}

#cyxq .audio-content .img-text {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}

#cyxq .audio-content .audio-text {
  height: 1.5rem;
  overflow: hidden;
  color: #fff;
  margin-left: 0.5rem;
  white-space: nowrap;
  overflow-x: scroll;
}

#cyxq .audio-content .audio-text::-webkit-scrollbar {
  display: none;
}

#cyxq .audio-content img {
  width: 2.5rem;
  height: 2.5rem;
}

#cyxq .foot-bar {
  width: 100%;
  height: 3.375rem;
  padding: 0.375rem 1.625rem 0 1.875rem;
  position: fixed;
  bottom: 0;
  background-color: #fff;
  z-index: 2000;
}

#cyxq .foot-bar img {
  width: 1.5625rem;
  height: 1.5625rem;
}

#cyxq .foot-bar div {
  font-size: 0.5625rem;
  color: #202020;
  font-weight: normal;
  text-align: center;
}

#cyxq .foot-bar .md-tag {
  position: absolute;
  top: -0.1875rem;
  left: 0.625rem;
  font-size: 0.5625rem;
}

#cyxq .foot-bar .md-tag .shape-fillet {
  border-radius: 0.625rem;
}

#cyxq .foot-bar .look {
  margin-right: 1.875rem;
}

#cyxq .foot-bar .look .md-tag {
  position: absolute;
  top: -0.1875rem;
  left: 1.5625rem;
  font-size: 0.5625rem;
}

#cyxq .foot-bar .look .md-tag .shape-fillet {
  border-radius: 0.625rem;
}

#cyxq .md-landscape .md-landscape-body {
  text-align: center;
}

#cyxq .md-landscape .md-landscape-body .md-landscape-content {
  width: 100%;
}

#cyxq .md-landscape .md-landscape-body .md-landscape-content .bshare-bottom .bshare-custom .bshare-qzone,
#cyxq .md-landscape .md-landscape-body .md-landscape-content .bshare-detail-bottom .bshare-custom .bshare-qzone,
#cyxq .md-landscape .md-landscape-body .md-landscape-content .bshare-top .bshare-custom .bshare-qzone,
#cyxq .md-landscape .md-landscape-body .md-landscape-content .bshare-detail-bottom .bshare-custom .bshare-qzone {
  display: block;
  width: 3rem;
  padding: 0;
  height: 3rem;
  margin-bottom: 0.25rem;
}

#cyxq .md-landscape .md-landscape-body .md-landscape-content .bshare-bottom .bshare-custom .bshare-sinaminiblog,
#cyxq .md-landscape .md-landscape-body .md-landscape-content .bshare-detail-bottom .bshare-custom .bshare-sinaminiblog,
#cyxq .md-landscape .md-landscape-body .md-landscape-content .bshare-top .bshare-custom .bshare-sinaminiblog,
#cyxq .md-landscape .md-landscape-body .md-landscape-content .bshare-detail-bottom .bshare-custom .bshare-sinaminiblog {
  background-size: 3rem 3rem;
  display: block;
  width: 3rem;
  padding: 0;
  height: 3rem;
  margin-bottom: 0.25rem;
  margin-right: 1.75rem;
}

#cyxq .md-landscape .md-landscape-body .md-landscape-content .bshare-bottom .bshare-custom .bshare-qqim,
#cyxq .md-landscape .md-landscape-body .md-landscape-content .bshare-detail-bottom .bshare-custom .bshare-qqim,
#cyxq .md-landscape .md-landscape-body .md-landscape-content .bshare-top .bshare-custom .bshare-qqim,
#cyxq .md-landscape .md-landscape-body .md-landscape-content .bshare-detail-bottom .bshare-custom .bshare-qqim {
  background-size: 3rem 3rem;
  display: block;
  width: 3rem;
  padding: 0;
  height: 3rem;
  margin-bottom: 0.25rem;
  margin-right: 1.75rem;
}

#cyxq .md-landscape .md-landscape-body .md-landscape-content .bshare-bottom .bshare-custom .bshare-weixin,
#cyxq .md-landscape .md-landscape-body .md-landscape-content .bshare-detail-bottom .bshare-custom .bshare-weixin,
#cyxq .md-landscape .md-landscape-body .md-landscape-content .bshare-top .bshare-custom .bshare-weixin,
#cyxq .md-landscape .md-landscape-body .md-landscape-content .bshare-detail-bottom .bshare-custom .bshare-weixin {
  background-size: 3rem 3rem;
  display: block;
  width: 3rem;
  padding: 0;
  height: 3rem;
  margin-bottom: 0.25rem;
  margin-right: 1.75rem;
}

#cyxq .md-landscape .md-landscape-body .md-landscape-close {
  margin: 10rem 6.875rem 0;
}

#cyxq .md-landscape .md-popup-box {
  top: 5.3125rem;
}

#cyxq .works-classify .container-row-name {
  border-bottom: 0.0625rem solid #f4f4f4;
  padding-top: 1.25rem;
  padding-bottom: 0.3125rem;
}

#cyxq .container-mb-body-top .works-detail-content {
  margin: 0 0.75rem 2.0625rem;
}

#cyxq .works-classify .works-classify-list .works-classify-item {
  width: 49%;
  height: 1.875rem;
  line-height: 1.875rem;
  color: #202020;
  font-size: 0.5625rem;
  padding-left: 0.625rem;
  padding-right: 0.625rem;
  text-align: center;
  background-color: #f4f4f4;
  margin-right: 2%;
  margin-bottom: 0.3125rem;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

#cyxq .works-classify .works-classify-list .works-classify-item:nth-child(even) {
  margin-right: 0;
}

#cyxq .works-detail {
  margin: 0.625rem 0 0 0 !important;
}

#cyxq .job-mobile-page {
  background-color: #f4f4f4;
  height: 100%;
}

#cyxq .job-mobile-page .job-mobile-news {
  padding-top: 0.9375rem;
}

#cyxq .job-mobile-page .job-mobile-news .job-mobile-news-title {
  color: #000;
  text-align: center;
  font-size: 0.875rem;
  border-bottom: 1px solid #333;
}

#cyxq .job-mobile-page .job-mobile-news .job-mobile-news-title .job-more {
  float: right;
  font-size: 0.75rem;
}

#cyxq .job-mobile-page .job-mobile-news .job-mobile-news-content {
  padding: 0.625rem 0;
}

#cyxq .job-mobile-page .job-mobile-news .job-mobile-news-content .job-mobile-news-item {
  background-color: #fff;
  border-radius: 5px;
  font-size: 0.875rem;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: start;
  padding: 0.3125rem 0.625rem;
}

#cyxq .job-mobile-page .job-mobile-news .job-mobile-news-content .job-mobile-news-item .job-mobile-news-item-title {
  line-height: 1.3125rem;
  height: 2.625rem;
  text-overflow: -o-ellipsis-lastline;
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  /*重点，不能用block等其他*/
  -webkit-line-clamp: 2;
  /*重点IE和火狐不支持*/
  -webkit-box-orient: vertical;
  /*重点*/
}

#cyxq .job-mobile-page .job-mobile-news .job-mobile-news-content .job-mobile-news-item .job-mobile-news-item-image {
  width: 1rem !important;
  height: 1rem !important;
}

#cyxq .job-mobile-page .job-mobile-news .job-mobile-news-content .job-mobile-news-item .job-mobile-news-item-image img {
  width: 1rem;
  height: 1rem;
}

#cyxq .job-mobile-page .job-mobile-jobs .job-mobile-jobs-title {
  text-align: center;
  color: #000;
  font-size: 0.875rem;
  border-bottom: 1px solid #333;
}

#cyxq .job-mobile-page .job-mobile-jobs .job-mobile-jobs-title .job-more {
  float: right;
  font-size: 0.75rem;
}

#cyxq .job-mobile-page .job-mobile-jobs .job-mobile-jobs-content {
  padding: 0.625rem 0;
}

#cyxq .job-mobile-page .job-mobile-jobs .job-mobile-jobs-content .job-mobile-jobs-find-addres .job-mobile-jobs-find-addres-title {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  color: #000;
  line-height: 1rem;
  margin-bottom: 0.46875rem;
}

#cyxq .job-mobile-page .job-mobile-jobs .job-mobile-jobs-content .job-mobile-jobs-find-addres .job-mobile-jobs-find-addres-title .left-line,
#cyxq .job-mobile-page .job-mobile-jobs .job-mobile-jobs-content .job-mobile-jobs-find-addres .job-mobile-jobs-find-addres-title .right-line {
  width: 1.875rem;
  background-color: #000;
  height: 1px;
}

#cyxq .job-mobile-page .job-mobile-jobs .job-mobile-jobs-content .job-mobile-jobs-find-addres .job-mobile-jobs-find-addres-title .name-title {
  font-size: 1rem;
  margin: 0 0.625rem;
}

#cyxq .job-mobile-page .job-mobile-jobs .job-mobile-jobs-content .job-mobile-jobs-find-addres .job-mobile-jobs-find-addres-content {
  padding: 0.46875rem;
  background-color: #fff;
}

#cyxq .job-mobile-page .job-mobile-jobs .job-mobile-jobs-content .job-mobile-jobs-find-addres .job-mobile-jobs-find-addres-content .job-mobile-jobs-find-addres-item {
  color: #c2c3c4;
  font-size: 0.75rem;
  padding: 0.125rem 0.3125rem;
  border-radius: 5px;
  margin: 0.125rem;
}

#cyxq .job-mobile-page .job-mobile-jobs .job-mobile-jobs-content .job-mobile-jobs-find-addres .job-mobile-jobs-find-addres-content .item-active {
  background-color: #ff0066;
  color: #fff;
}

#cyxq .job-mobile-page .job-mobile-jobs .job-mobile-jobs-content .job-mobile-jobs-find-classify {
  margin-top: 0.625rem;
}

#cyxq .job-mobile-page .job-mobile-jobs .job-mobile-jobs-content .job-mobile-jobs-find-classify .job-mobile-jobs-find-classify-title {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  line-height: 1rem;
  color: #000;
  margin-bottom: 0.46875rem;
}

#cyxq .job-mobile-page .job-mobile-jobs .job-mobile-jobs-content .job-mobile-jobs-find-classify .job-mobile-jobs-find-classify-title .left-line,
#cyxq .job-mobile-page .job-mobile-jobs .job-mobile-jobs-content .job-mobile-jobs-find-classify .job-mobile-jobs-find-classify-title .right-line {
  width: 1.875rem;
  background-color: #000;
  height: 1px;
}

#cyxq .job-mobile-page .job-mobile-jobs .job-mobile-jobs-content .job-mobile-jobs-find-classify .job-mobile-jobs-find-classify-title .name-title {
  font-size: 1rem;
  margin: 0 0.625rem;
}

#cyxq .job-mobile-page .job-mobile-jobs .job-mobile-jobs-content .job-mobile-jobs-find-classify .job-mobile-jobs-find-classify-content {
  padding: 0.46875rem 0.46875rem 0.15625rem;
  background-color: #fff;
}

#cyxq .job-mobile-page .job-mobile-jobs .job-mobile-jobs-content .job-mobile-jobs-find-classify .job-mobile-jobs-find-classify-content .item-warp {
  padding-right: 0.5rem;
}

#cyxq .job-mobile-page .job-mobile-jobs .job-mobile-jobs-content .job-mobile-jobs-find-classify .job-mobile-jobs-find-classify-content .item-warp .job-mobile-jobs-find-classify-item {
  color: #fff;
  font-size: 0.75rem;
  margin-bottom: 0.3125rem;
  background-color: #1dc0ff;
  height: 1.5625rem;
  text-align: center;
  line-height: 1.5625rem;
}

#cyxq .job-mobile-page .job-mobile-jobs .job-mobile-jobs-content .job-mobile-jobs-find-classify .job-mobile-jobs-find-classify-content .item-warp .job-mobile-jobs-find-classify-item:nth-of-type(4n) {
  margin-right: 0;
}

#cyxq .job-mobile-page .job-mobile-jobs .job-mobile-jobs-content .job-mobile-jobs-find-classify .job-mobile-jobs-find-classify-content .item-warp .item-active {
  background-color: #ff0066;
  color: #fff;
}

#cyxq .job-mobile-page .job-mobile-jobs .job-mobile-jobs-content .job-mobile-jobs-find-classify .job-mobile-jobs-find-classify-content .last-item {
  padding-right: 0;
}

#cyxq .job-mobile-page .job-mobile-jobs .job-mobile-jobs-content .job-mobile-jobs-card .job-mobile-jobs-card-item {
  margin-bottom: 0.625rem;
  width: 100%;
  height: 23vw;
  padding: 0.625rem;
  background: #fff;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}

#cyxq .job-mobile-page .job-mobile-jobs .job-mobile-jobs-content .job-mobile-jobs-card .job-mobile-jobs-card-item img {
  padding: 0.0625rem;
  width: 3.75rem;
  height: 3.75rem;
  border-radius: 5px;
  margin-right: 0.9375rem;
  border: 1px solid #ccc;
}

#cyxq .job-mobile-page .job-mobile-jobs .job-mobile-jobs-content .job-mobile-jobs-card .job-mobile-jobs-card-item .job-mobile-jobs-card-item-body {
  padding: 0 0.625rem 0 0;
  width: 75%;
}

#cyxq .job-mobile-page .job-mobile-jobs .job-mobile-jobs-content .job-mobile-jobs-card .job-mobile-jobs-card-item .job-mobile-jobs-card-item-body .job-mobile-jobs-card-item-body-top {
  text-align: right;
}

#cyxq .job-mobile-page .job-mobile-jobs .job-mobile-jobs-content .job-mobile-jobs-card .job-mobile-jobs-card-item .job-mobile-jobs-card-item-body .job-mobile-jobs-card-item-body-top .job-mobile-jobs-card-item-body-subtitle {
  color: #666;
  font-size: 0.75rem;
  line-height: 0.75rem;
}

#cyxq .job-mobile-page .job-mobile-jobs .job-mobile-jobs-content .job-mobile-jobs-card .job-mobile-jobs-card-item .job-mobile-jobs-card-item-body .job-mobile-jobs-card-item-body-bottom {
  border-top: 1px solid #f4f4f4;
  padding-top: 0.3125rem;
}

#cyxq .job-mobile-page .job-mobile-jobs .job-mobile-jobs-content .job-mobile-jobs-card .job-mobile-jobs-card-item .job-mobile-jobs-card-item-body .job-mobile-jobs-card-item-body-bottom .job-mobile-jobs-card-item-body-bottom-title {
  color: 666;
  font-size: 0.75rem;
  line-height: 0.75rem;
}

#cyxq .job-mobile-page .job-mobile-jobs .job-mobile-jobs-content .job-mobile-jobs-card .job-mobile-jobs-card-item .job-mobile-jobs-card-item-body .job-mobile-jobs-card-item-body-title {
  color: #000;
  font-size: 0.875rem;
  line-height: 0.875rem;
  margin-bottom: 0.46875rem;
}

#cyxq .job-mobile-page .job-mobile-jobs .job-mobile-jobs-content .job-mobile-jobs-card .job-mobile-jobs-card-item .job-mobile-jobs-card-item-body .job-mobile-jobs-card-item-body-address {
  color: #999;
  font-size: 0.75rem;
  margin-bottom: 0.3125rem;
  line-height: 0.75rem;
}

#cyxq .job-mobile-page .job-mobile-jobs .job-mobile-jobs-content .job-mobile-jobs-card .job-mobile-jobs-card-item .job-mobile-jobs-card-item-body .job-mobile-jobs-card-item-body-money {
  font-size: 0.875rem;
  color: #fb6d47;
  line-height: 0.875rem;
}

#cyxq .job-mobile-page .job-mobile-company-top {
  background-color: #fff;
  padding: 0.625rem;
  margin-top: 0.625rem;
  text-align: center;
}

#cyxq .job-mobile-page .job-mobile-company-top img {
  border-radius: 0.3125rem;
  border: 1px solid #f4f4f4;
  padding: 0.0625rem;
  width: 4.53125rem;
  height: 4.53125rem;
  margin: 0.9375rem;
}

#cyxq .job-mobile-page .job-mobile-company-top .job-mobile-company-top-title {
  font-size: 1rem;
  color: #000;
  margin-bottom: 0.625rem;
}

#cyxq .job-mobile-page .job-mobile-company-top .job-mobile-company-top-subtitle {
  font-size: 0.75rem;
  color: #666;
}

#cyxq .job-mobile-page .job-mobile-company-card .job-mobile-company-card-item {
  margin-bottom: 0.625rem;
  width: 100%;
  height: 100%;
  min-height: 5.15625rem;
  padding: 0.625rem;
  background: #fff;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}

#cyxq .job-mobile-page .job-mobile-company-card .job-mobile-company-card-item .job-mobile-company-card-item-body {
  padding: 0 0.625rem 0 0;
  width: 100%;
}

#cyxq .job-mobile-page .job-mobile-company-card .job-mobile-company-card-item .job-mobile-company-card-item-body .job-mobile-company-card-item-body-title {
  color: #202020;
  font-size: 1rem;
  line-height: 1rem;
  margin-bottom: 1.25rem;
}

#cyxq .job-mobile-page .job-mobile-company-card .job-mobile-company-card-item .job-mobile-company-card-item-body .job-mobile-company-card-item-body-top {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  margin-bottom: 0.625rem;
}

#cyxq .job-mobile-page .job-mobile-company-card .job-mobile-company-card-item .job-mobile-company-card-item-body .job-mobile-company-card-item-body-top .job-mobile-company-card-item-body-address {
  color: #727272;
  font-size: 0.75rem;
  line-height: 0.75rem;
  width: 82%;
}

#cyxq .job-mobile-page .job-mobile-company-card .job-mobile-company-card-item .job-mobile-company-card-item-body .job-mobile-company-card-item-body-top .job-mobile-company-card-item-body-btn {
  width: 3.90625rem;
  height: 1.25rem;
  color: #fff;
  font-size: 0.75rem;
  text-align: center;
  line-height: 1.25rem;
  background-color: #1dc0ff;
}

#cyxq .job-mobile-page .job-mobile-company-card .job-mobile-company-card-item .job-mobile-company-card-item-body .job-mobile-company-card-item-body-bottom {
  border-top: 1px solid #f4f4f4;
  padding-top: 0.3125rem;
}

#cyxq .job-mobile-page .job-mobile-company-card .job-mobile-company-card-item .job-mobile-company-card-item-body .job-mobile-company-card-item-body-bottom .job-mobile-company-card-item-body-money {
  font-size: 0.75rem;
  color: #ffaf59;
  line-height: 0.75rem;
}

#cyxq .job-mobile-page .job-mobile-company-introduce .job-mobile-company-introduce-title {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  color: #000;
  margin-bottom: 0.46875rem;
}

#cyxq .job-mobile-page .job-mobile-company-introduce .job-mobile-company-introduce-title .left-line,
#cyxq .job-mobile-page .job-mobile-company-introduce .job-mobile-company-introduce-title .right-line {
  width: 1.875rem;
  background-color: #000;
  height: 1px;
}

#cyxq .job-mobile-page .job-mobile-company-introduce .job-mobile-company-introduce-title .name-title {
  font-size: 1rem;
  margin: 0 0.625rem;
}

#cyxq .job-mobile-page .job-mobile-company-introduce .job-company-introduce-content {
  padding: 0.625rem;
  background-color: #fff;
}

#cyxq .job-mobile-page .job-mobile-company-introduce .job-company-introduce-content .job-mobile-company-title {
  color: #000;
  font-weight: bold;
}

#cyxq .job-mobile-page .job-mobile-company-introduce .job-company-introduce-content .job-mobile-company-bar-item {
  margin-bottom: 1.25rem;
}

#cyxq .job-mobile-page .job-mobile-company-introduce .job-company-introduce-content .job-mobile-company-content {
  color: #000;
  font-size: 0.875rem;
  line-height: 1.3125rem;
}

#cyxq .job-mobile-jobs-choose-bar {
  width: 100%;
  background-color: #fff;
  height: 1.875rem;
  margin: 0.625rem 0;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}

#cyxq .job-mobile-jobs-choose-bar .job-mobile-jobs-choose-item {
  color: #000;
  font-size: 0.9375rem;
  height: 1.875rem;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  padding: 0 !important;
}

#cyxq .job-mobile-jobs-choose-bar .job-mobile-jobs-choose-item .job-mobile-jobs-choose-item-title {
  line-height: 1.25rem;
  text-align: center;
  width: 100%;
  height: 1.25rem;
}

#cyxq .job-mobile-jobs-choose-bar .job-mobile-jobs-choose-item .job-mobile-jobs-choose-item-border {
  border-right: 0.0625rem solid #ccc;
  border-left: 0.0625rem solid #ccc;
}

#cyxq .job-mobile-jobs-choose-bar .choose-acity {
  background-color: #ff0066;
  color: #fff;
}

#cyxq .job-detial-bar-item {
  margin-bottom: 1.25rem;
}

#cyxq .job-detail-bar-title span {
  background-color: #3598db;
  color: #fff;
  font-size: 1rem;
}

#cyxq .job-detail-content {
  color: #999;
  font-size: 14px;
  line-height: 21px;
}

#cyxq .home-scroll-container {
  height: 100%;
  overflow: auto;
  -webkit-overflow-scrolling: touch;
}

#cyxq .horizontal-menu-list .cube-scroll-content {
  display: inline-block;
}

#cyxq .horizontal-menu-list .list-wrapper {
  background-color: white;
  white-space: nowrap;
  margin-bottom: 0;
}

#cyxq .horizontal-menu-list .list-item {
  width: 50px;
  margin: 0.5rem;
  display: inline-block;
}

#nav-bar {
  height: 2rem;
  background-color: #f4f4f4;
  position: relative;
  /**
 * 通用样式
 */
}

#nav-bar .case-drop-down .md-drop-menu {
  height: 100%;
  position: relative;
  font-weight: normal;
  font-size: 0.9375rem;
  color: #c4c4c4;
}

#nav-bar .case-drop-down .md-drop-menu .md-drop-menu-bar {
  padding: 0 1.25rem;
  display: -ms-flexbox;
  display: flex;
  height: 100%;
  background: #fff;
  display: -webkit-box;
  display: -webkit-flex;
  position: relative;
  z-index: 1200;
}

#nav-bar .case-drop-down .md-drop-menu .md-drop-menu-bar .bar-item.active {
  color: #00baff !important;
}

#nav-bar .case-drop-down .md-drop-menu .md-drop-menu-bar .bar-item.active span:after {
  border-top-color: #00baff !important;
  -webkit-transform: rotate(180deg);
  transform: rotate(180deg);
}

#nav-bar .case-drop-down .md-drop-menu .md-drop-menu-bar .bar-item span {
  position: relative;
  display: inline-block;
  padding-right: 1.875rem;
}

#nav-bar .case-drop-down .md-drop-menu .md-drop-menu-bar .bar-item span:after {
  content: "";
  position: absolute;
  right: 0;
  top: 50%;
  width: 0;
  height: 0;
  margin-top: -0.25rem;
  border-left: 0.5rem solid transparent;
  border-right: 0.5rem solid transparent;
  border-top: 0.5625rem solid #c5cad5;
  -webkit-transition: -webkit-transform 0.3s cubic-bezier(0.86, 0, 0.07, 1);
  transition: -webkit-transform 0.3s cubic-bezier(0.86, 0, 0.07, 1);
  transition: transform 0.3s cubic-bezier(0.86, 0, 0.07, 1);
  transition: transform 0.3s cubic-bezier(0.86, 0, 0.07, 1), -webkit-transform 0.3s cubic-bezier(0.86, 0, 0.07, 1);
}

#nav-bar .case-drop-down .md-drop-menu .md-drop-menu-bar:before {
  content: "";
  position: absolute;
  z-index: 2;
  -webkit-transform-origin: 100% 50%;
  transform-origin: 100% 50%;
  -webkit-transform: scaleY(0.5) translateY(100%);
  transform: scaleY(0.5) translateY(100%);
  bottom: 0;
  left: 0;
  right: auto;
  top: auto;
  width: 100%;
  border-bottom: 0.125rem solid #e2e4ea;
  -webkit-transform-origin: 50% 100%;
  transform-origin: 50% 100%;
}

#nav-bar .case-drop-down .md-drop-menu .md-popup {
  top: 2rem;
  right: 0;
  bottom: 0;
  left: 0;
  position: fixed;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  pointer-events: none;
  z-index: 1000;
}

#nav-bar .case-drop-down .md-drop-menu .md-popup .md-popup-mask {
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  position: absolute;
  pointer-events: auto;
  z-index: 1;
  background-color: rgba(37, 38, 45, 0.7);
}

#nav-bar .case-drop-down .md-drop-menu .md-popup .md-popup-box {
  position: relative;
  pointer-events: auto;
  z-index: 2;
  max-width: 100%;
  max-height: 100%;
  overflow: auto;
}

#nav-bar .case-drop-down .md-drop-menu .md-popup .md-popup-box .md-drop-menu-list {
  padding: 0 1.4375rem 1.625rem;
  width: 100%;
  background: #fff;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}

#nav-bar .case-drop-down .md-drop-menu .md-popup .md-popup-box .md-drop-menu-list .md-cell-item {
  position: relative;
  font-weight: normal;
}

#nav-bar .case-drop-down .md-drop-menu .md-popup .md-popup-box .md-drop-menu-list .md-cell-item .md-cell-item-body {
  padding-top: 0.9375rem;
  padding-bottom: 0;
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
      align-items: center;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
      justify-content: space-between;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}

#nav-bar .case-drop-down .md-drop-menu .md-popup .md-popup-box .md-drop-menu-list .md-cell-item .md-cell-item-body ::before {
  content: "";
  position: absolute;
  z-index: 2;
  -webkit-transform-origin: 100% 50%;
  transform-origin: 100% 50%;
  -webkit-transform: scaleY(0.5) translateY(100%);
  transform: scaleY(0.5) translateY(100%);
  bottom: 0;
  left: 0;
  right: auto;
  top: auto;
  width: 100%;
  -webkit-transform-origin: 50% 100%;
  transform-origin: 50% 100%;
}

#nav-bar .case-drop-down .md-drop-menu .md-popup .md-popup-box .md-drop-menu-list .md-cell-item .md-cell-item-body .md-cell-item-content {
  text-align: left;
  -webkit-box-flex: 1;
  -ms-flex: 1 1 0%;
      flex: 1 1 0%;
  color: #111a34;
  font-size: 2rem;
}

#nav-bar .case-drop-down .md-drop-menu .md-popup .md-popup-box .md-drop-menu-list .md-cell-item .md-cell-item-body .md-cell-item-content .md-drop-menu-custom-title {
  color: #202020;
  font-size: 0.9375rem;
}

#nav-bar .case-drop-down .md-drop-menu .md-popup .md-popup-box .md-drop-menu-list .md-cell-item .md-cell-item-body .md-cell-item-content .md-drop-menu-custom-brief .col-4 {
  margin: 0.3125rem 0;
  padding-right: 1.25rem;
  padding-left: 0;
}

#nav-bar .case-drop-down .md-drop-menu .md-popup .md-popup-box .md-drop-menu-list .md-cell-item .md-cell-item-body .md-cell-item-content .md-drop-menu-custom-brief .col-4 .classify-item {
  border: 0.0625rem solid #c4c4c4;
  font-size: 0.75rem;
  color: #666;
  font-weight: normal;
  width: 5.9375rem;
  height: 1.5625rem;
  line-height: 1.5625rem;
  border-radius: 0.3125rem;
  text-align: center;
}

#nav-bar .case-drop-down .md-drop-menu .md-popup .md-popup-box .md-drop-menu-list .md-cell-item .md-cell-item-body .md-cell-item-content .md-drop-menu-custom-brief .col-4:nth-child(3n) {
  padding-right: 0;
}

#nav-bar .case-drop-down .md-drop-menu .md-popup .md-popup-box .md-drop-menu-list .md-cell-item .md-cell-item-body:before {
  border: 0;
}

#nav-bar .case-drop-down .md-drop-menu .md-popup.top {
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
      flex-direction: column;
  -webkit-box-pack: start;
  -ms-flex-pack: start;
      justify-content: flex-start;
}

#nav-bar .nav-active {
  background-color: #00baff !important !important;
  color: #fff !important;
  border-color: #00baff !important !important;
}

.creative-active {
  background: #fff;
  padding: 0.625rem 0;
}

.creative-active .col-creative {
  padding: 0 0.3125rem 0 0 !important;
}

.creative-active .col-creative:nth-child(3n) {
  padding: 0 !important;
}

.creative-page-mb {
  position: relative;
}

.creative-page-mb .creative-content {
  background: #f4f4f4;
  padding-top: 0.625rem;
  height: 100%;
}

.creative-page-mb .creative-content .creative-card {
  margin: 0 0 0.3125rem 1.25rem;
  height: 100%;
  border-radius: 0.1875rem;
}

.creative-page-mb .creative-content .creative-card .creative-card-img {
  width: 7.03125rem;
  height: 4.375rem;
  background-color: #fff;
  margin: 0 auto;
}

.creative-page-mb .creative-content .creative-card .creative-card-img img {
  width: 100%;
  height: 100%;
}

.creative-page-mb .creative-content .creative-card .creative-card-name {
  color: #202020;
  font-size: 0.9375rem;
  text-align: center;
  margin-top: 0.3125rem;
  font-weight: bold;
}

.creative-page-mb .creative-content .creative-row {
  margin-bottom: 0.625rem !important;
  background-color: #fff;
  border-radius: 0.3125rem;
  width: 100%;
  height: 6.4375rem;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}

.creative-page-mb .creative-content .creative-row a {
  width: 100%;
  height: 100%;
}

.creative-page-mb .creative-content .creative-row .creative-card-img {
  height: 6.4375rem;
  width: 8.4375rem;
  margin-right: 0.625rem;
}

.creative-page-mb .creative-content .creative-row .creative-card-img .creative-img-top {
  border-radius: 0.3125rem 0 0 0.3125rem;
  width: 100%;
  height: 100%;
}

.creative-page-mb .creative-content .creative-row .creative-card-text {
  width: 13rem;
  padding-right: 0.625rem;
}

.creative-page-mb .creative-content .creative-row .creative-card-text .creative-body {
  padding: 0.625rem 0 !important;
  border-bottom: 0.0625rem solid #f4f4f4;
  height: 4.375rem;
}

.creative-page-mb .creative-content .creative-row .creative-card-text .creative-body .creative-card-title {
  width: 100%;
  font-size: 0.9375rem;
  color: #202020;
  font-weight: bold;
  margin-bottom: 0.9375rem !important;
}

.creative-page-mb .creative-content .creative-row .creative-card-text .creative-body .creative-card-autr {
  font-size: 0.75rem;
  margin-bottom: 0 !important;
  color: #202020;
  font-weight: bold;
  margin-right: 0.625rem;
}

.creative-page-mb .creative-content .creative-row .creative-card-text .creative-body .creative-card-subtitle {
  font-size: 0.5625rem;
  margin-bottom: 0 !important;
  color: #666;
  width: 60%;
}

.creative-page-mb .creative-detail {
  padding-top: 0.625rem;
  background-color: #f4f4f4;
}

.creative-page-mb .creative-detail .creative-detail-content .creative-detail-content-top {
  width: 100%;
  height: auto;
  position: relative;
  margin-bottom: 0.9375rem;
}

.creative-page-mb .creative-detail .creative-detail-content .creative-detail-content-top .creative-detail-img {
  width: 100%;
}

.creative-page-mb .creative-detail .creative-detail-content .creative-detail-content-top .creative-detail-img img {
  width: 13.4375rem;
  height: auto;
}

.creative-page-mb .creative-detail .creative-detail-content .creative-detail-content-top .creative-detail-study-btn {
  width: 3.125rem;
  height: 1.09375rem;
  border-radius: 1.5625rem;
  color: #fff;
  background: #1dc0ff;
  text-align: center;
  line-height: 1.09375rem;
  font-size: 0.75rem;
  position: absolute;
  bottom: 0.625rem;
  left: 0.625rem;
}

.creative-page-mb .creative-detail .creative-detail-content .creative-detail-content-top .creative-detail-qr {
  color: #1dc0ff;
  font-size: 0.5rem;
  text-align: center;
  width: auto;
  position: absolute;
  top: 25%;
  right: 1.875rem;
}

.creative-page-mb .creative-detail .creative-detail-content .creative-detail-content-top .creative-detail-qr .creative-detail-qr-img {
  width: 3.75rem;
  height: 3.75rem;
  margin: 0 auto 0.3125rem;
}

.creative-page-mb .creative-detail .creative-detail-content .creative-detail-content-top .creative-detail-qr .creative-detail-qr-img img {
  width: 100%;
  height: 100%;
}

.creative-page-mb .creative-detail .creative-detail-content .creative-detail-content-bottom .creative-detail-bottom-title-bar {
  margin-bottom: 0.625rem;
}

.creative-page-mb .creative-detail .creative-detail-content .creative-detail-content-bottom .creative-detail-bottom-title-bar .creative-detail-bottom-border {
  border-radius: 30px;
  position: relative;
  width: 0.3125rem;
  background: -webkit-gradient(linear, left top, left bottom, from(#03b3de), to(rgba(3, 179, 222, 0.2)));
  background: linear-gradient(#03b3de, rgba(3, 179, 222, 0.2));
  margin-right: 0.3125rem;
}

.creative-page-mb .creative-detail .creative-detail-content .creative-detail-content-bottom .creative-detail-bottom-title-bar .creative-detail-bottom-title {
  font-size: 0.9375rem;
  color: #202020;
  font-weight: bold;
  margin-bottom: 0.625rem;
}

.creative-page-mb .creative-detail .creative-detail-content .creative-detail-content-bottom .creative-detail-bottom-title-bar .creative-detail-bottom-title-sub {
  font-size: 0.75rem;
  color: #666;
}

.creative-page-mb .creative-detail .creative-detail-content .creative-detail-content-bottom .creative-detail-bottom-subtitle {
  margin-bottom: 1.25rem !important;
}

.creative-page-mb .creative-detail .creative-detail-content .creative-detail-content-bottom .creative-detail-bottom-subtitle .creative-detail-bottom-subtitle-author {
  color: #202020;
  font-weight: bold;
  font-size: 0.75rem;
  margin-right: 0.625rem;
}

.creative-page-mb .creative-detail .creative-detail-content .creative-detail-content-bottom .creative-detail-bottom-subtitle .creative-detail-bottom-subtitle-author-introduce {
  color: #666;
  font-size: 0.5625rem;
  max-width: 70%;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.creative-page-mb .creative-detail .creative-detail-content .creative-detail-content-bottom .creative-detail-content-bottom-bar-right {
  margin-top: 1.25rem;
  font-size: 0.75rem;
  color: #666;
}

.creative-page-mb .black-model-mb {
  width: 100%;
  height: 100%;
  background: rgba(0, 0, 0, 0.2);
  position: fixed;
  z-index: 888;
  overflow: hidden;
  top: 0;
}

.creative-page-mb .login-cyxq-model-mb {
  position: fixed;
  z-index: 999;
  left: 50%;
  top: 50%;
  -webkit-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
  background-color: #fff;
  border-radius: 6px;
}

.creative-page-mb .login-cyxq-model-mb .login-cyxq-content-mb {
  width: 17.96875rem;
  border-radius: 6px;
  padding: 0px !important;
  background-color: #fff;
  margin: 0 auto;
}

.creative-page-mb .login-cyxq-model-mb .login-cyxq-content-mb .login-cyxq-password-mb {
  background-color: #fff;
  text-align: center;
  color: #202020;
  font-size: 1rem;
  font-weight: bold;
}

.creative-page-mb .login-cyxq-model-mb .login-cyxq-content-mb .login-cyxq-password-mb .login-cyxq-password-bar-mb {
  margin-left: 1.40625rem;
  margin-right: 1.40625rem;
  border-bottom: 1px solid #dfdfdf;
  height: 100%;
}

.creative-page-mb .login-cyxq-model-mb .login-cyxq-content-mb .login-cyxq-password-mb .login-cyxq-password-bar-mb .login-cyxq-password-bar-title-mb {
  height: 100%;
  padding: 1.25rem 0 0.9375rem;
  display: inline-block;
  border-bottom: 3px solid #de003f;
}

.creative-page-mb .login-cyxq-model-mb .login-cyxq-content-mb #loginForm-mb .input-group-mb {
  height: 1.875rem;
}

.creative-page-mb .login-cyxq-model-mb .login-cyxq-content-mb #loginForm-mb .login-cyxq-mobile-number-mb {
  height: 1.875rem;
  /* width: 325px; */
  margin-top: 2.1875rem;
  margin-left: 1.40625rem;
  margin-right: 1.40625rem;
}

.creative-page-mb .login-cyxq-model-mb .login-cyxq-content-mb #loginForm-mb .login-cyxq-mobile-number-mb input {
  background-color: #eee;
  height: 1.875rem;
}

.creative-page-mb .login-cyxq-model-mb .login-cyxq-content-mb #loginForm-mb .login-cyxq-password-input-mb {
  height: 1.875rem;
  /* width: 325px; */
  margin-top: 0.9375rem;
  margin-left: 1.40625rem;
  margin-right: 1.40625rem;
}

.creative-page-mb .login-cyxq-model-mb .login-cyxq-content-mb #loginForm-mb .login-cyxq-password-input-mb input {
  background-color: #eee;
  height: 1.875rem;
}

.creative-page-mb .login-cyxq-model-mb .login-cyxq-content-mb #loginForm-mb .login-cyxq-button-mb {
  margin-left: 1.40625rem;
  margin-right: 1.40625rem;
  margin-top: 0.9375rem;
}

.creative-page-mb .login-cyxq-model-mb .login-cyxq-content-mb #loginForm-mb .login-cyxq-button-mb .login-cyxq-login-mb {
  border: none !important;
  width: 100%;
  height: 1.875rem;
  background: #eee;
  padding: 0 !important;
  color: #666;
  font-size: 1rem;
  border-radius: 6px;
}

.creative-page-mb .login-cyxq-model-mb .login-cyxq-content-mb #loginForm-mb .login-cyxq-check-mb {
  margin-left: 1.40625rem;
  margin-right: 1.40625rem;
  margin-top: 0.9375rem;
  font-size: 0.75rem;
  color: #999;
}

.creative-page-mb .login-cyxq-model-mb .login-cyxq-content-mb #loginForm-mb .login-cyxq-check-mb .login-cyxq-forget-password-mb i {
  width: 1px;
  background-color: #999;
  height: 0.75rem;
  margin: 0 0.75rem;
  /* line-height: 30px; */
  display: inline-block;
}

.creative-page-mb .login-cyxq-model-mb .login-cyxq-content-mb #loginForm-mb .login-cyxq-wechat-mb {
  margin-left: 1.40625rem;
  margin-right: 1.40625rem;
  margin-top: 2.5rem;
}

.creative-page-mb .login-cyxq-model-mb .login-cyxq-content-mb #loginForm-mb .login-cyxq-wechat-mb .login-cyxq-wechat-title-mb {
  width: 100%;
  color: #999 !important;
  font-size: 0.75rem;
  text-align: center;
  margin-bottom: 0;
}

.creative-page-mb .login-cyxq-model-mb .login-cyxq-content-mb #loginForm-mb .login-cyxq-wechat-mb .login-cyxq-wechat-title-mb .el-divider--horizontal {
  margin: 0 !important;
}

.creative-page-mb .login-cyxq-model-mb .login-cyxq-content-mb #loginForm-mb .login-cyxq-wechat-mb .login-cyxq-wechat-title-mb .el-divider__text {
  padding: 0 0.625rem !important;
}

.creative-page-mb .login-cyxq-model-mb .login-cyxq-content-mb #loginForm-mb .login-cyxq-wechat-mb .login-cyxq-wechat-list-mb {
  text-align: center;
  margin-top: 0.9375rem;
  margin-bottom: 1.25rem;
}

.creative-page-mb .login-cyxq-model-mb .login-cyxq-content-mb #loginForm-mb .login-cyxq-wechat-mb .login-cyxq-wechat-list-mb .login-cyxq-wechat-img-mb {
  width: 1.875rem;
  height: 1.875rem;
  margin: 0 0.9375rem;
}

.login-mb {
  width: 100%;
}

.login-mb .go-close {
  width: 100%;
  height: 2.5rem;
  padding-top: 20px;
  padding-left: 0.8125rem;
}

.login-mb .go-close .go-close-img {
  width: 1rem;
  height: 1rem;
}

.login-mb .login-logo {
  width: 100%;
  height: auto;
  margin: 2.1875rem auto;
  text-align: center;
}

.login-mb .login-logo .login-logo-img {
  width: 3.75rem;
  height: auto;
}

.login-mb .login-from {
  padding: 0 3.625rem;
}

.login-mb .login-from .md-field {
  padding: 0;
}

.login-mb .login-from .md-field .md-field-item-content {
  min-height: 3.75rem;
}

.login-mb .login-from .md-field .md-field-item-content .md-field-item-control {
  font-size: 1rem;
}

.login-mb .login-from .md-field .md-field-item-content .md-field-item-control .md-input-item-input {
  font-size: 1rem;
  height: 3.75rem;
}

.login-mb .login-from .login-from-btn {
  width: 100%;
  height: 2.8125rem;
  line-height: 2.8125rem;
  text-align: center;
  color: #fff;
  border-radius: 0.1875rem;
  background: #1dc0ff;
  font-size: 1rem;
  font-weight: normal;
  margin-top: 0.9375rem;
  margin-bottom: 0.9375rem;
}

.login-mb .login-from .login-from-remmber {
  color: #999;
  font-size: 0.75rem;
  font-weight: normal;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}

.login-mb .login-from .login-from-remmber .login-from-forget-password i {
  height: 0.75rem;
  width: 0.0625rem;
  margin: 0 0.625rem;
  background-color: #999;
  display: inline-block;
}

.login-mb .login-from .login-from-remmber .login-from-check .cube-checkbox {
  padding: 0px;
  vertical-align: baseline;
}

.login-mb .login-from .login-from-remmber .login-from-check .md-check {
  margin: 0;
}

.login-mb .login-from .login-from-remmber .login-from-check .md-check .md-icon.icon-font.md {
  font-size: 0.75rem;
}

.login-mb .login-from .login-from-remmber .login-from-check .md-check .md-check-label {
  margin-left: 0.3125rem;
}

.login-mb .login-terms {
  color: #333;
  font-size: 0.75rem;
  font-weight: normal;
  margin: 12.25rem auto 3.125rem;
  text-align: center;
}

.login-mb .login-terms span {
  color: #333;
  text-decoration: underline;
}

.mobile-footer-box {
  width: 100%;
  padding: 1.21875rem 0;
  background-color: #282828;
}

.mobile-footer-box .mobile-footer-body {
  margin: 0 auto;
  color: #fff;
  font-size: .5625rem;
  width: 91.5vw;
}

.mobile-footer-box .mobile-footer-body .mobile-footer-body-top {
  margin-bottom: 1rem;
  text-align: center;
  line-height: .5625rem;
  width: 100%;
}

.mobile-footer-box .mobile-footer-body .mobile-footer-body-center {
  text-align: center;
  width: 100%;
}

.mobile-footer-box .mobile-footer-body .mobile-footer-body-bottom {
  text-align: center;
  margin-top: 1rem;
  line-height: .5625rem;
  width: 100%;
}

.event-mobile-detail {
  background-color: #f4f4f4;
  height: 100%;
}

.event-mobile-detail .event-mobile-detail-banner {
  width: 100%;
  height: auto;
}

.event-mobile-detail .event-mobile-detail-video {
  width: 100%;
  height: auto;
}

.event-mobile-detail .event-mobile-detail-content {
  padding: 0 0.625rem;
}

.event-mobile-detail .event-mobile-detail-content .event-mobile-detail-nav-bar {
  margin: 0.625rem auto 0;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}

.event-mobile-detail .event-mobile-detail-content .event-mobile-detail-nav-bar .event-mobile-detail-nav-item {
  margin: 0 0.25rem;
  border-radius: 10px;
  background: #fff;
  color: #2D63BC;
  width: 4.71875rem;
  height: 1.25rem;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  font-size: 0.75rem;
}

.event-mobile-detail .event-mobile-detail-content .event-mobile-detail-item-title-bar {
  display: block;
  height: 1px;
  width: 100%;
  background-color: #202020;
  position: relative;
  margin-bottom: 1.25rem;
  margin-top: 1.15625rem;
}

.event-mobile-detail .event-mobile-detail-content .event-mobile-detail-item-title-bar .event-mobile-detail-item-title {
  position: absolute;
  background-color: #f4f4f4;
  padding: 0 0.9375rem;
  color: #202020;
  font-size: 0.9375rem;
  left: 50%;
  -webkit-transform: translateX(-50%) translateY(-50%);
          transform: translateX(-50%) translateY(-50%);
  width: 10.625rem;
  text-align: center;
}

.event-mobile-detail .event-mobile-detail-content .event-mobile-detail-pre img {
  width: 100% !important;
  height: auto !important;
}

.event-mobile-detail .event-mobile-detail-content .event-mobile-detail-pre video {
  width: 100% !important;
  height: auto;
}

.event-mobile-detail .event-mobile-detail-content .event-mobile-detail-img {
  width: 100%;
  height: auto;
}

.event-mobile-detail .event-mobile-detail-no-new {
  font-size: 0.75rem;
  color: #666;
  text-align: center;
}

.event-mobile-detail .event-mobile-detail-no-new img {
  width: 1.5625rem;
  height: 1.5625rem;
  margin-right: 0.625rem;
}

.event-mobile-list .event-mobile-list-banner {
  width: 100%;
  height: auto;
}

.event-mobile-list .event-mobile-list-nav-bar {
  width: 100%;
  padding: 0.625rem 0;
  background-color: #fff;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: distribute;
      justify-content: space-around;
}

.event-mobile-list .event-mobile-list-nav-bar .event-mobile-list-nav-item {
  text-align: center;
}

.event-mobile-list .event-mobile-list-nav-bar .event-mobile-list-nav-item .event-mobile-list-nav-item-img {
  width: 2.625rem;
  height: 2.625rem;
  margin-bottom: 0.75rem;
}

.event-mobile-list .event-mobile-list-nav-bar .event-mobile-list-nav-item .event-mobile-list-nav-item-text {
  font-size: 0.75rem;
  line-height: 0.75rem;
  color: #000;
  font-weight: bold;
}

.event-mobile-list .event-mobile-list-box {
  background-color: #f4f4f4;
  padding: 0.625rem 0;
}

.event-mobile-list .event-mobile-list-box .event-mobile-card-body .event-mobile-card-body-pd {
  padding: 0.3125rem !important;
}

.event-mobile-list .event-mobile-list-box .event-mobile-card-body .card-mobile-status {
  width: 5rem;
  margin-top: 0.3125rem;
  height: 1.5rem;
  font-size: 0.75rem;
  -webkit-box-shadow: 4px 4px 6px #999999;
          box-shadow: 4px 4px 6px #999999;
  color: #ffffff;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}

.event-mobile-list .event-mobile-list-box .event-mobile-card-body .card-mobile-status-pd {
  padding: 0 !important;
}

.event-mobile-list .event-mobile-list-box .event-mobile-card-body .status-mobile-one {
  background-color: #C7C7C7;
}

.event-mobile-list .event-mobile-list-box .event-mobile-card-body .status-mobile-two {
  background-color: #FFD800;
}

.event-mobile-list .event-mobile-list-box .event-mobile-card-body .status-mobile-three {
  background-color: #00CCCD;
}

.event-mobile-list .event-mobile-list-box .event-mobile-card-body .status-mobile-four {
  background-color: #00BAFF;
}

.event-mobile-list .event-mobile-list-box .event-mobile-card-body .status-mobile-five {
  background-color: #ff8022;
}

.event-mobile-list .event-mobile-list-box .card-mobile-foot-content {
  padding: 0.15rem 0.3125rem;
  border-top: 1px solid #E3E5EB;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}

.event-mobile-list .event-mobile-list-box .card-mobile-foot-content .card-mobile-foot-content-left {
  color: #FF3030;
  font-size: 1.125rem;
}

.event-mobile-list .event-mobile-list-box .card-mobile-foot-content .card-mobile-foot-content-right {
  color: #999999;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}

.event-mobile-list .event-mobile-list-box .card-mobile-foot-content .card-mobile-foot-content-right .card-mobile-foot-content-right-item {
  font-size: 0.75rem;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}

.event-mobile-list .event-mobile-list-box .card-mobile-foot-content .card-mobile-foot-content-right .card-mobile-foot-content-right-item img {
  width: 1.25rem;
  margin-right: 0.15rem;
}

.event-mobile-list .event-mobile-list-box .event-mobile-card-date {
  font-size: 0.75rem;
  color: #999999;
}

.event-mobile-list .event-mobile-list-box .event-mobile-card-text {
  margin-bottom: 1rem;
  width: 100%;
  font-size: 0.75rem;
  line-height: 1.3;
  font-weight: bold;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  display: -webkit-box;
  overflow: hidden;
  text-overflow: ellipsis;
  word-wrap: break-word;
  white-space: normal;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
}

.popup-content {
  position: relative;
}

.popup-content .popup-content-top {
  height: 3.125rem;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  border-bottom: 1px solid #f4f4f4;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  padding: 0 1.25rem;
}

.popup-content .popup-content-center {
  height: 12.5rem;
}

.popup-content .popup-content-center .popup-content-center-item {
  border-top: 0.0625rem solid #f4f4f4;
  height: 3.125rem;
  text-align: center;
  line-height: 3.125rem;
}

.match-mobile-home-page {
  height: calc(100% - 2.5rem);
  width: 100%;
  position: relative;
}

.match-mobile-home-page .match-mobile-matchitem-body-title {
  margin: 0 1rem;
}

.match-mobile-home-page .match-mobile-sheet {
  margin: 0 1rem;
}

.match-mobile-home-page .match-mobile-sheet img {
  width: 100%;
}

.match-mobile-home-page .match-mobile-sheet video {
  width: 100%;
}

.match-mobile-home-page .match-mobile-sheet p {
  width: 100%;
}

.match-mobile-home-page .match-mobile-matchitem-tv-body-content .swiper-match-mobile-matchitem-tv-video {
  width: 100%;
  height: 48vw;
  border-radius: 0.625rem;
}

.match-mobile-home-page .match-mobile-matchitem-tv-body-content .swiper-match-mobile-matchitem-tv-play-img {
  width: 7rem;
  height: 7rem;
  display: block;
  position: absolute;
  left: 0;
  right: 0;
  bottom: 0;
  top: 0;
  margin: auto;
}

.match-mobile-home-page .match-mobile-matchitem-news-body-item-row {
  padding: 0 1rem;
  margin-bottom: 0.625rem;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}

.match-mobile-home-page .match-mobile-matchitem-news-body-item-row .match-mobile-matchitem-news-body-item-left-img {
  width: 100%;
  height: 6rem;
  margin-right: 0.9375rem;
  display: block;
}

.match-mobile-home-page .match-mobile-matchitem-news-body-item-row .match-mobile-matchitem-news-body-item-right-text {
  font-size: .9375rem;
  color: #000;
  font-weight: 500;
  line-height: 1.09375rem;
  display: -webkit-box;
  overflow: hidden;
  text-overflow: ellipsis;
  word-wrap: break-word;
  white-space: normal !important;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
}

.match-mobile-home-page .match-mobile-matchitem-news-body-item-row .match-mobile-matchitem-news-body-item-right-line {
  height: 0.0625rem;
  background: #c4c4c4;
  margin-top: 0.625rem;
}

.match-mobile-home-page .match-mobile-matchitem-news-body-more {
  width: 100%;
  height: 2rem;
  background: -webkit-gradient(linear, left bottom, left top, from(#fff), to(rgba(255, 255, 255, 0.2)));
  background: linear-gradient(0deg, #fff, rgba(255, 255, 255, 0.2));
}

.match-mobile-home-page .match-mobile-matchitem-news-body-more .match-mobile-matchitem-news-body-more-text {
  width: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  color: #000;
  font-size: .75rem;
}

.match-mobile-home-page .match-mobile-matchitem-news-body-more .match-mobile-matchitem-news-body-more-text .match-mobile-matchitem-news-body-more-text-img {
  width: 0.875rem;
  height: 0.875rem;
  margin-left: 0.1875rem;
}

.match-mobile-home-page .match-mobile-matchitem-works-body {
  padding: 0 1rem;
}

.match-mobile-home-page .match-mobile-matchitem-works-body .match-mobile-matchitem-creative-transverse-box {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}

.match-mobile-home-page .match-mobile-matchitem-works-body .match-mobile-matchitem-creative-transverse-box .match-mobile-matchitem-creative-transverse-left {
  width: 50%;
  padding-right: 0.234375rem;
  height: 100%;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}

.match-mobile-home-page .match-mobile-matchitem-works-body .match-mobile-matchitem-creative-transverse-box .match-mobile-matchitem-creative-transverse-right {
  padding-left: 0.234375rem;
  width: 50%;
  height: 100%;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}

.match-mobile-home-page .match-mobile-matchitem-works-body .match-mobile-matchitem-creative-transverse-box .match-mobile-matchitem-creative-transverse-card {
  width: 100%;
  height: auto;
  margin-bottom: 0.46875rem;
  -webkit-box-shadow: 0px 0px 0.3125rem 0px rgba(0, 0, 0, 0.08);
          box-shadow: 0px 0px 0.3125rem 0px rgba(0, 0, 0, 0.08);
  border-radius: 0.46875rem;
  position: relative;
}

.match-mobile-home-page .match-mobile-matchitem-works-body .match-mobile-matchitem-creative-transverse-box .match-mobile-matchitem-creative-transverse-card:last-of-type {
  margin-bottom: 0 !important;
}

.match-mobile-home-page .match-mobile-matchitem-works-body .match-mobile-matchitem-creative-transverse-box .match-mobile-matchitem-creative-transverse-card .match-mobile-matchitem-creative-transverse-img {
  width: 100%;
  height: 100%;
  border-top-left-radius: 0.46875rem;
  border-top-right-radius: 0.46875rem;
}

.match-mobile-home-page .match-mobile-matchitem-works-body .match-mobile-matchitem-creative-transverse-box .match-mobile-matchitem-creative-transverse-card .match-mobile-matchitem-creative-transverse-body {
  padding: 0.625rem;
}

.match-mobile-home-page .match-mobile-matchitem-works-body .match-mobile-matchitem-creative-transverse-box .match-mobile-matchitem-creative-transverse-card .match-mobile-matchitem-creative-transverse-body .match-mobile-matchitem-creative-transverse-title {
  margin-bottom: 0.625rem;
  width: 100%;
  color: #202020;
  font-size: 0.875rem;
  line-height: 1.3;
  display: -webkit-box;
  overflow: hidden;
  text-overflow: ellipsis;
  word-wrap: break-word;
  white-space: normal !important;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
}

.match-mobile-home-page .match-mobile-matchitem-works-body .match-mobile-matchitem-creative-transverse-box .match-mobile-matchitem-creative-transverse-card .match-mobile-matchitem-creative-transverse-body .match-mobile-matchitem-creative-transverse-subTitle {
  width: 100%;
  color: #999;
  font-size: 0.625rem;
  line-height: 1.3;
  margin-bottom: 0.9375rem;
  display: -webkit-box;
  overflow: hidden;
  text-overflow: ellipsis;
  word-wrap: break-word;
  white-space: normal !important;
  -webkit-line-clamp: 3;
  -webkit-box-orient: vertical;
}

.match-mobile-home-page .match-mobile-matchitem-works-body .match-mobile-matchitem-creative-transverse-box .match-mobile-matchitem-creative-transverse-card .match-mobile-matchitem-creative-transverse-body .match-mobile-matchitem-creative-transverse-name {
  color: #999;
  width: 100%;
  font-size: 0.625rem;
  line-height: 1.3;
}

.match-mobile-home-page .match-mobile-matchitem-works-body .match-mobile-matchitem-creative-transverse-box .match-mobile-matchitem-creative-transverse-card .match-mobile-matchitem-creative-transverse-bottom {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  color: #999;
  padding-top: .625rem;
  padding-bottom: .3125rem;
  border-top: 1px solid #E5E5E5;
}

.match-mobile-home-page .match-mobile-matchitem-works-body .match-mobile-matchitem-creative-transverse-box .match-mobile-matchitem-creative-transverse-card .match-mobile-matchitem-creative-transverse-bottom .match-mobile-matchitem-creative-transverse-bottom-center {
  padding: 0 .625rem;
  font-size: .625rem;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: end;
      -ms-flex-pack: end;
          justify-content: flex-end;
  width: 100%;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  color: #c4c4c4;
}

.match-mobile-home-page .match-mobile-matchitem-works-body .match-mobile-matchitem-creative-transverse-box .match-mobile-matchitem-creative-transverse-card .match-mobile-matchitem-creative-transverse-bottom .match-mobile-matchitem-creative-transverse-bottom-center img {
  width: 1.25rem;
  height: 1.25rem;
}

.match-mobile-home-page .match-mobile-matchitem-works-body .match-mobile-matchitem-creative-transverse-box .match-mobile-matchitem-creative-transverse-card .work-text-background {
  width: 100%;
  height: 14.375rem;
  background-color: #2193e9;
  display: -ms-flexbox;
  display: -webkit-box;
  display: flex;
  -ms-flex-align: center;
  -webkit-box-align: center;
          align-items: center;
  background-size: 100% 100%;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  padding: 1.25rem 2.1875rem 1.875rem 1.25rem;
}

.match-mobile-home-page .match-mobile-matchitem-works-body .match-mobile-matchitem-creative-transverse-box .match-mobile-matchitem-creative-transverse-card .work-text-background .work-text-word {
  display: -webkit-box;
  overflow: hidden;
  text-overflow: ellipsis;
  word-wrap: break-word;
  white-space: pre-wrap;
  white-space: -moz-pre-wrap;
  white-space: -o-pre-wrap;
  -webkit-line-clamp: 7;
  -webkit-box-orient: vertical;
  font-size: 0.9375rem;
  color: #fff;
  font-family: '\5B8B\4F53';
}

.match-mobile-home-page .match-mobile-matchitem-works-body .match-mobile-matchitem-works-body-more {
  width: 100%;
  height: 4.6875rem;
  background: -webkit-gradient(linear, left bottom, left top, from(#fff), to(rgba(255, 255, 255, 0.2)));
  background: linear-gradient(0deg, #fff, rgba(255, 255, 255, 0.2));
}

.match-mobile-home-page .match-mobile-matchitem-works-body .match-mobile-matchitem-works-body-more .match-mobile-matchitem-works-body-more-text {
  width: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  color: #000;
  font-size: .75rem;
}

.match-mobile-home-page .match-mobile-matchitem-works-body .match-mobile-matchitem-works-body-more .match-mobile-matchitem-works-body-more-text .match-mobile-matchitem-works-body-more-text-img {
  width: 0.875rem;
  height: 0.875rem;
  margin-left: 0.1875rem;
}

.match-mobile-home-page #match-mobile-img-hot {
  width: 100%;
}

.match-mobile-home-page #match-mobile-img-cover {
  margin: 0 1rem;
}

.match-mobile-home-page #match-mobile-img-cover .match-mobile-img-cover-content {
  border-radius: 0.625rem;
}

.match-mobile-home-page #match-mobile-download .match-mobile-download-content {
  text-align: center;
  font-size: 0.75rem;
}

.match-mobile-nav-box {
  position: fixed;
  z-index: 99;
  width: 100%;
  height: 2.5rem;
  border-bottom: 0.2px solid #f4f4f4;
  background-color: #fff;
}

.match-mobile-nav-box .cube-scroll-wrapper {
  width: 100%;
}

.match-mobile-nav-box .cube-scroll-content {
  display: inline-block;
}

.match-mobile-nav-box .match-mobile-nav-body {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  white-space: nowrap;
}

.match-mobile-nav-box .match-mobile-nav-body .match-mobile-nav-body-item {
  display: inline-block;
  padding: 0 0.5rem;
}

.match-mobile-nav-box .match-mobile-nav-body .match-mobile-nav-body-item-select {
  border-bottom: 0.25rem solid #fff;
}

.match-mobile-share {
  width: 3.125rem;
  height: 3.125rem;
  position: fixed;
  top: 10.5rem;
  right: 1.25rem;
  z-index: 2100;
}

.match-mobile-share img {
  width: 100%;
}

.match-mobile-upload {
  position: fixed;
  bottom: 0rem;
  z-index: 2100;
  width: 100%;
}

.match-mobile-upload .match-mobile-upload-content {
  margin: 0 1rem;
}

.match-mobile-upload .match-mobile-upload-content img {
  width: 100%;
}

.cube-loading-spinners {
  display: none !important;
}

.he-img-view {
  max-width: 92% !important;
  position: relative;
}

.hevue-imgpreview-wrap .he-close-icon {
  right: 20px !important;
  top: 60px !important;
}

.background_white {
  background-color: white;
}

.topicDetail-contents {
  position: absolute;
  top: 10rem;
  background: white;
  border-radius: 1rem 1rem 0 0;
  width: 100%;
}

.topicDetail-contents > div {
  /* padding: 0.3rem 1rem; */
}

.text {
  margin-top: 0.5rem;
}

.topicDetail-contents-title {
  font-size: 1rem;
  margin: 1rem;
  overflow: hidden;
  text-overflow: ellipsis;
  -webkit-line-clamp: 3;
  display: -webkit-box;
  -webkit-box-orient: vertical;
}

.topicDetail-contents-btn {
  position: fixed;
  width: 100%;
  bottom: 1rem;
  background-color: #fff;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  z-index: 99;
}

.topicDetail-contents-btn-text {
  background-color: #f0f0f0;
  margin: 0.5rem 1rem;
  padding: 0.5rem 0.3rem;
  border-radius: 5px;
  width: 100%;
  font-size: 0.8rem;
  color: #a9a9a9;
}

.topicDetail-header {
  position: absolute;
  top: 50px;
  width: 100%;
  -webkit-filter: blur(1rem);
          filter: blur(1rem);
}

.topicDetail-body {
  height: calc(100% - 1.5rem);
  width: 100%;
  background: white;
  overflow: auto;
}

.topicDetail-avator {
  width: 6rem;
  height: 6rem;
  border-radius: 1rem;
}

.topicDetail-contents-num {
  padding: 0 1rem;
  font-size: 0.8rem;
  margin-top: 1.2rem;
  color: #494949;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: nowrap;
      flex-wrap: nowrap;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}

.topicDetail-contents-num > :last-child {
  margin-right: 0 !important;
}

.topicDetail-name {
  margin-top: 1rem;
  margin-left: 1rem;
  font-size: 1rem;
  font-weight: 600;
  color: white;
  text-overflow: ellipsis;
  overflow: hidden;
  white-space: nowrap;
  /* width: 90%; */
}

.circle-topic-nav-bar {
  width: 100%;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  height: 4rem;
  background-color: #fff;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  border-top: 1rem solid #f4f4f4;
  border-bottom: 1px solid #f4f4f4;
  -ms-flex-pack: distribute;
      justify-content: space-around;
  padding: 0 !important;
}

.circle-topic-nav-item {
  color: #000;
  font-size: 0.9rem;
  height: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  position: relative;
}

.circle-topic-nav-item :last-of-type {
  margin-right: 0 !important;
}

.circle-topic-nav-item-position-bar {
  width: 100%;
  height: 2px;
  border-radius: 1px;
  background-color: #077dff;
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
}

.circle-topic-nav-item-activity {
  color: #077dff;
}

.topic-list-top {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -ms-flex-wrap: nowrap;
      flex-wrap: nowrap;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
}

.topic-list-eye {
  padding: 0.1rem 0.3rem;
  font-size: 0.7rem;
  color: white;
  background: #f61505;
  border-radius: 0.3rem;
  text-align: center;
}

.topic-list-user {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}

.topic-list-user-avator {
  width: 2.5rem;
  height: 2.5rem;
  border-radius: 3rem;
}

.topic-list-user-text {
  margin-left: 1rem;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
}

.topic-list-user-name {
  font-size: 1rem;
}

.topic-list-user-time {
  font-size: 0.8rem;
  color: #666;
}

.topic-list-content {
  display: inline;
}

.topic-list-content-name {
  color: #DC5F85;
  background: #e774953d;
  padding: 0.2rem 0.3rem 0.1rem 0.3rem;
  margin-right: 0.3rem;
  font-size: 0.8rem;
  border-radius: 0.3rem;
  margin-bottom: 0.5rem;
  width: -webkit-max-content;
  width: -moz-max-content;
  width: max-content;
}

.hot {
  font-size: 0.8rem;
  line-height: 1;
  border: 1px solid #d4d4d4;
  color: #a6a6a6;
  border-radius: 5px;
  padding: 0.2rem;
  margin-left: 1rem;
  text-align: center;
  min-width: -webkit-max-content;
  min-width: -moz-max-content;
  min-width: max-content;
}

.horizontal-scroll-list-wrap {
  border-radius: 5px;
}

.horizontal-scroll-list-wrap .cube-scroll-list-wrapper {
  overflow: initial !important;
}

.horizontal-scroll-list-wrap .cube-scroll-content {
  display: inline-block;
}

.horizontal-scroll-list-wrap .cube-scroll-content .list-wrapper {
  margin: 0.8rem 0;
  white-space: nowrap;
}

.horizontal-scroll-list-wrap .cube-scroll-content .list-wrapper .list-item {
  display: inline-block;
}

.topic-list {
  padding: 1rem 1rem 0 1rem;
  border-bottom: 1rem solid #f4f4f4;
  height: 100%;
}

.topic-list-bottom {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  padding-bottom: 0.8rem;
}

.circle-topic-banner-fixed {
  background-color: #fff;
  -webkit-box-shadow: 0 1rem 1rem 0 rgba(0, 22, 63, 0.65);
          box-shadow: 0 1rem 1rem 0 rgba(0, 22, 63, 0.65);
  position: fixed;
  top: 0;
  left: 0;
  z-index: 99;
  width: 100%;
}

.circle-topic-banner-fixed .circle-topic-banner-fixed-top {
  margin-top: 0.5rem;
  padding: 1rem 1rem;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}

.circle-topic-banner-fixed .circle-topic-banner-fixed-img {
  width: 4rem;
  height: 4rem;
  display: block;
  margin-right: 1rem;
  border-radius: 0.8rem;
}

.circle-topic-banner-fixed .circle-topic-banner-fixed-text-body .circle-topic-banner-fixed-text-body-title {
  font-size: 1rem;
  line-height: 1rem;
  color: #000;
  font-weight: bold;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  width: 18rem;
}

.circle-topic-banner-fixed .circle-topic-banner-fixed-text-body .circle-topic-banner-fixed-text-body-data {
  margin-top: 1rem;
  width: 16rem;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  padding-right: 1rem;
}

.circle-topic-banner-fixed .circle-topic-banner-fixed-text-body .circle-topic-banner-fixed-text-body-data .circle-topic-banner-fixed-text-body-data-item {
  color: #333;
  font-size: 0.8rem;
}

.circle-topic-banner-fixed .circle-topic-nav-bar-fixed {
  width: 100%;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  height: 3rem;
  background-color: #fff;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  border-top: 1px solid #f4f4f4;
  border-bottom: 1px solid #f4f4f4;
  -webkit-box-pack: space-evenly;
      -ms-flex-pack: space-evenly;
          justify-content: space-evenly;
  padding: 0 !important;
}

.circle-item-content-img-item-one {
  width: 15rem;
  height: 15rem;
  margin-right: 1rem;
}

.circle-item-content-img-item-two {
  width: 45%;
  margin-bottom: 1rem;
  margin-right: 1rem;
}

.circle-item-content-img-item-three {
  width: 30%;
  height: 30%;
  margin-right: 1rem;
}

.circle-item-btn-img {
  width: 1.2rem;
  height: 1.2rem;
  margin-right: 0.5rem;
}

.circle-item-content-video {
  width: 100%;
  margin-top: 0.5rem;
  max-height: 20rem;
}

.load-more {
  width: 100%;
  text-align: center;
  font-size: 0.9rem;
  color: #a9a9a9;
  padding: 0.5rem;
}

.launch-app-header {
  position: absolute;
  top: 0;
  width: 100%;
  z-index: 99;
}

.launch-app-footer {
  position: fixed;
  bottom: 0;
  z-index: 99;
  width: 100%;
}

.default {
  color: #000;
}

.cloud-works-page {
  padding: 0.875rem 1rem;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  height: 100%;
}

.cloud-works-page .cloud-works-company-img {
  width: 100%;
  height: auto;
  border-radius: 0.625rem;
  margin-bottom: 0.875rem;
}

.cloud-works-list-page {
  height: 100%;
}

.cloud-works-list-page .cloud-works-list-banner {
  width: 100%;
  height: auto;
  margin-bottom: 0.3125rem;
}

.cloud-works-list-page .cloud-works-dropdown-bar {
  width: 100%;
  height: 2.1875rem;
  border: 0.0625rem solid #f2f2f2;
  background-color: #fff;
  color: #3167FF;
  font-size: 0.75rem;
}

.cloud-works-list-page .cloud-works-dropdown-bar .cloud-works-dropdown-bar-item {
  height: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}

.cloud-works-list-page .cloud-works-dropdown-bar .cloud-works-dropdown-bar-item-activite {
  font-weight: bold;
}

.cloud-works-list-page .creative-card-list {
  padding: 0.625rem 1rem 0;
  background-color: #f9f9f9;
}

.cloud-works-list-page .creative-card-list .creative-transverse-box {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}

.cloud-works-list-page .creative-card-list .creative-transverse-box .creative-transverse-left {
  width: 50%;
  padding-right: 0.234375rem;
  height: 100%;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}

.cloud-works-list-page .creative-card-list .creative-transverse-box .creative-transverse-right {
  padding-left: 0.234375rem;
  width: 50%;
  height: 100%;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}

.cloud-works-list-page .creative-card-list .creative-transverse-box .creative-transverse-card {
  width: 100%;
  height: auto;
  margin-bottom: 0.46875rem;
  -webkit-box-shadow: 0px 0px 0.3125rem 0px rgba(0, 0, 0, 0.08);
          box-shadow: 0px 0px 0.3125rem 0px rgba(0, 0, 0, 0.08);
  border-radius: 0.46875rem;
  position: relative;
}

.cloud-works-list-page .creative-card-list .creative-transverse-box .creative-transverse-card:last-of-type {
  margin-bottom: 0 !important;
}

.cloud-works-list-page .creative-card-list .creative-transverse-box .creative-transverse-card .creative-transverse-img {
  width: 100%;
  height: 100%;
  border-top-left-radius: 0.46875rem;
  border-top-right-radius: 0.46875rem;
}

.cloud-works-list-page .creative-card-list .creative-transverse-box .creative-transverse-card .creative-transverse-body {
  padding: 0.625rem;
}

.cloud-works-list-page .creative-card-list .creative-transverse-box .creative-transverse-card .creative-transverse-body .creative-transverse-title {
  margin-bottom: 0.625rem;
  width: 100%;
  color: #202020;
  font-size: 0.875rem;
  line-height: 1.3;
  display: -webkit-box;
  overflow: hidden;
  text-overflow: ellipsis;
  word-wrap: break-word;
  white-space: normal !important;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
}

.cloud-works-list-page .creative-card-list .creative-transverse-box .creative-transverse-card .creative-transverse-body .creative-transverse-subTitle {
  width: 100%;
  color: #999;
  font-size: 0.625rem;
  line-height: 1.3;
  margin-bottom: 0.9375rem;
  display: -webkit-box;
  overflow: hidden;
  text-overflow: ellipsis;
  word-wrap: break-word;
  white-space: normal !important;
  -webkit-line-clamp: 3;
  -webkit-box-orient: vertical;
}

.cloud-works-list-page .creative-card-list .creative-transverse-box .creative-transverse-card .creative-transverse-body .creative-transverse-name {
  color: #999;
  width: 100%;
  font-size: 0.625rem;
  line-height: 1.3;
}

.cloud-works-list-page .creative-card-list .creative-transverse-box .creative-transverse-card .creative-transverse-bottom {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  color: #999;
  padding-top: .625rem;
  padding-bottom: .3125rem;
  border-top: 1px solid #E5E5E5;
}

.cloud-works-list-page .creative-card-list .creative-transverse-box .creative-transverse-card .creative-transverse-bottom .creative-transverse-bottom-center {
  padding: 0 .625rem;
  font-size: .625rem;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: end;
      -ms-flex-pack: end;
          justify-content: flex-end;
  width: 100%;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  color: #c4c4c4;
}

.cloud-works-list-page .creative-card-list .creative-transverse-box .creative-transverse-card .creative-transverse-bottom .creative-transverse-bottom-center img {
  width: 1.25rem;
  height: 1.25rem;
}

.cloud-works-list-page .creative-card-list .creative-transverse-box .creative-transverse-card .work-text-background {
  width: 100%;
  height: 14.375rem;
  background-color: #2193e9;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  background-size: 100% 100%;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  padding: 1.25rem 2.1875rem 1.875rem 1.25rem;
}

.cloud-works-list-page .creative-card-list .creative-transverse-box .creative-transverse-card .work-text-background .work-text-word {
  display: -webkit-box;
  overflow: hidden;
  text-overflow: ellipsis;
  word-wrap: break-word;
  white-space: pre-wrap;
  white-space: -moz-pre-wrap;
  white-space: -o-pre-wrap;
  -webkit-line-clamp: 7;
  -webkit-box-orient: vertical;
  font-size: 0.9375rem;
  color: #fff;
  font-family: '\5B8B\4F53';
}

.work-detail {
  height: calc(100% - 2.5rem);
  background-color: #fff;
  position: relative;
}

.work-detail .work-detail-box {
  padding: 0.6875rem 1.25rem;
}

.work-detail .work-detail-box .work-detail-title {
  width: 100%;
  color: #202020;
  font-size: 1.5rem;
  font-weight: 400;
  line-height: 1.2;
  margin-bottom: 1.25rem;
}

.work-detail .work-detail-box .work-detail-type-box {
  width: 100%;
}

.work-detail .work-detail-box .work-detail-type-box .work-detail-content-item-title-bar {
  display: block;
  height: 1px;
  width: 100%;
  background-color: #202020;
  position: relative;
  margin-bottom: 1rem;
}

.work-detail .work-detail-box .work-detail-type-box .work-detail-content-item-title-bar .work-detail-content-item-title {
  position: absolute;
  background-color: #fff;
  padding: 0 0.9375rem;
  color: #000;
  font-size: 0.9375rem;
  left: 50%;
  -webkit-transform: translateX(-50%) translateY(-50%);
          transform: translateX(-50%) translateY(-50%);
  width: 10.625rem;
  text-align: center;
}

.work-detail .work-detail-box .work-detail-type-box .work-detail-type-item {
  margin-bottom: 0.875rem;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}

.work-detail .work-detail-box .work-detail-type-box .work-detail-type-item .work-detail-type-title {
  color: #000;
  font-size: 0.84375rem;
}

.work-detail .work-detail-box .work-detail-type-box .work-detail-type-item .work-detail-type-content {
  color: #e60000;
  font-size: 0.625rem;
  padding: 0.4375rem 0.625rem;
  background-color: #f4f4f4;
  line-height: 1.6;
  border-radius: 0.71875rem;
}

.work-detail .work-detail-box .work-detail-bottom {
  border-top: 1px solid #464646;
  padding-top: 1.25rem;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  font-size: 0.5625rem;
  color: #c4c4c4;
  font-weight: normal;
}

.work-detail .work-detail-box .work-detail-bottom img {
  width: 1.5625rem;
  height: 1.5625rem;
}

.work-detail .work-detail-box .work-detail-kv-img {
  width: 100%;
  height: auto;
}

.work-detail .work-detail-box .work-detail-kv-video {
  width: 100%;
  height: auto;
}

.work-detail .work-detail-box .work-detail-kv-audio {
  width: 100%;
  height: 3.125rem;
}

.work-detail .work-detail-box .work-detail-content-item-bar {
  margin: 0.75rem 0;
}

.work-detail .work-detail-box .work-detail-content-item-bar .work-detail-content-item-title-bar {
  display: block;
  height: 1px;
  width: 100%;
  background-color: #202020;
  position: relative;
  margin-bottom: 1rem;
}

.work-detail .work-detail-box .work-detail-content-item-bar .work-detail-content-item-title-bar .work-detail-content-item-title {
  position: absolute;
  background-color: #fff;
  padding: 0 0.9375rem;
  color: #000;
  font-size: 0.9375rem;
  left: 50%;
  -webkit-transform: translateX(-50%) translateY(-50%);
          transform: translateX(-50%) translateY(-50%);
  width: 10.625rem;
  text-align: center;
}

.work-detail .work-detail-box .work-detail-content-item-bar .work-detail-pre {
  white-space: pre-wrap;
  white-space: -moz-pre-wrap;
  white-space: -o-pre-wrap;
  word-wrap: break-word;
  color: #666;
  font-size: 0.9375rem;
  line-height: 1.5;
  font-family: arial, helvetica, sans-serif !important;
  margin-bottom: 0.9375rem;
}

.work-detail .work-detail-box .work-detail-text-word {
  font-size: 1rem;
  color: #101356;
  font-family: '\5B8B\4F53';
  line-height: 1.5;
  white-space: pre-wrap;
  white-space: -moz-pre-wrap;
  white-space: -o-pre-wrap;
  word-wrap: break-word;
}

.work-detail .work-detail-box .work-detail-text-word img {
  max-width: 100%;
  margin: 0 auto;
  display: block;
}

.work-home-mobile-card-text {
  width: 100%;
  color: #999;
  font-size: .625rem;
  margin-bottom: .9375rem;
  display: -webkit-box;
  overflow: hidden;
  text-overflow: ellipsis;
  word-wrap: break-word;
  white-space: normal !important;
  -webkit-line-clamp: 3;
  -webkit-box-orient: vertical;
  margin-top: .625rem;
  line-height: 1.5;
}

.work-home-mobile-text-background {
  width: 100%;
  height: 128px;
  background: url("https://cdn.5iidea.com/admen/xcx/文案背景.jpg") no-repeat;
  background-size: 100% 100%;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  padding: 1.25rem 2.1875rem 1.875rem 1.25rem;
}

.work-home-mobile-text-background .work-home-mobile-text-word {
  display: -webkit-box;
  overflow: hidden;
  text-overflow: ellipsis;
  word-wrap: break-word;
  white-space: pre-wrap;
  white-space: -moz-pre-wrap;
  white-space: -o-pre-wrap;
  -webkit-line-clamp: 4;
  -webkit-box-orient: vertical;
  font-size: 0.9375rem;
  color: #101356;
  font-family: '\5B8B\4F53';
}

.works-close-box-mobile {
  position: absolute;
  width: 100%;
  bottom: -1rem;
  z-index: 991;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}

.works-close-box-mobile .works-close-mobile {
  width: 2.15625rem;
  height: 2.15625rem;
}

#mobile-qingchun {
  font-family: Microsoft YaHei;
}

#mobile-qingchun .mobile-qingchun-nav {
  width: 100%;
  height: 2.5rem;
  background-color: #006422;
  color: #fff;
  font-size: 1rem;
  font-family: Source Han Sans CN;
}

#mobile-qingchun .mobile-qingchun-nav .mobile-qingchun-nav-content {
  margin: 0 1.5rem;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: distribute;
      justify-content: space-around;
  height: 100%;
}

#mobile-qingchun .mobile-qingchun-nav .mobile-qingchun-nav-content .mobile-qingchun-nav-item {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  padding: 0;
}

#mobile-qingchun .mobile-qingchun-nav .mobile-qingchun-nav-content .mobile-qingchun-nav-item .mobile-qingchun-nav-item-text {
  width: auto;
  height: 2.5rem;
  line-height: 2.25rem;
}

#mobile-qingchun .mobile-qingchun-nav .mobile-qingchun-nav-content .mobile-qingchun-nav-item-active {
  font-weight: 500;
  border-bottom: 0.25rem solid #FFF200;
  border-left: 0.125rem solid transparent;
  border-right: 0.125rem solid transparent;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  color: #FFF200;
}

#mobile-qingchun .mobile-qingchun-content {
  background-color: #02B088;
}

#mobile-qingchun .mobile-qingchun-content .mobile-qingchun-two {
  position: relative;
}

#mobile-qingchun .mobile-qingchun-content .mobile-qingchun-two .mobile-qingchun-two-img {
  width: 100%;
  height: auto;
  position: relative;
  top: -2.1vh;
}

#mobile-qingchun .mobile-qingchun-content .mobile-qingchun-strategy {
  position: relative;
  width: 88.13vw;
  margin: 0 auto;
}

#mobile-qingchun .mobile-qingchun-content .mobile-qingchun-strategy .mobile-qingchun-strategy-img {
  width: 100%;
  height: auto;
  display: block;
}

#mobile-qingchun .mobile-qingchun-content .mobile-qingchun-strategy .mobile-qingchun-strategy-name-box {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  position: absolute;
  top: -0.5rem;
  width: 100%;
  z-index: 999;
}

#mobile-qingchun .mobile-qingchun-content .mobile-qingchun-strategy .mobile-qingchun-strategy-name-box .mobile-qingchun-strategy-name {
  width: 17vw;
  height: 1.03125rem;
  color: #FFF200;
  border: 0.0625rem solid #FFF200;
  background-color: #003C2F;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  font-size: 0.75rem;
  font-weight: bold;
}

#mobile-qingchun .mobile-qingchun-content .mobile-qingchun-strategy .mobile-qingchun-strategy-text-body {
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  margin: auto;
  z-index: 9;
}

#mobile-qingchun .mobile-qingchun-content .mobile-qingchun-strategy .mobile-qingchun-strategy-text-body .mobile-qingchun-strategy-text-content {
  padding: 0 9vw;
  width: 100%;
  height: auto;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}

#mobile-qingchun .mobile-qingchun-content .mobile-qingchun-strategy .mobile-qingchun-strategy-text-body .mobile-qingchun-strategy-text-content .mobile-qingchun-strategy-text-title {
  margin-top: 0.9375rem;
  margin-bottom: 0.75rem;
  font-size: 1.125rem;
  font-family: Source Han Sans CN;
  font-weight: bold;
  color: #FFFFFF;
  line-height: 1.125rem;
  text-align: center;
}

#mobile-qingchun .mobile-qingchun-content .mobile-qingchun-strategy .mobile-qingchun-strategy-text-body .mobile-qingchun-strategy-text-content .mobile-qingchun-strategy-text-body-content {
  text-align: left;
  word-wrap: break-word;
  line-height: 1.25rem;
}

#mobile-qingchun .mobile-qingchun-content .mobile-qingchun-strategy .mobile-qingchun-strategy-text-body .mobile-qingchun-strategy-text-content .mobile-qingchun-strategy-text-body-content #cont2,
#mobile-qingchun .mobile-qingchun-content .mobile-qingchun-strategy .mobile-qingchun-strategy-text-body .mobile-qingchun-strategy-text-content .mobile-qingchun-strategy-text-body-content #cont4,
#mobile-qingchun .mobile-qingchun-content .mobile-qingchun-strategy .mobile-qingchun-strategy-text-body .mobile-qingchun-strategy-text-content .mobile-qingchun-strategy-text-body-content #cont6,
#mobile-qingchun .mobile-qingchun-content .mobile-qingchun-strategy .mobile-qingchun-strategy-text-body .mobile-qingchun-strategy-text-content .mobile-qingchun-strategy-text-body-content #cont8,
#mobile-qingchun .mobile-qingchun-content .mobile-qingchun-strategy .mobile-qingchun-strategy-text-body .mobile-qingchun-strategy-text-content .mobile-qingchun-strategy-text-body-content #cont10,
#mobile-qingchun .mobile-qingchun-content .mobile-qingchun-strategy .mobile-qingchun-strategy-text-body .mobile-qingchun-strategy-text-content .mobile-qingchun-strategy-text-body-content #cont12,
#mobile-qingchun .mobile-qingchun-content .mobile-qingchun-strategy .mobile-qingchun-strategy-text-body .mobile-qingchun-strategy-text-content .mobile-qingchun-strategy-text-body-content #cont14,
#mobile-qingchun .mobile-qingchun-content .mobile-qingchun-strategy .mobile-qingchun-strategy-text-body .mobile-qingchun-strategy-text-content .mobile-qingchun-strategy-text-body-content #cont16,
#mobile-qingchun .mobile-qingchun-content .mobile-qingchun-strategy .mobile-qingchun-strategy-text-body .mobile-qingchun-strategy-text-content .mobile-qingchun-strategy-text-body-content #cont18,
#mobile-qingchun .mobile-qingchun-content .mobile-qingchun-strategy .mobile-qingchun-strategy-text-body .mobile-qingchun-strategy-text-content .mobile-qingchun-strategy-text-body-content #cont20,
#mobile-qingchun .mobile-qingchun-content .mobile-qingchun-strategy .mobile-qingchun-strategy-text-body .mobile-qingchun-strategy-text-content .mobile-qingchun-strategy-text-body-content #cont22,
#mobile-qingchun .mobile-qingchun-content .mobile-qingchun-strategy .mobile-qingchun-strategy-text-body .mobile-qingchun-strategy-text-content .mobile-qingchun-strategy-text-body-content #cont24,
#mobile-qingchun .mobile-qingchun-content .mobile-qingchun-strategy .mobile-qingchun-strategy-text-body .mobile-qingchun-strategy-text-content .mobile-qingchun-strategy-text-body-content #cont26,
#mobile-qingchun .mobile-qingchun-content .mobile-qingchun-strategy .mobile-qingchun-strategy-text-body .mobile-qingchun-strategy-text-content .mobile-qingchun-strategy-text-body-content #cont28,
#mobile-qingchun .mobile-qingchun-content .mobile-qingchun-strategy .mobile-qingchun-strategy-text-body .mobile-qingchun-strategy-text-content .mobile-qingchun-strategy-text-body-content #cont30,
#mobile-qingchun .mobile-qingchun-content .mobile-qingchun-strategy .mobile-qingchun-strategy-text-body .mobile-qingchun-strategy-text-content .mobile-qingchun-strategy-text-body-content table {
  font-family: SourceHanSansCN-;
  color: white;
  font-size: 0.5625rem;
}

#mobile-qingchun .mobile-qingchun-content .mobile-qingchun-strategy .mobile-qingchun-strategy-text-body .mobile-qingchun-strategy-text-content .mobile-qingchun-strategy-text-body-content #cont1,
#mobile-qingchun .mobile-qingchun-content .mobile-qingchun-strategy .mobile-qingchun-strategy-text-body .mobile-qingchun-strategy-text-content .mobile-qingchun-strategy-text-body-content #cont3,
#mobile-qingchun .mobile-qingchun-content .mobile-qingchun-strategy .mobile-qingchun-strategy-text-body .mobile-qingchun-strategy-text-content .mobile-qingchun-strategy-text-body-content #cont5,
#mobile-qingchun .mobile-qingchun-content .mobile-qingchun-strategy .mobile-qingchun-strategy-text-body .mobile-qingchun-strategy-text-content .mobile-qingchun-strategy-text-body-content #cont7,
#mobile-qingchun .mobile-qingchun-content .mobile-qingchun-strategy .mobile-qingchun-strategy-text-body .mobile-qingchun-strategy-text-content .mobile-qingchun-strategy-text-body-content #cont9,
#mobile-qingchun .mobile-qingchun-content .mobile-qingchun-strategy .mobile-qingchun-strategy-text-body .mobile-qingchun-strategy-text-content .mobile-qingchun-strategy-text-body-content #cont11,
#mobile-qingchun .mobile-qingchun-content .mobile-qingchun-strategy .mobile-qingchun-strategy-text-body .mobile-qingchun-strategy-text-content .mobile-qingchun-strategy-text-body-content #cont13,
#mobile-qingchun .mobile-qingchun-content .mobile-qingchun-strategy .mobile-qingchun-strategy-text-body .mobile-qingchun-strategy-text-content .mobile-qingchun-strategy-text-body-content #cont15,
#mobile-qingchun .mobile-qingchun-content .mobile-qingchun-strategy .mobile-qingchun-strategy-text-body .mobile-qingchun-strategy-text-content .mobile-qingchun-strategy-text-body-content #cont17,
#mobile-qingchun .mobile-qingchun-content .mobile-qingchun-strategy .mobile-qingchun-strategy-text-body .mobile-qingchun-strategy-text-content .mobile-qingchun-strategy-text-body-content #cont19,
#mobile-qingchun .mobile-qingchun-content .mobile-qingchun-strategy .mobile-qingchun-strategy-text-body .mobile-qingchun-strategy-text-content .mobile-qingchun-strategy-text-body-content #cont21,
#mobile-qingchun .mobile-qingchun-content .mobile-qingchun-strategy .mobile-qingchun-strategy-text-body .mobile-qingchun-strategy-text-content .mobile-qingchun-strategy-text-body-content #cont23,
#mobile-qingchun .mobile-qingchun-content .mobile-qingchun-strategy .mobile-qingchun-strategy-text-body .mobile-qingchun-strategy-text-content .mobile-qingchun-strategy-text-body-content #cont25,
#mobile-qingchun .mobile-qingchun-content .mobile-qingchun-strategy .mobile-qingchun-strategy-text-body .mobile-qingchun-strategy-text-content .mobile-qingchun-strategy-text-body-content #cont27,
#mobile-qingchun .mobile-qingchun-content .mobile-qingchun-strategy .mobile-qingchun-strategy-text-body .mobile-qingchun-strategy-text-content .mobile-qingchun-strategy-text-body-content #cont29 {
  font-family: SourceHanSansCN-Bold;
  color: #FFF200;
  font-size: 0.75rem;
}

#mobile-qingchun .mobile-qingchun-content .mobile-qingchun-strategy .mobile-qingchun-strategy-text-body .mobile-qingchun-strategy-text-content .mobile-qingchun-strategy-text-body-content #tip1,
#mobile-qingchun .mobile-qingchun-content .mobile-qingchun-strategy .mobile-qingchun-strategy-text-body .mobile-qingchun-strategy-text-content .mobile-qingchun-strategy-text-body-content #tip2,
#mobile-qingchun .mobile-qingchun-content .mobile-qingchun-strategy .mobile-qingchun-strategy-text-body .mobile-qingchun-strategy-text-content .mobile-qingchun-strategy-text-body-content #tip3,
#mobile-qingchun .mobile-qingchun-content .mobile-qingchun-strategy .mobile-qingchun-strategy-text-body .mobile-qingchun-strategy-text-content .mobile-qingchun-strategy-text-body-content #tip4,
#mobile-qingchun .mobile-qingchun-content .mobile-qingchun-strategy .mobile-qingchun-strategy-text-body .mobile-qingchun-strategy-text-content .mobile-qingchun-strategy-text-body-content #tip5,
#mobile-qingchun .mobile-qingchun-content .mobile-qingchun-strategy .mobile-qingchun-strategy-text-body .mobile-qingchun-strategy-text-content .mobile-qingchun-strategy-text-body-content #tip6,
#mobile-qingchun .mobile-qingchun-content .mobile-qingchun-strategy .mobile-qingchun-strategy-text-body .mobile-qingchun-strategy-text-content .mobile-qingchun-strategy-text-body-content #tip7,
#mobile-qingchun .mobile-qingchun-content .mobile-qingchun-strategy .mobile-qingchun-strategy-text-body .mobile-qingchun-strategy-text-content .mobile-qingchun-strategy-text-body-content #tip8,
#mobile-qingchun .mobile-qingchun-content .mobile-qingchun-strategy .mobile-qingchun-strategy-text-body .mobile-qingchun-strategy-text-content .mobile-qingchun-strategy-text-body-content #tip9,
#mobile-qingchun .mobile-qingchun-content .mobile-qingchun-strategy .mobile-qingchun-strategy-text-body .mobile-qingchun-strategy-text-content .mobile-qingchun-strategy-text-body-content #tip10,
#mobile-qingchun .mobile-qingchun-content .mobile-qingchun-strategy .mobile-qingchun-strategy-text-body .mobile-qingchun-strategy-text-content .mobile-qingchun-strategy-text-body-content #tip11,
#mobile-qingchun .mobile-qingchun-content .mobile-qingchun-strategy .mobile-qingchun-strategy-text-body .mobile-qingchun-strategy-text-content .mobile-qingchun-strategy-text-body-content #tip12,
#mobile-qingchun .mobile-qingchun-content .mobile-qingchun-strategy .mobile-qingchun-strategy-text-body .mobile-qingchun-strategy-text-content .mobile-qingchun-strategy-text-body-content #tip13,
#mobile-qingchun .mobile-qingchun-content .mobile-qingchun-strategy .mobile-qingchun-strategy-text-body .mobile-qingchun-strategy-text-content .mobile-qingchun-strategy-text-body-content #tip14,
#mobile-qingchun .mobile-qingchun-content .mobile-qingchun-strategy .mobile-qingchun-strategy-text-body .mobile-qingchun-strategy-text-content .mobile-qingchun-strategy-text-body-content #p1,
#mobile-qingchun .mobile-qingchun-content .mobile-qingchun-strategy .mobile-qingchun-strategy-text-body .mobile-qingchun-strategy-text-content .mobile-qingchun-strategy-text-body-content #p2,
#mobile-qingchun .mobile-qingchun-content .mobile-qingchun-strategy .mobile-qingchun-strategy-text-body .mobile-qingchun-strategy-text-content .mobile-qingchun-strategy-text-body-content #p3 {
  font-family: SourceHanSansCN-;
  color: #FFF200;
  font-size: 0.5625rem;
}

#mobile-qingchun .mobile-qingchun-content .mobile-qingchun-strategy .mobile-qingchun-strategy-text-body .mobile-qingchun-strategy-text-content .mobile-qingchun-strategy-text-body-content table,
#mobile-qingchun .mobile-qingchun-content .mobile-qingchun-strategy .mobile-qingchun-strategy-text-body .mobile-qingchun-strategy-text-content .mobile-qingchun-strategy-text-body-content table th,
#mobile-qingchun .mobile-qingchun-content .mobile-qingchun-strategy .mobile-qingchun-strategy-text-body .mobile-qingchun-strategy-text-content .mobile-qingchun-strategy-text-body-content table td {
  border: 1px solid white;
  border-spacing: 0;
}

#mobile-qingchun .mobile-qingchun-content .mobile-qingchun-strategy .mobile-qingchun-strategy-text-body .mobile-qingchun-strategy-text-content .mobile-qingchun-strategy-text-body-content table {
  width: 15.625rem;
}

#mobile-qingchun .mobile-qingchun-content .mobile-qingchun-dlown {
  font-size: 0.6875rem;
  font-family: Source Han Sans CN;
  font-weight: bold;
  color: #FFF;
  margin-top: 1.375rem;
  margin-bottom: 2.5rem;
  text-align: center;
}

#mobile-qingchun .mobile-qingchun-one {
  width: 100%;
  position: relative;
}

#mobile-qingchun .mobile-qingchun-one img {
  width: 100%;
  height: auto;
}

#mobile-qingchun .mobile-qingchun-one .mobile-qingchun-one-text-box {
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  margin: auto;
  z-index: 99;
}

#mobile-qingchun .mobile-qingchun-one .mobile-qingchun-one-text-box .mobile-qingchun-text-one-content {
  margin: 2.125rem 10.9vw 1.9375rem;
  font-size: 0.75rem;
  font-family: Microsoft YaHei;
  font-weight: 300;
  color: #FFFFFF;
  line-height: 1.25rem;
  text-align: center;
}

#mobile-qingchun .mobile-qingchun-one .mobile-qingchun-one-text-box .mobile-qingchun-text-two-content {
  font-size: 0.75rem;
  font-family: Microsoft YaHei;
  font-weight: Light;
  color: #FFFFFF;
  line-height: 1.25rem;
  text-align: center;
  margin: 0 10.9vw 0.9375rem;
}

#mobile-qingchun .mobile-qingchun-one .mobile-qingchun-one-text-box .mobile-qingchun-one-text-b {
  color: #FFF200;
  font-weight: bold;
}

#mobile-qingchun .mobile-qingchun-title {
  position: relative;
  text-align: center;
}

#mobile-qingchun .mobile-qingchun-title .mobile-qingchun-title-img {
  width: 9.375rem;
  height: auto;
}

#mobile-qingchun .mobile-qingchun-title .mobile-qingchun-title-text-box {
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  margin: auto;
  z-index: 99;
}

#mobile-qingchun .text-yello {
  font-weight: bold !important;
  color: #FFF200 !important;
}

#mobile-qingchun .youth-proposition-card-bar {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  width: 100%;
  height: 1.5rem;
  background-color: #fff;
}

#mobile-qingchun .youth-proposition-card-bar img {
  width: 1.5rem;
  height: 0.375rem;
}

#mobile-jinli {
  font-family: Microsoft YaHei;
  background-color: #27575F;
}

#mobile-jinli .mobile-jinli-nav {
  width: 100%;
  height: 2.5rem;
  background: -webkit-gradient(linear, left top, right top, from(#F6A654), to(#C73412));
  background: linear-gradient(90deg, #F6A654 0%, #C73412 100%);
  color: #fff;
  font-size: 1rem;
  font-family: Source Han Sans CN;
}

#mobile-jinli .mobile-jinli-nav .mobile-jinli-nav-content {
  margin: 0 1rem;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: distribute;
      justify-content: space-around;
  height: 100%;
}

#mobile-jinli .mobile-jinli-nav .mobile-jinli-nav-content .mobile-jinli-nav-item {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  padding: 0;
}

#mobile-jinli .mobile-jinli-nav .mobile-jinli-nav-content .mobile-jinli-nav-item .mobile-jinli-nav-item-text {
  width: auto;
  height: 2.5rem;
  line-height: 2.25rem;
}

#mobile-jinli .mobile-jinli-nav .mobile-jinli-nav-content .mobile-jinli-nav-item-active {
  font-weight: 500;
  border-bottom: 0.25rem solid #234A51;
  border-left: 0.125rem solid transparent;
  border-right: 0.125rem solid transparent;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  color: #234A51;
}

#mobile-jinli .mobile-jinli-content {
  background: url("https://bucket-adshangchuan.oss-cn-shanghai.aliyuncs.com/webicon/images/jinli/mobile/背景元素.png") no-repeat;
  background-size: 100% 100%;
}

#mobile-jinli .mobile-jinli-content .mobile-jinli-two {
  position: relative;
}

#mobile-jinli .mobile-jinli-content .mobile-jinli-two .mobile-jinli-two-img {
  width: 100%;
  height: auto;
  position: relative;
  top: -2.1vh;
}

#mobile-jinli .mobile-jinli-content .mobile-jinli-strategy {
  position: relative;
  width: 88.13vw;
  margin: 0 auto;
}

#mobile-jinli .mobile-jinli-content .mobile-jinli-strategy .mobile-jinli-strategy-img {
  width: 100%;
  height: auto;
  display: block;
}

#mobile-jinli .mobile-jinli-content .mobile-jinli-strategy .mobile-jinli-strategy-name-box {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  position: absolute;
  top: -0.78125rem;
  width: 100%;
  z-index: 999;
}

#mobile-jinli .mobile-jinli-content .mobile-jinli-strategy .mobile-jinli-strategy-name-box .mobile-jinli-strategy-name {
  width: 20.93vw;
  height: 1.90625rem;
}

#mobile-jinli .mobile-jinli-content .mobile-jinli-strategy .mobile-jinli-strategy-name-box .mobile-jinli-strategy-name img {
  width: 100%;
  height: 100%;
}

#mobile-jinli .mobile-jinli-content .mobile-jinli-strategy .mobile-jinli-strategy-text-body {
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  margin: auto;
  z-index: 9;
  padding-top: 1rem;
}

#mobile-jinli .mobile-jinli-content .mobile-jinli-strategy .mobile-jinli-strategy-text-body .mobile-jinli-strategy-text-content {
  padding: 0 9vw;
  width: 100%;
  height: auto;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}

#mobile-jinli .mobile-jinli-content .mobile-jinli-strategy .mobile-jinli-strategy-text-body .mobile-jinli-strategy-text-content .mobile-jinli-strategy-text-title {
  margin-top: 0.65625rem;
  margin-bottom: 0.65625rem;
  font-size: 1.125rem;
  font-family: Source Han Sans CN;
  font-weight: bold;
  color: #BE2C08;
  line-height: 1.125rem;
  text-align: center;
}

#mobile-jinli .mobile-jinli-content .mobile-jinli-strategy .mobile-jinli-strategy-text-body .mobile-jinli-strategy-text-content .mobile-jinli-strategy-text-body-content {
  text-align: left;
  word-wrap: break-word;
  line-height: 1.25rem;
}

#mobile-jinli .mobile-jinli-content .mobile-jinli-strategy .mobile-jinli-strategy-text-body .mobile-jinli-strategy-text-content .mobile-jinli-strategy-text-body-content #cont2,
#mobile-jinli .mobile-jinli-content .mobile-jinli-strategy .mobile-jinli-strategy-text-body .mobile-jinli-strategy-text-content .mobile-jinli-strategy-text-body-content #cont4,
#mobile-jinli .mobile-jinli-content .mobile-jinli-strategy .mobile-jinli-strategy-text-body .mobile-jinli-strategy-text-content .mobile-jinli-strategy-text-body-content #cont6,
#mobile-jinli .mobile-jinli-content .mobile-jinli-strategy .mobile-jinli-strategy-text-body .mobile-jinli-strategy-text-content .mobile-jinli-strategy-text-body-content #cont8,
#mobile-jinli .mobile-jinli-content .mobile-jinli-strategy .mobile-jinli-strategy-text-body .mobile-jinli-strategy-text-content .mobile-jinli-strategy-text-body-content #cont10,
#mobile-jinli .mobile-jinli-content .mobile-jinli-strategy .mobile-jinli-strategy-text-body .mobile-jinli-strategy-text-content .mobile-jinli-strategy-text-body-content #cont12,
#mobile-jinli .mobile-jinli-content .mobile-jinli-strategy .mobile-jinli-strategy-text-body .mobile-jinli-strategy-text-content .mobile-jinli-strategy-text-body-content #cont14,
#mobile-jinli .mobile-jinli-content .mobile-jinli-strategy .mobile-jinli-strategy-text-body .mobile-jinli-strategy-text-content .mobile-jinli-strategy-text-body-content #cont16,
#mobile-jinli .mobile-jinli-content .mobile-jinli-strategy .mobile-jinli-strategy-text-body .mobile-jinli-strategy-text-content .mobile-jinli-strategy-text-body-content #cont18,
#mobile-jinli .mobile-jinli-content .mobile-jinli-strategy .mobile-jinli-strategy-text-body .mobile-jinli-strategy-text-content .mobile-jinli-strategy-text-body-content #cont20,
#mobile-jinli .mobile-jinli-content .mobile-jinli-strategy .mobile-jinli-strategy-text-body .mobile-jinli-strategy-text-content .mobile-jinli-strategy-text-body-content #cont22,
#mobile-jinli .mobile-jinli-content .mobile-jinli-strategy .mobile-jinli-strategy-text-body .mobile-jinli-strategy-text-content .mobile-jinli-strategy-text-body-content #cont24,
#mobile-jinli .mobile-jinli-content .mobile-jinli-strategy .mobile-jinli-strategy-text-body .mobile-jinli-strategy-text-content .mobile-jinli-strategy-text-body-content #cont26,
#mobile-jinli .mobile-jinli-content .mobile-jinli-strategy .mobile-jinli-strategy-text-body .mobile-jinli-strategy-text-content .mobile-jinli-strategy-text-body-content #cont28,
#mobile-jinli .mobile-jinli-content .mobile-jinli-strategy .mobile-jinli-strategy-text-body .mobile-jinli-strategy-text-content .mobile-jinli-strategy-text-body-content #cont30,
#mobile-jinli .mobile-jinli-content .mobile-jinli-strategy .mobile-jinli-strategy-text-body .mobile-jinli-strategy-text-content .mobile-jinli-strategy-text-body-content table {
  font-family: SourceHanSansCN-;
  color: #295F69;
  font-size: 0.5625rem;
}

#mobile-jinli .mobile-jinli-content .mobile-jinli-strategy .mobile-jinli-strategy-text-body .mobile-jinli-strategy-text-content .mobile-jinli-strategy-text-body-content #cont1,
#mobile-jinli .mobile-jinli-content .mobile-jinli-strategy .mobile-jinli-strategy-text-body .mobile-jinli-strategy-text-content .mobile-jinli-strategy-text-body-content #cont3,
#mobile-jinli .mobile-jinli-content .mobile-jinli-strategy .mobile-jinli-strategy-text-body .mobile-jinli-strategy-text-content .mobile-jinli-strategy-text-body-content #cont5,
#mobile-jinli .mobile-jinli-content .mobile-jinli-strategy .mobile-jinli-strategy-text-body .mobile-jinli-strategy-text-content .mobile-jinli-strategy-text-body-content #cont7,
#mobile-jinli .mobile-jinli-content .mobile-jinli-strategy .mobile-jinli-strategy-text-body .mobile-jinli-strategy-text-content .mobile-jinli-strategy-text-body-content #cont9,
#mobile-jinli .mobile-jinli-content .mobile-jinli-strategy .mobile-jinli-strategy-text-body .mobile-jinli-strategy-text-content .mobile-jinli-strategy-text-body-content #cont11,
#mobile-jinli .mobile-jinli-content .mobile-jinli-strategy .mobile-jinli-strategy-text-body .mobile-jinli-strategy-text-content .mobile-jinli-strategy-text-body-content #cont13,
#mobile-jinli .mobile-jinli-content .mobile-jinli-strategy .mobile-jinli-strategy-text-body .mobile-jinli-strategy-text-content .mobile-jinli-strategy-text-body-content #cont15,
#mobile-jinli .mobile-jinli-content .mobile-jinli-strategy .mobile-jinli-strategy-text-body .mobile-jinli-strategy-text-content .mobile-jinli-strategy-text-body-content #cont17,
#mobile-jinli .mobile-jinli-content .mobile-jinli-strategy .mobile-jinli-strategy-text-body .mobile-jinli-strategy-text-content .mobile-jinli-strategy-text-body-content #cont19,
#mobile-jinli .mobile-jinli-content .mobile-jinli-strategy .mobile-jinli-strategy-text-body .mobile-jinli-strategy-text-content .mobile-jinli-strategy-text-body-content #cont21,
#mobile-jinli .mobile-jinli-content .mobile-jinli-strategy .mobile-jinli-strategy-text-body .mobile-jinli-strategy-text-content .mobile-jinli-strategy-text-body-content #cont23,
#mobile-jinli .mobile-jinli-content .mobile-jinli-strategy .mobile-jinli-strategy-text-body .mobile-jinli-strategy-text-content .mobile-jinli-strategy-text-body-content #cont25,
#mobile-jinli .mobile-jinli-content .mobile-jinli-strategy .mobile-jinli-strategy-text-body .mobile-jinli-strategy-text-content .mobile-jinli-strategy-text-body-content #cont27,
#mobile-jinli .mobile-jinli-content .mobile-jinli-strategy .mobile-jinli-strategy-text-body .mobile-jinli-strategy-text-content .mobile-jinli-strategy-text-body-content #cont29 {
  font-family: SourceHanSansCN-Bold;
  color: #BE2C08;
  font-size: 0.75rem;
}

#mobile-jinli .mobile-jinli-content .mobile-jinli-strategy .mobile-jinli-strategy-text-body .mobile-jinli-strategy-text-content .mobile-jinli-strategy-text-body-content #tip1,
#mobile-jinli .mobile-jinli-content .mobile-jinli-strategy .mobile-jinli-strategy-text-body .mobile-jinli-strategy-text-content .mobile-jinli-strategy-text-body-content #tip2,
#mobile-jinli .mobile-jinli-content .mobile-jinli-strategy .mobile-jinli-strategy-text-body .mobile-jinli-strategy-text-content .mobile-jinli-strategy-text-body-content #tip3,
#mobile-jinli .mobile-jinli-content .mobile-jinli-strategy .mobile-jinli-strategy-text-body .mobile-jinli-strategy-text-content .mobile-jinli-strategy-text-body-content #tip4,
#mobile-jinli .mobile-jinli-content .mobile-jinli-strategy .mobile-jinli-strategy-text-body .mobile-jinli-strategy-text-content .mobile-jinli-strategy-text-body-content #tip5,
#mobile-jinli .mobile-jinli-content .mobile-jinli-strategy .mobile-jinli-strategy-text-body .mobile-jinli-strategy-text-content .mobile-jinli-strategy-text-body-content #tip6,
#mobile-jinli .mobile-jinli-content .mobile-jinli-strategy .mobile-jinli-strategy-text-body .mobile-jinli-strategy-text-content .mobile-jinli-strategy-text-body-content #tip7,
#mobile-jinli .mobile-jinli-content .mobile-jinli-strategy .mobile-jinli-strategy-text-body .mobile-jinli-strategy-text-content .mobile-jinli-strategy-text-body-content #tip8,
#mobile-jinli .mobile-jinli-content .mobile-jinli-strategy .mobile-jinli-strategy-text-body .mobile-jinli-strategy-text-content .mobile-jinli-strategy-text-body-content #tip9,
#mobile-jinli .mobile-jinli-content .mobile-jinli-strategy .mobile-jinli-strategy-text-body .mobile-jinli-strategy-text-content .mobile-jinli-strategy-text-body-content #tip10,
#mobile-jinli .mobile-jinli-content .mobile-jinli-strategy .mobile-jinli-strategy-text-body .mobile-jinli-strategy-text-content .mobile-jinli-strategy-text-body-content #tip11,
#mobile-jinli .mobile-jinli-content .mobile-jinli-strategy .mobile-jinli-strategy-text-body .mobile-jinli-strategy-text-content .mobile-jinli-strategy-text-body-content #tip12,
#mobile-jinli .mobile-jinli-content .mobile-jinli-strategy .mobile-jinli-strategy-text-body .mobile-jinli-strategy-text-content .mobile-jinli-strategy-text-body-content #tip13,
#mobile-jinli .mobile-jinli-content .mobile-jinli-strategy .mobile-jinli-strategy-text-body .mobile-jinli-strategy-text-content .mobile-jinli-strategy-text-body-content #tip14,
#mobile-jinli .mobile-jinli-content .mobile-jinli-strategy .mobile-jinli-strategy-text-body .mobile-jinli-strategy-text-content .mobile-jinli-strategy-text-body-content #p1,
#mobile-jinli .mobile-jinli-content .mobile-jinli-strategy .mobile-jinli-strategy-text-body .mobile-jinli-strategy-text-content .mobile-jinli-strategy-text-body-content #p2,
#mobile-jinli .mobile-jinli-content .mobile-jinli-strategy .mobile-jinli-strategy-text-body .mobile-jinli-strategy-text-content .mobile-jinli-strategy-text-body-content #p3 {
  font-family: SourceHanSansCN-;
  color: #BE2C08;
  font-size: 0.5625rem;
}

#mobile-jinli .mobile-jinli-content .mobile-jinli-strategy .mobile-jinli-strategy-text-body .mobile-jinli-strategy-text-content .mobile-jinli-strategy-text-body-content table,
#mobile-jinli .mobile-jinli-content .mobile-jinli-strategy .mobile-jinli-strategy-text-body .mobile-jinli-strategy-text-content .mobile-jinli-strategy-text-body-content table th,
#mobile-jinli .mobile-jinli-content .mobile-jinli-strategy .mobile-jinli-strategy-text-body .mobile-jinli-strategy-text-content .mobile-jinli-strategy-text-body-content table td {
  border: 1px solid white;
  border-spacing: 0;
}

#mobile-jinli .mobile-jinli-content .mobile-jinli-strategy .mobile-jinli-strategy-text-body .mobile-jinli-strategy-text-content .mobile-jinli-strategy-text-body-content table {
  width: 15.625rem;
}

#mobile-jinli .mobile-jinli-content .mobile-jinli-dlown {
  font-size: 0.6875rem;
  font-family: Source Han Sans CN;
  font-weight: bold;
  color: #fff;
  margin-top: 1.375rem;
  margin-bottom: 3.3125rem;
  text-align: center;
}

#mobile-jinli .mobile-jinli-one {
  width: 100%;
  position: relative;
}

#mobile-jinli .mobile-jinli-one img {
  width: 100%;
  height: auto;
}

#mobile-jinli .mobile-jinli-one .mobile-jinli-one-text-box {
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  margin: auto;
  z-index: 99;
}

#mobile-jinli .mobile-jinli-one .mobile-jinli-one-text-box .mobile-jinli-text-one-content {
  margin: 2.125rem 10.9vw 1.9375rem;
  font-size: 0.75rem;
  font-family: Microsoft YaHei;
  font-weight: 300;
  color: #FFFFFF;
  line-height: 1.25rem;
  text-align: center;
}

#mobile-jinli .mobile-jinli-one .mobile-jinli-one-text-box .mobile-jinli-text-two-content {
  font-size: 0.75rem;
  font-family: Microsoft YaHei;
  font-weight: Light;
  color: #FFFFFF;
  line-height: 1.25rem;
  text-align: center;
  margin: 0 10.9vw 0.9375rem;
}

#mobile-jinli .mobile-jinli-one .mobile-jinli-one-text-box .mobile-jinli-one-text-b {
  color: #FFF200;
  font-weight: bold;
}

#mobile-jinli .mobile-jinli-title {
  position: relative;
  text-align: center;
}

#mobile-jinli .mobile-jinli-title .mobile-jinli-title-img {
  width: 9.375rem;
  height: auto;
}

#mobile-jinli .mobile-jinli-title .mobile-jinli-title-text-box {
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  margin: auto;
  z-index: 99;
}

#mobile-jinli .text-yello {
  font-weight: bold !important;
  color: #FFF200 !important;
}

#mobile-jinli .text-weight-bold {
  font-weight: bold !important;
}

#mobile-jinli .jinli-proposition-card-bar {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  width: 100%;
  height: 1.5rem;
}

#mobile-jinli .jinli-proposition-card-bar img {
  width: 1.5rem;
  height: 0.375rem;
}

#mobile-jinli .card {
  border: 1px solid #FAE5A4;
}

#mobile-jinli .card .jinli-mobile-card-body {
  background-color: #295F69;
}

#mobile-jinli .card .jinli-mobile-card-body .card-top-title {
  color: #FEFEFE;
}

#mobile-jinli .card .jinli-mobile-card-body .jinli-mobile-card-body-foot {
  padding: 0 0.625rem !important;
  line-height: 1.75rem;
  font-size: .5rem;
  color: #FDDDAF;
  border-bottom: 0;
}

.live-page {
  height: 100%;
}

.live-page .live-content .live-item-tv-box {
  width: 100%;
  height: 13.15625rem;
  position: relative;
}

.live-page .live-content .live-item-tv-box .live-item-tv-img {
  width: 100%;
  height: 100%;
  display: block;
}

.live-page .live-content .live-item-tv-box .live-item-tv-mode {
  position: absolute;
  background-color: rgba(0, 0, 0, 0.2);
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  margin: auto;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}

.live-page .live-content .live-item-tv-box .live-item-tv-mode .live-item-tv-play-box {
  text-align: center;
}

.live-page .live-content .live-item-tv-box .live-item-tv-mode .live-item-tv-play-box .live-item-tv-play-img {
  width: 3.5rem;
  height: 3.5rem;
  margin-bottom: .71875rem;
}

.live-page .live-content .live-item-tv-box .live-item-tv-mode .live-item-tv-play-box .live-item-tv-play-text-box {
  min-width: 8.96875rem;
  padding: .34375rem 1.1875rem;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  background-color: rgba(0, 0, 0, 0.5);
  border-radius: .9375rem;
}

.live-page .live-content .live-item-tv-box .live-item-tv-mode .live-item-tv-play-box .live-item-tv-play-text-box .live-item-tv-play-text-img {
  width: 1.1875rem;
  height: 1.1875rem;
  margin-right: .4375rem;
}

.live-page .live-content .live-item-tv-box .live-item-tv-mode .live-item-tv-play-box .live-item-tv-play-text-box span {
  font-size: .875rem;
  line-height: 1rem;
  color: #fff;
}

.live-page .live-content .live-item-title-box {
  width: 100%;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  padding: .8125rem .625rem;
  background-color: #fff;
}

.live-page .live-content .live-item-title-box .live-item-title {
  font-size: .875rem;
  line-height: .875rem;
  color: #202020;
}

.live-detail {
  height: 100%;
}

.live-detail .live-detail-name {
  width: 100%;
  height: 2.5rem;
  background-color: #0C65C3;
  line-height: 2.5rem;
  text-align: center;
  color: #fff;
  font-size: 1.125rem;
  font-weight: bold;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}

.live-detail .live-detail-tv-box {
  position: relative;
}

.live-detail .live-detail-tv-box .live-tv-people-number {
  position: absolute;
  top: .3125rem;
  right: .3125rem;
  font-size: .75rem;
  color: #fff;
  font-weight: bold;
  padding: .375rem 1.03125rem;
  background-color: rgba(0, 0, 0, 0.5);
  border-radius: .5625rem;
  z-index: 12;
}

.live-detail .live-detail-tv-box .live-detail-tv {
  width: 100%;
  height: 13.18125rem;
}

.live-detail .live-detail-tv-box .live-detail-tv-mode {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  margin: auto;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  background-color: rgba(0, 0, 0, 0.2);
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  z-index: 11;
}

.live-detail .live-detail-tv-box .live-detail-tv-mode .live-detail-tv-play-box {
  text-align: center;
}

.live-detail .live-detail-tv-box .live-detail-tv-mode .live-detail-tv-play-box .live-detail-tv-play-img {
  width: 3.46875rem;
  height: 3.46875rem;
  margin-bottom: .75rem;
}

.live-detail .live-detail-tv-box .live-detail-tv-mode .live-detail-tv-play-box .live-detail-tv-play-text-box {
  min-width: 8.96875rem;
  padding: .34375rem 1.1875rem;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  background-color: rgba(0, 0, 0, 0.5);
  border-radius: .9375rem;
}

.live-detail .live-detail-tv-box .live-detail-tv-mode .live-detail-tv-play-box .live-detail-tv-play-text-box .live-detail-tv-play-text-img {
  width: 1.1875rem;
  height: 1.1875rem;
  margin-right: .4375rem;
}

.live-detail .live-detail-tv-box .live-detail-tv-mode .live-detail-tv-play-box .live-detail-tv-play-text-box span {
  font-size: .875rem;
  line-height: 1rem;
  color: #fff;
}

.live-detail .live-detail-people-num-box {
  width: 100%;
  height: 1.875rem;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: end;
      -ms-flex-pack: end;
          justify-content: flex-end;
  padding: 0 1.5rem;
}

.live-detail .live-detail-people-num-box img {
  width: .875rem;
  height: .8125rem;
  margin-right: .625rem;
}

.live-detail .live-detail-people-num-box span {
  font-size: .75rem;
  line-height: .75rem;
  color: #999;
}

.live-detail .live-detail-nav-bar {
  width: 100%;
  background-color: #fff;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  height: 2.96875rem;
  border-bottom: 1px solid rgba(0, 0, 0, 0.05);
}

.live-detail .live-detail-nav-bar .live-detail-nav-item {
  height: 100%;
  width: 50%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  color: #666;
  font-size: .9375rem;
  font-weight: 500;
  position: relative;
}

.live-detail .live-detail-nav-bar .live-detail-nav-item .live-detail-nav-item-border {
  position: absolute;
  width: 100%;
  bottom: -0.125rem;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}

.live-detail .live-detail-nav-bar .live-detail-nav-item .live-detail-nav-item-border .live-detail-nav-item-border-bar {
  width: 2.15625rem;
  height: .1875rem;
  border-radius: 3px;
  background-color: #FFD997;
}

.live-detail .live-detail-nav-bar .live-detail-nav-item-activity {
  color: #000;
}

.live-detail .live-detail-content-box {
  background-color: #fff;
  padding: .96875rem 1.25rem;
}

.live-detail .live-detail-content-box .live-detail-content-box-title {
  font-size: .9375rem;
  color: #202020;
  line-height: .9375rem;
  margin-bottom: 1rem;
}

.live-detail .live-detail-content-box .live-detail-content-box-pre {
  color: #666;
  font-size: .84375rem;
}

.live-detail .live-detail-content-box .live-detail-content-box-pre img {
  max-width: 100%;
  margin: 0 auto;
  display: block;
}

.live-detail .live-detail-content-height {
  height: calc(100vh - 21.25rem);
}

.live-detail .live-notice {
  width: 90%;
  background-color: #dce8f5;
  border-radius: 2.1875rem;
  padding: 0.25rem 1.5rem;
  z-index: 10;
  position: absolute;
  margin-left: 1.15rem;
  margin-top: 0.25rem;
}

.live-detail .live-detail-interactive-chat-box {
  padding: 0 1.5625rem 3.125rem;
  height: calc(100vh - 21.25rem);
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  background-color: #f4f4f4;
  padding-top: 0.25rem;
}

.live-detail .live-detail-interactive-chat-box .live-detail-interactive-chat-item .live-detail-interactive-chat-item-box {
  padding: .25rem 1.5rem;
  font-size: .875rem;
  border-radius: 2.1875rem;
  background: #ECECEC;
  margin-bottom: .3125rem;
  margin-top: .3125rem;
}

.live-detail .live-detail-interactive-chat-box .live-detail-interactive-chat-item .live-detail-interactive-chat-item-box .live-detail-interactive-chat-item-user-img {
  width: 1.5625rem;
  height: 1.5625rem;
  border-radius: 100%;
}

.live-detail .live-detail-interactive-chat-box .live-detail-interactive-chat-item .live-detail-interactive-chat-item-box .live-detail-interactive-chat-item-user-name {
  font-family: Microsoft YaHei;
  font-weight: 400;
  color: #077DFF;
  margin-left: .4375rem;
}

.live-detail .live-detail-interactive-chat-box .live-detail-interactive-chat-item .live-detail-interactive-chat-item-box .live-detail-interactive-chat-item-talk-box {
  color: #999;
  word-break: break-all;
}

.live-detail .live-detail-interactive-chat-input-bar {
  width: 100%;
  height: 3.125rem;
  position: absolute;
  background-color: #fff;
  padding: .625rem 1rem .375rem;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  bottom: 0;
  left: 0;
  z-index: 9;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -ms-flex-pack: distribute;
      justify-content: space-around;
}

.live-detail .live-detail-interactive-chat-input-bar .live-detail-interactive-chat-input-btn {
  width: 3.125rem;
  height: 100%;
  background: #077DFF;
  color: #FFFFFF;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  border-radius: .625rem;
}

.live-detail .live-detail-interactive-chat-input-bar .live-detail-interactive-chat-login-btn {
  width: 17.53125rem;
  height: 100%;
  margin: 0 auto;
  background: #077DFF;
  border-radius: 1.0625rem;
  font-size: .875rem;
  font-family: Microsoft YaHei;
  font-weight: 400;
  color: #FFFFFF;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}

.live-detail .live-detail-interactive-chat-input-bar .cube-input {
  width: 12.53125rem;
  height: 100%;
  margin: 0 auto;
  background: #ECECEC;
  border-radius: 1.0625rem;
  outline: none !important;
}

.live-detail .live-detail-interactive-chat-input-bar .cube-input::after {
  border: none !important;
}

.live-detail .live-detail-interactive-chat-input-bar .cube-input .cube-input-field {
  border-radius: 1.0625rem;
  outline: none !important;
}

.live-detail .live-detail-qr-card {
  width: 17.03125rem;
  height: 19.125rem;
  border-radius: .625rem;
  background-color: #fff;
  padding-top: .0625rem;
}

.live-detail .live-detail-qr-card .live-detail-qr-img {
  width: 11.1875rem;
  height: 11.1875rem;
  border-radius: 5px;
  display: block;
  margin: 2.3125rem auto 1.78125rem;
  border: .0625rem solid #e5e5e5;
}

.live-detail .live-detail-qr-card .live-detail-qr-name {
  color: #000;
  font-size: .875rem;
  line-height: .875rem;
  margin-bottom: .46875rem;
  text-align: center;
}

.live-detail .live-detail-qr-card .live-detail-qr-text {
  color: #999;
  font-size: .75rem;
  line-height: .75rem;
  text-align: center;
}

#mobile-kuaike {
  font-family: Microsoft YaHei;
  background-color: #000;
}

#mobile-kuaike .mobile-kuaike-nav {
  width: 100%;
  background: -webkit-gradient(linear, left top, right top, from(#35DF9A), to(#3C4698));
  background: linear-gradient(90deg, #35DF9A 0%, #3C4698 100%);
  color: #fff;
  font-size: 1rem;
  font-family: Source Han Sans CN;
}

#mobile-kuaike .mobile-kuaike-nav .mobile-kuaike-nav-content {
  margin: 0 1rem;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: distribute;
      justify-content: space-around;
  height: 100%;
}

#mobile-kuaike .mobile-kuaike-nav .mobile-kuaike-nav-content .mobile-kuaike-nav-img1 {
  width: 3.1875rem;
  height: auto;
}

#mobile-kuaike .mobile-kuaike-nav .mobile-kuaike-nav-content .mobile-kuaike-nav-img2 {
  width: 2.71875rem;
  height: auto;
}

#mobile-kuaike .mobile-kuaike-nav .mobile-kuaike-nav-content .mobile-kuaike-nav-img3 {
  width: 2.75rem;
  height: auto;
}

#mobile-kuaike .mobile-kuaike-nav .mobile-kuaike-nav-content .mobile-kuaike-nav-img4 {
  width: 5.09375rem;
  height: auto;
}

#mobile-kuaike .mobile-kuaike-nav .mobile-kuaike-nav-content .mobile-kuaike-nav-item {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  padding: 0;
}

#mobile-kuaike .mobile-kuaike-nav .mobile-kuaike-nav-content .mobile-kuaike-nav-item .mobile-kuaike-nav-item-text {
  width: auto;
  height: 2.5rem;
  line-height: 2.25rem;
}

#mobile-kuaike .mobile-kuaike-nav .mobile-kuaike-nav-content .mobile-kuaike-nav-item-active {
  font-weight: 500;
  border-bottom: 0.25rem solid #234A51;
  border-left: 0.125rem solid transparent;
  border-right: 0.125rem solid transparent;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  color: #FFF200;
  text-shadow: -3px 2px 4px #124C2A;
  background: -webkit-gradient(linear, left bottom, left top, from(#F17B12), to(#FFF600));
  background: linear-gradient(0deg, #F17B12 0%, #FFF600 100%);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
}

#mobile-kuaike .mobile-kuaike-content {
  background: url("https://bucket-adshangchuan.oss-cn-shanghai.aliyuncs.com/webicon/images/kuaikemobile/背景元素.png") no-repeat;
  background-size: 100% 100%;
}

#mobile-kuaike .mobile-kuaike-content .mobile-kuaike-two {
  position: relative;
}

#mobile-kuaike .mobile-kuaike-content .mobile-kuaike-two .mobile-kuaike-two-img {
  width: 83.7vw;
  height: auto;
  margin: 0 auto 6.4vw;
  display: block;
}

#mobile-kuaike .mobile-kuaike-content .mobile-kuaike-participating-img {
  width: 82.27vw;
  height: auto;
  margin: 0 auto 10vw;
  display: block;
}

#mobile-kuaike .mobile-kuaike-content .mobile-kuaike-award-img {
  width: 81.33vw;
  height: auto;
  margin: 0 auto 3.7vw;
  display: block;
}

#mobile-kuaike .mobile-kuaike-content .mobile-kuaike-requirements-img {
  width: 84.27vw;
  height: auto;
  margin: 0 auto 3.8vw;
  display: block;
}

#mobile-kuaike .mobile-kuaike-content .mobile-kuaike-instructions-img {
  width: 84.13vw;
  height: auto;
  margin: 0 auto 8.9vw;
  display: block;
}

#mobile-kuaike .mobile-kuaike-content .mobile-kuaike-title-img {
  width: 61.47vw;
  height: auto;
  margin: 0 auto 6.2vw;
  display: block;
}

#mobile-kuaike .mobile-kuaike-content .mobile-kuaike-rule-img {
  width: 82.8vw;
  height: auto;
  margin: 0 auto 5.3vw;
  display: block;
}

#mobile-kuaike .mobile-kuaike-content .mobile-kuaike-qr-title {
  width: 66vw;
  height: auto;
  margin: 0 auto;
  display: block;
}

#mobile-kuaike .mobile-kuaike-content .mobile-kuaike-qr-container {
  margin: 4vw 13vw;
}

#mobile-kuaike .mobile-kuaike-content .mobile-kuaike-qr-content {
  display: -webkit-box;
  display: flex;
  display: -ms-flexbox;
}

#mobile-kuaike .mobile-kuaike-content .mobile-kuaike-qr-img {
  margin: 0 auto 4vw;
  -ms-flex: 1 1 auto !important;
  -webkit-box-flex: 1 !important;
          flex: 1 1 auto !important;
}

#mobile-kuaike .mobile-kuaike-content .mobile-kuaike-review-img {
  width: 85.6vw;
  height: auto;
  margin: 0 auto 10vw;
  display: block;
}

#mobile-kuaike .mobile-kuaike-content .mobile-kuaike-saishi-img {
  width: 82.27vw;
  height: auto;
  margin: 0 auto 11.8vw;
  display: block;
}

#mobile-kuaike .mobile-kuaike-content .mobile-jinli-strategy {
  position: relative;
  width: 88.13vw;
  margin: 0 auto;
}

#mobile-kuaike .mobile-kuaike-content .mobile-jinli-strategy .mobile-jinli-strategy-img {
  width: 100%;
  height: auto;
  display: block;
}

#mobile-kuaike .mobile-kuaike-content .mobile-jinli-strategy .mobile-jinli-strategy-name-box {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  position: absolute;
  top: -0.78125rem;
  width: 100%;
  z-index: 999;
}

#mobile-kuaike .mobile-kuaike-content .mobile-jinli-strategy .mobile-jinli-strategy-name-box .mobile-jinli-strategy-name {
  width: 20.93vw;
  height: 1.90625rem;
}

#mobile-kuaike .mobile-kuaike-content .mobile-jinli-strategy .mobile-jinli-strategy-name-box .mobile-jinli-strategy-name img {
  width: 100%;
  height: 100%;
}

#mobile-kuaike .mobile-kuaike-content .mobile-jinli-strategy .mobile-jinli-strategy-text-body {
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  margin: auto;
  z-index: 9;
  padding-top: 1rem;
}

#mobile-kuaike .mobile-kuaike-content .mobile-jinli-strategy .mobile-jinli-strategy-text-body .mobile-jinli-strategy-text-content {
  padding: 0 9vw;
  width: 100%;
  height: auto;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}

#mobile-kuaike .mobile-kuaike-content .mobile-jinli-strategy .mobile-jinli-strategy-text-body .mobile-jinli-strategy-text-content .mobile-jinli-strategy-text-title {
  margin-top: 0.65625rem;
  margin-bottom: 0.65625rem;
  font-size: 1.125rem;
  font-family: Source Han Sans CN;
  font-weight: bold;
  color: #BE2C08;
  line-height: 1.125rem;
  text-align: center;
}

#mobile-kuaike .mobile-kuaike-content .mobile-jinli-strategy .mobile-jinli-strategy-text-body .mobile-jinli-strategy-text-content .mobile-jinli-strategy-text-body-content {
  text-align: left;
  word-wrap: break-word;
  line-height: 1.25rem;
}

#mobile-kuaike .mobile-kuaike-content .mobile-jinli-strategy .mobile-jinli-strategy-text-body .mobile-jinli-strategy-text-content .mobile-jinli-strategy-text-body-content #cont2,
#mobile-kuaike .mobile-kuaike-content .mobile-jinli-strategy .mobile-jinli-strategy-text-body .mobile-jinli-strategy-text-content .mobile-jinli-strategy-text-body-content #cont4,
#mobile-kuaike .mobile-kuaike-content .mobile-jinli-strategy .mobile-jinli-strategy-text-body .mobile-jinli-strategy-text-content .mobile-jinli-strategy-text-body-content #cont6,
#mobile-kuaike .mobile-kuaike-content .mobile-jinli-strategy .mobile-jinli-strategy-text-body .mobile-jinli-strategy-text-content .mobile-jinli-strategy-text-body-content #cont8,
#mobile-kuaike .mobile-kuaike-content .mobile-jinli-strategy .mobile-jinli-strategy-text-body .mobile-jinli-strategy-text-content .mobile-jinli-strategy-text-body-content #cont10,
#mobile-kuaike .mobile-kuaike-content .mobile-jinli-strategy .mobile-jinli-strategy-text-body .mobile-jinli-strategy-text-content .mobile-jinli-strategy-text-body-content #cont12,
#mobile-kuaike .mobile-kuaike-content .mobile-jinli-strategy .mobile-jinli-strategy-text-body .mobile-jinli-strategy-text-content .mobile-jinli-strategy-text-body-content #cont14,
#mobile-kuaike .mobile-kuaike-content .mobile-jinli-strategy .mobile-jinli-strategy-text-body .mobile-jinli-strategy-text-content .mobile-jinli-strategy-text-body-content #cont16,
#mobile-kuaike .mobile-kuaike-content .mobile-jinli-strategy .mobile-jinli-strategy-text-body .mobile-jinli-strategy-text-content .mobile-jinli-strategy-text-body-content #cont18,
#mobile-kuaike .mobile-kuaike-content .mobile-jinli-strategy .mobile-jinli-strategy-text-body .mobile-jinli-strategy-text-content .mobile-jinli-strategy-text-body-content #cont20,
#mobile-kuaike .mobile-kuaike-content .mobile-jinli-strategy .mobile-jinli-strategy-text-body .mobile-jinli-strategy-text-content .mobile-jinli-strategy-text-body-content #cont22,
#mobile-kuaike .mobile-kuaike-content .mobile-jinli-strategy .mobile-jinli-strategy-text-body .mobile-jinli-strategy-text-content .mobile-jinli-strategy-text-body-content #cont24,
#mobile-kuaike .mobile-kuaike-content .mobile-jinli-strategy .mobile-jinli-strategy-text-body .mobile-jinli-strategy-text-content .mobile-jinli-strategy-text-body-content #cont26,
#mobile-kuaike .mobile-kuaike-content .mobile-jinli-strategy .mobile-jinli-strategy-text-body .mobile-jinli-strategy-text-content .mobile-jinli-strategy-text-body-content #cont28,
#mobile-kuaike .mobile-kuaike-content .mobile-jinli-strategy .mobile-jinli-strategy-text-body .mobile-jinli-strategy-text-content .mobile-jinli-strategy-text-body-content #cont30,
#mobile-kuaike .mobile-kuaike-content .mobile-jinli-strategy .mobile-jinli-strategy-text-body .mobile-jinli-strategy-text-content .mobile-jinli-strategy-text-body-content table {
  font-family: SourceHanSansCN-;
  color: #295F69;
  font-size: 0.5625rem;
}

#mobile-kuaike .mobile-kuaike-content .mobile-jinli-strategy .mobile-jinli-strategy-text-body .mobile-jinli-strategy-text-content .mobile-jinli-strategy-text-body-content #cont1,
#mobile-kuaike .mobile-kuaike-content .mobile-jinli-strategy .mobile-jinli-strategy-text-body .mobile-jinli-strategy-text-content .mobile-jinli-strategy-text-body-content #cont3,
#mobile-kuaike .mobile-kuaike-content .mobile-jinli-strategy .mobile-jinli-strategy-text-body .mobile-jinli-strategy-text-content .mobile-jinli-strategy-text-body-content #cont5,
#mobile-kuaike .mobile-kuaike-content .mobile-jinli-strategy .mobile-jinli-strategy-text-body .mobile-jinli-strategy-text-content .mobile-jinli-strategy-text-body-content #cont7,
#mobile-kuaike .mobile-kuaike-content .mobile-jinli-strategy .mobile-jinli-strategy-text-body .mobile-jinli-strategy-text-content .mobile-jinli-strategy-text-body-content #cont9,
#mobile-kuaike .mobile-kuaike-content .mobile-jinli-strategy .mobile-jinli-strategy-text-body .mobile-jinli-strategy-text-content .mobile-jinli-strategy-text-body-content #cont11,
#mobile-kuaike .mobile-kuaike-content .mobile-jinli-strategy .mobile-jinli-strategy-text-body .mobile-jinli-strategy-text-content .mobile-jinli-strategy-text-body-content #cont13,
#mobile-kuaike .mobile-kuaike-content .mobile-jinli-strategy .mobile-jinli-strategy-text-body .mobile-jinli-strategy-text-content .mobile-jinli-strategy-text-body-content #cont15,
#mobile-kuaike .mobile-kuaike-content .mobile-jinli-strategy .mobile-jinli-strategy-text-body .mobile-jinli-strategy-text-content .mobile-jinli-strategy-text-body-content #cont17,
#mobile-kuaike .mobile-kuaike-content .mobile-jinli-strategy .mobile-jinli-strategy-text-body .mobile-jinli-strategy-text-content .mobile-jinli-strategy-text-body-content #cont19,
#mobile-kuaike .mobile-kuaike-content .mobile-jinli-strategy .mobile-jinli-strategy-text-body .mobile-jinli-strategy-text-content .mobile-jinli-strategy-text-body-content #cont21,
#mobile-kuaike .mobile-kuaike-content .mobile-jinli-strategy .mobile-jinli-strategy-text-body .mobile-jinli-strategy-text-content .mobile-jinli-strategy-text-body-content #cont23,
#mobile-kuaike .mobile-kuaike-content .mobile-jinli-strategy .mobile-jinli-strategy-text-body .mobile-jinli-strategy-text-content .mobile-jinli-strategy-text-body-content #cont25,
#mobile-kuaike .mobile-kuaike-content .mobile-jinli-strategy .mobile-jinli-strategy-text-body .mobile-jinli-strategy-text-content .mobile-jinli-strategy-text-body-content #cont27,
#mobile-kuaike .mobile-kuaike-content .mobile-jinli-strategy .mobile-jinli-strategy-text-body .mobile-jinli-strategy-text-content .mobile-jinli-strategy-text-body-content #cont29 {
  font-family: SourceHanSansCN-Bold;
  color: #BE2C08;
  font-size: 0.75rem;
}

#mobile-kuaike .mobile-kuaike-content .mobile-jinli-strategy .mobile-jinli-strategy-text-body .mobile-jinli-strategy-text-content .mobile-jinli-strategy-text-body-content #tip1,
#mobile-kuaike .mobile-kuaike-content .mobile-jinli-strategy .mobile-jinli-strategy-text-body .mobile-jinli-strategy-text-content .mobile-jinli-strategy-text-body-content #tip2,
#mobile-kuaike .mobile-kuaike-content .mobile-jinli-strategy .mobile-jinli-strategy-text-body .mobile-jinli-strategy-text-content .mobile-jinli-strategy-text-body-content #tip3,
#mobile-kuaike .mobile-kuaike-content .mobile-jinli-strategy .mobile-jinli-strategy-text-body .mobile-jinli-strategy-text-content .mobile-jinli-strategy-text-body-content #tip4,
#mobile-kuaike .mobile-kuaike-content .mobile-jinli-strategy .mobile-jinli-strategy-text-body .mobile-jinli-strategy-text-content .mobile-jinli-strategy-text-body-content #tip5,
#mobile-kuaike .mobile-kuaike-content .mobile-jinli-strategy .mobile-jinli-strategy-text-body .mobile-jinli-strategy-text-content .mobile-jinli-strategy-text-body-content #tip6,
#mobile-kuaike .mobile-kuaike-content .mobile-jinli-strategy .mobile-jinli-strategy-text-body .mobile-jinli-strategy-text-content .mobile-jinli-strategy-text-body-content #tip7,
#mobile-kuaike .mobile-kuaike-content .mobile-jinli-strategy .mobile-jinli-strategy-text-body .mobile-jinli-strategy-text-content .mobile-jinli-strategy-text-body-content #tip8,
#mobile-kuaike .mobile-kuaike-content .mobile-jinli-strategy .mobile-jinli-strategy-text-body .mobile-jinli-strategy-text-content .mobile-jinli-strategy-text-body-content #tip9,
#mobile-kuaike .mobile-kuaike-content .mobile-jinli-strategy .mobile-jinli-strategy-text-body .mobile-jinli-strategy-text-content .mobile-jinli-strategy-text-body-content #tip10,
#mobile-kuaike .mobile-kuaike-content .mobile-jinli-strategy .mobile-jinli-strategy-text-body .mobile-jinli-strategy-text-content .mobile-jinli-strategy-text-body-content #tip11,
#mobile-kuaike .mobile-kuaike-content .mobile-jinli-strategy .mobile-jinli-strategy-text-body .mobile-jinli-strategy-text-content .mobile-jinli-strategy-text-body-content #tip12,
#mobile-kuaike .mobile-kuaike-content .mobile-jinli-strategy .mobile-jinli-strategy-text-body .mobile-jinli-strategy-text-content .mobile-jinli-strategy-text-body-content #tip13,
#mobile-kuaike .mobile-kuaike-content .mobile-jinli-strategy .mobile-jinli-strategy-text-body .mobile-jinli-strategy-text-content .mobile-jinli-strategy-text-body-content #tip14,
#mobile-kuaike .mobile-kuaike-content .mobile-jinli-strategy .mobile-jinli-strategy-text-body .mobile-jinli-strategy-text-content .mobile-jinli-strategy-text-body-content #p1,
#mobile-kuaike .mobile-kuaike-content .mobile-jinli-strategy .mobile-jinli-strategy-text-body .mobile-jinli-strategy-text-content .mobile-jinli-strategy-text-body-content #p2,
#mobile-kuaike .mobile-kuaike-content .mobile-jinli-strategy .mobile-jinli-strategy-text-body .mobile-jinli-strategy-text-content .mobile-jinli-strategy-text-body-content #p3 {
  font-family: SourceHanSansCN-;
  color: #BE2C08;
  font-size: 0.5625rem;
}

#mobile-kuaike .mobile-kuaike-content .mobile-jinli-strategy .mobile-jinli-strategy-text-body .mobile-jinli-strategy-text-content .mobile-jinli-strategy-text-body-content table,
#mobile-kuaike .mobile-kuaike-content .mobile-jinli-strategy .mobile-jinli-strategy-text-body .mobile-jinli-strategy-text-content .mobile-jinli-strategy-text-body-content table th,
#mobile-kuaike .mobile-kuaike-content .mobile-jinli-strategy .mobile-jinli-strategy-text-body .mobile-jinli-strategy-text-content .mobile-jinli-strategy-text-body-content table td {
  border: 1px solid white;
  border-spacing: 0;
}

#mobile-kuaike .mobile-kuaike-content .mobile-jinli-strategy .mobile-jinli-strategy-text-body .mobile-jinli-strategy-text-content .mobile-jinli-strategy-text-body-content table {
  width: 15.625rem;
}

#mobile-kuaike .mobile-kuaike-content .mobile-jinli-dlown {
  font-size: 0.6875rem;
  font-family: Source Han Sans CN;
  font-weight: bold;
  color: #fff;
  margin-top: 1.375rem;
  margin-bottom: 3.3125rem;
  text-align: center;
}

#mobile-kuaike .mobile-kuaike-instructions {
  width: 100%;
  position: relative;
  margin-bottom: 2.46875rem;
}

#mobile-kuaike .mobile-kuaike-instructions img {
  width: 19.28125rem;
  height: auto;
  display: block;
  margin: 0 auto;
}

#mobile-kuaike .mobile-kuaike-instructions .mobile-kuaike-instructions-text-box {
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  margin: auto;
  z-index: 99;
}

#mobile-kuaike .mobile-kuaike-instructions .mobile-kuaike-instructions-text-box .mobile-kuaike-text-instructions-content {
  margin: 1.21875rem auto 0;
  color: #FFFFFF;
}

#mobile-kuaike .mobile-kuaike-instructions .mobile-kuaike-instructions-text-box .mobile-kuaike-text-instructions-content .mobile-kuaike-instructions-text {
  line-height: 1rem;
  margin-bottom: 0.5rem;
  font-size: 0.75rem;
  font-family: Microsoft YaHei;
  font-weight: 300;
  text-align: center;
}

#mobile-kuaike .mobile-kuaike-one {
  width: 100%;
  position: relative;
}

#mobile-kuaike .mobile-kuaike-one img {
  width: 100%;
  height: auto;
}

#mobile-kuaike .mobile-kuaike-one .mobile-kuaike-one-text-box {
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  margin: auto;
  z-index: 99;
}

#mobile-kuaike .mobile-kuaike-one .mobile-kuaike-one-text-box .mobile-kuaike-text-one-content {
  margin: 3.1875rem 10.9vw 1.25rem;
  font-size: 0.75rem;
  font-family: Microsoft YaHei;
  font-weight: 300;
  color: #FFFFFF;
  line-height: 1.25rem;
  text-align: left;
}

#mobile-kuaike .mobile-kuaike-one .mobile-kuaike-one-text-box .mobile-kuaike-text-two-content {
  width: 13.625rem;
  height: 7.3125rem;
  margin: 0 auto .96875rem;
}

#mobile-kuaike .mobile-kuaike-one .mobile-kuaike-one-text-box .mobile-kuaike-text-two-content video {
  width: 100%;
  height: 100%;
  display: block;
}

#mobile-kuaike .text-weight-bold {
  font-weight: bold !important;
}

#mobile-kuaike .kuaike-proposition-card-bar {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  width: 100%;
  height: 1.5rem;
}

#mobile-kuaike .kuaike-proposition-card-bar img {
  width: 1.5rem;
  height: 0.375rem;
}

#mobile-kuaike .card {
  border: 1px solid #FAE5A4;
  border-radius: 0 !important;
}

#mobile-kuaike .card .kuaike-mobile-card-body {
  background-color: #fff;
}

#mobile-kuaike .card .kuaike-mobile-card-body .card-top-title {
  color: #000;
}

#mobile-kuaike .card .kuaike-mobile-card-body .kuaike-mobile-card-body-foot {
  padding: 0 0.625rem !important;
  line-height: 1.75rem;
  font-size: .5rem;
  color: #FDDDAF;
  border-bottom: 0;
}

.xyj-mobile-home-page {
  height: calc(100% - 2.5rem);
  width: 100%;
  position: relative;
}

.xyj-mobile-home-page .xyj-mobile-home-banner {
  width: 100%;
  height: 37vw;
}

.xyj-mobile-home-page .xyj-mobile-home-banner img {
  width: 100%;
  height: 100%;
}

.xyj-mobile-home-page .xyj-mobile-brand-banner {
  width: 100%;
  height: auto;
  position: relative;
}

.xyj-mobile-home-page .xyj-mobile-brand-banner img {
  width: 100%;
  height: auto;
  z-index: -1;
  top: 0;
  left: 0;
}

.xyj-mobile-home-page .xyj-mobile-home-box {
  background-color: #fff;
  width: 100%;
}

.xyj-mobile-home-page .xyj-mobile-home-box .xyj-mobile-home-proposition-box {
  padding-top: .9375rem;
}

.xyj-mobile-home-page .xyj-mobile-home-box .xyj-mobile-home-proposition-box .xyj-mobile-home-proposition-body {
  padding: 0 4vw;
}

.xyj-mobile-home-page .xyj-mobile-home-box .xyj-mobile-home-proposition-box .xyj-mobile-home-proposition-body .xyj-mobile-home-proposition-body-top {
  margin-bottom: .9375rem;
}

.xyj-mobile-home-page .xyj-mobile-home-box .xyj-mobile-home-proposition-box .xyj-mobile-home-proposition-body .xyj-mobile-home-proposition-body-title {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  margin-bottom: .875rem;
}

.xyj-mobile-home-page .xyj-mobile-home-box .xyj-mobile-home-proposition-box .xyj-mobile-home-proposition-body .xyj-mobile-home-proposition-body-title .xyj-mobile-home-proposition-body-title-text {
  font-size: .75rem;
  color: #000;
  line-height: .75rem;
}

.xyj-mobile-home-page .xyj-mobile-home-box .xyj-mobile-home-proposition-box .xyj-mobile-home-proposition-body .xyj-mobile-home-proposition-body-title .xyj-mobile-home-proposition-body-title-bar {
  width: 1px;
  height: .71875rem;
  margin: 0 .3125rem;
}

.xyj-mobile-home-page .xyj-mobile-home-box .xyj-mobile-home-proposition-box .xyj-mobile-home-proposition-body .xyj-mobile-home-proposition-body-title .proposition-title-bar-color-oning {
  background-color: #009844;
}

.xyj-mobile-home-page .xyj-mobile-home-box .xyj-mobile-home-proposition-box .xyj-mobile-home-proposition-body .xyj-mobile-home-proposition-body-title .proposition-title-bar-color-end {
  background-color: rgba(0, 0, 0, 0.2);
}

.xyj-mobile-home-page .xyj-mobile-home-box .xyj-mobile-home-proposition-box .xyj-mobile-home-proposition-body .xyj-mobile-home-proposition-body-title .xyj-mobile-home-proposition-body-title-img {
  height: 1.0625rem;
  width: auto;
  display: block;
}

.xyj-mobile-home-page .xyj-mobile-home-box .xyj-mobile-home-proposition-box .xyj-mobile-home-proposition-body .xyj-mobile-home-proposition-body-content {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
}

.xyj-mobile-home-page .xyj-mobile-home-box .xyj-mobile-home-proposition-box .xyj-mobile-home-proposition-body .xyj-mobile-home-proposition-body-content .xyj-mobile-home-propositio-body-content-item {
  width: 21.6vw;
  height: 16vw;
  margin-bottom: 1.8vw;
  margin-right: 1.8vw;
  padding: .15625rem 0;
  border: 1px solid #c3c3c3;
}

.xyj-mobile-home-page .xyj-mobile-home-box .xyj-mobile-home-proposition-box .xyj-mobile-home-proposition-body .xyj-mobile-home-proposition-body-content .xyj-mobile-home-propositio-body-content-item:nth-of-type(4n) {
  margin-right: 0 !important;
}

.xyj-mobile-home-page .xyj-mobile-home-box .xyj-mobile-home-proposition-box .xyj-mobile-home-proposition-body .xyj-mobile-home-proposition-body-content .xyj-mobile-home-propositio-body-content-item .xyj-mobile-home-propositio-body-content-item-title {
  font-size: 2.6vw;
  line-height: 2.6vw;
  text-align: center;
  margin-bottom: 1.3vw;
  font-weight: bold;
}

.xyj-mobile-home-page .xyj-mobile-home-box .xyj-mobile-home-proposition-box .xyj-mobile-home-proposition-body .xyj-mobile-home-proposition-body-content .xyj-mobile-home-propositio-body-content-item .xyj-mobile-home-propositio-body-content-item-img {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}

.xyj-mobile-home-page .xyj-mobile-home-box .xyj-mobile-home-proposition-box .xyj-mobile-home-proposition-body .xyj-mobile-home-proposition-body-content .xyj-mobile-home-propositio-body-content-item .xyj-mobile-home-propositio-body-content-item-img img {
  width: auto;
  height: 10.6vw;
}

.xyj-mobile-home-page .xyj-mobile-home-box .xyj-mobile-home-guidance-box {
  width: 100%;
  padding-top: 1.25rem;
}

.xyj-mobile-home-page .xyj-mobile-home-box .xyj-mobile-home-guidance-box .xyj-mobile-home-guidance-body {
  padding: 0 1rem;
  width: 100%;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}

.xyj-mobile-home-page .xyj-mobile-home-box .xyj-mobile-home-guidance-box .xyj-mobile-home-guidance-body .xyj-mobile-home-guidance-body-item {
  text-align: center;
}

.xyj-mobile-home-page .xyj-mobile-home-box .xyj-mobile-home-guidance-box .xyj-mobile-home-guidance-body .xyj-mobile-home-guidance-body-item .xyj-mobile-home-guidance-body-item-img {
  width: 4.0625rem;
  height: 4.0625rem;
  margin: 0 auto .40625rem;
  display: block;
}

.xyj-mobile-home-page .xyj-mobile-home-box .xyj-mobile-home-guidance-box .xyj-mobile-home-guidance-body .xyj-mobile-home-guidance-body-item .xyj-mobile-home-guidance-body-item-text {
  text-align: center;
  color: #000;
  font-size: .75rem;
}

.xyj-mobile-home-page .xyj-mobile-home-box .xyj-mobile-home-center-banner {
  width: 100%;
  padding-top: 1.25rem;
}

.xyj-mobile-home-page .xyj-mobile-home-box .xyj-mobile-home-center-banner .xyj-mobile-home-center-banner-first {
  width: 100%;
  height: auto;
  margin-bottom: .46875rem;
}

.xyj-mobile-home-page .xyj-mobile-home-box .xyj-mobile-home-center-banner .xyj-mobile-home-center-banner-second-box {
  padding: 0 1rem;
}

.xyj-mobile-home-page .xyj-mobile-home-box .xyj-mobile-home-center-banner .xyj-mobile-home-center-banner-second-box .xyj-mobile-home-center-banner-second-item {
  width: 100%;
  height: auto;
  margin-bottom: .3125rem;
}

.xyj-mobile-home-page .xyj-mobile-home-box .xyj-mobile-home-news-box {
  padding-top: 1.25rem;
}

.xyj-mobile-home-page .xyj-mobile-home-box .xyj-mobile-home-news-box .xyj-mobile-home-news-body {
  padding-bottom: 1.5rem;
  position: relative;
}

.xyj-mobile-home-page .xyj-mobile-home-box .xyj-mobile-home-news-box .xyj-mobile-home-news-body .xyj-mobile-home-news-first-item {
  padding: 0 1rem;
  margin-bottom: 1rem;
}

.xyj-mobile-home-page .xyj-mobile-home-box .xyj-mobile-home-news-box .xyj-mobile-home-news-body .xyj-mobile-home-news-first-item .xyj-mobile-home-news-first-item-title {
  margin-bottom: 1rem;
  font-size: .9375rem;
  color: #000;
  font-weight: 500;
  line-height: 1.09375rem;
  display: -webkit-box;
  overflow: hidden;
  text-overflow: ellipsis;
  word-wrap: break-word;
  white-space: normal !important;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
}

.xyj-mobile-home-page .xyj-mobile-home-box .xyj-mobile-home-news-box .xyj-mobile-home-news-body .xyj-mobile-home-news-first-item .xyj-mobile-home-news-first-item-img {
  width: 100%;
  height: auto;
  display: block;
  border-radius: .625rem;
}

.xyj-mobile-home-page .xyj-mobile-home-box .xyj-mobile-home-news-box .xyj-mobile-home-news-body .xyj-mobile-home-news-body-item-row {
  padding: 0 1rem;
  margin-bottom: .625rem;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}

.xyj-mobile-home-page .xyj-mobile-home-box .xyj-mobile-home-news-box .xyj-mobile-home-news-body .xyj-mobile-home-news-body-item-row .xyj-mobile-home-news-body-item-left-img {
  width: 100%;
  height: 6rem;
  display: block;
}

.xyj-mobile-home-page .xyj-mobile-home-box .xyj-mobile-home-news-box .xyj-mobile-home-news-body .xyj-mobile-home-news-body-item-row .xyj-mobile-home-news-body-item-right-text {
  font-size: .9375rem;
  color: #000;
  font-weight: 500;
  line-height: 1.09375rem;
  display: -webkit-box;
  overflow: hidden;
  text-overflow: ellipsis;
  word-wrap: break-word;
  white-space: normal !important;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
}

.xyj-mobile-home-page .xyj-mobile-home-box .xyj-mobile-home-news-box .xyj-mobile-home-news-body .xyj-mobile-home-news-body-item-row .xyj-mobile-home-news-body-item-right-line {
  height: 0.0625rem;
  background: #c4c4c4;
  margin-top: 0.625rem;
}

.xyj-mobile-home-page .xyj-mobile-home-box .xyj-mobile-home-news-box .xyj-mobile-home-news-body .xyj-mobile-home-news-body-more {
  position: absolute;
  left: 0;
  bottom: 0;
  width: 100%;
  height: 4.6875rem;
  background: -webkit-gradient(linear, left bottom, left top, from(#FFFFFF), to(rgba(255, 255, 255, 0.2)));
  background: linear-gradient(0deg, #FFFFFF 0%, rgba(255, 255, 255, 0.2) 100%);
}

.xyj-mobile-home-page .xyj-mobile-home-box .xyj-mobile-home-news-box .xyj-mobile-home-news-body .xyj-mobile-home-news-body-more .xyj-mobile-home-news-body-more-text {
  width: 100%;
  height: 2.125rem;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  position: absolute;
  left: 0;
  bottom: 0;
  color: #000;
  font-size: .75rem;
}

.xyj-mobile-home-page .xyj-mobile-home-box .xyj-mobile-home-news-box .xyj-mobile-home-news-body .xyj-mobile-home-news-body-more .xyj-mobile-home-news-body-more-text .xyj-mobile-home-news-body-more-text-img {
  width: 14px;
  height: 14px;
  margin-left: .1875rem;
}

.xyj-mobile-home-page .xyj-mobile-home-box .xyj-mobile-home-introduced-box {
  padding-top: 1.625rem;
}

.xyj-mobile-home-page .xyj-mobile-home-box .xyj-mobile-home-introduced-box .xyj-mobile-home-introduced-body .xyj-mobile-home-introduced-body-title {
  width: 100%;
  text-align: center;
  font-size: .84375rem;
  color: #000;
  line-height: .84375rem;
  margin-bottom: .34375rem;
}

.xyj-mobile-home-page .xyj-mobile-home-box .xyj-mobile-home-introduced-box .xyj-mobile-home-introduced-body .xyj-mobile-home-introduced-body-content {
  margin: 0 1rem;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  padding: .625rem .5625rem;
}

.xyj-mobile-home-page .xyj-mobile-home-box .xyj-mobile-home-introduced-box .xyj-mobile-home-introduced-body .xyj-mobile-home-introduced-body-content img {
  max-width: 100%;
}

.xyj-mobile-home-page .xyj-mobile-home-box .xyj-mobile-home-judges-box {
  padding-top: 1.25rem;
}

.xyj-mobile-home-page .xyj-mobile-home-box .xyj-mobile-home-judges-box .xyj-mobile-home-judges-body {
  margin-top: .34375rem;
}

.xyj-mobile-home-page .xyj-mobile-home-box .xyj-mobile-home-judges-box .xyj-mobile-home-judges-body .xyj-mobile-home-judges-body-title {
  font-size: .75rem;
  line-height: .75rem;
  text-align: center;
  margin-bottom: 1.25rem;
}

.xyj-mobile-home-page .xyj-mobile-home-box .xyj-mobile-home-judges-box .xyj-mobile-home-judges-body .xyj-mobile-home-judges-body-item-row {
  padding: 0 4.26vw;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
}

.xyj-mobile-home-page .xyj-mobile-home-box .xyj-mobile-home-judges-box .xyj-mobile-home-judges-body .xyj-mobile-home-judges-body-item-row .xyj-mobile-home-judges-body-item {
  width: 26.6vw;
  margin-right: 5.6vw;
  margin-bottom: .84375rem;
}

.xyj-mobile-home-page .xyj-mobile-home-box .xyj-mobile-home-judges-box .xyj-mobile-home-judges-body .xyj-mobile-home-judges-body-item-row .xyj-mobile-home-judges-body-item:nth-of-type(3n) {
  margin-right: 0 !important;
}

.xyj-mobile-home-page .xyj-mobile-home-box .xyj-mobile-home-judges-box .xyj-mobile-home-judges-body .xyj-mobile-home-judges-body-item-row .xyj-mobile-home-judges-body-item .xyj-mobile-home-judges-body-item-img {
  width: 26.6vw;
  height: 26.6vw;
  margin-bottom: .5rem;
  border-radius: 100%;
  border: .1875rem solid #03fbfe;
}

.xyj-mobile-home-page .xyj-mobile-home-box .xyj-mobile-home-judges-box .xyj-mobile-home-judges-body .xyj-mobile-home-judges-body-item-row .xyj-mobile-home-judges-body-item .xyj-mobile-home-judges-body-item-name {
  font-size: .75rem;
  font-family: Microsoft YaHei;
  font-weight: bold;
  color: #000000;
  line-height: .75rem;
  text-align: center;
  margin-bottom: .25rem;
}

.xyj-mobile-home-page .xyj-mobile-home-box .xyj-mobile-home-judges-box .xyj-mobile-home-judges-body .xyj-mobile-home-judges-body-item-row .xyj-mobile-home-judges-body-item .xyj-mobile-home-judges-body-item-job {
  font-size: .4375rem;
  font-family: Microsoft YaHei;
  font-weight: 400;
  text-align: center;
  line-height: .875rem;
  display: -webkit-box;
  overflow: hidden;
  text-overflow: ellipsis;
  word-wrap: break-word;
  white-space: normal !important;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
}

.xyj-mobile-home-page .xyj-mobile-home-box .xyj-mobile-home-strategy-box {
  padding: 4.26vw 1rem;
}

.xyj-mobile-home-page .xyj-mobile-home-box .xyj-mobile-home-strategy-box .xyj-mobile-home-strategy-title {
  color: #EB2D90;
  font-size: .75rem;
  line-height: .75rem;
  text-align: center;
  margin-bottom: .75rem;
}

.xyj-mobile-home-page .xyj-mobile-home-box .xyj-mobile-home-strategy-box .xyj-mobile-home-strategy-body {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
}

.xyj-mobile-home-page .xyj-mobile-home-box .xyj-mobile-home-strategy-box .xyj-mobile-home-strategy-body .xyj-mobile-home-strategy-item {
  margin-bottom: .625rem;
}

.xyj-mobile-home-page .xyj-mobile-home-box .xyj-mobile-home-strategy-box .xyj-mobile-home-strategy-body .xyj-mobile-home-strategy-item:nth-of-type(2n) {
  margin-right: 0 !important;
}

.xyj-mobile-home-page .xyj-mobile-home-box .xyj-mobile-home-strategy-box .xyj-mobile-home-strategy-body .xyj-mobile-home-strategy-item .xyj-mobile-home-strategy-item-img {
  width: 100%;
  height: 32.5vw;
  border: .00625rem solid #ccc;
  display: block;
  margin-bottom: .375rem;
}

.xyj-mobile-home-page .xyj-mobile-home-box .xyj-mobile-home-strategy-box .xyj-mobile-home-strategy-body .xyj-mobile-home-strategy-item .xyj-mobile-home-strategy-item-title {
  font-size: .75rem;
  color: #000;
  line-height: 1rem;
  font-family: Microsoft YaHei;
  font-weight: 400;
  line-height: .875rem;
  display: -webkit-box;
  overflow: hidden;
  text-overflow: ellipsis;
  word-wrap: break-word;
  white-space: normal !important;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
}

.xyj-mobile-home-page .xyj-mobile-home-box .xyj-mobile-brand-body {
  padding: 0 1rem;
}

.xyj-mobile-home-page .xyj-mobile-home-box .xyj-mobile-brand-body .xyj-mobile-brand-body-item {
  border-bottom: 1px solid #eee;
  padding: .84375rem 0;
}

.xyj-mobile-home-page .xyj-mobile-home-box .xyj-mobile-brand-body .xyj-mobile-brand-body-item .xyj-mobile-brand-body-item-title {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  margin-bottom: .625rem;
  color: #000;
  font-size: .9375rem;
  line-height: .9375rem;
}

.xyj-mobile-home-page .xyj-mobile-home-box .xyj-mobile-brand-body .xyj-mobile-brand-body-item .xyj-mobile-brand-body-item-title .xyj-mobile-brand-body-item-title-right-text {
  overflow: hidden;
  text-overflow: ellipsis;
  word-wrap: break-word;
  white-space: nowrap;
}

.xyj-mobile-home-page .xyj-mobile-home-box .xyj-mobile-brand-body .xyj-mobile-brand-body-item .xyj-mobile-brand-body-item-title .xyj-mobile-brand-body-item-title-left-bar {
  width: .1875rem;
  height: .9375rem;
  border-radius: .078125rem;
  background-color: #077DFF;
  margin-right: .34375rem;
}

.xyj-mobile-home-page .xyj-mobile-home-box .xyj-mobile-brand-body .xyj-mobile-brand-body-item .xyj-mobile-brand-body-item-img {
  width: 100%;
  height: auto;
  border-radius: .625rem;
  display: block;
  border: .0625rem solid #eee;
}

.xyj-mobile-home-page .xyj-mobile-home-box .xyj-mobile-branditem-body {
  padding: 1.25rem 1rem;
}

.xyj-mobile-home-page .xyj-mobile-home-box .xyj-mobile-branditem-body .xyj-mobile-branditem-body-title {
  margin-bottom: .875rem;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}

.xyj-mobile-home-page .xyj-mobile-home-box .xyj-mobile-branditem-body .xyj-mobile-branditem-body-title .xyj-mobile-branditem-body-title-left-bar {
  width: .1875rem;
  height: .9375rem;
  border-radius: .078125rem;
  margin-right: .3125rem;
  background-color: #077DFF;
}

.xyj-mobile-home-page .xyj-mobile-home-box .xyj-mobile-branditem-body .xyj-mobile-branditem-body-title .xyj-mobile-branditem-body-title-right-box {
  position: relative;
  font-size: .9375rem;
  line-height: .9375rem;
  color: #000;
  font-weight: bold;
}

.xyj-mobile-home-page .xyj-mobile-home-box .xyj-mobile-branditem-body .xyj-mobile-branditem-body-title .xyj-mobile-branditem-body-title-right-box span {
  position: relative;
  z-index: 2;
}

.xyj-mobile-home-page .xyj-mobile-home-box .xyj-mobile-branditem-body .xyj-mobile-branditem-body-title .xyj-mobile-branditem-body-title-right-box .xyj-mobile-branditem-body-title-right-img {
  position: absolute;
  top: .25rem;
  left: -.125rem;
  width: 4.28125rem;
  height: .9375rem;
  z-index: 1;
}

.xyj-mobile-home-page .xyj-mobile-home-box .xyj-mobile-branditem-body .xyj-mobile-branditem-news-body {
  padding-bottom: 1.5rem;
  position: relative;
  margin-bottom: .8125rem;
}

.xyj-mobile-home-page .xyj-mobile-home-box .xyj-mobile-branditem-body .xyj-mobile-branditem-news-body .xyj-mobile-branditem-news-first-item {
  padding: 0 1rem;
  margin-bottom: 1rem;
}

.xyj-mobile-home-page .xyj-mobile-home-box .xyj-mobile-branditem-body .xyj-mobile-branditem-news-body .xyj-mobile-branditem-news-first-item .xyj-mobile-branditem-news-first-item-title {
  margin-bottom: 1rem;
  font-size: .9375rem;
  color: #000;
  font-weight: 500;
  line-height: 1.09375rem;
  display: -webkit-box;
  overflow: hidden;
  text-overflow: ellipsis;
  word-wrap: break-word;
  white-space: normal !important;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
}

.xyj-mobile-home-page .xyj-mobile-home-box .xyj-mobile-branditem-body .xyj-mobile-branditem-news-body .xyj-mobile-branditem-news-first-item .xyj-mobile-branditem-news-first-item-img {
  width: 100%;
  height: auto;
  display: block;
  border-radius: .625rem;
}

.xyj-mobile-home-page .xyj-mobile-home-box .xyj-mobile-branditem-body .xyj-mobile-branditem-news-body .xyj-mobile-branditem-news-body-item-row {
  padding: 0 1rem;
  margin-bottom: .625rem;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}

.xyj-mobile-home-page .xyj-mobile-home-box .xyj-mobile-branditem-body .xyj-mobile-branditem-news-body .xyj-mobile-branditem-news-body-item-row .xyj-mobile-branditem-news-body-item-left-img {
  width: 6.09375rem;
  height: 4.51875rem;
  margin-right: .9375rem;
  border-radius: .46875rem;
  display: block;
}

.xyj-mobile-home-page .xyj-mobile-home-box .xyj-mobile-branditem-body .xyj-mobile-branditem-news-body .xyj-mobile-branditem-news-body-item-row .xyj-mobile-branditem-news-body-item-right-text {
  font-size: .9375rem;
  color: #000;
  font-weight: 500;
  line-height: 1.09375rem;
  width: calc(100% - 7.03125rem);
  display: -webkit-box;
  overflow: hidden;
  text-overflow: ellipsis;
  word-wrap: break-word;
  white-space: normal !important;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
}

.xyj-mobile-home-page .xyj-mobile-home-box .xyj-mobile-branditem-body .xyj-mobile-branditem-news-body .xyj-mobile-branditem-news-body-more {
  position: absolute;
  left: 0;
  bottom: 0;
  width: 100%;
  height: 4.6875rem;
  background: -webkit-gradient(linear, left bottom, left top, from(#FFFFFF), to(rgba(255, 255, 255, 0.2)));
  background: linear-gradient(0deg, #FFFFFF 0%, rgba(255, 255, 255, 0.2) 100%);
}

.xyj-mobile-home-page .xyj-mobile-home-box .xyj-mobile-branditem-body .xyj-mobile-branditem-news-body .xyj-mobile-branditem-news-body-more .xyj-mobile-branditem-news-body-more-text {
  width: 100%;
  height: 2.125rem;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  position: absolute;
  left: 0;
  bottom: 0;
  color: #000;
  font-size: .75rem;
}

.xyj-mobile-home-page .xyj-mobile-home-box .xyj-mobile-branditem-body .xyj-mobile-branditem-news-body .xyj-mobile-branditem-news-body-more .xyj-mobile-branditem-news-body-more-text .xyj-mobile-branditem-news-body-more-text-img {
  width: 14px;
  height: 14px;
  margin-left: .1875rem;
}

.xyj-mobile-home-page .xyj-mobile-home-box .xyj-mobile-branditem-body .xyj-mobile-branditem-tv-body {
  margin-bottom: .8125rem;
}

.xyj-mobile-home-page .xyj-mobile-home-box .xyj-mobile-branditem-body .xyj-mobile-branditem-tv-body .swiper-xyj-mobile-branditem-tv .swiper-xyj-mobile-branditem-tv-video {
  width: 100%;
  height: 48vw;
  border-radius: .625rem;
}

.xyj-mobile-home-page .xyj-mobile-home-box .xyj-mobile-branditem-body .xyj-mobile-branditem-tv-body .swiper-xyj-mobile-branditem-tv .swiper-xyj-mobile-branditem-tv-play-img {
  width: 7rem;
  height: 7rem;
  display: block;
  position: absolute;
  left: 0;
  right: 0;
  bottom: 0;
  top: 0;
  margin: auto;
}

.xyj-mobile-home-page .xyj-mobile-home-box .xyj-mobile-branditem-body .xyj-mobile-branditem-works-body .xyj-mobile-branditem-creative-transverse-box {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}

.xyj-mobile-home-page .xyj-mobile-home-box .xyj-mobile-branditem-body .xyj-mobile-branditem-works-body .xyj-mobile-branditem-creative-transverse-box .xyj-mobile-branditem-creative-transverse-left {
  width: 50%;
  padding-right: 0.234375rem;
  height: 100%;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}

.xyj-mobile-home-page .xyj-mobile-home-box .xyj-mobile-branditem-body .xyj-mobile-branditem-works-body .xyj-mobile-branditem-creative-transverse-box .xyj-mobile-branditem-creative-transverse-right {
  padding-left: 0.234375rem;
  width: 50%;
  height: 100%;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}

.xyj-mobile-home-page .xyj-mobile-home-box .xyj-mobile-branditem-body .xyj-mobile-branditem-works-body .xyj-mobile-branditem-creative-transverse-box .xyj-mobile-branditem-creative-transverse-card {
  width: 100%;
  height: auto;
  margin-bottom: 0.46875rem;
  -webkit-box-shadow: 0px 0px 0.3125rem 0px rgba(0, 0, 0, 0.08);
          box-shadow: 0px 0px 0.3125rem 0px rgba(0, 0, 0, 0.08);
  border-radius: 0.46875rem;
  position: relative;
}

.xyj-mobile-home-page .xyj-mobile-home-box .xyj-mobile-branditem-body .xyj-mobile-branditem-works-body .xyj-mobile-branditem-creative-transverse-box .xyj-mobile-branditem-creative-transverse-card:last-of-type {
  margin-bottom: 0 !important;
}

.xyj-mobile-home-page .xyj-mobile-home-box .xyj-mobile-branditem-body .xyj-mobile-branditem-works-body .xyj-mobile-branditem-creative-transverse-box .xyj-mobile-branditem-creative-transverse-card .xyj-mobile-branditem-creative-transverse-img {
  width: 100%;
  height: 100%;
  border-top-left-radius: 0.46875rem;
  border-top-right-radius: 0.46875rem;
}

.xyj-mobile-home-page .xyj-mobile-home-box .xyj-mobile-branditem-body .xyj-mobile-branditem-works-body .xyj-mobile-branditem-creative-transverse-box .xyj-mobile-branditem-creative-transverse-card .xyj-mobile-branditem-creative-transverse-body {
  padding: 0.625rem;
}

.xyj-mobile-home-page .xyj-mobile-home-box .xyj-mobile-branditem-body .xyj-mobile-branditem-works-body .xyj-mobile-branditem-creative-transverse-box .xyj-mobile-branditem-creative-transverse-card .xyj-mobile-branditem-creative-transverse-body .xyj-mobile-branditem-creative-transverse-title {
  margin-bottom: 0.625rem;
  width: 100%;
  color: #202020;
  font-size: 0.875rem;
  line-height: 1.3;
  display: -webkit-box;
  overflow: hidden;
  text-overflow: ellipsis;
  word-wrap: break-word;
  white-space: normal !important;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
}

.xyj-mobile-home-page .xyj-mobile-home-box .xyj-mobile-branditem-body .xyj-mobile-branditem-works-body .xyj-mobile-branditem-creative-transverse-box .xyj-mobile-branditem-creative-transverse-card .xyj-mobile-branditem-creative-transverse-body .xyj-mobile-branditem-creative-transverse-subTitle {
  width: 100%;
  color: #999;
  font-size: 0.625rem;
  line-height: 1.3;
  margin-bottom: 0.9375rem;
  display: -webkit-box;
  overflow: hidden;
  text-overflow: ellipsis;
  word-wrap: break-word;
  white-space: normal !important;
  -webkit-line-clamp: 3;
  -webkit-box-orient: vertical;
}

.xyj-mobile-home-page .xyj-mobile-home-box .xyj-mobile-branditem-body .xyj-mobile-branditem-works-body .xyj-mobile-branditem-creative-transverse-box .xyj-mobile-branditem-creative-transverse-card .xyj-mobile-branditem-creative-transverse-body .xyj-mobile-branditem-creative-transverse-name {
  color: #999;
  width: 100%;
  font-size: 0.625rem;
  line-height: 1.3;
}

.xyj-mobile-home-page .xyj-mobile-home-box .xyj-mobile-branditem-body .xyj-mobile-branditem-works-body .xyj-mobile-branditem-creative-transverse-box .xyj-mobile-branditem-creative-transverse-card .xyj-mobile-branditem-creative-transverse-bottom {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  color: #999;
  padding-top: .625rem;
  padding-bottom: .3125rem;
  border-top: 1px solid #E5E5E5;
}

.xyj-mobile-home-page .xyj-mobile-home-box .xyj-mobile-branditem-body .xyj-mobile-branditem-works-body .xyj-mobile-branditem-creative-transverse-box .xyj-mobile-branditem-creative-transverse-card .xyj-mobile-branditem-creative-transverse-bottom .xyj-mobile-branditem-creative-transverse-bottom-center {
  padding: 0 .625rem;
  font-size: .625rem;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: end;
      -ms-flex-pack: end;
          justify-content: flex-end;
  width: 100%;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  color: #c4c4c4;
}

.xyj-mobile-home-page .xyj-mobile-home-box .xyj-mobile-branditem-body .xyj-mobile-branditem-works-body .xyj-mobile-branditem-creative-transverse-box .xyj-mobile-branditem-creative-transverse-card .xyj-mobile-branditem-creative-transverse-bottom .xyj-mobile-branditem-creative-transverse-bottom-center img {
  width: 1.25rem;
  height: 1.25rem;
}

.xyj-mobile-home-page .xyj-mobile-home-box .xyj-mobile-branditem-body .xyj-mobile-branditem-works-body .xyj-mobile-branditem-creative-transverse-box .xyj-mobile-branditem-creative-transverse-card .work-text-background {
  width: 100%;
  height: 14.375rem;
  background-color: #2193e9;
  display: -ms-flexbox;
  display: -webkit-box;
  display: flex;
  -ms-flex-align: center;
  -webkit-box-align: center;
          align-items: center;
  background-size: 100% 100%;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  padding: 1.25rem 2.1875rem 1.875rem 1.25rem;
}

.xyj-mobile-home-page .xyj-mobile-home-box .xyj-mobile-branditem-body .xyj-mobile-branditem-works-body .xyj-mobile-branditem-creative-transverse-box .xyj-mobile-branditem-creative-transverse-card .work-text-background .work-text-word {
  display: -webkit-box;
  overflow: hidden;
  text-overflow: ellipsis;
  word-wrap: break-word;
  white-space: pre-wrap;
  white-space: -moz-pre-wrap;
  white-space: -o-pre-wrap;
  -webkit-line-clamp: 7;
  -webkit-box-orient: vertical;
  font-size: 0.9375rem;
  color: #fff;
  font-family: '\5B8B\4F53';
}

.xyj-mobile-home-page .xyj-mobile-home-box .xyj-mobile-policy-body {
  padding: 1.25rem 1rem;
}

.xyj-mobile-home-page .xyj-mobile-home-box .xyj-mobile-policy-body .xyj-mobile-policy-download-btn {
  width: 8.59375rem;
  height: 2.0625rem;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  background-color: #00B7EE;
  font-size: .75rem;
  line-height: .75rem;
  border-radius: .9375rem;
  color: #fff;
  margin: 0 auto 1rem;
}

.xyj-mobile-home-page .xyj-mobile-home-box .xyj-mobile-policy-body .xyj-mobile-policy-download-btn img {
  width: .75rem;
  height: .75rem;
  margin-left: .3125rem;
  display: block;
}

.xyj-mobile-home-page .xyj-mobile-home-box .xyj-mobile-policy-body .xyj-mobile-policy-body-content {
  padding: .9375rem 0 1.25rem;
}

.xyj-mobile-home-page .xyj-mobile-home-box .xyj-mobile-policy-body .xyj-mobile-policy-body-content .xyj-mobile-policy-title-box {
  width: 100%;
  height: auto;
  position: relative;
}

.xyj-mobile-home-page .xyj-mobile-home-box .xyj-mobile-policy-body .xyj-mobile-policy-body-content .xyj-mobile-policy-title-box .xyj-mobile-policy-title-banner {
  width: 100%;
  height: 2.03125rem;
}

.xyj-mobile-home-page .xyj-mobile-home-box .xyj-mobile-policy-body .xyj-mobile-policy-body-content .xyj-mobile-policy-title-box .xyj-mobile-policy-title-text-body {
  height: 100%;
  width: 100%;
  position: absolute;
  left: 0;
  top: 0;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  padding: 0 .625rem;
  color: #fff;
  font-size: .9375rem;
  font-family: Microsoft YaHei;
  font-weight: 400;
  line-height: .9375rem;
}

.xyj-mobile-home-page .xyj-mobile-home-box .xyj-mobile-policy-body .xyj-mobile-policy-body-content .xyj-mobile-policy-title-box .xyj-mobile-policy-title-text-body img {
  margin-right: .46875rem;
  width: 1.1875rem;
  height: auto;
}

.xyj-mobile-home-page .xyj-mobile-home-box .xyj-mobile-policy-body .xyj-mobile-policy-body-content .xyj-mobile-policy-content-box {
  padding: .625rem 0 1.25rem;
  font-size: .5rem;
  color: #666;
}

.xyj-mobile-home-page .xyj-mobile-home-box .xyj-mobile-policy-body .xyj-mobile-policy-body-content img {
  max-width: 100%;
}

.xyj-mobile-home-page .cube-scroll-nav-bar {
  height: 2.5rem;
}

.xyj-mobile-home-page .cube-scroll-nav-bar .cube-scroll-wrapper .cube-scroll-content {
  height: 100%;
}

.xyj-mobile-home-page .cube-scroll-nav-bar .cube-scroll-wrapper .cube-scroll-content .cube-scroll-list-wrapper {
  height: 100%;
}

.xyj-mobile-home-page .cube-scroll-nav-bar .cube-scroll-wrapper .cube-scroll-content .cube-scroll-list-wrapper .cube-scroll-nav-bar-items {
  height: 100%;
  font-size: 1.125rem;
  color: #000;
  font-weight: bold;
}

.xyj-mobile-home-page .cube-scroll-nav-bar .cube-scroll-wrapper .cube-scroll-content .cube-scroll-list-wrapper .cube-scroll-nav-bar-items .cube-scroll-nav-bar-item {
  padding: 0 0.5rem;
  height: 100%;
}

.xyj-mobile-home-page .cube-scroll-nav-bar .cube-scroll-wrapper .cube-scroll-content .cube-scroll-list-wrapper .cube-scroll-nav-bar-items .cube-scroll-nav-bar-item span {
  height: 100%;
  padding: 0.5rem;
  display: block;
  line-height: 1.125rem;
}

.xyj-mobile-home-page .cube-scroll-nav-bar .cube-scroll-wrapper .cube-scroll-content .cube-scroll-list-wrapper .cube-scroll-nav-bar-items .cube-scroll-nav-bar-item_active {
  color: #000 !important;
}

.xyj-mobile-home-page .cube-scroll-nav-bar .cube-scroll-wrapper .cube-scroll-content .cube-scroll-list-wrapper .cube-scroll-nav-bar-items .cube-scroll-nav-bar-item_active span {
  border-bottom: 0.15625rem solid #FFD997;
}

.xyj-mobile-home-page .xyj-mobile-nav-box-pos {
  position: absolute !important;
  top: 42.5vw !important;
}

.xyj-mobile-home-page .xyj-mobile-nav-box {
  position: fixed;
  top: 2.5rem;
  left: 0;
  z-index: 99;
  width: 100%;
  height: 2.5rem;
  border-bottom: 0.2px solid #f4f4f4;
  background-color: #fff;
}

.xyj-mobile-home-page .xyj-mobile-nav-box .cube-scroll-content {
  display: inline-block;
}

.xyj-mobile-home-page .xyj-mobile-nav-box .xyj-mobile-nav-body {
  height: 2.5rem;
  white-space: nowrap;
}

.xyj-mobile-home-page .xyj-mobile-nav-box .xyj-mobile-nav-body .xyj-mobile-nav-body-item {
  margin: 0 1.25rem;
  line-height: 2.3rem;
  color: #000;
  display: inline-block;
  font-size: 1.125rem;
}

.xyj-mobile-home-page .xyj-mobile-nav-box .xyj-mobile-nav-body .xyj-mobile-nav-body-item-select {
  border-bottom: 0.15625rem solid #FFD997;
}

.xyj-mobile-title-box {
  width: 100%;
  height: auto;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  margin-bottom: .75rem;
}

.xyj-mobile-title-box .xyj-mobile-title-text {
  font-size: 1.25rem;
  font-family: Microsoft YaHei;
  font-weight: bold;
  color: #EB2D90;
  line-height: 1.25rem;
  margin: 0 .9375rem;
}

.xyj-mobile-title-box .xyj-mobile-title-img {
  width: 1.375rem;
  height: .40625rem;
}

.xyj-mobile-subtitle {
  text-align: center;
  margin-top: .25rem;
  margin-bottom: .75rem;
  font-size: .5rem;
  color: #EB2D90;
  font-family: Microsoft YaHei;
  font-weight: 400;
  line-height: .5rem;
}

.cqc-mobile-home-page {
  height: 100%;
  width: 100%;
  position: relative;
}

.cqc-mobile-home-page .cqc-mobile-home-banner {
  width: 100%;
  position: relative;
  height: 35.7vw;
}

.cqc-mobile-home-page .cqc-mobile-home-banner .cqc-mobile-home-banner-img {
  width: 100%;
  height: 100%;
}

.cqc-mobile-home-page .cqc-mobile-home-banner .cqc-mobile-home-header {
  height: 2.5rem;
  width: 100%;
  background-color: rgba(0, 0, 0, 0.57);
  position: absolute;
  top: 0;
  left: 0;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}

.cqc-mobile-home-page .cqc-mobile-home-banner .cqc-mobile-home-header .cqc-mobile-home-cyxqlogo {
  width: 2.625rem;
  height: 1rem;
  display: block;
  margin: 0 9.07vw 0 3.87vw;
}

.cqc-mobile-home-page .cqc-mobile-home-banner .cqc-mobile-home-header .cqc-mobile-home-cqclogo {
  width: 2.4375rem;
  height: 1.375rem;
  display: block;
}

.cqc-mobile-home-page .cqc-mobile-home-box {
  background-color: #fff;
}

.cqc-mobile-home-page .cqc-mobile-home-box .cqc-mobile-home-company-box {
  padding-top: 5.2vw;
}

.cqc-mobile-home-page .cqc-mobile-home-box .cqc-mobile-home-company-box .cqc-mobile-home-company-body {
  padding: 0 4vw;
}

.cqc-mobile-home-page .cqc-mobile-home-box .cqc-mobile-home-company-box .cqc-mobile-home-company-body .cqc-mobile-home-proposition-body-top {
  margin-bottom: .9375rem;
}

.cqc-mobile-home-page .cqc-mobile-home-box .cqc-mobile-home-company-box .cqc-mobile-home-company-body .cqc-mobile-home-proposition-body-title {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  margin-bottom: .875rem;
}

.cqc-mobile-home-page .cqc-mobile-home-box .cqc-mobile-home-company-box .cqc-mobile-home-company-body .cqc-mobile-home-proposition-body-title .cqc-mobile-home-proposition-body-title-text {
  font-size: .75rem;
  color: #000;
  line-height: .75rem;
}

.cqc-mobile-home-page .cqc-mobile-home-box .cqc-mobile-home-company-box .cqc-mobile-home-company-body .cqc-mobile-home-proposition-body-title .cqc-mobile-home-proposition-body-title-bar {
  width: 1px;
  height: .71875rem;
  margin: 0 .3125rem;
}

.cqc-mobile-home-page .cqc-mobile-home-box .cqc-mobile-home-company-box .cqc-mobile-home-company-body .cqc-mobile-home-proposition-body-title .proposition-title-bar-color-oning {
  background-color: #009844;
}

.cqc-mobile-home-page .cqc-mobile-home-box .cqc-mobile-home-company-box .cqc-mobile-home-company-body .cqc-mobile-home-proposition-body-title .proposition-title-bar-color-end {
  background-color: rgba(0, 0, 0, 0.2);
}

.cqc-mobile-home-page .cqc-mobile-home-box .cqc-mobile-home-company-box .cqc-mobile-home-company-body .cqc-mobile-home-proposition-body-title .cqc-mobile-home-proposition-body-title-img {
  height: 1.0625rem;
  width: auto;
  display: block;
}

.cqc-mobile-home-page .cqc-mobile-home-box .cqc-mobile-home-company-box .cqc-mobile-home-company-body .cqc-mobile-home-proposition-body-content {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
}

.cqc-mobile-home-page .cqc-mobile-home-box .cqc-mobile-home-company-box .cqc-mobile-home-company-body .cqc-mobile-home-proposition-body-content .cqc-mobile-home-propositio-body-content-item {
  width: 21.6vw;
  height: 16vw;
  margin-bottom: 1.8vw;
  margin-right: 1.8vw;
  padding: .15625rem 0;
  border: 1px solid #c3c3c3;
}

.cqc-mobile-home-page .cqc-mobile-home-box .cqc-mobile-home-company-box .cqc-mobile-home-company-body .cqc-mobile-home-proposition-body-content .cqc-mobile-home-propositio-body-content-item:nth-of-type(4n) {
  margin-right: 0 !important;
}

.cqc-mobile-home-page .cqc-mobile-home-box .cqc-mobile-home-company-box .cqc-mobile-home-company-body .cqc-mobile-home-proposition-body-content .cqc-mobile-home-propositio-body-content-item .cqc-mobile-home-propositio-body-content-item-title {
  font-size: 2.6vw;
  line-height: 2.6vw;
  text-align: center;
  margin-bottom: 1.3vw;
  font-weight: bold;
}

.cqc-mobile-home-page .cqc-mobile-home-box .cqc-mobile-home-company-box .cqc-mobile-home-company-body .cqc-mobile-home-proposition-body-content .cqc-mobile-home-propositio-body-content-item .cqc-mobile-home-propositio-body-content-item-img {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}

.cqc-mobile-home-page .cqc-mobile-home-box .cqc-mobile-home-company-box .cqc-mobile-home-company-body .cqc-mobile-home-proposition-body-content .cqc-mobile-home-propositio-body-content-item .cqc-mobile-home-propositio-body-content-item-img img {
  width: auto;
  height: 10.6vw;
}

.cqc-mobile-home-page .cqc-mobile-home-box .cqc-mobile-home-guidance-box {
  width: 100%;
  padding-top: 5.3vw;
}

.cqc-mobile-home-page .cqc-mobile-home-box .cqc-mobile-home-guidance-box .cqc-mobile-home-guidance-body {
  padding: 0 4.2vw;
  width: 100%;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}

.cqc-mobile-home-page .cqc-mobile-home-box .cqc-mobile-home-guidance-box .cqc-mobile-home-guidance-body .cqc-mobile-home-guidance-body-item {
  text-align: center;
}

.cqc-mobile-home-page .cqc-mobile-home-box .cqc-mobile-home-guidance-box .cqc-mobile-home-guidance-body .cqc-mobile-home-guidance-body-item .cqc-mobile-home-guidance-body-item-img {
  width: 17.3vw;
  height: 17.3vw;
  margin: 0 auto 1.73vw;
  display: block;
}

.cqc-mobile-home-page .cqc-mobile-home-box .cqc-mobile-home-guidance-box .cqc-mobile-home-guidance-body .cqc-mobile-home-guidance-body-item .cqc-mobile-home-guidance-body-item-text {
  text-align: center;
  color: #000;
  font-size: 3.2vw;
}

.cqc-mobile-home-page .cqc-mobile-home-box .cqc-mobile-home-planning-box {
  padding-top: 7.2vw;
}

.cqc-mobile-home-page .cqc-mobile-home-box .cqc-mobile-home-planning-box .cqc-mobile-home-planning-img {
  width: 100%;
  height: auto;
  display: block;
  margin-top: 4.6vw;
}

.cqc-mobile-home-page .cqc-mobile-home-box .cqc-mobile-home-introduced-box {
  padding-top: 7vw;
}

.cqc-mobile-home-page .cqc-mobile-home-box .cqc-mobile-home-introduced-box .cqc-mobile-home-introduced-body {
  margin-top: 4.5vw;
}

.cqc-mobile-home-page .cqc-mobile-home-box .cqc-mobile-home-introduced-box .cqc-mobile-home-introduced-body .cqc-mobile-home-introduced-body-content {
  margin: 0 4.2vw;
  height: 47vw;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  padding: 2.6vw 2.1vw;
  border: 1px solid #000;
  border-radius: 5px;
}

.cqc-mobile-home-page .cqc-mobile-home-box .cqc-mobile-home-introduced-box .cqc-mobile-home-introduced-body .cqc-mobile-home-introduced-body-content img {
  max-width: 100%;
}

.cqc-mobile-home-page .cqc-mobile-home-box .cqc-mobile-home-news-box {
  padding-top: 7vw;
}

.cqc-mobile-home-page .cqc-mobile-home-box .cqc-mobile-home-news-box .cqc-mobile-home-news-body {
  margin-top: 4.5vw;
  padding: 0 4.2vw;
}

.cqc-mobile-home-page .cqc-mobile-home-box .cqc-mobile-title-box {
  width: 100%;
  height: auto;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  margin-bottom: 4.8vw;
}

.cqc-mobile-home-page .cqc-mobile-home-box .cqc-mobile-title-box .cqc-mobile-title-text {
  font-size: 5.3vw;
  font-family: Microsoft YaHei;
  font-weight: bold;
  color: #009844;
  line-height: 5.3vw;
  margin: 0 2.13vw;
}

.cqc-mobile-home-page .cqc-mobile-home-box .cqc-mobile-title-box .cqc-mobile-title-img {
  width: 5.87vw;
  height: 1.7vw;
}

.cqc-mobile-home-page .cqc-mobile-col-pd {
  padding: 0 0.3125rem 0.625rem 0 !important;
}

.cqc-mobile-home-page .cqc-mobile-col-pd:nth-of-type(2n) {
  padding: 0 0 0.625rem 0.3125rem !important;
}

.cqc-mobile-home-page .cqc-mobile-col-pd .cqc-mobile-card-img {
  border: .26vw solid #009241;
}

.cqc-mobile-home-page .cqc-mobile-col-pd .cqc-mobile-card-body {
  border-top: none;
  border: .1vw solid #A4A4A4;
  border-radius: 0 0 5px 5px;
  padding: 0 1.4vw !important;
}

.cqc-mobile-home-page .cqc-mobile-col-pd .cqc-mobile-card-body .cqc-mobile-card-body-bar {
  padding: 2.6vw 0;
}

.cqc-mobile-home-page .cqc-mobile-col-pd .cqc-mobile-card-body .cqc-mobile-card-body-bar .cqc-mobile-card-body-bar-content {
  width: 7.07vw;
  height: 1vw;
  background-color: #009241;
  margin: 0 auto;
}

.cqc-mobile-home-page .cqc-mobile-col-pd .cqc-mobile-card-body .cqc-mobile-card-title {
  font-size: 0.9375rem;
  color: #202020;
  margin-bottom: 0 !important;
  display: -webkit-box;
  overflow: hidden;
  text-overflow: ellipsis;
  word-wrap: break-word;
  white-space: normal !important;
  -webkit-line-clamp: 3;
  height: 4.2rem;
  -webkit-box-orient: vertical;
}

.cqc-mobile-home-page .cqc-mobile-col-pd .cqc-mobile-card-body .cqc-mobile-card-body-foot {
  font-size: 2.6vw;
  color: #009844;
  border-bottom: 0;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: end;
      -ms-flex-pack: end;
          justify-content: flex-end;
}

.cqc-mobile-home-page .cqc-mobile-col-pd .cqc-mobile-card-body .cqc-mobile-card-body-foot img {
  width: 4vw;
  height: 4vw;
}

.cqc-mobile-home-page .cqc-mobile-item-box {
  background-color: #fff;
}

.cqc-mobile-home-page .cqc-mobile-item-box .cqc-mobile-item-introduction-box {
  margin: 5.2vw auto 0;
  width: 91.7vw;
  position: relative;
  border: .53vw solid #009241;
  font-size: 3.6vw;
}

.cqc-mobile-home-page .cqc-mobile-item-box .cqc-mobile-item-introduction-box .cqc-mobile-item-introduction-top-img {
  position: absolute;
  width: 100%;
  top: -.53vw;
  left: 0;
}

.cqc-mobile-home-page .cqc-mobile-item-box .cqc-mobile-item-introduction-box .cqc-mobile-item-introduction-top-img img {
  width: 53vw;
  height: 2.5vw;
  display: block;
  margin: 0 auto;
}

.cqc-mobile-home-page .cqc-mobile-item-box .cqc-mobile-item-introduced-box {
  padding: 7vw 4.2vw 0;
}

.cqc-mobile-home-page .cqc-mobile-item-box .cqc-mobile-item-introduced-box .cqc-mobile-item-introduced-body .cqc-mobile-item-introduced-body-content {
  height: 71.3vw;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  padding: 2.6vw 2.1vw;
  border: 1px solid #000;
  border-radius: 5px;
}

.cqc-mobile-home-page .cqc-mobile-item-box .cqc-mobile-item-introduced-box .cqc-mobile-item-introduced-body .cqc-mobile-item-introduced-body-content img {
  max-width: 100%;
}

.cqc-mobile-home-page .cqc-mobile-item-box .cqc-mobile-item-introduced-box .cqc-mobile-item-introduced-body .cqc-mobile-item-introduced-down {
  width: 80.8vw;
  text-align: center;
  font-size: 3.7vw;
  line-height: 1.3;
  color: #009241;
  margin: 1.8vw auto 0;
  padding-top: 1.8vw;
}

.cqc-mobile-home-page .cqc-mobile-item-box .cqc-mobile-item-award-box {
  padding-top: 7.2vw;
}

.cqc-mobile-home-page .cqc-mobile-item-box .cqc-mobile-item-award-box .cqc-mobile-item-award-body {
  padding: 0 4.2vw;
}

.cqc-mobile-home-page .cqc-mobile-item-box .cqc-mobile-item-news-box {
  padding-top: 7.2vw;
}

.cqc-mobile-home-page .cqc-mobile-item-box .cqc-mobile-item-news-box .cqc-mobile-item-news-body {
  padding: 0 4.4vw;
}

.cqc-mobile-home-page .cqc-mobile-item-box .cqc-mobile-item-news-box .cqc-mobile-item-news-body .cqc-mobile-item-news-body-item-row {
  margin-bottom: 2.6vw;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}

.cqc-mobile-home-page .cqc-mobile-item-box .cqc-mobile-item-news-box .cqc-mobile-item-news-body .cqc-mobile-item-news-body-item-row .cqc-mobile-item-news-body-item-left-img {
  width: 26vw;
  height: 19.28vw;
  margin-right: 4vw;
  border-radius: 2vw;
  display: block;
}

.cqc-mobile-home-page .cqc-mobile-item-box .cqc-mobile-item-news-box .cqc-mobile-item-news-body .cqc-mobile-item-news-body-item-row .cqc-mobile-item-news-body-item-right-text {
  font-size: 4vw;
  color: #000;
  font-weight: 500;
  line-height: 4.6vw;
  width: 61.2vw;
  display: -webkit-box;
  overflow: hidden;
  text-overflow: ellipsis;
  word-wrap: break-word;
  white-space: normal !important;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
}

.cqc-mobile-home-page .cqc-mobile-item-box .cqc-mobile-item-title-box {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  position: relative;
  margin-bottom: 4vw;
}

.cqc-mobile-home-page .cqc-mobile-item-box .cqc-mobile-item-title-box .cqc-mobile-item-title-line {
  width: 16.7vw;
  height: .26vw;
  background: #000000;
}

.cqc-mobile-home-page .cqc-mobile-item-box .cqc-mobile-item-title-box .cqc-mobile-item-title-text {
  font-size: 5.8vw;
  font-family: PingFang SC;
  font-weight: 500;
  color: #000000;
  line-height: 5.8vw;
  margin: 0 5.3vw;
  z-index: 2;
}

.cqc-mobile-home-page .cqc-mobile-item-box .cqc-mobile-item-title-box .cqc-mobile-item-title-img {
  width: 27.7vw;
  height: 4.5vw;
  display: block;
  position: absolute;
  z-index: 1;
  bottom: .8vw;
}

.cqc-mobile-home-page .cqc-mobile-nav-box {
  width: 100vw;
  height: 10.6vw;
  border-bottom: .2vw solid #f4f4f4;
  background-color: #009844;
}

.cqc-mobile-home-page .cqc-mobile-nav-box .cube-scroll-content {
  display: inline-block;
}

.cqc-mobile-home-page .cqc-mobile-nav-box .cqc-mobile-nav-body {
  height: 10.6vw;
  white-space: nowrap;
}

.cqc-mobile-home-page .cqc-mobile-nav-box .cqc-mobile-nav-body .cqc-mobile-nav-body-item {
  padding: 0 5.3vw;
  line-height: 10vw;
  color: #fff;
  display: inline-block;
  font-size: 4vw;
}

.cqc-mobile-home-page .cqc-mobile-nav-box .cqc-mobile-nav-body .cqc-mobile-nav-body-item-select {
  background-color: #006F32;
}

.changAn-mobile-home-page {
  width: 100%;
  height: auto;
  background: url(https://bucket-adshangchuan.oss-cn-shanghai.aliyuncs.com/webicon/images/contentbg.jpg?cb4c25d23e6da010822f7d9bf6789e0e) no-repeat;
  background-size: 100% 100%;
  background-position: center center;
}

.home-mobile-logo-pic {
  width: 100vw;
  height: auto;
  margin: 0 auto;
  background: url(https://bucket-adshangchuan.oss-cn-shanghai.aliyuncs.com/webicon/images/logoWord.png?92c6bc8efe0001c4663149c0125d4cc9) no-repeat;
  background-size: 100% 100%;
  background-position: center center;
}

.mobile-Title-car-pic {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  margin: 30px 0;
}

.mobile-introduce-car-Content {
  width: 90%;
  margin: 0 auto;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  padding: 5px 14px;
  text-align: justify;
  line-height: 30px;
  color: #fff;
  background: #5bad96;
  border-radius: 10px;
  border: 1px solid white;
}

.mobile-introduce-car-Content span {
  color: #303030;
}

.mobile-company-car-Content {
  width: 90%;
  margin: 0 auto;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  padding: 5px 14px;
  text-align: justify;
  line-height: 30px;
  color: #fff;
  background: #5bad96;
  border-radius: 10px;
  border: 1px solid white;
}

.mobile-Format-car-Content .text-center {
  text-align: center;
}

.mobile-Format-car-Content .time-line {
  position: relative;
  width: 300px;
  margin: 0 auto;
}

.mobile-Format-car-Content .time-line-div {
  position: relative;
  min-height: 40px;
  margin: 20px 0;
}

.mobile-Format-car-Content .time-line-div .itemOne {
  position: absolute;
  left: 0;
  width: 50vh;
  line-height: 40px;
  color: #1b3d5d;
}

.mobile-Format-car-Content .time-line-div .itemTwo {
  position: absolute;
  left: 22vh;
  width: 15px;
  height: 15px;
  top: 10px;
  background: #1b3d5d;
  border-radius: 50%;
  z-index: 10;
}

.mobile-Format-car-Content .time-line-div .itemThree {
  position: absolute;
  right: 0;
  padding: 10px;
  background: #c3dfd7;
  color: #1b3d5d;
  border-radius: 10px;
}

.mobile-Format-car-Content .img-dotted {
  position: absolute;
  width: 3px;
  height: 85%;
  top: 5%;
  left: 23vh;
  z-index: 1;
  background: #1b3d5d;
}

.home-car-banner {
  width: 100%;
  height: auto;
  background: url(https://bucket-adshangchuan.oss-cn-shanghai.aliyuncs.com/webicon/images/banner.jpg?8f40f198808275567363ba0ca6071a66) no-repeat;
  background-size: 100% 100%;
  background-position: center center;
}

.home-Title-Tabs-box {
  width: 65%;
  margin: 0 auto;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: space-evenly;
      -ms-flex-pack: space-evenly;
          justify-content: space-evenly;
}

.home-Title-Tabs {
  height: 40px;
  width: 100%;
  background-color: #5bad96;
  line-height: 40px;
  color: #fff;
  font-size: 16px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: space-evenly;
      -ms-flex-pack: space-evenly;
          justify-content: space-evenly;
}

.home-Title-Tabs .home-tabs-Item {
  margin-right: 85px;
  cursor: pointer;
  text-align: center;
}

.home-Title-Tabs .home-tabs-Item:last-child {
  margin: 0;
}

.home-Title-Tabs .home-tabs-Item:hover {
  transform: skew(-30deg);
  -webkit-transform: skew(-30deg);
  -moz-transform: skew(-30deg);
  -o-transform: skew(-30deg);
  -ms-transform: skew(-30deg);
  background-color: #ff9d20;
}

.home-Title-Tabs .home-tabs-Item:hover p {
  -webkit-transform: skewX(30deg);
          transform: skewX(30deg);
}

.home-Title-TabsPosi {
  position: fixed;
  top: 0;
  z-index: 200;
}

.home-content-box {
  width: 100%;
  height: auto;
  position: relative;
  background: url(https://bucket-adshangchuan.oss-cn-shanghai.aliyuncs.com/webicon/images/contentbg.jpg?cb4c25d23e6da010822f7d9bf6789e0e) no-repeat;
  background-size: 100% 100%;
  background-position: center center;
  padding-top: 42px;
}

.home-content-box .canyuContent {
  width: 200px;
  height: auto;
  position: absolute;
  top: 1%;
  right: 30px;
  -webkit-transition: 0.5s all;
  transition: 0.5s all;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}

.home-content-box .qrcodeStyle {
  width: 100px;
  height: 100px;
  background: url(https://bucket-adshangchuan.oss-cn-shanghai.aliyuncs.com/webicon/images/qrcode.jpg?fce9068f79c496eb52db4a63f3336ab4) no-repeat;
  background-size: 100% 100%;
  background-position: center center;
  -webkit-transform: translateX(2000px);
          transform: translateX(2000px);
  -webkit-transition: 0.5s all;
  transition: 0.5s all;
  z-index: 98;
}

.home-content-box .canyuStyle {
  width: 100px;
  height: 100px;
  background: url(https://bucket-adshangchuan.oss-cn-shanghai.aliyuncs.com/webicon/images/canyu.png?9d11b8a21776c6b36da9d50c1e220384) no-repeat;
  background-size: 100% 100%;
  cursor: pointer;
  z-index: 99;
  background-position: center center;
}

.home-content-box .qrcodeStyleActive {
  -webkit-transform: translateX(0);
          transform: translateX(0);
  -webkit-transition: 1s all;
  transition: 1s all;
  z-index: 98;
}

.home-content-box .canyuContentPosi {
  position: fixed;
  top: 50%;
  z-index: 200;
  -webkit-transition: 1s all;
  transition: 1s all;
}

.home-content-box .home-logo-pic {
  width: 300px;
  height: 50px;
  margin: 0 auto;
  background: url(https://bucket-adshangchuan.oss-cn-shanghai.aliyuncs.com/webicon/images/logoWord.png?92c6bc8efe0001c4663149c0125d4cc9) no-repeat;
  background-size: 100% 100%;
  background-position: center center;
}

.home-content-box .home-title-car-pic {
  height: 120px;
  width: 500px;
  margin: 0 auto;
  background: #ff9d20;
}

.home-content-box .home-introduce-car-box {
  width: 1120px;
  margin: 0 auto;
  margin-top: 50px;
}

.home-content-box .home-introduce-car-box .kejichanganOne {
  width: 366px;
  height: 30px;
  margin: 30px auto;
  background: url(https://bucket-adshangchuan.oss-cn-shanghai.aliyuncs.com/webicon/images/kejizhihuiOne.png?a5fafc3d77f8a49708099f6dcdc27fd8) no-repeat;
  background-size: 100% 100%;
  background-position: center center;
}

.home-content-box .home-introduce-car-box .home-introduce-car-pic {
  height: 100px;
  width: 450px;
  margin: 0 auto;
  background: url(https://bucket-adshangchuan.oss-cn-shanghai.aliyuncs.com/webicon/images/introduce.png?701d8cbb5ce3ed0de4f4654a4377a62d) no-repeat;
  background-size: 100% 100%;
  background-position: center center;
}

.home-content-box .home-introduce-car-box .introduce-content {
  width: 75%;
  margin: 0px auto;
  font-size: 18px;
  line-height: 45px;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  padding: 30px;
  color: white;
  text-align: justify;
  background: #5bad96;
  border-radius: 10px;
  border: 1px solid white;
}

.home-content-box .home-introduce-car-box .introduce-content span {
  color: #303030;
}

.home-content-box .home-company-car-box {
  width: 1120px;
  margin: 0 auto;
  margin-top: 50px;
}

.home-content-box .home-company-car-box .home-company-car-pic {
  height: 70px;
  width: 450px;
  margin: 0 auto;
  background: url(https://bucket-adshangchuan.oss-cn-shanghai.aliyuncs.com/webicon/images/company.png?8625c48e17d1c999fd71e288bcc94721) no-repeat;
  background-size: 100% 100%;
  background-position: center center;
  margin-bottom: 35px;
}

.home-content-box .home-company-car-box .company-content {
  width: 54%;
  margin: 0 auto;
  height: 50px;
  font-size: 18px;
  line-height: 50px;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  text-align: center;
  padding: 0 50px;
  background: #5bad96;
  color: #fff;
  border-radius: 10px;
  border: 1px solid #fff;
}

.home-content-box .home-theme-car-box {
  width: 1120px;
  margin: 0 auto;
  margin-top: 50px;
}

.home-content-box .home-theme-car-box .home-theme-car-pic {
  height: 120px;
  width: 450px;
  margin: 0 auto;
  background: url(https://bucket-adshangchuan.oss-cn-shanghai.aliyuncs.com/webicon/images/theme.png?4cd30f7d3d51a3d5da18cdc5ff99f745) no-repeat;
  background-size: 100% 100%;
  background-position: center center;
  margin-bottom: 30px;
}

.home-content-box .home-theme-car-box .theme-content {
  width: 54%;
  margin: 0 auto;
  height: 50px;
  font-size: 18px;
  line-height: 50px;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  text-align: center;
  padding: 0 50px;
  background: #5bad96;
  color: #fff;
  border-radius: 10px;
  border: 1px solid #fff;
}

.home-content-box .home-Format-car-box {
  width: 1120px;
  margin: 0 auto;
  margin-top: 50px;
}

.home-content-box .home-Format-car-box .home-Format-car-pic {
  height: 100px;
  width: 450px;
  margin: 0 auto;
  background: url(https://bucket-adshangchuan.oss-cn-shanghai.aliyuncs.com/webicon/images/Format.png?f959602d0a55c094e33ab5917a186b7c) no-repeat;
  background-size: 100% 100%;
  background-position: center center;
  margin-bottom: 20px;
}

.home-content-box .home-Format-car-box .home-Time-car-box {
  width: 75%;
  margin: 0 auto;
  height: 250px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  margin-top: 47px;
  position: relative;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}

.home-content-box .home-Format-car-box .home-Time-car-box .home-Time-Item {
  width: 170px;
  height: 170px;
  margin-right: 21px;
  background-color: #c3dfd7;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  border-radius: 20px;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  color: #1b3d5d;
  position: relative;
}

.home-content-box .home-Format-car-box .home-Time-car-box .home-Time-Item .home-outsize-circle {
  position: absolute;
  top: 108%;
  background-color: #91cbbb;
  left: 50%;
  border: 2px solid #1b3d5d;
  -webkit-transform: translateX(-50%);
          transform: translateX(-50%);
  width: 33px;
  border-radius: 50%;
  z-index: 110;
  height: 33px;
}

.home-content-box .home-Format-car-box .home-Time-car-box .home-Time-Item .home-insize-circle {
  width: 22px;
  height: 22px;
  position: absolute;
  top: 50%;
  left: 50%;
  border: 2px solid #1b3d5d;
  border-radius: 50%;
  z-index: 110;
  -webkit-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
}

.home-content-box .home-Format-car-box .home-Time-car-box .home-Time-Item:nth-child(5) {
  margin: 0;
}

.home-content-box .home-Format-car-box .home-Time-car-box .home-title-Item {
  font-weight: 900;
  font-size: 22px;
}

.home-content-box .home-Format-car-box .home-Time-car-box .home-Time-Style {
  font-weight: 900;
  font-size: 15px;
  margin-top: 15px;
}

.home-content-box .home-Format-car-box .home-Time-car-box .home-Time-car-line {
  position: absolute;
  bottom: 19%;
  width: 100%;
  height: 2px;
  background-color: #1b3d5d;
}

.home-content-box .home-Format-car-box .home-state-car-box {
  text-align: center;
  color: #1b3d5d;
  font-size: 20px;
  height: 20px;
  line-height: 20px;
}

.home-content-box .home-reward-car-box {
  width: 1120px;
  margin: 0 auto;
  margin-top: 50px;
}

.home-content-box .home-reward-car-box .home-reward-car-pic {
  height: 125px;
  width: 450px;
  margin: 0 auto;
  background: url(https://bucket-adshangchuan.oss-cn-shanghai.aliyuncs.com/webicon/images/prizeSet.png?b082af229f6dcea2e03473a2f6ba179e) no-repeat;
  background-size: 100% 100%;
  background-position: center center;
  margin-bottom: 20px;
}

.home-content-box .home-reward-car-box .home-reward-car-list {
  margin: 0 auto;
  margin-top: 113px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  height: 590px;
  width: 75%;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}

.home-content-box .home-reward-car-box .home-reward-car-list div {
  width: 95%;
}

.home-content-box .home-reward-car-box .home-reward-car-list div .home-reward-money {
  font-style: italic;
  text-align: center;
  font-size: 20px;
  font-weight: 700;
}

.home-content-box .home-reward-car-box .home-reward-car-list div .home-reward-money span {
  font-size: 30px;
  font-weight: 900;
}

.home-content-box .home-reward-car-box .home-reward-car-list div .home-reward-discres {
  font-style: italic;
  margin-left: 25%;
  text-align: center;
  font-size: 20px;
  font-weight: 600;
}

.home-content-box .home-reward-car-box .home-reward-car-list div .home-reward-style {
  height: 480px;
  background-color: #5bad96;
  border-radius: 15px;
  padding-top: 86px;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  padding: 86px 23px 48px 29px;
}

.home-content-box .home-reward-car-box .home-reward-car-list div .home-reward-content {
  width: 100%;
  margin-top: 15px;
}

.home-content-box .home-reward-car-box .home-reward-car-list div .home-reward-content .home-reward-content-item {
  width: 100%;
  border-bottom: 1px solid;
  -o-border-image: linear-gradient(135deg, #FFFFFF, #FFFFFF), linear-gradient(-90deg, #FFBA33 0%, #B3450A 100%);
     border-image: linear-gradient(135deg, #FFFFFF, #FFFFFF), linear-gradient(-90deg, #FFBA33 0%, #B3450A 100%);
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  line-height: 40px;
}

.home-content-box .home-reward-car-box .home-reward-car-list div .home-reward-content .home-reward-content-item .home-reward-type {
  font-style: italic;
  font-size: 16px;
  color: #fff;
  font-weight: 600;
}

.home-content-box .home-reward-car-box .home-reward-car-list div .home-reward-content .home-reward-content-item .home-reward-Number {
  font-style: italic;
  font-size: 25px;
  font-weight: 800;
}

.home-content-box .home-reward-car-box .home-reward-car-list div .home-reward-content .home-reward-content-item:last-child {
  border: none;
  line-height: 20px;
  margin: 10px 0;
  margin-top: 10px;
}

.home-content-box .home-reward-car-box .home-reward-car-list .home-reward-gold-list {
  color: #ece0a9;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  position: relative;
}

.home-content-box .home-reward-car-box .home-reward-car-list .home-reward-gold-list .home-reward-title-pic {
  width: 130px;
  height: 130px;
  position: absolute;
  background: url(https://bucket-adshangchuan.oss-cn-shanghai.aliyuncs.com/webicon/images/goldReward.png?b4bf45985352de3f482018073d2d7774) no-repeat;
  background-size: 100% 100%;
  background-position: center center;
  left: 50%;
  top: -10%;
  border-radius: 50%;
  -webkit-transform: translateX(-50%);
          transform: translateX(-50%);
}

.home-content-box .home-reward-car-box .home-reward-car-list .home-reward-silver-list {
  padding-top: 76px;
  color: #e1e1e1;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  position: relative;
}

.home-content-box .home-reward-car-box .home-reward-car-list .home-reward-silver-list .home-reward-title-pic {
  width: 130px;
  height: 130px;
  position: absolute;
  background: url(https://bucket-adshangchuan.oss-cn-shanghai.aliyuncs.com/webicon/images/silverReward.png?168c1b5427008053e487f9de69bf1777) no-repeat;
  background-size: 100% 100%;
  background-position: center center;
  left: 50%;
  top: 0%;
  border-radius: 50%;
  -webkit-transform: translateX(-50%);
          transform: translateX(-50%);
}

.home-content-box .home-reward-car-box .home-reward-car-list .home-reward-bronze-list {
  padding-top: 76px;
  color: #f2c19b;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  position: relative;
}

.home-content-box .home-reward-car-box .home-reward-car-list .home-reward-bronze-list .home-reward-title-pic {
  width: 130px;
  height: 130px;
  position: absolute;
  background: url(https://bucket-adshangchuan.oss-cn-shanghai.aliyuncs.com/webicon/images/bronzeReward.png?7b1bac8769017fdda62932f2308e2edf) no-repeat;
  background-size: 100% 100%;
  background-position: center center;
  left: 50%;
  top: 0%;
  border-radius: 50%;
  -webkit-transform: translateX(-50%);
          transform: translateX(-50%);
}

.home-content-box .home-detailRule-car-box {
  width: 1120px;
  margin: 0 auto;
  margin-top: 50px;
}

.home-content-box .home-detailRule-car-box .home-detailRule-car-pic {
  height: 78px;
  width: 400px;
  margin: 0 auto;
  background: url(https://bucket-adshangchuan.oss-cn-shanghai.aliyuncs.com/webicon/images/detailRules.png?0981902e8dd4ebc9d5fa51ab8ea6def3) no-repeat;
  background-size: 100% 100%;
  background-position: center center;
  margin-bottom: 20px;
}

.home-content-box .home-detailRule-car-box .detailRule-content {
  width: 75%;
  margin: 0 auto;
  font-size: 16px;
  line-height: 35px;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  padding: 35px 45px;
  color: #fff;
  text-align: justify;
  background: #5bad96;
  border-radius: 20px;
  border: 1px solid #fff;
  margin-top: 40px;
}

.home-content-box .home-strategy-car-box {
  width: 1120px;
  margin: 0 auto;
  margin-top: 50px;
}

.home-content-box .home-strategy-car-box .home-strategy-car-pic {
  height: 125px;
  width: 450px;
  margin: 0 auto;
  background: url(https://bucket-adshangchuan.oss-cn-shanghai.aliyuncs.com/webicon/images/strategy.png?c16eb9a8e31f3fda5f1f6bff3a93e5c7) no-repeat;
  background-size: 100% 100%;
  background-position: center center;
  margin-bottom: 20px;
}

.home-content-box .home-strategy-car-box .strategy-content {
  margin: 0 auto;
  padding: 10px 45px;
  margin-top: 35px;
  width: 75%;
  border: 1px solid #f1f1f1;
  border-radius: 20px;
  background: #5bad96;
  height: 400px;
  overflow: auto;
  margin-bottom: 10px;
  line-height: 30px;
  color: #fff;
}

.home-content-box .home-news-car-box {
  width: 1120px;
  margin: 0 auto;
  margin-top: 50px;
}

.home-content-box .home-news-car-box .home-news-car-pic {
  height: 125px;
  width: 450px;
  margin: 0 auto;
  background: url(https://bucket-adshangchuan.oss-cn-shanghai.aliyuncs.com/webicon/images/carNews.png?daa80d6419024c5ec781aa43fb56d4e2) no-repeat;
  background-size: 100% 100%;
  background-position: center center;
  margin-bottom: 20px;
}

.home-content-box .home-news-car-box .home-news-car-body {
  width: 80%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  margin: 0 auto;
  margin-top: 40px;
}

.home-content-box .home-news-car-box .home-news-car-body .car-item-card {
  width: 23%;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  margin-right: 15px;
  margin-bottom: 15px;
  font-size: 15px;
}

.home-content-box .home-news-car-box .home-news-car-body .car-item-card .car-item-card-img {
  width: 100%;
  border: 2px solid #fff;
  border-bottom: none;
  border-top-left-radius: 10px;
  border-top-right-radius: 10px;
}

.home-content-box .home-news-car-box .home-news-car-body .car-item-card .car-item-card-body {
  border: 2px solid #fff;
  border-top: none;
  background-color: #b3d7cd;
  height: 100px;
  line-height: 1.5;
  padding: 10px;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  border-bottom-left-radius: 10px;
  border-bottom-right-radius: 10px;
}

.home-content-box .home-news-car-box .home-news-car-body .car-item-card .car-item-card-title {
  height: 44px;
  line-height: 1.5;
  margin-bottom: 10px;
}

.home-content-box .home-news-car-box .home-news-car-body .car-item-card .text-truncate {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.home-content-box .home-news-car-box .home-news-car-body .car-item-card .text-wrap {
  white-space: normal !important;
}

.home-content-box .home-news-car-box .home-news-car-body .car-item-card .car-item-card-body-foot {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: end;
      -ms-flex-pack: end;
          justify-content: flex-end;
}

.home-content-box .home-news-car-box .home-news-car-more-btn {
  width: 183px;
  height: 60px;
  line-height: 60px;
  border: 2px solid #fff;
  background: #5bad96;
  text-align: center;
  border-radius: 50px;
  color: #fff;
  font-size: 18px;
  cursor: pointer;
  margin: 30px auto;
}

.home-content-box .home-bottom-car-box {
  height: 93px;
  width: 100%;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  background-color: rgba(117, 186, 169, 0.8);
}

.home-content-box .home-bottom-car-box .kejizhihuiTwo {
  height: 39px;
  width: 40%;
  background: url(https://bucket-adshangchuan.oss-cn-shanghai.aliyuncs.com/webicon/images/kejizhihuiTwo.png?ad6be426ffd708d69451e20fd8650feb) no-repeat;
  background-size: 100% 100%;
  background-position: center center;
}

@font-face {
  font-family: "fontchangAnBLOD";
  src: url("/fonts/changAnTwo/CHANGANUNITYPE-BOLD.TTF");
}

@font-face {
  font-family: "fontchangAnLIGHT";
  src: url("/fonts/changAnTwo/CHANGANUNITYPE-LIGHT.TTF");
}

@font-face {
  font-family: "fontchangAnREGULAR";
  src: url("/fonts/changAnTwo/CHANGANUNITYPE-REGULAR.TTF");
}

.changAn-mobile-home-page-Two {
  width: 100%;
  height: auto;
  background: url("https://bucket-adshangchuan.oss-cn-shanghai.aliyuncs.com/webicon/images/changAnTwo/mobileconterntbg.jpg") no-repeat;
  background-size: 100% 100%;
  background-position: center center;
}

.home-mobile-logo-pic {
  width: 100vw;
  height: auto;
  margin: 0 auto;
  background: url(https://bucket-adshangchuan.oss-cn-shanghai.aliyuncs.com/webicon/images/logoWord.png?92c6bc8efe0001c4663149c0125d4cc9) no-repeat;
  background-size: 100% 100%;
  background-position: center center;
}

.mobile-Title-car-pic {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  margin: 30px 0;
}

.mobile-introduce-car-Content-Two {
  width: 90%;
  margin: 0 auto;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  padding: 5px 14px;
  text-align: justify;
  line-height: 30px;
  color: #3e5371;
  background: url("https://bucket-adshangchuan.oss-cn-shanghai.aliyuncs.com/webicon/images/changAnTwo/modularBg.png") no-repeat;
  background-size: 100% 100%;
  background-position: center center;
}

.mobile-introduce-car-Content-Two span {
  color: #303030;
}

.mobile-company-car-Content {
  width: 90%;
  margin: 0 auto;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  padding: 5px 14px;
  text-align: justify;
  line-height: 30px;
  color: #fff;
  background: #5bad96;
  border-radius: 10px;
  border: 1px solid white;
}

.mobile-Format-car-Content .text-center {
  text-align: center;
}

.mobile-Format-car-Content .time-line {
  position: relative;
  width: 300px;
  margin: 0 auto;
}

.mobile-Format-car-Content .time-line-div {
  position: relative;
  min-height: 40px;
  margin: 20px 0;
}

.mobile-Format-car-Content .time-line-div .itemOne {
  position: absolute;
  left: 0;
  width: 50vh;
  line-height: 40px;
  color: #1b3d5d;
}

.mobile-Format-car-Content .time-line-div .itemTwo {
  position: absolute;
  left: 22vh;
  width: 15px;
  height: 15px;
  top: 10px;
  background: #1b3d5d;
  border-radius: 50%;
  z-index: 10;
}

.mobile-Format-car-Content .time-line-div .itemThree {
  position: absolute;
  right: 0;
  padding: 10px;
  background: #c3dfd7;
  color: #1b3d5d;
  border-radius: 10px;
}

.mobile-Format-car-Content .img-dotted {
  position: absolute;
  width: 3px;
  height: 85%;
  top: 5%;
  left: 23vh;
  z-index: 1;
  background: #1b3d5d;
}

.home-car-banner {
  width: 100%;
  height: auto;
  background: url(https://bucket-adshangchuan.oss-cn-shanghai.aliyuncs.com/webicon/images/banner.jpg?8f40f198808275567363ba0ca6071a66) no-repeat;
  background-size: 100% 100%;
  background-position: center center;
}

.home-Title-Tabs-box {
  width: 65%;
  margin: 0 auto;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: space-evenly;
      -ms-flex-pack: space-evenly;
          justify-content: space-evenly;
}

.home-Title-Tabs {
  height: 40px;
  width: 100%;
  background-color: #5bad96;
  line-height: 40px;
  color: #fff;
  font-size: 16px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: space-evenly;
      -ms-flex-pack: space-evenly;
          justify-content: space-evenly;
}

.home-Title-Tabs .home-tabs-Item {
  margin-right: 85px;
  cursor: pointer;
  text-align: center;
}

.home-Title-Tabs .home-tabs-Item:last-child {
  margin: 0;
}

.home-Title-Tabs .home-tabs-Item:hover {
  transform: skew(-30deg);
  -webkit-transform: skew(-30deg);
  -moz-transform: skew(-30deg);
  -o-transform: skew(-30deg);
  -ms-transform: skew(-30deg);
  background-color: #ff9d20;
}

.home-Title-Tabs .home-tabs-Item:hover p {
  -webkit-transform: skewX(30deg);
          transform: skewX(30deg);
}

.home-Title-TabsPosi {
  position: fixed;
  top: 0;
  z-index: 200;
}

.home-content-box {
  width: 100%;
  height: auto;
  position: relative;
  background: url(https://bucket-adshangchuan.oss-cn-shanghai.aliyuncs.com/webicon/images/contentbg.jpg?cb4c25d23e6da010822f7d9bf6789e0e) no-repeat;
  background-size: 100% 100%;
  background-position: center center;
  padding-top: 42px;
}

.home-content-box .canyuContent {
  width: 200px;
  height: auto;
  position: absolute;
  top: 1%;
  right: 30px;
  -webkit-transition: 0.5s all;
  transition: 0.5s all;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}

.home-content-box .qrcodeStyle {
  width: 100px;
  height: 100px;
  background: url(https://bucket-adshangchuan.oss-cn-shanghai.aliyuncs.com/webicon/images/qrcode.jpg?fce9068f79c496eb52db4a63f3336ab4) no-repeat;
  background-size: 100% 100%;
  background-position: center center;
  -webkit-transform: translateX(2000px);
          transform: translateX(2000px);
  -webkit-transition: 0.5s all;
  transition: 0.5s all;
  z-index: 98;
}

.home-content-box .canyuStyle {
  width: 100px;
  height: 100px;
  background: url(https://bucket-adshangchuan.oss-cn-shanghai.aliyuncs.com/webicon/images/canyu.png?9d11b8a21776c6b36da9d50c1e220384) no-repeat;
  background-size: 100% 100%;
  cursor: pointer;
  z-index: 99;
  background-position: center center;
}

.home-content-box .qrcodeStyleActive {
  -webkit-transform: translateX(0);
          transform: translateX(0);
  -webkit-transition: 1s all;
  transition: 1s all;
  z-index: 98;
}

.home-content-box .canyuContentPosi {
  position: fixed;
  top: 50%;
  z-index: 200;
  -webkit-transition: 1s all;
  transition: 1s all;
}

.home-content-box .home-logo-pic {
  width: 300px;
  height: 50px;
  margin: 0 auto;
  background: url(https://bucket-adshangchuan.oss-cn-shanghai.aliyuncs.com/webicon/images/logoWord.png?92c6bc8efe0001c4663149c0125d4cc9) no-repeat;
  background-size: 100% 100%;
  background-position: center center;
}

.home-content-box .home-title-car-pic {
  height: 120px;
  width: 500px;
  margin: 0 auto;
  background: #ff9d20;
}

.home-content-box .home-introduce-car-box {
  width: 1120px;
  margin: 0 auto;
  margin-top: 50px;
}

.home-content-box .home-introduce-car-box .kejichanganOne {
  width: 366px;
  height: 30px;
  margin: 30px auto;
  background: url(https://bucket-adshangchuan.oss-cn-shanghai.aliyuncs.com/webicon/images/kejizhihuiOne.png?a5fafc3d77f8a49708099f6dcdc27fd8) no-repeat;
  background-size: 100% 100%;
  background-position: center center;
}

.home-content-box .home-introduce-car-box .home-introduce-car-pic {
  height: 100px;
  width: 450px;
  margin: 0 auto;
  background: url(https://bucket-adshangchuan.oss-cn-shanghai.aliyuncs.com/webicon/images/introduce.png?701d8cbb5ce3ed0de4f4654a4377a62d) no-repeat;
  background-size: 100% 100%;
  background-position: center center;
}

.home-content-box .home-introduce-car-box .introduce-content {
  width: 75%;
  margin: 0px auto;
  font-size: 18px;
  line-height: 45px;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  padding: 30px;
  color: white;
  text-align: justify;
  background: #5bad96;
  border-radius: 10px;
  border: 1px solid white;
}

.home-content-box .home-introduce-car-box .introduce-content span {
  color: #303030;
}

.home-content-box .home-company-car-box {
  width: 1120px;
  margin: 0 auto;
  margin-top: 50px;
}

.home-content-box .home-company-car-box .home-company-car-pic {
  height: 70px;
  width: 450px;
  margin: 0 auto;
  background: url(https://bucket-adshangchuan.oss-cn-shanghai.aliyuncs.com/webicon/images/company.png?8625c48e17d1c999fd71e288bcc94721) no-repeat;
  background-size: 100% 100%;
  background-position: center center;
  margin-bottom: 35px;
}

.home-content-box .home-company-car-box .company-content {
  width: 54%;
  margin: 0 auto;
  height: 50px;
  font-size: 18px;
  line-height: 50px;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  text-align: center;
  padding: 0 50px;
  background: #5bad96;
  color: #fff;
  border-radius: 10px;
  border: 1px solid #fff;
}

.home-content-box .home-theme-car-box {
  width: 1120px;
  margin: 0 auto;
  margin-top: 50px;
}

.home-content-box .home-theme-car-box .home-theme-car-pic {
  height: 120px;
  width: 450px;
  margin: 0 auto;
  background: url(https://bucket-adshangchuan.oss-cn-shanghai.aliyuncs.com/webicon/images/theme.png?4cd30f7d3d51a3d5da18cdc5ff99f745) no-repeat;
  background-size: 100% 100%;
  background-position: center center;
  margin-bottom: 30px;
}

.home-content-box .home-theme-car-box .theme-content {
  width: 54%;
  margin: 0 auto;
  height: 50px;
  font-size: 18px;
  line-height: 50px;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  text-align: center;
  padding: 0 50px;
  background: #5bad96;
  color: #fff;
  border-radius: 10px;
  border: 1px solid #fff;
}

.home-content-box .home-Format-car-box {
  width: 1120px;
  margin: 0 auto;
  margin-top: 50px;
}

.home-content-box .home-Format-car-box .home-Format-car-pic {
  height: 100px;
  width: 450px;
  margin: 0 auto;
  background: url(https://bucket-adshangchuan.oss-cn-shanghai.aliyuncs.com/webicon/images/Format.png?f959602d0a55c094e33ab5917a186b7c) no-repeat;
  background-size: 100% 100%;
  background-position: center center;
  margin-bottom: 20px;
}

.home-content-box .home-Format-car-box .home-Time-car-box {
  width: 75%;
  margin: 0 auto;
  height: 250px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  margin-top: 47px;
  position: relative;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}

.home-content-box .home-Format-car-box .home-Time-car-box .home-Time-Item {
  width: 170px;
  height: 170px;
  margin-right: 21px;
  background-color: #c3dfd7;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  border-radius: 20px;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  color: #1b3d5d;
  position: relative;
}

.home-content-box .home-Format-car-box .home-Time-car-box .home-Time-Item .home-outsize-circle {
  position: absolute;
  top: 108%;
  background-color: #91cbbb;
  left: 50%;
  border: 2px solid #1b3d5d;
  -webkit-transform: translateX(-50%);
          transform: translateX(-50%);
  width: 33px;
  border-radius: 50%;
  z-index: 110;
  height: 33px;
}

.home-content-box .home-Format-car-box .home-Time-car-box .home-Time-Item .home-insize-circle {
  width: 22px;
  height: 22px;
  position: absolute;
  top: 50%;
  left: 50%;
  border: 2px solid #1b3d5d;
  border-radius: 50%;
  z-index: 110;
  -webkit-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
}

.home-content-box .home-Format-car-box .home-Time-car-box .home-Time-Item:nth-child(5) {
  margin: 0;
}

.home-content-box .home-Format-car-box .home-Time-car-box .home-title-Item {
  font-weight: 900;
  font-size: 22px;
}

.home-content-box .home-Format-car-box .home-Time-car-box .home-Time-Style {
  font-weight: 900;
  font-size: 15px;
  margin-top: 15px;
}

.home-content-box .home-Format-car-box .home-Time-car-box .home-Time-car-line {
  position: absolute;
  bottom: 19%;
  width: 100%;
  height: 2px;
  background-color: #1b3d5d;
}

.home-content-box .home-Format-car-box .home-state-car-box {
  text-align: center;
  color: #1b3d5d;
  font-size: 20px;
  height: 20px;
  line-height: 20px;
}

.home-content-box .home-reward-car-box {
  width: 1120px;
  margin: 0 auto;
  margin-top: 50px;
}

.home-content-box .home-reward-car-box .home-reward-car-pic {
  height: 125px;
  width: 450px;
  margin: 0 auto;
  background: url(https://bucket-adshangchuan.oss-cn-shanghai.aliyuncs.com/webicon/images/prizeSet.png?b082af229f6dcea2e03473a2f6ba179e) no-repeat;
  background-size: 100% 100%;
  background-position: center center;
  margin-bottom: 20px;
}

.home-content-box .home-reward-car-box .home-reward-car-list {
  margin: 0 auto;
  margin-top: 113px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  height: 590px;
  width: 75%;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}

.home-content-box .home-reward-car-box .home-reward-car-list div {
  width: 95%;
}

.home-content-box .home-reward-car-box .home-reward-car-list div .home-reward-money {
  font-style: italic;
  text-align: center;
  font-size: 20px;
  font-weight: 700;
}

.home-content-box .home-reward-car-box .home-reward-car-list div .home-reward-money span {
  font-size: 30px;
  font-weight: 900;
}

.home-content-box .home-reward-car-box .home-reward-car-list div .home-reward-discres {
  font-style: italic;
  margin-left: 25%;
  text-align: center;
  font-size: 20px;
  font-weight: 600;
}

.home-content-box .home-reward-car-box .home-reward-car-list div .home-reward-style {
  height: 480px;
  background-color: #5bad96;
  border-radius: 15px;
  padding-top: 86px;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  padding: 86px 23px 48px 29px;
}

.home-content-box .home-reward-car-box .home-reward-car-list div .home-reward-content {
  width: 100%;
  margin-top: 15px;
}

.home-content-box .home-reward-car-box .home-reward-car-list div .home-reward-content .home-reward-content-item {
  width: 100%;
  border-bottom: 1px solid;
  -o-border-image: linear-gradient(135deg, #FFFFFF, #FFFFFF), linear-gradient(-90deg, #FFBA33 0%, #B3450A 100%);
     border-image: linear-gradient(135deg, #FFFFFF, #FFFFFF), linear-gradient(-90deg, #FFBA33 0%, #B3450A 100%);
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  line-height: 40px;
}

.home-content-box .home-reward-car-box .home-reward-car-list div .home-reward-content .home-reward-content-item .home-reward-type {
  font-style: italic;
  font-size: 16px;
  color: #fff;
  font-weight: 600;
}

.home-content-box .home-reward-car-box .home-reward-car-list div .home-reward-content .home-reward-content-item .home-reward-Number {
  font-style: italic;
  font-size: 25px;
  font-weight: 800;
}

.home-content-box .home-reward-car-box .home-reward-car-list div .home-reward-content .home-reward-content-item:last-child {
  border: none;
  line-height: 20px;
  margin: 10px 0;
  margin-top: 10px;
}

.home-content-box .home-reward-car-box .home-reward-car-list .home-reward-gold-list {
  color: #ece0a9;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  position: relative;
}

.home-content-box .home-reward-car-box .home-reward-car-list .home-reward-gold-list .home-reward-title-pic {
  width: 130px;
  height: 130px;
  position: absolute;
  background: url(https://bucket-adshangchuan.oss-cn-shanghai.aliyuncs.com/webicon/images/goldReward.png?b4bf45985352de3f482018073d2d7774) no-repeat;
  background-size: 100% 100%;
  background-position: center center;
  left: 50%;
  top: -10%;
  border-radius: 50%;
  -webkit-transform: translateX(-50%);
          transform: translateX(-50%);
}

.home-content-box .home-reward-car-box .home-reward-car-list .home-reward-silver-list {
  padding-top: 76px;
  color: #e1e1e1;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  position: relative;
}

.home-content-box .home-reward-car-box .home-reward-car-list .home-reward-silver-list .home-reward-title-pic {
  width: 130px;
  height: 130px;
  position: absolute;
  background: url(https://bucket-adshangchuan.oss-cn-shanghai.aliyuncs.com/webicon/images/silverReward.png?168c1b5427008053e487f9de69bf1777) no-repeat;
  background-size: 100% 100%;
  background-position: center center;
  left: 50%;
  top: 0%;
  border-radius: 50%;
  -webkit-transform: translateX(-50%);
          transform: translateX(-50%);
}

.home-content-box .home-reward-car-box .home-reward-car-list .home-reward-bronze-list {
  padding-top: 76px;
  color: #f2c19b;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  position: relative;
}

.home-content-box .home-reward-car-box .home-reward-car-list .home-reward-bronze-list .home-reward-title-pic {
  width: 130px;
  height: 130px;
  position: absolute;
  background: url(https://bucket-adshangchuan.oss-cn-shanghai.aliyuncs.com/webicon/images/bronzeReward.png?7b1bac8769017fdda62932f2308e2edf) no-repeat;
  background-size: 100% 100%;
  background-position: center center;
  left: 50%;
  top: 0%;
  border-radius: 50%;
  -webkit-transform: translateX(-50%);
          transform: translateX(-50%);
}

.home-content-box .home-detailRule-car-box {
  width: 1120px;
  margin: 0 auto;
  margin-top: 50px;
}

.home-content-box .home-detailRule-car-box .home-detailRule-car-pic {
  height: 78px;
  width: 400px;
  margin: 0 auto;
  background: url(https://bucket-adshangchuan.oss-cn-shanghai.aliyuncs.com/webicon/images/detailRules.png?0981902e8dd4ebc9d5fa51ab8ea6def3) no-repeat;
  background-size: 100% 100%;
  background-position: center center;
  margin-bottom: 20px;
}

.home-content-box .home-detailRule-car-box .detailRule-content {
  width: 75%;
  margin: 0 auto;
  font-size: 16px;
  line-height: 35px;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  padding: 35px 45px;
  color: #fff;
  text-align: justify;
  background: #5bad96;
  border-radius: 20px;
  border: 1px solid #fff;
  margin-top: 40px;
}

.home-content-box .home-strategy-car-box {
  width: 1120px;
  margin: 0 auto;
  margin-top: 50px;
}

.home-content-box .home-strategy-car-box .home-strategy-car-pic {
  height: 125px;
  width: 450px;
  margin: 0 auto;
  background: url(https://bucket-adshangchuan.oss-cn-shanghai.aliyuncs.com/webicon/images/strategy.png?c16eb9a8e31f3fda5f1f6bff3a93e5c7) no-repeat;
  background-size: 100% 100%;
  background-position: center center;
  margin-bottom: 20px;
}

.home-content-box .home-strategy-car-box .strategy-content {
  margin: 0 auto;
  padding: 10px 45px;
  margin-top: 35px;
  width: 75%;
  border: 1px solid #f1f1f1;
  border-radius: 20px;
  background: #5bad96;
  height: 400px;
  overflow: auto;
  margin-bottom: 10px;
  line-height: 30px;
  color: #fff;
}

.home-content-box .home-news-car-box {
  width: 1120px;
  margin: 0 auto;
  margin-top: 50px;
}

.home-content-box .home-news-car-box .home-news-car-pic {
  height: 125px;
  width: 450px;
  margin: 0 auto;
  background: url(https://bucket-adshangchuan.oss-cn-shanghai.aliyuncs.com/webicon/images/carNews.png?daa80d6419024c5ec781aa43fb56d4e2) no-repeat;
  background-size: 100% 100%;
  background-position: center center;
  margin-bottom: 20px;
}

.home-content-box .home-news-car-box .home-news-car-body {
  width: 80%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  margin: 0 auto;
  margin-top: 40px;
}

.home-content-box .home-news-car-box .home-news-car-body .car-item-card {
  width: 23%;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  margin-right: 15px;
  margin-bottom: 15px;
  font-size: 15px;
}

.home-content-box .home-news-car-box .home-news-car-body .car-item-card .car-item-card-img {
  width: 100%;
  border: 2px solid #fff;
  border-bottom: none;
  border-top-left-radius: 10px;
  border-top-right-radius: 10px;
}

.home-content-box .home-news-car-box .home-news-car-body .car-item-card .car-item-card-body {
  border: 2px solid #fff;
  border-top: none;
  background-color: #b3d7cd;
  height: 100px;
  line-height: 1.5;
  padding: 10px;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  border-bottom-left-radius: 10px;
  border-bottom-right-radius: 10px;
}

.home-content-box .home-news-car-box .home-news-car-body .car-item-card .car-item-card-title {
  height: 44px;
  line-height: 1.5;
  margin-bottom: 10px;
}

.home-content-box .home-news-car-box .home-news-car-body .car-item-card .text-truncate {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.home-content-box .home-news-car-box .home-news-car-body .car-item-card .text-wrap {
  white-space: normal !important;
}

.home-content-box .home-news-car-box .home-news-car-body .car-item-card .car-item-card-body-foot {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: end;
      -ms-flex-pack: end;
          justify-content: flex-end;
}

.home-content-box .home-news-car-box .home-news-car-more-btn {
  width: 183px;
  height: 60px;
  line-height: 60px;
  border: 2px solid #fff;
  background: #5bad96;
  text-align: center;
  border-radius: 50px;
  color: #fff;
  font-size: 18px;
  cursor: pointer;
  margin: 30px auto;
}

.home-content-box .home-bottom-car-box {
  height: 93px;
  width: 100%;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  background-color: rgba(117, 186, 169, 0.8);
}

.home-content-box .home-bottom-car-box .kejizhihuiTwo {
  height: 39px;
  width: 40%;
  background: url(https://bucket-adshangchuan.oss-cn-shanghai.aliyuncs.com/webicon/images/kejizhihuiTwo.png?ad6be426ffd708d69451e20fd8650feb) no-repeat;
  background-size: 100% 100%;
  background-position: center center;
}

.changAn-mobile-home-page {
  width: 100%;
  height: auto;
  background: url(https://bucket-adshangchuan.oss-cn-shanghai.aliyuncs.com/webicon/images/contentbg.jpg?cb4c25d23e6da010822f7d9bf6789e0e) no-repeat;
  background-size: 100% 100%;
  background-position: center center;
}

.home-mobile-logo-pic {
  width: 100vw;
  height: auto;
  margin: 0 auto;
  background: url(https://bucket-adshangchuan.oss-cn-shanghai.aliyuncs.com/webicon/images/logoWord.png?92c6bc8efe0001c4663149c0125d4cc9) no-repeat;
  background-size: 100% 100%;
  background-position: center center;
}

.mobile-Title-car-pic {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  margin: 30px 0;
}

.mobile-introduce-car-Content {
  width: 90%;
  margin: 0 auto;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  padding: 5px 14px;
  text-align: justify;
  line-height: 30px;
  color: #fff;
  background: #5bad96;
  border-radius: 10px;
  border: 1px solid white;
}

.mobile-introduce-car-Content span {
  color: #303030;
}

.mobile-company-car-Content {
  width: 90%;
  margin: 0 auto;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  padding: 5px 14px;
  text-align: justify;
  line-height: 30px;
  color: #fff;
  background: #5bad96;
  border-radius: 10px;
  border: 1px solid white;
}

.mobile-Format-car-Content .text-center {
  text-align: center;
}

.mobile-Format-car-Content .time-line {
  position: relative;
  width: 300px;
  margin: 0 auto;
}

.mobile-Format-car-Content .time-line-div {
  position: relative;
  min-height: 40px;
  margin: 20px 0;
}

.mobile-Format-car-Content .time-line-div .itemOne {
  position: absolute;
  left: 0;
  width: 50vh;
  line-height: 40px;
  color: #1b3d5d;
}

.mobile-Format-car-Content .time-line-div .itemTwo {
  position: absolute;
  left: 22vh;
  width: 15px;
  height: 15px;
  top: 10px;
  background: #1b3d5d;
  border-radius: 50%;
  z-index: 10;
}

.mobile-Format-car-Content .time-line-div .itemThree {
  position: absolute;
  right: 0;
  padding: 10px;
  background: #c3dfd7;
  color: #1b3d5d;
  border-radius: 10px;
}

.mobile-Format-car-Content .img-dotted {
  position: absolute;
  width: 3px;
  height: 85%;
  top: 5%;
  left: 23vh;
  z-index: 1;
  background: #1b3d5d;
}

.home-car-banner {
  width: 100%;
  height: auto;
  background: url(https://bucket-adshangchuan.oss-cn-shanghai.aliyuncs.com/webicon/images/banner.jpg?8f40f198808275567363ba0ca6071a66) no-repeat;
  background-size: 100% 100%;
  background-position: center center;
}

.home-Title-Tabs-box {
  width: 65%;
  margin: 0 auto;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: space-evenly;
      -ms-flex-pack: space-evenly;
          justify-content: space-evenly;
}

.home-Title-Tabs {
  height: 40px;
  width: 100%;
  background-color: #5bad96;
  line-height: 40px;
  color: #fff;
  font-size: 16px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: space-evenly;
      -ms-flex-pack: space-evenly;
          justify-content: space-evenly;
}

.home-Title-Tabs .home-tabs-Item {
  margin-right: 85px;
  cursor: pointer;
  text-align: center;
}

.home-Title-Tabs .home-tabs-Item:last-child {
  margin: 0;
}

.home-Title-Tabs .home-tabs-Item:hover {
  transform: skew(-30deg);
  -webkit-transform: skew(-30deg);
  -moz-transform: skew(-30deg);
  -o-transform: skew(-30deg);
  -ms-transform: skew(-30deg);
  background-color: #ff9d20;
}

.home-Title-Tabs .home-tabs-Item:hover p {
  -webkit-transform: skewX(30deg);
          transform: skewX(30deg);
}

.home-Title-TabsPosi {
  position: fixed;
  top: 0;
  z-index: 200;
}

.home-content-box {
  width: 100%;
  height: auto;
  position: relative;
  background: url(https://bucket-adshangchuan.oss-cn-shanghai.aliyuncs.com/webicon/images/contentbg.jpg?cb4c25d23e6da010822f7d9bf6789e0e) no-repeat;
  background-size: 100% 100%;
  background-position: center center;
  padding-top: 42px;
}

.home-content-box .canyuContent {
  width: 200px;
  height: auto;
  position: absolute;
  top: 1%;
  right: 30px;
  -webkit-transition: 0.5s all;
  transition: 0.5s all;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}

.home-content-box .qrcodeStyle {
  width: 100px;
  height: 100px;
  background: url(https://bucket-adshangchuan.oss-cn-shanghai.aliyuncs.com/webicon/images/qrcode.jpg?fce9068f79c496eb52db4a63f3336ab4) no-repeat;
  background-size: 100% 100%;
  background-position: center center;
  -webkit-transform: translateX(2000px);
          transform: translateX(2000px);
  -webkit-transition: 0.5s all;
  transition: 0.5s all;
  z-index: 98;
}

.home-content-box .canyuStyle {
  width: 100px;
  height: 100px;
  background: url(https://bucket-adshangchuan.oss-cn-shanghai.aliyuncs.com/webicon/images/canyu.png?9d11b8a21776c6b36da9d50c1e220384) no-repeat;
  background-size: 100% 100%;
  cursor: pointer;
  z-index: 99;
  background-position: center center;
}

.home-content-box .qrcodeStyleActive {
  -webkit-transform: translateX(0);
          transform: translateX(0);
  -webkit-transition: 1s all;
  transition: 1s all;
  z-index: 98;
}

.home-content-box .canyuContentPosi {
  position: fixed;
  top: 50%;
  z-index: 200;
  -webkit-transition: 1s all;
  transition: 1s all;
}

.home-content-box .home-logo-pic {
  width: 300px;
  height: 50px;
  margin: 0 auto;
  background: url(https://bucket-adshangchuan.oss-cn-shanghai.aliyuncs.com/webicon/images/logoWord.png?92c6bc8efe0001c4663149c0125d4cc9) no-repeat;
  background-size: 100% 100%;
  background-position: center center;
}

.home-content-box .home-title-car-pic {
  height: 120px;
  width: 500px;
  margin: 0 auto;
  background: #ff9d20;
}

.home-content-box .home-introduce-car-box {
  width: 1120px;
  margin: 0 auto;
  margin-top: 50px;
}

.home-content-box .home-introduce-car-box .kejichanganOne {
  width: 366px;
  height: 30px;
  margin: 30px auto;
  background: url(https://bucket-adshangchuan.oss-cn-shanghai.aliyuncs.com/webicon/images/kejizhihuiOne.png?a5fafc3d77f8a49708099f6dcdc27fd8) no-repeat;
  background-size: 100% 100%;
  background-position: center center;
}

.home-content-box .home-introduce-car-box .home-introduce-car-pic {
  height: 100px;
  width: 450px;
  margin: 0 auto;
  background: url(https://bucket-adshangchuan.oss-cn-shanghai.aliyuncs.com/webicon/images/introduce.png?701d8cbb5ce3ed0de4f4654a4377a62d) no-repeat;
  background-size: 100% 100%;
  background-position: center center;
}

.home-content-box .home-introduce-car-box .introduce-content {
  width: 75%;
  margin: 0px auto;
  font-size: 18px;
  line-height: 45px;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  padding: 30px;
  color: white;
  text-align: justify;
  background: #5bad96;
  border-radius: 10px;
  border: 1px solid white;
}

.home-content-box .home-introduce-car-box .introduce-content span {
  color: #303030;
}

.home-content-box .home-company-car-box {
  width: 1120px;
  margin: 0 auto;
  margin-top: 50px;
}

.home-content-box .home-company-car-box .home-company-car-pic {
  height: 70px;
  width: 450px;
  margin: 0 auto;
  background: url(https://bucket-adshangchuan.oss-cn-shanghai.aliyuncs.com/webicon/images/company.png?8625c48e17d1c999fd71e288bcc94721) no-repeat;
  background-size: 100% 100%;
  background-position: center center;
  margin-bottom: 35px;
}

.home-content-box .home-company-car-box .company-content {
  width: 54%;
  margin: 0 auto;
  height: 50px;
  font-size: 18px;
  line-height: 50px;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  text-align: center;
  padding: 0 50px;
  background: #5bad96;
  color: #fff;
  border-radius: 10px;
  border: 1px solid #fff;
}

.home-content-box .home-theme-car-box {
  width: 1120px;
  margin: 0 auto;
  margin-top: 50px;
}

.home-content-box .home-theme-car-box .home-theme-car-pic {
  height: 120px;
  width: 450px;
  margin: 0 auto;
  background: url(https://bucket-adshangchuan.oss-cn-shanghai.aliyuncs.com/webicon/images/theme.png?4cd30f7d3d51a3d5da18cdc5ff99f745) no-repeat;
  background-size: 100% 100%;
  background-position: center center;
  margin-bottom: 30px;
}

.home-content-box .home-theme-car-box .theme-content {
  width: 54%;
  margin: 0 auto;
  height: 50px;
  font-size: 18px;
  line-height: 50px;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  text-align: center;
  padding: 0 50px;
  background: #5bad96;
  color: #fff;
  border-radius: 10px;
  border: 1px solid #fff;
}

.home-content-box .home-Format-car-box {
  width: 1120px;
  margin: 0 auto;
  margin-top: 50px;
}

.home-content-box .home-Format-car-box .home-Format-car-pic {
  height: 100px;
  width: 450px;
  margin: 0 auto;
  background: url(https://bucket-adshangchuan.oss-cn-shanghai.aliyuncs.com/webicon/images/Format.png?f959602d0a55c094e33ab5917a186b7c) no-repeat;
  background-size: 100% 100%;
  background-position: center center;
  margin-bottom: 20px;
}

.home-content-box .home-Format-car-box .home-Time-car-box {
  width: 75%;
  margin: 0 auto;
  height: 250px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  margin-top: 47px;
  position: relative;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}

.home-content-box .home-Format-car-box .home-Time-car-box .home-Time-Item {
  width: 170px;
  height: 170px;
  margin-right: 21px;
  background-color: #c3dfd7;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  border-radius: 20px;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  color: #1b3d5d;
  position: relative;
}

.home-content-box .home-Format-car-box .home-Time-car-box .home-Time-Item .home-outsize-circle {
  position: absolute;
  top: 108%;
  background-color: #91cbbb;
  left: 50%;
  border: 2px solid #1b3d5d;
  -webkit-transform: translateX(-50%);
          transform: translateX(-50%);
  width: 33px;
  border-radius: 50%;
  z-index: 110;
  height: 33px;
}

.home-content-box .home-Format-car-box .home-Time-car-box .home-Time-Item .home-insize-circle {
  width: 22px;
  height: 22px;
  position: absolute;
  top: 50%;
  left: 50%;
  border: 2px solid #1b3d5d;
  border-radius: 50%;
  z-index: 110;
  -webkit-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
}

.home-content-box .home-Format-car-box .home-Time-car-box .home-Time-Item:nth-child(5) {
  margin: 0;
}

.home-content-box .home-Format-car-box .home-Time-car-box .home-title-Item {
  font-weight: 900;
  font-size: 22px;
}

.home-content-box .home-Format-car-box .home-Time-car-box .home-Time-Style {
  font-weight: 900;
  font-size: 15px;
  margin-top: 15px;
}

.home-content-box .home-Format-car-box .home-Time-car-box .home-Time-car-line {
  position: absolute;
  bottom: 19%;
  width: 100%;
  height: 2px;
  background-color: #1b3d5d;
}

.home-content-box .home-Format-car-box .home-state-car-box {
  text-align: center;
  color: #1b3d5d;
  font-size: 20px;
  height: 20px;
  line-height: 20px;
}

.home-content-box .home-reward-car-box {
  width: 1120px;
  margin: 0 auto;
  margin-top: 50px;
}

.home-content-box .home-reward-car-box .home-reward-car-pic {
  height: 125px;
  width: 450px;
  margin: 0 auto;
  background: url(https://bucket-adshangchuan.oss-cn-shanghai.aliyuncs.com/webicon/images/prizeSet.png?b082af229f6dcea2e03473a2f6ba179e) no-repeat;
  background-size: 100% 100%;
  background-position: center center;
  margin-bottom: 20px;
}

.home-content-box .home-reward-car-box .home-reward-car-list {
  margin: 0 auto;
  margin-top: 113px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  height: 590px;
  width: 75%;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}

.home-content-box .home-reward-car-box .home-reward-car-list div {
  width: 95%;
}

.home-content-box .home-reward-car-box .home-reward-car-list div .home-reward-money {
  font-style: italic;
  text-align: center;
  font-size: 20px;
  font-weight: 700;
}

.home-content-box .home-reward-car-box .home-reward-car-list div .home-reward-money span {
  font-size: 30px;
  font-weight: 900;
}

.home-content-box .home-reward-car-box .home-reward-car-list div .home-reward-discres {
  font-style: italic;
  margin-left: 25%;
  text-align: center;
  font-size: 20px;
  font-weight: 600;
}

.home-content-box .home-reward-car-box .home-reward-car-list div .home-reward-style {
  height: 480px;
  background-color: #5bad96;
  border-radius: 15px;
  padding-top: 86px;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  padding: 86px 23px 48px 29px;
}

.home-content-box .home-reward-car-box .home-reward-car-list div .home-reward-content {
  width: 100%;
  margin-top: 15px;
}

.home-content-box .home-reward-car-box .home-reward-car-list div .home-reward-content .home-reward-content-item {
  width: 100%;
  border-bottom: 1px solid;
  -o-border-image: linear-gradient(135deg, #FFFFFF, #FFFFFF), linear-gradient(-90deg, #FFBA33 0%, #B3450A 100%);
     border-image: linear-gradient(135deg, #FFFFFF, #FFFFFF), linear-gradient(-90deg, #FFBA33 0%, #B3450A 100%);
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  line-height: 40px;
}

.home-content-box .home-reward-car-box .home-reward-car-list div .home-reward-content .home-reward-content-item .home-reward-type {
  font-style: italic;
  font-size: 16px;
  color: #fff;
  font-weight: 600;
}

.home-content-box .home-reward-car-box .home-reward-car-list div .home-reward-content .home-reward-content-item .home-reward-Number {
  font-style: italic;
  font-size: 25px;
  font-weight: 800;
}

.home-content-box .home-reward-car-box .home-reward-car-list div .home-reward-content .home-reward-content-item:last-child {
  border: none;
  line-height: 20px;
  margin: 10px 0;
  margin-top: 10px;
}

.home-content-box .home-reward-car-box .home-reward-car-list .home-reward-gold-list {
  color: #ece0a9;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  position: relative;
}

.home-content-box .home-reward-car-box .home-reward-car-list .home-reward-gold-list .home-reward-title-pic {
  width: 130px;
  height: 130px;
  position: absolute;
  background: url(https://bucket-adshangchuan.oss-cn-shanghai.aliyuncs.com/webicon/images/goldReward.png?b4bf45985352de3f482018073d2d7774) no-repeat;
  background-size: 100% 100%;
  background-position: center center;
  left: 50%;
  top: -10%;
  border-radius: 50%;
  -webkit-transform: translateX(-50%);
          transform: translateX(-50%);
}

.home-content-box .home-reward-car-box .home-reward-car-list .home-reward-silver-list {
  padding-top: 76px;
  color: #e1e1e1;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  position: relative;
}

.home-content-box .home-reward-car-box .home-reward-car-list .home-reward-silver-list .home-reward-title-pic {
  width: 130px;
  height: 130px;
  position: absolute;
  background: url(https://bucket-adshangchuan.oss-cn-shanghai.aliyuncs.com/webicon/images/silverReward.png?168c1b5427008053e487f9de69bf1777) no-repeat;
  background-size: 100% 100%;
  background-position: center center;
  left: 50%;
  top: 0%;
  border-radius: 50%;
  -webkit-transform: translateX(-50%);
          transform: translateX(-50%);
}

.home-content-box .home-reward-car-box .home-reward-car-list .home-reward-bronze-list {
  padding-top: 76px;
  color: #f2c19b;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  position: relative;
}

.home-content-box .home-reward-car-box .home-reward-car-list .home-reward-bronze-list .home-reward-title-pic {
  width: 130px;
  height: 130px;
  position: absolute;
  background: url(https://bucket-adshangchuan.oss-cn-shanghai.aliyuncs.com/webicon/images/bronzeReward.png?7b1bac8769017fdda62932f2308e2edf) no-repeat;
  background-size: 100% 100%;
  background-position: center center;
  left: 50%;
  top: 0%;
  border-radius: 50%;
  -webkit-transform: translateX(-50%);
          transform: translateX(-50%);
}

.home-content-box .home-detailRule-car-box {
  width: 1120px;
  margin: 0 auto;
  margin-top: 50px;
}

.home-content-box .home-detailRule-car-box .home-detailRule-car-pic {
  height: 78px;
  width: 400px;
  margin: 0 auto;
  background: url(https://bucket-adshangchuan.oss-cn-shanghai.aliyuncs.com/webicon/images/detailRules.png?0981902e8dd4ebc9d5fa51ab8ea6def3) no-repeat;
  background-size: 100% 100%;
  background-position: center center;
  margin-bottom: 20px;
}

.home-content-box .home-detailRule-car-box .detailRule-content {
  width: 75%;
  margin: 0 auto;
  font-size: 16px;
  line-height: 35px;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  padding: 35px 45px;
  color: #fff;
  text-align: justify;
  background: #5bad96;
  border-radius: 20px;
  border: 1px solid #fff;
  margin-top: 40px;
}

.home-content-box .home-strategy-car-box {
  width: 1120px;
  margin: 0 auto;
  margin-top: 50px;
}

.home-content-box .home-strategy-car-box .home-strategy-car-pic {
  height: 125px;
  width: 450px;
  margin: 0 auto;
  background: url(https://bucket-adshangchuan.oss-cn-shanghai.aliyuncs.com/webicon/images/strategy.png?c16eb9a8e31f3fda5f1f6bff3a93e5c7) no-repeat;
  background-size: 100% 100%;
  background-position: center center;
  margin-bottom: 20px;
}

.home-content-box .home-strategy-car-box .strategy-content {
  margin: 0 auto;
  padding: 10px 45px;
  margin-top: 35px;
  width: 75%;
  border: 1px solid #f1f1f1;
  border-radius: 20px;
  background: #5bad96;
  height: 400px;
  overflow: auto;
  margin-bottom: 10px;
  line-height: 30px;
  color: #fff;
}

.home-content-box .home-news-car-box {
  width: 1120px;
  margin: 0 auto;
  margin-top: 50px;
}

.home-content-box .home-news-car-box .home-news-car-pic {
  height: 125px;
  width: 450px;
  margin: 0 auto;
  background: url(https://bucket-adshangchuan.oss-cn-shanghai.aliyuncs.com/webicon/images/carNews.png?daa80d6419024c5ec781aa43fb56d4e2) no-repeat;
  background-size: 100% 100%;
  background-position: center center;
  margin-bottom: 20px;
}

.home-content-box .home-news-car-box .home-news-car-body {
  width: 80%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  margin: 0 auto;
  margin-top: 40px;
}

.home-content-box .home-news-car-box .home-news-car-body .car-item-card {
  width: 23%;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  margin-right: 15px;
  margin-bottom: 15px;
  font-size: 15px;
}

.home-content-box .home-news-car-box .home-news-car-body .car-item-card .car-item-card-img {
  width: 100%;
  border: 2px solid #fff;
  border-bottom: none;
  border-top-left-radius: 10px;
  border-top-right-radius: 10px;
}

.home-content-box .home-news-car-box .home-news-car-body .car-item-card .car-item-card-body {
  border: 2px solid #fff;
  border-top: none;
  background-color: #b3d7cd;
  height: 100px;
  line-height: 1.5;
  padding: 10px;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  border-bottom-left-radius: 10px;
  border-bottom-right-radius: 10px;
}

.home-content-box .home-news-car-box .home-news-car-body .car-item-card .car-item-card-title {
  height: 44px;
  line-height: 1.5;
  margin-bottom: 10px;
}

.home-content-box .home-news-car-box .home-news-car-body .car-item-card .text-truncate {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.home-content-box .home-news-car-box .home-news-car-body .car-item-card .text-wrap {
  white-space: normal !important;
}

.home-content-box .home-news-car-box .home-news-car-body .car-item-card .car-item-card-body-foot {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: end;
      -ms-flex-pack: end;
          justify-content: flex-end;
}

.home-content-box .home-news-car-box .home-news-car-more-btn {
  width: 183px;
  height: 60px;
  line-height: 60px;
  border: 2px solid #fff;
  background: #5bad96;
  text-align: center;
  border-radius: 50px;
  color: #fff;
  font-size: 18px;
  cursor: pointer;
  margin: 30px auto;
}

.home-content-box .home-bottom-car-box {
  height: 93px;
  width: 100%;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  background-color: rgba(117, 186, 169, 0.8);
}

.home-content-box .home-bottom-car-box .kejizhihuiTwo {
  height: 39px;
  width: 40%;
  background: url(https://bucket-adshangchuan.oss-cn-shanghai.aliyuncs.com/webicon/images/kejizhihuiTwo.png?ad6be426ffd708d69451e20fd8650feb) no-repeat;
  background-size: 100% 100%;
  background-position: center center;
}

.lanju-mobile-home-page-Two {
  width: 100%;
  height: auto;
  background: url("https://bucket-adshangchuan.oss-cn-shanghai.aliyuncs.com/webicon/images/lanju/bg.jpg") no-repeat;
  background-size: 100% 100%;
  background-position: center center;
}

.home-mobile-logo-pic {
  width: 100vw;
  height: auto;
  margin: 0 auto;
  background: url(https://bucket-adshangchuan.oss-cn-shanghai.aliyuncs.com/webicon/images/logoWord.png?92c6bc8efe0001c4663149c0125d4cc9) no-repeat;
  background-size: 100% 100%;
  background-position: center center;
}

.lanju-pic-Title {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  margin: 1.5rem 0;
}

.lanju-word-content {
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  padding: 0.5rem;
  border: 0.025rem solid #ffe4af;
  width: 80%;
  margin: 0 auto;
  background: #cbfaf0;
  border-radius: 10px;
}

.lanju-table-content {
  width: 80%;
  margin: 0 auto;
  display: block;
}

.lanju-word-content-two {
  width: 80%;
  margin: 0 auto;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  padding: 0.5rem;
  border: 0.025rem solid #ffe4af;
  background: #20685b;
  color: #ffffff;
  border-radius: 10px;
}

.home-logo-item-content {
  margin: 0.5rem 0;
}

.nav-content-box {
  width: 100%;
  height: 2rem;
  background: #83c7bb;
}

.nav-item-content {
  width: 25%;
  text-align: center;
  line-height: 2rem;
  color: #ffffff;
}

.nav-item-active {
  background: #ff9d20;
}

.home-word-item {
  text-align: justify;
  line-height: 30px;
  font-size: .9375rem;
  color: #113d35;
}

.home-word-item-two {
  text-align: justify;
  line-height: 30px;
  font-size: .9375rem;
  color: #ffffff;
}

.home-word-title-item {
  font-size: 1.125rem;
  font-weight: 900;
  color: #ff9d20;
  margin: 0.25rem auto;
  text-align: center;
}

.mobile-company-car-Content {
  width: 90%;
  margin: 0 auto;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  padding: 5px 14px;
  text-align: justify;
  line-height: 30px;
  color: #fff;
}

.mobile-Format-car-Content .text-center {
  text-align: center;
}

.mobile-Format-car-Content .time-line {
  position: relative;
  width: 300px;
  margin: 0 auto;
}

.mobile-Format-car-Content .time-line-div {
  position: relative;
  min-height: 40px;
  margin: 20px 0;
}

.mobile-Format-car-Content .time-line-div .itemOne {
  position: absolute;
  left: 0;
  width: 50vh;
  line-height: 40px;
  color: #1b3d5d;
}

.mobile-Format-car-Content .time-line-div .itemTwo {
  position: absolute;
  left: 22vh;
  width: 15px;
  height: 15px;
  top: 10px;
  background: #1b3d5d;
  border-radius: 50%;
  z-index: 10;
}

.mobile-Format-car-Content .time-line-div .itemThree {
  position: absolute;
  right: 0;
  padding: 10px;
  background: #c3dfd7;
  color: #1b3d5d;
  border-radius: 10px;
}

.mobile-Format-car-Content .img-dotted {
  position: absolute;
  width: 3px;
  height: 85%;
  top: 5%;
  left: 23vh;
  z-index: 1;
  background: #1b3d5d;
}

.home-car-banner {
  width: 100%;
  height: auto;
  background: url(https://bucket-adshangchuan.oss-cn-shanghai.aliyuncs.com/webicon/images/banner.jpg?8f40f198808275567363ba0ca6071a66) no-repeat;
  background-size: 100% 100%;
  background-position: center center;
}

.home-Title-Tabs-box {
  width: 65%;
  margin: 0 auto;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: space-evenly;
      -ms-flex-pack: space-evenly;
          justify-content: space-evenly;
}

.home-Title-Tabs {
  height: 40px;
  width: 100%;
  background-color: #5bad96;
  line-height: 40px;
  color: #fff;
  font-size: 16px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: space-evenly;
      -ms-flex-pack: space-evenly;
          justify-content: space-evenly;
}

.home-Title-Tabs .home-tabs-Item {
  margin-right: 85px;
  cursor: pointer;
  text-align: center;
}

.home-Title-Tabs .home-tabs-Item:last-child {
  margin: 0;
}

.home-Title-Tabs .home-tabs-Item:hover {
  transform: skew(-30deg);
  -webkit-transform: skew(-30deg);
  -moz-transform: skew(-30deg);
  -o-transform: skew(-30deg);
  -ms-transform: skew(-30deg);
  background-color: #ff9d20;
}

.home-Title-Tabs .home-tabs-Item:hover p {
  -webkit-transform: skewX(30deg);
          transform: skewX(30deg);
}

.home-Title-TabsPosi {
  position: fixed;
  top: 0;
  z-index: 200;
}

.home-content-box {
  width: 100%;
  height: auto;
  position: relative;
  background: url(https://bucket-adshangchuan.oss-cn-shanghai.aliyuncs.com/webicon/images/contentbg.jpg?cb4c25d23e6da010822f7d9bf6789e0e) no-repeat;
  background-size: 100% 100%;
  background-position: center center;
  padding-top: 42px;
}

.home-content-box .canyuContent {
  width: 200px;
  height: auto;
  position: absolute;
  top: 1%;
  right: 30px;
  -webkit-transition: 0.5s all;
  transition: 0.5s all;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}

.home-content-box .qrcodeStyle {
  width: 100px;
  height: 100px;
  background: url(https://bucket-adshangchuan.oss-cn-shanghai.aliyuncs.com/webicon/images/qrcode.jpg?fce9068f79c496eb52db4a63f3336ab4) no-repeat;
  background-size: 100% 100%;
  background-position: center center;
  -webkit-transform: translateX(2000px);
          transform: translateX(2000px);
  -webkit-transition: 0.5s all;
  transition: 0.5s all;
  z-index: 98;
}

.home-content-box .canyuStyle {
  width: 100px;
  height: 100px;
  background: url(https://bucket-adshangchuan.oss-cn-shanghai.aliyuncs.com/webicon/images/canyu.png?9d11b8a21776c6b36da9d50c1e220384) no-repeat;
  background-size: 100% 100%;
  cursor: pointer;
  z-index: 99;
  background-position: center center;
}

.home-content-box .qrcodeStyleActive {
  -webkit-transform: translateX(0);
          transform: translateX(0);
  -webkit-transition: 1s all;
  transition: 1s all;
  z-index: 98;
}

.home-content-box .canyuContentPosi {
  position: fixed;
  top: 50%;
  z-index: 200;
  -webkit-transition: 1s all;
  transition: 1s all;
}

.home-content-box .home-logo-pic {
  width: 300px;
  height: 50px;
  margin: 0 auto;
  background: url(https://bucket-adshangchuan.oss-cn-shanghai.aliyuncs.com/webicon/images/logoWord.png?92c6bc8efe0001c4663149c0125d4cc9) no-repeat;
  background-size: 100% 100%;
  background-position: center center;
}

.home-content-box .home-title-car-pic {
  height: 120px;
  width: 500px;
  margin: 0 auto;
  background: #ff9d20;
}

.home-content-box .home-introduce-car-box {
  width: 1120px;
  margin: 0 auto;
  margin-top: 50px;
}

.home-content-box .home-introduce-car-box .kejichanganOne {
  width: 366px;
  height: 30px;
  margin: 30px auto;
  background: url(https://bucket-adshangchuan.oss-cn-shanghai.aliyuncs.com/webicon/images/kejizhihuiOne.png?a5fafc3d77f8a49708099f6dcdc27fd8) no-repeat;
  background-size: 100% 100%;
  background-position: center center;
}

.home-content-box .home-introduce-car-box .home-introduce-car-pic {
  height: 100px;
  width: 450px;
  margin: 0 auto;
  background: url(https://bucket-adshangchuan.oss-cn-shanghai.aliyuncs.com/webicon/images/introduce.png?701d8cbb5ce3ed0de4f4654a4377a62d) no-repeat;
  background-size: 100% 100%;
  background-position: center center;
}

.home-content-box .home-introduce-car-box .introduce-content {
  width: 75%;
  margin: 0px auto;
  font-size: 18px;
  line-height: 45px;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  padding: 30px;
  color: white;
  text-align: justify;
  background: #5bad96;
  border-radius: 10px;
  border: 1px solid white;
}

.home-content-box .home-introduce-car-box .introduce-content span {
  color: #303030;
}

.home-content-box .home-company-car-box {
  width: 1120px;
  margin: 0 auto;
  margin-top: 50px;
}

.home-content-box .home-company-car-box .home-company-car-pic {
  height: 70px;
  width: 450px;
  margin: 0 auto;
  background: url(https://bucket-adshangchuan.oss-cn-shanghai.aliyuncs.com/webicon/images/company.png?8625c48e17d1c999fd71e288bcc94721) no-repeat;
  background-size: 100% 100%;
  background-position: center center;
  margin-bottom: 35px;
}

.home-content-box .home-company-car-box .company-content {
  width: 54%;
  margin: 0 auto;
  height: 50px;
  font-size: 18px;
  line-height: 50px;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  text-align: center;
  padding: 0 50px;
  background: #5bad96;
  color: #fff;
  border-radius: 10px;
  border: 1px solid #fff;
}

.home-content-box .home-theme-car-box {
  width: 1120px;
  margin: 0 auto;
  margin-top: 50px;
}

.home-content-box .home-theme-car-box .home-theme-car-pic {
  height: 120px;
  width: 450px;
  margin: 0 auto;
  background: url(https://bucket-adshangchuan.oss-cn-shanghai.aliyuncs.com/webicon/images/theme.png?4cd30f7d3d51a3d5da18cdc5ff99f745) no-repeat;
  background-size: 100% 100%;
  background-position: center center;
  margin-bottom: 30px;
}

.home-content-box .home-theme-car-box .theme-content {
  width: 54%;
  margin: 0 auto;
  height: 50px;
  font-size: 18px;
  line-height: 50px;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  text-align: center;
  padding: 0 50px;
  background: #5bad96;
  color: #fff;
  border-radius: 10px;
  border: 1px solid #fff;
}

.home-content-box .home-Format-car-box {
  width: 1120px;
  margin: 0 auto;
  margin-top: 50px;
}

.home-content-box .home-Format-car-box .home-Format-car-pic {
  height: 100px;
  width: 450px;
  margin: 0 auto;
  background: url(https://bucket-adshangchuan.oss-cn-shanghai.aliyuncs.com/webicon/images/Format.png?f959602d0a55c094e33ab5917a186b7c) no-repeat;
  background-size: 100% 100%;
  background-position: center center;
  margin-bottom: 20px;
}

.home-content-box .home-Format-car-box .home-Time-car-box {
  width: 75%;
  margin: 0 auto;
  height: 250px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  margin-top: 47px;
  position: relative;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}

.home-content-box .home-Format-car-box .home-Time-car-box .home-Time-Item {
  width: 170px;
  height: 170px;
  margin-right: 21px;
  background-color: #c3dfd7;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  border-radius: 20px;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  color: #1b3d5d;
  position: relative;
}

.home-content-box .home-Format-car-box .home-Time-car-box .home-Time-Item .home-outsize-circle {
  position: absolute;
  top: 108%;
  background-color: #91cbbb;
  left: 50%;
  border: 2px solid #1b3d5d;
  -webkit-transform: translateX(-50%);
          transform: translateX(-50%);
  width: 33px;
  border-radius: 50%;
  z-index: 110;
  height: 33px;
}

.home-content-box .home-Format-car-box .home-Time-car-box .home-Time-Item .home-insize-circle {
  width: 22px;
  height: 22px;
  position: absolute;
  top: 50%;
  left: 50%;
  border: 2px solid #1b3d5d;
  border-radius: 50%;
  z-index: 110;
  -webkit-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
}

.home-content-box .home-Format-car-box .home-Time-car-box .home-Time-Item:nth-child(5) {
  margin: 0;
}

.home-content-box .home-Format-car-box .home-Time-car-box .home-title-Item {
  font-weight: 900;
  font-size: 22px;
}

.home-content-box .home-Format-car-box .home-Time-car-box .home-Time-Style {
  font-weight: 900;
  font-size: 15px;
  margin-top: 15px;
}

.home-content-box .home-Format-car-box .home-Time-car-box .home-Time-car-line {
  position: absolute;
  bottom: 19%;
  width: 100%;
  height: 2px;
  background-color: #1b3d5d;
}

.home-content-box .home-Format-car-box .home-state-car-box {
  text-align: center;
  color: #1b3d5d;
  font-size: 20px;
  height: 20px;
  line-height: 20px;
}

.home-content-box .home-reward-car-box {
  width: 1120px;
  margin: 0 auto;
  margin-top: 50px;
}

.home-content-box .home-reward-car-box .home-reward-car-pic {
  height: 125px;
  width: 450px;
  margin: 0 auto;
  background: url(https://bucket-adshangchuan.oss-cn-shanghai.aliyuncs.com/webicon/images/prizeSet.png?b082af229f6dcea2e03473a2f6ba179e) no-repeat;
  background-size: 100% 100%;
  background-position: center center;
  margin-bottom: 20px;
}

.home-content-box .home-reward-car-box .home-reward-car-list {
  margin: 0 auto;
  margin-top: 113px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  height: 590px;
  width: 75%;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}

.home-content-box .home-reward-car-box .home-reward-car-list div {
  width: 95%;
}

.home-content-box .home-reward-car-box .home-reward-car-list div .home-reward-money {
  font-style: italic;
  text-align: center;
  font-size: 20px;
  font-weight: 700;
}

.home-content-box .home-reward-car-box .home-reward-car-list div .home-reward-money span {
  font-size: 30px;
  font-weight: 900;
}

.home-content-box .home-reward-car-box .home-reward-car-list div .home-reward-discres {
  font-style: italic;
  margin-left: 25%;
  text-align: center;
  font-size: 20px;
  font-weight: 600;
}

.home-content-box .home-reward-car-box .home-reward-car-list div .home-reward-style {
  height: 480px;
  background-color: #5bad96;
  border-radius: 15px;
  padding-top: 86px;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  padding: 86px 23px 48px 29px;
}

.home-content-box .home-reward-car-box .home-reward-car-list div .home-reward-content {
  width: 100%;
  margin-top: 15px;
}

.home-content-box .home-reward-car-box .home-reward-car-list div .home-reward-content .home-reward-content-item {
  width: 100%;
  border-bottom: 1px solid;
  -o-border-image: linear-gradient(135deg, #FFFFFF, #FFFFFF), linear-gradient(-90deg, #FFBA33 0%, #B3450A 100%);
     border-image: linear-gradient(135deg, #FFFFFF, #FFFFFF), linear-gradient(-90deg, #FFBA33 0%, #B3450A 100%);
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  line-height: 40px;
}

.home-content-box .home-reward-car-box .home-reward-car-list div .home-reward-content .home-reward-content-item .home-reward-type {
  font-style: italic;
  font-size: 16px;
  color: #fff;
  font-weight: 600;
}

.home-content-box .home-reward-car-box .home-reward-car-list div .home-reward-content .home-reward-content-item .home-reward-Number {
  font-style: italic;
  font-size: 25px;
  font-weight: 800;
}

.home-content-box .home-reward-car-box .home-reward-car-list div .home-reward-content .home-reward-content-item:last-child {
  border: none;
  line-height: 20px;
  margin: 10px 0;
  margin-top: 10px;
}

.home-content-box .home-reward-car-box .home-reward-car-list .home-reward-gold-list {
  color: #ece0a9;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  position: relative;
}

.home-content-box .home-reward-car-box .home-reward-car-list .home-reward-gold-list .home-reward-title-pic {
  width: 130px;
  height: 130px;
  position: absolute;
  background: url(https://bucket-adshangchuan.oss-cn-shanghai.aliyuncs.com/webicon/images/goldReward.png?b4bf45985352de3f482018073d2d7774) no-repeat;
  background-size: 100% 100%;
  background-position: center center;
  left: 50%;
  top: -10%;
  border-radius: 50%;
  -webkit-transform: translateX(-50%);
          transform: translateX(-50%);
}

.home-content-box .home-reward-car-box .home-reward-car-list .home-reward-silver-list {
  padding-top: 76px;
  color: #e1e1e1;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  position: relative;
}

.home-content-box .home-reward-car-box .home-reward-car-list .home-reward-silver-list .home-reward-title-pic {
  width: 130px;
  height: 130px;
  position: absolute;
  background: url(https://bucket-adshangchuan.oss-cn-shanghai.aliyuncs.com/webicon/images/silverReward.png?168c1b5427008053e487f9de69bf1777) no-repeat;
  background-size: 100% 100%;
  background-position: center center;
  left: 50%;
  top: 0%;
  border-radius: 50%;
  -webkit-transform: translateX(-50%);
          transform: translateX(-50%);
}

.home-content-box .home-reward-car-box .home-reward-car-list .home-reward-bronze-list {
  padding-top: 76px;
  color: #f2c19b;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  position: relative;
}

.home-content-box .home-reward-car-box .home-reward-car-list .home-reward-bronze-list .home-reward-title-pic {
  width: 130px;
  height: 130px;
  position: absolute;
  background: url(https://bucket-adshangchuan.oss-cn-shanghai.aliyuncs.com/webicon/images/bronzeReward.png?7b1bac8769017fdda62932f2308e2edf) no-repeat;
  background-size: 100% 100%;
  background-position: center center;
  left: 50%;
  top: 0%;
  border-radius: 50%;
  -webkit-transform: translateX(-50%);
          transform: translateX(-50%);
}

.home-content-box .home-detailRule-car-box {
  width: 1120px;
  margin: 0 auto;
  margin-top: 50px;
}

.home-content-box .home-detailRule-car-box .home-detailRule-car-pic {
  height: 78px;
  width: 400px;
  margin: 0 auto;
  background: url(https://bucket-adshangchuan.oss-cn-shanghai.aliyuncs.com/webicon/images/detailRules.png?0981902e8dd4ebc9d5fa51ab8ea6def3) no-repeat;
  background-size: 100% 100%;
  background-position: center center;
  margin-bottom: 20px;
}

.home-content-box .home-detailRule-car-box .detailRule-content {
  width: 75%;
  margin: 0 auto;
  font-size: 16px;
  line-height: 35px;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  padding: 35px 45px;
  color: #fff;
  text-align: justify;
  background: #5bad96;
  border-radius: 20px;
  border: 1px solid #fff;
  margin-top: 40px;
}

.home-content-box .home-strategy-car-box {
  width: 1120px;
  margin: 0 auto;
  margin-top: 50px;
}

.home-content-box .home-strategy-car-box .home-strategy-car-pic {
  height: 125px;
  width: 450px;
  margin: 0 auto;
  background: url(https://bucket-adshangchuan.oss-cn-shanghai.aliyuncs.com/webicon/images/strategy.png?c16eb9a8e31f3fda5f1f6bff3a93e5c7) no-repeat;
  background-size: 100% 100%;
  background-position: center center;
  margin-bottom: 20px;
}

.home-content-box .home-strategy-car-box .strategy-content {
  margin: 0 auto;
  padding: 10px 45px;
  margin-top: 35px;
  width: 75%;
  border: 1px solid #f1f1f1;
  border-radius: 20px;
  background: #5bad96;
  height: 400px;
  overflow: auto;
  margin-bottom: 10px;
  line-height: 30px;
  color: #fff;
}

.home-content-box .home-news-car-box {
  width: 1120px;
  margin: 0 auto;
  margin-top: 50px;
}

.home-content-box .home-news-car-box .home-news-car-pic {
  height: 125px;
  width: 450px;
  margin: 0 auto;
  background: url(https://bucket-adshangchuan.oss-cn-shanghai.aliyuncs.com/webicon/images/carNews.png?daa80d6419024c5ec781aa43fb56d4e2) no-repeat;
  background-size: 100% 100%;
  background-position: center center;
  margin-bottom: 20px;
}

.home-content-box .home-news-car-box .home-news-car-body {
  width: 80%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  margin: 0 auto;
  margin-top: 40px;
}

.home-content-box .home-news-car-box .home-news-car-body .car-item-card {
  width: 23%;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  margin-right: 15px;
  margin-bottom: 15px;
  font-size: 15px;
}

.home-content-box .home-news-car-box .home-news-car-body .car-item-card .car-item-card-img {
  width: 100%;
  border: 2px solid #fff;
  border-bottom: none;
  border-top-left-radius: 10px;
  border-top-right-radius: 10px;
}

.home-content-box .home-news-car-box .home-news-car-body .car-item-card .car-item-card-body {
  border: 2px solid #fff;
  border-top: none;
  background-color: #b3d7cd;
  height: 100px;
  line-height: 1.5;
  padding: 10px;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  border-bottom-left-radius: 10px;
  border-bottom-right-radius: 10px;
}

.home-content-box .home-news-car-box .home-news-car-body .car-item-card .car-item-card-title {
  height: 44px;
  line-height: 1.5;
  margin-bottom: 10px;
}

.home-content-box .home-news-car-box .home-news-car-body .car-item-card .text-truncate {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.home-content-box .home-news-car-box .home-news-car-body .car-item-card .text-wrap {
  white-space: normal !important;
}

.home-content-box .home-news-car-box .home-news-car-body .car-item-card .car-item-card-body-foot {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: end;
      -ms-flex-pack: end;
          justify-content: flex-end;
}

.home-content-box .home-news-car-box .home-news-car-more-btn {
  width: 183px;
  height: 60px;
  line-height: 60px;
  border: 2px solid #fff;
  background: #5bad96;
  text-align: center;
  border-radius: 50px;
  color: #fff;
  font-size: 18px;
  cursor: pointer;
  margin: 30px auto;
}

.home-content-box .home-bottom-car-box {
  height: 93px;
  width: 100%;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  background-color: rgba(117, 186, 169, 0.8);
}

.home-content-box .home-bottom-car-box .kejizhihuiTwo {
  height: 39px;
  width: 40%;
  background: url(https://bucket-adshangchuan.oss-cn-shanghai.aliyuncs.com/webicon/images/kejizhihuiTwo.png?ad6be426ffd708d69451e20fd8650feb) no-repeat;
  background-size: 100% 100%;
  background-position: center center;
}

.user-works {
  padding: 0 .625rem 2.5rem;
  height: 100%;
  background-color: #fff;
}

.user-works .user-works-title {
  padding: .9375rem 0;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}

.user-works .user-works-title .user-works-title-text {
  font-size: .9375rem;
  color: #000;
  font-weight: bold;
  line-height: .9375rem;
}

.user-works .user-works-title .user-works-title-btn {
  padding: .4375rem 1.15625rem;
  border: .0625rem solid #0C65C3;
  border-radius: .3125rem;
  color: #0C65C3;
  font-size: .75rem;
}

.user-works .user-works-find-box {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  width: 100%;
}

.user-works .user-works-find-box .user-works-find-item {
  width: 50%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  margin-bottom: .625rem;
}

.user-works .user-works-find-box .user-works-find-item:nth-of-type(even) {
  padding-left: .3125rem;
}

.user-works .user-works-find-box .user-works-find-item:nth-of-type(odd) {
  padding-right: .3125rem;
}

.user-works .user-works-find-box .user-works-find-item .user-works-find-item-title {
  font-size: .75rem;
  color: #000;
  line-height: .75rem;
}

.user-works .user-works-find-box .user-works-find-item .user-works-find-item-select {
  width: 7.03125rem;
  height: 1.875rem;
  line-height: 1.875rem;
  padding-top: 0;
  padding-bottom: 0;
}

.user-works .user-works-find-box .user-works-find-item .user-works-find-item-select input {
  padding-top: 0;
  padding-bottom: 0;
}

.user-works .user-works-find-box .user-works-find-item .user-works-find-item-select span {
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
  width: 100%;
}

.user-works .user-works-find-btn {
  width: 100%;
  height: 2.125rem;
  background-color: #0C65C3;
  font-size: .9375rem;
  line-height: 2.125rem;
  text-align: center;
  border-radius: .3125rem;
  color: #fff;
  display: block;
  margin-bottom: 1.25rem;
}

.user-works .user-works-data-item {
  width: 100%;
  margin-bottom: .625rem;
  border-radius: .3125rem;
  border: .0625rem solid #e5e5e5;
  padding: 1.15625rem .625rem .9375rem;
  position: relative;
}

.user-works .user-works-data-item .user-works-data-item-type {
  position: absolute;
  top: .625rem;
  right: .625rem;
  padding: .5rem .625rem;
  color: #fff;
  font-size: .75rem;
  border-radius: .3125rem;
}

.user-works .user-works-data-item .user-works-data-item-type-ok {
  background-color: rgba(11, 209, 123, 0.2);
  border: #0BD17B;
  color: #0BD17B;
}

.user-works .user-works-data-item .user-works-data-item-type-no {
  background-color: rgba(252, 110, 81, 0.2);
  border: #FC6E51;
  color: #FC6E51;
}

.user-works .user-works-data-item .user-works-data-item-title {
  width: 100%;
  font-size: .75rem;
  line-height: .75rem;
  margin-bottom: .90625rem;
}

.user-works .user-works-data-item .user-works-data-item-title .user-works-data-item-title-text {
  color: #666666;
}

.user-works .user-works-data-item .user-works-data-item-btn-bar {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}

.user-works .user-works-data-item .user-works-data-item-btn-bar .user-works-data-item-btn {
  padding: .53125rem .5rem;
  font-size: .875rem;
  line-height: .875rem;
  border: .0625rem solid #0C65C3;
  color: #0C65C3;
  border-radius: .3125rem;
}

.user-works-message {
  width: 100%;
  background-color: #fff;
  height: 100%;
  padding: 0 1.25rem 2.5rem;
}

.user-works-message .user-works-message-title {
  width: 100%;
  color: #000;
  font-weight: bold;
  padding: 1.25rem 0;
  font-size: .9375rem;
  line-height: .9375rem;
}

.user-works-message .user-works-message-input-box {
  padding-bottom: 1.5rem;
}

.user-works-message .user-works-message-input-box .user-works-message-input-item {
  margin-bottom: 1.25rem;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}

.user-works-message .user-works-message-input-box .user-works-message-input-item .cube-validator-msg-def {
  font-size: .75rem;
  line-height: .75rem;
}

.user-works-message .user-works-message-input-box .user-works-message-input-item .cube-validator {
  position: absolute;
  bottom: -1.25rem;
  left: 0;
}

.user-works-message .user-works-message-input-box .user-works-message-input-item .user-works-message-input-item-title {
  color: #000;
  font-size: .75rem;
  line-height: .75rem;
  padding-left: .375rem;
}

.user-works-message .user-works-message-input-box .user-works-message-input-item .user-works-message-input-item-select {
  width: 70vw;
  height: 1.875rem;
  line-height: 1.875rem;
  padding-top: 0;
  padding-bottom: 0;
}

.user-works-message .user-works-message-input-box .user-works-message-input-item .user-works-message-input-item-select input {
  padding-top: 0;
  padding-bottom: 0;
}

.user-works-message .user-works-message-input-box .user-works-message-input-item .user-works-message-input-item-content {
  width: 70vw;
}

.user-works-message .user-works-message-input-box .user-works-message-input-item .user-works-message-input-item-content .user-works-message-input-item-content-box {
  width: 100%;
  height: 6.25rem;
  color: #000;
  font-size: .75rem;
  border: .0625rem solid #e5e5e5;
  border-radius: .3125rem;
  margin-bottom: .46875rem;
}

.user-works-message .user-works-message-input-box .user-works-message-input-item .user-works-message-input-item-content .user-works-message-input-item-content-box .user-works-message-input-item-content-body {
  padding: .625rem;
}

.user-works-message .user-works-message-input-box .user-works-message-input-item .user-works-message-input-item-content .user-works-message-input-item-content-check {
  font-size: .625rem;
  color: #999;
  line-height: .625rem;
  padding: 0;
}

.user-works-message .user-works-message-input-box .user-works-message-input-item .user-works-message-input-item-content .user-works-message-input-item-content-check label {
  padding: 0;
}

.user-works-message .user-works-message-btn-box {
  width: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  margin-top: 1.5625rem;
}

.user-works-message .user-works-message-btn-box .user-works-message-btn-left {
  width: 5.25rem;
  padding: .5625rem 0;
  font-size: .75rem;
  line-height: .75rem;
  text-align: center;
  color: #0C65C3;
  border-radius: .3125rem;
  border: .0625rem solid #0C65C3;
  margin-right: .625rem;
}

.user-works-message .user-works-message-btn-box .user-works-message-btn-right {
  width: 5.25rem;
  padding: .5625rem 0;
  font-size: .75rem;
  line-height: .75rem;
  text-align: center;
  color: #fff;
  border-radius: .3125rem;
  background-color: #0C65C3;
}

.user-works-people {
  width: 100%;
  background-color: #fff;
  position: relative;
  height: calc(100% - 2.5rem);
}

.user-works-people .user-works-people-title-bar {
  width: 100%;
  padding: .625rem 1.25rem;
  font-size: .75rem;
  background-color: #f4f4f4;
}

.user-works-people .user-works-people-mobile-box {
  width: 100%;
  padding: 1.25rem 1.25rem;
}

.user-works-people .user-works-people-mobile-box .user-works-people-mobile-body {
  margin-bottom: 1.25rem;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}

.user-works-people .user-works-people-mobile-box .user-works-people-mobile-body .user-works-message-input-item-title {
  color: #000;
  font-size: .9375rem;
  line-height: .9375rem;
}

.user-works-people .user-works-people-mobile-box .user-works-people-mobile-body .user-works-people-mobile-body-select {
  width: 14.625rem;
  height: 1.875rem;
  line-height: 1.875rem;
  padding-top: 0;
  padding-bottom: 0;
}

.user-works-people .user-works-people-mobile-box .user-works-people-mobile-body .user-works-people-mobile-body-select input {
  padding-top: 0;
  padding-bottom: 0;
}

.user-works-people .user-works-people-mobile-box .user-works-people-mobile-btn {
  width: 100%;
  padding: .625rem 0;
  text-align: center;
  border-radius: .3125rem;
  background-color: #0C65C3;
  color: #fff;
  font-size: .9375rem;
  line-height: .9375rem;
}

.user-works-people .user-works-people-mobile-list {
  width: 100%;
  min-height: 10rem;
}

.user-works-people .user-works-people-mobile-list .user-works-people-mobile-list-item {
  width: 100%;
  height: 4.5rem;
  padding: 0 1.25rem;
  border-bottom: .0625rem solid #e5e5e5;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}

.user-works-people .user-works-people-mobile-list .user-works-people-mobile-list-item .user-works-people-mobile-list-item-left {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}

.user-works-people .user-works-people-mobile-list .user-works-people-mobile-list-item .user-works-people-mobile-list-item-left .user-works-people-mobile-list-item-left-title {
  font-size: 12px;
  line-height: .9375rem;
}

.user-works-people .user-works-people-mobile-list .user-works-people-mobile-list-item .user-works-people-mobile-list-item-left .user-works-people-mobile-list-item-left-top {
  margin-bottom: .75rem;
  color: #000;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}

.user-works-people .user-works-people-mobile-list .user-works-people-mobile-list-item .user-works-people-mobile-list-item-left .user-works-people-mobile-list-item-left-top .user-works-people-mobile-list-item-left-name {
  font-size: .9375rem;
  line-height: .9375rem;
  margin-right: 1.0625rem;
}

.user-works-people .user-works-people-mobile-list .user-works-people-mobile-list-item .user-works-people-mobile-list-item-left .user-works-people-mobile-list-item-left-top .user-works-people-mobile-list-item-left-phone {
  font-size: 12px;
  line-height: .75rem;
}

.user-works-people .user-works-people-mobile-list .user-works-people-mobile-list-item .user-works-people-mobile-list-item-left .user-works-people-mobile-list-item-left-bottom {
  font-size: .75rem;
  color: #000;
  line-height: .75rem;
}

.user-works-people .user-works-people-mobile-list .user-works-people-mobile-list-item .user-works-people-mobile-list-btn {
  padding: .5625rem;
  font-size: .875rem;
  line-height: .875rem;
  color: #0C65C3;
  border: .0625rem solid #0C65C3;
  border-radius: .3125rem;
}

.user-works-people .user-works-people-mobile-btn-box {
  position: absolute;
  left: 0;
  right: 0;
  z-index: 10;
  bottom: 3.75rem;
  width: 100%;
  padding: 0 1.25rem;
}

.user-works-people .user-works-people-mobile-btn-box .user-works-people-mobile-btn {
  width: 100%;
  padding: .625rem 0;
  text-align: center;
  font-size: .9375rem;
  line-height: .9375rem;
  color: #fff;
  border-radius: .3125rem;
  background-color: #0C65C3;
}

.user-works-upload {
  width: 100%;
  background-color: #fff;
}

.user-works-upload .user-works-upload-title-bar {
  width: 100%;
  padding: .625rem 1.25rem;
  font-size: .75rem;
  background-color: #f4f4f4;
}

.user-works-upload .user-works-upload-body {
  padding: 1.25rem;
}

.user-works-upload .user-works-upload-body .user-works-upload-body-title {
  font-size: .75rem;
  line-height: 1.2;
  margin-bottom: 1.5625rem;
}

.user-works-upload .user-works-upload-body .user-works-upload-body-img {
  width: 4.5rem;
  height: 4.5rem;
  border-radius: .3125rem;
}

.user-works-upload .user-works-upload-body .user-works-upload-body-btn {
  margin-top: 2.1875rem;
  padding: .625rem 0;
  border-radius: .3125rem;
  background-color: #0C65C3;
  color: #fff;
  font-size: .9375rem;
  line-height: .9375rem;
  text-align: center;
}

.title-mandatory-text {
  position: relative;
}

.title-mandatory-text::before {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  z-index: 9;
  content: "*";
  display: block;
  color: #e64340;
}

.uploadLogin {
  width: 100%;
  height: 100%;
}

.uploadLogin .uploadLogin-content {
  height: 100%;
  background-color: #BEDCB8;
  background-image: url("https://www.5iidea.comhttps://bucket-adshangchuan.oss-cn-shanghai.aliyuncs.com/webicon/images/new/upload/foot.png");
  background-repeat: no-repeat;
  background-size: 100%;
  background-position: bottom;
}

.uploadLogin .uploadLogin-content .uploadLogin-content-container {
  z-index: 10;
  width: 100%;
}

.uploadLogin .uploadLogin-content .uploadLogin-content-container .uploadLogin-content-top-logo {
  padding-top: 1rem;
  text-align: right;
}

.uploadLogin .uploadLogin-content .uploadLogin-content-container .uploadLogin-content-top-logo img {
  width: 8.875rem;
  padding-right: 1rem;
}

.uploadLogin .uploadLogin-content .uploadLogin-content-container .uploadLogin-content-center-logo {
  text-align: center;
  margin-top: 5rem;
}

.uploadLogin .uploadLogin-content .uploadLogin-content-container .uploadLogin-content-center-logo img {
  width: 9.75rem;
}

.uploadLogin .uploadLogin-content .uploadLogin-content-container .uploadLogin-content-center-main {
  position: relative;
  width: 19.6875rem;
  margin: auto;
}

.uploadLogin .uploadLogin-content .uploadLogin-content-container .uploadLogin-content-center-main .uploadLogin-content-center-main-top {
  margin-top: 9rem;
}

.uploadLogin .uploadLogin-content .uploadLogin-content-container .uploadLogin-content-center-main .uploadLogin-content-center-main-top .uploadLogin-content-center-main-top-imgOne {
  width: 7.9375rem;
  position: absolute;
  z-index: 10;
  top: -3.4375rem;
  left: -0.625rem;
}

.uploadLogin .uploadLogin-content .uploadLogin-content-container .uploadLogin-content-center-main .uploadLogin-content-center-main-top .uploadLogin-content-center-main-top-imgTwo {
  width: 14.375rem;
  position: absolute;
  z-index: 1;
  top: -3.3125rem;
  left: 3.875rem;
}

.uploadLogin .uploadLogin-content .uploadLogin-content-container .uploadLogin-content-center-main .uploadLogin-content-center-main-content {
  background-color: rgba(255, 255, 255, 0.6);
  border-radius: 1.875rem;
  width: 100%;
  padding: 2.5rem 0;
}

.uploadLogin .uploadLogin-content .uploadLogin-content-container .uploadLogin-content-center-main .uploadLogin-content-center-main-content .uploadLogin-content-center-main-text {
  color: #557C78;
  font-size: 1.0625rem;
  font-weight: bold;
  text-align: center;
}

.uploadLogin .uploadLogin-content .uploadLogin-content-container .uploadLogin-content-center-main .uploadLogin-content-center-main-content .uploadLogin-content-center-main-phone {
  width: 75%;
  margin: 1.75rem auto 1.25rem;
}

.uploadLogin .uploadLogin-content .uploadLogin-content-container .uploadLogin-content-center-main .uploadLogin-content-center-main-content .uploadLogin-content-center-main-phone .uploadLogin-content-center-main-phone-input {
  border-radius: .625rem;
}

.uploadLogin .uploadLogin-content .uploadLogin-content-container .uploadLogin-content-center-main .uploadLogin-content-center-main-content .uploadLogin-content-center-main-code {
  width: 75%;
  margin: auto;
}

.uploadLogin .uploadLogin-content .uploadLogin-content-container .uploadLogin-content-center-main .uploadLogin-content-center-main-content .uploadLogin-content-center-main-code .uploadLogin-content-center-main-code-input {
  border-radius: .625rem;
}

.uploadLogin .uploadLogin-content .uploadLogin-content-container .uploadLogin-content-center-main .uploadLogin-content-center-main-content .uploadLogin-content-center-main-button {
  width: 75%;
  margin: 2.5rem auto 0;
}

.uploadLogin .uploadLogin-content .uploadLogin-content-container .uploadLogin-content-center-main .uploadLogin-content-center-main-content .uploadLogin-content-center-main-button .uploadLogin-content-center-main-button-login {
  background-color: #557C78;
  width: 100%;
  color: #ffffff;
}

.uploadLogin .uploadLogin-footer {
  position: fixed;
  bottom: 0;
  z-index: 1;
}

.uploadLogin .uploadLogin-footer img {
  width: 100%;
}

.cube-input .cube-input-field {
  border-radius: 0.625rem;
}

.cube-input_active:after {
  border-color: #ffffff !important;
}

.completeNew {
  width: 100%;
  height: 100%;
}

.completeNew .completeNew-content {
  height: 100%;
  background-color: #BEDCB8;
}

.completeNew .completeNew-content .completeNew-content-container {
  position: absolute;
  z-index: 10;
  width: 100%;
}

.completeNew .completeNew-content .completeNew-content-container .completeNew-content-top-logo {
  padding-top: 1rem;
  text-align: right;
}

.completeNew .completeNew-content .completeNew-content-container .completeNew-content-top-logo img {
  width: 8.875rem;
  padding-right: 1rem;
}

.completeNew .completeNew-content .completeNew-content-container .completeNew-content-center-logo {
  text-align: center;
  margin-top: 5rem;
}

.completeNew .completeNew-content .completeNew-content-container .completeNew-content-center-logo img {
  width: 9.75rem;
}

.completeNew .completeNew-content .completeNew-content-container .completeNew-content-center-main {
  position: relative;
  width: 19.6875rem;
  margin: auto;
}

.completeNew .completeNew-content .completeNew-content-container .completeNew-content-center-main .completeNew-content-center-main-top {
  margin-top: 9rem;
}

.completeNew .completeNew-content .completeNew-content-container .completeNew-content-center-main .completeNew-content-center-main-top .completeNew-content-center-main-top-imgOne {
  width: 7.9375rem;
  position: absolute;
  z-index: 10;
  top: -3.4375rem;
  left: -0.625rem;
}

.completeNew .completeNew-content .completeNew-content-container .completeNew-content-center-main .completeNew-content-center-main-top .completeNew-content-center-main-top-imgTwo {
  width: 14.375rem;
  position: absolute;
  z-index: 1;
  top: -3.3125rem;
  left: 3.875rem;
}

.completeNew .completeNew-content .completeNew-content-container .completeNew-content-center-main .completeNew-content-center-main-content {
  background-color: rgba(255, 255, 255, 0.6);
  border-radius: 1.875rem;
  width: 100%;
  padding: 2.5rem 0;
}

.completeNew .completeNew-content .completeNew-content-container .completeNew-content-center-main .completeNew-content-center-main-content .completeNew-content-center-main-text {
  color: #557C78;
  font-size: 1.0625rem;
  font-weight: bold;
  text-align: center;
}

.completeNew .completeNew-content .completeNew-content-container .completeNew-content-center-main .completeNew-content-center-main-content .completeNew-content-center-main-phone {
  width: 75%;
  margin: 1.75rem auto 1.25rem;
}

.completeNew .completeNew-content .completeNew-content-container .completeNew-content-center-main .completeNew-content-center-main-content .completeNew-content-center-main-phone .completeNew-content-center-main-phone-input {
  border-radius: .625rem;
}

.completeNew .completeNew-content .completeNew-content-container .completeNew-content-center-main .completeNew-content-center-main-content .completeNew-content-center-main-code {
  width: 75%;
  margin: auto;
}

.completeNew .completeNew-content .completeNew-content-container .completeNew-content-center-main .completeNew-content-center-main-content .completeNew-content-center-main-code .completeNew-content-center-main-code-input {
  border-radius: .625rem;
}

.completeNew .completeNew-content .completeNew-content-container .completeNew-content-center-main .completeNew-content-center-main-content .completeNew-content-center-main-button {
  width: 75%;
  margin: 2.5rem auto 0;
}

.completeNew .completeNew-content .completeNew-content-container .completeNew-content-center-main .completeNew-content-center-main-content .completeNew-content-center-main-button .completeNew-content-center-main-button-login {
  background-color: #557C78;
  width: 100%;
  color: #ffffff;
}

.completeNew .completeNew-footer {
  position: fixed;
  bottom: 0;
  z-index: 1;
}

.completeNew .completeNew-footer img {
  width: 100%;
}

.uploadSuccess {
  width: 100%;
  height: 100%;
}

.uploadSuccess .uploadSuccess-content {
  height: 100%;
  overflow: auto;
  background-color: #BEDCB8;
}

.uploadSuccess .uploadSuccess-content .uploadSuccess-content-center-top {
  padding: 5rem 0 3rem;
  width: 19.6875rem;
  margin: auto;
  position: relative;
}

.uploadSuccess .uploadSuccess-content .uploadSuccess-content-center-top .uploadSuccess-content-center-top-line {
  width: 100%;
  height: 0.0625rem;
  background-color: #4F7675;
}

.uploadSuccess .uploadSuccess-content .uploadSuccess-content-center-top .uploadSuccess-content-center-top-text {
  color: #4F7675;
  font-size: 1.1875rem;
  font-weight: bold;
  padding: 0 1.25rem 0.5rem;
  position: absolute;
  top: 2.55rem;
  left: 6.21875rem;
  border-bottom: 0.3rem solid #4F7675;
}

.uploadSuccess .uploadSuccess-content .uploadSuccess-content-center-main {
  position: relative;
  width: 19.6875rem;
  margin: auto;
}

.uploadSuccess .uploadSuccess-content .uploadSuccess-content-center-main .uploadSuccess-content-center-main-top {
  margin-top: 3rem;
}

.uploadSuccess .uploadSuccess-content .uploadSuccess-content-center-main .uploadSuccess-content-center-main-top .uploadSuccess-content-center-main-top-imgOne {
  width: 7.9375rem;
  position: absolute;
  z-index: 10;
  top: -3.4375rem;
  left: -0.625rem;
}

.uploadSuccess .uploadSuccess-content .uploadSuccess-content-center-main .uploadSuccess-content-center-main-top .uploadSuccess-content-center-main-top-imgTwo {
  width: 14.375rem;
  position: absolute;
  z-index: 1;
  top: -3.3125rem;
  left: 3.875rem;
}

.uploadSuccess .uploadSuccess-content .uploadSuccess-content-center-main .uploadSuccess-content-center-main-content {
  background-color: #ffffff;
  border-radius: 1.875rem;
  width: 100%;
  padding: 2.5rem 0;
  border: 0.0625rem solid #4F7675;
}

.uploadSuccess .uploadSuccess-content .uploadSuccess-content-center-main .uploadSuccess-content-center-main-content .uploadSuccess-content-center-main-img {
  width: 5.1875rem;
  margin: 3rem auto;
}

.uploadSuccess .uploadSuccess-content .uploadSuccess-content-center-main .uploadSuccess-content-center-main-content .uploadSuccess-content-center-main-img img {
  width: 100%;
}

.uploadSuccess .uploadSuccess-content .uploadSuccess-content-center-main .uploadSuccess-content-center-main-content .uploadSuccess-content-center-main-text {
  color: #4F7675;
  font-size: 1rem;
  text-align: center;
}

.uploadSuccess .uploadSuccess-content .uploadSuccess-content-center-main .uploadSuccess-content-center-main-content .uploadSuccess-content-center-main-button {
  width: 75%;
  margin: 6rem auto 8rem;
}

.uploadSuccess .uploadSuccess-content .uploadSuccess-content-center-main .uploadSuccess-content-center-main-content .uploadSuccess-content-center-main-button .uploadSuccess-content-center-main-button-login {
  background-color: #557C78;
  width: 100%;
  color: #ffffff;
}

.uploadWorks {
  width: 100%;
  height: 100%;
}

.uploadWorks .uploadWorks-content {
  height: 100%;
  overflow: auto;
  background-color: #BEDCB8;
}

.uploadWorks .uploadWorks-content .uploadWorks-content-center-top {
  padding: 5rem 0;
  width: 19.6875rem;
  margin: auto;
  position: relative;
}

.uploadWorks .uploadWorks-content .uploadWorks-content-center-top .uploadWorks-content-center-top-line {
  width: 100%;
  height: 0.0625rem;
  background-color: #4F7675;
}

.uploadWorks .uploadWorks-content .uploadWorks-content-center-top .uploadWorks-content-center-top-text {
  color: #4F7675;
  font-size: 1.1875rem;
  font-weight: bold;
  padding: 0 1.25rem 0.5rem;
  position: absolute;
  top: 2.55rem;
  left: 6.21875rem;
  border-bottom: 0.3rem solid #4F7675;
}

.uploadWorks .uploadWorks-content .uploadWorks-content-center-main {
  position: relative;
  width: 19.6875rem;
  margin: auto;
}

.uploadWorks .uploadWorks-content .uploadWorks-content-center-main .uploadWorks-content-center-main-top {
  margin-top: 3rem;
}

.uploadWorks .uploadWorks-content .uploadWorks-content-center-main .uploadWorks-content-center-main-top .uploadWorks-content-center-main-top-imgOne {
  width: 7.9375rem;
  position: absolute;
  z-index: 10;
  top: -3.4375rem;
  left: -0.625rem;
}

.uploadWorks .uploadWorks-content .uploadWorks-content-center-main .uploadWorks-content-center-main-top .uploadWorks-content-center-main-top-imgTwo {
  width: 14.375rem;
  position: absolute;
  z-index: 1;
  top: -3.3125rem;
  left: 3.875rem;
}

.uploadWorks .uploadWorks-content .uploadWorks-content-center-main .uploadWorks-content-center-main-content {
  background-color: #ffffff;
  border-radius: 1.875rem;
  width: 100%;
  padding: 2.5rem 1rem;
  border: 0.0625rem solid #4F7675;
}

.uploadWorks .uploadWorks-content .uploadWorks-content-center-main .uploadWorks-content-center-main-content .uploadWorks-content-center-main-tab {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: distribute;
      justify-content: space-around;
}

.uploadWorks .uploadWorks-content .uploadWorks-content-center-main .uploadWorks-content-center-main-content .uploadWorks-content-center-main-tab .uploadWorks-content-center-main-left {
  color: #ffffff;
  font-size: 1rem;
  text-align: center;
  border-radius: 1.875rem;
  padding: 0.015rem 1.5rem;
}

.uploadWorks .uploadWorks-content .uploadWorks-content-center-main .uploadWorks-content-center-main-content .uploadWorks-content-center-main-tab .uploadWorks-content-center-main-right {
  font-size: 1rem;
  color: #ffffff;
  text-align: center;
  border-radius: 1.875rem;
  padding: 0.015rem 1.5rem;
}

.uploadWorks .uploadWorks-content .uploadWorks-content-center-main .uploadWorks-content-center-main-content .uploadWorks-content-center-main-input {
  margin: 1.5rem 0.5rem;
}

.uploadWorks .uploadWorks-content .uploadWorks-content-center-main .uploadWorks-content-center-main-content .uploadWorks-content-center-main-input .uploadWorks-content-center-main-input-name {
  color: #4F7675;
  font-size: 1rem;
}

.uploadWorks .uploadWorks-content .uploadWorks-content-center-main .uploadWorks-content-center-main-content .uploadWorks-content-center-main-input .uploadWorks-content-center-main-input-box {
  border-radius: 1.25rem !important;
  border: 0.0625rem solid #BBDBB6;
  margin: .625rem 0;
}

.uploadWorks .uploadWorks-content .uploadWorks-content-center-main .uploadWorks-content-center-main-content .uploadWorks-content-center-main-input .cube-input .cube-input-field {
  border-radius: 1.875rem !important;
  padding: 5px 10px;
}

.uploadWorks .uploadWorks-content .uploadWorks-content-center-main .uploadWorks-content-center-main-content .uploadWorks-content-center-main-input .cube-input:after {
  border: none;
}

.uploadWorks .uploadWorks-content .uploadWorks-content-center-main .uploadWorks-content-center-main-content .uploadWorks-content-center-main-input .cube-input_active:after {
  border-color: #ffffff;
}

.uploadWorks .uploadWorks-content .uploadWorks-content-center-main .uploadWorks-content-center-main-content .uploadWorks-content-center-main-upload {
  margin: 1.5rem 0.5rem 10rem;
}

.uploadWorks .uploadWorks-content .uploadWorks-content-center-main .uploadWorks-content-center-main-content .uploadWorks-content-center-main-upload .uploadWorks-content-center-main-upload-name {
  color: #4F7675;
  font-size: 1rem;
  margin-bottom: 0.625rem;
}

.uploadWorks .uploadWorks-content .uploadWorks-content-center-main .uploadWorks-content-center-main-content .uploadWorks-content-center-main-upload .cube-upload-btn-def:after {
  border: .0625rem solid #BBDBB6;
}

.uploadWorks .uploadWorks-content .uploadWorks-content-center-main .uploadWorks-content-center-main-content .uploadWorks-content-center-main-upload .cube-upload-btn-def > i:after,
.uploadWorks .uploadWorks-content .uploadWorks-content-center-main .uploadWorks-content-center-main-content .uploadWorks-content-center-main-upload .cube-upload-btn-def > i:before {
  background-color: #BBDBB6;
}

.uploadWorks .uploadWorks-content .uploadWorks-content-button {
  width: 30%;
  margin: 3rem auto;
}

.uploadWorks .uploadWorks-content .uploadWorks-content-button .uploadWorks-content-button-submit {
  background-color: #557C78;
  width: 100%;
  color: #ffffff;
}

.uploadHome {
  background-color: #B5DEB5FF;
}

.uploadHome .uploadHome-banner {
  position: relative;
}

.uploadHome .uploadHome-banner .banner-imgOne {
  width: 100%;
}

.uploadHome .uploadHome-banner .banner-imgTwo {
  width: 3.0625rem;
  position: absolute;
  top: .8125rem;
  left: .8125rem;
}

.uploadHome .uploadHome-banner .banner-imgThree {
  width: 6.5rem;
  position: absolute;
  top: .9375rem;
  right: .8125rem;
}

.uploadHome .uploadHome-navigation {
  position: absolute;
  bottom: -0.8125rem;
  padding: 0 1.5rem;
  width: 100%;
}

.uploadHome .uploadHome-navigation .uploadHome-navigation-item {
  color: #ffffff;
  font-size: .8125rem;
  padding: 0.25rem 1.25rem;
  background: -webkit-gradient(linear, left top, left bottom, from(#a5cca5), to(#68986e));
  background: linear-gradient(to bottom, #a5cca5, #68986e);
  border-radius: .625rem;
}

.uploadHome .uploadHome-content {
  background-color: #B5DEB5FF;
}

.uploadHome .uploadHome-content .uploadHome-content-container {
  height: 100%;
}

.uploadHome .uploadHome-content .uploadHome-content-title {
  position: relative;
  width: 21.4375rem;
  margin: 3rem auto 0;
}

.uploadHome .uploadHome-content .uploadHome-content-title .uploadHome-content-title-line {
  width: 100%;
  height: 0.0625rem;
  background-color: #4F7675;
}

.uploadHome .uploadHome-content .uploadHome-content-title .uploadHome-content-title-name {
  color: #4F7675;
  font-size: 1.1875rem;
  font-weight: bold;
  padding: 0 1.25rem 0.5rem;
  position: absolute;
  top: -2.45rem;
  left: 7.05rem;
  border-bottom: 0.3rem solid #4F7675;
}

.uploadHome .uploadHome-content .uploadHome-content-main {
  position: relative;
  width: 21.4375rem;
  margin: auto;
  height: 71.5rem;
}

.uploadHome .uploadHome-content .uploadHome-content-main .uploadHome-content-main-top .uploadHome-content-main-top-left {
  width: 6.25rem;
  position: absolute;
  z-index: 10;
}

.uploadHome .uploadHome-content .uploadHome-content-main .uploadHome-content-main-top .uploadHome-content-main-top-right {
  width: 14.375rem;
  position: absolute;
  z-index: 1;
  left: 2.5rem;
  top: .375rem;
}

.uploadHome .uploadHome-content .uploadHome-content-main .uploadHome-content-main-content {
  width: 21.4375rem;
  height: 92rem;
  border: .0625rem solid #4f7675;
  background-color: #ffffff;
  border-radius: .625rem;
  margin: 3.38rem auto 0;
  position: absolute;
  z-index: 2;
  padding: 1rem;
}

.uploadHome .uploadHome-content .uploadHome-content-main .uploadHome-content-main-content .uploadHome-content-main-content-box {
  position: relative;
  height: 15.75rem;
}

.uploadHome .uploadHome-content .uploadHome-content-main .uploadHome-content-main-content .uploadHome-content-main-content-box .uploadHome-content-main-content-box-in {
  width: 19rem;
  height: 18.25rem;
  border: .0625rem solid #4f7675;
  border-radius: .625rem;
  position: absolute;
  top: .375rem;
  right: 0;
  z-index: 1;
  background-color: #e0ffe0;
}

.uploadHome .uploadHome-content .uploadHome-content-main .uploadHome-content-main-content .uploadHome-content-main-content-box .uploadHome-content-main-content-box-on {
  width: 19rem;
  height: 18.25rem;
  background-color: #ffffff;
  border: .0625rem solid #c7e2c2;
  border-radius: .625rem;
  position: absolute;
  left: 0;
  z-index: 10;
}

.uploadHome .uploadHome-content .uploadHome-content-main .uploadHome-content-main-content .uploadHome-content-main-content-box .uploadHome-content-main-content-box-on .uploadHome-content-main-content-box-on-title {
  background-color: #94c184;
  padding: 0.25rem 0.5rem;
  font-size: 0.875rem;
  width: 4.55rem;
  color: #ffffff;
  margin: auto;
  border-radius: 0 0 .625rem .625rem;
}

.uploadHome .uploadHome-content .uploadHome-content-main .uploadHome-content-main-content .uploadHome-content-main-content-box .uploadHome-content-main-content-box-on .uploadHome-content-main-content-box-on-text {
  margin: .625rem auto;
  text-align: center;
  font-size: 0.875rem;
  padding: 0 .625rem;
  text-indent: 2em;
  text-align: left;
  color: #4f7675;
}

.uploadHome .uploadHome-content .uploadHome-content-main .uploadHome-content-main-content .uploadHome-content-main-content-box .uploadHome-content-main-content-box-on .uploadHome-content-main-content-box-on-text img {
  width: 17.1875rem;
}

.uploadHome .uploadHome-content .uploadHome-content-main .uploadHome-content-main-content .uploadHome-content-main-content-second-box {
  position: relative;
  height: 21.475rem;
}

.uploadHome .uploadHome-content .uploadHome-content-main .uploadHome-content-main-content .uploadHome-content-main-content-second-box .uploadHome-content-main-content-second-box-in {
  width: 19rem;
  height: 24rem;
  border: .0625rem solid #4f7675;
  border-radius: .625rem;
  position: absolute;
  top: .375rem;
  right: 0;
  z-index: 1;
  background-color: #e0ffe0;
}

.uploadHome .uploadHome-content .uploadHome-content-main .uploadHome-content-main-content .uploadHome-content-main-content-second-box .uploadHome-content-main-content-second-box-on {
  width: 19rem;
  height: 24rem;
  background-color: #ffffff;
  border: .0625rem solid #c7e2c2;
  border-radius: .625rem;
  position: absolute;
  left: 0;
  z-index: 10;
}

.uploadHome .uploadHome-content .uploadHome-content-main .uploadHome-content-main-content .uploadHome-content-main-content-second-box .uploadHome-content-main-content-second-box-on .uploadHome-content-main-content-second-box-on-title {
  background-color: #94c184;
  padding: 0.25rem 0.5rem;
  font-size: .875rem;
  width: 4.55rem;
  color: #ffffff;
  margin: auto;
  border-radius: 0 0 .625rem .625rem;
}

.uploadHome .uploadHome-content .uploadHome-content-main .uploadHome-content-main-content .uploadHome-content-main-content-second-box .uploadHome-content-main-content-second-box-on .uploadHome-content-main-content-second-box-on-text {
  margin: .625rem auto;
  text-align: center;
  font-size: .875rem;
  padding: 0 .625rem;
  text-indent: 2em;
  text-align: left;
  color: #4f7675;
}

.uploadHome .uploadHome-content .uploadHome-content-main .uploadHome-content-main-content .uploadHome-content-main-content-second-box .uploadHome-content-main-content-second-box-on .uploadHome-content-main-content-second-box-on-text img {
  width: 17.1875rem;
}

.uploadHome .uploadHome-content .uploadHome-content-main .uploadHome-content-main-content .uploadHome-content-main-content-third-box {
  position: relative;
  height: 18.7rem;
}

.uploadHome .uploadHome-content .uploadHome-content-main .uploadHome-content-main-content .uploadHome-content-main-content-third-box .uploadHome-content-main-content-third-box-in {
  width: 19rem;
  height: 22rem;
  border: .0625rem solid #4f7675;
  border-radius: .625rem;
  position: absolute;
  top: .375rem;
  right: 0;
  z-index: 1;
  background-color: #e0ffe0;
}

.uploadHome .uploadHome-content .uploadHome-content-main .uploadHome-content-main-content .uploadHome-content-main-content-third-box .uploadHome-content-main-content-third-box-on {
  width: 19rem;
  height: 22rem;
  background-color: #ffffff;
  border: .0625rem solid #c7e2c2;
  border-radius: .625rem;
  position: absolute;
  left: 0;
  z-index: 10;
}

.uploadHome .uploadHome-content .uploadHome-content-main .uploadHome-content-main-content .uploadHome-content-main-content-third-box .uploadHome-content-main-content-third-box-on .uploadHome-content-main-content-third-box-on-title {
  background-color: #94c184;
  padding: 0.25rem 0.5rem;
  font-size: .875rem;
  width: 4.55rem;
  color: #ffffff;
  margin: auto;
  border-radius: 0 0 .625rem .625rem;
}

.uploadHome .uploadHome-content .uploadHome-content-main .uploadHome-content-main-content .uploadHome-content-main-content-third-box .uploadHome-content-main-content-third-box-on .uploadHome-content-main-content-third-box-on-text {
  margin: .625rem auto;
  text-align: center;
  font-size: .875rem;
  padding: 0 .625rem;
  text-indent: 2em;
  text-align: left;
  color: #4f7675;
}

.uploadHome .uploadHome-content .uploadHome-content-main .uploadHome-content-main-content .uploadHome-content-main-content-third-box .uploadHome-content-main-content-third-box-on .uploadHome-content-main-content-third-box-on-text img {
  width: 17.1875rem;
}

.uploadHome .uploadHome-content .uploadHome-content-main .uploadHome-content-main-content .uploadHome-content-main-content-icon {
  margin-top: 3rem;
  text-align: center;
}

.uploadHome .uploadHome-content .uploadHome-content-main .uploadHome-content-main-content .uploadHome-content-main-content-icon img {
  width: .6875rem;
}

.uploadHome .uploadHome-content .uploadHome-content-main .uploadHome-content-main-content .center-top-activity {
  height: 6.5rem;
}

.uploadHome .uploadHome-content .uploadHome-content-main .uploadHome-content-main-content .center-top-activity .swiper-mobile-two {
  height: 100%;
}

.uploadHome .uploadHome-content .uploadHome-content-main .uploadHome-content-main-content .center-top-activity .swiper-mobile-two .swiper-wrapper .card {
  width: 100%;
  height: 100%;
  border: .0625rem solid #B5DEB5FF;
}

.uploadHome .uploadHome-content .uploadHome-content-main .uploadHome-content-main-content .center-top-activity .swiper-mobile-two .swiper-wrapper .card .card-img-top {
  width: 100%;
  height: 80%;
  border-radius: 0.3125rem;
}

.uploadHome .uploadHome-content .uploadHome-content-main .uploadHome-content-main-content .center-top-activity .swiper-mobile-two .swiper-wrapper .card .card-img-top-text {
  height: 20%;
  text-align: left;
  text-indent: 1em;
  font-size: 0.5rem !important;
  width: 100%;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

.uploadHome .uploadHome-content .uploadHome-content-main .uploadHome-content-main-content .center-top-activity .swiper-mobile-two .swiper-wrapper .card .card-body {
  padding: 0.625rem 0.625rem 0 0.625rem;
}

.uploadHome .uploadHome-content .uploadHome-content-main .uploadHome-content-main-content .center-top-activity .swiper-mobile-two .swiper-wrapper .card .card-body .card-text-title {
  font-size: 0.75rem;
  color: #202020;
  margin-bottom: 0.625rem !important;
}

.uploadHome .uploadHome-content .uploadHome-content-main .uploadHome-content-main-content .center-top-activity .swiper-mobile-two .swiper-wrapper .card .card-body .card-text-subTitle {
  font-size: 0.5625rem;
  color: #666;
}

.uploadHome .uploadHome-content .uploadHome-content-main .uploadHome-content-main-content .center-top-activity .swiper-mobile-two .swiper-wrapper .card .list-group {
  margin-top: 0.78125rem;
}

.uploadHome .uploadHome-content .uploadHome-content-main .uploadHome-content-main-content .center-top-activity .swiper-mobile-two .swiper-wrapper .card .list-group .list-group-item {
  font-size: 0.5625rem;
  color: #c4c4c4;
  line-height: 2.25rem;
}

.uploadHome .uploadHome-content .uploadHome-content-main .uploadHome-content-main-content .center-top-activity .swiper-mobile-two .swiper-wrapper .card-shadow {
  -webkit-box-shadow: 0rem 0rem 0.3125rem 0.125rem rgba(153, 153, 153, 0.2);
          box-shadow: 0rem 0rem 0.3125rem 0.125rem rgba(153, 153, 153, 0.2);
}

.uploadHome .uploadHome-content .uploadHome-content-main .uploadHome-content-main-content .center-top-activity .swiper-button-prev {
  background-image: url(https://bucket-adshangchuan.oss-cn-shanghai.aliyuncs.com/webicon/images/左@2x.png?5b6344af53f6610517726ef7e10ee123);
  width: 2.8125rem;
  background-size: 2.8125rem 2.8125rem;
}

.uploadHome .uploadHome-content .uploadHome-content-main .uploadHome-content-main-content .center-top-activity .swiper-button-next.swiper-button-disabled,
.uploadHome .uploadHome-content .uploadHome-content-main .uploadHome-content-main-content .center-top-activity .swiper-button-prev.swiper-button-disabled {
  opacity: 1;
}

.uploadHome .uploadHome-content .uploadHome-content-main .uploadHome-content-main-content .center-top-activity .swiper-button-next {
  background-image: url(https://bucket-adshangchuan.oss-cn-shanghai.aliyuncs.com/webicon/images/右@2x.png?e078c50ecd876f34f6df842e4e66c3dd);
  width: 2.8125rem;
  background-size: 2.8125rem 2.8125rem;
}

.uploadHome .uploadHome-content .uploadHome-content-upload-title {
  position: relative;
}

.uploadHome .uploadHome-content .uploadHome-content-upload-title .uploadHome-content-upload-title-line {
  width: 100%;
  height: 0.0625rem;
  background-color: #4F7675;
}

.uploadHome .uploadHome-content .uploadHome-content-upload-title .uploadHome-content-upload-title-name {
  color: #4F7675;
  font-size: 1.1875rem;
  font-weight: bold;
  padding: 0 1.25rem 0.5rem;
  position: absolute;
  top: -2.45rem;
  left: 7.05rem;
  border-bottom: 0.3rem solid #4F7675;
}

.uploadHome .uploadHome-content .uploadHome-content-upload {
  position: relative;
  margin: auto;
  margin-top: .5rem;
}

.uploadHome .uploadHome-content .uploadHome-content-upload .uploadHome-content-upload-top .uploadHome-content-upload-top-left {
  width: 8.625rem;
  position: absolute;
  z-index: 10;
  top: -3.6875rem;
}

.uploadHome .uploadHome-content .uploadHome-content-upload .uploadHome-content-upload-top .uploadHome-content-upload-top-right {
  width: 13.375rem;
  position: absolute;
  z-index: 1;
  left: 6.5rem;
  top: -3.125rem;
}

.uploadHome .uploadHome-content .uploadHome-content-upload .uploadHome-content-upload-content {
  width: 23.4375rem;
  border: .0625rem solid #4f7675;
  background-color: #ffffff;
  border-radius: .625rem;
  margin: 3.9rem auto 0;
  z-index: 2;
  padding: 0.2rem;
}

.uploadHome .uploadHome-content .uploadHome-content-upload .uploadHome-content-upload-content .uploadHome-content-upload-content-box {
  position: relative;
  height: 54.75rem;
}

.uploadHome .uploadHome-content .uploadHome-content-upload .uploadHome-content-upload-content .uploadHome-content-upload-content-box .uploadHome-content-upload-content-box-in {
  width: 22.65rem;
  height: 51.65rem;
  border: .0625rem solid #4f7675;
  border-radius: .625rem;
  position: absolute;
  top: 0;
  right: 0;
  z-index: 1;
  background-color: #e0ffe0;
  margin-top: 1.65rem;
}

.uploadHome .uploadHome-content .uploadHome-content-upload .uploadHome-content-upload-content .uploadHome-content-upload-content-box .uploadHome-content-upload-content-box-on {
  width: 22.65rem;
  height: 51.75rem;
  background-color: #ffffff;
  border: .0625rem solid #c7e2c2;
  border-radius: .625rem;
  position: absolute;
  left: 0;
  z-index: 10;
  padding: 0rem 0.625rem;
  margin-top: 1.25rem;
}

.uploadHome .uploadHome-content .uploadHome-content-upload .uploadHome-content-upload-content .uploadHome-content-upload-content-box .uploadHome-content-upload-content-box-on .uploadHome-content-main-content-box-on-title {
  background-color: #85C37DFF;
  padding: 0.25rem 0.5rem;
  font-size: 1.15rem;
  text-align: center;
  width: 6.55rem;
  color: #ffffff;
  margin: auto;
  border-radius: 0 0 .625rem .625rem;
  margin-bottom: 1rem;
}

.uploadHome .uploadHome-content .uploadHome-content-upload .uploadHome-content-upload-content .uploadHome-content-upload-content-box .uploadHome-content-upload-content-box-on .uploadHome-content-upload-content-box-on-top {
  margin-top: 3rem;
  border: .0625rem solid #c7e2c2;
  height: 10rem;
  border-radius: .625rem;
}

.uploadHome .uploadHome-content .uploadHome-content-upload .uploadHome-content-upload-content .uploadHome-content-upload-content-box .uploadHome-content-upload-content-box-on .uploadHome-content-upload-content-box-on-top img {
  width: 100%;
  border-radius: 0.625rem;
}

.uploadHome .uploadHome-content .uploadHome-content-upload .uploadHome-content-upload-content .uploadHome-content-upload-content-box .uploadHome-content-upload-content-box-on .uploadHome-content-upload-content-box-on-center {
  border: .0625rem solid #c7e2c2;
  height: 34rem;
  border-radius: .625rem;
  margin-top: .5rem;
}

.uploadHome .uploadHome-content .uploadHome-content-upload .uploadHome-content-upload-content .uploadHome-content-upload-content-box .uploadHome-content-upload-content-box-on .uploadHome-content-upload-content-box-on-center video {
  width: 100%;
  border-radius: .625rem;
}

.uploadHome .uploadHome-content .uploadHome-content-upload .uploadHome-content-upload-content .uploadHome-content-upload-content-box .uploadHome-content-upload-content-box-on .uploadHome-content-upload-content-box-on-bottom {
  margin-top: 1rem;
  border: .0625rem solid #c7e2c2;
  height: 10rem;
  border-radius: .625rem;
}

.uploadHome .uploadHome-content .uploadHome-content-upload .uploadHome-content-upload-content .uploadHome-content-upload-content-box .uploadHome-content-upload-content-box-on .uploadHome-content-upload-content-box-on-bottom img {
  width: 100%;
  border-radius: .625rem;
}

.uploadHome .uploadHome-content .uploadHome-content-upload .uploadHome-content-upload-content .uploadHome-content-upload-content-box-on-icon {
  width: 5.9375rem;
  margin: 1rem auto;
}

.uploadHome .uploadHome-content .uploadHome-content-upload .uploadHome-content-upload-content .uploadHome-content-upload-content-box-on-icon img {
  width: 100%;
}

.uploadHome .uploadHome-content .uploadHome-content-upload .uploadHome-content-upload-content .uploadHome-content-upload-content-box-on-icon img {
  width: 100%;
}

.uploadHome .uploadHome-content .uploadHome-content-upload .uploadHome-content-upload-content .uploadHome-content-upload-content-box-on-button {
  margin: auto;
  margin-top: 3.75rem;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: distribute;
      justify-content: space-around;
}

.uploadHome .uploadHome-content .uploadHome-content-upload .uploadHome-content-upload-content .uploadHome-content-upload-content-box-on-button .uploadHome-content-upload-content-box-on-button-img {
  width: 10rem;
  height: 2.75rem;
}

.uploadHome .uploadHome-content .uploadHome-content-upload .uploadHome-content-upload-content .uploadHome-content-upload-content-box-upload {
  margin-top: 1.6rem;
  position: relative;
  height: 7.75rem;
}

.uploadHome .uploadHome-content .uploadHome-content-upload .uploadHome-content-upload-content .uploadHome-content-upload-content-box-upload .uploadHome-content-upload-content-box-in-upload {
  width: 22.65rem;
  height: 7.75rem;
  border: .0625rem solid #4f7675;
  border-radius: .625rem;
  position: absolute;
  top: .375rem;
  right: 0;
  z-index: 1;
  background-color: #e0ffe0;
}

.uploadHome .uploadHome-content .uploadHome-content-upload .uploadHome-content-upload-content .uploadHome-content-upload-content-box-upload .uploadHome-content-upload-content-box-on-upload {
  width: 22.65rem;
  height: 7.75rem;
  background-color: #ffffff;
  border: .0625rem solid #c7e2c2;
  border-radius: .625rem;
  position: absolute;
  left: 0;
  z-index: 10;
  padding: 0rem 0.625rem;
}

.uploadHome .uploadHome-content .uploadHome-content-upload .uploadHome-content-upload-content .uploadHome-content-upload-content-box-upload .uploadHome-content-upload-content-box-on-upload .uploadHome-content-upload-content-box-on-title-upload {
  background-color: #85C37DFF;
  padding: 0.25rem 0.5rem;
  font-size: 1.15rem;
  text-align: center;
  width: 6.55rem;
  color: #ffffff;
  margin: auto;
  border-radius: 0 0 .625rem .625rem;
  margin-bottom: 1rem;
}

.uploadHome .uploadHome-content .uploadHome-content-list-title {
  position: relative;
}

.uploadHome .uploadHome-content .uploadHome-content-list-title .uploadHome-content-list-title-line {
  width: 100%;
  height: 0.0625rem;
  background-color: #4F7675;
}

.uploadHome .uploadHome-content .uploadHome-content-list-title .uploadHome-content-list-title-name {
  color: #4F7675;
  font-size: 1.1875rem;
  font-weight: bold;
  padding: 0 1.25rem 0.5rem;
  position: absolute;
  top: -2.45rem;
  left: 7.05rem;
  border-bottom: 0.3rem solid #4F7675;
}

.uploadHome .uploadHome-content .uploadHome-content-list {
  position: relative;
  margin: auto;
  margin-top: 1.5rem;
}

.uploadHome .uploadHome-content .uploadHome-content-list .uploadHome-content-list-top .uploadHome-content-list-top-left {
  width: 8.625rem;
  position: absolute;
  z-index: 10;
  top: -3.6875rem;
}

.uploadHome .uploadHome-content .uploadHome-content-list .uploadHome-content-list-top .uploadHome-content-list-top-right {
  width: 13.375rem;
  position: absolute;
  z-index: 1;
  left: 6.5rem;
  top: -3.125rem;
}

.uploadHome .uploadHome-content .uploadHome-content-list .uploadHome-content-list-content {
  width: 23.4375rem;
  border: .0625rem solid #4f7675;
  background-color: #ffffff;
  border-radius: .625rem;
  margin: 3.9rem auto 0;
  z-index: 2;
  padding: 1rem;
}

.uploadHome .uploadHome-content .uploadHome-content-list .uploadHome-content-list-content .uploadList-content-list-content-tab {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: distribute;
      justify-content: space-around;
  margin-top: 1.25rem;
}

.uploadHome .uploadHome-content .uploadHome-content-list .uploadHome-content-list-content .uploadList-content-list-content-tab .uploadList-content-list-content-tab-left {
  color: #ffffff;
  font-size: 1.15rem;
  padding: 0.1rem 1.5rem 0.18rem 1.5rem;
  text-align: center;
  border-radius: .75rem;
}

.uploadHome .uploadHome-content .uploadHome-content-list .uploadHome-content-list-content .uploadList-content-list-content-tab .uploadList-content-list-content-tab-right {
  font-size: 1.15rem;
  color: #ffffff;
  text-align: center;
  font-size: 1.15rem;
  padding: 0.1rem 1.5rem 0.18rem 1.5rem;
  text-align: center;
  border-radius: .75rem;
}

.uploadHome .uploadHome-content .uploadHome-content-list .uploadHome-content-list-content .uploadList-content-list-content-list {
  margin: 1.5rem 0 0rem;
}

.uploadHome .uploadHome-content .uploadHome-content-list .uploadHome-content-list-content .uploadList-content-list-content-list .uploadList-content-list-content-list-content {
  width: 100%;
  margin: auto;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
}

.uploadHome .uploadHome-content .uploadHome-content-list .uploadHome-content-list-content .uploadList-content-list-content-list .uploadList-content-list-content-list-content .uploadList-content-list-content-list-content-box {
  margin-right: 0.5rem;
  margin-left: 0;
  margin-bottom: 1rem;
}

.uploadHome .uploadHome-content .uploadHome-content-list .uploadHome-content-list-content .uploadList-content-list-content-list .uploadList-content-list-content-list-content .uploadList-content-list-content-list-content-box:nth-child(2n) {
  margin-right: 0;
  margin-left: 0.5rem;
}

.uploadHome .uploadHome-content .uploadHome-content-list .uploadHome-content-list-content .uploadList-content-list-content-list .uploadList-content-list-content-list-content .uploadList-content-list-content-list-content-item {
  padding: 0.5rem;
  border: .0625rem solid #B5DEB5FF;
  border-radius: .625rem;
  width: 10rem;
  position: relative;
}

.uploadHome .uploadHome-content .uploadHome-content-list .uploadHome-content-list-content .uploadList-content-list-content-list .uploadList-content-list-content-list-content .uploadList-content-list-content-list-content-item .uploadList-content-list-content-list-content-item-img {
  border: .0625rem solid #B5DEB5FF;
  border-radius: .625rem .625rem 0 0;
}

.uploadHome .uploadHome-content .uploadHome-content-list .uploadHome-content-list-content .uploadList-content-list-content-list .uploadList-content-list-content-list-content .uploadList-content-list-content-list-content-item img {
  width: 100%;
}

.uploadHome .uploadHome-content .uploadHome-content-list .uploadHome-content-list-content .uploadList-content-list-content-list .uploadList-content-list-content-list-content .uploadList-content-list-content-list-content-item video {
  width: 100%;
}

.uploadHome .uploadHome-content .uploadHome-content-list .uploadHome-content-list-content .uploadList-content-list-content-list .uploadList-content-list-content-list-content .uploadList-content-list-content-list-content-item .uploadList-content-list-content-list-content-item-body {
  position: relative;
}

.uploadHome .uploadHome-content .uploadHome-content-list .uploadHome-content-list-content .uploadList-content-list-content-list .uploadList-content-list-content-list-content .uploadList-content-list-content-list-content-item .uploadList-content-list-content-list-content-item-body .uploadList-content-list-content-list-content-item-body-right {
  position: absolute;
  top: 0.12rem;
  right: -0.3rem;
}

.uploadHome .uploadHome-content .uploadHome-content-list .uploadHome-content-list-content .uploadList-content-list-content-list .uploadList-content-list-content-list-content .uploadList-content-list-content-list-content-item .uploadList-content-list-content-list-content-item-body .uploadList-content-list-content-list-content-item-body-right img {
  width: 100%;
}

.uploadHome .uploadHome-content .uploadHome-content-list .uploadList-content-button {
  width: 19.6875rem;
  margin: 1.5rem auto 0;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: distribute;
      justify-content: space-around;
}

.uploadHome .uploadHome-content .uploadHome-content-list .uploadList-content-button .uploadList-content-button-submit {
  background-color: #557C78;
  width: 4.5rem;
  color: #ffffff;
  font-size: 1rem;
}

.uploadHome .uploadHome-footer img {
  width: 100%;
}

.uploadList {
  width: 100%;
  height: 100%;
}

.uploadList .uploadList-content {
  height: 100%;
  width: 100%;
  overflow: auto;
  padding-bottom: 2rem;
  background-color: #BEDCB8;
}

.uploadList .uploadList-content .uploadList-content-center-top {
  padding: 5rem 0 3rem;
  width: 20.6875rem;
  margin: auto;
  position: relative;
}

.uploadList .uploadList-content .uploadList-content-center-top .uploadList-content-center-top-line {
  width: 100%;
  height: 0.0625rem;
  background-color: #4F7675;
}

.uploadList .uploadList-content .uploadList-content-center-top .uploadList-content-center-top-text {
  color: #4F7675;
  font-size: 1.1875rem;
  font-weight: bold;
  padding: 0 1.25rem 0.5rem;
  position: absolute;
  top: 2.575rem;
  left: 6.6rem;
  border-bottom: 0.3rem solid #4F7675;
}

.uploadList .uploadList-content .uploadList-content-center-main {
  position: relative;
  width: 23rem;
  margin: auto;
}

.uploadList .uploadList-content .uploadList-content-center-main .uploadList-content-center-main-top {
  margin-top: 3rem;
}

.uploadList .uploadList-content .uploadList-content-center-main .uploadList-content-center-main-top .uploadList-content-center-main-top-imgOne {
  width: 7.9375rem;
  position: absolute;
  z-index: 10;
  top: -3.4375rem;
  left: -0.625rem;
}

.uploadList .uploadList-content .uploadList-content-center-main .uploadList-content-center-main-top .uploadList-content-center-main-top-imgTwo {
  width: 14.375rem;
  position: absolute;
  z-index: 1;
  top: -3.3125rem;
  left: 3.875rem;
}

.uploadList .uploadList-content .uploadList-content-center-main .uploadList-content-center-main-content {
  background-color: #ffffff;
  border-radius: 1.875rem;
  width: 100%;
  padding: 2.5rem 1rem;
  border: 0.0625rem solid #4F7675;
}

.uploadList .uploadList-content .uploadList-content-center-main .uploadList-content-center-main-content .uploadList-content-center-main-tab {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: distribute;
      justify-content: space-around;
}

.uploadList .uploadList-content .uploadList-content-center-main .uploadList-content-center-main-content .uploadList-content-center-main-tab .uploadList-content-center-main-left {
  color: #ffffff;
  font-size: 1rem;
  text-align: center;
  border-radius: 1.875rem;
  padding: 0.015rem 1.5rem;
}

.uploadList .uploadList-content .uploadList-content-center-main .uploadList-content-center-main-content .uploadList-content-center-main-tab .uploadList-content-center-main-right {
  font-size: 1rem;
  color: #ffffff;
  text-align: center;
  border-radius: 1.875rem;
  padding: 0.015rem 1.5rem;
}

.uploadList .uploadList-content .uploadList-content-center-main .uploadList-content-center-main-content .uploadList-content-center-main-list {
  margin: 1.5rem 0 1rem;
}

.uploadList .uploadList-content .uploadList-content-center-main .uploadList-content-center-main-content .uploadList-content-center-main-list .uploadList-content-center-main-list-content {
  width: 100%;
  margin: auto;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
}

.uploadList .uploadList-content .uploadList-content-center-main .uploadList-content-center-main-content .uploadList-content-center-main-list .uploadList-content-center-main-list-content .uploadList-content-center-main-list-content-box {
  margin-right: 0.5rem;
  margin-left: 0;
  margin-bottom: 1rem;
}

.uploadList .uploadList-content .uploadList-content-center-main .uploadList-content-center-main-content .uploadList-content-center-main-list .uploadList-content-center-main-list-content .uploadList-content-center-main-list-content-box:nth-child(2n) {
  margin-right: 0;
  margin-left: 0.5rem;
}

.uploadList .uploadList-content .uploadList-content-center-main .uploadList-content-center-main-content .uploadList-content-center-main-list .uploadList-content-center-main-list-content .uploadList-content-center-main-list-content-item {
  padding: 0.5rem;
  border: .0625rem solid #BEDCB8;
  border-radius: .625rem;
  width: 8.782rem;
}

.uploadList .uploadList-content .uploadList-content-center-main .uploadList-content-center-main-content .uploadList-content-center-main-list .uploadList-content-center-main-list-content .uploadList-content-center-main-list-content-item .uploadList-content-center-main-list-content-item-img {
  border: .0625rem solid #BEDCB8;
  border-radius: .625rem .625rem 0 0;
}

.uploadList .uploadList-content .uploadList-content-center-main .uploadList-content-center-main-content .uploadList-content-center-main-list .uploadList-content-center-main-list-content .uploadList-content-center-main-list-content-item img {
  width: 100%;
}

.uploadList .uploadList-content .uploadList-content-center-main .uploadList-content-center-main-content .uploadList-content-center-main-list .uploadList-content-center-main-list-content .uploadList-content-center-main-list-content-item video {
  width: 100%;
}

.uploadList .uploadList-content .uploadList-content-center-main .uploadList-content-center-main-content .uploadList-content-center-main-list .uploadList-content-center-main-list-content .uploadList-content-center-main-list-content-item .uploadList-content-center-main-list-content-item-body {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  margin-top: 0.3rem;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}

.uploadList .uploadList-content .uploadList-content-center-main .uploadList-content-center-main-content .uploadList-content-center-main-list .uploadList-content-center-main-list-content .uploadList-content-center-main-list-content-item .uploadList-content-center-main-list-content-item-body .uploadList-content-center-main-list-content-item-body-right {
  width: 1.5625rem;
}

.uploadList .uploadList-content .uploadList-content-center-main .uploadList-content-center-main-content .uploadList-content-center-main-list .uploadList-content-center-main-list-content .uploadList-content-center-main-list-content-item .uploadList-content-center-main-list-content-item-body .uploadList-content-center-main-list-content-item-body-right img {
  width: 100%;
}

.uploadList .uploadList-content .uploadList-content-center-main .uploadList-content-center-main-content .uploadList-content-center-main-upload {
  margin: 1.5rem 0.5rem 10rem;
}

.uploadList .uploadList-content .uploadList-content-center-main .uploadList-content-center-main-content .uploadList-content-center-main-upload .uploadList-content-center-main-upload-name {
  color: #4F7675;
  font-size: 1rem;
  margin-bottom: 0.625rem;
}

.uploadList .uploadList-content .uploadList-content-center-main .uploadList-content-center-main-content .uploadList-content-center-main-upload .cube-upload-btn-def:after {
  border: .0625rem solid #BBDBB6;
}

.uploadList .uploadList-content .uploadList-content-center-main .uploadList-content-center-main-content .uploadList-content-center-main-upload .cube-upload-btn-def > i:after,
.uploadList .uploadList-content .uploadList-content-center-main .uploadList-content-center-main-content .uploadList-content-center-main-upload .cube-upload-btn-def > i:before {
  background-color: #BBDBB6;
}

.uploadList .uploadList-content .uploadList-content-button {
  width: 19.6875rem;
  margin: auto;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: distribute;
      justify-content: space-around;
}

.uploadList .uploadList-content .uploadList-content-button .uploadList-content-button-submit {
  background-color: #557C78;
  width: 4.5rem;
  color: #ffffff;
  font-size: 1rem;
}

.worksList {
  width: 100%;
  height: 100%;
}

.worksList .worksList-content {
  height: 100%;
  width: 100%;
  overflow: auto;
  padding-bottom: 2rem;
  background-color: #BEDCB8;
}

.worksList .worksList-content .worksList-content-center-top {
  padding: 5rem 0 1rem;
  width: 20.6875rem;
  margin: auto;
  position: relative;
}

.worksList .worksList-content .worksList-content-center-top .worksList-content-center-top-line {
  width: 100%;
  height: 0.0625rem;
  background-color: #4F7675;
}

.worksList .worksList-content .worksList-content-center-top .worksList-content-center-top-text {
  color: #4F7675;
  font-size: 1.1875rem;
  font-weight: bold;
  padding: 0 1.25rem 0.5rem;
  position: absolute;
  top: 2.575rem;
  left: 6.6rem;
  border-bottom: 0.3rem solid #4F7675;
}

.worksList .worksList-content .worksList-content-center-main {
  position: relative;
  width: 23rem;
  margin: auto;
}

.worksList .worksList-content .worksList-content-center-main .worksList-content-center-main-top {
  margin-top: 3rem;
}

.worksList .worksList-content .worksList-content-center-main .worksList-content-center-main-top .worksList-content-center-main-top-imgOne {
  width: 7.9375rem;
  position: absolute;
  z-index: 10;
  top: -3.4375rem;
  left: 0;
}

.worksList .worksList-content .worksList-content-center-main .worksList-content-center-main-top .worksList-content-center-main-top-imgTwo {
  width: 14.375rem;
  position: absolute;
  z-index: 1;
  top: -3.3125rem;
  left: 5.875rem;
}

.worksList .worksList-content .worksList-content-center-main .worksList-content-center-main-content {
  background-color: #ffffff;
  border-radius: 1.875rem;
  width: 100%;
  padding: 2.5rem 0.5rem 0.5rem;
  border: 0.0625rem solid #4F7675;
}

.worksList .worksList-content .worksList-content-center-main .worksList-content-center-main-content .worksList-content-center-main-list {
  margin: 1.5rem 0 3rem;
}

.worksList .worksList-content .worksList-content-center-main .worksList-content-center-main-content .worksList-content-center-main-list .worksList-content-center-main-list-content {
  width: 100%;
  margin: auto;
}

.worksList .worksList-content .worksList-content-center-main .worksList-content-center-main-content .worksList-content-center-main-list .worksList-content-center-main-list-content .worksList-content-center-main-list-content-box {
  margin-bottom: 1rem;
  border: .0625rem solid #C8E2C3;
  border-radius: .625rem;
}

.worksList .worksList-content .worksList-content-center-main .worksList-content-center-main-content .worksList-content-center-main-list .worksList-content-center-main-list-content .worksList-content-center-main-list-content-item {
  padding: 0.5rem;
}

.worksList .worksList-content .worksList-content-center-main .worksList-content-center-main-content .worksList-content-center-main-list .worksList-content-center-main-list-content .worksList-content-center-main-list-content-item .worksList-content-center-main-list-content-item-title {
  font-size: .9375rem;
  color: #4F7675;
  font-weight: bold;
}

.worksList .worksList-content .worksList-content-center-main .worksList-content-center-main-content .worksList-content-center-main-list .worksList-content-center-main-list-content .worksList-content-center-main-list-content-item .worksList-content-center-main-list-content-item-status {
  margin: 0.5rem 0 0;
}

.worksList .worksList-content .worksList-content-center-main .worksList-content-center-main-content .worksList-content-center-main-list .worksList-content-center-main-list-content .worksList-content-center-main-list-content-item .worksList-content-center-main-list-content-item-status .worksList-content-center-main-list-content-item-status-success {
  border-radius: .625rem;
  color: #ffffff;
  font-size: .75rem;
  width: 3.1875rem;
  height: 1rem;
  text-align: center;
  line-height: 1rem;
  background: -webkit-gradient(linear, left top, right top, from(#A4CCA4), to(#69996F));
  background: linear-gradient(90deg, #A4CCA4, #69996F);
}

.worksList .worksList-content .worksList-content-center-main .worksList-content-center-main-content .worksList-content-center-main-list .worksList-content-center-main-list-content .worksList-content-center-main-list-content-item .worksList-content-center-main-list-content-item-status .worksList-content-center-main-list-content-item-status-wait {
  border-radius: .625rem;
  color: #ffffff;
  font-size: .75rem;
  width: 3.1875rem;
  height: 1rem;
  text-align: center;
  line-height: 1rem;
  background: -webkit-gradient(linear, left top, right top, from(#D5E2AB), to(#BBDC51));
  background: linear-gradient(90deg, #D5E2AB, #BBDC51);
}

.worksList .worksList-content .worksList-content-center-main .worksList-content-center-main-content .worksList-content-center-main-list .worksList-content-center-main-list-content .worksList-content-center-main-list-content-item .worksList-content-center-main-list-content-item-status .worksList-content-center-main-list-content-item-status-error {
  border-radius: .625rem;
  color: #ffffff;
  font-size: .75rem;
  width: 3.1875rem;
  height: 1rem;
  text-align: center;
  line-height: 1rem;
  background: -webkit-gradient(linear, left top, right top, from(#D2D2D9), to(#B5B5B6));
  background: linear-gradient(90deg, #D2D2D9, #B5B5B6);
}

.worksList .worksList-content .worksList-content-center-main .worksList-content-center-main-content .worksList-content-center-main-list .worksList-content-center-main-list-content .worksList-content-center-main-list-content-item .worksList-content-center-main-list-content-item-footer {
  margin: 0.1rem 0;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}

.worksList .worksList-content .worksList-content-center-main .worksList-content-center-main-content .worksList-content-center-main-list .worksList-content-center-main-list-content .worksList-content-center-main-list-content-item .worksList-content-center-main-list-content-item-footer .worksList-content-center-main-list-content-item-footer-left .worksList-content-center-main-list-content-item-footer-left-top img {
  width: .875rem;
}

.worksList .worksList-content .worksList-content-center-main .worksList-content-center-main-content .worksList-content-center-main-list .worksList-content-center-main-list-content .worksList-content-center-main-list-content-item .worksList-content-center-main-list-content-item-footer .worksList-content-center-main-list-content-item-footer-left .worksList-content-center-main-list-content-item-footer-left-top span {
  font-size: .75rem;
  color: #FF6262;
}

.worksList .worksList-content .worksList-content-center-main .worksList-content-center-main-content .worksList-content-center-main-list .worksList-content-center-main-list-content .worksList-content-center-main-list-content-item .worksList-content-center-main-list-content-item-footer .worksList-content-center-main-list-content-item-footer-left .worksList-content-center-main-list-content-item-footer-left-top-blank {
  height: 1.5rem;
}

.worksList .worksList-content .worksList-content-center-main .worksList-content-center-main-content .worksList-content-center-main-list .worksList-content-center-main-list-content .worksList-content-center-main-list-content-item .worksList-content-center-main-list-content-item-footer .worksList-content-center-main-list-content-item-footer-left .worksList-content-center-main-list-content-item-footer-left-bottom {
  font-size: 0.75rem;
  color: #4F7675;
}

.worksList .worksList-content .worksList-content-center-main .worksList-content-center-main-content .worksList-content-center-main-list .worksList-content-center-main-list-content .worksList-content-center-main-list-content-item .worksList-content-center-main-list-content-item-footer .worksList-content-center-main-list-content-item-footer-right {
  font-size: .9375rem;
  border: .0625rem solid #4F7675;
  color: #4F7675;
  border-radius: .625rem;
  width: 4.9375rem;
  height: 1.625rem;
  text-align: center;
  margin-top: 1rem;
}

.worksList .worksList-content .worksList-content-center-main .worksList-content-center-main-content .worksList-content-center-main-list-page {
  text-align: center;
  color: #4F7675;
  font-size: 1.3125rem;
}

.worksList .worksList-content .worksList-content-center-main .worksList-content-center-main-content .worksList-content-center-main-upload {
  margin: 1.5rem 0.5rem 10rem;
}

.worksList .worksList-content .worksList-content-center-main .worksList-content-center-main-content .worksList-content-center-main-upload .worksList-content-center-main-upload-name {
  color: #4F7675;
  font-size: 1rem;
  margin-bottom: 0.625rem;
}

.worksList .worksList-content .worksList-content-center-main .worksList-content-center-main-content .worksList-content-center-main-upload .cube-upload-btn-def:after {
  border: .0625rem solid #BBDBB6;
}

.worksList .worksList-content .worksList-content-center-main .worksList-content-center-main-content .worksList-content-center-main-upload .cube-upload-btn-def > i:after,
.worksList .worksList-content .worksList-content-center-main .worksList-content-center-main-content .worksList-content-center-main-upload .cube-upload-btn-def > i:before {
  background-color: #BBDBB6;
}

.worksList .worksList-content .worksList-content-button {
  width: 19.6875rem;
  margin: auto;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: distribute;
      justify-content: space-around;
}

.worksList .worksList-content .worksList-content-button .worksList-content-button-submit {
  background-color: #557C78;
  width: 4.5rem;
  color: #ffffff;
  font-size: 1rem;
}

.caseList-page {
  height: 100%;
}

.caseList-page .caseList-content {
  background: #f4f4f4;
  padding-top: 0.625rem;
}

.caseList-page .caseList-content .wrapper-container {
  margin: 0 0.625rem;
}

.caseList-page .caseList-content .wrapper-container .row {
  margin: 0;
}

.caseList-page .caseList-content .wrapper-container .row .text-truncate {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.caseList-page .caseList-content .wrapper-container .row .col-pd {
  padding: 0 0.3125rem 0.625rem 0;
}

.caseList-page .caseList-content .wrapper-container .row .col-pd:nth-child(even) {
  padding: 0 0 0.625rem 0.3125rem !important;
}

.caseList-page .caseList-content .wrapper-container .row .card .card-body {
  padding: 0.625rem 0.625rem 0 0.625rem !important;
}

.caseList-page .caseList-content .wrapper-container .row .card .card-body .card-top-title {
  font-size: 0.9375rem;
  color: #202020;
  margin-bottom: 0 !important;
  height: 4.125rem;
}

.caseList-page .caseList-content .wrapper-container .row .card .list-group .list-group-item {
  padding: 0 0.625rem !important;
  line-height: 1.75rem;
  font-size: 0.5rem;
  color: #c4c4c4;
  border-bottom: 0;
  border-top: 0.0625rem solid #f4f4f4 !important;
}

.caseDetail-detail-content {
  background-color: #f4f4f4;
  padding-top: 0.9375rem;
  padding-bottom: 0.625rem;
}

.caseDetail-detail-content .wrapper-container {
  margin: 0 0.625rem;
}

.caseDetail-detail-content .wrapper-container .caseDetail-container-mb .caseDetail-container-mb-body .caseDetail-container-mb-body-top {
  background-color: #fff;
}

.caseDetail-detail-content .wrapper-container .caseDetail-container-mb .caseDetail-container-mb-body .caseDetail-container-mb-body-top .caseDetail-container-mb-body-top-header {
  padding: 0.625rem 0.8125rem 0;
  border-bottom: 0.0625rem solid #f4f4f4;
}

.caseDetail-detail-content .wrapper-container .caseDetail-container-mb .caseDetail-container-mb-body .caseDetail-container-mb-body-top .caseDetail-container-mb-body-top-header .caseDetail-container-mb-body-top-header-title {
  color: #202020;
  font-size: 1.5rem;
  margin-bottom: 0;
}

.caseDetail-detail-content .wrapper-container .caseDetail-container-mb .caseDetail-container-mb-body .caseDetail-container-mb-body-top .caseDetail-container-mb-body-top-header .caseDetail-container-mb-body-top-header-text {
  line-height: 1.25rem;
  margin-top: 0.25rem;
}

.caseDetail-detail-content .wrapper-container .caseDetail-container-mb .caseDetail-container-mb-body .caseDetail-container-mb-body-top .caseDetail-detail-container {
  margin: 0.625rem 0.75rem 1.25rem;
  font-size: 1rem;
  color: #202020;
}

.caseDetail-detail-content .wrapper-container .caseDetail-container-mb .caseDetail-container-mb-body .caseDetail-container-mb-body-top .text-break {
  word-break: break-word !important;
  word-wrap: break-word !important;
}

.caseDetail-detail-content .wrapper-container .caseDetail-container-mb .caseDetail-container-mb-body .caseDetail-container-mb-body-top .caseDetail-detail-center {
  margin: 0.625rem 0.75rem 1.25rem;
  font-size: 1rem;
  color: #202020;
}

.caseDetail-detail-content .wrapper-container .caseDetail-container-mb .caseDetail-container-mb-body .caseDetail-container-mb-body-top .caseDetail-detail-center img {
  width: 100% !important;
  height: auto !important;
}

.caseDetail-detail-content .wrapper-container .caseDetail-recommended {
  margin-top: 1.25rem;
}

.caseDetail-detail-content .wrapper-container .caseDetail-recommended .caseDetail-container-row-name {
  margin-bottom: 0.625rem !important;
}

.caseDetail-detail-content .wrapper-container .caseDetail-recommended .caseDetail-container-row-name .right-triangle {
  width: 1rem;
}

.caseDetail-detail-content .wrapper-container .caseDetail-recommended .row {
  margin: 0;
}

.caseDetail-detail-content .wrapper-container .caseDetail-recommended .row .col-pd {
  padding: 0 0.3125rem 0.625rem 0 !important;
}

.caseDetail-detail-content .wrapper-container .caseDetail-recommended .row .col-pd:nth-child(even) {
  padding: 0 0 0.625rem 0.3125rem !important;
}

.caseDetail-detail-content .wrapper-container .caseDetail-recommended .row .text-truncate {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.caseDetail-detail-content .wrapper-container .caseDetail-recommended .row .card {
  border-radius: 0.3125rem;
  border: 1px solid #f4f4f4;
}

.caseDetail-detail-content .wrapper-container .caseDetail-recommended .row .card .card-body {
  padding: 0.625rem 0.625rem 0 0.625rem !important;
}

.caseDetail-detail-content .wrapper-container .caseDetail-recommended .row .card .card-body .card-top-title {
  font-size: 0.9375rem;
  color: #202020;
  margin-bottom: 0 !important;
  height: 4.125rem;
}

.caseDetail-detail-content .wrapper-container .caseDetail-recommended .row .card .list-group .list-group-item {
  padding: 0 0.625rem !important;
  line-height: 1.75rem;
  font-size: 0.5rem;
  color: #c4c4c4;
  border-bottom: 0;
}

.caseDetail-detail-content .caseDetail-foot-bar {
  width: 100%;
  height: 3.375rem;
  padding: 0.375rem 1.625rem 0 1.875rem;
  position: fixed;
  bottom: 0;
  background-color: #fff;
  z-index: 2000;
}

.caseDetail-detail-content .caseDetail-foot-bar div {
  font-size: 0.5625rem;
  color: #202020;
  font-weight: normal;
  text-align: center;
}

.caseDetail-detail-content .caseDetail-foot-bar .row {
  margin: 0;
}

.caseDetail-detail-content .caseDetail-foot-bar .look {
  margin-right: 1.875rem;
}

.caseDetail-detail-content .caseDetail-foot-bar img {
  width: 1.5625rem;
  height: 1.5625rem;
}

.caseDetail-detail-content .caseDetail-foot-bar .cube-tag {
  position: absolute;
  top: -0.1875rem;
  left: 1.5625rem;
  display: inline-block;
  padding: 0.25em 0.4em;
  font-size: 75%;
  font-weight: 700;
  line-height: 1;
  text-align: center;
  white-space: nowrap;
  vertical-align: baseline;
  transition: color 0.15s ease-in-out, background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out, -webkit-box-shadow 0.15s ease-in-out;
  padding-right: 0.6em;
  padding-left: 0.6em;
  border-radius: 10rem;
  color: #fff !important;
  background-color: #dc3545;
}

.caseDetail-detail-content .caseDetail-audio-content {
  width: 100%;
  height: 107px;
  background-color: rgba(0, 0, 0, 0.6);
  padding: 26px 16%;
  display: none;
  position: absolute;
  bottom: 0;
}

.caseDetail-detail-content .caseDetail-audio-content .caseDetail-img-text {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}

.caseDetail-detail-content .caseDetail-audio-content .audioGo {
  display: block;
}

.caseDetail-detail-content .caseDetail-audio-content .audioStop {
  display: none;
}

.caseDetail-detail-content .caseDetail-audio-text {
  color: #fff;
  margin: auto 20px;
  font-size: 24px;
}

.work-detail .new-case-share-card {
  overflow-y: scroll;
}

.work-detail .new-case-share-card .new-case-share-card-bg {
  width: 100%;
  height: 100%;
  background-color: #fff;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  color: #e60000;
  font-size: 0.9375rem;
  text-align: center;
}

.work-detail .new-case-share-card .new-case-share-card-bg img {
  width: 5.625rem;
  height: 5.625rem;
}

.clock-all .all-booth-booth {
  height: 100%;
  background-image: url("https://cdn.5iidea.com/5iidea/miniapp/assets/booth/bg5.jpg?x-oss-process=image/resize,w_750");
  background-size: 100% 100%;
  position: relative;
}

.clock-all .all-content-booth {
  height: 100%;
  background-image: url("https://cdn.5iidea.com/5iidea/miniapp/assets/booth/bg4.jpg?x-oss-process=image/resize,w_750");
  background-size: 100% 100%;
  position: relative;
}

.clock-all .all-content-booth .content-role {
  width: 13%;
  /* height: 1.8rem; */
  position: absolute;
  top: 5%;
}

.clock-all .all-content-booth .booth-booth {
  width: 13%;
  position: absolute;
  top: 23%;
  right: 4%;
}

.clock-all .all-content-booth .content-good {
  width: 6%;
  position: absolute;
  top: 16.5%;
  right: 20%;
}

.clock-all .all-content-booth .content-good .goodNum {
  position: absolute;
  font-size: 0.9rem;
  top: 84%;
  text-align: center;
  width: 100%;
}

.clock-all .all-content-booth .content-photo {
  width: 17%;
  position: absolute;
  top: 20%;
  left: 41.6%;
}

.clock-all .all-content-booth .content-photo .avatar-img {
  width: 100%;
  border-radius: 50%;
}

.clock-all .all-content-booth .name-school {
  font-size: 0.8rem;
  position: absolute;
  font-weight: bold;
  text-align: center;
  width: 100%;
}

.clock-all .all-content-booth .content-date {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  position: absolute;
  top: 33%;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  width: 100%;
}

.clock-all .all-content-booth .content-date .content-date-one {
  width: 4.5rem;
  height: 2.2rem;
}

.clock-all .all-content-booth .content-date .content-date-one-right {
  font-weight: bold;
  position: relative;
  width: 100%;
  height: 100%;
  margin-top: 0.25rem;
}

.clock-all .all-content-booth .content-date .content-date-one-no {
  font-weight: bold;
  margin-top: .5rem;
  position: relative;
  height: 100%;
  width: 100%;
}

.clock-all .all-content-booth .content-date .content-date-one-text-right {
  top: 14%;
  left: 19%;
  font-size: 1.2rem;
  position: absolute;
  color: #ffffff;
  font-style: oblique;
  font-weight: bold;
}

.clock-all .all-content-booth .content-date .content-date-one-text-no {
  top: 14%;
  left: 19%;
  font-size: 1.2rem;
  position: absolute;
  font-style: oblique;
  font-weight: bold;
}

.clock-all .all-content-booth .content-date .content-date-two {
  width: 4.5rem;
  height: 2.2rem;
  margin: 0 1.3rem;
}

.clock-all .all-content-booth .content-date .content-date-two-right {
  font-weight: bold;
  position: relative;
  width: 100%;
  height: 100%;
  margin-top: 0.25rem;
}

.clock-all .all-content-booth .content-date .content-date-two-no {
  font-weight: bold;
  margin-top: .5rem;
  position: relative;
  height: 100%;
  width: 100%;
}

.clock-all .all-content-booth .content-date .content-date-two-text-right {
  top: 14%;
  left: 19%;
  font-size: 1.2rem;
  position: absolute;
  color: #ffffff;
  font-style: oblique;
  font-weight: bold;
}

.clock-all .all-content-booth .content-date .content-date-two-text-no {
  top: 14%;
  left: 19%;
  font-size: 1.2rem;
  position: absolute;
  font-style: oblique;
  font-weight: bold;
}

.clock-all .all-content-booth .content-date .content-date-three {
  width: 4.5rem;
  height: 2.2rem;
}

.clock-all .all-content-booth .content-date .content-date-three-right {
  font-weight: bold;
  position: relative;
  width: 100%;
  height: 100%;
  margin-top: 0.25rem;
}

.clock-all .all-content-booth .content-date .content-date-three-no {
  font-weight: bold;
  margin-top: .5rem;
  position: relative;
  height: 100%;
  width: 100%;
}

.clock-all .all-content-booth .content-date .content-date-three-text-right {
  top: 14%;
  left: 19%;
  font-size: 1.2rem;
  font-weight: bold;
  position: absolute;
  color: #ffffff;
  font-style: oblique;
}

.clock-all .all-content-booth .content-date .content-date-three-text-no {
  top: 14%;
  left: 19%;
  font-size: 1.2rem;
  position: absolute;
  font-style: oblique;
  font-weight: bold;
}

.clock-all .all-content-booth .content-main {
  margin: 0 10%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  width: 80%;
  position: absolute;
  top: 33rem;
}

.clock-all .all-content-booth .content-main .content-main-item {
  margin: 1%;
  position: relative;
  width: 23%;
}

.clock-all .all-content-booth .content-main .content-main-item .content-main-item-img {
  position: absolute;
  top: 1%;
  left: 1%;
  width: 98%;
  height: 92%;
}

.clock-all .all-content-booth .content-main .content-main-item .content-main-item-icon {
  position: absolute;
  width: 3rem;
  height: 1.5rem;
  top: -0.35rem;
}

.clock-all .all-content-booth .content-main .content-main-item:nth-child(4n) {
  margin-right: 0;
}

.clock-all .all-content-booth .d-f {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  position: absolute;
  top: 25rem;
  width: 74%;
  margin: 0 13%;
}

.clock-all .all-content-booth .changedItem {
  margin-top: 1rem;
  position: relative;
  width: 50%;
}

.clock-all .all-content-booth .changeItem {
  width: 43%;
  margin-left: 0.6rem;
  margin-top: 0.5rem;
  position: relative;
}

.clock-all .all-content-booth .clockNum-nochange {
  position: absolute;
  top: 53%;
  left: 12%;
  width: 78%;
  height: 41%;
}

.clock-all .all-content-booth .clockNum-nochange .clockNum-text {
  position: absolute;
  top: 17%;
  font-size: 0.7rem;
  left: 29%;
}

.clock-all .all-content-booth .clockNum-nochange .clockNum-text-all {
  position: absolute;
  top: 17%;
  font-size: 0.7rem;
  left: 14%;
}

.clock-all .all-content-booth .clockNum-nochange .clockNum-text-little {
  position: absolute;
  top: 17%;
  font-size: 0.7rem;
  left: 23%;
}

.clock-all .all-content-booth .clockNum {
  position: absolute;
  top: 50%;
  left: 17%;
  width: 65%;
  height: 34%;
}

.clock-all .all-content-booth .clockNum .clockNum-text {
  position: absolute;
  top: 17%;
  font-size: 0.7rem;
  left: 32%;
}

.clock-all .all-content-booth .clockNum .clockNum-text-all {
  position: absolute;
  top: 19%;
  font-size: 0.7rem;
  left: 17%;
}

.clock-all .all-content-booth .clockNum .clockNum-text-little {
  position: absolute;
  top: 17%;
  font-size: 0.7rem;
  left: 23%;
}

.clock-all .all-content-booth .content-footer {
  width: 50%;
  height: 4.1rem;
  left: 6rem;
  bottom: 2.6rem;
  position: absolute;
}

.clock-all .all-content-booth .content-footer-button {
  position: absolute;
  bottom: 4%;
  left: 24%;
  width: 51%;
  opacity: 0;
  height: 4.1rem;
}

.clock-all .all-content-treasure {
  height: 100%;
  background-image: url("https://cdn.5iidea.com/5iidea/miniapp/assets/booth/bg4.jpg?x-oss-process=image/resize,w_750");
  background-size: 100% 100%;
  position: relative;
}

.clock-all .all-content-treasure .content-role {
  width: 13%;
  /* height: 1.8rem; */
  position: absolute;
  top: 5%;
}

.clock-all .all-content-treasure .booth-booth {
  width: 13%;
  position: absolute;
  top: 23%;
  right: 4%;
}

.clock-all .all-content-treasure .content-good {
  width: 6%;
  position: absolute;
  top: 18%;
  right: 20%;
}

.clock-all .all-content-treasure .content-good .goodNum {
  position: absolute;
  font-size: 0.9rem;
  top: 84%;
  text-align: center;
  width: 100%;
}

.clock-all .all-content-treasure .content-photo {
  width: 17%;
  position: absolute;
  top: 20%;
  left: 41.6%;
}

.clock-all .all-content-treasure .content-photo .avatar-img {
  width: 100%;
  border-radius: 50%;
}

.clock-all .all-content-treasure .name-school {
  font-size: 0.8rem;
  position: absolute;
  font-weight: bold;
  text-align: center;
  width: 100%;
  top: 17.5rem;
}

.clock-all .all-content-treasure .content-date {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  position: absolute;
  top: 36.1%;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  width: 100%;
}

.clock-all .all-content-treasure .content-date .content-date-one {
  width: 4.5rem;
  height: 2.2rem;
}

.clock-all .all-content-treasure .content-date .content-date-one-right {
  font-weight: bold;
  position: relative;
  width: 100%;
  height: 100%;
  margin-top: 0.25rem;
}

.clock-all .all-content-treasure .content-date .content-date-one-no {
  font-weight: bold;
  margin-top: .5rem;
  position: relative;
  height: 100%;
  width: 100%;
}

.clock-all .all-content-treasure .content-date .content-date-one-text-right {
  top: 14%;
  left: 19%;
  font-size: 1.2rem;
  position: absolute;
  color: #ffffff;
  font-style: oblique;
  font-weight: bold;
}

.clock-all .all-content-treasure .content-date .content-date-one-text-no {
  top: 14%;
  left: 19%;
  font-size: 1.2rem;
  position: absolute;
  font-style: oblique;
  font-weight: bold;
}

.clock-all .all-content-treasure .content-date .content-date-two {
  width: 4.5rem;
  height: 2.2rem;
  margin: 0 1.3rem;
}

.clock-all .all-content-treasure .content-date .content-date-two-right {
  font-weight: bold;
  position: relative;
  width: 100%;
  height: 100%;
  margin-top: 0.25rem;
}

.clock-all .all-content-treasure .content-date .content-date-two-no {
  font-weight: bold;
  margin-top: .5rem;
  position: relative;
  height: 100%;
  width: 100%;
}

.clock-all .all-content-treasure .content-date .content-date-two-text-right {
  top: 14%;
  left: 19%;
  font-size: 1.2rem;
  position: absolute;
  color: #ffffff;
  font-style: oblique;
  font-weight: bold;
}

.clock-all .all-content-treasure .content-date .content-date-two-text-no {
  top: 14%;
  left: 19%;
  font-size: 1.2rem;
  position: absolute;
  font-style: oblique;
  font-weight: bold;
}

.clock-all .all-content-treasure .content-date .content-date-three {
  width: 4.5rem;
  height: 2.2rem;
}

.clock-all .all-content-treasure .content-date .content-date-three-right {
  font-weight: bold;
  position: relative;
  width: 100%;
  height: 100%;
  margin-top: 0.25rem;
}

.clock-all .all-content-treasure .content-date .content-date-three-no {
  font-weight: bold;
  margin-top: .5rem;
  position: relative;
  height: 100%;
  width: 100%;
}

.clock-all .all-content-treasure .content-date .content-date-three-text-right {
  top: 14%;
  left: 19%;
  font-size: 1.2rem;
  font-weight: bold;
  position: absolute;
  color: #ffffff;
  font-style: oblique;
}

.clock-all .all-content-treasure .content-date .content-date-three-text-no {
  top: 14%;
  left: 19%;
  font-size: 1.2rem;
  position: absolute;
  font-style: oblique;
  font-weight: bold;
}

.clock-all .all-content-treasure .d-f {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  position: absolute;
  top: 24.3rem;
  width: 74%;
  margin: 0 13%;
}

.clock-all .all-content-treasure .changedItem {
  margin-top: 0.8rem;
  position: relative;
  width: 51%;
}

.clock-all .all-content-treasure .changeItem-treasure {
  width: 42%;
  margin: 0.4rem 0.7rem 0 0.5rem;
  position: relative;
}

.clock-all .all-content-treasure .clockNum-nochange {
  position: absolute;
  top: 52%;
  left: 12%;
  width: 78%;
  height: 42%;
}

.clock-all .all-content-treasure .clockNum-nochange .clockNum-text {
  position: absolute;
  top: 17%;
  font-size: 0.7rem;
  left: 29%;
}

.clock-all .all-content-treasure .clockNum-nochange .clockNum-text-all {
  position: absolute;
  top: 17%;
  font-size: 0.7rem;
  left: 14%;
}

.clock-all .all-content-treasure .clockNum-nochange .clockNum-text-little {
  position: absolute;
  top: 17%;
  font-size: 0.7rem;
  left: 23%;
}

.clock-all .all-content-treasure .clockNum {
  position: absolute;
  top: 51%;
  left: 15%;
  width: 69%;
  height: 34%;
}

.clock-all .all-content-treasure .clockNum .clockNum-text {
  position: absolute;
  top: 17%;
  font-size: 0.7rem;
  left: 29%;
}

.clock-all .all-content-treasure .clockNum .clockNum-text-all {
  position: absolute;
  top: 19%;
  font-size: 0.7rem;
  left: 17%;
}

.clock-all .all-content-treasure .clockNum .clockNum-text-little {
  position: absolute;
  top: 17%;
  font-size: 0.7rem;
  left: 23%;
}

.clock-all .all-content-treasure .treasure-content-main {
  margin: 0 10%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  width: 80%;
  position: absolute;
  top: 55%;
}

.clock-all .all-content-treasure .treasure-content-main .treasure-content-main-item:nth-child(3n) {
  margin-right: 0;
}

.clock-all .all-content-treasure .treasure-content-main .treasure-content-main-item {
  margin: 2% 2% 2% 3%;
  position: relative;
  width: 28%;
  height: 8rem;
}

.clock-all .all-content-treasure .treasure-content-main .treasure-content-main-item .treasure-content-main-item-icon-top {
  position: absolute;
  width: 4rem;
  top: 51%;
  left: 2%;
  height: 4rem;
}

.clock-all .all-content-treasure .treasure-content-main .treasure-content-main-item .treasure-content-main-item-icon-bottom {
  width: 3rem;
  height: 3rem;
  position: absolute;
  top: 14%;
  left: 10%;
}

.clock-all .all-content-treasure .treasure-content-footer {
  width: 50%;
  height: 4.1rem;
  left: 6rem;
  bottom: 2.6rem;
  position: absolute;
}

.clock-all .all-content-treasure .treasure-content-footer-button {
  position: absolute;
  bottom: 4%;
  left: 24%;
  width: 51%;
  opacity: 0;
  height: 4.1rem;
}

.clock-all .role-content {
  padding: .5rem 1rem;
  position: absolute;
  left: 12%;
  top: 4%;
  overflow: auto;
  width: 76%;
  height: 92%;
  text-align: left;
}

.clock-all .role-content .role-content-title {
  font-size: 1rem;
  font-family: MicrosoftYaHei-Bold;
  font-weight: bold;
  text-align: center;
  margin-bottom: 1rem;
}

.clock-all .role-content .role-content-text {
  font-size: 1rem;
  color: #565656;
}

.clock-all .scan {
  width: 73%;
  height: 40%;
  margin: 0 15%;
  position: relative;
}

.clock-all .scan .treasure-item-content {
  position: absolute;
  top: 29%;
  left: 10%;
  width: 75%;
}

.clock-all .scan .treasure-item-content .treasure-item-title {
  font-weight: bold;
}

.clock-all .scan .treasure-item-content .treasure-item-text {
  margin: 0.5rem;
  white-space: pre-wrap;
}

.clock-all .cube-popup-content {
  text-align: center !important;
}

.clock-all .cube-scroll-wrapper {
  position: absolute !important;
  width: 98% !important;
  height: 94% !important;
  top: 3% !important;
}

.clock-all .cube-scroll-wrapper .cube-scroll-content {
  height: 100% !important;
}

.body-mobile-cyxq-nav-box .cube-scroll-nav-bar {
  height: 2.5rem;
}

.body-mobile-cyxq-nav-box .cube-scroll-nav-bar .cube-scroll-wrapper .cube-scroll-content {
  height: 100%;
}

.body-mobile-cyxq-nav-box .cube-scroll-nav-bar .cube-scroll-wrapper .cube-scroll-content .cube-scroll-list-wrapper {
  height: 100%;
}

.body-mobile-cyxq-nav-box .cube-scroll-nav-bar .cube-scroll-wrapper .cube-scroll-content .cube-scroll-list-wrapper .cube-scroll-nav-bar-items {
  height: 100%;
  font-size: 0.9375rem;
  color: #666;
}

.body-mobile-cyxq-nav-box .cube-scroll-nav-bar .cube-scroll-wrapper .cube-scroll-content .cube-scroll-list-wrapper .cube-scroll-nav-bar-items .cube-scroll-nav-bar-item {
  padding: 0 0.5rem;
}

.body-mobile-cyxq-nav-box .cube-scroll-nav-bar .cube-scroll-wrapper .cube-scroll-content .cube-scroll-list-wrapper .cube-scroll-nav-bar-items .cube-scroll-nav-bar-item span {
  padding: 0.5rem;
  display: block;
}

.body-mobile-cyxq-nav-box .cube-scroll-nav-bar .cube-scroll-wrapper .cube-scroll-content .cube-scroll-list-wrapper .cube-scroll-nav-bar-items .cube-scroll-nav-bar-item_active {
  color: #de003f !important;
}

.body-mobile-cyxq-nav-box .cube-scroll-nav-bar .cube-scroll-wrapper .cube-scroll-content .cube-scroll-list-wrapper .cube-scroll-nav-bar-items .cube-scroll-nav-bar-item_active span {
  border-bottom: 0.15625rem solid #de003f;
  font-weight: bold;
}

.padd-b5 {
  padding-bottom: 5rem !important;
}

b,
strong {
  font-weight: bolder !important;
}