.page__article__detail.section__all{margin-bottom:10px;padding-bottom:40px}
.section-box{width:860px;background-color: #FFF;margin-top: 12px;}
.section-leader{padding: 12px 0;;font-size:16px;color:#525252;line-height:24px}
.section-leader span{color:#C5C5C5;margin:0 10px}
.per-section-content{width: 820px;margin: 0 20px;}
h1{margin:20px 0 10px;font-size:24px;font-weight:500;color:#262626;line-height:24px}
h1.topic-title{padding-top: 20px;}
.dt-info{font-size:14px;color:#8C8C8C;line-height:20px;font-weight: 400;}
.dt-info span:not(:nth-child(3n)){margin-right:20px}
.ofw-asign{font-size:16px;color:#505050;line-height:32px;padding: 40px 20px;text-indent:50px;margin:20px 0 30px;font-weight: 400;}
.ofw-asign{
  background-image: url('https://info.compassedu.hk/pc/img/w/w-assign-1.png'), url('https://info.compassedu.hk/pc/img/w/w-assign-2.png');
  background-position: 20px 17px, calc(100% - 19px) calc(100% - 19px);
  background-repeat: no-repeat, no-repeat; 
  background-color: #F5F7FC;
  background-size: 23px 21px;
}
.section-leader .title{font-size:18px;color:#262627;line-height:18px}
.ofw-succs .title1{font-size:18px;font-weight:600;color:#262626;line-height:18px;margin:35px 0 30px}
.section-leader  .detail-info{font-size:16px;font-weight:400;color:#262626;line-height:24px;margin:10px 0;text-align:justify}
.section-leader  .univimg{margin:0 auto;width:800px;height:320px;display:block}
.ofw-succs{padding:0 20px;margin-bottom:10px}
.ofw-succ{box-shadow:inset 0px -1px 0px 0px #E7E7E7;padding-bottom:15px;position:relative;margin-bottom:20px}
.title-news{font-size:16px;font-weight:500;color:#262626;line-height:22px;padding-left:32px}
.cuniv-news{font-size:14px;margin-top:10px;line-height:20px;color:#262626}
.detail-news{font-size:14px;color:#8C8C8C;line-height:20px;word-break:break-all;display:-webkit-box;-webkit-line-clamp:1;-webkit-box-orient:vertical;overflow:hidden;text-overflow:ellipsis}
.info-news{text-align:left;overflow:hidden;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-align:center;-webkit-align-items:center;-ms-flex-align:center;align-items:center;margin-top:12px}
.name-news{font-size:14px;color:#8C8C8C;line-height:14px;margin-right:15px}
.cuniv-news1{background:#FFFFFF;border-radius:4px;border:1px solid #1890FF;font-size:12px;color:#1890FF;line-height:16px;margin-right:15px;padding:0 10px}
.seemore{font-size:16px;color:#1890FF;line-height:16px;position:absolute;left:677px;bottom:19px;width:145px;height:16px}
.seemore .icon-arrow-down{position:absolute}
.seemore .icon-arrow-down:before{position:absolute;left:132px;transform:rotate(-90deg)}
.title2{margin: 0 0 16px;font-size:18px;color: #0B0B0B;font-weight:600;line-height:18px}
.more-item{font-size:16px;position:relative;line-height:22px;text-indent:16px;margin:12px 0}
.more-item::before{content:"";position:absolute;width:6px;height:6px;background:#1890FF;border-radius:50%;left:0;top:8px}
.related-show, .related-hide{display: flex;flex-wrap: wrap;}
.related-show a, .related-hide a{width: 46%;height: 32px;color: #002568;font-size: 16px;font-weight: 400;line-height: 32px;}
.related-show .more-item, .related-hide .more-item {text-wrap: nowrap;overflow: hidden;text-overflow: ellipsis;}
.related-show a:nth-child(odd), .related-hide a:nth-child(odd){margin: 0 0 12px 10px;}
.related-show a:nth-child(even), .related-hide a:nth-child(even){margin: 0 0 12px calc(8% - 12px)}
.det-more{text-align:left;overflow:hidden;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-align:center;-webkit-align-items:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:end;-webkit-justify-content:center;-ms-flex-pack:end;justify-content:center;font-size:16px;font-weight:500;color:#1890FF;line-height:22px;margin-right:11px}
.det-more .check-all-btn{width: 320px;height: 42px;line-height: 40px;border-radius: 18px;border: 1px solid #1890FF;cursor:pointer;font-weight: 500;font-size: 18px;color: #1890FF;text-align: center;margin-top: 10px;}
.det-more .check-all-btn:hover{color: #FFF;background-color: #1890FF;}
.more-item:hover,.ofw-succ .title-news:hover{color:#1890FF}
.more-item:hover{font-weight: 500;}
.ofw-succs .footerofw{display:flex;width:100%;justify-content:center}
.ofw-succs .footerofw .btnofw{height:35px;width:200px;text-align:center;border-radius:4px;border:1px solid var(--theme-primary-color);font-size:16px;color:var(--theme-primary-color);line-height:36px;display:flex;justify-content:center;align-items:center}
.ofw-succs .footerofw .btnofw:hover{border-color:var(--theme-primary-color);background-color:var(--theme-primary-color);color:var(--bg-default-color);transition:all 0.3s}
.univimg{display:block;margin:0 auto}

.title-tab-gate1 {font-weight: bold;font-size: 24px;line-height: 36px;color: #232323;}
.descax {font-size: 16px;line-height: 29px;text-align: justify;color: #232323;margin-bottom: 10px;}
.ofw-asign,.detail-news{text-align: justify;}
.contentofnews{margin:35px 0 30px;padding: 0 20px;}
.contentofnews p img{width: auto;height: auto;max-width: 95%;max-height: 100%;}

.icon-home{color: #1890FF;font-size: 16px;}
.section-leader .icon-arrow-down::before{display: inline-block;transform:rotate(-90deg)}
.section-leader .copy-title{color: #4F5153;margin: 0; font-size: 18px;font-weight: 500;}
.hl-color{color: #1890FF!important;}
.school-intro h2{font-weight: 600;font-size: 18px;color: #0B0B0B;line-height: 25px;margin: 30px 0 10px 0;}
.school-intro p{text-indent: 18px;font-size: 16px;font-weight: 400;color: #0B0B0B;line-height: 32px;margin-top: 8px;}
.school-intro .search-tip{font-weight: 500;font-size: 16px;color: #1890FF;line-height: 32px;}
.school-intro p:last-child{white-space: no-wrap;}
.school-handbook{display: flex;align-items: center;height: 162px;background: linear-gradient( 263deg, #E9F4FF 0%, #FFFFFF 100%, #FFFFFF 100%);box-shadow: 0px 2px 22px 0px rgba(220,224,236,0.66);border-radius: 2px;margin: 20px 0 30px;}
.school-handbook .cover{width: auto;height: 120px;margin: 0 14px 0 21px;box-shadow: 0px 1px 6px 0px rgba(122, 127, 144, 0.17);}
.school-handbook .right-area{width: calc(100% - 140px);height: 120px;}
.school-handbook .right-area .name{font-weight: 600;font-size: 20px;line-height: 24px;color: #595959;}
.school-handbook .right-area .desc{height: 63px;font-weight: 400;font-size: 14px;color: #595959;line-height: 20px;margin: 6px 0;text-overflow: ellipsis;text-overflow: -o-ellipsis-lastline;overflow: hidden;display: -webkit-box;-webkit-line-clamp: 3;line-clamp: 3;-webkit-box-orient: vertical;word-break: break-all;}
.school-handbook .right-area .btn-level {width: 92px;height: 26px;background: #1890FF;border-radius: 17px;font-weight: 500;font-size: 14px;color: #FFFFFF;margin-left: calc(100% - 92px);display: flex;align-items: center;justify-content: center;padding-left: 5px;}
.school-handbook .right-area .btn-level .icon-arrow-down::before{display: inline-block;transform:rotate(-90deg);}

.wb-content a,
.wb-content a:hover,
.wb-content a:active,
.wb-content a:visited {
  color: var(--theme-primary-color);
}

.w-major-list{padding: 30px 0 0 0!important;}
.univimg{width: 820px;height: auto;}
#right-download-img.marginT{margin-top: 22px!important;}

.w-clue-form .action__hover__cursor.btn-level{width: 320px!important;height: 42px!important;line-height: 42px!important;}
/* *************************专业列表*************************** */
.detail__module__major .module_head {
  margin-bottom: 20px;
}

.detail__module__major .major-tab {
  width: 100%;
  padding: 20px 20px 9px;
  background: var(--bg-light-color);
  border: 1px solid var(--border-default-color);
  display: flex;
  justify-content: flex-start;
  flex-wrap: wrap;

}

.detail__module__major .tab-item {
  margin-right: 27px;
  margin-bottom: 15px;
  height: 14px;
  font-size: 14px;
  color: var(--text-sub1-color);
  line-height: 14px;
  transition: all 0.3s;
}

.detail__module__major .tab-item:hover {
  color: var(--theme-primary-color);
  transition: all 0.3s;
}

.detail__module__major .tab-item.active {
  color: var(--theme-primary-color);
  font-weight: 600;
  transition: all 0.3s;
}

.detail__module__major .list-item {
  display: none;
}

.detail__module__major .list-item.active {
  display: block;
  width: calc(100% + 40px);
  margin-left: -20px;
  padding: 5px 20px;
}

.detail__module__major .list-item.hide {
  max-height: 458px;
  overflow: hidden;
}

.detail__module__major .major-item {
  width: 100%;
  height: 56px;
  padding: 0 20px;
  font-size: 16px;
  line-height: 20px;
  display: flex;
  justify-content: space-between;
  align-items: center;
  box-shadow: inset 0px -1px 0px 0px var(--border-default-color);
  color: var(--text-sub1-color);
  transition: all 0.3s;
}

.detail__module__major .major-item:hover {
  box-shadow: 0px 0px 10px 0px var(--border-default-color), inset 0px -1px 0px 0px var(--border-default-color);
  transition: all 0.3s;
}


.detail__module__major .major-item .cname {
  width: 256px;
  margin-right: 16px;
  /* user-select: none; */
}

.detail__module__major .major-item .ename {
  flex: 1;
  /* user-select: none; */
}

.detail__module__major .major-item .detail-btn {
  width: 143px;
  margin-left: 16px;
  color: var(--theme-primary-color);
  display: flex;
  justify-content: space-between;
  align-items: center;
}

.detail__module__major .all-btn {
  width: 104px;
  height: 36px;
  border-radius: 4px;
  border: 1px solid var(--theme-primary-color);
  margin: 20px auto 0;
  font-size: 16px;
  color: var(--theme-primary-color);
  line-height: 36px;
  text-align: center;
  cursor: pointer;
  transition: all 0.3s;
  display: none;
}

.detail__module__major .all-btn.active {
  display: flex;
  justify-content: center;
  align-items: center;
}

.detail__module__major .all-btn:hover {
  border-color: var(--theme-primary-color);
  background-color: var(--theme-primary-color);
  color: var(--bg-default-color);
  /* box-shadow: 0 2px 7px 0 rgba(0, 0, 0, 0.1); */
  transition: all 0.3s;
}

.detail__module__major .all-btn .icon {
  margin-left: 2px;
  margin-right: -4px;
}

.detail__module__major .all-btn .icon.toggle {
  transform: rotate(-180deg);
  -webkit-transform: rotate(-180deg);
}

.detail__module__major .detail-btn .icon-arrow-down::before{
  display: inline-block;
  transform:rotate(-90deg);
}