/* Powered by www.96kaifa.com */ @charset "utf-8"; /* CSS Document */ @import url('header.css'); @import url('footer.css'); html,body{margin:0; padding:0; color:#666; font-family:"微软雅黑"; font-size:14px; width:100%; height:100%;} * {margin:0;padding:0;border:0;} body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, form, fieldset, input, textarea, p, blockquote, th, td, button{padding:0;margin:0; font-weight:normal; font-size:14px;} fieldset, img{border:0;} input, label, select, option, textarea, button, fieldset, legend{font:12px/18px Verdana, Simsun, Helvetica, Arial, sans-serif; vertical-align:middle} table{border-collapse:collapse;border-spacing:0;font:12px/18px Verdana, Simsun, Helvetica, Arial, sans-serif;} img{border:0px;} ul,ul li{margin:0; padding:0; list-style:none;} input,select{outline:none;} select:hover{cursor:pointer;} a{text-decoration:none; color:#666;} a:hover{color:#800000;} .main{width:1100px; margin:0 auto; clear:both; position:relative;} .fl{float:left;} .fr{float:right;} .clear{clear:both;} .blank10{width:100%; height:10px; clear:both;} .blank15{width:100%; height:15px; clear:both;} .blank20{width:100%; height:20px; clear:both;} .blank25{width:100%; height:25px; clear:both;} .blank30{width:100%; height:30px; clear:both;} .blank35{width:100%; height:35px; clear:both;} .blank40{width:100%; height:40px; clear:both;} .blank50{width:100%; height:50px; clear:both;} .line_01{clear:both; width:100%; height:1px; border-bottom:1px dotted #ddd;} .line_02{clear:both; width:100%; height:1px; background-color:#e9e9e9;} /*公共标题*/ /*t_01*/ .t_01{clear:both; width:100%; height:55px; border-bottom:1px solid #eee; position:relative;} .t_01 span{display:block;} .t_01 span.fl b{width:40px; height:40px; display:block; border-radius:50%; background-color:#800000; text-align:center; float:left;} .t_01 span.fl b img{margin:5px 0 0 0;} .t_01 span.fl h3{font-size:20px; float:left; color:#800000; line-height:22px; margin:0 0 0 10px;} .t_01 span.fl h3 font{display:block; clear:both; font-size:12px; color:#666; font-family:arial; text-transform:uppercase;} .t_01 span.fl i{width:128px; height:2px; position:absolute; left:0; bottom:-1px; display:block; background-color:#800000;} .t_01 span.fr{height:24px; margin:14px 0 0 0; text-align:right;} .t_01 span.fr h5{line-height:14px; height:14px; font-size:12px; color:#999; float:right;} .t_01 span.fr i{width:14px; height:2px; margin:8px 0 0 0; display:block; background-color:#ccc; clear:both; float:right;} .t_01 span.fr a:hover h5{color:#800000;} .t_01 span.fr a:hover i{background-color:#800000;} .t_01 span.cter{ width: 330px;border-left:1px solid #e5e5e5; height:36px; float:left; margin:3px 0 0 32px; padding:0 0 0 32px;position: relative;} .t_01 span.cter p{font-size:14px; color:#333; line-height:36px; font-size:14px; float:left;} .t_01 span.cter input{float:left; font-size:12px; height:26px; line-height:26px; border:1px solid #e5e5e5; margin:5px 0 0 13px; font-family:"微软雅黑"; text-indent:8px;} .t_01 span.cter input.txt1{width:180px;} .t_01 span.cter input.txt2{width:30px; margin:5px 5px 0 6px;} .t_01 span.cter b{width:125px; height:24px; display:block; overflow:hidden; float:left; border:1px solid #e5e5e5; margin:5px 0 0 13px; position:relative;} .t_01 span.cter select{float:left; font-size:12px; width:144px; height:24px; line-height:24px; font-family:"微软雅黑"; background-color: transparent; border: solid 0px; -webkit-appearance: initial; padding:0 0 0 6px; position:absolute; left:0; top:0; z-index:2;} .t_01 span.cter b i{width:9px; height:6px; display:block; position:absolute; right:10px; top:10px; z-index:1; background:url(/96kaifa/images/arrow_01.png) no-repeat right center;} .t_01 span.cter input.btn{width:56px; height:26px; color:#fff; line-height:26px; text-align:center; font-size:12px; display:block; background-color:#800000; float:left; margin:5px 0 0 7px;position: absolute;right: -10px;} .t_01 span.menu{float:right; margin:13px 10px 0 0;} .t_01 span.menu a{float:left; padding:0 15px; color:#333; border-right:1px solid #999; font-size:15px; line-height:15px; height:15px;} .t_01 span.menu a.last{border-right:0;} .t_01 span.menu a:hover{color:#800000;} /*t_02*/ .t_02{clear:both; width:100%;} .t_02 h3{font-size:16px; font-weight:bold; color:#333;border-left:3px solid #800000; line-height:16px; height:16px; padding:0 0 0 10px; float:left;} .t_02 .more{float:right; color:#999; font-size:12px; height:16px; line-height:16px; overflow:hidden; background:url(/96kaifa/images/more_j.png) no-repeat right center; padding:0 8px 0 0;} .t_02 .more:hover{color:#800000; background:url(/96kaifa/images/more_j2.png) no-repeat right center;} /*t_03*/ .t_03{clear:both; width:100%; border-bottom:1px solid #e9e9e9; height:44px;} .t_03 h3{font-size:16px; color:#333; font-weight:bold; border-bottom:2px solid #800000; float:left; height:44px; line-height:44px; padding:0 5px 0 0;} /*t_04*/ .t_04{clear:both; width:100%; height:50px; border-bottom:1px solid #e9e9e9; border-top:1px solid #e9e9e9; background-color:#f5f5f5;} .t_04 h3{line-height:18px; font-size:16px; color:#333; font-weight:bold; border-left:3px solid #800000; margin:16px 0 0 0; float:left; padding:0 0 0 16px;} /*t_05*/ .t_05{clear:both; width:100%; border-bottom:1px solid #e9e9e9; height:37px;} .t_05 h3{font-size:18px; color:#333; font-weight:bold; border-bottom:2px solid #800000; float:left; height:36px; line-height:24px; padding:0 10px 0 0; letter-spacing:1px;} /*-----------------------------------------------公用-------------------------------------------------*/ /*侧边栏*/ .sidebar{width:132px; position:fixed; left:50%; top:258px; margin:0 0 0 -720px; overflow:hidden;} .sidebar h3{width:100%;height:46px; line-height:46px; font-size:16px; font-weight:bold; color:#fff; text-align:center; background-color:#800000; border-radius:5px 5px 0 0;} .sidebar h3 i{width:30px; height:30px; display:inline-block; vertical-align:4px; margin:0 3px 0 0;} .sidebar h3 i img{vertical-align:text-top;} .sidebar ul{width:130px; border:1px solid #e9e9e9; border-top:0; border-radius:0 0 5px 5px; background-color:#fff;} .sidebar ul li{width:100%; height:50px; line-height:50px;} .sidebar ul li.on{background-color:#f5f5f5;} .sidebar ul li.on a{color:#800000;} .sidebar ul li a{width:110px; height:50px; color:#333; font-size:15px; margin:0 auto; display:block; text-align:center; border-bottom:1px dotted #ddd;} .sidebar ul li:hover{background-color:#f5f5f5;} .sidebar ul li:hover a{color:#800000;} /*侧边栏2*/ .sidebar2{width:132px; background-color:#fff; position:fixed; left:50%; top:100px; margin:0 0 0 -720px; overflow:hidden;} .sidebar2 ul{width:130px; border:1px solid #e9e9e9; border-radius:5px;} .sidebar2 ul li{width:100%; height:50px; line-height:50px;} .sidebar2 ul li.on{background-color:#f5f5f5;} .sidebar2 ul li.on a{color:#800000;} .sidebar2 ul li a{width:110px; height:50px; color:#333; font-size:15px; margin:0 auto; display:block; text-align:center; border-bottom:1px dotted #ddd;} .sidebar2 ul li:hover{background-color:#f5f5f5;} .sidebar2 ul li:hover a{color:#800000;} /* 侧边分享 */ .side_share{width:130px; background-color:#fff; position:fixed; left:50%; top:173px; margin:0 0 0 -720px; overflow:hidden; border:1px solid #e9e9e9; border-radius:5px;} .side_share h3{width:100px; height:60px; line-height:60px; font-size:18px; font-weight:bold; color:#333; border-bottom:1px dotted #ddd; margin:0 auto; background:url(/96kaifa/images/share.png) no-repeat left center; text-indent:42px;} .side_share ul{clear:both; width:100px; margin:3px 15px 17px 15px; float:left;} .side_share ul li{width:100%; height:36px; margin:13px 0 0 0;} .side_share ul li i{width:36px; height:36px; display:block; float:left; border-radius:50%;} .side_share ul li i.sina{background:#ff7f31 url(/96kaifa/images/sina.png) no-repeat center center; background-size:26px;} .side_share ul li i.qzone{background:#ffbd1d url(/96kaifa/images/qzone.png) no-repeat center center; background-size:26px;} .side_share ul li i.weixin{background:#52cd3e url(/96kaifa/images/weixin.png) no-repeat center center; background-size:26px;} .side_share ul li h4{width:54px; float:right; font-size:16px; color:#666; line-height:36px; height:36px; overflow:hidden;} .side_share ul li a:hover h4{color:#800000;} /*面包屑*/ .crumbs{clear:both; width:100%;} .crumbs h3{color:#333; font-size:14px; height:18px; height:18px; background:url(/96kaifa/images/home_01.png) no-repeat left center; padding:0 0 0 26px;} .crumbs h3 a{color:#666; line-height:18px; height:18px;} .crumbs h3 a:hover{color:#800000;} .crumbs h3 i{width:7px; height:18px; background:url(/96kaifa/images/arrow_02.png) no-repeat center center; display:inline-block; vertical-align:middle; padding:0 13px;} .crumbs h3 a.on{color:#800000;} /*翻页*/ .pages2{clear:both; width:100%; text-align:center; margin:22px 0;} .pages2 a{padding:6px 12px 6px 12px; font-size:14px; border:1px solid #ddd; color:#666; margin:0 4px; vertical-align:middle;} .pages2 a.al{background:#f3f3f3 url(/96kaifa/images/page_arrowl.png) no-repeat center center; display:inline-block; height:32px; width:40px; padding:0;} .pages2 a.al:hover{background:#800000 url(/96kaifa/images/page_arrowl2.png) no-repeat center center; border:1px solid #800000;} .pages2 a.ar{background:#f3f3f3 url(/96kaifa/images/page_arrowr.png) no-repeat center center; display:inline-block; height:32px; width:40px; padding:0;} .pages2 a.ar:hover{background:#800000 url(/96kaifa/images/page_arrowr2.png) no-repeat center center;} .pages2 a:hover{color:#fff; background-color:#800000; border:1px solid #800000;} .pages2 a.home,.pages a.end{width:60px;} .pages2 a.on{background:#800000; color:#fff; border:1px solid #800000;} /*-----------------------------------------------公用-------------------------------------------------*/ /*首页广告切换*/ .bannerbox_left{width: 840px;float: left;} .bannerbox_right{width: 230px;float: right;} #focus {width:840px;height:280px;overflow:hidden;position:relative;} #focus ul {height:280px;position:absolute;} #focus ul li {float:left;width:840px;height:280px;overflow:hidden;position:relative;background:#000;} #focus ul li img{width:100%;} #focus .btn {position:absolute;width:840px; height:10px;left:0; bottom:18px; text-align:center;} #focus .btn span {display:inline-block; _display:inline;_zoom:1;width:10px; height:10px; font-size:20px; border-radius:50%; background-color:#fff;margin-right:7px; cursor:pointer; overflow:hidden; color:#fff;} #focus .btn span.on {background:#800000;color:#800000;} .pages li{list-style-type:none;width:10px;height:10px;border-radius:10px;background-color:white} .pages li:hover{/*box-shadow:0 0 5px 2px white;*/ cursor:pointer;} .pages li.active{background-color:#800000;/*box-shadow:0 0 5px 2px #800000;*/} .pages{position:absolute;z-index:999} .pages.horizontal{left:50%;transform:translateX(-50%);bottom:20px} .pages.horizontal li{display:inline-block;margin-right:6px} .pages.horizontal li:last-child{margin-right:0} .pages.vertical{right:5px;top:50%;transform:translateY(-50%)} .pages.vertical li{margin-bottom:10px} .pages.vertical li:last-child{margin-bottom:0} .bannerbox_left .recom{width:236px; height:192px; overflow:hidden; position:relative; margin:26px 0 0 0; float:left;} .bannerbox_left .recom img{width:100%; display:block;} .bannerbox_left .recom h3{background-color:rgba(0,0,0,0.55); left:0; right:0; bottom:0; height:36px; line-height:36px; padding:0 10px; color:#fff; position:absolute;} .bannerbox_left .fg_line{ width:1px; height:192px; border-right:1px dotted #ddd; float:left; margin:26px 0 0 23px;} .bannerbox_left .box_list{width:555px; float:right; margin:6px 0 0 0; height:192px;} .bannerbox_left .box_list li{width:268px; float:left; margin:20px 14px 0 0;} .bannerbox_left .box_list li.last{margin:20px 0 0 0;} .bannerbox_left .box_list li:nth-child(2n){margin:20px 0 0 0;} .bannerbox_left .box_list li span.fl{width:106px; height:86px; display:block; overflow:hidden;} .bannerbox_left .box_list li span.fl img{width:100%; display:block;} .bannerbox_left .box_list li span.fr{width:150px;} .bannerbox_left .box_list li span.fr h3{color:#333; font-size:16px; line-height:28px; height:28px; overflow:hidden;} .bannerbox_left .box_list li span.fr a:hover h3{color:#800000;} .bannerbox_left .box_list li span.fr p{color:#666; font-size:14px; line-height:24px; height:48px; overflow:hidden; margin:4px 0 0 0;} .bannerbox_right .list{width:100%; float:right; margin:2px 0 0 0; height:192px;} .bannerbox_right .list li{width:100%; float:left; margin:20px 14px 0 0;} .bannerbox_right .list li.last{margin:20px 0 0 0;} .bannerbox_right .list li span.fl{width:78px; height:64px; display:block; overflow:hidden; display: -webkit-box; text-overflow: ellipsis; overflow: hidden; -webkit-line-clamp: 2; -webkit-box-orient: vertical;} .bannerbox_right .list li span.fl img{width:100%; display:block;} .bannerbox_right .list li span.fr{width:138px;} .bannerbox_right .list li span.fr h3{color:#333; font-size:16px; line-height:20px; height:20px; overflow:hidden;} .bannerbox_right .list li span.fr a:hover h3{color:#800000;} .bannerbox_right .list li span.fr p{color:#666; font-size:14px; line-height:22px; height:44px; overflow:hidden; margin:4px 0 0 0; display: -webkit-box; text-overflow: ellipsis; overflow: hidden; -webkit-line-clamp: 2; -webkit-box-orient: vertical;} /*瘦身工具*/ .in_tools{clear:both; width:100%;} .tools_list{clear:both; width:100%; margin:4px 0 0 0;} .tools_list li{width:260px; float:left; margin:26px 20px 0 0;} .tools_list li.last{margin:26px 0 0 0;} .tools_list li span{width:88px; height:88px; display:block; border-radius:50%; border:1px solid #e9e9e9; position:relative; margin:0 0 0 5px; float:left;} .tools_list li span b{width:88px; height:88px; display:block; border-radius:50%; border:1px solid #e9e9e9; position:absolute; left:-5px; top:5px; z-index:2;} .tools_list li:hover span{border:1px solid #800000;} .tools_list li span.tools_01{background:url(/96kaifa/images/tools_01.png) no-repeat 17px 22px;} .tools_list li:hover span.tools_01{background:#800000 url(/96kaifa/images/tools_011.png) no-repeat 17px 22px;} .tools_list li span.tools_02{background:url(/96kaifa/images/tools_02.png) no-repeat 17px 22px;} .tools_list li:hover span.tools_02{background:#800000 url(/96kaifa/images/tools_021.png) no-repeat 17px 22px;} .tools_list li span.tools_03{background:url(/96kaifa/images/tools_03.png) no-repeat 17px 22px;} .tools_list li:hover span.tools_03{background:#800000 url(/96kaifa/images/tools_031.png) no-repeat 17px 22px;} .tools_list li span.tools_04{background:url(/96kaifa/images/tools_04.png) no-repeat 17px 22px;} .tools_list li:hover span.tools_04{background:#800000 url(/96kaifa/images/tools_041.png) no-repeat 17px 22px;} .tools_list li span.tools_05{background:url(/96kaifa/images/tools_05.png) no-repeat 17px 22px;} .tools_list li:hover span.tools_05{background:#800000 url(/96kaifa/images/tools_051.png) no-repeat 17px 22px;} .tools_list li span.tools_06{background:url(/96kaifa/images/tools_06.png) no-repeat 17px 22px;} .tools_list li:hover span.tools_06{background:#800000 url(/96kaifa/images/tools_061.png) no-repeat 17px 22px;} .tools_list li span.tools_07{background:url(/96kaifa/images/tools_07.png) no-repeat 17px 22px;} .tools_list li:hover span.tools_07{background:#800000 url(/96kaifa/images/tools_071.png) no-repeat 17px 22px;} .tools_list li span.tools_08{background:url(/96kaifa/images/tools_08.png) no-repeat 17px 22px;} .tools_list li:hover span.tools_08{background:#800000 url(/96kaifa/images/tools_081.png) no-repeat 17px 22px;} .tools_list li div{width:148px; float:right;} .tools_list li div h3{font-size:16px; color:#333; line-height:24px; height:24px; overflow:hidden;} .tools_list li div a:hover h3{color:#800000;} .tools_list li div p{font-size:14px; color:#666; line-height:22px; height:66px; overflow:hidden; margin:5px 0 0 0;} /*首页饮食减肥*/ .in_diet{clear:both; width:100%;} .in_diet .infor_ctl{width:840px; float:left;} .in_diet .infor_ctr{width:230px; float:right; margin:30px 0 0 0;} .in_diet .infor_ctl .infor_01{width:410px;} .in_diet .infor_ctl .infor_01 .infor_01ct ul{width:236px;} .in_dietr1{clear:both; width:100%;} .in_dietr1 ul{clear:both; width:100%; margin:12px 0 0 0; float:left; padding:0 0 12px 0;} .in_dietr1 ul li{width:68px; float:left; font-size:14px; color:#333; overflow:hidden; margin:0 13px 0 0;} .in_dietr1 ul li.last{margin:0 0 0 0;} .in_dietr1 ul li:nth-child(3n){margin:0 0 0 0;} .in_dietr1 ul li a{color:#333; background:url(/96kaifa/images/list_image.png) no-repeat left center; line-height:37px; height:37px; display:block; padding:0 0 0 9px;} .in_dietr1 ul li a:hover{color:#800000;} .in_dietr2{clear:both; width:100%; margin:30px 0 0 0; float:left;} .in_dietr2 ul{margin:8px 0 0 0; clear:both; width:100%; float:left;} .in_dietr2 ul li{position:relative; width:108px; height:88px; overflow:hidden; float:left; margin:13px 14px 0 0;} .in_dietr2 ul li.last{margin:13px 0 0 0;} .in_dietr2 ul li:nth-child(2n){margin:13px 0 0 0;} .in_dietr2 ul li img{width:100%; display:block;} .in_dietr2 ul li h3{position:absolute; padding:0 10px; left:0; right:0; bottom:0; background-color:rgba(0,0,0,0.55); height:28px; line-height:28px; font-size:14px; color:#fff; text-align:center;} .in_dietr3{clear: both;width: 100%;} .in_dietr3 ul { margin:5px 0 0 0; clear: both; width: 100%; float: left; } .in_dietr3 ul li { position: relative; width: 103px; height: 84px; overflow: hidden; float: left; margin: 13px 14px 0 0; } .in_dietr3 ul li img { width: 100%; display: block; } .in_dietr3 ul li h3 { position: absolute; padding: 0 10px; left: 0; right: 0; bottom: 0; background-color: rgba(0,0,0,0.55); height: 28px; line-height: 28px; font-size: 14px; color: #fff; text-align: center; } .in_dietr3 ul li:nth-child(2n) { margin: 13px 0 0 0; } /*首页局部减肥*/ .in_specia{clear:both; width:100%;} .in_specia .big_img{width:230px; height:158px; overflow:hidden; margin:20px 0 0 0; float:left;} .in_specia .big_img img{width:100%; display:block;} .in_specia ul{width:100%; margin:0px 0 0 0;} .in_specia ul li{width:100%; clear:both; height:35px; line-height:35px; border-bottom:1px dotted #ddd; text-indent:10px; overflow:hidden; background:url(/96kaifa/images/dian.jpg) no-repeat left center;} .in_specia ul li a{color:#333;} .in_specia ul li a:hover{color:#800000;} /*首页运动减肥*/ .in_sports{clear:both; width:100%; margin:30px 0 0 0; float:left;} .in_sports ul{clear:both; margin:20px 0 0 0; width:100%; float:left;} .in_sports ul li{width:196px; height:136px; overflow:hidden; position:relative; float:left; margin:0 18px 0 0;} .in_sports ul li.last{margin:0 0 0 0;} .in_sports ul li:last-child{margin:0 0 0 0;} .in_sports ul li img{width:100%; display:block;} .in_sports ul li h3{position:absolute; left:0; right:0; bottom:0; padding:0 10px; text-align:center; color:#fff; font-size:14px; height:30px; line-height:30px; overflow:hidden; background-color:rgba(0,0,0,0.55);} .in_sports ul li i{width:36px; height:36px; display:block; position:absolute; top:40px; left:50%; margin:0 0 0 -18px; background:url(/96kaifa/images/play.png) no-repeat center center;} .in_sports ul li:hover{cursor:pointer;} .in_sports ul li .txt{width:196px; height:136px; position:absolute;left:0;top:240px;color:#fff;font-family:"微软雅黑";background-color:rgba(100,192,14,0.86); display:none;} .in_sports ul li .txt span{width:160px; display:block; margin:0 auto;} .in_sports ul li .txt h4{font-size:15px; line-height:30px; height:30px; overflow:hidden; color:#fff; width:100%; text-align:center; margin:14px 0 3px 0;} .in_sports ul li .txt p{font-size:13px; color:#fff; line-height:20px; height:40px; overflow:hidden;} .in_sports ul li .txt a.more{width:50px; height:16px; line-height:16px; font-size:12px; text-align:center; text-transform:uppercase; color:#fff; border:1px solid #fff; display:block; margin:10px 0 0 0; float:right; font-family:arial;} .in_sports ul li:hover h3{display:none;} .in_sports ul li:hover i{display:none;} .in_sports ul li:hover .txt{display:block; top:0; animation:mymove 0.3s; -webkit-animation:mymove 0.3s; -moz-animation:mymove 0.3s; -o-animation:mymove 0.3s; } @keyframes mymove { from {top:240px;} to {top:0;} } @-webkit-keyframes mymove { from {top:240px;} to {top:0;} } /*减肥食谱*/ .headline{clear:both; width:780px; float:left;} .headline_ct{clear:both; width:100%; margin:22px 0 0 0;} .headline_ct .list1{clear:both; width:100%;} .headline_ct .list1 li{width:250px; height:182px; position:relative; overflow:hidden; float:left; margin:0 15px 0 0;} .headline_ct .list1 li.last{margin:0;} .headline_ct .list1 li img{width:100%; display:block;} .headline_ct .list1 li h3{background-color:rgba(0,0,0,0.55); padding:0 10px; font-size:14px; height:34px; line-height:34px; text-align:center; overflow:hidden; position:absolute; bottom:0; left:0; right:0; color:#fff;} .headline_ct .list1 li:hover{cursor:pointer;} .headline_ct .list1 li .txt{width:250px; height:182px; position:absolute;left:0;top:240px;color:#fff;font-family:"微软雅黑";background-color:rgba(100,192,14,0.86); display:none;} .headline_ct .list1 li .txt span{width:204px; display:block; margin:0 auto;} .headline_ct .list1 li .txt h4{font-size:16px; line-height:30px; height:30px; overflow:hidden; color:#fff; width:100%; text-align:center; margin:25px 0 5px 0;} .headline_ct .list1 li .txt p{font-size:13px; color:#fff; line-height:22px; height:66px; overflow:hidden;} .headline_ct .list1 li .txt a.more{width:50px; height:16px; line-height:16px; font-size:12px; text-align:center; text-transform:uppercase; color:#fff; border:1px solid #fff; display:block; margin:12px 0 0 0; float:right; font-family:arial;} .headline_ct .list1 li:hover h3{display:none;} .headline_ct .list1 li:hover .txt{display:block; top:0; animation:mymove 0.3s; -webkit-animation:mymove 0.3s; -moz-animation:mymove 0.3s; -o-animation:mymove 0.3s; } @keyframes mymove { from {top:240px;} to {top:0;} } @-webkit-keyframes mymove { from {top:240px;} to {top:0;} } .headline_ct .choice{width:250px; height:220px; position:relative; overflow:hidden; float:left; margin:20px 0 0 0;} .headline_ct .choice h3{background-color:rgba(100,192,14,0.86); padding:0 10px; font-size:14px; height:30px; line-height:30px; overflow:hidden; position:absolute; bottom:0; left:0; right:0; color:#fff;} .headline_ct .list2{width:514px; float:right;} .headline_ct .list2 li{width:249px; height:60px; overflow:hidden; float:left; margin:20px 16px 0 0;} .headline_ct .list2 li.last{margin:20px 0 0 0;} .headline_ct .list2 li span.fl{width:74px; height:60px; overflow:hidden;} .headline_ct .list2 li span.fr{width:162px;} .headline_ct .list2 li span.fr h3{color:#333; font-size:15px; line-height:16px;height:16px; overflow:hidden;} .headline_ct .list2 li span.fr a:hover h3{color:#800000;} .headline_ct .list2 li span.fr p{font-size:14px; line-height:20px; height:40px; overflow:hidden; margin:6px 0 0 0;} /*食谱推荐*/ .recipes_recom{float:right; width:300px;} .recipes_recom .recom_t{clear:both; width:100%; height:40px; background-color:#eff8e7;} .recipes_recom .recom_t li{width:33.33%; float:left; text-align:center; font-size:16px;} .recipes_recom .recom_t li a{color:#333; line-height:37px; display:inline-table;} .recipes_recom .recom_t li a:hover{color:#800000; border-bottom:3px solid #800000;} .recipes_recom .recom_t li a.on{border-bottom:3px solid #800000; color:#800000;} .recipes_recom .recom_list{width:100%; clear:both; margin:1px 0 0 0; float:left;} .recipes_recom .recom_list li{width:100%; height:68px; overflow:hidden; margin:17px 0 0 0;} .recipes_recom .recom_list li span.fl{width:78px; height:68px; overflow:hidden;} .recipes_recom .recom_list li span.fr{width:210px;} .recipes_recom .recom_list li span.fr h3{color:#333; font-size:16px; line-height:18px;height:18px; overflow:hidden;} .recipes_recom .recom_list li span.fr a:hover h3{color:#800000;} .recipes_recom .recom_list li span.fr p{font-size:14px; line-height:22px; height:44px; overflow:hidden; margin:6px 0 0 0;} /*食谱精选*/ .recipes_choice{clear:both; width:100%;} .recipes_choice .choice_list{clear:both; width:100%;} .recipes_choice .choice_list li{width:200px; float:left; margin:22px 25px 0 0;} .recipes_choice .choice_list li.last{margin:22px 0 0 0;} .recipes_choice .choice_list li span{width:200px; height:200px; display:block; overflow:hidden;} .recipes_choice .choice_list li span img{width:100%; display:block;} .recipes_choice .choice_list li h4{clear:both; font-size:16px; line-height:26px; height:26px; overflow:hidden; color:#333; text-align:center; margin:8px 0 0 0;} .recipes_choice .choice_list li a:hover h4{color:#800000;} /*饮食资讯*/ .dietary_infor{clear:both; width:100%;} .dietary_infor .infor_ctl{clear:both; width:780px; float:left;} .infor_ctl .infor_01{width:380px; float:left; margin:32px 20px 0 0; overflow:hidden; border-bottom:1px solid #e9e9e9; padding:0 0 20px 0;} .infor_ctl .last{margin-right:0;} .infor_01 .infor_01ct{clear:both; width:100%;} .infor_01 .infor_01ct span.fl{width:160px; height:130px; display:block; overflow:hidden; margin:20px 0 0 0;} .infor_01 .infor_01ct span.fl img{width:100%; display:block;} .infor_01 .infor_01ct ul{width:207px; margin:7px 0 0 0;} .infor_01 .infor_01ct ul li{width:100%; clear:both; height:35px; line-height:35px; border-bottom:1px dotted #ddd; text-indent:10px; overflow:hidden; background:url(/96kaifa/images/dian.jpg) no-repeat left center;} .infor_01 .infor_01ct ul li a{color:#333;} .infor_01 .infor_01ct ul li a:hover{color:#800000;} .dietary_infor .infor_ctr{width:300px; float:right; margin:30px 0 0 0;} .infor_ctr .infor_ctrt{clear:both; width:100%; height:40px; border-top:1px solid #800000; border-bottom:1px solid #eee; margin:10px 0 0 0; float:left;} .infor_ctrt li{width:33.33%; float:left; text-align:center; font-size:16px;} .infor_ctrt li a{color:#333; line-height:39px; display:inline-table; padding:0 3px;} .infor_ctrt li a:hover{color:#800000; border-bottom:2px solid #800000;} .infor_ctrt li a.on{border-bottom:2px solid #800000; color:#800000;} .infor_ctrlist{clear:both;} .infor_ctrlist li{float:left; width:94px; height:94px; overflow:hidden; position:relative; margin:20px 9px 0 0;} .infor_ctrlist li.last{margin:18px 0 0 0;} .infor_ctrlist li h3{position:absolute; left:0; right:0; bottom:0; padding:0 10px; font-size:14px; text-align:center; background-color:rgba(0,0,0,0.55); height:28px; line-height:28px; color:#fff;} /*食物库*/ .food_bank{clear:both; width:100%;} .food_bank .food_bankctl{clear:both; float:left; width:780px;} .food_bank .food_bankctl ul{margin:5px 0 0 0;} .food_bank .food_bankctl ul li{width:240px; float:left; margin:30px 20px 0 0;} .food_bank .food_bankctl ul li.last{margin:30px 0 0 0;} .food_bank .food_bankctl ul li span{width:100px; height:100px; display:block; border-radius:50%; border:1px solid #e9e9e9; overflow:hidden; margin:0 auto;} .food_bank .food_bankctl ul li h3{font-size:16px; color:#333; text-align:center; line-height:34px; height:34px; overflow:hidden; margin:5px 0 0 0;} .food_bank .food_bankctl ul li a:hover h3{color:#800000;} .food_bank .food_bankctl ul li p{font-size:14px; color:#999; text-align:center; line-height:20px; height:20px; overflow:hidden;} .food_bank .food_bankctr{float:right; width:300px; margin:30px 0 0 0;} .food_bank .food_bankctr .food_bankctrbg{width:300px; border:1px solid #e9e9e9; clear:both; margin:20px 0 0 0; float:left; padding:0 0 20px 0;} .food_bank .food_bankctr .food_bankctrbg span{width:260px; height:180px; display:block; overflow:hidden; margin:20px auto 0 auto; position:relative;} .food_bank .food_bankctr .food_bankctrbg span b{width:100%; height:100%; background-color:rgba(0,0,0,0.2); position:absolute; top:0; left:0; z-index:2;} .food_bank .food_bankctr .food_bankctrbg span i{width:68px; height:68px; display:block; background:#800000 url(/96kaifa/images/calorie_pic1.png) no-repeat center center;; border-radius:50%; position:absolute; z-index:3; top:50%; left:50%; margin:-34px 0 0 -34px;} .food_bank .food_bankctr .food_bankctrbg h4{clear:both; width:260px; margin:20px auto 0 auto; color:#333; line-height:22px;} .food_bank .food_bankctr .food_bankctrbg h5{clear:both; width:260px; font-size:14px; margin:15px auto 0 auto; color:#800000; line-height:22px;} .food_bank .food_bankctr .food_bankctrbg h5 font{font-family:"宋体";} /*合作链接*/ .cooperation{clear:both; width:100%;} .cooper_ct{clear:both; width:100%; margin:16px 0 0 0;} .cooper_ct p{color:#333;} .cooper_ct p a{display:inline-block; float:left; margin:0 30px 0 0; line-height:30px; color:#333;} .cooper_ct p a:hover{color:#800000;} /*减肥常识页面*/ .page_l{width:780px; float:left;} .page_r{width:300px; float:right;} /*肥胖原因*/ .obesity_reason{clear:both; width:100%; margin:27px 0 0 0; float:left;} .obesity_reasonct{clear:both; width:100%; border:1px solid #e9e9e9; margin:15px 0 0 0; float:left; padding:2px 0;} .obesity_reasonct ul{width:746px; clear:both; margin:0 auto;} .obesity_reasonct ul li{width:100%; clear:both; margin:17px 0 0 0; border-bottom:1px dotted #ddd; height:122px;} .obesity_reasonct ul li.last{border-bottom:0;} .obesity_reasonct ul li span.fl{width:130px; height:106px; overflow:hidden; position:relative;} .obesity_reasonct ul li span.fl b{width:36px; height:36px; display:block; background:url(/96kaifa/images/play.png) no-repeat center center; position:absolute; top:50%; left:50%; margin:-18px 0 0 -18px; z-index:2;} .obesity_reasonct ul li span.fl img{width:100%; display:block;} .obesity_reasonct ul li span.fr{width:596px;} .obesity_reasonct ul li span.fr h3{color:#333; font-size:18px; float:left; width:500px; line-height:34px;height:34px;overflow: hidden;text-overflow: ellipsis;-webkit-line-clamp: 1;} .obesity_reasonct ul li span.fr h3:hover{color:#800000;} .obesity_reasonct ul li span.fr h5{font-size:12px; color:#999; text-align:right; line-height:34px;} .obesity_reasonct ul li span.fr p{font-size:14px; line-height:26px; margin:5px 0 0 0;display: -webkit-box;height: 50px; text-overflow: ellipsis; overflow: hidden; -webkit-line-clamp: 2; -webkit-box-orient: vertical;} .obesity_reasonct ul li span.fr p a{color:#800000;} .obesity_reasonct ul li span.fr p a:hover{text-decoration:underline;} /*肥胖原因2*/ .nous2_list{clear:both; width:100%; border:1px solid #e9e9e9; margin:27px 0 0 0; float:left; padding:2px 0;} .nous2_list ul{width:746px; clear:both; margin:0 auto;} .nous2_list ul li{width:100%; clear:both; margin:17px 0 0 0; border-bottom:1px dotted #ddd; height:122px;} .nous2_list ul li.last{border-bottom:0;} .nous2_list ul li span.fl{width:130px; height:106px; overflow:hidden; position:relative;} .nous2_list ul li span.fl b{width:36px; height:36px; display:block; background:url(/96kaifa/images/play.png) no-repeat center center; position:absolute; top:50%; left:50%; margin:-18px 0 0 -18px; z-index:2;} .nous2_list ul li span.fl img{width:100%; display:block;} .nous2_list ul li span.fr{width:596px;} .nous2_list ul li span.fr h3{color:#333; font-size:18px; float:left; width:500px; line-height:34px;height:34px;overflow: hidden;text-overflow: ellipsis;-webkit-line-clamp: 1;} .nous2_list ul li span.fr h3:hover{color:#800000;} .nous2_list ul li span.fr h5{font-size:12px; color:#999; text-align:right; line-height:34px;} .nous2_list ul li span.fr p{font-size:14px; line-height:26px; margin:5px 0 0 0; height: 50px; display: -webkit-box; text-overflow: ellipsis; overflow: hidden; -webkit-line-clamp: 2; -webkit-box-orient: vertical;} .nous2_list ul li span.fr p a{color:#800000;} .nous2_list ul li span.fr p a:hover{text-decoration:underline;} /*热点推荐*/ .hot_recom{width:100%; margin:27px 0 0 0;} .hot_recomct{clear:both; width:100%; border:1px solid #e9e9e9; margin:15px 0 0 0; float:left; padding:17px 0;} .hot_recomct .big_img{width:270px; height:185px; overflow:hidden; margin:0 auto;} .hot_recomct .big_img img{width:100%; display:block;} .hot_recomct ul{width:270px; margin:0 auto;} .hot_recomct ul li{width:100%; clear:both; height:35px; line-height:35px; border-bottom:1px dotted #ddd; text-indent:10px; overflow:hidden; background:url(/96kaifa/images/dian.jpg) no-repeat left center;} .hot_recomct ul li a{color:#333;} .hot_recomct ul li a:hover{color:#800000;} /*广告位*/ .advert{clear:both; width:300px; overflow:hidden; margin:25px 0 0 0; float:left;} .advert img{width:100%; display:block;} /*瘦身工具*/ .side_tools{clear:both; width:100%; margin:27px 0 0 0; float:left;} .side_toolsct{clear:both; width:100%; border:1px solid #e9e9e9; margin:15px 0 0 0; float:left; padding:0 0 17px 0;} .side_toolsct ul{width:274px; margin:0 auto;} .side_toolsct ul li{width:130px; float:left; margin:16px 14px 0 0; border-bottom:1px dotted #ddd; padding:0 0 14px 0;} .side_toolsct ul li.last{margin:16px 0 0 0;} .side_toolsct ul li span{width:44px; height:44px; display:block; border-radius:50%; border:1px solid #e9e9e9; position:relative; margin:0 0 0 3px; float:left;} .side_toolsct ul li span b{width:44px; height:44px; display:block; border-radius:50%; border:1px solid #e9e9e9; position:absolute; left:-3px; top:3px; z-index:2;} .side_toolsct ul li h4{float:left; font-size:14px; line-height:48px;} .side_toolsct ul li h4 font{font-family:"宋体"; margin:0 0 0 5px;} .side_toolsct ul li:hover span{border:1px solid #800000;} .side_toolsct ul li span.tools_01{background:url(/96kaifa/images/tools_01.png) no-repeat 7px 10px; background-size:28px;} .side_toolsct ul li:hover span.tools_01{background:#800000 url(/96kaifa/images/tools_011.png) no-repeat 7px 10px; background-size:28px;} .side_toolsct ul li span.tools_02{background:url(/96kaifa/images/tools_02.png) no-repeat 7px 10px; background-size:26px;} .side_toolsct ul li:hover span.tools_02{background:#800000 url(/96kaifa/images/tools_021.png) no-repeat 7px 10px; background-size:28px;} .side_toolsct ul li span.tools_03{background:url(/96kaifa/images/tools_03.png) no-repeat 7px 10px; background-size:26px;} .side_toolsct ul li:hover span.tools_03{background:#800000 url(/96kaifa/images/tools_031.png) no-repeat 7px 10px; background-size:28px;} .side_toolsct ul li span.tools_04{background:url(/96kaifa/images/tools_04.png) no-repeat 7px 10px; background-size:26px;} .side_toolsct ul li:hover span.tools_04{background:#800000 url(/96kaifa/images/tools_041.png) no-repeat 7px 10px; background-size:28px;} .side_toolsct ul li span.tools_05{background:url(/96kaifa/images/tools_05.png) no-repeat 7px 10px; background-size:26px;} .side_toolsct ul li:hover span.tools_05{background:#800000 url(/96kaifa/images/tools_051.png) no-repeat 7px 10px; background-size:28px;} .side_toolsct ul li span.tools_06{background:url(/96kaifa/images/tools_06.png) no-repeat 7px 10px; background-size:26px;} .side_toolsct ul li:hover span.tools_06{background:#800000 url(/96kaifa/images/tools_061.png) no-repeat 7px 10px; background-size:28px;} .side_toolsct ul li span.tools_07{background:url(/96kaifa/images/tools_07.png) no-repeat 7px 10px; background-size:26px;} .side_toolsct ul li:hover span.tools_07{background:#800000 url(/96kaifa/images/tools_071.png) no-repeat 7px 10px; background-size:28px;} .side_toolsct ul li span.tools_08{background:url(/96kaifa/images/tools_08.png) no-repeat 7px 10px; background-size:26px;} .side_toolsct ul li:hover span.tools_08{background:#800000 url(/96kaifa/images/tools_081.png) no-repeat 7px 10px; background-size:28px;} .side_toolsct ul li div{width:100%; clear:both;} .side_toolsct ul li div h3{clear:both; font-size:14px; font-weight:bold; color:#333; line-height:26px; height:26px; overflow:hidden; margin:8px 0 0 0; float:left;} /*.side_toolsct ul li div a:hover h3{color:#800000;}*/ .side_toolsct ul li div p{clear:both; font-size:14px; color:#666; line-height:20px; height:40px; overflow:hidden; margin:4px 0 0 0; float:left;} /*推荐阅读*/ .side_specialct{clear:both; width:100%; margin:15px 0 0 0; float:left; border:1px solid #e9e9e9; padding:0 0 8px 0;} .side_specialct ul{width:270px; margin:0 auto 0 auto;} .side_specialct ul li{width:100%; float:left; margin:20px 14px 0 0;} .side_specialct ul li.last{margin:20px 0 0 0;} .side_specialct ul li span.fl{width:78px; height:68px; display:block; overflow:hidden;} .side_specialct ul li span.fl img{width:100%; display:block;} .side_specialct ul li span.fr{width:178px;} .side_specialct ul li span.fr h3{color:#333; font-size:16px; line-height:20px; height:20px; overflow:hidden;} .side_specialct ul li span.fr a:hover h3{color:#800000;} .side_specialct ul li span.fr p{color:#666; font-size:14px; line-height:22px; height:44px; overflow:hidden; margin:4px 0 0 0;} /*明星减肥*/ .side_star{clear:both; width:100%; float:left; margin:27px 0 0 0;} .side_starct{clear:both; width:100%; margin:15px 0 0 0; float:left; border:1px solid #e9e9e9; padding:0 0 8px 0;} .side_starct ul{width:270px; margin:12px auto 0 auto;} .side_starct ul li{width:128px; float:left; margin:6px 14px 0 0;} .side_starct ul li.last{margin:6px 0 0 0;} .side_starct ul li:nth-child(2n){margin:6px 0 0 0;} .side_starct ul li span{width:128px; height:104px; display:block; overflow:hidden;} .side_starct ul li span img{width:100%; display:block;} .side_starct ul li h4{clear:both; width:100%; font-size:14px; color:#333; line-height:38px; height:38px; overflow:hidden; text-align:center;} .side_starct ul li a:hover h4{color:#800000;} /*详情页面*/ .page_detail{clear:both; width:100%; border:1px solid #e9e9e9; float:left; margin:27px 0 0 0;margin-bottom: 16px;} .page_detailt{clear:both; width:730px; margin:0 auto;} .page_detailt h1{font-size:26px; color:#333; line-height:50px; text-align:center; margin:16px 0 0 0;} .page_detailt h5{font-size:14px; color:#999; text-align:center; line-height:24px; margin:7px 0 0 0;} .page_detailt h5 i{font-style:normal;} .page_detailct{clear:both; width:730px; margin:20px auto 0 auto; font-size:16px; line-height:32px; color:#333;} .page_detailct p{line-height:32px; font-size:16px;} .page_detailct img {display: block; margin: 20px auto; max-width:730px;} /*相关文章*/ .artical{width:100%; clear:both; margin:27px 0 0 0; float:left;} .artical_list{clear:both; width:100%; border:1px solid #e9e9e9; margin:15px 0 0 0; float:left; padding:0 0 20px 0;} .artical_list ul{width:744px; margin:4px auto 0 auto;} .artical_list ul li{width:364px; float:left; padding:0 0 16px 0; border-bottom:1px dotted #ddd; margin:16px 16px 0 0;} .artical_list ul li.last{margin:16px 0 0 0;} .artical_list ul li span.fl{width:106px; height:78px; display:block; overflow:hidden;} .artical_list ul li span.fl img{width:100%; display:block;} .artical_list ul li span.fr{width:242px;} .artical_list ul li span.fr h3{font-size:16px; color:#333; line-height:30px; height:30px; overflow:hidden;} .artical_list ul li span.fr a:hover h3{color:#800000;} .artical_list ul li span.fr p{font-size:14px; line-height:22px; height:44px; overflow:hidden; margin:2px 0 0 0;} /*推荐阅读*/ .recom_read{clear:both; width:100%; border:1px solid #e9e9e9; margin:15px 0 0 0; float:left; padding:0 0 22px 0;} .recom_read ul{width:744px; margin:4px auto 0 auto;} .recom_read ul li{width:174px; height:127px; overflow:hidden; position:relative; float:left; margin:18px 16px 0 0; overflow:hidden;} .recom_read ul li.last{margin:18px 0 0 0;} .recom_read ul li img{width:100%; display:block;} .recom_read ul li h3{position:absolute; left:0; right:0; bottom:0; padding:0 10px; height:32px; line-height:32px; color:#fff; text-align:center; background-color:rgba(0,0,0,0.55);} /* 减肥专题 */ .page_specialct1{clear:both; width:100%;} .page_specialct1 .detail{position:relative; width:510px; height:360px; float:left;} .page_specialct1 .detail span{width:490px; height:340px; display:block; overflow:hidden; position:absolute; left:20px; top:0; z-index:2;} .page_specialct1 .detail span img{width:100%; display:block;} .page_specialct1 .detail b{width:486px; height:336px; display:block; border:2px solid #800000; position:absolute; left:0; top:20px; z-index:1;} .page_specialct1 .intro{width:550px; height:360px; float:right; position:relative;} .page_specialct1 .intro h3{font-size:34px; color:#333; line-height:100px; height:100px; width:490px; overflow:hidden;} .page_specialct1 .intro p{font-size:16px; color:#333; line-height:34px; height:170px; width:490px; overflow:hidden;} .page_specialct1 .intro span{display:block; width: 0; height: 0; border-bottom: 106px solid #800000; border-left: 106px solid transparent; position:absolute; bottom:0; right:0;} .page_specialct1 .intro span a{position:absolute; display:block; width:106px; line-height:20px; height:40px; right:29px; top:41px; font-size:14px; color:#333; text-align:right; background:url(/96kaifa/images/arrow_03.png) no-repeat 68px 25px;} .page_specialct1 .intro span a:hover{background:url(/96kaifa/images/arrow_03.png) no-repeat 68px 29px; transition-delay: 0s; -moz-transition-delay: 0s; -webkit-transition-delay: 0s; -o-transition-delay: 0s; transition-duration: 0.3s; -moz-transition-duration: 0.3s; -webkit-transition-duration: 0.3s; -o-transition-duration: 0.3s; transition-property: all; -moz-transition-property: all; -webkit-transition-property: all; -o-transition-property: all; transition-timing-function: ease; -moz-transition-timing-function: ease; -webkit-transition-timing-function: ease; -o-transition-timing-function: ease; } .page_specialct2{width:100%px; overflow:hidden; margin:0;} .page_specialct2 ul li{width:346px;height:240px;float:left; margin:0 31px 33px 0;position:relative; overflow:hidden;cursor:pointer;} .page_specialct2 ul li h3{position: absolute;font-size: 16px;line-height: 36px; height: 36px; overflow: hidden;padding: 0 15px; left: 0; right: 0;bottom: 0;margin: -18px 0 0 0;text-align: center; color: #fff; background: rgba(0,0,0,.6);} .page_specialct2 ul li.last{margin:0 0 33px 0;} .page_specialct2 ul li:nth-child(3n){margin:0 0 33px 0;} .page_specialct2 ul li .txt{width:346px; height:240px; position:absolute;left:0;top:240px;color:#fff;font-family:"微软雅黑";background-color:rgba(0,0,0,0.55); display:none;} .page_specialct2 ul li .txt span{width:270px; display:block; margin:0 auto;} .page_specialct2 ul li .txt h4{font-size:28px; line-height:78px; height:78px; color:#800000; width:270px; text-align:center; margin:15px 0 0 0;overflow: hidden;text-overflow: ellipsis;-webkit-line-clamp: 1;} .page_specialct2 ul li .txt p{font-size: 14px; color: #fff; line-height: 24px; width: 270px; height: 48px; display: -webkit-box; text-overflow: ellipsis; overflow: hidden; -webkit-line-clamp: 2; -webkit-box-orient: vertical;} .page_specialct2 ul li .txt a.btn{width:158px; height:26px; line-height:26px; text-align:center; color:#fff; border:1px solid #fff; display:block; margin:25px auto 0 auto;} .page_specialct2 ul li .txt a.btn font{font-family:"宋体";} .page_specialct2 ul li .txt a.btn:hover{color:#800000; border:1px solid #800000;} .page_specialct2 ul li:hover h3{display:none;} .page_specialct2 ul li:hover .txt{display:block; top:0; animation:mymove 0.3s; -webkit-animation:mymove 0.3s; -moz-animation:mymove 0.3s; -o-animation:mymove 0.3s; } @keyframes mymove { from {top:240px;} to {top:0;} } @-webkit-keyframes mymove { from {top:240px;} to {top:0;} } /* 减肥专题列表 */ .page_specialintro{clear:both; width:100%; height:318px; position:relative;} .page_specialintro .intro_t{font-size:34px; color:#333; width:530px; height:98px; position:relative; margin:20px 0 0 0; float:left;} .page_specialintro .intro_t span{display:block; background-color:#fff; text-align:right;width:400px; position:absolute; left:0; top:18px; z-index:2;} .page_specialintro .intro_t span h3{font-size:34px; line-height:36px; height:36px; overflow:hidden; color:#333; letter-spacing:2px;} .page_specialintro .intro_t span h5{font-size:14px; line-height:20px; height:20px; overflow:hidden; color:#999; letter-spacing:2px; text-transform:uppercase; margin:7px 0 0 0;} .page_specialintro .intro_t b{width:160px; height:86px; border:6px solid #ececec; display:block; position:absolute; right:0; top:0; z-index:1;} .page_specialintro .bigimg{position:absolute; right:120px; top:0;} .page_specialintro .bigimg span{width:380px; height:264px; display:block; overflow:hidden; position:absolute; right:20px; top:20px} .page_specialintro .bigimg b{width:376px; display:block;} .page_specialintro .bigimg b.box1{border:2px solid #800000; height:140px; border-bottom:0;} .page_specialintro .bigimg b.box2{border:2px solid #fff; height:120px; border-top:0;} .page_specialintro .detail{width:100%; height:176px; background-color:#800000; margin:24px 0 0 0; clear:both; float:left;} .page_specialintro .detail h3,.page_specialintro .detail p{color:#fff; width:440px; text-align:right; margin:0 0 0 90px;} .page_specialintro .detail h3{font-size:24px; line-height:62px; height:62px; overflow:hidden; margin-top:9px;} .page_specialintro .detail p{font-size:14px; line-height:24px; height:72px; overflow:hidden;} .page_speciallist .list{clear:both; width:100%; border:1px solid #e9e9e9; margin:15px 0 0 0; float:left; padding:0 0 20px 0;} .page_speciallist .list ul{width:1060px; margin:4px auto 0 auto;} .page_speciallist .list ul li{width:340px; float:left; padding:0 0 18px 0; border-bottom:1px dotted #ddd; margin:18px 20px 0 0;} .page_speciallist .list ul li.last{margin:18px 0 0 0;} .page_speciallist .list ul li span.fl{width:126px; height:92px; display:block; overflow:hidden;} .page_speciallist .list ul li span.fl img{width:100%; display:block;} .page_speciallist .list ul li span.fr{width:200px;} .page_speciallist .list ul li span.fr h3{font-size:20px; color:#333; line-height:38px; height:38px; overflow:hidden;} .page_speciallist .list ul li span.fr a:hover h3{color:#800000;} .page_speciallist .list ul li span.fr p{font-size:14px; line-height:22px; height:44px; overflow:hidden; margin:2px 0 0 0;} .page_speciallist .list ul li span.fr p a{color:#800000;} .page_speciallist .list2{clear:both; width:100%; border:1px solid #e9e9e9; margin:15px 0 25px 0; float:left; padding:0 0 20px 0;} .page_speciallist .list2 ul{width:1060px; margin:4px auto 0 auto;} .page_speciallist .list2 ul li{width:520px; float:left; padding:0 0 18px 0; border-bottom:1px dotted #ddd; margin:18px 20px 0 0;} .page_speciallist .list2 ul li.last{margin:18px 0 0 0;} .page_speciallist .list2 ul li span.fl{width:126px; height:102px; display:block; overflow:hidden;} .page_speciallist .list2 ul li span.fl img{width:100%; display:block;} .page_speciallist .list2 ul li span.fr{width:380px;} .page_speciallist .list2 ul li span.fr h3{font-size:20px; color:#333; line-height:34px; height:34px; overflow:hidden;} .page_speciallist .list2 ul li span.fr a:hover h3{color:#800000;} .page_speciallist .list2 ul li span.fr p{font-size:14px; line-height:26px; height:52px; overflow:hidden; margin:6px 0 0 0;} .page_speciallist .list2 ul li span.fr p a{color:#800000;} .page_speciallist .list2 ul li:nth-child(2n){margin:18px 0 0 0;} /* 瘦身工具 */ .page_tools{clear:both; width:100%;} .page_tools ul li{width:498px; height:96px; border:1px solid #e9e9e9; margin:30px 20px 0 0; padding:20px; float:left;} .page_tools ul li.last{margin:30px 0 0 0;} .page_tools ul li span{width:88px; height:88px; display:block; border-radius:50%; border:1px solid #e9e9e9; position:relative; margin:0 0 0 5px; float:left;} .page_tools ul li span b{width:88px; height:88px; display:block; border-radius:50%; border:1px solid #e9e9e9; position:absolute; left:-5px; top:5px; z-index:2;} .page_tools ul li:hover span{border:1px solid #800000;} .page_tools ul li span.tools_01{background:url(/96kaifa/images/tools_01.png) no-repeat 17px 22px;} .page_tools ul li:hover span.tools_01{background:#800000 url(/96kaifa/images/tools_011.png) no-repeat 17px 22px;} .page_tools ul li span.tools_02{background:url(/96kaifa/images/tools_02.png) no-repeat 17px 22px;} .page_tools ul li:hover span.tools_02{background:#800000 url(/96kaifa/images/tools_021.png) no-repeat 17px 22px;} .page_tools ul li span.tools_03{background:url(/96kaifa/images/tools_03.png) no-repeat 17px 22px;} .page_tools ul li:hover span.tools_03{background:#800000 url(/96kaifa/images/tools_031.png) no-repeat 17px 22px;} .page_tools ul li span.tools_04{background:url(/96kaifa/images/tools_04.png) no-repeat 17px 22px;} .page_tools ul li:hover span.tools_04{background:#800000 url(/96kaifa/images/tools_041.png) no-repeat 17px 22px;} .page_tools ul li span.tools_05{background:url(/96kaifa/images/tools_05.png) no-repeat 17px 22px;} .page_tools ul li:hover span.tools_05{background:#800000 url(/96kaifa/images/tools_051.png) no-repeat 17px 22px;} .page_tools ul li span.tools_06{background:url(/96kaifa/images/tools_06.png) no-repeat 17px 22px;} .page_tools ul li:hover span.tools_06{background:#800000 url(/96kaifa/images/tools_061.png) no-repeat 17px 22px;} .page_tools ul li span.tools_07{background:url(/96kaifa/images/tools_07.png) no-repeat 17px 22px;} .page_tools ul li:hover span.tools_07{background:#800000 url(/96kaifa/images/tools_071.png) no-repeat 17px 22px;} .page_tools ul li span.tools_08{background:url(/96kaifa/images/tools_08.png) no-repeat 17px 22px;} .page_tools ul li:hover span.tools_08{background:#800000 url(/96kaifa/images/tools_081.png) no-repeat 17px 22px;} .page_tools ul li div{width:385px; float:right;} .page_tools ul li div h3{font-size:18px; color:#333; line-height:32px; height:32px; overflow:hidden;} .page_tools ul li div p{font-size:14px; color:#666; line-height:32px; height:32px; overflow:hidden;} .page_tools ul li div h5{font-size:14px; color:#333; line-height:30px; height:30px; overflow:hidden;} .page_tools ul li div h5 font{font-family:"宋体";} .page_tools ul li div a:hover h5{color:#800000;} /* 瘦身工具--一分钟了解自己 */ .all_tools{clear:both; width:730px; min-height:664px; border:1px solid #e9e9e9; margin:27px 0 0 0; padding:16px 25px 0 25px;} .all_tools .tools_detail{clear:both; width:100%; min-height:90px; margin:30px 0 0 0; display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex; align-items:top; /*指定垂直居中*/} .all_tools .tools_detail div{width:90px; height:90px; border-radius:50%; } .all_tools .tools_detail div img{margin:20px;} .all_tools .tools_detail p{display:-webkit-box; width:620px; margin:0 0 0 20px; line-height:28px; color:#333; -webkit-box-pack:center; -webkit-box-align:center; } .all_tools .tools_detail p b{font-weight:bold; color:#800000;} .all_tools .tools_screen{clear:both; width:100%;} .all_tools .tools_screen h3{font-size:14px; font-weight:bold; color:#800000; margin:0 0 15px 0;} .all_tools .tools_screen span{display:block; float:left; margin:0 12px 0 0;} .all_tools .tools_screen span h4{font-size:14px; line-height:24px; color:#333; float:left;} .all_tools .tools_screen span input.radio{width:14px; height:14px; float:left;margin:5px 4px 0 4px;} .all_tools .tools_screen span label{font-size:14px; line-height:24px; font-family:"微软雅黑"; color:#333; float:left; margin:0 7px 0 0;} .all_tools .tools_screen span input.txt1{float:left; width:66px; height:24px; border:1px solid #e9e9e9;} .all_tools .tools_screen span h5{font-size:12px; line-height:24px; color:#333; float:left; margin:0 7px 0 5px;} .all_tools .tools_screen span.last h5{margin:0 0 0 5px;} .all_tools .tools_screen a.btn{width:52px; height:24px; line-height:24px; display:block; background-color:#800000; float:left; text-align:center; color:#fff;} .all_tools .prompt{clear:both; width:100%; margin:12px 0 0 0; float:left;} .all_tools .prompt p{clear:both; width:100%; font-size:14px; color:#666; line-height:24px;} .tools_result{clear:both; width:100%; padding:5px 0px 10px 0px; margin:20px 0 0 0; float:left;} .tools_result h3{font-size:14px; color:#333; font-weight:bold; line-height:30px; margin:8px 0 3px 0;} .tools_result h3 font{color:#ff6600; margin:0 0 0 13px;} .tools_result p{font-size:14px; color:#333; line-height:26px;} .tools_result table{width:100%; font-family:"微软雅黑"; border:1px solid #e5e5e5; margin:15px 0 18px 0;} .tools_result table tr th{font-size:14px; color:#333; font-weight:bold; text-align:center; height:38px; line-height:38px; background-color:#e3f0d6;} .tools_result table tr td{font-size:14px; color:#333; height:36px; line-height:36px; width:25%; text-align:center;} .tools_result table tr{border-bottom:1px solid #e5e5e5;} .tools_result table tr.last{border-bottom:none;} .tools_result table tr.addb td{font-weight:bold;} .tools_share{display:block; width:100%; clear:both; border-top:1px dotted #ddd; margin:0 0 0 0; padding:14px 0 0 0; float:left;} .tools_share span{display:block; width:100%; clear:both;} .tools_share span i{width:3px; height:28px; display:block; background:url(/96kaifa/images/dian.jpg) no-repeat left center; vertical-align:middle; margin:0 10px 0 0; float:left;} .tools_share span p{color:#333; line-height:28px; float:right; width:716px;} .tools_share span p a.link{color:#800000; margin:0 0 0 23px; font-weight:bold;} .tools_share span p a.link:hover{text-decoration:underline;} .tools_share span p a{color:#800000; font-weight:bold;} .tools_share span p a:hover{text-decoration:underline;} .tools_share span p b{font-weight:bold; color:#800000;} .tools_share h3{color:#333; line-height:32px; color:#333; font-weight:bold; font-size:15px;} /*减肥达人*/ .biggest{clear:both; width:100%;} .biggest_list{clear:both; width:100%; border:1px solid #e9e9e9; margin:15px 0 0 0; float:left;} .biggest_list ul{clear:both; width:1060px; margin:22px auto 22px auto; height:150px;} .biggest_list ul li{width:340px; height:150px; float:left; margin:0 20px 0 0;} .biggest_list ul li.last{margin:0 0 0 0;} .biggest_list ul li span.fl{width:120px; height:150px; display:block;} .biggest_list ul li span.fl img{width:100%; display:block;} .biggest_list ul li span.fr{width:204px;} .biggest_list ul li span.fr h3{font-size:16px; color:#333; line-height:28px;} .biggest_list ul li span.fr a:hover h3{color:#800000;} .biggest_list ul li span.fr p{font-size:14px; color:#666; line-height:22px; height:66px; overflow:hidden; margin:6px 0 0 0;} .biggest_list ul li span.fr h4{font-size:24px; width:95px; height:34px; line-height:34px; display:block; color:#fff; background:url(/96kaifa/images/biggest_pic1.png) no-repeat left top; text-indent:19px; margin:12px 0 0 0;} .biggest_list ul li span.fr h4 font{font-size:14px;} /*瘦身工具--常见食物*/ .tools_foodl{clear:both; width:300px; float:left; border:1px solid #e9e9e9;} .tools_foodl .list{clear:both; width:100%;} .tools_foodl .list li{width:100%; clear:both; height:70px; border-bottom:1px solid #e9e9e9;} .tools_foodl .list li.last{border-bottom:0;} .tools_foodl .list li a{width:100%; height:100px; display:block;} .tools_foodl .list li a:hover h3{color:#800000;} .tools_foodl .list li.on h3{color:#800000;} .tools_foodl .list li span{width:264px; display:block; margin:0 auto;} .tools_foodl .list li span b{width:48px; height:48px; display:block; border-radius:50%; float:left; overflow:hidden; border:1px solid #e9e9e9; margin:10px 0 0 0;} .tools_foodl .list li span b img{width:100%;} .tools_foodl .list li span h3{font-size:16px; color:#333; float:right; width:194px; line-height:70px;} .tools_foodr{width:780px; float:right; border:1px solid #e9e9e9;} .tools_foodrt{clear:both; width:100%; height:50px; border-bottom:1px solid #e9e9e9;} .tools_foodrt h3{float:left; line-height:49px; border-bottom:2px solid #800000; margin:0 0 0 20px; font-size:14px; font-weight:bold; color:#333;} .tools_foodr .list{width:100%; clear:both;} .tools_foodr .list ul{width:740px; margin:0 auto;} /* .tools_foodr .list ul li{width:100%; height:70px; border-bottom:1px solid #e9e9e9;} .tools_foodr .list ul li.last{border-bottom:0;} .tools_foodr .list ul li div{width:340px; height:36px; float:left; margin:17px 0 0 0;} .tools_foodr .list ul li div span.fl{width:36px; height:36px; display:block;} .tools_foodr .list ul li div span.fl img{width:100%; display:block;} .tools_foodr .list ul li div span.fr{width:290px; height:36px; display:block;} .tools_foodr .list ul li div span.fr h3{font-size:14px; line-height:14px; height:15px; overflow:hidden; color:#333;} .tools_foodr .list ul li div span.fr h3:hover{color:#800000;} .tools_foodr .list ul li div span.fr p{font-size:14px; line-height:14px; height:15px; overflow:hidden; color:#999; margin:6px 0 0 0;} .tools_foodr .list ul li i{float:left; width:1px; height:36px; background-color:#e9e9e9; margin:17px 30px 0 29px;} */ .tools_foodr .list ul li{width:340px; height:70px; border-bottom:1px solid #e9e9e9; float:left; margin:0 10px 0 0;} .tools_foodr .list ul li{width:; height:36px; float:left; margin:17px 0 0 0; padding:0 30px 17px 0; position:relative;} .tools_foodr .list ul li.last{margin:17px 0 0 0; padding:0 0 17px 30px;} .tools_foodr .list ul li span.fl{width:36px; height:36px; display:block;} .tools_foodr .list ul li span.fl img{width:100%; display:block;} .tools_foodr .list ul li span.fr{width:290px; height:36px; display:block;} .tools_foodr .list ul li span.fr h3{font-size:14px; line-height:14px; height:15px; overflow:hidden; color:#333;} .tools_foodr .list ul li span.fr h3:hover{color:#800000;} .tools_foodr .list ul li span.fr p{font-size:14px; line-height:14px; height:15px; overflow:hidden; color:#999; margin:6px 0 0 0;} .tools_foodr .list ul li i{float:left; width:1px; height:36px; background-color:#e9e9e9; position:absolute; right:0; top:0;} .tools_foodr .list .pages2{margin:18px 0; float:left;} /*瘦身工具--常见食物2*/ .tools_food2{width:100%; border:1px solid #e9e9e9; margin:27px 0 0 0;} .tools2_detail{clear:both; width:730px; margin:25px auto 0 auto;} .tools2_detail span.fl{width:120px; height:120px; display:block; overflow:hidden;} .tools2_detail span.fl img{width:100%; display:block;} .tools2_detail span.fr{width:584px; height:119px; border-bottom:1px dotted #ddd;} .tools2_detail span.fr h3{font-size:15px; color:#333; line-height:36px;} .tools2_detail span.fr h3 font{font-weight:bold; color:#ff6600;} .tools2_detail p{clear:both; color:#333; line-height:28px; margin:5px 0 0 0; float:left;} .tools2_detail span.tble1{width:100%; display:block;} .tools2_detail span.tble1 h3,.tools2_detail span.tble1 p{font-size:14px; color:#333; width:100%; line-height:42px; height:42px;} .tools2_detail span.tble1 h3 b{display:block; float:left;} .tools2_detail span.tble1 h3{border-bottom:1px solid #e9e9e9;} .tools2_detail span.tble1 p{border-bottom:1px dotted #e9e9e9;} .tools2_detail span.tble1 p i{display:block; float:left; font-style:normal;} .tools2_detail span.tble1 .w1{width:175px; text-align:left;} .tools2_detail span.tble1 .w2{width:155px; height:42px; text-align:right;} .tools2_detail span.tble1 .mr1{margin:0 70px 0 0;} .tools2_detail span.tble1 a.detail{float:right; line-height:44px; font-size:14px; color:#800000; text-align:right;} .tools2_detail span.tble1 a.detail font{font-family:"宋体";} .tools2_detail table.tble2{width:100%; font-family:"微软雅黑"; color:#333;} .tools2_detail table.tble2 tr{line-height:44px; height:44px;} .tools2_detail table.tble2 tr th{font-weight:bold; border-bottom:1px solid #e9e9e9;} .tools2_detail table.tble2 tr td{ border-bottom:1px dotted #e9e9e9;} .tools2_detail table.tble2 .w1{width:460px; text-align:left;} .tools2_detail table.tble2 .w2{width:270px; text-align:right;} .tools2_detail table.tble2 tr.colored{color:#ff0000;} .tools2_detail .tools2_foodlist{clear:both; width:100%;} .tools2_detail .tools2_foodlist li{width:88px; float:left; margin:0 19px 0 0;} .tools2_detail .tools2_foodlist li:nth-child(7){margin:0 0 0 0;} .tools2_detail .tools2_foodlist li span{width:88px; height:88px; display:block; overflow:hidden;} .tools2_detail .tools2_foodlist li span img{width:100%; display:block;} .tools2_detail .tools2_foodlist li h3{clear:both; font-size:14px; color:#333; text-align:center; line-height:40px; height:40px; overflow:hidden;} .tools2_detail .tools2_foodlist li a:hover h3{color:#800000;} .tools2_info{clear:both; padding:0 25px;} .tools2_info p{line-height:30px; color:#333;} .tools2_info p a{font-weight:bold; color:#800000;} .tools2_info p a:hover{text-decoration:underline;} /* 添加到卡路里计算器 */ .side_calorie{clear:both; width:100%; margin:27px 0 0 0; float:left;} .side_caloriect{clear:both; width:100%; border:1px solid #e9e9e9; margin:15px 0 0 0; float:left; padding:3px 0 0 0;} .side_caloriect span{display:block; clear:both; width:270px; margin:8px 15px 0 15px; float:left;} .side_caloriect span p{float:left; color:#333; line-height:30px; font-size:14px;} .side_caloriect span h4{width:220px; float:right; color:#333; font-size:14px; line-height:30px; height:30px; overflow:hidden;} .side_caloriect span b{width:220px; height:30px; display:block; overflow:hidden; float:right; border:1px solid #e5e5e5; margin:0; position:relative; box-sizing: content-box;} .side_caloriect span select{float:left; font-size:12px; width:238px; height:30px; line-height:30px; font-family:"微软雅黑"; background-color: transparent; border: solid 0px; -webkit-appearance: initial; padding:0 0 0 10px; position:absolute; left:0; top:0; z-index:2;} .side_caloriect span b i{width:9px; height:30px; display:block; position:absolute; right:10px; top:0; z-index:1; background:url(/96kaifa/images/arrow_01.png) no-repeat right center;} .side_caloriect span input.txt1{width:220px; float:right; height:32px; border:1px solid #e5e5e5; box-sizing: content-box; text-indent:10px;} .side_caloriect a.btn{clear:both; width:100px; height:32px; line-height:32px; margin:17px 100px 23px 100px; float:left; display:block; background-color:#800000; border-radius:3px; text-align:center; color:#fff;} /* 身体质量指数(BMI) */ .tools_bmiinfo{display:block; width:100%; clear:both; margin:22px 0 0 0; float:left;} .tools_bmiinfo table{width:100%; border:1px solid #e5e5e5; font-family:"微软雅黑"; color:#333; font-size:14px;} .tools_bmiinfo table tr{border-bottom:1px solid #e5e5e5;} .tools_bmiinfo table tr th{height:38px; line-height:38px; background-color:#f5f5f5; border-bottom:1px solid #e5e5e5; font-weight:bold;} .tools_bmiinfo table.tble1 tr td{width:25%; text-align:center; height:36px; line-height:36px;} .tools_bmiinfo table.tble2 tr td{height:36px; line-height:36px;} .tools_bmiinfo table.tble2 tr .w1{width:160px; text-align:center; border-right:1px solid #e5e5e5;} .tools_bmiinfo table.tble2 tr .w2{width:160px; text-indent:20px;} .tools_bmiinfo table.tble2 tr .w3{width:205px; text-indent:20px;} /* 食物热量查询 */ .tools_inquiry{clear:both; width:100%; height:220px; background:url(/96kaifa/images/inquiry_bg.jpg) no-repeat center top; margin:10px 0 18px 0;} .tools_inquiry h3{font-size:24px; color:#fff; width:540px; margin:24px 95px 0 95px; line-height:76px; float:left; text-align:center;} .tools_inquiry .search{width:540px; margin:0 95px; clear:both; position:relative;} .tools_inquiry .search span{width:420px; height:35px; display:block; background-color:#fff; float:left;} .tools_inquiry .search span i{width:35px; height:35px; display:block; background:url(/96kaifa/images/search2.png) no-repeat center center; float:left; margin:0 0 0 7px;} .tools_inquiry .search span input{width:376px; height:35px; line-height:35px; font-family:"微软雅黑"; color:#999; font-size:14px;} .tools_inquiry .search input.btn{width:110px; height:35px; line-height:35px; display:block; background-color:#800000; float:right; color:#fff; font-size:14px; text-align:center; position: absolute;right: 0px; top: 0px;} .tools_inquiry .search p{clear:both; width:100%; font-size:14px; color:#fff; line-height:50px; height:50px; overflow:hidden;} .tools_inquiry .search p a{color:#fff; margin:0 11px 0 0;} .tools_inquiry .search p a:hover{text-decoration:underline;} .inquiry_list{clear:both; width:100%; margin:5px 0 0 0;} .inquiry_list li{float:left; width:232px; margin:30px 17px 0 0;} .inquiry_list li.last{margin:30px 0 0 0;} .inquiry_list li span{width:100px; height:100px; display:block; margin:0 auto; border-radius:50%; border:1px solid #e9e9e9; overflow:hidden;} .inquiry_list li h3{clear:both; width:100%; text-align:center; font-size:16px; color:#333;line-height:32px; height:32px; overflow:hidden; margin:7px 0 0 0;} .inquiry_list li a:hover h3{color:#800000;} .inquiry_list li p{clear:both; width:100%; text-align:center; font-size:14px; color:#999; line-height:24px; height:24px; overflow:hidden;} /* 添加到卡路里计算器 */ .add_calorie{clear:both; width:100%; margin:15px 0 0 0; border:1px solid #e9e9e9; float:left; padding:18px 0;} .add_calorie span.fl{width:70px; height:70px; display:block; border-radius:50%; overflow:hidden; background-color:#800000; margin:0 0 0 15px;} .add_calorie span.fl img{margin:10px;} .add_calorie span.fr{width:188px; margin:0 15px 0 0;} .add_calorie span.fr p{font-size:14px; color:#333; line-height:22px; max-height:44px; overflow:hidden;} .add_calorie span.fr a.link{clear:both; display:block; color:#800000; margin:4px 0 0 0;} .add_calorie span.fr a.link font{font-family:"宋体"; line-height:24px;} /* 视频 */ .vedio{clear:both; width:100%; margin:27px 0 0 0;} .vedio_play{width:780px; height:430px; overflow:hidden; position:relative;} .vedio_play b{width:92px; height:92px; display:block; background:url(/96kaifa/images/play2.png) no-repeat center center; position:absolute; top:50%; left:50%; margin:-46px 0 0 -46px;} .vedio_share{clear:both; width:100%; height:50px; background-color:#252525;} .vedio_share h3{font-size:14px; color:#fff; line-height:50px; margin:0 0 0 15px; float:left;} .vedio_share span{display:block; float:left; margin:0 0 0 2px;} .vedio_share span i{width:26px; height:26px; display:block; float:left; border-radius:50%; overflow:hidden; float:left; margin:12px 0 0 10px;} .vedio_share span i.sina{background:#ff7f31 url(/96kaifa/images/sina.png) no-repeat center center; background-size:18px;} .vedio_share span i.qzone{background:#ffbd1d url(/96kaifa/images/qzone.png) no-repeat center center; background-size:18px;} .vedio_share span i.weixin{background:#52cd3e url(/96kaifa/images/weixin.png) no-repeat center center; background-size:18px;} .vedio_share h4{float:right; margin:0 15px 0 0; line-height:50px; font-size:14px; color:#fff; background:url(/96kaifa/images/browse01.png) no-repeat left center; padding:0 0 0 26px;} .vedio_share h4 font{font-weight:bold; color:#ff6600;} .vedio_detail{clear:both; width:100%; margin:8px 0 0 0;} .vedio_detail h3{font-size:24px; color:#333; width:760px; line-height:60px; height:60px; overflow:hidden; float:left;} .vedio_detail a.up{width:10px; height:60px; display:block; background:url(/96kaifa/images/arrow_04up.png) no-repeat right center; float:right;} .vedio_detail a.down{width:10px; height:60px; display:block; background:url(/96kaifa/images/arrow_04down.png) no-repeat right center; float:right;} .vedio_detail p{clear:both; font-size:14px; color:#333; line-height:24px;} /*热门视频*/ .hot_vedio{clear:both; width:100%;} .hot_vediolist{clear:both; width:100%; border:1px solid #e9e9e9; margin:15px 0 0 0; float:left; padding:20px 0 17px 0;} .hot_vediolist ul{width:740px; margin:0 auto;} .hot_vediolist ul li{width:134px; float:left; margin:0 17px 0 0;} .hot_vediolist ul li.last{margin:0 0 0 0;} .hot_vediolist ul li span{width:134px; height:92px; display:block; overflow:hidden; position:relative;} .hot_vediolist ul li span img{width:100%; display:block;} .hot_vediolist ul li span b{width:32px; height:32px; display:block; background:url(/96kaifa/images/play.png) no-repeat center center; background-size:100%; position:absolute; top:50%; left:50%; margin:-16px 0 0 -16px;} .hot_vediolist ul li p{clear:both; color:#333; line-height:22px; margin:9px 0 0 0;} .vedio_read{clear:both; width:100%; border:1px solid #e9e9e9; margin:15px 0 0 0; float:left; padding:4px 0;} .vedio_read ul{width:740px; margin:0 auto;} .vedio_read ul li{width:100%; clear:both; margin:18px 0 0 0; border-bottom:1px dotted #ddd; height:124px;} .vedio_read ul li.last{border-bottom:0;} .vedio_read ul li span.fl{width:134px; height:108px; overflow:hidden; position:relative;} .vedio_read ul li span.fl b{width:36px; height:36px; display:block; background:url(/96kaifa/images/play.png) no-repeat center center; position:absolute; top:50%; left:50%; margin:-18px 0 0 -18px; z-index:2;} .vedio_read ul li span.fl img{width:100%; display:block;} .vedio_read ul li span.fr{width:586px;} .vedio_read ul li span.fr h3{color:#333; font-size:18px; float:left; width:500px; line-height:34px; height:34px; margin:3px 0 0 0;overflow: hidden; text-overflow: ellipsis; -webkit-line-clamp: 1;} .vedio_read ul li span.fr h3:hover{color:#800000;} .vedio_read ul li span.fr h5{font-size:12px; color:#999; text-align:right; line-height:34px; margin:3px 0 0 0;} .vedio_read ul li span.fr p{font-size:14px; line-height:26px; margin:5px 0 0 0; display: -webkit-box; height: 50px; text-overflow: ellipsis; overflow: hidden; -webkit-line-clamp: 2; -webkit-box-orient: vertical;} .vedio_read ul li span.fr p a{color:#800000;} .vedio_read ul li span.fr p a:hover{text-decoration:underline;} /*相关视频*/ .vedio_related{clear:both; width:100%; border:1px solid #e9e9e9; margin:15px 0 0 0; float:left; padding:2px 0 18px 0;} .vedio_related ul{clear:both; width:270px; margin:0 auto;} .vedio_related ul li{clear:both; width:100%; margin:16px 0 0 0; float:left;} .vedio_related ul li span.fl{width:105px; height:85px; overflow:hidden; display:block; position:relative;} .vedio_related ul li span.fl img{width:100%; display:block;} .vedio_related ul li span.fl b{position:absolute; width:32px; height:32px; display:block; background:url(/96kaifa/images/play.png) no-repeat center center; background-size:100%; top:50%; left:50%; margin:-16px 0 0 -16px;} .vedio_related ul li span.fr{width:146px;} .vedio_related ul li span.fr p{font-size:14px; color:#333; line-height:24px; height:48px; overflow:hidden; margin:3px 0 0 0;} .vedio_related ul li span.fr a:hover p{color:#800000;} .vedio_related ul li span.fr h5{font-size:12px; color:#999; line-height:24px;} /*侧边栏3*/ .sidebar3{width:160px; background-color:#fff; overflow:hidden; float:left;} .sidebar3 ul{width:158px; border:1px solid #e9e9e9;} .sidebar3 ul li{width:100%; height:54px; line-height:54px;} .sidebar3 ul li.on{background-color:#800000;} .sidebar3 ul li.on a{border-bottom:0; font-weight:bold;} .sidebar3 ul li.on a{color:#fff;} .sidebar3 ul li a{width:138px; height:54px; color:#333; font-size:15px; margin:0 auto; display:block; text-align:center; border-bottom:1px dotted #e5e5e5;} .sidebar3 ul li:hover{background-color:#f5f5f5;} .sidebar3 ul li:hover a{color:#800000;} .sidebar3 ul li.on:hover{background-color:#800000;} .sidebar3 ul li.on:hover a{color:#fff;} /* 单页--关于我们 */ .single_page{ float:right; width:898px;} .single_pagect{clear:both; width:100%; /*border:1px solid #e9e9e9;*/ float:left; margin:15px 0 0 0; min-height:550px;} .single_pagect p{line-height:28px; color:#666;} .single_pagect .about{clear:both; width:100%; float:left; margin:15px 0 0 0;} .single_pagect .about a{font-weight:bold; color:#800000;} .single_pagect .about h3{font-size:15px; font-weight:bold; line-height:30px; color:#800000;} .single_pagect .about h4{font-size:16px; color:#333; line-height:32px;} .single_pagect .about h4.email{height:32px; background:url(/96kaifa/images/email.png) no-repeat left center; padding:0 0 0 27px;} /* 单页--人才招聘 */ .recruit{clear:both; width:100%; margin:25px 0 0 0;} .recruit h3{font-size:16px; color:#333; clear:both; width:100%; line-height:24px;} .recruit ul{clear:both; width:100%; margin:10px 0 0 0;} .recruit ul li{clear:both; width:100%; border-bottom:1px dotted #e5e5e5; padding:0 0 17px 0; margin:10px 0 0 0; float:left;} .recruit ul li h4{font-size:17px; font-weight:bold; color:#800000; line-height:46px;} .recruit ul li h5{clear:both; font-size:15px; color:#333; font-weight:bold; line-height:36px;} .recruit ul li p{font-size:14px; color:#666; line-height:28px;} /* 404错误页面 */ .error{clear:both; width:100%;} .error .ct1{width:100%; margin:0 auto; text-align:center;} .error p{width:560px; margin:0 auto; clear:both; font-size:16px; text-align:center; line-height:36px;} .error a.btn{width:148px; height:48px; line-height:48px; font-size:18px; display:block; margin:0 auto; background-color:#800000; border-radius:5px; color:#fff; text-align:center;}