html, body { margin: 0px; padding: 0px; background: #edeff0; } .main { /* width:1366px; */ width: 100%; min-width: 1300px; margin: 0 auto; } .content { /* width: 85%; */ width: 1164px; min-width: 1164px; margin: 0 auto; margin-top: 20px; font-size: 0; } .c_cotent { display: inline-block; } .c_one, .c_two { height: 458px; vertical-align: top; } .carousel-title-bg { width: 100%; height: 55px; position: absolute; bottom: 0px; left: 0px; background-color: #000000; opacity: 0.7; filter: alpha(opacity=70); } .testcarousel-title { width: 80%; line-height: 55px; position: absolute; bottom: 0px; left: 0px; color: #ffffff; text-overflow: ellipsis; white-space: nowrap; overflow: hidden; font-size: 16px; padding: 0px 15px; } #test1 .layui-carousel-ind { width: auto; position: absolute; top: auto; bottom: 18px; right: 5px; } #test1 .layui-carousel-ind>ul { background: none; } #test1 .layui-carousel-ind>ul>li { background: none; border: 1px solid white; width: 12px; height: 12px; margin: 0 7px; } #test1 .layui-carousel-ind li.layui-this { background-color: #fff; } .layui-card { height: 100%; border-radius: 4px; } .layui-card-header { border-bottom: 1px solid #e5e5e5; /*重写面板下边框颜色*/ color: #024287; font-size: 16px; font-weight: bold; padding: 5px 25px; } .l_more { color: #888888; font-size: 14px; float: right; font-weight: 100; cursor: pointer; } .l_more:hover { color: #024287; } .more_icon { padding-left: 5px; } .layui-card-body { padding: 10px 25px; } .card_div { height: 94px; line-height: 94px; border-radius: 4px; margin-bottom: 35px; padding-left: 41px; padding-right: 41px; cursor: pointer; } .card_img { display: inline-block; font-size: 0; position: relative; top: -7px; } .card_text { display: inline-block; margin-left: 45px; font-size: 0; } .card_texts { display: inline-block; font-size: 16px; color: white; } .card_green { background-color: #9bd579; } .card_blue { background-color: #639be1; } .card_yellow { background-color: #f3bc65; } .c_two { width: 26%; float: right; } .c_three, .c_four { width: 35%; margin-top: 20px; margin-right: 2%; height: 341px; vertical-align: middle; overflow: hidden; float: left; } .sub_ul li { font-size: 16px; line-height: 34px; } .sub_ul li a { display: inline-block; width: 85%; font-size: 14px; vertical-align: top; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; } .sub_ul li a:hover { color: #024287; } .sub_img { display: inline-block; } .article-date { float: right; display: inline-block; font-size: 14px; color: #888888; } .c_five { width: 26%; margin-top: 20px; height: 160px; vertical-align: top; float: right; } .query_lid { height: 107px; line-height: 107px; font-size: 0; } .query_shu { display: inline-block; width: 1px; height: 65px; background: #cecece; vertical-align: middle; margin: 0 23px; } .query_type { float: right; font-size: 14px; line-height: 30px; } .query_type a { display: block; } .query_type a:hover { color: #024287; } .fzjg_div { height: 107px; font-size: 0; /* line-height: 107px; */ } .fzjg_box { display: inline-block; width: 33%; text-align: center; font-size: 0px; height: 100%; vertical-align: top; } .fzjg_box:hover { background-color: #cecece; color: white; } .fzjg_img { padding-top: 3px; } .fzjg_text { font-size: 13px; display: block; padding-top: 2px; color: } .fzjg_text:hover { color: #024287; } .c_img { width: 100%; margin-top: 20px; height: 84px; } /*会员风采*/ .c_six { width: 100%; height: 335px; margin-top: 20px; vertical-align: top; } .hyfc_left { width: 60%; font-size: 0px; display: inline-block; vertical-align: top; height: 360px; overflow: hidden; } .hyfc_right { width: 442px; height: 249px; display: inline-block; padding: 15px 0px; } .hyfc_img { /* padding: 20px 0px; */ width: 100%; height: 100%; } .hyfc_box { font-size: 0px; margin-right: 10px; padding: 16px 20px; overflow: hidden; } .hyfc_cbox { padding: 2px 25px; cursor: pointer; } .hyfc_cboxs { background-color: #f6f6f6; } .hyfc_title { cursor: pointer; font-size: 14px; color:#000; } .hyfc_title:hover { color: #024287; } .hyfc_title_active { font-weight: bold; color: #000; } .hyfc_time { float: right; padding-right: 15px; color: #777777; font-size: 16px; } .hyfc_content { /* padding-top: 5px; padding-bottom: 5px; */ text-indent: 34px; font-size: 14px; display: none; } .hyfc_contents { display: block; } .c_seven { width: 77%; height: 280px; margin-top: 20px; vertical-align: top; } .c_eight { width: 21%; height: 280px; margin-top: 20px; margin-left: 2%; vertical-align: top; } .wx_box { width: 100%; text-align: center; font-size: 16px; padding: 25px 0px; } .wx_text { display: block; } .wx_img { padding: 10px 0px; } .wt_left { width: 100%; display: inline-block; vertical-align: top; height: 300px; } .wt_right { width: 22%; display: inline-block; vertical-align: top; text-align: center; height: 300px; font-size: 0; } .wt_header_div { border-bottom: 1px solid #e5e5e5; color: #024287; font-size: 16px; font-weight: bold; padding: 2% 25px; width: 78%; /* height: 15%; */ /* line-height: 48px; */ } .wt_content { /* padding: 10px 25px; */ /* box-sizing: borderbox; */ font-size: 14px; color: #005b9f; position: relative; height: 214px; padding: 0% 2%; overflow-y: auto; padding-top: 10px; } .wtc_div { position: relative; } .wt_num { width: 10px; padding: 3px 18px; background-color: #f7f7f7; border-radius: 5px; color: #777777; display: inline-block; vertical-align: top; } .wt_num:after { content: ' '; content: ' '; /* border-top: 8px solid #f7f7f7; */ border-left: 18px solid transparent; position: absolute; top: 25px; left: 28px; } .wt_row{ /* height:80px; */ padding: 4px; padding-left: 10px; padding-bottom: 10px; } .wt_title { /* padding: 5px 0px; */ display: inline-block; width: 100%; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; } .title_txt{ padding-left: 5px; } .wt_time { padding: 3px 0px; float: right; color: #777777; } .wt_reply { color: #000000; font-size: 16px; padding: 3px 10px; font-size: 0; } .wt_reply img { display: inline-block; vertical-align: top; padding-left: 34px; padding-top: 10px; } .reply_text { font-size: 14px; display: inline-block; padding-left: 18px; /* width: 90%; */ width: 85%; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; } .wt_rbox{ height: 100%; box-sizing: border-box; } .wtr_box { position: absolute; right: 30px; top: 0; cursor:pointer;margin-top: 5px; } .wtr_box2 { background: #f9946a; width: 120px; height: 40px; border-radius: 5px; display: inline-block; line-height: 27px; position: absolute; right: 10px; } .wtrc_box { } .wtr_text { font-size: 16px; color: white; width: 100%; margin-left: 5px; position: relative; top: 6px; } .wt_title:hover {color:red;}