.main_slide { width: 300px; padding-top:25px; } .main_slide .slide_apps { margin: 5px 0 30px; height:83px; } .main_slide .slide_apps span { display: block; width: 57px; height: 57px; } .main_slide .slide_apps p { text-align: center; font-size: 12px; color: #666; padding-top: 8px; } .main_slide .slide_apps p:hover{ text-decoration:none; color:#c00; } .main_slide .slide_apps .apps { display: inline-block; margin-left: 13px; *width: 57px; *float: left; _width: 57px; _float: left; position:relative; } .main_slide .slide_apps .apps span { background: url("/skin/Images/home/icon1.png") -36px -67px no-repeat; } .main_slide .slide_apps .weibo { display: inline-block; margin-left: 52px; *width: 57px; *float: left; position:relative; } .main_slide .slide_apps .weibo span { background: url("/skin/Images/home/icon1.png") -36px -153px no-repeat; } .main_slide .slide_apps .wechat { display: inline-block; margin-left: 52px; *width: 57px; *float: left; position:relative; } .main_slide .slide_apps .wechat span { background: url("/skin/Images/home/icon1.png") -36px -234px no-repeat; } .main_slide .slide_apps a:hover p,.main_slide .slide_apps a:hover{ text-decoration:none; color:#01a5c2;} .main_slide .slide_apps .apps a:hover span{ background-position:-36px -317px;} .main_slide .slide_apps .weibo a:hover span{ background-position:-36px -403px;} .main_slide .slide_apps .wechat a:hover span{ background-position:-36px -484px;} .qrcode-box-wrp { width: 130px; height: 130px; background: #fff; margin-top: -140px; top:-5px; left: 50%; margin-left:-65px; position: absolute; visibility: hidden; opacity: 0; transition: .2s } .qrcode-box { width: 130px; height: 130px; border: 1px solid #e5e9ef } .qrcode-box.qrcode-app { background: url("/skin/Images/common/app_qrcode.png") center center no-repeat } .qrcode-box.qrcode-weibo { background: url() center center no-repeat } .qrcode-box.qrcode-weixin { background: url("/skin/Images/common/wx_qrcode.png") center center no-repeat } .qrcode-box .qrcode-box-arrow { width: 130px; height: 143px; background: url("/skin/Images/common/wx-arrow.png") bottom center no-repeat } .wechat:hover .qrcode-box-wrp { visibility: visible; opacity: 1 } .main_slide .online { padding: 16px 24px; color: #666; font-size: 12px; border-top: #ccc 1px solid; border-bottom: #ccc 1px solid; } .main_slide .slide_box { } .main_slide .slide_box .head { height: 40px; line-height: 40px; border-bottom: #ccc 1px solid; color: #666; font-size: 12px; position: relative; } .main_slide .slide_box .head .title { color: #999999; font-size: 18px; display: block; position: absolute; border-bottom: #01a5c2 2px solid; bottom: -1px; -webkit-font-smoothing: antialiased; } .main_slide .slide_box .head .title span { color: #01a5c2; -webkit-font-smoothing: auto; } .main_slide .slide_box .head .more{ position:absolute; right:0; text-align:right; display:block; padding-right:10px; color:#999; font-size:13px; background:url("/skin/Images/common/arrow_more.png") right 14px no-repeat; } .main_slide .slide_box .head_r li { line-height: 40px; display: inline-block; text-align: center; color: #666; padding: 0 12px; cursor: pointer; *width:48px; *float:left; _width:48px; _float:left; } .main_slide .slide_box .head_r li.active { border-right: #ccc 1px solid; border-left: #ccc 1px solid; border-top: #ccc 1px solid; height: 40px; background: #fff; } .main_slide .slide_box .body { padding: 12px 0 25px; } .main_slide .slide_box .body ul li { width: 100%; overflow: hidden; font-size: 13px; white-space: nowrap; _white-space:normal; *white-space:normal; color: #444444; padding: 4px 0; border-bottom: #f0f0f4 1px solid; text-overflow: ellipsis; } .rank .body ul li{ height:30px; line-height:30px; padding: 4px 0; position:relative; overflow: hidden; font-size: 13px; } .rank .body ul li i { color: #999; font-size: 20px; vertical-align: sub; width:32px; text-align:center; display:inline-block; font-family:Swisz,Georgia,Arial,"Hiragino Sans GB", "Microsoft YaHei", "微软雅黑"; font-style:italic; position:absolute; top:2px; left:0; height:30px; line-height:30px; } .rank .body ul li a{ margin-left:38px; _display:inline-table; *display:inline-table; _width:260px; *width:260px; overflow:hidden; } .rank .body ul li.c { font-size: 16px; white-space: inherit; position:relative; height:auto; } .rank .body ul li.c a{ margin-left:0; } .rank .body ul li.c div { margin-left: 38px; } .rank .body ul li.c p{ line-height:24px; } .rank .body ul li.c .summary { font-size: 13px; color: #999999; line-height: 20px; max-height: 60px; display: block;overflow: hidden; } .rank .body ul li.c .summary p{line-height: 20px;} .rank .body ul li.c i { background: #01a5c2; color: #fff; float: left; width:20px; margin-left:5px; position: absolute; height: 26px; line-height: 26px; top: 7px; left: 0; } .rank .body li a { color: #555; } .rank .body li a:hover{ color:#cc0000; } .main_slide .ads .body li { background: url("/oeimg2.cache.oeeee.com/Public_v2/Images/channel/home/icon_dot.png") no-repeat 0 15px; height: 24px; line-height: 24px; overflow: hidden; padding-left: 10px!important; border-bottom: none 0!important; } .main_slide .tuwen li { float: left; height: 60px; margin-bottom: 12px; margin-right: 60px; width: 300px; list-style: none; white-space: normal!important; } .main_slide .tuwen li a.img { float: left; height: 60px; width: 90px; border: 0 none; overflow: hidden; vertical-align: bottom; background: url("/oeimg2.cache.oeeee.com/Public_v2/Images/channel/default_img.png") no-repeat; } .main_slide .tuwen li img { float: left; width: 90px; border: 0 none; vertical-align: bottom; } .main_slide .tuwen li .txt { display: block; float: right; font-size: 14px; line-height: 27px; width: 200px; height: 60px; overflow: hidden; font-family: "宋体"; color: #666; } .main_slide .tags a { height: 26px; line-height: 26px; color: #666; border: #d9d9d9 1px solid; border-radius: 26px; margin-right: 10px; padding: 0 10px; } #js-epside-wrap{ position: absolute; top: 110px; right: 50%; margin-right: -500px; width: 300px; height: 300px; background: blue} .J_scroll_slide.fixed{ width: 300px; position: fixed; top: 95px; } .J_scroll_slide_4home.fixed{ width: 300px; position: fixed; top: 4px; } .tag{ width:310px;} .tag a{ height:26px; line-height:26px; border:1px solid #d9d9d9; text-align:center; color:#666; padding:0 8px; margin:0 8px 8px 0; display:inline-block; white-space:nowrap;-moz-border-radius: 14px; -webkit-border-radius: 14px; border-radius:13px;} .tag a:hover{ background:#01a5c2; color:#fff; border:1px solid #01a5c2; text-decoration:none;} /*深圳*/ .main_slide .slide_box .ndcp{ padding: 20px 0 25px 0; } .ndcp .items { overflow: hidden; margin-bottom: 16px; } .ndcp .items a.a { display: block; width: 70px; height: 70px; float: left; } .ndcp .items a.a img{ width: 69px; height: 69px; -moz-border-radius: 35px; -webkit-border-radius: 35px; border-radius:35px; border:1px solid #f0f0f0; } .ndcp .items b { display: block; height: 22px; line-height:22px; font-size: 14px; color: #333333; overflow: hidden; font-weight: bold; } .ndcp .items span { display: block; height: 40px; font-size: 12px; color: #666; overflow: hidden; margin-top: 2px; } .ndcp .items span a{ line-height:20px; height:auto !important; color:#666;} .ndcp .items span a:hover{ color:#c00;} .paperbox{ text-align:center; margin-bottom:35px;} .main_slide .yaowen .body ul li{font-size:14px; line-height:32px; height:32px; overflow:hidden; border:none; background: url("/oeimg2.cache.oeeee.com/Public_v2/Images/channel/home/icon_dot.png") no-repeat 0 15px; padding:0 0 0 10px;} .main_slide .yaowen .body ul li a{ color:#555;} .main_slide .yaowen .body ul li a:hover{ color:#c00;} .main_slide .yaowen .body ul li.first{ font-weight:bold;} .epaper{ margin-bottom:25px;} .epaper .body img{ width:190px;} .main_slide .epaper .body{ border:1px solid #eee; border-top:none; text-align:center; padding:15px 0;}