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;}