.ma_bg1{

    background: #121212;

}

.ma_bg2 {

    background: #434343;

}

.ma_bg3 {

    background: #eef0f1;

}

.ma_h11{

    color: #333;

    font-size: 18px;

    line-height: 1.75;

}

.ma_h12 {

    color: #999;

    font-size: 18px;

    line-height: 1.75;

}

.ma_h13 {

    color: #fff;

    font-size: 18px;

    line-height: 1.75;

}

.ma_h21{

    color: #333;

    font-size: 16px;

    line-height: 1.75;

}

.ma_h22 {

    color: #666;

    font-size: 16px;

    line-height: 1.75;

}

.ma_h31{

    color: #333;

    font-size: 14px;

    line-height: 2;

}

.ma_h32 {

    color: #666;

    font-size: 14px;

    line-height: 2;

}

.ma_p1{

    color: #868686;

    font-size: 14px;

    line-height: 2;

}

.ma_p2 {

    color: #666;

    font-size: 14px;

    line-height: 2;

}

.ma_btn1{

    cursor: pointer;

}

.ma_btn1_p {

    color: #999;

    font-size: 14px;

    margin-right: 8px;

    transition: all 0.36s;

}

.ma_btn1_p2{

    display: none;

}

.ma_btn1.on .ma_btn1_p2 {

    display: block;

}

.ma_btn1.on .ma_btn1_p1 {

    display: none;

}

.ma_btn1_img{

    width: 16px;

    height: 16px;

    border-radius: 50%;

    text-align: center;

    line-height: 16px;

}

.ma_btn1_img img{

    width: 8px;

    transition: all 0.36s;

}

.ma_btn1.on .ma_btn1_img img {

    transform: rotate(180deg);

}





@media screen and (min-width: 1200px){

    .ma_btn1_p:hover{

        color: #333;

    }

}