html,
body {
  background-color: #FAFAFA !important;
}

.header {
  top: 50px;
  left: 0;
  right: 0;
  margin: auto;
  position: fixed;
  width: 1200px;
  z-index: 999;
  border-radius: 4px;
  background: #fff;
}

.header__holder {
  position: absolute;
  top: 0;
}

.header--fixed {
  -webkit-backdrop-filter: saturate(180%) blur(20px);
  backdrop-filter: saturate(180%) blur(20px);
  background-color: rgba(255, 255, 255, 0.9);
}

.menu a {
  font-size: 13px;
  color: #222;
  text-transform: uppercase
}

.menu-item a {
  padding: 26px 5px;
}

.header--fixed .menu-item a {
  padding: 17px 5px;
}

header#header2 {
  position: relative;
}

header#header2 .menu a {
  color: #222;
}

header#header2 .header-language a {
  color: #222;
}

/* header#header2 .sub-menu .menu-item a {
  color: #fff;
} */
.header-nav-menu-mobile .menu a {
  font-size: 13px;
  color: #222;
}

.header--fixed .menu-item a {
  color: #222;
}

.header-language a {
  font-size: 0;
}

.header--fixed .header-language a {
  color: #222;
}

.header--fixed .header-language {
  color: #222;
}

.d-none .header-social .list-social {
  line-height: 30px;
}

.d-none .header-social .list-social__item {
  font-size: 0;
  margin: 0 2px;
  background-size: 30px 30px;
  background-repeat: no-repeat;
  background-position: center center;
}

.d-none .header-social .list-social__item a {
  display: inline-block;
  width: 30px;
  height: 30px;
}

.d-none .header-social .fr {
  background-image: url('../image/fr_1.png');
}

.d-none .header-social .fr-1 {
  background-image: url('../image/fr_1.png');
}

.d-none .header-social .fr-2 {
  background-image: url('../image/fr_2.png');
}

.d-none .header-social .en {
  background-image: url('../image/en_1.png');
}

.d-none .header-social .en-1 {
  background-image: url('../image/en_1.png');
}

.d-none .header-social .en-2 {
  background-image: url('../image/en_2.png');
}

.d-none .header-social .cn {
  background-image: url('../image/cn_1.png');
}

.d-none .header-social .cn-1 {
  background-image: url('../image/cn_1.png');
}

.d-none .header-social .cn-2 {
  background-image: url('../image/cn_2.png');
}

/*自定义导航 begin*/
.header__content {
  position: relative;
  height: 60px;
}

.nav-menu {
  line-height: 1em;
}

.menu-item {
  position: relative;
}

.sub-menu {
  position: absolute;
  left: 0;
  padding: 20px 40px;
  display: grid;
  gap: 2px;
  grid-template-columns: 100%;
  background-color: #fff;
  border-radius: 4px;
}

/*毛玻璃效果*/
.ac-ln-background {
  -webkit-backdrop-filter: saturate(180%) blur(20px);
  backdrop-filter: saturate(180%) blur(20px);
  background-color: rgba(255, 255, 255, 0.72);
}

.sub-menu .menu-item {
  display: inline-block;
}

.sub-menu .menu-item a {
  display: inline-block;
  padding: 10px;
  color: #333;
  line-height: 1.5em;
  width: 100%;
  border-radius: 4px;
}

.menu-item-has-children:hover>a {
  color: #0066FF;
}

.menu-item a:hover {
  color: #0066FF;
}

.sub-menu .menu-item a:hover {
  color: #0066FF;
  background-color: #EEEEF8;
}

.sub-menu .menu-item a::before {
  content: '○';
  margin-right: 4px;
}

.menu-image-title-after {
  margin-right: 10px;
}

/*自定义导航 end*/
.side-social {
  width: 30px;
  display: block;
  position: fixed;
  left: 0;
  top: 300px;
  z-index: 1000;
  background: #fff;
  border-top-right-radius: 6px;
  border-bottom-right-radius: 6px;
  text-align: center;
}

.baoming {
  height: 240px;
  background-image: url(../image/index01.png);
  background-repeat: no-repeat;
  background-position: top left;
  background-size: cover;
  color: #fff;
}

.button-regnow {
  padding: 6px 120px;
  font-size: 16px;
  color: #fff;
  background: rgb(252, 80, 6);
}

.txt-img-txt {
  color: #33365D;
}

.txt-img-txt h3 {
  font-size: 30px;
  font-weight: 500;
  line-height: 42px;
}

.txt-img-txt p {
  font-size: 14px;
  font-weight: 400;
  line-height: 32px;
}

.txt-img .txt-img-img {
  display: grid;
  grid-gap: 0;
  justify-items: start;
  align-items: end;
  grid-template-columns: 100%;
}

.img-txt .txt-img-img {
  display: grid;
  grid-gap: 0;
  justify-items: start;
  align-items: center;
  grid-template-columns: 100%;
}

.img-txt .txt-img-txt p {
  color: #0066FF;
}

.side-txt {
  position: absolute;
  left: -40px;
  height: 400px;
  width: 40px;
}

.sidetxt {
  writing-mode: tb-rl;
  font-size: 30px;
  line-height: 30px;
  font-weight: bold;
  color: #EEEEF8;
  opacity: 0.77;
  position: absolute;
  bottom: 0;
}

.side-txt-r {
  left: auto;
  right: -40px;
}

.c-blue {
  color: #0066FF;
}

.c-black {
  color: #33365D !important;
}

.b-blue {
  background: #0066FF;
  color: #fff;
}

.c-white {
  color: #fff;
}

.info-txt {
  background: #0466C8 linear-gradient(169deg, rgba(255, 255, 255, 0) 0%, rgba(0, 137, 247, 0.62) 100%);
  color: #fff;
}

.info-txt .info-txt-content{
  padding: 80px 100px 20px;
}

.info-images {
  padding: 15px;
}

.info-images img {
  padding: 15px 0 0 15px;
}

.info-images img:last-child {
  padding-right: 15px;
}

.media-project-2 {
  margin-bottom: 0;
}

.media-project-2-txt {
  border: 1px solid #EEEEF8;
  padding: 15px;
}

.footer-grid {
  display: grid;
  grid-gap: 5%;
  justify-items: start;
  grid-template-columns: 20% 80%;
}

.legal {
  color: #FFFFFF;
  opacity: 0.4;
}

.footer-reg {
  background: url(../image/footer-reg-bg.jpg) center center no-repeat;
  background-size: cover;
  color: #fff;
  text-align: center;
  padding: 80px;
}

.part2-icon-item {
  height: 240px;
  background: #fff;
  color: #7F81A1;
  margin: 20px 0;
  padding: 30px;
  border-radius: 5px;
  transition: all 200ms;
  -webkit-transition: all 200ms;
  /* Safari */
}

.part2-icon {
  border-radius: 40%;
  width: 78px;
  height: 78px;
  background: #e9f0ff;
  background-size: 40px 40px;
  background-repeat: no-repeat;
  background-position: center center;
}

.part2-icon-item h4 {
  margin-top: 15px;
  font-size: 16px;
  font-family: PingFang SC;
  font-weight: bold;
  line-height: 22px;
  color: #33365D;
}

.part2-icon-item p {
  font-size: 12px;
  font-family: PingFang SC;
  font-weight: 400;
  line-height: 17px;
  color: #7F81A1;
}

.part2-icon-item:hover {
  box-shadow: 0px 15px 20px rgba(0, 102, 255, 0.3);
  background: #0066FF;
  -webkit-transform: scale(1.1);
  -moz-transform: scale(1.1);
  transform: scale(1.1);
}

.part2-icon-item:hover h4,
.part2-icon-item:hover p {
  color: #fff;
}

.part2-icon-item:hover .part2-icon {
  background-color: #fff;
}

.gray-b {
  background: #F2F6FA;
}

.part2-icon-item .icon-1 {
  background-image: url('../image/olymparts_icon01.png')
}

.part2-icon-item .icon-2 {
  background-image: url('../image/olymparts_icon02.png')
}

.part2-icon-item .icon-3 {
  background-image: url('../image/olymparts_icon03.png')
}

.part2-icon-item .icon-4 {
  background-image: url('../image/olymparts_icon04.png')
}

.part2-icon-item .icon-5 {
  background-image: url('../image/olymparts_icon05.png')
}

.part2-icon-item .icon-6 {
  background-image: url('../image/olymparts_icon06.png')
}

.part2-icon-item .icon-7 {
  background-image: url('../image/olymparts_icon07.png')
}

.part2-icon-item .icon-8 {
  background-image: url('../image/olymparts_icon08.png')
}

.part3-item {
  height: 320px;
  position: relative;
  color: #fff;
  margin: 20px 0;
  padding: 30px;
  background-color: #0066FF;
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center center;
  transition: all 200ms;
  -webkit-transition: all 200ms;
  /* Safari */
}

.part3-item-z {
  position: absolute;
  width: 100%;
  height: 100%;
  z-index: 0;
  background-color: #0066FF;
  opacity: 0.8;
  top: 0;
  left: 0;
}

.part3-item-c {
  position: absolute;
  top: 0;
  left: 100px;
  padding-top: 30px;
  padding-bottom: 20px;
  margin-right: 30px;
}

.part3-item-1 {
  background-image: url('../image/olymparts_icon15.jpg')
}

.part3-item-2 {
  background-image: url('../image/olymparts_icon16.jpg')
}

.part3-item-3 {
  background-image: url('../image/olymparts_icon17.jpg')
}

.part3-item-4 {
  background-image: url('../image/olymparts_icon18.jpg')
}

.part3-item-5 {
  background-image: url('../image/olymparts_icon19.jpg')
}

.part3-item-6 {
  background-image: url('../image/olymparts_icon20.jpg')
}

.part3-icon {
  width: 60px;
  height: 60px;
  background-size: 60px 60px;
  background-repeat: no-repeat;
  background-position: center center;
  position: absolute;
  left: -80px;
}

.part3-item .icon-1 {
  background-image: url('../image/olymparts_icon09.png')
}

.part3-item .icon-2 {
  background-image: url('../image/olymparts_icon10.png')
}

.part3-item .icon-3 {
  background-image: url('../image/olymparts_icon11.png')
}

.part3-item .icon-4 {
  background-image: url('../image/olymparts_icon12.png')
}

.part3-item .icon-5 {
  background-image: url('../image/olymparts_icon13.png')
}

.part3-item .icon-6 {
  background-image: url('../image/olymparts_icon14.png')
}

.part3-item:hover {
  box-shadow: 0px 15px 20px rgba(0, 102, 255, 0.3);

  -webkit-transform: scale(1.1);
  -moz-transform: scale(1.1);
  transform: scale(1.1);
}

.part3-item:hover .part3-item-z {
  background-color: #FF5700;
}

.banner-txt {
  width: 1200px;
  position: absolute;
  top: 50%;
  left: 0;
  right: 0;
  margin: auto;
}

.banner-txt h2,
.banner-txt p {
  margin-left: 5%;
  color: #fff;
  line-height: 1.75em;
}

.banner-txt h2 {
  font-size: 53px;
}

.banner-txt p {
  font-size: 20px;
}

.new-container {
  margin-top: -50px;
}

.new-container .tabs,
.new-container .tab_content {
  background: #fff;
  border-radius: 5px;
  margin: 20px;
  box-shadow: 0px 20px 30px rgba(0, 102, 255, 0.08);
}

.shadow-cont {
  background: #fff;
  border-radius: 5px;
  box-shadow: 0px 20px 30px rgba(0, 102, 255, 0.08);
}

.file_table_clean .shadow-cont .file_div_clean {
  height: 60px;
}

.shadow-cont .file_div_clean,
.shadow-cont .file_div_clean .file_table_clean {
  width: 100%;
}

.shadow-cont input[type="text"].file_input_textbox,
.shadow-cont input[type="text"].file_userdata_message {
  width: 100%;
  height: 60px;
  background: #FAFAFD;
  border-radius: 5px;
  text-indent: 20px;
}

.shadow-cont input[type="text"].file_input_textbox:hover {
  border: 1px solid #0066FF;
}

.shadow-cont .file_div_clean form.file_input_uploadform {
  /* margin: 0 auto; */
  height: 60px;
  overflow: initial;
  width: 140px;
}

/* .shadow-cont .file_div_clean form.file_input_uploadform input[type="button"].file_input_button,
.shadow-cont .file_div_clean input[type="button"].file_input_submit,
.shadow-cont .file_div_clean form.file_input_uploadform input[type="button"].file_input_button_hover {
  border-radius: 5px;
  width: 140px;
  height: 60px;
  background-image: none;
  background-color: #0066ff;
  border-radius: 5px;
  color: white;
}

.file_div_clean div.file_userdata_fieldwrapper_required,
.file_div_clean div.file_userdata_fieldwrapper,
.file_div_clean div.file_userdata_fieldwrapper_required_empty {
  width: 95%;
  height: auto;
}

.file_div_clean div.file_space_clean {
  margin: 0 0 10px 0;
}

.file_div_clean div .file_userdata_message {
  height: auto;
  border-radius: 5px;
}

.file_div_clean div .file_userdata_message:hover {
  border: 1px solid #0066FF;
}

.file_div_clean div.file_userdata_container {
  margin: 20px 0;
}

.file_td_clean label.file_userdata_label,
.file_div_clean label.file_userdata_label {
  margin-bottom: 10px;
}

div.file_userdata_radio_wrapper {
  width: 150px;
  float: left;
}

div.file_userdata_radio_wrapper input[type=checkbox],
div.file_userdata_radio_wrapper input[type=radio] {
  width: 20px;
} */

.new-container .tabs {
  padding: 60px 30px;
}

.new-container .tab_content {
  padding: 60px;
}

.b-radio-box {
  display: grid;
  grid-gap: 8px 2%;
  justify-items: start;
  grid-template-columns: 49% 49%;
}

.b-radio-box .b-radio-item {
  border: 1px solid #0089F7;
  border-radius: 5px;
  width: 100%;
  height: 130px;
}

.b-radio-box .b-radio-item .label-box {
  position: relative;
}

.b-radio-box .b-radio-item .label-box .label-icon {
  width: 60px;
  height: 60px;
  background-size: 60px 60px;
  background-repeat: no-repeat;
  background-position: center center;
  position: absolute;
  left: 80px;
  top: 35px;
}


.b-radio-box .b-radio-item .label-box .art-b {
  display: none;
  background-image: url('../image/art_b.png')
}

.b-radio-box .b-radio-item .label-box .art-l {
  display: block;
  background-image: url('../image/art_l.png')
}

.b-radio-box .b-radio-item .label-box .user-b {
  display: none;
  background-image: url('../image/user_b.png')
}

.b-radio-box .b-radio-item .label-box .user-l {
  display: block;
  background-image: url('../image/user_l.png')
}

.b-radio-box .active .label-box .art-b,
.b-radio-box .active .label-box .user-b {
  display: block;
}

.b-radio-box .active .label-box .art-l,
.b-radio-box .active .label-box .user-l {
  display: none;
}

.b-radio-box .b-radio-item .label-box .item-label {
  position: absolute;
  left: 170px;
  top: 42px;
  font-size: 18px;
  font-weight: bold;
  color: #33365D;
}

.b-radio-box .b-radio-item .label-box svg {
  display: none;
  position: absolute;
  right: 50px;
  top: 40px;
}

.b-radio-box .active {
  background: #0065ff;
}

.b-radio-box .active .label-box .item-label {
  color: #fff;
}

.b-checkbox {
  display: grid;
  grid-gap: 15px 2%;
  justify-items: center;
  grid-template-columns: 18% 18% 18% 18% 18%;
}

.b-checkbox .b-checkbox-item {
  text-align: center;
  width: 100%;
  height: 42px;
  background-color: #fff;
  border: 1px solid #B3B1C5;
  border-radius: 5px;
  color: #7F81A1;
  padding: 0 20px;
}

.b-checkbox .b-checkbox-item:hover {
  /* background: #EEEEF8; */
}

.b-checkbox .active {
  border: 1px solid #0066ff;
  /* background-image: url('../aolinpike-EN/newimages/check.png'); */
  background-color: #0066ff;
  color: #FFF;
  background-size: 26px 26px;
  background-repeat: no-repeat;
  background-position: top right;
}

.b-checkbox .b-checkbox-item label {
  line-height: 42px;
  font-size: 14px;
}

input[name='participate'],
input[name='ids'] {
  display: none;
}

.entry-image {
  position: relative;
}

.entry-image .img-hover {
  display: none;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 99;
  background-color: #0066FF;
  opacity: 0.8;
  transition: all 200ms;
  -webkit-transition: all 200ms;
  /* Safari */
}

.entry-image:hover .img-hover,
.entry-image:hover .img-hover-txt {
  display: block;
}

.entry-image .img-hover-txt {
  color: #fff;
  font-size: 14px;
  line-height: 1.75em;
  display: none;
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  margin: auto;
  width: 90%;
  height: 70%;
  z-index: 100;
}

.blog .entry-title a {
  color: #B3B1C5;
}



/*=======4月更新 end=========*/
.rev-text-1 {
  letter-spacing: 2px;
}

.link-list {
  display: grid;
  grid-gap: 8px 2%;
  justify-items: start;
  grid-template-columns: 32% 32% 32%;
}

.link-list a {
  line-height: 1.25em;
  color: #333;
  font-size: 12px;
}

.link-list a:hover {
  color: #888;
}

.footer {
  padding: 35px 0 25px;
  color: #fff;
  background-color: #0066FF;
}

.contact-info.contact-info--light {
  padding: 72px 40px 40px;
}

.media__text {
  overflow: hidden;
  height: 150px;
}

.entry .wp-block-image {
  margin-bottom: 1.5em;
}

.gohome-icon {
  position: fixed;
  width: 40px;
  height: 40px;
  z-index: 999;
  cursor: pointer;
  top: 3em;
  left: 3em;
}

.gohome-icon:before {
  font-family: revicons;
  content: '\e824';
  font-size: 2rem;
  color: #fff;
  display: block;
  line-height: 40px;
  text-align: center;
}

.media-project .media__body {
  width: 20em;
}

.media-about-2 .media__body {
  padding-left: 60px;
  padding-right: 0;
}

.bg-overlay {
  background: #0066FF;
}

.bg-overlay--p85 {
  background: #0066FF;
}

.media-team:hover .overlay {
  -webkit-box-shadow: 0 0 0 130px rgba(35, 57, 117, .5) inset;
  -moz-box-shadow: 0 0 0 130px rgba(35, 57, 117, .5) inset;
  box-shadow: 0 0 0 130px rgba(35, 57, 117, .5) inset;
}

.article-p {
  padding-bottom: 40px;
}

.article-p h1 {
  font-size: 30px;
  font-family: "Microsoft YaHei", "SimSun";
}

.article-p p {
  margin-bottom: 1em;
}

.mobileheader-language {
  background: #3c54cc;
  height: 40px;
  line-height: 40px;
}

.mobileheader-language {
  text-align: center;
}

.mobileheader-language li a {
  color: #fff;
}

.ambassador {
  margin-bottom: 40px;
  overflow: hidden;
}

.ambassador>figure,
.ambassador>div {
  float: left;
  margin-right: 20px !important;
}

.img-box>.img {
  border: 1px solid silver;
  border-radius: 5px;
  flex: 1;
  max-width: 20%;
  min-width: 20%;
  margin: 10px;
  position: relative;
  overflow: hidden;
}

.img-box>.un75 {
  max-width: 30%;
  min-width: 30%;
}

.img-box .img .other-btn,
.video-box .video .other-btn {
  position: absolute;
  right: 10px;
  top: 10px;
  height: 20px;
  width: 40px;
  background-color: white;
  text-align: center;
  line-height: 20px;
  border-radius: 5px;
  display: none;
  cursor: pointer;
}

.img-box>.img:hover .other-btn,
.video-box .video:hover .other-btn {
  display: block;
}

.img-box .img:hover .img-details {
  top: 0;
}

.img-box>.img>.other-btn>.delete,
.video-box .video .other-btn .video-delete-btn {
  position: absolute;
  right: 0px;
  top: 20px;
  height: 30px;
  width: 90px;
  background-color: white;
  text-align: center;
  line-height: 30px;
  border-radius: 4px;
  display: none;
  cursor: pointer;
}

.img-box>.img>.other-btn:hover .delete,
.video-box .video .other-btn:hover .video-delete-btn {
  display: block;
}

.img-box>.img>a {
  width: 100%;
  height: 150px;
  /* overflow: hidden; */
}

.img-box>.un75>a {
  height: 200px;
}

.img-box>.img>a>img {
  height: 100%;
  width: 100%;
  object-fit: cover;
}

.img-box>.img>.img-details {
  position: absolute;
  background: rgb(94 171 236 / 60%);
  transition: all 0.5s;
  top: 100%;
  width: 100%;
  height: 100%;
  padding: 15px;
  cursor: pointer;
}

.img-details p,
.img-details>span {
  color: white;
  font-size: 14px;
  text-indent: 15px;
}

.img-details p span {
  font-weight: 600;
  font-size: 16px;
}

.tablenav-pages .page-numbers {
  margin: 0 5px;
  padding: 0 5px;
}

.table-striped tr {
  height: 40px;
  line-height: 40px;
}

.table-striped thead tr {
  color: white;
  background-color: #0066FF;
}

.table-striped tbody tr:nth-of-type(odd) {
  background-color: #FAFAFD;
}

.table-hover tbody tr .hover {
  visibility: hidden;
}

.table-hover tbody tr:hover {
  background: #33365D;
  color: white;
}

.table-hover tbody tr:hover .hover {
  visibility: initial;
}

.music-delete {
  display: none;
  cursor: pointer;
}

.table-hover tbody tr:hover .music-delete {
  display: inline-block;
}

.video-box .video video {
  width: 100%;
  border: 1px solid silver;
  border-radius: 5px
}

/* ========== redesign ============= */
.media__img__txt {
  position: absolute;
  width: 100%;
  height: 100%;
  color: #fff;
  top: 0;
  left: 0;
  padding: 30px;
  box-sizing: border-box;
}

.media__img__txt h3 {
  margin-bottom: 20px;
}

.media__img__txt p {
  font-size: 14px;
}

.media__img__txt button {
  position: absolute;
  bottom: 20px;
  left: 30px;
  background: rgb(15, 126, 198);
  padding: 10px 30px;
  color: #fff;
}

.media__img__txt_content {
  height: 70%;
  overflow: hidden;
}

.lazy2 {
  background: #0080c4;
  color: #fff;
  padding: 30px 50px;
}

.lazy2 a {
  color: #fff;
}

.lazy2 .slider-img-txt img {
  width: 40%;
  float: left;
}

.lazy2 .slider-img-txt .txt {
  width: 55%;
  margin-left: 45%;
}

.menu-image-title-hide {
  display: none;
}

.news-tabs {
  margin-right: 20px;
}

.news-tabs li {
  display: block;
  padding: 4px 10px;
  border-radius: 3px;
}

.news-tabs li a {
  font-size: 16px;
  font-weight: 400;
  color: #7F81A1;
  vertical-align: middle;
  width: calc(100% - 20px);
}

.news-tabs li::before {
  content: '○';
  margin-right: 6px;
}

.news-tabs .tab_active {
  background: #0089f7;
  color: #fff;
  box-shadow: 0px 5px 10px rgba(0, 102, 255, 0.3);
}

.news-tabs .tab_active a {
  color: #fff;
}

.company-info .container {
  background: #f1faff;
  text-align: center;
}

h1,
h2,
h3,
h4,
h5,
h6,
.title-1 {
  font-weight: 600;
  text-transform: none;
}

.page-button {
  width: 100%;
  margin: 15px auto;
}

.page-button .au-btn {
  margin: 5px 15px;
  padding: 0;
  border-color: #117bb6;
}

.page-button .au-btn a {
  width: 10rem;
  height: 100%;
}

.au-btn--solid,
.swal-button {
  /*width: 380px;*/
  height: 60px;
  background: #FF5700;
  border-radius: 5px;
}

.au-btn:hover,
.swal-button:hover {
  color: #fff;
  background: #ffa600;
  border-color: transparent;
}

.au-btn a:hover,
.swal-button a:hover,
.au-btn:hover a,
.swal-button:hover a {
  color: #fff;
}

.blog .entry-image {
  height: 310px;
}

.pointer {
  cursor: pointer
}

.screen-reader-shortcut {
  position: absolute;
  height: 60px;
  width: 200px;
  text-align: center;
  line-height: 60px;
  right: -220px;
  background-color: rgba(255, 255, 255, 0.75);
  border-radius: 5px;
}

.screen-reader-shortcut p {
  height: 25px;
  line-height: 25px;
}

.login-more {
  position: relative;
  display: inline-block;
  color: #117bb6;
  width: 20px;
  text-align: center;
}

.login-more>div {
  display: none;
  position: absolute;
  top: 44px;
  right: 0;
  width: 100px;
  background-color: rgb(233 233 233 / 30%);
  border-radius: 3px;
  border: 1px solid rgb(192 192 192 / 30%);
}

.login-more:hover>div {
  display: block;
}

@media (max-width: 991px) {
  .m-search-cont {
    padding-right: 30px;
    padding-left: 30px;
  }

  .m-search-txt h2 {
    font-size: 16px;
  }

  .m-search-txt h4 {
    font-size: 13px;
  }

  .wp-block-image,
  .wp-block-image img {
    width: 100%;
  }

  .m-button-regnow {
    text-align: center;
    margin-top: 30px;
  }

  .txt-img-txt h3 {
    font-size: 20px;
    font-weight: 600;
    line-height: 28px;
    padding-top: 20px;
    padding-left: 0;
  }

  .txt-img-txt p {
    font-size: 14px;
    font-weight: 400;
    padding-left: 0;
    padding-top: 15px;
  }

  .txt-img .txt-img-img {
    padding-left: 0;
  }

  .img-txt .txt-img-img {
    padding-right: 0;
    padding-left: 0;
    justify-items: center;
  }

  .img-txt .txt-img-img img {
    width: 60% !important;
  }

  .img-txt .txt-img-txt {
    padding-left: 15px;
  }

  .img-txt .txt-img-txt h3 {
    padding-left: 15px;
    text-align: center;
  }

  .img-txt .txt-img-txt div {
    padding-left: 15px;
  }

  .img-txt .txt-img-txt div p {
    line-height: 1.25em;
    padding-top: 5px;
  }

  .footer-reg {
    padding: 20px;
  }

  .defaultimg {
    background-size: 100%;
  }

  .rev_slider_wrapper,
  .fullwidthabanner {
    height: 200px !important
  }

  .button-regnow {
    padding: 6px 30px;
    width: 100%;
  }

  .au-btn--solid {
    width: 100%;
  }

  .b-radio-box {
    grid-template-columns: 100%;
  }

  .b-checkbox {
    grid-template-columns: 50% 50%
  }

  .b-radio-box .b-radio-item .label-box .item-label {
    left: 20px;
  }

  .b-radio-box .b-radio-item .label-box .label-icon {
    left: 230px;
  }

  .b-radio-box .active .label-box svg {
    display: none;
  }

  .img-box>.img {
    max-width: 40%;
    min-width: 40%;
  }

}

@media (max-width: 720px) {
  .img-box>.img {
    max-width: 100%;
    min-width: 100%;
  }


}


        #header {
            color: #FFFFFF;
            font-family: PingFangSC-Regular, PingFang SC;
        }

        .header {
            top: 0px;
            left: 0;
            right: 0;
            width: 100%;
            height: 50px;
            line-height: 50px;
            margin: auto;
            position: fixed;
            z-index: 999;
            border-radius: 0;
            background: #0089F7;
        }

        .header--fixed {
            -webkit-backdrop-filter: saturate(180%) blur(20px);
            backdrop-filter: saturate(180%) blur(20px);
            background-color: #0089F7;
        }

        .header ul>li>a {
            color: #FFF
        }

        .header2 {
            background: #0D185D;
            height: 80px;
            line-height: 80px;
            font-size: 21px;
        }

        .header2 a {
            font-weight: 400;
        }

        .header2 .active a {
            color: #0089F7;
            font-weight: 600;
        }

        .header2 .active:after {
            content: "";
            height: 4px;
            width: 100%;
            display: block;
            margin-top: -4px;
            background: #0089F7;
        }

        .grid-box>div {
            margin: 2px;
            position: relative;
        }

        .grid-box {
            display: grid;
            grid-template-areas: "a a a a a a b b c c d d""a a a a a a e e e f f f""g g g g h h h h i i i i";
            grid-template-rows: 180px 180px 180px;
            grid-template-columns: repeat(12, 1fr);
        }

        .grid-box a {
            color: #FFF;
            font-size: 30px;
            position: absolute;
            bottom: 0;
            right: 55px;
        }

        .a {
            grid-area: a;
        }

        .b {
            grid-area: b;
        }

        .c {
            grid-area: c;
        }

        .d {
            grid-area: d;
        }

        .e {
            grid-area: e;
        }

        .f {
            grid-area: f;
        }

        .g {
            grid-area: g;
        }

        .h {
            grid-area: h;
        }

        .i {
            grid-area: i;
            background: url('static/image/more.png');
            background-size: cover;
        }

        .slick-prev {
            z-index: 1;
        }

        .slick-next {
            z-index: 1;
            right: 0;
        }

        .responsive>div {
            position: relative;
        }

        .arts {
            overflow: hidden
        }

        .arts .img-box {
            height: 280px;
            position: relative;
            margin: 0 5px;
        }

        .arts .slick-list .img-box img {
            width: 100%;
            height: 100%;
            object-fit: cover;
        }

        .arts .img-box .add-layer {
            height: 100%;
            width: 100%;
            color: white;
            font-size: 24px;
            text-align: center;
            padding-top: 50px;
            position: absolute;
            top: 280px;
            background: rgba(0, 137, 247, 0.5);
            transition: all .5s ease-in-out;
        }

        .arts .img-box:hover .add-layer {
            top: 0
        }

        .artist .img-box {
            height: auto;
            border: 1px solid #E7E7E7;
        }

        .artist .slick-list img {
            height: 360px;
            object-fit: cover;
            width: 100%;
        }

        .artist .title {
            text-align: center;
            height: 60px;
            background: #FFF;
            color: #3B3B3B;
            padding-top: 5px
        }

        .artist .img-box:hover {
            box-shadow: 0px 6px 9px 0px rgba(4, 102, 200, 0.25);
            border: 1px solid #6EB9FF;
        }

        .media .img-box {
            height: auto;
            border: 1px solid #E7E7E7;
        }

        .media .title {
            padding: 10px;
            background: #FFF
        }

        .media .t-t {
            font-size: 21px;
            color: #033566;
            overflow: hidden;
            text-overflow: ellipsis;
            white-space: nowrap;
        }

        .media .t-d {
            font-size: 16px;
            color: #5C677D;
        }

        .media .t-n,
        .media .t-n p {
            font-size: 16px;
            color: #B3B1C5;
            max-height: 72px;
            overflow: hidden;
            text-overflow: ellipsis;
            white-space: nowrap;
        }

        .media .slick-list img {
            height: 280px;
            width: 100%;
            object-fit: cover;
        }

        .media .img-box:hover {
            box-shadow: 0px 6px 9px 0px rgba(4, 102, 200, 0.25);
            border: 1px solid #6EB9FF;
        }

        .cooperate .img-box {
            height: 203px;
            border: 1px solid #E7E7E7;
        }

        .cooperate .slick-list img {
            height: 200px;
            width: 100%;
            object-fit: cover;
        }

        .cooperate .img-box:hover {
            box-shadow: 0px 6px 9px 0px rgba(4, 102, 200, 0.25);
            border: 1px solid #6EB9FF;
        }

        .navigation li:not(:last-child):after {
            content: "|";
            margin-left: 5px;
            color: #FFF !important;
        }

        .navigation .action {
            color: #0089F7;
        }

        .arrow {
            height: 60px;
            width: 35px;
            padding: 5px;
            border-radius: 3px;
            z-index: 3;
        }

        .arrow:hover {
            background: rgba(100, 100, 100, 0.3);
        }

        .arrow.prev {
            left: 10px;
        }

        .arrow.next {
            right: 10px;
        }

        .navbar-top {
            position: fixed;
            top: 130px;
            width: 100%;
            z-index: 998;
            transition: all .4s;
        }

        .navbar li, .navbar_ul li {
            padding: 0 20px;
            height: 42px;
            line-height: 42px;
            text-align: center;
        }

        .navbar li a , .navbar_ul li a{
            color: #5C677D;
            font-size: 14px;text-align: center;
        }

        .navbar-top .active {
            background: #0089F7;
        }

        .navbar-top .active,
        .navbar-top .active a {
            color: #FFF !important;
        }

        .info-txt h3 {
            color: #FFF;
            font-size: 36px;
            text-align: center;
            font-weight: 400;
        }

        .info-txt p {
            color: #EDF4FB;
            font-size: 16px;
        }

        .pjax_loading:after {
            content: "";
            position: fixed;
            top: 0;
            left: 0;
            z-index: 999999;
            width: 100%;
            height: 100%;
            opacity: 0.3;
            background: url('data:image/svg+xml;base64,PCEtLSBCeSBTYW0gSGVyYmVydCAoQHNoZXJiKSwgZm9yIGV2ZXJ5b25lLiBNb3JlIEAgaHR0cDovL2dvby5nbC83QUp6YkwgLS0+CjwhLS0gVG9kbzogYWRkIGVhc2luZyAtLT4KPHN2ZyB3aWR0aD0iNTciIGhlaWdodD0iNTciIHZpZXdCb3g9IjAgMCA1NyA1NyIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiBzdHJva2U9IiNmZmYiPgogICAgPGcgZmlsbD0ibm9uZSIgZmlsbC1ydWxlPSJldmVub2RkIj4KICAgICAgICA8ZyB0cmFuc2Zvcm09InRyYW5zbGF0ZSgxIDEpIiBzdHJva2Utd2lkdGg9IjIiPgogICAgICAgICAgICA8Y2lyY2xlIGN4PSI1IiBjeT0iNTAiIHI9IjUiPgogICAgICAgICAgICAgICAgPGFuaW1hdGUgYXR0cmlidXRlTmFtZT0iY3kiCiAgICAgICAgICAgICAgICAgICAgIGJlZ2luPSIwcyIgZHVyPSIyLjJzIgogICAgICAgICAgICAgICAgICAgICB2YWx1ZXM9IjUwOzU7NTA7NTAiCiAgICAgICAgICAgICAgICAgICAgIGNhbGNNb2RlPSJsaW5lYXIiCiAgICAgICAgICAgICAgICAgICAgIHJlcGVhdENvdW50PSJpbmRlZmluaXRlIiAvPgogICAgICAgICAgICAgICAgPGFuaW1hdGUgYXR0cmlidXRlTmFtZT0iY3giCiAgICAgICAgICAgICAgICAgICAgIGJlZ2luPSIwcyIgZHVyPSIyLjJzIgogICAgICAgICAgICAgICAgICAgICB2YWx1ZXM9IjU7Mjc7NDk7NSIKICAgICAgICAgICAgICAgICAgICAgY2FsY01vZGU9ImxpbmVhciIKICAgICAgICAgICAgICAgICAgICAgcmVwZWF0Q291bnQ9ImluZGVmaW5pdGUiIC8+CiAgICAgICAgICAgIDwvY2lyY2xlPgogICAgICAgICAgICA8Y2lyY2xlIGN4PSIyNyIgY3k9IjUiIHI9IjUiPgogICAgICAgICAgICAgICAgPGFuaW1hdGUgYXR0cmlidXRlTmFtZT0iY3kiCiAgICAgICAgICAgICAgICAgICAgIGJlZ2luPSIwcyIgZHVyPSIyLjJzIgogICAgICAgICAgICAgICAgICAgICBmcm9tPSI1IiB0bz0iNSIKICAgICAgICAgICAgICAgICAgICAgdmFsdWVzPSI1OzUwOzUwOzUiCiAgICAgICAgICAgICAgICAgICAgIGNhbGNNb2RlPSJsaW5lYXIiCiAgICAgICAgICAgICAgICAgICAgIHJlcGVhdENvdW50PSJpbmRlZmluaXRlIiAvPgogICAgICAgICAgICAgICAgPGFuaW1hdGUgYXR0cmlidXRlTmFtZT0iY3giCiAgICAgICAgICAgICAgICAgICAgIGJlZ2luPSIwcyIgZHVyPSIyLjJzIgogICAgICAgICAgICAgICAgICAgICBmcm9tPSIyNyIgdG89IjI3IgogICAgICAgICAgICAgICAgICAgICB2YWx1ZXM9IjI3OzQ5OzU7MjciCiAgICAgICAgICAgICAgICAgICAgIGNhbGNNb2RlPSJsaW5lYXIiCiAgICAgICAgICAgICAgICAgICAgIHJlcGVhdENvdW50PSJpbmRlZmluaXRlIiAvPgogICAgICAgICAgICA8L2NpcmNsZT4KICAgICAgICAgICAgPGNpcmNsZSBjeD0iNDkiIGN5PSI1MCIgcj0iNSI+CiAgICAgICAgICAgICAgICA8YW5pbWF0ZSBhdHRyaWJ1dGVOYW1lPSJjeSIKICAgICAgICAgICAgICAgICAgICAgYmVnaW49IjBzIiBkdXI9IjIuMnMiCiAgICAgICAgICAgICAgICAgICAgIHZhbHVlcz0iNTA7NTA7NTs1MCIKICAgICAgICAgICAgICAgICAgICAgY2FsY01vZGU9ImxpbmVhciIKICAgICAgICAgICAgICAgICAgICAgcmVwZWF0Q291bnQ9ImluZGVmaW5pdGUiIC8+CiAgICAgICAgICAgICAgICA8YW5pbWF0ZSBhdHRyaWJ1dGVOYW1lPSJjeCIKICAgICAgICAgICAgICAgICAgICAgZnJvbT0iNDkiIHRvPSI0OSIKICAgICAgICAgICAgICAgICAgICAgYmVnaW49IjBzIiBkdXI9IjIuMnMiCiAgICAgICAgICAgICAgICAgICAgIHZhbHVlcz0iNDk7NTsyNzs0OSIKICAgICAgICAgICAgICAgICAgICAgY2FsY01vZGU9ImxpbmVhciIKICAgICAgICAgICAgICAgICAgICAgcmVwZWF0Q291bnQ9ImluZGVmaW5pdGUiIC8+CiAgICAgICAgICAgIDwvY2lyY2xlPgogICAgICAgIDwvZz4KICAgIDwvZz4KPC9zdmc+') #2C3E50 50% 50% no-repeat;
        }

        .user_name_button {
            position: relative;
            width: 160px;
            text-align: center;
            cursor: pointer;
        }

        .user_name_button ul {
            position: absolute;
            width: 100%;
            height: 0px;
            overflow: hidden;
            background-color: #6EB9FF;
        }

        .user_name_button ul li {
            height: 30px;
            width: 100%;
            line-height: 30px;
            text-align: center;
            border-bottom: 1px solid #0D185D;
        }

        .user_name_button ul li a {
            display: block;
            width: 100%;
            height: 100%;
        }

        .user_name_button:hover ul {
            height: auto;
        }