html,body {
    width: 100%;
    max-width: 750px;
    min-width: 320px;
    margin: 0 auto;color: #464646;background-color: #fff;font: 14px/1.5 "Microsoft YaHei",FreeSans,Arimo,"Droid Sans","wenquanyi micro hei","Hiragino Sans GB","Hiragino Sans GB W3",Roboto,Arial,sans-serif;top: 0;bottom: 0;left: 0;right: 0;}
.flex{width: 100%;display: flex;display: -webkit-box;display: -webkit-flex;}
.carousel-inner>.item>a>img, .carousel-inner>.item>img, .img-responsive, .thumbnail a>img, .thumbnail>img {display: block;max-width: 100%;height: auto;}
img {vertical-align: middle;border: 0;}
em {font-style: normal;}
a,a:link,a:active,a:visited,a:hover{text-decoration:none;}
*,
*::before,
*::after {
    box-sizing: border-box;
}
*{margin: 0;padding: 0;list-style: none;}
body, h1, h2, h3, h4, h5, h6, hr, p, blockquote, /* structural elements 结构元素 */
dl, dt, dd, ul, ol, li, /* list elements 列表元素 */
pre, /* text formatting elements 文本格式元素 */
form, fieldset, legend, button, input, textarea, /* form elements 表单元素 */
th, td /* table elements 表格元素 */ {
    margin: 0;
    padding: 0;
}
h1, h2, h3, h4, h5, h6 { font-size: 100%; }
address, cite, dfn, em, var { font-style: normal; } /* 将斜体扶正 */
code, kbd, pre, samp { font-family: courier new, courier, monospace; } /* 统一等宽字体 */
small { font-size: 12px; }
ul, ol { list-style: none; }
legend { color: #000; } /* for ie6 */
fieldset, img { border: 0; } /* img 搭车：让链接里的 img 无边框 */
button, input, select, textarea { font-size: 100%; } /* 使得表单元素在 ie 下能继承字体大小 */
table { border-collapse: collapse; border-spacing: 0; }
img {
    max-width: 100%;
}
.col-lg-1, .col-lg-10, .col-lg-11, .col-lg-12, .col-lg-2, .col-lg-3, .col-lg-4, .col-lg-5, .col-lg-6, .col-lg-7, .col-lg-8, .col-lg-9, .col-md-1, .col-md-10, .col-md-11, .col-md-12, .col-md-2, .col-md-3, .col-md-4, .col-md-5, .col-md-6, .col-md-7, .col-md-8, .col-md-9, .col-sm-1, .col-sm-10, .col-sm-11, .col-sm-12, .col-sm-2, .col-sm-3, .col-sm-4, .col-sm-5, .col-sm-6, .col-sm-7, .col-sm-8, .col-sm-9, .col-xs-1, .col-xs-10, .col-xs-11, .col-xs-12, .col-xs-2, .col-xs-3, .col-xs-4, .col-xs-5, .col-xs-6, .col-xs-7, .col-xs-8, .col-xs-9 {
    position: relative;
    min-height: 1px;
    padding-right: 15px;
    padding-left: 15px;
}
/*a {color: #337ab7;text-decoration: none;}*/

.container {
    width: 100%;
    padding-left: .32rem;
    padding-right: .32rem;
    margin-right: auto;
    margin-left: auto;
}

.container-fluid {
    width: 100%;
    padding-left: .32rem;
    padding-right: .32rem;
    margin-right: auto;
    margin-left: auto;
}

.row {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    margin-right: -15px;
    margin-left: -15px;
}

.float-left {
    float: left !important;
}

.float-right {
    float: right !important;
}

.float-none {
    float: none !important;
}

.text-left {
    text-align: left !important;
}

.text-right {
    text-align: right !important;
}

.text-center {
    text-align: center !important;
}

.overflow-auto {
    overflow: auto !important;
}

.overflow-hidden {
    overflow: hidden !important;
}

.position-static {
    position: static !important;
}

.position-relative {
    position: relative !important;
}

.position-absolute {
    position: absolute !important;
}

.position-fixed {
    position: fixed !important;
}

.position-sticky {
    position: -webkit-sticky !important;
    position: sticky !important;
}

.justify-content-start {
    -ms-flex-pack: start !important;
    justify-content: flex-start !important;
}

.justify-content-end {
    -ms-flex-pack: end !important;
    justify-content: flex-end !important;
}

.justify-content-center {
    -ms-flex-pack: center !important;
    justify-content: center !important;
}

.justify-content-between {
    -ms-flex-pack: justify !important;
    justify-content: space-between !important;
}

.justify-content-around {
    -ms-flex-pack: distribute !important;
    justify-content: space-around !important;
}

.align-items-start {
    -ms-flex-align: start !important;
    align-items: flex-start !important;
}

.align-items-end {
    -ms-flex-align: end !important;
    align-items: flex-end !important;
}

.align-items-center {
    -ms-flex-align: center !important;
    align-items: center !important;
}

.align-items-baseline {
    -ms-flex-align: baseline !important;
    align-items: baseline !important;
}

.align-items-stretch {
    -ms-flex-align: stretch !important;
    align-items: stretch !important;
}

.align-content-start {
    -ms-flex-line-pack: start !important;
    align-content: flex-start !important;
}

.align-content-end {
    -ms-flex-line-pack: end !important;
    align-content: flex-end !important;
}

.align-content-center {
    -ms-flex-line-pack: center !important;
    align-content: center !important;
}

.align-content-between {
    -ms-flex-line-pack: justify !important;
    align-content: space-between !important;
}

.align-content-around {
    -ms-flex-line-pack: distribute !important;
    align-content: space-around !important;
}

.align-content-stretch {
    -ms-flex-line-pack: stretch !important;
    align-content: stretch !important;
}

.clearfix::after {
    display: block;
    clear: both;
    content: "";
}

.img-fluid {
    max-width: 100%;
    height: auto;
}

.con {
    padding-left: .32rem;
    padding-right: .32rem;
}

.icon {
    line-height: 1;
    display: inline-block;
}
.adv {
    margin: .4rem auto;
}

.bar {
    height: .1rem;
    background: #f5f5f5;
}
/*.tabContent {
    display: none;
}*/
.met-column-nav-ul {
    display: -ms-flexbox;
    display: flex;
    padding: 0 .33rem;
    -ms-flex-pack: distribute;
    /*justify-content: space-around;*/
}
/* S 公共头部*/
/*.site-title {
    height: 1.11rem;
}*/

.site-title .site-title-inner {
    height: 1.11rem;
/*    margin-left: .333333rem;
    margin-right: .333333rem;*/
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -ms-flex-align: center;
    align-items: center;
}

.site-title .title-info {
    font-size:.32rem;
    font-family:PingFang SC;
    font-weight:bold;
    color:rgba(51,51,51,1);
}
.site-title .desc-info,.site-title .desc-info a {
    font-size: .22rem;
    color: #999;
}

.site-tabs {
    margin: .3rem auto;
    align-items: flex-end;
}
.site-tabs li {
    position: relative;
    margin-right: .4rem;
    font-size:.28rem;
    font-family:PingFang SC;
    font-weight:500;
    color:#333333;
}
.site-tabs li a {
    font-size:.28rem;
    font-family:PingFang SC;
    font-weight:500;
    color:#333333;
    opacity:1;
}
.site-tabs li.active {
    color: #333333;
    font-size:.32rem;
    font-weight:bold;
    opacity:1;
}
.site-tabs li.active a {
    font-size:.36rem;
    font-weight: bold;
}
.site-tabs li.active::after{
    content: "";
    position: absolute;
    bottom: -.15rem;
    left: 50%;
    transform: translateX(-50%);;
    display: block;
    width:.56rem;
    height:0.06rem;
    background:rgba(37,101,255,1);
    border-radius:.02rem;
}
/* E 公共头部*/

/* S内页tab*/
.details-tabs .nav-tabs {
    justify-content: space-between;
}
.details-tabs .nav-tabs>li {
    margin-right: .2rem;
    height: 1rem;
    line-height: 1rem;
    font-size: .28rem;
    color: #333333;
}

.details-tabs .nav-tabs>li.active {
    color: #2565FF;
    border-bottom: 1px solid #2565FF;
}

.details-tabs .tab-content {
    margin: .2rem 0 1.5rem;
}

/* E内页tab*/

/* S 公共尾部*/
/*
.site-link-info {
    height: 4.5rem;
}
*/

.site-link-info .body-item {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-flow: row wrap;
    flex-flow: row wrap;
}

.site-link-info .body-item .item-link {
    width: 33.3%;
    text-align: center;
    line-height: .3rem;
    border-right: 1px solid #e6e6e6;
    margin-bottom: .266667rem;
    font-size: .22rem;
    color: #999;
    display: inline-block;
    white-space: nowrap;
    overflow: hidden;
    text-overflow:ellipsis;
}

.site-copyright .top {
    border-bottom: none !important;
}

.site-copyright .top {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: center;
    justify-content: center;
    -ms-flex-align: center;
    align-items: center;
    height: 1.12rem;
    background-color: #fff;
    margin-left: .333333rem;
}

.site-copyright .top, .uoolu-link-tab-list .list-tab {
    border-top: 1px solid #e6e6e6;
    border-bottom: 1px solid #e6e6e6;
}

.site-copyright .top, .site-copyright .top .copyright-img {
    margin-right: .333333rem;
}

.site-copyright .top .copyright-info .detail {
    font-size: .28rem;
    font-weight: 700;
    color: #333;
}

.site-copyright .bottom {
    background-color: #fff;
    padding-bottom: .38rem;
    text-align: center;
    font-size: .253333rem;
    color: #909090;
}

.site-copyright .bottom .footer-quick {
    margin-bottom: .3rem;
    font-size: 0;
}

.site-copyright .bottom .footer-quick .quick-item {
    display: inline-block;
    padding: 0 .333333rem;
    font-size: .22rem;
    color: #666666;
    border-right: 1px solid #e6e6e6;
}

.site-copyright .bottom .copy {
    color: #666666;
    opacity:0.6;
    font-size:.22rem;
}
/* E 公共尾部*/


/* S公共导航*/
.site-header {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 0 .33rem;
    /*background-color: #2565FF;*/
    background-color: #5687ff;
    height: 1rem;
}
.site-header.home {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    z-index: 10;
    background: rgba(0,0,0,0);

}

.site-header .header-logo {
    display: block;
    width: 2.12rem;
    height: 0.65rem;
    background: url(../images/logo@2x.png) no-repeat;
    background-size: 100% 100%;
}
.site-header .title {
    font-size:.36rem;
    font-family:PingFang SC;
    font-weight:400;
    color: #F5F5F5;
}
.site-header .back {
    display: block;
    width: .6rem;
    height: .6rem;
    background: url(../images/icon-arrow-specialist-2x.png) no-repeat;
    background-size: 100% 100%;
}

.site-header .quick-nav {
    display: inline-block;
    width: .52rem;
    height: .52rem;
    background: url(../images/menu@2x.png) no-repeat;
    background-size: 100% 100%;
}
/* E公共导航*/

.site-search {
    height: .88rem;
    padding-left: 0.33rem;
    padding-right: 0.33rem;
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    align-items: center;
    position: relative;

}

.site-search .arrow-left {
    width: .35rem;
}

.site-search input {
    width: 5rem;
    height: .6rem;
    border-radius: 0.3rem;
    background-color: #eee;
    outline: none;
    border: none;
    padding-left: 0.66rem;
}
.site-search a{
    color: #333;
}

.site-search .search-input {
    font-size: .26rem !important;
    line-height: .25rem !important;
}
.site-search .map {
    width: .3rem;
    height: .44rem;
}
.site-search .search-btn {
    position: absolute;
    top: .3rem;
    left: 1.4rem;
    width: .3rem;
    height: .3rem;
}


.swiper-navtab.swiper-container-horizontal .swiper-scrollbar {
    width: 100%;
    height: 3px;
    left: 0;
    bottom: 0
}

.swiper-navtab.swiper-container-horizontal .swiper-scrollbar-drag {
    background: rgba(0,0,0,0.2)
}

.swiper-navtab .swiper-slide {
    width: auto;
}

.swiper-wrapper>* {
    box-sizing: border-box
}
.swiper-scrollbar{display: none;}
.tab-pane {display: none;}
.tab-pane.active {display: block;}
.tab-pane-country {display: none;}
.tab-pane-country.active {display: block;}


.site-news-lists {
    padding: 0 .21rem 0 .35rem;
    background:#ffffff;
    box-shadow:0 5px 18px 0 rgba(3,0,0,0.1);
    border-radius:6px;
}
.site-news-lists li {
    padding: .53rem 0 .35rem 0;
    border-bottom: 1px solid #F6F6F6;
}
.site-news-lists .list-item {
    display: -ms-flexbox;
    display: flex;

}

.site-news-lists .item-info {
    width: 4.23rem;
    margin-right: .27rem;
}

.site-news-lists .item-info .info-title {
    /*width:4.18rem;*/
    font-size:.30rem;
    font-family:PingFang SC;
    font-weight:400;
    color:rgba(102,102,102,1);
    line-height:.42rem;
    margin-bottom: .1rem;
}

.site-news-lists .item-info .info-desc {
    font-size:.22rem;
    font-family:PingFang SC;
    font-weight:400;
    color:rgba(136,136,136,1);
    line-height:.32rem;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
}
.site-news-lists .item-pic {
    width: 3rem;
    height: 1.4rem;
}
.site-news-lists .item-pic img {
    width: 100%;
    height: 100%;
}
/*E 新闻*/

.choose-list>li>.list-title {
    /*height: .96rem;*/
    line-height: .96rem;
    color: #333333;
    font-size: .28rem;
    font-family:PingFang SC;
    font-weight:400;
}

.list-content>ul {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
}

.list-content>ul>li {
    height: .66rem;
    line-height: .66rem;
    text-align: center;
    width: 2rem;
    background-color: #F8F8F8;
    margin-right: .05rem;
    /*border-radius: 0.07rem;*/
    color: #999;
    font-size: .37rem;
    margin-bottom: .27rem;
}
.dropdown-list {
    margin-left: -.05rem;
}
.dropdown-list li {
    float: left;
    margin-bottom: .24rem;
    margin-left: .05rem;
}
.dropdown-list .list-item {
    display: block;
    font-size: .24rem;
    color: #666666;
    text-align: center;
}

.list-content>ul>li.active {
    font-weight: 400;
    color: rgba(37,101,255,1);
    background: url(../images/16.png)no-repeat;
    background-size: 100% 100%;
}


.search-filter .filter-hd {
    line-height: 1.2rem;
    font-size: .28rem;
    color: #5d5d5d;
}

.select-choose .botton-btn {
    height: 1.71rem;
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: center;
}

.select-choose .submit-btn-reset {
    display: block;
    width: 2.62rem;
    height: .78rem;
    line-height: .78rem;
    font-size: .32rem;
    text-align: center;
    border-radius: .1rem;
    background-color: #FFFFFF;
    border: 1px solid #2565FF;
    color: #477ed0;
    margin-right: .3rem;
}

.select-choose .submit-btn {
    display: block;
    -ms-flex: 1;
    flex: 1;
    color: #fff;
    height: .78rem;
    line-height: .78rem;
    font-size: .32rem;
    text-align: center;
    border-radius: .1rem;
    border: 1px solid #1b81dd;
    background-color: #2565FF;
}

.icon {
    vertical-align: middle;
}

.ask-detail-panel-title {
    padding-left: .19rem;
    /*border-left: .06rem solid #2565FF;*/
    border-bottom: 1px solid #F6F6F6;
    line-height: 1.06rem;
    font-size: .32rem;
    color: #333333;
    font-weight:500;
}

.ask-detail-panel-title-link {
    position: relative;
}

.ask-detail-panel-title-line {
    position: relative;
}


.ask-detail-panel-title-line:before {
    content: " ";
    position: absolute;
    width: .06rem;
    height: .36rem;
    background-color: #548cdf;
    left: 0;
    top: 50%;
    margin-top: -.18rem;
    z-index: 5;
}



.filter-nav {
    height: .88rem;
    display: flex;
    flex-direction: row;
    align-items: center;
    /*padding: 0 0.56rem;*/
    border-bottom: 1px solid #F6F6F6;
}

.filter-nav .tab-list {
    height: 100%;
    width: 100%;
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    align-items: center;
}
.filter-nav .tab-list .active {
    color: #2565FF;
    font-weight: bold;
}
.filter-nav .tab-list>.active>.none-img {
    display: none !important;
}
.filter-nav .tab-list>.active>.block-img {
    display: block;
}
.filter-nav  .tab-list>li {
    color: #333;
    font-size: .26rem;
    display: flex;
    align-items: center;
}
.filter-nav  .tab-list>li>img {
    margin-left: 0.13rem;
    width: .14rem;
    height: .09rem;
}
.filter-nav .tab-list>li>.block-img {
    display: none;
}


.filter-nav .tab-list>li>.rotate {
    width: .29rem;
    height: .36rem;
}

.filter-nav .tab-list>li>.rotate2 {
    display: none;
}


.screen {
    position: sticky;
    width: 100%;
    top: 0;
    left: 0;
    background: #fff;
    z-index: 100;
}
.screen.fixed {
    position: fixed;
    top: 0;
    left: 0;
}
.screen-list .rotate {
    width: .29rem;
    height: .36rem;
}
.screen-list {
    display: flex;
    position: relative;
    border-bottom: .03rem solid #F6F6F6;
    justify-content: space-between;
}
.screen-list>li {
    /*          flew-grow: 0;
              flex-shrink: 0;
              flex-basis: 2rem;*/
    height: 1rem;
    cursor: pointer;
    overflow: hidden;

}
.screen-list .screen-txt{
    font-size: .26rem;
    color: #333;
    font-family:PingFang SC;
    font-weight:500;
}

.screen-list>li .screen-wrap {
    justify-content: start;
    display: flex;
    align-items: center;
    height: 1rem;
}
.screen-list>li .icon-search-down {
    display: inline-block;
    width: .226rem;
    height: .133rem;
    margin-left: .133rem;
    background-position: center;
    background-repeat: no-repeat;
    background-image: url("../images/drop_down@2x.png");
    background-size: 100%;
}
.screen-list>li.active .icon-search-down {
    background-image: url("../images/pull_up@2x.png");
}
.screen-list>li.active .screen-txt {
    color: #2565FF;
    font-weight: bold;
}
.choose-list {
    height: 5.3rem;
    overflow-y: auto;
}
.screen-panel {
    display: none;
}
.screen-item.active .screen-panel{
    display: block;
}
#prop {
    width: 100%;
    height: 100%;
    position: fixed;
    top: 0;
    left: 0;
    background-color: rgba(0,0,0,0.6);
    z-index: 10;
    display: none;
}

.filter-ask {
    position: absolute;
    top: 1rem;
    left: 0;
    width: 100%;
    background: #ffffff;
}
.filter-ask .filter-item {
    display: flex;
}

.filter-ask .filter-item .left-wrap {
    width: 40%;
    height: 6.67rem;
    overflow-y: auto;
}
.filter-ask .filter-item .left-wrap .list-item {
    display: block;
    width: 100%;
    height: .8rem;
    line-height: .8rem;
    overflow: hidden;
    padding: 0 .27rem 0 .7rem;
    background-color: #ffffff;
    font-size: .26rem;
    color: #908f8f;
    white-space: nowrap;
    text-overflow: ellipsis;
    border-bottom: 1px solid #F6F6F6;
}
.filter-ask .filter-item .center-wrap .list-item {
    display: block;
    width: 100%;
    height: .8rem;
    line-height: .8rem;
    overflow: hidden;
    /*padding: 0 .27rem 0 .7rem;*/
    background-color: #ffffff;
    font-size: .26rem;
    color: #908f8f;
    white-space: nowrap;
    text-overflow: ellipsis;
    border-bottom: 1px solid #F6F6F6;
}

.filter-ask .filter-item .center-wrap {
    width: 100%;
    text-align: center;
}
.filter-ask .filter-item .right-wrap {
    width: 60%;
    height: 6.67rem;
    overflow-y: auto;
}
.filter-ask .filter-item .right-wrap .list-item {
    display: block;
    width: 100%;
    height: .8rem;
    line-height: .8rem;
    overflow: hidden;
    padding: 0 .27rem 0 .7rem;
    background-color: #fff;
    font-size: .26rem;
    color: #908f8f;
    white-space: nowrap;
    text-overflow: ellipsis;
    border-bottom: 1px solid #F6F6F6;
}

.filter-ask .filter-item .list-item.active {
    color: #2565FF;
}

.back-bg {
    background: #ffffff;
}

.mask {
    display: none;
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    z-index: 1000;
}

.mask .nav {
    background-color: #fff;
    overflow: auto;
    box-sizing: border-box;
    height: 100%;
    padding: 1.88rem 0;
}

.mask .nav ul {
    display: flex;
    display: -webkit-flex;
    text-align: center;
    flex-wrap: wrap;
    padding: 0 5%;
}

.mask .nav li {
    flex-basis: 25%;
    padding: 0 0 .6rem;
}
.mask .nav .link {
    display: block;
    padding: .826667rem 0 0;
    width: 100%;
}
.mask .nav img {
    height: .68rem;
    width: .68rem;
    border-radius: .52rem;
    display: block;
    margin: 0 auto;
}

.mask .nav strong {
    display: block;
    font-size: .26rem;
    color: #333333;
    padding: .08rem 0 0;
    height: .746667rem;
    line-height: .746667rem;
    font-family: PingFangSC-Regular;
    font-weight: 400;
}

.mask .nav-header {
    position: absolute;
    top: .76rem;
    right: .49rem;
}
.mask .nav-header img {
    width: .36rem;
    height: .36rem;
}

.immProjectInfo {
    display: -ms-flexbox;
    display: flex;
    padding: .8rem 0 .466667rem;
}

/*S卡片列表*/

.site-card .project-img {
    width: 100%;
    height: 3.4rem;
    display: block;
    background: center center;
    background-size: cover;
    border-radius: .2rem .2rem 0 0 ;
}

.site-card .pi-root-div {
    margin-bottom: .3rem;
}
.site-card .proItem-div-card-text {
    display: flex;
    display: -webkit-flex;
    flex-direction: row;
    align-items: center;
    padding: .3rem .2rem;
    border-bottom-left-radius: .133333rem;
    border-bottom-right-radius: .133333rem;
    box-shadow: 0.026667rem 0.066667rem 0.133333rem #ccc;
}
.site-card .pi-root-div .tags {
    position: absolute;
    top: .3rem;
    left: 0;
    width: 1.2rem;
    height: .48rem;
    line-height: .48rem;
    background: #2565FF;
    font-size: .24rem;
    font-family: Adobe Heiti Std R;
    font-weight: 400;
    color: #feefcc;
    text-align: center;
    z-index: 1;
    border-radius: 0 .3rem .3rem 0;
}
.site-card .pro-item-info {
    margin-left: .25rem;
}
.site-card .pro-item-info .title-en {
    color: #333333;
    font-size: .32rem;
}
.site-card .pro-item-info .title {
    color: #333333;
    font-size: .24rem;
}
.site-card .pro-item-ac {
    display: block;
    text-align: center;
    font-size: .333333rem;
    color: #333;
    line-height: .426667rem;
    font-family: Arial;
    font-weight: 700;
}

.site-card .pro-item-ac-span {
    line-height: .533333rem;
    color: #ed5757;
    font-size: .3rem;
    font-family: Arial;
    font-weight: 700;
}

.site-card .pro-item-ac1 {
    display: block;
    margin-top: .1rem;
    text-align: center;
    font-size: .25rem;
    line-height: .32rem;
    color: #333;
}

.site-card .proItem-zhouqi {
    flex-grow: 1;
}

.site-card .pro-item-line-v {
    width: .026667rem;
    height: .746667rem;
    background: #ededed;
}
/*E卡片列表*/



.baike-list {
    display: box;
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-flex-direction: row;
    -moz-flex-direction: row;
    -ms-flex-direction: row;
    -o-flex-direction: row;
    flex-direction: row;
    -webkit-box-lines: multiple;
    -webkit-flex-wrap: wrap;
    -moz-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    -o-flex-wrap: wrap;
    flex-wrap: wrap;
    align-content: flex-start;
}
.baike-list .item:nth-child(odd) {
    margin-right: .266667rem;
}
.baike-list .item {
    width: calc(50% - .13333rem);
    /*height: 1.52rem;*/
    background: #EDF2FE;
    border-radius: .1rem;
    padding: .25rem .3rem;
    box-sizing: border-box;
    margin-bottom: .266667rem;
    vertical-align: middle;
}

.baike-list .item .text {
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    font-size: .28rem;
    color: #666666;
}

.richBox {
    position: relative;
    max-height: 11rem;
    overflow: hidden;
}
.richBox.active {
    max-height: none;
}
.richBox .shadow {
    bottom: 0;
    left: 0;
    right: 0;
    height: 1rem;
    line-height: 1rem;
    display: none;
    padding: .3rem 0 0;
    position: absolute;
    font-size: .3rem;
    font-family: PingFangSC-Regular;
    font-weight: 400;
    color: #0491ff;
    text-align: center;
    background: -webkit-linear-gradient(hsla(0,0%,100%,0),hsla(0,0%,100%,.95),#fff);
    background: linear-gradient(hsla(0,0%,100%,0),hsla(0,0%,100%,.95),#fff);
}

.shadow.active {
    display: block;
}

.detail-banner img{
    width: 100%;
    height: 4.5rem;
}

.dropdown {
    position: absolute;
    top: .35rem;
    right: .2rem;
}
.dropdown .header-nav-icon {
    margin-left: .346667rem;
    width: .48rem;
    height: .48rem;
    display: block;
    background: url(../images/arrow-down.png) 0 0 no-repeat;
    background-size: contain;
    z-index: 2;
    position: relative;
}


.details-tabs.active .tab-content {
    margin: 1.5rem 0 1.5rem;
    min-height: 10rem;
}

.subcolumn-nav-location {
    height: .58rem;
    font-size: 12px;
    background: #F5F5F5;
}
.subcolumn-nav-location li {
    line-height: .58rem;
    float: left;
    font-size: .2rem;
}
.subcolumn-nav-location a {
    text-decoration: none;
    display: inline-block;
    font-size: .2rem;
    line-height: .58rem;
    text-align: center;
    color: #666666;
    -webkit-transition: all .6s cubic-bezier(.165,.84,.44,1) 0ms;
    transition: all .6s cubic-bezier(.165,.84,.44,1) 0ms;
}