279 lines
11 KiB
CSS
Executable File
279 lines
11 KiB
CSS
Executable File
.life_left{width:760px; margin-right:28px; float:left; position: relative;display: block;}
|
|
.life_right{width:270px; float:left;}
|
|
.life_click{ padding-left: 15px; font-size:12px;color:#a5a5a5; margin: 10px 0 20px; font-weight: normal;}
|
|
.life_click span{padding-right:10px;}
|
|
.life_info a{ font-size: 13px; padding:10px 15px;width:100%; display: block; font-weight: normal; color: #888; box-sizing: border-box; line-height: 145%; overflow: hidden; text-overflow: ellipsis; white-space: nowrap;}
|
|
.life_title a{ font-size:15px; width:100%; margin-bottom: 10px; box-sizing: border-box; line-height: 150%;}
|
|
.life_title a:hover{color:#04b9c2;}
|
|
.life_box{ margin-bottom:20px; clear:both;}
|
|
.life_box2{ margin-bottom:20px; clear:both;}
|
|
.life_box3{ margin-bottom:20px; clear:both;}
|
|
.item_story{clear:both; display: block;}
|
|
.list_story{width:245px; float:left; }
|
|
.list_story li:first-child{margin-top:20px;}
|
|
.list_story2{width:265px; float:left; }
|
|
.list_story2 li:first-child{margin-top:20px;}
|
|
.list_story3{width:245px; float:left;}
|
|
.list_story3 li:first-child{margin-top:20px;}
|
|
.life_box{float:left; width:235px; margin-right: 10px; border-radius: 5px; overflow: hidden; border: 1px solid #e4e4e4; box-shadow:3px 3px 15px 0px rgba(235,235,235,1); }
|
|
.life_box2{float:left; width:235px; margin-left: 15px; margin-right: 15px; border-radius: 5px; overflow: hidden; border: 1px solid #e4e4e4; box-shadow:3px 3px 15px 0px rgba(235,235,235,1); }
|
|
.life_box3{ float: left; margin-left: 10px; width: 235px; border: 1px solid #e4e4e4; border-radius: 5px; overflow: hidden; box-shadow:3px 3px 15px 0px rgba(235,235,235,1); }
|
|
.life_box a img, .life_box2 a img, .life_box3 a img{ width: 100%;}
|
|
.item_story:after{content: ''; display: block; clear: both;}
|
|
.btn_life{clear:both; width:95%;margin: 40px 0; height:40px; line-height:40px; position: relative;}
|
|
.btn_life img{vertical-align: middle;}
|
|
.life_date{ font-size: 21px;font-weight: bold; margin-right: 20px;color: #000;}
|
|
.life_story{font-weight: bold; color:#adadad;font-size: 21px;margin-right: 10px;}
|
|
.life_click li{float:left; padding-left:15px;}
|
|
.life_click li a{color:#6f6f6f; font-size:15px;}
|
|
.life_click li a:hover{color:#2bbec6;}
|
|
.life_click .current{color:#383737;}
|
|
.life_story_cont{position:relative;}
|
|
.life_click2{font-size:13px;color:#a5a5a5; }
|
|
.life_click2 span{padding-right:10px;}
|
|
.life_click2 li{float:left; padding-left:10px;}
|
|
.life_click2 li a{color:#6f6f6f; font-size:13px; }
|
|
.life_click2 li a:hover{color:#2bbec6;}
|
|
.life_click2 .current{color:#04b9c2;}
|
|
.life_header{ height: 50px;line-height: 50px;width: 100%;display: block; }
|
|
.life_header img{padding-top:16px;}
|
|
.lifestory{background: #f8f8f8; width:270px; border:1px solid #e5e5e5; }
|
|
.lifestory_list{clear:both; width:100%;}
|
|
.lifestory_list li {padding:10px 15px;overflow: hidden; display: block; border-bottom:1px solid #e6e6e6;}
|
|
.lifestory_list li img{border-radius: 60px; width:60px; height: 60px; border:2px solid #f8f8f8;float:left; margin-right:15px;}
|
|
.lifestory_list li:hover{ background:#04b9c2;color:#fff !important; }
|
|
.lifestory_list li:hover a{color:#fff;}
|
|
.lifestory_list .life_cate a{color:#04b9c2; font-size: 14px; display: block; }
|
|
.lifestory_list .life_tit a{ font-size:13px; font-weight: normal;}
|
|
.lifestory_list li a:hover{ color:#fff;}
|
|
.lifestory_list li img:hover{border:2px solid #fff;}
|
|
.lifestory_list .current{ background:#04b9c2; color:#fff;}
|
|
.lifestory_list .current a{color:#fff;}
|
|
.life_cate{padding:5px 0;}
|
|
.life_cate a{ font-size:15px;}
|
|
.lifestory_title{font-size: 16px; padding:20px 15px 10px 15px;}
|
|
.life_tab{border: 1px solid #e5e5e5; width:90%; margin:15px auto; overflow:hidden;height: 30px; line-height: 30px;}
|
|
.life_tab li{float:left; width:50%; text-align: center;background: #fff;}
|
|
.life_tab li:hover{background:#04b9c2; color:#fff;}
|
|
.life_tab li:hover a{color:#fff;}
|
|
.life_tab .current{background:#04b9c2; color:#fff;}
|
|
.life_tab .current a{ color:#fff;}
|
|
.life_tab a{color:#888; font-size: 13px;}
|
|
.lifestory .pagenumber a.current { background: #fff;}
|
|
.life_right .banner{background: #f5f6f6; width:270px; padding:10px 0; margin-top: 20px; text-align: center; border: 1px solid #e5e5e5;}
|
|
.life_left .life_header .calander{background: #fff none repeat scroll 0 0;
|
|
border: 1px solid #eaeaeb;
|
|
left: 222px;
|
|
padding: 10px;
|
|
position: absolute;
|
|
top: 15px;
|
|
width: 220px;
|
|
z-index: 999;}
|
|
.life_left .life_header .calander td{width:37px; text-align: center; line-height: 37px;}
|
|
.life_left .life_header .calander th{width:37px;text-align: center;line-height: 37px;}
|
|
.calander .month{height: 30px; line-height: 30px; text-align: center; font-size: 18px; color:#000;}
|
|
.calander thead{background: #f7f7f7; color:#949494;}
|
|
.sunday a{color:#f24157 !important;}
|
|
.today{background:url(/img/web/img_today.png) no-repeat 50% 50%; }
|
|
.today a{color:#fff !important;}
|
|
.calander a:hover{color:#04b9c2;}
|
|
.c_on{background-color: #cff1f4;}
|
|
.life_contents{width:730px;margin:0 auto; padding:0 20px;}
|
|
.life_contents .view_img {
|
|
text-align: center;
|
|
}
|
|
.life_contents .img_desc {
|
|
float: left !important;
|
|
padding-top: 10px;
|
|
color: #999;}
|
|
.life_contents .view_article {
|
|
clear: both;
|
|
padding-top: 40px;
|
|
font-size: 17px;
|
|
line-height: 28px;
|
|
}
|
|
.life_contents iframe[src*="youtube"] {
|
|
margin : 0px auto !important;
|
|
}
|
|
.life_tags{width:100%; background: #fbfcfd;}
|
|
.life_tags .wrap{width:730px;padding:0 20px;}
|
|
.life_footer{width:100%; background: #fbfcfd; overflow: hidden;
|
|
display: block;}
|
|
.life_footer .wrap{width:730px;padding:20px;}
|
|
.life_cont1{margin-top:20px;}
|
|
.life_cont1_box li {
|
|
width: 175px;
|
|
|
|
float: left;
|
|
margin-right: 10px;
|
|
|
|
line-height: 22px;
|
|
}
|
|
.life_cont1_box li:last-child {
|
|
|
|
margin-right: 0!important;
|
|
|
|
}
|
|
.life_cont1 h4 {
|
|
font-weight: bold;
|
|
padding-bottom: 20px;
|
|
font-size: 18px; text-align:center;
|
|
}
|
|
.life_title { font-size: 14px; display: block; padding: 0 15px; text-overflow: ellipsis; white-space: nowrap; overflow: hidden;}
|
|
.life_cont2_box li {
|
|
position: relative;
|
|
float: left;
|
|
margin-right: 10px;
|
|
width: 360px;
|
|
}
|
|
.life_cont2_box li:last-child{margin-right: 0 !important;}
|
|
.life_cont2 h4 {
|
|
font-weight: bold;
|
|
padding-bottom: 20px;
|
|
font-size: 18px; text-align:center;
|
|
}
|
|
.life_cont2 .photo_info {
|
|
position: absolute;
|
|
bottom: 10px;
|
|
left: 0;
|
|
/* background: #000; */
|
|
/* opacity: 0.8; */
|
|
padding: 10px;
|
|
width: 340px;
|
|
color: #fff;
|
|
z-index: 9999;
|
|
text-align: center;
|
|
font-size: 16px;
|
|
}
|
|
.life_cont2 .photo_info a {
|
|
color: #fff;
|
|
}
|
|
.life_cont3 {text-align: center; overflow:hidden;}
|
|
.life_cont3 li{float:left; margin-right: 15px;
|
|
width: 134px;}
|
|
.life_cont3 li:last-child{margin-right: 0 !important;}
|
|
.life_cont3 .tr_txt{padding-top:10px;}
|
|
.life_cont3 h4 {
|
|
font-weight: bold;
|
|
padding-bottom: 20px;
|
|
font-size: 18px; text-align:center;
|
|
}
|
|
.life_cont3 img{border-radius: 134px;}
|
|
.life_banner {width:770px; margin:50px auto; display: block; overflow: hidden; clear:both;}
|
|
.mbleft{position: relative; width:50%; float:left;}
|
|
.mbright{position: relative; width:50%; float:left;}
|
|
.middle_banners{width:100%; margin-top:50px; display: block; overflow: hidden; clear:both;}
|
|
.middle_banners .card_main_title {
|
|
position: absolute;
|
|
top: 60px;
|
|
color: #c4c4c4;
|
|
font-size: 14px;
|
|
z-index: 9999;
|
|
text-align: center;
|
|
margin: 0 auto;
|
|
width: 100%;
|
|
}
|
|
|
|
.middle_banners .card_main_txt {
|
|
position: absolute;
|
|
top: 95px;
|
|
color: #fff;
|
|
left: 0;
|
|
z-index: 9999;
|
|
width: 100%;
|
|
font-size: 22px;
|
|
text-align: center;
|
|
font-family: 나눔명조, Nanum Myeongjo, georgia,돋움;
|
|
}
|
|
.middle_banners .card_main_txt a{color:#fff;}
|
|
.middle_banners .chn_bar img {
|
|
position: absolute;
|
|
top: 50px;
|
|
margin: 0 auto;
|
|
|
|
height: 1px;
|
|
width: 3%;
|
|
text-align: center;
|
|
/* left: 15%; */
|
|
z-index: 2;
|
|
display: block;
|
|
margin-left: 48.5%;
|
|
}
|
|
.middle_banners .shadow {
|
|
clear: both;
|
|
width: 100%;
|
|
height: 100%;
|
|
display: block;
|
|
position: absolute;
|
|
bottom: 0;
|
|
left: 0;
|
|
z-index: 1;
|
|
background-color: #000;
|
|
opacity: 0.3;
|
|
}
|
|
.life_tags{padding:50px 0;margin: 0 auto;
|
|
width: 100%;
|
|
text-align: center;}
|
|
|
|
.life_tags .cover_profile3 img {
|
|
border-radius: 65px;
|
|
}
|
|
.life_tags .tags {color:#888; padding-top:25px;}
|
|
.life_tags .tags a{padding:0 5px;}
|
|
|
|
|
|
.life_list h4{
|
|
padding:30px 0 10px;
|
|
font-size: 16px; }
|
|
.life_list .current{color:#04b9c2;}
|
|
.life_list a:hover{color:#04b9c2;}
|
|
.life_list li{line-height: 30px; }
|
|
.life_list li a{color:#999999;}
|
|
.reply_info{height:30px; line-height: 30px;}
|
|
.reply_info span{padding: 0 10px;}
|
|
.reply_info img{ padding-right:2px;}
|
|
|
|
.life_menu{position: absolute; top:0; right:0 ;width:260px; border-left:1px solid #dddddd; border-bottom: 1px solid #dddddd; background: #fff; z-index: 999;}
|
|
.life_menu_top{background: #f6f6f6; width:100%; overflow: hidden;}
|
|
.life_menu_top .life_cate {width:100%; overflow: hidden; height: 30px;
|
|
line-height: 30px;border-top:1px solid #dddddd;border-bottom:1px solid #dddddd;
|
|
}
|
|
.life_menu_top .life_cate .life_no{position: absolute; top:15px; text-align: center;left:10px; width:15px; height: 15px; line-height:15px; background: #2bbec6; border-radius: 15px;}
|
|
.life_menu_top .life_cate .life_no a{color:#fff; font-size:11px;}
|
|
.life_menu_top .life_cate .life_no a:hover{color:#fff;}
|
|
.life_menu_top .life_cate a{font-size: 14px;}
|
|
.life_menu_top .life_cate a:hover{color:#2bbec6;}
|
|
.life_menu_top .life_cate img{padding-top:3px;}
|
|
.life_menu_top .life_cate li{float:left; padding:0 5px;position:relative; }
|
|
.life_list_top{text-align: center;width:220px;margin:0 20px;padding-top: 20px; padding-bottom: 20px;border-bottom: 1px solid #eeeeee;}
|
|
.life_list_top .current{color:#2bbec6;}
|
|
.life_list_top li{line-height: 40px;}
|
|
.life_list_top a:hover{color:#2bbec6;}
|
|
.life_menu_top .logo{text-align: center; padding-top:30px;}
|
|
.life_menu_top .profile{ margin:20px auto; text-align: center;}
|
|
.life_menu_top .profile img{border-radius: 73px;}
|
|
.life_list_bottom{text-align: center;width:220px;margin:0 20px;padding-top:20px; border-top: 1px solid #eeeeee;}
|
|
.life_list_bottom .current{color:#2bbec6;}
|
|
.life_list_bottom a:hover{color:#2bbec6;}
|
|
.life_list_bottom li{line-height: 40px;}
|
|
.new{color:#ff0069;}
|
|
.life_menu_btn{margin:0 auto; width:100%; text-align: center; margin:20px 0;}
|
|
.life_app {position: relative;margin:20px 0; display: block;width:220px; height: 150px; padding:0 20px;}
|
|
.life_app ul{padding-top: 20px;}
|
|
.life_app h4{padding-left: 5px;}
|
|
.life_app li{width:66px;text-align: center;float:left; padding:0 3px;}
|
|
.life_app li a{display: block; font-size:13px;
|
|
}
|
|
.life_app li a:hover{color:#2bbec6;}
|
|
.life_app .btn_left{position: absolute; top:60px; left:10px;}
|
|
.life_app .btn_right{position: absolute;top:60px; right:10px;}
|
|
.life_app .app_txt{padding-top:10px;}
|
|
.btn_info{position:absolute; right:10px; font-size:12px; color:#8c8c8c}
|
|
|
|
.btn_info a{color:#8c8c8c;}
|
|
|
|
.gototop{position:absolute;bottom:30px;left:790px;}
|
|
|
|
|
|
|