body { margin: 0 auto; } a { text-decoration: none;} html, body, div, form, p, a, h1, h2, h3, h4, h5, h6, img, table, td, th, input, span, section, header, footer, nav, article, aside, fieldset, textarea, dl, dt, dd, blockquote, ul, ol { margin:0 auto; padding:0;} div, form, img, ul, ol, li, dl, dt, dd, h1{ font-size:14px;} img{ vertical-align: top; border-width:0;} input{ border: 1px solid #7F9DB9; font-family: "Verdana"; font-size: 12px; height: 15px; line-height: 15px; } ul{ list-style:none;} .titleColor{ color: #FFFF00;} .block1{ height:0px; clear:both; width:100%;} .block2{ height:5px; clear:both; width:100%;} .block3{ height:10px; clear:both; width:100%;} .block4{ height:15px; clear:both; width:100%;} .block5{ height:20px; clear:both; width:100%;} .pd15{ padding:15px;} #ADText{ height: 36px; line-height:36px; font-size: 14px; font-weight: bold; text-align: center;} #ADText a{ color: #CC0000;} #AD001{ float: left; height: 148px; width: 630px; position:relative;} #AD002{ height: 60px; margin: 0 auto; width: 468px;position:relative;} #AD003{ clear: both; height: auto; overflow: hidden; width: 300px; position:relative;} #AD004{ clear: both; height: auto; text-align: center; width: 300px; position:relative;} #AD005{ clear: both; height: auto; text-align: center; width: 300px; position:relative;} .adlogo{ position:absolute; left:0; bottom:0; z-index:999;} .icon{ color: #333; font-size:14px;} /*.icon2{ background: url("http://upload.cheaa.com/Files/Template2011/NewsDetail//icon2.gif") no-repeat scroll 5px 6px rgba(0, 0, 0, 0); }*/ /*.icon3{ background: url("http://upload.cheaa.com/Files/Template2011/NewsDetail//icon3.gif") no-repeat scroll 5px 6px rgba(0, 0, 0, 0); }*/ /*.icon4{ background: url("http://upload.cheaa.com/Files/Template2011/NewsDetail//icon4.gif") no-repeat scroll 5px 6px rgba(0, 0, 0, 0);}*/ .icon4 a{ color: #333; } .adn_01{ width:670px; height:90px; background:#fff; position:relative;} /**-------------------------------------------------------------------------顶部-------------------------------------------------------------------------**/ .NewArea{ clear: both; margin: auto; width: 980px;} #header{ background: none repeat scroll 0 0 #408ED6; border-radius: 5px; height: 36px; margin-top: 10px; padding: 2px 0;} #head-left{ background-image: url("http://upload.cheaa.com/Files/Template2011/NewsDetail//news_detail_logo2.jpg"); background-repeat: no-repeat; display: inline; float: left; height: 36px; margin-left: 20px; width: 100px;} #head-right{ color: #FFFFFF; float: right; font-size: 14px; height: 36px; line-height: 34px; text-align: center; width: 830px;} #head-right a{ color: #FFFFFF; margin: auto 3px;} #AdTap{ height: 150px; margin-top: 10px;} #TopNews{ border: 1px solid #D1E1F1; float: right; height: 148px; width: 338px; overflow:hidden;} #TopNews .TopNewsTitle{ border-bottom: 1px solid #e0e0e0; clear: both; color: #2B2B2B; height: 25px; line-height: 24px; padding:0 10px;} #TopNews ul{ margin: 0 auto; padding: 6px 0 0 20px; width: auto;} #TopNews li{ width:300px; line-height: 28px; height:28px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; word-break: break-all;} #TopNews li a{ color:#333; font-size:12px; } .lineAd{ display: block; float: right; height: 22px; margin: 1px 8px 1px 28px; width: 214px; position:relative;} /**-------------------------------------------------------------------------顶部产品信息-------------------------------------------------------------------------**/ .proTopMsgBox{ border: 1px solid #E8E8E8; margin: 10px auto 0; padding: 5px 10px; width: 958px; } .proTopMsgBox .proTopMsgBox_Div{ clear: both; height: auto; overflow: hidden; width: 100%;} .proTopMsgBox .proTopMsgBox_Div strong { color: #134BA0; display: block; float: left; font-family: "microsoft yahei"; font-size: 22px; overflow: hidden; padding: 5px 0; text-align: left; width: 600px;} .proTopMsgBox .proTopMsgBox_Div .priceBox{ float: left; padding-top: 15px; width: 358px;} .proTopMsgBox .proTopMsgBox_Div .priceBox p { color: #333333; font-size: 12px;} .proTopMsgBox .proTopMsgBox_Div .priceBox p font { padding: 0 2px; display:inline; } .proTopMsgBox .proTopMsgBox_Div .proMenuBox{ float: left; padding: 5px 0; width: 600px;} .proTopMsgBox .proTopMsgBox_Div .proMenuBox a{ border: 1px solid #DDDDDD; color: #333333; display: inline-block; float: left; font-size: 14px; font-weight: bold; margin-right: 10px; padding: 5px 10px;} .proTopMsgBox .proTopMsgBox_Div .proMenuBox a:hover{ background:#3399ff; color:#fff; text-decoration:none;} .proTopMsgBox .proTopMsgBox_Div .proKeyWordBox{ float: left; padding-top: 15px; width: 358px; font-size:12px;} .proTopMsgBox .proTopMsgBox_Div .proKeyWordBox a{ padding: 0 3px; font-size:12px;} /**-------------------------------------------------------------------------面包屑导航-------------------------------------------------------------------------**/ #navi{ margin:0 auto; background-color: #408ED6; border: 1px solid #9FC5EA; color: #FFFFFF; height: 30px; line-height: 30px; margin-top: 10px; width: 978px;} #navi-left{ padding:0 15px; } #navi-left a{ color: #FFFFFF;} #SiteSearch{ background: none repeat scroll 0 0 #206BAF; display: inline; float: right; height: 22px; padding: 4px 10px; width: 280px;} .SearchText{border:0 none;padding:0;float:left;font-size:12px;height:20px;text-align:left;text-indent:25px;color:#333;font-family:"Microsoft YaHei";border:1px solid #ccc;border-right:0;width:228px; background:url('http://img.cheaa.com/2014/images/search2014.gif') 3px 3px no-repeat #fff;} .SearchBtn{border:0;background:#eee;border-left:1px solid #ccc;border-radius:0 2px 2px 0;display:block;float:right;height:20px;padding:0;padding-top:2px;width:50px;background:url(http://img.cheaa.com/css/images/searchBtnBg.jpg) repeat-x;} /**-------------------------------------------------------------------------主体-------------------------------------------------------------------------**/ #main{ margin-top: 10px; overflow: hidden;} /**-------------------------------------------------------------------------主体左侧-------------------------------------------------------------------------**/ #main-left{ float: left; width: 670px;} #main-l1{ background: none repeat scroll 0 0 #F9FDFF; border: 1px solid #C7DDF2; padding: 10px 0; width: 668px;} #main-l1 #NewsTitle{ height: auto; margin: 30px auto 0;} #main-l1 #NewsTitle h1{ color: #000000; font-family: "microsoft yahei"; font-size: 25px; line-height: 48px; margin: 0; text-align: center;} #main-l1 #CurtTitle{ text-align:center;} #main-l1 #CurtTitle h2{ font-size: 18px; font-weight: normal; line-height: 28px; margin: 0; text-align: center;} #main-l1 #NewsInfo{ border-bottom: 1px solid #C8DDF2; color: #666666; line-height: 32px; padding: 10px 0; text-align: center;} #main-l1 #NewsInfo a{ color: #1469AA;} #main-l1 #tagsBox{ text-align: center; width: 100%;} #main-l1 #tagsBox #article_gjc{ background: url("http://upload.cheaa.com/Files/Template2011/NewsDetail//gjc-bg.gif") no-repeat scroll left top #FAFBFE; border: 1px solid #D8DEE3; display: inline-block; line-height: 21px; margin: 10px; overflow: hidden; padding: 0 0 0 50px; white-space: nowrap;} img.bshare-logos{ border: medium none !important; cursor: pointer; float: left; height: auto !important; margin: 0 !important; padding: 0 2px !important; vertical-align: bottom; width: auto !important; } .article-content.fontSizeSmall.BSHARE_POP{ clear: both; margin: 0 auto; padding: 0 50px;} .fontSizeSmall p{ font-size: 14px; word-break: break-all;} .fontSizeSmall p span{ font-size: 14px;!important font-family:'microsoft yahei';} .article-content p{ color: #333333; line-height: 1.7; margin: 10px 0; text-align: justify;} .bshare-image2share{ background: none repeat scroll 0 0 rgba(0, 0, 0, 0); display: inline-block; line-height: 0; margin: -3px; padding: 3px; position: relative; text-indent: 0;} .bshare-image2share img{ border: 1px solid #D4D7D9; max-width: 500px; opacity: 100; padding: 1px; visibility: visible;} /*不出图先注释.article-content img{ opacity: 0; visibility: hidden;}*/ .bshare-overlayLink{ background-color:#FF5C00; line-height:normal; padding:0 3px 3px; position:absolute; right:3px; text-indent:0; top:3px;} .bshare-buzz{ float:left;} .bshare-textspan{ color: #FFFFFF; float: left; font-family: Arial,宋体,sans-serif; font-size: 13px; font-weight: bold; line-height: 16px; padding: 0 2px; vertical-align: bottom;} #Share{ clear: both; color: #CB0100; margin: 5px 0; overflow: hidden; padding: 0 50px;} .cont-mood{ background-color: #FFFFFF; border: 1px solid #CCCCCC; color: #666666; margin: 10px auto; width: 650px;} .mood_L{ border-right: 1px solid #CCCCCC; float: left; padding: 20px; width: 130px;} .mood_L p{ font-size: 15px; font-weight: bold; text-align: left;} .mood_L p font{ color: #4C97DA; font-family: 'microsoft yahei'; font-size: 25px; font-weight: bold; padding-right: 5px;} .mood_R{ float: left;} .cont-mood ul{ float: left; padding: 10px 0 0 10px; clear:both;} .cont-mood ul li{ float: left; margin-bottom: 12px; text-align: center; width: 53px;} .cont-mood ul li input{ margin-top: 5px;} .moodBtn{ float: left; padding: 30px 0 0 10px;} /**分页导航**/ .topblank{ clear: both; margin-top: 20px; width: auto;} .article-menu{ overflow: hidden; padding: 0 20px;} .article-menu .m-head{ border-bottom: 1px solid #418ED6; height: 30px;} .article-menu .m-head .title{ background: none repeat scroll 0 0 #FFFFFF; border-color: #418ED6; border-style: solid; border-width: 1px 1px 0; color: #408ED6; float: left; font-size: 12px; font-weight: bold; height: 29px; line-height: 29px; margin: 0 10px 0 0; text-align: center; width: 92px;} .m-main{ overflow: hidden; } .article-menu .menu{ overflow: hidden; padding: 10px 20px;} .article-menu .menu li{ float: left; height: 24px; line-height: 24px; overflow: hidden; width: 50%;} .now-tit{ color: #E40D0D !important; } .article-menu .menu li.now-tit a{ color:#ff0000;} .article-menu .menu li a{ color:#333;} .article-menu .menu li span{ color: #333333; margin-left: 11px;} #bdtg{ clear: both; height: 80px; margin-top: 10px; width: 670px;} /**分页导航**/ #main-l2{ overflow: hidden; width: 670px;} /**评论区域**/ .mod-list .inner, .mod-imglist .inner, .article-comment .inner{ border: 1px solid #CCCCCC;} .title-head{ background: url("images/sprite-bar.png") repeat-x scroll 0 0 rgba(0, 0, 0, 0); height: 30px;} .article-comment .title-head p{ float: right; line-height: 30px; margin-right: 9px;} .article-comment .title-head p span{ color: #CC0000; font-weight: bold; padding: 0 2px;} .title-head .ico{ margin-right: 10px; background: url("images/sprite-ico.png") no-repeat scroll -60px -160px rgba(0, 0, 0, 0); height:30px; width:16px; float: left;} .title-head .title .words{ color: #CC0000; font-size: 14px; font-weight: bold; line-height: 30px;} .m-main{ overflow: hidden;} .inner{ padding:10px;} .comment-list{ margin: 0;} .comment-form{ background-color: #fff; } .comment-form .c-inner{ border-bottom:1px solid #c4ddf1; margin-bottom:10px; padding-bottom:10px;} .comment-form .textarea-wrap{ border: 1px solid #D6D6D6; position: relative; resize: none; margin-bottom:10px;} .comment-form .textarea-wrap .textarea{background-color: #FFFFFF; border: medium none; height: 150px; overflow: hidden; padding: 5px; resize: none; width: 575px; } .comment-form .textarea-wrap .login-warn{ color: #666666; height: 150px; left: 0; position: absolute; top: 0; width: 100%; z-index: 10;} .comment-form .textarea-wrap .login-warn .info{ line-height: 150px; text-align: center;} .ov{ overflow: hidden; padding:0 20px;} .CommentTitle{ padding:10px 0; border-bottom:1px solid #ccc; padding:10px 0;} .CommentTitle span{ font-family:"microsoft yahei"; font-size:18px; color:#494949;border-bottom:1px solid #f13130; padding:10px;} .comment-form .btn-post{ background: url("images/post.png") repeat scroll 0 0 rgba(0, 0, 0, 0); border: medium none; color: #FFFFFF; cursor: pointer; float: right; height: 25px; line-height: 18px; width:70px; border-radius:5px; background:#3399ff;} .comment-form .loginform-user-info{ color: #333333; float: left; overflow: hidden; width:530px;} .loginform-user-info .username-area{ float: left; font-size:14px; font-family:"microsoft yahei";} .comment-form .loginform-user-info a{ padding:0 5px; line-height:20px;} .loginform-user-info .seccode-area{ float: right;} .comment-form .loginform-user-info a{ color:#333;} .comment-form .loginform-user-info span{ color: #333333; display:block; float:left; line-height:18px;} .comment-form .loginform-user-info span label{ font-size:14px; font-family:"microsoft yahei";} .comment-form .loginform-user-info span label input{ margin:0 5px;} .comment-form .loginform-user-info span #seccode{ width:52px; height:22px; margin:0 5px; text-align:left; font-size:14px; } .comment-list .comment-item{ border-bottom: 1px solid #CCCCCC; padding-bottom: 10px;} .comment-list .comment-content .cont{ font-size: 14px; line-height: 24px;} .comment-list .comment-info{ line-height: 34px; margin-top: 5px; overflow: hidden;} .comment-list .comment-content{ clear:both; overflow:hidden;} .comment-list .username{ color: #379be9; float: left;} .comment-list .postime, .comment-list .floor-nums{ color: #8f8f8f; float: right; font-family:"microsoft yahei";} /**评论区域**/ /*翻页样式*/ .article-page .page{ margin: 0 auto;} .article-page .page .disable{ color: #CCCCCC;} .article-page .page a{ background: none repeat scroll 0 0 #FFFFFF; border: 1px solid #CFE9FA; color: #02199B; float: left; font-family: Verdana,Geneva,Arial,Helvetica,sans-serif; height: 17px;} .article-page .page a, .article-page .page span{ font-size: 12px; margin: 0 4px; padding: 5px 10px;} .article-page .page ._now { background-color: #408ed6; color: #ffffff; border-color: #408ed6;} .article-page .page a { border: 1px solid #cfe9fa; float: left; color:#408ed6; background:#fff; _display: inline; height: 17px; font-family: Verdana, Geneva, Arial, Helvetica, sans-serif} .article-page .page a:hover { background-color: #408ed6; color: #ffffff; border-color: #408ed6;} .article-page .page .disable { color: #cccccc;} .article-page .page .disable:hover { background-color: transparent; border: 1px solid #cccccc; color: #cccccc;} .article-page .page .now { background-color: #2266bb; color: #ffffff; border-color: #2266bb;} .btn-s-orange span:hover{ color:#fff;} .show-all-cont:hover{ color:#fff;} /*翻页样式*/ /*产品信息*/ .BPBox{ width:608px; margin:0 20px; border-top:1px solid #418ED6; height:auto; padding:10px; overflow:hidden;} .BPBox .BPpic{ width:120px; height:90px; float:left;} .BPBox .BPpic img{ display:block; width:120px; height:90px;} .BPBox .BPtext{ width:488px; height: auto; float:right; overflow:hidden;} .BPBox .BPtext ul{ overflow:hidden;} .BPBox .BPtext p{ padding:2px 0;} .BPBox .BPtext .BPtitle{ font-size:16px; color:#333; font-family:"microsoft yahei"; } .BPBox .BPtext .BPmore{ float:right; line-height:20px; color:#333;} .BPBox .BPtext p .cut{ margin:0 2px; float:right; line-height:20px; color:#333;} .BPBox .BPtext ul li{ float:left; padding:5px 0; font-size:12px; color:#034275; width:244px; overflow:hidden; text-overflow:ellipsis; white-space:nowrap;} /*产品信息*/ /*点击全文阅读后增加的产品信息*/ .BPBox2{ margin:0; border-top:1px solid #418ED6; height:auto; padding:10px; overflow:hidden;} .BPBox2 .BPpic{ width:120px; height:90px; float:left;} .BPBox2 .BPpic img{ display:block; width:120px; height:90px;} .BPBox2 .BPtext{ width:420px; height: auto; float:right; overflow:hidden;} .BPBox2 .BPtext p{ padding:2px 0; margin:0;} .BPBox2 .BPtext .BPtitle{ font-size:16px; color:#333; font-family:"microsoft yahei"; } .BPBox2 .BPtext .BPmore{ float:right; line-height:25px; color:#333; font-size:12px;} .BPBox2 .BPtext p .cut{ margin:0 2px; float:right; line-height:20px; color:#333;} .BPBox2 .BPtext ul li{ float:left; padding:5px 0; font-size:12px; color:#034275; width:190px; overflow:hidden; text-overflow:ellipsis; white-space:nowrap;} /*点击全文阅读后增加的产品信息*/ /*视觉焦点 筛选 等*/ .MoreRead { clear: both; width: auto;} .MoreRead ul{ margin:0 auto; padding:10px; overflow:hidden;} .MoreRead ul li{ float:left; width:324px; padding:2px 0; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; list-style:inside; text-indent:20px; font-size:12px; color:#666;} .MoreRead ul li a{ color:#666; } .LBBox{ border: 1px solid #e0e0e0; border-top: 1px solid #2681e0; height:auto; overflow: hidden; width: 668px; } .LBBox .BT{ border-bottom: 1px solid #e0e0e0; color:#333333; display: block; font-family: "microsoft yahei"; font-size:14px; padding: 5px 0 5px 10px;} .BT .ra{ float:right; font-size:12px; font-weight:bold; margin-right:10px; display:inline;} .Lul ul{ overflow: hidden; padding:5px; } .Lul ul li{ display: inline; float: left; font-family: "microsoft yahei"; height: 120px; line-height: 20px; overflow: hidden; margin-left:8px; text-align: justify; text-overflow: ellipsis; white-space: nowrap; width: 122px;} .Lul ul li a{ color:#333; font-size:12px;} .Lul ul li img{ height:90px; margin-bottom:4px; width:120px;} .formDiv{ padding:5px 10px;} .formDiv dl{ clear:both; padding:10px 2px; overflow:hidden; border-bottom:1px dotted #ccc;} .formDiv dl dt{ float:left; font-size:12px; line-height:20px; color:#fff; text-align:center; width:60px; height:21px; background:url("http://img.cheaa.com/2014/images/dlbg.gif") no-repeat scroll 0 0 ;} .formDiv dl dd{ float:left; width:584px; height:auto;} .formDiv dl dd a{ float:left; color:#164d9f; display:block; margin:0 2px; line-height:20px; height:21px; padding:0 5px;} .formDiv dl dd a:hover{ background:#3399FF; color:#fff; text-decoration:none;} .HotWords{ padding:10px;} .HotWords a{ margin:0 5px; color:#333; font-size:12px; } .price_search { clear: both; float: left; margin-top: 5px; width: 100%;} .price_search .allSelect { cursor: pointer; float: left; padding: 0 4px;} .price_search .price_text { background: none repeat scroll 0 0 #FFFFFF; border: 1px solid #FEE2BA; float: left; height: 20px; width: 100px; margin: 0 2px;} .price_search span { float: left;} .price_search input { float: left; } .open { clear: both; float: none; overflow:hidden; line-height: 22px; padding: 12px 0; text-align: center; width: 100%;} .open_button { color: #333333; cursor: pointer; display: block; text-align:center; margin: 0 auto; width: 104px;} .open_button em { display: inline; float: left; height: 18px; margin-right: 5px; margin-top: 2px; overflow: hidden; text-indent: -9999em; width: 18px;} .formDiv .allSelect { cursor: pointer; float: left; padding: 0 4px; padding-top:5px;} .price_button{ width:70px; height:22px; cursor:pointer; padding:5px;} /*视觉焦点 筛选 等*/ /**热门作者**/ .HotWriter{ clear:both; overflow:hidden; padding:10px;} .HotWriter ul,DeepList{ margin:0 auto; padding:5px 0; float:left; overflow:hidden; list-style:disc inside ; } .HotWriter ul li, DeepList li{ width:300px; padding:5px 0; overflow:hidden; text-overflow:ellipsis; white-space:nowrap;} .HotWriter ul li a, DeepList li a{ color:#333333; font-size:12px;} .HotWriter .personBox{ height:65px; width:300px; overflow:hidden;} .HotWriter .personBox img{ display:block; float:left; width:65px; height:65px; border:0 none;} .HotWriter .personBox span{ float:right; width:220px; display:inline;} .HotWriter .personBox span .pt{ color:#000000; font-size:14px; overflow:hidden; font-weight:bold; display:inline-block; padding:3px 0;} .HotWriter .personBox span p{ color:#666; line-height:20px; font-size:12px;} .HotWriter .personBox span p a{ color:#dd0000;} .HotWriterL{ width:300px; float:left; border-right:1px dotted #434343; overflow:hidden; padding:5px; padding-right:15px;} .HotWriterR{ width:300px; float:right; padding:5px;} /**热门作者**/ /**-------------------------------------------------------------------------主体右侧-------------------------------------------------------------------------**/ #main-right{ float: right; width: 300px;} .RTBox{ padding: 10px 15px; width: 260px; height: 160px; border:5px solid #d1e4f5;} .RTBox .RTTitle{ color:#154ba1; font-weight:bold;} .RTBox .RTPirce{ color:#da1600;} .RTBox .RTBoxTitle{ color:#124a9f; font-size: 12px; font-family: 'microsoft yahei'; font-weight: bold; text-align: left;} .RTBox .RTBoxMsg{ overflow: hidden; padding: 5px 0px; } .RTBox .RTBoxMsg p{ padding:2px 0; color:#666;} .RTBox .RTBoxMsg img{ border: 2px solid #ccc; width: 120px; height: 90px; display: block; float: left; margin-right: 10px;} .RTBox .RTBoxNews{ clear:both; overflow:hidden;} .RTBox .RTBoxMs p, .RTBox .RTBoxNews p{ padding:2px 0; display:block; width:260px; overflow:hidden; text-overflow:ellipsis; white-space:nowrap;} .RTBox .RTBoxNews p span{ padding:0 5px; color:#666;} #rd-title, #rt-title{ border-bottom: 2px solid #CCCCCC; padding-bottom: 3px; overflow:hidden;} #rd-title ul, #rt-title ul{ overflow: hidden;} #rd-title li, #rt-title li{ float: left; font-weight: bold; height: 28px; line-height: 28px; text-align: center; width: 150px;} .TasADSOn{ /*background: url("http://upload.cheaa.com/Files/Template2011/NewsDetail/rdListbg.jpg") no-repeat scroll 0 0 rgba(0, 0, 0, 0);*/ background:#168adc; font-family:'microsoft yahei'; color: #FFFFFF;} #rd-list{ border: 1px solid #D8D8D8; } .rtdListTitle{ border-bottom: 1px solid #E3E3E3; margin: 5px; padding-bottom: 5px;} .rtdListTitle span{ color: #5F5F5F; font-size: 12px; padding: 0 70px 0 10px;} #rd-list ul{ margin: 0 auto; width: auto; padding: 0 10px; margin:0 auto; width:auto;} #rd-list ul li{ border-bottom: 1px solid #E8E8E8; height: 29px; line-height: 28px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; word-break: break-all; } #rd-list ul li:last-child{ border-bottom:none;} #rd-list ul li a{ color:#333;} .RBBox{ height: auto; overflow: hidden; width: 300px;} .RBBox .BT{ display: block; text-align:center; height: 25px; line-height: 24px; border: 1px solid #e0e0e0; border-bottom: 0; border-top: 2px solid #2681e0; padding:5px 0; } .RNBox{ height: auto; overflow: hidden; width: 300px;} .RNBox .NT{ width:300px; height:auto; overflow:hidden;} .RNBox .NT2{ border-bottom: 2px solid #F22D41; float: left; height: auto; overflow: visible; width: 300px;} .RNBox .NT .T1{ height:30px; border-bottom: 2px solid #2670B3; color: #2670B3; display: block; float: left; font-family: 'microsoft yahei'; font-size: 18px; padding: 5px 0; text-align: center; width: 120px;} .RNBox .NT .T2{ height:30px; font-weight:bold; font-family:'Georgia'; border-bottom: 2px solid #f22d41; display: block; float: left; background: url("http://img.cheaa.com/2014/images/T2bg.gif") no-repeat 0 10px; font-size:12px; color:#a8a8a8; padding: 5px 0; width:180px; text-indent:20px; line-height:30px;} .RNBox .NT .T3{ height:30px; font-weight:bold; font-family:'Georgia'; border-bottom: 2px solid #f22d41; display: block; float: left; background: url("http://img.cheaa.com/2014/images/newsBang.gif") no-repeat 0 0; padding: 5px 0; width:180px; } .RNBox .NT2 .T4{ cursor:pointer; background: none repeat scroll 0 0 #65A6DE; border-bottom: 2px solid #2670B3; color: #FFFFFF; display: block; float: left; font-family: 'Georgia'; font-weight: bold; height: 30px; margin-bottom: -2px; padding: 5px 0; line-height:30px; text-align: center; width: 120px; font-size:16px; font-family:'microsoft yahei'; } .RNBox .NT2 .T5{ cursor:pointer; background: none repeat scroll 0 0 #F3F3F3; border-bottom: 0 none; color: #666666; display: block; float: left; font-family: 'Georgia'; font-weight: bold; height: 30px; padding: 5px 0; text-align: center; width: 120px; font-size:16px; line-height:30px; font-family:'microsoft yahei';} .RNBox .NB{ border:1px solid #ccc; border-top:0; width:278px; padding:10px; overflow:hidden;} .RNBox .NB2{ float:left; margin-top:10px; border:1px solid #ccc; width:278px; padding:10px; overflow:hidden;} .RNBox .NB2 .HW{ display:none; width:100%;} .RNBox .NB2 .HW a{ display:block; padding:5px; float:left; margin:2px; background:#3973a5; color:#fff; } .RNBox .NB2 .HW a:hover{ color:#fff; background:#e81025; text-decoration:none;} .RNBox .DeepBox{ width:100%;} .RNBox .DeepBox .DeepPic{ display:block; width:100px; height:100px; overflow:visible; float:left;} .RNBox .DeepBox span{ float:right; display:block; padding:0 5px; width:160px; line-height:30px;} .RNBox .DeepBox span a{ color:#000000; font-size:18px; font-family:'microsoft yahei'; font-weight:800;} .RNBox .DeepBox p{ clear:both; padding:10px 0; line-height:20px; color:#666;} .RNBox .DeepBox p a{ color:#dd0000;} .RNBox .DeepList{ float: left; list-style: disc inside none; margin: 0 auto; overflow: hidden;} .RNBox .DeepList li{ overflow:hidden; padding:3px 0; text-overflow:ellipsis; white-space:nowrap; width:278px;} .RNBox .DeepList li a{ color: #333; font-size: 12px;} .RNBox .DeepMore{ background: none repeat scroll 0 0 #F7F7F7; display: block; float: left; margin-top: 10px; text-align: right; width: 100%;} .RNBox .DeepMore a{ display: block; padding: 5px 40px; color:#666; background:url("http://img.cheaa.com/2014/images/newsAR.gif") no-repeat scroll 250px 8px rgba(0, 0, 0, 0)} .Rul ul{ border: 1px solid #E8E8E8; overflow: hidden; padding: 5px 0;} .Rul ul li{ display: inline; float: left; line-height:18px; overflow: hidden; padding:0 14px; text-align: center; width: 120px; height:115px;} .Rul ul li a{ color:#333;} .Rul ul li img{ height:90px; margin-bottom:4px; width:120px;} .Rul2 ul{ border: 1px solid #E8E8E8; margin-top: 3px; overflow: hidden; padding: 5px 10px;} .Rul2 ul li{ padding:5px 0; font-size:12px; color:#666; width:275px; white-space:nowrap; overflow:hidden; text-overflow:ellipsis;} .Rul2 ul li a{ color:#666;} .Rul2 ul li span a{ color:#0b3b8c;} .Rul3 ul{ overflow:hidden; margin:0; padding:0;} .Rul3 ul li{ padding:5px 0; font-size:12px; color:#666; width:275px; white-space:nowrap; overflow:hidden; text-overflow:ellipsis;} .Rul3 ul li a{ color:#666;} .Rul3 ul li span a{ color:#0b3b8c;} .WatchNews{ overflow:hidden; margin:0; list-style:none;} .WatchNews li{ float:left; padding:5px 0; border-bottom:1px dotted #444;} .WatchNews li img{ display:block; width:120px; height:90px; overflow:visible; float:left;} .WatchNews li span{ float:right; display:block; padding-left:10px; width:140px; line-height:25px;} .WatchNews li span a{ color:#0b3b8c; font-size:14px; font-family:'microsoft yahei';} .appBox{ font-family:'microsoft yahei'; font-size:12px; color:#fff; float:right; position:relative; overflow:visible;} .appBox font{ color:#ffff00; padding:0 5px; font-family:'microsoft yahei'; font-size:12px; } .appBox > img{ float:left; margin-top:9px;} .xxappbg{ position:absolute; display:block; width:96px; height:96px; bottom:-96px; right:0; } /**-------------------------------------------------------------------------列表页样式-------------------------------------------------------------------------**/ #main-list{ float: left; height: 1980px; width: 670px;} .list{ margin: 10px 0;} .list li{ /*background: url("http://img.cheaa.com/2014/images/dot.gif") no-repeat scroll left center rgba(0, 0, 0, 0);*/ font-size: 16px; height: 25px; line-height: 25px; padding:3px 0; list-style:none;} .list span{ color: #7E7E7E;} .lileft{ float: left; width:480px; display:block; overflow:hidden; white-space:nowrap; text-overflow:ellipsis;} .lileft a{ color:#000;} .liright{ float:right; width:160px; text-align:right; font-size:14px;} .line{ border-bottom: 1px dotted #BBBBBB; height: 1px; margin:15px 0;} /*列表页翻页*/ #ListPage{ display: block;margin: 40px auto 0 !important;padding: 5px;width:500px;} #ListPage li{ float: left;} #ListPage a:link, #ListPage a:visited{ text-decoration: none; padding: 0 13px; height: 32px; margin: 0 2px; font-size: 14px; font-family: "microsoft yahei"; line-height: 32px; color: #777777; float: left; background: none repeat scroll 0 0 #e1e1e1;} #ListPage a:hover{ background:#c1c1c1; color:#000;} .ListTitle{ background:#edf6ff; overflow:hidden;} .ListTitle span{ background:#408ED6; padding:5px 10px; display:block; color:#fff; float:left; font-size:20px; font-family:'microsoft yahei'; } #ListPage a.row{ background: #168adc; color: #fff;} /**-------------------------------------------------------------------------返回顶部-------------------------------------------------------------------------**/ #GoTop{ bottom:0; right:10%; position: fixed; width: 30px;} #GoTop #totop{ background-image: url("http://img.cheaa.com/css/images/gotop.png"); background-repeat: no-repeat; bottom:0; cursor: pointer; display: block; height: 30px; margin-bottom: 2px; overflow: hidden; position: absolute; text-indent: -999px; transition: all 0.2s ease-in-out 0s; width: 30px;} /**----文章页内嵌视频---**/ #ctrlfscont object,#ctrlfscont iframe{ width: 550px; height: 400px; margin:0 auto; } .tabnews{ width:300px; overflow:hidden; clear:both;} .tabnews .tabnav{ width:300px; border-bottom:1px solid #e0e0e0; height:31px; overflow:visible;} .tabnews .tabnav .tab-btn{ float:left; width:148px; border:1px solid #e0e0e0; background:#fff; border-bottom:0; height:30px; line-height:30px; text-align:center; cursor:pointer;} .tabnews .tabnav .tab-btn:last-child{ border-left:0; width:149px;} .tabnews .tabnav .tab-on{ border-top:0; border-top:2px solid #2681e0; } .tabnews .tabbox{ padding:15px; border:1px solid #e0e0e0; border-top:0; overflow:hidden; } .tabnews .tabbox .tabin{ margin:0; } .tabnews .tabbox .tabin .tabin-top{ width:100%; border-bottom:1px solid #cccccc; padding:5px 0; font-size:14px; color:#000;} .tabnews .tabbox .tabin .tabin-top .tx2{ margin-left:80px;} .tabnews .tabbox .tabin ul { margin: 0 auto; width: auto; margin: 0 auto; width: auto;} .tabnews .tabbox .tabin ul li { position: relative;padding: 8px 0 8px 30px;float: left;width: 238px; height:20px;border-bottom: 1px dashed #ccc;font-size: 14px;white-space: nowrap;text-overflow: ellipsis;overflow: hidden;} .tabnews .tabbox .tabin ul li a{ color:#000;} .tabnews .tabbox .tabin ul li em { position: absolute; top: 7px; left: 0; background: #919191; text-align: center; font-size: 14px; color: #fff; font-style: inherit; width: 20px; height: 20px;} .tabnews .tabbox .tabin ul li .eb{ background:#c00; color:#fff;} .hbox, .hbox_ul li{ clear:both; height:160px; margin-bottom:10px; padding:10px; list-style:none; border:1px solid #cce1f5; background:none;} .hbox:last-child{ margin-bottom:0;} .hbox .hbox-l{ float:left; width:215px; height:160px; border:1px solid #fff; box-shadow: 5px 5px 3px #dedede;} .hbox .hbox-l img{ display:block; width:215px; height:160px; } .hbox .hbox-r{ float:right; width:410px; height:150px; padding:10px 0 0 0; overflow:hidden; position:relative;} .hbox .hbox-r h2{ clear:both; margin-bottom:10px; font-family: 'microsoft yahei'} .hbox .hbox-r h2 a{ color:#000; font-size:18px; font-family: 'microsoft yahei'} .hbox .hbox-r span{ width:100%; color:#9e9e9e; margin:5px 0; display:block;} .hbox .hbox-r .cp{ width:100%; height:60px; font-size:14px; color:#5a5a5a; text-align:left; line-height:22px; margin:5px 0 0 0;} .fr{ float:right;} #main-list{ height:auto;} .block-recommend-container .news-list.top-img-list li:not(.n-item-ad){ margin-left:6px;} .con_r{ float: right; width: 300px; height: auto; } .rm{ float: right; width: 300px; height: auto; border-top:1px solid #ececec; overflow:visible; box-sizing: border-box; padding: 50px 0 0 0; position: relative; } .rm .rm_title{font-family: 'microsoft yahei'; position: absolute; top: 0; left: 0; font-size: 18px; color: #323232; text-align: center; padding: 5px 10px 0 10px; border-top: 3px solid #e60012; margin-top: -2px;} .rm .rmbox{ width: 300px; height: 225px; margin-bottom:20px; position: relative; } .rm .rmbox:last-child{ margin-bottom:0; } .rm .rmbox img{ display: block;; width: 300px; height: 225px; background: #efefef; } .rm .rmbox p{ width: 100%; position: absolute; padding: 10px 0; bottom: 0; left: 0; background: url(http://img.cheaa.com/2018/homepage2018/images/tbg.png) repeat; text-align: center; } .rm .rmbox p a{ font-size: 16px; color: #f3f3f3; } .champion:first-child{ position: absolute;; top: 0; left: 10px; width: 49px; height: 60px; background: url(http://img.cheaa.com/2018/homepage2018/images/c1.png) no-repeat; } .rm .rmbox:last-child .champion{ position: absolute;; top: 0; left: 10px; width: 49px; height: 60px; background: url(http://img.cheaa.com/2018/homepage2018/images/c2.png) no-repeat; } .rmlist{ float: left; width: 300px; height: all; margin-top: 20px; } .rmlist li{ width: 300px; height: 75px; position: relative; padding:0 0 20px 0;} .rmlist li img{ margin-right:10px; display: block; width: 100px; height: 75px; background: #efefef; float: left; } .rmlist li p{ line-height: 24px; text-align: justify; } .rmlist li p a{ font-size: 14px; color: #333; } .rmlist li .date{ position: absolute; bottom: 20px; left: 110px; font-size: 14px; color: #ababab; } .rmlist .cp{ position: absolute; top: 0px; left: 0; width: 20px; height: 14px; background: url(http://img.cheaa.com/2018/homepage2018/images/cpbg.png) no-repeat; color: #fff; font-size: 12px; font-style: initial; text-align:left; text-indent: 5px; line-height: 12px; } .jd_tab{ float: right; width: 300px; height: 170px; margin-top: 17px; overflow:visible; border-top: 1px solid #ececec;box-sizing: border-box; padding: 50px 0 0 0; position: relative; } .jd_tab .jd_tab_title{ position: absolute; top: 0; left: 0; margin-top: -2px;} .jd_tab .jd_tab_title span{ float: left; display:block; font-size: 18px; cursor: pointer; color: #323232; text-align: center; padding: 8px 10px 0 10px;} .jd_tab .jd_tab_title a{ float: left; display:block; font-size: 18px; cursor: pointer; color: #323232; text-align: center; padding: 8px 10px 0 10px;} .jd_tab .jd_tab_title .on{ font-family: 'microsoft yahei'; border-top: 3px solid #e60012; padding-top: 5px; } .jd_tab .jd_tabbox{} .jd_tab .jd_tabbox .jd_tabin{ height: 120px; padding: 0 5px; overflow: hidden;; } .jd_tab .jd_tabbox .jd_tabin .jd_tabin_title a{ text-align: left;; color: #333; font-size: 16px; font-weight: 800; } .jd_tab .jd_tabbox .jd_tabin .jd_tabDes{ clear: both; padding: 5px 0; } .jd_tab .jd_tabbox .jd_tabin .jd_tabDes img{ float: left; display: block; background: #efefef; width: 120px; height: 90px; margin-right: 5px; } .jd_tab .jd_tabbox .jd_tabin .jd_tabDes p{ line-height: 22px; font-size: 14px; color: #777777; text-align: justify; } .jd_tab .jd_tabbox .jd_tabin .jd_tabDes p a{ color: #e60012; } .video{ float: left; width: 300px; height: auto; margin-top: 20px; border-top:1px solid #ececec; overflow:visible; box-sizing: border-box; padding: 50px 0 0 0; position: relative; } .video .video_title{ position: absolute; top: 0; left: 0; font-size: 18px; color: #323232; text-align: center; padding: 5px 10px 0 10px; border-top: 3px solid #e60012; margin-top: -2px;} .video .video_title a{ color: #323232; font-family: 'microsoft yahei'; } .video .videobox{ width: 300px; height: 230px; margin-bottom:20px; } .video .videobox img{ display: block;; width: 300px; height: 200px; background: #efefef; } .video .videobox p{ width: 100%; clear: padding: 5px 0; text-align: center; line-height: 30px; } .video .videobox p a{ font-size: 14px; color: #333; } .sys{ float: left; width: 300px; height: auto; margin-top: 10px; border-top:1px solid #ececec; overflow:visible; box-sizing: border-box; padding: 50px 0 0 0; position: relative; } .sys .sys_title{ position: absolute; top: 0; left: 0; font-size: 18px; color: #323232; text-align: center; padding: 5px 10px 0 10px; border-top: 2px solid #2481de; margin-top: -2px;} .sys .sys_title a{ color: #323232; font-family: 'microsoft yahei';} .sys .sysbox{ width: 300px; height: 200px; margin-bottom:20px; position: relative; } .sys .sysbox img{ display: block;; width: 300px; height: 200px; background: #efefef; } .sys .sysbox p{ width: 100%; position: absolute; padding: 10px 0; bottom: 0; left: 0; background: url(http://img.cheaa.com/2018/homepage2018/images/tbg.png) repeat; text-align: center; } .sys .sysbox p a{ font-size: 16px; color: #f3f3f3; } .app{ float: left; width: 300px; height: auto; margin-top: 10px; border-top:1px solid #ececec; overflow:visible; box-sizing: border-box; padding:40px 0 0 0; position: relative; } .app .app_title{ position: absolute; top: 0; left: 0; font-size: 18px; color: #323232; text-align: center; padding: 5px 10px 0 10px; border-top: 3px solid #e60012; margin-top: -2px;} .app .app_title a{ color: #323232; font-family: 'microsoft yahei'; } .app .appbox{ float: left;; width: 100px; height: 50px; padding-top: 80px;} .app .appbox p{ text-align: center; line-height: 24px;} .app .appbox p a { font-size: 14px; color: #404040; } .app1{ background: url(http://img.cheaa.com/2018/homepage2018/images/app1.png) 25px 15px no-repeat; } .app2{ background: url(http://img.cheaa.com/2018/homepage2018/images/app2.png) 25px 15px no-repeat; } .app3{ background: url(http://img.cheaa.com/2018/homepage2018/images/app3.png) 25px 15px no-repeat; } .DeepList { float: left; list-style: disc inside none; margin: 0 auto; overflow: hidden;} .DeepList li { overflow: hidden; padding: 3px 0; text-overflow: ellipsis; padding-left:5px; white-space: nowrap; width: 300px;} .DeepList li a { color: #333; font-size: 12px;} .DeepMore { background: none repeat scroll 0 0 #F7F7F7; display: block;float: left; margin-top: 10px; text-align: right; width: 100%;} .DeepMore a { display: block; padding: 5px 40px; color: #666; background: url("http://img.cheaa.com/2014/images/newsAR.gif") no-repeat scroll 270px 8px rgba(0, 0, 0, 0);}