@mixin consult-item { margin-top: 30px; padding: 20px 28px; background-color: #fff; border-bottom: 1px solid $borderC; border-top: 1px solid $borderC; .question { font-size: 24px; color: $mainFontC; & > span { display: block; float: left; padding-right: 15px; } p { padding-bottom: 15px; border-bottom: 1px solid $borderC; } } .time { font-size: 22px; color: $subFontC; } .answer { font-size: 24px; line-height: 36px; color: $subFontC; margin-top: 14px; span { display: block; float: left; color: $mainFontC; padding-right: 15px; } p { overflow: hidden; } } .operation { width: 120%; height: 60px; line-height: 80px; position: relative; right: 12%; border-top: 1px solid #e0e0e0; margin-top: 20px; li { &.highlight { color: $basicBtnC; } font-size: 28px; float: left; width: 50%; text-align: center; color: $subFontC; .iconfont { display: inline-block; padding-right: 5PX; font-size: inherit; } position: relative; .animate-count { display: none; position: absolute; top: 0; font-size: 20px; z-index: 5; } i.count { position: absolute; } } li.fav { .animate-count { right: 100px; } } li.useful { .animate-count { right: 88px; } } } } .goods-comments-page { .goods-comments { .comment-item { border-bottom: 1px solid $borderC; padding: 0 28px; .user-name { float: left; max-width: 9rem; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; font-size: 24px; line-height: 62px; color: $mainFontC; } .user-info { max-width: 100%; } .goods-spec { max-width: 45%; display: inline-block; overflow: hidden; height: 62px; float: left; white-space: nowrap; text-overflow: ellipsis; } .goods-size { float: left; line-height: 62px; } .comment-reply { margin-top: 15px; padding: 28px; background: #f0f0f0; box-sizing: border-box; line-height: 32px; color: #999; font-size: 26px; } .goods-spec, .comment-time { font-size: 24px; line-height: 62px; } .detail-content { font-size: 28px; line-height: 36px; } .goods-spec, .detail-content { color: $mainFontC; } .comment-time { color: #c1c1c1; } } } } .goods-consults-page { background-color: #f0f0f0; .goto-consult { width: 100%; box-sizing: border-box; padding: 0 28px; height: 120px; background-color: #fff; border-bottom: 1px solid $borderC; z-index: 10; i, span, a { line-height: 120px; font-size: 28px; color: $mainFontC; } .consult-logo { padding-right: 15px; } .enter-consult-page { float: right; color: $subFontC; } } .goods-consults { overflow: hidden; padding: 0; background: none; } .goods-consults .consult-item { @include consult-item ; margin-top: 0; margin-bottom: 15px; } .readmore { display: block; height: 88px; line-height: 88px; background-color: #fff; text-align: center; color: $subFontC; margin-top: 30px; border-top: 1px solid $borderC; border-bottom: 1px solid $borderC; font-size: 28px; i { font-size: inherit; } } .faq-title { height: 88px; line-height: 88px; text-align: center; font-size: 32px; } .goods-consults .faq-item { @include consult-item ; margin-top: 0; margin-bottom: 15px; .answer { border-bottom: none; } } } .consult-form-page { padding: 28px; text-align: center; textarea { box-sizing: border-box; width: 100%; height: 400px; font-size: 28px; padding: 10px; color: $mainFontC; } a { display: inline-block; height: 80px; width: 360px; color: #fff; background-color: #444; font-size: 40px; line-height: 80px; text-align: center; margin-top: 20px; } }