#app {
     font-family: Avenir, Helvetica, Arial, sans-serif;
     -webkit-font-smoothing: antialiased;
     -moz-osx-font-smoothing: grayscale;
     color: #2c3e50;
     font-size: 12px;
 }

 img {
     display: block;
 }

 .content-box {
     background-color: #f2f6f9
 }

 .breadcrumb {
     display: flex;
     align-items: center;
     padding: 9px 11px;
     background: #f7f8fa;
     font-size: 12px
 }

 .breadcrumb .breadcrumb-item a {
     color: #999;
     text-decoration: none
 }

 .breadcrumb .breadcrumb-item.current {
     color: #0f0f0f
 }

 .breadcrumb .breadcrumb-separator {
     margin: 0 2px;
     color: #999
 }

 .box-con {
     padding: 12px 13px 0
 }

 .box1 {
     background: #fff;
     border-radius: 5px;
     padding: 17px 15px 29px;
     display: flex
 }
 
 .box1 .page-info {
    margin-top: 10px;
	text-align: center;
}

 .box1 .box1-left {
     margin-right: 9px
 }

 .box1 .box1-left img {
     width: 60px;
     height: 60px
 }

 .box1 .box1-right {
     color: #333;
     font-size: 14px;
     display: flex;
     flex-direction: column;
     justify-content: space-between
 }
 
 .box1 .box1-right .top-box-logo { 
  width: 100%;
  margin-top: 20px;
  display: flex;
  flex-wrap: nowrap;
  justify-content: center;
  gap: 2px;
}

 .box1 .box1-right div {
     display: -webkit-box;
     -webkit-box-orient: vertical;
     overflow: hidden
 }

.box3 .stats-info {
    min-width: 100px;
    line-height: 30px;
    text-align: center;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    color: #999;
    margin: 0 5px;
    flex-shrink: 0;
    padding: 0 10px
}

 .box2 {
     background: #fff;
     border-radius: 5px;
     padding: 15px 15px 0;
     margin-top: 10px
 }

 .box2 .box2-list .box2-item {
     margin-top: 16px
 }

 .box2 .box2-list .box2-item .box2-item-title {
     color: #333;
     font-size: 16px
 }

 .box2 .box2-list .box2-item .box2-item-text {
     color: #0f0f0f;
     font-size: 12px;
     margin-top: 14px
 }

 .box2 .box2-list .box2-item .box2-item-footer {
     display: flex;
     align-items: center;
     margin-top: 13px
 }

 .box2 .box2-list .box2-item .box2-item-footer .box2-item-btn {
     background: #fd742d;
     width: 60px;
     height: 20px;
     line-height: 20px;
     text-align: center;
     color: #fff;
     font-size: 12px
 }

 .box2 .box2-list .box2-item .box2-item-footer .zhan {
     margin: 0 10px;
     height: 10px;
     width: 1px;
     background: #ccc
 }

 .box2 .box2-list .box2-item .box2-item-footer .box2-item-txt {
     font-size: 12px;
     color: #666
 }

 .box2 .box2-list .box2-item .box2-line {
     background: #f5f5f5;
     margin-top: 16px;
     height: 1px
 }

 .box2 .box2-more {
     width: 130px;
     height: 30px;
     background: #000;
     display: flex;
     align-items: center;
     justify-content: center;
     font-size: 12px;
     color: #fffefe;
     margin: 15px auto 0
 }

 .box2 .box2-more img {
     width: 4px;
     height: 10px;
     margin-left: 6px
 }

 .box2 .input-title {
     color: #999;
     font-size: 12px;
     margin-top: 20px
 }

 .box2 .box2-input {
     margin-top: 15px
 }

 .box2 .box2-input .box2-label {
     display: flex;
     align-items: center;
     font-size: 12px;
     color: #666
 }

 .box2 .box2-input .box2-field {
     border: 1px solid #dcdfe6;
     margin-top: 10px;
     height: 25px;
     line-height: 25px;
     font-size: 12px
 }

 .box2 .box2-input .box2-field /deep/ .van-cell {
     padding: 0;
     font-size: 12px
 }

 .box2 .box2-input .box2-input-box {
     padding-right: 12px;
     border: 1px solid #dcdfe6;
     height: 25px;
     margin-top: 10px
 }

 .box2 .box2-input .box2-input-box input {
     border: none;
     outline: none;
     background: transparent;
     width: 100%;
     height: 100%;
     padding: 0 10px
 }

 .box2 .box2-input .box2-textarea {
     padding-right: 12px;
     border: 1px solid #dcdfe6;
     margin-top: 11px;
     height: 80px
 }

 .box2 .box2-input .box2-textarea input {
     border: none;
     outline: none;
     background: transparent;
     width: 100%;
     height: 100%
 }

 .box2 .box2-rela {
     color: #333;
     font-size: 16px;
     margin-top: 19px
 }

 .box2 .box2-re .box2-re-item {
     margin-top: 17px
 }

 .box2 .box2-re .box2-re-item .box2-re-top {
     display: flex;
     align-items: center;
     color: #999;
     font-size: 10px
 }

 .box2 .box2-re .box2-re-item .box2-re-top img {
     margin-right: 2px;
     width: 10px;
     height: 9px
 }

 .box2 .box2-re .box2-re-item .box2-text {
     color: #999;
     font-size: 12px;
     margin-top: 13px
 }

 .box2 .box2-re .box2-re-item .zhan {
     background: #f5f5f5;
     margin-top: 13px;
     height: 1px
 }

 .box2 .box2-pro {
     text-align: center;
     color: #e86710;
     font-size: 16px;
     font-weight: 600;
     margin-top: 17px
 }

 .box2 .goods-list {
     display: flex;
     justify-content: space-between;
     flex-wrap: wrap;
     margin-top: 10px;
     margin-bottom: 25px
 }

 .box2 .goods-list .goods-item {
     margin-top: 24px
 }

 .box2 .goods-list2 {
     margin-top: 0
 }

 .box2 .box2-title {
     display: flex;
     align-items: center;
     justify-content: space-between;
     padding: 10px 10px
 }

 .box2 .box2-title .title {
     font-size: 16px;
     color: #333
 }

 .box2 .box2-title .text {
     color: #666;
     font-size: 12px
 }