@charset "utf-8"; .bx-wrapper{background:url(/img/baike.jpg) center top no-repeat;height:530px;margin-top: 100px;} .product-intro { padding-top:25px;} .product-intro h1{ color: #f60; font-size: 30px; height: 40px; line-height: 40px; margin-bottom: 10px; font-weight:300; } .product-intro .description{ font-size:12px; padding-right:36px; line-height:26px; border-bottom:dashed 1px #dedede; padding-bottom:12px;} .product-intro p{ font-size: 14px; line-height: 20px; } .tabs-content-2 { overflow: auto; } .tabs-content-2 .title{ float: left; padding: 7px 18px; height: 32px; line-height: 32px; font-size: 14px; color: #333; font-weight: 80px; } .tabs-content-2 ul{ float: left; border-left: 1px solid #e9e9e9; } .tabs-content-2 li { float: left; margin: 7px 10px; text-align: center; } .tabs-content-2 li a{ height: 32px; line-height: 32px; font-size: 14px; color: #333; padding: 0 7px; display: block; border-radius: 5px; } .tabs-content-2 li.tabs-active a{ background: #cd4754; color: #fff; } .news-list{margin-top: 60px;} .item{float: left;width: 265px;} .item .no-margin-right{margin-right: 0px;} .item .news-img img{border-radius: 3px;width: 100%;} .item .news-txt{ padding: 15px 10px; } .item .news-txt .news-title{ font-size: 14px; color: #00213b; height: 50px; background: url(/img/nav_big.png) right 3px no-repeat; margin-right: 10px; } .item .news-txt .news-title{ padding-right: 45px; } .item .news-txt .news-summary, .item .news-txt .news-date{font-size: 12px;color: #99a0a9;line-height: 22px;} .item .news-txt .news-date{ background: url(/img/clock.png) left center no-repeat; padding-left:20px; margin-top: 12px; } .list-box { background: #f7f7f7; padding: 55px 0; } .list-box.inner { overflow: hidden; } .list-box ul { width:1300px; } .list-box.item { width: 317px; padding: 10px; float: left; margin: 0 54px 80px 0 ; } .list-box .item.post-date{ color: #e50170; font-size: 14px; height: 20px; line-height: 20px; overflow: hidden; margin-bottom: 8px; } .list-box .item.img-box { height: 186px; width: 317px; overflow: hidden; margin-bottom: 15px; } .list-box .item .post-title { color: #35394b; font-size: 18px; width: 100%; text-overflow: ellipsis; overflow: hidden; white-space: nowrap; height: 26px; line-height: 26px; margin-bottom: 20px; } .list-box .item .post-content { height: 40px; line-height: 20px; overflow: hidden; margin-bottom: 28px; font-size: 13px; } .list-box .item .more-bar a{ font-size: 14px; font-weight: bold; color: #333; display: inline-block; padding-right: 20px; height: 22px; line-height: 22px; background: url(/img/float_bar_bkg.png) no-repeat 60px -49px; } .pagination-box { padding: 16px 0; border-top: 1px solid #ddd; border-bottom: 1px solid #e9eced; overflow: auto; } .pagination-box a{ width: 155px; height: 34px; overflow: hidden; background: url(/img/pagination.png) no-repeat left -34px; text-indent: -99em; } .pagination-box a.btn-page-prev { float: left; } .pagination-box a.btn-page-prev .last-page{ background-position: left top; } .pagination-box a.btn-page-next { float: right; background: url(/img/pagination.png) no-repeat left -102px; } .pagination-box a.btn-page-next .last-page{ background-position: left -68px; } .post-box{ background: #f7f7f7; padding: 20px 0; } .post-box.post-header{ padding: 15px 0; border-bottom: 1px solid #e9eced; overflow: auto; border-bottom: 1px solid #e9eced; } .post-box.post-header a { overflow: hidden; text-indent: -99em; } .post-box.post-header a.btn-back{ float: left; } .post-box.post-header a.btn-back:hover { background-position: left bottom; } .post-box.post-header a.btn-weibo-1{ float: right; width: 24px; height: 20px; margin-top: 5px; background: url(/img/btn-weibo-1.png) no-repeat; display:none; } .post-box.post-header a.btn-weibo-1:hover { background-position: left bottom; } .post-box.post-title { padding: 10px 0; margin-bottom: 20px; } .post-box.post-title h1{ color: #35394b; font-size: 34px; line-height: 46px; float: left; width: 980px; } .post-box.post-title.post-date{ float: right; font-size: 13px; color: #707070; height: 46px; line-height: 46px; } .post-box.post-container{ overflow: auto; margin-bottom: 20px; }.post-box.post-content { width: 830px; overflow: hidden; } .post-box.sidebar { width: 246px; overflow: hidden; } .post-box.sidebar.img-box{ width: 246px; overflow: hidden; margin-bottom: 30px; } .post-box.sub-list h4{ color: #0d0d0d; font-size: 13px; padding-left: 30px; height: 24px; line-height: 24px; margin-bottom: 10px; background: url(/img/float_bar_bkg.png) no-repeat 8px -47px; } .post-box.sub-list li { height: 22px; line-height: 22px; padding: 10px; border-bottom: 1px solid #e9eced; } .post-box.sub-list li.last { border-bottom: none; } .post-box.sub-list li a{ font-size: 13px; color: #a0a0a0; width: 100%; display: block; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; } .post-box.sub-list li a:hover{ color: #707070; } .page-sub-nav{background-color: #F5F5F5;} .page-sub-nav .page-sub-nav-inner{width: 845px;margin: 0px auto;} .page-sub-nav .sub-nav li{float: left;padding: 0px 42px;} .page-sub-nav .sub-nav li a{ display: inline-block; font-size: 18px; width: 127px; height: 72px; line-height: 72px; background-color: inherit; border-bottom:3px solid transparent; text-align: right; background-position: left center; background-repeat: no-repeat; } .page-sub-nav .sub-nav li.active{background-color: #fff;} .page-sub-nav .sub-nav li.active a{color: #ed5252;border-bottom-color: #FB7070;} .page-sub-nav .sub-nav li.sub-nav-1 a{background-image: url('/img/icon1.png');} .page-sub-nav .sub-nav li.sub-nav-2 a{background-image: url('/img/icon2.png');} .page-sub-nav .sub-nav li.sub-nav-3 a{background-image: url('/img/icon3.png');} .page-sub-nav .sub-nav li.sub-nav-4 a{background-image: url('/img/icon4.png');} .page-sub-nav .sub-nav li.sub-nav-1.active a{background-image: url('/img/icon1_active.png');} .page-sub-nav .sub-nav li.sub-nav-2.active a{background-image: url('/img/icon2_active.png');} .page-sub-nav .sub-nav li.sub-nav-3.active a{background-image: url('/img/icon3_active.png');} .page-sub-nav .sub-nav li.sub-nav-4.active a{background-image: url('/img/icon4_active.png');} .inner {width: 1200px;margin: 0 auto;} .content{margin:0 auto;} .video-activity-container {padding: 35px 0 0px;} .video-activity-container .item{width: 280px;box-shadow: 0 4px 10px #ccc;margin-bottom: 30px;float: left;} .video-activity-container .item .img-box {width: 280px;overflow: hidden;} .video-activity-container .item .post-content-box{padding: 15px 10px;background: #fff;} .video-activity-container .item .post-content-box h5{color: #1c1a1a;font-size: 16px;height: 24px;line-height: 24px;width: 100%;text-overflow: ellipsis;overflow: hidden;white-space: nowrap;margin-bottom: 10px;} .video-activity-container .item .post-content-box .post-date{color: #e82433;} .video-activity-container .item .post-content-box .post-content p{line-height: 22px;}