body{margin:0 auto;background-color: #fff;}
.fl{float: left}
.fr{float: right}
.clear{clear:both;}
.clearfix:after {content: "."; display: block; height:0; clear:both; visibility: hidden;}
.clearfix { *zoom:1; }
.content img{max-width:100%;}
.content .lt{overflow:hidden;}
/*杂志封面样式*/
.c_content{width:1100px;font-size:16px;margin:0 auto;}
.c_content .pub_title{margin-top:10px;width:100%;height:32px; line-height: 32px; background:url("../image/title_bg.gif") repeat-x;}
.c_content .pub_title span{background:url("../image/title_front.gif") no-repeat;display:block;float:left;height:31px;width:20px;}
.c_content .pub_title p{font-size:16px;}
.c_content .c_book{float:left;width:310px;padding:20px 0;margin-top:20px;background:url("../image/c_book_back.png") no-repeat;}
.c_content .c_book img{margin:14px;}
.c_content .c_book .get_more{margin-left:14px;color:#fff;background:#ee262a;text-align:center;}
.c_content .c_book p{width:105px;float:right;}
.c_content .catlog{background:#f5f5f5;margin-top:20px;width:768px;float:right;}
.c_content .qk_list{width:363px;float:left;margin:20px 20px 10px 0;}
.c_content .catlog .qk_tit{text-align:center;font-size:26px;font-weight:bold;margin:20px 0 20px 0px;}
.c_content .catlog .zt span{margin:5px 10px 0 10px;width:23px;height:23px;background:#000;display:block;float:left;}
.c_content .catlog .zt a{font-size:20px;font-weight:bold; line-height: 34px;}
.c_content .catlog .zt_art{margin-top:15px;margin-right:10px;}
.c_content .catlog .tit{text-align:right;font-weight:bold;font-size:16px;margin:18px 0 10px 0px;line-height: 1.5em;}
.c_content .catlog .sub_tit{width:100%;text-align:right;font-size:15px;float:right;}
.c_content .catlog .auther{float:right;margin-top:5px;}
/*内容*/
.content{font-size:16px;margint:0 auto;}
/*目录页面*/
.content .pub_title{margin-top:10px;width:100%;height:32px; line-height: 32px; background:url("../image/title_bg.gif") repeat-x;}
.content .pub_title span{background:url("../image/title_front.gif") no-repeat;display:block;float:left;height:31px;width:20px;}
.content .pub_title p{font-size:16px;}
.content .c_book{float:left;width:310px;height:450px;margin-top:20px;background:url("../image/c_book_back.png") no-repeat;}
.content .c_book img{margin:14px;}
.content .c_book .get_more{float:left;margin-left:14px;display:inline-block;height:22px;width:65px;line-height:22px;color:#fff;background:#ee262a;font-size:12px;text-align:center;}
.content .c_book p{width:105px;float:right;}
.content .catlog{background:#f5f5f5;margin-top:20px;width:768px;float:right;}
.content .qk_list{width:363px;float:left;margin:20px 20px 10px 0;}
.content .catlog .qk_tit{text-align:center;font-size:26px;font-weight:bold;margin:20px 0 20px 0px;}
.content .catlog .zt span{margin:5px 10px 0 10px;width:23px;height:23px;background:#000;display:block;float:left;}
.content .catlog .zt a{font-size:20px;font-weight:bold; line-height: 34px;}
.content .catlog .zt_art{margin-top:15px;margin-right:10px;}
.content .catlog .tit{text-align:right;font-weight:bold;font-size:16px;margin:18px 0 10px 0px;line-height: 1.5em;}
.content .catlog .sub_tit{width:100%;text-align:right;font-size:15px;float:right;}
.content .catlog .auther{float:right;margin-top:5px;}

/*往期期刊*/
.j_search{background:#F1F1F1;height:60px;line-height:60px;margin-top:20px;}
.j_search .j_y_search{width:200px;float:left;}
.j_search .j_y_search .qishu{height:30px;width:70px;}
.j_search .j_y_search .cz{height:30px;width:60px;background:#ee262a;border:none;font-size:15px;color:#fff;cursor:pointer;font-weight:bold;}
.j_search .j_y_search span{font-size:15px;}

.j_search .j_y_y{float:left;background:#f1f1f1;}
.j_search .j_y_y span{display:inline;}
.j_search .j_y_y li{float:left;font-size:15px;height:40px;padding:10px 8px;text-align:center;line-height:40px;}
.book_list{margin-top:20px;}
.book_list ul{background:none repeat scroll 0 0 #F1F1F1;display:inline-block;margin-bottom:35px;padding-bottom:28px;width: 100%;}
.book_list li{background:#E6E6E6;border:1px solid #D3D3D3;float:left;height:320px;margin:25px 0 0 60px;width:210px;}
.book_list li img{width:156px;height:200px;margin:25px 0 0 26px;}
.book_list li .info{margin:10px 0 0;text-align:center;}
.book_list li .ckml{background:#EE262A;display:inline-block;font-size:15px;margin:12px 0 0 66px;padding:6px 10px;}
.book_list li .ckml a{color:#fff;}
.redyear {color:#ee262a;font-size:16px;font-weight:bold;}


/*书画家--封面页*/
.p_content{width:1050px;font-size:16px;margin:0 auto;}
.p_content .artist_left{width: 673px;float: left;margin-top: 35px;}
.p_content .artist_left .left_banner{height: 345px;width: 665px;}
.p_content .artist_left .art_tit{margin-bottom:10px;height:40px;margin-top:10px;background: url(../image/left_tit.png) no-repeat scroll 0 0;}
.p_content .artist_left .art_tit h2{color: #fff;display: inline-block;font-size: 18px;font-weight: bold;line-height: 38px;padding-left: 34px;}
.p_content .artist_left .art_tit a{display: inline-block;float: right;margin-right: 20px;line-height: 38px;color: #8d8d8d;}
.p_content .artist_left .art_tit a:hover{color: #ee262a;}
.p_content .artist_left .artist_list ul li{width: 335px;float: left;margin: 10px 0;}
.p_content .artist_left .artist_list ul li img{height:182px;width:145px;display: inline-block;float: left;}
.p_content .artist_left .artist_list ul li .artist_name{font-size: 23px;font-weight: bold;margin-left: 15px;display: inline-block;}
.p_content .artist_left .artist_list ul li .artist_des{font-size:13px;color: #4d4d4d;display: inline-block;float: left;margin-left: 15px;margin-top: 10px;width: 162px;}
.p_content .artist_left .artist_list ul li .get_detail{color: #ee262a;display: block;float: left;margin: 5px 0 0 15px;}

.p_content .artist_right{width: 308px;float: right;margin-top: 35px;}
.p_content .artist_right .art_tit{margin-bottom:10px;height:40px;background: url(../image/right_tit.png) no-repeat scroll 0 0;}
.p_content .artist_right .art_tit h2{color: #fff;display: inline-block;font-size: 18px;font-weight: bold;line-height: 38px;padding-left: 26px;}
.p_content .artist_right .art_tit a{display: inline-block;float: right;margin-right: 8px;line-height: 38px;color: #8d8d8d;}
.p_content .artist_right .art_tit a:hover{color: #ee262a;}
.p_content .artist_right .workshow li{height:240px;position: relative;}
.p_content .artist_right .mshl li{height: 295px;position: relative;}
.p_content .artist_right .mshl li .info{
    position: absolute;
    bottom: 15px;
    width: 100%;
    height: 42px;
    filter:alpha(opacity=65);
    background: #000;
    color: #fff;
    display:none;
    text-align: center;
    font-size: 15px;
    font-weight: bold;
    line-height: 40px;
    opacity: 0.65;
    overflow: hidden;
    padding-top: 0px;
    margin-top: 0px;
    padding-bottom:0px;
    margin-bottom: 0px;
}

.p_content .artist_right .mshl li .info a{color: #fff;}

/*艺术家列表页*/
.artist_left .list_01 ul li{width: 100%;}
.artist_left .list_01 ul li img{display: block;float: left;}
.artist_left .list_01 ul li .artist_name{display: block;width: 500px;float: left;}
.artist_left .list_01 ul li .artist_des{display: block;width: 300px;}


/*书画频道banner*/


/* 作品展示 */
.picScroll-top{ margin:0 auto;  width:100%;  overflow:hidden; position:relative;   }
.picScroll-top .hd{ overflow:hidden;  height:30px; background:#f4f4f4; padding:0 10px;  }
.picScroll-top .hd .prev,.picScroll-top .hd .next{ display:block;  width:9px; height:5px; float:right; margin-right:5px; margin-top:10px;  overflow:hidden;cursor:pointer; background:url("../art/images/arrow.png") 0 -100px no-repeat;}
.picScroll-top .hd .next{ background-position:0 -140px;  }
.picScroll-top .hd .prevStop{ background-position:-60px -100px;  }
.picScroll-top .hd .nextStop{ background-position:-60px -140px;  }
.picScroll-top .hd ul{ float:right; overflow:hidden; zoom:1; margin-top:10px; zoom:1; }
.picScroll-top .hd ul li{ float:left;  width:9px; height:9px; overflow:hidden; margin-right:5px; text-indent:-999px; cursor:pointer; background:url("../art/images/icoCircle.gif") 0 -9px no-repeat; }
.picScroll-top .hd ul li.on{ background-position:0 0; }
.picScroll-top .bd{  }
.picScroll-top .bd ul{ overflow:hidden; zoom:1; }
.picScroll-top .bd ul li{ text-align:center; zoom:1; }
.picScroll-top .bd ul li .pic{ text-align:center; }
.picScroll-top .bd ul li .pic img{ width:300px; height:200px; display:block;  padding:2px; border:1px solid #ccc; }
.picScroll-top .bd ul li .pic a:hover img{ border-color:#999;  }
.picScroll-top .bd ul li .title{ line-height:24px; }

/*展览会*/
.artist_left .left_artist{width: 100%;clear:both;}
.artist_left .left_artist .about_show{font-size: 15px;line-height: 30px;text-indent: 30px;}

.artist_left .left_artist .the_show{height: 280px;margin-top: 20px;}
.artist_left .left_artist .the_show img{display: block;float: left;height: 266px;width: 188px;margin-right: 10px;}
.artist_left .left_artist .the_show .show_name{margin-bottom:10px;font-size: 20px;color: #ee262a;display: block;float: left;width: 470px;}
.artist_left .left_artist .the_show .period{display: block;float: left;width: 470px;}
.artist_left .left_artist .the_show span{margin-bottom: 5px;}
.artist_left .left_artist .the_show .place{width: 470px;display: block;float: left;}
.artist_left .left_artist .the_show .show_detail{line-height:24px;width: 470px;display: block;float: left;}
.artist_left .left_artist .the_show a{margin-top:10px;display: block;width: 120px;color:#EE262A;float: left;}

.artist_left .left_artist .show_list{width: 670px;}
.artist_left .left_artist .show_list img{width: 125px;height: 175px;}
.artist_left .left_artist .show_list li{float:left;width: 134px;}
.artist_left .left_artist .show_list_tit{text-align: center;width: 90%;display: inline-block;line-height: 24px;}

.showitem{width:500px;display:block;margin:5px 0 0 15px;float:left;color: #4d4d4d;}

/* 分页样式 */
.pagination {
    display: inline-block;
    padding-left: 0;
    margin: 20px 0;
    border-radius: 4px; }
.pagination > li {
    display: inline; }
.pagination > li > a,
.pagination > li > span {
    position: relative;
    float: left;
    padding: 6px 12px;
    line-height: 1.42857;
    text-decoration: none;
    color: #337ab7;
    background-color: #fff;
    border: 1px solid #ddd;
    margin-left: -1px; }
.pagination > li:first-child > a,
.pagination > li:first-child > span {
    margin-left: 0;
    border-bottom-left-radius: 4px;
    border-top-left-radius: 4px; }
.pagination > li:last-child > a,
.pagination > li:last-child > span {
    border-bottom-right-radius: 4px;
    border-top-right-radius: 4px; }
.pagination > li > a:hover, .pagination > li > a:focus,
.pagination > li > span:hover,
.pagination > li > span:focus {
    z-index: 2;
    color: #23527c;
    background-color: #eeeeee;
    border-color: #ddd; }
.pagination > .active > a, .pagination > .active > a:hover, .pagination > .active > a:focus,
.pagination > .active > span,
.pagination > .active > span:hover,
.pagination > .active > span:focus {
    z-index: 3;
    color: #fff;
    background-color: #337ab7;
    border-color: #337ab7;
    cursor: default; }
/* 追加*/
:root{
    --max-width: 1100px;
    --phone: 768px;
    --gap: 15px;
    --red: #ee262a;
}
/* 0. 公共重置，手机端先让盒子自动缩放 */
@media (max-width: 768px){
    html,body{overflow-x:hidden;}
    .p_content{width:100%;padding:0 var(--gap);box-sizing:border-box;}
}

/* 1. 顶部轮播图自适应 */
@media (max-width: 768px){
    .p_content .artist_left{float:none;width:100%;margin-top:20px;}
    /* 让轮播图宽度 100%，高度自适应 */
    .slideBox img{width:100%;height:auto;}
}

/* 2. 书画大师列表（左栏） */
@media (max-width: 768px){
    .p_content .artist_left .artist_list ul li{
        display: flex;               /* 关键：弹性布局 */
        align-items: flex-start;     /* 顶部对齐（图片高度自适应） */
        gap: 10px;                   /* 图片与文字间距，可改 */
    }
    .p_content .artist_left .artist_list ul li img{
        width: 145px;                /* 原尺寸，手机端可改 110px */
        height: auto;                /* 高度自适应 */
        display: block;
        flex-shrink: 0;              /* 防止被压缩 */
    }
    /* 文字区域纵向排布 */
    .artist_list ul li .artist_info{
        display: flex;
        flex-direction: column;      /* 垂直方向 */
        flex: 1;                     /* 占剩余宽度 */
    }
    .p_content .artist_left .artist_list ul li .artist_name,
    .p_content .artist_left .artist_list ul li .artist_des,
    .p_content .artist_left .artist_list ul li .get_detail{
        display: block;
        width: 100%;
        line-height: 1.5em;
    }
    .p_content .artist_left .artist_list ul li .artist_name{
        font-size: 18px;
    }
}

/* 3. 名师画廊（右栏） */
@media (max-width: 768px){
    /* 每行 2 张图，自适应宽度 */
.p_content .artist_right{width:100%;margin-top:20px;}
.p_content .artist_right .art_tit{margin-bottom:10px;height:40px;background: url(../image/left_tit.png) no-repeat scroll 0 0;}
.p_content .artist_right .mshl ul{display:flex;flex-wrap:wrap;margin:20px auto;}
.p_content .artist_right .mshl li{
        width:calc(50% - 10px);
        height:auto;
        margin:5px;
    }
    .p_content .mshl li img{width:100%;height:auto;display:block;}
    /* 悬停浮层保持可用 */
    .p_content .artist_right .mshl li .info{
        display: block;
        width: 100%;
        height: 32px;
        filter:alpha(opacity=65);
        background: #000;
        color: #fff;
        text-align: center;
        font-size: 14px;
        font-weight: normal;
        line-height: 32px;
        opacity: 0.65;
        overflow: hidden;
        z-index: 99;
        position: absolute;
        bottom: 10px;
    }
}