*
{
padding: 0;
margin: 0;
box-sizing: border-box;
font-family: ' ';
}
ul li
{
list-style: none;
}
a
{
text-decoration: none;
}
a:hover
{
text-decoration: none;
}
img
{
vertical-align: top;
outline-width: 0;
}
@media only screen and (min-width: 996px)
{
.selected_color
{
background-color: var(--main-color)!important;
color: var(--main-color-white)!important;
}
.left_inside
{
max-width: 1200px;
display: flex;
flex-wrap: wrap;
justify-content: space-between;
margin: 0 auto;
padding-bottom: 30px;
}
.left_inside_left
{
width: 250px;
}
.left_inside_right
{
flex: 1;
padding-left: 40px;
}
.left_inside_left strong
{
height: 60px;
padding-left: 20px;
background-color: var(--main-color);
display: block;
width: 100%;
line-height: 60px;
color: var(--main-color-white);
font-weight: normal;
font-size: 20px;
}
.left_inside_left ul li a
{
display: block;
height: 40px;
margin-top: 3px;
line-height: 40px;
padding-left: 20px;
font-size: 14px;
color: var(--main-color-fontColor);
background-color: #eee;
}
.left_inside_left ul li a:hover
{
background-color: var(--main-color);
color: var(--main-color-white);
}
.left_inside_right_top
{
font-size: 24px;
color: var(--main-color);
position: relative;
padding-bottom: 15px;
border-bottom: 1px solid #ededed;
}
.left_inside_right_top::after
{
position: absolute;
width: 90px;
height: 2px;
content: '';
bottom: -1px;
left: 0;
background-color: var(--main-color);
}
.left_inside_right_con
{
padding: 20px 0;
}
.left_inside_right_con .title
{
display: none;
}
}
@media only screen and (max-width: 996px)
{
.selected_color
{
background-color: var(--main-color)!important;
color: var(--main-color-white)!important;
}
.left_inside
{
width: 100%;
padding: 30px 15px;
display: flex;
flex-wrap: wrap;
justify-content: space-between;
margin: 0 auto;
}
.left_inside_left
{
width: 100%;
position: sticky;
top: 60px;
background-color: var(--main-color-white);
z-index: 80;
}
.left_inside_right
{
width: 100%;
margin-top: 30px;
}
.left_inside_left strong
{
height: 60px;
padding-left: 20px;
background-color: var(--main-color);
display: block;
width: 100%;
line-height: 60px;
color: var(--main-color-white);
font-weight: normal;
font-size: 20px;
}
.left_inside_left ul li a
{
display: block;
height: 40px;
margin-top: 3px;
line-height: 40px;
padding-left: 20px;
font-size: 14px;
color: var(--main-color-fontColor);
background-color: #eee;
}
.left_inside_left ul li a:hover
{
background-color: var(--main-color);
color: var(--main-color-white);
}
.left_inside_right_top
{
font-size: 24px;
color: var(--main-color);
position: relative;
padding-bottom: 15px;
border-bottom: 1px solid #ededed;
}
.left_inside_right_top::after
{
position: absolute;
width: 90px;
height: 2px;
content: '';
bottom: -1px;
left: 0;
background-color: var(--main-color);
}
.left_inside_right_con
{
padding: 20px 0;
}
}