@charset "utf-8"; * { font-family: "微软雅黑", "microsoft yahei"; } ul, ol { list-style: none; } a:active { text-decoration: none; } a:hover { text-decoration: none; } a:visited { text-decoration: none; } a:link { text-decoration: none; } a:focus { text-decoration: none; } body { position: relative; } .clearfix { overflow: hidden; } .clearfix_2::after { content: ''; display: block; height: 0; visibility: hidden; clear: both; } .hiddenColor { visibility: hidden; } .hand { cursor: pointer; } .aTag_parent { position: relative; } .aTag_parent>a, .aTag { display: block; width: 100%; height: 100%; position: absolute; z-index: 99; border: 0px; top: 0px; left: 0px; background: rgba(0, 0, 0, 0); } .dot1 { display: block; word-break: keep-all; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } .dot2 { overflow: hidden; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2; } .dot3 { overflow: hidden; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 3; } input, img { border: none; } .cover100 img { display: block; width: 100%; height: 100%; object-fit: cover; } .back100 { background-size: 100% 100%; background-repeat: no-repeat; } article, aside, footer, header, time, video, main, nav, h4, h3, section { display: block; } .slow_6 { -webkit-transition: all .6s; -moz-transition: all .6s; -ms-transition: all .6s; -o-transition: all .6s; transition: all .6s; } .index_main { width: 1200px; margin: 0px auto 30px; } .banner_1 { margin-top: 29px; height: 90px; overflow: hidden; .banner_1_a { display: block; width: 100%; height: 100%; } .banner_1_img { display: block; width: 100%; } } .banner_2 { margin-top: 29px; height: 90px; overflow: hidden; .banner_2_a { display: block; width: 100%; height: 100%; } .banner_2_img { display: block; width: 100%; } } .info_1_left { width: 900px; float: left; } .info_1_aside { width: 266px; float: right; margin-top: 20px; } .info_ul_1 { .info_li_1 { margin-bottom: 20px; } .info_li_1_a { height: 24px; line-height: 24px; float: left; color: #333; font-size: 18px; padding-right: 22px; max-width: 777px; position: relative; } .info_li_1_a_hot::after { content: '热'; display: block; width: 20px; height: 20px; border-radius: 4px; position: absolute; top: 0px; right: 0px; background: #FF2626; font-weight: lighter; line-height: 20px; text-align: center; color: #fff; font-size: 14px; } .info_li_1_time { height: 24px; line-height: 24px; color: #333; font-size: 18px; float: right; } .info_li_1:nth-of-type(5n-4) { font-weight: bold; margin-top: 30px; } .info_li_1:nth-of-type(5n-4) .info_li_1_a { font-weight: bold; } .info_li_1:nth-of-type(5n-4) .info_li_1_time { font-weight: bold; } .info_li_1:nth-of-type(5n) { border-bottom: solid 1px #D9D9D9; padding-bottom: 30px; } } .info_foot { margin-top: 60px; text-align: center; .info_foot_a { height: 34px; line-height: 34px; color: #666; display: inline-block; border-radius: 4px; margin: 0px 10px; font-size: 14px; border: solid 1px #EAEAEA; background: #F6F6F6; padding: 0px 15px; } .info_foot_a_only { font-weight: bold; background: #255590; color: #fff; } } .shop_head_1 { height: 29px; margin-top: 26px; position: relative; .shop_head_1_name { float: left; height: 29px; line-height: 29px; color: #255590; font-size: 22px; font-weight: bold; padding-left: 22px; background: url(../public/img/3.png) no-repeat left center; background-size: 12px 18px; } } .shop_img_ul_1 { margin-top: 30px; .shop_img_li_1 { margin-bottom: 20px; } .shop_img_li_1_a { display: block; width: 100%; } .shop_img_li_1_img { float: left; width: 120px; height: 120px; } .shop_img_li_1_right { float: right; width: 140px; } .shop_img_li_1_dot3 { height: 69px; line-height: 23px; margin-top: 2px; color: #333; font-size: 18px; } .shop_img_li_1_btn { border: solid 1px #255590; height: 23px; line-height: 23px; color: #255590; font-size: 14px; margin-top: 16px; padding: 0px 4px; float: left; } .shop_img_li_1_a:hover .shop_img_li_4_dot3 { color: #255590; } .shop_img_li_1:nth-last-of-type(1) { margin-bottom: 0px; } } .shop_ul_1 { margin-top: 30px; .shop_li_1 { height: 24px; line-height: 24px; color: #333; font-size: 18px; margin-bottom: 17px; box-sizing: border-box; text-indent: 16px; position: relative; } .shop_li_1:hover { color: #255590; } .shop_li_1::after { content: ''; display: block; width: 6px; height: 6px; background: #ddd; border-radius: 50%; position: absolute; left: 0px; top: 8px; z-index: 11; } .shop_li_1:hover::after { content: ''; display: block; background: #255590; } .shop_li_1:nth-last-of-type(1) { margin-bottom: 0px; } } .shop_head_2 { height: 29px; margin-top: 31px; position: relative; .shop_head_2_name { float: left; height: 29px; line-height: 29px; color: #255590; font-size: 22px; font-weight: bold; padding-left: 22px; background: url(../public/img/3.png) no-repeat left center; background-size: 12px 18px; } } .shop_img_ul_2 { margin-top: 30px; .shop_img_li_2 { margin-bottom: 20px; } .shop_img_li_2_a { display: block; width: 100%; } .shop_img_li_2_img { float: left; width: 120px; height: 120px; } .shop_img_li_2_right { float: right; width: 140px; } .shop_img_li_2_dot3 { height: 69px; line-height: 23px; margin-top: 2px; color: #333; font-size: 18px; } .shop_img_li_2_btn { border: solid 1px #255590; height: 23px; line-height: 23px; color: #255590; font-size: 14px; margin-top: 16px; padding: 0px 4px; float: left; } .shop_img_li_2_a:hover .shop_img_li_5_dot3 { color: #255590; } .shop_img_li_2:nth-last-of-type(1) { margin-bottom: 0px; } } .shop_ul_2 { margin-top: 30px; .shop_li_2 { height: 24px; line-height: 24px; color: #333; font-size: 18px; margin-bottom: 17px; box-sizing: border-box; text-indent: 16px; position: relative; } .shop_li_2:hover { color: #255590; } .shop_li_2::after { content: ''; display: block; width: 6px; height: 6px; background: #ddd; border-radius: 50%; position: absolute; left: 0px; top: 8px; z-index: 11; } .shop_li_2:hover::after { content: ''; display: block; background: #255590; } .shop_li_2:nth-last-of-type(1) { margin-bottom: 0px; } } .categ_crumb { line-height: 26px; color: #999; font-size: 20px; margin-top: 30px; padding-bottom: 30px; border-bottom: solid 1px #D9D9D9; .categ_crumb_text { display: inline-block; line-height: 26px; color: #999; font-size: 20px; margin: 0px 11px; } span.categ_crumb_text { color: #333; } a.categ_crumb_text:hover { color: #255590; } } .show_1_h4 { margin-top: 30px; color: #333; font-size: 30px; line-height: 40px; } .show_1_title_box { margin-top: 30px; } .show_1_title { font-size: 14px; color: #999; height: 18px; line-height: 18px; margin-right: 40px; float: left; } .show_1_article { margin-top: 60px; padding-bottom: 60px; } .show_foot { color: #999; font-size: 17px; line-height: 34px; padding:30px 0px; border-top: solid 1px #D9D9D9; } //导航条 .breadcrumb { width: 100%; height: 22px; padding-bottom: 25px; border-bottom: 1px solid #ccc; font-family: Microsoft YaHei, Microsoft YaHei; font-weight: 400; font-size: 20px; color: #666666; line-height: 23px; text-align: left; font-style: normal; text-transform: none; margin-top: 25px; :deep(.el-breadcrumb) { display: inline-block; vertical-align: -4px; } :deep(.el-breadcrumb__inner a), :deep(.el-breadcrumb__inner.is-link) { color: #666666; font-weight: 400; text-decoration: none; transition: var(--el-transition-color); } span { font-family: Microsoft YaHei, Microsoft YaHei; font-weight: 400; font-size: 20px; color: #666666; line-height: 23px; text-align: left; font-style: normal; text-transform: none; } span:hover { color: #666666; } .location { margin-right:5px; width: 100px; height: 22px; font-family: Microsoft YaHei, Microsoft YaHei; font-weight: 400; font-size: 20px; color: #666666; line-height: 23px; text-align: left; font-style: normal; text-transform: none; } }