/*buy页面doufukuai4个商品*/

.buy-doufukuai-v5-md-one {
    width: 280px;
}
.hottingsale .buy-doufukuai-v5-md-one .md-content{
    color: #fff!important;
    position: relative;
    background-color: #FE6D26!important;
    box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.3);
}
.hottingsale .buy-doufukuai-v5-md-one .md-headtag p {
    border: 1.2px solid #FFFFFF!important;
}
.hottingsale .buy-doufukuai-v5-md-one .md-head-s-gray{
    color: #fff!important;
}
.hottingsale .buy-doufukuai-v5-md-one .buynow{
    background-color: #fff!important;
}
.hottingsale .buy-doufukuai-v5-md-one .md-detail{
    color: #fff!important;
}
.hottingsale .buy-doufukuai-v5-md-one .fontgou,.hottingsale .buy-doufukuai-v5-md-one .errcolor{
    color: #fff!important;
}
.hottingsale .buy-doufukuai-v5-md-one .fontgoubg,.hottingsale .buy-doufukuai-v5-md-one .errbg{
    background-color: #FF3D00!important;
}
.hottingsale .buy-doufukuai-v5-md-one .md-detail-list{
    color: #fff!important;
}
.hottingsale .buy-doufukuai-v5-md-one .md-detail-list li p{
    color: #fff!important;
}
.hottingsale .buy-doufukuai-v5-md-one .md-give{
    color: #fff!important;
}
.hottingsale .buy-doufukuai-v5-md-one .md-give-list li{ 
    color: #fff!important;
}
.hottingsale .buy-doufukuai-v5-md-one .md-headimg .md1headimg02 i{ color: #fff!important;}
.hottingsale .buy-doufukuai-v5-md-one .pricetag{ color: #fff!important}
.hottingsale .buy-doufukuai-v5-md-one .pricetag span{ color: #fff!important}

.buy-doufukuai-v5-md-one .md-content {
    min-height: 500px;
    border: 2px solid rgba(0, 0, 0, 0.05);
    border-radius: 10px;
    padding: 0 18px;
    background-color: #fff;
    /* border-top: 0px;
    border-bottom: 0px; */
}

.buy-doufukuai-v5-md-one > .md-content > .salechampion {
    position: absolute;
    width: 96px;
    height: 96px;
    top: 0;
    left: 0;
    overflow: hidden;
}

.buy-doufukuai-v5-md-one > .md-content > .salechampion > .championtext {
    position: absolute;
    width: 140px;
    height: 32px;
    top: 11px;
    left: -45px;
    font-size: 12px;
    text-align: center;
    font-weight: 700;
    line-height: 32px;
    transform: rotate(-45deg);
    background: #F34C25;
    color: #FFFFFF;
}

.buy-doufukuai-v5-md-one > .md-content > .md-headimg {
    display: flex;
}

.buy-doufukuai-v5-md-one > .md-content > .md-headimg > .md1headimg01 {
    width: 80px;
    height: 80px;
    margin: 0 auto;
    margin-top: -40px;
    margin-right: 40px;
}

.buy-doufukuai-v5-md-one > .md-content > .md-headimg > .md1headimgbig {
    width: 100px;
    height: 100px;
    margin: 0 auto;
    margin-top: -60px;
    margin-right: 30px;
}

.buy-doufukuai-v5-md-one > .md-content > .md-headimg > .md1headimg02 {
    width: 40px;
    height: 16.5px;
    margin-top: 10px;
    padding-right: 2px;
}

.buy-doufukuai-v5-md-one > .md-content > .md-headimg > .md1headimg02 > i {
    width: 16px;
    height: 16px;
    color: #DDDDDD;
}

.buy-doufukuai-v5-md-one > .md-content > .md-headimg > .md1headimg02 > .hoticon {
    color: #FFFFFF;
}

.buy-doufukuai-v5-md-one > .md-content > .md-head-title {
    font-family: Source Han Sans CN;
    font-size: 16px;
    font-weight: 700;
    text-align: center;
    line-height: 30px;
    margin-top: 15px;
}

.buy-doufukuai-v5-md-one > .md-content > .md-head-title-hot {
    font-family: Source Han Sans CN;
    font-size: 16px;
    font-weight: 700;
    text-align: center;
    line-height: 30px;
    color: #FFFFFF;
    margin-top: 15px;
}

.buy-doufukuai-v5-md-one > .md-content > .md-head-s-gray {
    font-family: Source Han Sans CN;
    font-size: 14px;
    line-height: 23px;
    text-align: center;
    font-weight: 350;
    color: #8C8C8C;
    margin-bottom: 10px;
}

.buy-doufukuai-v5-md-one > .md-content > .md-head-s-hot {
    font-family: Source Han Sans CN;
    font-size: 14px;
    line-height: 23px;
    text-align: center;
    font-weight: 350;
    color: #FFFFFF;
    margin-bottom: 10px;
}

.buy-doufukuai-v5-md-one > .md-content > .md-hot-headtag {
    display: flex;
    padding: 0px 20px;
    justify-content: space-evenly;
}

.buy-doufukuai-v5-md-one > .md-content > .md-hot-headtag > p {
    color: #FFFFFF;
    height: 20px;
    padding: 0 2px;
    border: 1.2px solid #FFFFFF;
    border-radius: 4px;
    font-family: Source Han Sans CN;
    font-size: 12px;
    text-align: center;
    line-height: 20px;
}

.buy-doufukuai-v5-md-one > .md-content > .md-headtag {
    display: flex;
    padding: 0px 20px;
    justify-content: space-evenly;
}

.buy-doufukuai-v5-md-one > .md-content > .md-headtag > p {
  
    border: 1.2px solid #000000;
    border-radius: 4px;
    font-family: Source Han Sans CN;
    font-size: 12px;
    text-align: center;
    line-height: 17px;
    display: flex;
    align-items: center;
    padding: 0px 2px 1px 2px;
}

.buy-doufukuai-v5-md-one > .md-content > .pricetag {
    margin-top: 10px;
    color: #FE6D26;
    text-align: center;
    font-family: Source Han Sans CN;
    font-weight: 700;
    font-size: 28px;
}

.buy-doufukuai-v5-md-one > .md-content > .pricetag .price-icon {
    color: #FE6D26;
    text-decoration: none;
    font-weight: 700;
}

.buy-doufukuai-v5-md-one > .md-content > .pricetag > span {
    color: #8C8C8C;
    font-size: 14px;
    font-weight: 400;
    text-decoration: line-through;
    margin-left: 8px;
}

.buy-doufukuai-v5-md-one > .md-content > .pricetag-hot {
    margin-top: 10px;
    color: #FFFFFF;
    text-align: center;
    font-family: Source Han Sans CN;
    font-weight: 700;
    font-size: 28px;
}

.buy-doufukuai-v5-md-one > .md-content > .pricetag-hot .price-icon {
    color: #FFFFFf;
    text-decoration: none;
    font-weight: 700;
}

.buy-doufukuai-v5-md-one > .md-content > .pricetag-hot > span {
    color: #FFFFFF;
    font-size: 14px;
    font-weight: 400;
    text-decoration: line-through;
    margin-left: 8px;
}

.buy-doufukuai-v5-md-one > .md-content .buynow {
    display: block;
    margin: 0 auto;
    text-align: center;
    text-decoration: none;
    width: 244px;
    height: 50px;
    background-color: #FBEEE4;
    color: #FF7C32;
    line-height: 50px;
    border-radius: 10px;
    font-family: Source Han Sans CN;
    font-weight: 700;
    font-size: 20px;
    margin-top: 5px;
}

.buy-doufukuai-v5-md-one > .md-content .buynow-hot {
    display: block;
    margin: 0 auto;
    text-align: center;
    text-decoration: none;
    width: 244px;
    height: 50px;
    background-color: #FFFFFF;
    color: #FF7C32;
    line-height: 50px;
    border-radius: 10px;
    font-family: Source Han Sans CN;
    font-weight: 700;
    font-size: 20px;
    margin-top: 5px;
}

.buy-doufukuai-v5-md-one > .md-content > .absolutebuy {
    position: relative;
}

.buy-doufukuai-v5-md-one > .md-content > .absolutebuy > .buytag {
    background-color: #FF3D00;
    width: 110px;
    height: 20px;
    color: #FFFFFF;
    font-size: 12px;
    font-family: Source Han Sans CN;
    border-radius: 15px;
    line-height: 20px;
    text-align: center;
    position: absolute;
    right: 5px;
    top: -10px;
}

.buy-doufukuai-v5-md-one > .md-content > .md-detail {
    color: #000000;
    font-family: Source Han Sans CN;
    font-size: 14px;
    font-weight: 400;
    margin-top: 15px;
}

.buy-doufukuai-v5-md-one > .md-content > .md-detail-hot {
    margin-top: 15px;
    color: #FFFFFF;
    font-family: Source Han Sans CN;
    font-size: 14px;
    font-weight: 400;
    margin-top: 15px;
}

.buy-doufukuai-v5-md-one > .md-content > .md-detail-list {
    padding-inline-start: 0;
    margin-top: 10px;
}

.buy-doufukuai-v5-md-one > .md-content > .md-detail-list > li {
    display: flex;
    list-style-type: none;
    align-items: flex-start;
    margin-bottom: 13px;
}

.buy-doufukuai-v5-md-one > .md-content > .md-detail-list > li > img {
    width: 16px;
    height: 16px;
}

.buy-doufukuai-v5-md-one > .md-content > .md-detail-list > li > p {
    margin: 0;
    color: #8C8C8C;
    padding-left: 6px;
    font-family: Source Han Sans CN;
    font-size: 14px;
    font-weight: 400;
    line-height: 1.5;
    margin-right: -9px;
    width: calc(100% - 20px);
}

.buy-doufukuai-v5-md-one > .md-content > .md-detail-list > li > .hottext {
    color: #FFFFFF;
}

.buy-doufukuai-v5-md-one > .md-content > .md-give {
    color: #000000;
    font-family: Source Han Sans CN;
    font-size: 14px;
    font-weight: 400;
    margin-top: 15px;
}

.buy-doufukuai-v5-md-one > .md-content > .md-give-hot {
    color: #FFFFFF;
    font-family: Source Han Sans CN;
    font-size: 14px;
    font-weight: 400;
    margin-top: 15px;
}

.buy-doufukuai-v5-md-one > .md-content > .md-give-list {
    padding-inline-start: 0;
    margin-top: 10px;
}

.buy-doufukuai-v5-md-one > .md-content > .md-give-list > li {
    list-style-type: none;
    align-items: center;
    color: #8C8C8C;
    line-height: 27px;
    font-family: Source Han Sans CN;
    font-size: 14px;
    font-weight: 400;
}

.buy-doufukuai-v5-md-one > .md-content > .md-give-list > .hottext {
    color: #FFFFFF;
}

.buy-doufukuai-v5-md-one .layuifont {
    font-size: 12px;
    padding-top: 0px;
}

.buy-doufukuai-v5-md-one .layuiframe {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 16px;
    height: 16px;
    border-radius: 50%;
    margin-top: 3px;
}

.buy-doufukuai-v5-md-one .fontgoubg {
    background-color: #FFE1C6;
}

.buy-doufukuai-v5-md-one .fontgou {
    color: #FE6D26;
}

.buy-doufukuai-v5-md-one .fontredgoubg {
    background-color: #FF3D00;
}

.buy-doufukuai-v5-md-one .fontredgou {
    color: #FFFFFF;
}

.buy-doufukuai-v5-md-one .errcolor {
    color: #8C8C8C;
}

.buy-doufukuai-v5-md-one .errbg {
    background-color: #E3E3E3;
}

.buy-doufukuai-v5-md-one > .bdv5-footer {
    display: flex;
    text-align: center;
    justify-content: center;
    align-items: center;
    margin-top: 20px;
}

.buy-doufukuai-v5-md-one > .bdv5-footer > #md1,
.buy-doufukuai-v5-md-one > .bdv5-footer #md2 {
    position: relative;
}

.buy-doufukuai-v5-md-one > .bdv5-footer > #md1 > p,
.buy-doufukuai-v5-md-one > .bdv5-footer #md2 > p {
    display: flex;
    align-items: center;
    padding: 0 5px;
    font-family: Source Han Sans CN;
    font-size: 14px;
    font-weight: 350;
    line-height: 14px;
    color: #858585;
}

.buy-doufukuai-v5-md-one > .bdv5-footer > #md1 > p > .icon,
.buy-doufukuai-v5-md-one > .bdv5-footer #md2 > p > .icon {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 13px;
    height: 13px;
    font-size: 9px;
    margin: 0 3px;
    color: #FFFFFF;
    background-color: #999999;
    border-radius: 50%;
    border: 0px;
}

.buy-doufukuai-v5-md-one > .bdv5-footer #md1-time {
display: none;
}

.buy-doufukuai-v5-md-one > .bdv5-footer #md2-skill {
display: none;
}

.buy-doufukuai-v5-md-one > .bdv5-footer #md1:hover #md1-time {
    position: absolute;
    box-sizing: border-box;
    text-align: left;
    top: 20px;
    left: -80px;
    z-index: 1;
    display: block;
    width: 250px;
    padding: 20px 20px;
    border: .1px solid #dbdada;
    background-color: #ffffff;
    border-radius: 15px;
    height: auto;
    color: #999999;
    /* max-height: 360px; */
    font-size: 14px;
}

.buy-doufukuai-v5-md-one > .bdv5-footer #md2:hover #md2-skill {
    position: absolute;
    box-sizing: border-box;
    text-align: left;
    z-index: 1;
    top: 20px;
    left: -150px;
    display: block;
    width: 270px;
    padding: 20px 20px;
    border: .1px solid #dbdada;
    background-color: #ffffff;
    border-radius: 15px;
    height: auto;
    color: #999999;
    /* max-height: 360px; */
    font-size: 14px;
}

.count-down .figure {
    height: 46px;
    width: 34px;
}

.count-down .count-title {
    line-height: 48px;
    color: #969696;
    height: 46px;
}
.buy-os{
    margin-top: 40px;
}
.buy-reasons .reason-item .reason-item-icon {
    width: 15px;
    height: 15px;
}
.buy-reasons .reason-item {
    align-items: center;
}
.buy-reasons{
    margin-top: 12px;
    margin-bottom: 75px;
}
.buy-doufukuai-v5-md-one > .bdv5-footer{
    margin-bottom: 45px;
}

@media screen and (max-width:767px) {
    /*buy页面doufukuai4个商品*/
    .buy-doufukuai-v5-md-one {
        width: 100%;
        margin-bottom: 70px;
    }
    .buy-doufukuai-v5-md-one > .md-content {
        margin: 0 .4rem;
    }
    .buy-doufukuai-v5-md-one > .md-content > .md-headimg > .md1headimg01 {
        margin-right: 68px;
    }
    .buy-doufukuai-v5-md-one > .md-content > .md-headimg > .md1headimgbig {
        margin-right: 52px;
    }
    .buy-doufukuai-v5-md-one > .md-content .buynow {
        display: block;
    }
    .buy-doufukuai-v5-md-one > .md-content > .md-detail-list {
        margin-block-end: 0;
    }
    .buy-doufukuai-v5-md-one > .md-content > .absolutebuy > .buytag {
        background-color: #FF3D00;
        width: 110px;
        height: 20px;
        color: #FFFFFF;
        font-size: 12px;
        font-family: Source Han Sans CN;
        border-radius: 15px;
        line-height: 20px;
        text-align: center;
        position: absolute;
        right: 30px;
        top: -10px;
    }

    .buy-doufukuai-v5-md-one > .md-content{
        position:relative;
    }

    .count-down .count-title{
        height: 30px;
        line-height: 27px;
    }
    .buy-reasons{
        justify-content:center;
    }
    .buy-prod .prod-item{
        width: 100%;
    }
    .buy-doufukuai-v5-md-one > .md-content > .md-headimg > .md1headimg01{
        margin-right: 68px;
    }
    .buy-doufukuai-v5-md-one > .bdv5-footer{
        margin-bottom: 0;
    }
    .buy-subscription h2{
        margin-top:0;
        padding-top:0;
        margin: 0 20px;
    }
    .buy-subscription .buy-subscription-list {
        margin-top: .8rem;
        margin-bottom: .8rem;
    }
    .buynow{
        position: unset!important;
    }
    .buy-prod {
        display: flex;
        justify-content: space-between;
        align-items: flex-start;
        margin-top: 1rem;
    }
}