/***<jscompress sourcefile="iconfont.css" />*/

/***<jscompress sourcefile="owl.carousel.css" />*/

/* *Core Owl Carousel CSS File *v1.3.3 */

/* clearfix */

/***<jscompress sourcefile="base.css" />*/

/*重置浏览器样式*/

/***<jscompress sourcefile="jquery.mCustomScrollbar.css" />*/

/* basic scrollbar styling */

/* vertical scrollbar */

/***<jscompress sourcefile="imgShow.css" />*/

/***<jscompress sourcefile="articleFont.css" />*/

/***<jscompress sourcefile="style.css" />*/

/*css reset*/

@font-face {
    font-family: "iconfont";
    src: url('../iconfonts/iconfont.eot?t=1495616916946');
    src: url('iconfonts/iconfont.eot?t=1495616916946#iefix') format('embedded-opentype'), url('iconfonts/iconfont.woff?t=1495616916946') format('woff'), url('iconfonts/iconfont.ttf?t=1495616916946') format('truetype'), url('iconfonts/iconfont.svg?t=1495616916946#iconfont') format('svg')
}

.iconfont {
    font-family: "iconfont" !important;
    font-size: 16px;
    font-style: normal;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale
}

.icon-xiangshangshuangjiantou:before {
    content: "\e69a"
}

.icon-erweima:before {
    content: "\e6c1"
}

.icon-dingyue:before {
    content: "\e6cd"
}

.icon-sousuo:before {
    content: "\e600"
}

.icon-shuaxin:before {
    content: "\e601"
}

.icon-twitter:before {
    content: "\e6d6"
}

.icon-shezhi:before {
    content: "\e69b"
}

.icon-fangkuai:before {
    content: "\e602"
}

.icon-changjianwenti:before {
    content: "\e6bd"
}

.icon-tushu:before {
    content: "\e629"
}

.icon-changjianwenti1:before {
    content: "\e6be"
}

.icon-fenlei:before {
    content: "\e640"
}

.icon-duihua:before {
    content: "\e641"
}

.icon-fenxiang:before {
    content: "\e642"
}

.icon-yinle:before {
    content: "\e643"
}

.icon-music:before {
    content: "\e644"
}

.icon-shijian:before {
    content: "\e645"
}

.icon-gerenxinxi:before {
    content: "\e69c"
}

.icon-daochu:before {
    content: "\e603"
}

.icon-ttpodicon:before {
    content: "\e62a"
}

.icon-shangchuan:before {
    content: "\e604"
}

.icon-fenxiang1:before {
    content: "\e646"
}

.icon-facebook:before {
    content: "\e6d7"
}

.icon-fenlei1:before {
    content: "\e647"
}

.icon-101:before {
    content: "\e648"
}

.icon-shezhi1:before {
    content: "\e69d"
}

.icon-unie614:before {
    content: "\e605"
}

.icon-zhuce:before {
    content: "\e649"
}

.icon-ordinarydownload:before {
    content: "\e606"
}

.icon-fenxiang2:before {
    content: "\e64a"
}

.icon-cooperation:before {
    content: "\e64b"
}

.icon-fenlei2:before {
    content: "\e64c"
}

.icon-sixin:before {
    content: "\e607"
}

.icon-iconxin:before {
    content: "\e608"
}

.icon-fenxiang3:before {
    content: "\e64d"
}

.icon-lianjie:before {
    content: "\e69e"
}

.icon-erweima1:before {
    content: "\e6c2"
}

.icon-jianhao:before {
    content: "\e69f"
}

.icon-iconfontyonghu:before {
    content: "\e64e"
}

.icon-sanjiao:before {
    content: "\e609"
}

.icon-cuowu:before {
    content: "\e62b"
}

.icon-xiazai:before {
    content: "\e6c0"
}

.icon-shoucang:before {
    content: "\e60a"
}

.icon-yinyongwenzi:before {
    content: "\e6c5"
}

.icon-zhengque:before {
    content: "\e62c"
}

.icon-login-user:before {
    content: "\e64f"
}

.icon-quanping:before {
    content: "\e650"
}

.icon-refresh:before {
    content: "\e6e6"
}

.icon-jiantou:before {
    content: "\e651"
}

.icon-xinwen:before {
    content: "\e60b"
}

.icon-duigou:before {
    content: "\e62d"
}

.icon-jiantou1:before {
    content: "\e652"
}

.icon-guanyuwomen:before {
    content: "\e653"
}

.icon-xiazai1:before {
    content: "\e60c"
}

.icon-zhaozhuanjia:before {
    content: "\e654"
}

.icon-shouye:before {
    content: "\e60d"
}

.icon-gongnenganniu:before {
    content: "\e60e"
}

.icon-aboutus:before {
    content: "\e655"
}

.icon-biji01:before {
    content: "\e656"
}

.icon-duihua2:before {
    content: "\e657"
}

.icon-gerenxinxi1:before {
    content: "\e6a0"
}

.icon-weikan:before {
    content: "\e60f"
}

.icon-dengluzhaodao:before {
    content: "\e658"
}

.icon-changjianwenti2:before {
    content: "\e6bf"
}

.icon-cuowu1:before {
    content: "\e62e"
}

.icon-cp-number:before {
    content: "\e610"
}

.icon-duihua1:before {
    content: "\e659"
}

.icon-zhuanjia:before {
    content: "\e62f"
}

.icon-quanping1:before {
    content: "\e65a"
}

.icon-nv:before {
    content: "\e6a1"
}

.icon-fangkuai1:before {
    content: "\e611"
}

.icon-renzheng:before {
    content: "\e630"
}

.icon-xinjian:before {
    content: "\e612"
}

.icon-nan:before {
    content: "\e6a2"
}

.icon-dizhi:before {
    content: "\e613"
}

.icon-guanchapingjia:before {
    content: "\e65b"
}

.icon-pinpai:before {
    content: "\e65c"
}

.icon-zhaopin:before {
    content: "\e65d"
}

.icon-speech3:before {
    content: "\e65e"
}

.icon-google:before {
    content: "\e6d8"
}

.icon-ziyuan1:before {
    content: "\e6a3"
}

.icon-morentouxiang:before {
    content: "\e65f"
}

.icon-qikan:before {
    content: "\e614"
}

.icon-news:before {
    content: "\e615"
}

.icon-zanzan:before {
    content: "\e660"
}

.icon-grxx:before {
    content: "\e6a4"
}

.icon-zixun:before {
    content: "\e661"
}

.icon-write:before {
    content: "\e627"
}

.icon-qiyexinwen:before {
    content: "\e662"
}

.icon-jiahao:before {
    content: "\e6a5"
}

.icon-zhengcefagui:before {
    content: "\e663"
}

.icon-tongji:before {
    content: "\e6a6"
}

.icon-huishouzhan:before {
    content: "\e6a7"
}

.icon-linkedin:before {
    content: "\e6f0"
}

.icon-yinyong:before {
    content: "\e6c6"
}

.icon-quanping2:before {
    content: "\e664"
}

.icon-wen:before {
    content: "\e665"
}

.icon-45816:before {
    content: "\e616"
}

.icon-zhengcefagui1:before {
    content: "\e666"
}

.icon-pinpai1:before {
    content: "\e667"
}

.icon-qiye:before {
    content: "\e6a8"
}

.icon-fanyifuwu:before {
    content: "\e668"
}

.icon-wangzhi:before {
    content: "\e631"
}

.icon-huishouzhan1:before {
    content: "\e6a9"
}

.icon-zonglan:before {
    content: "\e669"
}

.icon-wenzhang:before {
    content: "\e66a"
}

.icon-pdf:before {
    content: "\e617"
}

.icon-html:before {
    content: "\e6ce"
}

.icon-renzheng1:before {
    content: "\e632"
}

.icon-shuangjiantouxiangyou:before {
    content: "\e6aa"
}

.icon-shuangjiantouxiangzuo:before {
    content: "\e6ab"
}

.icon-renzheng2:before {
    content: "\e633"
}

.icon-zonglan1:before {
    content: "\e66b"
}

.icon-riqi:before {
    content: "\e66c"
}

.icon-arrows-copy:before {
    content: "\e66d"
}

.icon-16:before {
    content: "\e6c7"
}

.icon-zhuanjia1:before {
    content: "\e634"
}

.icon-zhuanjia2:before {
    content: "\e635"
}

.icon-youjiantou-copy:before {
    content: "\e66e"
}

.icon-lianjie1:before {
    content: "\e636"
}

.icon-chanpin:before {
    content: "\e66f"
}

.icon-zhuanli:before {
    content: "\e637"
}

.icon-webxinshishihuiyitianjialianxirenicon:before {
    content: "\e638"
}

.icon-xin:before {
    content: "\e618"
}

.icon-huiyi:before {
    content: "\e639"
}

.icon-xinwen1:before {
    content: "\e670"
}

.icon-shuangjiantouxia:before {
    content: "\e6ac"
}

.icon-xinwen-copy:before {
    content: "\e6ad"
}

.icon-qiye1:before {
    content: "\e6ae"
}

.icon-tougao:before {
    content: "\e628"
}

.icon-chengguozhuanhua:before {
    content: "\e6af"
}

.icon-fangkuaixiakuai:before {
    content: "\e671"
}

.icon-fangkuaishangkuai:before {
    content: "\e672"
}

.icon-fangkuaiyoukuai:before {
    content: "\e673"
}

.icon-fangkuaizuokuai:before {
    content: "\e674"
}

.icon-pinpa:before {
    content: "\e675"
}

.icon-jigou:before {
    content: "\e63a"
}

.icon-shoujiwangye01:before {
    content: "\e619"
}

.icon-hezuo:before {
    content: "\e676"
}

.icon-xingming:before {
    content: "\e6c4"
}

.icon-gerenkongjian:before {
    content: "\e677"
}

.icon-chanpin1:before {
    content: "\e678"
}

.icon-iconfontdialog:before {
    content: "\e679"
}

.icon-guanyuwomen1:before {
    content: "\e6b0"
}

.icon-yueduquanwen:before {
    content: "\e67a"
}

.icon-erweima2:before {
    content: "\e67b"
}

.icon-jieduzhong:before {
    content: "\e67c"
}

.icon-duigou1:before {
    content: "\e6b1"
}

.icon-zhuanjiajieda:before {
    content: "\e67d"
}

.icon-erweima3:before {
    content: "\e67e"
}

.icon-zixun1:before {
    content: "\e67f"
}

.icon-daochuxml:before {
    content: "\e61a"
}

.icon-triangle-left:before {
    content: "\e61b"
}

.icon-hezuo1:before {
    content: "\e680"
}

.icon-wenzhang1:before {
    content: "\e932"
}

.icon-peixun:before {
    content: "\e681"
}

.icon-xinwenzixuneps:before {
    content: "\e61c"
}

.icon-tianjiawenjian:before {
    content: "\e6d3"
}

.icon-renzheng3:before {
    content: "\e63b"
}

.icon-hot:before {
    content: "\e61d"
}

.icon-google-side:before {
    content: "\e6d9"
}

.icon-daochu1:before {
    content: "\e6c8"
}

.icon-baoming:before {
    content: "\e6b2"
}

.icon-22-copy:before {
    content: "\e6b3"
}

.icon-gerenxinxi2:before {
    content: "\e6b4"
}

.icon-icons64x6472:before {
    content: "\e682"
}

.icon-icon02:before {
    content: "\e6b5"
}

.icon-jigou1:before {
    content: "\e63c"
}

.icon-comments:before {
    content: "\e683"
}

.icon-yinyongwenxian:before {
    content: "\e6c9"
}

.icon-morentouxiang1:before {
    content: "\e684"
}

.icon-weikan001:before {
    content: "\e6b6"
}

.icon-pinpai2:before {
    content: "\e685"
}

.icon-wendang:before {
    content: "\e686"
}

.icon-jiedubaogao:before {
    content: "\e687"
}

.icon-yonghuming:before {
    content: "\e61e"
}

.icon-dengluzhuce:before {
    content: "\e688"
}

.icon-aixin-copy:before {
    content: "\e61f"
}

.icon-dongtai:before {
    content: "\e6b7"
}

.icon-rencaizhaopin:before {
    content: "\e689"
}

.icon-huidaodingbu-copy:before {
    content: "\e620"
}

.icon-xinwen2:before {
    content: "\e68a"
}

.icon-txt:before {
    content: "\e6b8"
}

.icon-pdf1:before {
    content: "\e6dc"
}

.icon-html6:before {
    content: "\e6dd"
}

.icon-fangkuai2:before {
    content: "\e68b"
}

.icon-baoming1:before {
    content: "\e6b9"
}

.icon-zixun2:before {
    content: "\e68c"
}

.icon-yinyongzhushou:before {
    content: "\e6ca"
}

.icon-youxiang:before {
    content: "\e621"
}

.icon-iconkaifazhexinxi:before {
    content: "\e68d"
}

.icon-wangzhi1:before {
    content: "\e63d"
}

.icon-tougaodashang:before {
    content: "\e6ba"
}

.icon-biji-copy:before {
    content: "\e68e"
}

.icon-peixun1:before {
    content: "\e68f"
}

.icon-txt1:before {
    content: "\e6bb"
}

.icon-chanpin2:before {
    content: "\e690"
}

.icon-houtui:before {
    content: "\e622"
}

.icon-shoujihao:before {
    content: "\e623"
}

.icon-zhaopin1:before {
    content: "\e691"
}

.icon-unzanB:before {
    content: "\e692"
}

.icon-zhuanjia3:before {
    content: "\e693"
}

.icon-zhuanli1:before {
    content: "\e63e"
}

.icon-fanyi:before {
    content: "\e694"
}

.icon-gender:before {
    content: "\e6c3"
}

.icon-huiyi1:before {
    content: "\e63f"
}

.icon-shouye-copy:before {
    content: "\e624"
}

.icon-biji:before {
    content: "\e695"
}

.icon-morentu:before {
    content: "\e696"
}

.icon-linkedin1:before {
    content: "\e862"
}

.icon-celve:before {
    content: "\e6cb"
}

.icon-xiangqian:before {
    content: "\e625"
}

.icon-tongji1:before {
    content: "\e6bc"
}

.icon-sanjiao1:before {
    content: "\e626"
}

.icon-guankan:before {
    content: "\e697"
}

.icon-bhjtraining:before {
    content: "\e698"
}

.icon-icon2:before {
    content: "\e699"
}

.icon-html1:before {
    content: "\e6cf"
}

.icon-twitter1:before {
    content: "\e6da"
}

.icon-facebook1:before {
    content: "\e71d"
}

.icon-html2:before {
    content: "\e6d0"
}

.icon-daochu2:before {
    content: "\e6cc"
}

.icon-html3:before {
    content: "\e719"
}

.icon-tianjiawenjianjia:before {
    content: "\e6d4"
}

.icon-html4:before {
    content: "\e6d1"
}

.icon-html5:before {
    content: "\e6d2"
}

.icon-tianjiawenjianjia1:before {
    content: "\e6d5"
}

.icon-daochu3:before {
    content: "\e6e4"
}

.icon-yinyongwenxian1:before {
    content: "\e6e5"
}

.icon-tupian2:before {
    content: "\e6e7"
}

.icon-tuwen2:before {
    content: "\e6e8"
}

.icon-wenbenmoshi:before {
    content: "\e6e9"
}

.icon-daochu4:before {
    content: "\e6ea"
}

.icon-yinyong1:before {
    content: "\e6eb"
}

@media screen and (max-width:1200px) {
    @font-face {
        font-family: "iconfont";
        src: url('../../iconfonts/app/iconfont.eot?t=1503381361794');
        src: url('../../iconfonts/app/iconfont.eot?t=1503381361794#iefix') format('embedded-opentype'), url('../../iconfonts/app/iconfont.woff?t=1503381361794') format('woff'), url('../../iconfonts/app/iconfont.ttf?t=1503381361794') format('truetype'), url('../../iconfonts/app/iconfont.svg?t=1503381361794#iconfont') format('svg')
    }
    .iconfont {
        font-family: "iconfont" !important;
        font-size: 16px;
        font-style: normal;
        -webkit-font-smoothing: antialiased;
        -moz-osx-font-smoothing: grayscale
    }
    .icon-tuce:before {
        content: "\e61e"
    }
    .icon-cuo:before {
        content: "\e702"
    }
    .icon-qqkongjian:before {
        content: "\e603"
    }
    .icon-qq:before {
        content: "\e60e"
    }
    .icon-pdf:before {
        content: "\e69b"
    }
    .icon-xml:before {
        content: "\ebc3"
    }
    .icon-navbar:before {
        content: "\e605"
    }
    .icon-jiliangdian:before {
        content: "\e615"
    }
    .icon-weibo:before {
        content: "\e6eb"
    }
    .icon-jiantouarrowup:before {
        content: "\e601"
    }
    .icon-icon-:before {
        content: "\e659"
    }
    .icon-jia:before {
        content: "\e619"
    }
    .icon-fenxiang:before {
        content: "\e7ae"
    }
    .icon-jian:before {
        content: "\e620"
    }
    .icon-search:before {
        content: "\e600" !important
    }
}

.owl-carousel .owl-wrapper:after {
    content: ".";
    display: block;
    clear: both;
    visibility: hidden;
    line-height: 0;
    height: 0
}

.owl-carousel {
    display: none;
    position: relative;
    width: 100%;
    -ms-touch-action: pan-y
}

.owl-carousel .owl-wrapper {
    display: none;
    position: relative;
    -webkit-transform: translate3d(0px, 0px, 0px)
}

.owl-carousel .owl-wrapper-outer {
    overflow: hidden;
    position: relative;
    width: 100%
}

.owl-carousel .owl-wrapper-outer.autoHeight {
    -webkit-transition: height 500ms ease-in-out;
    -moz-transition: height 500ms ease-in-out;
    -ms-transition: height 500ms ease-in-out;
    -o-transition: height 500ms ease-in-out;
    transition: height 500ms ease-in-out
}

.owl-carousel .owl-item {
    float: left
}

.owl-controls .owl-page,
.owl-controls .owl-buttons div {
    cursor: pointer
}

.owl-controls {
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    -webkit-tap-highlight-color: rgba(0, 0, 0, 0)
}

.owl-carousel .owl-wrapper,
.owl-carousel .owl-item {
    -webkit-backface-visibility: hidden;
    -moz-backface-visibility: hidden;
    -ms-backface-visibility: hidden;
    -webkit-transform: translate3d(0, 0, 0);
    -moz-transform: translate3d(0, 0, 0);
    -ms-transform: translate3d(0, 0, 0)
}

.owl-theme .owl-controls {
    text-align: center
}

.owl-theme .owl-controls.clickable .owl-buttons div:hover {
    filter: Alpha(Opacity=100);
    opacity: 1;
    text-decoration: none
}

.owl-theme .owl-controls .owl-page {
    display: inline-block;
    zoom: 1;
    *display: inline
}

.owl-theme .owl-controls .owl-page span {
    display: block;
    width: 12px;
    height: 12px;
    margin: 5px 7px;
    filter: Alpha(Opacity=50);
    opacity: .5;
    -webkit-border-radius: 20px;
    -moz-border-radius: 20px;
    border-radius: 20px;
    background: #869791;
    overflow: hidden
}

.owl-theme .owl-controls .owl-page.active span,
.owl-theme .owl-controls.clickable .owl-page:hover span {
    filter: Alpha(Opacity=100);
    opacity: 1
}

.owl-theme .owl-controls .owl-page span.owl-numbers {
    height: auto;
    width: auto;
    color: #FFF;
    padding: 2px 10px;
    font-size: 12px;
    -webkit-border-radius: 30px;
    -moz-border-radius: 30px;
    border-radius: 30px
}


body,
div,
dl,
dt,
dd,
ul,
ol,
li,
h1,
h2,
h3,
h4,
h5,
h6,
pre,
code,
form,
fieldset,
legend,
input,
textarea,
p,
blockquote,
th,
td,
hr,
button,
article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
menu,
nav,
section {
    margin: 0;
    padding: 0
}

* {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box
}

fieldset,
img {
    border: 0
}

.statistics {
    display: inline-block
}

ul,
ol {
    list-style: none
}

input {
    padding: 0;
    margin: 0;
    outline: 0;
    background: 0;
    font-family: "Arial", "Helvetica,sans-serif";
    color: #999;
    border: 0
}

select,
input {
    vertical-align: middle
}

select,
input,
textarea {
    font-size: 14px;
    margin: 0
}

select {
    border: solid 1px #000;
    appearance: none;
    -moz-appearance: none;
    -webkit-appearance: none;
    -ms-appearance: none;
    background: url(../../images/select_arrow.png) no-repeat scroll right center #fff;
    background: none\9;
    padding-right: 25px;
    padding-right: 0\9
}

select::-ms-expand {
    display: none
}

textarea {
    resize: none
}

table {
    border-collapse: collapse
}

h1,
h2,
h3,
h4,
h5,
h6 {
    font-size: 100%;
    font-weight: normal
}

body {
    font-size: 14px;
    color: #333;
    font-family: "Arial", "Helvetica,sans-serif"
}

a {
    color: #666;
    text-decoration: none;
    cursor: pointer
}

a:visited,
a:focus {
    text-decoration: none !important
}

.clearfix:after {
    content: ".";
    display: block;
    height: 0;
    visibility: hidden;
    clear: both
}

.clearfix {
    zoom: 1
}

.clearit {
    clear: both;
    height: 0;
    font-size: 0;
    overflow: hidden
}

.clear:after {
    content: "";
    display: block;
    height: 0;
    *zoom: 1;
    clear: both
}

.fl {
    float: left
}

.fr {
    float: right
}

._table {
    display: table
}

._cell {
    display: table-cell;
    vertical-align: middle
}

.content {
    margin: 0 auto
}

.mainBg {
    background: #1280df;
    color: #fff
}

.colorRed {
    color: red
}

.textHidden {
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    display: block
}

.modal {
    z-index: 5000
}

.modal input {
    height: auto
}

.search-sub {
    text-align: center
}

.picBox {
    width: 520px;
    height: 160px;
    position: relative;
    margin: 0 auto;
    overflow: hidden
}

.picList {
    height: 100%;
    overflow: hidden;
    margin: 0 auto
}

.picList li {
    text-align: center;
    height: 100%;
    float: left;
    width: 520px;
    display: none
}

.picList li a {
    display: table-cell;
    height: 160px;
    vertical-align: middle;
    width: 520px
}

.picList li.active {
    display: block
}

.picPrev,
.picNext {
    position: absolute;
    top: 50%;
    margin-top: -22px !important;
    height: 44px !important;
    cursor: pointer;
    font-size: 35px !important;
    color: #666;
    text-decoration: none
}

.picPrev {
    left: 0
}

.picNext {
    right: 0
}

.article-pc .modal-footer {
    padding: 0;
    border: 0;
    text-align: left;
    display: inline-block
}

.derived i.current {
    color: #94c7ff
}

.tab-ul-index li {
    float: left;
    text-align: center;
    margin: 0 10px 0 0;
    background: #ccc
}

.tab-ul-index li.active a {
    color: #fff;
    font-weight: bolder
}

.tab-ul-index li a {
    font-size: 14px;
    color: #333;
    display: block;
    line-height: 37px
}

.toolBoxBorder {
    font-size: 13px
}

.column {
    border: 1px solid #ccc;
    cursor: pointer;
    position: relative
}

.column ._table {
    height: 26px
}

.column i {
    font-size: 14px;
    padding: 0 5px;
    line-height: 18px
}

.column span {
    margin-right: 3px
}

.column-list {
    width: 200px;
    border: 1px solid #eee;
    box-shadow: 1px 1px 1px #eee;
    position: absolute;
    background: #fff;
    top: 27px;
    padding: 10px;
    z-index: 200;
    display: none;
    left: 0
}

.column-list li {
    line-height: 15px;
    border-bottom: 1px solid #ccc;
    padding: 5px 0
}

.column-list li b {
    font-size: 8px;
    margin-right: 5px
}

.column-list li a:hover {
    text-decoration: none
}

.chooseAll input {
    margin-right: 5px;
    margin-top: -3px
}

.derived i {
    cursor: pointer;
    font-size: 20px;
    vertical-align: middle;
    color: #394884
}

.modal-header h2 {
    font-size: 18px
}

.ReferenceScroll p {
    padding-bottom: 5px
}

.fixP {
    font-size: 14px
}

#copyReference {
    height: 310px;
    overflow: hidden
}

.modal-dialog.modalWidth {
    width: 800px
}

.singleTool {
    position: absolute;
    right: 0;
    bottom: 10px
}

.singleTool i {
    display: block;
    cursor: pointer;
    color: #ccc;
    margin-top: 3px
}

.citation {
    padding-bottom: 10px
}

#colorbox,
#cboxOverlay,
#cboxWrapper {
    position: absolute;
    top: 0;
    left: 0;
    z-index: 9999;
    overflow: hidden;
    -webkit-transform: translate3d(0, 0, 0)
}

#cboxWrapper {
    max-width: none
}

#cboxOverlay {
    position: fixed;
    width: 100%;
    height: 100%
}

#cboxMiddleLeft,
#cboxBottomLeft {
    clear: left
}

#cboxContent {
    position: relative
}

#cboxLoadedContent {
    overflow: auto;
    -webkit-overflow-scrolling: touch
}

#cboxTitle {
    margin: 0
}

#cboxLoadingOverlay,
#cboxLoadingGraphic {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%
}

#cboxPrevious,
#cboxNext,
#cboxClose,
#cboxSlideshow {
    cursor: pointer;
    border: 0
}

.cboxPhoto {
    float: left;
    margin: auto;
    border: 0;
    display: block;
    max-width: none;
    -ms-interpolation-mode: bicubic
}

.cboxIframe {
    width: 100%;
    height: 100%;
    display: block;
    border: 0;
    padding: 0;
    margin: 0
}

#colorbox,
#cboxContent,
#cboxLoadedContent {
    box-sizing: content-box;
    -moz-box-sizing: content-box;
    -webkit-box-sizing: content-box
}


#colorbox {
    outline: 0
}

#cboxContent {
    background: #fff;
    overflow: hidden
}

.cboxIframe {
    background: #fff
}

#cboxError {
    padding: 50px;
    border: 1px solid #ccc
}

#cboxLoadedContent {
    margin-top: 28px
}

#cboxTitle {
    position: absolute;
    top: 5px;
    left: 0;
    text-align: center;
    width: 100%;
    color: #949494
}

#cboxCurrent {
    position: absolute;
    bottom: 4px;
    left: 58px;
    color: #949494;
    display: none !important
}

these elements are buttons,
and may need to have additional styles reset to avoid unwanted base styles #cboxPrevious,
#cboxNext,
#cboxSlideshow,
#cboxClose {
    border: 0;
    padding: 0;
    margin: 0;
    overflow: visible;
    width: auto;
    background: 0
}

avoid outlines on :active(mouseclick),
but preserve outlines on :focus(tabbed navigating) #cboxPrevious:active,
#cboxNext:active,
#cboxSlideshow:active,
#cboxClose:active {
    outline: 0
}

#cboxSlideshow {
    position: absolute;
    bottom: 4px;
    right: 30px;
    color: #0092ef
}

#cboxPrevious:hover {
    background-position: -75px -25px
}

#cboxNext:hover {
    background-position: -50px -25px
}

#cboxClose:hover {
    background-position: -25px -25px
}

.cboxIE #cboxTopLeft,
.cboxIE #cboxTopCenter,
.cboxIE #cboxTopRight,
.cboxIE #cboxBottomLeft,
.cboxIE #cboxBottomCenter,
.cboxIE #cboxBottomRight,
.cboxIE #cboxMiddleLeft,
.cboxIE #cboxMiddleRight {
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#00FFFFFF, endColorstr=#00FFFFFF)
}

.priorityPrompt {
    line-height: 24px;
    font-size: 13px;
    padding-top: 20px
}


.commontit {
    font-size: 18px;
    font-weight: bold;
    text-align: center;
    line-height: 26px
}

.article-list {
    border-bottom: 1px solid #cdd2d4;
    padding: 14px 20px;
    height: auto;
    overflow: hidden;
    position: relative;
    width: 100%
}

.article-list-left {
    position: absolute;
    left: 0;
    width: 20px;
    top: 7px
}

.article-list-right {
    width: 100%
}

.article-list-title a:hover,
.article-list-author a:hover,
.article-list-time a:hover,
.article-list-zy font a:hover {
    text-decoration: underline
}

.article-list-author {
    line-height: 20px;
    color: #666
}

.article-list-time.latest_info {
    overflow: hidden;
    font-size: 12px
}

.article-list-time.latest_info>font {
    float: left
}

.article-list-zy {
    font-size: 12px;
    color: #333;
    line-height: 19px
}

.article-list-time font {
    line-height: 26px;
    color: #777
}

.article-list-zy font span,
.article-list-zy font a {
    display: inline-block
}

.article-list-zy font {
    padding: 0 10px
}

.article-list-zy .font1 {
    padding-left: 0
}

.article-list-zy.morenstyle span {
    text-align: justify
}

.article-list-zy.morenstyle {
    display: none
}

.article-list-zy.morenstyle.link-block {
    display: block
}

.article-list-journalg {
    display: inline-block;
    font-size: 14px;
    padding: 0 10px;
    line-height: 25px;
    margin: 20px 0 0
}

.article-list-journalg a {
    color: #fff
}

.article-list-journalg a:hover {
    cursor: default;
    color: #fff
}

.device {
    width: 574px;
    position: relative;
    height: 0;
    visibility: hidden
}

.device.active {
    height: 160px;
    visibility: inherit;
    margin: 20px auto
}

.device .arrow-left {
    position: absolute;
    left: 0;
    top: 50%;
    margin-top: -22px;
    height: 44px;
    cursor: pointer;
    font-size: 35px;
    color: #666;
    text-decoration: none
}

.device .arrow-right {
    position: absolute;
    right: 0;
    top: 50%;
    margin-top: -22px;
    height: 44px;
    cursor: pointer;
    font-size: 35px;
    color: #666;
    text-decoration: none
}

.swiper-container {
    height: 160px;
    width: 520px;
    margin-left: auto;
    margin-right: auto
}

.swiper-slide,
.swiper-slide1 {
    text-align: center;
    background: #fff;
    display: -webkit-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    -webkit-justify-content: center;
    vertical-align: middle;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    -webkit-align-items: center;
    align-items: center
}

.swiper-slide1 {
    width: 520px
}

.swiper-slide1 a {
    width: 520px;
    display: block
}

.swiper-slide a {
    width: 520px;
    display: block
}

.swiper-slide1 img {
    display: block;
    margin: auto
}

.journalIssue {
    font-weight: bold;
    font-size: 16px
}

.neighborCatalog {
    font-size: 16px;
    margin-right: 20px
}

.neighborCatalog a:hover {
    text-decoration: none;
    font-size: 17px;
    font-weight: bold
}

.pageTagsUlWrap {
    text-align: center;
    margin: 30px 0
}

.pageTagsUl {
    display: inline-block
}

.pageTagsUl li {
    float: left;
    border: 1px solid #ddd;
    padding: 4px 8px;
    text-align: center;
    cursor: pointer;
    margin-right: 4px
}

.pageTagsUl li.pageTagLiInfo {
    padding: none;
    border: 0
}

.pageTagsUl li.current {
    color: #fff
}

.pageTagsUl li.clickpage:hover {
    color: #fff
}

.pageTagsUl li.disabled {
    color: #999;
    cursor: not-allowed
}

.pageTagsUl li.disabled:hover {
    color: #999;
    background: #fff
}

.pageTagsUl li.input {
    padding: 2px 3px
}

.pageTagsUl li.input input {
    border: 0;
    background: 0;
    width: 30px;
    padding-left: 0;
    line-height: 24px;
    height: 24px
}

.pageTagsUl li select.selCss {
    border: 0;
    outline: 0;
    padding: 2px 20px 2px 4px
}

.liGoto input {
    width: 30px;
    height: 25px;
    border: 1px solid #ddd;
    padding: 0 5px
}

.liGoto .goto {
    color: #2871b1
}


.back-issue {
    padding-left: 61px
}

.back-issue-li {
    float: left;
    width: 100px;
    height: 52px;
    background: #e1e1e1;
    margin: 0 1px 1px 0
}

.back-issue-li p {
    padding-top: 7px;
    text-align: center
}

.back-issue-li p.alignLeft {
    text-align: left
}

.back-issue-li p {
    padding-top: 7px;
    padding-left: 9px
}

.alertBox h3 {
    font-size: 14px;
    margin-bottom: 20px;
    font-weight: bold
}

.alertBox p {
    margin-bottom: 15px;
    line-height: 25px
}

.box-search1 {
    padding: 0 15px
}

.box-search1 ul li {
    line-height: 35px
}

.box-search1 ul li input {
    background: 0;
    border: 0;
    border: 1px solid #ccc;
    height: 30px;
    padding-left: 10px;
    color: #333;
    margin: 0
}

.box-search1 ul li label {
    margin-left: 10px
}

.box-search1 ul li button {
    border-radius: 0;
    color: #fff;
    line-height: 25px;
    margin-right: 10px;
    margin-top: 20px;
    padding: 0 10px;
    text-align: center
}

.error {
    color: red
}

.box-top {
    font-size: 14px;
    margin-bottom: 20px;
    padding-bottom: 10px
}

.listp {
    padding: 10px 0 10px 12px;
    border-bottom: 1px dashed #ccc;
    background: url(../../images/circle.png) no-repeat left 18px;
    list-style: none
}

.listp a {
    float: left
}

.listp i {
    font-style: normal;
    float: right
}

.moreList {
    margin-bottom: 20px
}

.box-article h3 {
    font-size: 18px;
    font-weight: bold;
    margin: 0 0 10px 0
}

.shareMargin {
    margin: 0 0 10px;
    border-bottom: 1px dashed #ccc
}

.news-details-body.box-body .box-article-content p {
    line-height: 25px;
    margin-bottom: 10px
}

.box-article table {
    width: 100% !important;
    margin-top: 20px;
    border: 1px solid #ccc
}

.box-article table td {
    padding: 10px;
    border: 1px solid #ccc
}

.box-article-content {
    margin: 0 0 20px
}

.box-article-content p img {
    margin: 0 auto;
    max-width: 80% !important
}

.box-article-content img {
    margin: 0 auto
}

.connect-table {
    width: 100%
}

.connect-table tr {
    line-height: 30px;
    border-bottom: 1px dashed #ccc
}

.connect-table tr.connect-head {
    line-height: 25px;
    background: #e1e1e1;
    border-bottom: 0;
    font-weight: bold
}

.td-one {
    width: 25%
}

.td-two {
    width: 15%
}

.td-three {
    width: 60%
}

.conarch {
    width: 100%
}

.conarch .archtop {
    border-bottom: solid 1px #ccc;
    padding: 0 0 10px
}

.archtop .archtit {
    font-size: 22px;
    font-weight: bold;
    color: #666
}

.archtop .arcmethod li {
    width: 30px;
    height: 30px;
    line-height: 26px;
    margin-left: 7px;
    text-align: center;
    color: #333;
    float: left;
    cursor: pointer;
}

.archtop .arcmethod li.method2 {
    background-position: -35px 0
}

.archtop .arcmethod li.method3 {
    background-position: -70px 0
}

.archtop .arcmethod li.method1.active {
    background-position: 0 -35px
}

.archtop .arcmethod li.method2.active {
    background-position: -35px -35px
}

.archtop .arcmethod li.method3.active {
    background-position: -70px -35px
}

.archcon .arc-listit {
    margin-top: 20px
}

.archcon .arc-listit dd {
    width: 108px;
    height: 20px;
    border-right: solid 2px #ccc;
    margin-bottom: 12px;
    text-align: center
}

.archcon .arc-listit dd.active {
    background: #2298f4;
    border-radius: 3px 0 0 3px
}

.archcon .arc-listit .arctpoint {
    width: 10px;
    height: 10px;
    border-radius: 50%;
    padding: 6px;
    background-color: #2298f4;
    border: solid 1px #ddd;
    box-sizing: content-box;
    background-clip: content-box;
    margin: 0 0 5px 95px
}

.archcon .arc-listit dd.active a {
    color: #fff
}

.archcon .arc-listit dd a {
    color: #bbb
}

.archcon .archimg {
    width: 100%;
    margin-top: 20px;
    display: none;
    text-align: center
}

.archcon .ar-list.activein {
    display: block
}

.archcon .archimg.activein {
    display: block
}

.archcon .archimg li {
    float: left;
    margin: 0 0 10px;
    width: 33.33%
}

.archcon .archimg li a {
    display: block
}

.archcon .archimg li img {
    width: 120px;
    height: 160px;
    border: solid 1px #dfdfdf
}

.archimg li .arci-t {
    text-align: center;
    margin: 10px 0;
    font-size: 16px
}

.columnarc {
    display: none
}

.columimg {
    display: none
}

.columimg.activein {
    display: block
}

.archcon .ar-list {
    width: 100%;
    margin-top: 35px;
    display: none
}

.archcon .ar-list li {
    line-height: 32px;
    font-size: 16px
}

.archcon .ar-list li a {
    clear: both;
    color: #666
}

.archcon .ar-list li a:hover {
    color: #2298f4;
    text-decoration: underline
}

.archcon .ar-list .listpng {
    width: 6px;
    height: 10px;
    margin: 11px 12px 0 12px;
    display: block;
    float: left
}

.archcon .ar-list li a .arissue {
    text-align: right;
    display: block;
    float: left;
    width: 32px
}

.columlist {
    margin-left: 38px
}

.columlist .ar-list {
    display: none
}

.columlist.activein {
    display: block
}

.arcimgeng .archimg li {
    width: 450px;
    padding-bottom: 10px;
    margin-bottom: 15px;
    border-bottom: solid 1px #eee
}

.arcimgeng .archimg li img {
    width: 70px;
    height: 90px
}

.arci-t p {
    text-align: left;
    margin-left: 15px
}

.arci-t .voliss {
    font-size: 16px
}

.arci-t .voliss a {
    color: #0e5c9a
}

.arci-t .voliss .arcpage {
    font-size: 12px
}

.arci-t .voliss .arcpage a {
    color: #666
}

.arci-t .voliss .arctime {
    font-size: 12px
}

.arci-t .voliss .arctime a {
    color: #000
}

.article-list a {
    line-height: 26px
}

.article-list-title a {
    font-size: 15px;
    line-height: 26px
}

.article-list-author a {
    font-size: 12px
}

.allCenter {
    position: absolute;
    left: 0;
    top: 0;
    bottom: 0;
    margin: auto !important
}

.article-list-left span {
    width: 16px;
    height: 16px;
    line-height: initial
}

.search-wrap .searchFieldVal {
    padding: 6px 30px 6px 12px
}

.download .pdf-btn:hover .articleFont {
    color: #fff
}

.article-list-zy .box {
    position: relative;
    display: inline-block
}

.article-list-zy .box:before {
    content: '';
    width: 1px;
    height: 100%;
    background: #fff;
    position: absolute;
    right: 0;
    top: 0
}

.article-app {
    display: none
}

.nav-tabs {
    margin: 0 0 20px
}

.tab-content .form-horizontal .form-group {
    margin-left: 0;
    margin-right: 0
}

.archcon.archcon-new {
    margin: 20px 0 30px
}

.archcon.archcon-new dl {
    height: 22px
}

.archcon.archcon-new dl dd {
    background: #b3b3b3;
    float: left;
    margin: 0 1px;
    text-align: center
}

.archcon.archcon-new dl dd a {
    color: #fff;
    display: block
}

.archcon.archcon-new dl dd.archconVol {
    border-bottom: 0;
    color: #fff
}

.tab-images {
    margin-top: 15px
}

.booklist li {
    float: left;
    text-align: center;
    width: 25%;
    margin-bottom: 20px
}

.booklist li a {
    display: block;
    width: 100%;
    height: 150px;
    margin-bottom: 8px
}

.booklist li a img {
    width: 120px;
    height: 150px
}

.booklist li p {
    line-height: 17px
}

.article-header-new ul>li {
    position: relative
}

.article-header-new ul>li dl {
    position: absolute;
    left: 0;
    top: 54px;
    display: none
}

.article-header-new ul>li:hover dl {
    display: block
}

.article-header-new ul>li dl {
    background: #fff;
    border: 1px solid #cfd5e4;
    border-top: 0
}

.article-header-new ul>li dl dd a {
    display: block;
    text-transform: capitalize;
    line-height: 36px;
    font-size: 16px;
    padding: 0 10px;
    position: relative
}

.article-header-new ul>li dl dd a:after {
    content: '';
    width: 2px;
    height: 100%;
    background: transparent;
    position: absolute;
    left: 0;
    top: 0
}

.article-header-new ul>li dl dd:hover a {
    background: #f4f6f9
}

.article-header-new ul>li dl dd:hover a:after {
    background: #cbd0e1
}

.article_table_fullText .table-body table {
    overflow-x: auto
}

#searchResultTab li {
    text-align: left;
    padding: 0 0 6px
}

.phone-archive {
    display: none
}

.article-pc .container {
    padding: 0 15px
}

#FullText table img {
    max-width: 100%
}

sup {
    line-height: inherit
}

.banner .pagination {
    margin: 0;
    display: block
}

.iphone-wrapper {
    padding: 15px
}

.iphone-wrapper .mainColor {
    color: #333;
    line-height: 24px
}

.iphone-wrapper .full-text {
    font-size: 14px;
    line-height: 24px
}

.iphone-wrapper li {
    line-height: 26px;
    font-size: 16px
}

.iphone-wrapper li.ac .navTitle {
    color: #1193e4
}

.wid b {
    font-size: 22px;
    margin-bottom: 5px;
    display: block
}

.wid .article-list-title {
    margin-bottom: 2px
}

.wid .article-list {
    padding: 15px 20px 15px
}

.common-remark .imgcover img {
    width: 100%
}

.article-list-l {
    display: block;
    border: 1px solid #e3e3e3;
    width: 110px
}

.article-list-l img {
    width: 100%
}

.derived span {
    line-height: 20px;
    float: left
}

.derived i {
    line-height: 20px;
    margin-left: 6px;
    float: left
}

.derived .line {
    width: 1px;
    height: 14px;
    background: #ccc;
    margin: 3px 0 0 6px;
    float: left
}

.article-pc .modal-footer,
.modal-footer-copy {
    padding: 0;
    border: 0;
    text-align: left;
    display: inline-block
}

#mescroll .main {
    padding: 20px 15px 0;
    background: #fff
}

#relative-article {
    text-align: left;
    line-height: 26px
}

#relative-article .table-right,
#relative-article .article-ref {
    padding-left: 10px
}

#relative-article tbody {
    border: 0
}

.tab-ul-index li.m0 {
    margin: 0
}

._form-control {
    display: block;
    width: 100%;
    height: 34px;
    padding: 6px 12px;
    font-size: 14px;
    color: #555;
    border: 1px solid #ccc;
    border-radius: 4px;
    -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075);
    box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075);
    -webkit-transition: border-color ease-in-out .15s, -webkit-box-shadow ease-in-out .15s;
    -o-transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
    transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s
}

.quot table,
.article-tab {
    text-align: left;
    line-height: 20px
}

.quot table tbody {
    border: 0
}

.main {
    padding-top: 20px;
    padding-bottom: 20px;
    min-height: 340px
}

.ever-year {
    text-align: center;
    line-height: 28px;
    font-weight: bolder;
    font-size: 14px
}

.common-remark2 {
    margin-top: 20px
}

.phone-archive .commontit {
    margin-bottom: 12px
}

.article-list-table {
    padding: 14px 20px 14px 30px
}

.article-list-table .article-list-left {
    width: 30px
}

.article-list-table .article-list-left span {
    width: 100%;
    padding-right: 6px;
    text-align: right
}

span.xref a {
    position: relative;
    color: #0178d6
}

.reference-tab-app {
    line-height: 20px
}

.reference-tab-app .td2 {
    padding-bottom: 10px
}

.article-pc .container {
    padding: 0 15px
}

#picsmall li a {
    margin-top: 20px;
    width: 80px;
    text-align: center
}

a.page-btn,
.article-main-mid a.page-btn {
    margin-left: 28px;
    display: block;
    position: relative;
    height: 30px;
    line-height: 30px;
    color: #333;
    border-radius: 5px;
    padding: 0 5px;
    font-size: 17px;
    font-weight: normal
}

a.page-btn,
.article-main-mid a.page-btn {
    display: block;
    height: 30px;
    line-height: 30px;
    color: #333;
    border-radius: 5px;
    padding: 0 10px;
    font-size: 14px;
    font-weight: normal;
    background: #069;
    color: #fff
}

a.page-btn:hover,
.article-main-mid a.page-btn:hover {
    color: #fff;
    opacity: .8;
    text-decoration: none
}

a.page-btn.next-page,
.article-main-mid a.page-btn.next-page {
    margin-right: 34px
}

a.page-btn.prev-page:before,
.article-main-mid a.page-btn.prev-page:before {
    background-position: -32px 0;
    left: -28px;
    right: auto
}

a.page-btn:hover,
.article-main-mid a.page-btn:hover {
    text-decoration: underline;
    color: #4472c4
}

a.page-btn.dis-btn:hover,
.article-main-mid a.page-btn.dis-btn:hover {
    color: #333;
    text-decoration: none
}

.article-main-mid a.page-btn {
    margin-bottom: 10px
}

.article-main-mid a.page-btn.next-page {
    margin-left: 10px
}

.dis-btn {
    cursor: not-allowed
}

.dis-btn:before {
    background-position: 0 -32px !important
}

.dis-btn.prev-page:before {
    background-position: -32px -32px !important
}

.reference-tab .td2.author-td {
    padding-left: 2em;
    text-indent: -2em
}

.reference-tab .td2 {
    padding-bottom: 15px
}

.reference-tab p {
    text-indent: 0
}

.fix-arrow a.page-btn {
    display: inline-block;
    margin: 0 0 15px -50px;
    width: 30px;
    height: 60px;
    line-height: 15px;
    padding: 8px
}

.fix-arrow {
    position: fixed;
    top: 50%
}

.fixedarticle .fix-arrow {
    top: 45%
}

.floatwrap {
    width: 260px;
    z-index: 2001;
    border: solid 1px #ccc
}

.floatwrap h3 {
    min-height: 33px;
    padding: 5px 10px;
    line-height: 20px;
    background: #165d93;
    color: #fff;
    font-weight: bold
}

.floatwrap h3>span {
    padding-top: 2px
}

.floatwrap .floatcon {
    padding: 13px 16px;
    background: #fff
}

.detail-info {
    padding: 20px 0 10px 0;
    border-bottom: 1px dashed #ccc;
    margin: 0 0 10px
}

.detail-info span {
    margin-right: 20px;
    color: #666;
    font-size: 13px;
    line-height: 25px
}

.detail-info span img {
    margin-right: 5px;
    position: relative;
    bottom: 1px
}

.expert-wrap dl {
    padding: 30px 0;
    border-bottom: dashed 1px #cecece
}

.expert-wrap dl:first-child {
    padding-top: 30px
}

.expert-wrap dt,
.expert-wrap dd {
    float: left
}

.expert-wrap dt {
    padding-right: 2%;
    width: 20%
}

.expert-wrap dt a {
    display: block
}

.expert-wrap dt a img {
    width: 20%;
    border: solid 1px #e4e4e4
}

.expert-wrap dt {
    width: 20%
}

.expert-wrap dt a img {
    width: 100%
}

.expert-wrap dd {
    position: relative;
    top: -4px;
    width: 78%
}

.expert-wrap dd li {
    line-height: 1.5;
    font-size: 13px
}

.expert-wrap dd li.expert-author {
    font-size: 18px;
    font-weight: bold;
    margin-bottom: 14px
}

.expert-wrap dd li.expert-author span {
    font-size: 16px;
    color: #838383;
    font-weight: normal;
    margin-left: 5px
}

.expert-wrap dd li.expert-email a {
    color: #0157a3
}

.expert-wrap dd li.expert-intro {
    margin-top: 4px
}

.expert-wrap dd li.expert-intro span p {
    display: inline
}

.expert-wrap .expert-head {
    background-color: #337ab7;
    color: #fff;
    font-weight: bold;
    font-size: 18px;
    padding: 10px;
    margin: 30px 0 20px 0
}

.expert-alone {
    min-height: 152px;
    width: 100%;
    margin-top: 4px;
    padding: 20px 20px 8px;
    line-height: 30px;
}

.expert-alone .expertimg {
    margin-right: 20px
}

.expert-alone .expertimg img {
    max-width: 102px;
    height: 112px;
    border: solid 1px #fff
}

.expert-alone .expertlidetail li b {
    margin-right: 3px
}

.expert-alone .expertlidetail li b,
.expert-alone .expertlidetail li span {
    color: #fff;
    font-size: 15px
}

.expert-alone .expertlidetail {
    position: relative;
    top: -8px;
    max-width: 630px
}

.expert-alone .expertduty {
    margin-right: 20px
}

.expert-alone li i {
    font-style: normal
}

.comimglist.j-issuelist {
    position: relative;
    padding: 40px 0;
    border-bottom: dashed 1px #ccc
}

.comimglist span {
    display: inline-block
}

.comimglist dt {
    width: 20%
}

.comimglist dt a img {
    width: 100%
}

.comimglist dt,
.comimglist dd {
    float: left
}

.comimglist dd .issue-tit {
    font-size: 18px;
    font-weight: bold;
    color: #333;
    padding-left: 15px;
    position: relative
}

.comimglist dd .issue-tit span {
    position: absolute;
    display: block;
    width: 5px;
    height: 18px;
    background: #1a3877;
    left: 0
}

.comimglist dd .issue-tit a {
    color: #333
}

.comimglist dd {
    width: 75%;
    margin-left: 5%
}

.issue-introduction {
    line-height: 24px;
    padding: 18px 0 8px;
    font-size: 13px
}

.center-issue {
    margin-bottom: 10px
}

.center-issue span {
    display: block;
    float: left;
    padding: 0 10px;
    color: #be7759;
    background: #ffeee7;
    height: 26px;
    line-height: 26px;
    margin-right: 10px
}

.center-issue span:last-child,
.issue-chief span:last-child {
    margin: 0
}

.issue-chief {
    width: 100%
}

.issue-chief span {
    margin-right: 16px;
    color: #666
}

.issue-chief span a {
    color: #1a3877
}

.comimglist span.this-email {
    display: block
}

.issue-tsg {
    display: block;
    float: left;
    margin: 5px 5px 5px 0;
    border-radius: 3px;
    text-align: center;
    padding: 8px 10px;
    min-width: 108px;
    background: #1a3877;
    color: #fff;
    font-size: 15px
}

.issue-tsg:hover,
.issue-chief-wrap a:focus {
    color: #fff
}

.i-video .i-video-info .i-video-tit {
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis
}

.video-box .videolist .videolistcon {
    text-align: center;
    padding: 10px 10px
}

.video-box .videolist .videolistcon .box {
    display: block;
    border-bottom: 1px solid #eee;
    border: 1px solid #eee
}

.video-box .videolist img {
    max-width: 100%;
    margin-bottom: 10px
}

.video-box .video-tit span {
    color: #777
}

.video-box .video-tit a {
    font-size: 18px;
    font-weight: bold;
    color: #1a3877
}

.video-box .videoimg {
    position: relative;
    height: 150px;
    overflow: hidden;
    margin-bottom: 13px
}

.video-box .videoimg .j-video-play {
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
    width: 50px;
    height: 50px
}

.video-box .video-type {
    position: absolute;
    left: 0;
    top: 0;
    padding: 4px 10px;
    color: #fff;
    background: #e9711c
}

.video-tit {
    text-align: left;
    padding: 3px 15px
}

.news-list-thumb li a {
    width: 100%;
    padding: 10px;
    border: 1px solid #eee;
    border-radius: 5px;
    display: inline-block;
    height: auto;
    line-height: auto;
    margin-bottom: 10px;
    background: #fff
}

.news-list-thumb li a .i-xinwen-img img {
    height: 100%
}

.news-list-thumb li a .i-xinwen-img {
    height: 140px;
    overflow: hidden;
    text-align: center
}

.news-list-thumb li a span.tit {
    font-weight: bold;
    line-height: 18px;
    margin-top: 10px;
    display: block
}

.news-list-thumb li a span.tit {
    min-height: 52px;
    width: 100%
}

.news-list-thumb .other-info span {
    float: left;
    display: block;
    text-align: left;
    font-size: 13px;
    color: #777
}

.news-list-thumb .other-info span.clickNum {
    float: right
}

.news-list-thumb .other-info span:nth-of-type(2) {
    text-align: right
}

.news-list-thumb .other-info span img {
    margin-right: 2px;
    position: relative;
    bottom: 2px
}

.article-pc .inner .article-main-mid {
    padding: 0 30px
}

.archive-con .archive-item {
    display: none
}

.archive-con .archive-item.ac {
    display: block
}

.archive-con .archive-item table {
    width: 100%
}

.archive-con .archive-item table tr:last-of-type {
    border: 0
}

.archive-con .archive-item table td {
    padding: 10px 5px
}

.archive-con .archive-item table td a {
    display: block;
    background: #eee;
    padding: 5px 10px;
    height: 60px;
    display: -webkit-flex;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: column
}

.archive-con .archive-item td li {
    float: left;
    width: 16%;
    width: 16.666%;
    padding: 5px;
    padding: 5px
}

.archive-con .archive-item tr td:nth-child(1) {
    font-weight: bold;
    width: 10%;
    vertical-align: middle;
    font-size: 18px;
    text-align: center
}

.archive-con .archive-item tr td:nth-child(2) {
    width: 90%
}

.archive-con .archive-item td li a>span {
    display: block
}

.archive-con .archive-item td li:hover a {
    background: #0960c0;
    color: #fff
}

.archive-list .archive-nav .arc-listit dd {
    height: auto;
    line-height: 36px
}

.archive-list .yeartimes {
    cursor: pointer;
    font-size: 16px;
    text-align: left;
    background: #ececec;
    line-height: 36px;
    margin-bottom: 1px;
    padding: 0 10px
}

.archive-list .yeartimelist {
    display: none;
    padding-left: 10px;
    text-align: left
}

.archive-list .yeartimes .fa {
    margin-top: 10px;
    float: right
}

.archive-list .ac .yeartimes {
    background: #005196;
    font-weight: bold;
    color: #fff
}

.archive-list .ac .yeartimelist {
    display: block
}

.archive-list .archcon .arc-listit dd.active {
    background: 0
}

.archcon .arc-listit dd a,
.archcon .arc-listit dd.active a {
    color: #222
}

.archcon .arc-listit dd {
    margin-bottom: 0;
    width: 100%;
    border: 0
}

.archcon .arc-listit {
    border-right: 2px solid #ddd
}

.archive-list .yeartimelist .active {
    color: #005196;
    font-weight: bold
}

.archcon .arc-listit .arctpoint {
    margin-left: 106px
}

.archcon .arc-listit {
    width: 140px
}

.archive-con .archive-second .years>div {
    position: relative;
    padding-left: 80px;
    text-align: left;
    line-height: 50px;
    margin-bottom: 2px;
    height: 52px
}

.archive-con .archive-second .years>.textLeft {
    text-align: right
}

.archive-con .archive-second .years>div span {
    display: inline-block;
    width: 10%;
    text-align: center;
    background: #f5f5f5;
    border-left: 2px solid #fff;
    border-right: 2px solid #fff
}

.archive-con .archive-second .years>div span:hover {
    cursor: pointer
}

.archive-con .archive-second .years>div span.ys {
    background: #0960c0;
    color: #fff;
    font-weight: bold;
    position: absolute;
    left: 0;
    width: 80px
}

.archive-con .archive-second .years>div span.ac,
.archive-con .archive-second .years>div span:hover {
    background: #0960c0;
    color: #fff
}

.archive-second .archive-second-con {
    margin-top: 50px
}

.archive-con .archive-second {
    margin-top: 15px
}

.archive-second .archive-second-con>h3 {
    background: #0960c0;
    color: #fff;
    font-weight: bold;
    margin-bottom: 10px;
    line-height: 30px;
    padding-left: 15px
}

.archive-second ul li {
    float: left;
    width: 48%;
    border-bottom: 1px dashed #ececec;
    margin-right: 2%;
    line-height: 50px;
    padding-left: 15px
}

.archive-tpl2 .archtop .arcmethod li {
    border: 1px solid #eee;
    background: 0;
    min-width: 80px
}

.archive-tpl2 .archtop .arcmethod li.active {
    background: #0960c0;
    color: #fff
}

.hichart_con {
    margin-bottom: 40px
}

.highcharts-credits {
    display: none
}

.order-number {
    width: 60px;
    text-align: right
}

.com-article-author-orcid {
    width: 14px;
    height: 11px;
    display: inline-block;
    background: url(../../images/custom/orcid.png) no-repeat left;
    background-size: 14px 14px
}

.show-table .piclist {
    overflow: auto;
    overflow-x: hidden;
    position: relative
}

.articleBody .show-table .table_new {
    position: static
}

.show-table .picbox,
.show-table .piclist {
    height: 100%
}

.articleBody .show-table .piclist li {
    height: auto
}

.articleBody .show-table .piclist li.ac {
    width: 100%;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%)
}

.archive-coverInfo .cover-btn {
    margin-bottom: 3px
}

.cover-btn a {
    display: inline-block;
    color: #0157a3;
    font-weight: bold;
    padding: 0 5px;
    font-size: 15px
}

.cover-con {
    margin-bottom: 15px;
    border-bottom: 1.5px solid #0867ba;
    padding-bottom: 20px
}

.archive-coverInfo .issue {
    padding-top: 20px
}

body .archive-coverInfo {
    border: 0
}

.backcover-con {
    padding-bottom: 20px;
    border-bottom: 3px solid #0157a3
}

@media(min-width:1200px) {
    .main .container {
        padding: 0
    }
}

.phone-nav {
    display: none
}

.reference-tab {
    text-align: left;
    line-height: 24px
}

.reference-tab tbody {
    border: 0
}

.reference-tab .td1,
.reference-tab .td2 {
    line-height: 20px
}

.reference-tab .td2 {
    padding-left: 5px
}

.shareBox-app {
    display: none
}

@media screen and (max-width:1200px) {
    #htmlContent2,
    .article-content.FullText-all {
        position: relative
    }
    #htmlContent2 sup {
        white-space: nowrap
    }
    .header-nav {
        display: none
    }
    .phone-nav {
        display: block
    }
    .article-list-left,
    .selectAll {
        display: none
    }
    .articleBody .bottom-fixed {
        display: none !important
    }
    .curtu-show {
        display: block;
        height: auto;
        visibility: inherit;
        width: 100%;
        padding: 0 0 10px
    }
    .curtu-show .picBox {
        width: 100%
    }
    .curtu-show .picList li,
    .curtu-show .picList li a {
        width: 100%;
        display: block
    }
    .curtu-show .picList li a {
        padding-top: 14px
    }
    .curtu-show .picList li a img {
        max-width: 80% !important;
        max-height: 100% !important;
        position: absolute;
        left: 0;
        top: 0;
        bottom: 0;
        right: 0;
        margin: auto !important
    }
    .curtu-show .picPrev,
    .curtu-show .picNext {
        display: none
    }
    .curtu-show .picBox {
        position: relative
    }
    .curtu-show .owl-prev,
    .curtu-show .owl-next {
        position: absolute;
        top: 0;
        bottom: 0;
        margin: auto;
        width: 30px
    }
    .curtu-show .owl-prev {
        left: 0
    }
    .curtu-show .owl-next {
        right: 0
    }
    .articleEn .article-author,
    .about-author {
        margin: 0
    }
    .articleBody .bottom-fixed {
        display: none !important
    }
    .header {
        display: none
    }
    .articleEn .article-author>li {
        float: none
    }
    .archive-list {
        display: none
    }
    .phone-archive {
        display: block
    }
    .contentArea-left {
        width: 68%;
        margin-right: 2%
    }
    .contentArea-right {
        width: 30%
    }
    .inner {
        padding: 0 4%;
        width: 100%
    }
    #export,
    #ReferencePaper,
    .toolBox-search,
    .article-list-left input {
        display: none
    }
    .selectAll {
        display: none !important
    }
    .search-content-left .article-list {
        padding: 14px 0
    }
    .current-app-line {
        display: none
    }
    .current-ul .article-list-title {
        width: 100%;
        float: none
    }
    .weChat>div {
        width: 50%;
        padding: 0 2%
    }
    .weChat>div img {
        max-width: 100%
    }
    .adv-searchBox {
        border: 0;
        margin: 0;
        padding: 0 15px
    }
    .phone-archive .panel-heading {
        padding: 0
    }
    .panel-default .panel-title a {
        display: block;
        padding: 10px 15px
    }
    .nav-tabs {
        margin: 20px 0
    }
    .article-pc {
        display: none
    }
    .article-browse li img {
        max-width: 80%
    }
    .shareMargin {
        margin: 0 0 10px
    }
    .box-article-content {
        margin: 0 0 20px
    }
    .main-left .Review li .icon ._table {
        height: 50px
    }
    .main-left .Review li {
        height: 50px;
        line-height: 50px
    }
    .archcon .arc-listit .arctpoint {
        margin: 0
    }
    .nav-tabs>li {
        width: 25%;
        text-align: center
    }
    .nav-tabs>li a {
        font-size: 12px
    }
    .nav-tabs>li.active>a,
    .nav-tabs>li.active>a:focus,
    .nav-tabs>li.active>a:hover {
        border-bottom-color: #ddd
    }
    .current-ul .article-list-left {
        display: none
    }
    .toolBox2 {
        display: none
    }
    .article-app {
        display: block;
        padding: 0 15px
    }
    .article-app .FullText-all #htmlContent2 {
        position: relative
    }
    .nocos-padding {
        padding-left: 0;
        padding-right: 0
    }
    .nocos-padding-imp {
        padding-left: 0 !important;
        padding-right: 0 !important
    }
    .no-dec {
        text-decoration: none
    }
    .no-dec-imp {
        text-decoration: none !important
    }
    .btn:hover,
    .btn:focus {
        border: 0;
        outline: 0
    }
    .flex {
        display: flex;
        display: -webkit-flex;
        display: -ms-flexbox
    }
    .flexchild {
        -webkit-flex: 1;
        -moz-box-flex: 1;
        -ms-flex: 1;
        flex: 1
    }
    .clearFlex {
        display: block;
        -webkit-flex: inherit !important;
        -moz-box-flex: inherit !important;
        -ms-flex: inherit !important;
        flex: inherit !important
    }
    .mainBgColor {
        background-color: #069
    }
    .colorWhite {
        color: #fff !important
    }
    .slideout-open {
        overflow: hidden
    }
    .slideout-open .slideout-menu {
        display: block
    }
    html {
        height: 100%
    }
    nav {
        padding: 0 10px;
        border-top: 4px solid #069;
        background-color: #000
    }
    nav.slideout-menu {
        position: absolute;
        display: none;
        left: 0;
        bottom: 0;
        overflow-y: scroll;
        -webkit-overflow-scrolling: touch;
        z-index: 0;
        width: 256px;
        height: 100vh
    }
    nav .nav {
        height: auto;
        position: relative
    }
    nav .nav>ul>li {
        border-bottom: 1px solid #ccc
    }
    nav .nav>ul>li h3 {
        padding-left: 20px;
        color: #fff;
        line-height: 50px
    }
    nav .nav>ul>li h3::before {
        content: '';
        display: inline-block;
        position: relative;
        right: 20px;
        border-top: 4px solid transparent;
        border-bottom: 4px solid transparent;
        border-left: 8px solid #fff;
        -webkit-transition: all .3s;
        -moz-transition: all .3s;
        -ms-transition: all .3s;
        -o-transition: all .3s;
        transition: all .3s
    }
    nav .nav>ul>li h3.rotate::before {
        -webkit-transform: rotate(90deg);
        -moz-transform: rotate(90deg);
        -ms-transform: rotate(90deg);
        -o-transform: rotate(90deg);
        transform: rotate(90deg)
    }
    nav .nav>ul>li ul {
        display: none
    }
    nav .nav>ul>li ul a {
        color: #ccc
    }
    nav .nav>ul>li ul li {
        font-size: 14px;
        line-height: 40px;
        padding-left: 30px
    }
    nav .nav .search {
        position: relative;
        margin: 40px 0;
        height: 40px;
        background-color: #fff;
        border-radius: 15px;
        overflow: hidden
    }
    nav .nav .search input {
        height: 100%;
        width: 100%;
        padding-left: 20px;
        padding-right: 40px;
        line-height: 40px;
        border: none !important
    }
    nav .nav .search span.iconfont {
        position: absolute;
        right: 0;
        top: 0;
        padding: 5px 7px;
        font-size: 22px;
        height: 100%;
        color: #ccc
    }
    header {
        position: fixed;
        top: 0;
        left: 0;
        width: 100%;
        height: 50px;
        box-shadow: 0 0 5px 1px rgba(0, 0, 0, 0.2);
        background-color: #fff;
        border-top: 4px solid #069;
        border-bottom: 1px solid #ccc;
        z-index: 100
    }
    header section {
        margin: 0 10px;
        position: relative;
        height: 100%;
        font-size: 22px
    }
    header section h1 {
        line-height: 45px;
        text-align: center
    }
    header section span {
        position: absolute;
        height: 100%;
        left: -10px;
        top: 0;
        padding: 5px 10px;
        font-size: 32px !important;
        cursor: pointer
    }
    .mescroll {
        position: fixed;
        top: 40px;
        left: 0;
        bottom: 0;
        height: auto;
        width: 100%;
        overflow-y: auto;
        background-color: #fff
    }
    .main {
        padding-top: 20px
    }
    .main.slideout-panel {
        position: relative;
        z-index: 1;
        will-change: transform;
        min-height: 100vh
    }
    .main section.articleCn h2,
    .main section.articleEn h2 {
        font-size: 18px;
        color: #333;
        line-height: 24px;
        font-weight: bold;
        margin-bottom: 5px
    }
    .main section.articleCn ul.article-author,
    .main section.articleEn ul.article-author {
        color: #777;
        font-size: 16px;
        padding: 5px 0
    }
    .main section.articleCn ul.article-author li,
    .main section.articleEn ul.article-author li {
        display: inline-block
    }
    .main section.articleCn ul.article-author li sup a,
    .main section.articleEn ul.article-author li sup a {
        color: #069
    }
    .main section.articleCn ul.article-author li sup .com-user,
    .main section.articleEn ul.article-author li sup .com-user {
        width: 10px;
        height: 12px;
        display: inline-block;
        background: url(../../images/article/article_icons.png) no-repeat -1px -90px
    }
    .main section.articleCn ul.article-author li sup .com-mail,
    .main section.articleEn ul.article-author li sup .com-mail {
        width: 14px;
        height: 10px;
        display: inline-block;
        background: url(../../images/article/article_icons.png) no-repeat left -110px
    }
    .main section.articleCn ul.about-author h6,
    .main section.articleEn ul.about-author h6 {
        line-height: 24px
    }
    .main section.articleCn ul.about-author li,
    .main section.articleEn ul.about-author li {
        line-height: 20px
    }
    .main section.articleCn .fund-project,
    .main section.articleEn .fund-project {
        margin-top: 10px
    }
    .main section.articleCn .article-date,
    .main section.articleEn .article-date {
        margin-top: 10px
    }
    .main section.articleCn .summary .article-keyword,
    .main section.articleEn .summary .article-keyword {
        margin-top: 10px
    }
    .main section.articleCn .summary .article-keyword li,
    .main section.articleEn .summary .article-keyword li {
        display: inline-block
    }
    .main section.articleCn .summary p,
    .main section.articleEn .summary p {
        margin-top: 14px;
        line-height: 24px
    }
    .main .open-articleEn {
        font-size: 16px
    }
    .main .open-articleEn h3 {
        line-height: 50px;
        cursor: pointer
    }
    .main .articleEn {
        margin-top: 0;
        overflow: hidden;
        margin-bottom: 20px
    }
    .main .article-content ul#htmlContent2 p {
        line-height: 24px;
        text-indent: 2em;
        padding: 5px 0;
        word-wrap: break-word
    }
    .main .article-content ul#htmlContent2 #relative-article p {
        text-indent: 0
    }
    .main .article-content ul#htmlContent2 h3.full-text {
        margin: 10px 0;
        line-height: 40px;
        padding-left: 15px;
        color: #fff;
        font-size: 16px
    }
    .main .article-content ul#htmlContent2 figure {
        border-top: 1px solid #ccc
    }
    .main .article-content ul#htmlContent2 figure:last-of-type {
        margin-bottom: 25px
    }
    .main .article-content ul#htmlContent2 .figure,
    .main .article-content ul#htmlContent2 .figure p {
        text-indent: 0
    }
    .main figure.grayBorder {
        border-color: #e9e9e9
    }
    .main figure:first-of-type {
        margin-top: 15px
    }
    .main figure figcaption {
        color: #069;
        line-height: 20px;
        font-size: 14px;
        cursor: pointer;
        padding: 10px 0 10px 30px;
        text-indent: -20px
    }
    .main figure figcaption.grayBgColor {
        background-color: #e9e9e9
    }
    .main figure>ul.group {
        display: none
    }
    .main figure>ul>li {
        text-indent: 1.5em;
        line-height: 24px
    }
    .main figure p {
        padding: 5px 0
    }
    .main figure h4,
    .main figure h5 {
        line-height: 30px;
        text-indent: 1em
    }
    .main figure:last-of-type {
        border-bottom: 1px solid #ccc
    }
    .main .article-content a.tabJump {
        display: block;
        margin: 10px 0;
        font-size: 14px;
        background-color: #000;
        color: #fff;
        line-height: 50px;
        text-indent: 1em;
        border-radius: 5px
    }
    .main .article-content .figure {
        width: 100%;
        padding: 10px;
        margin: 10px 0;
        background-color: #fff
    }
    .main .article-content .figure .figTitle {
        margin-top: 10px
    }
    .main .article-content .figure .figTitle p {
        line-height: 16px;
        margin: 5px 0
    }
    .main .article-content .figure .table-body {
        overflow: scroll;
        display: block;
        max-height: 300px
    }
    .main .article-content ._figclass img {
        width: 100%
    }
    footer {
        width: 140px;
        margin: 30px auto 0;
        padding-bottom: 50px
    }
    footer .pdfView {
        text-align: center;
        padding-left: 15px;
        position: relative;
        width: 100%;
        line-height: 30px;
        font-size: 14px;
        border-radius: 5px;
        color: #fff;
        background-image: -webkit-linear-gradient(top, #f15a4d 0, #c8100b 100%);
        background-image: -o-linear-gradient(top, #f15a4d 0, #c8100b 100%);
        background-image: -webkit-gradient(linear, left top, left bottom, from(#f15a4d), to(#c8100b));
        background-image: linear-gradient(to bottom, #f15a4d 0, #c8100b 100%)
    }
    footer .pdfView span.iconfont {
        position: absolute;
        font-size: 24px;
        left: 10px;
        top: 2px
    }
    footer .WeChatView {
        width: 100px;
        height: 100px;
        margin: 20px auto 0;
        text-align: center
    }
    footer .WeChatView img {
        width: 100%
    }
    footer .WeChatView span {
        font-size: 13px;
        color: #666;
        line-height: 30px
    }
    footer .WeChatView span i {
        display: inline-block;
        width: 4px;
        height: 4px;
        margin: 3px 7px;
        background-color: #666;
        border-radius: 50%
    }
    footer .toTop {
        margin-top: 30px;
        text-align: center;
        color: #666;
        line-height: 20px;
        cursor: pointer
    }
    footer .toTop span {
        display: inline-block;
        width: 35px;
        line-height: 35px;
        font-size: 20px;
        background-color: #ccc;
        color: #fff
    }
    .relative-reference-Body header section h1,
    .figBody header section h1 {
        text-align: left;
        font-size: 16px;
        padding-left: 25px
    }
    .relative-reference-Body header section h1 span,
    .figBody header section h1 span {
        color: #bbb;
        font-size: 24px !important;
        display: inline-block;
        line-height: 35px;
        left: -4px
    }
    .relative-reference-Body .mescroll,
    .figBody .mescroll {
        background-color: #eee
    }
    #relative-article li {
        position: relative !important;
        text-indent: 0 !important
    }
    #relative-article li span {
        position: absolute !important
    }
    #relative-article li p {
        padding-left: 30px !important;
        margin-top: 5px;
        padding-top: 0 !important
    }
    #relative-article li p a {
        color: #069
    }
    .figure table {
        width: 100%;
        line-height: 25px;
        text-align: center;
        vertical-align: middle
    }
    .figure table thead {
        border-top: 2px solid;
        border-bottom: 1px solid
    }
    .figure table tbody {
        border-bottom: 2px solid;
        border-spacing: 0;
        border-collapse: collapse
    }
    .figure table td {
        min-width: 100px
    }
    .formula img {
        max-width: 100%
    }
    b {
        font-size: 14px
    }
    table.formula td img {
        max-width: 100%
    }
    table.formula tbody {
        border-bottom: 0
    }
    table.formula td>p {
        overflow-x: auto
    }
    .bottom-fixed {
        display: none
    }
    .article-btn {
        opacity: 0;
        transition: all .3s;
        width: 40px;
        height: 40px;
        border-radius: 50%;
        position: fixed;
        right: 20px;
        bottom: 20px;
        border: 1px solid #ccc;
        text-align: center;
        background: #ccc;
        z-index: 5000
    }
    .article-btn.ac {
        opacity: 1
    }
    .article-btn ._table {
        display: table;
        width: 100%;
        height: 40px
    }
    .article-btn ._cell {
        display: table-cell;
        vertical-align: middle
    }
    .article-btn span {
        display: inline-block;
        width: 26px;
        height: 2px;
        background: #fff;
        margin: 0 0 6px
    }
    .article-btn span:last-child {
        margin: 0
    }
    .article-menu {
        position: fixed;
        right: -100%;
        width: 70%;
        top: 0;
        border: 1px solid #ccc;
        height: 100%;
        background: #fff;
        z-index: -1;
        transition: all .3s
    }
    .article-menu.ac1 {
        z-index: 4000;
        right: 0
    }
    .article-menu>h3 {
        font-size: 18px;
        padding: 0 20px;
        line-height: 50px;
        background: #5D99D5;
        color: #fff
    }
    .iphone-wrapper li {
        line-height: 24px;
        font-size: 14px
    }
    .iphone-wrapper li p {
        line-height: 40px;
        padding: 0 20px
    }
    .iphone-wrapper li p.ac {
        color: #069
    }
    .pdfView .fa-file-pdf-o {
        margin-right: 10px
    }
    .form-btn button {
        width: 100%;
        margin: 0 0 15px
    }
    .search-wrap .form-group>div {
        margin-bottom: 20px
    }
    .article-header {
        display: none !important
    }
    .shareBox,
    #htmlContent2 h3::after {
        display: none
    }
    .shareBox-app {
        display: block
    }
    .bottom-fixed div {
        width: 35px;
        height: 35px
    }
    .bottom-fixed .bottom-backTop {
        background-size: 25px
    }
    .article-content {
        padding: 0 0 20px
    }
}

@media screen and (max-width:767px) {
    a.page-btn,
    .article-main-mid a.page-btn {
        display: none
    }
}

.article-app .main {
    padding-top: 20px;
    padding-bottom: 20px
}

.mCSB_container {
    width: auto;
    overflow: hidden
}

.mCSB_container.mCS_no_scrollbar {
    margin-right: 0
}

.mCS_disabled>.mCustomScrollBox>.mCSB_container.mCS_no_scrollbar,
.mCS_destroyed>.mCustomScrollBox>.mCSB_container.mCS_no_scrollbar {
    margin-right: 30px
}

.mCustomScrollBox>.mCSB_scrollTools {
    width: 10px;
    height: 100%;
    top: 0;
    right: 0
}

.mCSB_scrollTools .mCSB_draggerContainer {
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    height: auto
}

.mCSB_scrollTools a+.mCSB_draggerContainer {
    margin: 20px 0
}

.mCSB_scrollTools .mCSB_draggerRail {
    width: 4px;
    height: 100%;
    margin: 0 auto;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    border-radius: 10px
}

.mCSB_scrollTools .mCSB_dragger {
    cursor: pointer;
    width: 100%;
    height: 30px
}

.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
    width: 4px;
    height: 100%;
    margin: 0 auto;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    border-radius: 10px;
    text-align: center
}

.mCSB_scrollTools .mCSB_buttonUp,
.mCSB_scrollTools .mCSB_buttonDown {
    display: block;
    position: relative;
    height: 20px;
    overflow: hidden;
    margin: 0 auto;
    cursor: pointer
}

.mCSB_scrollTools .mCSB_buttonDown {
    top: 100%;
    margin-top: -40px
}

.mCSB_horizontal>.mCSB_container {
    height: auto;
    margin-right: 0;
    margin-bottom: 30px;
    overflow: hidden
}

.mCSB_horizontal>.mCSB_container.mCS_no_scrollbar {
    margin-bottom: 0
}

.mCS_disabled>.mCSB_horizontal>.mCSB_container.mCS_no_scrollbar,
.mCS_destroyed>.mCSB_horizontal>.mCSB_container.mCS_no_scrollbar {
    margin-right: 0;
    margin-bottom: 30px
}

.mCSB_horizontal.mCustomScrollBox>.mCSB_scrollTools {
    width: 100%;
    height: 16px;
    top: auto;
    right: auto;
    bottom: 0;
    left: 0;
    overflow: hidden
}

.mCSB_horizontal>.mCSB_scrollTools a+.mCSB_draggerContainer {
    margin: 0 20px
}

.mCSB_horizontal>.mCSB_scrollTools .mCSB_draggerRail {
    width: 100%;
    height: 2px;
    margin: 7px 0;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    border-radius: 10px
}

.mCSB_horizontal>.mCSB_scrollTools .mCSB_dragger {
    width: 30px;
    height: 100%
}

.mCSB_horizontal>.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
    width: 100%;
    height: 4px;
    margin: 6px auto;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    border-radius: 10px
}

.mCSB_horizontal>.mCSB_scrollTools .mCSB_buttonLeft,
.mCSB_horizontal>.mCSB_scrollTools .mCSB_buttonRight {
    display: block;
    position: relative;
    width: 20px;
    height: 100%;
    overflow: hidden;
    margin: 0 auto;
    cursor: pointer;
    float: left
}

.mCSB_horizontal>.mCSB_scrollTools .mCSB_buttonRight {
    margin-left: -40px;
    float: right
}

.mCustomScrollBox {
    -ms-touch-action: none
}

.mCustomScrollBox:hover>.mCSB_scrollTools {
    opacity: 1;
    filter: "alpha(opacity=100)";
    -ms-filter: "alpha(opacity=100)"
}

.mCSB_scrollTools .mCSB_draggerRail {
    background-color: #eee
}

.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
    background-color: #ccc
}

.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar {
    background-color: #aaa
}

.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar,
.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar {
    background-color: #aaa
}

.mCSB_scrollTools .mCSB_buttonUp,
.mCSB_scrollTools .mCSB_buttonDown,
.mCSB_scrollTools .mCSB_buttonLeft,
.mCSB_scrollTools .mCSB_buttonRight {
    background-repeat: no-repeat;
    opacity: .4;
    filter: "alpha(opacity=40)";
    -ms-filter: "alpha(opacity=40)"
}

.mCSB_scrollTools .mCSB_buttonUp {
    background-position: 0 0
}

.mCSB_scrollTools .mCSB_buttonDown {
    background-position: 0 -20px
}

.mCSB_scrollTools .mCSB_buttonLeft {
    background-position: 0 -40px
}

.mCSB_scrollTools .mCSB_buttonRight {
    background-position: 0 -56px
}

.mCSB_scrollTools .mCSB_buttonUp:hover,
.mCSB_scrollTools .mCSB_buttonDown:hover,
.mCSB_scrollTools .mCSB_buttonLeft:hover,
.mCSB_scrollTools .mCSB_buttonRight:hover {
    opacity: .75;
    filter: "alpha(opacity=75)";
    -ms-filter: "alpha(opacity=75)"
}

.mCSB_scrollTools .mCSB_buttonUp:active,
.mCSB_scrollTools .mCSB_buttonDown:active,
.mCSB_scrollTools .mCSB_buttonLeft:active,
.mCSB_scrollTools .mCSB_buttonRight:active {
    opacity: .9;
    filter: "alpha(opacity=90)";
    -ms-filter: "alpha(opacity=90)"
}

.mCS-dark>.mCSB_scrollTools .mCSB_draggerRail {
    background: #000;
    background: rgba(0, 0, 0, 0.15)
}

.mCS-dark>.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
    background: #000;
    background: rgba(0, 0, 0, 0.75)
}

.mCS-dark>.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar {
    background: rgba(0, 0, 0, 0.85)
}

.mCS-dark>.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar,
.mCS-dark>.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar {
    background: rgba(0, 0, 0, 0.9)
}

.mCS-dark>.mCSB_scrollTools .mCSB_buttonUp {
    background-position: -80px 0
}

.mCS-dark>.mCSB_scrollTools .mCSB_buttonDown {
    background-position: -80px -20px
}

.mCS-dark>.mCSB_scrollTools .mCSB_buttonLeft {
    background-position: -80px -40px
}

.mCS-dark>.mCSB_scrollTools .mCSB_buttonRight {
    background-position: -80px -56px
}

.mCS-light-2>.mCSB_scrollTools .mCSB_draggerRail {
    width: 4px;
    background: #fff;
    background: rgba(255, 255, 255, 0.1);
    -webkit-border-radius: 1px;
    -moz-border-radius: 1px;
    border-radius: 1px
}

.mCS-light-2>.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
    width: 4px;
    background: #fff;
    background: rgba(255, 255, 255, 0.75);
    -webkit-border-radius: 1px;
    -moz-border-radius: 1px;
    border-radius: 1px
}

.mCS-light-2.mCSB_horizontal>.mCSB_scrollTools .mCSB_draggerRail {
    width: 100%;
    height: 4px;
    margin: 6px 0
}

.mCS-light-2.mCSB_horizontal>.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
    width: 100%;
    height: 4px;
    margin: 6px auto
}

.mCS-light-2>.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar {
    background: rgba(255, 255, 255, 0.85)
}

.mCS-light-2>.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar,
.mCS-light-2>.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar {
    background: rgba(255, 255, 255, 0.9)
}

.mCS-light-2>.mCSB_scrollTools .mCSB_buttonUp {
    background-position: -32px 0
}

.mCS-light-2>.mCSB_scrollTools .mCSB_buttonDown {
    background-position: -32px -20px
}

.mCS-light-2>.mCSB_scrollTools .mCSB_buttonLeft {
    background-position: -40px -40px
}

.mCS-light-2>.mCSB_scrollTools .mCSB_buttonRight {
    background-position: -40px -56px
}

.mCS-dark-2>.mCSB_scrollTools .mCSB_draggerRail {
    width: 4px;
    background: #000;
    background: rgba(0, 0, 0, 0.1);
    -webkit-border-radius: 1px;
    -moz-border-radius: 1px;
    border-radius: 1px
}

.mCS-dark-2>.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
    width: 4px;
    background: #000;
    background: rgba(0, 0, 0, 0.75);
    -webkit-border-radius: 1px;
    -moz-border-radius: 1px;
    border-radius: 1px
}

.mCS-dark-2.mCSB_horizontal>.mCSB_scrollTools .mCSB_draggerRail {
    width: 100%;
    height: 4px;
    margin: 6px 0
}

.mCS-dark-2.mCSB_horizontal>.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
    width: 100%;
    height: 4px;
    margin: 6px auto
}

.mCS-dark-2>.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar {
    background: rgba(0, 0, 0, 0.85)
}

.mCS-dark-2>.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar,
.mCS-dark-2>.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar {
    background: rgba(0, 0, 0, 0.9)
}

.mCS-dark-2>.mCSB_scrollTools .mCSB_buttonUp {
    background-position: -112px 0
}

.mCS-dark-2>.mCSB_scrollTools .mCSB_buttonDown {
    background-position: -112px -20px
}

.mCS-dark-2>.mCSB_scrollTools .mCSB_buttonLeft {
    background-position: -120px -40px
}

.mCS-dark-2>.mCSB_scrollTools .mCSB_buttonRight {
    background-position: -120px -56px
}

.mCS-light-thick>.mCSB_scrollTools .mCSB_draggerRail {
    width: 4px;
    background: #fff;
    background: rgba(255, 255, 255, 0.1);
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    border-radius: 2px
}

.mCS-light-thick>.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
    width: 6px;
    background: #fff;
    background: rgba(255, 255, 255, 0.75);
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    border-radius: 2px
}

.mCS-light-thick.mCSB_horizontal>.mCSB_scrollTools .mCSB_draggerRail {
    width: 100%;
    height: 4px;
    margin: 6px 0
}

.mCS-light-thick.mCSB_horizontal>.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
    width: 100%;
    height: 6px;
    margin: 5px auto
}

.mCS-light-thick>.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar {
    background: rgba(255, 255, 255, 0.85)
}

.mCS-light-thick>.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar,
.mCS-light-thick>.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar {
    background: rgba(255, 255, 255, 0.9)
}

.mCS-light-thick>.mCSB_scrollTools .mCSB_buttonUp {
    background-position: -16px 0
}

.mCS-light-thick>.mCSB_scrollTools .mCSB_buttonDown {
    background-position: -16px -20px
}

.mCS-light-thick>.mCSB_scrollTools .mCSB_buttonLeft {
    background-position: -20px -40px
}

.mCS-light-thick>.mCSB_scrollTools .mCSB_buttonRight {
    background-position: -20px -56px
}

.mCS-dark-thick>.mCSB_scrollTools .mCSB_draggerRail {
    width: 4px;
    background: #000;
    background: rgba(0, 0, 0, 0.1);
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    border-radius: 2px
}

.mCS-dark-thick>.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
    width: 6px;
    background: #000;
    background: rgba(0, 0, 0, 0.75);
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    border-radius: 2px
}

.mCS-dark-thick.mCSB_horizontal>.mCSB_scrollTools .mCSB_draggerRail {
    width: 100%;
    height: 4px;
    margin: 6px 0
}

.mCS-dark-thick.mCSB_horizontal>.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
    width: 100%;
    height: 6px;
    margin: 5px auto
}

.mCS-dark-thick>.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar {
    background: rgba(0, 0, 0, 0.85)
}

.mCS-dark-thick>.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar,
.mCS-dark-thick>.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar {
    background: rgba(0, 0, 0, 0.9)
}

.mCS-dark-thick>.mCSB_scrollTools .mCSB_buttonUp {
    background-position: -96px 0
}

.mCS-dark-thick>.mCSB_scrollTools .mCSB_buttonDown {
    background-position: -96px -20px
}

.mCS-dark-thick>.mCSB_scrollTools .mCSB_buttonLeft {
    background-position: -100px -40px
}

.mCS-dark-thick>.mCSB_scrollTools .mCSB_buttonRight {
    background-position: -100px -56px
}

.mCS-light-thin>.mCSB_scrollTools .mCSB_draggerRail {
    background: #fff;
    background: rgba(255, 255, 255, 0.1)
}

.mCS-light-thin>.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
    width: 2px
}

.mCS-light-thin.mCSB_horizontal>.mCSB_scrollTools .mCSB_draggerRail {
    width: 100%
}

.mCS-light-thin.mCSB_horizontal>.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
    width: 100%;
    height: 2px;
    margin: 7px auto
}

.mCS-dark-thin>.mCSB_scrollTools .mCSB_draggerRail {
    background: #000;
    background: rgba(0, 0, 0, 0.15)
}

.mCS-dark-thin>.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
    width: 2px;
    background: #000;
    background: rgba(0, 0, 0, 0.75)
}

.mCS-dark-thin.mCSB_horizontal>.mCSB_scrollTools .mCSB_draggerRail {
    width: 100%
}

.mCS-dark-thin.mCSB_horizontal>.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
    width: 100%;
    height: 2px;
    margin: 7px auto
}

.mCS-dark-thin>.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar {
    background: rgba(0, 0, 0, 0.85)
}

.mCS-dark-thin>.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar,
.mCS-dark-thin>.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar {
    background: rgba(0, 0, 0, 0.9)
}

.mCS-dark-thin>.mCSB_scrollTools .mCSB_buttonUp {
    background-position: -80px 0
}

.mCS-dark-thin>.mCSB_scrollTools .mCSB_buttonDown {
    background-position: -80px -20px
}

.mCS-dark-thin>.mCSB_scrollTools .mCSB_buttonLeft {
    background-position: -80px -40px
}

.mCS-dark-thin>.mCSB_scrollTools .mCSB_buttonRight {
    background-position: -80px -56px
}

@font-face {
    font-family: "articleFont";
    src: url('../../iconfonts/iconfont.eot?t=1513665852127');
    src: url('../../iconfonts/iconfont.eot?t=1513665852127#iefix') format('embedded-opentype'), url('data:application/x-font-woff;charset=utf-8;base64,d09GRgABAAAAAA6IAAsAAAAAFNgAAQAAAAAAAAAAAAAAAAAAAAAAAAAAAABHU1VCAAABCAAAADMAAABCsP6z7U9TLzIAAAE8AAAARAAAAFZXF03kY21hcAAAAYAAAADhAAACzkZeqQdnbHlmAAACZAAACYgAAAyEaMi7XGhlYWQAAAvsAAAAMQAAADYRRvBHaGhlYQAADCAAAAAgAAAAJAlJBxVobXR4AAAMQAAAACAAAABMT3X/8mxvY2EAAAxgAAAAKAAAACgcmB7qbWF4cAAADIgAAAAfAAAAIAEkAJ9uYW1lAAAMqAAAAUUAAAJtPlT+fXBvc3QAAA3wAAAAlgAAAMz/UK+qeJxjYGRgYOBikGPQYWB0cfMJYeBgYGGAAJAMY05meiJQDMoDyrGAaQ4gZoOIAgCKIwNPAHicY2Bk0WecwMDKwMHUyXSGgYGhH0IzvmYwYuRgYGBiYGVmwAoC0lxTGBwYKl4fZm7438AQw9zAsBIozAiSAwDyxAyVeJzFkjuOwkAQRGtszALLmo/kwAlyRLQXIuEc3IU7EO0NuAhReSUfAqqnSAh2iRA9epamXeNuTzWACkApvsUISERCxEXZlPMlZjk/wo/2nZZ0OLBkxZoNW27Yccc9jxz6oj8N5+s1K/BE8V+kXGn75wrFCnOs1c0UY/VYo8ASX/qjD3yq6wUmEo2f1HlhpPeVfox5fv7ed2txuKMWCaPbBJOJEyxM6FmacJ6V0a2DtdH9g42JaWFrEO83BvG9zsgncGfkGLg3MY08GrkIDkZ+oi9MTGt/MvIYw9lgcgMejVcrAAAAeJxlVntsHMUZn2/m9nG7t7Pe273b873su/PtOrZj39n3sPM4lzoJSUiUB3acpIEmaUiKSwlpIsXhEUJCpJDyqCgSMQptIIFEhEioRBVUKVSUooJo/+gDVZQKEKD+g4C2KBJgb/rtnkPddjU78+0333w73+s3QwRCrrzPLrEEMUknKZMlZC0hIHZDntMM5NxKL+2GWE6I2RZnbsHNSYV8L1sMdl604v21imOLkqgDhywM5Pprbi91oVpp0IXQH88AtKaS10eL6Sj7ESgJN3vUW0mfhFhbIa035nsreoat/nZT3h+JRluj0ftlURBkSkM6h+/b8bAQVkTvjKAnY5fa5tE2iLS6yVWbtPZUdNuxyq2Zoh0GOHQIzFQ7PztsJA1sdybjZrRVatHkRFIrdFiw/0M1YUYyzgcEHxFtvYWdpR8TnbShtQtIg1xPiNCAutELbo6DZGTBdo1KDW2JxwxLLOTyjtmAiuObywILmZPXwfU7MV63pQLa3pTkYMUHcr6yikP/0tEH0Ncx81ahBFAqcFmkXWI4LM68Jcqfp4vFQcd57iyMcV08L2fliaqcko+G9Uf6MjfR47rFlZlbuWVx+nBnBawoKqBjswrPo8JROhboOi/KMjwOxUHUV/R2t2qwmPPXVqvqK1rqwpIqrYCpzyxUNDCzFlRd+hvd9P0A6IeX2MvsGhIhJAx1NwxSGNCddRqFp8WYN+ptisE5b6MF5+BCDA7B0wIy4VzM2+Rt9GdGLV8PRT3j7GMGJEkyhBRrHfX5GHYJ/Si49aIKgs2KAhPyjmDXoZIHwfCOwldUiWT/0QL94cvesydOeM9eXgAlKJW8ARqBt6F8LHMiPCBaLalzamv9szJUvDfLn3kXTp2CuJUCEX/K8L/n2V/ZRhLGrM2iQYZFJQfTDkDMuxgBjKJpSQ6tGlkag+dO3r1710U4dfO/JjZMxmIHxr7YffDx3Rd3sXHvzyevkMVHL+x9/d7pJxYsqE5t2jRVhZ9eOLoYyEnojt77+t5Zf50SJtkizBcCTs2uxe0sSNhEx+UBERfdQt6VRDfvuE6tjtmUd9APbin4xB31Qh0Jp0bfoOd/q07FQ22GtmOhXqRiMal+uw8eeiwS0b9ROwWZSEtyYWiZDgIFNy3SMM1DaR4NRUFUqU6f4se6QxNP0pEe5Y010iJBXJ+ARo/YUaLtyZymJ4ZkuHYhlYQqZZK1eTi0JAnzMrQosxsICV3555U3QmE2SkpkCCv9OrSm5ki42bJjN8DtBdyyjQblRZ+IBxsvZwOWT8WRJYiOz7VE8C2za1j9Vcg7fVCLs3eFg6809jiU5tMWW9otaNXsTatgeV3bvBJuXC3ctzQ1Prz40c3SR/etmeAPTG9llg31ngEoJoGm57NQN2D81zVgyxZQ5GpX9sYRxtYc79W3bQ+d3dc4vSvZJmzOi7mdwh+Od1/vRoe6aLW1mBGsX4CRojlJWAHe4rXG0RvghgkG3h91C7SIn6cs6H7JfCqMtU/AZi641TBUixCT7Bh1Rk+NwktTEPU+mTkB0akpRowZw4DdUwe8T7xPJ3HmwNTUZBNDUM2r9NdEJTZpJ/NIf5AViBNN1LBENocGnwyYXxO90CTMQKAQCLPTM5d4NMrpEr+fQ0+/meroqHd0pP9reG2OHGyNpqPYgDbHmXeKKFEvAi3WitgAAL+Q521pCiDgYT7PsCpjWDvdZJAsJeNogevgXkSEsjaI9w9j+K92tapRcYUBf7dSwd/9wFxrC9W5H/UCFkDVNzADwYoC69kjq15D1eW1siWvG8NubFSOyatk2SucUzRNCTrY4D3THP1+Lj32nZY4cJN/y/+gP7xN1tWZg6q8RpbXrZek9fiulFWaUKUJzdIAsPN+jx22w83h7bgRKFqDdHAGvBtSWReJoe0ryBjZRibQ+jIHLNFyrZdKYi/U6rUsLZavUlIwWcBJG0esFMcvkHrNaRKxeMgOShzEoNwRHuIiwynRrxgUC9Y38IhknwvpNl3QreXby0ZSMlqW3bcz7b3N4yLn+ZF+TRESKU0AUUrkNFUVI6Al71hLk6GIYPa+tGPFWgng6T99yegq7+CRFyPC6cNHXlTF03uG96WTPY1v3plJVA5qPfPCrd2dKlzSdSXTUtqxLqswoz0V4l0/uH8N09M2AsPgkrymhRPcyKWUV5nC2ypmByA+R92G2XXd9pWPjNzzEJV+vmvBUu8xZdvY+BFd3bZhwxHo0wfqgzvjZnXRwh3nLB51XW44Pj5iTbxMf0xa8BTwbwUuOHkJ/BtCHdhtvJjm3m5e9Lt0kcOeF7UUDvdrmrePF1Ma3EiIhHH5nP2dRbCuLIzMIszKdWQ9RiYA2IH+WrXiuP6FIziJMcskdHi1ifVOAYUsWxRshGAfz5psDnD1liLM1UK3axaApVmJxBHLtjuz2Vtyg213FK5Zzl59+J5ftUb53WdoWIePE1sqydRdZxg7c9fkMwxGZrZa7e1uIkEj3AQwuZlImHAPWHrENCO69ZTdGY932t5PlHDj5vn7lt39JKNHbgmxk3uLHbB/Y0UVgT3wvYkHKX1wYuFNNIyyuOKLr9fD7Jn6DjvDOhCr0CdmLpaDAaOwhS2ffgG+OzkJlybhvekXArlj7Ct2B4kSF73kV27OyPm2ujjifQaa95HZKBi+H+oGe0/j0wfgbETXI147uwwt3qMRziOQ8rjcEpPhMm9Ftx3C2Q3suE9Pa/C3iA5fAX54mhwzZPjM+yhYc3vzbMTYX4SXfZQ1c9XcarZz+jG45mATd6+cYJ+y20kH2UoexnnuHzIYtGEo+51fXOBXkN/KzTeGoGNJYr4PAraPJ0PgH1HNtxIcSs34DmFF2eXmawVqEFwL+VmFVjyYuyqES2r1IQgWo4/KTlPjl2JMUBRRFxwlxm3OFUORw3osrBgCNlGjA89zrnaozyeG8s54qWez27U8l6noPv6apczwE1uR1X1tLlMydcPQec7+XW6Zs/pwOT2PK1iBHNNlOJ9fumpZbqTU2qXwSIRnSqiMmooUgpjCE9xRzLAm493XMoRQJIybQYZiKt6h5/V2lfOLiRyf/V/muu6eDePBH4evBTC4VUpnl7vuKPJ6RhJ0r64OVlF7btmqpfnconTwR0AgKP1nF5lOHuQZBmgz/YgYGB28BTYAASsMfnnZeADUjf7q//JoCsoqtdIR7wPvfTVphWFQSSkAA//HhP1QjqQtiHgfQptipRTvdUXxfuaLZiyqeh9A+ywXd/FvHbo5uXicY2BkYGAA4pSf2RLx/DZfGbhZGEDgWtw1Gxj9/9P/cNYK5mogl4OBCSQKAEt9DGkAAAB4nGNgZGBgbvjfwBDD3vX/0//vrBUMQBEUIAwAtbAHaXicY2FgYGB+ycDAwoCK2btA9P9PKOJMmOqQMQDBNwO1AAAAAAB2APoBHgFaAZIB9gJyApgC+gN4BCIERATIBNwFIAUuBfwGQnicY2BkYGAQZpjMwM4AAkxAzAWEDAz/wXwGABlHAcQAeJxlj01OwzAQhV/6B6QSqqhgh+QFYgEo/RGrblhUavdddN+mTpsqiSPHrdQDcB6OwAk4AtyAO/BIJ5s2lsffvHljTwDc4Acejt8t95E9XDI7cg0XuBeuU38QbpBfhJto41W4Rf1N2MczpsJtdGF5g9e4YvaEd2EPHXwI13CNT+E69S/hBvlbuIk7/Aq30PHqwj7mXle4jUcv9sdWL5xeqeVBxaHJIpM5v4KZXu+Sha3S6pxrW8QmU4OgX0lTnWlb3VPs10PnIhVZk6oJqzpJjMqt2erQBRvn8lGvF4kehCblWGP+tsYCjnEFhSUOjDFCGGSIyujoO1Vm9K+xQ8Jee1Y9zed0WxTU/3OFAQL0z1xTurLSeTpPgT1fG1J1dCtuy56UNJFezUkSskJe1rZUQuoBNmVXjhF6XNGJPyhnSP8ACVpuyAAAAHicbYzdFoIgAIOZqJmW/dhr+FAIaJiBkCSPH9ZtOzu7+baRhPxUkv9qkIAiRYYcOxTYo0SFA46occIZF1zR4EYQ0sVzSbk3pbUPo4dRMZ07qaMTa+ksehqeU67Zu2OuGtUU+SBiZKtUnam3/mI8c86sfq4UN7qNJChNIyp6qcO2SL+/L8kcv1fC+G6SrTCrJuQDkJcvhwAA') format('woff'), url('../../iconfonts/iconfont.ttf?t=1513665852127') format('truetype'), url('../../iconfonts/iconfont.svg?t=1513665852127#iconfont') format('svg')
}

.articleFont {
    font-family: "articleFont" !important;
    font-size: 16px;
    font-style: normal;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale
}

.icon-tuce:before {
    content: "\e61e"
}

.icon-cuo:before {
    content: "\e702"
}

.icon-qqkongjian:before {
    content: "\e603"
}

.icon-renren:before {
    content: "\e65e"
}

.icon-qq:before {
    content: "\e60e"
}

.icon-pdf:before {
    content: "\e69b"
}

.icon-xml:before {
    content: "\ebc3"
}

.icon-navbar:before {
    content: "\e605"
}

.icon-jiliangdian:before {
    content: "\e615"
}

.icon-weibo:before {
    content: "\e6eb"
}

.icon-jiantouarrowup:before {
    content: "\e601"
}

.icon-weixin:before {
    content: "\e659"
}

.icon-jia:before {
    content: "\e619"
}

.icon-fenxiang:before {
    content: "\e7ae"
}

.icon-jian:before {
    content: "\e620"
}

.icon-search:before {
    content: "\e600"
}

.icon-double-down:before {
    content: "\e602"
}

.cboxPhoto {
    width: auto !important;
    max-width: 100% !important;
    height: auto !important;
    max-height: 100% !important
}

.archcon .arc-listit {
    width: 120px
}

.columimg {
    width: 460px
}

.chooseAll {
    margin: 0
}

.toolBox1 {
    padding-top: 20px
}

.toolBox2 {
    padding-top: 20px
}

.footer {
    position: relative;
    z-index: 2000;
    margin-top: 40px
}

.article-pc .article-main .inner {
    padding: 30px 0
}

.active2>a {
    color: #069 !important
}

a {
    color: #069
}

.mainColor {
    color: #069
}

.header-nav,
.tab-ul-index li.active,
.article-list-journalg,
.footer .top,
.phone-nav,
.main .article-content ul#htmlContent2 h3.full-text,
#page-tag-div .pagination>.active>a,
.comtit,
.archcon.archcon-new dl dd.archconVol,
.archcon.archcon-new dl dd.active,
.archcon .arc-listit dd.active,
.archcon .arc-listit .arctpoint,
.tab-ul-index li.active,
.footer .btmb,
.header-nav ul>li ol,
.qikan .subBtn,
.pageTagsUl li.current,
.pageTagsUl li.clickpage:hover {
    background-color: #069
}

.header-nav ul>li.active>a,
.header-nav ul>li ol li:hover,
.header-nav ul>li:hover>a {
    background: #0089e3
}

.bottom-fixed {
    width: 50px;
    height: 50px;
    cursor: pointer;
    position: fixed;
    bottom: 20px;
    right: 20px;
    z-index: 5000;
    background: #0960c0 url("../../images/back_top.png") no-repeat center center;
    display: none
}

.arcmethod li.active,
.phone-nav {
    border-color: #26804a
}

.derived i.current,
.base-title .more:hover,
.news-list li a:hover,
.article-list-title a:hover,
.article-list-author a:hover,
.article-list-time a:hover,
.article-list-zy font a:hover {
    color: #0960c0
}

#page-tag-div .pagination>.active>a {
    border-color: #0960c0
}

.footer .btmb {
    padding-top: 8px;
    padding-bottom: 8px
}

.phone-nav .search-app-wrap,
.smallUl {
    background: rgba(0, 0, 0, 0.8)
}

.footer .top span {
    margin-right: 10px
}

.smallUl {
    z-index: 1000;
    width: 100%;
    left: 0;
    right: 0;
    margin: auto;
    position: absolute;
    display: none
}

.smallUl a {
    color: #fff;
    display: block;
    line-height: 24px
}

.smallUl>li {
    text-align: left;
    border-bottom: 1px solid rgba(255, 255, 255, 0.5)
}

.smallUl>li:last-child {
    border-bottom: 0
}

.smallUl li>a {
    padding: 0 4%;
    font-size: 16px;
    line-height: 40px;
    position: relative;
    display: block
}

.smallUl>li>a span {
    margin: 0 0 0 10px
}

.smallUl>li>a span img {
    vertical-align: middle;
    margin: -3px 0 0;
    transition: all .2s
}

.smallUl>li>a span.active img {
    transform: rotate(90deg)
}

.smallUl>li>ol {
    display: none
}

.smallUl>li>ol a {
    padding: 0 8%
}

.navList {
    width: 30px;
    cursor: pointer
}

.navList span {
    height: 3px;
    background-color: #fff;
    margin: 0 0 8px 0;
    display: block;
    transition: all .5s
}

.navList span:last-child {
    margin: 0
}

.navList {
    display: block;
    position: absolute;
    top: 50%;
    transform: translate(0%, -50%)
}

.navList span:last-child {
    margin: 0
}

.phone-nav input::-webkit-input-placeholder {
    color: #fff;
    opacity: 1
}

.phone-nav .text {
    background: #fff
}

.phone-nav .text {
    line-height: 19px;
    padding: 3px 10px;
    color: #fff;
    margin: 0 0 0 15px;
    border-radius: 4px 0 0 4px
}

.phone-nav .sub {
    width: 35px;
    height: 25px;
    background-size: 16px 16px;
    border-radius: 0 4px 4px 0
}

.phone-nav .en {
    line-height: 25px;
    color: #fff
}

.phone-nav .search-app-wrap {
    display: none;
    position: absolute;
    left: 0;
    width: 100%;
    top: 50px;
    z-index: 2000;
    padding: 8px 0
}

.phone-nav .search-app-wrap select {
    width: 23%;
    border: 0;
    height: 30px;
    border-radius: 4px;
    padding: 0 0 0 5px;
    background: rgba(255, 255, 255, 0.2);
    color: #fff
}

.phone-nav .search-app-wrap select option {
    background: rgba(19, 115, 122, 0.9)
}

.phone-nav .search-app-wrap .text {
    width: 100%;
    margin: 0;
    border-radius: 4px;
    height: 30px
}

.phone-nav .search-app-wrap .sub {
    width: 30px;
    height: 30px;
    background: rgba(255, 255, 255, 0.2) url("../../images/search-sub.png") no-repeat center center;
    position: absolute;
    right: 0;
    top: 0
}

.header .logo {
    width: 50%
}

.header .logo img {
    height: 50px
}

.header .logo svg {
    height: 50px
}

.header .bot {
    background-size: cover
}

.phone-nav {
    padding: 8px 0;
    position: relative
}

.phone-nav .en {
    line-height: 25px;
    color: #fff
}

.phone-nav .text,
.phone-nav .sub {
    background: rgba(255, 255, 255, .2)
}

.phone-nav .text {
    line-height: 19px;
    padding: 3px 10px;
    color: #fff;
    margin: 0 0 0 15px;
    border-radius: 4px 0 0 4px
}

.phone-nav .sub {
    width: 35px;
    height: 25px;
    background-size: 16px 16px;
    border-radius: 0 4px 4px 0
}

.search-wrapper {
    display: none
}

.phone-nav .container .logo {
    display: block;
    padding: 2px 0 0 20px;
    position: relative;
    margin-left: 40px;
    width: 73%
}

.phone-nav .container .logo img {
    max-width: 170px;
    max-height: 34px
}

.phone-nav .container .logo:before {
    content: '';
    width: 1px;
    height: 80%;
    background: #fff;
    position: absolute;
    left: 6px;
    top: 2px;
    bottom: 0;
    margin: auto
}

.phone-nav .container .search-app {
    display: block;
    width: 34px;
    height: 34px;
    background-size: 30px;
    color: #fff
}

.phone-nav .container .search-app.active {
    background: url("../../images/close-app.png") no-repeat center center;
    background-size: 32px
}

.main-right .current-ul li .tit {
    width: 100%;
    float: none
}

.main-right .current-ul li .right {
    float: none
}

.main-right .current-ul a {
    display: inline-block
}

.main-right .banner .item .text p {
    width: 70%
}

.main-right .current-ul li .box {
    padding: 8px 0
}

.search-wrap .in-bl {
    width: 100%
}

.search-wrap .form-group {
    margin-left: 0;
    margin-right: 0
}

@media screen and (max-width:375px) {
    .phone-nav .search-app-wrap .text {
        width: 100%
    }
    .phone-nav .search-app-wrap select {
        width: 24%
    }
}

input:-moz-placeholder,
textarea:-moz-placeholder {
    color: #222;
    opacity: 1
}

input::-moz-placeholder,
textarea::-moz-placeholder {
    color: #222;
    opacity: 1
}

input:-ms-input-placeholder,
textarea:-ms-input-placeholder {
    color: #222;
    opacity: 1
}

input::-webkit-input-placeholder,
textarea::-webkit-input-placeholder {
    color: #222;
    opacity: 1
}

.phone-nav {
    background: transparent;
    background-size: cover;
    border-bottom: solid 1px #ccc
}

.navList span {
    background: #223450
}

.phone-nav .container .search-app {
    background: url("../../images/search.png") no-repeat center center;
    background-size: 30px
}

.phone-nav .container .search-app.active {
    background: url("../../images/close-app.png") no-repeat center center;
    background-size: 30px
}

@media(min-width:1200px) {
    .container {
        width: 1140px;
        padding: 0
    }
}

._table {
    display: table
}

._cell {
    display: table-cell;
    vertical-align: middle
}

.header .top {
    background: #223450;
    line-height: 22px;
    padding: 9px 0
}

.header .top .left {
    color: #cfe3ff
}

.header .top .left a {
    padding: 0 6px;
    border-radius: 4px;
    color: #cfe3ff;
    margin: 0 6px;
    display: inline-block
}

.header .top .left a.Register {
    background: #556d91
}

.header .top .left a.Sign {
    background: #c2cfe4;
    color: #223450
}

.header .top .language {
    color: #fff
}

.header .top .language a {
    color: #fff
}

.header .top .language a img {
    margin: 0 5px 0 0
}

.header .top .language span {
    width: 1px;
    height: 14px;
    margin: 5px 7px 0;
    background: #fff
}

.header .mid {
    padding: 40px 0 36px
}

.header .mid .logo img {
    max-width: 100%
}

.header .mid .search {
    padding: 7px 0 0
}

.header .mid .search .text {
    width: 396px;
    border: 2px solid #d2d2d2;
    border-right: 0;
    height: 41px;
    padding: 0 15px
}

.header .mid .search .sub {
    width: 43px;
    height: 41px;
    background: #4164a8 url("../../images/search-sub.png") no-repeat center center;
    border-radius: 0 2px 2px 0
}

.header .mid .search .adv-search {
    color: #30486a;
    line-height: 16px;
    margin: 3px 0 0 10px
}

.romal:hover {
    text-decoration: none
}

.ban-phone-nav .container .search-app {
    position: absolute;
    top: 50%;
    transform: translate(0%, -50%);
    right: 2%
}

.share-right li {
    float: left;
    background: #384f72;
    width: 48px;
    height: 47px;
    -moz-transition: all .5s ease;
    -webkit-transition: all .5s ease;
    -o-transition: all .5s ease;
    transition: all .5s ease;
    margin-left: 1px;
    position: relative;
    cursor: pointer
}

.share-right li:hover {
    background: #4f6e9e
}

.share-right li img {
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    margin: auto
}

.main {
    padding: 0
}

.ban2-bot>.left {
    width: 790px;
    background: #fff
}

.ban2-bot>.left {
    padding: 15px;
    width: 850px
}

.ban2-bot>.left.lefthome {
    padding: 0 15px
}

.ban2-bot>.right {
    width: 350px;
    padding: 0 0 0 25px
}

.banner,
.banner .owl-wrapper-outer,
.banner .pic>img,
.banner .container,
.banner .item {
    height: 332px
}

.banner {
    width: 100%;
    position: relative
}

.banner .pic>img {
    position: absolute;
    width: 1920px;
    left: 50%;
    margin-left: -960px
}

.banner .item {
    position: relative;
    overflow-x: hidden
}

.banner .container {
    position: absolute;
    left: 0;
    right: 0;
    margin: auto
}

.banner .text {
    position: absolute;
    left: 109px;
    color: #fff;
    width: 442px;
    text-align: left
}

.banner .text .tit {
    color: #fff;
    font-size: 22px;
    font-weight: bolder;
    line-height: 32px;
    margin: 0 0 13px
}

.banner .text .tit img {
    margin: -3px 0 0
}

.banner .text .txt {
    line-height: 24px;
    font-size: 15px
}

.banner .owl-prev,
.banner .owl-next {
    width: 36px;
    height: 36px;
    position: absolute;
    top: 0;
    bottom: 0;
    margin: auto
}

.banner .owl-prev {
    left: 0
}

.banner .owl-next {
    right: 0
}

.banner .owl-pagination {
    height: 12px;
    font-size: 0;
    position: absolute;
    left: 0;
    right: 0;
    bottom: 15px;
    margin: auto
}

.banner .owl-page span {
    opacity: 1 !important;
    width: 12px;
    height: 12px;
    margin: 0 3px !important;
    background: #fff !important
}

.banner .owl-page.active span {
    background: #8097bb !important
}

.Announcements {
    line-height: 26px;
    padding: 12px 0;
    font-size: 16px
}

.Announcements .more {
    display: block
}

.Announcements .more img {
    margin: -3px 0 0 6px
}

.Journals {
    background: #e8eaee
}

.main .Journals .container {
    padding: 50px 47px 40px
}

.journal-tit {
    text-align: center
}

.journal-tit .tit {
    font-size: 24px;
    color: #000;
    line-height: 34px;
    padding: 0 0 14px;
    position: relative
}

.journal-tit .tit:before {
    content: '';
    width: 97px;
    height: 4px;
    background: #000;
    position: absolute;
    left: 0;
    right: 0;
    bottom: -4px;
    margin: auto
}

.journal-ul {
    margin: 40px -23px 48px
}

.journal-ul li {
    float: left;
    width: 110px;
    margin: 0 23px
}

.journal-ul li a {
    display: block
}

.journal-ul li .pic img {
    width: 108px;
    height: 143px;
    border: 1px solid #b5bac8
}

.journal-ul li p {
    color: #666;
    line-height: 20px;
    margin: 11px 0 0;
    text-align: center;
    min-height: 40px
}

.journal-ul li p:hover {
    color: #6e82aa
}

.view-all {
    text-align: center
}

.view-all-a {
    display: inline-block;
    width: 149px;
    line-height: 34px;
    border-radius: 30px;
    background: #6e82aa;
    text-align: center;
    color: #fff
}

.view-all-a img {
    margin: -3px 0 0 14px
}

.view-all-a:hover {
    color: #fff
}

.email {
    background: #4164a8;
    padding: 39px 0 44px
}

.email .left .icon {
    padding: 6px 28px 0 0
}

.email .left .icon img {
    width: 60px;
    height: 60px
}

.email .left .text {
    color: #fff
}

.email .left .text .tit {
    font-size: 26px;
    line-height: 36px;
    margin: 0 0 3px
}

.email .left .text .txt {
    font-size: 16px;
    line-height: 26px
}

.email .right {
    display: block;
    padding: 7px 12px;
    font-size: 16px;
    line-height: 26px;
    color: #4164a8;
    text-transform: uppercase;
    border-radius: 2px;
    background: #fff;
    margin: 14px 0 0
}

.email .right img {
    margin: -3px 0 0 9px
}

.footer .top {
    text-align: center;
    padding: 15px 0;
    background: #fff
}

.footer .top ul {
    display: inline-block
}

.footer .top ul li {
    float: left
}

.footer .top ul li a {
    font-size: 16px;
    color: #000;
    display: block;
    line-height: 18px;
    padding: 0 30px;
    border-right: 1px solid #000
}

.footer .top ul li:last-child a {
    border-right: 0
}

.footer .bot {
    text-align: center;
    color: #fff;
    line-height: 24px;
    padding: 11px 0;
    background: #222
}

.footer .bot img {
    margin: -3px 0 0
}

.Announcements .left {
    width: 70%;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis
}

.semiconductor-header .top {
    padding: 8px 0 10px
}

.semiconductor-header .top .logo {
    display: block
}

.semiconductor-header .right {
    padding: 3px 0 0
}

.semiconductor-header .right li {
    float: left
}

.semiconductor-header .right li a {
    display: block;
    color: #333;
    line-height: 19px
}

.semiconductor-header .right li a img {
    margin: -3px 5px 0 0
}

.semiconductor-header .right li.line {
    margin: 3px 12px 0;
    width: 1px;
    height: 14px;
    background: #7d7d7d;
    font-size: 25px
}

.semiconductor-header .mid {
    background: #404e79
}

.semiconductor-header .mid .container {
    padding: 39px 15px 38px
}

.ban-search .ban-gao {
    display: block;
    color: #fff;
    text-align: right;
    line-height: 14px;
    margin: 0 0 8px
}

.ban-search-bot .text {
    width: 396px;
    background: #fff;
    border: 2px solid #d2d2d2;
    border-right: 0;
    height: 41px;
    padding: 0 15px
}

.ban-search-bot .sub {
    width: 43px;
    height: 41px;
    background: #587fcb url("../../images/search-sub.png") no-repeat center center;
    border-radius: 0 2px 2px 0
}

.ban-header-nav {
    background: #404e79
}

.ban-header-nav .container {
    padding: 0 15px 0 0;
    background: #fff
}

.ban-header-nav .nav-ul {
    padding: 0 0 0 15px
}

.ban-header-nav .nav-ul>li {
    margin: 0 38px 0 0
}

.ban-header-nav .nav-ul>li>a {
    color: #000;
    font-size: 14px;
    line-height: 39px;
    padding: 0;
    position: relative
}

.ban-header-nav .nav-ul>li>a:before {
    content: '';
    width: 110%;
    height: 4px;
    background: transparent;
    position: absolute;
    left: 0;
    bottom: -4px;
    transition: all .1s
}

.ban-header-nav .nav-ul>li.active>a {
    color: #404e79
}

.ban-header-nav .nav-ul>li.active>a:before {
    background: #404e79;
    bottom: 0
}

.ban-header-nav .nav-ul>li:hover>a {
    background: #fff
}

.ban-header-nav .nav-ul>li:hover>a:before {
    background: #404e79;
    bottom: 0
}

.ban-header-nav .share-right li {
    background: #fff;
    height: 39px;
    width: 39px
}

.ban-header-nav .share-right li:hover {
    background: #6693eb
}

.ban-main {
    padding: 40px 0 0
}

.ban-main>.container {
    padding: 0 15px
}

.ban-footer .top {
    background: #4164a8
}

.ban-footer .top ul li a {
    color: #fff;
    border-color: #fff
}

.ban-footer .top ul li.line {
    background: #fff
}

.ban-phone-nav {
    background: #404e79
}

.ban-phone-nav .navList span {
    background: #fff
}

.ban-phone-nav .container .logo img {
    max-width: 240px
}

.ban-phone-nav .container .search-app {
    background-size: 30px
}

.ban-phone-nav .container .search-app.active {
    background-size: 30px
}

.semiconductor-header2 .mid {
}

.ban-header-nav2 {
    background: #394884;
    border: 0
}

.ban-header-nav2 .container {
    background: transparent;
    padding: 0
}

.ban-header-nav2 .nav-ul {
    padding: 0
}

.ban-header-nav2 .nav-ul>li {
    margin: 0
}

.ban-header-nav2 .nav-ul>li>a {
    padding: 0 20px;
    color: #fff;
    line-height: 34px
}

.ban-header-nav2 .nav-ul>li>a:before {
    display: none
}

.ban-header-nav2 .nav-ul>li.active>a {
    background: #24326a;
    font-weight: bolder;
    color: #fff
}

.ban-header-nav2 .nav-ul>li:hover>a {
    background: #24326a;
    color: #fff
}

.ban-header-nav2 .share-right li {
    background: transparent;
    height: 34px
}

.ban-main2>.container {
    padding: 0
}

.ban-main2 {
    background: #f0f3f8;
    padding: 20px 0 0
}

.semiconductor3-header .top {
    background: #194670
}

.semiconductor3-header .right li a {
    color: #fff
}

.semiconductor3-header .right li.line {
    background: #fff
}

.semiconductor3-header .mid {
    background: transparent
}

.semiconductor3-header .mid .container {
    background: #fff;
    padding: 50px 20px 14px
}

.semiconductor3-header .ban-gao {
    color: #333
}

.ban3-search-box {
    border: 1px solid #d3d3d3;
    position: relative;
    width: 361px;
    height: 42px;
    margin: 0 0 0 10px
}

.ban3-search-bot select {
    height: 42px;
    border: 1px solid #d3d3d3;
    padding: 0 38px 0 10px;
    display: block
}

.ban3-search-bot .text {
    border: 0;
    width: 100%;
    height: 40px
}

.ban3-search-bot .sub {
    position: absolute;
    right: 0;
    top: 0;
    background-color: #f45600
}

.ban-banner .left {
    width: 635px
}

.ban-banner .left .item {
    position: relative
}

.ban-banner .left .pic img {
    width: 100%;
    max-width: 100%;
    border: 1px solid #acb4c6;
    max-height: 270px
}

.ban-banner .left .text {
    background: rgba(0, 0, 0, .4);
    color: #fff;
    padding: 14px 20px 19px;
    position: absolute;
    left: 0;
    bottom: 0;
    margin: auto;
    width: 100%
}

.ban-banner .left .text .tit {
    font-size: 20px;
    color: #fff;
    line-height: 30px;
    display: block;
    font-weight: bolder
}

.ban-banner .left .text p {
    font-size: 14px;
    color: #fff;
    line-height: 18px
}

.ban-banner .owl-pagination {
    position: absolute;
    right: 7px;
    bottom: 19px;
    height: 11px;
    font-size: 0
}

.ban-banner .owl-page span {
    margin: 0 3px !important;
    border-radius: 0 !important;
    background: #fff !important;
    opacity: 1 !important
}

.ban-banner .owl-page.active span {
    background: #c5d3ff !important
}

.ban-banner .owl-theme .owl-controls .owl-page span {
    border: solid 1px #bbb
}

.ban-banner .right-l {
    display: block;
    margin: 0 25px 0 0
}

.ban-banner .right-l img {
    max-width: 197px
}

.ban-banner .right-r-top {
    text-align: center;
    padding: 17px 6px 17px;
    border: 1px solid #cfd5e4;
    margin: 0 0 15px
}

.ban-banner .right-r-top span {
    display: block;
    color: #333;
    line-height: 20px
}

.ban-banner .right-r-top p {
    font-weight: bolder;
    font-size: 16px;
    line-height: 25px
}

.ban-banner .right-r-top .line {
    position: relative;
    margin: 0 0 20px
}

.ban-banner .right-r-top .line:before {
    width: 168px;
    border-top: 1px dashed #cfd5e4;
    content: '';
    position: absolute;
    left: 0;
    right: 0;
    bottom: -11px;
    margin: auto
}

.ban-banner .right-r-bot {
    background: #f07f10;
    border: 1px solid #ffa815;
    color: #fff;
    padding: 5px 10px
}

.ban-banner .right-r-bot span {
    display: block;
    line-height: 16px;
    font-size: 12px
}


.ban-banner .right-r-bot p {
    line-height: 28px;
    font-size: 24px;
    font-family: nyala;
    text-align: center
}

.ban-header-nav {
    border-bottom: 0
}

.body3 .container {
    width: 1200px;
    padding-left: 20px;
    padding-right: 20px
}

.article-title {
    font-size: 28px;
    color: #000;
    line-height: 1.2;
    text-align: center;
    font-weight: bolder
}

.ban-main-list {
    padding: 24px 15px 0
}

.toolBox1 {
    padding: 15px 0 20px;
    border-bottom: 1px solid #dcdcdc
}

.article-list-journalg {
    line-height: 29px;
    display: block;
    background: transparent;
    padding: 0
}

.article-list-journalg a {
    display: inline-block;
    line-height: 29px;
    background: #112f61;
    padding: 0 10px;
    cursor: pointer !important
}

.semic-list .article-list {
    padding: 20px 0 15px
}

.article-list a {
    line-height: 20px
}

.semic-list .article-list .article-list-left {
    position: inherit;
    width: 20px;
    left: auto;
    display: block;
    height: 100% !important;
    padding: 4px 0 0
}

.semic-list .article-list .article-list-left img {
    width: 100%
}

.allCenter {
    position: inherit
}

.semic-list .article-list .article-list-right {
    padding: 0 0 0 20px
}

.main>.semic-list {
    padding: 0
}

.article-list-title a {
    font-size: 16px;
    color: #404e79;
    line-height: 24px;
    font-weight: bold
}

.article-list-time a {
    color: #404e79
}

.article-list-zy {
    line-height: 26px
}

.article-list-author a,
.article-list-author span {
    font-size: 16px
}

.list-box {
    padding: 15px 10px 15px 15px;
    margin: 0 0 16px;
    background: #fff
}

.semic-right-list .right-l {
    width: 146px;
    display: block;
    margin: 0
}

.semic-right-list .right-l img {
    width: 100%;
    height: auto;
    border: 1px solid #eee
}

.semic-right-list .right-r {
    width: 150px
}

.semic-right-list .right-r-top {
    border: 0;
    padding: 0 0 0 20px;
    text-align: left;
    margin: 0
}

.semic-right-list .right-r-top p {
    font-size: 14px
}

.semic-right-list .right-r-top .line:before {
    width: 100%
}

.semic-right-list .right-r-top .p1 {
    font-size: 15px
}

.semic-right-list .right-r-bot {
    margin: 20px 0 0
}

.semic-right-list .right-r-bot span {
    padding: 0 0 0 24px
}

.semic-right-list .right-r-bot p {
    padding: 0 0 0 90px
}

.list-baseTitle {
    border-bottom: 1px solid #e7e7e7;
    line-height: 43px
}

.list-baseTitle .tit {
    font-size: 18px;
    color: #000;
    font-weight: bolder
}

.list-baseTitle a {
    font-size: 14px;
    color: #6e82aa;
    display: block
}

.semic-list .ban3-ul li .tit {
    line-height: 20px;
    font-size: 15px;
    font-weight: normal;
    color: #000;
    margin: 0 0 2px
}

.semic-list .ban3-ul.mostlist li .tit {
    color: #404e79
}

.semic-list .ban3-ul.mostlist3 li .tit {
    color: #4a4a4a;
    font-weight: bold
}

.base-title .tit:hover {
    color: #db4b27
}

.ban3-ul li {
    border-bottom: 1px solid #e9e9e9;
    padding: 17px 0
}

.ban3-ul li .tit {
    display: block;
    font-size: 16px;
    color: #4a4a4a;
    line-height: 22px;
    font-weight: bolder
}

.ban3-ul li .author {
    line-height: 22px
}

.ban3-ul li .author a {
    color: #666
}

.semic-list2 .ban2-bot>.left {
    padding: 20px
}

.semic-list2 .ban2-bot>.right {
    width: 325px;
    padding: 0
}

.semic-list2 .semic-right-list .right-l {
    width: 111px
}

.semic-list3 .ban2-bot>.left {
    width: 820px
}

.semic-list3 .ban2-bot>.right {
    width: 380px
}

.ban-banner .right-r-top {
    width: 223px
}

.ban-banner-cn1 .right-r-top {
    width: 150px
}

.ban-header-nav-cn1 .nav-ul>li>a {
    font-weight: bolder
}

.ban-banner-cn1 .left .text .tit {
    font-size: 18px
}

.ban-banner-font .right-r-top p {
    font-size: 14px;
    font-weight: normal
}

.ban-banner-font .right-r-top .line {
    font-weight: bolder;
    font-size: 18px
}

.ban-banner-font .right-r-bot p {
    font-size: 22px;
    text-align: center;
    padding: 0
}

.ban-tab-ul-cn1 li a {
    font-size: 20px
}

.ban-tab-con-cn1 ul li .tit {
    font-size: 16px
}

.ban-news-title-cn1 .tit {
    font-weight: bolder
}

.ban-news-cn1 ul li .bot {
    min-height: 300px
}

.ban-news-cn1 ul li {
    min-height: 430px
}

.footer-cn1 .bot a {
    margin: 0 0 0 10px
}

.semiconductor-header2-cn2 .mid .container {
    padding: 39px 15px 37px
}

.doi-txt {
    color: #333;
    line-height: 20px;
    padding: 0 0 8px
}

.ban-banner2-cn2 .doi {
    padding: 0 0 16px
}

.ban-banner2-cn2 .doi a {
    color: #666
}

.ban2-message-cn2 .ban2-adv {
    font-weight: normal
}

.ban2-message-cn2 .text {
    width: 527px
}

.sub-online-cn2 {
    font-weight: normal;
    padding: 0 55px
}

.archive-new-list li .right .txt {
    color: #000;
    line-height: 22px
}

.archive-new-list-cn2 li .right .author a {
    color: #5e6a90
}

.archive-new-list-cn2 li .right .three a:before {
    display: none
}

.ban2-author-cn2 {
    padding-bottom: 0
}

.ban2-author-cn2 .ban2-news li a:last-child {
    padding-bottom: 0
}

.ban3-header-nav-cn3 .nav-ul>li>a {
    font-size: 14px;
    padding: 0 30px
}

.archiveNew-list-cn3 ul li .year-2 .year-l a {
    color: #404e79
}

.archiveNew-list2-cn3 ul li .year-2 {
    line-height: normal
}

.archiveNew-list2-cn3 ul li .year-2 .doi {
    line-height: 25px
}

.archiveNew-list2-cn3 ul li .year-2 .doi a {
    color: #404e79
}

.archiveNew-list2-cn3 ul li .year-2 .year-r {
    position: inherit
}

.archiveNew-list2-cn3 .abstract-wrap {
    background: #f0f0f0;
    padding: 7px 15px;
    line-height: 24px;
    margin: 20px 0 0;
    display: none
}

.archiveNew-list2-cn3 .zhai.active {
    position: relative
}

.archiveNew-list2-cn3 .zhai.active:after {
    content: '';
    width: 28px;
    height: 12px;
    position: absolute;
    left: 0;
    right: 0;
    bottom: -20px;
    margin: auto
}

.online3-cn3 {
    letter-spacing: 8px
}

.online3-cn3 img {
    margin-left: 12px
}

.base-title-cn3 .tit {
    font-size: 18px
}

.j-news-content {
    margin: 20px 0
}

.j-news-content img {
    max-width: 100%
}

.left-title {
    text-align: left
}

.loading-show {
    text-align: center;
    margin-top: 150px
}

.loading-size {
    width: 100px
}

.archiveNew-list .bot-pic .left img,
.semic-list .article-list .group2 img,
.archive-new-list li .pic img {
    max-height: 130px
}

.semic-list .archive-new-list li,
.archive-new-list li,
.article-list,
.bot-pic {
    position: relative
}

.archiveNew-list .bot-pic .left,
.ban-main .semic-list .article-list .group2,
.archive-new-list li .pic {
    margin: auto;
    position: absolute;
    top: 50%;
    left: 0;
    transform: translate(0, -50%);
    height: auto;
    max-height: 130px
}

.semic-list .archive-new-list li .right,
.ban2-bot .archive-new-list li .right,
.semic-list .article-list .article-list-right,
.bot-pic .right,
.semic-list .archiveNew-list ul li .bot-pic .right {
    padding-left: 173px
}

@media screen and (max-width:1200px) {
    .header {
        display: block
    }
    .header .mid {
        display: none
    }
    .search-app-wrap .left {
        position: relative
    }
    .search-app-wrap .gao {
        color: #fff;
        line-height: 30px;
        display: block
    }
    .journal-ul li {
        width: 18%;
        margin: 0 1% 14px
    }
    .journal-ul li .pic {
        text-align: center;
        height: 145px
    }
    .journal-ul li .pic img {
        max-width: 100%;
        height: 100%
    }
    .main .Journals .container {
        padding: 40px 15px
    }
    .journal-ul {
        margin: 40px -1%
    }
    .semiconductor-header .mid {
        display: none
    }
    .ban-banner .left {
        margin: 0 0 20px
    }
    .ban-banner .left,
    .ban-banner .right {
        width: 100%;
        float: none
    }
    .ban-banner .right {
        padding: 0
    }
    .ban-banner .right-l {
        float: none;
        width: auto;
        padding: 0 0 20px;
        text-align: center
    }
    .ban-banner .right-r {
        float: none;
        width: auto
    }
    .ban-banner .right-l img {
        max-width: 100%;
        width: auto;
        margin: 0 auto
    }
    .ban-banner .right-l {
        padding-right: 5px
    }
    .ban3-banner .left {
        width: 100%
    }
    .ban-banner .right-l img {
        max-width: 200px
    }
    .selectAll {
        display: none
    }
    .ban2-bot.archive-list-wrap>.right {
        display: none
    }
    .ban2-bot.archive-list-wrap>.left {
        width: 100%;
        float: none
    }
}

@media screen and (max-width:991px) {
    .header .top .left span {
        display: none
    }
    .search-content-right {
        margin-top: 20px
    }
    .main-left,
    .main-mid,
    .main-right {
        float: none;
        width: 100%;
        padding-left: 15px;
        padding-right: 15px
    }
    .main-left {
        padding-top: 20px
    }
    .message {
        padding: 10px
    }
    .message .left,
    .message .right {
        float: none
    }
    .message .right {
        padding: 10px 0 0
    }
    .message .right .email-alert {
        float: left
    }
    .header .logo {
        width: 36%
    }
    .header .right .text {
        font-size: 13px;
        line-height: 20px
    }
    .banner .swiper-button-prev {
        display: none
    }
    .banner .swiper-button-next {
        display: none
    }
    .banner .text {
        left: 15px
    }
    .email .left {
        width: 100%
    }
    .email .left .icon {
        padding: 0;
        width: 10%
    }
    .email .left .text {
        width: 90%;
        padding: 0 0 0 10px
    }
    .email .left .text .tit {
        font-size: 18px;
        line-height: 28px
    }
    .email .left .text .txt {
        font-size: 14px;
        line-height: 24px
    }
    .email .left .icon img {
        max-width: 100%;
        height: auto
    }
    .email .right {
        float: left
    }
    .footer .top ul li.line {
        margin: 4px 10px 0
    }
    .ban-banner2 .left,
    .ban-banner2 .right {
        width: 100%;
        float: none
    }
    .ban-banner2 .right {
        padding: 20px 0 0
    }
    .footer .top ul li {
        width: 50%;
        margin-bottom: 10px
    }
    .ban-footer .top ul li a {
        border: none !important
    }
}

@media screen and (min-width:992px) {
    .reviewer-apply-page .box-search1 {
        padding-left: 231px
    }
}

@media screen and (max-width:768px) {
    .container {
        padding: 0 15px
    }
    .header .right .text {
        font-size: 12px;
        padding-right: 8px
    }
    .banner .container {
        width: 100%
    }
    .banner,
    .banner .swiper-container,
    .banner .container {
        height: 220px
    }
    .banner .text .tit {
        font-size: 18px;
        line-height: 28px
    }
    .banner .text .txt {
        line-height: 23px;
        font-size: 13px
    }
    .ban-banner .left {
        margin: 0 0 20px
    }
    .ban-banner .left,
    .ban-banner .right {
        width: 100%;
        float: none
    }
    .ban-banner .right {
        padding: 0
    }
    .ban-tab-ul li a {
        font-size: 16px
    }
    .left-content {
        min-height: auto
    }
    .smallUl>li>ol a {
        width: 100% !important;
        float: none
    }
}

@media screen and (max-width:767px) {
    .box-tan {
        width: 100% !important
    }
    .js-qrcode-close {
        width: 20px;
        height: 20px;
        background-size: 20px 20px
    }
    .tab-ul-index li a {
        font-size: 14px
    }
    #mescroll .main {
        padding-left: 15px;
        padding-right: 15px
    }
    .bottom-fixed {
        width: 34px;
        height: 34px;
        background-size: 24px 24px;
        border-radius: 50%
    }
    .arc-listit {
        float: none
    }
    .columimg {
        width: 100%;
        float: none
    }
    .arcimgeng .archimg li {
        width: 100%
    }
    .archcon .archimg li {
        margin: 0 0 10px
    }
    .contentArea-left,
    .contentArea-right {
        width: 100%;
        float: none
    }
    .message .left .mes-swiper a,
    .message .swiper-wrapper {
        width: 100% !important
    }
    .message .right .search {
        padding: 0;
        float: none;
        width: 100%
    }
    .message .right .sub {
        margin: 0
    }
    .message .right .advanced {
        float: none;
        display: inline-block;
        margin: 10px 10px 0 0
    }
    .message .right .email-alert {
        float: none;
        display: inline-block
    }
    .footer .top span {
        margin-right: 0;
        display: block
    }
    .table-tit {
        font-size: 15px;
        line-height: 25px
    }
    .journal-ul li {
        width: 31.33%
    }
    .footer .top ul {
        display: block
    }
    .footer .top ul li a {
        font-size: 14px
    }
    .footer .top ul li.line {
        display: none
    }
    .semiconductor-header .top .logo {
        margin: 0 0 10px
    }
    .semiconductor-header .top .logo,
    .semiconductor-header .top .right {
        float: none
    }
    .ban-banner .right-l {
        float: none;
        width: auto;
        padding: 0 0 20px;
        text-align: center
    }
    .ban-banner .right-r {
        float: none;
        width: auto
    }
    .ban-banner .right-l img {
        width: auto;
        margin: 0 auto
    }
    .ban-tab-con ul li {
        width: 48%;
        margin: 0 1% 25px
    }
    .ban-news ul li {
        width: 48%;
        margin: 0 1%
    }
    .ban3-main>.container>.left {
        padding: 0 0 20px
    }
    .ban3-main>.container>.left,
    .ban3-main>.container>.right {
        width: 100%;
        float: none
    }
    .banner .pic>img {
        position: inherit;
        left: auto;
        margin: 0;
        width: 100%
    }
    .banner,
    .banner .owl-wrapper-outer,
    .banner .pic>img,
    .banner .container,
    .banner .item {
        width: auto;
        height: 220px
    }
    .banner .pic>img {
        margin: auto;
        position: absolute;
        top: 50%;
        left: 50%;
        transform: translate(-50%, -50%)
    }
    .banner .text {
        width: 80%
    }
    .banner .owl-prev,
    .banner .owl-next {
        width: 20px;
        height: 20px;
        background-size: cover
    }
}

@media screen and (max-width:560px) {
    .footer .top ul li a {
        padding: 0
    }
    .common-remark .imgcover {
        padding: 0
    }
    .common-remark .imgcoverr {
        padding: 0 0 0 15px
    }
    .pageTagsUl li {
        border: 0;
        font-size: 13px;
        padding: 4px;
        margin: 0
    }
    .pageTagsUl li:hover {
        background: 0;
        color: #333
    }
    .pageTagsUl li.first,
    .pageTagsUl li.gong {
        display: none
    }
    .pageTagsUl li.current {
        background: 0;
        color: #1280df
    }
    .article-list {
        padding-left: 0;
        padding-right: 0
    }
    .wid .article-list {
        padding: 15px 0
    }
    .pageTagsUl li.input input {
        width: 20px;
        line-height: 20px;
        border: 1px solid #ddd
    }
    .main-right .article-browse li a img {
        height: auto
    }
    .email-input {
        width: 100%
    }
    .footer .bottom,
    .footer .top,
    .footer .btmb {
        padding-left: 15px;
        padding-right: 15px
    }
    .footer .span1,
    .footer .span2,
    .footer .btmb-span {
        display: block
    }
    .ban-tab-con ul {
        margin: 20px 0
    }
    .ban-news ul {
        margin: 0
    }
    .ban-tab-con ul li,
    .ban-news ul li {
        width: 100%;
        float: none;
        margin: 0 0 15px
    }
}

@media screen and (max-width:375px) {
    .header .logo {
        width: 23%
    }
    .main-right .tab-ul {
        border-bottom: 1px solid #bebebe
    }
    .main-right .tab-ul li {
        float: left;
        width: 130px;
        background: #e5e5e5;
        text-align: center;
        margin: 0 10px 0 0
    }
    .main-right .tab-ul li.active {
        background: #26804a
    }
    .main-right .tab-ul li.active a {
        color: #fff;
        font-weight: bolder
    }
    .main-right .tab-ul li a {
        font-size: 16px;
        color: #242424;
        display: block;
        line-height: 37px
    }
    .semiconductor-header .top .right li {
        width: auto
    }
    .semiconductor-header .right li.line {
        margin: 3px 8px 0
    }
    .semiconductor-header .top .right li a {
        font-size: 12px
    }
    .ban-phone-nav .container .logo img {
        max-width: 170px
    }
    .ban-phone-nav .container .logo {
        padding: 7px 0 0 20px
    }
    .ban-phone-nav .container .logo:before {
        top: 5px
    }
}

.j-news-list {
    min-height: 400px
}

.header-nav {
    background: #223450;
    border-bottom: 2px solid #375077
}

.header-nav ul>li {
    float: left;
    position: relative
}

.header-nav ul>li:after {
    content: '';
    width: 100%;
    height: 2px;
    position: absolute;
    left: 0;
    bottom: -2px
}

.header-nav ul>li.active>a {
    color: #222;
    background: 0
}

.header-nav ul>li:hover>a {
    color: #222;
    text-decoration: none;
    background: transparent
}

.header-nav ul>li>a {
    position: relative
}

.header-nav ul>li.active>a:before,
.header-nav ul>li>a:before {
    content: '';
    position: absolute;
    top: 100%;
    bottom: 0;
    left: 0;
    right: 0;
    height: 3px;
    border-radius: 2px;
    background: #222;
    transform: scaleX(0);
    transform-origin: 0 0;
    transition: transform .2s
}

.header-nav ul>li:hover>a:before,
.header-nav ul>li.active>a:before {
    transform: scaleX(1)
}

.header-nav ul>li>a {
    display: block;
    color: #222;
    line-height: 54px;
    font-size: 18px;
    font-weight: bold
}

.header-nav ul>li {
    padding: 0 25px
}

.index-nav.header-nav ul>li:first-child>a {
    padding-left: 0
}

.header-nav ul>li ol {
    position: absolute;
    background: #223450;
    top: 49px;
    min-width: 100%;
    z-index: 50;
    display: none;
    left: 0;
    padding-bottom: 10px !important
}

.header-nav ul>li ol li {
    float: left;
    width: 100%;
    padding: 0 30px
}

.header-nav ul>li ol li a {
    font-size: 15px;
    display: block;
    white-space: nowrap;
    color: #fff;
    line-height: 41px;
    border-bottom: 1px solid #375077
}

.header-nav ul>li ol:hover,
.header-nav ul>li ol li:hover {
    background: #223450
}

.header-nav ul>li ol li a:hover {
    text-decoration: none;
    background: #4f6e9e;
    border-bottom: 1px solid #fff !important
}

.index-nav ul>li ol li a {
    border-right: 1px solid #375077
}

.special-tit {
    margin: 0 0 3px;
    padding: 5px 0 10px;
    border: 0;
    box-shadow: none;
    border-bottom: 1px solid #eee
}

.special-tit .panel-body {
    padding: 0
}

.special-tit h3 {
    margin-bottom: 10px
}

.special-tit h3 a,
.special-tit h3 {
    line-height: 23px;
    font-size: 18px;
    font-weight: bold;
    color: #23527c
}

.special-tit h3.special-intro-tit {
    margin: 6px 0 0;
    font-size: 16px;
    font-weight: normal
}

.special-tit h4 i {
    font-style: normal;
    line-height: 24px
}

.special-tit p {
    line-height: 20px;
    font-size: 13px
}

.special-introduction {
    margin: 3px 0 5px
}

.special-more {
    display: inline-block;
    font-size: 15px;
    height: 28px;
    line-height: 25px;
    padding: 1px 10px;
    background-image: -webkit-gradient(linear, left top, left bottom, from(#4b75b6), to(#375077)) #375077;
    background-image: -webkit-linear-gradient(top, #4b75b6, #375077);
    border-color: #0176c3;
    color: #fff;
    margin: 6px 0 6px;
    border-radius: 5px
}

.special-more:hover {
    color: #fff
}

.back-intro {
    margin: 10px
}

.j-news-content p,
.j-news-content {
    font-size: 18px;
    line-height: 30px
}

.col-lg-8 .archcon .archimg li,
.col-lg-9 .archcon .archimg li {
    width: 25%
}

.col-lg-8 .columimg {
    width: 608px
}

.col-lg-9 .columimg {
    width: 710px
}

.marginT30 {
    margin-top: 30px
}

.user .top .logor li {
    line-height: 22px;
    color: #fff;
    font-size: 13px;
    float: left
}

.user .top .logor ul>li>span {
    display: inline-block;
    width: 2px;
    height: 15px;
    background: #eaf6f7;
    position: relative;
    top: 3px
}

.user .top .logor .toptnav li a {
    font-size: 14px;
    padding: 0 15px
}

.user .top .logor .toptnav li:last-child a {
    padding-right: 0
}

.regetit {
    width: 100%;
    height: 60px;
    line-height: 60px;
    color: #fff;
    background: #0760b9;
    font-size: 22px;
    text-align: center
}

.colorRed {
    color: #f00
}

.user {
    background: #f4f4f4
}

.user-register {
    margin-bottom: 53px
}

.user-register .container {
    max-width: 900px
}

.user-register .top {
    background: #f4f4f4
}

.user .top {
    width: 100%;
    height: 60px;
    padding-top: 10px
}

.user-register .logotxt {
    color: #333;
    font-size: 25px;
    margin: 2px 0 0 8px
}

.user-register .top .logor li {
    color: #666
}

.user-register .top .logor li i {
    font-style: normal
}

.user-register .top .logor li a {
    color: #0760b9
}

.user-register .top .logor ul>li>span {
    background: #a8a8a8
}

.user-register .top .logor .toptnav li:first-child a {
    padding-left: 0
}

.rege-con {
    background: #fff
}

.servicebtn {
    color: #337ab7
}

.common-line {
    margin-bottom: 20px;
    position: relative
}

.rege-con .rege-form label {
    width: 94px;
    text-align: right;
    font-size: 15px;
    font-weight: bold;
    height: 42px;
    line-height: 42px;
    padding-right: 10px;
    margin: 0
}

.line-phone input {
    height: 42px;
    line-height: 42px;
    font-size: 14px;
    border: solid 1px #dfdfdf;
    width: 80%;
    max-width: 338px;
    padding-left: 10px
}

.line-phone input.codeinput {
    width: 40%;
    max-width: 197px
}

.line-phone input::-webkit-input-placeholder {
    color: #666
}

.line-phone input::-moz-placeholder {
    color: #666
}

.line-phone input::-ms-input-placeholder {
    color: #666
}

.line-phone input::-moz-placeholder {
    color: #666
}

.line-phone .codewrap {
    width: 30%;
    max-width: 141px;
    padding-left: 10px
}

.line-phone .codewrap .gettestcode {
    width: 100%;
    background: #0760b9;
    height: 42px;
    line-height: 42px;
    color: #fff;
    border: solid 1px #dfdfdf;
    border-left: 0
}

.line-phone input.regelogbtn {
    text-align: center;
    background: #0760b9;
    color: #fff;
    font-size: 20px;
    padding: 0;
    border-radius: 5px
}

.line-phone input.regelogbtn:hover {
    cursor: pointer;
    opacity: .9
}

.agreewrap {
    margin: 0
}

.reg_agree #stAgree {
    float: left;
    width: 14px;
    height: 14px;
    overflow: hidden;
    margin-top: 4px;
    margin-right: 10px;
    cursor: pointer;
    background: url(/style/web/images/public/icoinput.png) no-repeat
}

.reg_agree #stAgree.active {
    background-position: -19px 0
}

.rege-form {
    padding: 20px 0 60px
}

i.colorRed {
    font-style: normal;
    margin-right: 5px
}

.warning {
    height: 42px;
    line-height: 42px;
    font-size: 12px;
    padding-left: 10px
}

.warning p,
.warning span {
    color: #f00;
    display: inline-block
}

.warning span.text-success,
.warning p.text-success {
    color: #3c763d
}

.glyphicon:before {
    position: relative;
    top: 2px
}

.user-register .container.serviceAgreement {
    padding: 15px 25px;
    background: #fff;
    border-radius: 10px
}

.serviceAgreement .sertit {
    padding: 20px 0;
    font-size: 20px;
    font-weight: bold;
    text-align: center
}

.serviceAgreement .sercon {
    font-size: 14px;
    line-height: 22px
}

.line-phone.dedinewrap {
    text-align: center
}

.line-phone input.define {
    background: #0760b9;
    color: #fff;
    font-size: 20px;
    padding: 0;
    border-radius: 5px;
    text-align: center;
    margin: 20px 0 0
}

.line-phone input.define:hover {
    cursor: pointer
}

.tempplace {
    display: none
}

.monitor {
    display: none;
    width: 100%;
    height: 100%;
    position: fixed;
    background: rgba(10, 10, 10, 0.6);
    top: 0;
    left: 0;
    z-index: 1000
}

.loginwrap {
    display: none
}

.login-con {
    width: 337px;
    margin: 0 auto
}

.login-con .line-phone input {
    width: 100%;
    height: 48px;
    line-height: 48px
}

.login-con .line-phone input.autoinput {
    width: auto;
    height: auto
}

.user-login .container,
.serviceAgreement {
    display: none;
    max-width: 537px;
    background: #fff;
    position: fixed;
    left: 50%;
    top: 50%;
    z-index: 1001;
    width: 90%;
    padding: 2em;
    transform: translate(-50%, -50%)
}

.user-login .container .tab-list {
    border-bottom: solid 1px #eee;
    margin-bottom: 40px
}

.user-login .container .tab-list li {
    width: 72px;
    float: left;
    font-size: 18px;
    position: relative;
    padding-bottom: 20px;
    margin-right: 50px
}

.user-login .container .tab-list li a {
    color: #999
}

.user-login .container .tab-list li.active a {
    color: #333
}

.user-login .container .tab-list li.active:after {
    display: block;
    content: '';
    width: 100%;
    height: 2px;
    background: #282828;
    position: absolute;
    bottom: -1px
}

.forgetwrap {
    font-size: 12px
}

.forgetpass li {
    float: left;
    height: 20px;
    line-height: 20px
}

.forgetpass li:last-child a {
    margin-right: 0
}

.forgetpass li a {
    color: #999;
    margin: 0 15px
}

.forgetpass>li>span {
    display: inline-block;
    width: 2px;
    height: 15px;
    background: #d3d3d3;
    position: relative;
    top: 3px
}

.autologin input {
    width: 14px;
    line-height: 22px;
    height: 14px;
    margin: 0 6px 0 0
}

.closelogin {
    position: absolute;
    top: -14px;
    right: -14px;
    cursor: pointer;
    width: 33px;
    height: 33px;
    background: url(/style/web/images/public/icocuo.png) no-repeat
}

.login-con .warning {
    height: auto;
    line-height: inherit
}

#phonelogin .phone86 {
    display: block;
    width: 30%;
    height: 48px;
    line-height: 48px;
    text-align: center;
    color: #666;
    border: solid 1px #dfdfdf;
    border-right: 0
}

#phonelogin .phonenum {
    width: 70%
}

#phonelogin .line-phone .codewrap .gettestcode {
    height: 48px;
    line-height: 48px
}

#phonelogin .line-phone input.codeinput {
    max-width: inherit;
    width: 70%
}

.temppass,
.stepdefine {
    display: none
}

.rege-form.forget-form {
    padding-bottom: 30px
}

.signup .main-right {
    padding-top: 30px;
    border: solid 1px #ccc
}

.signup-form .signtit,
.contribution .contritit {
    font-size: 22px;
    text-align: center;
    margin-bottom: 25px
}

.alline {
    font-size: 15px;
    margin-bottom: 5px;
    overflow: hidden
}

.alline input[type=text],
.signline input[type=tel],
.signline input[type=email] {
    width: 75%;
    height: 42px;
    line-height: 42px;
    font-size: 14px;
    border: solid 1px #dfdfdf;
    max-width: 450px;
    padding-left: 10px;
    float: left
}

.alline input[type=radio] {
    margin: 0 1px 1px 0;
    height: 42px
}

.alline label {
    height: 42px;
    line-height: 42px;
    padding-right: 16px;
    width: 25%;
    text-align: right;
    float: left
}

.signbtn,
.contribtn {
    text-align: center;
    margin-top: 16px
}

.alline.contriline input[type=file] {
    width: 75%;
    padding: 10px 0;
    font-size: 14px;
    max-width: 450px;
    float: left
}

.header .logo {
    width: auto;
    max-width: 50%
}

@media(min-width:1320px) {
    .header-nav {
        display: block
    }
    .phone-nav {
        display: none
    }
    .container {
        padding: 0;
        width: 1300px
    }
    .rege-con .rege-form label {
        width: 328px
    }
    .user-login .container.loginwrap {
        min-height: 467px
    }
    .user-login .container {
        padding: 60px
    }
    #phonelogin .phone86 {
        width: 64px
    }
    #phonelogin .phonenum {
        width: 273px
    }
}

@media(min-width:1280px) {
    .header-nav ul>li {
        padding: 0 18px
    }
    .leftjump {
        max-height: calc(100% - 105px)
    }
}

@media(max-width:1219px) {
    .header-nav {
        display: none
    }
    .phone-nav {
        display: block
    }
    .rege-con .rege-form label {
        width: 35%
    }
    .line-phone input {
        width: 65%
    }
}

@media(max-width:767px) {
    .allwrap .listwrap .meet-title a {
        font-size: 14px
    }
    .allwrap {
        padding: 20px 0 20px 0
    }
    .meetinglist .allwrap:first-child {
        padding-top: 10px
    }
    .banner,
    .banner .owl-wrapper-outer,
    .banner .pic>img,
    .banner .container,
    .banner .item {
        height: auto
    }
    .meet-more {
        display: none
    }
    .user-register .warning {
        float: none
    }
    .rege-con .rege-form label.tempplace,
    .user-register .warning {
        display: block;
        height: 10px;
        line-height: inherit
    }
    .top .logor .toptnav li a {
        padding: 0 12px
    }
    .rege-con .rege-form label {
        width: 25%;
        padding-right: 6px;
        font-size: 13px
    }
    .line-phone input {
        width: 70%
    }
    #phonelogin .line-phone input.codeinput {
        width: 65%
    }
    #phonelogin .line-phone .codewrap {
        width: 35%
    }
    .login-con {
        width: 95%
    }
    .user-login .container .tab-list li {
        width: 50%;
        text-align: center;
        margin-right: 0
    }
}

@media(max-width:560px) {
    .rege-con .rege-form label,
    .signline label {
        padding-right: 8px
    }
}

@media(max-width:414px) {
    .i-banner {
        height: 100px
    }
    .i-banner .owl-controls .owl-page span {
        width: 6px;
        height: 6px;
        margin: 0 5px
    }
    .i-banner .mc .mcCon {
        padding: 6px 8px
    }
    .i-banner .i-j-tit>span {
        font-size: 12px;
        line-height: 16px
    }
    .i-banner .owl-controls {
        bottom: 6px
    }
    .i-banner,
    .i-journal-all .jorunal-all-box {
        margin-bottom: 20px
    }
}

.i-banner .owl-wrapper-outer,
.i-banner .owl-wrapper,
.i-banner .owl-item,
.i-banner .item,
.i-banner .pic {
    height: 100%
}

.i-banner {
    overflow: hidden
}

body,
body .article-main-right.active .metrics {
    font-size: 16px;
    color: #222
}

.news-list-thumb .other-info span.clickNum {
    display: none
}

.i-nav,
.c-menu,
.header {
    position: -webkit-sticky;
    position: sticky;
    top: 0;
    z-index: 9999
}

.i-nav {
    padding: 20px 0;
    border-bottom: 5px solid #000;
    background: #fff;
    margin-bottom: 15px
}

.i-nav .logo {
    max-height: 50px;
    line-height: 50px
}

.i-nav.header-nav ul>li>a {
    height: 40px;
    line-height: 40px
}

.i-nav.header-nav ul>li>a,
.i-searchBox .sub,
.header-right .search-text,
.com-title,
.com-title2,
.footer h3,
.article-list-title a,
.news-list-title a,
.special-list-title a,
.article-other a,
.news-other a,
.special-other a,
.journal-info .tit,
.left-news>h3,
.news-list-thumb li a span.tit,
.i-banner .i-j-tit>span,
.content-nav .contents-title,
.article-pc .articleEn .article-title h1,
.com-author-info b,
.article-main-mid .navTitle,
.Abstract-left-list.active a,
.References-left-list.active a,
.Supplements-left-list.active a,
.article-title,
.chooseAll,
.i-nav.header-nav ul>li>a i,
.j-news-content p,
.j-news-content,
body,
body div.content,
.des-column .con {
    font-family: "Source Sans Pro", sans-serif;
    font-weight: 400
}

.i-nav.header-nav ul>li>a i,
.i-nav.header-nav ul>li>a i,
.header-right .search-text,
.i-nav.header-nav ul>li ol li a,
.i-nav.header-nav ul>li>a i,
.main-tpl5 .com-title2,
.com-title2,
.com-title {
    font-weight: bold
}

.chooseAll,
.i-nav.header-nav ul>li>a .fa {
    font: normal normal normal 14px/1 FontAwesome
}

.i-banner {
    margin-bottom: 30px
}

.i-banner img {
    width: 100%
}

.i-nav.header-nav ul>li ol {
    background: #181717;
    top: 82px
}

.i-nav.header-nav ul>li>a i {
    font-style: normal
}

.i-nav.header-nav ul>li>a span,
.i-nav.header-nav ul>li>a span,
.i-nav.header-nav .top-menu>li a span {
    display: inline-block;
    width: 13px;
    height: 7px;
    background: 0;
    top: -2px
}

.i-nav.header-nav ul>li:hover>a span,
.i-nav.header-nav ul>li:hover>a span {
    background: 0
}

.i-nav.header-nav ul>li ol li,
.i-nav.header-nav ul>li ol li a {
    text-align: left
}

.i-nav.header-nav ul>li ol li,
.i-nav.header-nav ul>li ol li a {
    border-bottom: 0
}

.i-nav.header-nav ul>li ol:hover,
.i-nav.header-nav ul>li ol li:hover,
.i-nav.header-nav ul>li ol li:hover a {
    background: #181717
}

.i-searchBox .searchtext {
    width: 100%;
    z-index: 9;
    padding: 0 10px;
    background: #fff;
    color: #000;
    font-size: 18px;
    border-radius: 0
}

.index-header .header-right .searchIcon {
    padding-top: 20px
}

.i-searchBox a {
    margin-left: 10px
}

.i-searchBox .search-content {
    position: relative;
    height: 45px
}

.i-searchBox .search-content .searchtext {
    width: 500px;
    float: left
}

.i-searchBox .sub {
    z-index: 9;
    width: 100px;
    background: #fff;
    border-radius: 0;
    color: #000;
    font-size: 18px
}

.i-searchBox .search-journals {
    background: #fff;
    width: 280px;
    position: absolute;
    top: 45px;
    left: 520px;
    padding: 5px
}

#search-journal-list {
    width: 100%;
    text-indent: 10px;
    border: 1px solid #eee;
    border-radius: 5px;
    color: #000;
    margin-bottom: 15px
}

.i-searchBox .search-journals li {
    margin-bottom: 8px;
    padding: 0 0 0 10px !important;
    float: none
}

.i-nav.header-nav ul>li.searchIcon:hover {
    background: 0
}

.search-journals input {
    font-size: 18px;
    color: #000
}

.header-right .search-text {
    display: block;
    cursor: pointer;
    padding: 0 18px;
    font-size: 18px
}

.header-right .search-text .fa {
    margin-left: 5px
}

.search-bg {
    position: absolute;
    z-index: 99;
    width: 100%;
    height: 280px;
    left: 0;
    top: 88px;
    background: #000;
    padding: 100px 50px;
    transition: all .6s ease-out 0s
}

.search-bg .search-journal-list {
    width: 100%
}

.search-bg .search-journal-list,
.header-right .search-text,
.i-searchBox .searchtext,
.search-journals input,
.i-searchBox .sub,
.showSelected {
    height: 40px;
    line-height: 40px
}

.showSelected {
    width: 280px;
    font-size: 18px;
    background: #fff;
    padding: 0 10px;
    margin: 0 20px;
    float: left;
    position: relative;
    cursor: pointer;
    overflow: hidden
}

.showSelected .fa {
    position: absolute;
    right: 10px;
    top: 15px
}

.i-searchBox .search-journals ul {
    height: 200px;
    overflow: auto;
    overflow-x: hidden
}

.advSearch {
    color: #fff;
    font-size: 18px;
    margin-left: 20px
}

.advSearch:hover {
    color: #fff
}

.search-mark {
    color: #fff;
    margin-top: 5px
}

.i-banner {
    margin-bottom: 20px;
    border-bottom: 1px solid #ececec
}

.i-banner .carousel-indicators {
    bottom: 30px;
    text-align: center
}

.i-banner .owl-wrapper-outer,
.i-banner .owl-wrapper,
.i-banner .owl-item,
.i-banner .item,
.i-banner .pic {
    height: 100%
}

.i-banner .carousel-indicators li {
    width: 14px;
    height: 14px;
    border: 0;
    margin: 0 18px;
    background: #fff
}

.i-banner .carousel-indicators .active {
    background: #a90000
}

.i-banner .container {
    height: 100%;
    position: relative;
    border: 1px solid #e8eaee
}

.i-banner .mc .mcCon {
    width: 490px;
    padding: 25px 30px;
    background: rgba(41, 48, 60, 0.78);
    position: absolute;
    top: 45px;
    left: 85px;
    bottom: 45px;
    word-break: break-word
}

.i-banner .i-j-tit {
    width: 88%;
    position: absolute;
    left: 30px;
    top: 50%;
    transform: translateY(-50%)
}

.i-banner .i-j-tit h3 {
    font-size: 24px;
    margin-bottom: 15px
}

.i-banner .i-j-tit>span {
    display: block;
    font-size: 27px;
    line-height: 35px
}

.i-banner .i-j-tit h3,
.i-banner .i-j-tit span {
    color: #fff
}

.i-banner {
    position: relative
}

.i-banner .introduction {
    font-size: 14px;
    line-height: 23px;
    margin-top: 20px;
    color: #fff
}

.i-banner .owl-buttons {
    width: 100%;
    height: 0;
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    margin-top: -20px
}

.i-banner .owl-controls .owl-page span {
    width: 5px;
    height: 5px;
    background: #e8eaee;
    margin: 0 3px
}

.i-banner .owl-controls .owl-page.active span {
    background: #666
}

.i-banner .article-list-author a {
    color: #fff
}

.i-banner .owl-pagination {
    position: absolute;
    bottom: 15px;
    right: 15px
}

.i-banner .item {
    position: relative
}

.i-banner .owl-prev,
.i-banner .owl-next {
    width: 40px;
    height: 40px
}

.i-banner .owl-prev {
    background: url("../../images/custom/tpl5/to_left.png") no-repeat 0;
    position: absolute;
    left: 15px;
    background-size: 100%
}

.i-banner .owl-next {
    background: url("../../images/custom/tpl5/to_right.png") no-repeat 0;
    position: absolute;
    right: 15px;
    background-size: 100%
}

.com-title {
    font-size: 24px;
    padding: 20px 0
}

.com-title2 {
    font-size: 24px;
    padding: 10px 0;
    border-top: 2px solid #292929;
    margin-bottom: 5px;
    background: #00;
    padding: 10px
}

.com-title2.article-title {
    text-align: left;
    border: 0
}

.com-p10 {
    padding-bottom: 40px
}

.com-box {
    position: relative
}

.com-box a {
    position: absolute;
    font-size: 14px;
    color: #222;
    right: 0;
    top: 15px;
    right: 10px
}

.footer-links {
    margin-top: 40px
}

.article-title {
    margin-bottom: 30px;
    font-weight: bold
}

.journals-box {
    background: #e8eaee
}

.journals-box .i-content-journals {
    margin-left: -15px;
    margin-right: -15px;
    margin-top: 20px
}

.journals-box .journal-item {
    perspective: 1000px;
    -webkit-perspective: 1000px;
    position: relative;
    padding: 0 15px;
    width: 16.6%;
    float: left;
    margin-bottom: 15px;
    text-align: center;
    transition: all .1s ease
}

.main-index .journals-box .journal-item {
    width: 12.5%
}

.journals-box .journal-item a {
    display: block
}

.main-index .journals-box .journal-item img {
    width: 138px;
    height: 181px
}

.journals-box .journal-item img {
    width: 190px;
    height: 249px;
    max-width: 100%
}

.journal-item .journal-info {
    height: 60px;
    margin-top: 10px;
    text-align: center;
    word-break: break-all;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 3;
    overflow: hidden;
    line-height: 1.2
}

.journal-info .tit {
    display: block;
    font-size: 16px;
    color: #222;
    margin-bottom: 0;
    word-break: break-word
}

.journal-info .desc {
    color: #333;
    line-height: 25px
}

.journals-box .float-r {
    float: right
}

.more-journal,
.more-links {
    height: 0;
    position: relative;
    top: 22px
}

.more-journal .fa,
.more-links .fa {
    font-size: 20px
}

.more-journal a,
.more-links a {
    border-radius: 50%;
    background: #666;
    color: #fff;
    width: 37px;
    height: 37px;
    line-height: 38px;
    display: inline-block
}

.more-journal a:hover .fa,
.more-links a:hover .fa {
    color: #fff
}

.more-journal a:hover,
.more-links a:hover {
    color: #fff
}

.journal-page {
    background: 0
}

.j-news-list .news-list-thumb {
    margin-left: -15px;
    margin-right: -15px
}

.j-news-list .news-list-thumb .other-info {
    position: absolute;
    bottom: 20px
}

.j-news-list .news-list-thumb li a {
    padding: 10px 10px 30px 10px
}

.bottom-fixed {
    background: #069 url("../../images/back_top.png") no-repeat center center !important
}

.footer.ban-footer img {
    height: 50px
}

.footer.ban-footer,
.footer.ban-footer a {
    color: #fff
}

.footer.ban-footer p {
    line-height: 25px
}

.footer {
    padding: 20px 0 5px 0;
    background: #29303c
}

.footer h3 {
    font-size: 20px;
    margin-bottom: 20px
}

.footer .footer-l {
    width: 260px
}

.footer .footer-r {
    width: calc(100% - 260px)
}

.footer .footer-r .footer-con-b {
    padding-left: 0
}

.footer .footer-r li {
    margin-bottom: 10px
}

.footer .footer-r li a {
    font-size: 16px;
    line-height: 18px
}

.bq {
    margin-top: 20px;
    border-top: 1px solid #585d67;
    padding: 10px 0 5px 0
}

.footer-share li {
    float: left;
    font-size: 20px;
    margin-right: 16px;
    position: relative
}

.footer-share.footer-links .wchat-box {
    position: absolute;
    top: 40px
}

.article-list-info .article-column {
    margin-bottom: 10px
}

.article-list-info .free {
    color: #a40000
}

.derived i.current,
.base-title .more:hover,
.news-list li a:hover,
.article-list-title a:hover,
.article-list-time a:hover,
.article-list-zy font a:hover,
.special-list-title a:hover,
.special-other a:hover,
.article-other a:hover {
    color: #069
}

.article-list-author a:hover {
    color: #666
}

.article-list-title a,
.news-list-title a,
.special-list-title a {
    font-size: 20px;
    color: #222;
    line-height: 21px;
    margin-bottom: 5px
}

.article-list-author a,
,
.news-list-title a,
.special-list-title a,
.article-list-time font,
.article-list-time font span {
    color: #6f6f6f;
    line-height: 18px
}

.article-list .article-list-zy {
    display: none
}

.detailAbout .top-menu li a {
    display: block;
    padding: 10px 0
}

.detailAbout .top-menu li a,
.detailAbout .top-menu li a i {
    color: #069;
    font-size: 14px;
    font-style: normal
}

.detailAbout .article-title {
    text-align: left
}

.detailAbout .top-menu li ol li {
    padding-left: 1em
}

.search-result-wrap .container .article-list input[type=checkbox],
.search-result-wrap .container .article-list input[type=radio] {
    margin-top: 12px
}

.reference-tab .td2 {
    word-break: break-word
}

li.article-author-address p.lostOf {
    display: none;
    margin-bottom: 5px
}

body .about-article.about-author1 {
    margin-top: 0
}

.main .article-content ul#htmlContent2 p {
    text-indent: 0
}

.j-info-app,
.article-app #infoEn {
    font-size: 14px
}

.j-info-app a,
.article-app a {
    color: #069
}

#aboutArticle1 .modal-footer {
    display: inline;
    border: 0;
    padding: 0;
    margin-bottom: 10px
}

.main figure:first-of-type {
    margin-top: 0
}

.about-article-nav a {
    font-weight: bold
}

.iphone-wrapper li h4.navTitle {
    padding-left: 15px
}

.article-app .modal-footer:before {
    display: inline-block
}

body .content-nav {
    padding-top: 10px
}

body .content-nav a {
    color: #222
}

body .Abstract-left-list {
    margin-bottom: 0
}

body .References-left-list {
    margin: 0
}

body .about-article-nav a,
body .References-left-list a,
body .Supplements-left-list a {
    font-weight: normal
}

.content-nav>div {
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    line-height: 22px
}

.content-nav .contents-title {
    line-height: 21px;
    margin-bottom: 6px
}

.article-main-left .wrapper img {
    max-width: 80% !important
}

.article-main-left.active {
    overflow-y: auto
}

.authorOtherArticle .article-div {
    font-size: 14px
}

.ng-cloak {
    display: none !important
}

.zgjx-img img {
    max-width: 100%
}

.about-article-nav.active a {
    font-weight: 700;
    color: #146e9e
}

#FullText td>.MathJax {
    padding-bottom: 15px;
    display: inline-block
}

ul li.article-author-address p.lostOf {
    padding-left: 24px
}

#Highlights.articleListBox {
    padding: 15px;
    background: #ddd
}

.article-highlights p {
    position: relative;
    padding-left: 10px
}

.article-highlights p:before {
    content: '';
    position: absolute;
    width: 3px;
    height: 3px;
    background: #222;
    left: 0;
    top: 13px;
    border-radius: 50%
}

body .content-nav a:hover {
    color: #146e9e
}

.listp a {
    font-size: 16px;
    color: #000
}

.j-news-list>.listp>a {
    max-width: 70%;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis
}

.table_new .tableTitle {
    text-align: center
}

body .table_type1 {
    width: auto;
    min-width: 50%
}

.fQrcodeBox>div a {
    width: 98px;
    display: block;
    float: right;
    margin: 6px
}

.fQrcodeBox img {
    width: 50px;
    height: 50px;
    margin-right: 15px
}

.article-pc .inner .article-main-mid {
    padding-left: 30px
}

.footer.ban-footer .qrcode {
    margin-left: 10px
}

.footer.ban-footer .qrcode img {
    width: 100px;
    height: 100px;
    max-height: none
}

.fQrcodeBox img {
    width: 40px;
    height: 40px
}

.leftShare {
    position: absolute;
    left: 3px;
    margin-top: 30px
}

.leftShare ul li {
    margin-bottom: 5px
}

.leftShare ul li:hover {
    cursor: pointer
}

.leftShare img {
    width: 25px
}

.leftShare .weixinBox {
    position: absolute;
    bottom: -168px
}

.leftShare .weixinBox img {
    width: 100%;
    height: auto
}

.weixinBox {
    display: none;
    width: 160px;
    padding: 10px 10px;
    z-index: 10000;
    left: 0;
    background: #fff;
    border: 1px solid #ddd;
    border-radius: 4px
}

.js-qrcode-arr {
    position: absolute;
    top: -7px;
    left: 14px;
    width: 11px;
    height: 7px;
    background: url(/style/web/images/sprite.png) no-repeat
}

.js-qrcode-close {
    width: 15px;
    height: 15px;
    position: absolute;
    right: 2px;
    top: 2px;
    background: url(/style/web/images/weixin_close.png) no-repeat
}

.article-app .leftShare .weixinBox {
    bottom: 50px;
    left: auto;
    right: 0
}

.article-app .leftShare {
    display: block;
    margin: 0 0 20px 0
}

.article-app .leftShare ul li {
    float: left;
    margin-left: 10px
}

.com-article-author-orcid {
    width: 14px;
    height: 14px;
    display: inline-block;
    background: url(../../images/custom/orcid.png) no-repeat center center;
    background-size: contain;
    bottom: 1px
}

.bio-con img {
    max-width: 125px;
    float: left;
    margin: 0 15px 10px 0
}

.bio-con .authors-bio+.authors-bio {
    margin-top: 10px
}

.authors-bio b {
    font-weight: bold
}

.com40 {
    margin-bottom: 40px
}

.com-bottom {
    margin-bottom: 20px
}

.com-white {
    background: #fff;
    padding: 0 20px 20px 20px;
    max-width: 100%
}

.com-header-adv {
    background: #e8eaee;
    padding: 13px 0 13px 0;
    text-align: center;
    height: 118px;
    overflow: hidden
}

.com-header-adv .container {
    width: 730px;
    height: 90px;
    position: relative
}

.com-header-adv #myCarouselHeader {
    width: 100%;
    height: 100%;
    overflow: hidden
}

.com-header-adv .com-header-close {
    position: absolute;
    right: 5px;
    top: 5px;
    display: none
}

.com-header-adv .com-header-close:hover {
    cursor: pointer
}

.topAdv,
.topAdv li {
    overflow: hidden;
    height: 100%
}

.topAdv li {
    opacity: 0;
    text-align: center;
    position: absolute;
    display: none
}

.topAdv li:first-child {
    opacity: 1;
    display: block
}

.topAdv li,
.topAdv li .pic {
    width: 100%;
    height: 100%
}

.topAdv li .pic {
    text-align: center;
    overflow: hidden
}

.topAdv li img {
    max-width: 100%;
    height: 90px
}

.topAdv li .pic {
    background-size: cover !important
}

.topAdv li .pic a {
    display: block
}

.i-banner {
    height: 350px
}

.i-com-lay {
    margin-left: -10px;
    margin-right: -10px;
    min-height: 125px
}

.i-com-lay .i-com-lay-list {
    display: inline-block;
    vertical-align: top;
    width: 20%;
    padding: 0 10px 116px 10px;
    border: 0;
    position: relative
}

.main-index .i-com-lay .i-com-lay-list {
    display: table-cell
}

.i-com-lay .i-com-lay-list>div {
    height: 100%;
    padding-bottom: 13px
}

.i-com-lay .i-com-lay-list .article-img,
.i-com-lay .i-com-lay-list .news-img,
.i-com-lay .i-com-lay-list .special-img {
    height: 115px;
    border: 1px solid #dedede;
    position: relative;
    overflow: hidden;
    margin-bottom: 8px
}

.i-com-lay .i-com-lay-list .article-img a,
.i-com-lay .i-com-lay-list .news-img a,
.i-com-lay .i-com-lay-list .special-img a {
    display: block;
    height: 100%
}

.i-com-lay .i-com-lay-list .article-img img,
.i-com-lay .i-com-lay-list .news-img img,
.i-com-lay .i-com-lay-list .special-img img {
    width: 100%;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    max-height: 100%
}

.i-com-lay .article-column {
    margin-bottom: 5px;
    font-size: 16px;
    color: #222
}

.i-com-lay .article-list-title,
.i-com-lay .news-list-title,
.i-com-lay .article-list-title,
.i-com-lay .special-list-title {
    margin-bottom: 15px
}

.i-com-lay .article-list-author,
.i-com-lay .news-author {
    margin-bottom: 5px
}

.special-author .i-gray>b {
    color: #222
}

.article-other,
.news-other,
.special-other {
    position: absolute;
    width: calc(100% - 20px);
    bottom: 15px;
    left: 10px;
    padding-bottom: 10px;
    border-bottom: 1px solid #dedede;
    color: #222
}

.article-other>span,
.article-other>a,
.news-other>a,
.news-other>span,
.special-other>a,
.special-other>span {
    display: inline-block
}

.special-other .special-author {
    line-height: 1.2
}

.article-other>a,
.news-other>a,
.special-other>a {
    font-size: 16px;
    color: #222;
    line-height: 16px
}

.article-other a {
    width: 135px;
    word-break: break-word
}

.article-other>span {
    width: calc(100% - 150px);
    position: absolute;
    padding-left: 10px;
    font-size: 16px;
    right: 0;
    bottom: 7px
}

.article-other>span:before {
    content: '';
    width: 1px;
    height: 12px;
    background: #bababa;
    position: absolute;
    left: 0;
    top: 5px
}

.i-gray,
.special-desc {
    color: #6f6f6f;
    line-height: 18px;
    font-size: 16px
}

.news-date {
    font-size: 16px
}

.footer-links {
    margin-top: 20px
}

.footer-links ul li {
    float: left;
    text-align: center;
    width: 12.5%;
    position: relative
}

.footer-links ul li:last-child {
    border: 0
}

.footer-links ul li span {
    display: block;
    text-align: center;
    font-size: 17px;
    color: #222;
    margin-top: 10px
}

.footer-links ul li img {
    height: 90px
}

.footer-links .wchat-box {
    display: none;
    position: absolute;
    top: 68px;
    box-shadow: 0 0 10px rgba(0, 0, 0, 0.3);
    z-index: 9999
}

.footer-links .wchat-box img {
    width: 90px;
    height: 90px
}

.footer-collaborator {
    margin-top: 40px
}

.classifywrap {
    margin-bottom: 7px
}

.classifywrap .classtit {
    font-weight: bold;
    float: left;
    margin-right: 15px
}

.classifywrap .classlist a {
    color: #222
}

.classifywrap .classlist .curr a {
    color: #1873ba
}

.classifywrap .classlist i {
    padding-right: 15px;
    display: inline-block;
    margin-bottom: 10px;
    font-style: normal
}

.classifywrap .classlist i:first-child {
    padding-left: 0
}

.classifywrap .classlist i:last-child span {
    margin-left: 0;
    display: none
}

.classifywrap .classlist i span {
    display: inline-block;
    position: relative;
    top: 2px;
    width: 2px;
    height: 15px;
    margin-left: 20px;
    background: #7d7d7d
}

.classifywrap.alphwrap .classtit {
    padding-top: 2px
}

.classifywrap.alphwrap td i {
    display: block;
    float: left;
    padding: 0;
    height: 22px;
    border-radius: 3px;
    text-align: center;
    margin-right: 4px
}

.classifywrap.alphwrap td i a {
    padding: 0 5px;
    text-decoration: none
}

.classifywrap.alphwrap td i.curr a {
    font-weight: bold
}

.letters i a {
    cursor: auto;
    color: #666;
    border: 1px solid #666;
    height: 22px;
    display: inline-block;
    min-width: 22px
}

.letters i .ac {
    display: block;
    color: #1873ba;
    background: 0;
    border: 1px solid #1873ba;
    cursor: pointer
}

.letters i.ac a,
.letters .all a {
    cursor: pointer
}

.letters i.curr .ac {
    background: #1873ba;
    color: #fff !important
}

.hot-list-page .news-list,
.hot-list-page .article-list,
.special-list-paper .i-com-lay-list {
    margin-bottom: 25px;
    min-height: 400px
}

.hot-list-page .article-list {
    min-height: 457px
}

.article-list .article-list-author a {
    text-decoration: none;
    cursor: auto;
    color: #666
}

#Abstract {
    border-bottom: 2px solid #ddd;
    padding-bottom: 20px
}

.main {
    padding-top: 20px
}

.j-i-tpl5.main,
.main-index {
    padding-top: 0
}

.detail-info {
    padding: 20px 0 10px 0;
    border: 0;
    margin: 0 0 10px
}

.detail-info span {
    margin-right: 20px;
    color: #666;
    font-size: 16px;
    line-height: 25px
}

.detail-info span img {
    margin-right: 5px;
    position: relative;
    bottom: 1px
}

.left-advs {
    margin-top: 20px
}

.left-advs li {
    text-align: center;
    margin-bottom: 10px
}

.left-advs img {
    max-width: 100%
}

.news-thumb-left .news-list-thumb li a .i-xinwen-img {
    height: auto;
    text-align: center
}

.news-thumb-left .news-list-thumb li a .i-xinwen-img img {
    height: auto;
    max-width: 100%
}

.detail-info .shareBox .weixinBox {
    left: auto;
    margin-left: -35px;
    right: 0
}

.detail-info .shareTool {
    height: auto;
    text-align: right;
    overflow: hidden;
    margin: 10px 0
}

.detail-info .btmborder.btm-share .shareTool {
    margin: 0
}

.detail-info .shareTool li {
    cursor: pointer;
    display: inline-block;
    margin: 0 10px 0 0;
    vertical-align: middle
}

.detail-info .shareTool li img {
    width: 25px;
    height: 25px
}

.detail-info .shareBox {
    position: relative
}

.detail-info .weixinBox {
    display: none;
    width: 160px;
    padding: 15px 15px;
    position: absolute;
    z-index: 10000;
    left: 0;
    top: 38px;
    background: #fff;
    border: 1px solid #ddd;
    border-radius: 4px
}

.detail-info .box-article .weixinBox {
    left: 50%;
    margin-left: -35px
}

.detail-info .js-qrcode-arr {
    position: absolute;
    top: -7px;
    left: 14px;
    width: 11px;
    height: 7px;
    background: url(/style/web/images/sprite.png) no-repeat
}

.detail-info .js-qrcode-close {
    width: 15px;
    height: 15px;
    position: absolute;
    right: 2px;
    top: 2px;
    background: url(/style/web/images/weixin_close.png) no-repeat
}

.detail-info .weixinBox p {
    font-size: 12px;
    color: #888;
    padding-left: 10px
}

.detail-info .weixinCode img {
    width: 100%
}

.detail-info .sources p span {
    margin-right: 8px;
    font-size: 12px;
    color: #666
}

.left-news>h3 {
    font-size: 24px;
    padding-bottom: 5px;
    margin: 0 0 15px 0;
    border-bottom: 2px solid #292929
}

.links-page .news-list-thumb li a {
    border: 0
}

.service-nav>h3 {
    font-weight: bold;
    font-size: 18px;
    margin-bottom: 15px
}

.detail-service ul li {
    margin-bottom: 15px
}

.detail-service ul li a {
    color: #069;
    font-size: 18px
}

.detail-service ul li.ac a {
    font-weight: bold
}

body .rh-edit-news-detail a {
    color: #069;
    text-decoration: none
}

body .rh-edit-news-detail a:hover {
    text-decoration: underline
}

.detailAbout-l {
    position: sticky;
    top: 155px
}

.back-intro {
    font-size: 18px
}

.expert-alone {
    background: #e8eaee;
    margin-bottom: 30px
}

.expert-alone .expertlidetail li b,
.expert-alone .expertlidetail li span {
    color: #222;
    font-size: 16px
}

.expert-alone .expertimg img {
    max-width: 125px;
    height: auto
}

.expert-alone {
    padding: 20px 20px
}

.expert-alone .expertlidetail {
    top: auto
}

.topjump {
    margin-bottom: 20px;
    background: #fff;
    padding-top: 10px
}

.site-journal {
    margin-bottom: 30px
}

.site-journal>h3 {
    margin: 15px 0;
    padding-bottom: 15px;
    border-bottom: 1px solid #eee
}

.site-journal>h3 a {
    text-decoration: none;
    font-size: 20px;
    font-weight: bold;
    border-bottom: 3px solid #069;
    padding-bottom: 14px
}

.site-con .site-journal a,
.site-journal-nav>ul>li h3 {
    color: #222;
    font-size: 18px
}

.site-journal-nav i {
    font-style: normal
}

.site-journal-nav>ul>li {
    padding: 10px 60px 10px 0;
    position: relative
}

.site-journal .site-journal-nav ol li a,
.site-con .site-journal-nav>ul>li ul li a {
    font-weight: normal;
    font-size: 16px;
    color: #069
}

.site-journal-nav li ol li {
    float: none
}

.site-journal-nav li ol {
    margin-top: 10px
}

.site-journal-nav>ul>li h3 {
    margin-bottom: 10px
}

.site-journal-nav li ol li,
.site-journal-nav>ul>li ul {
    line-height: 23px
}

.site-footer>li {
    margin-bottom: 20px
}

.site-footer h3 {
    margin-bottom: 15px
}

.site-footer>li ol ol {
    margin-left: 20px
}

.article-abstract .MathJax_SVG {
    font-size: 16px !important
}

@media(min-width:1200px) {
    .detailAbout.container {
        padding: 0 140px
    }
    .journals-box .journal-item .pic {
        transform-origin: center center
    }
    .journals-box .journal-item:hover {
        transform: scale(1.2);
        -webkit-transform: scale(1.2);
        z-index: 2;
        transition: all .5s ease
    }
    .journal-page .journal-item:hover {
        -webkit-transform: none;
        transform: none
    }
    .i-searchBox .search-journals li:hover {
        background: #eee;
        cursor: pointer
    }
    .news-thumb-left {
        width: 25%
    }
    .news-detail-page .news-thumb-right {
        width: 75%
    }
    .links-page .news-list-thumb li {
        width: 20%
    }
    .i-com-lay .article-list-title,
    .i-com-lay .special-list-title {
        min-height: 107px
    }
    .i-com-lay .article-list-title {
        min-height: 131px
    }
    .i-com-lay .article-list-title {
        overflow: hidden;
        text-overflow: ellipsis;
        display: -webkit-box;
        -webkit-line-clamp: 6;
        -webkit-box-orient: vertical
    }
    .i-com-lay .article-list-title a {
        line-height: 1.3
    }
    .special-list-paper .i-com-lay-list {
        min-height: 375px
    }
    .news-detail-page .news-thumb-right {
        padding-left: 70px
    }
    .detailAbout-l {
        margin-top: 76px
    }
}

@media(max-width:1300px) and (min-width:1200px) {
    .i-com-lay .i-com-lay-list {
        width: 25%
    }
    .main-index .i-com-lay .i-com-lay-list:nth-child(5) {
        display: none
    }
}

@media(min-width:992px) {
    .figure table th,
    .figure table td {
        min-width: 5px;
        padding: 0 10px 0 5px
    }
    .figure.table_new .article_table_fullText {
        overflow-x: auto;
        overflow-y: hidden
    }
    .body-opr-60834362ce60b92dc9a1caa6 .formula#E1 {
        table-layout: fixed;
        font-size: 13px
    }
    .body-opr-60834362ce60b92dc9a1caa6 .formula#E1 td:nth-of-type(1) {
        overflow-y: hidden;
        overflow-x: auto;
        width: 700px
    }
    body .table_type1 {
        width: 500px;
        min-width: auto
    }
}

@media(max-width:1200px) {
    .phone-nav {
        background: #333
    }
    .phone-nav .container .logo img {
        filter: invert(100%)
    }
    .phone-nav .container .search-app {
        background: url("../../images/custom/tpl5/searchw.png") no-repeat center center;
        background-size: 30px
    }
    .navList span {
        color: #fff;
        background: #fff
    }
    .detailAbout.container {
        padding: 0
    }
    .i-banner .i-j-tit>span {
        font-size: 20px;
        line-height: 25px
    }
    .main .article-content .figure .table-body {
        overflow: hidden
    }
    .main .article-content .figure .table_content {
        overflow: scroll
    }
    .journals-item .journal-item {
        width: 25%
    }
    .main-index .i-com-lay {
        overflow: auto
    }
    .main-index .i-com-lay>div {
        width: 1350px
    }
    .i-feature-article,
    .i-special-issue {
        overflow: hidden
    }
    .main-index .i-com-lay::-webkit-scrollbar {
        width: 5px;
        height: 5px
    }
    .main-index .i-com-lay::-webkit-scrollbar-track {
        border-radius: 5px;
        background-color: #eee
    }
    .main-index .i-com-lay::-webkit-scrollbar-thumb {
        border-radius: 5px;
        background-color: #777
    }
    .footer-links ul li {
        width: 25%;
        margin-bottom: 15px
    }
    .footer-links ul li img {
        height: 80px
    }
    .footer.ban-footer p {
        margin-top: 0;
        line-height: 16px
    }
    .banner-box .container {
        padding-left: 0;
        padding-right: 0
    }
    .hot-list-page .news-list,
    .hot-list-page .article-list,
    .special-list-paper .i-com-lay-list {
        width: 33.333%
    }
    .footer-links .wchat-box img {
        width: 100px;
        height: 100px
    }
    .footer-links .wchat-box {
        top: 30px;
        left: 30px
    }
    .search-bg {
        display: none
    }
    .journals-box .journal-item,
    .main-index .journals-box .journal-item {
        width: 25%
    }
    .journals-box .journal-item img {
        width: 150px;
        height: 200px;
        max-width: 100%
    }
    .main figure h4,
    .main figure h5 {
        text-indent: 0
    }
}

.borderp {
    height: 0 !important
}

@media only screen and (min-width:992px) and (max-width:1200px) {
    .hot-list-page .article-list {
        height: 370px
    }
}

@media(max-width:992px) {
    .i-banner .pic {
        position: relative
    }
    .i-banner .mc .mcCon {
        position: absolute;
        top: 50%;
        left: 50%;
        bottom: 0;
        width: 80%;
        height: 50%;
        padding: 15px 10px;
        transform: translate(-50%, -50%)
    }
    .i-banner .introduction {
        display: none
    }
    .i-banner .i-j-tit h3 {
        display: none
    }
    .figure table th,
    .figure table td {
        padding: 0 10px;
        font-size: 13px;
        min-width: auto
    }
    .figure table {
        line-height: 18px
    }
    .figure table {
        min-width: none
    }
    .main .article-content .figure .table-body {
        max-height: 450px
    }
    .table-body table {
        table-layout: auto
    }
    .com-header-adv .container {
        width: 300px;
        height: 40px
    }
    .com-header-adv {
        height: 65px;
        padding: 10px 0;
        display: none
    }
    .com-header-adv .com-header-close img {
        width: 15px;
        height: 15px
    }
    .hot-list-page .news-list,
    .hot-list-page .article-list,
    .special-list-paper .i-com-lay-list {
        width: 50%
    }
    .footer-links ul li {
        width: 25%
    }
    .footer .footer-r {
        margin-bottom: 20px
    }
    .footer .footer-l,
    .footer .footer-r {
        width: 100%;
        float: none
    }
    .footer .footer-r .footer-con-b {
        float: none;
        display: inline-block;
        width: 48%;
        vertical-align: top
    }
    .footer .footer-r li,
    .footer .footer-r li a {
        font-size: 12px
    }
    .footer .footer-r li {
        margin-bottom: 5px
    }
    .footer h3 {
        margin-bottom: 8px
    }
    .footer-links {
        margin-bottom: 30px
    }
    .footer .footer-r,
    .footer .footer-l,
    .footer {
        float: left
    }
    body .book-btn-app {
        writing-mode: tb;
        font-weight: bold
    }
    .book-btn-app {
        display: block
    }
    .book-btn-app {
        position: fixed;
        top: 100px;
        left: 0;
        background: #eee;
        padding: 10px 2px;
        color: #222;
        z-index: 9
    }
    .ac .book-btn-app {
        left: 60%
    }
    body.ac,
    body,
    .leftjump,
    .leftjump.ac {
        transition: all 500ms
    }
    body.ac {
        margin-left: 60%;
        overflow: hidden;
        width: 100%
    }
    .leftjump {
        float: none !important;
        display: block !important;
        width: 0;
        background: rgba(0, 0, 0, 0.9);
        overflow: hidden;
        padding: 0;
        position: fixed !important;
        top: 0 !important;
        bottom: 0 !important;
        left: 0;
        z-index: 9999;
        overflow-x: hidden;
        overflow: scroll
    }
    .leftjump.ac {
        width: 60%;
        padding: 60px 15px
    }
    .leftjump.ac a,
    .leftjump a {
        color: #fff !important
    }
    .book-btn-app .fa {
        font-size: 30px;
        color: #fff
    }
}

@media only screen and (min-width:360px) and (max-width:768px) {
    .journals-box .journal-item .pic img {
        max-height: 100%
    }
    .journals-box .journal-item {
        min-height: 225px
    }
}

@media(max-width:768px) {
    .journals-box .journal-item {
        width: 33.333%
    }
    .journals-box .journal-item .journal-info {
        width: 80%
    }
    .body-opr-60834362ce60b92dc9a1caa6 .formula#E1 {
        font-size: 13px
    }
    .journals-box .journal-item .pic {
        width: 100%;
        margin-bottom: 0;
        text-align: center
    }
    .journals-box .journal-item .journal-info {
        width: 100%;
        padding-left: 0;
        height: 45px
    }
    li .table-body table {
        table-layout: auto
    }
    .fQrcodeBox>div a {
        float: none
    }
    .fQrcodeBox>div {
        display: inline-block
    }
    .i-banner .owl-prev,
    .i-banner .owl-next {
        display: none
    }
    .i-com-lay .article-list-author {
        display: none
    }
    .journals-box .journal-item,
    .main-index .journals-box .journal-item {
        width: 50%
    }
}

@media(max-width:480px) {
    .detailAbout .top-menu li a,
    .detailAbout .top-menu li a i {
        font-size: 12px
    }
    .detailAbout .detailAbout-l {
        padding: 0
    }
    .detailAbout .detailAbout-r {
        padding-right: 0
    }
    .detailAbout .top-menu li ol li {
        padding-left: 0
    }
    .journals-box .journal-item {
        width: 50%;
        margin-bottom: 10px
    }
    .hot-list-pape-feature .i-com-lay .i-com-lay-list {
        width: 100%
    }
    .journal-info .tit {
        font-size: 14px
    }
    .footer-links ul li {
        width: 33.333%
    }
    .special-list .special-img img {
        width: 100%
    }
    .news-list-thumb li a .i-xinwen-img img {
        width: 100%;
        height: auto
    }
    .news-list-thumb li a .i-xinwen-img {
        height: auto
    }
    .news-list-thumb-link li a .i-xinwen-img {
        height: 140px
    }
    .news-list-thumb-link li a .i-xinwen-img img {
        max-width: 100%;
        max-height: 100%;
        height: auto;
        width: auto
    }
}

@media(max-width:375px) {
    .footer-l {
        margin-bottom: 10px;
        width: 100%
    }
    .footer span {
        display: block
    }
    .journals-box .journal-item .journal-info {
        padding-left: 15px
    }
    .journal-info .tit {
        margin-bottom: 6px
    }
}

td>.MathJax {
    font-size: 18px
}

.table_new tbody td {
    line-height: unset !important
}

.search-content-left .article-list-author {
    word-break: break-word
}

.article-detail-right .pdf-xml .download-pdf,
.article-detail-right .pdf-xml .download-xml {
    width: 100%;
    margin: 0
}

.article-detail-right .pdf-xml {
    margin: 0
}

.article-detail-right .pdf-xml .download-pdf {
    margin-top: 5px
}

.article-pc .inner .article-main-right .article-right {
    padding-right: 0
}

.qrModal img,
.qrModal2 img {
    max-width: 100%
}

.qrModal,
.qrModal2 {
    background-color: rgba(0, 0, 0, 0.5);
    position: fixed;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: 1050;
    display: none;
    overflow: hidden;
    -webkit-overflow-scrolling: touch;
    outline: 0;
    z-index: 9999
}

.list-new a i {
    float: none
}

#FullText h5>span.sec-title[level='4'] {
    font-size: 16.5px;
    font-weight: bold;
    font-style: normal
}

.author-box .author-content>h6 a {
    display: inline-block
}

.articleEn .article-author>li sup a {
    color: #222;
    cursor: auto
}

.articleEn .article-author>li sup a:hover {
    text-decoration: none
}

.search-result-wrap input {
    border: 1px solid #dddee1
}

.news-list-thumb li a span.tit {
    margin-bottom: 5px;
    color: #222;
    font-size: 20px;
    min-height: 72px;
    line-height: 1.2
}

.news-list-thumb .other-info span {
    font-size: 16px
}

.news-list-thumb .other-info .fa {
    margin-right: 5px
}

#graphicalAbstractInfoEn {
    margin-top: 25px
}

#graphicalAbstractInfoEn img {
    max-width: 80%;
    margin: 0 auto;
    margin-bottom: 10px
}

.article-right .specia_issue a {
    color: #0178d6
}

.article-right .specia_issue h2 {
    margin-bottom: 9px
}

.news-detail-page .article-title {
    margin-top: 45px
}

.article-main-left.active .wrapper>a,
.inner .article-main-right.active .article-right-pic {
    display: none !important
}

.articleBody .table-body table {
    table-layout: auto
}

.table_new tbody td sub,
.table_new tbody td sup {
    white-space: nowrap
}

.articleBodyEn #FullText>p,
.articleBodyEn #FullText>div>p,
.articleBodyEn #FullText>section>p,
.articleBodyEn #FullText>section>.formula {
    margin-bottom: 15px
}

.reviewer-apply-page #imgcontainer img {
    height: 33px
}

.MathJax span {
    font-family: 'Source Sans Pro' !important
}

.articleEn .article-author>li a,
.article-info-en a {
    cursor: auto
}

body .articleEn .article-author>li a:hover,
.article-main-mid .article-author a:hover,
.article-main-mid .article-keyword a:hover {
    text-decoration: none
}

.article-pc .articleType .ccby-img {
    position: relative;
    bottom: 6px
}

#myTabContent styled-content {
    display: inline-block
}

.modal {
    z-index: 9999
}

label.fileLabel input,
label.fileLabel input:focus {
    outline: 0
}

label.fileLabel {
    position: relative;
    background: #fff;
    cursor: pointer
}

label.fileLabel:before {
    content: '';
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    background: #fff
}

label.fileLabel:after {
    content: "Select File";
    background-color: #efefef;
    border: 1px solid #222;
    height: 30px;
    line-height: 30px;
    position: absolute;
    width: 73px;
    border-radius: 3px;
    left: 0;
    top: 0;
    bottom: 0;
    color: #222;
    font-weight: normal;
    font-size: 14px;
    text-align: center
}

label.fileLabel.ac:before {
    display: none
}

.formula-wrap {
    overflow-x: auto;
    overflow-y: hidden
}

body .article-author+.about-article.about-author1:not(:empty) {
    margin-top: 15px
}

.phone-author-details li.article-author-address span {
    text-indent: 0
}

.phone-author-details ul li.article-author-address p.lostOf {
    text-indent: 0;
    padding-top: 0;
    padding-bottom: 0
}

#FullText section li p:empty {
    display: none
}

.body-newjournal8 #FullText h3.custom-nav-title2 span.sec-title,
.article-main-mid .navTitle.custom-nav-title2 {
    font-size: 20px
}

body .content {
    font-family: 'MathJax_Main', 'OpenSans', 'arial';
    font-weight: normal
}

body {
    font-size: 16px
}

p.clearBoth {
    display: block;
    height: 0;
    clear: both
}

.over-hidden {
    overflow-y: hidden
}

.clear-size {
    font-size: 0
}

a.underHigh {
    color: #069
}

a.underHigh:hover {
    text-decoration: underline
}

.marginT {
    margin-top: 10px
}

.article-share .fix {
    position: fixed !important;
    top: 30px !important
}

.articleNav {
    font-size: 16px;
    margin-top: -20px;
    margin-bottom: 10px;
    padding-bottom: 10px;
    border-bottom: 1px solid #eee
}

.copy-citation {
    cursor: pointer
}

.copy-citation img {
    display: inline
}

.content {
    margin: 0 auto 20px;
    position: relative
}

.article-header {
    padding: 0 0 10px;
    border-bottom: 1px solid #eee
}

.article-header .quot {
    color: #666;
    line-height: 20px
}

.article-content {
    padding-top: 10px
}

.article-content .article-right {
    width: 190px;
    height: 194px;
    min-height: 100px;
    border: 1px solid #e6e6e6
}

.article-content .article-right .article-imgs {
    height: 155px;
    position: relative
}

.article-content .article-right .article-imgs li {
    position: absolute;
    border: 1px solid #e7e7e7;
    background-color: #f4f4f4;
    width: 165px;
    height: 140px
}

.article-content .article-right .article-imgs .first {
    left: 7px;
    top: 5px
}

.article-content .article-right .article-imgs .second {
    left: 12px;
    top: 9px
}

.article-content .article-right .article-imgs .atlas {
    left: 17px;
    top: 14px
}

.article-content .article-right .article-imgs .atlas img {
    width: 100%;
    height: 100%
}

.article-content .article-right p {
    font-size: 13px;
    line-height: 35px;
    padding-left: 16px
}

.article-content .article-right p span.articleFont {
    font-size: 21px;
    vertical-align: sub
}

.article-detail {
    padding: 40px 0
}

.article-detail .article-detail-right {
    width: 190px;
    min-height: 100px
}

.articleEn .article-title {
    font-size: 24px;
    color: #333
}

.articleEn .article-title h1 {
    line-height: 30px;
    color: #777
}

.articleEn .article-author {
    margin-top: 10px
}

.articleEn .article-author>li {
    float: left
}

.articleEn .article-author>li sup {
    color: #666
}

.articleEn .com-mail,
.articleEn .com-user {
    display: inline-block;
    width: 11px;
    height: 11px;
    vertical-align: text-top
}

.articleEn .com-mail {
    background: url(../../images/icons_en.png) 0 28px
}

.articleEn .com-user {
    background: url(../../images/icons_en.png)
}

li.article-author-address {
    position: relative;
    line-height: 20px;
    color: #666;
    overflow: hidden
}

li.article-author-address p {
    padding-right: 40px
}

li.article-author-address p.lostOf {
    padding-left: 18px
}

li.article-author-address span {
    position: absolute;
    left: 0;
    top: 0
}

.about-article {
    margin-top: 15px;
    color: #777
}

.about-article .com-author-info {
    margin-top: 3px
}

.article-tab-nav {
    margin-bottom: 30px;
    height: 101px;
    overflow: hidden
}

.article-tab-nav>li {
    position: relative;
    float: left;
    height: 82px;
    width: 16.66%;
    border-left: 1px solid #eee
}

.article-tab-nav>li span {
    display: none;
    position: absolute;
    left: 9px;
    bottom: 8px
}

.article-tab-nav>li a {
    display: block;
    padding: 16px 0 0 11px;
    height: 100%;
    color: #fff
}

.article-tab-nav>li.active {
    background-color: #2b9cf0 !important;
    height: 100%
}

.article-tab-nav>li.active span {
    display: block
}

.article-tab-nav>li:hover {
    background-color: #03a9f4
}

.bg1 {
    background-color: #333
}

.bg2 {
    background-color: #454545
}

.bg3 {
    background-color: #5e5e5e
}

.bg4 {
    background-color: #777
}

.bg5 {
    background-color: #919191
}

.bg6 {
    background-color: #ababab
}

.article-share {
    width: 70px
}

.article-share ul li {
    margin: 5px 0
}

.article-tab-box {
    min-height: 300px;
    font-size: 16px;
    color: #777;
    line-height: 1.5em
}

.article-tab-box li {
    text-align: left
}

.download-btns {
    position: relative
}

.download-btn {
    display: block;
    line-height: 35px;
    text-align: center;
    font-size: 16px;
    color: #fff;
    border: 1px solid #ccc;
    border-radius: 5px;
    background-color: #069
}

.download-btns>div a {
    color: #fff;
    height: 35px;
    display: block
}

.all-pdf {
    text-align: center;
    font-size: 16px;
    color: #fff;
    border: 1px solid #ccc;
    border-radius: 5px;
    background-color: #333
}

.all-pdf a {
    color: #fff;
    line-height: 35px;
    display: block
}

.download-btns .download-btn {
    position: relative;
    width: 100%
}

.pdf-xml .download-pdf,
.pdf-xml .download-xml {
    width: 48%;
    margin: 0 1%
}

.article-metrics {
    margin: 20px 0 0
}

.article-metrics h6 {
    font-size: 18px;
    line-height: 20px;
    padding-bottom: 10px;
    border-bottom: 1px solid #ddd
}

.article-metrics .browse-count {
    padding: 5px 0;
    border-top: 1px solid #ddd;
    border-bottom: 1px solid #ddd
}

.article-metrics .browse-count>li {
    margin: 8px 0
}

.article-navigation.fix {
    position: fixed !important;
    height: 100%;
    top: 0;
    padding-top: 30px;
    overflow-x: hidden
}

.article-navigation {
    width: 200px;
    overflow: hidden
}

.mCustomScrollBox>.mCSB_scrollTools {
    right: -3px
}

.article-navigation .navigation-wrapper {
    position: relative;
    height: 100%;
    overflow: hidden
}

.article-navigation p {
    margin-top: 10px;
    padding-left: 16px;
    text-indent: -16px
}

.article-navigation p.little {
    padding-left: 30px
}

.article-navigation p a {
    color: #333
}

.article-navigation p.active a {
    color: #1193e4
}

.article-navigation p a:hover {
    color: #2b9cf0
}

.article-keyword {
    margin-top: 10px;
    line-height: 20px
}

.article-keyword b {
    font-size: 16px
}

.article-keyword li {
    display: inline
}

li.document-box {
    line-height: 20px;
    overflow: hidden;
    padding-bottom: 10px;
    position: relative
}

li.document-box span {
    float: left;
    display: block
}

li.document-box p {
    margin-top: 0;
    text-indent: 0;
    padding-left: 10px;
    float: left
}

li.document-box p a {
    color: #1193e4
}

.article-main-mid .navTitle,
#FullText h3 span.sec-title {
    font-size: 21px
}

.article-tab,
.articleNav,
.all-message span,
.metrics h2,
.article-metrics h6 {
    color: #777
}

#FullText h3 {
    line-height: 28px;
    position: relative;
    margin: 10px 0 0
}

#FullText h3 span.sec-title {
    background-color: #fff
}

#FullText h4,
#FullText h5 {
    margin: 10px 0 10px 0
}

#FullText h4>span.sec-title {
    font-weight: bold;
    font-size: 20px;
    line-height: 26px
}

#FullText h5>span.sec-title {
    font-weight: bold;
    font-size: 18px;
    line-height: 26px;
    color: #333
}

#FullText>p.ordinary-passage sup {
    cursor: pointer;
    top: inherit
}

#FullText>p.ordinary-passage sup span.xref {
    font-size: 14px;
    color: #1193e4
}

#FullText sup {
    white-space: nowrap
}

#FullText h2 {
    margin-top: 30px;
    background-color: #eee;
    font-size: 18px;
    color: #333;
    line-height: 37px;
    padding-left: 15px
}

#FullText div.figure {
    overflow: hidden;
    border: 1px solid #2a7c8a;
    margin: 20px auto;
    padding: 10px 8px
}

#FullText div.figure .article_table_fullText a img,
#FullText div.figure .figure_fulltext a img {
    max-width: 100%
}

#FullText div._figclass.figure .figure_title>a {
    display: block;
    text-align: center
}

#FullText div.figure .article_table_fullText .table_caption,
#FullText div._figclass.figure .figure_title .figure_caption {
    line-height: 20px
}

#FullText div.figure .article_table_fullText .table_caption>div,
#FullText div._figclass.figure .figure_title .figure_caption>div {
    margin-bottom: 10px
}

#FullText div.figure .menu_button_csv_pad {
    margin-top: 20px;
    line-height: 20px;
    overflow: hidden
}

#FullText div.figure .menu_button_csv_pad a {
    color: #ccc;
    cursor: pointer
}

#cboxLoadedContent table {
    display: table !important
}

#cboxLoadedContent table img {
    max-width: 100%
}

#figTab .figure {
    border: 1px solid #ccc;
    position: relative;
    margin-bottom: 10px;
    padding: 30px 30px 10px
}

#figTab .figure .figureTitle {
    width: 100%;
    height: auto;
    text-align: center;
    margin-top: 15px
}

.figure_button {
    padding-right: 20px;
    text-align: right
}

.figure_button a {
    color: #1193e4
}

.figure_button img {
    width: 14px;
    height: 14px;
    margin: 0 5px 0 0;
    display: inline-block;
    vertical-align: middle
}

.figure .figure_button span {
    cursor: pointer
}

.figure_button span:hover {
    color: #1193e4 !important
}

#figTab .figTabSpan {
    font-size: 12px;
    display: block;
    margin-bottom: 5px
}

#figTab .article-box3 .table_content {
    display: block;
    padding: 10px 5px
}

#figTab .article-box3 .table-body {
    width: 90%;
    margin: 0 auto;
    border: 1px solid #ccc;
    font-size: 12px;
    overflow-x: scroll
}

#figTab .table_content {
    border: 1px solid #ccc;
    padding: 10px 5px 20px
}

#figTab .table_content table,
#figTab .table_content img {
    width: 100%
}

#figTab .table-body table tr td {
    text-align: center;
    line-height: 25px;
    vertical-align: middle
}

.box-tan {
    display: none;
    padding: 10px 0;
    position: absolute;
    width: 535px;
    z-index: 100;
    border: 1px solid #666;
    background-color: #fff;
    box-shadow: 0 0 20px rgba(0, 0, 0, 0.5)
}

.box-tan .box-content {
    width: 100%;
    height: 100%;
    line-height: 24px;
    padding-right: 40px;
    overflow-y: scroll;
    max-height: 160px
}

.box-tan .box-content li {
    overflow: hidden;
    padding-bottom: 10px
}

.box-tan .box-content li:last-child {
    padding-bottom: 0
}

.box-content li span {
    width: 40px;
    text-align: center
}

.box-content li p {
    width: 435px;
    line-height: 22px;
    padding-top: 2px
}

.box-tan .box-content .pull-right a {
    padding: 0 10px;
    line-height: 30px;
    color: #1193e4
}

.box-tan .box-content .pull-right a:hover {
    text-decoration: underline
}

.box-tan .box-content .pull-right a i {
    color: #000;
    display: inline-block;
    width: 14px;
    height: 14px;
    font-size: 14px;
    vertical-align: 1px;
    margin-left: 5px;
    text-decoration: none !important
}

.box-tan .triangle {
    position: absolute;
    top: -12px
}

.box-tan .triangle .triangle-bg {
    position: absolute;
    border-left: 16px solid transparent;
    border-right: 16px solid transparent;
    border-bottom: 12px solid #666
}

.box-tan .triangle .triangle-content {
    position: absolute;
    top: 1px;
    border-left: 16px solid transparent;
    border-right: 16px solid transparent;
    border-bottom: 12px solid #fff
}

.content .author-box {
    top: 20px;
    left: 100px;
    display: none;
    padding: 10px 15px;
    position: absolute;
    width: 535px;
    z-index: 100;
    border: 1px solid #666;
    background-color: #fff;
    box-shadow: 5px 5px 10px -3px rgba(0, 0, 0, 0.5);
    border-radius: 10px
}

.content .author-box .triangle {
    position: absolute;
    top: -12px
}

.content .author-box .triangle .triangle-bg {
    position: absolute;
    border-left: 16px solid transparent;
    border-right: 16px solid transparent;
    border-bottom: 12px solid #666
}

.content .author-box .triangle .triangle-content {
    position: absolute;
    top: 1px;
    border-left: 16px solid transparent;
    border-right: 16px solid transparent;
    border-bottom: 12px solid #fff
}

.author-box .triangle {
    position: absolute;
    top: -11px
}

.author-box .triangle-bg {
    position: absolute;
    border-left: 10px solid transparent;
    border-right: 10px solid transparent;
    border-bottom: 10px solid #ccc
}

.author-box .triangle-content {
    position: absolute;
    top: 2px;
    font-size: 13px;
    border-left: 10px solid transparent;
    border-right: 10px solid transparent;
    border-bottom: 10px solid #fff
}

.author-box .author-content>p {
    width: 100%;
    height: 1px
}

.author-box .author-content h6 {
    margin: 10px 0 10px 0;
    font-size: 14px;
    color: #666
}

.author-box .author-content h6 span {
    font-weight: bold
}

.author-box .author-content ul {
    line-height: 20px;
    margin-bottom: 10px;
    color: #666
}

.author-box .author-content ol {
    padding-top: 10px;
    text-align: center;
    border-top: 1px dashed #ccc
}

.author-box .author-content ol li {
    color: #333;
    font-weight: bold;
    display: inline-block;
    padding: 0 7px 0 7px;
    border-right: 1px solid #333
}

.author-box .author-content ol li:last-child {
    border-right: 0
}

.author-box .close-box,
.box .close-box {
    width: 25px;
    line-height: 25px;
    position: absolute;
    right: 20px;
    top: 10px;
    cursor: pointer;
    text-align: center;
    font-weight: bold;
    font-size: 16px
}

.borderHigh {
    border: 2px solid #0186D1 !important
}

.show {
    display: block !important
}

table {
    width: 100%;
    line-height: 25px;
    text-align: left;
    vertical-align: middle
}

table thead {
    border-top: 1px solid;
    border-bottom: 1px solid
}

table tbody {
    border-spacing: 0;
    border-collapse: collapse
}

table.formula tbody {
    border-bottom: 0
}

#imgShow {
    position: fixed;
    left: 0;
    top: 0;
    height: 100%;
    width: 100%;
    color: #ccc;
    background-color: rgba(65, 69, 78, .9);
    display: none;
    z-index: 20000
}

#originalImgs-wrapper div.originalImgs-wrapper {
    position: relative;
    height: 100%;
    width: 100%
}

#originalImgs {
    position: absolute;
    visibility: visible;
    margin: auto;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    max-height: 100%;
    max-width: 100%
}

#miniImgs-wrapper {
    height: 355px;
    position: absolute;
    right: 12%;
    top: 0;
    bottom: 0;
    margin: auto -85px auto 0
}

#miniImgs {
    position: relative;
    height: 285px;
    width: 85px;
    overflow: hidden
}

#miniImgs ul {
    position: absolute;
    width: 100%;
    overflow: hidden
}

#miniImgs ul li {
    margin: 5px 0;
    width: 100%;
    height: 65px;
    border: 1px solid transparent
}

#miniImgs ul li.borderHigh {
    border: 2px solid #438aff
}

#miniImgs ul li img {
    width: 100%;
    height: 100%
}

#imgsPageNum {
    position: absolute;
    bottom: 110px;
    left: 0;
    width: 100%;
    text-align: center
}

#imgTitle {
    position: absolute;
    bottom: 45px;
    left: 0;
    height: 70px;
    width: 100%;
    text-align: center;
    overflow: hidden;
    cursor: n-resize
}

#imgTitle>div {
    position: absolute;
    top: 0;
    left: 0;
    height: 70px;
    width: 110%;
    padding: 10px 10% 10px 0;
    overflow-y: scroll
}

#imgPrev,
#imgNext {
    width: 100%;
    height: 30px;
    background-color: #474b56;
    border: 1px solid #343841;
    text-align: center
}

#imgPrev:hover,
#imgNext:hover {
    border-color: #438aff
}

#imgPrev span.imgShowIcon,
#imgNext span.imgShowIcon {
    margin-top: -1px;
    display: block;
    font-size: 28px;
    color: #ccc;
    line-height: 30px
}

#imgPrev a,
#imgNext a {
    text-decoration: none !important
}

#imgBack {
    position: absolute;
    right: 12%;
    top: 20px;
    margin-right: -130px;
    width: 130px;
    height: 40px;
    background-color: #333841;
    font-size: 16px;
    line-height: 38px;
    border: 1px solid #2a2e37;
    border-radius: 5px;
    z-index: 11
}

#downloadImgs {
    position: absolute;
    bottom: 20px;
    left: 50%
}

#downloadImgs a {
    color: #ccc
}

#downloadImgs img {
    width: 14px;
    height: 14px;
    margin: 0 5px;
    display: inline-block;
    vertical-align: text-top
}

#imgBack a {
    text-decoration: none;
    color: #ccc;
    padding-left: 12px;
    display: block
}

#imgBack:hover {
    border-color: #438aff
}

#imgBack .triangle {
    display: inline-block;
    border-top: 5px solid transparent;
    border-bottom: 5px solid transparent;
    border-left: 7px solid #ccc;
    margin-left: 30px
}

#ruler {
    width: 100%;
    position: absolute;
    bottom: 20px;
    left: 0;
    font-size: 0;
    text-align: center
}

#ruler .ruler-wrapper {
    position: relative;
    display: inline-block
}

#ruler .ruler-wrapper li {
    display: inline-block;
    position: relative;
    width: 50px;
    border-left: 5px solid #438aff;
    border-bottom: 5px solid #438aff;
    height: 15px
}

#ruler .ruler-wrapper li span {
    font-size: 12px;
    position: absolute;
    top: 15px;
    left: -15px
}

#ruler .ruler-wrapper div.lastLi {
    display: inline-block;
    position: relative;
    border-left: 5px solid #438aff;
    border-bottom: 5px solid #438aff;
    height: 15px
}

#ruler .ruler-wrapper div.lastLi span {
    font-size: 12px;
    position: absolute;
    top: 15px;
    left: -15px
}

#ruler .ruler-wrapper div.staff {
    position: absolute;
    left: -13px;
    top: -25px;
    width: 31px;
    height: 20px
}

#ruler .ruler-wrapper div.staff .rectangle {
    display: inline-block;
    width: 100%;
    height: 10px;
    background-color: gold
}

#ruler .ruler-wrapper div.staff .triangle {
    display: inline-block;
    border-top: 10px solid gold;
    border-left: 15.5px solid transparent;
    border-right: 15.5px solid transparent
}


.imgShowIcon {
    font-family: "imgShowIcon" !important;
    font-size: 16px;
    font-style: normal;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale
}

.imgShowIcon-prev:before {
    content: "\e64a"
}

.imgShowIcon-next:before {
    content: "\e607"
}

.article-header-new {
    border-bottom: 1px solid #cfd5e4;
    display: none
}

.article-header-new.active {
    position: fixed;
    top: 0;
    display: block;
    background: #fff;
    width: 100%;
    z-index: 1600
}

.article-header-new ul li {
    padding: 12px 0;
    line-height: 30px;
    margin: 0 30px 0 0;
    float: left
}

.article-header-new ul li a {
    color: #000;
    font-size: 18px
}

.article-header-new .article-search {
    padding: 10px 0 0
}

.article-header-new .article-search select {
    width: 83px;
    border-radius: 3px 0 0 3px;
    border: 1px solid #d3d3d3;
    font-size: 12px;
    height: 32px;
    line-height: 32px;
    display: block;
    padding: 0 23px 0 5px;
    border-right: 0
}

.article-header-new .article-search .input {
    border: 1px solid #cfd5e4;
    width: 190px;
    line-height: 28px;
    height: 32px;
    padding: 0 5px
}

.article-header-new .article-search .sub {
    border: 1px solid #cfd5e4;
    height: 32px;
    width: 30px;
    background-size: 19px;
    border-left: none
}

.article-main-left {
    width: 200px;
    background: #fff;
    padding-right: 15px
}

.article-main-left.active {
    position: fixed;
    left: auto;
    top: 55px;
    z-index: 10;
    padding: 20px 20px 20px 0
}

.article-main-mid {
    width: 750px;
    padding: 0 25px 0 30px;
    position: relative;
    border-left: 1px solid #cfd5e4
}

.article-main-mid.active {
    margin-left: 200px
}

.article-main-mid.active .inner {
    padding-top: 50px
}

.article-main-right {
    width: 200px;
    background: #fff
}

.article-main-right.active {
    position: fixed;
    top: 55px;
    z-index: 10;
    padding: 20px 20px 20px 0
}

.article-main-right.active .metrics {
    font-size: 13px
}

.article-main .inner {
    padding: 30px 10px
}

.inner {
    width: 1200px;
    margin: 0 auto
}

.article-main-left {
    padding-right: 20px
}

.inner .article-main-mid {
    width: 790px;
    padding: 0 0 0 30px
}

.inner .article-main-right {
    width: 180px
}

.inner .article-main-right.active {
    padding: 20px 0 20px 0
}

.current-book img {
    width: 120px
}

.current-book {
    display: block;
    margin: 0 0 5px
}

.volume-issue__wrap {
    color: #006fb7;
    font-size: 15px;
    display: block;
    line-height: 28px
}

.ii-pub-date {
    line-height: 28px;
    font-size: 15px
}

.contents-title {
    font-size: 18px;
    font-weight: 700;
    line-height: 30px;
    color: #777;
    margin: 0 0 10px
}

.content-nav {
    padding: 20px 0 0
}

.article-main-mid .navTitle {
    font-weight: bolder;
    margin: 0 0 10px
}

.article-header {
    margin: 0 0 20px
}

.article-left {
    margin: 0 0 25px
}

#myTabContent>li {
    margin: 0 0 25px
}

.jumplink-list li {
    margin: 0 0 6px
}

.jumplink-list li.little {
    margin-bottom: 0;
    font-weight: normal
}

.jumplink-list li a {
    color: #2a2a2a;
    line-height: 22px;
    font-size: 13px
}

.jumplink-list li a:hover {
    text-decoration: underline
}

.jumplink-list li.active a {
    font-weight: 700
}

.about-article a {
    color: #069
}

.article-main-mid a:hover {
    text-decoration: underline
}

.article-main-mid a {
    color: #069
}

.figure_title a {
    margin: 0 0 10px
}

.article-main-mid .table_content {
    min-height: 50px
}

.pdf-xml {
    display: block;
    margin: 0 -1%
}

.pdf-xml div {
    line-height: 35px;
    text-align: center;
    font-size: 16px;
    color: #fff;
    border: 1px solid #ccc;
    border-radius: 5px;
    background-color: #069
}

.pdf-xml a {
    color: #fff;
    height: 35px;
    display: block
}

.article-right-pic {
    border: 1px solid #e6e6e6;
    padding: 10px;
    margin: 0 0 20px;
    width: 180px
}

.article-imgs li img {
    width: 100%
}

.download-btns>div {
    margin-bottom: 8px
}

.articleEn .article-author>li a {
    color: #069;
    position: relative
}

.articleEn .article-author>li a:hover {
    text-decoration: underline
}

.article-header-new ul li span {
    margin-left: 8px
}

.metrics {
    margin: 17px 0 0
}

.metrics h2 {
    font-size: 18px;
    line-height: 20px;
    padding-bottom: 10px;
    border-bottom: 1px solid #ddd
}

.zgjx-table {
    line-height: auto
}

.zgjx-table td {
    padding: 0 0 10px
}

.zgjx-table tbody {
    border-bottom: 1px solid
}

#References ol li {
    text-align: left
}

.Abstract-left-list {
    margin: 0 0 14px
}

.Abstract-left-list.active a,
.References-left-list.active a,
.Supplements-left-list.active a {
    font-weight: 700;
    color: #069
}

.jumplink-list .div2 {
    padding: 0 0 0 14px;
    display: none;
    margin: 0 0 4px
}

.jumplink-list .div2:hover {
    white-space: initial;
    overflow: inherit;
    text-overflow: initial
}

.jumplink-list .div3 {
    padding: 0 0 0 26px;
    display: none;
    margin: 0 0 4px
}

.jumplink-list .div3 a {
    font-size: 12px
}

.jumplink-list .div1 {
    line-height: 22px
}

.jumplink-list .div2 a {
    font-size: 13px;
    line-height: 18px;
    display: block;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap
}

.jumplink-list .div2 a:hover {
    white-space: initial;
    overflow: inherit;
    text-overflow: initial
}

.jumplink-list .div1.active>a {
    font-weight: 700;
    color: #069
}

.jumplink-list a:hover {
    color: #069
}

.active2>a {
    color: #069
}

.Access-right-list a {
    display: block
}

.References-left-list {
    margin: 20px 0 10px
}

.References-left-list a,
.Supplements-left-list a {
    font-weight: 700
}

.trend-right-list {
    padding: 0 0 18px;
    display: block
}

#trendmd-suggestions {
    min-height: 20px
}

.trend-right-list a img {
    max-width: 102px
}

.Access-right-list {
    margin: 0
}

.Access-right-list a {
    display: block
}

.Access-right-list a .img img {
    max-width: 102px
}

.Access-right-list a .img {
    padding: 14px 0 0
}

.all-message {
    margin: 9px 0 0
}

.all-message span {
    text-transform: capitalize;
    line-height: 22px
}

.inner .article-main-right {
    width: 180px;
    overflow: hidden
}

.inner .article-main-right .article-right {
    width: 214px;
    overflow-y: auto;
    padding-right: 17px;
    height: 100%
}

.metric-author {
    margin-top: 25px
}

.authorOtherArticle {
    margin-top: 10px;
    font-size: 16px
}

.authorOtherArticle>li {
    margin-bottom: 10px
}

.author-title i {
    font-style: normal
}

.author-title {
    margin-bottom: 10px;
    display: block;
    color: #333
}

.author-title:hover {
    cursor: pointer
}

.article-div {
    display: none
}

.article-div li {
    margin-left: 25px
}

.article-div li a {
    margin-top: 5px
}

.authorOtherArticle .current .article-div {
    display: block
}

.authorOtherArticle li span i {
    width: 18px;
    height: 14px;
    display: inline-block;
    background: url(../../images/article/article_icons.png) no-repeat -25px -45px;
    margin-right: 6px;
    vertical-align: middle
}

.authorOtherArticle li.current i {
    background-position: -50px -45px
}

.show-table {
    position: fixed;
    left: 0;
    top: 0;
    height: 100%;
    width: 100%;
    color: #ccc;
    background-color: rgba(65, 69, 78, .9);
    display: none;
    z-index: 20000
}

.show-table .picbox {
    width: 70%;
    margin: auto
}

.show-table .piclist {
    text-align: center
}

.show-table .piclist li {
    height: 100%;
    display: block;
    text-align: left;
    position: relative;
    color: #333
}

.show-table .piclist li .table_caption {
    text-align: center;
    line-height: 24px;
    padding: 0 0 20px
}

.show-table .piclist li img {
    max-width: 100%;
    max-height: 500px
}

.show-table .piclist li .table_new .article_table_fullText>a {
    display: block
}

.home-picprev,
.home-picnext {
    position: absolute;
    width: 40%;
    height: 50%;
    left: 0;
    right: 0;
    margin: auto
}

.picsmallbox {
    position: absolute;
    right: 12%;
    top: 0;
    height: 355px;
    bottom: 0;
    margin: auto -85px auto 0;
    width: 85px
}

.picboxpic {
    height: 285px;
    overflow: hidden;
    position: relative
}

#play_prev,
#play_next {
    width: 100%;
    height: 30px;
    background-color: #474b56;
    border: 1px solid #343841;
    text-align: center;
    display: block
}

#play_prev:hover,
#play_next:hover {
    border-color: #438aff
}

#play_prev span.imgShowIcon,
#play_next span.imgShowIcon {
    margin-top: -1px;
    display: block;
    font-size: 28px;
    color: #ccc;
    line-height: 30px
}

#picsmall li {
    margin: 5px 0;
    height: 65px;
    background: #fff;
    overflow: hidden;
    border: 2px solid transparent
}

#picsmall li a {
    display: block;
    height: 61px
}

#picsmall li.current {
    border: 2px solid #438aff
}

#picsmall li table img {
    max-width: 100%
}

#picsmall {
    position: absolute
}

.new-back {
    position: absolute;
    right: 12%;
    top: 20px;
    margin-right: -130px;
    width: 130px;
    height: 40px;
    background-color: #333841;
    font-size: 16px;
    line-height: 38px;
    border: 1px solid #2a2e37;
    border-radius: 5px;
    z-index: 11
}

.new-back a {
    text-decoration: none;
    color: #ccc;
    padding-left: 12px;
    display: block
}

.new-back .triangle {
    display: inline-block;
    border-top: 5px solid transparent;
    border-bottom: 5px solid transparent;
    border-left: 7px solid #ccc;
    margin-left: 30px
}

.show-table .table_new {
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    margin: auto;
    background: #fff;
    padding: 20px 0
}

.show-table .table_new .article_table_fullText {
    background: #fff;
    padding: 0 20px
}

.show-table .piclist li .table_content table {
    position: relative
}

.show-table .figure_button {
    text-align: right;
    padding: 10px 100px 10px 0;
    background: #fff;
    position: relative;
    z-index: 2
}

.show-table .piclist li .table_content {
    margin: 0
}

.show-tu,
.show-biao {
    color: #069;
    cursor: pointer
}

.show-tu span,
.show-biao span {
    color: #069
}

.show-tu:hover,
.show-biao:hover {
    text-decoration: underline
}

.show-table .piclist .table-csv-left {
    float: none
}

.show-table .piclist .table-csv-right {
    display: none
}

.table-csv-right {
    color: #069;
    cursor: pointer
}

.table-csv-right:hover {
    text-decoration: underline
}

.box-tan .td1 {
    padding: 0 0 0 10px
}

.box-tan .td2 {
    padding: 0 50px 10px 10px
}

.box-tan .td2 a {
    color: #0089e3
}

#originalImgs-wrapper {
    position: relative;
    width: 70%;
    height: 100%;
    left: 0;
    right: 0;
    margin: 0 auto;
    padding: 21px 34px 131px 39px
}

#FullText div._figclass.figure .figure_title a img.figure_type1,
.table_type1,
.originalImgs-wrapper>img.figure_type1 {
    width: 50%
}

#FullText div._figclass.figure .figure_title a img.figure_type2,
.table_type2,
.originalImgs-wrapper>img.figure_type2 {
    width: 100%
}

.table_type1,
.table_type2 {
    display: inline-block
}

.figure.table_new .article_table_fullText {
    text-align: center
}

.box-tan-con {
    max-height: 160px;
    overflow-y: auto
}

.table-body table {
    table-layout: fixed
}

.table-body table td img {
    max-width: 100%
}

.home-picprev,
.home-picnext {
    z-index: 1;
    width: 100%
}

@media screen and (max-width:1380px) {
    .show-table .piclist li .table_content table {
        line-height: 20px
    }
}

.table_top_border {
    border-top: 1px solid black
}

.table_top_border2 {
    border-top: 1px solid black
}

.table_bottom_border {
    border-bottom: 1px solid black
}

.table_bottom_border2 {
    border-bottom: 1px solid black
}

.table_left_border2 {
    border-left: 1px solid black
}

.table_right_border2 {
    border-right: 1px solid black
}

.table_border tr td {
    border: 1px solid black
}