@import '../common/variable';
html.pc {
    .c-a030__container {
        padding-top: 44px;
        padding-bottom: 65px;
    }
    .c-a030__imgbox {
        float: left;
        img {
            height: 36px;
        }
    }
    .c-a030__mobileimg{
        display: none;
    }
    .c-a030__outbody {
        float: left;
        width: 864px;
    }
    .c_c {
        text-align: center;
    }
    .c-a030__qrcodebox {
        float: right;
        margin-top: 39px;
        img {
            width: 126px;
            //float: right;
        }
        .c-a030__title {
            display: none;
        }
        .c-a002__title1 {
            display: block;
            margin-top: 39px;
            font-size: 20px;
            color: #353535;
        }
    }
    .c-a030__title {
        margin-top: 39px;
        font-size: 20px;
        color: #353535;
    }
    .c-a030__content {
        margin-top: 26px;
        * {
            font-size: 16px;
            color: #353535;
        }
    }
    .c-a030__content--blue {
        * {
            color: @theme_color_less;
        }
    }
    .c-a030__item{
        margin-top: 26px;
        .c-a030__title,
        .c-a030__content{
            margin-top: 0;
            font-size: 16px;
            display: inline-block;
        }        
    }
    .c-a030__item--2,
    .c-a030__item--3 {
        margin-top: 10px;
        .c-a030__title,
        .c-a030__content{
            margin-top: 0;
        }
    }
    .c-a030__footer {
        background: #353535;
        height: 60px;
        padding-top: 23px;
    }
    .c-a030__copyright {
        float: left;
        width: 600px;
        * {
            color: #B2B2B2;
            font-size: 14px;
        }
        a {
            color: #B2B2B2;
            font-size: 14px;
            text-decoration: none;
        }
    }
    .c-a030__other {
        float: right;
    }
    .c-a030__rule {
        float: left;
        a {
            color: #B2B2B2;
            font-size: 14px;
        }
    }
    .c-a030__private {
        float: left;
        margin-left: 43px;
        a {
            color: #B2B2B2;
            font-size: 14px;
        }
    }
    .c-a030__body,
    .c-a030__about{
        float: left;
        width: 50%;
    }
    .c-a030__content--about{
        width: 351px;
    }
    .c-a030__buttomlogo{
        position: absolute;
        right: 270px;
        width: 60px;
        z-index: 1;
    }
}

html.mobile {
    .c-a030__title--new{
//      display: none;
    }
    .c-a030 {
        border-top: 1px solid #DCDCDC;
    }
    .c-a030__container {
        padding-top: 0.44rem;
        padding-bottom: 0.6rem;
    }
    .c-a030__imgbox {
        display: none;
        float: left;
        img {
            height: 0.6rem;
        }
    }
    .c-a030__mobileimg{
        img{
            max-width: 100%;
        }
    }    
//  .c-a030__exhibit {
//      float: left;
//      margin-left: 0.5rem;
//      padding-top: 0.04rem;
//      img {
//          width: 1.72rem;
//      }
//  }
    .c_c {
    }
    .c-a030__title1 {
        display: none;
    }
    .c-a030__title {
        margin-top: 0.6rem;
        font-size: 0.3rem;
        color: #353535;
        font-weight: bold;
    }
    .c-a030__content {
        margin-top: 0.2rem;
        font-size: 0.26rem;
        color: #353535;
    }
    .c-a030__qrcode {
        margin-top: 0.2rem;
        img {
            width: 2.66rem;
        }
    }
    .c-a030__footer {
        background: #353535;
        padding: 0.3rem;
    }
    .c-a030__copyright {
        color: white;
        font-size: 0.18rem;
    }
    .c-a030__other {
        margin-top: 0.2rem;
    }
    .c-a030__rule {
        float: left;
        a {
            color: white;
            font-size: 0.18rem;
            text-decoration: underline;
        }
    }
    .c-a030__private {
        float: left;
        margin-left: 0.42rem;
        a {
            color: white;
            font-size: 0.18rem;
            text-decoration: underline;
        }
    }
    .c-a030__buttomlogo{
        // position: absolute;
        // left: 3.2rem;
        width: 0.7rem;
        z-index: 1;
        // top: 0.85rem;
    }    
}