.gohome{display:block; position:fixed; bottom:3.2rem; right:0.8rem; width:2rem; height:2rem; border-radius:20rem; background:#de6d65 url(http://www.upetmart.com/act/bargain/home.png) center center no-repeat; z-index:2; background-size:65% auto; box-shadow:0 0.1rem 0.3rem rgba(156,68,62,0.3); }


/*我的砍价*/
.container{width: 100vw;height: 100vh;background: url("../images/bg@2x.png") center 3.42rem repeat;background-size:100% 100%;overflow: auto;-webkit-overflow-scrolling: touch;position: static;}
.container::after{height: calc(100% + 1px);}
.overhide{width: 100vw;height: 100vh;background: red;overflow: hidden;}
.top{width: 100%;height: 1.95rem;border-bottom: 1px solid #ddd;position: fixed;text-align: center;background: #fff;left: 0;top: 0;z-index: 101;display: none;}
.top a{width: 1.95rem;height: 1.95rem;display: inline-block;position: absolute;top: 0;left: 0;padding: 0.425rem;box-sizing: border-box;}
.top a img{width: 100%;height: 100%;}
.top span{line-height: 1.95rem;font-size: 0.9rem;font-weight: bold;}
.notice{background: rgb(255,125,119);margin-top: 0;height: 1.5rem;overflow: hidden;position: relative;top: 0;}
.notice2{width:100%;position: relative;top: 0;transition: top 0.8s linear;}
.notice img,.notice span{float: left;}
.notice img{width: 1.1rem;border-radius: 50%;}
.notice span{font-size: 0.6rem;line-height:1.1rem;color:#fff;margin-left: 0.25rem;width: calc(100% - 1.35rem);overflow: hidden;white-space: nowrap;text-overflow: ellipsis;}
.mleft{width: 4.8rem;float: left;display: flex;align-items: center;margin: 0.5rem 0.5rem 0.5rem 0.75rem;}
.mright{width: calc(100% - 6.4rem);float: left;}
.card{margin: 0.4rem 0.5rem 0 0.5rem;background: #fff;border-radius: 10px;padding-top: 0.5rem;}
.merchandise{position: relative;width: calc(100% - 1rem);margin: 0 auto;background: #f9f7f8;border-radius: 0.3rem;}
.clearfix::after{content: "";display: block;clear: both;}
.mleft img{margin: 0 auto;display: block;width: 100%;}
.mright p:nth-child(1){font-size: 0.6rem;margin-top: 0.6rem;margin-bottom: 0.7rem;color: #333;line-height: 0.85rem;height: 1.7rem;overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 2;
    -webkit-box-orient: vertical;}
.mright p:nth-child(2){font-size: 0.9rem;color: #E72B22;margin-bottom: 0.21rem;line-height: 0.7rem;height: 1.25rem;padding-top: 0.35rem;box-sizing: border-box;}
.mright p:nth-child(2)>span{font-size: 0.5rem;}
.mright p:nth-child(3){font-size: 0.6rem;line-height:0.85rem;color: #999;margin-top: 1px;}
.progress{padding: 0.5rem 0.75rem 0.5rem 0.75rem;text-align: center;position: relative;}
.progress p span{color: #E72B22;}
.progresstitle{font-size: 0.7rem;line-height: 1rem;color: #333;}
.record{position:absolute;right:0.75rem;top:0.6rem;font-size: 0.6rem;line-height: 0.85rem;color: #E72B22;}
.progress .bottom{margin-top: 0.2625rem;}
.progress .bottom span{font-size: 0.6rem;line-height: 0.85rem;}
.progress .bottom span:nth-child(1){float: left;color: #E72B22;}
.progress .bottom span:nth-child(2){float: right;color: #999;}
progress{width: 100%;height: 0.5rem;border-radius: 15px;vertical-align:0;}
progress::-webkit-progress-bar{background-color: #f2f2f2;border-radius: 15px;}
progress::-webkit-progress-value{background-color: #f7b427;border-radius: 15px;}
.btnbox{text-align: center;padding: 0 0.75rem 0.75rem 0.75rem;}
.button{display:none;font-size: 0.9rem;font-weight:600;line-height:2.2rem;background: url("../images/btn_share@2x.png") center center no-repeat;background-size:100% 100%;border-radius: 7px;color: #fff;height: 2.2rem;position: relative;z-index: 100;}
.button+p{font-size: 0.6rem;line-height: 0.75rem;color: #999;margin-top: 0.65rem;}
.title{font-size: 0.9rem;padding: 0.75rem 0 0.75rem 0;display: flex;align-items: center;justify-content: center;}
.title img{width: 0.6rem;margin-right: 0.5rem;}
.title span{font-size: 0.9rem;color: #fff;}
.hot{padding: 0 0.5rem 0.75rem 0.5rem;}
.hotitem{width: calc(50% - 0.25rem);float: left;text-align: center;background: #fff;border-radius: 10px; overflow: hidden;}
.hotitem:nth-child(odd){margin-right: 0.5rem;margin-bottom: 0.5rem;}
.clearfix::after{content: "";display: block;clear: both;}
.hotitem img{width: 100%;}
.hotitem p{font-size: 0.6rem;color: #333;padding: 0 0.5rem;margin:0.25rem 0;text-align: left;line-height: 0.85rem;height: 1.7rem;overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 2;-webkit-box-orient: vertical;}
.titleb{padding: 0 0.5rem 0.25rem 0.5rem;}
.hotitem .left{float: left;font-size: 0.7rem;}
.hotitem .left>span{font-size: 0.5rem;}
.hotitem .right{float: right;font-size: 0.6rem;}
.hotitem span{font-size: 0.7rem;color: #E72B22 ;}
.hotitem .buttonh{background: #E02E24 ;color: #fff;font-weight:400;border-radius: 5px;font-size: 0.7rem;padding: 0.35rem 0;line-height: normal;height: auto;margin: 0 0.5rem 0.5rem 0.5rem;}
.hotitem>a{display: block;}
.shadow{display:none;position: fixed;top: 0;bottom: 0;left: 0;right: 0;background: rgba(0,0,0,0.82);z-index: 111;}
.recordpopup{display:none;padding: 0.75rem 0.85rem;position: fixed;bottom: 0;background: #fff;width: 100%;border-top-left-radius: 8px;border-top-right-radius: 8px;box-sizing: border-box;}
.recordpopup p{font-size: 0.9rem;color: #333;text-align: center;margin-bottom: 0.5rem;}
.close{width: 0.8rem;position: absolute;top: 0.5rem;right: 0.85rem;}
.recordpopup .titleb{margin: 0;font-size: 0.7rem;color: #666;padding: 0;padding-bottom: 0.5rem;border-bottom: 1px solid #eee;}
.listbox{max-height: 12.75rem;overflow: auto;-webkit-overflow-scrolling: touch;position: static;}
.popuplist{padding: 0.25rem 0;}
.more{font-size: 0.6rem;color: #666;text-align: center;}
.end{font-size: 0.6rem;color: #666;text-align: center;}
.recordpopup p.load{font-size: 0.6rem;color: #666;text-align: center;}
.listli{display: flex;align-items: center;justify-content: space-between;padding: 0.5rem 0;}
.listli img{width: 1.7rem;border-radius: 50%;}
.listli img.flogo{border:1px solid #E72B22;}
.centerbox{padding-top: 0.3rem;text-align: left;}
.centerbox p:nth-child(1){font-size: 0.7rem;color: #333;text-align: left;margin-bottom: 2px;}
.centerbox p:nth-child(2){font-size: 0.6rem;color: #333;}
.rightbox{display: flex;align-items: center;}
.rightbox img{width: 1.1rem;margin-right: 5px;}
.rightbox span{font-size: 0.7rem;color: #E72B22;}
.share{display:none;position: fixed;top: 0;bottom: 0;left: 0;right: 0;z-index: 101;background: rgba(0,0,0,0.8) url(http://www.upetmart.com/act/bargain/fx.png) top center no-repeat;background-size: 100% auto;}
.share .sharebutton{background:none;width: 100vw;height: 100vh;position: absolute;top: 0;left: 0;background-color: transparent;z-index: 102;}
.initpopup{display:none;text-align:center;padding: 25vw 20vw;box-sizing:border-box;width: 80vw;margin: auto;position: fixed;top: 55%;transform:translate(0,-50%);left: 0;right: 0;background: url("../images/light.png") center center no-repeat;background-size: 100% 100%;}
.initpopup>p{font-size: 0.6rem;color: #fff;margin-bottom: 0.25rem;text-align: center;}
.initpopup .centerimg{width: 7rem;position: static;margin-bottom: 1rem;}
.initpopup .initvalue{color: #FFF385;font-weight: 900;}
.initpopup .initbtn{width: 100%;height: 2.5rem;background: url("../images/known@2x.png") center center no-repeat;background-size: 100%;line-height: 2.5rem;font-size: 0.9rem;color: #E72B22;text-align: center;}
.initpopup img{position: absolute;right: 0.8rem;top: 0.8rem;width: 0.8rem;}
p.marginb75{margin-bottom: 0.7rem;}
.merchandise>a{width:100%;height: 5.8rem;display: block;clear: both;}
.noticei{width: calc(100% - 1rem);overflow: hidden;white-space: nowrap;text-overflow: ellipsis;padding: 0.2rem 0.5rem;}
.share2{display:none;position: fixed;top: 0;bottom: 0;left: 0;right: 0;z-index: 101;background: rgb(0,0,0) url("../images/share.png") center center no-repeat;background-size: 100% auto;}
.share2 .sharebutton{background:none;width: 100vw;height: 100vh;position: absolute;top: 0;left: 0;background-color: transparent;z-index: 102;}
.successpopup{display:none;text-align:center;padding: 25vw 20vw;box-sizing:border-box;width: 80vw;margin: auto;position: fixed;top: 50%;transform:translate(0,-50%);left: 0;right: 0;/* background: url("../images/light.png") center center no-repeat; */background-size: 100% 100%;}
.successpopup img{position: absolute;right: 0.8rem;top: 0.8rem;width: 0.8rem;}
.successpopup>p{font-size: 0.78rem;color: #fff;margin-bottom: 0.25rem;text-align: center;}
.successpopup .successimg{width: 7rem;position: static;margin-bottom: 1rem;}
.successpopup .successbtn{width: 100%;height: 2.5rem;background: url("../images/known@2x.png") center center no-repeat;background-size: 100%;line-height: 2.5rem;font-size: 0.9rem;color: #E72B22;text-align: center;}

.code{display:none;position: fixed;top: 50%;transform: translate(0,-50%);left: 0;right:0;margin:auto;width: 60vw;z-index: 1000;background: #fff;border: 0.2rem solid #d23f35;border-radius: 0.5rem;}
.code img{width: 100%;border-radius: 0.6rem;}
.codetxt{font-size: 0.7rem;color: #231333;text-align: center;margin-bottom: 0.4rem;}
.codetxt b{display:block;color:#f91d11;font-size: 0.75rem;}


/*hx modify 2019/3/26*/
.button {
    font-size: 0.8rem;
    font-weight: 500;
    border-radius: none;
    color: white;
}
.mright p:nth-child(2) {
    font-size: 0.8rem;
    color: #838383;
}
.mright p:nth-child(1) {
    font-size: 0.7rem;
    color: #333;
}
.mright p:nth-child(3) {
    font-size: 0.7rem;
    color: #ff0e0e;
}
progress::-webkit-progress-value{
    background: #f6b427;
    border-radius: 0.2rem; 
}
.progresstitle {
    color: #333;
    text-align: left;
    font-size: 0.6rem;
}
.progress p span {
    color: #333;
}
.record {
    color: #333;
}
.progress .bottom span:nth-child(1) {
     color: #ff0e0e;
}
.button+p{
    color: #333;
}
.container{
    background:#d91d10
}
.title span {
    display: none;
}
.hotitem span {
    color: #666;
}
.hotitem .left {
    color: #666;
}
.hotitem .right {
    color: #ff0e0e;
}
.hotitem .buttonh {
    background: #ff0e0e;
    border-radius: .9rem;
    line-height: .5rem;
    height: .5rem;
}
.title img {
    width: 6.6rem;
    margin-right: 0;
}

.successpopup,.initpopup{width:100vw; background:none}
.successpopup .okbg{position:absolute; left:0vw; width:100%; top:-30vw; z-index:1;}
.successpopup .successbtn{background: transparent;position:absolute;left: 30vw;z-index: 20;top: 48vw;font-size: 0.75rem;font-weight: 700;width: 40vw;}
.successpopup p{position: relative; z-index: 10;}
.successpopup .close{width: 1.4rem;height: 1.4rem;display: block;position: absolute;top: -12vw;right: 10vw;z-index: 20;border-radius: 50%;background: #c12118;border: 0.075rem solid #eb7046;}
.initpopup .okbg{position:absolute; left:0vw; width:100%; top:-30vw; z-index:1;}
.initpopup .initbtn{background: transparent;position:absolute;left: 30vw;z-index: 20;top: 48vw;font-size: 0.75rem;font-weight: 700;width: 40vw;}
.initpopup p{position: relative; z-index: 10;}
.initpopup p.gx{font-size:0.7rem}
.initpopup .close{width: 1.4rem;height: 1.4rem;display: block;position: absolute;top: -12vw;right: 10vw;z-index: 20;border-radius: 50%;background: #c12118;border: 0.075rem solid #eb7046;}


.alreadypopup{width:80vw;padding: 26vw 5vw 5vw 5vw;}
.alreadypopup .msgbg{position:absolute;left:0vw;width:100%;top: -20vw;z-index:1;display: block;border-radius: 3vw;}
.alreadypopup .btn{background: #d91d11;color:#fff !important;position:absolute;left: 20vw;z-index: 20;top: 47vw;font-size: 0.7rem;font-weight: 700;width: 40vw;padding: 0.25rem 0;border-radius: 5rem;border-bottom: 0.1rem solid #a40c01;}
.alreadypopup p{position: relative;z-index: 10;color:#231333;font-size: 0.70rem;display: inline-block;min-height: 3rem;}
.alreadypopup .close{top:-18vw; border:0; right:2vw; padding:.1rem;}