body{background-color: #f0f8f8;}
.filter{width: 65%; height: 4.5rem; margin: 0 auto; padding-top: 1.1rem;}
.filter .item{width: 33%; height: 2.3rem; text-align: center; color: #000000; font-size: 1.2rem; float: left;}
.filter .item a{display: block; width: 100%; height: 2.3rem; overflow: hidden;}
.filter .item span{display: inline-block; padding: 0 0.7rem; line-height: 2.2rem; font-size: 1.2rem; color: #006d75;}
.filter .cur span{color: #fff; border-bottom: 0.1rem solid #fff;}

.main{ padding-bottom: 2rem; margin-bottom: 4rem;}
.goods-img{width: 100%; height: 23.3rem; background-color: #fff; position: relative;}
.goods-img .mc{width: 21rem; height: 21rem; margin: 0 auto; overflow: hidden;}
.goods-img .mc ul{width: 500%; height: 21rem; overflow: hidden;}
.goods-img .mc ul li{width: 21rem; height: 21rem; float: left; overflow: hidden;}
.goods-img .mc ul li img{width: 21rem; height: 21rem;}
.goods-img .slider{width: 100%; height: 1.2rem; text-align: center;}
.goods-img .slider li{display: inline-block; width: 1.3rem; height: 0.2rem; background-color: #e5e5e5; margin: 0 0.4rem;}
.goods-img .slider li.cur{background-color: #2fbdc8;}
.goods-img .in-status{width: 6rem; height: 7rem; overflow: hidden; position: absolute; right: 0; bottom: 1rem;}
.goods-img .in-status img{width: 6rem; height: 7rem;}

.detail img{max-width: 100%;}

/*倒计时*/
.good-rest {height: 3.5rem; padding-right: 1rem;  line-height: 3.5rem;}
/*.good-rest p { font-size: 1.1rem; color: #666; text-align: right; }
.good-rest p img { overflow: hidden; display: inline-block; width: 1.4rem; height: 1.4rem;margin-right: .5rem;}*/
.good-rest strong {color: #2fbdc8;}
.markdownTime{ float: right;font-size: 1.1rem; padding-left:1.8rem;text-align: right; background:url("../images/time-blue.png") no-repeat scroll 0 center / 1.4rem 1.4rem;  line-height: 3.5rem; height: 3.5rem; padding-right: 1rem;}

/*详情*/
.detail-cont{width: 100%;  background-color: #fff; position: relative; padding: 0.6rem 7rem 1.5rem 1rem; border-top: 1px solid #e5e5e5; border-bottom: 1px solid #e5e5e5; margin-top: 0.5rem;}
.detail-cont h5{max-height: 3.6rem; line-height: 1.8rem; font-size: 1.2rem; color: #333; overflow: hidden;}
.detail-cont h5 img{width: 3.9rem; height: auto;display: inline-block; margin-right: 0.4rem;}
.detail-cont p{height: 1.6rem; line-height: 1.6rem; margin: 0.4rem 0 0.9rem; font-size: 1rem; color: #999;}
.detail-cont .price{font-size: 1.2rem; color: #666666;}
.detail-cont .price span{font-size: 1.5rem; color: #d22147;}
.detail-cont .price del{padding-left: 0.5rem; font-size: 1rem; color: #999999;}
.detail-cont .favorite{width: 4.8rem; height: 3.5rem; text-align: center; padding-top: 2.1rem; font-size: 1rem; color: #333333; position: absolute; bottom: 1.5rem; right: 0; background: url("../images/stars02.png") no-repeat scroll center 3px / auto 1.5rem;}
.detail-cont .favorite.selected{width: 4.8rem; height: 3.5rem; text-align: center; padding-top: 2.1rem; font-size: 1rem; color: #333333; position: absolute; bottom: 1.5rem; right: 0; background: url("../images/stars03.png") no-repeat scroll center 3px / auto 1.5rem;}
.detail-cont .feedback{width: 4.8rem; height: 3.5rem; text-align: center; padding-top: 2.1rem; font-size: 1rem; color: #2fbdc8; position: absolute; bottom: 1.5rem; right: 5rem; background: url("../images/feedback-icon.png") no-repeat scroll center 3px / auto 1.7rem;}

.choose-version{width: 100%; height: 4rem; padding-right: 11rem; border-top: 1px solid #e5e5e5; border-bottom: 1px solid #e5e5e5; margin-top: 1rem; background-color: #fff; position: relative;}
.choose-version a{display: block; width: 10rem; height: 3.9rem; line-height: 3.9rem; position: absolute; right: 0; top: 0; color: #2fbdc8; text-align: center; font-size: 1.2rem;background: url("../images/right-icon.png") no-repeat scroll 86% center /  0.7rem auto;}
.choose-version div{height: 4rem; padding-left: 1rem; line-height: 4rem; font-size: 1.2rem;color: #d22147;}
.choose-version div span{ color: #666; padding-right: 3px;}

/*促销*/
.promotions{width: 100%; background-color: #fff;}
.promotions .item{border-bottom: 1px solid #e5e5e5; height: 4.3rem; padding: 1.4rem 1rem 0; }
.promotions .item p{height: 1.4rem; line-height: 1.4rem; color: #999999;}
.promotions .item img{display: inline-block; width: 3rem; height: auto; margin-right: 0.5rem;}

.ot-links{width: 100%; border-top: 1px solid #e5e5e5; background-color: #fff; margin-top: 1rem;}
.ot-links .item{display: block; height: 4.4rem; line-height: 4.4rem; border-bottom: 1px solid #e5e5e5; padding-left: 1rem; color: #666666; font-size: 1.4rem; background: url("../images/right-icon.png") no-repeat scroll 95% center /  0.9rem auto;}

/*咨询*/
.message{width: 100%; border-top: 1px solid #e5e5e5; background-color: #fff; margin-top: 1rem;}
.message a{display: block; height: 4.4rem; line-height: 4.4rem; border-bottom: 1px solid #e5e5e5; padding-left: 1rem; color: #666666; font-size: 1.4rem; background: url("../images/right-icon.png") no-repeat scroll 95% center /  0.9rem auto;}

/*评价*/
.comments{width: 100%; border-top: 1px solid #e5e5e5; background-color: #fff; margin-top: 1rem; }
.comments .mt{width: 100%; height: 4.4rem; line-height: 4.4rem; border-bottom: 1px solid #e5e5e5; font-size: 1.4rem; color: #666666; padding-left: 1rem;}
.comments .md{width: 100%; height: 3.4rem; border-bottom: 1px solid #e5e5e5;}
.comments .md a{display: block; height: 3.4rem; line-height: 3.4rem; text-align: center; font-size: 1rem; color: #d22147;}
.comments .m-nav{width: 100%; padding: 1rem 0 1px 1rem; border-bottom: 1px solid #e5e5e5; overflow: hidden;}
.comments .m-nav a{display: inline-block; padding: 0 0.5rem; height: 2rem; line-height: 2rem; border: 1px solid #33cccc; white-space: nowrap; float: left; color: #33cccc; margin: 0 1rem 1rem 0;}
.comments .m-nav a.selected{background-color: #2fbdc8; color: #fff;}

.comments .mc{width: 100%;}
.comments .mc li{width: 100%; padding: 0.8rem 0 0.5rem; border-bottom: 1px solid #e5e5e5;}
.comments .mc li:last-child{padding-bottom: 1rem;}
.comments .mc .time{width: 100%; color: #999999; font-size: 1rem; padding-right: 1rem; text-align: right; margin-top: 0.8rem;}
.comments .mc .cont{width: 100%; padding: 0 1rem; color: #333333; line-height: 1.5rem; font-size: 1rem; margin-top: 0.5rem;}
.comments .top{width: 100%; overflow: hidden;}
.comments .top .name{float: right; padding-right: 1rem; color: #666666;}
.comments .top .stars{width: 11rem; padding-left: 1rem; color: #999999; font-size: 1rem; float: left;}
.comments .top .stars span{display: inline-block; width: 5.7rem; height: 1rem; }
.comments .top .stars span.star5{display: inline-block; width: 5.7rem; height: 1rem; background: url("../images/stars.png") no-repeat scroll 0 center /  auto 1rem;}
.comments .top .stars span.star4{display: inline-block; width: 5.7rem; height: 1rem; background: url("../images/stars.png") no-repeat scroll -1.1rem center /  auto 1rem;}
.comments .top .stars span.star3{display: inline-block; width: 5.7rem; height: 1rem; background: url("../images/stars.png") no-repeat scroll -2.3rem center /  auto 1rem;}
.comments .top .stars span.star2{display: inline-block; width: 5.7rem; height: 1rem; background: url("../images/stars.png") no-repeat scroll -3.4rem center /  auto 1rem;}
.comments .top .stars span.star1{display: inline-block; width: 5.7rem; height: 1rem; background: url("../images/stars.png") no-repeat scroll -4.5rem center /  auto 1rem;}
.comments .top .stars span.star0{display: inline-block; width: 5.7rem; height: 1rem; background: url("../images/stars.png") no-repeat scroll -5.7rem center /  auto 1rem;}
/*end*/

.bot-cont{width: 100%; height: 4rem; background-color: #fff;  position: fixed; left: 0; bottom: 0; z-index: 5;}
.bot-cont .buy-btn{display: inline-block; float: left; width: 50%; height: 4rem; text-align: center; font-size: 1.4rem; color: #fff; line-height: 4rem; background-color: #ff9933;}
.bot-cont .cart-btn{display: inline-block; float: left; width: 50%; height: 4rem; text-align: center; font-size: 1.4rem; color: #fff; line-height: 4rem; background-color: #2fbdc8;}
.bot-cont .arrive{display: inline-block; width: 100%; height: 4rem; padding-left: 2.7rem; line-height: 4rem; font-size: 1.4rem; color: #fff; text-align: center; background:#2fbdc8 url("../images/arrive-icon.png") no-repeat scroll 40% center /  1.7rem auto;}

/*btn-需求登记、联系药师*/
.buy-fixed-btm {position: fixed;bottom: 0rem;left: 0; overflow: hidden; width: 100%;height: auto;}
.buy-fixed-btm .btn {display: inline-block; width: 50%;height: 4rem; font-size: 1.4rem; color: #fff; text-align: center; line-height: 3.1rem;}
.buy-fixed-btm .btn span {display: inline-block; padding-left: 2.75rem;}
.buy-fixed-btm .btn-require{float: left; background: #2fbdc8;}
.buy-fixed-btm .btn-contact{float: right; background: #ff9936;}
.buy-fixed-btm .btn-require span {background: url("../images/arrive-icon.png") no-repeat scroll left center / 1.7rem auto;}
.buy-fixed-btm .btn-contact span {background: url("../images/b-phone.png") no-repeat scroll left center / 1.5rem auto;}

/*12-07新增弹出层*/
.dialog-mask{position:fixed;top:0;left:0;width:100%;height:100%;z-index:1000;-moz-opacity:.6;opacity:.6;filter:alpha(opacity=60); background:#000;display:none}

.dialog{position:fixed; padding-bottom: 6rem; bottom: 0; left:0;z-index:1001; width:100%;background:#fff; display:none;}
.dialog .dl-btn{display: block; width: 100%; height: 4rem; position: fixed; left: 0; bottom: 0; background-color: #2fbdc8; line-height: 4rem; text-align: center; font-size: 1.4rem; color: #fff; z-index: 1002;}
.dialog .dl-cont{width: 100%; padding: 1rem 0 1rem 1rem; max-height: 26rem; overflow: hidden; overflow-y: auto;}
.dialog .dl-cont .mt{height: 6rem;}
.dialog .dl-cont .mt .pic{width: 6rem; height: 6rem; float: left; margin-right: 2rem; overflow: hidden;}
.dialog .dl-cont .mt .pic img{width: 6rem; height: 6rem;}
.dialog .dl-cont .mt .title{width: 20.5rem; max-height: 3.6rem; line-height: 1.8rem; margin: 0.2rem 0 0.4rem; font-size: 1.2rem;color: #333; overflow: hidden; float: left;}
.dialog .dl-cont .mt .price{float: left; color: #666666; font-size: 1.2rem;}
.dialog .dl-cont .mt .price span{color: #ff0000;}

.dialog .dl-cont .choose{margin-top: 3rem; padding-left: 5.6rem; position: relative; overflow: hidden;}
.dialog .dl-cont .choose label{ line-height: 2.5rem; color: #999999; font-size: 1.2rem; position: absolute; left: 0; top: 0;}
.dialog .dl-cont .choose .ch-cont{overflow: hidden;}
.dialog .dl-cont .choose .ch-cont a{display: inline-block; padding: 0 1rem; border: 1px solid #e5e5e5; height: 3rem; background-color: #fff; line-height: 3rem; color: #666666; font-size: 1.2rem; white-space: nowrap; margin: 0 1rem 1rem 0;}
.dialog .dl-cont .choose .ch-cont a.selected{border: 1px solid #2fbdc8; background-color: #2fbdc8; color: #fff;}
.dialog .dl-cont .choose .ch-cont .lock {background-color: #cccccc}

.dialog .dl-cont .quantity{height: 3.2rem; margin-top: 2rem; overflow: hidden;}
.dialog .dl-cont .quantity label{float: left; display: inline-block; width: 5.6rem; line-height: 3rem; color: #999; font-size: 1.2rem;}
.dialog .dl-cont .quantity input{width: 3rem; float: left; background-color: #fff; font-size: 1.4rem; color: #333333; border: none;text-align: center; line-height: 3rem;}
.dialog .dl-cont .quantity .decrease{display: inline-block; width: 3rem; height: 3rem; font-size: 1.4rem; color: #666666; background-color: #fafafa; line-height: 2rem; text-align: center; border: 1px solid #e5e5e5; float: left;}
.dialog .dl-cont .quantity .increase{display: inline-block; width: 3rem; height: 3rem; font-size: 1.4rem; color: #666666; background-color: #fafafa; line-height: 3rem; text-align: center; border: 1px solid #e5e5e5; float: left;}


.dialog-mask.show{display:block}
.dialog.show{display:block}

/*药师联系你弹窗*/
.layer-bg {position: fixed;top: 0;left: 0; z-index: 1000; height: auto;min-height: 0%;width: 100%;background-color: rgba(0,0,0,.5);margin-top:25%;}
.layer-box { position: absolute; top: 20%; left: 50%;margin-left: -40%; width: 80%; padding: 1rem; border-radius: .4rem; background-color: #f8f8f8; }
.layer-m {margin: 1rem 0;overflow: hidden;}
.layer-m input {width: 92%;height: 4rem; padding: .5rem 0 .5rem 1rem; margin: 1rem 0; font-size: 1.4rem; color: #333; background-color: #fff;}
.layer-b {height: 4rem;}
.layer-b a {display: block; width: 48%; height: 4rem;font-size: 1.5rem; line-height: 4rem; text-align: center; color: #fff; border-radius: .4rem; background-color: #2fbdc8;}
.layer-b a:first-child { float: left; background-color: #ccc;}
.layer-b a:last-child {float: right;}
/*end*/