/* 重置webkit浏览器滚动条样式 theme-white */
::-webkit-scrollbar { width: 8px; height: 8px; }
::-webkit-scrollbar-button { display: none; }
::-webkit-scrollbar-track { background: #f6f6f6; }
::-webkit-scrollbar-track-piece { background: #f6f6f6; }
::-webkit-scrollbar-thumb { background: #aaa; border-radius: 4px; border: none; }

body { background-color: #f5f5f5; }

.product-content { display: flex; margin-top: 62px; }

.pro-left { width: 262px; height: 100%; padding: 10px; box-sizing: border-box; background-color: #fff; }
.pro-left .pro-title { display: flex; align-items: center; width: 100%; height: 40px; padding: 0 10px; box-sizing: border-box; color: #fff; line-height: 40px; background-color: #333; }
.pro-left .pro-title i { display: inline-block; width: 24px; height: 24px; font-size: 14px; text-align: center; line-height: 24px; }

.pro-list { padding: 0 10px; box-sizing: border-box; }
.pro-list h2 { display: flex; width: 100%; height: 40px; margin-top: 10px; line-height: 40px; font-size: 14px; font-weight: 600; box-sizing: border-box; }
.pro-list h2 a { display: block; width: 100%; }
.pro-list h2 a:hover { background-color: rgba(186,186,186,0.1); }
.pro-list .active h2 { border: 1px #f8890c solid; }
.pro-list .active h2 i { color: #f8890c; }
.pro-list h2 i { display: inline-block; width: 40px; height: 40px; font-size: 12px; text-align: center; line-height: 40px; font-style: normal; font-weight: normal; }
.pro-list li { font-size: 12px; line-height: 28px; }
.pro-list li.active a { color: #f8890c; } 
.pro-list li a { display: inline-block; width: 100%; padding-left: 42px; box-sizing: border-box; }
.pro-list li a:hover { background-color: rgba(186,186,186,0.1); }

.pro-right { flex: 1; min-height: 1000px; padding-bottom: 100px; overflow: hidden; }

.pro-item { display: flex; flex-wrap: wrap; box-sizing: border-box; padding-left: 22px; }
.pro-item li { width: 280px; height: 255px; margin-bottom:32px; margin-right: 25px; text-align: center; background-color: #fff; }
.pro-item li a { display: block; width: 100%; height: 100%; padding: 16px; box-sizing: border-box; border: 1px #fff solid; }
.pro-item li a:hover { border: 1px #f8890c solid; }
.pro-item h6 { font-size: 14px; color: #666; font-weight: normal; }

.list-submenu { display: none; margin-left: 16px; box-sizing: border-box; }