.wel-tip-box .items:nth-child(1) .itemtop{ color:#006cb8; } .wel-tip-box .items .itembot .i{ background:#fff; } .wel-tip-box .items .itembot .i:nth-child(2n+1){ background:#e2e2e2; } .wel-tip-box .items { float: left; position: relative; font-weight: bold; } .wel-tip-box img{ width: 100%; } .wel-tip-box .items .itembot { position: absolute; bottom: 100px; left: 0; width: 100%; display: none; } .wel-tip-box{ border-bottom: 1px solid #f4f4f4; box-sizing: content-box; } .ts.active{ height: 100px; } .wel-tip-box .items .itembot .i { width: 100%; display: block; overflow: hidden; } .wx1620{ width: 1620px; margin:0 auto; } .wel-tip-box .wel-tip.fixed { position: fixed; bottom: 0; left: 0; bottom: 0; width: 100%; background: #ffffff; } .wel-tip-box .items .itembot .i:hover img { transition: .5s ease-in-out; transform: scale3d(1.05, 1.05, 1); } .wel-tip-box .items .itembot .i{ text-align: center; margin:0 auto; height: 100px; } .wel-tip-box .items .itembot img { transition: .5s ease-in-out; height: 100%; display: inline-block; } .wel-tip-box .items:nth-child(1) .itemtop:after { display: none; } .wel-tip-box .items .itemtop { line-height: 100px; font-size: 20px; color: #222222; text-align: center; position: relative; cursor: pointer; } .wel-tip-box .items .itemtop:after { position: absolute; left: 0; top: 0; bottom: 0; content: ""; height: 60%; width: 1px; background: #cccccc; margin: auto; } .wel-tip-box .items .itemtop img { display: inline-block; vertical-align: middle; width: 25px; height: 25px; } .wel-tip-box .i3 .items { width: 33.33%; } .wel-tip-box .i2 .items { width: 50%; } .wel-tip-box .i4 .items { width: 25%; } .wel-tip-box .items .itemtop br { display: none; } .wel-tip-box{ position: relative; z-index: 10; } .wel-tip-box .items{ background:#ffffff; } .wx1200{ width: 1200px; margin:0 auto; } @media screen and (max-width: 1750px){ .wel-tip-box .items .itembot { /*bottom:80px;*/ } .wel-tip-box .items .itembot .i{ width: 100%; display: block; height: auto; line-height: 1; } .wel-tip-box .items .itembot img{ width: 100%; height: auto; display: block; } .wel-tip-box .items .itemtop { /*line-height: 80px;*/ } .wel-tip-box .items .itembot{ } .wel-tip-box .items .itemtop { font-size: 16px; } .wx1620{ width: 90%; } } @media screen and (max-width: 1650px){ .wel-tip-box{ height: 80px; } .ts.active{ height: 80px; } .wel-tip-box .items .itembot { bottom:80px; } .wel-tip-box .items .itemtop { line-height: 80px; } } @media screen and (max-width: 1350px){ .wx1200{ width: 90%; } } @media screen and (max-width: 768px){ .wel-tip-box .items { font-weight: normal; } .wel-tip-box .items .itembot{ bottom:75px; } .ts.active{ height: 77px; } .wel-tip-box .items .itemtop br { display: block; } .wel-tip { position: relative; } .wel-tip-box .items .itemtop img { display: block; margin: 0 auto; width: 20px; height: 20px; } .wel-tip-box .items .itemtop .span { display: block; line-height: 16px; font-size: 14px; height: 32px; margin-top: 5px; } .wel-tip-box .items { padding: 10px 0; box-sizing: border-box; position: static; } } @media screen and (max-width: 500px){ .wel-tip-box .items .itemtop .span { font-size: 12px; } }