.tj_list {
box-sizing: border-box;width: 100%;float: left;margin-top: 15px;background-color: #ffffff;padding: 20px;
}
.tj_list_left {
width: 29%;float: left;
}
.swiper {
width: 100%;float: left;height: 232px;border-radius: 10px;overflow: hidden;
}
.swiper a {
width: 100%;display: inline-block;position: relative;height: 232px;
}
.swiper a img {
width: 100%;height: 232px;display: inline-block;
}
.swiper a span {
display: block;width: 94%;height: 36px;background: rgba(0, 0, 0, 0.6);position: absolute;bottom: 0;font-size: 15px;color: #fff;line-height: 36px;padding: 0 3%;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;
}
.tj_left_list {
width: 100%;float: left;display: flex;flex-wrap: wrap;justify-content: space-between;margin-top: 17px;
}
.tj_left_list li {
width: 31%;float: left;overflow: hidden;line-height: 30px;height: 30px;background: #f5f5f8;border: 1px solid #e7e6e6;text-align: center;border-radius: 4px;margin-top: 13px;
}
/*.tj_left_list li em {
float: left;width: 13px;height: 17px;background: #0099cb;border-radius: 4px;line-height: 16px;text-align: center;color: #ffffff;font-size: 13px;margin-top: 17px;margin-right: 5px;padding-right: 4px;
}*/
.tj_left_list li a {
font-size: 15px;color: #333;display: block;
}
.tj_left_list li a:hover {
color: #fff; background: #056DE8;
}
/*.tj_left_list li span {
float: right;color: #888;font-size: 13px;
}*/
.tj_list_mid {
width: 36%;float: left;margin-left: 27px;
}
.tj_mid_title {
color: #333;font-size: 16px;font-weight: 700;float: left;width: 100%;height: 45px;line-height: 45px;margin-bottom: 5px;background: #f5f5f8;border-radius: 10px;
}
.tj_mid_title:before {
content: "";width: 7px;height: 17px;border-radius: 60px;background: #d69f25;float: left;margin-top: 15px;margin-right: 8px;margin-left: 10px;
}
.tj_list_mid ul {
width: 100%;float: left;
}
.tj_list_mid li {
width: 100%;font-size: 15px;overflow: hidden;line-height: 43px;height: 43px;text-overflow: ellipsis;white-space: nowrap;text-align: right;color: #888;
}
.tj_list_right {
width: 30%;float: right;
}
.tj_list_right_title {
color: #333;font-size: 16px;font-weight: 700;float: left;width: 100%;height: 45px;line-height: 45px;margin-bottom: 5px;background: #f5f5f8;border-radius: 10px;
}
.tj_list_right_title:before {
content: "";width: 0;height: 0;border-top: 8px solid transparent;border-left: 14px solid #0099cb;border-bottom: 8px solid transparent;border-radius: 0;margin-left: 10px;margin-top: 16px;background: #f5f5f8;float: left;margin-right: 8px;
}
.tj_right_top {
float: left;width: 100%;}
.tj_right_top li {
width: 100%;height: 43px;float: left;line-height: 43px;overflow: hidden;
}
.tj_right_top li a {
width: 68%;font-size: 15px;float: left;
}
.tj_right_top li span {
float: right;color: #888;font-size: 13px;
}
.tj_right_top li em {
float: left;width: 15px;height: 15px;background: #f96f06;border-radius: 4px;line-height: 15px;text-align: center;color: #ffffff;font-size: 13px;margin-top: 15px;margin-right: 5px;font-style: normal;
}
.tj_jj {
width: 58%;float: right;
}
.tj_jj_p1 {
font-size: 15px;color: #333;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;font-weight: 700;line-height: 33px;
}
.tj_jj_p2 {
font-size: 14px;color: #9b9b9b;float: left;width: 100%;line-height: 24px;overflow: hidden;height: 48px;
}
.tj_list_mid .sort {
float: left;display: inline-block;width: 15px;height: 15px;border: 1px solid #0099cb;line-height: 15px;text-align: center;color: #259ff0;font-weight: 700;font-size: 13px;margin: 14px 5px 0 0px;border-radius: 4px;font-style: normal;
}
.tj_list_mid .con {
width: 75%;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;color: #333;text-align: left;float: left;
}
.wd_right_list {
float: left;width: 100%;
}
.wd_right_list li {
font-size: 13px;line-height: 41px;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;color: #888;text-align: right;height: 41px;
}
.wd_right_list li:nth-child(1) em {
background: #e33e42;
}
.wd_right_list li:nth-child(2) em {
background: #e7805c;
}
.wd_right_list li:nth-child(3) em {
background: #e8b856;
}
.wd_right_list li span {
margin-left: 8px;font-size: 15px;color: #000;float: left;width: 61%;overflow: hidden;text-align: left;height: 34px;
}
.wd_left_list a:before {
content: "w";float: left;display: inline-block;width: 15px;height: 15px;border: 1px solid #0099cb;line-height: 14px;text-align: center;color: #259ff0;font-weight: 700;font-size: 13px;margin: 11px 5px 0 0px;border-radius: 4px;
}
.wd_right_list li em {
line-height: 15px;color: #ffffff;width: 15px;height: 15px;font-size: 13px;text-align: center;float: left;margin-top: 13px;margin-right: 7px;background: #c7c7c7;border-radius: 4px;font-style: normal;
}
.wd_left_top ul {
width: 100%;float: left;display: flex;flex-wrap: wrap;justify-content: space-between;
}
.wd_left_top ul li {
width: 13%;float: left;overflow: hidden;line-height: 30px;height: 30px;background: #f5f5f8;border: 1px solid #e7e6e6;text-align: center;border-radius: 4px;margin-top: 10px;
}
.wd_left_top ul li a {
font-size: 15px;color: #333;display: block;
}
.wd_left_top ul li a:hover {
color: #fff; background: #056DE8;
}
/*box2*/
.wd_box {
box-sizing: border-box;margin-top: 20px;float: left;width: 100%;background-color: #ffffff;padding: 20px;
}
.wd_box_title {
line-height: 50px;float: left;height: 50px;width: 100%;margin-bottom: 20px;border-bottom: 3px solid #e8ebef;
}
.wd_box_title:before {
content: "";width: 10px;height: 25px;background: #e8b856;margin-top: 11px;float: left;border-radius: 30px;
}
.wd_box_title span {
float: left;text-align: center;font-size: 22px;color: #333;font-weight: bold;
}
.wd_box_title span:before {
content: "";width: 8px;height: 21px;background: #0099cb;margin-top: 14px;float: left;border-radius: 30px;margin-right: 12px;
}
.wd_box_title a {
float: right;color: #e7805c;
}
.wd_box_left {
width: 65%;float: left;
}
.wd_left_top {
overflow: hidden;
}
.wd_left_top img {
width: 150px;height: 100px;float: left;border-radius: 10px;
}
.wd_tw {
float: right;width: 77%;overflow: hidden;
}
.wd_tw_p1 {
font-size: 16px;color: #000;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;font-weight: 700;line-height: 30px;
}
.wd_tw_p2 {
font-size: 14px;color: #939393;line-height: 24px;height: 72px;
}
.wd_left_list {
/*float: left;*/margin-top: 22px;display: flex;flex-wrap: wrap;justify-content: space-between;
}
.wd_left_list li {
width: 48%;float: left;line-height: 39px;height: 39px;
}
.wd_left_list a {
font-size: 15px;width: 75%;float: left;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;
}
.wd_left_list em {
color: #9d9d9d;float: right;font-size: 13px;font-style: normal;
}
.wd_box_right {
width: 31%;float: right;
}
.wd_right_t {
color: #333;font-size: 16px;font-weight: 700;float: left;width: 100%;height: 45px;line-height: 45px;margin-bottom: 5px;background: #f5f5f8;border-radius: 10px;
}
.wd_right_t:before {
content: "";width: 0;height: 0;border-top: 8px solid transparent;border-left: 14px solid #0099cb;border-bottom: 8px solid transparent;border-radius: 0;margin-left: 10px;margin-top: 16px;background: #f5f5f8;float: left;margin-right: 8px;
}
@media (max-width: 991px) {
/*.tj_list_left { display: none; }*/
.tj_list_right {display: none;}
.tj_list_left {width: 98%;}
.tj_list_mid {/*display: none;*/width: 98%;float: left;margin-left: 2px;margin-top:20px;
}
.wd_box_right {display: none;}
.wd_box_left {width: 100%;}
.wd_left_list li {width: 98%;}
.wd_left_top ul li {
width: 31%;
}
}