.art-img{width:100%;}
.channel_header{position:relative;}
.channel_header .wrap_cover {width: 100%;top: 0;position: relative; max-height: none!important;}
.channel_header .wrap_channel{width: 100%; margin: 0 auto;display: block;height: 145px;position: absolute;bottom: 165px;}
.channel_header .wrap{width:100%; height: 47px; line-height: 47px; position: relative;}
.channel_header .cover_inner {display: block;background-color: #000;opacity: 0.4;height: 100%;position: absolute;top: 0;left: 0;width: 100%;}
.art-img{width:100%;}
.cover_image{background: url(/img/web/img_channel.jpg) no-repeat left top;    display: block;background-size: cover;height:310px;background-position: 50% 50%;}
.cover_image2{background: url(/img/web/img_channel2.jpg) no-repeat left top;    display: block;background-size: cover;height:439px;background-position: 50% 50%;}
.cover_cell{position: absolute;top: 120px;margin: 0 auto;color: #fff;width: 100%;text-align: center;}
.cover_cell a{color:#fff;}
.chtit{font-size:33px; margin-top: 20px;font-family: 나눔명조,Nanum Myeongjo,georgia,돋움; font-weight: normal;}
.chtit a{color:#fff;}

.chtxt{font-size:13px; color:#04b9c2; padding-top: 10px;}
.cover_profile{position: absolute; top:265px; margin:0 auto;  width:100%; text-align: center;}
.cover_profile img{border-radius: 88px}
.cover_profile2{position: absolute; top:275px; margin:0 auto;  width:100%; text-align: center;}
.cover_profile2 img{border-radius: 65px}
.cover_star{position:absolute; top:250px; right:50px;}
.title_profile {
        width: 39px;
    height: 39px;
    margin-right: 12px;
    display: inline-block;
    vertical-align: top;
}
.title_profile img{border-radius: 39px}
.titlewrap{    height: 40px;
    line-height: 40px;
    /* vertical-align: middle; */
    margin-top: 16px;}
.cover_social{position: absolute; top:380px; margin:0 auto;  width:100%; text-align: center;z-index: 9999;}
.cover_social a{padding:0 5px;}
.channel_boxs .channel_con{margin: 0 0.5%;width: 23.8%;border:1px solid #ececec; border-radius: 5px;  background: #fff;-webkit-box-shadow: 3px 3px 5px 0px rgba(235,235,235,1);
-moz-box-shadow: 3px 3px 5px 0px rgba(235,235,235,1);box-shadow: 3px 3px 5px 0px rgba(235,235,235,1);float:left; display: block;margin-bottom: 35px;}
.channel_boxs .channel_con:last-child{margin-right:0 !important;}
.channel_boxs .channel_con img{border-radius: 5px 5px 0 0;}
.chtitle{font-size:17px; padding:20px; line-height: 28px; height: 80px !important;}
.chtitle a{
   overflow: hidden;
text-overflow: ellipsis;
display: -webkit-box;
-webkit-box-orient: vertical;
-webkit-line-clamp: 2;
    word-break: keep-all;
}


.chtitle a:hover{color:#2bbec6;}
.chtitle2{font-size:22px; padding:20px; line-height: 30px;}
.chtitle2 a{color:#383737; }
.chtitle2 a:hover{color:#2bbec6;}
.chtitle .c_name a{display: inline; font-size:13px; color:#a5a5a5}
.channel_boxs{ display: block;
    clear: both;
    overflow: hidden;
    width: 100%; margin-bottom: 20px;   }
.channel_contents{background: #fbfcfd;overflow: hidden; width:100%; }
.channel_contents .wrap{overflow: hidden;padding-top: 30px;width: 1300px; margin:0 auto;}
.channel_contents2{background: #fbfcfd;overflow: hidden; width:100%; padding-top:25px;}
.channel_contents2 .wrap{width:730px; margin:0 auto;overflow: hidden;}
.channel_contents3{background: #fbfcfd;overflow: hidden; width:100%; }
.channel_contents3 .channel_boxs .bk_con img{border-radius: 5px;}
.channel_contents3 .wrap{width:750px; margin:0 auto;overflow: hidden;padding-top:30px;}
.channel_contents4{background: #fbfcfd;overflow: hidden; width:100%;padding-top:30px;}
.channel_contents4 .wrap{width:970px; margin:0 auto;overflow: hidden;}
.channel_con a:hover{color:#2bbec6;}
.channel_top{width: 100%;
    clear: both;
        padding-bottom: 15px;
    line-height: 50px;
    margin-bottom: 30px;
    font-size: 17px;
    overflow:hidden;
    display: block;}
.channel_top .art_no{padding-left:300px;}
.channel_top .art_bt{padding-right:300px;}
.channel_bottom{
    margin-bottom: 30px;
    background: rgba(0, 0, 0, 0) url(/img/web/bg_row.gif) repeat-x scroll 50% 50%;
    clear: both;
    display: block;
    height: 40px;
    overflow: hidden;
    /* padding: 40px 0; */
    position: relative;}
.channel_bottom button{position: absolute;
    width: 9%;
    margin-left: 45.5%; height:40px;
}
.channel_bottom2{
    margin-bottom: 10px;
    background: rgba(0, 0, 0, 0) url(/img/web/bg_row.gif) repeat-x scroll 50% 50%;
    clear: both;
    display: block;
    height: 40px;
    overflow: hidden;
   padding: 20px 0;
    position: relative;width:100%; }
.channel_bottom2 button{    position: absolute;
    width: 14%;
    margin-left: 43%;
    height: 40px;
}
.channel_bottom3{
    margin-bottom: 10px;
    background: rgba(0, 0, 0, 0) url(/img/web/bg_row.gif) repeat-x scroll 50% 50%;
    clear: both;
    display: block;
    height: 40px;
    overflow: hidden;
  
    position: relative;width:100%; }
.channel_bottom3 button{    position: absolute;
    width: 14%;
    margin-left: 43%;
    height: 40px;
}

#life .channel_boxs .channel_con {
    margin: 0 1%;
    width: 31.4%;
    border: 1px solid #ececec;
    border-radius: 5px;
    background: #fff;
    -webkit-box-shadow: 3px 3px 5px 0px rgba(235,235,235,1);
    -moz-box-shadow: 3px 3px 5px 0px rgba(235,235,235,1);
    box-shadow: 3px 3px 5px 0px rgba(235,235,235,1);
    float: left;
    display: block;
    margin-bottom: 30px;
}
.cover_top{position: absolute; top:0; left:0; width:100%;}
.cover_top .channel_logo{position: absolute; left:30px; top:30px; z-index: 9999;}
.channel_logo2{position: absolute; left:30px; top:13px; width:32px; float:left;}
.channel_search{position: absolute; right:90px; top:27px; z-index: 9999;}
.channel_menu{position: absolute; right:30px; top:30px; z-index: 9997;}
.channel_search2{position: absolute; right:90px; top:11px;}
.channel_menu2{position: absolute; right:30px; top:13px;}
.channel_title{color:#dedede; font-size:17px; position: absolute; top:32px; left:100px; z-index:9999;}
.channel_title a{color:#dedede; font-size:17px; }
.channel_title2{color:#5a5a5a; font-size:17px; position: absolute; top:0; left:76px;}
.channel_tit{font-size:19px; text-align: center; width:100%; margin-bottom: 30px;}
.chdate{color:#cacaca; font-size:13px; padding-left:10px; padding-top: 5px;display: inline-block;}
.channel_cont .channel_photo{float:left; margin-right: 20px;}
.chname{font-size:13px; padding-left:10px;  }
.channel_cont .like{font-weight: bold;padding-left: 4px;}
.chname a{color:#ccc; }
.cheditor{padding-top:20px;}
.cheditor a{font-size:16px;}
.channel_cont{border-bottom:1px solid #ebeef3; overflow:hidden; display: block; padding: 20px 0;width:100%;}
.channel_cont:first-child{padding-top:0 !important;}
.channel_detail_box{ width:100%; overflow:hidden;display: block; margin:20px 0; line-height: 20px;}
.channel_detail{width:50%;}
.channel_profile {float:left; margin-right: 20px; padding-left: 1%; }
.channel_profile img{border-radius: 50px;}
.delivery{padding-right:20px;}
.delivery_top{padding-top:15px;}
.chinfo{font-size: 16px;}
.channel_category{overflow:hidden; display: block; width:100%;  margin-bottom: 30px;padding-bottom: 20px;}
.channel_category a{font-size:17px; color:#a7a7a7;}
.channel_category .current{color:#2bbec6;}
.channel_category a:hover{color:#2bbec6;}
.channel_category li{padding-right: 30px;float: left;padding-bottom: 10px;}
.channel_category li:last-child{padding-right:0 !important;}




.channel_boxs .bk_con{position: relative; width:173px; float:left; font-size:17px; margin-right:19px;}
.channel_boxs .bk_con:last-child{margin-right:0 !important;}
.channel_boxs .bk_con .chn_tit{text-align: center; position: absolute; top:70px; color:#fff; width:100%; line-height: 28px; z-index:2;}
.channel_boxs .bk_con .chn_tit a{color:#fff;}
.channel_boxs .bk_con .chn_bar img{    position: absolute;
    top: 145px;
    margin: 0 auto;
    width: 100%;
    height: 1px;
    width: 15%;
    text-align: center;
    /* left: 15%; */
    z-index: 2;
    display: block;
    margin-left: 42.5%;}
.channel_boxs .chn_reply{position: absolute;top:165px; margin:0 auto;width:100%; text-align: center; color:#fff;  z-index:2;}
.channel_boxs .shadow {    border-radius: 5px;
    clear: both;
    width: 100%;
    height: 100%;
    display: block;
    position: absolute;
    bottom: 0;
    left: 0;
    z-index: 1;
    background-color: #000;
    opacity: 0.3;
}
.c_title{font-size:20px; padding-bottom:10px;color:#2bbec6;}
.checkno{color:#a5a5a5; font-size:12px; padding-top: 3px;}
.srch2{    position: absolute;
    top: 20px;
    right: 85px;    z-index: 999;
    background: #fff; border-radius: 40px;}
.srch2 span {
   display: inline-block;
    height: 40px;
    line-height: 40px;
    overflow: hidden;
    padding: 0 0 0 10px;
    vertical-align: middle;
    width: 494px;
    padding-left: 30px;
}
.srch2 img {
    float: right;
    padding: 6px 20px 0;
}
.srch2 span input {
    border: 0 none;
    float: left;
    height: 40px;
    line-height: 40px;
    width: 420px;
    font-size: 14px;
}

.srch3{   position: absolute;
    top: 8px;
    right: 85px;
    z-index: 999;
    background: #fff;
    border-radius: 20px;
    border: 1px solid #2bbec6;
    height: 30px;}
.srch3 span {
   display: inline-block;
    height: 30px;
    line-height: 30px;
    overflow: hidden;
    padding: 0 0 0 10px;

    width: 465px;
    padding-left: 20px;
}
.srch3 img {
    float: right;
    padding: 3px 15px 0 0;

}
.srch3 span input {
    border: 0 none;
    float: left;
    height: 40px;
    line-height: 40px;
    width: 420px;
    font-size: 14px;
}