.toutiao .w1200 { padding-bottom: 12px; margin-bottom: 26px; } .toutiao .text { text-align: center; padding-left: 100px; background: no-repeat left; margin: 24px 0px 0px 0px; margin-bottom: 10px; color: #e10000; } .toutiao .text a { color: #e10000; font-size: 32px; font-weight: bold; } .toutiao ul { text-align: center; } .toutiao ul li { font-size: 16px; text-align: center; display: inline; } .toutiao ul li a { color: #858585; } .banner .left { width: 605px; position: relative; height: 387px; } .banner .left .banner_list li { width: 605px; height: 387px; position: relative; font-size: 18px; } .banner .left .banner_list li img { display: block; width: 100%; height: 100%; } .banner .left .banner_list li p { position: absolute; bottom: 0px; padding: 6px 3%; width: 94%; color: white; font-size: 18px; background: rgba(0, 0, 0, 0.5); } .banner .left .banner_list li p a { color: white; display: block; width: 80%; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } .banenr_btn { position: absolute; bottom: 12px; right: 2%; } .banenr_btn ul li { width: 6px; height: 6px; background: white; border-radius: 6px; float: left; margin-left: 8px; } .banenr_btn ul li.on { background: #bd161b; } .banner .right { width: 546px; } .banner .right dl dt { text-align: center; } .banner .right dl dt a { color: #414141; font-size: 26px; font-weight: bold; } .banner .right dl dd { text-indent: 2em; padding: 15px 0px; border-bottom: 1px dashed #d6d6d6; margin-bottom: 10px; } .banner .right dl dd a { color: #858585; font-size: 14px; } .banner .right ul li { /* padding-right: 167px; */ margin-top: 9px; position: relative; display: inline-block; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; width: 100%; } .banner .right ul li:before { content: ""; display: inline-block; width: 16px; height: 9px; background: no-repeat center; position: relative; margin-right: 10px; } .banner .right ul li a { color: #494949; font-size: 18px; } .banner .right ul li a:hover{ color: #e10000; } .model_ul li a:hover{ color: #e10000; } .ul_list2 li a:hover{ color: #e10000; } .ul_list3 li a:hover{ color: #e10000; } .banner .right ul li span { position: absolute; top: 0px; right: 0px; color: #919191; font-size: 14px; } .t1 { color: #494949; font-size: 22px; position: relative; cursor: pointer; font-weight: bold; padding-bottom: 2px; background: no-repeat center left; } .t1 span { display: inline-block; padding: 5px 0px; color: white; padding: 6px 28px 6px 21px; background-size: 100% 100%; } .t1 a { top: 6px; color: white; } .banner .w1200>.right ul { padding: 17px 0px; } .banner .w1200>.right ul ul { padding-bottom: 0px; border-top: 1px dashed #adadad; } .super1 { margin: 43px auto; } .super1 ul li { float: left; width: 278px; height: 88px; margin-left: 18px } .super1 ul li a { display: block; color: #333; height: 100%; text-align: center } .super1 ul li a:hover { color: #c00; } .super1 ul li a img { width: 100%; height: 100%; /* margin: 5px 0; */ } .super1 ul li a p { text-align: center; font-size: 14px; line-height: 15px; } .super1 #prev_2 { left: -10px; background-position: 0 0; } .super1 #next_2 { right: -10px; background-position: -46px 0; } .super1 .chanpin_page { position: absolute; top: 50%; width: 43px; height: 43px; margin-top: -25px; display: inline-block; background: no-repeat; z-index: 111; } .tv { display: block; width: 100%; text-align: center; margin-bottom: 23px; } .w380 { width: 380px; margin-left: 30px; } .list_cf>.left:first-child { margin-left: 0px; } .model_ul li { white-space: nowrap; overflow: hidden; text-overflow: ellipsis; font-size: 18px; margin-top: 18px; display: block; } .model_ul li:before { content: ""; display: inline-block; width: 6px; height: 6px; background: #dcdcdc; border-radius: 6px; margin-right: 10px; position: relative; top: -2px; } .title2 { position: relative; padding-bottom: 13px; border-bottom: 1px solid #e4e4e4; margin-bottom: 20px; box-sizing: border-box; } .title2:before { content: ""; display: inline-block; width: 5px; height: 23px; position: relative; top: 4px; margin-right: 10px; background: #e10000; /*float: left;*/ } .title2 span { color: #333333; font-size: 22px; font-weight: bold; } .title2 a { float: right; color: #9d9d9d; font-size: 14px; top: 8px; position: relative; } .xxpt { margin: 42px auto; } .xxpt img { display: block; width: 100%; } .title3 { border-bottom: 2px solid #e8e8e8; box-sizing: border-box; } .title3 a { color: #b50000; font-size: 22px; display: inline-block; width: 120px; height: 42px; line-height: 42px; margin-right: 5px; text-align: center; position: relative; top: 1px; } .title3 a.on { color: white; width: 120px; height: 42px; line-height: 42px; margin-right: 16px; text-align: center; background: #d70916; /* position: relative; */ /* top: 1px; */ } .title3 a.on:before { content: ""; position: absolute; left: 50%; transform: translatex(-50%); bottom: -8px; width: 0; height: 0; border-left: 6px solid transparent; border-right: 6px solid transparent; border-top: 8px solid #d70916; } .content_f { margin-bottom: 35px; } .content_f .con_t { padding: 30px 0px; padding-left: 279px; position: relative; border-bottom: 1px dashed #e8e8e8; } .content_f .con_t:first-child .con_t { padding-bottom: 0px; border: none; } .content_f p { position: absolute; left: 0px; width: 260px; height: 153px; } .content_f p img { display: block; width: 100%; height: 100%; } .content_f p label { position: absolute; left: 0px; bottom: 0px; width: 100%; padding: 5px 0; background: rgba(0, 0, 0, 0.5); text-align: center; overflow: hidden; height: 20px; } .content_f p label a { color: white; font-size: 14px; display: block; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } .w790 { width: 790px; } .w373 { width: 373px; } .ul_list4 li { padding: 6px 0px; display: inherit; line-height: 27px; overflow: hidden; height: 27px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } .ul_list2 li a { color: #212121; font-size: 18px; } .ul_list2 li a { color: #212121; font-size: 17px; } .con_t {} .title3 .more { float: right; color: #9d9d9d; font-size: 14px; top: 0px; position: relative; width: auto; } .c2_l>.right dl dd { margin: 15px 0px; position: relative; font-size: 28px; text-align: center; color: #000000; height: 80px; background: #e3e3e3; line-height: 80px; } .c2_l>.right dl dd a { color: #000000; } .c2_l>.right dl dd:hover { background: #cd0110; color: #fff; } .c2_l>.right dl dd:hover a { color: #fff; } .c2_l>.right dl dd:first-child { margin-top: 30px; } .w586 { width: 586px; } .c3_b .con_t { padding-left: 215px; position: relative; margin-bottom: 30px; } .c3_b .con_t p { position: absolute; left: 0px; width: 200px; height: 167px; } .c3_b .con_t p img { display: block; width: 100%; height: 100%; } .c3_b .con_t p label { position: absolute; left: 0px; bottom: 0px; width: 100%; padding: 5px 0; background: rgba(0, 0, 0, 0.5); text-align: center; overflow: hidden; height: 20px; } .c3_b .con_t p label a { color: white; font-size: 14px; display: block; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } .c3_b .con_t .ul_list4 li { padding: 3px 0px; } .c3_b .con_t .ul_list4 li:before { content: ""; display: inline-block; width: 6px; height: 6px; background: #dcdcdc; border-radius: 6px; margin-right: 10px; position: relative; top: -2px; } .w385 { width: 385px; } .list-cel1 { width: 100%; margin: 0px auto; position: relative; } .list-cel1>a { position: relative; display: block; } .list-cel1>a img { display: block; } .list-cel1>label { position: absolute; left: 0px; top: 100px; width: 100%; padding: 5px 0; background: rgba(0, 0, 0, 0.5); text-align: center; display: block; overflow: hidden; height: 20px; } .list-cel1>label a { color: white; font-size: 14px; display: block; } .c4 .ul_list4 li:before { content: ""; display: inline-block; width: 6px; height: 6px; background: #dcdcdc; border-radius: 6px; margin-right: 10px; position: relative; margin-left: 6px; top: -2px; /* transform: rotate(45deg); */ } .c4 .ul_list4 { margin-top: 10px; } .c4 .ul_list4 li { padding: 8px 0px; } .c4 .list-cel1>div { height: 220px; position: relative; overflow: hidden; } .c4 .list-cel1>div img { display: block; width: 100%; min-height: 100%; } .c4 .list-cel1>div label { position: absolute; bottom: 0px; padding: 10px 2%; width: 96%; color: white; font-size: 16px; background:rgba(0,0,0,0.25); } .c4 .list-cel1>div label a{ color:white; } .c4 .list-cel1>a img{ display: block; width: 100%; } .w795{ width:795px; } .w350{ width:350px; } .c5_vm>.right{ padding: 22px 15px 44px 15px; width: 310px; border: 1px solid #e4e4e4; background: #fbfbfb; } .tzgg{ color:#333333; font-size:22px; text-align: center; margin-bottom:20px; } .tzgg a{ color:#333333; font-size:22px; font-weight:bold; } .tzgg span{ color:#d6d6d6; } .ul_list3 li{ padding: 8px 0px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } .ul_list3 li:before{ content: ""; display: inline-block; width: 6px; height: 6px; background: #dcdcdc; border-radius: 6px; margin-right: 10px; position: relative; top: -2px; } .ul_list3 li a{ color:#333333; font-size:16px; } .c5_t{ padding:0px 30px; background:#fbfbfb; border:1px solid #e5e5e5; margin-top:30px; } .c5_t dl{ padding: 23px 0px; border-top:1px dashed #e5e5e5; font-size:18px; color: #000; height: 123px; position: relative; overflow: hidden; } .c5_t dl a{ color: #000;; } .c5_t dl dt{ font-size:20px; margin-bottom:7px; font-weight: bold; } .c5_t dl:first-child{ border: none; } .c5_t dl dd{ line-height:30px; text-overflow: -o-ellipsis-lastline; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 3; -webkit-box-orient: vertical; } .c5_t dl dd span{ color:#d70915; } .c5_t dl dt:before { content: ""; display: inline-block; width: 6px; height: 6px; background: #d60815; /* border-radius: 6px; */ margin-right: 10px; position: relative; transform: rotate(45deg); top: -2px; } .p-ab { position: absolute; z-index: 1111; } .prev { position: absolute; left: 0; top: 50%; margin-top: -45px; width: 60px; height: 90px; opacity: .5; filter: alpha(opacity=50); -moz-opacity: 0.5; clear: both; z-index: 1111; } .next_1 { right: -18px; top: 50%; margin-top: -45px; width: 60px; height: 90px; opacity: .5; filter: alpha(opacity=50); -moz-opacity: 0.5; } .c6 .list-cel1>div { height: 220px; position: relative; overflow: hidden; } .c6 .list-cel1>div img { display: block; width: 100%; min-height: 100%; } .c6 .list-cel1>div label { position: absolute; bottom: 0px; padding: 10px 2%; width: 96%; color: white; font-size: 16px; background:rgba(0,0,0,0.25); } .c6 .list-cel1>div label a{ color:white; } .c6 .list-cel1>a img{ display: block; width: 100%; } .c6 .ul_list4 { margin-top: 10px; } .c6 .ul_list4 li { /* padding: 2px 0px; */ } .c6 .ul_list4 li:before { content: ""; display: inline-block; width: 6px; height: 6px; background: #dcdcdc; border-radius: 6px; margin-right: 10px; position: relative; margin-left: 6px; top: -2px; /* transform: rotate(45deg); */ } .lb_2 { margin: 0 auto; padding-top: 10px;overflow-y: auto;} .lb_2 a{ float: left; padding:0px 11px; margin-bottom:6px; color:#000; font-size:18px; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; border-right:1px solid #676767; box-sizing: border-box; text-align: center; } .lb_2 a:last-child{ border:none; } .lb_2 a:hover {color:#c00; text-decoration: none;}