.fl {
float: left; }
html, body {
background: #f8f8f8; }
html #Topic, body #Topic {
position: relative; }
html #Topic #bg, body #Topic #bg {
height: 10.7rem;
width: 100%;
position: relative;
filter: blur(2px);
margin-bottom: 3.3rem; }
html #Topic #bg .zg, body #Topic #bg .zg {
height: 10.7rem;
width: 100%;
position: absolute;
left: 0;
top: 0;
background: #000;
opacity: 0.6; }
html #Topic #bg img, body #Topic #bg img {
width: 100%;
height: 100%; }
html #Topic .header_top, body #Topic .header_top {
position: absolute;
width: 100%;
height: 8rem;
top: 0;
left: 0;
padding: 0 0.8rem;
padding-top: 4.5rem; }
html #Topic .header_top #message, body #Topic .header_top #message {
/* position:absolute; */
top: 1.8rem;
width: 63%;
text-align: center; }
html #Topic .header_top #message h2, body #Topic .header_top #message h2 {
font-size: 1rem;
color: #fff;
margin-bottom: 0.5rem; }
html #Topic .header_top #message .message_list, body #Topic .header_top #message .message_list {
color: #fff;
font-size: 0.6rem;
opacity: 0.7;
height: 0.5rem;
margin-bottom: 0.6rem; }
#Topic .header_top #message .message_list .jion{
margin-right: 0.4rem;
}
/* html #Topic .header_top #message .message_list .jion_num, body #Topic .header_top #message .message_list .jion_num {
} */
html #Topic .header_top #message .message_list .xian, body #Topic .header_top #message .message_list .xian {
margin-right: 0.5rem;
background: #fff;
border-radius: 0.1rem;
display: inline-block;
height: 0.5rem;
width: 0.1rem; }
html #Topic .header_top #Published, body #Topic .header_top #Published {
box-shadow: 0px 0px 0.35rem rgba(51, 51, 51, 0.3);
position: absolute;
top: 5rem;
width: 40%;
right: 0.8rem;
text-align: center;
height: 2rem;
line-height: 1.75rem;
border-radius: 1rem;
width: 5rem; }
html #Topic .header_top #Published p, body #Topic .header_top #Published p {
width: 5rem;
height: 1.75rem;
background-color: #ff3346;
color: #fff;
font-size: 0.7rem;
line-height: 1.75rem;
text-align: center;
border-radius: 1rem;
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%, -50%); }
html #Topic #txt_item, body #Topic #txt_item {
position: absolute;
top: 8rem;
width: 17rem;
border-radius: 0.8rem;
height: 5.4rem;
background: #fff;
left: 50%;
transform: translate(-50%, 0);
padding-top: 0.575rem;
overflow: hidden; }
html #Topic #txt_item p, body #Topic #txt_item p {
font-size: 0.7rem;
color: #666;
line-height: 1.05rem;
margin: 0 auto;
width: 95%; }
html #Topic .title_item, body #Topic .title_item {
padding-left: 1rem;
padding-right: 0.6rem;
background: #fff;
margin-top: 3.3rem;
margin-bottom: 0.6rem; }
html #Topic .title_item .title_items, body #Topic .title_item .title_items {
height: 1.9rem;
line-height: 1.9rem;
color: #ff8022;
font-size: 0.65rem; }
html #Topic .title_item .title_items, body #Topic .title_item .title_items_list {
text-align: center;
height: 1.9rem;
line-height: 1.9rem;
color: #ff8022;
font-size: 0.65rem; }
html #Topic .title_item .title_item2, body #Topic .title_item .title_item2 {
margin-left: 0.75rem; }
html #Topic .tab, body #Topic .tab {
background: #fff;
border-bottom: 1px solid #dbdbdb; }
html #Topic .tab .tab_item, body #Topic .tab .tab_item {
height: 2.2rem;
width: 50%;
text-align: center;
line-height: 2.2rem;
font-size: 0.8rem;
color: #999; }
html #Topic .tab .tab_item .tab_t, body #Topic .tab .tab_item .tab_t {
width: 1.75rem;
height: 2.1rem;
line-height: 2.1rem;
margin: 0 auto; }
html #Topic .tab .tab_item .tab_b, body #Topic .tab .tab_item .tab_b {
width: 1.4rem;
height: 0.1rem;
background: #ff3346;
border-radius: 0.1rem;
margin: 0 auto;
display: none; }
html #Topic .list, body #Topic .list {
width: 100%; }
html #Topic .list .listBox, body #Topic .list .listBox {
background: #fff;
position: relative;
padding: 0 0.6rem;
margin-bottom: 0.6rem; }
html #Topic .list .listBox a, body #Topic .list .listBox a {
display: block;
height: 100%;
width: 100%; }
html #Topic .list .listBox a .listBox_Top, body #Topic .list .listBox a .listBox_Top {
padding: 0.95rem 0 0.65rem 0;
width: 100%; }
html #Topic .list .listBox a .listBox_Top .headPortraits, body #Topic .list .listBox a .listBox_Top .headPortraits {
height: 2.2rem;
width: 2.2rem;
border-radius: 50%;
border: 1px solid #f8f8f8; }
html #Topic .list .listBox a .listBox_Top .headPortraits img, body #Topic .list .listBox a .listBox_Top .headPortraits img {
display: block;
width: 100%;
height: 100%;
border-radius: 50%; }
html #Topic .list .listBox a .listBox_Top .nickName, body #Topic .list .listBox a .listBox_Top .nickName {
margin-left: 0.6rem;
height: 2.2rem;
padding-top: 0.25rem; }
html #Topic .list .listBox a .listBox_Top .nickName h2, body #Topic .list .listBox a .listBox_Top .nickName h2 {
font-size: 0.7rem;
color: #000;
height: 1.2rem; }
html #Topic .list .listBox a .listBox_Top .nickName h2 span, body #Topic .list .listBox a .listBox_Top .nickName h2 span {
text-align: center;
width: 1.75rem;
height: 0.75rem;
color: #fff;
display: inline-block;
background: #f43e3d;
border-radius: 0.375rem;
font-size: 0.6rem;
padding: 0.05rem 0.1rem;
padding-top: 0.1rem; }
html #Topic .list .listBox a .listBox_Top .nickName .times, body #Topic .list .listBox a .listBox_Top .nickName .times {
font-size: 0.6rem;
color: #ccc; }
html #Topic .list .listBox a .listBox_Top .nickName .times .times, body #Topic .list .listBox a .listBox_Top .nickName .times .times {
margin-right: 0.45rem; }
html #Topic .list .listBox a .listBox_Top .bianJi, body #Topic .list .listBox a .listBox_Top .bianJi {
position: absolute;
right: 0;
top: 1.5rem; }
html #Topic .list .listBox a .listBox_Top .bianJi img, body #Topic .list .listBox a .listBox_Top .bianJi img {
width: 3.5rem;
height: 1.1rem; }
html #Topic .list .listBox a .listBox_Top .bianJi p, body #Topic .list .listBox a .listBox_Top .bianJi p {
position: absolute;
right: 0.3rem;
top: 0.25rem;
font-size: 0.6rem;
color: #fff; }
#Topic .list .listBox a .listBox_Center pre p {
color: #000;
font-size: 0.7rem;
line-height: 0.95rem;
}
#Topic .list .listBox a .listBox_Center .all {
color: #009fff;
font-size: 0.6rem;
padding-top: 0.3rem;
height: 1.2rem;
line-height: 1.2rem;
text-align: right;
}
#Topic .list .listBox a .listBox_Center pre {
max-height: 4rem;
overflow: hidden;
}
html #Topic .list .listBox a .listBox_Bottom, body #Topic .list .listBox a .listBox_Bottom {
margin-top: 0.65rem;
background: #f8f8f8;
margin-bottom: 0.4rem; }
html #Topic .list .listBox a .listBox_Bottom .guangpan, body #Topic .list .listBox a .listBox_Bottom .guangpan {
width: 3.1rem;
height: 3.1rem; }
html #Topic .list .listBox a .listBox_Bottom .guangpan img, body #Topic .list .listBox a .listBox_Bottom .guangpan img {
display: block;
height: 100%;
height: 100%; }
html #Topic .list .listBox a .listBox_Bottom .prop, body #Topic .list .listBox a .listBox_Bottom .prop {
width: 82%;
padding-left: 0.4rem; }
html #Topic .list .listBox a .listBox_Bottom .prop h3, body #Topic .list .listBox a .listBox_Bottom .prop h3 {
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap;
min-width: 8rem;
font-size: 0.8rem;
color: #333;
height: 1.5rem;
line-height: 2rem;
margin-bottom: 0.4rem; }
html #Topic .list .listBox a .listBox_Bottom .prop ul li, body #Topic .list .listBox a .listBox_Bottom .prop ul li {
float: left;
margin-right: 0.75rem;
height: 1.175rem; }
html #Topic .list .listBox a .listBox_Bottom .prop ul li span, body #Topic .list .listBox a .listBox_Bottom .prop ul li span {
font-size: 0.6rem;
color: #94929c; }
html #Topic .list .listBox a .listBox_Bottom .prop ul li .span1, body #Topic .list .listBox a .listBox_Bottom .prop ul li .span1 {
height: 0.6rem;
width: 0.6rem;
vertical-align: 9%; }
html #Topic .list .listBox a .listBox_Bottom .prop ul li .span1 img, body #Topic .list .listBox a .listBox_Bottom .prop ul li .span1 img {
vertical-align: middle;
width: 0.6rem; }
html #Topic .list .listBox a .listBox_Bottom .prop ul li .span2, body #Topic .list .listBox a .listBox_Bottom .prop ul li .span2 {
margin-top: 0.75rem; }
html #Topic .list .listBox a .listBox_Bottom .video_box, body #Topic .list .listBox a .listBox_Bottom .video_box {
height: 17.55rem;
width: 17.55rem;
/* background: #58bc58; */
position: relative; }
html #Topic .list .listBox a .listBox_Bottom .video_box video, body #Topic .list .listBox a .listBox_Bottom .video_box video {
height: 17.55rem;
width: 17.55rem;
border-radius: 0.25rem; }
html #Topic .list .listBox a .listBox_Bottom .video_box p, body #Topic .list .listBox a .listBox_Bottom .video_box p {
position: absolute;
top: 45%;
left: 45%;
width: 2.4rem;
height: 2.4rem; }
html #Topic .list .listBox a .listBox_Bottom .video_box p img, body #Topic .list .listBox a .listBox_Bottom .video_box p img {
width: 100%; }
html #Topic .list .listBox a .listBox_Bottom .video_box .video_prop, body #Topic .list .listBox a .listBox_Bottom .video_box .video_prop {
position: absolute;
left: 0;
bottom: 0;
width: 100%;
box-sizing: border-box;
padding-left: 0.45rem;
padding-bottom: 0.375rem; }
html #Topic .list .listBox a .listBox_Bottom .video_box .video_prop h3, body #Topic .list .listBox a .listBox_Bottom .video_box .video_prop h3 {
font-size: 0.8rem;
color: #fff;
height: 1.5rem;
line-height: 2rem;
margin-bottom: 0.45rem; }
html #Topic .list .listBox a .listBox_Bottom .video_box .video_prop ul li, body #Topic .list .listBox a .listBox_Bottom .video_box .video_prop ul li {
float: left;
margin-right: 1rem;
height: 1.175rem; }
html #Topic .list .listBox a .listBox_Bottom .video_box .video_prop ul li span, body #Topic .list .listBox a .listBox_Bottom .video_box .video_prop ul li span {
font-size: 0.65rem;
color: #fff; }
html #Topic .list .listBox a .listBox_Bottom .video_box .video_prop ul li .span1, body #Topic .list .listBox a .listBox_Bottom .video_box .video_prop ul li .span1 {
height: 0.9rem;
width: 0.9rem;
vertical-align: 9%; }
html #Topic .list .listBox a .listBox_Bottom .video_box .video_prop ul li .span1 img, body #Topic .list .listBox a .listBox_Bottom .video_box .video_prop ul li .span1 img {
vertical-align: middle;
width: 0.9rem; }
html #Topic .list .listBox a .listBox_Bottom .video_box .video_prop ul li .span2, body #Topic .list .listBox a .listBox_Bottom .video_box .video_prop ul li .span2 {
margin-top: 0.75rem; }
html #Topic .list .listBox a .rank, body #Topic .list .listBox a .rank {
padding-bottom: 0.95rem; }
html #Topic .list .listBox a .rank .rank1, body #Topic .list .listBox a .rank .rank1 {
width: 0.55rem;
margin-right: 0.25rem; }
html #Topic .list .listBox a .rank .rank1 img, body #Topic .list .listBox a .rank .rank1 img {
width: 0.55rem;padding-top: 0.05rem;}
html #Topic .list .listBox a .rank .rank2, body #Topic .list .listBox a .rank .rank2 {
width: 5.85rem; }
html #Topic .list .listBox a .rank .rank2 img, body #Topic .list .listBox a .rank .rank2 img {
width: 5.85rem; }
html #Topic .refresh, body #Topic .refresh {
width: 100%;
text-align: center;
font-size: 0.65rem;
color: #ccc;
height: 2.5rem;
padding-top: 0.5rem; }
html #Topic .refresh img, body #Topic .refresh img {
width: 0.6rem; }
.list_title_blue{
font-size: 0.8rem;
margin: 0.2rem 0;
color: #61c3ff;
}