.product{padding:0 .36rem .36rem .36rem;font-size:.336rem;color:#999;background-color:#F5F7FA}.product .title{padding-top:.48rem;font-weight:400;font-size:.432rem;color:#000000;text-align:center;position:relative}.product .title::before{content:"";width:24px;height:2px;background:#3860F4;position:absolute;bottom:-4px;left:50%;transform:translateX(-50%)}.product .cards-g{display:flex;flex-direction:column;gap:.48rem;margin-top:.576rem}.product .cards-g .card-g{background:#FFFFFF;box-shadow:0 4px 10px 1px rgba(55,99,170,0.1);border-radius:2px;border:1px solid #FFFFFF}.product .cards-g .card-g .top{padding:.48rem}.product .cards-g .card-g .top .title{font-size:.432rem;text-align:left;font-weight:bold;margin-bottom:.24rem;display:flex;align-items:center;justify-content:start;color:#333}.product .cards-g .card-g .top .title::before{content:none}.product .cards-g .card-g .top .title .tag-g{display:inline-flex;align-items:center;justify-content:center;padding:.048rem .096rem;font-size:.288rem;color:#fff;background:#409eff;border-radius:4px;line-height:16px;margin-left:5px}.product .cards-g .card-g .top .title .danger{background:#e53535}.product .cards-g .card-g .top .desc{padding:.24rem;background:#F9F9FB;font-weight:400;font-size:.288rem;color:#7A8799;margin-bottom:.48rem}.product .cards-g .card-g .top .configs{padding-top:.48rem;border-top:1px solid #F5F5F5;display:flex;flex-wrap:wrap;gap:15px}.product .cards-g .card-g .top .configs .config{flex:1 1 calc(50% - 7.5px);text-align:left}.product .cards-g .card-g .top .configs .config .label{font-weight:400;font-size:.288rem;color:#4B5B76}.product .cards-g .card-g .top .configs .config .value{margin-top:.12rem;padding:.192rem;background:#F6F6F6;border-radius:2px;font-weight:400;font-size:.336rem;color:#0C0B0B}.product .cards-g .card-g .top .price{margin-top:.288rem;font-weight:400;font-size:.336rem;color:#777777;display:flex;justify-content:start;align-items:baseline;gap:.312rem}.product .cards-g .card-g .top .price .current{color:#FD051F}.product .cards-g .card-g .top .price .current .num{font-size:.72rem}.product .cards-g .card-g .top .price .original{text-decoration-line:line-through}.product .cards-g .card-g .button-g{display:block;background:#3860F4;padding:.288rem 0 .24rem 0;text-align:center;font-weight:400;font-size:.384rem;color:#FFFFFF}.product .cards-g .card-g .button-g.blue{background:#409EFF}.product .cards-g .bg-card{padding:.432rem 0 .936rem .48rem;align-items:center;justify-content:space-between;background:#4566C9 url(../images/hd-dns/card-bg.png) top no-repeat;background-size:cover;width:100%;height:auto;color:#fff}.product .cards-g .bg-card .txt{font-weight:300;font-size:.288rem;color:#FFFFFF;text-align:left;padding-bottom:.288rem}.product .cards-g .bg-card .txt:last-child{padding-bottom:0}.product.characteristic{margin-top:.48rem;padding:.48rem .36rem 0 .36rem;background:#fff}.product.characteristic .title{padding-top:0;font-size:.384rem;position:relative;margin-bottom:.312rem}.product.characteristic .x-cards{display:flex;flex-direction:column;gap:0}.product.characteristic .x-cards .x-card{display:flex;flex-direction:row;justify-content:flex-start;align-items:center;gap:.48rem;padding:.72rem .36rem;border-bottom:2px solid #F5F5F5}.product.characteristic .x-cards .x-card:last-child{border-bottom:none}.product.characteristic .x-cards .x-card .left img{width:.96rem;height:.96rem;background-size:cover}.product.characteristic .x-cards .x-card .right .title{font-size:.384rem;margin-bottom:4px;text-align:left}.product.characteristic .x-cards .x-card .right .title::before{content:none}.product.characteristic .x-cards .x-card .right .desc{font-size:.336rem;color:#7A8799;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;overflow:hidden;text-overflow:ellipsis}