* {
    margin: 0;
    padding: 0;
    border: none;
    outline: 0;
    box-sizing: border-box;

    -webkit-user-select: none;
    /* Safari */
    -ms-user-select: none;
    /* IE 10+ and Edge */
    user-select: none;
    /* Standard syntax */
}

a {
    text-decoration: none;
    cursor: pointer;
}

img {
    display: block;
    max-width: 100%;
}

input::-webkit-outer-spin-button,
input::-webkit-inner-spin-button {
    -webkit-appearance: none;
}

input[type="number"] {
    -moz-appearance: textfield;
}

input {
    -webkit-user-select: text;
    /* Safari */
    -ms-user-select: text;
    /* IE 10+ and Edge */
    user-select: text;
    /* Standard syntax */
}

.container {
    max-width: 1140px;
    margin-left: auto;
    margin-right: auto;
    position: relative;
}

@font-face {
    font-family: Alibaba-PuHuiTi;
    src: url(/static/css/AlibabaPuHuiTi-3-55-Regular.woff) format("woff"),
        url(/static/css/AlibabaPuHuiTi-3-55-Regular.ttf) format("ttf");
    font-weight: 400;
    font-style: normal
}

body {
    line-height: 1;
    font-family: Alibaba-PuHuiTi, PingFangSC-Medium, PingFang SC, '微软雅黑', 'Microsoft YaHei', '黑体', 'SimHei';
    font-size: 14px;
    color: #211F26;


    --color: #205DA1;
    --color-grey: #787A7C;
    --color-bg: #F7F8FA;
    --radius: 8px;
    min-width: 1200px;
}


.bg-grey {
    background-color: var(--color-bg);
}

/* body::-webkit-scrollbar, */
.scrollbar-hide::-webkit-scrollbar {
    width: 0;
    height: 0;
    background: transparent;
}

.flex-center {
    display: flex;
    justify-content: center;
    align-items: center;
}

.d-none {
    display: none!important;
}

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

.text-right {
    text-align: right;
}

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

.text-line-2 {
    display: -webkit-box;
    text-overflow: -o-ellipsis-lastline;
    overflow: hidden;
    text-overflow: ellipsis;
    -webkit-line-clamp: 2;
    line-clamp: 2;
    -webkit-box-orient: vertical;
}

.font-bold {
    font-weight: bold;
}

.mt-10 {
    margin-top: 10px;
}

.mt-16 {
    margin-top: 16px;
}

.mt-20 {
    margin-top: 20px;
}

.mt-30 {
    margin-top: 30px;
}

.mt-40 {
    margin-top: 40px;
}

.mt-50 {
    margin-top: 50px;
}

.mt-60 {
    margin-top: 60px;
}

.mt-80 {
    margin-top: 80px;
}

.mt-100 {
    margin-top: 100px;
}

.mx-auto {
    margin-right: auto;
    margin-left: auto;
}

.ml-auto {
    margin-left: auto;
}

.btn-group {
    display: flex;
    justify-content: center;
    align-items: center;
}

.btn-group .btn+.btn {
    margin-left: 24px;
}

.btn,
[class*="btn-"] {
    cursor: pointer;
}

.btn {
    padding: 8px 16px;
    line-height: 24px;
    font-size: 16px;
    color: #fff;
    background-color: var(--color);
    border-radius: var(--radius);
}

.btn.btn-2 {
    color: var(--color);
    background-color: rgba(0, 0, 0, 0.04);
}

/* icon */
.logo {
    flex: 0 0 150px;
    width: 150px;
    height: 36px;
    background-image: url(/static/image/logo.png);
    background-size: contain;
    background-position: center;
    background-repeat: no-repeat;
}

.logo2 {
    flex: 0 0 96px;
    width: 94px;
    height: 86px;
    background-image: url(/static/image/logo2.png);
    background-size: contain;
    background-position: center;
    background-repeat: no-repeat;
}

[class*="icon-"] {
    background-size: contain;
    background-position: center;
    background-repeat: no-repeat;
}

.icon-user {
    width: 32px;
    height: 32px;
    background-color: rgba(0, 0, 0, .25);
    background-image: url(/static/image/icon-user.png);
    background-size: 20px;
    border-radius: 32px;
    cursor: pointer;
}

.icon-language {
    width: 16px;
    height: 16px;
    background-image: url(/static/image/icon-language.png);
}

/* .icon-caret{
    width: 16px;
    height: 16px;
    background-image: url(/static/image/caret-down.png);
} */

.icon-date {
    width: 16px;
    height: 16px;
    background-image: url(/static/image/icon-date.png);
    background-size: 12px;
}

.icon-arrow-right {
    width: 16px;
    height: 16px;
    background-image: url(/static/image/arrow-right.png);
}

.icon-arrow-top {
    width: 40px;
    height: 40px;
    background-image: url(/static/image/arrow-top.png);
}

.icon-arrow-bottom {
    width: 40px;
    height: 40px;
    background-image: url(/static/image/arrow-bottom.png);
}

.icon-address {
    width: 28px;
    height: 28px;
    background-image: url(/static/image/icon-address.png);
}

.icon-search {
    width: 20px;
    height: 21px;
    background-image: url(/static/image/icon-search.png);
}

/* icon end */


/* header&footer&toolbar */
header {
    --height: 68px;
    position: sticky;
    top: 0;
    right: 0;
    left: 0;
    z-index: 999;

    width: 100%;
    height: var(--height);
    background: #9BDDFF;
    backdrop-filter: blur(64px);
}

header .container {
    display: flex;
    align-items: center;
    height: var(--height);
}

.navs {
    display: flex;
    flex: 1;
    min-width: 0;
}

.navs-item {
    position: relative;
}

.navs-item .text {
    display: flex;
    align-items: center;
    padding: 0 16px;
    line-height: var(--height);
    white-space: nowrap;
    font-size: 16px;
    font-weight: 500;
    color: #fff;
}

.navs-item .text.caret::after {
    content: "";
    width: 16px;
    height: 16px;
    margin-left: 3px;
    background-image: url(/static/image/caret-down.png);
    background-size: contain;
    background-position: center;
    background-repeat: no-repeat;

    transition: transform .3s cubic-bezier(0.075, 0.82, 0.165, 1);
}

.navs-item:hover .text.caret::after {
    transform: rotate(-180deg);
}


.navs-item .menu-box {
    position: absolute;
    top: 100%;
    left: 50%;

    padding-top: 7px;
    opacity: 0;
    transform: translateX(-50%) scaleY(0);
    transform-origin: center top;

    transition: transform .3s cubic-bezier(.23, 1, .32, 1),
        opacity .3s cubic-bezier(.23, 1, .32, 1);
}

.navs-item:hover .menu-box {
    opacity: 1;
    transform: translateX(-50%) scaleY(1);
}

.navs-item .menu-box::before {
    content: "";
    width: 0;
    height: 0;

    position: absolute;
    top: 0;
    left: 50%;
    margin-left: -8px;
    border-bottom: 7px solid rgba(255, 255, 255, .5);
    border-left: 8px solid transparent;
    border-right: 8px solid transparent;
    filter: drop-shadow(0 0 1px rgba(0, 0, 0, .3));
}

.navs-item .menu-box::after {
    content: "";
    width: 0;
    height: 0;

    position: absolute;
    top: 1px;
    left: 50%;
    margin-left: -8px;
    border-bottom: 7px solid #fff;
    border-left: 8px solid transparent;
    border-right: 8px solid transparent;
    z-index: 1;
}

.navs-item .menu {
    /* min-width: 150px; */
    padding: 32px 24px;
    border-radius: var(--radius);
    background-color: #FFFFFF;
    border: 1px solid #E6E6E6;
    box-shadow: 0px 3px 6px -4px rgba(0, 10, 26, 0.12),
        0px 6px 16px rgba(0, 10, 26, 0.08),
        0px 9px 28px 8px rgba(0, 10, 26, 0.05);

    position: relative;
    z-index: 1;
}



.navs-item .menu .menu-item {
    display: block;
    white-space: nowrap;
    line-height: 19px;
    text-align: center;
    color: #211F26;
    cursor: pointer;
}

.navs-item .menu .menu-item+.menu-item {
    margin-top: 16px;
}

.navs-item .menu .menu-item.active,
.navs-item .menu .menu-item:hover {
    font-weight: 500;
    color: var(--color);
}


footer {
    background-color: #F2F8FE;
}

footer .container {
    display: flex;
    align-items: center;
    height: 190px;
}

footer .container .text {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    height: 40px;
    margin-left: 40px;
    padding-left: 40px;
    color: var(--color-grey);
    border-left: 1px solid rgba(0, 0, 0, .1);
}

footer .container .text p {
    flex: 0 0 100%;
    width: 100%;
    line-height: 20px;
}

footer .qrcode {
    display: flex;
    flex-direction: column;
    align-items: center;
    flex: 0 0 140px;
    width: 140px;
}

footer .qrcode img {
    width: 90px;
    height: 90px;
    border: 5px solid #fff;
}

footer .qrcode p {
    margin-top: 6px;
    text-align: center;
    line-height: 20px;
    color: var(--color-grey);
}

footer .record {
    display: flex;
    align-items: center;
    justify-content: center;
    height: 64px;
    background-color: #223146;
}

footer .record .text {
    margin-right: 10px;
    font-size: 12px;
    font-weight: 500;
    color: #B6B6B6;
}

footer .record p+p {
    margin-left: 60px;
}

.toolbar {
    position: fixed;
    bottom: 200px;
    right: 16px;
    z-index: 9;

    border-radius: 4px;
    background: #FFFFFF;
    border: 1px solid #E6E6E6;
    box-shadow: 0px 2px 24px rgba(0, 0, 0, .08);
}

.toolbar .option {
    position: relative;
}

.toolbar .option+.option {
    border-top: 1px solid rgba(0, 0, 0, .06);
}

.toolbar .info {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;

    height: 60px;
    padding: 10px;
    cursor: pointer;
}

.toolbar .info p {
    line-height: 16px;
    font-size: 10px;
    color: #373737;
}

.toolbar .info:hover p {
    color: var(--color);
}

.icon-kf {
    width: 20px;
    height: 20px;
    background-image: url(/static/image/icon-kf.png);
}

.toolbar .info:hover .icon-kf {
    background-image: url(/static/image/icon-kf-on.png);
}

.icon-wx {
    width: 20px;
    height: 20px;
    background-image: url(/static/image/icon-wx.png);
}

.toolbar .info:hover .icon-wx {
    background-image: url(/static/image/icon-wx-on.png);
}

.icon-gotop {
    width: 20px;
    height: 20px;
    background-image: url(/static/image/icon-gotop.png);
}

.icon-edit {
    width: 20px;
    height: 20px;
    background-image: url(/static/image/icon-edit.png);
}

.toolbar .info:hover .icon-edit {
    background-image: url(/static/image/icon-edit-on.png);
}


.toolbar .content {
    display: none;
    position: absolute;
    top: 50%;
    right: 100%;
    transform: translateY(-50%);
    padding-right: 13px;

}

.toolbar .content .box {
    position: relative;
    z-index: 1;

    border-radius: var(--radius);
    background: #FFFFFF;
    border: 1px solid #E6E6E6;
    box-shadow:
        0px 3px 6px -4px rgba(0, 10, 26, 0.12),
        0px 6px 16px rgba(0, 10, 26, 0.08),
        0px 9px 28px 8px rgba(0, 10, 26, 0.05);
}

.toolbar .option:hover .content {
    display: block;
}

.toolbar .content::before {
    content: "";
    width: 0;
    height: 0;

    position: absolute;
    top: 50%;
    right: 8px;
    margin-top: -8px;
    border-left: 7px solid rgba(255, 255, 255, .5);
    border-top: 8px solid transparent;
    border-bottom: 8px solid transparent;
    filter: drop-shadow(0 0 1px rgba(0, 0, 0, .3));
}

.toolbar .content::after {
    content: "";
    width: 0;
    height: 0;

    position: absolute;
    top: 50%;
    right: 7px;
    margin-top: -8px;
    border-left: 7px solid #fff;
    border-top: 8px solid transparent;
    border-bottom: 8px solid transparent;
    z-index: 1;
}

.toolbar .content .item {
    padding: 16px;
}

.toolbar .content .item+.item {
    border-top: 1px solid rgba(0, 0, 0, .06);
}

.toolbar .content .item img {
    width: 90px;
    height: 90px;
    max-width: none;
    margin-bottom: 8px;
}

.toolbar .content .item p {
    white-space: nowrap;
    font-weight: 500;
    line-height: 19px;
    color: rgba(33, 31, 38, 1);
}
.toolbar .content p.text-add{
    width: 100px;
    white-space: pre-wrap;
}

.toolbar .content .item p+p {
    font-weight: 400;
}

/* header&footer&toolbar end */


.page-wrap {
    padding-bottom: 100px;
}

/*  */
.banner {
    position: relative;
}
.banner.swiper{
    /*height: 740px;*/
}
.banner.swiper .swiper-pagination {
    bottom: 60px;
}

.banner.swiper .swiper-pagination-bullet {
    width: 10px;
    height: 10px;
    border: none;
    background-color: rgba(255, 255, 255, 0.3);
    opacity: 1;
}

.banner.swiper .swiper-pagination-bullet.swiper-pagination-bullet-active {
    background-color: var(--color);
}

.banner.blur {
    height: 360px;
    overflow: hidden;
}

.banner.blur img {
    height: 360px;
    object-fit: cover;
    object-position: center;
    filter: blur(16px);
    transform: scale(1.1);
}

.banner.blur .blur-box {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    /* padding-top: 68px; */
}

.banner.blur h2 {
    font-size: 36px;
    font-weight: 700;
    color: #fff;
}

.banner img {
    width: 100%;
}


.city {
    display: flex;
}

.city .item {
    flex: 1;
    min-width: 0;
    padding: 12px 12px 16px 12px;
    background: #FFFFFF;
    border-radius: var(--radius);
    border: 1px solid #E6E6E6;
    box-shadow: 0px 1px 2px rgba(0, 0, 0, .08);
    overflow: hidden;
    position: relative;
}

.city .item:before {
    content: "";
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, .7);
    transition: .3s all;
    position: absolute;
    left: 0;
    top: 100%;
}

.city .item+.item {
    margin-left: 16px;
}

.city .item:hover:before {
    top: 0;
}

.city .item:hover .info {
    display: inline-block;
    margin-top: 0;
    text-align: center;
    width: 100%;
    position: absolute;
    top: 50%;
    left: 0;
    transform: translateY(-50%);
    z-index: 2;
}

.city .item:hover .info .name {
    display: inline-block;
    width: 100%;
    font-size: 20px;
    color: #fff;
}

.city .item:hover .info .date {
    display: inline-block;
    margin-top: 10px;
    width: 100%;
    color: #fff;
}

.city .item img {
    width: 100%;
    height: 150px;
    object-fit: cover;
    object-position: center;
    border-radius: var(--radius);
}

.city .item .info {
    display: flex;
    justify-content: space-between;
    margin-top: 10px;
    transition: .3s all;
}

.city .item .name {
    line-height: 24px;
    font-size: 18px;
    font-weight: 500;
    transition: .3s all;
}

.city .item .date {
    display: flex;
    align-items: center;

    line-height: 20px;
    font-weight: 400;
    color: var(--color-grey);
    transition: .3s all;
}

.city .item .date span {
    margin-left: 6px;
}


.global {
    display: flex;
}

.global .item {
    display: flex;
    justify-content: center;
    align-items: center;
    flex-direction: column;
    flex: 1;
    min-width: 0;
    height: 320px;
    /* background-size: contain; */
    background-position: center;
    background-repeat: no-repeat;
}

.global .item:nth-child(1) {
    background-image: url(/static/image/global1.png);
    background-size: 209px 136px;
}

.global .item:nth-child(2) {
    background-image: url(/static/image/global2.png);
    background-size: 362px 199px;
}

.global .item:nth-child(3) {
    background-image: url(/static/image/global3.png);
    background-size: 145px 184px;
}

.global .item .number {
    height: 82px;
    line-height: 70px;
    font-size: 60px;
    font-weight: 700;
    color: var(--color);
}

.global .item .text {
    line-height: 26px;
    font-size: 18px;
    color: var(--color-grey);
}


.medium {
    padding-bottom: 60px;
    background-color: #F2F8FE;
    text-align: center;
    overflow: hidden;
}

.medium .number {
    line-height: 70px;
    font-size: 60px;
    font-weight: 700;
    color: var(--color);
}

.medium .text {
    line-height: 26px;
    font-size: 18px;
    font-weight: 400;
    color: var(--color-grey);
}

.medium-list {
    display: flex;
    height: 38px;
    overflow-x: auto;
}

.medium-list .swiper-slide{
    width: auto;
}
.medium-list img {
    height: 38px;
    /* margin-left: 30px;
    margin-right: 30px; */
}

.news .pic {
    width: 560px;
}

.news h2 {
    line-height: 50px;
    font-size: 36px;
    font-weight: 900;
    color: var(--color);
}

.news-list {
    display: flex;
}

.news-list .item {
    flex: 1;
    min-width: 0;
    border-radius: var(--radius);
    background: #FFFFFF;
    border: 1px solid rgba(230, 230, 230, 1);
    position: relative;
}

.news-list .item+.item {
    margin-left: 16px;
}

.news-list .item:hover {
    box-shadow: 0px 2px 24px rgba(0, 0, 0, 0.12);
}

.news-list .item img {
    width: 100%;
    height: 250px;
    object-fit: cover;
    object-position: center;
}

.news-list .item .time{
    display: flex;
    align-items: center;
    justify-content: center;
    width: 44px;
    height: 18px;
    font-size: 12px;
    color: #fff;
    background-color: rgba(0, 0, 0, .7);
    border-radius: 4px;

    position: absolute;
    top: 220px;
    right: 12px;
}

.news-list .item .name {
    padding: 12px;
    line-height: 20px;
    overflow: hidden;
}

.video-playerbox{
    position: fixed;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: 999;
}
.video-playerbox .bg{
    width: 100%;
    height: 100%;
    background-color: rgba(0, 0, 0, .3);
    position: absolute;
    top: 0;
    left: 0;
}
.video-playerbox .content{
    position: relative;
    z-index: 1;
}
.video-playerbox video{
    width: 720px;
    height: 540px;
    background-color: #000;
}

/*  */


/* about */
.tabs {
    height: 68px;
    background-color: #fff;
    box-shadow: 0px 9px 12px #F2F8FE;
}

.tabs .container {
    display: flex;
    align-items: center;
    justify-content: center;
}

.tabs-item {
    display: flex;
    align-items: center;
    justify-content: center;
    flex: 1;
    min-width: 0;
    height: 68px;

    font-size: 18px;
    font-weight: 500;
    color: #B6B6B6;

    border-bottom: 4px solid transparent;
    cursor: pointer;
}

.tabs-item.active {
    color: var(--color);
    border-bottom: 4px solid var(--color);
}

.tabs-item:hover {
    color: var(--color);
}

.department-item {
    display: grid;
    grid-template-columns: 480px 480px;
    grid-gap: 60px;
    height: 690px;
    margin-right: 40px;
    padding: 40px;
    background-color: var(--color-bg);
    border-radius: var(--radius);
}

.department-item .info {
    height: 270px;
}

.department-item .info h4 {
    line-height: 34px;
    font-size: 24px;
    font-weight: 500;
}

.department-item .line,
.teacher-item .line,
.study-item .line {
    height: 1px;
    margin: 24px 0;
    background-color: #000;
    opacity: .06;
}

.department-item .info .desc,
.teacher-item .info .desc {
    line-height: 24px;
    font-size: 16px;
    font-weight: 400;
    color: var(--color-grey);
}

.department-item .info .btn,
.teacher-item .info .btn {
    display: inline-flex;
    justify-content: center;
    align-items: center;
    margin-top: 24px;
}

.department-item .pic {
    position: relative;
    height: 270px;
}

.department-item .pic img {
    position: absolute;
    bottom: 0;
    left: 0;
    width: 560px;
    max-width: none;
    height: 360px;
    border-radius: var(--radius);
}

.department-item .video {
    height: 280px;
}

.department-item .video video {
    width: 100%;
    height: 100%;
    background-color: #000;
    border-radius: var(--radius);
}

.teacher-item {
    display: grid;
    grid-template-columns: auto auto auto;
    grid-gap: 60px;
    margin-left: 40px;
    padding: 40px;
    min-height: 436px;
    background-color: var(--color-bg);
    border-radius: var(--radius);
}

.teacher-item .pic {
    position: relative;
    width: 220px;
}

.teacher-item .pic img {
    position: absolute;
    top: -80px;
    right: 0;

    width: 300px;
    max-width: none;
    height: 360px;
}

.teacher-item .info {
    width: 380px;
}

.teacher-item .info h4 {
    line-height: 28px;
    font-size: 24px;
    font-weight: 500;
}

.teacher-item .info .name {
    line-height: 22px;
    font-size: 16px;
    font-weight: 500;
}

.teacher-item .video {
    display: flex;
    flex-direction: column;
    width: 300px;
}

.teacher-item .video video {
    width: 300px;
    height: 170px;
    background-color: #000;
    border-radius: var(--radius);
}

.teacher-item .video video+video {
    margin-top: 16px;
}


.study-item h3 {
    line-height: 34px;
    font-size: 24px;
    font-weight: 700;
}

.study-item .tab {
    margin-top: 8px;
}

.study-item .tab .item {
    line-height: 44px;
    font-size: 16px;
    font-weight: 400;
    color: var(--color-grey);
    cursor: pointer;
}
.study-item .tab .item.active{
    font-weight: 500;
    color: #211F26;
}

.study-item .tab .item+.item {
    margin-left: 24px;
}

.study-item .content {
    display: flex;
    height: 360px;
    margin-top: 24px;
    background-color: var(--color-bg);
    border-radius: var(--radius);
    overflow: hidden;
}

.study-item .content .pic {
    flex: 0 0 560px;
    width: 560px;
    height: 100%;
}

.study-item .content .info {
    display: flex;
    flex-direction: column;
    flex: 0 0 580px;
    width: 580px;
    height: 100%;
    padding: 40px;
}

.study-item .content h4 {
    line-height: 34px;
    font-size: 24px;
    font-weight: 500;
}

.study-item .content .desc {
    flex: 1;
    min-width: 0;
    line-height: 23px;
    font-size: 16px;
    font-weight: 400;
    color: var(--color-grey);

    display: -webkit-box;
    /*text-overflow: -o-ellipsis-lastline;*/
    overflow-y: scroll;
    /*text-overflow: ellipsis;*/
    /*-webkit-line-clamp: 6;*/
    line-clamp: 6;
    -webkit-box-orient: vertical;
}

.study-item .content .btn {
    display: inline-flex;
    justify-content: center;
    align-items: center;
    width: 115px;
    margin-top: 24px;
}

/* about end */

/* culture */
.page-culture h2,
.page-uwc h2 {
    line-height: 50px;
    font-size: 36px;
    font-weight: 900;
    color: var(--color);
}

.uwc-map{
    height: 600px;
    background-color: #DFF2FC;
}
.uwc-map .map{
    width: 1140px;
    height: 522px;
    background-image: url(/static/image/uwc-map.png);
    background-size: contain;
    background-repeat: no-repeat;
    position: relative;
}

.uwc-map .map .item{
    position: absolute;
}
.uwc-map .item .radio{
    display: flex;
    align-items: center;
    justify-content: center;
    width: 46px;
    height: 46px;
    border: 1px solid transparent;
    border-radius: 30px;

    cursor: pointer;
}
.uwc-map .item .radio:hover{
    border-color: var(--color);
}
.uwc-map .item .radio .dot{
    width: 26px;
    height: 26px;
    background-color: var(--color);
    border-radius: 30px;
}
.uwc-map .item .content{
    display: none;
    position: absolute;
    top: -40px;
}
.uwc-map .item.open .content{
    display: block;
    z-index: 1;
}
.uwc-map .item .content.left{
    right: 70px;
}
.uwc-map .item .content.right{
    left: 70px;
}
.uwc-map .item .content .pic{
    width: 308px;
    /* border: 4px solid rgba(0, 0, 0, .5); */
}
.uwc-map .item .content .pic img{
    display: block;
    width: 300px;
    height: 194px;
    border: 3px solid var(--color);
    box-shadow: 0 0 4px 2px rgba(0, 0, 0, .5);
}
.uwc-map .item .content .info{
    width: 248px;
    margin: -20px auto 0;
    padding: 10px 30px;
    background-color: #fff;
    /* border: 4px solid rgba(0, 0, 0, .5); */
    box-shadow: 0 0 4px 2px rgba(0, 0, 0, .5);

    position: relative;
}
.uwc-map .item .content .name{
    line-height: 22px;
    font-size: 16px;
    font-weight: 500;
    color: var(--color);
}
.uwc-map .item .content .desc{
    line-height: 20px;
    font-size: 14px;
    color: #B6B6B6;
}

.friend {
    display: grid;
    grid-template-columns: auto auto auto auto;
    grid-gap: 40px;
}

.friend .item {
    text-align: center;
}

.friend .avatar {
    margin: 0 auto -62px;
    width: 124px;
    height: 124px;
    border-radius: 124px;
}

.friend .content {
    padding: 78px 24px 24px;
    background-color: #F2F8FE;
    border-radius: var(--radius);
}

.friend .name {
    line-height: 34px;
    font-size: 24px;
    font-weight: 400;
}

.friend .appellation {
    margin-top: 6px;
    line-height: 24px;
    font-size: 16px;
    font-weight: 400;
}

.friend .line {
    width: 20px;
    height: 1px;
    margin: 6px auto 0;
    background-color: var(--color);
}

.friend .desc {
    margin-top: 18px;
    line-height: 20px;
    font-size: 14px;
    font-weight: 400;
    color: #211F26;

    display: -webkit-box;
    text-overflow: -o-ellipsis-lastline;
    overflow: hidden;
    text-overflow: ellipsis;
    -webkit-line-clamp: 6;
    line-clamp: 6;
    -webkit-box-orient: vertical;
}

.page-uwc .teacher-item .info .desc {
    display: -webkit-box;
    text-overflow: -o-ellipsis-lastline;
    overflow: hidden;
    text-overflow: ellipsis;
    -webkit-line-clamp: 10;
    line-clamp: 10;
    -webkit-box-orient: vertical;
}

/* culture end */

/* course */
/*.course-book {*/
/*    display: flex;*/
/*    height: 742px;*/
/*    padding: 60px 110px 150px;*/
/*    background-image: url(/static/image/course-book.png);*/
/*    background-size: contain;*/
/*    background-repeat: no-repeat;*/
/*    position: relative;*/
/*}*/

.course-book .left {
    fleX: 0 0 460px;
    width: 460px;
    text-align: center;
}

.course-book .left h4 {
    line-height: 34px;
    font-size: 24px;
}

.course-book .left .pic {
    width: 260px;
    height: 145px;
    margin-top: 6px;
    object-fit: cover;
    object-position: center;
}

.course-book .left .content {
    margin-top: 32px;
    font-size: 16px;
    line-height: 26px;
}

.course-book .right {
    fleX: 1;
    min-width: 0;
    padding-top: 15px;
    padding-left: 60px;
    padding-right: 30px;
}

.course-book .right h5 {
    line-height: 26px;
    font-size: 18px;
    font-weight: 500;
}

.course-book .right .content {
    line-height: 36px;
    font-size: 18px;
}

.course-book .catalog {
    position: absolute;
    top: 79px;
    left: 22px;

    width: 85px;
}

.course-book .catalog .item {
    margin-bottom: 16px;
    line-height: 30px;
    text-align: center;
    color: #fff;
    cursor: pointer;
}

.course-book .catalog .item:nth-child(3n) {
    background: #e8cf29;
}

.course-book .catalog .item:nth-child(3n+1) {
    background: #ac1a09;
}

.course-book .catalog .item:nth-child(3n+2) {
    background: #146292;
}

.course-about {
    display: grid;
    grid-template-columns: 1fr 1fr 1fr;
    grid-gap: 10px;
}

.course-about .card {
    height: 510px;
    margin: 0 auto 10px;
    border-radius: var(--radius);
    overflow: hidden;
    position: relative;
    transition: all .5s;
}
.course-about .card:hover{
     width: 594px;
 }

.course-about .card .avatar {
    width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: center;
}

.course-about .card .name {
    width: 100%;
    padding: 0 32px;
    line-height: 42px;
    font-size: 30px;
    font-weight: 500;
    color: #fff;
    position: absolute;
    bottom: 40px;
}

.course-about .card .content {
    display: none;
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    padding: 0 32px;
    border-radius: var(--radius);
    background-color: rgba(10, 51, 96, 1);
    overflow: auto;
    opacity: .6;
}

.course-about .card:hover .content {
    display: block;
}

.course-about .card .item {
    margin-top: 40px;
}

.course-about .card .label {
    font-size: 30px;
    font-weight: 500;
    line-height: 42px;
    color: #fff;
}

.course-about .card .desc {
    margin-top: 16px;
    font-size: 16px;
    line-height: 22px;
    color: #fff;
}

.page-course h2 {
    line-height: 50px;
    font-size: 36px;
    font-weight: 900;
    color: var(--color);
}

.course-list {
    display: grid;
    grid-template-columns: auto auto auto auto;
    grid-gap: 16px;
}

.course-list .card {
    height: 320px;
    border-radius: var(--radius);
    overflow: hidden;
    position: relative;
}

.course-list .card .avatar {
    width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: center;
}

.course-list .card .name {
    width: 100%;
    height: 80px;
    padding: 16px;
    line-height: 18px;
    text-align: center;
    font-size: 16px;
    font-weight: 500;
    color: #fff;
    background: rgba(32, 93, 161, .85);
    backdrop-filter: blur(62px);
    border-radius: 0 0 var(--radius) var(--radius);

    position: absolute;
    bottom: 0;
}

.course-list .card .content {
    display: none;
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    padding: 16px;
    border-radius: var(--radius);
    background: var(--color);
    overflow: auto;
}

.course-list .card:hover .content {
    display: block;
}

.course-list .card .item {
    margin-bottom: 16px;
}

.course-list .card .label {
    font-size: 16px;
    font-weight: 500;
    line-height: 22px;
    color: #fff;
}

.course-list .card .desc {
    margin-top: 2px;
    line-height: 20.27px;
    color: #B6B6B6;
}

/* course end */


#map {
    width: 100%;
    height: 720px;
}

.map-content {
    margin-bottom: -100px;
    padding-top: 60px;
    padding-bottom: 100px;
}

.map-content .project {
    display: flex;
    align-items: center;
}

.map-content .project .text {
    margin-left: 8px;
    font-size: 24px;
    font-weight: 500;
    line-height: 34px;
}

.map-content .content {
    display: flex;
    margin-top: 8px;
    line-height: 24px;
    font-size: 16px;
}

.map-content .content .desc {
    flex: 0 0 752px;
    margin-left: 24px;
    color: #787A7C;
}

.map-content .pics {
    display: grid;
    grid-template-columns: 1fr 1fr 1fr;
    grid-gap: 24px;
    margin-top: 24px;
}

.map-content .pics img {
    width: 100%;
    height: 246px;
    object-fit: cover;
    object-position: center;
}


.page-develop {
    padding-bottom: 0;
}

.page-develop .swiper {
    width: 100vw;
    height: 100vh;
    overflow: hidden;
}

.page-develop .swiper .pic {
    width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: center;
}

.page-develop .swiper .swiper-pagination {
    left: 60px;
}

.page-develop .swiper .swiper-pagination-bullet {
    width: 10px;
    height: 10px;
    border: 2px solid var(--color);
    background-color: transparent;
    opacity: 1;
}

.page-develop .swiper .swiper-pagination-bullet.swiper-pagination-bullet-active {
    background-color: var(--color);
}


.page-process {
    position: relative;
    padding-bottom: 0;
    min-height: 1000px;
    background-color: #17181A;
    /*background-image: url(/static/image/process.jpg);*/
    background-size: 1140px auto;
    background-position: center top;
    background-repeat: no-repeat;
}

.page-process .btn {
    position: absolute;
    bottom: 30px;
    left: 50%;

    width: 391px;
    height: 76px;
    margin-left: -200px;
}


.page-apply {
    padding-bottom: 0;
}

.form {
    padding: 24px;
    background-color: var(--color-bg);
    border-radius: var(--radius);
}

.form+.form {
    margin-top: 24px;
}

.form-title {
    margin-bottom: 16px;
    line-height: 24px;
    font-size: 16px;
    font-weight: 500;
    color: #211F26;
}

.form-wrap {
    display: grid;
    grid-template-columns: 1fr 1fr 1fr;
    grid-gap: 24px;
}

.form-item {
    position: relative;
}

.form-label {
    display: flex;
    align-items: flex-start;

    line-height: 20px;
    color: #211F26;
}

.form-label.required::before {
    content: '*';
    color: #F4664A;
}

.form-label.readonly {
    line-height: 22px;
    color: rgba(0, 0, 0, 0.45);
}

.form-label.readonly::after {
    content: ':';
}

.form-label .sub{
    color: rgba(0, 0, 0, .45);
}

.form-label+.form-content {
    margin-top: 10px;
}

.form-content-text {
    margin-top: 4px;
    line-height: 22px;
    color: rgba(0, 0, 0, 0.88);
}

.form-content-text p {
    min-height: 22px;
}

.form-content {
    background-color: rgba(0, 0, 0, 0.04);
    border: 1px solid transparent;
    border-radius: 4px;
}

.form-content.error {
    border-color: #F4664A;
}

.form-content .input-inner,
.form-content .textarea-inner {
    width: 100%;
    height: 32px;
    padding: 5px 8px;
    font-size: 14px;
    color: #211F26;
    background-color: transparent;
}

.form-content .textarea-inner {
    height: 64px;
}

.form-content .input-inner::placeholder,
.form-content .textarea-inner::placeholder {
    color: rgba(0, 0, 0, 0.25);
}

.form-error-text {
    height: 18px;
    line-height: 18px;
    font-size: 12px;
    color: #F4664A;

    position: absolute;
    top: 100%;
}

.form-content-checkbox {
    display: flex;
    align-items: center;

    margin-top: 8px;
}

.form-checkbox {
    flex: 0 0 16px;
    width: 16px;
    height: 16px;
    border-radius: 4px;
    background: #FFFFFF;
    border: 1px solid rgba(0, 0, 0, 0.15);
    position: relative;
    cursor: pointer;
}

.form-checkbox input {
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    opacity: 0;
    cursor: pointer;
}

.form-checkbox:hover {
    border-color: #1677FF;
}

.form-checkbox.active {
    background-color: #1677FF;
    background-image: url(/static/image/check.png);
    background-size: 8px 6px;
    background-position: center;
    background-repeat: no-repeat;
    border: none;
}

.form-content-checkbox .form-checkbox+p {
    padding-left: 8px;

    line-height: 22px;
    color: #000;
    cursor: pointer;
}

.form-tip {
    line-height: 22px;
    color: rgba(0, 0, 0, 0.45);
}

.apply-footer {
    position: sticky;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 68px;
    background-color: #fff;
    box-shadow: 0px -6px 16px rgba(0, 0, 0, 0.12);
}

.apply-footer .btn {
    font-size: 14px;
}

.apply-footer .tip {
    margin-left: 24px;
    font-size: 18px;
    color: #B6B6B6;
}

.page-pay {
    padding-bottom: 0;
    overflow: hidden;
    background-color: #f5f5f5;
}

.pay-box {
    min-height: 400px;
    padding: 24px;
    background-color: #fff;
    border-radius: var(--radius);
}

.pay-box h5 {
    font-size: 16px;
    font-weight: 500;
    line-height: 24px;
}

.pay-box .text {
    margin-top: 4px;
    line-height: 24px;
}

.pay-box .pay-type {
    display: flex;
    justify-content: space-around;
    margin-top: 24px;
}

.pay-box .pay-type .item {
    /*width: 160px;*/
    /*height: 200px;*/
}

.pay-box .pay-type img {
    width: 160px;
    height: 160px;
}

.pay-box .pay-type p {
    text-align: center;
    font-size: 16px;
    font-weight: 500;
    line-height: 24px;
}

.pay-success {
    position: fixed;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: 998;

    opacity: 0;
    background-color: rgba(0, 0, 0, 0.2);
    transition: opacity .3s;
}

.pay-success.show {
    opacity: 1;
}

.pay-success .content {
    padding: 40px;
    background-color: #fff;
    border-radius: var(--radius);
}

.pay-success .content img {
    width: 60px;
    height: 60px;
}

.pay-success .content .text {
    margin-top: 8px;
    text-align: center;
    line-height: 22px;
    font-size: 16px;
    font-weight: 500;
}


.help-search {
    height: 360px;
    background-color: #F2F8FE;
    overflow: hidden;
}

.help-search h2 {
    line-height: 50px;
    font-size: 36px;
    font-weight: 700;
    color: var(--color);
}

.help-search .search-box {
    width: 540px;
    max-width: 100%;
}

.search-box {
    height: 48px;
    background-color: #fff;
    border: 1px solid rgba(0, 0, 0, 0.15);
    border-radius: 4px;
    position: relative;
    overflow: hidden;
}

.search-box input {
    width: 100%;
    height: 100%;
    padding: 0 16px;
    font-size: 14px;
    font-weight: 400;
    color: #000;
}

.search-box input::placeholder {
    color: rgba(0, 0, 0, 0.25);
}

.search-box .icon-search+input {
    padding-left: 44px;
}

.search-box .icon-search {
    position: absolute;
    top: 13.5px;
    left: 16px;
}

.search-keyword {
    display: flex;
    width: 540px;
    max-width: 100%;
}

.search-keyword .label {
    white-space: nowrap;
    line-height: 22px;
    color: #787A7C;
}

.search-keyword .content span {
    display: inline-block;
    margin-left: 8px;
    line-height: 22px;
    color: var(--color);
    cursor: pointer;
}

.help-tab {
    display: flex;
    overflow-x: auto;
}

.help-tab .item {
    display: flex;
    align-items: center;
    justify-content: center;
    height: 36px;
    padding: 0 16px;
    font-size: 16px;
    font-weight: 500;
    color: var(--color);
    border-top: 4px solid transparent;
    border-bottom: 4px solid transparent;
    cursor: pointer;
}

.help-tab .item.active, .help-tab .item:hover {
    border-bottom-color: var(--color);
}

.question {
    background: #F7F8FA;
    border-radius: 4px;

    height: 80px;
    transition: height .3s;
    overflow: hidden;
}

.question h5 {
    display: flex;
    align-items: center;
    height: 80px;
    padding: 0 24px 0 40px;
}

.question h5 span {
    line-height: 32px;
    font-size: 24px;
    font-weight: 500;
    color: #211F26;
}

.question h5 i {
    margin-left: auto;
    cursor: pointer;
}

.question p {
    margin-top: -50px;
    padding: 40px;
    font-size: 18px;
    line-height: 30px;
    color: var(--color-grey);
}


.modal-feedback {
    position: fixed;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: 998;

    opacity: 0;
    background-color: rgba(0, 0, 0, 0.2);
    transition: opacity .3s;
}

.modal-feedback.show {
    opacity: 1;
}

.feedback-content {
    width: 600px;
    padding: 60px;
    border-radius: 8px;
    background: #F7F8FA;
    border: 1px solid #E6E6E6;
    box-shadow: 0px 1px 2px rgba(0, 0, 0, 0.08);
    position: relative;
}

.feedback-content .icon-close {
    position: absolute;
    top: 24px;
    right: 24px;


    width: 40px;
    height: 40px;
    background-image: url(/static/image/icon-close.png);
    background-size: 16px;
    background-position: center;
    background-repeat: no-repeat;
    cursor: pointer;
}

.feedback-content .title {
    line-height: 34px;
    font-size: 24px;
    font-weight: 500;
    color: #211F26;
}

.feedback-content .form {
    padding: 0;
}

.feedback-content .form-content {
    background-color: rgba(255, 255, 255, .04);
    border: 1px solid rgba(0, 0, 0, .15);
}

.feedback-content .modal-footer {
    display: flex;
}


.page-login + .toolbar, .page-login ~ footer{
    display: none;
}
.page-login{
    height: calc( 100vh - 68px );
    padding: 0;
    background-image: url(/static/image/bg-login.png);
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
    position: relative;
}
.page-login::before{
    content: '';
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    background-color: rgba(255, 255, 255, .8);
}
.login-box{
    width: 430px;
    padding: 60px;
    background-color: #fff;
    position: relative;
    z-index: 1;
}
.login-box .logoo{
    height: 50px;
}
.login-box .help-tab{
    border-bottom: 1px solid rgba(0, 0, 0, .06);
}
.login-box .help-tab .item{
    flex: 1;
    min-width: 0;
    border-width: 2px;
}
.login-form{
    position: relative;
    margin-top: 24px;
}
.login-form .label{
    line-height: 20px;
    color: #223146;
}
.login-form .content{
    display: flex;
    height: 32px;
    border-bottom: 1px solid rgba(0, 0, 0, .06);
}
.login-form .content input{
    flex: 1;
    min-width: 0;
    height: 100%;
    font-size: 14px;
    font-weight: 400;
    color: #000;
    background-color: transparent;
}
.login-form .content input::placeholder{
    color: #B6B6B6;
}
.login-form.link{
    display: flex;
    align-items: center;
}
.login-form a{
    display: flex;
    align-items: center;
    line-height: 20px;
    color: #223146;
}
.login-form a img{
    width: 16px;
    height: 16px;
}

.login-form .getcode{
    height: 100%;
    padding: 0 16px;
    font-weight: 500;
    color: var(--color);

    cursor: pointer;
}


.register-type{
    padding: 60px 130px;
    background: var(--color-bg);
    border: 1px solid #E6E6E6;
    border-radius: var(--radius);
    box-shadow: 0px 1px 2px  rgba(0, 0, 0, 0.08);

    position: relative;
    z-index: 1;
}
.register-type .title{
    line-height: 24px;
    font-size: 24px;
    font-weight: 500;
    color: #211F26;
}
.register-type .item{
    flex-direction: column;
    width: 240px;
    padding: 32px 0;
    border-radius: var(--radius);
    background: #FAFBFC;
    border: 1px solid #E6E6E6; 
    box-shadow: 0px 2px 24px  rgba(0, 0, 0, .12);
}
.register-type .item + .item{
    margin-left: 16px;
}
.register-type .item .icon{
    width: 44px;
    height: 44px;
}
.register-type .item .label{
    line-height: 30px;
    font-size: 22px;
    font-weight: 500;
    color: #211F26;
}
.register-type .item .desc{
    margin-top: 8px;
    line-height: 20px;
    color: var(--color-grey);
}
.register-type .item .btn{
    cursor: pointer;
}

.register-box{
    display: flex;
    width: 843px;
    border-radius: 8px;
    background: var(--color-bg);
    border: 1px solid #E6E6E6;
    box-shadow: 0px 1px 2px rgba(0, 0, 0, .08);

    position: relative;
    z-index: 1;
}
.register-box .left, .register-box .right{
    flex: 1;
    min-width: 0;
    padding: 60px;
}
.register-box .left h3{
    line-height: 33px;
    font-size: 24px;
    font-weight: 500;
    color: #211F26;
}
.register-box .left .form{
    padding: 0;
    background-color: transparent;
}
.register-box .left .form-item + .form-item{
    margin-top: 24px;
}
.register-box .getcode{
    display: flex;
    /* background-color: transparent; */
    width: 190px;
    position: relative;
}
/* .register-box .getcode .input-inner{
    background-color: rgba(0, 0, 0, 0.04);
    border-radius: 4px;
} */
.register-box .getcode .btn-code{
    width: 100px;
    height: 32px;
    margin-left: 8px;
    border-radius: 6px;
    background: #FFFFFF;
    border: 1px solid rgba(0, 0, 0, .15);

    position: absolute;
    top: 0;
    left: 100%;
}
.register-box .form-content-checkbox{
    align-items: flex-start;
}
.register-box .form-content-checkbox .form-checkbox{
    margin-top: 4px;
}
.register-box .form-content-checkbox a{
    color: var(--color);
}
.register-box .have{
    display: flex;
}
.register-box .have a{
    color: var(--color);
}

.register-box .right{
    border-left: 1px solid rgba(0, 0, 0, .06);
}
.register-box .right h5{
    margin-top: 10px;
    font-size: 16px;
    font-weight: 500;
    line-height: 22px;
}
.register-box .right .item{
    display: flex;
    align-items: center;
    height: 90px;
    background-color: #FAFBFC;
    cursor: pointer;
}
.register-box .right .item .icon{
    width: 22px;
    height: 22px;
    margin-left: 16px;
    margin-right: 16px;
}
.register-box .right .item .content{
    flex: 1;
    min-width: 0;
}
.register-box .right .item .label{
    font-size: 16px;
    font-weight: 500;
    line-height: 22px;
}
.register-box .right .item .desc{
    margin-top: 4px;
    line-height: 20px;
    color: #787A7C;
}

.register-success{
    position: relative;
    z-index: 1;
    padding: 60px;
    background-color: #F7F8FA;
    border: 1px solid #E6E6E6;
    border-radius: var(--radius);
    box-shadow: 0px 1px 2px rgba(0, 0, 0, .08);
}
.register-success img{
    width: 80px;
    height: 80px;
}
.register-success .text{
    margin-top: 24px;
    line-height: 32px;
    font-size: 24px;
    font-weight: 500;
    color: rgba(0, 0, 0, 0.85);
}
.register-success .btn{
    margin-top: 24px;
}


.register-alert{
    position: fixed;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: 9;

    background-color: rgba(0, 0, 0, .2);
}
.register-alert .content{
    padding: 16px;
    border-radius: var(--radius);
    background: #FFFFFF;
    box-shadow: 0px 3px 6px -4px rgba(0, 10, 26, 0.12), 0px 6px 16px  rgba(0, 10, 26, 0.08), 0px 9px 28px 8px rgba(0, 10, 26, 0.05);
    position: relative;
}
.register-alert .content .icon-close{
    position: absolute;
    top: 0;
    right: 0;
    
    width: 40px;
    height: 40px;
    background-image: url(/static/image/icon-close.png);
    background-size: 16px;
    background-position: center;
    background-repeat: no-repeat;
    cursor: pointer;
}
.register-alert .content .title{
    font-weight: 500;
    line-height: 22px;
}
.register-alert .content .text{
    margin-top: 8px;
    line-height: 22px;
}
.register-alert .content .alert-btn{
    display: flex;
    justify-content: flex-end;
    margin-top: 16px;
}
.register-alert .content .btn{
    height: 24px;
    padding: 0 8px;
    font-size: 14px;
}


.pages{
    display: flex;
    align-items: center;
    justify-content: center;
    list-style: none;
}
.pages li:first-child, .pages li:last-child{
    display: none;
}
.pages li.prev{
    background-image: url(/static/image/page-left.png);
    background-size: 16px;
    background-position: center;
    background-repeat: no-repeat;
}
.pages li.next{
    background-image: url(/static/image/page-right.png);
    background-size: 16px;
    background-position: center;
    background-repeat: no-repeat;
}
.pages .pgNext{
    text-indent: -99999px;
    width: 32px;
    height: 32px;
}
.pages .pgNext.disabled{
    opacity: .3;
    cursor: no-drop;
}
.pages .page-number{
    display: flex;
    align-items: center;
    justify-content: center;

    width: 32px;
    height: 32px;
    border-radius: 6px;
    background: #fff;
    border: 1px solid transparent;
}
.pages .page-number.pgCurrent{
    border-color: var(--color);
}
.pages .page-number + .page-number{
    margin-left: 8px;
}
.loading .page-number{
    cursor: wait;
    pointer-events: none;
}



#float_label {
    position: relative;
    width: 560px;
    height: 560px;
    margin: 0 auto;
}

#float_label .text {
    position: absolute;
    top: 0px;
    left: 0px;
    color: #333;
    font-weight: bold;
    text-decoration: none;
    padding: 3px 6px;
}

#float_label .text:hover {
    /* border: 1px solid #eee; */
    /* background: #000; */
    color: var(--color);
}

#float_label .color1 {
    color: #3B7DC3;
}

#float_label .color2 {
    color: #7A8A99;
}

#float_label .color3 {
    color: #364655;
}