@charset 'UTF-8';
/*!
 * Bootstrap v4.0.0-beta.2 (https://getbootstrap.com)
 * Copyright 2011-2017 The Bootstrap Authors
 * Copyright 2011-2017 Twitter, Inc.
 * Licensed under MIT (https://github.com/twbs/bootstrap/blob/master/LICENSE)
 */
/**
 * [response 媒体响应]
 * @param  {[type]} $media_type [m:手机(< 992px)，iPad(992px<xx<1376px)，md: 中屏（1376px<xx<1441px）lg:大屏（1440px<xx<1600px）]
 * @return {[type]}             [description]
 */
.line-title:after
{
    display: block;

    width: 100px;
    margin: .5em auto 0 auto; 

    content: '';

    border-bottom: 3px solid #09e;
}

.green-title
{
    color: #09e;
}

.red-title
{
    color: #d00;
}

.orange-title
{
    color: #d00;
}

.circle-title
{
    line-height: 30px;
}
.circle-title:before
{
    position: relative;
    top: 4px;

    display: inline-block;

    width: 30px;
    height: 30px;
    margin-right: 10px;

    content: '';

    border: 2px solid #09e;
    border-radius: 15px;
}

.main-content
{
    padding: 2rem;

    border: 1px solid #eee;
    background-color: #fff;
    box-shadow: none;
}
.main-content .title
{
    color: #09e;
}

.img-title
{
    position: relative;
}
.img-title img
{
    width: 100%; 
    max-width: 100%;
}

.gray-bg
{
    background-color: #f5f5f5;
}

.arrow-collapse
{
    display: inline-block; 

    cursor: pointer;
}
.arrow-collapse:before
{
    display: inline-block;

    width: 16px;
    height: 16px;

    content: '';
    transition: transform 300ms;
    transform: rotate(225deg) translate(0, 8px);
    transform-origin: 50% 50%;

    border-top: 2px solid #09e; 
    border-left: 2px solid #09e;
}
.arrow-collapse.open:before
{
    transform: rotate(45deg) translate(8px);
}
.arrow-collapse.arrow-collapse-green:before
{
    border-top: 2px solid #09e; 
    border-left: 2px solid #09e;
}

.arrow-collapse-type2
{
    display: inline-block;

    cursor: pointer;

    color: #09e;
}
.arrow-collapse-type2:after
{
    display: inline-block;

    content: url(/img/engineer/down.png);
    transition: transform 200ms ease-out; 
    transform-origin: center 45%;
    vertical-align: middle;
}
.arrow-collapse-type2.open:after
{
    transform: rotate(-180deg);
}

.title-text-box
{
    position: absolute;
    top: 34%;

    width: 100%; 

    text-align: center;

    color: #fff;
}
.title-text-box > *
{
    letter-spacing: 8px;
}
.title-text-box .text-1
{
    font-size: 3rem;
}
.title-text-box .text-2
{
    font-size: 5rem;
    font-weight: bold;
}

@media (max-width: 62.1em)
{
    .title-text-box
    {
        top: 6px;
    }
    .title-text-box .text-1
    {
        font-size: 10px;
    }
    .title-text-box .text-2
    {
        font-size: 14px;
        font-weight: bold;
    }
}

.site-about
{
    margin-top: -20px;
}
.site-about .gray-bg
{
    background-color: #f5f5f5;
}
.site-about .des-title
{
    padding-bottom: 2rem; 

    border-bottom: 1px solid #d4d4d4;
}
.site-about .module-box .panel-title
{
    font-size: 2.4rem;

    margin-bottom: 2rem; 

    color: #666;
}
.site-about .module-box .module-ul
{
    margin: 0;
    padding: 0;

    list-style: none;
}
.site-about .module-box .module-ul > li
{
    position: relative;

    float: left;

    width: 25%;
    padding: 0 2rem;
}
.site-about .module-box .module-ul > li > a
{
    position: relative;

    display: block;

    text-decoration: none;
}
.site-about .module-box .module-dl
{
    margin-bottom: 0;
}
.site-about .module-box .module-dl dt .img-bg
{
    width: 80px;
    height: 80px;
    margin: auto;

    background-repeat: no-repeat; 
    background-position: center;
}
.site-about .module-box .module-dl dt .img-bg.expert-bg
{
    background-image: url('/img/show/icon/expert.png');
}
.site-about .module-box .module-dl dt .img-bg.tech-bg
{
    background-image: url('/img/show/icon/technology.png');
}
.site-about .module-box .module-dl dt .img-bg.material-bg
{
    background-image: url('/img/show/icon/material.png');
}
.site-about .module-box .module-dl dt .img-bg.cloud-bg
{
    background-image: url('/img/show/icon/cloud.png');
}
.site-about .module-box .module-dl dd .text-lg
{
    font-size: 1.6rem;

    margin: 1rem auto 2rem; 

    color: #333;
}
.site-about .module-box .module-dl dd .text-sm
{
    font-size: 1.2rem;
    line-height: 1.8; 

    margin-bottom: 0;

    text-align: left;

    color: #999;
}
.site-about h5
{
    line-height: 1.5em;
}
.site-about > header h5
{
    margin-top: 2em;
}
.site-about > header h5 p
{
    font-size: 1.8rem;
    line-height: 1.8; 

    margin-bottom: 2rem;
}
.site-about > header,
.site-about > article
{
    padding: 4em 1em;
}
.site-about .team-about
{
    padding-top: 2em;
}
.site-about .team-about .briefly-text
{
    font-size: 1.8rem;
}
@media (min-width: 576px)
{
    .site-about .team-about
    {
        padding-right: 2em; 
        padding-left: 2em;
    }
}
.site-about .team-about .media
{
    margin-bottom: 2em;
}
.site-about .team-about h4
{
    margin-bottom: .5em; 

    color: #09e;
}
.site-about .team-about img
{
    width: 130px;
    margin-right: 10px;

    border: 1px solid #eee;
}
@media (min-width: 576px)
{
    .site-about .team-about img
    {
        float: left;
    }
}
.site-about .hj-imgs
{
    margin-top: 2em;
}
.site-about .hj-imgs > article
{
    font-size: 0;
}
.site-about .hj-imgs img
{
    height: 200px; 
    margin: 5px;
}
@media (max-width: 767px)
{
    .site-about .hj-imgs img
    {
        width: 100%;
        height: auto;
        margin-right: 0; 
        margin-left: 0;
    }
}
.site-about .map-about
{
    width: 80%; 
    margin: 2em auto 0;
}
.site-about .map-img
{
    width: 100%;
    margin-bottom: 2em;
}
.site-about .follow-me
{
    padding-top: 2em;
}
.site-about .follow-me img
{
    width: 100px;
}
.site-about .follow-me p
{
    margin-top: .5em;
    margin-bottom: 0;
}
.site-about .follow-me .list-ercode
{
    margin-top: 2em;
}
.site-about .follow-me .item-ercode
{
    display: inline-block;

    margin-left: 2em;
}
.site-about .follow-me .item-ercode:first-child
{
    margin-left: 0;
}
.site-about .icon-box .icon-base
{
    width: 28px;
    height: 28px;
}
.site-about .icon-box .icon-base.icon-location
{
    background-image: url(/img/show/lainxi_53.png);
}
.site-about .icon-box .icon-base.icon-email
{
    background-image: url(/img/show/lainxi_56.png);
}
.site-about .icon-box .icon-base.icon-mobile
{
    background-image: url(/img/show/lainxi_58.png);
}
.site-about .development-history .timeline
{
    position: relative;

    width: 80%;
    margin: auto;
    padding: 30px 0;
}
.site-about .development-history .timeline dl:before
{
    background-color: #09e;
}
.site-about .development-history .timeline dl dt
{
    font-weight: normal;

    margin: 0 auto 30px;
    padding: 0;

    transition: all .2s; 

    color: inherit;
    border-radius: 0;
    background-color: #fff;
}
.site-about .development-history .timeline dl dt.dt-slide-down
{
    margin: 0 auto 80px;
}
.site-about .development-history .timeline dl dt.dt-slide-down:last-of-type
{
    margin: 0 auto 30px;
}
.site-about .development-history .timeline dl dt .circ
{
    position: absolute;
    z-index: 200;
    top: -50px;
    left: 42%;

    width: 40px;
    height: 40px;
    margin-left: -11px;

    background-color: #fff;
    background-image: url('/img/show/icon/history-year.png'); 
    background-repeat: no-repeat;
    background-position: center;
}
.site-about .development-history .timeline dl dt .time
{
    font-size: 1.8rem;
    font-weight: bold; 

    position: absolute;
    z-index: 200;
    top: -50px;
    left: 50%;

    display: inline-block;

    width: 150px;
    margin-left: -165px;
    padding: 10px 20px;

    cursor: pointer;
    text-align: right;

    color: #09e;
}
.site-about .development-history .timeline dl dt .time:after
{
    display: inline-block;

    width: 0;
    height: 0;
    margin-left: 2px;

    content: '';
    vertical-align: middle;

    border-top: 4px dashed;
    border-top: 4px solid \9;
    border-right: 4px solid transparent;
    border-left: 4px solid transparent;
}
.site-about .development-history .timeline dl dd .circ
{
    z-index: 222; 
    top: 30px;

    width: 20px;
    height: 20px;

    border-color: transparent;
    background-color: #fff;
    background-image: url('/img/show/icon/history-date.png');
    background-repeat: no-repeat;
    background-position: center;
}
.site-about .development-history .timeline dl dd .time
{
    top: 30px;

    margin-left: -165px; 
    padding-top: 0;
    padding-bottom: 0;
}
.site-about .development-history .timeline dl dd .time > p
{
    margin-bottom: 0;
}
.site-about .development-history .timeline dl dd .time .month
{
    font-size: 1.4rem;
    font-weight: bold;
}
.site-about .development-history .timeline dl dd .time .year
{
    font-size: 1.2rem;

    color: #999;
}
.site-about .development-history .timeline dl dd.last-pot-right
{
    padding-bottom: 60px;
}
.site-about .development-history .timeline dl dd .events
{
    left: 52%;

    width: 100%;
    margin-top: 32px; 
    padding-top: 0;
    padding-left: 0;
}
.site-about .development-history .timeline dl dd .events:before
{
    display: none;
}
.site-about .development-history .timeline dl dd .events .events-body .events-heading
{
    font-size: 1.6rem; 

    margin-bottom: 0;

    color: #666;
}
.site-about #addr .line-title
{
    margin-top: 3rem;
}

@media (max-width: 62.1em)
{
    .site-about .module-box .module-ul > li
    {
        width: 100%;
        margin: auto 0 2rem;
    }
    .site-about .development-history .timeline
    {
        width: 100%;
    }
    .site-about .development-history .timeline dl
    {
        left: -5%;
    }
    .site-about .development-history .timeline dl dt .circ
    {
        left: -24%;
    }
    .site-about .development-history .timeline dl dt .time
    {
        width: auto;
        margin-left: -170px;
    }
    .site-about .development-history .timeline dl dd .events
    {
        left: 10%;

        width: 80%;
    }
    .site-about .development-history .timeline dl dd.pos-right .time
    {
        margin-left: -110px;

        text-align: right;
    }
    .site-about .map-about
    {
        width: 100%;
    }
    .site-about #addr
    {
        padding: 4em 0;
    }
    .site-about #addr > .container
    {
        padding: 0;
    }
}

.timeline dl
{
    left: -40%;
}
.timeline dl dd.pos-right .time
{
    margin-left: -150px;
}
@media (max-width: 991px)
{
    .timeline dl dd.pos-right .time
    {
        top: 4px; 

        margin-left: 0;
    }
}
.timeline dl dd .time
{
    width: 150px;
}
.timeline dl dd .time
{
    color: #999;
}
.timeline dl dd .circ
{
    background-color: #d9d9d9;
}
.timeline dl dd .time-primary
{
    color: #09e;
}
.timeline dl dd .circ-primary
{
    background-color: #09e;
}

.site-news
{
    padding: 2rem 2rem 4rem; 

    background-color: #fff;
}

@media (max-width: 62.1em)
{
    .site-news .timeline dl
    {
        left: 10px;
    }
    .site-news .timeline dl dd .events
    {
        width: 78%;
    }
    .site-news .timeline dl dd.pos-right .time
    {
        top: 32px;

        margin-left: 0;
    }
}

@media (min-width: 768px)
{
    .site-join .wrap-collapse
    {
        padding: 0 1rem;
    }
}

.site-join .circle-title
{
    text-indent: .5em; 

    border-left: 8px solid #09e;
}

.site-join li
{
    font-size: 1.8rem;

    margin-bottom: .4rem;
}
.site-join li:last-child
{
    margin-bottom: 0;
}

.site-join > article
{
    margin-top: 4em;
}
.site-join > article:nth-of-type(1)
{
    margin-top: 0;
}
.site-join > article > h3
{
    margin-top: 0;
    margin-bottom: .5em;
}

.site-join .divide
{
    overflow: hidden;

    margin-right: -2rem; 
    margin-left: -2rem;
}
@media (max-width: 991px)
{
    .site-join .divide
    {
        margin-right: -1rem; 
        margin-left: -1rem;
    }
}
.site-join .divide:before,
.site-join .divide:after
{
    position: relative; 

    display: block;

    content: '';

    background-color: #fff;
}
.site-join .divide:before
{
    left: -1.5rem;

    float: left;
}
.site-join .divide:after
{
    right: -1.5rem;

    float: right;
}

.site-join .email-link
{
    font-size: 3rem;
}

.list-job .header-collapse
{
    font-size: 2.4rem;

    padding-top: 1rem;
    padding-right: 2rem; 
    padding-bottom: 1rem;
    padding-left: 1rem;
}
.list-job .header-collapse h4
{
    margin: 0;
}

.list-job > section
{
    margin-top: 1.5em;
}
.list-job > section:nth-of-type(1)
{
    margin-top: 0;
}

.job-item
{
    font-size: 1.8rem; 

    margin: 1rem 15px 0;
    padding: 2rem;
}
@media (max-width: 991px)
{
    .job-item
    {
        margin-right: 0; 
        margin-left: 0;
        padding: 1rem;
    }
}
.job-item > article
{
    margin-top: 2em;
}
.job-item > article:nth-of-type(1)
{
    margin-top: 0;
}
.job-item ol
{
    margin-top: .5em;
}
.job-item .title-job
{
    margin: 0;

    color: #09e;
}

.site-faq .gray-bg,
.site-course .gray-bg
{
    background-color: #fff;
}

.site-faq .green-title,
.site-course .green-title
{
    padding-right: .5em;
}

.site-faq .list-job,
.site-course .list-job
{
    padding: 2rem 0;
}

.site-faq .header-collapse,
.site-course .header-collapse
{
    font-size: 1.8rem; 

    color: #333;
}

.site-faq .collapse,
.site-course .collapse
{
    color: #666;
}

.site-faq .wrap-collapse,
.site-course .wrap-collapse
{
    font-size: 1.6rem;
    line-height: 1.5em;

    padding: 1em 2em; 

    border-top: 1px dashed #e5e5e5;
}

.site-faq .question-num,
.site-course .question-num
{
    display: inline-block; 

    width: 45px;
}

.site-faq .answer-p,
.site-course .answer-p
{
    padding-left: 1em;
}

.site-faq ol.no-type,
.site-course ol.no-type
{
    list-style-type: none;
}

.site-faq > nav ul,
.site-course > nav ul
{
    margin-bottom: 0;
}

.site-faq > nav li,
.site-course > nav li
{
    display: inline-block; 
    float: left;

    list-style: none;
}
.site-faq > nav li.active a,
.site-course > nav li.active a
{
    color: #333;
    border-bottom: 4px solid #09e;
    background-color: #fff;
}

.site-faq > nav a,
.site-course > nav a
{
    font-size: 1.8rem;
    line-height: 64px;

    display: block;

    height: 64px;
    margin-left: -4px;
    padding: 0 1.5em;

    text-decoration: none; 

    color: #ababab;
}
.site-faq > nav a:hover,
.site-course > nav a:hover
{
    background-color: #e6e6e6;
}

@media (min-width: 768px)
{
    .site-course
    {
        padding-bottom: 10em;
    }
}

.site-course ul > li
{
    float: none;
}

.site-course .desc-header
{
    font-size: 18px; 

    padding: 3em 0;
}
.site-course .desc-header p
{
    margin-bottom: 2px;
}

.site-course .container
{
    padding-right: 0; 
    padding-left: 0;
}

.site-course > article
{
    padding: 3em 0;
}

.site-course .media-left > img
{
    width: 160px;
}
@media (max-width: 991px)
{
    .site-course .media-left > img
    {
        width: 80px;
    }
}

.site-course .media-body
{
    font-size: 18px;
}

.site-course .title-media
{
    margin: 0;
}

.site-course .line-course
{
    margin: .5em 0;

    border-bottom: 5px solid #09e;
}
.site-course .line-course.money-line
{
    width: 3em;
}
.site-course .line-course.favorite-line
{
    width: 6em;
}

.site-course.engineer-course > header
{
    padding: 2em 0;
}
.site-course.engineer-course > header .col-sm-6
{
    padding: 0 2.5em;
}
.site-course.engineer-course > header img
{
    width: 100px;
}
.site-course.engineer-course > header h5
{
    line-height: 1.5em;
}

.title-course
{
    text-indent: .5em; 

    border-left: 8px solid #09e;
}

.material-course ul > li
{
    float: left;
}

.material-course .title-course
{
    font-size: 24px; 

    color: #333;
}

.material-course .material-content
{
    padding: 3em 0;
}
.material-course .material-content > .container
{
    padding: 2rem;

    background-color: #fff;
}

.material-course .material-list-box > p
{
    font-size: 16px;

    margin-bottom: 1em; 

    color: #333;
}

.material-course .material-item-box
{
    margin-bottom: 2em;
}
.material-course .material-item-box .course-list-box .list-title-course
{
    font-size: 20px; 

    text-indent: 0;

    border-left: none;
}
.material-course .material-item-box .course-list-box .list-title-course:before
{
    display: inline-block;

    margin-right: .2em; 

    content: '\25C6';
}
.material-course .material-item-box .img-box
{
    width: 100%;
    padding: 1em;
}
.material-course .material-item-box .img-box img
{
    width: 100%;
    max-width: 100%;
}

.site-expert
{
    background-color: #f5f5f5;
}
.site-expert .body
{
    padding: 2% 0;
}
.site-expert .filter-ul
{
    margin: 0;
    padding: 0;

    list-style: none;

    border: 1px solid #eee;
}
.site-expert .filter-ul > li
{
    position: relative;

    border-bottom: 1px solid #eee;
    background-color: #fff;
}
.site-expert .filter-ul > li:last-child
{
    border-bottom-color: transparent;
}
.site-expert .filter-ul > li > *
{
    font-size: 1.4rem;
    font-weight: normal; 

    position: relative;

    float: left;
}
.site-expert .filter-ul > li.filter-expand .filter-body
{
    overflow: visible; 

    height: auto;
}
.site-expert .filter-ul > li.filter-expand .filter-ext .ext-box:before
{
    content: '收起';
}
.site-expert .filter-ul > li.filter-expand .filter-ext .ext-box .icon-base
{
    transform: rotate(180deg);
}
.site-expert .filter-head
{
    line-height: 58px;

    overflow: hidden; 

    width: 12%;
    padding: 0 .5rem;

    text-align: center;

    color: #666;
    background-color: #ddd;
}
.site-expert .type-filter-box .filter-head .filter-label
{
    display: block;
}
.site-expert .type-filter-box .filter-head .filter-label.filter-label-sm
{
    display: none;
}
.site-expert .filter-body
{
    overflow: hidden; 

    width: 75%;
    height: 58px;
    padding: 0 2rem;
}
.site-expert .filter-body .filter-item
{
    display: inline-block;

    margin: 20px 4rem 20px 0;

    vertical-align: middle;
    text-decoration: none; 

    color: #666;
}
.site-expert .filter-body .filter-item:last-of-type
{
    margin-right: 0;
}
.site-expert .filter-body .filter-item:focus,
.site-expert .filter-body .filter-item:active,
.site-expert .filter-body .filter-item:hover
{
    color: #09e;
}
.site-expert .filter-body .filter-item.active
{
    color: #09e;
}
.site-expert .filter-body .all
{
    color: #f00 !important;
}
.site-expert .filter-ext
{
    width: 13%;
    margin-top: 20px;
}
.site-expert .filter-ext .ext-box
{
    padding: 3px 12px;

    cursor: pointer; 

    border: 1px solid #eee;
}
.site-expert .filter-ext .ext-box:before
{
    position: relative;

    display: inline-block; 

    content: '更多';

    color: #999;
}
.site-expert .filter-ext .ext-box .icon-base
{
    width: 12px;
    height: 6px;
    margin-right: 0;
    margin-left: 5px;
}
.site-expert .filter-ext .ext-box .icon-base.icon-ext
{
    background-image: url(/img/icon/arrow-down.png);
}
.site-expert .filter-ext .ext-box .icon-text
{
    color: #999;
}
.site-expert .expert-search-box
{
    margin: 2rem auto 0;
}
.site-expert .expert-search-box .search-name
{
    height: 40px;

    border-radius: 0;
}
.site-expert .expert-search-box .search-icon-box
{
    line-height: 40px;

    position: absolute;
    z-index: 6;
    top: 0;
    right: 0;

    display: block;

    width: 40px;
    height: 40px;

    cursor: pointer;
    text-align: center;
}
.site-expert .expert-search-box .search-icon-box .icon-base
{
    width: 15px;
    height: 15px;
    margin: 0;
    padding: 0;
}
.site-expert .expert-search-box .search-icon-box .icon-base.icon-search
{
    background-image: url(/img/home/icon/search.png);
}
.site-expert .expert-search-box .consult-box
{
    margin-top: .2rem; 

    vertical-align: middle;
}
.site-expert .expert-list
{
    margin-top: 3rem;
}
.site-expert .expert-row
{
    position: relative;

    float: left;
    overflow: hidden;

    width: 32%;
    height: 450px;
    margin-right: 2%;
    margin-bottom: 3rem;

    transition: all .4s;

    border: 1px solid #eee;
    background-color: #fff;
}
.site-expert .expert-row:before
{
    position: absolute;
    bottom: 0;
    left: 0;

    display: block;

    width: 0;
    height: 4px;

    content: '';
    transition: all .4s; 

    background-color: #09e;
}
.site-expert .expert-row:after
{
    position: absolute;
    right: 0;
    bottom: 0;

    display: block;

    width: 0;
    height: 4px;

    content: '';
    transition: all .4s; 

    background-color: #09e;
}
.site-expert .expert-row:nth-child(3n)
{
    margin-right: 0;
}
.site-expert .expert-row .list-head
{
    height: 80px;

    background-repeat: no-repeat;
    background-position: center;
}
.site-expert .expert-row .list-head.head1
{
    background-image: url(/img/show/expert/item-bg/1.png);
}
.site-expert .expert-row .list-head.head2
{
    background-image: url(/img/show/expert/item-bg/2.png);
}
.site-expert .expert-row .list-head.head3
{
    background-image: url(/img/show/expert/item-bg/3.png);
}
.site-expert .expert-row .list-head.head4
{
    background-image: url(/img/show/expert/item-bg/4.png);
}
.site-expert .expert-row .list-head.head5
{
    background-image: url(/img/show/expert/item-bg/5.png);
}
.site-expert .expert-row .list-head.head6
{
    background-image: url(/img/show/expert/item-bg/6.png);
}
.site-expert .expert-row .list-head.head7
{
    background-image: url(/img/show/expert/item-bg/7.png);
}
.site-expert .expert-row .list-head.head8
{
    background-image: url(/img/show/expert/item-bg/8.png);
}
.site-expert .expert-row .list-head.head9
{
    background-image: url(/img/show/expert/item-bg/9.png);
}
.site-expert .expert-row .list-body
{
    padding: 0 2rem 1.5rem;
}
.site-expert .expert-row .list-body .baseinfo
{
    position: relative;

    height: 58px; 
    padding: 1rem 0 0 90px;
}
.site-expert .expert-row .list-body .baseinfo .rt .icon-box
{
    display: inline-block;

    margin-right: 1rem; 

    vertical-align: middle;
}
.site-expert .expert-row .list-body .baseinfo .rt .icon-box:last-child
{
    margin-right: 0;
}
.site-expert .expert-row .list-body .baseinfo .rt .icon-box .icon-base
{
    width: 16px;
    height: 16px;
}
.site-expert .expert-row .list-body .baseinfo .rt .icon-box .icon-base.icon-honor
{
    margin: 0;

    background-image: url(/img/show/icon/honor.png);
}
.site-expert .expert-row .list-body > p:last-of-type
{
    margin-bottom: 0;
}
.site-expert .expert-row .list-foot
{
    padding: 1rem;
}
.site-expert .expert-row .list-foot .icon-box
{
    cursor: pointer;
}
.site-expert .expert-row .list-foot .icon-box .icon-base
{
    margin: 0;
}
.site-expert .expert-row .list-foot .icon-box .icon-text
{
    display: none;
}
.site-expert .expert-row:hover
{
    transform: translateY(-5px); 

    box-shadow: 0 14px 20px 0 rgba(0, 0, 0, .15);
}
.site-expert .expert-row:hover:before
{
    width: 55%;
}
.site-expert .expert-row:hover:after
{
    width: 55%;
}
.site-expert .expert-row:hover .list-foot .more-box .icon-text
{
    display: inline-block;
}
.site-expert .expert-row:hover .list-foot .more-box .icon-more
{
    background-image: url(/img/show/icon/rt-hl.png);
}
.site-expert .expert-row:hover .list-foot .fav-box
{
    border-color: #09e;
}
.site-expert .expert-row:hover .list-foot .fav-box .icon-base
{
    display: inline-block;
}
.site-expert .expert-row:hover .list-foot .fav-box .icon-text
{
    display: inline-block;
}
.site-expert .expert-row .img-box
{
    line-height: 80px;

    position: absolute;
    top: -40px;
    left: 0;

    overflow: hidden;

    width: 80px;
    height: 80px;

    text-align: center;

    border: 2px solid #fff;
    border-radius: 50%;
    box-shadow: 0 1px 2px 0 rgba(0, 0, 0, .1);
}
.site-expert .expert-row .img-box img
{
    max-width: 100%;

    vertical-align: baseline;
}
.site-expert .expert-row .name-text
{
    font-size: 1.6rem;

    overflow: hidden;

    max-width: 120px;

    white-space: nowrap; 
    text-overflow: ellipsis;
}
.site-expert .expert-row .edu-text
{
    color: #666;
}
.site-expert .expert-row .tag-box
{
    display: -webkit-box;
    overflow: hidden;

    height: 24px;
    margin-bottom: 0; 

    white-space: inherit;
    text-overflow: ellipsis;
    word-break: break-all;

    -webkit-box-orient: vertical;
    -webkit-line-clamp: 1;
    -webkit-box-pack: start;
    -webkit-box-align: start;
}
.site-expert .expert-row .tag-box .label
{
    font-weight: normal;
}
.site-expert .expert-row .achievements-box
{
    overflow: hidden; 

    height: 22px;
    margin-bottom: 1.5rem;
}
.site-expert .expert-row .achievements-box > span
{
    position: relative;

    display: inline-block;

    margin-right: 1rem;

    vertical-align: middle;

    color: #999;
}
.site-expert .expert-row .achievements-box > span:last-child
{
    margin-right: 0;
}
.site-expert .expert-row .desc
{
    line-height: 20px;

    display: -webkit-box;
    overflow: hidden;

    height: 140px;
    padding-top: 1.5rem;

    white-space: inherit;
    text-overflow: ellipsis;
    word-break: break-all;

    color: #666;
    border-top: 1px solid #eee;

    -webkit-box-orient: vertical;
    -webkit-line-clamp: 6;
    -webkit-box-pack: start;
    -webkit-box-align: start;
}
.site-expert .expert-row .location-box .icon-base
{
    width: 13px;
    height: 13px;
}
.site-expert .expert-row .location-box .icon-base.icon-location
{
    background-image: url(/img/show/icon/location.png);
}
.site-expert .expert-row .location-box .icon-text
{
    font-size: 1.2rem; 

    color: #999;
}
.site-expert .expert-row .more-box
{
    position: relative; 

    display: block;

    text-decoration: none;
}
.site-expert .expert-row .more-box .icon-base
{
    width: 5px;
    height: 10px;
}
.site-expert .expert-row .more-box .icon-base.icon-more
{
    background-image: url(/img/show/icon/rt.png);
}
.site-expert .expert-row .more-box .icon-text
{
    margin-right: 8px; 

    color: #09e;
}
.site-expert .expert-row .fav-box
{
    padding: 3px 10px; 

    border: 1px solid transparent;
}
.site-expert .expert-row .fav-box .icon-base
{
    display: none; 

    width: 12px;
    height: 12px;
}
.site-expert .expert-row .fav-box .icon-base.icon-fav
{
    background-image: url(/img/show/icon/fav.png);
}
.site-expert .expert-row .fav-box .icon-base.icon-fav-hl
{
    display: inline-block; 

    background-image: url(/img/show/icon/fav-hl.png);
}
.site-expert .expert-row .fav-box .icon-text
{
    margin-left: 8px; 

    color: #09e;
}
.site-expert .expert-row .fav-box:hover .icon-fav
{
    background-image: url(/img/show/icon/fav-hl.png);
}

#consult-modal .consult-modal-box
{
    position: relative;

    width: 80%;
    margin: auto;
}

#consult-modal .expert-info-box
{
    position: relative;
    z-index: 10; 

    display: inline-block;

    vertical-align: middle;
}
#consult-modal .expert-info-box a
{
    position: relative; 

    display: block;
}
#consult-modal .expert-info-box dl
{
    margin-bottom: 0;
}
#consult-modal .expert-info-box dl dt
{
    line-height: 80px;

    position: relative;

    overflow: hidden;

    width: 80px;
    height: 80px;
    margin: auto;

    text-align: center;

    border: 2px solid #fff;
    border-radius: 50%;
    box-shadow: 0 1px 2px 0 rgba(0, 0, 0, .1);
}
#consult-modal .expert-info-box dl dt img
{
    max-width: 100%;

    vertical-align: baseline;
}
#consult-modal .expert-info-box dl dd p
{
    margin-bottom: .2rem;
}
#consult-modal .expert-info-box dl dd p:last-child
{
    margin-bottom: 0;
}
#consult-modal .expert-info-box dl dd .name
{
    font-size: 1.4rem;

    color: #333;
}
#consult-modal .expert-info-box dl dd .position
{
    font-size: 1.2rem;

    color: #666;
}

#consult-modal .online-checkbox .checked ~ .expert-info-box dl dd *
{
    color: #09e !important;
}

#consult-modal .not-online-checkbox
{
    cursor: not-allowed;

    filter: gray;
    filter: grayscale(100%);
}

#consult-modal .consult-action-box
{
    margin-top: 4rem;
}

@media (max-width: 62.1em)
{
    .site-expert .type-filter-box .filter-head .filter-label
    {
        display: none;
    }
    .site-expert .type-filter-box .filter-head .filter-label.filter-label-sm
    {
        display: block;
    }
    .site-expert .expert-row
    {
        width: 100%; 
        height: auto;
        margin-right: 0;
    }
    .site-expert .expert-row .list-foot .icon-box .icon-text
    {
        display: inline-block !important;
    }
    .site-expert .expert-row .list-foot .fav-box
    {
        border-color: #09e;
    }
    .site-expert .expert-row .list-foot .fav-box .icon-fav
    {
        display: inline-block;
    }
    .site-expert .filter-body
    {
        padding: 0 1rem;
    }
    .site-expert .filter-body .filter-item
    {
        float: none; 

        margin-right: 1rem;
    }
    .site-expert .filter-ext
    {
        text-align: right;
    }
    .site-expert .filter-ext .ext-box
    {
        border-color: transparent;
    }
    .site-expert .filter-ext .ext-box:before
    {
        display: none;
    }
}

.site-expert-detail
{
    background-image: url(/img/show/expert/bg-3.png);
    background-size: 100% 100%;
}
.site-expert-detail .body
{
    padding: 2% 0;
}
.site-expert-detail .baseinfo-box
{
    padding-bottom: 2rem;

    border-bottom: 1px solid #eee;
}
.site-expert-detail .baseinfo
{
    margin-bottom: .8rem;
}
.site-expert-detail .baseinfo > *
{
    position: relative; 

    display: inline-block;

    vertical-align: middle;
}
.site-expert-detail .baseinfo .name
{
    font-size: 6.2rem;

    margin: 0 .5rem 0 0;
}
.site-expert-detail .baseinfo .position
{
    vertical-align: bottom;
}
.site-expert-detail .baseinfo .edu
{
    font-size: 1.6rem;

    margin: 1rem auto 2px;
}
.site-expert-detail .baseinfo .company
{
    margin-bottom: 0;
}
.site-expert-detail .baseinfo .company a
{
    text-decoration: underline;
}
.site-expert-detail .baseinfo .fav-box
{
    top: 2rem;

    padding: 3px 10px;

    cursor: pointer; 

    border: 1px solid #09e;
}
.site-expert-detail .baseinfo .fav-box .icon-base
{
    width: 12px;
    height: 12px;
}
.site-expert-detail .baseinfo .fav-box .icon-base.icon-fav
{
    background-image: url(/img/show/icon/fav.png);
}
.site-expert-detail .baseinfo .fav-box .icon-base.icon-fav-hl
{
    display: inline-block; 

    background-image: url(/img/show/icon/fav-hl.png);
}
.site-expert-detail .baseinfo .fav-box .icon-text
{
    color: #09e;
}
.site-expert-detail .tag-box .label
{
    font-weight: normal;
}
.site-expert-detail .desc
{
    line-height: 2rem;

    display: -webkit-box;
    overflow: hidden;

    max-height: 8.4rem;
    margin-top: 1.5rem;

    white-space: inherit;
    text-overflow: ellipsis;
    word-break: break-all;

    color: #777;

    -webkit-box-orient: vertical;
    -webkit-line-clamp: 4;
    -webkit-box-pack: start;
    -webkit-box-align: start;
}
.site-expert-detail .profile-box
{
    position: relative; 

    margin-top: 2rem;
    padding-right: 440px;
}
.site-expert-detail .profile-box > *
{
    position: relative; 

    height: 580px;
}
.site-expert-detail .profile-box .lt
{
    overflow-y: scroll !important;

    border-right: 1px solid #eee;
}
.site-expert-detail .profile-box .lt::-webkit-scrollbar
{
    width: 4px; 

    -webkit-appearance: none;
}
.site-expert-detail .profile-box .lt::-webkit-scrollbar:horizontal
{
    height: 12px;
}
.site-expert-detail .profile-box .lt::-webkit-scrollbar-thumb
{
    border: 2px solid transparent; 
    border-radius: 10px;
    background-color: #bbb;
}
.site-expert-detail .profile-box .lt::-webkit-scrollbar-track
{
    border-radius: 10px;
    background-color: transparent;
}
.site-expert-detail .profile-box .lt::-webkit-scrollbar-thumb:window-inactive
{
    opacity: 0;
}
.site-expert-detail .profile-box .rt
{
    position: absolute;
    top: 14px;
    right: 20px;

    overflow: hidden;
}
.site-expert-detail .profile-box .rt .img-box
{
    line-height: 480px;

    position: relative; 

    overflow: hidden;

    width: 400px;
    height: 480px;
    margin: auto;

    text-align: center;

    background-color: transparent;
    background-image: url(/img/show/expert/user-bg.png);
    background-repeat: no-repeat;
    background-position: center;
}
.site-expert-detail .profile-box .rt .img-box img
{
    max-width: 100%;
    max-height: 100%; 
    margin: auto;
}
.site-expert-detail .profile-box .rt .img-box:before
{
    position: absolute;
    z-index: 1;
    top: -50px;
    left: -120px;

    display: block;

    width: 0;
    height: 0;

    content: '';
    transform: rotate(-41deg); 

    border-right: 150px solid transparent;
    border-bottom: 150px solid #fcfcfc;
    border-left: 150px solid transparent;
}
.site-expert-detail .profile-row
{
    padding: 2rem 0;

    border-bottom: 1px solid #eee;
}
.site-expert-detail .profile-row:first-child
{
    padding-top: 0;
}
.site-expert-detail .profile-row .title
{
    font-weight: bold;

    margin-bottom: 1.5rem;
}
.site-expert-detail .profile-row .profile-body
{
    padding: 0 1.2rem;
}
.site-expert-detail .profile-row .profile-body .attr-row
{
    margin-bottom: 8px; 
    padding-bottom: 8px;

    border-bottom: 1px dashed #e5e5e5;
}
.site-expert-detail .profile-row .profile-body .attr-row:last-child
{
    padding-bottom: 0; 

    border-bottom-color: transparent;
}
.site-expert-detail .profile-row .profile-body .attr-row > .attr-box
{
    color: #666;
}
.site-expert-detail .profile-row .profile-body .attr-row > .attr-box:last-child
{
    margin-bottom: 0;
}
.site-expert-detail .profile-row .profile-body .attr-row > .attr-box > *
{
    position: relative;

    display: inline-block;

    margin-right: 1rem; 

    vertical-align: middle;
}
.site-expert-detail .profile-row .profile-body .attr-row > .attr-box > *:last-of-type
{
    margin-right: 0;
}
.site-expert-detail .share-box > *
{
    display: inline-block;

    vertical-align: middle;
}
.site-expert-detail .share-box .social-share .social-share-icon
{
    text-decoration: none;
}
.site-expert-detail .share-box .wechat-qrcode
{
    top: auto;
    bottom: -210px;
}
.site-expert-detail .share-box .wechat-qrcode:after
{
    top: -16px;

    border-width: 6px 6px 8px 6px;
    border-color: transparent transparent #f3f3f3 transparent;
}

@media (max-width: 62.1em)
{
    .site-expert-detail .profile-box
    {
        padding-right: 0;
    }
    .site-expert-detail .profile-box .lt
    {
        width: 100%;
    }
    .site-expert-detail .profile-box .rt
    {
        position: relative;
        right: 0;
    }
    .site-expert-detail .profile-box .rt .img-box
    {
        width: 100%;
    }
}

.site-user-info .baseinfo .img-box
{
    overflow: hidden;

    width: 124px;
    height: 124px;
    margin: auto;
}
.site-user-info .baseinfo .img-box img
{
    max-width: 100%;
    min-height: 100%;
}

.site-user-info .profile-box
{
    padding-right: 0;
}

.achievement-box > article
{
    position: relative;
}

.achievement-box .achievement-content .title-btn-group
{
    line-height: 40px;

    min-height: 40px;
    margin: 6em auto;
}
.achievement-box .achievement-content .title-btn-group a
{
    font-size: 1.5em;

    margin-right: 2em; 
    padding: .2em .8em;

    color: #333;
}
.achievement-box .achievement-content .title-btn-group a:focus,
.achievement-box .achievement-content .title-btn-group a:active,
.achievement-box .achievement-content .title-btn-group a:hover
{
    text-decoration: none; 

    color: #0078bb;
}
.achievement-box .achievement-content .title-btn-group a.active
{
    color: #fff;
    border: 1px solid #09e;
    border-radius: 4px; 
    background-color: #09e;
}
.achievement-box .achievement-content .title-btn-group a:last-child
{
    margin-right: 0;
}

.achievement-box .achievement-content .achievement-item-box
{
    position: relative;

    width: 100%;
}
.achievement-box .achievement-content .achievement-item-box > section
{
    position: relative;

    margin-bottom: 4em;
}
.achievement-box .achievement-content .achievement-item-box .item-header
{
    position: relative;

    overflow: hidden; 

    width: 100%;
}
.achievement-box .achievement-content .achievement-item-box .item-header .header-text
{
    font-weight: 600;

    z-index: 1;

    display: inline-block;

    padding-right: .5em; 

    vertical-align: middle;

    background-color: inherit;
}
.achievement-box .achievement-content .achievement-item-box .item-header .header-text:before
{
    position: relative;
    top: -2px; 

    display: inline-block;

    width: 24px;
    height: 24px;
    margin-right: .5em;

    content: '';
    vertical-align: middle;

    background-color: #09e;
}
.achievement-box .achievement-content .achievement-item-box .item-header .driver
{
    position: absolute;
    top: 12px; 

    display: inline-block;

    width: 100%;
    height: 1px;

    background-color: #d4d4d4;
}
.achievement-box .achievement-content .achievement-item-box .item-content
{
    margin-top: 2em;
}
.achievement-box .achievement-content .achievement-item-box .item-content ul
{
    margin: 0;
    padding: 0;

    list-style: none;
}
.achievement-box .achievement-content .achievement-item-box .item-content ul > li
{
    float: left;

    width: 23.5%;
    margin-right: 2%;
    margin-bottom: 3em;
}
.achievement-box .achievement-content .achievement-item-box .item-content ul > li:last-child
{
    margin-right: 0;
}
.achievement-box .achievement-content .achievement-item-box .item-content ul > li:nth-child(4n)
{
    margin-right: 0;
}
.achievement-box .achievement-content .achievement-item-box .item-content .item-dl
{
    width: 100%; 
    margin-bottom: 0;
}
.achievement-box .achievement-content .achievement-item-box .item-content .item-dl > dt img
{
    max-width: 100%;
    max-height: 100%;
}
.achievement-box .achievement-content .achievement-item-box .item-content .item-dl > dd p
{
    line-height: normal;

    display: -webkit-box;
    overflow: hidden;

    height: 50px;
    margin-top: .4em;
    margin-bottom: 0;

    text-align: center;
    white-space: inherit;
    text-overflow: ellipsis;
    word-break: break-all;

    color: #333;

    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    -webkit-box-align: center;
}
.achievement-box .achievement-content .achievement-item-box .software-item .item-dl > dt
{
    height: 355px;
}
.achievement-box .achievement-content .achievement-item-box .patent-item .item-dl > dt
{
    height: 355px;
}
.achievement-box .achievement-content .achievement-item-box .qualify-item .item-dl > dt
{
    height: 179px;

    text-align: center;
}
.achievement-box .achievement-content .achievement-item-box .publish-paper-item .item-content ul > li
{
    position: relative;

    width: 100%;
    min-height: 130px;
    margin-right: 0;
    margin-bottom: 0;
    padding-top: 2em; 
    padding-bottom: 2em;

    border-bottom: 1px solid #e5e5e5;
}
.achievement-box .achievement-content .achievement-item-box .publish-paper-item .item-content ul > li .hover-border
{
    position: absolute;
    z-index: 1;
    top: 0;
    right: -2em; 
    bottom: 0;
    left: -2em;

    transition: all .2s;

    opacity: 0;
    background-color: #fff;

    filter: alpha(opacity=0);
}
.achievement-box .achievement-content .achievement-item-box .publish-paper-item .item-content ul > li .hover-border:after
{
    position: absolute;
    top: -1px;
    right: -1px;
    bottom: -1px;
    left: -1px;

    content: '';

    border: 2px solid #09e;
}
.achievement-box .achievement-content .achievement-item-box .publish-paper-item .item-content ul > li:hover .hover-border
{
    transition: all .2s; 

    opacity: 1;

    filter: alpha(opacity=1);
}
.achievement-box .achievement-content .achievement-item-box .publish-paper-item .item-content ul > li dl
{
    position: relative; 
    z-index: 2;

    height: 130px;
}
.achievement-box .achievement-content .achievement-item-box .publish-paper-item .item-content ul > li dl > dt
{
    float: left;

    width: 12%;
    height: 130px;
}
.achievement-box .achievement-content .achievement-item-box .publish-paper-item .item-content ul > li dl > dt img
{
    width: auto;
    max-width: initial;
    height: 100%;
    max-height: 100%;
}
.achievement-box .achievement-content .achievement-item-box .publish-paper-item .item-content ul > li dl > dd
{
    font-size: 1.25em;

    float: left;

    width: 88%;
    height: 130px;
    padding-left: 1em;
}
.achievement-box .achievement-content .achievement-item-box .publish-paper-item .item-content ul > li dl > dd p
{
    margin: 0;
}
.achievement-box .achievement-content .achievement-item-box .publish-paper-item .item-content ul > li dl > dd .info-top
{
    overflow: hidden; 

    height: 100px;
    padding-top: .2em;

    color: #333;
}
.achievement-box .achievement-content .achievement-item-box .publish-paper-item .item-content ul > li dl > dd .info-bottom
{
    overflow: hidden;

    height: 30px;
    padding-bottom: .2em;

    white-space: nowrap; 
    text-overflow: ellipsis;

    color: #999;
}
.achievement-box .achievement-content .achievement-item-box .engineer-publish-item .item-content table
{
    border-color: #d4d4d4;
}
.achievement-box .achievement-content .achievement-item-box .engineer-publish-item .item-content table > thead tr th
{
    font-size: 1.25em;
    font-weight: 600;

    padding: 1em .5em;

    border-color: #d4d4d4; 
    background-color: #fae7ca;
}
.achievement-box .achievement-content .achievement-item-box .engineer-publish-item .item-content table > tbody tr > th
{
    font-size: 1.25em;
    font-weight: 500;

    padding: 1em .5em;

    border-color: #d4d4d4; 
    background-color: #f5f5f5;
}
.achievement-box .achievement-content .achievement-item-box .engineer-publish-item .item-content table > tbody tr > th:first-child
{
    width: 12%;
}
.achievement-box .achievement-content .achievement-item-box .engineer-publish-item .item-content table > tbody tr > td
{
    font-size: 1em;

    padding: 1em .5em;

    border-color: #d4d4d4;
}
.achievement-box .achievement-content .achievement-item-box .engineer-publish-item .item-content table > tbody tr:nth-child(odd) > td
{
    background-color: #f5f5f5;
}
.achievement-box .achievement-content .achievement-item-box .engineer-publish-item .item-content table > tbody tr:nth-child(even) > td
{
    background-color: #fffdfb;
}

@media (max-width: 62.1em)
{
    .achievement-box .title-img img
    {
        max-width: 100%;
    }
    .achievement-box .achievement-content .title-btn-group a:first-child
    {
        margin-right: 2em;
    }
    .achievement-box .achievement-item-box > section .item-header .header-text:before
    {
        width: 16px !important;
        height: 16px !important;
    }
    .achievement-box .achievement-item-box > section .item-header .driver
    {
        top: 10px !important;
    }
    .achievement-box .achievement-item-box.software-item-box > section .item-content ul > li
    {
        width: 100% !important;
        margin-right: 0 !important;
    }
    .achievement-box .achievement-item-box.software-item-box > section .item-content ul > li dl.item-dl > dt
    {
        height: auto !important;
    }
    .achievement-box .achievement-item-box.software-item-box > section .item-content ul > li dl.item-dl > dd p
    {
        line-height: normal !important;

        overflow: visible !important;

        height: auto !important;

        text-align: center !important;
    }
    .achievement-box .achievement-item-box.paper-item-box .publish-paper-item .item-content ul > li
    {
        min-height: 90px;
    }
    .achievement-box .achievement-item-box.paper-item-box .publish-paper-item .item-content ul > li .item-dl
    {
        height: 90px;
    }
    .achievement-box .achievement-item-box.paper-item-box .publish-paper-item .item-content ul > li .item-dl > *
    {
        height: 90px;
    }
    .achievement-box .achievement-item-box.paper-item-box .publish-paper-item .item-content ul > li .item-dl > dt
    {
        width: 30%;
    }
    .achievement-box .achievement-item-box.paper-item-box .publish-paper-item .item-content ul > li .item-dl > dt img
    {
        width: 100%;
    }
    .achievement-box .achievement-item-box.paper-item-box .publish-paper-item .item-content ul > li .item-dl > dd
    {
        width: 70%;
    }
    .achievement-box .achievement-item-box.paper-item-box .publish-paper-item .item-content ul > li .item-dl > dd .info-top
    {
        height: 60px;
        margin-bottom: 15px; 
        padding: 0;
    }
    .achievement-box .achievement-item-box.paper-item-box .publish-paper-item .item-content ul > li .item-dl > dd .info-bottom
    {
        height: 15px;
    }
    .achievement-box .achievement-item-box.paper-item-box .publish-paper-item .item-content ul > li .hover-border
    {
        display: none;
    }
}
.timeline a{
    color: #22b0ff!important;
}