|
|
.goods-comments-page{
|
|
|
.goods-comments{
|
|
|
.comment-item{
|
|
|
border: 1px solid $borderC;
|
|
|
padding: 0 pxToRem(28px);
|
|
|
.user-name{
|
|
|
font-size: pxToRem(24px);
|
|
|
line-height: pxToRem(62px);
|
|
|
color:$mainFontC;
|
|
|
}
|
|
|
.goods-spec,
|
|
|
.comment-time{
|
|
|
font-size: pxToRem(24px);
|
|
|
line-height: pxToRem(62px);
|
|
|
}
|
|
|
.detail-content{
|
|
|
font-size: pxToRem(24px);
|
|
|
line-height: pxToRem(62px);
|
|
|
color:$mainFontC;
|
|
|
}
|
|
|
.goods-spec,
|
|
|
.comment-time{
|
|
|
font-size: pxToRem(24px);
|
|
|
line-height: pxToRem(62px);
|
|
|
}
|
|
|
.detail-content{
|
|
|
font-size: pxToRem(28px);
|
|
|
line-height: pxToRem(36px);
|
|
|
}
|
|
|
.goods-spec,
|
|
|
.detail-content{
|
|
|
color:$mainFontC;
|
|
|
}
|
|
|
.comment-time{
|
|
|
color:#c1c1c1;
|
|
|
}
|
|
|
}
|
|
|
}
|
|
|
.goods-comments-page {
|
|
|
.goods-comments {
|
|
|
.comment-item {
|
|
|
border: 1px solid $borderC;
|
|
|
padding: 0 pxToRem(28px);
|
|
|
.user-name {
|
|
|
font-size: pxToRem(24px);
|
|
|
line-height: pxToRem(62px);
|
|
|
color: $mainFontC;
|
|
|
}
|
|
|
.goods-spec,
|
|
|
.comment-time {
|
|
|
font-size: pxToRem(24px);
|
|
|
line-height: pxToRem(62px);
|
|
|
}
|
|
|
.detail-content {
|
|
|
font-size: pxToRem(24px);
|
|
|
line-height: pxToRem(62px);
|
|
|
color: $mainFontC;
|
|
|
}
|
|
|
.goods-spec,
|
|
|
.comment-time {
|
|
|
font-size: pxToRem(24px);
|
|
|
line-height: pxToRem(62px);
|
|
|
}
|
|
|
.detail-content {
|
|
|
font-size: pxToRem(28px);
|
|
|
line-height: pxToRem(36px);
|
|
|
}
|
|
|
.goods-spec,
|
|
|
.detail-content {
|
|
|
color: $mainFontC;
|
|
|
}
|
|
|
.comment-time {
|
|
|
color: #c1c1c1;
|
|
|
}
|
|
|
}
|
|
|
}
|
|
|
}
|
|
|
|
|
|
.goods-consults-page{
|
|
|
.goto-consult{
|
|
|
padding: 0 pxToRem(28px);
|
|
|
height: pxToRem(120px);
|
|
|
background-color: #ffffff;
|
|
|
i,span{
|
|
|
line-height: pxToRem(120px);
|
|
|
font-size: pxToRem(28px);
|
|
|
color:$mainFontC;
|
|
|
}
|
|
|
.consult-logo{
|
|
|
padding-right: pxToRem(15px);
|
|
|
}
|
|
|
.enter-consult-page{
|
|
|
float: right;
|
|
|
color:$subFontC;
|
|
|
}
|
|
|
}
|
|
|
.goods-consults{
|
|
|
.consult-item{
|
|
|
padding: pxToRem(20px) pxToRem(28px);
|
|
|
background-color: #fff;
|
|
|
.question{
|
|
|
font-size: pxToRem(24px);
|
|
|
color:$mainFontC;
|
|
|
span{
|
|
|
display: block;
|
|
|
float: left;
|
|
|
font-size: inherit;
|
|
|
padding-right: pxToRem(15px);
|
|
|
}
|
|
|
p{
|
|
|
overflow: hidden;
|
|
|
padding-bottom: pxToRem(15px);
|
|
|
border-bottom: 1px solid $borderC;
|
|
|
}
|
|
|
}
|
|
|
.time{
|
|
|
font-size: pxToRem(22px);
|
|
|
color:$subFontC;
|
|
|
}
|
|
|
.answer{
|
|
|
font-size: pxToRem(24px);
|
|
|
line-height: pxToRem(36px);
|
|
|
color:$subFontC;
|
|
|
margin-top: pxToRem(14px);
|
|
|
span{
|
|
|
display: block;
|
|
|
float: left;
|
|
|
font-size: inherit;
|
|
|
color:$mainFontC;
|
|
|
padding-right: pxToRem(15px);
|
|
|
}
|
|
|
p{
|
|
|
overflow: hidden;
|
|
|
}
|
|
|
}
|
|
|
}
|
|
|
}
|
|
|
.goods-consults-page {
|
|
|
.goto-consult {
|
|
|
padding: 0 pxToRem(28px);
|
|
|
height: pxToRem(120px);
|
|
|
background-color: #ffffff;
|
|
|
i,
|
|
|
span {
|
|
|
line-height: pxToRem(120px);
|
|
|
font-size: pxToRem(28px);
|
|
|
color: $mainFontC;
|
|
|
}
|
|
|
.consult-logo {
|
|
|
padding-right: pxToRem(15px);
|
|
|
}
|
|
|
.enter-consult-page {
|
|
|
float: right;
|
|
|
color: $subFontC;
|
|
|
}
|
|
|
}
|
|
|
.goods-consults {
|
|
|
.consult-item {
|
|
|
padding: pxToRem(20px) pxToRem(28px);
|
|
|
background-color: #fff;
|
|
|
.question {
|
|
|
font-size: pxToRem(24px);
|
|
|
color: $mainFontC;
|
|
|
span {
|
|
|
display: block;
|
|
|
float: left;
|
|
|
font-size: inherit;
|
|
|
padding-right: pxToRem(15px);
|
|
|
}
|
|
|
p {
|
|
|
overflow: hidden;
|
|
|
padding-bottom: pxToRem(15px);
|
|
|
border-bottom: 1px solid $borderC;
|
|
|
}
|
|
|
}
|
|
|
.time {
|
|
|
font-size: pxToRem(22px);
|
|
|
color: $subFontC;
|
|
|
}
|
|
|
.answer {
|
|
|
font-size: pxToRem(24px);
|
|
|
line-height: pxToRem(36px);
|
|
|
color: $subFontC;
|
|
|
margin-top: pxToRem(14px);
|
|
|
span {
|
|
|
display: block;
|
|
|
float: left;
|
|
|
font-size: inherit;
|
|
|
color: $mainFontC;
|
|
|
padding-right: pxToRem(15px);
|
|
|
}
|
|
|
p {
|
|
|
overflow: hidden;
|
|
|
}
|
|
|
}
|
|
|
}
|
|
|
}
|
|
|
.gap-block {
|
|
|
min-height: 30rem/$pxConvertRem;
|
|
|
background-color: #f0f0f0;
|
|
|
}
|
|
|
}
|
|
|
|
|
|
.gap-block{
|
|
|
min-height: 30rem/$pxConvertRem;
|
|
|
background-color: #f0f0f0;
|
|
|
}
|
|
|
.consult-form-page {
|
|
|
padding: pxToRem(28px);
|
|
|
text-align: center;
|
|
|
textarea {
|
|
|
box-sizing: border-box;
|
|
|
width: 100%;
|
|
|
height: pxToRem(400px);
|
|
|
font-size: pxToRem(28px);
|
|
|
padding: pxToRem(10px);
|
|
|
color: $mainFontC;
|
|
|
}
|
|
|
a {
|
|
|
display: inline-block;
|
|
|
height: pxToRem(80px);
|
|
|
width: pxToRem(360px);
|
|
|
color: #fff;
|
|
|
background-color: #444;
|
|
|
font-size: pxToRem(40px);
|
|
|
line-height: pxToRem(80px);
|
|
|
text-align: center;
|
|
|
margin-top: pxToRem(20px);
|
|
|
}
|
|
|
}
|
|
|
|
|
|
.consult-form-page{
|
|
|
padding: pxToRem(28px);
|
|
|
text-align: center;
|
|
|
textarea{
|
|
|
box-sizing:border-box;
|
|
|
width: 100%;
|
|
|
height: pxToRem(400px);
|
|
|
font-size: pxToRem(28px);
|
|
|
padding:pxToRem(10px);
|
|
|
color:$mainFontC;
|
|
|
}
|
|
|
a{
|
|
|
display: inline-block;
|
|
|
height: pxToRem(80px);
|
|
|
width: pxToRem(360px);
|
|
|
color: #fff;
|
|
|
background-color: #444;
|
|
|
font-size: pxToRem(40px);
|
|
|
line-height: pxToRem(80px);
|
|
|
text-align: center;
|
|
|
margin-top: pxToRem(20px);
|
|
|
}
|
|
|
} |
|
|
\ No newline at end of file |
|
|
.goods-detail-page {
|
|
|
.feedback-list {
|
|
|
padding-top: pxToRem(30px);
|
|
|
background-color: #f0f0f0;
|
|
|
.nav-tab {
|
|
|
width: 100%;
|
|
|
}
|
|
|
.nav-tab {
|
|
|
height: pxToRem(60px);
|
|
|
padding: pxToRem(10px) 0;
|
|
|
background-color: #fff;
|
|
|
border-top: 1px solid $borderC;
|
|
|
border-bottom: 1px solid $borderC;
|
|
|
}
|
|
|
.comment-nav,
|
|
|
.consult-nav {
|
|
|
box-sizing: border-box;
|
|
|
float: left;
|
|
|
width: 50%;
|
|
|
height: pxToRem(60px);
|
|
|
line-height: pxToRem(60px);
|
|
|
font-size: pxToRem(28px);
|
|
|
text-align: center;
|
|
|
color: #ccc;
|
|
|
&.focus {
|
|
|
color: #000;
|
|
|
}
|
|
|
}
|
|
|
.comment-nav {
|
|
|
border-right: 1px solid #ccc;
|
|
|
}
|
|
|
.content {
|
|
|
.content-main {
|
|
|
background-color: #fff;
|
|
|
border-bottom: 1px solid $borderC;
|
|
|
&.comment-content-main {
|
|
|
.user-name {
|
|
|
font-size: pxToRem(24px);
|
|
|
line-height: pxToRem(62px);
|
|
|
color: $mainFontC;
|
|
|
padding-left: pxToRem(28px);
|
|
|
padding-right: pxToRem(18px);
|
|
|
}
|
|
|
.goods-spec,
|
|
|
.comment-time {
|
|
|
font-size: pxToRem(24px);
|
|
|
line-height: pxToRem(62px);
|
|
|
}
|
|
|
.detail-content {
|
|
|
// font-size: pxToRem(28px);
|
|
|
// line-height: pxToRem(36px);
|
|
|
font-size: pxToRem(24px);
|
|
|
line-height: pxToRem(62px);
|
|
|
color: $mainFontC;
|
|
|
padding-left: pxToRem(28px);
|
|
|
padding-right: pxToRem(18px);
|
|
|
}
|
|
|
.goods-spec,
|
|
|
.comment-time {
|
|
|
font-size: pxToRem(24px);
|
|
|
line-height: pxToRem(62px);
|
|
|
}
|
|
|
.detail-content {
|
|
|
font-size: pxToRem(28px);
|
|
|
line-height: pxToRem(36px);
|
|
|
}
|
|
|
.goods-spec,
|
|
|
.detail-content {
|
|
|
color: $mainFontC;
|
|
|
}
|
|
|
.detail-content,
|
|
|
.comment-time {
|
|
|
padding-left: pxToRem(28px);
|
|
|
}
|
|
|
.detail-content {
|
|
|
padding-right: pxToRem(28px);
|
|
|
padding-left: pxToRem(28px);
|
|
|
}
|
|
|
.detail-content {
|
|
|
padding-right: pxToRem(28px);
|
|
|
}
|
|
|
.comment-time {
|
|
|
color: #c1c1c1;
|
|
|
}
|
|
|
}
|
|
|
&.consult-content-main {
|
|
|
padding-right: pxToRem(28px);
|
|
|
padding-left: pxToRem(28px);
|
|
|
padding-top: pxToRem(20px);
|
|
|
padding-bottom: pxToRem(20px);
|
|
|
.question {
|
|
|
font-size: pxToRem(24px);
|
|
|
color: $mainFontC;
|
|
|
span {
|
|
|
display: block;
|
|
|
float: left;
|
|
|
font-size: inherit;
|
|
|
padding-right: pxToRem(15px);
|
|
|
}
|
|
|
p {
|
|
|
overflow: hidden;
|
|
|
}
|
|
|
}
|
|
|
.time {
|
|
|
font-size: pxToRem(22px);
|
|
|
color: $subFontC;
|
|
|
}
|
|
|
.answer {
|
|
|
font-size: pxToRem(24px);
|
|
|
line-height: pxToRem(36px);
|
|
|
color: $subFontC;
|
|
|
margin-top: pxToRem(14px);
|
|
|
span {
|
|
|
display: block;
|
|
|
float: left;
|
|
|
font-size: inherit;
|
|
|
color: $mainFontC;
|
|
|
padding-right: pxToRem(15px);
|
|
|
}
|
|
|
p {
|
|
|
overflow: hidden;
|
|
|
}
|
|
|
}
|
|
|
}
|
|
|
}
|
|
|
}
|
|
|
|
|
|
.comment-content-footer,
|
|
|
.consult-content-footer {
|
|
|
min-height: pxToRem(88px);
|
|
|
text-align: center;
|
|
|
background-color: #fff;
|
|
|
border-bottom: 1px solid $borderC;
|
|
|
line-height: pxToRem(88px);
|
|
|
font-size: pxToRem(28px);
|
|
|
a {
|
|
|
color: #e0e0e0;
|
|
|
.iconfont {
|
|
|
font-size: inherit;
|
|
|
}
|
|
|
}
|
|
|
}
|
|
|
|
|
|
.content.hide {
|
|
|
display: none;
|
|
|
}
|
|
|
|
|
|
.nodata {
|
|
|
height: pxToRem(88px);
|
|
|
font-size: pxToRem(28px);
|
|
|
line-height: pxToRem(88px);
|
|
|
background-color: #fff;
|
|
|
padding: 0 pxToRem(28px);
|
|
|
.go-consult {
|
|
|
float: right;
|
|
|
color: $subFontC;
|
|
|
span {
|
|
|
font-size: pxToRem(28px);
|
|
|
}
|
|
|
}
|
|
|
}
|
|
|
|
|
|
|
|
|
}
|
|
|
} |
...
|
...
|
|