/*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:#f0f0f0;font:12px/2em Microsoft Yahei,tahoma,HELVETICA;text-align:center;color:#333;}
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:#dd1515;}
a:hover em,a:hover b, a:hover i, a:hover span {cursor:pointer;}
a:hover img {opacity:0.9}

/*common.css*/
body .navibar-wrap {width: 1120px;}
body, .doc {background-color: #fff;}
.doc {padding-top:94px;}

.ks-bar .submit, .slider-pic .prev, .slider-pic .next, .circle-ctrl .item, .qrc-thumb i, .guide-top i, .rank-list li .no, .icon-cmt, .icon-play, .icon-close, .icon-pics {background-image: url(/www1/2016/intedevice/vr/images/sprite.png);background-repeat: no-repeat;}

/*layout*/
.area, .inner-w1120 {width: 1120px;margin:0 auto;}
.area {margin-top: 40px;zoom: 1;}
.area:after,.box .hd:after {content: "\20";clear: both;height: 0;display: block;overflow: hidden;}
.col-ab {width:780px;margin-right: 40px;}
.col-a {width: 400px;margin-right: 30px;}
.col-b {width: 350px;}
.col-c {width: 300px;*text-align: left;}
.col-a, .col-b, .col-ab, .col-c {float: left;}

/*box module*/
.box {}
.box .hd {height: 24px;line-height: 24px;font-size: 24px;text-align: left;}
.box .hd .mark {border-left:2px solid #249fda;padding-left:10px;}

.col-c .box {margin-bottom: 30px;}
.col-c .box .hd {height: 16px;line-height: 16px;font-size: 16px;padding-bottom: 12px;zoom:1;}
.col-c .box .hd .mark {font-weight: bold;}
.col-c .box .hd .mark-sub {font-size: 12px;}
.col-c .box .hd .mark-sub a {text-align: right;margin-left: 10px;*display: inline-block;padding-bottom:11px;padding-bottom: 12px\9;*vertical-align: top;}
.col-c .box .hd .mark-sub a:hover,.col-c .box .hd .mark-sub .current {color: #249fda; border-bottom:2px solid #249fda;padding-bottom: 11px/;*padding-bottom: 11px;}

/*header*/
.header {height:94px;padding:0;position:fixed;width:100%;z-index:5;top:29px;left:0;background-color: #fff;}
.header .inner-w1120 {padding:18px 0;overflow: hidden;zoom: 1;}
.logo-vr {width:222px;margin-right:83px;float: left;}

.nav-main {float:left;}
.nav-main li {height: 38px;line-height: 38px;padding:10px 0;float:left;margin-right:45px;position:relative;}
.nav-main li a {font-size:18px;color:#333;float:left;-webkit-transition:font-size 0.3s;-moz-transition:font-size 0.3s;-o-transition:font-size 0.3s;transition:font-size 0.3s;-ms-transition:none;}
.nav-main li.current a,.nav-main li a:hover {border-bottom: 2px solid #249fda;color: #249fda;}
.search {margin-top:13px;float:right;}
.ks-bar {border:1px solid #e5e5e5;border-radius:18px;height:34px;width:164px;padding:0 18px;overflow:hidden;zoom:1;}
.ks-bar .input {height:34px;line-height:34px;border:0;color:#999;float:left;background:transparent;}
.ks-bar .focus {color:#333;}
.ks-bar .submit {height:18px;width:18px;border:0;margin:8px 0;float:right;background-position:-36px -145px;cursor:pointer;}
.header-fixed {padding-top:45px;}
.header-fixed .header {width:100%;height: 58px;padding:0;box-shadow: 0 2px 5px 0 #ccc;border-bottom: 0; border-bottom: 1px solid #ccc\9; position:fixed;top:0;z-index:1000;}
.header-fixed .inner-w1120 {padding:0;}
.header-fixed .header .logo, .header-fixed .header .search {display: none;}
.header-fixed .nav-main li a {font-size: 14px;}

.area-headfocus {width: 100%; margin-top:-20px;}
.area-headfocus .focus-title {width:100%;background-color: #fff; }
.area-headfocus .focus-title p {width: 1120px;margin:0 auto;font-size: 24px;height: 70px;line-height: 70px;text-align: left;}
.area-headfocus .focus-content {background-color: #f3f3f3;padding:30px 0;}
.area-headfocus .pic-txt {width: 260px;margin-right:27px;float: left;}
.area-headfocus .pic-txt a {display: block;}


/*head-line*/
.head-line {text-align: center;height:20px;line-height: 16px;font-size: 16px;margin-bottom: 14px; white-space: nowrap;overflow: hidden;vertical-align: top;}
.head-line {font-weight: bold;}
.head-line a {display: block;}
.news-list {font-size: 14px;}
.news-list li a {height:32px;line-height: 32px; padding-left:14px;background: url(/www1/2016/intedevice/vr/images/sprite.png) no-repeat -293px -160px;display: block;text-align: left;white-space: nowrap;overflow: hidden;}
.news-list li a:hover {background-position: -293px -192px;}

/*rank-list*/
/*.col-c .box-ranklist {margin-bottom: 15px;}*/
.box-ranklist .hd {border-bottom: 1px solid #e5e5e5;}
.box-ranklist .bd {height: 442px;overflow: hidden;}
.rank-list {margin-bottom: 15px;}
.rank-list li {line-height: 20px;font-size: 14px;padding: 19px 0 4px;overflow: hidden;zoom: 1;*vertical-align: top;}
.rank-list li .no, .rank-list li .name {float: left;text-align: left;}

.rank-list li .price {text-align: right; float: right;}
.rank-list li .no {width: 35px;height: 20px;}
.rank-list li .no-1 {background-position: -286px 0}
.rank-list li .no-2 {background-position: -286px -20px;}
.rank-list li .no-3 {background-position: -286px -40px;}
.rank-list li .no-4 {background-position: -286px -60px;}
.rank-list li .no-5 {background-position: -286px -80px;}
.rank-list li .no-6 {background-position: -286px -100px;}
.rank-list li .no-7 {background-position: -286px -120px;}
.rank-list li .no-8 {background-position: -286px -140px;}
.rank-list li .name {width:200px;height: 20px;overflow: hidden;}
.rank-list li img {display: none;padding:12px 0 0 35px;margin:0 auto -4px;}
.rank-list li.hover img {display: block;}

/*pic-txt-list*/
.pic-txt-list {margin-right: -28px;overflow: hidden;zoom: 1;}
.pic-txt-list .pic-txt {float: left;position: relative;background-color: #fff;}
.pic-txt-list .pic-txt .title {font-size: 16px;line-height: 26px;height: 52px;overflow: hidden;padding:15px 12px 13px;display: block;text-align: left;border-bottom: 2px solid #fff;}
.pic-txt-list .pic-txt a:hover .title {border-bottom-color:#249fda;}
.pic-txt-list .pic-txt .tag {position: absolute;top:10px;left: 10px;height: 24px;line-height: 24px; padding:0 10px;background-color: rgba(0,0,0,0.5);color: #fff;border-radius: 2px;filter: progid:DXImageTransform.Microsoft.Gradient(startColorStr=#62000000,endColorStr=#62000000);}

.title-alpha {width: 100%;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);}
a:hover .title-alpha {text-decoration: underline;}
:root .title-alpha {filter: progid:DXImageTransform.Microsoft.Gradient(startColorStr=#00000000,endColorStr=#00000000);}


.pics-list {}
.pics {position: relative;zoom:1;}
.pics:after {content: "\20";clear: both;height: 0;display: block;overflow: hidden}
.pics li {float: left;display: inline}

.pics-w195 {margin-right: -10px;}
.pics-w195 li {margin:20px 10px 0 0;}

.pics-5 {margin-top:-20px;}
.pics-5 li {margin:20px 0 -2px 17px;}
.pics-5 .pic-555 {margin:20px 1px 0 0;}

.pics-9 {}
.pics-9 li {margin:20px 0 -6px 16px;}
.pics-9 .pic-365 {margin:20px -1px 0 0;}

.pics-w173 {margin-right: -16px;}
.pics-w173 li {margin:20px 16px 0 0;}
.pics-w173 .mr-17 {margin-right: 17px;}


.pics-300 a {display: block;position: relative;}
.pics-300 .title {position: absolute;color: #fff;line-height: 24px;text-align: center;}
.pics-300 a {}
.pics-300 .title {bottom:10px;left:0;width: 100%;}
.pics-300 .icon-play {width: 56px;height: 56px;background-position: 0 -182px;position: absolute;top: 50%;left: 50%;margin: -28px 0 0 -28px;}
/*.pics-300 a img {opacity: 0.2;filter: alpha(opacity=20);}
.pics-300 a:hover img {opacity: 1;filter: alpha(opacity=100);}
.pics-300 a:hover .icon-play {display: block;}*/

.pics-300 a {margin-bottom: 20px;}


/*pic-news-list*/
.news-tag {border:1px solid #249fda;height:21px;line-height:21px;position:relative;display:inline-block;*display:inline;*zoom:1;z-index:3;}
.news-tag span {padding:0 5px;float:left;}
.news-tag .category {background-color:#249fda;color:#fff;}
.news-tag .channel {background-color:#fff;color:#249fda;}
.news-tag .gap {height:3px;width:1px;background-color:#fff;position:absolute;right:-1px;top:9px;}
.pic-news-list {margin-top: 20px;}
.pic-news-list .pic-news {text-align:left;padding-bottom:30px;border-bottom:1px dashed #e5e5e5;margin-bottom:30px;}
.pic-news-list .pic-news.last {padding-bottom:0;border-bottom:none;margin-bottom:0;}
.pic-news-list .pic-news {overflow:hidden;zoom:1;}
.pic-news-list .pic-news .pic {float:left;margin-right:20px;background-color:#000;width:200px;}
.pic-news-list .pic-news .news-txts {width:560px;float:left;}
.pic-news-list .pic-news .news-content {height: 96px; margin:5px 0 7px;*margin-top:15px;overflow: hidden;}
.pic-news-list .pic-news .news-content .title {margin:0 0 -1px;*margin-bottom:4px;}
.pic-news-list .pic-news .news-content .title a {font-size:18px;display:inline-block;height:24px;overflow:hidden;}
.pic-news-list .pic-news .news-content .summary {font-size:14px;line-height:22px;color:#999;height:66px;overflow:hidden;}
.pic-news-list .pic-news .news-info {height:12px;line-height:12px;overflow:hidden;color:#999;}
.pic-news-list .pic-news .news-info .sep {margin:0 10px;color: #e5e5e5;}
.pic-news-list .pic-news .news-info .cmts {float:right;height:12px;}
.pic-news-list .pic-news .news-info .cmts em {display:inline-block;vertical-align:top;}
.icon-cmt {width:13px;height:12px;margin-right:4px;display:inline-block;background-position:-57px -145px;}

.loading {margin-top:25px;display: none;}
.box.more-hidden {display: none;}
#JhiddenList .pic-news-list {margin-top: 0;}

/*pager*/
.pager {margin: 40px auto 50px;}
.pager a, .pager span {width: 39px;height: 39px;margin: 0 2px 0 3px;border:1px solid #ececec;background-color: #fff;color: #333;display: inline-block;line-height: 40px;}
.pager a:hover, .pager span {background-color: #249fda;color: #fff;}
.pager .prev, .pager .next {width: 39px;height: 39px;background-image: url(/www1/2016/intedevice/images/pager_bg.png);background-repeat: no-repeat;text-indent: -999em;}
.pager .prev {background-position: -40px 0;}
.pager .prev:hover {background-position: 0 0;}
.pager .next {background-position: -40px -40px;}
.pager .next:hover {background-position:0 -40px;}


.seo-links {padding: 11px 20px; line-height:32px; font-size:14px;background-color: #f8f8f8;overflow:hidden;zoom: 1;}
.seo-links a {float:left; margin-right:12px; word-break:break-all;white-space: nowrap;}

.qrc-fixed {width: 177px;height: 228px;background: url(/www1/2016/intedevice/vr/images/sprite.png) no-repeat -80px 0;position: fixed;left: 50%;top:300px;z-index: 9;margin-left: 570px;}
.qrc-fixed .icon-close {width:15px;height: 15px;background-position: -285px -250px;display: block;position: absolute; right: 0;top:-25px;cursor: pointer;}
.qrc-fixed .qrc-wrap {margin-top: 24px;font-size: 14px;line-height: 22px;}
.qrc-fixed .qrc-wrap img {border:4px solid #000;border-radius: 4px;margin-bottom: 6px;}

.guide {position: fixed;right:30px;bottom: 30px;z-index: 9;}
.guide-wrap {}
.guide-top {border:1px solid #d9d9d9;width: 44px;height: 44px;background-color: #fff;display: none;cursor: pointer;}
.guide-top i {width: 22px;height: 12px;margin:16px 11px;display: block;background-position: -22px -250px;vertical-align: top;}
.guide-top:hover i {background-position: -22px -263px;}
.guide-top-change .guide-top {display: inline-block;}

#JfixedSide {overflow: hidden;zoom: 1;margin-bottom: 0;}
.fixed-recommendbox {position: fixed;top:68px;margin-bottom: 200px;}
.fixed-recommendbox .special-hidden {display: none;}

.g-footer {clear:both;background-color: #f0f0f0;}
body .g-footer, body .g-footer a {color:#333;}  
.mark,.fl,.mark-sub,.fr {display: inline;}
.mark,.fl {float: left;}
.mark-sub,.fr {float: right;}
.fc-red, .fc-red a, a.fc-red:hover, .red, .price {color: #dd1515;}
.mt-36 {margin-top: 36px;}
.mr-17 {margin-right: 17px;}
.mb-30 {margin-bottom: 30px;}

.blk-img {display: block;position: relative;zoom:1;overflow: hidden;}



.ivy, .ivy-wrap {line-height:0;overflow: hidden;zoom: 1;}
.ivy-tl1 .ivy-wrap img,.ivy-tl1 .ivy-wrap iframe,.ivy-tl1 .ivy-wrap object,.ivy-tl1 .ivy-wrap embed{margin-bottom:5px;}
.ivy-tonglan {margin-top: 40px;clear: both;}
.ivy-tl1 {margin:0 0 25px 0;} 
.header {border-bottom:1px solid #e5e5e5;}

/*文章页*/
.box-article {margin-bottom:50px;}
.article {}
.article .art-toppic {}
.art-box {padding:0 10px;}
.article .art-hd {padding:25px 0;border-bottom:1px dashed #e5e5e5;}
.article .art-hd h1 {font-size:22px;line-height:30px;margin-bottom:10px;font-weight:normal;}
.article .art-hd .art-info {line-height:20px;color:#999;}

.article .art-bd {padding:10px 0;text-align:left;}

.art-info{line-height:0;color:#999;font-size:0;vertical-align:middle;}
.art-info span{display:inline-block;margin:0 7px;line-height:24px;font-size:12px;vertical-align:middle;position:relative;height:24px;}

/*文章内容*/
.content { line-height:30px;font-size:16px;}
.content table{*table-layout:fixed;}
.content .js3TB{table-layout:auto;}
.content img {max-width: 600px;}
.content p {margin:20px 0;overflow:visible;font:16px/30px "Microsoft Yahei";word-break:break-all;}
.content a { color:#333;}.content a:hover{ color:#dd1515}
.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:#dd1515}
.content p em{font-style:italic;}

.pageLast {margin:0 0 25px 0;}
.pconline_page{ height:28px;clear:both;text-align:center;font:14px/14px "Microsoft Yahei"; font-size:14px;}
.pconline_page span{margin:0 2px;padding:7px 10px 7px 10px;color:#fff;background:#249fda; display:inline-block}
.pconline_page a{padding:7px 10px 7px 10px;margin:0 2px 0 3px;color:#999;background:#f5f5f5;text-decoration:none; display:inline-block}
.pconline_page a:hover{color:#fff;text-decoration:underline; background-color:#249fda; text-decoration:none}
.pconline_page .prev,.pconline_page .next{background:url(/www1/2014/art/images/page.png) no-repeat #f5f5f5;border:none; font-size:14px}
.pconline_page .prev{background-position:0 0; padding:7px 10px 7px 20px}
.pconline_page .next{background-position:0 -29px; padding:7px 20px 7px 10px}
.pconline_page a:hover.prev{background-position:0 -58px}
.pconline_page a:hover.next{background-position:0 -87px;}
.pconline_page .viewAll { font-size:14px; padding:7px 10px 7px 10px;color:#999;font-family: "Microsoft Yahei"}
.pageTips{width:175px; height:22px; margin:-22px 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/2016/intedevice/vr/images/sprite_art.png) 0 -35px  no-repeat;}

.art_nav_box { padding:15px; border-bottom:1px dashed #ccc; border-top:1px dashed #ccc;margin:0 10px 25px;}
.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:#333;}
.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:#dd1515}
.art_nav_box .article_brief_tb .current_page { font-weight:bold; color:#c00}
.article_brief_tb .article_brief_pageNum{float:left;}
.article_brief_tb a{float:left;width:290px;height:30px;word-break:break-all;overflow: hidden;}

/* 标题下方工具栏 */
body .art-tools .at-btn {height:36px;line-height:36px;padding:0 20px 0 50px;border-radius:18px;background-color:#fff;color:#dd1515;margin-right:30px;}
body .art-tools .at-btn-clt, body .art-tools .at-btn-neg {display:none;}
body .art-tools .at-btn em {width:21px;height:19px;background:url(/www1/2016/intedevice/vr/images/sprite_art.png) no-repeat 0 0;top:8px;left:20px;}
body .art-tools .at-btn-pos {border:1px solid #dd1515;}
body .art-tools .at-btn-pos:hover {background-color:#fff;color:#dd1515;}
body .art-tools .at-btn-pos:hover em {background-position:-22px 0;background-color:#fff;}
body .art-tools .pc-share {width:auto;}
body .art-tools .at-btn-share {border:1px solid #7b2;color:#7b2;}
body .art-tools .at-btn-share em {width:16px;background-position:-66px 0;}
body .art-tools .at-btn-share:hover {background-color:transparent;color:#7b2;}
body .art-tools .pc-share .pc-share-wrap {top:37px;left:20px;}


/*标签*/
.label {padding-bottom:30px;}
.label span {float:left;}
.label .titHead{background:none;}
.label a.titHead:hover{background:none;color:#249fda;}
.label a, .label span {background:url(/www1/2016/intedevice/vr/images/sprite_art.png) no-repeat scroll -83px 0 #f4f4f4;color:#999;display:block;float:left;height:22px;line-height:22px;margin-right:5px;padding:0 6px 0 20px;}
.label a:hover {background:url(/www1/2016/intedevice/vr/images/sprite_art.png) no-repeat scroll -83px -22px #249fda;color:#fff;text-decoration:none;}

/*comment*/
.comment {padding-top:40px;border-top:1px dashed #e5e5e5;}
body .comment .cmtcontainer {border:none;}
body .comment .cmtarea {padding:0;padding-bottom:15px;background:#f9f9f9;}
body .comment .cmtarea-header {border-bottom: 1px solid #e5e5e5;margin-bottom:20px;height:36px;line-height:36px;*zoom:1;background:#fff;position:relative;}
body .comment .cmtarea-section,body .comment .cmtarea-footer {padding:0 10px;}
body .comment .cmtarea-account-login, .cmtarea-sendBtn {border-radius:3px;background:#999;}
body .comment .cmtarea-account-login {width:70px;}
body .comment .cmtarea-account-login:hover {background:#777;}
body .comment .cmtarea-sendBtn {background: #45494c;}
body .comment .cmtarea-sendBtn:hover {background:#249fda}
body .comment .cmtarea-section-content-avator {background:#fff;border-right:1px solid #e5e5e5}
body .comment .cmtarea-section-content {border:1px solid #e5e5e5}
body .comment .cmtList-detail-user {color: #249fda;}
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:#333;}
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;position:relative;}
body .comment .cmtfooter .cmtarea-cmtCount{line-height:40px;}
body .comment .cmtarea-header strong {color: #249fda;font:22px/36px Microsoft Yahei;border-bottom: 2px solid #249fda;position:absolute;left:0;bottom: -1px;z-index:1111;}
body .comment .cmtarea-header a, body .comment .cmtfooter a {color:#999;}
body .comment .cmtList-detail-tools a:hover {color:#249fda;}
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: #249fda;}
body .comment .cmtarea-header strong,body .comment .cmtDetail {font-weight:normal;}
.cmtList-detail-header a {color: #249fda;margin:0 10px;}
.cmtList-detail-header a:hover {color:#dd1515;}
body .comment .cmtarea-cmtCount{line-height:50px;}
body .comment .cmtList-detail-tools-share .shareH em{background-position:-51px -29px;}
body .comment .cmtList-detail-tools-vote em{color:#999}
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:#249fda;text-decoration:underline;}
body .comment .cmtList{}

body .comment .cmtHideTags {color:#333;}
body .comment .cmtHideTags strong {color:#249fda;}
body .cmtarea-account .regbut {background-color:#249fda;}
body .cmtarea-account-online a {color: #249fda;}
body .cmtarea-account-online a:hover {color: #dd1515;}
body .cmt-tags-icons i {color:#333;}