@import '../common/variable';
html.pc {
    .c008_1_ul {
        padding-left: 0;
        // margin-bottom: 20px;
    }
    .bg-green {
        background-color: @theme_color_less;
        color: #F6F6F6;
    }
    .bg-f6 {
        // background-color: #F6F6F6;
    }
      
    .c008_1_li {
        position: relative;
        display: block;
        border-bottom: 1px dotted;
        padding: 10px 15px;
        // margin-bottom: -10px;
        text-align: center;
    }
    .big-div{ 
        width: 100%; 
        padding: 0 0 20px; 
        overflow: hidden
    }
    .wai{ 
        width: 100%; 
        padding: 20px 0 20px; 
        overflow: hidden
    }
    .divleft{ 
        float: left;
        padding-right: 20px; 
        width: 40%; 
        img {
            // border: 1px solid #FFFFFF;
            width: 100%;
            height: 100%;
        }
    }
    .topleft {
        float: left;
        padding-right: 20px; 
        width: 14%; 
    }
    .topright {
        float: right;
        width: 85%; 

    }
    .c-a008_1 {
        padding: @padding_pc_1 0;
    }
    .c-a008_1_share {
        padding: 0 0 20px; 
    }
    .c-a008_1__timeicon,
    .c-a008_1__time,
    .c-a008_1__viewicon,
    .c-a008_1__view {
        color: #B2B2B2;
        font-size: 16px;
    }
    .c-a008_1__time {
        margin-left: 8px;
    }
    .c-a008_1__viewicon {
        margin-left: 30px;
    }
    .c-a008_1__view {
        margin-left: 8px;
    }
    .c-a008_1__title {
        float: right; 
        width: 60%; 
        color: #353535;
        h1 {
            padding-bottom: 10px;
            border-bottom: 1px solid #DCDCDC;
            font-size: 22px;
            font-weight: 500;
        }
        label {
            display: inline-block;  
            width: 80px;
            text-align: right;
            padding: 10px 0; 
        }
    }
    .p10t {
        padding-top: 20px;
    }
    .tab-content {
        label {
            display: inline-block;  
            width: 100px;
            text-align: right;
            padding: 2px 0; 
        }
    }
    .c-title_label {
        padding: 20px 0;
    }
    .c-a008_1__content {
        padding: 20px 0;
        img {
            max-width: 100%;
        }
        // 统一写死大小和行高，兼容旧文章，规范下，等客户反馈
        * {
            font-size: 16px;
            line-height: 2em;
        }
    }
    .c-a008_1__tool {
        padding: 30px 0;
        border-top: 1px solid #DCDCDC;
        // border-bottom: 1px solid #DCDCDC;
    }
    .c-a008_1__pagename {
        color: @theme_color_less;
        //      width: 70px;
        font-size: 16px;
    }
    .c-a008_1__pagetitle {
        color: #353535;
        font-size: 16px;
    }
    .c-a008_1__changepage {
        cursor: pointer;
        &:hover {
            * {
                text-decoration: underline;
            }
        }
    }
    .c-a008_1__nextpage {
        margin-top: 16px;
    }
    .c-a008_1__recommond {
        margin-top: 30px;
    }
    .c-a008_1__retitle {
        font-weight: 500;
        color: #353535;
        font-size: 20px;
    }
    .c-a008_1__list {
        margin-top: 8px;
    }
    .c-a008_1__item {
        // margin-top: 12px;
        a {
            color: #353535;
            font-size: 16px;
        }
    }
}

html.mobile {
    .topleft {
        display:none
    }
    // .wai{ width:100%; padding:10px; overflow:hidden}
    // .divleft{ 
    //     float: left;
    //     padding-right: 10px; 
    //     width: 40%; 
        img {
            // border: 1px solid #FFFFFF;
            width: 100%;
            height: 100%;
        }
    // }
 
    .c-a008_1 {
        padding: @padding_mobile_1 0;
    }
    .c-a008_1__timeicon,
    .c-a008_1__time,
    .c-a008_1__viewicon,
    .c-a008_1__view {
        color: #B2B2B2;
        font-size: 0.2rem;
    }
    .c-a008_1__time {
        margin-left: 0.12rem;
    }
    .c-a008_1__viewicon {
        margin-left: 0.3rem;
    }
    .c-a008_1__view {
        margin-left: 0.12rem;
    }
    .c-a008_1__title {
        color: #353535;
        margin-top: 0.16rem;
        padding-bottom: 0.2rem;
        // border-bottom: 1px solid #DCDCDC;
        h1 {
            padding-bottom: 10px;
            // border-bottom: 1px solid #DCDCDC;
            font-size: 0.34rem;
            font-weight: 500;
        }
        label {
            display: inline-block;  
            width: 70px;
            text-align: right;
            padding-top: 0.16rem;
        }
    }
    .p10t {
        padding-top: 20px;
    }
    .c-a008_1__content {
        padding: 0.2rem 0;
        img {
            max-width: 100%;
        }
		// 统一写死大小和行高，兼容旧文章，规范下，等客户反馈
		* {
		    font-size: 16px;
		    line-height: 2em;
		}
    }
    .c-a008_1__tool {
        padding: 0.3rem 0;
        border-top: 1px solid #DCDCDC;
        // border-bottom: 1px solid #DCDCDC;
    }
    .c-a008_1__pagename {
        color: @theme_color_less;
        font-size: 0.3rem;
    }
    .c-a008_1__pagetitle {
        color: #353535;
        font-size: 0.3rem;
    }
    .c-a008_1__changepage {
        cursor: pointer;
        &:hover {
            * {
                text-decoration: underline;
            }
        }
    }
    .c-a008_1__nextpage {
        margin-top: 0.3rem;
    }
    .c-a008_1__recommond {
        margin-top: 0.6rem;
    }
    .c-a008_1__retitle {
        font-weight: 500;
        color: #353535;
        font-size: 0.3rem;
    }
    .c-a008_1__list {
    }
    .c-a008_1__item {
        margin-top: 0.3rem;
        a {
            color: #353535;
            font-size: 0.23rem;
        }
    }
}