.viewport{margin: 0 auto;max-width: 640px;min-width: 320px;}

.qg_mod{ width: 100% }
.qg_mod h2{padding:1rem 1.25rem;}
.qg_mod h2 span{border-left:.2rem solid #2bbe30;padding:.2rem .6rem;font-size: 1.2rem}
.qg_mod h2 a{font-size: 1rem; float: right}
.qg_mod h2 .time-item{box-sizing: border-box; flex-grow: 1;color:#999;}
.qg_mod h2 .time-item i{width: 1.5rem; height: 1.5rem; display: inline-block;background: url(../images/ls-sprites.png) no-repeat -17.4rem -12.2rem;background-size: 20rem 20rem; vertical-align: middle;}
.qg_mod h2 .time-item span{border-left:none;padding:0;}
.qg_mod h2 em{width:3.25rem; height: 1rem;vertical-align: middle; display: inline-block; }

.qg-sale{width:100%;background: #fff;}
.qg-sale li{border-bottom:solid 1px #e6e6e6;padding:.5rem;}
.qg-sale li a{ display: block;overflow:hidden;}
.qg-sale li:last-child{border-bottom:none;}
.qg-sale li .top-l-img{width:40%; float: left;position:relative;}
.qg-sale li .top-l-img .finish{width:6.55rem; height:6.55rem;background:url(../images/noico.png) no-repeat;background-size:6.55rem 6.55rem;display: block;position: absolute;left:50%;top:50%;margin:-3.275rem 0 0 -3.275rem;}
.qg-sale li .top-l-img .tag{width:5rem; height:3rem;text-align:center;color:#fff; position: absolute;left: 0;top:0;background:#f93538;}
.qg-sale li .top-l-img .tag:after{display:block;content:"";height:.5rem;margin-top:.2rem;background-size:.5rem 1rem;background-image:linear-gradient(45deg, #f93538 25%, transparent 25%, transparent),linear-gradient(-45deg, #f93538 25%, transparent 25%, transparent),linear-gradient(45deg, transparent 75%, #f93538 75%),linear-gradient(-45deg, transparent 75%, #f93538 75%);}
.qg-sale li .top-r-info{width:55%; float: right;border-left:solid 1px #e6e6e6;padding:1rem 0 1rem 1rem}
.qg-sale li .top-r-info .effect{ font-size: 1.2rem;color: #333;padding-left: 1.75rem}
.qg-sale li .top-r-info .name{font-size: 1rem;color: #999;line-height:1.2rem;height:1.2rem;overflow:hidden;text-overflow:ellipsis;padding-left: 1.75rem;}
.qg-sale li .top-r-info .toch-wap{position: relative;overflow: hidden;padding-left: 1.75rem; margin-top:1rem}
.qg-sale li .top-r-info .toch-wap .toch-btnwap .arrow-left {width:0; height:0; border-top:1.75rem solid transparent;border-bottom:1.75rem solid transparent;  border-right:1.75rem solid #f93538; position: absolute;left: 0;top:0;}
.qg-sale li .top-r-info .toch-wap .toch-btnwap .tochprice{width:50%; display: inline-block;background: #f93538;color: #fff;font-size: 1.8rem;height: 3.5rem;line-height: 3.5rem; text-align: center;float: left}
.qg-sale li .top-r-info .toch-wap .toch-btnwap .grab-btn{width:50%;display: inline-block;background: #cc2b2e;color: #fff;font-size: 1.5rem;height: 3.5rem;line-height: 3.5rem; text-align: center;border: none;float: left}
.qg-sale li .top-r-info .toch-wap .toch-btnwap .disabled{background: #999;}
.qg-sale li .top-r-info .toch-wap .toch-pcwap{line-height: 2.85rem; text-align: center;color:#999; }
.qg-sale li .top-r-info .toch-wap .toch-pcwap div{border: 1px solid #e6e6e6;border-top: none;overflow:hidden;margin:0;}
.qg-sale li .top-r-info .toch-wap .toch-pcwap span, .qg-sale li .top-r-info .toch-wap .toch-pcwap del{font-size: .9rem;}
.qg-sale li .top-r-info .toch-wap .toch-pcwap del{width:40%;float: left;}
.qg-sale li .top-r-info .toch-wap .toch-pcwap i{width:5%;float: left}
.qg-sale li .top-r-info .toch-wap .toch-pcwap span{width:55%;float: left;}


.sale-top{width:100%;background: #fff;}
.sale-top li{border-bottom:solid 1px #e6e6e6;padding:.5rem;}
.sale-top li a{ display: block;overflow:hidden;}
.sale-top li:last-child{border-bottom:none;}
.sale-top li .top-l-img{width:35%; float: left;position:relative;padding-top: .6rem}
.sale-top li .top-l-img .tag{width:3rem; height:3rem;text-align:center;color:#fff; position: absolute;left: 0;top:0;background:url(../images/ls-sprites.png) no-repeat -11.8rem -12.2rem;background-size:20rem 20rem;}
.sale-top li .top-l-img .tag.one{background-position:0 -12.2rem;}
.sale-top li .top-l-img .tag.two{background-position:-3.95rem -12.2rem;}
.sale-top li .top-l-img .tag.three{background-position:-7.85rem -12.2rem;}
.sale-top li .top-r-info{width:60%; float: right;border-left:solid 1px #e6e6e6;padding-left:1rem}
.sale-top li .top-r-info .effect{ font-size: 1.2rem;color: #333 }
.sale-top li .top-r-info .name{font-size: .9rem;color: #999;line-height:1rem;height:2rem;overflow:hidden;text-overflow:ellipsis;}
.sale-top li .top-r-info .reason{ display: block; }
.sale-top li .top-r-info .reason .tit{font-size: .9rem; color: #f93538}
.sale-top li .top-r-info .reason ul{margin-top:.2rem;overflow: hidden;}
.sale-top li .top-r-info .reason li{border:solid 1px #e6e6e6;border-right:none;float: left; text-align: center;line-height:1.2rem;font-size: .8rem}
.sale-top li .top-r-info .reason li:last-child{border-right:solid 1px #e6e6e6;}
.sale-top li .top-r-info .reason .item-status {align-items: center;display: flex;}
.sale-top li .top-r-info .reason .item-status .status-bar {border: 1px solid #2bbe30; border-radius: 4px;box-sizing: border-box; flex-grow: 1; height: 8px;overflow: hidden;}
.sale-top li .top-r-info .reason .item-status .status-progress {background: #2bbe30 none repeat scroll 0 0;height: 100%;}
.sale-top li .top-r-info .reason .item-status .status-num {text-align: left;width:8rem;margin-left: 1rem;font-size: .8rem;color: #666}
.sale-top li .top-r-info .reason .pop{font-size: .9rem;display: flex;align-items: center;}
.sale-top li .top-r-info .reason .pop img{width:.75rem; height:.75rem;}
.sale-top li .top-r-info .item-action{width:100%;overflow:hidden; position: relative;}
.sale-top li .top-r-info .item-price {flex-grow: 1; position: absolute; left: 0; bottom: 0}
.sale-top li .top-r-info .item-price .item-newprice {color: #f93538;font-size:1.2rem;font-weight: 900; text-decoration: none;}
.sale-top li .top-r-info .item-price .item-newprice span { font-size: 2.1rem;}
.sale-top li .top-r-info .item-price del{color: #999;font-size: 1rem}
.sale-top li .top-r-info .qg-btn{width:8rem; height:2.9rem; line-height: 2.9rem;background: #f93538; text-align: center; font-size: 1.5rem; float: right;border: none;color:#fff;border-radius: .25rem}
.sale-top li .top-r-info .soldnum{ float: right; font-size: 1rem }

.sale-list{padding:0 .25rem; overflow: hidden;}
.sale-list li{ width: 50%; float: left;  }
.sale-list li .tag{width:3rem; height:3rem;text-align:center;color:#fff; position: absolute;left: .35rem;top:0;background:url(../images/ls-sprites.png) no-repeat 0 -12.2rem;background-size:20rem 20rem;}
.sale-list li .by{ line-height:2.5rem }
.sale-list li a{ display: block;background: #fff;border:solid 1px #e6e6e6;margin:0 .25rem;padding: 0 .7rem .8rem; text-align: center;position:relative;}
.sale-list li a img{max-height: 240px;max-width: 240px}
.sale-list li .rk-eff{ font-size: 1.2rem;color: #333}
.sale-list li .rk-name{font-size: 1rem;color: #999;line-height:1rem;height:1rem;overflow:hidden;text-overflow:ellipsis;}
.sale-list li p{font-size:1rem;color: #999; text-align: left;line-height:1rem;height:2rem;overflow:hidden;text-overflow:ellipsis;}
.sale-list li .rk-btn{background: #2bbe30;border:solid 1px #e6e6e6;color: #fff; display: block;font-size: 1.2rem; padding:.5rem 0;margin-top: .5rem}
.sale-list li .rk-price {flex-grow: 1;text-align: left;}
.sale-list li .rk-price .item-newprice {color: #f93538;font-size:1.2rem;font-weight: 900; text-decoration: none; display: inline-block;margin:.2rem 0;width:50%}
.sale-list li .rk-price .item-newprice span { font-size: 2.1rem;}
.sale-list li .rk-price .item-newprice del{color: #999; font-weight: normal;font-size:1rem;}
.sale-list li .rk-price .save{width:45%;color: #999;font-size: 1.2rem; text-align: right;display: inline-block;}
.sale-list li .rk-price .save em{color: #ff8a0c}