/* css document */ /*---------- box-left start---------*/ /* 左侧列开始 */ .col-l{ width: 410px; float: left; } /* 幻灯片 */ .focus_news{width:410px;height:270px;position:relative} .focus_news ul li{position:absolute;left:0;top:0;display:none} .focus_news ul li img{width:410px;height:270px;} .focus_news ol{position:absolute;bottom:-2px;right:20px;bottom:17px;z-index:99;} .focus_news ol li{float:left;width:10px;height:10px;border-radius:50%;text-align:center;line-height:20px;border:1px solid #fff;margin-left:10px;cursor:pointer;background:#fff} .focus_news ol li.current{background:#d33;} .focus_news li .bg{width:410px;height:50px;position:absolute;left:0;bottom:0px;z-index:1;background:#000;filter:alpha(opacity=40);opacity:.4} .focus_news li .title{width:300px;height:50px;line-height:50px;left:0;bottom:0px;position:absolute;z-index:2;overflow: hidden;} .focus_news li .title a{color:#fff;padding-left:15px;font-size:14px;} /* 快讯 */ .kuaixun ul { background-color: #f8f8f8; font-size:16px; line-height:36px; transition: background-color .3s; } .kuaixun:hover ul, .kuaixun:hover ul li em { background-color: #fff; } .kuaixun ul li { overflow: hidden; white-space: nowrap; text-overflow: ellipsis; width: 100%; transition: background-color .3s; } .kuaixun ul li:hover { background-color: #eef3f6; } .kuaixun ul li em { display: inline-block; margin-right:7px; padding: 0 8px 0 25px; background-color: #eef3f6; background-image: url(/uploads/image/iweb/icons_time.png); background-repeat: no-repeat; background-position: -30px 11px; color:#0051de; transition: background-color .3s,background-position .3s,color .3s; } .kuaixun ul li:hover em { background-color: #0051de; background-position: 5px 11px; color: #fff; } .kuaixun ul li a { text-decoration: none; } .kuaixun ul li a:hover { color: #0051de; } /* 要闻 */ .clude dt { float: left; } .clude dt img { width: 155px; height: 100px; } .clude dd { float: right; width: 240px; } .clude dd.tit { font-weight: bold; overflow: hidden; margin-bottom: 10px; font-size: 16px; } .clude dd.tit a:hover { color: #0051de; } .clude dd.exp { font-size: 14px; color: #929292; line-height: 24px; height: 72px; overflow: hidden; } .news-list { margin-top: 15px; } .news-list li { line-height: 36px; height:36px; font-size: 16px; background: url(/uploads/image/iweb/dot.jpg) no-repeat 0 16px; padding-left: 14px !important; overflow: hidden; } .news-list li a:hover { color: #0051de; } /* 中间列开始 */ .col-m{ width: 410px; float: right; } /* 头条热点 */ .hot-news { margin-top: 25px; padding-bottom: 6px; } .line-border{ border-bottom: 1px solid #dedede; } .hot-news h2{ font-size: 20px; text-align:left; line-height:24px; height:24px; overflow:hidden; } /*官方微信热度周榜*/ /* .weixin-icon{ padding-left: 20px; background: 0px 12px no-repeat; background-size: 17px 15px; } */ em.list-title { width:17px; float: left; margin:8px 5px 0 0; } em.recom-bg{ height: 17px; background: url(/uploads/image/iweb/title_icon.png) 0 -21px no-repeat; } em.rank-bg{ height: 17px; background: url(/uploads/image/iweb/title_icon.png) 0 -41px no-repeat; } .rankings li { display: block; overflow: hidden; clear: both; line-height: 36px; height: 36px; } .rankings li em { width: 20px; height: 20px; display: inline-block; font-size: 14px; line-height: 20px; text-align: center; float: left; margin-right: 10px; margin-top: 10px; border-radius: 50%; background: #cccccc; color: #fff; } .rankings li em.red_dot { background: #0051de; } .rankings li a { float: right; width: 380px; display: inline-block; line-height: 36px; font-size: 16px; } .rankings li a:hover { color: #0051de; } /*---------- box-left end---------*/ /*---------- box-right start---------*/ /*期货实战排排网*/ .right-area { margin-top: 10px; background: #f8f8f8; padding-bottom: 11px; } .right-area h3{ font-size: 18px; display: block; background: url(/uploads/image/iweb/line.png) 10px 35px no-repeat; padding:15px 0 15px 5px; } em.side-title { width:17px; float: left; margin:2px 5px 0 5px; height: 17px; } em.paipai-bg{ background: url(/uploads/image/iweb/rank_icon.png) 0 0 no-repeat; } em.dalian-bg{ background: url(/uploads/image/iweb/title_icon.png) -18px -21px no-repeat; } em.zhishu-bg{ background: url(/uploads/image/iweb/title_icon.png) -18px -41px no-repeat; } .side-content { width: 270px; background: #01499b;; background-size: 100%; margin: 15px 0 5px 15px; box-sizing: border-box; } .side-content table { border: 0; width: 100%; font-size: 14px; text-align: center; } .side-content thead tr { background: #c9dbf3; height: 30px; } .side-content tbody tr { height: 25px; } h2.fs18{ font-size: 18px; } .paper_img { width:140px; height: 200px; margin: 15px 0 5px 10px; float: left; } .paper_list{ width: 140px; float: right; margin: 18px 0 5px 0px; } .paper_list li{ line-height:24px; } /*---------- box-right end---------*/ .foot_1 { width: 100%; margin-top:20px; background: #f9f9f9; padding:20px 0; } .layout { background: url(/uploads/image/iweb/partner.png) left center no-repeat; padding-left: 145px; width: 1060px; } .box-center{ width: 100%; height: 30px; margin-top: 10px; border-bottom: 1px solid #ccc; } .box-center .jigou{ width:100%; height: 100%; display: flex; justify-content: space-between; margin: 0 auto; } .box-center .jigou li{ height: 100%; list-style: none; font-size: 16px; text-align: center; line-height: 24px; color:#3f3f3f; } .box-center .jigou .selected{ color:#0051de; border-bottom: 2px solid #0051de; } #tab-contents li{ margin-top:15px; margin:-bottom:15px; font-size: 14px; color: #666; } #tab-contents li a{margin-right:10px; line-height: 30px; color: #666;} #tab-contents li a:hover{color: #d54800} /*.adv-860 img {width: 860px; height: 80px}*/ .adv-860{ display:flex; justify-content:space-between; } .adv-860 img{ width: 420px; height: 80px; }