@import '../common/variable';
html.pc{
    .c-a037{
        padding: @padding_pc_1 0;
        background: rgb(246,246,246);
    }
    .c-a037__tabtitle{
        cursor: pointer;
        font-size: 18px;
        color: #888888;
        display: inline-block;
    }
    .c-a037__tabtitle--active{
        color: #353535;
    }
    .c-a037__tabitem{
        display: inline-block;
        padding: 0 20px;
    }
//  .c-a037__tabitem--left{
//      padding-right: 20px;
//  }
//  .c-a037__tabitem--right{
//      padding-left: 20px;
//  }
    .c-a037__frame{
        margin-top: 0px;
    }
    .c-a037__list{
        width: (370px+20)*3;
    }
    .c-a037__item{
        margin-top: 20px;
        margin-right: 20px;
        background: white;
        height: 375px;
        width: 370px;
        padding-bottom: 16px;
    }
    .c-a037__video{
        iframe{
            width: 370px;
            height: 370px*450/800;    
        }
    }
    .c-a037__title{
        padding: 10px;
        height: 70px;
        font-size: 20px;
        line-height: 30px;
        color: #353535;
    }
    .c-a037__type{
        font-size: 14px;
        color: #888888;
        padding-left: 10px;
    }
}
//还没有对应的移动端样式
html.mobile{
    .c-a037{
        padding: @padding_mobile_1 0;
        background: rgb(246,246,246);        
    }
    .c-a037__tabtitle{
        font-size: 0.3rem;
        color: #888888;
        padding-bottom: 0.12rem;
        border-bottom: 4px solid rgb(246,246,246);
        display: inline-block;
    }
    .c-a037__tabtitle--active{
        color: #353535;
        border-bottom: 4px solid #353535;
    }
    .c-a037__tabitem{
        display: inline-block;
        padding: 0 0.3rem;       
    }
//  .c-a037__tabitem--left{
//      padding-right: 0.3rem;
//  }
//  .c-a037__tabitem--right{
//      padding-left: 0.3rem;
//  }    
    .c-a037__item{
        margin-top: 0.2rem;
        background: white;
        height: 4.94rem+1.6;
        width: 6.9rem;
        padding-bottom: 0.2rem;
    }
    .c-a037__video{
        iframe{
            width: 6.9rem;
            height: 6.9rem*450/800;    
        }
    }
    .c-a037__title{
        padding: 0.05rem 0.2rem;
        height: 0.95rem;
        font-size: 0.3rem;
        line-height: 0.4rem;
        color: #353535;
    }
    .c-a037__type{
        font-size: 0.22rem;
        color: #888888;
        padding-left: 0.18rem;
    }    
}