body {
  background: #fff;
  /**/
}

.padding-bottom {
  padding-bottom: 44px;
}

.main {
  overflow: hidden;
}

.bgF6 {
  background: #f6f6f6;
}

.Arial {
  font-family: Arial;
}

.dongqing {
  font-family: "Hiragino Sans GB";
}

.color333 {
  color: #333;
}

.colorAAA {
  color: #aaa;
}

.colorUGO {
  color: #FF7C77;
}

section {
  background: #fff;
}

.head-img-text {
  background: #f6f6f6;
  padding: 0 0 1.3%;
}

/* 标题 & 描述 */
.head-img-text .articles {
  background: #fff;
}

.head-img-text .articles h2 {
  font-size: 1.5em;
}

.articles h2 {
  color: #333;
  font-size: 1.2em;
  line-height: 1em;
  padding: 10.6% 5.3% 9.3%;
  font-family: "PingFangSC-Regular";
}

.articles span {
  line-height: 1em;
  font-size: 1em;
}

.articles p {
  color: #666;
  font-size: 1.083em;
  line-height: 1.8;
  padding: 0 5.3% 9.3%;
}

.articles .short-line {
  height: 2px;
  width: 10px;
  position: absolute;
  left: 50%;
  margin: 0 0 0 -5px;
  top: 152%;
  background: #000;
}
/* 内容模块 */
.context-md{
  width:93.6%;
  margin: 0 auto;
  background: rgba(255, 255, 255, 0.95);
  border-radius: .213rem;
  padding: .427rem .32rem;
  box-sizing: border-box;
  margin-bottom: 3%;
}
.context-md h3{
  height: .64rem;
  line-height: .64rem;
  font-size: .48rem;
  text-align: center;
  font-family: PingFangSC-Semibold, PingFang SC;
  font-weight: 800;
  color: #333333;
}
.context-md h3 span{
  position: relative;
}
.context-md h3 span::before,
.context-md h3 span::after{
  position: absolute;
  z-index: 1;
  width:.213rem;
  top:50%;
  transform: translate(0,-50%);
  background: #333;
  height: 2px;
  content: "";
}
.context-md h3 span::after{
  left:-.48rem;
}
.context-md h3 span::before{
  right: -.48rem;
}
.context-md h3+article{
  margin-top: .427rem;
}
.context-md article{
  /* padding-top: .32rem; */
  font-size: .427rem;
  font-family: PingFangSC-Regular, PingFang SC;
  font-weight: 400;
  color: #333333;
  line-height: .587rem;
}
.context-md article p+p{
  margin-top: .587rem;
}
/* title bar */
footer,
.title-box {
  height: 3.231em;
  height: 50px;
  line-height: 3.231em;
  line-height: 50px;
  text-align: center;
  background: #e8e8e8;
  color: #333;
  box-sizing: content-box;
  padding: 0 5.3%;
}

.title-box h2 {
  font-size: 1.083em;
  font-size: 15px;
  overflow: hidden;
}

.title-box .square {
  width: 3px;
  height: 3px;
  border-width: 1px;
  border-style: solid;
  border-color: #333;
  position: absolute;
  top: 50%;
  margin: -2.5px 0 0;
  transform: rotate(45deg);
  transform-origin: center center;
}

.title-box .square:nth-of-type(2) {
  left: -20px;
}

.title-box .square:last-child {
  right: -20px;

}

.title-box .sline {
  width: 60px;
  height: 1px;
  background: #333;
  position: absolute;
  top: 50%;
  margin: -.5px 0 0;
}

.title-box .sline:first-child {
  left: -79px;
}

.title-box .sline:nth-of-type(3) {
  right: -79px;
}

.title-box-alignL {
  text-align: left;
}

.title-box-alignR {
  text-align: right;
}

.no-decorate span,
.title-box-alignL span,
.title-box-alignR span {
  display: none;
}

/* odd-even 奇偶排序 */
.new-online {
  margin: 0 1.3% 1.3%;
  background: #fff
}

.new-online:first-child {
  margin-top: 1.3%;
}

.box-online {
  margin: 0 2.8% 0%;
  padding: 4% 0;
  overflow: hidden;
}

.box-online .pic280 {
  width: 41.79%;
  float: left;
}

.ico {
  width: 50px;
  height: 50px;
  position: absolute;
  left: 50%;
  top: 50%;
  margin: -25px 0 0 -25px;
  line-height: 50px;
  font-size: 14px;
}

.promotion_con .tv_icon_s,
.box-online .tv_icon_s {
  width: 50px;
  height: 50px;
  position: absolute;
  left: 50%;
  top: 50%;
  margin: -25px 0 0 -25px;
}

.no_icon {
  background-color: rgba(0, 0, 0, 0.5);
  border-radius: 50%;
  color: #fff;
  content: "";
  display: block;
  font-size: 14px;
  line-height: 50px;
  text-align: center;
  z-index: 1;
}

.box-online .txtArea {
  padding: 1.083em 0 0;
  padding: 1.5% 0 0;
  padding: 0;
  width: 56.2%;
  width: 53.7%;
  font-size: .917em;
  float: right;
}

.box-online .txtArea .dongqing {
  font-family: "Hiragino Sans GB", 'hiraginosansgb w3', 'Helvetica Neue', Helvetica, 'microsoft yahei', Arial, sans-serif;
}

.box-online .pro_lt {
  left: 2.8%;
}

.odd .new-online:nth-child(2n) .pic280 {
  float: right;
}

.odd .new-online:nth-child(2n) .txtArea {
  float: left;
  text-align: right;
}

.odd .new-online:nth-child(2n) .pro_lt {
  right: 2.8%;
  left: inherit;
}

/* new online 偶行右对齐 */
/*.odd .pic280{
    float: right;
}
.odd .txtArea{
    float: left;
    text-align: right;
}
.odd .pro_lt{
    right: 2.8%;
    left: inherit;
}*/

.box-online .txt-describe {
  height: 7.8em;
}

.pro_bg .btn-order-out,
.pro_bg .btn-order,
.pro_bg .btn-warn,
.box-online .btn-order-out,
.box-online .btn-order {
  width: 55%;
  height: 2em;
  line-height: 2em;
  color: #fff;
  background: #FF504A;
  text-align: center;
  border: 0;
  border-radius: 3px;
}

.box-online .btn-order-out {
  background: #E2E2E2;
}

.box-online .txtArea h4,
.box-online .txtArea h3 {
  font-size: 1.167em;
  line-height: 1.57em;
  height: 3.14em;
  font-weight: normal;
  margin-bottom: .59em;
  color: #222;
  display: block;
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
}

.box-online .txtArea h4 {
  font-size: 14px;
  height: 2.8em;
  line-height: 1.4em;
  color: #999;
}

.box-online .txtArea span {
  line-height: 1.41em;
  margin-bottom: 6.25%;
  font-size: 14px;
}

.box-online .txtArea p {
  line-height: 1.41em;
  color: #777;
  margin-bottom: 6.25%;
  color: #FF6661;
}

.box-online .txtArea {
  color: #777;
}

.box-online .txtArea i {
  font-size: 1.2em;
}

.txtArea .addPriceText .single {
  display: none;
}

.txtArea .addPriceText .i {
  font-weight: bold;
  font-size: 1.2em;
}

.txtArea .addPriceText .textBox {
  color: #ff6661;
}

.txtArea .addPriceText .normalDayPrice {
  display: inline;
}

.txtArea .addPriceText .normalDayPrice .normalDayPriceText {
  display: none;
}

.price {
  font-size: .917em;
  color: #999;
  padding-bottom: 2.6%;
  font-size: 13px;
}

/*best single*/
.pro_bg {
  padding: 1%;
  overflow: hidden;
  /*background-color: #62EFFF;*/
}

.pro_bg li {
  width: 50%;
  float: left;
  box-sizing: border-box;
  /*border-bottom: 1px solid #F6F6F6;*/
}

.pro_bg li a {
  margin: 1.3%;
  display: block;
  background: #fff;
}

.pro_bg .btn-order-out,
.pro_bg .btn-order,
.pro_bg .btn-warn {
  width: 91.6%;
  margin: 0 4.2% 5.35%;
}

.pro_bg .btn-order-out {
  background: #e2e2e2;
}

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

.center-align .pro_bg .btn-order-out,
.center-align .pro_bg .btn-order {
  width: 55%;
  margin: 0 2.2.5% 5.35%;
}

.promotion_con {
  position: relative;
}

.promotion_con .pro_lt {
  left: 2.8%;
}

.pro_lt {
  position: absolute;
  top: 2.8%;
  width: 28%;
}

.promotion_con .tv_icon_s {
  width: 50px;
  height: 50px;
}

.pro_no {
  position: absolute;
  left: 50%;
  top: 50%;
  width: 50px;
  height: 50px;
  line-height: 50px;
  text-align: center;
  margin-top: -25px;
  margin-left: -25px;
  color: #fff;
  font-size: 14px;
  background-color: rgba(0, 0, 0, .5);
  border-radius: 50%;
  z-index: 3
}

.promotion_temp {
  padding: 8.3% 6.9% 8.3%;
  overflow: hidden;
}

.promotion_price {
  padding-top: 4.7%;
  overflow: hidden;
  font-size: 13px;
  height: 18px;
}

.promotion_tit {
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  height: 2.833em;
  line-height: 1.415em;
  color: #777;
  font-size: 14px;
  height: 36px;
  line-height: 18px;
}

.addPriceText .promotion_price_lt {
  color: #ff6661;
}

.addPriceText .promotion_price_lt i {
  font-weight: bold;
}

.addPriceText .promotion_price_rt {
  display: none;
}

.addPriceText .normalDayPrice {
  display: inline;
}

.addPriceText .normalDayPrice .normalDayPriceText {
  display: none;
}

/* flag country*/
/*.promotion_tit img {
    width: 1.67em;
    height: 1.167em;
    margin-right: .417em;
}*/

.promotion_price_lt {
  color: #333;
  font-size: 14px;
  margin-right: .208em;
  vertical-align: sub;
}

.promotion_price_lt i {
  /*font-size: 1.167em;*/
  vertical-align: baseline;
}

.promotion_price_rt {
  color: #999;
  font-size: 1em;
  padding-top: .15em;
  vertical-align: middle;
}

.promotion_price_rt i {
  color: #999;
  vertical-align: middle;
  /*font-size: .91em;*/
}

/*左上角*/
.pro_lt_zi {
  padding: 0 .2em;
  position: absolute;
  top: 2.8%;
  left: 2.8%;
  background: #BADEEF;
  text-align: center;
  color: #fff;
  font-size: 1em;
  display: block;
  height: 1.5em;
  line-height: 1.5;
}

/*左下角*/
/*左下角*/
.promotion-icon-rt {
  position: absolute;
  left: 2.8%;
  bottom: 2.8%;
}

.promotion-icon-rt .i_tv_red {
  padding: 0 .2em;
  float: left;
  background: rgba(255, 255, 255, .9);
  border: .1em solid #ff7c77;
  text-align: center;
  color: #ff7c77;
  font-size: .91em;
  display: block;
  height: 1.33em;
  line-height: 1.32;
}

/*3.6APP-相关推荐 一行三图*/
.special_list {
  background: #FFF;
  padding: 0 0 3%;
}

.piclist-3-6 li {
  width: 30.6%;
  box-sizing: border-box;
  padding: 0 2% 1.083em 2%;
  float: left;
  display: inline-block;
}

.piclist-3-6 {
  width: 100%;
  box-sizing: border-box;
  margin: 0 4%;
  padding-top: .833em;
}

.special_list_txt {
  padding-top: 7%;
  line-height: 1.333em;
  text-align: center;
  border-top: 1px solid #eee;
  margin: 0 5.3%;
}

.recommend .special_list:first-child .special_list_txt {
  border: 0;
}

.special_list_txt p.sl_tt {
  font-family: "PingFangSC-Regular";
  color: #333;
  font-size: 1em;
  font-size: 17px;
  font-weight: 600;
  position: relative;
}

.special_list_txt p.sl_tt span {
  padding-right: 5.8%;
}

/*.special_list_txt p.sl_tt span.flg_icon{
    width: 5%;
    position: absolute;
    line-height: 1em;
    padding: 0 0 0 0.8%;
}*/
.special_list_txt p.sl_lt {
  font-size: .833em;
  font-size: 14px;
  margin: 2% 2.6% 0;
  color: #999;
}

.special_list_info {
  text-align: right;
  padding: 0 2.5% 4.6%;
  color: #999;
  font-size: .667em;
}

.special_list_info i {
  font-family: arial;
}

.special_list_info span.line {
  margin: 0 1.5%;
}

.special_list_pic {
  margin-top: 3%;
}

.special_explain {
  text-align: center;
  padding: .833em 0 1em;
  color: #999;
  font-size: .833em;
}

/* 690x368 figure one product in row*/
.figure-text {
  background: #fff;
}

.figure-text figure {
  border-top: 1px dashed #ddd;
}

.figure-text figure:first-child {
  border: 0;
}

figure {
  width: 94.6%;
  margin: 0 auto;
  box-sizing: content-box;
}

figure p {
  font-size: 1.167em;
  line-height: 1em;
  padding: 4% 0;
}

figure a {
  display: block;
  padding: 4% 1.4% 0;
}

.only-figure figure:last-child a {
  padding: 4% 1.4%;
}

/* page end */
footer {
  // background: #F6F6F6;
  // color:#A6A6A6;
  background: none;
  color: #C5C5C5;
}

footer .sline {
  width: 20px;
  height: 1px;
  background: #C5C5C5;
  position: absolute;
  top: 50%;
  margin: -.5px 0 0;
}

footer .sline:first-child {
  left: -25px;
}

footer .sline:nth-of-type(2) {
  right: -25px;
}

/* 赞 和 分享操作 */
.option-comment-box {
  padding: 0 4.3%;
  background: #FFF;
}

.option-comment {
  padding: 6.5% 0;
  width: 97.4%;
  width: 100%;
  text-align: center;
  border-top: 1px dashed #dfdfdf;
  /* margin:0 1.3%; */
  font-size: 14px;
  color: #999;
}

.option-comment .opt-item {
  width: 32.8%;
  display: inline-block;
}

.opt-item .icon {
  width: 40px;
  height: 40px;
  display: block;
  margin: 0 auto;
}

.opt-item a {
  color: #999;
}

.opt-item p {
  padding: 2.6% 0 0;
}

.opt-item .btn-praise {
  background: url(../../images/3.6/icon-praise-gray.png);
  background-size: 100%;
}

.opt-item.opt-praised {
  color: #FF7C77;
}

.opt-item.opt-praised .btn-praise {
  background: url(../../images/3.6/icon-praise-red.png);
  background-size: 100%;
}

.opt-item .btn-share {
  background: url(../../images/3.6/icon-share-big.png);
  background-size: 100%;
}

/* 留言 */
.message {
  padding: 6.6% 0% 5.3%;
  font-size: 14px;
  color: #333;
  background: #fff;
  /*margin:3.7% 0 0;*/
  border-bottom: 10px solid #f6f6f6;
  border-top: 10px solid #f6f6f6;
}

.message .msg-top {
  /*padding-bottom: 26px;*/
  overflow: hidden;
  margin: 0 4%;
}

.message .meg-block {
  border-bottom: 1px solid #eee;
  margin-bottom: 18px;
  margin: 0 4%;
  padding-top: 5.3%;
}

.message .meg-block:last-child {
  border: 0;
  /*margin:0;*/
}

.message .btn-msg {
  width: 60px;
  font-size: 12px;
  line-height: 16px;
  float: right;
  text-align: right;
}

.message .btn-msg .ico-w {
  width: 16px;
  height: 16px;
  display: block;
  background: url(../../images/3.6/icon-write.png);
  background-size: 100% 100%;
  float: left;
}

.message .portrait {
  width: 34px;
  float: left;
  border-radius: 18px;
  overflow: hidden;
}

.message .msg-main {
  margin-left: 45px;
}

.msg-main article {
  padding-bottom: 18px;
}

.message .user-info {
  color: #999;
  line-height: 34px;
}

.message .user-name {
  color: #333;
}

.message .user-praise {
  float: right;
  font-family: Arial;
}

.message .opt-praised .ico-hand,
.message .ico-hand {
  width: 14px;
  height: 14px;
  background: url(../../images/3.6/icon-hand-gray.png);
  background-size: 100%;
  float: right;
  margin: 8px 0 0 5px;
}

.message .opt-praised {
  color: #FF7C77;
}

.message .opt-praised .ico-hand {
  background: url(../../images/3.6/icon-hand-red.png);
  background-size: 100%;
}

.message .user-comment {
  padding: 9px 0 6px;
  line-height: 1.57;
}

.message .user-time {
  height: 12px;
  color: #ccc;
  line-height: 12px;
  font-family: Arial;
}

.message .editer {
  background: #fafafa;
  padding: 13px 9px 11px 22px;
  margin: 5px 0 20px;
  position: relative;
}

.message .editer-name {
  color: #FF7C77;
}

.message .editer-name:before {
  position: absolute;
  content: "";
  width: 2px;
  height: 14px;
  background: #FF7C77;
  left: 15px;
  top: 16px;
}

.message .editer-reply {
  line-height: 1.53;
  /*font-weight: bold;*/
  padding: 7px 0;
  color: #999;
}

.message .editer-reply:before {
  position: absolute;
  content: "";
  width: 8px;
  height: 8px;
  background: #fafafa;
  transform: rotate(45deg);
  left: 24px;
  top: -4px;
}

.no-comment {
  padding: 2.5em 0;
  text-align: center;
  color: #999;
}

.no-comment .ico-no-comment {
  width: 11.2%;
  margin: 0 auto;
}

.no-comment p {
  font-size: 1.167em;
  font-size: 14px;
}

.more-message {
  /*padding:5.3% 0;*/
  border-top: 1px solid #eee;
  margin: -1px 0 0;
  padding-top: 5.3%;
}

.more-message .more {
  width: 40%;
  box-sizing: border-box;
  border: 1px solid #999;
  color: #999;
  /*padding:2.6% 0;*/
  display: block;
  text-align: center;
  margin: 0 auto;
  font-size: 1.25em;
}

/* 提交留言 */
.message-page section,
.message-page {
  background: #f6f6f6;
  margin: 0;
  padding: 0;
}

.message-page .editer {
  background: #fff;
}

.message.message-page .editer-reply:before {
  background: #fff;
}

.message-form {
  padding: 4%;
}

.message-form .edit-area {
  padding: 15px;
  color: #999;
  background: #fff;
  margin-bottom: 9%;
}

.message-form .edit-area p {
  text-align: right;
}

.message-form textarea {
  width: 100%;
  height: 120px;
  padding: 0;
  font-size: 14px;
  border: 0;
}

.message-form .submit {
  width: 50%;
  background: #FF504A;
  color: #fff;
  border: 0;
  margin: 0 auto 13%;
  display: block;
  padding: 2.6% 0;
  font-size: 15px;
}

/*留言页面标题 s*/
.message-title {
  color: #777;
  font-weight: normal;
  background: none;
}

.message-title h2 {
  font-weight: normal;
}

.message-title .sline {
  width: 280px;
  background: #777;
}

.message-title .square {
  border-color: #777;
}

.message-title .sline:first-child {
  left: -299px;
}

.message-title .sline:nth-of-type(3) {
  right: -299px;
}

/*留言页面标题 e*/

/* 底部漂浮条 */
.bottom {
  position: fixed;
  bottom: 0;
  width: 100%;
  max-width: 640px;
  background: #fff;
  border-top: 1px solid #DFDFDF;
  text-align: center;
  font-size: 14px;
  z-index: 999;
}

.bottom .item {
  width: 33%;
  display: inline-block;
  float: left;
  height: 43px;
  line-height: 43px;
  height: 50px;
  line-height: 50px;
}

.bottom .item a {
  color: #666;
}

.bottom .item .icon {
  display: inline-block;
  width: 20px;
  height: 20px;
  vertical-align: sub;
  margin: 0 5px 0 0;
}

.bottom .btn-view-comment {
  width: 34%;
  border-left: 1px solid #dfdfdf;
  border-right: 1px solid #dfdfdf;
  box-sizing: border-box;
}

.bottom .btn-opt-praise .icon {
  background: url(../../images/3.6/icon-hand-gray.png);
  background-size: 100%;
}

.bottom .opt-praised {
  color: #FF7C77;
}

.bottom .opt-praised .icon {
  background: url(../../images/3.6/icon-hand-red.png);
  background-size: 100%;
}

.bottom .btn-view-comment .icon {
  background: url(../../images/3.6/icon-message.png);
  background-size: 100%;
}

.bottom .btn-text .icon {
  background: url(../../images/3.6/icon-text.png);
  background-size: 100%;
}

.bottom .btn-write-comment .icon {
  background: url(../../images/3.6/icon-write.png);
  background-size: 100%;
}

.bottom .comment-only {
  width: 100%;
  /* 独自存在的时候 */
}

.bottom a {
  display: block;
}

/* top care bar 顶部关注条 */
.toper {
  position: fixed;
  top: 0;
  width: 92%;
  border-bottom: 1px solid #ddd;
  background: rgba(255, 255, 255, .85);
  box-sizing: content-box;
  padding: 5px 4%;
  height: 36px;
  line-height: 36%;
  color: #777;
  display: none;
  z-index: 999;
}

.toper .portrait {
  width: 36px;
  height: 36px;
  border-radius: 18px;
  overflow: hidden;
  float: left;
}

.toper .user-info {
  height: 36px;
  font-size: 14px;
  line-height: 2.5;
  padding: 0 0 0 10px;
}

.toper .btn-follow {
  width: 60px;
  height: 22px;
  line-height: 22px;
  border: 1px solid #FC524F;
  color: #FC524F;
  background: #fff;
  border-radius: 80px;
  float: right;
  font-size: 14px;
  position: relative;
  margin: 5px 0 0;
  text-align: center;
  text-indent: 5px;
}

.toper .btn-follow i {
  position: absolute;
  left: 10px;
  top: -1px;
  text-indent: 0;
}

.toper .follewed {
  border: 1px solid #999;
  color: #999;
  text-indent: 0;
}

.has-followed,
.toper .follewed i {
  display: none;
}

.follewed .has-followed {
  display: block;
}

.follewed .need-follow {
  display: none;
}

/*倒计时 back time */
.s_time {
  text-align: center;
  width: 100%;
  padding: 1.25em 0;
  height: 2em;
  line-height: 2em;
  background: #c0145c;
  /*获取背景颜色值*/
}

.s_timecon {
  width: 100%;
  height: 2em;
  font-size: .9em;
  position: relative;
  color: #fff;
  /*获取字体颜色值*/
}

.time-tit {
  font-size: 1.18em;
}

.backTime {
  padding-top: .3em;
  font-size: .9em;
}

.backTime i {
  background: #fff;
  /*获取背景颜色值*/
  color: #222;
  /*获取字体颜色值*/
  border-radius: .167em;
  font-size: 1.875em;
  width: 3.917em;
  height: 2.25em;
  margin: 0 .208em;
  font-weight: bold;
  text-align: center;
  padding: 0 .208em;
}

/* 一行2商品*/
.two-img-a-row {
  /*display: flex;
    flex-direction: row;
    -flex-direction: row;
    flex-wrap:  wrap;*/
  width: 100%;
  overflow: hidden;
}

.two-img-a-row a {
  float: left;
  width: 50%;
  height: 50%;
}

.two-img-a-row a img {
  width: 100%;
}

.two-link-row {
  width: 100%;
  position: relative;
}

.two-link-row .link-box {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  display: flex;
}

.two-link-row a {
  /* width:50%; */
  height: 100%;
  display: block;
  float: left;
  position: relative;
  flex: 1;
}
 
.has-it span,
.has-empty span,
.has-over span,
.has-card {
  position: absolute;
  z-index: 10;
  width: 1.7rem;
  height: 1.7rem;
  left: 50%;
  top: 50%;
  transform: translate(-50%,-50%);
  -webkit-transform: translate(-50%,-50%);
  background: url(../../images/3.6/has-it.png) no-repeat;
  background-size: 100% 100%;
}
.has-empty span{
  background: url(../../images/3.6/has-empty.png) no-repeat;
  background-size: 100% 100%;
}
.has-over span{
  background: url(../../images/3.6/has-over.png) no-repeat;
  background-size: 100% 100%;
}

/* 爆杀价 */
.bomb {
  margin: 4% 3.33%;
  background: #f2fefb;
}

.bomb .view-img {
  width: 54%;
}

.bomb .view-img .icon {
  position: absolute;
  z-index: 10;
  left: 5.2%;
  top: 5.2%;
  width: 100px;
}

.bomb .view-txt {
  width: 37.6%;
  padding: 4% 4.2% 0;
}

.bomb .view-txt h3 {
  font-size: 16px;
  line-height: 20px;
  height: 60px;
  font-size: 1.15em;
  line-height: 1.2em;
  height: 3.45em;
  color: #333;
  text-align: left;
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 3;
  -webkit-box-orient: vertical;
  margin-bottom: .714em;
  margin-bottom: .5em;
}

.bomb .view-txt .del-price {
  font-size: 14px;
  font-size: 1.05em;
  color: #999;
  line-height: 18px;
  line-height: 1.286em;
}

.bomb-price {
  position: absolute;
  width: 54.5%;
  height: 28.15%;
  background: url(../../images/3.6wap/bg-bomb.png);
  background-size: 100% 100%;
  right: -1.4%;
  bottom: 10px;
  z-index: 10;
}

.bomb-price .pricePos {
  position: absolute;
  left: 53%;
  top: 37%;
}

.pricePos i {
  font-size: 18px;
  font-size: 1.21em;
}

.pricePos span {
  font-size: 26px;
  font-size: 1.85em;
  color: #333;
  font-weight: bold;
  font-family: Arial;
}

/**
 * 一行一大图模块
 */

.title {
  line-height: 3.231em;
  font-size: 1.083em;
  font-size: 16px;
  text-align: center;
  color: #333;

}

#id_video_container {
  position: absolute;
  left: 0;
  top: 0;
  z-index: 10000;
  display: none;
}

.bgBlack {
  background: #000;
}

.tv-live-big-pic .bgBlack img {
  opacity: .9;
}

.tv-live-big-pic section {
  padding: 3.3% 2.6% 3.3%;
  background: #F6F6F6;
  position: relative;
}

.tv-live-big-pic .title-top {

  color: #333;
}

.tv-live-big-pic .price {
  font-family: Arial;
  font-size: 17px;
  font-weight: 700;
}

.tv-live-big-pic h2 {
  font-size: 16px;
  font-weight: normal;
  width: 100%;
  line-height: 1.5;
  margin-bottom: 1em;
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  word-break: break-all;
}

.tv-live-big-pic h2 span {
  color: #c1805c;
  margin-right: 4px;
}

.xs_price .price {
  color: #e33e41;
  font-size: 18px;
}

.xs_price .price em {
  font-size: 15px;
}

.xs_price .Arial.del-line {
  color: #999;
  font-size: 15px;
  margin-left: .5em;
}

.tv-live-big-pic .live-state-center,
.tv-live-big-pic .live-state {
  position: absolute;
  left: 10px;
  top: 10px;
  height: 24px;
  line-height: 24px;
  font-size: 14px;
  color: #fff;
  border: 1px solid #989898;
  border-radius: 30px;
  background: rgba(0, 0, 0, .2);
  padding: 0 10px 0 22px;
  z-index: 10;
}

.tv-live-big-pic .live-state-center {
  padding: 0 10px;
}

.tv-live-big-pic .live-notice {
  text-align: center;
  color: #fff;
  top: 50%;
  width: 100%;
  height: 24px;
  line-height: 24px;
  font-size: 18px;
  text-shadow: 0 0 10px #000;
  position: absolute;
  z-index: 10;
  margin-top: -12px;
}

.swiper-container-web-live {
  height: 258px;
  background: #fff;
}

.web-live img {
  opacity: .9;
}

.web-live .video-state-center,
.web-live .video-state {
  position: absolute;
  left: 10px;
  top: 10px;
  height: 24px;
  line-height: 24px;
  font-size: 14px;
  color: #fff;
  border: 1px solid #989898;
  border-radius: 30px;
  background: rgba(0, 0, 0, .3);
  padding: 0 10px 0 25px;
  z-index: 10
}

.web-live .video-state-center {
  padding: 0 10px;
}

.web-live .web-notice {
  text-align: center;
  color: #fff;
  top: 50%;
  width: 100%;
  height: 24px;
  line-height: 24px;
  font-size: 18px;
  text-shadow: 0 0 10px #000;
  position: absolute;
  z-index: 10;
  margin-top: -12px;
}

.web-live .info {
  color: #333;
  background: #FAFAFA;
  font-size: 15px;
  line-height: 45px;
  height: 55px;
  text-align: center;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.web-live a {
  color: #333;
  display: block;
}

.tv-live-big-pic {
  width: 100%;
  margin: 0 auto;
}

.tv-logo-room {
  width: 16%;
  position: absolute;
  top: 6%;
  right: 4%;
  z-index: 1;
}

.promotion-tag {
  position: absolute;
  bottom: 0;
  left: 0;
  z-index: 1;
  background: #FF5A61;
  font-size: 14px;
  line-height: 1.5;
  padding: 0 5px;
  color: #fff;
}

.live-icon {
  position: absolute;
  left: 10px;
  top: 10px;
  height: 24px;
  line-height: 24px;
  font-size: 14px;
  color: #fff;
  border: 1px solid #FF5A61;
  border-radius: 30px;
  background: #FF5A61;
  padding: 0 10px 0 22px;
  z-index: 10;
}

::-webkit-scrollbar {
  width: 0px;
  height: 0px;
}

/* 20180704 v5.2 tv直播 */

.btn_live {
  width: 50px;
  height: 30px;
  line-height: 30px;
  padding-top: 50px;
  display: block;
  background: url(../../images/5.07/home/btn_play.png) no-repeat 0 0;
  background-size: 100% 50px;
  position: absolute;
  left: 50%;
  top: 50%;
  margin: -85px 0 0 -25px;
  z-index: 10;
  color: #FFF;
  font-size: 1.167em;
  text-align: center;
}

.btn_live .livetime-back {
  width: auto;
  height: auto;
  background: none;
  position: inherit;
  left: 0;
  top: 0;
  margin: 50px 0 0 -10px;
  color: #fff;
  font-size: 20px;
  line-height: 2;
  border-radius: 0;
  text-indent: 0;
  z-index: 10;
}

.live-logo-room {
  width: 27%;
  position: absolute;
  top: 0%;
  /*left: 0%;*/
  z-index: 1;
}

.btn-l-tag {
  position: absolute;
  bottom: .833em;
  left: 0;
  color: #FFF;
  font-size: 14px;
  height: 30px;
  line-height: 30px;
  background: #e33e41;
  padding: 0 5%;
  border-radius: 0 30px 30px 0;
  text-align: center;
  z-index: 10;
}

.mb3 {
  padding-bottom: 15px;
}

.btn-live {
  position: absolute;
  right: 2.8%;
  height: 30px;
  line-height: 30px;
  padding: 0 4%;
  font-size: 14px;
  border-radius: 16px;
  background: #e33e41;
  color: #FFF;
  bottom: 2em;
  top: auto;
  border: 0;
}

.phone-buy {
  background: none;
  border: .1em solid #e33e41;
  color: #e33e41;
  border-radius: 5px;
}

.btn-loot {
  background: #ccc;
  color: #FFF;
  border: .1em solid #ccc;
}

.btn-bgno {
  background: none;
  border: .1em solid #e33e41;
  color: #e33e41;
}

.title-top em {
  font-size: 15px;
  font-weight: 700;
  margin-right: .25em;
}

.tv-live-big-pic .price {
  font-size: 18px;
}

.live-support {
  font-size: 14px;
  color: #e33e41;
  font-weight: 700;
  margin-bottom: .517em;
}

.video_container {
  position: absolute;
  left: 0;
  top: 0;
  z-index: 10000;
  display: none;
}

/* layer.css */

.pro_no {
  position: absolute;
  left: 50%;
  top: 50%;
  width: 50px;
  height: 50px;
  line-height: 50px;
  text-align: center;
  margin-top: -25px;
  margin-left: -25px;
  color: #fff;
  font-size: .83em;
  background-color: rgba(0, 0, 0, .5);
  border-radius: 50%;
  font-size: 14px;
  z-index: 3;
}

.bg_bb {
  background: #bbb;
}

/* 201811 新增拼团 */
.live_btn_set {
  position: absolute;
  right: 3%;
  bottom: .5em;
  line-height: 2.5em;
}

.pt_letter {
  float: left;
  color: #999;
  font-size: 15px;
  margin-right: .5em;
}

.pt_good {
  float: left;
  color: #e33e41;
  font-size: 15px;
  margin-right: .5em;
}

.group_all_pic {
  float: left;
  margin-right: .5em;
}

.group_all_pic span {
  width: 1.833em;
  height: 1.833em;
  border-radius: 50%;
  z-index: 10;
}

.group_all_pic span:nth-child(2) {
  margin-left: -.667em;
}

.group_all_pic span:nth-child(3) {
  right: 3.5em;
}

.group_all_pic img {
  width: 1.833em;
  height: 1.833em;
  border-radius: 50%;
  border: 1px solid #FFF;
}

.btn_tuxedo {
  float: right;
  width: 5em;
  height: 2em;
  line-height: 2em;
  font-size: 16px;
  border-radius: 5px;
  background: #e33e41;
  color: #FFF;
  text-align: center;
}

/* 新增标签 */
.live-logo-room-text {
  width: 28px;
  height: auto;
  padding: 2% 3%;
  position: absolute;
  z-index: 1;
  background: linear-gradient(left, #fee0b0, #f5c37e);
  background: -webkit-linear-gradient(left, #fee0b0, #f5c37e);
  left: 2.6%;
  top: 0;
  color: #562c0a;
  font-size: 13px;
  line-height: 1.2;
  text-align: center;
  border-radius: 0 0 50px 50px;
}

/* video block */
.videoRoom {
  border: 5px solid #fff;
  margin: 5px auto;
  width: 92%;
  position: relative;
  z-index: 0;
}

/* 凑单返现 */
.cashback {
  width: 95%;
  border: 2px solid #C1181D;
  border-radius: 10px;
  display: flex;
  margin: 0 auto 15px;
  background: #FFF;
}

.cashback .cb-left {
  flex: .24;
  color: #fff;
  background: #FC4A40;
  align-items: center;
  justify-content: center;
  text-align: center;
  display: flex;
  display: -webkit-flex;
  box-shadow: 2px 0 3px 0px #999;
  overflow: hidden;
  border-radius: 7px 0 0 7px;
}

.cashback .cb-left>div {
  width: 100%;
}

.cashback .cb-left h2 {
  font-size: 16px;
  color: #FFF182;
  font-weight: bold;
}

.cashback .cb-right {
  flex: .76;
  padding: 4% 0;
}

.cashback .cb-right-box {
  display: flex;
  width: 94%;
  margin-left: 2%;
}

.cashback .cb-right-box .cb-in-left {
  flex: .2;
  line-height: 1.2;
}

.cashback .cb-in-left .red-price {
  position: absolute;
  bottom: 0;
  text-align: center;
  color: #FDFA55;
  width: 100%;
}

.cashback .cb-in-left .big {
  font-size: 1.2em;
  font-weight: bold;
}

.cashback .cb-right-box .cb-in-middle {
  flex: .58;
  font-size: 12px;
  padding: 0 0 0 2%;
}

.cashback .cb-in-middle .energy-box {
  width: 85%;
  color: #999;
  font-size: 12px;
  text-align: right;
}

.cashback .cb-in-middle .energy {
  width: 100%;
  background: #FED2C9;
  height: 6px;
  border-radius: 6px;
  overflow: hidden;
  margin: 2% 0;
}

.cashback .cb-in-middle .energy-fill {
  height: 100%;
  background: #FC4945;
}

.cashback .cb-right-box .cb-in-right {
  flex: .3;
  display: flex;
  align-items: center;
}

.cashback .button-reverse,
.cashback .button-red {
  width: 100%;
  border-radius: 5px;
  text-align: center;
  height: 32px;
  line-height: 32px;
  font-size: 14px;
  background: #FF3730;
  color: #fff;
  border: 2px solid #FF3730;
}

.cashback .button-reverse {
  background: #fff;
  color: #FF3730;
}

.cashback .cb-info {
  border: 1px solid #999;
  border-radius: 20px;
  font-size: 12px;
  display: inline-block;
  width: 14px;
  height: 14px;
  line-height: 16px;
  text-align: center;
}

.cashback .red {
  color: #E8372D;
}

.cashback .backTime i {
  background: #333;
  color: #fff;
  height: 18px;
  line-height: 18px;
  font-size: 12px;
  padding: 2% 3%;
}

/* 会员价 */
.clubColor i,
.clubColor {
  color: #FF504A;
}

/* 视频全屏隐藏,时间轴隐藏 */
span.vcp-timelabel,
.vcp-fullscreen-toggle {
  display: none;
}

div.vcp-controls-panel {
  height: 1.5em;
}

div.vcp-playtoggle {
  width: 1.5em;
}

/* 今日购买力榜单 */
.block {
  padding: 15px 0;
  margin-bottom: 15px;
}

.purchase_list {
  width: 94.6%;
  background: #f1c16c;
  border-radius: 5px;
  margin: 0 auto;
  position: relative;
}

.pl_title {
  width: 100%;
}

.tips_box {
  width: 94%;
  height: 50px;
  overflow: hidden;
  position: absolute;
  top: 50%;
  left: 3%;
  margin-top: -20px;
}

.pl_tips {
  position: absolute;
  top: 0;
  width: 1000%;
}

.pl_tips ul {
  float: left;
}

.pl_tips ul li {
  float: left;
  margin: 10px 0 0 5px;
  background: rgba(0, 0, 0, 0.4);
  border-radius: 1.25em;
  padding: .13em .833em .1em 0;
  font-size: .917em;
  height: 30px;
  line-height: 30px;
  color: #fff;
  z-index: 9000;
  margin-right: 10px;
}

.pl_tips ul li a {
  color: #fff;
}

.pl_tips ul li img {
  float: left;
  width: 38px;
  height: 38px;
  border-radius: 40px;
  border: 1px solid #FFF;
  overflow: hidden;
  margin: -6px 5px 0 -5px;
}

.pl_tips ul li .tips-box p {
  clear: both;
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
}

.ranked {
  width: 18px;
  height: 21px;
  line-height: 18px;
  background: url(../../images/3.6/ranked.png) no-repeat 0 0;
  background-size: 100%;
  color: #66450a;
  font-size: 12px;
  font-weight: 600;
  text-align: center;
  display: inline-block;
  margin-right: 5px;
}

.pl_tt {
  padding: 10px 3.2% 15px;
  color: #333;
  font-size: 15px;
}

.pl_tt a {
  color: #1962e8;
  text-decoration: underline;
}

/* 双十一商品模板 */
.title_11 {
  width: 100%;
  height: 50px;
  line-height: 50px;
  background: #f2d200;
  font-size: 18px;
  font-weight: 600;
  color: #db4249;
  margin-bottom: 3%;
  text-align: center;
}

.good_box_11 {
  width: 93.6%;
  margin: 0 auto 3%;
  background: rgba(255, 255, 255, .8);
  border-radius: .533rem .533rem .107rem .107rem;
}

.gtit_box_11 {
  width: 100%;
  height: 1.973rem;
  display: flex;
}

.gtit_box_11 .gt_li:last-child:before {
  display: none;
}

.gt_li::before {
  width: .027rem;
  height: .907rem;
  content: "";
  display: block;
  position: absolute;
  right: 0;
  top: .56rem;
  background: rgba(0, 0, 0, .05);
}

.gt_li {
  flex: 1;
  height: 40px;
  text-align: center;
  color: #333;
  font-family: PingFangSC-Medium;
  font-size: .427rem;
  text-align: center;
  line-height: .64rem;
  line-height: .587rem;
  padding-top: .427rem;
  box-sizing: border-box;
  position: relative;
}

.gt_li span {
  font-weight: 600;
  padding: 0 .32rem;
  border-radius: .293rem;
  font-size: .4rem;
  text-align: center;
  line-height: .587rem;
  display: inline-block;
}

.gt_li.on {
  color: #e33e41;
}

.gt_li.no {
  color: #777;
}

.gt_li.on.no {
  color: #e33e41;
}

.gt_li.on span {
  background: #f72438;
  color: #FFF;
}


.good_con {
  width: 100%;
  padding: 0;
  display: flex;
  padding-bottom: .32rem;
}

.good_con li {
  float: left;
  width: 31.3%;
  margin-left: .12rem;
  background: #FFF;
  border-radius: .107rem;
  overflow: hidden;
}

.good_con li:first-child {
  margin-left: .16rem;

}

.good_con.pro_bg li a {
  margin: 0;
}

.good_con .tag-array .tag-n {
  width: 35px;
  height: 35px;
}

.good_con .promotion_tit {
  color: #333;
}

.good_box_11 .promotion_tit {
  font-size: .373rem;
  height: 1.067rem;
  line-height: .533rem;
  font-weight: 600;
}

.good_box_11 .promotion_temp {
  padding: .267rem .16rem .16rem;
}

.good_box_11 .promotion_price {
  font-size: .373rem;
  height: .8rem;
  padding: 0;
  line-height: .8rem;
}

.good_con.pro_bg li .promotion_price_lt {
  color: #e33e41;
  font-size: .373rem;
  font-weight: 600;
}

.good_con.pro_bg li .promotion_price_lt.textWarn {
  color: #098;
  color: #e33e41;
}

.good_con.pro_bg li .promotion_price_lt i {
  font-size: .533rem;
}

.good_con.pro_bg li .promotion_price_lt i.del-price {
  font-family: PingFangSC-Regular;
  font-size: .373rem;
  color: #999;
  font-weight: normal;
  letter-spacing: 0;
  line-height: .533rem;
  text-decoration: line-through;
  padding-left: .213rem;
}

.good_con.pro_bg .btn-order-out {
  background: #eee;
  color: #777;
}

.good_con.pro_bg .btn-warn {
  background: #2BB05E 100%
}

.good_con.pro_bg .btn-order {
  background-image: linear-gradient(90deg, #ED1515 0%, #FF4949 100%);
}

.pro_bg.good_con {
  padding: 0 0 .32rem;
}

.good_box_11 .btn-order-out,
.good_box_11 .btn-order,
.good_box_11 .btn-warn {
  height: .853rem;
  border-radius: .427rem;
  font-family: PingFangSC-Regular;
  font-size: .373rem;
  color: #FFFFFF;
  letter-spacing: 0;
  text-align: center;
  line-height: .533rem;
  width: 90%;
  margin: 0 5% 7.5%;
}

/* tv live */

.btn-program {
  width: 93px;
  height: 24px;
  display: block;
  position: absolute;
  background: url(../../images/3.6wap/btn-program.png) no-repeat 0 0;
  background-size: 100% 100%;
  right: 10px;
  top: .8em;
}

.bgBlack {
  background: #000;
}

.tv-live .bgBlack img {
  opacity: .9;
}

.tv-live section {
  padding: 3% 3.5% 3.3%;
  background: #fff;
  position: relative;
}

.tv-live .title-top {
  color: #333;
}

.tv-live .price {
  font-family: Arial;
  font-size: 17px;
  font-weight: 700;
}

.shopCar-live {
  width: 50px;
  height: 50px;
  background: url(../../images/5.0/shopCar-live.png);
  background-size: 100% 100%;
  border: 1px solid #E0E0E0;
  border-radius: 100%;
  position: absolute;
  right: 2.6%;
  top: 50%;
  margin: -25px 0 0;
}

.tv-live h2 {
  font-size: 16px;
  font-weight: normal;
  width: 100%;
  line-height: 1.5;
  margin-bottom: .667em;
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 1;
  -webkit-box-orient: vertical;
  word-break: break-all;
}

.tv-live h2 span {
  color: #c1805c;
  margin-right: 4px;
}

.tv-live .live-state-center,
.tv-live .live-state {
  position: absolute;
  left: 10px;
  top: 10px;
  height: 24px;
  line-height: 24px;
  font-size: 14px;
  color: #fff;
  border: 1px solid #989898;
  border-radius: 30px;
  background: rgba(0, 0, 0, .2);
  padding: 0 10px 0 22px;
  z-index: 10;
}

.tv-live .live-state-center {
  padding: 0 10px;
}

.tv-live .live-notice {
  text-align: center;
  color: #fff;
  top: 50%;
  width: 100%;
  height: 24px;
  line-height: 24px;
  font-size: 18px;
  text-shadow: 0 0 10px #000;
  position: absolute;
  z-index: 10;
  margin-top: -12px;
}

.swiper-container-web-live {
  height: 258px;
  background: #fff;
}

.web-live img {
  opacity: .9;
}

.web-live .video-state-center,
.web-live .video-state {
  position: absolute;
  left: 10px;
  top: 10px;
  height: 24px;
  line-height: 24px;
  font-size: 14px;
  color: #fff;
  border: 1px solid #989898;
  border-radius: 30px;
  background: rgba(0, 0, 0, .3);
  padding: 0 10px 0 25px;
  z-index: 10
}

.web-live .video-state-center {
  padding: 0 10px;
}

.web-live .live-dor {
  width: 6px;
  height: 6px;
  border-radius: 6px;
  background: #e33e41;
  position: absolute;
  left: 10px;
  top: 10px;
  animation: breath 3s infinite;
  -moz-animation: breath 3s infinite;
  -webkit-animation: breath 3s infinite;
}

.web-live .web-notice {
  text-align: center;
  color: #fff;
  top: 50%;
  width: 100%;
  height: 24px;
  line-height: 24px;
  font-size: 18px;
  text-shadow: 0 0 10px #000;
  position: absolute;
  z-index: 10;
  margin-top: -12px;
}

.web-live .info {
  color: #333;
  background: #FAFAFA;
  font-size: 15px;
  line-height: 45px;
  height: 55px;
  text-align: center;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.web-live a {
  color: #333;
  display: block;
}

.tv-live {
  width: 100%;
  margin: 0 auto;
}

.tv-logo-room {
  width: 16%;
  position: absolute;
  top: 6%;
  right: 4%;
  z-index: 1;
}

.promotion-tag {
  position: absolute;
  bottom: 0;
  left: 0;
  z-index: 1;
  background: #FF5A61;
  font-size: 14px;
  line-height: 1.5;
  padding: 0 5px;
  color: #fff;
}

.live-icon {
  position: absolute;
  left: 10px;
  top: 10px;
  height: 24px;
  line-height: 24px;
  font-size: 14px;
  color: #fff;
  border: 1px solid #FF5A61;
  border-radius: 30px;
  background: #FF5A61;
  padding: 0 10px 0 22px;
  z-index: 10;
}

.live-icon .live-dor {
  width: 6px;
  height: 6px;
  border-radius: 6px;
  background: #fff;
  position: absolute;
  left: 10px;
  top: 50%;
  margin-top: -3px;
  animation: breath 3s infinite;
  -moz-animation: breath 3s infinite;
  -webkit-animation: breath 3s infinite;
}

.livetime-back {
  width: 155px;
  height: 48px;
  background: rgba(0, 0, 0, .3);
  position: absolute;
  left: 50%;
  top: 50%;
  margin: -24px 0 0 -77px;
  color: #fff;
  font-size: 20px;
  line-height: 2.4;
  border-radius: 30px;
  text-indent: 24px;
  z-index: 10;
}

.livetime-back:after {
  position: absolute;
  content: "";
  background: url(../../images/5.0/arrow-trangle.png);
  background-size: 100% 100%;
  width: 20px;
  height: 23px;
  right: 17px;
  top: 12px;
}

.livetime-no {
  width: 48px;
  height: 48px;
  background: rgba(0, 0, 0, .3);
  position: absolute;
  left: 50%;
  top: 50%;
  margin: -24px 0 0 -24px;
  color: #fff;
  font-size: 20px;
  line-height: 2.4;
  border-radius: 30px;
  text-indent: 24px;
  z-index: 10;
}

.livetime-no:after {
  position: absolute;
  content: "";
  background: url(../../images/5.0/arrow-trangle.png);
  background-size: 100% 100%;
  width: 20px;
  height: 23px;
  right: 10px;
  top: 12px;
}


/*直播队列*/

.live-queue {
  width: 97.3%;
  overflow-x: scroll;
  overflow-y: hidden;
  padding: 10px 0 14px 2.7%;
  background: #fff;
}

.live-queue ul {
  width: 3000px;
  overflow: hidden;
  padding-top: 6px;
}

.live-queue ul li.active {
  border: 1px solid #FF7471;
}

.live-queue ul li.active:after {
  content: "";
  position: absolute;
  width: 10px;
  height: 10px;
  background: #FF7471;
  transform: rotate(45deg);
  left: 50%;
  top: -5px;
  margin: 0 0 0 -10px;
}

.live-queue ul li {
  width: 140px;
  float: left;
  position: relative;
  border: 1px solid #E8E8E8;
  margin-right: 20px;
}

.live-queue ul li a {
  position: relative;
  z-index: 100;
}

.live-queue h3 {
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  font-size: 14px;
  line-height: 1.8;
  width: 87%;
  padding: 3% 0 0;
  margin: 0 auto;
  font-weight: normal;
}

.live-queue .txt-align {
  text-align: right;
  width: 87%;
  margin: 0 auto;
  padding-bottom: 4%;
}

.live-queue .txt-align span {
  font-weight: 500;
}

.live-queue .img {
  width: 30%;
}

.live-queue .live-tag {
  position: absolute;
  color: #fff;
  left: 3.9%;
  top: 4.6%;
  padding: 0 7px;
  border-radius: 10px;
  z-index: 101;
  font-size: 12px;
  background: linear-gradient(90deg, #FC716B, #FC5672)
}

@-webkit-keyframes breath {
  from {
    opacity: 1;
  }

  50% {
    opacity: .3;
  }

  to {
    opacity: 1;
  }
}

@-moz-keyframes breath {
  from {
    opacity: 1;
  }

  50% {
    opacity: .3;
  }

  to {
    opacity: 1;
  }
}

@keyframes breath {
  from {
    opacity: 1;
  }

  50% {
    opacity: .3;
  }

  to {
    opacity: 1;
  }
}

::-webkit-scrollbar {
  width: 0px;
  height: 0px;
}


/* 20180704 v5.2 tv直播 */

.live_tit {
  line-height: 4em;
  font-size: 1.083em;
  font-size: 17px;
  text-align: center;
  color: #333;
}

.btn_program {
  width: 100px;
  height: 29px;
  display: block;
  position: absolute;
  background: url(../../images/5.0/live/btn-program.png) no-repeat 0 0;
  background-size: 100% 100%;
  right: 10px;
  top: 1.083em;
}

 

.btn_live {
  width: 50px;
  height: 30px;
  line-height: 30px;
  padding-top: 50px;
  display: block;
  background: url(../../images/5.07/home/btn_play.png) no-repeat 0 0;
  background-size: 100% 50px;
  position: absolute;
  left: 50%;
  top: 50%;
  margin: -70px 0 0 -25px;
  z-index: 10;
  color: #FFF;
  font-size: 1.167em;
  text-align: center;
}

.btn_live .livetime-back {
  width: auto;
  height: auto;
  background: none;
  position: inherit;
  left: 0;
  top: 0;
  margin: 50px 0 0 -10px;
  color: #fff;
  font-size: 20px;
  line-height: 2;
  border-radius: 0;
  text-indent: 0;
  z-index: 10;
}

.live-logo-room {
  width: 27%;
  position: absolute;
  top: 0%;
  right: 3.3%;
  right: 0;
  z-index: 1;
}

.btn-l-tag {
  position: absolute;
  bottom: .833em;
  left: 0;
  color: #FFF;
  font-size: 13px;
  height: 23px;
  line-height: 23px;
  background: #e33e41;
  background-image: linear-gradient(90deg, #ED1515 0%, #FF4949 100%);
  padding: 0 11px 0 8px;
  border-radius: 0 30px 30px 0;
  text-align: center;
  z-index: 10;
}

.mb3 {
  padding-bottom: 15px;
}

.btn-loot {
  background: #ccc;
  color: #FFF;
  border: .1em solid #ccc;
}

.btn-bgno {
  background: none;
  border: .1em solid #e33e41;
  color: #e33e41;
}

.video_container {
  position: absolute;
  left: 0;
  top: 0;
  z-index: 10000;
  display: none;
}

.more-pd {
  height: 30px;
  line-height: 30px;
  margin-bottom: 3.4%;
  text-align: center;
}

.more-pd span {
  font-size: 15px;
  color: #999;
  position: relative;
  padding-right: 20px;
}

.more-pd span.pack_down::after {
  width: .714em;
  height: .714em;
  border-right: .1em solid #999;
  border-bottom: .1em solid #999;
  content: "";
  position: absolute;
  transform: rotate(45deg);
  transform-origin: 50% 50%;
  -webkit-transform: rotate(45deg);
  -webkit-transform-origin: 50% 50%;
  right: -2px;
  top: 0px;
}

.more-pd span.pack_up::after {
  width: .714em;
  height: .714em;
  border-left: .1em solid #999;
  border-top: .1em solid #999;
  content: "";
  position: absolute;
  transform: rotate(45deg);
  transform-origin: 50% 50%;
  -webkit-transform: rotate(45deg);
  -webkit-transform-origin: 50% 50%;
  right: -2px;
  top: 6px;
}

.more-div {
  overflow: hidden;
}

.pop03 .bt-lt {
  color: #999 !important;
}

.pop03 .bt-rt {
  color: #e33e41 !important;
}

.pop03 .tit1 {
  font-size: 1.167em !important;
}

.pop03 .tit2 {
  font-size: 1.167em !important;
  color: #222 !important;
}


/* layer.css */

.monolayer {
  width: 100%;
  height: 100%;
  min-height: 100%;
  position: fixed;
  left: 0;
  top: 0;
  right: 0;
  bottom: 0;
  background: rgba(0, 0, 0, 0.5);
  z-index: 11110;
  display: none
}

.block {
  display: block
}

.hide {
  display: none
}

.pr {
  position: relative
}

.pop_bg {
  width: 100%;
  position: fixed;
  left: 0;
  right: 0;
  bottom: 0;
  background: #FFF;
  z-index: 11111;
  display: none
}

.monolayer_tt {
  width: 100%;
  margin-top: 4%
}

.icon_close_pic {
  width: 1.167em;
  height: 1.167em;
  position: absolute;
  top: 1.25em;
  right: 4%;
  background: url(http://img.ugoshop.com/images/topic/wap/wx-scan/images/close.png) no-repeat;
  background-size: 100% 100%;
  z-index: 100
}

.monolayer_tt p {
  text-align: center;
  font-size: 1.167em;
  color: #666;
  padding-bottom: .417em
}

.stock_out_good {
  width: 94%;
  height: 25em;
  overflow-y: scroll;
  padding-bottom: 1.5em;
  margin: 0 3%;
}

.good_sto {
  float: left;
  width: 100%;
  margin-top: 1.5em
}

.good_sto_img {
  float: left;
  margin-right: 1em
}

.good_sto_img img {
  float: left;
  width: 5em;
  height: 5em;
  border: 1px solid #ddd;
  border-radius: .417em
}

.good_sto_img_rt {
  line-height: 1.667em
}

.good_sto_tit {
  /* width: 65%; */
  font-size: 1.167em;
  color: #666
}

.good_sto_gift {
  font-size: 1.167em;
  color: #e33e41
}

.good_sto_price {
  margin-top: .5em;
}

.good_sto_num {
  position: absolute;
  right: 0;
  top: .333em;
  font-size: 1.167em;
  color: #999;
  font-family: arial
}

.after_price {
  font-size: 1.167em;
  color: #000;
  font-family: arial
}

.sto_price {
  font-size: 1.167em;
  color: #999;
  text-decoration: line-through;
  font-family: arial
}

.sto_buy_good {
  font-size: 1em;
  color: #fff;
  background: #e33e41;
  height: 2em;
  line-height: 2em;
  padding: 0 .5em;
}

.pro_no {
  position: absolute;
  left: 50%;
  top: 50%;
  width: 50px;
  height: 50px;
  line-height: 50px;
  text-align: center;
  margin-top: -25px;
  margin-left: -25px;
  color: #fff;
  font-size: .83em;
  background-color: rgba(0, 0, 0, .5);
  border-radius: 50%;
  font-size: 14px;
  z-index: 3;
}

.bg_bb {
  background: #bbb;
}


/* 201811 新增拼团 */

.live_btn_set {
  position: absolute;
  right: 3%;
  bottom: 2em;
  line-height: 26px;
}

.pt_letter {
  float: left;
  color: #999;
  font-size: 15px;
  margin-right: .5em;
}

.pt_good {
  float: left;
  color: #e33e41;
  font-size: 15px;
  margin-right: .5em;
}

.group_all_pic {
  float: left;
  margin-right: .5em;
}

.group_all_pic span {
  width: 1.833em;
  height: 1.833em;
  border-radius: 50%;
   z-index: 10;
}

.group_all_pic span:nth-child(2) {
  margin-left: -.667em;
}

.group_all_pic span:nth-child(3) {
  right: 3.5em;
}

.group_all_pic img {
  width: 1.833em;
  height: 1.833em;
  border-radius: 50%;
  border: 1px solid #FFF;
}

.btn_tuxedo {
  float: right;
  width: 5em;
  height: 2em;
  line-height: 2em;
  font-size: 16px;
  border-radius: 5px;
  background: #e33e41;
  color: #FFF;
  text-align: center;
}


/* 新增标签 */

.live-logo-room-text {
  width: 28px;
  height: auto;
  padding: 2% 3%;
  position: absolute;
  z-index: 1;
  background: linear-gradient(left, #fee0b0, #f5c37e);
  background: -webkit-linear-gradient(left, #fee0b0, #f5c37e);
  left: 2.6%;
  top: 0;
  color: #562c0a;
  font-size: 13px;
  line-height: 1.2;
  text-align: center;
  border-radius: 0 0 50px 50px;
}


/* 20190717 新增5.1.18版 价格块调整   */

.xs_price {
  font-size: 1.167em;
  color: #333;
  margin: 5px 0 0;
  display: box;
  display: -webkit-flex;
  display: flex;
  font-family: PingFangSC-Regular;
  position: relative;
}

.sale_price {
  width: 56px;
  height: 36px;
  padding: 6px 0;
  line-height: 16px;
  font-size: 13px;
  color: #FFFFFF;
  background: url(http://img.ugoshop.com/mobile/miniapp/images/public/bg_sale.png) no-repeat 0 0;
  background-size: 56px 48px;
  text-align: center;
}

.sale_price p {
  font-size: 17px;
  color: #FFFFFF;
  font-weight: 600;
}

.price_name {
  margin: 1px 2.9% 0 3.7%;
  line-height: 23px;
  font-size: 13px;
  color: #333333;
}

.price_box {
  line-height: 1;
  margin-top: 2px;
}

.xs_price_single .price_fl {
  padding-top: 3px;
}

.price_box .price_fl {
  margin-bottom: 7px;
}

.price_3 {
  font-size: 19px;
  color: #333;
  font-family: PingFang-SC-Medium;
  font-weight: 600;
}

.price_3 .rmb {
  font-size: 15px;
  margin-right: .2em;
}

.price_e3 {
  color: #e33e41;
  font-size: 19px;
  font-family: PingFang-SC-Medium;
  font-weight: 600;
  line-height: .6;
}

.price_e3 .rmb {
  font-size: 15px;
  margin-right: .2em;
}

.Arial.del-line {
  color: #999;
  font-size: 13px;
  margin-left: .5em;
  font-weight: 500;
}

.live_gm,
.sell_gm {
  font-size: 14px;
  color: #999;
  position: relative;
  padding-right: 15px;
  position: absolute;
  right: 0;
  bottom: .25em;
}

.sell_gm {
  padding-right: 0;
  font-size: 13px;
}

.xs_price_single .sell_gm {
  bottom: 0;
}

.live_gm {
  right: 3%;
  bottom: .667em;
}

.xs_price .live_gm {
  padding-right: 13px;
  right: 0;
  bottom: .25em;
}

.xs_price .sg_m {
  margin-right: 25%;
  bottom: 0;
}

.xs_price .sg_b {
  bottom: 0;
}

.live_gm::after {
  content: '';
  position: absolute;
  right: 3px;
  top: 6px;
  width: 7px;
  height: 7px;
  border-right: 1px solid #999;
  border-bottom: 1px solid #999;
  transform: rotate(-45deg);
  -webkit-transform: rotate(-45deg);
}

.pr_price,
.pr_price .del-line {
  color: #999;
  font-size: 1.167em;
}

.live-support {
  font-size: 14px;
  color: #e33e41;
}

.live-sell {
  position: absolute;
  right: 30%;
  bottom: 2em;
}

.btn-live {
  position: absolute;
  right: 2.8%;
  height: 26px;
  line-height: 26px;
  padding: 0 4%;
  font-size: 14px;
  border-radius: 16px;
  background: #e33e41;
  color: #FFF;
  bottom: 2em;
  top: auto;
  border: 0;
}

.phone-buy {
  background: none;
  border: .1em solid #e33e41;
  color: #e33e41;
  border-radius: 2px;
  padding: 0 3%;
  bottom: 1.667em;
}


.play_video {
  position: absolute;
  left: 0;
  top: 0;
  z-index: 10000;
  width: 100%;
  height: calc(100vw/16*9);
}


.video-js {
  display: none;
}

/*更多直播商品，不展示*/
.pop_bg {
  display: none;
}

/* 底部漂浮 */
.flotage {
  position: fixed;
  bottom: 0;
  left: 0;
  width: 100%;
  background: #C5C5C5;
  z-index: 10000;
}
/* 底部广告 */
.btm-ads-2022{
  width:94.67%;
  min-height: 2rem;
  position: fixed;
  border-radius: .133rem;
  overflow: hidden;
  bottom:0.107rem;
  margin:0 auto;
  z-index: 10010;
  left: 2.665%;
}
.btm-ads-2022 .closeX{
  width:.64rem;
  height: .64rem;
  background: url(https://img3.ugoshop.com/mobile/app_ugoshop/wap/images/5.0/H5/icon_close_grayBg_24@2x.png);
  background-size: 100%;
  position: absolute;
  z-index: 0;
  right: 0;
  top: 0;
}
/* 顶部右侧广告 */
.top-right-ad-pic{
  width:1.92rem;
 
  position: fixed;
  top:4.053rem;
  right: 0;
  height: auto;
  z-index: 1000;
  transition: all .2s linear;
  overflow: hidden;
}
.top-right-ad-pic img{
  width:1.92rem;
}
.open_app {
  position: fixed;
  top: 7em;
  right: 0;
  width: 85px;
  height: 30px;
  line-height: 30px;
  border-radius: 20px 0 0 20px;
  background: #333;
  color: #FFF;
  text-align: center;
  z-index: 10000;
}

.play_video {
  position: absolute;
  left: 0;
  top: 0;
  z-index: 10000;
  width: 100%;
  height: calc(100vw/16*9);
}

.video-js {
  display: none;
}

/* 养鸡倒计时 */
.zoo-backtime {
  background: #62757E;
  color: #fff;
  height: 30px;
  line-height: 30px;
  font-size: 16px;
  text-align: center;
  position: fixed;
  top: 0;
  width: 100%;
  z-index: 100;
}

/* 2020-10 改版模块 */


/* 商品列表集合 */
.spell-list {
  width: 100%;
  display: -webkit-flex;
  display: flex;
  position: relative;
  box-sizing: border-box;
  place-content: flex-start space-between;
  overflow: hidden;
  flex-wrap: wrap;
  padding: 0 .32rem .107rem;
}

.pro_bg {
  padding: .32rem 0 0;
}

/* 常用商品块 */
.spell-block {
  width: 49%;
  /*height: 7.933rem;*/
  border-radius: .16rem;
  background: #FFF;
  display: -webkit-flex;
  display: flex;
  flex-direction: column;
  margin-bottom: .213rem;
  position: relative;
  overflow: hidden;
}

.spell-block-pic {
  width: 4.57rem;
  width: 100%;
  height: 4.57rem;
  position: relative;
  overflow: hidden;
  z-index: 0;
}

.spell-block-pic img {
  border-radius: .16rem .16rem 0 0;
}

.spell-block-info {
  padding: .16rem .267rem;
}

.spell-block-info-title {
  color: #333;
  font-size: .4rem;
  height: 1.173rem;
  line-height: .587rem;
  overflow: hidden;
  /* text-overflow: ellipsis; */
  display: -webkit-box;
  /* -webkit-line-clamp: 2; */
  -webkit-box-orient: vertical;
}

.spell-block-info-tag {
  padding-top: .213rem;
  height: .533rem;
  overflow: hidden;
}

.spell-block-info-buy {
  padding: .32rem 0 .08rem;
}

.price-tt {
  font-size: .427rem;
  font-family: PingFangSC-Semibold;
  font-weight: bold;
  color: #E33E41;
}

.spell-block-btn {
  width: 100%;
  height: .853rem;
  line-height: .853rem;
  background: #E33E41;
  border-radius: .107rem;
  font-family: PingFangSC-Regular;
  font-size: .373rem;
  color: #FFF;
  text-align: center;
  margin: .107rem 0;
}

.btn-no {
  opacity: 0.5;
}

/* 一行1商品  左右 */

.bomb-buy {
  width: 93.6%;
  height: 3.52rem;
  background: #fff;
  margin: 0 auto .213rem;
  padding-top: .32rem;
  border-radius: .213rem;
}

.bomb-buy .b-img {
  width: 3.2rem;
  height: 3.2rem;
  float: left;
  border-radius: .107rem;
  overflow: hidden;
  position: relative;
}

.bomb-buy .b-text .pt-16 {
  height: .533rem;
  overflow: hidden;
}

.bomb-buy .b-text {
  width: 5.2rem;
  height: 3.2rem;
  margin-left: 3.84rem;
  position: relative;
}

.b-text .b-describe,
.b-text .b-h2 {
  height: .64rem;
  line-height: 1.5;
  font-size: .427rem;
  overflow: hidden;
  /* white-space: nowrap; */
  color: #333;
  /* text-overflow: ellipsis; */
}

.b-text .b-h2 {
  font-weight: bold;
}

.b-text .b-describe {
  height: .56rem;
  font-size: .373rem;
  color: #CE8865;
}

.b-text .price-bar {
  position: absolute;
  bottom: 0;
  width: 100%;
}

.pt-16 {
  padding-top: .213rem;
}

.ml-24 {
  margin-left: .32rem;
}

/* 一行1商品  上下 */
.list-block {
  width: 93.6%;
  margin: 0 auto .32rem;
  background: #FFF;
  border-radius: .213rem;
}

.list-block-pic {
  position: relative;
  height: 4.987rem;
  overflow: hidden;
}

.list-block-pic img {
  border-radius: .213rem .213rem 0 0;
}

.list-block-pic .icon-box-80 img {
  border-radius: 0;
}

.list-block-info {
  padding: .24rem .32rem .373rem;
}

.list-block-info-title {
  font-size: .427rem;
  font-weight: 500;
  color: #333;
  line-height: .64rem;
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 1;
  -webkit-box-orient: vertical;
  word-break: break-all;
}

.list-block-info-tag {
  padding-top: .16rem;
  height: .533rem;
  margin-bottom: .213rem;
  overflow: hidden;
}

.list-block-info-tag span {
  margin-right: .107rem;
}

.list-block-info-buy {
  padding-top: .053rem;
  position: relative;
}

.list-block-info-buy .price-box {
  color: #E33E41;
}

.list-block-info-buy .price-txt {
  font-size: .427rem;
  font-weight: bold;
  line-height: .64rem;
}

.list-block-info-buy .btn-has-gone,
.list-block-info-buy .btn-red-80-32 {
  position: absolute;
  right: 0;
  bottom: -.08rem;
}


/* layout 缺失标签 */
/* 88 activity add tags A/B/C */

.tag-array {
  position: absolute;
  top: 6px;
  left: 6px;
  width: auto;
  z-index: 1;
  display: -webkit-flex;
  display: flex;
}

.tag-array .tag-n {
  width: 39px;
  height: 39px;
  padding: 0 1px 1px 0;
  box-sizing: border-box;
  border-radius: 0 40px 40px 40px;
  background: url('http://img.ugoshop.com/mobile/miniapp/images/public/bg_label_big@3x.png');
  background-size: 100% 100%;
  display: block;
  font-size: 11px;
  text-align: center;
  line-height: 1;
  color: #E4474A;
  display: flex;
  justify-content: center;
  align-items: center;
  position: static;
}

.tag-array .tag-pic {
  width: 40px;
  height: 40px;
  box-sizing: border-box;
  display: block;
  display: flex;
  justify-content: center;
  align-items: center;
  position: static;
}

.tag-array .tag-num {
  font-size: 17px;
  font-family: PingFang-SC-Medium;
  font-weight: bold;
}

.tag-array .tag-save {
  font-size: 17px;
  font-family: PingFang-SC-Medium;
  font-weight: bold;
}

.tag-array .tag-save .tag-num {
  font-size: 11px;
  font-family: PingFang-SC-Medium;
}

.tag-array .tag-n:nth-child(1) {
  z-index: 10;
}

.tag-array .tag-n:nth-child(2) {
  z-index: 5;
  margin-left: -7px;
}

.tag-array .tag-pic:nth-child(2) {
  z-index: 4;
  margin-left: -7px;
}

.tag-array .tag-n:nth-child(3),
.tag-array .tag-pic:nth-child(3) {
  z-index: 0;
  margin-left: -7px;
}

/* 滑动广告 */
.h5-advert {
  padding: .32rem 0;
  margin-left: .32rem;
}

.swiper-slide {
  width: 2.56rem;
  margin-right: .213rem;
}

/* .spell-list .spell-block:last-child,
.spell-list .spell-block:nth-last-child(2) {
  margin-bottom: 0;
} */

.user_list {
  margin-top: 0;
}

.pf-gift {
  width: 1.627rem;
  /* height: 3.733rem; */
  position: fixed;
  bottom: 4rem;
  right: 0;
  z-index: 100;
  transform: translate3d(100px);
  background-size: 100%;
}

/* 新人专享商品页 */
.bg {
  background: #F23A33;
}

.ng_top_bg {
  width: 100%;
}

.mt32 {
  margin-top: .427rem;
}

.ng-good-tt {
  width: 100%;
  height: 1.6rem;
  line-height: 1.6rem;
  background: url('https://img2.ugoshop.com/mobile/app_activity/2020newGift/xrsp-tt.jpg');
  background-size: 100% 100%;
  text-align: center;
  font-size: .533rem;
  font-family: PingFangSC-Semibold, PingFang SC;
  font-weight: bold;
  color: #93200E;
}

/* 新人价价 */

.bomb+.bomb {
  margin-top: 3%;
}


.bomb .view-txt .del-price {
  font-size: .373rem;
  color: #999;
  line-height: .48rem;
}

.xrl-price {
  position: absolute;
  width: 54.5%;
  height: 28.15%;
  background: url('https://img2.ugoshop.com/mobile/app_activity/2020newGift/bg-bomb.png');
  background-size: 100% 100%;
  right: -1.4%;
  bottom: .133rem;
  z-index: 10;
}

.xrl-price .pricePos {
  position: absolute;
  left: 53%;
  top: 35%;
}

.pricePos i {
  font-size: .48rem;
  color: #333;
}

.pricePos span {
  font-size: .693rem;
  color: #333;
  font-weight: bold;
  font-family: Arial;
}

.bg-no {
  background: none;
  padding: .373rem .107rem .107rem;
}

.bg-no .spell-block-info-title {
  height: 1.173rem;
}

.bg-no .icon-new-120 {
  margin: .107rem 0 0 .107rem;
}

.icon-new-120 {
  width: 1.6rem;
  height: 1.28rem;
  background: linear-gradient(90deg, #ED1515 0%, #FF4949 100%);
  border-radius: .107rem;
  border: .027rem solid #E33E41;
  font-family: PingFangSC-Medium, PingFang SC;
  display: inline-block;
  text-align: center;
  line-height: .64rem;
  position: absolute;
}

.icon-new-120 p:first-child {
  border-radius: .107rem .107rem 0 0;
  height: .64rem;
  font-size: .32rem;
  color: #E33E41;
  background: #FFF0F0;
}

.icon-new-120 p:last-child {
  font-size: .347rem;
  font-weight: bold;
  color: #FFFFFF;
}


.bg .block {
  margin-bottom: .383rem;
}


.xr-gift {
  position: fixed;
  bottom: 4rem;
  right: .427rem;
  width: 1.387rem;
  height: 1.147rem;
  padding-top: .24rem;
  background: linear-gradient(90deg, #BE5B29 0%, #E7824F 100%);
  border-radius: 50%;
  border: .04rem solid #FFF3E0;
  font-size: .32rem;
  font-family: PingFangSC-Medium, PingFang SC;
  font-weight: bold;
  line-height: .427rem;
  text-align: center;
  z-index: 10;
}

.xr-gift a {
  color: #FFF3E0;
}

/* 活动期加码商品模版 */
.rmsp {
  width: 95%;
  margin: 0 auto;

}

.hot_goods {
  width: 95%;
  padding: 2.5%;
  margin-bottom: 3%;
  background: #FFF;
  border-radius: .133rem;
  display: flex;
  justify-content: space-between;
  align-content: center;
}

.hot_goods_pic {
  width: 42%;
  margin-right: 3%;
}

.hot_goods_info {
  width: 55%;
}

.hot_goods_info h2 {
  font-size: .4rem;
  font-weight: bold;
  color: #383838;
  height: 1.067rem;
  line-height: .533rem;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
  overflow: hidden;
}

.tag_hot_buy {
  width: 1.12rem;
  width: 42px;
  height: .427rem;
  background: url('https://img2.ugoshop.com/mobile/app_activity/h5/icon_hot_sale.png') no-repeat;
  background-size: 100%;
  display: inline-block;
  margin-right: .16rem;
  vertical-align: text-bottom;
}

.hot_goods_buy {
  width: 100%;
  height: 2.613rem;
  background: url('https://img2.ugoshop.com/mobile/app_activity/h5/one_one.png') no-repeat;
  background-size: 100%;
}

.hot_goods_info h2+.hot_goods_buy {
  margin-top: .107rem;
}

.buy_none {
  background: url('https://img2.ugoshop.com/mobile/app_activity/h5/one_one_no.png') no-repeat;
  background-size: 100%;
}

.buy_none .hot_goods_price,
.buy_none .font-price {
  color: #999;
}

.hot_goods_activity {
  height: 1.733rem;
  display: flex;
  justify-content: space-between;
}

.hot_goods_act_price,
.hot_goods_act_end {
  font-size: .32rem;
  color: #444;
  width: 40%;
}

.hot_goods_act_state {
  width: 20%;
  text-align: center;
  font-size: .32rem;
  color: #FFF;
  margin-top: .64rem;
}

.hot_goods_act_end {
  text-align: right;
}

.hot_goods_price {
  font-size: .373rem;
  color: #E33E41;
  padding-right: 1.173rem;
  text-align: center;
  font-weight: bold;
  /* vertical-align: middle; */
}

.hot_goods_price .prifix_price {
  vertical-align: text-bottom;
}

.hot_goods_act_price p,
.hot_goods_act_end p {
  margin-bottom: .213rem;
}

.font-del,
.font-price {
  font-size: .64rem;
  color: #E33E41;
  font-weight: bold;
  font-family: -apple-system, BlinkMacSystemFont, sans-serif;
  display: inline-block;
}

.font-del {
  font-weight: normal;
  color: #444;
  text-decoration: line-through;
  font-size: .32rem;
  margin-left: 0;
}

.font-activity {
  font-weight: normal;
  color: #444;
  font-size: .32rem;
}

.font-price::before {
  content: "￥";
  font-size: .373rem;
  margin-right: -.027rem;
}

.font-activity::before,
.font-del::before {
  content: "￥";
  font-size: .32rem;
  margin-right: -.027rem;
}

.one_line h2 {
  height: .533rem;
  -webkit-line-clamp: 1;
}

.tag_hot_info_tag {
  height: .533rem;
  overflow: hidden;
  font-size: .32rem;
  color: #CE8865;
  padding-top: .133rem;
}

.one_two {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
}

.one_two .hot_goods {
  width: 45%;
  padding: 2%;
  display: inline;
}

.one_two .hot_goods_pic {
  width: 100%;
  margin-right: 0;
}

.one_two .hot_goods_info h2 {
  font-size: .373rem;
}

.one_two .hot_goods_info {
  width: 100%;
  margin-top: .107rem;
}

.one_two .hot_goods_buy {
  height: 2.453rem;
  background: url('https://img2.ugoshop.com/mobile/app_activity/h5/one_two.png') no-repeat;
  background-size: 100%;
}

.one_two .hot_goods_buy.buy_none {
  background: url('https://img2.ugoshop.com/mobile/app_activity/h5/one_two_no.png') no-repeat;
  background-size: 100%;
}

.one_two .hot_goods_act_state {
  margin-top: .533rem;
}

.one_two .hot_goods_act_price,
.one_two .hot_goods_act_end {
  padding-top: .053rem;
}

.one_two .hot_goods_activity {
  height: 1.68rem;
}

.one_two .hot_goods_price {
  font-size: .347rem;
}

.one_two .font-price {
  font-size: .533rem;
}

/* 裂变分享 s */
.fiss-share {
  width: 93.3%;
  background-color: #fff;
  border-radius: 8px;
  margin: 0 auto;
  padding: .533rem .427rem;
  box-sizing: border-box;
  font-family: PingFangSC-Regular, PingFang SC;
}

.fiss-share .top-row {
  /* display: grid;
  grid-template-columns: 70% 30% ; */
  height: .693rem;
  line-height: .693rem;
  margin-bottom: .427rem;
  display: flex;
  display: -webkit-flex;
  justify-content: space-between;
}

.fiss-share .top-row h3 span {
  color: #E33E41;
}

.fiss-share .top-row h3 {
  font-size: .48rem;
  font-family: PingFangSC-Medium, PingFang SC;
  font-weight: 500;
  color: #333;
  display: inline;
}

.fiss-share .top-row .rule {
  font-size: .427rem;
  color: #777;
  padding: 0 .533rem 0 0;
  text-align: right;
  position: relative;
  display: inline;
}

.fiss-share .top-row .rule::after,
.fiss-share .top-row .rule::before {
  position: absolute;
  right: 0;
  top: 0;
  display: block;
  content: "";
  height: .48rem;
  width: .48rem;
  line-height: .48rem;
  top: 50%;
  margin: -.24rem 0 0;
  text-align: center;
}

.fiss-share .top-row .rule::before {
  content: "?";
  font-size: .373rem;
  margin-top: -.213rem;
}

.fiss-share .top-row .rule::after {
  border: 1px solid #999;
  border-radius: 100%;
  box-sizing: border-box;
}

/* 裂变分享 优惠券 */
.fiss-share .fiss-coupons {
  width: 100%;
  height: 2.113rem;
  background: #FFF0F0;
  border: 1px solid #FFE4E4;
  border-radius: 8px;
  position: relative;
  display: grid;
  grid-template-columns: 36% 64%;
  display: flex;
  display: -webkit-flex;
  justify-content: space-between;
  color: #E33E41;
  margin-bottom: .32rem;
}

.fiss-share .coupons-rec {
  background: #FFF0F0 url(http://img4.ugoshop.com/mobile/3.6/themes/ugo/images/h5/share-invite/receive.png) no-repeat 96% 0;
  background-size: 1.707rem 1.413rem;
}

.fiss-share .fiss-coupons .money .number {
  font-size: .96rem;
  font-family: PingFangSC-Semibold, PingFang SC;
  font-weight: 600;
  vertical-align: sub;
}

.fiss-share .fiss-coupons .money {
  line-height: 2.113rem;
  font-size: .48rem;
  font-family: PingFangSC-Semibold, PingFang SC;
  font-weight: 500;
  text-align: center;
  width: 36%;
  padding-left: .08rem;
}

.fiss-share .fiss-coupons .use-date {
  padding: .427rem 0 0 .533rem;
  width: 64%;
}

.fiss-share .fiss-coupons .use-date div {
  line-height: .693rem;
  font-size: .48rem;
  font-family: PingFangSC-Medium, PingFang SC;
  font-weight: 500;
}

.fiss-share .fiss-coupons .use-date p {
  font-size: .373rem;
  font-family: PingFangSC-Regular, PingFang SC;
  font-weight: 400;
  margin-top: .053rem;
}

/* 优惠券 分割线 */
.fiss-share .fiss-coupons .gap {
  position: absolute;
  width: 13px;
  height: 100%;
  left: 33.8%;
  top: 0;
}

.fiss-share .fiss-coupons .gap-t,
.fiss-share .fiss-coupons .gap-b,
.fiss-share .fiss-coupons .gap-line {
  position: absolute;
  left: 50%;
}

.fiss-share .fiss-coupons .gap-b,
.fiss-share .fiss-coupons .gap-t {
  background-color: #fff;
  border: 1px solid #FFE4E4;
  width: 13px;
  height: 6.5px;
  left: 0;
}

.fiss-share .fiss-coupons .gap-t {
  border-bottom-left-radius: 100px;
  /* 100px of height + 10px of border */
  border-bottom-right-radius: 100px;
  /* 100px of height + 10px of border */
  border-top: 0;
  top: -1px;
}

.fiss-share .fiss-coupons .gap-b {
  border-top-left-radius: 100px;
  /* 100px of height + 10px of border */
  border-top-right-radius: 100px;
  /* 100px of height + 10px of border */
  border-bottom: 0;
  bottom: -1px;
}

.fiss-share .fiss-coupons .gap-line {
  width: 1px;
  overflow: hidden;
  height: 100%;
  background-color: #FFE4E4;
  top: 0;
}

/* 信息 */
.fiss-share .tag-bar {
  font-size: .373rem;
  font-family: PingFangSC-Regular, PingFang SC;
  font-weight: 400;
  height: .533rem;
  color: #333;
  margin-bottom: .747rem;
}

.fiss-share .tag-bar .tag-coupons {
  box-sizing: border-box;
  border: .027rem solid #E33E41;
  color: #E33E41;
  font-size: .347rem;
  text-align: center;
  padding: 0 .213rem;
  position: relative;
  display: inline-block;
  border-radius: .113rem;
}

.fiss-share .tag-bar .tag-coupons::before,
.fiss-share .tag-bar .tag-coupons::after {
  position: absolute;
  height: 6px;
  width: 3px;
  top: 50%;
  content: "";
  display: block;
  border: .027rem solid #E33E41;
  background-color: #fff;
  margin-top: -3px;
}

.fiss-share .tag-bar .tag-coupons::before {
  left: -1px;
  border-bottom-right-radius: 30px;
  border-top-right-radius: 30px;
  border-left: 0;
}

.fiss-share .tag-bar .tag-coupons::after {
  right: -1px;
  border-right: 0;
  ;
  border-bottom-left-radius: 30px;
  border-top-left-radius: 30px;
}

/* 邀请 人列表 */
.fiss-share .invite-area {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  width: 7.787rem;
  margin: 0 auto;
}

.fiss-share .ico-invite {
  width: 1.173rem;
  height: 1.173rem;
  display: inline-block;
  background: url(http://img4.ugoshop.com/mobile/3.6/themes/ugo/images/h5/share-invite/portrait.png) no-repeat;
  background-size: 100%;
  border-radius: .587rem;
  margin: 0 .16rem .267rem;
  position: relative;
  /* overflow: hidden; */
  box-sizing: border-box;
}

.tag-new-red {
  height: 16px;
  line-height: 16px;
  width: 80%;
  color: #fff;
  font-size: .347rem;
  background: #E33E41;
  position: absolute;
  bottom: -12px;
  left: 10%;
  text-align: center;
  font-size: 10px;
  border-radius: 20px;
  z-index: 10;
}

.fiss-share .ico-invite img {
  position: relative;
  z-index: 10;
  border-radius: 50%;
}

.fiss-share .invite-note {
  font-family: PingFangSC-Regular, PingFang SC;
  font-weight: 400;
  color: #B46730;
  text-align: center;
  font-size: .373rem;
}

/* 裂变按钮 */
.lb-btn {
  width: 96%;
  height: 1.173rem;
  line-height: 1.173rem;
  text-align: center;
  margin: 0 auto;
  background: linear-gradient(90deg, #ED1515 0%, #FF4949 100%);
  border-radius: .587rem;
  font-size: 18px;
  font-family: PingFangSC-Semibold, PingFang SC;
  font-weight: 600;
  color: #fff;
  margin-bottom: .213rem;
  margin-top: .747rem;
}

.lb-btn-over {
  opacity: 0.5;
}

.lb-btn-note {
  color: #777;
  text-align: center;
  font-size: .373rem;
}

.a-right {
  display: inline-block;
  width: 8px;
  height: 8px;
  border-top: 1px solid #777;
  border-right: 1px solid #777;
  transform: rotate(45deg);
  -webkit-transform: rotate(45deg);
}

/* 裂变分享 e */

/* 弹层 */
.masked {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: rgba(0, 0, 0, 0.7);
  z-index: 1000;
  -webkit-transform: translateZ(3px);
  -moz-transform: translateZ(3px);
  -o-transform: translateZ(3px);
  transform: translateZ(3px);
  display: flex;
  align-items: center;
  justify-content: center;
}

.pop_rules {
  width: 84%;
  background: #FFF;
  border-radius: 10px;
  /* padding-bottom: 22px; */
  z-index: 1001;
  -webkit-transform: translateZ(4px);
  -moz-transform: translateZ(4px);
  -o-transform: translateZ(4px);
  transform: translateZ(4px);
  position: relative;
}

.icon_close {
  position: absolute;
  top: 3%;
  right: 4%;
  width: .4rem;
  height: .4rem;
  background: url('https://img2.ugoshop.com/mobile/miniapp/images/sns-2019/icon_button_topic.png') no-repeat;
  background-size: 100%;
}

.pop_rules_tit {
  margin-top: 7.5%;
  font-size: .533rem;
  font-weight: bold;
  color: #333;
  text-align: center;
  line-height: .853rem;
}

.pop_rules_txt {
  height: 10.613rem;
  overflow-y: scroll;
  padding: 4% 7.5%;
  font-size: .4rem;
  color: #333;
  line-height: .587rem;
}

.h5_body a {
  display: block;
}

/* H5模版_推荐官 */
.pb_1 {
  padding-bottom: .013rem;
}

.tjg {
  width: 93.6%;
  margin: 0 auto;
}

.tjg_con {
  width: 100%;
  height: 7.013rem;
  margin-bottom: 3%;
  padding: .427rem 0 .32rem;
  position: relative;
}

.tjg_cc {
  position: absolute;
  top: .427rem;
  left: 0;
  width: 100%;
  height: 7.013rem;
  background-image: linear-gradient(90deg, #BB000E 0%, #DA2609 100%);
  border-radius: .48rem;
  z-index: 1;
}

.tjg_con::before {
  content: '';
  position: absolute;
  top: .147rem;
  left: 0;
  width: 1.2rem;
  height: 1.2rem;
  background-image: linear-gradient(90deg, #210B0B 0%, #541F1F 100%);
  border-radius: 1.2rem;
  z-index: 0;
}

.tjg_con_tit {
  position: absolute;
  top: 0;
  left: .28rem;
  width: 32.5%;
  height: .827rem;
  line-height: .853rem;
  font-size: .427rem;
  color: #FFD75E;
  font-family: PingFangSC-Semibold;
  background-image: linear-gradient(90deg, #210B0B 0%, #541F1F 100%);
  border-radius: .4rem .107rem .4rem .107rem;
  text-align: center;
  z-index: 2;
}

.tjg_con_tit span {
  font-style: italic;
  display: flex;
  align-items: center;
  justify-content: center;
  font-weight: bold;
}

.tjg_con_tit span::before {
  content: '';
  width: .427rem;
  height: .427rem;
  background: url('http://img4.ugoshop.com/mobile/5.2/images/h5/ico_hand.png') no-repeat;
  background-size: 100%;
  margin-right: .107rem;
  display: inline-block;
  vertical-align: initial;
}

.tjg_reason {
  width: 90%;
  line-height: .64rem;
  margin: .587rem auto 0;
  font-family: PingFangSC-Semibold;
  font-size: .453rem;
  color: #FFFFFF;
  font-style: italic;
  font-weight: bold;
}

.tjg_quotes {
  position: absolute;
  top: 1.6rem;
  right: .213rem;
  font-family: Arial;
  font-size: 2.667rem;
  color: #FA4E32;
  z-index: 5;
}

.tjg_good {
  position: absolute;
  bottom: 0;
  left: .053rem;
  width: 98.8%;
  height: 5.253rem;
  background: #FFFFFF;
  box-shadow: 0 -8px 12px 0 rgba(0, 0, 0, 0.15);
  border-radius: .267rem;
  z-index: 3;
  display: flex;
}

.tjg_good_pic {
  width: 50%;
  margin: .32rem 0 0 2.8%;
  border-radius: .107rem;
  position: relative;
}

.tjg_good_pic img {
  border-radius: .107rem;
}

.icon-logo-96 {
  width: 1.28rem;
  height: 1.28rem;
  position: absolute;
  left: .16rem;
  top: .16rem;
}


.tjg_good_info {
  position: relative;
  width: 41.6%;
  margin: 0 2.8%;
}

.tjg_good_info h2 {
  line-height: .56rem;
  font-family: PingFangSC-Semibold;
  font-size: .4rem;
  font-weight: bold;
  color: #333333;
  margin-top: .373rem;
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 3;
  -webkit-box-orient: vertical;
}

.tjg_exponent {
  font-size: .32rem;
  color: #777777;
  line-height: .48rem;
  display: flex;
  align-items: center;
  margin-top: .053rem;
}

.tjg_exponent i:first-child {
  margin-left: .107rem;
}

.tjg_exponent i {
  width: .267rem;
  height: .267rem;
  background: url('http://img4.ugoshop.com/mobile/5.2/images/h5/ico_star.png') no-repeat;
  background-size: 100%;
  margin-right: .053rem;
  display: inline-block;
  flex-shrink: 0;
}

.tjg_good_price {
  position: absolute;
  bottom: .32rem;
  left: 0;
  width: 100%;

}

.tjg_good_price p {
  font-style: italic;
  display: inherit;
  font-size: .4rem;
  color: #999999;
  margin-bottom: -.213rem;
}

.tjg_good_price .font-del::before {
  font-size: .4rem;
}

.tjg_good_price span,
.tjg_good_price i {
  font-style: italic;
}

.tjg_good_price .font-price::before {
  font-size: .48rem;
  font-weight: bold;
  margin: 0;
}

.tjg_good_price i {
  font-weight: bold;
  font-size: .4rem;
  color: #D62219;
  margin-right: .053rem;
}

.tjg_good_btn {
  width: 90%;
  height: .96rem;
  line-height: .96rem;
  background-image: linear-gradient(90deg, #FFDE26 0%, #FFC001 100%);
  border-radius: .107rem;
  font-size: .427rem;
  color: #333333;
  font-weight: bold;
  text-align: center;
  position: relative;
  padding-right: 10%;
  margin-top: .213rem;
}

.tjg_good_btn::after {
  position: absolute;
  top: 0;
  right: 0;
  content: '';
  width: .813rem;
  height: 100%;
  background: url('http://img4.ugoshop.com/mobile/5.2/images/h5/ico_arrow.png') no-repeat;
  background-size: 100%;
}

/* 补贴模板 */
 
.bt-tpl{
  padding: 0.267rem 0.320rem;
}
.bt-tpl a + a,
.bt-tpl .bt-con + .bt-con{
  margin-top: 0.267rem;
}
.bt-tpl .bt-con{
  width:93.6%;
  background: #fff;
  border-radius: 0.213rem;
  display: flex;
  padding: .267rem;
}
.bt-tpl .bt-pic{
  width: 4rem; 
  height: 4rem;
  position: relative;
  border-radius: 0.160rem;
  overflow: hidden;
}
.bt-tpl .bt-pic::after{
  content: '';
  display: block;
  width: 100%;
  height: 100%;
  left: 0;
  top:0;
  background: rgba(0,0,0,.04);
  z-index: 0;
  position: absolute;
}
.bt-tpl .bt-good-info{
  width: 4.560rem; 
  margin-left: 0.267rem;
  position: relative;
}
.bt-tpl .bt-tag-red{
  width: auto;
  height: .533rem;
  display: inline-block;
  padding: 0 0.133rem;
  background-image: linear-gradient(90deg, #ED1515 0%, #FF4949 100%);
  border-radius: 0.107rem;
  font-family: PingFangSC-Regular;
  font-size: 0.320rem;
  color: #FFFFFF;
  letter-spacing: 0;
  line-height: 0.480rem;
  margin-bottom: 0.160rem;
}
.bt-tpl .bt-title{
  height: 1.280rem;
  font-family: PingFangSC-Medium;
  font-size: 0.427rem;
  color: #333333;
  letter-spacing: 0;
  line-height: 0.640rem;
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
}
.bt-tpl .bt-tag-btn{
  line-height: 0.640rem;
  background-image: linear-gradient(90deg, #FFF2EC 0%, #FFDCC5 100%);
  border: 0.027rem solid #FA3B3B;
  border-radius: 0.107rem 1.333rem 1.333rem 0.107rem  ;
  position: absolute;
  bottom: 0.933rem;
  left:0.093rem;
  font-family: PingFangSC-Medium;
  font-size: 0.373rem;
  color: #820000;
  letter-spacing: 0;
  padding: 0 0.373rem 0 0.107rem;
  margin-left:.373rem ;
  z-index: 10;
}
.bt-tpl .bt-tag-btn .left-arrow{
  width:.373rem;
  height: 0.640rem;
  overflow: hidden;
  position: absolute;
  left:-.373rem;
  top: -.027rem;
}
.bt-tpl .bt-tag-btn .left-arrow::before{
  width: 0.107rem;
  height: 0.107rem;
  border-radius: 100%;
  position: absolute;
  left:60%;
  top:50%;
  content: "";
  transform: translate(0,-50%);
  background: #F63236;
  z-index: 10;
}
.bt-tpl .bt-tag-btn .left-arrow::after{
  display: block;
  width: .640rem;
  height: .640rem;
  border: 0.027rem solid #FA3B3B;
  content: "";
  left:0.16rem;
  top:0;
  z-index: 0;
  background: #FFF2EC;
  transform: rotate(45deg);
  position: absolute;
  border-radius:0 0 0 0.107rem;
}
.bt-tpl .bt-btn{
  width: 4.560rem; 
  height: 1.067rem;
  background-image: url(https://img2.ugoshop.com/mobile/5.2/images/h5/bt-tag-btn.png?a=1);
  background-size: 100%;
  position: absolute;
  bottom: 0;
  left: 0;
  z-index: 0;
  display: flex;
  line-height: 1.067rem;
}
.bt-tpl .bt-btn .font-price{
  font-family: Arial-BoldItalicMT;
  font-size: 0.587rem;
  color: #FFFFFF;
  letter-spacing: 0;
  padding-left: 0.213rem;
}
.bt-tpl .bt-btn .font-price::before{
  font-family: Arial-BoldItalicMT;
  font-size: 0.400rem;
  content: "￥";
  color: #FFFFFF;
}
.bt-tpl .bt-btn::after{
  position: absolute;
  z-index: 1;
  top:0.267rem;
  right:0.187rem ;
  line-height: 0.533rem;
  font-family: PingFangSC-Medium;
  font-size: 0.373rem;
  color: #FFDEC8;
  content: "抢购";
}
.bt-tpl .bt-btn .font-del{
  font-family: Arial-ItalicMT;
  font-size: 0.347rem;
  color: #FFFFFF;
  margin-left: 0.107rem;
  line-height: 1.167rem;
}
 /* 直播模块  */
 .living-module{
   width:100%;
   height: 6.293rem;
   height: 6.427rem;
   box-sizing: border-box;
   text-align: center;
   position: relative;
   overflow: hidden;
  }
  .living-module .pic-main{
    width:89.6%;
    margin: 0.080rem 0 0 0.533rem;
    width: 8.960rem;
    height: 4.587rem;
    display: flex;
    align-items: center;
    justify-content: center;
  }
  .living-module .btn-live-ico{
    width:1.280rem;
    height:1.280rem;
    background: url(https://img2.ugoshop.com/mobile/5.2/images/h5/icon_play_96@2x.png);
    background-size: 100%;
    position: absolute;
    z-index: 10;
    left:50%;
    top:40%;
    transform: translate(-50%,-50%);
  }
  .living-module .live-cover{
    width:100%;
    height: 6.427rem;
    position: absolute;
    z-index: 1;
    left:0;
    top:0;
  }
  
.living-module .lb-msg{
  position: absolute;
  z-index: 10;
  left:0.853rem;
  bottom:1.813rem ;
  z-index: 10;
  width:3.200rem;
  height: 1.493rem;
  height: 56px;
  overflow: hidden;
  display: none;
}
.living-module .lb-msg-in{
  transition: all 1s linear;
  text-align: left;
}
.living-module .lb-msg{
  box-sizing: border-box;
  font-size:  12px;
  font-family: PingFangSC-Regular, PingFang SC;
  font-weight: 400;
  color: #fff;
}
.living-module .lb-msg .text{
  height:0.427rem;
  /* line-height:0.427rem; */
}
.living-module .lb-msg-auto,
.living-module .lb-msg-long{
  height: 20px;
  padding: 0 .32rem;
  /* padding: 6px .32rem; */
  background: rgba(254, 239, 216, 0.8);
  background: rgba(0,0,0,0.3);;
  border-radius: .48rem;
  margin-bottom: 4px;
  box-sizing: border-box;
 
}

.living-module .lb-msg-long .text{
  width:2.560rem;
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
}
.living-module .lb-msg-auto,
.living-module .lb-msg-auto .text{
   display: inline-block; 
}
.living-module .line-cover{
  width: 100%;
  height: 1.707rem;
  position: absolute;
  z-index: 0;
  bottom:1.607rem;
  left:0.533rem;
  background: linear-gradient(180deg, rgba(0,0,0,0) 0%, rgba(0,0,0,0.7) 100%);
  border-radius: 0px 0px 16px 16px;
}
.living-module .right-ad{
  width:1.707rem;
  height:4.107rem;
  position: absolute;
  z-index: 10;
  top:0.320rem;
  right:0.720rem;
  overflow: hidden;
}
@font-face {
  font-family: "fire"; /* Project id 3900876 */
  src: url('./fire.woff2?t=1676857376674') format('woff2'),
      url('./fire.woff?t=1676857376674') format('woff'),
      url('./fire.ttf?t=1676857376674') format('truetype');
}
@font-face {
  font-family: "flash"; /* Project id 3900876 */
  src: url('./flash.woff2?t=1676857376674') format('woff2'),
      url('./flash.woff?t=1676857376674') format('woff'),
      url('./flash.ttf?t=1676857376674') format('truetype');
}
@font-face {
  font-family: "arrowDown"; /* Project id 3900876 */
  src: url('./arrowDown.ttf?t=1676857376674') format('truetype');
}
 
/* 通栏头部 定位 */
.h5HeadFixed{
  width:100%;
  position:fixed;
  top:0;  
  z-index: 10000;

}
.h5HeadFixed .showtoper{
  box-shadow: none;
  border:0;
  background:none;
  height:auto!important;
  padding-top: constant(safe-area-inset-top);
  padding-top: env(safe-area-inset-top);
  display: flex;
  justify-content: space-between;
}
.h5HeadFixed a.areturn{
  /* width: 0.853rem;
  height: 0.853rem; */
  background-color: rgba(0, 0, 0, 0.3) ;
  background-image:url(https://img2.ugoshop.com/mobile/5.2/images/@2x/icon_common_back_white@2x.png);
  background-repeat:  no-repeat;
  background-size: 80%;
  border-radius: 100%;
  background-position: center center;
  margin-left: 0;
  z-index: 1010;
}
.h5HeadFixed a.areturn::after{
  display: none;
}
.h5HeadFixed a.areshare{
  background: rgba(0, 0, 0, 0.3)  url(https://img2.ugoshop.com/mobile/5.2/images/@2x/icon_common_share_white@2x.png) no-repeat center center;
  background-size: 80%;
  border-radius: 100%;
  top:unset;
  margin-top: .267rem;
  margin-right: 0;
}
.h5HeadFixed .showtoper .zctit3,
.h5HeadFixed .showtoper .zctit2{
  width: 100%;
  opacity: 0;
}
.h5HeadFixed a.areshare{}
.h5HeadFixed a.areshare{}