@charset "UTF-8"; .JianTou{ margin-top: 200px; } .mid{ width:1200px; /*height:240px;*/ overflow: hidden; /*padding-bottom: 40px;*/ } .mid>div{ height:165px; } .mid-left{ width:25%; border-left:1px solid #cccccc; border-bottom:1px solid #cccccc; } .mid-mid{ width:50%; border-left:1px solid #cccccc; border-right:1px solid #cccccc; border-bottom:1px solid #cccccc; } .mid-right{ width:25%; border-right:1px solid #cccccc; border-bottom:1px solid #cccccc; } .mid-left>div:first-child { width:100%; height:80px; padding-top:5%; padding-left:5%; } .mid-left>div:first-child img{ float:left; height: 55px; } .mid-left>div:first-child ul{ font-size:.16rem; width:75%; float:right; padding-top:3%; padding-left:3%; } #user{ color:#ff774d; } .mid-left>div:nth-child(2){ height:30px; line-height: 30px; text-align: center; font-size:.16rem; } .mid-left>div:nth-child(2)>div:first-child{ width:30%; } .mid-left>div:nth-child(2)>div:nth-child(2){ width:30%; } .mid-left>div:nth-child(2)>div:last-child{ width:40%; } .mid-left>div:nth-child(2) img{ width:25%; margin-top: -3px; } .mid-left>div:nth-child(2)>div:last-child img{ width:17%; } .mid-left>div:nth-child(2) div:nth-child(2){ border-left:1px solid #cccccc; border-right:1px solid #cccccc; } .mid-left>div:last-child { height:40px; line-height: 40px; text-align: center; font-size:.14rem; } .mid-left>div:last-child div:first-child{ width:33%; } .mid-left>div:last-child div:nth-child(2){ width:30%; } .mid-left>div:last-child div:last-child{ width:30%; } .mid-left>div:last-child div span{ color:#ff774d; border-right:3px solid #ff774d; padding:0 5px; } .mid-mid>div:first-child { border-bottom:1px solid #cccccc; height:35px; line-height: 35px; padding-left: 10px; font-size:.16rem; } .mid-mid>div:first-child a{ color:#ff774d; } .mid-mid>div:nth-child(2) { height: 130px; padding-top:20px; } .mid-mid>div:nth-child(2) div{ width:33%; text-align: center; font-size: .16rem; } .mid-mid img{ height: 35px; } .mid-mid>div:nth-child(2) div:nth-child(2) { border-left:1px solid #cccccc; border-right:1px solid #cccccc; } .mid-mid>div:nth-child(2) div span{ color:#666666; font-size: .14rem !important; } .mid-right img{ height: 18px; margin-top: -4px; } .mid a:hover{ text-decoration: none; color:#ff774d; } .mid-right div:first-child { font-size:.16rem; height:35px; line-height: 35px; padding-left:25%; } .mid-right div:last-child { font-size:.14rem; padding-left:20%; line-height: 20px; } .mid-mid a:first-child:hover { color:red; text-decoration: underline; } .C1{ background-color:#fbfbfb; border-top: 10px solid #7AAC4B; border-left:1px solid #cccccc; border-right:1px solid #cccccc; border-bottom:1px solid #cccccc; width:100%; margin-bottom: 30px; } .C1>div:first-child{ border-bottom:1px solid #cccccc; width:100%; height:40px; line-height: 40px; } .C1>div:first-child div{ padding-left:2%; color:#7AAC4B; } .C1>div:first-child div:first-child{ width:90%; font-size: .24rem; font-weight: bold; letter-spacing: 5px; } .C1>div:first-child a{ color:#7AAC4B; } .C1>div:first-child a:hover{ text-decoration: none; color:red; } .C1>div:first-child div:last-child{ width:10%; font-size: .16rem; } .C1>div:first-child div:last-child a{ color: #999999 !important; text-decoration: underline; } .C1>div:last-child{ width:100%; overflow: hidden; } .products{ width: 20%; float: left; margin: 10px 0; max-height: 260px; } .products>div{ background-color: white; display: block; width: 90%; margin: 0 auto; padding: 5px; } .products>div:hover{ box-shadow: 6px 11px 27px 0px rgba(108, 108, 108, 0.35); } .showName{ font-size: .16rem; font-weight: bold; color: #333333; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; } .hits{ float: right; color: #999999; font-size: .12rem; width: 70px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; } .company { font-size: .14rem; color: #999999; } .price{ float: right; font-size: .24rem; font-weight: bold; color: #ff774d; } .collect{ color: #999999 !important; font-size: .14rem; } .collect img{ height: 14px; margin-top: -4px; } .products li{ line-height: 24px; min-height: 24px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; } .products ul>li:nth-child(3){ font-size: .14rem; } .products ul>li:nth-child(4) img{ height: 18px; } .products ul>li:first-child img{ width: 100%; height: 120px; } .C1C2{ height:350px; width:80%; } .C1C2>div:first-child{ width:100%; height:305px; } .C1C2>div:first-child>div:first-child{ border-right:1px solid #cccccc; width:62.5%; height:305px; padding:1% 1% 0 1%; } .C1C2>div:first-child>div:last-child{ width:37.5%; height:305px; padding:7px 0 0 20px; font-size: .16rem; } .C1C2>div:last-child{ width:100%; height:130px; padding-left: 20px; } .C1C2>div:last-child>div:first-child{ background-color: #f5f5f5; height:35px; line-height: 35px; padding-left:1%; font-size: .18rem; letter-spacing: 4px; } .C1C2>div:last-child>div:last-child{ height:95px; padding-top:1%; } .C1C2>div:last-child>div:last-child div{ width: 24%; margin-right: 1%; height:80px; } .C1C2>div:last-child>div:last-child span{ display: block; width: 20%; height:80px; line-height:80px; vertical-align:middle; text-align: center; color: white; font-size: .2rem; float: left; } .C1-R>div:last-child>div:last-child span{ background-color: #7AAC4B; } .C1-R>div:last-child>div:first-child{ color:#7AAC4B; } .C2-R>div:last-child>div:last-child span{ background-color: #FF9132; } .C2-R>div:last-child>div:first-child{ color:#FF9132; } .C1C2>div:last-child>div:last-child img{ width: 180px; height:80px; vertical-align:middle; } .C1C2>div:first-child>div:first-child table{ width:100%; text-align: center; } .C1C2>div:first-child>div:first-child table td:first-child{ width:45%; } .C1C2>div:first-child>div:first-child table td:nth-child(2){ width:25%; } .C1C2>div:first-child>div:first-child table td:nth-child(3){ width:10%; } .C1C2>div:first-child>div:first-child table td:last-child{ width:20%; } .C1-R>div:first-child>div:first-child>table{ color: #7AAC4B; font-size: .18rem; } .C2-R>div:first-child>div:first-child>table{ color: #FF9132; font-size: .16rem; } .C1C2>div:first-child>div:first-child>div{ overflow: hidden; height: 260px; } .C1C2>div:first-child>div:first-child>div>table{ font-size: .16rem; position: relative; } .C2{ background-color:white; border-top: 10px solid #FF9132; border-left:1px solid #cccccc; border-right:1px solid #cccccc; border-bottom:1px solid #cccccc; width:100%; height:500px; margin-bottom: 30px; } .C2>div:first-child{ border-bottom:1px solid #cccccc; width:100%; height:40px; line-height: 40px; } .C2>div:first-child div{ padding-left:2%; color:#FF9132; } .C2>div:first-child div:first-child{ width:20%; font-size: .2rem; letter-spacing: 4px; } .C2>div:first-child div:nth-child(2){ width:50%; font-size: .24rem; font-weight: bold; letter-spacing: 5px; } .C2>div:first-child a{ color:#FF9132; } .C2>div:first-child a:hover{ text-decoration: none; color:red; } .C2>div:first-child div:last-child{ width:30%; font-size: .18rem; letter-spacing: 4px; } .C2>div:last-child{ width:100%; height:450px; } .C2>div:last-child>div:first-child{ border-right:1px solid #cccccc; width:20%; height:450px; text-align: center; } .C2>div:last-child>div:first-child>div { width:80%; margin-top:7%; } .C2>div:last-child>div:first-child img{ width:190px; height: 70px; } .C3{ background-color:white; border-top: 10px solid #4689CA; border-left:1px solid #cccccc; border-right:1px solid #cccccc; border-bottom:1px solid #cccccc; width:100%; /*height:48vw;*/ margin-bottom: 30px; } .C3>div:first-child{ width:100%; height:40px; line-height: 40px; font-size: .24rem; letter-spacing: 4px; padding-left: 2%; border-bottom:1px solid #cccccc; } .C3>div:first-child a{ color:#4689CA; } .C3>div:first-child a:hover{ text-decoration: none; color: red; } .C3>div:nth-child(2){ /*height:13.25vw;*/ /*padding: 1vw 0;*/ overflow: hidden; } .C3>div:nth-child(2)>div:first-child{ width:55%; /*height:13.25vw;*/ /*border-right: 1px solid #cccccc;*/ } .C3-img1{ width:60%; /*height: 13.25vw;*/ padding:20px; } .C3-img1 img{ width:355px; height: 220px; } .C3-text1{ width:40%; /*height: 13.25vw;*/ padding:20px; } .C3-text1 p:first-child{ font-size: .18rem; font-weight: bold; } .C3-text1 p:nth-child(2){ font-size: .16rem; } .C3-text1 p a{ font-size:.16rem; color:#4689CA; } .C3-d1{ padding: 20px; width:45%; /*min-height:13.25vw;*/ height: 265px; border-left: 1px solid #cccccc; } .C3-d1 td:first-child{ /*width:87%;*/ font-size: .18rem; color:#4689CA; } .C3-d1 td a{ font-size: .18rem; color:#4689CA; } .C3-d1 ul{ font-size:.16rem; margin-top:20px; } .C3-t1{ width:100%; } .C3-t1>tbody>tr:first-child{ height:40px; background-color: #f5f5f5; font-size:.18rem; } .C3-t1>tbody>tr:first-child>td:first-child{ border-right:1px solid #cccccc; } .C3-t1>tbody>tr:first-child>td{ padding:0 20px; } .C3-t1>tbody>tr:first-child>td:first-child>span{ /*display: inline-block; width:90%;*/ } .C3-t1>tbody>tr:first-child>td:last-child>span{ /*display: inline-block; width:80%;*/ } .C3-t1>tbody>tr:nth-child(2){ /*height:12vw;*/ padding: 20px 0; border-bottom:1px solid #cccccc; } .C3-t1>tbody>tr:nth-child(2)>td{ padding: 20px; font-size: .16rem; } .C3-t1>tbody>tr:nth-child(2)>td:nth-child(2){ border-right:1px solid #cccccc; } .C3-t1>tbody>tr:nth-child(3){ height:40px; color:#4689CA; font-size: .18rem; } .C3-t1>tbody>tr:nth-child(3)>td:first-child,.C3-t1>tbody>tr:nth-child(3)>td:nth-child(2){ border-right:1px solid #cccccc; } .C3-t1>tbody>tr:nth-child(3) td{ padding: 0 20px; } .C3-t1>tbody>tr:nth-child(3) span{ /*display: inline-block; width:80%;*/ } .C3-t1>tbody>tr:nth-child(3) a{ color:#4689CA; } .C3-t1>tbody>tr:nth-child(3) a:hover{ color: red; } .C3-t1>tbody>tr:last-child{ /*height:13.25vw;*/ padding: 20px 0; } .C3-t1>tbody>tr:last-child>td:first-child,.C3-t1>tbody>tr:last-child>td:nth-child(2){ border-right:1px solid #cccccc; } .C3-t1>tbody>tr:last-child{ font-size: .16rem; } .C3-t1>tbody>tr:last-child>td{ padding: 20px; line-height: 30px; } .C4{ background-color:white; border-top: 10px solid #F0606A; border-left:1px solid #cccccc; border-right:1px solid #cccccc; border-bottom:1px solid #cccccc; width:100%; overflow: hidden; margin-bottom: 30px; } .C4>div:first-child{ font-size: .24rem; color: #F0606A; letter-spacing: 4px; padding-left:20px; height: 40px; line-height: 40px; border-bottom:1px solid #cccccc; } .C4>div:last-child{ padding-top: 10px; font-size: .16rem; } .C4>div:last-child>div{ width:33.33%; } .C4>div:last-child table{ width:100%; /*text-align: center;*/ } .C4>div:last-child table tr{ height:40px; } .C4>div:last-child table td{ padding-left: 10px; } .C4>div:last-child table div{ width:30px; height: 30px; background-color: #F0606A; color: white; line-height: 30px; text-align: center; } .C5{ background-color:white; border-top: 10px solid #36ACA5; border-left:1px solid #cccccc; border-right:1px solid #cccccc; border-bottom:1px solid #cccccc; width:100%; height:160px; margin-bottom: 30px; } .C5>div:first-child{ font-size: .24rem; color: #36ACA5; letter-spacing: 4px; padding-left:20px; height: 40px; line-height: 40px; border-bottom:1px solid #cccccc; } .C5>div:last-child { height:120px; padding: 30px; } .C5 table{ width:100%; font-size: .16rem; text-align: center; } .C5 table:last-child{ margin-top: 10px; } .C5 td{ height:18px; line-height:18px; border-right:1px solid #36ACA5; } .C5 tr>td:last-child{ border: none; } .C5 a{ color:#36ACA5; } .C5 a:hover { color: red; } #table1,#table2,#ul1,#ul2{ line-height: 30px; } #D{ color: #ff774d; } .C6{ background-color: #fbfbfb; border-top: 10px solid #f3d767; border-left: 1px solid #cccccc; border-right: 1px solid #cccccc; border-bottom: 1px solid #cccccc; width: 100%; margin-bottom: 30px; } .C6>div:first-child { border-bottom: 1px solid #cccccc; width: 100%; height: 40px; line-height: 40px; } .C6>div:first-child div:first-child { width: 90%; font-size: .24rem; font-weight: bold; letter-spacing: 5px; } .C6>div:first-child div:last-child { width: 10%; font-size: .16rem; } .C6>div:first-child div { padding-left: 2%; color: #f3d767; } .C6>div:first-child a { color: #f3d767; } .C6>div:first-child a:hover { color: red; text-decoration: none; } .C6>div:first-child div:last-child a { color: #999999 !important; text-decoration: underline; } .card { width: 16.666%; float: left; margin: 10px 0; } #Cards{ width: 100%; overflow: hidden; } .card>div{ background-color: white; display: block; width: 90%; margin: 0 auto; padding: 5px; } .card>div:hover{ box-shadow: 6px 11px 27px 0px rgba(108, 108, 108, 0.35); } .card ul>li{ overflow: hidden; text-overflow: ellipsis; white-space: nowrap; } .card ul>li:first-child{ font-size: .18rem; color: #ff774d; } .card ul>li:first-child a{ font-size: .18rem; color: #ff774d; } .card ul>li:nth-child(2),.card ul>li:nth-child(3){ font-size: .12rem; color: #999999; } .card ul>li:nth-child(4),.card ul>li:nth-child(5){ font-size: .14rem; color: #333333; } .card ul>li:last-child{ overflow: hidden; } .card ul>li:last-child a{ float: right; color: #7aac4b; font-size: .12rem; } .card ul>li:nth-child(2) img{ height: 16px; margin-top: -4px; } .C7{ margin-bottom: 20px; width: 100%; overflow: hidden; } .C7>div{ width: 16.66%; float: left; padding: 5px; } .C7 img{ width: 190px; height: 70px; } .box_img img{ width: 1200px; height: 320px; } .adb_A{ width: 190px; height: 70px; text-align: center; line-height: 35px; font-size: .16rem; } .adb_B{ width: 180px !important; height: 80px !important; background-color: #7aac4b; color: white; text-align: center; line-height: 40px; float: right; margin: 0 !important; } /*#LHZB1 li,#LHZB2 li,#YLLW li,#ZPJS li,#YLYH li,#LHSJ li{ width: 100%; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }*/ .C3-t1 tr{ width: 100% !important; } .C3-t1 td{ width: 33.33% !important; } .oneLine{ width: 100%; } .oneLine li div{ width: 350px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }