@charset "UTF-8";
* {
  margin: 0;
  padding: 0;
  list-style: none;
  box-sizing: border-box;
  text-decoration: none;
  font-family: "siyuanheitiR", "Microsoft YaHei", "Arial";
  line-height: 1.6;
}

body {
  padding: 0;
  margin: 0;
  color: #333;
  background-color: #fff;
  font-size: 1.6rem;
}

a {
  text-decoration: none;
  color: #333;
  transition: 0.3s;
}

a:focus {
  text-decoration: none;
}

img {
  display: block;
  image-rendering: -moz-crisp-edges;
  image-rendering: -o-crisp-edges;
  image-rendering: -webkit-optimize-contrast;
  image-rendering: crisp-edges;
  -ms-interpolation-mode: nearest-neighbor;
}

.img {
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 0;
  overflow: hidden;
  -webkit-user-select: none;
     -moz-user-select: none;
          user-select: none;
}

.img img {
  max-width: 100%;
  max-height: 100%;
  -o-object-fit: contain;
     object-fit: contain;
  transition: all 0.3s;
}

.picCover {
  -webkit-user-select: none;
     -moz-user-select: none;
          user-select: none;
  overflow: hidden;
}
.picCover img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
  transition: all 0.3s;
}

.w-100 {
  width: 100% !important;
}

.h-100 {
  height: 100% !important;
}

.btn {
  display: flex;
  align-items: center;
  justify-content: center;
  transition: all 0.3s;
  cursor: pointer;
}

.lh-base {
  line-height: 1.6 !important;
}

.lh-1 {
  line-height: 1 !important;
}

.fs-20 {
  font-size: 2rem !important;
}

.fs-16 {
  font-size: 1.6rem !important;
}

.fs-14 {
  font-size: 1.4rem !important;
}

.fs-12 {
  font-size: 1.2rem !important;
}

.bgA {
  background-color: #f5f5f5 !important;
}

.time01 {
  transition: all 0.1s ease-out 0s;
}

.time02 {
  transition: all 0.2s ease-out 0s;
}

.time03 {
  transition: all 0.3s ease-out 0s;
}

.time05 {
  transition: all 0.5s;
}

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

.mtA {
  margin-top: 1rem;
}

.mtB {
  margin-top: 2rem;
}

.mtC {
  margin-top: 3rem;
}

.mtD {
  margin-top: 4rem;
}

.mtE {
  margin-top: 5rem;
}

.ms-1 {
  margin-left: 1rem;
}

.ms-2 {
  margin-left: 2rem;
}

.colorA {
  color: #0256FF !important;
}

.colorB {
  color: #333 !important;
}

.colorC {
  color: #666 !important;
}

.colorD {
  color: #999 !important;
}

.colorE {
  color: #000 !important;
}

.colorF {
  color: #14CB79 !important;
}

.colorG {
  color: #F64C4C !important;
}

.colorH {
  color: #DC9850 !important;
}

.ellipsis {
  overflow: hidden;
  text-overflow: ellipsis;
  -o-text-overflow: ellipsis;
  -webkit-text-overflow: ellipsis;
  -moz-text-overflow: ellipsis;
  white-space: nowrap;
}

.text2 {
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
}

.text3 {
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 3;
  -webkit-box-orient: vertical;
}

.text4 {
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 4;
  -webkit-box-orient: vertical;
}

input, select {
  border: none;
  outline: none;
  background: none;
  font-size: 1.6rem;
}

html {
  font-size: 0.5208333333vw;
}

.container {
  width: 120rem;
  margin: 0 auto;
}

.pc {
  display: block;
}

.mb {
  display: none;
}

.flex {
  display: flex;
}

.align-items-center {
  align-items: center;
}

.justify-content-between {
  justify-content: space-between;
}

.justify-content-center {
  justify-content: center;
}

.flex-1 {
  flex: 1;
}

.text-end {
  text-align: right;
}

.text-center {
  text-align: center;
}

.btn-primary {
  background-color: #0256FF;
  color: #fff;
  display: inline-block;
  width: 13.2rem;
  padding: 0 1rem;
  border-radius: 6rem;
  text-align: center;
  line-height: 3.5rem;
}

.btn-primaryA {
  line-height: 4rem;
  border-radius: 0.4rem;
}

.btn-primary:hover {
  opacity: 0.8;
}

.btn-light {
  background-color: #FFFFFF;
  color: #000;
  display: inline-block;
  width: 13.2rem;
  padding: 0 1rem;
  border-radius: 6rem;
  text-align: center;
  line-height: 3.5rem;
}

.btn-light:hover {
  background-color: #0256FF;
  color: #fff;
}

.btn-outline-primary {
  text-align: center;
  border: 0.1rem solid #0256FF;
  line-height: 1;
  border-radius: 0.4rem;
  color: #0256FF;
  font-size: 1.4rem;
  padding: 0 0.6rem;
  display: inline-block;
  line-height: 2.6rem;
}

.btn-outline-primary:hover {
  color: #fff;
  background-color: #0256FF;
}

.breadcrumb li {
  color: #000;
  font-size: 1.4rem;
  display: flex;
}
.breadcrumb li a {
  color: #999;
  font-size: 1.4rem;
}
.breadcrumb li::before {
  content: ">";
  color: #999;
  margin: 0 1rem;
}
.breadcrumb li:first-child::before {
  display: none;
}

/* body{opacity: 0;transition: all 1s;} */
@font-face {
  font-family: "siyuanheitiR";
  font-weight: 800;
  src: url("./SourceHanSansCN-Regular.otf") format("trueType");
  font-display: swap;
}
@font-face {
  font-family: "siyuanheitiH";
  font-weight: 800;
  src: url("./SourceHanSansCN-Heavy.otf") format("trueType");
  font-display: swap;
}
@font-face {
  font-family: "siyuanheitiB";
  font-weight: 800;
  src: url("./SourceHanSansCN-Bold.otf") format("trueType");
  font-display: swap;
}
::-webkit-scrollbar {
  width: 6px;
  height: 6px;
  background-color: #F8F8F8;
}

::-webkit-scrollbar-track {
  border-radius: 6px;
  background-color: #F8F8F8;
}

::-webkit-scrollbar-thumb {
  border-radius: 6px;
  background-color: #C8C6C4;
}

.loading {
  text-align: center;
  font-size: 1.4rem;
  color: #999;
  margin: 4rem 0;
}

.secMenu {
  border-radius: 1rem;
  padding: 2rem;
}
.secMenu ul {
  display: flex;
  flex-wrap: wrap;
  margin: -0.5rem;
}
.secMenu li {
  padding: 0.5rem;
}
.secMenu a {
  background-color: #fff;
  background-color: #fff;
  display: block;
  padding: 0 2rem;
  line-height: 3.7rem;
  border-radius: 0.6rem;
}
.secMenu a.active {
  background-color: #0256FF;
  color: #fff !important;
}
.secMenu a:hover {
  color: #0256FF;
}

.pageList {
  margin-top: 5rem;
  display: flex;
  justify-content: end;
}
.pageList .pagination {
  display: flex;
  flex-wrap: wrap;
}
.pageList .page-item {
  margin: 0.5rem;
}
.pageList .page-link {
  min-width: 4rem;
  height: 4rem;
  padding: 5px;
  display: flex;
  align-items: center;
  justify-content: center;
  background-color: #eee;
  border-radius: 0.5rem;
}
.pageList .page-item.active .page-link {
  color: #fff !important;
  background-color: #0256FF;
}
.pageList .page-item.disabled .page-link {
  opacity: 0.7;
}
.pageList .page-item:not(.disabled):hover .page-link {
  color: #0256FF;
}

.focusBtn {
  display: block;
  font-size: 1.4rem;
  width: 7rem;
  line-height: 3rem;
  text-align: center;
  background-color: #EFF2FF;
  border-radius: 5rem;
  color: #0256FF;
}

.focusBtn.cur {
  color: #fff;
  background-color: #0256FF;
}

.focusBtn::after {
  content: "+关注";
}

.focusBtn.cur::after {
  content: "已关注";
}

.titleStyleA {
  display: flex;
  align-items: center;
}
.titleStyleA h4 {
  font-size: 2rem;
  line-height: 3rem;
  font-weight: bold;
  position: relative;
  padding-left: 1.4rem;
  margin-right: 1rem;
}
.titleStyleA h4::before {
  content: "";
  width: 0.4rem;
  height: 2rem;
  background-color: #0256FF;
  position: absolute;
  left: 0;
  top: 50%;
  transform: translateY(-50%);
}

.header {
  height: 8rem;
  background: #fff;
}
.header .container {
  height: 100%;
  display: flex;
  align-items: center;
}
.header .logo {
  flex: 1;
  font-size: 3rem;
  color: #000;
}
.header .logo .img {
  height: 2.3rem;
}
.header .inputBox {
  height: 4rem;
  width: 50rem;
  background: #f7f7f7;
  border-radius: 4rem;
  display: flex;
  overflow: hidden;
  align-items: center;
  padding-left: 1.6rem;
}
.header .inputBox .img.icon {
  width: 2.4rem;
  height: 2.4rem;
  flex-shrink: 0;
  margin-right: 0.4rem;
}
.header .inputBox .btn {
  width: 9.2rem;
  font-size: 1.6rem;
  color: #fff;
  background: #0256FF;
  height: 100%;
}
.header .inputBox input {
  flex: 1;
  font-size: 1.6rem;
  color: #333;
}
.header .inputBox input::-moz-placeholder {
  color: #6C727C;
}
.header .inputBox input::placeholder {
  color: #6C727C;
}
.header .userBox {
  display: flex;
  margin-left: 7.5rem;
  flex-shrink: 0;
  align-items: center;
}
.header .userBox .btn {
  width: 9.2rem;
  height: 4rem;
  background: #0256FF;
  color: #fff;
  border-radius: 3rem;
  margin-left: 3rem;
  font-size: 1.6rem;
}
.header .userBox .btn.change {
  width: auto;
  padding: 0 3rem;
}
.header .userBox .login {
  display: flex;
  align-items: center;
  margin-left: 3rem;
  font-size: 1.6rem;
  color: #3d3d3d;
  cursor: pointer;
}
.header .userBox .login .img {
  width: 2rem;
  height: 2rem;
  margin-right: 0.6rem;
  flex-shrink: 0;
}
.header .userBox .link {
  font-size: 1.6rem;
  color: #3d3d3d;
}

.pageRight {
  position: fixed;
  bottom: 10rem;
  right: 5rem;
}
.pageRight .one {
  width: 5rem;
  height: 5rem;
  display: flex;
  align-items: center;
  justify-content: center;
  margin-top: 2rem;
  border-radius: 50%;
  box-shadow: 0px 0.8rem 2.4rem 0px rgba(149, 157, 165, 0.2);
  border: 1px solid #eee;
  cursor: pointer;
  transition: all 0.3s;
  opacity: 1;
}
.pageRight .one .img {
  width: 2.4rem;
  height: 2.4rem;
  position: relative;
}
.pageRight .one .img img {
  position: absolute;
  width: 100%;
  height: 100%;
  left: 0;
  top: 0;
}
.pageRight .one .nor {
  z-index: 111;
  opacity: 1;
}
.pageRight .one .hov {
  z-index: 11;
  opacity: 0;
}
.pageRight .one.totop .img {
  width: 3rem;
  height: 3rem;
}
.pageRight .one:hover .hov {
  z-index: 111;
  opacity: 1;
}
.pageRight .one:hover .nor {
  z-index: 11;
  opacity: 0;
}
.pageRight .one.hide {
  opacity: 0;
}

.footer {
  height: 6rem;
  background: #333333;
}
.footer .container {
  display: flex;
  align-items: center;
  justify-content: space-between;
  height: 100%;
}
.footer .icp {
  font-size: 1.4rem;
  color: #fff;
}
.footer .icp a {
  font-size: 1.4rem;
  color: #fff;
  transition: all 0.3s;
}
.footer .icp a:hover {
  color: #ccc;
}
.footer .menu {
  display: flex;
  align-items: center;
}
.footer .menu a {
  font-size: 1.4rem;
  color: #fff;
  margin-left: 5rem;
  transition: all 0.3s;
}
.footer .menu a:hover {
  color: #ccc;
}

.menuBox {
  width: 22rem;
  margin-right: 6rem;
  flex-shrink: 0;
  position: sticky;
  top: 2rem;
}
.menuBox .box {
  width: 100%;
  margin-bottom: 2rem;
  border-bottom: 1px solid #eee;
  padding-bottom: 2rem;
}
.menuBox .box:last-child {
  border-bottom: 0;
}
.menuBox .one {
  width: 100%;
  height: 4rem;
  margin-bottom: 1rem;
  border-radius: 4rem;
  display: flex;
  align-items: center;
  padding-left: 3rem;
  transition: all 0.3s;
}
.menuBox .one .img {
  width: 2.4rem;
  height: 2.4rem;
  margin-right: 4rem;
  flex-shrink: 0;
  position: relative;
}
.menuBox .one .img img {
  position: absolute;
  width: 100%;
  height: 100%;
  left: 0;
  top: 0;
}
.menuBox .one .img .nor {
  z-index: 111;
  opacity: 1;
}
.menuBox .one .img .hov {
  z-index: 11;
  opacity: 0;
}
.menuBox .one .text {
  font-size: 1.6rem;
  color: #333;
  transition: all 0.3s;
}
.menuBox .one:last-child {
  margin-bottom: 0;
}
.menuBox .one:hover .img .hov {
  z-index: 111;
  opacity: 1;
}
.menuBox .one:hover .img .nor {
  z-index: 11;
  opacity: 0;
}
.menuBox .one:hover .text {
  color: #fff;
}
.menuBox .one.active .img .hov {
  z-index: 111;
  opacity: 1;
}
.menuBox .one.active .img .nor {
  z-index: 11;
  opacity: 0;
}
.menuBox .one.active .text {
  color: #fff;
}
.menuBox .one:hover, .menuBox .one.active {
  background: #0256FF;
}

.contentBox {
  flex: 1;
  padding-bottom: 4rem;
}

.index .container {
  display: flex;
  padding: 2rem 0 4rem 0;
  align-items: flex-start;
  min-height: calc(100vh - 14rem);
}
.index .typeBox {
  display: flex;
  margin-bottom: 2rem;
}
.index .typeBox .one {
  min-width: 8rem;
  height: 4rem;
  padding: 0 2rem;
  display: flex;
  align-items: center;
  justify-content: center;
  background: #f5f5f5;
  font-size: 1.6rem;
  color: #333;
  margin-right: 2rem;
  border-radius: 4rem;
  transition: all 0.3s;
  cursor: pointer;
}
.index .typeBox .one:hover, .index .typeBox .one.active {
  color: #fff;
  background: #0256FF;
}
.index .block1 .floor1 {
  display: flex;
  flex-wrap: wrap;
  gap: 2rem;
  margin-bottom: 2rem;
}
.index .block1 .floor1 .one {
  width: 45rem;
  height: 14rem;
  padding: 2rem 3rem;
  display: flex;
  border: 1px solid #EEEEEE;
  transition: all 0.3s;
  border-radius: 1rem;
}
.index .block1 .floor1 .l {
  flex: 1;
  margin-right: 2rem;
  height: 100%;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
}
.index .block1 .floor1 .one .name {
  font-size: 1.6rem;
  line-height: 1.5;
  color: #333;
  transition: all 0.3s;
}
.index .block1 .floor1 .one:hover {
  box-shadow: 0px 10px 15px -3px rgba(0, 0, 0, 0.1), 0px 4px 6px -2px rgba(0, 0, 0, 0.05);
}
.index .block1 .floor1 .one .success {
  background: #F64C4C;
  border-radius: 0.2rem 1rem 1rem 1rem;
  width: 4.8rem;
  height: 2.1rem;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 1.2rem;
  color: #fff;
  margin-right: 1rem;
  line-height: 1;
}
.index .block1 .floor1 .one .tip {
  height: 2.1rem;
  background: #EFF2FF;
  border-radius: 0.2rem;
  display: flex;
  align-items: center;
  padding: 0 0.4rem;
  color: #465266;
  font-size: 1.2rem;
  line-height: 1;
}
.index .block1 .floor1 .img {
  width: 10rem;
  height: 10rem;
  border-radius: 1rem;
  overflow: hidden;
}
.index .block1 .floor2 {
  display: flex;
  margin-bottom: 3rem;
}
.index .block1 .floor2 .one {
  width: 21.5rem;
  margin-right: 2rem;
  border-radius: 1rem;
  border: 1px solid #eee;
  overflow: hidden;
  display: flex;
  flex-direction: column;
}
.index .block1 .floor2 .one:nth-child(4n) {
  margin-right: 0;
}
.index .block1 .floor2 .one .img {
  width: 21.5rem;
  height: 21.5rem;
  flex-shrink: 0;
}
.index .block1 .floor2 .one .img img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}
.index .block1 .floor2 .one:hover .img img {
  transform: scale(1.1);
}
.index .block1 .floor2 .one .textBox {
  padding: 1rem 2rem 2rem;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  align-items: flex-start;
  flex: 1;
}
.index .block1 .floor2 .one .textBox .name {
  font-size: 1.6rem;
  color: #333;
  line-height: 1.5;
  margin-bottom: 1.5rem;
}
.index .block1 .floor2 .one .tip {
  height: 2.1rem;
  background: #EFF2FF;
  border-radius: 0.2rem;
  display: flex;
  align-items: center;
  padding: 0 0.4rem;
  color: #465266;
  font-size: 1.2rem;
  line-height: 1;
}
.index .block1 .floor3 {
  display: flex;
  margin-bottom: 3rem;
  flex-direction: column;
  align-items: flex-start;
}
.index .block1 .floor3 .tip {
  height: 2.1rem;
  background: #EFF2FF;
  border-radius: 0.2rem;
  display: flex;
  align-items: center;
  padding: 0 0.4rem;
  color: #465266;
  font-size: 1.2rem;
  line-height: 1;
}
.index .block1 .floor3 .list {
  margin-bottom: 2rem;
  display: flex;
}
.index .block1 .floor3 .list .one {
  width: 21.5rem;
  margin-right: 2rem;
}
.index .block1 .floor3 .list .one:nth-child(4n) {
  margin-right: 0;
}
.index .block1 .floor3 .list .one .big {
  width: 21.5rem;
  height: 27.8rem;
  position: relative;
  border-radius: 1rem;
  margin-bottom: 1rem;
}
.index .block1 .floor3 .list .one .big > img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}
.index .block1 .floor3 .list .one:hover .big > img {
  transform: scale(1.1);
}
.index .block1 .floor3 .list .one .big .icon {
  position: absolute;
  width: 3rem;
  height: 3rem;
  right: 1rem;
  top: 1rem;
}
.index .block1 .floor3 .list .one .name {
  font-size: 1.6rem;
  line-height: 1.5;
  color: #333;
}
.index .block1 .floor4 {
  display: flex;
  margin-bottom: 3rem;
  flex-direction: column;
  align-items: flex-start;
}
.index .block1 .floor4 .tip {
  height: 2.1rem;
  background: #EFF2FF;
  border-radius: 0.2rem;
  display: flex;
  align-items: center;
  padding: 0 0.4rem;
  color: #465266;
  font-size: 1.2rem;
  line-height: 1;
}
.index .block1 .floor4 .list {
  margin-bottom: 2rem;
  display: flex;
}
.index .block1 .floor4 .list .one {
  width: 21.5rem;
  margin-right: 2rem;
}
.index .block1 .floor4 .list .one:nth-child(4n) {
  margin-right: 0;
}
.index .block1 .floor4 .list .one .big {
  width: 21.5rem;
  height: 21.5rem;
  position: relative;
  border-radius: 1rem;
  margin-bottom: 1rem;
}
.index .block1 .floor4 .list .one .big > img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}
.index .block1 .floor4 .list .one:hover .big > img {
  transform: scale(1.1);
}
.index .block1 .floor4 .list .one .big .icon {
  position: absolute;
  width: 3rem;
  height: 3rem;
  right: 1rem;
  top: 1rem;
}
.index .block1 .floor4 .one .name {
  font-size: 1.6rem;
  line-height: 1.5;
  color: #333;
}
.index .nr .block {
  display: none;
}
.index .ad {
  display: flex;
  margin-bottom: 3rem;
  flex-direction: column;
  align-items: flex-start;
}
.index .ad .tip {
  height: 2.1rem;
  background: #EFF2FF;
  border-radius: 0.2rem;
  display: flex;
  align-items: center;
  padding: 0 0.4rem;
  color: #465266;
  font-size: 1.2rem;
  line-height: 1;
}
.index .ad .img {
  width: 100%;
  border-radius: 1rem;
  margin-bottom: 2rem;
}
.index .ad .img img {
  width: 100%;
}
.index .yijia .tipBox {
  width: 100%;
  height: 4.4rem;
  border-radius: 4.4rem;
  background: #EFF2FF;
  display: flex;
  align-items: center;
  padding: 0 2rem;
  margin-bottom: 3rem;
}
.index .yijia .tipBox .img {
  width: 1.6rem;
  height: 1.6rem;
  margin-right: 1rem;
}
.index .yijia .tipBox .text {
  flex: 1;
  width: 0;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  font-size: 1.6rem;
  color: #0256FF;
}
.index .yijia .list {
  display: flex;
  flex-wrap: wrap;
}
.index .yijia .list .one {
  width: 16.8rem;
  height: 12rem;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  border-radius: 1rem;
  background: #F5F5F5;
  margin-right: 2rem;
  margin-bottom: 2rem;
  padding: 0 2rem;
}
.index .yijia .list .one:nth-child(5n) {
  margin-right: 0;
}
.index .yijia .list .one .name {
  font-size: 1.6rem;
  color: #000;
  line-height: 1.5;
  margin-bottom: 1rem;
  text-align: center;
}
.index .yijia .list .one .number {
  font-size: 1.6rem;
  color: #8B8E99;
  line-height: 1.5;
}
.index .yijia .list .one .number span {
  color: #0256FF;
}
.index .idea .list .row {
  display: flex;
  flex-wrap: wrap;
  margin: -1rem;
}
.index .idea .list .col {
  width: 25%;
  padding: 1rem;
}
.index .idea .list .btn {
  flex-direction: column;
}
.index .idea .list .btn .img {
  height: 21.5rem;
  border-radius: 1rem;
  align-items: normal;
}
.index .idea .list .btn .img img {
  -o-object-fit: cover;
     object-fit: cover;
}
.index .idea .list .btn p {
  margin-top: 1rem;
  line-height: 1.5;
}
.index .idea .list .info {
  margin-top: 1rem;
  display: flex;
  justify-content: space-between;
  align-items: center;
  font-size: 1.4rem;
}
.index .idea .list .info .l {
  display: flex;
  align-items: center;
}
.index .idea .list .info .l .img {
  width: 2rem;
  height: 2rem;
  overflow: hidden;
  border-radius: 50%;
}
.index .idea .list .info .l span {
  color: #999;
  margin-left: 0.5rem;
}
.index .idea .list .info .r {
  display: flex;
  align-items: center;
}
.index .idea .list .info .r .img {
  height: 1.08rem;
}
.index .idea .list .info .r span {
  color: #999;
  margin-left: 0.5rem;
}
.index .idea .list .btn:hover .img img {
  transform: scale(1.1);
}
.index .video .list .row {
  display: flex;
  flex-wrap: wrap;
  margin: -1rem;
}
.index .video .list .col {
  width: 25%;
  padding: 1rem;
}
.index .video .list .btn {
  flex-direction: column;
}
.index .video .list .btn .img {
  height: 27.8rem;
  border-radius: 1rem;
  align-items: normal;
  position: relative;
}
.index .video .list .btn .img img {
  -o-object-fit: cover;
     object-fit: cover;
}
.index .video .list .btn .img .icon {
  width: 3rem;
  height: 3rem;
  right: 1rem;
  top: 1rem;
  position: absolute;
  background: url(../img/icon_video_start.png) no-repeat;
  background-size: 100%;
}
.index .video .list .btn .img .icon img {
  width: 100%;
  height: 100%;
}
.index .video .list .btn p {
  margin-top: 1rem;
  line-height: 1.5;
}
.index .video .list .info {
  margin-top: 1rem;
  display: flex;
  justify-content: space-between;
  align-items: center;
  font-size: 1.4rem;
}
.index .video .list .info .l {
  display: flex;
  align-items: center;
}
.index .video .list .info .l .img {
  width: 2rem;
  height: 2rem;
  overflow: hidden;
  border-radius: 50%;
}
.index .video .list .info .l span {
  color: #999;
  margin-left: 0.5rem;
}
.index .video .list .info .r {
  display: flex;
  align-items: center;
}
.index .video .list .info .r .img {
  height: 1.08rem;
}
.index .video .list .info .r span {
  color: #999;
  margin-left: 0.5rem;
}
.index .video .list .btn:hover .img img {
  transform: scale(1.1);
}
.index .ranking .selTime {
  display: flex;
  align-items: center;
}
.index .ranking .selTime span {
  height: 1px;
  width: 4rem;
  background-color: #ddd;
  margin: 0 2rem;
}
.index .ranking .selTime input {
  width: 18rem;
  height: 4rem;
  background-color: #F5F5F5;
  text-align: center;
  border-radius: 0.6rem;
  border: 0;
}
.index .ranking .selTime .btn {
  width: 9.2rem;
  height: 4rem;
  background: #0256FF;
  color: #fff;
  border-radius: 3rem;
  margin-left: 2rem;
}
.index .ranking .content .box {
  display: none;
}
.index .ranking .content .num {
  border-bottom: 1px solid #eee;
  padding-bottom: 3rem;
}
.index .ranking .content .pxList li {
  overflow: hidden;
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: 3rem 0;
  border-bottom: 1px solid #eee;
}
.index .ranking .content .pxList .rank {
  width: 4rem;
  height: 4rem;
  line-height: 4rem;
  text-align: center;
  border-radius: 50%;
  background-color: #F5F5F5;
  font-size: 1.8rem;
  color: #333;
}
.index .ranking .content .pxList a {
  flex: 1;
  margin: 0 3rem;
  display: flex;
  align-items: center;
}
.index .ranking .content .pxList a .pic {
  width: 6rem;
  height: 6rem;
  position: relative;
}
.index .ranking .content .pxList a .pic img {
  width: 100%;
  height: 100;
  -o-object-fit: cover;
     object-fit: cover;
  border-radius: 50%;
}
.index .ranking .content .pxList a dl {
  margin-left: 2.5rem;
  width: 43rem;
}
.index .ranking .content .pxList a dl dt {
  font-size: 2rem;
  font-weight: bold;
}
.index .ranking .content .pxList a dl dd {
  font-size: 1.4rem;
}
.index .ranking .content .pxList .amount {
  text-align: right;
}
.index .ranking .content .pxList .amount h4 {
  font-size: 2.4rem;
  font-weight: bold;
  color: #333;
}
.index .ranking .content .pxList .amount p {
  color: #999;
  font-size: 1.4rem;
}
.index .ranking .content .pxList li:nth-child(1) .rank {
  width: 3.6rem;
  height: 4rem;
  background: url(../img/ranking-1.jpg) no-repeat;
  text-indent: 10000rem;
  background-size: 100%;
  border-radius: 0;
}
.index .ranking .content .pxList li:nth-child(1) a .pic img {
  border: 0.3rem solid #FFC730;
}
.index .ranking .content .pxList li:nth-child(1) a .pic::after {
  content: "";
  display: block;
  width: 2.2rem;
  height: 1.8rem;
  background: url(../img/ranking-4.jpg) no-repeat;
  background-size: 100%;
  position: absolute;
  top: -1.5rem;
  left: 1.9rem;
}
.index .ranking .content .pxList li:nth-child(1) .amount h4 {
  color: #FFC730;
}
.index .ranking .content .pxList li:nth-child(2) .rank {
  width: 3.6rem;
  height: 4rem;
  background: url(../img/ranking-2.jpg) no-repeat;
  text-indent: 10000rem;
  background-size: 100%;
  border-radius: 0;
}
.index .ranking .content .pxList li:nth-child(2) a .pic img {
  border: 0.3rem solid #ADB1C7;
}
.index .ranking .content .pxList li:nth-child(2) a .pic::after {
  content: "";
  display: block;
  width: 2.2rem;
  height: 1.8rem;
  background: url(../img/ranking-5.jpg) no-repeat;
  background-size: 100%;
  position: absolute;
  top: -1.5rem;
  left: 1.9rem;
}
.index .ranking .content .pxList li:nth-child(2) .amount h4 {
  color: #919CE5;
}
.index .ranking .content .pxList li:nth-child(3) .rank {
  width: 3.6rem;
  height: 4rem;
  background: url(../img/ranking-3.jpg) no-repeat;
  text-indent: 10000rem;
  background-size: 100%;
  border-radius: 0;
}
.index .ranking .content .pxList li:nth-child(3) a .pic img {
  border: 0.3rem solid #EAAE79;
}
.index .ranking .content .pxList li:nth-child(3) a .pic::after {
  content: "";
  display: block;
  width: 2.2rem;
  height: 1.8rem;
  background: url(../img/ranking-6.jpg) no-repeat;
  background-size: 100%;
  position: absolute;
  top: -1.5rem;
  left: 1.9rem;
}
.index .ranking .content .pxList li:nth-child(3) .amount h4 {
  color: #E2A360;
}
.index .ranking .content .drList ul {
  margin: -1rem;
  display: flex;
  flex-wrap: wrap;
}
.index .ranking .content .drList li {
  padding: 1rem;
  width: 20%;
}
.index .ranking .content .drList .con {
  border: 1px solid #eee;
  border-radius: 1rem;
  padding: 2rem;
}
.index .ranking .content .drList .info {
  display: flex;
  flex-direction: column;
  align-items: center;
}
.index .ranking .content .drList .pic {
  width: 6rem;
  height: 6rem;
}
.index .ranking .content .drList .pic img {
  width: 100%;
  height: 100%;
  border-radius: 50%;
  -o-object-fit: cover;
     object-fit: cover;
}
.index .ranking .content .drList dl {
  text-align: center;
}
.index .ranking .content .drList dl dt {
  font-size: 2rem;
}
.index .ranking .content .drList dl dd {
  font-size: 1.4rem;
  min-height: 4rem;
}
.index .ranking .content .drList .btn {
  line-height: 3rem;
  width: 7rem;
  padding: 0 1rem;
  border-radius: 6rem;
  margin: 0 auto;
  text-align: center;
  color: #0256FF;
  background-color: #EFF2FF;
  font-size: 1.4rem;
}
.index .ranking .content .drList .btn::before {
  content: "+关注";
}
.index .ranking .content .drList .cur.btn {
  background-color: #0256FF;
  color: #fff;
}
.index .ranking .content .drList .cur.btn::before {
  content: "已关注";
}
.index .information .list ul {
  margin: -1rem;
  display: flex;
  flex-wrap: wrap;
}
.index .information .list li {
  padding: 1rem;
  width: 25%;
}
.index .information .list a {
  border: 1px solid #EEE;
  border-radius: 1rem;
  display: block;
  overflow: hidden;
}
.index .information .list .img {
  height: 21.5rem;
}
.index .information .list img {
  -o-object-fit: cover;
     object-fit: cover;
}
.index .information .list .textBox {
  padding: 2rem;
}
.index .information .list .name {
  font-size: 1.5rem;
  min-height: 4.8rem;
}
.index .information .list .bot {
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.index .information .list .tip {
  height: 2.1rem;
  background: #EFF2FF;
  border-radius: 0.2rem;
  display: flex;
  align-items: center;
  padding: 0 0.4rem;
  color: #465266;
  font-size: 1.2rem;
  line-height: 1;
}
.index .information .list .time {
  font-size: 1.2rem;
}
.index .information .list a:hover img {
  transform: scale(1.1);
}
.index .activity .list li {
  margin-bottom: 5rem;
}
.index .activity .list a {
  background-color: #F5F5F5;
  display: block;
  border-radius: 1rem;
  padding: 3rem 12rem 3rem 20rem;
  position: relative;
}
.index .activity .list .pic {
  position: absolute;
  left: 2rem;
  bottom: 2rem;
  width: 15rem;
  height: 20.5rem;
  border-radius: 1rem;
  overflow: hidden;
  box-shadow: 0 3rem 1.6rem rgba(0, 0, 0, 0.09);
}
.index .activity .list .pic img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}
.index .activity .list .pic .tip {
  line-height: 2rem;
  background-color: #14CB79;
  border-radius: 0 1rem 1rem 1rem;
  color: #fff;
  font-size: 1.2rem;
  padding: 0 0.7rem;
  position: absolute;
  left: 0;
  bottom: 0;
}
.index .activity .list .info {
  width: 60rem;
}
.index .activity .list .info .title {
  font-size: 2.4rem;
}
.index .activity .list .info p {
  line-height: 1.8;
}
.index .activity .list .stau {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  width: 10rem;
  position: absolute;
  right: 0;
  top: 0;
  bottom: 0;
  background-color: #F9F9F9;
  border-radius: 0 1rem 1rem 0;
}
.index .activity .list .stau span {
  font-size: 1.4rem;
  color: #14CB79;
}
.index .activity .list .ycj .stau {
  background-color: #14CB79;
}
.index .activity .list .ycj .stau span {
  color: #fff;
}
.index .activity .list .yjs .pic .tip {
  background-color: #999;
}
.index .activity .list .yjs .stau span {
  color: #999;
}

.inpage .container {
  display: flex;
  padding: 2rem 0;
  align-items: flex-start;
}
.inpage .typeBox {
  display: flex;
  margin-bottom: 2rem;
}
.inpage .typeBox .one {
  width: 8rem;
  height: 4rem;
  display: flex;
  align-items: center;
  justify-content: center;
  background: #f5f5f5;
  font-size: 1.6rem;
  color: #333;
  margin-right: 2rem;
  border-radius: 4rem;
  transition: all 0.3s;
  cursor: pointer;
}
.inpage .typeBox .one:hover, .inpage .typeBox .one.active {
  color: #fff;
  background: #0256FF;
}
.inpage .yijia .title {
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.inpage .yijia .title .name {
  font-size: 3rem;
  color: #333;
  padding-left: 2rem;
  border-left: 0.4rem solid #0256FF;
}
.inpage .yijia .title .checkBox {
  display: flex;
  align-items: center;
}
.inpage .yijia .title .checkBox .one {
  display: flex;
  align-items: center;
  margin-right: 2rem;
  font-size: 1.6rem;
  color: #3d3d3d;
  padding-left: 1.8rem;
  position: relative;
  cursor: pointer;
}
.inpage .yijia .title .checkBox .one:last-child {
  margin-right: 0;
}
.inpage .yijia .title .checkBox .one::before {
  position: absolute;
  width: 1.4rem;
  height: 1.4rem;
  border: 1px solid #C7D1FF;
  background: #EFF2FF;
  border-radius: 50%;
  top: 0;
  bottom: 0;
  left: 0;
  margin: auto;
  content: "";
}
.inpage .yijia .title .checkBox .one::after {
  position: absolute;
  width: 0.8rem;
  height: 0.8rem;
  background: #0256FF;
  border-radius: 50%;
  top: 0;
  bottom: 0;
  left: 0.4rem;
  margin: auto;
  content: "";
  opacity: 0;
  transition: all 0.3s;
}
.inpage .yijia .title .checkBox .one.active::after {
  opacity: 1;
}
.inpage .yijia .title .selectBox {
  margin-left: 3rem;
  position: relative;
  -webkit-user-select: none;
     -moz-user-select: none;
          user-select: none;
}
.inpage .yijia .title .selectBox .normal {
  display: flex;
  align-items: center;
  cursor: pointer;
}
.inpage .yijia .title .selectBox .normal .text {
  font-size: 1.6rem;
  color: #3d3d3d;
}
.inpage .yijia .title .selectBox .normal .img {
  width: 1.6rem;
  margin-left: 0.6rem;
}
.inpage .yijia .title .selectBox .hideBox {
  position: absolute;
  top: 9rem;
  opacity: 0;
  transition: all 0.3s;
  z-index: 9999;
  box-shadow: 0px 3px 8px 0px rgba(0, 0, 0, 0.24);
  right: 0;
  border-radius: 1rem;
  visibility: hidden;
}
.inpage .yijia .title .selectBox .hideBox .block {
  padding: 1rem 2rem;
  position: relative;
  z-index: 111;
  border-radius: 1rem;
  background: #fff;
  overflow: hidden;
}
.inpage .yijia .title .selectBox .hideBox .one {
  height: 5rem;
  width: 16rem;
  display: flex;
  align-items: center;
  justify-content: center;
  border-bottom: 1px solid #eee;
  font-size: 1.6rem;
  color: #3d3d3d;
  transition: all 0.3s;
  cursor: pointer;
}
.inpage .yijia .title .selectBox .hideBox .one:last-child {
  border-bottom: 0;
}
.inpage .yijia .title .selectBox .hideBox::before {
  width: 1.5rem;
  height: 1.5rem;
  position: absolute;
  right: 4rem;
  top: -0.8rem;
  transform: rotate(45deg);
  background: #fff;
  content: "";
  box-shadow: 0px 3px 8px 0px rgba(0, 0, 0, 0.24);
}
.inpage .yijia .title .selectBox .hideBox .one:hover, .inpage .yijia .title .selectBox .hideBox .one.active {
  color: #0256FF;
}
.inpage .yijia .title .selectBox .hideBox.active {
  opacity: 1;
  visibility: visible;
  top: 4rem;
}
.inpage .yijia .first {
  display: flex;
  justify-content: space-between;
  margin: 3rem 0;
}
.inpage .yijia .first .one {
  width: 44.5rem;
  height: 44.5rem;
  border-radius: 2rem;
  overflow: hidden;
  position: relative;
}
.inpage .yijia .first .one .img {
  width: 100%;
  height: 100%;
}
.inpage .yijia .first .one .img img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}
.inpage .yijia .first .one:hover .img img {
  transform: scale(1.1);
}
.inpage .yijia .first .one .textBox {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  justify-content: flex-end;
  width: 100%;
  height: 100%;
  position: absolute;
  padding: 2rem;
  z-index: 111;
  left: 0;
  top: 0;
}
.inpage .yijia .first .one .name {
  font-size: 2rem;
  color: #fff;
  margin-top: 1rem;
  line-height: 1.5;
}
.inpage .yijia .first .one .tip {
  height: 2rem;
  background: #EFF2FF;
  border-radius: 0.2rem;
  display: flex;
  align-items: center;
  padding: 0 1rem;
  color: #465266;
  font-size: 1.2rem;
  line-height: 1;
}
.inpage .yijia .first .one .tip.top {
  background: #F64C4C;
  margin-right: 1rem;
  color: #fff;
}
.inpage .yijia .list {
  display: flex;
  flex-wrap: wrap;
}
.inpage .yijia .list .one {
  width: 21.5rem;
  margin-right: 2rem;
  border-radius: 1rem;
  border: 1px solid #eee;
  overflow: hidden;
  display: flex;
  flex-direction: column;
  margin-bottom: 2rem;
}
.inpage .yijia .list .one:nth-child(4n) {
  margin-right: 0;
}
.inpage .yijia .list .one .img {
  width: 21.5rem;
  height: 21.5rem;
  flex-shrink: 0;
}
.inpage .yijia .list .one .img img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}
.inpage .yijia .list .one:hover .img img {
  transform: scale(1.1);
}
.inpage .yijia .list .one .textBox {
  padding: 1rem 2rem 2rem;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  align-items: flex-start;
  flex: 1;
}
.inpage .yijia .list .one .textBox .name {
  font-size: 1.6rem;
  color: #333;
  line-height: 1.5;
  margin-bottom: 1.5rem;
}
.inpage .yijia .list .one .tip {
  height: 2.1rem;
  background: #EFF2FF;
  border-radius: 0.2rem;
  display: flex;
  align-items: center;
  padding: 0 0.4rem;
  color: #465266;
  font-size: 1.2rem;
  line-height: 1;
}
.inpage .yijia .list .one .tip.new {
  background: #14CB79;
  margin-right: 1rem;
  color: #fff;
}
.inpage .yijia .list .one .tip.success {
  background: #FFB218;
  margin-right: 1rem;
  color: #fff;
}

.yijiaxiangqing .container {
  display: flex;
  padding: 2rem 0;
  align-items: flex-start;
  min-height: calc(100vh - 14rem);
}
.yijiaxiangqing .userBox {
  width: 35rem;
  flex-shrink: 0;
  margin-right: 5rem;
}
.yijiaxiangqing .userBox .author {
  display: flex;
}
.yijiaxiangqing .userBox .author .img {
  width: 5rem;
  height: 5rem;
  margin-right: 1rem;
  flex-shrink: 0;
}
.yijiaxiangqing .userBox .author .textBox {
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  flex: 1;
  width: 0;
}
.yijiaxiangqing .userBox .author .textBox .top {
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.yijiaxiangqing .userBox .author .btn {
  height: 3rem;
  border-radius: 3rem;
  width: 6.6rem;
  font-size: 1.4rem;
  color: #0256FF;
  background: #EFF2FF;
}
.yijiaxiangqing .userBox .author .btn:hover, .yijiaxiangqing .userBox .author .btn.active {
  color: #fff;
  background: #0256FF;
}
.yijiaxiangqing .userBox .author .name {
  font-size: 1.6rem;
  color: #333;
  display: flex;
  align-items: center;
}
.yijiaxiangqing .userBox .author .name span {
  height: 2rem;
  background: #EFF2FF;
  border-radius: 0.2rem;
  display: flex;
  align-items: center;
  padding: 0 0.4rem;
  color: #465266;
  font-size: 1.2rem;
  line-height: 1;
  margin-left: 1rem;
}
.yijiaxiangqing .userBox .author .bot {
  font-size: 1.4rem;
  color: #999;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.yijiaxiangqing .userBox .less {
  margin: 2rem 0;
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.yijiaxiangqing .userBox .less .time {
  font-size: 1.4rem;
  color: #999;
}
.yijiaxiangqing .userBox .less .ip {
  font-size: 1.4rem;
  color: #999;
}
.yijiaxiangqing .userBox .product .one {
  display: flex;
  align-items: center;
  margin-bottom: 1rem;
  padding: 1.5rem;
  border: 1px solid #eee;
  border-radius: 1rem;
}
.yijiaxiangqing .userBox .product .one .img {
  width: 10rem;
  height: 10rem;
}
.yijiaxiangqing .userBox .product .one .img img {
  width: 100%;
  height: 100%;
  -o-object-fit: contain;
     object-fit: contain;
}
.yijiaxiangqing .userBox .product .one .text {
  flex: 1;
  margin-left: 2rem;
}
.yijiaxiangqing .userBox .product .one .text .title a {
  display: block;
}
.yijiaxiangqing .userBox .product .one .text .bot {
  margin-top: 1rem;
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.yijiaxiangqing .userBox .product .one .text .buyBtn {
  text-align: center;
  font-size: 1.4rem;
  display: flex;
  align-items: center;
  justify-content: center;
  color: #fff;
  height: 4rem;
  width: 12rem;
  background-color: #F64C4C;
  border-radius: 2rem;
}
.yijiaxiangqing .userBox .share {
  margin: 2rem 0;
  font-size: 1.4rem;
  color: #333;
}
.yijiaxiangqing .userBox .share .con {
  flex: 1;
  margin-top: 1rem;
  display: flex;
  gap: 1rem;
}
.yijiaxiangqing .userBox .share .con a {
  display: flex;
  justify-content: center;
  padding: 0.5rem 1rem;
  flex: 1;
  align-items: center;
  gap: 0.5rem;
  border-radius: 2rem;
  background-color: #f9f9f9;
  border: 1px solid #eee;
}
.yijiaxiangqing .userBox .commentBox {
  padding-top: 2rem;
  border-top: 1px solid #f7f7f7;
}
.yijiaxiangqing .userBox .commentBox .title {
  font-size: 1.4rem;
  color: #333;
  margin-bottom: 2rem;
}
.yijiaxiangqing .userBox .commentBox .inputBox {
  display: flex;
  align-items: center;
}
.yijiaxiangqing .userBox .commentBox .img {
  width: 4rem;
  height: 4rem;
  margin-right: 1rem;
}
.yijiaxiangqing .userBox .commentBox .input {
  width: 0;
  flex: 1;
  background: #F7F7F7;
  height: 4rem;
  border-radius: 4rem;
  display: flex;
  align-items: center;
  padding: 0.5rem;
}
.yijiaxiangqing .userBox .commentBox .input .btn {
  height: 3rem;
  padding: 0 1rem;
  border-radius: 3rem;
  background: #EFF2FF;
  color: #465266;
  font-size: 1.4rem;
}
.yijiaxiangqing .userBox .commentBox .input .btn:hover {
  color: #fff;
  background: #0256FF;
}
.yijiaxiangqing .userBox .commentBox .input input {
  padding: 0 1.5rem;
  font-size: 1.4rem;
  color: #333;
  width: 0;
  flex: 1;
}
.yijiaxiangqing .userBox .commentBox .input input::-moz-placeholder {
  color: #A8AFBC;
}
.yijiaxiangqing .userBox .commentBox .input input::placeholder {
  color: #A8AFBC;
}
.yijiaxiangqing .userBox .commentBox .list {
  margin-top: 3rem;
}
.yijiaxiangqing .userBox .commentBox .list .one > .img {
  width: 4rem;
  height: 4rem;
  margin-right: 1rem;
}
.yijiaxiangqing .userBox .commentBox .list .one {
  margin-bottom: 3rem;
  display: flex;
}
.yijiaxiangqing .userBox .commentBox .list .one .rightBox {
  flex: 1;
}
.yijiaxiangqing .userBox .commentBox .list .one .name {
  font-size: 1.4rem;
  color: #999;
  margin-bottom: 1rem;
}
.yijiaxiangqing .userBox .commentBox .list .one .content {
  font-size: 1.4rem;
  color: #333;
  line-height: 1.5;
  margin-bottom: 1.5rem;
}
.yijiaxiangqing .userBox .commentBox .list .one .flex {
  align-items: center;
  justify-content: space-between;
}
.yijiaxiangqing .userBox .commentBox .list .one .flex .left {
  display: flex;
  align-items: center;
}
.yijiaxiangqing .userBox .commentBox .list .one .flex .right {
  display: flex;
  align-items: center;
}
.yijiaxiangqing .userBox .commentBox .list .one .flex .right .img {
  width: 1.6rem;
  height: 1.6rem;
  margin-right: 0.4rem;
}
.yijiaxiangqing .userBox .commentBox .list .one .flex .right .num {
  font-size: 1.2rem;
  color: #999;
}
.yijiaxiangqing .userBox .commentBox .list .one .time {
  font-size: 1.4rem;
  color: #999;
}
.yijiaxiangqing .userBox .commentBox .list .one .ip {
  font-size: 1.4rem;
  color: #999;
}
.yijiaxiangqing .userBox .commentBox .list .one .comment {
  margin-top: 2rem;
}
.yijiaxiangqing .userBox .commentBox .list .one .comment .top {
  display: flex;
  align-items: center;
  margin-bottom: 1rem;
}
.yijiaxiangqing .userBox .commentBox .list .one .comment .img {
  width: 3rem;
  height: 3rem;
  margin-right: 1rem;
}
.yijiaxiangqing .userBox .commentBox .list .one .comment .name {
  font-size: 1.4rem;
  color: #999;
  display: flex;
  align-items: center;
}
.yijiaxiangqing .userBox .commentBox .list .one .comment .name span {
  height: 2rem;
  background: #EFF2FF;
  border-radius: 0.2rem;
  display: flex;
  align-items: center;
  padding: 0 0.4rem;
  color: #465266;
  font-size: 1.2rem;
  line-height: 1;
  margin-left: 1rem;
}
.yijiaxiangqing .userBox .commentBox .list .one .comment .bot {
  font-size: 1.4rem;
  color: #333;
  line-height: 1.5;
}
.yijiaxiangqing .detailBox {
  flex: 1;
}
.yijiaxiangqing .detailBox .title {
  font-size: 3rem;
  color: #000;
  line-height: 1.5;
  margin-bottom: 2.5rem;
}
.yijiaxiangqing .detailBox .tip {
  height: 2rem;
  background: #EFF2FF;
  border-radius: 0.2rem;
  display: inline-block;
  padding: 0 1rem;
  color: #465266;
  font-size: 1.2rem;
  line-height: 2rem;
  margin-bottom: 3rem;
}
.yijiaxiangqing .detailBox .content {
  font-size: 1.6rem;
  line-height: 1.5;
  color: #333;
}
.yijiaxiangqing .detailBox .content p {
  line-height: 1.5;
}
.yijiaxiangqing .detailBox .content img {
  max-width: 100%;
  height: auto;
}

main {
  min-height: calc(100vh - 14rem);
  padding: 5rem 0;
}

.yjPage {
  border-top: 0.1rem solid #ddd;
}
.yjPage .proDetail .a {
  display: flex;
  justify-content: space-between;
}
.yjPage .proDetail .a .thumbs {
  width: 60rem;
}
.yjPage .proDetail .a .thumbs .bigPicSwiper {
  height: 60rem;
  border-radius: 2rem;
  overflow: hidden;
}
.yjPage .proDetail .a .thumbs .bigPicSwiper .swiper-slide {
  height: 60rem;
  border-radius: 2rem;
  overflow: hidden;
}
.yjPage .proDetail .a .thumbs .bigPicSwiper .swiper-slide img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}
.yjPage .proDetail .a .thumbs .bot {
  display: flex;
  align-items: center;
}
.yjPage .proDetail .a .thumbs .bot .arrow {
  position: static;
  margin: 0;
  width: 5rem;
  height: 5rem;
  display: flex;
  align-items: center;
  justify-content: center;
}
.yjPage .proDetail .a .thumbs .bot .arrow::after {
  color: #000;
  font-size: 2rem;
}
.yjPage .proDetail .a .thumbs .smallPicSwiper {
  flex: 1;
  margin: 0 2rem;
}
.yjPage .proDetail .a .thumbs .smallPicSwiper .swiper-slide {
  width: 6rem;
  height: 6rem;
  border-radius: 1rem;
  overflow: hidden;
  transition: all 0.2s ease-out 0s;
}
.yjPage .proDetail .a .thumbs .smallPicSwiper .swiper-slide img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}
.yjPage .proDetail .a .thumbs .smallPicSwiper .swiper-slide-thumb-active {
  border: 0.2rem solid #0256FF;
}
.yjPage .proDetail .a .info {
  width: 55rem;
}
.yjPage .proDetail .a .info .title {
  font-size: 3rem;
  font-weight: bolder;
}
.yjPage .proDetail .a .info .tip {
  font-size: 1.2rem;
  color: #465266;
  line-height: 2.1rem;
  padding: 0 1rem;
  border-radius: 0.4rem;
  background-color: #EFF2FF;
  display: inline-block;
}
.yjPage .proDetail .a .info .mode .t {
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.yjPage .proDetail .a .info .mode .b dl {
  background-color: #EFF2FF;
  margin-top: 1.2rem;
  border-radius: 2rem;
}
.yjPage .proDetail .a .info .mode .b dt {
  line-height: 4.3rem;
  color: #333;
  padding: 0 2.4rem;
  border-radius: 2rem;
  cursor: pointer;
}
.yjPage .proDetail .a .info .mode .b dd {
  line-height: 1.6;
  height: 0;
  overflow: hidden;
}
.yjPage .proDetail .a .info .mode .b .cur dt {
  color: #fff;
  background-color: #0256FF;
  cursor: default;
}
.yjPage .proDetail .a .info .mode .b .cur dd {
  padding: 2rem 2.4rem;
  height: auto;
}
.yjPage .proDetail .a .info .pri {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding-top: 2rem;
  border-top: 0.1rem solid #ddd;
}
.yjPage .proDetail .a .info .pri .text b {
  font-size: 3.2rem;
  font-weight: bold;
}
.yjPage .proDetail .a .info .pri .text span {
  margin-right: 1rem;
}
.yjPage .proDetail .a .info .pri .btn {
  line-height: 5.1rem;
  text-align: center;
  background-color: #FF6040;
  border-radius: 6rem;
  padding: 0 3rem;
  display: block;
  color: #fff;
}
.yjPage .proDetail .a .info .pri .btn:hover {
  opacity: 0.8;
}
.yjPage .proDetail .a .info .pri .btn.ytj {
  background-color: #f5f5f5;
  color: #333;
  cursor: default;
}
.yjPage .proDetail .a .info .pri .btn.ytj:hover {
  opacity: 1;
}
.yjPage .proDetail .a .info .sxgMode .jg {
  display: flex;
  align-items: end;
}
.yjPage .proDetail .a .info .sxgMode .jg b {
  font-size: 3.2rem;
}
.yjPage .proDetail .a .info .sxgMode .jg span {
  margin-right: 1.6rem;
}
.yjPage .proDetail .a .info .sxgMode .con {
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.yjPage .proDetail .a .info .sxgMode .con input {
  width: 24rem;
  height: 5.5rem;
  border-radius: 6rem;
  padding: 0 2.4rem;
  font-size: 1.6rem;
  background-color: #EFF2FF;
}
.yjPage .proDetail .b .tab {
  display: flex;
}
.yjPage .proDetail .b .tab span {
  line-height: 5rem;
  background-color: #0256FF;
  color: #fff;
  font-size: 2.4rem;
  text-align: center;
  min-width: 14rem;
  padding: 0 1rem;
  border-radius: 1rem 1rem 0 0;
}
.yjPage .proDetail .b .con {
  border: 0.1rem solid #ddd;
  padding: 4rem 3rem;
}
.yjPage .proDetail .b .con .box {
  border-bottom: 0.1rem solid #ddd;
  padding-bottom: 3rem;
  margin-bottom: 3rem;
}
.yjPage .proDetail .b .con .box:nth-child(1) span {
  margin-right: 4rem;
}
.yjPage .proDetail .b .con .box:last-child {
  padding-bottom: 0;
  margin-bottom: 0;
  border: 0;
}
.yjPage .orderInfo .step {
  border: 0.1rem solid #ddd;
}
.yjPage .orderInfo .step ul {
  display: flex;
}
.yjPage .orderInfo .step li {
  width: 20rem;
  line-height: 4.4rem;
  text-align: center;
  padding: 0 1rem;
  border-right: 0.1rem solid #ddd;
}
.yjPage .orderInfo .step li.active {
  background-color: #0256FF;
  color: #fff;
}
.yjPage .orderInfo .tit {
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.yjPage .orderInfo .tit h4 {
  font-size: 2rem;
  line-height: 3rem;
  font-weight: bold;
  position: relative;
  padding-left: 1.4rem;
}
.yjPage .orderInfo .tit h4::before {
  content: "";
  width: 0.4rem;
  height: 2rem;
  background-color: #0256FF;
  position: absolute;
  left: 0;
  top: 50%;
  transform: translateY(-50%);
}
.yjPage .orderInfo .info table {
  width: 100%;
  border-collapse: collapse;
  border: 0;
}
.yjPage .orderInfo .info td, .yjPage .orderInfo .info th {
  border: 0;
  text-align: left;
  border-bottom: 0.1rem solid #ddd;
}
.yjPage .orderInfo .info th {
  padding: 1rem 0;
  font-weight: bold;
}
.yjPage .orderInfo .info td {
  padding: 2rem 0;
}
.yjPage .orderInfo .info th {
  font-size: 1.2rem;
}
.yjPage .orderInfo .info td:nth-child(1) {
  width: 55rem;
}
.yjPage .orderInfo .info .xx {
  display: flex;
  align-items: center;
}
.yjPage .orderInfo .info .xx .img {
  width: 12rem;
  height: 12rem;
  margin-right: 4rem;
}
.yjPage .orderInfo .info .xx img {
  -o-object-fit: cover;
     object-fit: cover;
  width: 100%;
  height: 100%;
}
.yjPage .orderInfo .info .xx p {
  width: 33.3rem;
  line-height: 1.6;
}
.yjPage .orderInfo .add ul {
  display: flex;
  flex-wrap: wrap;
  margin: -1.5rem;
}
.yjPage .orderInfo .add li {
  width: 25%;
  padding: 1.5rem;
}
.yjPage .orderInfo .add .con {
  padding: 2rem 3rem;
  border: 0.1rem solid #ddd;
  border-radius: 1rem;
}
.yjPage .orderInfo .add .con .tx {
  display: flex;
  font-size: 1.2rem;
  margin-top: 0.5rem;
}
.yjPage .orderInfo .add .con .tx i {
  padding-top: 0.3rem;
}
.yjPage .orderInfo .add .con .tx span {
  flex: 1;
  margin-left: 1.5rem;
  line-height: 1.6;
}
.yjPage .orderInfo .add .con .tx:first-child {
  margin-top: 0;
}
.yjPage .orderInfo .add .con a {
  text-align: right;
  display: block;
  font-size: 1.2rem;
}
.yjPage .orderInfo .add .addBtn {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  border-radius: 1rem;
  background-color: #EFF2FF;
  border: 0.1rem dotted #CED4ED;
  min-height: 15.075rem;
  height: 100%;
}
.yjPage .orderInfo .add .addBtn i {
  font-size: 3.5rem;
  color: #818BB5;
}
.yjPage .orderInfo .add .addBtn p {
  text-align: center;
  color: #818BB5;
  font-size: 1.2rem;
}
.yjPage .orderInfo .bot {
  padding-top: 4rem;
  border-top: 0.1rem solid #ddd;
}
.yjPage .orderInfo .bot .btn {
  width: 20rem;
  text-align: center;
  line-height: 5.1rem;
  border-radius: 6rem;
  background-color: #FF6040;
  color: #fff;
}
.yjPage .orderInfo .bot .btn:hover {
  opacity: 0.8;
}
.yjPage .orderInfo .tipText {
  display: flex;
}
.yjPage .orderInfo .tipText img {
  width: 2.5rem;
  height: 2.6rem;
}
.yjPage .orderInfo .tipText .l {
  flex: 1;
  margin: 0 2rem;
}
.yjPage .orderInfo .tipText .r span {
  font-size: 3rem;
}
.yjPage .orderInfo .payWay ul {
  display: flex;
  flex-wrap: wrap;
  margin: -2rem -2rem 0 0;
}
.yjPage .orderInfo .payWay li {
  position: relative;
  margin: 2rem 2rem 0 0;
  width: 26rem;
  height: 9rem;
  border: 0.1rem solid #ddd;
  border-radius: 1rem;
  padding: 2rem;
  display: flex;
  align-items: center;
  cursor: pointer;
}
.yjPage .orderInfo .payWay dl {
  display: flex;
  align-items: center;
  margin-left: 2rem;
}
.yjPage .orderInfo .payWay i {
  font-size: 3rem;
  color: #15BA11;
}
.yjPage .orderInfo .payWay span {
  font-size: 1.6rem;
  color: #ddd;
}
.yjPage .orderInfo .payWay dd {
  margin-left: 1rem;
}
.yjPage .orderInfo .payWay input {
  position: absolute;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  opacity: 0;
  cursor: pointer;
}
.yjPage .orderInfo .payWay li:nth-child(1) i {
  color: #00A0EA;
}
.yjPage .orderInfo .payWay li.cur {
  border-color: #0256FF;
}
.yjPage .orderInfo .payWay li.cur span::before {
  content: "\f26a";
  color: #0256FF;
}
.yjPage .orderInfo .paySuccess {
  display: flex;
  flex-direction: column;
  align-items: center;
  text-align: center;
  margin-top: 8rem;
}
.yjPage .orderInfo .paySuccess img {
  width: 20rem;
  height: 20rem;
}
.yjPage .orderInfo .paySuccess .fs {
  font-size: 3rem;
}
.yjPage .orderInfo .paySuccess .btnA {
  display: flex;
  justify-content: center;
}
.yjPage .orderInfo .paySuccess .btnA a {
  margin: 0 3rem;
  display: block;
  width: 13.6rem;
  line-height: 3.5rem;
  text-align: center;
  border-radius: 2rem;
  border: 0.1rem solid #0256FF;
  color: #0256FF;
}
.yjPage .orderInfo .paySuccess .btnA a:nth-child(2) {
  background-color: #0256FF;
  color: #fff;
}
.yjPage .orderInfo .paySuccess .btnA a:hover {
  background-color: #0256FF;
  color: #fff;
}

.upPage .t {
  display: flex;
}
.upPage .t .img {
  width: 12rem;
  height: 12rem;
}
.upPage .t .img img {
  -o-object-fit: cover;
     object-fit: cover;
  border-radius: 50%;
  width: 100%;
  height: 100%;
}
.upPage .t .info {
  margin-left: 3rem;
  flex: 1;
}
.upPage .t .info .a {
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.upPage .t .info .a .l {
  display: flex;
  align-items: center;
}
.upPage .t .info .a .l h4 {
  font-size: 2rem;
  color: #000;
}
.upPage .t .info .a .l img {
  width: 4.2rem;
  height: 1.6rem;
  margin-left: 1rem;
}
.upPage .t .info .a .l .focusBtn {
  margin-left: 3rem;
}
.upPage .t .info .lev {
  display: flex;
  align-items: center;
}
.upPage .t .info .lev dl {
  display: flex;
  align-items: center;
  margin-right: 3rem;
}
.upPage .t .info .lev dl:last-child {
  margin-right: 0;
}
.upPage .t .info .lev dt {
  display: flex;
  align-items: center;
  margin-right: 1rem;
}
.upPage .t .info .lev dt img {
  margin-right: 1rem;
}
.upPage .t .info .tag {
  display: flex;
  flex-wrap: wrap;
}
.upPage .t .info .tag span {
  margin-right: 1rem;
  padding: 0 1rem;
  line-height: 3rem;
  border-radius: 5rem;
  color: #465266;
  font-size: 1.2rem;
  background-color: #EFF2FF;
}
.upPage .b ul {
  display: flex;
  flex-wrap: wrap;
}
.upPage .b li {
  margin-right: 2.7rem;
}
.upPage .b li:last-child {
  margin-right: 0;
}
.upPage .b a {
  font-size: 1.4rem;
  padding-bottom: 0.8rem;
  border-bottom: 0.2rem solid transparent;
}
.upPage .b .cur a {
  color: #0256FF;
  border-color: #0256FF;
}
.upPage .b a:hover {
  color: #0256FF;
}

.ideaPage .detailBox .tit {
  font-size: 2.4rem;
}
.ideaPage .detailBox .con img {
  max-width: 100%;
}
.ideaPage .detailBox .videoCon {
  width: 100%;
  height: 51.75rem;
  overflow: hidden;
  background-color: #333;
  border-radius: 1rem;
}
.ideaPage .detailBox .videoCon video {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}
.ideaPage .detailBox .info .picCover {
  width: 8rem;
  height: 8rem;
  border-radius: 50%;
}
.ideaPage .detailBox .info .text {
  flex: 1;
  margin: 0 2rem;
  display: flex;
  flex-direction: column;
  justify-content: center;
}
.ideaPage .detailBox .info .text h5 {
  font-size: 2rem;
}
.ideaPage .detailBox .info .text p {
  width: 60rem;
}
.ideaPage .detailBox .info .flex {
  border-bottom: 0.1rem solid #ddd;
  padding-bottom: 3rem;
}
.ideaPage .detailBox .info .tag {
  display: flex;
  flex-wrap: wrap;
}
.ideaPage .detailBox .info .tag a {
  color: #0256FF;
  line-height: 1.6;
  margin-right: 0.5rem;
}
.ideaPage .detailBox .share {
  border-top: 0.1rem solid #ddd;
  border-bottom: 0.1rem solid #ddd;
}
.ideaPage .detailBox .share ul {
  display: flex;
}
.ideaPage .detailBox .share ul li {
  position: relative;
  margin-right: 6rem;
  padding-top: 2.3rem;
  padding-bottom: 2.3rem;
}
.ideaPage .detailBox .share ul li:last-child {
  margin-right: 0;
}
.ideaPage .detailBox .share ul a {
  display: flex;
  align-items: center;
}
.ideaPage .detailBox .share ul i {
  font-size: 2.4rem;
  color: #999;
}
.ideaPage .detailBox .share ul span {
  color: #666;
  margin-left: 0.8rem;
}
.ideaPage .detailBox .share ul a:hover span {
  color: #0256FF;
}
.ideaPage .detailBox .share ul li:nth-child(1).cur a i::before {
  content: "\f415";
  color: #F64C4C;
}
.ideaPage .detailBox .share ul li:nth-child(2).cur a i::before {
  content: "\f586";
  color: #FFB218;
}
.ideaPage .detailBox .share ul li:nth-child(3).cur a i {
  color: #00C800;
}
.ideaPage .detailBox .share ul .shareBox {
  display: none;
  border-radius: 1rem;
  width: 20rem;
  position: absolute;
  left: 50%;
  transform: translateX(-50%);
  top: 5rem;
  background-color: #fff;
  box-shadow: 0px 0.8rem 2.4rem 0px rgba(149, 157, 165, 0.2);
}
.ideaPage .detailBox .share ul .shareBox .flex {
  flex-direction: column;
  align-items: center;
  padding: 2rem;
}
.ideaPage .detailBox .share ul .shareBox .bot {
  border-top: 0.1rem solid #ddd;
  display: flex;
}
.ideaPage .detailBox .share ul .shareBox .bot a {
  flex: 1;
  display: flex;
  justify-content: center;
  padding: 1.5rem 0;
}
.ideaPage .detailBox .share ul .shareBox .bot i {
  font-size: 1.6rem;
}
.ideaPage .detailBox .share ul .shareBox .bot span {
  margin-left: 0.5rem;
}
.ideaPage .detailBox .share ul li:hover .shareBox {
  display: block;
}
.ideaPage .detailBox .yijiaxiangqing .userBox {
  width: 100%;
}
.ideaPage .detailBox .yijiaxiangqing .userBox .commentBox {
  border-top: 0;
  padding-top: 0;
}
.ideaPage .detailBox .yijiaxiangqing .userBox .rightBox {
  border-bottom: 0.1rem solid #ddd;
  padding-bottom: 3rem;
}
.ideaPage .detailBox .other {
  padding-top: 4rem;
  margin-top: 4rem;
  border-top: 1.2rem solid #F7F7F7;
}
.ideaPage .detailBox .other li {
  display: flex;
  margin-bottom: 3rem;
}
.ideaPage .detailBox .other li:last-child {
  margin-bottom: 0;
}
.ideaPage .detailBox .other .info {
  margin-left: 3rem;
  flex: 1;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
}
.ideaPage .detailBox .other .info .img {
  width: 20rem;
  height: 20rem;
  overflow: hidden;
  border-radius: 0.6rem;
}
.ideaPage .detailBox .other .info .img img {
  width: 100%;
  height: 100;
  -o-object-fit: cover;
     object-fit: cover;
}
.ideaPage .detailBox .other .info .picCover {
  width: 6rem;
  height: 6rem;
}
.ideaPage .detailBox .other .info .tit {
  display: flex;
  align-items: center;
}
.ideaPage .detailBox .other .info .tit h5 {
  margin-right: 2rem;
}
.ideaPage .detailBox .other .info .flex {
  border: 0;
  padding: 0;
  margin: 0;
}
.ideaPage .detailBox .other .info .bot a:hover {
  color: #0256FF;
}
.ideaPage .activityInfo .t {
  display: flex;
}
.ideaPage .activityInfo .t .picCover {
  width: 15rem;
  height: 20.5rem;
  border-radius: 1rem;
}
.ideaPage .activityInfo .t .text {
  margin-left: 3rem;
  flex: 1;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
}
.ideaPage .activityInfo .t .text h4 {
  font-size: 2.4rem;
}
.ideaPage .activityInfo .t .text p span {
  margin-right: 3rem;
}
.ideaPage .activityInfo .b dl {
  display: flex;
  margin-top: 3rem;
}
.ideaPage .activityInfo .b dt {
  display: flex;
  align-items: center;
}
.ideaPage .activityInfo .b dt .bi {
  color: #aaa;
  font-size: 2rem;
}
.ideaPage .activityInfo .b dt span {
  color: #000;
  width: 16.6rem;
  margin-left: 2rem;
}
.ideaPage .activityInfo .b dd {
  color: #999;
  flex: 1;
}
.ideaPage .activityInfo .b dl:last-child {
  flex-direction: column;
}
.ideaPage .activityInfo .b dl:last-child dd {
  margin-top: 2rem;
  margin-left: 4rem;
}
.ideaPage .activityInfo .b dl:last-child img {
  max-width: 100%;
}

.forwardPage {
  border-top: 0.1rem solid #ddd;
}
.forwardPage .container {
  width: 90rem;
}
.forwardPage .form textarea {
  font-size: 1.6rem;
  outline: none;
  line-height: 1.8;
  width: 100%;
  background-color: #F5F5F5;
  border: 0;
  border-radius: 1rem;
  padding: 3rem;
}
.forwardPage .form .set {
  display: flex;
  justify-content: space-between;
  min-height: 8rem;
}
.forwardPage .form .set .picUpload {
  flex: 1;
}
.forwardPage .form .set .picUpload ul {
  display: flex;
  flex-wrap: wrap;
}
.forwardPage .form .set .picUpload li {
  margin-right: 1rem;
  position: relative;
}
.forwardPage .form .set .picUpload .del {
  position: absolute;
  right: 0;
  bottom: 0;
}
.forwardPage .form .set .picUpload .del a {
  display: flex;
  justify-content: center;
  align-items: center;
  height: 2rem;
  min-width: 2rem;
  text-align: center;
  padding: 0 0.5rem;
  background-color: rgba(255, 255, 255, 0.9);
  border-radius: 6rem 0 0 6rem;
  font-size: 1.2rem;
  color: #465266;
}
.forwardPage .form .set .picUpload .picCover {
  width: 8rem;
  height: 8rem;
  border-radius: 1rem;
}
.forwardPage .form .set .picUpload .addBtn {
  width: 8rem;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  border-radius: 1rem;
  background-color: #EFF2FF;
  border: 0.1rem dotted #CED4ED;
  height: 8rem;
}
.forwardPage .form .set .picUpload .addBtn i {
  font-size: 3.5rem;
  color: #818BB5;
}
.forwardPage .form .set .picUpload .addBtn p {
  text-align: center;
  color: #818BB5;
  font-size: 1.2rem;
}
.forwardPage .form .set .r {
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  align-items: end;
}
.forwardPage .form .set .r a {
  display: block;
  width: 9rem;
  line-height: 3.6rem;
  background-color: #0256FF;
  color: #fff;
  border-radius: 6rem;
  text-align: center;
}
.forwardPage .form .set .r a:hover {
  opacity: 0.8;
}
.forwardPage .form .ex {
  background-color: #EFF2FF;
  display: flex;
  align-items: center;
  border-radius: 1rem;
  overflow: hidden;
}
.forwardPage .form .ex .picCover {
  width: 11rem;
  height: 11rem;
}
.forwardPage .form .ex .text {
  margin: 0 2rem;
}
.forwardPage .report ul {
  display: flex;
  flex-wrap: wrap;
  margin: -1rem;
}
.forwardPage .report li {
  padding: 1rem;
  width: 16.6666%;
}
.forwardPage .report li a {
  display: block;
  text-align: center;
  background-color: #F5F5F5;
  line-height: 4.3rem;
  border-radius: 1rem;
  color: #000;
}
.forwardPage .report li a:hover {
  color: #0256FF;
}
.forwardPage .report li a.cur {
  background-color: #0256FF;
  color: #fff !important;
}
.forwardPage .report .btn {
  line-height: 4.7rem;
  border-radius: 6rem;
  background-color: #0256FF;
  color: #fff;
}
.forwardPage .report .btn:hover {
  opacity: 0.8;
}

.mallPage .shortcut {
  display: flex;
  flex-wrap: wrap;
}
.mallPage .shortcut .btn {
  background-color: #F5F5F5;
  border-radius: 0.6rem;
  height: 4rem;
  font-size: 1.5rem;
  margin-right: 1rem;
  padding: 0 1rem;
}
.mallPage .shortcut .btn em, .mallPage .shortcut .btn i {
  font-style: normal;
}
.mallPage .shortcut .btn span {
  margin: 0 1rem;
}
.mallPage .shortcut .btn:hover {
  background-color: #0256FF;
}
.mallPage .shortcut .btn:hover em, .mallPage .shortcut .btn:hover i, .mallPage .shortcut .btn:hover span, .mallPage .shortcut .btn:hover b {
  color: #fff !important;
}
.mallPage .backBtn {
  height: 3.3rem;
  border-radius: 2rem;
  background-color: #fff;
  border: 0.1rem solid #eee;
  display: flex;
  align-items: center;
  justify-content: center;
  color: #333;
  padding: 0 2rem;
}
.mallPage .backBtn span {
  margin-left: 1rem;
}
.mallPage .backBtn:hover {
  background-color: #0256FF;
  color: #fff;
}
.mallPage .topSet {
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.mallPage .classification ul {
  display: flex;
  flex-wrap: wrap;
  margin: -1rem;
  position: relative;
}
.mallPage .classification li {
  padding: 1rem;
}
.mallPage .classification .yj {
  position: relative;
  min-width: 7.2rem;
  padding: 0 2rem;
  display: block;
  line-height: 4.3rem;
  background-color: #F5F5F5;
  border-radius: 6rem;
  color: #333;
}
.mallPage .classification .yj .arrow {
  display: none;
  width: 1.3rem;
  height: 0.7rem;
  background-image: url(../img/mall-3.jpg);
  background-size: 100%;
  position: absolute;
  left: 50%;
  transform: translateX(-50%);
  bottom: -1.6rem;
}
.mallPage .classification .menu {
  display: none;
  margin-top: 1.6rem;
  position: absolute;
  left: 0;
  right: 0;
  background-color: #F5F5F5;
  border-radius: 1rem;
  padding: 2rem;
  z-index: 2;
}
.mallPage .classification .menu .link {
  display: flex;
  flex-wrap: wrap;
  margin: -1rem -1rem 0 0;
}
.mallPage .classification .menu a {
  line-height: 3.5rem;
  border-radius: 1rem;
  background-color: #fff;
  padding: 0 2rem;
  margin: 1rem 1rem 0 0;
}
.mallPage .classification .active a.yj, .mallPage .classification .active a.cur {
  background-color: #0256FF;
  color: #fff;
}
.mallPage .classification a:hover {
  color: #0256FF;
}
.mallPage .proList ul {
  display: flex;
  flex-wrap: wrap;
  margin: -1rem;
}
.mallPage .proList li {
  padding: 1rem;
  width: 25%;
}
.mallPage .proList a {
  height: 100%;
  display: flex;
  flex-direction: column;
  border: 0.1rem solid #EEE;
  border-radius: 1rem;
  overflow: hidden;
}
.mallPage .proList .img {
  height: 22rem;
  background-color: #f5f5f5;
  padding: 2rem;
}
.mallPage .proList .img img {
  width: 100%;
  height: 100%;
  -o-object-fit: contain;
     object-fit: contain;
}
.mallPage .proList .text {
  padding: 2rem;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  flex: 1;
}
.mallPage .proList .text span {
  display: block;
}
.mallPage .proList a:hover .img img {
  transform: scale(1.1);
}
.mallPage .proList a:hover .text p {
  color: #0256FF;
}
.mallPage .topInfo {
  border-radius: 6rem;
  height: 6rem;
  padding: 0 1.3rem;
  border: 0.1rem solid #eee;
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.mallPage .topInfo .l {
  flex: 1;
  display: flex;
  align-items: center;
}
.mallPage .topInfo .l dl {
  display: flex;
  align-items: center;
  margin-right: 2rem;
  padding-right: 2rem;
  position: relative;
}
.mallPage .topInfo .l dl dt {
  width: 4rem;
  height: 4rem;
  border-radius: 50%;
  background-color: #0256FF;
  color: #fff;
  text-align: center;
  line-height: 4rem;
}
.mallPage .topInfo .l dl dd {
  font-size: 2rem;
  margin-left: 1rem;
}
.mallPage .topInfo .l dl::after {
  content: "";
  width: 0.1rem;
  height: 2rem;
  background-color: #ddd;
  position: absolute;
  right: 0;
  top: 50%;
  margin-top: -1rem;
}
.mallPage .topInfo .l ul {
  display: flex;
  align-items: center;
}
.mallPage .topInfo .l li {
  display: flex;
  align-items: center;
  font-size: 1.4rem;
  margin-right: 2rem;
}
.mallPage .topInfo .l li em {
  text-align: center;
  font-style: normal;
  width: 1.6rem;
  line-height: 1.6rem;
  color: #fff;
  border-radius: 0.2rem;
  font-size: 1.2rem;
}
.mallPage .topInfo .l li span {
  margin-right: 0.4rem;
}
.mallPage .topInfo .l .hight span:nth-child(2) {
  color: #F64C4C;
}
.mallPage .topInfo .l .hight em {
  background-color: #F64C4C;
}
.mallPage .topInfo .l .low span:nth-child(2) {
  color: #FAA53C;
}
.mallPage .topInfo .l .low em {
  background-color: #FAA53C;
}
.mallPage .topInfo .r {
  display: flex;
}
.mallPage .topInfo .r a {
  margin-left: 2rem;
  height: 3.5rem;
  background-color: #fff;
  border-radius: 2rem;
  padding: 0 2rem;
}
.mallPage .topInfo .r a span {
  margin-left: 0.8rem;
}
.mallPage .topInfo .r a:hover {
  background-color: #0256FF;
  color: #fff;
}
.mallPage .proDel .a {
  display: flex;
}
.mallPage .proDel .a .thumbs {
  width: 50rem;
}
.mallPage .proDel .a .thumbs .bigPicSwiper {
  height: 50rem;
}
.mallPage .proDel .a .thumbs .bigPicSwiper .swiper-slide img {
  width: 100%;
  height: 100%;
  -o-object-fit: contain;
     object-fit: contain;
}
.mallPage .proDel .a .thumbs .bot {
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.mallPage .proDel .a .thumbs .bot .arrow {
  position: static;
  margin: 0;
}
.mallPage .proDel .a .thumbs .bot .arrow::after {
  font-size: 1.6rem;
}
.mallPage .proDel .a .thumbs .bot .smallPicSwiper {
  flex: 1;
  margin: 0 2rem;
}
.mallPage .proDel .a .thumbs .bot .smallPicSwiper .swiper-slide {
  cursor: pointer;
  width: 5rem;
  height: 5rem;
  border: 0.1rem solid #eee;
  border-radius: 0.6rem;
  overflow: hidden;
}
.mallPage .proDel .a .thumbs .bot .smallPicSwiper .swiper-slide img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}
.mallPage .proDel .a .thumbs .bot .smallPicSwiper .swiper-slide-thumb-active {
  border-color: #0256FF;
}
.mallPage .proDel .a .info {
  flex: 1;
  margin-left: 5rem;
}
.mallPage .proDel .a .info h4 {
  font-size: 2rem;
  font-weight: bold;
}
.mallPage .proDel .a .info .pA b {
  font-size: 3rem;
}
.mallPage .proDel .a .info .pB span {
  margin: 0 0.5rem;
}
.mallPage .proDel .a .info .allocation {
  padding: 3rem 0;
  margin: 3rem 0;
  border-top: 0.1rem solid #eee;
  border-bottom: 0.1rem solid #eee;
}
.mallPage .proDel .a .info .allocation .box {
  display: flex;
  margin-top: 3rem;
}
.mallPage .proDel .a .info .allocation .box:first-child {
  margin-top: 0;
}
.mallPage .proDel .a .info .allocation .group {
  flex: 1;
}
.mallPage .proDel .a .info .allocation .lab {
  width: 9rem;
  line-height: 3rem;
}
.mallPage .proDel .a .info .allocation ul {
  margin: -1rem 0 0 -1rem;
  display: flex;
  flex-wrap: wrap;
}
.mallPage .proDel .a .info .allocation ul li {
  margin: 1rem 0 0 1rem;
}
.mallPage .proDel .a .info .allocation ul a {
  display: block;
  line-height: 3rem;
  padding: 0 1rem;
  background-color: #EFF2FF;
  border: 1px solid #EFF2FF;
  border-radius: 0.6rem;
  color: #333;
  font-size: 1.4rem;
}
.mallPage .proDel .a .info .allocation ul .cur a {
  border-color: #0256FF;
  color: #0256FF;
}
.mallPage .proDel .a .info .bot .flex {
  align-items: center;
  justify-content: space-between;
}
.mallPage .proDel .a .info .bot .flex .num {
  display: flex;
  align-items: center;
}
.mallPage .proDel .a .info .bot .flex .num span {
  margin-right: 2rem;
}
.mallPage .proDel .a .info .bot .flex .num .numBox {
  display: flex;
  align-items: center;
}
.mallPage .proDel .a .info .bot .flex .num .numBox input {
  width: 3rem;
  text-align: center;
  margin: 0 0.5rem;
}
.mallPage .proDel .a .info .bot .btnGroup {
  display: flex;
  height: 4rem;
  width: 24rem;
  border-radius: 2rem;
  overflow: hidden;
}
.mallPage .proDel .a .info .bot .btnGroup a {
  flex: 1;
  text-align: center;
  font-size: 1.4rem;
  display: flex;
  align-items: center;
  justify-content: center;
  color: #fff;
}
.mallPage .proDel .a .info .bot .btnGroup a:first-child {
  background-color: #F64C4C;
}
.mallPage .proDel .a .info .bot .btnGroup a:last-child {
  background-color: #FFAA00;
}
.mallPage .proDel .a .info .bot .btnGroup a:hover {
  opacity: 0.8;
}
.mallPage .proDel .b .tit {
  display: flex;
  align-items: center;
}
.mallPage .proDel .b .tit h4 {
  font-size: 2rem;
  margin-left: 1rem;
  font-weight: bold;
}
.mallPage .proDel .b .proList ul li {
  width: 20%;
}
.mallPage .proDel .c {
  display: flex;
}
.mallPage .proDel .c .l {
  flex: 1;
}
.mallPage .proDel .c .l .tit {
  border-bottom: 0.1rem solid #eee;
  display: flex;
  height: 4rem;
}
.mallPage .proDel .c .l .tit h4 {
  font-size: 2rem;
  border-bottom: 0.2rem solid #0256FF;
  padding-bottom: 1rem;
}
.mallPage .proDel .c .l p {
  line-height: 1.6;
}
.mallPage .proDel .c .l img {
  max-width: 100%;
}
.mallPage .proDel .c .r {
  width: 40rem;
  margin-left: 5rem;
  position: sticky;
  top: 2rem;
  height: 100rem;
}
.mallPage .proDel .c .r .tit {
  height: 4rem;
  padding-bottom: 1rem;
  border-bottom: 0.1rem solid #eee;
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.mallPage .proDel .c .r .tit .flex {
  align-items: center;
  flex: 1;
}
.mallPage .proDel .c .r .tit .flex i {
  margin-left: 1.5rem;
  font-style: normal;
}
.mallPage .proDel .c .r .pl {
  height: 80rem;
  overflow-y: auto;
  overflow-x: hidden;
}
.mallPage .proDel .c .r .pl ul {
  padding-right: 3rem;
}
.mallPage .proDel .c .r .pl li {
  padding-bottom: 2rem;
  margin-bottom: 2rem;
  border-bottom: 0.1rem solid #eee;
}
.mallPage .proDel .c .r .pl .top {
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.mallPage .proDel .c .r .pl .top .flex {
  align-items: center;
  flex: 1;
}
.mallPage .proDel .c .r .pl .top .flex .picCover {
  width: 4rem;
  height: 4rem;
}
.mallPage .proDel .c .r .pl .top .flex dl {
  flex: 1;
  margin-left: 1rem;
}
.mallPage .proDel .c .r .pl .top .flex dd {
  margin-top: 0.5rem;
}
.mallPage .proDel .c .r .pl .top .right {
  display: flex;
  align-items: center;
}
.mallPage .proDel .c .r .pl .top .right .num {
  margin-left: 0.5rem;
}
.mallPage .proDel .c .r .pl .mid .box {
  margin: -0.55rem;
  display: flex;
  flex-wrap: wrap;
}
.mallPage .proDel .c .r .pl .mid .box p {
  padding: 0.55rem;
  width: 33.33333%;
}
.mallPage .proDel .c .r .pl .mid .box p span {
  display: block;
  text-align: center;
  font-size: 1.2rem;
  border-radius: 1rem;
  background-color: #F5F5F5;
  line-height: 3.6rem;
  padding: 0 0.5rem;
}
.mallPage .cart .check {
  display: flex;
  align-items: center;
}
.mallPage .cart .check input {
  width: 1.6rem;
  height: 1.6rem;
  background-color: #fff;
  border: 0.1rem solid #eee;
  border-radius: 50%;
}
.mallPage .cart .check span {
  margin-left: 1rem;
  color: #333;
}
.mallPage .cart .widA {
  width: 10%;
}
.mallPage .cart .widB {
  width: 45%;
}
.mallPage .cart .widC {
  width: 22.5%;
}
.mallPage .cart .widD {
  width: 22.5%;
  text-align: right;
}
.mallPage .cart .top {
  background-color: #fff;
  border-radius: 1rem 1rem 0 0;
  padding: 2rem 2.4rem;
  border-bottom: 0.1rem solid #eee;
}
.mallPage .cart .top .tit {
  display: flex;
  align-items: center;
}
.mallPage .cart .top .tit h4 {
  position: relative;
  font-size: 2rem;
}
.mallPage .cart .top .tit h4::before {
  content: "";
  width: 0.4rem;
  height: 2rem;
  background-color: #0256FF;
  position: absolute;
  top: 50%;
  margin-top: -1rem;
  left: -2.4rem;
}
.mallPage .cart .top .tit p {
  margin-left: 1rem;
}
.mallPage .cart .top .thead {
  display: flex;
  align-items: center;
}
.mallPage .cart .mid .box {
  background-color: #fff;
  padding: 2rem 2.4rem;
  border-radius: 1rem;
  margin-bottom: 2rem;
}
.mallPage .cart .mid .box:first-child {
  border-radius: 0 0 1rem 1rem;
}
.mallPage .cart .mid .dp {
  display: flex;
}
.mallPage .cart .mid .dp .flex {
  align-items: center;
  margin-left: 3rem;
}
.mallPage .cart .mid .dp .flex i {
  color: #0256FF;
  font-size: 1.6rem;
}
.mallPage .cart .mid .dp .flex h4 {
  color: #333;
  font-size: 1.6rem;
  font-weight: bold;
  margin-left: 1rem;
}
.mallPage .cart .mid .sp li {
  padding-bottom: 2rem;
  margin-bottom: 2rem;
  position: relative;
  display: flex;
  align-items: center;
}
.mallPage .cart .mid .sp li::after {
  content: "";
  position: absolute;
  left: 4.6rem;
  right: 0;
  bottom: 0;
  height: 0.1rem;
  background-color: #eee;
}
.mallPage .cart .mid .sp li:last-child {
  padding-bottom: 0;
  margin-bottom: 0;
}
.mallPage .cart .mid .sp li:last-child::after {
  display: none;
}
.mallPage .cart .mid .sp .right {
  flex: 1;
  margin-left: 3rem;
  display: flex;
  justify-content: space-between;
}
.mallPage .cart .mid .sp .info {
  display: flex;
}
.mallPage .cart .mid .sp .info .img {
  width: 12rem;
  height: 12rem;
  border: 0.1rem solid #eee;
  border-radius: 0.6rem;
  overflow: hidden;
}
.mallPage .cart .mid .sp .info .text {
  width: 30rem;
  margin-left: 3rem;
}
.mallPage .cart .mid .sp .num {
  margin-left: 14rem;
}
.mallPage .cart .mid .sp .num .flex {
  align-items: center;
}
.mallPage .cart .mid .sp .num .numBox {
  display: flex;
  align-items: center;
  margin-right: 1.3rem;
}
.mallPage .cart .mid .sp .num .numBox input {
  width: 3rem;
  text-align: center;
  margin: 0 0.5rem;
}
.mallPage .cart .mid .sp .pri {
  flex: 1;
  text-align: right;
}
.mallPage .cart .mid .sp .pri b {
  font-size: 1.6rem;
}
.mallPage .cart .bot {
  background-color: #fff;
  padding: 2rem 2.4rem;
  border-radius: 1rem;
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.mallPage .cart .bot .l {
  display: flex;
  align-items: center;
}
.mallPage .cart .bot .l .btn {
  height: 3.2rem;
  border: 0.1rem solid #eee;
  border-radius: 2rem;
  margin-left: 4rem;
  padding: 0 2rem;
}
.mallPage .cart .bot .l .btn:hover {
  background-color: #0256FF;
  border-color: #0256FF;
  color: #fff;
}
.mallPage .cart .bot .r {
  display: flex;
  align-items: center;
}
.mallPage .cart .bot .r p {
  margin-right: 3rem;
}
.mallPage .cart .bot .r p b {
  font-size: 2rem;
}
.mallPage .cart .bot .r .pA {
  padding-top: 0.6rem;
}
.mallPage .cart .bot .r .btn {
  height: 4.3rem;
  min-width: 11rem;
  text-align: center;
  border: 0.1rem solid #eee;
  border-radius: 9rem;
  padding: 0 2rem;
}
.mallPage .cart .bot .r .btn:hover {
  background-color: #0256FF;
  border-color: #0256FF;
  color: #fff;
}
.mallPage .sure.cart .shdz {
  background-color: #fff;
  padding: 2rem 2.4rem;
  border-radius: 1rem;
}
.mallPage .sure.cart .shdz .con {
  flex: 1;
  margin-left: 2rem;
}
.mallPage .sure.cart .shdz .con ul {
  flex-wrap: wrap;
}
.mallPage .sure.cart .shdz .con li {
  margin-right: 3rem;
  display: flex;
  align-items: center;
}
.mallPage .sure.cart .shdz .con i {
  margin-right: 0.5rem;
}
.mallPage .sure.cart .kjfp {
  background-color: #fff;
  padding: 2rem 2.4rem;
  border-radius: 1rem;
}
.mallPage .sure.cart .kjfp .pA {
  padding-bottom: 1.2rem;
  margin-bottom: 1.2rem;
  border-bottom: 0.1rem solid #eee;
}
.mallPage .sure.cart .kjfp .con .menu ul {
  display: flex;
}
.mallPage .sure.cart .kjfp .con .menu a {
  margin-right: 2rem;
  display: block;
  padding: 0 1.2rem;
  line-height: 4rem;
  border-radius: 0.6rem;
  background-color: #EFF2FF;
}
.mallPage .sure.cart .kjfp .con .menu a:hover {
  color: #0256FF;
}
.mallPage .sure.cart .kjfp .con .menu a.active {
  background-color: #0256FF;
  color: #fff !important;
}
.mallPage .sure.cart .kjfp .con .box {
  display: none;
}
.mallPage .sure.cart .kjfp .con .box ul {
  display: flex;
  flex-wrap: wrap;
  margin: -0.5rem;
}
.mallPage .sure.cart .kjfp .con .box ul li {
  display: flex;
  padding: 0.5rem;
}
.mallPage .sure.cart .kjfp .con .box ul a {
  line-height: 1;
  display: flex;
  align-items: center;
  border: 0.1rem solid #ddd;
  border-radius: 2rem;
  padding: 0 1.3rem;
  height: 3.2rem;
}
.mallPage .sure.cart .kjfp .con .box ul a .tit {
  margin-left: 0.5rem;
}
.mallPage .sure.cart .kjfp .con .box ul a .line {
  font-size: 1rem;
  margin: 0 0.5rem;
}
.mallPage .sure.cart .kjfp .con .box ul a.cur {
  border-color: #0256FF;
}
.mallPage .sure.cart .kjfp .con .box ul a.cur .bi-circle::before {
  content: "\f26a";
  color: #0256FF;
}
.mallPage .sure.cart .kjfp .con .box ul a.cur .tit {
  color: #0256FF;
}
.mallPage .sure.cart .kjfp .con .addFp {
  display: flex;
}
.mallPage .sure.cart .kjfp .con .addFp a {
  display: flex;
  align-items: center;
  border-radius: 2rem;
  padding: 0 1.3rem;
  height: 3.2rem;
  border: 0.1rem solid #DDD;
}
.mallPage .sure.cart .kjfp .con .addFp span {
  margin-left: 0.5rem;
}
.mallPage .sure.cart .kjfp .con .addFp a:hover {
  background-color: #0256FF;
  border-color: #0256FF;
  color: #fff !important;
}
.mallPage .sure.cart .mid .dp .flex {
  margin-left: 0;
}
.mallPage .sure.cart .mid .sp {
  display: flex;
}
.mallPage .sure.cart .mid .sp .leftText {
  width: 10rem;
}
.mallPage .sure.cart .mid .sp .info .img {
  width: 8rem;
  height: 8rem;
}
.mallPage .sure.cart .mid .sp .info .text {
  display: flex;
  flex-direction: column;
  justify-content: space-between;
}
.mallPage .sure.cart .mid .sp .tab {
  flex: 1;
}
.mallPage .sure.cart .mid .sp .tab table {
  width: 100%;
}
.mallPage .sure.cart .mid .sp .tab td, .mallPage .sure.cart .mid .sp .tab th {
  text-align: center;
}
.mallPage .sure.cart .mid .sp .tab td {
  padding-top: 1rem;
  padding-bottom: 1rem;
}
.mallPage .sure.cart .mid .sp .tab th {
  padding-top: 0;
  padding-bottom: 2rem;
}
.mallPage .sure.cart .mid .sp .tab td:first-child, .mallPage .sure.cart .mid .sp .tab th:first-child {
  text-align: left;
  width: 45rem;
}
.mallPage .sure.cart .mid .sp .tab td:last-child, .mallPage .sure.cart .mid .sp .tab th:last-child {
  text-align: right;
}
.mallPage .sure.cart .mid .sp .tab tbody tr:first-child td {
  border-top: 0.1rem solid #eee;
  padding-top: 2rem;
}
.mallPage .sure.cart .mid .sp .tab tbody tr:last-child td {
  border-bottom: 0.1rem solid #eee;
  padding-bottom: 2rem;
}
.mallPage .sure.cart .mid .sp .tab tfoot .flex {
  justify-content: space-between;
}
.mallPage .sure.cart .mid .sp .tab tfoot .l {
  display: block;
  align-items: center;
}
.mallPage .sure.cart .mid .sp .tab tfoot .l input {
  height: 4rem;
  width: 40rem;
  background-color: #F5F5F5;
  border-radius: 0.6rem;
  padding: 0 1rem;
  margin-left: 1rem;
  font-size: 1.4rem;
}
.mallPage .sure.cart .mid .sp .tab .num {
  margin-left: 0;
}
.mallPage .sure.cart .mid .sp .tab .num .numBox {
  margin-right: 0;
  justify-content: center;
}

.typeBoxSec {
  background-color: #F5F5F5;
  border-radius: 1rem;
  padding: 2rem;
}
.typeBoxSec ul {
  display: flex;
  flex-wrap: wrap;
  margin: -0.5rem;
}
.typeBoxSec ul li {
  padding: 0.5rem;
}
.typeBoxSec ul a {
  display: block;
  padding: 0 2rem;
  line-height: 3.5rem;
  border-radius: 0.6rem;
  background-color: #fff;
}
.typeBoxSec ul a.cur, .typeBoxSec ul a:hover {
  background-color: #0256FF;
  color: #fff;
}

.dingpanPage .container {
  padding-bottom: 0;
}
.dingpanPage .dpAdd {
  background-color: #F5F5F5;
  border-radius: 1rem;
  padding: 3rem;
}
.dingpanPage .dpAdd .row {
  display: flex;
  margin-bottom: 2rem;
}
.dingpanPage .dpAdd .row .colA {
  width: 10rem;
  line-height: 5rem;
}
.dingpanPage .dpAdd .row .colB {
  flex: 1;
}
.dingpanPage .dpAdd .row .inp {
  line-height: 5rem;
  padding: 0 2rem;
  border-radius: 0.6rem;
  background-color: #fff;
  width: 100%;
}
.dingpanPage .dpAdd .row .rows-2 {
  display: flex;
}
.dingpanPage .dpAdd .row .rows-2 .inp {
  flex: 1;
  margin-right: 2rem;
}
.dingpanPage .dpAdd .row .rows-2 .inp:last-child {
  margin-right: 0;
}
.dingpanPage .dpAdd .row .btn-primary {
  line-height: 5rem;
  border-radius: 0.6rem;
  min-width: 20rem;
}
.dingpanPage .dpTip h4 {
  color: #179EFF;
  font-size: 2.4rem;
}
.dingpanPage .dpTip p {
  line-height: 1.8;
}
.dingpanPage .dpTip .pA p {
  margin-top: 1.5rem;
}
.dingpanPage .dpTip .pA p:first-child {
  margin-top: 0;
}
.dingpanPage .dpTip .pB {
  color: #EB945E;
}
.dingpanPage .dpStau {
  display: flex;
  align-items: center;
}
.dingpanPage .dpStau a {
  margin-left: 2.5rem;
  line-height: 2.6rem;
  border: 0.1rem solid #0256FF;
  color: #0256FF;
  border-radius: 0.3rem;
  padding: 0 1.3rem;
  font-size: 1.2rem;
}
.dingpanPage .dpStau a:hover {
  background-color: #0256FF;
  color: #fff;
}
.dingpanPage .userInfo .topInfo {
  border-radius: 1rem 1rem 0 0;
  min-height: 13rem;
  background-color: #fdf2d7;
  padding: 4rem 5rem;
  display: flex;
  align-items: center;
}
.dingpanPage .userInfo .topInfo .pic {
  width: 6rem;
  height: 6rem;
  border-radius: 50%;
  overflow: hidden;
  border: 0.4rem solid #FF9800;
}
.dingpanPage .userInfo .topInfo dl {
  flex: 1;
  margin-left: 2rem;
}
.dingpanPage .userInfo .topInfo dt {
  font-size: 2.4rem;
}
.dingpanPage .userInfo .topInfo dt span {
  margin-right: 2rem;
}
.dingpanPage .userInfo .combo {
  padding: 0 13rem;
}
.dingpanPage .userInfo .combo .row {
  display: flex;
  flex-wrap: wrap;
  margin: -1.5rem;
}
.dingpanPage .userInfo .combo .row li {
  padding: 1.5rem;
  width: 33.3333%;
}
.dingpanPage .userInfo .combo .row dl {
  cursor: pointer;
  position: relative;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  border-radius: 1rem;
  overflow: hidden;
  background: url(../img/dp-1.jpg) no-repeat;
  background-size: cover;
  background-position: center;
  height: 20rem;
}
.dingpanPage .userInfo .combo .row dt {
  color: #573622;
  font-size: 2.4rem;
}
.dingpanPage .userInfo .combo .row dd {
  color: #F36417;
  font-weight: bolder;
  font-size: 4rem;
  margin-top: 1.5rem;
}
.dingpanPage .userInfo .combo .row .zk {
  position: absolute;
  text-align: center;
  left: 1.2rem;
  right: 1.2rem;
  top: 0;
  height: 3rem;
  line-height: 3rem;
  color: #69442E;
  background-color: #FFD2AA;
  border-bottom-left-radius: 1rem;
  border-bottom-right-radius: 1rem;
  transform: perspective(2rem) rotateX(-2deg) rotateY(0deg) translateZ(0);
}
.dingpanPage .userInfo .combo .row .cur dl {
  border: 0.2rem solid #FF9F7E;
}
.dingpanPage .userInfo .combo .set .textLink {
  text-align: center;
  display: block;
}
.dingpanPage .userInfo .combo .set .btn {
  display: block;
  width: 26rem;
  text-align: center;
  margin: 0 auto;
  line-height: 5rem;
  color: #573622;
  border-radius: 6rem;
  background: linear-gradient(to right, #FFE3B9, #D8A356);
}
.dingpanPage .userInfo .combo .set .btn:hover {
  opacity: 0.8;
}
.dingpanPage .userInfo .quanyi h4 {
  font-size: 2.4rem;
  font-weight: bold;
}
.dingpanPage .userInfo .quanyi dl {
  margin-top: 2rem;
}
.dingpanPage .userInfo .quanyi dl dt {
  font-size: 1.6rem;
}
.dingpanPage .userInfo .quanyi dl dd {
  font-size: 1.2rem;
  line-height: 1.6;
  margin-top: 0.5rem;
}
.dingpanPage .blacklist .form .group {
  display: flex;
  align-items: center;
}
.dingpanPage .blacklist .form .group .lab {
  width: 8.4rem;
}
.dingpanPage .blacklist .form .group .col {
  flex: 1;
}
.dingpanPage .blacklist .form .group .col input {
  width: 100%;
  background-color: #F5F5F5;
  border-radius: 0.6rem;
  padding: 0 2rem;
  height: 5rem;
}
.dingpanPage .blacklist .form .group .col .btn-primary {
  border-radius: 0.6rem;
  line-height: 5rem;
  width: 20rem;
}
.dingpanPage .keyList li {
  border: 0.1rem solid #EEEEEE;
  border-radius: 1rem;
  padding: 2rem;
  margin-top: 2rem;
}
.dingpanPage .keyList li:first-child {
  margin-top: 0;
}
.dingpanPage .keyList .t {
  display: flex;
  align-items: center;
}
.dingpanPage .keyList .t i {
  color: #999;
  font-size: 2rem;
}
.dingpanPage .keyList .t p {
  flex: 1;
  margin-left: 2rem;
  padding: 1rem 0;
  border-bottom: 0.1rem solid #eee;
}
.dingpanPage .keyList .b {
  display: flex;
  justify-content: flex-end;
}
.dingpanPage .keyList .b a {
  min-width: 6rem;
  padding: 0 1rem;
  font-size: 1.2rem;
  line-height: 2.6rem;
  border: 0.1rem solid #eee;
  border-radius: 0.3rem;
  margin-left: 1rem;
  text-align: center;
}
.dingpanPage .keyList .b a.delBtn {
  background-color: #0256FF;
  border-color: #0256FF;
  color: #fff;
}
.dingpanPage .keyList .b a:hover {
  background-color: #003fbf;
  color: #fff;
  border-color: #003fbf;
}
.dingpanPage .information .list .box {
  border: 1px solid #EEE;
  border-radius: 1rem;
  display: block;
  overflow: hidden;
}
.dingpanPage .information .list .box a.img {
  border: 0;
  border-radius: 0;
  display: flex;
}
.dingpanPage .information .list .badge {
  display: flex;
  flex-wrap: wrap;
}
.dingpanPage .information .list .badge span {
  height: 2.1rem;
  background: #EFF2FF;
  margin-right: 1rem;
  border-radius: 0.2rem;
  display: flex;
  align-items: center;
  padding: 0 0.4rem;
  color: #465266;
  font-size: 1.2rem;
  line-height: 1;
}
.dingpanPage .information .list .badge .xt {
  background-color: #14CB79;
  color: #fff;
}
.dingpanPage .information .list .badge .cj {
  background-color: #FFB218;
  color: #fff;
}
.dingpanPage .information .list .set {
  margin-top: 1.6rem;
}
.dingpanPage .information .list .set a {
  min-width: 6rem;
  padding: 0 1rem;
  font-size: 1.2rem;
  line-height: 2.6rem;
  border: 0.1rem solid #eee;
  border-radius: 0.3rem;
  display: inline-block;
  text-align: center;
}
.dingpanPage .information .list .set a:hover {
  background-color: #003fbf;
  color: #fff;
  border-color: #003fbf;
}

.fabuPage .container {
  padding: 0;
}
.fabuPage .menu {
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.fabuPage .menu .typeBox {
  margin-bottom: 0;
}
.fabuPage .form .inp {
  background-color: #fff;
  border: 0.1rem solid #eee;
  border-radius: 0.6rem;
  padding: 0 2rem;
  height: 5.5rem;
  width: 100%;
}
.fabuPage .form textarea.inp {
  padding-top: 1.5rem;
  padding-bottom: 1.5rem;
  outline: none;
  height: auto;
  line-height: 1.6;
}
.fabuPage .form .switchBtn {
  display: flex;
  align-items: center;
}
.fabuPage .form .switchBtn .core {
  cursor: pointer;
  width: 5rem;
  height: 2rem;
  margin-right: 1rem;
  background-color: #eee;
  position: relative;
  border-radius: 1.5rem;
}
.fabuPage .form .switchBtn .core::after {
  content: "";
  position: absolute;
  left: 0.2rem;
  top: 50%;
  transform: translateY(-50%);
  background-color: #ccc;
  width: 2.3rem;
  height: 1.6rem;
  border-radius: 1.5rem;
  transition: all 0.2s ease-out 0s;
}
.fabuPage .form .switchBtn.cur .core {
  background-color: #0256FF;
}
.fabuPage .form .switchBtn.cur .core::after {
  left: 2.5rem;
  background-color: #fff;
}
.fabuPage .form .checkGroup .flex {
  align-items: center;
}
.fabuPage .form .checkGroup .flex .lab {
  width: 7rem;
  margin-right: 2rem;
}
.fabuPage .form .checkGroup .flex .col {
  flex: 1;
  display: flex;
  align-items: center;
}
.fabuPage .form .checkGroup .form-check {
  margin-right: 3rem;
  display: flex;
  align-items: center;
  cursor: pointer;
}
.fabuPage .form .checkGroup .form-check .form-check-input {
  width: 1.6rem;
  height: 1.6rem;
}
.fabuPage .form .checkGroup .form-check .form-check-label {
  padding-left: 1rem;
}
.fabuPage .form .checkGroup .selType a {
  line-height: 3.4rem;
  padding: 0 2rem;
  border-radius: 3rem;
  background-color: #F5F5F5;
  margin-right: 2rem;
}
.fabuPage .form .checkGroup .selType a.cur, .fabuPage .form .checkGroup .selType a:hover {
  background-color: #0256FF;
  color: #fff;
}
.fabuPage .form .inputGroup {
  display: flex;
  align-items: center;
}
.fabuPage .form .inputGroup .lab {
  width: 7rem;
  margin-right: 2rem;
}
.fabuPage .form .inputGroup .col {
  flex: 1;
}
.fabuPage .form .editBox {
  border: 0.1rem solid #eee;
  border-radius: 1rem;
  overflow: hidden;
}
.fabuPage .form .editBox .t {
  background-color: #EFF2FF;
  padding: 0 3rem;
  height: 5rem;
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.fabuPage .form .editBox .t .tool {
  display: flex;
  align-items: center;
}
.fabuPage .form .editBox .t .tool .toolBtn {
  display: flex;
  align-items: center;
  margin-left: 4rem;
}
.fabuPage .form .editBox .t .tool .toolBtn i {
  font-size: 2rem;
  margin-right: 1rem;
  color: #7482C1;
}
.fabuPage .form .editBox .t .tool .zoomBtn span::before {
  content: "放大";
}
.fabuPage .form .editBox .b .text {
  padding: 2rem;
  min-height: 23rem;
  width: 100%;
  border: 0;
  color: #000;
  line-height: 1.6;
  outline: none;
}
.fabuPage .form .editSet {
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.fabuPage .form .editSet a {
  line-height: 5rem;
  border-radius: 0.6rem;
}
.fabuPage .form .editSet .btn-light {
  display: none;
}
.fabuPage .form .glPro .picUpload {
  flex: 1;
}
.fabuPage .form .glPro .picUpload ul {
  display: flex;
  flex-wrap: wrap;
  margin-left: -1rem;
  margin-top: -1rem;
}
.fabuPage .form .glPro .picUpload li {
  margin-left: 1rem;
  position: relative;
  margin-top: 1rem;
}
.fabuPage .form .glPro .picUpload .del {
  position: absolute;
  right: 0;
  bottom: 0;
}
.fabuPage .form .glPro .picUpload .del a {
  display: flex;
  justify-content: center;
  align-items: center;
  height: 2rem;
  min-width: 2rem;
  text-align: center;
  padding: 0 0.5rem;
  background-color: rgba(255, 255, 255, 0.9);
  border-radius: 6rem 0 0 6rem;
  font-size: 1.2rem;
  color: #465266;
}
.fabuPage .form .glPro .picUpload .picCover {
  width: 8rem;
  height: 8rem;
  border-radius: 1rem;
  display: block;
}
.fabuPage .form .glPro .picUpload .addBtn {
  width: 8rem;
  height: 8rem;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  border-radius: 1rem;
  background-color: #EFF2FF;
  border: 0.1rem dotted #CED4ED;
}
.fabuPage .form .glPro .picUpload .addBtn i {
  font-size: 3.5rem;
  color: #818BB5;
}
.fabuPage .form .glPro .picUpload .addBtn p {
  text-align: center;
  color: #818BB5;
  font-size: 1.2rem;
}
.fabuPage .form .glPro .picUploadA .picCover, .fabuPage .form .glPro .picUploadA .addBtn {
  width: 35rem;
}
.fabuPage .form .jyMode .inputGroup {
  margin-left: 3rem;
}
.fabuPage .form .jyMode .inputGroup .lab {
  width: auto;
  margin-right: 1rem;
}
.fabuPage .form .jyMode .inputGroup .col {
  position: relative;
}
.fabuPage .form .jyMode .inputGroup .group-text {
  position: absolute;
  left: 0;
  top: 50%;
  transform: translateY(-50%);
  width: 5rem;
  text-align: center;
  color: #FA1F1F;
}
.fabuPage .form .jyMode .inputGroup .inp {
  padding-left: 5rem;
  height: 4rem;
}
.fabuPage .activity .checkGroup .flex .lab {
  width: 10rem;
}
.fabuPage .activity .inputGroup .lab {
  width: 10rem;
}
.fabuPage .full {
  position: fixed;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  overflow-y: auto;
  overflow-x: hidden;
  margin-top: 0 !important;
  padding: 3rem 0;
  background-color: #f5f5f5;
}
.fabuPage .full .wid {
  width: 96rem;
  margin: 0 auto;
}
.fabuPage .full .form .editBox .t .zoomBtn span::before {
  content: "缩小";
}
.fabuPage .full .form .editBox .b .text {
  min-height: 46rem;
}
.fabuPage .full .form .editSet {
  flex-direction: column;
  align-items: flex-start;
}
.fabuPage .full .form .editSet .flex {
  justify-content: space-between;
  width: 100%;
}
.fabuPage .full .form .editSet .btn-light {
  display: inline-block;
}
.fabuPage .full .form .editSet .switchBtn {
  margin-top: 3rem;
}
.fabuPage .information .list .box {
  border: 1px solid #EEE;
  border-radius: 1rem;
  display: block;
  overflow: hidden;
}
.fabuPage .information .list .box a.img {
  border: 0;
  border-radius: 0;
  display: flex;
}
.fabuPage .information .list .badge {
  display: flex;
  flex-wrap: wrap;
}
.fabuPage .information .list .badge span {
  height: 2.1rem;
  background: #EFF2FF;
  margin-right: 1rem;
  border-radius: 0.2rem;
  display: flex;
  align-items: center;
  padding: 0 0.4rem;
  color: #465266;
  font-size: 1.2rem;
  line-height: 1;
}
.fabuPage .information .list .badge .xt {
  background-color: #14CB79;
  color: #fff;
}
.fabuPage .information .list .badge .cj {
  background-color: #FFB218;
  color: #fff;
}
.fabuPage .information .list .set {
  margin-top: 1.6rem;
}
.fabuPage .information .list .set a {
  min-width: 6rem;
  padding: 0 1rem;
  font-size: 1.2rem;
  line-height: 2.6rem;
  border: 0.1rem solid #eee;
  border-radius: 0.3rem;
  display: inline-block;
  text-align: center;
  margin-right: 0.5rem;
}
.fabuPage .information .list .set .bj {
  background-color: #0256FF;
  border-color: #0256FF;
  color: #fff;
}
.fabuPage .information .list .set a:hover {
  background-color: #003fbf;
  color: #fff;
  border-color: #003fbf;
}

.about .banner {
  position: relative;
}
.about .banner .text {
  position: absolute;
  width: 100%;
  height: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 4rem;
  line-height: 1.5;
  color: #fff;
  font-family: "siyuanheitiB";
  top: 0;
  left: 0;
  text-align: center;
}
.about .container {
  padding: 8rem 0;
}
.about .block {
  margin-bottom: 12rem;
}
.about .block .title {
  font-size: 4rem;
  color: #333;
  text-align: center;
  margin: 0 auto;
  position: relative;
  margin-bottom: 6.5rem;
}
.about .block .title::after {
  position: absolute;
  bottom: -1.5rem;
  width: 5rem;
  height: 0.5rem;
  left: 0;
  right: 0;
  margin: auto;
  content: "";
  background: #0256FF;
}
.about .block .flex .img {
  flex-shrink: 0;
  margin-left: 5rem;
  width: 63.9rem;
}
.about .block .flex .content {
  font-size: 2rem;
  line-height: 1.8;
  color: #333;
}
.about .block .flex .content p {
  line-height: 1.8;
}
.about .block .list {
  display: flex;
  flex-wrap: wrap;
}
.about .block .list .one {
  width: 28rem;
  height: 36rem;
  margin-right: 2.6666666667rem;
  margin-bottom: 2.6666666667rem;
  position: relative;
}
.about .block .list .one:nth-child(4n) {
  margin-right: 0;
}
.about .block .list .one .text {
  position: absolute;
  width: 100%;
  height: 100%;
  display: flex;
  align-items: flex-end;
  padding: 2rem;
  font-size: 1.6rem;
  color: #fff;
  left: 0;
  top: 0;
}
.about .block:last-child {
  margin-bottom: 0;
}

.shadow {
  position: fixed;
  top: 0;
  bottom: 0;
  right: 0;
  left: 0;
  background: rgba(0, 0, 0, 0.4);
  z-index: 11111;
  display: none;
}

.loadBox {
  position: fixed;
  top: 0;
  bottom: 0;
  right: 0;
  left: 0;
  margin: auto;
  width: 40rem;
  height: 18rem;
  padding: 3rem 0;
  background: #fff;
  border-radius: 1rem;
  z-index: 22222;
  display: none;
}
.loadBox .title {
  font-size: 3rem;
  color: #333;
  text-align: center;
  margin-bottom: 4rem;
}
.loadBox .btnBox {
  display: flex;
  align-items: center;
  justify-content: center;
}
.loadBox .btnBox .btn {
  width: 10.6rem;
  height: 3.5rem;
  border: 1px solid #0256FF;
  border-radius: 1rem;
  font-size: 1.6rem;
  color: #0256FF;
  margin: 0 3rem;
}
.loadBox .btnBox .cancel {
  background: #0256FF;
  color: #fff;
}

.loginPage {
  width: 100%;
  min-height: 100vh;
  display: flex;
  align-items: center;
  justify-content: center;
  background-image: url(../img/loginBg.jpg);
  background-size: cover;
}
.loginPage h4 {
  text-align: center;
  font-size: 3rem;
  color: #000;
}
.loginPage ul, .loginPage p {
  margin: 0;
  padding: 0;
}
.loginPage .box {
  background-color: #fff;
  border-radius: 1rem;
  padding: 5rem 4rem;
  width: 50rem;
}
.loginPage .box h5 {
  font-size: 3rem;
  color: #333;
  font-weight: bold;
}
.loginPage .box .menu {
  position: relative;
}
.loginPage .box .menu ul {
  display: flex;
  border-bottom: 0.1rem solid #ddd;
}
.loginPage .box .menu li {
  width: 50%;
}
.loginPage .box .menu a {
  color: #333;
  font-size: 2rem;
  display: block;
  text-align: center;
  padding-bottom: 1.2rem;
}
.loginPage .box .menu .hk {
  position: absolute;
  left: 0;
  bottom: -0.05rem;
  width: 50%;
  height: 0.3rem;
  background-color: #0256FF;
}
.loginPage .box .menu .cur a {
  color: #0256FF;
}
.loginPage .box .formBox {
  display: none;
}
.loginPage .box .formBox .input-group {
  display: flex;
  align-items: center;
  background-color: #EFF2FF;
  border-radius: 0.6rem;
  height: 5rem;
}
.loginPage .box .formBox .input-group .input-group-text {
  padding-left: 2rem;
  border: 0;
  background-color: transparent;
}
.loginPage .box .formBox .input-group .form-control {
  flex: 1;
  padding: 0 1.2rem;
  height: 100%;
  background-color: transparent;
  border: 0;
  font-size: 1.6rem;
}
.loginPage .box .formBox .input-group .input-group-btn {
  padding: 0.9rem;
  padding-left: 0;
  height: 100%;
}
.loginPage .box .formBox .input-group .input-group-btn a {
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 1.4rem;
  padding: 0 1rem;
  border-radius: 0.6rem;
  color: #fff;
  background-color: #0256FF;
  height: 100%;
}
.loginPage .box .formBox .input-group .input-group-btn a:hover {
  opacity: 0.8;
}
.loginPage .box .formBox .input-group .input-group-btn a.disabled {
  opacity: 0.65;
  cursor: no-drop;
}
.loginPage .box .formBox .input-group .verBtn {
  flex: 1;
  padding: 0 1.2rem;
}
.loginPage .box .formBox .btn-group {
  display: flex;
}
.loginPage .box .formBox .btn-group a {
  line-height: 5rem;
  border-radius: 0.6rem;
  width: 100%;
}
.loginPage .box .formBox .valid.active {
  background-color: #20c997;
  color: #fff;
  pointer-events: none;
  cursor: not-allowed;
}
.loginPage .box .formBox .valid.active .verBtn {
  color: #fff;
}
.loginPage .box .formBox .valid.active .bi::before {
  content: "\f26a";
  color: #fff;
  font-size: 2rem;
}

.buyerPage .container {
  padding: 0;
  min-height: calc(100vh - 14rem);
}
.buyerPage .nonePro {
  padding: 10rem 0;
}
.buyerPage .nonePro img {
  display: inline-block;
}
.buyerPage .topContent {
  display: flex;
  align-items: center;
}
.buyerPage .topContent .info {
  background-color: #EFF2FF;
  border-radius: 0.6rem;
  width: 36rem;
  color: #465266;
  font-size: 1.2rem;
}
.buyerPage .topContent .info .headInfo {
  padding: 2rem;
  display: flex;
  align-items: center;
}
.buyerPage .topContent .info .headInfo .pic {
  width: 5.4rem;
  height: 5.4rem;
  border-radius: 50%;
  overflow: hidden;
}
.buyerPage .topContent .info .headInfo dl {
  flex: 1;
  margin-left: 1.6rem;
}
.buyerPage .topContent .info .headInfo dl dt {
  display: flex;
  align-items: center;
  font-size: 1.6rem;
}
.buyerPage .topContent .info .headInfo dl dt img {
  margin-left: 1.5rem;
}
.buyerPage .topContent .info .headInfo dl dd {
  color: #818BB5;
  font-size: 1.2rem;
}
.buyerPage .topContent .info .headInfo dl dd i {
  margin-right: 0.5rem;
}
.buyerPage .topContent .info .lev {
  background-color: #E2E7FF;
  padding: 2rem;
}
.buyerPage .topContent .info .lev img {
  margin-right: 1rem;
}
.buyerPage .topContent .info .lev .line {
  margin: 0 0.5rem;
  font-size: 1rem;
}
.buyerPage .topContent .info .lev .star {
  display: flex;
  align-items: baseline;
}
.buyerPage .topContent .info .lev .star i {
  color: #FFB82B;
  margin-right: 0.4rem;
}
.buyerPage .topContent .info .lev .time {
  color: #818BB5;
}
.buyerPage .topContent .info .aboutMe {
  padding: 2rem;
}
.buyerPage .topContent .info .aboutMe .con {
  padding: 1rem;
  border-radius: 0.4rem;
  background-color: #fff;
  color: #868B9F;
}
.buyerPage .topContent .data {
  flex: 1;
  margin-left: 4rem;
}
.buyerPage .topContent .data ul {
  display: flex;
  flex-wrap: wrap;
  margin: -2rem -1rem;
}
.buyerPage .topContent .data ul li {
  width: 25%;
  padding: 2rem 1rem;
}
.buyerPage .topContent .data ul a {
  display: flex;
  flex-direction: column;
}
.buyerPage .topContent .data ul b {
  color: #333;
  font-size: 2.4rem;
}
.buyerPage .topContent .data ul span {
  color: #666;
  font-size: 1.4rem;
  margin-top: 0.8rem;
}
.buyerPage .topContent .data ul a:hover b, .buyerPage .topContent .data ul a:hover span {
  color: #0256FF;
}
.buyerPage .midContent {
  margin: 3rem 0;
  padding: 3rem 0;
  border-top: 0.1rem solid #EEEEEE;
  border-bottom: 0.1rem solid #EEEEEE;
}
.buyerPage .midContent ul {
  display: flex;
  justify-content: space-around;
}
.buyerPage .midContent ul a {
  display: block;
  text-align: center;
}
.buyerPage .midContent ul img {
  height: 4rem;
  display: inline-block;
}
.buyerPage .midContent ul span {
  color: #666;
  margin-top: 1rem;
  display: block;
  font-size: 1.4rem;
}
.buyerPage .midContent ul a:hover {
  color: #0256FF;
}
.buyerPage .botContent .b ul {
  display: flex;
  flex-wrap: wrap;
}
.buyerPage .botContent .b li {
  margin-right: 2.7rem;
}
.buyerPage .botContent .b li:last-child {
  margin-right: 0;
}
.buyerPage .botContent .b a {
  font-size: 1.4rem;
  padding-bottom: 0.8rem;
  border-bottom: 0.2rem solid transparent;
}
.buyerPage .botContent .b .cur a {
  color: #0256FF;
  border-color: #0256FF;
}
.buyerPage .botContent .b a:hover {
  color: #0256FF;
}
.buyerPage .listType ul {
  display: flex;
  border: 0.1rem solid #eee;
}
.buyerPage .listType ul li {
  flex: 1;
  border-right: 0.1rem solid #eee;
}
.buyerPage .listType ul li:last-child {
  border-right: 0;
}
.buyerPage .listType ul a {
  display: block;
  line-height: 4.4rem;
  text-align: center;
}
.buyerPage .listType ul a:hover {
  color: #0256FF;
}
.buyerPage .listType ul .cur a {
  background-color: #0256FF;
  color: #fff !important;
}
.buyerPage .inputBox {
  height: 4rem;
  width: 50rem;
  background: #f7f7f7;
  display: flex;
  overflow: hidden;
  align-items: center;
  padding-left: 1.6rem;
}
.buyerPage .inputBox .btn {
  width: 9.2rem;
  font-size: 1.6rem;
  color: #fff;
  background: #0256FF;
  height: 100%;
}
.buyerPage .inputBox input {
  flex: 1;
  font-size: 1.6rem;
  color: #333;
}
.buyerPage .inputBox input::-moz-placeholder {
  color: #6C727C;
}
.buyerPage .inputBox input::placeholder {
  color: #6C727C;
}
.buyerPage .orderList .thead {
  border-bottom: 0.1rem solid #eee;
  padding-bottom: 1.7rem;
}
.buyerPage .orderList .thead .tr {
  display: flex;
  padding: 0 1rem;
}
.buyerPage .orderList .thead .th {
  padding: 0 1rem;
  text-align: center;
  width: 10rem;
}
.buyerPage .orderList .thead .th:first-child {
  width: 25rem;
  text-align: left;
  flex: 1;
}
.buyerPage .orderList .tbody .tr {
  margin-top: 1rem;
}
.buyerPage .orderList .tbody .top {
  padding: 1rem 2rem;
  background-color: #F3F7FF;
}
.buyerPage .orderList .tbody .top .line {
  color: #ddd;
  font-size: 1rem;
}
.buyerPage .orderList .tbody .top span {
  margin-right: 1.5rem;
}
.buyerPage .orderList .tbody .top a .icon {
  height: 1.6rem;
}
.buyerPage .orderList .tbody .top a span {
  margin-right: 0;
  margin-left: 1rem;
}
.buyerPage .orderList .tbody .top .r span:last-child {
  margin-right: 0;
}
.buyerPage .orderList .tbody .bot {
  display: flex;
  border: 0.1rem solid #eee;
  border-top: 0;
  padding: 0 1rem;
  border-radius: 0 0 1rem 1rem;
}
.buyerPage .orderList .tbody .bot .td {
  padding: 2rem 1rem;
  text-align: center;
  width: 10rem;
  display: flex;
  flex-direction: column;
  align-items: center;
}
.buyerPage .orderList .tbody .bot .td:first-child {
  text-align: left;
  text-align: left;
  flex: 1;
  display: block;
}
.buyerPage .orderList .tbody .bot .pro {
  display: flex;
}
.buyerPage .orderList .tbody .bot .pro .pic {
  width: 8rem;
  height: 8rem;
  border-radius: 1rem;
  overflow: hidden;
}
.buyerPage .orderList .tbody .bot .pro dl {
  flex: 1;
  margin-left: 2rem;
}
.buyerPage .orderList .tbody .bot .pro dd {
  margin-top: 0.5rem;
}
.buyerPage .orderList .tbody .bot .btn {
  max-width: 100%;
  width: auto;
  padding: 0 1rem;
  line-height: 2.4rem;
  border-radius: 0.4rem;
}
.buyerPage .orderList .tbody .bot .btn.disable {
  background-color: #F5F5F5;
  color: #888;
  cursor: no-drop;
}
.buyerPage .orderList .tbody .bot .btn:hover {
  color: #fff;
}
.buyerPage .orderList .tbody a:hover {
  color: #0256FF;
}
.buyerPage .orderList .tbody .jygb .top {
  background-color: #f9f9f9;
}
.buyerPage .detail-stau .step {
  display: flex;
  background-color: #E2E2E2;
  border-radius: 0.6rem;
  height: 4rem;
  padding: 0 2rem;
}
.buyerPage .detail-stau .step ul {
  display: flex;
  align-items: center;
  justify-content: space-between;
  width: 100%;
}
.buyerPage .detail-stau .step ul li span {
  width: 12rem;
  text-align: center;
  line-height: 4rem;
  display: block;
  border-radius: 0.6rem;
}
.buyerPage .detail-stau .step ul li.cur span {
  background-color: #0256FF;
  color: #fff;
}
.buyerPage .detail-stau .step ul i.bi {
  color: #A8AFBC;
  font-size: 1rem;
}
.buyerPage .detail-stau .a.step ul li span {
  width: 20rem;
}
.buyerPage .detail-stau .box {
  padding: 2rem 2rem 3rem 2rem;
  border: 0.1rem solid #eee;
  border-radius: 0 0 1rem 1rem;
}
.buyerPage .detail-stau .box .time {
  border-bottom: 0.1rem solid #eee;
  padding-bottom: 2rem;
  display: flex;
  justify-content: space-between;
}
.buyerPage .detail-stau .box .time p {
  width: 12rem;
  text-align: center;
}
.buyerPage .detail-stau .box .time i {
  opacity: 0;
}
.buyerPage .detail-stau .box .badge {
  background-color: #FF992C;
  padding: 0.5rem 1rem;
  color: #fff;
  border: 0.1rem solid #FF6201;
  margin-left: 1rem;
}
.buyerPage .detail-stau .box .btn-primary {
  width: auto;
  padding: 0 1rem;
  line-height: 2.4rem;
  border-radius: 0.4rem;
  font-size: 1.2rem;
  margin-left: 1rem;
}
.buyerPage .detail-stau .box .bot p {
  line-height: 2.4rem;
  margin-top: 0.5rem;
}
.buyerPage .detail-stau .box .bot p:first-child {
  margin-top: 0;
}
.buyerPage .detail-stau .box .botBtn a {
  margin-right: 3rem;
  line-height: 3rem;
  padding: 0 2.5rem;
  margin-left: 0;
}
.buyerPage .detail-stau .box .botBtn .text {
  background-color: transparent;
  color: #000;
  padding: 0;
}
.buyerPage .detail-stau .syList {
  position: relative;
}
.buyerPage .detail-stau .syList .line {
  position: absolute;
  left: 0.8rem;
  top: 0;
  bottom: 2rem;
  width: 0.1rem;
  background-color: #EEE;
}
.buyerPage .detail-stau .syList ul {
  position: relative;
}
.buyerPage .detail-stau .syList li {
  margin-top: 2rem;
  padding-left: 3rem;
  position: relative;
}
.buyerPage .detail-stau .syList li:first-child {
  margin-top: 0;
}
.buyerPage .detail-stau .syList li::before {
  content: "";
  background-color: #fff;
  width: 1.7rem;
  height: 1.7rem;
  border: 0.1rem solid #0256FF;
  position: absolute;
  left: 0;
  top: 0;
  border-radius: 50%;
}
.buyerPage .detail-stau .syList .pA {
  line-height: 1.8;
}
.buyerPage .detail-stau .syList .pA span {
  margin-right: 1rem;
}
.buyerPage .detail-stau .syList .cur .res-text {
  color: #0256FF;
}
.buyerPage .detail-stau .syList .cur::before {
  background-color: #0256FF;
}
.buyerPage .detail-info .item {
  border-bottom: 0.1rem solid #eee;
  padding-bottom: 3rem;
  margin-bottom: 3rem;
}
.buyerPage .detail-info .item:last-child {
  border-bottom: 0;
  padding-bottom: 0;
  margin-bottom: 0;
}
.buyerPage .detail-info .top {
  border-radius: 1rem 1rem 0 0;
  height: 5rem;
  background-color: #F3F7FF;
  padding: 0 2rem;
  font-size: 1.6rem;
  display: flex;
  align-items: center;
}
.buyerPage .detail-info .con {
  border: 0.1rem solid #eee;
  padding: 3rem;
  border-radius: 0 0 1rem 1rem;
}
.buyerPage .detail-info .con .pri {
  border-top: 0.1rem solid #eee;
  padding-top: 3rem;
}
.buyerPage .detail-info .con .tag {
  border: 0.1rem solid #FFC2C2;
  border-radius: 0.4rem;
  display: flex;
  align-items: center;
  height: 2rem;
}
.buyerPage .detail-info .con .tag i {
  background-color: #FFC2C2;
  color: #F64C4C;
  display: block;
  align-items: center;
  justify-content: center;
  padding: 0 0.5rem;
  font-size: 1rem;
  height: 100%;
}
.buyerPage .detail-info .con .tag span {
  padding: 0 0.4rem;
  font-size: 1.2rem;
}
.buyerPage .detail-info .con .suc.tag {
  border-color: #D8DBE8;
}
.buyerPage .detail-info .con .suc.tag i {
  background-color: #D8DBE8;
  color: #868B9F;
}
.buyerPage .detail-info textarea {
  border: 0.1rem solid #ddd;
  padding: 1rem;
  border-radius: 0.6rem;
  width: 100%;
  outline: none;
  line-height: 1.8;
}
.buyerPage .detail-info .set {
  justify-content: flex-end;
}
.buyerPage .detail-info .set .btn-primary {
  width: auto;
  padding: 0 1rem;
  line-height: 2.4rem;
  border-radius: 0.4rem;
  font-size: 1.2rem;
  margin-left: 1rem;
}
.buyerPage .detail-info .xx {
  border: 0.1rem solid #ddd;
  border-radius: 1rem;
  overflow: hidden;
}
.buyerPage .detail-info .xx table {
  width: 100%;
  border: 0;
  border-collapse: collapse;
}
.buyerPage .detail-info .xx th {
  padding: 1.5rem 2rem;
  background-color: #F3F7FF;
  color: #888;
  font-size: 1.4rem;
  border: 0;
}
.buyerPage .detail-info .xx th:first-child, .buyerPage .detail-info .xx td:first-child {
  text-align: left;
}
.buyerPage .detail-info .xx td {
  padding: 2rem;
  border: 0;
  text-align: center;
}
.buyerPage .detail-info .pro {
  display: flex;
}
.buyerPage .detail-info .pro .pic {
  width: 8rem;
  height: 8rem;
  border-radius: 1rem;
  overflow: hidden;
}
.buyerPage .detail-info .pro dl {
  margin-left: 2rem;
  width: 15rem;
}
.buyerPage .detail-info .pro dd {
  margin-top: 0.5rem;
}
.buyerPage .detail-info .pj ul {
  display: flex;
  margin: 0 -1rem;
  flex-wrap: wrap;
}
.buyerPage .detail-info .pj li {
  padding: 1rem;
  width: 16.66666%;
}
.buyerPage .detail-info .pj a {
  border: 0.1rem solid #ddd;
  padding: 0 1rem;
  text-align: center;
  display: block;
  line-height: 4rem;
  border-radius: 0.4rem;
}
.buyerPage .detail-info .pj a.cur, .buyerPage .detail-info .pj a:hover {
  background-color: #0256FF;
  border-color: #0256FF;
  color: #fff;
}
.buyerPage .detail-info .form .inpGroup {
  display: flex;
  margin-top: 2rem;
}
.buyerPage .detail-info .form .inpGroup .lab {
  width: 9rem;
  line-height: 5rem;
}
.buyerPage .detail-info .form .inpGroup .col {
  flex: 1;
}
.buyerPage .detail-info .form .inpGroup .col .inp {
  border: 0.1rem solid #eee;
  border-radius: 0.6rem;
  height: 5rem;
  padding: 0 2rem;
  min-width: 37rem;
  font-size: 1.4rem;
}
.buyerPage .detail-info .form .inpGroup .col textarea.inp {
  width: 100%;
  line-height: 1.8;
  padding: 1rem 2rem;
  background-color: #f5f5f5;
  height: auto;
}
.buyerPage .detail-info .form .inpGroup .col .btn-primary {
  background-color: #FF6040;
  line-height: 5rem;
  width: 20rem;
}
.buyerPage .detail-info .form .inpGroup .col .picUpload {
  flex: 1;
}
.buyerPage .detail-info .form .inpGroup .col .picUpload ul {
  display: flex;
  flex-wrap: wrap;
}
.buyerPage .detail-info .form .inpGroup .col .picUpload li {
  margin-right: 1rem;
  position: relative;
}
.buyerPage .detail-info .form .inpGroup .col .picUpload .del {
  position: absolute;
  right: 0;
  bottom: 0;
}
.buyerPage .detail-info .form .inpGroup .col .picUpload .del a {
  display: flex;
  justify-content: center;
  align-items: center;
  height: 2rem;
  min-width: 2rem;
  text-align: center;
  padding: 0 0.5rem;
  background-color: rgba(255, 255, 255, 0.9);
  border-radius: 6rem 0 0 6rem;
  font-size: 1.2rem;
  color: #465266;
}
.buyerPage .detail-info .form .inpGroup .col .picUpload .picCover {
  width: 12rem;
  height: 12rem;
  border-radius: 1rem;
}
.buyerPage .detail-info .form .inpGroup .col .picUpload .addBtn {
  width: 12rem;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  border-radius: 1rem;
  background-color: #EFF2FF;
  border: 0.1rem dotted #CED4ED;
  height: 12rem;
}
.buyerPage .detail-info .form .inpGroup .col .picUpload .addBtn i {
  font-size: 3.5rem;
  color: #818BB5;
}
.buyerPage .detail-info .form .inpGroup .col .picUpload .addBtn p {
  text-align: center;
  color: #818BB5;
  font-size: 1.2rem;
}
.buyerPage .detail-info .tkRecord {
  padding-top: 3rem;
  border-top: 0.1rem solid #ddd;
}
.buyerPage .detail-info .tkRecord .box {
  border: 0.1rem solid #ddd;
  border-radius: 1rem;
  padding: 1.5rem 2rem;
}
.buyerPage .detail-info .tkRecord .pA {
  border-bottom: 0.1rem solid #eee;
  padding-bottom: 1.5rem;
  margin-bottom: 1.5rem;
}
.buyerPage .detail-info .tkRecord .pA span {
  margin-right: 2rem;
}
.buyerPage .detail-info .tkRecord .pB {
  display: flex;
}
.buyerPage .detail-info .tkRecord .pB span {
  flex: 1;
  line-height: 1.6;
}
.buyerPage .detail-info .tkRecord .pB::before {
  content: "";
  display: block;
  width: 0.8rem;
  height: 0.8rem;
  margin-top: 0.6rem;
  border-radius: 50%;
  background-color: #0256FF;
  margin-right: 0.7rem;
}
.buyerPage .btn-outline {
  display: inline-block;
  padding: 0 1.2rem;
  font-size: 1.2rem;
  line-height: 2.4rem;
  border-radius: 0.4rem;
  border: 0.1rem solid #eee;
  margin-right: 1rem;
}
.buyerPage .btn-outline:hover {
  background-color: #0256FF;
  border-color: #0256FF;
  color: #fff !important;
}
.buyerPage .topLine {
  padding-top: 4rem;
  border-top: 0.1rem solid #eee;
}
.buyerPage .baseForm .uploadHead {
  align-items: center;
}
.buyerPage .baseForm .uploadHead .pic {
  height: 8rem;
  width: 8rem;
  border: 0.1rem solid #eee;
  overflow: hidden;
  border-radius: 50%;
}
.buyerPage .baseForm .uploadHead a {
  margin-left: 3rem;
}
.buyerPage .baseForm .btn-light {
  min-width: 13rem;
  padding: 0 1rem;
  background-color: #eee;
  text-align: center;
  border-radius: 0.4rem;
  line-height: 4rem;
}
.buyerPage .baseForm .btn-light:hover {
  background-color: #0256FF;
  color: #fff;
}
.buyerPage .baseForm .inpGroup {
  display: flex;
  margin-top: 2rem;
}
.buyerPage .baseForm .inpGroup .lab {
  line-height: 5rem;
  margin-right: 2rem;
}
.buyerPage .baseForm .inpGroup .col {
  flex: 1;
}
.buyerPage .baseForm .inpGroup .col .inp {
  border: 0.1rem solid #eee;
  background-color: #F5F5F5;
  border-radius: 0.6rem;
  height: 5rem;
  padding: 0 1.5rem;
  min-width: 37rem;
  font-size: 1.4rem;
}
.buyerPage .baseForm .inpGroup .col .text {
  line-height: 5rem;
}
.buyerPage .baseForm .inpGroup .col textarea.inp {
  width: 100%;
  line-height: 1.8;
  padding: 1rem 2rem;
  background-color: #f5f5f5;
  height: auto;
}
.buyerPage .baseForm .inpGroup .col .btn-primary {
  background-color: #FF6040;
  line-height: 5rem;
  width: 20rem;
}
.buyerPage .baseForm .inpGroup .col .picUpload {
  flex: 1;
}
.buyerPage .baseForm .inpGroup .col .picUpload ul {
  display: flex;
  flex-wrap: wrap;
}
.buyerPage .baseForm .inpGroup .col .picUpload li {
  margin-right: 1rem;
  position: relative;
}
.buyerPage .baseForm .inpGroup .col .picUpload .del {
  position: absolute;
  right: 0;
  bottom: 0;
}
.buyerPage .baseForm .inpGroup .col .picUpload .del a {
  display: flex;
  justify-content: center;
  align-items: center;
  height: 2rem;
  min-width: 2rem;
  text-align: center;
  padding: 0 0.5rem;
  background-color: rgba(255, 255, 255, 0.9);
  border-radius: 6rem 0 0 6rem;
  font-size: 1.2rem;
  color: #465266;
}
.buyerPage .baseForm .inpGroup .col .picUpload .picCover {
  width: 12rem;
  height: 12rem;
  border-radius: 1rem;
}
.buyerPage .baseForm .inpGroup .col .picUpload .addBtn {
  width: 12rem;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  border-radius: 1rem;
  background-color: #EFF2FF;
  border: 0.1rem dotted #CED4ED;
  height: 12rem;
}
.buyerPage .baseForm .inpGroup .col .picUpload .addBtn i {
  font-size: 3.5rem;
  color: #818BB5;
}
.buyerPage .baseForm .inpGroup .col .picUpload .addBtn p {
  text-align: center;
  color: #818BB5;
  font-size: 1.2rem;
}
.buyerPage .baseForm .inpGroup .col .form-check {
  margin-right: 2rem;
}
.buyerPage .baseForm .inpGroup .col .form-check .form-check-input {
  margin-right: 0.3rem;
}
.buyerPage .baseForm .inpGroup .zh .inp {
  margin-right: 1rem;
  min-width: auto;
  width: 17rem;
}
.buyerPage .baseForm .inpGroup .zh select.inp {
  background-color: #fff;
}
.buyerPage .baseForm .inpGroup .zh .set {
  width: 6rem;
}
.buyerPage .baseForm .inpGroup .zh .set a {
  font-size: 1.4rem;
  color: #999;
  display: flex;
  justify-content: center;
  align-items: center;
  text-align: center;
  border: 0.1rem solid #eee;
  border-radius: 0.6rem;
  height: 5rem;
}
.buyerPage .baseForm .inpGroup .zh .set a:hover {
  color: #fff;
  background-color: #0256FF;
  border-color: #0256FF;
}
.buyerPage .baseForm .inpGroup:first-child {
  margin-top: 0;
}
.buyerPage .baseForm .row {
  display: flex;
  flex-wrap: wrap;
  margin: -1rem -3rem;
}
.buyerPage .baseForm .row .coll {
  padding: 1rem 3rem;
}
.buyerPage .baseForm .row .inpGroup .col {
  flex: 1;
}
.buyerPage .baseForm .row .inpGroup .col .inp {
  min-width: auto;
  width: 100%;
}
.buyerPage .baseForm .row-cols-3 .coll {
  width: 33.33333%;
}
.buyerPage .historyOrder table {
  width: 100%;
  border: 0;
  font-size: 1.2rem;
}
.buyerPage .historyOrder table th, .buyerPage .historyOrder table td {
  padding: 1.6rem 1rem;
  text-align: center;
}
.buyerPage .historyOrder table tbody tr:nth-child(odd) td {
  background-color: #F5F5F5;
}

.settingPage .settingNav {
  background-color: #fff;
  width: 22rem;
  border-radius: 1rem;
  padding: 2rem 0;
  position: sticky;
  top: 2rem;
  height: -moz-fit-content;
  height: fit-content;
}
.settingPage .settingNav li {
  margin-top: 1rem;
  position: relative;
}
.settingPage .settingNav li:first-child {
  margin-top: 0;
}
.settingPage .settingNav li::before {
  content: "";
  display: none;
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  width: 0.2rem;
  background-color: #0256FF;
}
.settingPage .settingNav a {
  display: block;
  line-height: 4rem;
  padding-left: 3rem;
}
.settingPage .settingNav .cur::before {
  display: block;
}
.settingPage .settingNav a:hover {
  color: #0256FF;
}
.settingPage .contentBox {
  background-color: #fff;
  flex: 1;
  margin-left: 2rem;
  border-radius: 1rem;
  padding: 3rem 2rem 4rem 2rem;
}
.settingPage .addManage .box {
  padding: 2rem;
  border-radius: 1rem;
  border: 0.1rem solid #eee;
  margin-top: 2rem;
}
.settingPage .addManage .box ul li {
  margin-right: 3rem;
}
.settingPage .addManage .box ul li:last-child {
  margin-right: 0;
}
.settingPage .addManage .box ul i {
  margin-right: 0.6rem;
}
.settingPage .addManage .box .bot {
  padding-top: 2rem;
  margin-top: 2rem;
  border-top: 0.1rem solid #eee;
}
.settingPage .addManage .box .btnGroup {
  display: flex;
}
.settingPage .addManage .box .btnGroup a {
  display: block;
  padding: 0 1.2rem;
  line-height: 2.4rem;
  border: 0.1rem solid #eee;
  border-radius: 0.4rem;
  font-size: 1.2rem;
  margin-left: 2rem;
}
.settingPage .addManage .box .btnGroup a:hover {
  background-color: #0256FF;
  color: #fff;
}
.settingPage .addManage .box:first-child {
  margin-top: 0;
}
.settingPage .addManage .baseForm .inpGroup .lab {
  width: 8rem;
  text-align: right;
}
.settingPage .menuBox {
  background-color: #fff;
  padding: 2rem 1rem 0 1rem;
  border-radius: 1rem;
  margin-right: 0;
}

.sellerPage {
  padding: 0;
  border-top: 0.1rem solid #eee;
}
.sellerPage .container {
  position: relative;
}
.sellerPage .sellerNav {
  min-height: calc(100vh - 14.1rem);
  background-color: #fff;
  width: 22rem;
  padding: 2rem;
  overflow-y: auto;
}
.sellerPage .sellerNav .menu {
  padding-top: 1rem;
  border-top: 0.1rem solid #eee;
}
.sellerPage .sellerNav dl {
  margin-top: 1rem;
}
.sellerPage .sellerNav dl:first-child {
  margin-top: 0;
}
.sellerPage .sellerNav dt a {
  line-height: 4rem;
  display: flex;
  align-items: center;
  border-radius: 5rem;
  padding: 0 1.2rem;
}
.sellerPage .sellerNav dt i {
  color: #507BF3;
  font-size: 1.6rem;
  margin-right: 1.2rem;
  display: block;
  width: 1.6rem;
  text-align: center;
}
.sellerPage .sellerNav dt a:hover {
  background-color: #F5F5F5;
}
.sellerPage .sellerNav .cur dt a {
  background-color: #F5F5F5;
}
.sellerPage .sellerNav dd a {
  color: #666;
  font-size: 1.4rem;
  display: block;
  padding-left: 4rem;
  margin-top: 1rem;
}
.sellerPage .sellerNav dd a:hover {
  color: #0256FF;
}
.sellerPage .contentBox {
  flex: 1;
  margin-left: 2rem;
  padding: 2rem 0;
}
.sellerPage .itemBox {
  background-color: #fff;
  padding: 2rem;
}
.sellerPage .topContent .info {
  width: 100%;
}
.sellerPage .topContent .sj {
  display: flex;
  justify-content: end;
  padding-right: 2rem;
  align-items: end;
}
.sellerPage .topContent .sj a {
  display: block;
  margin-left: 5rem;
  text-align: right;
}
.sellerPage .topContent .sj h4 {
  font-size: 1.8rem;
  color: #000;
}
.sellerPage .topContent .sj span {
  color: #465266;
  font-size: 1.2rem;
  margin-top: 0.5rem;
}
.sellerPage .topContent .sj i {
  font-size: 2.5rem;
}
.sellerPage .order ul {
  display: flex;
  flex-wrap: wrap;
  margin: -1rem;
}
.sellerPage .order li {
  padding: 1rem;
  width: 50%;
}
.sellerPage .order .box {
  padding: 1rem;
}
.sellerPage .order .t span {
  line-height: 2.6rem;
  background-color: #0256FF;
  padding: 0 0.6rem;
  border: 0.2rem;
  color: #fff;
  font-size: 1.4rem;
}
.sellerPage .order .b {
  display: flex;
}
.sellerPage .order .b .picCover {
  width: 10rem;
  height: 10rem;
  border-radius: 0.6rem;
}
.sellerPage .order .b dl {
  flex: 1;
  margin-left: 1rem;
  flex-direction: column;
  justify-content: space-between;
}
.sellerPage .order .b dl p {
  width: 32rem;
}
.sellerPage .ddgl ul {
  display: flex;
  flex-wrap: wrap;
}
.sellerPage .ddgl li {
  margin-right: 8rem;
}
.sellerPage .ddgl a {
  display: flex;
  justify-content: center;
  flex-direction: column;
  text-align: center;
}
.sellerPage .ddgl i {
  font-size: 4rem;
  color: #333333;
}
.sellerPage .ddgl span {
  color: #666;
}
.sellerPage .ddgl a:hover i, .sellerPage .ddgl a:hover span {
  color: #0256FF;
}
.sellerPage .userInfo .combo {
  padding: 0;
}
.sellerPage .userInfo .combo .row {
  margin: -1rem;
}
.sellerPage .userInfo .combo .row li {
  padding: 1rem;
  width: 25%;
}
.sellerPage .baseForm .spggSel {
  border: 0.1rem solid #eee;
  height: 5rem;
  border-radius: 0.6rem;
  padding: 0 2rem;
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.sellerPage .baseForm .spgg {
  padding: 2rem;
  border: 0.1rem solid #eee;
  border-radius: 1rem;
}
.sellerPage .baseForm .spgg table {
  width: 100%;
  border: 0;
  border-collapse: collapse;
}
.sellerPage .baseForm .spgg table th, .sellerPage .baseForm .spgg table td {
  border: 0;
  border-bottom: 0.1rem solid #eee;
  padding: 1rem 1rem;
  text-wrap: nowrap;
}
.sellerPage .baseForm .spgg table th:nth-child(1), .sellerPage .baseForm .spgg table th:nth-child(2), .sellerPage .baseForm .spgg table td:nth-child(1), .sellerPage .baseForm .spgg table td:nth-child(2) {
  padding: 1rem 2rem;
}
.sellerPage .baseForm .spgg table th {
  color: #666;
  font-size: 1.2rem;
  text-align: center;
}
.sellerPage .baseForm .spgg table td {
  text-align: center;
  font-size: 1.4rem;
  color: #333;
}
.sellerPage .baseForm .spgg table input {
  width: 10rem;
  height: 4rem;
  font-size: 1.4rem;
  background-color: #F5F5F5;
  border: 0.1rem solid #ddd;
  padding: 0 1rem;
  text-align: center;
  border-radius: 0.6rem;
}
.sellerPage .baseForm .spgg table a {
  display: inline-block;
  width: 5rem;
  line-height: 4rem;
  background-color: #F5F5F5;
  border: 0.1rem solid #ddd;
  padding: 0 1rem;
  text-align: center;
  border-radius: 0.6rem;
  color: #aaa;
  font-size: 1.4rem;
}
.sellerPage .baseForm .spgg table a:hover {
  background-color: #0256FF;
  color: #fff;
  border-color: #0256FF;
}
.sellerPage .wallet {
  border-top: 0.3rem solid #0256FF;
  padding: 5rem 6rem;
  padding-bottom: 0;
}
.sellerPage .wallet .t {
  display: flex;
  justify-content: space-between;
  align-items: end;
}
.sellerPage .wallet .t dt {
  color: #999;
}
.sellerPage .wallet .t dd {
  font-size: 5rem;
  color: #0256FF;
  font-weight: bold;
  line-height: 1;
  margin-top: 0.5rem;
}
.sellerPage .wallet .b {
  padding: 2rem 0;
  border-top: 0.1rem solid #EEEEEE;
  display: flex;
  margin-top: 4rem;
}
.sellerPage .wallet .b dl {
  flex: 1;
  border-right: 0.1rem solid #eee;
}
.sellerPage .wallet .b dl:last-child {
  border: 0;
  padding-left: 5rem;
}
.sellerPage .wallet .b dt {
  color: #999;
}
.sellerPage .wallet .b dd {
  color: #333;
  font-size: 3rem;
  line-height: 1;
  margin-top: 0.5rem;
}
.sellerPage .wallet .r {
  display: flex;
  align-items: center;
}
.sellerPage .wallet .r a {
  border-radius: 2.2rem;
  margin-left: 4rem;
  color: #fff;
  background: linear-gradient(to right, #599BFF, #3C58E2);
  display: flex;
  justify-content: center;
  align-items: center;
  width: 12rem;
  height: 4.4rem;
}
.sellerPage .wallet .r span {
  margin-left: 0.4rem;
}
.sellerPage .wallet .r a:hover {
  opacity: 0.8;
}
.sellerPage .walletRec li {
  margin-top: 2rem;
  border-radius: 1rem;
  background-color: #fff;
  padding: 2rem;
  display: flex;
  align-items: center;
}
.sellerPage .walletRec li .l {
  flex: 1;
  display: flex;
  align-items: center;
}
.sellerPage .walletRec li .l .picCover {
  width: 5rem;
  height: 5rem;
  border-radius: 1rem;
  margin-right: 2rem;
}
.sellerPage .walletRec li .l dt {
  width: 50rem;
}
.sellerPage .walletRec li .l .icon {
  border: 0.2rem solid rgba(2, 86, 255, 0.1);
  width: 5rem;
  height: 5rem;
  border-radius: 1rem;
  margin-right: 2rem;
  display: flex;
  align-items: center;
  justify-content: center;
}
.sellerPage .integralRec li {
  margin-top: 3rem;
  display: flex;
  justify-content: space-between;
}
.sellerPage .integralRec li .line {
  font-size: 1rem;
  color: #EEEEEE;
  margin: 0 0.8rem;
}
.sellerPage .integralRec li .text {
  width: 70rem;
}
.sellerPage .integralRec li:first-child {
  margin-top: 0;
}
.sellerPage .rebate .wallet {
  border-top-color: #051940;
}
.sellerPage .rebate .wallet .b dt span {
  display: inline-block;
  border-radius: 0.8rem 0.8rem 0.8rem 0;
  color: #F8C9A7;
  font-size: 1.2rem;
  padding: 0 0.5rem;
  background: linear-gradient(to right, #FF7373, #F71F1F);
}
.sellerPage .rebate .rebateRec .menu {
  padding: 0 4rem;
}
.sellerPage .rebate .rebateRec .menu ul {
  display: flex;
}
.sellerPage .rebate .rebateRec .menu li {
  width: 20rem;
  line-height: 5rem;
  cursor: pointer;
  border-radius: 1rem 1rem 0 0;
  background-color: #EEE;
  margin-right: 2rem;
  text-align: center;
}
.sellerPage .rebate .rebateRec .menu li.cur {
  color: #fff;
  background-color: #051940;
}
.sellerPage .rebate .rebateRec .box {
  background-color: #fff;
  border-radius: 1rem;
  padding: 4rem;
  display: none;
}
.sellerPage .rebate .rebateRec .box li {
  padding: 2rem 1rem;
  border-bottom: 0.1rem solid #eee;
}
.sellerPage .rebate .rebateRec .box .l .picCover {
  width: 4rem;
  height: 4rem;
  border-radius: 50%;
}
.sellerPage .rebate .rebateRec .box .l dl {
  margin-left: 0.8rem;
}
.sellerPage .rebate .rebateRec .box .sup {
  line-height: 1.6rem;
  color: #573622;
  font-size: 1rem;
  font-weight: bold;
  font-style: italic;
  border-radius: 0.6rem 0.2rem 0.6rem 0.1rem;
  padding: 0 0.4rem;
  min-width: 4.2rem;
  text-align: center;
  background: linear-gradient(to right, #FFE3B9, #D8A356);
}

.msgPage ul {
  display: flex;
  flex-direction: column;
  gap: 2rem;
}
.msgPage .item {
  position: relative;
  display: block;
  padding: 2rem 5rem 2rem 2rem;
  border: 1px solid #eee;
  border-radius: 1rem;
  color: #3D3D3D;
}
.msgPage .item .text {
  display: flex;
  overflow: hidden;
}
.msgPage .item .text .pA {
  flex: 1;
  margin-right: 1rem;
}
.msgPage .item .date {
  color: #999;
  font-size: 1.2rem;
}
.msgPage .item sup {
  display: block;
  background-color: #FD0D0D;
  border-radius: 0 1rem 0 1rem;
  padding: 0 0.5rem;
  font-size: 1.2rem;
  color: #fff;
  position: absolute;
  right: 0;
  top: 0;
}
.msgPage .item::before {
  content: "";
  width: 0.2rem;
  height: 2rem;
  background-color: #B3B9C7;
  position: absolute;
  top: 2.2rem;
  left: 0;
}
.msgPage .loading {
  margin-top: 2rem;
  text-align: center;
  color: #999;
}

.modal {
  position: fixed;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  overflow-x: hidden;
  overflow-y: auto;
  z-index: 1055;
  display: none;
  align-items: center;
  background-color: rgba(0, 0, 0, 0.4);
}
.modal .dialog {
  width: 62rem;
  height: calc(100vh - 6rem);
  transition: transform 0.3s ease-out;
  margin: 3rem auto;
  display: flex;
  align-items: center;
}
.modal .content {
  background-color: #fff;
  border-radius: 2rem;
  display: flex;
  flex-direction: column;
  width: 100%;
  max-height: 100%;
  overflow: hidden;
}
.modal .modal-head {
  padding: 3rem;
  background-color: #f5f5f5;
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.modal .modal-head h4 {
  font-size: 2rem;
}
.modal .modal-body {
  flex: 1 1 auto;
  overflow-y: auto;
  padding: 3rem;
  position: relative;
}
.modal .btnGroup {
  display: flex;
  justify-content: center;
  align-items: center;
}
.modal .btnGroup a {
  line-height: 4rem;
  border: 0.1rem solid #0256FF;
  border-radius: 2rem;
  min-width: 10rem;
  text-align: center;
  margin: 0 1rem;
  color: #0256FF;
}
.modal .btnGroup a:last-child {
  background-color: #0256FF;
  color: #fff;
}
.modal .btnGroup a:hover {
  background-color: #003fbf;
  color: #fff;
}
.modal .closeBtn {
  position: absolute;
  right: 1.5rem;
  top: 1.5rem;
}
.modal .baseForm .uploadHead {
  align-items: center;
}
.modal .baseForm .uploadHead .pic {
  height: 8rem;
  width: 8rem;
  border: 0.1rem solid #eee;
  overflow: hidden;
  border-radius: 50%;
}
.modal .baseForm .uploadHead a {
  margin-left: 3rem;
}
.modal .baseForm .btn-light {
  min-width: 13rem;
  padding: 0 1rem;
  background-color: #eee;
  text-align: center;
  border-radius: 0.4rem;
  line-height: 4rem;
}
.modal .baseForm .btn-light:hover {
  background-color: #0256FF;
  color: #fff;
}
.modal .baseForm .inpGroup {
  display: flex;
  margin-top: 2rem;
}
.modal .baseForm .inpGroup .lab {
  line-height: 5rem;
  width: 9rem;
}
.modal .baseForm .inpGroup .col {
  flex: 1;
}
.modal .baseForm .inpGroup .col .inp {
  border: 0.1rem solid #eee;
  background-color: #F5F5F5;
  border-radius: 0.6rem;
  height: 5rem;
  padding: 0 1.5rem;
  min-width: 37rem;
  font-size: 1.4rem;
}
.modal .baseForm .inpGroup .col .text {
  line-height: 5rem;
}
.modal .baseForm .inpGroup .col textarea.inp {
  width: 100%;
  line-height: 1.8;
  padding: 1rem 2rem;
  background-color: #f5f5f5;
  height: auto;
}
.modal .baseForm .inpGroup .col .btn-primary {
  background-color: #FF6040;
  line-height: 5rem;
  width: 20rem;
}
.modal .baseForm .inpGroup .col .picUpload {
  flex: 1;
}
.modal .baseForm .inpGroup .col .picUpload ul {
  display: flex;
  flex-wrap: wrap;
}
.modal .baseForm .inpGroup .col .picUpload li {
  margin-right: 1rem;
  position: relative;
}
.modal .baseForm .inpGroup .col .picUpload .del {
  position: absolute;
  right: 0;
  bottom: 0;
}
.modal .baseForm .inpGroup .col .picUpload .del a {
  display: flex;
  justify-content: center;
  align-items: center;
  height: 2rem;
  min-width: 2rem;
  text-align: center;
  padding: 0 0.5rem;
  background-color: rgba(255, 255, 255, 0.9);
  border-radius: 6rem 0 0 6rem;
  font-size: 1.2rem;
  color: #465266;
}
.modal .baseForm .inpGroup .col .picUpload .picCover {
  width: 12rem;
  height: 12rem;
  border-radius: 1rem;
}
.modal .baseForm .inpGroup .col .picUpload .addBtn {
  width: 12rem;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  border-radius: 1rem;
  background-color: #EFF2FF;
  border: 0.1rem dotted #CED4ED;
  height: 12rem;
}
.modal .baseForm .inpGroup .col .picUpload .addBtn i {
  font-size: 3.5rem;
  color: #818BB5;
}
.modal .baseForm .inpGroup .col .picUpload .addBtn p {
  text-align: center;
  color: #818BB5;
  font-size: 1.2rem;
}
.modal .baseForm .inpGroup .col .form-check {
  margin-right: 2rem;
}
.modal .baseForm .inpGroup .col .form-check .form-check-input {
  margin-right: 0.3rem;
}
.modal .baseForm .inpGroup .zh .inp {
  margin-right: 1rem;
  min-width: auto;
  width: 17rem;
}
.modal .baseForm .inpGroup .zh select.inp {
  background-color: #fff;
}
.modal .baseForm .inpGroup .zh .set {
  width: 6rem;
}
.modal .baseForm .inpGroup .zh .set a {
  font-size: 1.4rem;
  color: #999;
  display: flex;
  justify-content: center;
  align-items: center;
  text-align: center;
  border: 0.1rem solid #eee;
  border-radius: 0.6rem;
  height: 5rem;
}
.modal .baseForm .inpGroup .zh .set a:hover {
  color: #fff;
  background-color: #0256FF;
  border-color: #0256FF;
}
.modal .baseForm .inpGroup:first-child {
  margin-top: 0;
}
.modal .baseForm .row {
  display: flex;
  flex-wrap: wrap;
  margin: -1rem -3rem;
}
.modal .baseForm .row .coll {
  padding: 1rem 3rem;
}
.modal .baseForm .row .inpGroup .col {
  flex: 1;
}
.modal .baseForm .row .inpGroup .col .inp {
  min-width: auto;
  width: 100%;
}
.modal .baseForm .row-cols-3 .coll {
  width: 33.33333%;
}

.upInfoModal .dialog {
  width: 80rem;
}
.upInfoModal .modal-body h5 {
  font-size: 1.6rem;
}
.upInfoModal .modal-body li {
  display: flex;
  margin-top: 2rem;
}
.upInfoModal .modal-body li:first-child {
  margin-top: 0;
}
.upInfoModal .modal-body .bi {
  color: #507BF3;
  font-size: 1.8rem;
  line-height: 1.3;
}
.upInfoModal .modal-body .con {
  display: flex;
  flex-wrap: wrap;
  margin-left: 1rem;
  flex: 1;
}
.upInfoModal .modal-body .group {
  margin-right: 5rem;
  display: flex;
}
.upInfoModal .modal-body .group span {
  margin-left: 1rem;
  line-height: 1.6;
}
.upInfoModal .modal-body .group span:first-child {
  margin-left: 0;
}
.upInfoModal .modal-body .group:last-child {
  margin-right: 0;
}
.upInfoModal .modal-body .zs {
  text-align: center;
}
.upInfoModal .modal-body .zs .img {
  width: 18.6rem;
  height: 13rem;
}
.upInfoModal .modal-body .zs .img img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}

.commentSetModal .dialog {
  width: 40rem;
}
.commentSetModal .modal-body li {
  margin-bottom: 1.5rem;
}
.commentSetModal .modal-body a {
  display: flex;
}
.commentSetModal .modal-body i {
  color: #8B8E99;
}
.commentSetModal .modal-body span {
  color: #333;
  flex: 1;
  margin-left: 1.3rem;
  border-bottom: 0.1rem solid #ddd;
  padding-bottom: 1.5rem;
}
.commentSetModal .modal-body a:hover span {
  color: #0256FF;
}
.commentSetModal .modal-body .cur a i, .commentSetModal .modal-body .cur a span {
  color: #0256FF;
}

.signUpModal .dialog {
  width: 40rem;
}
.signUpModal .modal-body input {
  width: 100%;
  height: 5rem;
  border-radius: 0.6rem;
  background-color: #F7F7F7;
  font-size: 1.4rem;
  padding: 0 2rem;
}
.signUpModal .modal-body a {
  line-height: 5rem;
  width: 100%;
}

.dpxxSetModal .dialog {
  width: 40rem;
}
.dpxxSetModal .modal-body .t {
  justify-content: space-between;
}
.dpxxSetModal .modal-body .t .r {
  flex: 1;
  text-align: right;
}
.dpxxSetModal .modal-body .t .r span {
  margin-left: 0.5rem;
}
.dpxxSetModal .modal-body .b li {
  margin-bottom: 1.5rem;
}
.dpxxSetModal .modal-body .b a {
  display: flex;
}
.dpxxSetModal .modal-body .b i {
  color: #8B8E99;
}
.dpxxSetModal .modal-body .b span {
  color: #333;
  flex: 1;
  margin-left: 1.3rem;
  border-bottom: 0.1rem solid #ddd;
  padding-bottom: 1.5rem;
}
.dpxxSetModal .modal-body .b a:hover span {
  color: #0256FF;
}
.dpxxSetModal .modal-body .b .cur a i::before {
  content: "\f26a";
}
.dpxxSetModal .modal-body .b .cur a i, .dpxxSetModal .modal-body .b .cur a span {
  color: #0256FF;
}
.dpxxSetModal .modal-body .m {
  display: flex;
  justify-content: center;
}

.dpOpenModal .dialog {
  width: 78rem;
}
.dpOpenModal .modal-body {
  padding: 0;
}
.dpOpenModal .topInfo {
  min-height: 13rem;
  background-color: #fdf2d7;
  padding: 4rem 5rem;
  display: flex;
  align-items: center;
}
.dpOpenModal .topInfo .pic {
  width: 6rem;
  height: 6rem;
  border-radius: 50%;
  overflow: hidden;
  border: 0.4rem solid #FF9800;
}
.dpOpenModal .topInfo dl {
  flex: 1;
  margin-left: 2rem;
}
.dpOpenModal .topInfo dt {
  font-size: 2.4rem;
}
.dpOpenModal .combo {
  padding: 0 6rem;
}
.dpOpenModal .combo .row {
  display: flex;
  flex-wrap: wrap;
  margin: -1.5rem;
}
.dpOpenModal .combo .row li {
  padding: 1.5rem;
  width: 33.3333%;
}
.dpOpenModal .combo .row dl {
  cursor: pointer;
  position: relative;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  border-radius: 1rem;
  overflow: hidden;
  background: url(../img/dp-1.jpg) no-repeat;
  background-size: cover;
  background-position: center;
  height: 20rem;
}
.dpOpenModal .combo .row dt {
  color: #573622;
  font-size: 2.4rem;
}
.dpOpenModal .combo .row dd {
  color: #F36417;
  font-weight: bolder;
  font-size: 4rem;
  margin-top: 1.5rem;
}
.dpOpenModal .combo .row .zk {
  position: absolute;
  text-align: center;
  left: 1.2rem;
  right: 1.2rem;
  top: 0;
  height: 3rem;
  line-height: 3rem;
  color: #69442E;
  background-color: #FFD2AA;
  border-bottom-left-radius: 1rem;
  border-bottom-right-radius: 1rem;
  transform: perspective(2rem) rotateX(-2deg) rotateY(0deg) translateZ(0);
}
.dpOpenModal .combo .row .cur dl {
  border: 0.2rem solid #FF9F7E;
}
.dpOpenModal .combo .set .textLink {
  text-align: center;
  display: block;
}
.dpOpenModal .combo .set .btn {
  display: block;
  width: 26rem;
  text-align: center;
  margin: 0 auto;
  line-height: 5rem;
  color: #573622;
  border-radius: 6rem;
  background: linear-gradient(to right, #FFE3B9, #D8A356);
}
.dpOpenModal .combo .set .btn:hover {
  opacity: 0.8;
}
.dpOpenModal .quanyi {
  padding: 3rem 6rem;
}
.dpOpenModal .quanyi h4 {
  font-size: 2.4rem;
  font-weight: bold;
}
.dpOpenModal .quanyi dl {
  margin-top: 2rem;
}
.dpOpenModal .quanyi dl dt {
  font-size: 1.6rem;
}
.dpOpenModal .quanyi dl dd {
  font-size: 1.2rem;
  line-height: 1.6;
  margin-top: 0.5rem;
}

.delSureModal .dialog {
  width: 30rem;
}
.delSureModal .modal-body {
  padding-top: 4rem;
  padding-bottom: 4rem;
}

.submitSucModal .dialog {
  width: 40rem;
}
.submitSucModal .modal-body {
  padding-top: 4rem;
  padding-bottom: 4rem;
}
.submitSucModal .pA {
  font-size: 2rem;
  font-weight: bold;
}
.submitSucModal .btnGroup a {
  width: 20rem;
}

.bindPhoneModal .dialog {
  width: 50rem;
}
.bindPhoneModal .modal-body {
  padding: 5rem;
}
.bindPhoneModal .formBox .input-group {
  display: flex;
  align-items: center;
  background-color: #EFF2FF;
  border-radius: 0.6rem;
  height: 5rem;
}
.bindPhoneModal .formBox .input-group .input-group-text {
  padding-left: 2rem;
}
.bindPhoneModal .formBox .input-group .form-control {
  flex: 1;
  padding: 0 1.2rem;
  height: 100%;
}
.bindPhoneModal .formBox .input-group .input-group-btn {
  padding: 0.9rem;
  padding-left: 0;
  height: 100%;
}
.bindPhoneModal .formBox .input-group .input-group-btn a {
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 1.4rem;
  padding: 0 1rem;
  border-radius: 0.6rem;
  color: #fff;
  background-color: #0256FF;
  height: 100%;
}
.bindPhoneModal .formBox .input-group .input-group-btn a:hover {
  opacity: 0.8;
}
.bindPhoneModal .formBox .input-group .input-group-btn a.disabled {
  opacity: 0.65;
  cursor: no-drop;
}
.bindPhoneModal .formBox .btn-group {
  display: flex;
}
.bindPhoneModal .formBox .btn-group a {
  line-height: 5rem;
  border-radius: 0.6rem;
  width: 100%;
}

.bindWechatModal .dialog {
  width: 30rem;
}
.bindWechatModal .modal-body {
  padding: 4rem;
  flex-direction: column;
  align-items: center;
}
.bindWechatModal img {
  height: 15rem;
  display: inline-block;
}

.formatSelModal .dialog {
  width: 100rem;
}
.formatSelModal .content {
  overflow: initial;
  position: relative;
}
.formatSelModal .close {
  position: absolute;
  top: -3rem;
  right: 3rem;
  display: flex;
  align-items: center;
  justify-content: center;
  color: #F6F9FF;
  font-size: 2rem;
  line-height: 1;
  width: 3rem;
  height: 3rem;
  background-color: rgba(0, 0, 0, 0.2);
  border-radius: 0.4rem 0.4rem 0 0;
}
.formatSelModal .t {
  display: flex;
  justify-content: space-between;
}
.formatSelModal .t .lab {
  line-height: 4rem;
  margin-right: 2rem;
}
.formatSelModal .t .l {
  flex: 1;
}
.formatSelModal .t .seled ul {
  margin: -1rem;
  display: flex;
  flex-wrap: wrap;
}
.formatSelModal .t .seled li {
  padding: 1rem;
}
.formatSelModal .t .seled span {
  display: flex;
  align-items: center;
  height: 4rem;
  border: 0.1rem solid #eee;
  border-radius: 0.4rem;
  padding: 0 1.6rem;
  font-size: 1.4rem;
}
.formatSelModal .t .seled a.bi {
  margin-left: 0.8rem;
  color: #aaa;
}
.formatSelModal .t .seled a.bi:hover {
  color: #0256FF;
}
.formatSelModal .t .seled a.cx {
  display: flex;
  align-items: center;
  height: 4rem;
  border: 0.1rem solid #eee;
  border-radius: 0.4rem;
  padding: 0 1.6rem;
  font-size: 1.4rem;
}
.formatSelModal .t .seled a.cx:hover {
  background-color: #0256FF;
  border-color: #0256FF;
  color: #fff;
}
.formatSelModal .ggSel .box {
  border-bottom: 0.1rem solid #eee;
  padding: 1rem 0;
}
.formatSelModal .ggSel .box:last-child {
  border-bottom: 0;
}
.formatSelModal .ggSel .form-check {
  display: flex;
  align-items: center;
}
.formatSelModal .ggSel .form-check-input {
  margin-right: 1rem;
  width: 1.6rem;
  height: 1.6rem;
  border-radius: 50%;
  border-color: #ddd;
}
.formatSelModal .ggSel .form-check-label {
  font-size: 1.4rem;
  min-width: 6rem;
  color: #3D3D3D;
}
.formatSelModal .ggSel .r {
  display: flex;
  flex-wrap: wrap;
}
.formatSelModal .ggSel .r .form-check {
  margin-left: 2rem;
}
.formatSelModal .btnSet {
  display: flex;
}
.formatSelModal .btnSet a {
  margin-right: 2rem;
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 0 1.2rem;
  height: 4rem;
  border: 0.1rem solid #eee;
  border-radius: 0.4rem;
}
.formatSelModal .btnSet a.btn-primary {
  width: auto;
}
.formatSelModal .btnSet a:hover {
  background-color: #0256FF;
  color: #fff;
  border-color: #0256FF;
}
.formatSelModal .ggMagTab table {
  width: 100%;
  border-collapse: collapse;
  border: 0;
  font-size: 1.4rem;
}
.formatSelModal .ggMagTab td, .formatSelModal .ggMagTab th {
  border: 0;
  text-align: center;
}
.formatSelModal .ggMagTab th {
  padding: 0.6rem 2rem;
  background-color: #F5F5F5;
}
.formatSelModal .ggMagTab td {
  border-bottom: 0.1rem solid #EEEEEE;
  padding: 2rem;
}
.formatSelModal .ggMagTab th:nth-child(2), .formatSelModal .ggMagTab td:nth-child(2) {
  text-align: left;
}
.formatSelModal .ggMagTab .form-check {
  display: flex;
  align-items: center;
}
.formatSelModal .ggMagTab .form-check-input {
  margin-right: 3rem;
  width: 1.6rem;
  height: 1.6rem;
  border-radius: 50%;
  border-color: #ddd;
}
.formatSelModal .ggMagTab .form-check-label {
  font-size: 1.4rem;
  color: #3D3D3D;
  text-wrap: nowrap;
}
.formatSelModal .ggMagTab .setBtn {
  justify-content: center;
  align-items: center;
}
.formatSelModal .ggMagTab .setBtn a {
  margin: 0 1rem;
  text-wrap: nowrap;
}
.formatSelModal .ggMagTab .setBtn a:hover {
  color: #0256FF;
}
.formatSelModal .ggMagTab input {
  background-color: #f5f5f5;
  border: 0.1rem solid #DDDDDD;
  border-radius: 0.6rem;
  padding: 0 1rem;
  height: 4rem;
  width: 6rem;
  text-align: center;
}
.formatSelModal .ggMagTab .text {
  max-width: 36rem;
}
.formatSelModal .formatAdd {
  width: 80rem;
}
.formatSelModal .formatAdd .ggMagTab table {
  border: 0.1rem solid #eee;
}
.formatSelModal .formatAdd .ggMagTab th {
  text-align: center;
}
.formatSelModal .formatAdd .ggMagTab td:first-child, .formatSelModal .formatAdd .ggMagTab th:first-child {
  text-align: left;
}
.formatSelModal .formatAdd .ggMagTab input {
  width: 20rem;
  text-align: left;
}
.formatSelModal .formatAdd .ggMagTab td {
  border-bottom: 0.1rem solid #eee;
  padding-top: 1rem;
  padding-bottom: 1rem;
}
.formatSelModal .formatAdd .ggMagTab .setBtn i {
  font-size: 2rem;
}

.orderPriModal .dialog {
  width: 31rem;
}
.orderPriModal .priInp {
  display: flex;
  align-items: center;
}
.orderPriModal span {
  text-wrap: nowrap;
  margin-right: 0.6rem;
}
.orderPriModal input {
  width: 100%;
  height: 4rem;
  background-color: #f5f5f5;
  padding: 0 1rem;
}

.codeModal .dialog {
  width: 30rem;
}

.integralRuleModal .dialog {
  width: 80rem;
}
.integralRuleModal .modal-body {
  padding: 4rem;
}
.integralRuleModal .tit h4 {
  margin: 0 1rem;
}

.tjrCodeModal .dialog {
  width: 30rem;
}
.tjrCodeModal .con {
  position: relative;
  width: 100%;
  background-color: #E7E8EB;
  border-radius: 2rem;
  padding: 1.5rem;
}
.tjrCodeModal .box {
  background-color: #fff;
  border-radius: 1.5rem;
  padding: 4rem 1.5rem;
}
.tjrCodeModal .code {
  text-align: center;
}
.tjrCodeModal .code img {
  display: inline-block;
  height: 12rem;
}
.tjrCodeModal .avatar {
  position: absolute;
  left: -1rem;
  top: -2.5rem;
  width: 8rem;
  height: 8rem;
  border-radius: 50%;
  border: 0.2rem solid #fff;
}
.tjrCodeModal .close {
  position: absolute;
  top: -6rem;
  right: 2rem;
  color: #fff;
  font-size: 3rem;
  line-height: 1;
}

@media (max-width: 750px) {
  .pc {
    display: none;
  }
  .mb {
    display: block;
  }
  /* html{font-size: calc(100vw / 75);} */
}/*# sourceMappingURL=style.css.map */