/*reset 重置样式 */ body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,input,textarea,p,blockquote,th,td,hr,button,article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section{margin:0;padding:0;} html{-webkit-text-size-adjust:none;} body{background-color:#fff;font:12px/2em Microsoft Yahei,tahoma,HELVETICA;text-align:center; margin:0;} ol,ul{list-style:none;} h1,h2,h3,h4,h5,h6{font-size:100%;} img{border:none;vertical-align:top; -webkit-transition: opacity .2s; -moz-transition: opacity .2s; -o-transition: opacity .2s; transition: opacity .2s; -ms-transition: none; } i,em{font-style:normal;} input,select,option,textarea{font-size:12px; font-family: Microsoft Yahei,tahoma,HELVETICA;outline:none;} a{color:#333;text-decoration:none;} a:hover{color:#f80;} a:hover em,a:hover b, a:hover i, a:hover span {cursor:pointer;} a:hover img {opacity: 0.9} a:focus{outline: none} .mark,.fl,.mark-sub,.fr{display:inline;} .mark,.fl{float:left;} .mark-sub,.fr{float:right;} /* layout */ .inner{width:1200px; margin:0 auto;} .col-a, .col-b, .col-ab, .col-c { float:left;} .col-a, .col-ab {margin-right:40px;} .col-a {width:760px;margin-left: 80px; position:relative;} .col-b {width:370px;} .col-c {width:320px;} .col-ab {width:840px; position:relative;} .mt30{margin-top:0px; } .mt20{margin-top:20px; } .mb-23{margin-bottom:30px;}#JhotDealer .mb-23{margin-bottom:0}.col-a{margin-bottom:30px;} .col-c{margin-top:30px; } .art-wgl .col-c{margin-top:0px; } .art-wgl .col-main{margin-top:0px; border-top:3px solid #e5e5e5; } /*mod(page.css 框架)*/ .pconline_page{height: 40px;clear:both;text-align:center;font: 16px/14px "Microsoft Yahei";font-size: 16px; padding-bottom:30px; margin-top:15px;} .pconline_page span{margin:0 2px;padding: 10px 14px 10px 14px;color:#fff;background: #388eee;display:inline-block;border: 1px solid #388eee;} .pconline_page a{padding: 10px 14px 10px 14px;margin: 0 4px 0 5px;color: #333;background: #fff;text-decoration:none;display:inline-block;border: 1px solid #ddd;} .pconline_page a:hover{color:#fff;text-decoration:underline;background-color: #388eee;text-decoration:none;border: 1px solid #388eee;} .pconline_page .prev{background-position:0 0; padding:7px 10px 7px 20px} .pconline_page .next{background-position:0 -29px;} .pconline_page a:hover.prev{background-position:0 -58px} .pconline_page a:hover.next{background-position:0 -87px;} .pconline_page .viewAll {font-size: 16px;padding: 10px 25px 10px 25px;font-family: "Microsoft Yahei";} .pageNumber{border-top:1px dashed #e5e5e5; padding:25px 0 5px; margin-top:20px; line-height:26px; height:26px; overflow:hidden;zoom:1;} .pageNumber .sNum{ width: 26px;height: 26px; line-height:25px;_line-height:27px;color:#fff; font-size:18px;background:url(//www1.pconline.com.cn/2018/art/images/bg.png) no-repeat -54px -154px; float:left;text-align: center;} .pageNumber .sTit{ width:600px; height:24px; line-height:24px; color:#07d; font-size:20px;padding-left:12px; float:left; text-align:left;} .pageNumber .sTop{width:0;height:0;overflow: hidden;visibility: hidden;} /*翻页提示*/ .pageTips{width:175px; height:22px; margin:5px auto 25px; padding:0px 25px 0 10px; line-height:22px; color:#777; border:1px solid #ffdcaf; background:#fffbe7; position:relative;color: #999;display:none;} .pageTips i{display:block; width:8px; height:9px; position:absolute; top:7px; right:7px; cursor:pointer; background:url(//www1.pconline.com.cn/2018/art/images/bg.png)  -101px -144px  no-repeat;} /* cmt */ body .cmtContent {margin-bottom:30px; border:none;background:none;} body .cmtFormInTable input,body .cmtFormInTable textarea {-webkit-appearance:none; -moz-appearance:none; appearance:none; outline: none;} body .thcmt,body .addcmt {margin: 0;} body .thcmt {padding: 0; border-bottom:3px solid #e5e5e5;} body .thcmt .cmtMark {padding-bottom:8px;} body .thcmt .cmtMark strong { color: #07d; font: 28px/28px Microsoft Yahei;} body .tbcmt .loginTxt,body  .tUser .loginTxt { background-color:#999; border-radius: 3px;} body .tbcmt .loginTxt:hover,body  .tUser .loginTxt:hover {background-color:#777;} body .cmtFormTable {margin:0 auto;} body .addcmt {background-color:#f9f9f9; padding:20px 10px; zoom:1;} body .addcmt .tBlogs {background-position:-67px -22px;} body .addcmt .tBlogs a {margin-right:0;} body .tbxCode {height: 22px;} body .cmtFormInTable td,body .tbxCode,body .cmtfaceList,body #pl_add {border-color:#e5e5e5;} body .tbcmt .loginTxt,body .tUser .loginTxt {width: auto; padding: 0 6px;} body .thTB .cmtTitle em,body .thTB .cmtOperate,body .thTB .cmtOperate a,body .tbTB .cmtOperate a {color: #07d} body #pl_add {padding: 0; background-color:#f9f9f9;} body #pl_add .cmtEditor {width:100%; display:block; border: 1px solid #e5e5e5; margin: 10px 0; background-color:#fff;} body #pl_add .cmtFormTable {margin-bottom:0;} body #pl_add .addcmt {padding:20px 10px;} body.allCmtLink, body .allCmtLink:link {color: #999;} body .slogOut a {float:left; margin-right:10px;} body .slogIn a, body .slogIn em {float:none;margin-right:0;} body .tBtn .btn {background-color:#288bde;} body .tBtn .btn:hover {background-color: #0672df;} /* 评论分页 */ .cmtContent .pager {display:block;} .cmtContent .pager .prev.disabled {background-position:-104px -149px;} .cmtContent .pager .next.disabled {background-position:-104px -183px;} body .reply{background:#f9f9f9;border:1px solid #e5e5e5;} body .cmtConWrap{border-bottom:1px dashed #e5e5e5;} body .lastCmt{border-bottom:none;} body .tfcmt{border-top: none;background:#f9f9f9;text-align: center;font-size: 14px;padding: 0;height: 40px;line-height: 40px;} body .tfcmt .allCmtLink .red,body .thcmt .allCmtLink .red{color:#f80;font-weight: normal;} .thcmt .cmtSmark{padding-top: 15px;} body #captcha{padding: 0 5px;} body .tfcmtWrap{padding:0;} body .tbTB .share .shareH em{background-position:-51px -29px;} body .tbTB .share .shareH,body .tCode a,body .tbTB .cmtSupport{color:#07d} body .thTB .cmtTitle a:hover em,body .thTB .cmtOperate a:hover,body .tbTB .cmtOperate a:hover,body .tbTB .cmtOperate a:hover .cmtSupport{color:#f80;} /*Thursday, 15-Nov-2018 16:56:49 CST*/ /** box(box.css 盒子模型) **/ .box {margin-top: 30px;} .box .hd {height: 20px;} .box .hd .mark {height: 20px;font: bold 18px/45px Microsoft Yahei;border-top: 2px solid #388eee;} .box .hd .mark, .box .hd .mark a {color: #388eee;} .box .hd .mark-sub {font-size:14px;} .box .hd .mark-sub a {float:left; margin-top:10px;margin-left:10px; color: #999} .box .hd .mark a:hover,.box .hd .mark-sub a:hover {color: #f80} .box .hd .mark a:hover {text-decoration:none;} .box .bd {overflow:hidden;margin-top: 15px;} .col-c .box .bd{width: 320px;} .box .hd-big {height: 45px;border-top: 1px solid #e5e5e5;position:  relative;} .box .hd-big .mark {height: 40px;font: bold 18px/40px Microsoft Yahei;border-top: 2px solid #388eee;position:  absolute;top: -1px;left: 0; cursor: default;} .box .hd-big .mark-sub {padding-top:10px;} .box .hd-small {height: 40px;border-top: 1px solid #e5e5e5;position:  relative;} .box .hd-small .mark {height: 40px;padding-left: 0px;font: bold 18px/40px Microsoft Yahei;border-top: 2px solid #388eee;position:  absolute;top: -1px;left: 0;} .box .hd-big .mark-sub {padding-top:6px;} .box .hd-sub {height: 45px;padding-top:10px;border-top: 1px solid #e5e5e5;} .box .hd-sub .mark {height: 45px;padding-left: 0px; cursor: default;} .box .hd-no-bd{border: none;padding-bottom: 3px;} .box-sub{padding-top: 5px;} .box-sub .hd{line-height: 22px;color:#777;font-size: 14px} /*online cmt*/body .comment{min-height: 310px;} body .comment .cmtcontainer {border:none;margin-bottom: 30px;} body .comment .cmtarea {padding: 0;padding-bottom: 15px;background: #f9f9f9;} body .comment .cmtarea-header {border-top: 1px solid #e5e5e5;margin-bottom: 20px;height: 40px;line-height: 36px;overflow: hidden;*zoom: 1;background: #fff;border-bottom: none; padding:0 5px 5px 0;} body .comment .cmtarea-section,body .comment .cmtarea-footer {padding: 0 10px;} body .comment .cmtarea-account-login, .cmtarea-sendBtn {border-radius: 3px; } body .comment .cmtarea-account-login {width: 90px;height: 30px;background:  #fff;border: 1px solid #388eee;color: #388eee;line-height: 30px;font-size: 14px;} body .comment .cmtarea-sendBtn {background: #388eee;width: 90px;height: 30px;font-size:  14px;line-height: 30px;} body .comment .cmtarea-sendBtn:hover {background: #0672df} body .comment .cmtarea-section-content-avator {background: #fff;border-right: 1px solid #e5e5e5} body .comment .cmtarea-section-content {background: #fff;padding: 15px;} body .comment .cmtList-detail-user {color: #07d;} body .comment .cmtList {border-bottom: 1px dashed #e5e5e5;} body .comment .cmtList-detail-tools span, body .comment .cmtList-detail-tools a,body .comment .cmtList-detail-tools-share .shareH {color: #388eee;} body .comment .cmtList-detail-rep, body .comment .cmtList-detail .cmtList-detail {background: #f9f9f9; border: 1px solid #e5e5e5; } body .comment .cmtfooter {border-top: none;background: #f9f9f9;padding:0;height: 40px;line-height: 40px;text-align: center;margin:-1px 0 0 0;} body .comment .cmtfooter .cmtarea-cmtCount{line-height:40px;} body .comment .cmtarea-header strong {color: #388eee;font: bold 18px/36px Microsoft Yahei;border-top: 2px solid #388eee;} body .comment .cmtarea-header a, body .comment .cmtfooter a {color: #999;} body .comment .cmtList-detail-tools a:hover {color: #f80;} body .comment .cmtDetail,body .comment .cmtarea-header a:hover, body .comment .cmtfooter a:hover, body .comment .cmtarea-header a:hover .cmtDetail, body .comment .cmtfooter a:hover .cmtDetail {color: #f80;} body .comment .cmtarea-header strong,body .comment .cmtDetail {} .cmtList-detail-header a {color: #07d;margin: 0 10px;} .cmtList-detail-header a:hover {color: #f80;} body .comment .cmtarea-cmtCount{} body .comment .cmtList-detail-tools-share .shareH em{background-position: -51px -29px;} body .comment .cmtList-detail-tools-vote em{color: #388eee;} body .cmtarea-section-content-editor{height:82px;} body .cmtList-detail-tools .cmtList-detail-tools-vote a:hover{text-decoration:underline;} body .cmtList-detail-tools .cmtList-detail-tools-vote:hover em{color: #f80;} body .comment .cmtList{font-size: 14px; } body .cmtarea-account a,body .cmtarea-account b{margin-right:8px; } body .cmtarea-account-qq,body .cmtarea-account-sina,body .cmtarea-account-tb,body .cmtarea-account-wx{width:25px; height:19px; background:url(//www1.pconline.com.cn/2018/art/images/icons.png) no-repeat;} body .cmtarea-account-qq{background-position: -4px -169px} body .cmtarea-account-sina{background-position:-38px -170px } body .cmtarea-account-tb{background-position:-76px -171px } body .cmtarea-account-wx{background-position:-112px -170px } body .cmtarea-account-emotions span img::after{} body .cmtarea-account-emotions{font-size:14px; } body .cmtarea-account-emotions input{width:16px; height:16px; background:#fff; border:1px solid #eee;} body .cmt-tags-icons{width:500px;} /*修改logo及顶部导航样式*/ body .navibar{min-width:1200px; } body .navibar-wrap{width:1200px;} body .nav-glo{padding-left:0; width:1200px; } body .nav-glo .nav-list{width:1090px; font-size:16px; float: right; } body .drop-hd{padding-right:10px; } .drop-hd .tragl{display: block; width:7px; height:4px; background:url(//www1.pconline.com.cn/2018/art/images/icons.png) no-repeat -183px -177px; position:absolute;} body .nav-glo .nav-list a,body .nav-glo .nav-list .drop{margin-left:25px; } body .nav-glo .drop-bd{width:1200px; box-shadow:none;} body .nav-glo .drop-right .drop-bd .icon-tragl{right:22px;} body .nav-glo .drop-bd dl{width:110px;} body .nav-glo .drop-bd dd{padding:0 10px 0 30px;} body .nav-glo .drop-bd .dl-m dd{padding-left:20px;} body .nav-glo .drop-bd .dl-mul dd{padding-left:15px; } body .nav-glo .nav-list .drop .icon,body .nav-glo .drop-bd .alogo,body .nav-glo .nav-list .icon-new{background:url(//www1.pconline.com.cn/2018/art/images/icons.png) no-repeat;} body .nav-glo .drop-bd .ph{width:21px; height:27px; margin:5px 6px 0 6px; background-position: -1px -3px  } body .nav-glo .drop-bd .nb{width:33px; height:24px;margin:8px 0 0 0; background-position: -25px -4px} body .nav-glo .drop-bd .pad{width:25px; height:27px;margin:5px 4px 0 4px; background-position: -63px -1px} body .nav-glo .drop-bd .dc{width:30px; height:24px;margin:8px 2px 0 1px; background-position: -93px -2px} body .nav-glo .drop-bd .diy{width:30px; height:27px;margin:5px 2px 0 1px; background-position:  -130px -1px} body .nav-glo .drop-bd .acc{width:19px; height:32px;margin:0px 7px 0 7px; background-position: -165px 0} body .nav-glo .drop-bd .jd{width:27px; height:27px;margin:5px 3px 0 3px; background-position: -190px -2px} body .nav-glo .drop-bd .net{width:29px; height:26px;margin:6px 2px 0 2px; background-position: -221px -1px} body .nav-glo .drop-bd .buy{width:32px; height:26px;margin:6px 0px 0 1px; background-position: -252px -1px} body .nav-glo .drop-bd .ft{width:23px; height:24px;margin:8px 5px 0 5px; background-position:  -1px -40px} body .nav-glo .drop-bd .mr{width:27px; height:27px;margin:5px 3px 0 3px; background-position: -29px -39px} /*广告相关*/ .col-c .ivy{line-height:0;font-size: 0;} .ivy-840{margin-bottom:30px; } .ivy-760 img,.ivy-840 img{margin-bottom:10px;} .ivy-tonglan img,.ivy-tl1 img,.ivy-tl1 embed,.ivy-tl1 object,.ivy-tl1 iframe{margin-top:5px;} .ivy-320 img{margin-bottom:30px;}  /*脚部文件*/ .g-footer{background-color:#f5f5f5} body .g-footer, body .g-footer a{color:#333;} /** drop **/ .drop {z-index: 10} .drop,.drop-hd {position:relative; zoom:1;} .drop-hd {padding-right:15px; cursor:pointer; display:inline-block;} .drop-hd .tragl {right: 0px; top: 10px;} .drop-hd b {font-weight:normal;} .drop-bd {width: 275px; position:absolute; left: 0; top: 29px; z-index: 200; box-shadow: 0px 0px 1px rgba(0,0,0,0.1); display:none;} .drop-bd .icon-tragl {width: 15px; height: 9px; background: url(//www1.pconline.com.cn/2018/art/images/bg.png) -114px -16px no-repeat; position:absolute; left: 34px; top: -8px; z-index: 2; font-size:0; line-height:0; overflow:hidden;} .drop-bd .drop-bd-wrap {height: 330px; line-height:30px; border: 1px solid #ddd; background-color:#fff; overflow-x:hidden; overflow-y:auto; position:relative; zoom:1; font-size:14px;} .drop-bd-wrap li {padding-left:31px; position:relative; zoom:1; color: #999;} .drop-bd-wrap li em {position:absolute; left: 10px; top: 0} .drop-bd-wrap li .pvn {width: 63px; _margin-right:-3px; float:left;} .drop-bd-wrap li p {overflow:hidden; zoom:1;} .drop .drop-bd .drop-bd-wrap li p a {color: #333} .drop .drop-bd .drop-bd-wrap li p a:hover {color: #f80} .drop-bd-wrap li.stay {padding-left:10px; border-bottom:1px solid #e5e5e5;} .drop-bd-wrap li.stay .pvn {width: 84px;} .drop-bd-wrap .load-text {padding-top:150px;text-align:center;color: #333;} .drop-list .drop-bd-wrap { height: auto; padding: 6px 15px} .drop .active .tragl {-webkit-transform:rotate(180deg); -o-transform:rotate(180deg); transform:rotate(180deg); border-color: #1281dd transparent transparent; } .drop-right .drop-bd,.drop-right .drop-bd .icon-tragl {left: auto} .drop-right .drop-bd {right: 0;} .drop-right .drop-bd .icon-tragl {right: 22px;} /*Thursday, 15-Nov-2018 16:56:49 CST*/ /** news(news.css 新闻列表) **/ .news:after{content:"\20";clear:both;height:0;display:block;overflow:hidden;} .news {zoom:1} .news li {padding-left:10px;height:30px;line-height:30px;overflow:hidden;vertical-align:middle;*zoom:1;background:url(//www1.pconline.com.cn/2018/art/images/icons.png) -299px -178px no-repeat;font-family:"Simsun";} .news li .sub {color: #e5e5e5;} .news li .sub a {color: #999;cursor:default;} .news li .sub a:hover {color: #999; text-decoration: none; } .news li a {font-family:Microsoft YaHei;word-break:break-all; font-size:14px; } .news li .date {margin-left:10px; float:right; color: #999; font-size:12px; line-height:32px;font-family:"Microsoft YaHei";} .news li .sub .sub-s{color:#999;font-family:"Microsoft Yahei"} .news-no-pad li{padding: 0; background:none;} .news-date li{padding: 0; background:none;} .new-twice-a {margin:0 -15px -9px 0;} .new-twice-a li {width: 155px; margin-right:15px; float:left;} .new-twice-b {margin:0 -15px 0 0;overflow: hidden;height:auto;} .new-twice-b li {width: 145px;margin-right:15px;float:left;} .new-align-b li .sub, .new-align-b li a { float:left;margin-right:6px;} .new-align-b li .sub a {width:auto; float:none; margin-right:0;} .new-align-b li a {width:154px;} /* 行情 */ .news-hq {margin-right:-30px;} .news-hq li {width: 360px; padding: 0; background:none; margin-right:30px; float:left;} /* 商家最新促销 */ .news-promote li .shop-name {width: 98px; float:left; margin-right:10px; _margin-right:7px; overflow:hidden;} .news-promote li .shop-name {color: #07d} .news-promote li .shop-name:hover {color: #f80} /*文章页start*/ .main{padding: 0px;} .banner{padding-top:10px;} .ks{padding-top: 1px;} .b-left{float:left;width:779px; position:relative} .b-left .crumb{float:left;line-height: 38px;color:#999;padding-left:30px;} /* nav */ /*Thursday, 15-Nov-2018 16:56:49 CST*/ .header-wrap{width:1200px; margin:0 auto; position:relative;} .banner { padding: 15px 0;} .banner .mark-sub {overflow:hidden; zoom:1;} .banner .link {padding-top:6px; float:left; font-size:14px;} .banner .link a {margin-right:12px;} .banner .logo {margin-left:10px; float:left; display:inline;} /** 快搜 **/ .ks { float:right; zoom:1;} .ks-input input {height: 33px; float:left; zoom:1;} .ks-q{border: 1px solid #e5e5e5; border-right: none; color: #999;} .ks-input input {outline:none;-webkit-appearance:none;-moz-appearance:none;appearance:none;} .ks-input .focus {color: #333;} .ks-input .ks-label {width: 381px; zoom: 1;} .ks-input .ks-q {width:251px; height:23px; line-height:23px; padding: 5px 0 5px 10px; color:#ccc;} .ks-input .ks-q:focus{color: #333;} .ks-input .ks-submit {width:60px; height: 35px; background-color:#ffad00; background: url(//www1.pconline.com.cn/2018/art/images/bg.png) 0 0 no-repeat; border: none; cursor:pointer; } .ks-input .ks-submit:hover {background-position:0 -36px;} /* 频道导航 */ .nav-sub dl,.pro-nav dt i {background: url(//www1.pconline.com.cn/2018/art/images/bg.png) 0 0 no-repeat;} .nav {height: 40px; line-height:40px; background-color:#288bde; text-align:left;} .nav a,.nav a:hover {color: #fff} .nav .mark {font-size:16px; overflow:hidden; zoom:1;} .nav .mark a {padding: 0 15px; display:inline-block; background-color:#288bde;} .nav .mark a:hover{background-color:#177fdd;text-decoration: none;} .nav .mark-sub { padding-right:5px;} .nav .mark li {float:left;border-right: 1px solid #3a9ae4;} .nav .mark .current a {background-color:#006ccc;} /*下拉菜单 extra styles by myd*/ .nav, .nav .mark {overflow:visible;} /* 针对ie8  8.0.6001版本的hack  开始 .nav{width:1110px\0;} .nav-sub{width:1108px\0;}*/ :root .nav{width:auto;} :root .nav-sub{width:auto;} /* 针对ie8  8.0.6001版本的hack  结束*/ .nav .nav-more {position:relative;display:inline;z-index:2;} .nav .nav-more .nav-tit {width:auto;display:inline-block;} .nav .nav-more span {padding-right:5px;} .nav .nav-more a {padding-right:24px;} .nav .nav-more .nav-sub-list {position:absolute;width:100%;display:none;left:0;top:40px;} .nav .nav-more .nav-sub-list li {height:34px;line-height:34px;float:none;margin:0;padding:0;} .nav .nav-more .nav-sub-list li a {font-size:14px;display:block;padding-right:5px;} .nav .active .nav-sub-list {display:block;} .nav .active .nav-tit {background-color:#006ccc;display:inline-block;} .nav .active .tragl-white-t {webkit-transform:rotate(180deg);-o-transform:rotate(180deg);transform:rotate(180deg);border-color:#fff transparent transparent;} .nav .tragl-white-t {top:17px;border-color:#fff transparent transparent;} .nav .mark-sub .fc-yel {display:inline;float:left;} .nav .mark-sub .nav-more {display:inline-block;float:left;zoom:1;} .nav .mark-sub a{float:left;padding:0 5px;} .nav .mark-sub .active .nav-tit {width:auto;} .nav .mark-sub .nav-more a {padding:0 15px 0 7px;text-decoration:none;} .nav .mark-sub .nav-sub-list {font-size:12px;} .nav .mark-sub .active .nav-sub-list {display:block;} .nav .mark-sub .nav-sub-list li {height:33px;line-height:33px;overflow:hidden;vertical-align:top;} .nav .mark-sub .nav-sub-list li a {font-size:12px;padding-right:0px;background-color:#288bde;float:none;display:block;} .nav .mark-sub .nav-sub-list li a:hover {background-color:#177fdd;} .nav .mark .nav-sub-list{_width:108px;} .nav .mark-sub .nav-sub-list{_width:75px;} .nav-sub {border:1px solid #e5e5e5; border-top: none; overflow:hidden; zoom:1;} .nav-sub .nav-wrap {padding: 14px 0; margin-left:-1px;} .nav-sub dl {float:left; display:inline; border-left: 1px solid #e5e5e5; line-height:30px; overflow:hidden;} .nav-sub dl.frist {margin-left:-1px;} .nav-sub dt,.nav-sub dd {margin: -8px 0; float:left; background-color:#fff;} .nav-sub dt {padding:0 20px; color: #999;} .nav-sub dt a {color: #999;} .nav-sub dt a:hover {color: #f80;} .nav-sub dd a {float:left; margin-right:20px;} /**/ .area-nav {zoom:1;} .area-nav .pics-w170 {margin-bottom:20px;} .area-nav .pics-w170 li {margin-top:0;} .area-nav .tab-wrap{overflow: visible;} /* 产品导航 */ .area-nav .pro-nav .control {padding-left:0;position:relative;z-index: 5} .area-nav .pro-nav .control .item {font-size: 14px;} .area-nav .pro-nav .control .current { position:relative;margin-top:-2px; padding-top:2px; border-top-color: #2888de;font-size: 16px;line-height:36px;padding-bottom:2px;} .area-nav .pro-nav .control .current a {color: #2888de;} .area-nav .pro-nav {border: 2px solid #e5e5e5; margin-bottom:20px;} .pro-nav .mark-sub {padding:5px 10px 0 0;} .pro-nav .pannel {zoom:1;} .pro-nav .tab-inner {margin-top:-1px;} .pro-nav dl:after {content:"\20";clear:both;height:0;display:block;overflow:hidden;} .pro-nav dl { position: relative; border-top:1px solid #f2f2f2; zoom:1;} .pro-nav dt,.pro-nav dd{ display: inline; float:left; height:30px; line-height: 30px;} .pro-nav dt,.pro-nav dd .gap{ position: relative; width:60px; padding-right:20px; margin-right:10px; text-align: right;} .pro-nav dt i{ position: absolute; top:10px; right:1px; color:#bbd9e9; width:6px; height:9px; background-position:-130px -17px;} .pro-nav dt,.pro-nav dt a,.pro-nav dd .gap{color:#999;} .pro-nav dd a{ display: inline; float: left; color:#333; width:82px;} .pro-nav dd a:hover{ color:#f80;} .pro-nav .dl-line { border-bottom:none;} .pro-nav .dl-line dd{ display: block; float:none; padding-left:90px;  height:auto;} /*单列*/ .pro-nav .dl-col dd{ padding-left:10px;} .pro-nav .dl-col dd a{ width:130px; height: 30px; margin-left:5px; overflow:hidden;} .pro-nav .item-more { display:none; width:auto; height:auto;  border:2px solid #2888de; background:#fff;  position:absolute;right:1px; top:2px; text-align:center; z-index: 30;} .pro-nav .item-more span { display:inline; zoom:normal;} .pro-nav .item-more a { width:auto; line-height:22px; padding:0 5px; display:block; text-align:center; white-space:nowrap} .pro-nav .item-more a:hover {background:#2888de; color:#fff; text-decoration:none;} .pro-nav .dl-hover { z-index:2;} .pro-nav dt.hover .item-more,.pro-nav li.hover .item-more{ display:block;} /*品牌下拉*/ .pro-nav .brand-drop li{float: left;padding:0 10px;position: relative;} .pro-nav .brand-drop .item-more{width:auto; height:auto;right:-9px; top:2px;} .pro-nav .brand-drop .item-more a{ white-space: nowrap;display: block;float: none;width:auto;} /*带标题单列*/ .pro-nav .col-1 dd{width:auto;} .pro-nav .col-1 dd a{width:auto;margin-right: 15px;} /*带标题两列*/ .pro-nav .col-2 dd a{width: auto;} .pro-nav .col-2 dd{width:463px;} /*汽车报价*/ .area-nav .pro-nav .control .mark{width:972px;} .area-nav .tab-nav .control .item-sub{float:right;} .area-nav .pro-nav .col-last dt{padding-right:0;width:80px;} .area-nav .pro-nav .col-last dd{width:1016px;height:30px;overflow:hidden;} .area-nav .pro-nav .col-last dd a{color:#999;margin-right:10px;word-wrap:nowrap;} .area-nav .pro-nav .col-last dd a:hover{color:#f80;} /*顶部图片*/ .area-nav .pic-tag{width:1110px;overflow: hidden;} /*nav-a*/ .nav-a {height: 40px; line-height:40px;background-color:#288bde; overflow:hidden;} .nav-a a,.nav-a a:hover {color: #fff} .nav-a .mark{padding:0 10px;font-size:20px; width: 460px; overflow:hidden;break-word:break-all;} .nav-a .mark a{padding:0;display: inline;} .nav-a .mark a:hover{background: none;text-decoration: underline;} .nav-a .mark-sub{padding-right: 0;} .nav-a .mark-sub a{font-size:16px;zoom:1;padding: 0 15px;} .nav-a .mark-sub li a{display: inline-block;padding: 0 15px;} .nav-a .mark-sub li {float:left;border-left: 1px solid #3a9ae4;} .nav-a .mark-sub a:hover{background-color:#177fdd;text-decoration: none;} .wraper{width:1200px; margin:0 auto; text-align:left; padding-bottom: 20px;} /*经销商*/ .news-dealer{padding-top: 8px;} .news-dealer li i { float:left;display: inline;} .news-dealer .company {width: 170px;margin-right:15px;text-align:left;position:relative;overflow:visible;z-index:1;height:30px;overflow: hidden; line-height:26px; } .news-dealer .company a { width:175px; position:absolute; left:0; top:0; background:#fff; text-overflow:ellipsis; overflow:hidden;white-space:nowrap; } .news-dealer .qq { padding-top:3px; margin-right:15px;width: 19px;} .news-dealer .qq a{ width:19px; height:20px; display:inline-block; background:url(//www1.pconline.com.cn/2018/art/images/icons.png) -269px -70px no-repeat;} .news-dealer .qq a:hover{background-position: -4px -169px;} .news-dealer .tele {width: 90px;overflow: hidden;word-break:break-all;} /*正文*/ .art .art-hd{text-align:left;padding-bottom: 15px;margin-top:20px;} .art .art-hd h1{font: bold 32px/46px "Microsoft Yahei";margin-bottom: 16px;} .art .art-hd h1 span{display:none;} .art .art-hd .fixedH1{display:block;width:838px; height:auto; background:#fff; border:1px solid #eee; font:bold 20px/58px "Microsoft YaHei"; text-align:center; position: fixed; top:0; left:50%; margin-left:-600px; z-index:900 } .art .art-hd .fixedH1 span{display: inline-block;} .art .art-hd p{color:#999;} .art .art-hd .authorZL a,.art .art-hd .cmt-count .red{color:#f80;} .art-bd {padding:10px 0 0 0;} /*没有关联产品时，增加分割线*/ .artConBT { border-top:1px solid #e5e5e5;} /*文章内容*/ .content {padding: 0px;line-height:26px;width:760px; overflow:hidden;} .content table{*table-layout:fixed;} .content .js3TB{table-layout:auto;} .content img {max-width: 700px;_width:expression((this.offsetWidth >600) ? '600px' : true);} .content p,.content div { height:auto; margin:20px 0; font-size:14px; overflow:visible;font: 16px/30px "Microsoft Yahei";word-break: break-all;} .content a { color:#333;}.content a:hover{ color:#f80} .content a u{text-decoration: none;} .content h2 { width: 100% !important; margin: 5px auto !important;} .content .cmsLink { border-bottom: 1px dashed #003388;} .content .cmsLink:hover { border-color: #FF6600; text-decoration: none;} .content a:hover img{opacity:1;} .content p font{font-family: Microsoft Yahei;} .content p a:hover font{color:#f80} .content p em{font-style: italic;} /*js2*/ .s-js2 a{color:#07d} .s-js2 a:hover{color:#f80} /*js2-2016.1新版*/ body .js2-16 {width:700px;margin:-20px auto 0;border:1px solid #ccc;border-top:0;display:block;font-weight:normal;} .js2-16 .js2-pName {height:30px;line-height:30px;overflow:hidden;font-size:18px;display:block;text-align:left;} .js2-16 .js2-pInfo {height:18px;line-height:18px;font-size:14px;overflow:hidden;display:block;text-align:left;font-style:normal;} .js2-16 .js2-pInfo .refer-price {float:left;color:#333;} .js2-16 .js2-pInfo .refer-price a {color:#f33;} .js2-16 .js2-pInfo .fr {margin-left:15px;} /*js2 modify 20171110*/ .js2-16Ext {width:600px;padding:0;margin:-20px auto 0;} .js2-16 .js2-proName {height:42px;line-height:42px;overflow:hidden;font-size:16px;display:block;text-align:left; display: block; padding: 0 10px; border-bottom: 1px solid #ccc;} body .js2-16 .js2-dsList{ overflow: hidden; display: table; vertical-align: middle; font-size: 14px; } .js2-16 .js2-dt{ width: 115px; display:table-cell; vertical-align: middle; *float:left; *line-height: 40px; text-align: center; } .js2-16 .js2-dd{display: table-cell;overflow: hidden;vertical-align: top;width: 487px;line-height: 40px;background: #fff url('//www1.pconline.com.cn/2017/art/images/js2_line.png') 0 41px repeat-x;*float: left; *overflow: hidden;*width:484px;display: block;text-align: center;} .js2-16 .js2-dd img{ vertical-align: middle;} .js2-16 .js2-item{ width: 33.3%; float: left;} .js2-16 .js2-item a:hover{ text-decoration: none;} .js2-16 .js2-price{ color: #fe3233;} .js2-16 a {color:#333;} /*相关阅读*/ .RelatedRead{padding:10px;margin:10px 0 25px ;border-top:1px solid #e5e5e5;border-bottom:1px solid #e5e5e5;clear:both} .RelatedRead p { margin:4px 0 0; text-align:left} .RelatedRead b{font:18px/30px "Microsoft YaHei";} .RelatedRead p,.RelatedRead a{font-size:14px;line-height:24px;} .RelatedRead a{color:#07d;} /*product_intf_1.css修改*/ body #product{width:700px;} body #product .boxTh{height:40px; line-height:40px; background:#388eee;} body #product .boxTh .mark{font-weight: bold; font-size:18px;} body #product .boxTb{border:2px solid #388eee;} body #product .boxDes{width:520px;} body #product .p-title .spanTitle{font:bold 20px/40px "Microsoft YaHei";} body #product .pdMeg1{width:520px; font-size:14px;} body #product .dbExt .pdMeg1 td{height:28px;} body #product .cmPriceTab th{background-color:#f8f8f8; height:40px; } body #product .cmPriceTab td{font-size:14px; } body #product .cmPriceTab .cmpFoot{height:45px; line-height:45px; background-color:#fff; border-top:1px solid #e8e8e8;  } /*文章导航*/ .art_nav_box { padding:15px 0;  border-top:1px solid #e7e7e7;margin:0 10px 2px;} .topNavBox { margin:0 10px 10px; padding:0 15px; border:none;} .art_nav_box table { width:100%; background:none} .art_nav_box table td { line-height:30px;font-size: 14px;color:#999;} .art_nav_box .art_nav_t { padding-bottom:3px;text-align:left;font-size: 16px;background:none;} .art_nav_box .art_nav_t strong {font-weight:normal;color:#388eee;} .art_nav_box .article_brief_tb { color:#777} .art_nav_box .article_brief_tb a{ color:#333}.art_nav_box .article_brief_tb a:hover{ color:#f80} .art_nav_box .article_brief_tb .current_page {  color:#ff4c59} .article_brief_tb .article_brief_pageNum{float:left;} .article_brief_tb a{float:left;width:290px;height:30px;word-break:break-all;overflow: hidden;} /*文章左侧相关文章*/ .col-ab .box .hd{font-size: 16px;color: #388eee;height:30px;line-height: 30px;padding-bottom: 4px;  } .col-ab .box .hd-sub{ padding-top: 0} .col-ab .box .news-no-pad li{width: 350px;height:30px;float: left;display: inline;margin-right: 10px; font:14px/30px "Microsoft YaHei"; color:#333; text-overflow:ellipsis; overflow:hidden; white-space: nowrap; background: none; padding-left:0;} .col-ab .box .news-no-pad .type{color:#aaa; margin-right:0px } .col-ab .box .news-no-pad .tit{margin-left:5px; color:#333; } .col-ab .box .news-no-pad .tit:hover{color:#f80;} .box-a .pro-list{border-bottom: 1px solid #f2f2f2;} .pro-list li{float:left;display:inline;width:330px;zoom:1;} .col-ab .box .a{color:#388eee;} .col-ab .box .a:hover{color:#f80;} .col-ab .rela-pro,.col-ab .head-line{display:none;} /*图标工具栏*/ .toolBox{width:70px;position:absolute;top:90px;left:-80px;padding-top: 10px;z-index: 100;} .toolBoxb{top:auto; bottom:100px;} .fixedBox{position: fixed; top:100px; left:50%; margin-left: -600px;} body .art-tools{margin-bottom:0px; position:absolute; top:130px; left:0; z-index:2 } body .art-tools .at-btn{display: block;width:40px;height:36px;position:relative;margin-bottom:25px;background:url(//www1.pconline.com.cn/2018/art/images/icons.png) no-repeat; font-size:0; line-height:0px; padding:0; } body .art-tools .at-btn em{display:none;} body .art-tools .at-btn:hover{background-color:#fff; } body .art-tools .at-btn .at-num{font: 14px/18px "Microsoft YaHei";color:#777;position:absolute;top: -7px;left:30px;background: #fff;padding: 0 3px;} body .art-tools .at-btn-clt{background-position: -146px -36px;display:none;} body .art-tools .at-btn-clt:hover{background-position: -184px -37px;} body .art-tools .at-btn-clt:hover .at-num,body .art-tools .at-btn-clt.actived .at-num{color:#ff3b3b;} body .art-tools .at-btn-clt.actived{background-position:-222px -36px!important; } body .art-tools .at-btn-pos{background-position: -39px -79px;} body .art-tools .at-btn-pos:hover{background-position:-80px -79px;} body .art-tools .at-btn-pos:hover .at-num,body .art-tools .at-btn-pos.actived .at-num{color:#ff8800;} body .art-tools .at-btn-pos.actived{background-position:-120px -78px!important; } .art-tools-top{ padding-top:180px; position:relative;} .tool-item-cmt{display: block;width:40px;height:36px;background:url(//www1.pconline.com.cn/2018/art/images/icons.png) no-repeat -63px -35px; position:absolute; top:0; left:0;} .tool-item-cmt:hover{background-position: -104px -35px; color:#388eee;} .tool-item-cmt a{font: 14px/18px "Microsoft YaHei";color:#388eee;position:absolute;top: -10px;left: 0px;padding: 0px 0px 20px 32px;} .tool-item-cmt a:hover{color:#388eee;} .tool-item-col{display: block;width:40px; height:36px; position:absolute;top:60px;left:0px;} .tool-item-col .colBtn{display: block;width:40px;height:36px; background:url(//www1.pconline.com.cn/2018/art/images/icons.png) no-repeat  -146px -36px; position:absolute; top:0; left:0;  line-height:1px; color:#388eee;} .tool-item-col .colBtn:hover{background-position:-184px -37px} .tool-item-coled .colBtn{background-position: -222px -36px!important} .tool-item-col .tool-item-tip{display:none;} .tool-item-showtip .tool-item-tip{display: block;width:102px;height: 47px;background-color:#fff;border:1px solid #e5e5e5;text-align:center;font: bold 14px/20px "Microsoft YaHei";color:#333;position:absolute;top: -15px;right:-110px;padding-top: 10px; } .tool-item-showtip .tool-item-tip a{display: block;font-weight: normal;color:#388eee;font-size: 14px;} body .pc-share .bdshare-button-style0-16 .bds_sqq,body .pc-share .bdshare-button-style0-16 .bds_tqq,body .tool-item-tip,body .art-tools .at-btn-neg,body .art-tools .pc-share{display:none;} body .pc-share .bdshare-button-style0-16 a{ text-indent:-9999px; width:40px; height:36px; display: block; margin-bottom:25px; color:#fff; overflow:hidden;} body .pc-share .bdshare-button-style0-16 a.bds_weixin{background:url(//www1.pconline.com.cn/2018/art/images/icons.png) no-repeat -172px -75px!important; } body .pc-share .bdshare-button-style0-16 a.bds_weixin:hover{background-position:-218px -75px!important; } body .pc-share .bdshare-button-style0-16 a.bds_tsina{background:url(//www1.pconline.com.cn/2018/art/images/icons.png) no-repeat  0px -124px!important; } body .pc-share .bdshare-button-style0-16 a.bds_tsina:hover{background-position:-46px -126px!important; } body .pc-share .bdshare-button-style0-16 a.bds_qzone{background:url(//www1.pconline.com.cn/2018/art/images/icons.png) no-repeat -96px -122px!important; } body .pc-share .bdshare-button-style0-16 a.bds_qzone:hover{background-position:-139px -122px!important; } body .pc-share .bdshare-button-style0-16{padding:0;} /*body .bd_weixin_popup{top:750px!important; left:50%!important; margin-left:-520px; }*/ body .bd_weixin_popup{padding:0; height:310px!important;} body .bd_weixin_popup .bd_weixin_popup_head span{display:none;} body .bd_weixin_popup .bd_weixin_popup_foot{text-align: center;} /*重置相关*/ body .nav-glo .nav-list a:hover{color:#f80; text-decoration: none}body .art-info{color:#999}.art-info .art-edit-more span{display:none} .art-info .pubtime,.art-info .source,.art-info .author{font-size:14px; } .art-info .pubtime,.art-info .source{ margin:0 25px 0 0;} body #product a:hover{text-decoration: none} /*pro-nav-sub*/ .pro-nav-sub{margin-bottom: 10px;line-height: 26px;font-size: 14px;} .pro-nav-sub dt,.pro-nav-sub dd{float: left;display: inline;} .pro-nav-sub dt{width:38px;height: 26px;background: #ffae00;color:#fff;margin-right: 10px;text-align: center;border-radius: 3px;} .product-tag .bd{padding: 0;margin-top: 10px;width:840px;} .hot-search{height: 30px;line-height: 30px;margin-top: 20px;padding: 5px 0 5px 0px;overflow: hidden;font-size: 14px;} .hot-search .mark{width:460px;padding-right:15px;color:#999;height: 30px;line-height: 30px;} .ks-small{width: 340px;} .ks-small .ks-input .ks-q{width: 270px;height: 18px;line-height: 18px;background: #f9f9f9;} .ks-small .ks-input .ks-submit{width: 52px;height: 30px;background: #ffb300 url(//www1.pconline.com.cn/2018/art/images/icons.png) no-repeat -267px -111px;} .art-col-c .head-line {font-size: 16px; text-align: left;margin-top:20px; display:none;} .art-col-c .box .hd-sub {padding-top:0;} .art-col-c .new-twice-b{margin-bottom:0;} .art-col-c .tab-nav .control-clean {height: 40px;margin-right: 0;font-size: 18px;color: #999;border-top: 1px solid #eee;line-height: 40px;} .art-col-c .tab-nav .control-clean .item{margin-right:12px;display: inline-block; cursor: pointer;} .art-col-c .tab-nav .control-clean .current{font-weight: bold;border-top: 2px solid #388eee; color:#388eee;} .art-col-c .tab-nav .control-clean .current a{color: #388eee;} .art-col-c .tab-nav .control-clean .current a:hover{color:#f80;} .art-col-c .tab-nav .control-sub{border:none;} .art-col-c .tab-nav .control-sub .item{color:#999;} .art-col-c .tab-nav .control-sub .current{border:none;font-weight: normal;color:#388eee;} .col-c .news-no-pad,.rel-art .news-no-pad{border-bottom:1px solid #f2f2f2;padding-bottom:5px;} .news li .sub .sub-s{color:#999;font-family:"Microsoft Yahei"} .new-twice-b li {width: 145px;margin-right: 10px;display: inline-block;font-size: 14px;} .pro-vs-tab {margin-top: 22px;height: auto;} .pro-vs-tab .rank{padding-top: 20px;} body .col-c .news-no-pad, .rel-art .news-no-pad,body .bwpro .box .hd-sub{display:none;} body .show{display: block!important;} body .js2-16 .js2-dd{width:587px;} .best,.fix-box{margin-bottom:30px;} /*五网推荐*/ body .pcauto-cooperation .hd{margin:30px 0; border-bottom:none; border-top:1px solid #e5e5e5;} body .pcauto-cooperation .hd .bTit{font-size: 18px; font-weight: bold; border-top:2px solid #388eee; padding-left: 0;} body .pic-txt-auto{margin-left:40px; } .pcauto-cooperation .list-auto{height:70px; margin-right:-40px; overflow:hidden; } body .list-auto li{width:400px; margin-right:40px; padding-left:0px;  } /*seo*/ .seo-links {padding: 1px 0 0 0px; margin-bottom:-6px; line-height:30px; font-size:14px;} .seo-links a {float:left; margin-right:12px; white-space:nowrap;} /*slide-pic*/ /** slide-pic(slide-pic.css 图片滚动) **/ .slide-pic .prev,.slide-pic .next{background-image:url(//www1.pconline.com.cn/2018/art/images/icons.png); background-repeat:no-repeat;} .slide-pic {position:relative; zoom:1;} .slide-pic .pics {width:99999px;} .slide-pic .slide-wrap {width:350px;height: 200px; position:relative; zoom:1; overflow:hidden;} .slide-pic li {width:350px; float:left;} .slide-pic li img {vertical-align:top;} .slide-pic .prev,.slide-pic .next {width:40px; height:54px; margin-top:-25px; position:absolute; top:50%; z-index:2; -webkit-transition: right .2s, left .2s; -moz-transition: right .2s, left .2s; -ms-transition: right .2s, left .2s; -o-transition: right .2s, left .2s; transition: right .2s, left .2s; } .slide-pic .prev {background-position:-106px -211px;left:-40px;} .slide-pic .next {background-position:-157px -211px;right:-40px;} /*.slide-pic .prev:hover {background-position:-54px 0;} .slide-pic .next:hover {background-position:-81px 0;}*/ .box .slide-pic {} .slide-pic-hover .prev {left:0;} .slide-pic-hover .next {right:0;} .circle-ctrl {height: 12px;text-align:center; zoom:1;line-height:0; font-size:0; overflow:hidden;} .circle-wrap {display:inline-block; overflow:hidden; vertical-align:top;} .circle-ctrl .item {width:6px; height:6px; float:left; margin-right:5px; background: url(//www1.pconline.com.cn/2018/art/images/icons.png) -44px -203px no-repeat;} .circle-ctrl .current {width:18px;background-position:-6px -203px;} .circle-ctrl-out {padding:20px 5px 0 0; float:right;} /* 嵌套 */ .subSlide-wrap{ position: relative; } .subSlide-wrap .circle-ctrl {position: absolute; width: 100%; bottom: -20px; } .hd-big .circle-ctrl-out {padding-top:10px;} .slide-pic .circle-ctrl {padding: 10px 0;} .slide-pic-w330 .slide-wrap,.slide-pic-w330 li{width: 330px;} .slide-pic-w170 .slide-wrap {width: 100%; height: 130px;} .slide-pic-w170 li {width: auto;} .slide-pic-w170 li .blk-img{width: 170px; float:left; margin-right:10px;} .slide-pic-w160 .slide-wrap {width: 320px;height: 116px;} .slide-pic-w160 li {width: auto;} .slide-pic-w160 li .blk-img{width: 160px; float:left; margin-right:5px; position:relative;} /* focus-pic */ .focus-pic .title-alpha {font-size: 16px;font-weight: bold;height: 35px;line-height: 35px;} /** pics(pics.css 图片列表) **/ .pics:after{content:"\20";clear:both;height:0;display:block;overflow:hidden;} .pics {zoom:1} .pics li{float:left; display:inline;word-break:break-all;} .pics li .title {height: 20px; padding-top: 8px; display:block; font: 14px/20px "Microsoft Yahei";overflow:hidden; text-align:center;} .pics-w80 {padding-left:10px; margin-right:-46px;} .pics-w80 li {width: 80px; margin: 20px 46px 0 0;} .pics-w100 { margin-right:-15px;} .pics-w100 li {width: 100px; margin: 20px 11px 0 0;} .pics-w100 li .title{font-size: 12px;} .pics-w120 {padding-left:12px; margin-right:-41px;} .pics-w120 li {width: 120px; margin: 20px 41px 0 0;} .pics-w170 { margin-right:-18px;} .pics-w170 li {width: 170px; margin: 20px 18px 0 0;} .pics-w170 li.img-w358 {width: 358px} .pics-w170-a {margin:0 -10px 9px 0;} .pics-w170-a li {width: 170px; margin: 20px 10px 0 0;} .pics-w170-ab {margin:0 -23px 0 0;} .pics-w170-ab li {width: 170px; margin: 20px 23px 0 0;} .pics-w160-b {margin:0 -10px 9px 0;} .pics-w160-b li {width: 155px;margin: 0px 10px 0 0;position: relative;} .pics-w200 { margin-right:-28px;} .pics-w200 li {width: 200px; margin: 20px 27px 0 0;} .pics-w270 { margin-right:-10px;} .pics-w270 li {width: 270px; margin: 20px 10px 0 0;} /*add by JinC 20150319 16:35*/ .pics-w330{padding-top: 20px;} .pics-w330 li{ width:330px;margin: 0 0 20px 0;} /*add end*/ /** 应用 **/ .app-pics li {position:relative; zoom:1; overflow:hidden;} .app-pics li .entry {width: 100%; height: 20px; position:absolute; bottom: -20px; left: 0; background: #fff; font: 14px/20px Microsoft YaHei; text-align:center; color: #e5e5e5; -webkit-transition:bottom .2s; -o-transition:bottom .2s; transition:bottom .2s; } .app-pics li.hover .entry {bottom: 0} .app-pics li .entry a {color: #07d} .app-pics li .entry a:hover {color: #f80} /**end pics(pics.css 图片列表) **/ /*clients*/ .clients{margin-top:0px; } .clients .slide-wrap{width:320px;height:110px;} .clients .prev,.clients .next{z-index:15;} /*本文产品*/ .pro-info{width:100%;  margin-bottom:30px; overflow:hidden;} .pro-info .pic-box{display: inline; width:120px; height:90px; overflow:hidden; float:left; margin-top:10px; } .pro-info .txt-box{width:180px; color:#333; float:right;font:14px/30px "Microsoft YaHei"; } .pro-info .txt-box .name{display: block; height:30px; font-size:16px;  text-overflow:ellipsis; overflow:hidden; white-space: nowrap;} .pro-info .txt-box .priceBox{height:30px; padding-left:20px; width:160px; text-overflow:ellipsis; overflow:hidden; white-space: nowrap; position:relative;} .pro-info .txt-box .priceN{padding:0;} .pro-info .txt-box .priceBox img{position:absolute;top:1px;left:0px;} .pro-info .txt-box .price{color:#ff3b3b; margin-left: 5px;} /*rela-pro*/ .rela-pro .pro-pics li{margin-top: 12px;} .rela-pro .pro-pics .price{font-size: 12px;} .pro-pics li .title{padding-top: 3px;} .pro-pics li .price{display: block;width:100%;height: 20px;color:#fb3336;line-height: 22px;text-align: center;overflow: hidden;font-size:14px;} /** rank(rank.css) **/ .rank {padding-top:11px;} .rank li {height: 34px;line-height: 32px;padding:0 0 0 22px;position:relative;zoom:1;overflow:hidden;-ms-word-break:break-all;word-break:break-all;vertical-align:middle;margin-bottom: 3px;} .rank li img{display:none;} .rank li em,.rank li .sub,.rank li em,.rank li h6{font-size: 14px} .rank li em {width: 16px;position:absolute;top: 0; *top:-1px;left: 0;font: italic 14px/31px Arial;color: #999;text-align:center;font-weight: bold;} .rank li .lab-1 {color: #f33} .rank li .lab-2,.rank li .lab-3 {color: #999} .rank li .sub {margin-left:0px;float:right;color: #999;font-size:12px;line-height: 32px;} .rank li .sub a{color:#999;} .rank li .sub a:hover{color: #f80;} .rank li h6 {font-weight:normal;float:left;width:240px; overflow:hidden;} .rank li h6 a{text-overflow:ellipsis; overflow:hidden; white-space: nowrap; display: inline-block; width:240px;} .rank-twice-a {width: 165px; margin-right: 10px; float: left;} .rank-twice-c {width: 155px; margin-right: 10px; float: left;} .rank-sub a{height: 18px;line-height: 18px;font-size: 16px;color: #999;display: block;padding: 14px 0 0 10px;} .rank-sub a:hover{color: #f80;} .rank .rankPic{height:80px;margin-bottom: 15px;} .rank .rankPic a:hover .txt h6{color:#f80;} .rank .rankPic .txt{width:185px; height:80px; display: inline; float:left;} .rank .rankPic .txt h6{width:185px;max-height:48px;  color:#333; display: block;display: -webkit-box;  -webkit-line-clamp: 2;  -webkit-box-orient: vertical;font:16px/24px "Microsoft YaHei"; overflow:hidden;} .rank .rankPic .txt .sub{display: block;color:#ff3b3b;font:16px/24px "Microsoft YaHei";float:none;margin-top: 5px;} .rank .rankPic img{float:right; display: inline-block;} .rank .rankPic em{line-height:20px; } .rank-b .item {padding:11px 0 10px 22px;overflow:hidden;zoom:1;display:block;background-color:#fff;} .rank-b .item:hover {text-decoration:none;background-color:#f9f9f9;cursor:pointer;} .rank-b .item:hover dt, .rank-b .item:hover dd {text-decoration:none;display:block;} .rank-b li {height:auto;line-height:24px;position:relative;border-top:1px solid #eee;padding:0;} .rank-b li .btn-dl, .rank-b li .count-dl {position:absolute;right:0;font-size:12px;line-height:22px;} .rank-b li+li{border-bottom:1px solid #eee;padding:0;} .rank-b li .btn-dl {padding:0 5px;top:220px;} .rank-b li .count-dl {top:24px;color:#999;} .rank-b .item:hover .btn-dl {top:24px;} .rank-b .item:hover .count-dl {top:220px;} .rank-b em {top:-1px;} .rank-b li dt {font-size:14px;} .rank-b li dd {color:#999;} /** rank-a(rank-a.css 排行榜) **/ .rank-a li {-ms-word-break:break-all;word-break:break-all; vertical-align:middle;border-bottom: 1px solid #f2f2f2;zoom:1;overflow: hidden;} .rank-a li a{display: block;padding: 20px 0 14px 22px;line-height:24px;height: 58px;position:relative;zoom:1;overflow:hidden;} .rank-a li a:hover{color: #333;text-decoration: none;background: #fff;} .rank-a li em,.rank-a li .info{font-size: 14px;line-height: 26px;} .rank-a li .info h6,.rank-a li .info .score{height: 30px;overflow: hidden;} .rank-a li em {width: 16px;position:absolute;top: 17px; *top:11px;left: 0;font: italic 16px/31px Arial;color: #999;text-align:center;letter-spacing: -2px;} .rank-a li .lab-1 {color: #f33} .rank-a li .lab-2,.rank-a li .lab-3 {color: #f80} .rank-a li .sub {margin-left:6px; float:right; color: #999; font-size:12px; line-height:48px;} .rank-a li h6 {font-weight:normal;} .rank-a li .pk{float:right;width: 72px;height: 28px;line-height: 28px;font-size: 14px;display:none;margin-top:12px;background: #388eee;text-align:  center;color: #fff;} .rank-a li a:hover .sub{display: none;} .rank-a li a:hover .pk{right:0;top:28px;display: block;} .rankBox li{width:320px;height:80px;margin-top: 20px;} .rankBox .pic{display: inline-block; width:105px; height:80px; float:left;} .rankBox .txt{width:200px;height:80px;float: right;} .rankBox .tit{max-height:52px; display: block; font:14px/26px "Microsoft YaHei"; -webkit-box;  -webkit-line-clamp: 2;  -webkit-box-orient: vertical; color:#333; overflow:hidden;} .rankBox .tit:hover{color:#f80;} .rankBox .replyIcon{display: block;padding-left:20px;height:20px;font:12px/20px "Microsoft YaHei";color:#999;position:  relative;margin-top: 5px;} .rankBox .replyIcon .icons{background:url(//www1.pconline.com.cn/2018/art/images/icons.png) no-repeat -273px -40px;position:absolute;top: 4px;left:0;display:  block;width: 13px;height: 13px;} /*网友评分*/ .score span{float: left;} .score .goal{color: #333;} /*stars*/ .stars,.stars span{background:url(//www1.pconline.com.cn/2018/art/images/bg.png) no-repeat -1px -124px;line-height:0; overflow:hidden; display:inline-block;vertical-align: top;} .stars { width:78px; height:14px; margin:0 0 0 10px;float:left;position: relative;top:5px;top:4px\0;*top:4px;} .stars span{width:50%; height:14px; background-position:-1px -139px;} /* 透明标题 IE8 gradient滤镜有问题 */ .title-alpha {width: 96%; height:30px;font: 14px/30px Microsoft Yahei;overflow:hidden;text-align:center;color: #fff; position:absolute; left: 0; bottom: 0; background: rgba(0,0,0,0.5); filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#78000000, endColorstr=#78000000);text-overflow:ellipsis; overflow:hidden; white-space: nowrap; padding:0 2%;} a:hover .title-alpha {text-decoration:underline;} :root .title-alpha {background: rgba(0,0,0,0.5); filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#78000000, endColorstr=#78000000);} /*汽车资讯*/ .info-box{margin-top: 13px;} .info-box .links{border-top:1px solid #f2f2f2;margin-top: 13px;padding: 13px 0 0 5px;} .info-box .links a{color:#999;line-height:30px;margin-right:15px;display:inline-block;font-size: 14px;} .info-box .links a:hover{color:#f80;} .news li.default-note{font-family:"Microsoft Yahei";font-size:14px;} /*app二维码推广*/ .art-rewm{background: #f8f8f8; padding-top: 15px} .art-rewm-pic{background:url(//www1.pconline.com.cn/zt/gz20150414/appewm/art-ewm.png) no-repeat center center; height: 220px;} .art-rewm-txt{padding:5px 0 15px; text-align: center;color: #07d} .art-rewm-txt i{display:block; font-size: 15px; line-height: 24px} .art-rewm-txt em{display: block;font-size: 15px; line-height: 24px; font-weight: 700} /*回顶部*/ .guide{width:67px;margin-left:610px;position:fixed;left:50%;bottom:35px;_position:absolute;_top:expression(documentElement.scrollTop+documentElement.clientHeight - this.clientHeight - 35+'px');display:none;z-index:1;} .guide a{height:43px;width:65px; border:1px solid #eee;line-height:16px;display:block;text-align:center; background-color:#fff;} .guide a:hover{text-decoration:none} .guide a span{padding:0 10px;display:none} .guide a:hover span{display:block;background-color:#fff;color:#388eee; padding:4px 20px; font-size:12px; } .guide .top{background:#fff url(//www1.pconline.com.cn/2018/art/images/icons.png)  -203px -172px; border-top:none;} .guide .sewm{background:#fff url(//www1.pconline.com.cn/2018/art/images/icons.png) no-repeat -1px -222px!important;} .guide .sewm:hover{background-position: -183px -118px!important; } .guide .sewm:hover .sewm-stxt{display:none;} body .guide .sewms .sewm-sjx{border:none;width:10px;height:18px;background:url(//www1.pconline.com.cn/2018/art/images/icons.png) no-repeat -81px -229px;left: 32px;top: 10px;} .guide .sewms .sewm-pic{box-shadow: 0 0 10px 0px rgba(0, 0, 0, 0.1);} /*为您推荐*/ .arts-recommend{ overflow:hidden; position:relative;} .arts-recommend .tab-nav{width:100px;display: inline-block;background-color:#f8f8f8;float:left;padding-bottom: 0px;} .arts-recommend .tab-navB{position:absolute; bottom:30px; left:0;} .arts-recommend .tab-fix{position: fixed; left:50%;margin-left:-600px; top:0; } .arts-recommend .tab-nav .item{display: block;width:100px;height:50px;font:16px/50px "Microsoft YaHei";text-align:center;cursor:  pointer;} .arts-recommend .tab-nav .current,.arts-recommend .tab-nav .item:hover{background-color:#388eee; color:#fff; } .arts-recommend .tab-wrap{width: 725px;float:right;display: inline-block; overflow:hidden;} .arts-recommend ul{overflow:hidden; position:relative;zoom:1; margin-bottom:-16px;} .arts-recommend .pt{height:107px;margin-bottom:15px;padding-bottom:15px;border-bottom: 1px dashed #ddd; position:relative;} .arts-recommend .pt .pic{display: inline-block; float:left; width:140px; height:107px;} .arts-recommend .pt .txt{width: 565px;height:107px;display: inline;float:right;overflow:hidden;} .arts-recommend .pt .tit{display: block;height: 70px;font: 20px/30px "Microsoft YaHei";color:#333;overflow:hidden;margin-top: 5px;} .arts-recommend .pt .tit:hover{color:#f80; text-decoration: none} .arts-recommend .pt .txt em{display: block; height:18px; font:12px/18px "Microsoft YaHei"; color:#999;} .arts-recommend .pt .txt .type{color:#388eee; margin-right: 5px;} .arts-recommend .pt .txt .time{margin-left:5px; } .arts-recommend .ptMore{width:725px; height:45px; background:#f8f8f8; font:14px/45px "Microsoft YaHei"; color:#999; text-align:center; display:block; float:right; margin-top:30px; } .arts-recommend .noline{border:none;} .arts-recommend .hide{display:none; } .fix-box {width: 330px;} .fix {position:fixed; top:0px; _position:absolute;_top:expression(documentElement.scrollTop + 0 +"px");margin-top:3px } #JhotArtRank{overflow:hidden;} /*1*/ .mt10{margin-top:10px;} .mb20{margin-bottom:20px;} .mb30{margin-bottom:30px;} .pb0{padding-bottom:0 } .rank-pic{margin-top: 15px;} .rank-pic img{display:none}.rank-pic li{position:relative;padding-left:29px;height:35px;line-height:32px;overflow:hidden}.rank-pic li .count{position:absolute;left:0;top:0;font-style:italic;color:#999;font:italic 14px/31px Arial;font-weight:bold;}.rank-pic li .lab-1{color:#ff3b3b;}.rank-pic li .u-price{float:right;font-size:12px;color:#999;line-height:31px; }.rank-pic li em{display:block;overflow:hidden;height:32px;text-overflow:ellipsis;white-space:nowrap;font-size:14px; }.rank-pic .current{height:96px}.rank-pic .current .count{line-height:22px;top:5px}.rank-pic .current img{float:right;display:block;margin:5px 0 0 20px}.rank-pic .current em{white-space:normal;height:56px;line-height:26px;padding-top:4px;font-size:16px; }.rank-pic .current .u-price{float:none;color:#ff3b3b;font-size:14px;position:absolute;bottom:5px} #JreArt .box .hd-sub,#JreArt .box .hd .mark{border:none;} #JreArt .box{margin-top:0;}body .nav-glo .drop .drop-hd{color:#333;}
.ivy-320 img,.ivy-320  iframe,.ivy-320 object,.ivy-320 embed {margin-bottom:30px;}
/* js6TB S */
.js6Div{ width: 600px; margin: 0 auto; background: #fff;color:#333; }
.js6TB{width:100%;font-family:"Microsoft Yahei" !important; border-spacing:0;*border-spacing:expression(this.cellSpacing=0);height:33px;line-height: 33px;border: 1px solid #288bde;}
.js6Div .js6TB .u-red{ color: #ee4444; }
.js6TB td,.js6TB th{font-size: 14px; vertical-align: top;padding: 5px 6px;height:30px;line-height: 30px;border-bottom:1px solid #e5e5e5;margin-bottom: -1px; font-weight: normal;}
.js6Div .even td,.js6Div .even th{ background: #fcfcfc; }
.js6TB td a,.js6TB th a:hover{color:#07d;}
.js6TB th{ padding-left: 24px; white-space: nowrap; }
.js6TB-GL{ position: relative; z-index: 1; margin: 0; padding: 0; }
.js6TB-GL .js6Tit{ background: #288bde; color: #fff; font-weight: bold; padding: 0; font-size: 16px; }
.js6TB-GL .js6SubTit{ background: #f4f4f4; border-bottom:1px solid #ccc; color: #333; font-size: 14px; font-weight: bold; padding: 0;}
.js6TB-GL th{ padding-left: 38px;  border-right: 0;}
.js6TB-HQ{border: 1px solid #ccc; }
.js6TB-HQ th{  border-right: 0; }

.js6Div-bPic{ border:solid #ccc; border-width: 0 1px 1px; overflow: hidden;}
.js6Div-bPic img{ width: 100%; vertical-align: top; }

.js6TB-mpoint span{ margin: 0 10px; }
.js6TB-param{ padding-left: 10px; }
.js6TB-param a{ margin-right: 40px; }

.art-hq-block{ margin-top: -1px; position: relative; z-index: 0; }
.art-hq-block .art-hq-th{ height: 35px; line-height: 35px; display: block; text-align: center; font-size: 14px; background: #f4f4f4; border: solid #ccc; border-width: 1px 1px 0; font-weight: bold; }
.js6Div .js6-tr-last th,.js6Div .js6-tr-last td{ border-bottom: 0; }
.js6Div .rBorder{  border-right:1px solid #e5e5e5; }

/*软件资讯文章*/
.followUs{margin-top:30px;} .followUs .bd{height:250px; overflow: hidden;} .followUs .pic-link{display: block; width:320px; height:110px; margin-bottom:30px;} .softRink{margin-top:0px; margin-bottom:30px;} .softRink li,.softRink li+li{border:none;} .softRink .pic-txt .img-area{float:left; width:50px; height:50px; margin-right:15px;} .softRink .pic-txt .img-area img{display: block;} .qklBox{margin-bottom:30px;} .qklBox .pics-small{height:76px;  overflow: hidden; width:100%;} .qklBox .pics-small .blk-img{margin-right:10px; float:left;} .qklBox .pics-small .blk-img:last-child{margin-right:0px;} .qklBox .txtlist{clear:both;margin-bottom:10px;} .qklBox .txtlist li{height:30px;line-height:30px;overflow:hidden;font-size:14px;color:#dbdbdb;word-break:break-all;word-wrap:break-word;width: 320px;vertical-align:top;} .qklBox .txtlist .sub{display:inline;} .qklBox .txtlist .sub a{color:#888} .qklBox .txtlist .sub a:hover{color:#f80} .qklBox .txtlist .line{padding:0 5px;color:#dcdcdc} .qklBox .txtlist a font{color:#333;} .qklBox .txtlist a:hover font{color:#f80;}

/*js2*/
.softjs2{ width: 556px;margin:0 auto!important;border:2px solid #288bde;padding:10px 20px;overflow: hidden!important;zoom:1;}
.softjs2-info{float: left;width:344px;text-align:left;color:#333;font:12px/2px "Microsoft YaHei"!important; margin:0!important;}
.softjs2-info-bd{font:12px/2px "Microsoft YaHei"!important; margin:0!important;}
.softjs2-info-hd{font-size: 16px;line-height: 36px;text-align:left;overflow: hidden; }
.softjs2-info-hd a{display: inline-block;*display:inline; vertical-align: top;max-width:100%; white-space: nowrap; overflow: hidden;zoom:1;text-overflow: ellipsis; }
.softjs2 ul,.softjs2 li{padding: 0;margin: 0;list-style-type: none;}
.softjs2-info-bd ul li{ line-height: 24px;white-space: nowrap;overflow: hidden; text-overflow: ellipsis; }
.softjs2-info-bd ul li em{color:#999;width: 60px;float: left;}
.softjs2 a img{vertical-align: top}
.softjs2-side{float: right;}
.softjs2-logo{margin: 10px 0;display: block;position: relative;}
.softjs2-qrcode{position: absolute;right: 110px;padding:3px;border:1px solid #e5e5e5;}
.softjs2 .softjs2-dl{display: block;height: 30px;line-height: 30px;width: 100px;text-align: center;color: #fff;background: #288bde; border-radius: 3px;font-size: 14px;margin-bottom: 10px;}
.softjs2 .softjs2-dl:hover{color:#fff;text-decoration: none;background: #2382d2}



.softjs3{font-family: Microsoft Yahei;}
.softjs3 a{text-decoration: none;color:#333}
.softjs3 a:hover{text-decoration: none;color:#f80}
.softjs3 ul{margin: 0;padding: 0;list-style-type: none;}
.softjs3 li{margin: 0;padding: 0;}
.softjs3 em,.softjs3 i{font-style: normal;}

.softjs3{width: 596px;margin:20px auto!important;border:2px solid #288bde;font-size: 14px;}
.softjs3-hd{background: #288bde;padding:0 20px;color:#fff; height: 40px;line-height: 40px;}
.softjs3-bd{padding:0 20px;overflow: hidden;zoom:1;}
.softjs3-bd ul{margin-top: -1px;}
.softjs3-bd ul li{border-top:1px dashed #e5e5e5;padding:10px 0;overflow: hidden;zoom:1;}
.softjs3-logo{float: left;margin-right: 15px;width: 40px;height: 40px;vertical-align: top;}
.softjs3-name{float: left;width: 316px;line-height: 40px;}
.softjs3-name a{display: inline-block;vertical-align: top;max-width:100%; white-space: nowrap; overflow: hidden;zoom:1;text-overflow: ellipsis;}
.softjs3-dl{float: right;width: 80px;}
.softjs3-dl a{display: block;height: 30px;line-height: 30px;text-align: center;color: #fff;background: #288bde; border-radius: 3px;margin-top: 5px;font-size: 12px;}
.softjs3-dl a:hover{color:#fff;text-decoration: none;background: #2382d2}
.softjs3 p,.softjs3 div{margin:0!important}