@charset "utf-8";
.lb-layout{ width: 1200px; margin: 0 auto; position: relative;}
.bt { font-size: 14px; word-spacing: 10px; font-family: Microsoft Yahei; margin-top: 12px; width: 500px; }
.bt dl dt, .bt dl dd { float: left; margin-right: 5px; }
.bt dl dd a { color: #076ff8; }
.bt dl dd a:hover { text-decoration:underline; }
.mt20{ margin-top: 20px;}
.mt30{ margin-top: 30px;}
.top-img{ position: relative; width: 1200px; height: 240px; padding-top: 80px;}
.top-img img{ position: absolute; left: 0; top: 0; z-index: 1; width: 1200px; height: 240px; display: block;}
.top-img .t-1{ font-size: 30px; color: #fff; text-align: center; font-weight: bold; line-height: 48px; position: relative; z-index: 2;}
.top-img .t-2{ font-size: 14px; color: #fff; text-align: center; line-height: 30px; position: relative; z-index: 2;}
.top-con{ font-size: 14px; color: #666; line-height: 30px; text-align: left; margin-top: 15px;}
.lb-layout-left{ width: 834px; float: left;}
.lb-layout-right{ width: 346px; float: right;}
.recom{ margin-bottom:20px;}
.recom ul li { padding-bottom: 20px; margin-bottom: 20px; border-bottom: 1px solid #e5e5e5; }
.recom ul li:last-child { border-bottom: none; }
.recom ul li img { display: block; float: left; width: 98px; height: 98px; border: 1px solid #e1e1e1; margin-right: 20px; }
.recom ul li dl { float: right; width: 184px; }
.recom ul li dl dt a { color: #1678f8; font-size: 14px; margin-bottom: 8px; display: block; width: 180px; white-space: nowrap; overflow: hidden; height:16px;}
.recom a:hover{ text-decoration:underline;}
.recom ul li dl dd { color: #666; font-size: 12px; line-height: 20px; width: 180px; white-space: nowrap; overflow: hidden; }
.recom ul li dl dd span { color: #ff4277; }
.lb-layout-right>div>.title { height: 44px; line-height: 42px; }
.lb-layout-right>div>.title div { margin-top: 10px; margin-right: 5px; }
.lb-layout-right>div>.title h3, .lb-layout-right>div>div>span { display: block; }
.lb-layout-right>div>.title h3 { float: left; color: #666; font-size: 18px; }
.lb-layout-right>div>.title h3>span{ color:#076ff8; font-size: 18px;}
.lb-layout-right>div>.title span a { float: right; color: #999; font-size: 14px; }
.lb-layout-right>div>.title span a:hover { color: #1678f8; }
.l_tag ul li{ float:left; display:block;  margin-right:1px; margin-bottom:1px; border-bottom:0; padding-bottom:0; background-color:#076ff8;}
.l_tag ul li a{color:#fff; display:block; margin:10px; font-size:14px; line-height:14px; white-space: nowrap; overflow:hidden; max-width:252px;}
.l_tag ul li:hover{ text-decoration:none; background-color:#0552B9;}
.l_rank .ranking-topList { padding: 0 10px; border:1px solid #e5e5e5;}
.l_rank .ranking-topList li { height: 33px; border-bottom: 1px solid #e7e7e7; position: relative; line-height: 33px; padding-left: 30px; padding-bottom:0; margin-bottom:0; }
.l_rank .ranking-topList li i.trend { top: 10px; right: 0px; }
.l_rank .ranking-topList li.last { border-bottom: none }
.l_rank .ranking-topList li a { line-height: 32px; color: #0074bd; display: block; text-align: left;}
.l_rank .ranking-topList li a:hover { line-height: 32px; text-decoration: underline }
.l_rank .ranking-topList li span { line-height: 32px; display: block; width: 60px; text-align: left; position: absolute; right: 20px; top: 0px; font-family: "Lucida Grande", "Lucida Sans Unicode", Helvetica, Arial, Verdana, sans-serif }
.lb-item{ border: 1px solid #e2e2e2; padding: 19px 19px 15px 19px; margin-bottom: 20px;}
.lb-item .img img{ display: block; width: 306px; height: 200px; margin: 0 auto;}
.lb-item .btn{ margin-top: 20px;}
.lb-item .btn a{ font-size: 16px; color: #fff; text-align: center; width: 143px; line-height: 42px; display: block; border-radius: 4px; background: #076ff8; text-decoration: none;}
.lb-item .title{ margin-top: 15px; text-align: left; height: 30px!important;}
.lb-item .title a{ font-size: 16px; color: #076ff8; line-height: 30px; font-weight: bold; display: inline-block; position: relative;}
.lb-item .title a:after{ content: ''; display: block; background: url("../images/lb_vip.jpg") 0 0 no-repeat; width: 15px; height: 16px; position: absolute; right: -20px; top: 6px;}
.lb-item .con{ font-size: 12px; color: #999; line-height: 24px; text-align: left;}
.lb-hot{ margin-bottom: 20px;}
.lb-hot .title{ font-size: 20px; color: #666; font-weight: bold; text-align: left; line-height: 30px!important; height: 30px!important;}
.lb-hot .con{ margin-left: -10px;}
.lb-hot .con .li{ float: left; margin-left: 10px; margin-top: 10px;}
.lb-hot .con .li a{ display: block; background: #f3f3f3; font-size: 14px; color: #666; line-height: 30px; border-radius: 15px; padding: 0 14px;}
.lb-hot .con .li a:hover{ background: #1678f8; color: #fff; text-decoration: none;}
.lb-notice{ margin-bottom: 20px;}
.lb-notice .title{ font-size: 20px; color: #666; font-weight: bold; text-align: left; line-height: 30px!important; height: 30px!important;}
.lb-notice .con{ margin-left: -26px;}
.lb-notice .con .li{ float: left; margin-left: 26px; margin-top: 10px;}
.lb-notice .con .li .img{ display: block; border: 1px solid #e2e2e2; padding: 15px; }
.lb-notice .con .li .img img{ display: block; width: 128px; height: 96px;}
.lb-notice .con .li span{ display: block; font-size: 16px; color: #1678f8; line-height: 20px; margin-top: 10px; overflow: hidden; height: 20px;}
.lb-news{ margin-bottom: 20px;}
.lb-news .title{ font-size: 20px; color: #666; font-weight: bold; text-align: left; line-height: 30px!important; height: 30px!important;}

.lb-news .con{}
.lb-news .con .li{ height: 30px; overflow: hidden;}
.lb-news .con .li.select{ height: 120px;}
.lb-news .con .li.select .detail{ opacity: 1; transition: .6s;}
.lb-news .con .li .info a{ font-size: 16px; color: #333; line-height: 30px; display: block; float: left; width: 250px; overflow: hidden; height: 30px; text-align: left;}
.lb-news .con .li .info a:hover{ color: #076ff8; text-decoration: underline;}
.lb-news .con .li .info a i{ display: inline-block; width: 36px; height: 20px; border: 1px dashed #d71318; color: #d71318; border-radius: 4px; font-size: 12px; text-align: center; line-height: 18px; font-style: normal; margin-right: 14px;}
.lb-news .con .li .info span{ font-size: 12px; color: #999; line-height: 30px; display: block; float: right; height: 30px;}
.lb-news .con .li .detail{ margin-top: 7px; opacity: 0; transition: .6s}
.lb-news .con .li .detail .img{ float: left; margin-right: 10px;}
.lb-news .con .li .detail .img img{ width: 96px; height: 72px; display: block;}
.lb-news .con .li .detail .text{ font-size: 12px; color: #999; line-height: 24px; text-align: left; float: left; width: 240px; overflow: hidden; height: 72px;}


.lb-about{ border: 1px solid #e2e2e2; padding: 15px 19px 19px 19px; text-align: left; margin-bottom: 20px;}
.lb-about .title{ font-size: 20px; font-weight: bold; color: #666; line-height: 1; }
.lb-about .title span{ color: #076ff8; font-size: 20px;}
.lb-about .con .li{ margin-left: 124px; margin-top: 20px; width: 283px; float: left;}
.lb-about .con .li:nth-child(2n+1){ margin-left: 0;}
.lb-about .con .li .img{ border: 1px solid #e2e2e2; padding: 9px; float: left;}
.lb-about .con .li .img img{ display: block; width: 120px; height: 104px; }
.lb-about .con .li .info{ float: left; margin-left: 15px; width: 128px;}
.lb-about .con .li .info .i-1 { margin-bottom: 5px;}
.lb-about .con .li .info .i-1 a{ font-size: 16px; color: #076ff8; font-weight: bold; line-height: 20px; display: block; overflow: hidden; height: 20px;}
.lb-about .con .li .info .i-2, .lb-about .con .li .info .i-2 a { font-size: 12px; color: #999; line-height: 20px; display: block; height: 20px; white-space: nowrap;}
.lb-about .con .li .info .i-2 a:hover{ color: #076ff8; text-decoration: underline;}
.lb-about .con .li .info .btn{ margin-top: 5px; margin-bottom: 5px;}
.lb-about .con .li .info .btn a{ display: block; color: #fff; background: #076ff8; width: 128px; line-height: 28px; text-align: center;}
.lb-more{ margin-bottom: 20px;}
.lb-more a{ font-size: 18px; font-weight: bold; color: #666; line-height: 30px; text-align: center;}
.lb-more a:hover{ color: #076ff8; text-decoration: underline;}
.lb-zx{ text-align: left; margin-bottom: 20px;}
.lb-zx .title{ font-size: 20px; color: #666; line-height: 40px; padding-left: 30px; position: relative; font-weight: bold;}
.lb-zx .title:before{ position: absolute; content: ''; background: url("../images/lb_zx.jpg") 0 0 no-repeat; width: 19px; height: 17px; left: 0; top: 12px;}
.lb-zx .title span{ color: #076ff8; font-size: 20px;}
.lb-zx .con{ margin-top: 10px;}
.lb-zx .con .li{ margin-top: 15px;}
.lb-zx .con .li:first-child{ margin-top: 0;}
.lb-zx .con .li .img{ float: left;}
.lb-zx .con .li .img img{ display: block; width: 180px; height: 107px;}
.lb-zx .con .li .info{ float: left; margin-left: 20px; width: 625px;}
.lb-zx .con .li .info .i-1, .lb-zx .con .li .info .i-1 a{ font-size: 20px; color: #333; font-weight: bold; line-height: 26px; overflow: hidden; height: 26px;}
.lb-zx .con .li .info .i-1 a:hover{ color: #076ff8; text-decoration: underline;}
.lb-zx .con .li .info .i-2{ font-size: 12px; color: #999; line-height: 22px; overflow: hidden; height: 44px; margin-top: 7px;}
.lb-zx .con .li .info .i-3{ font-size: 12px; color: #999; line-height: 22px; overflow: hidden; height: 22px; margin-top: 7px;}
.lb-zx .con .li .info .i-3 span{ color: #999; margin-left: 20px; padding-left: 18px; position: relative; display: inline-block;}
.lb-zx .con .li .info .i-3 span:before{ position: absolute; content: ''; background: url("../images/lb_zx_eye.jpg") 0 0 no-repeat; width: 12px; height: 10px; left: 0; top: 6px;}
.lb-wd{ text-align: left; margin-bottom: 20px;}
.lb-wd .title{ font-size: 20px; color: #666; line-height: 40px; padding-left: 30px; position: relative; font-weight: bold;}
.lb-wd .title:before{ position: absolute; content: ''; background: url("../images/lb_wd.jpg") 0 0 no-repeat; width: 19px; height: 17px; left: 0; top: 12px;}
.lb-wd .title span{ color: #076ff8; font-size: 20px;}
.lb-wd .con{}
.lb-wd .con .li{ padding: 14px 0; border-top: 1px solid #e8e8e8;}
.lb-wd .con .li:first-child{ border-top: none;}
.lb-wd .con .li .info{ width: 100%;}
.lb-wd .con .li .info .i-1, .lb-wd .con .li .info .i-1 a{ font-size: 20px; color: #333; font-weight: bold; line-height: 26px; overflow: hidden; height: 26px;}
.lb-wd .con .li .info .i-1 a:hover{ color: #076ff8; text-decoration: underline;}
.lb-wd .con .li .info .i-2{ font-size: 12px; color: #999; line-height: 22px; overflow: hidden; height: 44px; margin-top: 7px;}
.lb-wd .con .li .info .i-2 a{ color: #f00;}