2968 lines
110 KiB
CSS
Executable File
2968 lines
110 KiB
CSS
Executable File
@charset "utf-8";
|
||
|
||
@import url('//fonts.googleapis.com/earlyaccess/nanumgothic.css');
|
||
@import url('//fonts.googleapis.com/earlyaccess/nanummyeongjo.css');
|
||
@import url('xeicon.min.css');
|
||
|
||
|
||
body{-webkit-text-size-adjust:none;}
|
||
* {margin:0; padding:0;}
|
||
/* reset css ---------------------------------- */
|
||
html, body, div, span, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, abbr, address, cite, code, del, dfn, em, img, ins, kbd, q, samp, small,
|
||
strong, sub, sup, var, b, i, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas,
|
||
details, figcaption, figure, footer, header, hgroup, menu, nav, section, summary, time, mark, audio, video { margin: 0; padding: 0; border: 0; outline: 0; font-size: 100%; vertical-align: baseline; background: transparent;}
|
||
|
||
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section { display: block; }
|
||
|
||
html {font-size:10px;}
|
||
body { overflow-x: hidden; font-size:14px; }
|
||
|
||
html, body, body * { box-sizing: border-box; }
|
||
|
||
/* 제목요소 */
|
||
h1, h2, h3, h4, h5, h6 {font-size:100%; font-weight: normal;}
|
||
|
||
/* 테두리 없애기 */
|
||
fieldset, img, abbr,acronym {border: 0;}
|
||
|
||
/* 목록설정 */
|
||
ul, ul.li, ol, ol.li { list-style-type: none;}
|
||
|
||
|
||
|
||
/* 테이블 - 마크업에 'cellspacing="0"' 지정 */
|
||
table {border-collapse: collapse; border-spacing: 0; border: 0;}
|
||
th, td {vertical-align: middle;}
|
||
|
||
|
||
/* 텍스트 관련 요소 초기화 */
|
||
address, caption, em, cite {font-weight: normal; font-style: normal;}
|
||
ins {text-decoration: none;}
|
||
del {text-decoration: line-through;}
|
||
textarea {font-size:12px;}
|
||
checked{color:#2bbec6;}
|
||
|
||
/* 기초설정*/
|
||
html, body {font-family:'나눔고딕','Nanum Gothic',"Apple SD Gothic Neo","AppleGothic","돋움", Dotum,"굴림", Gulim, Sans-serif; letter-spacing: -0.5px;}
|
||
|
||
html {overflow-y:scroll; height:100%;}/*세로스크롤*/
|
||
|
||
/* 링크설정 */
|
||
a,a:active{
|
||
color: #000;
|
||
text-decoration: none;
|
||
}
|
||
a:visited {
|
||
color: #999 !important;
|
||
text-decoration: none;
|
||
}
|
||
|
||
|
||
a:hover {
|
||
text-decoration: none;
|
||
color: #2bbec6;
|
||
}
|
||
|
||
.clear {clear: both; }
|
||
|
||
form { margin: 0; }
|
||
fieldset { border: 0; margin: 0; padding: 0; }
|
||
label { cursor: pointer; }
|
||
|
||
.block:after,.clearfix:after,.group:after {
|
||
content: "";
|
||
display: block;
|
||
height: 0;
|
||
clear:both;
|
||
visibility: hidden;
|
||
}
|
||
|
||
/* 2018-10-08 Add */
|
||
*:focus { outline: none;}
|
||
/* 2018-10-08 Add */
|
||
|
||
|
||
/* common */
|
||
.ft14 {
|
||
font-size: 14px;
|
||
}
|
||
.ft16 {
|
||
font-size: 16px;
|
||
}
|
||
.ft18 {
|
||
font-size: 18px;
|
||
}
|
||
.ft20 {
|
||
font-size: 18px;
|
||
}
|
||
.ft20 {
|
||
font-size: 22px;
|
||
}
|
||
.ft24 {
|
||
font-size: 24px;
|
||
}
|
||
.trc {
|
||
text-align: center;
|
||
}
|
||
.bgb {
|
||
border-bottom: 1px solid #bfbfbf;
|
||
}
|
||
.bgt {
|
||
border-top: 1px solid #bfbfbf;
|
||
}
|
||
.fl{float:left;}
|
||
.fr{float:right;}
|
||
.art_img{width:100%;}
|
||
.title_no{color:#80f1e6;}
|
||
.fl{float:left;}
|
||
.fr{float:right;}
|
||
|
||
.tbl_box10{width:10%;}
|
||
.tbl_box12{width:12%;}
|
||
.tbl_box15{width:15%;}
|
||
.tbl_box20{width:20%;}
|
||
.tbl_box24{width:24%;}
|
||
.tbl_box30{width:30%;}
|
||
.tbl_box40{width:40%;}
|
||
.tbl_box50{width:50%;}
|
||
.tbl_box60{width:60%;}
|
||
.tbl_box70{width:70%;}
|
||
.tbl_box73{width:73%;}
|
||
.tbl_box76{width:76%;}
|
||
.tbl_box80{width:80%;}
|
||
.tbl_box100{width:100%;}
|
||
.br3 {
|
||
border-radius: 3px;
|
||
}
|
||
.br5 {
|
||
border-radius: 5px;
|
||
}
|
||
.br10 {
|
||
border-radius: 10px;
|
||
}
|
||
.br15 {
|
||
border-radius: 15px;
|
||
}
|
||
.br20 {
|
||
border-radius: 20px;
|
||
}
|
||
.btn {
|
||
display: inline-block;
|
||
padding: 5px 15px;
|
||
margin-bottom: 0;
|
||
font-size: 13px;
|
||
font-weight: 400;
|
||
line-height: 1.42857143;
|
||
text-align: center;
|
||
white-space: nowrap;
|
||
vertical-align: middle;
|
||
-ms-touch-action: manipulation;
|
||
touch-action: manipulation;
|
||
cursor: pointer;
|
||
-webkit-user-select: none;
|
||
-moz-user-select: none;
|
||
-ms-user-select: none;
|
||
user-select: none;
|
||
background-image: none;
|
||
}
|
||
.btn-default_bb{color: #2bbec6 !important;background-color: #fff;border:1px solid #2bbec6 !important;}
|
||
.btn-default_bb:hover{color:#2bbec6 !important; background-color:#fff;border:1px solid #2bbec6 !important; }
|
||
.btn-default{color: #959595;background-color: #fff;border: 1px solid #a7a7a7}
|
||
.btn-default:hover{color:#2bbec6 !important; background-color:#fff;border:1px solid #2bbec6 !important;}
|
||
.btn-default a:hover{color:#2bbec6 !important;}
|
||
.btn-success {color: #fff;background-color: #2bbec6; border: none;}
|
||
.btn-grey{background: #c5c5c5}
|
||
.txc{text-align:center;}
|
||
.txl{text-align:left;}
|
||
.txr{text-align:right;}
|
||
.beachblue{color:#2bbec6;}
|
||
.beachblue a {color: #2bbec6;}
|
||
.bgb3 {border-bottom: 1px solid #e6e6e6;}
|
||
.grey{color:#a1a1a1;}
|
||
.blue{color:#2775c5;}
|
||
.info_red{color:#ff1919; font-size:13px;}
|
||
|
||
/* form */
|
||
input {
|
||
border:0;
|
||
display: inline-block;
|
||
height: 40px;
|
||
line-height: 40px;
|
||
overflow: hidden;
|
||
padding: 0;
|
||
vertical-align: middle;
|
||
color:#b7b7b7;
|
||
padding-left: 2%;
|
||
font-size: 17px;
|
||
font-weight:normal;
|
||
}
|
||
input::placeholder {
|
||
color: #b7b7b7;
|
||
}
|
||
label {
|
||
font-size: 15px;
|
||
color: #2bbec6;
|
||
margin-left: 2%;
|
||
display: block;
|
||
margin-bottom:10px;
|
||
}
|
||
textarea {
|
||
margin-bottom: 10px;
|
||
width: 90%;
|
||
border: 1px solid #adadad;
|
||
border-radius: 5px;
|
||
padding: 5%;
|
||
color: #868686;
|
||
font-size:13px;
|
||
}
|
||
select {
|
||
background: transparent none repeat scroll 0 0;
|
||
border: medium none;
|
||
color: #757575;
|
||
font-size: 14px;
|
||
height: 40px;
|
||
line-height: 40px;
|
||
padding-left: 10px;
|
||
-webkit-appearance: none; /* 화살표 없애기 for chrome*/
|
||
-moz-appearance: none; /* 화살표 없애기 for firefox*/
|
||
appearance: none; /* 화살표 없애기 공통*/
|
||
}
|
||
select::-ms-expand {
|
||
display: none; /* 화살표 없애기 for IE10, 11*/
|
||
}
|
||
|
||
.form-group{border-bottom: 1px solid #ccc; position: relative;clear: both;overflow: hidden; padding-top:10px;}
|
||
|
||
/* mypage */
|
||
#mypage{width:100%;}
|
||
#mypage .mypage_top{ height:50px; line-height:45px;position: relative;border-bottom: 1px solid #bfbfbf;}
|
||
#mypage .mypage_top .mypage_logo{position:absolute; left:25px; top:10px;}
|
||
#mypage .mypage_top .mypage_logo img{width:60%; height: auto;}
|
||
#mypage .mypage_top .mypage_title{position:absolute; left:75px; top:4px; font-size:17px; color:#4f4f4f;}
|
||
#mypage .mypage_top .mypage_tab{position: absolute; left:150px; top:3px;}
|
||
#mypage .mypage_top .mypage_tab span{float:left; padding:0 5px;}
|
||
#mypage .mypage_top .mypage_tab a{color:#b2b2b2; font-size: 15px;}
|
||
#mypage .mypage_top .mypage_tab .current{color:#2bbec6;}
|
||
#mypage .mypage_top .mypage_tab img{vertical-align: middle;}
|
||
#mypage .mypage_top .mypage_menu{position:absolute; right:0; top:9px;}
|
||
#mypage .mypage_top .mypage_menu img{width:60%; height: auto;}
|
||
#mypage .mypage_top .mypage_search{position:absolute; right:50px; top:12px;}
|
||
#mypage .mypage_top .mypage_write{position:absolute; right:10px; top:11px;}
|
||
#mypage .mypage_header{background: #04b9c2; height:50px; line-height: 50px; text-align: center; position: relative;}
|
||
#mypage .mypage_header_fixed{margin-top:50px;}
|
||
#mypage .mypage_header .btn_left{position:absolute; left:5%; }
|
||
#mypage .mypage_header .btn_left2{position:absolute; left:5%; }
|
||
#mypage .mypage_header .btn_left a{font-size:12px;background: url(../../img/mobile/arrow_s_down.gif) no-repeat 90% 50%;}
|
||
#mypage .mypage_header .btn_left2 a{font-size:12px;}
|
||
#mypage .mypage_header .btn_right{position:absolute; right:5%; }
|
||
#mypage .mypage_header .btn_right a{font-size:12px;}
|
||
#mypage .mypage_header .header_tit{position:absolute; left:25%;right:25%; color:#fff; font-size:17px; width:50%;}
|
||
#mypage .mypage_header .header_tit2{color:#fff; font-size:17px; }
|
||
#mypage .mypage_header .header_list_on a{color:#fff; font-size:17px}
|
||
#mypage .mypage_header .header_list_off a{ color:#e5e5e5; font-size:17px;}
|
||
#mypage .mypage_header .btn-default{color:#fff !important; background: #04b9c2; border:1px solid #fff;}
|
||
#mypage .mypage_header .btn-default:hover{color:#fff !important; border:1px solid #fff !important;}
|
||
#mypage .mypage_header .p_title3{color: #fff; padding-left:20px;font-size: 17px;}
|
||
#mypage .mypage_header .btn-info {position: absolute;right: 20px;top: 10px;}
|
||
#mypage .mypage_submenu {background: #fbfcfd; padding:15px 30px; height: 20px; box-sizing: content-box;}
|
||
#mypage .mypage_submenu .submenu_cate img{padding-top: 3px;}
|
||
#mypage .mypage_submenu a{padding:0 10px;font-size: 16px;}
|
||
#mypage .mypage_submenu a:hover{color:#2bbec6;}
|
||
#mypage .mypage_submenu .current{color:#2bbec6;}
|
||
#mypage .mypage_cont table{width:100%; font-size:16px;}
|
||
#mypage .mypage_cont table th{text-align: center;}
|
||
#mypage .mypage_cont table tr{height:50px; border-bottom: 1px solid #d2d2d2;}
|
||
#mypage .mypage_cont table td a{color:#000;}
|
||
#mypage .mypage_cont table td a:hover{color:#2bbec6;}
|
||
#mypage .mypage_cont .time{font-size:14px; color:#999999;}
|
||
#mypage .mypage_cont table thead{background: #f8f8f8}
|
||
#mypage .mypage_cont table tfoot{background: #f8f8f8; border-bottom: 1px solid #d2d2d2;}
|
||
.mypage_cont { min-height: 260px; }
|
||
.mypage_footer{margin-top:70px; background: #f1f7fa; padding:30px 0;text-align: center; overflow:hidden; width:100%;}
|
||
.mypage_footer .f_btns a{font-size: 15px;}
|
||
.mypage_footer .f_btns span{padding:0 3px;}
|
||
.mypage_footer .f_policy{width:100%; margin:0 auto; height:20px; line-height: 20px; text-align: center; clear:both;display: block; padding-top:10px; color:#04b9c2;}
|
||
.mypage_footer .f_policy a{color:#2bbec6; font-size:13px;}
|
||
.mypage_footer .f_social{margin:0 auto; text-align: center;clear:both;display: block; padding-top:10px;}
|
||
.mypage_footer .f_social img{ padding:0 5px;}
|
||
.mypage_footer .copyright{color:#757575; font-size: 10px; padding-top:20px;}
|
||
#mypage .memo_id{padding:15px 0 10px 0; font-size:14px; }
|
||
#mypage .memo_id img{ display: inline-block;vertical-align: middle; padding-right:5px;}
|
||
#mypage .allmemo{background: url(../../img/mobile/arrow2.gif) no-repeat 90% 50%;}
|
||
#mypage .pagenumber { margin:30px auto; text-align: center; }
|
||
#mypage .pagenumber a{ display:inline-block; width:25px; height:25px; margin:0 2px;line-height: 25px;}
|
||
#mypage .pagenumber a.current{border:1px solid #e0e0e0; color:#2bbec6; }
|
||
#mypage .pagenumber .current a{ color:#2bbec6;}
|
||
#mypage .pagenumber a{color:#999999;}
|
||
#mypage .pagenumber a:hover{ color:#2bbec6;}
|
||
#mypage .pagenumber img{vertical-align: middle;}
|
||
#mypage tfoot .btns img{padding-left: 5px;}
|
||
#mypage thead .btns img{padding-left: 5px;}
|
||
#mypage .msg_header{padding:20px;color:#888888; line-height: 28px;}
|
||
#mypage .msg_header a{color:#888 !important;}
|
||
#mypage .msg_header a:hover{color:#2bbec6 !important;}
|
||
#mypage .msg_header dt {float: left;width: 75px;}
|
||
#mypage .msg_header img {vertical-align: middle;}
|
||
#mypage .msg_read{margin:0 20px 20px; border-top: 1px solid #eaeaea; padding-top:20px;line-height: 28px; }
|
||
#mypage .cont_header{height: 30px; background: #f8f8f8; font-size:18px; padding:30px 20px;}
|
||
|
||
|
||
|
||
#mypage .cont_box{border-bottom: 1px solid #ededed; width:100%; padding:20px; overflow: hidden; position: relative;}
|
||
|
||
.cont_box .imm1 { width: 130px; padding-right: 10px; }
|
||
.cont_box .imm2 { width: calc(100% - 130px); padding-top: 0 !important; margin-top: -2px; }
|
||
|
||
#mypage .cont_box, #mypage .cont_box * { box-sizing: border-box; }
|
||
#mypage .cont_img{padding-right:12px;float:left;}
|
||
#mypage .cont_title{float:left; padding-top:4px;}
|
||
#mypage .cont_title a{color:#383737; font-size: 17px;}
|
||
#mypage .cont_title a:hover{color:#2bbec6; }
|
||
#mypage .cont_close{float:left; padding-right:10px; position:absolute; top:15px; right:20px; padding-left:10px;}
|
||
#mypage .cont_close img{padding-top:20px;}
|
||
#mypage .cont_box_open{background: #f8f8f8; border-bottom: 1px solid #f1f1f1; padding:15px 20px; line-height: 22px;}
|
||
#mypage .cont_box_open img{ max-width:93vw;height:auto;}
|
||
#mypage .cont_box_open img{ max-width:93vw;height:auto;}
|
||
#mypage .cont_cate{color:#5a5a5a; padding-top:5px; line-height: 20px;}
|
||
#mypage .cont_cate a{font-size: 13px;}
|
||
#mypage .cont_cate img{vertical-align: middle;}
|
||
#mypage .list_open{border-bottom: 1px solid #ededed;background: #f8f8f8;padding: 20px;line-height: 26px;overflow: hidden;display: block;}
|
||
#mypage .list_open a{color:#000; font-size: 16px;}
|
||
#mypage .list_open a:hover{color:#2bbec6;}
|
||
#mypage .list_open div{float:left;}
|
||
#mypage .list_open2{border-bottom: 1px solid #ededed;background: #fff;padding: 20px;line-height: 26px;overflow: hidden;display: block;}
|
||
#mypage .list_open2 a{color:#000; font-size: 16px;}
|
||
#mypage .list_open2 a:hover{color:#2bbec6;}
|
||
#mypage .list_open2 div{float:left;}
|
||
#mypage .list_close{border-bottom: 1px solid #ededed; background: #f8f8f8;padding:20px;height: 60px;}
|
||
#mypage .list_close a{color:#000; font-size: 16px;}
|
||
#mypage .list_close a:hover{color:#2bbec6;}
|
||
#mypage .list_close div{float:left;}
|
||
#mypage .list_view{border-bottom: 1px solid #ededed; background: #fff;padding:20px;color:#a4a4a4;}
|
||
#mypage .list_view a{color:#000;}
|
||
#mypage .list_view p{line-height:24px;}
|
||
#mypage .list_view img { max-width: 100%; }
|
||
#mypage .list_view2{border-bottom: 1px solid #ededed; background: #fff;padding:20px;color:#000; font-size:16px;}
|
||
#mypage .list_view2 a{color:#000;}
|
||
#mypage .list_view3 {border-bottom: 1px solid #ededed; background: #f8f8f8;padding:20px;color:#000; font-size:14px; line-height: 24px;}
|
||
#mypage .list_view3 a{color:#000;}
|
||
#mypage .list_view3 .banner { margin: 0 -20px -20px -20px; }
|
||
#mypage .list_view3 img { max-width: 100%; }
|
||
#mypage .write_top{ font-size:15px; padding:20px;}
|
||
#mypage .write_cont{background: #f8f8f8; padding:5% 4%; color:#a4a4a4;}
|
||
#mypage .write_cont textarea{border:1px solid #d6d6d6; border-radius: 3px; margin: 10px 0; font-size: 14px; padding:4%; width:92%;}
|
||
#mypage .write_cont2{background: #f1f7fa; padding:2%; color:#a4a4a4; width:96%;}
|
||
#mypage .write_cont2 textarea{border:1px solid #d6d6d6; border-radius: 3px; padding: 10px 4%; margin: 10px 2%; font-size: 14px; width: 88%!important; color:#b5b5b5 !important; }
|
||
#mypage .write_cont2 .slct select {width:80%; padding-left:4% !important;}
|
||
#mypage .write_cont2 input{background: #fff;border: 1px solid #ccc;width: 88%!important;margin: 0 2%;padding: 0 4%;font-size:16px;}
|
||
#mypage .write_cont2 .slct{border: 1px solid #ccc;background-color: #fff;border-radius: 0 !important;width: 96%!important;margin: 0 2%;}
|
||
#mypage .write_btns{overflow:hidden;padding-right:20px; padding-left:20px;margin:20px 0; }
|
||
#mypage .write_btns img{padding-right:3px; vertical-align: middle;}
|
||
#mypage .check_on{background: url(../../img/mobile/check_on.gif) no-repeat left top; padding-left:22px;}
|
||
#mypage .check_off{background: url(../../img/mobile/check_off.gif) no-repeat left top; padding-left:22px;}
|
||
|
||
.mypage_top{ height:50px; line-height:45px;position: relative;}
|
||
.mypage_top_fixed{ position: fixed !important; z-index:10; top:0; left:0; width: 100%;background: #fff; z-index: 999995;}
|
||
.mypage_top .mypage_logo{position:absolute; left:25px; top:10px;}
|
||
.mypage_top .mypage_logo img{width:60%; height: auto;}
|
||
.mypage_top .mypage_title{position:absolute; left:75px; top:4px; font-size:17px; color:#4f4f4f;}
|
||
.mypage_top .mypage_tab{position: absolute; left:150px; top:3px;}
|
||
.mypage_top .mypage_tab span{float:left; padding:0 5px;}
|
||
.mypage_top .mypage_tab a{color:#b2b2b2; font-size: 15px;}
|
||
.mypage_top .mypage_tab .current{color:#2bbec6;}
|
||
.mypage_top .mypage_tab img{vertical-align: middle;}
|
||
.mypage_top .mypage_menu{position:absolute; right:0; top:9px;}
|
||
.mypage_top .mypage_menu img{width:60%; height: auto;}
|
||
.mypage_top .mypage_search{position:absolute; right:50px; top:12px;}
|
||
.mypage_top .mypage_write{position:absolute; right:10px; top:11px;}
|
||
.mask {
|
||
background: rgba(0, 0, 0, 0) url(../../img/mobile/mask_bg.png) repeat scroll 0 0;
|
||
height: 100%;
|
||
left: 0;
|
||
position: fixed;
|
||
top: 0;
|
||
width: 100%;
|
||
z-index: 9999;
|
||
}
|
||
.popup_wrap {
|
||
line-height: 25px;
|
||
position: fixed;
|
||
top: 20%;
|
||
color: #707070;
|
||
z-index: 99999;width: 80%;
|
||
margin: auto 10%;}
|
||
.popuptop {
|
||
background: #44cbd2;
|
||
height:50px;
|
||
line-height: 50px;
|
||
border-radius: 5px 5px 0 0;
|
||
position: relative;
|
||
}
|
||
.popuptop .p_title {
|
||
color: #fff;
|
||
font-size: 16px;
|
||
font-weight: normal;
|
||
}
|
||
.popuptop .btn-close {
|
||
position: absolute;
|
||
top: 0px;
|
||
right: 20px;
|
||
}
|
||
.popuptop3 .btn-tit{position:absolute; right:110px; top:1px; color:#fff;}
|
||
.popuptop3 .btn-info{position:absolute; right:60px; top:10px;}
|
||
.popuptop3 .btn-close{position:absolute; right:25px; top:14px;}
|
||
.pop_box{background: #f5f6f6; border: 1px solid #ededed; padding:3px 10px; position: absolute; bottom:10px; right:0;}
|
||
.pop_box a{color:#787878; font-size:13px;}
|
||
.popup_date{font-size:13px; color:#999999; padding-top:5px;}
|
||
.pop_cont_like{background: #04b9c2; color:#fff; padding:0 3px;}
|
||
.popupbody3 .pop_tit{border-bottom: 1px solid #ebeef3; padding:30px 0 10px; color:#000; font-size:15px; position: relative;}
|
||
.pop_cont_box{border-bottom:1px solid #ebeef3; padding:20px 0;overflow: hidden; }
|
||
.pop_cont_img{width:20%; float:left; }
|
||
.pop_cont_img img{border-radius: 50px; margin-top:10px;}
|
||
.pop_cont_img2{float:left; }
|
||
.pop_cont_img2 img{ margin-top:10px; padding-bottom:10px;}
|
||
.pop_cont_txt_box{width:60%; float:left; padding-top:10px;}
|
||
.pop_cont_txt_box p{padding-bottom:5px;}
|
||
.pop_cont_txt_box .t_black a{color:#000; font-size: 15px;}
|
||
.pop_cont_txt_box .t_black a:hover{color:#2bbec6;}
|
||
.pop_cont_title{line-height: 22px;}
|
||
.pop_cont_title a{color:#4e4d4d;}
|
||
.pop_cont_info{width:20%;position: absolute;text-align: center;right: 40px;}
|
||
.info_popup{background: #f5f6f6;border: 1px solid #ededed;padding: 3px 10px;}
|
||
.info_popup a{font-size: 13px;}
|
||
.info_popup2{position:absolute; right:20px;background: #fff;border: 1px solid #ededed;padding: 3px 10px;}
|
||
.info_popup2 a{font-size: 13px;}
|
||
.reply_box2 .box_wrap .info_popup2 li {float:none;}
|
||
.reply_header{background: #f8f8f8; height: 100px;}
|
||
.reply_name{color:#000000; font-size:25px; text-align: center; padding-top:20px;}
|
||
.reply_address{color:#b4b4b4; font-size:19px; text-align: center;padding:10px 0}
|
||
.reply_body{background: #f8f8f8;color:#797979; line-height: 28px;}
|
||
.reply_cate{color: #797979;width: 100%;font-size: 18px;margin-bottom: 15px;background: #fff;text-align: center;padding: 20px;}
|
||
.reply_cate a{color: #797979;}
|
||
.reply_cate .current{color:#000;}
|
||
.reply_cate a:hover{color:#000;}
|
||
.reply_cate span{padding:0 15px;display: inline-block;}
|
||
.reply_cate .cate_on{background: url(../../img/mobile/cate_on.gif) no-repeat left 50%; padding-left:30px;}
|
||
.reply_cate .cate_off{background: url(../../img/mobile/cate_off.gif) no-repeat left 50%; padding-left:30px;}
|
||
|
||
.mypage_cont .my_open{ background: #fff url(../../img/mobile/slide_on.gif) no-repeat 96% 50%; padding:20px 30px; font-size: 17px; margin-bottom: 15px;}
|
||
.mypage_cont .my_close {background: #fff url(../../img/mobile/slide_off.gif) no-repeat 96% 50%;padding: 20px 30px;font-size: 17px;margin-bottom: 15px;}
|
||
.mypage_cont .my_number{color: #797979; position: relative;font-size: 18px; background: #fff;padding: 20px 0 20px 30px; margin-bottom: 15px;}
|
||
.mypage_cont .my_reply{background: #fff;clear: both;}
|
||
.mypage_cont .my_reply_box{border-bottom: 1px solid #dadada; padding:20px 30px; position: relative;}
|
||
.mypage_cont .reply_title a{font-size: 18px; color:#000;}
|
||
.mypage_cont .reply_title a:hover{color:#2bbec6;}
|
||
.mypage_cont .reply_txt{font-size: 16px; color:#8c8b8b; padding-top:5px;}
|
||
.mypage_cont .r_viewall{ position: absolute;right: 4%;top: 20px;font-size: 15px;}
|
||
.mypage_cont .reply_tt{font-size: 18px; padding-top: 25px; padding-left:20px;}
|
||
.mypage_cont .reply_total{color:#b4b4b4; font-size: 15px; padding: 10px 0 10px 20px;}
|
||
.mypage_cont .r_base{margin-top:20px;}
|
||
.mypage_cont .r_base li{float:left;}
|
||
.mypage_cont .r_base img{vertical-align: middle;}
|
||
.mypage_cont .icons span {padding-left: 20px;}
|
||
.mypage_cont .icons {float: right !important;}
|
||
.mypage_cont .icons img {padding-right: 7px;}
|
||
.mypage_cont .thumbup {color: #e64c3d;}
|
||
.mypage_cont .thumbdown {color: #3c92ca;}
|
||
.mypage_cont .reply_wrap{ padding-left:50px; background: url(../../img/mobile/img_reply.gif) no-repeat 28px 23px;}
|
||
.mypage_cont .reply_bottom{ margin: 30px auto;text-align: center; }
|
||
.mypage_cont .reply_bottom a{font-size: 15px;}
|
||
.mypage_cont .reply_bottom img{vertical-align: middle;}
|
||
.mypage_cont.fix { padding-top: 60px; }
|
||
#mypage .account_header{background: #04b9c2; height:50px; line-height: 50px;position: relative;}
|
||
#mypage .account_header_wrap{position:fixed; left:0; top:0; width:100%; z-index:9999999;}
|
||
#mypage .account_header .header_tit {padding-left:20px; font-size: 17px;color:#fff;}
|
||
#mypage .account_header .header_tit img{vertical-align: middle; padding-right: 10px;}
|
||
#mypage .account_header_fixed{position:fixed; left:0; top:0; width:100%; z-index: 9999; background: #04b9c2; padding: 10px 0; }
|
||
#mypage .account_header_fixed .header_tit {padding-left:20px; font-size: 17px;color:#fff;}
|
||
#mypage .account_header_fixed .header_tit img{vertical-align: middle; padding-right: 10px;}
|
||
.reply_cont{margin:50px 6%; width:88%;}
|
||
.reply_cont .reply_tit{padding-bottom:15px; font-size: 17px; color:#545454;}
|
||
.reply_cont .reply_txt{padding-bottom:20px; font-size: 13px; color:#868686; line-height: 28px;}
|
||
.reply_cont_wrap{border-bottom: 1px solid #dbdbdb; }
|
||
.reply_cont_wrap .pd30 {padding: 30px 0;}
|
||
.reply_cont_wrap .ft18 {font-size: 18px;}
|
||
.reply_cont_wrap .notice_list {overflow: hidden;padding-bottom: 30px; line-height: 40px;}
|
||
.reply_cont_wrap .notice_list dt {color: #333;float: left;width: 80%;text-align: left; font-size:15px; }
|
||
.reply_cont_wrap .notice_list dd {width: 20%;float: left;text-align: right;}
|
||
.reply_cont_wrap .viewall {text-decoration: underline;}
|
||
.reply_cont_wrap .trc{text-align: center;}
|
||
|
||
.account_check_on{text-align: center; margin:20px auto; font-size: 15px; color: #b7b7b7;background: url(../../img/mobile/btn_check_fill.gif) no-repeat; width:185px;}
|
||
.account_check_off{text-align: center; margin:20px auto; font-size: 15px; color: #b7b7b7;background: url(../../img/mobile/btn_check_no.gif) no-repeat; width:185px;}
|
||
.account_btn{clear: both; display: table; width:100%; margin:0; padding: 20px 0; text-align: center;}
|
||
.account_btn > span { display: table-cell; width: 50%; padding: 0 5px; }
|
||
.account_btn a{color:#fff; width: 100% !important;}
|
||
.account_btn2{ clear: both; width:100%; margin:0; text-align: center; display: table; }
|
||
.account_btn2 > span { display: table-cell; width: 50%; padding: 0 5px; }
|
||
.account_btn2 a{ color:#fff; width: 100% !important; }
|
||
.reply_text{font-size:15px; line-height:28px; color:#868686; text-align: center; margin:50px 0;}
|
||
.account_cont{margin: 6%;width: 88%;}
|
||
.account_cont_wrap{margin-top:80px;}
|
||
.account_cont_fixed{margin: 6%;width: 88%;padding-top:40px;}
|
||
.doublecheck{background: url(../../img/mobile/doublecheck.gif) no-repeat right top; display: inline-block;cursor: pointer !important;}
|
||
.certification{background: url(../../img/mobile/certification.gif) no-repeat right center; display: inline-block;cursor: pointer !important;}
|
||
|
||
.search_text{font-size: 22px; line-height: 40px; color:#606060; text-align: center; margin:120px 0 50px 0;}
|
||
.agree_list {font-size: 14px;width: 100%;padding-bottom: 20px;color:#b7b7b7;}
|
||
.agree_list div{ overflow: hidden;display: block;height: 35px;line-height: 35px;}
|
||
.agree_list .current{color:#2bbec6;}
|
||
.viewall {text-decoration: underline;}
|
||
.viewall img{vertical-align: middle;}
|
||
.join_header{width:100%; margin:0 auto; text-align: center;position: relative; }
|
||
.join_header .camera{position: absolute;top: 40px;left: 54%;}
|
||
.slct {
|
||
background: #fff url(../../img/mobile/img_select.gif) no-repeat 100% 50%;
|
||
background-size: auto 5px;
|
||
overflow: hidden;
|
||
width: 100px;
|
||
float: left;
|
||
margin-right: 10px;
|
||
}
|
||
.slct select {
|
||
-moz-appearance: none;
|
||
background: transparent none repeat scroll 0 0;
|
||
border: medium none;
|
||
height: 40px;
|
||
line-height: 40px;
|
||
padding-left: 10px;
|
||
width: 100px;color: #b7b7b7;
|
||
font-size: 16px;
|
||
}
|
||
.form_tit{font-size:13px; color:#b7b7b7; padding-left:2%;}
|
||
.save a{color:#b2fbff;}
|
||
.popup_policy2 h3 {font-size: 16px;padding-bottom: 10px;line-height: 30px;color:#386868;}
|
||
.agree_off{background: url(../../img/mobile/agree_off.gif) no-repeat 0 center;width: 30px; text-indent: -9999999px;display: inline-block;}
|
||
.agree_on{background: url(../../img/mobile/agree_on.gif) no-repeat 0 center;width: 30px; text-indent: -9999999px;display: inline-block;}
|
||
.main_header{width: 88%;
|
||
margin: 0 auto;
|
||
text-align: center;
|
||
position: relative;
|
||
background: #04b9c2;
|
||
padding: 0 6%;}
|
||
.main_header .header_tit img{vertical-align: middle; }
|
||
.main_header .form-group2{position: absolute;top:150px;text-align: left; width: 88%;}
|
||
.main_header .form-group2 input {
|
||
border-bottom:1px solid #5cd1d8;
|
||
display: inline-block;
|
||
height: 40px;
|
||
line-height: 40px;
|
||
overflow: hidden;
|
||
padding: 0;
|
||
vertical-align: middle;
|
||
color:#5cd1d8 !important;
|
||
padding-left: 2%;
|
||
font-size: 17px;
|
||
font-weight:normal; background: #04b9c2;
|
||
}
|
||
.main_header .form-group2 input::placeholder {color: #98ebf0;}
|
||
.main_header .form-group3{position: absolute;top:200px;text-align: left; width: 88%;}
|
||
.main_header .form-group3 input {
|
||
border-bottom:1px solid #5cd1d8;
|
||
display: inline-block;
|
||
height: 40px;
|
||
line-height: 40px;
|
||
overflow: hidden;
|
||
padding: 0;
|
||
vertical-align: middle;
|
||
color:#5cd1d8 !important;
|
||
padding-left: 2%;
|
||
font-size: 17px;
|
||
font-weight:normal; background: #04b9c2;
|
||
}
|
||
.main_header .form-group3 input::placeholder {color: #98ebf0;}
|
||
.main_cont{position: absolute;
|
||
width: 88%;
|
||
clear: both;
|
||
overflow: hidden;
|
||
display: block;
|
||
margin: 0 6%;}
|
||
.m_email{padding: 15px 40px;font-size: 17px; width: 100%; background:#fff; color:#04b9c2; border: 1px solid #04b9c2;}
|
||
.m_facebook{padding: 15px 40px;font-size: 17px; width: 100%; background:#4267b2; color:#fff; border: 0;}
|
||
.m_tweeter{padding: 15px 40px;font-size: 17px; width: 100%; background:#1894ec; color:#fff; border: 0;}
|
||
.m_kakao{padding: 15px 40px;font-size: 17px; width: 100%; background:#f9e000; color:#fff; border: 0;}
|
||
.m_naver{padding: 15px 40px;font-size: 17px; width: 100%; background:#42b72a; color:#fff; border: 0;}
|
||
.b_bottom {margin: 20px 0 30px 0;text-align: center;}
|
||
.b_bottom a{color:#5d5d5d; font-size: 17px;}
|
||
.b_login {text-decoration: underline;padding-left: 20px; color:#5d5d5d;}
|
||
.b_login a {color: #04b9c2;}
|
||
.chk_id_login {font-size: 17px;color:#5d5d5d;margin:10px 0 ;text-align:center;}
|
||
.fixed{padding-left: 2%;font-size: 17px; height: 40px;line-height: 40px;color:#545454;}
|
||
.left_popup{position:absolute; left:8%; top:110px; background: #fff; border:1px solid #ccc; border-radius:5px; width:160px; }
|
||
.left_popup a{color:#383737;}
|
||
.left_popup span{border-bottom: 1px solid #ccc; padding:0 2% 0 8%;height:50px; line-height:50px;float:left; width:90%;}
|
||
.left_popup span:last-child{border-bottom:0 !important;}
|
||
.right_popup{position:absolute; right:5%; top:110px; background: #fff; border:1px solid #ccc; border-radius:5px;width:140px; }
|
||
.right_popup a{color:#383737;}
|
||
.right_popup span{border-bottom: 1px solid #ccc;padding:0 2% 0 8%;height:50px; line-height:50px;float:left; width:90%;}
|
||
.right_popup span:last-child{border-bottom:0 !important;}
|
||
.left_popup .agree_off{background: url(../../img/mobile/agree_off2.gif) no-repeat 90% 50%;text-indent:0 !important;}
|
||
.left_popup .agree_on{background: url(../../img/mobile/agree_on2.gif) no-repeat 90% 50%;text-indent:0 !important;}
|
||
.right_popup .agree_off{background: url(../../img/mobile/agree_off2.gif) no-repeat 90% 50%; text-indent:0 !important;}
|
||
.right_popup .agree_on{background: url(../../img/mobile/agree_on2.gif) no-repeat 90% 50%;text-indent:0 !important;}
|
||
|
||
.mask {
|
||
background: rgba(0, 0, 0, 0) url(../../img/mobile/mask_bg.png) repeat scroll 0 0;
|
||
height: 100%;
|
||
left: 0;
|
||
position: fixed;
|
||
top: 0;
|
||
width: 100%;
|
||
z-index: 9999;
|
||
}
|
||
.popup_wrap .cate_on {
|
||
background: url(../../img/mobile/cate_on.gif) no-repeat left 50%;
|
||
padding-left: 30px;
|
||
}
|
||
.popup_wrap .cate_on {
|
||
background: url(../../img/mobile/cate_on.gif) no-repeat left 50%;
|
||
padding-left: 30px;
|
||
}
|
||
.popup_wrap .notice {
|
||
overflow: hidden;
|
||
text-align: left;
|
||
color: #a7a7a7;
|
||
line-height: 30px;
|
||
padding-bottom: 10px;
|
||
}
|
||
.popup_wrap .notice dt {
|
||
color: #333;
|
||
float: left;
|
||
width: 30%;
|
||
}
|
||
.popup_wrap .notice dd {
|
||
width: 70%;
|
||
float: left;
|
||
text-align: left;
|
||
}
|
||
.popup_wrap .notice_list {
|
||
overflow: hidden;
|
||
padding-bottom: 30px;
|
||
line-height: 40px;
|
||
}
|
||
.popup_wrap .notice_list dt {
|
||
color: #333;
|
||
float: left;
|
||
width: 90%;
|
||
text-align: left;
|
||
}
|
||
.popup_wrap .notice_list dd {
|
||
width: 10%;
|
||
float: left;
|
||
text-align: left;
|
||
}
|
||
.info_forms input {
|
||
border: 1px solid #ccc;
|
||
display: inline-block;
|
||
height: 40px;
|
||
line-height: 40px;
|
||
overflow: hidden;
|
||
padding: 0;
|
||
vertical-align: middle;
|
||
border-radius: 5px;
|
||
padding-left: 2%;
|
||
font-size: 14px;
|
||
}
|
||
/* channel */
|
||
.channel_top {
|
||
width: 100%;
|
||
clear: both;
|
||
padding-bottom: 5px;
|
||
line-height: 50px;
|
||
font-size: 17px;
|
||
overflow: hidden;
|
||
display: block;
|
||
}
|
||
|
||
.channel_cont .wrap {
|
||
overflow: hidden;
|
||
padding:0 3%;
|
||
width: 93%;
|
||
margin: 0 auto;
|
||
}
|
||
.channel_boxs {
|
||
display: block;
|
||
clear: both;
|
||
overflow: hidden;
|
||
width: 100%;
|
||
margin-bottom: 20px;
|
||
}
|
||
.channel_detail_box {
|
||
width: 100%;
|
||
overflow: hidden;
|
||
display: block;
|
||
margin-bottom:5px;
|
||
line-height: 20px;
|
||
position: relative;
|
||
}
|
||
.channel_detail {
|
||
width: 100%;
|
||
}
|
||
.channel_detail_box > div:nth-child(2) { position: absolute; top: 0; right: 0; margin-top: 25px !important; }
|
||
.channel_detail_box .delivery { font-size: 12px; padding-right: 2px; letter-spacing: -1.5px; }
|
||
.channel_profile {
|
||
float: left;
|
||
margin-right: 10px;
|
||
padding-left: 1%;
|
||
height: 50px;
|
||
width: 50px;
|
||
overflow: hidden;
|
||
display: block;
|
||
border-radius: 50%;
|
||
}
|
||
.channel_profile img {
|
||
border-radius: 50px;
|
||
min-width: 100%;
|
||
min-height: 100%;
|
||
}
|
||
.chinfo {
|
||
font-size: 16px;
|
||
}
|
||
.channel_boxs .channel_con {
|
||
width: 48%;
|
||
float: left;
|
||
display: block;
|
||
}
|
||
.channel_boxs .channel_con:last-child{margin-left:4%;}
|
||
.channel_boxs .channel_con > a { display: block; overflow: hidden; height: 110px; }
|
||
.channel_boxs .channel_con > a > img { min-height: 110px; }
|
||
.channel_boxs .channel_con img {width:100%; }
|
||
.channel_boxs .channel_con2 {
|
||
width: 47%;
|
||
height: 220px; /*20181001*/
|
||
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;
|
||
margin-bottom: 20px;
|
||
}
|
||
.channel_boxs .channel_con2 .chtitle{ padding:10px 10px;}
|
||
.channel_boxs .channel_con2:last-child{margin-left:4%;}
|
||
.channel_boxs .channel_con2 > a { display: block; overflow: hidden; height: 110px; position:relative;}/*20181001*/
|
||
.channel_boxs .channel_con2 img {width:100%;}
|
||
.channel_boxs .channel_con2 > a img { width: 100%; min-height: 110px; }/*20181001*/
|
||
.channel_boxs .channel_con2 .chtitle > a { -webkit-line-clamp:3; -webkit-box-orient:vertical; display:-webkit-box; text-overflow:ellipsis; overflow:hidden; }
|
||
.chtitle {font-size: 15px;padding: 5px 0 15px;line-height: 20px;}
|
||
.chtitle a{color:#4f4f4f;}
|
||
.editor{padding-left:14px;}
|
||
.editor a{color:#949494;}
|
||
.channel_category {
|
||
overflow: hidden;
|
||
display: block;
|
||
width: 100%;
|
||
margin-bottom: 30px;
|
||
margin-top: 10px;
|
||
}
|
||
.editor2{padding:0 0 15px 14px;}
|
||
.editor2 a{color:#949494;}
|
||
.channel_category {
|
||
overflow: hidden;
|
||
display: block;
|
||
width: 100%;
|
||
margin-bottom: 30px;
|
||
margin-top: 10px;
|
||
}
|
||
.channel_category li {
|
||
padding-right: 30px;
|
||
float: left;
|
||
padding-bottom: 10px;
|
||
}
|
||
.channel_category .current {
|
||
color: #2bbec6;
|
||
}
|
||
.channel_category a {
|
||
font-size: 17px;
|
||
color: #a7a7a7;
|
||
}
|
||
.channel_tit {
|
||
font-size: 19px;
|
||
width: 100%;
|
||
margin-bottom: 30px;
|
||
}
|
||
.channel_boxs .bk_con {
|
||
position: relative;
|
||
width: 48%;
|
||
float: left;
|
||
font-size: 17px;
|
||
}
|
||
.channel_boxs .bk_con:last-child {margin-left:4%;}
|
||
.channel_boxs .bk_con .chn_tit {
|
||
text-align: center;
|
||
position: absolute;
|
||
top: 25px;
|
||
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: 60px;
|
||
margin: 0 auto;
|
||
width: 10% !important;
|
||
height: 1px;
|
||
text-align: center;
|
||
z-index: 2;
|
||
display: block;
|
||
left: 45%;
|
||
height: 1px;
|
||
}
|
||
.channel_boxs .bk_con img {
|
||
border-radius: 5px;
|
||
width:100%;
|
||
}
|
||
.channel_boxs .chn_reply {
|
||
position: absolute;
|
||
top: 70px;
|
||
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: 4px;
|
||
left: 0;
|
||
z-index: 1;
|
||
background-color: #000;
|
||
opacity: 0.3;
|
||
}
|
||
.life_click2 {
|
||
font-size: 15px;
|
||
color: #a5a5a5;
|
||
margin-top: 5px;
|
||
}
|
||
.life_click2 li {
|
||
float: left;
|
||
padding-left: 10px;
|
||
}
|
||
.life_click2 .current {
|
||
color: #383737;
|
||
}
|
||
.life_click2 a {
|
||
color: #CCC;
|
||
}
|
||
|
||
.channel_header {
|
||
position: relative;
|
||
}
|
||
.channel_header2 {
|
||
position: relative;
|
||
}
|
||
.channel_header_fixed{margin-top:50px;}
|
||
|
||
.channel_header .wrap_cover {
|
||
width: 100%;
|
||
top: 0;
|
||
max-height: none!important;
|
||
position: relative;
|
||
}
|
||
.wrap_cover .bookmark { position: absolute; right: 10px; bottom: 10px; color: #fdbb00; font-size: 20px; z-index: 99; }
|
||
.cover_image2 {
|
||
background: url(../../img/mobile/img_channel2.jpg) no-repeat left top;
|
||
display: block;
|
||
background-size: cover;
|
||
height: 210px;
|
||
background-position: 50% 50%;
|
||
}
|
||
.channel_header .cover_inner {
|
||
display: block;
|
||
background-color: #000;
|
||
opacity: 0.4;
|
||
height: 100%;
|
||
position: absolute;
|
||
top: 0;
|
||
left: 0;
|
||
width: 100%;
|
||
}
|
||
.channel_header .wrap_channel {
|
||
width: 100%;
|
||
margin: 0 auto;
|
||
display: block;
|
||
height: 145px;
|
||
position: absolute;
|
||
top: 35px;
|
||
/* bottom: 165px; */
|
||
z-index: 9999;
|
||
}
|
||
.channel_header .wrap_btn {
|
||
right:10px;
|
||
position: absolute;
|
||
bottom: 10px;
|
||
}
|
||
.channel_header .wrap_btn span{padding-left:32px; vertical-align: middle; line-height: 30px;}
|
||
.channel_header .wrap_btn a{color:#fff;}
|
||
.sky_boxs{width:100%; overflow: hidden;display: block; border-bottom: 1px solid #ececec; padding-bottom:10px; margin-bottom: 10px;}
|
||
.sky_boxs:last-child{border-bottom: 0; margin-bottom: 0; padding-bottom: 0}
|
||
.cover_cell {
|
||
position: absolute;
|
||
top:10px;
|
||
margin: 0 auto;
|
||
color: #fff;
|
||
width: 100%;
|
||
text-align: center;
|
||
}
|
||
.cover_cell img{vertical-align: middle;}
|
||
.cover_cell .chdate {
|
||
color: #cacaca;
|
||
font-size: 12px;
|
||
padding-left: 5px;
|
||
display: inline-block;
|
||
}
|
||
.cover_cell .cheditor a{color:#fff;}
|
||
.cover_cell .cheditor2 a{color:#2bbec6;}
|
||
.cover_cell .chcate a{color:#fff;}
|
||
.cover_cell .chcate span{background: url(../../img/mobile/bgbg3.png) repeat-x left bottom; padding-bottom:8px; z-index:99999;}
|
||
.cover_star {
|
||
position: absolute;
|
||
bottom: 10px;
|
||
z-index: 99;
|
||
right: 10px;
|
||
}
|
||
.titlewrap {
|
||
line-height: 20px;
|
||
/* vertical-align: middle; */
|
||
margin-top: 10px;
|
||
display: table; width: 100%;
|
||
}
|
||
.titlewrap > span { display: table-cell; vertical-align: middle; height: 40px; }
|
||
.title_profile {
|
||
width: 39px;
|
||
height: 39px;
|
||
margin-right: 12px;
|
||
display: inline-block;
|
||
vertical-align: top;
|
||
}
|
||
.title_profile img {
|
||
border-radius: 39px;
|
||
}
|
||
.chtit {
|
||
font-size: 20px;
|
||
font-family: 나눔명조,Nanum Myeongjo,georgia,돋움;
|
||
font-weight: normal;
|
||
}
|
||
.chtit a > img { width: 60px !important; height: 60px !important; position: absolute; bottom: -65px; left: 50%; margin-left: -30px; }
|
||
.chtxt {
|
||
font-size: 13px;
|
||
color: #b0b0b0;
|
||
}
|
||
.chtxt2 {
|
||
font-size: 12px;
|
||
color: #fff; padding-top:5px;
|
||
}
|
||
.cover_profile {
|
||
position: absolute;
|
||
top: 147px;
|
||
margin: 0 auto;
|
||
width: 100%;
|
||
text-align: center;
|
||
}
|
||
.cover_profile a, .cover_profile2 a { display: inline-block; width: 50px; height: 50px; overflow: hidden; border-radius: 50px; }
|
||
.cover_profile2 {
|
||
position: absolute;
|
||
top: 183px;
|
||
margin: 0 auto;
|
||
width: 100%;
|
||
text-align: center;
|
||
}
|
||
.cover_profile img {
|
||
/*border-radius: 88px;*/
|
||
width: 100% !important;
|
||
height: 100% !important;
|
||
}
|
||
.cover_profile2 img {
|
||
border-radius: 88px;
|
||
}
|
||
.cont_middle .img_profile img{width:100%; max-height: 209px;}
|
||
.chtit a {
|
||
color: #fff;
|
||
}
|
||
.chtit img{ border-radius: 39px; vertical-align: top;}
|
||
.chtitle2 {
|
||
font-size: 16px;
|
||
padding:5px;
|
||
line-height: 26px;
|
||
-webkit-line-clamp:2; -webkit-box-orient:vertical; display:-webkit-box; text-overflow:ellipsis; overflow:hidden;
|
||
}
|
||
.chtitle2 a {
|
||
color: #383737;
|
||
}
|
||
.channel_cont .like {
|
||
font-weight: bold;
|
||
padding-left: 4px;
|
||
}
|
||
.chname {
|
||
font-size: 15px;
|
||
padding-left: 10px;
|
||
}
|
||
.chname a {
|
||
color: #a1a1a1;
|
||
}
|
||
.channel_cont .channel_photo {
|
||
float: left;
|
||
margin-right: 20px;
|
||
width: 35%;
|
||
}
|
||
.channel_cont .channel_photo a { display: block; height: 90px; overflow: hidden; position:relative; }
|
||
.channel_cont .channel_photo img{
|
||
width:100%;
|
||
max-width:200px;
|
||
min-height: 90px;
|
||
}
|
||
.channel_cont {
|
||
border-bottom: 1px solid #ebeef3;
|
||
overflow: hidden;
|
||
display: block;
|
||
padding: 20px 0;background: #f8f8f8;
|
||
width: 100%;clear:both;
|
||
}
|
||
.channel_cont_fixed{margin-top:50px;}
|
||
.channel_cont h4{width: 100%;
|
||
clear: both;
|
||
padding-bottom: 15px;
|
||
font-size: 17px;}
|
||
.ch_txt{font-size:17px;}
|
||
.ch_txt img{vertical-align: top;}
|
||
.cover_social {
|
||
position: absolute;
|
||
top: 190px;
|
||
margin: 0 auto;
|
||
width: 100%;
|
||
text-align: center;
|
||
}
|
||
.cover_social a {
|
||
padding: 0 5px;
|
||
}
|
||
.grace_top h4{
|
||
clear: both;
|
||
padding-bottom: 15px;
|
||
font-size: 17px;padding: 20px 20px 10px;
|
||
}
|
||
.article_cont {position: relative;}
|
||
.article_cont .wrap {
|
||
overflow: hidden;
|
||
padding: 30px 6%;
|
||
width: 88%;
|
||
margin: 0 auto;
|
||
background: #fbfcfd;
|
||
}
|
||
.article_cont_fixed{margin-top:50px;}
|
||
.life_menu{position: absolute; top:0; right:0 ;width:300px; border-left:1px solid #dddddd; border-bottom: 1px solid #dddddd; background: #fff; z-index: 99999999;}
|
||
.life_menu_l {position: absolute; top:0; left:0 ;width:300px; border-right:1px solid #dddddd; border-bottom: 1px solid #dddddd; background: #fff; z-index: 99999999;}
|
||
.life_menu_top{background: #f6f6f6; width:100%; position: relative;}
|
||
.life_menu_top .life_cate {width:100%; overflow: hidden; height: 36px;
|
||
line-height: 36px;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:20px; height: 20px; line-height:20px; background: #2bbec6; border-radius: 20px;}
|
||
.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{vertical-align: middle; max-width: 15px;}
|
||
.life_menu_top .life_cate span{float:left; padding:0 1%;position:relative; text-align: center;}
|
||
.life_list_top{text-align: center; padding: 20px; border-bottom: 1px solid #eeeeee; background: #fff; }
|
||
.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{ padding:20px 0 0; text-align: center;}
|
||
.life_menu_top .profile img{border-radius: 73px;}
|
||
.life_menu_top .life_close{position:absolute; right:20px; top:20px}
|
||
.life_menu_top .nickname{padding:10px 0; color:#2bbec6; font-size:17px; text-align: center;}
|
||
.life_menu_top .member{font-size:14px; text-align: center;}
|
||
.life_menu_top .bible{text-align: center;font-style: italic; font-size: 12px; padding:10px 0 0; line-height: 20px; width:60%; margin:0 auto;}
|
||
.life_menu_top .chpter{color:#bebebe; font-size: 11px; padding-top: 5px}
|
||
.life_list_bottom{text-align: center; padding:20px; border-top: 1px solid #eeeeee; background: #fff;}
|
||
.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; padding:20px 0; background: #fff;}
|
||
.life_app {position: relative; padding:20px 0; display: block; background: #fff; }
|
||
.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:40px;}
|
||
.life_app .app_txt{padding-top:10px;}
|
||
.btn_info{position:absolute; right:10px; font-size:12px; color:#8c8c8c}
|
||
|
||
.life_menu.right_m { right: auto; left: 0; }
|
||
.life_menu.right_m .life_list_top, .life_menu.right_m .life_list_bottom { margin: 0; }
|
||
|
||
.news_list .art-info{width:520px; float:left;}
|
||
.news_list .art-info2{float:left; width:550px;}
|
||
.news_list .art-img {width: 100%;float: right;margin-left: 20px;/* max-width: 150px; *//* max-height: 150px; */}
|
||
.news_list .art-img2 {width: 160px;float: left;margin-right: 20px;}
|
||
.news_list .art-img2 a { display: block; overflow: hidden; }
|
||
.news_list .list_no{font-size:18px; color:#2bbec6; width:30px; float:left; font-weight: bold;}
|
||
.news_list .art-title {font-size: 22px;padding-bottom: 10px; font-weight: bold;}
|
||
.news_list .art-title a:hover{color:#2bbec6;}
|
||
.news_list .art-sum{font-size:14px;line-height: 25px;}
|
||
.news_list_cont{clear:both; border-bottom: 1px solid #eaeaea;overflow: hidden;display: block; padding:10px 0;}
|
||
.news_list_cont .origin{color:#9a9a9b; font-size:15px; padding-left:10px;}
|
||
.news_list_cont .origin a{color:#9a9a9b; font-weight: normal;}
|
||
.news_list_cont .art-info{color:#a1a1a1;}
|
||
.view_header h2{font-size:27px; padding:15px 0; letter-spacing: -2px;color:#383737;}
|
||
.view_header .time{font-size:12px; color:#888 ;}
|
||
|
||
.logo_company {padding-right: 7px;}
|
||
.logo_company img{vertical-align: top;}
|
||
.view_main{clear: both;overflow: hidden;display: block; background: #fbfcfd;}
|
||
.view_img img{width:100%;}
|
||
.sub_tit {
|
||
margin-top: 50px;
|
||
text-align: center;
|
||
font-size: 19px;
|
||
color: #888;
|
||
}
|
||
.sub_tit2 {
|
||
text-align: center;
|
||
font-size: 19px;
|
||
color: #2bbec6;
|
||
}
|
||
.sub_tit_bar {
|
||
text-align: center;
|
||
margin-bottom: 20px;
|
||
}
|
||
.view_img .img_desc {
|
||
float: left !important;
|
||
padding:10px 0 0 20px;
|
||
color: #999;
|
||
}
|
||
.view_article {
|
||
clear: both;
|
||
font-size: 16px;
|
||
line-height: 28px;
|
||
}
|
||
.view_article > p { margin: 0 !important; }
|
||
.view_article table { width: 100% !important; table-layout: fixed; }
|
||
.view_article p{padding:0 20px;}
|
||
.view_article img { max-width: 100%; }
|
||
.view_header{background: #fbfcfd; padding:20px; overflow:hidden;}
|
||
.writer {
|
||
height: 40px;
|
||
line-height: 40px;
|
||
font-size: 14px;
|
||
color: #888;
|
||
padding: 20px;
|
||
}
|
||
.relatedarticle{margin-top:30px; padding: 0 20px;}
|
||
.relatedarticle h4{font-weight: bold;padding-bottom: 10px; font-size:15px; }
|
||
.relatedarticle li{border-bottom:1px solid #eaeaea; -webkit-line-clamp:1; -webkit-box-orient:vertical; display:-webkit-box; text-overflow:ellipsis; overflow:hidden; height: 40px;line-height: 40px;}
|
||
.relatedarticle li a{font-size:16px;color:#000000;}
|
||
.relatedarticle li a:hover{color:#2bbec6;}
|
||
.reaction{padding:30px 10px; margin-top:30px; border-top:1px solid #ebeef3;border-bottom:1px solid #ebeef3; overflow:hidden; font-size:17px;}
|
||
.reaction .reaction_box{float:left; width:20%; text-align: center;}
|
||
.reaction .reaction_box img{width:60%;}
|
||
.reaction .like{font-size: 9px; padding-top:11px;}
|
||
.reaction .click{text-align: center; padding-top:5px;}
|
||
.rb {text-align: center;}
|
||
.banner img{width:100%;}
|
||
|
||
.reply .delete{padding-left:20px; color:#bcbcbc;}
|
||
.reply .user { float: left; font-size: 11px; color: #888; letter-spacing: -1px; line-height: 21px; }
|
||
.reply .user a { display: inline-block; padding-left: 5px; color: #333; }
|
||
.reply .facebook {float:left; }
|
||
.reply .facebook.on {float:right !important;}
|
||
.reply .facebook a{padding:0 1px;}
|
||
.reply .tweet img{padding-right: 10px;}
|
||
/*.reply .reply_write{color:#999999; line-height: 23px; padding:10px 20px;}*/
|
||
.reply_regist{border-top:1px solid #e8e9ea; height:46px; line-height: 46px; }
|
||
.reply_no{color:#bcbcbc; padding-left:20px;}
|
||
.reply_btn{background: #04b9c2; width:87px; height: 47px; color:#fff; float:right; text-align: center; line-height: 47px;}
|
||
.reply_btn a{color:#fff;}
|
||
.reply_btn a:hover{color:#fff;}
|
||
.reply_social{padding:10px 10px 0 10px; overflow: hidden; }
|
||
.reply_social a{color:#000; margin-right:5px; }
|
||
.reply .reply_box{ border: 1px solid #c5c5c5;clear: both;overflow: hidden;background: #fff; margin: -10px 20px 0 20px;}
|
||
.reply .reply_box3 {
|
||
border: 1px solid #c5c5c5;
|
||
clear: both;
|
||
overflow: hidden;
|
||
background: #fff;
|
||
margin: -10px 0 0 30px;
|
||
}
|
||
.r_text label {
|
||
border-radius: 3px;
|
||
padding: 2px 4px;
|
||
color: #fff;
|
||
background: #e64c3d;
|
||
display: inline-block;
|
||
margin-right: 5px;
|
||
font-size: 11px;
|
||
}
|
||
.reply .reply_box2{ clear:both; overflow:hidden; background: #f5f6f6; border-top:1px solid #ebeef3; padding:20px 20px 0 20px; display:block;}
|
||
.reply .reply_box2 .box_wrap{overflow:hidden;display: block; border-bottom: 1px solid #e0e1e1; padding-bottom:20px; margin-bottom:20px;}
|
||
.reply .reply_box2 .box_wrap li{float:left;}
|
||
.reply .reply_box2 .box_wrap2{ overflow:hidden; display: table; width: 100%; margin-bottom:20px;}
|
||
.reply .reply_box2 .box_wrap2 li { display: table-cell; vertical-align: top; }
|
||
.reply .reply_box2 .box_wrap2 li:first-child { width: 25px; }
|
||
.reply .reply_box2 .box_wrap .r_text li{float:left; padding-right:10px;}
|
||
.reply_close{width:90px; height: 30px; line-height: 30px; background:#fff; border: 1px solid #c7c7c7; text-align: center; margin:20px auto;}
|
||
.box_wrap2 .reply_box { padding: 0; margin: 0; }
|
||
.reply_comment{margin:0 20px;}
|
||
.reply_close a:hover{color:#2bbec6;}
|
||
.reply_close img{ padding-top:12px;padding-left:5px;}
|
||
.r_info{color:#999999; padding-bottom:10px;}
|
||
.r_info a{color:#999;}
|
||
.r_info a:hover{color:#2bbec6;}
|
||
.r_info span{padding-right:10px;}
|
||
.r_date{font-size:12px;}
|
||
.r_text{font-size: 15px;padding-bottom:15px;}
|
||
.reply_sort{border-bottom: 1px solid #ebeef3; margin: 20px 20px 0;padding:10px 0; font-size:16px; }
|
||
.reply_sort span{padding-right:20px;}
|
||
.reply_sort a:hover{ color:#000;}
|
||
.reply_sort .current{ color:#000; font-weight:bold;}
|
||
.reply_comment{padding:20px 0;border-bottom: 1px solid #ebeef3; overflow:hidden;}
|
||
.reply_comment:last-child{border-bottom: 0 !important;}
|
||
.r_base{overflow:hidden;display:block; clear: both;}
|
||
.icons{float:right !important; }
|
||
.reply_box2 .icons{/* float:right !important; */position: absolute;bottom: 0;right: 0;width: 155px;height: 30px;display: inline-block;}
|
||
.icons img{padding-right:7px;vertical-align: middle;}
|
||
.icons span{padding-left: 20px;}
|
||
.reply_box2 .icons2{float:right !important; padding-top:20px; }
|
||
.reply_box textarea{width:100% !important;}
|
||
.icons2 img{padding-right:7px;vertical-align: middle;}
|
||
.icons2 span{padding-left: 20px;}
|
||
|
||
.r_base li.icons2{
|
||
float: right !important;
|
||
}
|
||
|
||
.thumbup{color:#e85d51;}
|
||
.thumbdown{color:#3c92ca;}
|
||
.img_reply{width:20px; float:left;}
|
||
.article_recommend{
|
||
clear: both;
|
||
background: #fbfcfd;
|
||
overflow: hidden;
|
||
display: block;
|
||
padding: 20px;
|
||
}
|
||
.news_list_cont .art-img2 {
|
||
width: 30%;
|
||
float: left;
|
||
margin-right: 5%;
|
||
}
|
||
.news_list_cont:last-child{border-bottom: 0 !important;}
|
||
.art-img2 > a { display: block; overflow: hidden; height: 90px; position:relative;}
|
||
.art-img2 img{width:100%; min-height: 90px;}
|
||
.news_list_cont .art-info2 {
|
||
float: left;
|
||
width: 65%;
|
||
}
|
||
.news_list_cont .art-title {
|
||
font-size: 17px;
|
||
padding-bottom: 10px;
|
||
}
|
||
.news_list_cont .art-title a{color:#383737;}
|
||
.news_list_cont .art-title a:hover{color:#2bbec6;}
|
||
.news_list_cont .art-title a:visited, .news_list_cont .art-title a:active { color: #999 !important; }
|
||
.news_list_cont .time {font-size:14px; color:#999999;}
|
||
|
||
.popup_share {width:80%;border: 1px solid #d9d9d9; top:120px; background: #fff; position: absolute; padding:10px; height: 235px; border-radius: 5px;
|
||
left:10% !important;}
|
||
.popup_share a:hover{color:#2bbec6;}
|
||
.popup_share img{padding-bottom: 5px;}
|
||
.popup_share li{float:left;text-align:center; width:25%; display: inline-block; padding-bottom:5px;}
|
||
.popup_share li a{font-size: 10px;color:#4e4d4d;}
|
||
.popup_share .s_share{clear:both;display: block; padding-top:10px; position: relative;}
|
||
.popup_share .s_window {
|
||
background: #f8f8f8 none repeat scroll 0 0;
|
||
border: 1px solid #d8d8d8;
|
||
color: #686868;
|
||
display: inline-block;
|
||
font-size: 14px;
|
||
height: 30px; line-height: 28px;
|
||
padding-left: 10px;
|
||
padding-right: 75px;
|
||
position: absolute;
|
||
width: 100%;
|
||
}
|
||
.popup_share .s_src_sumit {
|
||
background: #fff none repeat scroll 0 0;
|
||
border: 1px solid #d8d8d8;
|
||
height: 30px;
|
||
line-height: 30px;
|
||
overflow: visible;
|
||
width: 65px;
|
||
position: absolute;right:0;font-size: 12px;
|
||
}
|
||
.popup_share2 {
|
||
width:226px;border: 1px solid #d9d9d9; top:20px; left:50%; background: #fff; position: absolute; padding:10px; height: 235px; border-radius: 5px; margin-left:-113px;}
|
||
.popup_share2 a:hover{color:#2bbec6;}
|
||
.popup_share2 img{padding-bottom: 5px;}
|
||
.popup_share2 li{float:left;text-align:center; width:25%; display: inline-block; padding-bottom:5px;}
|
||
.popup_share2 li a{font-size: 10px;color:#4e4d4d;}
|
||
.popup_share2 .s_share{clear:both;display: block; padding-top:10px; position: relative;width: 225px;}
|
||
.popup_share2 .s_window {
|
||
background: #f8f8f8 none repeat scroll 0 0;
|
||
border: 1px solid #d8d8d8;
|
||
color: #686868;
|
||
display: inline-block;
|
||
font-size: 14px;
|
||
height: 28px; line-height: 28px;
|
||
padding-left: 10px;
|
||
position: absolute;
|
||
width: 174px; left:0;
|
||
}
|
||
.popup_share2 .s_src_sumit {
|
||
background: #fff none repeat scroll 0 0;
|
||
border: 1px solid #d8d8d8;
|
||
height: 30px;
|
||
line-height: 30px;
|
||
overflow: visible;
|
||
width: 65px;
|
||
position: absolute;right:0;font-size: 12px;
|
||
}
|
||
|
||
.font{width:90px;border: 1px solid #d9d9d9; top:120px;right:20px;background: #fff; position: absolute; border-radius: 5px;}
|
||
.font a{color:#383737;}
|
||
.font li{border-bottom: 1px solid #f6f6f6; padding:7px 10px ;}
|
||
.font img{vertical-align: top; float:right;}
|
||
.share_top{position: relative; height: 50px;}
|
||
.share_tit{ position: absolute; left:80px; top:10px;}
|
||
.share_x{ position: absolute; right:10px;top:10px;}
|
||
.reply .reply_tit{margin:20px 20px;}
|
||
.reply .reply_title{border-bottom: 1px solid #d9d9d9; padding-bottom: 10px; color:#04b9c2; font-size:16px; margin:0 20px;}
|
||
.life_editor{color:#b0b0b0; position: absolute; top:340px; text-align:center; width:100%;}
|
||
.life_editor2 a{color:#4f4f4f;font-size:16px; position: absolute; top:270px; text-align:center; padding:0 5%; width:90%; margin: 0 auto}
|
||
.life_editor3 a{color:#2bbec6;font-size:16px; position: absolute; top:240px; text-align:center; padding:0 5%; width:90%; margin: 0 auto}
|
||
.mbleft{position: relative; width:100%; float:left;}
|
||
.mbright{position: relative; width:100%; float:left;}
|
||
.middle_banners{width:100%; margin-top:20px; display: block; overflow: hidden; clear:both;}
|
||
.middle_banners .card_main_title {
|
||
position: absolute;
|
||
top: 22px;
|
||
color: #c4c4c4;
|
||
font-size: 12px;
|
||
z-index: 9999;
|
||
text-align: center;
|
||
margin: 0 auto;
|
||
width: 100%;
|
||
}
|
||
.middle_banners .card_main_txt {
|
||
position: absolute;
|
||
top: 44px;
|
||
color: #fff;
|
||
left: 0;
|
||
z-index: 9999;
|
||
width: 100%;
|
||
font-size: 16px;
|
||
text-align: center;
|
||
font-family: 나눔명조, Nanum Myeongjo, georgia,ë‹ì›€;
|
||
}
|
||
.middle_banners .card_main_txt a{color:#fff;}
|
||
.middle_banners .chn_bar img {
|
||
position: absolute;
|
||
top: 15px;
|
||
margin: 0 auto;
|
||
height: 1px;
|
||
width: 3%;
|
||
text-align: center;
|
||
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: 20px 0; margin:0 auto;
|
||
width: 100%;
|
||
text-align: center; position: relative;}
|
||
|
||
.life_tags .cover_profile3 a { display: block; width: 60px; height: 60px; border-radius: 40px; margin: auto; overflow: hidden; }
|
||
.life_tags .cover_profile3 img { width: 100%; height: 100%; }
|
||
.life_tags .tags {color:#888; padding:20px 0;}
|
||
.life_tags .tags a{padding:0 5px;}
|
||
.panel_btns img{vertical-align: middle;}
|
||
.life_footer{ background: #fbfcfd; overflow: hidden;display: block; width:100%;}
|
||
.life_cont1{margin-top:20px;}
|
||
.life_cont1_box {padding:0 20px; overflow: hidden;}
|
||
.life_cont1_box li {
|
||
width: 47%;
|
||
float: left;
|
||
line-height: 22px;
|
||
margin-right: 3%;
|
||
padding-bottom: 10px;
|
||
}
|
||
.life_cont1_box li > a { display: block; overflow: hidden; height: 100px; }
|
||
.life_cont1_box li > a img { width: 100%; min-height: 100%; }
|
||
.life_cont1_box li:nth-child(2n) {
|
||
margin-left: 3%; width:47%; margin-right:0 !important;
|
||
}
|
||
.life_cont1 h4 {
|
||
font-weight: bold;
|
||
padding-bottom: 20px;
|
||
font-size: 18px; text-align:center;
|
||
}
|
||
.life_title {padding-top:10px;
|
||
font-size: 14px;
|
||
clear: both;
|
||
}
|
||
.life_title a{color:#4f4f4f; -webkit-line-clamp:2; -webkit-box-orient:vertical; display:-webkit-box; text-overflow:ellipsis; overflow:hidden; min-height: 45px;}
|
||
.life_cont2_box li {
|
||
position: relative;
|
||
float: left;
|
||
width: 100%;
|
||
}
|
||
.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;
|
||
}
|
||
#popular_video, #popular_photo { height: 150px; }
|
||
#popular_video .slick-slide a, #popular_photo .slick-slide a { display: block; height: 100px; overflow: hidden; position: relative; }
|
||
#popular_video .slick-slide a:before { content: ""; display: block; position: absolute; top: 50%; left: 50%; margin-top: -20px; margin-left: -19px; z-index: 997; background-image: url(/img/mobile/img_play.png); background-repeat: no-repeat; width: 38px; height: 38px; }
|
||
|
||
.plays_b a:before { content: ""; display: block; position: absolute; top: 50%; left: 50%; margin-top: -20px; margin-left: -19px; z-index: 997; background-image: url(/img/mobile/img_play.png); background-repeat: no-repeat; width: 38px; height: 38px; }
|
||
|
||
#user_comment_list .com_cont_box { position: relative; }
|
||
#user_comment_list .com_cont_info { position: absolute !important; top: 25px; right: 0; }
|
||
|
||
.life_cont2 .photo_info {
|
||
position: absolute;
|
||
bottom: 10px;
|
||
left: 0;
|
||
padding: 10px;
|
||
color: #fff;
|
||
z-index: 9999;
|
||
text-align: center;
|
||
font-size: 16px;
|
||
}
|
||
.life_cont2 .photo_info a {
|
||
color: #fff;
|
||
}
|
||
.life_cont2 .photo_info2 {
|
||
position: absolute;
|
||
bottom: 10px;
|
||
left: 0; right:0;
|
||
padding: 10px;
|
||
color: #fff;
|
||
z-index: 9999;
|
||
text-align: center;
|
||
font-size: 16px;
|
||
}
|
||
.life_cont2 .photo_info2 a {
|
||
color: #fff;
|
||
}
|
||
.life_cont3 {text-align: center; overflow:hidden;padding: 0 20px 30px 20px;}
|
||
.life_cont3 li{float:left; margin-right: 6%;
|
||
width: 29%;}
|
||
.life_cont3 li:last-child{margin-right: 0 !important;}
|
||
.life_cont3 .tr_txt{padding-top:10px;clear: both;}
|
||
.life_cont3 .tr_txt a{color:#4f4f4f;}
|
||
.life_cont3 h4 {
|
||
font-weight: bold;
|
||
padding-bottom: 20px;
|
||
font-size: 18px; text-align:center;
|
||
}
|
||
.life_cont3 img{border-radius: 134px; width:100%;}
|
||
|
||
|
||
|
||
.life_cont4{text-align: center; padding: 0 20px 30px 20px; overflow: hidden;}
|
||
.life_cont4 h4 {
|
||
font-weight: bold;
|
||
padding-bottom: 20px;
|
||
font-size: 18px; text-align:center;
|
||
}
|
||
.life_cont4 .a_left{width:5%;float:left; margin-right:2%; padding-top:30px;}
|
||
.life_cont4 .a_right{width:5%;float:left; margin-left:2%; padding-top:30px;}
|
||
.life_cont4 .life_cont4_box{width: 85%;float:left;}
|
||
.life_cont4 .life_cont4_box span{width:27%; margin:0 3%; float:left; }
|
||
/* .life_cont4 .life_cont4_box span img{width:100%;border-radius: 77px;} */
|
||
/* 2018-10-08 Add */
|
||
.life_cont4 .life_cont4_box div img{width:90%;border-radius: 77px; margin: 0 !important; }
|
||
.life_cont1 h4 {
|
||
font-weight: bold;
|
||
padding-bottom: 20px;
|
||
font-size: 18px;
|
||
text-align: center;
|
||
}
|
||
.channel_bottom2 {
|
||
margin-bottom: 10px;
|
||
background: rgba(0, 0, 0, 0) url(../../img/mobile/bg_row.gif) repeat-x scroll 50% 50%;
|
||
clear: both;
|
||
display: block;
|
||
height: 80px;
|
||
overflow: hidden;
|
||
padding: 20px 0;
|
||
position: relative;
|
||
width: 100%;
|
||
}
|
||
.channel_bottom2 button {
|
||
position: absolute;
|
||
width: 30%;
|
||
margin-left: 35%;
|
||
height: 35px;
|
||
}
|
||
.cate_top_list {height: 20px; line-height: 20px;}
|
||
.cate_top_list span{padding-right:10px; color:#737373; font-size:12px;}
|
||
.cate_top_list span img{ padding-right:3px; vertical-align: middle;}
|
||
.community_cate{background: #fbfcfd; padding-top:30px; clear:both;}
|
||
.community_cate_tit{padding:0 20px 10px 20px;}
|
||
.community_cate_box{border-bottom:1px solid #dbdbdb;padding:0 20px 20px; }
|
||
.community_cate_box h4{font-size:16px; padding:10px 0; font-weight: bold; }
|
||
.community_cate_box span{padding-right:10px;}
|
||
.community_cate_box span img{padding-right:5px;}
|
||
.header_tit2{margin:0 auto; text-align: center; width:100%;}
|
||
.header_tit2 a{color:#a6eef2; font-size:16px;}
|
||
.header_tit2 .current{color:#fff;}
|
||
.header_tit2 li{float:left;width:25%;}
|
||
|
||
#news .news_top{background: url(../../img/mobile/news_top_bg.jpg) repeat-x left top; height:110px; position: relative; }
|
||
#news .news_menu{position:absolute;left:15px; top:22px;}
|
||
#news .news_logo{position:absolute; left: 42%; top:20px;}
|
||
#news .srch{width:96%; clear:both; display: block; top:55px; position: absolute; padding:0 2%;}
|
||
#news .srch span {
|
||
border: 0 ;
|
||
display: inline-block;
|
||
height: 40px;
|
||
line-height: 40px;
|
||
overflow: hidden;
|
||
vertical-align: middle;
|
||
width: 100%;
|
||
border-radius: 5px;
|
||
background: #fff;
|
||
}
|
||
#news .srch span input {
|
||
border: 0 none;
|
||
float: left;
|
||
height: 40px;
|
||
line-height: 40px;
|
||
width: 77%;
|
||
font-size: 14px;
|
||
}
|
||
#news .srch img {
|
||
float: right;
|
||
padding: 10px 10px 0 0;
|
||
}
|
||
#news .news_nav{border-bottom: 1px solid #c4dadb; height: 50px;line-height: 50px; width:94%; padding:0 3%;background: #fff;}
|
||
#news .news_nav .current{background:url(../../img/mobile/bg_nav.gif) repeat-x bottom left; }
|
||
#news .news_nav .current a{color:#43c3ca;}
|
||
#news .news_nav span:hover{background:url(../../img/mobile/bg_nav.gif) repeat-x bottom left; }
|
||
#news .news_nav span{float:left; text-align: center; }
|
||
|
||
#news .news_nav a{font-size: 15px; color:#757575;}
|
||
#news .news_cont{clear:both;margin-top: 50px;}
|
||
#news .news_cont2{clear:both; z-index:99999;}
|
||
|
||
#news .cont_top{ background:#f8f8f8; position: relative; padding:20px;}
|
||
#news .cont_top img{width:100%}
|
||
#news .cont_top .cont_top_img {width:100%; text-align: center; }
|
||
#news .cont_top .cont_top_img .shadow {
|
||
clear: both;
|
||
width: 96%;
|
||
height: auto;
|
||
display: block;
|
||
position: absolute;
|
||
bottom: 0;
|
||
left: 0;
|
||
z-index: 1;
|
||
background-color: #000;
|
||
opacity: 0.1;
|
||
}
|
||
#news .cont_top .cont_top_title{position: absolute;
|
||
bottom: 27%;
|
||
color: #fff;
|
||
left: 0;
|
||
z-index: 9999;
|
||
width: 84%;
|
||
font-size: 16px;
|
||
text-align: center;
|
||
padding: 0 8%;
|
||
}
|
||
#news .cont_top .cont_top_title2{position: absolute;
|
||
bottom: 20%;
|
||
color: #fff;
|
||
left: 0;
|
||
z-index: 9999;
|
||
width: 84%;
|
||
font-size: 16px;
|
||
text-align: center;
|
||
padding: 0 8%;
|
||
}
|
||
#news .cont_top .cont_top_title3{position: absolute;
|
||
bottom: 35%;
|
||
color: #fff;
|
||
left: 0;
|
||
z-index: 9999;
|
||
width: 84%;
|
||
font-size: 13px;
|
||
text-align: center;
|
||
padding: 0 8%;
|
||
}
|
||
#news .cont_top .cont_top_title4{position: absolute;
|
||
bottom: 18%;
|
||
color: #fff;
|
||
left: 0;
|
||
z-index: 9999;
|
||
width: 84%;
|
||
font-size: 16px;
|
||
text-align: center;
|
||
padding: 0 8%;
|
||
}
|
||
#news .cont_top .cont_top_title a {
|
||
color: #fff;
|
||
}
|
||
#news .cont_top .cont_top_title2 a {
|
||
color: #fff;
|
||
}
|
||
#news .cont_top .cont_top_title4 a {
|
||
color: #fff;
|
||
}
|
||
#news .cont_top_txt{font-size: 12px; color:#afafaf; position: absolute; bottom:15%; text-align: center;left: 0;
|
||
z-index: 9999;width: 100%;}
|
||
#news .cont_top_txt2{font-size: 12px; color:#afafaf; position: absolute; bottom:32%; text-align: center;left: 0;
|
||
z-index: 9999;width: 100%;}
|
||
#news .cont_top_txt2 a{color:#fff; font-size:14px;}
|
||
#news .news_lists{padding:20px;}
|
||
#news .news_lists h4{ width: 100%;
|
||
clear: both;
|
||
padding-bottom: 15px;
|
||
font-size: 17px;
|
||
}
|
||
#news .news_lists .news_list_cont {
|
||
clear: both;
|
||
border-bottom: 1px solid #eaeaea;
|
||
margin: 0;
|
||
overflow: hidden;
|
||
display: block;position:relative;
|
||
}
|
||
#news .news_lists .art-info {
|
||
font-size: 14px;
|
||
line-height: 25px;
|
||
color:#a1a1a1;
|
||
}
|
||
#news .news_lists .art-info .feedback{font-size: 12px;}
|
||
#news .news_lists .art-info .feedback img{vertical-align: middle;}
|
||
#news .grace_top {margin-top:5px; position:relative;}
|
||
#news .grace_top .art-category{font-size: 15px;border-bottom: 1px solid #eaeaea;padding: 12px 40px 12px 20px; position: relative; }
|
||
#news .grace_top .art-category .fr { position: absolute; top: 12px; right: 5px; }
|
||
#news .grace_top .art-category a{color:#000;padding-right:10px; background: url(../../img/mobile/img_dot.gif) no-repeat left center; padding-left:10px;}
|
||
#news .grace_top .art-title{font-size: 15px;padding-bottom: 10px;border-bottom: 1px solid #eaeaea;padding: 12px 20px ; line-height: 22px;}
|
||
#news .grace_top .art-txt{font-size: 15px;color:#707070; padding-top: 10px; font-size: 13px;}
|
||
#news .grace_top .art-title a { color:#383737; display: block; width: 100%; white-space: nowrap; overflow: hidden; text-overflow:ellipsis;}
|
||
.open_roll{position:relative;}
|
||
.open_roll.bar_type{ overflow:hidden;height:52px;}
|
||
.open_roll.spread{ display:none}
|
||
#news .grace_top .news_box{position: absolute; top:20px;}
|
||
#news .grace_top .news_box{border: 1px solid #d4d4d4;
|
||
width: 100%;
|
||
z-index: 99999;
|
||
overflow: hidden;
|
||
display: block;
|
||
margin:20px 0;background:#f8f8f8;}
|
||
.columnist_page1, .columnist_page1 * { box-sizing: border-box !important; }
|
||
#news .grace_top .news_box ul{position:relative; overflow:hidden;}
|
||
#news .grace_top .news_box ul li{float:left;text-align:center; border-right:1px solid #ECECEC; width: 25%;}
|
||
#news .grace_top .news_box ul li > a {height:50px; padding: 0 10px; display:table-cell;vertical-align:middle; }
|
||
#news .grace_top .news_box .news_s_box{border-right:1px solid #ececec;}
|
||
#news .grace_top .news_box .news_s_box li > a{font-size: 14px; color: #000;}
|
||
#news .grace_top .news_box .news_s_box li > a:hover{color:#2bbec6;}
|
||
#news .grace_top .news_box .news_s_box:last-child{border-right:0 !important;}
|
||
#news .grace_top .new_box_footer{
|
||
/* border-left: 1px solid #ececec; */
|
||
/* border-right: 1px solid #ececec; */
|
||
border-top: 1px solid #ececec;
|
||
clear: both;
|
||
height: 30px;background: #fff;
|
||
line-height: 30px; }
|
||
#news .grace_top .new_box_footer .c_left{ border-left: 1px solid #ececec;
|
||
width: 33px;
|
||
float: right;
|
||
margin-right: 0;
|
||
text-align: center;
|
||
height: 30px;}
|
||
#news .grace_top .new_box_footer .c_right{border-left: 1px solid #ececec;
|
||
width: 33px;
|
||
float: right;
|
||
text-align: center;
|
||
/* line-height: 30px; */
|
||
/* vertical-align: middle; */
|
||
/* padding-top: 14px; */
|
||
height: 30px;
|
||
/* line-height: 30px; */}
|
||
#news .grace_top .new_box_footer .c_slide{width:60px; float:right;}
|
||
#news .grace_top .new_box_footer .c_slide a{padding:0 2px;}
|
||
#news .grace_top .new_box_footer img{padding-top:10px;}
|
||
|
||
.open_roll {position:relative;border-bottom: 1px solid #eaeaea;}
|
||
/* 2018-10-08 Add */
|
||
.open_roll .mostpopular-fixed{background:#fff;padding-left:15px;box-sizing:border-box;height:52px;line-height:52px;margin-top:0 !important;position:absolute;left:0;top:0;bottom:0;z-index:9}
|
||
.open_roll .mostpopular-fixed span{background: #04b9c2; color:#fff; font-size:10px; padding:5px; border-radius: 3px;}
|
||
/* 2018-10-08 Add */
|
||
/* 2018-10-08 Mod */
|
||
.open_roll .roll_box{clear:both;overflow:hidden; padding:15px; position: relative;background: #fff;}
|
||
/* 2018-10-08 Mod */
|
||
.open_roll .roll_box img{vertical-align: middle;margin:6px;}
|
||
.open_roll .roll_box .no{ color: #2bbec6;text-align: center;margin: 0 auto;display: inline-block;width: 5%;;line-height:22px}
|
||
.open_roll .roll_box .graph{display: inline-block; float:right;}
|
||
.open_roll .roll_box .mostpopular{background: #04b9c2; color:#fff; font-size:10px; padding:5px; border-radius: 3px;}
|
||
.open_roll .roll_box .keyword{display: inline-block;line-height:22px}
|
||
.open_roll .roll_box .keyword a{color:#383737;}
|
||
.open_roll .roll_box .keyword a:hover{color:#383737;}
|
||
.open_roll .roll_box span{float:left;}
|
||
.open_roll .roll_box .updown{position: absolute;right:40px; font-size: 12px; top:17px; }
|
||
.open_roll .roll_box .updown img {padding-right: 5px;}
|
||
.roll_wrap{background: #f8f8f8; padding:10px 0; }
|
||
.open_roll .roll_box_wrap .btn{position: absolute;right:0; top:10px;}
|
||
.open_roll_wrap {width:100%; border:1px solid #d9d9d9; position: absolute; top:-1px; left:0;background: #fff;z-index: 9999;}
|
||
.open_roll_wrap .txt{text-align: center; font-size:16px;color:#595959; font-weight: bold; height: 50px; line-height: 50px; position: relative;}
|
||
.open_roll_wrap .txt > a { position: absolute; top: 17px; right: 20px; line-height: 20px; font-size: 20px; color: #ddd; }
|
||
.open_roll_wrap .ranking li{float:left;text-align: center;}
|
||
.open_roll_wrap .ranking li a{color:#b2b2b2;}
|
||
.open_roll_wrap .ranking {width:100%; height: 30px; line-height:30px; background: #f1f7fa;}
|
||
.open_roll_wrap .ranking img{padding-top:8px;}
|
||
.open_roll_wrap .ranking a:hover{color:#04b9c2;}
|
||
.open_roll_wrap .ranking .current{color:#04b9c2;}
|
||
.open_roll_wrap .roll_box_wrap{clear:both;overflow:hidden; padding: 15px;}
|
||
.open_roll_wrap .roll_box_wrap img{vertical-align: middle;}
|
||
.updown img {vertical-align: middle;padding-right: 5px;}
|
||
.open_roll_wrap .roll_box_wrap .hide {display:none;}
|
||
.open_roll_wrap .roll_box_wrap .no{ color: #2bbec6;text-align: center;margin: 0 auto;display: inline-block;width: 10%;}
|
||
.open_roll_wrap .roll_box_wrap .graph{display: inline-block;}
|
||
.open_roll_wrap .roll_box_wrap .keyword{width:78%; display: inline-block;}
|
||
.open_roll_wrap .roll_box_wrap .keyword a:hover{color:#2bbec6;}
|
||
.open_roll_wrap .roll_box_wrap li{line-height: 25px;}
|
||
.open_roll_wrap .roll_box_wrap .issue_box {clear: both;overflow: hidden;height: 30px;}
|
||
.open_roll_wrap .roll_box_wrap .issue_box a{color:#000;}
|
||
.open_roll_wrap .roll_box_wrap .no {
|
||
color: #2bbec6;
|
||
text-align: center;
|
||
margin: 0 auto;
|
||
display: inline-block;
|
||
width: 10%;}
|
||
.open_roll_wrap .roll_box_wrap .issue_box .bbox {
|
||
width: 40px;
|
||
text-align: left;
|
||
float: right;
|
||
font-size: 12px;
|
||
}
|
||
.chn_bar {width:100%;}
|
||
.chn_bar img {
|
||
position: absolute;
|
||
bottom: 24%;
|
||
height: 1px;
|
||
width: 4% !important;
|
||
text-align: center;
|
||
z-index: 2;
|
||
display: block;
|
||
text-align: center;
|
||
margin: 0 auto;
|
||
left: 48%;
|
||
}
|
||
.chn_bar2 img {
|
||
position: absolute;
|
||
bottom: 28%;
|
||
height: 1px;
|
||
width: 4% !important;
|
||
text-align: center;
|
||
z-index: 2;
|
||
display: block;
|
||
text-align: center;
|
||
margin: 0 auto;
|
||
left: 48%;
|
||
}
|
||
.cont_middle{position: relative; height:310px;}
|
||
.news_lists_top{width: 100%;
|
||
clear: both;
|
||
padding-bottom: 5px;
|
||
line-height: 50px;
|
||
font-size: 17px;
|
||
overflow: hidden;
|
||
display: block;}
|
||
#news .news_lists .news_list_cont .box_no{ position: absolute; top:10px; left:0; background: #04b9c2;color:#fff; width:25px; height: 25px; line-height: 25px; text-align: center}
|
||
.news_media {background: #3a9dff; height: 70px; clear:both; width:100%;}
|
||
.news_media_list{width: 24%;
|
||
padding-top: 10px;
|
||
display: inline-block; text-align: center; height:60px;}
|
||
.news_media_list:hover{background: url(../../img/mobile/bg_newslist.gif) repeat-x left top;height:60px; }
|
||
.news_media .current{background: url(../../img/mobile/bg_newslist.gif) repeat-x left top; height:60px; }
|
||
.news_media_list a{color:#fff; font-size:12px; display: block; background: none; }
|
||
.news_media_list a:hover { background: none; }
|
||
.news_media_list span{text-align:center;}
|
||
.news_media_list span img{margin:0 auto; background: none;}
|
||
.news_media_list p{ font-size: 12px; display: block; padding-top: 5px; background: none;}
|
||
.news_media2{background: #eeeeee; height: 40px; line-height: 40px; clear:both; padding:0 2%; text-align: center;}
|
||
.news_media2 img{vertical-align:middle; }
|
||
.news_media2 span { padding:0 3%; }
|
||
.news_media2 span a{color:#000000;}
|
||
.news_media2 span .current{color:#3a9dff;}
|
||
.news_media3 {width:100%; border-bottom: 1px solid #3a9dff; height: 40px; line-height: 40px; margin-bottom:20px;}
|
||
.news_media3 li{border-right:1px solid #3a9dff; width:20% ;float:left; text-align: center; }
|
||
.news_media3 li:nth-child(5){width:18%; border-right:0;}
|
||
.news_media3 li a{color:#3a9dff;}
|
||
.portal{padding: 4%; width: 92%;}
|
||
.news_media_list2{width: 24%; margin-bottom: 30px;display: inline-block; text-align: center;}
|
||
.news_media_list2 span {width:66px; text-align: center;}
|
||
.news_media_list2 span img{padding-bottom:10px; }
|
||
.news_media_list2 span a{color:#000; font-size:15px; display: inline-block;}
|
||
.news_company{width:100%;}
|
||
.news_company_fixed{width:100%; margin-top:300px; }
|
||
.news_company_box{border-bottom:1px solid #f7f7f7; padding:10px 20px; position: relative; height: 80px; }
|
||
.news_company_box .companyname{ position:absolute; top:30px; left:85px;}
|
||
.news_company_box .companyname a{font-size: 18px; color:#000;}
|
||
.news_company_box .companyarrow{position:absolute; right:20px; top:25px;}
|
||
.pray_cont_top{background:#f1f7fa;}
|
||
.pray_cont_box{border-bottom:1px solid #dbdbdb; padding:15px 20px; overflow: hidden;display: block;}
|
||
.pray_photo{float: right;margin-left: 20px;}
|
||
.pray_photo img{ width: 100%;}
|
||
.pray_left{width:70%;float:left;}
|
||
.pray_left2{width:100%;float:left;}
|
||
.pray_right{width:30%;float:left;}
|
||
.pray_left .chtitle2{padding: 0 0 10px 0 !important;}
|
||
.pray_left .chtitle2 img{vertical-align: middle;}
|
||
.pray_left .ch_txt{font-size:13px; color:#676868;}
|
||
.pray_left .ch_txt img{padding:2px 3px 0 10px;}
|
||
.pray_left2 .chtitle2{padding: 0 0 10px 0 !important;}
|
||
.pray_left2 .chtitle2 img{vertical-align: middle;}
|
||
.pray_left2 .ch_txt{font-size:13px; color:#676868; }
|
||
.pray_left2 .ch_txt img{ padding: 0px 3px 0 10px;vertical-align: middle;}
|
||
.pray_middle{width:100%;}
|
||
.pray_middle .chtitle2{padding: 0 0 10px 0 !important;}
|
||
.pray_middle .chtitle2 img{vertical-align: middle;}
|
||
.pray_middle .ch_txt{font-size:13px; color:#676868; line-height: 20px;}
|
||
.pray_middle .ch_txt img{padding: 0px 3px 0 10px;vertical-align: middle;}
|
||
.community_footer {background: #04b9c2; height: 95px; clear:both; width:100%;}
|
||
.community_footer_list {
|
||
width: 24%;
|
||
padding-top: 15px;
|
||
display: inline-block;
|
||
text-align: center;
|
||
}
|
||
.community_footer_list p {
|
||
font-size: 14px;
|
||
display: block;
|
||
padding-top: 10px;
|
||
}
|
||
.community_footer_list a {
|
||
color: #fff;
|
||
font-size: 14px;
|
||
}
|
||
.life_footer .life_cont1_box .art-img {width: 100%;float: right;margin-left: 20px;max-height:140px;object-fit: cover;}
|
||
.icon_home{background:url(../../img/mobile/img_home_c.png) no-repeat left center;height: 18px;
|
||
line-height: 20px;}
|
||
.star{background:url(../../img/mobile/star.gif) no-repeat left center;;padding-left:25px; display: inline-block; height:20px; line-height: 24px;}
|
||
.grace_cont {
|
||
border-bottom: 1px solid #ebeef3;
|
||
overflow: hidden;
|
||
display: block;
|
||
padding: 20px 0;
|
||
background: #f8f8f8;
|
||
width: 100%;
|
||
clear: both;
|
||
}
|
||
.grace_cont .wrap {
|
||
overflow: hidden;
|
||
padding: 0 3%;
|
||
width: 93%;
|
||
margin: 0 auto;
|
||
}
|
||
.grace_boxs {
|
||
display: block;
|
||
clear: both;
|
||
overflow: hidden;
|
||
width: 100%;
|
||
}
|
||
.grace_con {
|
||
width: 48%;
|
||
float: left;
|
||
display: block;
|
||
}
|
||
|
||
.grace_con > a { position:relative; display:block; height: 110px; overflow: hidden; }
|
||
|
||
.grace_con img {
|
||
width: 100%;
|
||
min-height: 100%;
|
||
}
|
||
.grace_con:last-child{margin-left:4%;}
|
||
.grace_con .chtitle {
|
||
font-size: 15px;
|
||
padding: 5px 0 0;
|
||
line-height: 25px;
|
||
}
|
||
.grace_con .chtitle a:hover{color:#4f4f4f; text-decoration: none;}
|
||
.grace_con .chtitle a:visited{color:#a1a1a1; text-decoration: none;}
|
||
.banner_grace{ padding:10px 0; background: #f2f2f2; overflow: hidden; width: 100%; box-sizing: border-box !important; text-align: center; height: 95px; position: relative; }
|
||
.banner_grace img{ height: 74px; position: absolute; top: 10px; left: 50%; margin-left: -360px; }
|
||
.play_box{position:relative;}/*20181001*/
|
||
.play_box > a { display: block; overflow: hidden; height: 90px; position: relative; }/*20181001*/
|
||
.play_box > a > img { min-width: 100%; min-height: 90px; }/*20181001*/
|
||
.play{position: absolute; top:50%; left:50%; margin-top: -20px; margin-left: -19px; z-index: 99999;}/*20181001*/
|
||
.play_time{ position: absolute;
|
||
bottom: 3px;
|
||
right: 0;
|
||
z-index: 99999;
|
||
background: #000;
|
||
color: #fff;
|
||
padding: 3px 5px; font-size: 12px}
|
||
|
||
/* 2018-10-08 Add */
|
||
#weather_block{position:relative;}
|
||
#weather_block .spirit-fixed{background:#20c8d4;padding-left:15px;box-sizing:border-box;height:60px;line-height:60px;margin-top:0 !important;position:absolute;left:0;top:0;bottom:0;z-index:9}
|
||
#weather_block .spirit-fixed span{font-size:10px; border:1px solid #fff; border-radius: 20px; padding:5px 5px; color:#fff; vertical-align: top;}
|
||
/* 2018-10-08 Add */
|
||
|
||
.weather{background: #20c8d4; padding:20px 10px; color:#fff; height: 20px; line-height: 20px; position: relative;}
|
||
.weather .spirit{font-size:10px; border:1px solid #fff; border-radius: 20px; padding:5px 5px; color:#fff; vertical-align: top;}
|
||
.weather .country{font-size:16px;}
|
||
.weather .country2{position: absolute; top:20px;}
|
||
.weather span{margin-right:5px;}
|
||
.weather img{position: absolute;top: 19px;right: 10px;width:24px;}
|
||
.weather .date{font-size: 11px; padding-left:5px;}
|
||
.more{padding:3px 7px; font-size:11px;}
|
||
.popuptop2 {
|
||
background: #fff;
|
||
height: 75px;
|
||
line-height: 75px;
|
||
border-radius: 7px 7px 0 0;
|
||
position: relative;
|
||
}
|
||
.popuptop2 .logo {
|
||
position: absolute;
|
||
top: 15px;
|
||
left: 40px;
|
||
font-size: 15px;
|
||
}
|
||
.popupimg {
|
||
position: relative;
|
||
}
|
||
.popupimg img{ margin:0 auto; text-align: center; width: 100%; }
|
||
.popupimg .popuptxt {
|
||
position: absolute;
|
||
left: 20px;
|
||
bottom: 20px;
|
||
text-align: left;
|
||
}
|
||
.popupbody {
|
||
background: #fff;
|
||
border-radius: 0 0 7px 7px;
|
||
position: relative;
|
||
padding: 0 20px;
|
||
overflow: hidden;
|
||
color: #888;
|
||
}
|
||
.popupbody3 {
|
||
background: #fff;
|
||
position: relative;
|
||
padding: 0 20px;
|
||
overflow: hidden;
|
||
color: #4e4d4d;
|
||
width: 100%;
|
||
}
|
||
.popupbody .body_table {
|
||
background: #f4f4f4;
|
||
color: #4f4f4f;
|
||
width: 100%;
|
||
}
|
||
.popupbody .body_table .bt_tit {
|
||
text-align: right;
|
||
color: #838383;
|
||
}
|
||
.popupbody .body_table .bt_txt {
|
||
text-align: left;
|
||
padding-left: 20px;
|
||
}
|
||
.popupbody .body_table td {
|
||
width: 50%;
|
||
font-size: 16px;
|
||
font-size: 16px;
|
||
}
|
||
.popupbody .mobile{margin:10px 0 20px; width:100%; background: #f9f9f9; height:45px; line-height: 45px;}
|
||
.popupbody .mobile li{float:left; width:33.33%; text-align: center}
|
||
.popupbody .mobile li a{ color:#606060; font-size:24px;}
|
||
.popupbody .mobile li:hover{background: #44cbd2 !important; color:#fff; height:45px;}
|
||
.popupbody .mobile .current{background: #44cbd2 !important; color:#fff; height:45px;}
|
||
.pw_table {
|
||
background: #fafafa;
|
||
padding: 10% 5%;
|
||
width: 90%;
|
||
overflow: hidden;
|
||
}
|
||
.pw_table dt{width: 50%;
|
||
float: left;
|
||
color: #888888;
|
||
padding: 5px 0;
|
||
}
|
||
.pw_table dd{ color: #606060;
|
||
padding: 5px 0;
|
||
width: 50%;
|
||
float: left;}
|
||
.pagenumber { margin:30px auto; text-align: center; }
|
||
.pagenumber a{ display:inline-block; width:25px; height:25px; margin:0 2px;line-height: 25px;}
|
||
.pagenumber a.current{border:1px solid #e0e0e0; color:#2bbec6; }
|
||
.pagenumber .current a{ color:#2bbec6;}
|
||
.pagenumber a{color:#999999;}
|
||
.pagenumber a:hover{ color:#2bbec6;}
|
||
.pagenumber img{vertical-align: middle;}
|
||
.open_search {
|
||
width: 100%;
|
||
border: 1px solid #d9d9d9;
|
||
position: absolute;
|
||
top: 108px;
|
||
background: #fff;
|
||
z-index: 9999;
|
||
left: 0;
|
||
}
|
||
.open_search .roll_box .date{padding:0 10px; font-size: 12px; color:#8d8d8d;}
|
||
.open_search .roll_box .close{padding-top:8px;}
|
||
.open_search .roll_box { padding: 0; }
|
||
.open_search .roll_box img{vertical-align: top;}
|
||
.open_search .roll_box a{font-size:16px; color:#4e4e4e; width: 60%; display: inline-block; white-space: nowrap; text-overflow: ellipsis; overflow: hidden;}
|
||
.open_search .roll_box div{ height: 40px;
|
||
line-height: 30px;
|
||
display: block;
|
||
border-bottom: 1px solid #dbdbdb;
|
||
clear: both;
|
||
padding: 5px 20px;
|
||
margin-bottom: 4px;}
|
||
.open_search .roll_box div:hover{background: #f1f7fa;}
|
||
.open_search .roll_box .on{color:#00a3ab;}
|
||
.open_search .roll_box .current{background: #f1f7fa;}
|
||
.roll_footer{ background: #f1f7fa;
|
||
height: 40px;
|
||
line-height: 30px;
|
||
padding: 5px 20px;}
|
||
.roll_footer a{color:#575757; font-size:12px ; }
|
||
.roll_footer span{padding:0 5px;}
|
||
.search_pointer{color:#20c8d4;}
|
||
#prev_keyword_list .search_pointer{color:#bbb;}
|
||
#prev_keyword_list .keys { background: #f1f7fa; margin: 0; }
|
||
.btn_life {
|
||
clear: both;
|
||
width: 100%;
|
||
height: 40px;
|
||
line-height: 40px;
|
||
position: relative;
|
||
margin: 40px 0px;text-align: center;
|
||
}
|
||
.news_box{border-top:10px solid #f8f8f8;}
|
||
.news_box .news_box_detail {
|
||
color: #767676;
|
||
font-size: 13px;
|
||
height: 20px;
|
||
line-height: 20px;
|
||
padding:20px 0 10px 0 !important;
|
||
position: relative;
|
||
}
|
||
.news_box .news_box_detail2 {
|
||
color: #767676;
|
||
font-size: 13px;
|
||
padding-top:10px;
|
||
}
|
||
.news_box .news_box_detail a:hover{color:#2bbec6;}
|
||
.news_box .news_box_detail span {
|
||
margin-right: 2px;
|
||
font-size: 13px;
|
||
}
|
||
.news_box .news_box_detail img {
|
||
margin-right: 2px;
|
||
vertical-align: middle;
|
||
}
|
||
.news_box .news_box_detail2 img {
|
||
margin-right: 2px;
|
||
vertical-align: middle;
|
||
}
|
||
.news_box .news_box_detail2 span {
|
||
margin-right: 2px;
|
||
font-size: 13px;
|
||
}
|
||
.news_box_con{margin-right: 2px; padding:20px; border-bottom:1px solid #d5d5d5; overflow:hidden; font-size: 13px; box-sizing: border-box; position: relative; }
|
||
.news_box_con h2{margin-bottom:10px; }
|
||
.news_box_con h2 a{color: #2954b6;
|
||
text-decoration: underline; font-size:1.8rem;
|
||
|
||
}
|
||
.news_box_con .issue_box {
|
||
clear: both;
|
||
overflow: hidden;
|
||
height: 30px;
|
||
}
|
||
.news_box_con .issue_box .no {
|
||
color: #2bbec6;
|
||
text-align: center;
|
||
margin: 0 auto;
|
||
display: inline-block;
|
||
font-weight: bold;
|
||
width: 10%;
|
||
}
|
||
.news_box_con .issue_box a {
|
||
color: #000;
|
||
}
|
||
.news_box_con .issue_box .bbox {
|
||
width: 40px;
|
||
text-align: left;
|
||
float: right;
|
||
font-size: 13px;
|
||
}
|
||
.news_box_con .c_left{width:48%;float:left; padding-right:2%;}
|
||
.news_box_con .c_right{width:50%;float:left;}
|
||
.news_box_con2{padding:20px 0; border-bottom:1px solid #d5d5d5; overflow:hidden;}
|
||
.news_box_con_left { padding-right:100px; line-height: 24px; -webkit-line-clamp:3; -webkit-box-orient:vertical; text-overflow:ellipsis; overflow:hidden; display:-webkit-box; position: relative; }
|
||
.news_box_con_left .n_date{color:#8e8e8e; font-size: 13px; padding-left:10px;}
|
||
.news_box_con_left2{width:100%;float:left;line-height: 24px;}
|
||
.news_box_con_left2 .n_date{color:#8e8e8e; font-size: 13px; padding-top:3px;}
|
||
.news_box_con_right{ width: 90px; height: 90px; position: absolute; text-align: center; top:50px; right: 20px; border: 1px solid #e6e6e6; box-sizing: border-box; overflow: hidden; }
|
||
.news_box_con_right img { min-width: 100%; max-height: 100%; }
|
||
.news_box_detail{padding-top:20px;clear:both;}
|
||
.news_box_con_left { padding-bottom: 65px; }
|
||
.news_box_con_left .news_box_detail { position: absolute; bottom: 0; left: 0; right: 0; white-space: nowrap; }
|
||
.news_box_con_left div { line-height: 22px; font-size: 1.6rem; color: #888; }
|
||
.news_box_con_left div:first-child { -webkit-line-clamp:3; -webkit-box-orient:vertical; text-overflow:ellipsis; overflow:hidden; display:-webkit-box; }
|
||
.news_box_con_left2 div { line-height: 22px; font-size: 1.6rem; color: #888; }
|
||
.news_box_detail .profile img{ border-radius: 20px; width: 20px; height: 20px; padding: 0 !important; margin-right: 5px; }
|
||
.news_box_title{border-bottom: 1px solid #d5d5d5;border-top: 1px solid #d5d5d5; font-size: 15px; padding:15px 20px;}
|
||
.news_box_title .current{color:#04b9c2;}
|
||
.news_box_title a{padding:0 5px;}
|
||
.news_box_title a:hover{color:#04b9c2;}
|
||
.news_box_title .relate{font-size: 13px;}
|
||
.news_box_title .info{font-size: 13px; padding-left: 10px; color:#999999;}
|
||
.news_box_title .info span{padding:0 5px;}
|
||
.news_box_more{background: #fbfbfb; color:#b1b1b1; border-bottom: 1px solid #d5d5d5; text-align: center; padding:10px 0;}
|
||
.news_box_news{text-align: right; padding:10px; border-bottom: 1px solid #d5d5d5; }
|
||
.news_box_news a{color:#2953b5; font-size: 13px;}
|
||
.search_wrap .news_box_con_left { height: 70px; padding-bottom: 5px; }
|
||
|
||
|
||
.search_result_fixed{margin-top:50px;}
|
||
.search_result_top{background: #04b9c2; height: 50px; width:100%;}
|
||
.search_result_top, .search_result_top * { box-sizing: border-box; }
|
||
.search_result_top_fixed{position: fixed; left:0; top:0; width:100%; z-index:9999;}
|
||
.search_result_top .logo_srch{position: absolute; top:15px; left:15px;}
|
||
.news_box_slide{text-align: center; margin:15px 0;}
|
||
#news .s_srch{ width: calc(100% - 70px);
|
||
clear: both;
|
||
display: block;
|
||
top: 5px;
|
||
position: absolute;
|
||
/* padding: 0 2%; */
|
||
/* left: 21%; */
|
||
padding-right: 5px;
|
||
right: 0;}
|
||
#news .s_srch span {
|
||
border: 0 ;
|
||
display: inline-block;
|
||
height: 40px;
|
||
line-height: 40px;
|
||
overflow: hidden;
|
||
vertical-align: middle;
|
||
width: 100%;
|
||
border-radius: 5px;
|
||
background: #fff;
|
||
}
|
||
#news .s_srch span input {
|
||
border: 0 none;
|
||
float: left;
|
||
height: 40px;
|
||
line-height: 40px;
|
||
width: 72%;
|
||
font-size: 14px;
|
||
}
|
||
#news .s_srch img {
|
||
float: right;
|
||
padding: 10px 10px 0 0;
|
||
}
|
||
.search_result_menu {text-align: center; padding:0; position: relative;}
|
||
.search_result_menu .current{color:#04b9c2;}
|
||
.search_result_menu a{font-size: 16px; padding:0 5px;}
|
||
.search_result_menu a:hover{color:#04b9c2;}
|
||
|
||
.topmn { margin: 0; border-bottom: 1px solid #ddd; }
|
||
.topmn { padding: 0 60px 0 7px; margin: 0; border-top: 1px solid #e5e5e5; }
|
||
/*.topmn:after { font-family:xeicon; content: "\e94a"; background: linear-gradient(-135deg, transparent, #fff); font-size: 20px; padding: 14px 0; width: 40px; color: #888; position: absolute; top: 0; right: 0; }*/
|
||
.nav_u { display: table; vertical-align: middle; width: 100%; white-space: nowrap; overflow: hidden; }
|
||
.nav_u > li { padding: 0 5px; font-size: 15px; display: table-cell; vertical-align: middle; white-space: nowrap; }
|
||
.nav_u > li > a { display: block; padding: 15px 5px; color: #888; font-weight: bold; }
|
||
.nav_u > li.active > a { color: #04b9c2 !important; }
|
||
|
||
.topmn { display: block; z-index: -1; }
|
||
.toptap { overflow: hidden; height: 43px; }
|
||
.topmn.active { display: block; z-index: 1; }
|
||
|
||
.topmn2 { margin: 0 -22px; padding: 10px; }
|
||
.sub_t .topmn2 { padding: 0 7px; margin: 0; }
|
||
.nav_u.channel_category1 { display: table; vertical-align: middle; width: 100%; white-space: nowrap; overflow: hidden; }
|
||
.nav_u.channel_category1 > li { padding: 0 5px; font-size: 15px; display: table-cell; vertical-align: middle; white-space: nowrap; }
|
||
.nav_u.channel_category1 > li > a { display: block; padding: 15px 5px; color: #888; font-weight: bold; }
|
||
.nav_u.channel_category1 > li.active > a { color: #04b9c2; }
|
||
|
||
.relative {padding:15px 0 15px 20px;overflow:hidden;border-bottom: 1px solid #d5d5d5;}
|
||
.relative a{color:#2954b6; padding:3px 0; display: inline-block;}
|
||
.relative .r_left{width:85%; float:left; padding-right:5px;}
|
||
.relative .r_right{width:10%; float:left; text-align: right}
|
||
.relative .r_right img{vertical-align: bottom;}
|
||
.relative .r_title{padding-right: 10px;}
|
||
.news_box .pagenumber{border-bottom: 1px solid #d5d5d5;
|
||
border-top: 1px solid #d5d5d5; margin:0 !important; padding:15px 0;}
|
||
.news_box .relative{border-top: 1px solid #d5d5d5;}
|
||
.text_size{width:100%; border-top: 1px solid #d5d5d5; border-bottom: 1px solid #d5d5d5; height:50px;
|
||
}
|
||
.text_size span{width:25%; border-right: 1px solid #d5d5d5; height:50px; display: inline-block; }
|
||
.text_size a{width: 23.9%;border-right: 1px solid #d5d5d5; height:38px; display: inline-block; text-align: center; padding-top: 12px;}
|
||
.text_size a:last-child{border-right:0 !important;}
|
||
.text_size span img{text-align: center; }
|
||
.s_result {
|
||
font-size: 16px;
|
||
border-bottom: 1px solid #d5d5d5;
|
||
padding: 20px 20px;
|
||
}
|
||
.s_result img{padding-right:5px; vertical-align: bottom;}
|
||
.s_result .search_view{ font-size: 16px; padding-top: 10px; text-decoration: underline;}
|
||
.s_result .search_view a{color:#2954b6;}
|
||
.news_nothing{padding:30px 20px; border-bottom: 1px solid #d5d5d5; }
|
||
.news_nothing .t_nothing{text-align: center; font-size: 16px; padding-bottom: 20px; width:100%; margin:0 auto;}
|
||
.news_nothing ul li{background:url(../../img/mobile/bg_nothing.gif) no-repeat left center; padding:5px 10px;}
|
||
.relatenews {padding:15px 20px;border-bottom: 1px solid #d5d5d5;}
|
||
.relatenews .current{color:#04b9c2;}
|
||
.relatenews span{padding:0 5px;}
|
||
.relatenews a{color:#000;}
|
||
|
||
#photo .photo_top{background-color: rgba(0, 0, 0, 0.3); height:50px; position: absolute; left:0; top:0; z-index:9999; width:100%;}
|
||
#photo .photo_top img{padding:20px 15px; z-index:999999; display:inline-block; height: 10px; }
|
||
#photo .photo_cont{position: fixed; background: #000; width:100%; height:100%; overflow: hidden; top: 0; left: 0; }
|
||
#photo .photo_bottom{background-color: rgba(46, 46, 46, 0.5);height: 70px; line-height:70px; text-align:center;position: absolute; left:0; bottom:0;z-index:9999; width:100%;}
|
||
#photo .photo_bottom .btns{ display: inline-block; width:30%; padding-top:8px; }
|
||
#photo .photo_bottom img{z-index:999999;}
|
||
#photo .photo_bottom .b_left{ width:60%;color:#fff; padding-right:5%;float:left; padding-left:5%;text-align: left;}
|
||
#photo .photo_bottom .b_left a{color:#fff;}
|
||
#photo .photo_bottom .b_right{width:30%; float:left; padding-top: 5px;}
|
||
#photo .photo_bottom2{background-color: rgba(255, 255, 255, 0.1);height: 70px; line-height:70px; text-align:center;position: absolute; left:0; bottom:100px;z-index:9999; width:100%;}
|
||
#photo .photo_bottom2 .btns{ display: inline-block;float: left; width: 32.7%; padding-top:8px; }
|
||
#photo .photo_bottom2 img{z-index:999999;}
|
||
#photo .photo_bottom2 .b_left{ width:60%;color:#fff; float:left; text-align: left;padding-left:5%;padding-right:5%;}
|
||
#photo .photo_bottom2 .b_left a{color:#fff;}
|
||
#photo .photo_bottom2 .b_right{width:30%;float:left; padding-top: 5px;}
|
||
#photo .photo_bottom3{ background-color: rgba(46, 46, 46, 0.5);
|
||
height: 175px;
|
||
line-height: 70px;
|
||
text-align: center;
|
||
position: absolute;
|
||
left: 0;
|
||
bottom: 0;
|
||
z-index: 9999;
|
||
width: 100%;}
|
||
#photo .photo_bottom3 .btns{ display: inline-block;float: left; width: 32.7%; padding-top:8px; }
|
||
#photo .photo_bottom3 img{z-index:999999;}
|
||
#photo .photo_bottom3 .b_left{ width:60%;color:#fff; float:left; text-align: left;padding-left:5%;padding-right:5%;}
|
||
#photo .photo_bottom3 .b_left a{color:#fff;}
|
||
#photo .photo_bottom3 .b_right{width:30%;float:left; padding-top: 5px;}
|
||
#photo .b_slide{clear:both;width:100%; position:absolute; left:0; bottom:20px; border-top: 1px solid rgba(255,255,255,0.2); padding-top: 5px; overflow:hidden; height: 80px;z-index: 9999999;}
|
||
#photo .b_slide span{float:left; margin-right:5px;}
|
||
#photo .b_slide .current{border:2px solid #fff; }
|
||
#photo .photo_cont .photo_image{ text-align: center; width:100%; height: 100%; }
|
||
#photo .photo_cont .photo_image > img{ position: absolute; top: 0; right: 0; left: 0; bottom: 0; margin: auto; max-width: 100%; }
|
||
#photo .photo_cont .photo_image .al{ left:0; }
|
||
#photo .photo_cont .photo_image .ar{ right:0; }
|
||
#photo .photo_cont .photo_image > a { position: fixed; top: 50%; margin-top: -18.5px; }
|
||
.tit{line-height: 20px; font-size: 15px; padding:12px 0 0;}
|
||
.txt{line-height: 20px; font-size: 12px; padding-top:5px;}
|
||
.news_box_con_right .play{ position: absolute; top: 50%; left: 50%; margin-top: -12px; margin-left: -12px; z-index: 996; }
|
||
.news_box_con_right .play > a > img { width: 24px; height: 24px; }
|
||
.news_box_con_right .play_box{width:93px;}
|
||
.news_box_con_right .play_time{position: absolute; bottom:3px; right:0;}
|
||
.t_btns span a{font-size: 12px;}
|
||
.relatednews{clear:both; border-left: 2px solid #d5d5d5; padding-left:10px; margin:20px 0 10px 0; overflow:hidden;display: block;}
|
||
.relatednews .relatednews_box{padding: 5px 0;}
|
||
.relatednews .relatednews_box .relatednews_tit{padding-right:10px;}
|
||
.relatednews .relatednews_box .relatednews_tit a{color:#2953b5; font-size:14px;}
|
||
.serchview{border-bottom: 1px solid #d5d5d5;
|
||
text-align: center;
|
||
margin: 0 !important;
|
||
padding: 15px 0;background: #fbfbfb; font-size:16px;}
|
||
.serchview span{color:#2954b6;}
|
||
.life_cont4_box .tr_txt {
|
||
padding-top: 70px;
|
||
margin-bottom: 10px;
|
||
|
||
}
|
||
.tr_txt a {
|
||
font-size: 15px;
|
||
padding-top: 10px;
|
||
display: inline-block;
|
||
-webkit-line-clamp:2; -webkit-box-orient:vertical; display:-webkit-box; text-overflow:ellipsis; overflow:hidden;
|
||
}
|
||
.m_more{padding-right: 20px;
|
||
text-align: center;
|
||
/* padding: 7px 15px; */
|
||
border-bottom: 1px solid #ebeef3;
|
||
/* margin: 20px 0; */
|
||
padding: 20px 0;}
|
||
.popup_wrap2 {
|
||
left: 50%;
|
||
line-height: 25px;
|
||
margin-left: -150px;
|
||
position: absolute;
|
||
top: 20%;
|
||
color: #707070;
|
||
z-index: 99999;
|
||
background: transparent;
|
||
}
|
||
.news_cate {
|
||
font-size: 17px;
|
||
border-bottom: 1px solid #eaeaea;
|
||
color: #000;
|
||
padding: 0 0 10px 0;
|
||
margin-bottom: 10px;
|
||
}
|
||
.news_cate2 {
|
||
font-size: 17px;
|
||
border-bottom: 1px solid #eaeaea;
|
||
color: #000;
|
||
padding: 15px 20px;
|
||
margin-bottom: 10px;
|
||
background: #f8f8f8;
|
||
}
|
||
.rankytop {
|
||
height: 40px;
|
||
line-height: 40px;
|
||
}
|
||
.rankytop .radio_on, .rankytop .radio_off { margin-top: -7px; }
|
||
.radio_on{background: url(../../img/mobile/radio_on.gif) no-repeat 0 center; width:16px; display: inline-block;}
|
||
.radio_on a{padding-left:20px;}
|
||
.radio_on a:hover{color:#4e4e4e;}
|
||
.radio_off{background: url(../../img/mobile/radio_off.gif) no-repeat 0 center; width:16px; display: inline-block;}
|
||
.radio_off a{padding-left:20px;}
|
||
.radio_off a:hover{color:#4e4e4e;}
|
||
.channel_contents4 {
|
||
background: #fbfcfd;
|
||
overflow: hidden;
|
||
width: 100%;
|
||
padding-top: 30px;
|
||
}
|
||
.channel_contents4_fixed{margin-top:50px;}
|
||
.c_title {
|
||
font-size: 20px;
|
||
padding-bottom: 10px;
|
||
color: #2bbec6;
|
||
}
|
||
.c_title img{vertical-align: middle;}
|
||
.channel_con3 {
|
||
width: 100%;
|
||
float: left;
|
||
display: block;
|
||
}
|
||
.channel_con3 img{width:100%;}
|
||
.channel_con3 .chtitle{padding:10px 20px;}
|
||
.checkno {
|
||
color: #a5a5a5;
|
||
font-size: 12px;
|
||
padding-top: 3px;
|
||
}
|
||
.comment_wrap2 {
|
||
width:100%;
|
||
line-height: 25px;
|
||
color: #707070;
|
||
}
|
||
.comment_wrap2 .commenttop3 {
|
||
background: #44cbd2;
|
||
height: 50px;
|
||
line-height: 50px;
|
||
position: relative;
|
||
}
|
||
.comment_wrap2 .commenttop3_fixed {
|
||
background: #44cbd2;
|
||
height: 50px;
|
||
line-height: 50px;
|
||
position: fixed;
|
||
top:0;
|
||
left:0;
|
||
width:100%; z-index:999;
|
||
}
|
||
.comment_wrap2 .commenttop3 .p_title2 {
|
||
color: #fff;
|
||
font-size: 16px;
|
||
padding-left: 20px;
|
||
}
|
||
|
||
.comment_wrap2 .commenttop3 .btn-tit {
|
||
position: absolute;
|
||
right: 60px;
|
||
top: 1px;
|
||
color: #fff;
|
||
}
|
||
|
||
.comment_wrap2 .commenttop3 .btn-info {
|
||
position: absolute;
|
||
right: 20px;
|
||
top: 10px;
|
||
}
|
||
.comment_wrap2 .commenttop3 .btn-close {
|
||
position: absolute;
|
||
right: 15px;
|
||
top: 5px;
|
||
}
|
||
.comment_wrap2 .commentbody3 {
|
||
background: #fff;
|
||
position: relative;
|
||
padding: 0 20px;
|
||
overflow: hidden;
|
||
}
|
||
.comment_wrap2 .commentbody3_fixed {
|
||
background: #fff;
|
||
position: relative;
|
||
padding: 0 20px;
|
||
overflow: hidden;
|
||
margin-top:50px;
|
||
}
|
||
.comment_wrap2 .commentbody3 .com_header{padding:20px 0 0;}
|
||
.comment_wrap2 .commentbody3 .com_header .current{color:#2bbec6;}
|
||
.comment_wrap2 .commentbody3 .com_header span{padding-right:5px;}
|
||
.comment_wrap2 .commentbody3 .com_header a{font-size: 16px;}
|
||
.comment_wrap2 .commentbody3 .com_header a:hover{color:#2bbec6;}
|
||
.comment_wrap2 .commentbody3 .com_tit {
|
||
border-bottom: 1px solid #ebeef3;
|
||
padding: 30px 0 10px;
|
||
color: #000;
|
||
font-size: 15px;
|
||
position: relative;
|
||
}
|
||
.comment_wrap2 .reply_sort2 {
|
||
padding-top: 10px;
|
||
font-size: 16px;
|
||
}
|
||
.comment_wrap2 .reply_sort2 span {
|
||
padding-right: 10px;
|
||
}
|
||
.comment_wrap2 .reply_sort2 .current {
|
||
color: #000 !important;
|
||
}
|
||
.comment_wrap2 .reply_sort2 a {
|
||
font-size: 14px;
|
||
}
|
||
.comment_wrap2 .com_cont_box {
|
||
border-bottom: 1px solid #ebeef3;
|
||
padding: 20px 0;
|
||
overflow: hidden;
|
||
}
|
||
.comment_wrap2 .comment_date {
|
||
font-size: 13px;
|
||
color: #999999;
|
||
}
|
||
.comment_wrap2 .com_cont_img2 {
|
||
float: left; width:14%;
|
||
}
|
||
.comment_wrap2 .com_cont_img2 img{width:90%; margin-right:10%;}
|
||
.comment_wrap2 .reply_box {
|
||
border: 1px solid #c5c5c5;
|
||
margin-top: 10px;
|
||
clear: both;
|
||
overflow: hidden;
|
||
background: #fff;
|
||
}
|
||
.comment_wrap2 .reply_box2 {
|
||
clear: both;
|
||
overflow: hidden;
|
||
background: #f5f6f6;
|
||
border-top: 1px solid #ebeef3;
|
||
padding: 20px 20px 0 20px;
|
||
margin-top: 20px;
|
||
display: block;
|
||
}
|
||
.comment_wrap2 .reply_social {
|
||
padding: 20px 20px 0 20px;
|
||
}
|
||
.reply_social a > span { display: inline-block; }
|
||
.reply_social a > span > img { padding: 0 !important; margin: 0 3px 0 0 !important; vertical-align: baseline; }
|
||
.comment_wrap2 .reply_write {
|
||
color: #999999;
|
||
line-height: 23px;
|
||
padding: 10px 20px;
|
||
}
|
||
.comment_wrap2 .reply_write textarea {
|
||
z-index: auto;
|
||
position: relative;
|
||
line-height: 20px;
|
||
font-size: 13px;
|
||
padding: 10px;
|
||
border: none;
|
||
}
|
||
.comment_wrap2 .reply_regist {
|
||
border-top: 1px solid #e8e9ea;
|
||
height: 46px;
|
||
line-height: 46px;
|
||
}
|
||
.comment_wrap2 .info_comment {
|
||
position: absolute;
|
||
right: 10px;
|
||
top: 0;
|
||
background: #f5f6f6;
|
||
border: 1px solid #ededed;
|
||
padding: 3px 10px;
|
||
}
|
||
.comment_wrap2 .commenttop3 .p_title2 .current {
|
||
font-weight: bold;
|
||
}
|
||
|
||
.comment_wrap2 .commenttop3 .p_title2 a {
|
||
color: #fff;
|
||
padding: 0 5px;
|
||
font-size: 14px;
|
||
}
|
||
.comment_wrap2 .com_replay_more a{font-size: 12px;color: #8e8e8e;}
|
||
.comment_wrap2 .com_cont_txt_box{float:left;width:76%}
|
||
.comment_wrap2 .com_cont_txt_box .t_black a {
|
||
color: #000;
|
||
font-size: 15px;
|
||
}
|
||
.comment_wrap2 .com_cont_title img {
|
||
padding-right: 5px;
|
||
vertical-align: middle;
|
||
}
|
||
.comment_wrap2 .reply_box2 .box_wrap {
|
||
overflow: hidden;
|
||
display: block;
|
||
border-bottom: 1px solid #e0e1e1;
|
||
padding-bottom: 20px;
|
||
margin-bottom: 20px;
|
||
position: relative;
|
||
}
|
||
.comment_wrap2 .info_comment2 {
|
||
position: absolute;
|
||
right: 20px;
|
||
background: #fff;
|
||
border: 1px solid #ededed;
|
||
padding: 3px 10px; width: 51px;
|
||
}
|
||
.com_cont_info {
|
||
width: 10%;
|
||
float: left;
|
||
}
|
||
.comment_wrap2 .commentbody3 .reply_box2 .box_wrap li {float: left;}
|
||
.comment_wrap2 .commentbody3 .reply_box2 .box_wrap li:nth-child(1){
|
||
/* position: absolute; */
|
||
/* right: 0; */
|
||
/* height: 100%; */
|
||
}
|
||
.comment_wrap2 .commentbody3 .reply_box2 .box_wrap2{overflow:hidden;}
|
||
.comment_wrap2 .commentbody3 .reply_box2 .box_wrap2 li{float:left;}
|
||
|
||
.life_cont2_box{position:relative;clear: both;margin-bottom: 20px; padding:0 20px;overflow: hidden;}
|
||
.life_cont2_box .s_left{position:absolute; left:20px; top:35px;z-index: 9999;}
|
||
.life_cont2_box .s_right{position:absolute; right:20px; top:35px;z-index: 9999;}
|
||
/**
|
||
.life_cont2_box li {
|
||
width: 47%;
|
||
float: left;
|
||
line-height: 22px;
|
||
margin-right: 3%;
|
||
padding-bottom: 10px;
|
||
}
|
||
.life_cont2_box li:nth-child(2n) {
|
||
margin-left: 3%; width:47%; margin-right:0 !important;
|
||
}
|
||
**/
|
||
.life_cont2_box img{ object-fit: cover;max-height: 212px; width: 100%; }
|
||
.middle_search {position: relative;}
|
||
.middle_search .m_t_search {
|
||
clear: both;
|
||
background: #fff;
|
||
display: block;
|
||
overflow: hidden;
|
||
width: 75%;
|
||
border: 1px solid #d5d5d5; border-radius: 5px;
|
||
height: 42px;
|
||
line-height: 42px;
|
||
position: relative;
|
||
margin:20px 20px;
|
||
}
|
||
.middle_search .m_t_search2 {
|
||
clear: both;
|
||
background: #fff;
|
||
display: block;
|
||
overflow: hidden;
|
||
width: 60%;
|
||
border: 1px solid #d5d5d5; border-radius: 5px;
|
||
height: 42px;
|
||
line-height: 42px;
|
||
position: relative;
|
||
margin:20px 20px;
|
||
}
|
||
.middle_search .srch_inp {
|
||
width: 100%;
|
||
}
|
||
.middle_search .total{ position: absolute;
|
||
/* right: 3%; */
|
||
top: 15px;
|
||
left: 84%;}
|
||
.middle_search .total2{ position: absolute;
|
||
/* right: 3%; */
|
||
top: 15px;
|
||
left: 78%;}
|
||
.middle_search .trash{ position: absolute;
|
||
/* right: 3%; */
|
||
top: 12px;
|
||
left: 92%;}
|
||
.middle_search .srch_inp input {
|
||
background: transparent none repeat scroll 0 0;
|
||
border: 0 none;
|
||
color: #4e4e4e;
|
||
font-size: 16px;
|
||
line-height: 42px;
|
||
padding-left: 20px;
|
||
width: 75%;
|
||
}
|
||
.middle_search .btn_clear_input {
|
||
position: absolute;
|
||
right: 50px;
|
||
top: 8px;
|
||
background: url(../../img/mobile/btn_close.gif) no-repeat;
|
||
width: 27px;
|
||
height: 27px;
|
||
text-indent: -9999px;
|
||
}
|
||
.middle_search .btn_search {
|
||
position: absolute;
|
||
right: 10px;
|
||
top: 10px;
|
||
background: url(../../img/mobile/img_search2.gif) no-repeat;
|
||
width: 26px;
|
||
height: 26px;
|
||
text-indent: -9999px;
|
||
border: none;
|
||
}
|
||
.middle_search .m_t_search button {
|
||
border: 0 none;
|
||
box-shadow: none;
|
||
cursor: pointer;
|
||
outline: 0 none;
|
||
}
|
||
.arrow_down{background: url(../../img/mobile/img_down.gif) no-repeat 90% 50%;padding: 6px 25px 6px 12px !important;}
|
||
.arrow_down:hover{background: url(../../img/mobile/img_down_on.gif) no-repeat 90% 50%; }
|
||
.arrow_up{background: url(../../img/mobile/img_up.gif) no-repeat 90% 50%;padding: 6px 25px 6px 12px !important;}
|
||
.arrow_up_on{background: url(../../img/mobile/img_up_on.gif) no-repeat 90% 50%;padding: 6px 25px 6px 12px !important;}
|
||
.arrow_up:hover{background: url(../../img/mobile/img_up_on.gif) no-repeat 90% 50%; }
|
||
.art-menu {font-size:12px; padding-top:5px;}
|
||
.art-menu a{font-size:12px; padding-top:10px;}
|
||
.art-menu-date{padding-left:10px;}
|
||
.delivery_info2 {
|
||
position: absolute;
|
||
/* right: 100px; */
|
||
background: #f5f6f6;
|
||
border: 1px solid #ebebeb;
|
||
width: 90%;
|
||
z-index: 9999;
|
||
line-height: 26px;
|
||
top: 50px;
|
||
padding: 2%;
|
||
/* margin: 0 auto; */
|
||
margin: 0 2.5%;
|
||
/* text-align: center; */
|
||
}
|
||
.delivery_info2 .d_info_tit{color:#000; font-size:16px; padding-bottom: 5px;}
|
||
.delivery_info2 .d_info_txt{font-size:13px;}
|
||
.delivery{padding-right:10px;}
|
||
|
||
@media screen and (max-width: 620px){
|
||
#mypage .mypage_footer .f_social img{ width:8%; padding:0 5px;}
|
||
.comment_wrap2 .com_cont_img2 {width:100%;}
|
||
.comment_wrap2 .com_cont_txt_box{float:left;width:85%; margin-right: 5%;}
|
||
.comment_wrap2 .info_comment {right:30px;}
|
||
.comment_wrap2 .com_cont_img2 img {width:100%;}
|
||
.info_comment2 .com_cont_info {
|
||
width: 10%;
|
||
float: left;
|
||
top: -60px;
|
||
position: absolute; right:0;}
|
||
.comment_wrap2 .commentbody3 .reply_box2 .img_reply2{width:5%; }
|
||
.comment_wrap2 .commentbody3 .reply_box2 .img_reply3{width:80%; margin-right:5%;}
|
||
.comment_wrap2 .commentbody3 .reply_box2 .img_reply4{width:10%;float:right;position: relative;}
|
||
.column_contents{margin:20px 20px; border-bottom: 1px solid #ebeef3; padding-bottom: 10px;}
|
||
.column_contents h4 {font-size: 16px;}
|
||
}
|
||
@media screen and (max-width: 400px){
|
||
.font{top:170px;}
|
||
.community_footer_list p {font-size:12px;}
|
||
#news .cont_top .cont_top_title a{font-size:13px;}
|
||
#news .cont_top .cont_top_title4 a{ font-size:13px;}
|
||
#news .cont_top_txt2 a{font-size:12px;}
|
||
.art-menu-date{padding-top:10px; display:inline-block; padding-left:0;}
|
||
#news .cont_top .cont_top_title3 {font-size:12px; bottom:32%;}
|
||
#news .cont_top .cont_top_title2 {font-size:14px; position: absolute;
|
||
bottom:18%;}
|
||
}
|
||
@media screen and (max-width: 350px){
|
||
.news_media_list2 span img{width:70%; }
|
||
.life_app{width:310px;}
|
||
.life_app li {width:62px;}
|
||
.life_cont2_box .s_left{width:5%;}
|
||
.life_cont2_box .s_right{width:5%;}
|
||
}
|
||
|
||
|
||
/* 상단 메뉴 고정 스타일*/
|
||
/*3*/
|
||
.jbFixed {
|
||
position: fixed;
|
||
z-index:99997;
|
||
top: 0px;
|
||
}
|
||
|
||
/*4*/
|
||
.jbFixed2 {
|
||
position: fixed;
|
||
z-index:99997;
|
||
top: 0px;
|
||
width:100%;
|
||
}
|
||
|
||
.jbFixed3 {
|
||
position: fixed;
|
||
z-index:99997;
|
||
top: 0px;
|
||
width:100%;
|
||
background:#44cbd2;
|
||
}
|
||
|
||
.jbFixed4 {
|
||
position: fixed;
|
||
z-index:99998;
|
||
top: 0px;
|
||
width:100%;
|
||
background:#fff;
|
||
}
|
||
/**/
|
||
|
||
.news_img { clear: both; padding: 10px 0 0 0; margin-right: -20px; }
|
||
.swiper-01 .swiper-slide { width: auto !important; }
|
||
.swiper-01 .swiper-slide > a { display: block; height: 80px; overflow: hidden; }
|
||
.swiper-01 .swiper-slide > a img { height: 100%; }
|
||
|
||
.n_date { color: #8e8e8e; font-size: 13px; padding-top: 3px; padding-left: 5px; }
|
||
|
||
.news_video { clear: both; padding: 10px 0 0 0; margin-right: -20px; }
|
||
.swiper-02 .swiper-slide { width: auto !important; }
|
||
.swiper-02 .swiper-slide .channel_con { width: 130px; }
|
||
.swiper-02 .swiper-slide .channel_con img { width: 100%; }
|
||
.swiper-02 .swiper-slide .play { top: 50%; left: 50%; margin-top: -19px; margin-left: -20px; }
|
||
|
||
|
||
.container {
|
||
background: #eee;
|
||
}
|
||
/* clearfix */
|
||
.container:before,
|
||
.container:after {
|
||
content: "";
|
||
display: table;
|
||
}
|
||
.container:after {
|
||
clear: both;
|
||
}
|
||
|
||
.item {
|
||
float: left;
|
||
margin-bottom: 10px;
|
||
}
|
||
.item img {
|
||
max-width: 100%;
|
||
max-height: 70px;
|
||
vertical-align: bottom;
|
||
}
|
||
.first-item {
|
||
clear: both;
|
||
}
|
||
/* remove margin bottom on last row */
|
||
.last-row, .last-row ~ .item {
|
||
margin-bottom: 0;
|
||
}
|
||
|
||
.swiper-03 { width: 100%; padding: 0 20px; box-sizing: border-box; }
|
||
.swiper-03 .swiper-button-next, .swiper-03 .swiper-button-prev { background-size: 7px 24px; }
|
||
.swiper-03 .swiper-button-next, .swiper-03 .swiper-container-rtl .swiper-03 .swiper-button-prev { right: 0px; left: auto; }
|
||
.swiper-03 .swiper-button-prev, .swiper-03 .swiper-container-rtl .swiper-03 .swiper-button-next { left: 0px; right: auto;}
|
||
.swiper-03 .swiper-slide a { text-align: center; display: block; }
|
||
.swiper-03 .swiper-pagination{display:none}
|
||
|
||
/* 2018-10-11 Add */
|
||
.swiper-04 { width: 100%; padding: 0 20px; box-sizing: border-box; }
|
||
.swiper-04 .swiper-button-next, .swiper-04 .swiper-button-prev { background-size: 7px 24px; }
|
||
.swiper-04 .swiper-button-next, .swiper-04 .swiper-container-rtl .swiper-03 .swiper-button-prev { right: 0px; left: auto; }
|
||
.swiper-04 .swiper-button-prev, .swiper-04 .swiper-container-rtl .swiper-03 .swiper-button-next { left: 0px; right: auto;}
|
||
.swiper-04 .swiper-slide a { text-align: center; display: block; }
|
||
.swiper-04 .swiper-pagination{display:none}
|
||
/* 2018-10-11 Add */
|
||
|
||
.mypage_nav {background: #04b9c2; height:50px; line-height: 50px; text-align: center; position: relative;}
|
||
.mypage_nav span, .mypage_nav a { color: #fff; font-size: 16px; }
|
||
.mypage_nav span:before { content: " | "; font-weight: normal !important; }
|
||
.mypage_nav span:nth-child(1):before { content: "" }
|
||
.mypage_nav span.current { font-weight: bold; }
|
||
|
||
.view_header h2 { position: relative; }
|
||
.view_header h2 > img { position: absolute; top: 17px; right: 0; width: 70px; }
|
||
.view_header h2 .category { font-size: 14px; padding-top: 10px; display: block; }
|
||
.view_header h2 .category > a { color: #777; }
|
||
.view_header h2 .category > img { margin: 0 5px; }
|
||
|
||
.pens { position: absolute; top: 10px; right: 50px; }
|
||
.pens img { width: 20px; }
|
||
|
||
.qna_w { padding: 20px; }
|
||
.qna_w * { box-sizing: border-box; }
|
||
.qna_w ul { border-bottom: 1px dashed #ddd; padding-bottom: 10px; }
|
||
.qna_w ul input[type=text] { border: 1px solid #ddd; padding: 5px; width: 100%; }
|
||
.qna_w ul .capt { font-size: 12px; color: #757575; }
|
||
.qna_w ul .capt span { color: #e64c3c; }
|
||
.qna_wbox { border: 1px solid #ddd; margin-top: 15px; min-height: 300px; }
|
||
|
||
.smartphoto-nav { background: rgba(255,255,255,0.15); padding: 5px 0; border-top: 1px solid rgba(255,255,255,0.2); }
|
||
.smartphoto_txt { background: rgba(255,255,255,0.15); padding: 15px; color: #fff; position: absolute; left: 0; width: 100%; bottom: 65px; }
|
||
.smartphoto_txt, .smartphoto_txt * { box-sizing: border-box; }
|
||
.smartphoto_txt .titbo { display: block; position: relative; padding-right: 100px; }
|
||
.smartphoto_txt .titbo .tit1 { color: #fff; display: block; }
|
||
.smartphoto_txt .titbo .tit1 span { display: block; font-size: 12px; padding-top: 5px; }
|
||
.smartphoto_txt .titbo .tit2 { position: absolute; display: block; padding: 5px 10px; color: #fff; font-size: 14px; line-height: 20px; border: 1px solid #fff; border-radius: 15px; top: 0; right: 20px; }
|
||
.smartphoto_txt .titbo .tit2:after { font-family:xeicon; content: "\e942"; padding-left: 2px; }
|
||
.smartphoto_txt .titbo .tit3 { position: absolute; display: block; top: 8px; right: -5px; }
|
||
.smartphoto_txt .titbo .tit3:after { font-family:xeicon; content: "\e949"; padding-left: 2px; font-size: 20px; }
|
||
.smartphoto-arrows li { padding: 20px; background-color: rgba(0,0,0,0.5); margin-top: -35px; background-size: 30px 30px; background-position: center center; background-repeat: no-repeat; }
|
||
.smartphoto-arrow-left { border-radius: 0 35px 35px 0; }
|
||
.smartphoto-arrow-right { border-radius: 35px 0 0 35px; }
|
||
|
||
.btn.current { border-color: #44cbd2; color: #44cbd2; }
|
||
.btn.current a { color: #44cbd2; }
|
||
|
||
.cont_box.edit .inn { position: absolute; top: 15px; left: 15px; z-index: 9; background: #fff; border: 1px solid #ddd; width: 25px; height: 30px; text-align: center; padding: 5px; }
|
||
.cont_box.edit .inn input { width: auto; height: auto; line-height: inherit; }
|
||
.cont_box.edit.e_none .inn { display: none; }
|
||
|
||
.swiper-a1 { border-top: 1px solid #ddd; position: relative; }
|
||
.swiper-a1:before { content: ">"; position: absolute; top: 0; right: 0; background: #fff; width: 20px; padding: 15px 0; z-index: 9; }
|
||
.swiper-a1 .swiper-slide a { display: block; padding: 15px 10px; color: #000; font-size: 14px; border-bottom: 2px solid #fff; }
|
||
.swiper-a1 .swiper-slide-active a { color: #44cbd2; border-bottom-color: #44cbd2; }
|
||
.swiper-a1 .swiper-scrollbar1 { bottom: -20px !important; }
|
||
.mainswiper .swiper-slide { min-height: 10px !important; }
|
||
|
||
.mi_search { padding: 10px 20px; }
|
||
.mi_search * { box-sizing: border-box; }
|
||
.mi_search > ul { width: 100%; display: table; }
|
||
.mi_search > ul > li { display: table-cell; vertical-align: middle; }
|
||
.searchs > div { border: 1px solid #ddd; border-radius: 5px; position: relative; padding: 5px; }
|
||
.searchs > div input { padding: 0; width: 100%; border: none; height: 30px; line-height: 30px; }
|
||
.searchs > div a { position: absolute; top: 8px; right: 8px; font-size: 24px; color: #44cbd2; }
|
||
.checks { width: 20px; text-align: left; }
|
||
.popup_policy2 .checks {position:relative; float:right;}
|
||
.popup_policy2 .checks input[type="checkbox"] {position:absolute; top:0; left:-9999px;}
|
||
.popup_policy2 .checks label {float:left; background:url('/img/web/b_agree_off.gif') no-repeat; height:30px;width:30px}
|
||
.popup_policy2 .checks input[type="checkbox"]:checked + label {background:url('/img/web/b_agree_on.gif') no-repeat; }
|
||
.txtxs { width: 80px; text-align: center; font-size: 14px; color: #424242; }
|
||
.txtxs span { color: #44cbd2; padding: 0 3px; font-weight: bold; }
|
||
.tracc { width: 25px; text-align: right; }
|
||
.tracc a { font-size: 26px; line-height: 18px; color: #44cbd2; }
|
||
|
||
.mimi { position: fixed; top: 0; left: 0; width: 100%; z-index: 99; background: #fff; display: none; }
|
||
.mimi.fix { display: block; }
|
||
.nono { display: none; }
|
||
|
||
.mypage_top.fix { position: fixed !important; top: 0; left: 0; width: 100%; z-index: 99; background: #fff; }
|
||
.mi_search.fix { position: fixed !important; top: 0; left: 0; width: 100%; z-index: 99; background: #fff; border-bottom: 1px solid #ddd; box-sizing: border-box; }
|
||
|
||
.inputer { width: 100px; vertical-align: top; height: 30px; line-height: 30px; border-bottom: 1px solid #ddd; font-size: 14px; border-radius: 0; -webkit-border-radius:0; -webkit-appearance:none; }
|
||
|
||
.life_menu { position: fixed; right: -300px; -webkit-transition:ease-out 0.2s; -moz-transition:ease-out 0.2s; -o-transition:ease-out 0.2s; transition:ease-out 0.2s; }
|
||
/*.life_menu.active:after { content: ""; position: fixed; top: 0; left: 0; width: 100%; height: 100%;; background: rgba(0,0,0,0.5); z-index: -1; }*/
|
||
/* 2018-10-11 Modify */
|
||
.life_menu.active { position: fixed;z-index:999999; top:0; right: 0px; bottom: 0; overflow-y: auto; border-bottom: none; }
|
||
/* 2018-10-11 Modify */
|
||
.life_menu .dims { display: none; }
|
||
.life_menu.active .dims { display: block; position: fixed; top: 0; left: 0; width: 100%; height: 100%;; background: rgba(0,0,0,0.5); z-index: -1; }
|
||
|
||
.life_menu_l { left: -300px; -webkit-transition:ease-out 0.2s; -moz-transition:ease-out 0.2s; -o-transition:ease-out 0.2s; transition:ease-out 0.2s; }
|
||
/*.life_menu.active:after { content: ""; position: fixed; top: 0; left: 0; width: 100%; height: 100%;; background: rgba(0,0,0,0.5); z-index: -1; }*/
|
||
.life_menu_l.active { position: fixed; bottom: 0; top: 0; overflow-y: auto; overflow-x: hidden; left: 0px; border-bottom: none; }
|
||
.life_menu_l .dims { display: none; }
|
||
.life_menu_l.active .dims { display: block; position: fixed; top: 0; left: 0; width: 100%; height: 100%;; background: rgba(0,0,0,0.5); z-index: -1; }
|
||
.life_menu_l .dims2 {display: block;width: 300px;position: absolute;top: 0;left: -300px;height: 550px;background: #fff;z-index: -1;-webkit-transition:ease-out 0.2s;-moz-transition:ease-out 0.2s;-o-transition:ease-out 0.2s;transition:ease-out 0.2s;}
|
||
.life_menu_l.active .dims2 { left: 0px; }
|
||
.profile_add_photo label {
|
||
display: inline-block;
|
||
width: 77px;
|
||
height: 77px;
|
||
background: url(/img/web/img_photo.png) no-repeat center;
|
||
background-size: 77px;
|
||
border-radius: 75px;
|
||
}
|
||
.delivery_info3{
|
||
position: fixed;
|
||
right: 10px;
|
||
background: #f5f6f6;
|
||
border: 1px solid #ebebeb;
|
||
width: 80%;
|
||
z-index: 9999;
|
||
line-height: 26px;
|
||
top: 50px;
|
||
padding:15px;
|
||
margin-left: -43% !important;
|
||
}
|
||
.delivery_info3 .d_info_tit{color:#000; font-size:16px; padding-bottom: 5px;}
|
||
.delivery_info3 .d_info_txt{font-size:13px;}
|
||
|
||
.cate3 {height: 45px;line-height: 45px;margin-top: 30px;width: 100vw;text-align: center;display: flex;justify-content: center;}
|
||
.cate3 li{/* padding:0 47px; */border-right: 1px solid #dcdcdc;float:left;background:#f1f7fa;border: 1px solid #dcdcdc;border-left: none;width: 30vw;text-align: center;line-height: 15px;height: 50px;display: table-cell;/* vertical-align: middle; */}
|
||
.cate3 li:first-child {border-left: 1px solid #dcdcdc;/* display: flex; */}
|
||
.cate3 li a{ font-size:15px;color:#9e9e9e; display:flex;align-items:center;width:100%;height:100%;justify-content: center}
|
||
.cate3 li a:hover{color:#04b9c2;}
|
||
.cate3 .current a{color:#04b9c2;}
|
||
.policy{line-height: 28px; padding-top:20px; border-top: 1px solid #e5e5e5; margin-top: 30px;}
|
||
#smart_editor2 {width: auto !important;}
|
||
.reply_box textarea,
|
||
.reply_box2 textarea{
|
||
border:0;
|
||
padding:0;
|
||
color:#999999; line-height: 23px; padding:10px;
|
||
font-size:14px;
|
||
width: 100%; box-sizing: border-box;
|
||
}
|
||
|
||
.news_top, .news_top * { box-sizing: content-box; }
|
||
.news_nav, .news_nav * { box-sizing: content-box; }
|
||
.channel_cont, .channel_cont * { box-sizing: content-box; }
|
||
.mypage_footer, .mypage_footer * { box-sizing: content-box; }
|
||
.news_cont2, .news_cont2 * { box-sizing: content-box; }
|
||
.news_media, .news_media * { box-sizing: content-box; }
|
||
|
||
.news_cont2 a:visited, .news_cont2 a:visited * { color: #999!important; }
|
||
|
||
.tr_img > a { display: block; height: 70px; width: 70px; overflow: hidden; border-radius: 50%; margin: auto; }
|
||
.tr_img > a > img { width: 100% !important; height: 100% !important; }
|
||
button#add { margin: 15px 0; }
|
||
.news_lists > div:last-child { border-bottom: 1px solid #ddd !important; }
|
||
.mainswiper.Fixed { padding-top: 51px; }
|
||
.view_header { position: relative; }
|
||
.view_alm { position: absolute; top: 65px; right: 20px; background: #20c8d4; color: #fff; width: 65px; height: 60px; border-radius: 5px; text-align: center; overflow: hidden; }
|
||
.view_alm .tapt { display: table; margin: 0 auto; padding-top: 9px; padding-bottom: 3px; }
|
||
.view_alm .tapt li { display: block; padding: 0 1px; float: left; line-height: 20px; }
|
||
.view_alm .tapt li > img { height: 20px; }
|
||
.view_alm > .tit { color: #fff; font-size: 11px; background: #12abbd; padding: 2px; }
|
||
|
||
#weather_block { width: 100%; }
|
||
#weather_block, #weather_block * { box-sizing: content-box !important; }
|
||
#my_comment_policy { max-width: 90% !important; width: 90% !important; max-height: 340px !important; margin: 35px 5% !important; right: 0 !important; box-shadow: 2px 2px 5px rgba(0,0,0,.2); }
|
||
|
||
.news_box .news_box_con_left { padding-bottom: 30px; } |