.color1 { color: #f33c32 !important; }

.color2 { color: #0c74d9 !important; }

.article-tit { line-height: 1; padding: 20px 0; position: relative; }
.article-tit:after { content: ''; background: #e8e8e8; width: 100%; height: 1px; position: absolute; top: 50%; left: 0; z-index: 1; }
.article-tit h1, .article-tit h2 { font-size: 24px; font-weight: bold; position: relative; display: inline-block; background-color: #fff; z-index: 2; padding-right: 10px; }
.article-tit h1:before, .article-tit h2:before { content: ''; width: 4px; height: 100%; position: absolute; left: -15px; }

.article { padding: 20px; }
.article h1 { font-size: 24px; text-align: center; }

.article-info { line-height: 24px; color: #999; padding-bottom: 8px; }
.article-info p { margin-right: 35px; float: left; font-size: 14px; }
.article-info a { color: #999; }
.article-info a:hover { color: #dd3635; }
.article-info span { color: #999; }

.top-share { color: #999; position: relative; }
.top-share:hover { color: #0c74d9; }
.top-share .share-icon:before { content: ''; display: inline-block; margin-right: 3px; vertical-align: -2px; }

.collection { color: #999; }
.collection:hover { color: #0c74d9 !important; }
.collection.active { color: #0c74d9 !important; }
.collection .icon { vertical-align: -2px; margin-right: 3px; }

.article-con { margin-top: 20px; }
.article-con p { line-height: 28px; font-size: 16px; color: #333; margin-bottom: 10px; }
.article-con a { color: #0c74d9; }
.article-con a.keylink { color: #0c74d9; border-bottom: 1px dotted #0c74d9; }
.article-con table { margin-bottom: 14px; margin-top: 12px; width: 100% !important; }
.article-con table tr td { padding: 5px; border-color: #ddd; line-height: 22px; font-size: 16px; color: #666; border: 1px solid #beccdb; }
.article-con table tr td p { margin-bottom: 0; }
.article-con .red-words { line-height: 32px; color: #f00; font-size: 16px; font-weight: 400; }
.article-con .tableBg { background: #f3f7f8; }
.article-con .tableBg td { font-weight: bold; color: #666; }

.left-img img { width: 890px; height: 90px; }

.left-img-lg img { width: 1200px; }

.article-link { border-top: 1px solid #e5e5e5; }
.article-link p { width: 50%; font-size: 14px; color: #666; float: left; line-height: 20px; overflow: hidden; box-sizing: border-box; height: 20px; margin-bottom: 0; }
.article-link p:first-child { padding-right: 15px; }
.article-link a { color: #666; }
.article-link a:hover { color: #dd3635; }

.hotVisa .list { border-bottom: 1px solid #e8e8e8; padding: 20px 0; }
.hotVisa .list:last-child { border-bottom: none; }
.hotVisa .list:hover { background-color: #fafdff; }
.hotVisa .list:after { content: ""; display: block; visibility: hidden; clear: both; height: 0; font-size: 0; }
.hotVisa .list .line { vertical-align: 1px; }
.hotVisa .list .left { float: left; margin-right: 12px; }
.hotVisa .list .left img { width: 90px; height: 80px; }
.hotVisa .list .mid { float: left; }
.hotVisa .list .mid .tit { font-size: 16px; font-weight: bold; margin-bottom: 8px; }
.hotVisa .list .mid .tit .icon { margin-left: 5px; }
.hotVisa .list .mid .info p { color: #666; max-width: 650px; height: 22px; line-height: 22px; overflow: hidden; }
.hotVisa .list .mid .info .line { color: #e7e7e7; margin: 0 3px; }
.hotVisa .list .right { float: right; text-align: right; }
.hotVisa .list .right .price { font-weight: bold; color: #f33c32; font-size: 18px; margin-bottom: 18px; }
.hotVisa .list .right .btn a { display: block; width: 92px; height: 34px; line-height: 34px; color: #fff; font-size: 16px; text-align: center; background-color: #f33c32; transition: all .2s; }
.hotVisa .list .right .btn a:hover { opacity: .9; }

.ques-tit { margin-bottom: 5px; }

.questions-part h1 { font-size: 20px; }

.ques-time { color: #666; font-size: 14px; margin-top: 8px; }
.ques-time span { margin-left: 15px; }
.ques-time a { color: #666; }
.ques-time a:hover { color: #dd3635; }

.icon-pro { width: 720px; }

.icon-pro:before, .icon-ans:before { content: ''; display: inline-block; vertical-align: -3px; margin-right: 5px; }

.ques-con { color: #666; line-height: 1.8; font-size: 16px; }
.ques-con p { text-indent: 2em; }
.ques-con.article-con { margin-top: 0; padding-bottom: 15px; }

.ques-reply { position: relative; }
.ques-reply .ques-time { position: absolute; right: 15px; top: 20px; font-size: 13px; color: #999; }
.ques-reply h1, .ques-reply h2, .ques-reply h3 { font-size: 20px; }

.ques-reply-con p { line-height: 1.8; }
.ques-reply-con.article-con { margin-top: 10px; }

.xx-list-con { width: 415px; }
.xx-list-con ul { padding: 10px 0; }
.xx-list-con li { height: 35px; line-height: 35px; overflow: hidden; }
.xx-list-con li:before { content: ''; width: 2px; height: 2px; background: #333; border-radius: 50%; display: inline-block; vertical-align: middle; margin-right: 5px; }

.art-download { padding: 20px 30px 30px; position: relative; }
.art-download:before { content: ''; height: 10px; width: 890px; background-color: #f6f6f6; position: absolute; bottom: 0; left: -20px; }
.art-download dl { float: left; }
.art-download dl dt { float: left; margin-right: 20px; }
.art-download dl dd { font-size: 16px; float: left; margin-right: 35px; margin-top: 10px; }
.art-download dl dd p { margin-top: 10px; }
.art-download dl dd p span { color: #666; }
.art-download .art-download-btn { margin-top: 30px; }
.art-download .art-download-btn a { display: inline-block; height: 40px; line-height: 40px; color: #f33c32; border: 1px solid #f33c32; border-radius: 3px; text-align: center; font-size: 20px; font-weight: bold; padding: 0 10px; }
.art-download .art-download-btn a:before { content: ''; display: inline-block; margin-right: 5px; vertical-align: -2px; }
.art-download .art-download-btn a:hover { color: #fff; background-color: #f33c32; }

.wp-title { font-size: 18px; padding: 10px 0 5px; border-bottom: 1px solid #f4f4f4; }
.wp-title em, .wp-title h1, .wp-title h2, .wp-title h3 { font-size: 18px; display: inline-block; font-weight: bold; font-style: normal; position: relative; }
.wp-title em:before, .wp-title h1:before, .wp-title h2:before, .wp-title h3:before { content: ''; width: 100%; height: 2px; background: #0c74d9; position: absolute; bottom: -6px; left: 0; }
.wp-title .js-hov-btn a { color: #333; }
.wp-title .js-hov-btn em:before, .wp-title .js-hov-btn h1:before, .wp-title .js-hov-btn h2:before, .wp-title .js-hov-btn h3:before { content: normal; }
.wp-title .js-hov-btn .active em:before, .wp-title .js-hov-btn .active h1:before, .wp-title .js-hov-btn .active h2:before, .wp-title .js-hov-btn .active h3:before { content: ''; }

.capScroll { width: 180px; position: absolute; background-color: #fff; box-sizing: border-box; left: 0; padding: 0 20px 20px 15px; }
.capScroll.capScroll-fixed { position: fixed; left: 50%; margin-left: -600px; top: 0; height: 100%; }
.capScroll .top { font-size: 0; }
.capScroll .top a { display: inline-block; width: 24px; height: 24px; line-height: 24px; box-sizing: border-box; border: 1px solid #ccd3e4; color: #1065c4; font-size: 16px; text-align: center; margin-right: 6px; margin-bottom: 6px; font-weight: bold; }
.capScroll .top a:nth-child(5n) { margin-right: 0; }
.capScroll .top a:hover { background-color: #f0f0f0; }
.capScroll .top a.active { background-color: #1065c4; color: #fff; }
.capScroll .top a.gray { color: #b2b2b2; cursor: default; }
.capScroll .top a.gray:hover { background-color: #fff; }
.capScroll .btm { border: 1px solid #e8e8e8; overflow: auto; margin-top: 6px; }
.capScroll .btm .item { padding-bottom: 15px; }
.capScroll .btm .tit { height: 30px; line-height: 30px; color: #1065c4; font-weight: bold; padding-left: 10px; background-color: #f4f4f4; font-size: 20px; }
.capScroll .btm li { height: 26px; line-height: 26px; overflow: hidden; margin-top: 15px; }
.capScroll .btm li img { width: 38px; height: 24px; margin-right: 6px; margin-left: 10px; border: 1px solid #f0f0f0; box-sizing: border-box; }

.capContent { /*margin-left: 165px; */}

.banner { height: 240px; overflow: hidden; position: relative; width: 690px; *z-index: -1; }
.banner li img { height: 240px; background: url(../images/loading.gif) center center no-repeat; display: inline-block; max-width: 100%; width: 100%; object-fit: cover;}

.tabTit { font-size: 18px; padding: 10px 0 5px; border-bottom: 1px solid #f4f4f4; }
.tabTit a { font-size: 18px; display: inline-block; font-weight: bold; font-style: normal; position: relative; width: 110px; text-align: center; color: #666; margin-right: 10px; }
.tabTit a.active { color: #333; }
.tabTit a.active:before { content: ''; width: 100%; height: 2px; background: #0c74d9; position: absolute; bottom: -6px; left: 0; }

.artList dl { padding: 18px 0 15px; border-bottom: 1px solid #f4f4f4; }
.artList dl:hover { background-color: #fafdff; }
.artList dl:after { content: ""; display: block; visibility: hidden; clear: both; height: 0; font-size: 0; }
.artList dt { float: left; margin-right: 15px; width: 170px; height: 110px; overflow: hidden; }
.artList dt img { width: 170px; height: 110px; transition: all .3s; }
.artList dt img:hover { transform: scale(1.2); opacity: .9; }
.artList .tit { font-size: 17px; font-weight: bold; height: 26px; line-height: 26px; overflow: hidden; }
.artList .intro { max-height: 44px; line-height: 22px; overflow: hidden; color: #666; margin: 10px 0 5px; }
.artList .time { color: #999; font-size: 12px; }
.artList .time em { margin-right: 20px; }
.artList .time em span { color: #f33c32; }

.artList .tagss {
margin-left: 5px;
    padding-left: 5px;
    font: 14px / 20px "微软雅黑";
    overflow: hidden;
}

.artList .see { color: #999; float: right; font-size: 12px; margin-top: 3px; }
.artList .see .icon { vertical-align: 0; margin-right: 3px; }
.artList .download { height: 26px; line-height: 28px; color: #f33c32; border: 1px solid #f33c32; text-align: center; font-size: 16px; float: right; margin-top: -3px; padding: 0 8px; }
.artList .download .icon { vertical-align: -2px; margin-right: 2px; }
.artList .download:hover { color: #fff; background-color: #f33c32; }

.askList li { padding: 15px 0; border-bottom: 1px solid #f4f4f4; }
.askList li:hover { background-color: #fafdff; }
.askList .con { position: relative; padding-left: 22px; }
.askList .con p { overflow: hidden; }
.askList .ques { margin: 0 0 8px; }
.askList .ques p { white-space: nowrap; text-overflow: ellipsis; position: relative; font-weight: bold; font-size: 16px; }
.askList .anw p { color: #666; font-size: 14px; height: 44px; overflow: hidden; }
.askList .tag { position: absolute; width: 16px; height: 16px; line-height: 16px; color: #fff; font-size: 12px; text-align: center; left: 0; top: 4px; text-align: center; }
.askList .ques .tag { background: #ff7029; }
.askList .anw .tag { background: #2091eb; }
.askList .time { font-size: 12px; color: #999; margin-left: 22px; }
.askList .see { float: right; font-size: 12px; color: #999; margin-top: 3px; }
.askList .see .icon { vertical-align: 0; margin-right: 3px; }