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: #2F72F5; 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: #2F72F5;} .soidOut_bottom_list{ width: 95%; margin:0 auto;margin-top: 10px;} .soidOut_bottom_list ul li{ position: relative;padding: 15px 0;} .soidOut_bottom_list ul li+li{ border-top: 1px solid #eee;} .soidOut_bottom_list ul li .bottom_list_m .left_img{width: 33%; float: left; height: 100px; border-radius: 5px; overflow:hidden; position: relative;} .soidOut_bottom_list ul li .bottom_list_m .left_img p:nth-child(1){width: 100%; height: 100%;} .soidOut_bottom_list ul li .bottom_list_m .left_img p:nth-child(1) img{width: 100%; height: 100%;} .soidOut_bottom_list ul li .bottom_list_m .left_img p:nth-child(2){ padding: 4px 8px; position: absolute; left: 0px; bottom: 0px; background: rgba(0,0,0,0.6); font-size: 0.75rem; color: #fff;} .soidOut_bottom_list ul li .bottom_list_m .left_img p:nth-child(2) i{ display: inline-block; width: 12px; height: auto; position: relative; top: -2px; margin-right: 3px;} .soidOut_bottom_list ul li .bottom_list_m .left_img p:nth-child(2) i img{ width: 100%; height: auto;} .soidOut_bottom_list ul li .bottom_list_m .right_tet{width: 64%; float: right;} .soidOut_bottom_list ul li .bottom_list_m .right_tet p.title{ font-size: 1rem; color: #333; font-weight: 600; width: 75%; overflow: hidden;text-overflow: ellipsis; white-space: nowrap;} .soidOut_bottom_list ul li .bottom_list_m .right_tet p.hx{ margin-top: 5px; font-size: 0.9rem; color: #666; width: 70%; overflow: hidden;text-overflow: ellipsis; white-space: nowrap;} .soidOut_bottom_list ul li .bottom_list_m .right_tet p.jg{ margin-top: 5px;} .soidOut_bottom_list ul li .bottom_list_m .right_tet p.jg span{ font-size: 0.8rem; color: #E53030; display: inline-block; } .soidOut_bottom_list ul li .bottom_list_m .right_tet p.jg span em{ font-size: 1.1rem;font-weight: 600; color: #E53030; display:inline-block; margin-right: 5px; } .soidOut_bottom_list ul li .bottom_list_m .right_tet p.ts{ margin-top: 5px;} .soidOut_bottom_list ul li .bottom_list_m .right_tet p.ts i{ height: 21px; line-height: 23px; display: inline-block; font-size: 0.7rem; padding: 0px 5px;} .soidOut_bottom_list ul li .bottom_list_m .right_tet p.ts i+i{ margin-left: 5px;} .soidOut_bottom_list ul li .bottom_list_m .right_tet p.ts i:nth-child(1){ background: #EBF3FE; color: #2F72F5;} .soidOut_bottom_list ul li .bottom_list_m .right_tet p.ts i:nth-child(2){ background: #FCF4F1; color: #E3582E;} .soidOut_bottom_list ul li .bottom_list_m .right_tet p.ts i:nth-child(3){ background: #E2F8E1; color: #43AF49;} .soidOut_bottom_list ul li .list_tel{ position: absolute; right: 5px; top:10px; width: 55px; height: 55px; z-index: 5;} .soidOut_bottom_list ul li .list_tel img{ width: 100%; height: 100%;} .soidOut_bottom_gd{ width: 95%; height: auto; margin: 0 auto; margin-top:15px;} .soidOut_bottom_gd a{ font-size: 1.1rem; color: #2F72F5; display: block; padding:13px 0; background: #F3F8FE; text-align: center; border-radius: 3px;}