@charset "UTF-8";
body { min-width: 320px; font-size: 14px; line-height: 1.5; color: #333; -webkit-tap-highlight-color: transparent }
.sr-only { position: absolute !important; clip: rect(1px 1px 1px 1px); clip: rect(1px,1px,1px,1px); padding: 0 !important; border: 0 !important; height: 1px !important; width: 1px !important; overflow: hidden }
.blog-inner { margin: 0 auto; padding: 0 10px; max-width: 1200px; box-sizing: border-box }
.blog-wrap .link { color: #2277da }
.blog-wrap .link:hover { text-decoration: underline }
.qc-grids.with-slot { margin: 0 -10px }
[class*=" tci-"], [class^=tci-] { display: inline-block; width: 16px; height: 16px; vertical-align: -3px; background-repeat: no-repeat }
.tci-clock { background-image: url(../images/blog-20170109-svg.png); background-image: -webkit-image-set(url(../images/blog-20170109-svg.png)1x, url(../images/blog-20170109.svg) 2x); background-position: 56.060606060606055% 70.3125%; background-size: 512.5% 500%; }
.tci-eye { background-image: url(../images/blog-20170109-svg.png); background-image: -webkit-image-set(url(../images/blog-20170109-svg.png)1x, url(../images/blog-20170109.svg) 2x); background-position: 68.18181818181817% 32.8125%; background-size: 512.5% 500%; }
.tci-attachment { width: 16px; height: 16px; background-image: url(../images/blog-20170109-svg.png); background-image: -webkit-image-set(url(../images/blog-20170109-svg.png)1x, url(../images/blog-20170109.svg) 2x); background-position: 28.78787878787879% 70.3125%; background-size: 512.5% 500%; }
.tci-qq { width: 20px; height: 20px; background-image: url(../images/blog-20170109-svg.png); background-image: -webkit-image-set(url(../images/blog-20170109-svg.png)1x, url(../images/blog-20170109.svg) 2x); background-position: 37.096774193548384% 38.333333333333336%; background-size: 409.99999999999994% 400%; }
.tci-qzone { width: 20px; height: 20px; background-image: url(../images/blog-20170109-svg.png); background-image: -webkit-image-set(url(../images/blog-20170109-svg.png)1x, url(../images/blog-20170109.svg) 2x); background-position: 1.6129032258064515% 1.6666666666666667%; background-size: 409.99999999999994% 400%; }
.tci-wechat { width: 20px; height: 20px; background-image: url(../images/blog-20170109-svg.png); background-image: -webkit-image-set(url(../images/blog-20170109-svg.png)1x, url(../images/blog-20170109.svg) 2x); background-position: 1.6129032258064515% 38.333333333333336%; background-size: 409.99999999999994% 400%; }
.tci-dialog { background-image: url(../images/blog-20170109-svg.png); background-image: -webkit-image-set(url(../images/blog-20170109-svg.png)1x, url(../images/blog-20170109.svg) 2x); background-position: 1.5151515151515151% 70.3125%; background-size: 512.5% 500%; }
.tc-btn { display: inline-block; box-sizing: border-box; padding: 0 20px; min-width: 102px; height: 32px; border: 1px solid #2277da; border-radius: 3px; background: #fff; text-align: center; font-size: 14px; line-height: 30px; color: #2277da; cursor: pointer; -webkit-transition: .2s ease background; transition: .2s ease background }
.tc-btn:active, .tc-btn:hover { background: #116ddd; color: #fff }
.tc-btn.disabled { border-color: #d5d5d5; background: #e8e8e8; color: #a2a2a2; cursor: default }
.tc-btn-primary { background: #2277da; color: #fff }
.tc-btn-primary:active, .tc-btn-primary:hover { background: #116ddd; border-color: #116ddd }
.tc-radio[type=radio] { width: 16px; height: 16px; cursor: pointer; vertical-align: middle; outline: 0; background: 0 0\9; background-image: url(../images/blog-20170109.png); -webkit-appearance: none; background-position: 0px 0px }
.tc-radio[type=radio]:focus, .tc-radio[type=radio]:hover { background-image: url(../images/blog-20170109.png); background-position: -18px 0px }
.tc-radio[type=radio]:checked { background-image: url(../images/blog-20170109.png); background-position: 0px -18px }
.tc-radio[type=radio]:checked:hover { background-image: url(../images/blog-20170109.png); background-position: -18px -18px }
.tc-radio[type=radio]:checked:focus { background-image: url(../images/blog-20170109.png); background-position: -36px 0px }
.tc-radio[type=radio][disabled] { background-image: url(../images/blog-20170109.png); background-position: -36px -18px }
.tc-radio[type=radio][disabled]:checked { background-image: url(../images/blog-20170109.png); background-position: 0px -36px }
.form-ctrl-label.disabled, .tc-radio-wrap.disabled, .tc-radio[disabled], .tc-radio[disabled]+label { cursor: default; cursor: not-allowed }
.form-ctrl-label { display: block; margin-bottom: 20px }
.form-ctrl-label .tc-radio { position: relative; top: -2px; margin-right: 10px }
.tc-input-text { box-sizing: border-box; font-size: 14px; line-height: 20px; width: 100%; display: inline-block; padding: 5px 10px; border: 1px solid #d1d2d3; border-radius: 2px; color: #171d25; vertical-align: middle }
.tc-input-text::-ms-clear {
display:none
}
.tc-input-text:focus, .tc-input-text:hover { border-color: #2277da; outline: 0 }
.blog-dialog-mask { position: fixed; left: 0; top: 0; z-index: 1999; width: 100%; height: 100%; background: #000; opacity: .5; filter: alpha(opacity=50) }
.blog-dialog { position: fixed; z-index: 2000; width: 520px; border: 1px solid #dadde0; background: #fff; text-align: left }
.blog-dialog .dialog-hd { border-bottom: 1px solid #dadde0; height: 51px; line-height: 51px; overflow: hidden }
.blog-dialog .dialog-hd .title { float: left; margin-left: 20px; font-size: 16px; color: #171d25; font-weight: 400 }
.blog-dialog .dialog-hd .close { float: right; width: 51px; font-size: 0; text-align: center }
.blog-dialog .dialog-hd .close:before { content: ''; display: inline-block; vertical-align: middle; width: 11px; height: 12px; background-image: url(../images/blog-20170109.png); background-repeat: no-repeat; background-position: -18px -36px }
.blog-dialog .dialog-hd .close:hover:before { background-image: url(../images/blog-20170109.png); background-position: -31px -36px }
.blog-dialog .dialog-bd { padding: 20px }
.blog-dialog .dialog-ft { padding: 15px 0; border-top: 1px solid #e5eaee; background: #f0f4f7; text-align: center; font-size: 0 }
.blog-dialog .dialog-ft .tc-btn { margin: 0 5px; padding: 0 30px; width: auto; height: 35px; line-height: 33px; border-color: #d1d2d3 }
.blog-dialog .dialog-ft .tc-btn:active, .blog-dialog .dialog-ft .tc-btn:hover { background: #fff; color: #1e80e3 }
.blog-dialog .dialog-ft .tc-btn-primary { border-color: #2277da; background: #2277da }
.blog-dialog .dialog-ft .tc-btn-primary:active, .blog-dialog .dialog-ft .tc-btn-primary:hover { border-color: #006cc3; background: #006cc3; color: #fff }
.blog-dialog .dialog-ft .tc-btn-primary.disabled { border-color: #d5d5d5; background: #e8e8e8; color: #a2a2a2; cursor: default }
.blog-dialog.result-dialog { width: 480px }
.blog-dialog.result-dialog .dialog-hd { border-bottom: none }
.blog-dialog.result-dialog .dialog-bd { padding: 30px 60px 60px }
.blog-header { margin: 0 auto 40px; box-sizing: border-box; padding-top: 42px; min-width: 320px; height: 170px; text-align: center }
.blog-header .title { margin-bottom: 8px; font-size: 34px; font-weight: 400 }
.blog-header .title a { color: inherit }
.blog-header .title a:hover { text-decoration: none }
.blog-header p { font-size: 16px }
.blog-dialog-result h4 { margin-bottom: 5px; font-size: 20px; font-weight: 400 }
.blog-dialog-result p { line-height: 2 }
.blog-main>.qc-grids { background: #fff }
.blog-main .main-content { padding: 0 50px 40px 0; font-size: 14px }
.blog-main .main-content .unit-box { margin-right: 30px; border-right: 1px solid #e4e9f0; padding-right: 50px }
.blog-main .content-title { margin-bottom: 35px; font-size: 18px; font-weight: 400; line-height: 1.1; color: #999 }
.blog-main .main-sidebar { margin-left: -1px; padding: 0 0 40px; font-size: 14px }
.main-sidebar .nav-cur { display: none }
.sidebar-nav { margin-bottom: 20px }
.sidebar-nav a { position: relative; display: block; padding: 5px 0 5px 13px; color: #666 }
.sidebar-nav a:hover { color: #2277da; text-decoration: none }
.sidebar-nav a.active { color: #2277da }
.sidebar-nav a.active:before { content: ''; position: absolute; left: 0; top: 8px; width: 3px; height: 13px; background: #2277da }
.sidebar-nav .nav-title { padding: 5px 0 5px 13px; font-weight: 400; color: #999 }
.sidebar-nav .num { color: #999 }
.article-item { margin-bottom: 35px; padding-bottom: 40px; border-bottom: 1px solid #e1e8f0 }
.article-item .title { margin-bottom: 22px; font-size: 18px; font-weight: 400 }
.article-item .title a { color: #333 }
.article-item .title a:hover { color: #2277da; text-decoration: none }
.article-item .title .tag { position: relative; top: -1px; box-sizing: border-box; display: inline-block; width: 18px; height: 18px; vertical-align: middle; margin-left: 5px; font-size: 0; background-repeat: no-repeat; background-image: url(../images/blog-20170109-svg.png); background-image: -webkit-image-set(url(../images/blog-20170109-svg.png)1x, url(../images/blog-20170109.svg) 2x); background-position: 70.3125% 1.6129032258064515%; background-size: 455.55555555555554% 444.44444444444446%; }
.article-item .name-tags { margin-bottom: 22px; font-size: 12px; color: #999 }
.article-item .name-tags a { color: #999 }
.article-item .name-tags a:hover { color: #2277da; text-decoration: none }
.article-item .name-tags .name { margin-right: 30px }
.article-item .tags a { white-space: nowrap }
.article-item .summary { max-height: 72px; color: #666; line-height: 24px; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 3; -webkit-box-orient: vertical }
.article-item .footer { margin-top: 20px }
.article-item .ft-item { margin-right: 30px; font-size: 12px; color: #999 }
.article-item .ft-item [class*=" tci-"], .article-item .ft-item [class^=tci-] { margin-right: 10px }
.blog-pages { text-align: center; font-size: 0 }
.blog-pages .item { display: inline-block; box-sizing: border-box; margin: 0 5px; padding: 0 5px; min-width: 35px; height: 35px; border: 1px solid #ddd; font-size: 14px; line-height: 33px; color: #999; text-align: center }
.blog-pages .item:hover { color: #2b2b2b; border-color: #999; text-decoration: none }
.blog-pages .disabled, .blog-pages .disabled:hover { color: #999; border-color: #ddd; cursor: default; display: none }
.blog-pages .cur, .blog-pages .dot { display: inline-block; margin: 0 12px; font-size: 14px; color: #333 }
.blog-pages .cur { font-weight: 700 }
.blog-pages .next, .blog-pages .prev { padding: 0 9px }
.qc-wrapper { max-width: 1200px; min-width: 320px; margin-right: auto; margin-left: auto }
.qc-grids { font-size: 0 }
.qc-grids [class*=qc-unit] { display: inline-block; zoom: 1; letter-spacing: normal; word-spacing: normal; vertical-align: top; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box }
.ct-slot { margin-left: 10px; margin-right: 10px }
.qc-grids.with-slot [class*=qc-unit] { padding-left: 10px; padding-right: 10px }
.qc-unit-1-24 { width: 4.1667% }
.qc-unit-1-12, .qc-unit-2-24 { width: 8.3333% }
.qc-unit-1-8, .qc-unit-3-24 { width: 12.5% }
.qc-unit-1-6, .qc-unit-4-24 { width: 16.6667% }
.qc-unit-5-24 { width: 20.8333% }
.qc-unit-1-4, .qc-unit-6-24 { width: 25% }
.qc-unit-7-24 { width: 29.1667% }
.qc-unit-1-3, .qc-unit-8-24 { width: 33.3333% }
.qc-unit-9-24 { width: 37.5% }
.qc-unit-10-24 { width: 41.6667% }
.qc-unit-11-24 { width: 45.8333% }
.qc-unit-1-2, .qc-unit-12-24 { width: 50% }
.qc-unit-13-24 { width: 54.1667% }
.qc-unit-14-24 { width: 58.3333% }
.qc-unit-15-24 { width: 62.5% }
.qc-unit-16-24 { width: 66.6667% }
.qc-unit-17-24 { width: 70.8333% }
.qc-unit-18-24 { width: 75% }
.qc-unit-19-24 { width: 79.1667% }
.qc-unit-20-24 { width: 83.3333% }
.qc-unit-21-24 { width: 87.5% }
.qc-unit-22-24 { width: 91.6667% }
.qc-unit-23-24 { width: 95.8333% }
.qc-unit-1-1, .qc-unit-24-24, .qc-unit-5-5 { width: 100% }
.qc-unit-1-5 { width: 20% }
.qc-unit-2-5 { width: 40% }
.qc-unit-3-5 { width: 60% }
.qc-unit-4-5 { width: 80% }
.hidden { display: none }
.blog-banner { margin-bottom: 40px }
.banner-content:after, .banner-content:before { content: ''; display: table }
.banner-content:after { clear: both }
.banner-content a { display: block; position: relative; padding-top: 42.10526316%; color: #fff }
.banner-content .title { position: absolute; left: 5.263157895%; top: 50%; margin-top: -30px; width: 185px; font-size: 20px; font-weight: 400; line-height: 30px; overflow: hidden; max-height: 90px; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 3; -webkit-box-orient: vertical }
.banner-content .img { position: absolute; right: 0; top: 10%; width: 50% }
.banner-dot { display: none }
.blog-subscribe { margin-top: 32px; padding: 35px 13px 0; border-top: 1px solid #e4e9f0 }
.blog-subscribe p { line-height: 1.7; color: #666 }
.blog-subscribe .link { margin-left: 10px }
.blog-subscribe .tc-btn { margin-top: 15px; width: 90px; height: 35px; border: none; background: #2277da; font-size: 14px; line-height: 35px; text-align: center; color: #fff }
.blog-subscribe .tc-btn:hover { background: #006cc3 }
.blog-subscribe .email { box-sizing: border-box; display: block; margin-top: 15px; padding: 5px 9px; width: 100%; height: 45px; border: 1px solid #d1d2d4; border-radius: 2px; line-height: 33px; color: #333; font-size: 14px }
.blog-subscribe .email:focus { outline: 0 }
.blog-subscribe .input-help { font-size: 14px; padding-top: 5px }
.blog-subscribe .input-help.error { color: red }
.write-blog { text-align: center; padding-top: 40px; margin-top: 40px; border-top: 1px solid #d7d7d7 }
.write-blog .title { font-size: 18px; color: #333; margin-bottom: 40px; display: block }
.write-blog .title:hover { color: #2277da }
.write-blog .text { font-size: 14px; margin-bottom: 40px; color: #666 }
.write-blog .tc-btn { width: 200px; background-color: #2277da; color: #fff; height: 35px; line-height: 35px }
.write-blog .tc-btn:hover { background: #006cc3 }
.write-blog .tc-btn.tc-btn-ing { background: #fff; color: #2277da; border: 1px dashed #2277da; position: relative }
.write-blog .tc-btn.tc-btn-ing:hover { cursor: default }
.tc-15-bubble { position: absolute; color: #404A58 }
.tc-15-bubble .tc-15-bubble-inner:after, .tc-15-bubble .tc-15-bubble-inner:before { font-size: 0; position: absolute; width: 0; height: 0; content: ''; border: 8px dashed transparent }
.tc-15-bubble .tc-15-bubble-inner:after { border: 7px dashed transparent }
.tc-15-bubble-inner { font-size: 12px; -moz-box-sizing: border-box; box-sizing: border-box; padding: 8px 10px; border: 1px solid #b3b7bf; border-radius: 2px; background-color: #fff; line-height: 1.6; box-shadow: 1px 1px 3px rgba(0,0,0,.15); position: static !important; left: 50%; top: 50% }
.tc-15-bubble-top .tc-15-bubble-inner:after, .tc-15-bubble-top .tc-15-bubble-inner:before { bottom: 100%; left: inherit; right: inherit; margin-bottom: -1px; border-bottom-style: solid }
.tc-15-bubble-top .tc-15-bubble-inner:before { margin-left: -8px; border-bottom-color: #b3b7bf }
.tc-15-bubble-top .tc-15-bubble-inner:after { margin-left: -7px; border-bottom-color: #fff }
.write-blog .tc-15-bubble { margin: 15px 5px; left: 40px; white-space: nowrap }
.team { margin-top: 10px; margin-bottom: 20px }
.team .team-info { margin-top: 5px }
.team .team-icon { float: left; max-width: 60px; margin-right: 20px }
.team .team-icon .team-img { border: 1px solid #e4e9f0; width: 59px; height: 59px }
.team .team-info .title { margin-bottom: 10px; color: #333 }
.team .team-info .article { font-size: 12px; color: #666 }
.team .team-info .article .icon { display: inline-block; width: 20px; height: 20px; background-image: url(../images/blog-20170109-svg.png); background-image: -webkit-image-set(url(../images/blog-20170109-svg.png)1x, url(../images/blog-20170109.svg) 2x); vertical-align: middle; background-position: 37.096774193548384% 1.6666666666666667%; background-size: 409.99999999999994% 400%; }
.team .team-info .article .num { display: inline-block; vertical-align: middle; margin-left: 5px }
.team:hover .team-info .title { color: #2277da }
.team:hover .team-info .article { color: #666 }
.tc-pagination-wrap { font-size: 0; margin: 30px 0; text-align: center }
.pagination-pages li.pagination-next.last-page, .pagination-pages li.pagination-pre.first-page { display: none }
.pagination-pages li { display: inline-block; margin-left: 10px }
.pagination-pages li>a { display: block; width: 35px; height: 35px; line-height: 35px; font-size: 14px; color: #666; text-align: center; border: 1px solid #ddd; box-sizing: border-box }
.pagination-pages li:first-child { margin-left: 0 }
.pagination-pages li>a:hover { color: #2b2b2b; border: 1px solid #999 }
.pagination-pages li.current>a { border: none; color: #333; font-weight: 700; cursor: default }
.pagination-pages li.disabled>a { border: none; color: #666; cursor: default }
.pagination-pages li.pagination-next>a, .pagination-pages li.pagination-pre>a { width: auto }
.pagination-pages li.pagination-pre>a { padding: 0 6px 0 2px }
.pagination-pages li.pagination-next>a { padding: 0 2px 0 6px }
.pagination-pages li.pagination-next>a span { position: relative; left: 4px }
.pagination-pages li.pagination-pre>a span { position: relative; right: 4px }
.pagination-pages li.pagination-next>a i, .pagination-pages li.pagination-pre>a i { position: relative; display: inline-block; width: 16px; height: 16px; top: 3px }
.pagination-pages li.pagination-pre>a i { background-image: url(../images/blog-20170109-svg.png); background-image: -webkit-image-set(url(../images/blog-20170109-svg.png)1x, url(../images/blog-20170109.svg) 2x); background-position: 98.48484848484848% 1.5625%; background-size: 512.5% 500%; }
.pagination-pages li.pagination-next>a i { background-image: url(../images/blog-20170109-svg.png); background-image: -webkit-image-set(url(../images/blog-20170109-svg.png)1x, url(../images/blog-20170109.svg) 2x); background-position: 98.48484848484848% 57.8125%; background-size: 512.5% 500%; }
.pagination-pages li.pagination-pre>a:hover i { background-image: url(../images/blog-20170109-svg.png); background-image: -webkit-image-set(url(../images/blog-20170109-svg.png)1x, url(../images/blog-20170109.svg) 2x); background-position: 98.48484848484848% 29.6875%; background-size: 512.5% 500%; }
.pagination-pages li.pagination-next>a:hover i { background-image: url(../images/blog-20170109-svg.png); background-image: -webkit-image-set(url(../images/blog-20170109-svg.png)1x, url(../images/blog-20170109.svg) 2x); background-position: 1.5151515151515151% 98.4375%; background-size: 512.5% 500%; }

@media screen and (max-width:1130px) and (min-width:769px) {
.blog-pages .item { margin: 0 3px; padding: 0 6px; min-width: 31px; height: 31px; line-height: 29px }
}

@media screen and (min-width:769px) {
.blog-header, .blog-inner { min-width: 1000px }
}

@media screen and (max-width:768px) {
body { background: #fff }
.qc-grids.with-slot { margin: 0 }
/*.blog-header { display: none }*/
.blog-header .title { margin-bottom: 8px; font-size: 24px; font-weight: 400 }
.blog-main { margin-bottom: 0; padding: 91px 0 0; border-top: 1px solid #ededed; position: relative }
.blog-main .main-sidebar { width: 100% }
.blog-main .main-sidebar .side-nav-wrap { position: absolute; left: 0; top: 0; z-index: 99; margin: 0; padding: 0 0 40px; width: 100%; min-height: 51px; border-left: 0; background: #fff }
.blog-main .main-content, .blog-main .main-content.qc-grids.with-slot [class*=qc-unit] { padding-bottom: 25px; padding-right: 0; padding-left: 0 }
.blog-main .main-content .unit-box { margin-right: 0; border-right: none; padding-right: 0;  }
.blog-main .content-title, .blog-main .nav-wrap { display: none }
.blog-main .active .nav-wrap { display: block; position: absolute; left: 0; right: 0; top: 51px; bottom: 0; overflow: auto; -webkit-overflow-scrolling: touch }
.blog-main .active.side-nav-wrap { position: fixed; z-index: 999; height: 100%; box-sizing: border-box }
.blog-main .active .nav-cur>span:after { transform: rotate3d(0, 0, 1, 180deg) }
.main-sidebar .nav-cur { display: block; padding: 0 20px;font-size: 16px; border-bottom: 1px solid #ededed; height: 50px; line-height: 50px; font-weight: 400 }
.main-sidebar .nav-cur>span { position: relative; box-sizing: border-box; padding-right: 22px; max-width: 100%; overflow: hidden; text-overflow: ellipsis; white-space: nowrap }
.main-sidebar .nav-cur>span:after { content: ''; position: absolute; right: 0; top: 50%; margin-top: -3px; width: 11px; height: 6px; background-repeat: no-repeat; background-image: url(../images/blog-media3-20170109.png); transition: transform .3s ease-in-out; background-position: 0px 0px }
.sidebar-nav { margin-bottom: 0; border-bottom: 1px solid #ededed }
.sidebar-nav .nav-title { padding: 0 30px; height: 40px; line-height: 40px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap }
.sidebar-nav a { padding: 0 30px; height: 50px; line-height: 50px; border-top: 1px solid #ededed; overflow: hidden; text-overflow: ellipsis; white-space: nowrap }
.sidebar-nav a.active:before { display: none }
.sidebar-nav a:active { background: #f1f1f1 }
.blog-pages { position: relative; margin: -13px 0 0; line-height: 45px }
.blog-pages .dot, .blog-pages .item { display: none; height: auto }
.blog-pages .next, .blog-pages .prev { display: block; position: absolute; top: 0; left: 0; margin: 0; border: none; padding: 0; color: #2277da; font-size: 18px; line-height: inherit }
.blog-pages .disabled, .blog-pages .disabled:hover { display: block; color: #999 }
.blog-pages .next { left: auto; right: 0; padding-right: 0; padding-left: 10px }
.blog-pages .cur { font-weight: 400; font-size: 18px; vertical-align: middle }
.blog-pages .cur:before { content: '第'; margin-right: 5px }
.blog-pages .cur:after { content: '页'; margin-left: 5px }
}

@media screen and (max-width:480px) {
.blog-dialog { width: 295px }
.blog-dialog .dialog-hd .title { float: none; margin-left: 0; text-align: center }
.blog-dialog .dialog-hd .close { display: none }
.blog-dialog .dialog-ft { display: table; width: 100%; padding: 0; background: 0 0; table-layout: fixed }
.blog-dialog .dialog-ft .tc-btn { display: table-cell; width: auto; border: none; border-left: 1px solid #dadde0; background: #fff; line-height: 45px; font-size: 16px; border-radius: 0; color: #333 }
.blog-dialog .dialog-ft .tc-btn:first-child { border-left: none }
.blog-dialog .dialog-ft .tc-btn:active { color: #333 }
.blog-dialog .dialog-ft .tc-btn-primary { color: #2277da }
.blog-dialog .dialog-ft .tc-btn-primary:active { background: #fff; color: #2277da }
.blog-dialog.result-dialog { width: 295px }
.blog-dialog.result-dialog .dialog-hd { display: none }
.blog-dialog.result-dialog .dialog-bd { padding: 20px }
.blog-dialog-result h4 { text-align: center; font-size: 16px }
.blog-dialog-result p { line-height: 1.6 }
.article-item { margin-bottom: 22px; padding-bottom: 22px }
.article-item .title { margin-bottom: 13px; font-size: 16px; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical }
.article-item .name-tags { margin-bottom: 15px }
.article-item .summary { max-height: 63px; line-height: 21px }
.article-item .footer { margin-top: 16px }
.article-item .ft-item { margin-right: 20px }
.article-item .ft-item [class*=" tci-"], .article-item .ft-item [class^=tci-] { margin-right: 6px }
.blog-pages { margin-top: -6px; line-height: 33px }
.blog-pages .cur, .blog-pages .next, .blog-pages .prev { font-size: 14px }
}

@media screen and (max-width:768px) {
.qc-unit-md-1-3 { width: 33.3333% }
.qc-unit-md-2-3 { width: 66.6667% }
.qc-unit-md-1-4 { width: 25% }
.qc-unit-md-1-2, .qc-unit-md-2-4 { width: 100% }
.qc-unit-md-3-4 { width: 75% }
.qc-unit-md-1-1, .qc-unit-md-3-3, .qc-unit-md-4-4, .qc-unit-md-5-5 { width: 100% }
.qc-unit-md-1-5 { width: 20% }
.qc-unit-md-2-5 { width: 40% }
.qc-unit-md-3-5 { width: 60% }
.qc-unit-md-4-5 { width: 80% }
.hidden-md { display: none }
.visible-md-block { display: block }
.visible-md-inline-block { display: inline-block }
.visible-md-inline { display: inline }
}

@media screen and (max-width:480px) {
.qc-unit-sm-1-3 { width: 33.3333% }
.qc-unit-sm-2-3 { width: 66.6667% }
.qc-unit-sm-1-2 { width: 50% }
.qc-unit-sm-1-1, .qc-unit-sm-2-2, .qc-unit-sm-3-3 { width: 100% }
.hidden-sm { display: none }
.visible-sm-block { display: block }
.visible-sm-inline-block { display: inline-block }
.visible-sm-inline { display: inline }
}

@media screen and (min-width:769px) {
.blog-main>.qc-grids { min-width: 980px }
}

@media screen and (max-width:768px) {
.blog-banner { position: relative; margin-bottom: 0; padding: 0; overflow: hidden }
.banner-content .banner-item { display: none; padding: 0; width: 100% }
.banner-content .banner-item.active { display: inline-block; padding-left: 0; padding-right: 0 }
.banner-content a { padding-top: 33.33333333% }
.banner-content .title { left: 5.208333333%; margin-top: -42px; width: 305px; font-size: 34px; line-height: 42px; max-height: 126px }
.banner-content .img { top: 0; height: 100%; width: auto }
.banner-dot { display: block; position: absolute; left: 0; bottom: 10px; width: 100%; text-align: center; font-size: 0 }
.banner-dot li { display: inline-block; margin: 0 3px; width: 14px; height: 4px; background: #fff; opacity: .5; transition: opacity .3s linear }
.banner-dot li.active { opacity: 1 }
.write-blog { display: none }
.blog-subscribe { padding: 0 0 0 30px; display: inline-block; border-top: none; margin-top: 50px }
.blog-main .main-sidebar { background-color: #f2f2f2 }
.blog-subscribe p { color: #333 }
.team-list { width: 50%; float: left; border-right: 1px solid #dfdfdf; margin-top: 40px }
.sidebar-nav .team { height: auto; line-height: inherit; overflow: auto }
.team-list .nav-title { color: #333 }
}

@media screen and (max-width:600px) {
.team-list { width: 100%; border-right: none; border-bottom: 1px solid #dfdfdf }
.blog-subscribe { margin-top: 20px }
}

@media screen and (max-width:480px) {
.banner-content a { padding-top: 42.13333333% }
.banner-content .title { left: 7.333333333%; margin-top: -30px; width: 160px; font-size: 18px; line-height: 30px; max-height: 90px }
.banner-content .img { top: 8.860759494%; width: 53.06122449%; height: auto }
.blog-main .main-content { padding-bottom: 12px }
}

@media only screen and (max-width:768px) {
.pagination-pages { margin: 30px 0; position: relative }
.pagination-pages li { display: none; margin-left: 0 }
.pagination-pages li.current>a { font-weight: 400 }
.pagination-pages li.current, .pagination-pages li.pagination-next, .pagination-pages li.pagination-next.last-page, .pagination-pages li.pagination-pre, .pagination-pages li.pagination-pre.first-page { display: inline-block }
.tc-pagination-wrap { margin: 0 30px }
.pagination-pages li a { height: initial; line-height: 24px; font-size: 18px }
.pagination-pages li.current a { width: 100%; padding: 10px 0 }
.pagination-pages li.current a:before { content: "第"; margin-right: 5px }
.pagination-pages li.current a:after { content: "页"; margin-left: 5px }
.pagination-pages li.pagination-next, .pagination-pages li.pagination-pre { position: absolute; top: 0 }
.pagination-pages li.pagination-next { right: 0 }
.pagination-pages li.pagination-pre { left: 0 }
.pagination-pages li.pagination-next>a { padding: 10px 0 10px 10px }
.pagination-pages li.pagination-pre>a { padding: 10px 10px 10px 0 }
.pagination-pages li.pagination-next>a, .pagination-pages li.pagination-pre>a { color: #2277da; border: none }
.pagination-pages li.first-page.disabled, .pagination-pages li.last-page.disabled { -webkit-tap-highlight-color: transparent }
.pagination-pages li.first-page.disabled>a, .pagination-pages li.last-page.disabled>a { color: #999 }
.pagination-pages li.pagination-next>a i, .pagination-pages li.pagination-pre>a i { top: 1px }
.pagination-pages li.pagination-pre>a i, .pagination-pages li.pagination-pre>a i:hover { background-image: url(../images/blog-media11-20170109-svg.png); background-image: -webkit-image-set(url(../images/blog-media11-20170109-svg.png)1x, url(../images/blog-media11-20170109.svg) 2x); background-position: 5% 5%; background-size: 225% 225%; }
.pagination-pages li.pagination-next>a i, .pagination-pages li.pagination-next>a i:hover { background-image: url(../images/blog-media11-20170109-svg.png); background-image: -webkit-image-set(url(../images/blog-media11-20170109-svg.png)1x, url(../images/blog-media11-20170109.svg) 2x); background-position: 5% 95%; background-size: 225% 225%; }
.pagination-pages li.first-page.disabled>a i, .pagination-pages li.first-page.disabled>a i:hover { background-image: url(../images/blog-media11-20170109-svg.png); background-image: -webkit-image-set(url(../images/blog-media11-20170109-svg.png)1x, url(../images/blog-media11-20170109.svg) 2x); background-position: 95% 5%; background-size: 225% 225%; }
.pagination-pages li.last-page.disabled>a i, .pagination-pages li.last-page.disabled>a i:hover { background-image: url(../images/blog-media11-20170109-svg.png); background-image: -webkit-image-set(url(../images/blog-media11-20170109-svg.png)1x, url(../images/blog-media11-20170109.svg) 2x); background-position: 95% 95%; background-size: 225% 225%; }
}

@media only screen and (max-width:414px) {
.pagination-pages { margin: 15px 0; height: 32px; line-height: 32px }
.pagination-pages li.current { position: relative; top: 3px }
.tc-pagination-wrap { margin: 0 27px }
.pagination-pages li a { height: initial; line-height: 16px; font-size: 14px }
.pagination-pages li.pagination-next>a i { top: 3px }
.pagination-pages li.pagination-pre>a i { top: 2px }
}
#MAXIM { content: "feu20161212151246" }/*  |xGv00|cd34d3c2e5328a1291c78c4ad49f0b05 */