body {
  background: #f6f6f6;
}

p {
  margin: 0;
}

h3,
h4,
h5 {
  font-size: 16px;
  font-weight: 400;
}

a,
a:hover,
a:active,
a:visited {
  color: #333;
  text-decoration: none;
  outline: 0;
}

/* setting */
.y-right {
  text-align: right;
}

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

.y-float {
  float: right;
}

.y-mt-10 {
  margin-top: 10px;
}

.y-full {
  display: block;
  width: 100%;
  margin: 0 auto;
}

.y-sm {
  font-size: 14px;
}

.y-md {
  font-size: 20px;
}

.y-cblue {
  color: #4683cc;
}

.y-cred {
  color: #fc3c3d !important;
}

.y-corg {
  color: #ff9853;
}


.y-cwhite {
  color: #fff;
}

.y-bgred {
  background: #fc3c3d;
}

.y-cgreen {
  color: #07C160;
}

.y-cgray {
  color: #999;
}

.y-entry {
  font-size: 14px;
}

.y-entry p {
  margin: 0 0 5px;
}

.y-toast {
  padding: 10px;
  background: #cfdbf8;
}

.y-action {
  padding: 0 10px 10px;
}

.y-btn_gray {
  background: #b9b9b9;
}

.van-stepper__plus,
.y-btn_red,
a.y-btn_red {
  border-radius: 6px;
  border: none;
  background: linear-gradient(45deg, #ff9853, #ff5c1c);
  color: #fff;
}

.y-btn_red:before {
  display: none;
}

.y-hide {
  display: none;
}

/* common */
.yy-header .van-nav-bar__title,
.yy-header .van-icon {
  color: #fff;
}

.yy-header-link {
  display: inline-block;
  width: 30px;
  height: 30px;
  line-height: 30px;
  border-radius: 100px;
  background: #C63E2F;
}

.yy-header .van-nav-bar {
  z-index: 2;
  background: #fc3c3d;
}

.yy-tabbar .van-tabbar-item--active {
  color: #fc3c3d;
}

.yy-main {
  padding: 46px 0 50px;
}

.y-icon {
  display: inline-block;
  vertical-align: middle;
}

.icon-flag {
  width: 10px;
  height: 20px;
  margin-right: 10px;
  background: url(../img/icon/flag.png) no-repeat 0 0 / cover;
}

/* index */
.mb-banner {
  background: #fff url(../img/bg/banner.jpg) no-repeat 50% 0 / 100% auto;
}

.mb-swiper {
  padding: 0 10px;
}

.mb-swiper img {
  border-radius: 6px;
}

.mb-grids .van-grid-item__icon img {
  display: block;
  height: 50px;
  margin: 0 auto;
}

.mb-grids .van-grid-item__text {
  font-size: 14px;
}

.bk-ag {
  padding: 0 10px;
  background: #fff;
}

.mb-box-products .mb-box-hd {
  padding: 20px 10px;
  background: #fff;
}

.mb-box-products .mb-box-hd img {
  width: 240px;
}

.bk-card.van-card {
  margin: 10px;
  padding: 10px;
  border-radius: 6px;
  background: #fff;
}

.bk-card .van-card__title {
  margin: 0 0 10px;
  line-height: 20px;
  max-height: 40px;
  font-size: 16px;
  font-weight: 400;
}

.bk-card .van-card__price {
  line-height: 30px;
  font-size: 16px;
}

.bk-card .van-card__label {
  margin: 0 0 10px;
}

.bk-card .van-tag {
  margin: 0 5px 0 0;
  border: none;
  background: #fff7f2;
  color: #ff9853;
}

.mb-empty {
  padding: 50px 0;
  background: #fff;
}

.mb-empty .van-icon {
  font-size: 4rem;
  color: #ccc;
}

.mb-empty p {
  margin: 10px 0 0;
}

.mb-user {
  padding: 10px 10px 0;
  background: linear-gradient(180deg, #fc3c3d 100px, #f6f6f6 10px);
}

.bk-user {
  border-radius: 6px;
  background: #fff;
  overflow: hidden;
}

.bk-user .mb-grids .van-icon {
  font-size: 20px;
  line-height: 28px;
}

.bk-box .mb-grids .van-icon {
  font-size: 20px;
  line-height: 28px;
}

.bk-box .mb-grids .van-grid-item__icon img {
  height: 30px;
}

.bk-user .mb-grids span {
  font-size: 12px;
}

.mb-user {
  position: relative;
}

.bk-sign {
  position: absolute;
  right: 0px;
  top: 60px;
}

.bk-sign .van-button {
  border-right: none;
  border-radius: 100px 0 0 100px;
}

.bk-sign .van-button .van-icon {
  line-height: 20px;
  width: 20px;
  padding: 4px;
  margin: 6px 0 0;
  background: #fc3c3d;
  color: #fff;
  border-radius: 100px;
}

.mb-user-hd {
  padding: 10px 10px 0;
}

.mb-user-hd h4 {
  margin: 10px 0 5px;
}

.mb-user-hd p {
  margin: 0;
}

.bk-box {
  margin: 10px;
  border-radius: 6px;
  background: #fff;
  overflow: hidden;
}

.mb-search .van-search {
  background: #fc3c3d;
}

.mb-tabs .van-tabs__nav a {
  border-radius: 100px;
  padding: 3px 10px;
}

.mb-goods {
  padding: 10px 5px;
}

.mb-goods-item {
  margin: 5px;
  border-radius: 6px;
  background: #fff;
  overflow: hidden;
}

.mb-goods-link {
  display: block;
}

.mb-goods-bd {
  margin: 10px;
  display: -webkit-box;
  overflow: hidden;
  text-overflow: ellipsis;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
}

.mb-goods-ft {
  height: 60px;
  padding: 0 10px 10px;
  overflow: hidden;
}

.mb-goods-item .y-btn_red {
  min-width: 30px;
  width: 30px;
  height: 30px;
  line-height: 30px;
  padding: 0;
  overflow: hidden;
  border-radius: 100px;
}

.mb-goods-title {
  padding: 10px;
}

/* cart */
.mb-cart .card-goods__item {
  margin: 10px;
  padding: 0 0 0 10px;
  border-radius: 6px;
  background: #fff;
}

.mb-cart .van-card {
  padding: 0;
  background: #fff;
}

.mb-cart .van-checkbox__label {
  width: 100%;
}

.mb-cart .van-submit-bar__bar {
  padding: 0 0 0 10px;
}

.goods-cell-group {
  margin: 10px 0 0;
}

.mb-product .van-goods-action {
  z-index: 10;
}

.mb-product .goods-title {
  margin: 5px 0;
  font-size: 18px;
}

/* msg */
.bk-msg .van-cell__left-icon {
  width: 70px;
}

/* pop */
.mb-user-pop {
  background: #fff;
}

.bk-user-pop-hd {
  padding: 20px 0 40px;
  text-align: center;
  color: #fff;
  background: url(../img/bg/user.png) no-repeat 50% 100% / 100% auto;
}

.bk-user-pop-hd h4 {
  margin: 10px 0 0;
}

.bk-user-pop img {
  width: 100px;
}

.bk-pop-tabs .van-tab span {
  display: inline-block;
}

.bk-pop-tabs .van-tab--active span {
  border-bottom: 2px solid #fc3c3d;
}

/* order */
.bk-order-item {
  margin: 10px;
  border-radius: 6px;
  overflow: hidden;
}

.bk-order-item .van-card {
  background: #fff;
}

.bk-title {
  padding: 0 10px;
}

.bk-title h4 {
  margin: 0;
}


.flex-2 {
  flex: 2;
}

/* form */
.mb-form {}

.mb-form .van-cell-group {
  padding: 10px;
}

.bk-action {
  margin: 20px 10px;
}

.bk-action .van-col {
  padding: 0 5px;
}

/* share */
.mb-share {
  background: #fff url(../img/bg/share.png) no-repeat 50% -50px / 100% auto;
}

.mb-share-hd {
  padding: 180px 0 20px;
}

.bk-qrcode {
  width: 200px;
  height: 200px;
  margin: 0 auto;
  padding: 20px 30px;
  background: url(../img/bg/qr.png) no-repeat 50% 50% / 100% auto;
}

.bk-qrcode img {
  width: 200px;
  height: 200px;
  background: #fff;
}

.mb-share-bd {
  padding: 0 40px 40px;
}

.mb-share-bd .ipt {
  margin: 10px 0;
}

.mb-share-bd .ipt input {
  display: block;
  width: 100%;
  border: 2px solid #eee;
  border-radius: 100px;
  text-align: center;
}

.mb-share-bd button {
  display: block;
  width: 100%;
}

/* account */
.mb-talk {
  padding: 15px;
}

.bk-talk {
  margin: 0 0 30px;
}

.bk-talk-hd time {
  display: inline-block;
  padding: 5px 10px;
  background: #b9b9b9;
  color: #fff;
  font-size: 14px;
}

.bk-talk_content {
  position: relative;
  display: block;
  margin: 10px 0 0;
  padding: 15px;
  background: #fff;
  border-radius: 0 6px 6px 6px;
}

.bk-talk-bd {
  margin: 20px 0 0;
}

.bk-talk-bd h5 {
  margin: 0;
}

.bk-talk_content h4 {
  margin: 0 0 10px;
}

.bk-talk_avatar {
  width: 36px;
  margin: 0 10px 0 0;
}

.bk-talk_avatar img {
  border-radius: 100px;
}

.bk-talk_content .intor {
  font-size: 14px;
  color: #999;
}

.bk-talk_content:before {
  position: absolute;
  left: -10px;
  top: 0;
  content: '';
  width: 0;
  height: 0;
  border-top: 10px solid #fff;
  border-left: 10px solid transparent;
}

.yy-header .yy-nav-bar {
  background: #fff;
}

.yy-header .yy-nav-bar .van-tabs__nav--line {
  padding: 0;
}

.yy-header .yy-nav-bar .van-tab--active a {
  color: #fc3c3d;
}

.yy-header .yy-nav-bar .van-icon {
  color: #333;
}

/* comments */
.mb-comm {
  background: #fff;
}

.mb-comm-hd .van-cell:after {
  display: none;
}

.bk-tags {
  padding: 0 10px 10px;
}

.y-tag {
  padding: 5px 0;
  margin: 5px;
  border-radius: 100px;
  background: #FFF0F0;
  color: #fc3c3d;
  font-size: 14px;
  text-align: center;
}

.bk-media {
  padding: 10px 15px;
  display: flex;
}

.bk-media-cover {
  width: 60px;
  margin-right: 10px;
}

.bk-media-content h5 {
  margin: 0;
}

.bk-media-content .intor {
  margin: 15px 0 0;
  font-size: 14px;
}

.bk-media-content .photos {
  margin: 15px 0 0;
}

.bk-media-content {
  flex: 1;
}

.mb-comm-ft .van-cell:after {
  display: none;
}

.mb-comm-ft .van-cell__left-icon {
  padding: 0 5px;
  border-radius: 6px;
  font-size: 12px;
  color: #ff5c1c;
  background: #FFF0F0;
}

.mb-shop {
  margin: 10px 0 0;
  padding: 10px;
  background: #fff;
}

.mb-shop-bd {
  padding: 20px 0 10px;
}

.mb-shop-ft {
  padding: 10px 0;
}

.mb-shop-intor {
  margin-left: 10px;
}

.mb-shop-intor h5 {
  margin: 0;
}

.mb-shop-intor small {
  font-size: 12px;
}

.y-round {
  border-radius: 300px;
}

.y-border {
  border-radius: 6px;
}