/* 侧边栏 */
html, body{
   min-width: 1820px;
}
/* 布局组件 - 公共容器样式 */
.price-container {
    min-height:calc(100% - 218px) ;
    width: 100%;
    min-width: 1820px;
    font-size: 0;
    /* padding: 0 0 120px; */
    overflow: hidden;
    position: relative;
    /* display: flex; */
}

/* 侧边栏样式 */
.price-sidebar {
    width: 256px;
    padding-left: 16px;
    padding-right: 16px;
    box-sizing: border-box;
    height: 100vh;
    /* height: calc(100% - 148px); */
    background: #fff;
    padding-top: 32px;
    position: fixed;
    top:70px;
    left:0;
    z-index: 9;
    border-right: 1px solid rgba(23,23,23,0.05);
    padding-bottom: 120px;
}
.fixed-height{
   height: calc(100vh - 218px);
}

.sidebar-item {
    display: block;
    width: 224px;
    padding: 18px 13px;
    font-family: 'Roboto-Regular';
    font-size: 14px;
    color: #181818;
    box-sizing: border-box;
}
.sidebar-item.active {
    background: #FFEEE8;
    color: #FF6933;
    border-radius: 6px;
}
.sidebar-icon {
    margin-right: 8px;
}
.sidebar-item.active {
    background: #FFEEE8;
    color: #FF6933;
}
.sidebar-item span{
   vertical-align: middle;
}
.sidebar-item:hover span{
   color: #FF6933;
}
.nav-icon {
   background: url('./../img/price/icon_1_a.png') no-repeat center center;
   display: inline-block;
   width: 20px;
   height: 20px;
   vertical-align: middle;
   margin-right: 8px;
}
.nav-icon_2{
   background: url('./../img/price/icon_2_a.png') no-repeat center center;
}
.nav-icon_3{
   background: url('./../img/price/icon_3_a.png') no-repeat center center;
}
.sidebar-item:hover .nav-icon_1,
.sidebar-item.active .nav-icon_1{
   background: url('./../img/price/icon_1_h.png') no-repeat center center;
}
.sidebar-item:hover .nav-icon_2,
.sidebar-item.active .nav-icon_2{
   background: url('./../img/price/icon_2_h.png') no-repeat center center;
}
.sidebar-item:hover .nav-icon_3,
.sidebar-item.active .nav-icon_3{
   background: url('./../img/price/icon_3_h.png') no-repeat center center;
}
/* 主内容区样式 */
.price-wrapper {
    width: calc(100% - 256px);
    box-sizing: border-box;
    margin-top: 32px;
    /* margin-left: 256px; */
    padding: 0 112px 120px 112px;
    position: relative;

}
.price-content{
   width: 1440px;
    margin: 0 auto;
    min-height: calc(100% - 218px);
}
.price-header {
   width: 100%;
   height: 180px;
   background-size: cover;
   border-radius: 8px;
   padding: 56px 52px;
   box-sizing: border-box;
}

.price-header h1,
.price-header h2,
.price-header p {
   color: #FFFFFF;
   font-size: 16px;
   line-height: 24px;
}

.price-header h1 {
   font-family: 'PingFang SC-Semibold';
   font-weight: 600;
   font-size: 32px;
   line-height: 32px;
   margin-bottom: 12px;
}

.price-header h2 {
   font-size: 20px;
   line-height: 20px;
   margin-bottom: 12px;
}

@media screen and (max-width: 1820px) {
   .fixed-height{
      height: calc(100vh - 233px);
   }
}