.mab15 {margin-bottom:1.5rem;}
.banner {position:relative;}
.banner a {display:block; position:absolute; right:.9rem; bottom:.9rem; color:#fff; border:#fff solid .1rem; padding:.2rem .4rem; border-radius:1.5rem; height:1.5rem; line-height:1.5rem; font-size:1.2rem;}

.svn-body, .svn-body .svn-box, .svn-body .svn-box .svn-relative, .svn-body .svn-box .svn-relative .ul-box {height:3.6rem;}
.svn-body .svn-box {left:0; top:0; width:100%; background:#2b2e33; color:#b5b4b4; font-size:1.4rem; line-height:3.6rem; z-index:1000; box-shadow:#fff 0 .2rem .3rem}
.svn-body .svn-box .svn-relative {position:relative;}
.svn-body .svn-box .svn-relative .ul-box {position:relative;  overflow:hidden; overflow-x:auto;}
.svn-body .svn-box .svn-relative ul {display:block; position:absolute; height:3.6rem; left:0; top:0;}
.svn-body .svn-box .svn-relative ul li {width:8rem; text-align:center; float:left;}
.svn-body .svn-box .svn-relative ul li.cur {background:#e13523; color:#fff; }
.svn-body .svn-box .svn-relative em { display:block; position:absolute; height:3.6rem; width:4rem; right:0; top:0; z-index:1; background-image: -webkit-linear-gradient(right, rgba(0,0, 0, 1) 0%, rgba(0,0, 0, 0) 100%);  background-image: -moz-linear-gradient(right, rgba(0,0, 0, 1) 0%, rgba(0,0, 0, 0) 100%);  background-image: linear-gradient(right, rgba(0,0, 0, 1) 0%, rgba(0,0, 0, 0) 100%);}

.huopin-list {padding-top:1.2rem;}
.huopin-list .list-box {margin-bottom:1.2rem; background:#fff;}
.huopin-list .list-box .list-time {overflow:hidden; margin-left:1.2rem; border-bottom:#f2f2f2 solid .1rem; height:3rem;}
.huopin-list .list-box .list-time dt { line-height:3rem; font-size:1.4rem; color:#0e0f10; padding-left:2rem;}
.huopin-list .list-box .list-time dt:before { content:""; width:1.5rem; height:1.5rem; display:block ; float:left; margin:.6rem 0 0 -2rem; background:url(//image10.homedo.com/image/20160509/a5225f04-fe08-4a7e-8dcb-8ec9b549bf6d.png) 0 0 no-repeat; background-size:1.5rem 1.5rem;}
.huopin-list .list-box .list-time dd {padding-top:.5rem; padding-right:1.3rem; color:#929292;}
.huopin-list .list-box .list-time dd em,
.huopin-list .list-box .list-time dd span {display:inline-block; height:2rem; vertical-align:middle; line-height:2rem;}
.huopin-list .list-box .list-time dd em { margin:0 .1rem;}
.huopin-list .list-box .list-time dd span {width:2rem; color:#fff; font-size:1.4rem; text-align:center; background:#000; border-radius:.3rem;}
.huopin-list .list-box .list-good {margin:0 1.2rem; padding:.5rem 0; border-bottom:#f2f2f2 solid .1rem;}
.huopin-list .list-box .list-good dl {padding-left:11rem;}
.huopin-list .list-box .list-good dl dt { width:10rem; height:10rem; margin-left:-11rem; position:relative;}
.huopin-list .list-box .list-good dl dt.buy-ok:before {content:""; width:10rem; height:10rem; position:absolute; left:1rem; top:0; background:url(//image10.homedo.com/image/20160517/73a9a108-0507-4864-bce9-6fc24ce063db.png) 0 0 no-repeat; background-size:10rem;}
.huopin-list .list-box .list-good dl dt p {display:block; position:absolute; width:3.6rem; height:3.6rem; background:#ff8300; border-radius:100%; top:0; left:-.3rem; text-align:center; color:#fff; line-height:3.6rem; font-size:1.2rem;}
.huopin-list .list-box .list-good dl dd h4 {font-size:1.4rem; line-height:1.8rem; height:3.6rem; margin-bottom:2rem; display:block; overflow:hidden; color:#191919;}
.huopin-list .list-box .list-good dl dd srtong { color:#f53d36; font-size:2.6rem; font-weight:bold; margin-right:.5rem;}
.huopin-list .list-box .list-good dl dd del {color:#808186; font-size:1.2rem; padding-top:.2rem;}
.huopin-list .list-box .list-number {overflow:hidden; margin:0 1.2rem; border-bottom:#f2f2f2 solid .1rem;}
.huopin-list .list-box .list-number p {float:left; width:30%; line-height:2.2rem; font-size:1.2rem;}
.huopin-list .list-box .list-number p:last-child {width:40%;}
.huopin-list .list-box .list-number p span {color:#ff8300}
.huopin-list .list-box .list-btn {overflow:hidden; margin:0 1.2rem; padding:.8rem 0}
.huopin-list .list-box .list-btn dt .speed {height:1rem; width:13.4rem; background:#fef0e1; margin-bottom:.8rem;}
.huopin-list .list-box .list-btn dt .speed em {display:block; width:0; height:1rem; background:#ff8300;}
.huopin-list .list-box .list-btn dt p {white-space:nowrap; font-size:1.2rem; color:#a5a5a5;}
.huopin-list .list-box .list-btn dt p span {color:#f15352}
.huopin-list .list-box .list-btn dd a.btn {display:block; width:9.4rem; height:3.2rem; text-align:center; line-height:3.2rem; font-size:1.4rem; color:#e13523; border:#e13523 solid .1rem; border-radius:.5rem}
.huopin-list .list-box .list-btn dd a.btn.join {background:#e13523; color:#fff;}
.huopin-list .list-box .list-btn dd a.btn.over {background:#cbcbcb; border-color:#cbcbcb; color:#fff;}

.list-hdgz {margin-bottom:1.2rem;}
.list-hdgz a {display:block; height:4rem; padding:0 1.2rem 0 3.7rem; background:#fff; line-height:4rem; font-size:1.4rem; color:#282828}
.list-hdgz a:before{ content:""; width:1.9rem; height:1.9rem; display:block ; float:left; margin:1rem 0 0 -2.5rem; background:url(//image10.homedo.com/image/20160510/f499d8c0-ddfa-45cc-85f7-4cc86f545293.png) 0 0 no-repeat; background-size:1.9rem 1.9rem;}
.list-hdgz a:after {content:""; width:.9rem; height:1.6rem; display:block ; float:right; margin:1rem 0 0 0; background:url(//image10.homedo.com/image/20160510/63c67fad-0254-46f8-ab96-d46db5dcff37.png) 0 0 no-repeat; background-size:.9rem 1.6rem;}

#porp-bg {background:#000; position:fixed; left:0; top:0; width:100%; height:100%; z-index:10000; opacity:0;}
#porp-buycart {position:fixed; bottom:0; left:0; width:100%; z-index:10010; height:28.8rem; display:none;}
#porp-buycart .P-Box {position:relative; width:100%; perspective:500; -webkit-perspective:500; height:100%; }
#porp-buycart.open .buycart-box {animation:boxO 0.5s; -webkit-animation:boxO 0.5s;}
#porp-buycart.colse .buycart-box {animation:boxT 0.4s; -webkit-animation:boxT 0.4s;}
#porp-buycart .buycart-box {background:#fff; border-top:#adadad solid 0.1rem; width:100%; padding-top:1rem; position:absolute}
#porp-buycart .close-porp {float:right; width:1.9rem; height:1.9rem; margin-right:1rem; background:url(//image10.homedo.com/image/20160321/25bba745-5c2f-4ba0-8842-57d6f9ee997c.png) 0 0 no-repeat; background-size:1.9rem; position:relative; z-index:1}
#porp-buycart .list-box {width:100%; position:static; z-index:0}
#porp-buycart .list-box .list {background:#fff;}
#porp-buycart .list-box .list dl dd {padding-top:1.2rem;}
#porp-buycart .list-box .list dl dd h3 a {height:auto;}
#porp-buycart .buy-munber {height:4.4rem; padding:0 1rem; margin-bottom:4.5rem; border:#f7f7f7 solid; border-width:0.1rem 0; color:#5d5d5d; background:#fff;}
#porp-buycart .buy-munber p {width:4.5rem; height:3rem; position:relative; padding:0 3rem; margin:0.7rem 1rem; background:url(//image10.homedo.com/image/20160321/cd1325aa-6de1-470f-a79e-f2d8de164ce4.png) 0 0 no-repeat; background-size:10.5rem 3rem;}
#porp-buycart .buy-munber p input {text-align:center; line-height:3rem; font-size:1.4rem; width:100%; height:3rem; border:none; background:none; outline:none; color:#5d5d5d; margin:0;}
#porp-buycart .buy-munber p em {position:absolute; width:3rem; height:3rem; top:0;}
#porp-buycart .buy-munber p em.cut {left:0;}
#porp-buycart .buy-munber p em.add {right:0;}
#porp-buycart .buy-munber span {font-size:1.4rem; line-height:4.4rem;}
#porp-buycart .buy-munber small {font-size:1.2rem; line-height:4.4rem;}
#porp-buycart #buy {display:block; height:5.5rem; background:#e13523; text-align:center; line-height:5.5rem; color:#fff; font-size:1.8rem; border-top:#c8b6e3 solid .1rem;}
#porp-buycart #buy.over {background:#f5f5f5; color:#464849; border-color:#e8e8e8}
#porp-buycart #buy.get {background:#631fc9; color:#fff; border-color:#c8b6e3}
.list-box .list {padding:0 1rem .1rem 1rem; background:#631fc9;}
.list-box .list dl {margin-bottom:1rem; position:relative; background:#fff; height:12rem; padding:0 0.8rem 0 10.2rem}
.list-box .list dl dt {position:absolute; left:.1rem; top:1rem; width:10rem; height:10rem;}
.list-box .list dl dt p {display:block; position:absolute; width:3.6rem; height:3.6rem; background:#ff8300; border-radius:100%; top:0; left:-.3rem; text-align:center; color:#fff; line-height:3.6rem; font-size:1.2rem;}
.list-box .list dl dd {padding-top:0.9rem;}
.list-box .list dl dd .r-money { color:#3e4344; font-size:1.2rem; font-weight:bold}
.list-box .list dl dd .r-money strong {font-size:1.4rem; color:#f53d36; padding-right:.2rem}
.list-box .list dl dd .r-money strong span {font-size:1.8rem;}

#huopin-hdgz { background:#fff; margin-bottom:1rem; padding-bottom:1rem;}
#huopin-hdgz h1 {padding-left:1.8rem; height:3.9rem; line-height:3.9rem; font-size:1.6rem; margin-bottom:1rem; color:#282828; border-bottom:#f0f0f0 solid .1rem;}
#huopin-hdgz p {padding:0 2rem 0 3.5rem; line-height:2.4rem; font-size:1.4rem; color:#282828}
#huopin-hdgz p strong {display:inline-block; margin-left:-1.5rem; font-weight:bold}
#AddImg {position:absolute; z-index:11000; display:block; border:none}
@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%;}
}