/* 以下样式不用修改 开始*/
    /* 无需修改 */
    .nav_menustyle_2_2
    {
        /* padding-left:4px; */
        width: 82vw !important;
        box-sizing: border-box;
        margin: 0 auto;
        background: #FFFFFF !important;
        border-top: 1px solid #E8E8E8;
        padding: 12px 0;}
    
    /* 无需修改 */
    .nav_menustyle_2_2 div.menu_all_inc216604
    {
        /* padding-right:4px; */
        /* background:url(/system/resource/images/nav/blue2level/menu_right.gif) no-repeat right top; */
        width: 100%;}
    
    /* 无需修改 */
    .nav_menustyle_2_2 div.menu_allc216604
    {
        height:73px;
        width: 100%;}
    
    /* 无需修改 */
    .nav_menustyle_2_2 ul
    {
        padding:0;
        margin: 0;
        list-style:none;}

    /* 无需修改 */
    .nav_menustyle_2_2 div.menu1
    {
        width: 100%;}

    /* 无需修改 */
    .nav_menustyle_2_2 div.menu1 ul
    {
        width: 100%;
        display: flex;
        align-items: center;
        justify-content: flex-start;}
    
    /* 无需修改 */
    .nav_menustyle_2_2 div.menu1 ul li
    {
        height:35px;
        display: inline-block;
        padding-left: 1.32vw;}
    
    /* 无需修改 */
    .nav_menustyle_2_2 div.menu1 ul li.menu_line
    {
        width: 1.32vw;}
    
    /* 无需修改 */
    .nav_menustyle_2_2 div.menu1 ul li a
    {
        /* float:left;
        padding-left:6px; */
        height:35px;
        display:block;
        text-decoration:none;
        display: inline-flex;
        align-items: center;
        justify-content: center;}
    
    /* 无需修改 */
    .nav_menustyle_2_2 div.menu1 ul li a span
    {
        /* float:left; */
        /* padding:11px 14px 10px 10px; */
        cursor:pointer;
        word-break:break-all;}
    
    /* 无需修改 */
    .nav_menustyle_2_2 div.menu1 ul li a.nav_on
    {}
    
    /* 无需修改 */
    .nav_menustyle_2_2 div.menu1 ul li a.nav_on span
    {}
    
    /* 无需修改 */
    .nav_menustyle_2_2 div.menu2
    {
        clear:both;
        padding:0px;
        margin:0px;
        text-align:left;
        padding-left:1.32vw;}
    
    /* 无需修改 */
    .nav_menustyle_2_2 div.menu2 div
    {
        height:22px;
        padding-top:6px;
        display:none;}
    
    /* 无需修改 */
    .nav_menustyle_2_2 div.menu2 div.nav_welcome
    {
        display:block;
        padding:0px;
        padding-top:6px;
        padding-left:3px;}
    
    /* 无需修改 */
    .nav_menustyle_2_2 div.menu2 div.nav_on
    {
        display:block;}

    /* 无需修改 */
    .nav_menustyle_2_2 div.menu2 ul
    {
        width: 100%;
        display: flex;
        align-items: center;}
    
    /* 无需修改 */
    .nav_menustyle_2_2 div.menu2 ul li
    {
        height:22px;}
    
    /* 无需修改 */
    .nav_menustyle_2_2 div.menu2 ul li.menu_line
    {
        /* background:url(/system/resource/images/nav/blue2level/menu_line2.gif) no-repeat center top; */
        width:0.88vw;}
    
    /* 无需修改 */
    .nav_menustyle_2_2 div.menu2 li a
    {
        display:block;
        /* float:left; */
        cursor:pointer;
        /* padding-left:3px; */
        text-decoration:none;}
    
    /* 无需修改 */
    .nav_menustyle_2_2 div.menu2 li a span
    {}
    
    /* 无需修改 */
    .nav_menustyle_2_2 div.menu2 li a:hover
    {}
    
    /* 无需修改 */
    .nav_menustyle_2_2 div.menu2 li a:hover span
    {}
/* 以上样式不用修改 结束*/

.nav_menustyle_2_2
{
    width:82vw !important;}

.nav_menustyle_2_2 div.menu1 ul
{}

/* 设置一级导航未选中的字体样式 */
.nav_menustyle_2_2 div.menu1 ul li a span
{
    font-size:22px;     /* 字体大小 */
    line-height:22px;   /* 行高,与字体大小相同 */
    color: #42464E;}

/* 设置一级导航选中的字体样式 */
.nav_menustyle_2_2 div.menu1 ul li a.nav_on span
{
    /* color:#333333;      选中字体颜色 */
    font-weight:bold;}

/* 设置二级导航未选中的字体样式 */
.nav_menustyle_2_2 div.menu2 li a span
{
    font-size:16px;     /* 字体大小 */
    line-height:16px;   /* 行高,与字体大小相同 */
    color:#999999;}

/* 设置二级导航选中的字体样式 */
.nav_menustyle_2_2 div.menu2 li a.nav_on span
{
    font-weight:bold;}

/* 设置二级导航鼠标经过时的字体样式 */
.nav_menustyle_2_2 div.menu2 li a:hover span
{
    color:#666666;      /*选中字体颜色*/
    font-weight: bold;}

/* 设置二级导航中欢迎行(无子栏目时出现)的字体样式 */
.nav_menustyle_2_2 div.menu2 div.nav_welcome
{
    font-size:16px;     /* 字体大小 */
    line-height:16px;   /* 行高,与字体大小相同 */
    color:#999999;}

/*需要更具实际情况调整的*/
/*图片显示大小*/
/*整个组件表格样式*/ 
.nav_changeimg_1  
{  
    list-style:none; 
    margin:0 auto 24px;
    padding:0;
    background:#000000;
    width: 80vw;}
/*大图区样式*/ 
.nav_changeimg_1 div.bigmvfc  
{  
   width: 80vw; /*大图显示宽度*/ 
   height: 30vw;} 
/*图片显示层样式*/ 
.nav_changeimg_1 div.bigbimg  
{
   width: 80vw; /*大图显示宽度*/ 
   height: 30vw;} 
/*大图样式*/ 
.nav_changeimg_1 IMG.bigimg 
{ 
    border:none;/*没有边框*/ 
    width: 80vw; /*大图显示宽度*/ 
    height: 30vw;} 
/*标题区样式*/ 
.nav_changeimg_1 div.mvfc1  
{ 
    left: 0px; /*标题滤镜区显示位置x*/ 
    top: 188px; /*标题滤镜区显示位置y(需要根据打图显示的高度进行调整)*/ 
    width: 80vw; /*标题滤镜区宽度(一般要和大图显示宽度一致)*/ 
    height: 30px;} 
/*真正的文字显示区域*/ 
.nav_changeimg_1 div.con  
{ 
    padding-right: 12px;/*距离右边距的大小(相对于滤镜区域)*/  
    padding-left: 12px; /*距离左边距的大小(相对于滤镜区域)*/ 
    padding-top: 8px; /*距离顶部距的大小(相对于滤镜区域)*/ 
    padding-bottom: 0px;  /*距离底部距的大小(相对于滤镜区域)*/ 
    left: 0px; /*显示位置x*/ 
    top: 0px;  /*显示位置y(需要根据打图显示的高度进行调整)*/    
    width: 275px; /*显示区宽度*/ 
    height: 24px; /*显示区高度*/ 
    color: #fff; /*显示颜色*/ 
    line-height: 20px; /*行高*/ 
    text-align: left;} 
/*文字链接样式*/ 
.nav_changeimg_1 a.hreftitle 
{ 
    color:#FFFFFF;/*文字颜色*/ 
    text-decoration:none;} 
/*小图区层样式*/ 
.nav_changeimg_1 div.simg  
{  
    width: 80vw; /*小图显示区宽度(需要根据小图和显示的数量进行调整)*/ 
    height: 11vw;} 
/*小图区的整个表格样式*/ 
.nav_changeimg_1 ul.smallul
{ 
    width:100%;/*表格宽度(需要根据小图和显示的数量进行调整)*/ 
    border:none; /*表格边框*/
    list-style:none; 
    margin:0;
    padding:0;
    display: flex;
    align-items: center;
    justify-content: space-between;} 
/*一张小图站占的表格宽度*/ 
.nav_changeimg_1 li.smallli 
{ 
    text-align:center;
    margin:0;
    padding:0;} 
/*获得焦点的小图样式*/ 
.nav_changeimg_1 IMG.f1  
{ 
    border: #00FF80 3px solid;/*获得焦点的小图边框色*/ 
    /* width:60px;小图显示宽度  */
    width: 100%;
    flex: 1;
    height:11vw;/*小图显示高度*/ 
    box-sizing: border-box;} 
/*没有获得焦点的小图样式*/ 
.nav_changeimg_1 IMG.f2  
{ 
    border: #373737 3px solid; /*小图边框色*/ 
    filter: alpha(opacity=80);/*透明程度*/ 
    /* width:60px;小图显示宽度  */
    width: 100%;
    flex: 1;
    height:11vw;/*小图显示高度*/ 
    box-sizing: border-box;}
/*需要更具实际情况调整结束*/

/*大图区样式，修改大图区显示的大小*/ 
/*不需要改变的*/ 
.nav_changeimg_1 div.bigmvfc  
{  
    overflow: hidden;/*设置层中的图片如果超过层的大小则隐藏不显示多余部分*/ 
    position: relative;} 
.nav_changeimg_1 div.bigbimg  
{ 
    filter: progid:DXImageTransform.Microsoft.Fade ( duration=0.5,overlap=1.0 );} 
.nav_changeimg_1 div.mvfc1  
{ 
    filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='http://mat1.qq.com/musictop2/09imgindex/imgindex/tbg1.png', sizingMethod='scale');  
    background-image: url(http://mat1.qq.com/musictop2/09imgindex/imgindex/tbg1.png)! important;  
    position: absolute;} 
.nav_changeimg_1 div.con  
{ 
    filter: dropshadow(color=#000000,offx=1,offy=1);  
    position: absolute;} 
.nav_changeimg_1 div.simg  
{  
    margin: 0px;  
    overflow: hidden;   
    cursor: pointer;} 
.nav_changeimg_1 div.dis  
{ 
    display: block;} 
.nav_changeimg_1 div.undis  
{ 
    display: none;} 
/*不需要改变结束*/