html,
body {
      margin: 0px 0px;
      padding: 0px 0px;
      font-family: lexend;
      scroll-behavior: smooth;
}

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

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

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

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

::-webkit-input-placeholder {
      /* WebKit browsers */
      color: #BCBCBC;
}

::-moz-placeholder {
      /* Mozilla Firefox 19+ */
      color: #BCBCBC;
}

:-ms-input-placeholder {
      /* Internet Explorer 10+ */
      color: #BCBCBC;
}

.blank10 {
      width: 100%;
      height: 10px;
      clear: both;
      overflow: hidden;
}

.blank20 {
      width: 100%;
      height: 20px;
      clear: both;
      overflow: hidden;
}

.blank30 {
      width: 100%;
      height: 30px;
      clear: both;
      overflow: hidden;
}

.blank40 {
      width: 100%;
      height: 40px;
      clear: both;
      overflow: hidden;
}

.blank50 {
      width: 100%;
      height: 50px;
      float: left;
      overflow: hidden;
}

.blank60 {
      width: 100%;
      height: 60px;
      clear: both;
      overflow: hidden;
}

.blank70 {
      width: 100%;
      height: 70px;
      clear: both;
      overflow: hidden;
}

.blank80 {
      width: 100%;
      height: 80px;
      clear: both;
      overflow: hidden;
}

.blank90 {
      width: 100%;
      height: 90px;
      clear: both;
      overflow: hidden;
}

.blank100 {
      width: 100%;
      height: 100px;
      clear: both;
      overflow: hidden;
}

.blank110 {
      width: 100%;
      height: 110px;
      clear: both;
      overflow: hidden;
}

.blank120 {
      width: 100%;
      height: 120px;
      clear: both;
      overflow: hidden;
}

.blank130 {
      width: 100%;
      height: 130px;
      clear: both;
      overflow: hidden;
}

.blank140 {
      width: 100%;
      height: 140px;
      clear: both;
      overflow: hidden;
}

.blank150 {
      width: 100%;
      height: 150px;
      float: left;
      overflow: hidden;
}

.blank160 {
      width: 100%;
      height: 160px;
      clear: both;
      overflow: hidden;
}

.blank170 {
      width: 100%;
      height: 170px;
      clear: both;
      overflow: hidden;
}

.blank180 {
      width: 100%;
      height: 180px;
      clear: both;
      overflow: hidden;
}

.blank190 {
      width: 100%;
      height: 190px;
      clear: both;
      overflow: hidden;
}

.blank200 {
      width: 100%;
      height: 200px;
      clear: both;
      overflow: hidden;
}

.blank210 {
      width: 100%;
      height: 210px;
      clear: both;
      overflow: hidden;
}

header {
      margin: 0 0;
      padding: 0 0;
      position: sticky;
      z-index: 9999;
      left: 0px;
      top: 0px;
}

.header-c {
      box-sizing: border-box;
      display: flex;
      flex-direction: row;
      align-items: center;
      justify-content: center;
      width: 100%;
      height: auto;
      min-height: 30px;
      margin: 0px auto;
      padding: 0px 0px;
      background: #000;
}

.header {
      box-sizing: border-box;
      display: flex;
      flex-direction: row;
      align-items: stretch;
      justify-content: space-between;
      width: 100%;
      height: 70px;
      min-height: 30px;
      margin: 0px auto;
      padding: 0px 25px;
}

.header-l {
      box-sizing: border-box;
      display: flex;
      flex-direction: row;
      align-items: center;
      justify-content: flex-start;
      width: 200px;
      height: auto;
      min-height: 30px;
      margin: 0px 0px;
      padding: 0px 0px;
}

.header-l>a>.img1 {
      width: auto;
      height: 50px;
      min-height: 30px;
      margin: 0px 0px;
      padding: 0px 0px;
      object-fit: cover;
}

.header-l>a {
      display: block;
      width: auto;
      height: auto;
      color: #fff;
      font-family: Permanent Marker;
      font-size: 36px;
}

.header-m {
      box-sizing: border-box;
      display: flex;
      flex-direction: row;
      align-items: center;
      justify-content: center;
      width: auto;
      height: 100%;
      min-height: 30px;
      margin: 0px 0px;
      padding: 0px 0px;
}

.header-nav-c {
      box-sizing: border-box;
      display: flex;
      flex-direction: row;
      align-items: stretch;
      justify-content: flex-start;
      width: 100%;
      height: 100%;
      min-height: 30px;
      margin: 0px 0px;
      padding: 0px 0px;
}

.header-nav-drop:hover {
      color: #fff;
}

.header-nav-drop:hover a.label-drop {
      color: #fff;
      font-weight: normal;
}

.header-nav-drop:hover .icon-drop {
      color: #fff;
}

.header-nav-drop:hover .header-nav-drop-c {
      display: block;
}

.header-nav-item:hover {
      color: #fff;
}

.header-nav-item:hover a.label-text {
      color: #fff;
      font-weight: normal;
}

.header-nav-item:hover .label-text:hover {
      color: #fff;
      font-weight: normal;
}

.header-nav-item {
      box-sizing: border-box;
      display: flex;
      flex-direction: row;
      align-items: center;
      justify-content: center;
      width: auto;
      height: auto;
      min-height: 30px;
      margin: 0px 0px 0 20px;
      padding: 0px 0px;
      cursor: pointer;
}

.header-nav-item>.label-text {
      padding: 0px 0px;
      font-size: 22px;
      font-weight: normal;
      color: #fff;
      cursor: pointer;
      font-family: Roboto;
}

.header-nav-item>.label-text:hover {
      color: #fff;
      text-decoration: none;
}

.header-nav-item>.label-text:active {
      color: #fff;
      text-decoration: none;
}

.header-nav-item>.label-text:visited {
      color: #fff;
      text-decoration: none;
}

.header-nav-drop {
      box-sizing: border-box;
      display: flex;
      flex-direction: row;
      align-items: center;
      justify-content: center;
      width: auto;
      height: auto;
      min-height: 30px;
      margin: 0px 0px 0 20px;
      padding: 0px 0px;
      background: transparent;
      position: relative;
      cursor: pointer;
}

.header-nav-drop>.label-drop {
      padding: 0px 0px;
      font-size: 22px;
      font-weight: normal;
      color: #fff;
      cursor: pointer;
      font-family: Roboto;
}

.header-nav-drop>.label-drop:hover {
      color: #fff;
      text-decoration: none;
}

.header-nav-drop>.label-drop:active {
      color: #fff;
      text-decoration: none;
}

.header-nav-drop>.label-drop:visited {
      color: #fff;
      text-decoration: none;
}


.header-nav-drop>.icon-drop {
      margin: 0px 0px 0px 5px;
      padding: 0px 0px;
      font-size: 14px;
      font-weight: bold;
      color: #fff;
      cursor: pointer;
}

.header-nav-drop-c {
      box-sizing: border-box;
      display: none;
      width: 240px;
      margin: 0px 0px;
      padding: 0px 0px;
      border: none;
      background: #5E5E5E;
      position: absolute;
      left: -20px;
      top: 60px;
      z-index: 9999;
}

.header-nav-dropmenu {
      box-sizing: border-box;
      display: flex;
      flex-direction: row;
      align-items: stretch;
      justify-content: space-between;
      width: 100%;
      height: auto;
      min-height: 50px;
      margin: 0px 0px;
      padding: 0px 0px;
      cursor: pointer;
      border-bottom: solid 1px #555;
}

.header-nav-dropmenu:hover {
      border-bottom: solid 1px #fff;
}

.header-nav-dropmenu-r {
      box-sizing: border-box;
      flex: 1;
      display: flex;
      flex-direction: row;
      align-items: center;
      justify-content: flex-start;
      width: 100%;
      height: auto;
      min-height: 30px;
      margin: 0px 0px;
      padding: 0px 0px;
}

.header-nav-dropmenu-r>.label-dropmenuitem {
      width: 100%;
      display: flex;
      align-items: center;
      justify-content: flex-start;
      padding: 0px 20px;
      font-size: 22px;
      font-weight: normal;
      color: #fff;
      cursor: pointer;
      min-height: 50px;
      font-family: Roboto;
}

.header-nav-dropmenu-r>.label-dropmenuitem:hover {
      color: #666;
      background-color: #fff;
      text-decoration: none;
}



/*--------自适应--------*/

.gotop {
      display: none;
      box-sizing: border-box;
      width: 40px;
      height: 40px;
      min-height: 30px;
      text-align: center;
      line-height: 40px;
      margin: 0px auto;
      padding: 0px 0px;
      background: #54595F;
      position: fixed;
      z-index: 9999999;
      right: 40px;
      bottom: 30px;
      cursor: pointer;
}

.gotop>.label1 {
      margin: 0px 0px;
      padding: 0px 0px;
      font-size: 20px;
      font-weight: normal;
      color: #fff;
      cursor: pointer;
}

/*--------自适应--------*/

.at-hkust-list a{
      color: #943734;
}