#root { > .breadcrumbs { margin-top: 32px; padding: 0 25px; } > .main { margin-top: 15px; padding: 0 25px; @leftWidth: 200px; > .left { width: @leftWidth; > .productCateList { margin-bottom: 20px; } > .contactUs { margin-bottom: 10px; } } > .right { width: calc(100% - @leftWidth - 30px); > .profile { @leftWidth: 380px; margin-bottom: 5px; > .left { width: 380px; } > .right { width: calc(100% - @leftWidth - 50px); > .title { line-height: 25px; padding-bottom: 10px; border-bottom: 1px dashed #ddd; margin-bottom: 10px; color: #666; font-size: 15px; font-weight: 700; } > .description { line-height: 25px; font-size: 14px; color: #8d9095; } > .inquiry-anchor { margin-top: 10px; > a { display: inline-block; text-align: center; width: 110px; line-height: 31px; border-radius: 5px; background-color: #006b47; color: white; font-size: 14px; } } > .attach-file { margin-top: 16px; >button { width: 141px; line-height: 45px; padding: 0 16px; text-align: left; font-family: Microsoft Yahei, Helvetica,Arial,Verdana,sans-serif; font-size: 14px; border: none; background-color: transparent; background-repeat: no-repeat, no-repeat; background-image: var(--back-2), var(--back-1); background-position: right, left; } } } } >.share { margin-bottom: 20px; } > .detail-caption { padding-top: 20px; border-top: 1px dashed #ccc; margin-bottom: 15px; > span { display: inline-block; width: 150px; line-height: 39px; text-align: center; background-color: #006b47; color: white; font-size: 14px; } } > .content { overflow-x: auto; } > .inquiry { padding: 0 12% 0 8%; } } } }