/*频道页menu*/ .in_head { background: linear-gradient(to bottom, #f8f8f8, #eee); border-bottom:1px solid #e5e5e5; } .in_head .fl { color:#888;} .in_menu { float:right; font-size:14px; } .in_menu a { margin:0 0 0 20px; } .in_menu a:hover { text-decoration:underline; } .in_nav { width:100%; background:#2577E3; height:45px; line-height:45px; color:#fff; font-size:15px; margin-bottom:15px; } .in_nav ul { width: 100%; -webkit-box-orient: horizontal; -moz-box-orient: horizontal; box-orient: horizontal; display: -webkit-box; display: -moz-box; display: box; margin: auto; } .in_nav li { -webkit-box-flex: 1; -moz-box-flex: 1; box-flex: 1; text-align: center; } .in_nav li a { color:#fff; display:block;} .in_nav li a:hover, .in_nav li a.cur { font-weight:bold; position:relative; z-index:1} .in_nav li a:hover:after, .in_nav li a.cur:after { content:""; width:30px; height:2px; background:#fff; position:absolute; left:50%; margin-left:-15px; bottom:7px; } .advtxt { background: #F8F8F8; position: relative; z-index: 1; border: 1px solid #eee; height: 65px; } .advtxt_tit { position: absolute; top: -1px; left: -1px; width: 30px; background: #d1dae1; padding: 13px 4px; text-align: center; cursor: pointer; line-height: 20px; font-size: 12px; color: #4f7c87; height: 67px; box-sizing:border-box; } .advtxt_list { padding: 10px 25px 0 50px; } .advtxt_list li { width: 20%; float: left; font-size: 13px; height: 24px; line-height: 24px; overflow: hidden; } .advtxt_list li a { color: #4f7c87; } .in_topnew { margin-bottom:20px;} .in_topnew li { margin-top: 15px; border-bottom: #eee 1px solid; padding-bottom: 15px; } .in_topnew li:first-child { margin-top:5px;} .in_topnew .name { font-weight: bold; font-size: 20px; color: #333333; margin-bottom: 10px; text-align:center; } .in_topnew .content { font-size: 14px; color: #767676; line-height: 25px; } .in_top_r {} .in_top_r li { display: flex; align-items: center; justify-content: space-between; border-bottom: #eee 1px solid; padding: 15px 0; } .in_top_r li .logo { width: 20px; height: 19px; } .in_top_r li img { width: 100%; height: 100%; } .in_top_r li .img { width: 93px; height: 60px; text-align: center; border: 1px solid #eee; } .in_top_r li .img img { width: 85px; height: 54px; margin-top: 4px; } .in_top_r li .text { width: 55%; } .in_top_r li .text .name { font-size: 15px; color: #333333; line-height: 24px; } .in_top_r li .text .ctn { font-size: 13px; color: #A6A6A6; line-height: 32px; } .in_title { border-bottom:3px solid #f0f0f0; height:50px; } .in_title .theme { display:block; float:left; position:relative; z-index:1; font-size:19px; color:#222; padding:0 7px; line-height:50px; } .in_title .theme:before { content:""; position:absolute; z-index:5; left:0; bottom:-3px; width:100%; height:3px; background:#2577E3; } .in_title .more { display:block; float:right; font-size:14px; line-height:30px; margin-top:12px; color:#888; } .in_title .more:hover { color:#2577E3;} .in_left_box { border: 1px solid #E5E5E5; padding: 10px; } .in_cent_box { margin-bottom:20px; } .in_cent_box:last-child { margin-bottom:0;} .in_cent_box .jd_n_imgs { margin-top:0; } .in_cent_box:last-child { border-bottom:none;} .in_rig_box li { font-size: 14px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; position: relative; z-index: 1; height: 40px; line-height: 40px; border-bottom:1px solid #eee; } .in_rig_box li:last-child { border-bottom:none;} .in_like .home_five_top span { height:160px;} /*列表页*/ .fixednav { position: fixed; top: 0px; width: 100%; z-index: 99; background:#fff; } .in_onmain { width:850px; float:left; margin:20px 0; } .in_onside { width:300px; float:right; margin:20px 0; } .in_box { } .telist_u li { border-bottom:1px solid #eee; padding:20px 0; width:100%; box-sizing:border-box; float:left; } .telist_u li:first-child { padding-top:0;} .telist_u li:last-child { border-bottom:none; } .telist_u li .pic { width:210px; height:120px; float:left; position:relative; z-index:1; margin-right:20px; overflow:hidden; background:#eee; } .telist_u li .pic img { height:100%; position: absolute; transform: translate(-50%,-50%); top: 50%; left: 50%; } .telist_u li .itt { font-size:18px; line-height:22px; margin-bottom:16px; } .telist_u li .itt .j { display:inline-block; width:22px; border:1px solid #EB2E2E; color:#EB2E2E; border-radius:3px; text-align:center; font-size:15px; margin-right:5px; } .telist_u li .info { line-height:24px; max-height:48px; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp:2; -webkit-box-orient:vertical; font-size: 13px; font-weight: 400; color: #828a92; margin-bottom:8px; } .telist_u li .ano { height:20px; line-height:20px; } .telist_u li .ano .time { display:block; float:left; margin-right:10px; color:#999; margin-left:10px; } .telist_u li .tag { display:block; float:left; } .telist_u li .tag a { background:#f5f5f5; line-height:20px; padding:0 7px; display:block; float:left; margin-right:12px; color:#999; } .telist_u li .tag a:hover { color:#2F95EA; background:#e6f1f9; } .telist_rbox { border:1px solid #eee; padding:0 15px; margin-bottom:15px; width:300px; box-sizing:border-box; } .telist_rbox .title { border-bottom:1px solid #eee; padding:10px 0; line-height: 1.35; } .telist_rbox .title b { display:block; float:left; color: #2c2e3b; font-size: 20px; font-weight:normal; } .inlist_top { padding:10px 0; } .inlist_top li { font-size: 14px; color: #333333; line-height: 33px; display: flex; justify-content: space-between; } .inlist_top li span { font-size: 14px; color: #333; font-style:italic; width: 20px; } .inlist_top li:nth-child(1) span { color: #E10000; } .inlist_top li:nth-child(2) span { color: #FF7200; } .inlist_top li:nth-child(3) span { color: #FFB400; } .inlist_top li a { display: inline-block; width:-webkit-calc(100% - 30px); width:-moz-calc(100% - 30px); width:calc(100% - 30px); } .adve2 { width:100%; margin-top:30px; overflow:hidden;} .adve2 img { width:100%;} /*详情页*/ .details {} .dtop_item { border-top:1px solid #666; border-bottom:1px solid #666; padding:15px 0; margin-top:10px; } .dtitle { text-align: left; font-size:26px; line-height: 45px; margin-bottom: 10px; color: #000000; } .dtop_item .info { height: 30px; line-height: 30px; font-size: 14px; } .dtop_item .info img { vertical-align:middle; margin-right:5px;} .dtop_item .info span { display: inline-block; margin-right: 30px; color: #999; } .smalltext { background: #f5f5f5; padding: 10px 15px; font-size: 15px; color: #555; border-radius: 5px; line-height: 26px; } .smalltext .answer { border: 1px solid #167AF4; padding: 2px 6px; margin-right: 8px; border-radius: 7px; font-size: 14px; color: #167AF4; } .in_content { font-size: 16px; line-height: 32px; color: #333; padding: 20px 0; } .in_content p { padding: 10px 0; } .in_content img { max-width:90%; } .n_down { display: flex; justify-content: space-between; align-items: center; background:#f5f5f5; margin: 20px 0; } .n_down li { width: 50%; height: 108px; padding:18px 20px; box-sizing: border-box; position:relative; z-index:1; } .n_down li:after { content:""; position:absolute; right:0; top:20%; width:1px; height:60%; background:#ddd; } .n_down li:last-child { border-right:none;} .n_down li p:first-child { font-size: 14px; color: #666666; line-height:30px; } .n_down li p:last-child { font-size: 18px; font-weight:bold; color: #333333; line-height: 45px; } .ult_jpic {} .ult_jpic li { padding: 20px 0px; border-bottom:1px solid #EEEEEE; width:100%; float:left; } .ult_jpic li:last-child { border-bottom:none; } .ult_jpic li .pic { overflow: hidden; width: 160px; height: 100px; float:left; margin-right:30px; position:relative; z-index:1; } .ult_jpic li .pic img { height:100%; position: absolute; transform: translate(-50%,-50%); top: 50%; left: 50%; } .ult_jpic li .text { width:-webkit-calc(100% - 200px); width:-moz-calc(100% - 200px); width:calc(100% - 200px); float:left; } .ult_jpic li .text h4 { font-size: 16px; font-weight: 500; color: #333; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; line-height:32px; height:32px; margin-top:10px; } .ult_jpic li .text .time_tag { color: #a8a8a8; font-size: 14px; margin-top: 10px; line-height: 30px; } .ult_jpic li .text .tags { display:block; float:left; margin-right:30px; } .ult_jpic li .text .tags a { display:inline-block; background:#FFF; margin-right:10px; color: #bfbfbf; border: #bfbfbf 1px solid; line-height: 22px; border-radius: 15px; margin-top:3px; padding:0 7px; } .ult_jpic li .text .times { color:#777; } .in_newlist { overflow:hidden; margin:12px 0;} .in_newlist li { font-size: 14px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; position: relative; z-index: 1; padding-left: 15px; height: 35px; line-height: 35px; } .in_newlist li:before { content: ""; position: absolute; z-index: 9; width: 4px; height: 4px; background: #ccc; top: 16px; left: 0; } /*page*/ .pages { font-size: 14px; text-align: center; width: 100%; clear:both; } .pages ul { list-style-type: none; display: inline-block; text-align: center; margin:0 0 30px 0; } .pages ul li { padding: 0; margin: 0; display:inline-block; } .pages li a, .pages li input { height: 20px; line-height: 20px; border: 1px solid #ddd; padding: 6px 12px; float: left; margin-left: 8px; text-decoration: none; font-size: 14px; color: #666; background-color: #fff; } .pages .current a { font-weight: 700; background: #f56f50; color: #fff; border-color: #e4393c; } .pages a:hover { background:#efefef; color:#333; } .pages span { background: #FFF; display: block; height: 20px; line-height: 20px; border: 1px solid #ddd; padding: 6px 12px; float: left; margin-left: 8px; text-decoration: none; font-size: 14px; color: #666; background-color: #fff; } .pages li.active span { background: #2577E3; color: #FFF; } /*频道页*/ .channel_right { width:300px; float:right;} .channel_left { width:320px; float:left; margin:20px 0 0 0; } .jd_left_title { position: relative; } .jd_left_title span { position: absolute; left: 0; background: #2577E3; height: 14px; width: 3px; top: 4px; } .jd_left_title b { margin-left: 10px; font-size: 16px; color: #333333; } .lv_xl { overflow:hidden;} .lv_xl li { font-size: 15px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; position: relative; z-index: 1; padding-left: 15px; height: 33px; line-height: 33px; } .lv_xl li:before { content: ""; position: absolute; z-index: 9; width: 4px; height: 4px; background: #0086F6; top: 16px; left: 0; } .jd_n_imgs { margin-top:15px; margin-bottom:10px; } .jd_n_imgs .img { width:190px; height:120px; overflow:hidden; float:left; } .jd_n_imgs .img img { width: 100%; height: 100%; display: block; } .jd_n_imgs .text { width:-webkit-calc(100% - 210px); width:-moz-calc(100% - 210px); width:calc(100% - 210px); float:right; } .jd_n_imgs .text .name { font-size: 15px; color: #333333; line-height: 23px; } .jd_n_imgs .text .content { font-size: 13px; color: #929292; line-height: 23px; margin-top: 5px; } .jd_n_imgs .text .content a { color:#888;} .jd_n_imgs .text .time { font-size: 13px; color: #666666; line-height: 23px; margin-top: 15px; } .channel_left_item { margin-top: 15px; } .channel_left_item li { position: relative; margin-top: 6px; width: 49%; height: 90px; float:left; } .channel_left_item li:first-child { width: 100%; height: 120px; margin-top:0; } .channel_left_item li:nth-child(2n+1) { float:right;} .channel_left_item li img { width: 100%; height: 100%; } .channel_left_item li .text { position: absolute; left: 0; bottom: 0; width:100%; height:36px; line-height:36px; font-size: 14px; box-sizing:border-box; padding:0 12px; color: #FFFFFF; background:url(../images/bnner.png) no-repeat center bottom; background-size:100% 160%; display:block; } .channel_load { overflow:hidden;} .channel_load li { font-size: 14px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; position: relative; z-index: 1; padding-left: 15px; height: 33px; line-height: 33px; } .channel_load li:before { content: ""; position: absolute; z-index: 9; width: 4px; height: 4px; background: #0086F6; top: 16px; left: 0; } .jd_menpiao { background: #F9F9F9; margin-top:15px; } .jd_menpiao .title_s { border-top: #eee 1px solid; height: 44px; line-height: 44px; display: flex; justify-content: space-between; align-items: center; padding-top:5px; } .jd_menpiao .title_s p { padding-right: 20px; padding-left: 20px; font-size: 16px; color:#2577E3; } .jd_menpiao .mp_list { padding: 0 20px; box-sizing: border-box; padding-bottom: 16px; } .jd_menpiao .mp_list li { font-size: 15px; color: #333333; height:33px; line-height: 33px; display: flex; justify-content: space-between; overflow:hidden; } .jd_menpiao .mp_list li span { font-size: 14px; color: #333; line-height: 32px; font-style:italic; margin-right: 6px; width: 20px; } .jd_menpiao .mp_list li:nth-child(1) span { color: #E10000; } .jd_menpiao .mp_list li:nth-child(2) span { color: #FF7200; } .jd_menpiao .mp_list li:nth-child(3) span { color: #FFB400; } .jd_menpiao .mp_list li a { display: inline-block; width:-webkit-calc(100% - 35px); width:-moz-calc(100% - 35px); width:calc(100% - 35px); } .notice { overflow: hidden; } .notice .tab-hd { } .notice .tab-hd ul { display: flex; border: 3px solid #2577E3; border-bottom: none; margin-top: 0; } .notice .tab-hd li{ width: 50%; text-align: center; height: 33px; font-size: 17px; line-height: 30px; color: #fff; cursor: pointer; background-color: #2577E3; } .notice .tab-hd li.on{ background-color: #fff !important; color: #000 !important; } .notice .tab-bd {} .notice .item1 { width: 100%; height: 132px; position: relative; overflow: hidden; margin-bottom: 12px; margin-top:15px; } .notice .item1 img { width: 100%; height: auto; } .notice .item1 span { position: absolute; left: 0; bottom: 0; padding: 0 10px; width: calc(100% - 20px); padding-bottom: 10px; font-size: 14px; color: #FFFFFF; background: -webkit-gradient(linear,left top,left bottom,color-stop(8%,transparent),color-stop(40%,rgba(0,0,0,.24)),color-stop(47%,rgba(0,0,0,.29)),color-stop(95%,rgba(0,0,0,.65))); background: linear-gradient(180deg,transparent 8%,rgba(0,0,0,.24) 40%,rgba(0,0,0,.29) 47%,rgba(0,0,0,.65) 95%); } .notice .item1 span a { color: #ffffff; } .home_five_new { border-top:1px solid #e8e8e8; padding-top:15px; margin-top:12px; } .home_five_new li { height: 36px; line-height: 36px; overflow: hidden; font-size: 14px; } .home_five_new li b { display:block; /*float:left; width:-webkit-calc(100% - 50px); width:-moz-calc(100% - 50px); width:calc(100% - 50px);*/ position: relative; z-index: 1; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; height: 36px; line-height: 36px; font-weight:normal; } .home_five_new li span { display:none; float:right; color:#999; font-size:12px; } .home_five_list { width:-webkit-calc(25% - 12px); width:-moz-calc(25% - 12px); width:calc(25% - 12px); float:left; margin-right:15px; margin-top:25px; } .home_five_list:nth-child(4n) { float:right; margin-right:0; } .home_five_top {} .home_five_top span { display:block; height:240px; position:relative; z-index:1; overflow:hidden; } .home_five_top span img { position: absolute; transform: translate(-50%,-50%); top: 50%; left: 50%; width: 100%; } .home_five_top h4 { height: 35px; line-height: 35px; font-size: 15px; font-weight: normal; margin: 5px 0 0 0; overflow: hidden; } .home_five_top p { font-size: 13px; line-height: 24px; overflow: hidden; height: 24px; color: #999; } .jxlx_cpic { overflow:hidden; } .jxlx_cpic li { width:48.5%; float:left; } .jxlx_cpic li:nth-child(2n) { float:right; } .jxlx_cpic li span { display:block; width:100%; height:95px; overflow:hidden; position:relative; z-index:1; } .jxlx_cpic li span img { height:100%; position: absolute; transform: translate(-50%,-50%); top: 50%; left: 50%; } .jxlx_cpic li h3 { height:40px; line-height:40px; font-size:14px; margin-top:2px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; } .jxlx_ctxt { border-top: 1px dotted #E2E2E2; padding-top:10px; overflow:hidden; } .jxlx_ctxt li { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; height:34px; line-height:34px; font-size:14px; position:relative; padding-left:15px; } .jxlx_ctxt li:before { content: ""; position: absolute; left: 0; top: 50%; width: 4px; height: 4px; margin-top:-2px; background: #0086F6; } .bkList { margin-top:15px; } .bkList li { width:100%; float:left; box-sizing:border-box; padding:0px 10px; } .bkList li:nth-child(1) .num { color:#E10000; } .bkList li:nth-child(2) .num { color:#FF7200; } .bkList li:nth-child(3) .num { color:#FFB400; } .bkList li .num{ font-size:14px; color:#434343; width:20px; height:20px; float:left; line-height:20px; text-align:center; margin-top:10px; margin-right:10px; border-radius:3px; font-style:italic; } .bkList li .cot { float:right; width:-webkit-calc(100% - 30px); width:-moz-calc(100% - 30px); width:calc(100% - 30px); overflow:hidden; } .bkList li .bk_title { height:40px; line-height:40px; font-size:14px; overflow:hidden; width:100%; float:left; } .bkList li .bk_pic { width:100px; height:65px; float:left; overflow:hidden; position:relative; z-index:1; display:none; } .bkList li .bk_pic img { position: absolute; transform: translate(-50%,-50%); top: 50%; left: 50%; width:100%; } .bkList li .bk_cont { width:-webkit-calc(100% - 110px); width:-moz-calc(100% - 110px); width:calc(100% - 110px); float:right; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp:2; -webkit-box-orient:vertical; line-height:24px; height:48px; display:none; font-size:14px; margin-top:5px; } .bkList li.on { background:#f5f5f5; padding:15px 10px; margin-bottom:5px; } .bkList li.on .num { margin-top:0; } .bkList li.on .bk_title { display:none; } .bkList li.on .bk_pic, .bkList li.on .bk_cont { display:block; } .jxlx_cul { border:1px solid #E5E5E5; padding:10px; margin-top:15px; } .pic-txt-a { background-color: #f4f4f4; margin-bottom: 10px; height: 85px; position: relative; z-index: 1; } .pic-txt-a .pic { display: block; float: left; width: 140px; height: 85px; overflow: hidden; position: relative; } .pic-txt-a .pic img { display: block; height: 100%; position: absolute; transform: translate(-50%,-50%); top: 50%; left: 50%; } .pic-txt-con { width: -webkit-calc(100% - 160px); width: -moz-calc(100% - 160px); width: calc(100% - 160px); float: right; margin-right: 10px; } .pic-txt-con .sTit { line-height: 26px; margin-top: 18px; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp:2; -webkit-box-orient:vertical; font-size:15px; } .switch-a-box { overflow: hidden; margin: 15px 0 0 0; } /*频道2*/ .net_der { position: relative; width:100%; height:250px; overflow: hidden; border-radius:5px; margin:0 0 20px 0; } .net_der .pic{ position:relative; z-index:1; } .net_der .pic img { width:100%; height:250px; } .net_der .pic li { position:relative; z-index:1; } .net_der .pic li b { display:block; position:absolute; left:0; bottom:0; z-index:5; background:rgba(0,0,0,.5); width:100%; height:56px; line-height:40px; color:#FFF; box-sizing:border-box; padding:0 20px; font-weight:normal; font-size:15px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; } .net_der .hd { width:100%; position: absolute; z-index:11; bottom: 8px; font-size:0; z-index:1; right:0; text-align:center; } .net_der .hd li{ margin: 0 3px; background:#fff; height: 6px; overflow: hidden; width: 6px; cursor: pointer; display:inline-block; border-radius:5px } .net_der .hd .on{ background:#2577E3; width:18px; } .net_der .prev, .net_der .next { width: 40px; height: 60px; margin: -30px 0 0; display: none; background:rgba(255,255,255,.75); position: absolute; top: 50%; z-index: 10; cursor: pointer; text-indent: -9999px; filter:alpha(opacity=20); opacity:0.2; } .net_der .prev { left: 0; } .net_der .next { right: 0; } .net_der .prev:before,.net_der .next:before { content:""; position: absolute; top: 27px; right: 12px; width: 18px; height: 18px; border-style: solid; border-width: 2px 2px 0 0; border-color: #000; -webkit-transform-origin: 75% 25%; -webkit-transform: rotateZ(45deg); -webkit-transition: 100ms ease-in .1s; transition: 100ms ease-in .1s; } .net_der .prev:before { -webkit-transform: rotateZ(225deg); right:auto; left:4px; } .net_der .prev:hover, .net_der .next:hover { filter:alpha(opacity=50) !important; opacity:0.5 !important; } .net_ol_a {} .net_ol_a li { background-color: #f4f4f4; margin-top: 15px; height: 100px; position: relative; z-index: 1; width:100%; float:left; border-radius:5px; overflow:hidden; } .net_ol_a li .pic { display: block; float: left; width: 140px; height: 100px; overflow: hidden; position: relative; } .net_ol_a li .pic img { display: block; height: 100%; position: absolute; transform: translate(-50%,-50%); top: 50%; left: 50%; } .net_ol_a li .con { width: -webkit-calc(100% - 160px); width: -moz-calc(100% - 160px); width: calc(100% - 160px); float: right; margin-right: 10px; } .net_ol_a li .con b { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; display:block; font-size:14px; height:32px; line-height:32px; margin-top:10px; } .net_ol_a li .con p { overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp:2; -webkit-box-orient:vertical; line-height:20px; height:40px; font-size:13px; color:#888; } .net_oc_a { overflow:hidden; border-bottom:1px dotted #ccc; padding:12px 0; } .net_oc_a:first-child { padding-top:0; margin-top:-7px;} .net_oc_a:last-child { border-bottom:none;} .net_oc_a li { font-size: 14px; height: 34px; line-height: 34px; } .net_oc_a li b { display: block; float: left; width: -webkit-calc(100% - 65px); width: -moz-calc(100% - 65px); width: calc(100% - 65px); overflow: hidden; text-overflow: ellipsis; white-space: nowrap; font-weight: normal; position: relative; z-index: 1; padding-left: 20px; } .net_oc_a li b:before { content: ""; position: absolute; left: 0; top: 50%; width: 6px; height: 6px; background: #fff; margin-top: -4px; border:1px solid #2577E3; border-radius:50%; } .net_oc_a li span { display: block; float: right; color: #999; font-size: 12px; } .net_oc_a li:first-child b { text-align:center; font-size:18px; font-weight:normal; color:#FF6600; width:100%; padding:0; } .net_oc_a li:first-child a { color:#2577E3;} .net_oc_a li:first-child span { display:none;} .net_oc_a li:first-child b:before { display:none;} .net_index_ta { height:36px; line-height:20px; border-bottom:1px solid #e3e3e3; } .net_index_ta b { display:block; float:left; font-size:18px; color:#222; } .net_index_ta .more { background:url(../images/more.png) no-repeat right center; padding:0 32px 0 0; color:#2577E3; font-size:14px; display:block; float:right; } .nursingList { height:350px; overflow:hidden; margin:15px 0 0 0; } .nursingList li { height:20px; margin-bottom:18px; } .nursingList li:last-child { margin-bottom:0; } .nursingList li:nth-child(1) .num { background:#FA4E57; } .nursingList li:nth-child(2) .num { background:#FA7A53; } .nursingList li:nth-child(3) .num { background:#FBC258; } .nursingList li .num{ font-size:13px; color:#fff; background:#bcbcbc; width:20px; height:20px; display:block; float:left; line-height:20px; text-align:center; margin-right:10px; border-radius:5px; } .nursingList li .tab-tit { font-size:15px; line-height:20px; float:right; width:-webkit-calc(100% - 30px); width:-moz-calc(100% - 30px); width:calc(100% - 30px); overflow: hidden; text-overflow: ellipsis; white-space: nowrap; } .nursingList li .tab-con { display:none; margin-top:15px; } .nursingList li.on { height:auto; } .nursingList li.on .tab-con { display:block; } .nursingList li.on .pubpic{ display:block; width:100px; height:70px; float:left; overflow:hidden; position:relative; background:#eee; border-radius:5px; } .nursingList li.on .pubpic img { display: block; height: 100%; position: absolute; transform: translate(-50%,-50%); top: 50%; left: 50%; } .nursingList li.on .tabclass { float:right; width:-webkit-calc(100% - 115px); width:-moz-calc(100% - 115px); width:calc(100% - 115px); line-height:22px; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp:3; -webkit-box-orient:vertical; height:66px; color:#999; font-size:12px; } .net_or_a { } .net_or_a li { position:relative; z-index:1; margin-bottom:12px; border-radius:5px; overflow:hidden; } .net_or_a li:last-child { margin-bottom:0; } .net_or_a li span { display:block; width:100%; height:168px; overflow:hidden; position:relative; z-index:1; } .net_or_a li span img { display: block; height: 100%; position: absolute; transform: translate(-50%,-50%); top: 50%; left: 50%; } .net_or_a li p { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; height:36px; line-height:36px; font-size:14px; position:absolute; z-index:9; bottom:0; left:0; width:100%; background-color:rgba(0,0,0,.5); box-sizing:border-box; padding:0 15px; color:#fff; } .net_box { margin:20px 0 0 0;} .net_b_l { width:840px; float:left; } .net_b_r { width:305px; float:right; } .net_b_la {} .net_b_la li { width:-webkit-calc(33% - 12px); width:-moz-calc(33% - 12px); width:calc(33% - 12px); float:left; margin-right:22px; margin-bottom:20px; background:#fff; border-radius:5px; overflow:hidden; -webkit-box-shadow:0 0 8px rgba(0, 0, 0, .15); -moz-box-shadow:0 0 8px rgba(0, 0, 0, .15); box-shadow:0 0 8px rgba(0, 0, 0, .15); } .net_b_la li:nth-child(3n) { float:right; margin-right:0; } .net_b_la li span { display:block; height:150px; overflow:hidden; position:relative; z-index:1; } .net_b_la li span img { position: absolute; transform: translate(-50%,-50%); top: 50%; left: 50%; height:100%; } .net_b_la li p { overflow: hidden; font-size:15px; line-height:45px; height:45px; margin:0 10px; } .net_b_ra { position: relative; z-index: 1; overflow: hidden; } .net_b_ra:before { content: ""; width: 1px; height: 100%; position: absolute; background: #e0e0e0; left: 10px; top: 0; z-index: 5; } .net_b_ra li { position:relative; z-index:11; margin-bottom:18px; width:100%; float:left; } .net_b_ra li:last-child { margin-bottom:0; } .net_b_ra li:before { content: ""; position: absolute; z-index:11; left: 2px; top: 9px; width: 12px; height: 12px; background: #fff; margin-top: -5px; border-radius: 50%; border:2px solid #2577E3; } .net_b_ra li .txt { padding:0 0 0 30px; } .net_b_ra li .txt i { display:block; background:#f2f2f2; color:#777; height:30px; line-height:30px; font-size:12px; width:100px; text-align:center; border-radius:5px; margin-bottom:5px; } .net_b_ra li .txt b { display: block; font-size: 16px; font-weight: normal; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; height:36px; line-height:36px; } .net_b_ra li .txt p { overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp:2; -webkit-box-orient:vertical; font-size:12px; color:#888; line-height:20px; height:40px; } .net_c_l { width:355px; float:left; } .net_c_c { width:465px; float:left; margin:0 0 0 25px; } .net_c_r { width:300px; float:right; } .net_c_la li { position:relative; z-index:1; margin-bottom:12px; overflow:hidden; border-bottom:1px dotted #e0e0e0; padding-bottom:20px; } .net_c_la li:last-child { border-bottom:none;} .net_c_la li .tits { height:24px; line-height:24px; font-size:16px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; margin-bottom:10px; font-weight:normal; } .net_c_la li .pics { width:120px; height:75px; float:left; overflow:hidden; position:relative; z-index:1; margin-right:15px; border-radius:5px; } .net_c_la li .pics img { height:100%; position: absolute; transform: translate(-50%,-50%); top: 50%; left: 50%; } .net_c_la li .conts { font-size:13px; color:#555; line-height:22px; height:44px; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp:2; -webkit-box-orient:vertical; margin-bottom:10px; } .net_c_la li .times { display:inline-block; color:#999; font-size:12px; } .net_c_la li:last-child { margin-bottom:0; } .net_c_la li a { display:block; } .net_c_la li a .net_c_lat { display: block; position: absolute; bottom: 0; padding: 15px 0 10px 0; width: 100%; background: -moz-linear-gradient(top,transparent,rgba(0,0,0,0.9)); background: -webkit-gradient(linear,left top,left bottom,color-stop(0,transparent),color-stop(1,rgba(0,0,0,0.9))); color: #fff; transition: .5s; -moz-transition: .5s; -webkit-transition: .5s; -o-transition: .5s; height:26px; } .net_c_la li a:hover .net_c_lat { height:80px; } .net_c_ca { } .net_c_ca .pic { width:100%; height:260px; overflow:hidden; position:relative; z-index:1; border-radius:5px 5px 0 0; } .net_c_ca .pic img { width:100%; position: absolute; transform: translate(-50%,-50%); top: 50%; left: 50%; } .net_c_ca .txt { border:1px solid #eee; border-top:none; padding:5px 8px 10px 15px; border-radius:0 0 5px 5px; } .net_c_ca .tit { font-size:18px; font-weight:bold; height:40px; line-height:40px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; } .net_c_ca .cot { font-size:14px; line-height:24px; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp:2; -webkit-box-orient:vertical; height:48px; } .net_c_cb { margin-top:10px; overflow:hidden; } .net_c_cb li { height:35px; line-height:35px; } .net_c_cb li b { float:left; display:block; font-weight:normal; font-size:14px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; width:-webkit-calc(100% - 70px); width:-moz-calc(100% - 70px); width:calc(100% - 70px); position:relative; z-index:1; padding-left:20px; } .net_c_cb li b:before { content: ""; position: absolute; left: 0; top: 50%; width: 6px; height: 6px; background: #fff; margin-top: -4px; border: 1px solid #2577E3; border-radius: 50%; } .net_c_cb li span { float:right; display:block; font-size:12px; color:#999; } .net_c_ra { width:100%; height:170px; overflow:hidden; position:relative; z-index:1; border-radius:5px; } .net_c_ra img { position: absolute; transform: translate(-50%,-50%); top: 50%; left: 50%; height: 100%; } .net_c_ra h4 { position: absolute; left: 0; bottom: 0; z-index: 9; background:rgba(0,0,0,.5); width: 100%; color: #FFF; line-height: 40px; height: 40px; } .net_c_ra h4 p { display: block; color: #FFF; font-size: 14px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; margin:0 10px; font-weight:normal; } .net_c_rb { margin: 10px 0; overflow:hidden; } .net_c_rb li { line-height: 32px; height: 32px; font-size: 14px; position:relative; z-index:1; padding-left:20px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; } .net_c_rb li:before { content: ""; position: absolute; left: 0; top: 50%; width: 6px; height: 6px; background: #fff; margin-top: -4px; border: 1px solid #2577E3; border-radius: 50%; } .net_d_list { margin:20px 0; } .net_d_list li { width:-webkit-calc(25% - 15px); width:-moz-calc(25% - 15px); width:calc(25% - 15px); position:relative; z-index:1; height:140px; overflow:hidden; float:left; margin-right:20px; border-radius:5px; } .net_d_list li img { width:100%; position: absolute; transform: translate(-50%,-50%); top: 50%; left: 50%; } .net_d_list li:nth-child(4n) { float:right; margin-right:0; } .net_d_list li .content { position:absolute; z-index:11; left:0; background-color:rgba(0,0,0,.5); color:#FFF; width:70%; top:50%; height:70px; margin-top:-35px; font-size:15px; line-height:24px; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp:2; -webkit-box-orient:vertical; box-sizing:border-box; padding:11px 5px 11px 13px; } .net_d_txt { margin:0 0 10px 0; } .net_d_txt .al { width:-webkit-calc(25% - 15px); width:-moz-calc(25% - 15px); width:calc(25% - 15px); position:relative; z-index:1; overflow:hidden; float:left; margin-right:20px; } .net_d_txt .al:nth-child(4n) { float:right; margin-right:0; } .net_d_txt .al li { line-height: 32px; height: 32px; font-size: 14px; position: relative; z-index: 1; padding-left: 20px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; } .net_d_txt .al li:before { content: ""; position: absolute; left: 0; top: 50%; width: 6px; height: 6px; background: #fff; margin-top: -4px; border: 1px solid #2577E3; border-radius: 50%; } .net_f { padding:20px 0 10px 0;} .net_f_ol { border:1px solid #2577E3; float: left; width: -webkit-calc(33% - 25px); width: -moz-calc(33% - 25px); width: calc(33% - 25px); margin-right: 40px; background: #FFF; border-radius:5px; overflow:hidden; } .net_f_ol:nth-child(3n) { float: right; margin-right: 0; } .net_f_ol h3 { height:50px; line-height:50px; background:#eee; padding:0 20px; font-size:18px; color:#333; font-weight:bold; } .net_f_ol ul { margin:10px 15px; height:360px; overflow:hidden; } .net_f_ol ul li { font-size: 14px; height: 40px; line-height: 40px; overflow: hidden; } .net_f_ol ul li i { display: block; float: left; width: 30px; font-weight:normal; font-style:italic; color:#666; font-size:16px; } .net_f_ol ul li:nth-child(1) i, .net_f_ol ul li:nth-child(2) i, .net_f_ol ul li:nth-child(3) i { color: #2577E3; } .net_f_ol ul li b { display: block; float: right; font-weight: normal; width: -webkit-calc(100% - 30px); width: -moz-calc(100% - 30px); width: calc(100% - 30px); overflow: hidden; text-overflow: ellipsis; white-space: nowrap; } .net_index_tf { border-bottom:1px solid #2577E3; height:50px; line-height:50px; background:#ebf1f8; padding:0 15px; } .net_index_tf b { display:block; text-align:center; font-size:20px; color:#2577E3; } /*频道3*/ .thr_one { margin:20px 0; } .thr_one_l { width:360px; float:left; } .thr_one_c { width:500px; float:left; margin:0 0 0 20px; } .thr_one_r { width:270px; float:right; } .thr_slider { position: relative; width: 100%; height: 240px; overflow: hidden; margin-bottom:0; border-radius:0; } .thr_slider .pic img { width:100%; height:240px;} .thr_one_la { padding:15px 0; border-bottom:1px dotted #c5c5c5; } .thr_one_la .pic { width:110px; height:70px; float:left; overflow:hidden; position:relative; z-index:1; } .thr_one_la .pic img { position: absolute; transform: translate(-50%,-50%); top: 50%; left: 50%; height:100%; } .thr_one_la .txt { width:-webkit-calc(100% - 125px); width:-moz-calc(100% - 125px); width:calc(100% - 125px); float:right; } .thr_one_la .txt b { display:block; font-weight:normal; height:22px; line-height:22px; overflow:hidden; font-size:16px; margin-bottom:5px; } .thr_one_la .txt p { overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp:2; -webkit-box-orient:vertical; line-height:20px; height:40px; font-size:12px; color:#888; } .thr_one_lb { overflow:hidden; margin-top:10px; } .thr_one_lb li { font-size: 14px; height: 32px; line-height: 32px; } .thr_one_lb li b { display: block; float: left; width: -webkit-calc(100% - 65px); width: -moz-calc(100% - 65px); width: calc(100% - 65px); overflow: hidden; text-overflow: ellipsis; white-space: nowrap; font-weight: normal; position: relative; z-index: 1; padding-left: 15px; } .thr_one_lb li b:before { content: ""; position: absolute; left: 0; top: 50%; width: 3px; height: 3px; background: #444; margin-top: -2px; } .thr_one_lb li span { display: block; float: right; color: #999; font-size: 12px; } .thr_one_ca { margin-bottom:20px; } .thr_one_ca h4 { margin-bottom:10px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; font-size: 20px; font-weight:normal; height:36px; line-height:36px; text-align:center; } .thr_one_ca h4 span { display: inline-block; font-size: 14px; color: #fff; padding: 0 12px; line-height:28px; background: #2577E3; border-radius: 15px; margin-right: 5px; vertical-align:text-top; } .thr_one_ca h4 a { color:#2577E3;} .thr_one_ca .con { font-size:14px; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp:2; -webkit-box-orient:vertical; line-height:24px; height:48px; color:#777; } .thr_one_cb { padding-top:10px; border-top:1px dotted #e5e5e5; margin-bottom:7px; height:250px; overflow:hidden; } .thr_one_cb:last-child { margin-bottom:0;} .thr_one_cb li { font-size: 14px; height: 35px; line-height: 35px; } .thr_one_cb li b { display: block; float: left; width: -webkit-calc(100% - 65px); width: -moz-calc(100% - 65px); width: calc(100% - 65px); overflow: hidden; text-overflow: ellipsis; white-space: nowrap; font-weight: normal; position: relative; z-index: 1; padding-left: 15px; } .thr_one_cb li b:before { content: ""; position: absolute; left: 0; top: 50%; width: 3px; height: 3px; background: #444; margin-top: -2px; } .thr_one_cb li span { display: block; float: right; color: #999; font-size: 12px; } .thr_one_ra {} .thr_one_ra li { width:100%; margin-bottom:13px; } .thr_one_ra li:last-child { margin-bottom:0; } .thr_one_ra li span { display:block; width:100%; height:160px; overflow:hidden; position:relative; } .thr_one_ra li span img { height:100%; position: absolute; transform: translate(-50%,-50%); top: 50%; left: 50%; } .thr_one_ra li p { line-height:32px; height: 32px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; font-size:14px; } .thr_one_rb {} .thr_one_rb li { border-bottom: 1px dotted #c5c5c5; padding:13px 0; width:100%; float:left; } .thr_one_rb li span { display:block; width:50px; height:50px; overflow:hidden; border-radius:50%; position:relative; float:left; margin-right:12px; } .thr_one_rb li span img { height:100%; position: absolute; transform: translate(-50%,-50%); top: 50%; left: 50%; } .thr_one_rb li p { font-size:14px; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp:2; -webkit-box-orient:vertical; line-height:24px; height:48px; overflow:hidden; margin-top:3px; } .thr_three { border: 1px solid #e3e3e3; padding: 20px 0px 15px; position: relative; margin-top: 35px; margin-bottom:20px; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; } .thr_three .news-bar { position: absolute; top: -25px; left: 30px; z-index: 1; height: 48px; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; background-color: #fff; } .thr_three .news-bar .text { display: inline-block; background-color: #fff; padding:0 10px; height: 48px; line-height: 48px; color: #2577E3; font-size: 20px; text-align: center; margin:0 12px; } .thr_three .news-bar .eng { font-size: 24px; color: #fcbda5; padding-right: 10px; } .thr_three .cont { padding:0 20px;} .thr_three .cont li { width:-webkit-calc(33% - 15px); width:-moz-calc(33% - 15px); width:calc(33% - 15px); float:left; margin-right:25px; position:relative; z-index:1; box-sizing:border-box; padding:0 0 0 15px; height:40px; line-height:40px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; font-size:15px; } .thr_three .cont li:nth-child(3n) { margin-right:0; float:right; } .thr_three .cont li:before { content: ''; position: absolute; left: 0; top: 50%; width: 4px; height: 4px; display: block; background-color: #444; } .thr_four { padding:20px 0 0 0; } .thr_four li { width:-webkit-calc(20% - 20px); width:-moz-calc(20% - 20px); width:calc(20% - 20px); float:left; margin-right:24px; margin-bottom:15px; } .thr_four li:nth-child(5n) { float:right; margin-right:0; } .thr_four li span { display:block; height:140px; overflow:hidden; position:relative; z-index:1; } .thr_four li span img { position: absolute; transform: translate(-50%,-50%); top: 50%; left: 50%; height: 100%; z-index:5; } .thr_four li p { font-weight: normal; font-size: 14px; margin-top: 5px; line-height: 24px; height: 24px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; } .thr_con_l { width: 880px; float: left; } .thr_con_r { width: 270px; float: right; } .thr_con_la { margin-top:20px; margin-bottom:20px; } .thr_con_la li { width:-webkit-calc(20% - 13px); width:-moz-calc(20% - 13px); width:calc(20% - 13px); float:left; margin-right:16px; position:relative; z-index:1; overflow:hidden; height:110px; } .thr_con_la li:nth-child(5n) { margin-right:0; } .thr_con_la li img { position: absolute; transform: translate(-50%,-50%); top: 50%; left: 50%; height:100%; z-index:5; } .thr_con_la li p { height:30px; line-height:30px; position:absolute; z-index:9; background-color:rgba(0,0,0,.5); left:0; bottom:0; width:100%; } .thr_con_la li p b { display:block; margin:0 10px; font-size:12px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; color:#fff; font-weight:normal; text-align:center; } .thr_con_lb { border-top:1px solid #e5e5e5; padding:10px 0 0 0; } .thr_con_lb li { padding:10px 0; width:-webkit-calc(50% - 10px); width:-moz-calc(50% - 10px); width:calc(50% - 10px); float:left; } .thr_con_lb li:nth-child(2n) { float:right; } .thr_con_lb .pic { width:110px; height:70px; float:left; overflow:hidden; position:relative; z-index:1; } .thr_con_lb .pic img { position: absolute; transform: translate(-50%,-50%); top: 50%; left: 50%; height:100%; } .thr_con_lb .txt { width:-webkit-calc(100% - 125px); width:-moz-calc(100% - 125px); width:calc(100% - 125px); float:right; } .thr_con_lb .txt b { display:block; font-weight:normal; height:22px; line-height:22px; font-size:16px; margin-bottom:5px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; } .thr_con_lb .txt p { overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp:2; -webkit-box-orient:vertical; line-height:20px; height:40px; font-size:12px; color:#888; } .i_phb { background:#f6f6f6; margin-top:20px; } .i_phb .title { height:40px; line-height:40px; font-size:18px; position:relative; z-index:1; padding-left:15px; } .i_phb .title h4 { float:left; color:#222; } .i_phb .title h4:before { content:""; position:absolute; left:0; top:50%; width:4px; height:16px; border-radius:3px; background:#FF4801; margin-top:-8px; } .i_phb .title span { font-size: 14px; color: #999; display: block; float: right; font-weight: normal; } .i_phb_con { margin:0 15px; overflow:hidden; height:330px; } .i_phb_con li { height: 36px; line-height: 36px; } .i_phb_con li .num { font-size: 12px; color: #fff; background: #bcbcbc; width: 18px; height: 18px; display: block; float: left; line-height: 18px; text-align: center; margin-top: 9px; margin-right: 10px; } .i_phb_con li:nth-child(1) .num { background:#FA4E57; } .i_phb_con li:nth-child(2) .num { background:#FA7A53; } .i_phb_con li:nth-child(3) .num { background:#FBC258; } .i_phb_con li .tab-tit { font-size: 14px; float: right; width: -webkit-calc(100% - 30px); width: -moz-calc(100% - 30px); width: calc(100% - 30px); overflow: hidden; text-overflow: ellipsis; white-space: nowrap; } .thr_con_rb { margin-top:10px; overflow:hidden; } .thr_con_rb li { width: -webkit-calc(50% - 7px); width: -moz-calc(50% - 7px); width: calc(50% - 7px); float:left; } .thr_con_rb li:nth-child(2n) { float:right; } .thr_con_rb li span { display:block; width:100%; height:80px; overflow:hidden; position:relative; z-index:1; } .thr_con_rb li span img { height:100%; position: absolute; transform: translate(-50%,-50%); top: 50%; left: 50%; } .thr_con_rb li h3 { height:30px; line-height:30px; font-size:14px; overflow: hidden; margin-top:2px; font-weight:normal; } .i_zx_all { padding-top:10px; } .i_zx_all li { font-size: 14px; height: 36px; line-height: 36px; width:-webkit-calc(33% - 20px); width:-moz-calc(33% - 20px); width:calc(33% - 20px); float:left; margin-right:35px; } .i_zx_all li:nth-child(3n) { margin-right:0; float:right; } .i_zx_all li b { display: block; float: left; width: -webkit-calc(100% - 65px); width: -moz-calc(100% - 65px); width: calc(100% - 65px); overflow: hidden; text-overflow: ellipsis; white-space: nowrap; font-weight: normal; position: relative; z-index: 1; padding-left: 15px; } .i_zx_all li b:before { content: ""; position: absolute; left: 0; top: 50%; width: 3px; height: 3px; background: #444; margin-top: -2px; } .i_zx_all li span { display: block; float: right; color: #FF4801; font-size: 12px; } /*频道4*/ .mxbox_one { margin:20px 0 15px 0; } .mxbox_c { width:500px; float:left; margin-left:20px; } .mxbox_l { width:330px; float:left; } .mxbox_r { width:300px; float:right; } .mx_slider { position: relative; width: 100%; height: 210px; overflow: hidden; margin-bottom: 0; border-radius: 0; } .mx_slider .pic img { width:100%; height:210px; } .mxbox_pics { margin-top:10px;} .mxbox_pics li { width: 100%; float: left; margin-bottom:11px; } .mxbox_pics li:last-child { margin-bottom:0; } .mxbox_pics li .pic { float: left; width: 120px; height: 77px; overflow: hidden; position: relative; z-index: 1; } .mxbox_pics li .pic img { position: absolute; transform: translate(-50%,-50%); top: 50%; left: 50%; height: 100%; } .mxbox_pics li .txt { float: right; width: -webkit-calc(100% - 135px); width: -moz-calc(100% - 135px); width: calc(100% - 135px); } .mxbox_pics li .txt b { display: block; line-height: 23px; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; height: 46px; font-size: 15px; font-weight: normal; margin-bottom: 10px; } .mxbox_pics li .txt p { font-size: 12px; line-height: 18px; overflow: hidden; height:18px; color: #777; } .mxbox_rtop { border:1px solid #2577E3; color:#2577E3; height:42px; line-height:42px; font-size:18px; font-weight:bold; text-align:center; margin-bottom:10px; overflow:hidden; padding:0 10px; } .mxbox_rtop a { color:#2577E3; } .mxbox_c_u { margin-bottom:20px; } .mxbox_c_u:last-child { margin-bottom:0;} .mxbox_c_u li { float: left; width:100%; font-size: 16px; height: 36px; line-height: 36px; overflow: hidden; } .mxbox_c_u li b { display:block; float:left; font-weight:normal; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; width:-webkit-calc(100% - 60px); width:-moz-calc(100% - 60px); width:calc(100% - 60px); } .mxbox_c_u li span { display:block; float:right; font-size:12px; color:#888; } .mxbox_ra li { margin-bottom:10px; position:relative; z-index:1; } .mxbox_ra li:last-child { margin-bottom:0; } .mxbox_ra li span { display: block; height: 180px; position: relative; z-index: 1; overflow: hidden; } .mxbox_ra li span img { position: absolute; transform: translate(-50%,-50%); top: 50%; left: 50%; height: 100%; } .mxbox_ra li b { position:absolute; z-index:11; width:100%; left:0; bottom:0; display: block; height: 40px; line-height: 40px; font-size: 14px; font-weight: normal; box-sizing:border-box; padding:0 15px; background:rgba(0,0,0,.5); color:#fff; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; } .ms_list { margin-top: 20px; margin-bottom:10px; } .ms_list li { width: -webkit-calc(25% - 15px); width: -moz-calc(25% - 15px); width: calc(25% - 15px); float: left; margin-right: 20px; } .ms_list li:nth-child(4n) { float: right; margin-right: 0; } .ms_list li .pic { height:190px; overflow:hidden; position: relative; z-index: 1; } .ms_list li .pic span { display: block; width: 100%; height: 190px; overflow: hidden; position: relative; z-index: 1; margin-bottom: 10px; } .ms_list li .pic img { position: absolute; transform: translate(-50%,-50%); top: 50%; left: 50%; height: 100%; z-index: 5; } .ms_list li .pic b { position:absolute; z-index:11; width:240px; height:40px; line-height:40px; left:50%; margin-left:-130px; bottom:10px; font-size: 15px; overflow: hidden; font-weight: normal; background-color:rgba(0,0,0,.5); color:#FFF; padding:0 10px; text-align:center; } .ms_list li .new { margin-top:10px; } .ms_list li .new p { height:38px; line-height:38px; font-size:15px; overflow:hidden; padding-left:15px; position:relative; z-index:1; } .ms_list li .new p:before { content:""; position:absolute; left:0; top:50%; width:4px; height:4px; border-radius:50%; background:#ccc; margin-top:-2px; } .lv_lc { width:850px; float:left; } .lv_ra { width:300px; float:right; } .lv_sport { margin-bottom: 20px; overflow: hidden; } .lv_sport:last-child { margin-bottom:0;} .transhow { width: 190px; float: left; } .transhow span { display:block; height: 120px; position: relative; z-index:1; overflow:hidden; } .transhow span img { position: absolute; transform: translate(-50%,-50%); top: 50%; left: 50%; height:100%; } .transhow p { overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp:2; -webkit-box-orient:vertical; line-height:22px; height:44px; margin-top:5px; font-size:14px; } .lv_sportContent { float:right; width:-webkit-calc(100% - 210px); width:-moz-calc(100% - 210px); width:calc(100% - 210px); } .lv_sportTitle { font-size: 18px; color: #2577E3; line-height: 24px; height:24px; margin-bottom: 18px; } .lv_sportTitle a { margin-left: 3px; font-size: 18px; color: #333; } .lv_sportList span { width: 20px; height: 70px; background:rgba(37,119,227,.5); color: #fff; text-align: center; display: block; float: left; font-size: 16px; padding: 30px 6px 10px 6px; margin-right: 16px; } .lv_news { float:left; width:-webkit-calc(100% - 60px); width:-moz-calc(100% - 60px); width:calc(100% - 60px); } .lv_news li { width:-webkit-calc(50% - 15px); width:-moz-calc(50% - 15px); width:calc(50% - 15px); float: left; height: 35px; line-height:35px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; padding:0 0 0 20px; position: relative; box-sizing:border-box; font-size:14px; } .lv_news li:nth-child(2n) { float:right;} .lv_news li:before { content:""; position:absolute; z-index:9; left:0; top:14px; width:0; height:0; border-top:5px solid transparent; border-bottom: 5px solid transparent; border-left: 5px solid #2577E3; } .lv_r_top { margin-top:-7px;} .lv_r_top li { margin-bottom:10px; border-bottom: 1px dotted #999; padding-bottom:12px; } .lv_r_top h6 { font-size:16px; height:40px; line-height:40px; } .lv_r_top h6 i { display:block; float:left; width:24px; height:24px; background:#2577E3; color:#fff; text-align:center; line-height:24px; font-weight:100; font-size:14px; border-radius:3px; margin:8px 5px 0 0; } .lv_r_top h6 b { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; font-weight:normal; width:-webkit-calc(100% - 30px); width:-moz-calc(100% - 30px); width:calc(100% - 30px); float:right; } .lv_r_top p { font-size:13px; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp:2; -webkit-box-orient:vertical; line-height:24px; height:48px; color:#999; } .lv_two_new {} .lv_two_new li { border-bottom:1px dotted #999; padding:15px 0; } .lv_two_new li:first-child { padding-top:0; } .lv_two_new li .pic { width: 120px; height: 80px; float: left; overflow: hidden; position: relative; z-index: 1; margin-right: 15px; } .lv_two_new li .pic img { position: absolute; transform: translate(-50%,-50%); top: 50%; left: 50%; height: 100%; } .lv_two_new li .txt {} .lv_two_new li b { display: block; font-size: 16px; font-weight:normal; height: 48px; line-height: 24px; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; } .lv_two_new li p { overflow: hidden; font-size: 12px; line-height: 20px; height: 20px; margin-top: 10px; color: #999; } .lv_wrecom { padding:15px 0 0 0; } .lv_wrecom li { width:-webkit-calc(50% - 30px); width:-moz-calc(50% - 30px); width:calc(50% - 30px); float:left; font-size:15px; line-height:35px; height:35px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; position:relative; padding-left:15px; box-sizing:border-box; } .lv_wrecom li:nth-child(2n) { float:right; } .lv_wrecom li:before { content: ""; position: absolute; left: 0; top: 50%; width: 4px; height: 4px; border-radius: 50%; background: #ccc; margin-top: -2px; } .lv_wrecom li b { float:left; font-weight:normal; width:-webkit-calc(100% - 50px); width:-moz-calc(100% - 50px); width:calc(100% - 50px); overflow:hidden; } .lv_wrecom li span { float:right; display:block; color:#999; font-size:12px; } .lv_two_top {} .lv_two_top b { display:block; font-size:18px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; height:40px; line-height:40px; font-weight:normal; } .lv_two_top p { font-size:14px; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp:2; -webkit-box-orient:vertical; line-height:24px; height:48px; color:#999; } .lv_two_list { margin-top:5px; border-bottom:1px solid #e0e0e0; margin-bottom:10px; padding:0 0 10px 0; } .lv_two_list:last-child { border-bottom:none; margin-bottom:0; padding-bottom:0; } .lv_two_list li { height:35px; line-height:35px; font-size:15px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; position:relative; z-index:1; padding-left:15px; } .lv_two_list li b { display:block; float:left; font-weight:normal; width:-webkit-calc(100% - 50px); width:-moz-calc(100% - 50px); width:calc(100% - 50px); } .lv_two_list li:before { content:""; width:4px; height:4px; background:#333; position:absolute; left:0; top:50%; margin-top:-2px; } .lv_two_list li span { display:block; float:right; color:#888; font-size:12px; } .makeup_cleft { width:240px; float:left; } .makeup_cleft li { height:170px; position:relative; z-index:1; overflow:hidden; margin-bottom:15px; } .makeup_cleft li:last-child { margin-bottom:0;} .makeup_cleft li img { position: absolute; transform: translate(-50%,-50%); top: 50%; left: 50%; height: 100%; z-index: 5; } .makeup_cleft li p { position: absolute; z-index: 5; left: 0; bottom: 0; z-index: 5; background:rgba(0,0,0,.5); width: 100%; height: 40px; line-height:40px; color: #FFF; box-sizing: border-box; padding: 0 15px; } .makeup_cleft li p b { display: block; color: #FFF; font-size: 14px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; font-weight: normal; } .lv_cb { width:580px; float:left; margin-left:25px; margin-top:-10px; } /*频道五*/ .mother_o_b { overflow: hidden; border-top:1px solid #eee; padding:10px 0 0 0; } .mother_o_b ul { position: relative; z-index:1; } .mother_o_b li { font-size: 14px; height: 36px; line-height: 36px; } .mother_o_b li .title { display:block; float:left; padding-left:15px; position:relative; z-index:9; font-weight:normal; width:-webkit-calc(100% - 70px); width:-moz-calc(100% - 70px); width:calc(100% - 70px); } .mother_o_b li .title:before { content:""; position:absolute; left:0px; top:50%; margin-top:-5px; z-index:11; width:0; height:0; border-top:5px solid transparent; border-bottom:5px solid transparent; border-left:5px solid #333; } .mother_o_b li:hover .title:before { border-left:5px solid #2577E3; } .mother_o_b li .title a { display:block; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; } .mother_o_b li em { display:block; float:right; color:#999; font-size:13px; } .mother_center_c { overflow: hidden; } .mother_recomtit { height: 41px; line-height: 41px; background: #f5f5f5; text-overflow: ellipsis; white-space: nowrap; overflow: hidden; zoom: 1; font-size:16px; font-weight:bold; } .mother_recomtit span { color: #fff; width: 45px; background:#2577E3; margin-right: 10px; text-align:center; float: left; font-size:14px; font-weight:normal; } .mother_recomlist { height: 180px; overflow: hidden; } .mother_recomlist ul { position: relative; z-index:1; padding:5px 0; } .mother_recomlist ul:before { content:""; position:absolute; left:3px; top:0; width:1px; height:100%; background:#e5e5e5; z-index:5; } .mother_recomlist li { font-size: 14px; height: 34px; line-height: 34px; } .mother_recomlist li .title { display:block; float:left; padding-left:20px; position:relative; z-index:9; font-weight:normal; width:-webkit-calc(100% - 80px); width:-moz-calc(100% - 80px); width:calc(100% - 80px); } .mother_recomlist li .title:before { content:""; position:absolute; left:0px; top:50%; margin-top:-3px; width:7px; height:7px; background:#e5e5e5; border-radius:50%; z-index:11; } .mother_recomlist li:hover .title:before { background:#2577E3; } .mother_recomlist li .title a { display:block; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; } .mother_recomlist li .time { display:block; float:right; color:#999; font-size:13px; } .mother_recomlist li em { display:block; float:right; color:#999; } .mother_rs_a { overflow: hidden; } .mother_rs_a li { background-color: #f4f4f4; margin-bottom: 15px; height: 80px; position: relative; z-index: 1; } .mother_rs_a li:last-child { margin-bottom:0;} .mother_rs_a li .pic { display: block; float: left; width: 130px; height: 80px; overflow: hidden; position: relative; } .mother_rs_a li .pic img { height: 100%; position: absolute; transform: translate(-50%,-50%); top: 50%; left: 50%; } .mother_rs_a li .con { width: -webkit-calc(100% - 150px); width: -moz-calc(100% - 150px); width: calc(100% - 150px); float: right; margin-right: 8px; } .mother_rs_a li .sTit { height: 44px; line-height: 22px; overflow: hidden; margin-top: 5px; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; margin-bottom: 5px; font-size:14px; } .mother_rs_a li .Btna { display: inline-block; color: #777; padding: 0 10px; height: 18px; line-height: 18px; border: 1px #ccc solid; font-size: 12px; } .mother_rs_a li .Btna:hover { border:1px solid #2577E3; color:#2577E3; } .mother_o_a { overflow:hidden; margin-top:10px; } .mother_o_a li { width: -webkit-calc(50% - 5px); width: -moz-calc(50% - 5px); width: calc(50% - 5px); margin:0 0 10px 0; float: left; position: relative; overflow: hidden; } .mother_o_a li:nth-child(2n) { float: right; } .mother_o_a li .pic { display: block; position: relative; z-index: 1; width: 100%; overflow: hidden; height: 110px; } .mother_o_a li .pic img { height: 100%; position: absolute; transform: translate(-50%,-50%); top: 50%; left: 50%; } .mother_o_a li .content { font-size: 14px; line-height: 24px; height: 48px; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp:2; -webkit-box-orient:vertical; margin-top:8px; } .mother_la { width:100%; height:230px; position:relative; z-index:1; overflow:hidden; } .mother_la img { height:100%; position: absolute; transform: translate(-50%,-50%); top: 50%; left: 50%; } .mother_la b { display:block; background-color:rgba(0,0,0,.65); height:36px; line-height:36px; box-sizing:border-box; padding:0 15px; font-size:14px; color:#FFF; width:100%; position:absolute; z-index:11; left:0; bottom:0; font-weight:normal; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; } .mother_lb {} .mother_lb li { padding:15px 0; border-bottom:1px dotted #ddd; } .mother_lb li:last-child { border-bottom:none; } .mother_lb li .apic { width:120px; height:80px; overflow:hidden; float:left; position:relative; z-index:1; margin-right:10px; } .mother_lb li .apic img { height:100%; position: absolute; transform: translate(-50%,-50%); top: 50%; left: 50%; } .mother_lb li .acot { width:-webkit-calc(100% - 135px); width:-moz-calc(100% - 135px); width:calc(100% - 135px); float:right; } .mother_lb li .acot b { display:block; height: 26px; line-height: 26px; margin-bottom:7px; font-size:15px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; font-weight:bold; } .mother_lb li .acot p { font-size:12px; line-height:22px; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp:2; -webkit-box-orient:vertical; height:44px; color:#777; } .mother_s_one { margin-bottom:5px; border-bottom:1px dotted #ccc; padding:0 0 10px 0;} .mother_s_one b { display:block; font-size:20px; height:32px; line-height:32px; overflow:hidden; font-weight:normal; text-align:center; margin-bottom:5px; } .mother_s_one b a { color:#2577E3;} .mother_s_one p { font-size:12px; height:44px; line-height:22px; color:#777; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp:2; -webkit-box-orient:vertical; } .mother_sec_two { margin-bottom:10px; } .mother_sec_two li { height:34px; line-height:34px; overflow:hidden; font-size:14px; position:relative; z-index:1; padding-left:15px; } .mother_sec_two li:before { content: ""; position: absolute; left: 0px; top: 50%; margin-top: -2px; width: 4px; height: 4px; background: #ccc; border-radius: 50%; z-index: 11; } .mother_sec_two li b { display:block; float:left; width:-webkit-calc(100% - 80px); width:-moz-calc(100% - 80px); width:calc(100% - 80px); overflow: hidden; text-overflow: ellipsis; white-space: nowrap; font-weight:normal; } .mother_sec_two li span { display:block; float:right; color:#999; font-size:13px; } .mother_new { height:270px; overflow:hidden; } .mother_new li { width:-webkit-calc(33% - 5px); width:-moz-calc(33% - 5px); width:calc(33% - 5px); float:left; margin-right:10px; margin-bottom:5px; } .mother_new li:nth-child(3n) { float:right; margin-right:0; } .mother_new li span { display:block; width:100%; height:100px; overflow:hidden; position:relative; z-index:1; } .mother_new li span img { height:100%; position: absolute; transform: translate(-50%,-50%); top: 50%; left: 50%; } .mother_new li b { display:block; font-weight:normal; font-size:14px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; height:36px; line-height:36px; } .mot_energy_ra { border:1px solid #e2e2e2; margin-bottom:10px; } .mot_energy_ra h4 { border-bottom:1px solid #e2e2e2; height:44px; line-height:44px; font-size: 18px; font-weight: bold; color:#2577E3; padding:0 15px; } .mot_energy_ra ul { margin:10px 15px; } .mot_energy_ra ul li { font-size: 14px; height: 37px; line-height: 37px; overflow:hidden; } .mot_energy_ra ul li i { display:block; float:left; width:30px; color:#999; } .mot_energy_ra ul li b { display:block; float:right; font-weight:normal; width:-webkit-calc(100% - 30px); width:-moz-calc(100% - 30px); width:calc(100% - 30px); } .in_posi { height:40px; line-height:40px; font-size:14px; margin-top:10px; } .in_posi a { padding:0 15px; position:relative; z-index:1; } .in_posi a:first-child { padding-left:5px;} .in_posi a:before { content:""; position: absolute; top: 50%; margin-top:-1px; right: -3px; width: 5px; height: 5px; border-style: solid; border-width: 2px 2px 0 0; border-color: #888; -webkit-transform-origin: 75% 25%; -webkit-transform: rotateZ(45deg); -webkit-transition: 100ms ease-in .1s; transition: 100ms ease-in .1s; } .in_posi a:last-child:before { display:none;} .recom_top { line-height: 34px; height: 34px; overflow: hidden; } .recom_top .tag { display: block; float: left; border-radius: 12px 12px 0 12px; background:#2577E3; color: #FFF; font-weight: bold; padding: 0 12px; margin-right: 10px; font-size: 18px; } .recom_top .title { font-weight: normal; overflow: hidden; width: 400px; line-height: 34px; height: 34px; font-size: 20px; } .recom_main { font-size: 13px; line-height: 25px; height: 50px; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; color: #888; margin: 10px 0 15px 0; } .beauty_one { margin-top:20px; } .beauty_slide { width: 750px; height:440px; position: relative; overflow: hidden; float:left; z-index:1; } .beauty_slide .pic img { width:100%; height:440px; } .beauty_hot { width:400px; float:right; } .beauty_hot h4 { height:30px; margin-bottom:12px; } .beauty_hot h4 b { display:block; float:left; color:#2577E3; font-size:24px; line-height:30px; } .beauty_hot h4 i { display:block; float:left; font-size:14px; text-transform:uppercase; margin-left:20px; color:#666; padding-top:10px; } .beauty_hot .one { border-top:1px dotted #2577E3; border-bottom:1px dotted #2577E3; padding:10px 0 15px 0; } .beauty_hot .one b { display:block; font-weight:normal; font-size:22px; text-align:center; height:40px; line-height:40px; overflow:hidden; margin-bottom:3px; } .beauty_hot .one p { font-size:13px; height:48px; line-height:24px; color:#777; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp:2; -webkit-box-orient:vertical; } .beauty_hot .two { padding-top:10px; } .beauty_hot .two:last-child { padding-top:0px; } .beauty_hot .two li { width:-webkit-calc(50% - 20px); width:-moz-calc(50% - 20px); width:calc(50% - 20px); float:left; height:32px; line-height:32px; overflow:hidden; font-size:14px; position:relative; z-index:1; padding-left:15px; } .beauty_hot .two li:before { content: ""; position: absolute; left: 0; top: 50%; width: 6px; height: 6px; background: #2577E3; margin-top: -3px; border-radius: 50%; } .beauty_hot .two li:first-child { font-size:18px; text-align:center; width:100%; padding-left:0; height:40px; line-height:40px; } .beauty_hot .two li:first-child:before { background:none; } .beauty_hot .two li:first-child a { color:#2577E3; } .beauty_hot .two li:first-child a:hover { color:#E13B5D; } .beauty_hot .two li:nth-child(2n+1) { float:right; } .beauty_pingc { margin-bottom:25px; } .beauty_pc_l { width: 850px; float: left; margin-top:15px; } .beauty_pc_one { width:360px; float:left; } .beauty_pc_pic { margin-bottom:10px; } .beauty_pc_pic span { display:block; width:100%; height:240px; overflow:hidden; position:relative; z-index:1; margin-bottom:7px; } .beauty_pc_pic span img { position: absolute; transform: translate(-50%,-50%); top: 50%; left: 50%; height: 100%; z-index: 5; } .beauty_pc_pic b { display: block; font-size: 18px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; height: 40px; line-height: 40px; } .beauty_pc_pic p { font-size: 14px; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; line-height: 24px; height: 48px; color:#888; } .beauty_pc_all { border-top: 1px dotted #2577E3; border-bottom: 1px dotted #2577E3; padding:9px 0; height:95px; overflow:hidden; } .beauty_pc_all li { width: -webkit-calc(50% - 20px); width: -moz-calc(50% - 20px); width: calc(50% - 20px); float: left; height: 32px; line-height: 32px; overflow: hidden; font-size: 14px; position: relative; z-index: 1; padding-left: 15px; } .beauty_pc_all li:nth-child(2n) { float:right; } .beauty_pc_all li:before { content: ""; position: absolute; left: 0; top: 50%; width: 6px; height: 6px; background: #2577E3; margin-top: -3px; border-radius: 50%; } .beauty_pc_new { width:-webkit-calc(100% - 380px); width:-moz-calc(100% - 380px); width:calc(100% - 380px); float:right; } .beauty_pc_new li { padding-bottom:15px; width:100%; float:left; } .beauty_pc_new li .time { width:70px; float:left; } .beauty_pc_new li .time b,.beauty_pc_new li .time i { display:block; text-align:center; background:#f2f2f2; color:#777; } .beauty_pc_new li .time b { height:46px; font-size:26px; line-height:46px; margin-bottom:3px; } .beauty_pc_new li .time i { font-size:13px; height:30px; line-height:30px; } .beauty_pc_new li .txt { width:-webkit-calc(100% - 85px); width:-moz-calc(100% - 85px); width:calc(100% - 85px); float:right; } .beauty_pc_new li .txt b { display: block; font-size: 16px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; height: 22px; line-height: 22px; margin-bottom:10px; } .beauty_pc_new li .txt p { font-size: 12px; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; line-height: 24px; height: 48px; color:#888; } .beauty_pc_r { width:300px; float:right; margin-top:15px; } .beauty_pc_list { margin-top:-12px; } .beauty_pc_list li { border-bottom: 1px dotted #999; height: 46px; line-height: 46px; font-size: 15px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; position: relative; z-index: 1; padding-left: 20px; } .beauty_pc_list li:before { content: ""; display:inline-block; width: 0; height: 0; border-top: 9px solid #2577E3; border-left: 9px solid transparent; position:absolute; left:0; top:18px; z-index:5; } .beauty_pc_img { width:100%; float:left; margin-top:10px; } .beauty_pc_img li { width:-webkit-calc(25% - 15px); width:-moz-calc(25% - 15px); width:calc(25% - 15px); float:left; margin-right:20px; } .beauty_pc_img li:nth-child(4n) { float:right; margin-right:0; } .beauty_pc_img li span { display: block; width: 100%; height: 200px; overflow: hidden; position: relative; z-index: 1; margin-bottom: 10px; } .beauty_pc_img li span img { position: absolute; transform: translate(-50%,-50%); top: 50%; left: 50%; height: 100%; z-index: 5; } .beauty_pc_img li b { font-size: 15px; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp:2; -webkit-box-orient:vertical; line-height: 25px; max-height:50px; font-weight:normal; } .travel_main { margin-top: 20px; } .travel_one_l { width:360px; float:left; } .travel_one_lpic { } .travel_one_lpic li { width:175px; float:left; position:relative; z-index:1; overflow:hidden; height:100px; } .travel_one_lpic li:nth-child(2n) { float:right; } .travel_one_lpic li img { width:100%; position: absolute; transform: translate(-50%,-50%); top: 50%; left: 50%; z-index:5; } .travel_one_lpic li p { font-size:14px; color:#FFF; background-color:rgba(0,0,0,.6); box-sizing:border-box; padding:0 10px; position:absolute; z-index:11; width:100%; left:0; bottom:0; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; height:40px; line-height:40px; } .travel_one_list { margin-top:15px; } .travel_one_list li { background:#F5F5F5; margin-bottom:15px; padding:10px; box-sizing:border-box; width:100%; float:left; } .travel_one_list li span { display:block; float:left; width:150px; height:80px; overflow:hidden; position:relative; z-index:1; } .travel_one_list li span img{ width: 100%; position: absolute; transform: translate(-50%,-50%); top: 50%; left: 50%; } .travel_one_list li .conti { padding:3px 5px 5px 10px; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp:2; -webkit-box-orient:vertical; line-height:24px; height:48px; overflow:hidden; font-size:14px; } .travel_one_list li i { display:inline-block; font-size:12px; color:#888; padding-left:10px; padding-top:3px; } .travel_one_c { width:410px; float:left; margin-left:20px; } .travel_one_pit { } .travel_one_pit .pic { width:100%; height:170px; overflow:hidden; position:relative; z-index:1; } .travel_one_pit .pic img { width:100%; position: absolute; transform: translate(-50%,-50%); top: 50%; left: 50%; } .travel_one_pit .txt { border:1px solid #eee; border-top:none; padding:5px 8px 10px 15px; } .travel_one_pit .tit { font-size:18px; font-weight:bold; height:40px; line-height:40px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; } .travel_one_pit .cot { font-size:14px; line-height:24px; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp:2; -webkit-box-orient:vertical; height:48px; } .travel_one_new { height:275px; margin-top:10px; overflow:hidden; } .travel_one_new li { height:39px; line-height:39px; } .travel_one_new li b { float:left; display:block; font-weight:normal; font-size:14px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; width:-webkit-calc(100% - 70px); width:-moz-calc(100% - 70px); width:calc(100% - 70px); position:relative; z-index:1; padding-left:15px; } .travel_one_new li b:before { content:""; position:absolute; z-index:9; width:4px; height:4px; background:#00BF68; top:50%; margin-top:-2px; left:0; } .travel_one_new li span { float:right; display:block; font-size:12px; color:#999; } .travel_one_r { width:360px; float:right; } .travel_clist { } .travel_clist li { margin-bottom:15px; width:100%; float:left; } .travel_clist li .pic { width:180px; height:100px; float:left; overflow:hidden; position:relative; z-index:1; } .travel_clist li .pic img { height:100%; position: absolute; transform: translate(-50%,-50%); top: 50%; left: 50%; } .travel_clist li .conte { border:1px solid #EEEEEE; border-left:none; height:90px; width:-webkit-calc(100% - 181px); width:-moz-calc(100% - 181px); width:calc(100% - 181px); float:left; padding-top:8px; } .travel_clist li .conte b { display:block; font-size:15px; height:30px; line-height:30px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; padding:0 10px 0 15px; margin-bottom:5px; } .travel_clist li .conte p { font-size:12px; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp:2; -webkit-box-orient:vertical; line-height:22px; height:44px; padding:0 10px 0 15px; color:#999; } .foodtwo { margin-top:20px; } .foodtwo_l { width:360px; float:left; } .foodtwo_title { height:50px; line-height:50px; overflow:hidden; margin-bottom:10px; } .foodtwo_title b { float:left; font-size:24px; color:#F8504B; font-weight:normal; } .foodtitle_list { float:left; margin-left:20px; font-size:14px; } .foodtitle_list li { float:left; display:inline-block; line-height:26px; margin-right:15px; margin-top:13px; } .foodtitle_list li a { display:block; border:1px solid #383131; color:#383131; padding:0 15px; border-radius:15px; } .foodtitle_list li a:hover { color:#F8504B; border:1px solid #F8504B; } .foodtwo_title .more { display:block; width:50px; height:100%; position:relative; float:right; z-index:1; text-align:center; } .foodtwo_title .more i { display:inline-block; width:6px; height:6px; background:#ccc; border-radius:50%; position:relative; z-index:1; margin:0 auto; } .foodtwo_title .more i:before, .foodtwo_title .more i:after { content:""; position:absolute; top:0; width:6px; height:6px; background:#ccc; border-radius:50%; } .foodtwo_title .more i:before { left:-12px; } .foodtwo_title .more i:after { right:-12px; } .foodtwo_title .more:hover i { background:#F8504B; } .foodtwo_title .more:hover i:before, .foodtwo_title .more:hover i:after { background:#F8504B; } .foodtwo_title .more2 { display:block; float:right; height: 32px; line-height: 32px; padding: 0px 30px 0 15px; font-size: 14px; color: #fff; border-radius: 16px; background: #f64d36; background-image: -webkit-linear-gradient(to right, #f67536, #f64d36); background-image: linear-gradient(to right,#f67536,#f64d36); transition: all ease 0.1s; margin-top:10px; position:relative; z-index:1; } .foodtwo_title .more2:hover { background:#F8504B; color:#FFF!important; } .foodtwo_title .more2:before { content:""; position: absolute; top: 50%; margin-top:-2px; right: 13px; width: 6px; height: 6px; border-style: solid; border-width: 2px 2px 0 0; border-color: #ffffff; -webkit-transform-origin: 75% 25%; -webkit-transform: rotateZ(45deg); -webkit-transition: 100ms ease-in .1s; transition: 100ms ease-in .1s; } .foodtwo_l_list { } .foodtwo_l_list li { margin-bottom:20px; width:100%; float:left; } .foodtwo_c { width:410px; float:left; margin-left:25px; } .foodtwo_cone { } .foodtwo_cone li { width:-webkit-calc(50% - 5px); width:-moz-calc(50% - 5px); width:calc(50% - 5px); float:left; overflow:hidden; border-radius:5px; } .foodtwo_cone li:nth-child(2n) { float:right; } .foodtwo_cone li .foodtwopic { width:100%; height:130px; overflow:hidden; position:relative; z-index:1; } .foodtwo_cone li .foodtwopic img { height:100%; position: absolute; transform: translate(-50%,-50%); top: 50%; left: 50%; } .foodtwo_cone li .foodtwotxt { padding-top:5px; height:85px; overflow:hidden; background:#F5F5F5; } .foodtwo_cone li .foodtwotxt b { display:block; font-weight:normal; font-size:16px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; height:30px; line-height:30px; margin:0 5px 0 10px; } .foodtwo_cone li .foodtwotxt p { overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp:2; -webkit-box-orient:vertical; line-height:22px; height:44px; font-size:12px; color:#888; margin:0 5px 0 10px; } .foodtwo_ctwo { margin-top:10px; height:185px; overflow:hidden; } .foodtwo_ctwo li { height:38px; line-height:38px; font-size:14px; width:100%; float:left; } .foodtwo_ctwo li b { display:block; float:left; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; font-weight:normal; padding-left:15px; position:relative; z-index:1; width:-webkit-calc(100% - 60px); width:-moz-calc(100% - 60px); width:calc(100% - 60px); } .foodtwo_ctwo li b:before { content:""; width:4px; height:4px; border-radius:50%; background:#ccc; position:absolute; left:0; top:50%; margin-top:-2px; } .foodtwo_ctwo li span { display:block; float:right; color:#c0c0c0; font-size:13px; } .foodtwo_r { width:360px; float:right; } .foodtwo_rlist { margin-top:-7px; height:430px; overflow:hidden; } .foodtwo_rlist li { height:39px; line-height:39px; position:relative; z-index:1; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; font-size:16px; padding-left:15px; } .foodtwo_rlist li:before { content:""; width:4px; height:4px; border-radius:50%; background:#ccc; position:absolute; left:0; top:50%; margin-top:-2px; } .foodimg { width:160px; height:90px; float:left; overflow:hidden; position:relative; z-index:1; border-radius:5px; } .foodimg img{ height: 100%; position: absolute; transform: translate(-50%,-50%); top: 50%; left: 50%; } .foodtxt { float:right; width:-webkit-calc(100% - 175px); width:-moz-calc(100% - 175px); width:calc(100% - 175px); } .foodtxt b { display:block; font-weight:normal; font-size:16px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; height:30px; line-height:30px; margin-bottom:5px; } .foodtxt p { overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp:2; -webkit-box-orient:vertical; line-height:24px; height:48px; font-size:14px; color:#999; } .baking_list {} .baking_list li { width:-webkit-calc(20% - 18px); width:-moz-calc(20% - 18px); width:calc(20% - 18px); float: left; margin-right: 22px; margin-top:20px; } .baking_list li:nth-child(5n) { float: right; margin-right: 0; } .baking_list li span { display: block; width: 100%; height: 140px; overflow: hidden; position: relative; z-index: 1; border-radius:5px; } .baking_list li span img { height: 100%; position: absolute; transform: translate(-50%,-50%); top: 50%; left: 50%; } .baking_list li b { display: block; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; font-size:16px; height:40px; line-height:40px; font-weight:normal; } .health_one { margin-top:20px; margin-bottom:20px; } .health_onel { width:330px; float:left; } .health_one_tit { height: 56px; overflow: hidden; margin-bottom: 20px; background:url(../images/health_icon.png) no-repeat left center; padding-left:66px; } .health_one_tit b { display: block; font-size: 34px; line-height: 34px; color: #333; font-weight:normal; } .health_one_tit span { display: block; font-size: 14px; line-height: 14px; color: #6BC30D; margin-top: 9px; text-transform:uppercase; } .health_onel .oneul { overflow:hidden; } .health_onel .oneul li { border-bottom: #f0f0f0 1px solid; padding:14px 0; width:100%; float:left; } .health_onel .oneul li:first-child { padding-top:0; } .health_onel .oneul li:last-child { border-bottom:none; } .health_onel .oneul li span { display:block; width:120px; height:78px; float:left; overflow:hidden; position:relative; z-index:1; margin-right:12px; } .health_onel .oneul li span img { height:100%; position: absolute; transform: translate(-50%,-50%); top: 50%; left: 50%; } .health_onel .oneul li b { display:block; font-weight:normal; font-size:15px; line-height:24px; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp:2; -webkit-box-orient:vertical; height:48px; margin-bottom:5px; } .health_onel .oneul li i { display:block; text-align:right; font-size:12px; color:#999; line-height:24px; height:24px; } .health_onec { width:510px; float:left; margin-left:20px; } .health_slider { width:100%; height:310px; overflow:hidden; position:relative; } .health_slider .pic li { position:relative; z-index:1; height:310px; } .health_slider .pic li img { height:310px;} .health_onec .one_new { width:100%; margin-top:10px; } .health_onec .one_new li { width:-webkit-calc(50% - 20px); width:-moz-calc(50% - 20px); width:calc(50% - 20px); float:left; height:35px; line-height:35px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; font-size:16px; position:relative; z-index:1; padding-left:15px; } .health_onec .one_new li:before { content:""; width:5px; height:5px; background:#999; border-radius:50%; position:absolute; left:0; top:50%; margin-top:-2px; } .health_onec .one_new li:nth-child(2n) { float:right; } .health_oner { width:290px; float:right; } .health_oner_t { line-height:30px; font-size:24px; height:30px; margin-bottom:15px; } .health_oner .one_list { } .health_oner .one_list li { width:100%; float:left; margin-bottom:17px; height:62px; overflow:hidden; } .health_oner .one_list li .sort { display:block; width:56px; height:56px; float:left; position:relative; z-index:1; background:#eee; text-align:center; font-size:26px; color:#FFF; } .health_oner .one_list li .sort i { content:""; position:absolute; z-index:5; width:56px; height:56px; background: linear-gradient(45deg, rgba(200,200,200,1), rgba(240,240,240,1)); left:6px; top:5px; text-align:center; line-height:56px; font-weight:bold; } .health_oner .one_list li .content { width:-webkit-calc(100% - 75px); width:-moz-calc(100% - 75px); width:calc(100% - 75px); float:right; } .health_oner .one_list li .content b { display:block; font-size:15px; font-weight:normal; margin-top:-5px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; line-height:40px; height:40px; } .health_oner .one_list li .content span { display:block; font-size:12px; height:20px; line-height:20px; color:#999; } .health_oner .one_list li:nth-child(1) .sort { background:#fde0df; } .health_oner .one_list li:nth-child(1) .sort i { background: linear-gradient(45deg, rgba(248,80,75,1), rgba(245,145,149,1)); } .health_oner .one_list li:nth-child(2) .sort { background:#fdebdb; } .health_oner .one_list li:nth-child(2) .sort i { background: linear-gradient(45deg, rgba(246,117,54,1), rgba(248,172,134,1)); } .health_oner .one_list li:nth-child(3) .sort { background:#fbf0ca; } .health_oner .one_list li:nth-child(3) .sort i { background: linear-gradient(45deg, rgba(255,177,32,1), rgba(255,217,112,1)); } .bg_gray { width:100%; background:#FAFAFA; padding:30px 0; } .health_title { text-align:center; position:relative; z-index:1; height:70px; margin-bottom:20px; } .health_title:before, .health_title:after { content:""; width:42%; height:3px; background:#2577E3; position:absolute; z-index:5; top:50%; margin-top:-5px; left:0; } .health_title:after { right:0; left:auto; } .health_title b { display:block; font-weight:normal; font-size:34px; line-height:48px; } .health_title span { display:block; font-size:15px; color:#6BC30D; text-transform: uppercase; } .health_two { padding:10px 0; } .health_twol { width:380px; float:left; margin-right:20px; } .health_pics {} .health_pics li { width:-webkit-calc(50% - 3px); width:-moz-calc(50% - 3px); width:calc(50% - 3px); height:130px; float:left; overflow:hidden; position:relative; z-index:1; float:left; margin-bottom:6px; } .health_pics li img { height:100%; position: absolute; transform: translate(-50%,-50%); top: 50%; left: 50%; z-index:5; } .health_pics li p { position: absolute; z-index: 11; left: 0; bottom: 0; width: 100%; height: 40px; line-height: 40px; background-color: rgba(0,0,0,.6); box-sizing: border-box; font-size: 16px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; padding: 0 10px 0 15px; color: #FFF; -webkit-transition:all .5s; -moz-transition:all .5s; -ms-transition:all .5s; -o-transition:all .5s; transition:all .5s; } .health_pics li:hover p { width:100%; height:100%; text-align:center; padding-top:50px; line-height:24px; display: -webkit-box; -webkit-line-clamp:2; -webkit-box-orient:vertical; white-space: inherit; } .health_pics li:nth-child(2n) { float:right; } .health_pics li:last-child { background:#6BC30D; color:#FFF; } .health_pics li:last-child a { display:block; } .health_pics b { display:block; text-align:center; font-size:16px; color:#FFF; text-transform: uppercase; font-weight:normal; position:absolute; z-index:11; top:35px; width:100%; left:0; } .health_pics i { display:block; position:absolute; z-index:11; background:url(../images/more_h.png) no-repeat center; width:48px; height:48px; left:50%; top:50%; margin-left:-24px; margin-top:-10px; } .health_pics li:last-child:hover { background:#2577E3; } .health_twoc { width:455px; float:left; } .health_twoc_top { margin-bottom:15px; } .health_twoc_top h4 { text-align:center; height: 30px; font-size: 22px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; line-height:30px; margin-top:-5px; margin-bottom:10px; } .health_twoc_top p { line-height: 24px; height:48px; font-size: 14px; color: #999; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp:2; -webkit-box-orient:vertical; } .health_twoc_list {} .health_twoc_list li { height: 48px; margin-bottom: 8px; padding: 0 12px 0 30px; line-height: 48px; font-size: 16px; background: #f1f1f1; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; position:relative; z-index:1; } .health_twoc_list li:before { content:""; position:absolute; left:12px; top:50%; margin-top:-6px; width:0; height:0; border-top:6px solid transparent; border-bottom: 6px solid transparent; border-left: 6px solid #2577E3; } .health_twoc_list li:last-child { margin-bottom:0; } .health_twor { width:290px; float:right; background:#f8f8f8; overflow:hidden; } .health_twor ul { padding:16px 0 0 0;} .health_twor li { padding:0px 20px; width:100%; float:left; box-sizing:border-box; margin-bottom:17px; } .health_twor li:last-child { border-bottom:none; } .health_twor li a { display:block; } .health_twor li span { display:block; width:120px; height:70px; float:left; overflow:hidden; float:left; position:relative; z-index:1; margin-right:15px; border-radius:0 20px 0 20px; } .health_twor li span img { height:100%; position: absolute; transform: translate(-50%,-50%); top: 50%; left: 50%; } .health_twor li p { overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp:2; -webkit-box-orient:vertical; line-height:24px; height:48px; font-size:16px; padding-top:8px; } .health_a { } .health_a li { width:280px; float:left; background:#f5f5f5; border-radius:5px; margin-right:26px; margin-bottom:25px; margin-top:5px; position:relative; z-index:1; height:180px; overflow:hidden; } .health_a li img { height:100%; position: absolute; transform: translate(-50%,-50%); top: 50%; left: 50%; z-index:2; } .health_a li i { display: block; background: url(../images/bofang.png) no-repeat center; background-size: 70px auto; width: 90px; height: 90px; position: absolute; z-index: 19; left: 50%; top: 50%; margin-top: -45px; margin-left: -45px; } .health_a li:hover i { -webkit-box-shadow:0 0 10px rgba(0, 0, 0, .5); -moz-box-shadow:0 0 10px rgba(0, 0, 0, .5); box-shadow:0 0 10px rgba(0, 0, 0, .5); border-radius:50%; transition: all .25s linear; background-color:rgba(0,0,0,.4); } .health_a li .foodv_ti { position:absolute; z-index:11; left:0; bottom:0; width:100%; height:40px; line-height:40px; background-color:rgba(0,0,0,.6); box-sizing:border-box; font-size:16px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; padding:0 10px 0 15px; color:#FFF; } .health_a li:hover .foodv_ti { display:none; } .health_a li:nth-child(4n) { float:right; margin-right:0; } .health_three { margin-bottom:30px; } .health_headline { height:40px; line-height:30px; color: #333; margin: 30px 0 10px 0; } .health_headline b { display:block; float:left; font-size: 30px; font-weight:normal; } .health_headline i { display:block; float:left; font-size: 15px; color: #6BC30D; text-transform: uppercase; margin-left:15px; padding-top:8px; } .health_headline .more { display:block; float:right; font-size:14px; line-height:40px; } .healvideo { padding-bottom:10px; } .healvideo li { width:273px; float:left; background:#fff; margin-right:26px; margin-top:20px; margin-bottom:10px; box-shadow: 0 0 5px rgba(60,60,60,.1); } .healvideo li .video_pic { width:100%; height:160px; overflow:hidden; position:relative; z-index:1; margin-bottom:7px; } .healvideo li .video_pic img { height:100%; position: absolute; transform: translate(-50%,-50%); top: 50%; left: 50%; z-index:2; } .healvideo li .video_ti { font-weight:normal; font-size:16px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; height:40px; line-height:40px; margin:0 10px 0 15px; } .healvideo li .video_des { overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp:2; -webkit-box-orient:vertical; line-height:22px; height:44px; font-size:12px; color:#999; margin:0 10px 17px 15px; } .healvideo li:nth-child(4n) { float:right; margin-right:0; } .health_four { padding-top:20px; } .health_fol { width: 380px; float: left; margin-right: 20px; } .health_fol ul {} .health_fol ul li { width:100%; float:left; margin-bottom:17px; } .health_fol ul li:last-child { margin-bottom:0; } .health_fol ul li .pic { width:140px; height:90px; float:left; overflow:hidden; position:relative; z-index:1; } .health_fol ul li .pic img { height:100%; position: absolute; transform: translate(-50%,-50%); top: 50%; left: 50%; } .health_fol ul li .txt { float:right; width:-webkit-calc(100% - 150px); width:-moz-calc(100% - 150px); width:calc(100% - 150px); } .health_fol ul li .txt h4 { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; height:32px; line-height:32px; font-size:16px; margin-bottom:5px; } .health_fol ul li .txt p { overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp:2; -webkit-box-orient:vertical; font-size:12px; line-height:22px; height:44px; color:#999; } .health_for { width: 770px; float: right; } .health_for .hd { text-align:left; font-size:18px; color:#222; } .health_for .hd ul { height:40px; } .health_for .hd ul li { float:left; padding:0 30px; cursor:pointer; box-shadow: 0 0 3px #bfbfbf; line-height:36px; margin:0 30px 0 0; border-radius:20px; } .health_for .hd ul li:last-child { margin:0; } .health_for .hd ul li a { display:block; } .health_for .hd ul li.on { color:#fff; background:#2577E3; } .health_for .hd ul li.on a { color:#FFF!important; } .health_folist {} .health_folist li { width:-webkit-calc(25% - 12px); width:-moz-calc(25% - 12px); width:calc(25% - 12px); float:left; margin-bottom:16px; margin-right:16px; } .health_folist li:nth-child(4n) { margin-right:0; } .health_folist li span { display:block; width:100%; height:120px; overflow:hidden; position:relative; z-index:1; margin-bottom:5px; } .health_folist li span img { height:100%; position: absolute; transform: translate(-50%,-50%); top: 50%; left: 50%; } .health_folist li b { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; font-size:16px; height:30px; line-height:30px; display:block; font-weight:normal; } .health_folist li p { overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp:2; -webkit-box-orient:vertical; height:44px; line-height:22px; font-size:12px; color:#999; } .health_five {} .health_flist { width:-webkit-calc(33% - 20px); width:-moz-calc(33% - 20px); width:calc(33% - 20px); float:left; box-shadow: 0 0 5px rgba(60,60,60,.1); border-radius:10px; box-sizing:border-box; margin-right:35px; overflow:hidden; background:#FFF; } .health_flist:nth-child(3n) { float:right; margin-right:0; } .health_flist .tic { font-size:18px; height:50px; line-height:50px; background:#2577E3; color:#FFF; padding:0 20px; } .health_flist .tic a,.health_flist .tic a:hover { color:#FFF!important; } .health_flist .tic .more { display:block; float:right; } .health_flist ul { padding:10px 20px; } .health_flist li { height:36px; line-height:36px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; font-size:14px; position:relative; z-index:1; padding-left:15px; } .health_flist li:before { content:""; position:absolute; left:0; top:50%; width:5px; height:5px; background:#2577E3; border-radius:50%; margin-top:-2px; } .headlth_fleft { width:860px; float:left; } .headlth_fleft ul { padding-top:10px; } .headlth_fleft li { padding: 20px 0; overflow: hidden; border-bottom: 1px dotted #ddd; } .headlth_fleft li:first-child { padding-top:0; } .headlth_fleft li:last-child { border-bottom:none; } .headlth_fleft li .pp { width: 200px; height: 110px; margin-right: 20px; float: left; overflow: hidden; position:relative; z-index:1; } .headlth_fleft li .pp img { height:100%; position: absolute; transform: translate(-50%,-50%); top: 50%; left: 50%; } .headlth_fleft li .pt { float:right; width:-webkit-calc(100% - 220px); width:-moz-calc(100% - 220px); width:calc(100% - 220px); } .headlth_fleft li .pt h2 { font-size: 18px; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; font-weight: normal; height:22px; line-height:22px; margin-bottom:12px; } .headlth_fleft li .ds { line-height: 24px; height: 48px; overflow: hidden; font-size: 14px; color: #666; margin-bottom:5px; } .headlth_fleft li .time { display:block; font-size:14px; color:#999; height:20px; line-height:20px; font-size:12px; color:#999; } .headlth_fright { width:290px; float:right; } .headlth_fright li { width:100%; background:#f8f8f8; margin-top:20px; } .headlth_fright li span { display:block; width:100%; overflow:hidden; position:relative; z-index:1; height:170px; } .headlth_fright li span img { height:100%; position: absolute; transform: translate(-50%,-50%); top: 50%; left: 50%; } .headlth_fright li p { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; font-size:16px; height:54px; line-height:54px; padding:0 15px 0 10px; } .health_bt { font-size: 18px; height: 30px; line-height: 30px; padding: 0 0 0 25px; position:relative; z-index:1; margin-top:20px; } .health_bt:before { content:""; width:16px; height:16px; background:#2577E3; border-radius:50%; position:absolute; left:0; top:50%; margin-top:-8px; } .health_bt:after { content:""; width:10px; height:10px; background:#fff; border-radius:50%; position:absolute; left:3px; top:50%; margin-top:-5px; } .health_bt b { display:block; float:left; font-weight:normal; } .health_mg { margin-top:20px; } .health_menu { margin-bottom:15px; } .health_menu li { border:1px solid #eee; margin-bottom:15px; padding:10px 15px; padding-right:0; } .health_menu li:last-child { margin-bottom:0; } .health_menu li p { width:100%; float:left; line-height:40px; height:40px; overflow:hidden; } .health_menu li b { display:block; float:left; font-weight:normal; font-size:18px; margin-right:15px; } .health_menu li i { display:block; float:left; font-size:15px; position:relative; z-index:1; margin-right:11px; padding-right:15px; } .health_menu li i:before { content:"/"; position:absolute; right:0; top:0; font-size:14px; color:#ddd; } .health_menu li i:last-child { margin-right:0; padding-right:0; } .health_menu li i:last-child:before { content:""; } .health_menu li i a { color:#777; } .health_topimg { margin-top:15px; } .health_topimg li { width:-webkit-calc(50% - 7px); width:-moz-calc(50% - 7px); width:calc(50% - 7px); float:left; position:relative; z-index:1; } .health_topimg li:nth-child(2n) { float:right; } .health_topimg li span { display:block; width:100%; height:150px; overflow:hidden; position:relative; z-index:1; } .health_topimg li span img { position: absolute; transform: translate(-50%,-50%); top: 50%; left: 50%; height:100%; } .health_topimg li p { position: absolute; z-index:5; left: 0; bottom: 0; z-index: 5; background: linear-gradient(to top, rgb(0, 0, 0), transparent); width: 100%; height: 70px; color: #FFF; box-sizing: border-box; padding: 30px 15px 0px 15px; } .health_topimg li p a { display:block; color:#FFF; font-size: 16px; line-height: 30px; height:30px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; } .health_more { display:block; margin:0 auto; width:140px; height:36px; line-height:36px; text-align:center; background:#FFF; border:1px solid #65BB0A; color:#65BB0A; font-size:15px; border-radius:20px; } .health_more:hover { background:#65BB0A; color:#FFF!important; } .both_el { width:360px; float:left; margin-right:20px; } .both_sex_txt {} .both_sex_txt li { height:38px; line-height:38px; overflow: hidden; font-size:16px; } .both_sex_txt li b { display:block; font-weight:normal; float:left; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; width:-webkit-calc(100% - 70px); width:-moz-calc(100% - 70px); width:calc(100% - 70px); } .both_sex_txt li i { display:block; float:right; font-size:12px; color:#999; } .both_sex_txt li:nth-child(4n+1) { height:42px; line-height:42px; } .both_sex_txt li:nth-child(4n+1) b { width:100%; font-weight:bold; font-size:18px; } .both_sex_txt li:nth-child(4n+1) i { display:none; } .both_ec { width:480px; float:left; } .both_sex_pic { width:180px; float:left; margin-top:8px; } .both_sex_pic li { width:100%; height:128px; overflow:hidden; position:relative; z-index:1; margin-bottom:20px; } .both_sex_pic li:last-child { margin-bottom:0; } .both_sex_pic li img { height:100%; position: absolute; transform: translate(-50%,-50%); top: 50%; left: 50%; } .both_sex_pic li p { position: absolute; left: 0; bottom: 0; z-index: 5; background: linear-gradient(to top, rgb(0, 0, 0), transparent); width: 100%; height: 70px; color: #FFF; box-sizing: border-box; padding: 35px 5px 0px 10px; } .both_sex_pic li p b { display: block; color: #FFF; font-size: 14px; line-height: 30px; height: 30px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; font-weight:normal; } .both_sex_cont { width:275px; float:right; } .both_sex_cont li { border-bottom:1px dotted #ddd; padding:7px 0 12px 0; } .both_sex_cont li:first-child { padding-top:0; } .both_sex_cont li:last-child { border-bottom:none; } .both_sex_cont li b { display:block; font-size:16px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; height:36px; line-height:36px; } .both_sex_cont li p { font-size:14px; height:44px; line-height:22px; color:#777; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp:2; -webkit-box-orient:vertical; } .both_er { width:290px; float:right; } .both_sex_list { } .both_sex_list li { width:100%; float:left; margin-top:10px; margin-bottom:8px; background:#f8f8f8; height:80px; overflow:hidden; } .both_sex_list li:last-child { margin-bottom:0; } .both_sex_list li .pic { width:130px; height:80px; float:left; overflow:hidden; position:relative; z-index:1; } .both_sex_list li .pic img { position: absolute; transform: translate(-50%,-50%); top: 50%; left: 50%; height:100%; } .both_sex_list li .txt { width:140px; float:right; margin-right:10px; padding-top:10px; } .both_sex_list li .txt b { display:block; font-size:16px; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp:2; -webkit-box-orient:vertical; height:52px; line-height:26px; font-weight:normal; } .both_sex_list li .txt p { font-size:12px; height:44px; line-height:22px; color:#777; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp:2; -webkit-box-orient:vertical; display:none; } .sexlass { float:left; margin-left:20px; font-size:14px; margin-top:6px; } .sexlass a { display:block; float:left; border:1px solid #383131; color:#383131; padding:0 15px; border-radius:15px; margin-right:20px; line-height:24px; } .sexlass a:hover { color:#fff!important; border:1px solid #2577E3; background:#2577E3; } .sw880 { width:880px; float:left; } .m_box { padding:20px 0;} .sw880 .health_title:before, .sw880 .health_title:after { width: 39%; } .sportone { margin-top:20px; } .sportone_l { width:350px; float:left; } .sportone_l li { width:-webkit-calc(50% - 5px); width:-moz-calc(50% - 5px); width:calc(50% - 5pxs); float:left; height:130px; overflow:hidden; position:relative; z-index:1; margin-bottom:10px; } .sportone_l li:nth-child(2n+1) { float:right; } .sportone_l li img { position: absolute; transform: translate(-50%,-50%); top: 50%; left: 50%; height:100%; z-index:5; } .sportone_l li b { width:100%; display:block; font-weight:normal; color:#FFF; font-size:14px; height:35px; line-height:35px; box-sizing:border-box; padding:0 15px 0 10px; overflow: hidden; position:absolute; z-index:11; left:0; bottom:0; background:rgba(0,0,0,.5); } .sportone_l li:first-child { width:100%; height:250px; } .sportone_l li:first-child b { font-size:16px; height:50px; line-height:50px; } .sportone_c { width:480px; float:left; margin-left:20px; } .sportone_c h4 { height:30px; line-height:30px; position:relative; z-index:1; text-align:center; } .sportone_c h4:before { content:""; width:100%; height:2px; background:#222; position:absolute; z-index:5; top:50%; left:0; margin-top:-1px; } .sportone_c h4 b { display:inline-block; margin:0 auto; padding:0 15px; background:#FFF; font-size:24px; position:relative; z-index:11; font-weight:normal; color:#2577E3; } .sportone_c1 { } .sportone_c1 li { border-bottom:1px dotted #666; padding:15px 0; width:100%; float:left; } .sportone_c1 li:last-child { border-bottom:none; } .sportone_c1 li .pic { width:140px; height:80px; float:left; overflow:hidden; position:relative; z-index:1; margin-right:15px; } .sportone_c1 li .pic img { position: absolute; transform: translate(-50%,-50%); top: 50%; left: 50%; height:100%; } .sportone_c1 li .txt {} .sportone_c1 li b { display:block; font-weight:normal; font-size:18px; height:24px; line-height:24px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; } .sportone_c1 li p { overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp:2; -webkit-box-orient:vertical; font-size:14px; line-height:22px; height:44px; margin-top:10px; color:#999; } .sportone_c2 { } .sportone_c2 li { font-size:16px; height:35px; line-height:35px; } .sportone_c2 li b { display:block; float:left; font-weight:normal; overflow: hidden; width:-webkit-calc(100% - 80px); width:-moz-calc(100% - 80px); width:calc(100% - 80px); position:relative; z-index:1; padding-left:15px; height:35px; line-height:35px; } .sportone_c2 li b:before { content:""; position:absolute; left:0; top:50%; width:4px; height:4px; background:#222; margin-top:-2px; } .sportone_c2 li span { display:block; float:right; font-size:14px; color:#c0c0c0; } .sportone_r { width:300px; float:right; } .focus_left { width:850px; float:left; } .focus_right { width:300px; float:right; } .focus_head { border-bottom: 1px solid #e1e1e1; padding-bottom: 20px; background:url(../images/today.png) no-repeat left 8px; font-size:30px; font-weight:bold; padding-left:150px; color:#2577E3; } .focus_head a { color:#2577E3; } .focus_l { width:350px; float:left; margin-top:20px; } .focus_l li { margin-bottom:20px; } .focus_l li:last-child { margin-bottom:0; } .focus_l li span { display: block; height: 220px; position: relative; z-index: 1; overflow: hidden; } .focus_l li span img { position: absolute; transform: translate(-50%,-50%); top: 50%; left: 50%; height: 100%; } .focus_l li b { display: block; height: 50px; line-height: 50px; font-size: 16px; font-weight: normal; overflow: hidden; border:1px solid #e5e5e5; border-top:none; box-sizing:border-box; padding:0 15px; } .focus_r { width:480px; float:right; margin-top:20px; } .focus_rtop { border:1px solid #e5e5e5; color:#ef8984; height:42px; line-height:42px; font-size:18px; font-weight:bold; text-align:center; margin-bottom:10px; overflow:hidden; padding:0 10px; } .focus_r ul { margin-bottom:20px; } .focus_r li { float: left; width: -webkit-calc(50% - 15px); width: -moz-calc(50% - 15px); width: calc(50% - 15px); font-size: 16px; height: 36px; line-height: 36px; overflow: hidden; } .focus_r li:nth-child(2n) { float: right; } .focus_right_t { border-top:3px solid #eee; height:56px; } .focus_right_t b { display:inline-block; font-size:20px; color:#333; position:relative; z-index:1; padding-top:12px; } .focus_right_t b:before { content:""; position:absolute; left:0; top:-3px; width:100%; height:3px; background:#2577E3; } .focus_right_pic { height: 192px; overflow: hidden; position: relative; z-index: 1; margin-top:20px; } .focus_right_pic img { position: absolute; transform: translate(-50%,-50%); top: 50%; left: 50%; height: 100%; } .focus_right_pic p { position: absolute; left: 0; bottom: 0; z-index: 5; background: linear-gradient(to top, rgb(0, 0, 0), transparent); width: 100%; height: 70px; color: #FFF; box-sizing: border-box; padding: 30px 15px 0px 15px; } .focus_right_pic b { display: block; color: #FFF; font-size: 16px; line-height: 30px; height: 30px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; font-weight: normal; } .focus_right_list { margin-top:7px; } .focus_right_list li { font-size: 15px; height: 36px; line-height: 36px; overflow: hidden; box-sizing: border-box; padding-left: 15px; position: relative; z-index: 1; } .focus_right_list li:before { content: ""; position: absolute; left: 0; top: 50%; width: 4px; height: 4px; background: #888; margin-top: -2px; } .review_list { } .review_list li { width:-webkit-calc(25% - 15px); width:-moz-calc(25% - 15px); width:calc(25% - 15px); float:left; margin-right:20px; margin-top:25px; } .review_list li:nth-child(4n) { float:right; margin-right:0; } .review_list li span { display: block; height: 180px; position: relative; z-index: 1; overflow: hidden; } .review_list li span img { position: absolute; transform: translate(-50%,-50%); top: 50%; left: 50%; height: 100%; z-index: 5; } .review_list li b { display: block; height: 48px; line-height: 24px; font-size: 15px; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp:2; -webkit-box-orient:vertical; margin-top:10px; } .review_list li .bot { font-size:14px; color:#999; line-height:24px; height:24px; margin-top:7px; } .review_list li .bot .l { display:block; float:left; } .review_list li .bot .r { display:block; float:right; } .car_top { margin-top:15px; } .car_toppic { width:880px; float:left; } .car_slide { width:580px; height:365px; float:left; overflow:hidden; position:relative; border-radius:0; } .car_slide .pic{ position:relative; z-index:0; } .car_slide .pic li { position:relative; z-index:1; height:365px; } .car_slide .pic li img { height:365px;} .car_simg { width:295px; float:right; } .car_simg li { display: block; height: 180px; overflow: hidden; position: relative; z-index: 1; margin-bottom:5px; } .car_simg li img { position: absolute; transform: translate(-50%,-50%); top: 50%; left: 50%; height: 100%; } .car_simg li p { position: absolute; left: 0; bottom: 0; z-index: 5; background: linear-gradient(to top, rgb(0, 0, 0), transparent); width: 100%; height: 70px; color: #FFF; box-sizing: border-box; padding: 30px 15px 0px 15px; } .car_simg li b { display: block; color: #FFF; font-size: 16px; line-height: 30px; height: 30px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; font-weight: normal; } .car_topnew { width:280px; height:365px; float:right; border:1px solid #e5e5e5; } .car_topnew .tit { height:50px; background:#f8f8f8; position:relative; z-index:1; padding:0 15px; } .car_topnew .tit b { display:block; color:#2577E3; height:50px; line-height:45px; overflow:hidden; font-size:24px; } .car_topnew ul { margin:12px 15px; } .car_topnew li { font-size: 17px; height: 41px; line-height: 41px; overflow: hidden; } .newcar_ulist {} .newcar_ulist li { float: left; width: -webkit-calc(50% - 5px); width: -moz-calc(50% - 5px); width: calc(50% - 5px); background: #F7F7F7; height: 120px; position: relative; z-index: 1; overflow: hidden; margin-bottom: 10px; } .newcar_ulist li:nth-child(2n+1) { float: right; } .newcar_ulist li img { position: absolute; transform: translate(-50%,-50%); top: 50%; left: 50%; height: 100%; } .newcar_ulist li p { position: absolute; left: 0; bottom: 0; z-index: 5; background: linear-gradient(to top, rgb(0, 0, 0), transparent); width: 100%; height: 70px; color: #FFF; box-sizing: border-box; padding: 30px 10px 10px 10px; } .newcar_ulist li b { display: block; color: #FFF; font-size: 14px; line-height: 30px; height: 30px; overflow: hidden; font-weight:normal; } .newcar_ulist li:first-child { width: 100%; height: 220px; } .newcar_ulist li:first-child b { font-size:16px; } .newcar_box { border:1px solid #eee; height:188px; overflow:hidden; margin-top:5px; } .newcar_box ul { margin:10px 15px; } .newcar_box li { font-size: 14px; height: 34px; line-height: 34px; } .newcar_box li b { display: block; float: left; width: -webkit-calc(100% - 65px); width: -moz-calc(100% - 65px); width: calc(100% - 65px); overflow: hidden; text-overflow: ellipsis; white-space: nowrap; font-weight: normal; position: relative; z-index: 1; padding-left: 15px; } .newcar_box li b:before { content: ""; position: absolute; left: 0; top: 50%; width: 4px; height: 4px; background: #888; margin-top: -2px; } .newcar_box li span { display: block; float: right; color: #999; font-size: 12px; } .newcar { margin-top:20px;} .newcar_l { width: 350px; float: left; } .newcar_c { width: 480px; float: left; margin-left: 20px; } .newcar_r { width: 300px; float: right; } .newcar_cpic { width:190px; float:left; } .newcar_cpic li { background:#F5F5F5; margin-bottom:15px; } .newcar_cpic li span { display: block; height: 115px; position: relative; z-index: 1; overflow: hidden; } .newcar_cpic li span img { position: absolute; transform: translate(-50%,-50%); top: 50%; left: 50%; height: 100%; } .newcar_cpic li p { height: 45px; line-height: 45px; font-size: 14px; font-weight: normal; overflow: hidden; padding: 0 10px; } .newcar_ctxt { width:270px; float:right; } .newcar_ctxt ul { margin-bottom:15px; } .newcar_ctxt li { font-size: 15px; height: 36px; line-height: 36px; overflow: hidden; box-sizing: border-box; padding-left: 15px; position: relative; z-index: 1; } .newcar_ctxt li:before { content: ""; position: absolute; left: 0; top: 50%; width: 4px; height: 4px; background: #888; margin-top: -1px; } .newcar_ctxt li:first-child { color:#2577E3; font-weight:bold; text-align:center; font-size:18px; padding-left:0; } .newcar_ctxt li:first-child a { color:#2577E3; } .newcar_ctxt li:first-child:before { background:none; } .newcar_rlist {} .newcar_rlist li { margin-bottom:10px; } .newcar_rlist li:last-child { margin-bottom:0; } .newcar_rlist li span { display: block; height: 185px; position: relative; z-index: 1; overflow: hidden; } .newcar_rlist li span img { position: absolute; transform: translate(-50%,-50%); top: 50%; left: 50%; height: 100%; } .newcar_rlist li b { display:block; height: 40px; line-height: 40px; font-size: 16px; font-weight: normal; overflow: hidden; text-align:center; } .car_subsidy { margin-top: 20px; margin-bottom: 10px; } .subsidy_l { width: 860px; float: left; } .subsidy_r { width: 300px; float: right; } .subsidy_left { width:350px; float:left; } .subsidy_la { height:260px; overflow:hidden; position:relative; z-index:1; } .subsidy_la img { position: absolute; transform: translate(-50%,-50%); top: 50%; left: 50%; height: 100%; } .subsidy_la p { position: absolute; left: 0; bottom: 0; z-index: 5; background: linear-gradient(to top, rgb(0, 0, 0), transparent); width: 100%; height: 70px; color: #FFF; box-sizing: border-box; padding: 30px 10px 10px 10px; } .subsidy_la b { display: block; color: #FFF; font-size: 16px; line-height: 30px; height: 30px; overflow: hidden; font-weight: normal; } .subsidy_lb { margin-top:15px; height:180px; overflow:hidden; } .subsidy_lb li { float: left; width: -webkit-calc(50% - 15px); width: -moz-calc(50% - 15px); width: calc(50% - 15px); font-size: 14px; height: 36px; line-height: 36px; overflow: hidden; } .subsidy_lb li:nth-child(2n) { float: right; } .subsidy_lright { width:480px; float:left; margin-left:20px; } .newcar_subsidy_t { font-size:20px; font-weight:bold; padding-bottom:15px; color:#333; border-bottom:1px solid #eee ; margin-top:-3px; } .newcar_subsidy_t .more { display:block; float:right; font-size:14px; color:#888; font-weight:normal; padding-top:5px; } .subsidy_lright .utop { height:228px; overflow:hidden; } .subsidy_lright .utop li { border-bottom:1px dotted #ccc; padding:14px 0; } .subsidy_lright .utop li:first-child { padding-top:0; margin-top:-5px; } .subsidy_lright .utop li b { font-size:18px; display:block; height:30px; line-height:30px; margin-bottom:8px; text-align:center; overflow:hidden; } .subsidy_lright .utop li p { overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp:2; -webkit-box-orient:vertical; line-height:28px; height:56px; overflow:hidden; color:#999; font-size:14px; } .subsidy_lright .ulist { margin-top:10px; height:220px; overflow:hidden; } .subsidy_lright .ulist li { float: left; width: -webkit-calc(50% - 15px); width: -moz-calc(50% - 15px); width: calc(50% - 15px); font-size: 14px; height: 36px; line-height: 36px; overflow: hidden; } .subsidy_lright .ulist li:nth-child(2n) { float: right; } .subsidy_llw { width: 350px; float: left; } .subsidy_lpt { border-bottom:1px solid #eee; } .subsidy_lpt li { float: left; width: -webkit-calc(50% - 5px); width: -moz-calc(50% - 5px); width: calc(50% - 5px); margin-bottom: 10px; } .subsidy_lpt li:nth-child(2n) { float: right; } .subsidy_lpt li span { display:block; height: 120px; position: relative; z-index: 1; overflow: hidden; } .subsidy_lpt li span img { position: absolute; transform: translate(-50%,-50%); top: 50%; left: 50%; height: 100%; } .subsidy_lpt li b { display: block; height: 36px; line-height: 36px; font-size: 14px; font-weight: normal; overflow: hidden; text-align: center; } .subsidy_rlc { width: 480px; float: left; margin-left:20px; } .subsidy_rnew { height:360px; overflow:hidden; } .subsidy_rnew li { font-size: 14px; height: 36px; line-height: 36px; } .subsidy_rnew li b { display: block; float: left; width: -webkit-calc(100% - 65px); width: -moz-calc(100% - 65px); width: calc(100% - 65px); overflow: hidden; text-overflow: ellipsis; white-space: nowrap; font-weight: normal; position: relative; z-index: 1; padding-left: 15px; height: 36px; font-size: 16px; } .subsidy_rnew li b:before { content: ""; position: absolute; left: 0; top: 50%; width: 4px; height: 4px; background: #888; margin-top: -2px; } .subsidy_rnew li span { display: block; float: right; color: #999; font-size: 12px; } .subsidy_rpic { overflow:hidden; } .subsidy_rpic li { width: 100%; float: left; margin-bottom:12px; background:#f5f5f5; } .subsidy_rpic li:last-child { margin-bottom:0; } .subsidy_rpic li .pic { float: right; width: 120px; height: 79px; overflow: hidden; position: relative; z-index: 1; } .subsidy_rpic li .pic img { position: absolute; transform: translate(-50%,-50%); top: 50%; left: 50%; height: 100%; } .subsidy_rpic li .txt { float: left; width: -webkit-calc(100% - 145px); width: -moz-calc(100% - 145px); width: calc(100% - 145px); margin-left:12px; } .subsidy_rpic li .txt b { display: block; line-height: 27px; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; height: 54px; font-size: 16px; font-weight: normal; margin-top: 10px; } .subsidy_rpic li .txt p { font-size: 12px; line-height: 22px; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; height: 44px; color: #777; } .subsidy_cpp { margin-top:15px; } .subsidy_cpp li { width:150px; float:left; margin-right:15px; } .subsidy_cpp li:nth-child(3n) { float:right; margin-right:0; } .subsidy_cpp li span { display: block; height: 90px; position: relative; z-index: 1; overflow: hidden; } .subsidy_cpp li span img { position: absolute; transform: translate(-50%,-50%); top: 50%; left: 50%; height: 100%; } .subsidy_cpp li p { display: block; font-size: 14px; border: 1px solid #e5e5e5; border-top: none; box-sizing: border-box; padding: 5px 15px; } .subsidy_cpp li p b { overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp:2; -webkit-box-orient:vertical; line-height:24px; height:48px; font-weight: normal; } .car_energy_ra { border:1px solid #eee; margin-bottom:10px; } .car_energy_ra h4 { border-bottom:1px solid #eee; height:44px; line-height:44px; font-size: 18px; font-weight: bold; color:#2577E3; padding:0 15px; } .car_energy_ra ul { margin:10px 15px; } .car_energy_ra ul li { font-size: 14px; height: 38px; line-height: 38px; overflow:hidden; } .car_energy_ra ul li i { display:block; float:left; width:30px; color:#2577E3; } .car_energy_ra ul li b { display:block; float:right; font-weight:normal; width:-webkit-calc(100% - 30px); width:-moz-calc(100% - 30px); width:calc(100% - 30px); } .car_energy_rb {} .car_energy_rb ul { margin-top:10px; } .car_energy_rb ul li { float: left; width: -webkit-calc(50% - 5px); width: -moz-calc(50% - 5px); width: calc(50% - 5px); margin-bottom: 10px; } .car_energy_rb ul li:nth-child(2n) { float:right; } .car_energy_rb ul li span { display:block; height:98px; position: relative; z-index: 1; overflow: hidden; } .car_energy_rb ul li span img { position: absolute; transform: translate(-50%,-50%); top: 50%; left: 50%; height: 100%; z-index:5; } .car_energy_rb ul li b { display: block; height: 36px; line-height: 36px; font-size: 14px; font-weight: normal; overflow: hidden; text-align: center; } .car_energy_cb { padding:0 0 10px 0; } .car_energy_cb:last-child { padding-bottom:0; } .car_energy_cb .pic { width:190px; float:left; height:110px; overflow:hidden; position:relative; } .car_energy_cb .pic img { position: absolute; transform: translate(-50%,-50%); top: 50%; left: 50%; height: 100%; } .car_energy_cb .pic p { position: absolute; left: 0; bottom: 0; z-index: 5; background: linear-gradient(to top, rgb(0, 0, 0), transparent); width: 100%; height: 70px; color: #FFF; box-sizing: border-box; padding: 30px 10px 10px 10px; } .car_energy_cb .pic b { display: block; color: #FFF; font-size: 14px; line-height: 30px; height: 30px; overflow: hidden; font-weight: normal; } .car_energy_cb .list { width:270px; float:right; height:115px; overflow:hidden; } .car_energy_cb .list li { font-size: 15px; height: 35px; line-height: 35px; overflow: hidden; box-sizing: border-box; padding-left: 15px; position: relative; z-index: 1; } .car_energy_cb .list li:before { content: ""; position: absolute; left: 0; top: 50%; width: 4px; height: 4px; background: #888; margin-top: -2px; }