涂多多手机版

Posted 舍近求猿

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了涂多多手机版相关的知识,希望对你有一定的参考价值。

   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>

 

以上是关于涂多多手机版的主要内容,如果未能解决你的问题,请参考以下文章

8步安装多多客小程序全插件化1.0开源版

8步安装多多客小程序全插件化1.0开源版

第五人格怎么投屏 轻松玩电脑版手游

[vscode]--HTML代码片段(基础版,reactvuejquery)

多多客小程序开源版8步快速安装教程(图文版)

微投屏app|微投屏手机版下载