@define-extend qa { margin-left: 30px; padding: 0 40px 0 10px; font-size: 30px; line-height: 76px; font-weight: bold; } .online-service-page { background: #f0f0f0; .question { background: #fff; } .question-title { padding: 20px 30px; font-size: 28px; line-height: 1; color: #b0b0b0; } .question-tab { padding: 10px 30px 30px; font-size: 32px; line-height: 58px; text-align: center; color: #b0b0b0; .current { color: #444; } .line { margin: 0 32px; border-left: 1px solid #b0b0b0; } } .question-list { display: none; border-top: 1px solid #ccc; border-bottom: 1px solid #ccc; &.current { display: block; } li { font-size: 28px; line-height: 90px; a { display: block; color: #444; width: 610px; margin-left: 30px; border-bottom: 1px solid #ccc; } .iconfont { float: right; margin-right: 30px; color: #ccc; font-size: 32px; } &:last-child { a { border-bottom: none; } } &.highlight { background: #eee; } } } .connect-info { margin-top: 30px; font-size: 28px; line-height: 50px; background: #fff; border-top: 1px solid #ccc; border-bottom: 1px solid #ccc; p { margin-top: 25px; margin-left: -72px; line-height: 1.5; } .iconfont { font-size: 46px; } .icon-yoho-enter { color: #ccc; float: right; font-size: 32px; } .connect-item { position: relative; a { display: block; padding: 20px 30px 20px 94px; color: #444; } &:after { content: ""; position: absolute; right: 0; bottom: 0; width: 548px; height: 1px; background: #ccc; } &:last-child { &:after { content: none; } } &.highlight { background: #eee; } .call-time { color: #ccc; font-size: 24px; } .call-number { color: #444; } } .icon { display: inline-block; margin-right: 28px; margin-left: -70px; vertical-align: middle; } } } .online-service-detail-page { background: #f0f0f0; .qa-list { .question-item { margin-bottom: 32px; border-top: 1px solid #c8c7cc; border-bottom: 1px solid #c8c7cc; color: #444; background: #fff; &:last-child { margin-bottom: 0; } } .question { @extend qa; position: relative; color: #000; &:after { content: ""; position: absolute; left: 0; bottom: 0; width: 100%; border-top: 1px solid #c8c7cc; } } .answer { @extend qa; } } }