﻿.back-btn{position:fixed;z-index:998;top:18px;margin-left:18px;display:block;width:36px;height:36px;border-radius:50%;overflow:hidden}
.back-btn .shade{position:absolute;width:100%;height:100%;background:#000;opacity:0.7;border-radius:50%;}
.back-btn i.icon-back{position:absolute;display:block;width:36px;height:36px;background:url(../images/icon/icon-back.png) no-repeat center center;background-size:22px auto;}

.line-e4{width:100%;height:1px;background-color:#e4e4e4;-webkit-transform:scale(1,0.5);transform: scale(1,0.5);-webkit-transform-origin:center bottom;transform-origin:center bottom}

.goods-price{position:absolute;z-index:3;bottom:16px;right:16px;font-size:30px;color:#fff}
.goods-price small{font-size:15px;margin-right:2px}
.goods-price em{font-size:15px;margin-left:2px}

.price-bar{z-index:3;margin-top:10px;font-size:28px;color:#FF850B;font-weight:bold}
.price-bar small{font-size:15px;margin-right:2px;font-weight:100}
.price-bar em{font-size:15px;margin-left:2px;font-weight:100}
.price-bar .label{display:inline-block;padding:2px;font-size:12px;border:1px solid #FF850B;color:#FF850B;margin-right:4px;vertical-align:middle}


.detail-panel .attribute{}
.detail-panel .attribute .item{text-align:center;float:left;width:33.3%;border-right:1px solid #e4e4e4}
.detail-panel .attribute .item:last-child{border-right:0}
.detail-panel .attribute .item .name{font-size:15px;color:#333}
.detail-panel .attribute .item .value{font-size:15px;color:#777;line-height:1.5}

.detail-panel .goto-view{color:#555;font-size:15px}
.detail-panel i.icon-next{display:inline-block;width:16px;height:16px;float:right;background:url(../images/icon/icon-next.png) no-repeat center center;background-size:16px auto;}

.detail-panel{padding:16px;background:#fff;margin-top:10px;position:relative}
.detail-panel:first-child{margin-top:0}
.detail-panel .goods-title{font-size:16px}
.detail-panel .goods-desc{margin-top:8px;color:#777;line-height:1.4;}
.detail-panel .goods-desc i{display:inline-block;width:14px;height:14px;vertical-align:middle;margin-left:5px}
.detail-panel .goods-desc i.icon-wifi{background:url(../images/icon/icon-wifi.png) no-repeat center center; background-size:14px auto}
.detail-panel .goods-desc i.icon-p{background:url(../images/icon/icon-p.png) no-repeat center center; background-size:14px auto}
.detail-panel .goods-desc i.icon-zaocan{background:url(../images/icon/icon-zaocan.png) no-repeat center center; background-size:14px auto}

.detail-panel .address-box{padding-top:16px;margin-top:10px;border-top:1px solid #e4e4e4;position:relative}
.detail-panel .goods-address{}
.detail-panel .goods-address .address{display:table-cell;vertical-align:middle;padding-right:70px;padding-left:2px;line-height:1.2}
.detail-panel .goods-address i.icon-dingwei{display:table-cell;vertical-align:middle;width:18px;height:18px;background:url(../images/icon/icon-dingwei3.png) no-repeat center center;background-size:18px auto;vertical-align:middle;margin-right:5px}
.detail-panel .goods-tel{position:absolute;top:6px;right:0px;width:60px;height:38px;border-left:1px solid #e4e4e4}
.detail-panel .goods-tel a.icon-tel{display:inline-block;width:60px;height:38px;background:url(../images/icon/icon-tel.png) no-repeat center center;background-size:28px auto;}

.comment-panel{background:#fff;margin-top:10px}
.comment-panel .panel-title{display:inline-block;vertical-align:middle;height:20px;line-height:20px;}
.comment-panel a{display:block;width:100%;padding:14px 16px;font-size:15px;}
.comment-panel .right{display:inline-block;float:right;margin-right:5px;font-size:14px;margin-top:4px;color:#555}
.comment-panel i.icon-next{display:inline-block;width:16px;height:16px;margin-top:2px;float:right;background:url(../images/icon/icon-next.png) no-repeat center center;background-size:16px auto;}
.score-bar{display:inline-block; vertical-align:middle;width:100px;height:20px;background:url(../images/icon/icon-hongxin1.png) repeat-x left center; background-size:20px auto;}
.score-bar span{float:left;display:block;width:20px;height:20px;}
.score-bar span.current{background:url(../images/icon/icon-hongxin2.png) no-repeat center center; background-size:20px auto}
.score-bar .progress{display:inline-block; vertical-align:middle;width:0px;height:20px;background:url(../images/icon/icon-hongxin2.png) repeat-x left center; background-size:20px auto;}

.comment-list{background:#fff;margin-bottom:10px}
.comment-list .item{padding:0px 16px 10px 16px;}
.comment-list .item .line-e4{margin-bottom:10px}
.comment-list .item .right{float:right;height:20px;font-size:12px;color:#999}
.comment-list .item .nickname{color:#999;display:inline-block;margin-right:5px;margin-top:4px}
.comment-list .item .icon-best{display:inline-block; vertical-align:middle;width:30px;height:20px; background:url(../images/icon/icon-best.png) no-repeat left 4px; background-size:30px auto}
.comment-list .item .time{color:#999;display:block;margin-top:4px}
.comment-list .item .context{margin-top:8px;line-height:1.4}
.comment-list .item .img-item { margin-top:8px}
.comment-list .item .img-item img {height:70px;margin-right:8px}

.detail-panel .center{ text-align:center}
.detail-panel .indate{display:inline-block;text-align:right;vertical-align:top}
.detail-panel .outdate{display:inline-block;text-align:left;vertical-align:top}
.detail-panel .date-value{font-size:20px;color:#099FDE;line-height:1.5}
.detail-panel .livetime_bs{display:inline-block;font-size:14px;padding:4px;margin:0 8px;background:#099FDE;vertical-align:top;color:#fff}

.detail-panel .quote{position:relative;width:80%;max-width:300px;padding:0 20px;height:14px;text-align:center;font-size:15px;overflow:hidden;margin:0 auto;margin-top:20px;color:#777}
.detail-panel .quote em{display:inline-block;position:absolute;width:20px;height:15px;background:url(../images/icon/icon-yinhao.png) no-repeat center center #fff;background-size:14px;vertical-align:middle;}
.detail-panel .quote em.left{left:0px;top:0px}
.detail-panel .quote em.right{right:0px;top:0px;transform:rotate(180deg);-webkit-transform:rotate(180deg);}

.buy-list{background:#fff;margin-top:10px;}
.buy-list .item{padding:16px 0px 16px 16px;border-bottom:1px solid #f4f4f4;}
.buy-list .item:last-child{border-bottom:0}
.buy-list .item .flex{display:flex;display:-webkit-flex;align-items:center;width:100%;}
.buy-list .left{flex:1;height:36px}
.buy-list .left .name{display:inline-block;font-size:16px;color:#000;margin-top:10px;}
.buy-list .right{flex:0;flex-basis:150px;text-align:right;padding-right:16px;}
.buy-list .right .price{color:#ff5b47;font-size:24px;vertical-align:middle;}
.buy-list .right .price small{font-size:12px;margin-right:2px}
.buy-list .right .buy-btn{display:inline-block;margin-left:10px;background:#ff5b47;padding:10px 8px;vertical-align:middle;color:#fff;font-size:16px;border-radius:3px}
.buy-list .right .buy-btn.full{background:#eee;color:#000}

.detail-panel .panel-title{font-size:16px}
.detail-panel .context{line-height:1.7!important;color:#777!important;}
.detail-panel .context p{line-height:1.4!important;font-size:14px!important;}
.detail-panel .context span{font-size:14px!important;color:#777!important;}

.detail-panel .goto-view{display:block;width:100%;height:100%}
.detail-panel .goto-view .pingfen{display:inline-block;float:right;margin-right:5px;}
.detail-panel .goto-view em{color:#FF850B}

.detail-view{padding:10px;line-height:1.8;}
.detail-view:after{display:table;content:"";width:0;clear:both;}
.detail-view img {width:100%;height:auto; max-width: 100%; display: block; float: left;}
.detail-view p {line-height:1.8;*overflow:hidden;*zoom:1;}
.detail-view p:after{display:table;content:"";width:0;clear:both;}


#bigPicbox{ position:fixed;top:0px;width:100%;height:100%;max-width:640px;z-index:999;display:none}
#bigPicbox .shade{ position:absolute;top:0px;left:0px;width:100%;height:100%;background:#000;opacity:0.7;z-index:997}
#bigPicbox #swiper2{z-index:998;height:100%; }
#bigPicbox #swiper2 .swiper-slide{}
#bigPicbox #swiper2 .swiper-slide img{width:100%}