body{ background: #f4f4f4;} .soidOut{max-width: 640px; margin: 0 auto;} .soidOut_top{width: 100%; height: auto;} .soidOut_top .topimg p:nth-child(1){ width: 70%; height: auto; margin: 0 auto;} .soidOut_top .topimg p:nth-child(1) img{ width: 100%; height: auto; } .soidOut_top .topimg p:nth-child(2){ text-align: center; font-size: 1rem; color: #666; margin-top: 10px;} .soidOut_top .toptext{ text-align: center; margin-top: 25px;} .soidOut_top .toptext a{ display: inline-block; font-size: 0.8rem; color: #fff; background: #D50000; border-radius: 5px; padding: 5px 20px; } .soidOut_bottom{ background: #fff;margin-top: 30px; padding: 20px 0;} .soidOut_bottom_h{ width: 95%; margin: 0 auto;} .soidOut_bottom_h .left{ float: left;} .soidOut_bottom_h .left span{ font-size: 1.2rem; color: #333; display: inline-block; font-weight: 600;} .soidOut_bottom_h .right{ float: right;} .soidOut_bottom_h .right a{ display: inline-block; font-size: 1rem; color: #999;} .soidOut_bottom_h .right a+a{ margin-left:10px;} .soidOut_bottom_h .right a.on{ color: #D50000;} .soidOut_bottom_gd{ width: 95%; height: auto; margin: 0 auto; margin-top:15px;} .soidOut_bottom_gd a{ font-size: 0.875rem; color: #333; display: block; padding:13px 0; background: #F3F8FE; text-align: center; border-radius: 3px;} .soidOut_bottom_list{padding:10px;background:#fff;} .soidOut_bottom_list ul li{padding:15px 0; background: #fff;} .soidOut_bottom_list ul li + li {border-top:1px solid #f8f8f8;} .soidOut_bottom_list ul li .y_img{width: 33%;height: 92px;position: relative;border-radius: 3px;overflow: hidden;float: left;} .soidOut_bottom_list ul li .y_img p.y_tu{ width: 100%; height: 100%;} .soidOut_bottom_list ul li .y_img p.y_tu img{ width: 100%; height: 100%;} .soidOut_bottom_list ul li .y_img p.y_tu i{ position:absolute; bottom:4px; left:4px; font-size:0.75rem; color:#fff; text-overflow:ellipsis; white-space:nowrap; overflow:hidden; background: rgba(0,0,0,0.6); padding: 3px 8px; display: inline-block; border-radius: 17px; } .soidOut_bottom_list ul li .y_img p.y_vid{position: absolute; left: 0px; bottom: 0px; background: rgba(0,0,0,0.6); padding:2px 5px; padding-right: 8px; border-radius: 0 20px 20px 5px} .soidOut_bottom_list ul li .y_img p.y_vid span{display: block; float: left; width: 24px; height: auto;} .soidOut_bottom_list ul li .y_img p.y_vid span:nth-child(1){ width: 22px; height: auto;} .soidOut_bottom_list ul li .y_img p.y_vid span img{width: 24px; height: auto;} .soidOut_bottom_list ul li .y_img p.y_vid span:nth-child(1) img{ width: 22px; height: auto;} .soidOut_bottom_list ul li .y_img p.y_vid span+span{margin-left: 5px;} .soidOut_bottom_list ul li .y_img p.y_licyit{ position: absolute; left:0px; top:0px; background:#FF273B; padding:2px 5px; font-size: 0.7rem;color: #fff;} .soidOut_bottom_list ul li .y_img>i{position:absolute;bottom:10px;left:5px;display:inline-block;width:15px;height:15px;} .soidOut_bottom_list ul li .y_img>i >img {display:inline-block;width:100%;height:100%;} .soidOut_bottom_list ul li .y_text{float:left;width:62%;margin-left:15px;height:92px;} .soidOut_bottom_list ul li .y_text .y_text_main p.y_title span{font-size:1.0625rem;color:#333;width:77%;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;font-weight:600;display: block;} .soidOut_bottom_list ul li .y_text .y_text_main p.y_title em{display: inline-block; margin-left: 8px; font-size: 0.8rem;color: #999;} .soidOut_bottom_list ul li .y_text .y_text_main p.y_shijian{ font-size: 0.7rem; color: #999;margin-top:5px;} .soidOut_bottom_list ul li .y_text .y_text_main p.y_tese{ font-size:0.6875rem; color:#475C89; margin-top:5px;} .soidOut_bottom_list ul li .y_text .y_text_main p.y_tese i{max-width: 63px;overflow: hidden;text-overflow: ellipsis;white-space: nowrap; display: inline-block; padding:3px 8px;background:#EFF2F4;border-radius:3px;} .soidOut_bottom_list ul li .y_text .y_text_main p.y_tese i+i{ margin-left:5px;} .soidOut_bottom_list ul li .y_text .y_text_main p.y_tese i:nth-child(1){ background:#FFE6EC; color:#D61F2B;} .soidOut_bottom_list ul li .y_text .y_text_main p.y_jiage{margin-top:5px;} .soidOut_bottom_list ul li .y_text .y_text_main p.y_jiage span{ display: inline-block;font-size:1.125rem; color:#D50000;font-weight:600;} .soidOut_bottom_list ul li .y_text .y_text_main p.y_jiage em{ font-weight: bold; font-size:0.75rem; color:#D50000; display: inline-block; margin-left: 3px;} .soidOut_bottom_list ul li .y_text .y_text_call{z-index: 5; position: absolute; right: 5px; top:6px; width: 35px; height: 35px;} .soidOut_bottom_list ul li .y_text .y_text_call img{ width: 100%; height: 100%;} .m_gzlx{font-size:0.6875rem;color:#333;margin-top:10px;background:#F8F8F8;padding:4px 10px 4px 5px;border-radius:50px;float:left;} .m_gzlx_l{float:left; font-weight: bold; color: #333;} .m_gzlx_l img{width:14px;height:14px;position:relative;top:-1px;margin-right:5px;} .m_gzlx_r{float:left;margin-left:5px;padding-left:5px;position:relative; top: 1px;} .m_gzlx_r:before {content:"";position:absolute;top:0px;left:0;width:1px;height:12px;background:#999;display: block;} .m_gzlx_r span{color:#FF273B;} .m_box {position:relative;}