.tch-main { background-color: #f2f2f2; overflow: hidden;} .tch-wrap { margin: 0 auto; width: 1500px;} .tch-nav { margin-top: 20px; height: 271px; background: url(https://www.newvast.com/images/adv-comm/tech/tch-top.jpg) no-repeat center top;} .tch-ban { padding: 30px 0 10px; text-align: center; font-size: 30px; font-weight: 700;} .tch-top ul { width: 1516px; margin-right: -16px; overflow: hidden;} .tch-top li { float: left; width: 363px; height: 190px; border-radius: 5px; overflow: hidden; margin-right: 16px;} .tch-top li a { display: block; width: 100%; height: 100%;} .tch-top li img:hover, .tch-mid li img:hover, .tch-half li img:hover { opacity: 0.9;} .tch-mid { height: 254px; border-radius: 5px; overflow: hidden; margin-bottom: 20px; background-color: #fff;} .tch-mid li { float: left; margin-right: 18px; width: 170px; padding-top: 18px;} .tch-mid li:first-child { width: 353px; margin-right: 19px; padding: 0;} .tch-mid li a, .tch-half li a { display: block; width: 100%; height: 100%; position: relative;} .tch-mid li span { display: block; margin: 12px 0 5px 0; font-size: 14px; font-weight: 700; font-style: italic;} .tch-mid li i { font-style: italic;} .tch-mid li del { display: block; font-style: italic; color: #aaa;} .tch-half { padding: 15px 0 50px;} .tch-half li { float: left; width: 737px; height: 258px;} .tch-half li:first-child { margin-right: 26px;} .tch-list { background-color: #fff; margin-bottom: 80px;} .tch-bot { text-align: center; font-size: 24px; font-weight: 600; padding: 25px 0;} .tch-list ul { padding: 0 0 0 46px;} .tch-list li { float: left; width: 218px; height: 325px; margin: 0 20px 20px 0; position: relative;} .adv-img { text-align: center; margin-bottom: 10px; position: relative;} .adv-img span { display: block; position: absolute; background: #000; opacity: 0.04; width: 218px; height: 218px; left: 0; top: 0;} .adv-img:hover span { opacity: 0.08;} .adv-title { font-size: 13px; height: 36px; line-height: 18px; overflow: hidden; padding-right: 50px;} .adv-title a { color: #666;} .adv-price { padding: 5px 0;} .adv-price span { display: block; line-height: 24px; font-size: 16px; color: #ff4747; font-weight: 700;} .adv-price del { display: block; color: #bbb; font-size: 14px;} .adv-add { position: absolute; width: 40px; height: 40px; border-radius: 20px; cursor: pointer; background: url(https://www.newvast.com/images/adv-comm/cart.png) no-repeat center center; bottom: 10px; right: 0; border: 1px solid #eee;} .adv-add:hover { border-color: #ff4747; background-color: #ffeeee; transition: all 0.3s;} .tch-list li img { width: 100%;} .tch-list .adv-off { height: 22px; line-height: 22px; width: 70px; text-align: center; background-color: #ff4747; color: #fff; position: absolute; left: 0; top: 196px; border-radius: 0 3px 0 0;}