/* Desktop franchise: retained page structure and states. */
.pggs {
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center center;
  padding: 100px 140px 170px 450px;
  overflow: hidden;
}
.paggds-2 .dets {
  margin-top: 30px;
  position: relative;
  padding-top: 20px;
  width: 100%;
  min-height: 490px;
}
.top-title {
  color: rgb(255, 255, 255);
}
.paggds-2 .dets .liuc-item {
  align-items: flex-start;
  place-content: space-between flex-start;
  flex-wrap: wrap;
}
.paggds-2 .dets .liuc-item .lc-list {
  transition: background-color 300ms;
  display: flex;
  align-items: flex-start;
  justify-content: flex-start;
  flex-direction: column;
}
.paggds-2 .dets .liuc-item .lc-list p:nth-child(1) {
  font-size: 24px;
}
.paggds-2 .dets .liuc-item .lc-list p:nth-child(2) {
  font-size: 18px;
}
.paggds-2 .dets .liuc-item .lc-list .sb-lis {
  width: 100%;
  display: flex;
  align-items: flex-end;
  justify-content: space-between;
}
.paggds-2 .dets .liuc-item .lc-list .sb-lis p {
  font-size: 12px;
  opacity: 0.6;
}
.pggs {
  position: relative;
}
.pggs .dets {
  width: 100%;
  height: 100%;
  position: relative;
  margin: 80px 0px 0px;
}
.paggds-1 .sbace-boxs {
  display: flex;
  justify-content: space-between;
}
.paggds-1 .sbace-boxs .left-box {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  flex-direction: column;
}
.paggds-1 .sbace-boxs .right-box {
  color: rgb(255, 255, 255);
}
.paggds-1 .sbace-boxs .left-box .tops-title {
  width: 100%;
  color: rgb(255, 255, 255);
}
.paggds-1 .sbace-boxs .left-box .pathsd {
  width: 100%;
  min-height: 188px;
  color: rgb(255, 255, 255);
  font-size: 16px;
}
.paggds-1 .sbace-boxs .left-box .pathsd .ttlsd {
  font-size: 24px;
  margin-bottom: 20px;
  width: 100%;
}
.paggds-1 .sbace-boxs .left-box .pathsd .ssdw.bts {
  font-size: 32px;
}
.paggds-1 .sbace-boxs .right-box .t-ttlw {
  width: 100%;
}
.paggds-1 .sbace-boxs .right-box .ccls {
  margin-top: 15px;
}
.paggds-1 .sbace-boxs .right-box .upps {
  display: flex;
  width: 100%;
  align-items: flex-start;
  justify-content: space-between;
  flex-wrap: wrap;
}
.paggds-1 .sbace-boxs .right-box .upps label input,
select {
  font-size: 16px;
  width: 100%;
  height: 36px;
  background-color: rgba(255, 255, 255, 0.3);
  border: 2px solid rgba(255, 255, 255, 0.8);
  outline: none;
  color: rgb(255, 255, 255);
  text-indent: 5px;
}
.paggds-1 .sbace-boxs .right-box .upps label select option {
  color: rgb(17, 57, 115);
}
.paggds-1 .sbace-boxs .right-box .upps .w-box {
  width: 100%;
}
.paggds-1 .sbace-boxs .right-box .upps .b-box dl {
  padding: 0px;
  margin: 0px;
  width: 100%;
  overflow: hidden;
}
.paggds-1 .sbace-boxs .right-box .upps .b-box dd {
  width: 50%;
  line-height: 36px;
  float: left;
  white-space: nowrap;
  font-size: 14px;
  padding: 0px;
}
.paggds-1 .sbace-boxs .right-box .upps .b-box dd input {
  width: 18px;
  float: left;
}
.paggds-1 .sbace-boxs .right-box .upps label .war {
  color: rgb(255, 186, 0);
  font-size: 12px;
  transition:
    opacity 300ms,
    transform 300ms;
  opacity: 0;
  transform: translateY(-50%);
}
.paggds-1 .sbace-boxs .right-box .upps label .war.show {
  opacity: 1;
  transform: translateY(20%);
}
.paggds-1 .sbace-boxs .right-box .upps .qs-tjs {
  background-color: rgb(255, 186, 0);
  border-width: medium;
  border-style: none;
  border-color: currentcolor;
  border-image: none;
  outline: none;
}
.paggds-1 .sbace-boxs .right-box .upps label textarea {
  font-size: 16px;
  width: 100%;
  background-color: rgba(255, 255, 255, 0.3);
  border: 2px solid rgba(255, 255, 255, 0.8);
  outline: none;
  color: rgb(255, 255, 255);
  text-indent: 5px;
}
.paggds-3 .sw-boxd {
  display: flex;
  justify-content: space-between;
}
.paggds-3 .sw-boxd .left-box * {
  color: rgb(255, 255, 255);
  max-width: 100%;
}
.paggds-3 .sw-boxd .right-box {
  display: flex;
  align-items: flex-end;
  justify-content: space-between;
  flex-direction: column;
  color: rgb(255, 255, 255);
  padding-top: 80px;
}
.paggds-3 .sw-boxd .right-box .ccd {
  opacity: 0.5;
}
.paggds-3 .sw-boxd .right-box .censd {
  color: rgb(255, 186, 0);
  font-weight: bold;
}
.paggds-3 .sw-boxd .right-box .censd p {
  text-align: right;
  width: 100%;
}
.paggds-6 .dets .zhichi-item {
  place-content: space-between flex-start;
  flex-wrap: wrap;
}
.paggds-6 .dets .zhichi-item .zhichi-list {
  transition: background-color 300ms;
  display: flex;
  justify-content: flex-start;
  flex-direction: column;
  text-align: center;
}
.paggds-6 .dets .zhichi-item .zhichi-list i {
  background: rgb(250, 190, 0);
  display: block;
}
.paggds-6 .dets .zhichi-item .zhichi-list h3 {
  font-weight: bold;
}