@orgenColor:#0066ff; @orgenColor2:#4C94FF; @orgenColor3:#f5f9ff; @orgenColor4:#d9e8ff; .ty_titleBox{ .ty_titleH{ text-align: center; font-size: 30px; font-weight: 500; color: #1A1A1A; line-height: 47px; } .ty_titleP{ text-align: center; margin: 18px 0 40px 0; font-size: 16px; } } .high_defense_content2{ padding: 60px 0; background-image: url(/template/Home/skin1/PC/Static/image/high_defense_content2_bj.png); background-size: cover; background-position: center; overflow: hidden; .ty_titleBox{ h2,p{ color: #fff; } } .home_content2Box{ .ty_titleP{ margin: 18px 0 35px 0; } ul{ display: flex; display: -webkit-flex; flex-direction: row; justify-content: center; align-content: flex-start; flex-wrap: nowrap; position: relative; background-color: #fff; padding-top: 18px; &::after{ content:""; display: block; width: 100%; height: 1px; background-color: #e6e6e6; position: absolute; top: 54px; left: 0; } li{ float: left; width: 25%; text-align: center; font-size: 20px; color: #333; padding-bottom: 10px; cursor: pointer; span{ padding: 0 20px 10px 20px; i{ width: 22px; height: 22px; display: inline-block; background-size: 100% 100%; vertical-align: middle; margin-right: 10px; } } } .active{ span{ position:relative; z-index: 2; border-bottom: 1px solid @orgenColor; } } .icon_1{ span{ i{ background-image: url(/template/Home/skin1/PC/Static/image/content2_t1.png); } } } .icon_2{ span{ i{ background-image: url(/template/Home/skin1/PC/Static/image/content2_t2.png); } } } .icon_3{ span{ i{ background-image: url(/template/Home/skin1/PC/Static/image/content2_t3.png); } } } .icon_4{ span{ i{ background-image: url(/template/Home/skin1/PC/Static/image/content2_t4.png); } } } } .content2_div{ display: none; padding-top: 40px; background-color: #fff; padding-left: 9.16%; overflow: hidden; padding-bottom: 60px; img{ float: left; width: 58.7%; height: 276px; } div{ width: 26.61%; height: 276px; float: right; padding: 30px 50px 0px 50px; padding-bottom: 50px; overflow: hidden; background-color: #E8EDF6; margin-right: 10.1%; h3{ font-size: 18px; font-weight: 800; color: #333; span{ width: 90px; display: block; border-bottom: 1px solid @orgenColor; padding-bottom: 13px; } } .text1{ margin: 16px 0 34px 0; line-height: 25px; } p{ font-size: 14px; color: #666; } b{ font-size: 14px; color: #343434; font-weight: 600; margin-top: 15px; margin-bottom: 5px; display: block; } } } .content2_div.active2{ display: block; } } } /* 高防cdn页面 css end */