248 lines
9.4 KiB
CSS
Executable File
248 lines
9.4 KiB
CSS
Executable File
.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;}
|
|
.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{padding-left:15px; 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;
|
|
} |