#app {
  width: 100%;
  height: 100%;
  background-color: #fff;
}

.header_top {
  with: 100%;
  margin: 0 auto;
  padding: 0;
  position: relative;
}

.header_top .swiper {
  width: 100%;
  max-width: 750px;
}

.details {
  margin-top: -10px;
  position: relative;
  z-index: 100 !important;
}

.details .deadline {
  width: 100%;
  height: 5rem;
  background-color: yellow;
  border-radius: 20px;
  overflow: hidden;
  display: flex;
  background-color: #fdf298;
}

.details .deadline .deadline_left {
  width: 60%;
  height: 5rem;
  background: #ff6014;
  -webkit-clip-path: polygon(0 0, 100% 0, 90% 100%, 0% 100%);
  clip-path: polygon(0 0, 100% 0, 90% 100%, 0% 100%);
  color: #fff;
}

.details .deadline .deadline_left .deadline_content {
  padding: 0.625rem;
  line-height: 1.25rem;
  font-size: 1rem;
  padding-left: 1.25rem;
}

.details .deadline .deadline_right {
  width: 40%;
  height: 5rem;
}

.details .deadline .deadline_right .right_countdown {
  height: 2.5rem;
  line-height: 2.5rem;
  display: flex;
  justify-content: center;
  align-items: center;
}

.details .deadline .deadline_right .right_countdown .countdowm_content {
  font-size: 0.875rem;
  margin-right: 0.3125rem;
  color: #e96044;
  font-weight: bolod;
}

.details .main {
  padding: 0.75rem;
  margin: 0 auto;
  margin-top: -2.5rem;
  border-radius: 20px;
  overflow: hidden;
  background-color: #fff;
  position: relative;
  z-index: 100;
  margin-bottom: 1.875rem;
}

.details .main .menu .price {
  height: 3.125rem;
  padding: 0.9375rem 0.625rem;
  background-color: #fff1f1;
  border-radius: 20px;
  overflow: hidden;
}

.details .main .menu .price .top {
  display: flex;
  width: 100%;
  height: 1.875rem;
  justify-content: space-between;
  align-items: center;
  margin-bottom: 0.3125rem;
  /* background-color: blue; */
}

.details .main .menu .price .top .top_price {
  line-height: 1.875rem;
  height: 100%;
  display: flex;
  justify-content: flex-start;
  align-items: center;
}

.details .main .menu .price .top .top_price .pre_price {
  text-decoration: line-through;
  color: #b1b1b1;
  font-size: 1.375rem;
  line-height: 1.875rem;
  margin-right: 0.3125rem;
}

.details .main .menu .price .top .top_price .price_tag {
  background-color: #ff6014;
  height: 1.875rem;
  align-items: end;
  line-height: normal;
  padding: 0 0.625rem;
}

.details .main .menu .price .top .top_price .price_tag .tag_content {
  font-size: 0.875rem;
}

.details .main .menu .price .top .top_price .price_tag .now_price {
  font-size: 1.375rem;
  margin-right: 0.3125rem;
}

.details .main .menu .price .top .top_sale {
  line-height: 2.1875rem;
  font-size: 1rem;
  color: #8b8786;
}

.details .main .menu .price .bottom {
  width: 100%;
  height: 0.9375rem;
  font-size: 0.75rem;
  line-height: 0.9375rem;
  color: #ff6014;
}

.details .main .menu .tetx_detalis {
  padding: 0.75rem 0;
}

.details .main .menu .tetx_detalis .text {
  font-size: 1rem;
  font-weight: bold;
  line-height: 1.5rem;
  font-family: '微软雅黑';
}

.details .main .menu .best {
  height: 1.5625rem;
  padding: 0.625rem;
  background-color: #fff5e8;
  border-radius: 10px;
  overflow: hidden;
}

.details .main .menu .best .best_tag {
  height: 1.5625rem;
  line-height: 1.5625rem;
  font-size: 0.875rem;
  background-color: #bc8856;
  margin-right: 0.3125rem;
}

.details .main .menu .best .best_title {
  font-size: 0.9375rem;
  line-height: 1.5625rem;
  color: #bc8856;
}
.details .main .specs {
  margin-top: 0.9375rem;
  background-color: #f7f7f7;
  border-radius: 0.3125rem;
}

.details .main .specs .specs_select .van-cell__title {
  display: flex;
  justify-content: flex-start;
}

.details .main .specs .specs_select .van-cell__title .custom-describe {
  max-width: 80%;
}

.details .main .specs .specs_grid {
  display: flex;
  width: 70%;
  margin: 0 auto;
  align-items: center;
}

.details .main .specs .specs_grid .grid_img {
  /* margin-right: 0.625rem; */
  width: 45%;
}
.details .main .specs .specs_grid .grid_img .van-grid-item__content {
  /* width: 50%; */
  padding: 0;
  background-color: #f7f7f7;
}

.details .main .specs .specs_grid .specs_grid_item_img {
  width: 1.875rem;
  height: 1.875rem;
}

.details .main .specs .specs_grid .grid_num {
  width: 45%;
  background-color: #f2f2f2;
  color: #7b7b7b;
  line-height: 1.875rem;
  height: 1.875rem;
  font-size: 0.875rem;
}

.details .main .comment {
  margin-top: 0.9375rem;
  background-color: #f7f7f7;
  border-radius: 0.3125rem;
  overflow: hidden;
}

.details .main .comment .comment_head .van-cell {
  font-size: 1.125rem;
  font-weight: 600;
  padding: 16px;
}

.details .main .comment .comment_body {
  padding: 0.625rem;
}

.details .main .comment .comment_advan {
  display: flex;
  justify-content: flex-start;
  align-items: center;
  flex-wrap: wrap;
}

.details .main .comment .comment_advan .box {
  margin-right: 0.625rem;
  margin-bottom: 0.9375rem;
}

.details .main .comment .comment_advan .van-button__text {
  color: #ff6014;
  font-size: 0.875rem;
}

.details .main .comment .content_item {
  margin-bottom: 0.625rem;
}

.details .main .comment .content_item .user {
  display: flex;
  justify-content: flex-start;
  align-items: center;
  margin-bottom: 0.5rem;
}

.details .main .comment .content_item .user .user_img {
  width: 1.5625rem;
  height: 1.5625rem;
  border-radius: 50%;
  overflow: hidden;
  margin-right: 0.625rem;
}

.details .main .comment .content_item .user .user_img img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.details .main .comment .content_item .user .user_name {
  font-size: 0.875rem;
  color: #212121;
  font-weight: 600;
}

.details .main .comment .content_item .comment_text {
  font-size: 0.875rem;
  color: #333333;
  line-height: 1.25rem;
  margin-bottom: 0.625rem;
}

.details .main .comment .content_item .commnet_img {
  margin-bottom: 0.625rem;
}

.details .main .comment .content_item .commnet_img div {
  width: 4.0625rem;
  height: 4.0625rem;
  overflow: hidden;
  border-radius: 0.3125rem;
}

.details .main .comment .content_item .commnet_img img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.details .main .comment .content_item .commnet_specs {
  font-size: 0.875rem;
  color: #acacac;
  margin-bottom: 0.375rem;
  width: 100%;
}

.details .main .picture_details {
  margin-top: 0.9375rem;
  background-color: #f7f7f7;
  border-radius: 0.3125rem;
}

.details .main .picture_details .details_title {
  padding: 1.125rem 0;
  font-size: 1rem;
  line-height: 1.25rem;
  text-align: center;
  color: #686868;
  letter-spacing: 0.0625rem;
}
.details .main .picture_details .details_title .content::before {
  content: '········';
}

.details .main .picture_details .details_title .content::after {
  content: '········';
}

.details .main .picture_details img {
  width: 100%;
  max-width: 750px;
  display: block;
  margin: 0;
  padding: 0;
}

.details .main .footer {
  text-align: center;
  font-size: 0.875rem;
  line-height: 1rem;
  padding: 1.25rem;
}

.details .main .footer a {
  color: #ff6f17;
  text-decoration: underline;
}

.guarantee_sheet .content {
  background-color: #f8f8f8;
  height: 18.75rem;
  padding: 0.3125rem;
  overflow: scroll;
  border-radius: 0.625rem;
}

.guarantee_sheet .content .content_cell {
  padding: 0.625rem;
}

.guarantee_sheet .content .content_cell .van-cell__left-icon {
  color: #f98a52;
}

.orderButton_text {
  font-size: 1.125rem;
  font-family: '微软雅黑';
}

.goods_sheet {
  background-color: #f7f7f9;
}

.goods_sheet .goods_title {
  display: flex;
  align-items: center;
}

.goods_sheet .goods_title .goods_title_img {
  width: 3.75rem;
  height: 3.75rem;
  border-radius: 5px;
  overflow: hidden;
}

.goods_sheet .goods_title .goods_title_price {
  display: flex;
  align-items: center;
  font-size: 1.5625rem;
}

.goods_sheet .goods_title .goods_title_price .price_tag {
  align-items: end;
  line-height: normal;
  padding-left: 0.625rem;
  padding-right: 0.625rem;
}

.goods_sheet .content {
  /* height: 31.25rem; */
  overflow: scroll;
  margin-bottom: 6.25rem;
}

.goods_sheet .content .van-cell {
  background-color: #fff;
  /* margin-bottom: 0.9375rem; */
}

.goods_sheet .content .address {
  background-color: #fff;
  margin-bottom: 0.9375rem;
  border-radius: 0.9375rem;
  overflow: hidden;
}

.goods_sheet .content .address .van-cell__title {
  display: flex;
  justify-content: flex-start;
  align-items: center;
}

.goods_sheet .content .address .title-icon {
  margin-right: 0.3125rem;
}

.goods_sheet .content .address .address_detail {
  color: #7b7b7b;
  font-size: 0.875rem;
}

.goods_sheet .content .goods_selected {
  background-color: #fff;
  margin-bottom: 0.9375rem;
  border-radius: 0.9375rem;
  overflow: hidden;
}

.goods_sheet .content .goods_selected .order_specs .order_specs_list {
  width: 90%;
  margin: 0 auto;
  border-radius: 0.625rem;
  overflow: hidden;
  margin-bottom: 0.3125rem;
}

.goods_sheet .content .goods_selected .order_specs .order_specs_list .van-cell {
  background-color: #f8f8f8;
  padding: 5px;
  align-items: center;
}

.goods_sheet
  .content
  .goods_selected
  .order_specs
  .order_specs_list
  .van-cell__title {
  flex: 5;
}
.goods_sheet .content .goods_selected .order_specs .order_specs_title {
  display: flex;
  align-items: center;
}

.goods_sheet .content .goods_selected .order_specs .order_specs_title .pic {
  width: 1.875rem;
  height: 1.875rem;
  margin-right: 0.625rem;
}

.goods_sheet .content .goods_selected .order_specs .order_specs_title .text {
  color: #4d4d4d;
  font-size: 0.875rem;
}

.goods_sheet .content .goods_selected .order_specs .order_specs_grid {
  margin-bottom: 0.3125rem;
  color: #7b7b7b;
}
.goods_sheet .content .carriage {
  background-color: #fff;
  margin-bottom: 0.9375rem;
  border-radius: 0.9375rem;
  overflow: hidden;
}

.goods_sheet .goods_bottom {
  height: 70px;
  flex-wrap: wrap;
  padding: 0.3125rem 0;
}

.goods_sheet .goods_bottom .van-cell {
  background-color: #fff;
  padding: 0.3125rem;
}

.goods_sheet .goods_bottom .van-cell .van-cell__title {
  -webkit-box-flex: 2;
  -webkit-flex: 2;
  flex: 2;
}

.couponDetail_sheet .content {
  height: 15rem;
  overflow: scroll;
  margin-bottom: 2.5rem;
}

.couponDetail_sheet .content .box {
  border-radius: 10px;
  overflow: hidden;
}

.couponDetail_sheet .couponDetail_bottom {
  height: 70px;
  flex-wrap: wrap;
  padding: 0.3125rem 0;
}

.couponDetail_sheet .couponDetail_bottom .van-cell {
  background-color: #fff;
  padding: 0.3125rem;
}

.couponDetail_sheet .couponDetail_bottom .van-cell .van-cell__title {
  -webkit-box-flex: 2;
  -webkit-flex: 2;
  flex: 2;
}