.nav-bar{height:70px;line-height:70px;border-top:1px solid #e5e5e5;background-color:#fff;z-index:10}.nav-bar.is_fixed{position:fixed;top:0;width:100%;-webkit-box-shadow:0 5px 5px #ccc;box-shadow:0 5px 5px #ccc}.nav-bar .container{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;-webkit-box-align:center;-ms-flex-align:center;align-items:center}.nav-bar .container .pro-title{font-size:18px;color:#333;font-weight:700}.nav-bar .container .pro-param{font-size:14px}.nav-bar .container .pro-param span{margin:0 10px}.nav-bar .container .pro-param a{color:#666}.detail .wrapper .swiper{float:left;width:642px;height:617px;margin-top:5px}.detail .wrapper .swiper img{width:100%;height:100%;-o-object-fit:contain;object-fit:contain}.detail .wrapper .content{float:right;width:584px;height:870px}.detail .wrapper .content .item-title{font-size:28px;padding-top:30px;padding-bottom:16px;height:66px}.detail .wrapper .content .item-info{font-size:14px;height:36px}.detail .wrapper .content .delivery{font-size:16px;color:#ff6700;margin-top:26px;margin-bottom:14px;height:15px}.detail .wrapper .content .item-price{font-size:20px;color:#ff6700;height:19px}.detail .wrapper .content .item-price .del{font-size:16px;color:#999;margin-left:10px;text-decoration:line-through}.detail .wrapper .content .line{height:0;margin-top:25px;margin-bottom:28px;border-top:1px solid #e5e5e5}.detail .wrapper .content .item-addr{height:108px;background-color:#fafafa;border:1px solid #e5e5e5;-webkit-box-sizing:border-box;box-sizing:border-box;padding-top:31px;padding-left:64px;font-size:14px;line-height:14px;position:relative}.detail .wrapper .content .item-addr .icon-loc{position:absolute;top:27px;left:34px;display:inline-block;width:20px;height:20px;background:url(/imgs/detail/icon-loc.png) no-repeat 50%;background-size:contain}.detail .wrapper .content .item-addr .addr{color:#666}.detail .wrapper .content .item-addr .stock{margin-top:15px;color:#ff6700}.detail .wrapper .content .item-color,.detail .wrapper .content .item-version{margin-top:30px}.detail .wrapper .content .item-color h2,.detail .wrapper .content .item-version h2{font-size:18px;margin-bottom:20px}.detail .wrapper .content .item-color .phone,.detail .wrapper .content .item-version .phone{width:287px;height:50px;line-height:50px;font-size:16px;color:#333;border:1px solid #e5e5e5;-webkit-box-sizing:border-box;box-sizing:border-box;text-align:center;cursor:pointer}.detail .wrapper .content .item-color .phone span,.detail .wrapper .content .item-version .phone span{color:#666;margin-left:15px}.detail .wrapper .content .item-color .phone .color,.detail .wrapper .content .item-version .phone .color{display:inline-block;width:14px;height:14px;background-color:#666}.detail .wrapper .content .item-color .phone.checked,.detail .wrapper .content .item-version .phone.checked{border:1px solid #f60;color:#f60}.detail .wrapper .content .item-total{height:108px;background:#fafafa;padding:24px 33px 29px 30px;font-size:14px;margin-top:50px;margin-bottom:30px;-webkit-box-sizing:border-box;box-sizing:border-box}.detail .wrapper .content .item-total .phone-total{font-size:24px;color:#f60;margin-top:18px}.detail .price-info{background-color:#f3f3f3;height:340px}.detail .price-info h2{font-size:24px;color:#333;padding-top:38px;margin-bottom:30px}.detail .detail-section{width:100%;background-color:#fff;padding:40px 0}.detail .detail-section .detail-content{width:1226px;margin:0 auto}.detail .detail-section .detail-content img{width:100%;max-width:100%;height:auto;display:block;margin:0 auto}.detail .price-info-section{background-color:#f3f3f3;padding:40px 0}.detail .price-info-section h2{font-size:24px;color:#333;margin-bottom:30px;text-align:center}.detail .price-info-section .desc img{max-width:100%;height:auto;display:block;margin:0 auto}.detail .comment-section{background-color:#fff;padding:40px 0}.detail .comment-section h2{font-size:24px;color:#333;margin-bottom:30px;text-align:center}.detail .comment-section .comment-statistics{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;gap:60px;margin-bottom:30px;padding:20px;background-color:#fafafa;border-radius:4px}.detail .comment-section .comment-statistics .stat-item{text-align:center}.detail .comment-section .comment-statistics .stat-item .label{display:block;font-size:14px;color:#999;margin-bottom:8px}.detail .comment-section .comment-statistics .stat-item .value{display:block;font-size:24px;color:#333;font-weight:700}.detail .comment-section .comment-statistics .stat-item .value.good-rate{color:#ff6700}.detail .comment-section .comment-tabs{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;gap:15px;margin-bottom:30px;padding-bottom:20px;border-bottom:1px solid #e5e5e5}.detail .comment-section .comment-tabs .tab-primary{display:-webkit-box;display:-ms-flexbox;display:flex;gap:10px}.detail .comment-section .comment-tabs .tab-primary span{padding:8px 20px;font-size:14px;color:#666;background-color:#f5f5f5;border-radius:20px;cursor:pointer;-webkit-transition:all .3s;transition:all .3s}.detail .comment-section .comment-tabs .tab-primary span:hover{color:#ff6700}.detail .comment-section .comment-tabs .tab-primary span.active{color:#ff6700;background-color:#fff0e8}.detail .comment-section .comment-tabs .tab-secondary,.detail .comment-section .comment-tabs .tab-secondary .filter-checkbox{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center}.detail .comment-section .comment-tabs .tab-secondary .filter-checkbox{gap:8px;cursor:pointer}.detail .comment-section .comment-tabs .tab-secondary .filter-checkbox input[type=checkbox]{width:16px;height:16px;cursor:pointer}.detail .comment-section .comment-tabs .tab-secondary .filter-checkbox span{font-size:14px;color:#666}.detail .comment-section .comment-list .no-comment{text-align:center;padding:40px 0;color:#999}.detail .comment-section .comment-list .comment-item{padding:20px 0;border-bottom:1px solid #e5e5e5}.detail .comment-section .comment-list .comment-item:last-child{border-bottom:none}.detail .comment-section .comment-list .comment-item .comment-header{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;gap:12px;margin-bottom:12px}.detail .comment-section .comment-list .comment-item .comment-header .avatar{width:40px;height:40px;border-radius:50%;-o-object-fit:cover;object-fit:cover}.detail .comment-section .comment-list .comment-item .comment-header .username{font-size:14px;color:#333;font-weight:500}.detail .comment-section .comment-list .comment-item .comment-header .stars{display:-webkit-box;display:-ms-flexbox;display:flex;gap:2px}.detail .comment-section .comment-list .comment-item .comment-header .stars .star-icon{font-size:14px;color:#e0e0e0}.detail .comment-section .comment-list .comment-item .comment-header .stars .star-icon.active{color:#ff6700}.detail .comment-section .comment-list .comment-item .comment-header .time{margin-left:auto;font-size:12px;color:#999}.detail .comment-section .comment-list .comment-item .comment-content{margin-bottom:12px}.detail .comment-section .comment-list .comment-item .comment-content p{font-size:14px;color:#333;line-height:1.6}.detail .comment-section .comment-list .comment-item .comment-images{display:-webkit-box;display:-ms-flexbox;display:flex;gap:10px;margin-bottom:12px;-ms-flex-wrap:wrap;flex-wrap:wrap}.detail .comment-section .comment-list .comment-item .comment-images .comment-img{width:80px;height:80px;-o-object-fit:cover;object-fit:cover;border-radius:4px;cursor:pointer;-webkit-transition:-webkit-transform .3s;transition:-webkit-transform .3s;transition:transform .3s;transition:transform .3s,-webkit-transform .3s}.detail .comment-section .comment-list .comment-item .comment-images .comment-img:hover{-webkit-transform:scale(1.05);transform:scale(1.05)}.detail .comment-section .comment-list .comment-item .comment-attr{font-size:12px;color:#999}.detail .comment-section .comment-list .comment-item .comment-attr span{background-color:#f5f5f5;padding:4px 8px;border-radius:2px}.detail .comment-section .pagination{margin-top:30px;text-align:center}