.banner_b00{position:fixed;z-index:99;top:128px;} #banner_b00.leftside{left:50%;margin-left:-690px;} #banner_b00.rightside{right:50%;margin-right:-690px;} /*图片轮播*/ .carousel-inner img{ width:100%; } #homebanners .slick-slider{height:432px;} .carousel-caption .carousel-info ul li{ float:left; color:#444; margin-right:15px; } .carousel-caption{ text-shadow: none; } .carousel-caption .carousel-info ul li.carousel-watch{ background: no-repeat; padding-left:20px; } a.carousel-control.left{ background: no-repeat; } a.carousel-control.right{ background: no-repeat; } .carousel-caption .carousel-info ul li.carousel-comment{ background: no-repeat; padding-left:20px; } #homebanners .caption{*width:auto;_width:auto;} #index-mycarousel .carousel-control.left{ right:60px; } #index-mycarousel .carousel-control.right{ right:40px; } #index-mycarousel .carousel-control { top: 463px; bottom: 0px; /* left: 0; */ right: 21px; width: 15%; font-size: 20px; color: #fff; text-align: center; } #index-mycarousel p{ position:absolute; right:43px; top:406px; z-index:2; color:#555; font-size:20px; } #index-mycarousel p span.carousel-cur{ color:red; font-size:24px; } #index-mycarousel .carousel-caption{ width:100%; left:0; padding-left:20px; text-align: left; bottom:0; padding-top:0; padding-bottom: 15px; height:115px; background:rgba(255,255,255,0.5) } #index-mycarousel .carousel-caption h3{ color:black; padding-bottom:10px; } #index-mycarousel .carousel-indicators{ margin-left:10%; bottom:0; } .top-imgs #index-mycarousel li { margin-bottom:0; } .padding-5{ padding-top:5px; } #index-mycarousel .carousel-indicators li{ height:8px; width:8px; border-radius: 8px; } #index-mycarousel .carousel-indicators .active{ height:9px; width:9px; border-radius: 9px; } .prime-news li a img{ width:100%; } .top-imgs li{ margin-bottom: 20px; } #internation .media-body p { text-indent: 0; margin-bottom: 15px; } #primenew-mycarousel .carousel-control{ width:9%; top:40%; font-size:53px; } .box-bottom{ overflow: hidden; vertical-align: bottom; font-size: 12px; color: #999; } .read-icon{ padding-left: 22px; padding-right: 8px; background: no-repeat; background-position: 0px -2px; } .comment-icon{ padding: 2px 0px 2px 22px; background: no-repeat; } .common-first img{ width: 100%; } .common-first .title a{ line-height: 35px; font-size: 16px; color:#222; white-space:nowrap; overflow:hidden; text-overflow:ellipsis; display:block; } .common-first .title{ display: block; padding: 0px 7px; height: 35px; background-color: #ebebeb; } .common-list{ margin-top: 10px; } .common-list li a{ display: block; padding-left: 21px; height: 25px; font-size: 14px; color: #222; background: no-repeat; background-position: 8px 9px; white-space:nowrap; overflow:hidden; text-overflow:ellipsis; } .common-list li a:hover, .common-list li a:active, .common-list li a:focus{ color: #0b72b4; text-decoration: underline; } .content{ overflow: hidden; } .content .col-sm-7{ padding-left: 0px; } .content .col-sm-5{ padding-right: 0px; } /****************************轮播******************************/ .banner img{ width: 100%; } /*****************************主体*******************************/ .content-hd{ position: relative; overflow: hidden; padding: 5px 0px; margin-bottom: 20px; } .tip-outer{ position: absolute; top: -1px; right: -21px; display: inline-block; z-index: 2; width: 0; height: 0; border-top: 15px solid #fff; border-right: 15px solid transparent; border-left: 15px solid #a1a1a1; border-bottom: 15px solid #a1a1a1; } .tip-inner{ position: absolute; top: 0px; right: -20px; display: inline-block; z-index: 3; width: 0; height: 0; border-top: 15px solid transparent; border-right: 15px solid transparent; border-left: 15px solid #fff; border-bottom: 15px solid #fff; } .bottom-line{ padding-top: 30px; border-bottom: 1px solid #a1a1a1; } .content-hd .content-hd-tag{ z-index: 2; position: absolute; bottom: 0px; left: 0px; border-top: 1px solid #a1a1a1; background-color: #fff; } .content-hd .content-hd-tag h3{ top: 0px; margin: 0px; /*margin-bottom:10px;*/ padding: 4px; } .content-hd .content-hd-tag a{ z-index: 4; display: block; color: #0b72b4; } .content-hd .content-hd-tag small{ margin: 0px 5px; font-size: 12px; color: #0b72b4; text-transform:capitalize; } .content-hd span.content-more a{ float: right; margin-top: 14px; font-size: 12px; color: #0b72b4; } .content-list, .content-program{ margin: 20px 0px; } .content-list .common-list, .content-box .common-list{ margin-left: -5px; } .content-list .common-list li a{ margin-bottom:15px; font-size:20px; background-position: 8px 13px; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; } .content-list .common-list li:first-child{ margin-top: 20px; } .content-box .common-list li:first-child{ margin-top: 15px; } .content-list .common-list li:last-child, .content-box .common-list li:last-child{ margin-bottom: 40px; } .content-bd-first{ border-bottom:1px solid #e2e2e2; } .content-bd-first .box-bottom .pull-left{ margin-right: 50px; margin-left: 5px; } .content-first-tit{ margin: 10px 5px 16px; } .content-first-tit a{ margin-bottom: 11px; font-size: 20px; font-weight: 500; height: 28px; color: #222; display: block; overflow : hidden; } .content-first-tit span{ margin-top: 5px; height: 56px; line-height: 18px; font-size: 15px; color: #777; text-overflow: ellipsis; display: -webkit-box; display: block; overflow: hidden; -webkit-line-clamp: 3; -webkit-box-orient: vertical; text-overflow: -o-ellipsis-lastline; } .content-box .content-first-tit a{ display: block; white-space: nowrap; text-overflow: ellipsis; } .content-box .content-first-tit a:hover{ color:red; } .content-box .common-list li a{ font-size: 17px; margin: 4px 0; background-position: 8px 11px; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; } .content-bd-first .box-bottom .tagfirst{ float: right; margin-top: -1px; padding:0px 3px; color: #fff; background-color: #f55652; } .content-bd-first .box-bottom{ padding-bottom: 10px; } .content-program-box{ overflow: hidden; margin-bottom: 15px; } .content-program-img{ position: relative; } .col-xs-5 .content-program-img a{ display:block; width:304px; height:171px; overflow:hidden; } .col-xs-7 .content-bd-first>a{ display:block; width:446px; height:147px; overflow:hidden; } .content-program-img a img{ width: 100%; height: 154px; } .col-xs-7 .content-bd-first a img{ width: 100%; } .content-program-img img.content-program-btn{ position: absolute; bottom: 0px; left: 0px; width: 22px; height: 22px; } .content-program-box .content-first-tit a{ height: 60px; } .content-program-box .content-first-tit a:hover,.content-program-box .box-bottom a:hover{ color:red; } .content-program-box .box-bottom{ font-size: 14px; } .content-program-box .box-bottom a{ color: #999; } /*************************侧边栏*************************/ .content-side h3{ margin: 0px; margin-bottom:16px; padding: 4px; color: #0b72b4; position:relative; border-bottom: 1px solid #a1a1a1; } .content-side h3 a{ color: #0b72b4; width:100%; height:1em; display:inline-block; } .content-side h3 span{ position:absolute; z-index:9; top: 14px; right:0px; font-size: 12px; color: #0b72b4; } .live-ad-now { width:310px; height: 176px; } .live-ad-now a{ display:block; width:100%; height:176px; overflow:hidden; position:relative; } .downloadstyle{ overflow:hidden; margin-bottom:10px; } .live-ad{ overflow: hidden; margin-bottom: 25px; } .live-ad-now img{ width: 100%; } .live-ad-list li{ float: left; margin-top: 2px; /*padding: 2px;*/ width: 49.4%; text-align: center; } .live-ad-list li a{ display: block; padding:2px 0px; width: 100%; color: #fff; } .live-ad-list li span{ display: block; padding:7px 0px; background-color: #ebebeb; } .live-ad-list li small{ font-size: 12px; } .live-ad-list li.live-ad-before{ border-right: 1px solid #fff; } .live-ad-list li.live-ad-before a{ background-color: #525252; } .live-ad-list li.live-ad-after{ border-left: 1px solid #fff; float:right; } .live-ad-list li.live-ad-after a{ background-color: #0b72b4; } .rank-list{margin-bottom:10px;} .hoster,.activity,.topic{ margin-bottom: 20px; } .topic .common-first>a,.activity .common-first>a{ display:block; height:170px; overflow:hidden; } .activity .topic-first a{ font-size: 14px; } .side-ad{margin: 25px 0px;min-height: 10px;} .side-ad img{ width: 100%; } .master-list .media{ padding-top:0px;margin-bottom:16px; } .master-list .media-left{ padding: 0px; } .master img.media-object{height:auto;} .master-list .col-xs-9{ padding-right: 0px; } .master-list .media-heading{ margin-bottom: 13px; height: 56px; } .master-list .media-heading a{ font-size: 14px; line-height: 20px; color: #000; } .master-list .media-heading a:hover{ color:red; } .hoster .hoster-box a{ color: #000; } .hoster .hoster-box span{ display: block; margin-top: 5px; } .rank-list ul.download li { padding: 0; border-bottom: 0; } .rank-list ul li { padding: 10px 0; border-bottom: 1px solid #ddd; font-size: 16px; } .download li { width: 100%; height: 35px; line-height: 35px; text-align: center; margin-bottom: 10px; *margin-bottom:6px; _margin-bottom:6px; } .download li.android { background: rgb(72,233,63); } .download li.font-style a { color: white; padding-left:10px; cursor: default; } .download li.iphone { background: rgb(41,124,246); } .download li.hks-dowmload a { font-size: 18px; color: black; } .hoster .row{ margin-left: 0px; } .hoster .hoster-box{ padding: 0px; padding-left:6px; padding-right:6px; text-align: center; float:left; } #hoster .hoster-box a{ display:block; width:68px; height:68px; overflow:hidden; } #hoster .hoster-box img{ width: 100%; } .hoster .hoster-box a{ color: #000; } .hoster .hoster-box span{ display: block; margin-top: 5px; } /*分页样式*/ #page_navigation{ margin: 10px 0 0px; text-align: center; } .page_link{ display: inline-block; margin-right: 4px; width: 14px; margin-bottom: 8px; border:2px solid #ddd; } .previous_link{ display: inline-block; margin-right: 30px; width: 10px; height: 19px; background: url(/uploads/image/simages/host-left.png) no-repeat; border: 0px; } .next_link{ display: inline-block; margin-left: 28px; width: 10px; height: 19px; background: url(/uploads/image/simages/host-right.png) no-repeat; border: 0px; } .active_page{ border:2px solid #0b72b4; } .hot h3{ margin-bottom:16px; } .hot-box{ overflow: hidden; margin-bottom:16px; height: 22px; } .hot-box .hot-tag{ /*margin-left: -15px; margin-right: -10px;*/ padding:0px; float:left; } .hot-box .hot-tag a{ height: 20px; line-height:18px; text-align:center; width:90%; display:inline-block; overflow:hidden; color: #0b72b4; margin-right:10%; border: 1px solid #0b72b4; } .hot-box .hot-tag a:hover { background: rgb(248, 83, 87) none repeat scroll 0 0; color: #fff; } .hot-box .hot-tit{ padding: 0px; float:left; width:74%; } .hot-box .hot-tit a{ color: #000; } .fixed{ position:fixed;top:195px;} .fixed2{ position:fixed;top:50px;} .indexslider .slick-dots li button:before { font-size: 50px !important; font-family:'微软雅黑'!important; content: '-'!important; } .indexslider .slick-dots li.slick-active button:before{ color:red !important; height:20px !important; } .indexslider .slick-dots li button{ height:23px !important; } .indexslider .slick-dots li button { color:#aaa !important; cursor: pointer; display: block; font-size: 0; height: 20px; line-height: 0; outline: medium none; padding: 5px; width: 20px; } .slick-list{ margin-bottom:10px !important; } .indexslider .slick-dots{ bottom:-52px !important; } .indexslider .slick-dots li{ height:25px !important; } .indexslider .slick-dots li:first-of-type{ margin-left:0; } #hoster .hoster-btn span{cursor:pointer;} #hoster .hoster-prev{ width:30px; height:30px; position:absolute; bottom:-13px; left:85px; z-index:9999; } #hoster .hoster-next{ width:30px; height:30px; position:absolute; bottom:-13px; right:60px; z-index:9999; } #hoster{ position:relative; }