@media screen and (max-width: 321px) {
	html {font-size: 8px;}
}
.btn-box {height: 5.5rem; display: none;}
.buy-btn {position: fixed; left: 0; bottom: 0;  width: 100%; height: 5.5rem; text-align: center; background: #f53d36; font-size: 1.8rem; color: #fff;}
.buy-btn.over {background: #A6A6A6;}
.buy-btn.ready {background: #00B258;}

#porp-huopin-buycart {position:fixed; bottom:0; left:0; width:100%; z-index:10010; height: 28.3rem; display:none;}
#porp-huopin-buycart .P-Box {position:relative; width:100%; perspective:500; -webkit-perspective:500; height:100%; }
#porp-huopin-buycart.open .buycart-box {animation:boxO 0.5s; -webkit-animation:boxO 0.5s;}
#porp-huopin-buycart.colse .buycart-box {animation:boxT 0.4s; -webkit-animation:boxT 0.4s;}
#porp-huopin-buycart .buycart-box {background:#fff; border-top:#adadad solid 0.1rem; width:100%; position:absolute}
#porp-huopin-buycart .close-porp {float:right; width:1.1rem; height:1.1rem; margin:1rem 1rem 0 0; background: url(//image10.homedo.com/Mobile/btn-close-huopin-porp.png) 0 0 no-repeat; background-size:1.1rem; position:relative; z-index:1}
#porp-huopin-buycart .list-box {width:100%; position:static; z-index:0}
#porp-huopin-buycart .list-box .list {background:#fff;}
#porp-huopin-buycart .list-box .list dl dd {padding-top:1.2rem;}
#porp-huopin-buycart .list-box .list dl dd h3 a {height:auto; font-size: 1.4rem;  color: #222; line-height: 1.8rem; }
#porp-huopin-buycart .buy-spec {margin: 0 2rem; position: relative; padding-left: 5.2rem;}
#porp-huopin-buycart .buy-spec dt {width: 5.2rem;position: absolute;left:0;top: 0;line-height: 2.5rem;font-size:14px;color:#5d5d5d;overflow: hidden;white-space: nowrap;text-overflow: ellipsis;}
#porp-huopin-buycart .buy-spec dd {overflow: hidden;}
#porp-huopin-buycart .buy-spec dd a {float: left; border:#d7d7d7 solid .1rem; height: 2.3rem; padding: 0 .5rem; font-size: 14px; color: #222; border-radius:.5rem; margin: 0 1rem .5rem 0;}
#porp-huopin-buycart .buy-spec dd a.cur {border-color: #20bfd9; color: #fff; background: #20bfd9}
#porp-huopin-buycart .buy-munber {height:2.8rem; padding:.5rem 2rem 0; margin-bottom:2.2rem; font-size:14px; color:#5d5d5d; background:#fff;}
#porp-huopin-buycart .buy-munber p {width:4rem; height:2.8rem; position:relative; padding:0 2.7rem; margin:0 1rem; background-size:10.5rem 3rem;}
#porp-huopin-buycart .buy-munber p em {position:absolute; border:#d7d7d7 solid 1px; width:2.6rem; height:2.6rem; text-align:center; line-height:2.6rem; color:#5d5d5d; font-size:1.4rem; font-weight:bold; display:block; margin-bottom:1rem;}
#porp-huopin-buycart .buy-munber p em.subt {border-radius:0.3rem 0 0 0.3rem; left:0;}
#porp-huopin-buycart .buy-munber p em.add {border-radius:0 0.3rem 0.3rem 0; right:0;}
#porp-huopin-buycart .buy-munber p input[type="tel"] {height:2.6rem; width:4rem; border:#d7d7d7 solid; border-width:1px 0; outline:none; background:none; text-align:center; line-height:2.6rem; font-size:1.6rem; color:#5d5d5d}
#porp-huopin-buycart .buy-munber span {font-size:1.4rem; line-height:2.8rem;}
#porp-huopin-buycart .buy-munber small {font-size:1.2rem; line-height:2.8rem;}
#porp-huopin-buycart .buy-munber small.none {color: #f23030}
#porp-huopin-buycart #buy { height:5.5rem; background:#f53d36; text-align:center; color:#fff; font-size:1.8rem; border-top:#f53d36 solid .1rem;}
#porp-huopin-buycart #buy.over {background:#999; border-color:#999}
#porp-huopin-buycart #buy.get {background:#2baf2b; border-color:#2baf2b}
.list-box .list {padding:0 2rem .1rem 1.2rem; background:#631fc9;}
.list-box .list dl {position:relative; background:#fff; height:9.2rem; padding:0 0 0 10.7rem; margin-bottom: 4rem;}
.list-box .list dl dt {position:absolute; left:.1rem; top:1rem; width:9rem; height:9rem; border: #e7e7e7 solid 1px;}
.list-box .list dl dd {padding-top:2rem; }
.list-box .list dl dd .r-money {font-size:1.2rem; color: #f23030; margin-bottom: .8rem;}
.list-box .list dl dd .r-money strong {font-size:2rem; padding-right:.2rem;}
.list-box .list dl dd .mark-pirce {font-size: 1.2rem; color: #999; margin-bottom: 1.2rem}
.win-box-carts {display:none;  position:fixed; width:100%; height:100%; left:0; top:0; z-index:10010; background:rgba(0,0,0,0.5);}
#pic {padding-bottom: 5rem}
@keyframes boxO
{
0%   {transform: rotateX(99deg); top:41%;}
100% {transform: rotateX(0deg); top:0%;}
}
@-webkit-keyframes boxO /* Safari and Chrome */
{
0%   {transform: rotateX(99deg); top:41%;}
100% {transform: rotateX(0deg); top:0%;}
}
@keyframes boxT
{
0% {transform: rotateX(0deg); top:0%;}
100%   {transform: rotateX(99deg); top:41%;}
}
@-webkit-keyframes boxT /* Safari and Chrome */
{
0% {transform: rotateX(0deg); top:0%;}
100%   {transform: rotateX(99deg); top:41%;}
}