zoukankan      html  css  js  c++  java
  • 涂多多手机版

       1 <!DOCTYPE html>
       2 <html lang="en">
       3 <head>
       4     <meta charset="UTF-8">
       5     <meta id="viewport" name="viewport" content="width=device-width, initial-scale=1.0, user-scalable=0, minimum-scale=1.0, maximum-scale=1.0, minimal-ui">
       6 
       7     <title>Title</title>
       8     <link rel="stylesheet" href="../css/reset.css">
       9     <style>
      10         ._head
      11         {
      12             width:100%;
      13             height: 39px;
      14             background: #0080ed;
      15             padding-top: 5px;
      16             overflow: hidden;
      17         }
      18         ._headLogo
      19         {
      20             width:32px;
      21             height:33px;
      22             margin-left:18px;
      23             float: left;
      24         }
      25         ._head_main
      26         {
      27             width:81%;
      28             height:27px;
      29             border:1px solid #02b5ff;
      30             border-radius: 5px;
      31             float: left;
      32             margin-left: 12px;
      33             margin-top: 3px;
      34         }
      35         ._head_main input
      36         {
      37             width:273px;
      38             height:27px;
      39             border: 1px solid #3891dd;
      40             border-radius: 5px;
      41             background: #0f88f0;
      42             padding-left: 31px;
      43             background: url("../images/search.png") 6px 3px no-repeat;
      44             background-size: 18px 18px;
      45             color: #6cabf4;
      46         }
      47         ._scroll
      48         {
      49             width:100%;
      50             height: 125px;
      51         }
      52         ._scroll img
      53         {
      54             width:100%;
      55             height: 125px;
      56         }
      57         ._list
      58         {
      59             height: 158px;
      60             padding-top: 15px;
      61             border-bottom: 1px solid #eeeeee;
      62             overflow: hidden;
      63         }
      64         ._list a
      65         {
      66             float: left;
      67             height:78.5px;
      68             width:25%;
      69             display: block;
      70             text-align: center;
      71         }
      72         ._list img
      73         {
      74             width:47px;
      75             height:45px;
      76         }
      77         ._list span
      78         {
      79             height: 33px;
      80             line-height:33px;
      81             font-size: 12px;
      82             color: #666666;
      83             display: block;
      84             text-align: center;
      85         }
      86         ._news
      87         {
      88             width:100%;
      89             overflow: hidden;
      90             height:27px;
      91             padding-top:10px;
      92             padding-bottom:7px;
      93             border-bottom: 7px solid #eeeeee;
      94         }
      95         ._newsLeft
      96         {
      97             width:54px;
      98             height:27px;
      99             line-height:27px;
     100             padding-left: 11px;
     101             padding-right: 10px;
     102             border-right: 1px solid #eeeeee;
     103             font-size: 12px;
     104             float: left;
     105         }
     106         ._newsLeft span
     107         {
     108             display: block;
     109             float: left;
     110         }
     111         ._newsLeft a
     112         {
     113             margin-top:5px;
     114             float: left;
     115             width:30px;
     116             height:15px;
     117             line-height:15px;
     118             text-align: center;
     119             background: #0080ed;
     120             color: #fff;
     121             display: block;
     122         }
     123         ._newsRight
     124         {
     125             float: left;
     126             margin-left: 9px;
     127             width:77%;
     128         }
     129         ._newsRight p
     130         {
     131             width:100%;
     132             height:15px;
     133             line-height:15px;
     134             font-size: 11px;
     135             padding-left: 6px;
     136             background: url("../images/biaozhi.png") 0 3px no-repeat;
     137             background-size: 7.5px 7.5px;
     138             position: relative;
     139             color: #a9a9a9;
     140         }
     141         ._newsRight p sup
     142         {
     143             font-size: 9px;
     144             color: #ff4362;
     145             position: absolute;
     146             top: -5px;
     147         }
     148         ._buying
     149         {
     150             width: 100%;
     151         }
     152         ._buyingTop
     153         {
     154             width:100%;
     155             height: 27px;
     156             border-bottom: 1px solid #ccc;
     157             line-height:27px;
     158             overflow: hidden;
     159         }
     160         ._buyingTop_time
     161         {
     162             float: left;
     163         }
     164         ._buyingTop_time li
     165         {
     166             float: left;
     167 
     168         }
     169         ._buyingTop_time li:nth-child(1)
     170         {
     171             width:56px;
     172             font-size: 14px;
     173             color: #ff375c;
     174             padding-left: 19px;
     175             margin-left:10px;
     176             margin-right: 7px;
     177             background: url("../images/time.png") 0 7px no-repeat;
     178             background-size: 14px 14px;
     179         }
     180         ._buyingTop_l
     181         {
     182             width:19px;
     183             height:13px;
     184             line-height:13px;
     185             text-align: center;
     186             border: 1px solid #585858;
     187             background: #000;
     188             color: #fff;
     189             margin-top:7px;
     190             margin-bottom:6px;
     191             font-size: 10px;
     192         }
     193         ._buyingTop_right
     194         {
     195             float: right;
     196             margin-right:10px;
     197         }
     198         ._buyingTop_right p
     199         {
     200             float: left;
     201             color: #ff7992;
     202             font-size: 10px;
     203         }
     204         ._buyingTop_right a
     205         {
     206             float: left;
     207             width:9px;
     208             height:9px;
     209             color: #fff;
     210             background:#ff7992;
     211             border-radius: 50%;
     212             text-align: center;
     213             line-height:18px;
     214             font-size: 9px;
     215             margin-left: 5px;
     216             margin-top:8px;
     217         }
     218         ._buyingBottom
     219         {
     220             width:100%;
     221             height:112px;
     222             border-top: 1px solid #eeeeee;
     223             overflow: scroll;
     224         }
     225         ._buyingBottom ul
     226         {
     227             width:300%;
     228             height: 100px;
     229             padding-top: 12px;
     230             overflow: hidden;
     231         }
     232         ._buyingBottom li
     233         {
     234             float: left;
     235             width:100px;
     236             height: 100px;
     237         }
     238         ._buyingBottom div
     239         {
     240             height: 72px;
     241             width:100px;
     242             border-right: 1px solid #eeeeee;
     243             text-align: center;
     244         }
     245         ._buyingBottom div img
     246         {
     247             padding-left: 26px;
     248             width:47px;
     249             height:72px;
     250             display: block;
     251         }
     252         ._buyingBottom p
     253         {
     254             width:85px;
     255             height:29px;
     256             line-height:29px;
     257             padding-left: 15px;
     258         }
     259         ._buyingBottom p span:nth-child(1)
     260         {
     261             font-size: 13px;
     262             color: #ff375c;
     263         }
     264         ._buyingBottom p span:nth-child(2)
     265         {
     266             font-size: 10px;
     267             color: #ccc;
     268             text-decoration:line-through ;
     269         }
     270         ._main
     271         {
     272             width:100%;
     273             position: relative;
     274             float: left;
     275         }
     276         ._mainCollect
     277         {
     278             height: 33px;
     279             background: url("../images/bg1.png") 0 0 no-repeat;
     280             background-size: 100% 33px;
     281             background-color: #eeeeee;
     282         }
     283         ._mainCollect div
     284         {
     285             padding-top: 10px;
     286             width:91px;
     287             text-align: center;
     288             height:14px;
     289             overflow: hidden;
     290             margin: 0 auto;
     291 
     292         }
     293         ._mainCollect div img
     294         {
     295             width:15px;
     296             height:14px;
     297             margin-right: 6px;
     298         }
     299         ._mainCollect span
     300         {
     301             display: block;
     302             font-size: 14px;
     303             color: #ff375c;
     304         }
     305         ._main ul
     306         {
     307             width:93.8%;
     308             overflow: hidden;
     309             margin: 0 auto;
     310         }
     311         ._main li
     312         {
     313             float: left;
     314             width:50%;
     315             height:77px;
     316             padding-top: 13px;
     317             padding-bottom: 11px;
     318         }
     319         ._main img
     320         {
     321             width:75px;
     322             height:75px;
     323             display: block;
     324             float: left;
     325         }
     326         ._mainTit
     327         {
     328             float: left;
     329             width:94px;
     330             height:auto;
     331             font-size: 12px;
     332             margin-left:6px;
     333         }
     334         ._mainTit p
     335         {
     336             line-height:13px;
     337             height:13px;
     338             width:102px;
     339         }
     340         ._mainTit span
     341         {
     342             display: block;
     343             float: left;
     344         }
     345         ._mainTit p:nth-child(4)
     346         {
     347             width:89px;
     348         }
     349         ._mainTit p:nth-child(5)
     350         {
     351             color: #999;
     352             text-decoration: line-through;
     353             width:89px;
     354         }
     355         ._through,._through1,._through2
     356         {
     357             position: absolute;
     358             width:100%;
     359             height:1px;
     360             background: #eeeeee;
     361             left: 0;
     362         }
     363         ._through
     364         {
     365             top: 136px;
     366         }
     367         ._through1
     368         {
     369             top: 235px;
     370         }
     371         ._through2
     372         {
     373             top: 337px;
     374         }
     375         #_mainBg
     376         {
     377             width:100%;
     378             height:auto;
     379         }
     380         #_chengpin
     381         {
     382             color: #eb5312;
     383         }
     384         ._main ._p0
     385         {
     386             color: #ff375c;
     387         }
     388         ._main ._p1
     389         {
     390             color: #a2bdfd;
     391         }
     392         ._mode2 ._p2
     393         {
     394             color: #f2bf23;
     395         }
     396         ._main ._p3
     397         {
     398             color:#f1029b;
     399         }
     400         ._mode2 p
     401         {
     402             color: #666;
     403         }
     404         ._mode2 p:nth-child(3)
     405         {
     406             margin-top:10px;
     407         }
     408         ._mode2 p:nth-child(4)
     409         {
     410             text-decoration:line-through;
     411             color: #cccccc;
     412         }
     413         ._chanpin
     414         {
     415             width:100%;
     416             height:auto;
     417             float: left;
     418         }
     419         ._chanpinLeft
     420         {
     421             width:21.2%;
     422             height: 88px;
     423             background: #f0d79e;
     424             line-height:88px;
     425             text-align: center;
     426             color: #fff;
     427             font-weight: bold;
     428             float: left;
     429         }
     430         ._chanpinRight
     431         {
     432             float: left;
     433             width:78.8%;
     434             height:88px;
     435         }
     436         ._chanpinRight a
     437         {
     438             display: block;
     439             width:81px;
     440             height:23px;
     441             padding: 7px 9px 8px 7px;
     442             float: left;
     443         }
     444         ._chanpinRight img
     445         {
     446             width:81px;
     447             height:23px;
     448             display: block;
     449         }
     450         ._chanpinRight a:nth-child(1)
     451         {
     452             border-right: 1px dotted #eee;
     453         }
     454         ._chanpinRight a:nth-child(2)
     455         {
     456             border-right: 1px dotted #eee;
     457         }
     458         ._chanpinRight a:nth-child(4)
     459         {
     460             border-right: 1px dotted #eee;
     461         }
     462         ._chanpinRight a:nth-child(5)
     463         {
     464             border-right: 1px dotted #eee;
     465         }
     466         ._chanpinRight img:nth-child(2n)
     467         {
     468             width:63px;
     469         }
     470         ._bg3
     471         {
     472             background:url("../images/chengpintuijian.jpg") 0 0 no-repeat;
     473             background-size:100% 33px;
     474             height:33px;
     475         }
     476         ._mode2 ._p4
     477         {
     478             color:#f1029b ;
     479         }
     480         ._like
     481         {
     482             width:100%;
     483             background: #eeeeee;
     484             float:left;
     485         }
     486         ._likeTop
     487         {
     488             width:100%;
     489             height:33px;
     490             line-height:33px;
     491             position: relative;
     492         }
     493         ._likeTop div
     494         {
     495             position: absolute;
     496             width:33px;
     497             height: 1px;
     498             background: #dcdcdc;
     499             top:50%;
     500         }
     501         ._line1
     502         {
     503             left:29%;
     504         }
     505         ._line2
     506         {
     507             right:29%;
     508         }
     509         ._likeTop p
     510         {
     511             width:52px;
     512             height: 13px;
     513             line-height:13px;
     514             position: absolute;
     515             top: 32%;
     516             left:40%;
     517             font-size: 13px;
     518             color:#666666;
     519             padding-left: 19px;
     520             background: url("../images/xin.png") 0px 0px no-repeat;
     521             background-size: 13px 13px;
     522         }
     523         ._likeMain
     524         {
     525             width:100%;
     526             overflow: scroll;
     527             height: 441px;
     528         }
     529         ._likeMain li
     530         {
     531             width:173px;
     532             height:186px;
     533             margin-left:10px;
     534             margin-bottom:12px;
     535             background: #fff;
     536             float: left;
     537             position: relative;
     538         }
     539         ._likeMain img
     540         {
     541             width:173px;
     542             height:115px;
     543             display:block;
     544             float: left;
     545         }
     546         ._likeMain div
     547         {
     548             margin-top: 11px;
     549             padding-left:12px;
     550             font-size:12px;
     551             float:left;
     552             color: #666666;
     553         }
     554         ._likeMain_d1
     555         {
     556             position: absolute;
     557             left: 12px;
     558             bottom: 11px;
     559         }
     560         ._sp1
     561         {
     562             font-size: 12px;
     563             color: #0080ed;
     564         }
     565         ._sp2
     566         {
     567             font-size: 12px;
     568             color: #666;
     569             text-decoration:line-through;
     570         }
     571         ._foot
     572         {
     573             position: fixed;
     574             left: 0;
     575             bottom: 0;
     576             width:100%;
     577             height: 49px;
     578             border-top: 1px solid #dddddd;
     579             z-index: 2;
     580             background: #fff;
     581         }
     582         ._foot a
     583         {
     584             position: absolute;
     585             margin-top: 4px;
     586             width:38px;
     587             height: 20px;
     588             background-size: 22px 21px;
     589             font-size: 11px;
     590             font-weight: bold;
     591             padding-top: 26px;
     592         }
     593         ._footA1
     594         {
     595             background: url("../images/shouye.png") 2px 0px no-repeat;
     596             left: 36px;
     597             color: #007de4;
     598         }
     599         ._footA2
     600         {
     601             background: url("../images/san.png") 2px 0px no-repeat;
     602             left: 130px;
     603             color: #666666;
     604         }
     605         ._footA3
     606         {
     607             background: url("../images/che.png") 2px 0px no-repeat;
     608             left: 218px;
     609             color: #666666;
     610         }
     611         ._footA4
     612         {
     613             background: url("../images/ren.png") 2px 0px no-repeat;
     614             right: 35px;
     615             color: #666666;
     616         }
     617     </style>
     618 </head>
     619 <body>
     620     <div class="_head">
     621         <img src="../images/logo.jpg" alt="" class="_headLogo">
     622         <div class="_head_main">
     623             <input type="text" value="佰利联BLR-896">
     624         </div>
     625     </div>
     626 <!--头部搜索框-->
     627     <div class="_scroll">
     628         <img src="../images/bg.jpg" alt="">
     629     </div>
     630 <!--轮播图-->
     631     <div class="_list">
     632         <a href="">
     633             <img src="../images/chao.jpg" alt="">
     634             <span>多多超市</span>
     635         </a>
     636         <a href="">
     637             <img src="../images/duo.jpg" alt="">
     638             <span>多多撮合</span>
     639         </a>
     640         <a href="">
     641             <img src="../images/caiji.jpg" alt="">
     642             <span>多多集采</span>
     643         </a>
     644         <a href="">
     645             <img src="../images/jingpai.jpg" alt="">
     646             <span>多多竞拍</span>
     647         </a>
     648         <a href="">
     649             <img src="../images/wuliu.jpg" alt="">
     650             <span>多多物流</span>
     651         </a>
     652         <a href="">
     653             <img src="../images/jinrong.jpg" alt="">
     654             <span>多多金融</span>
     655         </a>
     656         <a href="">
     657             <img src="../images/shu.jpg" alt="">
     658             <span>多多学院</span>
     659         </a>
     660         <a href="">
     661             <img src="../images/shiyong.jpg" alt="">
     662             <span>试用中心</span>
     663         </a>
     664     </div>
     665     <div class="_news">
     666         <div class="_newsLeft">
     667             <span>多多</span>
     668             <a href="#">快报</a>
     669         </div>
     670         <div class="_newsRight">
     671             <p>《防静电地坪涂料通用规范》标准启动修订工作<sup>news</sup> </p>
     672             <p>&nbsp;分析:4月钛白粉市场行情&nbsp;<sup>news</sup></p>
     673         </div>
     674     </div>
     675     <div class="_buying">
     676         <div class="_buyingTop">
     677             <ul class="_buyingTop_time">
     678                <li>限时特卖</li>
     679                <li class="_buyingTop_l">01</li>
     680                <li>:</li>
     681                <li class="_buyingTop_l">01</li>
     682                <li>:</li>
     683                <li class="_buyingTop_l">59</li>
     684             </ul>
     685             <div class="_buyingTop_right">
     686                 <p>更多优惠等你来</p>
     687                 <a href="#">></a>
     688             </div>
     689         </div>
     690         <div class="_buyingBottom">
     691             <ul>
     692                 <li>
     693                     <div>
     694                         <img src="../images/sol.jpg" alt="">
     695                     </div>
     696                     <p>
     697                         <span>¥8000</span>
     698                         <span>¥9000</span>
     699                     </p>
     700                 </li>
     701                 <li>
     702                     <div>
     703                         <img src="../images/zhutan.jpg" alt="">
     704                     </div>
     705                     <p>
     706                         <span>¥850</span>
     707                         <span>¥900</span>
     708                     </p>
     709                 </li>
     710                 <li>
     711                     <div>
     712                         <img src="../images/pingzi-.jpg" alt="">
     713                     </div>
     714                     <p>
     715                         <span>¥1120</span>
     716                         <span>¥1420</span>
     717                     </p>
     718                 </li>
     719                 <li>
     720                     <div>
     721                         <img src="../images/sol.jpg" alt="">
     722                     </div>
     723                     <p>
     724                         <span>¥8000</span>
     725                         <span>¥9000</span>
     726                     </p>
     727                 </li>
     728                 <li>
     729                     <div>
     730                         <img src="../images/zhutan.jpg" alt="">
     731                     </div>
     732                     <p>
     733                         <span>¥850</span>
     734                         <span>¥900</span>
     735                     </p>
     736                 </li>
     737                 <li>
     738                     <div>
     739                         <img src="../images/pingzi-.jpg" alt="">
     740                     </div>
     741                     <p>
     742                         <span>¥1120</span>
     743                         <span>¥1420</span>
     744                     </p>
     745                 </li>
     746                 <li>
     747                     <div>
     748                         <img src="../images/sol.jpg" alt="">
     749                     </div>
     750                     <p>
     751                         <span>¥8000</span>
     752                         <span>¥9000</span>
     753                     </p>
     754                 </li>
     755                 <li>
     756                     <div>
     757                         <img src="../images/zhutan.jpg" alt="">
     758                     </div>
     759                     <p>
     760                         <span>¥850</span>
     761                         <span>¥900</span>
     762                     </p>
     763                 </li>
     764                 <li>
     765                     <div>
     766                         <img src="../images/pingzi-.jpg" alt="">
     767                     </div>
     768                     <p>
     769                         <span>¥1120</span>
     770                         <span>¥1420</span>
     771                     </p>
     772                 </li>
     773             </ul>
     774         </div>
     775     </div>
     776     <div class="_main">
     777         <div class="_mainCollect">
     778             <div>
     779                 <img src="../images/yuanliao.png" alt="">
     780                 <span>原材料集采</span>
     781             </div>
     782         </div>
     783         <ul>
     784             <li>
     785                 <img src="../images/shan1.jpg" alt="">
     786                 <div class="_mainTit">
     787                     <p>山东东佳R2377</p>
     788                     <p>金红石型钛白...</p>
     789                     <p style="font-size: 10px;overflow: hidden">
     790                         <span class="_p0">01</span>
     791                         <span style="color: #999">&nbsp;</span>
     792                         <span class="_p0">06</span>
     793                         <span>:</span>
     794                         <span class="_p0">15</span>
     795                         <span>:</span>
     796                         <span class="_p0">26</span>
     797                     </p>
     798                     <p>
     799                         <span class="_p0">¥13000</span>
     800                         <span style="color: #999">/吨</span>
     801                     </p>
     802                     <p>
     803                         ¥13950/吨
     804                     </p>
     805                 </div>
     806             </li>
     807             <li>
     808                 <img src="../images/nan.jpg" alt="">
     809                 <div class="_mainTit">
     810                     <p>南钛 NR-953用</p>
     811                     <p>于水性体系</p>
     812                     <p style="font-size: 10px;overflow: hidden">
     813                         <span class="_p0">04</span>
     814                         <span style="color: #999">&nbsp;</span>
     815                         <span class="_p0">04</span>
     816                         <span>:</span>
     817                         <span class="_p0">49</span>
     818                         <span>:</span>
     819                         <span class="_p0">30</span>
     820                     </p>
     821                     <p>
     822                         <span class="_p0">¥800</span>
     823                         <span style="color: #999">/吨</span>
     824                     </p>
     825                     <p>
     826                         ¥990/吨
     827                     </p>
     828                 </div>
     829             </li>
     830             <li>
     831                 <img src="../images/bai.jpg" alt="">
     832                 <div class="_mainTit">
     833                     <p>佰利联BLR-896 </p>
     834                     <p>氯化法涂料级钛...</p>
     835                     <p style="font-size: 10px;overflow: hidden">
     836                         <span class="_p0">02</span>
     837                         <span style="color: #999">&nbsp;</span>
     838                         <span class="_p0">08</span>
     839                         <span>:</span>
     840                         <span class="_p0">37</span>
     841                         <span>:</span>
     842                         <span class="_p0">09</span>
     843                     </p>
     844                     <p>
     845                         <span class="_p0">¥35</span>
     846                         <span style="color: #999">/吨</span>
     847                     </p>
     848                     <p>
     849                         ¥39/吨
     850                     </p>
     851                 </div>
     852             </li>
     853             <li>
     854                 <img src="../images/shan1.jpg" alt="">
     855                 <div class="_mainTit">
     856                     <p>山东东佳R2377</p>
     857                     <p>金红石型钛白...</p>
     858                     <p style="font-size: 10px;overflow: hidden">
     859                         <span class="_p0">01</span>
     860                         <span style="color: #999">&nbsp;</span>
     861                         <span class="_p0">06</span>
     862                         <span>:</span>
     863                         <span class="_p0">05</span>
     864                         <span>:</span>
     865                         <span class="_p0">14</span>
     866                     </p>
     867                     <p>
     868                         <span class="_p0">¥1300</span>
     869                         <span style="color: #999">/吨</span>
     870                     </p>
     871                     <p>
     872                         ¥1405/吨
     873                     </p>
     874                 </div>
     875             </li>
     876         </ul>
     877         <p class="_through"></p>
     878         <img src="../images/youcai.jpg" alt="" id="_mainBg">
     879     </div>
     880     <div class="_main">
     881         <div class="_mainCollect">
     882             <div>
     883                 <img src="../images/chengpin.jpg" alt="">
     884                 <span id="_chengpin">成品集采</span>
     885             </div>
     886         </div>
     887         <ul>
     888             <li>
     889                 <img src="../images/huaban.jpg" alt="">
     890                 <div class="_mainTit">
     891                     <p>花瓣雨无机内墙</p>
     892                     <p>涂料</p>
     893                     <p style="font-size: 10px;overflow: hidden">
     894                         <span class="_p1">02</span>
     895                         <span style="color: #999">&nbsp;</span>
     896                         <span class="_p1">12</span>
     897                         <span>:</span>
     898                         <span class="_p1">05</span>
     899                         <span>:</span>
     900                         <span class="_p1">36</span>
     901                     </p>
     902                     <p>
     903                         <span class="_p1">¥699</span>
     904                         <span style="color: #999">/吨</span>
     905                     </p>
     906                     <p>
     907                         ¥990/吨
     908                     </p>
     909                 </div>
     910             </li>
     911             <li>
     912                 <img src="../images/gua.jpg" alt="">
     913                 <div class="_mainTit">
     914                     <p>呱呱亮白色外墙</p>
     915                     <p>乳胶漆环保弹...</p>
     916                     <p style="font-size: 10px;overflow: hidden">
     917                         <span class="_p1">01</span>
     918                         <span style="color: #999">&nbsp;</span>
     919                         <span class="_p1">11</span>
     920                         <span>:</span>
     921                         <span class="_p1">13</span>
     922                         <span>:</span>
     923                         <span class="_p1">01</span>
     924                     </p>
     925                     <p>
     926                         <span class="_p1">¥1308</span>
     927                         <span style="color: #999">/吨</span>
     928                     </p>
     929                     <p>
     930                         ¥1432/吨
     931                     </p>
     932                 </div>
     933             </li>
     934             <li>
     935                 <img src="../images/huaban.jpg" alt="">
     936                 <div class="_mainTit">
     937                     <p>天宇圣邦金装抗 </p>
     938                     <p>甲醛儿童墙面漆</p>
     939                     <p style="font-size: 10px;overflow: hidden" >
     940                         <span class="_p1">03</span>
     941                         <span style="color: #999">&nbsp;</span>
     942                         <span class="_p1">01</span>
     943                         <span>:</span>
     944                         <span class="_p1">30</span>
     945                         <span>:</span>
     946                         <span class="_p1">42</span>
     947                     </p>
     948                     <p>
     949                         <span class="_p1">¥568</span>
     950                         <span style="color: #999">/吨</span>
     951                     </p>
     952                     <p>
     953                         ¥598/吨
     954                     </p>
     955                 </div>
     956             </li>
     957             <li>
     958                 <img src="../images/gua.jpg" alt="">
     959                 <div class="_mainTit">
     960                     <p>花瓣雨无机内墙</p>
     961                     <p>涂料.</p>
     962                     <p style="font-size: 10px;overflow: hidden">
     963                         <span class="_p1">01</span>
     964                         <span style="color: #999">&nbsp;</span>
     965                         <span class="_p1">06</span>
     966                         <span>:</span>
     967                         <span class="_p1">36</span>
     968                         <span>:</span>
     969                         <span class="_p1">36</span>
     970                     </p>
     971                     <p>
     972                         <span class="_p1">¥800</span>
     973                         <span style="color: #999">/吨</span>
     974                     </p>
     975                     <p>
     976                         ¥990/吨
     977                     </p>
     978                 </div>
     979             </li>
     980         </ul>
     981         <p class="_through"></p>
     982         <img src="../images/cheng.jpg" alt="" id="_mainBg">
     983     </div>
     984     <div class="_main">
     985         <div class="_mainCollect">
     986             <div>
     987                 <img src="../images/tuijian.jpg" alt="">
     988                 <span class="_p2">原材料推荐</span>
     989             </div>
     990         </div>
     991         <ul class="_mode2">
     992             <li>
     993                 <img src="../images/de.jpg" alt="">
     994                 <div class="_mainTit">
     995                     <p>德欣颜料</p>
     996                     <p>炭黑BP210</p>
     997                     <p class="_p2">¥800</p>
     998                     <p>¥910</p>
     999                 </div>
    1000             </li>
    1001             <li>
    1002                 <img src="../images/3132.jpg" alt="">
    1003                 <div class="_mainTit">
    1004                     <p>3132大红粉油</p>
    1005                     <p>漆涂料大红颜...</p>
    1006                     <p class="_p2">¥623</p>
    1007                     <p>¥990</p>
    1008                 </div>
    1009             </li>
    1010             <li>
    1011                 <img src="../images/3132.jpg" alt="">
    1012                 <div class="_mainTit">
    1013                     <p>Lynwon P.Y.12</p>
    1014                     <p>联苯胺黄GW ...</p>
    1015                     <p class="_p2">¥930</p>
    1016                     <p>¥960</p>
    1017                 </div>
    1018             </li>
    1019             <li>
    1020                 <img src="../images/de.jpg" alt="">
    1021                 <div class="_mainTit">
    1022                     <p>德欣颜料</p>
    1023                     <p>炭黑BP210</p>
    1024                     <p class="_p2">¥520</p>
    1025                     <p>¥540</p>
    1026                 </div>
    1027             </li>
    1028             <li>
    1029                 <img src="../images/de.jpg" alt="">
    1030                 <div class="_mainTit">
    1031                     <p>3132大红粉油</p>
    1032                     <p>漆涂料大红颜...</p>
    1033                     <p class="_p2">¥689</p>
    1034                     <p>¥732</p>
    1035                 </div>
    1036             </li>
    1037             <li>
    1038                 <img src="../images/3132.jpg" alt="">
    1039                 <div class="_mainTit">
    1040                     <p>Lynwon P.Y.12</p>
    1041                     <p>联苯胺黄GW ...</p>
    1042                     <p class="_p2">¥800</p>
    1043                     <p>¥990</p>
    1044                 </div>
    1045             </li>
    1046         </ul>
    1047         <p class="_through"></p>
    1048         <p class="_through1"></p>
    1049         <p class="_through2"></p>
    1050         <div class="_chanpin">
    1051             <p class="_chanpinLeft">
    1052                 产品专区
    1053             </p>
    1054             <div class="_chanpinRight">
    1055                 <a href="#"><img src="../images/meiluojia.png" alt=""></a>
    1056                 <a href="#"><img src="../images/siliya.png" alt=""></a>
    1057                 <a href="#"><img src="../images/meiluojia.png" alt=""></a>
    1058                 <a href="#"><img src="../images/siliya.png" alt=""></a>
    1059                 <a href="#"><img src="../images/meiluojia.png" alt=""></a>
    1060                 <a href="#"><img src="../images/siliya.png" alt=""></a>
    1061             </div>
    1062         </div>
    1063     </div>
    1064     <div class="_main">
    1065         <div class="_mainCollect _bg3">
    1066             <div>
    1067                 <img src="../images/fen.jpg" alt="">
    1068                 <span class="_p3">成品推荐</span>
    1069             </div>
    1070         </div>
    1071         <ul class="_mode2">
    1072             <li>
    1073                 <img src="../images/tikk.jpg" alt="">
    1074                 <div class="_mainTit">
    1075                     <p>斯利雅儿童房呵</p>
    1076                     <p>护型乳胶漆 B...</p>
    1077                     <p class="_p4">¥800</p>
    1078                     <p>¥990</p>
    1079                 </div>
    1080             </li>
    1081             <li>
    1082                 <img src="../images/tikk2.jpg" alt="">
    1083                 <div class="_mainTit">
    1084                     <p>Tikkurila芬琳漆</p>
    1085                     <p>欧铁华5度3L</p>
    1086                     <p class="_p4">¥726</p>
    1087                     <p>¥826</p>
    1088                 </div>
    1089             </li>
    1090             <li>
    1091                 <img src="../images/tikk3.jpg" alt="">
    1092                 <div class="_mainTit">
    1093                     <p>Tikkurila芬琳北</p>
    1094                     <p>极雪超白威玛...</p>
    1095                     <p class="_p4">¥862</p>
    1096                     <p>¥982</p>
    1097                 </div>
    1098             </li>
    1099             <li>
    1100                 <img src="../images/tikk.jpg" alt="">
    1101                 <div class="_mainTit">
    1102                     <p>斯利雅儿童房呵</p>
    1103                     <p>护型乳胶漆 B...</p>
    1104                     <p class="_p4">¥598</p>
    1105                     <p>¥623</p>
    1106                 </div>
    1107             </li>
    1108             <li>
    1109                 <img src="../images/tikk2.jpg" alt="">
    1110                 <div class="_mainTit">
    1111                     <p>Tikkurila芬琳漆</p>
    1112                     <p>欧铁华5度3L</p>
    1113                     <p class="_p4">¥964</p>
    1114                     <p>¥989</p>
    1115                 </div>
    1116             </li>
    1117             <li>
    1118                 <img src="../images/tikk3.jpg" alt="">
    1119                 <div class="_mainTit">
    1120                     <p>Tikkurila芬琳北</p>
    1121                     <p>极雪超白威玛...</p>
    1122                     <p class="_p4">¥832</p>
    1123                     <p>¥843</p>
    1124                 </div>
    1125             </li>
    1126         </ul>
    1127         <p class="_through"></p>
    1128         <p class="_through1"></p>
    1129         <p class="_through2"></p>
    1130         <div class="_chanpin">
    1131             <p class="_chanpinLeft" style="background: #f992d4">
    1132                 品牌专区
    1133             </p>
    1134             <div class="_chanpinRight">
    1135                 <a href="#"><img src="../images/meiluojia.png" alt=""></a>
    1136                 <a href="#"><img src="../images/siliya.png" alt=""></a>
    1137                 <a href="#"><img src="../images/meiluojia.png" alt=""></a>
    1138                 <a href="#"><img src="../images/siliya.png" alt=""></a>
    1139                 <a href="#"><img src="../images/meiluojia.png" alt=""></a>
    1140                 <a href="#"><img src="../images/siliya.png" alt=""></a>
    1141             </div>
    1142         </div>
    1143     </div>
    1144     <div class="_like">
    1145         <div class="_likeTop">
    1146             <div class="_line1"></div>
    1147             <p>猜你喜欢</p>
    1148             <div class="_line2"></div>
    1149         </div>
    1150         <ul class="_likeMain">
    1151             <li>
    1152                 <img src="../images/3d.jpg" alt="">
    1153                 <div>澳丽丝3D原生态内墙乳胶漆</div>
    1154                 <div class="_likeMain_d1">
    1155                     <span class="_sp1">¥8000</span>
    1156                     <span class="_sp2">¥9000</span>
    1157                 </div>
    1158             </li>
    1159             <li>
    1160                 <img src="../images/chengyang.jpg" alt="">
    1161                 <div>
    1162                     <p>晨阳水漆 多功能乳胶漆家具</p>
    1163                     <p>翻新木器地板修补DIY非...</p>
    1164                 </div>
    1165                 <div class="_likeMain_d1">
    1166                     <span class="_sp1">¥801</span>
    1167                     <span class="_sp2">¥908</span>
    1168                 </div>
    1169             </li>
    1170             <li>
    1171                 <img src="../images/ouderuo.jpg" alt="">
    1172                 <div>
    1173                     <p>晨阳水漆 多功能乳胶漆家具</p>
    1174                     <p>翻新木器地板修补DIY非...</p>
    1175                 </div>
    1176                 <div class="_likeMain_d1">
    1177                     <span class="_sp1">¥1300</span>
    1178                     <span class="_sp2">¥1530</span>
    1179                 </div>
    1180             </li>
    1181             <li>
    1182                 <img src="../images/3d.jpg" alt="">
    1183                 <div>澳丽丝3D原生态内墙乳胶漆</div>
    1184                 <div class="_likeMain_d1">
    1185                     <span class="_sp1">¥1236</span>
    1186                     <span class="_sp2">¥1368</span>
    1187                 </div>
    1188             </li>
    1189             <li>
    1190                 <img src="../images/3d.jpg" alt="">
    1191                 <div>澳丽丝3D原生态内墙乳胶漆</div>
    1192                 <div class="_likeMain_d1">
    1193                     <span class="_sp1">¥8000</span>
    1194                     <span class="_sp2">¥9000</span>
    1195                 </div>
    1196             </li>
    1197             <li>
    1198                 <img src="../images/chengyang.jpg" alt="">
    1199                 <div>
    1200                     <p>晨阳水漆 多功能乳胶漆家具</p>
    1201                     <p>翻新木器地板修补DIY非...</p>
    1202                 </div>
    1203                 <div class="_likeMain_d1">
    1204                     <span class="_sp1">¥801</span>
    1205                     <span class="_sp2">¥908</span>
    1206                 </div>
    1207             </li>
    1208             <li>
    1209                 <img src="../images/ouderuo.jpg" alt="">
    1210                 <div>
    1211                     <p>晨阳水漆 多功能乳胶漆家具</p>
    1212                     <p>翻新木器地板修补DIY非...</p>
    1213                 </div>
    1214                 <div class="_likeMain_d1">
    1215                     <span class="_sp1">¥1300</span>
    1216                     <span class="_sp2">¥1530</span>
    1217                 </div>
    1218             </li>
    1219             <li>
    1220                 <img src="../images/3d.jpg" alt="">
    1221                 <div>澳丽丝3D原生态内墙乳胶漆</div>
    1222                 <div class="_likeMain_d1">
    1223                     <span class="_sp1">¥1236</span>
    1224                     <span class="_sp2">¥1368</span>
    1225                 </div>
    1226             </li>
    1227         </ul>
    1228     </div>
    1229 <!--主体部分-->
    1230     <div class="_foot">
    1231         <a href="" class="_footA1">首页</a>
    1232         <a href="" class="_footA2">分类</a>
    1233         <a href="" class="_footA3">购物车</a>
    1234         <a href="" class="_footA4">我的</a>
    1235     </div>
    1236 </body>
    1237 </html>
  • 相关阅读:
    微博三方登录流程
    完善注册接口
    vue检查用户名是否重复
    转载:TypeError: Cannot read property 'compilation' of undefined vue 打包运行npm run build 报错
    转载:mybatis中<![CDATA[]]>的作用
    转载:eclipse中web项目小地球没了
    转载:解决npm安装时出现run `npm audit fix` to fix them, or `npm audit` for details
    转载:IDEA lombok插件的安装和使用
    转载:idea配置svn及使用
    RESTful风格编程
  • 原文地址:https://www.cnblogs.com/yoyoyoyoyoyo/p/5934001.html
Copyright © 2011-2022 走看看