.container {
 margin-bottom: 100rpx;
}

.goodsimgs {
 width: 750rpx;
 height: 750rpx;
}

.goodsimgs image {
 width: 750rpx;
 height: 750rpx;
}

.service-policy {
 width: 100%;
 height: 96rpx;
 /* background: #d3b676; */
 border: 2px solid #fff;
 /* align-items: center; */
}

.goods-info {
 width: 750rpx;
 /* height: 406rpx; */
 overflow: hidden;
 background: #fff;
}

.goods-info .c {
 display: block;
 width: 718.75rpx;
 height: 100%;
 margin-left: 31.25rpx;
 padding: 38rpx 31.25rpx 38rpx 0;
 border-bottom: 1px solid #f4f4f4;
}

.goods-info .c text {
 display: block;
 width: 687.5rpx;
 text-align: center;
}

.goods-info .name {
 height: 64rpx;
 /* width: 620rpx; */
 font-size: 41rpx;
}

.goods-info .desc {
 height: 43rpx;
 margin-bottom: 30rpx;
 font-size: 24rpx;
 line-height: 36rpx;
 color: #999;
}

.goods-info .price {
 height: 50rpx;
 align-content: center;
}

.goods-info .counterPrice {
 float: left;
 padding-left: 120rpx;
 text-decoration: line-through;
 font-size: 30rpx;
 color: #999;
}

.goods-info .retailPrice {
 /* float: right; */
 padding-left: 60rpx;
 font-size: 30rpx;
 color: #a78845;
}

.goods-info .brand {
 margin-top: 23rpx;
 min-height: 40rpx;
 text-align: center;
}

.goods-info .brand text {
 display: inline-block;
 width: auto;
 padding: 2px 30rpx 2px 10.5rpx;
 line-height: 35.5rpx;
 border: 1px solid #a78845;
 font-size: 28rpx;
 color: #a78845;
 border-radius: 4px;
 background: url(http://nos.netease.com/mailpub/hxm/yanxuan-wap/p/20150730/style/img/icon-normal/detailTagArrow-18bee52dab.png) 95% center no-repeat;
 background-size: 10.75rpx 18.75rpx;
}

.section-nav {
 width: 750rpx;
 height: 108rpx;
 background: #fff;
 margin-bottom: 20rpx;
}

.section-nav .t {
 float: left;
 width: 600rpx;
 height: 108rpx;
 line-height: 108rpx;
 font-size: 29rpx;
 color: #a78845;
 margin-left: 31.25rpx;
}

.section-nav .i {
 float: right;
 width: 52rpx;
 height: 52rpx;
 margin-right: 16rpx;
 margin-top: 28rpx;
}

.section-act .t {
 float: left;
 display: flex;
 align-items: center;
 width: 600rpx;
 height: 108rpx;
 overflow: hidden;
 line-height: 108rpx;
 font-size: 29rpx;
 color: #999;
 margin-left: 31.25rpx;
}

.section-act .label {
 color: #999;
}

.section-act .tag {
 display: flex;
 align-items: center;
 padding: 0 10rpx;
 border-radius: 3px;
 height: 37rpx;
 width: auto;
 color: #a78845;
 overflow: hidden;
 border: 1px solid #a78845;
 font-size: 25rpx;
 margin: 0 10rpx;
}

.section-act .text {
 display: flex;
 align-items: center;
 height: 37rpx;
 width: auto;
 overflow: hidden;
 color: #a78845;
 font-size: 29rpx;
}

.comments {
 width: 100%;
 height: auto;
 padding-left: 30rpx;
 background: #fff;
 margin: 20rpx 0;
}

.comments .h {
 height: 102.5rpx;
 line-height: 100.5rpx;
 width: 718.75rpx;
 padding-right: 16rpx;
 border-bottom: 1px solid #d9d9d9;
}

.comments .h .t {
 display: block;
 float: left;
 width: 50%;
 font-size: 38.5rpx;
 color: #333;
}

.comments .h .i {
 display: block;
 float: right;
 width: 164rpx;
 height: 100.5rpx;
 line-height: 100.5rpx;
 background: url(http://nos.netease.com/mailpub/hxm/yanxuan-wap/p/20150730/style/img/icon-normal/address-right-990628faa7.png) right center no-repeat;
 background-size: 52rpx;
}

.comments .b {
 height: auto;
 width: 720rpx;
}

.comments .item {
 height: auto;
 width: 720rpx;
 overflow: hidden;
}

.comments .info {
 height: 127rpx;
 width: 100%;
 padding: 33rpx 0 27rpx 0;
}

.comments .user {
 float: left;
 width: auto;
 height: 67rpx;
 line-height: 67rpx;
 font-size: 0;
}

.comments .user image {
 float: left;
 width: 67rpx;
 height: 67rpx;
 margin-right: 17rpx;
 border-radius: 50%;
}

.comments .user text {
 display: inline-block;
 width: auto;
 height: 66rpx;
 overflow: hidden;
 font-size: 29rpx;
 line-height: 66rpx;
}

.comments .time {
 display: block;
 float: right;
 width: auto;
 height: 67rpx;
 line-height: 67rpx;
 color: #7f7f7f;
 font-size: 25rpx;
 margin-right: 30rpx;
}

.comments .content {
 width: 720rpx;
 padding-right: 30rpx;
 line-height: 45.8rpx;
 font-size: 29rpx;
 margin-bottom: 24rpx;
}

.comments .imgs {
 width: 720rpx;
 height: auto;
 margin-bottom: 25rpx;
}

.comments .imgs .img {
 height: 150rpx;
 width: 150rpx;
 margin-right: 28rpx;
}

.comments .spec {
 width: 720rpx;
 padding-right: 30rpx;
 line-height: 30rpx;
 font-size: 24rpx;
 color: #999;
 margin-bottom: 30rpx;
}

.goods-attr {
 width: 750rpx;
 height: auto;
 overflow: hidden;
 padding: 0 31.25rpx 25rpx 31.25rpx;
 background: #fff;
}

.goods-attr .t {
 width: 687.5rpx;
 height: 104rpx;
 line-height: 104rpx;
 font-size: 38.5rpx;
}

.goods-attr .item {
 width: 687.5rpx;
 height: 68rpx;
 padding: 11rpx 20rpx;
 margin-bottom: 11rpx;
 background: #f7f7f7;
 font-size: 38.5rpx;
}

.goods-attr .left {
 float: left;
 font-size: 25rpx;
 width: 134rpx;
 height: 45rpx;
 line-height: 45rpx;
 overflow: hidden;
 color: #999;
}

.goods-attr .right {
 float: left;
 font-size: 36.5rpx;
 margin-left: 20rpx;
 width: 480rpx;
 height: 45rpx;
 line-height: 45rpx;
 overflow: hidden;
 color: #333;
}

.detail {
 width: 750rpx;
 height: auto;
 overflow: hidden;
}

.detail image {
 width: 750rpx;
 display: block;
}

.common-problem {
 width: 750rpx;
 height: auto;
 overflow: hidden;
}

.common-problem .h {
 position: relative;
 height: 145.5rpx;
 width: 750rpx;
 padding: 56.25rpx 0;
 background: #fff;
 text-align: center;
}

.common-problem .h .line {
 display: inline-block;
 position: absolute;
 top: 72rpx;
 left: 0;
 z-index: 2;
 height: 1px;
 margin-left: 225rpx;
 width: 300rpx;
 background: #ccc;
}

.common-problem .h .title {
 display: inline-block;
 position: absolute;
 top: 56.125rpx;
 left: 0;
 z-index: 3;
 height: 33rpx;
 margin-left: 285rpx;
 width: 180rpx;
 background: #fff;
}

.common-problem .b {
 width: 750rpx;
 height: auto;
 overflow: hidden;
 padding: 0rpx 30rpx;
 background: #fff;
}

.common-problem .item {
 height: auto;
 overflow: hidden;
 padding-bottom: 25rpx;
}

.common-problem .question-box .spot {
 float: left;
 display: block;
 height: 8rpx;
 width: 8rpx;
 background: #b4282d;
 border-radius: 50%;
 margin-top: 11rpx;
}

.common-problem .question-box .question {
 float: left;
 line-height: 30rpx;
 padding-left: 8rpx;
 display: block;
 font-size: 26rpx;
 padding-bottom: 15rpx;
 color: #303030;
}

.common-problem .answer {
 line-height: 36rpx;
 padding-left: 16rpx;
 font-size: 26rpx;
 color: #787878;
}

.related-goods {
 width: 750rpx;
 height: auto;
 overflow: hidden;
 padding-bottom: 120rpx;
}

.related-goods .h {
 position: relative;
 height: 145.5rpx;
 width: 750rpx;
 padding: 56.25rpx 0;
 background: #fff;
 text-align: center;
 border-bottom: 1px solid #f4f4f4;
}

.related-goods .h .line {
 display: inline-block;
 position: absolute;
 top: 72rpx;
 left: 0;
 z-index: 2;
 height: 1px;
 margin-left: 225rpx;
 width: 300rpx;
 background: #ccc;
}

.related-goods .h .title {
 display: inline-block;
 position: absolute;
 top: 56.125rpx;
 left: 0;
 z-index: 3;
 height: 33rpx;
 margin-left: 285rpx;
 width: 180rpx;
 background: #fff;
}

.bottom-btn {
 position: fixed;
 left: 0;
 bottom: 0;
 z-index: 10;
 width: 750rpx;
 height: 100rpx;
 display: flex;
 background: #fff;
}

.bottom-btn .l {
 float: left;
 height: 100rpx;
 width: 162rpx;
 border: 1px solid #f4f4f4;
 display: flex;
 align-items: center;
 justify-content: center;
}

.bottom-btn .l.l-collect {
 border-right: none;
 border-left: none;
 text-align: center;
 width: 162rpx;
}

.bottom-btn .l.l-kefu {
 position: relative;
 height: 54rpx;
 width: 63rpx;
}

.bottom-btn .l.l-cart .box {
 position: relative;
 height: 60rpx;
 width: 60rpx;
}

.bottom-btn .l.l-cart .cart-count {
 height: 28rpx;
 width: 28rpx;
 z-index: 10;
 position: absolute;
 top: 0;
 right: 0;
 background: #a78845;
 text-align: center;
 font-size: 18rpx;
 color: #fff;
 line-height: 28rpx;
 border-radius: 50%;
}

.bottom-btn .l.l-cart .icon {
 position: absolute;
 top: 10rpx;
 left: 0;
}

.bottom-btn .l.l-kefu .kefu-count {
 height: 28rpx;
 width: 28rpx;
 z-index: 10;
 position: absolute;
 top: 0;
 right: 0;
 /* background: #b4282d; */
 text-align: center;
 font-size: 18rpx;
 color: #fff;
 line-height: 28rpx;
 border-radius: 50%;
}

.bottom-btn .l.l-kefu .icon {
 position: absolute;
 top: 10rpx;
 left: 0;
}

.bottom-btn .l .icon {
 display: block;
 height: 44rpx;
 width: 44rpx;
}

.bottom-btn .c {
 border: 1px solid #a78845;
 background: #a78845;
 float: left;
 height: 100rpx;
 line-height: 96rpx;
 flex: 1;
 text-align: center;
 color: #fff;
}

.bottom-btn .r {
 border: 1px solid #d3bd8f;
 background: #d3bd8f;
 float: left;
 height: 100rpx;
 line-height: 96rpx;
 flex: 1;
 text-align: center;
 color: #fff;
}

.bottom-btn .n {
 border: 1px solid #d3bd8f;
 background: #d3bd8f;
 float: left;
 height: 100rpx;
 line-height: 96rpx;
 flex: 1;
 text-align: center;
 color: #fff;
}
@import "../../lib/wxParse/wxParse.wxss";

.attr-pop-box {
 width: 100%;
 height: 100%;
 position: fixed;
 background: rgba(0, 0, 0, 0.5);
 z-index: 8;
 bottom: 0;
 /* display: none; */
}

.attr-pop {
 width: 100%;
 height: auto;
 max-height: 780rpx;
 padding: 31.25rpx;
 background: #fff;
 position: fixed;
 z-index: 9;
 bottom: 100rpx;
}

.attr-pop .close {
 position: absolute;
 width: 48rpx;
 height: 48rpx;
 right: 31.25rpx;
 overflow: hidden;
 top: 31.25rpx;
}

.attr-pop .close .icon {
 width: 48rpx;
 height: 48rpx;
}

.attr-pop .img-info {
 width: 687.5rpx;
 height: 177rpx;
 overflow: hidden;
 margin-bottom: 41.5rpx;
}

.attr-pop .img {
 float: left;
 height: 177rpx;
 width: 177rpx;
 background: #f4f4f4;
 margin-right: 31.25rpx;
}

.attr-pop .info {
 float: left;
 height: 177rpx;
 display: flex;
 align-items: center;
}

.attr-pop .p {
 font-size: 33rpx;
 color: #333;
 height: 33rpx;
 line-height: 33rpx;
 margin-bottom: 10rpx;
}

.attr-pop .a {
 font-size: 29rpx;
 color: #333;
 height: 40rpx;
 line-height: 40rpx;
}

.spec-con {
 width: 100%;
 height: auto;
 overflow: hidden;
}

.spec-con .name {
 height: 32rpx;
 margin-bottom: 22rpx;
 font-size: 29rpx;
 color: #333;
}

.spec-con .values {
 height: auto;
 margin-bottom: 31.25rpx;
 font-size: 0;
}

.spec-con .value {
 display: inline-block;
 height: 62rpx;
 padding: 0 35rpx;
 line-height: 56rpx;
 text-align: center;
 margin-right: 25rpx;
 margin-bottom: 16.5rpx;
 border: 1px solid #333;
 font-size: 25rpx;
 color: #333;
}

.spec-con .value.disable {
 border: 1px solid #ccc;
 color: #ccc;
}

.spec-con .value.selected {
 border: 1px solid #b4282d;
 color: #b4282d;
}

.number-item .selnum {
 width: 322rpx;
 height: 71rpx;
 border: 1px solid #ccc;
 display: flex;
}

.number-item .cut {
 width: 93.75rpx;
 height: 100%;
 text-align: center;
 line-height: 65rpx;
}

.number-item .number {
 flex: 1;
 height: 100%;
 text-align: center;
 line-height: 68.75rpx;
 border-left: 1px solid #ccc;
 border-right: 1px solid #ccc;
 float: left;
}

.number-item .add {
 width: 93.75rpx;
 height: 100%;
 text-align: center;
 line-height: 65rpx;
}

.contact {
 height: 100rpx;
 width: 100rpx;
 background-color: #008000;
 border-radius: 100%;
 position: fixed;
 bottom: 150rpx;
 right: 20rpx;
 display: flex;
 align-items: center;
 justify-content: center;
 z-index: 9;
 flex-direction: column;
 /*line-height: 100rpx;
  text-align: center;
  padding-top: 26rpx;*/
 font-size: 20rpx;
 color: #008000;
 box-sizing: border-box;
 background: url("https://litemall.oss-cn-shenzhen.aliyuncs.com/kefu.png") no-repeat center 21rpx;
 background-size: 55rpx auto;
}

.contact .name {
 font-size: 32rpx;
 max-width: 80rpx;
 color: #fff;
 text-align: center;
}
