#brand-single {
    position: relative;
    border-top: 1px solid transparent;
    margin-top: -1px
}

#brand-single .single-banner {
    width: 100%;
    height: 410px;
    position: absolute;
    background: center no-repeat;
    background-size: cover;
    min-width: 1200px
}

.brand-single {
    width: 1200px;
    margin: 30px auto;
    font-family: 'PingFang SC',"Microsoft YaHei";
    font-size: 14px;
    position: relative
}

.brand-single .go-back {
    display: block;
    margin: 0 0 15px;
    font-size: 12px;
    color: #333
}

.brand-single .single-top .brand-label {
    padding: 15px 0;
    position: relative;
    margin-top: 40px
}

.brand-single .single-top .brand-label .top {
    height: 140px;
    border-radius: 5px;
    background: rgba(255,255,255,.9);
    margin-bottom: 1px;
    padding: 0 20px
}

.brand-single .single-top .brand-label .top .image-wrap {
    width: 162px;
    height: 162px;
    background: #fff;
    border: 1px solid #eee;
    border-radius: 50%;
    text-align: center;
    margin-top: -30px;
    box-sizing: border-box;
}

.brand-single .single-top .brand-label .top .image-wrap img {
    max-width: 136px;
    height: 70px;
    margin-top: 45px
}

.brand-single .single-top .brand-label .top .des {
    line-height: 23px;
    margin: 44px 37px;
    height: 52px;
    max-width: 250px;
    box-sizing: border-box;
}

.brand-single .single-top .brand-label .top .des p {
    font-size: 18px
}

.brand-single .single-top .brand-label .top .des span {
    color: rgba(56,34,14,.7);
    width: 210px;
    text-overflow: ellipsis;
    overflow: hidden;
    white-space: nowrap;
    display: block;
    margin-top: 6px;
    min-height: 30px
}

.brand-single .single-top .brand-label .top .num-wrap {
    border-left: 1px solid #eee;
    border-right: 1px solid #eee;
    height: 50px;
    padding: 0 19px;
    width: 340px;
    margin-top: 45px;
    display: flex;
    justify-content: space-around;
    box-sizing: border-box;
}

.brand-single .single-top .brand-label .top .num-wrap li {
    float: left;
    text-align: center;
    color: #999;
    width: 33%
}

.brand-single .single-top .brand-label .top .num-wrap li span {
    margin-bottom: 5px;
    display: block;
    font-size: 20px;
    color: #333;
    height: 26px
}

.brand-single .single-top .brand-label .top .consume {
    margin: 37px 0 0 34px;
    width: 680px;
    box-sizing: border-box;
}

.brand-single .single-top .brand-label .top .consume li {
    margin-bottom: 5px;
    color: #666
}

.brand-single .single-top .brand-label .top .consume li i.iconfont {
    margin-right: 10px;
    color: #40D3B2
}

.brand-single .single-top .brand-label .top .consume li span {
    overflow: hidden;
    /* text-overflow: ellipsis;
    width: 270px; */
    /* white-space: nowrap; */
    display: inline-block;
    position: relative;
    top: 4px
}

.brand-single .single-top .brand-label .bottom {
    border-radius: 5px;
    background: rgba(255,255,255,.9);
    height: 50px
}

.brand-single .single-top .brand-label .bottom .label {
    background: #f5f5f5;
    border-radius: 12px;
    padding: 0 10px;
    height: 24px;
    line-height: 24px;
    font-size: 12px;
    color: #666;
    margin-left: 20px;
    display: inline-block;
    margin-top: 13px
}

.brand-single .single-top .brand-label .bottom .brand-material {
    float: right;
    background: rgba(34,44,50,.9);
    border-radius: 2px;
    color: #aaa;
    line-height: 24px;
    padding: 0 0 0 6px;
    height: 24px;
    margin: 13px 20px 0 0;
    font-size: 12px
}

.brand-single .single-top .brand-label .bottom .brand-material i {
    position: relative;
    top: -1px
}

.brand-single .single-top .brand-label .bottom .brand-material .copy-btn {
    width: 72px;
    height: 24px;
    background: linear-gradient(223deg,#fe8721 0,#ed70aa 100%);
    border-radius: 2px;
    display: inline-block;
    text-align: center;
    color: #fff;
    cursor: pointer;
    position: relative
}

.brand-single .single-top .brand-label .bottom .brand-material .copy-btn:hover {
    background: linear-gradient(223deg,rgba(254,135,33,.9) 0,rgba(237,112,170,.9) 100%)
}

.brand-single .single-top .brand-label .bottom .brand-material .copy-btn .copy-text {
    width: 280px;
    background: rgba(34,44,50,.9);
    border-radius: 5px;
    position: absolute;
    z-index: 999;
    display: none;
    text-align: left;
    padding: 11px 15px 11px 11px;
    left: 80px;
    top: -70px
}

.brand-single .single-top .brand-label .bottom .brand-material .copy-btn .copy-text img {
    height: 100px
}

.brand-single .single-top .brand-label .bottom .brand-material .copy-btn .copy-text:after {
    content: '';
    position: absolute;
    left: -5px;
    border-right: 5px solid rgba(34,44,50,.9);
    border-top: 5px solid transparent;
    border-bottom: 5px solid transparent;
    top: 78px
}

.brand-single .single-top .brand-label .bottom .brand-material:hover .copy-text {
    display: block
}

.brand-single .single-top .nav-link {
    position: relative;
    margin-bottom: 20px
}

.brand-single .single-top .nav-link .top {
    height: 56px;
    background: #fff;
    box-shadow: 0 1px 0 0 #eee;
    border-radius: 5px 5px 0 0;
    padding: 14px 20px
}

.brand-single .single-top .nav-link .top ul {
    width: 900px;
    height: 28px
}

.brand-single .single-top .nav-link .top ul li {
    height: 28px;
    line-height: 28px;
    text-align: center;
    margin-right: 15px;
    padding: 0 13px;
    margin-bottom: 15px;
    position: relative;
    border: 1px solid transparent
}

.brand-single .single-top .nav-link .top ul li span.zy {
    width: 33px;
    height: 16px;
    background: #f92c4e;
    color: #fff;
    position: absolute;
    right: -18px;
    top: -21px;
    font-size: 12px;
    line-height: 16px;
    border-radius: 4px 4px 4px 0
}

.brand-single .single-top .nav-link .top ul li span.zy:after {
    content: '';
    position: absolute;
    left: 0;
    bottom: -5px;
    width: 0;
    height: 0;
    border-top: 5px solid #f92c4e;
    border-right: 5px solid transparent
}

.brand-single .single-top .nav-link .top ul li a {
    color: #38220E
}

.brand-single .single-top .nav-link .top ul li.act {
    border: 1px solid #f40;
    border-radius: 14px
}

.brand-single .single-top .nav-link .top ul li.act a,.brand-single .single-top .nav-link .top ul li:hover a {
    color: #f40
}

.brand-single .single-top .nav-link .top .paging {
    font-size: 12px;
    color: #999;
    height: 24px;
    margin-top: 2px;
    line-height: 24px
}

.brand-single .single-top .nav-link .top .paging i.num {
    font-size: 13px;
    color: #666
}

.brand-single .single-top .nav-link .top .paging .total {
    font-size: 13px;
    margin: 0 10px 0 30px
}

.brand-single .single-top .nav-link .top .paging .total i.cur-page {
    color: #2192EE;
    font-weight: 700
}

.brand-single .single-top .nav-link .top .paging span.btn {
    width: 36px;
    height: 24px;
    outline: 0;
    cursor: pointer;
    border-radius: 0 2px 2px 0;
    display: inline-block;
    border: 1px solid #dcdcdc;
    background: url(../../images/screen/screen_icon.png?v=20195205733428?v=2020-05-01) -78px -33px #fff
}

.brand-single .single-top .nav-link .top .paging span.btn.next-btn {
    background-position: -117px -33px;
    border-left: 0
}

.brand-single .single-top .nav-link .top .paging span.btn.pre-btn {
    border-radius: 2px 0 0 2px
}

.brand-single .single-top .nav-link .top .paging span.btn.disabled {
    cursor: default;
    background-color: #f8f8f8
}

.brand-single .single-top .nav-link .top .paging span.btn.disabled.next-btn,.brand-single .single-top .nav-link .top .paging span.btn.disabled.pre-btn {
    background-position-y: -3px
}

.brand-single .single-top .nav-link .top .paging span.btn:hover {
    background-position-y: -63px
}

.brand-single .single-top .nav-link .bottom {
    height: 46px;
    background: #fff;
    border-radius: 0 0 5px 5px;
    margin-top: 1px;
    padding: 10px 20px
}

.brand-single .single-top .nav-link .bottom .goods-pages-fil {
    float: left;
    z-index: 0;
    top: 8px;
    border-right: solid 1px #ddd
}

.brand-single .single-top .nav-link .bottom .goods-pages-fil span {
    height: 26px;
    display: inline-block;
    margin: 0;
    border: 1px solid #DDD;
    border-right-width: 0;
    float: left;
    position: relative;
    background: #fff;
    line-height: 25px
}

.brand-single .single-top .nav-link .bottom .goods-pages-fil span a {
    color: #333;
    display: block;
    padding: 0 22px;
    font-size: 12px
}

.brand-single .single-top .nav-link .bottom .show input,.main_chart {
    display: none
}

.brand-single .single-top .nav-link .bottom .goods-pages-fil span.cur a,.brand-single .single-top .nav-link .bottom .goods-pages-fil span:hover a {
    color: #f40
}

.brand-single .single-top .nav-link .bottom .goods-pages-fil span.jgup i.normal {
    background: url(../../images/screen/screen_icon.png?v=20195205733428?v=2020-05-01) -205px -3px no-repeat;
    width: 24px;
    height: 24px;
    float: right;
    margin-right: -12px
}

.brand-single .single-top .nav-link .bottom .goods-pages-fil span.jgup i.normal[data-px=pu] {
    background-position: -205px -63px
}

.brand-single .single-top .nav-link .bottom .goods-pages-fil span.jgup i.normal[data-px=pd] {
    background-position: -205px -33px
}

.brand-single .single-top .nav-link .bottom .show {
    cursor: pointer;
    margin-top: 3px
}

.brand-single .single-top .nav-link .bottom .show i {
    width: 14px;
    height: 14px;
    float: left;
    position: relative;
    top: 3px;
    margin-right: 5px;
    background: url(../../images/singleck.png?v=2020-05-01) center no-repeat;
    background-size: contain
}

.brand-single .single-top .nav-link .bottom .show i.ck {
    background-image: url(../../images/singlecked.png?v=2020-05-01)
}

.brand-single .single-list {
    margin: 10px 0;
    width: 1220px
}

.brand-single .single-list .goods-list {
    border: 1px solid #eee;
    width: 228px;
    background: #fff;
    padding: 0;
    margin-right: 15px
}

.brand-single .single-list .goods-list .copy {
    top: 188px!important
}

.brand-single .single-list .goods-list .img {
    width: 226px;
    background: #fff
}

.brand-single .single-list .goods-list .img .goods-img {
    width: 226px
}

.brand-single .single-list .goods-list .img .brand-new {
    position: absolute;
    left: 0;
    top: 0;
    width: 40px;
    height: 40px;
    background: url(../../images/brandsingle_new.png?v=2020-05-01) center no-repeat;
    background-size: contain
}

.brand-single .single-list .goods-list .img .ico {
    right: -5px
}

.brand-single .single-list .goods-list .img .discount-ico {
    position: absolute;
    left: 0;
    bottom: 0;
    width: 105px;
    height: 22px;
    background: linear-gradient(270deg,rgba(51,51,51,0) 0,rgba(51,51,51,.8) 100%);
    line-height: 22px;
    color: #fff;
    text-shadow: 0 1px 0 rgba(0,0,0,.8);
    font-family: Arial
}

.brand-single .single-list .goods-list .has-text .discount-ico,.brand-single .single-list .goods-list .has-text .img_ico.ship,.brand-single .single-list .goods-list .img .discount-ico.preview {
    bottom: 30px
}

.brand-single .single-list .goods-list .img .discount-ico i {
    width: 20px;
    margin-right: 3px;
    height: 22px;
    background: url(../../images/zk_ico.png?v=2020-05-01) center no-repeat;
    background-size: contain
}

.brand-single .single-list .goods-list .content {
    padding: 0 15px
}

.brand-single .single-list .goods-list:hover {
    border-color: #f40
}

.brand-single .single-list .goods-list:hover .discount-ico {
    bottom: 32px
}

.brand-single .single-list .goods-list:hover .discount-ico.preview,.brand-single .single-list .goods-list:hover .has-text .discount-ico,.brand-single .single-list .goods-list:hover .has-text .img_ico.ship {
    bottom: 62px
}

.brand-single .single-list .goods-reload,.brand-single .single-list .no-goods {
    width: 200px;
    display: none;
    text-align: center;
    margin: 110px auto
}

.brand-single .single-list .goods-reload p,.brand-single .single-list .no-goods p {
    color: #333C48;
    margin-top: 30px
}
/*  */
body {
    background: #f6f6f6
}



.nav-header-ext .nav_guide .nav_guide_jp dd,
.search_layout_form .search_input {
    box-sizing: content-box
}

[v-cloak] {
    opacity: 0 !important
}

.flex {
    display: flex
}

.ib {
    display: inline-block
}

h3 {
    font-weight: 400
}

img:not([src]),
img[src=""] {
    opacity: 0
}

.brand-f-banner {
    width: 100%;
    height: 350px;
    background: center no-repeat;
    background-size: cover;
    position: absolute;
    top: 170px;
    min-width: 1200px
}

.brand-load {
    position: fixed;
    z-index: 9999;
    top: 50%;
    left: 50%;
    width: 60px;
    height: 24px;
    margin: -12px 0 0 -30px
}

.discount-block {
    background: -webkit-linear-gradient(rgba(255, 255, 255, .5), transparent);
    background: -o-linear-gradient(rgba(255, 255, 255, .5), transparent);
    background: -moz-linear-gradient(rgba(255, 255, 255, .5), transparent);
    background: linear-gradient(rgba(255, 255, 255, .5), transparent);
    padding: 6px;
    margin-bottom: 50px;
    border-radius: 15px;
    width: 1212px;
    margin-left: -6px
}

.common.discount {
    width: 1200px;
    height: 550px;
    padding: 15px;
    box-sizing: border-box;
    border-radius: 15px;
    background: center no-repeat;
    background-size: cover;
    position: relative
}

.common.discount.feature {
    height: 250px;
    padding: 0;
    background: 0 0 !important
}

.common.discount.feature .bot-cent .goods-list {
    width: 595px
}

.common.discount.future {
    height: 250px
}

.common.discount .brand-zs {
    position: absolute;
    right: 10px;
    top: 10px;
    width: 79px;
    height: 80px;
    border-radius: 50%;
    background: linear-gradient(180deg, #fffee0 0, #fec458 100%)
}

.common.discount .brand-zs:after {
    content: '';
    position: absolute;
    width: 80px;
    height: 80px;
    left: 0;
    top: 0;
    background: url(../images/brandfeature/zsico.gif?v=2019-07-04?v=2020-05-11) center no-repeat;
    background-size: 80px 80px
}

.common.discount .brand-zs:hover {
    -webkit-transform: scale(1.1);
    -moz-transform: scale(1.1);
    -ms-transform: scale(1.1);
    -o-transform: scale(1.1);
    transform: scale(1.1)
}

.common.discount .next-preview {
    position: absolute;
    right: 10px;
    top: -35px;
    opacity: .8;
    background: rgba(255, 255, 255, .2);
    font-size: 14px;
    color: #fff;
    border-radius: 12px;
    padding: 2px 5px;
    border: 1px solid transparent
}

.common.discount .next-preview i {
    font-size: 12px;
    position: relative
}

.common.discount .next-preview:hover {
    border: 1px solid #fff
}

.common.discount .go-future {
    width: 154px;
    height: 30px;
    border-radius: 0 0 15px 15px;
    margin: 0 auto 16px -77px;
    display: block;
    clear: both;
    text-align: center;
    line-height: 30px;
    color: #333;
    position: absolute;
    bottom: -15px;
    left: 50%
}

.common.discount .go-future i {
    font-size: 12px
}

.common.discount .go-future:hover {
    opacity: .8
}

.common.discount.index-dis .top-tit {
    position: absolute;
    width: 262px;
    height: 110px;
    top: -61px;
    left: 50%;
    margin-left: -131px;
    background: url(../images/brand_top_bg.png?v=2020-05-11) center no-repeat;
    border-radius: 2px;
    overflow: hidden;
    z-index: 9;
    background-size: contain
}

.common.discount.index-dis .top-tit .context {
    position: absolute;
    width: 250px;
    height: 30px;
    bottom: 6px;
    left: 6px;
    overflow: hidden;
    font-size: 13px;
    color: #ff2878;
    line-height: 28px;
    text-align: center
}

.common.discount .top-cent {
    width: 100%;
    height: 220px;
    position: relative;
    border: 1px solid transparent
}

.common.discount .top-cent .bottom-label {
    height: 52px;
    border-top: 1px solid rgba(255, 255, 255, .3);
    width: -moz-calc(100% + 60px);
    width: -webkit-calc(100% + 60px);
    width: calc(100% + 60px);
    padding: 16px 10px;
    margin: -1px 0 0 10px
}

.common.discount .top-cent .bottom-label li {
    color: #fff;
    float: left;
    margin-right: 50px
}

.common.discount .top-cent .bottom-label li i {
    position: relative;
    top: 1px
}

.common.discount .top-cent .bottom-label li i.iconfont {
    float: left;
    margin-right: 5px
}

.common.discount .top-cent .bottom-label li span.label-text {
    max-width: 200px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    display: inline-block
}

.common.discount .bot-cent {
    width: 1220px
}

.common.discount .bot-cent .goods-list {
    width: 580px;
    height: 270px;
    background: #fff;
    margin-right: 10px;
    box-sizing: border-box;
    box-shadow: 0 2px 9px 0 rgba(0, 0, 0, .1);
    position: relative;
    border-radius: 15px
}

.common.discount .bot-cent .goods-list .text_ico p {
    height: 22px;
    float: left;
    margin-right: 14px;
    font-size: 12px;
    text-align: center;
    line-height: 21px;
    color: #FE3758;
    padding: 0 8px 0 8px;
    position: relative;
    background: #fee9ee;
    border-radius: 12px;
    border: 1px solid #ffd1d9;
    margin-bottom: 10px;
    height: 24px;
    line-height: 23px;
    max-width: 85%;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    display: block;
}

.common.discount .bot-cent .goods-list .text_ico p .img {
    width: 19px;
    height: 23px;
    background: url(../images/brandfeature/diamond.png?v=2020-05-11) center no-repeat;
    background-size: contain;
    position: absolute;
    margin: 0;
    left: 6px;
    top: -1px
}

.common.discount .bot-cent .goods-list .shop-name {
    border-radius: 15px 15px 0 0;
    height: 40px;
    background: #d5b190;
    line-height: 40px;
    padding: 0 20px
}

.common.discount .bot-cent .goods-list .shop-name i.shop {
    color: #fff;
    position: relative;
    margin-right: 5px;
    font-size: 14px
}

.common.discount .bot-cent .goods-list .shop-name span.tit {
    color: #fff;
    vertical-align: middle;
    font-size: 14px;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    width: 135px;
    margin-right: 10px
}

.common.discount .bot-cent .goods-list .shop-name .time-or-go {
    font-size: 14px;
    color: #fff
}

.common.discount .bot-cent .goods-list .shop-name .time-or-go span {
    background: #fff;
    border-radius: 50%;
    width: 24px;
    height: 24px;
    line-height: 24px;
    text-align: center;
    color: #333;
    display: inline-block;
    font-family: Arial
}

.common.discount .bot-cent .goods-list .shop-name .img-hover {
    margin-top: 10px
}

.common.discount .bot-cent .goods-list .shop-name span.ico {
    height: 20px;
    border: 1px solid #fff;
    border-radius: 12px;
    padding: 0;
    font-size: 12px;
    color: #fff;
    display: inline-block;
    line-height: 20px;
    cursor: pointer;
    font-family: SimSun;
    margin: 10px 10px 0 0
}

.common.discount .bot-cent .goods-list .shop-name span.ico i {
    height: 12px;
    font-size: 13px;
    margin-left: 9px
}

.common.discount .bot-cent .goods-list .shop-name span.ico b {
    background: #fff;
    border-radius: 0 12px 12px 0;
    height: 20px;
    margin-top: -1px;
    margin-right: -1px;
    color: #89664E;
    font-family: 'microsoft yahei';
    line-height: 20px;
    padding: 0 6px;
    margin-left: 6px
}

.common.discount .bot-cent .goods-list .shop-name span.ico.low-all:hover b,
.common.discount .bot-cent .goods-list .shop-name span.ico.low-history:hover b {
    background: #ead8c7
}

.common.discount .bot-cent .goods-list .shop-name span.ico.tui {
    height: 20px;
    cursor: auto;
    color: #fff;
    font-size: 12px;
    font-family: SimSun
}

.common.discount .bot-cent .goods-list .shop-name span.ico.low-all {
    margin: 0 -1px 0 0;
    font-family: SimSun
}

.common.discount .bot-cent .goods-list .shop-name span.ico.low-all .img-content {
    position: absolute;
    width: 90px;
    height: 400px;
    right: 18px;
    bottom: 250px;
    z-index: 9999;
    cursor: auto;
    visibility: hidden
}

.common.discount .bot-cent .goods-list .shop-name span.ico.low-all .copy-img-block {
    position: absolute;
    width: 590px;
    height: 380px;
    right: -23px;
    top: 0;
    cursor: auto;
    background: #fff;
    overflow: hidden;
    box-shadow: 0 2px 10px 0 rgba(204, 204, 204, .5);
    border-radius: 4px
}

.common.discount .bot-cent .goods-list .shop-name span.ico.low-all .copy-img-block .img-nav {
    position: absolute;
    top: 25px;
    justify-content: center;
    width: 100%
}

.common.discount .bot-cent .goods-list .shop-name span.ico.low-all .copy-img-block .img-nav li {
    padding: 0 10px;
    color: #333;
    margin-right: 20px;
    cursor: pointer
}

.common.discount .bot-cent .goods-list .shop-name span.ico.low-all .copy-img-block .img-nav li:hover {
    color: #f40
}

.common.discount .bot-cent .goods-list .shop-name span.ico.low-all .copy-img-block .img-nav li.act {
    color: #f40;
    border-bottom: 1px solid #f40
}

.common.discount .bot-cent .goods-list .shop-name span.ico.low-all .copy-img-block .ts {
    height: 22px;
    background: #ffeed3;
    color: #f40;
    font-size: 12px;
    padding: 0 8px;
    line-height: 22px;
    white-space: nowrap
}

.common.discount .bot-cent .goods-list .shop-name span.ico.low-all .copy-img-block .swiper-container {
    position: absolute;
    top: 70px;
    left: 20px;
    height: 246px;
    width: 550px
}

.common.discount .bot-cent .goods-list .shop-name span.ico.low-all .copy-img-block .swiper-container .swiper-wrapper .swiper-slide {
    height: 246px;
    margin: 0 auto;
    background: top no-repeat;
    background-size: contain
}

.common.discount .bot-cent .goods-list .shop-name span.ico.low-all .copy-img-block .swiper-container .swiper-button-next,
.common.discount .bot-cent .goods-list .shop-name span.ico.low-all .copy-img-block .swiper-container .swiper-button-prev {
    left: 0;
    right: auto;
    width: 28px;
    height: 52px;
    outline: 0;
    background: url(../images/brand_pre.png?v=2020-05-11) center no-repeat;
    background-size: contain;
    margin-top: -26px;
    visibility: hidden
}

.common.discount .bot-cent .goods-list .shop-name span.ico.low-all .copy-img-block .swiper-container .swiper-button-next:hover,
.common.discount .bot-cent .goods-list .shop-name span.ico.low-all .copy-img-block .swiper-container .swiper-button-prev:hover {
    opacity: .7
}

.common.discount .bot-cent .goods-list .shop-name span.ico.low-all .copy-img-block .bottom-edit button.copy-all:hover,
.time-count.left .image-wrap .go:hover {
    opacity: .8
}

.common.discount .bot-cent .goods-list .shop-name span.ico.low-all .copy-img-block .swiper-container .swiper-button-next {
    left: auto;
    right: 0;
    background-image: url(../images/brand_next.png?v=2020-05-11)
}

.common.discount .bot-cent .goods-list .shop-name span.ico.low-all .copy-img-block .bottom-edit {
    position: absolute;
    bottom: 20px;
    z-index: 99;
    width: 100%;
    padding: 0 20px
}

.common.discount .bot-cent .goods-list .shop-name span.ico.low-all .copy-img-block .bottom-edit p {
    font-size: 12px;
    color: #999;
    height: 30px;
    line-height: 48px
}

.common.discount .bot-cent .goods-list .shop-name span.ico.low-all .copy-img-block .bottom-edit button.copy-all {
    height: 32px;
    line-height: 32px;
    color: #fff;
    border: none;
    padding: 0 15px;
    background: #0c90ff;
    cursor: pointer;
    border-radius: 4px
}

.common.discount .bot-cent .goods-list .shop-name span.ico.low-all .copy-img-block:hover .swiper-button-next,
.common.discount .bot-cent .goods-list .shop-name span.ico.low-all .copy-img-block:hover .swiper-button-prev {
    visibility: visible
}

.common.discount .bot-cent .goods-list .shop-name span.ico.copy-img {
    border-left: 1px dashed #fff;
    background: #00BFFC;
    position: relative;
    z-index: 9
}

.common.discount .bot-cent .goods-list .shop-name span.ico.copy-img:hover {
    background: rgba(0, 191, 252, .8)
}

.common.discount .bot-cent .goods-list .img {
    width: 200px;
    height: 200px;
    position: relative;
    margin: 15px 0 0 15px;
    border-radius: 10px
}

.common.discount .bot-cent .goods-list .img .show-img {
    position: absolute;
    width: 100%;
    height: 100%;
    border-radius: 10px
}

.common.discount .bot-cent .goods-list .img .had-tg {
    width: 39px;
    height: 39px;
    position: absolute;
    top: 0;
    left: 0;
    background: url(../images/live-img.png?v=20192191653869?v=2020-05-11) -295px -65px no-repeat;
    display: block;
    z-index: 2;
    border-radius: 10px 0 0
}

.common.discount .bot-cent .goods-list .img .active-ico {
    position: absolute;
    right: 0;
    top: 0;
    font-size: 12px;
    color: #333;
    z-index: 9
}

.common.discount .bot-cent .goods-list .img .active-ico .active-text.dj {
    position: absolute;
    right: 0;
    width: 90px;
    height: 23px;
    text-align: center;
    top: 29px;
    color: #333
}

.common.discount .bot-cent .goods-list .img .active-ico .active-text.dj b {
    color: #FF0036;
    font-family: Arial
}

.common.discount .bot-cent .goods-list .img .active-ico.ico-618 {
    height: 46px;
    background-image: url(../images/conner618.png?v=2020-05-11)
}

.common.discount .bot-cent .goods-list .img .active-ico.ico-618-conner {
    height: 28px;
    background-image: url(../images/618/tmall-logo-other.png?v=2020-05-11)
}

.common.discount .bot-cent .goods-list .img .active-ico.ico-88 {
    height: 28px;
    background-image: url(../images/active_xsl/select-88-pic.png?v=2020-05-11)
}

.common.discount .bot-cent .goods-list .img .copy-text-block {
    position: absolute;
    width: 100%;
    bottom: 0;
    display: none
}

.common.discount .bot-cent .goods-list .img .copy-text-block button {
    border: none;
    border-radius: 2px;
    text-align: center;
    line-height: 30px;
    margin: 20px 0 0;
    cursor: pointer
}

.common.discount .bot-cent .goods-list .img .copy-text-block button.copy {
    width: 50%;
    height: 30px;
    background: rgba(255, 68, 0, .9);
    border-radius: 0 0 10px;
    color: #fff;
    position: relative;
    outline: 0
}

.common.discount .bot-cent .goods-list .img .copy-text-block button.copy .copy-content {
    position: absolute;
    right: -315px;
    background: #1b2830;
    border-radius: 4px;
    padding: 12px;
    z-index: 999;
    word-break: break-all;
    font-size: 12px;
    text-align: left;
    width: 300px;
    line-height: 20px;
    color: #EBF1F4;
    top: -180px;
    display: none
}

.common.discount .bot-cent .goods-list .img .copy-text-block button.copy .copy-content img {
    height: 100px;
    margin: 5px 0
}

.common.discount .bot-cent .goods-list .img .copy-text-block button.copy .copy-content a {
    color: #fff
}

.common.discount .bot-cent .goods-list .img .copy-text-block button.copy .copy-content:before {
    content: '';
    width: 0;
    height: 0;
    border-bottom-width: 7px;
    border-bottom-color: transparent;
    border-top-width: 7px;
    border-top-color: transparent;
    border-right-width: 7px;
    border-right-color: #1b2830;
    border-style: solid;
    border-left: none;
    position: absolute;
    left: -7px;
    top: 190px
}

.common.discount .bot-cent .goods-list .img .copy-text-block button.copy .copy-content.left {
    right: auto;
    left: -315px
}

.common.discount .bot-cent .goods-list .img .copy-text-block button.copy .copy-content.left:before {
    left: auto;
    right: -6px;
    transform: rotate(180deg)
}

.common.discount .bot-cent .goods-list .img .copy-text-block button.copy:hover {
    background: #e63d00
}

.common.discount .bot-cent .goods-list .img .copy-text-block button.copy:hover .copy-content {
    display: block
}

.common.discount .bot-cent .goods-list .img .copy-text-block button.collect {
    width: 50%;
    height: 30px;
    background: rgba(255, 68, 0, .9);
    border-radius: 0 0 0 10px;
    position: relative;
    color: #fff;
    outline: 0;
    line-height: 28px;
    border-right: 1px solid rgba(255, 255, 255, .5)
}

.common.discount .bot-cent .goods-list .img .copy-text-block button.collect:hover {
    background: #e63d00
}

.common.discount .bot-cent .goods-list .content {
    width: 340px;
    margin: 15px 0 0 10px;
    position: relative;
    height: 190px
}

.common.discount .bot-cent .goods-list .content .tit {
    font-size: 16px;
    color: #444;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    margin-bottom: 15px;
    display: block
}

.common.discount .bot-cent .goods-list .content .tit:hover {
    color: #f40
}

.common.discount .bot-cent .goods-list .content .ticket {
    height: 60px;
    background: #f5f5f5;
    justify-content: space-around;
    text-align: center;
    margin-bottom: 12px;
    position: relative;
    border-bottom: 2px solid #eee
}

.common.discount .bot-cent .goods-list .content .ticket span {
    font-size: 12px;
    color: #999;
    margin: 10px 0 7px;
    display: block;
    font-family: SimSun
}

.common.discount .bot-cent .goods-list .content .ticket span.yj {
    display: inline;
    font-family: 'PingFang SC', Arial, "Microsoft Yahei";
    color: #666
}

.common.discount .bot-cent .goods-list .content .ticket .pri p {
    color: #FF002F
}

.common.discount .bot-cent .goods-list .content .ticket p {
    font-size: 18px;
    font-family: Arial
}

.common.discount .bot-cent .goods-list .content .ticket p.yj {
    display: inline-block;
    color: #333
}

.common.discount .bot-cent .goods-list .content .ticket .line {
    position: absolute;
    bottom: -2px;
    left: 0;
    border-top: 2px solid #FF9AAD
}

.common.discount .bot-cent .goods-list .content .ticket .line.ani {
    border-color: #ff274f
}

.common.discount .bot-cent .goods-list .content .ticket .line.ani:after {
    content: '';
    position: absolute;
    top: -2px;
    left: 0;
    border-top: 2px solid rgba(255, 255, 255, .5);
    animation: shine 2s infinite;
    -webkit-animation: shine 2s infinite
}

@keyframes shine {
    0% {
        width: 0
    }

    100%,
    50% {
        width: 100%
    }
}

@-webkit-keyframes shine {
    0% {
        width: 0
    }

    100%,
    50% {
        width: 100%
    }
}

.common.discount .bot-cent .goods-list .sale-out {
    position: absolute;
    background: rgba(0, 0, 0, .1);
    width: 100%;
    height: 100%;
    left: 0;
    top: 0;
    z-index: 999
}

.common.discount .bot-cent .goods-list .sale-out span {
    position: absolute;
    width: 120px;
    height: 120px;
    background: rgba(0, 0, 0, .6);
    left: 50%;
    top: 50%;
    margin: -60px 0 0 -60px;
    border-radius: 50%;
    text-align: center;
    line-height: 120px
}

.common.discount .bot-cent .goods-list .sale-out span i {
    font-size: 90px;
    color: #fff
}

.common.discount .bot-cent .goods-list:hover .copy-text-block {
    display: block
}

.common.discount .bot-cent .goods-list .rank-cent {
    position: absolute;
    left: 70px;
    top: -1px;
    height: auto;
    background: #fff;
    border: 1px solid #eee;
    padding: 7px 6px 15px 15px;
    box-sizing: border-box;
    color: #333;
    z-index: 9;
    display: none
}

.common.discount .bot-cent .goods-list .rank-cent li {
    width: 100px;
    display: none
}

.common.discount .bot-cent .goods-list .rank-cent li.type3 {
    width: 52px
}

.common.discount .bot-cent .goods-list .rank-cent li h3 {
    font-weight: 400;
    text-align: left;
    font-size: 12px;
    margin-bottom: -5px
}

.common.discount .bot-cent .goods-list .rank-cent li p {
    color: #999;
    margin: 0;
    position: relative;
    width: auto;
    text-align: left;
    height: 20px;
    display: none
}

.common.discount .bot-cent .goods-list .rank-cent li p i {
    color: #f40;
    background: 0 0;
    font-family: Arial;
    line-height: 38px
}

.time-count.left {
    height: 195px;
    background: rgba(0, 0, 0, .3);
    margin-top: 9px;
    position: relative;
    border-radius: 10px;
    box-sizing: border-box;
    display: inline-block;
    padding-right: 30px
}

.time-count.left .image-wrap {
    background: #fff;
    text-align: center;
    width: 270px;
    height: 144px;
    border-radius: 10px;
    padding-top: 17px;
    position: relative;
    display: block
}


.time-count.left .image-wrap .act-name span {
    transform: rotate(-45deg);
    display: block;
    position: relative;
    top: 23px;
    left: -10px;
    font-size: 18px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap
}

.time-count.left .image-wrap img {
    max-width: 164px;
    max-height: 82px
}

.time-count.left .image-wrap .go {
    color: #333
}

.time-count.left .image-wrap .go i {
    color: #89664E
}

.future-container .brand-choose .large-brand .item .top .right .circle button:hover,
.future-container .brand-choose .no-brands:hover {
    opacity: .9
}

.time-count.left .image-wrap .tit {
    color: #333;
    font-size: 16px;
    position: absolute;
    width: 100%;
    bottom: 15px;
    overflow: hidden
}

.time-count.left .content {
    height: 144px;
    box-sizing: border-box;
    padding: 15px 0 0 30px
}

.time-count.left .content .tit {
    font-size: 18px;
    color: #38220e;
    font-weight: 400;
    margin-right: 10px;
    height: 40px
}

.time-count.left .content .ico {
    height: 19px;
    color: #fff;
    line-height: 19px;
    font-size: 12px;
    position: relative;
    top: 2px;
    background: linear-gradient(90deg, #3686be 0, #53c0df 100%);
    border-radius: 2px;
    padding: 0 10px
}

.time-count.left .content .des {
    color: #fff;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    font-size: 40px;
    margin-bottom: 20px
}

.time-count.left .time-or-go .time {
    color: #fff;
    font-size: 18px
}

.time-count.left .time-or-go .time span {
    background: #fff;
    border-radius: 50%;
    width: 30px;
    height: 30px;
    line-height: 30px;
    text-align: center;
    color: #333;
    display: inline-block;
    font-size: 18px;
    font-family: Arial
}

.time-count.left .time-or-go .go {
    color: #ff0021
}

.time-count.left .time-or-go .go:hover {
    text-decoration: underline
}

.time-count.left .image-wrap.not-allowed {
    color: #666;
    cursor: auto
}

.time-count.left .image-wrap.not-allowed:hover {
    text-decoration: none
}

.brand-rank .paging ul li:hover,
.recommend .goods-msg .more:hover {
    text-decoration: underline
}

.bf-all-container {
    width: 1200px;
    margin: 0 auto;
    padding: 70px 0 50px;
    font-family: 'PingFang SC', MicrosoftYaHei;
    font-size: 14px;
    position: relative
}

.bf-all-container .common-tit {
    text-align: center;
    display: flex;
    justify-content: center;
    line-height: 40px;
    height: 40px;
    margin: 45px 0 20px
}

.bf-all-container .common-tit .ico {
    width: 26px;
    height: 24px;
    display: block;
    margin-top: 2px;
    font-size: 24px;
    color: #F63B42;
    background-image: -webkit-linear-gradient(bottom, #F63B42, #F84780);
    -webkit-background-clip: text
}

.bf-all-container .common-tit .tit {
    font-size: 24px;
    color: #333;
    margin: 0 20px 0 10px
}

.bf-all-container .common-tit .des {
    color: #666;
    line-height: 50px
}

.bf-all-container .common-tit#discount {
    visibility: hidden
}

.bf-all-container .brand-active {
    border-radius: 10px;
    padding: 10px;
    margin-top: 30px;
    background: top no-repeat;
    background-size: contain
}

.bf-all-container .brand-active .active-tit {
    text-align: center
}

.bf-all-container .brand-active .active-tit p.tit {
    display: inline-block;
    font-size: 30px;
    font-weight: 700;
    color: #fff;
    line-height: 40px;
    margin: 15px;
    text-shadow: 0 2px 4px #6d33ee
}

.bf-all-container .brand-active .active-tit .tit-ico {
    width: 50px;
    height: 34px;
    background: url(../images/tit_left.png?v=2020-05-11) center no-repeat;
    background-size: contain;
    display: inline-block;
    position: relative;
    top: 8px
}

.bf-all-container .brand-active .active-tit .tit-ico.right {
    background-image: url(../images/tit_right.png?v=2020-05-11)
}

.bf-all-container .brand-active .active-tit .sec-tit .act-time {
    color: #fff;
    line-height: 24px;
    position: relative;
    top: -5px;
    margin-left: 5px
}

.bf-all-container .brand-active .active-tit .sec-tit .act-time span {
    background: #38220E;
    border-radius: 50%;
    width: 24px;
    height: 24px;
    line-height: 24px;
    text-align: center;
    color: #fff;
    display: inline-block;
    margin: 0 5px;
    font-family: Arial
}

.bf-all-container .brand-active .active-tit .sec-tit ul li {
    color: #fff;
    float: left;
    margin-left: 13px
}

.bf-all-container .brand-active .active-tit .sec-tit ul li i.iconfont {
    position: relative;
    top: 1px;
    margin-right: 4px
}

.bf-all-container .brand-active .active-tit .sec-tit p {
    color: #fff;
    margin-right: 4px
}

.bf-all-container .brand-active .act-brand-block {
    text-align: left;
    width: 1210px;
    margin-top: 5px;
    padding: 0 5px
}

.bf-all-container .brand-active .act-brand-block .act-brand-link {
    position: relative;
    width: 140px;
    height: 82px;
    border-radius: 4px;
    text-align: center;
    line-height: 82px;
    color: #f40;
    margin-right: 7px;
    display: inline-block
}

.bf-all-container .brand-active .act-brand-block .act-brand-link .bg {
    background: #fff;
    border-radius: 4px;
    position: absolute;
    width: 100%;
    height: 100%;
    z-index: 99;
    overflow: hidden
}

.bf-all-container .brand-active .act-brand-block .act-brand-link img {
    margin-top: 11px;
    max-width: 117px
}

.bf-all-container .brand-active .act-brand-block .act-brand-link p {
    visibility: hidden
}

.bf-all-container .brand-active .act-brand-block .act-brand-link:hover img {
    display: none
}

.bf-all-container .brand-active .act-brand-block .act-brand-link:hover p {
    visibility: visible
}

.bf-all-container .brand-active .act-brand-block .act-brand-link span {
    position: absolute;
    bottom: -20px;
    padding: 0 10px;
    height: 22px;
    line-height: 21px;
    background: url(../images/brandactzc.png?v=2019-05-17?v=2020-05-11) center no-repeat;
    background-size: 100% 100%;
    color: #fff;
    font-size: 12px;
    left: 0
}

.bf-all-container .brand-active .act-goods-block {
    margin: 35px 0;
    width: 1190px
}

.bf-all-container .brand-active .act-goods-block .goods-tit {
    text-align: center;
    color: #fff;
    font-size: 24px;
    margin: 14px 0
}

.bf-all-container .brand-active .act-goods-block .goods-tit i {
    width: 44px;
    height: 20px;
    background: url(../images/sec_tit.png?v=2020-05-11) center no-repeat;
    background-size: contain;
    display: inline-block;
    margin: 0 8px;
    position: relative;
    top: 2px
}

.bf-all-container .brand-active .act-goods-block .goods-list {
    background: #fff;
    padding: 10px;
    margin: 0 7px 7px 0;
    height: 370px
}

.bf-all-container .brand-active .act-goods-block .goods-list .tit {
    margin: 7px 0 12px
}

.bf-all-container .brand-active .act-goods-block .goods-list .img,
.bf-all-container .brand-active .act-goods-block .goods-list .img .goods-img {
    width: 210px;
    height: 210px
}

.bf-all-container .brand-active .act-goods-block .goods-list .img .discount-ico {
    position: absolute;
    left: 0;
    bottom: 0;
    width: 105px;
    height: 22px;
    background: linear-gradient(270deg, rgba(51, 51, 51, 0) 0, rgba(51, 51, 51, .8) 100%);
    line-height: 22px;
    color: #fff;
    text-shadow: 0 1px 0 rgba(0, 0, 0, .8);
    font-family: Arial
}

.bf-all-container .brand-active .act-goods-block .goods-list .img .discount-ico i {
    width: 20px;
    margin-right: 3px;
    height: 22px;
    background: url(../images/zk_ico.png?v=2020-05-11) center no-repeat;
    background-size: contain
}

.bf-all-container .brand-active .act-goods-block .goods-list .img .discount-ico.preview {
    bottom: 30px
}

.bf-all-container .brand-active .act-goods-block .goods-list:hover .preview-time {
    width: 228px;
    left: -10px
}

.bf-all-container .brand-active .act-goods-block .goods-list:hover .discount-ico {
    bottom: 30px;
    left: -10px
}

.bf-all-container .brand-active .act-goods-block .goods-list:hover .discount-ico.preview {
    bottom: 62px
}

.bf-all-container .brand-active .act-goods-block .goods-list:hover .copy {
    top: 188px
}

.bf-all-container .brand-show {
    height: 405px;
    background: #fff;
    position: relative;
    margin-bottom: 30px
}

.bf-all-container .brand-show .show-img {
    width: 203px;
    height: 405px;
    margin-right: 15px;
    position: relative;
    background: linear-gradient(135deg, #f63b42 0, #f84780 100%)
}

.bf-all-container .brand-show .show-img img.goods {
    position: absolute;
    width: 100%;
    height: 100%;
    left: 0;
    top: 0
}

.bf-all-container .brand-show .show-img .tit {
    font-size: 30px;
    font-weight: 700;
    color: #fff;
    position: relative;
    text-align: center;
    top: 210px;
    z-index: 99;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap
}

.bf-all-container .brand-show .show-img .content {
    position: absolute;
    height: 110px;
    background: rgba(255, 255, 255, .9);
    line-height: 110px;
    color: #333;
    font-size: 16px;
    bottom: 0;
    width: 100%;
    text-align: center
}

.bf-all-container .brand-show .show-img .content p {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap
}

.bf-all-container .brand-show .show-img .content img.brand {
    width: 120px;
    height: 60px;
    position: absolute;
    left: 40px;
    top: -30px;
    background: #fff;
    padding: 5px
}

.bf-all-container .brand-show .goods-list {
    margin-top: 15px
}

.bf-all-container .brand-show .more {
    width: 20px;
    font-size: 16px;
    color: #333;
    display: block;
    position: absolute;
    right: 10px;
    height: 100%;
    top: 0;
    padding: 150px 0
}

.bf-all-container .brand-show .more i {
    color: #ccc;
    margin-top: 8px;
    display: block
}

.bf-all-container .brand-show .more:hover,
.bf-all-container .brand-show .more:hover i {
    color: #F40
}


@keyframes linkAni {
    50% {
        transform: translate(0, 5px)
    }

    0% {
        transform: translate(0, 0)
    }
}

@-webkit-keyframes linkAni {
    50% {
        transform: translate(0, 5px)
    }

    0% {
        transform: translate(0, 0)
    }
}

.fixed-nav main .heart {
    animation: heart 1.3s ease-in-out 2.7s infinite alternate
}

@keyframes heart {
    from {
        margin-top: 0
    }

    to {
        margin-top: -6px
    }

    from,
    to {
        transform: translate(0, 0)
    }
}

@media screen and (max-width:1465px) {
    .fixed-nav {
        right: 0;
        margin-right: 90px
    }

    .fixed-nav.fixed {
        right: 0;
        margin-right: 20px
    }
}


.activity_bottom .input_list:last-child {
    width: 22% !important
}

.popupWindowBody_footer {
    width: 100% !important
}

.tuiguangwenan button {
    margin-left: 34px !important
}

.errobody h3 {
    margin-top: 50px !important
}




/**
 * static.dataoke.com - v1.0.0  License By 
 * 大淘客 
 */
.bf-all-container.v3 {
    padding: 130px 0 50px
}

.bf-all-container.v3 #active-hot,
.bf-all-container.v3 #active-push,
.bf-all-container.v3 #brand-rank,
.bf-all-container.v3 #today-feature {
    position: relative
}

.bf-all-container.v3 #active-hot .brand-block-load,
.bf-all-container.v3 #active-push .brand-block-load,
.bf-all-container.v3 #brand-rank .brand-block-load,
.bf-all-container.v3 #today-feature .brand-block-load {
    position: absolute;
    z-index: 889;
    left: 50%;
    top: 50%;
    margin: -30px 0 0 -24px
}

.bf-all-container.v3 #brand-rank .brand-block-load {
    top: 500px
}

.bf-all-container.v3 #today-feature {
    position: relative;
    z-index: 999
}

.bf-all-container.v3 #today-feature .brand-block-load {
    top: 450px
}

.bf-all-container.v3 .discount-block {
    background: 0 0;
    margin-bottom: 0
}

.bf-all-container.v3 .discount-block .common.discount {
    border-radius: 0 0 10px 10px;
    height: auto;
    z-index: 889;
    margin-top: 14px;
    margin-bottom: -6px;
    background: #ffb955;
    /* padding: 0 15px 15px */
}

.bf-all-container.v3 .discount-block .common.discount .img_ico {
    position: absolute;
    right: -5px;
    bottom: 0;
    height: 22px;
    line-height: 20px;
    font-size: 12px;
    color: #fff;
    background: linear-gradient(244deg, #d4beff 0, #8258ff 100%);
    border-radius: 100px 0 0 100px;
    padding: 0 9px;
    z-index: 9
}

.bf-all-container.v3 .discount-block .common.discount .img_ico:after {
    content: '';
    position: absolute;
    right: 0;
    top: -5px;
    border-width: 0 5px 5px 0;
    border-color: #956FFF transparent;
    border-style: solid
}

.bf-all-container.v3 .discount-block .common.discount .img_ico.ship {
    background: #fe0537
}

.bf-all-container.v3 .discount-block .common.discount .img_ico.ship:after {
    border-color: #fe0537 transparent
}

.bf-all-container.v3 .discount-block .common.discount .img_ico .sb {
    float: left;
    width: 19px;
    height: 19px;
    background: url(../images/sbbg.png?v=2020-05-11) center no-repeat;
    background-size: contain;
    position: relative;
    top: 1px
}

.bf-all-container.v3 .discount-block .common.discount .img_ico.preview {
    bottom: 30px
}

.bf-all-container.v3 .discount-block .common.discount .discount-ico {
    position: absolute;
    left: 0;
    bottom: 0;
    width: 105px;
    height: 22px;
    background: linear-gradient(270deg, rgba(51, 51, 51, 0) 0, rgba(51, 51, 51, .8) 100%);
    line-height: 22px;
    color: #fff;
    text-shadow: 0 1px 0 rgba(0, 0, 0, .8);
    font-family: Arial;
    z-index: 9;
    text-align: left
}

.bf-all-container.v3 .discount-block .common.discount .discount-ico i {
    width: 20px;
    margin-right: 3px;
    height: 22px;
    background: url(../images/zk_ico.png?v=2020-05-11) center no-repeat;
    background-size: contain
}

.bf-all-container.v3 .discount-block .common.discount .discount-ico.preview {
    bottom: 30px
}

.bf-all-container.v3 .discount-block .common.discount .next-preview {
    right: 5px;
    top: -135px
}



.bf-all-container.v3 .discount-block .common.discount .brand-block-top {
    background: #fff;
    border-radius: 10px 10px 0 0;
    min-height: 586px
}

.bf-all-container.v3 .discount-block .top-nav {
    height: 92px;
    border-radius: 10px 10px 0 0;
    position: relative;
    text-align: center;
    background: url(../images/brandfeature/toptitbg.png?v=2020-05-11) center no-repeat;
    background-size: 100% 100%;
    width: 1199px;
    margin-left: 1px
}

.bf-all-container.v3 .discount-block .top-nav h3 {
    font-size: 24px;
    font-weight: 600;
    color: #2e3244;
    padding: 15px 0 8px
}

.bf-all-container.v3 .discount-block .top-nav p {
    letter-spacing: 12px;
    color: #666;
    margin-left: 15px
}

.bf-all-container.v3 .discount-block .top-nav .brand-zs {
    position: absolute;
    top: 6px;
    width: 80px;
    height: 80px;
    right: 15px;
    border-radius: 50%;
    background: linear-gradient(180deg, #fffee0 0, #fec458 100%)
}

.bf-all-container.v3 .discount-block .top-nav .brand-zs:after {
    content: '';
    position: absolute;
    width: 80px;
    height: 80px;
    left: 0;
    top: 0;
    background: url(../images/brandfeature/zsico.gif?v=2019-07-04?v=2020-05-11) center no-repeat;
    background-size: 80px 80px
}

.bf-all-container.v3 .discount-block .top-nav .brand-zs:hover {
    -webkit-transform: scale(1.1);
    -moz-transform: scale(1.1);
    -ms-transform: scale(1.1);
    -o-transform: scale(1.1);
    transform: scale(1.1)
}

.bf-all-container.v3 .discount-block .top-cent {
    border-radius: 10px 10px 0 0;
    padding: 10px 15px;
    height: 90px;
    background-repeat: no-repeat;
    background-size: cover;
    width: 1171px;
    background-position: -1px
}

.bf-all-container.v3 .discount-block .top-cent .time-count.left {
    height: auto;
    margin: 0;
    background: 0 0
}

.bf-all-container.v3 .discount-block .top-cent .time-count.left .image-wrap {
    width: 140px;
    height: 70px;
    background-color: #fff;
    box-shadow: 0 0 8px 0 rgba(0, 0, 0, .1);
    border-radius: 0;
    padding: 5px 0 0
}

.bf-all-container.v3 .discount-block .top-cent .time-count.left .image-wrap img {
    max-width: 120px;
    max-height: 60px
}



.bf-all-container.v3 .discount-block .top-cent .time-count.left .image-wrap .act-name span {
    font-size: 14px;
    top: 17px;
    left: -9px
}

.bf-all-container.v3 .discount-block .top-cent .time-count.left .content {
    height: auto;
    padding: 2px 0 0 15px
}

.bf-all-container.v3 .discount-block .top-cent .time-count.left .content .des {
    font-size: 20px;
    color: #333;
    margin-bottom: 13px;
    max-width: 335px
}

.bf-all-container.v3 .discount-block .top-cent .time-count.left .content .time-or-go .time {
    color: #4E4E4E;
    font-size: 16px
}

.bf-all-container.v3 .discount-block .top-cent .time-count.left .content .time-or-go .time span {
    background: rgba(0, 0, 0, .6);
    color: #fff;
    width: 26px;
    height: 26px;
    font-size: 16px;
    line-height: 27px
}

.bf-all-container.v3 .discount-block .top-cent .time-count.left .content .time-or-go .time i {
    margin-right: 5px
}

.bf-all-container.v3 .discount-block .top-cent .time-count.left .content .time-or-go .go-future {
    position: relative;
    top: 0;
    left: 0;
    margin: 0 42px 0 0;
    width: 110px;
    height: 26px;
    font-size: 16px;
    line-height: 26px;
    color: #fff;
    background: #ffc100;
    border-radius: 16px
}

.bf-all-container.v3 .discount-block .top-cent .time-count.left .content .time-or-go .go-future i {
    font-size: 16px
}

.bf-all-container.v3 .discount-block .top-cent .tickets-block {
    width: 252px;
    height: 57px;
    display: inline-block;
    position: relative;
    top: -6px
}

.bf-all-container.v3 .discount-block .top-cent .tickets-block p {
    height: 29px;
    background: url(../images/brandfeature/quan_bg.png?v=2020-05-11) center/contain no-repeat;
    text-align: center;
    line-height: 29px;
    color: #fff
}

.bf-all-container.v3 .discount-block .top-cent .tickets-block p .copy-btn {
    width: 75px;
    height: 20px;
    background: rgba(255, 255, 255, .95);
    border-radius: 2px;
    float: right;
    color: #FF5B5D;
    line-height: 20px;
    font-size: 12px;
    margin: 4px 5px 0 0;
    position: relative;
    border: none;
    outline: 0
}

.bf-all-container.v3 .discount-block .top-cent .tickets-block p .copy-btn:hover {
    cursor: pointer;
    background: #fff
}

.bf-all-container.v3 .discount-block .top-cent .tickets-block p .copy-btn:hover span {
    display: block
}

.bf-all-container.v3 .discount-block .top-cent .tickets-block p .copy-btn span {
    width: 221px;
    background: #222c32;
    border-radius: 5px;
    position: absolute;
    padding: 13px 10px;
    bottom: 30px;
    color: #fff;
    left: -75px;
    text-align: left;
    display: none
}

.bf-all-container.v3 .discount-block .top-cent .tickets-block p .copy-btn span:after {
    content: '';
    border-top: 5px solid #222c32;
    border-left: 5px solid transparent;
    border-right: 5px solid transparent;
    position: absolute;
    left: 50%;
    bottom: -5px;
    margin-left: -5px
}

.bf-all-container.v3 .discount-block .top-cent .tickets-block section {
    color: #999;
    font-size: 12px;
    background: #fff;
    line-height: 28px;
    text-align: center
}

.bf-all-container.v3 .discount-block .top-cent .tickets-block section i {
    position: relative;
    top: -1px
}

.bf-all-container.v3 .discount-block .top-cent .top-tit {
    right: 23px;
    left: auto;
    top: -28px
}

.bf-all-container.v3 .discount-block .top-cent .bottom-label {
    height: 40px;
    border-top: none;
    width: 1171px;
    padding: 0;
    margin: 0 0 0 -16px;
    position: absolute;
    bottom: -1px;
    background: rgba(255, 255, 255, .4);
    line-height: 42px;
    border-bottom: 1px solid #eee
}

.bf-all-container.v3 .discount-block .top-cent .bottom-label li {
    color: #666;
    font-size: 12px;
    margin-right: 30px
}

.bf-all-container.v3 .discount-block .top-cent .bottom-label li.gz {
    font-size: 14px;
    color: #4e4e4e;
    padding: 0 15px
}

.bf-all-container.v3 .discount-block .top-cent .bottom-label li.gz b {
    font-size: 20px;
    color: #fc5f74;
    font-weight: 700;
    font-family: Arial
}

.bf-all-container.v3 .discount-block .top-cent .bottom-label li i.iconfont {
    color: #fd5b89
}

.bf-all-container.v3 .discount-block .top-cent .bottom-label li.brand-material {
    float: right;
    background: rgba(34, 44, 50, .9);
    border-radius: 2px;
    color: #aaa;
    line-height: 24px;
    padding: 0 0 0 6px;
    height: 24px;
    margin: 8px 20px 0 0
}

.bf-all-container.v3 .discount-block .top-cent .bottom-label li.brand-material i {
    position: relative;
    top: -1px
}

.bf-all-container.v3 .discount-block .top-cent .bottom-label li.brand-material .copy-btn {
    width: 72px;
    height: 24px;
    background: linear-gradient(223deg, #fe8721 0, #ed70aa 100%);
    border-radius: 2px;
    display: inline-block;
    text-align: center;
    color: #fff;
    cursor: pointer;
    position: relative
}

.bf-all-container.v3 .discount-block .top-cent .bottom-label li.brand-material .copy-btn:hover {
    background: linear-gradient(223deg, rgba(254, 135, 33, .9) 0, rgba(237, 112, 170, .9) 100%)
}

.bf-all-container.v3 .discount-block .top-cent .bottom-label li.brand-material .copy-btn .copy-text {
    width: 280px;
    background: rgba(34, 44, 50, .9);
    border-radius: 5px;
    position: absolute;
    z-index: 999;
    display: none;
    text-align: left;
    padding: 11px 15px 11px 11px;
    left: 80px;
    top: -70px
}

.bf-all-container.v3 .discount-block .top-cent .bottom-label li.brand-material .copy-btn .copy-text img {
    height: 100px
}

.bf-all-container.v3 .discount-block .top-cent .bottom-label li.brand-material .copy-btn .copy-text:after {
    content: '';
    position: absolute;
    left: -5px;
    border-right: 5px solid rgba(34, 44, 50, .9);
    border-top: 5px solid transparent;
    border-bottom: 5px solid transparent;
    top: 78px
}

.bf-all-container.v3 .discount-block .top-cent .bottom-label li.brand-material:hover .copy-text {
    display: block
}

.bf-all-container.v3 .discount-block .bot-cent .goods-list {
    width: 586px;
    height: 230px;
    border: 1px solid #eee;
    margin: -1px -1px 0 0;
    box-shadow: none;
    border-radius: 0
}

.bf-all-container.v3 .discount-block .bot-cent .goods-list .content .tit {
    font-size: 14px;
    width: 250px;
    display: inline-block
}

.bf-all-container.v3 .discount-block .bot-cent .goods-list .content .tb-or-tm {
    position: absolute;
    right: 0;
    top: 2px;
    font-size: 12px
}

.bf-all-container.v3 .discount-block .bot-cent .goods-list .content .tb-or-tm i.ico {
    width: 12px;
    height: 12px;
    background: center no-repeat;
    background-size: contain;
    display: inline-block;
    position: relative;
    top: 1px;
    margin-right: 3px
}

.bf-all-container.v3 .discount-block .bot-cent .goods-list .content .tb-or-tm.tm {
    color: #e93930
}

.bf-all-container.v3 .discount-block .bot-cent .goods-list .content .tb-or-tm.tm .ico {
    background-image: url(../images/jd.png?v=2020-04-20)
}

.bf-all-container.v3 .discount-block .bot-cent .goods-list .content .tb-or-tm.tb {
    color: #f40
}

.bf-all-container.v3 .discount-block .bot-cent .goods-list .content .tb-or-tm.tb .ico {
    background-image: url(../images/icon/icon_pic_tao.png?v=2020-05-11)
}

.bf-all-container.v3 .discount-block .bot-cent .goods-list .content .ticket {
    height: 70px
}

.bf-all-container.v3 .discount-block .bot-cent .goods-list .content .ticket span {
    margin: 13px 0 10px
}

.bf-all-container.v3 .discount-block .bot-cent .goods-list .img-hover {
    color: #FD7C0A;
    cursor: pointer;
    height: 41px;
    position: absolute;
    right: 0;
    top: -16px;
    padding-top: 16px
}

.bf-all-container.v3 .discount-block .bot-cent .goods-list .img-hover i.iconfont {
    position: relative;
    top: 4px;
    margin-right: 3px;
    font-size: 14px
}

.bf-all-container.v3 .discount-block .bot-cent .goods-list .img-hover b.name {
    font-size: 12px;
    margin-top: 2px
}

.bf-all-container.v3 .discount-block .bot-cent .goods-list .copy-img-block {
    position: absolute;
    width: 586px;
    height: 0;
    right: -20px;
    bottom: 41px;
    cursor: auto;
    background: #fff;
    overflow: hidden;
    box-shadow: 0 2px 10px 0 rgba(204, 204, 204, .5);
    border-radius: 4px;
    -moz-transition: height .3s ease;
    -webkit-transition: height .3s ease;
    -o-transition: height .3s ease;
    transition: height .3s ease
}

.bf-all-container.v3 .discount-block .bot-cent .goods-list .copy-img-block.ani {
    height: 380px
}

.bf-all-container.v3 .discount-block .bot-cent .goods-list .copy-img-block .img-nav {
    position: absolute;
    top: 25px;
    justify-content: center;
    width: 100%
}

.bf-all-container.v3 .discount-block .bot-cent .goods-list .copy-img-block .img-nav li {
    padding: 0 10px;
    color: #333;
    margin-right: 20px;
    cursor: pointer
}

.bf-all-container.v3 .discount-block .bot-cent .goods-list .copy-img-block .img-nav li:hover {
    color: #f40
}

.bf-all-container.v3 .discount-block .bot-cent .goods-list .copy-img-block .img-nav li.act {
    color: #f40;
    border-bottom: 1px solid #f40
}

.bf-all-container.v3 .discount-block .bot-cent .goods-list .copy-img-block .ts {
    height: 22px;
    background: #ffeed3;
    color: #f40;
    font-size: 12px;
    padding: 0 8px;
    line-height: 22px;
    white-space: nowrap
}

.bf-all-container.v3 .discount-block .bot-cent .goods-list .copy-img-block .swiper-container {
    position: absolute;
    top: 70px;
    left: 20px;
    height: 246px;
    width: 550px
}

.bf-all-container.v3 .discount-block .bot-cent .goods-list .copy-img-block .swiper-container .swiper-wrapper .swiper-slide {
    height: 246px;
    margin: 0 auto;
    background: top no-repeat;
    background-size: contain
}

.bf-all-container.v3 .discount-block .bot-cent .goods-list .copy-img-block .swiper-container .swiper-button-next,
.bf-all-container.v3 .discount-block .bot-cent .goods-list .copy-img-block .swiper-container .swiper-button-prev {
    left: 0;
    right: auto;
    width: 28px;
    height: 52px;
    outline: 0;
    background: url(../images/brand_pre.png?v=2020-05-11) center no-repeat;
    background-size: contain;
    margin-top: -26px;
    visibility: hidden
}

.bf-all-container.v3 .discount-block .bot-cent .goods-list .copy-img-block .swiper-container .swiper-button-next:hover,
.bf-all-container.v3 .discount-block .bot-cent .goods-list .copy-img-block .swiper-container .swiper-button-prev:hover {
    opacity: .7
}

.bf-all-container.v3 .discount-block .bot-cent .goods-list .copy-img-block .swiper-container .swiper-button-next {
    left: auto;
    right: 0;
    background-image: url(../images/brand_next.png?v=2020-05-11)
}

.bf-all-container.v3 .discount-block .bot-cent .goods-list .copy-img-block .bottom-edit {
    position: absolute;
    bottom: 20px;
    z-index: 99;
    width: 100%;
    padding: 0 20px
}

.bf-all-container.v3 .discount-block .bot-cent .goods-list:hover .discount-ico,
.bf-all-container.v3 .discount-block .bot-cent .goods-list:hover .img_ico,
.bf-all-container.v3 .discount-block .brand-block-bottom .brand-block-list .goods-list-block .goods-list:hover .discount-ico,
.bf-all-container.v3 .discount-block .brand-block-bottom .brand-block-list .goods-list-block .goods-list:hover .img_ico {
    bottom: 30px
}

.bf-all-container.v3 .discount-block .bot-cent .goods-list .copy-img-block .bottom-edit p {
    font-size: 12px;
    color: #999;
    height: 30px;
    line-height: 48px
}

.bf-all-container.v3 .discount-block .bot-cent .goods-list .copy-img-block .bottom-edit button.copy-all {
    height: 32px;
    line-height: 32px;
    color: #fff;
    border: none;
    padding: 0 15px;
    background: #0c90ff;
    cursor: pointer;
    border-radius: 4px
}

.bf-all-container.v3 .discount-block .bot-cent .goods-list .copy-img-block .bottom-edit button.copy-all:hover {
    opacity: .8
}

.bf-all-container.v3 .brand-rank .rank-nav li.operate button:hover,
.bf-all-container.v3 .recommend .nav-tab li.operate button:hover {
    opacity: .9
}

.bf-all-container.v3 .discount-block .bot-cent .goods-list .copy-img-block:hover .swiper-button-next,
.bf-all-container.v3 .discount-block .bot-cent .goods-list .copy-img-block:hover .swiper-button-prev {
    visibility: visible
}

.bf-all-container.v3 .discount-block .bot-cent .goods-list .text_ico {
    width: 370px
}

.bf-all-container.v3 .discount-block .bot-cent .goods-list .text_ico p {
    height: 24px;
    line-height: 23px;
    max-width: 85%;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    display: block;
}

.bf-all-container.v3 .discount-block .bot-cent .goods-list .text_ico p .img {
    top: 0
}

.bf-all-container.v3 .discount-block .bot-cent .goods-list .img .had-tg,
.bf-all-container.v3 .discount-block .bot-cent .goods-list .img img {
    border-radius: 0
}

.bf-all-container.v3 .discount-block .bot-cent .goods-list .img .copy-text-block button {
    font-size: 12px;
    border-radius: 0
}

.bf-all-container.v3 .discount-block .bot-cent .goods-list:hover {
    border: 1px solid #f40;
    z-index: 889
}

.bf-all-container.v3 .discount-block .bot-cent .goods-list:hover .active-wrapper-panel .ani-ico {
    width: 66px
}

.bf-all-container.v3 .discount-block .bot-cent .goods-list:hover .active-wrapper-panel .ani-ico .full-name {
    display: block
}

.bf-all-container.v3 .discount-block .bot-cent .goods-list:hover .active-wrapper-panel .ani-ico .short-name {
    display: none
}

.bf-all-container.v3 .discount-block .brand-block-bottom {
    width: 1184px
}

.bf-all-container.v3 .discount-block .brand-block-bottom .brand-block-list {
    width: 580px;
    height: 380px;
    float: left;
    margin: 10px 10px 0 0;
    background: #fff;
    border-radius: 10px 10px 0 0
}

.bf-all-container.v3 .discount-block .brand-block-bottom .brand-block-list .top-cent {
    background: #e5edf8;
    height: 90px;
    width: 100%;
    box-sizing: border-box;
}

.bf-all-container.v3 .discount-block .brand-block-bottom .brand-block-list .top-cent .time-count.left {
    padding: 0
}

.bf-all-container.v3 .discount-block .brand-block-bottom .brand-block-list .top-cent .time-count.left .content {
    width: 408px
}

.bf-all-container.v3 .discount-block .brand-block-bottom .brand-block-list .goods-list-block .goods-list {
    width: 194px;
    height: 290px;
    background: #fff;
    padding: 11px;
    border: 1px solid #eee;
    margin-right: -1px;
    float: left;
    box-sizing: border-box;
}

.bf-all-container.v3 .discount-block .brand-block-bottom .brand-block-list .goods-list-block .goods-list .img {
    width: 172px;
    height: 172px;
    text-align: center;
    position: relative
}

.bf-all-container.v3 .discount-block .brand-block-bottom .brand-block-list .goods-list-block .goods-list .img img {
    max-width: 172px;
    max-height: 172px;
    border-radius: 5px
}

.bf-all-container.v3 .discount-block .brand-block-bottom .brand-block-list .goods-list-block .goods-list .img .active-ico {
    position: relative;
    right: 0;
    top: 0;
    font-size: 12px;
    color: #333;
    z-index: 9
}

.bf-all-container.v3 .discount-block .brand-block-bottom .brand-block-list .goods-list-block .goods-list .img .active-ico .active-text.dj {
    position: absolute;
    right: 0;
    width: 90px;
    height: 23px;
    text-align: center;
    top: 29px;
    color: #333
}

.bf-all-container.v3 .discount-block .brand-block-bottom .brand-block-list .goods-list-block .goods-list .img .active-ico .active-text.dj b {
    color: #FF0036;
    font-family: Arial
}

.bf-all-container.v3 .discount-block .brand-block-bottom .brand-block-list .goods-list-block .goods-list .img .copy-text-block {
    position: absolute;
    width: 100%;
    bottom: 0;
    display: none
}

.bf-all-container.v3 .discount-block .brand-block-bottom .brand-block-list .goods-list-block .goods-list .img .copy-text-block button {
    border: none;
    border-radius: 2px;
    text-align: center;
    line-height: 30px;
    margin: 20px 0 0;
    cursor: pointer;
    font-size: 12px
}

.bf-all-container.v3 .discount-block .brand-block-bottom .brand-block-list .goods-list-block .goods-list .img .copy-text-block button.collect {
    width: 50%;
    height: 30px;
    background: rgba(255, 68, 0, .9);
    border-radius: 0 0 0 5px;
    position: relative;
    color: #fff;
    outline: 0;
    line-height: 28px;
    border-right: 1px solid rgba(255, 255, 255, .5)
}

.bf-all-container.v3 .discount-block .brand-block-bottom .brand-block-list .goods-list-block .goods-list .img .copy-text-block button.collect:hover {
    background: #e63d00
}

.bf-all-container.v3 .discount-block .brand-block-bottom .brand-block-list .goods-list-block .goods-list .img .copy-text-block button.copy {
    width: 50%;
    height: 30px;
    background: rgba(255, 68, 0, .9);
    border-radius: 0 0 5px;
    color: #fff;
    position: relative;
    outline: 0
}

.bf-all-container.v3 .discount-block .brand-block-bottom .brand-block-list .goods-list-block .goods-list .img .copy-text-block button.copy:hover {
    background: #e63d00
}

.bf-all-container.v3 .discount-block .brand-block-bottom .brand-block-list .goods-list-block .goods-list .img .copy-text-block button.copy .copy-content {
    position: absolute;
    right: -315px;
    background: #1b2830;
    border-radius: 4px;
    padding: 12px;
    z-index: 999;
    word-break: break-all;
    font-size: 12px;
    text-align: left;
    width: 300px;
    line-height: 20px;
    color: #EBF1F4;
    top: -180px;
    display: none
}

.bf-all-container.v3 .discount-block .brand-block-bottom .brand-block-list .goods-list-block .goods-list .img .copy-text-block button.copy .copy-content img {
    height: 100px;
    margin: 5px 0
}

.bf-all-container.v3 .discount-block .brand-block-bottom .brand-block-list .goods-list-block .goods-list .img .copy-text-block button.copy .copy-content a {
    color: #fff
}

.bf-all-container.v3 .discount-block .brand-block-bottom .brand-block-list .goods-list-block .goods-list .img .copy-text-block button.copy .copy-content:before {
    content: '';
    width: 0;
    height: 0;
    border-bottom-width: 7px;
    border-bottom-color: transparent;
    border-top-width: 7px;
    border-top-color: transparent;
    border-right-width: 7px;
    border-right-color: #1b2830;
    border-style: solid;
    border-left: none;
    position: absolute;
    left: -7px;
    top: 190px
}

.bf-all-container.v3 .discount-block .brand-block-bottom .brand-block-list .goods-list-block .goods-list .img .copy-text-block button.copy .copy-content.left {
    right: auto;
    left: -315px
}

.bf-all-container.v3 .discount-block .brand-block-bottom .brand-block-list .goods-list-block .goods-list .img .copy-text-block button.copy .copy-content.left:before {
    left: auto;
    right: -6px;
    transform: rotate(180deg)
}

.bf-all-container.v3 .discount-block .brand-block-bottom .brand-block-list .goods-list-block .goods-list .img .copy-text-block button.copy:hover .copy-content {
    display: block
}

.bf-all-container.v3 .discount-block .brand-block-bottom .brand-block-list .goods-list-block .goods-list .content {
    width: 100%
}

.bf-all-container.v3 .discount-block .brand-block-bottom .brand-block-list .goods-list-block .goods-list .content .tit {
    font-size: 12px;
    color: #333;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    display: block;
    margin-top: 10px
}

.bf-all-container.v3 .discount-block .brand-block-bottom .brand-block-list .goods-list-block .goods-list .content .text_ico {
    height: 34px;
    margin: 12px 0 0
}

.bf-all-container.v3 .discount-block .brand-block-bottom .brand-block-list .goods-list-block .goods-list .content .text_ico p {
    height: 22px;
    font-size: 12px;
    text-align: center;
    line-height: 21px;
    overflow: hidden;
    max-width: 100%;
    color: #FE3758;
    padding: 0 8px 0 30px;
    position: relative;
    background: #fee9ee;
    text-overflow: ellipsis;
    border-radius: 12px;
    border: 1px solid #ffd1d9;
    white-space: nowrap;
    display: inline-block;
    box-sizing: border-box;
}

.bf-all-container.v3 .discount-block .brand-block-bottom .brand-block-list .goods-list-block .goods-list .content .text_ico p .img {
    width: 19px;
    height: 23px;
    background: url(../images/brandfeature/diamond.png?v=2019-10-06?v=2020-05-11) center no-repeat;
    background-size: contain;
    position: absolute;
    margin: 0;
    left: 6px;
    top: -1px
}

.bf-all-container.v3 .discount-block .brand-block-bottom .brand-block-list .goods-list-block .goods-list .content .ticket {
    height: 20px
}

.bf-all-container.v3 .discount-block .brand-block-bottom .brand-block-list .goods-list-block .goods-list .content .ticket .pri {
    color: #999;
    font-size: 12px
}

.bf-all-container.v3 .discount-block .brand-block-bottom .brand-block-list .goods-list-block .goods-list .content .ticket .pri b {
    font-family: Arial;
    color: #ff002f;
    font-size: 15px;
    margin-right: 3px;
    font-weight: bold;
}

.bf-all-container.v3 .discount-block .brand-block-bottom .brand-block-list .goods-list-block .goods-list .content .ticket .yj {
    font-size: 12px;
    color: #333;
    line-height: 21px
}

.bf-all-container.v3 .discount-block .brand-block-bottom .brand-block-list .goods-list-block .goods-list .content .ticket .yj span {
    margin-left: 3px
}

.bf-all-container.v3 .discount-block .brand-block-bottom .brand-block-list .goods-list-block .goods-list .content .quan {
    clear: both;
    font-size: 12px;
    color: #999;
    margin-top: 10px;
    display: none
}

.bf-all-container.v3 .discount-block .brand-block-bottom .brand-block-list .goods-list-block .goods-list:hover .active-wrapper-panel .ani-ico .full-name,
.bf-all-container.v3 .discount-block .brand-block-bottom .brand-block-list .goods-list-block .goods-list:hover .copy-text-block,
.bf-all-container.v3 .discount-block .brand-block-bottom .brand-block-list .goods-list-block .goods-list:hover .quan {
    display: block
}

.bf-all-container.v3 .discount-block .brand-block-bottom .brand-block-list .goods-list-block .goods-list .content .quan b {
    color: #666
}

.bf-all-container.v3 .discount-block .brand-block-bottom .brand-block-list .goods-list-block .goods-list:hover {
    border-color: #f40;
    height: 317px;
    position: relative;
    z-index: 889
}

.bf-all-container.v3 .discount-block .brand-block-bottom .brand-block-list .goods-list-block .goods-list:hover .active-wrapper-panel .ani-ico {
    width: 66px
}

.bf-all-container.v3 .discount-block .brand-block-bottom .brand-block-list .goods-list-block .goods-list:hover .active-wrapper-panel .ani-ico .short-name {
    display: none
}

.bf-all-container.v3 .discount-block .brand-block-bottom .brand-block-list .goods-list-block .goods-list .rank-cent {
    position: absolute;
    left: 70px;
    top: -1px;
    height: auto;
    background: #fff;
    border: 1px solid #eee;
    padding: 7px 6px 15px 15px;
    box-sizing: border-box;
    color: #333;
    z-index: 9;
    display: none
}

.bf-all-container.v3 .discount-block .brand-block-bottom .brand-block-list .goods-list-block .goods-list .rank-cent li {
    width: 100px;
    display: none
}

.bf-all-container.v3 .discount-block .brand-block-bottom .brand-block-list .goods-list-block .goods-list .rank-cent li.type3 {
    width: 52px
}

.bf-all-container.v3 .discount-block .brand-block-bottom .brand-block-list .goods-list-block .goods-list .rank-cent li h3 {
    font-weight: 400;
    text-align: left;
    font-size: 12px;
    margin-bottom: -5px
}

.bf-all-container.v3 .discount-block .brand-block-bottom .brand-block-list .goods-list-block .goods-list .rank-cent li p {
    color: #999;
    margin: 0;
    position: relative;
    width: auto;
    text-align: left;
    height: 20px;
    display: none
}

.bf-all-container.v3 .discount-block .brand-block-bottom .brand-block-list .goods-list-block .goods-list .rank-cent li p i {
    color: #f40;
    background: 0 0;
    font-family: Arial;
    line-height: 38px
}

.bf-all-container.v3 .brand-act-link {
    margin-top: 15px
}

.bf-all-container.v3 .brand-act-link li {
    float: left;
    width: 300px;
    height: 150px;
    background: #f9e7e8;
    overflow: hidden
}

.bf-all-container.v3 .brand-act-link li img {
    display: inline-block;
    width: 100%;
    height: 100%
}

.bf-all-container.v3 .brand-act-link li:nth-child(2) {
    background: #fff4e1
}

.bf-all-container.v3 .brand-act-link li:nth-child(3) {
    background: #dfedf2
}

.bf-all-container.v3 .brand-act-link li:nth-child(4) {
    background: #d6ecd6
}

.bf-all-container.v3 .brand-active {
    padding: 0;
    margin-top: 20px
}

.bf-all-container.v3 .brand-active .act-goods-block {
    margin: 0;
    width: 1200px;
    position: relative
}

.bf-all-container.v3 .brand-active .act-goods-block .line {
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    z-index: 9
}

.bf-all-container.v3 .brand-active .act-goods-block .line.border1 {
    border-bottom: 1px solid #f43a6c
}

.bf-all-container.v3 .brand-active .act-goods-block .line.border2 {
    border-bottom: 1px solid #9659f0
}

.bf-all-container.v3 .brand-active .act-goods-block .line.border3 {
    border-bottom: 1px solid #ff562f
}

.bf-all-container.v3 .brand-active .act-goods-block .line.border4 {
    border-bottom: 1px solid #ff8e2f
}

.bf-all-container.v3 .brand-active .act-goods-block .line.border5 {
    border-bottom: 1px solid #459af0
}

.bf-all-container.v3 .brand-active .act-goods-block .line.border6 {
    border-bottom: 1px solid #ffaa1d
}

.bf-all-container.v3 .brand-active .act-goods-block .left-block {
    width: 283px;
    height: 690px;
    float: left;
    background: url(../images/brandfeature/activebg.png?v=2020-05-11) center no-repeat #f43a6c;
    background-size: cover
}

.bf-all-container.v3 .brand-active .act-goods-block .left-block .top-cent {
    text-align: center;
    color: #fff
}

.bf-all-container.v3 .brand-active .act-goods-block .left-block .top-cent .icon {
    width: 36px;
    height: 36px;
    display: block;
    background: center no-repeat;
    background-size: contain;
    margin: 45px auto 5px
}

.bf-all-container.v3 .brand-active .act-goods-block .left-block .top-cent .icon.ico1 {
    background-image: url(../images/brandfeature/actico1.png?v=2020-05-11)
}

.bf-all-container.v3 .brand-active .act-goods-block .left-block .top-cent .icon.ico2 {
    background-image: url(../images/brandfeature/actico2.png?v=2020-05-11)
}

.bf-all-container.v3 .brand-active .act-goods-block .left-block .top-cent .icon.ico3 {
    background-image: url(../images/brandfeature/actico3.png?v=2020-05-11)
}

.bf-all-container.v3 .brand-active .act-goods-block .left-block .top-cent .icon.ico4 {
    background-image: url(../images/brandfeature/actico4.png?v=2020-05-11)
}

.bf-all-container.v3 .brand-active .act-goods-block .left-block .top-cent .icon.ico5 {
    background-image: url(../images/brandfeature/actico5.png?v=2020-05-11)
}

.bf-all-container.v3 .brand-active .act-goods-block .left-block .top-cent .icon.ico6 {
    background-image: url(../images/brandfeature/actico6.png?v=2020-05-11)
}

.bf-all-container.v3 .brand-active .act-goods-block .left-block h3.name {
    font-size: 20px;
    margin-bottom: 15px
}

.bf-all-container.v3 .brand-active .act-goods-block .left-block p.des {
    font-size: 14px;
    margin-bottom: 25px
}

.bf-all-container.v3 .brand-active .act-goods-block .left-block .time-last {
    font-size: 16px;
    height: 32px
}

.bf-all-container.v3 .brand-active .act-goods-block .left-block .time-last i {
    margin-right: 5px
}

.bf-all-container.v3 .brand-active .act-goods-block .left-block .time-last b {
    min-width: 32px;
    height: 32px;
    background: rgba(0, 0, 0, .6);
    border-radius: 2px;
    font-size: 20px;
    margin: 0 5px;
    font-family: Arial;
    text-align: center;
    display: inline-block;
    line-height: 32px
}

.bf-all-container.v3 .brand-active .act-goods-block .left-block .goods-list {
    float: none;
    height: 395px;
    display: block;
    margin: 30px auto;
    border-radius: 10px;
    width: 240px;
    padding: 14px;
    position: relative
}

.bf-all-container.v3 .brand-active .act-goods-block .left-block .goods-list:before {
    content: '';
    position: absolute;
    width: 50px;
    height: 50px;
    border-radius: 50%;
    left: 50%;
    top: -20px;
    background: url(../images/brandfeature/activhg.png?v=2020-05-11) 13px 5px no-repeat #fff;
    background-size: 25px;
    margin-left: -20px
}

.bf-all-container.v3 .brand-active .act-goods-block .left-block .goods-list .img {
    height: 240px;
    width: 210px;
    border-radius: 5px 5px 0 0
}

.bf-all-container.v3 .brand-active .act-goods-block .left-block .goods-list .img img.goods-img {
    width: 210px;
    height: 210px;
    border-radius: 5px
}

.bf-all-container.v3 .brand-active .act-goods-block .left-block .goods-list .img .discount-ico,
.bf-all-container.v3 .brand-active .act-goods-block .left-block .goods-list .img .img_ico {
    bottom: 30px
}

.bf-all-container.v3 .brand-active .act-goods-block .left-block .goods-list .img .act-text-ico {
    width: 210px;
    height: 32px;
    background: #f67d64;
    border-radius: 0 0 5px 5px;
    line-height: 32px;
    position: absolute;
    bottom: 0;
    text-align: center;
    font-size: 14px;
    color: #fff;
    overflow: hidden;
    text-overflow: ellipsis;
    padding: 0 10px
}

.bf-all-container.v3 .brand-active .act-goods-block .left-block .goods-list .copy {
    left: 14px;
    width: 210px
}

.bf-all-container.v3 .brand-active .act-goods-block .left-block .goods-list .has-text .discount-ico,
.bf-all-container.v3 .brand-active .act-goods-block .left-block .goods-list .has-text .img_ico.ship {
    bottom: 32px
}

.bf-all-container.v3 .brand-active .act-goods-block .left-block .goods-list:hover {
    z-index: 889
}

.bf-all-container.v3 .brand-active .act-goods-block .left-block .goods-list:hover .copy {
    top: 224px
}

.bf-all-container.v3 .brand-active .act-goods-block .left-block .goods-list:hover .act-text-ico {
    bottom: 30px;
    border-radius: 0
}

.bf-all-container.v3 .brand-active .act-goods-block .left-block .goods-list:hover .has-text .discount-ico,
.bf-all-container.v3 .brand-active .act-goods-block .left-block .goods-list:hover .has-text .img_ico.ship {
    bottom: 62px
}

.bf-all-container.v3 .brand-active .act-goods-block .left-block.bg1 {
    background-color: #f43a6c
}

.bf-all-container.v3 .brand-active .act-goods-block .left-block.bg2 {
    background-color: #9659f0
}

.bf-all-container.v3 .brand-active .act-goods-block .left-block.bg3 {
    background-color: #ff562f
}

.bf-all-container.v3 .brand-active .act-goods-block .left-block.bg4 {
    background-color: #ff8e2f
}

.bf-all-container.v3 .brand-active .act-goods-block .left-block.bg5 {
    background-color: #459af0
}

.bf-all-container.v3 .brand-active .act-goods-block .left-block.bg6 {
    background-color: #ffaa1d
}

.bf-all-container.v3 .brand-active .act-goods-block .left-block .price {
    margin: 10px 0 15px
}

.bf-all-container.v3 .brand-active .act-goods-block .goods-list {
    margin: 0 -1px -1px 0;
    border: 1px solid #eee;
    height: 346px;
    padding: 15px
}

.bf-all-container.v3 .brand-active .act-goods-block .goods-list .tit {
    margin: 8px 0
}

.bf-all-container.v3 .brand-active .act-goods-block .goods-list .goods-img,
.bf-all-container.v3 .brand-active .act-goods-block .goods-list .img {
    width: 200px;
    height: 200px
}

.bf-all-container.v3 .brand-active .act-goods-block .goods-list .img img {
    border-radius: 5px
}

.bf-all-container.v3 .brand-active .act-goods-block .goods-list .img .act-text-ico {
    width: 200px;
    height: 32px;
    background: #f67d64;
    border-radius: 0 0 5px 5px;
    line-height: 32px;
    position: absolute;
    bottom: 0;
    text-align: center;
    font-size: 14px;
    color: #fff;
    overflow: hidden;
    text-overflow: ellipsis;
    padding: 0 10px
}

.bf-all-container.v3 .brand-active .act-goods-block .goods-list .copy {
    left: 15px;
    width: 200px
}

.bf-all-container.v3 .brand-active .act-goods-block .goods-list .copy .btn:first-child {
    border-radius: 0 0 0 5px
}

.bf-all-container.v3 .brand-active .act-goods-block .goods-list .copy .btn:last-child {
    border-radius: 0 0 5px
}

.bf-all-container.v3 .brand-active .act-goods-block .goods-list .price {
    padding: 5px 10px
}

.bf-all-container.v3 .brand-active .act-goods-block .goods-list .price li.yj {
    position: static;
    text-align: center;
    color: #666
}

.bf-all-container.v3 .brand-active .act-goods-block .goods-list .price li.sale {
    text-align: right;
    color: #666
}

.bf-all-container.v3 .brand-active .act-goods-block .goods-list .ticket {
    margin: 10px 0 0
}

.bf-all-container.v3 .brand-active .act-goods-block .goods-list .has-text .discount-ico,
.bf-all-container.v3 .brand-active .act-goods-block .goods-list .has-text .img_ico.ship {
    bottom: 32px
}

.bf-all-container.v3 .brand-active .act-goods-block .goods-list:hover {
    border-color: #0D8EE7;
    z-index: 889
}

.bf-all-container.v3 .brand-active .act-goods-block .goods-list:hover .copy {
    top: 183px
}

.bf-all-container.v3 .brand-active .act-goods-block .goods-list:hover .discount-ico {
    left: 0
}

.bf-all-container.v3 .brand-active .act-goods-block .goods-list:hover .act-text-ico {
    bottom: 32px;
    border-radius: 0
}

.bf-all-container.v3 .brand-active .act-goods-block .goods-list:hover .has-text .discount-ico,
.bf-all-container.v3 .brand-active .act-goods-block .goods-list:hover .has-text .img_ico.ship {
    bottom: 64px
}

.bf-all-container.v3 .brand-active .act-goods-block .goods-list:hover .active-wrapper-panel .ani-ico {
    width: 66px
}

.bf-all-container.v3 .brand-active .act-goods-block .goods-list:hover .active-wrapper-panel .ani-ico .full-name {
    display: block
}

.bf-all-container.v3 .brand-active .act-goods-block .goods-list:hover .active-wrapper-panel .ani-ico .short-name {
    display: none
}

.bf-all-container.v3 .common-title {
    height: 90px;
    text-align: center;
    background: url(../images/brandfeature/comtitbg.png?v=2020-05-11) center no-repeat;
    background-size: 100% 100%;
    margin-top: 20px
}

.bf-all-container.v3 .common-title h3.tit {
    font-size: 24px;
    font-weight: 600;
    color: #2e3244;
    padding: 15px 0 8px
}

.bf-all-container.v3 .common-title p.des {
    color: #666;
    font-size: 14px;
    letter-spacing: 10px
}

.bf-all-container.v3 .recommend {
    margin-bottom: -7px
}

.bf-all-container.v3 .recommend .nav-tab {
    height: 70px
}

.bf-all-container.v3 .recommend .nav-tab li {
    width: 121px;
    height: 71px;
    margin: 0 -1px 0 0
}

.bf-all-container.v3 .recommend .nav-tab li.fire {
    line-height: 0 !important;
    padding: 10px 0
}

.bf-all-container.v3 .recommend .nav-tab li.fire p {
    display: block
}

.bf-all-container.v3 .recommend .nav-tab li.fire i.ico-fire {
    width: 30px;
    height: 30px;
    background: url(../images/brandfeature/zhrtico.png?v=2020-05-11) center no-repeat;
    background-size: contain;
    margin: 0 auto;
    display: block
}

.bf-all-container.v3 .recommend .nav-tab li img {
    max-width: 90px;
    max-height: 45px;
    margin: 12px auto 10px
}

.bf-all-container.v3 .recommend .nav-tab li.act,
.bf-all-container.v3 .recommend .nav-tab li:hover {
    line-height: 70px
}

.bf-all-container.v3 .recommend .nav-tab li.operate,
.bf-all-container.v3 .recommend .nav-tab li.operate:hover {
    line-height: 24px
}

.bf-all-container.v3 .recommend .nav-tab li.act img,
.bf-all-container.v3 .recommend .nav-tab li:hover img {
    display: none
}

.bf-all-container.v3 .recommend .nav-tab li.act p,
.bf-all-container.v3 .recommend .nav-tab li:hover p {
    display: inline-block
}

.bf-all-container.v3 .recommend .nav-tab li.operate button {
    background: linear-gradient(45deg, #f54672 0, #fdcd20 100%);
    display: block;
    box-shadow: 0 2px 4px 0 rgba(249, 131, 78, .3);
    border: none;
    margin: 15px auto 0;
    cursor: pointer;
    border-radius: 11px;
    color: #fff;
    font-size: 12px;
    width: 80px;
    height: 22px;
    outline: 0
}

.bf-all-container.v3 .brand-rank .rank-nav .pagination,
.bf-all-container.v3 .brand-rank .rank-nav li:hover img,
.bf-all-container.v3 .recommend .goods-msg.hide .hide-block {
    display: none
}

.bf-all-container.v3 .recommend .nav-tab li.operate button i.iconfont {
    font-size: 12px;
    margin-left: 3px
}

.bf-all-container.v3 .recommend .nav-tab li.operate a {
    font-size: 12px;
    color: #666
}

.bf-all-container.v3 .recommend .nav-tab li.operate a:hover {
    color: #f40
}

.bf-all-container.v3 .recommend .goods-msg .tit {
    margin: 5px 40px 0 15px;
    height: 45px
}

.bf-all-container.v3 .recommend .goods-msg .tit p {
    height: 22px
}

.bf-all-container.v3 .recommend .goods-msg.hide {
    height: 0;
    padding: 8px
}

.bf-all-container.v3 .recommend .goods-list .ico {
    right: 1px
}

.bf-all-container.v3 .recommend .goods-list .ticket {
    margin: 12px 0 0
}

.bf-all-container.v3 .brand-rank {
    padding: 0 20px 40px;
    margin: 0 0 18px
}

.bf-all-container.v3 .brand-rank .rank-nav {
    margin: 0 0 0 -20px;
    border-bottom: none
}

.bf-all-container.v3 .brand-rank .rank-nav ul {
    width: 1180px
}

.bf-all-container.v3 .brand-rank .rank-nav li {
    width: 110px;
    height: 65px;
    margin-right: 9px
}

.bf-all-container.v3 .brand-rank .rank-nav li img {
    max-width: 90px;
    max-height: 45px;
    height: auto;
    margin: 10px
}

.bf-all-container.v3 .brand-rank .rank-nav li:hover {
    border-color: #f40
}

.bf-all-container.v3 .brand-rank .rank-nav li:hover p {
    line-height: 65px;
    margin-top: 0
}

.bf-all-container.v3 .brand-rank .rank-nav li.operate,
.bf-all-container.v3 .brand-rank .rank-nav li.operate:hover {
    line-height: 24px
}

.bf-all-container.v3 .brand-rank .rank-nav li.rank-list-name {
    width: 128px;
    margin-left: -28px;
    border: none;
    background: linear-gradient(136deg, #ffeaa3 0, #fd810e 100%);
    border-radius: 0 100px 100px 0;
    font-size: 16px;
    color: #fff;
    padding: 5px
}

.bf-all-container.v3 .brand-rank .rank-nav li.rank-list-name b {
    display: block;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis
}

.bf-all-container.v3 .brand-rank .rank-nav li.rank-list-name i.list-ico {
    width: 30px;
    height: 30px;
    display: block;
    background: url(../images/brandfeature/zytitico.png?v=2020-05-11) center;
    background-size: contain;
    margin: 0 auto
}

.bf-all-container.v3 .brand-rank .rank-nav li.operate button {
    background: linear-gradient(45deg, #f54672 0, #fdcd20 100%);
    display: block;
    box-shadow: 0 2px 4px 0 rgba(249, 131, 78, .3);
    border: none;
    margin: 12px auto 0;
    cursor: pointer;
    border-radius: 11px;
    color: #fff;
    font-size: 12px;
    width: 80px;
    height: 22px;
    outline: 0
}

.bf-all-container.v3 .brand-rank .rank-nav li.operate button i.iconfont {
    font-size: 12px;
    margin-left: 3px
}

.bf-all-container.v3 .brand-rank .rank-nav li.operate a {
    font-size: 12px;
    color: #666;
    position: relative
}

.bf-all-container.v3 .brand-rank .rank-nav li.operate a:hover {
    color: #f40
}

.bf-all-container.v3 .active-wrapper-panel .ani-ico {
    height: 20px;
    background: linear-gradient(90deg, #3686be 0, #53c0df 100%);
    z-index: 9;
    border-radius: 100px 0 0 100px;
    width: 26px;
    color: #fff;
    font-size: 12px;
    line-height: 20px;
    text-align: center;
    -moz-transition: width .2s ease;
    -webkit-transition: width .2s ease;
    -o-transition: width .2s ease;
    transition: width .2s ease
}

.bf-all-container.v3 .active-wrapper-panel .ani-ico.low {
    background: linear-gradient(228deg, #ff902f 0, #ff615d 100%)
}

.bf-all-container.v3 .active-wrapper-panel .ani-ico.rank {
    background: linear-gradient(244deg, #d4beff 0, #8258ff 100%);
    display: none
}

.bf-all-container.v3 .active-wrapper-panel .ani-ico.rank .full-name i.ico {
    width: 19px;
    height: 19px;
    background: url(../images/sbbg.png?v=2019-03-29?v=20195205733428?v=2020-05-11) center no-repeat;
    background-size: contain;
    position: absolute;
    left: 8px;
    top: 1px
}

.bf-all-container.v3 .active-wrapper-panel .ani-ico.rank .full-name span {
    position: absolute;
    right: 10px;
    top: 0
}

.bf-all-container.v3 .active-wrapper-panel .ani-ico.rank:hover .rank-cent {
    display: -webkit-inline-box !important;
    display: -moz-inline-box !important;
    display: -ms-inline-flexbox !important;
    display: -webkit-inline-flex !important;
    display: inline-flex !important
}

.bf-all-container.v3 .active-wrapper-panel .ani-ico .ico-block {
    overflow: hidden;
    display: inline-block;
    white-space: nowrap
}

.bf-all-container.v3 .active-wrapper-panel .ani-ico .ico-block .full-name {
    display: none
}

.bf-all-container.v3 .main_chart {
    left: -240px
}

.bf-all-container.v3 .common-list .goods-list .ticket i.tag-ico {
    margin-right: 0;
    margin-left: 4px
}


/* 后加css */
.copyText.gai{
    display: none;
}
.copy-text-box{
    position: relative;
}
.copyText.goodsCopytext.feature{
    position: absolute;
    left: 202px;
    top:-229px;
    z-index: 999999;
}
.copyText.goodsCopytext.second{
    position: absolute;
    left: 175px;
    top:-229px;
    z-index: 999999;
}
.card-div-panel {
    position: absolute;
    top: 5px;
    right: 0;
    z-index: 9;
}
.goods-list span.new-labels.rank {
    background: linear-gradient(228deg,#d4beff 0,#8258ff 100%);
    display: none;
    box-sizing: border-box;
    position: relative;
}
.goods-list span.new-labels {
    float: right;
    color: #fff;
    width: 46px;
    height: 20px;
    line-height: 20px;
    text-align: center;
    background: linear-gradient(228deg,#ff902f 0,#ff615d 100%);
    border-radius: 100px 10px 2px 100px;
    opacity: 1;
    position: relative;
}
.new-brand-block {
    margin-top: -24px;
    position: relative;
    float: right;
    line-height: 24px;
    display: none;
    background: linear-gradient(223deg,rgba(254,135,33,1) 0,rgba(237,112,170,1) 100%);
    border-radius: 4px 0 0;
    height: 24px;
    color: #fff;
    text-align: right;
    padding: 0 2px 0 3px;
}
.admd-panel {
    overflow: hidden;
    margin-left: -20px;
 
}
.admd-panel a {
    width: 280px;
    height: 160px;
    line-height: 160px;
    margin-left: 25px;
    float: left;
    text-align: center;
    border-radius: 4px;
    overflow: hidden;
    margin-top: 16px;
}
.admd-panel a img {
    max-width: 100%;
    max-height: 100%;
}