.cf-banner {padding: 1.5rem 0; background:#20bfd9 url(//image10.homedo.com/Mobile/cf-images/cf-banner-bg.jpg) left bottom no-repeat; background-size: contain}
.cf-banner .swiper-pagination-bullet {width: .5rem; height: .5rem;}
.cf-icon {background: url(//image10.homedo.com/Mobile/cf-images/cf-icon.png?v=170317) 0 0 no-repeat; background-size: 10rem 10rem; z-index: 1}
.display-box {display:-webkit-box; -webkit-box-pack:center; -webkit-box-align:center; display:box; box-pack:center; box-align:center; }
.porp-bg {position: fixed; z-index: 10000; left: 0; top: 0; width: 100%; height: 100%; background: rgba( 0, 0, 0,0.5); display: none}
.cf-porp-alert {height: 4.4rem; width: 20.8rem; z-index: 10010; position: fixed;  top: 50%; left: 50%; margin: -2.2rem 0 0 -10.4rem; background: #1dbfda; border-radius: .5rem; font-size: 18px; color: #fff; line-height: 2.2rem; display: none}
.cf-porp-alert p {width: 100%; height: 100%;}

#scroll-top {bottom:6rem;}
#live800iconlink, #qaOnline {bottom: 10.5rem}
#Phone-call {bottom: 15rem;}

.swiper-slide {background: none;}
.swiper-slide a {width: 17rem; display: block; }
.swiper-slide a dl {position: relative;}
.swiper-slide a dl dt {padding: 1.5rem 1rem .5rem; background: #fff; border-radius: 1rem; margin-bottom: 2.4rem;}
.swiper-slide a dl dt .cf-icon {position: absolute; display: block; left: 0; top: 1rem; width: 3.1rem; height: 1.6rem; background-position: 0 0;}
.swiper-slide a dl dd { color: #fff;}
.swiper-slide a dl dd strong {font-size: 14px; display: block; height: 2rem; overflow: hidden; line-height: 2rem;}
.swiper-slide a dl dd p {font-size: 12px; display: block; height: 2rem; overflow: hidden; line-height: 2rem;}
.swiper-pagination-bullet-active,
.swiper-pagination-bullet {background: #fff;}	
.swiper-container-horizontal>.swiper-pagination {bottom: 4rem;}

.cf-good-pic .swiper-pagination-bullet {background: #000; border-color: #000}	
.cf-good-pic .swiper-pagination-bullet-active {background: #1bbfda; border-color: #1bbfda}
.swiper-container-horizontal>.pic-btn {bottom: 3.5rem;}
		
.cf-title {height: 3.5rem;border-bottom: #e5e5e5 solid 1px; padding:0 1rem;}
.cf-title span {height: 3.5rem; float: left;}
.cf-title em {float: right; color: #20bfd9; font-size: 12px; position: relative; height: 1.5rem; padding: 1rem 1.5rem 1rem 0}
.cf-title em .cf-icon {display: block; position: absolute; width: 1.4rem; height: 1.4rem; top: 50%; margin-top: -.7rem; right: 0; background-position:0 -1.7rem}
.cf-goods-list {padding: .5rem 1.5rem .5rem 1rem}
.cf-goods-list a { margin: 1rem 0; display: block}
.cf-goods-list dl {padding-left: 11.5rem; height: 10rem;}
.cf-goods-list dl dt {float: left; width: 10rem; margin-left: -11.5rem;}
.cf-goods-list dl dt p {border: #e5e5e5 solid 1px;}
.cf-goods-list dl dd h4 {font-size: 14px; color: #6d6d6d; line-height: 2rem; height: 2rem; overflow: hidden; margin-bottom: 1rem;}
.cf-goods-list dl dd .percentage {position: relative; margin-right: 4.5rem; padding: .5rem 0}
.cf-goods-list dl dd .percentage .number {position: absolute; right: -4.5rem; top: 0; width: 4rem; text-align: left; font-size: 12px; color: #20bfd9; line-height: 1.5rem;}
.cf-goods-list dl dd .percentage .line {height: .5rem; background: #f5f5f5; border-radius: .5rem;}
.cf-goods-list dl dd .percentage .line span {position: absolute; display: block; left: 0; top: .5rem; width: 100%; height: .5rem; border-radius: .5rem; background-image:-webkit-linear-gradient(to left, #20bfd9, #72efb3); background-image:linear-gradient(to left, #20bfd9, #72efb3);}
.cf-goods-list dl dd .money {overflow: hidden; line-height: 2rem; padding: .5rem 0}
.cf-goods-list dl dd .money span {color: #f23030; font-size: 14px; /*width: 40%;*/ overflow: hidden}
.cf-goods-list dl dd .money span strong {font-size: 18px; font-weight: normal}
.cf-goods-list dl dd .money del {width: 60%; font-size: 12px; color: #999}
.cf-goods-list dl dd ul {overflow: hidden; padding-top: .5rem }
.cf-goods-list dl dd ul li {width: 33.33%; float: left; font-size: 10px; color: #c6c6c6; position: relative}
.cf-goods-list dl dd ul li p {padding-left: 1.5rem}
.cf-goods-list dl dd ul li .cf-icon {position: absolute; left: 0; top: 0; display: block; width: 1.2rem; height: 1.2rem}
.cf-goods-list dl dd ul li .icon-01 {background-position: 0 -3.2rem}
.cf-goods-list dl dd ul li .icon-02 {background-position: -1.4rem -3.2rem}
.cf-goods-list dl dd ul li .icon-03 {background-position: -2.8rem -3.2rem}
		
.cf-index-porp a {position: fixed; left: 0; bottom: 0; width: 100%; display: block; z-index: 100}


.cf-good-pic{position: relative;}
.cf-good-pic .gradient {position:absolute; z-index:100; width:100%; height:3rem; background:url(http://image10.homedo.com/Mobile/content-gradient.png) repeat-x; background-size:1rem 3rem; left:0; bottom:0;}
.good-details {padding: 0 1rem; border-bottom: #e5e5e5 solid 1px;}
.good-details .good-name {position:relative; height: 4rem; padding: 1rem 4rem 1rem 0}
.good-details .good-name .title {font-size: 15px; color: #686868; overflow: hidden; height: 2rem; line-height: 2rem;}
.good-details .good-name .subname {color: #ff001a; font-size: 12px; height: 2rem; line-height: 2rem; overflow: hidden}
.good-details .good-name .follow-icon {position: absolute ; display: block; height: 2.6rem; width: 2.6rem; background-position: 0 -4.6rem; right: 0; top: 50%; margin-top: -1.3rem; }
.good-details .good-name .follow-icon.cur { background-position: -2.8rem -4.6rem;}
.good-details .good-speed {height: .5rem; margin-bottom: 1.5rem;}
.good-details .good-speed p {height: .5rem; background: #f5f5f5; border-radius: .5rem;}
.good-details .good-speed p span {position: relative; display: block; height: 100%; border-radius: .5rem; background-image:-webkit-linear-gradient(to left, #20bfd9,#72efb3); background-image:linear-gradient(to left,#20bfd9,#72efb3);}
.good-details .good-speed p span em {height: 1.5rem; width: 3.2rem; background: #20bfd9; top:-.5rem; right: -3rem; color: #fff; font-size: 12px;line-height: 1.4rem; border-radius: 1.5rem; position: absolute}
.good-details .good-number {overflow: hidden; margin-bottom: 1.4rem}
.good-details .good-number dl {float: left; width: 33.33%; text-align: center}
.good-details .good-number dl dt {font-size: 18px; color: #686868; margin-bottom: .8rem;}
.good-details .good-number dl dd {line-height: 1.6rem}
.good-details .good-number dl dd span {padding-left: 1.6rem; font-size: 10px; color: #c6c6c6; line-height: 1.6rem; position: relative; display: inline-block}
.good-details .good-number dl dd span em {position: absolute; display: block; top: .2rem; left: 0; width: 1.2rem; height: 1.2rem}
.good-details .good-number dl dd span em.icon-01 {background-position: 0 -3.2rem}
.good-details .good-number dl dd span em.icon-02 {background-position: -1.4rem -3.2rem}
.good-details .good-number dl dd span em.icon-03 {background-position: -2.8rem -3.2rem}
.good-details .good-short {font-size: 12px; color: #c6c6c6; line-height: 1.8rem;}
.good-details .good-short span {color: #20bfd9}
.good-details .good-money {overflow: hidden; padding-right: 6.5rem; line-height: 2rem; padding-bottom: 1rem;}
.good-details .good-money strong {font-size: 14px; color: #20bfd9; font-weight: normal; padding-right: 0rem; display: inline-block}
.good-details .good-money strong span {font-size: 18px;}
.good-details .good-money del {color: #999; font-size: 12px; position: relative; display: inline-block; text-decoration: none}
.good-details .good-money del::after {content: "　"}
.good-details .good-money del .cf-icon {display: block; position: absolute; width: 1.2rem; height: 1.2rem; top: 50%; margin-top: -.6rem; right: 0; background-position: -4.2rem -3.2rem}
.good-details .good-money .zhichi-btn { margin-right: -6.5rem; padding-right:1.5rem; color: #20bfd9; font-size: 12px; position: relative}
.good-details .good-money .zhichi-btn .cf-icon {display: block; position: absolute; width: 1.4rem; height: 1.4rem; top: 50%; margin-top: -.7rem; right: 0; background-position:0 -1.7rem}

.good-pic {padding-top: 4.4rem; margin-bottom: 2rem; position: relative;}
.good-pic .good-tab {position: absolute; left: 0; top: 0; width: 100%; background: #fff; z-index: 10}
.good-pic .good-tab ul{margin: 0 1rem; height: 4.3rem; border-bottom: #e5e5e5 solid 1px; display: block;}
.good-pic .good-tab ul li {float: left; width: 50%; text-align: center; font-size: 14px; color: #686868; height: 3.6rem; padding-top: .5rem}
.good-pic .good-tab ul li.cur {color: #20bfd9; border-bottom: #20bfd9 solid .3rem; }
.good-pic .good-tab-box {padding: 0 1rem; display: none}
.good-pic .title {height: 4.4rem; font-size: 14px; color: #686868; display:-webkit-box; -webkit-box-pack:left; -webkit-box-align:center; display:box; box-pack:left; box-align:center; line-height: 4.4rem; overflow: hidden;}
.good-pic .sponsor {padding-bottom: 3rem;}
.good-pic .sponsor dl {margin-bottom: 1.5rem;}
.good-pic .sponsor dl dt {width: 6.8rem; height: 6.8rem; border: #20bfd9 solid 1px; border-radius: 100%; margin: auto; overflow: hidden; margin-bottom: 1rem;}
.good-pic .sponsor dl dd {text-align: center; font-size: 15px; color: #3f3f3f}
.good-pic .sponsor p {font-size: 12px; color: #686868; line-height: 1.8rem; margin-bottom: 2.5rem;}
.good-pic .sponsor .line-btn {width: 10.9rem; height: 2.9rem; border: #20bfd9 solid 1px; font-size: 14px; color: #20bfd9; border-radius: .5rem;}

.good-pic .progress,
.good-pic .pic {padding-bottom: 2.5rem;}
.good-pic .progress dl {padding-left: 6rem}
.good-pic .progress dl dt {position: relative; margin-left: -6rem; float: left;width: 4.2rem; text-align: right; color: #999999; font-size: 12px; line-height: 2.2rem;}
.good-pic .progress dl dt .cf-icon {display: block; position: absolute; width: 1.8rem; height: 1.8rem; top: 50%; right: -2.7rem; margin-top: -1.1rem; background-position: -5.6rem -3.2rem	;}
.good-pic .progress dl dd {border-left: #e5e5e5 solid 1px; padding:0 1rem 2rem 2.3rem; text-align: justify; font-size: 14px; color: #999999; line-height: 2.2rem;}
.good-pic .progress dl:first-child dd, 
.good-pic .progress dl:first-child dt {color: #b0d043}
.good-pic .progress dl:first-child dt .cf-icon {background-position: -7.6rem -3.2rem;}
.good-pic .youlike-box {margin: 0 1rem; border-top: #e5e5e5 solid 1px; }
.good-pic .youlike {overflow: hidden; display: block; margin-left: -1rem;}
.good-pic .youlike li {width: 50%; float: left;}
.good-pic .youlike li a {display: block; margin:0 0 1rem 1rem;}
.good-pic .youlike li a span {display: block; margin-bottom: 1rem; border: #e5e5e5 solid 1px;}
.good-pic .youlike li a .like-title {height: 4rem; line-height: 2rem; font-size: 14px; overflow: hidden; color:#686868 }
.good-pic .youlike li a p {overflow: hidden; line-height: 2rem;}
.good-pic .youlike li a p strong {color: #ff001a; font-size: 14px;}
.good-pic .youlike li a p strong em {font-size: 18px;}
.good-pic .youlike li a p del {font-size: 12px; color: #999}


.good-buy-box {height: 6rem;}
.good-buy-box dl {position: fixed; left: 0; bottom: 0; width: 100%; height: 5.9rem; background: #fff; border-top: #e5e5e5 solid 1px; z-index: 10}
.good-buy-box dl dt {float: left; width:37%; height: 100%; }
.good-buy-box dl dt span {padding-left:2.5rem; position: relative}
.good-buy-box dl dt span .cf-icon {position: absolute; left: 0; top: 50%; width: 2.1rem; height: 2.1rem; background-position: -3.3rem 0; margin-top: -1.1rem}
.good-buy-box dl dt .cur {color: #21bed8}
.good-buy-box dl dt .cur .cf-icon {background-position: -5.6rem 0;}
.good-buy-box dl dd {float: left; width:63%; height: 100%; }
.good-buy-box dl a {height: 100%; width: 100%; font-size: 18px;}
.good-buy-box dl dd a {color: #fff; background: #1bbfda; }

.line-us {background: #fff; bottom: 0; left: 0; right: 0; min-height: 25rem; position: fixed; z-index: 10010; padding: 1rem 1.5rem 1.5rem; display: none}
.line-us .close-porp {width: 1.1rem; height: 1.1rem; background-position: -1.6rem -1.7rem; margin-right: -.5rem;}
.line-us span {display: block; margin:0 auto 2.5rem; width: 70%; border-bottom: #bdbdbd solid 1px; text-align: center; line-height: 3.1rem; height: 1.5rem;}
.line-us span em {padding: 0 1rem; background: #fff; font-size: 18px; color: #757575}
.line-us strong {font-size: 18px; color: #3f3f3f;}
.line-us dl {font-size: 14px;}
.line-us dl dt {color: #3f3f3f; padding: 1rem 0}
.line-us dl dd {color: #999999}
.line-us dl dd a {color: #20bfd9}
.line-us ul {display: block; padding-bottom: 3rem;}
.line-us ul li {font-size: 14px; color: #6d6d6d; line-height: 2.2rem; padding-bottom: 1rem;}
.line-us ul li::before {content: "·"}
.cf-buy-porp {background: #fff; bottom: 0; left: 0; right: 0; position: fixed; z-index: 10010; display: none}
.cf-buy-porp .close-porp {width: 1.1rem; height: 1.1rem; background-position: -1.6rem -1.7rem; margin: 1rem 1rem 0 0;}
.cf-buy-porp .buy-infor-box {padding: 1rem 2rem 0;}
.cf-buy-porp .buy-infor-box .goods-buy {padding-left: 10.5rem;}
.cf-buy-porp .buy-infor-box .goods-buy dt {margin-left: -10.5rem; width: 8.8rem; height: 8.8rem; border: #eee solid 1px; float: left;}
.cf-buy-porp .buy-infor-box .goods-buy dd {height: 9rem;}
.cf-buy-porp .buy-infor-box .goods-buy dd strong {display: block; font-size: 15px; color: #20bfd9; font-weight: normal; padding: 1rem 0;}
.cf-buy-porp .buy-infor-box .goods-buy dd strong span {font-size: 24px;}
.cf-buy-porp .buy-infor-box .goods-buy dd p { font-size: 15px; color: #222; display: block; overflow: hidden; height: 2rem; line-height: 2rem;}
.cf-buy-porp .buy-infor-box .goods-buy dd small {color: #ff001a ; font-size: 12px; display: block; overflow: hidden; height: 2rem; line-height: 2rem;}
.cf-buy-porp .buy-infor-box .buy-number { padding:1rem 1rem 1.5rem 6rem; overflow:hidden; color: #5d5d5d}
.cf-buy-porp .buy-infor-box .buy-number dt {float: left; margin-left: -6rem; font-size: 14px; height: 3rem;}
.cf-buy-porp .buy-infor-box .buy-number dd em {border:#d7d7d7 solid 1px; width:2.8rem; height:2.8rem; color:#5d5d5d; font-size:1.4rem; font-weight:bold;}
.cf-buy-porp .buy-infor-box .buy-number dd em.subt {border-radius:0.3rem 0 0 0.3rem;}
.cf-buy-porp .buy-infor-box .buy-number dd em.add {border-radius:0 0.3rem 0.3rem 0;}
.cf-buy-porp .buy-infor-box .buy-number dd input[type="tel"] {height:2.8rem; width:4rem; border:#d7d7d7 solid; border-width:1px 0; outline:none; background:none; text-align:center; line-height:2.8rem; font-size:1.6rem; color:#5d5d5d}
.cf-buy-porp .buy-infor-box .buy-number dd span {padding-left:1rem; font-size:1.2rem; height: 3rem;}
.cf-buy-porp .buy-infor-box .surplus-number { margin-bottom: 2rem; font-size: 14px; color: #5d5d5d}
.cf-buy-porp .buy-infor-box .surplus-number strong {position: relative; padding-left: 1.8rem; font-weight: normal; color: #20bfd9}
.cf-buy-porp .buy-infor-box .surplus-number strong .cf-icon {position: absolute; display: block; top: 50%; margin-top: -.6rem; left: 0; width: 1.2rem; height: 1.2rem; background-position: -1.4rem -3.2rem }
.cf-buy-porp .buy-infor-box .small-text {color: #999; font-size: 12px; margin-bottom: 1.5rem;}
.cf-buy-porp .buy-btn {font-size: 18px; width: 100%; height: 4.9rem; color: #fff; background: #20bfd9}
.cf-buy-porp .buy-btn.none {background: #999;}

.guess-title {margin: 0 1.2rem 2.5rem 1.2rem;}
.guess-title h2 {border-bottom: #cbcbcb solid 1px; text-align: center; height: 1rem;}
.guess-title h2 strong {background: #f5f5f5; padding: 0 1.7rem 0 3.9rem; position: relative; font-size: 14px; color: #333; font-weight: normal; line-height: 2.1rem;}
.guess-title h2 strong::after{display: block; content: ""; position: absolute;background: url(http://image01.homedo.com/Files/Images/cms/www/20170313/4613119340256896457_pic1.png) 0 0 no-repeat; left: 1.5rem; top: 50%; width: 1.7rem; height: 1.4rem; background-size: 1.7rem 1.4rem; margin-top: -.7rem;}

.guess-goods {padding-top: .5rem; margin: 0 1.2rem 0 0.7rem; overflow: hidden}
.guess-goods li {float: left; width: 50%; margin-bottom: .5rem}
.guess-goods li a {display: block; background: #fff; margin-left: .5rem; padding: 1.4rem 1.1rem}
.guess-goods li a dl dt {margin: 0 .9rem .5rem .9rem; }
.guess-goods li a dl dd .money {overflow: hidden; line-height: 2rem;}
.guess-goods li a dl dd .money strong { color: #f4471e; font-size: 10px;}
.guess-goods li a dl dd .money strong span{font-size: 15px;}
.guess-goods li a dl dd .money small{font-size: 10px; color: #c0c0c0}
.guess-goods li a dl dd .money small del {font-size: 11px;}
.guess-goods li a dl dd .name {font-size: 11px; color: #222; line-height: 1.4rem; height: 2.8rem; overflow: hidden; text-align: justify; margin-bottom: .3rem}
.guess-goods li a dl dd .subname {font-size: 10px; color: #686868; line-height: 1.3rem; height: 1.3rem; overflow: hidden;}