@charset "UTF-8";
.fl{float:left;}
.p-detail *{
	-webkit-box-sizing: content-box;
    -moz-box-sizing: content-box;
    box-sizing: content-box;
	box-sizing: content-box;
	font-size:12px;
}
.p-detail .city-select-content{box-sizing:border-box;}

.under-line {height: 0;overflow: hidden;border-bottom: 1px dotted #dfdfdf;margin-bottom: 15px;}

.column-wrap {/* background: #f2f2f2; */clear: both;margin-top:8px;}
.column{padding:13px 0 9px;}
.column, .column-wrap {position: relative;z-index: 5;}
.column .item {float: left;line-height:14px;font-size:12px;}
.column .item a{color: #666;text-decoration: none}
.column .sep {font-family: simsun;padding: 0 10px;}
.contact{padding:13px 0 0;position:relative;z-index:4;height:18px;}
.contact .name{float:left;_float:none;margin-right:10px}
.contact .name .u-zy {display: inline-block;height: 14px;padding:0 2px;line-height: 14px;color: #fff;background: #e4393c;margin-left: 6px;cursor: pointer;font-size:12px;}
.contact .item {float: left;line-height:14px;font-size:12px;}
.Edropdown{position:relative;}
.contact:hover .contact-layer .content{display:block;}
.contact-layer .content {display: none;top: 18px;width: 185px;border: 1px solid #ccc;position: absolute;z-index: 0;background-color: #fff;/* height:220px; */right:0;padding:15px 0 0 0;}
.contact-layer .content p{line-height:24px;}
.contact-layer .content .kefu{padding-left:15px;}
.contact-layer .content .im{padding-left:15px;padding-bottom:10px;}
.contact .qrcode{padding: 5px 0 10px;text-align:center;}
.contact .qrcode img {max-width: 118px;max-height: 118px;/* border: 1px solid #cecece; */}
.contact .btns {background: #f6f6f6;font-size: 0;text-align:center;height:34px;}
.contact .btns .btn-def {height: 34px;line-height: 34px;padding: 0;margin-right: 8px;font-size: 12px;_padding-top: 10px;_height: 24px;border: none;background: #f6f6f6;}
.contact .btns .separator {margin: 10px 8px;background: #d1d1d1;width: 1px;height: 14px;overflow: hidden;display: inline-block;/* vertical-align: middle;margin-top:-2px; */}
.contact .btns .btn-def .iconfont{color:#e4393c;font-size:16px;}


.pro-info{position: relative;margin-top: 10px;margin-bottom: 40px;}
.pro-preview{width:430px;float:left;}
.pro-preview .show{width: 430px;height: 430px;margin-bottom: 10px;position: relative;border:1px solid #E8E8E8;cursor:move}
.pro-preview .show img{width: 430px;height: 430px;}
.pro-preview .bigshow{position:absolute;width: 430px;height: 430px;overflow: hidden;margin-left: 10px;display: none;border:1px solid #E8E8E8;top:0px;left:430px;background:#FFF;z-index:99;}
.pro-preview .bigshow img{width:800px;height:800px;}
 
.pro-preview .mask{width: 231px;height: 231px;background: #000;filter: Alpha(opacity=50);opacity:0.5;position: absolute;top: 0;left: 0;display: none;background:url(../images/mask.png) repeat;}
.smallshow{width: 100%;height: 70px;position: relative}
.pro-preview .smallshow img{width:100%;border:1px solid #e8e8e8;box-sizing: border-box;transition: all 0.5s}
.pro-preview .smallshow>.middle_box{margin-left: 30px;margin-right: 30px;width:370px;overflow: hidden;height: 70px;}
.pro-preview .smallshow .middle{overflow: hidden;transition: all 0.5s;height: 70px;}
.pro-preview .smallshow .middle>li{width: 64px;height: 64px;float: left;cursor:pointer;padding:0 5px;}
.pro-preview .smallshow>p{position: absolute;top:50%;width: 22px;height: 32px;margin-top: -16px;}
.pro-preview .smallshow>.prev{left: 0;background: url(../images/hover-prev.png) no-repeat;transition: all 0.5s}
.pro-preview .smallshow>.next{right: 0;background: url(../images/hover-next.png) no-repeat;transition: all 0.5s}
.pro-preview .smallshow>.prev.prevnone{left: 0;background: url(../images/prev.png) no-repeat;cursor: not-allowed}
.pro-preview .smallshow>.next.nextnone{right: 0;background: url(../images/next.png) no-repeat;cursor: not-allowed}

.pro-detail{width:738px;height:auto;float:right;}
.pro-detail .pro-name{font: 700 16px Arial,"microsoft yahei";color: #666;padding-top: 10px;line-height: 28px;margin-bottom: 5px;}
.pro-detail .tips{margin-bottom: 5px;overflow: hidden;white-space: nowrap;text-overflow: ellipsis;width: 738px;max-height: 1.5em;line-height: 1.5em;color: #e4393c;}
.pro-detail .pro-price-wrap{width:100%;height:auto;padding:15px 0;background-image:url(../images/pro-price-bg.png);margin:10px 0;}
.pro-detail .dt{width:100px;display:inline-block;color:#999;padding-left:15px;font-size:12px;}
.pro-detail .pro-price-wrap .price-info{font-size:14px;line-height:40px;}
.pro-detail .pro-price-wrap .price-info .price{font-size:22px; color:#e4393c;font-weight:bold;display:inline-block;}
.pro-detail .pro-price-wrap .price-info .price em{font-size:14px;}
.pro-detail .pro-price-wrap .market{margin-bottom:5px;}
.pro-detail .pro-price-wrap .market span{display:inline-block;color:#999}
.pro-detail .pro-price-wrap .price-info .text{font-size:15px; color:#e4393c;font-weight:bold;display:inline-block;position: relative;top: 15px}
.pro-detail .pro-price-wrap .activity{margin-top:10px;}
.pro-detail .pro-price-wrap .activity .activity-con{display:inline-block;position:relative;z-index:0;}
.pro-detail .pro-price-wrap .activity .activity-name{display:inline-block;padding:3px;border:1px solid #df3033;color:#df3033;}
.pro-detail .pro-price-wrap .activity .activity-expire{color:#666;margin-left:15px;display:inline-block;line-height:24px;}
.pro-detail .pro-price-wrap .activity .activity-look{color:red;margin-left:15px;display:inline-block;line-height:24px;width:50px;text-align:center;cursor:pointer;}
.pro-detail .pro-price-wrap .activity .activity-rule-con{color: #666;cursor: pointer;padding-top: 10px;line-height: 16px;}
.pro-detail .pro-price-wrap .activity .activity-rule-con li {position: relative;margin: 10px 0;}
.pro-detail .pro-price-wrap .activity .activity-rule-con .gflist {margin: 10px 15px;}
.pro-detail .pro-price-wrap .activity .activity-rule-con .gflist li {list-style: none;float: left;margin: 0;width: 60px;height: 60px;z-index: 1;}
.pro-detail .pro-price-wrap .activity .activity-rule-con .gflist .gf-item {text-decoration: none;margin-right: 10px;font-size: 0;}
.pro-detail .pro-price-wrap .activity .activity-rule-con .gflist .gf-item .gf-pic {width: 50px;height: 50px;}

.pro-detail .pro-deliver{line-height:20px;margin-bottom:10px;}
.pro-detail .pro-num{height: 35px;margin-bottom:10px;margin-top:5px;}
.pro-detail .pro-num .edit_amount{display:inline-block;}
.pro-detail .pro-num .input-group .amount-text{vertical-align: middle;padding: 3px 2px 0 3px;line-height: 26px;font-size: 12px;margin: 0;height: 26px;border: 1px solid #a7a6ac;width: 36px;background-position: -406px -41px;color: #666;margin-right:3px;}
.pro-detail .pro-num .amount-btn{display: inline-block;vertical-align: middle;}
.pro-detail .pro-num .amount-btn .btn-decrease, .amount-btn .btn-increase {width: 16px;height: 12px;overflow: hidden;border: 1px solid #a7a6ab;display: block;line-height: 12px;font-size: 16px;cursor: pointer;text-align:center;}
.pro-detail .pro-num .amount-btn .btn-decrease .iconfont,.pro-detail .pro-num .amount-btn .btn-increase .iconfont{font-size:12px;}
.pro-detail .pro-num .btn-increase{margin-bottom:3px;}
.pro-detail .pro-spec .dt{float:left;}
.pro-detail .pro-spec .spec-list{width:620px;float:left;}
.pro-detail .pro-spec .spec-list .item {float: left;color: #666;background-color: #FFF;margin-right: 7px;margin-bottom: 8px;line-height: 32px;}
.pro-detail .pro-spec .spec-list .item a {border: 1px solid #ccc;padding: 0 13px;display: block;white-space: nowrap;}
.pro-detail .pro-spec .spec-list .item.current a{border:1px solid #e13c41;}

.pro-detail .pro-action{clear: both;padding: 20px 0 0 116px;margin: 10px 0 0;}
.pro-detail .pro-action .buy-btn {margin-right: 10px;float: left;}
.pro-detail .pro-action .action-btn a {margin-right: 0;float: left;overflow: hidden;position: relative;width: 178px;background-color: #ffeded;border: 1px solid #FF0036;color: #FF0036;font-family: 'Microsoft Yahei';height: 38px;line-height: 38px;text-align: center;font-size: 16px;cursor: pointer;}
.pro-detail .pro-action .cart-btn a {background-color: #ff0036;border: 1px solid #ff0036;color: #fff;}

.aside{width:210px;float:left;}
.aside .shop{margin-bottom: 15px;}
.aside .shop .mt{padding: 10px;background-color: #f7f7f7;border: 1px solid #eee;height:18px;width:188px;}
.aside .shop .mt h3{float: left;max-width: 150px;height: 18px;overflow: hidden;font: 700 14px "microsoft yahei";}
.aside .shop .mc {padding: 10px 10px 0;border: 1px solid #eee;border-top: none;overflow: visible;padding-top: 0;background-color: #FFF;}
.shop-score .score-infor {padding-top: 10px;display: block;border-bottom: 1px solid #eee;}
.shop-score .score-sum {float: left;width: 78px;display: inline;margin-top: 15px;color: #999;}
.shop-score .score-sum .up {color: #E94634;}
.shop-score .score-sum .number {text-align: center;font-size: 24px;line-height: 45px;color: #E94634;display: block;}
.shop-score .score-parts {float: left;width: 110px;}
.shop-score .score-part {overflow: hidden;display: inline-block;margin-bottom: 5px;line-height:20px;}
.shop-score .score-desc {display: inline-block;width: 52px;color: #999;}
.shop-score .score-detail {color: #999;}
.shop-score .btns {padding: 10px 0;font-size: 0;text-align: center;}
.shop-score .btns .btn-def {width: 88px;height: 34px;line-height: 34px;padding: 0;margin-right: 8px;font-size: 12px;_padding-top: 10px;_height: 24px;display: inline-block;text-align: center;vertical-align: middle;cursor: pointer;}
.shop-score .btn-def {border: 1px solid #ddd;background-color: #f8f8f8;color: #666;height: 23px;line-height: 23px;padding: 0 10px;}
.shop-score .btns .follow-shop {margin-right: 0;}
.shop-score .iconfont{color:#e4393c;font-size:16px;}

.shop-goods-list .mt{padding: 10px;background-color: #f7f7f7;border: 1px solid #eee;height:20px;}
.shop-goods-list .mt h3{float: left;max-width: 150px;height: 18px;overflow: hidden;font: 700 14px "microsoft yahei";color:#666;}
.shop-goods-list .goods-list{padding:10px 10px 0;border:1px solid #eee;border-top:0px;}
.shop-goods-list .goods-list li{margin-bottom:10px;}
.shop-goods-list .goods-list .item{display:inline-block;text-align:center;padding-bottom:10px;border-bottom:1px dashed #eee;}
.shop-goods-list .goods-list .item .g-img{text-align:center;margin-bottom:5px;}
.shop-goods-list .goods-list .item .g-img img{width:160px;height:160px;margin:0 auto;}
.shop-goods-list .goods-list .item .g-name{max-height:36px;overflow:hidden;line-height:18px;margin-bottom:5px;}
.shop-goods-list .goods-list .item .g-price{color: #e4393c;font-size: 14px;font-family: Verdana;font-weight:bold;line-height:20px;}


.p-detail .goods-info{width:980px;float:right;height:auto;min-height:300px;border:1px solid #fff;}
.p-detail .product-collect {line-height: 20px;color: #666}
.p-detail .product-collect .collect{width:20px;height:20px;background:url(../images/collect.png) top center no-repeat;background-size:100%;position:relative;text-align:center;color:#fff;line-height:30px;display:inline-block;vertical-align:middle;cursor: pointer;}
.p-detail .product-collect .collected{width:20px;height:20px;background:url(../images/collected.png) top center no-repeat;background-size:100%;position:relative;text-align:center;color:#fff;line-height:30px;display:inline-block;vertical-align:middle;cursor: pointer;}

.tab-main{position: relative;background-color: #f7f7f7;border: 1px solid #eee;border-bottom: 1px solid #e4393c;display: inline-block;display: block;width:980px;}
.tab-main .item{position: relative;display: inline-block;cursor: pointer;padding: 10px 25px;font-size: 14px;}
.tab-main .item.current {background-color: #e4393c;color: #fff;cursor: default;}
.tab-main .buy-phone{float:right;padding-right:60px;line-height:38px;position:relative;color:#666;cursor:pointer;}
.tab-main .buy-phone .iconfont{font-size:22px;position:absolute;right:30px;top:0px;}
.tab-main .buy-phone .iconfont.icon-arrow{right:15px;font-size:16px;}
.tab-main .buy-phone .down-con{position:absolute;width:140px;height:140px;padding:10px;background:#f7f7f7;top:38px;right:0px;display:none;}
.tab-main .buy-phone.hover .down-con{display:block;}
	
.tab-con{padding: 10px 0;}
.tab-con .tab-item.detail{text-align:center;}
.tab-con .tab-item.detail p{text-align:left;}
.comment .comment-item {zoom: 1;padding: 15px;border-bottom: 1px solid #ddd;}
.comment .comment-item .user-column {width: 140px;float: left;}
.comment .comment-item .user-info {white-space: nowrap;text-overflow: ellipsis;overflow: hidden;line-height:25px;}
.comment .comment-item .user-info img {border-radius: 50%;margin-right: 5px;}
.comment .comment-item .user-level {padding-top: 3px;}
.comment .comment-item .user-level span {color: #088000;margin-right: 8px;}
.comment .comment-item .comment-column {margin-left: 150px;}
.comment .comment-item .comment-star {width: 78px;height: 14px;background: url(../images/star.png) no-repeat;}
.comment .comment-item .star0 {background-position: -80px 0;}
.comment .comment-item .star1 {background-position: -64px 0;}
.comment .comment-item .star2 {background-position: -48px 0;}
.comment .comment-item .star3 {background-position: -32px 0;}
.comment .comment-item .star4 {background-position: -16px 0;}
.comment .comment-item .star5 {background-position: 0 0;}
.comment .comment-item .comment-con {font-size: 14px;padding: 10px 0;line-height: 180%;color: #333;}
.comment .comment-item .pic-list {padding-bottom: 15px;}
.comment .comment-item .pic-list img {border: 1px solid #e2e2e2;padding: 1px;margin-right: 6px;}
.comment .comment-item .order-info {float: left;color: #999;}
.comment .comment-item .order-info span {margin-right: 20px;}
.comment .comment-item .comment-op {float: right;}
.comment .comment-item .comment-op a {display: inline-block;margin-left: 25px;color: #999;line-height:20px;}
.comment .comment-item .comment-op a .iconfont{font-size:16px;/* color: #999; */}
.comment .comment-item .comment-answer-input{margin-top:10px;text-align:right;}
.comment .comment-item .comment-answer-input .J_commentAnswerInput{display:inline-block;width:350px;height:20px;padding:5px;border:1px solid #eee;line-height:20px;float:right;}
.comment .comment-item .comment-answer-input .answer-btn{display:inline-block;height:20px;padding:5px;line-height:20px;width:30px;text-align:center;border:1px solid #e13c41;color:#fff;float:right;background:#e13c41;}

.comment .comment-item .reply-con {font-size: 14px;margin-top: 12px;border-top: 1px solid #f0f0f0;}
.comment .comment-item .reply {padding: 12px 0 5px;color: #888;line-height: 170%;}
.comment .comment-item .reply.shop{color: #b30c0c;}
.comment .comment-item .reply-time {color: #999;clear: both;}
.comment-footer{width:100%;text-align:right;} 
.comment-footer .pagination{float:right;}
.comment-footer .pagination>.active>a, .pagination>.active>a:focus, .pagination>.active>a:hover, .pagination>.active>span, .pagination>.active>span:focus, .pagination>.active>span:hover {
    z-index: 3;
    color: #fff;
    background-color: #e33b3d;
    border-color: #e33b3d;
    cursor: default;
}

.consultation .question-input{padding:20px 0 20px 200px;border-bottom: 1px dashed #eee;}
.consultation .question-input .input-block{width:500px;height:25px;padding:5px;border:1px solid #ccc;float:left;padding-left:10px;}
.consultation .question-input .question-btn{display:inline-block;width:50px;height:25px;line-height:25px;text-align:center;border:1px solid #e4393c;float:left;padding:5px;border-left:0;background:#e4393c;color:#FFF;}
.consultation .consultation-item {padding-top: 18px;border-bottom: 1px solid #ddd;padding-left:5px;}
.consultation .consultation-item .answer-list li, .consultation .consultation-item .ask {overflow: hidden;zoom: 1;}
.consultation .icon-ask {background: #d13030;}
.consultation .icon-answer, .consultation .icon-ask {width: 18px;height: 18px;border-radius: 9px;font-size: 12px;color: #fff;text-align: center;float: left;}
.consultation .consultation-item .item-con {margin-left: 25px;overflow: hidden;zoom: 1;font-size:14px;}
.consultation .consultation-item .ask .item-con p {font-weight: 700;}
.consultation .consultation-item .item-con p {float: left;color: #333;}
.consultation .consultation-item .ask p{width: 770px;line-height:18px;}
.consultation .consultation-item .item-con span {float: right;color: #999;font-size:12px;}
.consultation .icon-answer {background: #00833d;margin-top: 15px;}
.consultation .icon-answer, .consultation .icon-ask {width: 18px;height: 18px;border-radius: 9px;font-size: 12px;color: #fff;text-align: center;float: left;}
.consultation .consultation-item .answer{padding-bottom:10px;}
.consultation .consultation-item .answer .item-con {line-height: 30px;}
.consultation .consultation-item .answer p{width: 770px;margin-top:10px;color:#888;} 
.consultation .consultation-item .ask-action{height:20px;margin-bottom:10px;font-size:12px;text-align:right;padding-right:5px;}
.consultation .consultation-item .ask-action .iconfont{font-size:14px;}
.consultation .consultation-item .ask-action a{color:#999;}


.pro-nav-fixed{position:fixed;top:0;z-index:99;border-bottom:0px;}
.pro-fixed-div {position: fixed;width: 100%;border-bottom: 1px solid #ccc;left: 0;top: 0;background: #fff;height:40px;z-index:90;-webkit-box-shadow: rgba(0,0,0,.2) 0 1px 5px 0;-moz-box-shadow: rgba(0,0,0,.2) 0 1px 5px 0;box-shadow: rgba(0,0,0,.2) 0 1px 5px 0;-webkit-transform: translateZ(0);}
.video-icon {
    position: absolute;
    width: 50px;
    height: 50px;
    background-image: url(../images/video.png);
    display: block;
    position: absolute;
    left: 50%;
    top: 190px;
    margin-left: -25px;
    background-repeat: no-repeat;
    z-index: 2;
    background-position: 0% 100%;
}
.pro-video {
    width: 430px;
    height: 430px;
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    display: none;
    z-index: 999;
}
 .vjs-off-button {
    position: absolute;
    top: 15%;
    right: 10px;
    cursor: pointer;
}
.vjs-control-content {
    background: rgba(0,0,0,.2);
    padding: .2rem .4rem;
    border-radius: .8rem;
    color: #ffffff;
}