@charset "utf-8";
b, body:not(.article-content) table th, em, h1, h2, h3, h4, h5, h6, i, strong {
  font-weight: 400
}

* {
  margin: 0;
  padding: 0
}

body {
  font-family: "SF Pro Display", "Helvetica Neue", Helvetica, Tahoma, Arial, "PingFang SC", "Hiragino Sans GB", "Microsoft YaHei", sans-serif, 'Apple Color Emoji', 'Segoe UI Emoji', 'Segoe UI Symbol', 'Noto Color Emoji';
  -webkit-font-smoothing: antialiased;

   background-color: #F5F5F5;
   min-width: 1280px;
 }

body:not(.article-content) table {
  width: 100%;
  border: 0;
  border-collapse: collapse;
  border-spacing: 0
}

body:not(.article-content) .noteContent table {
  width: auto
}

li, ol, ul {
  list-style-type: none
}

input, select, textarea {
  vertical-align: middle;
  color: #000;
  border: none;
  border: 0;
  outline: 0;
  resize: none
}

body a {
  color: inherit;
  text-decoration: none
}

b, em, i, strong {
  font-style: normal
}

.item-drag-wrap em *, body .title-t em, body .title-t i {
  font-style: italic
}

img {
  border: 0
}

.pointer {
  cursor: pointer
}

.editor-page .pointer {
  cursor: initial
}

.eng-tabs span, .ui-cursor, .ui-paging li {
  cursor: pointer
}

#index {
  font-size: 16px;
  line-height: normal
}

body .title-t li, body .title-t ol, body .title-t ul {
  list-style-type: initial
}

body .title-t h1, body .title-t h2, body .title-t h3, body .title-t h4, body .title-t h5, body .title-t h6 {
  font-weight: initial
}

body .title-t body a {
  color: inherit;
  text-decoration: inherit
}

.default-color, .txt-hover-theme:hover, .txt-theme {
  color: #3D82F2
}

body .title-t strong {
  font-weight: 700
}

.fix9999 {
  z-index: 9999 !important
}

.bder-theme {
  border-color: #3D82F2
}

.bg-theme {
  background: #3D82F2
}

.bg-hover-theme:hover {
  background-color: #3D82F2
}

.bg-theme-rgba10 {
  background-color: rgba(61, 130, 242, .1)
}

.bg-theme-rgba20 {
  background-color: rgba(61, 130, 242, .2)
}

.bg-theme-rgba30 {
  background-color: rgba(61, 130, 242, .3)
}

.bg-theme-rgba40 {
  background-color: rgba(61, 130, 242, .4)
}

.bg-theme-rgba50 {
  background-color: rgba(61, 130, 242, .5)
}

.bg-theme-rgba60 {
  background-color: rgba(61, 130, 242, .6)
}

.bg-theme-rgba70 {
  background-color: rgba(61, 130, 242, .7)
}

.bg-theme-rgba80 {
  background-color: rgba(61, 130, 242, .8)
}

.bg-theme-rgba90 {
  background-color: rgba(61, 130, 242, .9)
}

.col333 {
  color: #333
}

.col666 {
  color: #666
}

.col999 {
  color: #999
}

.clear:after {
  content: '';
  display: block;
  clear: both
}

.overHidden2, .overHidden3 {
  display: -webkit-box;
  -webkit-box-orient: vertical;
  overflow: hidden;
  text-overflow: ellipsis
}

.clear {
  clear: none !important
}

.fr {
  float: right
}

.fl {
  float: left
}

.overflowHide {
  overflow: hidden
}

.overHidden1 {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap
}

.overHidden2 {
  -webkit-line-clamp: 2
}

.overHidden3 {
  -webkit-line-clamp: 3
}

.txt-l {
  text-align: left
}

.txt-c {
  text-align: center
}

.txt-r {
  text-align: right
}

.show {
  display: block
}

.hide {
  display: none
}

.fs12 {
  font-size: 12px
}

.fs14 {
  font-size: 14px
}

.fs16 {
  font-size: 16px
}

.fs18 {
  font-size: 18px
}

.fs20 {
  font-size: 20px
}

.fs22 {
  font-size: 22px
}

.fs24 {
  font-size: 24px
}

.fs26 {
  font-size: 26px
}

.fs28 {
  font-size: 28px
}

.fs30 {
  font-size: 30px
}

.fs32 {
  font-size: 32px
}

.fs34 {
  font-size: 34px
}

.fs36 {
  font-size: 36px
}

.item-engine-title {
  min-height: 22px;
  line-height: 22px;
  margin-bottom: 15px;
  padding: 0 17px 0 0;
  position: relative
}

.item-engine-title .title-icon {
  display: inline-block;
  width: 6px;
  height: 18px;
  margin-right: 8px;
  vertical-align: middle
}

.item-engine-title .title-t {
  font-size: 18px;
  color: #333;
  font-weight: 700
}

.item-engine-title .more {
  font-size: 14px;
  color: #999;
  display: inline-block;
  position: absolute;
  top: 0;
  right: 17px
}

.item-engine-title .more .icon-up {
  display: inline-block;
  -webkit-transform: rotate(90deg);
  -moz-transform: rotate(90deg);
  -ms-transform: rotate(90deg);
  -o-transform: rotate(90deg);
  transform: rotate(90deg);
  font-size: 10px;
  position: relative;
  top: -1px
}

.eng-tabs {
  border-bottom: 1px solid #EEE;
  margin-bottom: 15px;
  height: 30px;
  width: 100%;
  overflow: hidden
}

.eng-tabs span {
  display: inline-block;
  padding-bottom: 6px;
  margin-right: 30px;
  font-size: 16px
}

.eng-tabs span.current {
  border-bottom: 2px solid;
  font-weight: 500
}

@media only screen and (min-width: 1px) and (max-width: 926px) {
  body{
    min-width: 100%;
  }
  .eng-tabs span:nth-of-type(n+5) {
    display: none !important
  }

}

.toast {
  position: fixed;
  top: 200px;
  left: 50%;
  transform: translateX(-50%);
  -ms-transform: translateX(-50%);
  -moz-transform: translateX(-50%);
  -webkit-transform: translateX(-50%);
  -o-transform: translateX(-50%);
  color: #333;
  font-size: 14px;
  background-color: #fff;
  border-radius: 4px;
  max-width: 300px;
  min-width: 60px;
  padding: 10px 16px;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  text-align: center;
  z-index: 9999;
  -webkit-box-shadow: 0 0 9px 0 rgba(0, 0, 0, .1);
  box-shadow: 0 0 9px 0 rgba(0, 0, 0, .1)
}

.toast .icon {
  margin-right: 6px;
  font-size: 18px
}

.toast span {
  display: inline-block;
  vertical-align: middle
}

.bg-fff {
  background: #fff
}

.colccc {
  color: #ccc
}

.eng-null-data .tip, .list-null-data .tip {
  font-size: 14px;
  color: #999
}

.margint16 {
  margin-top: 16px
}

.margint4 {
  margin-top: 4px
}


.w1180 {
  width: 1180px
}
#toTop {
  position: fixed;
  bottom: 0;
  right: 149px;
  z-index: 999;
}

.w-1200 {
  width: 1200px;
  margin: 0 auto;
}
.txt-hover-theme:hover {
  color: rgb(11, 105, 192) !important;
}

.btn-blue-auto, .btn-fff-auto, .eng-null-data, .list-null-data, .pop .bottom-btns, .toast, .txt-c, .ui-paging {
  text-align: center;
}

@media only screen and (min-width: 1px) and (max-width: 926px) {

}



@media only screen and (min-width: 927px) and (max-width: 1200px) {
  body:not(.responsive-page) {
    zoom: .7;
  }
}




/******nav******/
.nav { display:block; width:100%; background:#0277bd; position:relative;}
.nav ul {  width:1200px; margin:0 auto;}
.nav li {float:left; line-height:60px; background:url("libg.jpg")/*tpa=https://zcsys.tongji.edu.cn/images/libg.jpg*/ right center no-repeat; display:block;}
.nav li a{display:block; text-decoration:none; color:#fff; text-align:center; font-size:16px; line-height:60px; padding:0 24.5px;}
.nav li a.hover {    color: #023f63;
    border-top: 5px solid #e4eaec;
    background: #e4eaec;
    line-height: 50px;
    height: 55px;}
.nav li ul { background: #e4eaec; position: absolute; top:60px; width:114px;  z-index: 2; padding:0; display: none;}
.nav li ul li { float: none; display: block; background:none;  padding: 0;  margin: 0; }
.nav li ul li a { background:none; border-top:0px; line-height:40px; width:85px; padding:0 15px; color:#023f63; font-size: 15px; text-align:left; display:block; }
.nav li ul li a:hover { background: #0277bd; color:#fff; }